@charset "utf-8";

#PageCommon {padding:15px 0;font-size:16px;line-height:1.6;color:#777;letter-spacing:-0.3px}
#PageCommon *,#PageCommon *:after, #PageCommon *:before {box-sizing:border-box}
#PageCommon .tit_area{text-align:center}
#PageCommon .tit_area p {margin-bottom:25px;font-size:24px;font-weight:bold;line-height:1.4;color:#333;white-space:pre-line}

/*인사말*/
#page0101 {overflow:hidden;}
#page0101 .tit {font-size:1.9em;line-height:1.4em; letter-spacing:-0.07em;padding-bottom:35px;}
#page0101 .tit .sec{color:#8b8b8b;}
#page0101 .tit strong {color:#ff6b2a;font-size:1.075em;font-weight:bold;}
#page0101 .text_area {margin-top:30px;overflow:hidden;font-size:15px;line-height:26px;color:#666;letter-spacing:-0.075em;}
#page0101 .half_l {width:490px;float:left;text-align:justify;}
#page0101 .half_l strong {font-weight:bold;display:block;}
#page0101 .half_r {width:490px;float:right;text-align:justify;}
#page0101 .sign {float:right;padding-top:30px;}


/* 구매가이드 */
#PageCommon .prc_area {overflow:hidden;position:relative;width:780px;padding:50px 0;margin:0 auto;text-align:center}
#PageCommon .prc_area li {float:left;position:relative;width:120px;height:120px;margin-left:29px;border:1px solid;border-radius:180px;behavior:url(/js/PIE.htc);font-weight:bold;line-height:120px;color:#444;background-color:#fff}
#PageCommon .prc_area li:before {display:block;content:"";position:absolute;left:-30px;top:50%;width:30px;height:1px;background-color:#ddd}
#PageCommon .prc_area li .dot {position:absolute;top:47%;left:-5px;display:block;width:10px;height:10px;border:1px solid;border-radius:9px;background-color:#fff}
#PageCommon .prc_area li.first, #PageCommon .prc_area li.last {border:none;color:#fff}
#PageCommon .prc_area li.first:before {display:none}
#PageCommon .prc_area li.first:after, #PageCommon .prc_area li.last:after {position:absolute;top:5px;left:5px;content:'';width:110px;height:110px;border:1px solid rgba(255,255,255,.5);border-radius:110px;;behavior:url(/js/PIE.htc);}

#PageCommon .prc_cont li {position:relative;padding:20px 0 20px 30px;margin-bottom:35px;background-color:#f7f7f7}
#PageCommon .prc_cont li:after {display:block;content:'';visibility:hidden;clear:both}
#PageCommon .prc_cont li:nth-child(2n) {border:1px solid #ddd;background-color:#fff}
#PageCommon .prc_cont li:before {display:block;position:absolute;left:-8px;top:50%;margin-top:-3px;content:'';width:17px;height:3px}
#PageCommon .prc_cont li:nth-child(2n):before {background-color:#ccc!important}
#PageCommon .prc_cont li .num {display:inline-block;width:10%;font-size:12px;font-weight:800;color:#333;font-style:italic;letter-spacing:2px;text-transform:uppercase}
#PageCommon .prc_cont li .num em {padding-left:5px;font-size:20px;letter-spacing:-0.3px}
#PageCommon .prc_cont li .pd_l {float:left;padding-top:10px}