@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* ================================
 카테고리 & 테마 페이지
====================================== */
.cate-main {background: #f5f5f5;}
.main-cate-top-right {float: right; position: relative;width:795px; }
.row20 {margin-bottom: 20px}
.row10 {margin-bottom: 10px}
.cate-main-ban {position: absolute; top:0; right:-100px}

/* 카테고리 메인 레프트 */
.cate-lnb {position: relative; border: 1px solid #e7e7e7; }
.photo-lnb, .book-lnb, .dream-lnb, .fancy-lnb, .cal-lnb {position: relative; border: 1px solid #e7e7e7; height: 528px}
.photo-lnb h2 {height:52px; border-bottom: 2px solid #333; background:  url(/images/img_cate/sp-cate.png) 0 0 no-repeat; text-indent: -9999px}
.photo-lnb .one-dep {margin-top: 10px}
.photo-lnb .one-dep li {border-bottom: 1px solid #e7e7e7;}
.photo-lnb .one-dep li a {display: block; line-height: 33px; padding-left: 10px; font-size: 13px; color: #333; font-weight: bold; letter-spacing: -1px}
.photo-lnb .one-dep li a:hover {color: #d40c0c}
.photo-lnb .lnb-bottom-ban {position: absolute; bottom:0; width:100%;}
.photo-lnb .lnb-bottom-ban a {display:block; padding:15px 0 15px 10px; border-top: 1px solid #e7e7e7;}
.book-lnb h2 {height:52px; border-bottom: 2px solid #333; background:  url(/images/img_cate/sp-cate.png) 0 -53px no-repeat; text-indent: -9999px}
.dream-lnb h2 {height:52px; border-bottom: 2px solid #333; background:  url(/images/img_cate/sp-cate.png) 0 -106px no-repeat; text-indent: -9999px}
.fancy-lnb h2 {height:52px; border-bottom: 2px solid #333; background:  url(/images/img_cate/sp-cate.png) 0 -159px no-repeat; text-indent: -9999px}
.cal-lnb h2 {height:52px; border-bottom: 2px solid #333; background:  url(/images/img_cate/sp-cate.png) 0 -212px no-repeat; text-indent: -9999px}

/* 카테고리 메인  2단 레프트 제어*/
.lnb-2depth> li {position: relative; line-height: 34px; text-indent: 15px; border-bottom: 1px solid #e7e7e7;}
.lnb-2depth> li >a {display: block; font-size: 13px; font-weight: bold; color: #666; z-index: 100}
.lnb-2depth> li:hover > a{background: #dd2725; color: #fff}
.lnb-2depth> li:hover > a:after {display: block; position: absolute; top:0; right:-10px; content: '';
width:0; height:0;  border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid #dd2725; z-index: 101}
.lnb-2depth> li .book-cate-sub {display: none}
.lnb-2depth> li .book-cate-sub {position: absolute; top:-1px; left:173px; background: #fff; z-index: 99; min-width:150px; min-height:48px;border:1px solid #e7e7e7; padding:5px 15px;}
.lnb-2depth> li .book-cate-sub ul > li {line-height: 22px; text-indent: 8px}
.lnb-2depth> li .book-cate-sub ul > li a {display: block; background:  url(/images/img_btn_icon/dot03.gif) 0 50% no-repeat; font-size: 11px; color:#666;}
.lnb-2depth> li .book-cate-sub ul > li a:hover {color:#df2725;}

/* 카테고리 메인 컨텐츠 */
.cate-content {margin-top: 30px}
	/* 사진인화 메인 */
.cate-content .photo-col2-ban li {float:left; position: relative; width:50%; border: 1px solid #e7e7e7; box-sizing: border-box; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box}
.cate-content .photo-col2-ban li > div {position: absolute; left:-1px; top:-1px; border: 1px solid #333; z-index:2; display: none}
.cate-content .photo-col2-ban li:hover > div {display: block}
.cate-content .photo-col2-ban li > div a {display: block; width: 100%; height: 100%}
.cate-content .photo-col2-ban li > div.line-over1 {width:483px; height: 350px;  }
.cate-content .photo-col2-ban li.two {border-left: 0;}
.cate-content .photo-col2-ban li.three {border-top: 0;}

/* 카테고리 메인 - 사진책 */
	/*사진책 탭 선택 컨텐츠 */
.cate-tab-menu {border-top: 1px solid #524641; border-bottom: 1px dashed #d7cece; text-align: center}
.cate-tab-menu> li {float:left; width:163px; height: 38px; line-height: 38px;}
.cate-tab-menu> li:first-child {margin-left: 240px}
.cate-tab-menu.menu-4col> li:first-child {margin-left: 158px}
.cate-tab-menu> li  a {display: block; position: relative; font-size: 15px; font-weight: bold;color: #484848}
.cate-tab-menu> li a:hover, .cate-tab-menu> li a.active {color: #dd2725;}
.cate-tab-menu> li a:hover:before, .cate-tab-menu> li a.active:before {position: absolute; top:-1px; left:0; width:100%; height: 4px; content:''; border-top: 1px solid #dd2725; background:  url(/images/img_cate/arr-red.png) center center no-repeat;}
.cate-tab-menu> li a:hover:after, .cate-tab-menu> li a.active:after {position: absolute; bottom:-3px; left:0; width:100%; height: 4px; background: #dd2725; content:'';}

.cate-tab-content {padding-top: 20px}

.cate-tab-content .left {float: left; width:360px; margin-right: 10px}
.cate-tab-content .right {float: right; width:590px;}
.cate-tab-content .right li {float: left; padding:0 0 15px 10px; width:285px;}
.cate-tab-content .right li.pd{padding-bottom:30px;}

.cate-tab-content  .prd-3col li {float: left; margin-left:20px;  margin-bottom:20px; width:310px;}
.cate-tab-content  .prd-3col li.first-no-pad{margin-left: 0}
.cate-tab-content  .prd-3col li.pd{padding-bottom:30px;}

.cate-tab-content .col3-prd li {float: left; width:312px; margin-left: 17px}
.cate-tab-content .col3-prd li:first-child {margin-left: 0}

/* 카테고리 메인 이용후기 */
.cate-main-review {margin-top: 40px}
.cate-main-review h4 {padding-bottom:10px; border-bottom: 1px solid #cbc7c6;}

/* 공용 클래스 */
.prd-tit{font-size: 14px; color: #333; line-height: 28px}
.prd-copy {font-size: 11px; color: #808080;}
.prd-price {font-size:12px; color: #4c4c4c}

/* 201509 추가 */
.cate-babay-all {position: absolute; top:-5px; left:50px; width:90px; height: 80px; text-align: center; font-size: 11px;}
.cate-babay-all > a { color:#6f6566;}
.menuall-baby {position: absolute; width:770px; height: 303px; top:10px; left:80px; background:  url(/images/img_cate/menuall-baby-box.png) 0 0 no-repeat; box-sizing: border-box; padding-top: 40px; padding-left: 20px; display: none}
.menuall-baby .close-layer {position: absolute; width:30px; height: 30px; top:25px; right:15px;}
.menuall-baby .close-laye > a {display: block; width:100%; height: 100%}

/* 201511 추가 */
.cate-tab-menu.menu-2col> li:first-child {margin-left: 316px}
.class-red {color: #df2725;}
.class-red1 {color: #df2725; font-weight: bold;}
.sm-banner {position: fixed; top: 300px; right: 5%;}
.sm-banner li {margin-bottom: 10px;}

/* 201609 드림페스티벌 */
.all-evnets1 {/*position: absolute;top:100px; left:100%; width:970px; height: 1030px;*/ background: #190607; padding-bottom: 25px;}

/* 201707 드림클래스 메인 */
.cate-wrap {width: 970px; margin: 50px auto 20px;}
.cate-left {float: left; width: 205px;}
.cate-right {float: right;}
.cate-menu {position: relative; margin-top: 25px; font-family: "돋움", "돋움체", Dotum;}
.cate-menu > li {position: relative;}
.cate-menu > li > a {display: block; height: 28px; line-height: 28px; padding-left: 30px; font-size: 14px; color: #666; box-sizing: border-box;}
.cate-menu > li > a:hover, .cate-menu .cate-on > a {background-color: #e0e0e0; color: #e5372c;}
.cate-sub {display: none; width: 184px; padding: 7px 0; border: 1px solid #e7e7e7; background-color: #fff; position: absolute; top: -5px; left: 204px; box-sizing: border-box;}
.cate-sub a {display: block; height: 24px; line-height: 24px; padding-left: 20px; color: #666;}
.cate-sub a:hover {color: #e5372c;}
.cate-sub:before {content: ""; position: absolute; top: 14px; left: -7px; width: 7px; height: 8px; background: url("/images/img_cate/cate-arrow.png") no-repeat;}
.cate-ban {width: 970px; margin: 50px auto;}
.cate-ban div {float: left;}
.cate-mgr10 {margin-right: 10px;}
.cate-tab {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; text-align: center; box-sizing: border-box; margin-top: 50px;}
.cate-tab li {display: inline-block; padding: 0 25px; position: relative; box-sizing: border-box;}
.cate-tab a {display: inline-block; position: relative; padding: 0 25px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #333; font-family: "나눔고딕", NanumGothic, "Nanum Gothic"; box-sizing: border-box;}
.cate-contents > div, .cate-qna-contents > div {display: none;}
div.cate-active, div.cate-qna-active {display: block;}
.cate-dot {position: absolute; right: 0; top: 21px; width: 4px; height: 4px; background: url("/images/img_cate/cate-dot.png") no-repeat;}
.cate-tabon a, .cate-tab li:hover a {color: #e5372c;}
.cate-tabon a:before, .cate-tab a:hover:before {content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #e5372c;}
.cate-tabon a:after, .cate-tab a:hover:after {content: ""; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background-color: #e5372c;}
.cate-contents {margin: 20px 0 85px;}
.cate-contents .col3-prd li {float: left; width:312px; margin-left: 17px;}
.cate-contents .col3-prd li:first-child {margin-left: 0;}
.cate-qna-tab {border-bottom: 2px solid #3b3b3b; margin-top: 30px;}
.cate-qna-tab li {float: left;}
.cate-qna-tab a {display: inline-block; width: 323px; height: 52px; line-height: 52px; margin-left: 1px; border: 1px solid #3b3b3b; border-bottom: 0; text-align: center; font-size: 17px; color: #010101; font-family: "Noto Sans KR"; box-sizing: border-box;}
.cate-qna-tab li:first-child a {margin-left: 0; width: 322px;}
.cate-qna-tab a:hover, .cate-qna-on a {background-color: #3b3b3b; color: #ffec92;}
.cate-qna-contents {text-align: center; margin-bottom: 40px;}
.cate-qna-text {margin: 60px 0 50px;}
.cate-qna-text1 {margin: 70px 0 50px;}
.cate-qna-text2 {margin: 70px 0 35px;}
.cate-qna-ban img {text-align: center; vertical-align: middle;}
.cate-qna-ban .slick-arrow {position: absolute; width: 40px; height: 40px; top: 208px; z-index: 10; text-indent: -9999px;}
.cate-qna-ban .slick-prev {background: url("/images/img_common/btn-swp-prev-gray.png"); left: 10px;}
.cate-qna-ban .slick-next {background: url("/images/img_common/btn-swp-next-gray.png"); right: 10px;}
.cate-qna-dot {margin-top: 28px;}
.cate-qna-dot li {display: inline-block; margin-left: 20px;}
.cate-qna-dot li:first-child {margin-left: 0;}
.cate-qna-dot button {width: 66px; height: 86px; background: url("/images/img_cate/cate-qna-spr.png") no-repeat; text-indent: -9999px;}
.cate-qna-dot #slick-slide01 button {background-position: -85px 0;}
.cate-qna-dot #slick-slide02 button {background-position: -170px 0;}
.cate-qna-dot #slick-slide03 button {background-position: -255px 0;}
.cate-qna-dot #slick-slide04 button {background-position: -341px 0;}
.cate-qna-dot #slick-slide05 button {background-position: -426px 0;}
.cate-qna-dot #slick-slide06 button {background-position: -511px 0;}
.cate-qna-dot #slick-slide07 button {background-position: -596px 0;}
.cate-qna-dot #slick-slide00.slick-active button {background-position: 0 -96px;}
.cate-qna-dot #slick-slide01.slick-active button {background-position: -85px -96px;}
.cate-qna-dot #slick-slide02.slick-active button {background-position: -170px -96px;}
.cate-qna-dot #slick-slide03.slick-active button {background-position: -255px -96px;}
.cate-qna-dot #slick-slide04.slick-active button {background-position: -341px -96px;}
.cate-qna-dot #slick-slide05.slick-active button {background-position: -426px -96px;}
.cate-qna-dot #slick-slide06.slick-active button {background-position: -511px -96px;}
.cate-qna-dot #slick-slide07.slick-active button {background-position: -596px -96px;}

/* 201801 포토캘린더 메인 */
.cate-cal-menu li {float: left; width:484px;}
.cate-cal-menu a {display: inline-block; width: 485px; height: 78px; line-height: 78px; background-color: #e4e4e2; color: #303030; font-size: 20px; text-align: center; font-family: "Noto Sans KR";}
.cate-cal-menu a:hover, .cate-cal-on a {background-color: #467028; color: #fefab3; width:483px}
.cate-cal-contents > div {display: none;}
.cate-cal-contents .cate-cal-active {display: block;}
.cate-cal-review {height: 438px; border-bottom: 1px solid #e4e4e2; box-sizing: border-box;}
.cate-cal1 a {display: inline-block; width: 523px; height: 242px; margin: 108px 9px 0 0; background: url("/images/img_cate/cal-img5.png") no-repeat;}
.cate-cal2 a {display: inline-block; width: 416px; height: 288px; margin: 80px 60px 0 0; background: url("/images/img_cate/cal-img6.png") no-repeat;}
.cate-cal3 a {display: inline-block; width: 509px; height: 232px; margin: 108px 9px 0 0; background: url("/images/img_cate/cal-img7.png") no-repeat;}
.cate-cal4 a {display: inline-block; width: 523px; height: 253px; margin: 95px 9px 0 0; background: url("/images/img_cate/cal-img8.png") no-repeat;}
.cate-cal5 a {display: inline-block; width: 546px; height: 195px; margin-top: 111px; background: url("/images/img_cate/cal-img9.png") no-repeat;}
.cate-cal1 a:hover {background: url("/images/img_cate/cal-img5-1.png") no-repeat;}
.cate-cal2 a:hover {background: url("/images/img_cate/cal-img6-1.png") no-repeat;}
.cate-cal3 a:hover {background: url("/images/img_cate/cal-img7-1.png") no-repeat;}
.cate-cal4 a:hover {background: url("/images/img_cate/cal-img8-1.png") no-repeat;}
.cate-cal5 a:hover {background: url("/images/img_cate/cal-img9-1.png") no-repeat;}
.cal-text {padding-top: 112px;}

/* 201802 포토액자 메인 */
.cate-frame-prd li {float: left;}
.cate-frame-prd li:first-child {margin: 0 20px 20px 0;}
.cate-frame-tab {margin-bottom: 70px;}
.cate-frame-tab a {margin-left: 2px;}
.cate-frame-tab.cate-qna-tab li a {width: 484px;}
.cate-frame-contents {display: none;}
.cate-frame-active {display: block;}
.cate-frame-ban .slick-arrow {position: absolute; top: 50%; margin-top: -22px; width: 43px; height: 43px; z-index: 10; background: url("/images/img_cate/frame-arrow.png") no-repeat; text-indent: -9999px;}
.cate-frame-ban .slick-prev {left: -58px;}
.cate-frame-ban .slick-next {right: -58px; background-position: -53px 0;}
.cate-frame-dot {margin-top: 24px; text-align: center;}
.cate-frame-dot li {display: inline-block; margin-left: 14px; position: relative;}
.cate-frame-dot li:first-child {margin-left: 0;}
.cate-frame-dot button {width: 10px; height: 16px; padding: 0; background: none; border: 1px solid #333; text-indent: -9999px;}
.cate-frame-dot .slick-active button {background-color: #333;}