@charset "euc-kr"; @import url(/css/base.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);.notosanskr * {font-family: 'Noto Sans KR', sans-serif; } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal;font-style: normal; } @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arita'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal;font-style: normal; } /*기본폰트지정*/ html{overflow-x:auto;} body, input, select, li, dl, td, th{font-family:'Noto Sans CJK KR', Malgun Gothic, sans-serif; letter-spacing:-0.5px; margin:0; padding:0} h3 {font-size:24px; font-weight:500} /*헤더*/ #header_wrap {width:100%; height:200px;} #header_bg {width:100%; height:110px; margin:0 auto; z-index:1; background:#fff} #header {position:relative; top:20px; width:1160px; margin:0 auto; } #header h1 {float:left;} .header_input{float:left; margin:10px 0 0 150px; width:400px; height:30px; border:2px solid #35ac80; background:#fff; padding:6px; border-radius:3px} .header_input img{float:right} .header_banner{float:right; } #header input{float:left; color:#666; margin:3px; } #top_menu_wrap{position:relative; width:100%; background:#eaeaea; border-top:3px solid #000; height:33px; border-bottom:1px solid #ccc; z-index:2;} #top_menu{width:1192px; margin:0 auto} #top_menu>ul {float:right; } #top_menu li {float:left; display:inline-block; border-left:1px solid #ccc; padding:6px 14px; text-align:center; color:#333; } #top_menu li:last-child {border-right:1px solid #ccc; } #top_menu li a{font-size:14px; color:#666; } #ca_menu_wrap{width:100%; background:#dfe7e4; height:130px; } #ca_menu{width:1192px; margin:0 auto} #ca_menu li {float:left; display:inline-block; border-right:1px solid #b7d4ca; padding-top:10px; width:148px; height:120px; text-align:center} #ca_menu li:first-child{border-left:1px solid #b7d4ca; width:147px} #left_wrap{width:280px; float:left;} #left_wrap li{float:left;} .left_menu {width:280px; height:410px; border-top:1px solid #b7d4ca; } .left_menu ul li{float:left; width:138px; padding:8px 0; text-align:center; border-right:1px solid #b7d4ca; background:#dfe7e4; border-bottom:1px solid #b7d4ca;} .left_menu ul li:nth-child(odd){border-left:1px solid #b7d4ca; } #right_wrap{width:865px; min-height:700px; float:right;height:100%;overflow:hidden;} /* 카테고리 전체보기 ********************************************************************************************************************************/ #wrap_ca{width:1200px; margin:0 auto; display:none;} #wrap_ca div{position:absolute;z-index:1000;} #ca_all{border:2px solid #000; width:1199px; background:#FFF; } #ca_all ul {border-right:1px solid #efefef; width:149px; float:left; min-height:230px; padding-bottom:10px; } #ca_all ul:last-child{border-right:none;} #ca_all ul li a{padding:5px 15px; height:15px; letter-spacing:-0.5px; font-size:14px; } #ca_all ul li:first-child{font-size:15px; height:20px; padding:5px 5px 10px 5px; background:#666; text-align:center; margin-bottom:10px;} #ca_all ul li:first-child a{color:#FFF;} #Menulink{position:relative; width:100%; height:50px; background:#198a60; border-top:3px solid #167c56 } #Menulink>ul{width:1200px; margin:0 auto; text-align:center } #Menulink>ul>li{float:left; padding-left:110px; line-height:47px; text-align:center } #Menulink>ul>li:first-child{float:left; } #Menulink>ul>li img{padding-top:13px} #Menulink>ul>li a {font-size:18px; font-weight:500; color:#fff;} /*메인메뉴>서브메뉴 폰트스타일 지정*/ #Menulink>ul>li a:active, #Menulink>ul>li a:hover {color:#ffd800;} /*메인메뉴>서브메뉴 오버스타일 색깔지정*/ #Menulink>ul>li>div#menu_1 {width:350px; left:5px; background:#063; border-radius:20px; padding:3px} /*서브메뉴 길이, 위치*/ #Menulink>ul>li>div#menu_2 {width:410px; left:30px; background:#063; border-radius:20px; padding:3px} #Menulink>ul>li>div#menu_3 {width:350px; left:30px; background:#063; border-radius:20px; padding:3px} #Menulink>ul>li>div#menu_4 {width:350px; left:-200px; background:#063; border-radius:20px; padding:3px} #Menulink>ul>li>div#menu_5 {width:300px; left:-320px; background:#063; border-radius:20px; padding:3px} /*푸터*/ #footer_menubg {clear:both; background:#191919; height:36px; margin-top:30px } #footer_menu {width:530px; margin:0 auto;} #footer_menu li{float:left; border-left:1px solid #333333; padding:7px 25px;} #footer_menu li:last-child {border-left:1px solid #333333; border-right:1px solid #333333;} #footer_menu li a {color:#fff; font-size:13px} #footer_bg {clear:both; height:170px; background:#dddddd; padding-top:10px} #footer {position:relative; width:1000px; padding-top:10px; margin:0 auto; font-size:13px; line-height:140%} #footer h3 {float:left} #footer div.copyright {float:left; margin:0 0 0 50px; color:#555;} #footer .tel {color:#096945; font-size:20px; } #footer div.qr {position:absolute; right:324px; top:36px;} #footer div.mark {position:absolute; right:152px; top:36px;} #footer div.mark li {float:left; display:inline;} #footer div.counter {position:absolute; right:6px; top:45px; width:150px; height:81px; border:1px solid #e0e0e0; background:#ffffff;} #footer div.counter dl {padding:10px 10px 0 10px;} #footer div.counter dt, #footer div.counter dd {height:22px;font-size:13px;} #footer div.counter dt {float:left;} #footer div.counter dd {font-weight:bold; text-align:right;} #footer div.counter dd.now_count {color:#4f4e4e;} #footer div.counter dd.today_count {color:#0066ff;} #footer div.counter dd.total_count {color:#cc0033;} /*메인 레이아웃-작업자 임의로 지정*******************************************************************************************/ .main_wrap {clear:both; width:1192px; margin:0 auto; padding-top:20px;} #main_visual {clear:both; width:100%; background:linear-gradient( to left, #31333d, #000 ); } .main_visual{width:1192px; margin:0 auto; } .main_visual .slide_img01{height:330px; background:url('/img/visual01.png') no-repeat top center;} .main_visual .slide_img02{height:330px; background:url('/img/visual02.png') no-repeat top center;} .main_visual .slide_img03{height:330px; background:url('/img/visual03.png') no-repeat top center;} .main_visual .slide_img04{height:330px; background:url('/img/visual04.png') no-repeat top center;} .main_visual .slide_img05{height:330px; background:url('/img/visual05.png') no-repeat top center;} .main_visual .slide_img06{height:330px; background:url('/img/visual06.png') no-repeat top center;} .main_visual .slide_img07{height:330px; background:url('/img/visual07.png') no-repeat top center;} .main_visual .slide_img08{height:330px; background:url('/img/visual08.png') no-repeat top center;} .main_visual .slide_img09{height:330px; background:url('/img/visual09.png') no-repeat top center;} .main_visual .slide_img10{height:330px; background:url('/img/visual10.png') no-repeat top center;} .main_visual .slide_img11{height:330px; background:url('/img/visual11.png') no-repeat top center;} .main_visual .slide_img12{height:330px; background:url('/img/visual12.png') no-repeat top center;} #right_wrap .main_visual{width:859px; margin:0 auto; } #right_wrap .main_visual .slide_img01{height:385px; background:url('/img/visual01_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img02{height:385px; background:url('/img/visual02_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img03{height:385px; background:url('/img/visual03_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img04{height:385px; background:url('/img/visual04_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img05{height:385px; background:url('/img/visual05_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img06{height:385px; background:url('/img/visual06_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img07{height:385px; background:url('/img/visual07_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img08{height:385px; background:url('/img/visual08_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img09{height:385px; background:url('/img/visual09_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img10{height:385px; background:url('/img/visual10_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img11{height:385px; background:url('/img/visual11_s.jpg') no-repeat top center;} #right_wrap .main_visual .slide_img12{height:385px; background:url('/img/visual12_s.jpg') no-repeat top center;} .recomm {float:right; background:#3a455c; width:306px; height:225px; padding:20px 10px; font-family:'yg-jalnan'; margin: 0 0 5px 5px} .recomm .tit{color:#f8ba47; font-size:18px;} .recomm .img{text-align:center; vertical-align:middle; height:150px} .recomm .detail{color:#a1a4aa; font-size:16px;} .recomm .won{color:#fff; font-size:24px; margin-top:5px} /*메인화면 제품리스트*/ .main_wrap>.product_list{float:left; margin:0 10px 30px 0; width:290px } .main_wrap>.product_list h2{text-align:center; margin-bottom:5px; padding-top:10px; height:35px; font-size:18px; font-family:'S-CoreDream-3Light'; font-weight:bold; color:#fff; border-radius:3px} .main_wrap>.product_list ul{border:1px solid #ccc} .main_wrap>.product_list ul li{border-bottom:1px solid #ccc; padding:10px;} .main_wrap>.product_list ul li:last-child{border-bottom:0} .main_wrap>.product_list .tit{padding-left:20px;} .main_wrap>.product_list .won{font-size:18px; color:#ff7200; font-weight:400; padding-left:20px;} .main_wrap>.product_list .img{text-align:center; height:160px; vertical-align:middle; } .main_board {clear:both; width:1192px; margin:0 auto; padding-top:30px; border:1px solid #d5d5d5; background:#f5f5f5; height:200px; } .main_board ul li{float:left; margin-left:30px} .main_board ul li:first-child{border-right:1px solid #d5d5d5} .main_board h3{color:#333; font-size:18px; height:40px; border-bottom:1px solid #ccc; font-weight:600; letter-spacing:-1px; padding-left:10px} .main_board h3 span{float:right; color:#000} .notice{padding:10px; width:380px; height:120px} .notice ul li{line-height:30px; width:380px; float:left; font-size:15px; margin-left:0 } .notice ul li:first-child{border-right:0;} .notice ul li .date{float:right; font-size:13px; color:#999} #main_product {position:absolute; top:10px; right:0; width:750px; height:250px; border:5px solid #629946; background-color:#fff; } #main_product h3 {position:absolute; top:20px; left:25px;} #main_product .more {position:absolute; top:20px; right:25px;} #main_product ul {padding:60px 10px 0;} #main_product ul li {float:left; display:inline; width:33.3%; text-align:center;} #main_product ul li .product_img {width:100%; height:124px;} #main_product ul li .product_text {text-align:center; padding-top:5px; line-height:1.2; font-weight:bold;} #main_product ul li .product_text a {color:#555;} #main_product ul li .product_text strong {font-size:14px; color:#e5175c;} #main_board {position:relative; top:0; left:0; width:198px; height:190px; background:url(/img/bg_board.gif); padding:10px 0 0 20px } #main_board h3 {position:absolute; top:20px; left:30px } #main_board .more {position:absolute; top:25px; right:24px;} #main_board ul {padding-top:50px} #main_board li {line-height:20px;} /* 메인화면 상품스크롤 */ #product_box{float:CENTER; width:930px; padding:0px; height:200px;} #product_box .control{float:left; padding:0px;} #product_box .control li{float:left; padding:0px;} #product_box .more{float:left; display:inline; width:30px; margin:2px 0 0 1px; padding:1px 0 0 0;} #product_box .product_inner{clear:both; float:left; width:930; height:200px;} #product_box .product_inner .btn_left{float:left; width:21px; padding:0px 0 0 0;} #product_box .product_inner .list{float:left; width:930px; padding:0;} #product_box .product_inner .list #product{position:relative;overflow:hidden; width:990px; height:200px; } #product_box .product_inner .list #product #wrap{width:10000px; position:absolute;left:0px;HEIGHT:200px;} #product_box .product_inner .list #product #wrap li{float:left;width:190px;padding:0px 4px 0 4px;text-align:center} #product_box .product_inner .list #product #wrap li img{display:inline-block; border:0px solid #cccccc;} #product_box .product_inner .btn_right{float:right; width:21px; margin:0px 0 0 0;} .price {font-size:12px; color:#752606; font-weight:bold;} /*서브화면 제품리스트*/ #right_wrap>.product_list {clear:both} #right_wrap>.product_list ul li{float:left; width:280px; height:290px; margin:0 10px 20px 0;} #right_wrap>.product_list ul li:nth-child(3n) {margin-right:0} #right_wrap>.product_list .tit{padding:10px;} #right_wrap>.product_list .won{font-size:18px; color:#ff7200; font-weight:400; padding-left:10px;} #right_wrap>.product_list .img{text-align:center; border:1px solid #ccc; height:200px; padding:10px } /*#right_wrap h2{clear:both; height:50px; font-size:28px; color:#111; font-family:'S-CoreDream-3Light'; font-weight:bold; }*/ /*서브화면 2depth 카테고리*/ #sub_menu{clear:both; height:70px; } #sub_menu h2{background:#393; font-family:'nanumsquare', sans-serif; font-size:22px; color:#FFF; height:28px} #sub_menu li{float:left; border:1px solid #ccc; margin-right:5px; text-align:center; width:166px; } #sub_menu li:last-child{margin-right:0} #sub_menu li a {font-size:16px; font-weight:400;color:#333; background:#ddd; display:block; padding:10px 0} /*왼쪽메뉴 스타일지정*/ #sub_menu li a:hover {color:#fff; font-weight:400; background:#333} /*왼쪽메뉴 오버스타일지정*/ #sub_menu li a.on {color:#fff; background:#333; font-weight:400;} /*왼쪽메뉴 온스타일지정*/ #sub_title {width:100%; border-bottom:1px solid #ccc; margin:20px 0; height:40px; } #sub_title h2{float:left; height:50px; font-size:28px; color:#111; font-family:'S-CoreDream-3Light'; font-weight:bold; } .loaction {float:right; font-size:15px; color:#808080; padding-top:5px} /*현재위치 스타일지정*/ .loaction span{color:#000; font-weight:500} /**서브메뉴 탑이미지 지정*/ #sub_container {width:1192px; margin:0 auto;} #sub_visual{height:120px; text-align:center; font-size:30px; } .sub_img0 {height:120px; background:url(/img/sub_img0.jpg) no-repeat top center;} .sub_img1 {height:120px; background:url(/img/sub_img01.jpg) no-repeat top center;} .sub_img2 {height:120px; background:url(/img/sub_img02.jpg) no-repeat top center;} .sub_img3 {height:120px; background:url(/img/sub_img03.jpg) no-repeat top center;} .sub_img4 {height:120px; background:url(/img/sub_img04.jpg) no-repeat top center;} .sub_img5 {height:120px; background:url(/img/sub_img05.jpg) no-repeat top center;} .sub_img6 {height:120px; background:url(/img/sub_img06.jpg) no-repeat top center;} .sub_img7 {height:120px; background:url(/img/sub_img07.jpg) no-repeat top center;} .sub_img8 {height:120px; background:url(/img/sub_img08.jpg) no-repeat top center;} .sub_img9 {height:120px; background:url(/img/sub_img09.jpg) no-repeat top center;} .sub_img10 {height:120px; background:url(/img/sub_img10.jpg) no-repeat top center;} /*버튼*/ .btn_detail a{border:1px solid #c7c7c7; padding:5px 30px; background:#f6f6f6;} .btn_detail a:hover{border:1px solid #c7c7c7; padding:5px 30px; background:#777; color:#fff} .td_center{text-align:center} .td_right{text-align:right} /*이용약관*/ .policy_wrap {line-height:1.5;} .policy_wrap h3 {color:#222; padding:10px 0; border:1px solid #ddd; text-align:center; margin-bottom:25px;} .policy_wrap dl {margin-bottom:25px;} .policy_wrap dt {color:#333; font-weight:bold; margin-bottom:10px; font-size:15px} .policy_wrap dd {color:#666; font-size:14px; margin-bottom:5px; font-size:15px} .policy_wrap dd ul {padding-left:15px;} .policy_box {padding-left:20px;} .disclaimer {padding:50px 50px 35px 50px; border:1px solid #ddd;} .disclaimer p {margin-bottom:15px;} /* 회원탈퇴 */ .secession_box {border: 1px solid #dbdbdb;padding: 30px 0;text-align: center;margin-bottom: 20px;background-color: #fafafa;} .secession_box li div img {margin: 10px 0 20px;} .secession_box h3 {font-size: 20px;font-weight: 500;color: #333;margin-bottom: 20px;} .secession_box li div h4 {margin-bottom: 20px;font-size: 13px;font-weight: 400;color: #000;letter-spacing: -1px;} .secession_box li div p {font-size: 12px;color: #666;} .secession_box ul {width: 100%;overflow: auto;margin: 0 auto;} .secession_box li {font-size: 13px;float: left;width: 287px;} .secession_box li div {width: 260px;height: 300px;border: 1px solid #dbdbdb;margin: 0 auto;padding: 10px;background-color: #fff;line-height: 1.5;box-sizing: border-box;} #sub_content { clear: both; min-height: 550px; padding: 10px 0; word-break: keep-all; text-align: justify; font-size: 15px; height: 100%; } .agr_all_check {font-size: 16px;font-weight: 500;text-align: center;color: #333;background-color: #f0f0f0;padding: 20px 0;} .join_btn {padding: 30px 0;text-align: center;}