@charset "utf-8";
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* font-family */

@font-face {
	font-family: "KoPubWorldBatang";
	src: url("/resources/assets/fonts/KoPubWorld-Batang-Medium.ttf") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: "KoPubWorldBatang";
	src: url("/resources/assets/fonts/KoPubWorld-Batang-Bold.ttf") format("truetype");
	font-weight: 700;
}


/* layout */
.section{background: transparent linear-gradient(180deg, #ffff 0%, #F2F2F2 33%, #F7F7F7 100%) 0% 0% no-repeat padding-box; padding: 0 !important;}
.new_gallery .section * {font-family: "NotoSansKR"!important;}
.new_gallery .contents { padding-top: 63px !important; width: 100%; max-width: 100%;}
.grid {width: 1400px; min-width: 1200px !important; margin: 0 auto; max-width: 1400px !important; }


@media screen and (max-width:1500px) {

	.new_gallery .grid {width: 90%;}
	
}




/* layout */
/* .gal_wrap {width: 1400px; margin: 0 auto; } */
/* .new_gallery.wide .gal_wrap {width: 100%; min-width: 1200px; position: relative;} */


/* common */

.gal_gray {color: #AAAAAA !important; font-family: inherit !important;} /* point*/
.gal_gray2 {color: #666666;}
.md {font-weight: 500;}
.top_line {position:relative;border-top:1px solid #000;}


/* header */

.header {position: fixed; top:0; background-color: #ffff; display: block; width: 100%; z-index: 9999; }
.inner {height: 97px; max-width: 1200px; display: flex; margin: 0 auto;}
.scroll .gnb-nav {background-color: blur(30px) ;}

/* gnb */
.head-container {position: fixed; display: block; z-index: -1; width: 100%;}
.gnb-nav {position: sticky; top:-97px; margin:0 auto;}
.gnb-nav-con {display: flex; align-items: stretch; white-space:nowrap; height: 63px; justify-content: center; border-bottom: 1px solid #e6e6e6 ; align-items: center; letter-spacing: 0; min-width: 1200px; }
.gnb-nav-con *{font-family: 'NotoSansKR' !important;}
.gnb-nav-con.act {background-color: rgb(171, 171, 171, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: none; }
.gnb-nav-con.act .non-select {color: #fff;}

.gnb-con {padding: 0 10px;}
.gnb-list-wrap {max-width: 1200px; margin: 0 auto; display: flex; height: 100%; align-items: center;}
.gnb-list { margin: 0 20px;  height: inherit;}

.border {margin: 0; border: none; background: none; font: inherit; position: relative; display: inline-flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; vertical-align: top; text-align: center; box-sizing: border-box; height: inherit; outline: none;}
.border::after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #000; transition: transform 0.2s ease 0s; transform: scale(1);}
.noBorder {margin: 0; border: none; background: none; font: inherit; position: relative; display: inline-flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; vertical-align: top; text-align: center; box-sizing: border-box; height: inherit; outline: none;}
.noBorder::after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #000; transition: transform 0.2s ease 0s; transform: scale(0);}

.gnb-nav-con .select {font-size: 14px; color: #000; font-weight: bold;}
.gnb-nav-con .non-select { font-size: 14px; color: rgba(0,0,0,0.6);}
/* .gnb-nav-con .gnb-list .gnb-con:hover p{font-weight: bold; color: #000; letter-spacing: 1px; } */
/* .gnb-nav-con .gnb-list .gnb-con p::after {content: attr(title); display: block; font-weight: bold;}  */




/* ==================캐논 디지털 갤러리 소개================== */


.main-gallery h3 {font-family: "KoPubWorldBatang" !important; font-weight: bold; color: #000; font-size: 80px; text-align: center; }
.main-gallery h3 p {font-family: "KoPubWorldBatang" !important; color:#000;}

/* sec-top */
.sec-top {position:relative; }
.sec-top h3 {padding-top: 40px; padding-bottom: 27px; position: absolute; width: 100%; margin: 0; line-height: normal; color: #000;}
.sec-top .swiper-container {width: 100%; margin: 0 auto; height: 100%; overflow: hidden; top:0; }
.sec-top .swiper-wrapper {width: 100%; height: 100%; }
.sec-top .swiper-wrapper .swiper-slide {background-size: cover; width: 100%; height: 100%; display: flex; }
.sec-top .swiper-wrapper .swiper-slide .frame-bg {background-color: black; max-width: 900px; max-height: 675px; width: 100%; height: calc(100vh - 409px); margin: 186px auto 0; min-height: 390px;}
.sec-top .img-wrap {background-size: cover; width: 100%;  height: calc(100vh - 419px); transition: width .5s ease, height .8s ease, top .8s ease, left .8s ease, all .8s cubic-bezier(0.7, 0, 0.7, 1); top: 190px;  max-width: 890px; max-height: 665px; margin:0 auto; position: absolute; left: 50%; transform: translateX(-50%); min-height: 380px;}
.sec-top .swiper-wrapper .swiper-slide .img-wrap img {background-size: cover; width: 100%; height: 100%; object-fit: cover; object-position: center center; position: relative;}

.scroll .sec-top .swiper-container {width: 100%; margin: 0 auto; height: 100%; overflow: hidden; top:0; }
.scroll .sec-top .swiper-wrapper .swiper-slide {background-size: cover; width: 100%; height: 100%; padding: 0; }
.scroll .sec-top .swiper-wrapper {width: 100%; height: 100%;}
.scroll .sec-top .swiper-wrapper .swiper-slide .img-wrap {background-size: cover; width: 100%; height: 100%; top: 0; max-width: 100%; max-height: 100%; margin: 0; transition: width .8s ease, height .8s ease, top .8s ease, left .8s ease, right .8s ease, bottom .8s ease, all .8s cubic-bezier(0.7, 0, 0.7, 1);}  
.scroll .sec-top .swiper-wrapper .swiper-slide .img-wrap::after { content: " "; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; transition: opacity .3s ease; background: transparent linear-gradient(0deg, #F7F7F7 0%, #F8F8F800 100%); transition: width 1s ease, height 1s ease, top 1s ease, left 1s ease, right 1s ease, bottom 1s ease, all 1s cubic-bezier(0.7, 0, 0.7, 1); }
.scroll .sec-top .swiper-wrapper .swiper-slide .img-wrap img {width: 100%; top: 0; left: 0; transform: translateX(0%);}
.scroll .progress-wrap {z-index: 99;}

.progress-wrap { box-sizing: border-box; display: flex; align-items: center; position: absolute;   flex-direction: row; flex-wrap: nowrap; width: 100%; top:50%; left: 50%; right: 50%; transform: translateX(-50%);}
.progress-wrap * {font-family: "KoPubWorldBatang" !important;}
.progress-wrap .swiper-button-prev {background: url(/resources/img/gallery/icon_arrow_back_100.svg); position: static; margin: 0;  cursor: pointer;  width: 24px; height: 24px; color: #AAAAAA; opacity: 1;  top: 50%; background-position: center; transform:  none;  filter: invert(85%) sepia(3%) saturate(27%) hue-rotate(16deg) brightness(80%) contrast(89%); }
.progress-wrap .swiper-button-next {background: url(/resources/img/gallery/icon_arrow_back_100.svg); position: relative; margin: 0; cursor: pointer;   width: 24px; height:24px; color: #AAAAAA; transform: rotate(180deg); filter: invert(85%) sepia(3%) saturate(27%) hue-rotate(16deg) brightness(80%) contrast(89%);}
.progress-wrap .swiper-pagination {position: relative; display: flex; flex-direction: row; margin: 0; font-family: "KoPubWorldBatang"; font-size: 40px; font:normal normal bold 40px/20px; letter-spacing: 0; width: 40px; right: 0; left: auto; bottom: 0; width: 100%; justify-content: space-between; }
.progress-wrap .swiper-pagination .swiper-pagination-current {color: #aaaa; margin: 0 20px;}
.progress-wrap .swiper-pagination .swiper-pagination-total {color: transparent; -webkit-text-stroke: 1px #aaaa; margin: 0 20px; }

.scroll .progress-wrap .swiper-button-prev {position: static; margin: 0;  cursor: pointer;  width: 24px; height: 24px; color: #ffff; opacity: 1;  top: 50%; background-position: center; transform:  none; filter: invert(1); }
.scroll .progress-wrap .swiper-button-next {position: relative; margin: 0; cursor: pointer;   width: 24px; height:24px; color: #ffff; filter: invert(1); }
.scroll .progress-wrap .swiper-pagination {position: relative; display: flex; flex-direction: row; margin: 0; font-family: "KoPubWorldBatang"; font-size: 40px; font:normal normal bold 40px/20px; letter-spacing: 0; right: 0; left: auto; bottom: 0; width: 100%; }
.scroll .progress-wrap .swiper-pagination .swiper-pagination-current {color: #ffff; margin: 0 20px;}
.scroll .progress-wrap .swiper-pagination .swiper-pagination-total {color: transparent; -webkit-text-stroke: 1px #ffff; margin: 0 20px;}

.main-border-line {position: relative; max-width: 100%; width: 100%; top: 54%; position: absolute;  left: 50%; transform: translate(-50%, -50%); }
.main-line { border: 0.5px solid; border-color: #AAAAAA; opacity: 0.12; width: 100%; top:50%; position: absolute; max-width: 1000px; left: 50%; transform: translate(-50%, -50%);}
.scroll .main-line {  border-color: #fff; opacity: 0; display: none;}

/* transform */

.slide-up {transform: translateY(30px); opacity:0;}
.overflow-hidden {overflow: hidden;}



/* sec-info */

.main-gallery .sec-info { padding-bottom: 160px;}
.main-gallery .gallery-info {text-align: center; line-height: 1.1;}
.main-gallery .gallery-info h3 {font-size: 120px; line-height: normal;}
.main-gallery .border-line-container {display: flex; align-items: center; height: 80px;}
.main-gallery .border-line {border-left: 1px solid #AAAAAA; opacity: 1; height: 100%; margin: 0 auto;}
.main-gallery .info-tit {font-size: 32px; color: #000; margin: 20px 0;}
.main-gallery .info-tit span {color: #000;}
.main-gallery .info-txt {font-size: 24px; color: rgba(0,0,0,0.6); line-height: 1.6;}


/* sec-bestshot */
.m5 {font-weight: 500;}
.sec-bestshot { display: flex; flex-direction: column; align-items: center; width: 100%; max-height: initial; max-height: initial !important; background:url(/resources/img/gallery/bestshot_bg.png)no-repeat; background-size:cover;}
.sec-bestshot h3 {margin:0; margin-bottom: 100px; padding-top: 160px;}
.sec-bestshot h3 p {color:#ffff;}
.sec-bestshot .con-wrap .tit p {font-size: 48px; color: #fff; margin-bottom: 40px; line-height: 1.4; }
.sec-bestshot .con-wrap .tit span {color:#ffff;}
.sec-bestshot .con-wrap .txt {font-size: 18px; text-align: left; letter-spacing: 0; display: flex; flex-direction: column; }
.sec-bestshot .con-wrap .txt dl {width: 100%; margin-bottom: 20px; display: flex;}
.sec-bestshot .con-wrap .txt dl dt {color: rgba(255,255,255,0.8); width: 106px;}
.sec-bestshot .con-wrap .txt dl dd {color: #fff; text-align: left; width: calc(100% - 106px);  }
.sec-bestshot .con-wrap .txt dl dd + dd {width: calc(100% - 106px);}
.sec-bestshot .con-wrap .txt ul li {display: block; border: none; padding-left: 15px; position: relative; line-height: 1.6; color: #fff; }
.sec-bestshot dl:nth-of-type(n+4) li::before {content: "" ; display: block; width: 3px; height: 3px; background-color: rgba(255,255,2550.6); position: absolute; left: 0; top: 10px;}

.sec-best {width: 100%; margin: 0 auto; position: relative; display: flex; flex-wrap: nowrap; padding-bottom: 160px; }
.sec-best .list-con * {font-family: 'NotoSansKR' !important;}
.sec-best .list-con {display: flex; width:100%;}
.sec-best .list-con .item-con {display: flex; align-items: center; width: 100%; flex-grow:1;}
.sec-best .list-con .item-con img {display: block; width: 100%; object-fit: contain;}
.sec-best .list-con .item-con img.column {width: 75%; margin: 0 auto;}
.sec-best .list-con .item-con .con-wrap {width:100%;}
/* .sec-best .list-con .item-con .con-wrap .tit p span:first-child {color:#000;} */


/* sec-goods */
.main-gallery .sec-goods {padding: 160px 0 0 0; position: relative; top:0; }
.main-gallery .sec-goods h3 {text-align: start;background:url(/resources/img/gallery/logo_goodsphotostore.png) no-repeat left center; background-size:contain; width:715px; height:72px; margin:0; margin-bottom:40px;}


.main-gallery .sec-goods p {font-size: 32px;}
.main-gallery .sec-goods .slide-up-wrap:nth-of-type(2) p .font{font-size: 24px;}
.main-gallery .sec-goods p {font-size: 32px; line-height: 1.5;}
.main-gallery .sec-goods p.caption {font-size: 16px; margin-top:20px;color:rgba(0,0,0,0.02);}
.main-gallery .sec-goods .slide-up-wrap p span.font{font-size: 24px; font-family: "KoPubWorldBatang" !important;}

.more-button {width: 100%; height: 100%; text-align: end; display: flex; flex-direction: column; justify-content: center;  padding-right: 20%;}
.sec-best .more-button {align-items: end;}
.sec-goods .goods-wrap .more-button {position: relative; width:auto; height:auto; justify-content:normal; padding:0; margin-top:85px; }
.more-button .more {width: 240px; height: 240px; text-align: center; border-radius: 120px; background-color: rgba(255,255,255, 0.3); background-repeat: no-repeat; border: none; }
.sec-best .more-button .more {background-color:rgba(255,255,255, 0.9);}
.sec-goods .more-button .more {background-color: rgba(0,0,0, 0.07);}
.more-button .more:active {outline: none; box-shadow: none;}
.more-button .more p {font-size: 24px; color: #ffff; text-align: center; position:relative; top:50%; transform: translateY(-50%);}
.sec-best .more-button .more p {color:#000;}
.sec-goods .more-button .more p {color:rgba(0,0,0,0.38)}

.goods-wrap{box-sizing: border-box; display: block;  }
.goods-text-wrap {position: relative; flex:1;}
.goods-text-wrap * {color:#000;}
.goods-text-wrap > div > div:nth-child(2) span {font-size: 24px; color:#00000099;}
/* .sec-goods .goods-inner {z-index: 1; }*/
.sec-goods .goods-list {padding-top:80px;}
.sec-goods .goods-list li#con1 {margin-bottom: 194px;}
.sec-goods .goods-list li#con3 {position: relative; margin-bottom: 118px; bottom: 200px;}
.sec-goods .goods-list li#con4 {position: relative; }
.sec-goods .goods-list li .img-cont img {width: 100%; height: auto; max-width: 100%; vertical-align: bottom; display: inline-block;}
.goods-list #con1 .img-cont {padding-left: 31.5%;}
.goods-list #con2 .img-cont {padding-left: 60%; padding-right: 5%;}
/* .goods-list #con3 .img-cont {padding-right: 45%;}*/
.sec-goods .goods-inner {display:flex;justify-content:space-between; flex-wrap:wrap; }
.sec-goods .goods-wrap .img-wrap {flex:1; margin-left:10.356%; max-width:540px;}
.sec-goods .goods-wrap .img-cont img {width: 100%; height: auto; max-width: 100%; vertical-align: bottom; display: inline-block;}




/* 상단 탑메뉴 */
.top_menu_wrap {position: relative ; padding:40px 0; text-align: center; }
.contents .top_menu_wrap h1 {font-family: "KoPubWorldBatang" !important; font-size: 60px; line-height: 1.5;}
.contents .top_menu_wrap h1 .gal_gray {font-family: inherit !important;}
.top_menu_wrap p {font-family: inherit !important; font-size: 24px; margin-top: 10px; color: #000; }
.top_menu_wrap p span {font-weight: 500; color: #000; }



/* 포토갤러리 */


.topic_wrap {text-align: center; letter-spacing: 0;}
.topic_wrap .topic_txt_wrap {margin:40px 0;}
.topic_wrap h2 {font-size: 24px; color: #000; font-weight: normal;}
.topic_wrap p {font-size: 16px; color: rgba(0,0,0,0.6); text-align: center; margin-top: 10px;}

.gal_wrap .top_line {margin-top: 106px; }


.topic_list_wrap ul{width: 100%; display: flex; transition-timing-function: ease;  } 
.topic_list_wrap ul li {display: flex; flex-direction: column; width: 25%;}
.topic_list_wrap ul li:nth-of-type(4n+1) {margin-left: 0;}
.topic_list_wrap ul li:nth-of-type(4n) {margin-right: 0;} 
.topic_list_wrap ul li .list_wrap {width: 100%; height: calc(100% - 46px); position: relative; padding-top: 100%;  }
.topic_list_wrap ul li .list_wrap .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.topic_list_wrap ul li .list_wrap .frame.black {background: url(/resources/img/gallery/frame_black@2x.png) no-repeat center center; background-size: contain;}
.topic_list_wrap ul li .list_wrap .frame.metal {background: url(/resources/img/gallery/frame_metal@2x.png) no-repeat center center; background-size: contain;}
.topic_list_wrap ul li .list_wrap .frame.white {background: url(/resources/img/gallery/frame_white@2x.png) no-repeat center center; background-size: contain;}
.topic_list_wrap ul li .list_wrap .frame.wood {background: url(/resources/img/gallery/frame_wood@2x.png) no-repeat center center; background-size: contain;}
.topic_list_wrap ul li .list_wrap .frame.horizontal {transform: rotate(90deg);}
.topic_list_wrap ul li .list_wrap .frame.vertical {transform: rotate(0deg);}
.topic_list_wrap ul li .list_wrap .frame + img {padding: 15%;}
.topic_list_wrap ul li .frame.noframe + img {padding:0;}

.topic_list_wrap ul li .list_wrap img {top:50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 100%; height: 100%; object-fit: contain;}
.topic_list_wrap ul li .list_wrap.gal_img img {width: auto; height: 100%; }
.view_all { position: absolute; margin: 40px 0 20px 0; right: 0; top: 0; }
.view_all a {font-size: 16px; color:rgba(0,0,0,0.38); }


.topic_list_wrap ul li {width:30.4%;}





/* sorting box */

.thumb_list_wrap{position: relative;}
.thumb_list_wrap .sort_box_wrap {display: flex; flex-direction: column; flex-wrap: wrap; width:100%;}
.thumb_list_wrap .select-box {display: flex; flex-wrap: nowrap;}

/* .sorting_btn_list {position: absolute; display: flex; margin-left: auto; top:0; right: 0;height:56px;padding-top:20px;} */
.sorting_btn_list li:first-of-type a {border-right: 1px solid rgba(0,0,0,0.12);}
.sorting_btn_list a{display: inline-block; color:rgba(0,0,0,0.38); padding: 0px 15px; font-size: 16px;}
.sorting_btn_list li.on a {color: #000;}
.sorting_btn_list li { position: relative; display:inline-block;}


/*1229 */
.sorting_btn_list  {position:relative; display:inline-block; width:calc(100% - 123px); padding-top:20px; }

/* 체크박스 이미지 커스텀 */
.checkImgCustom input[type=checkbox]{display:none;}
.checkImgCustom label{color:#000; font-size: 14px;}
.checkImgCustom label:before {content: '\f00c';font-family: fontawesome;display: inline-block;width: 20px;height: 20px;line-height: 14px;border: 1px solid rgba(0,0,0,0.38);border-radius: 4px;margin-right: 8px;text-align: center;vertical-align: middle;font-size: 12px;transition: 0.3s;color: transparent;}
.checkImgCustom input[type=checkbox]:checked + label:before{background-color: #000;color: #fff;border-color: transparent;}
.checkImgCustom input[type=checkbox] + label:active:before {transform: scale(0);}

.selectBoxCustom input[type=button]{display:none;}
.selectBoxCustom label{color:#000; font-size: 14px;}
/*.selectBoxCustom label:before {content: '\f0d7';font-family: fontawesome;display: inline-block;width: 20px;height: 20px;line-height: 14px;border: 1px solid rgba(0,0,0,0.38);border-radius: 4px;margin-right: 8px;text-align: center;vertical-align: middle;font-size: 12px;transition: 0.3s;color: transparent;}*/

.checkImgCustom .ez-checked + label:before{background-color: #000;color: #fff;border-color: transparent;}
.checkImgCustom .ez-checked + label:active:before {transform: scale(0);}
.checkImgCustom .ez-checkbox{width:0;height:0;}

.best_wrap .fakeSelectWrap {width: 100%;}
.fakeSelectWrap{ position: relative; text-align: center;height:56px; z-index: 1; width: 85%;}
.fakeSelectBox{display: inline-block;}
.fakeSelectBox .btn {float: left;}
.fakeSelectBox .btn button {width: 100px;height: 56px;margin-left: 20px;text-align: center;padding: 0;}
.fakeSelect{float:left;width: 310px;margin-right: 20px;border: 1px solid #000;border-radius: 5px;padding: 7px 10px 7px;text-align: left;line-height: 40px;background: #fff;cursor: pointer;}
.fakeSelect:last-of-type{margin-right:0}
.fakeOption{border-bottom:1px solid rgba(0,0,0,0.12)}
.fakeOption:last-of-type{border:none}

.fakeSelect dt{position: relative; font-size: 14px; color: #222222; }
.fakeUpArr, .fakeDownArr{position: absolute;right:-10px;top:-2px;width:100%;height:50px;text-align: right;}
.fakeUpArr img, .fakeDownArr img{margin-right:14px;height:16px}
.fakeUpArr img{transform: rotate(-360deg);}
.fakeDownArr img{transform: rotate(180deg);}
.fakeUpArr, .fakeOptnWrap{display: none;}


/*상세검색 팝업*/
.detailsearch {position: fixed; bottom: 130px; right: 60px; transition: all 0.3s ease;}
.detailsearch .btn-search {border: 1px solid #000; width: 56px; height: 56px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #fff; margin-top: 15px; padding: 0; }
.search-ico {width: 24px; height: 24px; display: block; background: url(https://estore.kr.canon/resources/assets/img/common/ico_search_24x24.svg);}

.detailsearch.open {bottom: 655px;}  /*참고 삭제 예정 */
.detailsearch.plus {bottom: 585px;} /* 참고 삭제 예정 */
.detailsearch.on {bottom:200px;} /* 참고 삭제 예정 */
.detailsearch.on2 {bottom:130px;} /* 참고 삭제 예정 */

#popup_layer_gallery_list .search_wrap {width:100%; height:100%;}
#popup_layer_gallery_list .search_area {position:relative; top:50%; bottom:50%; transform: translateY(-50%); text-align: start; width: fit-content; margin: 0 auto; width: 720px; z-index:1;}
#popup_layer_gallery_list .selectWrap {display: flex; margin-bottom: 20px; height:42px; position:relative; }
#popup_layer_gallery_list .selectWrap:last-of-type {margin-bottom:0;}
#popup_layer_gallery_list .fakeSelectWrap { margin-top: 40px; width:100%; height:100%;}
#popup_layer_gallery_list .fakeSelect {line-height: 30px; margin-right: 10px; position: relative;}
#popup_layer_gallery_list .fakeSelect:last-of-type {margin-right:0;}
#popup_layer_gallery_list .filter-tag-wrap {background-color:rgba(0,0,0,0.05); width: auto; min-height:114px; padding: 15px; height:auto;}
#popup_layer_gallery_list .filter-tag_clear {padding: 5px 10px; white-space:nowrap; text-align:center; height:40px; margin: auto 0; background: none; border: none;}
#popup_layer_gallery_list .filter-tag_clear img {filter: opacity(1); width:30px; height:30px;}
#popup_layer_gallery_list .filter-tag_item_btn {font-size:14px; padding: 4px 10px 4px 15px;  background-color:#ffff; color: #000; border-radius: 16px;}
#popup_layer_gallery_list #search.filter-tag_item_btn {background-color:#000; color:#ffff; width:100%; height:60px; border-radius:48px;}
#popup_layer_gallery_list  .filter-tag_item_btn img {filter: opacity(0.2); width:20px; height:20px;}
#popup_layer_gallery_list  .filter-tag_item_btn span{color: rgba(0,0,0,0.12)}
#popup_layer_gallery_list .txt_esse {text-align:start; width: 90px; padding-top: 10px; font-size: 16px; }
#popup_layer_gallery_list .fakeSelectBox {display:flex;}
#popup_layer_gallery_list .filter-tag_item {left:0;}
#popup_layer_gallery_list .checkImgCustom.select2 label:before {content: none;}
#popup_layer_gallery_list .fakeOption{line-height:42px;}
#popup_layer_gallery_list .btn {position:absolute; max-width:720px; width:100%; bottom: 80px; left:50%; transform:translateX(-50%);}
#popup_layer_gallery_list.popup_layer.popup_layer_gal, #popup_layer_profile.popup_layer.popup_layer_gal, #popup_layer_info.popup_layer.popup_layer_gal {min-width:100%;}

#popup_layer_gallery_list .fakeUpArr img, .fakeDownArr img {position: relative; top:2px; right:-5px;}



#popup_layer_gallery_list .selectWrap > dd {position: absolute; left:90px;}
#popup_layer_gallery_list dd.checkImgCustom.fakeOptnWrap {z-index:1; position:absolute; background-color: white; width:310px; left:-1px; border: 1px solid #000; border-top: none; border-radius: 0 0 5px 5px; padding: 0 10px 10px; top:36px; max-height: 270px; overflow-y:overlay; }
#popup_layer_gallery_list dd.checkImgCustom.fakeOptnWrap::-webkit-scrollbar, #popup_layer_gallery_list .inp-wrap .select-wrap .filter .selectric-items::-webkit-scrollbar {height: 250px;width: 5px; }
#popup_layer_gallery_list dd.checkImgCustom.fakeOptnWrap::-webkit-scrollbar-thumb, #popup_layer_gallery_list .inp-wrap .select-wrap .filter .selectric-items::-webkit-scrollbar-thumb { background-color: #000; border-radius: 10px; }
#popup_layer_gallery_list dd.checkImgCustom.fakeOptnWrap::-webkit-scrollbar-track, #popup_layer_gallery_list .inp-wrap .select-wrap .filter .selectric-items::-webkit-scrollbar-track {background-color: #d9d9d9;border-radius: 10px;  }
#popup_layer_gallery_list .inp-wrap .select-wrap .filter .selectric-items {width: 312px; border: 1px solid #000; border-top: none; width:312px !important; border-radius: 0 0 5px 5px; left: -1px; top: 40px; max-height: 240px; overflow-y: overlay;  }

.photogallery .filter-tag-wrap {background-color:rgba(0,0,0,0.05); width: auto; min-height:114px; padding: 15px; height:auto;}
.photogallery .filter-tag-wrap#filterTagWrap1 {margin-bottom:40px;}
.photogallery .filter-tag_clear {padding: 5px 10px; white-space:nowrap; text-align:center; height:40px; margin: auto 0; background: none; border: none;}
.photogallery .filter-tag_clear img {filter: opacity(1); width:30px; height:30px;}
.photogallery .filter-tag_item_btn {font-size:14px; padding: 4px 10px 4px 15px;  background-color:#ffff; color: #000; border-radius: 16px;}
.photogallery #search.filter-tag_item_btn {background-color:#000; color:#ffff; width:100%; height:60px; border-radius:48px; margin-top: 130px;}
.photogallery .filter-tag_item_btn img {filter: opacity(0.2); width:20px; height:20px;}
.photogallery .filter-tag_item_btn span{color: rgba(0,0,0,0.12)}


/* 20240122추가 */
.searchBtnL {display: inline-block; float:right; width:120px; height:56px; padding:15px 0; border-radius:48px; border: 1px solid #dc000c; background: #dc000c; font-size: 16px; font-weight:400; text-align: center; color:#fff;}
.searchBtnL > img {filter:invert(1); width:17px; height:17px; margin-right:8px; transform: rotate(15deg); vertical-align:baseline; }

/* 20231217-kys*/
.best_wrap .more-btn {display: block; margin: 0 auto; width: 160px; height: 48px; font-size: 16px; border: 1px solid #000; border-radius: 48px; text-align: center; margin-top: 38px; background-color: #fff; padding-top: 12px;}

.photogallery .fakeSelectWrap {text-align: start;}
.photogallery .icons {width: 100%; position: relative;}
.photogallery .filter-tag_item {left: 0;}

/* 갤러리 리스트 */

/* .thumb_list_inner ul {display: flex; }
.thumb_list_inner ul li {display: flex; width: 100%; flex-direction: column; align-items: center; position: relative; position: relative; }
.thumb_list_inner ul li .list_wrap {width: 320px; height: 320px; display: flex; justify-content: center; align-items: center;}
.thumb_list_inner ul li:last-of-type {margin-right: 0;}
 .thumb_list_inner .img_wrap {width: 320px; height: 320px; overflow: hidden; }
 .thumb_list_inner .img_wrap img {width: 100%; height: 100%;}
 .thumb_list_inner .icons {height: 46px; width: 100%;}
.thumb_list_inner  .like a {line-height: 14px; display: inline-block; font-size: 16px; vertical-align: middle; color: D9D9D9;} */


.photo-list.thumb_list_inner ul{width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; margin-top: 64px; } 
.photo-list.thumb_list_inner ul li {flex: 0 0 22%; max-width: 320px; margin: 0 2%; margin-bottom: 60px; }
.photo-list.thumb_list_inner ul li:nth-of-type(4n+1) {margin-left: 0;}
.photo-list.thumb_list_inner ul li:nth-of-type(4n) {margin-right: 0;} 
.photo-list.thumb_list_inner ul li .list_wrap {width: 100%; height: calc(100% - 46px); position: relative; padding-top: 100%;}
.photo-list.thumb_list_inner ul li .list_wrap .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.black {background: url(/resources/img/gallery/frame_black@2x.png) no-repeat center center; background-size: contain;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.metal {background: url(/resources/img/gallery/frame_metal@2x.png) no-repeat center center; background-size: contain;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.white {background: url(/resources/img/gallery/frame_white@2x.png) no-repeat center center; background-size: contain;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.wood {background: url(/resources/img/gallery/frame_wood@2x.png) no-repeat center center; background-size: contain;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.horizontal {transform: rotate(90deg);}
.photo-list.thumb_list_inner ul li .list_wrap .frame.vertical {transform: rotate(0deg);}
.photo-list.thumb_list_inner ul li .list_wrap .frame + img {padding: 15%;}
.photo-list.thumb_list_inner ul li .list_wrap .frame.noframe + img {padding: 0;}
.photo-list.thumb_list_inner ul li img {width: 100%; height: 100%; object-fit: contain;  position: absolute; top:50%;  left: 50%; transform: translate(-50%, -50%); } 
.photo-list.thumb_list_inner ul li .list_wrap.gal_img img {width: auto; height: 100%; }
.view_all { position: absolute; margin: 40px 0 20px 0; right: 0; top: 0; }
.view_all a {font-size: 16px; color:rgba(0,0,0,0.38); }

.pagination p {position: relative; margin-top: 40px; text-align: center; font-size: 0; line-height: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;  height: 30px;}
.pagination a{position: relative; display:flex; justify-content: center; align-items: center; width: 30px; border: none;  height: 100%;margin: 4px; font-size: 16px; color: #000; vertical-align: middle; line-height: normal; cursor: pointer;}
.pagination a.on {color:#000; font-weight: normal; border:1px solid #000;border-radius:50%;background-color:#fff;}
/*.pagination .paging a.on::after { background: transparent; border: 1px solid #000 ; border-radius: 50%; width: 30px; height: 30px; position: relative; background-color: #fff; } 20231211 오경민 주석*/
.pagination a.on::after {background: none;content: unset !important;}
.paging a.on::after{background:none; content:none; }
.pagination .prev {height: 16px; background:url(/resources/img/gallery/ico_arrow_back.svg) no-repeat center; background-size:cover; width:16px; }
.pagination .next {height: 16px; background:url(/resources/img/gallery/ico_arrow_forward.svg) no-repeat center; transform: none; background-size:cover; width:16px; }
.pagination .first, .pagination .last {display:none;}


.thumb_list_wrap .select_inner {width: 320px; height: auto; min-height: 56px; background-color: #ffff; border: 1px solid #000; border-radius: 5px; position: relative; }
.thumb_list_wrap .selectBox {position: relative; height: 56px;}
.thumb_list_wrap .selectBox select {width:100%; padding-top: 18px;}
.thumb_list_wrap .overSelect {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.thumb_list_wrap #checkBoxes {display: none;  border-top: none; background-color:#fff; position: relative; z-index: 1; padding: 0 10px; position: absolute; }
.thumb_list_wrap #checkBoxes label { display: block; width:100%; padding:5px 0; border-bottom: 1px solid #e6e6e6; } 
.thumb_list_wrap #checkBoxes label:hover { background-color: #ffff; } 
.thumb_list_wrap #checkBoxes label input[type="checkbox"] {width: 20px; height: 20px; accent-color: #000; border-radius: 4px; border: 1px solid #00000061;}
.thumb_list_wrap #checkBoxes label input[type="checkbox"]:checked { background-color: #0000;}


/* 갤러리 */
/* .icons::after {clear: both; display: block; content: "";}
.icons li {float: left; font-size: 10px; }
.icons li .icon,
.icons li a {display: inline-block; padding: 0 13px; color: #222222;}
.icons li.like a{} */
.icons:after {clear:both;display:block;content:"";}
.icons li {float:left; font-size:10px;}
.icons li:first-child {background-image:none;}
.icons li .icon,
.icons li a {display:inline-block;padding:0 13px;color:#747474;font-size:10px;line-height:14px;vertical-align:middle;}
/* .icons .like a {padding-left:36px;background:url(/resources/images/gallery/ico_like.png) no-repeat 13px 0;} */
/* .icons .like a {padding-left: 36px; background: url(/resources/img/gallery/ico_favorite.svg); background-size: cover;} */
.icons .like a:hover {background-position:13px -28px;}
.icons .like.add a {background-position:13px -28px;}
.icons .like.add a:hover {background-position:13px 0;}
/* .icons .like .icon,
.icons .like a {padding-left:40px;background:url(/resources/images/gallery/ico_like.png) no-repeat 13px 0; background-size: 21px;}
.icons .like a:hover {background-position:13px -39px;}
.icons .like.add a {background-position:13px -39px;}
.icons .like.add a:hover {background-position:13px -20px;} */
.like { margin-top: 20px; text-align: start;}
.like a > span, .icons li span, .icons li {line-height: 24px; display: inline-block; font-size: 16px; color: rgba(0,0,0,0.6);}




.icons li.scrap .icon,
.icons li.scrap a {padding-left:32px;background:url(/resources/images/gallery/ico_scrap.png) no-repeat 13px 0;line-height:13px;}
.icons li.scrap a:hover {background-position:13px bottom;}
.icons li.hit {margin:2px 0 0 0;padding-left:34px;background:url(/resources/images/gallery/ico_hit.png) no-repeat 0 ;line-height:21px; filter: brightness(0); background-size: 22px;}
/*.icons li.hit a:hover {background-position:0 bottom;}*/

.icons li.btnsns a {width:33px;height:24px;background:url(/resources/images/gallery/ico_sns.png) no-repeat 13px 0; padding-left: 33px;}
.icons li.btnsns a:hover {background-position:13px bottom;}


.icons li.facebook a {width:6px;height:14px;background:url(/resources/images/gallery/ico_f.png) no-repeat 13px 0;}
.icons li.facebook a:hover {background-position:13px bottom;}
.icons li.twitter a {width:16px;height:12px;background:url(/resources/images/gallery/ico_t.png) no-repeat 13px 0;}
.icons li.twitter a:hover {background-position:13px bottom;}
.icons li.pinterest a {width:11px;height:14px;/*padding-right:0;*/background:url(/resources/images/gallery/ico_p.png) no-repeat 13px 0;}
.icons li.pinterest a:hover {background-position:13px bottom;}

/* like */
.icoLikeWrap{width:24px;height:24px;float: left;margin-right:10px;cursor: pointer;background: url(/resources/img/gallery/ico_likecom.png)no-repeat center;background-size: 100%; }
.icoLikeWrap.act{background: url(/resources/img/gallery/ico_like.png)no-repeat center -44px;background-size: 100%; }
.icoLikeWrap.on{background: url(/resources/img/gallery/ico_like.png)no-repeat center -44px;background-size: 100%;}
.icons span#prferVal {font-size: 16px; color: rgba(0,0,0,0.6); position: absolute; left: 34px; bottom: 0;} 
.writer_info .icoLikeWrap {filter: invert(1);}
.writer_info .icoLikeWrap.act {filter: invert(0);}
.writer_info .icoLikeWrap.on {filter: invert(0);}
.writer_info .icons { margin-bottom: 20px; display: flex; }
.writer_info .icons .like {position: relative;}
.writer_info .icons .like.add .icoLikeWrap {filter: invert(43%) sepia(93%) saturate(6864%) hue-rotate(338deg) brightness(101%) contrast(100%);}
.writer_info .like {margin: 0;}
.writer_info .icons li .icon, .icons li a {padding:0 20px 0 0; }
.writer_info .icons li {padding-right: 19px;}


.gal_detail .detail_head {position: relative; margin-top: 80px; zoom: 1; display: flex; margin-bottom: 80px;}
.gal_detail .detail_head .writer_info { border-bottom: 1px solid rgba(0,0,0,0.12); width: 100%;}
.gal_detail .detail_head .writer_info .gal_tit {display: inline-block; word-break: keep-all; width: 100%; font-size: 28px; color: #000; font-weight:500; padding-bottom:10px; }
.gal_detail .detail_head .writer_info .photo {display: inline-block; float:left; width: 48px; height: 48px; background: url(/resources/img/gallery/photographer_noImg.png) no-repeat center center; border-radius: 50%; background-size: cover;}
.gal_detail .detail_head .writer_info .icons li.btnsns a{background-size: 24px; background: url(/resources/img/gallery/ico_share_fill.svg) no-repeat;}
.gal_detail .detail_head .writer_info .photo img {width: 100%; height: 100%; display: inline-block; border-radius: 50%;}
.gal_detail .detail_head .writer_info .writer_inner{width: 100%; display: flex; align-items: center; margin-top: 40px; margin-bottom: 24px;}
.gal_detail .detail_head .writer_info .writer_inner .name {color: rgba(0,0,0,0.6); font-size: 20px; padding: 0 10px;}
.gal_detail .detail_head .writer_info .id a {color: rgba(0,0,0,0.38);font-size:16px;}
.gal_detail .detail_head .writer_info .date {font-size: 16px; color: rgba(0,0,0,0.38);}
.gal_detail .gal_photo {position: relative; width: calc(100% - 440px); float: left; height: fit-content; }
.gal_detail .gal_photo.vertical > img {max-height:650px; width: auto; left: 50%; position: relative; transform: translateX(-50%);}
.gal_detail .gal_photo img {width: 100%;}
.gal_detail .gal_photo:hover .view_detail {display: block; transition: 0.3s ease;}
.gal_detail .view_detail {  display: none;}
.gal_detail .view_detail a {display: flex; background-color: rgba(0,0,0, 0.75); position: absolute; border-radius: 48px; width: 188px; height: 72px; text-align: center; padding: 20px 0; top: 50%; left: 50%; transform: translate(-50%); justify-content: center;}
.gal_detail .view_detail img {width: 24px; height: 24px; filter: invert(100%); }
.gal_detail .view_detail p { color: #ffff; font-size:20px; padding-left: 10px;}

.gal_detail .detail_head .detail_cont {float: right; width: 400px; margin-left: 40px;}
.gal_detail .detail_head.detail_cont >.shoot_cont .info-tit {font-size: 16px; color: rgba(0,0,0,0.38);}
.gal_detail .detail_head .detail_cont >.shoot_cont .info-tit {font-size: 16px; color: rgba(0,0,0,0.38);}
.gal_detail .detail_head .detail_cont >.shoot_cont .tag_wrap {width: auto; height: 100%; display: inline-block; background-color: #000; border-radius: 5px; text-align: center; padding: 7px 21px; margin: 0  10px 10px 0;}
.gal_detail .detail_cont >.shoot_cont .tag_wrap a{ font-size: 16px; color: #fff;}
.gal_detail .detail_cont .shoot_cont >p.info_txt { font-size: 20px; color: rgba(0,0,0,0.8); word-break: keep-all; line-height: 1.6;}


.gal_detail .gal_shoot_wrap {width: 100%; position: relative; display: block;}
.gal_detail .gal_shoot_wrap > .productarea {width: 100%;}
.gal_detail .gal_shoot_wrap > .productarea .info_tit {font-size: 24px; color: rgba(0,0,0,0.6); font-weight: 500; }
.gal_detail .gal_shoot_wrap > .productarea ul {width: 100%; height: 210px; margin-top: 40px; display: grid; grid-template-columns: repeat(2, 1fr) ; }
.gal_detail .gal_shoot_wrap > .productarea ul li  {font-size: 18px; color: rgba(0,0,0,0.38); height: 100%; display:flex; }
.gal_detail .gal_shoot_wrap > .productarea ul li p {flex: 0 0 110px; margin-right: 20px;}
.gal_detail .gal_shoot_wrap > .productarea ul li span {color: rgba(0,0,0,0.8); flex: 0 0 auto; }
.gal_detail .gal_shoot_wrap > .tiparea {width: 100%; display: flex;}
.gal_detail .tiparea .shoot_cont .info_tit {font-size: 24px; color: rgba(0,0,0,0.6); font-weight: 500;}
.gal_detail .tiparea .shoot_cont .info_txt2 {font-size: 18px; color: rgba(0,0,0,0.8); word-break: keep-all;}
.gal_detail .tiparea .shoot_cont {width: 100%; display: inline-block; padding-right: 80px;}
.gal_detail .tiparea >.shoot_cont:last-child {padding-right: 0;}
.gal_detail .tiparea .shoot_cont:last-child p:last-child {position: relative;}
.gal_detail .tiparea .shoot_cont:last-child p:last-child img {margin-right: 5px;}
.gal_detail .btn-box {float:right;margin-top:40px;}
.gal_detail .btn-box a {width:80px;height:40px;padding:10px 20px; border:1px solid #000;border-radius:40px;text-align:center;}
.gal_detail .btn-box a.btn_edit {background:#000;color:#fff;}
.gal_detail .btn-box a.btn_delete {background:#e0e0e0;color:#999;border:0;}


/* 댓글 */ 

.without a {display: inline-block; font-size: 18px; color: rgba(0,0,0,0.8); width: 100%; height: 100%; text-align: right;}
.without a img {margin-right: 5px; padding: 0 !important; width: 24px; height: 24px; filter:opacity(0.38); }

.comment_wrap .cmt_tit {font-size: 24px; color: rgba(0,0,0,0.6); line-height: 100%;}
.comment_wrap .cmt_tit .cnt{display: inline-block; margin-left: 10px; color: #000; font-weight: 500;}
.comment_wrap .cmt_inp .cmt_inp_inner {background-color: #ffff; border-radius: 5px; border: 1px solid black; display: flex; padding:40px;}

.comment_wrap .cmt_profile {overflow:hidden;; border-radius: 50%; display: inline-block; width: 48px; min-width: 48px; height: 48px; background: url(/resources/img/gallery/photographer_noImg.png) no-repeat; background-size: cover; }
.comment_wrap .cmt_profile img {display:inline-block;width:100%;height:100%;}
.comment_wrap .cmt_inp {display: flex; align-items: center; position: relative;}
.comment_wrap .cmt_inp .cmt_reg {height: 48px; width: 53px;}
.comment_wrap .cmt_inp .cmt_reg a {display:block;text-align:center;color:#000; font-size: 20px; padding-top: 10px;}
.comment_wrap .cmt_inp .textarea {margin-left: 20px; }
.comment_wrap .cmt_inp .textarea textarea { border: none; line-height: 29px; height: 100%;}
.comment_wrap .cmt_inp .textarea textarea::placeholder {font-size: 20px; color:rgba(0,0,0,0.38); }
.comment_wrap .cmt_inp .textarea2  {min-height:30px; width: 100%;}
.comment_wrap .cmt_inp .textarea2 textarea {width:100% !important; min-height:50px !important; overflow:hidden; border: none; font-size: 20px; line-height: 29px; }
.comment_wrap .cmt_inp .textarea2 textarea::placeholder {font-size: 20px; color:rgba(0,0,0,0.38); }
.textareaFree{padding:13px 15px 0px !important;font-size: 20px;}
.textareaFree:focus {outline: 0;}

.comment_wrap .off {display: none;}
.comment_wrap .on {display: flex; align-items: center;}
.comment_wrap .cmt_list {border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.comment_wrap .cmt_list > li {display: flex; flex-wrap: wrap; padding: 40px; border-top: 1px solid rgba(0, 0, 0, 0.12);}
.comment_wrap .cmt_list > li:first-child {border-top: 0;}
.comment_wrap .cmt_list > li.reReply {padding-bottom: 0; border: 0; background: #fff;}
.comment_wrap .cmt_list > li.reReply.first {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.comment_wrap .cmt_list > li.reReply.last {margin-bottom: 40px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.comment_wrap .cmt_list > li.reReply.last .coment_box li {border: 0;}
.comment_wrap .cmt_list > li.reReply .cmt_txt {padding-bottom: 40px;}
.comment_wrap .cmt_list > li .coment_box {width: 100%;}
.comment_wrap .cmt_list > li .coment_box li {border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.comment_wrap .cmt_list > li .coment_box li .cmt_inp {margin-bottom: 40px;}
.comment_wrap .cmt_list > li .coment_box li .cmt_inp_inner {padding: 20px;}
.comment_wrap .cmt_list .list_info {display: flex; align-items: center; width: 100%;}
.comment_wrap .cmt_list .bg_reply {width: 20px; height: 20px; margin-right: 20px; background: url(/resources/images/gallery/bg_reply.png) no-repeat; background-size: 100%;}
.comment_wrap .cmt_list .profile_list {display: flex; align-items: center;}
.comment_wrap .cmt_list .profile_list .cmt_profile {margin-right: 15px;}
.comment_wrap .cmt_list .profile_list .name a {margin-right: 10px; font-size: 20px;}
.comment_wrap .cmt_list .profile_list .id a {margin-right: 20px; color: rgba(0, 0, 0, 0.38); font-size: 16px;}
.comment_wrap .cmt_list .profile_list .date {color: rgba(0, 0, 0, 0.6); font-size: 16px;}
.comment_wrap .cmt_list .ssml_wrap {display: flex; align-items: center; margin-left: auto;}
.comment_wrap .cmt_list .ssml_wrap a {display: block;}
.comment_wrap .cmt_list .ssml_wrap a span {padding: 10px; color: rgba(0, 0, 0, 0.6);}
.comment_wrap .cmt_list .cmt_txt {width: 100%; margin-top: 20px; padding: 0 63px; color: #000; font-size: 20px; word-break: keep-all;}
.comment_wrap .btn_color.ico span.ico_report {background: none; color:rgba(0,0,0,0.6); font-size: 16px;}

/* 사진보기-view 레이어팝업 */
.popup_layer .tit_line {margin-top:10px;}
.popup_layer .contents_layer {padding: 10px;}
.popup_layer.popup_layer_gal { z-index: 9999 !important; border: none;}
.popup_layer .close_layer {right: 11%; top: 126px; width: 24px; height: 24px;}
.layer_photo img { top:120px; width: 1120px; height: 840px; position: absolute; top: 0; left: 0;}
.popup_layer_gal_wrap, .contents_layer, .layer_photo {width: 100%; height: 100%;} 
/* .popup_layer_gal_wrap .layer {top: 50%; position: relative; bottom: 50%; transform: translateY(-50%);} */
.popup_layer_gal_wrap .contents_layer .layer_photo .file_upload_wrap { top: 50%; bottom: 50%;transform: translateY(-50%); text-align: start; width: fit-content; margin: 0 auto;}


.popup_layer_gal_wrap .contents_layer .layer_photo .frame_wrap {display: flex; width: 100%; height: auto; justify-content: center; align-items: center; max-width: 1400px; margin: 0 auto; max-height: 840px; top: 50%; position: relative; transform: translateY(-50%); }
.popup_layer_gal_wrap .contents_layer .layer_photo .img_frame {width: 1120px; height: 840px; background-color: #f7f7f7; position: relative; right: 80px; }
.popup_layer_gal_wrap .contents_layer .layer_photo .frame .frame_tit {font-size: 24px; color: rgba(0,0,0,0.6); }


#popup_layer_view.popup_layer .layer_photo .frame {flex:0 0 120px; text-align: left; }
#popup_layer_view.popup_layer .layer_photo .frame * {font-family: 'NotoSansKR' !important;}
#popup_layer_view.popup_layer .layer_photo .frame_img {width: 100%;}
#popup_layer_view.popup_layer .layer_photo .frame_img > img {width: 100%; height: 100%; max-height: 840px; max-width: 1120px; top:50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; }
#popup_layer_view.popup_layer .layer_photo .galFrame{max-width: 1120px; max-height: 840px; position: relative; margin-right: 5.7%; width: 100%; height: auto; background-color: #f7f7f7; padding-top: 60%; }	
#popup_layer_view.popup_layer .layer_photo .galFrameList {width: 100%;}						
#popup_layer_view.popup_layer .layer_photo .galFrameList img{display: none; width: 100%; height: 100%; max-height: 840px; max-width: 1120px; object-fit:contain; }
#popup_layer_view.popup_layer .layer_photo .galFrameList img.on{display: block;}
#popup_layer_view.popup_layer .layer_photo .frameBtnTit{margin-bottom:40px;font-size: 24px;color: rgba(0,0,0,0.6);}
#popup_layer_view.popup_layer .layer_photo .frameBtnWrap{font-size:16px;text-align: left;}
#popup_layer_view.popup_layer .layer_photo .frameBtnWrap p{margin-bottom:20px;cursor: pointer; color: #000;}
#popup_layer_view.popup_layer .layer_photo .fakeRadio{display: block; position: relative;float: left; margin-right:10px;width:24px;height:24px;border:1px solid #999;border-radius: 50px;}
#popup_layer_view.popup_layer .layer_photo .fakeRadio.on:before{content:"";display: block;position: absolute;left:5px;top:5px; width:12px;height:12px;background: #000;border-radius: 50px;}


/* 신고하기 */
/* .popup_view.popup_layer *{font-family: 'NotoSansKR'!important;}
.popup_view.popup_layer textarea#etc01 {height: 150px; font-size: 20px;}
.popup_view.popup_layer textarea#etc01::placeholder {font-size: 20px;}
.popup_view.popup_layer .close_layer {top: 10px; right: 10px; width: 34px; height: 34px;}
.popup_view.popup_layer h1 {font-size: 18px; color: #333; font-weight: bold;}
.popup_view.popup_layer .popup_layer .contents_layer > p:first-child {font-size: 13px;} */

#popup_layer1.popup_layer, #popup_layer.popup_layer {top: 0 !important; left: 0 !important; position: fixed !important;}
.policy-wrap * {font-family: 'NotoSansKR' !important;}
.policy-wrap p {font-size: 16px; color: #000; }
.report_inner textarea {width: 720px; height: 286px; font-size: 16px; padding: 10px; margin-left: 0 !important;}
.report_inner textarea::placeholder {font-size: 16px;}


/* ==================월간 베스트 샷================== */
.best_wrap .select_inner {position:relative;width:100%;margin:0 auto;text-align:center;}
.best_wrap .select_inner .sbHolder { position: relative; width:320px;margin:0 4px;font-size:12px !important; height: 56px; border-radius: 5px; border: 1px solid #000;}
.best_wrap .select_inner .sbHolder a {padding-right:0;text-align:left;background-color:transparent;font-size:14px !important;}
.best_wrap .select_inner .sbSelector {padding-left:0;}
.best_wrap .select_inner .sbToggle {background:url(/resources/images/common/form/select-icons.png) 0 -116px no-repeat;}
.best_wrap .select_inner .sbToggle:hover {background:url(/resources/images/common/form/select-icons.png) 0 -116px no-repeat;}
.best_wrap .select_inner .sbToggleOpen {background:url(/resources/images/common/form/select-icons.png) 0 -16px no-repeat;}
.best_wrap .select_inner .sbToggleOpen:hover {background:url(/resources/images/common/form/select-icons.png) 0 -16px no-repeat !important;}
.best_wrap .sbOptions li {padding:0 7px;}
.best_wrap .sbOptions a {display: block;padding: 7px 0 7px 3px;border-top-width:1px;border-top-style:solid;}
.best_wrap .select_inner .btn_arr a,
.best_wrap .select_inner .btn_arr span {position:absolute;top:50%;margin-top:-6px;width:6px;height:10px;background-repeat:no-repeat;background-position:0 top;text-indent:-9999px;}
.best_wrap .select_inner .btn_arr a:hover,
.best_wrap .select_inner .btn_arr a {background-position:0 bottom;}
.best_wrap .select_inner .btn_arr .prev {left:0;margin-left:-15px;background-image:url(../images/gallery/arr_left_best.png);}
.best_wrap .select_inner .btn_arr .next {right:0;margin-right:-15px;background-image:url(../images/gallery/arr_right_best.png);}
.best_wrap .weekbest_photo {width:908px;margin:0 auto;}
.best_wrap .weekbest_photo .info {display:block;}



.filter-tag-wrap {display: flex; box-sizing: border-box; background-color: transparent; width: auto; margin-top: 40px;}
.filter-tag-list {flex: 1;}
.flter-tag {margin: 0; line-height: 0;}
.filter-tag_item {display: inline-block; margin: 0 5px; padding: 5px 0; position: relative; left: 40px; }
.filter-tag_item_btn {display: block; margin: 0; padding: 7px 10px 7px 20px; font-size: 16px;  border-radius: 5px; font-stretch: normal; line-height: 1.5; letter-spacing: 0; color: #fff; background-color: #000;}
.filter-tag_item_btn img{filter: invert(1) opacity(0.38); position: relative; padding-left: 5px;  bottom:1px; }
.filter-tag_clear {background-color: #fff; border-radius: 5px; padding:7px 16px; white-space: nowrap; margin: 0;text-align: center; border: 1px solid #fff; height: 40px; }
.filter-tag_clear span {color: rgba(0,0,0,0.38); font-size: 16px; vertical-align: middle;}
.filter-tag_clear img { filter: opacity(0.38);}


.gal_wrap.best_wrap .top_line {margin-top: 80px;}
.best_wrap .best_cont p >span {font-family: "KoPubWorldBatang" !important; font-size: 48px; color: #000; display: inline-block;}
.best_wrap .thumb_list_inner ul {width: 100%; display: flex; flex-wrap: nowrap; box-sizing: border-box;}
.best_wrap .thumb_list_inner ul li {width: 25%; max-width: 320px; margin-right: 2.9%;}
.best_wrap .thumb_list_inner ul li:nth-of-type(4n+1) {margin-left: 0;}
.best_wrap .thumb_list_inner ul li:nth-of-type(4n) {margin-right: 0;} 
.best_wrap .thumb_list_inner ul li .list_wrap {padding-top: 100%; width: 100%; height: 100%; position: relative; display: block; }
.best_wrap .thumb_list_inner ul li .list_wrap .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.black {background: url(/resources/img/gallery/frame_black@2x.png) no-repeat center center; background-size: contain;}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.metal {background: url(/resources/img/gallery/frame_metal@2x.png) no-repeat center center; background-size: contain;}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.white {background: url(/resources/img/gallery/frame_white@2x.png) no-repeat center center; background-size: contain;}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.wood {background: url(/resources/img/gallery/frame_wood@2x.png) no-repeat center center; background-size: contain;}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.horizontal {transform: rotate(90deg);}
.best_wrap .thumb_list_inner ul li .list_wrap .frame.vertical {transform: rotate(0deg);}
.best_wrap .thumb_list_inner ul li .list_wrap .frame + img {padding: 15%;}
.best_wrap .thumb_list_inner ul li .list_wrap img {width: 100%; height: 100%; object-fit:contain; max-height: 320px; top:50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.best_wrap .thumb_list_inner ul li .list_wrap.gal_img img {width: auto; height: 100%; }
















/* 마이 갤러리 */

.mygal_wrap:after {content:"";display:block;clear:both;}
.profile_img {overflow: hidden; min-height: 120px;  width: 100%;}
.profile_img .no_photo { min-height: 120px; font-size: 20px; color: rgba(0,0,0,0.38); text-align: center; padding-top: 46px; border: 1px dashed #707070;}
.profile_img img {width: 100%; height: 300px; object-fit: cover; object-position: center center;  }

.profile_wrap {zoom: 1; float: left; width: 28.57%;}
.profile_wrap .profile_inner .profile_box { background:#fff 0% 0% no-repeat padding-box; border-radius: 8px;}
.profile_wrap .profile_inner .profile_box .profile_cont { position: relative; padding: 40px; max-width: 400px; text-align: center;}
.profile_wrap .profile_inner .profile_cont .photo {width: 120px; height: 120px; display: block; background-color: #000;  margin: 0 auto 20px; background: url(/resources/img/gallery/photographer_noImg.png) no-repeat center center; border-radius: 50%; background-size: cover; }
.profile_wrap .profile_inner .profile_cont .photo img {display: block; width: 100%; height: 100%; border-radius: 50%; object-fit:cover; object-position: center center;}
.profile_wrap .profile_inner .profile_cont  .name span { font-size: 24px; color: #000; display: inline-block; margin-right: 10px; font-weight: 500; }
.profile_wrap .profile_inner .profile_cont .id { font-size: 18px; color: rgba(0,0,0,0.6); display: inline-block; }
.profile_wrap .profile_inner .profile_cont .id span {width: 100%; display: inline-block;}
.profile_wrap .profile_inner .profile_cont  .profile_info { font-size: 16px; color: rgba(0,0,0,0.6); display: block; width: 100%; text-align: center; padding: 12px 0 40px 0 ;  }
.profile_wrap .profile_inner .profile_cont .iconS {display:block; border-top: 1px solid #e6e6e6; width: 100%; padding-top: 40px;}
.profile_wrap .profile_inner .profile_cont .iconS .iconS_list {display:flex; width: 100%; }
.profile_wrap .profile_inner .profile_cont .iconS .iconS_list .iconS_list {display:flex; }
.profile_wrap .profile_inner .profile_cont .iconS .iconS_list .iconS_count {font-size: 16px; color: #000; margin-top: 12px;  }

.profile_wrap .profile_inner .profile_cont .iconS .iconS_list .iconS_items { flex: 1 0 0px; display: block; min-width: 0px; box-sizing: border-box; text-align: center; padding: 0;}
.profile_wrap .profile_inner .profile_cont .iconS .iconS_list .iconS_items  img{width: 24px; height: 24px;}
.profile_wrap .profile_inner .profile_cont .modifyProfileWrap {width: 100%; height: 100%;}
.profile_wrap .profile_inner .profile_cont .modifyProfileWrap img {filter: invert(1); }
.profile_wrap .profile_inner .profile_cont .modifyProfileWrap a { background-color: black; border-radius:48px; width: 160px; height: 48px; font-size: 16px; color:white; padding: 12px 28px 12px 28px; display: block; margin: 40px auto 0; display: flex; }
.profile_wrap .list_style li {line-height: 30px;}
.profile_wrap ul{color: rgba(0,0,0,0.8); font-size: 14px; width: 100%; word-break: keep-all;}
.profile_wrap ul .btn_under {border-bottom: 1px solid rgba(0,0,0,0.8); height: 24px;}
.profile_wrap ul .btn_under a{color: inherit !important; font-weight: normal; font-size: inherit;}



.tab { width: calc(100% - 440px); display: inline-block; height: 100%; margin-left: 40px;}
.tab .tab-list {display: flex; position: relative;  width: 100%; border-bottom: 1px solid #e6e6e6; }
.tab .tab-list li {position: relative;}
.tab .tab-list li a {display: flex; padding: 20px 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 100%;  text-align: center;}
.tab .tab-list li .tab_menu_wrap {padding: 0 8px;}

.tab .tab-list li .tab_menu_wrap .tab_txt{border: 0; color: rgba(0,0,0,0.38); display: block; height: 21px; font-size: 14px; font-weight: 700;}
.tab .tab-list li a.active .tab_txt {background-color: transparent; color: #000;  font-size: 14px;}
.tab .tab-list li a.active::after {content:""; display: block; left: 0; background-color: #000; transform: scale(1); height: 3px; position: absolute; bottom: 0; width: 100%;}



/* .tab .tab-list li.on p {background-color: transparent; color: #000;  font-size: 14px;} */
/* .tab .tab-list li.on {content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 100%;  background-color: transparent; color: black; } */
/* .tab .tab-list li.on a::after { content: " "; display: block; position: absolute; left: 0; bottom:0; width: 100%; height: 2px; background-color: #000; } */
.tab-content .panel {position: relative;}
.tab-content .panel::after {content: ""; display: block; clear: both;}
.tab-content .panel .sorting_btn_list {position: relative; margin: 20px auto 20px 0 ; float: right;}

.tab .tab-content h3 {font-size: 24px; color: rgba(0,0,0,0.6); position: relative; text-align: start; margin: 40px 0 20px 0; display: inline-block; font-weight: 500;}


.tab .tab-content .cont_area {background-color: rgba(255,255,255, 0.25); width: 100%; text-align: center; padding:45px 0 45px 0;}
.tab .tab-content .no_photo {font-size: 20px; color: rgba(0,0,0,0.38);}
.tab .tab-content .reg_file_wrap p {font-size: 20px; color: rgba(0,0,0,0.38);}
/* .tab .tab-content .cont_area {padding-bottom: 40px;} */
/* .tab .tab-content .reg_file_wrap {display: block; height: 177px; padding: 40px 0;} */
.tab-content .myphoto_sty01 {position: relative;}
.tab-content .myphoto_sty02 {position: relative;}
.tab-content .myphoto_sty02 .tab_con img {width: 100%; height: 100%; background:#fff;}
.tab-content .myphoto_sty02 .tab_con .img_view_txt {margin-top: 20px; font-size:14px; color: rgba(0,0,0,0.6);}
/* .tab-content .my_equ .cont_area {padding: 0;} */
.tab_con ul{width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } 
.tab_con ul li {flex:0 0 23.5%; max-width: 225px; }
.tab_con ul li a {max-width: 225px; }
.tab_con ul li:nth-of-type(4n+1) .list_wrap {margin-left: 0 !important;}
.tab_con ul li:nth-of-type(4n) .list_wrap {margin-right: 0 !important;}
.tab_con ul li .list_wrap {width: 100%; height: 100%; position: relative; padding-top: 93.75%; } 

/* frame 2012-12-17 */
.tab_con ul li .list_wrap .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.tab_con ul li .list_wrap .frame.black {background: url(/resources/img/gallery/frame_black@2x.png) no-repeat center center; background-size: contain;}
.tab_con ul li .list_wrap .frame.metal {background: url(/resources/img/gallery/frame_metal@2x.png) no-repeat center center; background-size: contain;}
.tab_con ul li .list_wrap .frame.white {background: url(/resources/img/gallery/frame_white@2x.png) no-repeat center center; background-size: contain;}
.tab_con ul li .list_wrap .frame.wood {background: url(/resources/img/gallery/frame_wood@2x.png) no-repeat center center; background-size: contain;}
.tab_con ul li .list_wrap .frame.horizontal {transform: rotate(90deg);}
.tab_con ul li .list_wrap .frame.vertical {transform: rotate(0deg);}
.tab_con ul li .list_wrap .frame + img {padding: 15%;}

.tab_con ul li .list_wrap img { width: 100%; height: 100%; top:50%;  left: 50%; transform: translate(-50%, -50%); position: absolute; object-fit:contain;}
.tab_con ul li .list_wrap.gal_img img {width: auto; height: 100%; max-height: 225px;} 
#panel1 .tab_con ul {display: block;}
#panel1 .tab_con ul li .list_wrap {padding-top: 100%;}
#panel1 .tab_con ul li {width:23.2%; display:inline-block; margin-right:2%; }
#panel1 .tab_con ul li:nth-of-type(4n+1){margin-left: 0 !important;}
.tab_con ul li:nth-of-type(4n) {margin-right: 0 !important;}
#panel2 .tab_con ul li, #panel3 .tab_con ul li {margin-bottom: 20px;max-width: 100%; margin-right:2%;}
#panel2 .tab_con ul li .list_wrap, #panel3 .tab_con ul li .list_wrap {max-width: 225px; margin: 0 auto;}



.view_all { position: absolute; margin: 40px 0 20px 0; right: 0; top: 0; }
.view_all {font-size: 16px; color:rgba(0,0,0,0.38); vertical-align: middle; display: flex; align-items: center; }

.view_all img {filter: opacity(0.38); transform: rotate(180deg); height: 16px; vertical-align: middle;}



.panel_wrap .more-btn {display: block; margin: 0 auto; width: 160px; height: 48px; font-size: 16px; border: 1px solid #000; border-radius: 48px; text-align: center; margin-top: 38px; background-color: #fff; padding-top: 12px;}

/* .equ_main_wrap .equ_main .reg_file_btn {display: inline-block; font-size: 16px; border:1px solid #000; border-radius: 48px; opacity: 1; background: #fff 0% 0% no-repeat padding-box; color: #000; padding: 12px 19px; margin-top: 20px;} */
.equ_main_wrap .equ_main .reg_file_inp {position: absolute; top: 0; left: 0; text-indent: -999999px; opacity: 0; height: 0; width: 0; font-size: 0; line-height: 0; border: 0; background: none;}




/* 프로필 수정 */

#popup_layer_info *, #popup_layer_profile * { font-family: 'NotoSansKR' !important;}
 .popup_layer h1 {font-size: 24px; font-weight: 500; color: rgba(0,0,0,0.6);}
.file_upload_wrap {zoom:1; position: relative;}
.file_upload_wrap:after {clear:both;display:block;content:"";}
.file_upload_inner {width: 100%; display:flex; flex-wrap: wrap;  }
.file_upload_inner h3 {font-size: 16px; color: #222222; text-align: left; margin: 0; width: 140px; padding-top: 40px; font-weight: 400;}
.file_upload_inner .wrap_file { display: flex;}
.file_upload_inner .wrap_file .btn_file {position: relative;}
.file_upload_inner .wrap_file .btn_file label {border-radius: 0 5px 5px 0; background-color: #000; border: none; color: #fff; font-size: 14px;}
/* .file_upload_inner .wrap_file .btn_file label:hover {background:#fff;color:#121212;} */
.file_upload_inner .list_style { text-align: start;}
.file_upload_inner .list_style li { font-size: 12px; color: rgba(0,0,0,0.38); padding-left: 15px;}
.file_upload_inner .list_style li::before { content: ""; display: block; width: 3px; height: 3px; background: rgba(0,0,0,0.38); position: absolute; left: 0; top: 10px;}

.file_upload_wrap .btn_area {text-align: center;}
.file_upload_wrap .btn_area .black.round {border-radius: 48px; background-color: #000; color: #fff; font-size: 20px;  }
.file_upload_wrap .btn_area .black.round.line {width: 188px; height: 72px; border: 1px solid; border-radius: 48px; border-color: #000; background-color: #fff; transition: background-color 0.35s, color 0.35s, border-color 0.35s; color: #000; font-size:20px; margin-left: 10px;}
.file_upload_wrap .btn_area .btn_color {padding: 22px 73px;}


/* iconS */



/* checkbox */
.frame_list {width: 100%;}
.frame_list li {margin-bottom: 20px; height: 100%; }
.frame_list li:last-child {margin-bottom: 0;}


.frame_list .checkbox {font-size: 16px; color: #000; padding-left: 32px;}
.frame_list li .checkbox input[type=checkbox] + i, .checkbox input[type=radio] + i { width: 24px !important; height: 24px !important; }
.frame_list li .checkbox input[type=checkbox]:checked + i, .checkbox input[type=radio]:checked + i {background-color: transparent !important; border-color: #00000061 !important;}
.frame_list li .checkbox.circle input:checked + i::after {display: inline-block; background: none; background-color: #000 !important; }

.frame_list .checkbox input[type=checkbox]:checked + i::after, .frame_list .checkbox input[type=radio]:checked + i::after {display: inline-block; background: none !important;  background-color: #000 !important; top:50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 12px !important; height: 12px !important;}

.button .checkbox {padding:0; width: 50%; height: 100%; display: inline-block; float: left; }
.button .checkbox.text {font-size: 16px; text-align: center; padding: 17px 0; color: #000;}
.button label.checkbox.text.radio.on {background-color: #000; border-radius: 28px; color: #fff;}
.button .checkbox input[type=checkbox], .checkbox input[type=radio]:checked {color: #fff; background-color: #000; border-radius: 28px; border: 1px solid #000;}



/* ==================포토 갤러리 등록================== */

.galleryform {padding-bottom:160px;}
.galleryform .top_menu_wrap p {color: #000;}
.thum_tit {font-size: 24px; color:rgba(0,0,0,0.6); line-height:100%; font-weight: 500; }
.galleryform .gal_wrap::after{content: ""; clear: both; display: block;}
.galleryform .gal_wrap {width: 100%; box-sizing: border-box;}
.photo_reg_info {float: left; width: 28.57%;}
.photo_reg_info .thumbnail {position:relative;}
.photo_reg_info .thumbnail .thum_img {max-width:400px; max-height:400px; background:#fff /*url(/resources/images/gallery/no_img2.png) no-repeat center center*/ !important; float: none; margin: 0; overflow: hidden; padding-top: 100%; min-height: 100%; background-size: cover;}
.photo_reg_info .thumbnail .thum_img img {width:100%;height:100%;}

.photo_reg_info .thumbnail .frame {position: absolute; top: 7.5%; left: 7.5%; right: 0; bottom: 0; width: 85%; height: 85%;}
.photo_reg_info .thumbnail .frame.BL {background: url(/resources/img/gallery/frame_black@2x.png) no-repeat center center; background-size: contain;}
.photo_reg_info .thumbnail .frame.ME {background: url(/resources/img/gallery/frame_metal@2x.png) no-repeat center center; background-size: contain;}
.photo_reg_info .thumbnail .frame.WH {background: url(/resources/img/gallery/frame_white@2x.png) no-repeat center center; background-size: contain;}
.photo_reg_info .thumbnail .frame.WO {background: url(/resources/img/gallery/frame_wood@2x.png) no-repeat center center; background-size: contain;}
.photo_reg_info .thumbnail .frame.horizontal {transform: rotate(90deg);}
.photo_reg_info .thumbnail .frame.vertical {transform: rotate(0deg);}
.photo_reg_info .thumbnail .frame + img {padding: 15%;}

.photo_reg_info .thumbnail .preview {position: absolute; width:400px; height:300px; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.photo_reg_info .img_frame  .frame-button .tab-menu[role=tab][aria-selected=true]{background-color: #000; border-radius: 28px; width: 200px;height: 56px; text-align: center; font-size: 16px; color: #ffff; }
.photo_reg_info .img_frame .frame-button .tab-menu[aria-selecte=false]{ background-color: #ffff; border-radius:28px; width: 200px; height:56px; text-align: center; font-size: 16px; color: #000; padding-top: 16px;}
.photo_reg_info .button {background-color: #ffff; border-radius: 28px; height: 56px; border:1px solid #000; margin-top: 40px; }
.photo_reg_info .frame_tit {font-size: 20px; color: #000; }

.photo_reg_wrap {float: right; width: 68.57%;}
.photo_reg_wrap .reg_file_wrap {width: 100%; display: block; height: 319px; border: 1px dashed #707070; padding: 60px 0;}
.photo_reg_wrap .reg_file_wrap .reg_file_btn {display: inline-block; border:1px solid #000; border-radius: 48px; opacity: 1; background: #fff 0% 0% no-repeat padding-box;  padding: 10px 19px 12px 19px; margin-top: 20px; width: 160px; height: 48px; }
.photo_reg_wrap .reg_file_wrap .reg_file_btn p {font-size: 16px; color: #000; display: inline-block; padding-left: 6px;}
.photo_reg_wrap .reg_file_wrap .reg_file_bt {color: #000; font-size: 20px; font-weight: 500; text-align: center; display: block;}
.photo_reg_wrap .reg_file_wrap .reg_txt_wrap p {font-size: 14px; color: rgba(0,0,0,0.38);}
.photo_reg_cont .reg_img .reg_file_inp {position: absolute; top: 0; left: 0; text-indent: -999999px; opacity: 0; height: 0; width: 0; font-size: 0; line-height: 0; border: 0; background: none;}






.photo_reg_inner .accordion .accordion-toggle {display: flex; position: relative;}
.photo_reg_inner .accordion .accordion-toggle::after {width: 22px; height: 22px; background-size: 22px; right: 0; }
.photo_reg_inner .accordion .accordion-toggle .check_img img { width: 24px; filter: opacity(0.12);}
.photo_reg_inner .accordion .accordion-toggle .check_img.checked img {filter: invert(28%) sepia(57%) saturate(3359%) hue-rotate(341deg) brightness(87%) contrast(99%);}



.photo_reg_inner .accordion .accordion-item { background-color: #fff; border: 1px solid #707070; border-radius: 5px; padding: 30px; margin-top: 20px; padding-bottom: 0; }
.photo_reg_inner .accordion .accordion-item .accordion-title { margin-top: 0; padding-bottom: 30px; }
.photo_reg_inner .accordion .accordion-item .accordion-title .accordion-head_tit ,.photo_reg_inner .accordion .accordion-item .accordion-title .accordion-head_tit .inp_mar{font-weight: 500; font-size: 20px; color: #000; margin-left: 10px !important;}
.photo_reg_inner .accordion .accordion-item .accordion-title .accordion-head_txt{font-size: 16px; color: rgba(0,0,0,0.38); padding-left: 10px;}
.photo_reg_inner .accordion .accordion-item li{ font-size: 14px; color: rgba(0,0,0,0.8);}
.photo_reg_inner .accordion .accordion-item .content_inner3 li {flex: 0 0 50%;}
.photo_reg_inner .accordion .accordion-item .accordion-content {border-top: 1px solid rgba(0,0,0,0.12) !important; width: 100%; margin-bottom: 30px;}

.photo_reg_inner .terms-agree-wrap .accordion .accordion-item  .accordion-title .accordion-head_tit  {margin-left: 0 !important;}
.photo_reg_inner .accordion.top-title-type .accordion-item .accordion-toggle {padding: 0; margin: 0; border-bottom: none; width:100%; text-align: left; line-height: normal;}

.btn_color.ico span.ico_del:hover {color:inherit !important;}

.img_note .img_ex{display: inline-block; width: 100%;}
.img_note .img_ex li { width: 26%; float: left; margin-right: 30px;}
.img_note .img_ex li img {width: 100%; height: 100%;}
.photo_reg_inner .accordion-content .info_title{font-size: 16px; font-weight: 500; color: #000; margin-top: 40px; }
.photo_reg_inner .accordion-content .formlist_wrap {display: flex; flex-direction: column;}
.photo_reg_inner .accordion-content .formlist_wrap >div:first-child .select-wrap {padding-right: 5px;}
.photo_reg_wrap .formlist_inner {display: flex; position: relative; margin-top:20px;}
.photo_reg_wrap .formlist_inner .select-wrap {width: 50%;}
.photo_reg_wrap .formlist_inner .inp-wrap{display: flex;}
.photo_reg_inner .accordion-content .formlist_inner >div:first-child {flex: 0 0 140px;}
.photo_reg_inner .accordion-content .formlist_inner >div:nth-child(2) {width: 100%;}
.photo_reg_inner .accordion-content .formlist_tit {font-size: 16px;  color: #000; display: inline-block;  padding-top: 9px;}
.photo_reg_inner .accordion-content .formlist_inner .placeholder_wrap input[type=text] {height: 108px;}
.photo_reg_inner .accordion-content .formlist_inner .placeholder_wrap input::placeholder {position: absolute; top: 0; }
.photo_reg_inner .accordion-content  #areaDiv .formlist_tit {position: absolute; left: 0;}
.photo_reg_inner .terms-agree-wrap {border-top: 1px solid rgba(0,0,0,0.12); width:100%;}
.photo_reg_inner .terms-agree-wrap h2 {margin-top:40px;}
.photo_reg_inner .terms-agree-wrap .thum_txt {margin-top: 20px;}
.photo_reg_inner .terms-agree-wrap .thum_txt .select-all {font-size: 20px; color:#000;}
.photo_reg_inner .terms-agree-wrap .thum_txt label {margin: 0 !important; padding-left: 44px;} 
.photo_reg_inner .terms-agree-wrap .accordion .accordion-item .accordion-title .accordion-head_tit .inp_mar {margin: 0 !important; padding-left: 40px; line-height: normal;}
.photo_reg_inner .terms-agree-wrap .accordion .accordion-item .accordion-toggle:after {top:-10px;}
.photo_reg_inner .terms-agree-wrap .accordion-title .accordion-head_tit .checkbox {position: relative;}
.photo_reg_inner .terms-agree-wrap .checkbox input[type=checkbox] + i {width: 24px; height: 24px; border-radius: 4px;}
.checkbox input[type=radio] + i {width: 24px; height: 24px; border-radius: 50%;}
.photo_reg_inner .terms-agree-wrap .checkbox input[type=checkbox]:checked + i, .checkbox input[type=radio]:checked + i {background-color: #000; border-color: #000;}

.content_wrap .inp-wrap {display: flex; flex-direction: row;}
/* 
.content_wrap .selectric {width: 375px; background-color: #ffff; border-radius: 5px;}
.content_wrap .selectric button {height: 42px; background-color: #fff;}
.content_wrap .selectric b.button {background-color: #fff;}
.content_wrap .selectric .label {font-size: 14px; color: #000;}
.content_wrap .shoot_list .shoot_select select.selectBox {margin-right: 10px;} */


.content_wrap textarea#cont {border-radius: 5px; padding: 10px; border-color: rgba(0,0,0,0.12); color: rgba(0,0,0,0.38); font-size: 14px;}
.content_wrap textarea#phtgtip {border-radius: 5px; padding: 10px; border-color: rgba(0,0,0,0.12); color: rgba(0,0,0,0.38); font-size: 14px;}
.content_wrap input#titl {height: 42px; border-radius: 5px; color:rgba(0,0,0,0.38); width: 100%; font-size: 14px; border-color: rgba(0,0,0,0.12)}


.cam_info {display: flex; width: 100%; flex-flow: row wrap; justify-content: space-between;}
.cam_info li:nth-child(2n+1) {padding-right: 20px;}
.cam_info li:nth-child(2n) {padding-left: 20px;}
.cam_info li input[type=text]{height: 42px;  border-radius: 5px; color: rgba(0,0,0,0.38); border-radius: 5px; font-size: 14px; border-color: rgba(0,0,0,0.12);}





.reg_notice .notice_inr {line-height:24px;}
.reg_notice .notice_inr p {position:relative; padding-left:11px;}
.reg_notice .notice_inr p span {position:absolute; top:3px; left:0; display:block; }


.tbl_sty6 { border:none;  text-align:center;}
.tbl_sty6 caption {display:none;}
.tbl_sty6 thead {background-color: #F9F9F9;}
.tbl_sty6 thead th {height:50px; line-height:50px; border-top:1px solid rgba(0,0,0,0.12);  text-align:center;color: #000; font-size: 12px; font-weight: 500; }
.tbl_sty6 thead th.lst {border-right:1px solid #e9e9e9;}
.tbl_sty6 thead th .ez-checkbox {line-height:18px;}
.tbl_sty6 tbody th {font-weight:normal; background-color:#f5f5f5; border-top:1px solid rgba(0,0,0,0.12); }
.tbl_sty6 tbody td { height:50px;padding:0px; border-top:1px solid rgba(0,0,0,0.12);vertical-align:middle; color: #000; border-bottom: 1px solid rgba(0,0,0,0.12); font-size: 12px;  }
.tbl_sty6 tbody td a:hover {font-weight: bold;letter-spacing:-1;}
.terms-agree-wrap .list_style.list_dot li {padding-left: 14px; line-height: 30px; text-align: start; word-break: keep-all;}


.photo_reg_wrap .btn_area3 .black.round {border-radius: 7px; background-color: #000; color: #fff; font-size: 20px; font-weight: 400; padding: 13px 0; height: auto; width: 170px;   }
.photo_reg_wrap .btn_area3 .black.round.line { border: 1px solid; border-color: #000; background-color: #fff;  color: #000; font-size:20px; margin-left: 10px;}













/*포토갤러리 점수 제거를 위한 */
.modifyProfileWrap + .firstMention {min-height: 21px;}
.gal_detail .gal_score ,.popup_layer_gal .icons li.score, .thumb_list_inner > ul > li .score {display: none !important;}

.top_menu_wrap .btn_link_l {left:auto !important;}





/* 포토 갤러리 운영 정책 */


#popup_layer_info .policy_wrap {width: 720px; margin: 0 auto; top: 50%; bottom: 50%; transform: translateY(-50%); position: relative;}
#popup_layer_info .contents_layer .innerwrap { width: 100%; height: 656px; overflow-y: scroll; -ms-overflow-style:none; scrollbar-width: none; background: #f7f7f7 0 0 no-repeat padding-box; border: 1px solid #0000001f; border-radius: 5px; padding: 20px; }
#popup_layer_info .contents_layer .innerwrap::-webkit-scrollbar {display: none;}

#popup_layer_info .contents_layer .slogan {margin-top:20px;font-size:20px; color:rgba(0,0,0,0.8); word-break: keep-all; width: 100%; letter-spacing: 0;}

#popup_layer_info .contents_layer .innerwrap .policy_cont .policy_info {font-size: 12px; font-weight: 500; color: rgba(0,0,0,0.8);}
#popup_layer_info .contents_layer .innerwrap .policy_cont h4 {font-size:12px;font-weight:500;color:rgba(0,0,0,0.8); margin-top: 20px;}
#popup_layer_info .contents_layer .innerwrap .policy_cont ul {margin-top: 10px;}
#popup_layer_info .contents_layer .innerwrap .policy_cont li {line-height:20px;padding-left:15px;background:url(/resources/images/mycanon/bul_gray_dot.png) no-repeat left 11px; font-size: 12px; color: rgba(0,0,0,0.8);}
#popup_layer_info .contents_layer .innerwrap .policy_cont .point {color: rgba(0,0,0,0.38);}
#popup_layer_info .contents_layer .innerwrap .policy_cont a.quest {color:#000;text-decoration:underline}
#popup_layer_info .contents_layer .innerwrap .policy_cont a.quest:hover {color:#000000}

#popup_layer_info .contents_layer .innerwrap .policy_cont .policy_btn {font-size: 12px; font-weight: 500; color: rgba(0,0,0,0.8);}

/*20150807 추가*/
.contents_layer .innerwrap > dl dd  .math_cont {background:#272727;padding:25px;margin-top:15px;}
.contents_layer .innerwrap > dl dd  .math_cont:after {content:"";display:block;clear:both}
.contents_layer .innerwrap > dl dd  .math_cont  h6 {width:95px;float:left;font-size:12px;font-weight:bold;color:#747474;margin-top:2px;}
.contents_layer .innerwrap > dl dd  .math_cont ol {float:left;}
.contents_layer .innerwrap > dl dd  .math_cont  ol li {line-height:24px;padding-left:10px;}
.contents_layer .innerwrap > dl dd  .math_cont .point {color:#de2b31;clear:both;padding-left:105px;padding-top:10px;}


.loading-wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.98); z-index: 99999; }
.loading {width: 90vw; margin: 0 auto; text-align: center;}
.loading-inner {top: 50%; transform: translateY(-50%); position: relative;}
.droplet_spinner {display: flex; justify-content: center; margin: 30px;}
.droplet_spinner .droplet {width: 24px; height: 24px; margin: 0 8px; background-color: #000; border-radius: 50%; transform-origin: center bottom; animation: bounce 1.2s cubic-bezier(0.3, 0.01, 0.4, 1) infinite;}
.droplet_spinner .droplet:nth-child(1) {animation-delay: -0.4s;}
.droplet_spinner .droplet:nth-child(2) {animation-delay: -0.2s;}
.droplet_spinner .droplet:nth-child(3) {animation-delay: 0s;}
@keyframes bounce {
	0%, 100% {transform: translateY(0);}
	50% {transform: translateY(-20px);}
	
}
.loading-txt {font-size: 24px; width: 100%; text-align: center; color: #000; font-weight: 500; font-family: 'NotoSansKR';}




/*20231211 리뉴얼안내 */

.renewal {margin:0 auto;}
.renewal .contents {}
.new_gallery .section .renewal h3 {font-size:60px;color:#000; margin:60px 0 !important; font-family:'KoPubWorldBatang' !important;text-align:center;font-weight: 700;}
.new_gallery .section .renewal h3 span {font-family:'KoPubWorldBatang' !important;color:#aaa;font-weight: 700;}
.renewal .notice {max-width:720px;margin:30px auto 0;}
.renewal .notice img {width:100%;height:100%;}
.renewal .btn {margin:0 auto; position:absolute;right:0;left:0;bottom:60px;width:240px;height:60px;background:#000;border-radius:60px;line-height:60px;text-align:center;color:#fff;font-size:20px;}


/* 20241209 디지털 갤러리 캐논이미지스토밍 탭 생성 */
.new_gallery.img_stor .top_menu_wrap {padding: 120px 0 40px;}
.new_gallery.img_stor .top_menu_wrap p {margin-top:34px; font-size: 32px; line-height: 140%;}
.new_gallery.img_stor .contents .top_menu_wrap h1 {font-size: 80px;}
.new_gallery.img_stor .gal_wrap.img_stor_wrap .top_line {margin-top: 140px;}
.new_gallery.img_stor .img_stor_wrap .img_stor_cont + .img_stor_cont {margin-top: 140px;}
.new_gallery.img_stor .img_stor_wrap .img_stor_cont p.year_tit {display: flex; align-items: center;}
.new_gallery.img_stor .img_stor_wrap .img_stor_cont p >span {font-family: "KoPubWorldBatang" !important; font-size: 48px; color: #000; display: inline-block;}
.new_gallery.img_stor .img_stor_wrap .img_stor_cont p >span.desc {font-size: 32px; font-weight: 500; letter-spacing: -0.12px; line-height: 72px; color: #000; padding-left: 48px;}
.new_gallery.img_stor .img_stor_wrap .thumb_list_inner ul {display: flex; flex-wrap: wrap; gap: 40px;}
.new_gallery.img_stor .img_stor_wrap .thumb_list_inner ul li {width: 33.3333%; max-width: 437px;}
.new_gallery.img_stor .img_stor_wrap .thumb_list_inner ul li .list_wrap {width: 100%; height: 0; position: relative; padding-top: 100%;}
.new_gallery.img_stor .img_stor_wrap .thumb_list_inner ul li .list_wrap .frame {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.new_gallery.img_stor .img_stor_wrap .thumb_list_inner ul li .list_wrap img {padding: 0; width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.new_gallery.img_stor .fakeSelectWrap {margin:0 auto;}
.new_gallery.img_stor .img_stor_wrap .more-btn {display: block; margin: 40px auto 0; width: 160px; height: 48px; font-size: 16px; border: 1px solid #000; border-radius: 48px; text-align: center; margin-top: 38px; background-color: #fff; padding-top: 12px;}


/* 20241209 디지털 갤러리 소개 tab 수정 */
.new_gallery.renewal .contents h3.case1 {margin: 160px 0px 0px 0px; line-height: 1;}
.new_gallery.renewal .contents h3.case2 {margin: 40px 0px 0px 0px; line-height: 1;}
.new_gallery.renewal .main-gallery .border-line-container {margin:60px 0 40px;}
.new_gallery.renewal .sec-bestshot {background: url(/resources/img/gallery/bestshot_bg.png) no-repeat; background-size: cover;}
.new_gallery.renewal .sec-bestshot h3 span.summary {font-size: 32px; font-weight: 400; letter-spacing: -0.5px; line-height: 140%; color: #FFF;}
.new_gallery.renewal .sec-bestshot h3 span.summary .bold {font-weight: 500; color: inherit;}
.new_gallery.renewal .sec-bestshot h3 {margin-bottom:120px;}
.new_gallery.renewal .sec-best .list-con {max-width: 840px; margin: 0 auto;}
.new_gallery.renewal .sec-bestshot .con-wrap .txt dl dt {color: #ACACAC;}
.new_gallery.renewal .more-button .more {height: 184px; width: 184px;}
.new_gallery.renewal .more-button {padding-right: unset;}
.new_gallery.renewal .sec-best .list-con .item-con.case2 {width: auto;}
.new_gallery.renewal .sec-bestshot .con-wrap .txt dl dd {font-weight: 400;letter-spacing: -0.09px;}

.new_gallery.renewal .sec-filtering {padding: 160px 0 160px; background: #F3F4F5;}
.new_gallery.renewal .sec-filtering .filtering-wrap {width: 1400px; min-width: 1200px !important; margin: 0 auto; max-width: 1400px !important; margin: 0 auto;}
.new_gallery.renewal .sec-filtering .filtering-text-wrap {padding-bottom: 68px;}
.new_gallery.renewal .sec-filtering .filtering-text-wrap h3.title {font-size: 70px; font-weight: 700; color: #000; text-align: center; letter-spacing: -0.5px; line-height: 80px; padding-bottom: 32px; font-family: "Roboto", "NotoSansKR", Arial, AppleGothic, verdana, sans-serif !important;}
.new_gallery.renewal .sec-filtering .filtering-text-wrap .summary {font-size: 32px; font-weight: 400; letter-spacing: -0.5px; line-height: 150%; color: #222; text-align: center;}
.new_gallery.renewal .sec-filtering .img-wrap .img-list {display: flex; flex-direction: column; gap: 20px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item {background-color: #fff; border: 1px solid #E6E6E6; border-radius: 24px; overflow: hidden; padding: 60px 80px 60px 84px; display: flex; justify-content: space-between;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .img-text-wrap {width: 414px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .num {width: 40px; height: 40px; border-radius: 10px; background: #D42D2D; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #FFF; letter-spacing: -0.12px; margin-bottom: 16px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .title {font-size: 24px; font-weight: 500; line-height: 150%; letter-spacing: -0.5px; color: #000; margin-bottom: 8px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .summary {color: #000; font-size: 18px; font-weight: 400; line-height: 160%; letter-spacing: -0.5px; margin-bottom: 24px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .comment {color: #969696; font-size: 14px; font-weight: 400; line-height: 130%; letter-spacing: -0.5px;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .img-figure {width: 822px; height: auto; border-radius: 16px; overflow: hidden; position: relative;}
.new_gallery.renewal .sec-filtering .img-wrap .img-item .img-figure img {display: block;}


/* 20241209 이미지스토밍 상세페이지 */
.new_gallery.img_stor_detail .gal_detail .detail_head .writer_info {border-bottom: unset;}
.new_gallery.img_stor_detail .gal_detail .detail_head .writer_info .gal_hash {color: #222; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.12px; margin-bottom: 5px;}
.new_gallery.img_stor_detail .gal_detail .detail_head .writer_info .sns_link {margin-top: 40px;}
.new_gallery.img_stor_detail .gal_detail .detail_head .writer_info .sns_link a {display: block; width: 48px; height: 48px;}
.new_gallery.img_stor_detail .gal_detail .detail_head .writer_info .sns_link a img {width: 100%; height: 100%;}
.new_gallery.img_stor_detail .gal_detail .detail_cont .shoot_cont >p.info_txt {letter-spacing: -0.12px;}
.new_gallery.img_stor_detail .gal_detail .gal_photo {width: 960px; height: auto; position: relative;}
.new_gallery.img_stor_detail .gal_detail .gal_photo img {padding: 0; width: 100%;}
.new_gallery.img_stor_detail .writer_info .icons {align-items: center;}