@charset "utf-8"; #container .inner.sm_layout{border:none!important} #container .inner.sm_layout #content_wrap{padding-left:0!important} #container .inner.sm_layout #content_wrap #content{border:none!important; } .sitemap {width:100%} .sitemap div{width:30%; float:left;} .sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 5%} .sitemap div > ul{margin:0} .sitemap div > ul > li{ padding:10px 5px 10px 17%; background-image: url(http://www.heritage.go.kr/images/etc/sitemap_blit_02.png); background-repeat: no-repeat; background-position: 13% 20px; border-bottom:1px solid #ddd; font-size:15px; font-weight:400 } .sitemap div ul li > ul{margin-top:5px; font-size:14px} .sitemap div ul li ul > li{ padding-left:10px; line-height: 22px; background-image: url(http://www.heritage.go.kr/images/etc/sitemap_blit_03.png); background-repeat: no-repeat; background-position: left 11px; font-weight:300 } .sitemap p.title{width: 100%; height: 53px; line-height: 53px; color: #FFFFFF; font-weight: 500; font-size: 18px; box-sizing:border-box; padding-left:10%} .sitemap p.title img{vertical-align:text-top; padding-right:10px} .sitemap div:nth-child(1) p.title {background:url(http://www.heritage.go.kr/images/etc/sitemap_icon_01.png) no-repeat 90% bottom #485172} .sitemap div:nth-child(2) p.title {background:url(http://www.heritage.go.kr/images/etc/sitemap_icon_02.png) no-repeat 90% bottom #943b58} .sitemap div:nth-child(3) p.title {background:url(http://www.heritage.go.kr/images/etc/sitemap_icon_03.png) no-repeat 90% bottom #485172} .sitemap div:nth-child(4) p.title {background:url(http://www.heritage.go.kr/images/etc/sitemap_icon_04.png) no-repeat 90% bottom #943b58} .sitemap div:nth-child(5) p.title {background:url(http://www.heritage.go.kr/images/etc/sitemap_icon_05.png) no-repeat 90% bottom #485172} .sitemap div:nth-child(4){clear:both;} .sitemap:after{content:"";clear:both;display:block} @media screen and (max-width:768px){ .sitemap div{width:32%;} .sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 2%} } @media screen and (max-width:580px){ .sitemap div{width:48%;} .sitemap div{margin:0 1%} .sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 1%} .sitemap div:nth-child(4){clear:none;} } @media screen and (max-width:480px){ .sitemap div{width:100%;} .sitemap div{margin:0} .sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0} }