@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px;outline-color:#f37736;}

.only-desktop-tablet {display:block;}
.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}

#wrapper {position:relative; overflow:hidden;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.3s;}
#header .contain {max-width:1760px; position:relative; display:flex; align-items:center; justify-content:space-between;height:var(--header-height); z-index:10;}

.sitelogo {position: absolute; left: 30px;}
.sitelogo a {display:block; width: 175px; height: 26px; background-image: url(/images/common/logo.png); background-repeat: no-repeat; background-size: contain; }

#gnb {width: 100%; margin-right: 70.5px;}
#gnb>ul {display:flex; justify-content: flex-end;} 
#gnb>ul>li {position:relative; padding:0 57.5px;}
#gnb>ul>li>a {position:relative; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#fff; height:var(--header-height);}
#gnb>ul>li:hover>a {position: relative; color:var(--color-primary) !important;}
#gnb>ul>li:hover>a::after {content: ''; position: absolute; left: 50%;  top: 25px; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 100%;background-color: var(--color-primary);}
#gnb .submenu {position:absolute; left:0; width:100%; height:0; overflow:hidden; text-align:center;}
#gnb .submenu>ul {padding:20px 5px;}
#gnb .submenu>ul>li>a {display:block; padding:9px 0; font-size:var(--font-size-16); line-height:1.33em; letter-spacing:-.03em;}
#gnb .submenu>ul>li>a:hover {color: var(--color-primary); text-decoration: underline;}
.submenu-bg {display:none; position:absolute; width:100%; left:0; background-color: #fff; border-top: 1px solid #ddd;}

.btn-all-menu {position:absolute; right: 30px; width: 29px; height: 31px; background-image: url(/images/common/ham.png); background-position: 50%; background-repeat: no-repeat; background-size: contain;}

#header:hover,
#header.header-fixed {background-color: #fff; border-bottom: 1px solid #ddd;}
#header:hover .sitelogo a,
#header.header-fixed .sitelogo a {background-image: url(/images/common/logo-on.png);}
#header:hover #gnb>ul>li>a,
#header.header-fixed #gnb>ul>li>a {color: #242424;}
#header:hover .btn-all-menu, 
#header.header-fixed .btn-all-menu,
#header:hover .btn-m-menu,
#header.header-fixed .btn-m-menu {background-image: url(/images/common/ham-on.png);}
#header:hover .btn-m-menu span,
#header.header-fixed .btn-m-menu span {background: var(--color-primary);}
#header:hover .btn-m-menu span:before,
#header:hover .btn-m-menu span:after {background: var(--color-primary);}
#header.header-fixed .btn-m-menu span:before,
#header.header-fixed .btn-m-menu span:after {background: var(--color-primary);}


/* for mobile */
.btn-m-menu {display:none; position:absolute; right: 3%; width: 29px; height: 31px; background-image: url(/images/common/ham.png); background-position: 50%; background-repeat: no-repeat; background-size: contain;}


.mobile-navigation {position:fixed; top:0; right:0; width:400px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102;}
.mobile-navigation .home {display:flex; align-items:center; height:100px; padding:0 20px;}
.mobile-navigation .home img {height:26px;}
.mobile-navigation .nav-menu>ul {border-top:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding: 10px 48px 10px 20px; display:block; font-size:20px; font-weight:500; letter-spacing:-.04em; line-height :1.4em; color:#2c2c2c;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:11px; height:11px; border-right:2px solid #505050; border-bottom:2px solid #505050;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#fff; background:var(--color-primary);}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color: #fff;}
.mobile-navigation .nav-menu .submenu {display:none; background:#f8f8f8; color:#454545; font-size:16px; font-weight:400; line-height:1.5em;}
.mobile-navigation .nav-menu .submenu ul li {border-top:1px solid #e5e5e5;}
.mobile-navigation .nav-menu .submenu ul li a {display:block; padding:12px 20px;}
.mobile-navigation .nav-menu .submenu ul li a:hover {color:var(--color-primary);}
.mobile-navigation .close {position:absolute; top:35px; right:20px; width:26px; height:26px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#505050; border-radius:3px;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

/* main */
#main #container .contain {max-width:1780px;}

.main-visual {position:relative; overflow:hidden; color:#fff;}
.main-visual .caption {max-width:1640px !important;}
.main-visual .item {height:100vh;}
.main-visual .img {    transition: 5s;position:absolute; top:0; right:0; width:100%; height:100%; transform: scale(1);}
.main-visual .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.main-visual .slick-slide.active .item>.img {transform: scale(1.06);}
.main-visual .inner {padding:0 80px; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; z-index:2;}
.main-visual .caption .tt {font-size:var(--font-size-88); letter-spacing:-.03em; font-weight: 700; line-height:1.2em; font-weight: 500;}
.main-visual .caption .t1 {margin:40px 0 70px; font-size:var(--font-size-32); font-weight:500; letter-spacing:-.03em; line-height:1.23em;}
.main-visual .caption a {display: inline-flex; align-items: center; justify-content: center; width: 260px; height: 64px; font-size:var(--font-size-18); font-weight: 600; letter-spacing:-.03em; line-height:1.2em; color:#fff; border: 1px solid #fff;}
.main-visual .caption a span {margin-left: 15px;}
.main-visual .caption a:hover {border-color: var(--color-primary); background-color: var(--color-primary);}


.scrolldown {position:absolute; right:60px; bottom:0px; color:#fff;}
.scrolldown .txt {writing-mode:vertical-lr; font-size:var(--font-size-14);}
.scrolldown .dot {margin:15px auto; width:4px; height:4px; background:#fff; border-radius:100%;}
.scrolldown .track {position:relative; margin:0 auto; width:2px; height:90px; background:rgba(255,255,255,.5); overflow:hidden;}
.scrolldown .track span {position:absolute; width:100%; top:-50px; height:50px; background:#fff; animation:scrollDown 2.5s linear infinite;}

@keyframes scrollDown{
	0%{transform:translateY(0);}
	100%{transform:translateY(140px);}
}

.pf150 {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.main-tit p {font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#cdcdcd;}
.main-tit h2 {font-size:var(--font-size-64); letter-spacing:-.03em; line-height:1.2em; color:#242424;}

.main-business .main-tit {text-align: center; margin-bottom: 70px;}
.main-business .items {display: flex; flex-wrap: wrap;}
.main-business .item {position: relative; padding:65px 70px ; width: 50%; background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 680px;}
.main-business .item01 {background-image: url(/images/main/main-business01.jpg);}
.main-business .item02 {background-image: url(/images/main/main-business02.jpg);}
.main-business .item .t01 {position: relative; font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#fff; opacity: .4; z-index: 1;}
.main-business .item h3 {position: relative; margin: 10px 0 30px; font-size:var(--font-size-40); letter-spacing:-.03em; line-height:1.33em; color:#fff; z-index: 1;}
.main-business .item .t02 {position: relative; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.75em; color:#fff; z-index: 1;}
.main-business .item .btn {position: absolute; bottom: 65px; left: 70px; display: inline-flex; align-items: center; justify-content: center; width:200px; height: 64px; background-color: #fff; color: #1c1d57; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; opacity: 0; transition: .3s;}
.main-business .item .btn span {margin-left: 15px;}
.main-business .item::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient( -180deg, rgb(33,34,91) 0%, rgb(255,255,255) 100%); opacity: 0; transition: .3s;}
.main-business .item:hover::before {opacity: .949; transition: .3s;}
.main-business .item:hover .btn {opacity: 1; transition: .3s;}

.main-esg {background-image: url(/images/main/main-esg-bg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-esg .contain {display: flex;}
.main-esg .main-tit p,
.main-esg .main-tit h2 {color: #fff;}
.main-esg .main-tit h2 {margin: 10px 0 30px;}
.main-esg .text-box {width: 38.4%; padding-left:70px ;}
.main-esg .text-box p {font-size: var(--font-size-16); color: #fff; letter-spacing: -.03em; line-height: 1.75em;}
.main-esg .text-box a {margin-top: 70px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--font-size-18); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #fff; width: 200px; height: 64px; border: 1px solid rgba(255,255,255,.4);}
.main-esg .text-box a span {margin-left: 15px;}
.main-esg .text-box a:hover {color: var(--color-primary); border-color: #fff; background-color: #fff;}
.main-esg .items {display: flex; margin: 0 -40px; flex:1 1 auto; min-width:0; width:1%;}
.main-esg .item {padding: 0 40px; width: 33.33%;}
.main-esg .item01,
.main-esg .item03 {margin-top: 40px;}
.main-esg .box { position: relative; height: 490px; display: flex; align-items: flex-end; justify-content: center;}
.main-esg .item .box::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient( 0deg, rgb(33,34,91) 0%, rgb(255,255,255) 100%); opacity: 0; transition: .3s;}
.main-esg .item:hover .box::before {opacity: .9; transition: .3s;}
.main-esg .item .box::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background-image: url(/images/main/main-search.png); background-repeat: no-repeat; background-size: contain; opacity: 0; transition: .3s;}
.main-esg .item:hover .box::after {opacity: 1; transition: .3s;}
.main-esg .item01 .box {background-image: url(/images/main/main-esg01.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-esg .item02 .box {background-image: url(/images/main/main-esg02.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-esg .item03 .box {background-image: url(/images/main/main-esg03.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-esg .item .box p {position: relative; margin-bottom: 40px; font-size: var(--font-size-28); font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #fff;}

.main-notice {background-image: url(/images/main/main-notice-bg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-notice .main-tit {text-align: center; padding-bottom: 70px; margin-bottom: 180px; border-bottom: 1px solid #242424;}
.main-notice .list li:first-child a {border-top: 1px solid #ddd;}
.main-notice .list li a {display: flex; align-items: center; padding: 50px 0; border-bottom: 1px solid #ddd;}
.main-notice .list li a .new {width: 160px; font-size: var(--font-size-20); font-weight: 800; letter-spacing: -.03em; line-height: 1.2em; color:var(--color-primary); text-align: center;}
.main-notice .list li a .tit {padding-left: 40px; flex:1 1 auto; min-width:0; width:1%;}
.main-notice .list li a .tit p {font-size: var(--font-size-24); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color:#242424; max-height: 2.4em; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main-notice .list li a .tit p.date {margin-top: 35px; font-size: var(--font-size-16); font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color:#bbbbbb;}
.main-notice .list li a .arrow {width: 160px; font-size: var(--font-size-40); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color:#a9a9a9; text-align: center;}
.main-notice .list li a:hover {background-color: #f8f8fa;}

/* sub */
.sub-visual {position:relative; height:500px; color:#fff; overflow:hidden; background:#333;}
.sub-visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:2s; opacity:1; transform:scale(1.1); background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
.sub-visual .inner {text-align: center; position:absolute; top:50%; left:0; width:100%; margin-top:35px; padding:0 20px; transform:translateY(-50%);}


/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual {position:relative; width:100%; height:600px; z-index:11; }
#visual .visual-img-con{position:absolute; top:0px; left:0px; width:100%;height:100%;	overflow:hidden; }
#visual .visual-img-inner {width:100%; height:100%; background-size:cover !important; transform: scale(1.2); transition: transform 2s ease;}

#visual.bg1 .visual-img-inner {background-image:url("/images/sub/sv1.jpg");}
#visual.bg2 .visual-img-inner {background-image:url("/images/sub/sv2.jpg");}
#visual.bg3 .visual-img-inner {background-image:url("/images/sub/sv3.jpg");}
#visual.bg4 .visual-img-inner {background-image:url("/images/sub/sv4.jpg");}
#visual.bg5 .visual-img-inner {background-image:url("/images/sub/sv5.jpg");}
#visual.bg6 .visual-img-inner {background-image:url("/images/sub/sv6.jpg");}

#visual .visual-video-inner{position: relative;	width:100%; height:100%; background:#000;}
#visual .visual-video-inner:before{position: absolute; content:''; width:100%; height:100%; background:no-repeat center; background-size:cover; background-image:url('/images/layout/sub_visual_video_cover.png'); z-index:1;}
#visual .visual-video-inner iframe{ width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events:none;}

#visual .visual-txt-con{position:relative; z-index:1; text-align:left; display:table; width:100%; height:100%; box-sizing:border-box;}
#visual .visual-txt-con .table-cell-layout.cm-vb{vertical-align:bottom; display: table-cell; width: 100%; height: 100%;}
#visual .visual-txt-container{position:relative; width:100%; }
#visual .visual-tit,
#visual .visual-sub-txt,
#visual .location{opacity:0; transform: translateY(30px); transition:var(--transition-custom2);	transition-property: transform, opacity;}
#topMenu04{transform: translateY(10rem); transition:var(--transition-custom2); transition-property: transform, opacity;}
#visual .visual-tit{font-weight:700; font-size:var(--font-size-80); transition-delay:0.3s;	color:#fff;line-height: 1.2em;	text-transform: uppercase;	/* width:50%; */}
#visual .visual-sub-txt{font-size:var(--font-size-24); font-weight: 500;padding-top:40px; transition-delay:0.5s; color:#fff;}
#visual .location{transition-delay:0.5s;}
#topMenu04{	transition-delay:0.5s;}

/* SUB LAYOUT :: 상단효과 active */
.loaded #visual .visual-img-inner {transform: scale(1);transition: transform  2s; }
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location,
#visual.active #topMenu04{opacity:1.0; transform: translateY(0px);}

/* SUB LAYOUT :: 메뉴 */
.visual-menu-container{display: flex; align-items:center; justify-content:space-between; margin-bottom:5rem; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:20px; width:100%; margin-top:35px; overflow:hidden;}
.visual-menu-container.over{overflow:visible;}

/* SUB LAYOUT :: 위치정보(location) */
.location{overflow:hidden;}
.location li{position: relative; padding-left: 20px; display:inline-block; vertical-align:middle; color:#fff; font-size:var(--font-size-15);}
.location li a {color:inherit; display: flex;}
.location li + li {margin-left: 10px;}

.location li:before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-image:url(/images/common/arrow.png); background-repeat: no-repeat; background-size: contain; width: 7px; height: 12px;}
.location li:first-child:before{display:none;}

/*  SUB LAYOUT :: 서브메뉴(스타일3) */
#topMenu04{position:relative; height:calc(var(--sub-menu-height) + 1px); opacity:1 !important;} /* (+1 border height)*/
#topMenu04 .side-menu-inner{width:100%; height:var(--sub-menu-height);}
#topMenu04 .menu-location{position:relative; float:left; width:255px; border-radius:3rem; margin-left:1rem; transition:var(--transition-custom); transition-delay:0.2s}
#topMenu04 .menu-location > .cur-location{position:relative; display:block; width:100%; height:var(--sub-menu-height); padding:0 30px; text-align:left; z-index:12; overflow:hidden; border-radius:3rem; background: rgba(0, 0, 0, .4);  border: 0;}
#topMenu04 .menu-location > .cur-location .txt{position: relative; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:600; font-size:var(--font-size-18); letter-spacing:-0.02em; z-index:1;}
#topMenu04 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:2rem; width:12px; height:7px; background-image:url(/images/common/arrow2.png); background-repeat: no-repeat; background-size: contain; z-index:1; }
#topMenu04 .menu-location > .cur-location .cm-fill{background:rgba(0,0,0,.4); transition-delay:0.2s;}
#topMenu04 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); }
#topMenu04 .menu-location .location-menu-con{display: none; position:absolute; top:calc(100% - (var(--sub-menu-height) / 2)); left:0; right:0px; background-color:#1c1d57; z-index:11; padding-bottom:22px; padding-top:calc((var(--sub-menu-height) / 2)); border-radius:0 0 30px 30px;}
#topMenu04 .menu-location .location-menu-con li a{display:block; padding:8px 30px; font-size:var(--font-size-16); word-break:keep-all; line-height:1.5; color:#fff;}
#topMenu04 .menu-location .location-menu-con li.on{position:relative;}

#topMenu04 .menu-location .location-menu-con li.has-3dep > a{padding-bottom:0;}
#topMenu04 .menu-location .location-menu-con li .gnb-3dep li a{padding:0rem 4.5rem}

#topMenu04 .menu-location.open > .cur-location{background:#1c1d57;}
#topMenu04 .menu-location .location-menu-con li a:hover {text-decoration: underline;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content:not(.wide){padding:100px 0}
#content.wide{padding:100px 0 0 0}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 50px; text-align:center; }
#contentInfoCon .content-tit{color:#333; font-size:var(--font-size-38); font-weight:600; letter-spacing:-0.6px;}
#contentInfoCon .content-tit:after{display:block; content:""; width:58px; height:2px; margin:30px auto 0; background-color:#040508}
#contentInfoCon .content-sub-tit{color:#888; font-weight:300; margin-top:30px; font-size:var(--font-size-16); letter-spacing:-0.8px; word-break:keep-all;}
/*  SUB LAYOUT :: 상단정보(타이틀+location) */
#contentInfoCon.content-title-location{text-align:left;}
#contentInfoCon.content-title-location .content-tit{float:left;}
#contentInfoCon.content-title-location .content-tit:after{display:none;}
#contentInfoCon.content-title-location .location{float:right;}

#contArea {max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}
#contArea.wide .sub-title {padding-left:10px; padding-right:10px;}

.contain {width:100%; max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;}

.sub-title { padding:95px 0 55px; text-align:center;}
.sub-title h1 {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#222;}

.real-cont {min-height:300px; padding-bottom:100px;}
.real-cont.ty2 {padding-bottom:0px;}

/* footer */
#footer {background:#191919; padding:40px 0; position: relative;}
#footer .contain {max-width:1780px; display: flex;}
#footer address {font-style:normal;}
#footer span {display:inline-block;}

.f-logo {margin-right: 45px;}

.links a {position: relative; padding-left: 27px; font-size:var(--font-size-15); font-weight: 300; letter-spacing:0em; line-height:1.2em; color:#fff;}
.links a:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-image: url(/images/common/doc-tit.png); background-repeat: no-repeat; background-size: contain;}
.links a + a {margin-left: 30px;}

#footer address {display: flex; flex-wrap: wrap; gap:0 40px; margin: 25px 0;;}
#footer address dl {display: flex;}
#footer address dt {margin-right: 10px; font-size: var(--font-size-15); font-weight: 500; letter-spacing: -.03em; line-height: 1.5em; color:#878787;}
#footer address dd {font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.5em; color:#fff;}

#footer .copyright {font-size:var(--font-size-14); font-weight: 300; letter-spacing:0em; line-height:1.2em; color:#878787;}
#footer .copyright span {font-size:var(--font-size-12); color: #5a5a5a;}

#footer .scroll-top {position: absolute; right: 3%; top: 50%; transform: translateY(-50%); display: block; width:60px; height: 60px; border-radius: 100%; background-position: 50%; background-image: url(/images/common/top.png); background-repeat: no-repeat; font-size: 0; border: 1px solid #fff;}