@charset "euc-kr"; @import url('/shine.css/navigation.css'); @import url('/shine.css/visual.css'); @import url('/shine.css/farmbanner.css'); @import url('/shine.css/rollingbanner.css'); @import url('/shine.css/style2.css'); @font-face {font-family:'NanumBarunGothic';src: url('/shine.css/font/NanumBarunGothic.eot');} @font-face {font-family:'NanumGothic';src: url('/shine.css/font/NanumGothic.eot');} img{ vertical-align:top; border:0;} dd, p, br, b, bdo, span, dl, h1, h2, strong, img, dl, ul, li {margin:0px; padding:0px; border:0px; list-style-type:none; font-family:NanumGothic,NanumMyeongjo,dotum;} #WARPER {width:100%;} #BSUHEAD {width:100%; height:195px; background-image:url(/images/headerback.jpg); background-repeat:repeat-x;; clear:both} #BSUHEAD .WARP {width:1100px; margin:0 auto;} #BSUHEAD .FAVERMENU, #BSUHEAD .FAVERMENU li, #BSUHEAD .LOGMENU li {float:left} #BSUHEAD .FAVERMENU li {margin:5px 4px 0 0;} #BSUHEAD .LOGMENU {float:right} #BSUHEAD .LOGMENU a {text-decoration:none; font-size:12px; color:#777474; margin:0 7px 0 7px; line-height:10px} #BSUHEAD .LOGMENU li {height:10px; border-left:1px solid #b1b0b0; margin:10px 0 0 0;} #BSUHEAD .LOGMENU li:first-child {border-left:0;} #BSUHEAD .TREESOME, #BSUHEAD .TREESEARCH {clear:both} #BSUHEAD .TREESOME div, #BSUHEAD .SUSEARCH input, #BSUHEAD .SUSEARCH button, #BSUHEAD .TREESEARCH li {float:left} #BSUHEAD .TREESOME div {margin:7px 0 0 0;} #BSUHEAD .TREESOME div:first-child {padding:7px 83px 0 0;} #BSUHEAD .TREESOME div:last-child {float:right} #BSUHEAD .TREESOME, #BSUHEAD .TREESEARCH, #BSUHEAD .SUSEARCH {clear:both} #BSUHEAD .TREESEARCH {padding:35px 0 5px 55px; line-height:12px} #BSUHEAD .TREESEARCH a {font-size:13px; text-decoration:none; color:#466c8a; font-weight:bold; padding:0 10px 0 10px;} #BSUHEAD .TREESEARCH li {border-left:2px solid #466c8a; height:13px;} #BSUHEAD .TREESEARCH li:first-child {border-left:0px;} #BSUHEAD .TREESEARCH a:hover {text-decoration:underline;} #BSUHEAD .SUSEARCH {padding:-10px 0 0 0;} #BSUHEAD .SUSEARCH input {width:356px; height:32px; border:3px solid #28b6eb;} #BSUHEAD .SUSEARCH button {width:68px; height:38px; background-image:url(/images/searchbutton.jpg); border:0px;} /*index*/ #LEINDEX {width:100%; clear:both; margin:35px 0 0 0;} #LEINDEX .WRP {width:980px; margin:0 auto;} #LEINDEX .TREEBAN {clear:both} #LEINDEX .TREEBAN div {float:left} #LEINDEX .BLOCKBAN a {display:block; position:relative; width:282px; height:111px;} #LEINDEX .ROLLING {width:231px; height:334px; border:1px solid #d6d6d6;} #LEINDEX .BLOCKBAN li {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6} #LEINDEX .BLOCKBAN li:last-child {border-bottom:1px solid #d6d6d6;} #LEINDEX .BLOCKBAN a img, #LEINDEX .BLOCKBAN.on a img {filter:none; -webkit-filter: none; /* Chrome 19+ & Safari 6+ & opera */} #LEINDEX .BLOCKBAN a:hover img, #LEINDEX .BLOCKBAN.on a:hover img {width:282px; height:111px; filter: gray(); /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ & opera */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ zoom: 1;} #LEINDEX .BLOCKBAN a span.culture-cnt { display:none; } #LEINDEX .BLOCKBAN a:hover span.culture-cnt { display:block; position:absolute; bottom:0; left:0; width:100%; height:111px; background-color: rgba(0, 0, 0, 0.2); zoom: 1; } /*gnb A¢´¢¬¢ç ¢¬¨­AI*/ #BSGNBWRP {float:left; width:100%; height:90px; position:relative; margin-top:-16px; z-index:10;} #BSGNB_SIZE {width:1100px; height:52px; margin:0 auto;} /*¡ÆEA¨¬©öe¡Æ©¡ ¡Æ¡Ì¡ÆY*/ #BSGNB_SIZE .BSG01 {float:left; margin:24px 0 0; padding:0; list-style:none; font-size:17px; font-weight:bolder;} #BSGNB_SIZE .BSG01 a {color:#ffffff; text-decoration:none;} #BSGNB_SIZE .BSG01 a:hover {color:#fdfce6} #BSGNB_SIZE .BSG01 li {float:left; line-height:20px; margin:0 0 0 130px;} #BSGNB_SIZE .BSG01 li:first-child {margin-left:90px;} /*gnbA¢´¢¬¢ç ¨ù¡©¨¬e¢¬¨­¢¥¨¬*/ #BSGNB02WRP {display:none;width:100%; height:230px; border-bottom:2px solid #4b4d4c; position:relative; background:#1c1c1c; opacity: 0.85; filter: alpha(opacity = 85); /* IE6,7*/ -ms-filter: ??alpha (opacity=85)??; /* IE8*/ -moz-opacity: 0.85; /* Firefox 1.5*/ -khtml-opacity: 0.85; /* Safari 1.x*/ zoom: 1; } #BSGNB02_SIZE {width:1100px; height:230px; margin:0 auto;} #BSGNB02_SIZE .BSY01 {color:#5a5a5a; letter-spacing:-0.07em; float:left; margin:25px 80px 0 0px;} #BSGNC {float:left; height:200px; } #BSGND {float:left; width:150px;} #BSGND li {margin:0 0 15px;} #BSGND a {text-decoration:none; font-size:14px; color:#ffffff;} #BSGND a:hover {color:#000000; background:#FFFFFF; font-weight:bold} /*boxbanner*/ .clsBannerScreen {width:463px; height:335px; overflow:hidden; position:relative; cursor:pointer; clear:both; position:relative;} .clsBannerScreen .images {position:absolute; display:none;} .clsBannerButton {width:432px; height:25px; cursor:pointer; background-color:#84a356; text-align:center; color:#ffffff; position:absolute; margin:300px 0 0 17px; font-size:12px; line-height:24px; border:1px solid #ababab; font-weight:bold;} .clsBannerButton li {width:140px; height:25px; float:left; text-align:center;} .clsBannerButton li.fir {} .clsBannerButton li.labelOverClass {font-weight:bold; width:140px; height:25px; background-color:#FFFFFF; color:#515151;} /*longbanner*/ #LONGBAN {width:100%; height:194px; clear:both; background-image:url(/images/backlong.png); background-repeat:repeat-x; padding-top:10px; background-position:50% 10px;} #LONGBAN .WARP {width:980px; margin:0 auto;} /*SHOPDPIMG*/ #SHOPDPSI {width:100%; clear:both;} #SHOPDPSI .WARP {width:980px; margin:0 auto;} #SHOPDPSI .WARP img {display:block} /*FARM BANNER*/ #FARMBANNER {width:100%; height:418px !important; background-image:url(/images/peoples_back.jpg); background-repeat:no-repeat; background-position:50% 20px; clear:both} #FARMBANNER .WRP {width:980px; margin:0 auto;} #FARMBANNER .LINKS {width:92px; height:20px; background-color:#fa9c2c; margin:0 auto; text-align:center;} #FARMBANNER .LINKS a {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; line-height:23px; } /*cscenter*/ #LBSCSCEN {width:100%; clear:both} #LBSCSCEN .WRAPS {width:980px; margin:0 auto; position:relative} #LBSCSCEN .WRAPS div, #LBSCSCEN .TREEBOXZ dd {float:left} #LBSCSCEN .KANBOX strong {display:block;} #LBSCSCEN .TREEBOXZ {clear:both} /*rolling banner*/ #ROLLINGSB {width:100%; clear:both; padding:20px 0 0 0;} #ROLLINGSB .WRS {width:1000px; height:56px; margin:0 auto; border-bottom:1px solid #cecece; border-top:1px solid #cecece;} #ROLLINGSB .WRS ul {float:left;position:relative; margin-left:140px;} #ROLLINGSB .WRS li {width:130px; height:33px; float:left; margin:10px 30px 0 75px;} #bannerLink{width:1000px; overflow:hidden; margin:10px 0 0 0; zoom:1;position:relative; padding:5px 0} #bannerLink:after{content:"";display:block;clear:both} #bannerLink .controlBtn {float:left} #bannerLink .controlBtn h2{font-size:20px; position:absolute; left:0; top:0; color:#232323; font-weight:bold;} #bannerLink .controlBtn a{display:block} #bannerLink .controlBtn .banner_next{width:15px; height:62px;position:absolute;top:-15px; right:0px; z-index:1000;} #bannerLink .controlBtn .banner_pause{width:15px; height:62px;position:absolute;top:24px;left:150px} #bannerLink .controlBtn .banner_play{width:15px; height:62px;position:absolute;top:24px;left:150px} #bannerLink .controlBtn .banner_preview{width:15px; height:62px; position:absolute; top:-15px;left:130px} #bannerLink .bannerContent {margin:-4px 0 0 155px; float:left; height:33px;overflow:hidden} #bannerLink .bannerContent ul{zoom:1;float:left;position:relative;} #bannerLink .bannerContent ul:after{content:"";display:block;clear:both;} #bannerLink .bannerContent li {width:130px; height:33px; float:left; margin:0 40px 0 0} /*footer*/ #SUFOOTER {width:100%; clear:both; background-color:#eeebeb; height:145px; margin-top:10px;} #SUFOOTER .WARPS {width:1100px; height:inherit !important; margin:0 auto;} #SUFOOTER .BOXGRAY {width:inherit !important; height:119px !important;} #SUFOOTER .BOXGRAY div {float:left} #SUFOOTER .ADMMENU {width:434px; height:22px; border-bottom:1px solid #b9b5b5; padding:15px 0 0 0; margin:0 0 0 280px;} #SUFOOTER .ADMMENU li {float:left; margin:0 0 0 12px; vertical-align:center} #SUFOOTER .ADMMENU a {text-decoration:none; color:#505152; font-size:12px; font-weight:bold;} #SUFOOTER .CONSFONT {font-size:12px; color:#797a7b; margin:15px 0 0 20px;} #SUFOOTER .CONSFONT strong {margin:-10px 0 0 0; font-weight:bold;} #SUFOOTER .CONSFONT, #SUFOOTER .CONSFONT p {clear:both} #SUFOOTER .CONSFONT, #SUFOOTER .CONSFONT dd, #SUFOOTER .KCPM, #SUFOOTER .KCPM dd {float:left} #SUFOOTER .KCPM {margin:-90px 0 0 635px} #SUFOOTER .CONSFONT a {margin:0 0 0 10px;}