/* ================================================================================== @ Basic Font Setting @ J.mall Renewal 2017. 09. 25 @ Lim SeungHyun ================================================================================== */ /********** 여기에 임포트는 font.css 만 하고 font.css에서 사용할 폰트 불러오게 수정 *********/ @import "font.css"; /* common */ html, body{font-family:'notosanskr', Sans-serif;} html, body, div, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:12px; color:inherit;line-height: 1.2;} span, h1, h2, h3, h4, h5, h6, p, a { margin:0; padding:0; border:0; color:inherit;line-height: 1.2;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse:collapse; border-spacing:0;} audio, canvas, progress, video { display: inline-block; vertical-align: baseline;} audio:not([controls]) {display:none; height:0;} [hidden],template {display:none;} abbr[title] {border-bottom: 1px dotted;} svg:not(:root) {overflow: hidden;} hr {box-sizing: content-box; height: 0;} pre {overflow: auto;} code, kbd, pre, samp {font-family: monospace, monospace; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin:0;} textarea {overflow: auto;} li img {vertical-align:middle;} input {padding:0; vertical-align:top;} select {border:1px solid #ddd; vertical-align:top;} input[type=text],input[type=password],input[type=email],input[type=number]{ /* font-family:'dotum', Sans-serif; */ } a, img, input, textarea {outline: none; text-decoration: none; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} a,area {blr:expression(this.onFocus=this.blur())} :focus {-moz-outline-style: none;} select::-ms-expand {display: none;} .hidden {display:none;} *:focus {outline: none;} textarea{box-shadow: none !important;-webkit-appearance: none;font-size: 12px;} .index_h2{font-family:'Noto Serif', Sans-serif;} /* ================================================================================== @ J.mall 공통 CSS @ Lim SeungHyun @ Location: ALL ================================================================================== */ /* ================================================================================== @ J.mall Renewal 2017. 09. 25 @ Lim SeungHyun @ Location: header.php ================================================================================== */ /*common*/ .subtit{font-size: 16px;color:#aaa;display: block;padding-bottom: 50px;text-align: center;line-height: 1;} .icon_list{text-align: left;} .icon_list img{padding-right:5px;padding-bottom: 10px;} .btn04{width:60px;height: 35px;font-size: 12px;color:#858585;border:1px solid #ddd;line-height: 35px;text-align: center;display: inline-block;box-sizing:border-box;} .c_pink{color:#d9045d !important;} .f_b{font-weight: bold !important;} .f_m{font-weight: 500 !important;} .f_re{font-weight: 400 !important;} .f_l{float: left;} .f_r{float: right;} .pr18{padding-right: 18px !important;} /* ================================================================================== @ J.mall Renewal 2017. 09. 25 @ Lim SeungHyun @ Location: header.php ================================================================================== */ #layout {width:100%;min-width: 1300px;} #header {width: 100%;} /*헤더핑크*/ #header .header_wrap{min-width: 1100px;margin: auto;position: absolute;top:0;left:0;width:100%;background: #d9045d;z-index: 10; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } #header .header_wrap.on{position: fixed;background: #fff;z-index: 1000;box-shadow: 0 2px 6px 2px rgba(123, 121, 121, 0.31);} #header .main_menu{float:left;} #header .main_menu h1{float: left;padding-top: 25px;padding-right: 35px;} #header .main_menu .logo a{background: url('/image/logo/logo_white.svg')no-repeat center left;width:127px;height: 26px;background-size:100%;display: inline-block;} #header .main_menu .logo a.on{background: url('/image/logo/logo_black.svg')no-repeat center left;background-size:100%;} #header .main_menu #gnb{float:left;position: relative;z-index: 3;} #header .main_menu #gnb > ul > li{float:left;position: relative;} #header .main_menu #gnb > ul > li > a{font-size: 16px;color:#fff;font-weight: 400;text-align: center;height: 77px;line-height: 77px;display: inline-block;padding: 0 18px;} #header .main_menu #gnb > ul > li.active a{font-weight: bold;} #header .main_menu #gnb .gnb_inner{position: relative;} #header .main_menu #gnb .gnb_inner .gnb_in_inner{width:100%;position: absolute;top:0;width:100%;overflow: hidden;height: 0;padding-top: 21px;} #header .main_menu #gnb .gnb_inner .gnb_in_inner ul{width:100%;overflow:hidden;height: 350px;} #header .main_menu #gnb .last .gnb_inner .gnb_in_inner{width: 100px; position: absolute;top: 0;left: -14px;} #header .main_menu #gnb .gnb_inner.on{display: block;} #header .main_menu #gnb .gnb_inner li{text-align: center;padding: 10px 0 12px;} #header .main_menu #gnb .gnb_inner li a{font-size: 14px;color:#333;font-weight: 300;display: inline-block;} #header .gnb_bg{width:100%;height: 0;background: #fff;position: absolute;top:77px;left:0;z-index: 2;} #header .gnb_bg.on{box-shadow: 0 2px 6px 2px rgba(123, 121, 121, 0.31);} #header .h_wrap01{width:1100px;margin:0 auto;} #header .h_wrap02{width:1100px;margin:0 auto;} #header .user_nav_wrap{float: right;} #header .user_nav_wrap .search_wrap{float: left;padding:31px 9px 31px 0;display: none;} #header .user_nav_wrap .search_wrap button{width: 14px;height: 14px;background: url('/image/icon/lululab/sub_search.png') no-repeat;border:0;text-indent: -9999px;} #header .user_nav_wrap .search_wrap button.on{background: url('/image/icon/head_search.png') no-repeat;} #header .user_nav_wrap .user_nav{float: left;} #header .user_nav_wrap .user_nav li{float: left;height: 80px;line-height: 80px;padding: 0 8px;} #header .user_nav_wrap .user_nav li a{font-size: 12px;color: #fff;font-weight: 400;} #header .main_menu .logo a, #header .main_menu #gnb > ul > li > a, #header .user_nav_wrap .user_nav li a{ -webkit-transition: all .0s ease-in-out; -moz-transition: all .0s ease-in-out; -ms-transition: all .0s ease-in-out; -o-transition: all .0s ease-in-out; transition: all .0s ease-in-out; } #header .select_wrap{padding:27px 0;float: left;padding-left: 16px;} #header .select_wrap .select_inner{width: 84px;height: 26px;border:1px solid #fff;color: #fff;background-position: right 9px center;font-size:10px;position: relative;box-sizing:border-box;cursor:pointer;} #header .select_wrap .select_inner.on{color:#8d8d8d;border:1px solid #8d8d8d;} #header .select_wrap .select_inner span{height: 26px;line-height: 24px;display: block;padding-left: 9px;background: url('/image/icon/lululab/selectbox.png') no-repeat;background-size:6px 4px;background-position: right 9px center;} #header .select_wrap .select_inner span.on{background: url('/image/icon/head_select2.png') no-repeat;background-size: 6px 4px;background-position: right 9px center;} #header .select_wrap #lan_sel{padding:10px 5px;width:84px;margin: 5px 0 0 -1px;box-sizing:border-box;background: #fff;position: absolute;top:20px;left:0;z-index: 4;display: none;} #header .select_wrap #lan_sel.on{display: block;} #header .select_wrap #lan_sel li{padding-bottom: 5px;} #header .select_wrap #lan_sel .ko a{background: url(/image/banner/lan_ko.jpg)no-repeat;background-size:18px 12px;height: 12px;} #header .select_wrap #lan_sel .en a{background: url(/image/banner/lan_en.jpg)no-repeat;background-size:18px 12px;height: 12px;} #header .select_wrap #lan_sel a{display: block;color:#9e9e9e !important;font-size: 11px;padding-left: 25px;} /*헤더(흰배경)*/ #header .header_wrap01{min-width: 1100px;margin: auto;position: fixed;top:0;left:0;width:100%;background: #fff;box-shadow: 0 2px 6px 2px rgba(177, 177, 177, 0.31);z-index: 10;} #header .header_wrap01.on{background: #fff;z-index: 1000;} #header .main_menu01{float:left;} #header .main_menu01 h1{float: left;padding-top: 25px;padding-right: 35px;} #header .main_menu01 .logo a{background: url('/image/logo/logo_black.svg')no-repeat center left;width:127px;height: 26px;background-size:100%;display: inline-block;} #header .main_menu01 #gnb{float:left;position: relative;z-index: 3;} #header .main_menu01 #gnb > ul > li{float:left;position: relative;} #header .main_menu01 #gnb > ul > li > a{font-size: 16px;color:#333;font-weight: 400;text-align: center;height: 77px;line-height: 77px;display: inline-block;padding: 0 17px;} #header .main_menu01 #gnb > ul > li.active a{font-weight: bold;line-height:76px;} #header .main_menu01 #gnb .gnb_inner{position: relative;} #header .main_menu01 #gnb .gnb_inner .gnb_in_inner{width:100%;position: absolute;top:0;width:100%;overflow: hidden;height: 0;} #header .main_menu01 #gnb .gnb_inner .gnb_in_inner ul{width:100%;overflow:hidden;height: 350px;} #header .main_menu01 #gnb .last .gnb_inner .gnb_in_inner{width: 100px; position: absolute;top: 0;left: -14px;} #header .main_menu01 #gnb .gnb_inner.on{display: block;} #header .main_menu01 #gnb .gnb_inner li{text-align: center;padding: 10px 0 12px;} #header .main_menu01 #gnb .gnb_inner li a{font-size: 14px;color:#666;display: inline-block;} #header .user_nav_wrap01{float: right;} #header .user_nav_wrap01 .search_wrap{float: left;padding:31px 9px 31px 0;display: none;} #header .user_nav_wrap01 .search_wrap button{width: 14px;height: 14px;background: url('/image/icon/head_search.png') no-repeat;border:0;text-indent: -9999px;} #header .user_nav_wrap01 .search_wrap button.on{background: url('/image/icon/head_search.png') no-repeat;} #header .user_nav_wrap01 .user_nav{float: left;} #header .user_nav_wrap01 .user_nav li{float: left;height: 77px;line-height: 77px;padding: 0 9px;} #header .user_nav_wrap01 .user_nav li a{font-size: 12px;color: #8d8d8d;font-weight: 400;} #header .select_wrap01{padding:27px 0;float: left;padding-left: 23px;} #header .select_wrap01 .select_inner{width: 84px;height: 24px;border:1px solid #8d8d8d;color: #8d8d8d;background-position: right 9px center;font-size:11px;position: relative;} #header .select_wrap01 .select_inner.on{color:#8d8d8d;border:1px solid ##8d8d8d;} #header .select_wrap01 .select_inner span{height: 26px;line-height: 26px;display: block;padding-left: 9px;background: url('/image/icon/head_select.png') no-repeat;background-size:6px 4px;background-position: right 9px center;cursor:pointer;} #header .select_wrap01 .select_inner span.on{background: url('/image/icon/head_select.png') no-repeat;background-position: right 9px center;} #header .select_wrap01 #lan_sel{padding:10px 5px;width:84px;margin: 5px 0 0 -1px;box-sizing:border-box;background: #fff;position: absolute;top:22px;left:0;z-index: 4;display: none;} #header .select_wrap01 #lan_sel.on{display: block;} #header .select_wrap01 #lan_sel li{padding-bottom: 5px;} #header .select_wrap01 #lan_sel .ko a{background: url(/image/banner/lan_ko.jpg)no-repeat;background-size:18px 12px;height: 12px;} #header .select_wrap01 #lan_sel .en a{background: url(/image/banner/lan_en.jpg)no-repeat;background-size:18px 12px;height: 12px;} #header .select_wrap01 #lan_sel a{display: block;color:#9e9e9e !important;font-size: 11px;padding-left: 25px;} /* ================================================================================== @ J.mall Renewal 2017. 09. 26 @ Lim SeungHyun @ Location: index.php ================================================================================== */ /*index visual*/ .sub_visual{/* background: #d9045d; */ width:100%;box-sizing:border-box;} .sub_viswrap{position: relative;} .sub_viswrap .swiper-slide.bg1{background: url(/image/banner/main_banner01.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg2{background: url(/image/banner/main_banner02.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg3{background: url(/image/banner/main_banner03.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg4{background: url(/image/banner/main_banner04.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg5{background: url(/image/banner/main_banner05.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg6{background: url(/image/banner/main_banner06.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg7{background: url(/image/banner/main_banner07.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg1_en{background: url(/image/banner/main_banner01_en.jpg)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg2_en{background: url(/image/banner/main_banner02_en.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg3_en{background: url(/image/banner/main_banner03_en.jpg)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg4_en{background: url(/image/banner/main_banner04_en.jpg)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg5_en{background: url(/image/banner/main_banner05_en.jpg)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .swiper-slide.bg6_en{background: url(/image/banner/main_banner06_en.png)no-repeat center;background-size:cover;width:100%;height: 700px;} .sub_viswrap .sub_inner{width:1100px;height: 636px;margin:0 auto;position: relative;} .sub_viswrap h2{background: url(/image/banner/sub_b_logo.svg) no-repeat center left;width: 352px;height: 104px;background-size: 100%;font-size: 0;margin-bottom: 40px;background-position: right center;} .sub_viswrap .des p{color:#fff;font-size: 22px;font-weight: 300;line-height: 34px;} .sub_viswrap .sub-vis-img{float:right;} .sub_viswrap .sub-vis-img span{background: url('/image/icon/lululab/sub_vis01.png') no-repeat;margin-top:48px;background-position: center center;width: 305px;height: 102px;display: inline-block;font-size: 0;background-size: 100%;} .sub_viswrap .sub_left {padding-top: 197px;} .sub_viswrap .sub-vis-img02{position: absolute;top:140px;right:0;} .sub_viswrap li:nth-child(2) .sub-vis-img02{right:40px;top:123px;} .sub_viswrap .sub-vis-img02 img{width:642px;height: 100%;} .sub_viswrap .swiper-container{position: relative;} .sub_viswrap .sub_vis_btn{position: absolute;top:45%;left: 0;width:100%;} .sub_viswrap .swiper-pagination-bullet{width:50px;height: 4px;background: #fff;border-radius:0;margin-right: 16px;font-size: 0;opacity:0.5;} .sub_viswrap .swiper-pagination-bullet-active{opacity:1;} .sub_viswrap .sub_vis_btn .swiper-button-prev,.sub_viswrap .sub_vis_btn .swiper-container-rtl .swiper-button-next{background: url('/image/icon/lululab/subvis_prev2.png')no-repeat;width:18px;height: 36px;background-size:100%;left:78.5px;} .sub_viswrap .sub_vis_btn .swiper-button-next,.sub_viswrap .sub_vis_btn .swiper-container-rtl .swiper-button-prev{background: url('/image/icon/lululab/subvis_next2.png')no-repeat;width:18px;height: 36px;background-size:100%;right:78.5px} .sub_viswrap .swiper-pagination-fraction, .sub_viswrap .swiper-pagination-custom, .sub_viswrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:42px;} .sub_wrap{padding-top: 129px;width:1100px;margin:0 auto;} /*sub_box01*/ .sub_box01{overflow: hidden;margin-bottom: 88px;} .sub_box01 h2{font-size: 42px;line-height: 30px;color:#d9045d;font-weight: bold;} .sub_box01 h2 span{border-bottom:2px solid #d9045d;font-weight: 300;margin-left: 15px;} .sub_box01 h2 i{ font-size: 30px;font-style: normal;margin-left: 11px;font-weight: normal;} .sub_box01 ul{overflow: hidden;} .sub_box01 li{width:30.5%;float:left;margin:84px 46px 0 0;} .sub_box01 li:last-child{margin-right: 0;} .sub_box01 li h3{font-size: 28px;color:#1b1b1b;font-weight: 300;line-height: 36px;padding:13px 0 46px;} .sub_box01 li h3 span{padding-left: 10px;} .sub_box01 li .con{display: inline-block;font-size: 16px;line-height: 30px;color:#6b6b6b;font-weight: 400;word-break: keep-all;} .sub_box01 li .box01_img01{background: url('/image/icon/lululab/sub_box_img01.svg')no-repeat;width:60px;height: 60px;background-size:100%;} .sub_box01 li .box01_img02{background: url('/image/icon/lululab/sub_box_img02.svg')no-repeat;width:60px;height: 60px;background-size:100%;} .sub_box01 li .box01_img03{background: url('/image/icon/lululab/sub_box_img03.svg')no-repeat;width:60px;height: 60px;background-size:100%;} /*sub_box02*/ .sub_box02{position: relative;padding-top: 54px;} .sub_box02_wrap01{background: #f6f6f6;padding-bottom: 143px;} .sub_box02_wrap02{width:1100px;margin:0 auto;position: relative;} .sub_box02 .img_area{background: url('/image/banner/sub_box02-vis.png') no-repeat center center;background-size: 940px 528px;box-sizing:border-box;width:1100px;margin:0 auto;} .sub_box02 .img_area.en{background: url('/image/banner/sub_box02-vis_en.png') no-repeat center center;background-size: 940px 528px;} .sub_box02 .bg_area{background: #f6f6f6;width:708px;margin:0 auto;padding: 108px 0 80px 185px;} .sub_box02 .bg_area .txt h3{font-size: 34px;color:#1b1b1b;line-height:64px;font-weight: 400;margin-bottom: 18px;} .sub_box02 .bg_area .txt p{font-size: 20px;color:#3e4043;font-weight: 400;line-height: 40px;} .sub_box02 .box02_btn{position: absolute;top:-67px;left:-14px;} .sub_box02 .box02_btn img{width:222px;height: 100%;} /*영상*/ .sub_box02 .main_video{position:relative;z-index:20} .sub_box02 .main_video .video_box{position:relative;height:520px} .sub_box02 .main_video .slide_box{;height:520px} .sub_box02 .main_video .video_slide, .sub_box02 .main_video .video_slide li{height:520px} .sub_box02 .main_video .video_slide.load li{display:none} .sub_box02 .main_video .video_slide.load li:first-child{display:block} .sub_box02 .main_video .video_slide .btn_video{display:block;position:relative;height:520px} .sub_box02 .main_video .video_slide .text_box{display:block;position:absolute;left:518px;top:225px;} .sub_box02 .main_video .video_slide .text_box span{display:block;line-height:26px;font-size:16px;color:#fff;font-weight:700;text-overflow:'';white-space:nowrap;overflow:hidden} .sub_box02 .main_video .video_slide .btn_play{display:block;width:64px;height:64px;background:url("/image/icon/lululab/play_button.png") no-repeat;background-size:100%;} .sub_box02 .main_video .slide_thumb{width:1100px;height:117px} .sub_box02 .main_video .slide_thumb .btn_thumb{display:block;float:left;margin-right:10px;width:208px;height:117px;overflow:hidden} .sub_box02 .main_video .slide_thumb .btn_thumb .over{display:block;padding:15px;width:100%;height:100%;background:url("https://smcdn.smtown.com/image/pc/main/bg_video_over.png") repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:alpha(opacity=0);opacity:0;visibility:hidden} .sub_box02 .main_video .slide_thumb .btn_thumb .over span{display:block;line-height:22px;font-size:14px;color:#fff} .sub_box02 .main_video .slide_thumb .btn_thumb .over .date{margin-top:4px;font-size:12px;color:#bbb} .sub_box02 .main_video .slide_thumb .btn_thumb.active .over{filter:"";opacity:1;visibility:visible} .sub_box02 .main_video .bx-wrapper {position:relative;} .sub_box02 .main_video .bx-controls .bx-prev{position:absolute; top:39px; left:-41px; display:inline-block; width:21px; height:39px; font-size:0; line-height:0; background:url("https://smcdn.smtown.com/image/pc/icon/main_btn_arrow_left.png") no-repeat center;} .sub_box02 .main_video .bx-controls .bx-next{position:absolute; top:39px; right:-41px; display:inline-block; width:21px; height:39px; font-size:0; line-height:0; background:url("https://smcdn.smtown.com/image/pc/icon/main_btn_arrow_right.png") no-repeat center;} /*영상 팝업*/ body.popup{position:relative;overflow:hidden} body.popup #viewport{position:absolute;width:100%} #popup_mv{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("https://smcdn.smtown.com/image/pc/newmv/bg_popup.png") repeat;z-index:1000;} #popup_mv.on{display: block;} #popup_mv .btn_close{display:block;position:absolute;right:30px;top:30px;width:57px;height:57px;background:url("https://smcdn.smtown.com/image/pc/icon/close.png") no-repeat;z-index:10} #popup_mv .mv_area{position:absolute;left:0;top:0;right:0;bottom:0;padding:166px 0 100px 0;overflow:hidden;overflow-y:auto} #popup_mv .mv_area .contains{width:863px} #popup_mv .mv_area .video_top{margin-bottom:60px} #popup_mv .mv_area .video_box{position:relative;padding-top:487px;width:866px;height:0;background:#000} #popup_mv .mv_area .video_box video{display:block;position:absolute;left:0;top:0;margin:0;padding:0;width:866px;height:487px} #popup_mv .mv_area .video_text .title{margin:10px 0 15px 0;line-height:24px;font-size:20px;color:#fff;font-weight:500} #popup_mv .mv_area .video_text p{line-height:20px;font-size:14px;font-size:14px;color:#fff;font-weight:300;text-overflow:'';white-space:nowrap;overflow:hidden} #popup_mv.video .mv_area{position:absolute;left:50%;top:50%;right:auto;bottom:auto;padding:0;margin:-280px 0 0 -433px;width:866px;height:487px;overflow:visible} #popup_mv.video .mv_area .video_text{position:absolute;left:30px;bottom:-100px} #popup_mv.video .mv_area .video_list, #popup_mv.video .mv_area .btn_more{display:none} #popup_mv .mv_area .mv_list{margin-bottom:-25px;width:880px;overflow:hidden} #popup_mv .mv_area .mv_list li{position:relative; float:left;margin:0 10px 25px 0;width:209px;height:190px} #popup_mv .mv_area .mv_list li .mv_title_box {display:none; position:absolute; bottom:97px; left:50%; width:346px; margin-left:-173px; box-sizing:border-box;} #popup_mv .mv_area .mv_list li .mv_title_box .mv_title {max-width:186px; margin:0 auto; padding:5px 10px; word-break:normal; background:#fff; border:1px solid #000; border-radius:5px; color:#000; text-align:center;} #popup_mv .mv_area .mv_list .btn_link{display:block} #popup_mv .mv_area .mv_list .btn_link .img_box{display:block;position:relative;width:209px;height:117px} #popup_mv .mv_area .mv_list .btn_link .img_box .new{display:block;position:absolute;right:44px;bottom:10px;width:28px;height:28px;background:url("https://smcdn.smtown.com/image/pc/icon/new.png") no-repeat} #popup_mv .mv_area .mv_list .btn_link .img_box .play{display:block;position:absolute;right:10px;bottom:10px;width:28px;height:28px;background:url("https://smcdn.smtown.com/image/pc/icon/play.png") no-repeat} #popup_mv .mv_area .mv_list .btn_link .title{display:block;margin:10px 0 5px 0;line-height:20px; height:20px;font-size:15px;color:#fff;font-weight:700;/*text-overflow:'';white-space:nowrap;*/overflow:hidden} #popup_mv .mv_area .mv_list .btn_link .name, #popup_mv .mv_area .mv_list .btn_link .date{display:block;line-height:20px;font-size:15px;color:#e7e7e7;text-overflow:'';white-space:nowrap;overflow:hidden} #popup_mv .mv_area .mv_list .btn_link:hover .img_box{filter:alpha(opacity=80);opacity:0.8} #popup_mv .mv_area .btn_more{display:block;margin:0 auto;margin-top:40px;color:#fff;border-color:#fff} /*sub_box03*/ .sub_box03{margin:8px 0 60px;} .sub_box03 h2{font-size: 42px;color:#333;line-height: 30px;font-weight: 400;} .sub_box03 .tab-menu-box{margin-left: 85px;padding:60px 0 89px 0;} .sub_box03 .tab-menu-box ul{overflow: hidden;padding-bottom: 10px;} .sub_box03 .tab-menu-box li{float: left;padding-right: 30px;} .sub_box03 .tab-menu-box li a{font-size: 22px;line-height: 36px;color:#333;font-weight: 400;display:inline-block; outline: none; text-decoration: none; -webkit-transition: all .0s ease-in-out; -moz-transition: all .0s ease-in-out; -ms-transition: all .0s ease-in-out; -o-transition: all .0s ease-in-out; transition: all .0s ease-in-out; } .sub_box03 .tab-menu-box li.active a{color:#d9045d;border-bottom:2px solid #d9045d;} .sub_box03 .box03_list{width:1020px;margin:0 auto;overflow:hidden;padding:0 77px;} .sub_box03 .box03_list li{float: left; width: 320px;box-sizing:border-box;text-align: center;margin-bottom: 80px;margin-right:30px;box-sizing:border-box;} .sub_box03 .box03_list li:nth-child(3n){margin-right:0;} .sub_box03 .box03_list span{display: block;font-size: 18px;color: #3e4043;font-weight: 400;padding-top: 28px;} .sub_box03 .box03_wrap{position:relative;} .sub_box03 .box03_wrap .product_info{width:320px;height:320px;position: absolute;top: 0;left: 0;padding: 30px 20px;;font-size: 17px;font-weight: 400;color: #3e4043;line-height: 30px;text-align: left;background: rgba(255,255,255,0.85);border: 1px solid #e0e0e0;box-sizing:border-box;/* display:none; */overflow: hidden;opacity:0; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .sub_box03 .box03_wrap .product_info.on{/* display:block; */overflow: visible;opacity:1;} .sub_box03 .box03_wrap .product_info.p_n{position: relative;top: 0;left: 0;opacity: 1;visibility: visible;display: block;margin-top: 30px;} .sub_box03 .box03_wrap .box03_img{width:320px;height:320px;} .sub_box03 .box03_wrap .box03_img img{width:100%;height: 100%;} /*shop.php*/ #main {width:1100px; margin:0 auto;margin-bottom: 120px;min-width: 1100px;overflow:hidden;clear:both;margin-top: 77px;} #main .main_visual img{width: 100%;} /* prdocut_md.php CSS */ .prd-box-md {position:relative; margin:20px 0;} .prd-box-md ul{font-size:0;} .prd-box-md ul li{display:inline-block; width:20%;} .prd-box-md ul li .prd-img {padding:20px;} .prd-box-md ul li .prd-img a{display:block; border:1px solid #efefef; border-radius:100%; overflow:hidden;} .prd-box-md ul li .prd-img a:hover {border:1px solid #000 !important;} .prd-box-md ul li .prd-img a img {width:100%;} .prd-box-md ul li .prd-info {text-align:center; padding:0 0 20px 0;} .prd-box-md ul li .prd-info p{font-size:12px; line-height:16px; text-align:center;} .prd-box-md ul li .prd-info p.prd-price {font-weight:bold;} .prd-box-md .swiper-container {width:1150px; margin:0 auto;} .prd-box-md .swiper-button-prev {background:url('/image/icon/icon_arrow_left.png') no-repeat 0; background-size:15px 25px; width:15px; height: 25px;} .prd-box-md .swiper-button-next {background:url('/image/icon/icon_arrow_right.png') no-repeat 0; background-size:15px 25px; width:15px; height: 25px;} /* Tile list first item */ .prd-box-tile {margin:0; overflow:hidden;} .prd-data{width:200px;} .prd-data .bd_wrap{width:200px;float:left;} .prd-data .bd_wrap .icon_list img{float:left;} .prd-data:nth-child(4n){margin-right: 0;} .prd-data .prd-img{width: 200px;height: 200px;border:1px solid #ddd;box-sizing:border-box;} .prd-data .prd-img img{width:100%;} .tile-box .prd-box-tile li{display: inline-block;vertical-align: top;width:200px;padding-right: 44px;} .tile-box .prd-box-tile li:nth-child(4n){padding-right: 0;} .prd-info{text-align: left;} .prd-name{display: inline-block;} .prd-name a{font-size: 16px;color:#222;display: block;width:200px; line-height: 28px;height: 31px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;} .prd-desc a{font-size: 16px;color:#aaa;display: block;margin:9px 0 17px 0;line-height: 1;overflow: hidden;height: 40px;-webkit-line-clamp: 2;word-wrap: break-word;overflow: hidden;line-height: 20px;} .prd-price{font-size: 18px;color:#222;padding-bottom: 14px;line-height: 1;display: inline-block;} .prd-colorchip{position: relative;margin: 14px 0 10px 0;} .prd-colorchip .color_all_wrap{height: 13px;} .prd-colorchip ul{overflow: hidden;width: 205px;height: 13px;} .prd-colorchip ul.on{position: absolute;bottom: 0;height: auto;background: #fff;width: 100%;border-top: 1px solid #ddd;padding-top: 12px;padding-right: 34px;box-sizing:border-box;} .prd-colorchip li{padding-bottom: 0 !important;padding-right: 5px !important;margin-bottom: 7px !important;overflow: hidden;width: auto !important;} .prd-colorchip li span{width:24px;height: 12px;display: inline-block;float: left;box-sizing:border-box;} .prd-colorchip li span img{vertical-align: top;width: 100%;} .prd-colorchip .more_btn{position: absolute;top: -2px;right: 0;font-size: 12px;font-family: 'dotum';color: #bbbbbb;border-bottom: 1px solid #bbb;cursor: pointer;} .prd_header {margin-top: 40px;overflow: hidden;padding-bottom: 40px;} .prd_header h2{float: left;font-size: 24px;font-weight: bold;} .prd_header .prd_loc{float: right;font-weight: normal; margin-top: 10px;color:#222;font-size: 12px;font-family:'dotum';padding-right:1px;} .prd_header .prd_loc span{padding:0px 9px;} .prd_header li{float:left;padding-right: 10px;color:#9f9f9f;} .n_price{font-size: 16px;color:#aaa;text-decoration: line-through;padding-right: 10px;font-weight: 400;} .s_price{font-size: 18px;color:#222;font-weight: bold;} /*mid_bnr_wrap*/ .mid_bnr_wrap{padding: 40px 0 107px;width:1100px;margin:0 auto;min-height: 142px;position: relative;overflow: hidden;} .mid_bnr_wrap li{float:left;margin-right:20px;width:540px;height: 170px;box-sizing:border-box;} .mid_bnr_wrap li:nth-child(2n){margin-right:0;} .mid_bnr_wrap .m_b_list{position: relative;} /*newarrival*/ .newarrival_wrap{width: 1100px;margin:0 auto;text-align: center;padding-bottom: 94px;min-height: 500px;clear:both;} .newarrival_wrap h2{font-size: 32px;color:#222;padding-bottom: 19px;text-align: center;line-height: 1;} .newarrival .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;} .newarrival_wrap .swiper-wrapper{margin-bottom: 40px;} .newarrival .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .newarrival .swiper-slide .new_slide_wrap{height: 550px;} .newarrival_wrap .swiper-slide li{float:left;} .newarrival_wrap .swiper-slide li:nth-child(4n){padding-right: 0;} .newarrival_wrap .swiper-button-prev, .newarrival_wrap .swiper-button-next{top:25%} .newarrival_wrap .swiper-button-next, .newarrival_wrap .swiper-container-rtl .swiper-button-prev{background: url('/image/icon/new_slide_next.png')no-repeat;width:16px;height: 30px;right: 0;} .newarrival_wrap .swiper-button-prev, .newarrival_wrap .swiper-container-rtl .swiper-button-next{background: url('/image/icon/new_slide_prev.png')no-repeat;width:16px;height: 30px;left: 0;} .newarrival_wrap .swiper-pagination-bullet{width:10px;height: 10px;} .newarrival_wrap .swiper-pagination-bullet-active{background: #222;} .newarrival_wrap .swiper-pagination-fraction, .newarrival_wrap .swiper-pagination-custom, .newarrival_wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;} /*bestitem*/ .bestitem_wrap{width:944px;margin:0 auto;min-height: 400px;clear:both;padding:0 22px 107px;} .bestitem_wrap h2{font-size: 32px;color:#222;padding-bottom: 19px;text-align: center;line-height: 1;} .bestitem .tab-menu-box{position: relative;margin-bottom: 50px;padding: 0 0 50px 0} .bestitem .tab-menu-box .tab-menu li{float:left;width:20%;text-align: center;} .bestitem .tab-menu-box .tab-menu li a{color:#222;font-weight: bold;display: block;font-size: 16px;border-top:1px solid #ddd;border-left:1px solid #ddd;height: 50px;line-height: 50px;box-sizing: border-box; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .bestitem .tab-menu-box .tab-menu li:last-child a{border-right:1px solid #ddd;} .bestitem .tab-menu-box .tab-menu li.active{border-bottom:0;} .bestitem .tab-menu-box .tab-menu li.active a{color:#222;border:1px solid #222;background: #fff;z-index:2;border-bottom:0;position: relative;font-weight: bold;} .bestitem .tab-menu-box .tab-menu li.active + li a{border-left:0} .bestitem .tab-menu-box .bar{ display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #222;} /* Parallax Background */ .special-banner-box{padding-bottom: 112px;} .special-banner-box .special-banner{width:1100px;margin:0 auto;} .special-banner-box .special-banner img{width:100%;} /*recommend*/ .recommend_wrap{width: 944px;margin:0 auto;min-height: 200px;margin-bottom: 158px;} .recommend_wrap h2{font-size: 32px;color:#222;padding-bottom: 19px;text-align: center;} /*tab box*/ #community .tab-menu-box01 .tab-menu li{width:50%} .community_box{position: relative;overflow: hidden;} .cscenter{position: relative;} .tab-menu-box01{margin-bottom: 50px;} .tab-menu-box01 .tab-menu li{float:left;width:25%;text-align: center;} .tab-menu-box01 .tab-menu li:last-child a{border-right:1px solid #ddd;} .tab-menu-box01 .tab-menu li a{color:#aaa;display: block;font-size: 16px;border-top:1px solid #ddd;border-left:1px solid #ddd;height: 50px;line-height: 50px;box-sizing: border-box; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .tab-menu-box01 .tab-menu li.active{border-bottom:0;} .tab-menu-box01 .tab-menu li.active a{color:#222;border:1px solid #222;background: #fff;z-index:2;border-bottom:0;position: relative;font-weight: bold;} .tab-menu-box01 .tab-menu li.active + li a{border-left:0} .tab-menu-box01{padding: 50px 0 0 0;} .tab-menu-box01 .bar{display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #222;} .tile-list1{display: none;} .tile-list2{display: none;} .tile-list3{display: none;} .tile-list4{display: none;} /* Item list common CSS */ .prd-empty {font-size:14px; padding:100px 0; text-align:center;margin: 0 auto;} /* New item list CSS */ .prd-box-new ul{font-size:0;} .prd-box-new ul li{display:inline-block;vertical-align: top;padding-bottom: 50px;padding-right: 40px;} .prd-box-new ul li:nth-child(4n){padding-right: 0;} .prd-box-new ul li .prd-data {outline: none; text-decoration: none; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .prd-box-new ul li .prd-data:hover {border-color:#000;} .prd-box-new ul li .prd-data .prd-img {} .prd-box-new ul li .prd-data .prd-img a{display:block; padding:0 0px;} .prd-box-new ul li .prd-data .prd-img a img {width:100%;} /* ================================================================================== @ J.mall Renewal 2017. 09. 26 @ Lim SeungHyun @ Location: footer.php ================================================================================== */ #footer {width:100%;clear:both;min-width: 1300px;background: #333649;} #footer .ft-top-menu {width:1100px; margin:0 auto; padding:38px 0 55px 0; overflow:hidden;} #footer .ft-top-menu .cont-box{background:url('/image/common/ft_top_bg.png') no-repeat left 0; background-size:1px 198px;padding-left: 19px;} #footer .ft-top-menu .cont-box:first-child {background:none;} #footer .ft-top-menu .tit-box .tit {margin-bottom:23px; font-size:18px; font-weight:bold; color:#222;line-height: 1;} #footer .ft-top-menu .cs-box {float:left; width:255px;} #footer .ft-top-menu .cs-box h3 {font-size:26px;padding-bottom: 24px;line-height: 1;} #footer .ft-top-menu .cs-box p {font-size:12px; line-height:16px;} #footer .ft-top-menu .cs-box div.consulting-time {font-size:12px;color:#222;} #footer .ft-top-menu .cs-box div.consulting-time span{font-size:12px;font-weight: bold;padding-right: 12px;} #footer .ft-top-menu .cs-box div.consulting-time p{padding-bottom: 13px;} #footer .ft-top-menu .bank-box {float:left; width:256px; padding:0 0 0 30px;} #footer .ft-top-menu .bank-box h3{font-size:16px;} #footer .ft-top-menu .bank-box p{padding-bottom:15px; font-size:12px; color:#404040;} #footer .ft-top-menu .bank-box p:last-child{padding-top: 10px;} #footer .ft-top-menu .icon-box {float:right;width:275px;padding-bottom: 33px;} #footer .ft-top-menu .icon-box ul {font-size:0; text-align:center;} #footer .ft-top-menu .icon-box ul li{display:inline-block; padding:10px;float: left;} #footer .ft-top-menu .icon-box ul li a{width: 110px;height: 40px;border:1px solid #ddd;display: block;text-align: center;line-height: 40px;box-sizing:border-box;color:#222;font-size: 12px;} #footer .ft-top-menu .notice-box{float:left;width:227px;} #footer .ft-top-menu .notice-inner li{padding-bottom: 13px;} #footer .ft-top-menu .notice-inner li a{font-size: 12px;} #footer .ft-top-menu .notice-inner .title{margin-top: 0;font-size: 12px;line-height: 1;} #footer .ft-gnb-box .ft-gnb{width:1100px; margin:0 auto; font-size:0;} #footer .ft-gnb-box .ft-gnb > li{display:inline-block; padding-right:38px;} #footer .ft-gnb-box .ft-gnb li a {font-size:16px; color:#fff;font-weight: 400;} #footer .ft-gnb-box .ft-gnb li.bold{font-weight: bold;} #footer .ft-gnb-box .ft-gnb .ft-gnb-inn{padding-top: 18px;} #footer .ft-gnb-box .ft-gnb .ft-gnb-inn li{color:#fff;font-size: 12px;font-weight: 400;padding-bottom: 5px;} #footer .ft-info-box {padding:76px 0 94px;} #footer .ft-info-box .ft-info{width:1100px; margin:0 auto; overflow:hidden;position: relative;} #footer .ft-info-box .ft-info .ft-logo{position: absolute;top:0;left:0;} #footer .ft-info-box .ft-info .footer_sns{position: absolute;top:0;right:0;} #footer .ft-info-box .ft-info .footer_sns li{float: left;margin-right: 20px;} #footer .ft-info-box .ft-info .footer_sns li:last-child{margin-right: 0;} #footer .ft-info-box .ft-info .footer_sns li img{width:42px;height: 100%;} #footer .ft-info-box .ft-info .ft-logo a {display:inline-block;} #footer .ft-info-box .ft-info .ft-logo a img{width:142px;height: 29px;} #footer .ft-info-box .ft-info .ft-wrap{padding-top: 57px;} #footer .ft-info-box .ft-info .ft-detail{font-size:12px; line-height:22px; color:#808080;} #footer .ft-info-box .ft-info .ft-detail .company-name {font-size:12px; font-weight:bold;} #footer .ft-info-box .ft-info .ft-detail .company-name {font-size:12px; font-weight:bold;} #footer .ft-info-box .ft-info .address{padding:63px 0 13px 0;font-size: 12px;color:#fff;font-weight: 400;line-height: 22px;} #footer .ft-info-box .ft-info .address span{padding-right: 8px;} #footer .ft-info-box .ft-info .address span.bar{color:#828282;} #footer .ft-info-box .ft-info .copyright{font-size: 10px;color:#fff;font-weight: 400;} #footer .ft-info-box .ft-info .copyright a{font-size: 10px;font-weight: 400;} /* ================================================================================== @ J.mall Renewal 2017. 10. 11 @ Lim SeungHyun @ Location: product_list.php ================================================================================== */ #product-list .prd-title {padding:38px 0 19px 0;font-size: 24px;color: #222;font-weight: bold;} #product-list #normal_box {position:relative; text-align:left; overflow:hidden;margin: 20px 0;clear:both;} #product-list #normal_box .total-num {float:left; color:#aaa;font-size: 16px;line-height: 35px;} #product-list #normal_box .total-num span {color:#222; font-weight:bold;padding-left: 5px;} #product-list #normal_box .normal-prd {float:right;appearance: none; -webkit-appearance: none;background: url('/image/icon/board_select.png')no-repeat 88% 50%;background-size: 10px 6px;width:125px;height: 35px;border:1px solid #ddd;padding-left: 10px;} #product-list #normal_box .normal-prd li {display:inline-block; padding:0px 15px; background:url('/image/icon/icon_bar.gif') no-repeat right center;} #product-list #normal_box .normal-prd li.last {background:none;} #product-list #normal_box .normal-prd li a {font-size:11px; color:#7a7d81;} #product-list .cate_list_prd{margin:20px 0 10px 0;} #product-list .cate_list_prd a{height: 50px;border: 1px solid #ddd;display: inline-block;font-size: 16px;padding: 14px 35px;text-align: center;color: #aaa;box-sizing: border-box;margin:0 5px 10px 0;vertical-align:top;font-weight: 400;} #product-list .cate_list_prd a.on{border:2px solid #333649;background: #fff;color:#333649;font-weight: 700;} #product-list .cate_list_prd_inner{padding: 12px 0 14px 0;} #product-list .cate_list_prd_inner .inner li{float:left;background: url('/image/icon/icon_bar.gif') no-repeat left center;height: 40px;margin: 0 20px 10px 20px;} #product-list .cate_list_prd_inner .inner li:first-child{background: none;} #product-list .cate_list_prd_inner .inner a{display: inline-block;color:#aaa;font-size: 16px;padding-bottom:7px;} #product-list .cate_list_prd_inner .inner a.on{border-bottom:1px solid #222;color:#222;} /* ================================================================================== @ J.mall Renewal 2017. 10. 12 @ Lim SeungHyun @ Location: product_view.php ================================================================================== */ #product_view {width:100%;} #product_view .view_close {padding:5px; text-align:right;} #product_view .view_close a {font-size:12px; padding:5px;} #product_view .view_top {margin:0 auto; padding:25px 0 80px;overflow:hidden;} #product_view .view_top .product_name {padding:0 0 20px 0; font-size:24px; font-weight:bold; color:#000;line-height: 1.2;} #product_view .view_top .add_product_name{font-size: 18px;color: #858585;padding-bottom: 30px;font-weight: normal;} #product_view .view_top .product_icon {padding:0 0 20px 0;} /*좌측 */ #product_view .view_left {position:relative; float:left; width:500px;} #product_view .view_left #mimg_div {width:500px;text-align:center; border:1px solid #ddd;} #product_view .view_left #mimg_div img {width:500px;height: 500px;box-sizing:border-box;vertical-align: top;} #product_view .view_left .link_box {position:absolute; top:0; left:27px; overflow:hidden; padding-top:20px;} #product_view .view_left .link_box .board_box {float:left; padding-top:3px;} #product_view .view_left .link_box .board_box .board_num {color:#515151; font-weight:bold;} #product_view .view_left .link_box .board_box .board_num span {color:#ee454d;} #product_view .view_left .link_box .board_box .board_num span.color0 {color:#ffc800;} /*좌측 이미지*/ #product_view .more_all_wrap{position: relative;} #product_view .swiper-container.more_img_wrap{width: 416px;margin: 30px auto 0;} #product_view .swiper-container.more_img_wrap .swiper-slide img{border:1px solid #dedede;box-sizing:border-box;} #product_view .swiper-container.more_img_wrap .swiper-wrapper{width: 100%;margin: auto;} #product_view .swiper-container.more_img_wrap.slide_off{text-align: center;} #product_view .swiper-container.more_img_wrap.slide_off .swiper-wrapper{display: inline-block;width: auto;} #product_view .swiper-container.more_img_wrap.slide_off .swiper-slide{width: 75px;float: left;margin: 0 5px;} #product_view .more_all_wrap .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity: 0.2;} #product_view .more_all_wrap .swiper-button-next{background: url('/image/etc/prd_slide_right.png') no-repeat;width: 10px;height: 20px;margin-top: -10px;right:17px} #product_view .more_all_wrap .swiper-button-prev{background: url('/image/etc/prd_slide_left.png') no-repeat;width: 10px;height: 20px;margin-top: -10px;left:17px} #product_view .prd_img_add{overflow: hidden;} #product_view .prd_img_add li{float: left;width: 77px;box-sizing:border-box;border:1px solid #ddd;cursor: pointer;} #product_view .prd_img_add li.on{border:1px solid #222;} /* 우측 상품정보 */ #product_view .view_right {position:relative; float:right; width:550px;} #product_view .view_right .product_info_name_box .product_name2 {padding:25px 0 25px 0; font-size:15px; font-weight:bold; color:#6a6a6a; border-bottom:1px solid #e8e8e7; border-top:1px solid #e8e8e7; line-height:24px;} #product_view .view_right .listmilage {position:relative;font-weight:bold;} #product_view .view_right .listmilage span.milagebtn {margin-left:10px; cursor:pointer;font-family:'dotum';} #product_view .view_right .membership_pop {display:none; position:absolute; top:0; right:8px; width:150px; padding:15px; border:1px solid #ccc; background:#fff; } #product_view .view_right .membership_pop .membership_tit {position:relative; font-size:16px; padding-bottom:10px; text-align:left;} #product_view .view_right .membership_pop .membership_tit .close {position:absolute; top:0; right:5px; font-size:14px; cursor:pointer;} #product_view .view_right .membership_pop .table_style_sero th {font-size:12px;} #product_view .view_right .membership_pop .table_style_sero td {text-align:center;} #product_view .view_right .membership_pop .table_style_sero td span {color:#ee454d;} #product_view .view_right .product_btn {clear:both; overflow:hidden; padding-top:50px;} #product_view .view_right .product_btn li {float:left; padding-left:6px;} #product_view .view_right .product_btn li:first-child {padding-left:0;} #product_view .view_right .product_btn li.subscrip_button{padding-left: 0;} #product_view .view_right .product_btn li a {display: block;width:178px;height: 60px;line-height: 60px;text-align:center;cursor:pointer;box-sizing:border-box;font-size:18px;font-weight: bold; } #product_view .view_right .product_btn li a.prd_btn01{background: #d9045d;color: #fff;} #product_view .view_right .product_btn li a.prd_btn02{background: #fff;border:1px solid #d9045d;color:#d9045d;} #product_view .view_right .product_btn li a.prd_btn03{text-indent: -99999px;width:60px;background: url('/image/icon/lululab/wish_icon.png')no-repeat center center;background-size:40px;border:1px solid #dbdbdb;} #product_view .view_right .product_btn li a.prd_btn03.on{width:60px;background: url('/image/icon/lululab/wish_icon_on.png')no-repeat center center;background-size:40px;border:1px solid #d9045d;} #product_view .view_right .product_btn li a.prd_btn03:hover, #product_view .view_right .product_btn li a.prd_btn03:active{width:60px;background: url('/image/icon/lululab/wish_icon_on.png')no-repeat center center;background-size:40px;border:1px solid #d9045d;} #product_view .view_right .view_info_table {width:100%;} #product_view .view_right .view_info_table .sell_price th{color:#222;font-weight: bold;} #product_view .view_right .view_info_table .sell_price td{color:#222; font-weight:bold;} #product_view .view_right .view_info_table th {padding:11px 0; font-size:18px; color:#222; text-align:left;font-weight:normal;} #product_view .view_right .view_info_table th.ea_th{padding: 16px 0;} #product_view .view_right .view_info_table td {font-size:18px; color:#222;font-weight: normal;} #product_view .view_right .view_info_table td.consumer_price{color: #aaa;text-decoration: line-through;} #product_view .view_right .view_info_table td span.deli_fee_info{font-size:16px;} #product_view .view_right .view_info_table td.option .goodsoption select {width:100%; padding:2px;} #product_view .view_right .view_info_table .opt-info {text-align: center;height: 50px;line-height: 50px;font-size:12px;color: #858585;font-family: 'dotum';} #product_view .view_right .view_info_table .opt-info .more_buy_btn{display: inline-block;background:#bbbbbb;color:#fff;width:80px;height:35px;vertical-align: middle;line-height: 35px;font-weight: bold;margin-left: 5px;} #product_view .view_right .view_info_table .s_price {font-size:30px; color:#000; font-weight:bold;} #product_view .view_right .view_info_table .s_price span {font-size:30px; color:#000; font-weight:bold; } #product_view .view_right .view_info_table .s_price2 {font-size:30px; color:#ee454d; font-weight:bold;} #product_view .view_right .view_info_table .s_price2 span {font-size:30px; color:#ee454d; font-weight:bold; } #product_view .view_right .view_info_table .n_price {text-decoration:line-through;} #product_view .view_right .view_info_table .prd_add {padding:20px 0;} #product_view .view_right .view_info_table .prd_add p {font-size:13px; text-align:center;} #product_view .view_right .view_info_table .prd_add p a {padding:5px; font-size:12px;} #product_view .view_right .view_info_table .prd_add {padding:20px 0; border-top:1px dotted #ccc;} #product_view .view_right .view_info_table .prd_add p {font-size:13px; text-align:center;} #product_view .view_right .view_info_table .prd_add p a {padding:5px 8px; font-size:12px; margin-left:10px;} #product_view .view_right .view_info_table td .num_input {position:relative; text-align:left;} #product_view .view_right .view_info_table td .num_input .input {width:42px; height:35px;border:1px solid #dfdfdf;text-align:center;box-sizing:border-box;font-size:12px;font-family: 'dotum';} #product_view .view_right .view_info_table td .num_input ul {position:absolute; top:0; left:38px;} #product_view .view_right .view_info_table td .cnt_wrap{display:inline-block;padding-left:35px;vertical-align: middle;} #product_view .view_right .view_info_table td .num_input ul li {cursor:pointer} #product_view .view_right .view_info_table td .num_input ul li.up_btn {width:35px;height:35px;position:absolute;left:38px;top:0;border:1px solid #ddd;box-sizing:border-box;line-height:35px;text-align:center;font-size:14px;font-family: 'dotum';color: #ccc;} #product_view .view_right .view_info_table td .num_input ul li.down_btn {width:35px;height:35px;position:absolute;left:-37px;top:0;border:1px solid #ddd;box-sizing:border-box;line-height:35px;text-align:center;font-size:14px;font-family: 'dotum';color: #ccc;border-right: none;} #product_view .view_right .sns_box {position:absolute; top:-70px; right:0; float:right;} #product_view .view_right .sns_box .shop_sns {clear:both; float:left;} #product_view .view_right .sns_box .shop_sns li {float:left; padding-left:6px;} #product_view .view_right .sns_box .shop_sns li:first-child {padding:9px 0; font-weight:bold;} #product_view .view_right .sns_box .shop_sns li #kakaostory-share-button img{width:32px;} /* 상세 내용 */ #product_view .product_info .product_tab .line_box ul {width:100%; font-size:0; text-align:center;} #product_view .product_info .product_tab .line_box ul li {display:inline-block; text-align:center;} #product_view .product_info .product_tab .line_box ul li:first-child {border-left:none;} #product_view .product_info .product_tab .line_box ul li a {display:inline-block; width:100%; font-size:14px; color:#737373; text-align:center; background:#fff; font-weight:bold; border-left:1px solid #dcdcdc; margin:10px 15px;} #product_view .product_info .product_tab .line_box ul li:first-child a {border-left:none;} #product_view .product_info .product_tab .line_box ul li a span {color:#737373; font-size:13px; line-height:14px;} #product_view .product_info .product_tab .line_box ul li.over a {color:#000;} #product_view .product_info .product_tab .line_box ul li.over a span {color:#000;} #product_view .product_info .dtinfo {padding:20px 0;} #product_view .inner_box .product_board_txt{color:#aaa;font-size: 16px;margin-bottom: 20px;} #product_view .inner_box .product_board_txt span{color:#222;font-weight: bold;} /*옵션*/ #product_view .color_on{display: none !important;} #product_view .opt_select_wrap select{height: 35px;width: 100%;font-family: 'dotum';font-size: 12px;padding-left: 11px;box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px 0px; -webkit-appearance: none; background: url('/image/etc/default_select.png') no-repeat; background-position: right 12px center; background-size: 10px; } /* 쿠폰 */ #product_view .couponlist li {padding:0;overflow: hidden;height: 50px;} #product_view .couponlist li .box img {width:100%;} #product_view .couponlist li .box .coupon_box2 div {display:inline-block;} #product_view .couponlist li .coupon_txt {float: left;line-height: 50px;font-size:16px;text-align:left;} #product_view .coupon_btn .down_btn{display: block;width: 95px;height: 35px; background: url('/image/icon/cpn_down.png') no-repeat;text-align:left;background-position: right 11px center;border:1px solid #ddd;font-family: 'dotum'; line-height: 35px;padding-left: 11px;box-sizing: border-box;color: #222;float:right;margin-top: 8px;} /*컬러칩*/ #product_view .color_thub_wrap .color_thub{float: left;margin-right: 10px;position: relative;cursor: pointer;} #product_view .color_thub_wrap .color_thub:hover{border:2px solid #222;padding: 4px;} #product_view .color_thub_wrap .color_thub.on{border:2px solid #222;padding: 4px;} #product_view .color_thub_wrap .detail_img_none{display: none;} #product_view .color_thub{width: 35px;height: 35px;text-align: center;padding:5px;border:1px solid #ddd;box-sizing:border-box;} #product_view .color_thub img{width: 100%;height: 100%;} /* 추가 상품 선택 */ #tmpCartParentLyr {width:100%;font-family:'dotum';} #tmpCartParentLyr dl {overflow:hidden; clear:both; padding:5px 0; border-top:1px solid #ddd;position: relative;padding: 18px 0;} #tmpCartParentLyr dl:last-child{border-bottom: 1px solid #ddd;} #tmpCartParentLyr dl dt {float:left;clear:both; width:390px;font-size:12px; text-align:left;color: #aaa;} #tmpCartParentLyr dl dd {float:left;text-align:center;} #tmpCartParentLyr dl dd.list_cnt {width: 40px;text-align:right;color: #aaa;} #tmpCartParentLyr dl dd.list_price {width: 80px;text-align:right;} #tmpCartParentLyr dl dd.list_num .numbox input {width:20px; height:14px; border:1px solid #ccc; vertical-align:middle;} #tmpCartParentLyr dl dd.list_btn {position: absolute;top: 50%;right: 10px;margin-top: -7px;background: url('/image/etc/prd_opt_clode.gif') no-repeat;width: 15px;height: 15px;text-indent: -9999px;display: block;cursor: pointer;} #totPrcLyr {clear:both;margin-top: 42px;text-align:right;font-family:'dotum';color: #aaa;} #totPrcLyr .total_price{font-size:20px;font-family:'Noto Sans KR', sans-serif;padding: 0 7px 0 8px;font-weight: bold;color: #222;} /* 배송/반품/교환 안내 */ #product_view .detail_info {padding:20px 0;} #product_view .detail_info h3{line-height:25px;color:#222;font-size: 16px;font-weight: 400;} /* 기타 */ #product_view .view_right .btn_change {margin-top:5px; padding-top:32px; text-align:left;} #product_view .view_right .n_check {padding:15px 0 0 60px;} /*상품정보(관련상품,제품상세,상품후기,상품qna,배송/반품/교환안내)*/ #product_view .prd_info_wrap .info_menu_wrap{position: relative;} #product_view .prd_info_wrap .info_menu_wrap .bar{display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #222;} #product_view .prd_info_wrap .info_menu{overflow: hidden;} #product_view .prd_info_wrap .info_menu li{width: 25%;float: left; text-align: center;} #product_view .prd_info_wrap .info_menu li a{border-left:1px solid #ddd;border-top: 1px solid #ddd;display: block;box-sizing:border-box;height: 52px;line-height: 52px;font-size:16px;color: #858585;} #product_view .prd_info_wrap .info_menu li.on{border-bottom: 0;} #product_view .prd_info_wrap .info_menu li:last-child a{border-right: 1px solid #ddd;} #product_view .prd_info_wrap .info_menu li.on a{border:1px solid #222;color:#222;font-weight: bold;border-bottom: 0;position: relative;z-index: 2;background: #fff;} #product_view .prd_info_wrap .info_menu li.on + li a{border-left: 0;} #product_view .prd_info_wrap .info_menu.related_prd_on li{width: 20%;} #product_view .prd_info_wrap .inner_box{padding: 50px 0 100px;} /*관련상품*/ #product_view .product_related_box{position: relative;} #product_view .product_related_box h3{position: absolute;top: -9999px;left: -9999px;} #product_view .prd_related_all_wrap .prd_img img{width: 245px;height: 245px;box-sizing:border-box;border:1px solid #ddd;} #product_view .prd_related_all_wrap .swiper-button-next{background: url('/image/etc/prd_slide_right2.png') no-repeat;width: 16px;height: 30px;margin-top: -88px;right:-40px} #product_view .prd_related_all_wrap .swiper-button-prev{background: url('/image/etc/prd_slide_left2.png') no-repeat;width: 16px;height: 30px;margin-top: -88px;left:-40px} #product_view .prd_related_all_wrap .prd_name a{padding:20px 0 10px;font-size: 16px;display: block;} #product_view .prd_related_all_wrap .prd_price_wrap .nprice{font-size: 16px;color: #858585;text-decoration: line-through;margin-right: 10px;} #product_view .prd_related_all_wrap .prd_price_wrap .sprice{font-size: 18px;font-weight: bold;color: #222;} #product_view .prd_related_all_wrap .swiper-pagination{position: relative;margin-top: 40px;} #product_view .prd_related_all_wrap .swiper-pagination-bullet{margin: 0 5px;} #product_view .prd_related_all_wrap .related_slide_off .swiper-slide{width: 245px;margin-right: 40px;} #product_view .prd_related_all_wrap .related_slide_off .swiper-slide:nth-child(4){margin-right: 0;} #product_view .prd_related_all_wrap .related_slide_off .swiper-slide{width: 245px;} #product_view .prd_related_all_wrap .swiper-pagination-bullet-active{background:#222;} /* ================================================================================== @ J.mall Renewal 2017. 10. 17 @ Lim SeungHyun @ Location:mypage.php (header.php 에서 include 선언 되어 있음) ================================================================================== */ /* 마이페이지 */ #mypage_box {width: 890px;float: right;} #mypage_box h3 {border-bottom:2px solid #222;padding:27px 0 30px;font-size: 24px;} #mypage_box h3 span{font-size: 16px;font-weight: normal;} #mypage_box h3 a{float: right;color: #aaa;font-size:16px;font-weight: normal;margin-top: 6px;} #mypage_box h3 a img{margin-left: 13px;} #mypage_box .table_style_garo{margin-top: 30px;} #mypage_box .table_style_garo th{border-top: 1px solid #ddd;font-size:16px;font-weight: normal;} #mypage_box .table_style_garo td span.date{font-size: 16px;color: #222;} #mypage_box .table_style_garo td a.order_num{font-size: 16px;color: #aaa;display: block;margin-top: 11px;} #mypage_box .table_style_garo td .order_confrim span{background: #fff !important;width: 85px !important;height: 35px !important;display: inline-block !important;border:1px solid #222;box-sizing:border-box;color: #222 !important;font-size: 16px !important;font-weight: normal !important;line-height: 35px !important;padding: 0 !important;} #mypage_box .table_style_garo td.prd_list_td{padding: 15px 0;} #mypage_box .table_style_garo td.prd_list_img{padding:14px 0 14px 20px;} #mypage_box .table_style_garo td.prd_list_txt{padding:0 20px;} #mypage_box .table_style_garo td.prd_list_txt p{line-height: 28px;} #mypage_box .table_style_garo td.prd_list_txt p:last-child{margin-bottom: 0;} #mypage_box .table_style_garo td.prd_list_txt .option{color: #aaa;font-size: 16px;} #mypage_box .table_style_garo td.prd_list_txt .title {font-size:16px;color: #222;} #mypage_box .table_style_garo td.prd_list_txt .buy_ea{color: #aaa;font-size: 16px;} #mypage_box .table_style_garo td.order_price{font-size: 16px;} #mypage_box .table_style_garo td.order_price span{font-size: 16px;font-weight: bold;} #mypage_box .table_style_garo td.no_data{height: 367px;} #mypage_box .deli_01{border:1px solid #ccc;color: #aaa;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_02{border:1px solid #da2128;color: #da2128;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_03{border:1px solid #bbb;background: #bbb;color: #fff;width: 95px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_04{border:1px solid #da2128;background: #da2128;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_05{border:1px solid #222;background: #222;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_06{color: #222;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_review{border:1px solid #222;background: #222;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #mypage_box .deli_review span{ background-color: #ff6666;padding: 0 !important;color: #ffffff;font-weight: normal !important;font-size: 16px !important;width: 100% !important;display: block;background: none !important;height: 37px !important;line-height: 37px;} #mypage_box .deli_review_end{color: #222;width: 110px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} /* 마이페이지 메인 */ #mypage {width:100%;} /* 마이페이지 배송 상태 */ /* 예치금 - emoney.php */ #emoney .emoeny{background: #f7f7f7;text-align: center;padding: 32px 0;font-size: 16px;margin-top: 30px;font-size: 24px;} #emoney .emoeny span{font-size:16px;color: #aaa;padding-top: 14px;display: block;} #emoney .table_style_garo td{font-size: 16px;padding: 16px 10px;} #emoney .table_style_garo td.left{padding-left: 20px;} /* 적립금 - milage.php */ #milage .milage{background: #f7f7f7;text-align: center;padding: 32px 0;font-size: 16px;margin-top: 30px;font-size: 24px;} #milage .milage span{font-size:16px;color: #aaa;padding-top: 14px;display: block;} #milage .table_style_garo td{font-size: 16px;padding: 16px 10px;} #milage .table_style_garo td.left{padding-left: 20px;} /* 포인트 - point.php */ #point .point{background: #f7f7f7;text-align: center;padding: 32px 0;font-size: 16px;margin-top: 30px;font-size: 24px;} #point .point span{font-size:16px;color: #aaa;padding-top: 14px;display: block;} #point .table_style_garo td{font-size: 16px;padding: 16px 10px;} #point .table_style_garo td.left{padding-left: 20px;} /* 위시리스트 - wish_list.php */ #wish_list .table_style_garo td{font-size: 16px;} #wish_list .table_style_garo td a{font-size: 16px;} #wish_list .table_style_garo td.left{padding-left: 20px;} #wish_list .table_style_garo td.img{padding:30px 0;} #wish_list .m_btn_wrap{padding:20px 0 0;} .price_wrap{line-height: 28px;} .normal_price{text-decoration: line-through;color: #aaa;} /*withdraq_step1.php*/ #draw .inner{padding:20px 0 50px;} #draw input[type=password]{box-sizing:border-box;width: 180px;height: 35px;font-size: 12px;padding-left: 8px;} #draw input:focus{border:2px solid #d9045d;padding-left: 7px;} #draw .table_style_sero td{padding: 12px 15px;border:0} #draw .table_style_sero th{border:0;padding: 0 0 0 9px;} #draw .table_style_sero th.draw_th01{vertical-align: top;padding:22px 9px;} #draw .mypage_txta{width: 100%;height: 186px;border:1px solid #ddd;box-sizing:border-box;padding:8px;font-size: 12px;} #draw .mypage_txta:focus{border:2px solid #d9045d;padding: 7px;} /*withdraq_step2.php*/ #draw_fin {min-height: 638px;} #draw_fin .inner{text-align: center;} #draw_fin .inner .txt01{font-size:24px;padding: 100px 0 24px;line-height: 1;} #draw_fin .inner .txt01 span{font-weight: bold;} #draw_fin .inner .txt02{font-size: 16px;color: #aaa;line-height: 28px;} #draw_fin .inner .btn_base01{margin-top: 45px;} /* 쿠폰 리스트 - coupon_down_list.php */ #couponlist .coupon{background: #f7f7f7;text-align: center;padding: 32px 0;font-size: 16px;margin-top: 30px;} #couponlist .coupon label{height: 35px;line-height: 35px;display: inline-block;font-size: 16px;} #couponlist .coupon input[type=text]{height: 35px;border:1px solid #dedede;margin-left: 8px;font-size: 16px;} #couponlist .coupon input[type=submit]{background: #222;color: #fff;width: 65px;height: 35px;border:0;margin-left: 8px;font-size: 16px;} #couponlist .table_style_garo td{font-size: 16px;padding: 16px 10px;} #couponlist .table_style_garo td.left{padding-left: 20px;} #couponlist .table_style_garo td.coupon_date a{font-size: 16px;} /* select_coupon_ajax.php */ #coupon {position:relative; padding:20px;} #coupon h3 {padding: 20px 0 20px;color:#222; font-size:18px;} #coupon .btn_x {position:absolute; top:20px; right:20px;} #coupon .btn_x a {font-size:11px; padding:3px 5px;} #coupon .btn {padding:30px 0; text-align:center;} #coupon .btn a{margin:0 5px;} #coupon .coupon_salebox {padding:50px 0; text-align:center; border-bottom:1px solid #ddd; background:#f8f8f8;font-size: 16px;} #coupon .coupon_salebox span {font-weight:bold;} #coupon .table_style_garo th, #coupon .table_style_garo td{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: normal;font-size: 16px;} /* 내 게시물 조회 - my_board_list.php */ #my_board_list .table_style_garo td{font-size: 16px;padding: 16px 10px;} #my_board_list .table_style_garo td a{font-size: 16px;} #my_board_list .table_style_garo td.left{padding-left: 20px;} /* 마이페이지 입력폼 */ /* 적립금, 포인트 전환 */ .change {width:316px; height:130px; margin:20px auto; border:1px solid #ededef; text-align:center;} .change form {margin:0;} .change p {padding:5px 0;} .change .titleMsg {background:#ededef;} .change .own {background:url('/template/image/common/dotted.gif') left bottom repeat-x;} .change .changeBtn {height:20px; border:1 solid #FF6600; font-size:8pt; color:#FF6600; background-color:#FFFFFF;} /*mypage_menu.php*/ #mypage_menu{border:1px solid #ddd;width: 180px;padding: 36px 0px 0px 26px;box-sizing:border-box;float: left;} #mypage_menu h3{font-size: 18px;color: #222;padding-bottom: 14px;} #mypage_menu ul{padding-bottom: 31px;} #mypage_menu li a{font-size: 16px;color: #aaa;display: block;line-height: 32px;} #mypage_menu li.over a{color: #222;border-bottom: 1px solid #222;} /* ================================================================================== @ J.mall Renewal 2017. 10. 20 @ Lim SeungHyun @ Location:cart.php ================================================================================== */ #cart form{margin-top: 50px;} #cart .cart_txt {padding-bottom:8px; color:#635957;} #cart .cart_txt span {color:#ee454d;} #cart .table_style_garo2 td.img img {width:100px; height:100px;} #cart .table_style_garo2 td.option {text-align:center;font-family: 'dotum';color: #aaa;} #cart .table_style_garo2 td.option .option {line-height:1.5;} #cart .table_style_garo2 td.option .btn_base02{padding:0 10px;height: 30px;line-height: 30px;} #cart .table_style_garo2 td.option .option {padding-bottom:5px;} #cart .table_style_garo2 td .cart_btn .btn_base02{padding: 0;width: 50px;height: 30px;line-height: 30px;} #cart .table_style_garo2 td .cart_input {position:relative; text-align:center;} #cart .table_style_garo2 td .cart_input .cart_num{padding-right: 20px;} #cart .table_style_garo2 td .cart_input .input {width:30px; height:30px; padding:0 5px; border:1px solid #ddd; border-right:none;box-sizing:border-box;text-align: center;} #cart .table_style_garo2 td .cart_input ul {position:absolute; top:0; right:20px;} #cart .table_style_garo2 td .cart_input ul li {border:1px solid #ddd; font-size:0;background:url('/image/icon/icon_down.gif') no-repeat 50% 50%; cursor:pointer;width: 20px;height: 15px;} #cart .table_style_garo2 td .cart_input ul li:first-child {border-bottom:none; background:url('/image/icon/icon_up.gif') no-repeat 50% 50%;} #cart .table_style_garo2 td .cart_input ul li:last-child {margin-top: -2px;height: 14px;} #cart .table_style_garo2 td .cart_input .cart_btn {padding-top:5px;} #cart .cart_info h3 {padding-bottom:20px; font-size:16px; color:#000; font-weight:bold;} #cart .cart_info ul {padding:14px 20px; background:#f8f8f8;} #cart .cart_info ul li {padding:8px 0 8px 10px; font-size:13px; color:#635957; background:url('/image/icon/icon_find.gif') no-repeat left 17px; } #cart .btn {text-align:right; padding:20px 0; overflow:hidden;} #cart .btn li {float:left; padding:0 6px 0 0;} #cart .btn li.right{float: right;} #cart .btn2 {clear:both; text-align:center; padding:10px 0;} #cart .btn2 li {display:inline-block; padding:0 5px;} #cart .naver_chk {clear:both; padding:10px 0; text-align:right;} #cart .empty {padding:177px 0; text-align:center; font-size:16px;border-bottom:1px solid #ddd;color:#222;} #cart .total-box {margin:30px 0 50px 0;} #cart .total-box ul{width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:0; box-sizing:border-box;} #cart .total-box ul li{display:inline-block; position:relative; width:33.333333%; font-size:18px; text-align:center; border-right:1px solid #ddd; box-sizing:border-box;} #cart .total-box ul li:first-child {border-left:1px solid #ddd;} #cart .total-box ul li .price-tbl {display:table; width:100%; height:105px; text-align:center;} #cart .total-box ul li .price-tbl .tbl-cell {line-height:42px;margin: 48px 0;} #cart .total-box ul li .price-tbl .tbl-cell p.total-tit{font-size:18px; color:#aaa;padding-bottom: 20px;} #cart .total-box ul li .price-tbl .tbl-cell span{font-size:24px;} #cart .total-box ul li .price-tbl .tbl-cell span.minus-price {color:#ce3939;} #cart .total-box ul li .icon-box {position:absolute; top:50%; right:-17px; margin-top:-15px;z-index: 1;} #cart .total-box .total-price {background:#f7f7f7;} #cart .total-box .total-price .to_price{color:#da2128;font-size: 24px;font-weight: bold;} /* ================================================================================== @ J.mall Renewal 2017. 10. 24 @ Lim SeungHyun @ Location: order.php ================================================================================== */ /* order.php */ #order .c_ib{display: inline-block;} #order .privacybox{margin:0 0 30px 0;} #order .privacybox iframe{border:1px solid #dcdcdc; margin:0 0 10px 0;} #order .add_post div {padding-bottom:10px;} #order textarea {border:1px solid #ddd;} #order .price_total {padding-bottom:20px;} #order .order_txt {padding-bottom:8px; color:#635957;} #order .order_txt span {color:#fd929d;} #order .cart_btn { overflow:hidden; padding:20px 0 0 0;} #order .cart_btn ul {float:right;} #order .cart_btn ul li {float:left;line-height: 35px;} #order .cart_btn ul li:first-child {color:#222; font-size:12px;font-family:'dotum';padding-right: 12px;} #order #total_order_price_pay {color:#da2128; font-size:16px; font-weight:400;} #order .btn {padding:20px 0; text-align:center;} #order .dlv_txt {padding:0 23px; font-size:12px; color:#aaa;letter-spacing:0.7;display: inline-block;font-family:'dotum';} #order .order_info h3 {padding-bottom:20px; font-size:16px; color:#000; font-weight:bold;} #order .order_info ul {padding:14px 20px; background:#f8f8f8;} #order .order_info ul li {padding:8px 0 8px 10px; font-size:13px; color:#635957; background:url('/image/icon/icon_find.gif') no-repeat left 17px; } #order table input {padding:2px 5px;width:170px;height: 35px;box-sizing:border-box;vertical-align:top;} #order table input[type=radio]{width:12px;height: 12px;margin-right: 5px;vertical-align:middle;} #order table input[type=checkbox]{width:12px;height: 12px;margin-right: 5px;vertical-align:middle;margin-left: 10px;} #order table span{line-height: 33px;} #order .dc-table td.tt{font-family:'Noto Sans KR';} #order .dc-table .price{font-family:'Noto Sans KR';} #order .dc-table tr td{font-size:16px; padding:12px 0;color:#222;} #order .dc-table tr td input{width:180px;height: 35px;border:1px solid #ddd;box-sizing:border-box;} #order .dc-table tr td span {color:#da2128;} #order .dc-table tr:first-child span{font-size:12px; color:#222;padding-left: 11px;} #order .add_post .add_txt input{display: block;margin-bottom: 10px;} #order .add_post .add_txt input:last-child{margin-bottom: 0;} #order .add_post .add_num input{margin-right: 5px;} #order .table_style_sero1 td.textarea{padding-right:0;} #order .table_style_sero1 td.textarea textarea{height: 70px;} #order .total-box ul{width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:0; box-sizing:border-box;} #order .total-box ul li{display:inline-block; position:relative; width:25%; font-size:18px; text-align:center; border-right:1px solid #ddd; box-sizing:border-box;} #order .total-box ul li:first-child {border-left:1px solid #dcdcdc;} #order .total-box ul li .price-tbl {display:table; width:100%; height:105px; text-align:center;} #order .total-box ul li .price-tbl .tbl-cell {line-height:42px;padding:49px 0;} #order .total-box ul li .price-tbl .tbl-cell p.total-tit{font-size:18px; color:#aaa;} #order .total-box ul li .price-tbl .tbl-cell span{font-size:24px;color:#222;} #order .total-box ul li .price-tbl .tbl-cell span.to_price{color:#da2128;font-size: 24px;font-weight: bold;} #order .total-box ul li .icon-box {position:absolute; top:50%; right:-17px; margin-top:-15px;z-index: 1;} #order .total-box .total-price {background:#f7f7f7; overflow:hidden;border-bottom:1px solid #ddd;} #order .total-box .total-price .shipping-fee-info{float:left; height:70px; line-height:70px; font-size:14px; color:#6e6d6d; padding:0 0 0 30px; background:url('/image/icon/cart/icon_em.png') no-repeat left;} #order .total-box .total-price .shipping-fee-info span {color:#000; font-weight:bold;} #order .total-box .total-price .total-payment{float:right; height:70px; line-height:70px; font-size:22px;} #order .total-box .total-price .total-payment span{color:#ce3939;} #order .gift_table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #order .gift_table tr{float:left;padding:20px 30px 20px 0;font-size: 12px;color:#222;} #order .gift_table td{font-family:'dotum';} #order .final_tit{font-size: 16px;color:#222;font-weight: 400;vertical-align:top;} #order #pg_bank_sel{border-bottom:none;} #order #pg_bank_sel select{width:200px;height: 30px;margin:0 21px;padding: 0 10px;} #order #cash_reg font{line-height: 35px;color:#aaa;padding-right: 21px;} #order #cash_reg .input{width:100px;height: 30px;} #order #pg_escrow_msg{display: none;} #order #pg_escrow_sel{border:none;} #order .table_final{margin-bottom: 50px;} #order .table_final .fin_bank{padding:0 15px;} #order #pg_bank_sel span{color:#aaa !important;} .fin_txt span{display: block;font-size: 12px;color:#aaa;} #order input[type=submit]{-webkit-appearance: none;-webkit-border-radius: 0;border:none;} #order .order_priv{font-family: 'dotum';} #order .order_priv .order_priv_wrap .text_inner{overflow-y: scroll;width:100%;box-sizing: border-box;padding: 25px;text-align: justify;min-height:260px;font-size: 12px;color:#222;margin-bottom: 15px;border: 1px solid #ddd;line-height: 24px;} #order .order_priv .order_priv_wrap .text_inner p{line-height: 24px;} #order .order_priv .order_priv_wrap .text_inner p:first-child{margin-bottom: 37px;} #order .order_pri_btn input{margin-right: 8px;} #order .order_pri_btn label{color:#222;font-size: 12px;} /*order.php*/ #order .table_style_garo2 th {padding: 16px 0;} #order .order_tit{padding:50px 0 20px;font-size: 18px;} #order .order_tit span{font-size:12px;color: #aaa;font-weight: normal;font-family:'dotum';padding-left: 23px;display: inline-block;vertical-align: middle;} #order .table_style_garo2 td {padding:30px 0;font-size: 16px;} #order .table_style_garo2 td .option a{color: #aaa;line-height: 28px;} #order .table_style_garo2.prd_info td.left a{line-height: 28px;} #order .table_style_garo2.prd_info .btn_base02{color: #858585;height: 30px;line-height: 30px;padding:0 9px;} #order .cart_btn .btn_base02{color: #858585;height: 35px;line-height: 35px;padding:0 9px;} #select_cpn_layer{display:none;position:absolute;width:700px;background:#FFF;border:2px solid #EEE;z-index:9999;} #order .gift_wrap .inner{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 19px 0;} #order .gift_wrap .inner {font-family: 'dotum';} #order .gift_wrap .inner .txt01{font-size: 12px;} #order .gift_wrap .inner input{margin:0px 6px 0 30px} #order .gift_wrap .inner input:first-child{margin-left:0;} #order .coup_wrap table{width: 100%;} #order .coup_wrap caption{position: absolute;top: -9999px;left: -9999px;top: -9999px;} #order .coup_wrap th,.coup_wrap td{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} #order .coup_wrap th{font-size: 16px;text-align:left;padding:22px 0 22px 10px;font-weight: normal;} #order .coup_wrap td{font-size: 12px;font-family: 'dotum';padding-left: 10px;} #order .coup_wrap input[type=radio]:first-child{margin-left: 0;} #order .coup_wrap input[type=radio]{margin-left: 15px;} #order .coup_wrap .point_wrap td{font-family:'Noto Sans KR', sans-serif;font-size: 16px;} #order .coup_wrap .point_wrap td b, #order .coup_wrap .point_wrap td span{color:#da2128;font-size:16px;font-weight:normal} #order .coup_wrap .point_wrap td input[type=text]{width: 180px;height: 35px;border:1px solid #ddd;margin-right:10px;text-align:right;font-size: 12px;font-family:'dotum';} #order .final_price_wrap .inner{border: 1px solid #ddd;box-sizing:border-box;} #order .final_price_wrap .inner ul{overflow: hidden;} #order .final_price_wrap .inner li{box-sizing:border-box;width: 275px;float: left;border-right:1px solid #ddd;height: 158px;text-align: center;position: relative;} #order .final_price_wrap .inner li:last-child{border-right: none;width: 273px;background: #f7f7f7;} #order .final_price_wrap .inner li .final_txt01{font-size: 18px;color: #aaa;display: block;text-align: center;padding: 48px 0 20px;} #order .final_price_wrap .inner li .abs_posi{position: absolute;top: 50%;margin-top: -17px;right: -17px;z-index: 1;} #order .final_price_wrap .inner li .final_txt02{font-size: 24px;color: #222;display: block;text-align: center;} #order .final_price_wrap .inner li .final_txt03{color: #da2128;} #order .final_price_wrap .inner li #total_order_price_cartlist{font-weight: bold;} #order .ord_info_wrap .table_style_sero1 th{font-weight: normal;padding: 0;padding-left: 10px;} #order .ord_info_wrap .table_style_sero1 td p {display:inline-block;padding-left: 21px;font-family: 'dotum';letter-spacing: -0.3px;} #order .ord_info_wrap .table_style_sero1 td p span{padding-left: 7px;display: inline-block;} #order .ord_info_wrap .table_style_sero1 td input {border:1px solid #dfdfdf} #order .ord_info_wrap .table_style_sero1 td input[type=text]{height: 35px;box-sizing:border-box;} #order .ord_info_wrap .table_style_sero1 td input[type=password]{height: 35px;box-sizing:border-box;} #order .ord_info_wrap .table_style_sero1 td.add_post .btn_base02{color: #222;} #order .ord_info_wrap .table_style_sero1 td select{width: 75px;height: 35px;font-size: 12px;padding-left: 14px;border: 1px solid #ddd;color: #858585;vertical-align: middle;font-weight: normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px 0px;-webkit-appearance: none;background: url(/image/etc/default_select.png) no-repeat;background-position: right 12px center;background-size: 10px;} #order .ord_info_wrap .table_style_sero1 td.select_box_wrap select{width: 340px;} #order .ord_info_wrap .add_post div {padding:5px 0;} #order .table_style_sero1 th label span{vertical-align: middle;padding-right: 7px;} #order .table_style_sero1 th label.n_reqire_label{padding-left: 19px;} #order .order_txt03{color: #aaa;line-height: 28px;} #order .pay_method_wrapdlzpdl th{font-weight: normal;} #order1 .btn_wrap_base{padding:50px 0 0;} .privacybox iframe{margin-top: 50px;border:1px solid #ddd;height: 260px;} .privacybox .privacy_agree{font-family: 'dotum';padding:15px 0 0;} .privacybox .privacy_agree input{margin-right:8px;} .privacybox .privacy_agree label{cursor: pointer;} #order .coup_wrap .point_wrap td input[type=text], #order .ord_info_wrap .table_style_sero1 td input[type=text]{padding: 2px 5px;} #order .coup_wrap .point_wrap td input:focus, #order .ord_info_wrap .table_style_sero1 td input[type=text]:focus{border:2px solid #d9045d;padding:2px 4px;} #order textarea{padding: 2px 5px;} #order textarea:focus{border:2px solid #d9045d;padding:1px 4px;} /*order.php end*/ /* order/cart 공통 */ #cart .table_style_garo2 td .n_price,#order .table_style_garo2 td .n_price {text-decoration:line-through;color:#aaa;font-size: 16px;padding-right: 0;} #cart .table_style_garo2 td .s_price,#order .table_style_garo2 td .s_price {color:#222; font-weight:400;font-size: 16px;} #cart .table_style_garo2 td.point,#order .table_style_garo2 td.point {font-weight:400;} #cart .table_style_garo2 td.total,#order .table_style_garo2 td.total {font-weight:400; color:#da2128;} #cart .table_style_garo2 td.delchar,#order .table_style_garo2 td.delchar{color:#222;} /* 마이페이지 배송주문 조회 */ #order_list h4{font-size: 16px;font-weight: normal;} #order_list .order-tracking-box {overflow:hidden;} #order_list .order-tracking-box .order-tracking {float:left; width:853px; padding:0 0 0 20px; background:#f8f8f8; border:1px solid #dcdcdc;} #order_list .order-tracking-box .order-tracking .tracking-tab{} #order_list .order-tracking-box .order-tracking .tracking-tab ul{font-size:0; padding:19px 0; border-bottom:1px solid #ccc; } #order_list .order-tracking-box .order-tracking .tracking-tab ul li{display:inline-block; margin-right:10px;} #order_list .order-tracking-box .order-tracking .tracking-tab ul li a {font-size:12px;} #order_list .order-tracking-box .order-tracking .tracking-term {padding:15px 0;} #order_list .order-tracking-box .order-tracking .tracking-term span {margin-right:10px;} #order_list .order-tracking-box .order-tracking .tracking-term form input{margin:0 5px 0 0;} #order_list .order-tracking-box .order-tracking .tracking-term form label{display:inline-block; margin:5px 20px 0 0} #order_list .order-tracking-box .btn-box {float:right; width:105px; height:105px; text-align:center; background:#242424;} #order_list .order-tracking-box .btn-box a {display:block;font-size:16px; color:#fff; line-height:105px;} /* order_detail.php */ #order_detail .t_title {padding-top:80px; text-align:center; font-size:24px;} #order_detail .t_title span {color:#222; font-weight:bold;} #order_detail h3 {padding:80px 0 20px; color:#222; font-size:18px;} #order_detail .table_style_garo2 th{padding: 16px 0;} #order_detail .table_style_garo2 td{padding:31px 0;font-size: 16px;} #order_detail .table_style_garo2 td.img{padding: 0;} #order_detail .table_style_garo2 .table_style_garo.inner .left{padding: 0;} #order_detail .deli_01{border:1px solid #ccc;color: #aaa;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_02{border:1px solid #da2128;color: #da2128;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_03{border:1px solid #bbb;background: #bbb;color: #fff;width: 95px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_04{border:1px solid #da2128;background: #da2128;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_05{border:1px solid #222;background: #222;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_06{color: #222;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_review{border:1px solid #222;background: #222;color: #fff;width: 85px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .deli_review span{ background-color: #ff6666;padding: 0 !important;color: #ffffff;font-weight: normal !important;font-size: 16px !important;width: 100% !important;display: block;background: none !important;height: 37px !important;line-height: 37px;} #order_detail .deli_review_end{color: #222;width: 110px;height: 35px;display: block;margin: auto;line-height: 35px;font-size: 16px;} #order_detail .table_style_garo2 .table_style_garo .title a {font-size:16px;} #order_detail .table_style_garo2 .table_style_garo .option{font-size:16px;color: #aaa;line-height: 28px;} #order_detail .table_style_garo2 .table_style_garo .title {line-height: 28px;} #order_detail .table_style_garo2 td.price {color: #da2128;} #order_detail .table_style_garo2 td .order_confrim span{background: #fff !important;width: 85px !important;height: 35px !important;display: inline-block !important;border:1px solid #222;box-sizing:border-box;color: #222 !important;font-size: 16px !important;font-weight: normal !important;line-height: 35px !important;padding: 0 !important;} #order_detail .table_price{margin-top: 20px;border:0;padding: 27px 40px;background: #f7f7f7;} #order_detail .table_price td{font-size: 16px;} #order_detail .table_price th{font-size: 16px;color: #aaa;} #order_detail .table_style_sero1 th{font-weight: normal;color: #aaa;} #order_detail .table_style_sero1 td{font-family: 'Noto Sans KR', sans-serif;font-size: 16px;} #order_detail .table_style_sero1 .icon_receipt{border: 1px solid #da2128;height: 30px;display: inline-block;margin: auto;padding: 0 10px;line-height: 30px;font-size: 14px;color:#da2128;margin-left: 10px;} #order_detail .table_style_sero1 .delv_info_list li{font-size: 16px;line-height: 28px;} #order_detail .btn {padding:30px 0; text-align:center;} .gift_wrap{font-size: 16px;padding-bottom: 30px;} .gift_wrap img{width: 100px;height: 100px;} /* order/cart 주문금액 */ .price_total {overflow:hidden; padding-top:30px;} .price_total ul {float:left; width:99.8%; border:1px solid #3b322b;} .price_total ul li {float:left; padding:34px 0;} .price_total ul li p {padding:5px 0; text-align:center;} .price_total ul li.point {width:370px; padding-bottom:48px; color:#fff; background:#000; font-size:15px; font-weight:bold;} .price_total ul li.price {width:250px; color:#333; background:#fff; font-size:15px; font-weight:bold;} .price_total ul li.delivery_price {width:250px; color:#333; background:#fff; font-size:15px; font-weight:bold; background:url('/image/icon/icon_plus.gif') no-repeat left 60px;} .price_total ul li.total_price {width:250px; color:#333; background:#fff; font-size:15px; font-weight:bold; background:url('/image/icon/icon_equals.gif') no-repeat left 64px;} .price_total ul li.total_price p {font-size:16px;} .price_total ul li.total_price .price {font-size:18px; color:#ee454d;} /* order_finish.php */ #orderfinish {padding-bottom: 100px;} #orderfinish .finish_txt {padding-top:100px;} #orderfinish .finish_txt p {text-align:center;} #orderfinish .finish_txt p.finish_txt0 {font-size:24px; color:#222; font-weight:bold;padding-bottom: 30px;} #orderfinish .table_box .table_style_sero1{width:570px;margin:0 auto;} #orderfinish .table_box .table_style_sero1 th{color:#aaa;font-size: 16px;font-weight: 400;} #orderfinish .table_style_sero1 td{font-family:'Noto Sans KR', sans-serif;font-weight: normal;font-size: 16px;} #orderfinish .table_style_sero1 td p{font-size: 16px;} #orderfinish .btn_wrap_base{padding: 50px 0 0;text-align: center;} #orderfinish .btn_wrap_base ul{display: inline-block;overflow: hidden;} #orderfinish .btn_wrap_base ul li{float: left;} #orderfinish .table_style_sero1 td.order_num_wrap{padding:0 15px;} #orderfinish .order_mail {line-height: 28px;} #orderfinish .order_mail span {color:#222; font-weight:400;} #orderfinish .order_fin_txt{font-size: 16px;color:#aaa;padding-bottom: 50px;} /* ================================================================================== @ J.mall Renewal 2017. 10. 23 @ Lim SeungHyun @ Location: login.php ================================================================================== */ /* login.php */ #login {position:relative; width:100%;} #login .login-box {width:460px; margin:0 auto;padding:80px 0 0;} #login .login-box .member-box-border {border-bottom:1px solid #dcdcdc; padding:0 0 45px 0;} #login .login-box h3{font-size: 24px;} #login .login-box .txt01{font-size: 12px;font-family: 'dotum';color: #aaa;padding: 15px 0 20px;} #login .login-box input[type=text], #login .login-box input[type=password]{width: 460px;height: 50px;box-sizing:border-box;border:1px solid #ddd;padding-left: 21px;} #login .login-box input[type=text]{margin-bottom: 10px;} #login .login-box input[type=text]:focus, #login .login-box input[type=password]:focus{border:2px solid #d9045d;padding-left: 20px;} #login .login-box .login_btn{width: 100%;background:#d9045d;color: #fff;height: 60px;border:0;font-size: 18px;margin-top: 10px;font-weight: bold;} #login .login-box .id_save{padding: 20px 0;font-family: 'dotum';} #login .login-box .id_save input{vertical-align: middle;margin-right: 3px;} #login .login-box .member-action-box{overflow: hidden;padding-bottom: 20px;} #login .login-box .member-action-box li{width: 50%;float: left;padding-right: 5px;box-sizing:border-box;} #login .login-box .member-action-box li:last-child{padding-left:5px;padding-right: 0px;} #login .login-box .member-action-box li a{border:1px solid #ddd;display: block;height:50px;text-align: center;line-height: 50px;font-size: 16px;color: #aaa;} #login .sns_wrap a{display: block;width: 100%;text-align: center;vertical-align: middle;padding: 13px 0;font-weight: bold;font-size: 16px;margin-bottom: 10px;} #login .sns_wrap a:last-child{margin-bottom: 0;} #login .sns_wrap a img{vertical-align: middle;margin-right: 18px;} #login .sns_wrap .sns_login_01{background: #47b749;color: #fff;} #login .sns_wrap .sns_login_02{background: #ffe800;color: #412e34;} #login .sns_wrap .sns_login_03{background: #5c7bf1;color: #fff;} #login .none_member{padding-top:35px;} #login .login-box .view_btn{width: 100%;background: #333649;color: #fff;height: 60px;border:0;font-size: 18px;font-weight: bold;} /* find_step1.php */ #find .login-box {padding:80px 0 0;width:460px;margin: auto;letter-spacing:-0.3px;} #find .login-box h3{font-size: 24px;} #find .login-box .txt01{font-size: 12px;font-family: 'dotum';color: #aaa;padding: 15px 0 20px;} #find .login-box input[type=text], #find .login-box input[type=password]{width: 460px;height: 50px;box-sizing:border-box;border:1px solid #ddd;padding-left: 21px;} #find .login-box input[type=text]{margin-bottom: 10px;} #find .login-box input[type=text]:focus, #find .login-box input[type=password]:focus{border:2px solid #d9045d;padding-left: 20px;} #find .login-box .login_btn{width: 100%;background: #222;color: #fff;height: 60px;border:0;font-size: 18px;margin-top: 10px; font-weight: bold;} #find .login-box.login-box_id .login_btn{margin-top: 0;} #find .login-box.login-box_fw {padding: 60px 0 0;} #find .login-box .id_save{padding: 20px 0;font-family: 'dotum';} #find .login-box .id_save input{vertical-align: middle;margin-right: 3px;} #find .login-box .member-action-box{overflow: hidden;padding-bottom: 20px;} #find .login-box .member-action-box li{width: 50%;float: left;padding-right: 5px;box-sizing:border-box;} #find .login-box .member-action-box li:last-child{padding-left:5px;padding-right: 0px;} #find .login-box .member-action-box li a{border:1px solid #ddd;display: block;height:50px;text-align: center;line-height: 50px;font-size: 16px;color: #aaa;} #find .sns_wrap a{display: block;width: 100%;text-align: center;vertical-align: middle;padding: 13px 0;font-weight: bold;font-size: 16px;margin-bottom: 10px;} #find .sns_wrap a:last-child{margin-bottom: 0;} #find .sns_wrap a img{vertical-align: middle;margin-right: 18px;} #find .sns_wrap .sns_login_01{background: #47b749;color: #fff;} #find .sns_wrap .sns_login_02{background: #ffe800;color: #412e34;} #find .sns_wrap .sns_login_03{background: #5c7bf1;color: #fff;} #find .none_member{padding-top:80px;} #find .login-box .view_btn{width: 100%;background: #222;color: #fff;height: 60px;border:0;font-size: 18px;font-weight: bold;} #find .find_send{font-family: 'dotum';padding-bottom: 10px;} #find .find_send li{padding: 6px 0;} #find .find_send li input{vertical-align: middle;margin-right: 6px;} #find .find_send li label{} #find .btm_txt{width: 460px;margin: auto;border-top: 1px solid #ddd;font-family: 'dotum';padding: 17px 0;} #find .btm_txt li {padding-left:16px;position: relative;line-height: 24px;margin: 11px 0;} #find .btm_txt li span{position: absolute;top: 5px;left: 0;} #find .btm_txt li:last-child span{position: absolute;top: 11px;left: 0;} #find .btm_txt .btn_base02{color:#222;border:1px solid #ddd;margin-left: 14px;} #find input::placeholder {color: #aaa;} #find input::-ms-input-placeholder {color: #aaa;} #find input::-ms-input-placeholder {color: #aaa;} /* join_step1.php */ .join-navi {padding:0 0 48px 0;} .join-navi ul{width:100%; text-align:center;} .join-navi ul li{display:inline-block; padding:0 90px 0 0; font-size:16px; color:#ccc; background:url('/image/icon/icon_navi_g.png') no-repeat 172px;} .join-navi ul li.active {color:#000; background:url('/image/icon/icon_navi_b.png') no-repeat 172px;} .join-navi ul li:last-child {padding:0 0 0 0;} .join-navi ul li span {padding:0 20px 0 0; font-size:16px;} #join {clear:both;} #join h3.tit {padding-top:60px;} #join .uselaw_box {overflow:hidden;} #join .uselaw_box div {} #join .uselaw_box div iframe {width:100%; height:400px; border:1px solid #ddd;box-sizing:border-box;} #join .chk {width:100%; padding:10px 0; text-align:left;font-size:13px; font-weight:bold;} #join .chk input{vertical-align: middle;} #join .chk label {cursor:pointer; color:#222;font-size: 12px;font-family: 'dotum';font-weight: normal;padding-left: 6px;} #join p {padding:10px 0 20px 0; text-align:right; font-size:12px; } #join p.btn {clear:both; padding-top:40px; text-align:center;} #join .input_box {overflow:hidden;} #join .input_box .email_add{font-size: 12px;font-family: 'dotum';font-weight: normal;display: inline-block;padding: 0 10px;} #join .input_box dl {float:left; width:100%; padding:30px 0 50px;} #join .input_box dl dt {float:left; width:auto; padding:10px; text-align:center;padding: 0 23px;height: 35px;line-height: 35px;} #join .input_box dl dt.last{margin-left: 34px;} #join .input_box dl dt label {font-size:16px;font-family: 'Noto Sans KR';} #join .input_box dl dd {float:left; font-size:13px; color:#222; font-weight:bold;} #join .input_box dl dd input {width:140px; height:35px; padding:0 10px; font-size:13px; border:1px solid #ddd; color:#222;font-weight: normal} #join .input_box dl dd select {width:130px; height:35px; font-size:13px; padding-left:14px;border:1px solid #ddd; color:#858585;vertical-align:middle;font-weight: normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px 0px;-webkit-appearance: none;background: url(/image/etc/default_select.png) no-repeat;background-position: right 12px center;background-size: 10px;} #join input[type=text]{box-sizing:border-box;} #join input[type=text]:focus{border:2px solid #d9045d;padding-left: 9px;} /* join_frm.php */ #join_frm .join_box h3 {padding-bottom:14px;color:#777; font-size:16px;} #join_frm .join_box input[type=text], #join_frm .join_box input[type=password]{width: 180px;padding-left: 11px;} #join_frm .add_post div{padding:5px 0; font-size:11px;} #join_frm .info_ul li {padding-top:13px;font-size:12px;font-family: 'dotum';list-style:-0.3px} #join_frm .info_ul li span{color: #aaa;padding-left:5px;list-style:-0.3px} #join_frm .info_ul li:first-child{padding-top: 0;} #join_frm .info_ul .info_li {padding:0 0 0 10px; font-size:11px; background:url('/image/icon/icon_find.gif') no-repeat 2px 7px; color:#999;} #join_frm .cert_box {overflow:hidden; clear:both;background:#f7f7f7;border-bottom:1px solid #ddd;} #join_frm .cert_box .tit {float:left;font-size:16px; color:#222;height: 60px;line-height: 60px;width: 180px;box-sizing:border-box;padding-left: 26px;} #join_frm .cert_box .cert {float:left;font-family: 'dotum';height: 60px;line-height: 60px;padding-left: 15px;} #join_frm .cert_box .cert input {height:21px; vertical-align:middle;} #join_frm .cert_box .cert label {padding:0 11px 0 6px;} #join_frm .cert_box .btn_base02{color: #222;background: #fff;vertical-align: middle;} #join_frm .table_style_sero th {padding:0;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;height: 60px;} #join_frm .table_style_sero th label {padding:0 0 0 10px;} #join_frm .table_style_sero th label.n_reqire_label{padding-left:26px;display: inline-block;} #join_frm .table_style_sero th label span {vertical-align:middle;padding-right: 4px;} #join_frm .table_style_sero td {padding:12px 0 12px 15px;border-bottom: 1px solid #ddd;font-family: 'dotum';} #join_frm .table_style_sero td p {display:inline-block;padding-left: 21px;font-family: 'dotum';letter-spacing: -0.3px;} #join_frm .table_style_sero td p span{padding-left: 7px;display: inline-block;} #join_frm .table_style_sero td input {border:1px solid #dfdfdf} #join_frm .table_style_sero td input[type=text], #join_frm .table_style_sero td input[type=password]{height: 35px;box-sizing:border-box;padding:0 11px;} #join_frm .table_style_sero td.first a{vertical-align: middle;color: #222;} #join_frm .table_style_sero td.birth_wrap input[type=radio]{margin-right: 5px;} #join_frm .table_style_sero td.birth_wrap .birth_radio{margin-left: 11px;} #join_frm .table_style_sero td.birth_wrap .birth_span{width: 23px;display: inline-block;} #join_frm .table_style_sero td.gender_wrap input[type=radio]{margin-right: 5px;} #join_frm .table_style_sero td.gender_wrap .gender_span{margin-left: 11px;} #join_frm .table_style_sero td.add_post .btn_base02{vertical-align: middle;color: #222;margin-left: 7px;} #join_frm #reg_code_layer{border:0;margin-top: 20px;} #join_frm #reg_code_layer input{border:1px solid #dfdfdf;height: 35px;box-sizing:border-box;padding:0 11px;} #join_frm .table_style_sero td input[type=text]:focus, #join_frm .table_style_sero td input[type=password]:focus, #join_frm #reg_code_layer input:focus{border:2px solid #d9045d;padding-left: 10px;} #join_frm .table_style_sero td select{width: 75px;height: 35px;font-size: 12px;padding-left: 14px;border: 1px solid #ddd; color: #858585;vertical-align: middle;font-weight: normal;-webkit-appearance: none;-moz-appearance: none;appearance: none; border-radius: 0px 0px;-webkit-appearance: none;background: url(/image/etc/default_select.png ) no-repeat; background-position: right 12px center;background-size: 10px;} #join_frm .btn_wrap_base{padding-top: 50px;} #join_frm .recommend span {color:#864d46; font-weight:bold;} #join_frm .btn {padding-top:30px; text-align:center;} /*join.step3.php*/ #join_step3 .box{text-align: center;} #join_step3 .box h3{font-size: 24px;font-weight: normal;padding: 100px 0 24px;} #join_step3 .box h3 span{font-weight: bold;} #join_step3 .box .txt01{line-height: 28px;font-size: 16px;color: #aaa;padding-bottom: 45px;} #join_step3 .box .txt01 span{font-weight: bold;color: #222;} #join_step3 .table_box{width: 570px;margin: auto;} #join_step3 .table_box .table_style_sero1{border-top:1px solid #ddd;border-bottom: 1px solid #ddd;} #join_step3 .table_box .table_style_sero1 th{font-size: 16px;color: #aaa;font-weight: normal;padding:22px 25px;} #join_step3 .table_box .table_style_sero1 td{text-align:left;font-size: 16px;padding: 0;color:#222;font-family: none;} #join_step3 .btn_wrap_base{padding: 50px 0 180px;} /* edit_step1.php */ #pwd_check {text-align: center;} #pwd_check h3{font-size: 24px;font-weight: bold;padding: 100px 0 24px;} #pwd_check .txt01{line-height: 28px;font-size: 16px;color: #aaa;padding-bottom: 45px;} #pwd_check .btn_wrap_base{padding:60px 0 180px;} #pwd_check .finish_box input{box-sizing:border-box;width: 270px;height: 35px;padding-left: 10px;font-size: 12px;} #pwd_check .finish_box input:read-only{background: #eee;border:1px solid #ddd;color: #858585;} #pwd_check .finish_box .list input{margin-top: 10px;border:1px solid #dfdfdf;padding-left: 10px;} #pwd_check .finish_box .list label{position: absolute;top: -9999px;left: -9999px;} #pwd_check .finish_box .list input:focus{border:2px solid #d9045d;padding-left: 9px;} /*edit_step3*/ #edit_final .finish_box_bg{margin-top: 100px;} #edit_final .finish_box_bg .finish_box{padding-bottom:50px;text-align: center;} #edit_final .finish_box_bg .finish_box h2{font-size: 24px;color:#222;margin-bottom: 30px;font-weight: 400;} #edit_final .finish_box_bg .finish_box h2 .bold{font-weight: bold;} #edit_final .finish_box_bg .finish_box p{font-size: 16px;color:#aaa;line-height: 28px;} #edit_final .btn{text-align: center;} /* ================================================================================== @ J.mall Renewal 2017. 10. 24 @ Lim SeungHyun @ Location: uselaw.php ================================================================================== */ /* ?cont=join_rull */ #join_rull * {line-height:24px; font-size:14px;letter-spacing: -0.3px;color:#222;font-family: 'dotum';} #join_rull {text-align:left; background:#fff; padding:40px 21px 24px;} #join_rull dt {margin:0; padding:0; font-weight:bold;} #join_rull dd {margin:0 0 20px 0; padding:0;} #join_rull ol {margin:0 0 0 0; padding:0 0 10px 30px;} #join_rull li {margin:2px; } /* ================================================================================== @ J.mall Renewal 2017. 10. 24 @ Lim SeungHyun @ Location: privacy.php ================================================================================== */ /* ?cont=privacy */ #privacy * {line-height:24px; font-size:14px;letter-spacing: -0.3px;color:#222;font-family: 'dotum';} #privacy {text-align:left; background:#fff; padding:40px 21px 24px;} #privacy dt {padding:0; font-weight:bold; text-align:left; background:url('/template/image/content/p_arrow.gif') no-repeat 0 3px;} #privacy dd {margin:0; text-align:left;} #privacy dd dl dt { font-weight:normal; background:url('/template/image/content/c_arrow.gif') no-repeat 0 3px;} #privacy ul {margin:5px 0 5px 25px; } #privacy ol {margin-left:30px;} #privacy iframe {border:1px solid #dcdcdc;} #privacy .table_style_garo {width:100%; margin:20px auto;} #privacy .table_style_garo caption {display:none;} #privacy .table_style_garo th {padding:12px 10px; text-align:center; color:#222; font-size:12px; background:#f8f8f8; border-top:1px solid #e1e4e8; border-bottom:1px solid #e1e4e8;} #privacy .table_style_garo td {padding:15px 10px; text-align:center; font-size:12px; color:#222; border-bottom:1px solid #e1e4e8; } #privacy .table_style_garo td.left {text-align:left;} /* ================================================================================== @ 추후 리팩토링 ================================================================================== */ /* 중앙 */ #cnt {position:relative; width:1200px; min-height:700px; height:auto !important; height:700px; margin:0 auto; padding-bottom:50px;} #cnt .cnt_title {position:relative; border-bottom:3px solid #060606;} #cnt .cnt_title h2 {padding:21px 0 10px 0; font-size:24px; color:#000; font-family:'Noto Sans KR','Nanum Gothic';} #cnt .cnt_title .navig {position:absolute; top:38px; right:0; color:#9e9e9e;} #cnt .cnt_title .navig a { color:#9e9e9e;} #cnt .cnt_title .navig .join_navig {float:left;} #cnt .cnt_title .navig .join_navig li {float:left; padding:0 10px 0 20px; color:#b3b3b3; font-size:18px; font-weight:bold; background:url('/image/icon/icon_arrow2.gif') no-repeat left 5px;} #cnt .cnt_title .navig .join_navig li:first-child {background:none;} #cnt .cnt_title .navig .join_navig li span {padding:5px; font-size:16px; color:#b3b3b3; font-weight:bold;} #cnt .cnt_title .navig .join_navig li._over {color:#000; font-size:18px; font-weight:bold;} #cnt .cnt_title .navig .join_navig li._over span {padding:5px; font-size:16px; color:#000; font-weight:bold;} /* 고객센터 메뉴 */ #center_menu .center_menu_box {overflow:hidden; border:1px solid #e8e8e7; padding:13px;} #center_menu .center_menu_box ul {float:left; width:100%;} #center_menu .center_menu_box ul li {float:left; width:20%; } #center_menu .center_menu_box ul li a {display:block; padding:71px 0 15px 0; text-align:center; font-size:13px; font-weight:bold; color:#635957; border-left:1px solid #e8e8e7;} #center_menu .center_menu_box ul li:first-child a {border:none;} /* 기본 */ #center_menu .center_menu_box ul li.icon0 a {background:url('/image/icon/icon_center0.gif') no-repeat center 20px;} #center_menu .center_menu_box ul li.icon1 a {background:url('/image/icon/icon_center1.gif') no-repeat center 20px;} #center_menu .center_menu_box ul li.icon2 a {background:url('/image/icon/icon_center2.gif') no-repeat center 20px;} #center_menu .center_menu_box ul li.icon3 a {background:url('/image/icon/icon_center3.gif') no-repeat center 20px;} #center_menu .center_menu_box ul li.icon4 a {background:url('/image/icon/icon_center4.gif') no-repeat center 20px;} /* 오버시 */ #center_menu .center_menu_box ul li.icon0_over a {background:url('/image/icon/icon_center0_over.gif') no-repeat center 20px; color:#000;} #center_menu .center_menu_box ul li.icon1_over a {background:url('/image/icon/icon_center1_over.gif') no-repeat center 20px; color:#000;} #center_menu .center_menu_box ul li.icon2_over a {background:url('/image/icon/icon_center2_over.gif') no-repeat center 20px; color:#000;} #center_menu .center_menu_box ul li.icon3_over a {background:url('/image/icon/icon_center3_over.gif') no-repeat center 20px; color:#000;} #center_menu .center_menu_box ul li.icon4_over a {background:url('/image/icon/icon_center4_over.gif') no-repeat center 20px; color:#000;} /* 게시판 타이틀*/ #title_board {position:relative; padding-top:79px; border-bottom:1px solid #000;} #title_board .btitle {position:absolute; top:26px; left:0; padding:18px 70px ;border:1px solid #000; border-bottom:1px solid #fff; font-size:14px; color:#000; font-weight:bold; background:#fff;} .btn_base01{display: inline-block;text-align: center;background: #fff;width: 150px;height: 50px;line-height: 50px;font-size:16px;color:#d9045d;border:1px solid #d9045d;box-sizing:border-box;vertical-align: top;cursor: pointer;} .btn_base02{border:1px solid #dfdfdf;color:#858585;display: inline-block;font-size: 12px;height: 35px;line-height: 35px;padding:0 19px;box-sizing:border-box;letter-spacing: -0.3px;} /*버튼 색*/ .btn_color{background: #d9045d;color:#fff;border:1px solid #d9045d !important;} .btn_color2{background: #333649;color:#fff;border:1px solid #333649;} .btn_bcolor2{border:1px solid #333649; color:#333649;} /*paging*/ .paging {padding:50px 0 0 0; text-align:center;clear:both;display: table;margin:0 auto;} .paging li {float:left;} .paging li a { display: inline-block;width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #ddd;border-right:0;line-height: 30px;font-size: 12px;color: #bbb;} .paging li:last-child a{border-right:1px solid #ddd;} .paging li:last-child a:first-child{border-right:0;} .paging li:last-child a:last-child{border-right:1px solid #ddd;} .paging li a.over {color:#222;background: #f7f7f7 ;} .paging li a.p_prev {background:url('/image/common/page_prev.png') no-repeat 50% 50%;background-size: 5px 10px;margin-right: -3px;border-right:0;} .paging li a.p_next {background:url('/image/common/page_next.png') no-repeat 50% 50%;background-size: 5px 10px;margin-left: -3px;border-right:0;} .paging li a.p_nextpage {background:url('/image/common/page_nextpage.png') no-repeat 50% 50%;background-size: 10px 10px;} .paging li a.p_prevpage {background:url('/image/common/page_prevpage.png') no-repeat 50% 50%;background-size: 10px 10px;border-right:0;} /* 우측 퀵메뉴 */ #ext {float:left; width:75px; margin-left:-90px; background:#000;} /* Layer Popup View */ /* popup_view*/ #popup_view {position:absolute; top:0; width:1060px; z-index:999;} #popup_view .product_view {background: none repeat scroll 0 0 #FFFFFF; border:1px solid #ddd; height: auto !important; min-height:600px; padding:20px 40px;position: relative;} #popup_view .view_close a {background: url('/image/etc/close_01.png') no-repeat;display: block;width: 35px;height: 35px;position: absolute;top:5px;right:5px; background-position: center center;font-size: 0;} #popup_view #product_view {width:100%;} #popup_view #product_view .list_view {padding-bottom:10px; font-size:16px; color:#635957; border-bottom:1px solid #000;} #popup_view #product_view .list_view_close {position:absolute; top:20px; right:25px;} #popup_view #product_view .list_view_close .abtn3 {font-size:12px; padding:5px;} #popup_view #product_view .view_top {margin:0 auto; padding-top:30px;background: #fff;} #popup_view #product_view .view_left {position:relative; float:left; width:500px;} #popup_view #product_view .view_left #mimg_div {width:400px; height:400px; text-align:center; border:1px solid #ddd;margin:0 auto;} #popup_view #product_view .view_left #mimg_div img {width:400px; height:400px;} #popup_view #product_view .view_left .link_box {overflow:hidden; padding-top:20px;} #popup_view #product_view .view_left .link_box .board_box {float:left; padding-top:3px;} #popup_view #product_view .view_left .link_box .board_box .board_num {color:#515151; font-weight:bold;} #popup_view #product_view .view_left .link_box .board_box .board_num span {color:#ee454d;} #popup_view #product_view .view_left .link_box .board_box .board_num span.color0 {color:#ffc800;} #popup_view #product_view .view_left .link_box .sns_box {float:right;} #popup_view #product_view .view_left .link_box .sns_box .shop_sns {clear:both; float:left;} #popup_view #product_view .view_left .link_box .sns_box .shop_sns li {float:left; padding-left:4px;} /* 추가이미지 */ #popup_view #product_view .view_left .addimg {overflow:hidden; margin:0 auto; padding:10px 0 0 0; text-align:center;} #popup_view #product_view .view_left .addimg li {display:inline-block; padding:2px 2px;} #popup_view #product_view .view_left .addimg li.next a {display:inline-block; width:42px; height:78px; background:url('/image/icon/icon_nextarrow.gif') no-repeat center;} #popup_view #product_view .view_left .addimg li.next a:hover { background:url('/image/icon/icon_nextarrow_over.gif') no-repeat center;} #popup_view #product_view .view_left .addimg li.prev a {display:inline-block; width:42px; height:78px; background:url('/image/icon/icon_prevarrow.gif') no-repeat center;} #popup_view #product_view .view_left .addimg li.prev a:hover { background:url('/image/icon/icon_prevarrow_over.gif') no-repeat center;} #popup_view #product_view .view_left .addimg li img {width:55px; height:55px; border:1px solid #e8e8e7;} /* 우측 상품정보 */ #popup_view #product_view .view_right {float:right;} #popup_view #product_view .view_right .product_info_name_box {display:none; border-bottom:1px solid #e8e8e7;} #popup_view #product_view .view_right .product_info_name_box .product_name {font-size:24px; font-weight:bold; color:#725d59;} #popup_view #product_view .view_right .product_info_name_box .product_name2 {padding:8px 0 25px 0; font-size:15px; font-weight:bold; color:#b17469;} #popup_view #product_view .view_right .product_btn {clear:both; overflow:hidden; padding-top:13px;} #popup_view #product_view .view_right .product_btn li {float:left;} #popup_view #product_view .view_right .product_btn li:first-child {padding-left:0;} #popup_view #product_view .view_right .product_btn li a {width:150px; text-align:center; padding:10px 0; cursor:pointer;} #popup_view #product_view .view_right .view_info_table {width:100%; margin-top:0px;} #popup_view #product_view .view_right .view_info_table th {padding:10px 0 10px 10px; font-size:15px;text-align:left;width:80px;font-weight: normal;} #popup_view #product_view .view_right .view_info_table td {padding:10px 0 10px 0; font-size:15px;} #popup_view #product_view .view_right .view_info_table .s_price {font-size:12px; color:#635957; font-weight:bold;} #popup_view #product_view .view_right .view_info_table .s_price span {font-size:18px; color:#ff1e1d; font-weight:bold; } #popup_view #product_view .view_right .view_info_table .n_price {text-decoration:line-through;} #popup_view #product_view .view_right .view_info_table .prd_add {padding:20px 0; border-top:1px dotted #ccc;} #popup_view #product_view .view_right .view_info_table .prd_add p {font-size:13px; text-align:center;} #popup_view #product_view .view_right .view_info_table .prd_add p a {margin-top:10px; padding:5px; font-size:12px;} #popup_view #product_view .view_right .addstyle td.t_price {font-size:15px; color:#ff1e1d; font-weight:bold;} #popup_view .prd_header{margin-top: 10px;} #popup_view .view_right .btn_change a{display: block;height: 50px;background: #222;color: #fff;text-align: center;font-size: 16px;line-height: 50px;} #popup_view .view_right .listmilage span.milagebtn{display: none;} #popup_view .btn_x {position: absolute; right:10px; top: 7px;} #popup_view .tit {height:31px; padding: 8px 0 0 9px;} #popup_view .box01 {background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DEDEDE;font-weight: bold;padding: 23px 0;text-align: center;} #popup_view .box02 {background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DEDEDE;font-weight: bold;line-height: 140%;padding: 14px 0;text-align: center;} #popup_view .box02 span {font-weight: normal;} #popup_view .btn {margin-top: 20px;text-align: center;} #popup_view .bor_t {background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent;margin: 0 auto;padding-top: 10px;width: 100%;} #popup_view p.bor_t02 {background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent;height: 1px;margin-top: 10px;} #popup_view .auto_116 {height: 281px;overflow-x: hidden;overflow-y: auto;} #popup_view .auto_116 table {table-layout: fixed;width: 100%;} #popup_view .auto_116 tbody th {background: url("/template/image/bg/b_line03.gif") no-repeat scroll right center transparent;color: #ED1C24;font-size: 12px;font-weight: bold;padding-left: 8px;text-align: left;} #popup_view .auto_116 td {font-size: 11px;padding-left: 8px;text-align: left;} #popup_view .auto_116 td.middle {font-size: 12px;height: 240px;line-height: 16px;padding: 20px 0 0 30px;text-align: left;vertical-align: top;} #popup_view .btn02 {margin-top: 15px;text-align: center;} #popup_view .opt_select_wrap select{width:200px !important;} .popup_view {position: absolute;top: 0;width: 804px;z-index: 21;} .popup_view .btn_x {position: absolute;right: 10px;top: 7px;} .popup_view .tit {height: 31px;padding: 8px 0 0 9px;} .popup_view .box01 {background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DEDEDE;font-weight: bold;padding: 23px 0;text-align: center;} .popup_view .box02 {background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DEDEDE;font-weight: bold;line-height: 140%;padding: 14px 0;text-align: center;} .popup_view .box02 span {font-weight: normal;} .popup_view .btn {margin-top: 20px;text-align: center;} .popup_view .bor_t {background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent;margin: 0 auto;padding-top: 10px;width: 100%;} .popup_view p.bor_t02 {background: url("/template/image/bg/b_line04.gif") repeat-x scroll 0 0 transparent;height: 1px;margin-top: 10px;} .popup_view .auto_116 {height: 281px;overflow-x: hidden;overflow-y: auto;} .popup_view .auto_116 table {table-layout: fixed;width: 100%;} .popup_view .auto_116 tbody th {background: url("/template/image/bg/b_line03.gif") no-repeat scroll right center transparent;color: #ED1C24;font-size: 12px;font-weight: bold;padding-left: 8px;text-align: left;} .popup_view .auto_116 td {font-size: 11px;padding-left: 8px;text-align: left;} .popup_view .auto_116 td.middle {font-size: 12px;height: 240px;line-height: 16px;padding: 20px 0 0 30px;text-align: left;vertical-align: top;} .popup_view .btn02 {margin-top: 15px;text-align: center;} /*댓글시작 입력*/ .comment_wrap01{font-size: 16px;color:#222;padding:22px 0;border-bottom:1px solid #ddd;margin-bottom: 30px;} .comment_wrap01 span{padding-left:5px;} .comment_table textarea{width:100%;box-sizing:border-box;border: 1px solid #ddd;min-height: 160px; overflow: auto; outline: none; -webkit-apperance:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment_input{position: relative;margin-bottom: 39px;} .comment_input .counter{position: absolute;bottom: 0;left: 0;color: #bbb;font-size: 16px;padding: 16px 0 16px 15px;border-top: 1px solid #eee;display: block;width: 1100px;box-sizing:border-box;} .comment_input .btn03{position: absolute;bottom: 2px;right: 0;-webkit-appearance: none;-webkit-border-radius: 0;border:none;} .comment_table .name{color:#222;font-size: 18px;font-weight: bold;padding-right:14px;} .comment_table .time{color:#aaa;font-size: 16px;} .comment_table .text{color:#222;font-size: 16px;padding: 23px 0 30px 0;} .comment_table .text p{line-height: 28px;} .under_bar{border-bottom:1px solid #ddd;margin-bottom: 29px;position: relative;} .comment_btn{position: absolute;top:0;right: 0;} .comment_btn .btn04{display: inline-block;} .comment_btn a:first-child{margin-right: 5px;} /* 댓글 수정 레이어 팝업*/ .comment2 {z-index:20; position:absolute; width:500px; border:1px solid #ddd; background:#fff;} .comment2 .title {text-align:left; height:32px; padding:20px 0 0 30px; font-size:20px; letter-spacing:-1px; color:#222;} .comment2 .comment2_btn {padding-bottom:20px; text-align:center;} .comment2 .layer_evaluate {display:inline-block; width:500px; padding:10px 0; text-align:center;} .comment2 .layer_evaluate textarea {width:440px; height:50px; padding:5px; border:1px solid #ddd; margin:0 auto;2} .comment2 .layer_evaluate:after {clear:both; display:block; content:'';} .comment2 .layer_evaluate .image {float:left; width:506px;height:470px;overflow:hidden;text-align:center;} .comment2 input[type=submit]{-webkit-appearance: none;-webkit-border-radius: 0;-webkit-appearance: none;border:0;} /*/////////////////////////////////////////////////////////////////////////////////// // // member // ///////////////////////////////////////////////////////////////////////////////////*/ /*메시지 - 가입완료, 정보수정완료, 1:1상담완료*/ font.completion_msg {font-size:11pt; font-weight:bold; color:#614716;} /*/////////////////////////////////////////////////////////////////////////////////// // // mypage // ///////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////// // // content // ///////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////// // // shop // ///////////////////////////////////////////////////////////////////////////////////*/ /* product_list.php */ #product_list h2 {padding:20px 0; color:#b5928c; font-size:20px; } #product_list .cate_name { padding-bottom:20px; text#product_list .bx-wrapper-align:center; border-bottom:1px solid #8f8f8f;} #product_list .top_cate {width:100%; font-size:0; border-bottom:1px solid #eaecee;} #product_list .top_cate li {display:inline-block; width:20%; padding:15px 0; } #product_list .top_cate li:first-child a {border-left:none;} #product_list .top_cate li a {display:inline-block; padding:13px 0 13px 27px; font-size:13px; font-weight:bold; border-left:1px solid #eaecee;} #product_list .top_cate li a:hover {color:#ff363f;} #product_list .top_cate li a.over {color:#ff363f;} #product_list .sub_best_slide {padding-top:50px;} #product_list .bx-wrapper {position:relative;} #product_list .bx-wrapper .bx-prev {position:absolute; top:50%; left:0; margin-top:-30px; width:60px; height:60px; font-size:0; background:#e5e5e5 url('/image/icon/icon_prd_prev1.gif') no-repeat 25px center;} #product_list .bx-wrapper .bx-prev:hover {background:#000 url('/image/icon/icon_prd_prev.gif') no-repeat 25px center;} #product_list .bx-wrapper .bx-next {position:absolute; top:50%; right:0; margin-top:-30px; width:60px; height:60px; font-size:0; background:#e5e5e5 url('/image/icon/icon_prd_next1.gif') no-repeat 25px center;} #product_list .bx-wrapper .bx-next:hover {background:#000 url('/image/icon/icon_prd_next.gif') no-repeat 25px center;} #product_list .bx-wrapper .bx-pager-item {display:inline-block;} #product_list .bx-wrapper .bx-pager {text-align:center;} #product_list .bx-wrapper .bx-pager a {display:inline-block; width:53px; height:3px; margin:0 2px; border:1px solid #777777; font-size:0; } #product_list .bx-wrapper .bx-pager a.active {background:#777;} #product_list .big_cate {padding-top:30px;} #product_list .big_cate .biglist_box {overflow:hidden; padding:10px 0; border-top:1px solid #8f8f8f; border-bottom:1px solid #e3e3e3;} #product_list .big_cate .biglist_box ul {float:left; } #product_list .big_cate .biglist_box ul li {float:left;} #product_list .big_cate .biglist_box ul li a {display:inline-block; padding:15px 17px 10px 17px; color: #9f9f9f; font-size: 12px; background:url('/image/icon/icon_bar.gif') no-repeat right 18px;} #product_list .big_cate .biglist_box ul li.over a {color:#9f9f9f; font-weight:bold; } #product_list .big_cate .biglist_box ul li a:hover {color:#9f9f9f;} #product_list .big_cate .biglist_box ul li.big_title {padding-right:10px; } #product_list .big_cate .biglist_box ul li.big_title a {display:block; font-size:12px; font-weight:bold; color:#555555; background:none;} #product_list .big_cate .biglist_box ul li.big_title a:hover {color:#555555;} /* prdtable */ .prdtable {width:1200px; margin:0 auto; text-align:center;} .prdtable td {padding:15px 0 65px 0; vertical-align:top;} .prdtable td.empty {height:500px; vertical-align:middle;} /* prdtable2 */ .prdtable2 {margin:0 auto; text-align:center;} .prdtable2 td {padding:0 0 65px 19px; vertical-align:top;} .prdtable2 td.empty {height:500px; vertical-align:middle;} /* prdtable3 */ .prdtable3 {width:1200px; margin:0 auto; text-align:center;} .prdtable3 td {padding:15px 0 45px 0; vertical-align:top;} .prdtable3 td.empty {height:500px; vertical-align:middle;} /* product_normal.php */ .prdlist {position:relative; vertical-align:top;} .prdlist dl {width:356px; margin:0 auto; text-align:center;} .prdlist dl dt {clear:both; padding:10px 0 10px 0;} .prdlist dl dt p {width:321px; padding:24px 0 0 0; margin:0 auto; border-top:1px solid #000; text-align:left;} .prdlist dl dt a {color:#010101; font-size:18px; font-weight: bold;} .prdlist dl dd.prd_count {padding-top:10px; text-align:left;} .prdlist dl dd.prd_count div {width:321px; margin:0 auto;} .prdlist dl dd.prd_count div span {padding:2px 23px 2px 25px; color:#808080; font-weight:bold; font-family:'Nanum Gothic';} .prdlist dl dd.prd_count div .prd_review_count {background:url('/image/icon/icon_review.gif') no-repeat left 3px;} .prdlist dl dd.prd_count div .prd_qna_count {background:url('/image/icon/icon_qna.gif') no-repeat left 1px;} .prdlist dl dd {clear:both;} .prdlist dl dd p {width:321px; text-align:left; color:#000; } .prdlist dl dd.prd_img {position:relative; width:356px;} .prdlist dl dd.prd_img .img img {width:356px; border:1px solid #e2e2e2;} .prdlist dl:hover dd.prd_img .img img {border:1px solid #e98489;} .prdlist dl dd.content1 {padding-bottom:10px;} .prdlist dl dd.content1 p {width:321px; margin:0 auto; height:20px;} .prdlist dl dd.content1 p a {font-size:12px; color:#777; line-height:20px;} .prdlist dl dd.price p {width:321px; margin:0 auto;} .prdlist dl dd.price .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist dl dd.price .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist dl dd.price2 p {width:321px; margin:0 auto; font-size:21px; color:#000; font-weight:bold;} .prdlist dl dd.s_price2 p {width:321px; margin:0 auto; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist dl dd.s_price2 .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist dl dd.s_price2 .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist .list_view {position:absolute; bottom:10px; right:5px; z-index:50;} .prdlist .list_view a {display:inline-block; padding:15px; background:#fff url('/image/icon/icon_prd_view.gif') no-repeat center; color:#fff; font-size:0;} .prdlist .icon_list {position:absolute; top:6px; left:6px; text-align:left;} /* product_main.php */ .prdlist_main {position:relative; vertical-align:top;} .prdlist_main dl {width:284px; margin:0 auto; text-align:center;} .prdlist_main dl dt {clear:both; padding:10px 0 10px 0;} .prdlist_main dl dt p {width:284px; padding:24px 0 0 0; margin:0 auto; border-top:1px solid #000; text-align:left;} .prdlist_main dl dt a {color:#010101; font-size:18px; font-weight: bold;} .prdlist_main dl dd.prd_count {padding-top:10px; text-align:left;} .prdlist_main dl dd.prd_count div {width:284px; margin:0 auto;} .prdlist_main dl dd.prd_count div span {padding:2px 23px 2px 25px; color:#808080; font-weight:bold; font-family:'Nanum Gothic';} .prdlist_main dl dd.prd_count div .prd_review_count {background:url('/image/icon/icon_review.gif') no-repeat left 3px;} .prdlist_main dl dd.prd_count div .prd_qna_count {background:url('/image/icon/icon_qna.gif') no-repeat left 1px;} .prdlist_main dl dd {clear:both;} .prdlist_main dl dd p {width:284px; text-align:left; color:#000; } .prdlist_main dl dd.prd_img {position:relative; width:284px;} .prdlist_main dl dd.prd_img .img img {width:284px; border:1px solid #e2e2e2;} .prdlist_main dl:hover dd.prd_img .img img {border:1px solid #e98489;} .prdlist_main dl dd.content1 {padding-bottom:10px;} .prdlist_main dl dd.content1 p {width:284px; margin:0 auto; height:20px;} .prdlist_main dl dd.content1 p a {font-size:12px; color:#777; line-height:20px;} .prdlist_main dl dd.price p {width:284px; margin:0 auto;} .prdlist_main dl dd.price .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_main dl dd.price .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist_main dl dd.price2 p {width:284px; margin:0 auto; font-size:21px; color:#000; font-weight:bold;} .prdlist_main dl dd.s_price2 .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_main dl dd.s_price2 .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist_main .list_view {position:absolute; bottom:10px; right:5px; z-index:50;} .prdlist_main .list_view a {display:inline-block; padding:15px; background:#fff url('/image/icon/icon_prd_view.gif') no-repeat center; color:#fff; font-size:0;} .prdlist_main .icon_list {position:absolute; top:6px; left:6px; text-align:left;} /* product_md.php */ .prdlist_md {position:relative;} .prdlist_md .prdlist_left {float:left; padding-left:22px;} .prdlist_md .prdlist_left dl {width:294px;} .prdlist_md .prdlist_left dl dt {clear:both; padding:10px 0 10px 0;} .prdlist_md .prdlist_left dl dt p { padding:14px 0 0 0; margin:0 auto; text-align:left;} .prdlist_md .prdlist_left dl dt a {color:#010101; font-size:24px; font-weight: bold;} .prdlist_md .prdlist_left dl dd {clear:both;} .prdlist_md .prdlist_left dl dd p {text-align:left; color:#777;} .prdlist_md .prdlist_left dl dd.content1 {padding:10px 0;} .prdlist_md .prdlist_left dl dd.content1 a {font-size:14px; color:#777;} .prdlist_md .prdlist_left dl dd.price .nprice {font-size:15px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_md .prdlist_left dl dd.price .sprice {padding-left:10px; font-size:26px; color:#ff1e1d; font-weight:bold;} .prdlist_md .prdlist_left dl dd.price2 {padding-left:10px; font-size:26px; color:#ff1e1d; font-weight:bold;} .prdlist_md .prdlist_left dl dd.prd_btn {padding:40px 0; text-align:left;} .prdlist_md .prdlist_right {float:left; padding-left:} .prdlist_md .prdlist_right .prd_img {position:relative; width:284px;} .prdlist_md .prdlist_right .prd_img .img img {width:284px; border:1px solid #e2e2e2;} .prdlist_md .prdlist_right .prd_img .img img:hover {border:1px solid #e98489;} .prdlist_md .prdlist_right .list_view {position:absolute; bottom:10px; right:5px; z-index:50;} .prdlist_md .prdlist_right .list_view a {display:inline-block; padding:15px; background:#fff url('/image/icon/icon_prd_view.gif') no-repeat center; color:#fff; font-size:0;} .prdlist_md .prdlist_right .icon_list {position:absolute; top:6px; left:6px; text-align:left;} /* product_subbest.php */ .prdlist_subbest {position:relative; height:450px;} .prdlist_subbest .prdlist_left {float:left; padding-left:142px;} .prdlist_subbest .prdlist_left dl {width:508px;} .prdlist_subbest .prdlist_left dl dt {clear:both; padding:10px 0 10px 0;} .prdlist_subbest .prdlist_left dl dt p { padding:24px 0 0 0; margin:0 auto; text-align:left;} .prdlist_subbest .prdlist_left dl dt a {color:#010101; font-size:50px; font-weight: bold;} .prdlist_subbest .prdlist_left dl dd {clear:both;} .prdlist_subbest .prdlist_left dl dd p {text-align:left; color:#000;} .prdlist_subbest .prdlist_left dl dd.tit_best {width:120px; font-size:20px; border-bottom:3px solid #000; } .prdlist_subbest .prdlist_left dl dd.tit_best span {font-weight:bold;} .prdlist_subbest .prdlist_left dl dd.content1 {padding:20px 0; border-top:1px solid #e5e5e5} .prdlist_subbest .prdlist_left dl dd.content1 a {font-size:16px; color:#000;} .prdlist_subbest .prdlist_left dl dd.price .nprice {font-size:15px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_subbest .prdlist_left dl dd.price .sprice {padding-left:10px; font-size:26px; color:#ff1e1d; font-weight:bold;} .prdlist_subbest .prdlist_left dl dd.price2 p{padding-left:0px; font-size:26px; color:#000; font-weight:bold;} .prdlist_subbest .prdlist_left dl dd.s_price2 .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_subbest .prdlist_left dl dd.s_price2 .sprice {padding-left:10px; font-size:26px; color:#ff1e1d; font-weight:bold;} .prdlist_subbest .prdlist_left dl dd.prd_btn {padding:40px 0;} .prdlist_subbest .prdlist_right {float:right; padding-right:142px;} .prdlist_subbest .prdlist_right .prd_img {position:relative; width:356px;} .prdlist_subbest .prdlist_right .prd_img .img img {width:356px; border:1px solid #e2e2e2;} .prdlist_subbest .prdlist_right .prd_img .img img:hover {border:1px solid #e98489;} .prdlist_subbest .prdlist_right .list_view {position:absolute; bottom:10px; right:5px; z-index:50;} .prdlist_subbest .prdlist_right .list_view a {display:inline-block; padding:15px; background:#fff url('/image/icon/icon_prd_view.gif') no-repeat center; color:#fff; font-size:0;} .prdlist_subbest .prdlist_right .icon_list {position:absolute; top:6px; left:6px; text-align:left;} /* product_related.php */ .product_related {vertical-align:top;} .product_related dl {width:400px; margin:0 auto; text-align:center;} .product_related dl dt {clear:both; padding:10px 0 6px 0; text-align:center;} .product_related dl dt p {width:400px; text-align:center;} .product_related dl dt a {color:#635957; font-size:16px; font-weight: bold;} .product_related dl dd {clear:both; } .product_related dl dd p {width:400px; text-align:center; color:#635957;} .product_related dl dd.prd_img {position:relative; width:400px; height:400px;} .product_related dl dd.prd_img .img img {width:245px; height:245px; } .product_related dl dd.content1 {padding-bottom:20px;} .product_related dl dd.content1 a {font-size:16px; color:#000;} .product_related dl dd.price .nprice {font-size:15px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .product_related dl dd.price .sprice {padding-left:10px; font-size:26px; color:#ff1e1d; font-weight:bold;} .product_related dl dd.content1 {display:none; padding:10px 0; color:#7e7e7e; line-height:18px;} .product_related dl dd.icon_list {display:none; padding:10px 0;} .product_related dl dd.add {padding-top:10px; color:#7e7e7e;} .product_related dl dd.add input {vertical-align:middle;} .product_related dl dd.option {padding-top:10px;} .product_related dl dd.option select {} .product_related dl dd.option table { margin: 0 auto;} .product_related dl dd.option table th {padding:2px 5px 2px 0; color:#7e7e7e;} .product_related dl dd.option table td {padding:2px 0;} /*디테일페이지 추가상품 */ .addstyle {clear:both; width:100%; margin-top:10px;} .addstyle caption {display:none;} .addstyle th {padding:10px 5px 5px 0px; font-size:13px; border-top:1px solid #ddd; text-align:left; font-weight:normal; color:#777;} .addstyle td {padding:10px 0px 5px 0px; font-size:13px; border-top:1px solid #ddd; vertical-align:middle; color:#777;} .addstyle td.t_price {font-size:22px; color:#f65e7a; font-weight:bold;} /* zoom.php */ #zoom {width:735px; height:580px; padding:10px; border:5px solid #eee; text-align:left; background:#fff;} #zoom .name {padding-bottom:10px; font-size:1.2em; font-weight:bold;} #zoom .img {width:550px; height:500px; border:5px solid #EFEFEF; text-align:center; vertical-align:middle;} #zoom ul {position:absolute; right:40px; top:40px;} #zoom li {margin:5px; border:3px solid #EFEFEF;} #zoom .close {margin:15px 0 0 0; text-align:center;} /* search.php */ #search .search_box {padding:80px 0 50px 0; text-align:center;} #search .search_box span {color:#222; line-height:18px;} #search .search_box .input {width:255px;height: 40px;padding-left:10px;box-sizing:border-box;font-size:14px; vertical-align:middle; border:2px solid #ddd;border-right:0;} #search .search_box .search2 {padding-top:15px;width:295px;margin:0 auto;text-align: left;} #search .search_box .search2 span{font-family: 'dotum';padding-left: 8px;} #search .search_box .search2 input {vertical-align:middle;} #search .searchmsg {font-size:24px; color:#222; text-align:center;margin-bottom: 15px;} #search .searchmsg span {color:#222; font-weight:bold;} #search .searchnum{font-size: 18px;color:#aaa;margin-bottom: 30px;} #search .n_price {text-decoration:line-through;} #search .s_price {font-weight:bold;} #search table td.left a {font-size:14px; font-weight:bold;} #search table td.left .content1 {padding-top:10px;} #search .search_box .search_white{ -webkit-appearance: none;background: none;font-size: 0;appearance: none;cursor: pointer;width: 40px;height: 40px;background: url(/image/icon/header_search.png)no-repeat 50% 50%;background-size: 19px 19px;border: 2px solid #ddd;border-left: 0;} /* click_prd.php */ .prdlist_click_prd {width:100%; padding:30px 0; position:relative; vertical-align:top; font-size:0;} .prdlist_click_prd li {display:inline-block; width:25%; padding:40px 0; vertical-align:top;} .prdlist_click_prd dl {width:284px; margin:0 auto; text-align:center;} .prdlist_click_prd dl dt {clear:both; padding:10px 0 10px 0;} .prdlist_click_prd dl dt p {width:284px; padding:24px 0 0 0; margin:0 auto; border-top:1px solid #000; text-align:left;} .prdlist_click_prd dl dt a {color:#010101; font-size:18px; font-weight: bold;} .prdlist_click_prd dl dd.prd_count {padding-top:10px; text-align:left;} .prdlist_click_prd dl dd.prd_count div {width:284px; margin:0 auto;} .prdlist_click_prd dl dd.prd_count div span {padding:2px 23px 2px 25px; color:#808080; font-weight:bold; font-family:'Nanum Gothic';} .prdlist_click_prd dl dd.prd_count div .prd_review_count {background:url('/image/icon/icon_review.gif') no-repeat left 3px;} .prdlist_click_prd dl dd.prd_count div .prd_qna_count {background:url('/image/icon/icon_qna.gif') no-repeat left 1px;} .prdlist_click_prd dl dd {clear:both;} .prdlist_click_prd dl dd p {width:284px; text-align:left; color:#000; } .prdlist_click_prd dl dd.prd_img {position:relative; width:284px;} .prdlist_click_prd dl dd.prd_img .img img {width:284px; border:1px solid #e2e2e2;} .prdlist_click_prd dl:hover dd.prd_img .img img {border:1px solid #e98489;} .prdlist_click_prd dl dd.content1 {padding-bottom:10px;} .prdlist_click_prd dl dd.content1 p {width:284px; margin:0 auto; height:20px;} .prdlist_click_prd dl dd.content1 p a {font-size:12px; color:#777; line-height:20px;} .prdlist_click_prd dl dd.price p {width:284px; margin:0 auto;} .prdlist_click_prd dl dd.price .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_click_prd dl dd.price .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist_click_prd dl dd.price2 p {width:284px; margin:0 auto; font-size:21px; color:#000; font-weight:bold;} .prdlist_click_prd dl dd.s_price2 .nprice {font-size:16px; color:#9d9d9d; font-weight:bold; text-decoration:line-through;} .prdlist_click_prd dl dd.s_price2 .sprice {padding-left:10px; font-size:21px; color:#ff1e1d; font-weight:bold;} .prdlist_click_prd .list_view {position:absolute; bottom:10px; right:5px; z-index:50;} .prdlist_click_prd .list_view a {display:inline-block; padding:15px; background:#fff url('/image/icon/icon_prd_view.gif') no-repeat center; color:#fff; font-size:0;} .prdlist_click_prd .icon_list {position:absolute; top:6px; left:6px; text-align:left;} /*/////////////////////////////////////////////////////////////////////////////////// // // 파일 업로드 관련 // ///////////////////////////////////////////////////////////////////////////////////*/ .progressWrapper {width: 357px;overflow: hidden;} .progressContainer {margin: 5px;padding: 4px;border: solid 1px #E8E8E8;background-color: #F7F7F7;overflow: hidden;} /* Message */ .message {margin: 1em 0;padding: 10px 20px;border: solid 1px #FFDD99;background-color: #FFFFCC;overflow: hidden;} /* Error */ .red {border: solid 1px #B50000;background-color: #FFEBEB;} /* Current */ .green {border: solid 1px #DDF0DD;background-color: #EBFFEB;} /* Complete */ .blue {border: solid 1px #CEE2F2;background-color: #F0F5FF;} .progressName {font-size: 8pt;font-weight: 700;color: #555;width: 323px;height: 14px;text-align: left;white-space: nowrap;overflow: hidden;} .progressBarInProgress, .progressBarComplete, .progressBarError {font-size: 0;width: 0%;height: 2px;background-color: blue;margin-top: 2px;} .progressBarComplete {width: 100%;background-color: green;visibility: hidden;} .progressBarError {width: 100%;background-color: red;visibility: hidden;} .progressBarStatus {margin-top: 2px;width: 337px;font-size: 7pt;font-family: Arial;text-align: left;white-space: nowrap;} a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image: url(/_engine/SmartEditor/img/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right;} a.progressCancel:hover {background-position: 0px 0px;} /* -- SWFUpload Object Styles ------------------------------- */ .swfupload {vertical-align: top;} /*/////////////////////////////////////////////////////////////////////////////////// // // 추가페이지 // ///////////////////////////////////////////////////////////////////////////////////*/ /* 멤버쉽 */ #membership .page-tit{display: none;} #membership h2.category-tit{margin: 0 0 30px;text-align: center;font-size: 18px;color:#222;} #membership .table_box{margin-bottom: 50px;} #membership .member_txt {padding:17px 0 2px 20px; color:#777; background:url('/image/icon/icon_ex.gif') no-repeat left 19px;} #membership .table_box .table_style_garo1 td {padding:20px 0;} #membership .table_box .table_style_garo1 td.left {text-align:left;} #membership .table_box .table_style_garo1 td p {padding:2px 0 2px 29px;} #membership .table_box .table_style_garo1 td p.icon0 { background:url('/image/icon/icon_member0.gif') no-repeat 20px 9px;} #membership .table_box .table_style_garo1 td .newuser {padding-top:2px;} #membership .table_box .table_style_garo1 td .newuser li {padding:1px 0 1px 30px; color:#888;} #membership .m_note {overflow:hidden;font-family: 'dotum', sans-serif;} #membership .m_note h3 {padding-left:15px;font-size: 12px;color:#aaa;padding-bottom: 13px;} #membership .m_note ul li {padding:0 0 13px 10px; font-size:12px; color:#aaa; line-height:1.5;} /* 이용안내 */ #guide h3 {padding: 30px 0 15px 0; font-size:16px; color:#333;} #guide .table_box .table_style_garo td {padding:20px 0;} #guide .table_box .table_style_garo td.left {text-align:left;} #guide .table_box .table_style_garo td p {padding:2px 0 2px 29px;} #guide ul li {padding:4px 0 4px 15px; font-size:14px; background:url('/image/icon/icon_member0.gif') no-repeat 0 12px; color:#555;} #guide ul li ul {overflow:hidden;} #guide ul li ul li {float:left; padding:4px 10px 0 0; font-size:12px; background:none; color:#b68957;} #guide ul li.li_style0 {padding:0 0 10px 15px; font-size:12px; color:#777; background:none;} #guide ul li.li_style1 {padding:0 0 32px 15px; font-size:12px; color:#b68957; background:none;} /* 에러페이지 404 */ #error h1{padding:76px 0 55px;} #error {width: 900px;margin: auto;text-align: center;} #error .bg_box{background: #fff;border:2px solid #ddd} #error .big_txt{font-size:30px;font-weight: bold;padding-bottom: 43px;padding-top: 196px;background: url('/image/error/icon_error_ex.png') no-repeat;background-position: top 52px center;} #error .big_txt img{margin:52px 0 44px;vertical-align: top;} #error .small_txt p{font-size: 16px;color: #aaa;line-height: 24px;} #error .small_txt p:last-child{padding-top: 32px;} #error .small_txt a{color: #222;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: bold;} #error .btn_wrap_base{padding:50px 0;} /* 고객센터 상담신청*/ #cscenter .cscenter_box {overflow:hidden;position: relative;} #as_form .counsel_form h2{padding:50px 0 20px 0;} #as_form .counsel_form .form_table{border-top:1px solid #ddd;margin-bottom: 50px;} #as_form .counsel_form .form_table li{border-bottom:1px solid #ddd;padding:12px 0;} #as_form .counsel_form .form_table li label{font-size: 16px;color:#222;padding-left: 10px;width:180px;display: inline-block;box-sizing:border-box;vertical-align: middle;} #as_form .counsel_form .form_table .ph{width:75px;height: 35px;margin: 0 7px;} #as_form .counsel_form .form_table .ph01{margin-left: 15px;} #as_form .counsel_form .form_table li input{width: 180px;height: 35px;border:1px solid #ddd;vertical-align: middle;margin:0 15px;box-sizing:border-box;padding-left: 9px;} #as_form .counsel_form .form_table li select{width:180px;height: 35px;vertical-align: middle;border:1px solid #ddd;background: url('/image/icon/board_select.png')no-repeat 88% 50%;background-size: 10px 6px;appearance: none; -webkit-appearance: none;padding-left: 10px;margin-left: 15px;} #as_form .counsel_form .form_table li textarea{vertical-align:middle;width:890px;min-height: 175px;margin-left: 15px;border:1px solid #ddd;box-sizing:border-box;padding: 10px;} #as_form .counsel_form .form_table .form_con label{vertical-align:top;padding-top: 7px;} #as_form .counsel_form .as_btn{text-align: center;} #as_form .counsel_form li input[type=text]:active, #as_form .counsel_form li input[type=text]:focus{border:2px solid #d9045d;padding-left: 8px;} #as_form .counsel_form li select:focus, #as_form .counsel_form li.cate select:active{border:2px solid #d9045d;} #as_form .counsel_form li textarea:focus, #as_form .counsel_form li textarea:active{border:2px solid #d9045d;padding: 9px;} #as_form .counsel_form .star{padding-right: 9px;} /* 브랜드 */ #brand p {padding:20px 0; text-align:center;} /* 리스트 레이어팝업 */ #layer_pop {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1400;} #layer_pop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} #layer_pop .pop_layer {display:block;} .pop_layer {display:none; position: absolute; top:40%; left:50%; width:1200px; min-height:506px; height:auto !important; height:406px; padding:26px; background:#fff; z-index: 10;} #layer_pop #product_view {width:100%;} #layer_pop #product_view .list_view {padding-bottom:10px; font-size:16px; color:#635957; border-bottom:1px solid #000; } #layer_pop #product_view .list_view_close {position:absolute; top:20px; right:25px;} #layer_pop #product_view .list_view_close .abtn3 {font-size:12px; padding:5px;} #layer_pop #product_view .view_top {margin:0 auto; padding-top:30px;} /* 추가이미지 */ /* 우측 상품정보 */ /* 상품상세 배송교환환불 */ .d_guide h3 {padding:20px 0;font-size:18px; color:#725d59;} .d_guide p {font-size:14px; padding:4px 0; text-align:left; color:#989898;} .d_guide p span {color:#fd929d; font-size:16px;} /* 관리자 템플릿1 테이블 */ .prd_view_info {padding:60px;} .prd_view_info .prd_view_table {width:100%; border:1px solid #e7e7e7; border-bottom:none;} .prd_view_info .prd_view_table th {padding:10px 20px 10px 20px; font-size:13px; background:#f9f9f9; border:1px solid #e7e7e7; text-align:left;} .prd_view_info .prd_view_table td {padding:10px 20px; border-bottom:1px solid #e7e7e7; font-size:13px; line-height:1.8;} /* 상세페이지 테이블 */ .prd_view_info2 {width:100%;} .prd_view_info2 h3 {padding:40px 0 24px 0; font-size:20px; color:#000; border-bottom:1px solid #000;} .prd_view_info2 .prd_view_table2 {width:100%; border:1px solid #e7e7e7; border-bottom:none;} .prd_view_info2 .prd_view_table2 th {padding:10px 20px 10px 40px; font-size:13px; background:#f6f7fa; border:1px solid #e7e7e7; text-align:left;} .prd_view_info2 .prd_view_table2 td {padding:10px 20px; border-bottom:1px solid #e7e7e7; font-size:13px; line-height:1.8;} /* 이메일 수정페이지@_mail_modify*/ #mail_modify {padding: 20px;} #mail_modify caption{visibility: hidden;text-indent: -9999px;} #mail_modify .table_style_sero1 th {padding:19px 14px 19px 26px; border-top:1px solid #dfdfdf; color:#040404; font-size:14px; text-align:left;background: #fff;font-weight:normal} #mail_modify .table_style_sero1 th label {color:#040404; font-size:14px;font-weight:normal} #mail_modify .table_style_sero1 td {padding:9px 0 9px 43px; border-top:1px solid #dfdfdf; text-align:left; font-size:14px; color:#555; vertical-align:middle;} #mail_modify .table_style_sero1 td input {border:1px solid #dfdfdf; vertical-align:middle; height:22px; font-size: 12px;font-family: 'dotum', sans-serif;} #mail_modify .table_style_sero1 input[type=text]{height: 35px;padding:0 10px;box-sizing:border-box;vertical-align: middle;} #mail_modify .table_style_sero1 input[type=text]:focus{border:2px solid #d9045d;padding: 0 9px;} #mail_modify .table_style_sero1 a{vertical-align: middle;} /*******base_table_01*******/ .base_table_01{width: 100%;} .base_table_01 caption{position: absolute;top: -9999px;left: -9999px;} .base_table_01 th{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 16px 0;background: #f7f7f7;font-size: 16px;font-weight: normal;} .base_table_01 td{border-bottom: 1px solid #ddd;text-align: center;font-size: 16px;padding: 15px 0;} .base_table_01 td.left{text-align:left;padding-left: 25px;} .base_table_01 td.left p{display:inline-block;} .base_table_01 td a{font-size: 16px;padding-left: 5px;} .base_table_01 td .comm_txt01{padding-left: 5px;} .base_table_01 td.name img{vertical-align:middle;} .base_table_01 .img img{width:100px !important;height: 100px !important;} /*******subscrip*************/ .cart_wrap{overflow:hidden;} .cart_wrap a{float:left;color: #aaa;font-size: 24px;font-weight: bold;margin-right: 10px;font-weight: normal;} .cart_wrap a:hover{color: #222;} .cart_wrap a.on{color:#222;border-bottom: 1px solid #222;padding: 0px 10px 6px;font-weight: bold;} /**************board_write****************/ #board_write {width:100%;} #board_write .board_write_table{padding:50px 0 20px 0;} #board_write .filebox{height: 147px;position: relative;} #board_write .filebox .file #upfile_list {width:890px;border:1px solid #ddd;margin-left: 15px;box-sizing:border-box;min-height: 100px;} #board_write .filebox .file label{line-height: 59px;} #board_write .filebox .btn_file{position: absolute;top: 111px;left: 198px;} #board_write .filebox .btn_file li{border:none;float:left;margin-right: 10px;} #board_write .filebox .btn_file li:last-child{padding-top: 10px;font-size: 12px;color:#aaa;font-family: "dotum", sans-serif;margin:13px 0;} #board_write .filebox .btn_file li:nth-child(2) button{background: #fff;border-color:#333649;color:#333649;} #board_write .content .mce-panel{border:1px solid #9d9d9d;} #board_write .write_btn{text-align: center;margin-top: 50px;} #board_write .write_btn input[type=submit]{-webkit-appearance: none;-webkit-border-radius: 0;-webkit-appearance: none;cursor:pointer;border:none;} #board_write .write_btn input{display: inline-block;margin-right: 10px;} #board_write .write_btn a{display: inline-block;} #board_write .secret{font-family: "dotum",sans-serif;} #board_write .star{padding-right:9px;} .board_write_table li{border-bottom:1px solid #ddd;padding:12px 0;} .board_write_table li label{font-size: 16px;color:#222;padding-left: 10px;width: 180px;display: inline-block;box-sizing:border-box;} .board_write_table li:first-child{border-top:1px solid #ddd;} .board_write_table li input {-webkit-border-radius: 0;margin-left: 15px;} .board_write_table li input[type=text]{width:180px;height: 35px;border:1px solid #ddd;box-sizing:border-box;vertical-align:middle;padding-left: 9px;} .board_write_table li input.title{width:750px;} .board_write_table li input[type=checkbox], .board_write_table li input[type=radio]{vertical-align:middle;margin-right: 5px;width:12px;height: 12px;} .board_write_table li input[type=text]:active,.board_write_table li input[type=text]:focus{border:2px solid #d9045d;padding-left: 8px;} .board_write_table li.score .last{margin-right: 30px;} .board_write_table li.cate select{width:180px;height: 35px;appearance: none; -webkit-appearance: none;vertical-align:middle;background: url('/image/icon/board_select.png')no-repeat 92% 50%;background-size: 10px 6px;border-color:#ddd;margin-left: 15px;padding-left:10px;} .board_write_table li.cate select:focus, .board_write_table li.cate select:active{border:2px solid #d9045d;} .board_write_table .cate_img input[type=file]{padding:8px 0;-webkit-appearance: none;-webkit-border-radius: 0;border:none;font-family: 'dotum';} .content textarea{width:100%;height: 500px;} #contactForm .contact_form .form_box01 input /*main_head*/ .main_header_inner {overflow: hidden;padding: 34px 0 30px;} .main_header_inner li {float: left;color: #9f9f9f;font-size: 12px;} .main_header_inner li span img{width:3px;height: 6px;} .main_header_inner li span{padding:0 10px;} .main_header{padding-top: 127px;} .main_header .head_h2{font-size: 42px;line-height: 72px;color:#1b1b1b;font-weight: 300;} .main_header h2 span{display: block;} /*madin_head tab*/ .tab_box{margin-left: 62px;padding:55px 0 96px;} .tab_box ul{overflow: hidden;padding-bottom: 10px;} .tab_box li{float: left;padding-right:27px;} .tab_box li a{font-size: 20px;color:#333;line-height: 36px;} .tab_box li.active a{color:#d9045d !important;border-bottom:2px solid #d9045d;padding-bottom:5px;} /*product_head*/ .product_header_inner{margin:44px 0 20px;border-bottom:3px solid #222;padding-bottom:17px;overflow:hidden;} .product_header_inner h2{float: left;font-size: 24px;font-weight: bold !important;} .product_header_inner ul{float: right;padding-top: 10px;} .product_header_inner li{font-size: 12px;color:#9f9f9f;} .product_header_inner li span.icon img{width:3px;height: 4px;} .product_header_inner li span.icon{padding: 0 10px;} .product_header_inner li span.p_c:last-child{color:#d9045d;} /*product_view_head*/ .product_head_view{margin:44px 0 74px;} .product_head_view li{font-size: 12px;color:#9f9f9f;} .product_head_view li span.icon img{width:3px;height: 4px;} .product_head_view li span.icon{padding: 0 10px;} .product_head_view li span.p_c:last-child{color:#d9045d;} /*상품후기 갯수*/ .review_cnt{display: inline-block;color:#858585;font-size: 16px;text-align: center;margin-left:6px;} /*sub*/ .sub_item{border:0;} .sub_item .item-name{text-align: center;} .sub_item .item-name a{color:#222;font-size: 14px;font-weight: 400;} .item-box ul{overflow: hidden;width:960px;margin:0 auto;} .item-box li{float:left;width:33.33%;text-align: center;} .item-box li:nth-child(3n){margin-right: 0;} .list-pro{width:245px;} .list-pro .prd-img{width: 245px;height: 245px;} /*about - company.php*/ #company .head_box_wrap{background: #d9045d;height: 280px;text-align: center;margin-bottom: 80px;} #company .head_box_wrap h2{font-size: 42px;line-height: 32px;color:#fff;padding:86px 0 20px;font-weight: 300;} #company .head_box_wrap h2 span{padding-left: 10px;} #company .head_box_wrap .sub_h2{font-size: 20px;line-height: 32px;color:#fff;font-weight: 400;} #company .img_wrap{text-align: center;padding:30px 0 0;} #company .about_wrap01{width:1100px;margin:0 auto;} #company .about_wrap01 .intro{border-bottom: 1px solid #ededed;overflow:hidden;} #company .about_wrap01 .intro img{width:348px;height: 100%;} #company .about_wrap01 .intro:first-child{margin-bottom: 100px;} #company .about_wrap01 .intro:last-child{border-bottom: 0;} #company .about_wrap01 .intro:last-child .f_l{margin-top: 37px;} #company .about_wrap01 .intro .txt{margin-top: 62px;display: inline-block;} #company .about_wrap01 .intro .txt .des01{color:#d9045d;font-weight: bold;font-size: 14px;display: inline-block;} #company .about_wrap01 .intro .txt .des01 span{margin:0 8px;width:1px;height: 10px;display: inline-block;background: #d9045d;} #company .about_wrap01 .intro .txt h2{color:#1b1b1b;font-size: 26px;font-weight: bold;padding:8px 0 32px;line-height: 38px;} #company .about_wrap01 .intro .txt .des02{width:680px;display: inline-block;font-size: 15px;color:#3e4043;line-height: 30px;font-weight: 400;word-break: keep-all;} #company .about_wrap02{clear:both;background: #f6f6f6;width:100%;text-align: center;margin-bottom: 148px;} #company .about_wrap02 h2{padding-top: 110px;} #company .about_wrap02 h2 img{width:239px;height: 100%;} #company .about_wrap02 span{font-size: 32px;color:#1b1b1b;font-weight: 400;padding:18px 0 37px;display: inline-block;} #company .about_wrap02 p{margin:0 auto;font-size: 18px;color:#3e4043;font-weight: 400;padding-bottom:109px;line-height: 30px;} #company .about_wrap03{width:1100px;margin:0 auto;text-align: center;margin-bottom: 91px;} #company .about_wrap03 h2 img{width:254px;height: 100%;} #company .about_wrap03 p{margin:0 auto;padding:68px 0 117px;font-size: 18px;color:#3e4043;font-weight: 400;line-height: 30px;} #company .about_wrap03 .history_box{position: relative;width:650px;margin:0 auto;overflow:hidden;} #company .about_wrap03 .history_box ul{overflow:hidden;} #company .about_wrap03 .history_box li{position: relative;overflow: hidden;} #company .about_wrap03 .history_box li:first-child .box01{padding-top:30px;} #company .about_wrap03 .history_box .year_txt{font-size: 16px;color:#d9045d;font-weight: bold;float: left;position: absolute;bottom:0;left:0;} #company .about_wrap03 .history_box .box01{width:84%;float: left;text-align: left;border-left:1px solid #d9045d;margin-left: 100px;padding-top: 62px;position: relative;} #company .about_wrap03 .history_box .box01:before{content: '';position: absolute;width: 10px;height: 10px;background: #d9045d;border-radius: 10px;bottom: 0;left: -5.5px;} #company .about_wrap03 .history_box .box01 li{color:#474c54;font-size: 16px;font-weight: 400;padding:10px 0 0 33px;} #company .about_wrap04{text-align: center;padding-bottom: 162px;width: 1165px;margin:0 auto;} #company .about_wrap04 img{width:100%;height: 100%;} .mkit_wrap{text-align: center;background: #f6f6f6;padding:124px 0;} .mkit_wrap span{font-size: 34px;color:#333;font-weight: 200;line-height: 64px;display: block;text-align: center;padding-bottom: 38px;} .mkit_wrap .download{border:1px solid #333649;height: 80px;width:220px;background: none;color:#333;font-size: 26px;font-weight: 400;line-height: 80px;box-sizing:border-box;display: inline-block;} .mkit_wrap .download:hover, .mkit_wrap .download:active{background: #333649;color:#fff;} /*문의*/ #contactForm .contact_form{clear:both;margin-bottom: 102px;} #contactForm .contact_form .form_box01{clear:both;width:614px;margin:0 auto 41px;} #contactForm .contact_form .form_box01 .form_info{font-size: 14px;color:#8d8d8d;font-weight: 400;padding-bottom: 12px;display: inline-block;} #contactForm .contact_form .form_box01 li{margin-bottom: 18px;position: relative;} #contactForm .contact_form .form_box01 label{position: absolute;top:-99999px;left:-99999px;} #contactForm .contact_form .form_box01 input{width:100%;height: 48px;border:1px solid #8d8d8d;padding-left: 10px;box-sizing:border-box;font-size: 16px;font-weight: 400;color:#8d8d8d;} #contactForm .contact_form .form_box01 textarea{width:100%;height: 230px;border:1px solid #8d8d8d;padding: 10px;box-sizing:border-box;font-size: 16px;font-weight: 400;color:#8d8d8d;} #contactForm .contact_form .form_box01 input::-webkit-input-placeholder, #contactForm .contact_form .form_box01 input:-ms-input-placeholder{color:#8d8d8d;} #contactForm .contact_form .form_box01 textarea::-webkit-input-placeholder, #contactForm .contact_form .form_box01 textarea:-ms-input-placeholder{color: #8d8d8d;} #contactForm .contact_form .form_box02{width:614px;margin:0 auto 96px;} #contactForm .contact_form .form_box02 h3{font-size:16px;color:#343b44;font-weight: bold;padding-bottom: 12px;} #contactForm .contact_form .form_box02 .box_border{border:1px solid #8d8d8d;padding:14px 16px;height: 110px;line-height: 20px;margin-bottom: 12px;overflow-y: auto;} #contactForm .contact_form .form_box02 .box_border span{display: inline-block;padding-bottom: 22px;font-size: 14px;color:#606060;font-weight: 400;} #contactForm .contact_form .form_box02 .box_border li{font-size: 14px;color:#606060;line-height: 20px;font-weight: 400;} #contactForm .contact_form .form_box02 .label_wrap{text-align: right;} #contactForm .contact_form .as_btn{margin:0 auto;text-align: center;} #contactForm .label_wrap{position: relative;} #contactForm .label_wrap input{position: absolute;top:0;left:0;visibility: hidden;} #contactForm .label_wrap label{background: url('/image/icon/lululab/check_box.png') no-repeat left center;background-size:14px;padding-left:22px;cursor: pointer;font-size: 14px;color:#606060;font-weight: 400;} #contactForm .label_wrap label.on{background: url('/image/icon/lululab/check_box_on.jpg') no-repeat left center;background-size: 13px;} #contactForm input, #contactForm textarea {font-family: 'notosanskr';} /*header*/ #header .gnb-box{background: #f6f6f6;overflow: hidden;} #header .gnb-box .gnb-inner{width:1100px;margin:0 auto;} #header .gnb-box .gnb-inner li{float:left;height: 40px;} #header .gnb-box .gnb-inner li a{line-height: 40px;} #header .gnb-box .gnb-inner .gnb01 li{margin-right: 30px;} #header .gnb-box .gnb-inner .gnb01 li a{font-size: 14px;color:#333;font-weight: 400;} #header .gnb-box .gnb-inner .gnb02 li{margin-right: 16px;} #header .gnb-box .gnb-inner .gnb02 li:last-child{margin-right: 0;} #header .gnb-box .gnb-inner .gnb02 li a{font-size: 12px;color:#8d8d8d;font-weight: 400;} #header .logo-box .boxed{position:relative; width:1100px; margin:0 auto;} #header .logo-box .logo{text-align:left;padding: 38px 76px 42px 19px;display: inline-block;vertical-align:top} #header .logo-box .logo a {display:inline-block;} #header .logo-box .logo a img{width:185px;height: 38px;} #header .logo-box .search-box {display: inline-block;padding:36px 0;} #header .logo-box .search-box table {width:540px; height:48px; position: relative;} #header .logo-box .search-box table input {border:2px solid #d9045d;box-sizing:border-box;} #header .logo-box .search-box table input.search {width:100%;height: 48px;line-height: 48px;padding-left:24px;box-sizing:border-box;font-size: 16px;font-weight: 400;} #header .logo-box .search-box table input.search::placeholder, #header .logo-box .search-box table input.search:-ms-input-placeholder{color: #656565;font-size: 16px;font-weight: 400;} #header .logo-box .search-box table input.search_btn{position: absolute;top:6.5px;right:16px;border:none;} #header .logo-box .menu-side-box{display: inline-block;padding:25px 0 25px 38px;vertical-align: top;} #header .logo-box .menu-side-box li{float: left;margin-right: 12px;padding:4px 11px 8px;text-align: center;} #header .logo-box .menu-side-box li:last-child{margin-right: 0;} #header .logo-box .menu-side-box li a{font-size: 12px;color:#333;font-weight: 400;} #header .logo-box .menu-side-box li a img{display: block;padding-bottom: 3px;width:40px;height: 40px;margin:0 auto;} #header .header_bnr .header_bnr_wrap{position: absolute;top: 0;left: 0;width: 260px;height: 80px;overflow: hidden;} #header .header_bnr .header_bnr_wrap ul{position: relative;} #header .header_bnr .header_bnr_wrap li{} #header .header_bnr .header_bnr_wrap li img{width: 100%;} #header .lnb-box {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} #header .lnb-box .lnb{width:1200px; margin:0 auto; font-size:0; text-align:center;} #header .lnb-box .lnb li{width:12.5%; display:inline-block; background:url('/image/common/lnb_bg.jpg') no-repeat left; background-size:1px 15px;} #header .lnb-box .lnb li:first-child{background:none;} #header .lnb-box .lnb li a{font-size:14px; font-weight:bold; color:#878787; line-height:38px;} #header .lnb01 > li{float:left;margin-right:58px;} #header .lnb01 > li > ul > li{margin-bottom: 28px;} #header .lnb01 > li > ul > li > a{font-size: 16px;color:#333;font-weight: bold;width:130px;border-bottom:1px solid #333;padding-bottom:13px;display: inline-block;} #header .lnb01 .menu_dep2{padding-top: 10px;} #header .lnb01 .menu_dep2 li a{font-size: 14px;color:#595959;font-weight: 400;display: block;height: 35px;line-height: 35px;padding-left: 5px;} #header .lnb01 .menu_dep2 li a:hover{background: #d9045d;color:#fff;} /*header menu*/ .main_menu02 {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .main_menu02 .inner{width: 1100px;margin: auto;padding-left: 50px;position: relative;box-sizing:border-box;height: 51px;} .main_menu02 .inner .all_menu_btn{position: absolute;top: 0px;left: 0;width: 52px;height: 52px;} .main_menu02 .inner .all_menu_btn .inner_btn{text-indent: -9999px;display: block;width: 52px;height: 52px;background:url('/image/icon/lululab/menu.png') no-repeat;} .main_menu02 .inner .main_gnb{padding-left: 14px;} .main_menu02 .inner > ul > li{float: left;position: relative;line-height: 51px;padding: 0 25px;} .main_menu02 .inner > ul > li > a{font-size: 16px;color:#333;font-weight: bold;min-width: 60px;line-height: 50px;display: inline-block;text-align: center;vertical-align:middle;} .main_menu02 .inner > ul > li > ul{display: none;position: absolute;top:47px;left: 57%;box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.14);border: solid 1px #dedddd;background: #fff;width: auto;min-width: 132px;padding: 20px 10px;margin-left: -70px;box-sizing:border-box;z-index: 102;background: #fff;} .main_menu02 .inner > ul > li > ul:after, .main_menu02 .inner > ul > li > ul:before{content: '';display: block; position: absolute; left: 100%;width: 0; height: 0;border-style: solid;transform: rotate(270deg);} .main_menu02 .inner > ul > li > ul:after{top: -11px;left:57px;border-color: transparent transparent transparent #fff;border-width: 6px;} .main_menu02 .inner > ul > li > ul:before{top: -14px;left: 56px;border-color: transparent transparent transparent #dedddd;border-width: 7px;} .main_menu02 .inner > ul > li > ul.menu_dep2.avtive_m{display: block;} .main_menu02 .inner > ul > li > ul > li{position: relative;padding-bottom: 8px;} .main_menu02 .inner > ul > li > ul > li:last-child{padding-bottom: 0;} .main_menu02 .inner > ul > li > ul > li > a{display: block;height: 30px;line-height: 30px;padding:0 5px;font-size: 14px;color:#595959;font-weight: 400;} .main_menu02 .inner > ul > li > ul > li > a:hover{background:#333649;color: #fff;box-sizing:border-box;} .main_menu02 .inner > ul > li > ul > li > ul {display: none;position: absolute;top: -7px;right: -111%;border: 1px solid #ddd;width: auto;min-width: 140px;padding: 15px 10px;box-sizing:border-box;background: #fff;z-index: 103;} .main_menu02 .inner > ul > li > ul > li > ul.menu_dep3.avtive_m{display: block;} .main_menu02 .inner > ul > li > ul > li > ul > li > a{display: block;height: 30px;line-height: 30px;padding:0 5px;font-size: 12px;} .main_menu02 .inner > ul > li > ul > li > ul > li > a:hover{background: #bbb;color: #fff;} /*전체보기*/ .all_cate{position: absolute;top: 50px;left: 0;z-index: 101;border:2px solid #d9045d;width: 100%;background: #fff;padding:38px 50px;box-sizing:border-box;height: 410px;overflow-y:auto;display: none;} .all_cate.open_cate{display: block;} .all_cate h3{position: absolute;top: -9999px;left: -9999px;} .all_cate .lnb > li {float: left;width: 130px;margin-right: 20px;min-height: 210px;} .all_cate .lnb > li:nth-child(7){clear: both;} .all_cate .lnb > li > a{display: block;padding: 16px 0;font-size: 16px;color:#333;border-bottom: 1px solid #333;font-weight: bold;} .all_cate .lnb .menu_dep2{padding: 20px 0;} .all_cate .lnb .menu_dep2 > li {position: relative;margin-bottom: 16px;} .all_cate .lnb .menu_dep2 > li > a {display: block;font-size: 14px;color:#595959;font-weight: 400;} .all_cate .lnb .menu_dep2 > li > a > span{float: right;} .all_cate .lnb .menu_dep2 > li > a:hover{background: #bbb;color: #fff;box-sizing:border-box;} /*shop.php- main-visual*/ #main .main-visual img{width:100%;} #main .main-visual .swiper-pagination{position:relative; width:1100px; margin:0 auto;} #main .main-visual .swiper-pagination .swiper-pagination-bullet{width:25%; height:auto; border-radius:0; margin:0; font-size:14px; color:#888888; background:#f8f8f8; line-height:38px; border-right:1px solid #dfdfdf; box-sizing:border-box; opacity:1;} #main .main-visual .swiper-pagination .swiper-pagination-bullet:first-child {border-left:1px solid #dfdfdf;} #main .main-visual .swiper-pagination .swiper-pagination-bullet:hover {background:#fff;} #main .main-visual .swiper-pagination .swiper-pagination-bullet-active {background:#fff; color:#000; font-weight:bold;} #main .main-visual .swiper-pagination{bottom:0px;width: 132px;height: 42px;line-height: 42px;border-radius: 100px;color:#fff;background-color: rgba(0,0,0,0.3);} #main .main-visual .swiper-button-prev, #main .main-visual .swiper-container-rtl .swiper-button-next{background: url('/image/icon/m_b_prev.png')no-repeat; background-size: 8px 15px;width: 8px;height: 15px;left: 10%;} #main .main-visual .swiper-button-next, #main .main-visual .swiper-container-rtl .swiper-button-prev{background: url('/image/icon/m_b_next.png')no-repeat; background-size: 8px 15px;width: 8px;height: 15px;right: 10%;} #main .main-visual .swiper-button-prev, #main .main-visual .swiper-button-next{top:37px;} #main .main-visual .mv_button{position: relative;} #main .main-visual .mv_button .mv_button_wrap{position: absolute;top:-60px;left: 47%;} /*미디어키트 다운로드 게시판-mkit*/ .mkit_txt{padding-bottom: 60px;font-size:16px} .mkit_txt a{display: inline-block;color:#d9045d;font-size:16px}