@charset "utf-8"; @font-face { font-family:'NanumGothic'; src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'); /*ie 6,7,8 적용*/ src:url('fonts/NanumGothic.woff') format('woff'); /*ie 제외한 나머지*/ font-style:normal; font-weight:normal; } @font-face { font-family:'NanumGothicBold'; src:url('../../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'); /*ie 6,7,8 적용*/ src:url('fonts/NanumGothicBold.woff') format('woff'); /*ie 제외한 나머지*/ font-style:normal; font-weight:normal; } @font-face { font-family:'NanumBarunGothic'; src:url('../../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'); /*ie 6,7,8 적용*/ src:url('fonts/NanumBarunGothic.woff') format('woff'); /*ie 제외한 나머지*/ font-style:normal; font-weight:normal; } @font-face { font-family:'NanumBarunGothicUltraLight'; src:url('../../fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'); /*ie 6,7,8 적용*/ src:url('fonts/NanumBarunGothicUltraLight.woff') format('woff'); /*ie 제외한 나머지*/ font-style:normal; font-weight:normal; } * { margin:0; padding:0; } body { font:12px "NanumBarunGothic", "나눔바른고딕", "Nanum Gothic", "맑은고딕", "Malgun Gothic", arial; color:#333; letter-spacing:-0.5px; } a { text-decoration:none; color:#333; } a:hover { text-decoration:none; color:#137ffb; } input, textarea, select, button, table { font-family:inherit; font-size:inherit; line-height:inherit; outline:none; vertical-align:middle; } img, fieldset { border:none; } ul { list-style:none; } em { font-style:normal; } header { } .body_wrap { width:1100px; margin:0 auto; } #top_nav { border-bottom:1px solid #fe3174; padding:7px 0 5px; background:#fff; position:fixed; top:0; right:0; left:0; z-index:1000; height:16px; } #top_nav .body_wrap { color:#fe3174; font-weight:bold; overflow:hidden; } #top_left { float:left; } #top_left form input { border:none; background:#ffd6e3; width:100px; height:14px; } #top_left form button { width:40px; height:16px; background:#fe3174; color:#fff; font-size:12px; border:none; cursor:pointer; } #top_right { float:right; margin-top:2px; } #top_menu { overflow:hidden; } #top_menu li { float:left; margin-left:10px; cursor:pointer; } #middle_logo { position:relative; top:29px; margin-top:40px; height:180px; } #middle_logo .body_wrap { overflow:hidden; } #middle_left { float:left; margin:0 200px 0 80px; } #topmiddle_slide { position:relative; width:92px; height:90px; } #topmiddle_slide p { position:absolute; top:40px; cursor:pointer; } #prev1 { left:-30px; } #next1 { right:-30px; } #content1 { width:100%; height:100%; overflow:hidden; } #allpage1 { } #allpage1 .page1 { float:left; } #middle_center { float:left; width:274px; height:140px; } #middle_right { float:right; width:220px; margin:30px 80px 0 0; position:relative; } #search { } #search legend { display:none; height:0; width:0; font-size:0; } #search span { display:block; width:165px; height:25px; border:3px solid #fe3174; } #search span input { width:100%; height:100%; border:none; padding-left:10px; font-size:14px; } #search button { position:absolute; right:0px; top:0px; width:49px; height:31px; background:#fe3174; color:#fff; font-size:15px; border:none; cursor:pointer; } nav { height:40px; line-height:40px; background:#fe3174; font-size:14px; position:absolute; top:209px; left:0; right:0; z-index:1000; } nav .body_wrap { } nav ul { overflow:hidden; } nav ul li { float:left; margin-right:55px; } nav ul li:first-child { background:#333; border-radius:10px; padding:0 15px; } nav ul li:last-child { margin-right:0; } nav .body_wrap ul li a { color:#fff; } nav .body_wrap ul li a:hover { color:#333; } nav .body_wrap ul li:first-of-type a:hover { color:#fe3174; } section { position:relative; top:40px; } section .body_wrap{ } #accodion { width:1100px; height:434px; } #accodion dl { height:434px; cursor:pointer; } #accodion dl dt { float:left; width:50px; height:434px; } #accodion dl dt:nth-of-type(1) { display:block; width:50px; height:434px; background-image:url(images/main/img_mainbanner_01.jpg); background-repeat:no-repeat; } #accodion dl dt:nth-of-type(2) { display:block; width:50px; height:434px; background-image:url(images/main/img_mainbanner_02.jpg); background-repeat:no-repeat; } #accodion dl dt:nth-of-type(3) { display:block; width:50px; height:434px; background-image:url(images/main/img_mainbanner_03.jpg); background-repeat:no-repeat; } #accodion dl dt p.black { background-color:rgba(0,0,0,0.5); height:100%; } #accodion dl dt p.white { background-color:rgba(0,0,0,0); height:100%; } #accodion dl dt p.white1 { background-color:rgba(0,0,0,0); height:100%; } #accodion dl dd { float:left; width:950px; height:434px; overflow:hidden; } #accodion_h .over { } #main_slide { position:relative; width:1000px; height:241px; margin:10px auto 0; } #main_slide p { position:absolute; top:50%; cursor:pointer; } #prev2 { left:-50px; } #next2 { right:-50px; } #content2 { width:100%; height:100%; overflow:hidden; } #allpage2 { } #allpage2 .page2 { float:left; height:241px; } #allpage2 .page2 li { float:left; margin-right:15px; } #new_arrival { clear:both; margin:90px 0 0; border:3px dotted #333; border-right:none; border-left:none; position:relative; } #new_arrival > p { width:274px; height:86px; background:url(images/main/img_newarrival.png) no-repeat; position:absolute; top:-40px; left:50%; margin-left:-137px; cursor:pointer; } .item_content { margin:60px 0 30px; overflow:hidden; } .item { float:left; margin: 10px 12px 10px 0; width:266px; cursor:pointer; } .item_content > .item:nth-of-type(4n) { margin-right:0; } .item img { } .item .text { margin-top:10px; cursor:pointer; } .text h4 { display:inline; padding:3px 2px 0px; background:#fe3174; color:#fff; } .text h3 { margin:4px 0; } .text span { display:inline-block; margin:2px 0; } .text del { color:#bbb; display:inline-block; margin:2px 0; } .text strong { display:inline-block; margin:2px 0; } .text em { display:inline-block; margin:2px 0; } #basic_banner { height:244px; margin:30px 0; } #basic_banner img { float:left; margin-right:17px; cursor:pointer; } #basic_banner img:last-child { float:right; margin-right:0; } #best_item { margin:90px 0 0; border-top:3px dotted #fe3174; position:relative; } #best_item > p { width:274px; height:86px; background:url(images/main/img_bestitems.png) no-repeat; position:absolute; top:-40px; left:50%; margin-left:-137px; cursor:pointer; } footer { margin-top:50px; overflow:hidden; } footer > img { display:block; width:247px; height:34px; margin:0 auto; cursor:pointer; } footer > h1 { border:2px solid #fe3174; } #sitemap { overflow:hidden; } .sitemap { margin:40px 62px 40px 0 ; width:170px; float:left; } .sitemap:last-child { margin-right:0; } .sitemap h2 { font-size:14px; } .sitemap h3 { border:2px solid #f37b46; margin:10px 0; } .sitemap_menu { font-size:12px; } .sitemap_menu li { margin:5px 0; } .sitemap_menu li a:hover { color:#f37b46; } .sitemap:nth-of-type(2) h3 { border:2px solid #91c482; } .sitemap:nth-of-type(3) h3 { border:2px solid #6bbbb5; } .sitemap:nth-of-type(4) h3 { border:2px solid #649acf; } .sitemap:nth-of-type(5) h3 { border:2px solid #c68ce5; } .sitemap:nth-of-type(2) .sitemap_menu li a:hover { color:#91c482; } .sitemap:nth-of-type(3) .sitemap_menu li a:hover { color:#6bbbb5; } .sitemap:nth-of-type(4) .sitemap_menu li a:hover { color:#649acf; } .sitemap:nth-of-type(5) .sitemap_menu li a:hover { color:#c68ce5; } #cover { clear:both; color:#fff; background:#333; padding:40px 0 20px; } #cover .body_wrap { } #cover_top { overflow:hidden; } #cover_top h1 { float:left; width:579px; height:110px; background:url(images/common/img_footer_01.png) no-repeat; margin-left:5px; } #com_menu { float:left; margin-left:8px; } #com_menu h2 { width:165px; height:15px; background:url(images/common/img_footer_02.png) no-repeat; margin-bottom:7px; } #com_menu ul { overflow:hidden; } #com_menu ul li { float:left; margin-right:10px; } #com_menu ul li:last-child { margin-right:0; } #com_menu ul li a { color:#fff; font-size:11px; text-align:center; padding-top:80px; display:block; width:75px; } #com_menu ul li:nth-of-type(1) a { background:url(images/common/icon_notice.png) no-repeat; } #com_menu ul li:nth-of-type(2) a { background:url(images/common/icon_delivery.png) no-repeat; } #com_menu ul li:nth-of-type(3) a { background:url(images/common/icon_customer.png) no-repeat; } #com_menu ul li:nth-of-type(4) a { background:url(images/common/icon_review.png) no-repeat; } #com_menu ul li:nth-of-type(5) a { background:url(images/common/icon_qna.png) no-repeat; } #com_menu ul li:nth-of-type(6) a { background:url(images/common/icon_who.png) no-repeat; } #com_menu ul li a:hover { color:#ed4d84; } #com_menu ul li:nth-of-type(1) a:hover { background:url(images/common/icon_notice_ov.png) no-repeat; } #com_menu ul li:nth-of-type(2) a:hover { background:url(images/common/icon_delivery_ov.png) no-repeat; } #com_menu ul li:nth-of-type(3) a:hover { background:url(images/common/icon_customer_ov.png) no-repeat; } #com_menu ul li:nth-of-type(4) a:hover { background:url(images/common/icon_review_ov.png) no-repeat; } #com_menu ul li:nth-of-type(5) a:hover { background:url(images/common/icon_qna_ov.png) no-repeat; } #com_menu ul li:nth-of-type(6) a:hover { background:url(images/common/icon_who_ov.png) no-repeat; } #cover_bottom { margin:50px 0 0 5px; } #cover_bottom ul { overflow:hidden; } #cover_bottom ul li { float:left; margin-right:10px; } #cover_bottom ul li a { color:#fff; font-size:11px; } #cover_bottom ul li a:hover { color:#ed4d84; } #cover_bottom p { margin-top:30px; }