/************************************************** * 제목: 기본 스타일 * 설명: 레이아웃을 포함한 전체적인 기본 스타일 정의 * 작성자: jjaekong@gmail.com * 작성일: 14.03.28 **************************************************/ #skip{position:absolute;left:0;top:0;width:100%;} #skip ul{overflow:hidden;} #skip li{float:left;} #skip li a{display:block; position:absolute; width:1px; height:1px; text-align:center;color:#fff; font-size:0; overflow:hidden;} #skip a:focus, #skip a:active{width:100%; height:auto; font-size:1.2em;line-height:2.5em; font-weight:bold;background-color:#005dac;z-index:9999;} /* 래퍼 */ #wrapper { position: relative; min-width: 972px; width: 100%; } /************************************************** * 헤더 영역 **************************************************/ #header { position: relative; z-index: 20; } #header-inner { margin: 0 auto; width: 972px; height: 115px; } #header-inner .header-top{float: right} /* 로고 타이틀 */ #header-title { float: left; padding-top: 63px; width: 161px; height: 37px; } #header-title h1 { width: 100%; height: 100%; } #header-title a { display: block; width: 100%; height: 100%; } #header-title p { display: none; } /* 유틸 */ .util { float: left; margin-top: 16px; font-size: 11px; } .util h4 { position: absolute; left: -9999em; } .util li { float: left; position: relative; padding: 0 10px 0 10px; background: url(/eng/images/common/bar_util.gif) no-repeat 0 50%; font-size: 12px; } .util li:first-child { padding-left: 0; background-image: none; } .util a { color: #666; } .util li.lang a { padding-right: 15px; background: url(/eng/images/common/ico_util_lang.gif) no-repeat 95% 50%; } .util li.lang li a { padding-right: 0; background-image: none; } .util li div { display: none; position: absolute; top: 18px; left: 0; z-index: 910; width: 89px; height: 123px; border: 1px solid #afafaf; background-color: #fff; } .util li.opened div { display: block; } .util li ul { margin: -1px 0 0 -1px; width: 91px; } .util li li { float: left; padding: 0; width: 91px; height: 25px; background-image: none; } .util li li a { display: block; width: 100%; height: 100%; line-height: 25px; text-indent: 10px; font-size: 10px; } .util li li.selected a, .util li li a:hover { background-color: #8b949e; color: #fff; } /* 검색 */ #search { float: left; margin-top: 16px; width: 158px; height: 25px; } #search h2 { position: absolute; left: -9999em; } #search-form { width: 156px; height: 23px; border: 1px solid #006cc7; } #search input { float: left; padding: 5px 8px; width: 111px; height: 13px; line-height: 13px; font-size: 12px; color: #555; background: url(/eng/images/common/bg_search_input.gif) repeat-x 0 0; } #search button { float: left; width: 29px; height: 23px; text-indent: -9999em; background: url(/eng/images/common/btn_search.gif) no-repeat 0 0; border: 0; } #search .close { display: none; } /* GNB */ #gnb { float: right; margin-top: 22px; width: 760px; height: 52px; } #gnb h2 { position: absolute; left: -9999em; z-index: 1; } #gnb .gnb-list { height: 52px; } #gnb .gnb-list ul { overflow: hidden; } #gnb .gnb-item { float: left; height: 52px; font-size: 16px; font-weight: bold; width: 160px; } #gnb .gnb-item2,#gnb .gnb-item3 { width: 180px; } #gnb .gnb-item > a { display: block; width: auto; height: 100%; line-height: 37px; text-align: center; } #gnb .gnb-item6 > a { padding-right: 0; text-align: right; } #gnb .gnb-item.selected > a { background: url(/eng/images/common/bg_gnb_selected.gif) no-repeat 50% 100%; } #gnb .gnb-item6.selected > a { background-position: 90% 100%; } #gnb .gnb-item > a:hover, #gnb .gnb-item.selected > a { color: #005dac; } #gnb .gnb-dropdown { display: none; position: absolute; top: 115px; left: 0; width: 100%; height: auto; z-index: 900; background-color:rgba(0, 0, 0, 0.85);background-color:rgb(0, 0, 0)\9;} #gnb .gnb-item.selected .gnb-dropdown { display: block; } #gnb .gnb-drop-inner { overflow: hidden; margin: 0 auto; padding: 35px 0; width: 972px; min-height: 179px; } #gnb .gnb-drop-inner h3 { float: left; font-size: 30px; font-weight: normal; color: #96cefd; line-height: 30px; } #gnb .gnb-drop-list { float: right; } #gnb .gnb-drop-list ul { overflow: hidden; } #gnb .gnb-drop-item { float: left; margin-left: 10px; margin-bottom: 30px; width: 190px; } #gnb .gnb-drop-item a { padding: 0; width: auto; font-size: 13px; font-weight: bold; color: #fff; line-height: 25px; height: 25px; text-align: left; } #gnb .gnb-drop-item:first-child { margin-left: 0; } #gnb .gnb-drop-item ul { padding-top: 10px; } #gnb .gnb-drop-item li { float: none; margin-left: 0; padding-left: 10px; line-height: 1em; background: url(/eng/images/common/ico_down_item.gif) no-repeat 0 12px; } #gnb .gnb-drop-item li a { font-size: 12px; font-weight: normal; color: #d6d6d6; background-image: none; } #gnb .gnb-drop-item li a:hover { text-decoration: underline; color: #d6d6d6; } #gnb .gnb-util { display: none; } #social_pc {position: relative; top:6px; right: 0px; padding-top: 10px;float: right; } #social_pc li {float:left; padding-left: 5px;} /************************************************** * 컨테이너 영역 **************************************************/ #container { width: 100%; /* border-top: 1px solid #1061c2; */ border-bottom: 1px solid #c2c2c2; } #content { position: relative; padding: 50px 0 100px; width: 100%; } /* 비주얼 */ #visual{height: 184px;background: url(/eng/images/common/img_visual1.jpg) no-repeat 50% 0 #e6e8e7;} #visual #visual-inner { margin: 0 auto; width: 972px; height: 100%; } #visual #visual-inner #visual-text {display: inline-block;padding-top: 54px;padding-left: 30px;} #visual.headTop2 #visual-inner #visual-text {padding-top: 44px;} #visual.headTop3 #visual-inner #visual-text {padding-top: 34px;} #visual #visual-inner #visual-text strong { display: block; font-size: 36px; font-weight: normal; color: #333;font-family: 'Nanum Barun Gothic';} #visual #visual-inner #visual-text p { margin: 10px 0 0 3px; /*text-indent: 3px;*/ color: #333; font-size: 18px;font-family: 'Nanum Barun Gothic';line-height: 32px;} #visual.conthead01 {background: url(/eng/images/common/img_visual1.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead02 {background: url(/eng/images/common/img_visual2.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead02_0101 {background: url(/eng/images/common/img_visual2_0101.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_0102 {background: url(/eng/images/common/img_visual2_0102.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_0103 {background: url(/eng/images/common/img_visual2_0103.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_0104 {background: url(/eng/images/common/img_visual2_0104.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_02 {background: url(/eng/images/common/img_visual2_02.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_03 {background: url(/eng/images/common/img_visual2_03.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_04 {background: url(/eng/images/common/img_visual2_04.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_05 {background: url(/eng/images/common/img_visual2_05.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_06 {background: url(/eng/images/common/img_visual2_06.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_07 {background: url(/eng/images/common/img_visual2_07.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_08 {background: url(/eng/images/common/img_visual2_08.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_09 {background: url(/eng/images/common/img_visual2_09.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead02_10 {background: url(/eng/images/common/img_visual2_10.jpg) no-repeat 50% 0 #e6e8e7;} #visual.conthead03 {background: url(/eng/images/common/img_visual3.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead04 {background: url(/eng/images/common/img_visual4.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead05 {background: url(/eng/images/common/img_visual5.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead06 {background: url(/eng/images/common/img_visual6.jpg) no-repeat 50% 0 #e6e8e7; } #visual.conthead_ciot {background: url(/images/common/banner-product_gateview_iot-v2.jpg) no-repeat 50% 0 #e6e8e7;height: 350px; } /* AR */ #visual.conthead_ar {background: url(/images/support/ar/banner-ar-v3.jpg) no-repeat 50% 0 #e6e8e7;height: 350px; } #visual.conthead_ar #visual-inner #visual-text{margin-top: 10%;margin-left: 10%;background-color: rgba(20,22,23,0.6) !important;padding: 30px;} #visual.conthead_ar #visual-inner #visual-text strong{color: #fff;font-size: 38px;font-family: "Nanum Barun Gothic";} #visual.conthead_ar #visual-inner #visual-text p{color: #97cfff;font-size: 28px;font-family: "Nanum Barun Gothic";} /* 비주얼 커스텀 */ #visual #visual-inner #visual-text.ciot{margin-top: 6%;margin-left: 17%;background-color: rgba(20,22,23,0.45) !important;padding: 30px;} #visual #visual-inner #visual-text.ciot strong{color: #b2e52d;font-size: 32px;} #visual #visual-inner #visual-text.ciot p{color: #fff;font-size: 25px;} /* 페이지 네비게이션 */ #path { position: relative; height: 50px; background-color: #8c949f; z-index: 1; } #path h3 { position: absolute; left: -9999em; } #path-inner { margin: 0 auto; width: 972px; height: 50px; } #path-inner > ul { height: 50px; } #path-inner .path-item { position: relative; float: left; height: 50px; line-height: 50px; font-size: 13px; background: url(/eng/images/common/bg_nav_item.gif) no-repeat 0 0; } #path-inner .path-item > a { display: block; padding: 0 40px 0 40px; height: 100%; color: #fff; font-size: 13px; opacity: .5; filter: alpha(opacity=50); } #path-inner .path-item > a span { padding-right: 20px; background: url(/eng/images/common/ico_nav_item.gif) no-repeat 100% 50%; } #path-inner .path-item.home { background-image: none; } #path-inner .path-item.home > a { padding: 0; opacity: 1; filter: alpha(opacity=100); } #path-inner .path-item.current > a { color: #fff; font-size: 16px; font-weight: bold; opacity: 1; text-decoration: underline; filter: alpha(opacity=100); } #path-inner .path-item.opened { background-image: none; } #path-inner .path-item.opened > a { font-size: 16px; opacity: 1; font-weight: bold; border-right: 1px solid #aaa; border-left: 1px solid #aaa; filter: alpha(opacity=100); } #path-inner .path-item.opened > a span { padding-right: 0; background-image: none; } #path-inner .home.opened { border: 0; } #path-inner .home.opened a { border: 0; } #path-inner .path-item ul { display: none; } #path-inner .path-item.opened > ul { display: block; } #path-inner .path-item > ul { position: relative; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #fff; } #path-inner .path-item > ul > li { position: relative; float: none; background-image: none; line-height: 35px; border-bottom: 1px solid #aaa; } #path-inner .path-item > ul > li:last-child {border-bottom:none;} #path-inner .path-item > ul > li.has-child { background: url(/eng/images/common/ico_nav_sub_item2.png) no-repeat 100% 50%; } #path-inner .path-item > ul > li:hover { background-color: #eee; } #path-inner .path-item > ul > li.opened { background-color: #f1f1f1; } #path-inner .path-item > ul > li.opened > a { font-weight: bold; } #path-inner .path-item > ul > li > a { display: block; padding-left: 30px; padding-right: 50px; line-height: 35px; color: #5f6874; } #path-inner .path-item > ul > li > ul { display: none; } #path-inner .path-item > ul > li.opened > ul { display: block; } #path-inner .path-item > ul > li > ul { position: absolute; left: 100%; top: -1px; background-color: #eee; border: 1px solid #aaa; } #path-inner .path-item > ul > li > ul > li { white-space: nowrap; } #path-inner .path-item > ul > li > ul > li > a { display: block; padding: 0 25px; line-height: 35px; color: #5f6874; background: url(/eng/images/common/ico_nav_sub_item.gif) no-repeat 15px 14px; line-height: 28px; } #path-inner .path-item > ul > li > ul > li > a:hover { background-color: #ddd; } /************************************************** * 푸터 영역 **************************************************/ #footer { position: relative; margin: 0 auto; padding-top: 38px; width: 972px; height: 105px; } #footer, #footer a { color: #666; } .footer-content { overflow: hidden; margin-left: 170px; } /* 푸터 로고 */ .footer-logo { float: left; } /* 정책 */ .policy { padding-bottom: 10px; } .policy h4 { position: absolute; left: -9999em; } .policy ul { overflow: hidden; } .policy li { float: left; padding: 0 10px 0 13px; background: url(/eng/images/common/bar_policy.gif) no-repeat 0 50%; } .policy li a { font-weight: bold; font-size: 11px; } .policy li:first-child { padding-left: 0; background-image: none; } /* 관련사이트 */ .related { position: absolute; right: 0; top: 38px; width: 121px; height: 20px; border: 1px solid #c4c4c4; font-size: 11px; } .related h4 { display: block; width: 100%; height: 100%; line-height: 20px; text-indent: 10px; font-family: 'Arial'; font-weight: normal; background: url(/eng/images/common/ico_related.gif) no-repeat 100% 50%; font-size: 11px; } .related h4 a { display: block; width: 100%; height: 100%; } .related ul { display: none; position: absolute; left: -1px; bottom: 20px; padding: 5px 0; width: 100%; border: 1px solid #c4c4c4; background-color: #fff; } .related ul li { float: left; line-height: 13px; width: 100%; } .related ul a { display: block; padding: 6px 10px; height: 13px; } .related ul a:hover { background-color: #f5f5f5; } .related.opened ul { display: block; } /* 주소 */ #footer address { display: block; font-size: 11px; } #footer address span { font-size: 11px; } /* 연락처 */ .contact { float: left; margin-top: 5px; font-size: 11px; } .contact h4 { display: none; position: absolute; left: -9999em; font-size: 11px; } .contact li { display: inline; padding-right: 10px; } .contact li span { /*font-family: 'Verdana';*/ } /* 저작권 */ #footer small { float: left; display: block; padding-top: 5px; font-size: 11px; /*font-family: 'Verdana';*/ } @media screen and (min-width: 1400px){ #header-inner {width:1366px;height: 125px;} #header-inner .header-top{margin-right:30px;} #header-title {width:190px;max-height: 44px;} .util{font-size:12px;line-height: 30px;} .util li{font-size:12px;} #visual #visual-inner{width:1200px;} #path-inner{width:1366px} #gnb{width: 1080px; height: 57px;} #gnb .gnb-item{font-size:18px;height: 57px;width: 180px;} #gnb #gnb .gnb-item2,#gnb .gnb-item3 { width: 200px; } #gnb .gnb-dropdown{top: 125px;} #gnb .gnb-drop-item a{font-size:15px;} #gnb .gnb-drop-item li a{font-size:14px;} #footer {width:1366px;} } @media screen and (max-width: 971px) { /* 래퍼 */ #wrapper { min-width: 100%; } /************************************************** * 헤더 영역 **************************************************/ #header-inner { width: 100%; height: 75px; } /* 로고 타이틀 */ #header-title { float: none; margin: 0 auto; padding: 20px 0 18px; } #header-title p { display: block; position: absolute; width: 34px; height: 28px; } #header-title .btn-gnb { left: 35px; top: 24px; } #header-title .btn-search { top: 23px; right: 35px; } /* 유틸 */ .util { display: none; } /* 검색 */ #search { float: none; margin-top: -76px; width: 100%; height: 76px; } #search-form { position: relative; display: none; padding: 22px 80px 24px 35px; width: auto; height: 30px; border: 0; background-color: #5f6874; } .search-opened #search-form { display: block; } #search-form form { position: relative; display: block; padding-right: 40px; width: auto; height: 30px; } #search-form input { float: none; display: block; padding: 6px 0; width: 100%; height: 16px; background-image: none; border-top: 1px solid #414955; border-left: 1px solid #414955; border-bottom: 1px solid #afb4ba; font-size: 16px; line-height: 16px; text-indent: 10px; background-color: #fff; } #search-form button { position: absolute; top: 0; right: 0; width: 40px; height: 30px; background: url(/eng/images/common/t/btn_search_do.gif) no-repeat 0 0; } #search-form .close { display: block; position: absolute; top: 25px; right: 35px; } /* GNB */ #gnb { float: none; position: absolute; top: 75px; left: 0; margin-top: 0; width: 100%; height: auto; background-color: #ccc; } #gnb .gnb-container { display: none; } .gnb-opened #gnb h2 a { background-position: 0 -28px; } .gnb-opened #gnb .gnb-container { display: block; } #gnb .gnb-list { height: auto; } #gnb .gnb-item { float: left; width: 100%; height: auto; border-bottom: 1px solid #5d6775; } #gnb .gnb-item > a { padding: 0 35px; height: 46px; line-height: 46px; text-align: left; color: #fff; background: url(/eng/images/common/t/bg_gnb_item.gif) no-repeat 100% 50% #3b4554; font-size: 17px; } #gnb .gnb-item.selected > a { color: #fff; background: url(/eng/images/common/t/bg_gnb_item_on.gif) no-repeat 100% 50% #005dac; } #gnb .gnb-item > a:hover { color: #fff; } #gnb .gnb-dropdown { position: relative; top: auto; background-image: none; } #gnb .gnb-drop-inner { overflow: hidden; margin: 0; padding: 0 0; width: auto; min-height: auto; } #gnb .gnb-drop-inner h3 { display: none; } #gnb .gnb-drop-list { float: none; width: auto; } #gnb .gnb-drop-list > ul { padding: 10px 0; background-color: #fff; } #gnb .gnb-drop-item { float: none; margin-left: 0; margin-bottom: 0; width: auto; } #gnb .gnb-drop-item > a { display: block; padding: 0 35px; height: 43px; line-height: 43px; color: #333; font-size: 14px; background: url(/eng/images/common/t/bg_gnb_drop_item.gif) no-repeat 100% 50%; } #gnb .gnb-drop-item > a:hover { color: #0086cd; } #gnb .gnb-drop-item ul { display: none; padding-top: 0; background-color: #e4e4e4; } #gnb .gnb-drop-item.opened > a { background-image: url(/eng/images/common/t/bg_gnb_drop_item_on.gif); } #gnb .gnb-drop-item.opened ul { display: block; } #gnb .gnb-drop-item ul { padding: 10px 0; } #gnb .gnb-drop-item li { background-position: 35px 50%; } #gnb .gnb-drop-item li a { display: block; padding: 0 35px; height: 25px; line-height: 25px; color: #555; } #gnb .gnb-drop-item li a:hover { color: #000; text-decoration: underline; } #gnb .gnb-util { display: block; padding: 14px 35px; height: 25px; background-color: #3b4554; } #gnb .util-menu { overflow: hidden; float: left; } #gnb .util-menu h4 { position: absolute; left: -9999em; } #gnb .util-menu a { color: #919aa6; font-size: 11px; } #gnb .util-menu li { float: left; margin-left: 15px; padding-left: 10px; background: url(/eng/images/common/t/ico_gnb_util.gif) no-repeat 1px 50%; line-height: 25px; } #gnb .util-menu li:first-child { margin-left: 0; } #gnb .util-lang { position: relative; float: right; padding-left: 0; width: 148px; height: 23px; border: 1px solid #5d6775; background: url(/eng/images/common/t/ico_gnb_util_lang.gif) no-repeat 130px 50%; } #gnb .util-lang a { color: #919aa6; font-size: 11px; } #gnb .util-lang h4 { display: block; width: 100%; height: 100%; } #gnb .util-lang h4 a { display: block; width: 100%; height: 100%; font-family: 'Verdana'; background-image: none; font-size: 11px; text-indent: 10px; line-height: 23px; font-weight: normal; } #gnb .util-lang ul { display: none; position: absolute; top: 24px; left: -1px; z-index: 1; width: 148px; border: 1px solid #afafaf; background-color: #fff; } #gnb .util-lang li { float: left; margin-left: 0; padding: 0; width: 100%; height: 25px; } #gnb .util-lang li a { display: block; width: 100%; height: 100%; line-height: 25px; text-indent: 10px; } #gnb .util-lang li.selected a, #gnb .util-lang li a:hover { background-color: #8b949e; color: #fff; } #gnb .util-lang.opened ul { display: block; } #social_pc {display:none;} #social_m {float: right; right:-156px; position:relative;} #social_m ul li {float:left; padding-left: 5px;} /************************************************** * 컨테이너 영역 **************************************************/ #content { padding: 0; } /* 비주얼 */ #visual { width: 100%; height: 149px; background-image: url(/eng/images/common/t/img_visual1.jpg) } #visual #visual-inner { padding-left: 35px; width: auto; } #visual #visual-inner strong { padding-top: 30px; font-size: 32px; } #visual.conthead01{background-image: url(/eng/images/common/t/img_visual1.jpg)} #visual.conthead02{background-image: url(/eng/images/common/t/img_visual2.jpg)} #visual.conthead03{background-image: url(/eng/images/common/t/img_visual3.jpg)} #visual.conthead04{background-image: url(/eng/images/common/t/img_visual4.jpg)} #visual.conthead05{background-image: url(/eng/images/common/t/img_visual5.jpg)} #visual.conthead06{background-image: url(/eng/images/common/t/img_visual6.jpg)} /* 페이지 네비게이션 */ #path-inner { width: auto; } /************************************************** * 푸터 영역 **************************************************/ #footer { padding-top: 0; width: 100%; height: 150px; } .footer-content { margin-left: 0; padding: 30px 35px; } #footer small {clear:both; float: none;} /* 푸터 로고 */ #footer h2 { display: none; } /* 관련사이트 */ .related { position: relative; right: 0; top: auto; margin-top: 15px; width: 278px; height: 24px; } .related strong { line-height: 24px; } .related ul { bottom: 24px;} } @media screen and (max-width: 639px) { /************************************************** * 헤더 영역 **************************************************/ #header-inner { height: 60px; } /* 로고 타이틀 */ #header-title { padding: 18px 0 14px; width: 121px; height: 28px; } #header-title p { width: 25px; height: 21px; } #header-title .btn-gnb { left: 20px; top: 20px; } #header-title .btn-search { top: 20px; right: 20px; } /* 검색 */ #search { height: 60px; margin-top: -60px; } #search-form { position: relative; display: none; padding: 15px 58px 15px 26px; width: auto; height: 30px; border: 0; background-color: #5f6874; } #search-form .close { top: 19px; right: 20px; } /* GNB */ #gnb { top: 60px; } #gnb .gnb-item > a { padding: 0 20px; background-image: url(/eng/images/common/m/bg_gnb_item.gif); } #gnb .gnb-item.selected > a { background-image: url(/eng/images/common/m/bg_gnb_item_on.gif); } #gnb .gnb-drop-item > a { padding: 0 20px; background-image: url(/eng/images/common/m/bg_gnb_drop_item.gif); } #gnb .gnb-drop-item.opened > a { background-image: url(/eng/images/common/m/bg_gnb_drop_item_on.gif); } #gnb .gnb-drop-item li { background-position: 20px 50%; } #gnb .gnb-drop-item li a { padding: 0 20px; } #gnb .gnb-util { display: block; padding: 20px; height: auto; } #gnb .util-menu { float: none; } #gnb .util-lang { clear: both; float: none; margin-top: 10px; } #social_m {clear: both; float: none; margin-top: 10px;margin-bottom: 35px; right:0px;} /************************************************** * 컨테이너 영역 **************************************************/ #container { border-top: 0; } #visual { display: none; } /* 페이지 네비게이션 */ #path-inner .path-item { display: none; } #path-inner .path-item > ul { border-right: 0; border-left: 0; } #path-inner .path-item.current { display: block; float: none; background-image: none; } #path-inner .path-item.current > a { padding-left: 20px; text-decoration: none; } #path-inner .path-item.opened { } #path-inner .path-item.opened > a { border: 0; } #path-inner .path-item.opened > a span { padding-right: 20px; background: url(/eng/images/common/ico_nav_item.gif) no-repeat 100% 50%; } #path-inner .path-item.opened ul { display: block; position: relative; } /************************************************** * 푸터 영역 **************************************************/ #footer { height: auto; } .footer-content { padding: 20px; } /* 정책 */ .policy li { float: none; padding: 0 0 0 10px; width: auto; height: 23px; background: url(/eng/images/common/ico_down_item.gif) no-repeat 0 50%; line-height: 23px; } .policy li a { font-weight: bold; } .policy li:first-child { padding-left: 10px; background-image: url(/eng/images/common/ico_down_item.gif); } /* 주소 */ #footer address { float: none; line-height: 16px; } /* 연락처 */ .contact ul { line-height: 18px; } .contact li.help { display: block; padding-left: 0; } .contact li.tel { padding-left: 0; } /* 저작권 */ #footer small { padding-top: 0; line-height: 15px; } #footer small span { display: block; } /* 관련사이트 */ .related { top: auto; right: auto; margin-top: 20px; width: auto; } }