@charset "utf-8";

/************************ margin ************************/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt120{margin-top:120px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}

/************************ padding ************************/
.pt20{padding-top:20px;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}

/************************ align ************************/
.alignC{text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}

/************************ float ************************/
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}

/* input */
input.ipt_wt{background:#fff; height:18px; padding:10px 5px; text-indent:5px; border:1px solid #ccc;}
input.ipt_gy{background:#fafafa; height:18px; padding:10px 5px; text-indent:5px; border:1px solid #ccc;}
.ipt_txtarea{padding-right:12px;}
.ipt_txtarea input{width:100%;}
span.ipt_txtarea{display:inline-block; vertical-align:middle;}

textarea.txtarea_wt{background:#fff; padding:10px; border:1px solid #e7e7e7;}
textarea.txtarea_gy{background:#fafafa; padding:10px; border:1px solid #e7e7e7;}
.txtarea_wrap{padding-right:22px;}
.txtarea_wrap textarea{width:100%;}

/************************ basic button ************************/
button.btn_rd_bg{padding:0 10px; height:40px; line-height:normal; color:#fff; font-size:12px; background:#cd3d30;}
	a.btn_rd_bg{display:inline-block; vertical-align:middle; padding:0 10px; height:40px; line-height:38px; color:#fff; font-size:12px; background:#cd3d30; text-align:center;}
	a.btn_rd_bg:hover{text-decoration:none;}
button.btn_bk_bg{padding:0 10px; height:40px; line-height:normal; color:#fff; font-size:12px; background:#222;}
	button.btn_bk_bg:hover{background:#cd3d30;}
	a.btn_bk_bg{display:inline-block; vertical-align:middle; padding:0 10px; height:40px; line-height:38px; color:#fff; font-size:12px; background:#222; text-align:center;}
	a.btn_bk_bg:hover{text-decoration:none; background:#cd3d30;}
button.btn_gy_bg{padding:0 10px; height:40px; line-height:normal; color:#656565; font-size:12px; background:#efefef; border:1px solid #ccc;}
button.btnS_bk_bg{padding:0 25px; height:30px; line-height:normal; overflow:visible; color:#fff; font-size:12px; background:#222;}
	button.btnS_bk_bg:hover{background:#cd3d30;}
button.btnS_rd_bg{padding:0 25px; height:30px; line-height:normal; overflow:visible; color:#fff; font-size:12px; background:#cd3d30;}
button.btn_gy_line{padding:0 25px; height:30px; border:1px solid #ccc; line-height:normal; color:#656565; font-size:12px; background:#fff;}
	button.btn_gy_line:hover{color:#111; border-color:#111;}
	a.btn_gy_line{display:inline-block; vertical-align:middle; padding:0 25px; height:28px; border:1px solid #ccc; line-height:26px; color:#656565; font-size:12px; background:#fff; text-align:center;}
	a.btn_gy_line:hover{text-decoration:none; color:#111; border-color:#111;}/*20151216 수정*/
button.btnB_gy_line{padding:0 10px; height:40px; line-height:normal; font-size:12px; color:#656565; background:#fff; border:1px solid #ccc;}
	button.btnB_gy_line:hover{color:#111; border:1px solid #111;}
	a.btnB_gy_line{display:inline-block; vertical-align:middle; padding:0 10px; height:38px; line-height:38px; font-size:12px; color:#656565; background:#fff; border:1px solid #ccc; text-align:center; white-space:nowrap;}
	a.btnB_gy_line:hover{color:#111; border:1px solid #111; text-decoration:none;}

/*사이즈 버튼 20151130 수정*/
button.btn_size_enable{padding:0 5px; min-width:14px; height:24px; border:1px solid #ccc; line-height:normal; font-size:11px; color:#656565; background:#fff; overflow:visible;}
	button.btn_size_enable:hover{border-color:#111;}
	button.btn_size_enable.enabled{border-color:#666;}	
	button.btn_size_disable{padding:0 5px; min-width:14px; height:24px; border:1px solid #ccc; line-height:normal; font-size:11px; color:#656565; background:#fff; overflow:visible; background:#fff url('../img/joykolon/bg_disabled.png') no-repeat right center;}

button.btn_color_enable{width:24px; height:24px; line-height:normal; font-size:11px; color:#656565; overflow:visible; position:relative;}
	button.btn_color_enable.enabled .bg{display:block;}	
	button.btn_color_enable img{width:100%; height:100%; vertical-align:top; display:block;}
	button.btn_color_enable .bg{display:none; background:url('../img/joykolon/bg_enabled.png') no-repeat 0 0; position:absolute; left:0; top:0; width:24px; height:24px; overflow:hidden; line-height:500px; cursor:pointer;}
	button.btn_color_enable:hover .bg{display:block;}
	button.btn_color_enable.disabled .bg{display:block; background:url('../img/joykolon/bg_disabled.png') no-repeat center center; *background-position:center -3px;}
button.btn_all_enable{width:24px; height:24px; border:1px solid #ccc; line-height:normal; font-size:11px; color:#656565; background:#fff; overflow:visible;}
	button.btn_all_enable:hover,
	button.btn_all_enable.enabled{border-color:#111;}
span.mark_size{display:inline-block; vertical-align:middle; width:22px; height:22px; overflow:hidden; border:1px solid #ccc; line-height:22px; font-size:11px; color:#656565; background:#fff; text-align:center;}
span.mark_color img{width:24px; height:24px; vertical-align:middle;}

button.btn_w100p{width:100%;}
a.btn_w100p{display:block;}

/************************ image button ************************/
a.bt_sns_medium{display:inline-block; vertical-align:middle; width:51px; height:51px; overflow:hidden; line-height:500px; background:url('../img/joykolon/btn_sns_b.png') no-repeat 0 0;}
	a.bt_sns_mfb{background-position:0 0;}
	a.bt_sns_mgoogle{background-position:-51px 0;}
	a.bt_sns_mnaver{background-position:-102px 0;}
a.bt_sns_small{display:inline-block; vertical-align:middle; width:15px; height:15px; overflow:hidden; line-height:500px; background:url('../img/joykolon/btn_sns.png') no-repeat 0 0;}
	a.bt_sns_sfb{background-position:0 0;}
	a.bt_sns_sinsta{background-position:-15px 0;}
	a.bt_sns_syoutube{background-position:-30px 0;}
	a.bt_sns_stwit{background-position:-45px 0; width:19px;}

/************************ text color ************************/
.colorRd{color:#cd3d30;}
.colorGy{color:#656565;}
.colorBk{color:#111;}

/************************ inline element width ************************/
.w116{width:116px;}