/* ------------------------------------------------------------------- =MAIN LAYOUT ------------------------------------------------------------------- */ @charset "utf-8" form {padding:0; margin:0;} img {vertical-align:middle;} #wrapper { width:100%; } #header { width:100%; height:130px; background: url(../../images/renew/main/gnb_bg.gif) 0 10px repeat-x; } #header_area { width:980px; margin:0 auto; } #container:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } #container { width:100%; display:inline-block; display:block; } #content_top { width:980px; height:330px; margin:0 auto; } #top_column_left { float:left; width:240px; } #top_column_right{ float:right; width:720px; height:322px; margin-top:7px; text-indent:-9999px; background: url(../../images/renew/main/visual.jpg) no-repeat; } #content_icon { width:100%; height:110px; background-color:#37a08e; } #content_news { position:relative; width:980px; height:130px; margin:30px auto 0 auto; } #bottom_newsL { position:relative; float:left; width:240px; } #bottom_newsR { position:relative; float:right; width:720px; display:inline; } #content_guid { position:relative; width:980px; height:270px; margin:30px auto; } #bottom_guidL { float:left; width:240px; height:270px; } #bottom_guidR { float:right; width:720px; height:270px; margin-right:-12px; } #footer { width:100%; height:170px; position:relative; overflow:hidden; } /* ------------------------------------------------------------------- = common ���� ------------------------------------------------------------------- */ .imgno {background:none !important;} .mt7 {margin-top:7px;} .mt3 {margin-top:3px;} .mt_15 {margin-top:-15px;} .mb4 {margin-bottom:4px;} .ml8 {margin-left:8px;} .pl5 {padding-left:5px;} .pt30 {padding-top:30px;} /* ------------------------------------------------------------------- = MAIN CONTENTS : HEADER ------------------------------------------------------------------- */ /* skip navi */ .skipcontents { position:relative; top:15px; display:block; width:90px;} .skipcontents a { display:block; height:18px; text-indent:-5000px; overflow:hidden; background: url(../../images/renew/main/btn_skip_contents.gif) no-repeat} /* logo */ h1 {width:240px; height:75px; position:relative; text-align:right; top:15px;} .sublogo {width:170px; height:75px; position:relative; text-align:right; top:35px;} /* sidemenu */ .sidemenu {width:570PX; height:25px; right:0; float:right; position:relative; top:-60px; padding:0!important;} .sidebtn {height:12px; width:300px; margin-top:-1px; margin-left:-1px;} .sidebtn dd {background: url(../../images/renew/main/btn_center_line_gray.gif) 0 12px no-repeat; display:inline; padding:5px 0 0 8px; margin:0;} .sidebtn dd:first-child {background:none;} .sidebtn dd a {background: url(../../images/renew/main/gnb_sidemenu.gif) no-repeat; display:inline-block; height:12px; line-height:1;} .sidebtn dd a span {text-indent: -9999px; font-size:0; display:block; margin-top:9px;} .btn1 a {width:30px;} .btn2 a {width:27px; background-position: left -12px !important;} .btn3 a {width:35px; background-position: left -36px !important;} .btn4 a {width:35px; background-position: left -48px !important;} .btn5 a {width:42px; background-position: left -60px !important;} .btn6 a {width:39px; background-position: left -72px !important;} .btn7 a {width:35px; background-position: left -24px !important;} /*�α׾ƿ�*/ /* search */ .sidesearch {position:relative; float:right; padding:0!important; margin:-20px -5px 0 0;} .sidesearch select {border:1px solid #d5d5d5; color:#8e8e8e; font-size:11px; font-family:"��������", Malgun Gothic, "����", Dotum, "����", Gulim, NanumGothic, Sans-serif; height:21px; padding:1px 3px 1px 3px;} .sidesearch .search_inp {border-top:1px solid #b6b8bc; border-right:1px solid #e0e5ea; border-bottom:1px solid #e0e5ea; border-left:1px solid #e0e5ea; height:16px; padding:0; margin-left:5px; margin-top:1px; width:120px; padding-left:5px; padding-top:3px;} .searchbg {background: url(../../images/renew/main/txt_search.gif) 5px no-repeat;} /* 1depth menu */ #gnb { clear: both; float:right; top:-50px; height: 5px; position: relative; width: 690px; } #gnb li { float:left; } #gnb a { background: url(../../images/renew/main/gnb_menu.gif) no-repeat; display: block; font-size: 0; text-indent: -2000px; } .mNavi01 a {width:93px; background-position: left 0 !important; height:50px; line-height:50px; margin-right:65px;} .mNavi01 a:hover {background-position: left -50px !important;} .mNavi02 a {width:55px; background-position: left -100px !important; height:50px; line-height:50px; margin-right:65px; margin-top:18px;} .mNavi02 a:hover {background-position: left -150px !important;} .mNavi03 a {width:82px; background-position: left -200px !important; height:50px; line-height:50px; margin-right:65px; margin-top:18px;} .mNavi03 a:hover {background-position: left -250px !important;} .mNavi04 a {width:96px; background-position: left -300px !important; height:50px; line-height:50px; margin-right:65px; margin-top:18px;} .mNavi04 a:hover {background-position: left -350px !important;} .mNavi05 a {width:100px; background-position: left -400px !important; height:50px; line-height:50px; margin-top:18px;} .mNavi05 a:hover {background-position: left -450px !important;} /* 2depth menu */ #gnb .mNavi01 .mNavi_Box, #gnb .mNavi02 .mNavi_Box, #gnb .mNavi03 .mNavi_Box, #gnb .mNavi04 .mNavi_Box, #gnb .mNavi05 .mNavi_Box{ position:absolute; clear:both; display: block; padding:30px 15px; background: url(../../images/renew/main/bg_sMenu.png) no-repeat; height:200px; z-index:1; } #gnb .mNavi01 .mNavi_Box a, #gnb .mNavi02 .mNavi_Box a, #gnb .mNavi03 .mNavi_Box a, #gnb .mNavi04 .mNavi_Box a, #gnb .mNavi05 .mNavi_Box a{ margin:0; display:block; height:22px; line-height:21px; font-size:13px; letter-spacing:-1px; text-indent: 0 !important; background:none !important; color:#6a6a6a; } #gnb .mNavi01 .mNavi_Box a:hover, #gnb .mNavi02 .mNavi_Box a:hover, #gnb .mNavi03 .mNavi_Box a:hover, #gnb .mNavi04 .mNavi_Box a:hover, #gnb .mNavi05 .mNavi_Box a:hover{ color:#0066b3; font-weight:bold; display: block; } #gnb .mNavi01 .mNavi_Box, #gnb .mNavi01 .mNavi_Box a {width:140px;} #gnb .mNavi02 .mNavi_Box, #gnb .mNavi02 .mNavi_Box a {width:140px;} #gnb .mNavi03 .mNavi_Box, #gnb .mNavi03 .mNavi_Box a {width:140px;} #gnb .mNavi04 .mNavi_Box, #gnb .mNavi04 .mNavi_Box a {width:140px;} #gnb .mNavi05 .mNavi_Box, #gnb .mNavi05 .mNavi_Box a {width:140px;} .Box1 {margin-left:-32px; margin-top:-14px;} .Box2 {margin-left:-52px; margin-top:-32px; background-position:-200px 0 !important;} .Box3 {margin-left:-38px; margin-top:-32px; background-position:-400px 0 !important;} .Box4 {margin-left:-31px; margin-top:-32px; background-position:-600px 0 !important;} .Box5 {margin-left:-31px; margin-top:-32px; background-position:-800px 0 !important;} /* ------------------------------------------------------------------- = MAIN CONTENTS : CONTAINER : CONTENT_TOP ------------------------------------------------------------------- */ .loginwrap, .logoutwrap {float: left; position:relative; width:100%; margin-top:10px;} .loginwrap dl {width:175px;} .loginbox {border:1px solid #dadada; width:160px; height:16px;} .idbg {background: url(../../images/renew/main/txt_id.gif) 5px no-repeat;} .pwbg {background: url(../../images/renew/main/txt_pw.gif) 5px no-repeat;} .idGraybg {background: url(../../images/renew/main/txt_id.png) 5px no-repeat;} .pwGraybg {background: url(../../images/renew/main/txt_pw.png) 5px no-repeat;} .nmGraybg {background: url(../../images/renew/main/txt_nm.png) 5px no-repeat;} .loginwrap p {float:right; top:3px; right:0; position:absolute;} .logoutwrap dl {} .logoutwrap dd {background: url(../../images/renew/main/bg_logout.gif) 12px 8px no-repeat; border:1px solid #dadada; padding:19px 0 0 50px; height:38px; margin-top:3px;} .logoutwrap dd span {color:#2a8ed0;} .member {font-size:12px; height:20px; line-height:20px; padding-bottom:10px;} .member a{color:#888;} .member a:hover {color:#888; text-decoration:underline;} .member span {background: url(../../images/renew/main/btn_center_line_gray.gif) left 5px no-repeat; padding:0 8px 0 10px;} .member span:first-child {background:none;} .pt25 {padding-top:25px;} .btnLogin {margin-bottom:5px; display:inline-block; overflow:hidden; width:100%;} .LoginL {float:left;} .LoginR {float:right;} .btnNpki { display:inline-block; overflow:hidden; width:100%;} .btnNpki span {background: url(../../images/renew/main/btn_center_line_gray.gif) left 9px no-repeat; padding:2px;} .btnNpki span:first-child {background:none;} .btnNpkiL {float:left;} .btnNpkiR {float:right;} .siteGuid {position:relative; background: url(../../images/renew/main/btn_left_bg.gif) no-repeat; width:240px; display:inline-block; margin-top:10px;} .siteGuid li {padding:5px 0 8px 0;} /* ------------------------------------------------------------------- = MAIN CONTENTS : CONTAINER : CONTENT_ICON ------------------------------------------------------------------- */ .iconWrap {position:relative; margin:15px auto; width:980px; height:110px; line-height:110px;} .iconWrap h3 {background: url(../../images/renew/main/title_service.gif) no-repeat; width:80px; height:15px; float:left;} .iconWrap ul {height:110px; display:inline;} .iconLine {background: url(../../images/renew/main/icon_line.gif) -19px 0 no-repeat; width:20px;} .iconWrap li a {float:left; background: url(../../images/renew/main/icon.gif) no-repeat; width:75px; height:53px; text-align:center; margin:12px 0 0 0;} .iconWrap li a span {color: #fff; width: 75px; padding-top: 56px; display: inline-block;} .iconWrap li a:hover span {text-decoration:underline;} .icon01 {background-position:;} .icon01 a:hover {background-position:0 -53px;} .iconWrap .icon02 a {background-position:-75px 0;} .icon02 a:hover {background-position:-75px -53px;} .iconWrap .icon03 a {background-position: -150px 0;} .icon03 a:hover {background-position: -150px -53px;} .iconWrap .icon04 a {background-position: -225px 0;} .icon04 a:hover {background-position: -225px -53px;} .iconWrap .icon05 a {background-position: -300px 0;} .icon05 a:hover {background-position: -300px -53px;} .iconWrap .icon06 a {background-position: -375px 0;} .icon06 a:hover {background-position: -375px -53px;} .iconWrap .icon07 a {background-position: -450px 0;} .icon07 a:hover {background-position: -450px -53px;} .iconWrap .icon08 a {background-position: -525px 0;} .icon08 a:hover {background-position: -525px -53px;} .iconWrap .icon09 a {background-position: -600px 0;} .icon09 a:hover {background-position: -600px -53px;} .iconWrap .icon10 a {background-position: -675px 0;} .icon10 a:hover {background-position: -675px -53px;} .iconWrap .icon11 a {background-position: -750px 0;} .icon11 a:hover {background-position: -750px -53px;} .iconWrap .icon12 a {background-position: -825px 0;} .icon12 a:hover {background-position: -825px -53px;} .iconWrap .icon13 a {background-position: -900px 0;} .icon13 a:hover {background-position: -900px -53px;} .iconWrap .icon14 a {background-position: -975px 0;} .icon14 a:hover {background-position: -975px -53px;} .iconWrap .icon15 a {background-position: -1050px 0;} .icon15 a:hover {background-position: -1050px -53px;} .iconWrap .icon16 a {background-position: -1125px 0;} .icon16 a:hover {background-position: -1125px -53px;} .iconWrap .icon17 a {background-position: -1200px 0;} .icon17 a:hover {background-position: -1200px -53px;} .iconWrap .icon18 a {background-position: -1275px 0;} .icon18 a:hover {background-position: -1275px -53px;} .prev_btn {background: url(../../images/renew/main/btn_icon_left.gif) no-repeat; width:15px; height:29px; float:left; margin:40px 0 0 -15px;} .next_btn {background: url(../../images/renew/main/btn_icon_right.gif) no-repeat; width:15px; height:29px; float:right; margin:40px -15px 0 0;} /* ------------------------------------------------------------------- = MAIN CONTENTS : CONTAINER : CONTENT_BOTTOM ------------------------------------------------------------------- */ /* �˾��� */ #bottom_newsL h3, #bottom_newsR h3 {background: url(../../images/renew/main/title_main.gif) no-repeat; width:121px; height:16px; text-indent:-9999px;} #bottom_newsL dl dt {position:absolute; height:11px; width:12px; clear:both;} #bottom_newsL dl dt a {position:absolute; background: url(../../images/renew/main/btn_banner.gif) 0 -22px no-repeat; width:12px; height:11px; text-indent:-9999px;} .BtnOver {position:absolute; background: url(../../images/renew/main/btn_banner.gif) 0 -33px no-repeat; width:12px; height:11px; text-indent:-9999px;} #bottom_newsL dl dd {position:relative; width:240px; height:100px;} #bottom_newsL dl dd a {position:absolute; background: url(../../images/renew/main/btn_banner_img.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} #bottom_newsL dl dd .popBanner01 {background-position:;} /*�űԼ��񽺾ȳ�*/ #bottom_newsL dl dd .popBanner02 {background-position:0 -100px;} /*Ȩ������ �����ȳ�*/ #bottom_newsL dl dd .popBanner03 {background-position:0 -200px;} /*������ �±ر�ޱ�*/ #bottom_newsL dl dd .popBanner04 {background-position:0 -300px;} /*�̿��� ������ ����*/ #bottom_newsL dl dd .popBanner05 {background-position:0 -400px;} /*KICS �ý��� ����*/ #bottom_newsL dl dd .popBanner06 {background-position:0 -500px;} /*���� �ý��� ����*/ #bottom_newsL dl dd .popBanner07 {background-position:0 -600px;} /*�ο�24 �ý��� ����*/ #bottom_newsL dl dd .popBanner08 {background-position:0 -700px;} /*���������� ī��*/ #bottom_newsL dl dd .popBanner09 {background-position:0 -800px;} /*���������� ȫ��������*/ #bottom_newsL dl dd .popBanner10 {background-position:0 -900px;} /*�����������������������*/ #bottom_newsL dl dd #popBanner11 {position:absolute; background: url(../../images/renew/main/police_mail.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ���ڹ���(#����) */ #bottom_newsL dl dd #popBanner12 {position:absolute; background: url(../../images/renew/main/cvap24.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* �ο�24 �������� */ #bottom_newsL dl dd #popBanner13 {position:absolute; background: url(../../images/renew/main/plcBanner.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� �ý��� ���� */ #bottom_newsL dl dd #popBanner14 {position:absolute; background: url(../../images/renew/main/theMemorialDay.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* 2014������ */ #bottom_newsL dl dd #popBanner15 {position:absolute; background: url(../../images/renew/main/curtNtc.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� �ý��� ���� */ #bottom_newsL dl dd #popBanner16 {position:absolute; background: url(../../images/renew/main/elcGov.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���������� ��� */ #bottom_newsL dl dd #popBanner17 {position:absolute; background: url(../../images/renew/main/jindo.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ������ */ #bottom_newsL dl dd #popBanner18 {position:absolute; background: url(../../images/renew/main/caution.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���̽� �ǽ� �� ���Ǿȳ� */ #bottom_newsL dl dd #popBanner19 {position:absolute; background: url(../../images/renew/main/sysChkNtc.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ���� �˸� */ #bottom_newsL dl dd #popBanner20 {position:absolute; background: url(../../images/renew/main/prtlEtcNtc.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ��Ÿ �˸� */ #bottom_newsL dl dd #popBanner21 {position:absolute; background: url(../../images/renew/main/prtlEtcNtc1.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ��Ÿ �˸�1 */ #bottom_newsL dl dd #popBanner22 {position:absolute; background: url(../../images/renew/main/prtlEtcNtc2.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ��Ÿ �˸�2 */ #bottom_newsL dl dd #popBanner23 {position:absolute; background: url(../../images/renew/main/prtlEtcNtc3.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ��Ÿ �˸�3 */ #bottom_newsL dl dd #popBanner24 {position:absolute; background: url(../../images/renew/main/prtlEtcNtc4.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ���� ��Ÿ �˸�4 */ #bottom_newsL dl dd #popBanner25 {position:absolute; background: url(../../images/renew/main/gov24Banner.jpg) no-repeat; margin-top:10px; width:240px; height:100px; line-height:100px; text-indent:-9999px;} /* ����24 ��� */ #bottom_newsL p {height:11px; line-height:11px; margin:-14px 0 0 82px;} #bottom_newsL p a {position:absolute; background: url(../../images/renew/main/btn_banner.gif) no-repeat; width:12px; text-indent:-9999px;} #bottom_newsL p .play {background-position:; margin-left:-40px;} #bottom_newsL p .stop {background-position: 0 -11px; margin-left:-24px;} /* ��������_���ֹ����ô� ���� */ .date {font-size:11px; color:#555555; float:right; margin:-22px -10px 0 0;} .group_kics {width:40px; float:left; background: url(../../images/renew/main/bg_group_kics.gif) 3px 5px no-repeat; color:#fff; font-size:11px; height:20px; padding-left:8px; line-height:24px; } .group_police {width:40px; float:left; background: url(../../images/renew/main/bg_group_police.gif) 3px 5px no-repeat; color:#fff; font-size:11px; height:20px; padding-left:8px; line-height:22px; letter-spacing:-1px;} .group_pro {width:40px; float:left; background: url(../../images/renew/main/bg_group_pro.gif) 3px 5px no-repeat; color:#fff; font-size:11px;height:20px; padding-left:8px; line-height:22px; letter-spacing:-1px;} .group_scourt {width:40px; float:left; background: url(../../images/renew/main/bg_group_scourt.gif) 3px 5px no-repeat; color:#fff; font-size:11px; height:20px; padding-left:8px; line-height:22px; letter-spacing:-1px;} .group_moj {width:40px; float:left; background: url(../../images/renew/main/bg_group_moj.gif) 3px 5px no-repeat; color:#fff; font-size:11px; margin:0 3px 0 0; height:20px; padding-left:4px; line-height:22px; letter-spacing:-1px;} /* :root .group_kics {height:50px\9;} :root .group_police {line-height:22px\9;} :root .group_pro {line-height:22px\9;} :root .group_scourt {line-height:22px\9;} :root .group_moj {line-height:22px\9;} */ .newsBoard {margin-left:10px; float:left; display:block; height:130px; width:340px; background: url(../../images/renew/main/img_board1.gif) 0 30px no-repeat;} .newsBoard ul, .newsFaq ul {width:250px; margin-left:80px; display:inline-block; padding:12px 0 0 0;} .newsBoard ul li {line-height:22px;} .newsBoard ul li img {position:absolute; margin:-14px 0 0 210px;} .newsBoard ul li a {color: #555555; display: block; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; width:160px; margin-right:12px;} .newsFaq ul li a {color: #555555; display: block; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; width:235px; margin-right:12px; line-height:22px; padding-left:15px;} .newsBoard ul li a:hover, .newsFaq ul li a:hover {color:#000; text-decoration:underline;} .newsFaq {float:right; height:130px; width:340px; background: url(../../images/renew/main/img_board2.gif) 0 30px no-repeat;} .newsFaq ul li {background: url(../../images/renew/main/bullet.gif) left no-repeat; width:230px;} /* Ȩ�������̿�ȳ� �׷� */ #bottom_newsR .newsBoard h3 {background-position: 0 -16px;} #bottom_newsR .newsFaq h3 {background-position: 0 -32px;} #bottom_newsR .newsBoard p, #bottom_newsR .newsFaq p {float:right; background: url(../../images/renew/main/btn_more.gif) no-repeat; text-indent:-9999px; width:39px; height:13px; position:absolute; margin:-115px 0 0 301px;} #bottom_guidL h3 {text-indent:-9999px; visibility:hidden; font-size:0;} #bottom_guidL ul li a {float:left; background: url(../../images/renew/main/btn_left_site.gif) no-repeat; text-indent:-9999px; height:32px; line-height:32px; width:240px;} #bottom_guidL ul li .kics01 {background-position:; border:1px solid #cfcfcf;} #bottom_guidL ul li .kics02 {background-position: 0 -30px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} #bottom_guidL ul li .kics03 {background-position: 0 -60px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; margin-bottom:75px; display:block;} #bottom_guidL ul li .kics04 {background-position: 0 -90px; border:1px solid #cfcfcf;} #bottom_guidL ul li .kics05 {background-position: 0 -120px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} #bottom_guidL ul li .kics06 {background-position: 0 -150px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} #bottom_guidL ul li .kics07 {background-position: 0 -180px; border:1px solid #cfcfcf;} #bottom_guidL ul li p {position:absolute; width:218px; height:75px; padding:3px 10px 10px 12px; margin-top:99px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;} #bottom_guidL ul li p a {width:107px; height:28px; background: url(../../images/renew/main/btn_left_site_2depth.gif) no-repeat;} #bottom_guidL ul li p .PR01 {background-position:; border-right:1px solid #cac2b9; border-bottom:1px solid #cac2b9;} #bottom_guidL ul li p .PR02 {background-position: 0 -30px; border-bottom:1px solid #cac2b9;} #bottom_guidL ul li p .PR03 {background-position: 0 -60px; border-right:1px solid #cac2b9;} #bottom_guidL ul li p .PR04 {background-position: 0 -90px;} #bottom_guidL ul li a .kicsPR {width:220px; height:60px; border:1px solid #000;} .kicsPR ul {height:30px;} .kicsPR ul li a {background:none !important; } #bottom_guidR h3, #bottom_guidR ul li h4 {text-indent:-9999px; visibility:hidden; font-size:0;} #bottom_guidR ul { width:720px; height:135px;} #bottom_guidR ul li a{float:left; line-height:135px; background: url(../../images/renew/main/img_guid.gif) no-repeat; width:235px; height:135px; text-indent:-9999px; font-size:0; display:block;} .guid01 {background-position:; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf;} .guid02 {background-position: 0 -135px !important; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf;} .guid03 {background-position: 0 -270px !important; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf;} .guid04 {background-position: 0 -405px !important; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} .guid05 {background-position: 0 -540px !important; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} .guid06 {background-position: 0 -675px !important; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;} /* ------------------------------------------------------------------- = MAIN CONTENTS : FOTTER ------------------------------------------------------------------- */ #footer h3{text-indent:-9999px; visibility:hidden; font-size:0;} .gray_call_area {position:relative; width:100%; color:#fff; margin:0 auto; background-color:#929292;} .gray_call_area dl {width:980px; margin:0 auto; height:25px; padding-top:10px;} .guid {position:absolute; margin-top:-6px;} .guid p {display:inline; height:25px; font-size:12px; line-height:25px; padding:0 8px 0 12px; background: url(../../images/renew/main/btn_center_line_white.gif) left 5px no-repeat;} .guid p a{color:#fff;} .guid p a.privateInfo {font-weight:bold; color:#ffffd0;} .guid p a:hover {color:#fff; text-decoration:underline;} .guid p a.privateInfo:hover {font-weight:bold; color:#37a08e; text-decoration:underline;} .call {position:relative; float:right; background: url(../../images/renew/main/txt_call1588.gif) no-repeat; text-indent:-9999px; width:132px; margin-right:80px; height:17px;} .sns {float:right; margin:-3px -210px; 0 0} .sitelink {width:998px; height:60px; margin:0 auto;} .sitelink ul {margin-top:25px;} .sitelink li {display:inline;} .sitelink_L {position:relative; float:left; width:547px;} .sitelink_L li {cursor:pointer; height:18px; line-height:18px; display: inline-block; background: url(../../images/renew/main/btn_footer_site.gif) no-repeat; text-indent:-9999px; padding:0 10px 0 10px;} .sitelink_L .link01 {width:40px;} .sitelink_L .link02 {width:90px; background-position:left -18px;} .sitelink_L .link03 {width:35px; background-position:left -36px;} .sitelink_L .link04 {width:35px; background-position:left -54px;} .sitelink_L .link05 {width:45px; background-position:left -72px;} .sitelink_L span {display:inline-block; margin-right:15px; background: url(../../images/renew/main/title_kics.gif) no-repeat; width:130px; height:18px; text-indent:-9999px;} .sitelink_R {text-align:right; position:relative; float:right; width:451px; margin:-13px; padding:0;} .sitelink_R li {background: url(../../images/renew/main/btn_center_line_gray.gif) left 5px no-repeat; padding:0 8px 0 10px;} .sitelink_R li:first-child {background:none;} .sitelink_R a {color:#a6a6a6;} .sitelink_R a:hover {color:#a6a6a6; text-decoration:underline;} .copyright {height:80px; text-align:center; padding-top:15px; border-top:1px solid #d2d2d2;} .address {font-size:11px; color:#8a8a8a; height:20px;} .copy {font-family:Arial; font-size:9px; color:#a9a9a9;} .nmbox {border:1px solid #707070; width:130px; height:15px;} .nmbg {background: url(../../images/renew/main/txt_nm.gif) 5px no-repeat;} .fgnNmbg {background: url(../../images/renew/main/txt_fgn_nm.gif) 5px no-repeat;} .nmcbg {background: url(../../images/renew/main/txt_nmc.gif) 5px no-repeat;} .fgnNmcbg {background: url(../../images/renew/main/txt_fgn_nmc.gif) 5px no-repeat;}