body,input,select,textarea {font-family: 'Noto Sans CJK', sans-serif;} /* ALL STYLE */ #all {clear:both; float:left; overflow:hidden; width:100%; min-width: 1400px;} .layout_wrap {clear:both; width:100%;} .layout_inner {width:1200px; margin:0 auto;} .userFullWidth {width:1200px;} .userCWidth {width:820px;} .userCWidth2 {width:1200px;} .width100 {width:100%;} .readonly {background:#eee;} /* 상단영역 */ #top_wrap {clear: both; height: 120px; text-align: center; background: #fff; position: relative; z-index: 99999; width: 100%; font-weight: 500;} #top_wrap * {background-repeat: no-repeat;} #top_wrap #wrap {width: 100%;} #top_wrap #wrap .inner {width: 1200px; margin: 0 auto; position: relative;} #top_wrap .wrap_line {width: 100%; height: 1px; background: #e7e7e7; position: absolute; left: 0; bottom: 0;} #top_btn {float: right; margin-top: 30px; margin-right: -10px; position: relative; z-index: 999;} #top_btn ul {float: left; margin-right: 20px;} #top_btn li {float: left;} #top_btn li a {display: block; color: #8c8c8c; font-size: 13px; line-height: 15px; font-weight: 300;} #top_btn li a:hover {} #top_btn li a.admin {color: #fa0008;} #top_btn li a.my2 {color: #09789c;} #top_btn li.top_btn_line {width: 1px; height: 1px; margin: 0 8px;} #search_on {width: 37px; height: 37px; float: right; position: relative; z-index: 99999;} .search_on {width: 37px; height: 37px; background: url(/images/share/search_btn.png) no-repeat center; cursor: pointer;} #search_on .close {width: 37px; height: 37px; background: url(/images/share/close.png) no-repeat center; cursor: pointer; position: absolute; top: 0; right: 0;z-index: 99999; display: none;} .top_search {height: 35px; position: absolute; right: 45px; display: none; border-right-width: 15px; border-left-width: 15px; background: #3e5a2f; z-index: 99999; padding-right: 0; width: 260px; top: 1px;padding: 1px; zoom: 1;} .top_search > div {position: relative; z-index: 99999} #tsearch {text-align: center;float: right;} #tsearch .searchBar {height: 35px; background: #fff;} #tsearch .input_search {display: inline; height: 35px; margin: 0; border: none; border-right: none; font-size: 12px; line-height: 40px; color: #111; outline: none; ime-mode: active; padding: 0 10px; background: #fff; float: right;width: 203px; position: relative; z-index: 9999; zoom: 1;} #tsearch .btn_search {float: right; overflow: hidden; width: 37px; height: 35px; background: #3e5a2f url('/images/share/search_btn2.png') no-repeat center; cursor: pointer; padding: 0 10px; margin: 0; outline: none;border: none; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; } #tsearch .input_search:focus {border-color: #555;} #tsearch .btn_search:hover {} #top_wrap .all_wrap {position: relative; float: right; margin-top: -12px;} #top_wrap .all_inner_wrap {position:relative;} #top_wrap .all_wrap .wrap {width: 110px; height: 34px;} #top_wrap .all_wrap .arrow {width: 6px; height: 5px; background: url(/images/share/top_arrow.png) no-repeat center; position: absolute; top: 15px; right: 10px;} #top_wrap .all_wrap .options {width: 110px; height: 34px; line-height: 34px;} #top_wrap .all_wrap .options:hover {color: #1a1a1a; background-color: #f6f6f6;} #top_wrap .all_wrap .opt_text {color: #666; font-size: 14px; line-height: 34px; font-weight: 400; text-align: left;} #top_wrap .all_wrap .opt_text span {} #top_wrap .all_wrap .img {float: left; width: 24px; height: 24px; position: relative; margin: 4px 8px;} #top_wrap .all_wrap .img i {position: absolute; top: 0; left: 0; width: 22px; height: 22px; border-radius: 100%; border: 1px solid #000; opacity: 0.2; z-index: 9;} #top_wrap .all_wrap .hiddens {display: none; position: absolute; top: 34px; right: 0;} #top_wrap .all_wrap.on .bg {background: #fff; border: 1px solid #ddd; width: 110px; height: 203px; position: absolute; top: 0; left: -1px; z-index: 0;} .top_bw_line {width: 1px; height: 13px; background: #e0e0e0; float: right; margin: 25px 4px;} #top .all_wrap em {width: 24px; height: 18px; float: left; margin: 4px; position: relative; background: no-repeat center; overflow: hidden; background-size: 24px;} #top_wrap #wrap.jbFixed {position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 80px; background-color: #fff;box-shadow: 0 1px 10px rgba(0,0,0,0.2);} #top_wrap #wrap.jbFixed #top_logo {float: left; margin-top: 9px;} #top_wrap #wrap.jbFixed #top_btn {margin-top: 20px;} #top_wrap #wrap.jbFixed .lang {display: none;} #top_wrap #wrap.jbFixed #top {height: 80px;} #top_wrap #wrap.jbFixed #top .all_wrap {width: 40px; top: 25px;} #top_wrap #wrap.jbFixed #top .all_inner_wrap {width: 40px;} #top_wrap #wrap.jbFixed #top .all_wrap em {width: 30px; height: 30px; background-size: 30px;} #top_wrap #wrap.jbFixed #top .all_wrap #kr em {background-image: url(/images/nation/kr2.jpg);} #top_wrap #wrap.jbFixed #top .all_wrap #us em {background-image: url(/images/nation/us2.jpg);} #top_wrap #wrap.jbFixed #top .all_wrap #cn em {background-image: url(/images/nation/cn2.jpg);} #top_wrap #wrap.jbFixed #top .all_wrap #jp em {background-image: url(/images/nation/jp2.jpg);} #top_wrap #wrap.jbFixed #top .all_wrap #ru em {background-image: url(/images/nation/ru2.jpg);} #top_wrap #wrap.jbFixed #top .options {width: 38px; height: 38px; position: relative;} #top_wrap #wrap.jbFixed #top .options:hover {border-color: #959595; z-index: 99999;} #top_wrap #wrap.jbFixed #top .hiddens {top: 39px; left: 0; margin-bottom: 0;} #top_wrap #wrap.jbFixed #top .hiddens:hover {} #top_wrap #wrap.jbFixed #top .wrap {width: 38px; height: 38px;} #top_wrap #wrap.jbFixed #top .wrap:hover {border-color: #959595;} #top_wrap #wrap.jbFixed #top .wrap i {position: absolute; bottom: 0; left: 0; background: #959595; width: 100%; height: 0px; z-index: 9999;} #top_wrap #wrap.jbFixed #top .wrap:hover i {height: 1px;} #top_wrap #wrap.jbFixed #top .arrow {display: none;} #top_wrap #wrap.jbFixed #top .opt_text span {display: none;} #top_wrap #wrap.jbFixed #top_menu {margin: 0; position: initial;height: 80px;margin-right: 27px;} .lt-ie9 #top_wrap #wrap.jbFixed #top_menu td a {padding: 31px 26.5px;} #top {display: inline-block; height: 120px; position: relative;} #top_logo {width: 160px; height: 58px; float: left; margin-top: 37px; margin-left: 8px;} #top_logo a {float: left;} #top_menu {z-index: 990; position: relative; float: right; margin-right: -43px;} /*#top_menu {margin: 0 -46px;}*/ #top_menu td {text-align: center; margin: 0; position: relative;padding: 0; vertical-align: middle; border: none;} #top_menu a {color: #0b0b0b; float: left; line-height: 110%; font-size: 17px; position: relative; padding: 20px 35px; padding-bottom: 30px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } #top_menu a:hover {color: #7F857B;} #top_menu .sub_menu {position: absolute; top: 60px; left: 0px; padding: 25px 0; width: 100%; z-index: 9999999; text-align: center; display: none;} #top_menu .sub_menu li {float: none; position: relative; z-index: 999999;} #top_menu .sub_menu a {font-size: 16px; line-height: 18px; color: #313131; width: 100%; padding: 9px 0; display: inline-block; *display: inline; zoom: 1; z-index: 999999; position: relative; cursor: pointer; font-weight: 400;} #top_menu .sub_menu li span {position: relative;} #top_menu .sub_menu li a i {position: absolute; bottom: 0; right: 0; left: auto; width: 0; height: 1px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } #top_menu .sub_menu li a:hover {color: #038526;} #top_menu .sub_menu li a:hover i {width: 100%; height: 1px; left: 0; right: auto; background: #038526; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } #top_wrap .sub_bg {position: absolute; width: 1000%; background: #f1f1f1; z-index: -1; top: 120px; left: -100%; display: none;} #top_wrap .sub_bg i {width: 1000%; height: 1px; background: #ddd; position: absolute; top: 0; left: -100%; z-index: -1;} .ie7 #top_btn {width: 74px;} .ie7 #top_menu {width: 728px;} .lt-ie9 #top_menu .sub_menu span {z-index: 999; display: inline; zoom: 1;} .lt-ie9 #top_menu>ul {width: 950px;} .lt-ie9 #top_menu>ul .line {filter: alpha(opacity=0); left: 10px;} .lt-ie9 #top_menu>ul:hover .line {filter: alpha(opacity=100);} @media (max-width: 1510px) { #top .member_wrap {left: auto; right: 0; margin: 0;} #top .member_wrap .member_inner {left: auto; right: 0;} #top .member_wrap span {left: auto; right: 13px; margin: 0;} } @media (max-width: 1250px) { #top {width: 1100px;} #top_menu a {} } @media (max-width: 1180px) { #top {width: 1000px;} #top_menu a {padding: 20px 1.5vw;} } @media (max-width: 1130px) { #top {width: 900px;} } /* #subTitle {height:45px; border-bottom:1px solid #ccc; position:relative;} #subTitle .maps_title {line-height:45px; height:45px; vertical-align:middle; position:absolute; margin-top:0px; font-size:22px; font-weight:bold;} #subTitle .maps_navi {line-height:45px;} #subTitle .maps_navi span.last_navi {color:#cfaa28;} */ #subTitle {height: 80px; width: 100%; font-weight: 400;} #subTitle .sub_title {height: 80px; width: 100%; margin: 0 auto;} .sub_title .maps_title {line-height: 80px; height: 80px; vertical-align: middle; font-size: 32px; position: relative; color: #000;} .sub_title .maps_navi {height: 24px; line-height: 24px; margin-top: 40px;} .sub_title .maps_navi img {float: left; margin: 6px 3px;} .sub_title .maps_navi span {float: left; color: #6a6a6a; font-size: 14px;} .sub_title .maps_navi .first_navi {color: #acacac;} .sub_title .maps_navi .last_navi {} .sub_title .maps_navi .arrow {margin: 4px 9px;} #subVisuals {width:100%; overflow:hidden; height:300px;} #subVisualWrap {position:relative;width: 1200px;height:300px;margin:0 auto;} #subVisualWrapD2 {width: 100%; height: 300px; overflow: hidden; margin: 0 auto;} #subVisualWrapD1 {clear:both;z-index:105; width:2000px; height:300px; overflow: hidden; margin-left: -400px;} #subVisuals li {width:2000px; height:300px; background-repeat: no-repeat; background-size: 100%;} #subVisuals span {position: absolute; z-index: 9;} #subVisuals .txt1 {color: #f0ddd1; font-size: 15px; font-weight: 200; letter-spacing: 36px; line-height: 15px; margin-right: -30px; *margin-right: 0;} #subVisuals .txt2 {color: #0f0f0f; font-size: 46px; font-weight: 300; letter-spacing: -1px; line-height: 46px;} #subVisuals .txt3 {color: #35302c; font-size: 28px; font-weight: 200; letter-spacing: -1px; line-height: 28px;} #subVisuals .v01 {background-image: url(/images_kr/top/sub_visual01.jpg);} #subVisuals .v01 .txt1 {top: 88px; right: 400px;} #subVisuals .v01 .txt2 {top: 119px; right: 400px;} #subVisuals .v01 .txt3 {top: 201px; right: 400px;} #top_common_btn {height:30px;} #top_common {} .left_navi ,.left_navi ul,.left_navi li{margin:0;padding:0;list-style:none} .left_navi img{border:0} .left_navi {position:relative;width:170px;} .left_navi .LEFT_main {position:relative;z-index:1; border-bottom:1px solid #ccc;} .left_navi .LEFT_main a {display:block; height:37px;} .left_navi .LEFT_main ul {padding:10px 20px; display:none; background-color:#f5f5f5 ;} .left_navi .LEFT_main ul li a {display:block; height:20px; padding-top:7px; padding-left:10px;background:url('/images_kr/left/icon.gif') no-repeat 0 11px; border-bottom:1px solid #ddd;} #left_navi {position:relative;} #left_navi .left_Follow{position:absolute;margin-top:2px;z-index:0;} #left_navi .DB_select {background:url(/images_kr/left/follow.png) 0px 2px no-repeat;;} /* #top .top_abs {position:absolute; z-index:998;width:1000px;} #top .top_logo {float:left; width:255px; margin-top:15px;} #top .top_logo .logo {margin:0px;} #top .top_btn {float:right; width:650px; height:30px; text-align:right;} #top .top_menu {clear:right; float:right; width:700px; height:70px; margin-top:15px;} #top .top_menu .ab_menu {position:absolute; z-index:999; height:70px;} #top .top_search .searchbox {float:right;position:relative;} #top .top_search .searchtxt {float:left;border:1px solid #d6d6d6;} #top .top_search .searchs {float:left;width:241px;height:13px;border:0;color:#000;font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px;} #top .top_search .searchtxt .searchs {padding:2px 1px 2px 6px;} */ .csul {background:url(/upload/category/cate110_bg.gif) 0 0 repeat-x;} #pages .contents {margin-top:50px;} #pages .contents2 {margin-top:30px; margin-left:300px;} #pages .map {margin:20px 0px 30px 0px; border:5px solid #ccc; width:770px;} #pages .map_title {position:absolute;margin-top:0px;} #pages .contentLine {} .titleLine {height:35px;} .titleLine .navi {margin-top:10px; font-size:8pt; color:#a5c0c8;} .titleLine .navi a {color:#a5c0c8;} .titleLine .navi a:hover {color:#508c9e;} /*INDEX 가보고 S*/ #indexWrap {} /*INDEX-LEFT 2014-07-17*/ #indexWrap .LeftArea {width:250px;margin-top:5px;} #indexWrap .index_login {width:248px;height:98px; border:1px solid #cdcdcd; background-color:#f2f6ff;} #indexWrap .index_login .tit {margin:19px 0px 0px 24px; } #indexWrap .index_login .forms {margin:15px 0px 0px 14px; width:220px; hei ght:50px;} #indexWrap .index_login .input_text {border:1px solid #d8e4ff; height:16px; padding-top:4px; width:148px;} #indexWrap .index_login .ids_wrap {height:23px; } #indexWrap .index_login .pwd_wrap {height:23px; margin-top:4px; } #indexWrap .index_login .ids {background: url(/images_kr/index/login_ids_back.gif) 9px 5px no-repeat;} #indexWrap .index_login .pwd {background: url(/images_kr/index/login_pwd_back.gif) 9px 5px no-repeat;} #indexWrap .login_after {line-height:45px;text-align:center; border:2px solid #e7e7e7; background-color:#fafafa;} #indexWrap .btns {margin:12px 0px 0px 15px; width:216px; bor der:1px solid red;} #indexWrap .Left_boardArea {float:left;width:248px; border:1px solid #cecece;} #indexWrap .Left_boardArea .title {float:left; margin-top:14px; margin-left:26px; height:19px;} #indexWrap .Left_boardArea .more {float:right;margin-top:14px;margin-right:13px; } #indexWrap .Left_boardArea .title_line {float:left;margin-left:13px;} #indexWrap .Left_boardArea .cnt {color:#f28100;} /*INDEX-MIDDLE*/ #indexWrap .MidArea {width:458px;margin-top:5px;margin-left:5px;} #indexWrap .index_photo {width:456px;} #indexWrap .MidArea .cons .goodsArea {width:92px;} #indexWrap .MidArea .cons .m_left {margin-left:17px} #indexWrap .MidArea .cons .goodsArea .img {height:90px; width:90px; margin-top:0px; border:1px solid #e5e5e5;} #indexWrap .MidArea .cons .goodsArea .goodsInfo {border:1px solid #767676;width:90px;background-color:#767676;color:#ffffff;} #indexWrap .MidArea .cons .goodsArea .goodsName {width:92px;margin-top:10px;} #indexWrap .photo_boardArea {float:left;width:456px; height:174px; border:1px solid #cecece;} #indexWrap .photo_boardArea .title {float:left; margin-top:21px; margin-left:26px; height:19px;} #indexWrap .photo_boardArea .arrow {float:right;margin-top:21px;margin-right:20px; } #indexWrap .photo_boardArea .more {float:right;margin-top:21px;margin-right:20px; } #indexWrap .photo_boardArea .title_line {float:left;margin-left:18px;} #indexWrap .Mid_boardArea {float:left;width:456px; height:174px; border:1px solid #cecece;} #indexWrap .Mid_boardArea .title {float:left; margin-top:14px; margin-left:26px; height:19px;} #indexWrap .Mid_boardArea .more {float:right;margin-top:14px;margin-right:20px; } #indexWrap .Mid_boardArea .title_line {float:left;margin-left:18px;} /*INDEX-RIGHT*/ #indexWrap .RightArea {width:282px;} #indexWrap .Right_boardArea {float:left;width:280px; height:174px; border:1px solid #cecece;} #indexWrap .Right_boardArea .title {float:left; margin-top:14px; margin-left:26px; height:19px;} #indexWrap .Right_boardArea .more {float:right;margin-top:14px;margin-right:13px; } #indexWrap .Right_boardArea .title_line {float:left;margin-left:13px;} #indexWrap .Right_boardArea .cnt {color:#f28100;} #indexWrap .index_shop_area {float:left;width:280px;border-left:1px solid #cecece;border-right:1px solid #cecece;border-bottom:1px solid #cecece;} #indexWrap .index_all_goods {margin:18px 0px 0px 28px;} #indexWrap .index_shop_area .cons .goodsArea {width:97px;bor der:1px solid red;} #indexWrap .index_shop_area .cons .m_left {margin-left:26px} /*2nd~ 상품간격*/ #indexWrap .index_shop_area .cons .otherLine {margin-top:10px;} #indexWrap .index_shop_area .cons .goodsArea .img {height:95px; width:95px; margin-top:0px; border:1px solid #e5e5e5;} #indexWrap .index_shop_area .cons .goodsArea .goodsInfo {border:1px solid #ffffff;width:95px;} #indexWrap .index_shop_area .cons .goodsArea .goodsInfo .goodsName {width:95px; line-height:33px;} #indexWrap .index_shop_area .cons .goodsArea .goodsInfo .cPrice {margin-bottom:8px;c olor:#f5ff00;font-weight:bold;font-size:13px;text-align:center;} #indexWrap .index_shop_area .cons .goodsArea .goodsInfo .cPrice2 {margin-top:0px;c olor:#ffffff;font-size:13px;text-align:center;} #indexWrap .index_shop_area .cons .goodsArea .goodsInfo .mPrice {margin:6px 0px 8px 0px;co lor:#f5ff00;font-weight:bold;font-size:13px;text-align:center;} /* Left */ #LeftMenu {width:190px;} #LeftMenu .left_top {border-bottom:1px solid #ccc;} #LeftBanner {clear:both; float:left; margin-top:250px; margin-left:24px;} #left_login .td1 {letter-spacing:1px; height:20px;} #left_login .td2 {height:20px; text-align:center;} #left_login .td3 {font-weight:bold; text-align:right;} #LeftCscenter {clear:both; margin-top:11px;} #LeftBank {clear:both; margin-top:10px;} #LeftVoteGoods {clear:both;margin-top:10px; border:1px solid #ccc; overflow:hidden;} #LeftVoteGoods .overTit {position:absolute; z-index:3;} #LeftVoteGoods .inData {width:186px;margin:0 auto;} #LeftVoteGoods .lvgImg {text-align:left;} #LeftVoteGoods .lvgPrice {text-align:right; color:#362f2d; height:15px; font-size:8pt;} #LeftVoteGoods .lvgSubject {color:#8b8b8b; height:40px; font-size:8pt; padding-top:7px;} #LeftVoteGoods .lvgSubject a {color:#8b8b8b;} #LeftVoteGoods .lvgSubject a:hover {color:#689e26;} #bottom_wrap {clear: both; float: left; width: 100%; background: #fbfbfb; margin-top: 50px; padding-bottom: 70px; position: relative;} #bottom_wrap #bottom_bn {background: #fff; overflow: hidden; font-size: 0; text-align: center; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;} #bottom_wrap #bottom_bn ul {display: inline-block; padding: 16px 0;} #bottom_wrap #bottom_bn li {float: left; margin: 0 55px;} #bottom_wrap #bottom {text-align: center;} #bottom_wrap #bottom_menu {text-align: center; font-size: 0; margin-top: 45px;} #bottom_wrap #bottom_menu ul {margin: 0 auto; display: inline-block; *display: inline; *zoom: 1;} #bottom_wrap #bottom_menu li {float: left;} #bottom_wrap #bottom_menu li a {float: left; padding: 5px; margin: 0 10px; line-height: 120%; color: #565656; font-size: 15px; font-weight: 400;} #bottom_wrap #bottom_menu .bold a {color: #336d41; font-weight: 600;} #bottom_wrap #bottom_menu .bold span {width: 100%; height: 1px; background: #3d3d3d; display: block; margin-top: -5px;} #bottom_wrap .bottom_menu .layout_inner {position: relative;} #bottom_wrap .bottom_info {margin: 0 -10px; margin-top: 12px;} #bottom_wrap .bottom_info span {margin: 0 10px; font-size: 14px; *font-size: 13px; line-height: 24px; color: #818181;} #bottom_wrap .copyright {margin: 0; margin-top: 14px; font-size: 11px; line-height: 120%; color: #acacac; letter-spacing: 1px;} #bottom_wrap .all_wrap {position: absolute; float: right; width: 188px; height: 44px; background: #111; border: 1px solid #333; font-weight: 500; color: #777;top: 30px;right: 150px;} #bottom_wrap .all_inner_wrap {position:relative;} #bottom_wrap .all_wrap .wrap {height: 44px;} #bottom_wrap .all_wrap .arrow {width: 7px; height: 5px; background-image: url(/images/share/bottom_arrow.png); position: absolute; top: 20px; right: 27px; background-repeat: no-repeat; background-position: center;} #bottom_wrap .all_wrap .options {line-height: 34px; width: 188px; height: 44px; background: #111; border: 1px solid #333; color: #777; font-weight: 500;margin-top: -1px;} #bottom_wrap .all_wrap .options:hover {background: #333; color: #aaa;} #bottom_wrap .all_wrap .opt_text {font-size: 14px; line-height: 41px; padding: 0 20px; letter-spacing: 0.56px; width: 130px;text-align: left;} #bottom_wrap .all_wrap .hiddens {display: none; position: absolute; top: 45px; right: -1px; } /*#bottom_wrap .all_wrap.on .bg {background: #fff; border: 1px solid #ddd; width: 56px; height: 67px; position: absolute; top: 0; left: -1px; z-index: 0;}*/ /* 팝업관련 */ #pop_all {width:100%;} #pop_all .top {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_top_bg.jpg) 0 0 repeat-x;} #pop_all .bottom {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #pop_all .bottom .info {clear:both;float:left;} #pop_all .bottom .btn_area {float:right;} #popAll1 {width:100%;} #popAll1 .top {clear:both;width:100%; background:url(/images_kr/admin/pop/popAll1_bg.gif) 0 0 repeat-x;} #popAll1 .bottom {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #popAll1 .bottom .info {clear:both;float:left;} #popAll1 .bottom .btn_area {float:right;} /* 공통영역 */ .input_chk {vertical-align:middle; margin:0px 0px 2px 0px;} .input_chk2 {vertical-align:middle; margin:0px 0px 0px 0px; padding:0px;width:13px; height:13px;} .input_chk3 {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .input_radio {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .notBor {border:0px none !important;} /* 카테고리 */ .category_left {float:left;} .category_right {float:right;} .categoryTable th, .categoryTable td {border:1px solid #cfcfcf;padding:4px 0px;} .categoryTable th {background-color:#f4f4f4;} .categoryTable li {float:left; padding:8px 14px;} .cateList td {text-align:center;} .cateList td .bors1 {border:2px solid #e5e5e5; width:200px;} .cateList td.cateComment {padding-top:4px;} .cateList td.cateSubject {padding:6px 0px;font-weight:bold; color:#000;} .cateList td.catePrice {color:#ccc;} .cateList td.cateCustomer {font-weight:bold; color:#f09d1a;} .cateList td.cateIcon {padding:4px 0px;} .SubCate {clear:both;float:left; width:768px; border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} .SubCate .parentCateTd {text-align:center; font-weight:bold; font-size:13pt;} .SubCate .subCateTd {text-align:center; font-weight:bold; font-size:11pt;} /* 인덱스 */ #shopVisual_Wrap {width: 100%; height: 580px; margin: 0 auto; overflow: hidden; float: left; position: relative;} #shopVisual {height: 580px; margin: 0 auto;} #shopVisual .shopVisual_a {margin-left: -399px; position: absolute; width: 2000px; height: 580px;} #shopVisual .visual_img {position:relative;} #shopVisual .visual_img li {position:absolute;width:2000px;} #shopVisual .visual_img img {position: absolute; z-index: 1;} #shopVisual #visual_menu {position: absolute; bottom: 64px; z-index: 99; width: 100%; text-align: center;} #shopVisual .visual_menu {display: inline-block; *display: inline; zoom: 1;} #shopVisual .visual_menu li {width: 8px; height: 8px; border-radius: 8px; margin: 0 5px; background: #fff; float: left; cursor: pointer; opacity: .8; filter: alpha(opacity=80); transition: background .3s, width .3s, height .3s margin .3s; -webkit-transition: background .3s, width .3s, height .3s margin .3s; -moz-transition: background .3s, width .3s, height .3s margin .3s; -o-transition: background .3s, width .3s, height .3s margin .3s; } #shopVisual .visual_menu li.DB_select {width: 14px; height: 14px; margin: -3px 5px; background: #fff; opacity: 1; filter: alpha(opacity=100);} #indexVisual_Wrap {width: 100%; height: 610px; margin: 0 auto; clear: both; background: #f8f8f8;} #indexVisual {height: 610px; margin: 0 auto;overflow: hidden;width: 1226px;} #indexVisual .indexVisual_a { position: relative; width: 1226px; height: 610px;} #indexVisual .visual_img {position:relative;} #indexVisual .visual_img li {position:absolute; width:1226px;} #indexVisual .visual_img img {position: relative; z-index: 1;} #indexVisual #visual_menu {position: absolute; bottom: 54px; z-index: 99; width: 100%; text-align: center;left: 0;} #indexVisual .visual_menu {display: inline-block; *display: inline; zoom: 1;} #indexVisual .visual_menu li {width: 8px; height: 8px; border-radius: 8px; margin: 0 5px; background: #d6d6d6; float: left; cursor: pointer; transition: background .3s, width .3s, height .3s margin .3s; -webkit-transition: background .3s, width .3s, height .3s margin .3s; -moz-transition: background .3s, width .3s, height .3s margin .3s; -o-transition: background .3s, width .3s, height .3s margin .3s; } #indexVisual .visual_menu li.DB_select {background: #a4a4a4;} #indexVisual .visual_dir{position: absolute; top: 210px; cursor: pointer} #indexVisual .visual_prev{left: 0px;z-index:999;} #indexVisual .visual_next{right: 0px;z-index:999;} .lt-ie9 #indexVisual .visual_img {width: 1226px; overflow: hidden; height: 420px;} /* Member_join Style */ .notData {padding:30px 0px; text-align:center;} .inLiImg li img {display:block;} #IndexBest {clear:both;float:left;width:768px; border:1px solid #ccc; margin-top:10px;} #IndexBest .bestGoodsNot {float:left; width:768px; padding:80px 0px; text-align:center;} #IndexBest .bestGoods {float:left; margin-left:14px; margin-top:10px; padding-bottom:10px;} #IndexBest .bestGoods a {color:#777;} #IndexBest .bestGoods a:hover {color:#619620;} #IndexBest .bestGoods .bestGoodsImg {width:110px; border:1px solid #ccc; text-align:center;} #IndexBest .bestGoods .bestGoodsSub {width:112px; margin-top:8px; text-align:center;} #IndexBest .bestGoods .bestGoodsPri {width:112px; margin-top:8px; text-align:center; color:#c36a25;} #IndexCateGoods {clear:both; float:left; margin-top:14px; height:450px;} #IndexCateGoods .CateGoods {float:left; width:250px; } #IndexCateGoods .CateInWrap {clear:both;float:left; margin-top:20px;} #IndexCateGoods .cateNot {float:left; width:250px;padding:150px 0px; text-align:center;} #IndexCateGoods .cateImg {border:2px solid #a97853; width:110px; margin-left:5px; text-align:center;} #IndexCateGoods .cateInfo {width:126px; margin-left:5px;} #IndexCateGoods .cateTxt {height:18px; color:#999999;} #IndexCateGoods .cateSub {height:18px;} #IndexCateGoods .catePri {height:18px; color:#c36a25; font-weight:bold;} #IndexCateGoods .cateDis {height:40px; color:#999;} #IndexCateGoods .cateIco {height:20px;} #counsel {margin-top:25px;} #counsel th {border:1px solid #ccc; height:32px; background-color:#eee;} #counsel td {border:1px solid #ccc; padding:4px 0px; padding-left:7px;} #counsel .input_text {border:1px solid #ccc; padding:2px;} #counsel .input_area {border:1px solid #ccc; padding:2px;} #counsel .submitArea {padding:20px 0px; text-align:center;} #pages .agree_box {clear:both; width:778px;border:1px solid #9e9e9e;margin-top:5px;background:#e0e0e0;} #pages .agree_content1 {width:762px; height:550px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;} #pages .agree_content2 {width:330px;height:550px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;} /* 인덱스 */ #shop .shop_index_menu {width:248px;} #shop .shop_index_menu li img {display:block; vertical-align:top;} #shop .shop_index_menu li.test {display:block;width:248px; background:url(/images_kr/shop/main_left_menu_bg02.jpg) 0 0 repeat-y; color:#eae3f9;font-weight:bold; font-size:14px; text-indent:30px; letter-spacing:-1px;vertical-align:top;} #shop .shop_index_menu li a {display:block; color:#eae3f9;} #shop .shop_index_menu li a:hover {color:#fff;} #shop .shop_index_visual {width:750px; height:390px; border:1px solid #cdcdcd;} #shop .index_menu {position:absolute; border:1px solid #cdcdcd; width:750px; height:390px; background-color:#fff; left:248px; z-index:9999;} #shop .index_md {margin-top:40px;} #shop .index_md li {display:block; border-color:#cfcfcf; border-style:solid; border-width:0px 1px 1px 0px; width:250px; height:130px; overflow:hidden;} #shop .index_md li.fstLine {border-top:1px solid #cfcfcf;} #shop .index_banner01 {margin-top:40px;} #shop .index_banner01 .bigs {border:1px solid #cfcfcf;} #shop .index_banner01 .middles div {width:480px;border:1px solid #cfcfcf; margin-right:-1px;} #shop .shop_index_visual .pagination li.current {float:left;width:15px; margin-left:7px;height:15px; background:url(/images_kr/shop/fade_circle.png) 50% 50% no-repeat;} #shop .shop_index_visual .pagination li {float:left; width:15px; margin-left:7px;height:15px; background:url(/images_kr/shop/fade_circle_gray.png) 50% 50% no-repeat;} /* 상단메뉴 */ #shop_menu {height:50px;font-weight:bold;} /* ie7을 위해 relative 재입력 */ /* #shop_menu li {display:block; float:left; height:48px; margin-top:1px; border-right:1px solid #e4e4e4; color:#636363; font-size:14px; line-height:48px; text-align:center;} #shop_menu .allCategory {width:170px; height:50px; background-color:#cfaa28;} #shop_menu .allCategory a {width:170px; height:50px; display:block; line-height:50px; text-align:Center;color:#fff; font-weight:bold; font-size:14px;} */ #shop_menu li {display:block; float:left; height:48px; margin-top:1px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#636363; font-size:14px; line-height:48px; text-align:center;font-family:tahoma,"돋움",dotum,gulim;} #shop_menu li:last-child {display:block; float:left; height:48px; margin-top:1px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#636363; font-size:14px; line-height:48px; text-align:center;} #shop_menu .allCategory {width:170px; height:50px; background-color:#011e40;} #shop_menu .allCategory a {width:170px; height:50px; display:block; line-height:50px; text-align:Center;color:#fff; font-weight:bold; font-size:14px;} /* 좌측메뉴 */ #ShopMenu {width:170px; margin-top:1px;} #ShopMenu .dpblock {display:block;} #ShopMenu .sub2Depth {width:168px; height:42px; background-color:#009DE3; border:1px solid #009DE3; color:#eae3f9; font-weight:bold; font-size:15px; letter-spacing:-1px; line-height:42px;text-indent:20px;} #ShopMenu .s2depth {border-width:0px 1px 1px 1px; border-color:#b1acd2; border-style:solid; background-color:#f5f4f4; text-indent:20px; line-height:38px; font-weight:bold; color:#666;} #ShopMenu .s2depth:first-child {} #ShopMenu .s2depth a:hover {color:#ee5400;} #ShopMenu .slc_hover a {color:#ee5400;} #ShopMenu .s2depthUL {padding:10px 0px 15px 0px;background-color:#fff; display:none;} #ShopMenu .s3depth { height:20px; line-height:20px; font-weight:normal; text-indent:25px;} .titles {border-bottom:1px solid #d2d2d2; } .titles .map_navi {margin-top:15px; font-size:11px; background:url(/images_kr/share/map_navi_home.gif) 0 0 no-repeat; text-indent:17px;} .titles .map_navi span.tweight {color:#047f63;} .mypage_title {margin-top:4px;} /* #LeftMenu li {display:block; position:relative; margin:0 0 -1px 0; vertical-align:top;*zoom:1; width:190px;background:#fafafa;} #LeftMenu li:hover {background-color:#ececec;} #LeftMenu li a {display:block; position:relative; padding:11px 10px; color:#666; font-weight:bold; text-decoration:none; border:1px solid #eee;*zoom:1} #LeftMenu li a:hover {color:#ff6713; } #LeftMenu li a .i {position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-5px 0 0 -16px;color:#666;} #LeftMenu li.hover {background-color:#ececec;} #LeftMenu li a.hover {color:#ff6713; } #shop {width:780px; overflow:hidden;}*/ #shop {width:100%; overflow:hidden;} .shop_sub_img {} .ShopBtnBg01 {background:url(/images_kr/shop/shop_btn_bg_01.gif) 0 0 repeat-x; border:1px solid #1ba80d; line-height:38px; font-weight:500; font-size:14px; color:#fff !important; background-color: #81C64A;} .ShopBtnBg02 {background:url(/images_kr/shop/shop_btn_bg_02.gif) 0 0 repeat-x; border:1px solid #c8c8c8; line-height:38px; font-weight:500; font-size:14px; color:#666 !important; background-color:#F1F1F1;} .ShopBtnBg03 {background:url(/images_kr/shop/shop_btn_bg_03.gif) 0 0 repeat-x; border:1px solid #940011; line-height:38px; font-weight:500; font-size:14px; color:#fff !important;} #cart .CartBtn1 {display:inline-block; height:38px; padding:0px 35px; margin-left:6px;} #cart .CartBtn2 {display:inline-block; height:38px; padding:0px 20px; margin-left:6px;} /* width:178px; height:30px; border:1px solid #d4d4d4; border-top:0px none; background-color:#f9f9f7 */ /* div.gar {margin-top:10px; padding-bottom:40px;} .goodsLine {margin-top:50px;} .goodsLine:first-child {margin-top:20px !important;} #shop_goods1 {margin-left:0px;} #shop_goods2 {margin-left:0px;} #shop_goods3 {margin-left:0px;} #shop .tit_title {height:15px; background:url(/images_kr/shop/shop_title_bg.gif) 0 0 repeat-x;} #shop .tit_title p {height:15px; background-color:#fff; padding:0px 10px; display:inline-block; font-size:15px; line-height:15px; font-weight:bold; color:#0c1a38;} #shop .shop_goods {} #shop .shop_goods>div {margin-top:35px;} #shop .shop_goods>div:first-child {margin-top:15px;} #shop .shop_goods .first {margin-left:7px;} #shop .shop_goods .nofirst {margin-left:17px;} #shop .shop_goods .linesGoods {margin-top:35px;} #shop .shop_goods .goodsArea {float:left; width:182px;} #shop .shop_goods .soldout {position:absolute; z-index:20px;margin-left:10px;margin-top:5px;} #shop .shop_goods .soldoutTxt {min-width:60px;height:30px;color:#ffffff;background-color:#e12313;font-weight:bold;text-align:center;line-height:30px;padding:5px 15px;font-size:16px;} #shop .shop_goods .flag {position:absolute; z-index:20px;margin-left:10px;} #shop .shop_goods .images {border:1px solid #d9d9d9;} #shop .shop_goods .images a {display:block; } #shop .shop_goods .txt_line {margin-top:5px;} #shop .shop_goods .txt_line p {text-align:center;line-height:140%;} #shop .shop_goods .txt_line .txt1 {color:#cc0d0d; font-weight:bold;} #shop .shop_goods .txt_line .txt2 {color:#1249c9; font-weight:bold; font-size:14px;letter-spacing:-1px;} #shop .shop_goods .txt_line .txt3 {color:#333333;} #shop .shop_goods .txt_line .txt4 {color:#888888; font-size:11px;letter-spacing:-1px;} #shop .shop_goods .txt_line .txt5 {color:#333333; font-size:13px; margin-top:9px;} #shop .shop_goods .txt_line .txt6 {color:#a921d0;} #shop .shop_goods .txt_line .txt7 {color:#a921d0; font-weight:bold; font-size:14px; letter-spacing:-1px;margin-top:7px;} #shop .shop_goods .txt_line .txt8 {height:1px; background-color:#d2d2d2;} #shop .shop_goods .txt_line .txt9 {color:#010101; margin-top:7px;} #shop .shop_goods .txt_line .txt10 {color:#010101; font-size:24px; font-weight:bold;} #shop .shop_goods .txt_line .txtBV {color:#009900; font-weight:bold; font-size:14px;} #shop .shop_goods .txt_line .txt14 {color:#a921d0; font-weight:bold; font-size:14px;} #shop .shop_goods .txt_line .txt13 {color:#666666; font-weig ht:bold; font-size:13px;} #shop .shop_goods .txt_line .txt16 {color:#eb4800; font-weight:bold; font-size:14px; letter-spacing:-1px;} #shop .shop_goods .txt_line .txt17 {color:#eb4800; font-weight:bold; font-size:13px; letter-spacing:-1px; margin-top:7px;} #shop .shop_goods .otherLine {margin-top:20px;} #shop .shop_goods .gTable {margin-top:14px;} #shop .shop_goods .gTable td.th {font-size:11px; letter-spacing:-1px} #shop .shop_goods .gTable td {padding:4px 0px;} #shop .shop_goods .gTable tr.trFirst td {border-top:1px dashed #efefef;} #shop .shop_goods .gTable tr.trLast td {border-bottom:1px dashed #efefef;} */ /* 스피나2017 /shop/category.asp */ div.gar {margin-top:10px; padding-bottom:40px;} .goodsLine {margin-top:0px;} .goodsLine:first-child {margin-top:20px !important;} #shop_goods1 {margin-left:0px;} #shop_goods2 {margin-left:0px;} #shop_goods3 {margin-left:0px;} #shop .tit_title {height:15px; background:url(/images_kr/shop/shop_title_bg.gif) 0 0 repeat-x;} #shop .tit_title p {height:15px; background-color:#fff; padding:0px 10px; display:inline-block; font-size:15px; line-height:15px; font-weight:bold; color:#0c1a38;} #shop .shop_goods {} #shop .shop_goods>div {margin-top:35px;} #shop .shop_goods>div:first-child {margin-top:15px;} #shop .shop_goods .first {margin-left:7px;} #shop .shop_goods .nofirst {margin-left:17px;} #shop .shop_goods .linesGoods {margin-top:35px;} #shop .shop_goods .goodsArea {float:left; width:200px;} #shop .shop_goods .soldout {position:absolute; z-index:20px;margin-left:10px;margin-top:5px;} #shop .shop_goods .soldoutTxt {min-width:60px;height:30px;color:#ffffff;background-color:#e12313;font-weight:bold;text-align:center;line-height:30px;padding:5px 15px;font-size:16px;} #shop .shop_goods .flag {position:absolute; z-index:20px;margin-left:10px;} /* #shop .shop_goods .images {border:1px solid #d9d9d9;} */ #shop .shop_goods .images {border:1px solid #d9d9d9;width:200px; height:200px; overflow:hidden; text-align:center;} #shop .shop_goods .images a {display:block; } #shop .shop_goods .icon {margin-top:14px; height: 20px; width: 100%;} #shop .shop_goods .icon li {float: left; margin-right: 3px;} #shop .shop_goods .txt li {color: #5c5c5c; font-size: 13px; line-height: 19px; font-weight: bold;} #shop .shop_goods .txt .li01 {color:#333333; font-size:15px;margin-top:14px} #shop .shop_goods .txt .li02 {margin-bottom: 8px;} #shop .shop_goods .txt .li02 span {font-size: 12px; margin-right: 3px;} #shop .shop_goods .txt .li03 {font-size: 15px; color: #464646;} #shop .shop_goods .txt .li03 span {font-size: 19px; margin-right: 5px;} #shop .shop_goods .txt .li04 {font-size: 15px; color: #808080;font-weight: normal;} #shop .shop_goods .txt .li04 span {font-size: 15px; margin-right: 5px;} #shop .shop_goods .txt .liPV {font-size: 15px; color: #008080;font-weight: normal;} #shop .shop_goods .txt .liPV span {font-size: 15px; margin-right: 5px;} /* 웰메이드코엔 /shop/index.asp */ #shopN div.tit {width: 100%; overflow: hidden; padding: 40px 0px 20px 0px;} #shopN .tit p {float: left;} #shopN .tit p.tit {color: #434343; font-size: 25px; line-height: 25px;} #shopN .tit p.txt {color: #6a6a6a; font-size: 13px; line-height: 13px; margin-left: 15px; margin-top: 8px;} #shopN .goods_best {margin: 10px 0; float: left; } #shopN .goods_best .layout_inner {border: 1px solid #e5e5e5; float: left; width: 1198px;background:#fbfbfb;} #shopN .goods_recommend {margin: 10px 0; float: left;} #shopN .goods_recommend .layout_inner {border: 1px solid #e5e5e5; float: left; width: 1198px;background:#fbfbfb;} #shopN .goods_registed {margin: 10px 0; float: left;} #shopN .goods_registed .layout_inner {float: left; width: 1200px} #shopN .goods_registed .layout_inner2 {border: 1px solid #e5e5e5; float: left; width: 913px;background:#fbfbfb;} #shopN .tit_title {height:15px; background:url(/images_kr/shop/shop_title_bg.gif) 0 0 repeat-x;} #shopN .tit_title p {height:15px; background-color:#fff; padding:0px 10px; display:inline-block; font-size:15px; line-height:15px; font-weight:bold; color:#011e40;} #shopN .shop_goods {width: 100%;} #shopN .shop_goods>div {margin-top:20px;margin-bottom:30px;} #shopN .shop_goods>div:first-child {margin-top:30px;} #shopN .shop_goods .first {margin-left:7px;} #shopN .shop_goods .nofirst {margin-left:17px;} #shopN .shop_goods .linesGoods {margin-top:35px;} #shopN .shop_goods .goodsArea {float:left; width:275px; position: relative;text-align:center;} #shopN .shop_goods .goodsArea .best {position: absolute; width: 50px; height: 50px; background: #db954d; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; margin-left:0px;margin-top:0px;} #shopN .shop_goods .soldout {position:absolute; z-index:20px;margin-left:10px;margin-top:5px;} #shopN .shop_goods .soldoutTxt {min-width:60px;height:30px;color:#ffffff;background-color:#e12313;font-weight:bold;text-align:center;line-height:30px;padding:5px 15px;font-size:16px;} #shopN .shop_goods .flag {position:absolute; z-index:20px;margin-left:10px;} #shopN .shop_goods .images {width:275px; height:275px; overflow:hidden; text-align:center; border:1px solid #d9d9d9;} #shopN .shop_goods .images a {display:block; } #shopN .shop_goods .icon {margin-top:14px; height: 20px; width: 100%;} #shopN .shop_goods .icon li {float: left; margin-right: 3px;} #shopN .shop_goods .icon {margin-top:14px; height: 20px; width: 100%;} #shopN .shop_goods .icon li {float: left; margin-right: 3px;} #shopN .shop_goods .txt li {color: #5c5c5c; font-size: 13px; line-height: 19px;} #shopN .shop_goods .txt .li01 {color:#585858; font-size:14px;margin-top:14px;line-height: 19px; margin: 5px 0; font-weight: bold;} #shopN .shop_goods .txt .li02 {margin-bottom: 8px;} #shopN .shop_goods .txt .li02 span {color: #949494;font-size: 12px; line-height: 16px;} #shopN .shop_goods .txt .li03 {font-size: 15px; color: #464646;} #shopN .shop_goods .txt .li03 span {font-size: 19px; margin-right: 5px;} #shopN .shop_goods .txt .li04 {font-size: 15px; color: #808080;font-weight: normal;} #shopN .shop_goods .txt .li04 span {font-size: 15px; margin-right: 5px;} #shopN .shop_goods .txt .gTable {margin-top:14px;} #shopN .shop_goods .txt .gTable td {padding:2px 0px; font-size: 14px;} #shopN .shop_goods .txt .gTable td.price {font-size: 15px; color: #464646;font-weight:normal;} #shopN .shop_goods .txt .gTable td.price span {font-size: 19px; margin-right: 5px; color: #464646;font-weight:normal;} #shopN .shop_goods .txt .gTable td.price2 {font-size: 14px; color: #eb4800;font-weight:normal;} #shopN .shop_goods .txt .gTable td.price2 span {font-size: 18px; margin-right: 5px; color: #eb4800;font-weight:normal;} #shopN .text_nowrap {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #shopN .shop_goods .gTable {} #shopN .shop_goods .gTable td {padding:0px 0px;} #shopN .shop_goods .gTable td.price {font-size: 14px; color: #282424;font-weight: normal;padding-right:0px;} #shopN .shop_goods .gTable td.price span {font-size: 18px; margin-right: 5px; color: #282424;font-weight: normal;} #shopN .shop_goods .gTable td.price2 {font-size: 15px; color: #438975;font-weight: normal;padding-right:0px;} #shopN .shop_goods .gTable td.price2 span {font-size: 20px; margin-right: 5px; color: #438975;font-weight: normal;} #shopN .shop_goods .gTable td.pricelt {font-size: 12px; color: #b8b8b8;font-weight: normal;padding-right:0px;} #shopN .shop_goods .gTable td.pricelt span {font-size: 15px; margin-right: 5px; color: #828282;font-weight: normal;} /* 인첸트라이프 shop category1,2,3 */ #shop_cate {height:48px; width:1198px; border:1px solid #ddd; position:relative;margin-top:50px;background:#fbfbfb;} #shop_cate .shopMenuAll {float:left; width:240px; height:48px;line-height:48px; border-bottom:1px solid #ddd;} #shop_cate .shopMenuAll a {display:block; width:240px; height:48px;line-height:48px; text-align:center; font-size:16px; } #shop_cate .over{color:#fff; background-color: #cd2121; border-color: #cd2121;} #shop_cate .nav {position:absolute; left:240px; width:959px; display:table; border-collapse:collapse; border:none; table-layout:fixed;} #shop_cate .nav>ul {display: table-row;} #shop_cate .nav>ul>li {display:table-cell; height:48px; line-height:48px; border-bottom:1px solid #ddd; /* border-left:1px solid #ddd; */ font-size:16px;} #shop_cate .nav>ul>li a {color:#6d6d6d; display:block; width:100%; text-align:center; font-size:16px; font-weight:normal;} #shop_cate .nav>ul>li a:hover {color:#BFAA8F;} #shop_cate ul.subUL {display:none; background-color:#f5f5f5; border: 1px solid #dedede; border-bottom: none; margin-top: -1px;} #shop_cate #nav .mainLi{position:relative;} #shop_cate #nav .mainLi.on a{color:#cd2121;} #shop_cate #nav .mainLi .subUL{position:absolute;left:0px;top:49px;display:none; width:99.5%; background:#f5f5f5;padding:0px 0px; z-index:222;} #shop_cate #nav .mainLi .subUL_last {position:absolute;right:0px;left:auto;} #shop_cate #nav .mainLi .subUL li a {color:#cd2121; font-size:12px; line-height:34px; text-align:center;border-bottom:1px solid #dedede;} #shop_cate #nav .mainLi .subUL li a:hover{color:#cd2121;text-decoration: underline;} #shop_cate #nav .mainLi2{color:#cd2121; /* background-color: #fff; */ border-color: #dddddd; bord er:1px solid red;} #shop_2depth_cate {width: 100%;background:#fbfbfb;margin-top: 30px;} #shop_2depth_cate ul {width: 1158px; border: 1px solid #ddd; padding: 10px 20px; overflow: hidden;} #shop_2depth_cate li {float: left; margin: 10px 13px; font-size: 15px;text-indent: -4px; width: 204px;} #shop_2depth_cate li a {color: #818181;} #shop_2depth_cate li a:hover {color: #595959; text-decoration: underline;} #shop_2depth_cate li span.on {color:#595959;font-weight:bold;display:inline-block;position: relative;overflow:hidden;border-bottom:2px solid #BFAA8F;padding-left:4px;} #shop_3depth_cate {width:1178px; border:1px solid #ddd;border-top: none; background:#fff url(/images/shop/3depth_bg.gif) 0 0 repeat-y; padding:12px 10px; margin-top:0px;margin-bottom:15px;font-size:14px;} #shop_3depth_cate ul {width:16.6%; /* border-left:1px solid #aaa; margin-left:-1px; display:block; */} #shop_3depth_cate ul:first-child {border-left:0px none;} #shop_3depth_cate li {display:block; position:relative; margin:10px 30px; vertical-align:top; text-indent:5px; letter-spacing:-1px;} #shop_3depth_cate li a {display:block; position:relative;color:#818181; text-decoration:none; } #shop_3depth_cate li a:hover {color:#414141; text-decoration:underline; } #shop_3depth_cate li a span {line-height:21px;} #shop_3depth_cate li a.hover {color:#414141; font-weight:normal;text-decoration:underline;} /* #shopIndex .sub_cate {width: 1198px; border: 1px solid #e3e3e3; border-top: none;} #shopIndex .sub_cate ul {padding: 15px 0; overflow: hidden;} #shopIndex .sub_cate li {float: left; margin-left: 46px; font-size: 14px; line-height: 36px; color: #818181;} #shopIndex .sub_cate li:before {content: "・";} #shopIndex .sub_cate a {color: #818181; position: relative;} #shopIndex .sub_cate i {width: 100%; height: 2px; background-color: #cd2121; display: none; position: absolute; left: 0; bottom: -4px;} #shopIndex .sub_cate .on a {color: #414141;} #shopIndex .sub_cate .on i {display: block;} */ #detailView {margin-top:20px;} /* #detailView .GoodsSubject {font-size:18px; line-height:28px; font-weight:bold; letter-spacing:-1px; color:#333;} */ #detailView .GoodsSubject {line-height:102px; height: 80px; vertical-align:middle; font-size:30px; font-weight: 500; position: relative; color: #2a2a2a;} #detailView .GoodsComment {font-size:11px; line-height:18px; font-family:'돋움'; } #detailView .GoodsComment .icons {margin-right:2px; vertical-align:middle;} #detailView .infowrap {margin-top:10px;} #detailView .imgArea {width:380px;} /*270*/ #detailView .bImg {width:350px; height:350px; overflow:hidden; text-align:center; border:1px solid #ccc;}/*250*/ #detailView .zoomImg {width:350px; text-align:center;padding:8px 0px 15px 0px;} /*250*/ #detailView .inSimg {float:left;border:1px solid #ccc; width:75px; height:75px; text-align:center;}/*58*/ #detailView .sImg {clear:both; width:350px; overflow:hidden;margin-top:4px;}/*252*/ #detailView .mr5 {margin-right:14px;}/*4*/ #detailInfo {float:left; margin-left:15px; width:805px; }/* 620px*/ #detailInfo .price_dis_bg {position:absolute;} #detailInfo .price_dis_bg div {position:absolute; width:68px; height:46px; background:url(/images_kr/shop/price_dis_bg.png) 0 0 no-repeat; left:690px; font:bold 16px tahoma; color:#fff; text-align:center;} #detailInfo .price_dis_bg div span {width:68px; height:46px;display:inline-block; margin-top:6px;} #detailInfo .goodSubject {font-family:dotum; font-size:16px; font-weight:bold; color:#58a717; padding:5px 0px 5px 0px; line-height:160%;} #detailInfo .goodsScript {font-family:dotum; font-size:11px; font-weight:bold; color:#fe781e; padding:5px 0px 10px 0px;line-height:160%;} #detailInfo .GoodsNumber {font-family:tahoma, "돋움", dotum, gulim;} #detailInfo div.GoodsCustomer:first-child {border-bottom:1px solid #e2e2e2;} #detailInfo .GoodsCustomer {font-weight:bold; background-color:#f7f7f7;text-indent:14px; padding:5px 0px 3px 0px;} #detailView .GoodsCustomer .GoodsNumber {text-decoration:line-through;} #detailView .GoodsCustomer .icons {margin-right:2px; vertical-align:middle;} #detailInfo .GoodsPrice {font-weight:bold; color:#ea0000; background-color:#f7f7f7; text-indent:14px; border-bottom:1px dotted #e2e2e2; padding:7px 0px 12px 0px; } #detailInfo .GoodsPrice .GoodsNumber {font-size:15px;} #detailInfo .option {background-color:#f7f7f7; } #detailInfo td.option {background-color:#f7f7f7; } #detailInfo th {padding:9px 0px 7px 14px; border-bottom:1px solid #e2e2e2; font-size:11px; vertical-align:top; font-weight:normal; text-align:left; color:#333; font-family:'돋움'; background-color:#fafafa;} #detailInfo td {padding:9px 0px 7px 14px; border-bottom:1px solid #e2e2e2; font-size:11px; font-family:'돋움';} #detailInfo td.GoodsPV {font-weight:bold; color:#ea0000; background-color:#f7f7f7; border-bottom:1px dotted #e2e2e2;font-size:12px;} #detailInfo td.GoodsGV {font-weight:bold; color:green; background-color:#f7f7f7; border-bottom:1px dotted #e2e2e2;font-size:12px;} #detailInfo td.point {background-color:#f7f7f7; font-size:12px; } #detailInfo .ea_bg {display:inline-block;border:1px solid #ccc; line-height:18px; height:18px; vertical-align:top; width:20px; height:18px;text-align:center; background-color:#fafafa;} #detailInfo .ea_bg a {display:block; margin-top:1px;} #detailInfo .input_text_ea {border-width:1px 0px 1px 0px; border-color:#ccc; border-style:solid; line-height:16px; height:16px; font-size:11px; vertical-align:top;} #detailInfo .btnZone {padding-top:15px; text-align:center;} #detailInfo .ShopBtnZone {padding-top:15px; text-align:center;} #detailInfo .ShopBtnZone a {display:inline-block; height:38px; padding:0px 20px; margin-left:6px;} .detailView_btn {clear:both;float:left;width:100%; height:33px;margin-top:30px; border-bottom:1px solid #ccc;} .detailView_btn .tit {float:left; line-height:33px; font-size:22px; font-weight:bold; color:#444;} .detailView_btn ul {float:right; margin-right:8px;} .detailView_btn li {float:left; height:33px;display:inline-block;} .detailView_btn li a { height:33px; line-height:33px; color:#afafaf;font-weight:bold;} .detailView_btn li.lines {margin:0px 10px;} .inContent {clear:both; float:left; width:100%; overflow-x:hidden;} #detailQna td {text-align:center;font-family:dotum;height:28px;border-bottom:1px dotted #ccc;color:#777;} #detailQna img {vertical-align:middle;} #detailQna td.subject {text-align:left;padding-left:10px;color:#888;} #detailQna td.subject2 {text-align:left;padding-left:10px;color:#8f3900;} #detailQna .pagingArea {width:100%; padding:7px 0px; text-align:center;} #detailQna td.qna_reply {padding:0px;} #detailQna td.qna_reply td {background-color:#feffde; padding:10px 0px; border:0px none; font-size:12px;} #detailReview td {text-align:center;font-family:dotum;height:28px;color:#777;} #detailReview td.underline {border-bottom:1px dotted #ccc;} #detailReview img {vertical-align:middle;} #detailReview td.subject {text-align:left;color:#888; font-weight:bold;} #detailReview td.subject a {color:#666;} #detailReview td.subject a:hover{color:#333;} #detailReview td.subject2 {text-align:left;padding-left:10px;color:#8f3900;} #detailReview .pagingArea {width:100%; padding:7px 0px; text-align:center;} #detailReview td.review_td2 {padding-bottom:10px;} #detailReview td.review_td2 p {width:580px; background-color:#eee; text-align:left; padding:10px; color:#888} .in_qna th {background:url(/images_kr/shop/detailinThBg.gif) right top no-repeat; background-color:#ccc;} .in_qna th.last {background-position:-1px 0px;} .in_review th {background:url(/images_kr/shop/detailinThBg.gif) right top no-repeat; background-color:#ccc;} .in_review th.last {background-position:-1px 0px;} /*카트 */ #cart .order_title {height:30px; line-height:30px; font-weight:bold; font-size:15px; } #cart .order_title label {height:30px; line-height:30px; font-weight:normal; font-size:12px; float:right;} #cart .TotalArea {border-bottom:1px solid #777; border-top:3px solid #666; margin-top:15px;} #cart .TotalArea .AreaZoneWrap {background-color:#f5f5f5; padding-top:15px;width:100%;} #cart .TotalArea .AreaZone {background-color:#f5f5f5;padding-bottom:15px; margin:0px auto;} #cart .TotalArea div {float:left;} #cart .TotalArea div span {} #cart .TotalArea span.tit {font-size:14px; line-height:40px; font-weight:bold; margin-left:20px;} #cart .TotalArea span.tit2 {padding-left:30px;} #cart .TotalArea span.won {margin-left:7px; font-size:13px; color:#606060;} #cart .pws {} #cart #PriceArea {width:420px;} #cart #DeliveryArea {width:350px; background:url(/images_kr/shop/order_final_icon.png) 5px 5px no-repeat; } #cart #PointArea {width:300px; background:url(/images_kr/shop/order_final_icon.png) 5px -35px no-repeat;} #cart #LastArea {width:390px;background:url(/images_kr/shop/order_final_icon.png) 5px -74px no-repeat;} /* #cart .price {position:relative; right:10px; height:40px; line-height:40px; text-align:right; float:right; font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold;} */ #cart .price {position:relative; right:2px; height:40px; line-height:40px; text-align:right; /*float:right;*/ font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold;margin-left:120px;} #cart .PriceArea {} #cart .DeliveryArea {} #cart .PointArea {} #cart .LastArea {color:red;} /* #cart .PriceArea {width:33%; height:40px;} #cart .DeliveryArea {width:33%; height:40px; background:url(/images_kr/shop/order_final_icon.png) 0 5px no-repeat;} #cart .PointArea {width:33%; height:40px; background:url(/images_kr/shop/order_final_icon.png) 0 -35px no-repeat;} #cart .LastArea {width:; height:40px; padding-left:50px; margin-left:30px; background:url(/images_kr/shop/order_final_icon.png) 0 -74px no-repeat;} #cart span.won {width:30px; height:40px; text-align:right; } #cart .TotalArea .PriceArea span#PriceArea {font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold; line-height:40px; vertical-align:top;text-align:right; width:140px; height:40px; text-align:right;} #cart .TotalArea .DeliveryArea span#DeliveryArea {font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold; line-height:40px; vertical-align:top;text-align:right; width:120px; height:40px; text-align:right;} #cart .TotalArea .PointArea span#PointArea {font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold; line-height:40px; vertical-align:top;text-align:right; width:120px; height:40px; text-align:right;} #cart .TotalArea .LastArea span#LastArea {font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:22px; font-weight:bold; line-height:40px; vertical-align:top;text-align:right; width:140px; height:40px; text-align:right; color:#ea0000} */ #cart .order_title_01 {height:30px; width:100%; background:url(/images_kr/shop/order_title_01.png) 0 50% no-repeat;} #cart .order_title_03 {height:30px; width:100%; background:url(/images_kr/shop/order_title_03.png) 0 50% no-repeat; line-height:30px; text-align:right;} #cart .order_title_04 {height:30px; width:100%; background:url(/images_kr/shop/order_title_04.png) 0 50% no-repeat; line-height:30px; text-align:right;} #cart .order_title_05 {height:30px; width:100%; background:url(/images_kr/shop/order_title_05.png) 0 50% no-repeat;} #cart .cart_title_01 {height:30px; width:100%; background:url(/images_kr/shop/cart_title_01.png) 0 50% no-repeat;} #cart .cart_list {margin-top:12px; text-align:left;} /* #cart .cart_list th {text-align:center; height:30px; background:url(/images_kr/shop/order_table_bg.gif) 0 0 repeat-x; font-size:11px; font-family:'돋움';} */ #cart .cart_list th {text-align:center; height:30px; background:#e7e7e7; font-size:11px; font-family:'돋움';border-top:1px solid #999999;} #cart .cart_list tbody td {border-bottom:1px dotted #ccc; padding:2px 0px; } #cart .cart_list tfoot td {padding-top:2px;} #cart .cart_list tfoot td img {margin-right:2px;} #cart .thumImg {width:80px; text-align:center; border:1px solid #ccc; background-color:#fff;} #cart .newWindow {width:80px; text-align:center; border:1px solid #ccc; border-top:0px none; padding:2px 0px;letter-spacing:-1px;} #cart .cart_list .goodsInfo p {margin-top:9px;} #cart .cart_list .goodsInfo p:first-child {margin-top:0px;} #cart .cart_list .goodsInfo .icons {margin-right:2px; vertical-align:middle;} #cart .cart_list .goodsInfo .goodsName {} #cart .cart_list .goodsInfo .goodsOption span {line-height:14px;} #cart .cart_list .goodsInfo .bor_l {border-left:1px dotted #ccc;} #cart .cart_list .goodsInfo tr.bgC1 td {background-color:#fcfcfc;} #cart .cart_list .goodsInfo tr.lastTR td {border-bottom:1px solid #777;} #cart .cart_list .goodsInfo .lastTD {border-bottom:1px solid #777;} #cart .cart_list .goodsInfo tbody tr:first-child td {border-top:1px solid #777;} #cart .disArea {} #cart .disArea td {font-size:11px; padding:7px 0px 7px 20px; border-top:1px solid #ccc;} #cart .disArea td.bor_l2 {border-left:1px dotted #ccc;} #cart .disArea td.bor_l {border-left:1px solid #ccc;} #cart .disArea td li {line-height:16px;} #cart .disArea td li strong {display:inline-block; text-align:right;} #cart .disArea td.summ {vertical-align:top;} #cart .disArea td.summ li>strong {display:inline-block; width:180px; text-align:right;} #cart .disArea td.point li strong {display:inline-block; width:140px; text-align:right;} #cart .input_gray01 {font-size:11px; line-height:22px; height:22px; border:1px solid #ccc; width:50px; padding:0px 4px; text-align:right;} #cart .disArea td.summ .summTD td {padding-left:0px; border-top:0px solid #ccc;} #cart .disArea td.summ .summTD strong {text-align:right; display:inline; width:auto;} #cart .ordersInfo {margin-top:50px;} #cart .ordersInfo th {border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; background-color:#f5f5f5; height:40px; text-align:left; padding-left:7px;} #cart .ordersInfo td {border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; height:30px; padding-left:11px;} #cart .ordersInfo tr:first-child th {border-top:2px solid #333;} #cart .ordersInfo tr:first-child td {border-top:2px solid #333;} #cart .ordersInfo td.zipTD {padding-top:5px;padding-bottom:5px;} #cart .ordersInfo td.zipTD p {margin-top:4px;} #cart .ordersInfo td.zipTD p:first-child {margin-top:0px;} #cart .ordersInfo .input_text1 {line-height:24px; height:24px; border:1px solid #ccc; vertical-align:top; padding-left:4px;} #cart .payment {margin-top:50px; border-bottom:2px solid #333;} #cart .payment .selectPay {background-color:#f5f5f5; line-height:40px; padding-left:15px;border-bottom:1px solid #ccc; border-top:2px solid #333; } #cart .payment .selectPay label {font-weight:bold; margin-left:11px; cursor:pointer;} #cart .payment .selectPay label:first-child {margin-left:0px;} #cart .payment .Agreement {padding:15px 0px;} #cart .payment .payinfoWrap {background:url(/images_kr/shop/payWarp_bg.gif) 65% 0 repeat-y;} #cart .payment .payinfoWrap .cart_btn {text-align:center;} #cart .payment .payinfoWrap .tit {text-align:left;font-size:14px; line-height:40px; font-weight:bold; margin-left:20px;} #cart .payment .payinfoWrap #payArea {font-family:tahoma, gulim, dotum, '굴림','돋움'; font-size:28px; font-weight:bold; line-height:40px; vertical-align:middle; text-align:right; height:40px; color:#ea0000} #cart .payment .payinfoWrap span.won {margin-left:7px; font-size:13px; color:#606060;font-weight:bold;} #cart .payment .payinfoWrap .PriceArea {margin-top:5px; vertical-align:middle; background-color:#f5f5f5; padding:15px 0px; } #cart .payment .payinfoWrap .btnArea {margin-top:25px;} #cart .payment .payinfoWrap .btnArea input {display:inline-block; height:40px; padding:0px 35px; cursor:pointer;} #cart .payment .payinfoWrap .btnArea a {display:inline-block; height:38px; padding:0px 35px; margin-left:6px;} /* #CardInfo select.input_text {line-height:24px; height:24px; border:1px solid #ccc;} #CardInfo th {background-color:#f5f5f5; border-bottom:1px solid #ddd; text-align:left; padding:7px 0px 7px 15px;} #CardInfo td {border-bottom:1px solid #ddd; padding:7px 0px 7px 15px;} #CardInfo td select {line-height:18px; font:12px/1.4 "돋움", dotum, Gulim, sans-serif; height:18px; zoom:1;} #CardInfo td select option {line-height:18px;} #CardInfo tr.lastTD th {border-bottom:1px solid #777;} #CardInfo tr.lastTD td {border-bottom:1px solid #777;} #BankInfo th {background-color:#f5f5f5; border-bottom:1px solid #ddd; text-align:left; padding:7px 0px 7px 15px;} #BankInfo td {border-bottom:1px solid #ddd; padding:7px 0px 7px 15px;} #BankInfo td select {line-height:18px; font:12px/1.4 "돋움", dotum, Gulim, sans-serif; height:18px; zoom:1;} #BankInfo td select option {line-height:18px;} #BankInfo td ul.bankInfo li {line-height:20px;} #BankInfo .input_text {line-height:24px; height:24px; border:1px solid #ccc; vertical-align:top;} #BankInfo tr.lastTD th {border-bottom:1px solid #777;} #BankInfo tr.lastTD td {border-bottom:1px solid #777;} */ #Agreement {padding:25px 0px; background-color:#f7f7f7; border-right:1px solid #ccc;} #Agreement p {font-weight:bold; width:90%; margin-left:5%;;} #Agreement p.ag {letter-spacing:-1px;} #Agreement .AgreementBox {width:85%; padding:15px; background-color:#fff; line-height:18px; font-size:11px; border:1px solid #ccc; margin-left:5%; margin-top:5px;} #cart .payment .payinfoWrap table {border-bottom:2px solid #919191;} #cart .payment .payinfoWrap select.input_text {line-height:28px; height:28px; border:1px solid #ccc;} #cart .payment .payinfoWrap th {background-color:#f5f5f5; border-bottom:1px solid #ddd; text-align:left; padding:7px 0px 7px 7px; border-top:1px solid #ddd; font-size: 13px;} #cart .payment .payinfoWrap td {border-bottom:1px solid #ddd; padding:7px 0px 7px 15px; border-top:1px solid #ddd; } #cart .payment .payinfoWrap td select {line-height:18px; font:12px/1.4 "돋움", dotum, Gulim, sans-serif; height:18px; zoom:1;} #cart .payment .payinfoWrap td select option {line-height:18px;} #cart .payment .payinfoWrap td ul li {line-height:20px;} #cart .payment .payinfoWrap .input_text {line-height:24px; height:24px; border:1px solid #ccc; padding-left: 6px;} #cart .payment .payinfoWrap tr.lastTD th {border-bottom:1px solid #777;} #cart .payment .payinfoWrap tr.lastTD td {border-bottom:1px solid #777;} #cart .payment .payinfoWrap .paymethod {background: #A5C1CE; text-align: center; padding : 2px;} #cart .payment .payinfoWrap .paymethodAdd {background: #85d6c0; text-align: center; padding : 2px;} /*주문완료 */ #cart .cart_infos {font-weight:bold; width:1180px; border:5px solid #eee; text-align:left;padding:5px 0 5px 10px;margin-bottom:10px;} #cart .cart_infos .ordNo { font-size:14px; color:#ea0000; font-family:tahoma;} #cart .cart_select {width:100%; clear:both; float:left; margin-top:60px; text-align:center;} #cart .cart_select img {margin-left:9px;} /* 복합결제 S */ #mComplexInfo .CardPriceTotal {border:1px solid #919191; background-color:#f5f5f5; margin-right:1px;} #mComplexInfo .CardPriceTotal td.title {font-weight:bold; font-size:14px; text-align:center;} #mComplexInfo .CardPriceTotal td.amount {font-weight:bold; font-size:20px; text-align:center; background-color:#fff;} #mComplexInfo .CardPriceTotal td.amountR {font-weight:bold; font-size:20px; text-align:right; background-color:#fff; padding-right: 60px;} #mComplexInfo .addChk {width: 16px; height: 16px; border:2px solid red; margin-top: -2px; border: solid white; } #cart .a_submit {display: inline-block; padding: 0px 12px; vertical-align: top; cursor: pointer; line-height:25px;} #cart .addbtn {display: inline-block; padding: 0px 12px; vertical-align: top; cursor: pointer; line-height:25px;} #cart .design1 {background-color: #337ab7; border:1px solid #2e6da4; border-radius: 3px; color:#fff !important;font-weight:normal;padding: 3px 15px; font-size: 13px;} #cart .design2 {background-color: #f9f9f9; border:1px solid #cccccc; border-radius: 3px; color:#666 !important;font-weight:normal;} #cart .design3 {background-color: #898989; border:1px solid #606060; border-radius: 3px; color:#fff !important;font-weight:normal;} #cart .design4 {background-color: #c40d0d; border:1px solid #880000; border-radius: 3px; color:#fff !important;font-weight:normal;padding: 3px 15px; font-size: 13px;} #cart .design5 {background-color: #33b793; border:1px solid #1a9473; border-radius: 3px; color:#fff !important;font-weight:normal;padding: 3px 15px; font-size: 13px;} #cart .paytypeAddArea {padding:7px 10px; text-align:center; height:30px; line-height:30px;} /* 복합결제 E */ #shopIndex {overflow: hidden;margin-bottom: 70px;} #shopIndex .mall_list {background-color: #f6f6f6; height: 400px; overflow: hidden; margin-bottom: 10px;} #shopIndex .mall_list ul {width: 1206px;} #shopIndex .mall_list li {width: 235px; height: 400px; margin: 0 3px; float: left; position: relative; overflow: hidden;} #shopIndex .mall_list a {width: 235px; height: 400px; display: block;} #shopIndex .mall_list span {font-size: 14px; color: #fff; text-align: center; position: absolute; bottom: 12px; left: 45px; width: 148px; height: 34px; line-height: 34px; z-index: 999;} #shopIndex .mall_list em {position: absolute; z-index: 99; bottom: 10px; left: 44px; width: 150px; height: 36px; opacity: 0.45; filter: alpha(opacity=45); background-position: 0; background-size: 150px; background-repeat: no-repeat; background-image: url(/images_kr/shop/mall_btn.svg); *background-image: url(/images_kr/shop/mall_btn.png);} /*ie8*/ @media \0screen {#shopIndex .mall_list em {background-image: url(/images_kr/shop/mall_btn.png);}} /*#shopIndex .goods_wrap.layout_inner {overflow: hidden;} #goods_wrap {text-align: center; padding: 30px 0;} #goods_wrap .tit {width: 100%; overflow: hidden; color: #353535; font-size: 26px; line-height: 110%; padding: 30px 0; font-weight: 500;} #goods_wrap .list {margin-top: 25px; text-align: center; font-weight: 400; font-size: 15px; overflow: hidden;} #goods_wrap .list ul {float: left; width: 1198px; border: 1px solid #e2e2e2;} #goods_wrap .list li {float: left; width: 172px; height: 50px; margin: -1px 0 -1px -1px;} #goods_wrap .list li a {width: 170px; height: 48px; border: 1px solid #e2e2e2; line-height: 48px; color: #3a3a3a; display: block; position: relative; z-index: 9;} #goods_wrap .list li.on a {background-color: #60960f; color: #fff; border-color: #60960f; z-index: 11;} #goods_wrap .wrap {position: relative;margin: 30px 0;display: inline-block;margin-bottom: 15px;} #goods_wrap .goods {width: 290px; height: 400px; float: left; position: relative; font-weight: 400; text-align: center; display: block;} #goods_wrap .goods a {float: left; cursor: pointer;} #goods_wrap .goods .img {width: 290px; height: 290px; position: relative; text-align:center; transition: border-color .2s; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; } #goods_wrap .goods .txt {padding: 0 10px; overflow: hidden;} #goods_wrap .goods .txt p {line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;position: absolute; width: 270px; left: 10px;} #goods_wrap .goods .txt .p01 {color: #929292; font-size: 14px;bottom: 70px;} #goods_wrap .goods .txt .p02 {color: #636363; font-size: 17px;bottom: 42px;} #goods_wrap .goods .price {color: #61721b; font-size: 16px; position: absolute; width: 270px; bottom: 4px; left: 10px; font-weight: 500;} #goods_wrap .goods .price span {font-family: 'SCDream', 'NotoSansCJK', sans-serif;}*/ /*#goods_wrap.index_best {background: #fbf8ef; overflow: hidden;} #goods_wrap.index_best .tab {display: inline-block; margin: 10px 0;} #goods_wrap.index_best .tab ul {} #goods_wrap.index_best .tab li {float: left; color: #1a1a1a; font-size: 16px; background: #fff; border: 1px solid #e1dfd9; border-radius: 32px; cursor: pointer;padding: 0px 22px;margin: 0 5px;line-height: 34px; transition: border-color .1s, background .1s, color .1s; -webkit-transition: border-color .1s, background .1s, color .1s; -moz-transition: border-color .1s, background .1s, color .1s; -o-transition: border-color .1s, background .1s, color .1s; } #goods_wrap.index_best .tab li.on {color: #fff; background: #ff7226; border-color: #ff7226;} #goods_wrap.index_best .goods {width: 306px; height: 440px; text-align: center; margin: 0;} #goods_wrap.index_best .goods a {width: 260px; height: 400px; position: relative; padding: 10px; background: #fff; border-radius: 10px; margin: 10px 13px;overflow: hidden; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1); transition: margin .2s, box-shadow .2s; -webkit-transition: margin .2s, box-shadow .2s; -moz-transition: margin .2s, box-shadow .2s; -o-transition: margin .2s, box-shadow .2s; } #goods_wrap.index_best .goods .img {border: none; width: 260px; margin: 0px; height: 270px;overflow: hidden;} #goods_wrap.index_best .goods .img img {margin: -10px;} #goods_wrap.index_best .tab li:hover {background: #f9f9f9; color: #666;} #goods_wrap.index_best .tab li.on:hover {border-color: #ff7226; background: #ff7226; color: #fff; box-shadow: none;} #goods_wrap.index_best .goods:hover {} #goods_wrap.index_best .goods:hover a {box-shadow: 1px 3px 15px 0 rgba(0,0,0,0.3); margin-top: 8px;} #goods_wrap.index_new {background: #f8f8f8;} .lt-ie9 #goods_wrap.index_new .goods .img {margin: 0;} .lt-ie9 #goods_wrap.index_best .goods {background: url(/images/shop/goods_bg.png) no-repeat center;} .lt-ie9 #goods_wrap.index_best .goods a {background: transparent;} .lt-ie9 #goods_wrap.index_best .goods .img {} .lt-ie9 #goods_wrap.index_best .goods:hover {background: url(/images/shop/goods_bg_on.png) no-repeat center -2px;} .lt-ie9 #goods_wrap.index_best .goods:hover a {} .ie7 #goods_wrap .wrap {display: inline; zoom: 1;} .ie7 #goods_wrap.index_best .tab {display: inline; zoom: 1;}*/ #shop_subVisual {width: 100%; height: 240px; position: relative; text-align: center;} .shop_subVisual {width: 2000px; height: 240px; position: relative; left: 50%; margin-left: -1000px;overflow: hidden;} .shop_subVisual .txt {width: 1200px; margin: 0 auto;padding: 100px 0;} .shop_subVisual .txt p {color: #0b0b0b; line-height: 120%; font-size: 15px; font-weight: 200; margin-top: 10px;} .shop_subVisual .txt .p01 {font-size: 26px; font-weight: 500;} .shop_subVisual img {position: absolute; top: 0; left: 0; z-index: -1;} #shopIndex .page_number {font-size: 14px; color: #212121; text-align: center;} #shopIndex .page_number ul {display: inline-block; zoom: 1; position: relative; margin: 0 auto 20px auto; width: 483px;} #shopIndex .page_number p {float: left; height: 32px; line-height: 32px; text-align: center; width: 67px;} #shopIndex .page_number p.fleft {position: absolute; left: 0px;} #shopIndex .page_number p.fright {position: absolute; right: 0px;} #shopIndex .page_number span {width: 32px; border: 1px solid #ddd; margin-left: -1px; float: left;} #shopIndex .page_number li {float: left; border: 1px solid #ddd; margin-left: -1px; width: 32px; height: 32px; line-height: 32px; text-align: center;} #shopIndex .page_number a {color: #212121; width: 32px; height: 32px; display: inline-block; zoom: 1;} #shopIndex .page_number li.on {margin-left: 74px; background: #666;border: 1px solid #666;} #shopIndex .page_number li.on a {color: #fff;} #shopIndex .cate_tit {color: #373737; font-size: 28px; line-height: 30px; font-weight: 600; margin-top: 28px;} #shopIndex .all_cate {width: 100%; margin-top: 48px; border-spacing: 0;} #shopIndex .all_cate tr {width: 100%; position: relative; overflow: hidden;} #shopIndex .all_cate td {width: 110px; height: 48px; line-height: 48px; font-size: 15px; position: relative; border: 1px solid #e3e3e3; padding: 0;} #shopIndex .all_cate td a {color: #6e6c6c; background: #f8f8f8; display: block;} #shopIndex .all_cate td i {width: 110px; height: 2px; background: #cd2121; position: absolute; top: -1px; left: -1px; display: none;} #shopIndex .all_cate td:hover a {text-decoration: underline;} #shopIndex .all_cate td.on {border-bottom-color: #fff;} #shopIndex .all_cate td.on a {color: #cd2121; background: #fff;} #shopIndex .all_cate td.on i {display: block; z-index: 99;} #shopIndex .sub_cate {width: 1198px; border-bottom: 1px solid #e3e3e3;} #shopIndex .sub_cate ul {padding: 6px 15px; overflow: hidden;} #shopIndex .sub_cate li {float: left; margin: 0 25px; font-size: 14px; line-height: 36px; color: #818181;} #shopIndex .sub_cate a {color: #838383; position: relative;} #shopIndex .sub_cate i {width: 100%; height: 2px; background-color: #cd2121; display: none; position: absolute; left: 0; bottom: -4px;} #shopIndex .sub_cate .on a {color: #414141;} #shopIndex .sub_cate .on i {display: block;} #shopIndex #index_bn {padding: 60px 0;overflow: hidden;} #shopIndex #index_bn .bn {float: left;} #shopIndex #index_bn .bn a {float: left; cursor: pointer;} #shopIndex #index_bn .big {margin-bottom: 25px; width: 1200px; height: 280px;} #shopIndex #index_bn .in .bn {margin-right: 30px; width: 380px; height: 220px;} #shopIndex #index_bn .in .bn03 {margin: 0;} #shopIndex #shop_bn {height: 260px; position: relative; overflow: hidden;} #shopIndex #shop_bn .bg {width: 100%; height: 570px; position: absolute; bottom: 0; left: 0; z-index: 0;} #shopIndex #shop_bn .bg span {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(/images/shop/shop_bn_bg.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed; display: none;} #shopIndex #shop_bn .bg i {position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: url(/images/shop/shop_bn_bg2.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed;} #shopIndex #shop_bn .txt {text-align: center; position: relative; z-index: 1; color: #fff; font-size: 16px; line-height: 200%;padding: 48px 0;} #shopIndex #shop_bn .txt div {font-size: 30px;margin: 15px 0; line-height: 200%;} #shopIndex #shop_bn .txt p {font-weight: 200;} /*floating2*/ #floating2 {width: 100px; overflow: hidden; text-align: center; margin-top: 3084px; margin-left: -1900px; *margin-left: 0;} #floating2 .tit {width: 100%; height: 60px; background-color: #cd2121;} #floating2 .tit p {color: #fff; font-size: 16px; font-weight: 500; line-height: 60px; letter-spacing: -1px;} #floating2 .con {background-color: #f9f9f9; border: 1px solid #dcdcdc; overflow: hidden;} #floating2 p {letter-spacing: -0.3px;} #floating2 ul {margin: 11px 0; width: 98px; display: block;} #floating2 li {margin: 6px 0; display: inline-block; *display: inline; zoom: 1;} #floating2 a {width: 80 px; float: left; cursor: pointer;} #floating2 i {width: 51px; height: 50px; display: block; background-image: url(/images_kr/share/quick_sns.png); background-size: 51px; margin: 3px auto;} #floating2 .li01 i {background-position: 0 0;} #floating2 .li02 i {background-position: 0 -80px;} #floating2 .li03 i {background-position: 0 -160px;} #floating2 .li04 i {background-position: 0 -248px;} #floating2 .li05 i {background-position: 0 -336px;} #floating2 li p {color: #6d6d6d; font-size: 13px; line-height: 15px; font-weight: 500;} #floating2 .li01:hover p {color: #2cb400;} #floating2 .li02:hover p {color: #ad40b4;} #floating2 .li03:hover p {color: #3a5897;} #floating2 .li04:hover p {color: #fac500;} #floating2 .li05:hover p {color: #000;} .pagingNew3 {font-family: 'SCDream', sans-serif!important;} #shop_visual {overflow: hidden; padding-top: 15px;} #shop_visual .shop_visual {width: 588px; height: 318px; border: 1px solid #dcdcdc; background: #f2f1f1;} #shop_visual .shop_visual.v01 {float: left;} #shop_visual .shop_visual.v02 {float: right;} #shop_visual .shop_visual .img {width: 588px; height: 278px; position: relative; overflow: hidden; border-bottom: 1px solid #dcdcdc;} #shop_visual .shop_visual .img span {position: absolute; top: 124px; cursor: pointer;} #shop_visual .shop_visual .img span.prev {left: 9px;} #shop_visual .shop_visual .img span.next {right: 9px;} #shop_visual .shop_visual p {line-height: 39px; text-align: center; font-size: 16px; color: #4d4d4d;} #shop_visual .mainVisual_a {position:relative;width:590px;height:280px;} #shop_visual .visual_dir{position:absolute;top:130px;cursor:pointer} #shop_visual .visual_prev{left:10px;} #shop_visual .visual_next{right:10px;} #shop .tit {color: #3b3b3b; font-size: 22px; padding: 40px 0 20px 0; font-weight: bold;} #shop .goodsList {border: 1px solid #e9e9e9; padding: 29px 19px 0 19px; overflow: hidden;} #shop .goods {width: 220px; float: left; margin: 0 10px; margin-bottom: 50px; position: relative;} #shop .goods .img {border: 1px solid #dcdcdc;} #shop .goods .icon {padding-top: 10px; overflow: hidden;} #shop .goods .icon li {float: left; margin-right: 3px;} #shop .goods li {} #shop .goods .li01 {color: #585858; font-size: 14px; line-height: 19px; margin: 5px 0; font-weight: bold;} #shop .goods .li02 {color: #949494; font-size: 12px; line-height: 16px;} #shop .goods .li03 {margin-top: 5px; font-size: 15px; color: #525252; font-weight: bold;} #shop .goods .li03 .s01 {margin-left: 5px; font-size: 19px; font-weight: normal;} #shop .page_number {font-size: 14px; color: #212121; text-align: center;} #shop .page_number ul {display: inline-block; zoom: 1; position: relative; margin: 0 auto 55px auto; width: 483px;} #shop .page_number p {float: left; height: 32px; line-height: 32px; text-align: center; width: 67px;} #shop .page_number p.fleft {position: absolute; left: 0px;} #shop .page_number p.fright {position: absolute; right: 0px;} #shop .page_number span {width: 32px; border: 1px solid #dddddd; margin-left: -1px; float: left;} #shop .page_number li {float: left; border: 1px solid #dddddd; margin-left: -1px; width: 32px; height: 32px; line-height: 32px; text-align: center;} #shop .page_number a {color: #212121; width: 32px; height: 32px; display: inline-block; zoom: 1;} #shop .page_number li.on {margin-left: 74px; background: #666666; font-weight: bold; border: 1px solid #666666;} #shop .page_number li.on a {color: #fff;} .text_nowrap {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #DivCardInfo select.input_text {line-height:24px; height:24px; border:1px solid #ccc;} #DivCardInfo th {background-color:#f5f5f5; border-bottom:1px solid #ddd; text-align:left; padding:7px 0px 7px 15px;} #DivCardInfo td {border-bottom:1px solid #ddd; padding:7px 0px 7px 15px;} #DivCardInfo td select {line-height:18px; font:12px/1.4 "돋움", dotum, Gulim, sans-serif; height:18px; zoom:1;} #DivCardInfo td select option {line-height:18px;} #DivCardInfo tr.lastTD th {border-bottom:1px solid #777;} #DivCardInfo tr.lastTD td {border-bottom:1px solid #777;}