@charset "euc-kr";

/* WebStyle Development Team */
/* CSS : Type Selector, Layout Selector(ID Selector), Class Selector, Etc */
/* CSS : display, overflow, float, position, z-index, width & height, margin & padding, border, font, background, etc */


/* Font */
.fb {font-weight:bold;}
.fb_g {font-size:11px; color:#ababab;}
.fb_b {font-weight:normal;color:#7d7d7d;}
.fn {text-decoration:none; font-weight:normal;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}

.discount {text-decoration:line-through;}

/* Color */
.gold {color:#de2431;}
.orange {color:#FF3E03;}
.yellow {color:#FFFF00;}
.white {color:#ffffff;}
.black {color:#000000;}
.gray {color:#598201;}
.dGray {color:#AAACAE;}
.green {color:#5f8d4d;}
.blue {color:#127BD7;}
.dblue {color:#072389}
.red {color:#FF0000;}
.brown {color:#9D2E2D;}
.purple {color:#B48D9D;}
.blue2 {color:#4e71a1}

/* Link */
a {color:#666666; text-decoration:none;}
a:link, visited, active {color:#666666; text-decoration:none;}
a:hover {color:#666666;text-decoration:underline}

a.navi {color:#000000; text-decoration:none; font-size:11px; padding-top:2px;}
a.navi:link, visited, active {color:#000000; text-decoration:none;}
a.navi:hover {color:#d51c24; text-decoration:none;}

a.navi_on {color:#d51c24; font-weight:bold; font-size:11px; padding-top:2px;}
a.navi_on:link, visited, active {color:#d51c24; font-weight:bold;}
a.navi_on:hover {color:#000000; font-weight:bold;}

/* Float */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both; height:0px;}

/* Margin */
.mar0 {margin:0}
.mar_t2 {margin-top:2px;}
.mar_t5 {margin-top:5px;}
.mar_t7 {margin-top:7px;}
.mar_t9 {margin-top:9px;}
.mar_t10 {margin-top:10px;}
.mar_t15 {margin-top:15px;}
.mar_t19 {margin-top:19px;}
.mar_t20 {margin-top:20px;}
.mar_t30 {margin-top:30px;}
.mar_t40 {margin-top:40px;}
.mar_t55 {margin-top:55px;}
.mar_tnone {margin-top:0px;}

.mar_b2 {margin-bottom:2px;}
.mar_b5 {margin-bottom:5px;}
.mar_b7 {margin-bottom:7px;}
.mar_b8 {margin-bottom:8px;}
.mar_b9 {margin-bottom:9px;}
.mar_b10 {margin-bottom:10px;}
.mar_b12 {margin-bottom:12px;}
.mar_b15 {margin-bottom:15px;}
.mar_b16 {margin-bottom:16px;}
.mar_b19 {margin-bottom:19px;}
.mar_b20 {margin-bottom:20px;}
.mar_b25 {margin-bottom:25px;}
.mar_b30 {margin-bottom:30px;}
.mar_b38 {margin-bottom:38px;}
.mar_bnone {margin-bottom:0px;}

.mar_l5 {margin-left:5px;}
.mar_l10 {margin-left:10px;}
.mar_l15 {margin-left:15px;}
.mar_l20 {margin-left:20px;}
.mar_l23 {margin-left:23px;}
.mar_l25 {margin-left:25px;}
.mar_l30 {margin-left:30px;}
.mar_l40 {margin-left:40px;}
.mar_l46 {margin-left:46px;}
.mar_l67 {margin-left:67px;}
.mar_r5 {margin-right:5px;}
.mar_r15 {margin-right:15px;}
.mar_r18 {margin-right:18px;}
.mar_r27 {margin-right:27px;}
.mar_r30 {margin-right:30px;}
.mar_r33 {margin-right:33px;}
.mar_r40 {margin-right:40px;}
.mar_rnone {margin-right:0px;}


.mar_auto {margin:auto;}

/* Padding */
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}

.pd_none {padding:0px;}

.pd_lnone {padding-left:0px;}
.pd_l3 {padding-left:3px;}
.pd_l5 {padding-left:5px;}
.pd_l6 {padding-left:6px;}
.pd_l10 {padding-left:10px;}
.pd_l11 {padding-left:11px;}
.pd_l12 {padding-left:12px;}
.pd_l15 {padding-left:15px !important;}
.pd_l16 {padding-left:16px;}
.pd_l17 {padding-left:17px;}
.pd_l18 {padding-left:18px;}
.pd_l19 {padding-left:19px;}
.pd_l20 {padding-left:20px;}
.pd_l21 {padding-left:21px;}
.pd_l23 {padding-left:23px;}
.pd_l25 {padding-left:25px;}
.pd_l26 {padding-left:26px;}
.pd_l30 {padding-left:30px;}
.pd_l35 {padding-left:35px;}
.pd_l40 {padding-left:40px;}
.pd_l53 {padding-left:53px;}
.pd_l60 {padding-left:60px;}
.pd_l100 {padding-left:100px;}
.pd_l170 {padding-left:170px;}

.pd_r3 {padding-right:3px;}
.pd_r5 {padding-right:5px;}
.pd_r7 {padding-right:7px;}
.pd_r8 {padding-right:8px;}
.pd_r10 {padding-right:10px;}
.pd_r15 {padding-right:15px;}
.pd_r17 {padding-right:17px;}
.pd_r18 {padding-right:18px;}
.pd_r19 {padding-right:19px;}
.pd_r20 {padding-right:20px;}
.pd_r30 {padding-right:30px;}
.pd_rnone {padding-right:0px;}

.pd_t2 {padding-top:2px;}
.pd_t3 {padding-top:3px;}
.pd_t5 {padding-top:5px;}
.pd_t8 {padding-top:8px;}
.pd_t10 {padding-top:10px;}
.pd_t13 {padding-top:13px;}
.pd_t15 {padding-top:15px !important;;}
.pd_t20 {padding-top:20px;}
.pd_t25 {padding-top:25px;}
.pd_t30 {padding-top:30px;}
.pd_t35 {padding-top:35px;}
.pd_t40 {padding-top:40px;}
.pd_t50 {padding-top:50px;}
.pd_t60 {padding-top:60px;}
.pd_t80 {padding-top:80px;}
.pd_t90 {padding-top:90px;}
.pd_tnone {padding-top:0px;}

.pd_b2 {padding-bottom:2px;}
.pd_b5 {padding-bottom:5px;}
.pd_b8 {padding-bottom:8px;}
.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}
.pd_b20 {padding-bottom:20px;}
.pd_b25 {padding-bottom:25px;}
.pd_b30 {padding-bottom:30px;}
.pd_b45 {padding-bottom:45px;}
.pd_b50 {padding-bottom:50px;}
.pd_bnone {padding-bottom:0px;}


/* spacing */
.sp1 {clear:both; height:1px; font-size:1px; line-height:1px;}
.sp3 {clear:both; height:3px; font-size:3px; line-height:3px;}
.sp5 {clear:both; height:5px; font-size:5px; line-height:5px;}
.sp8 {clear:both; height:8px; font-size:8px; line-height:8px;}
.sp10 {clear:both; height:10px; font-size:1px; line-height:1px;}
.sp15 {clear:both; height:15px;}
.sp20 {clear:both; height:20px;}
.sp22 {clear:both; height:22px;}
.sp25 {clear:both; height:25px;}
.sp30 {clear:both; height:30px;}
.sp35 {clear:both; height:35px;}
.sp40 {clear:both; height:40px;}
.sp45 {clear:both; height:45px;}
.sp50 {clear:both; height:50px;}
.sp80 {clear:both; height:80px;}
.sp90 {clear:both; height:90px;}
.sp100 {clear:both; height:100px;}


/* Align */
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.j {text-align:justify}

.t {vertical-align:top;}
.m {vertical-align:middle;}
.b {vertical-align:bottom;}

/* btn */
.btn_center {padding:10px 0px 10px 0px; text-align:center;}
.btn_right {padding:10px 0px 10px 0px; text-align:right;}

/* ul, ol style  */
.lis01 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis01.gif') left 4px no-repeat; line-height:20px;}
.lis02 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis02.gif') left 4px no-repeat; line-height:20px;}
.lis03 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis03.gif') left 4px no-repeat; line-height:20px;}
.lis04 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis04.gif') left 4px no-repeat; line-height:20px;}
.lis05 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis05.gif') left 4px no-repeat; line-height:20px;}
.lis06 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis06.gif') left 4px no-repeat; line-height:20px;}
.lis07 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis07.gif') left 4px no-repeat; line-height:20px;}
.lis08 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis08.gif') left 4px no-repeat; line-height:20px;}
.lis09 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis09.gif') left 4px no-repeat; line-height:20px;}
.lis10 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis10.gif') left 4px no-repeat; line-height:20px;}
.lis11 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis11.gif') left 4px no-repeat; line-height:20px;}
.lis12 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis12.gif') left 4px no-repeat; line-height:20px;}
.lis13 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis13.gif') left 4px no-repeat; line-height:20px;}
.lis14 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis14.gif') left 4px no-repeat; line-height:20px;}
.lis15 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis15.gif') left 4px no-repeat; line-height:20px;}
.lis16 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis16.gif') left 4px no-repeat; line-height:20px;}
.lis17 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis17.gif') left 4px no-repeat; line-height:20px;}
.lis18 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis18.gif') left 4px no-repeat; line-height:20px;}
.lis19 {padding-left:22px; font-size:11px; background:url('/images/common/img_lis19.gif') left 4px no-repeat; line-height:20px;}

.ico_q {padding:1px 0px 0px 23px; color:#406297; line-height:18px; padding-bottom:5px; background:url('/images/social/ico_q.gif') left top no-repeat;}
.ico_a {padding:2px 0px 0px 23px; color:#898989; line-height:18px; background:url('/images/social/ico_a.gif') left top no-repeat;}


/* Border Style */
.bor_solid_t {border-top:1px solid #c9c9c9;}
.bor_solid_r {border-right:1px solid #c9c9c9;}
.bor_solid_b {border-bottom:1px solid #c9c9c9;}
.bor_solid_l {border-left:1px solid #c9c9c9;}
.bor_solid {border:1px solid #c9c9c9;}
.bor0 {border:0px;}
.bor_dot_b {border-bottom:1px dashed #c9c9c9;}
.dot_h {background:url('/images/common/dot_h.gif') left bottom repeat-x;}

/* Table Border */
th.noBg {background-image:none;}
th.bor_none  {border:0px;}
th.bor_rnone {border-right:0px;}
th.bor_lnone {border-left:0px;}
th.bor_bnone {border-bottom:0px;}
th.bor_tline {border-top:1px solid #C7C7C7;}
th.bor_bline {border-bottom:1px solid #C7C7C7;}
th.bor_gline {height:2px; border-bottom:1px solid #d3d3d3;}

td.noBg {background-image:none;}
td.bor_rline {height:20px; border-bottom:1px solid #ac191b;}
td.bor_bline {border-bottom:1px solid #c7c7c7;}
td.bor_gline {height:2px; border-bottom:1px solid #ffffff;}
td.bor_none {border:0px;}
td.bor_lnone {border-left:0px;}
td.bor_rnone {border-right:0px;}
td.bor_bnone {border-bottom:0px;}
td.gray {background-color:#F7F7F7; color:#565656; text-align:center;}

/* Table Padding */
th.t {vertical-align:top;}
th.l {text-align:left;}
th.l5 {text-align:left; padding-left:5px;}
th.l10 {text-align:left; padding-left:10px;}
th.l15 {text-align:left; padding-left:15px;}
th.r5 {text-align:right; padding-right:5px;}
th.r10 {text-align:right; padding-right:10px;}

td.t {vertical-align:top;}
td.t5 {padding-top:5px;}
td.t7 {padding-top:7px;}
td.t10 {padding-top:10px;}

td.r {text-align:right;}
td.r5 {text-align:right; padding-right:5px;}
td.r10 {text-align:right; padding-right:10px;}
td.r15 {text-align:right; padding-right:15px;}
td.r40 {text-align:right; padding-right:40px;}

td.b5 {padding-bottom:5px}

td.l {text-align:left;}
td.l5 {text-align:left; padding-left:5px;}
td.l10 {text-align:left; padding-left:10px;}
td.l15 {text-align:left; padding-left:15px;}

td.c {padding-left:0px; padding-right:0px; text-align:center;}
td.pd_none {padding:0px;}

.png24 {tmp:expression(setPng24(this));}
.hidden {display:none}
.pointer{cursor:pointer;}
.strong {font-weight:900}
.both {clear:both}
.in_block {display:inline-block}
.ov_hidden {overflow:hidden}

.mppro_scroll {
    overflow: scroll;
    overflow-x: hidden;
    height: 380px;
}