/*sub*/
#mainBr{border-bottom:2px solid #626260}
#subBr{margin-bottom:40px; float:left; border-bottom:1px solid #ddd}
#subBr li{float:left; width:190px; border-right:1px solid #ddd; height:88px; position:relative}
#subBr li+li+li+li+li{border:0; width:188px}
#subBr li.onArrow span{width:18px; height:9px; position:absolute; left:50%; margin-left:-9px; background:url('/images/Calendar/sub/icon_on.png') no-repeat 0 0}

.listMiddle{margin:10px 24px 0 0 !important}
.listLast{margin:10px 24px 12px 0 !important}
.infotxt{font-family:'³ª´®°íµñ·¹±Ö·¯','¸¼Àº°íµñ','µ¸À½'; font-size:15px; line-height:24px; letter-spacing:-1px; color:#999; margin-top:20px}

#Comparison{height:540px; width:950px; text-align:center; background:url('/images/Calendar/sub/art_function.jpg') no-repeat 0 0; border-left:1px solid #ddd; border-right:1px solid #ddd}
#Comparison img:first-child{margin-top:72px}

/* ¸®½ºÆ®ÆäÀÌÁö */
#funcArea{width:950px; height:450px; background:#fbfbfb; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#funcArea h2{width:950px; text-align:center; margin:74px 0 35px 0}
#funcArea>ul{width:804px; height:210px; margin:0 0 0 148px}
#funcArea>ul>li{width:402px; float:left; height:46px; line-height:46px; margin-bottom:8px; background:url('/images/Calendar/sub/icon_edit.png') no-repeat 0 0; text-indent:60px;}
#funcArea>ul>li#editFuncIcon1{background-position:0 0}
#funcArea>ul>li#editFuncIcon2{background-position:0 -46px}
#funcArea>ul>li#editFuncIcon3{background-position:0 -92px}
#funcArea>ul>li#editFuncIcon4{background-position:0 -138px}
#funcArea>ul>li#editFuncIcon5{background-position:0 -184px}
#funcArea>ul>li#editFuncIcon6{background-position:0 -230px}
#funcArea>ul>li#editFuncIcon7{background-position:0 -276px}
#funcArea>ul>li#editFuncIcon8{background-position:0 -322px}

/*slides*/
#slides{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides>img{display:none}
.slidesjs-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs-previous{background-position:0 -40px}

#slides2{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides2>img{display:none}
.slidesjs2-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs2-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs2-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs2-previous{background-position:0 -40px}

#slides3{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides3>img{display:none}
.slidesjs3-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs3-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs3-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs3-previous{background-position:0 -40px}


#slides_gradu1{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides_gradu1>img{display:none}
.slidesjs_gradu1-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs_gradu1-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs_gradu1-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs_gradu1-previous{background-position:0 -40px}

#slides_gradu2{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides_gradu2>img{display:none}
.slidesjs_gradu2-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs_gradu2-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs_gradu2-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs_gradu2-previous{background-position:0 -40px}

#slides_gradu3{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides_gradu3>img{display:none}
.slidesjs_gradu3-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs_gradu3-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs_gradu3-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs_gradu3-previous{background-position:0 -40px}

#slides_gradu4{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd}
#slides_gradu4>img{display:none}
.slidesjs_gradu4-previous{position:absolute; top:50%; left:50px; z-index:11;}
.slidesjs_gradu4-next{position:absolute; top:50%; right:50px; z-index:11}
.slidesjs_gradu4-navigation{width:22px; height:40px; background:url('/images/btn_erow.png') no-repeat 0 0}
.slidesjs_gradu4-previous{background-position:0 -40px}


/*list*/
#gnb{}
#gnb #gnbTitle{/*position:absolute; */color:#999; height:23px; height:23px}
#gnb #gnbTitle span{color:#323232}

#etc{width:770px; float:left; line-height:20px}
#etc #etc-title{height:20px; padding:12px 0 5px; border-bottom:1px solid #ddd}
#etc #etc-title #calCnt{margin-left:4px; float:left; color:#333}
#etc #etc-title #calCnt>img{margin-right:10px}
#etc #etc-title #calCnt>span{font-weight:400}
#etc #etc-title #calSort{float:right}
#etc #etc-title #calSort>span{cursor:pointer}
#etc #etc-title #calSort>span.selected{color:red; font-weight:400}
#etc #etc-title img{vertical-align:-4px}
#etc .tabs-sub {width:750px; border:1px solid #ddd; height:38px; *zoom:1; border-top:0px}
#etc .tabs-sub:after{content:""; display:block; clear:both}
#etc .tabs-sub li{float:left}
#etc .tabs-sub li a{width:124px; height:38px; float:left; line-height:38px; text-align:center; background:#fafafa; color:#636361; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
#etc .tabs-sub li a.on{background:#fff; color:#333333; font-weight:400}
#etc .tabs-sub li.last a{width:122px}

#lnb{width:182px; float:left}
#lnb #lnb-title{height:20px; line-height:20px; padding:12px 0 5px 10px}
#lnb #lnb-box{border-top:1px solid #ddd}
#lnb #lnb-box .tab{border-bottom:1px solid #ddd}
#lnb #lnb-box .tab li{width:182px; text-indent:10px; height:35px; line-height:35px}
#lnb #lnb-box .tab.big li{height:44px; line-height:44px}
#lnb #lnb-box .tab li.selected{font-weight:400}
#lnb #lnb-box .tab li span:first-child{cursor:pointer}
#lnb #lnb-box .tab li span.new-icon{margin-left:6px; vertical-align:-2px}

#section{width:750px; margin:0 10px}
#section #itemArea{margin:44px 0 30px 0}
#section #itemArea li{width:auto; position:relative; float:left; text-align:center; margin:0 13px 30px; min-height: 317px;}
#section #itemArea li.disabled{display:none}
#section #itemArea li .click_img{position:relative; cursor:pointer}
#section #itemArea li .click_img>img{width:224px}
#section #itemArea li .click_img>input[type=image]{width:224px}
#section #itemArea li .click_img>span{width:38px; height:38px; position:absolute; display:none}
#section #itemArea li .click_img>span.sizeBar{width:100%; height:35px; left:0%; bottom:-32%;}
#section #itemArea li .click_img>span.zoom{left:43%; bottom:13%; background:url('/images/photobook/layer_zoom.png') no-repeat}
#section #itemArea li .click_img>span.zoom:hover{background-position:0 -38px}
#section #itemArea li .click_img>span.heartBox{right:0%; bottom:0%;background:url('/images/photobook/renew1.4/heart_over.png') no-repeat}
#section #itemArea li .click_img>span.heartBox:hover{background-position:0 -38px}



/*¸®½ºÆ® ½ºÆ¼Ä¿*/
#itemArea li .tag-best,
#itemArea li .tag-pop,
#itemArea li .tag-special,
#itemArea li .tag-set,
#itemArea li .tag-season,
#itemArea li .tag-new,
#itemArea li .tag-recommend,
#itemArea li .tag-price,
#itemArea li .tagH-best,
#itemArea li .tagH-pop,
#itemArea li .tagH-special,
#itemArea li .tagH-set,
#itemArea li .tagH-season,
#itemArea li .tagH-new,
#itemArea li .tagH-recommend,
#itemArea li .tagH-price {position:absolute; top:0; left:0; display:block; text-indent:-99999px;}

#itemArea li .tag-best {background:url('/images/photobook/icon_best.png') no-repeat; width:54px; height:54px; z-index:1; top:24px; left:26px}
#itemArea li .tag-pop {background:url('/images/store/tag-pop.png') no-repeat; width:58px; height:60px; z-index:1}
#itemArea li .tag-special {background:url('/images/store/tag-special.png') no-repeat; width:60px; height:64px; z-index:1}
#itemArea li .tag-set {background:url('/images/store/tag-set.png') no-repeat; width:56px; height:52px; z-index:1}
#itemArea li .tag-season {background:url('/images/store/tag-season.png') no-repeat; width:54px; height:54px; z-index:1}
#itemArea li .tag-new {background:url('/images/photobook/icon_new.png') no-repeat; width:54px; height:54px; z-index:1; top:24px; left:26px}
#itemArea li .tag-recommend {background:url('/images/store/tag-recommend.png') no-repeat; width:54px; height:53px; z-index:1}
#itemArea li .tag-price {background:url('/images/store/tag-price.png') no-repeat; width:54px; height:53px; z-index:1}

#itemArea li .tagH-best {background:url('/images/photobook/icon_best.png') no-repeat; width:54px; height:54px; z-index:1; top:15px; left:35px}
#itemArea li .tagH-pop {background:url('/images/store/tag-pop.png') no-repeat; width:58px; height:60px; z-index:1}
#itemArea li .tagH-special {background:url('/images/store/tag-special.png') no-repeat; width:60px; height:64px; z-index:1}
#itemArea li .tagH-set {background:url('/images/store/tag-set.png') no-repeat; width:56px; height:52px; z-index:1}
#itemArea li .tagH-season {background:url('/images/store/tag-season.png') no-repeat; width:54px; height:54px; z-index:1}
#itemArea li .tagH-new {background:url('/images/photobook/icon_new.png') no-repeat; width:54px; height:54px; z-index:1; top:24px; left:26px}
#itemArea li .tagH-recommend {background:url('/images/store/tag-recommend.png') no-repeat; width:54px; height:53px; z-index:1}
#itemArea li .tagH-price {background:url('/images/store/tag-price.png') no-repeat; width:54px; height:53px; z-index:1}


#pageNum{margin:50px 0; text-align:center}
#mysave{width:62px; height:22px; display:inline-block; margin-left:5px; background:url('/images/photobook/btn_mysave.png') no-repeat; vertical-align:-5px}
#detailLayer{position:absolute}
#previewLayer{position:fixed}
#detailLayer, #previewLayer{display:none; z-index:9999; background:#fff; overflow-x:hidden; overflow-y:auto}
#previewLayer #preview{margin:50px 105px; display:none}
#previewLayer #preview.on{display:block}
#previewLayer #preview #preview_title{height:35px; border-bottom:1px solid #ddd}
#previewLayer #preview #preview_title>P{height:30px; line-height:30px}
#previewLayer #preview #preview_title #order_btn{width:100px; background:url('/images/photobook/btn_order_s.png') no-repeat; vertical-align:-2px; cursor:pointer}
#previewLayer #preview #preview_title #order_btn:hover{background:url('/images/photobook/btn_order_s_over.png') no-repeat}
#previewLayer #close_btn{width:13px; height:13px; background:url('/images/photobook/layer_close.png') no-repeat; position:absolute; right:10px; top:10px; cursor:pointer}
#previewLayer #preview #preview_bg{width:620px; height:326px; position:relative; padding:12px 15px 0 15px; background:url('/images/photobook/layer_preview_bg.jpg') no-repeat}
#previewLayer #preview #preview_bg div{width:310px; height:310px; position:absolute; top:12px; z-index:10}
#previewLayer #preview #preview_bg div#design.left_shadow{left:15px; background:url('/images/photobook/layer_preview_design_gra01.png') no-repeat}
#previewLayer #preview #preview_bg div#layflat.left_shadow{left:15px; background:url('/images/photobook/layer_preview_layflat_gra01.png') no-repeat}
#previewLayer #preview #preview_bg div#premiumlayflat.left_shadow{left:15px; background:url('/images/photobook/layer_preview_layflat_gra01.png') no-repeat}
#previewLayer #preview #preview_bg div#design.right_shadow{right:15px; background:url('/images/photobook/layer_preview_design_gra02.png') no-repeat}
#previewLayer #preview #preview_bg div#layflat.right_shadow{right:15px; background:url('/images/photobook/layer_preview_layflat_gra02.png') no-repeat}
#previewLayer #preview #preview_bg div#premiumlayflat.right_shadow{right:15px; background:url('/images/photobook/layer_preview_layflat_gra02.png') no-repeat}
#previewLayer #preview #preview_bg img.innerImage{width:310px; height:310px; display:none}
#previewLayer #preview>span{width:18px; height:21px; cursor:pointer; position:absolute; top:270px}
#previewLayer #preview>span.prev{left:70px; background:url('/images/photobook/btn_erow_L.png') no-repeat}
#previewLayer #preview>span.next{right:70px; background:url('/images/photobook/btn_erow_R.png') no-repeat}
#previewLayer #preview #preview_paperbg{width:648px; height:88px; margin:10px 1px 0 1px}
#previewLayer #preview #preview_paperbg p{height:20px; margin-left:7px}
#previewLayer #preview #preview_paperbg div img{width:68px; height:68px; margin:0 6px 0 7px}
#previewLayer #preview #preview_themes{width:100%; height:200px; margin-top:15px; overflow-x:auto; overflow-y:hidden}
#previewLayer #preview #preview_themes p{height:20px}
#previewLayer #preview #preview_themes ul{height:145px; overflow:hidden}
#previewLayer #preview #preview_themes ul li{width:118px; height:140px; border:2px solid #fff; margin-left:10px}
#previewLayer #preview #preview_themes ul li:first-child{margin-left:0px}
#previewLayer #preview #preview_themes ul li.on{border-color:#FFBB00} 
#previewLayer #preview #preview_themes ul li img{width:118px; height:118px; cursor:pointer}


span.heart{width:15px; height:12px; display:inline-block; background:url('/images/photobook/heart.png') no-repeat; vertical-align:-2px}
span.on{background-position:0 -12px}
.jjim{margin-top:10px}
/*
.listStyle{color: #555;
    font-weight: 500;
    margin-bottom: 9px;
    font-size: 13px;
	line-height:100%;}
*/
.calnoneImg>img{cursor:pointer}
/* Á¾·á */


/* Äü Æ÷ÅäºÏ */
#quickLayerBody{width:872px; margin:auto; padding:0}
#quickLayerBody #quickLayer{border:1px solid #ddd; overflow:hidden}
#quickLayerBody #quickLayer #quickLayer-box{margin:10px}
#quickLayerBody #quickLayer #quickLayer-box #nav-step p{height:50px; line-height:50px}
#quickLayerBody #quickLayer #quickLayer-box #nav-step p img{vertical-align:-14px}
#quickLayerBody #quickLayer #quickLayer-box #nav-step p span{}
#quickLayerBody #quickLayer #quickLayer-box #section-box{}
/* #quickLayerBody #quickLayer #quickLayer-box #section-box>div{height:538px} */
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option{width:568px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option.border{width:566px; height:536px; border:1px solid #ddd}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-header{border-bottom:1px solid #ddd; padding-bottom:2px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-header .section-option-header-title{}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-header .section-option-header-option{}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-header .section-option-header-option>span{display:inline-block; margin:0 5px; cursor:pointer}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-header .section-option-header-option>span.selected{color:red; font-weight:400; text-decoration:underline}

#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-scroll{height:320px; overflow-y:auto}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option div.pressalbum{position:relative; overflow:hidden; margin:0}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option div.pressalbum .section-option-list{width:480px; margin:auto}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-errow{position:absolute; top:40%}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-errow#errow_prev{left:20px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-errow#errow_next{right:20px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1{position:relative; cursor:pointer}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1{width:182px; height:172px; border:1px solid #ddd}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1 span.section-option-item-select{width:200px; height:183px; background:url('/images/quick/select.png') no-repeat; display:none; position:absolute; top:-8px; left:-9px; z-index:1}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1 span.section-option-item-select.selected{display:block}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1 p{height:150px; position:relative; z-index:2; overflow:hidden}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-1 img.section-option-item-image:hover{margin-top:-150px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-2{height:141px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-2 label{height:125px; display:table-cell; vertical-align:bottom}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option div.pressalbum .section-option-list li.section-option-item-3{width:120px; height:160px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-3>p{height:20px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-4{}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-5 label p{height:126px; overflow:hidden}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option div.pressalbum div.section-option-errows{}

#quickLayerBody #quickLayer #quickLayer-box #section-box #section-option .section-option-list li.section-option-item-3.pressalbum{width:110px}

#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view{width:272px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view #section-preview{height:480px; border:1px solid #ddd}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view #section-preview .section-preview-item{display:none}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view #section-preview .section-preview-item:first-child{display:block}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view #section-preview .section-preview-item>div{height:120px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-view #section-button{width:100%}

form[name='bookform']{display:inline}


#quickLayerBody #quickLayer #quickLayer-box #nav-box{height:40px; padding:13px 50px; background:url('/images/quick/bg_new.png') center center no-repeat; background-color:#F5F5F5}
#quickLayerBody #quickLayer #quickLayer-box #nav-box>div{width:320px}
#quickLayerBody #quickLayer #quickLayer-box #nav-box>div>p{height:20px; line-height:20px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options{height:512px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option>p:first-child{width:415px; height:30px; line-height:30px; border-bottom:1px solid #ddd}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option>p.long{width:850px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-size{width:348px; margin:auto}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-size li.section-option-item>p{width:100px; height:100px; display:table-cell; vertical-align:bottom}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-book li.section-option-item>label{height:100px; overflow:hidden; display:block}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-book li.section-option-item>label>img:hover{margin-top:-100px}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-cover{display:table; margin:auto}
#quickLayerBody #quickLayer #quickLayer-box #section-box #section-options .section-option .section-option-list-cover li.section-option-item{height:180px} 
/*  Á¾·á */

/* ºä »ó¼¼ÆäÀÌÁö*/
#pageStep{height:25px}
#viewInfo{border-top:1px solid #eaeaea}
#viewInfo>div{float:left}
#viewInfo #infoL{width:400px; height:400px; position:relative; margin:80px 52px 0 30px}
#viewInfo #infoL img#productImage{position:absolute}
#viewInfo #infoR{width:470px; min-height:508px; float:right}
#viewInfo #infoR .infoTbl{padding:10px 0; border-bottom:1px solid #eaeaea}
#viewInfo #infoR .infoTbl table{width:100%}
#viewInfo #infoR .infoTbl table tr td{height:26px; line-height:26px;}
#viewInfo #infoR .infoTbl table tr td:first-child{}
#viewInfo #infoR .infoTbl table tr td select{width:200px; height:23px; border:1px solid #acadb2; padding: 0 0 1px 0; font-size: 12px;}
#viewInfo #infoR .infoTbl table tr td #bookInfo{color:#ff5e00}
#viewInfo #infoR .infoTbl table tr td #bookInfo,
#viewInfo #infoR .infoTbl table tr td #saleInfo{margin-top:10px; font-size: 11px; line-height:15px}
#viewInfo #infoR .infoTbl table tr td #size>span{position:relative; display:inline-block; margin:0 4px}
#viewInfo #infoR .infoTbl table tr td #size>span>img{cursor:pointer}
#viewInfo #infoR .infoTbl table tr td input[type='image']{vertical-align:-6px}
#viewInfo #infoR .infoTbl table tr td #size>span>.best-flag{width:34px; height:34px; position:absolute; right:-10px; top:-17px; display:inline-block; background:url('/images/photobook/icon_best_size.png') no-repeat}
#viewInfo #infoR .infoTbl table tr.fileLogo{display:none}
#viewInfo #infoR .infoTbl table tr td #logoUploader_btn{display:none}
#viewInfo #infoR .infoTbl table tr.disabled{display:none}
#viewInfo #infoR div.order_btn{height:70px; margin:20px auto 0px auto; display:none}
#viewInfo #infoR div.order_btn .btn_confirm{width:130px; height:43px; display:inline-block; background:url('/images/photobook/btn-orderWeb.gif') no-repeat; cursor:pointer}
#viewInfo #infoR div.order_btn .btn_confirm:hover{background-position:0 -44px}
#viewInfo #infoR div.order_btn #error{margin-top:15px; cursor:pointer}
#viewInfo #infoR div.order_btn #ErrLauncher{background:#fff; display:none}
#viewInfo #infoR div.order_btn #ErrLauncher a{display:inline-block; width:130px; height:43px; overflow:hidden}
#viewInfo #infoR div.order_btn #ErrLauncher a img:hover{margin-top:-43px}
#detailInfo {margin-bottom:80px}
#detailInfo .detailTab{width:952px; border-top:2px solid #636361}
#detailInfo #detail1, #detailInfo #detail2, #detailInfo #detail3{margin-top:50px}
#detailInfo .detailTab li{float:left; width:316px; text-align:center; height:35px; line-height:35px; background:#f5f5f5; border-right:1px solid #eaeaea}
#detailInfo .detailTab li:first-child{border-left:1px solid #eaeaea}
#detailInfo .detailTab li.onDetailTab{background:#fff}
#detailInfo .detailTab li a{width:316px; height:35px; float:left}

span#btnReply{display:inline-block; width:100px; height:24px; background:url('/images/Calendar/view/btn_review.png') no-repeat 0 0; float:right; margin-top:30px}
span#btnReply:hover{background-position:0 -24px}
#preview.prewviewBox{position:relative}
#preview #bookDesignStyle{height:25px; margin-top:70px; background:url('/images/photobook/title_bookdesignstyle.png') center center no-repeat}
#preview>span{width:18px; height:21px; display:inline-block; position:absolute; top:45%; cursor:pointer; z-index:1}
#preview>span.prev{left:20px; background:url('/images/photobook/btn_erow_L.png') no-repeat}
#preview>span.next{right:20px; background:url('/images/photobook/btn_erow_R.png') no-repeat}
#preview #preview_bg{width:806px; height:400px; position:relative; padding:76px 73px 51px 73px; background:url(/images/photobook/bg_previewinner.jpg) 0 -1px no-repeat; overflow:hidden}
#preview #preview_bg>div{width:400px; height:400px; position:absolute; top:76px; z-index:10}
#preview #preview_bg>div#left_shadow.premiumlayflat{left:77; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra01.png') no-repeat}
#preview #preview_bg>div#right_shadow.premiumlayflat{right:79px; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra02.png') no-repeat}
#preview #preview_bg>div#left_shadow.layflat{left:77; background:url('/images/layflatbook/renew1.4/best_layflat_gra01.png') no-repeat}
#preview #preview_bg>div#right_shadow.layflat{right:79px; background:url('/images/layflatbook/renew1.4/best_layflat_gra02.png') no-repeat}
#preview #preview_bg>div#left_shadow.design{left:77; background:url('/images/photobook/renew1.4/best_gra01.png') no-repeat}
#preview #preview_bg>div#right_shadow.design{right:79px; background:url('/images/photobook/renew1.4/best_gra02.png') no-repeat}
#preview #preview_bg .innerImage{width:400px; height:400px; display:none}
#preview>.infoText{position:absolute; font-size:11px; z-index:11; bottom:100px; right:78px; color:#979692}

#preview #preview_paperbg  {width:840px; margin:auto}
#preview #preview_paperbg p{text-align:left; height:20px; margin-left:7px}
#preview #preview_paperbg div img{width:70px; height:70px; margin:0 7px}

/*2*/
#preview2.prewviewBox{position:relative}
#preview2 #bookDesignStyle2{height:25px; margin-top:70px; background:url('/images/photobook/title_bookdesignstyle.png') center center no-repeat}
#preview2>span{width:18px; height:21px; display:inline-block; position:absolute; top:45%; cursor:pointer; z-index:1}
#preview2>span.prev{left:20px; background:url('/images/photobook/btn_erow_L.png') no-repeat}
#preview2>span.next{right:20px; background:url('/images/photobook/btn_erow_R.png') no-repeat}
#preview2 #preview_bg2{width:806px; height:400px; position:relative; padding:76px 73px 51px 73px; background:url('/images/photobook/bg_previewinner.jpg') 0 -1px no-repeat; overflow:hidden}
#preview2 #preview_bg2>div{width:400px; height:400px; position:absolute; top:76px; z-index:10}
#preview2 #preview_bg2>div#left_shadow2.premiumlayflat{left:77; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra01.png') no-repeat}
#preview2 #preview_bg2>div#right_shadow2.premiumlayflat{right:79px; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra02.png') no-repeat}
#preview2 #preview_bg2>div#left_shadow2.layflat{left:77; background:url('/images/layflatbook/renew1.4/best_layflat_gra01.png') no-repeat}
#preview2 #preview_bg2>div#right_shadow2.layflat{right:79px; background:url('/images/layflatbook/renew1.4/best_layflat_gra02.png') no-repeat}
#preview2 #preview_bg2>div#left_shadow2.design{left:77; background:url('/images/photobook/renew1.4/best_gra01.png') no-repeat}
#preview2 #preview_bg2>div#right_shadow2.design{right:79px; background:url('/images/photobook/renew1.4/best_gra02.png') no-repeat}
#preview2 #preview_bg2 .innerImage{width:400px; height:400px; display:none}
#preview2>.infoText{position:absolute; font-size:11px; z-index:11; bottom:100px; right:78px; color:#979692}

#preview2 #preview_paperbg2  {width:840px; margin:auto}
#preview2 #preview_paperbg2 p{text-align:left; height:20px; margin-left:7px}
#preview2 #preview_paperbg2 div img{width:70px; height:70px; margin:0 7px}

/*3*/
#preview3.prewviewBox{position:relative}
#preview3 #bookDesignStyle3{height:25px; margin-top:70px; background:url('/images/photobook/title_bookdesignstyle.png') center center no-repeat}
#preview3>span{width:18px; height:21px; display:inline-block; position:absolute; top:45%; cursor:pointer; z-index:1}
#preview3>span.prev{left:20px; background:url('/images/photobook/btn_erow_L.png') no-repeat}
#preview3>span.next{right:20px; background:url('/images/photobook/btn_erow_R.png') no-repeat}
#preview3 #preview_bg3{width:806px; height:400px; position:relative; padding:76px 73px 51px 73px; background:url('/images/photobook/bg_previewinner.jpg') 0 -1px no-repeat; overflow:hidden}
#preview3 #preview_bg3>div{width:400px; height:400px; position:absolute; top:76px; z-index:10}
#preview3 #preview_bg3>div#left_shadow3.premiumlayflat{left:77; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra01.png') no-repeat}
#preview3 #preview_bg3>div#right_shadow3.premiumlayflat{right:79px; background:url('/images/premiumlayflat/renew1.4/best_premiumlayflat_gra02.png') no-repeat}
#preview3 #preview_bg3>div#left_shadow3.layflat{left:77; background:url('/images/layflatbook/renew1.4/best_layflat_gra01.png') no-repeat}
#preview3 #preview_bg3>div#right_shadow3.layflat{right:79px; background:url('/images/layflatbook/renew1.4/best_layflat_gra02.png') no-repeat}
#preview3 #preview_bg3>div#left_shadow3.design{left:77; background:url('/images/photobook/renew1.4/best_gra01.png') no-repeat}
#preview3 #preview_bg3>div#right_shadow3.design{right:79px; background:url('/images/photobook/renew1.4/best_gra02.png') no-repeat}
#preview3 #preview_bg3 .innerImage{width:400px; height:400px; display:none}
#preview3>.infoText{position:absolute; font-size:11px; z-index:11; bottom:100px; right:78px; color:#979692}

#preview3 #preview_paperbg3  {width:840px; margin:auto} 
#preview3 #preview_paperbg3 p{text-align:left; height:20px; margin-left:7px}
#preview3 #preview_paperbg3 div img{width:70px; height:70px; margin:0 7px}

/* start carousel products  */
.jcarousel-skin-products {border: 1px solid #eaeaea; padding: 10px 0; height:70px; overflow:hidden; margin-top:50px}
.jcarousel-skin-products .jcarousel-container {width: 870px; height: 70px; margin: 0 auto;}
.jcarousel-skin-products .jcarousel-clip-horizontal {width: 870px; height: 70px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item {width: 70px; height: 70px; margin-right: 10px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item img {float:left; overflow:hidden;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item img {width:68px; height:68px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a {border: 1px solid #ccc;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a:hover,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a.on {border: 5px solid #1543ad;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a:hover img,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a.on img {margin:-4px;}
/* button */
.jcarousel-skin-products .jcarousel-container .jcarousel-next,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev {position: absolute; top: 25px; width: 10px; height: 19px; cursor: pointer; background: url('/images/store/btn-carousel.gif') no-repeat;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next {right: -20px; background-position: -10px -19px;}
.jcarousel-skin-products .jcarousel-container .jcarousel-prev {left: -20px; background-position: 0 -19px;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:active,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:active {cursor: default;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:active {background-position: -10px 0;}
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:active {background-position: 0 0;}
/* end carousel products */


.qustion{cursor:pointer; vertical-align:middle; margin-right:150px}
.buy_btn{float:right; margin-right:0px; vertical-align:top; cursor:pointer}
.btn_fileorder{width:132px; height:42px; display:inline-block; background:url('/images/photobook/btn_haveaedit.png') no-repeat; cursor:pointer}
.btn_fileorder:hover{background:url('/images/photobook/btn_haveaedit_on.png') no-repeat}

#photoLayer, #orderInfoLayer, #priceInfoLayer{overflow-x:hidden; overflow-y:auto; position:fixed; z-index:9999; display:none}
#photoLayer>div{width:555px; background:#F5F5F5}
#photoLayer>div>form{display:block; padding:20px;}
#photoLayer #closePhotoLayer_btn, #orderInfoLayer #closeOrderInfoLayer_btn{position:absolute; top:0; right:0; cursor:pointer}
#priceInfoLayer #closeOrderInfoLayer_btn{position:absolute; top:0; right:0; cursor:pointer}


/* ¾ÐÃà¾Ù¹ü ÆÄÀÏÁÖ¹® */
#photoLayer #orderBox{width:760px; background:#fff}
#photoLayer #orderBox .list-wrap {padding:20px}
#photoLayer #orderBox .list-wrap .compare-size {height:40px}
#photoLayer #orderBox .list-wrap .input-form .tb-title {font-weight:400; background : #F5F5F5; text-indent:15px; width:120px;}
#photoLayer #orderBox .list-wrap .input-form .tb-sub {padding: 10px;}
#photoLayer #orderBox .list-wrap .input-form .tb-sub-style, .edit .list-wrap .input-form .tb-sel-style {padding-left: 10px;}
#photoLayer #orderBox .list-wrap .input-form .tb-sel-style ul{width: 540px; }
#photoLayer #orderBox .list-wrap .input-form .tb-sel-style li{ width: 240px; }
#photoLayer #orderBox .list-wrap .input-form .tb-sub-style td	{width: 136px;}
#photoLayer #orderBox .list-wrap .input-form .big-tb {border-top: 1px solid #bfbfbf; }
#photoLayer #orderBox .list-wrap .input-form .big-tb #rtdata{width:180px}
#photoLayer #orderBox .list-wrap .input-form .explain-title  {font-weight: 400; font-size:12px;}
#photoLayer #orderBox .list-wrap .footer-btn {}

/* ¾ÐÃà¾Ù¹ü ÆÄÀÏÁÖ¹® ³¡*/


/*  »ó¼¼ÆäÀÌÁö */

#lightBox{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; z-index:9998; opacity: 0.3; filter:alpha(opacity:'30'); display:none}
#lightBox2{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; z-index:9998; opacity: 0.3; filter:alpha(opacity:'30'); display:none}

.del{text-decoration:line-through}
.clearfix{*zoom:1}
.clearfix:after{content:""; display:block; clear:both}
.clear{clear:both}
.alignC{text-align:center}
.alignR{text-align:right}
.floatL{float:left}
.floatR{float:right}
.mt120{margin-top:120px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt15{margin-top:15px}
.mt10{margin-top:10px}
.mt8{margin-top:8px}
.mt5{margin-top:5px}
.ml18{margin-left:18px}
.ml10{margin-left:10px}
.ml8{margin-left:8px}
.ml4{margin-left:4px}
.mr20{margin-right:20px}
.mr18{margin-right:18px}
.mr10{margin-right:10px}
.mr8{margin-right:8px}
.mr5{margin-right:5px}
.mr0{margin-right:0px}
.mb20{margin-bottom:20px}
.fGray{color:#888}
.fDarkGray{color:#646464}
.fBlack{color:#333 !important}
.fRed{color:red !important}
.strong{font-weight:400}
.error{display:none !important}
.fS14{font-size:14px}
.fS16{font-size:16px}
.fS20{font-size:20px}
/* .number{font-family:'arial'} */
.number{color:#333 !important; font-size:20px; margin-right:5px} 
.hide{display:none}
input{vertical-align:-2px}

input[type='radio'],input[type='checkbox']{margin:0; padding:0}
.filebox{width:500px; height:50px; background:#fff; border:1px solid #DDDDDD; overflow-x:hidden; overflow-y:auto}
.textbox{width:490px; background:#fff; border:1px solid #DDDDDD; padding:20px 5px}
