@charset "utf-8";
/* ----------
css
---------- */

/* 서브페이지 메인 이미지 */
#sub_main_img{position:relative; overflow:hidden; width:100%; height:180px;}
#sub_main_img .img{width:100%; height:650px;  background-repeat:no-repeat; background-position:50% 50px; background-attachment:fixed !important; }

.content-tit{color:#000; font-size:24px; margin-bottom:30px;  font-weight:300; text-align:center; border-bottom:10px solid #000; padding-bottom:60px;}
.text{position:absolute; top:250px;color:#fff; left:50%; margin-left:-600px;}
.text h1{font-size:48px; font-weight:600;}
.text h2{font-size:30px; padding:27px 0 67px; font-weight:400;}
.text h2 strong{font-weight:400; margin-right:20px;}
.text a{display:inline-block; padding:0 26px 0 19px; height:52px; border:2px solid #fff; line-height:52px; color:#fff; font-size:24px; font-weight:300;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.text a span{margin-left:54px}
.text a:hover{background-color:#fff; color:#333}







/* -------- COLLECTION -------- */
/* LIST */
#content{position:relative; z-index:1;}
#goodList{padding-top:55px;}
.listtop{padding-bottom:42px;}
.tit{border-bottom:10px solid #000; padding-bottom:45px; margin-bottom:25px; text-align:center;}
.tit strong{display:block; font-size:10px; font-weight:300; padding-bottom:30px;}
.tit a{display:inline-block; width:300px; height:60px; line-height:58px; background-color:#222; font-size:18px; color:#fff; font-weight:500}
.collection-sort,.collection-sort li{float:left;}
.collection-sort li{height:33px; line-height:33px; padding:0 18px; border-left:1px solid #b7b7b7}
.collection-sort li:first-child{border-left:0;}
.collection-sort li.random-sort{padding-right:40px;}
.collection-sort li.lately-sort{padding-left:40px;}
.collection-sort li a{font-size:16px; font-weight:500; color:#bbb;}
.collection-sort li a:hover{color:#333;}
.collection-sort li.select a{color:#000;}
.collection-search-box{float:right; position:relative; height:43px; width:465px; background-color:#fff; text-align:right; /*border:1px solid #b1b0b0;*/}
.collection-search-box #colSearch{border:0; width:200px; border-bottom:1px solid #b1b0b0; height:38px; text-indent:10px; font-size:14px; color:#b3b2b2;
	-webkit-transition:width 400ms;-moz-transition:width 400ms;-o-transition:width 400ms;-ms-transition:width 400ms;transition:width 400ms
}
.collection-search-box #colSearch:focus{width:280px; outline:none; color:#333;}
.collection-search-box .search-btn{/*position:absolute;  top:0px; right:0px; */border:0; width:40px; height:43px; background:#fff url(/images/button/collection_search_btn.gif) no-repeat 10px 50%; font-size:0;}
/*#headerSearchBox{float:right; padding-top:11px; vertical-align:middle; text-align:right;}
#headerSearchBox input[type="text"]{
	background:none; width:170px; height:26px; border:0; border-bottom:1px solid #b1b0b0; color:#8a8a8a; font-size:13px; text-indent:10px;
	-webkit-transition:width 400ms;-moz-transition:width 400ms;-o-transition:width 400ms;-ms-transition:width 400ms;transition:width 400ms
}
#headerSearchBox input[type="text"]:focus{width:250px; outline:none}*/
.no-search{display:block; width:1200px !important; text-align:center; font-weight:400; line-height:42px; font-size:28px; color:#999;}
/* VIEW */
#collectionView{padding-top:135px}
#viewTopCon{width:100%; background-color:#fff; /*padding:33px 0 77px; padding-bottom:77px*/ padding-bottom:35px;}
.prd-photo{float:left; width:600px; height:600px;}
.prd-photo img{width:600px; height:600px;}
.prd-photo.prd-thum-gif{position:relative; background:url(/images/layout/prd_thum_bg.jpg) no-repeat; background-size:600px 600px}
.prd-photo.prd-thum-gif .prd-gif{display:block; position:absolute; top:101px; left:108px; bottom:115px; right:108px; width:px; height:px;}
.prd-photo.prd-thum-gif .prd-gif img{width:384px; height:384px;}
.prd-photo.prd-thum-gif .prd-sign{position:absolute; bottom:20px; right:20px; width:50%; text-align:right;}
.prd-photo.prd-thum-gif .prd-sign img{width:auto; height:auto;}
.prd-info-content{float:right; width:516px;}
.prd-info-content .prd-tit{color:#000; height:66px; line-height:1.2em; font-size:24px; font-weight:600;}
.prd-info-tbl-box{padding:10px 0; border-top:1px solid #707070; border-bottom:1px solid #707070;}
.prd-info-tbl th,.prd-info-tbl td{padding:10px 0;  color:#000; font-size:15px;}
.prd-info-tbl th{width:50px; padding-right:98px; text-align:left; font-weight:500}
.prd-info-tbl td{font-weight:300;}
.prd-price span{display:block; padding-top:15px; color:#bdbcbc; font-size:14px;}
.prd-info-tbl .prd-num{position:relative; border:1px solid #707070; width:328px; height:33px; }
.prd-info-tbl .prd-num input[type="text"]{background:none; border:0 ; height:31px; padding-left:10px; width:290px; color:#000; font-size:16px;}
.prd-info-tbl .prd-num a{position:absolute;  width:20px; height:10px; right:5px;}
.prd-info-tbl .prd-num a img{vertical-align:top;}
.prd-info-tbl .prd-num a.prd-num-plus{top:4px;}
.prd-info-tbl .prd-num a.prd-num-minus{bottom:4px;}
.prd-info-tbl select{border:1px solid #707070; background:none; width:331px; height:33px; color:#000; font-size:16px; text-indent:3px;}
.prd-total-price{overflow:hidden; height:60px; line-height:60px;}
.prd-total-price dt,.prd-total-price dd{float:left; }
.prd-total-price dt{width:148px; color:#000; font-size:18px; font-weight:500;}
.prd-total-price dd{width:326px; color:#000; font-size:18px; font-weight:300; font-family: tahoma, "나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕"}
.prd-buy-controls{padding-bottom:22px;}
.prd-buy-controls a{
	display:block; /*height:56px; line-height:56px;*/ height:38px; line-height:38px; border:1px solid #686767; font-size:18px; font-weight:500;  text-align:center; /*background-color:#f6f6f6;*/ background-color:#fff;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.prd-buy-controls a img{margin-left:5px;}
.buy-btn{width:100%; margin-bottom:9px; background-color:#686767 !important; color:#fff;  }
/*.my-collection-add-btn{float:left; width:252px; color:#020202;}
.collect-share-btn{float:right; width:252px; color:#020202;}*/
.my-collection-cart-btn,.my-collection-add-btn,.collect-share-btn{float:left; width:168px; color:#020202; font-size:14px !important;}
.my-collection-cart-btn{margin:0 3px; }
.free-delivery-txt{padding:20px 0; overflow:hidden;}
.free-delivery-txt h1{color:#fc2426; font-size:16px; font-weight:500; padding-bottom:10px;}
.free-delivery-txt p{color:#8e8d8d; font-size:14px; font-weight:300; line-height:24px;}

/* 오른쪽 정보 수정 (170404 수정) */
/* 상품정보 */
.prd-info-tbl2{width:100%;}
.prd-info-tbl2 th,.prd-info-tbl2 td{padding:8px 0;  color:#000; font-size:16px;}
.prd-info-tbl2 th{width:72px; padding-right:80px; text-align:left; font-weight:500}
.prd-info-tbl2 th.lets1{letter-spacing:1px;}
.prd-info-tbl2 td{font-weight:300;}
.prd-price span{display:block; padding-top:15px; color:#bdbcbc; font-size:14px;}
.prd-info-tbl2 .prd-num{position:relative; border:1px solid #707070; width:328px; height:33px; background-color:#fff;}
.prd-info-tbl2 .prd-num input[type="text"]{background:none; border:0 ; height:31px; padding:0 10px; width:308px; color:#000; font-size:16px;}
.prd-info-tbl2 .prd-num a{position:absolute;  width:33px; height:33px; top:0; background-color:#7d7d7d;}
.prd-info-tbl2 .prd-num a img{vertical-align:top;}
.prd-info-tbl2 .prd-num a.prd-num-plus{right:0;}
.prd-info-tbl2 .prd-num a.prd-num-minus{left:0; }
.prd-info-tbl2 select{border:1px solid #707070; background:none; width:331px; height:33px; color:#000; font-size:16px; text-indent:3px;}
ound:none; font-size:0;}


/* DEATIL */
.detail-tab-list{width:100%;}
.detail-tab-list.fixed{position:fixed; width:100%; top:50px; left:0px; z-index:10000;  background-color:#f6f6f6;}
.detail-tab-list ul{overflow:hidden;}
.detail-tab-list.fixed ul{width:1200px; margin:0px auto;}
.detail-tab-list li{float:left; width:239px; height:59px; line-height:59px; border:1px solid #bebebe; border-left:0;}
.detail-tab-list li:first-child{width:238px; border-left:1px solid #bebebe;}
.detail-tab-list li a{display:block; width:100%; height:100%; color:#000; font-size:18px; font-weight:500; text-align:center; background-color:#f6f6f6;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.detail-tab-list li.selected a{background-color:#434343; color:#fff;}
/*.detail-tab-list.fixed + #productDetail{padding-top:60px;}*/
#productDetail{padding-top:60px;}
.prd-detail-con{padding-bottom:75px;}
.prd-detail-con h4{padding:66px 0 53px; text-align:center; color:#000; font-size:24px; font-weight:500}
.prd-detail-con .work-tit{font-size: 18pt; font-family: Dotum, 돋움, sans-serif; font-weight:600; }
.prd-detail-work{padding-bottom:30px}
.artist-info-view-btn,.prd-consult-txt a{display:block; width:798px; height:56px; line-height:56px; color:#000; font-size:18px;margin:0px auto; border:1px solid #878585; text-align:center;}
.con800{width:800px !important; margin:0px auto;}
.con800 img{max-width:100%;}

/* 작가소개 */
.prd-artist-info{text-align:center; padding-bottom:30px;}
.prd-artist-info p{font-size:18px; font-weight:300; line-height:30px; }
.prd-artist-info .prd-artist-name{display:block; color:#000; font-size:18px; font-weight:500; padding:24px 0 5px; }
.prd-artist-info .prd-artist-history{font-size:12px; font-weight:300;}

/* 작품소개 */
.work-intro-txt{width:800px; margin:0px auto; text-align:justify; line-height:24px; font-weight:300; font-size:14px; color:#000}
#productDetail4{border-top:1px solid #a5a3a3}
.prd-consult-txt{text-align:center;}
.prd-consult-txt h5{text-align:center; padding:75px 0 25px; color:#000; font-size:24px; font-weight:500}
.prd-consult-txt p{color:#000; font-size:18px; font-weight:300; padding-bottom:45px;}

/* 다른작품 더보기 */
#otherProductCon{position:relative; height:294px;}
.prd-prev-btn{position:absolute; top:50%; margin-top:-35px; left:-60px;}
.prd-next-btn{position:absolute; top:50%; margin-top:-35px; right:-60px;}
.other-prd-box{position:relative; width:100%; height:294px; overflow:hidden;}
.other-prd-box ul{position:absolute; top:0px; left:0px; height:294px;}
.other-prd-box ul li{float:left; width:294px; height:294px; position:relative; margin-right:10px;}
.other-prd-box ul li .cover{position:absolute; top:0px; left:0px; width:90%; padding:0 5%; height:100%; background-color:rgba(0,0,0,0.8); display:table; opacity:0;filter:Alpha(opacity=0);}
.other-prd-box ul li .cover span{display:table-cell; text-align:center; vertical-align:middle; font-size:20.5px; color:#fff; line-height:1.5em;}
.other-prd-box ul li a:hover .cover{opacity:1;filter:Alpha(opacity=100);}
.other-prd-box ul li .prd-gif-img{display:block; position:relative; width:100%; height:100%; background:url(/images/layout/prd_thum_bg.jpg) no-repeat; background-size:100% 100%;}
.other-prd-box ul li .prd-gif-img img{position:absolute; top:49px; right:53px; left:53px; bottom:59px; width:188px; height:189px;}
.other-prd-box ul li .prd-gif-sign{position:absolute; bottom:10px; right:0px;}
.other-prd-box ul li .prd-gif-sign img{width:80%}
.other-prd-box ul li.sold-out > a{cursor:default;}
.other-prd-box ul li.sold-out .cover{background-color:rgba(0,0,0,0.15); opacity:1;filter:Alpha(opacity=100);}
.other-prd-box ul li.sold-out > a > img{opacity:0.3;filter:Alpha(opacity=30);}
.other-prd-box ul li.sold-out .cover span{color:#000;}


/* -------- ARTIST -------- */
/* LIST */
#artistCon{position:relative; padding-top:60px}
#artistCon .collection-search-box{float:right; margin:0px auto;}
.artist-sort-list{float:left; width:735px; /*padding-top:30px;*/ text-align:left;}
.artist-sort-list li{display:inline-block; padding-left:4px; font-size:16px; line-height:43px;}
.artist-sort-list li:before{content:"/"; padding-right:6px; color:#ccc; }
.artist-sort-list li:first-child:before{content:"";}
.artist-sort-list li:first-child {padding-left:0;}
.artist-sort-list li:first-child a {background-color:#fff;margin-right:10px}
.artist-sort-list li:first-child a:hover {color:#333;background-color:#fff;}
.artist-sort-list li a{
	display:inline-block;color:#888;background-color:#eee;width:25px;height:25px;line-height:25px;padding:0;border-radius:25px;
	-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms;
	text-align:center;
}
.artist-sort-list li a:hover {color:#fff;background-color:#555;}
.artist-sort-list li.select a{color:#020202}
.artist-list{overflow:hidden;}
.artist-list li{position:relative; float:left; width:380px; height:480px; border:1px solid #e1e1e1; background-color:#fff; margin:0 27px 44px 0; overflow:hidden;
	box-shadow : -2px 0px 5px  rgba(0, 0, 0, .1), 2px 5px 10px  rgba(0, 0, 0, .1);
}
.artist-list li.mar0{margin-right:0;}
.artist-work-thum{position:relative;}
.artist-work-thum img{
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}
.artist-work-thum p{position:absolute; top:0px; left:0px; display:table; width:100%; height:240px; background-color:rgba(0,0,0,0.6);
	opacity:0;filter:Alpha(opacity=0);
}
.artist-work-thum p span{display:table-cell; vertical-align:middle;  padding-left:37px; font-size:34px; line-height:50px; font-weight:200; color:#fff; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);}
.artist-info{position:absolute; bottom:0px; width:100%;}
.artist-info-name{color:#fff; position:absolute; bottom:30px; left:37px;}
.artist-info-name strong{display:block;  padding-bottom:18px; font-weight:500; font-size:30px;}
.artist-info-name span{display:block; font-size:24px; font-weight:300; }
.artist-list li a:hover .artist-work-thum img{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.artist-list li a:hover .artist-work-thum p{opacity:1;filter:Alpha(opacity=100);}
.artist-list li a:hover .artist-work-thum p span{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/* VIEW */
#artistViewCon{
	width:1200px; position:relative; z-index:10001; padding-bottom:128px;background-color:#fff; margin:0px auto;
	box-shadow : 1px 1px 30px  rgba(0, 0, 0, .6), -1px 1px 30px  rgba(0, 0, 0, .6), 1px -1px 30px  rgba(0, 0, 0, .6), -1px -1px 30px  rgba(0, 0, 0, .6); 
}
.modal-close-btn{position:fixed; top:50px; left:50%; margin-left:600px;
}
.artist-detail-info{width:800px; margin:0px auto; padding:68px 0 37px; border-bottom:1px solid #7b7979}
.artist-detail-left{float:left; width:367px; }
.artist-name{color:#000; font-weight:500; padding-bottom:100px;}
.artist-name strong,.artist-name span{display:block; padding-bottom:5px;}
.artist-name strong{font-size:20px; font-weight:500; }
.artist-name span{padding-top:10px; font-size:14px;}
.artist-detail-txt{font-weight:300; font-size:14px; line-height:24px; color:#000; text-align:justify;}

.artist-detail-right{width:366px; float:right;}
.artist-detail-right h2{font-weight:500; color:#000; padding-bottom:35px; font-size:14px; }
.artist-detail-right > div{padding-bottom:36px;}
.artist-detail-right ul li{padding-bottom:10px; color:#000; font-size:14px; font-weight:300;}

.artist-note-con{padding-top:45px }
.artist-note-txt{width:800px; margin:0px auto 84px;}
.artist-note-txt h2{/*padding:25px 0 35px;*/padding:45px 0; font-weight:500; font-size:24px; color:#000; text-align:center; }

.artist-other-con{padding-top:80px;}
.artist-other-con h2{font-weight:500; font-size:24px; color:#000; text-align:center; }
#artistOtherProductCon{width:800px; margin:0px auto; position:relative; margin-top:42px;}
.artist-other-prd-box{position:relative; width:100%; height:260px; overflow:hidden;}
.artist-other-prd-box ul{position:absolute; top:0px; left:0px; height:260px;}
.artist-other-prd-box ul li{float:left; width:260px; height:260px; position:relative; margin-right:10px;}
.artist-other-prd-box ul li .cover{position:absolute; top:0px; left:0px; width:90%; padding:0 5%; height:100%; background-color:rgba(0,0,0,0.8); display:table; opacity:0;filter:Alpha(opacity=0);}
.artist-other-prd-box ul li .cover span{display:table-cell; text-align:center; vertical-align:middle; font-size:20.5px; color:#fff; line-height:1.5em;}
.artist-other-prd-box ul li a:hover .cover{opacity:1;filter:Alpha(opacity=100);}
.artist-other-prd-box ul li.sold-out > a{cursor:default;}
.artist-other-prd-box ul li.sold-out .cover{background-color:rgba(0,0,0,0.15); opacity:1;filter:Alpha(opacity=100);}
.artist-other-prd-box ul li.sold-out > a > img{opacity:0.3;filter:Alpha(opacity=30);}
.artist-other-prd-box ul li.sold-out .cover span{color:#000;}
.artist-other-prd-box ul li .prd-gif-img{display:block; position:relative; width:100%; height:100%; background:url(/images/layout/prd_thum_bg.jpg) no-repeat; background-size:100% 100%;}
.artist-other-prd-box ul li .prd-gif-img img{position:absolute; top:43px; right:53px; left:46px; bottom:59px; width:168px; height:168px;}
.artist-other-prd-box ul li .prd-gif-sign{position:absolute; bottom:10px; right:0px;}
.artist-other-prd-box ul li .prd-gif-sign img{width:80%}
#artistViewBg{position:fixed; top:0px; left:0px;width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:10000;}
/* -------- ART CONSULTING -------- */
#consultCon{width:800px; margin:0px auto; }
#consultCon > h2{color:#000; font-size:24px; font-weight:500; text-align:center; padding:70px 0 66px;}
.consult-step-con{padding-bottom:70px;}
.consult-tit{padding-bottom:10px; overflow:hidden;}
.consult-tit img{float:left;}
.consult-tit h3{float:left; padding-left:10px;}
.consult-tit h3 strong{font-size:18px; display:block; color:#d61164; padding-bottom:10px; font-weight:500}
.consult-tit h3 span{font-size:12px; color:#a5a5a5; font-weight:400}
.consult-tit .tit-sub-txt{float:right; color:#a5a5a5; font-size:12px; padding-top:75px;}
.consult-tbl{width:100%; border-top:1px solid #252525; margin-bottom:60px;}
.consult-tbl th,.consult-tbl td{border-bottom:1px solid #a1a1a1}
.consult-tbl th{width:136px; background-color:#ebebeb; padding:10px 0; color:#000; font-size:18px; font-weight:500;text-align:center;}
.consult-tbl td{padding:10px 30px 0;}
.consult-tbl td .consult-input{width:60%; height:24px; background:none; border:1px solid #a1a1a1; background-color:#fff; color:#aaa; padding-left:2%; margin-bottom:10px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.consult-tbl td textarea{width:80%; border:1px solid #a1a1a1; height:60px; resize:none; color:#aaa; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;margin-bottom:10px; }
.consult-tbl td .consult-input:focus,.consult-tbl td textarea:focus{color:#888}
.consult-tbl td input[type="file"]{margin-bottom:10px;}
.consult-tbl td .sub-txt{color:#818080; font-size:14px; font-weight:300;}
.consult-tbl .category-check-list li label.select,.consult-tbl .category-check-list2 li label.select span{background-color:#cc0066; border:1px solid #cc0066}
.consult-tbl .category-check-list2 li label img{background-color:#2a2a2a; opacity:0.2;filter:Alpha(opacity=20);}
.consult-tbl .category-check-list2 li label.select img{background-color:#cc0066; opacity:1.0;filter:Alpha(opacity=100);}
.category-check-list-buy{overflow:hidden;}
.category-check-list-buy li label{width:auto; min-width:80px;}
.category-check-list-buy li{float:left; position:relative; /*width:52px;*/ height:26px; line-height:23px; margin-bottom:10px; margin-right:4px;}
.category-check-list-buy li label{position:relative; display:block; z-index:1; background-color:#fff; border:1px solid #a1a1a1; height:24px; width:50px; font-size:14px; text-align:center;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.category-check-list-buy li label.select{background-color:#cc0066; color:#fff; border:1px solid #cc0066;}
.category-check-list-buy li input[type="radio"]{position:absolute; top:0px; right:0px;opacity:0;filter:Alpha(opacity=0);}
.consult-ok-btn{display:block; width:200px; height:50px; margin:0px auto; color:#fff; line-height:50px; text-align:center; font-size:18px; font-weight:500; background-color:#cc0066}
/* 변경되는 스타일 170314 */
.consult-tit h3 strong{color:#ef1965}
.category-check-list-buy li label{color:#c1c1c1; font-weight:300;}
.consult-tbl .category-check-list li label.select, .consult-tbl .category-check-list2 li label.select span,.category-check-list-buy li label.select{border-color:#ef1965; background-color:#ef1965}
.consult-tbl .category-check-list2 li label.select img{background-color:#ef1965}
.consult-ok-btn{width:100%; background-color:#ef1965; }
/* 추가되는 스타일 (BLUE) 170523 */
.blue-consult-con .consult-tit h3 strong{color:#212f91}
.blue-consult-con .consult-tbl .category-check-list li label.select,.blue-consult-con .consult-tbl .category-check-list2 li label.select span,.blue-consult-con .category-check-list-buy li label.select{
	border-color:#a1a1a1; background-color:#2e3fa9;
	}
.blue-consult-con .consult-tbl .category-check-list2 li label.select img{background-color:#2e3fa9}
.blue-consult-con .consult-ok-btn,.blue-consult-con .consult-ok-btn:hover{background-color:#2e3fa9; color:#fff;}
/* 추가되는 스타일 (BLUE) 170627 */
.blue-consult-con2 .consult-tit h3 strong{color:#223968}
.blue-consult-con2 .consult-tbl .category-check-list li label.select,.blue-consult-con2 .consult-tbl .category-check-list2 li label.select span,.blue-consult-con2 .category-check-list-buy li label.select{
	border-color:#a1a1a1; background-color:#33569d;
}
.blue-consult-con2 .consult-tbl .category-check-list2 li label.select img{background-color:#33569d}
.blue-consult-con2 .consult-ok-btn,.blue-consult-con2 .consult-ok-btn:hover{background-color:#2d4983; color:#fff;}
.blue-consult-con2 .consult-tbl{border-top:2px solid #2d4983}
.blue-consult-con2 .consult-tbl th{background-color:#f9f9f9}
/* 상단변경 스타일 171229 */
.consoluting-visual-rolling-con{height:100%;}
.consoluting-visual-rolling-con .slick-track,
.consoluting-visual-rolling-con .slick-list {
		-webkit-perspective: 2000;
		-webkit-backface-visibility: hidden;
	}
.consoluting-visual-rolling-con .rolling-img{position:relative; height:750px;}
.consoluting-visual-rolling-con .slick-arrow{position:absolute; top:50%; width:36px; height:127px; font-size:0; margin-top:-63px; z-index:11; border:0; background:none; cursor:pointer;}
.consoluting-visual-rolling-con .slick-prev{left:120px; background:url(/images/content/consulting_prev_btn.png) no-repeat}
.consoluting-visual-rolling-con .slick-next{right:120px; background:url(/images/content/consulting_next_btn.png) no-repeat}
#sub_main_img .consulting-banner-txt{position:absolute; top:-45px; left:50%;  width:1200px; margin-left:-600px;  z-index:11;}

/* -------- MY COLLECTION -------- */
/* index */
#myCollectionWrap{position:relative; width:100%; /*height:930px;*/ padding-top:140px; height:1160px; background-color:#252525;}
.my-collection-info{color:#fff; /*padding:60px 0 52px;padding:140px 0 90px;*/padding-bottom:90px; font-size:24px; font-weight:400; text-align:center;}
.my-collection-info strong{font-weight:600}
#mygoodList{position:relative;}
.left-cover,.right-cover{position:absolute; top:0px; width:20%; max-width:560px; height:1300px; z-index:11}
.left-cover{left:0px;background:url(/images/layout/my_collection_left.png) repeat-y 100% 0}
.right-cover{right:0px;background:url(/images/layout/my_collection_right.png) repeat-y 0% 0}
#myListNone{display:none; text-align:center;}
#myListNone img{box-shadow:10px 10px 10px rgba(0, 0, 0, .5);}
#myList li span{display:none;}
#myList li .prd-gif-img{position:absolute; /*top:68px; left:73px; bottom:73px; right:73px;*/ top:100px; left:106px;}
#myList li .prd-gif-img img{/*width:264px; height:264px;*/ width:386px; height:386px;}
#myList li .prd-sign{position:absolute; bottom:15px; right:10px;}
#myList.one{text-align:center;}
#myList.one li{display:inline-block;}
.select-collection-info{text-align:center; /*padding:36px 0 63px;*/ padding-bottom:87px;}
.select-collection-info strong,.select-collection-info span{display:block; color:#fff; font-family:500;}
.select-collection-name{font-size:18px;}
.select-collection-sub-txt{padding:12px 0 20px; font-size:18px; font-weight:200;}
.select-collection-subject{font-size:30px; font-weight:500;}
.my-collection-state{padding-top:95px; overflow:hidden; text-align:center;}
.my-collection-state li{display:inline-block; padding:4px 70px; border-left:1px solid #434343; color:#929191; font-size:30px; font-weight:400;}
.my-collection-state li:first-child{border-left:0;}
.my-collection-state li strong{display:block; font-weight:400; color:#fff; font-size:70px; padding-bottom:15px; }
.my-collection-share-btn{display:inline-block; margin:0px auto; width:252px; height:56px; border:1px solid #fff; text-align:center; line-height:53px; color:#fff; font-size:18px; font-weight:500;}
.my-collection-share-btn:hover {color:#fff}
.my-collection-share-btn img{margin-left:5px;}
.move-down-btn{position:absolute; bottom:27px; left:50%; margin-left:-21px;}
#goodList .content-tit{border-bottom:0; padding-bottom:0;}
.my-colletion-btns{border-top:1px solid #000; padding:30px 0 133px;}
.my-colletion-btns a{display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; font-size:16px; font-weight:500}
.my-colletion-btns a.select-prd-delete-btn{border:1px solid #b7b7b7; background-color:#fff; color:#000}
.my-colletion-btns a.select-prd-buy-btn{border:1px solid #acacac; background-color:#acacac; color:#fff; margin-right:10px;}
.my-colletion-btns a.total-prd-buy-btn{border:1px solid #252525; background-color:#252525; color:#fff}
.prd-select{text-align:center; margin-bottom:40px;}
.prd-select li{display:inline-block; }
.prd-select li{height:33px; line-height:33px; padding:0 50px; border-left:1px solid #5a5a5a}
.prd-select li:first-child{border-left:0;}
.prd-select li a{font-size:16px; font-weight:500; color:#908f8f;}
.prd-select li.select a,.prd-select li a:hover{color:#000;}
#recomList{padding-top:30px;}


/* -------- NEWS -------- */

#newsList{width:800px !important; margin:0px auto;}
.news-list{overflow:hidden;}
.news-list li{position:relative; width:800px; overflow:hidden; margin-bottom:8px}
.news-list li img{width:100%; height:300px;}
.news-list li .cover-txt{position:absolute; bottom:0px; left:0px; width:94%; padding:18px 3% 27px; height:55px; background:rgba(0,0,0,0.4); color:#fff;}
.news-list li .cover-txt strong{font-size:24px; font-weight:600; display:block; width:96%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list li .cover-txt span{font-size:12px; font-weight:500; color:#fff; display:block; padding-bottom:15px;}
.news-list li .news-new-icon{position:absolute; top:0px; left:0px;}
.news-list li .news-new-icon img{width:auto; height:auto}
/* VIEW */
#viewContent{position:relative; padding:100px 200px; margin-top:35px; background:#fff;}
.view-day{color:#000; font-size:12px; font-weight:500; text-align:center; display:block; padding-bottom:35px;}
.view-tit{text-align:center; color:#000; font-size:36px; font-weight:400; padding-bottom:60px; line-height:36px;}
.view-big-img{padding-bottom:70px;}
.view-big-img img{max-width:100%;}
#contentInner img{max-width:100%;}
#viewContent .to-back-btn{position:fixed; top:175px; left:50%; margin-left:600px}

/* -------- EVENT -------- */
/* EVENT :: 상단 */
#eventTopCon{height:1414px; width:100%; text-align:center; background:url(/images/content/event_top_bg.jpg) no-repeat 50% 0;}
#eventTopCon .event-logo{padding:105px 0 35px; }
#eventTopCon .event-logo strong{display:block; padding-top:23px; color:#fff; font-size:36px; font-weight:300;}
#eventTopCon .event-logo strong b{font-weight:400;}
.event-info{letter-spacing:-0.75px;}
.event-info dt{color:#f9fafb; font-size:30px; font-weight:500;}
.event-info dd{padding:25px 0 45px 0; color:#909191; font-size:24px; font-weight:300; line-height:36px;;}
.event-info dd strong{font-weight:500;}
/* EVENT :: 제품 */
#eventProductCon{background-color:#e6e6e6;}
#eventProductCon h1{color:#000; text-align:center; padding:54px 0 49px; font-size:24px; font-weight:300; letter-spacing:-0.75px;}
/* 이벤트 제품 */
.event-prd-con .product-list li{box-shadow:50px 0px 0px; height:528px}
.event-prd-con .product-list li .prd-over-box{background-color:rgba(21,38,65,0.9);}
.event-prd-con .product-list li .prd-over-box .over-txt{padding:60px 50px 30px; height:90px; overflow:hidden; color:#fff; text-align:left; line-height:30px; font-size:17px; font-weight:400; }
.event-prd-con .product-list li .prd-over-box .over-caution-txt{padding:0 50px; color:#fff; font-weight:200; font-size:14px; line-height:24px; text-align:left; }
.event-prd-con .product-list li .prd-over-box .over-caution-txt strong{display:block; padding-top:58px; color:#fff; font-size:16px; font-weight:500; }
.event-prd-con .product-list li .prd-over-box:hover .over-txt,.event-prd-con .product-list li .prd-over-box:hover .over-caution-txt{color:#fff}
.event-prd-con .product-list li .prd-info-box-top,.event-prd-con .product-list li .prd-info-box-bottom{overflow:hidden;}
.event-prd-con .product-list li .prd-info-box-top{padding-bottom:24px;}
.event-prd-con .product-list li .prd-info-box-top > p{float:left; color:#949393; font-size:18px; font-weight:300;}
.event-prd-con .product-list li .prd-info-box-top > p strong{display:inline; color:#1c1c1c; font-weight:500;}
.event-prd-con .product-list li .prd-info-box-top > p .edition{display:block; padding-top:7px; font-size:14px;}
.event-prd-con .product-list li .prd-writer-info{width:200px; color:#000; font-size:14px; font-weight:500; line-height:20px;}
.event-prd-con .product-list li .prd-price-info{float:right; padding-top:20px; color:#000; font-size:16px; font-weight:400;}
/* EVENT :: SNS */
#eventSnsCon{width:100%; background-color:#e6e6e6; text-align:center; padding-bottom:50px;}
#eventSnsCon h1{color:#000; text-align:center;  font-size:30px; font-weight:400}
#eventSnsCon h1 strong{color:#ff3276; font-weight:400}
#eventSnsCon ul{padding:35px 0; text-align:center; }
#eventSnsCon ul li{display:inline-block; margin:0 18px;}
.to-collection{display:inline-block;width:480px; height:84px; line-height:84px; color:#fff; font-size:24px; font-weight:400; background-color:#1e2e46}
.to-collection:hover{color:#fff;}
/* EVENT :: 공지사항 */
#evenNoticeCon{width:100%; text-align:center; background-color:#f0f0f0; padding:50px 0 150px;}
#evenNoticeCon h1{color:#54585d; font-size:36px; font-weight:500; padding-bottom:40px;}
#evenNoticeCon dl{width:790px; margin:0px auto; color:#54585d; text-align:left; }
#evenNoticeCon dl dt{font-weight:500; font-size:24px; }
#evenNoticeCon dl dd{font-weight:300; padding:10px 0 30px; line-height:36px; font-size:22px;}
#evenNoticeCon dl dd br{}
#evenNoticeCon dl dd li{overflow:hidden;}
#evenNoticeCon dl dd span{float:left; width:20px;}
#evenNoticeCon dl dd p{float:left; width:730px;}
.event-benner{position:relative;}
.event-benner .movie-play-btn{
	position:absolute; top:353px; left:50%; margin-left:-115px; 
	display:inline-block; width:233px; height:42px; border:2px solid #fff; text-align:center; line-height:42px; font-size:16px; color:#fff; font-weight:500;
	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;}

.event-benner .movie-play-btn:hover {background-color:#fff;color:#333;}
/* EVENT :: 팝업창 */
#alertPopupCon{position:fixed; top:0px; left:0px; width:100%; height:100%; display:table; background:rgba(255,255,255,0.8); z-index:99; }
#alertPopInner {display:table-cell; vertical-align:middle;}
.confirm-con{width:498px; height:198px; margin:0px auto; background-color:#fff; border:1px solid #e5e5e5;
	box-shadow : 5px 25px 25px  rgba(0, 0, 0, .1), -5px 5px 10px  rgba(0, 0, 0, .1), 5px 0px 10px  rgba(0, 0, 0, .1), -5px 0px 10px  rgba(0, 0, 0, .1);
}
.confirm-con .confirm-text{padding:48px 0 35px; text-align:center; color:#000; font-size:18px; font-weight:300; line-height:26px;}
.confirm-con .confirm-text strong{font-weight:500;}
.confirm-btns{text-align:center; }
.confirm-btns a{display:inline-block; width:232px; vertical-align:top; background-color:#313131; color:#fff; height:55px; line-height:55px; font-size:18px; font-weight:600; text-align:center; }
.display-select-con{
	width:400px; padding:49px; margin:0px auto; background-color:#fff; border:1px solid #e5e5e5;
	box-shadow : 5px 25px 25px  rgba(0, 0, 0, .1), -5px 5px 10px  rgba(0, 0, 0, .1), 5px 0px 10px  rgba(0, 0, 0, .1), -5px 0px 10px  rgba(0, 0, 0, .1);
}
.display-select-con > h1{color:#000; font-size:18px; font-weight:300; line-height:26px; text-align:center;}
.display-select-con ul{padding:40px 0;}
.display-select-con ul li{position:relative; margin-bottom:11px; text-align:center;}
.display-select-con ul li label{display:block; width:100%; font-size:18px; font-weight:300; height:55px; line-height:55px; background-color:#b5b5b5; color:#fff; }
.display-select-con ul li label.check{background-color:#333}
.display-select-con ul li input{position:absolute; top:0px; left:0px;opacity:0;filter:Alpha(opacity=0);}
#alertPopupCon .heart-icon{color:#ed2225;}
.event-ok-btn{text-align:center;}
.event-ok-btn a{display:inline-block;text-align:center; background-color:#313131; color:#fff; font-size:20px; font-weight:400; width:240px; height:55px;line-height:55px;}
.event-ok-btn a:hover{color:#fff}

/* -------- EVENT 001 (170117) -------- */
/* EVENT :: 상단 */
.event001 #eventTopCon{position:relative; width:100%; overflow:hidden; height:1033px; background:#ff9053;}
.event001 #eventTopCon img{position:absolute; top:0px; left:50%; margin-left:-1280px;}
/* EVENT :: 참여방법 */
.event001 #eventGuide{padding:65px 0; background-color:#e6e6e6;}
.event001 #eventGuide h1{padding-bottom:60px; font-weight:500; font-size:40px; color:#fd2e5e; text-align:center;}
.event001 #eventGuide ol{text-align:center;}
.event001 #eventGuide ol li.guide1 a{display:block; width:1200px; margin:0px auto 60px; height:155px; line-height:155px; background-color:#000; color:#fff; font-weight:500; font-size:30px;}
/*.event001 #eventGuide ol li.guide4 img{margin-left:-111px}*/
/* EVENT :: 추천작품 */
.event001 #eventRecomCon{width:100%;  background-color:#e6e6e6;}
.event001 #eventRecomCon .recom-inner{padding:53px 0 117px; border-top:5px solid #1b1b1b; text-align:center; }
.event001 #eventRecomCon .recom-inner h1{color:#6c6c6c; font-size:40px; font-weight:500; }
.event001 #eventRecomCon .recom-inner h1 strong{color:#fd2e5e; font-weight:300; font-size:70px; display:block; padding:21px 0 38px;}
.event001 #eventRecomCon .recom-tit{display:block; color:#6c6c6c; font-weight:300; font-size:24px;}
.event001 #eventRecomCon .recom-tit b{font-weight:500; color:#45c0ff;}
.prd-recom-list{overflow:hidden; padding:35px 0 70px; text-align:left; }
.prd-recom-list li{float:left; width:228px; margin-right:15px; margin-bottom:15px;  }
.prd-recom-list li.mar0{margin-right:0;}
.prd-recom-list li .recom-thum{display:block; width:228px; height:228px;}
.prd-recom-list li .recom-thum img{width:100%; height:100%;}
.prd-recom-list li .recom-info{background-color:#fff; padding:15px 18px;}
.prd-recom-list li .recom-info strong,.prd-recom-list li .recom-info span{display:block; color:#000; font-size:16px; font-weight:300; }
.prd-recom-list li .recom-info strong{font-weight:600}
.prd-recom-list li .recom-info span.item-tit{padding:10px 0 15px}
.prd-recom-list li .recom-info span.item-price{color:#5e5e5e; font-size:12px;}
.anoter-item{display:inline-block; width:480px; height:86px; margin:0px auto; text-align:center; line-height:86px;background-color:#1b1b1b; color:#fff; font-size:24px; font-weight:400;}
.recom-caution-txt{color:#6c6c6c; font-size:18px; font-weight:300; text-align:center; padding-bottom:55px;}
/* EVENT :: SNS */
.event001 #eventSnsCon{padding:110px 0; background-color:#fff;}
.event001 #eventSnsCon h1 strong{color:#45c0ff;}
.event001 #eventSnsCon ul{padding:35px 0 0 0 }

/* -------- EVENT 002 (170330) -------- */
.event002 #eventTopCon{position:relative; width:1400px; height:auto; overflow:hidden; margin:0px auto; background:none;}
.event002 .april-main {display:block;}
.event002 .fir {margin-bottom:30px;}
.event002 .recom-inner {text-align:center;}
.event002 .recom-inner .recom-tit {text-align:left; display:block; font-size:30px; font-weight:500; line-height:50px; letter-spacing:-0.6px; color:#000; margin-bottom:35px; margin-top:155px;}
.event002 .recom-inner .anoter-item {width:268px; height:68px; font-size:21px; line-height:65px; font-weight:500; margin-bottom:135px;}
.event002 .prd-recom-list li{float:left; width:284px; margin-right:9px; margin-bottom:25px; margin-left:9px; box-shadow:1px 5px 5px 1px #DFDFDF;}
.event002 .prd-recom-list li.marl5 {margin-left:5px;}
.event002 .prd-recom-list li.marr5 {margin-right:5px;}
.event002 .prd-recom-list {position:relative;}
.event002 .prd-recom-list li img.gallerygif {position:absolute; width:282px; height:281px; top:420px; left:50%; margin-left:10px;}
.event002 .special-event {text-align:center; padding-bottom:135px; margin-bottom:125px; background-color:#F3F3F3;}
.event002 .special-event .recom-inner > img {margin-bottom:95px;}
.event002 .special-event .recom-tit {padding-top:105px; margin-top:0;}
.event002 .special-event p {font-size:28px; line-height:41px; letter-spacing:-0.4px; color:#3c3b3b; font-weight:300;}
.event002 .special-event .recom-inner > p > span {font-size:21px; line-height:30px; letter-spacing:-0.4px; color:#797979; font-weight:300; margin-bottom:85px; display:inline-block;}
.event002 .special-event .prd-recom-list li {width:595px; margin-left:3px; margin-right:3px;}
.event002 .special-event  .prd-recom-list li .recom-thum {width:595px; height:597px;}
.event002 .special-event .prd-recom-list li.marl0 {margin-left:0px;}
.event002 .special-event .prd-recom-list li .recom-info {height:83px; border:1px solid #E5E5E5; border-top:0; padding:30px 30px 40px 28px;}
.event002 .special-event .prd-recom-list li .recom-info strong {font-size:27px; line-height:30px; letter-spacing:-0.3px; color:#000; font-weight:500;}
.event002 .special-event .prd-recom-list li .recom-info .item-tit {font-size:20px; line-height:30px; color:#6a6a6a; }
.event002 .special-event .prd-recom-list li .recom-info .item-price {font-weight:600; font-size: 29px; line-height:1px; color:#000; text-align:right;}
.event002 .shop {text-align:center; margin-bottom:160px;}
.event002 .shop>img { margin-bottom:41px;}
.event002 .shop li {float:left; width:280px; margin-left:10px; margin-right:10px;}
.event002 .shop li img {margin-bottom:7px;}
.event002 .shop li p {height:61px; border:1px solid #000; font-size:22px; line-height:60px; color:#000; font-weight:500;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.event002 .shop li:hover p{color:#fff; background-color:#000;}




/* BOARD : 페이징 *******************************************************************************************************************************************************************************************/
.pagination_a {position:relative;padding:40px 0;text-align:center}
.pagination_a a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
.pagination_a a:hover {color:#333;font-weight:600;background:#f9f9f9}
.pagination_a strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
.pagination_a a.first, 
.pagination_a a.prev, 
.pagination_a a.next, 
.pagination_a a.last {border:0;padding-top:0px;border:0}
.pagination_a .button {position:absolute;right:0;top:30px}
.pagination_a .button a {border:none;width:auto;height:auto;padding:0}



