@charset "utf-8";

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:500px; 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.infoPdf {min-width:175px; display:none; position: absolute; right:0; top:0;/* background-color:#FAFAFA; border:2px solid #FF6600; border-radius: 3px;*/}
div.detailBox div.viewBox div.infoPdf>div{}
div.detailBox div.viewBox div.infoPdf div i{float:right;}
div.detailBox div.viewBox div.infoPdf ul{margin:7px 0;display:block;list-style:none;}
div.detailBox div.viewBox div.infoPdf li{padding:2px 4px 2px 0; font-size:.875rem;}
div.detailBox div.viewBox div.infoPdf li span:nth-child(1){display:inline-block; width: 90px; text-align:right;padding-right:10px;}
div.detailBox div.viewBox div.infoPdf li code{font-size:.875rem;}
div.detailBox div.viewBox div.infoPdf li.info{font-size:.85em; color:#0033FF;margin-top:7px;padding-top:5px;border-top: 1px dotted #525252; text-align:center;}
div.detailBox div.infoBox { display:inline-block; width:59.3%; min-height:500px; 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:2px; color:#3a3a3a; clear:both; }
div.infoBox dd { float:left; padding:0px 0px 4px; font-size:14px; }
div.infoBox dd.form-esti{width:84.5%;}
div.infoBox dd select {}
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.infoBox dt.cagqr, div.infoBox dd.cagqr{padding-top:10px;}
div.infoBox span.cagqr{display:inline-block; width:60px; font-size:13px;}

div.infoBox .pdsdata { clear:both; padding-bottom:4px; margin:24px; border:1px solid #e8e8e8; width:92%; } /* 칼선 18/11/27*/
div.infoBox .pdsdata > span{display:block; padding:3px 15px; width:95%; border-bottom: 1px dashed #72abd1; background-color: #e9f2f8; color:#276389; font-size: .9em; font-weight:bold;}
div.infoBox .pdsdata li{list-style-type: circle; padding:6px 0 0; margin-left:25px;}
div.infoBox .pdsdata li a{text-decoration:none; color:#2c2c2c;}
div.infoBox .pdsdata li a:hover{text-decoration:none; color:#2c2c2c;}

.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; }
div.detailBox div.infoBox div.design_option > dl {margin: 0px 5px 0px 25px; }
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%;height:90px;}
.fine-uploader1{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 { width:620px; margin-left:470px; margin-top:20px; padding-top:0px; z-index:101; }*/
div.btnBox { margin-left:520px;z-index:101;display:inline-block; }
div.btnBox em{font-style:normal;}
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:10%; text-align:center; vertical-align:top; border-right:1px solid #e8e8e8; padding-top:16px; padding-bottom:17px; font-weight:bold; color:#267fb8; background-color:#fcfbfb; }
div.optionBox div.proWrap { display:block; min-height:60px; padding:15px 0px 15px 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 { width:87%; float:left; }
div.optionBox div.proWrap .item_ex { width:13%;  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:40px; }
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; height:30px; padding-top:10px; font-weight:bold; text-align:center; color:#fff; border-radius:3px 3px 0px 0px; box-sizing: content-box;  }
.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; }

div.infoBox .pay2 { float:right; }
div.infoBox .pay2 span.cost { font-size:14px; /*color:#ef4300;*/ margin-right:45px; }

/*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:10px;}
div.bookpay .pay2 .vat_txt_default {  margin-right:50px;  }
div.bookpay .pay2 .vat_txt_option {  }

/*.ncr_chkbox {font-weight: bold;font-size: 12px;color: #d30027;margin: 0 0 10px 15px;}*/

.content_equal_user_input_dt, .content_equal_user_input_dd { display: none; }
.content_equal_user_input_dd > input {width: 400px;}

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;
}
.finishing_sub_options .tooltip_guide {display:inline-block;vertical-align:top;padding:4px 3px 0px;cursor:hand;}