/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
#boardlist .board_search {clear:both; margin-bottom:15px; padding:7px 0; border:1px solid #e0e0e0;}
#boardlist .board_search form {position:relative; padding:0 38px 0 75px;  text-align:center;}
#boardlist .board_search select {position:Absolute; left:0; top:0; border:0; width:70px;}
#boardlist .board_search input.form_input.search {border-width:0 1px;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('/board/_skin/gallery_campaign_mobile/img/btn_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .category {width:100%; margin:0 0 15px 0; text-align:center;}
#boardlist .category > ul {border-top:1px solid #e0e0e0;}
#boardlist .category > ul > li {float:left; width:33.33%;}
#boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; line-height:34px;}
#boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background:#fafafa; color:#333; font-weight:bold;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list {display:table; width:100%; margin:15px 0;}
#boardlist .list li {display:inline-block; width:50%; padding:0 5px 10px 0; text-align:center; vertical-align:top;}
#boardlist .list li:nth-child(2n) {padding:0 0 0 5px;}
#boardlist .list li .box .img {overflow:hidden;}
#boardlist .list li .box .img img {width:100%; height:auto;}
#boardlist .list li .box .subject {padding:10px 0 14px;}
#boardlist .list li .box .subject strong {display: block; margin-top: 2%;word-break: keep-all; }
#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list li .box .date {color:#888; font-size:0.917rem;}
#boardlist .list li.notice {position:relative; width:100%; padding:0 80px 10px 0; text-align:left;}
#boardlist .list li.notice .date {position:absolute; right:0; top:0;}
#boardlist .list:after {display:block; clear:both; content:'';}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview > .info {display:none; border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:0px; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:10px; color:#888;}
#boardpw .form_input {margin-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/

@media screen and (max-width: 720px) {
  .related_prd_view{width:100% !important; margin:0 auto !important;}
}

/*-----------------------------------------------------------------*/
/*  campaign - 스킨공통css 적용
/*-----------------------------------------------------------------*/
#boardview > .boxview .content  .layout_campaign { text-align: center;}
.campaign_movie {
	position: relative; 
	width: 100%; margin: 0 auto 60px auto;  text-align: center;
}
.mov_wrap {
	position: relative;
	width:100%;
 	margin:auto; padding-top: 56.25%;
}
.mov_wrap  .mov_iframe {
 padding-top: 0;     height: 100%;
}
.mov_iframe{
	position: absolute; left: 0; top: 0; width: 100%;  padding-top: 56.25%;
}
.mov_iframe iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.campaign_gallery_images{
  padding: 60px 0;
}
.campaign_lookbook_label {
                margin-bottom: 40px;
                font-family: Lato !important;
    font-size: 1.8em !important;
    font-weight: bold !important;
            }
    .campaign_image_list {
            margin-bottom: 36px;
            }
.campaign_image_list > li{
	margin-bottom:26px;
}
.campaign_image_list li.mydata{
              /*  display:none;  */
            }
.fade-in-top {
                -webkit-animation: fade-in-top 0.7s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                        animation: fade-in-top 0.7s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            }

            @-webkit-keyframes fade-in-top {
                0% {
                    -webkit-transform: translateY(50px);
                            transform: translateY(50px);
                    opacity: 0;
                }
                100% {
                    -webkit-transform: translateY(0px);
                            transform: translateY(0px);
                    opacity: 1;
                }
                }
                @keyframes fade-out-top {
                0% {
                    -webkit-transform: translateY(50px);
                            transform: translateY(50px);
                    opacity: 0;
                }
                100% {
                    -webkit-transform: translateY(0px);
                            transform: translateY(0px);
                    opacity: 1;
                }
            }
            
             .campaign_slide_wrap {
                display: flex;  flex-direction: column-reverse;
            }
             .campaign_slide_images, .campaign_slide_txt{
             	width:100%; overflow: hidden;     margin-bottom: 40px;
             }
             
             .campaign_slide_txt dl {
                margin-bottom: 44px;
            }
#boardview > .boxview .content  .campaign_slide_txt dt {
margin-bottom:4%;
              	font-family: 'Lato', sans-serif;
		    font-weight: bold ;
		    font-size: 1.4em ;
		    text-align: center ;
            }
#boardview > .boxview .content  .campaign_slide_txt dd {
                font-size: 1.2em;
                text-align: left; word-break: keep-all;
		 line-height: 1.8;  text-align: center ;
            }
#boardview > .boxview .content  .campaign_slide_txt .page-wrap  .swiper-pagination {
position: relative; display: flex;
    width: 100%;
    justify-content: space-evenly;
}
#boardview > .boxview .content  .campaign_slide_txt .page-wrap .swiper-pagination-clickable .swiper-pagination-bullet {
                width: auto; height: auto; padding: 0 2px;
                background: none; border: none; 
                font-family: 'Lato', sans-serif; font-size: 14pt; 
                font-weight: bold; text-align: left;
                margin-right: 20px;
                color: rgb(128, 128, 128); opacity: 1;
            }
#boardview > .boxview .content  .campaign_slide_txt .page-wrap .swiper-pagination-clickable .swiper-pagination-bullet-active{
                border-bottom: 2px solid #000; border-radius: 0;
                color: #000; 
            }
            
             #list_more{
            	display: inline-block; display:none;
            	 transition: all 0.4s ease;
            	 box-shadow: 0px 0px 0px 0px;
            	 cursor: pointer;
            }
            #list_more:hover{
            	box-shadow: 0px 0px 5px 1px gray;
        	
            }
            
#boardview > .boxview .content  .gall_txt{padding-bottom:100px;}
#boardview > .boxview .content  .gall_txt dt{
                font-size: 3em;
                font-weight: bold ;
                margin-bottom: 16px;
            }
                      .gall_txt  .gall_sut_tit { margin-bottom: 24px}
          .gall_txt .gall_imgbox{ margin-bottom: 34px;}
#boardview > .boxview .content  .gall_txt dd{
                font-size: 1.4em; line-height: 1.8; color: #787878; word-break: keep-all;
            }