@CHARSET "UTF-8";

* { padding:0; margin: 0; font-family: dotum, Gulim, Arial,tahoma; font-size:12px; color: #737373; }
body, html{	}
form { margin: 0; padding: 0; }
li img { vertical-align: middle;  /* for IE imge margin */ } 
table { border-collapse: collapse; }
table th, table td { padding: 0; } 
img, input.type-image {	border: 0 none; }
a { text-decoration:none; }

/* Layout */
div.clear { clear:both; }

div#container	{
	width: 980px;
	margin: 0px auto;
	padding-top:13px;
	background: url("../image/comm/bg_sub_top.gif") no-repeat;
}
div#mainWrap	{ background: url("/image/comm/bg_sub_center.gif") repeat-y scroll 0 0 #FFFFFF; }

/* Header */
#header { height:95px; width: 980px; margin: 0px auto; }
#header #headerLogin { float: right; padding-top: 11px; padding-right:15px; }

#header #headerLogin #headerMenu { list-style-type: none; float: left; position: relative;}
#header #headerLogin #headerMenu ul { float: left; margin-right: 10px; }
#header #headerLogin #headerMenu li { float: left; }
#header #headerLogin #headerMenu li.welcome { background: url('/image/comm/login_icon.gif') no-repeat; line-height: 24px; margin:0 10px 0 15px; padding-left: 16px; font-size:11px; line-height:1.3em;}
#header #headerLogin #headerMenu li.welcome span a { color: #E27D40; font-weight: bold; }

.bar_none { background-image: none !important; }

#gnb li a { display: block; overflow: hidden; height:56px; text-indent: -9999px; }
ul#gnb li a.on { background-position: 0px -56px; }
#gnb li a.xk_info { background: url('/image/comm/gnb_menu01.gif') no-repeat; width:126px; }
#gnb li a.xk_rule { background: url('/image/comm/gnb_menu02.gif') no-repeat; width:136px; }
#gnb li a.xk_news { background: url('/image/comm/gnb_menu03.gif') no-repeat; width:127px; }
#gnb li a.xk_cm { background: url('/image/comm/gnb_menu04.gif') no-repeat; width:100px; }
#gnb li a.xk_menu { background: url('/image/comm/gnb_menu05.gif') no-repeat; width:286px; }
                              
div#on_login { overflow: hidden; position:absolute; top:-5px; right:-2px; background:url(/image/comm/on_login_bg.gif) no-repeat transparent; width:292px; height:120px; z-index:20; }
div#on_login p { width:50px; height:32px; text-indent: -9999px; cursor:pointer; }
h3.on_login_title { left: -1px; position: absolute; top: -9px; }

.myid { left: 22px; position: absolute; text-align: right; top: 34px; width: 174px; }
.mypw { left: 22px; position: absolute; text-align: right; top: 60px; width: 174px; }
input.login_btn { position: absolute; right: 22px; top: 34px; }
.login_close { position: absolute; right: 10px; top: 6px; }
ul.login_link { bottom: 15px; left: 15px; position: absolute; }
ul.login_link li { background: url("/image/comm/bar01.gif") no-repeat scroll right center transparent; float: left; padding: 0 10px; color: #888888 !important; font-size: 10px; letter-spacing: -1px; line-height: 1.4em;}
ul.login_link li a { font-size:11px; }
ul.login_link li a:hover { color:#52af46; }

#mainWrap h1 { position: static; top: 53px; }

/* Submenu */
ul#gnb { height: 58px; position: relative; float: right; margin-top:15px; list-style-type: none; z-index:10; }
ul#gnb li { position: relative; list-style: none outside none; }
ul#gnb h3.logo { float:left; margin: 13px 92px 0px 0px; text-indent: 0; display: block; width:112px; height: 54px; overflow: hidden; text-indent: -9999px; background:url(/image/comm/logo.gif) no-repeat transparent; cursor:pointer; }
ul#gnb li.first { background: url("/image/comm/gnb_bg_top.gif") no-repeat scroll 0 0 transparent; height: 34px; padding-top: 19px; z-index:25px; }
ul#gnb li.rule_first { background: url("/image/comm/gnb_bg_rule_top.gif") no-repeat scroll 0 0 transparent; height: 34px; padding-top: 19px; }
ul#gnb li.news_first { background: url("/image/comm/gnb_bg_news_top.gif") no-repeat scroll 0 0 transparent; height: 34px; padding-top: 19px; }
ul#gnb li.cm_first { background: url("/image/comm/gnb_bg_cm_top.gif") no-repeat scroll 0 0 transparent; height: 34px; padding-top: 19px; }
ul#gnb li.last { background: url("/image/comm/gnb_bg_bottom.gif") no-repeat scroll 0 34px transparent; height: 34px; padding-bottom: 20px; }
ul#gnb li.gnb_sub { float:left; z-index:10; }
ul#gnb li.gnb_sub ul { position:absolute; display:none; }
ul#gnb li.gnb_sub ul li a{ display: block; overflow: hidden; cursor:pointer; text-indent: -9999px; width:200px; height:34px; z-index:20; }

/* 엑스키퍼 소개 */
ul#gnb li.gnb_sub ul li a.gnb_submenu01_01 { background: url('/image/comm/gnb_submenu01_01.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu01_02 { background: url('/image/comm/gnb_submenu01_02.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu01_03 { background: url('/image/comm/gnb_submenu01_03.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu01_04 { background: url('/image/comm/gnb_submenu01_04.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu01_05 { background: url('/image/comm/gnb_submenu01_05.png') no-repeat; }

/* 요금,이용방법 */
ul#gnb li.gnb_sub ul li a.gnb_submenu02_01 { background: url('/image/comm/gnb_submenu02_01.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu02_02 { background: url('/image/comm/gnb_submenu02_02.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu02_03 { background: url('/image/comm/gnb_submenu02_03.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu02_04 { background: url('/image/comm/gnb_submenu02_04.png') no-repeat; }

/* 엑스키퍼뉴스 */
ul#gnb li.gnb_sub ul li a.gnb_submenu03_01 { background: url('/image/comm/gnb_submenu03_01.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu03_02 { background: url('/image/comm/gnb_submenu03_02.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu03_03 { background: url('/image/comm/gnb_submenu03_03.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu03_04 { background: url('/image/comm/gnb_submenu03_04.png') no-repeat; }

/* 고객지원 */
ul#gnb li.gnb_sub ul li a.gnb_submenu04_01 { background: url('/image/comm/gnb_submenu04_01.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_02 { background: url('/image/comm/gnb_submenu04_02.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_03 { background: url('/image/comm/gnb_submenu04_03.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_04 { background: url('/image/comm/gnb_submenu04_04.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_05 { background: url('/image/comm/gnb_submenu04_05.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_06 { background: url('/image/comm/gnb_submenu04_06.png') no-repeat; }
ul#gnb li.gnb_sub ul li a.gnb_submenu04_07 { background: url('/image/comm/gnb_submenu04_07.png') no-repeat; }

/* 엑스키퍼관리, 보고서 */
ul#gnb li.gnb_sub ul li a.gnb_submenu05_01 { background: url('/image/comm/gnb_submenu05_01.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_02 { background: url('/image/comm/gnb_submenu05_02.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_03 { background: url('/image/comm/gnb_submenu05_03.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_04 { background: url('/image/comm/gnb_submenu05_04.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_05 { background: url('/image/comm/gnb_submenu05_05.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_06 { background: url('/image/comm/gnb_submenu05_06.png') no-repeat; width:217px; }
ul#gnb li.gnb_sub ul li a.gnb_submenu05_07 { background: url('/image/comm/gnb_submenu05_07.png') no-repeat; width:217px; }

/* 서브메뉴 hover 시*/
ul#gnb li.gnb_sub ul li a:hover{ background-position: 0px -34px; }
ul#gnb li.gnb_sub ul li a.on{ background-position: 0px -34px; }

li.first_sub05{ height:34px;background:url(/image/comm/gnb_bg_user_top.gif) no-repeat; padding-top:19px; }
li.last_sub05{ height:35px;background:url(/image/comm/gnb_bg_user_bottom.gif) 0 34px no-repeat; padding-bottom:20px; }

#header #headerLogin #headerMenu li { background: url("/image/comm/bar01.gif") no-repeat scroll right top transparent; float: left; padding: 0 10px; }
#header #headerLogin #headerMenu li a.header_btn2 { display: block; background: url('/image/comm/header_btn2.gif') no-repeat; width:69px; height:23px; overflow: hidden; text-indent: -9999px; }
#header #headerLogin #headerMenu li a.extension { background-position: 0 0 }
#header #headerLogin #headerMenu li a.modify_info { background-position: 0 -23px; }
#header #headerLogin #headerMenu li a.logout { background-position: 0 -46px; }

#header #headerLogin #headerMenu li a { display: block; overflow: hidden; cursor:pointer; text-indent: -9999px; height:11px;  }
#header #headerLogin #headerMenu li a.login { background: url('/image/comm/topmenu_menu01.gif') no-repeat; width:28px; }
#header #headerLogin #headerMenu li a.register { background: url('/image/comm/topmenu_menu02.gif') no-repeat; width:36px; z-index:40; }
#header #headerLogin #headerMenu li a.sitemap { background: url('/image/comm/topmenu_menu03.gif') no-repeat; width:38px; }
#header #headerLogin #headerMenu li a.find_account { background: url('/image/comm/topmenu_menu04.gif') no-repeat; width:92px; }
#header #headerLogin #headerMenu li a.extension { background: url('/image/comm/topmenu_login_menu01.gif') no-repeat; width:38px;  }
#header #headerLogin #headerMenu li a.modify_info { background: url('/image/comm/topmenu_login_menu02.gif') no-repeat; width:37px; }
#header #headerLogin #headerMenu li a.logout { background: url('/image/comm/topmenu_login_menu03.gif') no-repeat; width:38px; }
#header #headerLogin #headerMenu li a:hover { background-position: 0px -11px; }

#header #navi { background: url('/image/comm/navi_bg_sub.jpg') no-repeat 0 0; clear : both; height: 92px; width: 920px; margin-top:5px; margin-bottom: 13px; }

/* Footer */
#footerWrap { }
#wrap_footer_top { background: none repeat scroll 0 0 #F6FAF4; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; height: 33px; clear:both; width: 100%; }
#footer_top { margin: 0 auto; position: relative; width: 980px; }
ul#foot_list { float: left; margin-top: 11px; list-style-type: none; }
ul#foot_list li { background: url("/image/comm/bar01.gif") no-repeat scroll right center transparent; float: left; padding: 0 12px; }
p.sitelink { float: right; padding-top: 8px; }
div#productlink_layer { height: 53px; left: 0; position: absolute; top: -54px; }
ul.productlink { background: url("/image/comm/foot_product_bg.gif") no-repeat scroll right 0 transparent; height: 53px; padding-right: 27px; list-style-type: none;}
ul.productlink li { float: left; }
ul.productlink li a { display: block; height: 53px; overflow: hidden; text-indent: -9999px; }
ul.productlink li a.product_link01 { background: url("/image/comm/foot_product01.gif") no-repeat scroll 0 0 transparent; width: 196px; }
ul.productlink li a.product_link02 { background: url("/image/comm/foot_product02.gif") no-repeat scroll 0 0 transparent; width: 196px; }
ul.productlink li a.product_link03 { background: url("/image/comm/foot_product03.gif") no-repeat scroll 0 0 transparent; width: 184px; }
ul.productlink li a.product_link04 { background: url("/image/comm/foot_product04.gif") no-repeat scroll 0 0 transparent; width: 205px; }
ul.productlink li a.product_link05 { background: url("/image/comm/foot_product05.gif") no-repeat scroll 0 0 transparent; width: 172px; }
ul.productlink li a:hover { background-position: 0px -53px; } 
p.productlink_layer_close { position: absolute; right: 7px; top: 7px; }

div.on_sitelink { background: url("/image/comm/foot_sitelink_bg.gif") no-repeat scroll 0 0 transparent; height: 97px; position: absolute; right: 75px; top: -34px; width: 313px; z-index: 10; }
ul#sitelink_list01 { position: absolute; right: 20px; top: 50px; list-style: none outside none; }
ul#sitelink_list02 { left: 16px; position: absolute; top: 70px; list-style: none outside none; }
p.on_sitelink_close { position: absolute; right: 10px; top: 8px; }

#wrap_footer { background: none repeat scroll 0 0 #F9F9F9; height: 156px; width: 100%; }
#footer { margin: 0 auto; position: relative; width: 980px; }

p.foot_logo { left: 0; position: absolute; top: 30px; }
p.foot_addr { left: 170px; position: absolute; top: 30px; }
p.foot_call { position: absolute; right: 0; top: 30px; display: block; overflow: hidden; background: url('/image/comm/foot_call.gif') no-repeat; width:308px; height:47px; text-indent: -9999px; }
ul.foot_golink { height: 18px; position: absolute; right: 0; top: 75px; }
ul.foot_golink li { float: left; padding-left: 3px; }

/* 관련 사이트 list 01*/
ul#sitelink_list01 li a.spamsniper { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu01.gif') no-repeat; width:52px; height:9px; text-indent: -9999px; }
ul#sitelink_list01 li a.spamsniper:hover { background-position: 0px -9px; }
ul#sitelink_list01 li a.coolmessenger { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu02.gif') no-repeat; width:35px; height:9px; text-indent: -9999px; }
ul#sitelink_list01 li a.coolmessenger:hover { background-position: 0px -9px; }
ul#sitelink_list01 li a.officehard { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu03.gif') no-repeat; width:44px; height:9px; text-indent: -9999px; }
ul#sitelink_list01 li a.officehard:hover { background-position: 0px -9px; }
ul#sitelink_list01 li a.webfilter { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu04.gif') no-repeat; width:25px; height:9px; text-indent: -9999px; }
ul#sitelink_list01 li a.webfilter:hover { background-position: 0px -9px; }
ul#sitelink_list01 li a.officekeeper { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu05.gif') no-repeat; width:43px; height:9px; text-indent: -9999px; }
ul#sitelink_list01 li a.officekeeper:hover { background-position: 0px -9px; }
ul#sitelink_list01 li { float: left; padding: 0 8px; }

/* 관련 사이트 list 02*/
ul#sitelink_list02 li a.usbsafe { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu06.gif') no-repeat; width:43px; height:9px; text-indent: -9999px; }
ul#sitelink_list02 li a.usbsafe:hover { background-position: 0px -9px; }
ul#sitelink_list02 li a.foldersafe { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu07.gif') no-repeat; width:59px; height:9px; text-indent: -9999px; }
ul#sitelink_list02 li a.foldersafe:hover { background-position: 0px -9px; }
ul#sitelink_list02 li a.bakcupsafe { display: block; overflow: hidden; background: url('/image/comm/foot_link_menu08.gif') no-repeat; width:60px; height:9px; text-indent: -9999px; }
ul#sitelink_list02 li a.bakcupsafe:hover { background-position: 0px -9px; }
ul#sitelink_list02 li { float: left; padding: 0 8px; }

div.footer_popup { width:600px; background-color: #FFFFFF; position: absolute; border: 2px solid #77933C;}
div.footer_popup h1 { background: none repeat scroll 0 0 #F8F8F8; border-bottom: 1px solid #DEDEDE; padding: 20px 0 20px 20px; }
div.footer_popup p.pop_close { position: absolute; right: 20px; top: 21px; cursor:pointer; }
div.footer_popup div.pop_contaniner { padding: 25px 15px; }
div.footer_popup div.pop_con { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; padding: 25px 20px; }
div.footer_popup div p.pop_text { line-height: 1.3em; }

.pop_top_list { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; padding: 25px 20px; }
.pop_text_18 { line-height: 1.8em; }
.top_15_m { margin-top: 15px; }
.pop_text { line-height: 1.3em; }
.pop_list_ul { float: left; padding-right: 20px; }
.pop_con h2 { padding: 25px 0 15px;  padding: 15px 0; font-size: 12px; font-weight: bold;}
.pop_con h3 { padding: 15px 0; color: #999999; font-size: 12px; font-weight: bold; }
.pop_list ol { float: left; padding-right: 20px; }
.pop_list { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; height: 155px; padding: 25px 20px; }
.pop_con h2 a.go_top { margin-left: 10px; }
.top_25 { padding-top: 25px; }
.pop_text_16 { line-height: 1.6em; }

/* Sub Page Left Meun */
#left_menu	{ float: left; width: 198px; position: relative; padding: 29px 0px 0px 20px;}
#left_menu #left_wrap { padding-top: 23px; }
#left_menu ul { list-style-type: none; }
#left_menu ul a { display: block; overflow: hidden; text-indent: -9999px; }

#left_menu ul#step1 { margin-bottom:20px;}
#left_menu ul#step1 a { width:198px; height: 39px; }
#left_menu ul#step1 ul#step2 { border-bottom: 1px solid #b3d4a9; padding: 6px 0 8px 10px; width: 148px; }
#left_menu ul#step1 ul#step2 a { height: 19px; }

#left_menu ul#step1.mypage a { background-image: url('/image/left_menu/mypage_menu_1st.png'); }
/*#left_menu ul#step1.mypage ul#step2 a { background-image: url('/image/left_menu/mypage_menu_2nd.gif'); width:115px; }*/
#left_menu ul#step1.side a { background-image: url('/image/left_menu/side_menu_1st.png'); }
#left_menu ul#step1.introduction a { background-image: url('/image/left_menu/introduction_menu_1st.png'); }
/*#left_menu ul#step1.introduction ul#step2 a { background-image: url('/image/left_menu/introduction_menu_2nd.gif'); width: 148px;}*/
#left_menu ul#step1.purchase a { background-image: url('/image/left_menu/purchase_menu_1st.png'); }
#left_menu ul#step1.support a { background-image: url('/image/left_menu/support_menu_1st.png'); }
#left_menu ul#step1.news a { background-image: url('/image/left_menu/news_menu_1st.png'); }
/*#left_menu ul#step1.news ul#step2 a { background-image: url('/image/left_menu/news_menu_2nd.gif'); width:100px; }*/

#left_menu ul#quick { width: 122px; background: url('/image/left_menu/link_favorite_onoff_bg.gif') no-repeat;  padding:120px 18px 0 18px; }
#left_menu ul#quick a { width: 122px; height: 22px; background-image: url('/image/left_menu/link_favorite_onoff_sub.gif'); }

#left_menu ul#quick a#register { background-position: 0 0; }
#left_menu ul#quick a#register:hover { background-position: -122px 0; }
#left_menu ul#quick a#purchase { background-position: 0 -22px; }
#left_menu ul#quick a#purchase:hover { background-position: -122px -22px; }
#left_menu ul#quick a#install { background-position: 0 -44px; }
#left_menu ul#quick a#install:hover { background-position: -122px -44px; }
#left_menu ul#quick a#init_pw { background-position: 0 -66px; }
#left_menu ul#quick a#init_pw:hover { background-position: -122px -66px; }
#left_menu ul#quick a#help { background-position: 0 -88px; }
#left_menu ul#quick a#help:hover { background-position: -122px -88px; }


#left_menu div#call { margin-top: 30px; }

#left_menu #top_anchor { position: absolute; top:0; left: 990px; width: 130px; }
#left_menu #top_anchor div#top_btn_area { width: 22px; height: 60px;  background: url('/image/comm/img_top.gif') no-repeat; padding-top:32px; }
#left_menu #top_anchor div#top_btn_area a { display: block; width: 22px; height:28px; overflow: hidden; cursor: pointer; text-indent: -9999px; }

/* Sub Page Contents */
#contents	{ margin-left: 247px; padding: 38px 15px 80px 0;}

#contents div.title { text-align: right; background-repeat: no-repeat; margin: 8px 5px 14px 0; padding-top: 9px; font-size: 11px; line-height: 14px; height:14px; }
#contents #content_wrap { padding: 20px 0 40px 15px; border-top: 3px solid #777777; }

/* 버튼 */
.prev_btn { background-image: url('/image/comm/arrow_left.gif') !important; }
.next_btn { background-image: url('/image/comm/arrow_right.gif') !important; }
.search_btn { background-image: url('/image/comm/zoom.gif') !important; }
.delete_btn { background-image: url('/image/comm/delete.gif') !important; }

/* Grid List */
.grid_list .x-grid3-header { background: #F7F8F6 none;  border-top:2px solid #97CA9E; border-bottom:1px solid #D8DBDE; }
.grid_list td.x-grid3-hd { border:none; text-align: center; font-weight: bold; }
.grid_list td.x-grid3-hd-over .x-grid3-hd-inner ,
.grid_list td.sort-desc .x-grid3-hd-inner,
.grid_list td.sort-asc .x-grid3-hd-inner { background: none; }

.grid_list .x-grid3-row { border:none; border-bottom:1px solid #D8DBDE; }
.grid_list .x-grid3-row-over { background: #EEEEEE none; }
.grid_list .x-grid3-row td { line-height: 17px; }
.grid_list .x-grid3-body .x-grid3-td-numberer { background: none; }
.grid_list .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { text-align: center; color:#737373; }