/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

.header {display:none;}
#common_mojo_header {display:block;}


#boardlist {width:100%;}
#boardlist h3 {font-size:20px; font-weight:normal; text-align:center;}
#boardlist ul.board {margin:0 -20px;}
#boardlist ul.board:after {clear:both; display:table; content:'';}
#boardlist ul.board li {float:left; width:33.3%; margin:0; padding:0 20px; margin-bottom:36px;}
#boardlist ul.board li:nth-child(3n-1) {}
#boardlist ul.board li .img {overflow:hidden; height:400px;}
#boardlist ul.board li .img img {width:100%; height:auto;}
#boardlist ul.board li .info {margin-top:16px; text-align:center;}
#boardlist ul.board li .info p.subject a {display:inline-block; font-size:16px; }
#boardlist .category {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
#boardlist .category > ul {display:table-row;}
#boardlist .category > ul > li {display:table-cell; width:10%; vertical-align:top;}
#boardlist .category > ul > li > a {display:block; position:relative; height:48px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#888; line-height:48px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}
#boardlist table {table-layout:fixed; width:100%;}
#boardlist table tr > td {padding-bottom:40px; text-align:left; vertical-align:top;}
#boardlist table tr > td .box {width:260px; margin:0 auto; text-align:center;}
#boardlist table tr > td .box .img {width:262px; height:322px; border:1px solid #dcdcdc;}
#boardlist table tr > td .box .img img {width:100%; height:100%;}
#boardlist table tr > td .subject {padding:20px 0 10px;}
#boardlist table tr > td .date {color:#888; font-size:11px;}
#boardlist table tr > td.notice {position:relative; padding:0 70px 15px 0;}
#boardlist table tr > td.notice > .date {position:absolute; right:0; top:0;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .board_search {clear:both; text-align:center;}
#boardlist .board_search form {display:inline-block; margin:30px auto 0; border:1px solid #a3a3a3; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px; border-color:#a3a3a3;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_campaign/img/btn_search2.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}


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

#boardview .board_row {display:none; table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
#boardview .board_row tr > th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td,
#boardview .board_row tr > td * {color:#666;}
#boardview .boxview {padding:30px 0; text-align:left;}
/*
#boardview .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview > div img {max-width:100%;}
*/
#boardview .btn {padding:20px 0; text-align:right; max-width: 1440px; margin: auto; }
#boardview .btn .modelete {float:left;}


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

#boardwrite {width:100%; background:#f5f5f5; text-align:center;}
#boardwrite form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;}
#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:3px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding:20px 0; text-align:center;}


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

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


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


/*-----------------------------------------------------------------*/
/* 관련상품
/*-----------------------------------------------------------------*/

/* #boardview .related_prd_view .slick-slide {margin-left:10px; background:#000;}
#boardview .related_prd_view .slick-list {margin-left:-10px;}
#boardview .related_prd_view .slick-arrow,
#boardview .related_prd_view .slick-arrow {position:absolute; top:50%; z-index:10; width:40px; height:40px; background:no-repeat center; transform:translateY(-50%);}
#boardview .related_prd_view .slick-prev {left:0; background-image:url("/board/_skin/gallery_general/img/relative_btn_prev_b.png");}
#boardview .related_prd_view .slick-next {right:0; background-image:url("/board/_skin/gallery_general/img/relative_btn_next_b.png");} */

.related_prd_view .prd_basic li {width:25%; padding:0 0.5%; padding-bottom:1%;}


/*-----------------------------------------------------------------*/
/* 영상
/*-----------------------------------------------------------------*/
.layout_campaign {text-align: center;}
.campaign_movie {
	position: relative;  display: inline-block; width: 100%;
	max-width: 1440px; margin: 60px auto 160px auto;  text-align: center;
}
.campaign_movie img{width:100%;}
.mov_wrap {
	position: relative;
	width: 80%;
 	margin:auto; padding-top: 45.25%;
}
.mov_wrap.ty02 {
	position: relative;
	width: 100%;
 	margin:auto; padding-top: 56.25%; overflow: hidden;
}
.mov_wrap  .mov_iframe {
	 padding-top: 0;     height: 100%; max-width:100%;
}
 .mov_iframe {
	overflow:hidden;
	position: absolute; left: 0; top: 0; width: 100%;  padding-top: 56.25%;
}
 .mov_iframe iframe {
	position:absolute; 
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
.mov_iframe iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .campaign_lookbook_label {
                margin-bottom: 80px;
                font-family: 'Lato', sans-serif; 
                font-size: 26px;
                font-weight: bold;
            }
            .campaign_gallery_images{
                padding: 160px 0;
                background-color: #fbfaf5;
                text-align: center;
            }
            .campaign_image_list {
                display: grid; grid-template-columns: repeat(3, 1fr);
                row-gap: 34px; max-width: 1440px; margin: auto;  text-align: center;
                margin-bottom: 60px;
            }
             .campaign_image_list > li > img {max-width: 440px; height:auto;}
            .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 {
                padding: 160px 0; max-width: 1440px; margin: auto;
                display: flex; justify-content: space-around;
                align-items: center;
            }
            .campaign_slide_images {
                width: 680px; overflow: hidden;
            }
            .campaign_slide_txt{
                width: 600px; overflow: hidden;
            }
            .campaign_slide_txt dl {
                margin-bottom: 44px;
            }
            .campaign_slide_txt dt {
                margin-bottom: 44px;
                font-family: 'Lato', sans-serif; font-weight: bold;
                font-size: 42px; text-align: left;
            }
            .campaign_slide_txt dd {
                font-size: 16px;
                text-align: left; word-break: keep-all;
                max-width: 80%; line-height: 1.8;
            }
            .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: 18px; 
                font-weight: bold; text-align: left;
                margin-right: 20px;
                color: rgb(128, 128, 128); opacity: 1;
            }
            .campaign_slide_txt .page-wrap .swiper-pagination-clickable .swiper-pagination-bullet-active{
                border-bottom: 2px solid #000; border-radius: 0;
                color: #000; 
            }
	.gall_txt{padding-bottom:100px;}
	.gall_txt dt{
                font-size: 36px;
                font-weight: bold ;
                margin-bottom: 16px;
            }
          .gall_txt  .gall_sut_tit { margin-bottom: 24px}
          .gall_txt .gall_imgbox{ margin-bottom: 34px;}
            .gall_txt dd{
                font-size: 16px; line-height: 1.8; color: #787878;
            }	
            #list_more{
            	display: inline-block; display:none;
            	 transition: all 0.2s ease;
            	 box-shadow: 0px 0px 0px 0px;
            	 cursor: pointer;
            }
            #list_more:hover{
background:#000;
color: #fff;
            }
@media (min-width: 320px) and (max-width: 768px) {
	.mov_wrap {
	 	width:100%; padding:0;
	}
}