/*# sourceURL=https://dadoet.com/theme/coreweb/skin/board/gw_product_gallery/style.css?ver=2303229 */
/*@ sourceURL=https://dadoet.com/theme/coreweb/skin/board/gw_product_gallery/style.css?ver=2303229 */
/*공통*/
::placeholder{
    color:#dedede;
}
#container{padding-bottom:170px;}
.n-bbs-con{margin:0 auto;max-width:var(--max-width);width:100%;}

.n-flex-btw {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.n-mb-10{
    margin-bottom:10px !important;
}

.more_opt {display: none;position:absolute;top: 45px;right:0;background: #fff;border: 1px solid #ddd;z-index: 100;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);}
.more_opt:before {content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #b8bfc4 transparent;}
.more_opt:after {content: "";position: absolute;top: -6px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:154px;margin:0;color:#666;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#666;text-align: left;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/*제품정보테이틀*/
.n-item-container {border-top: 1px solid #000;}
.n-item-container tr{border-bottom: 1px solid #ddd;}
.n-item-container th{padding:12px 20px;background: #f8f8f8;text-align: left;}
.n-item-container td {padding:12px 20px;}
.n-item-container .n-item-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family:'Poppins_SB', sans-serif;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 15px;height: 30px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url("https://dadoet.com/theme/coreweb/skin/board/gw_product_gallery/img/n-bbs-start.png") no-repeat 50% 50%;background-size: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;display:none;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("https://dadoet.com/theme/coreweb/skin/board/gw_product_gallery/img/n-bbs-end.png") no-repeat 50% 50%;background-size: cover;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;display:none;}

/*list*/


/*view*/
#n-bo-v{}

#bo_v_title .bo_v_tit{
    font-size:2rem !important;
    padding:1.5625rem 0;
}

#n-bo-v .profile_img {display: none;}
#bo_v_info .profile_info{padding-bottom: 40px;margin-bottom: 40px;}
#bo_v_atc {min-height: 250px;border: 2px solid #ddd;border-radius: 5px;background: #fff;padding: 20px;}
#n-bo-v .btn_bo_user {place-content: center;align-items:flex-start;}
#bo_v_link .n-box01 {margin-bottom: 30px;}
#bo_v_link .n-box01 .n-flex {align-items: center;gap: 10px;}
.n-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
.n-empty-list > h3 {font-size: var(--main-title03);}
#wr_content{background: #fff;}
#bo_vc .cmt_contents {background: #fff;}
#bo_vc .n-box02 {border: 2px solid #ddd;margin-bottom: 20px;}
#bo_v_sns{text-align: center;}
#bo_v_sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;}
#bo_v_sns > li > a {display: block;width: 100%;height: 100%;color: #666;}
#bo_v_sns > li > a.disabled {color: #ccc;}
#bo_v_act {place-content: center;}
#bo_vc_w .bo_vc_w_wr input{background: #fff;}

#n-bo-v .n-item-container th {background: #F3F3F3;}
#n-bo-v .n-bo-v-top-container {gap: 50px;align-items: flex-start;}
#bo_v_title{align-items: flex-start;}

#n-bo-v .slider-wrapper {position: relative;}
#n-bo-v .slider-wrapper .slick-arrow{position:absolute;top:50%;transform: translateY(-50%);z-index:100;width: 49px;height: 49px;border: 2px solid rgba(255,255,255,0.5);color: #fff;font-size: 0;}
#n-bo-v .slider-wrapper .slick-arrow:before {content: "";display: block;font-family:xeicon;font-size:18px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#n-bo-v .slider-wrapper .slick-prev{left: 20px;}
#n-bo-v .slider-wrapper .slick-prev:before{content:"\e93b"}
#n-bo-v .slider-wrapper .slick-next{right: 20px;}
#n-bo-v .slider-wrapper .slick-next:before{content:"\e93e"}
#n-bo-v .slider-wrapper .slider-nav {margin-top: 20px;}
#n-bo-v .slider-wrapper .slick-gnuwiz {text-align: center;position: relative;}
#n-bo-v .slider-wrapper .slick-gnuwiz img {object-fit: cover;width: 100%;height: 100%;}
#n-bo-v .slider-wrapper .slick-gnuwiz .demo {position: relative;top: 50%;transform: transitionY(-50%);}
#n-bo-v .slider-wrapper .slick-gnuwiz.slider-div {margin-right:5px;min-height:64px;max-height:118px;opacity:0.3;}
#n-bo-v .slider-wrapper .slick-gnuwiz.slider-div > img {object-fit: cover;width: 100%;height: 100%;}
#n-bo-v .slick-gnuwiz.slider-div.slick-current{opacity:1;}

.n-info-box {
    border:1px solid #ddd;
    background-color:#f4f4f4;
    padding:0.5em;
}

.gall_text_href{
    display:flex;
    flex-direction:column;
}
.bo_cate_link{
    background-color:transparent !important;
    padding:5px 0;
    margin-bottom:4px;
    font-weight:600 !important;
}
.bo_tit{
    font-weight:normal !important;
    font-size:1rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.n-flex-like-table{
    display:flex;
    flex-direction:column;
}

.n-flex-like-table > .n-flex > .n-flex{
    padding:5px;
}


.n-flex-like-table > .n-flex > .n-flex > label{
    font-size:0.75rem;
}

.n-flex-like-table > .n-flex > .n-flex:nth-of-type(1){
    width: auto !important;
    flex: 0 0 280px !important;
    background-color:#F3F3F3;
}
.n-flex-like-table > .n-flex > .n-flex:nth-of-type(1) .frm_input{
    flex:1;
    width:100%;
}


@media screen and (max-width:1280px){
	#container{padding-bottom:120px;}
    .n-bbs-con{width: 100%;padding: 0 40px;}

    /*write*/
    #n-bo-w{width: 100%;}
}

@media screen and (max-width:1024px){
    .n-bbs-con{width: 100%;padding: 0 20px;}

    /*list*/
    #n-bo-list .search-container{padding: 60px 0;width:100%;}
    #n-bo-list .gallery .n-gall-line{display: none;}

    .gall_row .col-gn-3 {width:50%}
    .gall_row .col-gn-4 {width:50%}
    .gall_row .col-gn-5 {width:50%}
    .gall_row .col-gn-6 {width:50%}
    .gall_row .col-gn-7 {width:50%}
    .gall_row .col-gn-8 {width:50%}
    .gall_row .col-gn-9 {width:50%}
    .gall_row .col-gn-10 {width:50%}

    /*view*/
    #n-bo-v .n-bo-v-top-container{flex-direction:column;margin-bottom:50px !important;}
    #n-bo-v .n-bo-v-top-container .n-w-50{width: 100% !important;}
}

@media screen and (max-width:768px){
	#container{padding-bottom:60px;}

}

@media screen and (max-width:576px){
    /*공통*/
    .pg_page, .pg_current{height: 25px;}
    .n-item-container tr {display: flex;flex-direction: column;width: 100%;}

    /*list*/
    #n-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    .gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10{padding-left: 0;padding-right: 0;}
    .gall_row .col-gn-3 {width:100%}
    .gall_row .col-gn-4 {width:100%}
    .gall_row .col-gn-5 {width:100%}
    .gall_row .col-gn-6 {width:100%}
    .gall_row .col-gn-7 {width:100%}
    .gall_row .col-gn-8 {width:100%}
    .gall_row .col-gn-9 {width:100%}
    .gall_row .col-gn-10 {width:100%}
    #n-bo-list .btn_bo_user{width: 100%;flex-direction:column;}
    #n-bo-list .btn_bo_user > li{flex: 1;font-size: 12px;}
    #n-bo-list #gall_ul{margin: 0;}
    #n-bo-list .gallery .gall_img{height: 47vw;}
    #n-bo-list .n-text{min-height: auto;}
    
    /*write*/
    #n-bo-w > form > div {flex-direction: column;}
    #n-bo-w > form > div .n-w-15 {width: 100% !important;margin-bottom: 10px;}
    #n-bo-w > form > div .n-w-85 {width: 100% !important;flex-wrap: wrap;}
    #n-bo-w > form > div .n-w-85 > li {width: 40%;}
    #n-bo-w > form > div > .n-w-50:first-child {border-bottom: 1px solid #ddd;padding-bottom: 10px;}
    #n-bo-w .file-name{width: calc(75% - 3px);}
    .n-file-input-button{width: 25% !important;}
    .btn_cke_sc{font-size:12px;}
    .cke_sc_def{font-size:12px;}
    .cke_sc_def dd{text-align:center;}

    /*view*/
    #bo_vc .cm_wrap > .n-flex-btw {flex-direction: column;gap: 10px;text-align:center;}
    #bo_vc .cmt_contents{margin-bottom: 0 !important;}
    #n-bo-v .bo_v_nb{margin-bottom: 30px;}
    #n-bo-v .n-btn0102 {width: 100% !important;}
    #n-bo-v .btn_bo_user{width: 100%;flex-direction:column;}
    #n-bo-v .btn_bo_user > li{flex: 1;font-size: 12px;}
    #bo_v_info .profile_info{padding-bottom: 20px;margin-bottom: 20px;font-size: 12px;}
    #n-bo-v .bo_v_nb {padding-top: 30px;}
    #n-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before{top: -50px;}
    .more_opt li{width:122px;}
    #bo_v_title{padding-bottom:20px;align-items: center;flex-direction: column;text-align: center;gap: 20px;}
    #n-bo-v .slider-wrapper .slick-arrow{width: 10vw;height: 10vw;}
    #n-bo-v .slider-wrapper .slick-gnuwiz{height: 50vw;}
    #n-bo-v .slider-wrapper .slick-gnuwiz.slider-div{height: 10vw;}
    #n-bo-v .slider-wrapper .slider-nav{margin-top: 10px;}
    #n-bo-v .n-text{min-height: auto;}
}

@media screen and (max-width:375px){
	 /*list*/
	.pg_page, .pg_current{margin:0 3px;}

    /*view*/
    #n-bo-v .bo_v_nb > li > .list-btn{width:50px;height:50px;}
}

@media screen and (max-width:320px) {
    .n-none-320{display: none;}
    .n-file-input-button{font-size: 12px;}
}