@charset "utf-8";

input[type="radio"] {vertical-align:auto; margin:5px 0px !important;}
div.proWrap input[type="radio"] + label {margin:5px 10px 5px 0px;}
p.txt { font-size:14px; color:#787878; padding:20px 10px 5px; }
span.soldout { color:#ff5730; font-size:22px; }
div.detailBox { border:1px solid #e8e8e8; min-height:460px; box-sizing:content-box; }
div.detailBox div.viewBox { display:inline-block; float:left; padding:20px 25px 20px 20px; min-height:460px; position: relative;}
div.detailBox div.viewBox div.view { background-color:#e1e2e7; width:400px; height:400px;}

div.detailBox div.viewBox div.infoCPdf {min-width:175px; display:none; position: absolute; left:0; top:0;}
div.detailBox div.viewBox div.infoCPdf>div{}
div.detailBox div.viewBox div.infoCPdf div i{float:left; cursor: pointer;}
div.detailBox div.viewBox div.infoCPdf ul{margin:7px 0;display:block;list-style:none;}
div.detailBox div.viewBox div.infoCPdf li{padding:2px 4px 2px 0; font-size:.875rem;}
div.detailBox div.viewBox div.infoCPdf li span:nth-child(1){display:inline-block; width: 90px; text-align:right;padding-right:10px;}
div.detailBox div.viewBox div.infoCPdf li code{font-size:.875rem; font-weight:bold;}

div.detailBox div.viewBox div.infoIPdf {min-width:175px; display:none; position: absolute; right:0; top:0;}
div.detailBox div.viewBox div.infoIPdf>div{}
div.detailBox div.viewBox div.infoIPdf div i{float:right; cursor: pointer;}
div.detailBox div.viewBox div.infoIPdf ul{margin:7px 0;display:block;list-style:none;}
div.detailBox div.viewBox div.infoIPdf li{padding:2px 4px 2px 0; font-size:.875rem;}
div.detailBox div.viewBox div.infoIPdf li span:nth-child(1){display:inline-block; width: 90px; text-align:right;padding-right:10px;}
div.detailBox div.viewBox div.infoIPdf li code{font-size:.875rem; font-weight:bold;}

div.detailBox div.infoBox { display:inline-block; width:59.3%; min-height:460px; border-left:1px solid #e8e8e8; }

div.infoBox>dl { margin:20px; }
div.infoBox dt { float:left; width:15%; padding:0px 0px 4px; font-weight:normal; font-size:14px; text-indent:5px; color:#3a3a3a; clear:both; }
div.infoBox dd { float:left; padding:0px 0px 4px; font-size:14px; }
div.infoBox dd select { height:28px; }
div.infoBox .btn_gray { font-size:13px; border:1px solid #a6bdcf; border-radius:3px; background:url("/Ivyimages/common/mall/icon_pencil.png") no-repeat 10px center; background-color:#e9f2f8; padding:2px 10px 4px 25px; }
div.infoBox .btn_gray:hover { background-color:#dde4f5; }
div.infoBox .pay { clear:both; padding:20px 0px 30px; border-top:1px solid #e8e8e8; width:100%; }
div.infoBox .pay dl { margin:0px; }
div.infoBox .pay dt { padding-left:10px; }
div.infoBox .pay dd { text-align:right; width:75%; }
div.infoBox .pay span.cost { font-weight:bold; font-size:26px; color:#ef4300; }
div.infoBox .design {padding:15px 0px; }
div.infoBox .design label.txt { margin-top:0px; margin-left:5px; font-weight:normal; vertical-align:middle; display:inline-block; }
div.infoBox .design span.file { margin-left:10px; }
div.infoBox .line { border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
div.infoBox .line_bm { border-bottom:1px solid #dbdbdb; }
div.infoBox em { font-style:normal; display:inline-block; vertical-align:top; padding:4px 2px; }
div.infoBox em.tit { margin-right:20px; color:#267fb8; }
div.infoBox span.btn_box a { display:inline-block; vertical-align:top; background-color:#7b7b7b; color:#fff; padding:3px 10px 5px; font-size:13px; border-radius:3px; }
div.infoBox span.btn_box a:hover { text-decoration:none; background-color:#6c6c6c; }
div.infoBox .direct {display:inline-block; margin-left:20px;}
div.infoBox .in_bl {display:inline-block; vertical-align: middle;}
div.direct input[type='checkbox'] {vertical-align: text-top;}

div.right_group .btn_gray  { font-size:13px; border:1px solid #a6bdcf; border-radius:3px; background:url("/Ivyimages/common/mall/icon_pencil.png") no-repeat 10px center; background-color:#e9f2f8; padding:2px 10px 4px 25px; }
div.right_group .btn_gray:hover { background-color:#dde4f5; }
div.right_group em { font-style:normal; display:inline-block; vertical-align:bottom; padding:4px 2px; }
div.right_group em.tit { margin-right:5px; color:#267fb8; }
div.right_group .standard {margin-left:20px;}
div.right_group .direct {display:inline-block; margin-left:20px;}
div.right_group .in_bl {display:inline-block; vertical-align: middle;}

/*book_pay*/
div.bookpay  {background:#f4f4f4; line-height:15px; padding:20px 20px; overflow: hidden; margin-top: 30px; display: block; /*border-top:2px solid #476eb3;*/}
div.bookpay dl { margin:20px; }
div.bookpay dt { float:left; /*width:15%;*/ padding:0px 0px 4px; font-weight:600; font-size:20px; text-indent:5px; color:#3a3a3a; clear:both; }
div.bookpay dd { float:left; font-size:14px; }
div.bookpay .pay { padding-top: 7px; float: right; display: inline-block; }
div.bookpay .pay dl { margin:0px; }
div.bookpay .pay dt { /*padding-left:800px;*/ }
div.bookpay .pay dd { text-align:right; width:150px; }
div.bookpay .pay span.cost { font-weight:bold; font-size:30px; color:#ef4300; }
div.bookpay .pay2 {clear:both; float:right; padding-top:8px;}

.txt_C { text-align:center; }
div.detail_theme1 .span2 { width:170px; }
.span01 { width:30px; }
.select01 { width:80px; }
.select02 { width:100px; }
.select03 { width:120px; }
.select04 { width:150px; }
div.standard span { display:block; }

.mb_0 {margin-bottom:0 !important;}
.mb_10 {margin-bottom:10 !important;}

/* input_checkbox_design */
.check input[type="checkbox"] { display: none; }
.check input[type="checkbox"] + label { background: url("images/mall/check_btn_small.png") no-repeat left 2px; padding-left:25px; height:21px; display:inline-block; cursor:pointer; }
.check input[type="checkbox"]:checked + label { background:url("images/mall/check_btn_check_small_c.png") no-repeat left 2px; }
.check input[type="checkbox"]:checked + label.ver2 { background:url("images/mall/check_btn_check_small_c2.png") no-repeat left 2px; }



/*** digital printing ***/
dd.smart span.add_sum { display:inline-block; padding-left:20px; margin-left:20px; border-left:1px solid #e8e8e8; }
dd.smart span.add_sum em { color:#267fb8; font-style:normal; display:inline-block; padding-right:5px; }

/* tooltip */
div.detailBox .tooltip_guide { display:inline-block; vertical-align:top; padding:4px 3px 0px; cursor:hand; }
div.detailBox .tooltip-inner { background-color:#3985b5; max-width:400px; }
div.detailBox .tooltip.top .tooltip-arrow { bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#3985b5; }

/* design option */
div.detailBox div.infoBox div.design_option { clear:both; /*width:640px; margin-left:-25px;*/ margin-bottom:20px; margin-top:20px;}
div.detailBox div.infoBox div.design_option dl { margin:0px 20px; }
div.detailBox div.infoBox div.design_option dt { float:none; background-color:#e1e9ee; width:100%; color:#276389; font-weight:bold; text-indent:15px; margin-top:10px; }
div.detailBox div.infoBox div.design_option dd { float:none; background-color:#fcfbfb; padding:0px; margin:0px; border:1px solid #e8e8e8; }
div.detailBox div.infoBox div.design_option ul { margin:0px; padding:0px; list-style-type:none; }
div.detailBox div.infoBox div.design_option ul li { padding:0px; }

div.design_option .btn_edit { background:url("/Ivyimages/common/mall/btn_edit.png") no-repeat; display:inline-block; width:73px; height:20px; vertical-align:top; }
div.design_option .btn_edit:hover { background:url("/Ivyimages/common/mall/btn_edit_ov.png") no-repeat; }
div.design_option .btn_edit em { position:absolute; display:block; width:100%; text-align:center; top:-1000px; left:0px; z-index:999; }

div#file_attach{width:100%;min-height:90px;max-height:180px;}
.fine-uploader1{max-height:85px;}
.fine-uploader2{max-height:85px;}
.qq-uploader{min-height:75px; max-height:85px;overflow: hidden; padding: 5px 10px; border-radius: 0px;border-left: 0px; border-right: 0px;}
.qq-upload-button{width:90px;padding:0 2px;margin:0;background:#2377A9;border:1px solid #1A577B; font-size:0.9em;}
.qq-uploader:before{font-size:130%;top:35%;}
.qq-upload-list{padding:7px 0 0 0px !important; box-shadow: 0px 0px 0px rgba(15, 15, 50, 0.14);}
.qq-upload-list li.qq-upload-success{font-size:0.9em;padding:4px 10px !important; background-color:#ECF5FB;}
.qq-upload-list li.qq-in-progress{font-size:0.9em;padding:3px 10px !important;}
.qq-upload-file{width:300px;}
.qq-total-progress-bar{height:0px !important; background:#FF6600;}
.qq-progress-bar{height:2px; background:#646464;}
.qq-btn{padding:0 10px;}
.qq-thumbnail-selector{display:none;}

div.design_request { border-top:1px dashed #c4c4c4; border-bottom:1px dashed #c4c4c4; margin:10px 0px; padding-top:10px; width:97%; }
div.design_request div.design_choice em.tit2 { font-style:normal; margin-left:22px; margin-right:40px; padding-top:3px; display:inline-block; }
div.design_request div.design_choice span.add_sum { float:right; padding:3px 0px 3px 20px; border-left:1px solid #e8e8e8; display:inline-block; }
div.design_request div.design_choice span.add_sum em { color:#267fb8; font-style:normal; display:inline-block; }
div.design_request div.design_choice select { vertical-align:top; }
div.design_request div.design_choice .btn_guide { vertical-align:middle; display:inline-block; padding-top:2px; }

/* btn */
div.btnBox { margin-left:620px; display:inline-block; }
div.btnBox div.btnArea { /*margin:0px auto; text-align:center;*/}
div.btnBox div.btnArea span { display:inline-block; float:left; box-sizing:border-box; width:150px; }
div.btnBox div.btnArea span.btn_order { background-color:#007fcf; }
div.btnBox div.btnArea span.btn_cart { background-color:#696969; }
div.btnBox div.btnArea span.btn_order:hover { background-color:#006fce; }
div.btnBox div.btnArea span.btn_cart:hover { background-color:#5f5f5f; }
div.btnBox div.btnArea span a { display:block; text-align:center; color:#fff; padding:10px 0px; text-decoration:none; }

/* 후가공 옵션 */
dt.process, dd.process { margin:15px 0px 10px; }
div.optionBox h4.process_tit { margin:0px; border:none; }
div.optionBox div.option { border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:0px; }
div.optionBox div.option .tit { display:inline-block; width:14%; font-size:.875rem; text-align:center; vertical-align:top; border-right:1px solid #e8e8e8; padding-top:16px; padding-bottom:17px; font-weight:bold; color:#267fb8; background-color:#EFF1F3 }
div.optionBox div.proWrap { display:block; min-height:30px; border-top:1px solid #698fbc; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #698fbc; background-color:#E8F4FF}
div.optionBox div.proWrap .inline {}
div.optionBox div.proWrap .item_list {}
div.optionBox div.proWrap .item_ex { width:15%;  float:right; }
div.optionBox div.option .info { display:inline-block; vertical-align:top; padding-top:13px; padding-left:10px; }
div.optionBox div.option em { font-style:normal; padding-left:4px; }
div.optionBox div.option .pay { display:inline-block; float:right; /*width:9.5%;*/ vertical-align:top; padding:16px 15px 0px 0px;  text-align:right; }
div.optionBox div.option .pay .pay_wrap { display:inline-block; padding:0px 10px; }
div.optionBox div.option .pay em { color:#267fb8; }
div.optionBox div.option .pay em.pay_cor1 { font-size:11px; color:#fff; background-color:#626f7c; border-radius:3px; padding:2px 3px; }
div.optionBox div.option .pay em.pay_cor2 { font-size:11px; color:#fff; background-color:#304050; border-radius:3px; padding:2px 3px; }
div.optionBox div.option .pay em.won { color:#333333; padding:0px; }
div.optionBox .check input[type="checkbox"] + label { width:auto; margin:5px 10px; }
div.optionBox div.option .info .second_input { margin-left : 10px;}

/* guide */
div.contBox { margin-top:5px; }
div.contBox .process_tit { font-size:20px; font-weight:500; padding:0px 0px 10px 5px; border-bottom:1px solid #cfcfcf; letter-spacing:-1px; }
div.contBox .process_tit span { color:#2d69b6; }
div.contBox div.postprocess { text-align:center; padding-bottom:10px; border-bottom:1px solid #e8e8e8; display:none; }
div.contBox div.postprocess:last-child { border-bottom:none; }
div.contBox div.postprocess img { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #cccccc; }
div.contBox div.delivery { background:url("images/mall/dot_ptn.gif"); margin-top:30px; padding:5px; }
div.contBox div.delivery div.guide { background-color:#fbf9fa; padding:25px 35px; }
div.contBox div.delivery div.guide h3 { font-size:16px; font-weight:bold; padding:15px 0px; }
div.contBox div.delivery div.guide ol { margin:0px 0px 20px 25px; padding:0px; }
div.contBox div.delivery div.guide ol li { padding:3px 0px 5px; }
div.contBox div.delivery div.guide div.process { height:170px; margin-bottom:25px; background:url("images/mall/delivery_process.png") no-repeat; background-color:#f3f3f3; }
div.contBox div.delivery div.guide div.process ul { margin:0px; padding:0px; list-style-type:none; }
div.contBox div.delivery div.guide div.process ul li { display:inline-block; float:left; vertical-align:top; padding:115px 0px 0px 0px; width:127px; text-align:center; font-size:14px; }
div.contBox .thumb_photo { text-align:center;  }

/* hashtag */
div.hashtag { float:left; clear:both; margin:10px 0px 0px 10px; background:url("/Ivyimages/common/mall/ico_hashtag.png") no-repeat 0 5px; padding-left:33px; }
div.hashtag img { vertical-align:middle; }
div.hashtag a { display:inline-block; font-size:14px; color:#2f5871; }
div.hashtag a:hover { display:inline-block; }

/* estimate (fix_right) */
.estimate { position:fixed; width:185px; left:50%; margin-left:565px; }
.estimate .tit { background:url("/Ivyimages/common/mall/estimate_tit.jpg") no-repeat; background-color:#4c5561; padding:10px 0; font-weight:bold; text-align:center; color:#fff; border-radius:3px 3px 0px 0px;  }
.estimate .group { border:1px solid #cccccc; background-color:#fff; }
.estimate ul { margin:5px 0px; padding:0px; list-style-type:none; }
.estimate ul li { padding:5px 10px; font-size:13px; }
.estimate ul li.vat { border-top:1px dashed #ccc; padding-top:10px; margin-top:5px; }
.estimate .pay { float:right; }
.estimate .psum { border-top:1px solid #ccc; font-size:13px; padding:13px 10px; background-color:#f4f4f4; }
.estimate .psum em { font-style:normal; font-size:16px; font-weight:bold; color:#ef4300; padding-right:3px; }
.estimate .btn_order { display:block; background-color:#696969; margin-top:5px; }
.estimate .btn_cart { display:block; background-color:#017fa1; /*margin-top:5px;*/ }
.estimate a { color:#fff; display:block; text-align:center; height:35px; font-size:14px; }
.estimate a em { position:relative; z-index:2; font-style:normal; display:block; padding-top:7px; }
.estimate a:hover, .estimate a:focus { color:#fff; text-decoration:none; }
.estimate span.btn_order a:before { content: ""; display:block; position:absolute; z-index:1; background:#5b5b5b; width:0; height:35px;
                                    -webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1); transition:500ms cubic-bezier(0, 0.4, 0.5, 1) }
.estimate span.btn_cart a:before { content: ""; display:block; position:absolute; z-index:1; background:#006e8c; width:0; height:35px;
                                    -webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1); transition:500ms cubic-bezier(0, 0.4, 0.5, 1) }                                    
.estimate span.btn_order a:hover:before, .estimate span.btn_cart a:hover:before { width:100%; }


/* design guide */
.tabList { margin:0 auto; margin-bottom:10px;  }
.tabList ul.nav-tabs { background-color:#f8f8f8; width:100%; border-bottom:1px solid #4b73c7; margin-bottom:0px !important;   }
.tabList ul li {width:16.666%; text-align:center; }
.tabList ul li a { color:#555555;  font-weight:600; }
.tabList ul li.active a { color:#4f6dac; border:1px solid #4b73c7; border-bottom-color:transparent; border-radius:3px; font-weight:600;} 
.tabList ul li:hover.active a { color:#4f6dac; border:1px solid #4b73c7; border-bottom-color:transparent; } 
.tabList ul li:hover a { border:1px solid #4b73c7; background-color:#fff; }

.tabList .tab-content { background-color:#d0defb; padding:5px 0px 0px;  }
.tabList .tab-content .tit { font-size:20px; padding:5px 0px 0px 20px; color:#313131; word-spacing:-1px; }
.tabList .tab-content .tit span { font-size:14px; font-weight:normal; }
.tabList .tab-content p { text-align:center; }
.tabList .tab-content img { padding:7px 0px; }

.tabList div.btnBox { width:100%; padding-top:5px; z-index:101; margin:15px 0px 0px; }
.tabList div.btnBox div.btnArea { margin:0px auto; text-align:center;}
.tabList div.btnBox div.btnArea span { display:inline-block; *float:left; box-sizing:border-box; width:150px; }
.tabList div.btnBox div.btnArea span.btn_blue { background-color:#007fcf; }
.tabList div.btnBox div.btnArea span.btn_blue:hover { background-color:#006fce; }
.tabList div.btnBox div.btnArea span a { display:block; text-align:center; color:#fff; padding:13px 0px; text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); }
.tabList div.btnBox .btn_gray { background-color:#696969; border-radius:4px; padding:10px 25px 13px 25px; color:#fff; border:none; text-align:center; }
.tabList div.btnBox .btn_gray:hover { background-color:#5f5f5f; }

/*detail_book*/
div.select_option  {overflow:hidden; clear:both;}
div.select_option div.form-box:nth-of-type(1) {border-top:1px solid #666;}
div.select_option div.form-box { overflow:hidden; display:block; border-bottom:1px solid #666; margin:0px;}
div.select_option h4.group_title { font-size:20px; font-weight:600; padding:40px 0px 10px 0px; letter-spacing:-1px; margin:0px; width:12%; display:inline-block; text-align:center;}
div.select_option h4.group_title span { color:#2d69b6; }
div.select_option div.group_content {}
div.select_option div.group-box {}
div.select_option div.left_group {}
div.select_option div.right_group {}
div.select_option div.option_tit {display:block;}
div.select_option div.right_group select {}

div.form-box .finishing_select {width: 150px;}

/*
#n2_wrap .group_content .group-box:not(.always_visible){display:none;}
#n2_wrap .group_content > .left_group {display:none;}
#n2_finishing {display:none;}

#m_wrap .group_content .group-box:not(.always_visible){display:none;}
#m_wrap .group_content > .left_group {display:none;}

#g_wrap .group_content .group-box:not(.always_visible){display:none;}
#g_wrap .group_content > .left_group {display:none;}
*/

.right_group .chkbox {margin-left: 10px;}
.right_group .chkboxLabel {margin-left: 6px;}

/* left_estimate  */
.left_estimate { left:50%; margin-left:0px; margin-top: 10px; }
.left_estimate .tit { font-size:16px; background:url("/Ivyimages/common/mall/estimate_tit.jpg") no-repeat; background-color:#4c5561; padding:10px 0; font-weight:bold; text-align:center; color:#fff; border-radius:3px 3px 0px 0px;  }
.left_estimate .group { border:1px solid #cccccc; background-color:#fff; }
.left_estimate ul { margin:5px 0px; padding:0px; list-style-type:none; }
.left_estimate ul li { padding:5px 10px; font-size:13px; }
.left_estimate ul li.vat { border-top:1px dashed #ccc; padding-top:10px; margin-top:5px; }
.left_estimate .pay { float:right; }
.left_estimate .psum { border-top:1px solid #ccc; font-size:13px; padding:13px 10px; background-color:#f4f4f4; }
.left_estimate .psum em { font-style:normal; font-size:16px; font-weight:bold; color:#ef4300; padding-right:3px; }
.left_estimate .btn_order { display:block; background-color:#696969; margin-top:5px; }
.left_estimate .btn_cart { display:block; background-color:#017fa1; margin-top:5px; }
.left_estimate a { color:#fff; display:block; text-align:center; height:35px; font-size:14px; }
.left_estimate a em { position:relative; z-index:2; font-style:normal; display:block; padding-top:7px; }
.left_estimate a:hover, .estimate a:focus { color:#fff; text-decoration:none; }
.left_estimate span.btn_order a:before { content: ""; display:block; position:absolute; z-index:1; background:#5b5b5b; width:0; height:35px;
                                    -webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1); transition:500ms cubic-bezier(0, 0.4, 0.5, 1) }
.left_estimate span.btn_cart a:before { content: ""; display:block; position:absolute; z-index:1; background:#006e8c; width:0; height:35px;
                                    -webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1); transition:500ms cubic-bezier(0, 0.4, 0.5, 1) }                                    
.left_estimate span.btn_order a:hover:before, .estimate span.btn_cart a:hover:before { width:100%; }

.group-box .file {line-height: initial}

.n_workAndTumbleWrap {display: none; margin-left: 20px;}
.three_quarter_method {margin-left: 15px;}

#n_impositionWrap, #n2_impositionWrap {display: none; margin-left: 20px;}
div.right_group .n2_paper_location {width:370px;}

form#detailform input[type=radio]{
    position:absolute; left:-10000px;
}
form#detailform input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    width: 100%;
    border: 1px solid #333;
    border-radius: 5px;
    line-height: 1.5;
    text-align: center;
    font-size:.9rem;
    padding: 0.4rem 0.5rem;
}
form#detailform input[type=radio]+label{
    background-color: #fff;
    color: #333;
}
form#detailform input[type=radio]+label:hover{
    background-color: #E3E3E3;
    color: #333;
}
form#detailform input[type=radio]:checked+label{
    background-color: #1b1c1c;
    color: #03cfe7;
    font-weight:600;
}
form#detailform input[type=radio]:disabled+label{
    background-color: #E3E3E3;
    border: 1px solid #D5D5D5;
    color: #7E7E7E;
    cursor: not-allowed;
}