/* BASIC css start */ #preview_wrap{display:none;} #scroll{display:none;height:0px; width:0px; overflow:hidden;z-index:99999;} /* @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: normal; src: local('Nanum Gothic'), local('Nanum Gothic'), local('NanumBarunGothic'); src: url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothic.eot); src: url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothic.woff) format('woff'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothic.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic B'; font-style: normal; font-weight: normal; src: url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothicBold.eot); src: local('Nanum Gothic Bold'), local('NanumBarunGothicBold'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothicBold.woff2) format('woff2'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothicBold.woff) format('woff'), url(http://looknme.godo.co.kr/shop/data/skin/mera_ws/font/NanumBarunGothicBold.ttf) format('truetype'); } */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*Nanum Gothic*/ /*Nanum Gothic*/ input{text-indent: 5px;} .clear_wrap:after,.clear_wrap:before{display: table; content:''; clear:both;} .mgl_43{margin-left:43px;} div,ul,li,p{list-style: none; padding:0px; margin:0px;} .pager_class{width: 100%; text-align:center; font-size: 0px; word-spacing: 0px; letter-spacing: 0px; margin-top:167px; margin-bottom:167px;} .pager_class a{display: inline-block; *display: inline; width:37px; height:37px; border:1px solid #000; margin-left:-1px; font-size:15px; font-family: 'Tahoma'; line-height: 37px; } .pager_class a.pactv{background: #000; color:#fff!important;} .btnz_a{display:inline-block; *display:inline; width:105px; height:33px; line-height: 33px; background: #000; color:#000; font-family: 'Nanum Gothic'; font-size:13px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btnz{display:inline-block; *display:inline; width:105px; height:33px; line-height: 33px; background: #fff; border:1px solid #adadad; color:#000; font-family: 'Nanum Gothic'; font-size:13px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hidden{visibility: hidden;} /** 상단 CSS **/ #header{position: relative; z-index: 50; width:100%!important;} .header_warp{position: relative; z-index:35;} .header_warp .header_cont{background:#000; width:100%; position: relative; } .cate_top_m{ max-width: 1400px; margin:0 auto; margin-top:4px;} .cate_top_m .cate_list{float:left;} .cate_top_m .cate_list .subcate{float:left; margin-right:48px; padding:25px 0px; position:relative; z-index:10;} .cate_top_m .cate_list .subcate > a{color:#ccc!important;} .cate_top_m .cate_list .subcate > a:hover{color:#ccc!important;} .cate_top_m .top_m{float:right;} .cate_top_m .top_m div{float:left; margin-left:48px; padding:25px 0px;} .cate_top_m .top_m a{color:#ccc;} .cate_top_m .fixed_sns{display: none;} .logo_sch{text-align:center; max-width:565px; margin:0 auto; padding-top:47px;} .logo_sch .logo{float:left; margin-top:2px; margin-right:28px;} .sch_wrap{width:323px; float:left; position: relative; z-index:11;} .sch_wrap .sch_cont .sch_form{width:318px; height:32px; border:2px solid #e6e6e6; position: relative; z-index:10;} .sch_wrap .sch_cont .sch_form .sch_inp input{width:310px; height: 32px; line-height: 32px; border:0px; background: #000} .sch_wrap .sch_cont .sch_form .sch_btn{position: absolute; top:0px; right:0px; z-index: 20;} .sch_wrap .best_sch_content{width:323px; text-align: left;} .sch_wrap .best_sch_content .best_sch_loop_contnet {padding:8px 0px;} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_title{float:left; font-size:15px; font-family: 'Nanum Gothic';} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_content_wrap{float:right; width:245px; font-family: 'Nanum Gothic';} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_content_wrap li{display:none;} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_cnt_text{line-height: 15px;float:left; font-size:13px; font-family: 'Nanum Gothic';} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_cnt_box{display: inline-block; *display: inline; background:url(/design/free8879/2015renew/images/top/cnt_box.gif) no-repeat 0 0; text-align: center; width:16px; height:15px; margin-left:18px; margin-right:8px; color:#000;} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_cont_cnt{ float:right;font-size:13px; font-family: 'Nanum Gothic';} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_content_wrap .brd_ing_cont{overflow:hidden; height:16px; width:240px;} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_content_wrap .flex-control-nav{display: none;} .sch_wrap .best_sch_content .best_sch_loop_contnet .sch_content_wrap .flex-direction-nav{display: none;} /** 상단 픽스시 CSS **/ .fixed_layout{position: fixed; top:0px; z-index:999999; width:100%} .header_bg_box{background: #000; position: relative; z-index:20;} .fixed_layout .logo_sch{max-width:565px; float:left; padding:0px; height:78px; margin-top:21px;} .fixed_layout .logo_sch .logo{} .fixed_layout .header_bg_box{max-width:1400px; margin:0 auto;} .fixed_layout .cate_top_m{width:700px; position: absolute; top:0px; left:600px; margin-top:0px;} .fixed_layout .cate_top_m .cate_list .subcate{padding:22px 0px; margin:21px 0px; margin-right: 42px !important;} .fixed_layout .cate_top_m .top_m{display: none;} .fixed_layout .fixed_sns{ position: absolute; top:0px; left:560px; z-index:25; padding:19px 0px; display: block;} .fixed_layout .fixed_sns .sns a{margin-right:17px;} /** 오브랜드 950px 이상시 기본 css **/ .all_brand {position: absolute; top:-850px; left:50%; margin-left:-700px; z-index:10; background:#000; padding:15px; padding-bottom:0px!important; height:786px;} .all_brand .all_brand_cont{border-top:1px solid #fff; padding-top:27px;} .all_brand .all_brand_cont .brd_list{width:491px; float:left; margin-left:15px;} .all_brand .all_brand_cont .brd_list div{width:200px; float:left;} .all_brand .all_brand_cont .brd_list a{color:#ccc;} .all_brand .all_brand_cont .brd_list p{padding:0px; margin:0px; height:20px; line-height: 20px;} .all_brand .all_brand_cont .brd_list h1{padding:0px; margin:0px; margin-bottom:24px;} .all_brand .all_brand_cont .brd_ban{width:162px; float:left;} .all_brand .all_brand_cont .brd_ban div{margin-bottom:13px; width:162px; height:128px; overflow:hidden; position: relative; z-index:10;} .all_brand .all_brand_tab div{width:142px; height:36px; text-align: center; line-height: 36px; border:1px solid #666; float:left; margin-right:-1px; position: relative; z-index:30; margin-bottom:-1px; cursor:pointer;} .all_brand .all_brand_tab div.actv{z-index:31; border:1px solid #fff; border-bottom:1px solid #000!important; color:#fff;} .all_brand .all_brand_tab div.actv_bt_line{border-bottom:1px solid #fff;} .all_brand .all_brand_cont .all_brand_cont01,.all_brand .all_brand_cont .all_brand_cont02{width:1370px; display: none;} .all_brand .all_brand_cont .all_brand_cont01 .sunglass,.all_brand .all_brand_cont .all_brand_cont02 .sunglass{float:left;width:685px; border-right:1px solid #191919;} .all_brand .all_brand_cont .all_brand_cont01 .eyeglass,.all_brand .all_brand_cont .all_brand_cont02 .eyeglass{float:right;width:668px;} .all_brand .all_brand_cont .all_brand_cont01.on,.all_brand .all_brand_cont .all_brand_cont02.on{display: block;} .btm_line{border-bottom:1px solid #333; padding-bottom:20px!important; margin-bottom:20px!important;} .all_brand .allbrand_close{position: absolute; top:0px; right:5px; z-index:10; cursor: pointer;} .community_subcate{background:#000; height:0px; width:102px; position: absolute; top:63px; left:-24px; z-index:20; overflow:hidden;} .community_subcate p{padding:0px; margin:0px; height:20px; line-height: 20px; margin-left:24px;} .community_subcate a{color:#ccc!important;} .community_subcate a:hover{color:#ccc!important;} .brd_cont{height:33px; line-height: 33px; position: relative; z-index:10; background:#fff; border:1px solid #d4d4d4; margin-bottom:-1px;} .brand_sch_cont_cnt{position: absolute; top:0px; right:12px; z-index:10;} .brand_sch_cont_cnt span{color:#000;} .brand_sch_cnt_text{float:left; color:#010101;} .brand_sch_cnt{float:left; width:33px; text-align: center; color:#010101;} .brand_sch_content{display:none; position: absolute; top:35px; left:0px; z-index:20; width:322px; } .brand_sch_content .brand_sch_tit{position:relative; z-index:10; text-align:left; background:#fff; height:33px; line-height: 33px;border:1px solid #d4d4d4; margin-bottom:-1px;} .brand_sch_content .brand_sch_tit h1{font-size:15px; text-indent: 10px; color:#000; margin:0px; padding:0px; line-height:33px!important; font-weight:bold!important} .brand_sch_content .brand_sch_tit .q_icon{position: absolute; top:7px; right:12px; z-index:10; cursor:pointer;} .layer_pop{display:none; width:580px; height:281px; border:1px solid #919191; position: fixed; top:-500px; left:50%; margin-left:-290px; margin-top:-140px; z-index:9999; background:#fff;} .layer_pop_cont{position: relative; z-index:10; height:281px;} .layer_pop_cont .layer_pop_title{font-size:20px; font-weight: normal; font-family: 'Nanum Gothic'; padding-top:51px; margin-left:48px; margin-bottom:29px; color:#4b4b4b;} .layer_pop_cont .layer_pop_text{margin-left:48px; font-family: 'Nanum Gothic'; font-size:13px; letter-spacing: -1px;} .layer_pop_cont .layer_pop_text p{margin:0px; padding:0px; padding-bottom:5px; color:#4b4b4b; font-family: 'Nanum Gothic';} .layer_pop .close_btn2{position: absolute; top:0px; right:0px; z-index:20; padding:20px; cursor:pointer; } .layer_pop2{display:none; width:639px; height:267px; border:1px solid #919191; position: fixed; top:-500px; left:50%; margin-left:-290px; margin-top:-140px; z-index:9999; background:#fff;} .layer_pop_cont2{position: relative; z-index:10; height:267px;} .layer_pop_cont2 .layer_pop_title2{font-size:20px; font-weight: normal; font-family: 'Nanum Gothic'; padding-top:51px; margin-left:48px; margin-bottom:29px; color:#4b4b4b;} .layer_pop_cont2 .layer_pop_text2{margin-left:48px; font-family: 'Nanum Gothic'; font-size:13px; letter-spacing: -1px;} .layer_pop_cont2 .layer_pop_text2 p{margin:0px; padding:0px; padding-bottom:5px; color:#4b4b4b; font-family: 'Nanum Gothic'; font-size: 15px;} .layer_pop_cont2 .layer_pop_text2 p.mg_t20{margin-top:20px;} .layer_pop_cont2 .layer_pop_text2 p.colred{color:#c60103;} .layer_pop2 .close_btn3{position: absolute; top:0px; right:0px; z-index:20; padding:20px; cursor:pointer; } .layer_dummy_box{background:#000; opacity: 0.4; filter:alpha(opacity=40); width:100%; position: fixed; top:0px; left:0px; z-index:999; display: none;} /** 기본레이아웃 CSS **/ .wrap_container{width:100%; margin:0 auto; /*overflow:hidden;*/ position: relative;} /* 기본페이지 고정 사이즈 */ .basic_wrapper{width:1000px; margin:0 auto; overflow: hidden;} .basic_wrapper h1{font-size: 16px; font-weight: bold; color:#000; padding:0px; margin:0px; font-family: 'Nanum Gothic';} /** 메인 CSS **/ /** 메인신상품레이아웃 **/ .wrap_container .main_section{position:relative; z-index:20;} .wrap_container .main_section .prod_tab_section .new_prod_tit{text-align:center; width:100%; padding-top:39px; font-size: 25px; font-family: 'Nanum Gothic'; color:#000; letter-spacing: -1px;} .wrap_container .main_section .prod_tab_section .new_prod_tab > div{width:249px; height:44px; border:1px solid #b2b2b2; line-height: 44px; position: relative; z-index:10; float:left; margin:0px 5px;} .wrap_container .main_section .prod_tab_section .new_prod_tab{width:532px; margin:0 auto; margin-top:18px;} .wrap_container .main_section .prod_tab_section .new_prod_tab div span{position: absolute; top:-1px; right:9px; z-index:20;} .wrap_container .main_section .prod_tab_section .new_prod_cont{} /* 더보기 공통 CSS */ .wrap_container .main_section .more_btn{background: #fff url(/design/free8879/2015renew/images/main/more_icon.gif) no-repeat right 20px; width:106px; height:45px; line-height: 45px; text-align:center; margin:0 auto;cursor: pointer; color:#959595; font-size:14px; font-family: 'Nanum Gothic'; border:1px solid #bdbdbd; } .wrap_container .main_section .more_btn a{color:#959595; font-size:14px; font-family: 'Nanum Gothic';} .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .prod_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .main_section .prod_tab_section .new_prod_tab .hanfont{font-size:12px; position: absolute; top:0px; left:105px; z-index:10;} .wrap_container .main_section .prod_tab_section .new_prod_tab div{cursor:pointer;} .wrap_container .main_section .prod_tab_section .new_prod_tab .npactv{border:1px solid #000; color:#000;} .wrap_container .main_section .prod_tab_section .new_prod_tab .npactv {} .leftmax{left:95px;} .wrap_container .main_section .prod_tab_section{padding-bottom:110px;} .wrap_container .main_section .prod_tab_section .new_prod_cont{width:100%; margin:0 auto;} .wrap_container .main_section .prod_tab_section .new_prod_cont > div{display:none;} .wrap_container .main_section .prod_tab_section .new_prod_cont .npcactv{display: block!important;} /**/ .prod_section_back_slide_wrap01{background:#fff; width:100%; margin-bottom:450px; position: relative; z-index:20;} .prod_section_back_slide_wrap02{background:#fff; width:100%; position: relative; z-index:20;} /**/ /** 메인슬라이드 **/ .wrap_container .back_slide_roll{position: fixed; top:35%; z-index:19;} .wrap_container .center_slde_wrap{width:100%!important; overflow:hidden; position:relative; z-index:10;} .wrap_container .center_slde_wrap .center_slde{width:100%!important; } .wrap_container .center_slde_wrap .center_slde img{width:100%;} .wrap_container .center_slde_wrap .center_slde .slides{overflow:hidden; margin:0px; padding:0px;} .wrap_container .center_slde_wrap .center_slde .flex-direction-nav{display: none;} .wrap_container .center_slde_wrap .center_slde .flex-control-nav{width:100%; text-align:center; position: absolute; bottom:15px; left:0px; z-index:20; padding:0px;} .wrap_container .center_slde_wrap .center_slde .flex-control-nav li{display: inline-block; *display: inline; width:16px; height:16px; margin:0 3px; cursor: pointer;} .wrap_container .center_slde_wrap .center_slde .flex-control-nav li a{display: block; width:16px; height:16px; overflow:hidden; text-indent: 99999px; background:url(/design/free8879/2015renew/images/main/center_nv_off.png) no-repeat 0 0;} .wrap_container .center_slde_wrap .center_slde .flex-control-nav .flex-active{background:url(/design/free8879/2015renew/images/main/center_nv_on.png) no-repeat 0 0;} .wrap_container .center_slide_btm_tab{font-size:0px; word-spacing: 0px; letter-spacing: 0px; text-align: center; background: #000; height:58px; width:100%;} .wrap_container .center_slide_btm_tab div{display: inline-block; *display: inline; font-size: 12px; margin:0px 30px;} .wrap_container .center_slide_btm_tab a{color:#fff; display: block; padding-left:45px; height:58px; line-height: 58px; padding-right:15px; background:url(/design/free8879/2015renew/images/main/tri_right.png) no-repeat 100% 47%;} .wrap_container .center_slide_btm_tab .cbt01{background:url(/design/free8879/2015renew/images/main/cs_icon01.png) no-repeat 9px 47%;} .wrap_container .center_slide_btm_tab .cbt02{background:url(/design/free8879/2015renew/images/main/cs_icon02.png) no-repeat 3px 47%;} .wrap_container .center_slide_btm_tab .cbt03{background:url(/design/free8879/2015renew/images/main/cs_icon03.png) no-repeat 12px 47%;} .wrap_container .center_slide_btm_tab .cbt04{background:url(/design/free8879/2015renew/images/main/cs_icon04.png) no-repeat 5px 47%;} .wrap_container .center_slide_btm_tab .cbt05{background:url(/design/free8879/2015renew/images/main/cs_icon05.png) no-repeat 12px 47%;} .wrap_container .center_slide_btm_tab .cbt06{background:url(/design/free8879/2015renew/images/main/cs_icon06.png) no-repeat 12px 47%;} /** 메인베스트 상품폼레이아웃 **/ .wrap_container .main_section .bestprod_tab_section .best_prod_tit{text-align:center; width:100%; margin-top:80px; font-size: 25px; font-family: 'Nanum Gothic'; color:#000; letter-spacing: -1px;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab > div{width:249px; height:44px; border:1px solid #b2b2b2; line-height: 44px; position: relative; z-index:10; float:left; margin:0px 5px;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab{width:532px; margin:0 auto; margin-top:18px;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab div span{position: absolute; top:-1px; right:9px; z-index:20;} .wrap_container .main_section .bestprod_tab_section .best_prod_cont{} .wrap_container .main_section .bestprod_tab_section .more_btn{background: #fff url(/design/free8879/2015renew/images/main/more_icon.gif) no-repeat right 20px; width:106px; height:45px; line-height: 45px; text-align:center; margin:0 auto;cursor: pointer; color:#959595; font-size:14px; font-family: 'Nanum Gothic'; border:1px solid #bdbdbd; } .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .prod_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .prod_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab .hanfont{font-size:12px; position: absolute; top:0px; left:105px; z-index:10;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab div{cursor:pointer;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab .npactv{border:1px solid #000; color:#000;} .wrap_container .main_section .bestprod_tab_section .best_prod_tab .npactv {} .leftmax{left:95px;} .wrap_container .main_section .bestprod_tab_section{padding-bottom:110px;} .wrap_container .main_section .bestprod_tab_section .best_prod_cont{width:100%; margin:0 auto;} .wrap_container .main_section .bestprod_tab_section .best_prod_cont > div{display:none;} .wrap_container .main_section .bestprod_tab_section .best_prod_cont .npcactv{display: block!important;} /** 메인스페셜 상품폼레이아웃 **/ .wrap_container .main_section .specialprod_tab_section .special_prod_tit{text-align:center; width:100%; margin-top:89px; font-size: 25px; font-family: 'Nanum Gothic'; color:#000; letter-spacing: -1px;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab > div{width:249px; height:44px; border:1px solid #b2b2b2; line-height: 44px; position: relative; z-index:10; float:left; margin:0px 5px;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab{width:532px; margin:0 auto; margin-top:18px;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab div span{position: absolute; top:-1px; right:9px; z-index:20;} .wrap_container .main_section .specialprod_tab_section .special_prod_cont{} .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .prod_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab .hanfont{font-size:12px; position: absolute; top:0px; left:105px; z-index:10;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab div{cursor:pointer;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab .npactv{border:1px solid #000; color:#000;} .wrap_container .main_section .specialprod_tab_section .special_prod_tab .npactv {} .leftmax{left:95px;} .wrap_container .main_section .specialprod_tab_section{padding-bottom:110px;} .wrap_container .main_section .specialprod_tab_section .special_prod_cont{width:100%; margin:0 auto;} .wrap_container .main_section .specialprod_tab_section .special_prod_cont > div{display:none;} .wrap_container .main_section .specialprod_tab_section .special_prod_cont .npcactv{display: block!important;} /** 상품 폼 A형 **/ .prod_content_wrap{max-width:1400px; overflow: hidden; margin:0 auto; padding-top:15px;} .prod_content_wrap .prod_content{width:100%; text-align: center;} .prod_content_wrap .prod_content .grid{width:23%; display: inline-block; *display: inline; float:left; margin:0px 1%; padding-bottom:40px;} .prod_content_wrap .prod_content .related{width:18%!important;} .prod_content_wrap .prod_content .grid .thumbz img{width:100%;} .prod_content_wrap .prod_content .grid .thumbz .ons{display: none;} .prod_content_wrap .prod_content .grid .pord_name{font-size:14px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px; margin-top:8px; height:48px; max-height:50px;} .prod_content_wrap .prod_content .grid .pord_name a{font-size:14px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px; margin-top:8px; height:48px; max-height:50px;} .prod_content_wrap .prod_content .grid .prod_model_name{margin-bottom:3px;} .prod_content_wrap .prod_content .grid .prod_model_name a{font-size:15px; font-family: 'Nanum Gothic'; color:#898989;} .prod_content_wrap .prod_content .grid .prod_consumer_price{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .prod_content_wrap .prod_content .grid .prod_disc_price{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .prod_content_wrap .prod_content .grid .prod_disc_price a{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .normal_prod_form{} .normal_prod_form .prod_content_wrap{max-width:1400px; overflow: hidden; margin:0 auto;} .normal_prod_form .prod_content_wrap .prod_content{width:100%; text-align: center;} .normal_prod_form .prod_content_wrap .prod_content .grid{width:23%; display: inline-block; *display: inline; margin:0px 1%; padding-bottom:40px; float:left;} .normal_prod_form .prod_content_wrap .prod_content .related{width:18%!important;} .normal_prod_form .prod_content_wrap .prod_content .grid .thumbz img{width:100%;} .normal_prod_form .prod_content_wrap .prod_content .grid .pord_name{font-size:14px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px; margin-top:8px; height:64px;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_model_name{margin-bottom:3px;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_model_name a{font-size:15px; font-family: 'Nanum Gothic'; color:#898989;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_consumer_price{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_consumer_price a{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_disc_price{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} .normal_prod_form .prod_content_wrap .prod_content .grid .prod_disc_price a{font-size:15px; font-family: 'Nanum Gothic'; color:#000; margin-bottom:3px;} /** 더블슬라이드 **/ .dw_slide_wrap{overflow:hidden; margin: 0 auto;} .dw_slide_wrap .flex-direction-nav{display: none;} .dw_slide_wrap .slides{overflow:hidden; padding:0px; margin:0px;} .dw_slide_wrap .flex-control-nav{width:100%; text-align:center; position: absolute; bottom:5px; left:0px; z-index:20; padding:0px;} .dw_slide_wrap .flex-control-nav li{display: inline-block; *display: inline; width:16px; height:16px; margin:0 3px; cursor: pointer;} .dw_slide_wrap .flex-control-nav li a{display: block; width:16px; height:16px; overflow:hidden; text-indent: 99999px; background:url(/design/free8879/2015renew/images/main/center_dw_nv_off.png) no-repeat 0 0;} .dw_slide_wrap .flex-control-nav .flex-active{background:url(/design/free8879/2015renew/images/main/center_dw_nv_on.png) no-repeat 0 0;} .dw_slide_wrap .de_left{float:left; width:45%; margin-left:4%; position: relative; z-index:10;} .dw_slide_wrap .de_left .dw_slide01{width:100%;} .dw_slide_wrap .de_left .dw_slide01 img{width:100%;} .dw_slide_wrap .de_right{float:right; width:45%; margin-right:4%; position: relative; z-index:10;} .dw_slide_wrap .de_right .dw_slide02{width:100%;} .dw_slide_wrap .de_right .dw_slide02 img{width:100%;} .dw_slide_wrap .de_title{text-align:center; font-size: 23px; font-family: 'Nanum Gothic'; color:#000;} /** 트리플슬라이드 **/ .trip_slide_wrap{overflow:hidden; margin: 0 auto; text-align:center; margin-bottom:90px;} .trip_slide_wrap .flex-direction-nav{display: none;} .trip_slide_wrap .slides{overflow:hidden; padding:0px; margin:0px;} .trip_slide_wrap .flex-control-nav{width:100%; text-align:center; position: absolute; bottom:10px; left:0px; z-index:20; padding:0px;} .trip_slide_wrap .flex-control-nav li{display: inline-block; *display: inline; width:16px; height:16px; margin:0 3px; cursor: pointer;} .trip_slide_wrap .flex-control-nav li a{display: block; width:16px; height:16px; overflow:hidden; text-indent: 99999px; background:url(/design/free8879/2015renew/images/main/center_dw_nv_off.png) no-repeat 0 0;} .trip_slide_wrap .flex-control-nav .flex-active{background:url(/design/free8879/2015renew/images/main/center_dw_nv_on.png) no-repeat 0 0;} .trip_slide_wrap .trip_left{display: inline-block; *display: inline; width:29%; position: relative; z-index:10; margin-left:4%;} .trip_slide_wrap .trip_left .trip_slide01,.trip_slide_wrap .trip_left .trip_slide02{width:100%;} .trip_slide_wrap .trip_left .trip_slide01 img,.trip_slide_wrap .trip_left .trip_slide02 img{width:100%;} .trip_slide_wrap .trip_mid{margin:0 1.5%!important;} .trip_slide_wrap .trip_right{display: inline-block; *display: inline; width:29%; position: relative; z-index:10; margin-right:4%;} .trip_slide_wrap .trip_right .trip_slide03{width:100%;} .trip_slide_wrap .trip_right .trip_slide03 img{width:100%;} /** 하단 CSS **/ #footer{width:100%!important; background: #000; margin-top:127px; } #footer .footer_w{ margin:0 auto; max-width:1400px;} #footer .footer_w .footer_top .footer_cs_laybox{float:left; border-right:1px solid #353535; overflow:hidden; margin:15px 0px;} /*#footer .footer_w .footer_top .laybox_01{width:339px; padding-right:3%; padding-left:1%;} #footer .footer_w .footer_top .laybox_02{width:338px; padding-left:3%;} #footer .footer_w .footer_top .laybox_03{width:364px; padding-left:3%;} #footer .footer_w .footer_top .laybox_04{width:146px; padding-left:3%; border-right:0px!important;}*/ /** 20150522 **/ #footer .footer_w .footer_top .laybox_01{width:24%; padding-right:3%; padding-left:1%;} #footer .footer_w .footer_top .laybox_02{width:22%; padding-left:3%;} #footer .footer_w .footer_top .laybox_03{width:25%; padding-left:3%;} #footer .footer_w .footer_top .laybox_04{width:15%; padding-left:3%; border-right:0px!important;} #footer .footer_w .footer_top .footer_cs_laybox ul{overflow:hidden; padding:12px 0px; margin:0px;} #footer .footer_w .footer_top .footer_cs_laybox li{float:left;} #footer .footer_w .footer_top .footer_cs_laybox li p{margin:0px; padding:0px; margin:4px 0px;} #footer .footer_w .footer_top .footer_cs_laybox .bt_title{font-size: 15px; font-family: "Tahoma"; color:#fff; margin-right:19px;} #footer .footer_w .footer_top .footer_cs_laybox .csnum{font-size:30px; font-family: "Tahoma"; color:#fff; line-height: 26px; margin-bottom:18px; margin-top:0px;} #footer .footer_w .footer_top .footer_cs_laybox .magtb14{margin-top:14px; margin-bottom:14px;} #footer .footer_w .footer_top .footer_cs_laybox .sns{margin-top:12px;} #footer .footer_w .footer_top .footer_cs_laybox .sns a{margin-right:19px;} #footer .footer_w .footer_top .btm_menu {padding-top:8px;} #footer .footer_w .footer_top .btm_menu a{color:#fff; display: block; margin:4px 0px;} #footer .footer_w .copyright_esc{max-width: 1650px; margin:0 auto; border-top:1px solid #353535; overflow:hidden; padding-top:21px; padding-bottom:50px;} /*#footer .footer_w .copyright_esc .copy{float:left; width:1009px;}*/ /** 20150522 **/ #footer .footer_w .copyright_esc .copy{float:left; width:60%;} #footer .footer_w .copyright_esc .copy p{margin:4px 0px;} #footer .footer_w .copyright_esc .esc{float:left; width:391px;} #footer .footer_w .copyright_esc .esc li{float:left; margin:5px;} /** 리스트 페이지 CSS **/ .sub_inst_ban{width:100%; border-bottom:3px solid #000;} .sub_inst_ban img{width:100%;} .wrap_container .cate_list{max-width:1400px;} .wrap_container .cate_list a{display: block; width:154px; height:39px; border:1px solid #d4d4d4; position: relative; z-index:10; float:left; margin-right:-1px; margin-bottom:-1px; text-align: center; line-height: 39px; font-size:12px; font-family: 'Nanum Gothic'; } .wrap_container .cate_list .actv{background:#000; border:1px solid #000; color:#fff; z-index:20;} .wrap_container .catedepth_list{font-size:12px; font-family: 'Nanum Gothic'; padding:18px 0px; max-width: 1400px; margin:0 auto;} .wrap_container .catedepth_list.view_p{margin-bottom:50px;} .wrap_container .catedepth_list a{font-size: 12px; font-family: "Tahoma"; position:relative; top:-1px; color:#6f6f6f;} .wrap_container .catedepth_list .actv{color:#000!important;} .wrap_container .sort_lay{border-top:3px solid #000; margin-bottom:20px;} .wrap_container .sort_lay .sort_left{float:left; margin-top:7px;} .wrap_container .sort_lay .sort_left a{margin-right:20px; font-family: 'Nanum Gothic'; font-size:13px; color:#000;} .wrap_container .sort_lay .sort_right{float:right; margin-top:7px;} .wrap_container .sort_lay .sort_right select{width:171px; height:29px; border:1px solid #000;} .wrap_container .total_list{font-size:12px; font-family: 'Tahoma'; color:#6f6f6f; margin-bottom:10px; margin-top:87px;} /** 상세 CSS **/ .det_thumb_spec{max-width:1400px; margin:0 auto; overflow:hidden; } .det_thumb_spec .multi_images {width:15.7%; float:left;} .det_thumb_spec .multi_images .multi_images_cont{width:100%; overflow:hidden;} .det_thumb_spec .multi_images .multi_images_cont img{width:45%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #fff;} .det_thumb_spec .multi_images .multi_images_cont .onz{border:1px solid #888!important;} .det_thumb_spec .multi_images .scrap{clear:both; float:none; margin-top:50px;} .det_thumb_spec .multi_images .scrap .scrap_tit{padding-bottom:5px;} .det_thumb_spec .det_thumb{width:60.9%; float:left; margin-right:1%;} .det_thumb_spec .det_thumb .det_thumb_cont{width:100%;} .det_thumb_spec .det_thumb .det_thumb_cont img{width:100%;} .det_thumb_spec .det_thumb .det_thumb_cont #objImg{width:100%!important;} .det_thumb_spec #goods_spec{width:22.4%; float:left;border-top:3px solid #000;} .det_thumb_spec #goods_spec .spec_info{} .det_thumb_spec #goods_spec .bdt_none{border-top:0px;} .det_thumb_spec #goods_spec .spec_info th, .det_thumb_spec #goods_spec .spec_info td{font-size:12px; font-family: 'Nanum Gothic'; text-align:left; padding-left:0px!important; color:#676767!important; letter-spacing: -1px;} .det_thumb_spec #goods_spec .spec_info th{font-size:12px; color:#676767!important;} .det_thumb_spec #goods_spec .spec_info td{padding:6px 0px;} .det_thumb_spec #goods_spec .bdt_none th, .det_thumb_spec #goods_spec .bdt_none td{padding:2px!important;} .det_thumb_spec #goods_spec .spec_info .det_goods_name{font-size: 16.5px; font-weight: bold; font-family: 'Nanum Gothic'; color:#000; padding-top:18px; padding-bottom:60px;} .det_thumb_spec #goods_spec .spec_info .det_goods_subname{font-size: 13px; font-weight: bold; font-family: 'Nanum Gothic'; color:#000; letter-spacing: -1px;} .det_thumb_spec #goods_spec .spec_info .det_goods_price{font-size:26px; font-weight:bold; color:#373737;} .det_thumb_spec #goods_spec .spec_info .card_noadd{font-weight:600; font-family: 'Nanum Gothic'; color:#000; background: url(/design/free8879/2015renew/images/view/qmark.gif) no-repeat 100% 1px; padding-right:15px; display: inline-block; *display: inline;} .det_shop_tab{width:100%; max-width:1400px; margin:0 auto; position: relative; z-index:30;} .det_shop_tab .t_tab{ height:78px; line-height: 78px; float:left; width:176px; font-size: 12px; text-align:center; background:url(/design/free8879/2015renew/images/view/tab_bgline_off.gif) no-repeat 0 45%; font-family: 'Nanum Gothic'; color:#000; border:1px solid #dfdfdf; margin-right:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index:10; } .det_shop_tab .eft{background:#000 url(/design/free8879/2015renew/images/view/tab_bgline_on.gif) no-repeat 0 45%; border:1px solid #000; z-index:20;} .det_shop_tab .t_tab .sub_shop_cont{position: absolute; top:76px; left:-1px; z-index:20; width:175px; height:107px; border:1px solid #454545; background:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .det_shop_tab .t_tab .sub_shop_cont p{padding:0px; margin:0px; line-height:18px!important; text-align:left; letter-spacing: -1px; margin-left:10px;} .det_shop_tab .t_tab .sub_shop_cont .ftc{margin-top:15px;} .det_shop_tab .t_tab a{font-family: 'Nanum Gothic'; color:#000; font-size:12px;} .det_shop_tab .t_tab > a {display: inline-block; *display: inline; width:100%; overflow: hidden; text-indent: -99999px;} .det_shop_tab .det_tab02{background-position: -175px;} .det_shop_tab .det_tab03{background-position: -350px;} .det_shop_tab .det_tab04{background-position: -525px;} .det_shop_tab .det_tab05{background-position: -700px;} .det_shop_tab .det_tab06{background-position: -875px;} .det_shop_tab .det_tab07{background-position: -1050px;} .det_shop_tab .det_tab08{background-position: -1225px;} .det_shop_tab .det_tab02.eft{background-position: -175px;} .det_shop_tab .det_tab03.eft{background-position: -350px;} .det_shop_tab .det_tab04.eft{background-position: -525px;} .det_shop_tab .det_tab05.eft{background-position: -700px;} .det_shop_tab .det_tab06.eft{background-position: -875px;} .det_shop_tab .det_tab07.eft{background-position: -1050px;} .det_shop_tab .det_tab08.eft{background-position: -1225px;} .triicon{position: absolute; bottom:-1px; left:50%; z-index:30; margin-left:-5px; display: none;} .eft .triicon{display: inline;} .det_shop_tab .sub_shop_cont{display: none;} .tit_tab{overflow:hidden; max-width:1400px; border-bottom:1px solid #000; margin:0 auto; margin-top:64px; margin-bottom:20px;} .tit_tab div{position:relative; z-index:10; width:182px; height:42px; text-align:center; line-height:42px; background:#fff; color:#353535; float:left; margin-right:-1px; border:1px solid #adadad; margin-bottom:-1px; cursor: pointer;} .tit_tab .on{background: #000; color:#fff; font-weight: bold; border:1px solid #000; position: relative; z-index:20;} .product_commonm_wrap{max-width:1400px; margin:0 auto; overflow:hidden;} .product_commonm_wrap .product_common_cont{width:100%; border-collapse: collapse;} .product_commonm_wrap .product_common_cont th, .product_commonm_wrap .product_common_cont td{border-top:1px solid #e0e0e0; text-align: left; padding:10px 0px; padding-left:15px;} .product_commonm_wrap .product_common_cont th{background:#f8f8f8; color:#3b3b3d; border-right:1px solid #e0e0e0;} .product_commonm_wrap .product_common_cont .ftc{border:0px!important; border-right: 1px solid #e0e0e0!important;} .product_commonm_wrap .product_common_cont td.ftc{border:0px!important; border-right:0px!important;} .product_commonm_wrapper{border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; width:80%; margin:0 auto; margin-top:130px; margin-bottom:65px;} #content{min-height:850px;} #contents{width:100%; max-width:1400px; margin:0 auto; text-align: center;} #el-godo-tooltip-related{display: none!important;} .det_iframe_wrap{width:100%; max-width: 1200px; margin:0 auto; margin-top:140px;} .det_delivery_info{width:100%; max-width: 1200px; margin:0 auto; margin-top:80px; margin-bottom:40px;} .btn_wrap{width:100%; margin-top:35px; margin-bottom:15px;} .btn_wrap .btn_det_a{margin-bottom:10px;display:block; width:100%; height: 36px; line-height: 36px; text-align:center; font-size: 16px; font-family: 'Nanum Gothic'; background:#000; color:#fff; border:1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn_wrap .btn_det_a:hover{display:block; width:100%; height: 36px; line-height: 36px; text-align:center; font-size: 16px; font-family: 'Nanum Gothic'; background:#000; color:#fff; border:1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn_wrap .btn_det{margin-bottom:-1px; display:block; width:100%; height: 36px; line-height: 36px; text-align:center; font-size: 16px; font-family: 'Nanum Gothic'; background:#fff; border:1px solid #adadad; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn_wrap .btn_det:hover{display:block; width:100%; height: 36px; line-height: 36px; text-align:center; font-size: 16px; font-family: 'Nanum Gothic'; background:#fff; border:1px solid #adadad; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /** 로그인 CSS **/ .wrap_container{} .wrap_container .loc_tit_wrap{width:100%; text-align:center; margin-top:27px;} .wrap_container .loc_tit_wrap .loc_tit{font-size:36px; font-family: 'Tahoma','Nanum Gothic'; color:#000;} .wrap_container .loc_tit_wrap .loc_tit2{color:#4b4b4b; font-family: 'Tahoma','Nanum Gothic'; font-size:13px; /*font-weight:bold;*/ margin-top:9px; width:960px; margin:0 auto;} .loc_tit3{color:#4b4b4b; font-family: 'Tahoma','Nanum Gothic'; font-size:13px; /*font-weight:bold;*/ margin-top:9px; text-align: center;} .wrap_container .login_wrapz{ width:614px; /*height:452px;*/ border:1px solid #000; margin:0 auto; margin-top:25px;} .wrap_container .login_wrapz .inp_text{font-size: 12px; font-family: 'Nanum Gothic B'; color:#000; letter-spacing: -1px; margin-bottom:4px; line-height:21px;} .wrap_container .login_wrapz .login_wrapper{padding-left:25px;} .wrap_container .login_wrapz .login_wrapper .login_container{padding-top:50px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form{} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content{overflow:hidden;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .id_input{float:left; margin-right:8px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .id_input .id_inp input{width:226px; height:26px; border:1px solid #b7b7b7; background:#fff!important;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .id_input .fpw_inp input{width:108px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .pw_input{float:left; margin-right:8px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .pw_input .pw_inp input{width:226px; height:26px; border:1px solid #b7b7b7; background:#fff!important;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .pw_input .fpw_inp input{width:108px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .login_btn{float:left; margin-top:18px;} .wrap_container .login_wrapz .login_wrapper .login_container .login_form .login_content .login_btn a{display:block; text-align:center; line-height: 30px; width:89px; height:30px; color:#fff!important; background:#000!important; border:0px!important; cursor: pointer; font-size:13px; font-family: 'Tahoma';} .deng_text a{display:inline-block; *display:inline; text-align:center; line-height: 30px; width:89px; height:30px; color:#fff!important; background:#000!important; border:0px!important; cursor: pointer; font-size:13px; font-family: 'Tahoma'!important;/* margin:30px auto;*/} .deng_text a.btnazz{background:#fff!important; border:1px solid #ccc!important; color:#000!important;} .deng_text a.btnazz2{background:#000!important; border:1px solid #000!important; color:#fff!important; margin: 0px!important;} .wrap_container .loc_sub_tit_wrap{margin-left:10px;} .wrap_container .loc_sub_tit_wrap .loc_sub_tit{font-size:16px; font-family: 'Tahoma'; color:#4b4b4b;} .wrap_container .loc_sub_tit_wrap .loc_sub_tit2{color:#808080; font-size:12px; font-family: 'Nanum Gothic'; padding-top:9px; padding-bottom:15px;} .wrap_container .nonmember{ border-top:1px solid #000; width:584px; margin:0 auto; overflow:hidden; padding-top:29px; padding-bottom:65px;} .wrap_container .nonmember .nonmember_order{overflow:hidden;margin-left:10px;} .wrap_container .nonmember .nonmember_order .order_name{float:left; margin-right:8px;} .wrap_container .nonmember .nonmember_order .order_num{float:left; margin-right:8px;} .wrap_container .nonmember .nonmember_order .order_name .order_n_inp input{width:226px; height:26px; border:1px solid #b7b7b7; background:#fff!important;} .wrap_container .nonmember .nonmember_order .order_num .order_n_inp input{width:226px; height:26px; border:1px solid #b7b7b7; background:#fff!important;} .wrap_container .nonmember .nonmember_order .order_okbtn{float:left; margin-top:18px;} .wrap_container .nonmember .nonmember_order .order_okbtn a{text-align:center; line-height: 30px; display: block; width:89px; height:30px; color:#fff!important; background:#000!important; border:0px!important; cursor: pointer; font-size:13px; font-family: 'Tahoma';} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap{padding-top:22px; padding-bottom:30px;font-size: 12px; font-family: 'Nanum Gothic';} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap.find_pw{padding-top:35px;} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap .btn_list{font-size: 12px; font-family: 'Nanum Gothic'; letter-spacing: -1px; color:#6d6d6d; margin-bottom:6px;} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap .btn_list a{font-size: 12px; font-family: 'Tahoma'; letter-spacing: 1px; color:#6d6d6d;} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap .btn_list .ft_tit{display: inline-block; *display: inline; letter-spacing: -1px; width:172px; color:#6d6d6d;} .wrap_container .login_wrapz .login_wrapper .login_container .btn_list_wrap .btn_list .und_line{/*text-decoration: underline;*/ border-bottom:1px solid #dadada;} .findpw_comp{border:1px solid #000; width:614px; height:229px; margin:0 auto; text-align:center; margin-top:30px;} .findpw_comp .findpw_comp_text{font-size:16px; color:#3c3c3c; text-align: center; font-family: 'Nanum Gothic'; margin-top:65px;} .findpw_comp .findpw_comp_text_c6d6d6d{color:#6d6d6d!important;font-size:16px; color:#3c3c3c; text-align: center; font-family: 'Nanum Gothic';} .findpw_comp .content_pwfd{border:1px solid #f1eded; height:30px; line-height: 30px; width:228px; display: inline-block; *display: inline; margin-right:3px;} .findpw_comp .deng_text{margin-top:25px;} .findpw_comp .deng_text .btnazz2{background:#000!important; border:1px solid #000!important; color:#fff!important; margin: 0px; margin-top:2px!important; font-size:13px!important;} .findpw_comp .deng_text .btnazz2:hover{font-size:13px!important;} .nonmember_order_nuy{position: relative; z-index:10;} .nonmember_order_nuy .nonmem_ok_btn a{position:absolute; top:16px; right:15px; z-index:10; display: block; text-align: center; line-height: 30px; width: 89px; height: 30px; color: #fff!important; background: #000!important; border: 0px!important; cursor: pointer; font-size: 13px; font-family: 'Tahoma'!important;} /** 기본페이지 CSS **/ .basic_btn_on{display: inline-block; *display: inline; width:103px; height:31px; line-height: 31px; border:1px solid #000; background:#000; color:#fff!important; font-family: 'Nanum Gothic'!important; text-align: center;} .basic_btn_off{display: inline-block; *display: inline; width:103px; height:31px; line-height: 31px; border:1px solid #afafaf; background:#fff; color:#000!important; font-family: 'Nanum Gothic'!important; text-align: center;} .basic_btn_on_small{display: inline-block; *display: inline; width:79px; height:24px; line-height: 24px; border:1px solid #000; background:#000; color:#fff!important; font-family: 'Nanum Gothic'!important; text-align: center;} .basic_btn_off_small{display: inline-block; *display: inline; width:79px; height:24px; line-height: 24px; border:1px solid #afafaf; background:#fff; color:#000!important; font-family: 'Nanum Gothic'!important; text-align: center;} /* 장바구니 */ .basic_btn_sub01{background: #afafaf; width:75px; height:19px; color:#fff; display: block; text-align:center; line-height: 19px;} .basic_mod_btn{background: #afafaf; width:31px; height:19px; text-align: center; line-height: 16px; text-indent: 0px; color:#fff; cursor: pointer;} .basic_coupon_btna{background: #afafaf; width:87px; height:18px; color:#fff; display: inline-block; *display: inline; text-align:center; line-height: 19px;} .basic_coupon_btn{background: #afafaf; width:87px; height:18px; color:#fff; display: inline-block; *display: inline; text-align:center; line-height: 19px;} /*주문서 작성*/ .basic_wrapper .orderitem-list tfoot td{border-bottom:0px!important;} .basic_wrapper .orderitem-list{border-bottom:1px solid #7f7f7f;} .basic_wrapper h1.od_tit {font-size: 16px; font-weight: bold; color:#000; padding:0px; margin:0px; font-family: 'Nanum Gothic'; margin-top:65px; margin-bottom:5px;} .basic_wrapper h1.od_tit .od_sub_tit{ font-family: 'Nanum Gothic'; font-size: 12px; color:#838383;} .basic_wrapper .number_wrap{position: relative; z-index:10; width:73px; text-align:center;} .basic_wrapper .number_wrap .number_t{font-size:55px; line-height: 55px; font-family: 'Myriad Pro'!important; font-weight:bold; color:#000; letter-spacing: -3px;} .basic_wrapper .number_wrap .number_text{font-family: 'Nanum Gothic'; font-weight: bold; font-size: 16px; color:#989898; position: relative; z-index:10; top:-7px} .basic_wrapper .content_table td{font-family: 'gulim'!important; color:#505050; font-weight: bold; padding:6px 0px;} .basic_wrapper .content_table td input{background:#fff!important; height:16px; line-height: 16px;} .basic_wrapper .content_table td.cont_lp_20{padding-left:20px; font-weight: normal!important; color:#989898!important;} .basic_wrapper .content_table .addschk{background: #afafaf; width:75px; height:19px; color:#fff!important; display: inline-block; *display: inline; text-align:center; line-height: 19px;} .basic_wrapper .pos_r5{position: relative; top:-5px;} .basic_wrapper .color_fnormal{font-weight: normal!important; color:#989898;} /*주문완료*/ .basic_wrapper .settle_wrap th{font-family: 'gulim'!important; color:#505050; font-weight: bold; padding:6px 0px; text-align: right; border-bottom:1px solid #e9e9e9;} .basic_wrapper .settle_wrap td{padding-left: 25px; border-bottom:1px solid #e9e9e9;} /* 이용약관 */ .basic_wrapper h1.jo_tit {font-size: 16px; font-weight: bold; color:#000; padding:0px; margin:0px; font-family: 'Nanum Gothic'; margin-top:25px; margin-bottom:5px;} /*회원가입폼*/ .basic_wrapper .check_btn01{display: inline-block; *display: inline; width:87px; height:18px; background:#afafaf; color:#fff; text-align:center; line-height: 18px; border:1px solid #afafaf; position: relative; z-index: 10; top:-1px; font-weight: normal;} .basic_wrapper .content_table td.memberCols2{padding-left:20px; font-weight: normal!important; color:#989898!important;} .basic_wrapper .content_table td.memberCols2 span.noline{display: inline-block; *display: inline; height:32px; line-height: 32px;} .basic_wrapper .content_table td.memberCols2 span.noline input{position: relative; top:4px;} .basic_wrapper .content_table td.memberCols2 .noline{display: inline-block; *display: inline; height:32px; line-height: 32px;} .basic_wrapper .content_table td.memberCols2 .noline input{position: relative; top:4px;} .basic_wrapper .content_table td.memberCols2 .noline span{font-size:13px; font-weight: bold;} .basic_wrapper .content_table td.memberCols2 td{color:#989898!important;} .basic_btn_wrap{width:100%; text-align:center;} /* 중고마켓 */ .wrap_container .basic_wrapper .board_prod_tab > div{width:249px; height:44px; border:1px solid #b2b2b2; line-height: 44px; position: relative; z-index:10; float:left; margin:0px 5px;} .wrap_container .basic_wrapper .board_prod_tab{width:522px; margin:0 auto; margin-top:18px;} .wrap_container .basic_wrapper .board_prod_tab div span{position: absolute; top:-1px; right:9px; z-index:20;} .wrap_container .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .wrap_container .board_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .uk_tit{font-family: 'Nanum Gothic'!important; font-size:30px; font-weight: normal!important;} .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .board_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .basic_wrapper .board_prod_tab .hanfont{font-size:12px; position: absolute; top:0px; left:55px; z-index:10;} .wrap_container .basic_wrapper .board_prod_tab div{cursor:pointer; color:#959595;} .wrap_container .basic_wrapper .board_prod_tab div a{display: block; height:40px; line-height:40px;} .wrap_container .basic_wrapper .board_prod_tab div a span{ color:#959595;} .wrap_container .basic_wrapper .board_prod_tab .npactv{border:1px solid #000; color:#000!important;} .wrap_container .basic_wrapper .board_prod_tab .npactv a, .wrap_container .basic_wrapper .board_prod_tab .npactv a div, .wrap_container .basic_wrapper .board_prod_tab .npactv a span{color:#000!important;} .wrap_container .basic_wrapper .uk_base_tit{border:1px solid #e3e3e3; min-height:97px; width:998px; margin-top:49px;} .wrap_container .basic_wrapper .uk_base_tit p{text-align: center;font-family: 'Nanum Gothic'; color:#4b4b4b; font-size:13px; margin-bottom:9px;} .wrap_container .basic_wrapper .uk_base_tit p.ftc{margin-top:15px;} .wrap_container .basic_wrapper .uk_base_tit p.rdot{color:#c60103;} .wrap_container .basic_wrapper .uk_board_list_cont{border-top:1px solid #7f7f7f;} .wrap_container .basic_wrapper .uk_board_list_cont .basic_btn_wrap{ padding-top:52px;} .wrap_container .basic_wrapper .uk_board_list_cont td{padding:8px 0px; border-bottom:1px solid #e9e9e9;} .wrap_container .basic_wrapper .uk_board_list_cont .board_thumb img{border:1px solid #e5e5e5;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list{padding-left:18px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list .deg_icon{display: inline-block; *display: inline; background:url(/design/free8879/2015renew/images/board/dg_icon.gif) 0 0 no-repeat; padding-left:12px; margin-left:12px;} .wrap_container .basic_wrapper .uk_board_list_cont table td{vertical-align: middle;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list{vertical-align: middle!important;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list .board_list_tit{font-family: 'Nanum Gothic'; color:#282828; font-size:15px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list .uk_used_info{margin-top:17px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_list .uk_used_info div{float:left; display: inline-block; *display: inline; font-family:'Tahoma','Nanum Gothic'; color:#282828; font-size:14px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_price{text-align: right;} .wrap_container .basic_wrapper .uk_board_list_cont .board_price .bprice{color:#373737;font-family: 'Nanum Gothic'; font-size:20px; /*margin-top:40px;*/} .wrap_container .basic_wrapper .uk_board_list_cont .board_price .bdelivery{margin-top:8px; margin-bottom:37px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_price .bdelivery, .wrap_container .basic_wrapper .uk_board_list_cont .board_price .bdelivery span{color:#373737;font-family: 'Nanum Gothic'; font-size:14px;} .wrap_container .basic_wrapper .uk_board_list_cont .board_price .bwriter{color:#373737;font-family: 'Nanum Gothic'; font-size:14px;} /* 중고마켓 쓰기 */ .wrap_container .basic_wrapper .total_sort_wrap{overflow:hidden; margin-top:42px; margin-bottom:10px;} .wrap_container .basic_wrapper .total_sort_wrap .total_cont{float:left; font-size: 13px; font-family: 'Tahoma'!important; color:#6f6f6f; font-weight: bold; height: 29px; line-height: 26px;} .wrap_container .basic_wrapper .total_sort_wrap .total_cont .total_cnt{ font-size: 13px; font-family: 'Tahoma'!important; color:#6f6f6f; font-weight: bold;} .wrap_container .basic_wrapper .total_sort_wrap .sort_cont{float:right;} .wrap_container .basic_wrapper .total_sort_wrap .sort_cont a{color:#222;font-family: 'Nanum Gothic'; font-size:13px; margin-right:20px;} .wrap_container .basic_wrapper .total_sort_wrap .sort_cont select{height:29px; width:170px; border:1px solid #000;} .wrap_container .basic_wrapper .uk_board_list_cont .content_table{border-top:1px solid #303030;} .wrap_container .basic_wrapper .uk_board_list_cont .content_table th{border-bottom:1px solid #e0dfdf!important; text-align: right;} .wrap_container .basic_wrapper .uk_board_list_cont .content_table td{border-bottom:1px solid #e0dfdf!important; text-align: left; padding-left:25px;} .wrap_container .basic_wrapper .uk_board_list_cont .content_table textarea{width:865px; height:348px; text-align: left;} .wrap_container .basic_wrapper .uk_board_list_cont .content_table select{height:21px;} .wrap_container .basic_wrapper .uk_board_list_cont .basic_wrapper .content_table td input{padding:0px; margin:0px; height:17px; line-height: 17px;} /* 중고마켓 읽기 */ .view_bb .deg_icon{display: inline-block; *display: inline; background:url(/design/free8879/2015renew/images/board/dg_icon.gif) 0 0 no-repeat; padding-left:12px; margin-left:12px;} .flleft{float:left;} .flright{float:right;} .view_wrap{padding:50px 0px;} .view_basic_btn_wrap{padding-top:10px!important;} /* 스타일검색 */ .wrap_container .basic_wrapper2{max-width:1400px; margin:0 auto;} .wrap_container .basic_wrapper2 .style_prod_tab > div{width:249px; height:44px; border:1px solid #b2b2b2; line-height: 44px; position: relative; z-index:10; float:left; margin:0px 5px;} .wrap_container .basic_wrapper2 .style_prod_tab{width:522px; margin:0 auto; margin-top:18px;} .wrap_container .basic_wrapper2 .style_prod_tab div span{position: absolute; top:-1px; right:9px; z-index:20;} .wrap_container .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .wrap_container .style_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .uk_tit{font-family: 'Nanum Gothic'!important; font-size:30px; font-weight: normal!important;} .eng_font{font-family: 'Nanum Gothic'; font-weight:500; font-size:20px; display: inline-block; *display: inline; border:0px; width:auto; margin-left:17px;} .style_tabcont01{font-family: 'Nanum Gothic'; font-size:12px;} .wrap_container .basic_wrapper2 .style_prod_tab .hanfont{font-size:12px; position: absolute; top:0px; left:105px; z-index:10;} .wrap_container .basic_wrapper2 .style_prod_tab div{cursor:pointer; color:#959595;} .wrap_container .basic_wrapper2 .style_prod_tab div a{display: block; height:44px; line-height:44px;} .wrap_container .basic_wrapper2 .style_prod_tab div a span{ color:#959595;} .wrap_container .basic_wrapper2 .style_prod_tab .npactv{border:1px solid #000; color:#000!important;} .wrap_container .basic_wrapper2 .style_prod_tab .npactv a, .wrap_container .basic_wrapper2 .style_prod_tab .npactv a div, .wrap_container .basic_wrapper2 .style_prod_tab .npactv a span{color:#000!important;} .wrap_container .basic_wrapper2 .style_prod_tab .npactv {} .wrap_container .basic_wrapper2 h1.style_tit{text-align:center; margin-top:50px;} .wrap_container .basic_wrapper2 .face_wrap{margin-bottom:85px; margin-top:10px;} .wrap_container .basic_wrapper2 .face_wrap .face_box{width: 348px; height:378px; display: block; border: 1px solid #cbcbcb; float:left; margin-right:-1px;} .wrap_container .basic_wrapper2 .face_wrap .face01{background: url(/design/free8879/2015renew/images/stylesch/face_01.gif) no-repeat center 71px;} .wrap_container .basic_wrapper2 .face_wrap .face02{background: url(/design/free8879/2015renew/images/stylesch/face_02.gif) no-repeat center 71px;} .wrap_container .basic_wrapper2 .face_wrap .face03{background: url(/design/free8879/2015renew/images/stylesch/face_03.gif) no-repeat center 71px;} .wrap_container .basic_wrapper2 .face_wrap .face04{background: url(/design/free8879/2015renew/images/stylesch/face_04.gif) no-repeat center 71px;} .wrap_container .basic_wrapper2 .face_wrap p{font-size: 20px; font-family: 'Nanum Gothic'; color:#000; margin-left:26px;} .wrap_container .basic_wrapper2 .face_wrap p span{font-size:15px; font-family: 'Nanum Gothic'; color:#000; font-weight: normal;} .wrap_container .basic_wrapper2 .face_wrap p span.face_dot{font-size:10px; position:relative; top:-2px;} .wrap_container .basic_wrapper2 .face_wrap .face_title{margin-top:25px;} .wrap_container .basic_wrapper2 .face_wrap .face_sub_text{} .wrap_container .basic_wrapper2 .face_wrap .face_sub_text p.ftc{font-size:15px; font-family: 'Nanum Gothic B'; color:#000; font-weight: bold; margin-bottom:8px; margin-top:215px;} .wrap_container .basic_wrapper2 .face_wrap .face_sub_text p{font-size: 13px; font-family: 'Nanum Gothic'; color:#000; font-weight: normal; letter-spacing: -1px; padding-bottom:6px;} .wrap_container .basic_wrapper2 .total_sort_wrap{overflow:hidden; margin-top:42px; margin-bottom:10px;} .wrap_container .basic_wrapper2 .total_sort_wrap .total_cont{float:left; font-size: 13px; font-family: 'Tahoma'!important; color:#6f6f6f; font-weight: bold; height: 29px; line-height: 26px;} .wrap_container .basic_wrapper2 .total_sort_wrap .total_cont .total_cnt{ font-size: 13px; font-family: 'Tahoma'!important; color:#6f6f6f; font-weight: bold;} .wrap_container .basic_wrapper2 .total_sort_wrap .sort_cont{float:right;} .wrap_container .basic_wrapper2 .total_sort_wrap .sort_cont a{color:#222;font-family: 'Nanum Gothic'; font-size:13px; margin-right:20px;} .wrap_container .basic_wrapper2 .total_sort_wrap .sort_cont select{height:29px; width:170px; border:1px solid #000;} .wrap_container .basic_wrapper2 .style_select_wrap{margin-top:35px;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content{width:1400px; border-collapse: collapse;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content th, .wrap_container .basic_wrapper2 .style_select_wrap .style_content td{font-size:14.5px; font-family: 'Nanum Gothic'; text-align: left; border:1px solid #cdcdcd; height:39px; font-weight: normal;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content th{background:#fbfbfb; text-align:center; font-weight: normal!important; color:#000;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content td{padding-left:10px;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content td span{display: inline-block; *display: inline; width:160px; font-size:13px; position:relative; top:-2px;} .wrap_container .basic_wrapper2 .style_select_wrap .style_content td span input{position: relative; top:0px; margin-right:5px;} .wrap_container .basic_wrapper2 .style_select_wrap .style_schbtn {width:100%; text-align: center; padding-top:34px;} /** 통합검색 **/ .wrap_container .basic_wrapper2 .total_sch_wrap{border:2px solid #171717; margin:0 auto; width:336px; margin-top:53px; margin-bottom:65px;} .wrap_container .basic_wrapper2 .total_sch_wrap .total_sch_cont{position: relative; z-index:10; border:1px solid #e7e7e7; height:38px; width:334px;} .wrap_container .basic_wrapper2 .total_sch_wrap .total_sch_cont .total_sch_inp{width:293px; height:37px; position: absolute; top:0px; left:0px; z-index:9; padding:0px; margin:0px; border:0px!important; background:#fff!important;} .wrap_container .basic_wrapper2 .total_sch_wrap .total_sch_cont .total_sch_btn{position: absolute; top:0px; right:0px; z-index:10;} .wrap_container .basic_wrapper2 .det_tab_sch{overflow:hidden;} .wrap_container .basic_wrapper2 .det_tab_sch a{position:relative; z-index:9;font-family: 'Nanum Gothic'; font-size:14.5px; color:#b2b2b2; display: block; width:154.2px; height:42px; border:1px solid #b2b2b2; text-align:center; line-height: 42px; float:left; margin-right:-1px;} .wrap_container .basic_wrapper2 .det_tab_sch a:hover{color:#b2b2b2; color: #000; position: relative; z-index:10; border:1px solid #000;} .wrap_container .basic_wrapper2 .total_content .total_cont {overflow: hidden; margin-top:100px;} .wrap_container .basic_wrapper2 .total_content .total_cont.ftc{margin-top:50px!important;} .wrap_container .basic_wrapper2 .total_content .total_cont .total_tit{font-family: 'Tahoma','Nanum Gothic'; font-size:25px; color:#000; float:left;} .wrap_container .basic_wrapper2 .total_content .total_cont .total_tit span{font-family:'Nanum Gothic'; font-size:14px;} .wrap_container .basic_wrapper2 .total_content .total_cont .total_more_btn{float:left; margin-top:6px; background:#000; color:#fff; border:1px solid #000; border-radius: 5px 5px 5px 5px; margin-left:23px;} .wrap_container .basic_wrapper2 .total_content .total_cont .total_more_btn a{font-weight:bold; color:#222!important;font-family:'Nanum Gothic'; color:#fff!important; display: block; width:76px; height:25px;line-height: 25px; text-align: center;} .wrap_container .basic_wrapper2 .total_content .store_prod_wrap{overflow:hidden; padding-top:11px; width:1400px; } .wrap_container .basic_wrapper2 .total_content .total_cont {border-bottom:1px solid #e3e3e3; padding-bottom:5px;} .board_grid_wrap{margin-left:25px;} .wrap_container .basic_wrapper2 .total_content .item_story_box{overflow:hidden; width:100%; border-bottom:1px solid #ebebeb; padding:10px 0px;} .wrap_container .basic_wrapper2 .total_content .item_story_box .item_story_thumb{float:left; width:238px; margin-right:20px;} .wrap_container .basic_wrapper2 .total_content .item_story_box .item_story_thumb img{border:1px solid #d5d5d5; width:100%} .wrap_container .basic_wrapper2 .total_content .item_story_box .item_story_text{float:left;} .wrap_container .basic_wrapper2 .total_content .item_story_box .b_name{font-family:'Nanum Gothic'; font-size: 15px; color:#333; margin-top:20px;} .wrap_container .basic_wrapper2 .total_content .item_story_box .b_date{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6; font-weight:bold; margin:20px 0px;} .wrap_container .basic_wrapper2 .total_content .item_story_box .b_content{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6;} /* 회사소개 */ .wrap_container .basic_wrapper2 .company_ban{width:1200px; margin:0 auto;} .wrap_container .basic_wrapper2 .company_ban .about_ban{margin-top:80px;} .wrap_container .basic_wrapper2 .company_ban .about_info h1{font-size:24px; font-family: 'Nanum Gothic','Tahoma'; font-weight: normal!important; color:#000; margin-bottom:18px; margin-top:35px;} .wrap_container .basic_wrapper2 .company_ban .about_info p{font-size:15px; font-family: 'Nanum Gothic'; font-weight: normal; color:#494949; line-height: 24px;} .wrap_container .basic_wrapper2 .company_ban .about_info p span{font-size: 20px!important; font-weight: bold!important;} .wrap_container .basic_wrapper2 .company_ban .about_info p.ftc{margin-bottom:10px;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide{position:relative; z-index:10;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-direction-nav{position: absolute; top:0px; z-index:20; width:100%;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-direction-nav .flex-prev{overflow:hidden; display: block; width:48px; height:87px; background: url(/design/free8879/2015renew/images/aboutus/com_left_btn.png) no-repeat 0 0;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-direction-nav .flex-next{overflow:hidden; display: block; width:48px; height:87px; background: url(/design/free8879/2015renew/images/aboutus/com_right_btn.png) no-repeat 0 0;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-control-nav{display: none;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-nav-prev{position: absolute; top:210px; left:0px; z-index:20;} .wrap_container .basic_wrapper2 .company_ban .about_ban .about_ban_slide .flex-nav-next{position: absolute; top:210px; right:0px; z-index:20;} /* 중고마켓 에디터 */ #frame_toolbar0 td{padding:0px!important;} #toolbar0 td{border-bottom:0px!important;} /* 일반 게시판 */ .tit_th{font-size:12px; font-weight: bold; color:#464646; font-family: 'Dotum'; border-top:1px solid #7f7f7f; border-bottom:1px solid #e7e7e7;} .board_inp_chk{margin-top:0px; margin-bottom:0px; position: relative; z-index:10; top:2px;} .board_chkbox .stxt{vertical-align: middle!important;} .board_basic_wrap{margin-top:75px;} .board_basic_wrap .MS_select{height:30px;} .board_tab{width:1000px; margin:0 auto; padding-bottom:30px; padding-top:20px; clear:both;} .board_tab .board_tab_cont{overflow:hidden;} .board_tab .board_tab_cont a{line-height:143px; font-size:14.5px; font-family: 'Nanum Gothic'; width:110px; height:98px; display: block; float:left; margin-right:-1px; border:1px solid #b4b4b4; text-align: center; background:#ffffff url(/design/free8879/2015renew/images/board/board_tab_off.gif) no-repeat 0 17px; position: relative; z-index:10;} .board_tab .board_tab_cont a:hover{background:#000000 url(/design/free8879/2015renew/images/board/board_tab_on.gif) no-repeat 0 17px; color:#fff; position: relative; z-index:20;} .board_tab .board_tab_cont .b_tab01{background-position: -1px 17px;} .board_tab .board_tab_cont .b_tab02{background-position: -110px 17px;} .board_tab .board_tab_cont .b_tab03{background-position: -221px 17px;} .board_tab .board_tab_cont .b_tab04{background-position: -331px 17px;} .board_tab .board_tab_cont .b_tab05{background-position: -442px 17px;} .board_tab .board_tab_cont .b_tab06{background-position: -554px 17px;} .board_tab .board_tab_cont .b_tab07{background-position: -664px 17px;} .board_tab .board_tab_cont .b_tab08{background-position: -776px 17px;} .board_tab .board_tab_cont .b_tab09{background-position: -886px 17px;} .board_tab .board_tab_cont .b_tab01:hover{background-position: -1px 17px;} .board_tab .board_tab_cont .b_tab02:hover{background-position: -110px 17px;} .board_tab .board_tab_cont .b_tab03:hover{background-position: -221px 17px;} .board_tab .board_tab_cont .b_tab04:hover{background-position: -331px 17px;} .board_tab .board_tab_cont .b_tab05:hover{background-position: -442px 17px;} .board_tab .board_tab_cont .b_tab06:hover{background-position: -554px 17px;} .board_tab .board_tab_cont .b_tab07:hover{background-position: -664px 17px;} .board_tab .board_tab_cont .b_tab08:hover{background-position: -776px 17px;} .board_tab .board_tab_cont .b_tab09:hover{background-position: -886px 17px;} .board_basic_gallery_wrap td{padding:0px;} .board_grid_wrap{width:104%; overflow:hidden;} .board_grid{width:300px; float:left; text-align:center; margin-right:50px;} .board_grid > div{text-align: left} .board_grid .board_thumbz a{display:block; display: table-cell; width:223px; height:223px; border:1px solid #ddd; text-align: center; overflow:hidden; vertical-align: middle;} .board_grid .board_thumbz a img{vertical-align: middle!important; width:100%;} .board_grid .board_thumbz img{width:100%; border:1px solid #} .board_grid .board_goods_name{padding-top:18px; padding-bottom:70px;color:#4b4b4b; font-size:14px; font-family: 'Nanum Gothic';} .board_grid .board_goods_name a{ font-family: 'Nanum Gothic'; color:#c1c1c1;font-size: 17px; font-family: 'Nanum Gothic';word-break: break-all; padding:5px 0px; line-height: 100%!important; text-align:left; display: table-cell!important; vertical-align: middle;} .board_goods_name_title a{color:#4b4b4b!important; font-size: 17px; font-family: 'Nanum Gothic';} .board_goods_content{padding:10px 0px;} .board_goods_date{font-weight: bold;} /** 매거진 **/ .wrap_container .magazine_tab{width:1400px; margin:0 auto; margin-top:75px;} .wrap_container .magazine_tab a{display: block; margin-right:-1px; width:347px; height:42px; border:1px solid #b2b2b2; position: relative; z-index:10; float:left; text-align: center; line-height: 42px;} .wrap_container .magazine_tab a:hover{border:1px solid #000; position: relative; z-index:20;} .wrap_container .magazine_tab .maga_tit{font-size:18px; font-family: 'Tahoma'!important; color:#b2b2b2; } .wrap_container .magazine_tab .maga_tit_han{font-size:14px; font-family:'Nanum Gothic'!important; font-weight: bold; color:#b2b2b2; margin-left:5px;} .wrap_container .magazine_tab a:hover .maga_tit{color:#000;} .wrap_container .magazine_tab a:hover .maga_tit_han{color:#4b4b4b;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont {overflow: hidden; margin-top:100px;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont.ftc{margin-top:50px!important;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_tit{font-family: 'Tahoma','Nanum Gothic'; font-size:25px; color:#000; float:left;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_tit span{font-family:'Nanum Gothic'; font-size:14px;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_more_btn{float:left; margin-top:6px; background:#000; color:#fff; border:1px solid #000; border-radius: 5px 5px 5px 5px; margin-left:23px;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_more_btn a{font-weight:bold; color:#222!important;font-family:'Nanum Gothic'; color:#fff!important; display: block; width:76px; height:25px;line-height: 25px; text-align: center;} /*.wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_more_btn{float:right; margin-top:13px;} .wrap_container .basic_wrapper2 .magazine_wrap .total_cont .total_more_btn a{font-weight:bold; color:#222!important; font-family:'Nanum Gothic'; font-size:14px;}*/ /** 마이페이지 탑 탭메뉴 **/ .mypage_top_wrap{width:999px; margin:0 auto; overflow:hidden;} .mypage_top_wrap .mypage_tab_cont{position:absolute; top:149px; left:50%; margin-left:-500px; z-index:10;} .mypage_top_wrap .mypage_info{float:left; width:188px; height:135px; border:1px solid #bababa; margin-right:-1px;} .mypage_top_wrap .mypage_tab{float:right; overflow:hidden; border-bottom:1px solid #bababa;} .mypage_top_wrap .mypage_tab a{width:198px; height:67px; border:1px solid #bababa; float:left; margin-right:-1px; margin-bottom:-1px; text-align: center; line-height: 67px; font-size: 15px; font-family:'Nanum Gothic';} .mypage_top_wrap .mypage_tab a:hover{color:#fff; background:#000;} .mypage_top_wrap .mypage_tab a.myp_tab_actv{color:#fff; background:#000;} .mypage_top_wrap #mem_box .lev_meme{text-align:left; width:147px; font-size:12px; color:#838383; display: inline-block; *display: inline; margin-left:18px; margin-top:10px; padding-bottom:3px; border-bottom:dotted 1px #505050;} .mypage_top_wrap #mem_box .lev_meme span{color:#505050; font-weight:bold;} .myp_margint{margin-top:315px!important;} .myptit_bg{background:url(/design/free8879/2015renew/images/myp/mypdot.gif) no-repeat 18px 45%; padding-left:28px;} /** 마이ㅍ페이지 컨텐츠 **/ .myp_small_btn01{display: block; width:48px; height:19px; text-align: center; line-height: 19px; background:#afafaf; color:#fff!important; } .myp_small_btn02{display: block; width:79px; height:19px; text-align: center; line-height: 19px; background:#afafaf; color:#fff!important; } .myp_small_btn03{display: inline-block; *display: inline; width:47px; height:16px; text-align: center; line-height: 16px; background:#afafaf; color:#fff!important; } .wrap_container .basic_wrapper .myp_h1{font-family:'Nanum Gothic'; font-size: 16px; color:#000; font-weight:bold; margin-bottom:6px; margin-top:43px;} .wrap_container .basic_wrapper .input_txt th { font: bold 12px 돋움; color: #5D5D5D; letter-spacing: -1px; padding-top: 4px;} .wrap_container .basic_wrapper .input_txt td { font: bold 12px 돋움; color: #989898; font-weight:normal; letter-spacing: -1px; padding-top: 4px;} .wrap_container .basic_wrapper .input_txt td a{ font: bold 12px 돋움; color: #989898; font-weight:normal; letter-spacing: -1px; padding-top: 4px;} .wrap_container .basic_wrapper .dic_tab{ margin-top:55px; border-bottom:1px solid #bababa;} .wrap_container .basic_wrapper .dic_tab a{display: block; width:187px; height:44px; text-align:center; line-height: 44px; border:1px solid #bababa; float:left; margin-right:-1px; position:relative; z-index:10; font-size:13.5px; font-family:'Nanum Gothic'; margin-bottom:-1px; } .wrap_container .basic_wrapper .dic_tab a:hover{color:#fff; background: #231f20;} .wrap_container .basic_wrapper .dic_tab .actvz{color:#fff; background: #231f20;} .hack_w{margin-top:57px;} .hack_w .number_wrap{position: relative; z-index:10; width:110px; text-align:right; right:50px;} .hack_w .number_wrap .number_t{font-size:55px; line-height: 55px; font-family: 'Myriad Pro'!important; font-weight:bold; color:#000; letter-spacing: -3px;} .hack_w .number_wrap .number_text{font-family: 'Nanum Gothic'; font-weight: bold; font-size: 16px; color:#989898; position: relative; z-index:10; top:-7px} .hack_w .seced_cont{position: relative; z-index:10; left:25px; width:540px;} /** FAQ **/ .faq_inp_wrapzx{border:2px solid #000; width:336px; margin:0 auto;} .faq_inp_wrap{width:334px; height:37px; border:1px solid #e7e7e7; position: relative; z-index:20;} .faq_inp_wrap .faq_inp{position: absolute; top:0px; left:0px; z-index:10;} .faq_inp_wrap .faq_inp input{width:334px; height:37px; padding:0px!important; margin:0px!important; border:0px!important; background:#fff!important;} .faq_inp_wrap .faq_btn{position: absolute; top:0px; right:0px; z-index: 20;} .faq_inp_wrap .faq_btn input{padding:0px!important; margin:0px!important; border:0px!important;} .faqtab{font-size:13px; font-family: 'Nanum Gothic'; color:#4b4b4b; font-weight:bold;} /* 스타갤러리 백업 CSS .board_basic_gallery_wrap{width:1400px;} .board_grid{width:277px; margin-right:4px; margin-bottom:22px;} .stargalleryonoff{position:relative;} .board_grid .board_goods_name {padding-top: 0px; padding-bottom: 0px; color: #fff; font-size: 14px; font-family: 'Nanum Gothic'; display: block; position: absolute; top: 0px; left: 0px; z-index: 10; width:277px; height:277px; line-height:277px;} .board_grid .board_goods_name a{color:#fff; display:block; width:277px; height:277px;} .board_dummy_bg{width:277px; height:277px; background:#000; opacity:0.2; position:absolute; top:0px; left:0px; z-index:9;} .board_tab{display:none;} .board_basic_wrap { margin-top: 75px;} */ /*포토후기 백업 CSS .board_grid{width:225px; margin-right:34px;} .board_grid .board_goods_name{padding-top:13px; padding-bottom:47px;} .board_basic_wrap { margin-top: 75px;} */ .comment_wrap td{padding:0px!important; line-height: 68px; } .comment_wrap .comment_name{text-align: center; font-weight: bold; color:#000;} .comment_wrap .comment_subject{ color:#000;} .comment_wrap .date_dell_btn{text-align: right;} .comment_wrap .date_dell_btn a{display: inline-block; *display: inline; width:36px; height:17px; text-align: center; line-height: 17px; background: #afafaf; color:#fff; margin-left:5px; margin-right:10px;} .inp_area{border:1px solid #dcdcdc; margin-top:-1px; border-bottom:0px;} .inp_area td{line-height: 34px!important; border-color:#dcdcdc!important;} .comment_wrap .comment_writer{text-align:center;} .comment_wrap .comment_writer_inp input{margin-top:5px; height:18px; line-height: 18px; border:1px solid #dcdcdc!important;} .comment_wrap .comment_pw_inp input{margin-top:5px; height:18px; line-height: 18px; border:1px solid #dcdcdc!important;} .comment_wrap .comment_pw{text-align:center;} .comment_wrap .comment_content{text-align: center; line-height: 86px!important;} .comment_wrap .comment_content_text{width:760px;} .comment_wrap .comment_content_text textarea{width:740px; height:63px; float:left; margin-top:7px;} .comment_wrap .comment_content_text_btn{margin-top:7px; margin-left:3px;display: block; color:#fff; float:left; width:110px; height:69px; background: #4c4c4c; font-size:13px; font-family: 'Nanum Gothic'; text-align: center; line-height: 69px;} .delivery_wrap{border:1px solid #959595; position: relative; z-index:10; width:1000px; margin:0 auto; margin-bottom:29px; padding-bottom:30px; padding-top:25px;} .delivery_wrap .book_cate{background: url(/design/free8879/2015renew/images/view/book_cate.gif) no-repeat 0 0; width:33px; height:33px; position: absolute; bottom:-1px; right:-1px;} .delivery_wrap p{font-size: 13px; font-family: 'Nanum Gothic'!important; color:#7e7e7e; font-weight:normal; margin-left:42px; line-height: 19px;} .delivery_wrap h1{font-size:22px; font-family: 'Tahoma'; color:#000; margin-left:42px;} .delivery_wrap h1 span{font-size: 14px; font-family: 'Nanum Gothic'!important; position: relative; top:-3px; left:4px;} .delivery_wrap h2{font-size: 14px; font-family: 'Nanum Gothic'!important; color:#000; margin-left:42px;} .recmd_wrap{position: relative; z-index:20;} .recmd_wrap #prevz{position: absolute; top:45%; left:-45px; cursor:pointer; z-index:50;} .recmd_wrap #nextz{position: absolute; top:45%; right:-45px; cursor:pointer; z-index:50;} .recmd_wrap .thumbz img{width:90%!important;} .grid_cont{width:90%;} .topdown{position: fixed; top:50%; right:0px; background:url(/design/free8879/2015renew/images/main/topdw_btn.png) no-repeat 0 0; width:52px; height:103px; z-index:90;} .topdown .topdown_cont{width:52px; height: 103px; position: relative; z-index:10;} .topdown .topdown_cont .top_btn{line-height:89px;cursor: pointer; position: absolute; top:0px; right:0px; width:52px; height:52px; text-align: right; font-family: 'Nanum Gothic'!important; font-size:10px; color:#000;} .topdown .topdown_cont .btm_btn{line-height:18px;cursor: pointer; position: absolute; bottom:0px; right:0px; width:52px; height:51px; text-align: right;font-family: 'Nanum Gothic'!important; font-size:10px; color:#7f7f7f;} #centerLayer{z-index:999999999!important;} .cp_formTitle{color:#5d5d5d!important; font-weight: bold!important; font-size:13px;} .cp_formValue{color:#000!important; font-weight: bold!important; font-size:13px;} .cp_black_text{color:#000!important; letter-spacing:1px; font-size:13px; padding-top:10px; font-weight: bold;} .board_section01{overflow:hidden;} .board_section02{overflow:hidden;} .board_section03{overflow:hidden;} .board_section04{overflow:hidden;} .board_form1 .item_story_box{overflow:hidden; width:100%; border-bottom:1px solid #ebebeb; padding:10px 0px;} .board_form1 .item_story_box .item_story_thumb{float:left; width:238px; margin-right:20px;} .board_form1 .item_story_box .item_story_thumb img{border:1px solid #d5d5d5; width:100%} .board_form1 .item_story_box .item_story_text{float:left;} .board_form1 .item_story_box .b_name{font-family:'Nanum Gothic'; font-size: 15px; color:#333; margin-top:20px;} .board_form1 .item_story_box .b_date{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6; font-weight:bold; margin:20px 0px;} .board_form1 .item_story_box .b_content{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6;} .board_form2{margin-top:10px;} .board_form3 .item_story_box{overflow:hidden; width:100%; border-bottom:1px solid #ebebeb; padding:10px 0px;} .board_form3 .item_story_box .item_story_thumb{float:left; width:238px; margin-right:20px;} .board_form3 .item_story_box .item_story_thumb img{border:1px solid #d5d5d5; width:100%} .board_form3 .item_story_box .item_story_text{float:left;} .board_form3 .item_story_box .b_name{font-family:'Nanum Gothic'; font-size: 15px; color:#333; margin-top:20px;} .board_form3 .item_story_box .b_date{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6; font-weight:bold; margin:20px 0px;} .board_form3 .item_story_box .b_content{font-family:'Nanum Gothic'; font-size: 13px; color:#a6a6a6;} /** 미디어 쿼리 스크린 반응 **/ /*** 상단 css 오버라이드로 인하여 하단에 배치 위치이동 하지 마십시오 ***/ @media screen and (max-width:1020px){ .all_brand {position: absolute; top:-1700px; left:50%; margin-left:-334px; z-index:10; background:#000; padding:15px; padding-bottom:0px!important;} .fixed_layout .logo_sch{float:none;} .fixed_layout .cate_top_m{position:relative!important; left:0px!important; padding-right:48px;} } .bold{font-weight: bold!important;} .today_wrapper{position: fixed; top:216px; right:74px; z-index:9999;} .today_wrapper .today_container{position: relative; z-index:200;} .today_wrapper .today_container .tod_box{width:103px; height:103px; overflow:hidden; padding:5px 0px; text-align: center;} .today_wrapper .today_container .tod_box img{border:1px solid #e5e5e5; width:101px; height: 101px;} .today_wrapper .today_container .tup{position: absolute; top:-17px; left:32px; z-index:200; cursor: pointer;} .today_wrapper .today_container .tdn{position: absolute; bottom:-17px; left:32px; z-index:200; cursor: pointer;} /* 20150423 */ .all_brand{padding:0;width:1400px;height:800px} .all_brand .all_brand_tab{position:absolute;left:15px;top:15px;right:15px;border-bottom:1px solid #fff;z-index:20} .all_brand.fix{left:0;right:0;margin-left:0;width:auto} .all_brand .allbrand_close{z-index:30} .all_brand .all_brand_cont{position:absolute;left:15px;top:80px;right:15px;bottom:15px;padding:0;border:0;overflow:hidden} .all_brand .all_brand_cont .all_brand_scroll{width:100%;height:100%;overflow:auto} .all_brand .all_brand_cont .all_brand_cont01, .all_brand .all_brand_cont .all_brand_cont02{width:1350px} .all_brand .all_brand_cont .all_brand_cont01 .sunglass, .all_brand .all_brand_cont .all_brand_cont02 .sunglass{width:675px} .all_brand .all_brand_cont .all_brand_cont01 .eyeglass, .all_brand .all_brand_cont .all_brand_cont02 .eyeglass{width:670px} .all_brand .all_brand_cont .brd_list{margin-left:10px} #header.fixed_header{position:fixed;left:0;top:0;right:0;width:100%} /** 20150507 CSS **/ .agreement_wrap{width:924px; padding:30px; height:741px; margin:0 auto; overflow-y:scroll; border:1px solid #dfdfdf; margin-top:74px;} .brand_sch_content_loop{height:511px; overflow:hidden;} /*** 메이크샵 추가 css ***/ .color000{color:#000!important;} .btnz_wrap{margin-top:30px;} .det_list_board_th { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #e6e6e6; color: #464646; } .det_list_board_th .list_tline{ border-top:1px solid #E6E6E6 } .board_btnz_wrap{width:100%; text-align:right; padding-top:20px;} .board_btnz_wrap dt{float:left;} .board_btnz_wrap dd{float:right} .board_big_inp,.board_small_inp{height:28px; padding:0px!important;} .board_textarea{padding:10px 0px;} .basic_btn_gray{width:67px; height:28px; line-height:28px; background:#979696; color:#fff!important; text-align:center; display:inline-block;} .basic_btn_gray2{width:92px; height:28px; line-height:28px; background:#979696; color:#fff!important; text-align:center; display:inline-block;} .board_top_line{border-top:1px solid #292929!important;} .line_btm{border-bottom:1px solid #d8d8d8!important;} #check_auth{z-index:999!important;} #comment_password{z-index:999!important;} .coment_z{border:1px solid #d8d8d8} .coment_z td{border:1px solid #d8d8d8; border-right:0px; border-left:0px;} .coment_btn a{color:#000} .comment_write{border-bottom:1px solid #d8d8d8;} .comment_write th{font-weight:normal!important;} .comment_write .board_coment_inp{width:169px!important; height:28px!important;} .comment_write textarea{padding:7px!important; width:714px!important;} .comment_write .comment_write_btn{display:inline-block; width:109px; height:62px; background:#a0a0a0; color:#fff; text-align:center; line-height:62px; margin-left:9px;} .view-link{overflow:hidden; padding-bottom:72px;} .board_l_btn{float:left;} .board_r_btn{float:right;} .board_mod_inp{width:140px; height:28px; line-height:28px;} .mod_btn_wrap{width:100%; text-align:center; padding-top:22px; padding-bottom:19px;} .modify_board{width:338px; margin:0 auto; height:179px; border:1px solid #d7d7d7; border-top:1px solid #000; margin-top:50px;} .modify_board_cont{width:280px; margin:0 auto; margin-top:30px;} .mod_tit{width:100%; display:block; border-top:1px solid #efefef; text-align:center; padding-top:13px;} .gallery_list ul{width:105%;} .attach{display:none;} .faq_content_wrap{width:242px; height:19px; border:2px solid #000; position:relative; z-index:11; overflow:hidden;} .faq_content_wrap input{width:100%; height:19px; line-height:19px; text-align:left; text-indent:10px; position:absolute; top:0px; left:0px; z-index:20; padding:0px; margin:0px;} .faq_content_wrap a{position:absolute; top:0px; right:0px; z-index:30;} #bbsData .bbs-link-top{ margin-left:0px!important;} .board_sch_btnz{display:inline-block; width:42px; height:23px; text-align:center; line-height:23px; color:#fff; background:#979696;} .bbs-table-write textarea{width:670px!important;} #MSecure_layer1{z-index:99999!important;} #MSecure_layer2{z-index:99999!important;} #MSecure_layer3{z-index:99999!important;} #MSecure_layer4{z-index:99999!important;} /* BASIC css end */