@import url("/LIB/CSS/button.css");


html { -webkit-text-size-adjust:none;   overflow-y:scroll } 
body{ margin:0; padding:0 }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li { list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:middle; }
img,fieldset { border:none; }
input { vertical-align:middle; }
button{ cursor:pointer; }
hr{ display:none; clear:both; }
a{ text-decoration:none; }
.skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
table{border-collapse:collapse;border-spacing:0;}




body,h1,h2,h3,h4,input,button{font-family:'ngn', 'NanumGothic', '나눔고딕', NGNormal, NanumGothicBold, '돋움', Dotum, Arial, Tahoma, sans-serif;font-size:14px;/*87.5%*/;color:#454545;/* line-height:180%; *//*letter-spacing:-1px;*/}

/*기본*/
.wrap_center,.right_content{ position:relative; width:1100px; margin:0 auto; overflow:hidden;}
.container{position:relative; width:1100px; margin:0 auto; }




/* 랩 */
div.wrap{min-width:1200px;}
.header{ position:relative; width:100%; height:42px; padding:0px 0px;  border-top:1px solid #eaeaea; border-bottom:1px solid #eaeeee}
.s_top{text-align:right; font:normal 12px Gulim;  position:relative; width:1100px; height:35px; margin:0 auto; }

/* 로고 */
h1.logo{ display:inline-block; position:absolute; font:bold 28px/28px Malgun Gothic; color:#1d3751; }
h1.logo a{ color:#1d3751; }
h1.logo a img{height:45px;	}


/* 탑메뉴 */
.top_menu_wrap{position:relative;  width:1100px; margin:0 auto;  height:42px;}
.top_menu{display:table; width:1100px; table-layout:fixed }
.top_menu li{display:table-cell;position:relative;text-align:center; vertical-align:middle;}
.top_menu li a{display:block; overflow:hidden;font-size:16px;line-height:42px;color:#222;letter-spacing:-.3px;text-decoration:none;word-break:break-all; font-weight:bold}
/*.top_menu li a:hover{ color:#1062b7; }*/
.top_menu li a.last{ border-right:none; }



.pc_on{display:block;}
.mb_on{display:none}

.mobile_fixed_menu{ display:none; }	


.main_wrap{position:relative; width:100%; margin:0 auto; }
.main_wrap:after{clear:both; display:block; content:''}


/* 아이템리스트 */
.item_list{width:1100px; margin:20px auto}
.item_list dt{display:block; font:bold 28px/80px 'NanumBarunGothic',malgun gothic; color:#575757; letter-spacing:5px; text-align:center }
.item_list dt ul{display:inline-block;float:left; height:50px; padding-top:8px}
.item_list dt li{display:inline-block;float:left}
.item_list dt li img{max-height:50px}
.item_list dd{display:block; position:relative; width:100%; padding:0; font:normal 13px/18px Malgun Gothic; letter-spacing:-0.05em;  text-align:center; overflow:hidden;  }
.item_list dd:after{display:block;clear:both;content:''}
.item_list dd li{ float:left; margin:0 0 30px 20px; width:200px;  display:inline-block;   }
.item_list dd li p{ height:18px; overflow:hidden;}
.item_list dd li:after{display:block;clear:both;content:''}
.item_list dd li a{  display:block;  height:208px; padding:0px; text-align:center; overflow:hidden }
.item_list dd li a img{width:198px;  height:198px; cursor:pointer;  border:1px solid #dbdbdb;  }
.item_list dd li a:hover img{opacity:0.7; border:1px solid #aaa; }




/* 푸터 */
.footer_wrap{width:100%; min-height:80px;}
.footer{ position:relative; width:1100px; margin:0 auto; padding:15px 0;   font:normal 12px/17px Dotum; color:#868686; }
.footer li{float:left ;}
.footer li:first-child {width:180px; font-size:22px; font-weight:600; font-family:"NanumGothic";}
.footer .footer_logo{width:210px; }
.footer li span{ color:#c1c1c1; padding:0px 5px; display: inline-block;}
.footer img{height:40px; }
.footer .manage_jcore_logo{width:62px; margin-bottom:3px; height:auto; }



/* 카테고리 서브 선택 */
.mini_select{display:block; overflow:hidden;}
.mini_select ul{width:100%; display:block}
.mini_select ul li {display:inline-block;  margin-right:2px; min-height:28px;}
.mini_select ul li a{ padding:1px 10px 3px; line-height:18px; color:#666; font-size:15px; font-weight:700; cursor:pointer}
.mini_select ul a.on{background:#0f5ec6; color:#fff; border-radius:15px;}

.search_box{float:left; width:100%;}
.search_box:after{clear:both; display:block; content:''}
.search_box select{ float:left; display:inline-block; border:1px solid #ccc; height:30px; padding:2px 8px; border-radius:15px; margin-right:3px; box-sizing:border-box}
.search_box input[type='text']{ float:left;  width:280px;  display:inline-block; border:1px solid #cfcfcf; height:30px; line-height:26px; padding:2px 10px;border-radius:15px; margin-right:3px; box-sizing:border-box; color:#333}
.search_box a{ display:inline-block; }
.search_box button{  float:left;  display:inline-block; border:0px solid #505050; background:#444; color:#fff; height:30px; padding:2px 18px; border-radius:15px;  box-sizing:border-box}
.search_box button:hover{ background:#666; }

.search_box.left{width:100%; display:block; margin:5px auto 10px;  text-align:left}

.navi_bar{float:right; padding:5px 10px 0 0; font-size:12px;}

.tag-itemWrap{width:100%; display:inline-block;}
.tag-item{height:20px; margin:0 17px 0 0; font-size:12px; float:left; position:relative;}
.tag-item a{height:100%; float:left; display:block; padding:0 5px 0 7px; color:#fff; line-height:20px; cursor:pointer}
.tag-item a::after{position:absolute; top:0px; right:-10px; width:0px; height:0px;border-style:solid; border-width:10px 0 10px 10px; content:"";}
 
.tag-item1{background:#cfcfcf;}
.tag-item1 a::after{border-color: transparent transparent transparent #cfcfcf;}
.tag-item1.on{background:#f1868d;}
.tag-item1.on a::after{border-color: transparent transparent transparent #f1868d;}

/* 아이템 서브페이지 */
.gallery_listWrap{width:185px; float:right;}
.gallery_list{width:auto; float:left; margin-right:-1px; border:1px solid #ccc;}
.gallery_list:last-child{margin-right:0;}
.gallery_list a{display:block; width:100%; float:left; padding:10px; box-sizing:border-box;}
.gallery_list img{float:left;}
.gallery_list p{float:left; padding:0 0 0 2px; font-size:13px;}

/*업체별 카테고리 디자인*/
ul.blog_cateegory{display:block; width:99.4%; margin:8px auto; box-shadow:0 0 3px 2px rgba(0,0,0,0.2);}
ul.blog_cateegory:after{display:block; content:''; clear:both}
ul.blog_cateegory li{float:left; display:inline-block; width:20%;  margin-right:0; padding:10px 0; line-height:28px; font-size:15px;  text-align:center; 
								background:#f0f0f0; color:#333; box-sizing:border-box}								
ul.blog_cateegory li:nth-child(odd){background:#f9f9f9; color:#333; }
ul.blog_cateegory li.on{ background:#238dc7; color:#fff}

/*로그인*/
.login_box{ position:relative; width:300px; margin:40px auto;}
.login_box:after{ content:""; clear:both; display:block; }
.login_box h2{ font-size:24px; color:#666; text-align:center; line-height:48px}
.login_box ul{}
.login_box li{display:block; padding:0 0 7px;}
.login_box li input[type="text"],.login_box li input[type="password"]{width:100%; height:40px; line-height:40px; padding:0 5px; box-sizing:border-box; border-radius:5px; border:1px solid #c0c0c0; background:#ff}
.login_box li label{float:left}
.login_box li label:last-child{float:right; margin-right:5px;}
.login_box li label>button{width:auto; height:auto; line-height:normal; border:0;
background:none; color:#333; padding:0; font:normal 12px/18px Nanum Gothic,malgun gothic, dotum;}
.login_box li button{width:100%; height:40px; line-height:28px; background:#777; text-align:center; padding:5px 0; border:0; border-radius:5px; color:#fff; font-size:15px; font-weight:700;}
.login_box li button.submit{ /* background:#f1626c; */ color:#fff; }
.login_box li .naver_icon a img {    width: 100%;    height: auto;}
.login_label{width:100%; height:20px; font-size:12px;}
.login_bt{padding:;}


/*tab_style*/
.tab_wrap {margin:10px auto; text-align:center }
.ul_tabs {width:400px; height:34px; margin:25px auto; display:block }
.ul_tabs li {float:left; display:inline-block;  width:33%}
.ul_tabs li a{display:block; margin:0 0 10px -1px; background:#fff;  font:bold 14px/40px Malgun Gothic; color:#333; text-align:center; border:1px solid #888; }
.ul_tabs li a.on{ position:relative; background:#888; color:#fff; }
.ul_tabs li:first-child > a {margin-left:0;}


/* 제품소개 */
h2.pack_tit{ font-size:28px; padding:5px 0 15px; color:#333}
.pack_info{width:100%; padding:20px 0; display:table;overflow:hidden;}
.pack_info:after{ content:" "; display:block; clear:both; }

/* 상세 세부 이미지 */

.pack_img_tit{ position:relative; width:100%; margin:0 auto; }
.pack_img_tit dt{ position:relative; width:400px; height:390px; padding:2px; cursor:pointer;  text-align:center; background:#fff;}
.pack_img_tit dt img{position:relative; height:380px; max-width:380px; text-align:center; box-shadow:0 0 3px 0 #ccc; border-radius:10px; box-sizing:border-box}
.pack_img_tit dd { width:100%; margin:15px 0 5px -3px; ; vertical-align:top;  text-align:center; }
.pack_img_tit dd a{ display:inline-block; width:60px; height:60px; border:solid 1px #ddd; margin:0 0 3px 3px; ; vertical-align:top; }
.pack_img_tit dd a:hover{ border-color:#1b6ce5; }
.pack_img_tit dd a img{ width:100%; height:100%;  }


/*상품상세보기*/

.pack_img_bx {width:38%; padding-right:40px;overflow:hidden;display:table-cell;vertical-align:top;}
.pack_img_bx .bimg {overflow:hidden;}
.pack_img_bx .simg_li {margin-top:15px;overflow:hidden;}
.pack_img_bx .simg_li ul {width:100%;font-size:0;font-style:normal;text-align:center;}
.pack_img_bx .simg_li li {width:calc(20% - 5.6px);padding:7px 0 0 7px;display:inline-block;white-space:nowrap;word-break: break-all ;}
.pack_img_bx .simg_li li:nth-child(5n+1) {padding-left:0;}
.pack_img_bx .simg_li li img {width:calc(100% - 2px);height:auto;border:1px solid #eee;cursor:pointer;}

.pack_txt_bx {overflow:hidden;display:table-cell;vertical-align:top;}
.pack_txt_bx dt,
.pack_txt_bx dd,
.pack_com_li dt,
.pack_com_li dd {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pack_txt_bx .tit {font-size:27px;font-weight:600;padding:10px 0 25px;border-bottom:1px solid #666;line-height:1.3em;position:relative;}
.pack_txt_bx .tit .btn_small {position:absolute;bottom:0;right:0;}
.pack_txt_bx .stxt {font-size:12px;font-weight:normal;line-height:1.3em;color:#999;padding:15px 0 0;}
.pack_txt_bx .pack_txt_li {padding:17px 0;border-bottom:1px solid #ddd;border-top:2px solid #484848; background-color:#fafafa;}
.pack_txt_bx .pack_txt_li dl {width:100%;padding:4px 0;display:table;}
.pack_txt_bx .pack_txt_li dt,
.pack_txt_bx .pack_txt_li dd {font-size:14px;text-align:left;display:table-cell;vertical-align:middle;}
.pack_txt_bx .pack_txt_li dt {width:27%;padding:0 0 0 20px;font-weight:600;}
.pack_txt_bx .pack_txt_li dd {width:73%;padding:0 20px 0 0;}
.pack_txt_bx .pack_txt_li dd.price {font-size:20px !important;font-weight:bold;color:#222;}
.pack_txt_bx .pack_txt_li dd.price .mpr span {font-size:16px;font-weight:normal;margin-left:3px;}
.pack_txt_bx .pack_txt_li dd.pay {font-weight:bold;line-height:140% !important;}
.pack_com_li {padding:15px 0;border-bottom:1px solid #ddd;}
.pack_com_li dl {width:100%;margin-top:10px;display:table;}
.pack_com_li dl:first-child {margin-top:0 !important;}
.pack_com_li dt,
.pack_com_li dd {line-height:1.4em;display:table-cell;vertical-align:top;}
.pack_com_li dt {width:27%;font-size:13px;padding:0 0 0 20px;}
.pack_com_li dt.op_vi_tit {width:57% !important;}
.pack_com_li dd {width:73%;font-size:13px;padding:0 20px 0 0;}
.pack_com_li dd.op_vi_txt {width:40% !important;margin-left:3%;position:relative;}
.pack_com_li td {font-size:13px;}
.pack_com_li input {display:inline-block;margin:0; padding:3px; width:40px; vertical-align:middle;border:1px solid #ddd; line-height:16px; text-align:right}
.pack_com_li button.count {display:inline-block; margin:0; padding:3px; width:24px; vertical-align:middle; line-height:16px; font-size:13px; font-weight:bold; font-family:Gulim; background:#fff; color:#333; border:1px solid #ddd}

.pack_tab {height:35px;border-bottom:2px solid #333;}
.pack_tab ul {overflow:visible;}
.pack_tab li {width:245px;height:34px;margin-left:4px;color:#888;font-size:14px;font-weight:600;line-height:2.5;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background-color:#f8f8f8;cursor:pointer;float:left;}
.pack_tab li:first-child, .m_event li:first-child {margin-left:0 !important;}
.pack_tab li.on {width:243px;height:35px;margin-bottom:-2px;color:#333;border-width:2px 2px 0 2px;border-color:#333;background-color:#fff;z-index:50;}

.pack_data{width:100%; min-height: 700px; padding:0 0 0 0; margin-bottom:20px; }
.pack_data img{ max-width:100%; }
.pack_data h3{ display:block; border-top:dotted 1px #999; padding-top:40px; }
.pack_data.product_info_1 h3{  border-top:none; }


.pack_btn {width:100%;display:table;margin-top:25px;}
.pack_btn span {padding-right:5px;display:table-cell;}
.pack_btn span:last-child {padding-right:0 !important;}
.pack_btn a {width:100%; border-radius:25px;}


.img_view{text-align:center}
.img_view img{display:block; margin:5px auto }



/**이런상품어떄요*/
h3.title3{width:100%; margin-bottom:10px; border-bottom:2px solid #333; line-height:42px; font-size:26px; font-weight:bold}

#goods_list_box{clear:both; width:1100px; margin-left: auto; margin-right: auto;position:relative; }
#goods_list_box .tab_wrap {width:100%; border-bottom:1px solid #ccc;}
#goods_list_box > article{ width:90%; overflow: hidden; margin: 0 5%; } 
#goods_list_box ul li.on a,#goods_list_box ul li:hover a {font-weight:bold; letter-spacing:-0.02em }
 .goods_slider {width:1000px !important; margin:0 auto; position:relative;}
#goods_list_box button {position:absolute; top:120px;z-index: 5; background:none; cursor:pointer; min-width:20px; padding:0}
#goods_list_box button.prev {left:0px; line-height:0; overflow:hidden;}
#goods_list_box button.next {right:0px; line-height:0; overflow:hidden;}
#goods_list_box ul.goods_list {width: 100%; position: relative; left: 0; top: 0; height:320px; overflow:hidden; display:none; margin-left: 0;} 
#goods_list_box ul.goods_list > li:first-child{ margin-left: 0 !important; }
#goods_list_box ul.goods_list.first {display:block;}


table.basic{text-align:left;}
table.basic,table.basic tr,table.basic th,table.basic td{border-collapse:collapse; border:1px solid #ddd;}
table.basic th,table.basic td{padding:10px;}





/* 로그인 팝업 */
#overlay_b,#overlay_b2 ,#overlay_b3{position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/pop_modal.png); overflow-y:hidden; padding:0px; margin:0 auto; z-index:99999; display:none}

#popup_login {position:relative; background:none; padding:185px 0 0 0;width:740px; margin:0 auto }
#popup_login .login_close{ position:absolute; top:168px; right:-14px; width: 40px;    height: 40px;    background: #aaa;    border-radius: 50%;    border: 1px solid #aaa;       cursor: pointer;    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s; }
#popup_login .login_close:after, #popup_esm .login_close:after, #popup_qna .login_close:after{position: absolute;    display: block;    font:normal 21px/21px FontAwesome;    content: "\f00d";  color: #fff; top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);    -webkit-transition: 0.5s transform cubic-bezier(.075,.82,.165,1);    -webkit-transition: 0.5s -webkit-transform cubic-bezier(.075,.82,.165,1);
    transition: 0.5s -webkit-transform cubic-bezier(.075,.82,.165,1);    transition: 0.5s transform cubic-bezier(.075,.82,.165,1);    transition: 0.5s transform cubic-bezier(.075,.82,.165,1), 0.5s -webkit-transform cubic-bezier(.075,.82,.165,1); }
#popup_login .login_close:hover ,#popup_esm .login_close:hover ,#popup_qna .login_close:hover{background:#888;border-color:#888;}
#popup_login .login_close:hover:after ,#popup_esm .login_close:hover:after ,#popup_qna .login_close:hover:after {-webkit-transform: translate(-50%,-50%) rotate(90deg);-ms-transform: translate(-50%,-50%) rotate(90deg);transform: translate(-50%,-50%) rotate(90deg);-webkit-transition: 1s transform cubic-bezier(.075,.82,.165,1);-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
#popup_login .login_close span,#popup_esm .login_close span, #popup_qna .login_close span{ position: absolute;    height: 1px;    width: 1px;    overflow: hidden;    clip: rect(1px 1px 1px 1px);    clip: rect(1px, 1px, 1px, 1px);    font-size: 1px; }

#popup_login .loginbox_wrap{margin:0 auto;  background:#fff; border:solid 1px #ccc; box-shadow: 0px 1px 20px #333; border-radius:30px; }

#popup_esm,#popup_qna{position:relative; background:none; padding:85px 0 20px 0;width:800px; height:90%; margin:0 auto}
#popup_esm .esm_wrap,#popup_qna .esm_wrap{margin:0 auto;  background:#fff; border:solid 1px #ccc; box-shadow: 0px 1px 20px #333; border-radius:10px;  height:99%; overflow-y:scroll}
#popup_esm .login_close,#popup_qna .login_close  { position:absolute; top:68px; right:-14px; width: 40px;    height: 40px;    background: #aaa;    border-radius: 50%;    border: 1px solid #aaa;       cursor: pointer;    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s; }
#popup_esm h2{text-align:center; line-height:38px; font-size:28px; font-weight:bold}
#popup_esm h5{text-align:center; line-height:28px; font-size:12px; font-weight:bold}
#popup_qna iframe{width:98%; height:98%; padding:0 0 0 1% ; background:#fff;}