@charset "utf-8";
@import url('/resources/style/Css3/font.css');

/* @@@@@@@@@@			Reset			@@@@@@@@@@ */
body {font-size:12px; font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif; color:#666; line-height:16px; scrollbar-face-color:#ffffff;scrollbar-highlight-color:#dcdcdc;scrollbar-shadow-color:#dcdcdc;scrollbar-3dlight-color:#ffffff;scrollbar-arrow-color:#b9b9b9;scrollbar-track-color:#ffffff;scrollbar-darkshadow-color:#ffffff}
body, select, input, textarea {font-size:12px; line-height:16px; color:#616781; font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif}
img, fieldset {border:0 none; margin:0; padding:0}
html, body, form, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {font-size:12px}
a:link, a:visited {text-decoration:none; color:#666}
a:active, a:hover, a:focus {text-decoration:none}
img {vertical-align:middle;margin-bottom:1px; border:0px}
input, select, textarea {vertical-align:middle; outline:none}
iframe {margin:0; border:0}
ol, ul, li {list-style:none}
hr {display:none}
#event_wrap img {vertical-align:top; margin-bottom:0px}
::selection {background:#625bca; color:#fff}

/* @@@@@@@@@@			form			@@@@@@@@@@ */
input:hover {background-color:#feffbb}
/* input:disabled:hover {background-color:#ebebe4} */
input:active {background-color:#feffbb}
input:focus {background-color:#feffbb}
input[type=text]::-ms-clear {display:none}
textarea:hover {background-color:#feffbb}
textarea:active {background-color:#feffbb}
textarea:focus {background-color:#feffbb}
textarea:disabled {background-color:#eceef2; color:#aaa}
textarea:disabled:hover, textarea:disabled:active, textarea:disabled:focus {background-color:#eceef2}
select {border:1px solid #e0e0e0; height:20px}
input.check {vertical-align:middle; margin-bottom:3px}
input.check2 {vertical-align:middle; margin-bottom:3px; margin-left:10px}
input.file {border-top:1px solid #999999; border-left:1px solid #999999; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:3px 5px 1px 2px; line-height:14px; height:18px}
input.text {border:1px solid #dbdbdb; padding:3px 5px 1px 2px; line-height:14px; height:14px}
input.fileon {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:18px}
input.texton {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:14px}
input.texton2 {border:1px solid #f1a51a; padding:3px 5px 1px 2px; line-height:14px; height:14px}
input.texton3 {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:14px; background-color:#ebebe4} /* disabled */
input.texton4 {border:1px solid #e0e0e0; padding:3px 0 1px; line-height:14px; height:14px; text-align:center} /* center */
input.texteng {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:14px; ime-mode:disable}
input.textkor {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:14px; ime-mode:active}
input.check:hover {background-color:inherit}
input.check:active {background-color:inherit}
input.check:focus {background-color:inherit}
input.check2:hover {background-color:inherit}
input.check2:active {background-color:inherit}
input.check2:focus {background-color:inherit}
textarea.text {border-top:1px solid #999999; border-left:1px solid #999999; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:3px 5px 1px 2px; line-height:18px; overflow:auto}
textarea.texton {border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:18px; overflow:auto}
textarea.type01.done {background:#feffbb; border-color:#1f2152}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #feffbb inset ; -webkit-text-fill-color: #1f2152} 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* input common */
.inp_box {position:relative; display:inline-block; font-size:0; vertical-align:top}
.inp_box::after {content:''; display:block; clear:both}
.inp_box .input_del {display:none; position:absolute; right:10px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); width:13px; height:12px; cursor:pointer; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -10px -22px; font-size:0; text-indent:-9999px}
.inp_box .amount+.input_del {right:93px}
.inp_box .input_won {position:absolute; right:10px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); font-size:14px; color:#1f2152; font-family:notoKR; font-weight:300}
.inp_box .input_info {display:none; position:absolute; right:0; bottom:-24px; box-sizing:border-box; height:26px; padding:0 10px; line-height:26px; border:1px solid #635bca; background:#fff; text-align:right; color:#635bca; font-family:notoKR; font-weight:300; font-size:12px; white-space:nowrap}
.inp_box .input_sch {position:absolute; right:10px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); width:12px; height:12px; cursor:pointer; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -108px -29px; font-size:0; text-indent:-9999px}
.inp_box label.chkbox {position:relative; display:inline-block; height:18px; line-height:1; padding-left:25px; color:#616781; font-size:14px; font-family:notoKR; cursor:pointer}
.inp_box label.chkbox::before {content:''; position:absolute; left:0; top:0; width:18px; height:18px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat 0 -82px}
.inp_box label.rdobox {position:relative; display:inline-block; height:15px; line-height:15px; padding-left:20px; color:#7e86a8; font-size:14px; font-weight:normal; font-family:notoKR; cursor:pointer; z-index:1}
.inp_box label.rdobox::before {content:''; position:absolute; left:0; top:0; width:15px; height:15px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat 0 -101px}
.ico_true {display:block; margin-top:10px; color:#36b388; font-family:notoKR}
.ico_true::before {content:''; display:inline-block; width:12px; height:9px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -14px}
.ico_false {display:block; margin-top:10px; color:#ff3066; font-family:notoKR}
.ico_false::before {content:''; display:inline-block; width:12px; height:9px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -24px}
.ico_wrong {display:block; margin-top:10px; color:#ff3066; font-family:notoKR}
.ico_wrong::before {content:''; display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -47px}
/* input[type='text'] */
input[type='text'].type01 {position:relative; width:180px; height:34px; padding:0 10px; box-sizing:border-box; border:1px solid #d7dbe3; line-height:1; color:#1f2152; text-align:right; font-family:notoKR; font-size:14px}
input[type='text'].type01::placeholder {font-weight:400; color:#a9afbd; text-align:left}
input[type='text'].type01:-webkit-input-placeholder {font-weight:400; color:#a9afbd; text-align:left} 
input[type='text'].type01:-moz-placeholder {color:#a9afbd; text-align:left}
input[type='text'].type01:-ms-placeholder {color:#a9afbd; text-align:left}
input[type='text'].type01:-ms-input-placeholder {color:#a9afbd; text-align:left}
input[type='text'].type01::-ms-input-placeholder {color:#a9afbd; text-align:left}
input[type='text'].type01:focus {border-color:#1f2152}
input[type='text'].type01:disabled {background:#eceef2}
input[type='text'].type01.over {padding-right:30px!important; border-color:#1f2152; background-color:#feffbb; overflow:hidden}
input[type='text'].type01.done {border-color:#1f2152; background-color:#feffbb!important}
input[type='text'].type01.text {text-align:left}
.info_char input[type='text'].type01 {text-align:left}
/* input[type='text'] 금액 */
input[type='text'].type01.won {padding-right:30px!important; margin:0; text-align:right}
input[type='text'].type01.won.over {padding-right:50px!important;}
.inp_box .input_del.won {margin-right:20px}
/* input[type='text'] 숫자 */
input[type='text'].type01.num {text-align:right}
/* 문구 유효성검사 */
input[type='text'].type01.true {background:#feffbb; border-color:#36b388}
input[type='text'].type01.false {background:#feffbb; border-color:#f42e4f}
/* 리스트 내 검색 */
input[type='text'].type01.sch {padding-right:30px; border-color:#6f748c}
/* select */
select.type01 {position:relative; width:180px; height:34px; padding-left:10px; box-sizing:border-box; border:1px solid #d7dbe3; color:#616781; font-family:notoKR; -webkit-appearance:none; -moz-appearance:none; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat right -193px}
select.type01::-ms-expand {opacity:0} /* ie10~ */
select.type01:focus {background-color:#fff}
select.type01:focus::-ms-value {background-color:#fff; color:#616781}
select.type01.done {background-color:#feffbb; border-color:#1f2152; color:#1f2152}
select.type01.done:focus {background-color:#feffbb}
select.type01.done:focus::-ms-value {background-color:#feffbb; color:#1f2152}
select.type01.done > option {background-color:#fff; padding:0}

/* input[type='checkbox'] */
input[type='checkbox'].type01 {position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); width:1px; height:1px; margin:0}
input[type='checkbox'].type01:hover {background:none; border:0}
input[type='checkbox'].type01:checked + label::before {background-position-x:-20px}
input[type='checkbox'].type01:disabled + label::before {background-position-x:-40px}
input[type='checkbox'].type01:checked:disabled + label::before {background-position-x:-60px}
input[type='checkbox'].type01:disabled + label, input[type='checkbox'].type01:checked:disabled + label {cursor:default}
/* input[type='radio'] */
input[type='radio'].type01 {position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); width:1px; height:1px; margin:0}
input[type='radio'].type01:hover {border:0}
input[type='radio'].type01:checked + label::before {background-position-x:-20px}
input[type='radio'].type01:checked + label.rdobox::before {background-position-x:-17px}
input[type='radio'].type01:disabled + label::before {background-position-x:-40px}
input[type='radio'].type01:disabled + label.rdobox::before {background-position-x:-34px}
input[type='radio'].type01:checked:disabled + label::before {background-position-x:-60px}
input[type='radio'].type01:checked:disabled + label.rdobox::before {background-position-x:-51px}
input[type='radio'].type01:disabled + label, input[type='checkbox'].type01:checked:disabled + label {cursor:default}

input[type='radio'].type02 + label.rdobox::before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/resources/image/design/common/ico_checkbox.png') no-repeat 0 0}
input[type='radio'].type02:checked + label.rdobox::before {background-position-y:100%}

/* @@@@@@@@@@			basic			@@@@@@@@@@ */
.hangul {font-family:"바탕체","바탕",batang,batangche; font-size:15px}
.middle {vertical-align:middle; margin-bottom:2px}
img.imgmiddle {vertical-align:middle; margin-bottom:1px}
.btn_center img,.btn_center input {vertical-align:middle; margin-bottom:1px}
.btn_centerb20 {text-align:center; margin-bottom:20px}
#NavigationPanel img {vertical-align:middle; margin-bottom:1px}
.clear_aft:after {content:""; display:block; clear:both}
.clear_aft {*zoom:1}
ul.info_wid li {float:left}
ul.info_wid li.r1 {width:47px; padding-top:2px}
ul.info_wid li.r2 {width:95px; padding-top:2px}
ul.info_wid li.r3 {width:50px}
ul.info_wid li.r4 {width:350px; padding-top:2px}
ul.info_wid li.r4 span.col02 {color:#245fb3}
/* @@@@@@@@@@			align			@@@@@@@@@@ */
.btn_center {text-align:center}
.btn_right {text-align:right}
.btn_left {text-align:left}
.align_left {text-align:left}
.align_center {text-align:center}
.align_right {text-align:right}
/* @@@@@@@@@@			layout			@@@@@@@@@@ */
.btn_center .left {float:left}
.btn_center .right {float:right}
.btn_right .left {float:left}
.btn_left .right {float:right}
.float_left {float:left}
.float_right {float:right}
.float_none {float:none}
.clear_left {clear:left}
.clear_right {clear:right}
.clear_both {clear:both}
.clear_none {clear:none}
.visibility_hidden {visibility:hidden}
.display_block {display:block}
.display_inline {display:inline}
.display_none {display:none}
.displayNone {display:none}
.hidden_phrase {display:none}
.overflow_auto {overflow:auto}
.overflow_hidden {overflow:hidden}
.overflow_scroll {overflow:scroll}
.overflow_visible {overflow:visible}
.position_absolute {position:absolute}
.position_fixed {position:fixed}
.position_relative {position:relative}
.blind, .hidden_phrase, #skip,.skip, .hide, legend, hr {display:none;font-size:0;height:0;line-height:0;overflow:hidden;position:absolute;visibility:hidden;width:0}
/* @@@@@@@@@@			margin/padding			@@@@@@@@@@ */
/* top */
.magin_top2 {margin-top:2px}
.magin_top3 {margin-top:3px}
.magin_top4 {margin-top:4px}
.magin_top5 {margin-top:5px}
.magin_top7 {margin-top:7px}
.magin_top10 {margin-top:10px}
.magin_top15 {margin-top:15px}
.magin_top25 {margin-top:25px}
.marginT3 {margin-top:3px}
.marginT5 {margin-top:5px}
.marginT8 {margin-top:8px}
.marginT10 {margin-top:10px}
.marginT15 {margin-top:15px}
.marginT20 {margin-top:20px}
.marginT25 {margin-top:25px}
.marginT30 {margin-top:30px}
.marginT40 {margin-top:40px}
.marginT50 {margin-top:50px}
.paddingT5 {padding-top:5px}
.paddingT10 {padding-top:10px}
.paddingT20 {padding-top:20px}
.paddingT30 {padding-top:30px}
/* bottom */
.magin_bottom5 {margin-bottom:5px}
.magin_bottom10 {margin-bottom:10px}
.magin_bottom15 {margin-bottom:15px}
.magin_bottom30 {margin-bottom:30px}
.marginB3 {margin-bottom:3px}
.marginB5 {margin-bottom:5px}
.marginB8 {margin-bottom:8px}
.marginB10 {margin-bottom:10px}
.marginB15 {margin-bottom:15px}
.marginB20 {margin-bottom:20px}
.marginB30 {margin-bottom:30px}
.marginB40 {margin-bottom:40px}
.marginB50 {margin-bottom:50px}
.marginB100 {margin-bottom:100px}
.paddingB5 {padding-bottom:5px}
.paddingB10 {padding-bottom:10px}
.paddingB20 {padding-bottom:20px}
.paddingB30 {padding-bottom:30px}
/* left */
.space_5 {margin-left:5px}
.space_10 {margin-left:10px}
.space_12 {margin-left:12px}
.space_15 {margin-left:15px}
.space_20 {margin-left:20px}
.space_30 {margin-left:30px}
.space_35 {margin-left:35px}
.magin_left20 {margin-left:20px}
.magin_left100 {margin-left:100px}
.marginL5 {margin-left:5px}
.marginL20 {margin-left:20px}
.paddingL5 {padding-left:5px}
.paddingL10 {padding-left:10px}
.paddingL15 {padding-left:15px}
.paddingL20 {padding-left:20px}
.paddingL30 {padding-left:30px}
/* right */
.marginR20 {margin-right:20px}
.space_right_1 {margin-right:1px}
.space_right_5 {margin-right:5px}
/* @@@@@@@@@@			cursor			@@@@@@@@@@ */
.hand {cursor:pointer}
.cursor_pointer {cursor:pointer}
/* @@@@@@@@@@			border			@@@@@@@@@@ */
.testborder {border:solid 1px #000000}
.border_none {border:0}
.border_top_gray {border-top:1px solid #d8d8d8}
.border_right_gray {border-right:1px solid #d8d8d8}
.border_bottom_gray {border-bottom:1px solid #d8d8d8}
.border_left_gray {border-left:1px solid #d8d8d8}
/* @@@@@@@@@@			input			@@@@@@@@@@ */
.input_check,.input_radio {height:13px;width:13px;vertical-align:middle;border:0}
input.txt {border:1px solid #bebebe;padding:0 1px 0 0;height:20px;color:#383d41}
/* @@@@@@@@@@			img			@@@@@@@@@@ */
.valign_baseline {vertical-align:baseline}
.valign_top {vertical-align:top}
.valign_bottom {vertical-align:bottom}
.valign_middle {vertical-align:middle}
.valign_abmiddle {vertical-align:abmiddle}
/* @@@@@@@@@@			font			@@@@@@@@@@ */
.num01 {font-family:Tahoma,Helvetica,sans-serif}
.num02 {font-family:Arial,Helvetica,sans-serif}
.font_11 {font-size:11px}
.font_13 {font-size:13px}
.font_14 {font-size:14px}
.font_16 {font-size:16px}
.font_24 {font-size:24px}
.font_line_130 {line-height:130%}
.font_line_150 {line-height:150%}
.font_line_200 {line-height:200%}
.font_line_300 {line-height:300%}
.bold {font-weight:bold}
.txtBold {font-weight:bold}
.normal {font-weight:normal}
.letter_spacing_min {letter-spacing:-1px}
.letter_spacing01_plus {letter-spacing:1px}
.vLine {color:#d8d8d8;font-size:10px;padding:0 4px}
.underline {text-decoration:underline}
/* @@@@@@@@@@			font : color			@@@@@@@@@@ */
.gray {color:#666666}
.gray_02 {color:#898989}
.gray_03 {color:#535353}
.gray_04 {color:#333333}
.gray_05 {color:#959595}
.gray_06 {color:#a9afbd}
.green {color:#2d9204}
.green_02 {color:#5e9e02}
.green_03 {color:#2d9204}
.blue {color:#003880}
.blue_02 {color:#3e6fe2}
.blue_03 {color:#174dd5}
.blue_04 {color:#007def}
.blue_05 {color:#273f89}
.blue_06 {color:#2b76eb}
.blue_07 {color:#036fba}
.blue_08 {color:#4282c8}
.blue09 {color:#23afd7}
.blue10 {color:#3082c6} /* v3.0 basic */
.red {color:#d60500}
.red02 {color:#e73d13}
.red03 {color:#FF0000}
.red05 {color:#bf2e01}
.red06 {color:#cc5833;font-weight:bold}
.red07 {color:#be2d00}
.red08 {color:#cc5833}
.red10 {color:#ff3252} /* v3.0 basic */
.orange {color:#ff6102}
.orange02 {color:#f37200}
.orange03 {color:#ff7800}
.orange04 {color:#ff4800}
.orange05 {color:#f65d00}
.orange06 {color:#f47300}
.orange07 {color:#ff3d70}
.black {color:#000000}
.brown {color:#7d4b27}
.braun {color:#5e3b21}
.violet {color:#001b80}
.bluePen {color:#0100FF}
.bg_gray {background-color:#f3f3f3}

.f_true {color:#36b388} /* IB2.0 긍정 속성 텍스트 */
.f_false {color:#ff3066} /* IB2.0 경고/부정 속성 텍스트 */
/* @@@@@@@@@@			width			@@@@@@@@@@ */
.width100 {width:100%}
.width90 {width:90%}
.width80 {width:80%}
/* @@@@@@@@@@			info			@@@@@@@@@@ */
.txt_sg01 {color:#666; font:12px/20px notoKR}
ul.txt_list01 {color:#666; font:12px/20px notoKR}
ul.txt_list01 li:before {content:''; display:inline-block; width:3px; height:3px; margin-right:4px; vertical-align:3px; background-color:#cecece}
ul.txt_list02 li {position:relative; padding-left:8px; font-size:12px; color:#7d7d7d}
ul.txt_list02 li:before {content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background:#d8d8d8}
/* @@@@@@@@@@			btn			@@@@@@@@@@ */
a.btn_full01 {display:block; height:50px; margin:20px auto; background:#eff1f4; text-align:center; color:#333b58; font:normal 16px/50px notoKR}
a.btn_full02 {display:block; height:50px; margin:20px auto; background:#333b58; text-align:center; color:#fff; font:normal 16px/50px notoKR}
a.btn_full03 {display:block; width:200px; height:50px; margin:20px auto; background:#333b58; text-align:center; color:#fff; font:normal 16px/50px notoKR}
a.btn_full04 {display:block; width:200px; height:50px; margin:20px auto; background:#eff1f4; text-align:center; color:#333b58; font:normal 16px/50px notoKR}
a.btn_full05 {display:block; width:187px; height:62px; margin:20px auto 50px;line-height:62px; text-align:center; color:#fff; font-family:notoKR; font-size:18px; background:#635bca}
a.btn_full05:hover {background:linear-gradient(to right,#8a39ce,#635bca); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca')}
a.btn_full05.off {background:#d0d3d7; color:#fff; cursor:default}
.btn_2type {overflow:hidden; margin:20px auto}
a.btn_2type01 {float:left; width:48%; height:50%; background:#333b58; text-align:center; color:#fff; font:normal 16px/50px notoKR}
a.btn_2type02 {float:left; width:48%; height:50%; background:#eff1f4; text-align:center; color:#333b58; font:normal 16px/50px notoKR}
a.btn_2type01 + a.btn_2type02, a.btn_2type01 + a.btn_2type01, a.btn_2type02 + a.btn_2type02, a.btn_2type02 + a.btn_2type01 {margin-left:4%}
.btn_3type01 {display:inline-block; box-sizing:border-box; width:52px; height:24px; line-height:22px; text-align:center; color:#6f748c; font-family:notoKR; font-size:12px; border:1px solid #6f748c; border-radius:4px}
.btn_3type02 {display:inline-block; box-sizing:border-box; width:52px; height:24px; line-height:22px; text-align:center; color:#e1e3e8; font-family:notoKR; font-size:12px; border:1px solid #e1e3e8; border-radius:4px}
a.btn_4type {display:inline-block; box-sizing:border-box; height:25px; line-height:23px; padding:0 10px; color:#616781; font-family:notoKR; font-size:12px; border:1px solid #e1e3e8; background:#f1f2f4; box-sizing:border-box}
a.btn_5type {display:inline-block; box-sizing:border-box; height:25px; line-height:25px; padding:0 10px; color:#fff; font-family:notoKR; font-size:12px; background:#3e62ba}
a.btn_5type.new {position:relative}
a.btn_5type.new::after {content:'N'; position:absolute; top:-6px; right:-6px; width:14px; height:13px; background:#e95a55; border-radius:50%; font-family:dotum; line-height:13px; text-align:center; font-weight:bold; font-size:10px }
a.btn_6type {display:inline-block; box-sizing:border-box; width:166px; height:36px; line-height:36px; text-align:center; color:#fff; font-family:notoKR; font-size:16px; background:#635bca}
a.btn_6type:hover {background:linear-gradient(to right,#8a39ce,#635bca); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca')}
a.btn_6type.off {background:#d0d3d7; color:#fff}
a.btn_7type01 {display:inline-block; box-sizing:border-box; width:86px; height:28px; line-height:26px; text-align:center; color:#7e86a8; font-family:notoKR; font-size:12px; border:1px solid #6f748c}
a.btn_7type01:active {background:#635bca; color:#fff}
a.btn_7type02 {display:inline-block; box-sizing:border-box; width:84px; height:28px; line-height:26px; text-align:center; color:#616781; font-family:notoKR; font-size:12px; vertical-align:top; border:1px solid #6f748c; background:#eaeef7}
.btn_8type {margin:20px auto 50px; font-size:0; text-align:center}
a.btn_8type01 {display:inline-block; box-sizing:border-box; width:187px; height:62px; line-height:62px; text-align:center; color:#635bca; font-family:notoKR; font-size:18px; vertical-align:top; border:1px solid #635bca; background:#fff}
a.btn_8type02 {display:inline-block; box-sizing:border-box; width:187px; height:62px; margin-left:10px; line-height:62px; text-align:center; color:#fff; font-family:notoKR; font-size:18px; background:#635bca}
a.btn_8type02:hover {background:linear-gradient(to right,#8a39ce,#635bca); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca')}
a.btn_8type02.off {background:#d0d3d7; color:#fff; cursor:default}
a.btn_8type03 {display:inline-block; box-sizing:border-box; width:187px; height:62px; margin-left:10px; line-height:62px; text-align:center; color:#fff; font-family:notoKR; font-size:18px; background:#7d8195}
a.btn_8type01.pick::before {content:''; display:inline-block; width:16px; height:15px; margin-right:10px; background:url('/resources/image/design/icon/ico_heart.png') left center no-repeat}

a.btn_info01 {display:inline-block; padding:5px 7px; margin:5px 0; border-radius:3px; border:1px solid #cecece; color:#333b58; font:normal 12px notoKR}
a.btn_pop01 {display:inline-block; box-sizing:border-box; height:18px; padding:0 10px; line-height:18px; border-radius:3px; color:#fff; text-align:center; font-size:11px; font-family:dotum; vertical-align:top}
.btn_pop01.type01 {background:#e95a55}
.btn_pop01.type01.done {background:#6c707b; cursor:default}
.btn_pop01.type02 {background:#3e62ba}
.btn_pop01.type02.done {background:#d4d4d4; color:#a0a0a0; border:1px solid #a0a0a0; cursor:default}
.btn_pop01.type03 {border:1px solid #a1a1a1; color:#444}
.btn_pop01.type04 {height:20px; background:#616781; line-height:22px}

/* @@@@@@@@@@			popup			@@@@@@@@@@ */
.pop_line {border-bottom:1px solid #dddddd;padding-bottom:10px}
/* @@@@@@@@@@			item : help			@@@@@@@@@@ */
.help01 {cursor:pointer;color:#2d9204;font-size:11px;letter-spacing:-1px;text-decoration:underline;background:url('/resources/image/design/item/bull_07.gif') no-repeat right 2px;padding-right:8px;margin-left:7px}
.help02 {color:#7e7e7e;font-size:11px;background:url('/resources/image/design/mybay/bull_07.gif') no-repeat left top;padding:1px 0 0 17px}
.help03 {cursor:pointer;color:#a8a8a8;font-size:11px;letter-spacing:-1px;text-decoration:underline;background:url('/resources/image/design/item/bull_09.gif') no-repeat right 2px;padding-right:8px;margin-left:7px}
.help04 {cursor:pointer;color:#f65d00;font-size:11px;letter-spacing:-1px;text-decoration:underline;background:url('/resources/image/design/item/bull_11.gif') no-repeat right 2px;padding-right:8px;margin-left:7px}
.help05 {color:#d60500;font-size:11px;background:url('/resources/image/design/mybay/bull_07.gif') no-repeat left top;padding:1px 0 0 17px}
.help06 {cursor:pointer;color:#2d9204;font-size:11px;letter-spacing:-1px;text-decoration:underline;background:url('/resources/image/design/item/bull_12.gif') no-repeat right 4px;padding-right:8px;margin-left:7px}
.help07 {color:#7e7e7e;font-size:11px;background:url('/resources/image/design/mybay/bull_02.gif') no-repeat left 6px;padding-left:8px}
.ico_info01 {color:#f42e4f}
.ico_info01:before {content:''; display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:-2px; background:url('/resources/image/design/certify/ico_info.png') 0 0 no-repeat}
/* @@@@@@@@@@			tooltip			@@@@@@@@@@ */
div.tooltipWrap {position:absolute; padding:10px; font-weight:normal; font-size:11px; color:#666 !important; background:#fff; border:1px solid #ff7133; z-index:9999}
div.tooltipWrap div.tipbg {position:absolute; left:10px; top:-5px; width:9px; height:5px; background:url('/resources/image/design/member/tooltip_bg2.png') no-repeat}
div.tooltipWrap div.close {position:absolute; right:3px; top:3px; width:7px; height:7px; background:url('/resources/image/design/btn/close_09.gif') no-repeat}
/* @@@@@@@@@@			user grade			@@@@@@@@@@ */
.grade {display:inline-block; width:28px; height:28px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat 0 -228px}
.grade.v {background-position-x:0}
.grade.s {background-position-x:-58px}
.grade.g {background-position-x:-29px}
.grade.b {background-position-x:-87px}
.grade.n {background-position-x:-116px}
.grade.off {background-position-y:-258px}
/* 리스트 아이콘 */
.list_icon {font-size:0}
.list_icon .grade, .gride_list_ico .grade {display:inline-block; width:26px; height:26px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat 0 0}
.list_icon .grade.n, .gride_list_ico .grade.n {background-position-x:0}
.list_icon .grade.b, .gride_list_ico .grade.b {background-position-x:-26px}
.list_icon .grade.s, .gride_list_ico .grade.s {background-position-x:-52px}
.list_icon .grade.g, .gride_list_ico .grade.g {background-position-x:-78px}
.list_icon .grade.v, .gride_list_ico .grade.v {background-position-x:-104px}
.list_icon .ico.safety, .gride_list_ico .ico.safety {width:26px; height:26px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat 0 -26px}
.list_icon .ico.reward, .gride_list_ico .ico.reward {width:26px; height:26px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat -26px -26px}
.list_icon .ico.none, .gride_list_ico .ico.none {width:26px; height:26px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat -52px -26px}
.goods_name .ico.file {width:18px; height:18px; margin-left:4px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat -32px -52px}
.goods_name .ico.power {width:32px; height:18px; margin-left:4px; background:url('/resources/image/itemList/list_ico_v1_0.png') no-repeat 0 -52px}
/* old */
.ico_lv0 {display:inline-block; width:22px; height:17px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat right top} /* Lv0 : level6 */
.ico_lv1 {display:inline-block; width:22px; height:17px; background:url('/resources/image/design/icon/20140630/level1.gif') no-repeat right top} /* Lv1 : level5 */
.ico_lv3 {display:inline-block; width:22px; height:17px; background:url('/resources/image/design/icon/20140630/level3.gif') no-repeat right top} /* Lv3 : level3 */
.ico_lv5 {display:inline-block; width:22px; height:17px; background:url('/resources/image/design/icon/20140630/level5.gif') no-repeat right top} /* Lv5 : level1 */
.ico_lv6 {display:inline-block; width:22px; height:17px; background:url('/resources/image/design/icon/20140630/level6.gif') no-repeat right top} /* Lv6 : level0 */
.Lv4 {padding:2px 25px 0 5px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat right top} /* Lv4 : level1 */
.Lv2 {padding:2px 23px 0 5px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat right top} /* Lv2 : level3 */
span.Lv0_m {padding:5px 5px 0 25px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat left top}
span.Lv1_m {padding:5px 5px 0 27px; background:url('/resources/image/design/icon/20140630/level1.gif') no-repeat left top}
span.Lv2_m {padding:5px 5px 0 23px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat left top}
span.Lv3_m {padding:5px 5px 0 25px; background:url('/resources/image/design/icon/20140630/level3.gif') no-repeat left top}
span.Lv4_m {padding:5px 5px 0 25px; background:url('/resources/image/design/icon/20140630/level0.gif') no-repeat left top}
span.Lv5_m {padding:5px 5px 0 25px; background:url('/resources/image/design/icon/20140630/level5.gif') no-repeat left top}
span.Lv6_m {padding:5px 5px 0 25px; background:url('/resources/image/design/icon/20140630/level6.gif') no-repeat left top}
/* @@@@@@@@@@			title			@@@@@@@@@@ */
h5.title {margin:15px 0; padding-left:5px; font-family:notoCJK,sans-serif; font-size:16px; color:#000; border-left:3px solid #3e62ba}
h6.title {margin:10px 0; font-family:notoCJK,sans-serif; font-size:15px; color:#333b58}

/* @@@@@@@@@@			table			@@@@@@@@@@ */
table {border-collapse:collapse; border-spacing:0}
table caption {display:none}
table.sell_list {width:100%; table-layout:fixed; border-bottom:1px solid #e7e7ef}
table.sell_list th {text-align:center; border-top:1px solid #e7e7ef; padding:8px 0}
table.sell_list td {border-top:1px solid #e7e7ef; padding:8px 0}
table.tb_type01 {width:100%; margin-bottom:20px}
table.tb_type01 th, table.tb_type01 td {padding:10px 0; border:1px solid #ccd6de; color:#747b8e} 
table.tb_type01 th {background-color:#f7f7f7}
table.tb_type01 td {text-align:center; font-size:11px}
/* table 01 */
div.list_tab01 {margin-bottom:20px}
div.list_tab01 span.down {color:#245fb3}
div.list_tab01 span.up {color:#f31e1e}
div.list_tab01 div.list_btn {padding:10px 0 9px 0;border-bottom:2px solid #e6e6e8}
table.list_tab01 {width:100%;table-layout:fixed}
table.list_tab01 th {background-color:#f9f9f9;border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;padding:9px 0 8px 0}
table.list_tab01 th.ml {border-left:1px solid #e6e6e8}
table.list_tab01 th.mr {border-right:1px solid #e6e6e8}
table.list_tab01 th.m {border-top:0px}
table.list_tab01 td {border-bottom:1px solid #e6e6e8;text-align:center;	padding:9px 0 5px 0}
table.list_tab01 tr.bg td {background-color:#fffbe9}
table.list_tab01 tr.end td, table.list_tab01 tr.end td a, table.list_tab01 tr.end td span, table.list_tab01 tr.end td p {color:#afafaf}
table.list_tab01 tr.small td, table.list_tab01 .small {font-size:11px}
table.list_tab01 .right {text-align:right;padding-right:5px}
table.list_tab01 .price01 {padding:9px 10px 5px 0;text-align:right}
table.list_tab01 .left {padding:9px 0 5px 10px;text-align:left; word-break:break-all}
table.list_tab01 .left2 {padding:6px 0 5px 10px;text-align:left}
table.list_tab01 .line {border-left:1px solid #e6e6e8}
table.list_tab01 td.btn	 {padding:6px 0 5px 0}
table.list_tab01 th.check, table.list_tab01 td.check {padding:6px 0 5px 0}
table.list_tab01 td.no_data {padding:13px 0 10px 0}
table.list_tab01 td.nodata {padding:23px 0 20px 0}
table.list_tab01 .word {float:left;width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word2 {float:left;width:350px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word3 {float:left;width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word4 {float:left;width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word5 {float:left;width:460px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word6 {float:left;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word7 {float:left;width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab01 .word img, table.list_tab01 .word2 img, table.list_tab01 .word3 img {margin-right:3px}
table.list_tab01 .col01 {color:#ff3000}
table.list_tab01 .col02 {color:#0066cc;padding-top:3px}
table.list_tab01 .col02 a {color:#0066cc}
table.list_tab01 .col03 {color:#001b80}
table.list_tab01 .col04 {background:url('/resources/image/design/item/bull_08.gif') no-repeat 3px top;padding-left:11px}
table.list_tab01 .col05 {color:#0033cc;font-size:12px;font-weight:bold;line-height:15px}
table.list_tab01 .col06 {color:#2d9204;padding-left:11px}
table.list_tab01 .kind01 {color:#f31e1e}
table.list_tab01 .kind02 {color:#245fb3}
table.list_tab01 .kind03 {color:#555555}
table.list_tab01 p.buyer img {margin-bottom:3px}
table.list_tab01 p.phone img {margin-bottom:3px}
table.list_tab01 p.buyer span.hangul {color:#f37200;padding:0 3px}
table.list_tab01 tr.total td {font-weight:bold;background-color:#fff8f3}
/* table 02 */
div.list_tab02 {border-top:2px solid #333333;margin-bottom:20px}
table.list_tab02 {width:100%;table-layout:fixed}
table.list_tab02 th {color:#565656;font-size:11px;font-weight:bold;background-color:#f9f9f9;border-bottom:1px solid #c7c7c7;vertical-align:top;padding:9px 0 6px 0}
table.list_tab02 td {border-bottom:1px solid #e6e6e8;text-align:center;padding:9px 0 5px 0}
table.list_tab02 tr.bg td {background-color:#fffbe9}
table.list_tab02 tr.end td, table.list_tab02 tr.end td a, table.list_tab02 tr.end td span, table.list_tab02 tr.end td p {color:#afafaf}
table.list_tab02 td.small {font-size:11px}
table.list_tab02 td.left {padding:9px 0 5px 10px;text-align:left}
table.list_tab02 td.price01 {padding:9px 5px 5px 0;text-align:right}
table.list_tab02 td.price02 {padding:9px 5px 5px 0;text-align:right;color:#ff3000}
table.list_tab02 td.price03 {padding:9px 15px 5px 0;text-align:right;color:#ff3000}
table.list_tab02 td.price04 {padding:9px 20px 5px 0;text-align:right;color:#ff3000}
table.list_tab02 td.img	 {padding:6px 0 5px 0;color:#9b9b9b;font-size:11px}
table.list_tab02 td.nodata {padding:23px 0 20px 0}
table.list_tab02 span.kind01 {color:#666666}
table.list_tab02 span.kind02 {color:#666666}
table.list_tab02 .col01 {color:#ff3000}
table.list_tab02 .col02 {color:#0066cc;padding-top:3px}
table.list_tab02 .col02 a {color:#0066cc}
table.list_tab02 a.word {float:left;width:245px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab02 a.word3 {float:left;width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab02 span.pay {color:#3d62e0}
div.content_full table.list_tab02 a.word {float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab02 .word img, table.list_tab02 .word2 img, table.list_tab02 .word3 img {margin-right:3px}
/* table 03 */
div.list_tab03 {border-top:1px solid #e6e6e8;margin-bottom:20px}
table.list_tab03 {width:100%;table-layout:fixed}
table.list_tab03 th {color:#787878;font-size:11px;font-weight:normal;background-color:#f9f9f9;border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 6px 0}
table.list_tab03 td {border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 5px 15px}
table.list_tab03 .fst {border-left:0px}
table.list_tab03 .right {text-align:right;padding:9px 15px 5px 0}
table.list_tab03 .col01 {color:#ff6600}
table.list_tab03 .col02 {color:#ff6600;background:url('/resources/image/design/mybay/bull_11.gif') no-repeat 20px 1px;padding-left:41px}
table.list_tab03 .col03 {color:#888888;font-size:11px}
table.list_tab03 tr.left th {text-align:left;padding:9px 0 6px 15px}
table.list_tab03 tr.left td {text-align:left;padding:9px 0 6px 15px}
table.list_tab03 tr.total td {font-weight:bold;background-color:#fff8f3}
table.list_tab03 tr.center td {text-align:center;padding:9px 0 5px 0px}
table.list_tab03 tr.center td.popfst {border-left:0px;text-align:center;padding:9px 0 5px 0px;font-size:11px}
table.list_tab03 tr.center td.pop {text-align:center;padding:9px 0 5px 0px;font-size:11px}
/* table 04 */
div.list_tab04 {border-top:2px solid #333333; margin-bottom:20px; font-family:dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif}
table.list_tab04 {width:100%; table-layout:fixed}
table.list_tab04 th, table.list_tab04 td {padding:8px 0 9px 0; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf}
table.list_tab04 th {background-color:#f9f9f9; color:#444; letter-spacing:-0.03em}
table.list_tab04 td {text-align:center}
table.list_tab04 td.left {padding-left:10px; text-align:left}
table.list_tab04 td.left2 {padding:10px 0 10px 20px; text-align:left}
table.list_tab04 th:first-child, table.list_tab04 td:first-child, table.list_tab04 .fst {border-left:0}
table.list_tab04 .col01 {color:#ff6600}
table.list_tab04 .col02 {color:#245fb3;font-weight:bold}
table.list_tab04 .col03 {color:#245fb3}
table.list_tab04 .col04 {color:#888888;font-size:11px}
table.list_tab04 .col05 {color:#ff6600;font-size:11px}
table.list_tab04 .col06 {color:#f31e1e;font-weight:bold}
table.list_tab04 .col07 {color:#f65d00;font-weight:bold}
table.list_tab04 tr.bg td {background-color:#fff8f3}
table.list_tab04 tr.left th {text-align:left;padding:9px 0 6px 15px}
table.list_tab04 tr.left td {text-align:left;padding:9px 0 5px 15px}
table.list_tab04 tr.left td.img {padding:6px 0 5px 15px}
table.list_tab04 tr.left td.right {text-align:right;padding:9px 15px 5px 0}
table.list_tab04 td.con {padding:15px 20px 30px 15px;text-align:left;line-height:18px;border-left:0px}
table.list_tab04 div.answer {border:1px solid #d6d6d6;background-color:#f9f9f9;margin-top:25px;padding:20px}
div.list_tab04 p.txt01 {color:#245fb3;font-size:11px;padding-top:8px}
/* table 05 */
div.list_tab05 {border-top:1px solid #e6e6e8}
/* table 06 */
div.list_tab06 {border-top:2px solid #333333;margin-bottom:20px}
div.list_tab06_all { border-color:#a1a1a1}
table.list_tab06 {width:100%;table-layout:fixed;font-size:11px}
table.list_tab06 th { color:#565656;font-size:11px;font-weight:bold;padding:8px 0 0 0;background:url("/resources/image/design/item/20130225/th_left_bg.gif") repeat-y left #eaebe1;vertical-align:top;border-bottom:1px solid #dedede}
table.list_tab06 .datetype th { padding:5px 0 4px 0}
table.list_tab06 th.fst { background:#eaebe1}
table.list_tab06 th .price_last { width:100%;float:left;position:relative;top:0px;left:0px;margin:-7px 0 -2px 0}
table.list_tab06 th .price_last2 { font-weight:normal;float:left;width:100%;color:#aca9a9;margin:0px 0 -2px 0;text-align:center}
table.list_tab06 td {border-bottom:1px solid #dedede;text-align:center;padding:4px 0 4px 0;background:url("/resources/image/design/item/20130225/th_left_bg.gif") repeat-y left;color:#333333}
table.list_tab06 tr.bg td {background-color: #f2f6ff}
table.list_tab06 tr.end td, table.list_tab06 tr.end td a, table.list_tab06 tr.end td span, table.list_tab06 tr.end td p {color:#afafaf}
table.list_tab06 td.fst { background:none}
table.list_tab06 td.small {font-size:11px;color:#666666}
table.list_tab06 td.small img {margin:0px 0 0 0}
table.list_tab06 td.left {padding:3px 0 0px 7px;text-align:left}
table.list_tab06 td.center {padding:3px 0 0px 0px;text-align:center}
table.list_tab06 td.price01 {padding:3px 5px 0px 0;text-align:right;color:#333333;word-wrap: break-word}
table.list_tab06 td.price02 {padding:3px 5px 0px 0;text-align:right;color:#939393;word-wrap: break-word}
table.list_tab06 td.price03 {padding:3px 5px 0px 0;text-align:right;color:#ff3000;word-wrap: break-word;font-size:12px}
table.list_tab06 td.price04 {padding:3px 5px 0px 0;text-align:right;color:#4b4b4c;word-wrap: break-word}
table.list_tab06 td.img	 {padding:-1px 0 4px 0;color:#9b9b9b;font-size:11px}
table.list_tab06 td.nodata {padding:23px 0 20px 0}
table.list_tab06 .zoom { float:right;margin:-1px 5px 0 0;line-height:normal}
table.list_tab06 span.kind01 {color:#666666}
table.list_tab06 span.kind02 {color:#666666}
table.list_tab06 .col01 {color:#ff3000}
table.list_tab06 .col02 {color:#0066cc;padding-top:3px}
table.list_tab06 .col02 a {color:#0066cc}
table.list_tab06 a.word { font-size:12px;float:left;width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#333333}
table.list_tab06 a.word3 {float:left;width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
table.list_tab06 span.pay {color:#3d62e0}
div.content_full table.list_tab06 a.word {float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
div.content_full table.list_tab06 a.word span { float:left;margin:0px 0 0 -2px}
table.list_tab06 .word img, table.list_tab06 .word2 img, table.list_tab06 .word3 img {margin-right:2px}
/* table 07 */
div.list_tab07 {margin:10px 0 20px}
table.list_tab07 {width:100%;table-layout:fixed}
table.list_tab07 th {color:#787878;font-size:11px;background-color:#f9f9f9;border:1px solid #e6e6e8;padding:9px 0 6px 0}
table.list_tab07 td {border:1px solid #e6e6e8;padding:12px 0 10px;text-align:center}
table.list_tab07 td.left {padding:12px 10px 10px;text-align:left}
/* table 08 */
table.list_tab08 {width:100%; border-top:2px solid #b7c1d9; border-bottom:1px solid #dbe0ee; table-layout:fixed}
table.list_tab08 th {height:42px; line-height:42px; background:#eaeef7; border-bottom:1px solid #dbe0ee; font-family:notoKR; font-size:14px; font-weight:normal; color:#7e86a8}
table.list_tab08 td {padding:30px 0; font-family:notoKR; font-size:14px; color:#1f2152; text-align:center;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
table.list_tab08 td p {width:100%; overflow:hidden; line-height:1.3; white-space:nowrap; text-overflow:ellipsis}
/* table 09 */
table.list_tab09 {width:100%; border-top:1px solid #e1e3e8}
table.list_tab09 > tbody > tr {border-bottom:1px solid #e1e3e8; font-family:notoKR; font-size:14px}
table.list_tab09 > tbody > tr > th {padding-left:20px; background:#f3f5fa; line-height:1.2; font-family:notoKR; font-size:16px; font-weight:normal; color:#7e86a8; text-align:left}
table.list_tab09 > tbody > tr > td {padding:30px 0; padding-left:20px; font-family:notoKR}
table.list_tab09 table {width:350px}
/* table 10 */
table.list_tab10 {width:100%; border-top:2px solid #b7c1d9}
table.list_tab10 > tbody > tr {border-bottom:1px solid #e1e3e8; font-family:notoKR; font-size:14px}
table.list_tab10 > tbody > tr > th {padding-left:20px; background:#f3f5fa; font-family:notoKR; font-size:16px; font-weight:normal; color:#7e86a8; text-align:left}
table.list_tab10 > tbody > tr > th > span {vertical-align:middle}
table.list_tab10 > tbody > tr > td {padding:30px 0; padding-left:20px; font-family:notoKR}
table.list_tab10 table {width:350px}
/* table 11 */
table.list_tab11 {width:100%; border:1px solid #e6e6e8}
table.list_tab11 th {color:#787878; font-size:11px; background-color:#f9f9f9; border:1px solid #e6e6e8; padding:9px 0 6px 0}
table.list_tab11 td {padding:5px 0; border-left:1px solid #e6e6e8; text-align:center}

/* @@@@@@@@@@			notice			@@@@@@@@@@ */
.ntc_type01 {padding:20px; background:#eff1f4}
.ntc_type01 h6 {padding-left:10px; margin-bottom:10px; font-size:15px; background:url('/resources/image/design/mybay/bull_13.png') no-repeat 0 50%}
.ntc_type01 ol {width:100%; line-height:20px}
.ntc_type01 li {position:relative; padding-left:7px}
.ntc_type01 li:before {content:''; position:absolute; left:0; top:9px; width:1px; height:1px; background:#747b8e}
.ntc_type01 .sub {font-size:11px; color:#8f8f8f}
.ntc_type01 .area_con {width:1000px; margin:0 auto}
.ntc_type02 {padding:20px; background:#f8f9fb; border:1px solid #ccd6de; font-family:notoKR}
.ntc_type02 h6 {margin-bottom:10px; color:#1f2152; font-size:16px}
.ntc_type02 ol {width:100%; line-height:24px}
.ntc_type02 li {position:relative; padding-left:10px; color:#717680; font-size:12px}
.ntc_type02 li:before {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#7d818a}
/* common notice1 */
div.notice_01 {background:#fafafa url('/resources/image/design/service/notice_01.gif') no-repeat 30px 48%;padding:15px 35px 15px 130px;margin-bottom:10px;text-align:left}
div.notice_01 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#939393;font-size:11px;line-height:18px}
div.notice_01 ol li.bull {background:url('/resources/image/design/mybay/bull_08.gif') no-repeat left 3px;padding:0 0 2px 9px;color:#939393;font-size:11px;line-height:18px}
div.notice_01 ol li.none {background-image:none;padding:0 0 2px 5px}
div.notice_01 ol li span.col01 {color:#f65d00}
div.notice_01 ol li span.col02 {color:#2c8ae2}
div.notice_01 ol li span.col03 {color:#f1a51a}
/* common notice2 */
div.notice_02 {background:#fafafa url('/resources/image/design/service/notice_02.gif') no-repeat 30px 50%;padding:15px 35px 15px 130px;margin-bottom:10px}
div.notice_02 ol li {color:#939393;font-size:11px;line-height:20px}
/* common notice3 */
div.notice_03 {background:#fafafa url('/resources/image/design/service/notice_03.gif') repeat-x left bottom;padding:15px 22px;border:1px solid #dcdcdc;margin-bottom:20px}
div.notice_03 p.tit {height:23px;background:url('/resources/image/design/service/notice_03_line.gif') repeat-x left bottom;margin-bottom:10px}
div.notice_03 ol li {font-size:11px;line-height:18px}
/* common notice4 */
div.notice_04 {background:#f8f8f8 url('/resources/image/design/service/notice_04.gif') no-repeat 25px center; padding:15px 10px 15px 120px; margin-bottom:20px; position:relative; zoom:1}
div.notice_04 p.btn {position: absolute;top:143px;left:25px;text-align:left}
div.notice_04 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#666666;font-size:11px;line-height:18px}
div.notice_04 ol li:first-child {padding-bottom:0}
div.notice_04 ol li.none {background-image:none;padding:0 0 2px 5px}
div.notice_04 ol li span.col01 {color:#f65d00}
div.notice_04 ol li span.col02 {color:#245fb3}
div.notice_04 ol li span.col03 {font-size:12px}
/* common notice5 */
div.notice_05 {padding-bottom:5px}
div.notice_05 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 0 11px;color:#888888;font-size:11px;line-height:18px}
div.notice_05 ol li .col01 {color:#f65d00}
div.notice_05 ol li .col02 {color:#245fb3}
/* common notice6 */
div.notice_06 {background:#fafafa url('/resources/image/design/service/notice_05.gif') no-repeat 25px 40%;padding:15px 10px 15px 120px;margin-bottom:20px;position:relative;zoom:1}
div.notice_06 p.btn {position: absolute;top:143px;left:25px;text-align:left}
div.notice_06 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#939393;font-size:11px;line-height:18px}
div.notice_06 ol li.none {background-image:none;padding:0 0 2px 5px}
div.notice_06 ol li span.col01 {color:#f65d00}
div.notice_06 ol li span.col02 {color:#245fb3}
div.notice_06 ol li span.col03 {font-size:12px}
/* common notice7 */
div.notice_07 {background:#fafafa url('/resources/image/design/service/notice_06.gif') no-repeat 25px 40%;padding:15px 10px 15px 120px;margin-bottom:20px;position:relative;zoom:1}
div.notice_07 p.btn {position: absolute;top:143px;left:25px;text-align:left}
div.notice_07 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#939393;font-size:11px;line-height:18px}
div.notice_07 ol li.none {background-image:none;padding:0 0 2px 5px}
div.notice_07 ol li span.col01 {color:#f65d00}
div.notice_07 ol li span.col02 {color:#245fb3}
div.notice_07 ol li span.col03 {font-size:12px}
/* common notice8 */
div.notice_08 {background:#fafafa url('/resources/image/design/service/notice_08.gif') no-repeat 25px 40%;padding:15px 10px 15px 120px;margin-bottom:20px;position:relative;zoom:1}
div.notice_08 p.btn {position: absolute;top:143px;left:25px;text-align:left}
div.notice_08 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#939393;font-size:11px;line-height:18px}
div.notice_08 ol li.none {background-image:none;padding:0 0 2px 5px}
div.notice_08 ol li span.col01 {color:#f65d00}
div.notice_08 ol li span.col02 {color:#245fb3}
div.notice_08 ol li span.col03 {font-size:12px}
/* common notice9 : 아이템 판매 등록/수정 */
div.notice_09 {background:#fafafa url('/resources/image/design/service/notice_09.gif') no-repeat 25px 40%;padding:15px 10px 15px 120px;margin-bottom:20px;zoom:1;border:1px solid #cfcfcf}
div.notice_09 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#666;font-size:11px;line-height:18px}
/* common notice10 : 아이템 구매 등록/수정 */
div.notice_10 {background:#fafafa url('/resources/image/design/service/notice_10.gif') no-repeat 25px 40%;padding:15px 10px 15px 120px;margin-bottom:20px;zoom:1;border:1px solid #cfcfcf}
div.notice_10 ol {padding:15px 0}
div.notice_10 ol li {background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px;padding:0 0 2px 11px;color:#666;font-size:11px;line-height:18px}

/* @@@@@@@@@@			msg			@@@@@@@@@@ */
.direct_ntfy {margin:20px 0; font:14px/20px notoCJK,sans-serif}
.direct_ntfy .ico {display:inline-block; width:45px; height:17px; margin-bottom:2px; vertical-align:middle; background:url('/resources/image/design/icon/bg_ntfy.png') no-repeat; font-size:0; text-indent:-9999px}
.direct_ntfy.off .ico {background-position-y:0}
.direct_ntfy.on .ico {background-position-y:100%}
.direct_ntfy .btn_pop01.type02 {vertical-align:middle}

/* @@@@@@@@@@			icon			@@@@@@@@@@ */
.ico {display:inline-block; box-sizing:border-box; position:relative; vertical-align:middle}
.ico.bubble {width:24px; height:18px; line-height:18px; border:1px solid #3e62ba; border-radius:2px; text-align:center; font-size:11px; color:#3e62ba; background:#fff; font-weight:bold}
.ico.bubble::after {content:''; position:absolute; left:11px; bottom:-4px; width:3px; height:2px; border:1px solid #3e62ba; border-top-color:#fff; border-radius:0 0 15px 0; background:#fff}
.ico.safety {width:28px; height:28px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -29px -288px; font-size:0; text-indent:-9999px}
.ico.reward {width:28px; height:28px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -58px -288px; font-size:0; text-indent:-9999px}
.ico.file {width:24px; height:20px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -116px -288px; font-size:0; text-indent:-9999px}
.ico.power {width:32px; height:20px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -141px -288px; font-size:0; text-indent:-9999px}
.ico.case::before {content:''; display:inline-block; width:16px; height:14px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -64px -14px; vertical-align:middle}
.ico.case.on {color:#ff3066}
.ico.case.on::before {background-position-y:-29px}
.ico.case.off::before {background-position-y:-14px}
.ico.case.ing::before {background:url('/resources/image/design/icon/loading.gif') no-repeat 0 0; background-size:15px}

.ico.info {width:14px; height:14px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -60px; font-size:0; text-indent:-9999px; cursor:pointer}
.ico.right {font-size:14px; color:#36b388; font-family:notoKR}
.ico.right::before {content:''; display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -34px}
.ico.wrong {font-size:14px; color:#ff3066; font-family:notoKR}
.ico.wrong::before {content:''; display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -81px -47px}

i.imp{display: inline-block; width: 13px;height: 13px; background: url('/resources/image/design/main/ib2/icon_imp.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin-left: 5px;}
/*i.clmp_m{display: inline-block; width: 5px;height: 9px; background: url('/resources/image/design/main/ib2/icon_clp_m.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin: 0 10px;}*/
i.clmp_m{font-style: normal; font-weight: bold;}
i.qut_s{display: inline-block; width: 11px;height: 10px; background: url('/resources/image/design/main/ib2/icon_qut_s.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin-right: 8px;}
i.qut_e{display: inline-block; width: 11px;height: 10px; background: url('/resources/image/design/main/ib2/icon_qut_e.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: middle; margin-left: 8px;}
i.preb{display: inline-block; font-family: notoKR; font-size: 12px; color: #ff1239; letter-spacing: -0.075em; line-height: 14px; padding:4px 8px; border:1px solid #ff1239; font-style: normal; font-weight: bold; border-radius: 16px;}
i.comp{display: inline-block; font-family: notoKR; font-size: 12px; color: #6f7c8d; letter-spacing: -0.075em; line-height: 14px; padding:4px 8px; border:1px solid #6f7c8d; font-style: normal; font-weight: bold; border-radius: 16px;}
i.more{display: inline-block; width: 12px;height: 12px; background: url('/resources/image/design/main/ib2/btn_main_more.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: top;}
i.new_blit{display: inline-block; width: 5px;height: 5px; background-image: url('/resources/image/design/mybay/icon_trade_spc.png'); text-indent: -9999px;font-size: 0; vertical-align: middle; background-position: 0px -16px; margin:-22px 0 0 2px;}
i.new{display: inline-block; width: 13px;height: 13px; background: url('/resources/image/design/main/ib2/icon_new.png') center no-repeat; text-indent: -9999px;font-size: 0; vertical-align: top; margin-left: 5px;}
i.hot{position:absolute; top:-5px; left:68px; display: inline-block; width: 41px;height: 18px; background: url('/resources/image/design/main/ib2/icon_hot.gif') center no-repeat; text-indent: -9999px;font-size: 0}
i.lightning {position:absolute; top:13px; right:7px; width:20px; height:27px; background:url('/resources/image/design/main/ib2/icon_lightning.png') 0 0 no-repeat}

/* @@@@@@@@@@      tab      @@@@@@@@@@@ */
.tab_type01 {width:100%; overflow:hidden}
.tab_type01 > a {float:left; width:50%; height:45px; line-height:45px; background:#f3f5fa; border:1px solid #d7dbe3; box-sizing:border-box; font-size:14px; color:#a9afbd; text-align:center}
.tab_type01 > a.on {background:#fff; border-bottom:0; color:#616781}
.tab_type01 > a:last-child {border-left:0}

/* 헤더 바 영역 20180809 (서재진) */
div.header_bar {position:relative; width:100%; min-width:1000px; height:50px; overflow:hidden}
div.header_bar div.bar_wrap {position:relative; width:1000px; height:100%; margin:0 auto}
div.header_bar div.bar_wrap.buy {background:url('/resources/image/design/item/img_header_buy.gif') 0 0 no-repeat}
div.header_bar div.bar_wrap.sell {background:url('/resources/image/design/item/img_header_sell.gif') 0 0 no-repeat}
div.header_bar div.bar_wrap::before {content:''; position:absolute; top:0; left:-100%; display:block; width:100%; height:100%; background:#45b0c0}
div.header_bar div.bar_wrap::after {content:''; position:absolute; top:0; left:100%;  display:block; width:100%; height:100%; background:#5747b9}
div.header_bar div.bar_wrap.buy::before {background:#ff9b4d}
div.header_bar div.bar_wrap.buy::after {background:#544aba}
div.header_bar div.bar_wrap.sell::before {background:#4594c0}
div.header_bar div.bar_wrap.sell::after {background:#544dbc}
div.header_bar div.server {float:left; margin-left:20px}
div.header_bar div.server h2 {line-height:50px; font-family:notoKR; font-size:18px; font-weight:normal; color:#fff}
div.header_bar div.page_tit {float:right; margin-right:20px}
div.header_bar div.page_tit h2 {line-height:50px; font-family:notoKR; font-size:14px; font-weight:normal; color:#fff}

/* goods_banner */
.goods_banner {position:relative; width:100%; height:260px; margin-top:30px; background:#000; overflow:hidden}
.goods_banner ul li div {display:block; height:150px; background-position:center}
.goods_banner ul li div a {display:block; height:100%; overflow:hidden}
.goods_banner ul li div a img {width:100%; height:100%}
.goods_banner .goods_indg {position:absolute; top:0; left:50%; margin-left:-500px; width:1000px; height:100%; z-index:10}
.goods_banner .goods_indg > .box {position:absolute; bottom:10px; right:20px; width:78px; height:29px; font-size:0}
.goods_banner .goods_indg > .box a {display:inline-block; width:26px; height:100%; background:url('/resources/image/design/item/ico_banner_btn.png') no-repeat; vertical-align:top; text-indent:-9999px}
.goods_banner .goods_indg > .box .btn_prev {background-position:0 bottom}
.goods_banner .goods_indg > .box .btn_prev:hover {background-position:0 top}
.goods_banner .goods_indg > .box .btn_next {background-position:-26px bottom}
.goods_banner .goods_indg > .box .btn_next:hover {background-position:-26px top}
.goods_banner .goods_indg > .box .btn_start {display:inline-block; background-position:-52px bottom}
.goods_banner .goods_indg > .box .btn_start:hover {background-position:-52px top}
.goods_banner .goods_indg > .box .btn_stop {background-position:-78px bottom}
.goods_banner .goods_indg > .box .btn_stop:hover {background-position:-78px top}