@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px; border-bottom:1px solid #d4d4d4; *zoom:1;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:467px; display:none;}
.ad_right{top:467px; display:none;}

/* common */
select {height:24px; vertical-align:middle;}
input[type="text"] {height:22px; line-height:22px; padding:0 5px; border:1px solid #aaa; vertical-align:middle; text-align:center; color:#777; letter-spacing:0 !important;}
textarea {border:1px solid #aaa;}
br {letter-spacing:0;}
input[type="text"]:hover, 
select:hover,
select:focus,
textarea:hover,
input[type="text"]:focus, 
textarea:focus {border:1px solid #000 !important;}
a {cursor:pointer}

/* dp_area */
.dp_area {border:1px solid #3b3736;*zoom:1;}
.dp_area:after {display:block; clear:both; content:"";}
.dp_area div {float:left; width:488px; height:55px; line-height:55px; font-size:15px; font-weight:bold; color:#969291; text-align:center; letter-spacing:-1px; background:#3b3736 url(/_design/m1/img/order_icon.png) no-repeat -1000px 0;}
.dp_area div span {display:inline-block; margin-bottom:4px; .margin-bottom:0; padding-right:5px; font-size:10px; font-weight:normal; font-family:Tahoma; letter-spacing:0; vertical-align:middle;}
.dp_area .on {background:#fff; color:#b01e24;}
.dp_area .on span {color:#969291;}
.dp_area .arr {width:28px; background-position:-28px 0;}
.dp_area .arr_on {width:28px; background-position:0 0;}


/* order_area */
.order_area * {font-size:11px;}
.order_area {margin-top:40px;}
.order_area .tit {height:19px; margin-left:4px;}
.order_area .order_box {margin-top:11px; padding:4px; background:#f2f2f2;}

.order_area .box_wrap1 {padding:17px 0 18px 22px; border:1px solid #acacac; border-bottom:0; background:#fff; *zoom:1;}
.order_area .box_wrap1:after {display:block; clear:both; content:"";}
.order_area .box_wrap1 div {float:left; height:109px;}
.order_area .box_wrap1 dl {padding-top:20px; text-align:center;}
.order_area .box_wrap1 dt p {height:12px; margin:0 auto; background:url(/_design/m1/img/order_icon.png) no-repeat -1000px 0;}
.order_area .box_wrap1 dd {padding-top:16px; height:27px; line-height:27px; color:#222;}
.order_area .box_wrap1 .thumnail {margin-right:46px;}
.order_area .box_wrap1 .card_no {width:131px; margin-right:33px;}
.order_area .box_wrap1 .card_no dt p {width:37px; background-position:0 -228px;}
.order_area .box_wrap1 .card_no dd .code {font-size:18px; font-weight:bold;}
.order_area .box_wrap1 .card_no dd .item_more {display:block; width:52px; height:18px; margin:11px auto 0; .margin:14px auto 0; overflow:hidden; vertical-align:top;}
.order_area .box_wrap1 .card_no dd .item_more:hover img {margin-top:-18px;}
.order_area .box_wrap1 .price {width:146px; border-left:1px solid #eee;}
.order_area .box_wrap1 .price dt p {width:38px; background-position:-40px -228px;}
.order_area .box_wrap1 .discount {width:146px; border-left:1px solid #eee;}
.order_area .box_wrap1 .discount dt p {width:28px; background-position:-81px -228px;}
.order_area .box_wrap1 .discount .price,
.order_area .box_wrap1 .discount .discount {border:0;}
.order_area .box_wrap1 .qty {width:146px; border-left:1px solid #eee;}
.order_area .box_wrap1 .qty dt p {width:37px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat 0 -44px;}
.order_area .box_wrap1 .total_price {width:210px; border-left:1px solid #eee;}
.order_area .box_wrap1 .total_price dt p {width:37px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat -45px -44px;}
.order_area .box_wrap1 .total_price .total_price {border:0; font-weight:bold; color:#bc1414;}


.price_box_area {padding-bottom:44px; border:1px solid #acacac; border-top:0; border-bottom:0; background:#fff url(/_design/m1/img/bg_price_box.gif) repeat-x 0 51px;}
.price_box_area .price_box {border-top:1px solid #ddd; border-bottom:1px solid #ddd; *zoom:1;}
.price_box_area .price_box:after {display:block; clear:both; content:"";}
.price_box_area .price_box li {position:relative; float:left; height:49px; line-height:49px; text-align:center;}
.price_box_area .price_box .basic_price,
.price_box_area .price_box .delivery_box {width:25%; background:#f4f4f4; font-weight:bold; color:#666;}
.price_box_area .price_box .price_area {width:49.9%; font-weight:bold; color:#bc1414;}
.price_box_area .price_box .price_area b {font-size:14px; font-family:Dotum; letter-spacing:-1px;}
.price_box_area .price_box .tit {display:inline-block; height:12px; margin-bottom:2px; .margin-bottom:0px; margin-right:10px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat -1000px 0; vertical-align:middle;}
.price_box_area .price_box .tit span {display:none;}
.price_box_area .price_box .basic_price .tit {width:37px; background-position:0 0;}
.price_box_area .price_box .delivery_box .tit {width:27px; background-position:-46px 0;}
.price_box_area .price_box .price_area .tit {width:61px; background-position:-80px 0;}

.price_box_area .price_box li div {position:absolute; right:52%; background:url(/_design/m1/img/order_icon.png) no-repeat -1000px 0;}
.price_box_area .price_box li .plus {left:-16px; top:9px; width:33px; height:33px; background-position:-140px 0;}
.price_box_area .price_box li .equals_sign {left:-16px; top:9px; width:33px; height:33px; background-position:-107px 0;}


.order_area .box_wrap2 {padding:0 0 27px 22px; border:1px solid #acacac; border-top:0; background:#fff; *zoom:1;}
.order_area .box_wrap2:after {display:block; clear:both; content:"";}
.order_area .box_wrap2 .box_ttl {width:947px; margin-bottom:14px; padding:0 0 10px 5px; border-bottom:1px solid #f4f4f4; *zoom:1;}
.order_area .box_wrap2 .box_ttl:after {display:block; clear:both; content:"";}
.order_area .box_wrap2 .box_ttl p {float:left; width:59px; height:13px; margin-right:5px; background:url(/_design/m1/img/order_icon.png) no-repeat 0 -269px;}
.order_area .box_wrap2 .box_ttl span {display:block; float:left; height:13px; line-height:13px; font-size:11px; letter-spacing:-1px; color:#a6a6a6;}
.order_area .box_wrap2 .order_field {float:left;}		/* left */
.order_area .box_wrap2 .order_field dl {*zoom:1;}
.order_area .box_wrap2 .order_field dl:after {display:block; clear:both; content:"";}
.order_area .box_wrap2 .order_field dl dt {float:left; width:77px; height:31px; line-height:31px; font-size:11px; font-weight:bold; text-indent:5px; letter-spacing:-1px; color:#777;}
.order_area .box_wrap2 .order_field dl dd {float:left; height:31px; line-height:31px;}
.order_area .box_wrap2 .order_field .order_nm input {width:190px;}
.order_area .box_wrap2 .order_field .order_tel input,
.order_area .box_wrap2 .order_field .order_hp input {width:35px;}
.order_area .box_wrap2 .order_field .initials .calendar {display:inline-block; width:22px; height:22px; margin-right:0; .margin-right:4px; border:1px solid #aaa; background:url(/_design/m1/img/order_icon.png) no-repeat -58px -1px; vertical-align:middle;}
.order_area .box_wrap2 .order_field .initials .calendar:hover {border:1px solid #000;}
.order_area .box_wrap2 .order_field .initials input {width:101px;}
.order_area .box_wrap2 .no_member_agree {float:right; width:406px; margin-right:30px;}		/* right */
.order_area .box_wrap2 .no_member_agree dt {margin-top:6px; *zoom:1;}
.order_area .box_wrap2 .no_member_agree dt:after {display:block; clear:both; content:"";}
.order_area .box_wrap2 .no_member_agree dt p {float:left; width:137px; height:12px; background:url(/_design/m1/img/order_icon.png) no-repeat -184px -228px;}
.order_area .box_wrap2 .no_member_agree dt div {float:left; padding-left:25px; font-size:11px; letter-spacing:-1px; color:#a6a6a6;}
.order_area .box_wrap2 .no_member_agree dt span {float:right; font-size:11px; letter-spacing:-1px; color:#666;}
.order_area .box_wrap2 .no_member_agree dt input {vertical-align:middle; .vertical-align:top; margin:0 3px 0 0; .margin:-6px 0 0 0;}
.order_area .box_wrap2 .no_member_agree dt .no {margin-left:5px;}
.order_area .box_wrap2 .no_member_agree dd {padding-top:5px;}
.order_area .box_wrap2 .no_member_agree dd textarea {width:393px; height:83px; padding:5px; border:1px solid #d9d9d9;}



/* delivery_area */
.delivery_area {margin-top:37px;}
.delivery_area .tit {height:19px; margin-left:5px;}
.delivery_area .card_box {margin-top:10px; padding:4px; background:#f2f2f2;}

.delivery_area .form_area {padding:23px; border:1px solid #acacac; background:#fff;}


.delivery_area .form_area li {position:relative; padding:15px 0; border-bottom:1px solid #e6e6e6; vertical-align:top; *zoom:1;}
.delivery_area .form_area li:after {display:block; clear:both; content:"";}
.delivery_area .form_area li * {font-size:11px; letter-spacing:-1px; color:#b0b0b0;}
.delivery_area .form_area .ex_txt {padding:7px 0 11px 16px;}
.delivery_area .form_area .ex_txt p {width:265px; height:13px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat 0 -14px;}

.delivery_area .form_area dl {*zoom:1;}
.delivery_area .form_area dl:after {display:block; clear:both; content:"";}
.delivery_area .form_area dt {float:left; width:45px; padding:5px 0 0 4px;}
.delivery_area .form_area dt p {width:28px; height:12px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat 0 -241px; vertical-align:middle;}
.delivery_area .form_area dd {float:left; *zoom:1;}
.delivery_area .form_area dd:after {display:block; clear:both; content:"";}


.delivery_area .form_area .choice {padding-top:5px;}
.delivery_area .form_area .choice p {float:left; margin-right:20px;}
.delivery_area .form_area .choice input {vertical-align:middle;}
.delivery_area .form_area .choice label {display:inline-block; vertical-align:middle; height:12px; background:url(/_design/m1/img/order_acc_icon.png) no-repeat -1000px 0; cursor:pointer;}
.delivery_area .form_area .choice label span {display:none;}
.delivery_area .form_area .choice .parcel label {width:19px; background-position:0 -30px;}
.delivery_area .form_area .choice .quick label {width:28px; background-position:-27px -30px;}

.delivery_area .form_area .address dt p {width:19px; background-position:-63px -30px;}
.delivery_area .form_area .address .zip_code input {width:26px;}
.delivery_area .form_area .address .zip_code .zip_code_srh {display:inline-block; height:24px; overflow:hidden; vertical-align:middle;}
.delivery_area .form_area .address .zip_code .zip_code_srh:hover img {margin-top:-24px;}
.delivery_area .form_area .address .add {padding-top:4px;}
.delivery_area .form_area .address .add input {width:416px; text-align:left;}
.delivery_area .form_area .address .add span input {width:299px;}

.delivery_area .form_area .name dt p {width:19px; background-position:-90px -30px;}
.delivery_area .form_area .name input {width:96px;}

.delivery_area .form_area .tel input {width:41px;}
.delivery_area .form_area .tel .line {position:absolute; left:260px; top:10px; width:1px; height:34px; background:#e6e6e6;}
.delivery_area .form_area .phone {float:left; margin-right:55px;}
.delivery_area .form_area .phone dt p {width:37px; background-position:-117px -30px;}
.delivery_area .form_area .mobile {float:left;}
.delivery_area .form_area .mobile dt p {width:29px; background-position:-162px -30px;}

.delivery_area .form_area .ex {border:0; padding-bottom:0;}
.delivery_area .form_area .ex dt p {width:37px; background-position:-199px -30px;}
.delivery_area .form_area .ex textarea {width:851px; height:58px; padding:5px;}











/* order_btn_area */
.order_btn_area {text-align:center; margin-top:45px;}
.order_btn_area a {display:inline-block; width:226px; height:65px; color:#888585; background:url(/_design/m1/img/order_icon.png) no-repeat -441px -85px;}
.order_btn_area a span {display:block; margin:0 auto; padding:11px 0 3px; .padding:14px 0 7px; font-size:16px; font-weight:bold; color:#3b3736;}
.order_btn_area a:hover {text-decoration:none; background-position:-441px -151px;}


/* icon */
.icon p {background:url(/_design/m1/img/order_icon.png) no-repeat -1000px 0;}
.icon .plus_b {width:33px; height:33px; background-position:-140px 0;}
.icon .equal_b {width:33px; height:33px; background-position:-107px 0;}
.icon .card {width:86px; height:70px; background-position:0 -617px;}

.icon .checkbox {display:inline-block; width:16px; height:16px; background-position:-57px -39px !important; cursor:pointer;}
.icon .on {width:21px; height:19px; background-position:-74px -36px !important}


.icon .btn_add_help {width:64px; height:19px; background-position:-132px -85px !important; cursor:pointer;}
.icon .btn_add_help:hover {background-position:-132px -105px !important;}
.icon .calendar {width:24px; height:24px; background-position:-57px 0; cursor:pointer;}
.icon .location {width:24px; height:24px; background-position:-82px 0; cursor:pointer;}
.icon .envelopes {width:81px; height:66px; background-position:-87px -617px;}
.icon .envelope {width:72px; height:57px; background-position:-242px -626px;}
.icon .envelope_blank {width:72px; height:57px; background-position:-242px -626px;}
.icon .envelope_groom {width:72px; height:61px; background-position:-315px -622px;}
.icon .envelope_bride {width:72px; height:61px; background-position:-388px -622px;}
.icon .btn_add_help_s {width:20px; height:19px; background-position:-197px -85px !important; cursor:pointer;}
.icon .btn_add_help_s:hover {background-position:-197px -105px !important;}