/* BASIC css start */ @charset "utf-8"; #main_left_margin { clear:both; } #header.fix { margin-top:-141px; position:fixed; top:0; left:0; right:0 } #mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2 } #header { z-index:2; top:0; width:100%; position:relative;background:#fff; min-width:1230px; } #header .inner { z-index:100; display:block;position:relative;padding:8px 0 2px 0; *zoom:1; background:#fff;height:20px; border-bottom:1px solid #eee; } #header .inner .top_all { width:1230px; margin:0 auto;} #header .inner:after { content:""; display:block; clear:both; } #header .inner .inner_left { float:left; } #header .inner .inner_left a { font-family:'Montserrat' !important; color:#000; font-weight:700; font-size:14px; letter-spacing:1px } #header .inner .inner_left .top_left_bbs, #header .inner .inner_left .top_left { display:none } /* 상단 좌측 */ #header .left_shop_menu { } #header .left_shop_menu .sns { float:left; text-align:center; padding:1px 0 0; } #header .left_shop_menu .sns a { line-height:0; display:block; float:left; padding:0 2px 0 0; } #header .login_line { float:right; width:390px;} #header .login_line img.first { padding:0px 6px 0 0 } #header .login_line .save_icon { position:absolute; margin:15px 0 0 -5px;} #header .login_line li { float:left;margin:0;padding:0;} #header .login_line img { padding:0px 0 0 4px } #header .login_line img.icon { padding:0px 3px 2px 5px;} #header .login_line a { padding:3px 0 0 7px;font-size:11px; color:#737373;display:block; } #header .login_line a:hover { color:#000; } #header .login_line .community:hover .com_sub { display:block; width:50px; } #header .login_line .com_sub { display:none; position:absolute; z-index:1; margin:1px 0 0 -11px; color:#5f5f5f; background:#fff; border:1px solid #e1e1e1; padding:8px 23px 7px 17px; } #header .login_line .com_sub a { display:block; color:#5f5f5f; padding:2px 0 3px 0; } #header .login_line .com_sub a:hover { color:#000; } #header .login_line .mypage:hover .com_my { display:block; width:55px; } #header .login_line .com_my { display:none; position:absolute; z-index:1; margin:1px 0 0 -11px; color:#5f5f5f; background:#fff; border:1px solid #e1e1e1; padding:8px 23px 7px 17px; } #header .login_line .com_my a { display:block; color:#5f5f5f; padding:2px 0 3px 0; } #header .login_line .com_my a:hover { color:#000; } /* 상단 이벤트배너 & 로고 */ #header .hzone2 { clear:both; display:block; height:110px; text-align:center; background:#fff;} #header .top_logo_zone { width:1230px; margin:0 auto;} #header .logo { width:190px; float:left; left:0px; margin-top:10px; } #header .tm_left { width:300px; float:left; padding-left:15px;height:110px;line-height:110px;} #header .tm_left li { float:left; margin:0px;} #header .tm_left li img {vertical-align:middle;} /* 상단검색 */ #header .search_zone {float:left; margin-top:38px;} #header .hdSchFrm { width:300px; float:left; height:38px; border:2px solid #a19494; border-radius:60px; background:#transparent;} #header .hdSchFrm fieldset { float:left; width:auto;margin:0 auto;} #header .hdSchFrm .MS_search_word, #header .hdSchFrm .btn-sch { float:left; width: auto; padding:5px 0px 0 0;} #header .hdSchFrm .MS_search_word { border:5px; width:240px; height: 30px; color:#ae6353; font-weight:bold; margin-left:20px; line-height:30px; background-color:transparent; border-radius:40px; } #header .hdSchFrm.t_keyword { position: absolute; left: 50%; top: 50%;width:240px; border: 0px; position:left; right:0; top:0px; overflow:hidden;font-size:11px;} #header .hdSchFrm.t_keyword a { position: absolute; left: 50%; top: 50%; width:240px; border: 0px; font-size:11px;text-decoration:none;} #header .hdSchFrm.t_mem { position: absolute; left: 50%; top: 50%; width:240px; border: 0px; position:left; right:0; top:50px; overflow:hidden;font-size:11px;} #header .hdSchFrm.t_mem a { position: absolute; left: 50%; top: 50%; width:240px; border: 0px; font-size:11px;text-decoration:none;} #header .right_menu {float:right; width:370px;height:110px;line-height:110px;} #header .right_menu li {float:left; margin:0; padding:0 0px 0 0;} #header .right_menu li img {vertical-align:middle;} #header .right_menu li a span.count { background:url(/design/sh0032/new_images/top/s69_cart_count_bg.png); background-repeat:no-repeat; color:#fff; font-weight:bold; padding:3px 0 0; overflow:hidden; margin:55px 0 0 -20px; font-size:10px; text-align:center; position:absolute; width:20px; height:20px; } /* 전체메뉴 */ #header .headerBottom { clear:both;height:50px;background:#4a4241; border-bottom:0px solid #dfdfdf;z-index:5; display:block; text-align:center;} #header .headerBottom #top_category_fixed { top:0; z-index:9999; position:fixed; width:100%; background:#ececec; } #header .headerBottom .navWrap { *zoom:1 ; width:1230px; margin:0 auto; left:0;} #header .headerBottom .navWrap:after { display:block; clear:both; content:'' } /* 상단 카테고리 */ #header .headerBottom .navWrap .inner2 { width:1180px; margin:0 auto;} #header .headerBottom .navWrap .inner2 .navbar-frame {position:absolute; z-index:10;} #header .headerBottom .navWrap .inner2 .navbar_large {position:absolute; height:40px;} #header .headerBottom .navWrap .inner2 .navbar_small {position: fixed; right: 0; left: 0; top:0;} #header .headerBottom .navWrap .inner2 .gnb {margin:0 auto;padding-left:30px;} .nav {width:1230px; margin:0; height:50px; line-height:50px;} .nav li {float:left; height:50px; line-height:50px; text-align:center; position:relative; margin:0;} .nav li.last {} .nav li a {display:block; font-size:12px; color:#fff;padding:0 18px 0 18px; height:50px; line-height:50px; font-weight:bold; letter-spacing:-1px; font-family: "tahoma", "Gulim", sans-serif;} .nav > li:hover a {color:#cba69e;} /* hover background fix */ .nav > li .cate a { color:#fff; border-bottom:2px solid #000; padding:0 0 12px 0; display:block;} .nav > li .cate a:hover { color:#ae6353; border-bottom:2px solid #000; padding:0 0 12px 0; display:block;} .nav > li .all_sub {position:absolute; top:100%; left:0px; padding:0 0 15px 0; border-top:1px solid #999999; border:2px solid #999999; background:#fff; display:none; z-index:10000;} .nav > li:hover .all_sub {display:block;} .nav > li .all_sub ul {padding:0; display:block; *zoom;} .nav > li .all_sub li {height:24px; line-height:24px; text-align:left; width:100%;} .nav > li .all_sub li span {margin-left:6px} .nav > li .all_sub li strong {margin-left:6px} .nav > li .all_sub li a {font-size:12px; height:24px; line-height:24px; width:100%; display:block; margin:0; padding:0; background:#fff; color:#777777; font-weight:normal;} .nav > li .all_sub li a:hover {text-decoration:underline; color:#bd0d0d} .nav > li .cate .all_sub {width:1196px; height:500px; overflow-y: auto; background:url(images/bg/bg_allsub.gif) repeat-y 0 0} .nav > li .cate .all_sub > div {float:left; width:131px; text-align:center;} .nav > li .cate .all_sub > div a {background:none;} .nav > li .cate .all_sub > div a:hover {background:none;} /* 패키지 */ .nav > li .sub1 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub1 {display:block;} .nav > li .sub1 ul {padding:0 20px;} .nav > li .sub1 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub1 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub1 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px;font-weight:normal;} .nav > li .sub1 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub1 {width:460px; overflow:hidden;} .nav > li.cate .sub1 > div {float:left; width:160px; min-height:200px; text-align:center;} .nav > li.cate .sub1> div a {background:none;} .nav > li.cate .sub1 > div a:hover {background:none;} /* 면 */ .nav > li .sub2 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub2 {display:block;} .nav > li .sub2 ul {padding:0 20px;} .nav > li .sub2 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub2 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub2 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px;font-weight:normal;} .nav > li .sub2 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub2 {width:630px; height:auto !important; overflow:hidden;} .nav > li.cate .sub2 > div {float:left; width:160px; min-height:200px; text-align:center;} .nav > li.cate .sub2 > div a {background:none;} .nav > li.cate .sub2 > div a:hover {background:none;} /* 린넨 */ .nav > li .sub3 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub3 {display:block;} .nav > li .sub3 ul {padding:0 20px;} .nav > li .sub3 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub3 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub3 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub3 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub3 {width:460px; overflow:hidden;} .nav > li.cate .sub3 > div {float:left; width:160px; min-height:200px; text-align:center;} .nav > li.cate .sub3 > div a {background:none;} .nav > li.cate .sub3 > div a:hover {background:none;} /* 의류원단 */ .nav > li .sub4 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px;border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub4 {display:block;} .nav > li .sub4 ul {padding:0 20px;} .nav > li .sub4 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub4 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub4 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub4 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub4 {width:800px; overflow:hidden;} .nav > li.cate .sub4 > div {float:left; width:160px; min-height:200px; text-align:center;} .nav > li.cate .sub4 > div a {background:none;} .nav > li.cate .sub4 > div a:hover {background:none;} /* 계절원단 */ .nav > li .sub5 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub5 {display:block;} .nav > li .sub5 ul {padding:0 20px;} .nav > li .sub5 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub5 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub5 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px; font-weight:normal;} .nav > li .sub5 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub5 {width:630px; overflow:hidden;} .nav > li.cate .sub5 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub5 > div a {background:none;} .nav > li.cate .sub5 > div a:hover {background:none;} /* 옥스/캔버스 */ .nav > li .sub6 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub6 {display:block;} .nav > li .sub6 ul {padding:0 20px;} .nav > li .sub6 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub6 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub6 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px; font-weight:normal;} .nav > li .sub6 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub6 {width:470px; overflow:hidden;} .nav > li.cate .sub6 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub6 > div a {background:none;} .nav > li.cate .sub6 > div a:hover {background:none;} /* 커튼원단 */ .nav > li .sub7 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub7 {display:block;} .nav > li .sub7 ul {padding:0 20px;} .nav > li .sub7 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub7 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub7 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px; font-weight:normal;} .nav > li .sub7 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub7 {width:470px; overflow:hidden;} .nav > li.cate .sub7 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub7 > div a {background:none;} .nav > li.cate .sub7 > div a:hover {background:none;} /* 특수원단 */ .nav > li .sub8 {position:absolute; top:100%; left:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 180px 0; display:none;} .nav > li:hover .sub8 {display:block;} .nav > li .sub8 ul {padding:0 20px;} .nav > li .sub8 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub8 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub8 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub8 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub8 {width:470px; overflow:hidden;} .nav > li.cate .sub8 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub8 > div a {background:none;} .nav > li.cate .sub8 > div a:hover {background:none;} /* 무늬별 */ .nav > li .sub9 {position:absolute; top:100%; left:-707px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub9 {display:block;} .nav > li .sub9 ul {padding:0 20px;} .nav > li .sub9 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub9 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub9 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px;font-weight:normal;} .nav > li .sub9 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub9 {width:1120px; overflow:hidden;} .nav > li.cate .sub9 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub9 > div a {background:none;} .nav > li.cate .sub9 > div a:hover {background:none;} .nav > li .sub9 .point a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#c86652; letter-spacing:0px;font-weight:bold;} /* 누빔지 */ .nav > li .sub10 {position:absolute; top:100%; left:-280px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff url(images/bg/inbg_tcate.gif) repeat-y 180px 0; display:none;} .nav > li:hover .sub10 {display:block;} .nav > li .sub10 ul {padding:0 20px;} .nav > li .sub10 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub10 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub10 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub10 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub10 {width:630px; overflow:hidden;} .nav > li.cate .sub10 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub10 > div a {background:none;} .nav > li.cate .sub10 > div a:hover {background:none;} .nav > li .sub10 .point a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#c86652; letter-spacing:0px;font-weight:bold;} /* 레이스 */ .nav > li .sub11 {position:absolute; top:100%; left:-350px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff url(images/bg/inbg_tcate.gif) repeat-y 180px 0; display:none;} .nav > li:hover .sub11 {display:block;} .nav > li .sub11 ul {padding:0 20px;} .nav > li .sub11 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub11 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub11 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub11 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub11 {width:630px; overflow:hidden;} .nav > li.cate .sub11 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub11 > div a {background:none;} .nav > li.cate .sub11 > div a:hover {background:none;} /* 부자재 */ .nav > li .sub12 {position:absolute; top:100%; left:-842px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub12 {display:block;} .nav > li .sub12 ul {padding:0 20px;} .nav > li .sub12 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub12 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub12 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777; letter-spacing:0px;font-weight:normal;} .nav > li .sub12 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub12 {width:1030px; overflow:hidden;} .nav > li.cate .sub12 > div {float:left; width:180px; min-height:240px; text-align:center;} .nav > li.cate .sub12 > div a {background:none;} .nav > li.cate .sub12 > div a:hover {background:none;} .nav > li .sub12 .point a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#c86652; letter-spacing:0px;font-weight:bold;} /* 미싱 패턴 */ .nav > li .sub13 {position:absolute; top:100%; right:0px; padding:10px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub13 {display:block;} .nav > li .sub13 ul {padding:0 20px;} .nav > li .sub13 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub13 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub13 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px;font-weight:normal;} .nav > li .sub13 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub13 {width:630px; overflow:hidden;} .nav > li.cate .sub13 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub13 > div a {background:none;} .nav > li.cate .sub13 > div a:hover {background:none;} /* DIY패키지 */ .nav > li .sub14 {position:absolute; top:100%; right:0px; padding:15px 25px 40px 25px; border:1px solid #dfdfdf; background:#fff repeat-y 0 0; display:none;} .nav > li:hover .sub14 {display:block;} .nav > li .sub14 ul {padding:0 20px;} .nav > li .sub14 li {height:24px; line-height:24px; text-align:left;} .nav > li .sub14 li:first-child {padding-top:15px; height:24px; line-height:24px; text-align:left;} .nav > li .sub14 li a {font-size:12px; height:24px; line-height:24px; width:150px; display:block; margin:0; padding:0; background:#fff; color:#777777;letter-spacing:0px;font-weight:normal;} .nav > li .sub14 li a:hover {text-decoration:underline; color:#000} .nav > li.cate .sub14 {width:470px; height:auto !important; overflow:hidden;} .nav > li.cate .sub14 > div {float:left; width:160px; min-height:240px; text-align:center;} .nav > li.cate .sub14 > div a {background:none;} .nav > li.cate .sub14 > div a:hover {background:none;} li.secate {height:30px!imporatnt; line-height:30px!imporatnt; border:1px solid #dfdfdf; border-left:none; border-right:none; margin:10px 0} li.secate a {font-weight:bold; color:#000;} h3.sett_h3 {margin:0px 20px 10px 0px;font-size:12px;color:#393939; height:20px; line-height:20px;text-align:left; border-bottom:0px solid #e0e0e0;} h3.sett_h3 a span{color:#393939;padding-bottom:15px;font-size:12px;color:#393939; height:20px; line-height:20px;text-align:left;} h3.sett_h3 span {margin-left:0px;} h3.cate_ev {font-size:11px; margin:0; padding:0; height:30px; line-height:10px; color:#606060;} .cate_item {text-align:right; border-right:none; width:220px;margin:0;padding:0;} .cate_item img {width:290px; padding:0px; margin:0 auto;} .cate_item a {padding:0 0 0 0 !important;} .cate_ban {text-align:center; margin:0; padding:0; border-top:1px solid #ddd; padding-top:10px; margin-top:15px;} #header .headerBottom .navWrap:after { display:block; clear:both; content:'' } #header .headerBottom .navWrap .menuAll { float:left; width:50px; height:50px; text-align:center; background:#b17366; cursor:pointer;} /*#header .headerBottom .navWrap .menuAll #btn_allMenuOpen { display:block; width:50px;height:50px;cursor:hand;}*/ #header .headerBottom .navWrap .menuAll #btn_allMenuOpen { display:inline-block; width:50px;height:40px;cursor:pointer;background:url(/design/sh0032/new_images/top/top_all_menu.png) no-repeat; } #header .headerBottom .navWrap .allMenuView { display:none; width:1230px; position:absolute; top:190px; margin:0 auto; background:#fff; z-index:20;text-align:left; } #header .headerBottom .navWrap .allMenuView #btn_allMenuClose { position:absolute;top:2px; right:0; padding-right:20px; width:34px; height:34px; text-indent:-9999em; background:url(/design/sh0032/10275/common/btn_allmenu_close.gif) 0 0 no-repeat; cursor:pointer; } #header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:30px 25px 0 25px; height:570px; border:1px solid #434343; overflow-x:hidden; overflow-y:scroll; } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1200px; *zoom:1 } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:31px; float:left; } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px; position:relative; height:27px; font-size:12px; color:#3b3b3b; font-weight:bold; line-height:27px; border:1px solid #d6d6d6 } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub { overflow:hidden } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul { padding:20px 0; float:left; width:123px; height:230px } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a, #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > a, #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m3 > a { color:#955454 } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m26 > a { color:#4daa9c } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:135px } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:140px } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m11 > .all_sub > ul { width:140px } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:140px } #width_1100 { width:907px; float:left; padding:0 0 40px 0; } #width_837 { width:800px; margin:0 auto; padding:0 0 0 5px; } #with_100 { padding:0 0 35px 0 } #wrap { width:100%; clear:both; } #wrap_main { min-width:1230px; clear:both; } /* 반응형 */ #con_left_margin { width:1230px; margin:0 auto; } #container { position:relative; width:1230px; margin:0 auto; } #container:after { content:""; display:block; clear:both; } #contents .main_box_line { margin:0 0 10px 0; display:inline-block; } #contents .main_box_line .list { float:left } #contents .main_box_line .list p.title { padding:30px 0 13px 0; color:#000; letter-spacing:1px; } #contents .main_box_line .list.hot { margin:0 24px 0 0 } #contents .main_box_line .list.hot .con { height:150px; width:596px; } #contents .main_box_line .list.issue { margin:0 23px 0 0 } #contents .main_box_line .list.issue .con { height:150px; width:278px; } #contents .main_box_line .list.notice {} #contents .main_box_line .list.notice .con { height:150px; width:279px; } #contents .main_box_line .list.notice .title .more a { float:right; color:#888; font-size:10px; } #contents .main_box_line .list.notice .title .more img { padding:3px 0 0 0 } #contents .main_box_line .list.notice .board { padding:2px 0 0 0; } #contents .main_box_line .list.notice .board tr { border-bottom:1px solid #e1e1e1; width:279px; padding:4px 0 5px 0; display:block; line-height:20px; } #contents .main_box_line .list.notice .board .title { color:#888; } #contents .main_box_line .list.notice .board .title a { color:#777; } #contents .main_box_line .box2 { padding:40px 0 20px 0; display:inline-block } #contents .main_box_line .box2 li { float:left; } #contents .main_box_line .box2 li.list_m { padding:0 22px 0 0 } #banner { position:absolute; top:0; left:0; width:90px; } #quick { position:absolute; top:0; right:0; width:90px; } #quick .banner a { display:block; margin:15px 0 0; } /* 우측 스크롤시 생기는 부분 */ #top_top_btn { z-index:999999999; width: 51px; height: 52px; background: url('/design/sh0032/new_images/s63_r_b_btn_up.png') 0 0 no-repeat; text-indent: -9999px; display: block; position: fixed; bottom: 53px; right: 140px; } /* Main */ #boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #e1e1e1; } #bannerArea { margin:22px 0 0; } #bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; font-family:Arial, "돋움", Dotum, sans-serif; color:#2e2e2e; text-align:center; } /* 탐색경로바 */ .path { overflow:hidden; height:30px; display:none; line-height:30px; *zoom:1; } .path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; } .path ol { float:right; } .path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 10px; } .path li:first-child { background:none; } .path li a { color:#757575; } .path li strong, .path li strong a { color:#2e2e2e; } /* 타이틀 */ .titleArea { min-height:30px; margin:45px 0 0 10px; padding:25px 0 50px; text-align:center; } .titleArea h2 { display:inline-block; padding:0 0 0 0; color:#000;*display:inline; *zoom:1; font-size:35px; font-weight:bold; text-transform:lowercase; letter-spacing:-1px; font-family:'Montserrat',"돋움" !important; } .titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_title.gif") no-repeat 0 0; *display:inline; *zoom:1; } .titleArea ul { padding:5px 0; color:#939393; line-height:18px; } .titleArea ul li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px; } .titleArea.other_t h2 { padding:0 0 0 0; font-size:35px; font-weight:bold; text-transform:lowercase; letter-spacing:-1px; font-family:'Montserrat',"돋움" !important; } /* 게시판 상단 게시판메뉴 */ .board_list_all { text-align:center; padding:45px 0 0; margin:0 0 -1px; clear:both; display:block; } .board_list_all a { padding:15px 42px; display:inline-block; margin:0 -1px 0 0; border-bottom:1px solid #222; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; letter-spacing:1px; color:#aaa; font-size:10px; } .board_list_all a:hover { color:#aaa } .board_list_all a.this { border-top:1px solid #222; border-left:1px solid #222; border-bottom:1px solid #fff; margin:0; border-right:1px solid #222; color:#000 !important; ; } .board_list_all li { display:inline-block; } /* 게시판 전체 공통 */ .xans-board-title .title { padding:55px 0 0; text-align:center; z-index:999; } .xans-board-title .title h2 { display:inline-block; font-size:35px; font-weight:bold; text-transform:lowercase; color:#000; font-weight:700 !important; padding:0 0 0 0; letter-spacing:-1px; font-family:'Montserrat',"돋움" !important; } .xans-board-title .title p { display:block; color:#939393; vertical-align:bottom; *display:inline; *zoom:1; } .xans-board-title p.imgArea { } .xans-board-title p.imgArea { margin:0 0 0 -43px; width:950px; } .xans-board-title p.imgArea img { width:924px } /* Q&A 상단 카테고리 */ .qna_top_cate { text-align:center; margin:40px 0 0 0; } .qna_top_cate a { background:#fff; border:1px solid #ddd; line-height:28px; display:inline-block; margin:0 3px; padding:0 16px; font-size:11px; color:#666; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .qna_top_cate a:hover { background:#dbf0f1; } .all_title_text { text-align:center ; margin:0 0 0 0; line-height:35px; } .all_title_text p {letter-spacing:2px; font-weight:bold; font-size:21px; color:#fff; } .all_title { margin:0 0 0 -43px; width:950px; } .all_title .banner { width:100%; overflow:hidden;} .all_title .banner img { width:924px } /* 이용안내 */ .help { margin:40px 0 0; border:1px solid #e1e1e1; line-height:18px; } .help h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e1e1e1; color:#353535; font-weight:normal !important; font-size:11px; background:#fff; } .help .content { padding:0 9px 12px; } .help .content h4 { margin:22px 0 -4px; color:#000; font-size:12px; font-weight:normal; } .help .content h4:first-child { margin-top:13px; } .help .content p { margin:15px 0 0 10px; color:#757575; } .help .content ul { margin:15px 0 0 11px; } .help .content li { padding:0 0 0 25px; color:#757575; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_number.png") no-repeat; } .help .content li.item1 { background-position:-484px 0; } .help .content li.item2 { background-position:-434px -100px; } .help .content li.item3 { background-position:-384px -200px; } .help .content li.item4 { background-position:-334px -300px; } .help .content li.item5 { background-position:-284px -400px; } .help .content li.item6 { background-position:-234px -500px; } .help .content li.item7 { background-position:-184px -600px; } .help .content li.item8 { background-position:-134px -700px; } .help .content li.item9 { background-position:-84px -800px; } .help .content li.item10 { background-position:-34px -900px; } /* 게시판 메인 */ .boardMain { overflow:hidden; *zoom:1; } .boardMain td img { vertical-align:middle; margin:1px; } .boardMain .board { margin:0 0 65px; } .boardMain .leftArea { float:left; width:50%; } .boardMain .leftArea .board { margin:0 23px 65px 0; } .boardMain .rightArea { float:right; width:50%; } .boardMain .rightArea .board { margin:0 0 65px 23px; } /* 퀵뷰 모달 */ #modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:999999; width:100%; height:100%; background:#000; } #modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:9999999; width:700px; height:720px; } #modalContainer #modalContent { width:100%; height:100%; } /* BASIC css end */