@charset "euc-kr";
/*common*/
html {height:100%;}
body {height:100%;margin:0;padding:0;font-family:Malgun Gothic,Dotum,돋움,Arial;line-height:23px; letter-spacing:-0.2px;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;}
p, li {
line-height:130%;
text-align: left;
}
img, fieldset {border:0 none;}
table {border-collapse:collapse;}
table td {line-height:130%;}
table caption, legend, hr {display:none;border:0 none;}
a:link {color:#666; text-decoration: none;}
a:visited {color:#666; text-decoration: none;}
a:hover {color:#666; text-decoration: none;}
a:active {color:#666; text-decoration: none;}
ul, ol, li {list-style: none;}
img, input.type-image {border: none;}
caption, hr, figcaption, legend {display: none;}
header, nav, article, footer, address, section, figure {display: block;}
/*end common*/
html{ background-color:#fff;}
/*추가*/
#spreadMenu{ height:210px; width:100%; display:none; position:absolute;top:100px; *left:0; z-index:999; background: url(/images/common/spread_bg.png) repeat-x left top;}
#spreadMenu .spreadContent{ width:990px; height:210px; margin:0 auto; background-color:#08a8dc;}
#spreadMenu .spreadContent .menu1{ display:none; position:relative;}
#spreadMenu .spreadContent .menu2,
#spreadMenu .spreadContent .menu3,
#spreadMenu .spreadContent .menu4{ display:none;}
#spreadMenu .spreadContent .menu1 .mn1{ cursor:pointer; position:absolute; top:90px; left:20px; display:inline-block; width:148px; height:22px; background: url(/images/main/menu_01_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn2{ cursor:pointer; position:absolute; top:120px; left:20px; display:inline-block; width:150px; height:22px; background: url(/images/main/menu_02_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn3{ cursor:pointer; position:absolute; top:150px; left:20px; display:inline-block; width:171px; height:22px; background: url(/images/main/menu_03_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn4{ cursor:pointer; position:absolute; top:90px; left:390px; display:inline-block; width:148px; height:22px; background: url(/images/main/menu_04_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn5{ cursor:pointer; position:absolute; top:115px; left:390px; display:inline-block; width:148px; height:22px; background: url(/images/main/menu_05_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn6{ cursor:pointer; position:absolute; top:140px; left:390px; display:inline-block; width:148px; height:22px; background: url(/images/main/menu_06_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn7{ cursor:pointer; position:absolute; top:165px; left:390px; display:inline-block; width:149px; height:22px; background: url(/images/main/menu_07_00.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn1:hover{background: url(/images/main/menu_01_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn2:hover{background: url(/images/main/menu_02_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn3:hover{background: url(/images/main/menu_03_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn4:hover{background: url(/images/main/menu_04_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn5:hover{background: url(/images/main/menu_05_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn6:hover{background: url(/images/main/menu_06_01.png) no-repeat;}
#spreadMenu .spreadContent .menu1 .mn7:hover{background: url(/images/main/menu_07_01.png) no-repeat;}
#wrapper {
overflow:hidden;
width:100%;
margin:0 auto;
}
/*
#headerWrap{ background:url(/images/common/bg_sub_top.png) repeat-x left top; width:100%; height:138px; }
#header{ overflow:hidden;width:990px;height:90px; margin:0 auto; position:relative;}
#header p {text-align:right; height:35px; line-height:23px; background-color:#f3f3f3;}
#header p img{ vertical-align:middle;}
#header p a,#header span{ color:#aeaeae; font-size:10px; display:inline-block; vertical-align:middle; margin:0 2px 0 2px;}
#header p a img{ display:inline-block; vertical-align:middle;}
#header h1 { position:absolute; top:40px;}
*/
/*추가*/
#headerWrap{ font-family:Malgun Gothic,Dotum,돋움,Arial; background:url(/images/common/bg_sub_top.png) repeat-x left top; width:100%; height:150px; }
#header{ width:990px;height:98px; margin:0 auto; position:relative;}
#header .siteGw {width:990px; height:35px; line-height:28px; }
#header .siteGw .tab{ float:left;}
#header .siteGw .logIn{ float:right; text-align:right;}
#header .siteGw a,#header span{ color:#aeaeae; font-size:10px; display:inline-block; vertical-align:middle; margin:0 0 0 0;}
#header .siteGw ul{ }
#header .siteGw ul li{float:left; height:35px; border-style: solid; border-width:0 1px 1px 0; border-color: #e4e4e4;}
#header .siteGw ul .gw1{ width:164px;}
#header .siteGw ul .gw2{ width:164px;}
#header .siteGw ul .gw3{ width:155px;}
#header .siteGw ul .gw4{ width:155px;}
#header .siteGw ul .gw5{ width:106px;}
#header .siteGw .gw{ display:inline-block; text-align:right; height:35px; line-height:35px;}
#header h1 { position:absolute; top:50px;}
#container {clear:both; overflow:hidden; width:990px; position:relative; margin: 2px 0 0 0; margin:0 auto;}
#container .sideMenu{ float:left; width:210px; }
#container .contents{ float:right; width:780px;}
#container .contents .borderLine{ border-top:1px solid #66ccff;}
#container .contents .borderLine1{ border-top:2px solid #66ccff;}
#container .contents .comment1{ color:#999999; display:inline-block; padding:7px 10px 0 0;}
#container .contents .comment2{ color:#0099ff; display:inline-block; padding:7px 0 0 10px;}
#container .contents .comment3{ font-family:Malgun Gothic; color:#6d8053; font-size:13px; display:inline-block; }
#container .contents .comment4{ color:#669933; font-size:13px; }
#container .contents .comment5{ color:#0099ff; font-weight:bold;}
#container .contents .comment6{ color:#FF3300; font-weight:bold;}
#container .contents .title1{font-size:18px;color:#0099cc;font-family:Malgun Gothic;font-weight:600;margin:0 0 13px 0;background:url("/images/common/mark.png") no-repeat 0 4px ;padding-left:10px;letter-spacing:-0.5px;}
#container .contents .title2{ font-size:18px; color:#2187ba; font-family:Malgun Gothic;}
#container .contents .title3{font-size:13px;color:#0099cc;font-family:Malgun Gothic;margin:0 0 13px 0;padding-left:10px;letter-spacing:-0.5px;}
#container .contents .stitle0{ font-size:15px; color:#ff6633; font-family:Malgun Gothic,NanumGothicBold;font-weight:700;margin:0 0 5px 0;}
#container .contents .stitle1{ font-size:15px; color:#ff6633; font-family:Malgun Gothic,NanumGothicBold;font-weight:700;margin:0 0 5px 10px;}
#container .contents .stitle2{font-size:15px;color:#ff6600;font-family:Malgun Gothic;font-weight:600;margin:0 0 20px 0;letter-spacing:-1px;}
#container .contents .stitle3{font-size:16px;color:#ff6600;font-family:Malgun Gothic;font-weight:600;margin:0 0 10px 0;background:url("/images/common/circle2.png") no-repeat 3px 6px ;padding-left:15px;letter-spacing: -0.2px;}
#container .contents .text1{font-size:14px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 10px 0 0;line-height: 22px;letter-spacing: -0.5px;}
#container .contents .text2{font-size:14px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 5px 0 10px;line-height: 22px;background:url("/images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.3px;}
#container .contents .text3{font-size:14px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 5px 5px 0;line-height: 22px;background:url("/images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.3px;}
#container .contents .text4{font-size:14px;color:#666;font-family:Malgun Gothic;margin:0 60px 5px 20px;line-height: 22px;}
#container .contents .text5{font-size:12px;color:#ff9900;font-family:Malgun Gothic;margin:0 60px 0 25px;line-height: 24px;}
#container .contents .text6{font-size:12px;color:#ff9900;font-family:Malgun Gothic;margin:0 60px 0 0;line-height: 22px;}
#container .contents .text7{font-size:14px;color: #cc6600;font-family:Malgun Gothic,NanumGothic;margin:0 5px 0 10px;line-height: 22px;background:url("/images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.3px;}
#container .contents .text7_1{font-size:14px;color: #666;font-family:Malgun Gothic,NanumGothic;margin:0 5px 0 10px;line-height: 22px;background:url("/images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.3px;}
#container .contents .textColor1{ color:#33ccff; }
#container .contents .textColor2{ color:#005983; }
#container .contents .btnArea{text-align:center;}
#container .contents .empty10 {height:10px;}
#container .contents .empty20 {height:20px;}
#container .contents .empty30 {height:30px;}
#container .contents .empty40 {height:40px;}
#container .contents .empty50 {height:50px;}
#container .contents .empty90 {height:90px;}
#container .contents .empty500 {height:500px;}
#container .contents .empty700 {height:700px;}
/*추가*/
#header .gnb { width:1100px; height:65px; position:relative; }
.gnb ul{ font-size:15px; height:62px; width:1100px;}
.gnb li { float:left; display:inline-block; height:62px;}
.gnb li img{ padding:10px 0 0 0; cursor:pointer;}
.gnb .blankLi{ cursor:default; width:405px;}
/*사이드메뉴 공통*/
#container .sideMenu div ul li{ font-family:Malgun Gothic;font-weight:600; font-size:15px; color:#999999; height:30px; padding:0 0 0 10px; }
#container .sideMenu div .blankLi{ height:109px; }
#container .sideMenu div ul li a{ display:inline-block; height:25px; width:178px; line-height:25px; }
#container .sideMenu div ul li span{ margin:0 0 0 25px;}
/*서비스 신청 side*/
#container .sideMenu .signupServieSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(/images/request/singup_side_bg.png) no-repeat;}
/*제품안내*/
#container .sideMenu .productSide{ width:195px; height:390px; margin:45px 0 0 15px;}
#container .sideMenu .productSide .productSideInner{ margin-top:-5px; width:193px; border:1px solid #66ccff; border-top:none; background-color:#f4fcfd;}
#container .sideMenu .productSide .productSideInner ul{ height:290px;}
#container .sideMenu .productSide .productSideInner ul li a{ border-bottom:1px solid #ccddc3;}
#container .sideMenu .productSide .productSideInner ul .s1_sub,
#container .sideMenu .productSide .productSideInner ul .s2_sub,
#container .sideMenu .productSide .productSideInner ul .s3_sub,
#container .sideMenu .productSide .productSideInner ul .s4_sub{ color:#999999; padding:0 0 0 15px; height:18px; cursor:pointer; font-size:12px; display:none;}
#container .sideMenu .productSide .productSideInner ul .s1_sub:hover,
#container .sideMenu .productSide .productSideInner ul .s2_sub:hover,
#container .sideMenu .productSide .productSideInner ul .s3_sub:hover,
#container .sideMenu .productSide .productSideInner ul .s4_sub:hover{ background:url(/images/product/navi_arrow.png) no-repeat 18% 28%; color:#13b0e3;}
#container .sideMenu .productSide .serviceSideInner ul .blink:hover{background-image:none;}
/*매출관리서비스*/
#container .sideMenu .revenueSide{ width:195px; height:390px; margin:45px 0 0 15px;}
#container .sideMenu .revenueSide .revenueSideInner{ margin-top:-5px; width:193px; border:1px solid #66ccff; border-top:none; background-color:#f4fcfd;}
#container .sideMenu .revenueSide .revenueSideInner ul{ height:320px;}
#container .sideMenu .revenueSide .revenueSideInner ul li a{ border-bottom:1px solid #ccddc3; }
#container .sideMenu .revenueSide .revenueSideInner ul .s1_sub,
#container .sideMenu .revenueSide .revenueSideInner ul .s2_sub,
#container .sideMenu .revenueSide .revenueSideInner ul .s3_sub,
#container .sideMenu .revenueSide .revenueSideInner ul .s4_sub,
#container .sideMenu .revenueSide .revenueSideInner ul .s5_sub{ color:#999999; padding:0 0 0 5px; height:18px; cursor:pointer; font-size:12px; display:none;}
#container .sideMenu .revenueSide .revenueSideInner ul .s1_sub:hover,
#container .sideMenu .revenueSide .revenueSideInner ul .s2_sub:hover,
#container .sideMenu .revenueSide .revenueSideInner ul .s3_sub:hover,
#container .sideMenu .revenueSide .revenueSideInner ul .s4_sub:hover,
#container .sideMenu .revenueSide .revenueSideInner ul .s5_sub:hover{ background:url(/images/product/navi_arrow.png) no-repeat 10% 35%; color:#13b0e3;}
#container .sideMenu .revenueSide .revenueSideInner ul .blink:hover{background-image:none;}
/*고객센터 side*/
#container .sideMenu .customerSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(/images/customer/customer_side_bg.png) no-repeat;}
/*서비스지원*/
#container .sideMenu .supportSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(/images/support/support_side_bg.png) no-repeat;}
/*서비스안내 side*/
#container .sideMenu .ServiceSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(/images/service/service_side_bg.png) no-repeat;}
#container .sideMenu .ServiceSide ul li .s7{color:#16b1e3 !important;}
/*부가 서비스안내 side*/
#container .sideMenu .addedSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(/images/addedService/addedservice_side_bg.png) no-repeat;}
#container .sideMenu .aadedSide ul li .s7{color:#16b1e3 !important;}
#container .contents .contentsLocation{ text-align:right; margin:15px 0 20 0;}
#container .contents .contentsLocation .locate1{ font-family:Malgun Gothic,Dotum;font-size:12px; color:#999999;}
#container .contents .contentsLocation .locate2{ font-family:Malgun Gothic,Dotum;font-size:12px; color:#666666;}
#container .contents .contentsLocation img{ display:inline-block; vertical-align:middle; padding:0 3px 0 3px;}
#quickMenuWrap{ width:1240px; position:relative; margin:0 auto;}
#quickMenu{ width:96px;height:307px; position:absolute; right:0; top:335px; background:url(/images/common/quckmenu_bg.png) no-repeat; z-index:99999;}
#quickMenu img{ cursor:pointer;}
#quickMenu .img1 img{ padding:40px 0 0 10px; border:0;}
#quickMenu .img2 img{ padding:25px 0 0 10px; border:0;}
#quickMenu .img3 img{padding:25px 0 0 15px; border:0;}
#notice{ clear:both; width:990px; height:45px; margin:0 auto; font-family:Malgun Gothic,Dotum !important; }
#notice .noticeIcon{ float:left; height:40px; width:70px; margin:6px 0 0 0; }
#notice .noticeIcon img{ padding:9px 0 0 0; display:inline-block; vertical-align:middle; }
#notice .noticeCotents{ float:right; width:920px; height:40px;}
#notice .noticeCotents ul li { width:820px; height:40px; line-height:45px; *line-height:40px;}
#notice .noticeCotents ul li a:hover{ text-decoration:underline; color:#05A9DE !important;}
#notice .noticeCotents ul li img{ display:inline-block; vertical-align:middle; padding:0 0 5px 0;}
#notice .noticeDate{ font-size:11px !important; color:#8B8B8A; padding:0 5px 0 5px;}
#notice .noticeTitle{ font-size:12px !important; color:#848484;padding:0 5px 0 5px;magin: 6px 0 0 0;}
/* footer 메뉴*/
#footer{ clear:both; width:100%; height:150px; }
#footerContent_1_wrap{ width:100%; height:42px; background-color:#068fbb;}
#footerContent_1{ width:990px; height:42px; background-color:#068fbb; margin:0 auto; }
#footerLnb{ float:left; width:700px; height:38px; }
#footerLnb ul li{ float:left; height:38px; line-height:38px; padding:0 8px 0 8px; margin:0 0 0 5px; font-size:13px; font-family:NanumGothicBold,Dotum,돋움,Arial !important; }
#footerLnb ul li a{ color:#a7e3f7; }
#footerLnb ul li img{ padding:10px 0 0 0;}
#familySite{ float:right; width:300px; height:30px; margin:5px -85px 0 0;}
#family01{ position:relative; width:168px; height: 150px; }
#family01 ul{ position:absolute; top:-100px; *right:45px; width:168px; border:1px solid #A9A9A6; background:#FFFFFF;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#family01 ul{ position:absolute; top:-95px; width:168px; border:1px solid #A9A9A6; background:#FFFFFF;}
}
#family01 ul li{padding:2px 2px 2px 10px; font-family:NanumGothicBold,Dotum,돋움,Arial !important; font-size:12px;}
#footerContent_2_wrap{ width:100%; height:110px; background-color:#05abe1; }
#footerContent_2{ clear:both; width:990px; height:105px; margin:0 auto; }
/*선봉 추가*/
#container.cont_w_1515{width:1515px !important; clear:both; overflow:hidden; width:990px; position:relative; margin: 2px 0 0 0; margin:0 auto;}
#container.cont_w_1515 .con_w_1270 {width:1270px !important;}
#quickMenuWrap2{width:1720px; position:relative; margin:0 auto;}
#quickMenu{ width:96px;height:307px; position:absolute; right:0; top:335px; background:url(/images/common/quckmenu_bg.png) no-repeat; z-index:99999;}
#quickMenu img{ cursor:pointer;}
#quickMenu .img1 img{ padding:40px 0 0 10px; border:0;}
#quickMenu .img2 img{ padding:25px 0 0 10px; border:0;}
#quickMenu .img3 img{padding:25px 0 0 15px; border:0;}