/*********************************************************************
* Program		:common.css
* Description	:Common Basic CSS :
* Version		:1.0
* Date			:2014/04/22		Writer :Wie chan woo
 **********************************************************************/
@charset "utf-8";
/* Basic Style  */
body, select, input, textarea{font-size:12px;font-family:dotum,"돋움","Lucida Grande","Segoe UI",Arial,AppleGothic,Sans-serif;color:#666;line-height:16px}
body{scrollbar-face-color:#fff;scrollbar-highlight-color:#dcdcdc;scrollbar-shadow-color:#dcdcdc;scrollbar-3dlight-color:#fff;scrollbar-arrow-color:#b9b9b9;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff}
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;margin-bottom:1px}
ol, ul, li{list-style:none}
hr{display:none}
#event_wrap img{vertical-align:top;margin-bottom:0px}
/* @@@@@@@@@@		Common :   기본 공통  			@@@@@@@@@@ */
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-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:14px}
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}
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:#f0f0f0}
textarea.texton{border:1px solid #e0e0e0;padding:3px 5px 1px 2px;line-height:18px;overflow:auto}
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:hover{background-color:#fcf7e4}
input:active{background-color:#fcf7e4}
input:focus{background-color:#fcf7e4}
textarea:hover{background-color:#fcf7e4}
textarea:active{background-color:#fcf7e4}
textarea:focus{background-color:#fcf7e4}
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}
/* @@@@@@@@@@		Common :   기본 공통  			@@@@@@@@@@ */
.hangul{font-family:"바탕체", "바탕";font-size:15px}
.middle{vertical-align:middle;margin-bottom:2px}
img.imgmiddle{vertical-align:middle;margin-bottom:1px}
.hand{cursor:pointer}
.clear_aft:after{content:"";display:block;clear:both}
.clear_aft{*zoom:1}
/* table{.empty-cells:show;.border-collapse:collapse} */
.btn_center{text-align:center}
.btn_right{text-align:right}
.btn_left{text-align:left}
.btn_center .left{float:left}
.btn_center .right{float:right}
.btn_right .left{float:left}
.btn_left .right{float:right}
.btn_center img, .btn_center input{vertical-align:middle;margin-bottom:1px}
.btn_centerb20{text-align:center;margin-bottom:20px}
.marginB30{margin-bottom:30px}
.marginB20{margin-bottom:20px}
.marginB15{margin-bottom:15px}
.marginB8{margin-bottom:8px}
.marginT3{margin-top:3px}
.marginT5{margin-top:5px}
.marginT10{margin-top:10px}
.marginT15{margin-top:15px}
.marginT25{margin-top:25px}
#NavigationPanel img{vertical-align:middle;margin-bottom:1px}
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}
/* class  */
.input_check,.input_radio{height:13px;width:13px;vertical-align:middle;border:0}
.testborder{border:solid 1px black}
.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}
.cursor_pointer{cursor:pointer}
.border_none{border:0}
/* 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 */
.align_left{text-align:left}
.align_center{text-align:center}
.align_right{text-align:right}
.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}
.letter_spacing_min{letter-spacing:-1px}
.letter_spacing01_plus{letter-spacing:1px}
.space_5{margin-left:5px}
.space_right_5{margin-right:5px}
.space_right_1{margin-right:1px}
.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}
.gray{color:#666666}
.gray_02{color:#898989}
.gray_03{color:#535353}
.gray_04{color:#333333}
.gray_05{color:#959595}
.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}
.braun{color:#5e3b21}
.violet{color:#001b80}
.red{color:#d90400}
.red02{color:#e73d13}
.red03{color:#FF0000}
.red05{color:#bf2e01}
.red06{color:#cc5833;font-weight:bold}
.black{color:#000}
.orange{color:#f47300}
.orange02{color:#f37200}
.orange03{color:#ff7800}
.orange04{color:#ff4800}
.brown{color:#7d4b27}
.txtBold{font-weight:bold;}
.bluePen{color:#0100FF;}
/*magin*/
.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}
.magin_bottom5{margin-bottom:5px}
.magin_bottom10{margin-bottom:10px}
.magin_bottom15{margin-bottom:15px}
.magin_bottom30{margin-bottom:30px}
.magin_left20{margin-left:20px}
.magin_left100{margin-left:100px}
/*Length*/
.width100{width:100%}
.width90{width:90%}
.width80{width:80%}
/* BG_color */
.bg_gray{background-color:#f3f3f3}
/* table */
table caption{display:none}
/* border */
.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}
/* popup */
.pop_line{border-bottom:1px solid #dddddd;padding-bottom:10px;}
input.txt{border:1px solid #bebebe;padding:0 1px 0 0;height:20px;color:#383d41}
input:focus{background-color:#fcf7e4;background-image:none}
.vLine{color:#d8d8d8;font-size:10px;padding:0 4px}
.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}
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;}
/* @@@@@@@@@@		Common :   버튼 정렬  			@@@@@@@@@@ */
.btn_center{text-align:center}
.btn_right{text-align:right}
.btn_left{text-align:left}
.btn_center .left{float:left}
.btn_center .right{float:right}
.btn_right .left{float:left}
.btn_left .right{float:right}
.btn_center img, .btn_center input{vertical-align:middle;margin-bottom:1px}
/* @@@@@@@@@@		Common :   간격				@@@@@@@@@@ */
.marginB100{margin-bottom:100px}
.marginB30{margin-bottom:30px}
.marginB20{margin-bottom:20px}
.marginB15{margin-bottom:15px}
.marginB10{margin-bottom:10px}
.marginB8{margin-bottom:8px}
.marginB5{margin-bottom:5px}
.marginB3{margin-bottom:3px}
.marginT30{margin-top:30px}
.marginT25{margin-top:25px}
.marginT20{margin-top:20px}
.marginT15{margin-top:15px}
.marginT10{margin-top:10px}
.marginT8{margin-top:8px}
.marginT5{margin-top:5px}
.marginT3{margin-top:3px}
.marginR20{margin-right:20px}
.marginL20{margin-left:20px}
.paddingL20{padding-left:20px}
.paddingL10{padding-left:10px}
.paddingL5{padding-left:5px}
.paddingT20{padding-top:20px}
.paddingT10{padding-top:10px}
.paddingT5{padding-top:5px}
/* @@@@@@@@@@		Common :  아이템 레벨			@@@@@@@@@@ */
.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;}
/* 20141015_회원등급변경 */
span.Lv0{padding:2px 25px 0 5px; background:url('/resources/image/design/icon/level0.gif') no-repeat right top;} /* Lv0 : level6 VIP */
span.Lv1{padding:1px 27px 0 5px; background:url('/resources/image/design/icon/level1.gif') no-repeat right top;} /* Lv1 : level5 골드 */
span.Lv2{padding:2px 23px 0 5px; background:url('/resources/image/design/icon/level0.gif') no-repeat right top;} /* Lv2 : level3 실버 */
span.Lv3{padding:2px 25px 0 5px; background:url('/resources/image/design/icon/level3.gif') no-repeat right top;} /* Lv3 : level3 실버 */
span.Lv4{padding:2px 25px 0 5px; background:url('/resources/image/design/icon/level0.gif') no-repeat right top;} /* Lv4 : level1 브론즈 */
span.Lv5{padding:2px 25px 0 5px; background:url('/resources/image/design/icon/level5.gif') no-repeat right top;} /* Lv5 : level1 브론즈 */
span.Lv6{padding:2px 25px 0 5px; background:url('/resources/image/design/icon/level6.gif') no-repeat right top;} /* Lv6 : level0 일반 */
span.Lv0_m{padding:2px 5px 0 25px; background:url('/resources/image/design/icon/level0.gif') no-repeat left top;}
span.Lv1_m{padding:1px 5px 0 27px; background:url('/resources/image/design/icon/level1.gif') no-repeat left top;}
span.Lv2_m{padding:2px 5px 0 23px; background:url('/resources/image/design/icon/level0.gif') no-repeat left top;}
span.Lv3_m{padding:2px 5px 0 25px; background:url('/resources/image/design/icon/level3.gif') no-repeat left top;}
span.Lv4_m{padding:2px 5px 0 25px; background:url('/resources/image/design/icon/level0.gif') no-repeat left top;}
span.Lv5_m{padding:2px 5px 0 25px; background:url('/resources/image/design/icon/level5.gif') no-repeat left top;}
span.Lv6_m{padding:2px 5px 0 25px; background:url('/resources/image/design/icon/level6.gif') no-repeat left top;}