/* BASIC css start */
.bb03 {background:#018d33!important;}
.bb03 a {color:#fff;}

.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; }

.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 }
.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; }




/* 검색 */
.board_search {height:28px;}
.board_search .total_page {float:left; padding:2px 0 0 0;}
.board_search .search {float:right; text-align:right;}
.board_search select {height:22px;}
.board_search input {vertical-align:top;}
.board_search .input {width:155px; height:20px; background:#fff; border:1px solid #ccc; margin:0 2px;}

/* 리스트 */
.board_list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board_list thead th {height:29px; border-top:2px solid #666; border-bottom:1px solid #d8d8d8; background:#f7f7f7; color:#333;}
.board_list tbody td {padding:6px 0; border-bottom:1px solid #d8d8d8; text-align:center; color:#888;}
.board_list .subject {text-align:left; padding-left:10px;}
.board_list img {vertical-align:middle;}

.gallery_list ul {*zoom:1; border-top:2px solid #666; border-bottom:1px solid #ddd; padding:20px 0 0 0;}
.gallery_list ul:after {content:" "; display:block; clear:both;} 
.gallery_list li {float:left; display:inline; width:180px; height:190px; text-align:center; line-height:1.4em; margin:0 6px; overflow:hidden;}
.gallery_list a {display:block; cursor:pointer; overflow:hidden;}
.gallery_list .thumb {display:block; border:1px solid #ddd; margin-bottom:10px;}

.faq_search {position:relative; height:70px; background: url('../images/bbs/faq_bg.jpg') 0 0 no-repeat; margin:0 30px 20px 20px;}
.faq_search form {position:absolute; top:34px; left:145px; color:#999;}
.faq_search * {vertical-align:middle;}
.faq_cat {margin:0 30px 6px 20px; text-align:right;}
.faq {border-top:1px solid #ccc;}
.faq dl {border-bottom:1px solid #ccc;}
.faq dt {height:34px; line-height:34px; font-weight:bold; border-top:1px solid #ccc;}
.faq dt a {display:block; color:#333; background:url('../images/bbs/faq_q.gif') 11px 50% no-repeat; padding:0 0 0 70px; text-decoration:none;}
.faq dd {display:none; border-top:1px dotted #ccc; background:#f2f2f2 url('../images/bbs/faq_a.gif') 11px 12px no-repeat; padding:10px 20px 20px 70px;}

.calendar {width:100%; overflow:hidden;}
.calendarMonth {height:40px; font-size:110%; line-height:1.4em; text-align:center; font-weight:bold; color:#333333;}
.calendarMonth span {margin:0 20px;font-size:200%; line-height:1.0em; font-family:Arial; font-weight:bold; color:#333;}
.calendarMonth img.btn {cursor:pointer; margin:0 8px;}
.calendarTable {width:95%; margin:0 auto;}
.calendarTable table{width:100%; border-collapse:collapse; border-spacing:0px;}
.calendarTable table, .calendarTable th, .calendarTable td {border-spacing:0px;}
.calendarTable thead th {height:30px; color:#fff; background:#13755e}
.calendarTable tbody td {height:90px; vertical-align:top; border:1px solid #d8d8d8;}
.calendarTable tbody td p.cal_day {height:18px; font:90% Arial; font-weight:bold; color:#999; padding:5px 0 0 5px;}
.calendarTable tbody td p.cal_sun {font:90% Arial; font-weight:bold; color:#c21414; padding:5px 0 0 5px;}
.calendarTable tbody td p.cal_sat {font:90% Arial; font-weight:bold; color:#30aac8; padding:5px 0 0 5px;}
.calendarTable tbody td li {font-size:90% Arial; color:#999; padding:0 5px 8px 5px; line-height:14px;}

/* 글작성 */
.board_write {border-top:2px solid #666; border-bottom:1px solid #999; font-family:나눔고딕,'NanumGothic','Nanum Gothic',helvetica,sans-serif; padding:5px 0;}
.board_write p {position:relative; padding:6px 0 6px 100px; line-height:1.4em; border-top:1px solid #d8d8d8; overflow:hidden;}
.board_write p.top {border-top:0;}
.board_write p.content {padding-left:0;}
.board_write p.bg {background:#edeefc;}
.board_write .fr {float:right; width:265px; position:relative; display:inline-block; padding:0 0 0 100px; top:0;}
.board_write .fr .title {top:1px;}
.board_write .title {position:absolute; left:10px; top:7px; width:95px; font-weight:bold;}
.board_write .line {display:block; padding-top:6px;}

/* 상세보기 */
.board_view {position:relative; border-top:2px solid #666; line-height:27px;}
.board_view dl {height:27px; border-bottom:1px solid #d8d8d8; clear:both; overflow:hidden;}
.board_view dt {float:left; width:90px; height:27px; text-align:center; font-weight:bold; background:#f4f4f4;}
.board_view dd {float:left; height:27px; padding-left:10px;}
.board_view dl.date {position:absolute; top:28px; right:130px;}
.board_view dl.date dd {width:150px; text-align:center; padding:0;}
.board_view dl.count {position:absolute; top:28px; right:0px;}
.board_view dl.count dd {width:40px; text-align:center; padding:0;}
.board_view img {vertical-align:middle;}
.board_view a {text-decoration:none;}
.view_content {clear:both; padding:20px; border-bottom:1px solid #d8d8d8;}

/* 이전글,다음글 */
.prev_next dl {width:100%; padding:6px 0 6px 0; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:90px; text-align:center; font-weight:bold; color:#666;}
.prev_next .prev {border-top:2px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.prev_next .prev dt {background: url('../images/bbs/arrow_up.gif') 14px 50% no-repeat;}
.prev_next .next {border-bottom:2px solid #d8d8d8;}
.prev_next .next dt {background: url('../images/bbs/arrow_down.gif') 14px 50% no-repeat;}

/* 버튼 */
.buttons {padding:15px 0; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

/* Text Button Package */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('/design/sjkson100/img/btn_pack.gif') no-repeat;font-size:12px;font-family:Nanum Gothic, Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 14px 0 10px;background-position:right -30px;font-size:13px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:15px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#000}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}
.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}
.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}

/* 페이지목록 */
.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}  
.paginate a,  
.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#ff6600}  
.paginate a.direction{padding:0; margin:0 4px;}

/* 코멘트 */
.comment_area {background:#f4f4f4; padding:20px; margin-top:20px; clear:both; overflow:hidden;}
.comment_list li {position:relative; padding:10px; border-bottom:1px dotted #d8d8d8;}
.comment_list li .info .name {font-weight:bold; color:#333;}
.comment_list li .info .date {font-size:11px; font-family:Tahoma, sans-serif, Verdana; color:#767676; margin:0 4px;}
.comment_list li .txt {color:#555; line-height:1.5em; padding:4px 0 0 0;}
.comment_list li .controll {position:absolute; top:10px; right:10px; font-size:11px; color:#dddddd;}
.comment_list li .controll a {color:#767676; margin:0 4px;}

.comment_write label {display:inline-block; border:1px solid #d8d8d8; border-bottom:0; background:#fff; padding:4px 10px; font-weight:bold; overflow:hidden;}
.comment_write .write {position:relative; height:70px; padding:0 120px 0 0;}
.comment_write .write textarea {width:99%; height:50px; background:#fff; border:1px solid #d8d8d8; overflow-y:auto;}
.comment_write .btn {position:absolute; top:0; right:0;}
.comment_write .btn_pack input {width:110px;}
.comment_write .byte {display:block; font-size:11px; color:#767676; text-align:right;}
.comment_write .byte strong {color:#ed7500;}

/* 문의 */
.mailform {border-top:2px solid #666666; border-bottom:1px solid #666666; margin:0 10px;}
.mailform table{width:100%; border-collapse:collapse; border-spacing:0px;}
.mailform th {padding:7px 10px; border-bottom:1px solid #d8d8d8; text-align:left;}
.mailform td {padding:7px 10px; border-bottom:1px solid #d8d8d8;}
.mailform img {vertical-align:middle;}
.form_agree {position:relative; margin-top:25px; font-family:"돋움",Dotum;}
.form_agree .pop_privacy {position:absolute; top:0; right:0; font-size:11px; line-height:14px; letter-spacing:-1px; color:#888; background:url('/design/sjkson100/img/btn_next.gif') 100% 3px no-repeat; padding:0 10px 0 0;}
.form_agree dt {font-weight:bold; color:#444; line-height:normal; padding:0 0 0 4px;}
.form_agree dd {padding:6px 0 0 0; font-size:11px;  color:#767676;}
.form_agree .scroll_box {height:80px; border:1px solid #ddd; font-size:11px; line-height:18px; background:#f8f8f8; color:#999; padding:10px; overflow:auto;
/* BASIC css end */