/* BASIC css start */
.content_box {clear:both;}
.content_box img {width:100%;}
.content_box a {display:block;}

.content_box.col2_box {padding:0 28px 40px; overflow:hidden;}

.col2{float:left; width:50%; text-align:center;}
.col2 a{display:block; margin:0 4px;}
.col2 p{min-height:20px; padding-top:8px; font-size:13px;}


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

.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;}
/* 개인정보보호정책 동의 */
.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; }


.embed_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed_video.ratio45 { position: relative; padding-bottom: 125%;}
.embed_video.ratio11 { position: relative; padding-bottom: 100%;}
.embed_video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination, .detail-pagination2 {padding-top:8px;}
.swiper-slide{width:100%;}
.swiper-slide img{width:100%;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination {left:0;}
.swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color:rgba(0,0,0,0.1);
    box-sizing: border-box;
transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color: rgba(0,0,0,0.3);
    box-sizing: border-box;    
}

.inside_dot {position:absolute; width:100%;height:24px;}
.inside_dot .slick-dots li {background-color:#fff;opacity:0.4;}
.inside_dot .slick-dots li.slick-active {opacity:1;}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}

.swiper-pagination {left:0;}
.btn_slider_next2 {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.btn_slider_prev2 {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.btn_slider_prev2 img, .btn_slider_next2 img {width:100%;}

/* horizontal scroll - zack */
.h_scroll {width: auto !important; padding:0 6.125%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.h_scroll::-webkit-scrollbar { display: none;} 
.h_scroll_item {position:relative; display:inline-block; width:65% !important;vertical-align: top;}
.h_scroll_item div {margin: 0 0.875% 4px; overflow: hidden; width: auto !important;}

.h_scroll2 {width: auto !important; font-size:0; margin-left:7%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.h_scroll2 .h_scroll_item {position:relative; display:inline-block; width:75% !important;vertical-align: top;}
.h_scroll2 .h_scroll_item div {margin:0 0 8px; overflow: hidden; width: auto !important;}

.h_scroll2::-webkit-scrollbar{
    height: 4px;
}
.h_scroll2::-webkit-scrollbar-thumb{
    background-color: #bbb;
    border-radius: 10px;  
}
.h_scroll2::-webkit-scrollbar-track{
    background-color:#eee;
}

.device_slider{
    background-size:cover;
    background-scale:100% 100%;
}
.device_slider_next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.device_slider_prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.device_slider_prev img, .device_slider_next img {width:100%;}


#career_nav {position:relative; background-color:#131313; transition: all 0.3s; width:100%; z-index:999; box-shadow: rgb(0 0 0 / 20%) 0px 4px 4px;}
#career_nav a {display:inline-block; width:25%; text-align:center; color:#fff; padding:12px 0; font-size:14px; font-weight:bold;}
#career_nav a.on {color:#70B0CF; background-color:#2F2F2F;}
/* BASIC css end */