@charset "utf-8";
@import url(../../font/NaverNanumSquareNeo/TTF/NanumSquareNeo-aLt.ttf); 

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************
*	공통 css
********************************************************************/
#wrapper {width:100%;}
body {font-family:'NanumSquareNeo' !important;}
.auto {width: 1122px;margin:auto;position:relative;}
.auto:after {content:"";clear:both;display:block;width:0;height:0;font-size:0;overflow:hidden;}
address {font-style:normal;}
/* header */
#header {position: fixed; width: 100%;z-index:9000;top:0;transition:0.3s all ease-out;background:#fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.04);}
/* #header.scroll {top:-80px;} */
#header .header-top {height:37px;background:#f9f9f9;border-top:1px solid #ddd;border-bottom:1px soddddddlid #ddd;overflow:hidden;}
#header .header-top .hdt-menu a {display:inline-block;vertical-align:top;font-size:15px;color:#666;line-height:35px;position:relative;}
#header .header-top .hdt-menu p {display:inline-block;vertical-align:top;font-size:11px;color:#666;line-height:35px;}
#header .header-top .hdt-left {float:left;}
#header .header-top .hdt-right {float:right;}
.hdt-right a span.cart--num{
	position: absolute;
	left: 60px;
	bottom: 9px;
	width: 18px;
	height: 18px;
	line-height: 20px;
	font-size:11px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	color:#fff;
	font-weight:500;
	background:#f25953;
}
.btn-basket span.cart--num{
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 20px;
	font-size:11px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	color:#fff;
	font-weight:500;
	background:#f25953;
	margin-top:7px
}
#header .header-top a {padding: 0 10px;}
#header .header-top a img {margin-top:11px;margin-right:5px;}

#header .header-middle {position:relative;height:119px;border-bottom:1px solid #ddd;}
#header .header-middle .logo {position:absolute;top:25px;left:0;}
#header .header-middle .searchBox {width:550px;padding:37px 0;}
#header .header-middle .searchBox .input {border: 1px solid #7f7f7f;border-radius:30px;position:relative;overflow:hidden;}
#header .header-middle .searchBox .input input {width:100%;height:42px;border:none;background:#fff;outline:none;padding: 0 50px 0 20px;box-sizing: border-box;font-size:12px;}
#header .header-middle .searchBox .input a {position:absolute;top:0;right:0;width:64px;height:100%;text-align:center;}
#header .header-middle .searchBox .input a img {margin-top:10px;}
#header .header-middle .menu {position:absolute;top:53px;right:0;}
#header .header-middle .menu a {display:inline-block;padding:0 5px;font-size:15px;color:#333;position:relative; font-weight:600;}
#header .header-middle .menu a:last-child {padding-right:0;}
#header .header-middle .menu a:after {content:"/";position:absolute;top: 0px;right: -3px;font-size: 12px;color:#999;}
#header .header-middle .menu a:last-child:after {display:none;}
#header .header-middle .menu a:hover {color:#cd1f20;}
#header .header-middle .searchBox .input {padding-left:50px;}
#header .header-middle .searchBox .input .barcode {right:auto;top:3px;left:10px;width:45px;height:39px;}
#header .header-middle .searchBox .input .barcode img {margin-top:0;}

/* gnb */
#gnb {text-align:center;position:relative;padding-left:169px;}
#gnb .btnAllMenu {position:absolute;top:0;left:0;width:169px;height:48px;line-height:48px;text-align:center;font-size: 14px;color: #000;font-weight:700}
#gnb .btnAllMenu img {margin-top: 17px;margin-right:10px;}
/* #gnb .gnbList {float:right;} */
#gnb .gnbList > li {float:left;margin-left:75px;}
#gnb .gnbList > li > a {display: block;height:48px;line-height:48px;font-size:14px;color:#333;font-weight:700}
#gnb .all-category {display:none;}
#gnb .all-category * {box-sizing:border-box;}
#gnb .all-category {position:absolute;top:48px;left:0;text-align:left;background:#fff;height:593px;}
#gnb .all-category > ul {width:169px;padding:5px 9px;border:1px solid #ddd;height:593px;background:#fff;}
#gnb .all-category > ul > li {height:27px;}
#gnb .all-category a {font-size:14px;color:#666;line-height:27px;text-decoration:none;padding:0 15px;}
#gnb .all-category .title {font-size:20px;color:#4c4c4c;font-weight:500;padding:0 15px;margin-bottom:15px;display:block;}
#gnb .all-category .depth {position:absolute;top:0;left:100%;width:225px;background:#fff;padding:5px 10px;border:1px solid #ddd;margin-left:-1px;height:593px;display:none;}
#gnb .all-category .depth03 {top:-1px;}
#gnb .all-category > ul > li:hover > a {background:#593ef6;color:#fff;display:block;height:27px;}
#gnb .all-category > ul > li .depth02 > ul > li:hover > a {background:#593ef6;color:#fff;display:block;}
#gnb .all-category > ul > li .depth03 > ul > li:hover a {background:#593ef6;color:#fff;display:block;}

.header_utill {width:100%; height:34px; overflow:hidden; z-index:90000; border-bottom:1px #e2e2e2 solid; background-color:#fff;}
.header_utill_contents ul li {float:left;}
.header_utill_contents ul.floatL {/*background:#f5f5f5; padding:2px 0 0;*/ overflow:hidden;}
/*.header_utill_contents ul.floatL li {background:url('/images/common/header_utill_bg_line02.gif') no-repeat right 0; padding-right:21px;}
.header_utill_contents ul.floatL li a {color:#fff; font-family:dotum, arial, sans-serif;}*/

.header_utill_contents ul.floatR {padding:12px 70px 12px 0;}
*+html body .header_utill_contents ul.floatR {padding:12px 70px 12px 0;line-height:1.3;}
.header_utill_contents ul.floatR li {background:url('/images/common/header_utill_bg_line.gif') no-repeat right 1px; padding-right:21px;}
*+html body .header_utill_contents ul.floatR li:first-child {background:url('/images/common/header_utill_bg_line.gif') no-repeat right 1px; padding-right:21px;line-height:1.2;}
.header_utill_contents ul.floatR li a {font-weight:bold;}
.header_utill_contents a {color:#676767; text-decoration:none;}
.header_utill_contents a:hover {text-decoration:underline;}
.header_utill_contents .custNmView:hover{text-decoration:none;}
.header_inner {position:relative; min-height:81px; padding-top:7px;}
.header_inner h1 {float:left; width:193px; padding-right:20px; text-align:center;}
.header_inner .main_logo {float:left; width:193px; padding-right:107px;}
.header_inner .search_field {float:left; width:420px;}
.header_inner .search_field dl {margin-top:22px;}
.header_inner .search_field dl dt {float:left; width:360px;height:36px; border:2px solid #d00000; border-right:0; overflow:hidden;}
.header_inner .search_field dl dt input {width:360px;  padding:3px 9px 4px 15px; height:32px;}
.header_inner .search_field dl dd {float:left;}
.header_inner .quick_field {float:right; margin:37px 0 0 0;}
.header_inner .quick_field li {position:relative; float:left; height:26px; padding-left:10px;}
.header_inner .quick_field .ico_n {position:absolute; top:-16px; left:4px; width:45px; height:24px;}
.header_inner .quick_field.b2b li strong {color:#cc1517; letter-spacing:0;}
.header_inner .quick_field.b2b .appr {height:21px; background:url('/b2b/images/common/b2b_head_icon.gif') no-repeat 0 0; margin-left:48px; padding:4px 0 0 40px; color:#33353d; font-size:15px; font-family:'Malgun Gothic','맑은 고딕',Dotum,Arial,sans-serif; font-weight:bold; letter-spacing:-0.08em;}
.header_inner .quick_field.b2b .deli {height:21px; background:url('/b2b/images/common/b2b_head_icon2.gif') no-repeat 0 0; margin-left:48px; padding:4px 0 0 35px; color:#33353d; font-size:15px; font-family:'Malgun Gothic','맑은 고딕',Dotum,Arial,sans-serif; font-weight:bold; letter-spacing:-0.08em;}
.header_inner .trbanner {float:right; width:356px; height:81px; overflow:hidden; position:relative;}
.header_inner .trbanner li {float:left; list-style:none; height:81px;}
.header_inner .bx-controls {position:absolute; right:2px; top:3px; width:100%; text-align:right; z-index:1000;}
.header_inner .bx-pager strong {color:#cb003d;}
.header_inner .bx-controls-direction {position:absolute;left:0;top:0; width:100%; height:18px; text-align:right; z-index:1400;}
.header_inner .bx-controls-direction a {width:15px; height:15px; background: url('/images/common/bx_slider_control2.gif') no-repeat; font-size:0; line-height:0; display:inline-block;}
.header_inner .bx-controls-direction .bx-prev {background-position:0 0;}
.header_inner .bx-controls-direction .bx-prev:hover {background-position:0 -20px;}
.header_inner .bx-controls-direction .bx-next {background-position:-26px 0;}
.header_inner .bx-controls-direction .bx-next:hover {background-position:-26px -20px;}
.header_menu {min-height:43px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.header_menu_contents {position:relative;}
/* .header_menu_contents .left {width:672px; padding-left:25px;} */
.header_menu_contents .left {width:888px;}
.header_menu_contents .right li {padding:0 !important;}
.header_menu_contents .devide {width:2px;}

/******************************************************************
*	메인 좌측 메뉴
********************************************************************/
#container_top{width:100%; margin:0 auto;position:relative;overflow:hidden;border-bottom: 1px solid #d9d9d9;}
#left_menu {float:left;width:193px;z-index:99}
.left_menu_contents {position:relative;z-index:99}
.left_cate_field2 {height: 455px;background: url('../../images/common/left_cate_sp_snb.png') repeat-y; }
.left_cate_field2 .left_cate {height:455px; width: 123px; padding-left: 70px; padding-top: 8px; overflow:hidden;}
.left_cate_field2 .left_cate>li {height:20px; width: 123px;}
.left_cate_field2 .left_cate .nslt {height: 15px;}
.left_cate_field2 .left_cate>li>a {padding: 4px 0 4px 8px; font-size:13px;  font-family:'나눔고딕','Nanum Gothic',sans-serif; font-weight: 400;  color: #fff; display:block; overflow:hidden;}
.left_cate_field2 .left_cate>li.on>a {background-color: #c71d22; text-decoration: none;}
.left_cate_field2 .left_cate>li.on .s_depth {display: block;}

.left_cate_field2 .s_depth {position: absolute; left: 193px; top: 0; width: 192px; height: 445px; background-color: #fff; border-bottom: 1px solid #c71d22; border-top: 0; border-left: 0; display:none; z-index: 99; border-right: 1px solid #dfdfdf;}
.left_cate_field2 .s_depth li a{display: block; width: 193px; height: 20px; line-height: 400%; padding-left: 20px; padding-bottom: 1px; font-size: 13px; font-family:'나눔고딕','Nanum Gothic',sans-serif; font-weight: 500; line-height: 1.5em;}
.left_cate_field2 .s_depth ul {display: block; width: 193px; padding-top: 8px; overflow: hidden;}
.left_cate_field2 .s_depth li {width: 193px; height: 22px; margin-bottom: 3px;}
/*.s_depth li a:hover {background-color: #c71d22; text-decoration: none; color: #fff;}*/
.left_cate_field2 .t_depth {position: absolute; display: none; left: 193px; top: 0; width: 193px; height: 445px; background-color: #f1f1f1; border-bottom: 1px solid #c71d22; border-top: 0; border-left: 0; border-right: 1px solid #dfdfdf; z-index: 99;}
.left_cate_field2 .s_depth>ul>li.on .t_depth {display: block;}
.left_cate_field2 .s_depth>ul>li.on>a{background-color: #c71d22; text-decoration: none; color: #fff;}
.left_cate_field2 .t_depth>ul>li.on>a{background-color: #c71d22; text-decoration: none; color: #fff;}


/*상단 전체메뉴*/


.all_cate {float:left; width:193px; display:block;z-index:90000;}
.btn_all_cate {width:100%; height:43px; display:block;}
/* .all_menu.show {width:195px; min-height:445px; display:block;} */
.all_menu.show {/* width: 1048px; */height: 560px;overflow: auto;display: block;}
.all_menu {position:absolute; left:0; top:48px; /* width:1048px; */ padding:0; vertical-align:top; border-top:0; display:none; z-index:90000; zoom:1;border: 1px solid #424242;}
.all_menu:after {clear:both; content:""; display:block;}
.top_mall {height:43px; display:block;}
/* .top_mall li {float:left; padding:7px 0 0 32px;} */
.top_mall li {float:left; padding:0;}

.top_mall li:nth-child(1) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:35px;}
.top_mall li:nth-child(2) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:67px;}
.top_mall li:nth-child(3) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:65px;}
.top_mall li:nth-child(4) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:67px;}
.top_mall li:nth-child(5) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:67px;}
.top_mall li:nth-child(6) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:66px;}
.top_mall li:nth-child(7) {float:left; font-family: 'Nanum Gothic', sans-serif; height:43px; line-height:43px; margin:0 auto; padding:0px; font-size:16px; padding-left:66px;}
.top_mall li a {text-decoration:none;}
.top_mall li a:hover {text-decoration:none; color:#d93333;}
.top_mall li:last-child a{text-decoration:none; color:#d93333;}
#container {position:relative;}
#footer {clear:both; width:100%; border-top:1px solid #ddd;}

/* footer */
#footer .footerTop {background:#fff;border-bottom:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#footer .footerTop ul li {display:inline-block;}
#footer .footerTop ul li a {display:block;line-height:54px;font-size:15px;color:#666;font-weight:500;;padding-right:15px;margin-right:15px;position:relative;}
#footer .footerTop ul li a:after {content:"";position:absolute;top:26px;right:0;width:1px;height:10px;background:rgba(255,255,255,0.5);}
#footer .footerTop ul li a:hover {color:#f2380c;}
#footer .footerTop ul li:last-child a:after {display:none;}
#footer .footerTop .f_sns {position:absolute;top:0;right:0;padding:11px;}
#footer .footerTop .f_sns a {display:block;float:left;margin-left:10px;}
#footer .footerBottom {padding:30px 0 50px 0;background:#f5f5f5;}
#footer .footerBottom .addrWrap {overflow:hidden;}
#footer .footerBottom address {font-size:13px;color:#999;font-weight:400;position:relative;margin-top: 20px;}
#footer .footerBottom address p {line-height:1.6;}
#footer .footerBottom address .copyright {display:block;margin-top:5px;line-height:1.6;}
#footer .footerBottom .f_certification {position:absolute;bottom: 0;right:0;z-index:1;}
#footer .footerBottom .footer-sponsor {margin-top: 30px;overflow: hidden;}
#footer .footerBottom .footer-sponsor ul li {float:left;/* height:35px;width:165px;position:relative; */margin-right:30px;}
#footer .footerBottom .footer-sns {position:absolute;bottom:10px;left: 880px;}
#footer .footerBottom .footer-sns a {display:inline-block;margin-right:10px;}


#sideMenu {position:fixed;top:0;right:0;width:158px;border:1px solid #ddd;z-index:10000;}
#sideMenu .infoBox {background:#f3f5ff;padding:18px;}
#sideMenu .infoBox .tel {margin-bottom:20px;}
#sideMenu .infoBox .tel dt {font-size:15px;color:#333;font-weight:700;}
#sideMenu .infoBox .tel dd {font-size:16px;margin-top:5px;}
#sideMenu .infoBox .tel:nth-child(1) dd {color:#ea4444;}
#sideMenu .infoBox .tel:nth-child(2) dd {color:#6b8499;}
#sideMenu .infoBox .time {margin-bottom:10px;}
#sideMenu .infoBox .time dt {font-size:14px;color:#4c4c4c;;font-weight:500; }
#sideMenu .infoBox .time dd {font-size:15px;color:#4c4c4c;font-weight:400;margin-top:5px;}
#sideMenu .infoBox p {font-size:14px;color:#4c4c4c;font-weight:500;margin-top:10px; line-height: 17px;}
#sideMenu .quickMenu ul li a {display:block;font-size:13px; font-weight:500; color:#343434;line-height:49px;padding-left:48px;background-repeat:no-repeat;background-position:21px 50%;background-color:#fff;border-bottom:1px solid #e6e6e6;}
#sideMenu .quickMenu ul li a:hover {background-color:#f8f8f8;color:#465a74}
#sideMenu .quickMenu ul li a img {vertical-align:middle;}
#sideMenu .quickMenu ul li:nth-child(1) a {background-image:url("/images/common/quickMenu_icon07.png");}
#sideMenu .quickMenu ul li:nth-child(2) a {background-image:url("/images/common/quickMenu_icon01.png");}
#sideMenu .quickMenu ul li:nth-child(3) a {background-image:url("/images/common/quickMenu_icon02.png");}
#sideMenu .quickMenu ul li:nth-child(4) a {background-image:url("/images/common/quickMenu_icon06.png");}
#sideMenu .quickMenu ul li:nth-child(5) a {background-image:url("/images/common/quickMenu_icon07.png");}
#sideMenu .prd-recent {overflow:hidden;height:0;}
#sideMenu .prd-recent .inner {background:#f8f8f8;padding:40px 7px;position:relative;}
#sideMenu .prd-recent .arrow {position:absolute;left:50%;margin-left:-8px;}
#sideMenu .prd-recent .arrow.btnPrev {top:15px;}
#sideMenu .prd-recent .arrow.btnNext {bottom:15px;}
#sideMenu .prd-recent .mask {height:279px;overflow:hidden;}
#sideMenu .prd-recent ul li a {display:block;border:1px solid #e6e6e6;}
#sideMenu .btnClose {position:absolute;top:0;left:-30px;width:30px;height:66px;background:#465a74;font-size:13px;color:#fff;word-break:break-all;padding:5px;box-sizing:border-box;line-height:1.4;text-align:center;text-decoration:none;}
#sideMenu .btnClose .icon {position:relative;display:block;margin:auto;width:20px;height:20px;}
#sideMenu .btnClose .icon span {position:absolute;width: 14px;height:2px;left:50%;background:#fff;transition:0.5s all ease-out;-webkit-transition:0.5s all ease-out;}
#sideMenu .btnClose .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 15px;}
#sideMenu .btnClose .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 3px;}
#sideMenu .btnClose.close .icon span {width:10px;}
#sideMenu .btnClose.close .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 16px;}
#sideMenu .btnClose.close .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 1px;}

#left-banner {position:absolute;top: 895px;left:50%;margin-left: -676px;}
#left-banner ul li {margin-bottom:10px;}
#left-banner.fix {position:fixed;top:250px;}

/*푸터 메뉴*/
.footer_menu {height:40px; border-bottom:1px solid #ddd;}
.footer_menu ul {float:left; padding-top:16px;}
.footer_menu ul li {float:left; padding-right:12px; letter-spacing:-1px;}
*+html body .footer_menu ul li:first-child {float:left; padding-right:12px; letter-spacing:-1px;line-height:1.3}
.footer_menu ul li a {color:#666; background:url('/images/common/footer_menu_line.gif') no-repeat left center; padding-left:13px;}
.footer_menu ul li.first a {background:none; padding:0;}
.footer_menu select {min-width:150px; height:22px; margin-top:10px; border:1px solid #d5d5d5;}

/*푸터 주소*/
.footer_desc {position:relative; padding:20px 0px;}
.footer_logo {float:left; padding-top:12px; display:inline-block;}
.footer_desc .company_info {float:left; padding:10px 0 0 40px; color:#7f7f7f; font-size:11px; line-height:173%;}
.footer_bn {position:absolute;padding:10px 0 0 10px; display:inline-block;width:354px;}
.footer_bn div{float:left;}
.footer_bn img{height:33px;}


/*양쪽 날개*/
#wing_wrap {position:absolute; top:0; width:100%; z-index:99999;}
.wing_center_wrap {position:relative; width:1082px; margin:0 auto; z-index:8000;}
/* .left_wing {position:absolute; left:-109px; top:0; width:130px;} */
.left_wing {position:absolute; left:-234px; top:450px; width:190px;}
.left_wing ul {width:190px; border:0px solid #d6d6d6;}
.left_wing ul li {width:190px; padding:0 0 4px 0;}

.right_wing {position:absolute; right:-234px; top:450px; width:190px;}
.right_wing ul {width:190px; border:0px solid #d6d6d6;}
.right_wing ul li {width:190px; padding:0 0 4px 0;}


.Q_menu_position_type1 {position:fixed;top:0px; margin-top:40px;}
.Q_menu_position_type2 {position:relative;top:12px;}
#sideRightBar {position:fixed; top:0; right:0; min-height:100%; height:100%;width:120px;text-align:right; z-index:99999;}
#sideRightBar .rightBarMenu{width:100px; background:#fff; border-left:1px solid #c0bfbf;  z-index:1000;margin:0 0 0 0px;min-height:100%;margin:0 0 0 20px; }
.srbclose {background:url(/images/prom/wing/btn_bncloseBg.png) repeat-y 20px 0;}
.srbopen {background:none;}
#sideRightBar .rightBarMenu .list02 	{text-align:center;padding:10px 0;border-top:1px dashed #ddd;height:38px}
#sideRightBar .rightBarMenu .list02 em	{font:bold 12px gulim; color:#666; margin:0 0 5px 0}
#sideRightBar ol{z-index:10000;width:76px; height:76px;padding:0;margin:15px 0 0px 12px}
#sideRightBar ol li{width:76px; height:76px;margin:0;padding:0}
#sideRightBar ol li img{width:76px; height:76px; border:1px solid #ddd;margin:0;z-index:10000; }
#sideRightBar ol li img:hover{cursor:pointer }
#sideRightBar .rightBarMenu .btn{margin:15px 0px;text-align:center}
#sideRightBar .rightBarMenu p span:hover{cursor:pointer;}
#sideRightBar ol .list01{position:relative;border:1px solid #000}
#sideRightBar ol .list01 div{}
#sideRightBar .rightBarBtn{position:absolute; top:105px; left:3px;z-index:999;}
#sideRightBar .rightBarBtn img:hover{cursor:pointer}
#sideRightBar .rightBarBtn2{position:absolute; right:0px; width:24px; min-height:100%; z-index:1000;height:100%;background:url(/images/prom/wing/btn_bncloseBg.png) repeat-y 17px 0; z-index:999;}
#sideRightBar .rightBarBtn2 img{position:absolute; top:105px;}
#sideRightBar .rightBarBtn2 img:hover{cursor:pointer}
/* #bigWindow{position:absolute; top:0px; right:0px; width:300px; border:0px solid #ccc;z-index:1002} */
#bigWindow{position:absolute; top:-57px; right:0px; width:300px; border:0px solid #ccc;z-index:1002}
#bigWindow div.list01 {position:absolute; top:385px;right:3px;width:250px; height:90px;overflow:hidden;text-align:left; border:1px solid #ff5601; z-index:1001; background:#FFF; opacity:0.8; filter: alpha(opacity=80);}
#bigWindow div.list01 p {position:absolute; top:6px; left:9px; line-height:17px;}
#bigWindow div.list01 p span {width:145px; border:0px solid #000; display:block }
#bigWindow div.list01 p em {clear:both; font:bold 12px dotum; color:#ff5601}
#bigWindow div.list01 img {position:absolute; top:6px; right:7px; width:76px; height:76px }

/*하단 간편장바구니*/
#easy_cart_wrapper{width:100%;background:url('/images/common/easy_cart_bg.gif') repeat-x 0 -29px;position: fixed; bottom: 0; z-index: 99999; _position:absolute; _z-index:-1;}
.easy_cart{position:relative;width:1082px; margin:0 auto;padding-top:4px;}
#cartOpen_tit{position:absolute;right:0;top:-29px}
.cartView{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;height:190px;background:#fff;overflow:hidden;}
.cartView_left{float:left;width:815px;height:190px;border-right:1px solid #dfdfdf;}
.cartView_right{float:left;padding:21px 0 0 30px;}
.cartView .top_btn{height:30px;padding:7px 55px 0 0;text-align:right}
.cartView_list{position:relative;overflow:hidden;width:815px;}
.cartView_list ul{padding-left:32px}
.cartView_list li{float:left;}
.easy_cart_goods{width:150px;}
.easy_cart_goods div{text-align:center;height:100%;}
.easy_cart_goods .photo img{width:110px;height:85px;}
.easy_cart_goods .title{font-size:11px;color:#555;padding-top:6px}
.easy_cart_goods .price{font-size:11px;color:#e03930;padding-top:6px}
.easy_cart_goods .price strong{font-size:12px;color:#e03930;}
.easy_cart_goods .sel{color:#555;padding-top:4px}
.cartArrowLeft{position:absolute;left:-1px;top:32px}
.cartArrowRight{position:absolute;right:-1px;top:32px}
.easyCart_price{width:206px;}
.easyCart_price .title{height:26px;}
.easyCart_price .price_box{border:1px solid #dfdfdf;height:60px;background:#fbfbfb}
.easyCart_price .price_box dl{overflow:hidden;padding-left:20px;padding-top:13px}
*+html body .easyCart_price .price_box dl{overflow:hidden;padding-left:20px;padding-top:13px;line-height:1.3;}
.easyCart_price .price_box dt{float:left;height:22px;width:90px;}
.easyCart_price .price_box dd{float:left;height:22px;width:80px;font-weight:bold;text-align:right}
.easyCart_price .total_box{height:34px;background:url('/images/common/bg_dot_line.gif') repeat-x 0 100%;}
.easyCart_price .total_box dl{overflow:hidden;padding-left:20px;padding-top:10px}
.easyCart_price .total_box dt{float:left;height:22px;width:90px;color:#dd3832}
*+html body .easyCart_price .total_box dt{float:left;height:22px;width:90px;color:#dd3832;line-height:1.3;}
.easyCart_price .total_box dd{float:left;height:22px;width:80px;font-weight:bold;text-align:right;color:#dd3832}
.easyCart_price .btn{text-align:center;padding-top:11px}
.easyCart_price .txtnum1{font-size:13px;}
.easyCart_price .txtnum2{font-weight:bold;font-size:13px;}

/*******************************************************************
*	정렬관련
********************************************************************/
.wrapper_fix {width:1082px; margin:0 auto;}
.floatL {float:left;}
.floatR {float:right;}
.float_clear { float:none !important;}
.clearFloat:after{clear:both;content:"";display:block;}
.clear{clear:both;}
.block{display:block;}
.hidden { display: none; }
.cursor { cursor: pointer; }

/*******************************************************************
*	글자정렬
********************************************************************/
.txtCen{text-align:center}
.txtLeft{text-align:left}
.txtRight{text-align:right}

/*******************************************************************
*	간격관련
********************************************************************/
.p_t2 {padding-top:2px !important;}
.p_t4 {padding-top:4px !important;}
.p_t6 {padding-top:6px !important;}
.p_t8 {padding-top:8px !important;}
.p_t10 {padding-top:10px !important;}
.p_t12 {padding-top:12px !important;}
.p_t18 {padding-top:18px !important;}
.p_t20 {padding-top:20px !important;}
.p_t22 {padding-top:22px !important;}
.p_t30 {padding-top:30px !important;}
.p_t40 {padding-top:40px !important;}
.p_t50 {padding-top:50px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r150 {padding-right:150px !important;}
.p_r197 {padding-right:197px !important;}
.p_l20 {padding-left:20px !important;}
.p_l64 {padding-left:64px !important;}
.p_l10 {padding-left:10px !important;}
.p_l100 {padding-left:100px !important;}
.p_b5 {padding-bottom:5px !important;}
.p_b6 {padding-bottom:6px !important;}
.p_b10 {padding-bottom:10px !important;}

.p_tb10 {padding:10px 0 !important;}

.m_t10 {margin-top:10px !important;}
.m_t12 {margin-top:12px !important;}
.m_t20 {margin-top:20px !important;}
.m_t22 {margin-top:22px !important;}
.m_t30 {margin-top:30px !important;}
.m_t40 {margin-top:40px !important;}
.m_t50 {margin-top:50px !important;}
.m_b6 {margin-bottom:6px !important;}
.m_b10 {margin-bottom:10px !important;}
.m_b50 {margin-bottom:50px !important;}

/*******************************************************************
*	폰트관련
********************************************************************/
.font_bold {font-weight:bold;}
.strike{text-decoration:line-through;}
.letter_s1 {letter-spacing:-1px;}
/*폰트 사이즈*/
.size_10	{font-size:10px !important;}
.size_11	{font-size:11px !important;}
.size_12	{font-size:12px !important;}
.size_13	{font-size:13px !important;}
.size_14	{font-size:14px !important;}
.size_15	{font-size:15px !important;}
.size_16	{font-size:16px !important;}
.size_17	{font-size:17px !important;}
.size_18	{font-size:18px !important;}
.size_20	{font-size:20px !important;}
.size_22	{font-size:22px !important;}
.size_24	{font-size:24px !important;}
.size_25	{font-size:25px !important;}
.size_26	{font-size:26px !important;}
.size_27	{font-size:27px !important;}
.size_29	{font-size:29px !important;}
.size_30	{font-size:30px !important;}
/*글자간*/
.line_h140 {line-height:140% !important;}
.line_h150 {line-height:150% !important;}
.line_h160 {line-height:160% !important;}
.line_h170 {line-height:170% !important;}
.line_h180 {line-height:180% !important;}
.line_h200 {line-height:200% !important;}
.line_h220 {line-height:220% !important;}
.line_h240 {line-height:240% !important;}
.line_h260 {line-height:260% !important;}
.line_h300 {line-height:300% !important;}

.line_h140 li{line-height:140% !important;}
.line_h150 li{line-height:150% !important;}
.line_h160 li{line-height:160% !important;}
.line_h170 li{line-height:170% !important;}
.line_h180 li{line-height:180% !important;}

/*******************************************************************
*	색관련
********************************************************************/
.color_43 {color:#434343 !important;}
.color_77 {color:#777 !important;}
.color_517 {color:#cc1517 !important;}
.color_799 {color:#fff799 !important;}
.color_700 {color:#eef700 !important;}

.imp_star{color:#cc0033;position:relative;top:2px;}
.txtS_info_red{color:#cc0033; font-size:12px;}
.txt_info_red{color:#cc0033; font-size:12px; font-weight:bold}
.txt_info_blue{color:#5872c7; font-weight:bold}

/*******************************************************************
*	기타공통부분
********************************************************************/
i {font-style: normal;font-family:Tahoma, Geneva, sans-serif !important; letter-spacing:0}

.lineBox1{padding:13px 30px;border-top:2px solid #cb003d;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox2{padding:8px 30px;border-top:2px solid #cb003d;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox3{padding:8px 30px;border-top:1px solid #dfdfdf;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}

.info_txt{padding-left:20px;background:url('/images/icon/bullet1.gif') no-repeat 10px 5px;padding-bottom:10px;}
.info_txt2{padding-left:20px;background:url('/images/icon/bullet1.gif') no-repeat 10px 3px;padding-bottom:10px;font-size:11px;color:#666}
.info_txt3{padding-left:22px;line-height:20px;background:url('/images/icon/ico_exclamation.gif') no-repeat 0 0;font-size:11px;color:#666;padding-bottom:5px}
.info_txt4{padding-left:36px;line-height:189%;background:url('/images/icon/bullet6.gif') no-repeat 14px 5px;color:#666;padding-bottom:5px}

.w_280 {width:280px !important;}
.w_26 {width:26% !important;}
.w_70 {width:70% !important;}

.b_dotB {width:100%; border-bottom:1px dotted #bbb;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .b_dotB {width:100%; border-bottom:1px dotted #d7d7d7;} }

/*******************************************************************
*	팝업레이어
*******************************************************************/
.layer_popup{z-index:90001;}
.layer_popup .layer_tit{height:22px;padding-top:8px;background:url('/images/popup/popLayer_tit_bg.gif') repeat-x 0 0;text-align:center;}
.layer_popup .layer_box{border-top:1px solid #ce1414;border-left:1px solid #b8151a;border-right:1px solid #b8151a;}
/* .layer_popup .layer_cont{border-left:1px solid #f80000;border-bottom:1px solid #f80000;border-right:1px solid #f80000;padding-top:13px;background:#fff}
.layer_popup .layer_close{overflow:visible;border-top:1px solid #dedede;padding:8px 11px 0 11px;height:20px;} */
.layer_popup .layer_close .info_close{float:left;font-size:11px;color:#747474}
.layer_popup .layer_close .btn_close{float:right}
.layer_popup .layer_close input[type="checkbox"]{margin-right:3px;vertical-align:middle;}
.layer_popup.layer_close img{vertical-align:middle;}

/*버튼*/
.btnBox1{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox1 input[type="button"]{background:none; line-height:26px; height:26px; padding:0 15px 2px 15px;cursor:pointer;}
.btnBox1 a {line-height:26px; height:26px; padding:0 15px 2px 15px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btnBox1 input[type="button"]{background:none; padding:0 15px 0 15px;}
.btnBox1 a {height:26px; padding:0 15px 0 15px;}
}
.btnBox2{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox2 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox2 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox3{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox3 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox3 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox4{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox4 a {line-height:22px; height:21px; padding:2px 20px 2px 20px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox4 a {height:25px; padding:0 20px 0 20px;}}
.btnBox5{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0; border:1px solid #919191;margin:2px 0}
.btnBox5 a {line-height:21px; height:19px;width:105px;padding:0; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox5 a {height:19px; padding:0;}}
.btnBox6{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0;border:1px solid #919191;}
.btnBox6 a {line-height:18px; height:18px; padding:2px 14px 0 14px; color:#000; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox6 a {height:20px; padding:0px 15px 0 15px;} }
.btnBox_orange{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f87564; border:1px solid #da6050;margin:2px 0}
.btnBox_orange a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_orange a {height:19px; padding:0;}}
.btnBox_blue{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#3d9ab8; border:1px solid #2e829d;margin:2px 0}
.btnBox_blue a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_blue a {height:19px; padding:0;}}

.ui-front {
    z-index:100; /* The default is 100. !important overrides the default. */
}

/* #btnTop {width: 60px;height: 69px;right: 60px;background-size: 100%;background-repeat: no-repeat;background-position: 0 0;background-image: url("/images/iconTop.png");transition: 0.3s all ease-out;} */
/* #btnTop.on {background-image:url("/images/iconTop_on.png")} */

/* 2020-06-23 검색엔진 추가 */
#header .header-middle {overflow:visible;}
#header .header-middle .searchBox {z-index:1;width: 400px;margin-left: 300px;}
#header .header-middle .searchBox .input .btn-delete {top:5px;right:30px;display:none;}
#header .header-middle .searchBox .input .btn-delete.on {display:block;}
#header .header-middle .searchBox .search-recent {width:395px;position:absolute;top:81px;left:300px;right:0;background:#fff;border:2px solid #525252;display:none;z-index: 9999;}
#header .header-middle .searchBox .search-recent.on {display:block;}
#header .header-middle .searchBox .search-recent .recent-txt {padding:0 10px;border-bottom:1px solid #d9d9d9;height:30px;line-height:30px;font-size:12px;color:#666;}
#header .header-middle .searchBox .search-recent ul li {display:block;padding:0 10px;line-height:24px;font-size:12px;color:#666;}
#header .header-middle .searchBox .search-recent ul li a{color:#666;}
#header .header-middle .searchBox .search-recent .bottom {padding:0 10px;border-top:1px solid #d9d9d9;line-height:24px;}
#header .header-middle .searchBox .search-recent .bottom .btn-delete {font-size:12px;color:#666;}
#header .header-middle .searchBox .search-recent .bottom .btn-close {float:right;font-size:12px;color:#666;}
#header .header-middle .searchBox .search-recent .bottom .btn-close img {margin-left:5px; margin-top:5px;}
#header .header-middle .searchBox .search-related {width:500px;position:absolute;top:81px;left:228px;right:0;background:#fff;border:2px solid #525252;display:none;    z-index: 10000;}
#header .header-middle .searchBox .search-related.on {display:block;}
#header .header-middle .searchBox .search-related .related-wrap {overflow:hidden;}
#header .header-middle .searchBox .search-related .related-txt {float:left;padding-top:10px;width: 169px;height:307px;border-right:1px solid #d9d9d9;/* margin-right:10px; */}
#header .header-middle .searchBox .search-related .related-txt ul .on{background: lightgray;}
#header .header-middle .searchBox .search-related .related-txt ul li{padding: 0 3px 0 12px;}
#header .header-middle .searchBox .search-related .related-txt ul li a {font-size:12px;color:#666;line-height:24px;}
#header .header-middle .searchBox .search-related .related-txt ul li a span {color:#cd2122;}
#header .header-middle .searchBox .search-related .related-prd {float:left;width: 286px;padding:10px;height:307px;}
#header .header-middle .searchBox .search-related .related-prd .keyword {font-size:14px;color:#cd2122;font-weight:500;margin-bottom:10px;}
#header .header-middle .searchBox .search-related .related-prd ul li {float:left;width:33.33%;padding:2px;box-sizing:border-box;}
#header .header-middle .searchBox .search-related .related-prd ul li a {display:block;border:1px solid #d9d9d9;}
#header .header-middle .searchBox .search-related .related-prd ul li .txtBox {padding:5px;line-height:1.4;max-height: 48px;}
#header .header-middle .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;}
#header .header-middle .searchBox .search-related .related-prd ul li img{width:90px;height:90px;}
#header .header-middle .searchBox .search-related .recommend {padding:10px;background:#f7f7f7;border-top:1px solid #d9d9d9;}
#header .header-middle .searchBox .search-related .recommend .title {font-size:12px;color:#333;font-weight:700;margin-bottom:5px;}
#header .header-middle .searchBox .search-related .recommend p {font-size:12px;color:#333;line-height:18px;}
#header .header-middle .searchBox .search-related .recommend p a {font-size:12px;color:#333;line-height:18px;}
/*******************************************************************
*	상품리스트영역
********************************************************************/
.goods_list_contents {width:100%; margin:40px 0 0; display:inline-block;}
/*정기배송신청 페이지일때*/
.order_contents>.goods_list_contents {width:100%; margin:0; display:inline-block;}
.goods_list_contents h3 {position:relative; height:28px; background:url('https://www.officenex.com/images/icon/bullet3.gif') no-repeat 0 7px; margin-left:18px; padding-left:8px; font-size:14px; line-height:18px; font-weight:bold;}
/*상품검색*/
.search_lists {height:36px; padding:0 10px; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.search_lists .gUser {float:left; padding-top:5px; vertical-align:middle;}
.search_lists .gUser label {float:left; margin-left:17px; padding-top:5px; color:#424242; font-size:11px; text-indent:-17px; display:block;}
.search_lists .gUser input {top:0 !important; vertical-align:middle;}
.search_lists .gUser a {float:left; margin-left:4px;}
.search_lists .gType {float:right; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat 0 15px;}
.search_lists .gType li {float:left; height:23px; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat right 15px; padding:13px 12px 0; text-align:center;}
.search_lists .gType li a {color:#686868; font-family:dotum, sans-serif; font-size:11px;}
.search_lists .gType li.active {height:21px; font-weight:bold; border-bottom:2px solid #e7222c;}
.search_lists .gType li.active a {background:url('https://www.officenex.com/images/icon/arrow1.gif') no-repeat right 50%; padding-right:15px; color:#ea555a; text-decoration:none;}
.search_lists .gType li.icon {height:26px; background:none; padding:10px 0 0 12px; line-height:1; text-align:left;}
.search_lists .gType li.icon p {float:left; padding-left:10px;}
.search_lists .gType li.icon span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;}
.search_lists .gType li.icon a {width:17px; height:17px; display:block; text-indent:-99999em;}
.search_lists .gType li.icon .blog .active {background-position:0 -18px;}
.search_lists .gType li.icon .bbs span {background-position:-27px 0;}
.search_lists .gType li.icon .bbs .active {background-position:-27px -18px;}
.search_lists_area {width:100%;}
/*상품블로그형*/
.goodsBox {float:left; width:100%; background:url('https://www.officenex.com/images/shop/goods_list_box_bg.gif') repeat-y 0 0;}
.goodsBox li {float:left; width:176px;/*  height:333px; padding:30px 20px;*/ }
.goods_content {width:176px;}
.goods_content .member-btn{width: 100%;display: flex;justify-content: space-around;height: 35px;border: 1px solid #e5e5e5;line-height: 34px;text-align: center;font-size: 10px;margin-left: 11px;}
.goods_content li {height:auto; padding:0; border:0;}
.goods_content li.goods_img {width:176px; height:170px; background:#dfdfdf;}
.goods_content li.goods_img img {width:176px; height:170px;}
.goods_content li.goods_tp {position:relative; width:176px; padding-bottom: 10px;}
.goods_content li.goods_tp input {vertical-align:middle;}
.goods_content li.goods_tp a {float:left;}
.goods_content li.goods_tp .qt {position:absolute; top:19px; left:19px; vertical-align:top;}
.goods_content li.goods_tp .qt input {width:32px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;}
.goods_content li.goods_tp .qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;}
.goods_content li.goods_tp .qt span a {margin:0;}
.goods_content li.goods_md {width:176px; height:62px; margin-bottom:10px; line-height:140%; overflow:hidden;}
.goods_content li.goods_md .brand,
.goods_content li.goods_md .pcode,
.goods_content li.goods_md .pin {height:16px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goods_content li.goods_md a {height:34px; overflow:hidden; display:inline-block;}
.goods_content li.goods_md a:hover {text-decoration:underline;}
.goods_content li.goods_se {float:left; width:auto; padding-right:10px; color:#df392e; font-family:Times New Roman,sans-serif; font-size:34px; font-weight:bold; letter-spacing:-0.04em;}
.goods_content li.goods_se span {font-size:20px; letter-spacing:-0.02em;}
.goods_content li.goods_bm {float:left; width:176px;position:relative;}
.goods_content li.goods_bm strike {display:block;}
.goods_content li.goods_bm .price {height:16px; color:#777; display:inline;}
.goods_content li.goods_bm .price strong {color:#df392e; font-size:13px;}
.goods_content li.goods_bm .point strong {color:#777; font-weight:normal;} 
/* .goods_content li.goods_bm .point {height:16px; color:#777; display:inline;} */
.goods_content li.goods_bm .point {position:absolute; bottom:0; right:0; height:20px; background:url('https://www.officenex.com/images/shop/goods_point_ico.gif') no-repeat 0 0; padding-left:24px; color:#777; text-align:right; line-height:169%; display:inline-block;}
/*게시판 페이징*/
.paging {width:100%; height:34px; margin:54px 0 54px; text-align:center; display:inline-block;}
.paging .pre a,
.paging .nex a {width:34px; height:34px; margin:0; font-size:0; line-height:0; border:0;}
.paging strong {width:33px; height:32px; color:#df392e; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;}
.paging a {width:33px; height:32px; color:#424242; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;}
/*페이징*/
.goods_list_contents .paging {margin-top:34px !important;}
/*상품게시판형*/
.goodsList {float:left; width:100%;}
.goodsList thead th {padding:6px 0; color:#424242; font-size:11px; font-weight:bold; line-height:18px; text-align:center; border-bottom:1px solid #d8d8d8;}
.goodsList tbody td {padding:15px 0; text-align:center; border-bottom:1px dotted #d8d8d8;}
.goodsList tbody td.info {padding:15px 5px 15px 0; text-align:left; border-bottom:1px dotted #d8d8d8;}
.goodsList tbody td.btn a {margin-bottom:3px; display:block;}
.goodsList tbody td.bm strike {height:16px; color:#999; font-size:11px; display:block;}
.goodsList tbody td.bm .price {height:16px; color:#777; line-height:140%; display:block;}
.goodsList tbody td.bm .price strong {color:#df392e; font-size:15px;}
/* .goodsList tbody td.bm .point {height:16px; color:##3366cc; line-height:220%; display:block;} */
.goodsList tbody td.bm .point {height:20px; background:url('../../images/shop/goods_point_ico.gif') no-repeat 0 0; margin-top:10px; padding-left:24px; color:#777; line-height:169%; display:inline-block;}
.goodsList tbody td.bm .point strong {color:#777; font-weight:normal;}
.goodsList tbody td.qt input {width:52px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;}
.goodsList tbody td.qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;}
.goodsList .goods_content {position:relative; width:100%; height:128px; overflow:hidden;}
.goodsList .goods_content li {float:left; padding-left:144px;}
.goodsList .goods_content li.goods_img {position:absolute; left:0; top:0; width:128px; height:128px; padding-left:0; background:#dfdfdf; z-index:4000;}
.goodsList .goods_content li.goods_img img {width:128px; height:128px;}
.goodsList .goods_content li.goods_tag {height:38px;}
.goodsList .goods_content li.goods_tag img {float:left; margin-right:3px;}
.goodsList .goods_content li.goods_tp {position:absolute; left:144px; bottom:2px; width:auto; height:13px; padding:0; z-index:4000;}
.goodsList .goods_content li.goods_tp a {margin:0;}
.goodsList .goods_content li.goods_md {clear:both; width:auto; height:50px; line-height:140%; overflow:hidden;}
.goodsList .goods_content li.goods_md .brand,
.goodsList .goods_content li.goods_md .pcode
.goodsList .goods_content li.goods_md .pin {height:16px; margin-bottom:3px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goodsList .goods_content li.goods_md .state {height:16px; margin-bottom:3px; color:#d00000; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goodsList .goods_content li.goods_md a {height:20px;}
.goodsList .goods_content li.goods_md a:hover {text-decoration:underline;}
.search-result-box {line-height:1.6;height:50px;}
.search-result-box .txt {font-size:22px;font-weight: 600;}
.search-result-box .related-keyword {padding:10px 0;font-size:14px;}
.search-result-box .related-keyword a {color:#358dee;display:inline-block;margin:0 5px;}
.search-result-box .related-keyword a:hover {text-decoration:underline !important;}
.search-prd-wrap {}
.search-prd-wrap .search-category {float:left;width:200px;padding-top:30px;margin-right:20px;}
.search-prd-wrap .search-category > ul > li {padding:20px 0;border-top:1px solid #d9d9d9;}
.search-prd-wrap .search-category > ul > li .cate-title {font-size:20px;color:#333;font-weight:500;margin-bottom:20px;}
.search-prd-wrap .search-category ul li label {display:block;font-size:14px;color:#666;line-height:1.6;}
.search-prd-wrap .search-category ul li label input {position:relative;top:2px;margin-right:5px;}
.search-prd-wrap .search-category ul li .more-cate {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;}
.search-prd-wrap .search-category ul li .more-cate span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;}
.search-prd-wrap .search-category ul li .more-brand {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;}
.search-prd-wrap .search-category ul li .more-brand span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;}
.search-prd-wrap .search-category ul li.search-cate03 input {width:55px;border:1px solid #d9d9d9;height:30px;line-height:28px;outline:none;padding:0 10px;}
.search-prd-wrap .search-category ul li.search-cate03 a {display:block;margin-top:5px;line-height:30px;text-align:center;font-size:14px;color:#333;background:#ebebeb;border:1px solid #d9d9d9;}
.search-prd-wrap .search-category ul li .input-box {position:relative;border:1px solid #d9d9d9;padding-right:40px;}
.search-prd-wrap .search-category ul li .input-box input {height:30px;line-height:28px;width:100%;outline:none;padding:0 10px;}
.search-prd-wrap .search-category ul li .input-box a {position:absolute;top:6px;right:10px;width:17px;}
.search-prd-wrap .search-category .category {font-family:"Nanum Gothic";}
.search-prd-wrap .search-category .category > ul > li > a {display:block;font-size:14px;color:#333;font-weight:bold;position:relative;line-height:24px;}
.search-prd-wrap .search-category .category > ul > li > a span {position:absolute;top:7px;right:0;width:11px;height:11px;}
.search-prd-wrap .search-category .category > ul > li > a span:before {content:"";position:absolute;width:100%;height:1px;background:#000;top:4px;left:0;}
.search-prd-wrap .search-category .category > ul > li > a span:after {content:"";position:absolute;width:1px;height:100%;background:#000;top:-1px;left:5px;transition:0.3s all ease-out;}
.search-prd-wrap .search-category .category > ul > li > a.on span:after {transform:rotate(90deg);}
.search-prd-wrap .search-category .category > ul > li ul {padding:10px;}
.search-prd-wrap .search-category .category > ul > li ul li a {font-size:14px;color:#333;line-height:1.6;}
.search-prd-wrap .search-category .category > ul > li .sub {display:none;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a {display:block;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a.slide {background:url("../../images/icon/depth-arrow-bottom.png") no-repeat 95% 50%;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a.slide.on {background:url("../../images/icon/depth-arrow-top.png") no-repeat 95% 50%;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 {display:none;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 li a {display:block;padding-left:10px;position:relative;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 li a:before {content:"-";position:absolute;top:0;left:0;}
.search-prd-wrap .goods_list_contents {float:left;width:862px;margin-top:0;}
.search-update .goods_list_contents {width:1120px;}
.search-prd-wrap .goods_list_contents .search-result {font-size:18px;}
.search-prd-wrap .goodsBox li {width:165px;}
.search-update .goodsBox li {width:184px;}
.search-array {background:#f8f8f8;padding:20px;margin-top:10px;border-top:1px solid #333;border-bottom:1px solid #d9d9d9;position:relative;}
.search-array:after {content:"";display:block;clear:both;}
.search-array ul li {float:left;padding:0 10px;font-size:14px;color:#333;}
.search-array ul li input {position:relative;top:3px;margin-right:5px;}
.search-array ul li a {display:block;}
.search-array .array-btns {position:absolute;top:20px;right:20px;}
.search-array .array-btns p {float:left; padding-left:10px;}
.search-array .array-btns span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;}
.search-array .array-btns a {width:17px; height:17px; display:block; text-indent:-99999em;}
.search-array .array-btns .blog .active {background-position:0 -18px;}
.search-array .array-btns .bbs span {background-position:-27px 0;}
.search-array .array-btns .bbs .active {background-position:-27px -18px;}
.search-array .search_lists {position:absolute;right:0;top:-40px;border-bottom:none;padding:0;}

#header .header-top .searchBox .input input,
#header .header-top .searchBox .search-recent,
#header .header-top .searchBox .search-related {font-family:"nanum";}
#header .header-top .searchBox .search-related .related-prd ul li p,
#header .header-top .searchBox .search-related .recommend p,
#header .header-top .searchBox .search-related .recommend .title,
#header .header-top .searchBox .search-related .related-prd .keyword,
#header .header-top .searchBox .search-related .related-txt ul li a,
#header .header-top .searchBox .search-recent .recent-txt,
#header .header-top .searchBox .search-recent ul li a,
#header .header-top .searchBox .search-recent .bottom .btn-delete,
#header .header-top .searchBox .search-recent .bottom .btn-close {font-size:12px;}
#header .header-top .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;}
#header .header-top .searchBox .search-related .related-prd ul li p.txt {line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;}


.search-result-box .txt,
.search-result-box .related-keyword {font-family:"nanumB";font-size:12px;}


#mainVisual .util-wrap {position:absolute;bottom:0;left:0;right:0;padding:40px 0;line-height:30px;text-align:right;}
#mainVisual .util-wrap .mv-btn {display:inline-block;border-radius:50%;background:#b3b4b8;text-align:center;font-size:16px;color:#fff;width:30px;height:30px;margin-right:5px;vertical-align:top;}
#mainVisual .util-wrap .pager {display:inline-block;background:#b3b4b8;padding:0 20px;font-size:16px;color:#fff;vertical-align:top;}
#mainVisual .util-wrap .pager .slider_num {font-weight:bold;}
#mainVisual .util-wrap .btn-minus {display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #b3b4b8;padding: 0 10px;font-size: 20px;color: #fff;vertical-align: top;height: 30px;line-height: 28px;}
#mainVisual .util-wrap .btn-plus {display:inline-block;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#b3b4b8;padding:0 10px;font-size:20px;color:#fff;vertical-align:top;}
#mainVisual .util-wrap .mv-btn i {font-family:'Material Icons' !important;display:none;line-height:35px;font-size:20px;line-height:33px;}
#mainVisual .util-wrap .mv-btn i.pause {display:inline;}
#mainVisual .util-wrap .mv-btn.stop i.pause {display:none;}
#mainVisual .util-wrap .mv-btn.stop i.play {display:inline;}

#mainVisual .slick-slider {overflow:hidden; height: 456px;}
#mainVisual .slick-slider img{height: 456px;max-width:none;}
#mainVisual .slick-slider .slick-track {text-align: center;}

#header .header-banner {height:80px;overflow:hidden;}
#header .header-banner img{height:80px;}


#mainVisual {background:#f3f5ff;position:relative;}
#mainVisual .slick-slider {overflow:hidden; height: 396px;}
#mainVisual .slick-slider img{height: 396px;max-width:none;}
#mainVisual .slick-slider .slick-track {text-align: center;}
#mainVisual .slick-dots {position:absolute;bottom:0;left:0;width:100%;height:40px;}
#mainVisual .slick-dots li {float:left;width:180px;}
#mainVisual .slick-dots li a {display:block;font-size:14px;color:#666;line-height:40px;text-align:center;background:#dce7fb;}
#mainVisual .slick-dots li.slick-active a {background:#595a5b;color:#fff;}
#mainVisual .util-wrap {position:absolute;bottom:0;left:0;right:0;padding:40px 0;line-height:30px;text-align:right;}
#mainVisual .util-wrap .mv-btn {display:inline-block;border-radius:50%;background:#b3b4b8;text-align:center;font-size:16px;color:#fff;width:30px;height:30px;margin-right:5px;vertical-align:top;}
#mainVisual .util-wrap .pager {display:inline-block;background:#b3b4b8;padding:0 20px;font-size:16px;color:#fff;vertical-align:top;}
#mainVisual .util-wrap .pager .slider_num {font-weight:bold;}
#mainVisual .util-wrap .btn-minus {display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #b3b4b8;padding: 0 10px;font-size: 20px;color: #fff;vertical-align: top;height: 30px;line-height: 28px;}
#mainVisual .util-wrap .btn-plus {display:inline-block;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#b3b4b8;padding:0 10px;font-size:20px;color:#fff;vertical-align:top;}
#mainVisual .arrow {position:absolute;top:50%;margin-top:-24px;}
#mainVisual .arrow.btnPrev {left:-32px;}
#mainVisual .arrow.btnNext {right:-32px;}
#mainVisual .util-wrap .mv-btn i {font-family:'Material Icons' !important;display:none;line-height:35px;font-size:20px;line-height:33px;}
#mainVisual .util-wrap .mv-btn i.pause {display:inline;}
#mainVisual .util-wrap .mv-btn.stop i.pause {display:none;}
#mainVisual .util-wrap .mv-btn.stop i.play {display:inline;}
#mainVisual .slick-prev {display:none !important;}









/* body{padding-top:211px;} */

/* header */
#header .header-top{background:#f2f2f2;}
#header .header-top .hdt-menu a{position: relative; font-size:12px;color:#000;}
#header .header-top .hdt-menu a::after{content:'';position:absolute;right: -1px;top: 12px;width: 0;height:11px;background:#777;}
#header .header-top .hdt-menu a:last-child::after{display: none;}

#header .header-middle{height:125px; }
#header .header-middle .logo{top:25px}
#header .header-middle .searchBox{padding:40px 0;}
#header .header-middle .searchBox .input{border-radius:10px;}
#header .header-middle .searchBox .input .barcode{top:10px;}

#header .header-middle .hm-right{position:absolute; right:0; top:0; /*display:flex; align-items:center;*/ margin-top: 23px;width:300px;height:80px;overflow:hidden;}
#header .header-middle .hm-right img{border-radius:7px;}

#header .header-middle .searchBox .input .barcode .barcode-scan{top:-7px;}

.header-bottom {}

#gnb .gnbList > li{margin:0;padding: 0 50px;position:relative;}
#gnb .gnbList > li:first-child{/* padding-left:75px; */}
#gnb .gnbList > li::after{position:absolute;left: 0;top:14px;width:1px;height:21px;background:#7f7f7f;content:'';}
#gnb .gnbList > li > a{color: #000;}
#gnb .btnAllMenu{}


/* 좌측 퀵메뉴 */
.quick_left{position:absolute; left:50%; top: 796px; margin-left: -692px; width:118px; height: 175px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.quick_left.fix {position:fixed;top:350px;}
.quick_left a{display:flex; align-items:center; border-bottom:2px dotted #d9d9d9;font-size:12px; color:#333; font-weight: 700;}
.quick_left a:last-child{border-bottom: 0;}
.bnr-expand_wrap{position: absolute;top: 655px;left:50%;margin-left: -704px;z-index:10000;}/*top: 340px;*/
.bnr-expand_wrap.fix{position:fixed;top:255px;}
.bnr-expand_wrap div:nth-child(n+1) {padding-top:10px;}
.bnr-expand.on { opacity:1; }
.bnr-expand {opacity:0;transition:.2s; z-index:9999 !important; }
.bnr-expand a { position:absolute; left:-40px; top:50%; transition:all .2s ease; transform-origin:left 0; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transform:scale(0); opacity:0;}
.bnr-expand a.active { transform:scale(1); opacity:1; }
.bnr-expand img { vertical-align:top; }
.bnr-expand2 {opacity:1;transition:.2s; z-index:9999 !important;padding-top:10px; }
.bnr-expand2 img { vertical-align:top; }


/* 우측 퀵메뉴 */
.quick_right {position: absolute;top: 610px;right:50%;margin-right: -692px;width:111px;z-index:10000;/* background:#fff; */} /*top: 350px;*/
.quick_right.fix {position:fixed;top:222px;}
.quick_right .infoBox {background:#f3f5ff;padding:20px;}
.quick_right .infoBox .tel {margin-bottom:20px;}
.quick_right .infoBox .tel dt {font-size:15px;color:#333;font-weight:700;}
.quick_right .infoBox .tel dd {font-size:16px;margin-top:5px;}
.quick_right .infoBox .tel:nth-child(1) dd {color:#ea4444;}
.quick_right .infoBox .tel:nth-child(2) dd {color:#6b8499;}
.quick_right .infoBox .time {margin-bottom:10px;}
.quick_right .infoBox .time dt {font-size:10px;color:#999;font-weight:500;}
.quick_right .infoBox .time dd {font-size:12px;color:#4c4c4c;font-weight:300;margin-top:5px;}
.quick_right .infoBox p {font-size:10px;color:#999;font-weight:500;margin-top:10px;}
.quick_right .quickMenu ul li {display:block;font-size:13px;color:#fff;line-height:34px;background-color:#252525;border-bottom:1px solid #e6e6e6;padding:0 20px;}
.quick_right .quickMenu ul li a {color:#fff;}
.quick_right .quickMenu ul li:first-child {background-color:#cd2122;}
.quick_right .quickMenu ul li img {vertical-align:middle;}
.quick_right .recent-slide {border: 1px solid #cfcfcf;border-radius: 7px;overflow: hidden;background: #fff;}
.quick_right .recent-slide .title {text-align:center;font-size:14px;color:#000;padding:10px 0;}
.quick_right .recent-slide .title span{color:#ff4901;}
.quick_right .prd-recent {overflow:hidden;background-size:100% auto;}
.quick_right .prd-recent .inner {background:#fff;padding:20px 7px;position:relative;text-align:center;}
.quick_right .btn-basket {margin-bottom:10px;display:block;line-height:34px;font-size: 13px;color:#000;text-align:center;border: 1px solid #cfcfcf;background: #fff;border-radius: 7px;}
.quick_right .btn-basket .num {display:inline-block;border-radius:50%;font-size:13px;color:#fff;background:#ff0000;line-height:18px;width:18px;height:18px;position:relative;top:-1px;margin-left:3px;}
.quick_right .btn-basket .material-icons {line-height:34px;vertical-align:top;}
.quick_right .prev,
.quick_right .next{width:100%; height:15px; display: flex; align-items:center; justify-content:center; cursor:pointer; position:absolute; left:50%; transform:translateX(-50%);}
.quick_right .prev{ top:3px;}
.quick_right .next{ bottom:3px;}
.quick_right .next img{transform:rotate(180deg);}

.quick_right .btn-scroll {display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;color:#fff;background:#333;text-align:center;margin-top: 8px;border-radius: 7px;}
.quick_right .btn-scroll img {margin-left:5px;}
.quick_right .prd-recent .arrow {position:absolute;left:50%;transform:translateX(-50%);}
.quick_right .prd-recent .arrow.btnPrev {top:0;}
.quick_right .prd-recent .arrow.btnNext {bottom:0;}
.quick_right .prd-recent .mask {overflow:hidden;height:100px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;}
.quick_right .prd-recent .slick-slider {height:100%;}
.quick_right .prd-recent .slick-list {overflow:hidden;height:100% !important;}
.quick_right .prd-recent ul li {float:none;}
.quick_right .prd-recent ul li a {display:block;height:100%;position:relative; overflow:hidden;}
.quick_right .prd-recent ul li a img {width: 100%; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.quick_right .btnClose {position:absolute;top:-30px;right:0;}
.quick_right .btnClose.close .icon span {width:10px;}
.quick_right .btnClose.close .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 16px;}
.quick_right .btnClose7.close .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 1px;}
.quick_right .prd_none{height: 100%; display: flex; align-items: center; justify-content: center; color: #666; line-height: 135%;}

.quick_right .q01{margin-top: 10px; display:block; padding:0 7px;}
.quick_right .q01 .in{border-top:1px solid #d9d9d9; padding:0 7px; text-align: left; padding-top: 10px; background:url(img/quick_right_q01.png)no-repeat center right 3px;}
.quick_right .q01 p{font-size:11px; margin-bottom: 3px;}
.quick_right .q01 span{font-size:14px; font-weight: 700;}

.quick_right .tel{border-radius:15px; font-size:11px; color:#333; font-weight: 800; height:28px; border:1px solid #d9d9d9; display:flex; align-items:center; justify-content:center; margin-top: 10px;}
.quick_right .tel img{margin-right: 5px;}

#footer .footerTop ul li a{font-size:13px;}
#footer .footerTop .right{position:absolute; right:0; top:0;}

.preOrderYn{margin-left: 180px;width: 160px;height: 44px;border: 0;background: rgb(89, 62, 246);color: #fff;line-height: 44px;box-shadow: inset -1px -1px 0 rgb(89 62 246), 1px 1px 1px 0 rgb(0 0 0 / 15%);}
.preOrderYn a{font-size: 20px;color: white;width: 160px;}




/* sw.jo 2023-01-31 */
.totalCalcPrice{
	color: red;
    font-size: 17px;
    font-weight: bold;
}

/* 팝업 */
@font-face {
	font-family: 'NanumSquareNeo-Variable';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

.wrap{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;width: 100%;position: fixed;top: 0;left: 0;z-index: 10000;}
.alert_btn{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop{overflow:hidden;position:absolute;width:400px;height:250px;border:5px solid #333;border-radius:15px;background: #fff;}
.alert_pop .title-wrap{background:#ff806b; height:50px; border-bottom:5px solid #333; display:flex; align-items:center; justify-content:center;}
.alert_pop .title{font-size: 22px;font-weight:700;}
.alert_pop .content-wrap{height: 200px;position: relative;}
.alert_pop .content-wrap .content{text-align: center; padding-top:35px;}
.alert_pop .content-wrap .content .t01{font-size: 18px;line-height:1.5;font-weight:500;}
.alert_pop .content-wrap .content .t01 span{font-weight:700;}
.alert_pop .content-wrap .content .t02{margin-top:8px;font-size: 13px;line-height:1.5;font-weight:500;}
.alert_pop .content-wrap .btn{width: 120px;height: 33px;border:5px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:#ff806b;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}

.wrap2{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;width: 100%;position: fixed;top: 0;left: 0;z-index: 10000;}
.alert_btn2{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop2{overflow:hidden;position:absolute;width:400px;border:5px solid #333;border-radius:15px;background: #fff;}
.alert_pop2 .title-wrap{background:#ff806b; height:50px; border-bottom:5px solid #333; display:flex; align-items:center; justify-content:center;}
.alert_pop2 .title{font-size: 22px;font-weight:700;}
.alert_pop2 .content-wrap{position: relative;}
.alert_pop2 .content-wrap .content{text-align: center; padding-top:35px;padding-bottom:80px;}
.alert_pop2 .content-wrap .content .t01{font-size: 18px;line-height:1.5;font-weight:500;margin: 0 10px;}
.alert_pop2 .content-wrap .content .t01 span{font-weight:700;}
.alert_pop2 .content-wrap .content .t02{margin-top:8px;font-size: 13px;line-height:1.5;font-weight:500;}
.alert_pop2 .content-wrap .btn{width: 120px;height: 33px;border:5px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:#ff806b;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}

.wrap3{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;width: 100%;position: fixed;top: 0;left: 0;z-index: 10000;}
.alert_btn3{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop3{overflow:hidden;position:absolute;width:400px;height:450px;border:5px solid #333;border-radius:15px;background: #fff;}
.alert_pop3 .title-wrap{background:#ff806b; height:50px; border-bottom:5px solid #333; display:flex; align-items:center; justify-content:center;}
.alert_pop3 .title{font-size: 22px;font-weight:700;}
.alert_pop3 .content-wrap{height: 400px;position: relative;}
.alert_pop3 .content-wrap .content{text-align: center; padding-top:35px;}
.alert_pop3 .content-wrap .content .t01{font-size: 18px;line-height:1.5;font-weight:500;}
.alert_pop3 .content-wrap .content .t01 span{font-weight:700;}
.alert_pop3 .content-wrap .content .t02{margin-top:8px;font-size: 13px;line-height:1.5;font-weight:500;padding:0 20px;overflow:auto;height:215px;}
.alert_pop3 .content-wrap .content .t02 li{float:left;text-align:left}
.alert_pop3 .content-wrap .content .t02 li:nth-child(2n+1){width:30%}
.alert_pop3 .content-wrap .content .t02 li:nth-child(2n){width:70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.alert_pop3 .content-wrap .btn{width: 120px;height: 33px;border:5px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:#ff806b;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}

/* 팝업 모바일 */
@media(max-width:1024px){

@font-face {
	font-family: 'NanumSquareNeo-Variable';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

.wrap{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;}
.alert_btn{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop{overflow:hidden;position:fixed;width: 90vw;height: 290px;border: 3px solid #333;border-radius:15px;background: #fff;z-index: 10000;}
.alert_pop .title-wrap{background:#ff806b;height: 60px;border-bottom: 3px solid #333;display:flex;align-items:center;justify-content:center;}
.alert_pop .title{font-size: 25px;font-weight:700;}
.alert_pop .content-wrap{height: 230px;position: relative;}
.alert_pop .content-wrap .content{text-align: center;padding-top: 30px;}
.alert_pop .content-wrap .content .t01{font-size: 16px;line-height:1.5;font-weight:500;}
.alert_pop .content-wrap .content .t01 span{font-weight:700;}
.alert_pop .content-wrap .content .t02{margin-top: 20px;font-size: 15px;line-height:1.5;font-weight:500;}
.alert_pop .content-wrap .btn{width: 150px;height: 40px;border: 3px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size: 20px;background:#ff806b;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}

.wrap2{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;}
.alert_btn2{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop2{overflow:hidden;position:fixed;width: 90vw;border: 3px solid #333;border-radius:15px;background: #fff;z-index: 10000;}
.alert_pop2 .title-wrap{background:#ff806b;height: 60px;border-bottom: 3px solid #333;display:flex;align-items:center;justify-content:center;}
.alert_pop2 .title{font-size: 25px;font-weight:700;}
.alert_pop2 .content-wrap{position: relative;}
.alert_pop2 .content-wrap .content{text-align: center;padding-top: 30px;padding-bottom:80px;}
.alert_pop2 .content-wrap .content .t01{font-size: 16px;line-height:1.5;font-weight:500;}
.alert_pop2 .content-wrap .content .t01 span{font-weight:700;}
.alert_pop2 .content-wrap .content .t02{margin-top: 20px;font-size: 15px;line-height:1.5;font-weight:500;}
.alert_pop2 .content-wrap .btn{width: 150px;height: 40px;border: 3px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size: 20px;background:#ff806b;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}

.wrap3{font-family:'NanumSquareNeo-Variable'; height:100vh; display: none; align-items:center; justify-content:center;}
.alert_btn3{width:200px; background:#ff806b; height:60px; border:5px solid #333; display:flex; align-items:center; justify-content:center; font-size:30px; color:#333; font-weight:700; border-radius:15px;}
.alert_pop3{overflow:hidden;position:fixed;width: 90vw;height: 290px;border: 3px solid #333;border-radius:15px;background: #fff;z-index: 10000;}
.alert_pop3 .title-wrap{background:#ff806b;height: 60px;border-bottom: 3px solid #333;display:flex;align-items:center;justify-content:center;}
.alert_pop3 .title{font-size: 25px;font-weight:700;}
.alert_pop3 .content-wrap{height: 230px;position: relative;}
.alert_pop3 .content-wrap .content{text-align: center;padding-top: 30px;}
.alert_pop3 .content-wrap .content .t01{font-size: 16px;line-height:1.5;font-weight:500;}
.alert_pop3 .content-wrap .content .t01 span{font-weight:700;}
.alert_pop3 .content-wrap .content .t02{margin-top: 20px;font-size: 15px;line-height:1.5;font-weight:500;}
.alert_pop3 .content-wrap .btn{width: 150px;height: 40px;border: 3px solid #333;border-radius:100px;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size: 20px;background:#ff806b;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
}