html {overflow-x:hidden;}
body { background-color:#ffffff; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
img { border:0px; }
ul,ol,dl,li { list-style:none; }
BODY,input,DIV,form,TEXTAREA,center,option,pre,blockquote,td { font-family:nanumggothic; font-size:12px; color:#2E2E2E; line-height:180%; }
a { cursor:pointer; }
a:link {color:#4c4c4c; text-decoration:none}
a:visited{color:#4c4c4c; text-decoration:none}
a:active {color:#4c4c4c; text-decoration:none}
a:hover {color:#ff4200; text-decoration:none}
/* table td { border-collapse:collapse; border-spacing:0px; } */
.bt_td { cursor:pointer; background:#ffffff; border:1px #c9c9c9 solid; solid; color:#414141;}
.bt_td:hover { cursor:pointer; background:#f0f0f0; color:#000000; border:1px #494949 solid; }
.bt_td2 { cursor:pointer; background:#e7e7e7; border:1px solid #7b7b7b ; color:#000000;}
.bt_td2:hover { cursor:pointer; background:#ffffff; color:#000000; border:1px solid #000000; }
.txt_notice {font-size:11px;color:#737373; }
.login_txt { color:#E6E6E6;font-size:15pt; width:190px; height:30px; border:1px; background-color:#4A4A4A; font-weight:bold;}
.point_txt { color:#e94106;font-size:5pt; padding-left:6px;padding-bottom:6px; }
.title_txt1 { color:#EEEEEE; font-size:11px; font-weight:bold; }
.title_txt2 { font-family:nanumsquare; color:#EEEEEE; font-size:18px; font-weight:bold; padding-left:5px; }
.title_txt3 { font-family:nanumggothic; color:#2b2b2b; font-size:12px; font-weight:bold; }
.title_txt4 { font-family:nanumggothic; color:#111111; font-size:12px; font-weight:bold; background-color:#F6F6F6; text-align:center; height:36px; padding:3px; }
.title_txt5 { font-family:nanumggothic; color:#111111; font-size:13px; font-weight:bold; text-align:center; padding:5px; }
.title_txt6 { font-family:nanumggothic; color:#111111; font-size:13px; padding:5px; }
.left_title1 { font-family:nanumggothic; color:#101010; font-size:12px; font-weight:bold; padding-left:10px;padding-top:2px; height:28px; }
.left_sub_title1 { color:#101010; font-size:11px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:5px;}
.left_sub_title2 { color:#101010; font-size:11px; padding-left:2px; padding-right:7px; padding-top:7px; padding-bottom:5px;}
.td_txt1 { font-family:nanumggothic; color:#2b2b2b; font-size:12px; }
.td_txt2 { font-family:nanumggothic; color:#2b2b2b; font-size:12px; padding:7px; line-height:180%; }
.td_txt4 { font-family:nanumggothic; color:#2b2b2b; font-size:14px; padding-left:10px; padding-top:7px; padding-bottom:7px; padding-right:7px; line-height:180%; background-color:#ffffff; }
.td_txt4_small { font-size:12px; font-weight:normal; color:#9b9b9b; line-height:17px; }
.td_txt5 { font-family:nanumggothic; color:#2b2b2b; font-size:12px; line-height:150%; }
.td_explain { font-size:11px;color:#676767; padding:5px; margin:5px; }
.main_module_title_text { background-color:#555555; height:33px; color:#fbfbfb; font-size:13px; font-weight:bold; padding-left:10px;padding-top:2px; height:28px; }
.main_module_title_text a { color:#fbfbfb; }
.main_module_title_text a:hover { color:#efefef; }
.main_module_title_text2 { background-color:#555555; height:33px; color:#e0e0e0; font-size:11px; font-weight:normal; padding-left:10px;padding-top:2px; height:28px; }
.main_module_title_text2 a { color:#e0e0e0; }
.main_module_title_text2 a:hover { color:#efefef; }
.main_module_quicklink_text { font-size:12px; border:1px solid #cacaca; padding:6px; margin-right:5px; margin-bottom:1px;background-color:#ffffff; }
.contents { padding:20px;}
.contents_main { padding-left:20px; padding-top:10px; padding-right:10px; padding-bottom:10px; }
.explain_txt { font-family:nanumggothic; color:#5e5e5e; font-size:12px; padding-top:5px; padding-bottom:5px; line-height:19px; }
.sub_link { color:#424242; font-size:12px; }
.sub_link_over { color:#424242; font-weight:bold; }
.input_textarea { width:99%; }
.wiz_td_small { font-size:11px; color:#5d5d5d; }
.skin_style{display:inline-block; font-family:nanumgothic; font-size:14px; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #cccccc; background:#ffffff; border-radius:30px; margin-left:5px;}
/* 설정창 테이블 기본설정 */
.builder_title { width:100%; height:35px; background-color:#464646; color:#ffffff; font-family:NanumBarunGothic; font-size:12px; font-weight:bold; text-align:left; padding-left:10px; letter-spacing:1px;}
.detail_title { width:15%; height:35px; background-color:#F6F6F6; font-family:NanumBarunGothic; font-size:12px; font-weight:bold; text-align:right; padding-right:10px; }
.detail_content { width:85%; height:35px; background-color:#FFFFFF; font-family:NanumBarunGothic; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.detail_content2 { width:35%; height:35px; background-color:#FFFFFF; font-family:NanumBarunGothic; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.detail_content3 { width:100%; height:35px; background-color:#FFFFFF; font-family:NanumBarunGothic; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.detail_sub_title { width:15%; height:35px; background-color:#F6F6F6; font-family:NanumBarunGothic; font-size:12px; font-weight:bold; text-align:right; padding-right:10px; }
.detail_sub_content { width:85%; height:35px; background-color:#FFFFFF; font-family:NanumBarunGothic; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.detail_sub_title2 { height:35px; background-color:#F6F6F6; font-family:NanumBarunGothic; font-size:12px; font-weight:bold; text-align:right; padding-right:10px; }
.detail_sub_content2 { height:35px; background-color:#FFFFFF; font-family:NanumBarunGothic; font-size:12px; font-weight:normal; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.widgets_title_left{ width:60%; height:30px; font-family:NanumBarunGothic; font-size:14px; text-align:left; padding-left:10px;}
.widgets_title_right{ width:40%; height:30px; font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:10px;}
/* 설정창 테이블 기본설정 */
.modify_title { font-family:NanumBarunGothic; font-size:15px; font-weight:bold; padding-top:10px; padding-bottom:4px; }
.modify_title2 { font-family:NanumBarunGothic; font-size:17px; font-weight:bold; }
.modify_div_title_left { font-family:NanumBarunGothic; float:left;width:50%; padding-left:7px; }
.modify_div_title_right { font-family:NanumBarunGothic; float:left;width:50%; text-align:right; padding-right:5px; }
.modify_table_basic { border-collapse:collapse;font-family:NanumBarunGothic; border-top:1px solid #CCCCCC; }
.modify_td_title_basic { font-family:NanumBarunGothic; height:40px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; background:#F6F6F6; text-align:center; width:17%; font-weight:bold;}
.modify_td_title_basic4 { font-family:NanumBarunGothic; height:40px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; background:#F6F6F6; text-align:center; width:18.9%; font-weight:bold;}
.modify_td_title_basic3 { font-family:NanumBarunGothic; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; background:#e8e8e8; text-align:center; font-weight:bold; padding:0 5px 0 5px;}
.modify_td_title_tablehead { font-family:NanumBarunGothic; height:40px; border:1px solid #CCCCCC; background:#F6F6F6; text-align:center; width:100%; font-weight:bold;}
.modify_td_title_none_first { font-family:NanumBarunGothic; height:40px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background:#F6F6F6; text-align:center; font-weight:bold;}
.modify_td_title_none { font-family:NanumBarunGothic; height:40px; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; background:#F6F6F6; text-align:center; font-weight:bold;}
.modify_td_contents_basic { font-family:NanumBarunGothic; padding-left:10px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:83%; padding-top:4px; padding-bottom:4px;}
.modify_td_contents_basic_noright { font-family:NanumBarunGothic; padding-left:10px; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:83%; padding-top:4px; padding-bottom:4px;}
.modify_td_contents_all { font-family:NanumBarunGothic; padding-left:8px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; width:100%; }
.modify_td_contents_none_first { font-family:NanumBarunGothic; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; height:30px; }
.modify_td_contents_none { font-family:NanumBarunGothic; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; height:30px; }
.modify_selectbox_basic { font-family:NanumBarunGothic; width:97%;height:34px; font-size:15px; }
.modify_selectbox_nosize { font-family:NanumBarunGothic; height:34px; font-size:15px; }
.modify_input_basic { font-family:NanumBarunGothic; width:97%;height:30px; font-size:13px; }
.modify_td_title_basic2 { font-family:NanumBarunGothic; height:40px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; background:#F6F6F6; text-align:center; width:17%; font-weight:bold;}
.modify_td_contents_basic2 { font-family:NanumBarunGothic; padding-left:10px; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; width:33%; }
.modify_td_contents_basic3 { font-family:NanumBarunGothic; padding-left:10px; border-bottom:1px solid #CCCCCC; width:33%; }
.modify_td_box_basic { font-family:NanumBarunGothic; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; width:605px; }
.modify_td_title_basic_top { font-family:NanumBarunGothic; height:40px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC; background:#F6F6F6; text-align:center; width:17%; font-weight:bold;}
.modify_td_contents_basic_top { font-family:NanumBarunGothic; padding-left:10px; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC; width:83%; padding-top:4px; padding-bottom:4px;}
.modify_button_under { font-family:NanumBarunGothic;font-size:14px;font-weight:bold; background:#ffffff; border:1px #c9c9c9 solid; solid;color:#414141; color:#000000; cursor:pointer;padding-top:13px;padding-left:20px;padding-right:20px;padding-bottom:13px; }
.modify_button_under:hover { background:#f0f0f0; color:#000000; border:1px #494949 solid; }
.modify_button_search { font-family:NanumBarunGothic;font-size:14px;font-weight:bold; background:#ffffff; border:0px #c9c9c9 solid; solid;color:#414141; color:#000000; cursor:pointer;padding-top:8px;padding-left:10px;padding-right:10px;padding-bottom:6px; }
.modify_button_search:hover { background:#f0f0f0; color:#000000; border:0px #494949 solid; }
.modify_small_td_title { font-family:NanumBarunGothic; height:20px; background:#F6F6F6; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; text-align:center; }
.modify_small_td_title_last { font-family:NanumBarunGothic; height:20px; background:#F6F6F6; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; text-align:center; }
.modify_small_td_contents { padding:1px;font-family:NanumBarunGothic; height:20px; background:#ffffff; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; text-align:center; }
.modify_small_td_contents_last { padding:1px;font-family:NanumBarunGothic; height:20px; background:#ffffff; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; text-align:center; }
.modify_input_number { border:1; color:#f6931f; font-weight:bold; width:30px; text-align:right; padding-top:2px; }
.explain_icon { cursor:help; }
.library_img_view { width:30px;height:30px;border:1px solid #cacaca; overflow:hidden; background:#ebebeb; }
.modify_div_basic_text { font-family:nanumggothic; }
.modify_head_td_basic_text { font-weight:bold;font-family:nanumggothic; }
.modify_td_basic_text { font-family:nanumggothic; }
.modify_td_admin { background-color:#505050; text-align:right; color:#ffffff; }
.div_br { width:100%; float:left; height:5px; }
/* Lined Tab */
.linedTab{ padding:0; margin:0; border:0px solid #ffffff; }
.linedTab ul{ position:relative; padding-left:16px; padding-top:5px; padding:10; list-style:none; border-bottom:1px solid #ccc; font-family:nanumsquare; font-size:17px; *zoom:1;}
.linedTab ul:after{ content:""; display:block; clear:both; }
.linedTab li{ float:left; margin-bottom:-1px;}
.linedTab li a{ position:relative; float:left; text-decoration:none; border:1px solid #eee; border-bottom-color:#ccc; background:#fafafa; color:#666; }
.linedTab li a span{ display:inline-block; padding:6px 25px 6px 25px; letter-spacing:-1px; cursor:pointer;}
.linedTab li ul{ display:none; width:100%; position:absolute; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;}
.linedTab li ul:after{ content:""; display:block; clear:both;}
.linedTab li li{ position:relative; left:-1px; padding:0 10px; border-left:-51px solid #ddd; overflow:visible; }
.linedTab li li a{ padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal; }
.linedTab li.selected a{ border:1px solid #ccc; border-bottom:1px solid #fff; margin-top:-1px; background:transparent; color:#333;}
.linedTab li.selected a span{ padding-top:7px; font-weight:bold;}
/* submenu */
.submenu{ padding:0; margin:0;}
.submenu ul{ position:relative; padding-left:0px; padding-top:0px; padding:0; list-style:none; border-bottom:0px solid #ccc; font-family:NanumBarunGothic, Sans-serif; font-size:12px; *zoom:1;}
/* Properties */
.properties_layout { color:#101010; font-size:11px; padding-left:5px; padding-right:5px; padding-top:7px; padding-bottom:5px;}
.properties_input { font-size:11px; border:solid 1;border-color:dbdbdb;background-color:ffffff;width:30px;height:15px }
.properties_input_big { font-size:11px; border:solid 1;border-color:dbdbdb;background-color:ffffff;width:50px;height:15px }
.properties_txt { font-size:11px; height:25px; text-align:center;}
.properties_div { font-size:11px; border:solid 0;border-color:dbdbdb;background-color:ffffff;width:89px;height:15px }
.properties_input2 { font-size:11px; border:solid 1;border-color:dbdbdb;background-color:ffffff;height:15px }
/* 속성창 */
#apDiv1 {
width:110px;
height:113px;
z-index:1;
}
.wiz_input {font-size:16px; border:solid 1px #888888; background-color:#ffffff; height:30px; padding-left:3px; padding-right:3px; font-family:NanumBarunGothic;}
.wiz_input_color { font-size:14px; border:solid 1px #888888; background-color:#ffffff; height:30px; padding-left:3px; padding-right:3px; font-family:NanumBarunGothic; width:50px; height:26px; }
.wiz_input_number {font-size:14px; font-family:NanumBarunGothic; border:solid 1px #888888; background-color:#f3f3f3; height:30px; text-align:right; padding-right:1px; }
.wiz_textarea {border:solid 1;border-color:888888;background-color:efefef;width:97%;}
.wiz_input_explain { width:100%;font-size:11px;color:#5f5f5f;padding-top:3px; }
.pop_text1 { color:#FFFFFF; font-size:12px; font-weight:bold; padding-left:3px; }
/* Botton */
.pointer{
cursor:hand;
font-family:"Verdana", "돋움";font-weight:none; font-size:11px; color:#E6E6E6;
height:21px;Width:100px; margin:0px; background:#474756;
border-width:1px;border-style:solid; border-color:#CCCCCC #B6B6B6 #B6B6B6 #CCCCCC;
}
.button_default{
cursor:pointer;
font-family:"Verdana", "돋움";font-weight:none; font-size:11px; color:#E6E6E6;
height:21px;Width:100px; margin:0px; background:#474756;
border-width:1px;border-style:solid; border-color:#CCCCCC #B6B6B6 #B6B6B6 #CCCCCC;
}
.button_default2{
cursor:pointer;
font-family:"Verdana", "돋움";font-weight:none; font-size:11px; color:#E6E6E6;
height:21px;Width:60px; margin:0px; background:#474756;
border-width:1px;border-style:solid; border-color:#CCCCCC #B6B6B6 #B6B6B6 #CCCCCC;
}
.button_default3{
cursor:pointer;
font-family:"Verdana", "돋움";font-weight:none; font-size:11px; color:#E6E6E6;
height:21px;Width:150px; margin:0px; background:#474756;
border-width:1px;border-style:solid; border-color:#CCCCCC #B6B6B6 #B6B6B6 #CCCCCC;
}
.group_selected{ background:#474756; }
.skin_selected { font-size:17px; color:#000000; font-family:NanumBarunGothic; font-weight:bold; }
/* Page */
#q_pagelink {height:20px;padding:5px 0;text-align:center;display:block;}
#q_pagelink .pg_num {cursor:pointer;border:#c9c9c9 solid 1px;padding:1px 6px;margin:0px 2px;font-family:arial;font-size:11px;background-color:#ffffff;}
#q_pagelink .pg_num1 {cursor:pointer;border:#c9c9c9 solid 1px;padding:1px 6px;margin:0px 2px;font-weight:normal;font-family:arial;font-size:11px;}
#q_pagelink .pg_num:hover {border:#e63513 solid 1px;color:#e63513;}
#q_pagelink .pg_num1:hover {border:#e63513 solid 1px;color:#e63513;}
#q_pagelink .pg_num_select {border:#e63513 solid 1px;background-color:#e63513;color:#fff;padding:1px 6px;margin:0 2px;font-weight:bold;font-family:arial;font-size:11px;}
#q_pagelink .skipl {padding-right:6px;color:#c0c0c0;}
#q_pagelink .skipr {padding-left:6px;color:#c0c0c0;}
/* Page blue */
#q_pagelink .pg_num_blue {cursor:pointer;border:#c9c9c9 solid 1px;padding:1px 6px;margin:0px 2px;font-family:arial;font-size:11px;}
#q_pagelink .pg_num1_blue {cursor:pointer;border:#c9c9c9 solid 1px;padding:1px 6px;margin:0px 2px;font-weight:normal;font-family:arial;font-size:11px;}
#q_pagelink .pg_num_blue:hover {border:#1371e6 solid 1px;color:#1371e6;}
#q_pagelink .pg_num1_blue:hover {border:#1371e6 solid 1px;color:#1371e6;}
#q_pagelink .pg_num_select_blue {border:#1371e6 solid 1px;background-color:#1371e6;color:#fff;padding:1px 6px;margin:0 2px;font-weight:bold;font-family:arial;font-size:11px;}
#q_pagelink .skipl_blue {padding-right:6px;color:#c0c0c0;}
#q_pagelink .skipr_blue {padding-left:6px;color:#c0c0c0;}
/* 모달 창 */
#fade {
display:none;
background:#000;
position:fixed; left:0; top:0;
z-index:10;
width:100%; height:100%;
opacity:.80;
z-index:9999;
}
.popup_block{
display:none;
background:#fff;
padding:20px;
border:7px solid #d8d8d8;
float:left;
font-size:1.2em;
position:fixed;
top:50%; left:50%;
z-index:99999;
-webkit-box-shadow:0px 0px 20px #000;
-moz-box-shadow:0px 0px 20px #000;
box-shadow:0px 0px 20px #000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
img.btn_close {
float:right;
margin:-43px -43px 0 0;
}
.popup p {
padding:5px 10px;
margin:5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position:absolute;
}
*html .popup_block {
position:absolute;
}
* froala */
.froala_link_class1 { letter-spacing:2px; }
.froala_link_class2 { color:magenta; }
table.froala_table_class1 { border-collapse:collapse; }
.froala_table_class1 th { border-bottom:solid 1px #cfcfcf;border-left:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;background-color:#f2f2f2;padding:7px; }
.froala_table_class1 tr td { border:solid 1px #e4e4e4; padding:7px; height:29px;}
.froala_table_class1 tr:nth-child(2n) { background:#fafafa; }
table.froala_table_class2 { border-collapse:collapse; border:1px solid #353535; }
.froala_table_class2 th { border-top:solid 2px #333333; border-bottom:solid 2px #333333; border-left:solid 1px #d6d6d6;border-right:solid 1px #d6d6d6;background-color:#d6d6d6;padding:7px; }
.froala_table_class2 tr td { border:solid 1px #d6d6d6; padding:7px; height:29px; }
.froala_table_class2 tr:nth-child(2n) { background:#fafafa; }
table.froala_table_class3 { border-collapse:collapse; }
.froala_table_class3 th { border-bottom:solid 0px #cfcfcf;border-left:solid 0px #e4e4e4;border-right:solid 0px #e4e4e4;padding:0px; }
.froala_table_class3 tr td { border:solid 0px #e4e4e4;padding:0px; }
.froala_table_class3 tr:nth-child(2n) { background:transparent; }
table.froala_table_class4 { border:0px solid #353535; border-radius:10px; cellspacing:0;}
.froala_table_class4 th { border-top:solid 2px #1e64a2; border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6;background-color:#d6d6d6;padding:10px; height:29px;}
.froala_table_class4 tr td { border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6; padding:7px; height:29px; }
.froala_table_class4 tr:nth-child(2n) { background:#fafafa; }
table.froala_table_class5 { border:0px solid #353535; border-radius:10px; cellspacing:0;}
.froala_table_class4 th { border-top:solid 2px #ff3900; border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6;background-color:#d6d6d6;padding:10px; height:29px;}
.froala_table_class4 tr td { border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6; padding:7px; height:29px; }
.froala_table_class4 tr:nth-child(2n) { background:#fafafa; }
table.froala_table_class6 { border:0px solid #353535; border-radius:10px; cellspacing:0;}
.froala_table_class6 th { border-top:solid 2px #0092dc; border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6;background-color:#d6d6d6;padding:10px; height:29px;}
.froala_table_class6 tr td { border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6; padding:7px; height:29px; }
.froala_table_class6 tr:nth-child(2n) { background:#fafafa; }
table.froala_table_class7 { border:1px solid #f50062; border-radius:10px; cellspacing:0;}
.froala_table_class7 th { border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6;background-color:#d6d6d6;padding:10px; height:29px;}
/*.froala_table_class7 th:first-child { border-left:solid 0px #d6d6d6;}*/
.froala_table_class7 tr td { border-bottom:solid 1px #d6d6d6; border-left:solid 1px #d6d6d6; border-right:solid 0px #d6d6d6; padding:7px; height:29px; }
.froala_table_class7 tr:nth-child(2n) { background:#fafafa; }
.tipso_explain { width:100%; color:#ffffff; text-align:left; padding-left:3px; font-size:14px; font-family:nanumggothic; line-height:170%;}
/* ----------------------------------------------
button1 관련 설정 시작
---------------------------------------------- */
.button {
display:inline-block;
zoom:1; /* zoom and display = ie7 hack for display:inline-block */
*display:inline;
vertical-align:baseline;
margin:0 2px;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
font:14px/100% Arial, Helvetica, sans-serif;
padding:.5em 2em .55em;
/*
text-shadow:0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
*/
box-shadow:0 0.5px 1px rgba(0,0,0,.1);
}
.button:hover {
text-decoration:none;
}
.button:active {
position:relative;
top:0px;
}
.bigrounded {
/*
-webkit-border-radius:2em;
-moz-border-radius:2em;
border-radius:2em; */
}
.medium {
font-size:12px;
padding:.4em 1.5em .42em;
cursor:pointer;
}
.small {
font-size:12px;
padding:.4em 1.1em .5em 1.1em;
cursor:pointer;
}
.small2 {
font-size:11px;
padding:.3em 1em .4em 1em;
cursor:pointer;
}
/* color styles
---------------------------------------------- */
/* black */
.black {
color:#efefef;
border:solid 1px #333;
background:#333;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background:-moz-linear-gradient(top, #666, #000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
*/
}
.black:hover {
color:#ffffff;
background:#1e1e1e;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background:-moz-linear-gradient(top, #444, #000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
*/
}
.black:active {
color:#000000;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background:-moz-linear-gradient(top, #000, #444);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
*/
}
/* gray */
.gray {
color:#414141;
border:solid 1px #c3c3c3;
background:#ececec;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background:-moz-linear-gradient(top, #888, #575757);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
*/
}
.gray:hover {
color:#383838;
background:#e4e4e4;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background:-moz-linear-gradient(top, #757575, #4b4b4b);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
*/
}
.gray:active {
color:#383838;
background:#c0c0c0;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background:-moz-linear-gradient(top, #575757, #888);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
*/
}
/* dark gray */
.darkgray {
color:#414141;
border:solid 1px #313131;
background:#696969;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background:-moz-linear-gradient(top, #888, #575757);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
*/
}
.darkgray:hover {
color:#383838;
background:#424242;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background:-moz-linear-gradient(top, #757575, #4b4b4b);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
*/
}
.darkgray:active {
color:#383838;
background:#242424;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background:-moz-linear-gradient(top, #575757, #888);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
*/
}
/* white */
.white {
color:#434343;
border:solid 1px #b7b7b7;
background:#fff;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background:-moz-linear-gradient(top, #fff, #ededed);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
*/
}
.white:hover {
color:#202020;
background:#f1f1f1;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background:-moz-linear-gradient(top, #fff, #dcdcdc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
*/
}
.white:active {
color:#000000;
background:#ffffff;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background:-moz-linear-gradient(top, #ededed, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
*/
}
/* orange */
.orange {
color:#fef4e9;
border:solid 1px #da7c0c;
background:#f78d1d;
background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background:-moz-linear-gradient(top, #faa51a, #f47a20);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background:#f47c20;
background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background:-moz-linear-gradient(top, #f88e11, #f06015);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color:#fcd3a5;
background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background:-moz-linear-gradient(top, #f47a20, #faa51a);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.red {
color:#faddde;
border:solid 1px #980c10;
background:#d81b21;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background:-moz-linear-gradient(top, #ed1c24, #aa1317);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
*/
}
.red:hover {
color:#ffffff;
background:#b61318;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background:-moz-linear-gradient(top, #c9151b, #a11115);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
*/
}
.red:active {
color:#ffffff;
background:#830004;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background:-moz-linear-gradient(top, #aa1317, #ed1c24);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
*/
}
/* blue */
.blue {
color:#d9eef7;
border:solid 1px #0076a3;
background:#0067b6;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background:-moz-linear-gradient(top, #00adee, #0078a5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
*/
}
.blue:hover {
color:#ffffff;
background:#007ead;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background:-moz-linear-gradient(top, #0095cc, #00678e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
*/
}
.blue:active {
color:#ffffff;
background:#00508e;
/*
background:-webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background:-moz-linear-gradient(top, #0078a5, #00adee);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
*/
}
/* rosy */
.rosy {
color:#fae7e9;
border:solid 1px #b73948;
background:#da5867;
background:-webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
background:-moz-linear-gradient(top, #f16c7c, #bf404f);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
background:#ba4b58;
background:-webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
background:-moz-linear-gradient(top, #cf5d6a, #a53845);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
color:#dca4ab;
background:-webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
background:-moz-linear-gradient(top, #bf404f, #f16c7c);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* green */
.green {
color:#e8f0de;
border:solid 1px #538312;
background:#64991e;
background:-webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background:-moz-linear-gradient(top, #7db72f, #4e7d0e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
background:#538018;
background:-webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background:-moz-linear-gradient(top, #6b9d28, #436b0c);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
color:#a9c08c;
background:-webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background:-moz-linear-gradient(top, #4e7d0e, #7db72f);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* pink */
.pink {
color:#feeef5;
border:solid 1px #d2729e;
background:#f895c2;
background:-webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
background:-moz-linear-gradient(top, #feb1d3, #f171ab);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
background:#d57ea5;
background:-webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
background:-moz-linear-gradient(top, #f4aacb, #e86ca4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
color:#f3c3d9;
background:-webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
background:-moz-linear-gradient(top, #f171ab, #feb1d3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/* 추가 */
.button_line_white { cursor:pointer; display:inline-block; border:1px solid #ffffff; padding-top:10px; padding-bottom:10px; padding-left:35px; padding-right:35px;}
.button_line_white:hover { border:1px solid #ededed; }
.button_line_white_m { cursor:pointer; display:inline-block; border:1px solid #ffffff; padding-top:7px; padding-bottom:7px; padding-left:20px; padding-right:20px;}
.button_line_white_m:hover { border:1px solid #ededed; }
.button_style_red {
cursor:pointer;
background: #fc693c;
background-image: -webkit-linear-gradient(top, #fc693c, #b82b2b);
background-image: -moz-linear-gradient(top, #fc693c, #b82b2b);
background-image: -ms-linear-gradient(top, #fc693c, #b82b2b);
background-image: -o-linear-gradient(top, #fc693c, #b82b2b);
background-image: linear-gradient(to bottom, #fc693c, #b82b2b);
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.button_style_red:hover {
background: #fc693c;
background-image: -webkit-linear-gradient(top, #fc693c, #d93434);
background-image: -moz-linear-gradient(top, #fc693c, #d93434);
background-image: -ms-linear-gradient(top, #fc693c, #d93434);
background-image: -o-linear-gradient(top, #fc693c, #d93434);
background-image: linear-gradient(to bottom, #fc693c, #d93434);
text-decoration: none;
}
/* ----------------------------------------------
button1 관련 설정 끝
---------------------------------------------- */
.span_state_red { color:#ffffff;border:1px solid #710003;background-color:#ea0006;padding-top:3px; padding-right:5px; padding-bottom:3px; padding-left:5px; }
.span_state_black { color:#ffffff;border:1px solid #252525;background-color:#464646;padding-top:3px; padding-right:5px; padding-bottom:3px; padding-left:5px; }
.span_state_blue { color:#ffffff;border:1px solid #004891;background-color:#006ddc;padding-top:3px; padding-right:5px; padding-bottom:3px; padding-left:5px; }
.span_explain_link { color:#676767;border:1px solid #bfbfbf;background-color:#f2f2f2;padding-top:3px; padding-right:5px; padding-bottom:3px; padding-left:5px; }
.span_explain_link:hover { color:#2b2b2b;background-color:#e9e9e9; }
.span_button_link { color:#676767;border:1px solid #bfbfbf;padding-top:1px; padding-right:4px; padding-bottom:0px; padding-left:4px; }
.border_line_red { font-family:nanumggothic; font-size:12px;color:#f12800;border:1px solid #ff0000;padding:3px; }
.file_attach { width:100px; padding:5px; font-size:18px; text-align:center; font-weight:200;border:1px solid #000000; color:#000000; letter-spacing:.1em;}
.btn {
display:inline-block;
height:40px;
line-height:40px;
padding:3px 10px 0 50px;
background:url(/img/button/white.jpg) repeat-x;
color:#999;
font-weight:bold;
font-size:13px;
text-shadow:0 1px 0 #fff;
position:relative;
border:1px solid #DFDFDF;
margin:0 10px 10px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.btn:hover {
border-color:#cacaca;
background:#F8F8F8;
}
.btn span {
display:block;
position:absolute;
top:6px;
left:9px;
width:32px;
height:32px;
background-repeat:no-repeat;
background-position:center;
}
.btn.activity span {
background-image:url(/img/button/icons/activity.png);
}
.btn.activitya span {
background-image:url(/img/button/icons/activityadd.png);
}
.btn.activityd span {
background-image:url(/img/button/icons/activitydelete.png);
}
.btn.activityw span {
background-image:url(/img/button/icons/activitywarn.png);
}
.btn.add span {
background-image:url(/img/button/icons/add.png);
}
.btn.address span {
background-image:url(/img/button/icons/activity.png);
}
.btn.addressd span {
background-image:url(/img/button/icons/addressdelete.png);
}
.btn.addressa span {
background-image:url(/img/button/icons/adressadd.png);
}
.btn.addresss span {
background-image:url(/img/button/icons/addresssearch.png);
}
.btn.book span {
background-image:url(/img/button/icons/book.png);
}
.btn.booka span {
background-image:url(/img/button/icons/bookadd.png);
}
.btn.bookd span {
background-image:url(/img/button/icons/bookdelete.png);
}
.btn.books span {
background-image:url(/img/button/icons/booksearch.png);
}
.btn.activity span {
background-image:url(/img/button/icons/activity.png);
}
.btn.bulb span {
background-image:url(/img/button/icons/bulb.png);
}
.btn.fav span {
background-image:url(/img/button/icons/fav.png);
}
.btn.chart span {
background-image:url(/img/button/icons/chart.png);
}
.btn.activity span {
background-image:url(/img/button/icons/activity.png);
}
.btn.comment span {
background-image:url(/img/button/icons/comment.png);
}
.btn.commenta span {
background-image:url(/img/button/icons/commentadd.png);
}
.btn.commentua span {
background-image:url(/img/button/icons/commentuseradd.png);
}
.btn.commentud span {
background-image:url(/img/button/icons/commentuserdelete.png);
}
.btn.commentus span {
background-image:url(/img/button/icons/commentusersearch.png);
}
.btn.delete span {
background-image:url(/img/button/icons/delete.png);
}
.btn.edit span {
background-image:url(/img/button/icons/edit.png);
}
.btn.email span {
background-image:url(/img/button/icons/email.png);
}
.btn.emaila span {
background-image:url(/img/button/icons/emailadd.png);
}
.btn.emaild span {
background-image:url(/img/button/icons/emaildelete.png);
}
.btn.folder span {
background-image:url(/img/button/icons/folder.png);
}
.btn.foldera span {
background-image:url(/img/button/icons/folderadd.png);
}
.btn.folderd span {
background-image:url(/img/button/icons/folderdelete.png);
}
.btn.info span {
background-image:url(/img/button/icons/info.png);
}
.btn.lock span {
background-image:url(/img/button/icons/lock.png);
}
.btn.unlock span {
background-image:url(/img/button/icons/lockopen.png);
}
.btn.page span {
background-image:url(/img/button/icons/page.png);
}
.btn.wizbuilder span {
background-image:url(/img/button/icons/wizbuilder.png);
}
.btn.pagea span {
background-image:url(/img/button/icons/pageadd.png);
}
.btn.paged span {
background-image:url(/img/button/icons/pagedelete.png);
}
.btn.rss span {
background-image:url(/img/button/icons/rss.png);
}
.btn.search span {
background-image:url(/img/button/icons/search.png);
}
.btn.time span {
background-image:url(/img/button/icons/time.png);
}
.btn.user span {
background-image:url(/img/button/icons/user.png);
}
.btn.usera span {
background-image:url(/img/button/icons/useradd.png);
}
.btn.userd span {
background-image:url(/img/button/icons/userdelete.png);
}
.btn.users span {
background-image:url(/img/button/icons/usersearch.png);
}
.btn.useri span {
background-image:url(/img/button/icons/userinfo.png);
}
.btn.warn span {
background-image:url(/img/button/icons/warning.png);
}
/* Total Menu Btn */
.totalBtn_wrap { position:absolute; background:none; }
#mo005 .totalOpen .mVer { display:inline-block; }
/* Total Menu */
#asideArea { position:fixed; top:0px; right:-100%; display:block; width:243px; height:100%; padding:43px 22px 0 26px; box-sizing:border-box; z-index:99; }
#asideArea.fix { position:fixed !important; display:none; }
.overlay{ position:fixed; top:0; left:0; display:none; width:100%; height:100%; /*background:rgba(0,0,0,0.5);*/ z-index:97; }
#asideArea { right:0 !important; width:300px; padding:0; background:#fff; }
.overlay{ background:rgba(0,0,0,0.5); }
.scroll { height:100%; overflow-x:hidden; }
#asideArea #totalClose { position:absolute; top:0; right:-59px; display:none; width:59px; vertical-align:middle; }
#asideArea #totalClose a { display:block; height:27px; background:url(/menu/mo005/btn_menuClose.png) center no-repeat; text-indent:-9999px;}
#asideArea #totalClose { position:absolute; top:14px !important; right:300px; display:none; width:59px; vertical-align:middle; }
/*#asideArea .nav_tit { display:none; } */
#asideArea .nav_tit { display:block; height:59px; line-height:59px; background:#d1510b; border-bottom:0px solid #e6e6e6; font-size:17px; color:#fff; }
.nav_tit .nav_home { display:inline-block; width:53px; height:100%; margin-right:13px; background:#a23607; }
.nav_tit .nav_home a { display:block; background:url(/menu/mo005/btn_nav_home.png) 50% 48% no-repeat; text-indent:-9999px; }
#asideArea .nav_tit { display:block; height:60px; line-height:60px; background:#0076ce; border-bottom:0px solid #e6e6e6; font-size:17px; color:#fff; } /* 0315 */
#asideArea .nav_tit ul { margin:0; padding:0; margin-bottom:35px; border:0px solid #444242; font-size:0; } /* 0315 */
#asideArea .nav_tit ul li { display:inline-block; border:0px solid #444242; width:33.33333%; height:35px; line-height:35px; border-right:0px solid #e18c5e; text-align:center; vertical-align:middle; } /* 0315 */
#asideArea .nav_tit ul li.home { padding-left:10px; display:inline-block; } /* 0315 */
#asideArea .nav_tit ul li.ko { background:none; border-right:0px solid #e18c5e; box-sizing:border-box; } /* 0315 */
#asideArea .nav_tit ul li.en { border:none; } /* 0315 */
#asideArea .nav_tit ul a { font-weight:300; font-size:17px; color:#fff; } /* 0315 */
#mo005.navNone #totalNav { display:block; }
#totalNav { position:relative; }
#totalNav .nav2{ display:block; padding:10px 10px 13px 18px; border-bottom:1px solid #535353; font-size:20px; color:#fff; font-weight:400; text-decoration:none; }
#totalNav .nav_btn{ display:block; padding:10px 10px 13px 18px; border-bottom:1px solid #535353; font-size:20px; color:#fff; font-weight:400; text-decoration:none; }
#totalNav .nav_btn.active{ }
#totalNav > li > ul > li > a { display:block; padding:6px 10px 7px 25px; background:url(/menu/mo005/bg_navBullet.png) 17px 14px no-repeat; font-size:16px; font-weight:300; color:#b3b3b3; text-decoration:none; }
#totalNav > li > ul > li > a:active,
#totalNav > li > ul > li > a:hover,
#totalNav > li > ul > li > a:focus { background:url(/menu/mo005/bg_navBulletOn.png) 15px 11px no-repeat; color:#fff; text-decoration:none; }
#totalNav .nav_list{ display:none; padding:20px 0 15px 0; }
#totalNav > li > ul > li > span { display:block; padding:6px 10px 7px 25px; text-decoration:none; }
#totalNav .nav2{ padding:13px 10px 0px 32px; font-family:nanumgothic; background:#ffffff; border-bottom:none; border-top:0px solid #e6e6e6; font-size:14px; color:#444852; }
#totalNav .nav_btn{ padding:13px 10px 0px 32px; font-family:nanumgothic; background:#ffffff url(/menu/mo006/icon_menuPlus.png) 93% 50% no-repeat; border-bottom:none; border-top:1px solid #e6e6e6; font-size:14px; color:#444852; }
#totalNav .nav2:hover{ padding:13px 10px 0px 32px; background:#ffffff; border-bottom:none; border-top:0px solid #e6e6e6; font-size:14px; color:#444852; }
#totalNav .nav_btn:hover{ padding:13px 10px 0px 32px; background:#ffffff url(/menu/mo006/icon_menuPlus.png) 93% 50% no-repeat; border-bottom:none; border-top:1px solid #e6e6e6; font-size:14px; color:#444852; }
#totalNav .nav1 .nav_btn { border-top:0; }
#totalNav .nav_btn.active{ background-image:url(/menu/mo005/icon_menuMinus.png); border-bottom:1px solid #e6e6e6; }
#totalNav > li > ul > li > a { padding:7px 10px 7px 48px; background:url(/menu/mo005/m_bg_navBullet.gif) 40px 50% no-repeat; font-size:13px; color:#010101; }
#totalNav > li > ul > li > a:active,
#totalNav > li > ul > li > a:hover,
#totalNav > li > ul > li > a:focus { background:url(/menu/mo005/m_bg_navBullet.gif) 40px 50% no-repeat; color:#0076ce; }
#totalNav .nav_list{ padding:0px 0px 0px 0px; background:#f6f7f7; }
#totalNav > li > ul > li > span { padding:7px 10px 7px 48px; }
#main_layout {width:100%;}
#main_layout #main_menu {width:20%; max-width:187px; float:left;}
#main_layout #main_contnets {width:79%; min-height:450px; float:left; border-left:1px solid #acacac;}
#main_layout #main_menu {display:block;}
#copyright_layout {width:100%; height:50px; float:left; border-top:1px solid #acacac;}
#manage_contents {width:100%;}
#manage_contents #manage_contents_left{width:380px; float:left; padding-left:20px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
#manage_contents #manage_contents_center {width:380px; float:left; padding-left:20px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
#manage_contents #manage_contents_right {width:250px; float:left; padding-left:20px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
#manage_contents #manage_contents_bottom {width:790px; float:left; padding-left:20px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
.video-container {
position:relative;
height:0;
padding-bottom:56.25%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shorts-container {
position:relative;
height:0;
padding-bottom:177.78%;
}
.shorts-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shorts-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
}
video {
width:100%;
height:auto;
}
.pop_video .pop_wrap .video_wrapper{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.pop_video .pop_wrap .video_wrapper_85{
position: relative;
padding-bottom: 85%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}
@keyframes scaleDown {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1.0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1.0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.div_pc {display:block;}
.div_mobile {display:none;}
@media screen and (max-width:767px) {
#main_layout {width:100%;}
#main_layout #main_menu {width:19%; max-width:187px; float:left; border-right:1px solid #acacac;}
#main_layout #main_contnets {width:100%; float:left;}
#main_layout #main_menu {display:none;}
#manage_contents {width:100%;}
#manage_contents #manage_contents_left{width:96%; float:left; padding-left:2%; padding-top:10px; padding-right:2%; padding-bottom:10px;}
#manage_contents #manage_contents_center {width:96%; float:left; padding-left:2%; padding-top:10px; padding-right:2%; padding-bottom:10px;}
#manage_contents #manage_contents_right {width:96%; float:left; padding-left:2%; padding-top:10px; padding-right:2%; padding-bottom:10px;}
#manage_contents #manage_contents_bottom {width:96%; float:left; padding-left:2%; padding-top:10px; padding-right:2%; padding-bottom:10px;}
.div_pc {display:none;}
.div_mobile {display:block;}
}
/* bullet */
.text_bullet1 {
padding-left:20px;
background-image:url("/data/wiz/responsive/data/bullet1.png");
background-position: 0px 10px;
background-repeat:no-repeat;
border:0px;
}
.modify_btn{background:#717171;font-family:nanumgothic;font-size:14px;font-weight:300;color:#ffffff;padding:6px 15px;}
.modify_btn:link{color:#ffffff;}
.modify_btn:hover{color:#ffffff;}
.youtube {
position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;
}
.responsive-iframe {
position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0;
}
.table_scroll {overflow:visible;}
.table_scroll > img { width:100% !important;height:auto;}
.table_scroll .scroll_150 { width:100% !important;height:auto;}
.table_scroll .scroll_180 { width:100% !important;height:auto;}
.table_scroll .scroll_200 { width:100% !important;height:auto;}
.table_scroll .scroll_250 { width:100% !important;height:auto;}
@media screen and (max-width: 768px) {
.table_scroll {width:100%;overflow-x:scroll;}
.table_scroll .scroll_150 { width:150% !important;height:auto;}
.table_scroll .scroll_180 { width:180% !important;height:auto;}
.table_scroll .scroll_200 { width:200% !important;height:auto;}
.table_scroll .scroll_250 { width:250% !important;height:auto;}
}
.div_sub_layout{width:100%;}
.div_sub_layout .div_sub_box{float:left; width:14.666%; padding:0 1% 30px 1%;}
.table_box{table-layout:fixed; width:100%; height:180px; border:1px solid #cccccc; border-radius:10px;}
.box_title{ font-family:nanumsquare; font-size:20px; font-weight:700; color:#000000; padding:15px; text-align:center;}
.button_over_black_alpha:hover{background:rgba(0,0,0,0.3)}
@media screen and (max-width: 1400px) {
.div_sub_layout .div_sub_box{float:left; width:23%; padding:0 1% 25px 1%;}
.box_title{ font-size:19px;}
.table_box{height:170px;}
}
@media screen and (max-width: 768px) {
.div_sub_layout .div_sub_box{float:left; width:48%; padding:0 1% 20px 1%;}
.box_title{ font-size:17px;}
.table_box{height:150px;}
}