﻿* {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    box-sizing: none;
}
img { -ms-interpolation-mode: bicubic; }

/*카테고리 메인페이지 CSS 시작*/
/*상단 영역*/
.clndr_top_bg {
    width: 100%;
    height: 800px;
    background-image: url(/sub_calendar_s4/img/clndr_top_bg.jpg?time=201711091016);
    background-position: center;
    background-repeat: no-repeat;
}
.clndr_incnt {
    position: relative;
    top: 100px;
    text-align: center;
}
.ptb_title p{
	text-align: center;
    font-size: 40px;
    line-height: 65px;
    letter-spacing: -2px;
    color: #333333;
}


/*쿠폰 다운로드 영역*/
.cmn_coupon {
    width: 100%;
    height: 85px;
    position: relative;
	background-color: #f8d0a5;
}
.cmn_coupon_center {
    width: 1000px;
    height: 84px;
    margin: 0 auto;
}


/*만들기 버튼*/
.ptb_bt_wrap {
    width:260px;
    height: auto;
    margin: 50px auto;
    text-align: center;
}
.ptb_bt_design{
    width: 260px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin: 0 10px 0 0;
	border-radius: 5px;

}
.ptb_bt_design p {
    color: #fff;
    font-size: 25px;
    line-height: 68px;
    font-weight: 600;
	text-align: center;
}



/*컨텐츠 영역*/
.clndr_cnt_bg{
    width: 100%;
    height: 800px;
    padding: 0;
}
.clndr_cnt_list {
    margin: 0 auto;
    margin-top: 55px;
    width: 1000px;
    height: 900px;
}
.clndr_cnt_obj {
    margin: 0 auto;
}
.clndr_cnt_obj li {
    float: left;
    width: 304px;
    height: 330px;
    margin-bottom: 48px;
}
.clndr_cnt_obj li .clndr_list_item img{
    width: 304px;
    height:205px;
    background-color: #f9f9f9;
}
.clndr_cnt_obj li:hover img{
    opacity: 0.7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    cursor: pointer;
}
.clndr_cnt_obj li .clndr_list_item p {
    font-size: 12px;
    color: #999999;
    line-height: 12px;
}
.clndr_cnt_obj li .clndr_list_item .clndr_list_item_title{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight:500;
}
.clndr_cnt_obj li .clndr_list_item .clndr_list_price{
    color: #333333;
    margin-top: 12px;
    display: inline-block;
}
.clndr_cnt_obj li .clndr_list_item .clndr_list_price .clndr_list_sale{
    color: #ff2b19;
    font-size: 12px;
    display: none;
    padding-bottom: 3px;
}
.clndr_cnt_obj .even_item_margin {
    margin: 0 44px;
}

.main_icon_go {
    position: relative;
    left: 285px;
    top: -60px;
}

.go_clndr {
    width: 144px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #aaa;
    margin-top: 20px;
    display: inline-block;
}

.go_clndr p {
    font-size: 12px;
    line-height: 28px;
    color: #777777;
    text-align: center;
}

.go_clndr span{
	position:relative;
	top:-2px;
	font-size:10px;
}



/*카테고리 메인페이지 CSS 종료*/

/*--------------------------------------------------------------------------------------------------------------------------*/

/*탁상 메인페이지 CSS시작*/

/*메인 상단 영역*/
.main_top_bg {
    width: 100%;
    height: 800px;
    background: url('/sub_calendar_s4/img/calendar_table_01.jpg?t=1')top center;
	background-size:cover;
    background-repeat: no-repeat;
    position: relative;
}
.main_top_bg .main_top_img {
    position: relative;
    top:150px;
    margin:0 auto;
    width:1372px;
    animation:main_img 1.3s ease-in-out;
}
@keyframes main_img {
  from {
  opacity: 0;
  }

  to {
  opacity: 1;
  }
}

.main_top_area {
    position: relative;
    top: 100px;
    text-align: center;
}
.main_title p{
    text-align: center;
    font-size: 50px;
    line-height: 65px;
    letter-spacing: -1.2px;
    color: #333333;
}
.main_title p:first-child {
    font-size: 20px;
    line-height: 26px;
}


/*메인 만들기 버튼*/
.main_top_bt_wrap {
    height: auto;
    margin: 50px auto;
    text-align: center;
}
.main_bt_design a {
	display: inline-block;
    color: #777;
    font-size: 25px;
    line-height: 60px;
    font-weight:500;
    text-align: center;
	padding: 5px 30px;	
    border: 1px solid #777;
	transition: .3s;
}
.main_bt_design a:hover {color: #000; border: 1px solid #000; transition: .3s;}


/*컨텐츠 랩*/
.main_cnt_wrap {
    width: 100%;
    height: auto;
    background-color: #fff;
}

/*공용 타이틀 텍스트*/
.main_cnt_title .main_cnt_title_txt{
    text-align: center;
    font-size: 40px;
    color: #333333;
}
.cmn_txt_title {
    font-size: 24px;
    color: #333333;
    line-height: 60px;
}
.cmn_txt_sub {
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.cmn_txt_small {
    font-size: 16px;
}

/*디자인 컷 영역*/
.main_table_cut_01 {
  background:url('/sub_calendar_s4/img/calendar_table_02.jpg?t=1')top center;
  position:relative;
  height:884px;
  margin:0 auto;
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
}
.main_table_cut_01 .main_table_img_wrap {
   position:relative;
   width:1000px;
   margin:0 auto;
   left:70px;
   top:125px;
}
.main_table_cut_02 {
  background:url('/sub_calendar_s4/img/calendar_table_03.jpg?t=1')top center;
  background-size:cover;
  position:relative;
  height:1047px;
}
.main_table_cut_02 .main_table_img_wrap_02 {
    position:relative;
    width:1200px;
    margin:0 auto;
    top:400px;
}
.main_table_cut_02 .main_table_img_wrap_02 .table_cut_wide {
  position:relative;
  left:150px;
}


/*사이즈와 구성*/
.main_ctgry_wrap {
    margin: 170px 0;
    width: 100%;
    height: auto;
}

.cmn_ctgry_warp {
    margin: 76px auto 0;
    width: 1008px;
    text-align: center;
}

.cmn_ctgry_warp ul li {
    display:inline-block;
}

.small_size {
    font-size: 20px;
    line-height: 25px;
    margin: 5px 0 10px;
}
.small_size_sub {
    font-size: 14px;
}


/*고급 달력 전용지 영역*/
.main_paper_wrap {
    margin: 0 auto;
    padding: 120px 0 0 0 ;
    width: 1000px;
    height: 660px;
}
.paper_cnt_wrap{
    width: 475px;
    height: 500px;
    text-align: center;
    display: inline-block;
    margin: 50px 0 0 0;
}

/*코디컷 영역*/
.main_codi_01 {
    background:url('/sub_calendar_s4/img/calendar_table_05.jpg?t=1')top center;
	background-size:cover;
    width:100%;
    height:924px;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}
.main_codi_01 .main_codi_txt_wrap {
    position:absolute;
    top:170px;
    right:10%;
}
.main_codi_01 p {
    text-align:right;
    color:#2e2e2e;
}
.main_codi_02 {
    background:url('/sub_calendar_s4/img/calendar_table_06.jpg?t=1')top center;
	background-size:cover;
    width:100%;
    height:1143px;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}
.main_codi_02 .main_codi_txt_wrap02 {
    position:absolute;
    top:220px;
    left:15%;
}
.main_codi_02 p {
    text-align:left;
    color:#2e2e2e;
}
.codi_txt_title {
      font-size:30px;
      line-height:50px;
      font-weight:500;
}
.codi_txt_sub {
    font-size:18px;
    line-height:30px;
    margin-top:40px;
}

/* 코디컷 미니 */
.mini_01 {background: url('/sub_calendar_s4/img/calendar_mini_01.jpg?t=1') bottom center; background-size:cover}
.mini_02 {background: url('/sub_calendar_s4/img/calendar_mini_02.jpg?t=1') bottom center; background-size:cover}

/*상세 컷 영역*/
.main_detail_wrap {
    width: 100%;
    height: 560px;
    margin-top: 50px;
    overflow: hidden;
	margin-bottom:20px;
}
.main_detail_txt_wap {
    height: 560px;
	width:45%;
	position:relative;
	left:0;
}
.main_detail_txt_wrap02 {
	height:560px;
	width:45%;
	right:0;
	position:absolute;
}
.main_detail_txt {
    width: 60%;
    height: 380px;
    padding-top: 180px;
    float: left;
    text-align: center;
	position:relative; 
	left:20%;
}
.main_detail_txt_right {
    width: 60%;
    height: 380px;
    padding-top: 180px;
    float: right;
    text-align: center;
	position:relative;
	right:15%;
}
.cmn_detial_title {
    font-size: 40px;
    color: #2e2e2e;
    line-height: 100px;
}
.cmn_detial_sub {
    font-size: 16px;
    line-height: 30px;
    color: #2e2e2e;
}


/*--------------------------------------------------------------------------------------------------------------------------*/

/*미니 메인페이지 CSS시작*/

/*미니 메인 상단 영역*/
.main_mini_top_bg {
    width: 100%;
    height: 800px;
    background-image: url(/sub_calendar_s4/img/clnd_mini_top_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

/*디자인 컷 영역*/
.main_mini_cut_01 {
    width: 100%;
    height: 600px;
    background: url(/sub_calendar_s4/img/main_mini_cut_01.jpg) center no-repeat;
}
.main_mini_cut_02 {
    width: 100%;
    height: 600px;
    background: url(/sub_calendar_s4/img/main_mini_cut_02.jpg) center no-repeat;
}
.main_mini_cut_03 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_mini_cut_03.jpg) center no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*우드 메인페이지 CSS시작*/

/*메인 상단 영역*/
.wood_bg {
    width: 100%;
    height: 800px;
    background: url('/sub_calendar_s4/img/calendar_wood_01.jpg?t=1')top center;
    background-position: center;
    background-repeat: no-repeat;
}
.main_top_area {
	z-index:1;
}
.wood_bg .main_top_img_wood {
	width:1200px;
	bottom:200px;
	position:relative;
	margin:0 auto;
	animation:main_img 1.3s ease-in-out;
}


/*디자인 컷 영역*/
.wood_bg_01 {
	background:url('/sub_calendar_s4/img/calendar_wood_03.jpg?t=1')top center;
}
.wood_bg_02 {
	background:url('/sub_calendar_s4/img/calendar_wood_04.jpg?t=1')top center;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*벽걸이 메인페이지 CSS시작*/

/*메인 상단 영역*/
.main_wall_top_bg {
    width: 100%;
    height: 800px;
    background-image: url(/sub_calendar_s4/img/clnd_wall_top_bg_2.jpg?t=1);
    background-position: center;
    background-repeat: no-repeat;
}

/*디자인 컷 영역*/
.main_wall_cut_01 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall_cut_01_1.jpg?t=1) center no-repeat;
}
.main_wall_cut_02 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall_cut_02.jpg) center no-repeat;
}
.main_wall_cut_03 {
    width: 100%;
    height: 690px;
    background: url(/sub_calendar_s4/img/main_wall_cut_03_1.jpg?t=1) center no-repeat;
}


/*메인 상단 영역*/
.main_wall_top_bg {
    width: 100%;
    height: 800px;
    background-image: url(/sub_calendar_s4/img/clnd_wall_top_bg_2.jpg?t=1);
    background-position: center;
    background-repeat: no-repeat;
}

/*디자인 컷 영역*/
.main_wall_cut_01 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall_cut_01_1.jpg?t=1) center no-repeat;
}
.main_wall_cut_02 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall_cut_02.jpg) center no-repeat;
}
.main_wall_cut_03 {
    width: 100%;
    height: 690px;
    background: url(/sub_calendar_s4/img/main_wall_cut_03_1.jpg?t=1) center no-repeat;
}

/* 벽걸이: 메인, 코디컷 (2019.12) */
.main_wall1_top_bg {background: url('/sub_calendar_s4/img/wall1_main_bg.jpg?t=1') top center; background-size: cover; height: 800px; position: relative;}
.main_wall1_top_bg .main_top_bt_wrap {position: relative; z-index: 99; margin: 40px 0;}
.wall1_main_codi_01 {background: url('/sub_calendar_s4/img/wall1_codi_01.jpg?t=1') bottom center; background-size: cover; height: 880px !important;}
.wall1_main_codi_02 {background: url('/sub_calendar_s4/img/wall1_codi_02.jpg?t=1') bottom center; background-size: cover; height: 840px !important; position:relative;}	
.wall1_main_codi_02 .main_codi_txt_wrap02 {position:absolute; top:600px; left:15%;}
.wall1_main_codi_02 .main_codi_txt_wrap02 p {color: #fff;}


/*--------------------------------------------------------------------------------------------------------------------------*/

/*2단벽걸이 메인페이지 CSS시작*/

/*메인 상단 영역*/
.main_wall2_top_bg {
    width: 100%;
    height: 800px;
    background-image: url(/sub_calendar_s4/img/clnd_wall2_top_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

/*디자인 컷 영역*/
.main_wall2_cut_01 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall2_cut_01.jpg) center no-repeat;
}
.main_wall2_cut_02 {
    width: 100%;
    height: 650px;
    background: url(/sub_calendar_s4/img/main_wall2_cut_02.jpg) center no-repeat;
}
.main_wall2_cut_03 {
    width: 100%;
    height: 780px;
    background: url(/sub_calendar_s4/img/main_wall2_cut_03.jpg) center no-repeat;
}

/* 2단벽걸이: 메인, 코디컷 (2019.12) */
.main_wall2_top_bg {background: url('/sub_calendar_s4/img/wall2_main_bg.jpg?t=1') top center; background-size: cover; height: 800px; position: relative;}
.main_wall2_top_bg .main_top_bt_wrap {position: relative; z-index: 99; margin: 40px 0;}
.wall2_main_codi_01 {background: url('/sub_calendar_s4/img/wall2_codi_01.jpg?t=1') bottom center; background-size: cover; height: 880px !important;}
.wall2_main_codi_02 {background: url('/sub_calendar_s4/img/wall2_codi_02.jpg?t=1') bottom center; background-size: cover; height: 840px !important;}	


/*--------------------------------------------------------------------------------------------------------------------------*/



/*탁상 반응형 상세컷*/
.table_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_01.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
.table_cut_02 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_02.jpg) no-repeat right;
    position: relative;
    float: left;
    /*right: 50px;*/
}
.table_cut_03 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_03.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
/*벽걸이 반응형 상세컷*/
.wall_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_wall_01.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
.wall_cut_02 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_wall_02.jpg) no-repeat right;
    position: relative;
    float: left;
    /*right: 50px;*/
}
/*2단벽걸이 반응형 상세컷*/
.wall2_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_wall2_01.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
.wall2_cut_02 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_wall2_02.jpg) no-repeat right;
    position: relative;
    float: left;
    /*right: 50px;*/
}
.wall2_cut_03 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_wall2_03.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
/*우드 반응형 상세컷*/
.wood_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_01.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
.wood_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_02.jpg) no-repeat right;
    position: relative;
    float: left;
    /*right: 50px;*/
}
.wood_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_table_03.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
/*미니 반응형 상세컷*/
.mini_cut_01 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_mini_01.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}
.mini_cut_02 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_mini_02.jpg) no-repeat right;
    position: relative;
    float: left;
    /*right: 50px;*/
}
.mini_cut_03 {
    max-width: 56%;
    width: 100%;
    height: 560px;
    background: url(/sub_calendar_s4/img/main_mini_03.jpg) no-repeat left;
    position: relative;
    float: right;
    top: -560px;
    /*right: 50px;*/
}






/*공용 탭*/
#container_calendar {

    width: 100%;
    height: 760px;
    position: relative;
    top: -660px;

}
ul.tabs {
    margin: 0 auto;
    height: 125px;
    width: 1000px;
    font-size:12px;
    position: relative;
    top: -2px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:133px;
    height: 125px;
    position: relative;
    color: #5262ff;
}
.tab_container {
    margin: 0 auto;
    width: 1000px;
    height: 637px;
    position: relative;
    text-align: center;
}
.tab_content {
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}


/*하단 안전한 전용 포장과 빠른 배송*/
.main_delivery_wrap {
    margin: 0 auto;
    width: 1000px;
    height: 860px;
}
.cmn_txt_wrap .cmn_txt_sub_dlvr {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}


/*컨텐츠 포토북 할인제도*/
.cmn_discount_warp {
    width: 100%;
    height: 720px;
	background-color:#fff;
}
.ptb_cnt_discount {
    height: 545px;
}
.cnt_discount {
    width: 100%;
    margin: 42px 0;
}
.cnt_discount_img {
    width: 1000px;
    height: 365px;
    margin: 0 auto;
}
.cnt_discount_img li {
    margin: 0 10px;
    float: left;
}
.cnt_discount_img li:first-child {
    margin-left: 0;
}
.cnt_discount_img li:last-child {
    margin-right: 0;
}





/*탁상 메인페이지 CSS 종료*/

/*--------------------------------------------------------------------------------------------------------------------------*/

/*리스트페이지 CSS시작*/
.ptb_list {
	*zoom:1;
    margin: 0 auto;
    width: 1000px;
    height: auto;
	text-align: center;
}
.ptb_list:after {content:""; display:block; clear:both;}
/*사용자 경로*/
.cmn_hd_root {
    width: 100%;
    height: 50px;
}
.cmn_hd_root li {
    font-size: 12px;
    line-height: 50px;
    margin: 0 5px;
    display: inline-block;
    float: left;
    color: #333333;
	text-align: center;
}

.cmn_list_menu {
    width: 210px;
    height: auto;
	padding-bottom:60px;
    float: left;
	text-align:center;
}

.cmn_list_title {
    width: 210px;
    height: 80px;
    border: 2px solid #222222;
    box-sizing: border-box;
}
.cmn_list_title p{
    font-size: 20px;
    font-weight:500;
    line-height: 70px;
    color: #222;
}

/*메뉴 리스트*/
.cmn_menu {
    margin-top: 10px;
}

.cmn_menu li{
    font-size: 13px;
    line-height: 36px;
    text-align: left;
    padding-left: 20px;
    color: #777777;
}
.cmn_menu li b:first-child{
    color: #222;
}

/*메뉴 선택시 클래스*/
.cmn_menu li.menu_select {
    background-color: #222450;
    color: #fff;
}

.cmn_menu li.menu_select b {
    background-color: #222450;
    color: #fff;
}

.cmn_menu li span{
    font-size: 10px;
    padding-right: 20px;
    float: right;
    /*color: #222;*/
}

/*사이즈 선택 메뉴*/
.cmn_menu_size {
    margin: 10px 0;
    width: 210px;
    height: 220px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    position: relative;
}
.dif_size {
    height: 180px;
}
.cmn_menu_icon {
    position: absolute;
    top: 39px;
    font-size: 0;
    line-height: 0;
    left: 50%;
    margin-left: -7px;
}
.cmn_menu_size_title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 38px;
    color: #777777;
    background-color: #f9f9f9;
    /* margin-top: -6px; */
}
.cmn_menu_sizes {
    padding: 10px 0;
    padding-bottom: 0;
}

/*탁상용*/
.cmn_menu_sizes li{
    font-size: 13px;
    color: #777777;
    margin: 8px 4px;
    display: inline-block;
    vertical-align: 0px;
    line-height: 15px;
}

/*벽걸이*/
.dif_size li{
    font-size: 13px;
    color: #777777;
    margin: 10px 1px;
    display: inline-block;
    vertical-align: 0px;
}

.cmn_menu_sizes .size_select {
    color: #5262ff;
}


/*마우스 오버 시 말풍선 효과*/
.item_size_info {
    color: #777777;
    font-size: 12px;
    margin-top: 3px;
    letter-spacing: -0.1px;
}

.tooltip {
    position: relative;
}
.tooltip:hover .tooltip-inner {
    visibility: visible;
    opacity: .9;
}
.tooltip .tooltip-inner {
    position: absolute;
    display: block;
    text-align: center;
    text-decoration: none;
    left: -7px;
    width: 55px;
    padding: 4px 6px;
    color: #ffffff;
    background-color: #333333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .6s ease-in-out;
    z-index: 10;
    font-size: 11px;
}
.tooltip.top .tooltip-inner {
    bottom: 27px;
}

#tooltop_a {
    width: 59px;
    bottom: 35px;
    left: 2px;
}
#tooltop_b {
    width: 50px;
    bottom: 35px;
    left: -13px;
}
#tooltop_c {
    width: 60px;
    bottom: 21px;
    left: -10px;
}
#tooltop_d {
    width: 49px;
    bottom: 24px;
    left: -18px;
}
#tooltop_e {
    width: 66px;
    bottom: 44px;
    left: -13px;
}
#tooltop_f {
    width: 66px;
    bottom: 50px;
    left: -18px;
}
#tooltop_g {
    width: 58px;
    bottom: 44px;
    left: -10px;
}
#tooltop_h {
    width: 58px;
    bottom: 50px;
    left: -13px;
}
#tooltop_i {
    width: 58px;
    bottom: 35px;
    left: -10px;
}
#tooltop_j {
    width: 70px;
    bottom: 40px;
    left: -18px;
}
#tooltop_k {
    width: 66px;
    bottom: 50px;
    left: -16px;
}
#tooltop_l {
    width: 58px;
    bottom: 38px;
    left: -13px;
}


/*왼쪽 메뉴 배너 및 텍스트*/
.cmn_menu_bn {
    width: 210px;
    height: auto;
}
.cmn_menu_bn .cmn_left_bn {
	padding:5px 0;
}
.cmn_left_info {
    border: 1px solid #e7e7e7;
    padding: 10px 0;
    box-sizing: border-box;
}
.cmn_menu_bn .cmn_left_info p {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    color: #333;
}
.cmn_menu_bn .cmn_left_info p:first-child{
    font-size: 28px;
    line-height: 32px;
    color: #5262ff;
}
.cmn_menu_bn .cmn_left_info p:last-child{
    color: #777;
}


/*컨텐츠 리스트 영역*/
.cmn_list_cnt {
    width: 790px;
	height:auto;
    float: right;
	margin-bottom:30px;
}


/*검색 및 카테고리 선택 영역*/
.cmn_list_srch_title {
    width: 100%;
    height: 36px;
}

/*카테고리 검색 제목*/
.cmn_list_srch {
    margin-left: 20px;
    width: 770px;
    height: 36px;
    float: left;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;

}
.cmn_list_srch p {
    margin-left: 10px;
    font-size: 14px;
    line-height: 30px;
    font-weight:500;
    float: left;
    color: #333333;
}
.cmn_list_srch p span {
    font-size: 12px;
    color: #777777;
    font-weight: normal;
    margin: 0 5px;
}


/*카테고리 선택*/
.cmn_list_ctg {
    width: 190px;
    height: 36px;
    float: right;

}
.cmn_list_ctg li {
	text-align:center;
}
.cmn_list_ctg_tab {
    width: 95px;
    height: 36px;
    float: left;
}
.cmn_list_ctg_tab p{
    font-size: 14px;
    line-height: 35px;
    color: #666666;
    font-weight:500;
}
.cmn_list_ctg_tab {
    border-bottom: 2px solid #e7e7e7;
    box-sizing: border-box;
}


/*카테고리 선택 시 적용 클래스*/
.ctg_choice p{
    color: #5262ff;
	text-align:center;
}

.ctg_choice_icon {
    float: left;
}

/*페이지,찜한상품 영역*/
.cmn_pager {
    width: 100%;
    height: 30px;
	float:left;
}

/*페이지 이동*/
.page_nmb {
    margin: 0 auto;
    height: 30px;
    display: inline-block;
    position: relative;
	text-align: center;
}

.page_nmb li {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #666666;
    font-size: 13px;
	text-align:center;
}

.page_nmb {
	top:10px;
}

.page_nmb .page_jump {
    width: 30px;
    height: 30px;
    border: 1px solid #d7d7d7;
    font-size: 25px;
    line-height: 23px;
    color: #222222;
    box-sizing: border-box;
}

.page_nmb .numb_choice {
    color: #5262ff;
    font-weight:500;
    text-decoration: underline;
}

.page_nmb li:hover {
    color: #5262ff;
    font-weight:500;
    text-decoration: underline;
}

.page_nmb .page_jump:hover {
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}


/*찜한상품*/
.cmn_numb_favorite {
    width: 790px;
    height: 30px;
    position: relative;
	top:-10px;
}

.favorite_bt_bg {
    width: 100px;
    height: 30px;
    float: right;
    position: relative;
    top: -40px;
}

.favorite_bt {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-radius: 3px;
}

.favorite_bt p {
    font-size: 13px;
    color: #666;
    line-height: 28px;
    float: left;
    font-weight:500;
}

.favorite_bt .favorite_bt_img {
    margin: 3px 0 0 9px;
    width: 25px;
    height: 25px;
    float: left;
}

.favorite_bt_img {
    background-image: url(/sub_calendar_s4/img/icon_favorite.png);
    background-repeat: no-repeat;
    background-size: 93%;
}


/*컨텐츠*/
.cmn_cnt_item_list {
    width: 770px;
	height:auto;
    margin: auto 20px;
	margin-top: 20px;
}

/*탁상형*/
.cmn_cnt_item_list .cmn_cnt_item {
    width:  220px;
    height: 280px;
    margin: 10px 18px 0px 18px;
    float: left;
}

/*벽걸이형 [2단벽걸이 제외]*/
.cmn_cnt_item_list .cmn_cnt_item_v {
    width:  220px;
    height: 400px;
    margin: 0px 18px 0px 18px;
    float: left;
}


/*달력 사이즈별 클래스 지정*/
/*탁상형*/
.cmn_cnt_item_list .item_table_h img{
    width: 204px;
    height: 174px;
}

/*벽걸이형 [2단벽걸이 제외]*/
.cmn_cnt_item_list .item_table_v img{
    width: 204px;
    height: 300px;
}


/*컨텐츠 내부 불러오는 이미지*/
.cnt_cover_table {
    width: 180px;
    height: 130px;
    margin: -157px 0 30px 20px;
}
.cnt_cover_wide {
    width: 180px;
    height: 86px;
    margin: -134px 0 53px 20px;
}
.cnt_cover_wall {
    width: 180px;
    height: 253px;
    margin: -282px 0 30px 20px;
}
.cnt_cover_mini {
    width: 180px;
    height: 213px;
    margin: -263px 0 48px 20px;
}




/*리스트 컨텐츠 제목*/
.cnm_list_item {
	text-align:center;
	margin-top: 10px;
}
.cnm_list_item p{
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.cnm_list_item p:first-child:hover{
    font-size: 14px;
    line-height: 30px;
    color: #5262ff;
}

/*리스트 컨텐츠 하단*/
.cnm_list_price span {
    color: #222;
    font-size: 15px;
    line-height: 25px;
    font-weight:500;
    margin: 0 2px;
}

.cnm_list_price span:first-child {
    color: #aaa;
    font-size: 13px;
    font-weight: normal;
    text-decoration: line-through;
}

.cnm_list_price span:last-child {
    color: #e70012;
}


/*리스트페이지 CSS종료*/


/*--------------------------------------------------------------------------------------------------------------------------*/

/*상세페이지 CSS 시작*/
.ptb_detail {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

/*타이틀 및 즐겨찾기*/
.ptb_detail_title {
    width: 100%;
    height: 62px;
    border: 1px solid #d7d7d7;
    border-top: 1px solid #222222;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.ptb_detail_title p{
    display: inline-block;
    color: #222222;
    font-size: 22px;
    font-weight:500;
    float: left;
    padding: 15px;
	line-height: 25px;
}

/*즐겨찾기*/
.favorite_item {
    width: 34px;
    height: 34px;
    float: right;
    margin: 13px 20px 13px 0;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.favorite_item {
    padding: 3px;
    cursor: pointer;
}

.favorite_star_on{
    width: 25px;
    height: 25px;
    background: url(/sub_calendar_s4/img/icon_favorite.png) no-repeat;
    display: block;
}

.favorite_star_off{
    width: 25px;
    height: 25px;
    background: url(/sub_calendar_s4/img/icon_favorite.png) no-repeat;
    background-position: left -25px;
}

/*상세 컨텐츠 영역*/
.ptb_detail_cnt {
    margin: 20px 0;
    width: 100%;
    height: 630px;
}

.img_prv {
    width: 47px;
    height: 83px;
    background-image: url(/sub_calendar_s4/img/icon_prv_nxt.png);
    position: relative;
    z-index: 1;
    float: left;
    top: -380px;
    left: -80px;
}
.img_nxt {
    width: 47px;
    height: 83px;
    background-image: url(/sub_calendar_s4/img/icon_prv_nxt.png);
    background-position: left -83px;
    position: relative;
    z-index: 1;
    float: right;
    top: -380px;
    right: -620px;
}


/*미리보기 이미지 영역*/
.ptb_detail_img {
    width: 425px;
    height: auto;
    float: left;
    background-color: #fff;
}
.ptb_detail_preview {
    width: 425px;
    height: 425px;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
	text-align: center;
}


/*미리보기 버튼*/
.preview_bt {
    width: 65px;
    height: 65px;
    float: right;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.preview_bt img {
    width:20px;
    height: 20px;
    float: left;
    position: relative;
    left: 20px;
    top: 10px;
}
.preview_bt p {
    font-weight:500;
    color: #333333;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: -1px;
    float: left;
    position: relative;
    top: 7px;
    left: 7px;
}


/*상품 이미지 영역*/
/*포토달력 탁상형*/
.detail_item_h {
    width: 400px;
    height: auto;
    position: relative;
    top: 35px;
    left: 13px;
}
.detail_item_h img {
    width: 400px;
    height: auto;
}

/*포토달력 벽걸이형*/
.detail_item_v {
    width: 400px;
    height: auto;
    position: relative;
    top: 5px;
    left: 13px;
}
.detail_item_v img {
    width: 300px;
    height: auto;
}

/*미리보기 썸네일*/
/*포토달력 탁상형*/
.detail_thumb_h {
	width: 212px;
}
.detail_thumb_h li{
    width: 65px;
    height: auto;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    margin-top: 5px;
	border:2px solid #fff;
}
/*.detail_thumb_h li:hover {border:2px solid #222450;}*/
.detail_thumb_h li img{
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    width: 65px;
    height: auto;
}

/*포토달력 벽걸이형*/
.detail_thumb_v {
	width: 170px;
}
.detail_thumb_v li{
    width: 45px;
    height: auto;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
	border:2px solid #fff;
}
.detail_thumb_v li:hover {border:2px solid #222450;}
.detail_thumb_v li img{
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    width: 45px;
    height: auto;
}



/*주문 상세 영역*/
.cmn_detail_oder {
    width: 540px;
    height: auto;
    display: inline-block;
    float: right;
}
.cmn_oder_top {
    width: 100%;
    height: 184px;
}

/*좌측 텍스트*/
.cmn_oder_text {
    margin-top: 10px;
    margin-left: 20px;
    width: 150px;
    float: left;
}
.cmn_oder_text li{
    width: auto;
    height: 28px;
    text-align: left;
    font-size: 13px;
    line-height: 28px;
    color: #676767;
    margin: 6px 0;
}

/*우측 상세 주문*/
.cmn_oder_cnt {
    margin-top: 10px;
    width: 302px;
    float: left;
}
.cmn_oder_cnt li {
    width: 302px;
    height: 27px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #676767;
    margin: 6px 0;
}

/*옵션 선택*/
.cmn_oder_cnt .cmn_item_boder {
    border: 1px solid #e3e3e3;
}
.cmn_oder_cnt .ptb_item_type_bg {
	height:176px;
}
.cmn_item_slct {
    width: 300px;
    height: 25px;
    border-color: #fff;
    color: #888888;
    font-size: 12px;
}


/*중단 정보*/
.cmn_oder_mid {
    width: 100%;
    float: left;
    height: 180px;
    border: 1px solid #d7d7d7;
    background-color: #f7f7f7;
    border-left: none;
    border-right: none;
}
.cmn_oder_info {
    width: 302px;
    float: left;
}
.cmn_oder_info li {
     width: auto;
    height: 28px;
    text-align: left;
    font-size: 12px;
    line-height: 28px;
    color: #676767;
    margin: 10px 0;
}
.cmn_text_info {
    margin-top: 0px;
}
.cmn_text_info li{
    margin: 10px 0;
}

/*하단 가격*/
.cmn_oder_bottom {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #d7d7d7;
    float: left;
}
.cmn_text_price {
    margin-top: 0;
}
.cmn_text_price li{
    width: auto;
    font-size: 13px;
    line-height: 40px;
}
.cmn_oder_price {
    line-height: 60px;
}
.cmn_oder_price{
    float: right;
    margin-right: 15px;
}
.cmn_oder_price span{
	line-height: 55px;
    font-size: 22px;
    color: #666666;
    text-decoration: line-through;
    font-weight:500;
    color: #f04126;
    text-decoration: none;
	margin: 0 2px;
}
.cmn_oder_price span:first-child {
	line-height: 60px;
    font-size: 15px;
    color: #666666;
    text-decoration: line-through;
    font-weight: normal;
}

/*포토달력 만들기 버튼*/
.cmn_make_bt {
    width: 100%;
    float: right;
}
.cmn_make_bt p{
    margin: 18px 0;
    width: 210px;
    height: 60px;
    background-color: #222450;
    color: #fff;
    font-size: 18px;
    line-height: 55px;
    float: right;
	text-align: center;
}


/*상세페이지 하단 정보영역*/
.cmn_detail_info {
    width: 100%;
    height: auto;
}
.size_info_txt {
	margin-top: 35px;
	width: 250px;
}



/*용지 정보 영역*/
.cmn_info {
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
}

.detail_type_wrap {
    width: 1000px;
    height: 850px;
    margin: 0 auto;
}
.detail_contents, .detail_paper_type {
    margin-top: 50px;
    display: inline-block;
    width: 1000px;
    height: 350px;
    text-align: left;
}
.detail_contents, .detail_paper_type:first-child {
	border-bottom: 1px dotted #ccc;
	border-width: 2px;
}
.detail_paper_type {
    width: 1000px;
}
.cmn_type_txt {
	width:400px;
	height: auto;
	position:relative;
	float:left;
	top: 110px;
}
.paper_type_txt {
	width:400px;
	height: auto;
	position:relative;
	float:right;
	top: 110px;
	text-align: right;
}

.detail_contents img{
    width:auto;
    height: 350px;
	float: right;
}
.detail_paper_type img{
    width: 465px;
    height: 350px;
}
.detail_contents {
    margin-right: 132px;
}

.cmn_cnt_title {
    font-size: 25px;
    color: #5262ff;
    line-height: 55px;
}
.cmn_cnt_sub {
    font-size: 16px;
    color: #868686;
    line-height: 24px;
}
.title_sub_size {
    font-size: 16px;
    color: #2e2e2e;
}

/*상세 이미지 및 내용*/
.cmn_detail_cnt {
    margin: 0 auto;
    margin-top: 50px;
    width: 1000px;
    height: 448px;
}

.cmn_detail_text_l{
    position: relative;
    top: 110px;
    text-align: left;
    width: 300px;
    height: auto;
    float: left;
    letter-spacing: -.5px;
}
.cmn_detail_text_r{
    position: relative;
    top: 110px;
    text-align: right;
    width: 300px;
    height: auto;
    float: right;
    letter-spacing: -.5px;
}

.cmn_cnt_mgn {
    margin: 20px 0;
}
.cmn_cnt_color {
    color: #333;
    line-height: 30px;
}

.cmn_detail_img_l {
    width: 700px;
    height: 448px;
    float: left;
}
.cmn_detail_img_r {
    width: 700px;
    height: 448px;
    float: right;
}

/*탁상 디테일 컷*/
.table_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_table_01.jpg) no-repeat left;
}
.table_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_table_02.jpg) no-repeat right;
}
.table_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_table_03.jpg) no-repeat left;
}

/*우드 디테일 컷*/
.wood_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wood_01.jpg) no-repeat left;
}
.wood_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wood_02.jpg) no-repeat right;
}
.wood_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wood_03.jpg) no-repeat left;
}

/*벽걸이 디테일 컷*/
.wall_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall_01.jpg) no-repeat left;
}
.wall_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall_02.jpg) no-repeat right;
}
.wall_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall_03.jpg) no-repeat left;
}

/*2단벽걸이 디테일 컷*/
.wall2_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall2_01.jpg) no-repeat left;
}
.wall2_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall2_02.jpg) no-repeat right;
}
.wall2_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_wall2_03.jpg) no-repeat left;
}

/*미니 디테일 컷*/
.mini_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_mini_01.jpg) no-repeat left;
}
.mini_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_mini_02.jpg) no-repeat right;
}
.mini_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_mini_03.jpg) no-repeat left;
}

/*스케줄러 디테일 컷*/
.sc_detail_cut_01 {
	width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_sc_01.jpg) no-repeat left;
}
.sc_detail_cut_02 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_sc_02.jpg) no-repeat right;
}
.sc_detail_cut_03 {
    width: 700px;
    height: 448px;
	background: url(/sub_calendar_s4/img/main_sc_03.jpg) no-repeat left;
}

.detail_contents_bg {
	width: 400px;
	height: 350px;
	float:right;
}


.ptb_cnt_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.ptb_cnt_area {
    padding: 100px 0 80px 0;
}
.ptb_cnt_title p{
    font-size: 40px;
    line-height: 60px;
    color: #333333;
	text-align: center;
}
/*컨텐츠 특별한 퍼블로그*/
.ptb_special {
    height:  1080px;
}
.ptb_special_cnt{
    margin: 30px 0;
    height: 920px;
}
.ptb_special_cnt_item{
    margin: 0 auto;
    width: 984px;
    height: auto;
}
.ptb_special_cnt ul .special_item_margin {
    margin: 25px 30px;
}
.ptb_special_cnt ul li {
    float: left;
    margin: 25px 0;
    text-align: center;
    width: 308px;
    height: 400px;
}
.ptb_special_cnt ul li:hover img {
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.ptb_special_cnt .ptb_special_cnt_item img{
    float: left;
    margin: 10px;
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.ptb_special_cnt .ptb_special_cnt_item p{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.ptb_special_cnt .ptb_special_cnt_item .cnt_item_title{
    font-size: 20px;
    line-height: 45px;
    color: #333333;
}


/*번개배송 배너*/
.ptb_delivery {
    width: 100%;
    height: 310px;
    padding: 0 0 0 0;
    background-image: url(/sub_book_s6/img/delivery_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.ptb_delivery_cnt{
    width: 1000px;
    height: 310px;
    margin: 0 auto;
	text-align:center;
}
.ptb_delivery_cnt img{
    margin: 0 auto;
    padding: 0;
}

.cmn_oder_cnt .cmn_slct_txt {
    font-size: 12px;
    padding-left: 5px;
    color: #888;
    line-height: 25px;
}


/*컨텐츠 사이즈와 가격*/
.calendar_size_price {
    width: 1000px;
    height: 1600px;
    margin: 0 auto;
}
.calendar_size_cnt {
    margin: 50px auto 0 auto;
    width: 1000px;
}

.calendar_size_txt_wrap {
	width: 1000px;
	height: 190px;
}

.calendar_size_txt {
	width: 190px;
	height: auto;
	margin: 0 auto;
	float:left;
	position:relative;
	text-align: center;
}

.size_txt_a {
	font-size: 20px;
	line-height: 24px;
	color: #2e2e2e;
}

.size_txt_b {
	font-size: 14px;
	line-height: 22px;
	color: #2e2e2e;
	padding-bottom: 10px;
}

.size_txt_c {
	font-size: 14px;
	line-height: 24px;
	color: #868686;
}

.size_txt_d {
	font-size: 14px;
	line-height: 24px;
	color: #f04124;
}

.calendar_size_txt_detail {
	width: 130px;
	height: auto;
	float:left;
	position:relative;
}
.calendar_size_txt_detail  p {
	font-size: 14px;
}

.calendar_size_txt_detail_info {
	text-align: center;
	font-size: 14px;
	margin-top:50px;
}

.cmn_sale_best {
	position: relative;
	top:-660px;
	left: 210px;
}

.cmn_sale_best_wall {
	position: relative;
	top:-660px;
	left: 480px;
}

.calendar_size_img_wrap {
	width: 1000px;
	text-align: center;
	position:relative;
}

.calendar_sizemg img{
	margin: 0 13px;
}

.calendar_sizemg_wall img{
	margin: 0 20px;
}

.table_best_icon {
	position: relative;
	top: -328px;
	left:5px;
}
.table_best_icon_2 {
	position: relative;
	top:-192px;
	left:5px;
}


/*컨텐츠 특징 영역*/
.calendar_type {
    background-color: #f6f6f6;
    height: 700px;
}

.tabs_center {
	width:1000px;
	margin:0 auto;
	text-align:center;
}

/*외부 탭 CSS*/
 #container_d {
    width: 1000px;
    margin:  auto;
	text-align:center;
}
ul.tabs_d {
    margin: 10px 0 50px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 1000px;
    height: 77px;
    position: relative;
    left: 10px;
}
.tab_line{
    width: 1000px;
    height: 1px;
    background-color: #b5b5b5;
    position: relative;
    top: 86px;
    z-index: 0;
}
ul.tabs_d li {
    display: inline-block;
    text-align:center;
    cursor: pointer;
    width:160px;
    height: 45px;
    font-size:16px;
    line-height: 45px;
    border: 1px solid #b5b5b5;
    background: #f6f6f6;
    margin: 30px 0px;
    position: relative;
	color: #959595;
}
ul.tabs_d li.active {
    background: #f6f6f6;
    border: 1px solid #494949;
    z-index: 999;
    font-weight:500;
    border-bottom: 1px solid #f6f6f6;
}

.newtap01 {
    position: relative;
    z-index: 3;
    border-bottom: #f6f6f6;
}

.newtap02 {
    position: relative;
    left: -3px;
    z-index: 2;
}

.newtap03 {
    position: relative;
    left: -8px;
    z-index: 1;
}

.newtap04 {
    position: relative;
    left: -11px;
    z-index: 1;
}

.newtap05 {
    position: relative;
    left: -14px;
    z-index: 1;
}

.tab_ctainer_out {
    border-top: none;
    clear: both;
    float: left;
    width: 1000px;
    height: 400px;
}
.tab_content_d {
    font-size: 14px;
    display: none;
}
.tab_ctainer_out .tab_content_d .tab_img_cnt {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_ctainer_out .tab_content_d .tab_img_cnt li {
    list-style:none;
}
.tab_title_area{
    float: left;
    margin-top: 15px;
    width: 200px;
}
.tab_ctainer_out .tab_content_d .tab_img_cnt p {
    text-align: left;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.tab_ctainer_out .tab_content_d .tab_img_cnt .tab_in_title {
    margin-bottom: 30px;
    font-size: 25px;
    color: #5262ff;
}
.tab_ctainer_out .tab_content_d .tab_img_cnt .in_tab_area{
    width: 1000px;
    height: 500px;
}

/*내부탭 CSS*/
ul.tabs_d_table ,
ul.tabs_d_wall ,
ul.tabs_d_wall2,
ul.tabs_d_wood,
ul.tabs_d_mini{
    margin: 0;
    padding: 0;
    float: right;
}
ul.tabs_d_table li,
ul.tabs_d_wall li,
ul.tabs_d_wall2 li,
ul.tabs_d_wood li,
ul.tabs_d_mini li{
    cursor: pointer;
    margin-top: 20px;
    padding: 0;
    width: 174px;
    height: 94px;
    border: 1px solid #f6f6f6;
}
ul.tabs_d_table li img,
ul.tabs_d_wall li img,
ul.tabs_d_wall2 li img,
ul.tabs_d_wood li img,
ul.tabs_d_mini li img{
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
ul.tabs_d_table li img:hover,
ul.tabs_d_wall li img:hover,
ul.tabs_d_wall2 li img:hover,
ul.tabs_d_wood li img:hover,
ul.tabs_d_mini li img:hover {
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
ul.tabs_d_table li:first-child,
ul.tabs_d_wall li:first-child,
ul.tabs_d_wall2 li:first-child,
ul.tabs_d_wood li:first-child,
ul.tabs_d_mini li:first-child {
    margin-top: 0px;
}
ul.tabs_d_table li.active_line,
ul.tabs_d_wall li.active_line,
ul.tabs_d_wall2 li.active_line,
ul.tabs_d_wood li.active_line,
ul.tabs_d_mini li.active_line {
    border: 1px solid #222450;
}
.tab_ctainer_in {
    width: 600px;
    height: 325px;
    background: #f2f2f4;
	overflow: hidden;
}
.tab_content_table img,
.tab_content_wall img,
.tab_content_wall2 img,
.tab_content_wood img,
.tab_content_mini img {
	width:auto;
	height: 325px;
}
.tab_thumbnail img{
    width: 174px;
    height: 94px;
}

.calendar_cnt_title p{
    font-size: 40px;
    line-height: 60px;
    color: #333333;
	text-align: center;
}


/*상세페이지 CSS 종료*/


/*--------------------------------------------------------------------------------------------------------------------------*/

/*찜한 상품 팝업 CSS 시작*/
.b-close_style {
	position:relative;
	float:right;
	right: 25px;
	top: 25px;
}
.popup_favorite_box {
	width:750px;
	background-color:#fff;
	border-radius: 15px;
	padding-bottom:35px;
}
.favorite_box_cnt {
    width: 700px;
    margin: 0 auto;
    padding: 25px 25px 0 25px;
}
.favorite_box_title {
    width: 650px;
    height: 60px;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 30px;
}
.favorite_box_title p{
    width: 600px;
    font-size: 30px;
    line-height: 34px;
    color: #333;
    text-align: left;
}
.favorite_box_title span {
    font-size: 18px;
    color: #333;
}
.favorite_box_item {
    margin: 0 auto;
	margin-left:25px;
    width: 670px;
    height: 400px;
	overflow-y:auto;
}
.favorite_box_cnt .favorite_box_item li {
    width: 120px;
    height: 120px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    margin: 5px;
    float: left;
	text-align:center;
}
.favorite_box_not {
    width: 100%;
    height: 80px;
    padding:65px 0 0px 0px;
}
.favorite_box_not p {
    font-size: 16px;
    line-height: 25px;
    color: #666;
    font-weight:500;
	text-align:center;
}
/*찜한목록이 없을 시*/
.favorite_box_not .favorite_box_not_img {
    width: 25px;
    height: 25px;
    background-image: url(/sub_calendar_s4/img/icon_favorite.png);
    background-repeat: no-repeat;
    position: top;
    float: left;
    display: inline-block;
    position: relative;
    left: 252px;
}


/*포토북,디카북 사이즈*/
/*탁상형 썸네일*/
.favorite_thumb_h {
    width: 118px;
	margin: 11px auto;
}
/*벽걸이형 썸네일*/
.favorite_thumb_v {
    width: 84px;
}


/*찜한목록 객체 삭제*/
.favorite_box_cnt .favorite_box_item li .thumb_delete {
    position: relative;
    display: block;
    top: -113px;
    left: 106px;
    cursor: pointer;
}


/*찜한 상품 팝업 CSS 종료*/

/*--------------------------------------------------------------------------------------------------------------------------*/


/*기타등등*/
/*상세쪽 복사 텍스트*/
.cmn_make_bt span{
	position:relative;
	top:2px;
}

/*푸터 패딩 제거*/
#foot {
	padding-top:none;
}


/*왼쪽메뉴 추가*/

.add_menu {
    width: 100%;
    border: 1px solid #222222;
    color: #222222;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.add_menu a {
    display: inline-block;
    width: 100%;
    color: #222222;
    line-height: 40px;
    height: 40px;
}


/* 네비게이션 추가 */
.hero-nav {
    display:none;
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 1px 15px 0px #b3b3b3;
}
.hero-nav .nav-wrap {
    position:relative;
    width:1000px;
    margin:0 auto;
    text-align:left;
}
.hero-nav .nav-wrap a {
    display:inline-block;
    margin:18px 17px 0 0;
    padding-right:20px;
    background: url('/sub_printing_s3/images/line.gif') right 7px no-repeat;
}
.hero-nav .nav-wrap a:nth-child(6) {
	background:none;
}
.hero-nav .nav-wrap a:hover {
    font-weight:bold;
    color:#000;
}
.hero-nav .nav-wrap a.none {
    background:none
}
.hero-nav .nav-wrap button {
    position:absolute;
    top:12px;
    right:0;
    width:160px;
    height:35px;
    line-height:35px;
    font-size:15px;
    color:#fff;
    background:#222450;
    transition: .3s;
}
.hero-nav .nav-wrap button:hover {
    background:#4e58c2;
    transition: .3s;
}

/*기타등등*/
/*상세쪽 복사 텍스트*/
.cmn_make_bt span{
	position:relative;
	top:20px;
}
.cmn_make_bt span a {
    margin-top:5px;
    padding:4px 8px;
    font-size:12px;
    background:#e5e5e5;
    border-radius:4px;
    transition: 0.3s
}
.cmn_make_bt span a:hover {
    color:#fff;
    background:#666;   
}