@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%;}
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:#FFFFFF;}
/*추가*/
#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:#84af2c;}
#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; background-color:#FFFFFF;}
/*
#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 2px 0 2px;}
#header .siteGw ul{ }
#header .siteGw ul li{float:left; height:35px; }
#header .siteGw ul .gw1{ width:164px;}
#header .siteGw ul .gw2{ width:165px;}
#header .siteGw ul .gw3{ width:155px;}
#header .siteGw ul .gw4{ width:166px;}
#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; z-index: 9999999;}
#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 input[type=text],
#container .contents input[type=password],
#container .contents select{padding:1px !important; font-size:12px !important; font-family:Malgun Gothic,NanumGothicBold !important; color:#666666 !important;}
#container .contents{ float:right; width:780px;}
#container .contents .borderLine{ border-top:1px solid #85b12f;}
#container .contents .comment1{ font-size:14px;color:#666;font-family:Malgun Gothic,NanumGothic;letter-spacing: -0.2px;}
#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 !important;color:#669933 !important;font-family:Malgun Gothic !important;font-weight:600 !important;margin:0 0 10px 0;background:url("../images/common/mark.png") no-repeat 0 7px !important;padding-left:20px;letter-spacing:-0.5px;}
#container .contents .title2{ font-size:18px; color:#669933; font-family:Malgun Gothic;}
#container .contents .stitle1{ font-size:14px; color:#0066cc; font-family:Malgun Gothic,NanumGothicBold;font-weight:700;margin:0 0 10px 20px;}
#container .contents .text1{font-size:13px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 20px 0 20px;line-height: 22px;letter-spacing: -0.4px;}
#container .contents .text2{font-size:13px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 20px 10px 20px;line-height: 23px;background:url("../images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.4px;}
#container .contents .text3{font-size:13px;color:#666;font-family:Malgun Gothic,NanumGothic;margin:0 20px 5px 20px;line-height: 23px;background:url("../images/common/circle.png") no-repeat 3px 9px ;padding-left:15px;letter-spacing: -0.4px;}
#container .contents .text4{font-size:12px;color:#999;font-family:Malgun Gothic;margin:0 60px 0 20px;line-height: 24px;}
#container .contents .text5{font-size:12px;color:#ff9900;font-family:Malgun Gothic;margin:0 60px 0 25px;line-height: 24px;}
/*추가*/
#header .gnb { width:990px; height:65px; position:relative; }
.gnb ul{ font-size:15px; height:62px; width:990px;}
.gnb li { float:left; display:inline-block; height:62px;}
.gnb li img{ padding:15px 0 0 0; cursor:pointer;}
.gnb .blankLi{ cursor:default; width:435px;}
.gnb .m5 { width:22px; }
.gnb .m5 img{ padding-top:5px; cursor:default;}
/* 상단 글로벌 메뉴*/
/*
#header .gnb { width:990px; height:60px;}
.gnb ul{ font-size:15px; height:60px; margin:0 0 0 412px;}
.gnb li { float:left; display:inline-block; height:60px; line-height:60px; text-align:center; color:#7a7a7a; }
.gnb .m1 { width:110px; }
.gnb .m2 { width:110px; }
.gnb .m3 { width:100px;}
.gnb .m4 { width:100px; }
.gnb .m5 img{ padding-top:7px; }
.gnb .m6 {width:40px;}
.gnb .m6 img{ padding-top:20px; *padding-top:3px;}
.gnb .m7 a{ color:#238bad;}
*/
/*사이드메뉴 공통*/
#container .sideMenu div ul li{ font-family:Malgun Gothic;font-weight:600; font-size:15px; 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; color:#999999; }
#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_bg2.png) no-repeat;}
/*결제내역조회 side*/
#container .sideMenu .paymentSide{ width:195px; height:390px; margin:45px 0 0 15px; background:url(../images/payment/payment_side_bg.png) no-repeat;}
#container .sideMenu .paymentSide ul li .s4{font-size:14px;}
#container .sideMenu .paymentSide ul li .s7{color:#669900 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#container .sideMenu .paymentSide ul li a{ letter-sapcing: -0.4px; }
}
/*고객센터 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;}
/*서비스안내*/
#container .sideMenu .serviceSide{ width:195px; height:390px; margin:45px 0 0 15px;}
#container .sideMenu .serviceSide .serviceSideInner{ margin:0 auto; width:193px; border:1px solid #85b12f; border-top:none; background-color:#f6fcee;}
#container .sideMenu .serviceSide .serviceSideInner ul{ height:290px;}
#container .sideMenu .serviceSide .serviceSideInner ul li a{ border-bottom:1px solid #ccddc3;}
#container .sideMenu .serviceSide .serviceSideInner ul .s1_sub,
#container .sideMenu .serviceSide .serviceSideInner ul .s2_sub,
#container .sideMenu .serviceSide .serviceSideInner ul .s3_sub,
#container .sideMenu .serviceSide .serviceSideInner ul .s4_sub{ color:#999999; padding:0 0 0 15px; height:18px; cursor:pointer; font-size:12px; display:none;}
#container .sideMenu .serviceSide .serviceSideInner ul .s1_sub:hover,
#container .sideMenu .serviceSide .serviceSideInner ul .s2_sub:hover,
#container .sideMenu .serviceSide .serviceSideInner ul .s3_sub:hover,
#container .sideMenu .serviceSide .serviceSideInner ul .s4_sub:hover{ background:url(../images/service/navi_arrow.png) no-repeat 18% 28%; color:#669933;}
#container .sideMenu .serviceSide .serviceSideInner ul .blink:hover{background-image:none;}
#container .contents .contentsLocation{ text-align:right; margin:15px 0 20px 0; }
#container .contents .contentsLocation .locate1{ font-family:Malgun Gothic,Dotum;font-size:12px; color:#333333;letter-spacing: -0.7px;}
#container .contents .contentsLocation .locate2{ font-family:Malgun Gothic,Dotum;font-size:12px; color:#333333;letter-spacing: -0.7px;}
#container .contents .contentsLocation img{ display:inline-block; vertical-align:middle; padding:0 1px 0 1px;}
#quickMenuWrap{ width:1240px; position:relative; margin:0 auto;}
#quickMenu{ width:96px;height:307px; position:absolute; right:0; top:325px; background:url(../images/common/quckmenu_bg.png) no-repeat; z-index:99999;}
#quickMenu img{ cursor:pointer;}
#quickMenu .img1 img{ padding:50px 0 0 15px; border:0;}
#quickMenu .img2 img{ padding:25px 0 0 15px; border:0;}
#quickMenu .img3 img{padding:25px 0 0 15px; border:0;}
#notice{ clear:both; width:990px; height:46px; margin:0 auto; font-family:Dotum,돋움 !important; }
#notice .noticeIcon{ float:left; height:40px; width:70px; }
#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 img{ display:inline-block; vertical-align:middle; }
#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;}
/* footer 메뉴*/
#footer{ position:relative; clear:both; width:100%; height:150px;font-family:NanumGothicBold, Dotum, 돋움, Arial !important;font-size:12px;}
#footerContent_1_wrap{ width:100%; height:42px; background-color:#acacac;}
#footerContent_1{ width:990px; height:42px; background-color:#ACACAC; 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; color:#333333;}
#footerLnb ul li img{ padding:10px 0 0 0;}
#familySite{ float:right; width:300px; height:30px; margin:5px -85px; 0 0;}
#family01{ width:168px; height: 150px; }
#family01 ul{ position:absolute; top:-95px; *right:45px; width:168px; border:1px solid #A9A9A6; background:#FFFFFF;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#family01 ul{ position:absolute; top:-90px; width:168px; border:1px solid #A9A9A6; background:#FFFFFF;}
}
#family01 ul li{padding:2px 0 2px 10px;}
#footerContent_2_wrap{ width:100%; height:110px; background-color:#cccccc; }
#footerContent_2{ clear:both; width:990px; height:105px; margin:0 auto; }