@charset "utf-8";
/* ==========================================================================
	 icon
	 ========================================================================== */
.iconset {display:inline-block; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:0 0; background-attachment:scroll; font-size:0; line-height:0; vertical-align:middle;}
.nico-test {width:15px; height:15px; background-image:url('/img/ico/ico_test.png');}

.nico-ra {width:6px; height:15px; background-image:url('/img/ico/ico_ra_black.png');}
.nbtn:hover .nico-ra {background-position:0 -20px;}

.nico-like {width:16px; height:14px; background-image:url('/img/ico/ico_like_mid.png');}
.nbtn:hover .nico-like {background-position:0 -24px;}

.nbtn.bt-hover .nico-like {background-position:0 -24px;}

.nico-reply {width:13px; height:13px; background-image:url('/img/ico/ico_pencil.png?cashBuster=20191126');}
.nbtn:hover .nico-reply {background-position:0 -23px;}
.nico-circle {width:16px; height:16px; margin-top:-2px; background-image:url('/img/ico/ico_circle.png');}
.nico-circle-out {width:16px; height:16px; margin-top:-2px; background-image:url('/img/ico/ico_circle_out.png');}
.nico-circle-manage {width:16px; height:16px; margin-top:-2px; background-image:url('/img/ico/ico_circle_manage.png');}
.nico-prev-ad {width:6px; height:15px; background-image:url('/img/ico/ico_prev_ad.png?cashBuster=20191126');}
.nbtn:hover .nico-prev-ad {background-position:0 -20px;}
.nico-next-ad {width:6px; height:15px; background-image:url('/img/ico/ico_next_ad.png?cashBuster=20191126');}
.nbtn:hover .nico-next-ad {background-position:0 -20px;}

.follow-button {display:inline-block; margin:0; padding:0; width:100%; height:30px; border:1px solid #3683d8; border-radius:4px; background:#fff; line-height:28px; color:#3683d8; font-size:13px; cursor:pointer; box-sizing:border-box; vertical-align:middle;}
.follow-button > i {display:inline-block; margin-right:6px; width:15px; height:16px; background:url('/img/ico/ico_follow.png') no-repeat 0 0; vertical-align:-3px;}
/* .follow-button > span { vertical-align:middle; } */
.follow-button.following {background:#3683d8; color:#fff;}
.follow-button.following > i { background-image:url('/img/ico/ico_following.png'); }

.rating-input .rating {position: relative; overflow: hidden; display: inline-block; height: 17px; vertical-align: -6px;}
.rating-input .rating .val {overflow: hidden; float: left; display: block; width: 18px; height: 17px; background: url(/img/ico/ico_rating.png) no-repeat 50% -21px;}
.rating-input .rating .val.active {background-position: 50% 0;}
.rating-input .rating .val input {position: absolute; left: -999em;}
.rating-input .rating-val-txt {display: inline-block; width: 36px; /*height: 28px; border: 1px solid #ccc;*/ border-radius: 4px; color: #666; font-size: 13px;
								line-height: 30px; vertical-align: top; background-color: #fff; text-align: center;}

.rating-input .rating-preview {position:relative; overflow: hidden; display: inline-block; width:90px; height: 18px; background: url(/img/ico/ico_rating.png) repeat-x 0 -20px; vertical-align:-6px;}
.rating-input .rating-preview .val {overflow: hidden; float: left; display: block; height: 17px; background: url(/img/ico/ico_rating.png) repeat-x 0 0;}

.ico_lock, .ico_lock2 {display: inline-block;}
.ico_lock:before {content:'';display:inline-block;width:14px;height:12px;background: url(/img/ico/ico_lock_w.png) no-repeat 50% 50%;vertical-align: -2px;}
.ico_lock2:before {content: ''; display: inline-block; width: 13px; height: 13px; background: url(/img/ico/ico_lock.png) no-repeat 50% 50%; vertical-align: -1px;}
.ico_leader{display: inline-block;font-size:11px;line-height:14px;letter-spacing:-0.1em;color:#1f5dbe; margin:3px 0 0 0}
.ico_leader:before {content:'';display:inline-block;width:17px;height:12px;background: url(/img/ico/ico_circle_leader.png) no-repeat 50% 50%;vertical-align: -2px;}


/* ==========================================================================
	 badge
	 ========================================================================== */
/* badge-level */
.badge-level {display:inline-block; overflow:hidden; height:24px; padding:0 7px 0 22px; margin-right:3px; border:1px solid #D8DADD; border-radius:3px; background:url('/img/ico/ico_badge_level.png') no-repeat 0 center #fff; color:#686868; font-size:11px; line-height:23px; letter-spacing:0; vertical-align:middle; box-sizing:border-box;}
.badge-level {padding:0 5px 0 20px; height:21px; line-height:19px;}
.badge-level +* {/*cursor:pointer;*/}
.badge-level.lv-,
.badge-level.lv-1,
.badge-level.lv-2,
.badge-level.lv-3,
.badge-level.lv-4,
.badge-level.lv-5 {background-position:3px 3px; display: none;}
.badge-level.lv-6,
.badge-level.lv-7,
.badge-level.lv-8,
.badge-level.lv-9,
.badge-level.lv-10 {background-position:3px -21px; display: none;}
.badge-level.lv-11,
.badge-level.lv-12,
.badge-level.lv-13,
.badge-level.lv-14,
.badge-level.lv-15 {background-position:3px -45px; display: none;}
.badge-level.lv-16,
.badge-level.lv-17,
.badge-level.lv-18,
.badge-level.lv-19,
.badge-level.lv-20 {background-position:3px -69px; display: none;}
.badge-level.lv-21,
.badge-level.lv-22,
.badge-level.lv-23,
.badge-level.lv-24,
.badge-level.lv-26,
.badge-level.lv-25 {background-position:3px -94px; display: none;}
.badge-level.lv-ifa {background-position:3px -119px;}
.badge-level.lv-fa {background-position:3px -144px;}
.badge-level.lv-manage {background-position:5px -166px;}


.badge-invest {display:inline-block; width:42px; height:43px; background: url(/img/ico/ico_badge_invest_0.png) no-repeat 50% 50%; vertical-align:middle;}
.badge-invest.type1 {background-image: url(/img/ico/ico_badge_invest_1.png);}
.badge-invest.type2 {background-image: url(/img/ico/ico_badge_invest_2.png);}
.badge-invest.type3 {background-image: url(/img/ico/ico_badge_invest_3.png);}
.badge-invest.type4 {background-image: url(/img/ico/ico_badge_invest_4.png);}
.badge-invest.type5 {background-image: url(/img/ico/ico_badge_invest_5.png);}
.badge-invest2 {display:inline-block; width:56px; height:62px; background: url(/img/ico/ico_badge_invest2_0.png) no-repeat 50% 50%; vertical-align:middle;}
.badge-invest2.type1 {background-image: url(/img/ico/ico_badge_invest2_1.png);}
.badge-invest2.type2 {background-image: url(/img/ico/ico_badge_invest2_2.png);}
.badge-invest2.type3 {background-image: url(/img/ico/ico_badge_invest2_3.png);}
.badge-invest2.type4 {background-image: url(/img/ico/ico_badge_invest2_4.png);}
.badge-invest2.type5 {background-image: url(/img/ico/ico_badge_invest2_5.png);}

.badge-ifa {display: inline-block; width: 60px; height: 66px; background: url(/img/badge/badge_ifa_lv_.png) no-repeat 50% 50%;}
.badge-ifa.lv-general {background-image: url(/img/badge/badge_ifa_lv_general.png);}
.badge-ifa.lv-senior {background-image: url(/img/badge/badge_ifa_lv_senior.png);}
.badge-ifa.lv-expert {background-image: url(/img/badge/badge_ifa_lv_expert.png);}
.badge-ifa.lv-executive {background-image: url(/img/badge/badge_ifa_lv_executive.png);}
.badge-ifa.lv-royal {background-image: url(/img/badge/badge_ifa_lv_royal.png);}

.badge-ifa2 {display: inline-block; width:80px; height:88px; background: url(/img/adv/badge_ifa_lv2_.png) no-repeat 50% 50%;}
.badge-ifa2.lv-general {background-image: url(/img/badge/badge_ifa_lv2_general.png);}
.badge-ifa2.lv-senior {background-image: url(/img/badge/badge_ifa_lv2_senior.png);}
.badge-ifa2.lv-expert {background-image: url(/img/badge/badge_ifa_lv2_expert.png);}
.badge-ifa2.lv-executive {background-image: url(/img/badge/badge_ifa_lv2_executive.png);}
.badge-ifa2.lv-royal {background-image: url(/img/badge/badge_ifa_lv2_royal.png);}

.badge-ifa-title {display: inline-block; width:58px; height: 62px; background: url(/img/badge/bdg_ifa_title_no.png) no-repeat 50% 50%;}
.badge-ifa-title.type-1 {background-image: url(/img/badge/bdg_ifa_title_02.png);}
.badge-ifa-title.type-2 {background-image: url(/img/badge/bdg_ifa_title_05.png);}
.badge-ifa-title.type-3 {background-image: url(/img/badge/bdg_ifa_title_04.png);}
.badge-ifa-title.type-4 {background-image: url(/img/badge/bdg_ifa_title_01.png);}
.badge-ifa-title.type-5 {background-image: url(/img/badge/bdg_ifa_title_03.png);}
.badge-ifa-title.type-6 {background-image: url(/img/badge/bdg_ifa_title_06.png);}
.badge-ifa-title.type-1.no_badge {background-image: url(/img/badge/bdg_ifa_title_02_no.png);}
.badge-ifa-title.type-2.no_badge {background-image: url(/img/badge/bdg_ifa_title_05_no.png);}
.badge-ifa-title.type-3.no_badge {background-image: url(/img/badge/bdg_ifa_title_04_no.png);}
.badge-ifa-title.type-4.no_badge {background-image: url(/img/badge/bdg_ifa_title_01_no.png);}
.badge-ifa-title.type-5.no_badge {background-image: url(/img/badge/bdg_ifa_title_03_no.png);}
.badge-ifa-title.type-6.no_badge {background-image: url(/img/badge/bdg_ifa_title_06_no.png);}

.badge-member {display: inline-block; width: 37px; height: 36px; background: url(/img/adv/badge_member_lv.png) no-repeat; vertical-align:middle;}
.badge-member.lv-bronze {background-image: url(/img/ico/badge_member_lv_1.png);}
.badge-member.lv-silver {background-image: url(/img/ico/badge_member_lv_2.png);}
.badge-member.lv-gold {background-image: url(/img/ico/badge_member_lv_3.png);}
.badge-member.lv-vip {background-image: url(/img/ico/badge_member_lv_4.png);}
.badge-member.lv-vvip {background-image: url(/img/ico/badge_member_lv_5.png);}
.badge-member2 {display: inline-block; width: 56px; height: 62px; background: url(/img/ico/badge_member_lv2_1.png) no-repeat; vertical-align:middle;}
.badge-member2.lv-bronze {background-image: url(/img/ico/badge_member_lv2_1.png);}
.badge-member2.lv-silver {background-image: url(/img/ico/badge_member_lv2_2.png);}
.badge-member2.lv-gold {background-image: url(/img/ico/badge_member_lv2_3.png);}
.badge-member2.lv-vip {background-image: url(/img/ico/badge_member_lv2_4.png);}
.badge-member2.lv-vvip {background-image: url(/img/ico/badge_member_lv2_5.png);}
.badge-member3 {display: inline-block; width: 80px; height: 86px; background: url(/img/ico/badge_member_lv3_1.png) no-repeat; vertical-align:middle;}
.badge-member3.lv-bronze {background-image: url(/img/ico/badge_member_lv3_1.png);}
.badge-member3.lv-silver {background-image: url(/img/ico/badge_member_lv3_2.png);}
.badge-member3.lv-gold {background-image: url(/img/ico/badge_member_lv3_3.png);}
.badge-member3.lv-vip {background-image: url(/img/ico/badge_member_lv3_4.png);}
.badge-member3.lv-vvip {background-image: url(/img/ico/badge_member_lv3_5.png);}

.badge-member-title {display: inline-block; width: 66px; height: 72px; background: url(/img/badge/no_badge.png) no-repeat 50% 50%; vertical-align: middle;}
.badge-member-title.bdg_u010 {background-image: url(/img/badge/bdg_u010.png);}
.badge-member-title.bdg_u011 {background-image: url(/img/badge/bdg_u011.png);}
.badge-member-title.bdg_u012 {background-image: url(/img/badge/bdg_u012.png);}
.badge-member-title.bdg_u020 {background-image: url(/img/badge/bdg_u020.png);}
.badge-member-title.bdg_u021 {background-image: url(/img/badge/bdg_u021.png);}
.badge-member-title.bdg_u022 {background-image: url(/img/badge/bdg_u022.png);}
.badge-member-title.bdg_u023 {background-image: url(/img/badge/bdg_u023.png);}
.badge-member-title.bdg_u030 {background-image: url(/img/badge/bdg_u030.png);}
.badge-member-title.bdg_u031 {background-image: url(/img/badge/bdg_u031.png);}
.badge-member-title.bdg_u032 {background-image: url(/img/badge/bdg_u032.png);}
.badge-member-title.bdg_u033 {background-image: url(/img/badge/bdg_u033.png);}
.badge-member-title.bdg_u040 {background-image: url(/img/badge/bdg_u040.png);}
.badge-member-title.bdg_u041 {background-image: url(/img/badge/bdg_u041.png);}
.badge-member-title.bdg_u042 {background-image: url(/img/badge/bdg_u042.png);}
.badge-member-title.bdg_u050 {background-image: url(/img/badge/bdg_u050.png);}
.badge-member-title.bdg_u051 {background-image: url(/img/badge/bdg_u051.png);}
.badge-member-title.bdg_u052 {background-image: url(/img/badge/bdg_u052.png);}
.badge-member-title.bdg_u060 {background-image: url(/img/badge/bdg_u060.png);}
.badge-member-title.bdg_u061 {background-image: url(/img/badge/bdg_u061.png);}
.badge-member-title.bdg_u062 {background-image: url(/img/badge/bdg_u062.png);}
.badge-member-title.bdg_u070 {background-image: url(/img/badge/bdg_u070.png);}
.badge-member-title.bdg_u071 {background-image: url(/img/badge/bdg_u071.png);}
.badge-member-title.bdg_u072 {background-image: url(/img/badge/bdg_u072.png);}
.badge-member-title.bdg_u080 {background-image: url(/img/badge/bdg_u080.png);}
.badge-member-title.bdg_u081 {background-image: url(/img/badge/bdg_u081.png);}
.badge-member-title.bdg_u082 {background-image: url(/img/badge/bdg_u082.png);}
.badge-member-title.bdg_u090 {background-image: url(/img/badge/bdg_u090.png);}
.badge-member-title.bdg_u091 {background-image: url(/img/badge/bdg_u091.png);}
.badge-member-title.bdg_u092 {background-image: url(/img/badge/bdg_u092.png);}
.badge-member-title.bdg_u093 {background-image: url(/img/badge/bdg_u093.png);}
.badge-member-title.bdg_u100 {background-image: url(/img/badge/bdg_u100.png);}
.badge-member-title.bdg_u101 {background-image: url(/img/badge/bdg_u101.png);}
.badge-member-title.bdg_u102 {background-image: url(/img/badge/bdg_u102.png);}
.badge-member-title.bdg_u110 {background-image: url(/img/badge/bdg_u110.png);}
.badge-member-title.bdg_u111 {background-image: url(/img/badge/bdg_u111.png);}
.badge-member-title.bdg_u112 {background-image: url(/img/badge/bdg_u112.png);}
.badge-member-title.bdg_u113 {background-image: url(/img/badge/bdg_u113.png);}
.badge-member-title.bdg_u114 {background-image: url(/img/badge/bdg_u114.png);}
.badge-member-title.no_badge {position:relative;}
.badge-member-title.no_badge:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/img/badge/badge_member_title_no_badge.png) no-repeat 50% 50%;}


/* ==========================================================================
	 button
	 ========================================================================== */
.nbtn {display:inline-block; overflow:visible; position:relative; min-width:100px; width:auto; height:40px; line-height:38px; margin:0; padding:0 30px; border:1px solid #666; border-radius:5px; background:#fff; color:#333; font-size:16px; font-family:'NanumGothicBold'; font-weight:normal; letter-spacing:0; text-align:center; vertical-align:middle; text-decoration:none; white-space:nowrap; box-sizing:border-box; cursor:pointer;}
.nbtn .nbtn-text {display:inline-block; color:inherit; font:inherit;}
.nbtn:hover {border-color:#134298; color:#134298;}

.nbtn.bt-hover {border-color:#134298; color:#134298;}


/* type */
.nbtn-default {border-color:#666; background:#fff; color:#333;}
.nbtn-default:hover {border-color:#134298; color:#134298;}
.nbtn-primary {border-color:#1f5dbe; background:#1f5dbe; color:#fff;}
.nbtn-primary:hover {border-color:#134298; background:#134298; color:#fff;}
.nbtn-type1 {border-color:#ccc; color:#666;}
.nbtn-type1:hover {border-color:#134298; color:#134298;}
.nbtn-type2 {border-color:#7b818c; background:#7b818c; color:#fff;}
.nbtn-type2:hover {border-color:#134298; background:#134298; color:#fff;}

/* size */
.nbtn-mini {padding:0 10px; min-width:0; height:24px; line-height:22px; border-radius:3px; font-family:'NanumGothic'; font-weight:normal; font-size:13px;}
.nbtn-small {padding:0 10px; min-width:0; height:30px; line-height:27px; border-radius:3px; font-family:'NanumGothic'; font-weight:normal; font-size:13px;}

.nbtn-large {}

/* width */
.nbtn-width1 {min-width:100px;}
.nbtn-width2 {min-width:90px;}
.nbtn-width3 {min-width:60px;}

/* icon + text */
.nbtn .iconset {margin-right:6px;margin-top:-4px;}
.nbtn .nbtn-text + .iconset {margin-left:6px; margin-right:0;}



/* ==========================================================================
	 input
	 ========================================================================== */
/* input-ntext
----------------------------------- */
.input-ntext,
.input-ntext[disabled],
.input-ntext[readonly] {display:inline-block; width:auto; height:30px; margin:0; padding:5px 10px; border:1px solid #ccc; border-radius:4px; color:#666; font-size:13px; line-height:normal; vertical-align:middle; box-sizing:border-box;}
.input-ntext[disabled] {cursor:not-allowed;}
.input-ntext[readonly] {cursor:text;}
.input-ntext:focus {border-color:#222;}
.input-ntext[disabled]:focus {border-color:#ccc;}
.input-ntext[readonly]:focus {border-color:#ccc;}.input-text.disable {background:#e4e4e4}
.input-ntext.disable {background:#e4e4e4; cursor:not-allowed;}

.size90 {width:90px !important;}
.size120 {width:120px !important;}
.size160 {width:160px !important;}
.size500 {width:500px !important;} /*뱃지획득알림팝업*/

.size10p {width:10% !important;}
.size20p {width:20% !important;}
.size30p {width:30% !important;}
.size40p {width:40% !important;}
.size50p {width:50% !important;}
.size60p {width:60% !important;}
.size70p {width:70% !important;}
.size80p {width:80% !important;}
.size90p {width:90% !important;}
.size100p {width:100% !important;}

/*common.css 내용추가*/
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;} /*등업가이드*/

.fs-22 {font-size:22px !important;} /*등업가이드*/

.bdl1_e7 {border-left:1px solid #e7eaec !important;} /*등업가이드*/
.bdt1_c1 {border-top:1px solid #c1c4c8 !important;} /*등업가이드*/

	 /*공통*/
.color999 {color:#999 !important;}
.color666 {color:#666 !important;}


/* input-ntextarea
----------------------------------- */
.input-ntextarea,
.input-ntextarea[disabled],
.input-ntextarea[readonly] {display:inline-block; width:auto; height:auto; margin:0; padding:5px 10px; border:1px solid #ccc; border-radius:4px; color:#666; font-size:13px; line-height:normal; vertical-align:middle; box-sizing:border-box;}
.input-ntextarea[disabled] {cursor:not-allowed;}
.input-ntextarea[readonly] {cursor:text;}
.input-ntextarea:focus {border-color:#222;}
.input-ntextarea[disabled]:focus {border-color:#ccc;}
.input-ntextarea[readonly]:focus {border-color:#ccc;}

/* input-nselect
----------------------------------- */
.input-nselect {display:inline-block; position:relative; height:30px !important; margin:0; padding:0; background:#fff; color:#666; font-size:13px; text-align:left; vertical-align:middle;}
.input-nselect:after {z-index:1; content:''; display:block; overflow:hidden; position:absolute; top:50%; right:10px; width:9px; height:6px; margin-top:-3px; background:url('/img/btn/ico_select_arrow.png') no-repeat 0 0; background-image:none\9;}
.input-nselect select {z-index:2; position:relative; width:100%; height:100% !important; margin:0; padding:0 25px 0 10px; padding:5px 5px 5px 10px\9; border:1px solid #ccc; border-radius:4px; background:none; color:inherit; font:inherit; line-height:normal !important; letter-spacing:-0.5px; vertical-align:top; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.input-nselect select::-ms-expand {display:none;}
.input-nselect.disabled select {border:1px solid #e9e9e9; background:#f8f8f8; color:#999; text-shadow:1px 1px #fff; opacity:1; cursor:not-allowed;}
.input-nselect.disabled:after {z-index:3; opacity:0.5;}


/* input-ncheck
----------------------------------- */
.input-ncheck {position:relative; display:inline-block; min-width:14px; min-height:14px; line-height:normal;}
.input-ncheck .label-text {display:inline-block; margin-top:-1px; padding-left:18px; color:#999; font-size:13px;}
.input-ncheck input[type="checkbox"] {position:absolute; top:0; left:0; width:14px; height:14px; line-height:normal; vertical-align:middle;}
.input-ncheck input[type="checkbox"]:checked + .label-text {color:#333;}


/* input-nradio
----------------------------------- */
.input-nradio {position:relative; display:inline-block; min-width:14px; min-height:14px; line-height:normal;}
.input-nradio .label-text {display:inline-block; margin-top:-1px; padding-left:18px; color:#999; font-size:13px;}
.input-nradio input[type="radio"] {position:absolute; top:0; left:0; width:14px; height:14px; line-height:normal; vertical-align:middle;}
.input-nradio input[type="radio"]:checked + .label-text {color:#333;}


/* input-check-group
----------------------------------- */
.input-check-group {display:inline-block; vertical-align:middle;}
.input-check-group .input-ncheck {margin-left:10px;}
.input-check-group .input-ncheck:first-child {margin-left:0;}
.input-check-group .input-nradio {margin-left:10px;}
.input-check-group .input-nradio:first-child {margin-left:0;}


/* custum
----------------------------------- */
/* input-search */
.input-search {display:inline-block; padding:0 16px 0 20px; border:3px solid #dce1e6; border-radius:32px; vertical-align:middle;}
.input-search input[type="text"] {display:inline-block; width:250px; height:32px; line-height:32px; margin:0 10px 0 0; padding:0; border:0; background:none; color:#666;}
.input-search .button-search {overflow:hidden; display:inline-block; width:16px; height:16px; margin-top:-3px; padding:0; border:0; background:url('/img/btn/btn_search.png?cashBuster=20191201') no-repeat 0 0; vertical-align:middle; cursor:pointer;}



/* ==========================================================================
	 panel
	 ========================================================================== */
/* panel-search */
.panel-search {min-height: 20px; text-align:right;}
.panel-search.fixed {position:absolute; top:14px; right:0;}
.panel-search .input-check-group {text-align:left; }
.panel-search .input-search {text-align:left;}
.panel-search .input-check-group + .input-search,
.panel-search .array_wrap {display:inline-block;}
.panel-search .array_wrap +  .input-search {margin-left:20px;}
.panel-search .array_list {float: right;}

/* search-box */
.search-box {border: 1px solid #c4c4c4; border-radius: 3px;}
.search-box .serach-conditions {padding: 5px 30px;}
.search-box .condition {padding: 15px 0;}
.search-box .condition +.condition {border-top: 1px dotted #ccc;}
.search-box .layout-tbl {table-layout:fixed; width: 100%;}
.search-box .layout-tbl>tbody>tr>th,
.search-box .layout-tbl>tbody>tr>td {padding: 4px 0; line-height: 30px; text-align: left;}
.search-box .layout-tbl>tbody>tr>th {padding-left: 40px; font-size:13px; font-family: 'NanumGothicBold'; color: #222;}
.search-box .layout-tbl>tbody>tr>th:first-child {padding-left: 0;}
.search-box .layout-tbl .input-ncheck,
.search-box .layout-tbl .input-nradio {margin-right: 12px;}
.search-box .layout-tbl .calendar_inputs {position: relative;}
.search-box .layout-tbl .calendar_inputs .input-ntext {width: 100px;}
.search-box .layout-tbl .calendar_inputs .nbtn-small {padding: 0; width: 60px;}
.search-box .layout-tbl .calendar_inputs .nbtn-small.on {background-color:#1f5dbe; color:#fff;}
.search-box .layout-tbl .calendar_inputs .nbtn-small +.nbtn-small {margin-left:2px;}
.search-box .condition.detail {display: none;}
.search-box .search-bottom {padding: 20px 30px; border-top: 1px dotted #ccc; text-align: right;}
.search-box .search-bottom .btn_open-detail {float: left; margin-top: 10px; padding-right: 15px; background: url(/img/ico/ico_search_detail_open.png) no-repeat 100% 8px; color: #2a8fee;}
.search-box .search-bottom .btn_open-detail.active {background-position: 100% -46px;}
.search-box .button-in .condition {width: 720px;}
.search-box .button-in .search-buttons {float: right; margin-top: -54px;}

/* slider */
.sliderBox {position: relative;}
.sliderBox .slider-wrap {overflow: hidden;}
.sliderBox .slider-inner {width: 900%;}
.sliderBox .slide {float: left;}
.sliderBox .slide .temp-item {width: 310px; height: 320px; background-color: #efefef;}
/*{margin:0 auto; padding:0; *zoom:1; }*/
.slider-carousel,
.slide-controls-auto {width:100%; }
.slider-carousel {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.slider-carousel .slider-carousel-item,
.slide-controls-auto .slide-controls-auto-item {display:inline-block; *zoom:1; *display:inline; }
.slider-carousel.slide-pager a {display: inline-block; width: 14px; height: 14px; margin: 0 2px; text-indent: -999em; background: url(/img/adv/slider_carousel.png) no-repeat 50% 0; }
.slider-carousel.slide-pager a:hover,
.slider-carousel.slide-pager a.active {background-position: 50% -15px;}
.slide-prev {left:-53px; background:url('/img/adv/slider_arrow.png') no-repeat; background-position: 0 0;}
.slide-next {right:-53px; background:url('/img/adv/slider_arrow.png') no-repeat; background-position: 100% 0;}
.slide-prev:hover {background-position: 0 -50px;}
.slide-next:hover {background-position: 100% -50px;}
.slide-controls-direction a {position:absolute; top:50%; margin-top:-21px; outline:0; width:23px; height:43px; text-indent:-9999px; z-index:9999; }
.slide-controls-direction a.disabled {display:none; }
.slide-controls-auto {text-align:center; }
.slide-controls-auto .slide-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(images/controls.png) -86px -11px no-repeat; margin:0 3px; }
.slide-controls-auto .slide-start:hover,
.slide-controls-auto .slide-start.active {background-position:-86px 0; }
.slide-controls-auto .slide-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(images/controls.png) -86px -44px no-repeat; margin:0 3px; }
.slide-controls-auto .slide-stop:hover,
.slide-controls-auto .slide-stop.active {background-position:-86px -33px; }
.slide-controls.bx-has-controls-auto.bx-has-pager .slider-carousel {width:80%; }
.slide-controls.bx-has-controls-auto.bx-has-pager .slide-controls-auto {right:0; width:35px; }
.banner_band.slider-main .slide-controls .slider-carousel.slide-pager a  {width:15px;height:15px;margin:0 3px;background:url('/img/bg/slider_carousel5.png') no-repeat 0 0;}
.banner_band.slider-main .slide-controls .slider-carousel.slide-pager a:hover,
.banner_band.slider-main .slide-controls .slider-carousel.slide-pager a.active  {background-position: 0px bottom;}

#pointSlider .slide-prev, #badgeSlider .slide-prev {left:10px;}
#pointSlider .slide-next, #badgeSlider .slide-next {right:10px;}
#pointSlider .slide-pager, #badgeSlider .slide-pager {position:absolute; bottom:20px;}
#pointSlider .viewport, #badgeSlider .viewport {height:auto !important;}

/* ==========================================================================
	 tab
	 ========================================================================== */
.tab-default {position:relative;}
/* .tab-default > ul {padding:4px 4px 0; background-color:#f3842a; border-radius:4px; box-sizing:border-box;}
.tab-default > ul:after {content:''; display:table; clear:both;}
.tab-default > ul > li {float:left;}
.tab-default > ul > li > a {display:inline-block; padding:0 35px; height:38px; border-radius:4px 4px 0 0; color:#fff; line-height:34px; font-size:16px; letter-spacing:-0.5px; text-align:center; text-decoration:none;}
.tab-default > ul > li.current > a {line-height:38px; background-color:#fff; color:#f3842a; font-weight:bold;}
 */
.tab-default > ul { border-bottom:2px solid; box-sizing:border-box;}
.tab-default > ul:after {content:''; display:table; clear:both;}
.tab-default > ul > li {z-index:1; float:left;margin-top:-2px;}
.tab-default > ul > li > a {z-index:1; position:relative; display:inline-block; margin:0 0 0 -1px; padding:0 30px; height:38px; border:1px solid #cdd2d7; border-bottom:0; color:#686868; line-height:38px; font-size:14px; letter-spacing:-0.5px; text-align:center; text-decoration:none; cursor:pointer}
.tab-default > ul > li:first-child > a {margin-left:0;}
.tab-default > ul > li.current, /* script 동작 class : current */
.tab-default > ul > li.on {z-index:2;}
.tab-default > ul > li.current > a, /* script 동작 class : current */
.tab-default > ul > li.on > a {z-index:2; margin-bottom:-2px; height:39px; border:2px solid #5c6369; border-bottom:0; line-height:38px; background-color:#fff; color:#222; font-size:15px; font-family:'NanumGothicBold';}

/* color */
/* .tab-dark > ul {background-color:#525966;}
.tab-dark > ul > li.current > a {color:#333;}
.tab-orange > ul > {background-color:#f3842a;}
.tab-orange > ul > li.current > a {color:#f3842a;} */

/* tab-sub */
.tab-sub {overflow:hidden;}
.tab-sub ul {margin-left:-12px;}
.tab-sub ul:after {content:''; display:table; clear:both;}
.tab-sub ul li {position:relative; float:left;}
.tab-sub ul li a {position:relative; display:block; padding:0 10.5px; color:#686868; font-size:15px; letter-spacing:0; text-decoration:none;}
.tab-sub ul li:after {content:''; position:absolute; top:5px; left:0; display:inline-block; width:1px; height:12px; background-color:#ddd;}
.tab-sub ul li:first-child:after {display:none;}
.tab-sub ul li.current a {color:#333; font-weight:bold;}
.tab-sub .array_list {float:right; margin-left:0;}
.tab-sub .array_list li {margin-left:10px;}
.tab-sub .array_list li a {padding:0 0 0 20px; font-size:13px;}
.tab-sub .array_list li:after {display: none;}
.tab-sub .array_list li.current a {background:url('/img/ico/ico_check_community.png?cashBuster=20200519') 0 center no-repeat; font-weight:normal; font-family:'NanumGothicBold';}

.tab-default.on {padding-bottom:33px;}
.tab-default .tab-sub {position:absolute; left:0; top:57px;}

/* tab-fixed */
.tab-fixed {}
.tab-fixed ul {display:table; table-layout:fixed; width:100%;}
.tab-fixed ul:after {display:none;}
.tab-fixed ul li {display:table-cell; float:none; text-align:center; vertical-align:top;}
.tab-fixed ul li a {display:block; padding: 0;}


/* ==========================================================================
	 table
	 ========================================================================== */
.table-default {position:relative; border-top:1px solid #495159; border-bottom:1px solid #c1c4c8;}
.table-default table,
.table-default caption,
.table-default tbody,
.table-default thead,
.table-default tfoot,
.table-default tr,
.table-default th,
.table-default td {margin:0; padding:0;}
.table-default caption {overflow:hidden; position:absolute; width:0; height:0; margin:0; padding:0; border:0; clip:rect(0 0 0 0);}
.table-default table {position:relative; width:100%; border-collapse:collapse;}
.table-default th,
.table-default td {height:34px; padding:5px 10px; color:#666; font-weight:normal; font-size:13px; letter-spacing:-0.5px; text-align:center; word-wrap:break-word; word-break:break-all;}
.table-default th {line-height:15px; background:#fff; color:#222; font-size:14px; font-weight:bold; white-space:nowrap;}
.table-default td {line-height:17px; background:#fff; color:#686868; font-size:13px;}
.table-default tbody tr th {background:#f7f9fa;}
.table-default tfoot th,
.table-default tfoot td {background:#fef5f5 ;}

.table-default.left th,
.table-default.left td {text-align:left;}

/* set border */
.table-default th {border-top:1px solid #e7eaec; border-left:1px solid #e7eaec;}
.table-default td {border-top:1px solid #e7eaec; border-left:1px solid #e7eaec;}
.table-default thead tr th {border-bottom:1px solid #495159;}
.table-default thead tr th + td {border-left:1px solid #e7eaec;}
.table-default thead tr:first-child th {border-top:0; border-bottom:1px solid #495159;}
.table-default thead tr:first-child td {border-top:0; border-bottom:1px solid #495159;}
.table-default thead tr th:first-child {border-left:0;}
.table-default tbody tr th { border-right:1px solid #d8dadd; border-left:0;}
.table-default tbody tr:first-child th {border-top:0;}
.table-default tbody tr:first-child td {border-top:0;}
.table-default tbody tr th:first-child {border-left:0;}
.table-default tbody tr td:first-child {border-left:0;}
.table-default tfoot th {border-top:1px solid #c6c6c6;}
.table-default tfoot td {border-top:1px solid #c6c6c6; border-left:1px solid #d8dadd;}
.table-default tfoot tr th {border-right:1px solid #d8dadd;}
.table-default tfoot tr:first-child th {border-top:0;}
.table-default tfoot tr:first-child td {border-top:0;}
.table-default tfoot tr th:first-child {border-left:0;}
.table-default tfoot tr td:first-child {border-left:0;}
.table-default tr th.existing-border {border-left:1px solid #e7eaec !important;}
.table-default tr td.existing-border {border-left:1px solid #e7eaec !important;}

/* option */
.table-default .bg td {background:#f7f9fa;}


/* .table-default.table-type2
----------------------------------- */
.table-type2 {border-top:2px solid #495159; border-bottom:1px solid #c1c4c8;}
.table-type2 th {background:#eef1f3;}
.table-type2 tbody tr th {background:#f6f7f8;}
.table-type2 thead tr th {border-left:1px solid #d8dadd; border-bottom:1px solid #c1c4c8;}
.table-type2 thead tr:first-child th {border-bottom:1px solid #c1c4c8;}
.table-type2 thead tr:first-child td {border-bottom:1px solid #c1c4c8;}



/* ==========================================================================
	 pagination
	 ========================================================================== */
.paging.paging-type2 {*zoom:1; margin-top:15px;}
.paging.paging-type2:after {content:""; display:block; clear:both;}
.paging.paging-type2 .page-num {overflow:initial; margin-top:15px; padding:5px 0;}
.paging.paging-type2 .page-num span {}
.paging.paging-type2 .page-num span a {width:28px; height:28px; border:1px solid transparent; border-radius:28px; color:#999; font-size:13px; line-height:28px; letter-spacing:0;}
.paging.paging-type2 .page-num span a:hover {border:1px solid #1f5dbe; color:#1f5dbe;}
.paging.paging-type2 .page-num span a.selectPage {border:1px solid #1f5dbe; background:#1f5dbe; color:#fff;}
.paging.paging-type2 .page-num span a.ctrl {border-color:#dadde1; font-size:0; line-height:0;}
.paging.paging-type2 .page-num span a.ctrl:hover {border-color:#1f5dbe;}
.paging.paging-type2 .page-num span a.ctrl:after {content:''; display:inline-block; overflow:hidden; height:28px; background:url('/img/ico/ico_page.png') no-repeat 0 0; font-size:0;}
.paging.paging-type2 .page-num span a.first:after {width:7px; background-position:0 0;}
.paging.paging-type2 .page-num span a.prev:after {width:4px; background-position:-10px 0;}
.paging.paging-type2 .page-num span a.next:after {width:4px; background-position:-20px 0;}
.paging.paging-type2 .page-num span a.last:after {width:7px; background-position:-30px 0;}
.paging.paging-type2 .page-num span a.first:hover:after {background-position:0 -28px;}
.paging.paging-type2 .page-num span a.prev:hover:after {background-position:-10px -28px;}
.paging.paging-type2 .page-num span a.next:hover:after {background-position:-20px -28px;}
.paging.paging-type2 .page-num span a.last:hover:after {background-position:-30px -28px;}
.paging.paging-type2 .page-num span a.first {}
.paging.paging-type2 .page-num span a.prev {margin-right:10px;}
.paging.paging-type2 .page-num span a.next {margin-left:10px;}
.paging.paging-type2 .page-num span a.last {}

.paging.paging-type2 .btn_wrap {position:absolute; top:0;}
.paging.paging-type2 .btn_wrap.r {right:0;}



/* ==========================================================================
	 common contents
	 ========================================================================== */
/*마이페이지 대시보드와 커뮤니티 프로필팝업 상단 공통*/

.member-profile-contents {position: relative; display: table; width: 100%; margin-bottom: 42px;}
.member-profile-summary {display: table-cell; width: 410px; padding: 25px 30px 30px; border-bottom: 1px solid #d9dade; vertical-align: top;}
.member-profile-summary .thumb {float: left; overflow:hidden; width: 100px; height: 100px; border-radius:50%;}
.member-profile-summary .thumb img {width: 100%;}
.member-profile-summary .info {float: right; width: 290px;}
.member-profile-summary .name .nickname {font-size: 20px; color: #222;}
.member-profile-summary .name .id {font-size: 13px; color: #999;}
.member-profile-summary .message {margin-top: 7px;}
.member-profile-summary .message p {font-size: 13px;}
.member-profile-summary .link {margin-top: 6px;}
/*.member-profile-summary .link a {color: #f43546;}*/
.member-profile-summary .league .rank {color: #1f5dbe;}
.member-profile-summary .league-wrap {position: relative; display: inline-block; padding-bottom: 10px;}
.member-profile-summary .league-wrap >span {color: #222; cursor: pointer;}
.member-profile-summary .league-tit {font-size: 13px;}
.member-profile-summary .league-count {font-size: 13px;}
.member-profile-summary .badge-member {position: absolute; left: 30px;}
.member-profile-summary .league-layer {display: none; position: absolute; top: 25px; left: -20px; box-sizing: border-box; width: 246px; padding: 19px; border-radius: 5px 5px; background-color: #fff; border: 1px solid #d9dade; box-shadow: 0 2px 6px 0 rgba(80,80,80,.1); z-index: 10;}
.member-profile-summary .league-layer:before {content: ''; position: absolute; top: -7px; left: 50px; width: 10px; height: 7px; background: url(/img/ico/ico_layer_arrow_top.png) no-repeat 0 0;}
.member-profile-summary .league-layer .title {display: block; font-size: 16px; text-align: center; color: #222;}
.member-profile-summary .league-layer .desc {margin: 5px 0 15px; text-align: center; color: #222;}
.member-profile-summary .league-layer dl {overflow: hidden; line-height: 2;}
.member-profile-summary .league-layer dt {float: left; clear: both;}
.member-profile-summary .league-layer dd {float: right;}
.member-profile-summary .league-layer dd p {color: #1f5dbe;}
.member-profile-summary .level-progress {float: left; position: relative; width: 405px; height:40px; margin-top: 20px;}
.member-profile-summary .level-progress .progressbar {background-color: #e4e4e4;border-radius:8px;}
.member-profile-summary .level-progress .progressbar p {height:8px; border-radius:8px; background-color: #1f5dbe;}

.member-profile-summary .level-progress {margin-top: 54px;}
.member-profile-summary .progressbar p {position: relative;}
.member-profile-summary .progressbar .point-layer {position: absolute; left: 100%; bottom: 15px; margin-left: -32px; display: block; width: 64px; padding: 4px 0; background-color: #1f5dbe; font-size: 11px; line-height: 1.25; color: #fff; text-align: center;}
.member-profile-summary .progressbar .point-layer:after {content: ''; position: absolute; left: 28px; top: 100%; border: 4px solid transparent; border-top-color: #1f5dbe;}
.member-profile-summary .progressbar .point-layer.left {margin-left: -4px;}
.member-profile-summary .progressbar .point-layer.left:after {left: 1px;}
.member-profile-summary .progressbar .point-layer.right {margin-left: -60px;}
.member-profile-summary .progressbar .point-layer.right:after {left: 55px;}
.member-profile-summary .progressbar .point-layer strong {display: block;}

.member-profile-summary .level-progress .now {position: absolute; left: 0; bottom: 0; font-family:'NanumGothicBold'}
.member-profile-summary .level-progress .next {position: absolute; right: 0; bottom: 0;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	 filter: gray; /* IE6-9 */
	 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.member-profile-summary .level-progress .badge-level {font-family:'NanumGothic'}
.member-profile-summary .level-progress .badge-level.lv-5 {background-position:4px 2px;}
.member-profile-summary .level-progress .badge-level.lv-10 {background-position:4px -22px;}
.member-profile-summary .level-progress .badge-level.lv-15 {background-position:4px -46px;}
.member-profile-summary .level-progress .badge-level.lv-20 {background-position:4px -70px;}
.member-profile-summary .level-progress .badge-level.lv-25 {background-position:4px -95px;}
.member-profile-summary .level-progress .badge-level.lv-ifa {background-position:4px -120px;}
.member-profile-summary .level-progress .badge-level.lv-fa {background-position:4px -145px;}
.member-profile-summary .level-progress .badge-level.lv-manage {background-position:5px -167px;}
.member-profile-badges {display: table-cell; padding: 20px 30px; border-left: 1px solid #d9dade; border-bottom: 1px solid #d9dade; vertical-align: top;}
.member-profile-badges .list-title {margin-bottom: 20px; font-size: 13px; font-family: 'NanumGothicBold'; color: #222;}
.member-profile-badges .badge-item {overflow: hidden; position: relative; width: 100%; height: 152px;}
/*.member-profile-badges .badge-item >ul {overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}*/
.member-profile-badges .badge-item li {float: left; width: 20%; height: 75px; padding: 1px 0; text-align: center;}
.member-profile-badges .badge-item-empty {padding-top:30px; text-align:center;}
.member-profile-badges .badge-item-empty p {font-size:15px; line-height:1.8em; color:#999;}
.member-profile-badges .badge-item-empty .nbtn {margin-top:20px;}
.member-profile-badges .slide-controls-direction {position: absolute; right: -15px; top: -35px; width: 36px; height: 11px;}
.member-profile-badges .slide-controls-direction a {width: 18px; height: 11px; top: 0; margin: 0; background: url(/img/comm/badge_slider_arrow.png) no-repeat;}
.member-profile-badges .slide-controls-direction .slide-prev {left: 0; background-position: 0 0;}
.member-profile-badges .slide-controls-direction .slide-next {right: 0; background-position: 100% 0;}
.member-profile-badges .slide-controls-direction .slide-prev:hover {background-position: 0 -15px;}
.member-profile-badges .slide-controls-direction .slide-next:hover {background-position: 100% -15px;}
.member-profile-badges .badge-item .badge-copy {overflow: hidden; width: 0; height: 0; text-indent: -999em;}
.member-profile-badges .badge-copy-layer {position: absolute; box-sizing: border-box; width: 240px; padding: 15px 20px; border-radius: 5px 5px; background-color: #fff; border: 1px solid #d9dade; box-shadow: 0 2px 6px 0 rgba(80,80,80,.1); z-index: 10;}
.member-profile-badges .badge-copy-layer:before {content: ''; position: absolute; top: -7px; right: 20px; width: 10px; height: 7px; background: url(/img/ico/ico_layer_arrow_top.png) no-repeat 0 0;}
.member-profile-badges .badge-copy-layer.left:before {right: auto; left: 20px;}
.member-profile-badges .badge-copy-layer {text-align: center; color: #222;}
.member-profile-badges .badge-copy-layer strong {font-size: 16px;}
.member-profile-badges .badge-copy-layer p {padding: 5px 0; line-height: 1.3;}
.member-profile-badges .badge-copy-layer em {color: #686868;}
.h3-tit .tit_more {display:inline-block; margin-left:6px; width:20px; height:20px; background: url(/img/ico/ico_more_plus.png) no-repeat 50% 50%; text-indent:-999em;}


/*마이페이지 뱃지보관함과 커뮤니티 뱃지도감 공통*/
/* 뱃지보관함 */
.mybadgestorage-description {margin-top:-5px; font-size:13px; color:#666;}
.mybadgestorage {margin-top:0 ;}
.mybadgestorage-header {overflow:hidden; border-radius:5px;}
.mybadgestorage-header:after {content:''; display:table; clear:both;}
.mybadgestorage-stat-title {float:left; width:642px; height:170px; padding:36px 0 0 30px; background-color:#1f5dbe; box-sizing:border-box;}
.mybadgestorage-stat-title .top {color:#fffc00; font-family: 'NanumGothicBold'; font-size:16px;}
.mybadgestorage-stat-title h3 {margin-top:10px; color:#ffffff; font-family: 'NanumGothicBold'; font-size:28px;}
.mybadgestorage-stat-title .sub {margin-top:24px; color:#fed0d3; font-size:13px; line-height:20px;}
.mybadgestorage-stat-count {float:right; width:308px; height:170px; padding-top:26px; background-color:#1f5dbe; box-sizing:border-box;text-align:center;}
.mybadgestorage-stat-count h4 {margin-bottom:30px; color:#fff; font-family: 'NanumGothicBold'; font-size:16px; text-align:center;}
.mybadgestorage-stat-count >ul {display:inline-block;}
.mybadgestorage-stat-count .item {position:relative; float:left; padding:0 25px; height:63px; border-left:1px solid #ff7a83;}
.mybadgestorage-stat-count .item:first-child {border-left:0;}
.mybadgestorage-stat-count .item .label {margin-bottom:17px; color:#ffffff; font-size:14px; text-align:center;}
.mybadgestorage-stat-count .item .count {color:#fec2c6; font-size:36px; letter-spacing:-1px;}
.mybadgestorage-stat-count .item .count strong {color:#fff; font-weight:normal;}
.mybadgestorage-rare {margin-top:50px; text-align:center;}
.mybadgestorage-rare-title {display:block; color:#222; font-size:22px; text-align:center; background:url('/img/my/comm/line_dotted.png') repeat-x 0 50%; }
.mybadgestorage-rare-title span {display:inline-block; padding:0 10px; background:#fff;}
.mybadgestorage-rare-list {margin-top:40px;}
.mybadgestorage-rare-list > ul {margin-left:-25px;}
.mybadgestorage-rare-list > ul:after {content:''; display:table; clear:both;}
.mybadgestorage-rare-list > ul > li {float:left; padding-left:25px; width:33.33%; box-sizing:border-box;}
.cbadge {display:inline-block; overflow:hidden; position:relative; width:76px; height:76px; background-repeat:no-repeat; background-position:0 0; background-attachment:scroll; font-size:0; line-height:0; vertical-align:middle;}
.cbadge1-1 {background-image:url('/img/my/comm/cbadge1_1.png');}
.cbadge1-2 {background-image:url('/img/my/comm/cbadge1_2.png');}
.cbadge1-3 {background-image:url('/img/my/comm/cbadge1_3.png');}
.cbadge2-1 {background-image:url('/img/my/comm/cbadge2_1.png');}
.cbadge2-2 {background-image:url('/img/my/comm/cbadge2_2.png');}
.cbadge2-3 {background-image:url('/img/my/comm/cbadge2_3.png');}
.cbadge2-4 {background-image:url('/img/my/comm/cbadge2_4.png');}
.cbadge3-1 {background-image:url('/img/my/comm/cbadge3_1.png');}
.cbadge3-2 {background-image:url('/img/my/comm/cbadge3_2.png');}
.cbadge3-3 {background-image:url('/img/my/comm/cbadge3_3.png');}
.cbadge3-4 {background-image:url('/img/my/comm/cbadge3_4.png');}
.cbadge3-5 {background-image:url('/img/my/comm/cbadge3_5.png');}
.cbadge4-1 {background-image:url('/img/my/comm/cbadge4_1.png');}
.cbadge4-2 {background-image:url('/img/my/comm/cbadge4_2.png');}
.cbadge4-3 {background-image:url('/img/my/comm/cbadge4_3.png');}
.cbadge5-1 {background-image:url('/img/my/comm/cbadge5_1.png');}
.cbadge5-2 {background-image:url('/img/my/comm/cbadge5_2.png');}
.cbadge5-3 {background-image:url('/img/my/comm/cbadge5_3.png');}
.cbadge6-1 {background-image:url('/img/my/comm/cbadge6_1.png');}
.cbadge6-2 {background-image:url('/img/my/comm/cbadge6_2.png');}
.cbadge6-3 {background-image:url('/img/my/comm/cbadge6_3.png');}
.cbadge7-1 {background-image:url('/img/my/comm/cbadge7_1.png');}
.cbadge7-2 {background-image:url('/img/my/comm/cbadge7_2.png');}
.cbadge7-3 {background-image:url('/img/my/comm/cbadge7_3.png');}
.cbadge8-1 {background-image:url('/img/my/comm/cbadge8_1.png');}
.cbadge8-2 {background-image:url('/img/my/comm/cbadge8_2.png');}
.cbadge8-3 {background-image:url('/img/my/comm/cbadge8_3.png');}
.cbadge9-1 {background-image:url('/img/my/comm/cbadge9_1.png');}
.cbadge9-2 {background-image:url('/img/my/comm/cbadge9_2.png');}
.cbadge9-3 {background-image:url('/img/my/comm/cbadge9_3.png');}
.cbadge9-4 {background-image:url('/img/my/comm/cbadge9_4.png');}
.cbadge10-1 {background-image:url('/img/my/comm/cbadge10_1.png');}
.cbadge10-2 {background-image:url('/img/my/comm/cbadge10_2.png');}
.cbadge10-3 {background-image:url('/img/my/comm/cbadge10_3.png');}
.cbadge11-1 {background-image:url('/img/my/comm/cbadge11_1.png');}
.cbadge11-2 {background-image:url('/img/my/comm/cbadge11_2.png');}
.cbadge11-3 {background-image:url('/img/my/comm/cbadge11_3.png');}
.cbadge11-4 {background-image:url('/img/my/comm/cbadge11_4.png');}
.cbadge11-5 {background-image:url('/img/my/comm/cbadge11_5.png');}
.cbadge.active {background-position:0 -76px;}

.rarecard {overflow:hidden; padding:0 0 40px 0; border-radius:5px; background:#edf3f8;}
.rarecard-title {height:56px; margin-bottom:30px; background-color:#ff5460; text-align:center; background:url('/img/bg/bg_rarecard01.png') 0 0 no-repeat;}
.mybadgestorage-rare-list li:first-child + li .rarecard-title {background:url('/img/bg/bg_rarecard02.png') 0 0 no-repeat;}
.mybadgestorage-rare-list li:first-child + li + li .rarecard-title {background:url('/img/bg/bg_rarecard03.png') 0 0 no-repeat;}
.rarecard-title span {display:inline-block; line-height:56px; color:#fff; font-family: 'NanumGothicBold'; font-size:16px;}
.rarecard-badge {display:inline-block; margin-bottom:35px; width:140px; height:140px; border-radius:50%; background:#fff;}
.rarecard-badge .cbadge {margin-top:30px;}
.rarecard-badge .badge-member-title {margin-top:30px;}
.rarecard-info {color:#333; font-size:16px;}
.rarecard-info strong {color:#f73341;}

.mybadgestorage-list {margin-top:50px;}
.mybadgestorage-list-table {border-top:2px solid #4a5159; border-bottom:1px solid #c1c5c8;}
.mybadgestorage-list-table table {width:100%; border-collapse:collapse;}
.mybadgestorage-list-table th,
.mybadgestorage-list-table td {padding:20px 15px; border-top:1px solid #e6eaed; text-align:left;}
.mybadgestorage-list-table th {width:80px; background:#f6f7f8; color:#333; font-size:14px; font-weight:bold;}
.mybadgestorage-list-table td {padding-left:20px;padding-right:0;}
.mybadgestorage-list-table .cbadge-item { display:inline-block; width:160px; vertical-align:top; text-align:center;}
.mybadgestorage-list-table .cbadge-item-tit {margin-top:15px; color:#666; font-size:13px; letter-spacing:-1px;}
.mybadgestorage-list-table .cbadge-item-tit strong {color:#1f5dbe;}


/*공통펀드상세 팝업과 커뮤니티 자유토론, 나의투자경험담, 써클목록, 금융지식 in 공통*/

/*공통*/
.thumb,
.thumb2,
.img_wrap,
.type-ifa .followcard-image,
.type-profile .newsfeed-target-image,
.counselchat-msg .user-image,
.reple-list-cont dd.pic,
.item_list.type1.timeLine .status,
.item_list.type2 .person dt{
	 background:url(/img/ico/no_thumbnail.png?cashBuster=20191126) no-repeat 50% 50%;
	 background-size: cover;
	 /*
	 background-size: cover;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ico/no_thumbnail.png',sizingMethod='scale');
	 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ico/no_thumbnail.png',sizingMethod='scale')";*/
}

.thumb img,
.thumb2 img,
.img_wrap img,
.type-ifa .followcard-image img,
.type-profile .newsfeed-target-image img,
.counselchat-msg .user-image img,
.reple-list-cont dd.pic img,
.item_list.type1.timeLine .status img,
.item_list.type2 .person dt img {width:100%;width:100%;}
							 /*아이콘*/
.point {display:inline-block; height:20px; margin-left:8px; padding:0 2px 0 25px; color:#F3CA00; font-size:12px; font-family:'NanumGothicBold'; line-height:20px; background:url(/img/ico/ico_point.png) 0 center no-repeat; vertical-align:middle; display: none;}
							 /*태그목록*/
.tag_list {overflow:hidden; margin-top:-8px; }
.tag_list li {float:left; height:20px; line-height:20px; margin-right:8px; margin-top:8px; padding:0 5px; background-color:#f1f2f4; font-size:13px;}
.tag_list li span,
.tag_list li a {color:#999; cursor:pointer;}

							 /*상세쪽과 공통*/
.viewInfo_wrap dl {float:left; margin-right:10px;}
.viewInfo_wrap dl dt {float:left; height:19px; margin-right:4px;}
.viewInfo_wrap dl dd {float:left; height:24px; color:#999; line-height:24px;}
.viewInfo_wrap dl dd a {color:#999;}
.viewInfo_wrap dl dd span {color:#999;}
.viewInfo_wrap dt {text-indent:-9999px;}
.viewInfo_wrap .like dt {width:13px; height:24px; background:url('/img/ico/ico_like_sml.png') 0 center no-repeat;}
.viewInfo_wrap .like:hover dt {background:url('/img/ico/ico_like_sml_on.png') 0 center no-repeat;}
.viewInfo_wrap .like:hover dd a {color:#1f5dbe;}
.viewInfo_wrap .reply dt {width:14px; height:24px; background:url('/img/ico/ico_reply.png?cashBuster=20200519') 0 center no-repeat;}
.viewInfo_wrap .view dt {width:14px; height:24px; background:url('/img/ico/ico_view.png') 0 center no-repeat;}
.viewInfo_wrap .voter dt {width:14px; height:24px; background:url('/img/ico/ico_voter.png') 0 center no-repeat;}
.viewInfo_wrap .choose dt {width:11px; height:24px; background:url('/img/ico/ico_check_blue_02.png') 0 center no-repeat;}
.viewInfo_wrap .choose dd a {color:#18b3af;}
.viewInfo_wrap p {float:left; color:#999; line-height:24px;}
.viewInfo_wrap .likeon dt {width:13px; height:24px; background:url('/img/ico/ico_like_sml_on.png') 0 center no-repeat;}
.viewInfo_wrap .likeon dd a {color:#1f5dbe;}


/*하단 좌우영역*/
.list_wrap {overflow:hidden;}
.list_wrap .list_left {float:left;}
.list_wrap .list_right {float:right;}
.list_wrap.type1 .list_left {width:680px;}
.list_wrap.type1 .list_right {width:230px;}
.list_wrap .list_right .h3-tit {margin-top:40px;}
.list_wrap .list_right .h3-tit:first-child {margin-top:0;}
.list_wrap .list_right .circle-tag-list {margin-top:15px;}

.item_list {border-bottom:1px solid #D8DADD;}
.item_list > li {border-top:1px solid #D8DADD;}
.item_list > li .inner {position:relative;}
.item_list > li .button02 {display:inline-block;}
.item_list .inner .info_wrap {overflow:hidden; margin-top:5px;}
.item_list .no_result {padding:120px 0; color:#999; font-size:13px; text-align:center;}

	 /*자유토론 목록*/
.item_list.type1 .inner {padding:25px 20px;}
.item_list.type1 .inner .status {position:absolute; left:0; /* top:30px;  */width:60px; text-align:center;}
.item_list.type1 .inner .status img {width:26px;}
.item_list.type1 .inner .tit {display:block; overflow:hidden; max-height:44px; margin-bottom:15px; color:#222222; font-family:'NanumGothicBold'; font-size:18px; line-height:22px;}
.item_list.type1 .inner .tit a {color:#222222;}
.item_list.type1 .inner .info_wrap .component-preview {float:left;}
.item_list.type1 .inner .info_wrap .viewInfo_wrap {float:right;}
.item_list.type1 .inner .info_wrap .viewInfo_wrap p {padding-left:11px; background:url(/img/bul/bul_line_gray.png) left center no-repeat; color:#999; font-size:12px; line-height:26px;}
	 /*나의투자경험담목록*/
.item_list.type1.addFund .inner .fund {display:inline-block; padding-left:35px; color:#999; font-size:18px; line-height:25px;}
.item_list.type1.addFund .inner .tit {margin-top:10px;}

	 /*써클목록(목록형)*/
.item_list.type1.noStatus  .inner .status {display:none;}
	 /*써클목록(타임라인형)*/
.item_list.type1.timeLine {padding-top:20px; border-top:1px solid #D8DADD; background:url(/img/bg/bg_1x1_e7eaec.png) 50px 0 repeat-y;}
.item_list.type1.timeLine > li {border-top:0;}
.item_list.type1.timeLine .inner {padding:40px 20px 30px 100px;}
.item_list.type1.timeLine .inner .status {overflow:hidden; left:20px; top:40px; width:60px;height: 60px; border-radius:50%;}
.item_list.type1.timeLine .inner .status img{width:100%;}
.item_list.type1.timeLine .inner .info_wrap .viewInfo_wrap p {position:absolute; left:8px; top:0; padding: 0 10px; border-radius: 12px 12px; background:#c5c6c6; font-size: 12px; line-height: 24px; color:#fff;}
.item_list.type1.timeLine .inner .con {overflow:hidden; max-height:80px; margin-bottom:10px; color:#666; font-size:13px; font-weight:normal; line-height:20px;}


	 /*IFA칼럼 목록*/
.item_list.type2 .inner {padding:25px 20px 20px 144px;}
.item_list.type2 .person {position:absolute; left:20px; top:25px; width:100px;}
.item_list.type2 .person dt {overflow:hidden; margin: 0 auto 10px; width:60px;height:60px; border-radius:50%; text-align:center;}
.item_list.type2 .person dt img {width:100%;height:100%;}
.item_list.type2 .person dd {overflow:hidden; max-height:42px; margin-bottom:5px; line-height:16px; color:#666; word-break:break-all;}
.item_list.type2 .person dd div .badge-level {margin-right:4px;}
.item_list.type2 .person dd div strong {font-weight:normal; color:#333333; cursor:pointer;}
.item_list.type2 .inner .tit {color:#222222; font-family:'NanumGothicBold'; font-size:18px; line-height:22px;}
.item_list.type2 .inner .tit a {color:#222222;}
.item_list.type2 .inner .con {overflow:hidden; height:40px; margin-top:10px; margin-bottom:15px; color:#666; font-size:13px; line-height:20px;}
.item_list.type2 .inner .info_wrap {position:relative; height:24px;}
.item_list.type2 .inner .info_wrap .writer {float:left; margin:0;}
.item_list.type2 .inner .info_wrap .viewInfo_wrap {position:absolute; right:0;}
.item_list.type2 .inner .info_wrap .viewInfo_wrap p {padding-left: 11px; background: url(/img/bul/bul_line_gray.png) left center no-repeat;}

/*[팝업]펀드상세 (펀드뉴스 탭)*/
.item_list.type3 .inner {padding:25px 20px;}
.item_list.type3 .inner .tit {color:#222222; font-family:'NanumGothicBold'; font-size:18px; line-height:22px;}
.item_list.type3 .inner .tit a {color:#222222;}
.item_list.type3 .inner .con {overflow:hidden; max-height:40px; margin-top:15px; margin-bottom:10px; color:#666; font-size:13px; line-height:20px;}
.item_list.type3 .inner .info_wrap {margin-top:10px;}
.item_list.type3 .inner .info_wrap .bar {    display: inline-block; border-right: 1px solid #e4e4e4; margin: 0 5px; height: 11px; vertical-align: middle;}


/*커뮤니티 우리투자증권지식in
	 어드바이저리 IFA상세프로필
	 펀드상세 팝업 3군데 같은css상속임 ------------------- 디자인 수정시 3군데 모두 확인하거나 CSS분리할 것*/
/*우리투자증권지식in좌측*/
.qna_list_left {float:left; width:700px;}
.qna_list {zoom:1; border-top:1px solid #D8DADD; border-bottom:1px solid #D8DADD; background:#fff;}
.qna_list:after {content:" ";display:block;clear:both;}
.qna_list.none {border-top:0 none;}
.qna_list.search_list {border:0 none;}
.qna_list > ul {overflow:hidden;}
.qna_list > ul > li {overflow:hidden; padding:20px 20px 20px 70px; border-top:1px solid #e7eaec; background:url(/img/ico/icon_list_q02.png?cashBuster=20191126) no-repeat 20px 24px;}
.qna_list > ul > li:first-child {border-top:0 none;}
.qna_list.search_list > ul {margin-top:15px; border:1px solid #c1c4c8;}
.qna_list.search_list > ul:first-child {margin-top:0;}
.qna_list.search_list > ul li {border:0 none; background:#f6f7f8 url(/img/bul/icon_list_q02.png?cashBuster=20191126) no-repeat 30px 30px;}
.qna_list.search_list > ul > li.answer {background:#fff url(/img/bul/icon_list_a03.png?cashBuster=20191126) no-repeat 30px 30px;}
.qna_list > ul > li h6 {margin-bottom:8px; color:#222; font-size:15px; font-family:'NanumGothicBold';}
.qna_list > ul > li h6 strong {display:block; height:18px; color:#999; font-size:14px; line-height:18px;}
.qna_list > ul > li .question_wrap {position:relative; float:none; height:20px; margin-bottom:10px; line-height:20px;}
.qna_list > ul > li .question_wrap .question {display:inline-block; float:left; overflow:hidden; max-width:90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; color:#222222; font-size:18px; font-family:'NanumGothicBold';}
.qna_list > ul > li .question_wrap .question a {color:#222222;}
.qna_list > ul > li .question_wrap .point {float:left;}
.qna_list > ul > li > p {overflow:hidden; max-height:40px; margin-bottom:10px; color:#686868; font-size:13px; line-height:20px; text-overflow:ellipsis;}
.qna_list > ul > li .tag_list {margin-bottom:20px;}

.qna_list > ul > li > p > a {display:block; overflow:hidden; max-height:60px; color:#686868; font-size:13px; line-height:20px; text-overflow: ellipsis;}
.qna_list > ul > li > div {overflow:hidden; height:24px; line-height:24px;}
.qna_list > ul > li > div div {float:left;}
.qna_list > ul > li > div div strong {display:inline-block; color:#666;  font-weight:normal; /*margin-left:8px;*/}
.qna_list > ul > li > div > strong {float:left; min-width:20px; border-radius:2px; height:15px; padding:0 14px; margin-top:4px; margin-right:15px; color:#fff; font-size:13px; text-align:center; line-height:14px; border:1px solid #596068; background:#68717a;}
.qna_list > ul > li > div > strong.iconbox {min-width:20px;}
.qna_list > ul > li > div div strong a {color:#666;}

.qna_list > ul > li > div dl {float:left; margin-right:10px;}
.qna_list > ul > li > div dl dt {float:left; height:19px; margin-right:4px;}
.qna_list > ul > li > div dl dd {float:left; height:24px; color:#999; line-height:24px;}
.qna_list > ul > li > div dl dd a {color:#999;}
.qna_list > ul > li > div dl dd span {color:#999;}
.qna_list > ul > li > div .viewInfo_wrap {float:right;}
/*공통상세팝업에서 추가*/
.qna_list > ul > li.no_result {padding:100px 0 90px; background:none; color: #999; font-size: 13px; text-align: center;}
.qna_list > ul > li.no_result > div p {float:none; padding-left:0; background:none; font-size:13px;}
.qna_list > ul > li .answerNum {display:inline-block; height:30px; margin-top:-4px; line-height:30px; padding:0 13px; color:#666; font-size:13px; border:1px solid #cccccc; border-radius:5px;}
.qna_list > ul > li .answerNum > em {margin-left:4px; color:#222222; font-family:'NanumGothicBold';}

.qna_list > ul > li > div p {float:left; padding-left:11px; background:url(/img/bul/bul_line_gray.png) left center no-repeat; color:#999; font-size:13px; line-height:24px;}
.qna_list.invest_search > ul > li {padding-left:18px; background:none;}
.qna_list.invest_search {zoom:1;overflow:visible;}
.qna_list.invest_search:after {content:" ";display:block;clear:both;}
.qna_list.ifa {position:relative; }
.qna_list.ifa .more {display:block; position:absolute; top:-37px; right:0; z-index:100; background:url(/img/bg/bg_more.png) right 3px no-repeat; padding-right:15px;}
.qna_list.ifa > ul > li {padding-top:20px;padding-bottom:20px;}
.qna_list.invest_search > ul > li > div .bt-icon.modify {vertical-align:middle; margin-top:-2px;}
.qna_list.invest_search > ul > li > div .bt-icon.reply-del {vertical-align:middle; margin-top:-2px;}
.qna_list.invest_search > ul > li > div .sep {height:10px; margin-top:-2px;}


 /*[팝업]펀드상세 (투자정보 탭)*/
.tab_contents_inner {margin-top:-20px;}
.tab_contents_inner .detail_contents>div {padding:0 15px 40px 15px;}
.tab_contents_inner .item_list {border-bottom:0px !important;}
.tab_contents_inner .item_list > li:first-child {border-top:0 !important;}
.tab_contents_inner .item_list .no_result {min-height:initial !important; padding:100px 0 90px !important;}
.tab_contents_inner .item_list .no_result .inner {padding:0 !important;}
	 /*펀드뉴스*/
.tab_contents_inner .item_list.type3 .inner {padding:30px 20px 30px 0;}
	 /*나의투자경험담*/
.tab_contents_inner .item_list.type1 .inner .status,
.tab_contents_inner .item_list.type1 .inner .fund {display:none;}
	 /*우리투자증권지식in*/
.tab_contents_inner .qna_list {border-bottom:0;}
.tab_contents_inner .qna_list > ul > li {padding-left:0; background-position:0 30px;}
.tab_contents_inner .qna_list > ul > li h6 {padding-left:53px;}
.tab_contents_inner .qna_list > ul > li .question_wrap {padding-left:53px;}
.tab_contents_inner .qna_list > ul > li > div {overflow:visible;}
.tab_contents_inner .qna_list > ul > li > div:after {content:""; display:block; clear:both;}

.recent_box {overflow:hidden; margin-top:15px; padding:14px;  border:1px solid #e7eaec; border-radius:5px;}
.recent_box.bg {background-color:#F7F9FA;}
.recent_box ul.list-type4 li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recent_box ul.list-type4 li {margin-top:10px;}
.recent_box ul.list-type4 li:first-child {margin-top:0;}


/* 통합검색 */
/* 고도화 통합검색 */
.search-input {position:relative;box-sizing:border-box;width:950px;height:74px;padding:12px 23px;background:url(/img/com/bg_search_input.png?cashBuster=20191201) 0 0 no-repeat;}
.search-input input[type="text"] {width:830px;height:50px;border:none;font-size:20px;font-weight:bold;line-height:50px;color:#222; vertical-align:middle;}
.search-input input[type=text]::-ms-clear {width:0;height:0;}
.search-input a.search-del {width:30px;height:30px;background:url(/img/com/btn_searchdel.png) 50% 50% no-repeat; vertical-align: -8px;}
.search-input a.search-bt {width:30px;height:30px;background:url(/img/com/btn_search.png?cashBuster=20191201) 50% 50% no-repeat; vertical-align: -8px;}
.search-input .search-sel {position: absolute; right: 0; bottom: -34px;}
.search-input .search-sel .option-check {overflow:hidden;position:relative;display:inline-block;margin-left:15px;line-height: 19px;cursor:pointer;}
.search-input .search-sel .option-check .ico_chk {display: inline-block; width: 17px; height: 17px; margin-right: 5px; border: 1px solid #d5d5d5; vertical-align: -6px}
.search-input .search-sel .option-check .ico_chk.on {border: 1px solid #1f5dbe; background: url(/img/ico/ico_check_blue.png) no-repeat 50% 50%;}
.search-input .search-sel .option-check input {position: absolute; left: -999em;}
.search-input .search-sel * {vertical-align:middle;}
.search-result-wrapper {padding-top: 15px;}

/* 약관 */
.adviceapp-agreecont {overflow-x:hidden; overflow-y:auto; padding:20px 10px; height:360px; margin:0 0 15px 0; border:1px solid #e3e3e3; background:#fafafa;}
.adviceapp-agreeform {position:relative; padding:5px 10px;}
.adviceapp-agreeform .adviceapp-agreeform-text {font-size:13px; font-family:'NanumGothicBold'}
.adviceapp-agreeform .adviceapp-agreeform-input {position:absolute; right:10px; top:6px; text-align:right}
.adviceapp-agreeform .adviceapp-agreeform-input label {margin:0 0 0 10px}

/* 이용안내 */
.memjoin-point {}
.memjoin-point li {height:135px; padding:0 30px; border-bottom:1px dashed #c1c4c8;}
.memjoin-tit {height:21px; line-height:21px;}
.memjoin-tit strong {color:#222; font-size:16px; font-weight:normal;}
.memjoin-ico {display:table-cell; width:74px; height:135px; vertical-align:middle; padding-right:40px;}
.memjoin-con {display:table-cell; width:636px; height:135px; vertical-align:middle;}
.memjoin-btn {display:table-cell; width:140px; height:135px; vertical-align:middle;}

.ico-group {display:inline-block; height:21px; padding:0 7px; background:#525966; color:#fff; font-size:12px; text-align:center; border-radius:21px;-webkit-border-radius:21px; }
.ico-group.type1 {width:80px; padding:0; background:#ef5252;}
.ico-group.type2 {width:80px; padding:0; background:#f67e4a;}
.ico-group.type3 {width:80px; padding:0; background:#0078c8;}
.memjoin-tip {background:url('/img/bul/icon_tip.png') no-repeat 0 center; padding-left:32px}
.btn-point-area {position:relative; display:inline;}
.btn-point {background:url('/img/bul/icon_attention4.png') no-repeat 0 center; padding-left:17px;}
.btn-point>span {text-decoration:underline; color:#1f5dbe}

.memjoin-con .relative {display:inline-block;}
.point-save {position:absolute; top:20px; left:-180px; width:395px; padding-top:13px; z-index:1;}
.tbl-point {border:1px solid #c1c4c8; overflow:hidden; zoom:1; border-radius:10px;-webkit-border-radius:10px; line-height:1.2;}
.tbl-point table {width:100%;}
.tbl-point th {padding:7px 0; background:#eef1f3; color:#444; text-align:center; border-bottom:1px solid #c1c4c8;}
.tbl-point th+th {border-left:1px solid #d8dadd;}
.tbl-point td {padding:6px 0; background:#fff; color:#686868; border-bottom:1px solid #e7eaec;}
.tbl-point td+td {border-left:1px solid #e7eaec;}
.bg_arrow {position:absolute; top:1px; left:191px; width:12px; height:13px; background:url('/img/bg/bg_tool_arrow03.png') 0 0 no-repeat;  }