#drawing_menu_header {
    background-image: url("../../resources/img/drawing/drwtxt_bg.png");
    background-size: 100% 100%; 
    padding:20px;   
}

#drawing_menu_header .top_menu_btn {
    width:50px;
    height:50px;
    margin-top:20px;
}

#drawing_menu_drawpen {
    background-image: url("../../resources/img/drawing/drwtxt_pop_drw_bg.png");
    background-size: 100% 100%;     
    padding:20px;   
    margin-top:-16px;
    height:190px;
}

#drawing_menu_drawpen .drawpen_menu_btn {
    width:30px;
    height:30px;
}

#cover_drawing {
	position:absolute;
    width:100%;
    height:100%;    
    pointer-events: none;    	

    /*border:"0px solid #aaa";*/
    /*background-color:#ffffcc; */
}

#cover_drawing_popup {
	position:absolute;
    width:100%;
    height:100%;    
    pointer-events: none;       
}

#drawingCanvasPopup {
}

#drawingCanvas {
    /*background-color:rgba(255, 0, 255, 0.5);*/
}

#drawingCanvasOnepage {
    /*background-color:rgba(255, 0, 255, 0.5);*/
}

#tool_drawing {
	position:absolute;
	display: none;
}

#text-color {
    position:absolute;
    left:105px;
    top:180px;        
}

#btn_group_zindex {
    position:absolute;
    left:15px;
    top:207px;        
}

#drawing-alpha {

    width:50px;
}

.drawpen_menu_icon15 {
    position:absolute;
    left:15px;
    top:257px;
	width:15px;
	height:15px;
}

.drawpen_menu_icon20 {
    position:absolute;
    left:32px;
    top:256px;
	width:17px;
	height:17px;
}

.drawpen_menu_icon25 {
    position:absolute;
    left:52px;
    top:255px;
	width:19px;
	height:19px;
}

.drawpen_menu_icon30 {
    position:absolute;
    left:73px;
    top:254px;
	width:21px;
	height:21px;
}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Modify Start ***************************************************************************************************************************/
/*----------------------------------------------------------------------------------------------------------------------------------------*/


.drawing_pop								{width:364px; height:590px; margin-left:-163px; margin-top:-147px; padding:0 20px; background:url('../img/draw/bg_drawing.png'); }
.text_pop									{width:364px; height:590px; margin-left:-163px; margin-top:-147px; padding:0 20px; background:url('../img/draw/bg_text.png'); }
.move_pop									{width:364px; height:252px; margin-left:-163px; margin-top:-147px; padding:0 20px; background:url('../img/draw/bg_top.png'); }
.drawing_pop.drawing_nomal					{
    width:364px;
    height:324px;
    margin-left:-182px; margin-top:-163px; padding:0 20px; background:url('../img/draw/bg_top_nomal.png');
}

.type_default											{font-family:'HeummNemo';}
.type_default .drawing_pop_title						{width:320px; height:66px; content:''}
.type_default .drawing_pop_title p						{display:none}
.type_default .drawing_pop_title .drawing_close			{position:absolute; display:inline-block; top:15px; right:20px; }
.type_default .drawing_contents							{
    width: 320px;
    margin: 10px 0;
}
.type_default .drawing_contents .dd-tab					{position:relative; width:350px; height:75px; padding-top:5px;}
.type_default .drawing_contents .dd-tab .blush			{display:inline-block; float:left; width:100px; height:75px; background:url('../img/draw/menu_drawing.png') center center no-repeat; cursor:pointer; display:inline-block;}
.type_default .drawing_contents .dd-tab .blush.on		{background:url('../img/draw/menu_drawing_p.png') center center no-repeat; }
.type_default .drawing_contents .dd-tab .text			{display:inline-block; width:100px; height:75px; background:url('../img/draw/menu_text.png') center center no-repeat; cursor:pointer; display:inline-block; margin-left:10px;}
.type_default .drawing_contents .dd-tab .text.on		{background:url('../img/draw/menu_text_p.png') center center no-repeat; }
.type_default .drawing_contents .dd-tab .select			{display:inline-block; width:100px; height:75px; background:url('../img/draw/menu_move.png') center center no-repeat; cursor:pointer; display:inline-block; margin-left:10px;}
.type_default .drawing_contents .dd-tab .select.on		{background:url('../img/draw/menu_move_p.png') center center no-repeat; }

.type_default .drawing_contents .drawing_color							{position:absolute; display:inline-block; float:left; width:325px; height:70px; border-bottom:2px solid #e5e9ec; margin-top:12px;}
.type_default .drawing_contents .drawing_color .select_color			{float:left; width:65px; height:35px; border:0px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.type_default .drawing_contents .drawing_color .sp-replacer				{width:65px; border:1px solid #d6d6d6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#686868 }
.type_default .drawing_contents .drawing_color .sp-preview				{width:40px;}
.type_default .drawing_contents .drawing_color .color_outer1			{width:185px; height:65px; float:right; border-left:2px dashed #e5e9ec; padding-left:20px}
.type_default .drawing_contents .drawing_color .color_outer1 div		{width:26px; height:26px; border-radius:50%; display:inline-block; cursor:pointer;}
.type_default .drawing_contents .drawing_color .color_outer1 .color_1	{background-color:#ad50ff;}
.type_default .drawing_contents .drawing_color .color_outer1 .color_2	{background-color:#51cdff; margin-left:8px; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_3	{background-color:#ffd648; margin-left:8px; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_4	{background-color:#4fd92a; margin-left:8px; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_5	{background-color:#ed2a00; cursor:pointer; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_6	{background-color:#938f96; margin-left:8px; margin-top:7px; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_7	{background-color:#fff; border:2px solid #ccc; margin-left:8px; }
.type_default .drawing_contents .drawing_color .color_outer1 .color_8	{background-color:#000; margin-left:8px; }

.type_default .drawing_contents .drawing_text_on						{display:none; position:absolute; z-index:5; width:330px; font-size:18px; line-height:70px; text-align:center; color:#00b2e3; font-family:'KopubB'; background-color: #FFFFFF;}


.type_default .drawing_pop_bottom										{position:absolute; bottom:0px; width:335px; height:45px;}
.type_default .drawing_pop_bottom .visible								{float:left; width:28px; height:25px; background:url('../img/draw/btn_eye_off.png') no-repeat; margin-left:5px; cursor:pointer;}
.type_default .drawing_pop_bottom .visible.on							{background:url('../img/draw/visible_on.png') no-repeat; cursor:pointer; }
.type_default .drawing_pop_bottom .newly								{float:right;}
.type_default .drawing_pop_bottom .newly .new_prev						{display:inline-block; vertical-align:middle; width:26px; height:24px; background:url('../img/draw/undo_off.png') no-repeat; cursor:pointer; margin:2px 10px;}
.type_default .drawing_pop_bottom .newly .new_line						{display:inline-block; vertical-align:middle; height:24px; border:1px solid rgba(255,255,255, 0.5)}
.type_default .drawing_pop_bottom .newly .new_next						{display:inline-block; vertical-align:middle; width:34px; height:24px; background:url('../img/draw/redo_off.png') no-repeat; cursor:pointer; margin:2px 10px;}


.drawing_pop .drawing_contents .drawing_con_icon						{width:325px; padding-top:40px; padding-bottom:20px; border-bottom:2px solid #e5e9ec;}
.drawing_pop .drawing_contents .drawing_con_icon div					{margin:2px; width:57px; height:57px; cursor:pointer; display:inline-block; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_line			{background:url('../img/draw/btn_line.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_line:hover	{background:url('../img/draw/btn_line_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_line.on		{background:url('../img/draw/btn_line_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_pencil		{background:url('../img/draw/btn_pencil.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_pencil:hover	{background:url('../img/draw/btn_pencil_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_pencil.on		{background:url('../img/draw/btn_pencil_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_highlight		{background:url('../img/draw/btn_pen.png') no-repeat;} 
.drawing_pop .drawing_contents .drawing_con_icon .drawing_highlight:hover{background:url('../img/draw/btn_pen_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_highlight.on	{background:url('../img/draw/btn_pen_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser		{background:url('../img/draw/btn_eraser.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser:hover	{background:url('../img/draw/btn_eraser_p.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser.on		{background:url('../img/draw/btn_eraser_p.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser2		{background:url('../img/draw/btn_eraser_all.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser2:hover	{background:url('../img/draw/btn_eraser_all_p.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_text			{background:url('../img/draw/btn_text.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_text:hover	{background:url('../img/draw/btn_text_p.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_text.on		{background:url('../img/draw/btn_text_p.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_square		{background:url('../img/draw/btn_rectangle.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_square.on		{background:url('../img/draw/btn_rectangle_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_arrow			{background:url('../img/draw/btn_arrow.png') no-repeat;}
.drawing_pop .drawing_contents .drawing_con_icon .drawing_arrow.on		{background:url('../img/draw/btn_arrow_p.png') center center no-repeat; }
.drawing_pop .drawing_contents .line_height								{float:left; width:160px; height:60px; border-right:2px dashed #e5e9ec; padding-left:20px; padding-top:5px; margin-top:15px; color:#414041; font-size:17px;}
.drawing_pop .drawing_contents .line_height .lh_title					{margin-bottom:10px;}
.drawing_pop .drawing_contents .line_height .line_1						{width:9px; height:9px; margin-right:13px; background-color:#c6c5c6; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_2						{width:13px; height:13px; margin-right:13px; background-color:#c6c5c6; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_3						{width:18px; height:18px; margin-right:13px; background-color:#c6c5c6; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_4						{width:23px; height:23px; background-color:#c6c5c6; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_1.on, .drawing_pop .drawing_contents .line_height .line_2.on, .drawing_pop .drawing_contents .line_height .line_3.on, .drawing_pop .drawing_contents .line_height .line_4.on{background:#7d418c; }
.drawing_pop .drawing_contents .drawing_oper							{float:right; width:140px; height:60px; padding-top:20px;}
.drawing_pop .drawing_contents .drawing_oper .oper_title				{font-size:17px; margin-bottom:10px;}
.drawing_pop .drawing_contents .drawing_oper .oper_bar					{display:inline-block; width:100px; height:4px; background-color:#dbdadd; border-radius:50px; }
.drawing_pop .drawing_contents .drawing_oper .oper_bar .oper_bar_act	{width:35px; height:4px; background-color:#7d418c; border-radius:50px; }
.drawing_pop .drawing_contents .drawing_oper .oper_round				{position:relative; top:-15px; left:30px; width:15px; height:15px; border-radius:50%; background-color:#c887c3; border:2px solid #7d418c; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_oper .oper_value				{position:relative; top:-30px; float:right; width:30px; height:20px; color:#4c6aa9; text-align:center; font-size:21px;}


.text_pop .text_con_icon								{}
.text_pop .text_con_icon .font_list						{width:325px; margin-top:40px; padding:0 0 5px 5px; text-align:left; font-size:20px; font-family:'nanumS'; color:#666666; border-bottom:2px solid #7d418c;}
.text_pop .text_con_icon .font_list select				{background:none; border-bottom:2px solid #ff8311;}
.text_pop .text_con_icon .font_size						{width:325px; padding:20px 0; border-bottom:2px solid #e5e9ec; font-size:0;}
.text_pop .text_con_icon .font_size li					{display:inline-block; vertical-align:middle; margin:0 12px; cursor:pointer;}
.text_pop .text_con_icon .font_size li:nth-child(1)		{width:35px; height:35px; background:url('../img/draw/text_size1.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(1).on	{width:35px; height:35px; background:url('../img/draw/text_size1_on.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(2)		{width:49px; height:49px; background:url('../img/draw/text_size2.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(2).on	{width:49px; height:49px; background:url('../img/draw/text_size2_on.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(3)		{width:63px; height:63px; background:url('../img/draw/text_size3.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(3).on	{width:63px; height:63px; background:url('../img/draw/text_size3_on.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(4)		{width:75px; height:75px; background:url('../img/draw/text_size4.png') no-repeat;}
.text_pop .text_con_icon .font_size li:nth-child(4).on	{width:75px; height:75px; background:url('../img/draw/text_size4_on.png') no-repeat;}

.text_pop .text_btn_wrap					{clear:both; width:325px; padding:25px 0;}
.text_pop .text_btn_wrap li					{display:inline-block; width:144px; height:38px; margin:0 9px; cursor:pointer;}
.text_pop .text_btn_wrap li.txt_btn			{background:url('../img/draw/btn_add_text.png') no-repeat;}
.text_pop .text_btn_wrap li.txt_btn:hover	{background:url('../img/draw/btn_add_text_p.png') no-repeat;}
.text_pop .text_btn_wrap li.del_btn			{background:url('../img/draw/btn_del_all_text.png') no-repeat;}
.text_pop .text_btn_wrap li.del_btn:hover	{background:url('../img/draw/btn_del_all_text_p.png') no-repeat;}


/* 견본 */
.drawing_pop.drawing_nomal .drawing_contents .drawing_con_icon{padding-top:15px;}
.drawing_pop.drawing_nomal .drawing_contents .line_height .line_1{margin-right:5px;}
.drawing_pop.drawing_nomal .drawing_contents .line_height .line_2{margin-right:5px;}
.drawing_pop.drawing_nomal .drawing_contents .line_height .line_3{margin-right:5px;}
.drawing_pop.drawing_nomal .drawing_contents .line_height .line_4{margin-right:5px;}
.drawing_pop.drawing_nomal .drawing_contents .drawing_color{border-bottom:none;}
.drawing_pop.drawing_nomal .drawing_color_selector{width:67px; float:left;}
.drawing_pop.drawing_nomal .oper_title{color:#414041; font-size:17px; margin-bottom:8px;}
.drawing_pop.drawing_nomal .drawing_contents .line_height{width:130px; padding-top:0px; margin-top:0px; padding-left:20px; margin-left:20px; border-left:2px dashed #e5e9ec;}
.drawing_pop.drawing_nomal .drawing_contents .drawing_oper{width:88px; float:left; margin-left:20px; padding-top:0px;}
.drawing_pop.drawing_nomal .drawing_contents .drawing_oper .oper_value{top:-11px; }
.drawing_pop.drawing_nomal .drawing_contents .drawing_color .sp-replacer{width:60px;}
.drawing_pop.drawing_nomal .drawing_contents .drawing_color .sp-preview{width:35px;}

.drawing_pop.drawing_nomal .noUi-target{height:4px; background-color:#dbdadd; border-radius:50px; border:1px solid #dbdadd; box-shadow:none; margin-top:20px;}
.drawing_pop.drawing_nomal .noUi-handle{width:15px; height:15px; border-radius:50%; background-color:#4c6aa9; border:2px solid #4c6aa9; box-shadow:none; cursor:pointer;}
.drawing_pop.drawing_nomal .noUi-handle:after,
.drawing_pop.drawing_nomal .noUi-handle:before{display:none;}