@charset "utf-8";

/* 폰트 font-weight 속성 설정 */
/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/noto-sans-kr-v8-korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('/fonts/noto-sans-kr-v8-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/noto-sans-kr-v8-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('/fonts/noto-sans-kr-v8-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-sans-kr-v8-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('/fonts/noto-sans-kr-v8-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/noto-sans-kr-v8-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('/fonts/noto-sans-kr-v8-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/noto-sans-kr-v8-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('/fonts/noto-sans-kr-v8-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/noto-sans-kr-v8-korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('/fonts/noto-sans-kr-v8-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-kr-v8-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-kr-v8-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/nanum-gothic-v13-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('/fonts/nanum-gothic-v13-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum-gothic-v13-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum-gothic-v13-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/nanum-gothic-v13-korean-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('/fonts/nanum-gothic-v13-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum-gothic-v13-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum-gothic-v13-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/nanum-gothic-v13-korean-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('/fonts/nanum-gothic-v13-korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum-gothic-v13-korean-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum-gothic-v13-korean-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum-gothic-v13-korean-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanumsquarer-300 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url('/fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/fonts/NanumSquareL.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NanumSquareL.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-400 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url('/fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/fonts/NanumSquareR.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NanumSquareR.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-700 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url('/fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/fonts/NanumSquareB.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NanumSquareB.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-800 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url('/fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/fonts/NanumSquareEB.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('/fonts/NanumSquareEB.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ----- s-core-dream 에스코어 드림체 폰트 ----- */
@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url('/fonts/SCoreDreamThin.eot');
    src: url('/fonts/SCoreDreamThin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamThin.woff2') format('woff2'),
        url('/fonts/SCoreDreamThin.woff') format('woff'),
        url('/fonts/SCoreDreamThin.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url('/fonts/SCoreDreamExtraLight.eot');
    src: url('/fonts/SCoreDreamExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamExtraLight.woff2') format('woff2'),
        url('/fonts/SCoreDreamExtraLight.woff') format('woff'),
        url('/fonts/SCoreDreamExtraLight.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url('/fonts/SCoreDreamLight.eot');
    src: url('/fonts/SCoreDreamLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamLight.woff2') format('woff2'),
        url('/fonts/SCoreDreamLight.woff') format('woff'),
        url('/fonts/SCoreDreamLight.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/SCoreDreamRegular.eot');
    src: url('/fonts/SCoreDreamRegular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamRegular.woff2') format('woff2'),
        url('/fonts/SCoreDreamRegular.woff') format('woff'),
        url('/fonts/SCoreDreamRegular.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/SCoreDreamMedium.eot');
    src: url('/fonts/SCoreDreamMedium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamMedium.woff2') format('woff2'),
        url('/fonts/SCoreDreamMedium.woff') format('woff'),
        url('/fonts/SCoreDreamMedium.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url('/fonts/SCoreDreamBold.eot');
    src: url('/fonts/SCoreDreamBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamBold.woff2') format('woff2'),
        url('/fonts/SCoreDreamBold.woff') format('woff'),
        url('/fonts/SCoreDreamBold.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/SCoreDreamExtraBold.eot');
    src: url('/fonts/SCoreDreamExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamExtraBold.woff2') format('woff2'),
        url('/fonts/SCoreDreamExtraBold.woff') format('woff'),
        url('/fonts/SCoreDreamExtraBold.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url('/fonts/SCoreDreamHeavy.eot');
    src: url('/fonts/SCoreDreamHeavy.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamHeavy.woff2') format('woff2'),
        url('/fonts/SCoreDreamHeavy.woff') format('woff'),
        url('/fonts/SCoreDreamHeavy.ttf') format("truetype");
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url('/fonts/SCoreDreamBlack.eot');
    src: url('/fonts/SCoreDreamBlack.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SCoreDreamBlack.woff2') format('woff2'),
        url('/fonts/SCoreDreamBlack.woff') format('woff'),
        url('/fonts/SCoreDreamBlack.ttf') format("truetype");
}

/*사이트 포인트색*/
.wset {background:#1352f3;border:1px solid #1352f3;font-family: "Noto Sans KR", sans-serif;color:#fff !important; border-radius: 4px;}
.wset:hover {background:#0742d9;border:1px solid #0742d9;color:#fff !important;}

table .spr,.total_price .spr {display:inline-block;}

/*타이틀강조*/
.anc_tit {font-family: "Noto Sans KR", sans-serif; padding: 0 0 7px 10px; font-size: 18px; font-weight: 600; position: relative;}
.anc_tit:after {width: 4px; height: 20px; background-color: #1352f3; display: inline-block; position: absolute; left: 0; top: 4px; content:'';}

/*인트로*/
#intro {width:1000px;height:570px;margin:-285px 0 0 -500px;position:absolute;top:50%;left:50%;}
#intro .int_copy {color:#888;text-align:center;margin:10px 0 0;line-height:1.6em;}
#int_wrap {padding:40px;border:5px solid #f1f1f1;overflow:hidden;}
#int_wrap .rbanner {width:410px;height:410px;padding-left:40px;border-left:1px solid #eee;float:right;}
#int_wrap .rbanner .bx-wrapper {position:relative;}
#int_wrap .lcont {width:419px;float:left;}
#int_wrap .lcont .tit {font-size:37px;font-weight:400;color:#666;margin:20px 0 3px;}
#int_wrap .lcont .tit b {font-weight:800;color:#333;}
#int_wrap .int_login {margin:20px 0 0 0;}
#int_wrap .int_login dt {width:95px;float:right;}
#int_wrap .int_login dt .btn_large {width:100%;height:80px;}
#int_wrap .int_login dd {width:318px;float:left;}
#int_wrap .int_login dd input {height:37px;width:100%;border:1px solid #ddd;padding:0 12px;margin-bottom:6px;line-height:35px;}
#int_wrap .int_btn {padding:20px 0 0;border-top:1px dotted #ddd;}
#int_wrap .int-txt {padding:10px 0 0 0;}
#int_wrap .int-txt li {font-size:11px;color:#888;padding:5px 0 0 5px;background:url('/img/ic_dot3.gif') no-repeat left 9px;}

/*layout*/
#wrapper {width:100%;min-width:1000px;height:100%;}
#container {width:100%;position:relative;}
.cont_wrap {width:1200px;margin:0 auto;overflow:hidden;}
.cont_bg {background-color:#f5f5f5;padding:50px 0 65px;}
.cont_bg .mtit span {background-color:#f5f5f5;}
.cont_inner {width:1200px;min-height:520px;padding:20px 0;margin:0 auto;}

/*header*/
#hd_banner{text-align:center;position:relative;}
#hd_banner a {height:100%;display:block;text-decoration:none !important;}
#hd_close{width:26px;height:26px;position:absolute;top:50%;right:17px;margin-top:-13px;cursor:pointer;}

#tnb {height:29px;border-bottom:1px solid #ddd;background-color:#fafafa;}
#tnb_inner {width:1200px;padding:7px 0 0;margin:0 auto;}
#tnb_inner li {float:left;}
#tnb_inner li:first-child:before {display:none;}
#tnb_inner li:before {width:1px;height:9px;margin:3px 10px 0;background-color:#ddd;display:inline-block;float:left;content:'';}
#tnb_inner li a {color:#888;}
#tnb_inner li .ic_num {font-size:10px;font-weight:600;margin:0 0 2px 4px;padding:2px 5px;border-radius:50%;background-color:#333;color:#fff;letter-spacing:0;text-align:center;vertical-align:middle;display:inline-block;}

#hd {position:relative;}
#hd:after {display:block;clear:both;content:'';}
#hd_inner {width:1200px;height:100px;margin:0 auto;position:relative;}

#hd_inner .hd_logo {position: absolute; left: 0; top: 0; display: flex; align-items: center; flex-wrap: wrap; height: 100px;}
#hd_inner .hd_logo a {height: auto; display: table-cell; vertical-align: middle;}
#hd_inner .hd_logo img {max-width: 100%;}

#hd_sch {display: table; margin: 0 auto;}
#hd_sch .sch_frm {position: relative; width: 400px; height: 60px; padding: 0 30px; box-sizing: border-box; margin-top: 20px; background: #f5f5f5; border-radius: 58px;}
#hd_sch .sch_frm form {display: flex; align-items: center; width: 100%; height: 60px;}
#hd_sch .sch_frm .sch_stx {width: 96%; height: 50px; line-height: 30px; font-family: "Noto Sans KR", sans-serif !important; font-size: 16px; color: #363636; font-weight: 400; background: none; border: none; outline: none;}
#hd_sch .sch_frm .sch_submit {width: 30px; height: 30px; color: #222; font-size: 22px; font-weight: 400; border: none;}

/* placeholder 속성값 */
#hd_sch .sch_frm form input::placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #7c7d7e; font-weight: 400;}
#hd_sch .sch_frm form input::-webkit-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #7c7d7e; font-weight: 400;}
#hd_sch .sch_frm form input:-ms-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #7c7d7e; font-weight: 400;}

#hd_inner .hd_bnr {position: absolute; top: 50%; right: 0; transform: translateY(calc(-50% + 0.5px));}
#hd_inner .hd_bnr span {height:100px;display:table-cell;vertical-align:middle;}

/* user member 버튼 영역 추가 */
#hd_inner .hd_bnr .user-member {display: flex; width: 100%; margin-bottom: 18px;}
#hd_inner .hd_bnr .user-member ul {display: flex; align-items: center; flex-wrap: wrap;}
#hd_inner .hd_bnr .user-member ul li {display: inline-flex; margin-left: 10px;}
#hd_inner .hd_bnr .user-member ul li a {display: flex; align-items: center; flex-wrap: wrap; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #575555; font-weight: 500;}
#hd_inner .hd_bnr .user-member ul li a i {font-size: 17px; color: #818181; margin-top: 2px; margin-right: 3px; vertical-align: middle;}
#hd_inner .hd_bnr .user-member ul li a.fc_eb7 i {color: #1352f3;}
#hd_inner .hd_bnr .user-member ul li a:hover {text-decoration: none; color: #1352f3;}
#hd_inner .hd_bnr .user-member ul li a:hover i {color: #1352f3;}

/* 상단 좌측 배너 상담신청 퍼블리싱 추가작업 250630  */
#hd_inner .hd_bnr .bann-callcenter {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 100%;}

#hd_inner .hd_bnr .bann-callcenter .bann-callnumber {display: flex; align-items: center; flex-wrap: wrap;}
.blink-wrap {display: flex; align-items: center; gap: 8px;}
#hd_inner .hd_bnr .bann-callcenter .bann-callnumber .bann-ico {width: auto;}
#hd_inner .hd_bnr .bann-callcenter .bann-callnumber .bann-ico i {font-size: 26px; color: #fb6d3a;}
#hd_inner .hd_bnr .bann-callcenter .bann-callnumber .bann-txtnum {display: flex; /*justify-content: center; flex-direction: column; align-items: center;*/}
#hd_inner .hd_bnr .bann-callcenter .bann-callnumber .bann-txtnum span {display: block; width: 100%; height: auto;}
/*#hd_inner .hd_bnr .bann-callnumber .bann-txtnum span.txt {font-family: "SCoreDream", sans-serif; font-size: 14px; color: #5b5a5a; font-weight: 500; line-height: 1; margin-bottom: 5px;}*/
#hd_inner .hd_bnr .bann-callcenter .bann-callnumber .bann-txtnum span.num {font-family: "SCoreDream", sans-serif; font-size: 26px; color: #fb6d3a; font-weight: 800; line-height: 1;}
.blink-wrap .bann-ico i,
.blink-wrap .num {animation: blinkColor 1s infinite; font-weight: 700;}

/* 컬러 순환 + 깜빡임 */
@keyframes blinkColor {
  0% {
    color: #1352f3;
    opacity: 1;
  }
  58% {
    color: #2189ff;
    opacity: 1;
  }
  100% {
    color: #1352f3;
    opacity: 1;
  }
}


#hd_inner .hd_bnr .bann-callcenter .bann-linkbtn {display: flex; margin-left: 15px;}
#hd_inner .hd_bnr .bann-callcenter .bann-linkbtn a {display: flex; align-items: center; width: auto; height: 28px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #575555; font-weight: 500; line-height: 1; padding: 0 10px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; transition: all 0.3s ease;}
#hd_inner .hd_bnr .bann-callcenter .bann-linkbtn a:hover {text-decoration: none; color: #fff; background-color: #13289f; border: 1px solid #13289f;}

#gnb {width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background-color:rgba(255,255,255,1);position:relative;}
#gnb.gnd_fixed {position:fixed;top:0;left:0;right:0;z-index:999;}
#gnb_inner {display: flex; align-items: center; width: 1200px; height: 60px; margin: 0 auto; position: relative;}
#gnb_inner a {text-decoration:none !important;}

#gnb_inner .all_cate {display: flex; z-index: 999;}
#gnb_inner .all_cate .allc_bt {display: flex; width: auto; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #000; font-weight: 700; line-height: 41px; text-align: left; cursor: pointer; position:relative;}
#gnb_inner .all_cate i {display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 20px; color: #fff; font-weight: 400; margin-right: 15px; background-color: #363636; border-radius: 8px; vertical-align: middle;}
#gnb_inner .all_cate .ionicons {font-size: 40px;}
#gnb_inner .all_cate .con_bx {width: 1200px; max-height: 700px; overflow-x: hidden; overflow-y: auto; padding: 10px 10px; border:1px solid #222; background-color:#fff; border-radius: 12px; display:none; position: absolute; top: 65px; left: 0; z-index: 1000; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gnb_inner .all_cate .con_bx ul {width:100%;display:table;background:#fff;}
#gnb_inner .all_cate .con_bx .c_box {width: 20%; padding: 5px 5px; display: table-cell;}
#gnb_inner .all_cate .con_bx .c_box .cate_tit {line-height: 1em; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight: 700; color: #fff; text-align: left; padding: 8px 10px; background-color: #1352f3; display: block; border-radius: 6px;}
#gnb_inner .all_cate .con_bx .c_box ul {margin: 12px 0;}
#gnb_inner .all_cate .con_bx .c_box li {width: 100%; /*height: 30px;*/ line-height: 1.5; text-align: left;}
#gnb_inner .all_cate .con_bx .c_box li a {font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #9c9d9d; font-weight: 500; padding: 2px 10px; display: block; transition: all 0.3s ease;}
#gnb_inner .all_cate .con_bx .c_box li a:hover {color: #1352f3; font-weight: 600; padding: 2px 10px 2px 15px; background-color:#f5f5f5;}

#gnb_inner .gnb_li {width: 74%; padding-left: 1.5rem; margin-left: 1.7rem; border-left: 1px solid #e8e8e8;}
#gnb_inner .gnb_li > ul {text-align:left;overflow:visible;}
#gnb_inner .gnb_li > ul > li {display:inline-block;position:relative;overflow:visible;vertical-align:middle;}
#gnb_inner .gnb_li > ul > li:first-child:before {display:none;}
#gnb_inner .gnb_li > ul > li:before {height:16px;margin:-4px 15px 3px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';}
#gnb_inner .gnb_li > ul > li > a {height: 60px; line-height: 60px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; font-weight: 500 !important; color: #333; display: inline-block; position:relative;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#gnb_inner .gnb_li > ul > li > a:hover {color:#1352f3;}
#gnb_inner .gnb_li > ul > li > a:after {opacity: 0;height:4px;background-color:#1352f3;position:absolute;bottom:-1px;left:50%;right:50%;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#gnb_inner .gnb_li > ul > li > a:hover:after {opacity: 1;left:-5px;right:-5px;}

#gnb_inner .gnb_li > ul > li:hover > a {color: #1352f3;}
#gnb_inner .gnb_li > ul > li:hover > a:after {opacity: 1;left:-5px;right:-5px;}

/* GNB 드롭다운 메뉴 추가 영역 */
.open-menu {position: absolute; top: 62px; left: 0; height: 0; overflow: hidden; z-index: 1000000;}
.open-menu.is-open {overflow: visible; /*열렸을 때 그림자 잘림 방지*/}
.open-menu .sub-menu {width: 220px; margin: 10px; /* 이 margin때문에 높이계산도 outerHeight(true)로! */}
.open-menu .menu-shadow {border-radius: 16px; background: #fff; border: 1px solid #e1dfdf; box-shadow: 7px 7px 9px -2px rgba(0,0,0,0.065);}
.open-menu .menu-box {margin: 0; padding: 20px 0; border-radius: 16px; overflow:hidden; /*내용만 잘리고, 그림자는 안 잘림 */}
.open-menu .menu-box > li {display: block; padding: 0 20px; background: #fff; box-sizing: border-box;}
.open-menu .menu-box > li > a {display: block; height: 30px; line-height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #696a6a; font-weight: 400; text-align: left; padding: 0 10px; transition: all 0.3s ease; box-sizing: border-box;}
.open-menu .menu-box > li:hover > a {color: #fb6d3a; font-weight: 500; padding: 0 10px 0 20px; background: #eee;}

#gnb_inner .gnb_li > ul > li:nth-of-type(1) .open-menu {left: -35px;} /*첫번째 하위메뉴 위치 예외처리*/


/* GNB 메뉴 우측 바로가기 메뉴 영역 */
#gnb_inner .ex-menu {position: absolute; right: 0;}
#gnb_inner .ex-menu a {display: inline-flex; align-items: center; width: auto; padding: 9px 20px 10px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; font-weight: 500; margin-left: 5px; background-color: #2189ff; border: 1px solid #2189ff; border-radius: 58px; transition: all 0.3s ease; box-sizing: border-box;}
#gnb_inner .ex-menu a i {font-size: 20px; margin-top: 2px;margin-right: 7px;}
#gnb_inner .ex-menu a:hover {color: #2189ff; background-color: #fff; border: 1px solid #2189ff;}

#gnb_inner .ex-menu a.event {background-color: #1352f3; border: 1px solid #1352f3;}
#gnb_inner .ex-menu a.event:hover {color: #1352f3; background-color: #fff; border: 1px solid #1352f3;}


/*quick*/
#qcl {width:80px;margin-right:620px;position:absolute;top:20px;right:50%;z-index:997;}
#qcl li {margin-top:5px;}
#qcl li:first-child {margin-top:0 !important;}
#qcr {width:80px;margin-left:620px;position:absolute;top:20px;left:50%;z-index:997;}
#qcr ul {border-bottom:1px solid #ddd; border-radius: 10px; overflow: hidden;}
#qcr ul.quick-bann {border-bottom: 0; margin-top: 10px;}
#qcr ul.quick-bann li img {width: 100%;}
#qcr li {padding:0 9px 9px;border-width:0 1px;border-style:solid;border-color:#ddd;background-color:#fff;text-align:center;}
#qcr li:first-child {padding:0 !important;border:0 !important;}
#qcr .tit {width:80px;height:28px;line-height:2.3;color:#fff;background-color:#666;}
#qcr li p {margin-top:9px;}
#qcr .stv_wrap {height:15px;font-size:11px;font-weight:600;position:relative;text-align:center;}
#qcr .stv_wrap #up {position:absolute;left:9px;top:0;cursor:pointer;}
#qcr .stv_wrap #down {position:absolute;right:9px;top:0;cursor:pointer;}
#qcr .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;}
.qbtn_bx {position:fixed;bottom:30px;right:30px;z-index:100000;}
.qbtn_bx.active {position:absolute;bottom:0;}
.qbtn_bx #anc_up {margin-bottom: 5px;}
.qbtn_bx #anc_up,
.qbtn_bx #anc_dw {width: 60px; height: 60px; font-size: 12px; font-weight: 600; color: #000; background-color: #fff; border: 2px solid #000; border-radius: 50%; display: block; outline: none;}
.qbtn_bx #anc_up:before,
.qbtn_bx #anc_dw:after {font-size: 17px; font-family:'FontAwesome'; line-height: 10px; color: #000; display: block;}
.qbtn_bx #anc_up:before {margin-bottom:3px;content:'\f106';}
.qbtn_bx #anc_dw:after {margin-top:3px;content:'\f107';}


/*메인 슬라이드배너*/
/*
#mbn_wrap {width: 100%; height: 560px; overflow: hidden; display: block; position: relative;}
#mbn_wrap .mbn_img {width: 100%; height: 560px; display: block; text-align: center;}
#mbn_wrap .slick-slide a {height: 560px; display: block;}
#mbn_wrap .slick-slide {text-align:center;}
#mbn_wrap .slick-dots {width: 1000px; margin-left: -500px; left: 50%;}
#mbn_wrap .slick-dots span {height:35px;font-family: "Noto Sans KR", sans-serif;font-size:14px;line-height:35px;color:#222;letter-spacing:-0.8px;background-color:#fff;border-width:1px 1px 1px 0;border-style:solid;border-color:#ddd;text-align:center;display:block;cursor:pointer;}
#mbn_wrap .slick-dots li:first-child span {border-left:1px solid #ddd !important;}
#mbn_wrap .slick-dots li.slick-active span {background-color:#222;border-left:1px solid #222 !important;border-color:#222;color:#fff;}
*/

/*slick 아이콘*/
/*
.slick-arrow {margin-top:-40px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;z-index:900;outline:none;}
.slick-arrow:before {font-family:'FontAwesome';font-size:80px;font-weight:600;}
.slick-next {right:30px;}
.slick-next:before {content:'\f105';}
.slick-prev {left:30px;}
.slick-prev:before {content:'\f104';}
.slick-dots {position:absolute;bottom:15px;width:100%;text-align:center;z-index:900;}
.slick-dots li {display:inline-block;}
.slick-dots button {width:15px;height:15px;border-radius:50%;margin:0 4px;font-size:0;background-color:rgba(0,0,0,0.3);display:block;outline:none;}
.slick-dots li.slick-active button {background-color:rgba(0,0,0,0.9);}/* 롤링  색상*/


/* 메인 슬라이드 전체 래퍼 (배경색 자동 변경을 위한 애니메이션 처리) */
/*
#main_visual_wrap {position: relative; width: 100%; transition: background-color 0.6s ease-in-out; padding-top: 30px; padding-bottom: 50px;}
.slide-item .slide-content {max-width: 1200px; margin: 0 auto;}
.slide-item img {width: 100%; display: block;}
*/

/* 물결 애니메이션 영역 (파장을 좁게 설정) */
/*
.wave-container {position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; overflow: hidden; z-index: 10;}
.wave {position: absolute; bottom: 0; left: 0; width: 200%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 C 250 0, 250 100, 500 50 C 750 0, 750 100, 1000 50 L 1000 100 L 0 100 Z' fill='%23ffffff' /%3E%3C/svg%3E");
 background-size: 400px 100%; animation: wave-anim 4s linear infinite;}
.wave2 {opacity: 0.5; animation: wave-anim 6s linear infinite reverse; bottom: 5px;}

@keyframes wave-anim {
    0% { transform: translateX(0); }
    100% { transform: translateX(-400px); }
}
*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 상단 비주얼 슬라이드 배너 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#main_visual_wrap {position: relative; width: 100%;}
.mainslide-wrap {position: relative; width: 100%; padding-top: 30px; /* 헤더 공간 여백 */  transition: background-color 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden;}
.main-visual {width: 100%; padding-bottom: 120px;}

.main-visual .mainSwiper {width: 100%;}
.main-visual .mainSwiper .swiper-slide {width: 100%;  max-width: 1200px;}
.main-visual .mainSwiper .swiper-slide-active {z-index: 10;}
.main-visual .mainSwiper .slide-image-wrap {width: 100%; border-radius: 14px; overflow: hidden;}
.main-visual .mainSwiper .slide-image-wrap img {width: 100%; height: auto; display: block; object-fit: cover;}

/* 메인 상단 비주얼 슬라이드 - 페이징 영역 */
.main-visual .swiper .paging {position: absolute; bottom: 10px; width: 100%; z-index: 20;}
.main-visual .swiper .swiper-pagination {display: inline-flex; justify-content: center; width: 100%; height: 17px; text-align: center; z-index: 20;}
.main-visual .swiper .swiper-pagination-bullet {width: 14px !important; height: 14px !important; display: inline-block; background: rgba(255,255,255,0); border: 1px solid #fff; opacity: 1; transition: all 0.3s ease;}
.main-visual .swiper .swiper-pagination-bullet-active {width: 14px !important; height: 14px !important; background: rgba(255,255,255,1) !important; border: 1px solid #fff !important; border-radius: 55px; border: none;}

/* 메인 상단 비주얼 슬라이드 - 이전다음 화살표 스타일 적용 */
.main-visual .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 5% !important; display: flex; width: 56px; height: 56px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%;}
.main-visual .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev i {font-size: 24px; color: #363636;}
.main-visual .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 5% !important; display: flex; width: 56px; height: 56px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%;}
.main-visual .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next i {font-size: 24px; color: #363636;}
.main-visual .swiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.main-visual .swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}

/* 메인 상단 비주얼 슬라이드 - 이전다음 화살표 스타일 적용 - 마우스롤오버 적용 */
.main-visual .swiper .swiper-button-prev:hover {color: #fff; background-color: #2189ff; border: 1px solid #2189ff; transition: all 0.3s ease;}
.main-visual .swiper .swiper-button-next:hover {color: #fff; background-color: #2189ff; border: 1px solid #2189ff; transition: all 0.3s ease;}

/* Wave Animation - 물결 애니메이션 영역 */
.wave-container {position: absolute; bottom: -1px; left: 0; width: 100%; /* 굴곡이 깊어졌으므로 파장이 잘리지 않도록 높이를 충분히 줍니다 */ height: 120px; z-index: 2; overflow: hidden;}
.editorial-wave {width: 100%; height: 100%; display: block;}
.wave-parallax > use {animation: move-forever 12s linear infinite;}

@keyframes move-forever {
  0% { transform: translate3d(-90px, 0, 0); }
  100% { transform: translate3d(85px, 0, 0); }
}


/*메인*/
/*
.best_wrap {height:400px;margin-top:30px;position:relative;overflow:hidden;}
.best_wrap:after {clear:both;content:'';}
.best_wrap .bnr1 {width:280px;height:400px;position:absolute;top:0;left:0;}
.best_wrap .bnr2 {width:400px;height:195px;position:absolute;top:0;left:290px;}
.best_wrap .bnr3 {width:400px;height:195px;position:absolute;bottom:0;left:290px;}
.best_rol_slide {width:190px;height:330px;padding:35px 45px;background-color:#f1f1f1;position:absolute;top:0;right:0;}
.best_rol_slide h2 {font-size:22px;font-weight:600;color:#222;line-height:1em;text-align:center;}
.best_rol_slide h2:after {width:20px;height:1px;margin:15px auto 25px;background-color:#222;display:block;content:'';}
.best_rol_slide dl {width:190px;text-align:left;float:left;position:relative;outline:none;}
.best_rol_slide dl a {display:block;text-decoration:none !important;outline:none;}
.best_rol_slide dl .sale {width:50px;height:50px;font-size:15px;font-weight:600;line-height:50px;color:#fff;border-radius:30px;background-color:#f33e31;text-align:center;position:absolute;top:0;left:0;z-index:50;}
.best_rol_slide dl .pimg {width:190px;height:190px;border-radius:50%;overflow:hidden;position:relative;}
.best_rol_slide dl .pimg img {width:100%;height:auto;}
.best_rol_slide dl dd {text-align:center;}
.best_rol_slide dl .pname {height:32px;font-size:13px;margin:17px 0 9px;line-height:1.3em;overflow:hidden;}
.best_rol_slide dl .price .mpr {font-size:18px;font-weight:800;color:#000;letter-spacing:-1px;}
.best_rol_slide dl .price .mpr span {font-weight:normal;margin-left:2px;}
.best_rol_slide dl .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#999;margin-right:7px;text-decoration:line-through;}
.best_rol_slide dl .ic_bx {width:86px;margin-left:-43px;position:absolute;top:77px;left:50%;right:0;z-index:20;text-align:center;display:none;}
.best_rol_slide dl .pimg:before {background-color:rgba(0,0,0,0.2);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;opacity:0;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.best_rol_slide dl:hover .pimg:before {opacity:1;}
.best_rol_slide dl:hover .ic_bx {display:block;}
.best_rol_slide .slick-slider {position:initial !important;}
.best_rol_slide .slick-arrow {width:15px;height:50px;margin-top:-25px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;outline:none;}
.best_rol_slide .slick-arrow:before {font-family:'FontAwesome';font-size:50px;font-weight:600;}
.best_rol_slide .slick-next {right:15px;}
.best_rol_slide .slick-next:before {content:'\f105';}
.best_rol_slide .slick-prev {left:15px;}
.best_rol_slide .slick-prev:before {content:'\f104';}
*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 베스트상품 상품 리스트 슬라이드 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-bestproduct {position: relative; padding: 80px 0; margin-top: 60px; background-color: #e2eaf0;}
.main-bestproduct:before {position: absolute; left: 0; top: 0; content: ""; width: 100%; /*width: 40.625%;*/ height: 100%; background-image: url("/images/best_widebg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;} /*좌측 뱌경 이미지*/
.bestproduct-slide {position: relative; display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 1200px;}

.bestproduct-slide .bestslide-title {width: 25%;}
.bestproduct-slide .bestslide-title .typetxt {display: inline-block; margin-bottom: 15px;}
.bestproduct-slide .bestslide-title .typetxt span {transform: rotate(-0.03deg); font-size: 22px; color: #fff; font-weight: 800; line-height: 1; letter-spacing: -0.1px; border-bottom: 2px solid #fff;}
.bestproduct-slide .bestslide-title h3 {font-weight: normal; font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 35px; color: #fff; font-weight: 400; line-height: 1.3; letter-spacing: -0.1px;}
.bestproduct-slide .bestslide-title h3 span {display: block;}
.bestproduct-slide .bestslide-title h3 strong {font-weight: 700;}

/* 메인 컨텐츠 - 베스트상품 상품 리스트 슬라이드 영역 - 슬라이드 button 스타일 적용 */
.bestslide-title .swiper-btn .swiper-button-prev, .swiper-rtl .swiper-button-next {font-size: 30px; color: #000;}
.bestslide-title .swiper-btn .swiper-button-next, .swiper-rtl .swiper-button-prev {font-size: 30px; color: #000;}
.bestslide-title .swiper-btn .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.bestslide-title .swiper-btn .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.bestslide-title .swiper-btn .bestprev {left: 0 !important; top: initial; /*초기화*/ bottom: 0; margin-top: 0 !important; display: inline-flex; justify-content: center; align-items: center; width: 50px !important; height: 50px !important; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; outline: none;}
.bestslide-title .swiper-btn .bestnext {left: 65px !important; top: initial; /*초기화*/ bottom: 0; margin-top: 0 !important; display: inline-flex; justify-content: center; align-items: center; width: 50px !important; height: 50px !important; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; outline: none;}

/* 메인 컨텐츠 - 베스트상품 상품 리스트 슬라이드 영역 - 상품 리스트 영역 */
.bestproduct-slide .bestslide-list {width: 75%;}
.bestslide-list .swiper {position: relative; width: 100%; height: 100%; padding: 0 1px;}
.bestslide-list .swiper .swiper-slide {width: 0%; /*새로고침시 확대현상 제거*/ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.bestslide-list .swiper .swiper-slide a {position: relative; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 20px; box-sizing: border-box; transition: all 0.3s ease;}
.bestslide-list .swiper .swiper-slide a:hover {text-decoration: none;}

.bestslide-list .swiper .swiper-slide a dl {position: relative; width: 100%; padding-bottom: 15px; border-radius: 20px 20px 0 0; overflow: hidden;}
.bestslide-list .swiper .swiper-slide a dl dt {position: relative; width: 100%; height: 100%; padding: 0; border-bottom: solid 1px #ececec;}
.bestslide-list .swiper .swiper-slide a dl dt img {width: 100%; height: auto;}
.bestslide-list .swiper .swiper-slide a dl dd.lowest {font-family: "Noto Sans KR", sans-serif; color: #7b7b7b; font-weight: 400; padding: 0 20px; box-sizing: border-box; margin-top: 5px;}
.bestslide-list .swiper .swiper-slide a dl dd.lowest span {font-size: 15px; font-weight: 400; margin-top: 8px;}
.bestslide-list .swiper .swiper-slide a dl dd.pname {height: auto; min-height: 48px; color: #111; line-height: 1.4em; margin-top: 5px; margin-bottom: 10px; padding: 0 20px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; font-weight: 500; text-align: left; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; overflow: hidden;}
.bestslide-list .swiper .swiper-slide a dl dd.price {margin: 8px 0 5px; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 500; color: #111; padding: 0 20px;}
.bestslide-list .swiper .swiper-slide a dl dd.price .txtbox {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 70px; height: 26px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #252525; background-color: #f7f6f6; border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box;}

.bestslide-list .swiper .swiper-slide a:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; background-color: rgba(0,0,0,0.1); border-radius: 20px;}
.bestslide-list .swiper .swiper-slide a:hover:before {opacity: 1; background-color: rgba(0,0,0,0.05);}
.bestslide-list .swiper .swiper-slide a:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; border: 2px solid #fff; border-radius: 20px; box-sizing: border-box; transition: all 0.3s ease;}
.bestslide-list .swiper .swiper-slide a:hover:after {opacity: 1; border: 2px solid #1352f3; box-sizing: border-box;}

/* 상세보기 추가 */
.bestslide-list .swiper .swiper-slide a dl:after {content: "상세보기"; position: absolute; top: 50%; left: 50%; z-index: 20; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; background: rgba(0,0,0,0.7); border-radius: 50%; opacity: 0; transition: all 0.3s ease;}
.bestslide-list .swiper .swiper-slide a:hover dl:after {opacity: 1; background: rgba(0,0,0,0.5);}


/* 메인 띠배너 추가 */
.main-bandbanner {padding: 0;}
.bandbanner-wrap {position: relative; width: 100%; height: 200px; overflow: hidden;}
.bandbanner-wrap .bann-img {position: absolute; left: 50%; transform: translateX(calc(-50% + 0.5px)); z-index: 1;}
.bandbanner-wrap .bann-img a {display: block; width: 100%; height: 100%;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 인기상품 슬라이드 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.rvmpcmpnt-wrap {width: 100%;}
.rvmpcmpnt-wrap .inner {display: block;}

.rvmpcmpnt-wrap .rvmpcmpnt-list {position: relative;}
.rvmpcmpnt-wrap .mySwiper-popularity {overflow: hidden; margin-top: 37px;}
.rvmpcmpnt-wrap .swiper-slide {height: auto;}
.rvmpcmpnt-wrap .swiper-slide > a {display: block; height: 100%;}
.rvmpcmpnt-wrap .item dt img {display: block; width: 100%; height: auto;}
.rvmpcmpnt-wrap .price {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.rvmpcmpnt-wrap .txtbox, .rvmpcmpnt-wrap .cardtxt-left {float: none !important;}
.rvmpcmpnt-wrap .pricenumber {margin-left: auto; text-align: right;}

.rvmpcmpnt-list .swiper .swiper-slide a {border: solid 1px #ddd; border-radius: 20px; box-sizing: border-box;}

/* 하단 컨트롤 */
.rvmpcmpnt-controls {display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 30px;}
.rvmpcmpnt-btn {width: 42px; height: 42px; border: 0; border-radius: 50%; background: #f5f5f5; color: #111; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all .25s ease;}
.rvmpcmpnt-btn i {font-size: 24px; line-height: 1;}
.rvmpcmpnt-btn:hover {background: #1352f3; color: #fff;}
.rvmpcmpnt-btn.is-disabled {background: #f1f1f1; color: #bbb; cursor: default; pointer-events: none; opacity: .65;}
.rvmpcmpnt-progress {position: relative; width: min(320px, 42vw); height: 4px; border-radius: 999px; background: rgba(0,0,0,.12); overflow: hidden;}
.rvmpcmpnt-progress-fill {position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 999px; background: #1352f3; transition: width .4s ease;}


.wide_bn img {width:100%;height:auto;}

.mask_bn {width:100%;min-width:1000px;height:350px;margin-top:50px;position:relative;}
.mask_bn:before {background-color:rgba(0,0,0,0.1);position:absolute;top:0;left:0;bottom:0;right:0;display:block;content:'';}
.mask_bn a {display:block;}
.mask_bn p {width:600px;margin-left:-300px;text-align:center;display:table;position:absolute;left:50%;top:0;bottom:0;z-index:10;}
.mask_bn span {height:350px;font-family: "Noto Sans KR", sans-serif;font-size:33px;font-weight:600;line-height:1.4em;color:#fff;display:table-cell;vertical-align:middle;}

.mmd_bn {width:1200px;height:500px;margin:0 auto;position:relative;}
.mmd_bn li {position:absolute;}
.mmd_bn li.bnr1 {width:480px;height:290px;top:0;left:0;}
.mmd_bn li.bnr2 {width:400px;height:290px;top:0;left:490px;}
.mmd_bn li.bnr3 {width:890px;height:200px;bottom:0;left:0;}
.mmd_bn li.bnr4 {width:300px;height:500px;top:0;right:0;}

.mtit {height:35px;text-align:center;position:relative;clear:both;}
.mtit:after {width:400px;height:1px;margin:-13px auto 0;background-color:none;display:block;content:'';}
.mtit span {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 35px; font-weight: 700; line-height: 1em; color: #222; margin:0 auto;padding:0 25px;background-color:#fff;display:inline-block;}

/* 메인 카테고리별 아이콘 이미지 추가 250304 */
.main_categoryicon {width: 100%;}
.main_categoryicon ul {width: 100%;}
.main_categoryicon ul li {float: left; width: 10%; margin: 10px 0;}
.main_categoryicon ul li a {display: block; width: 100%; color: #111; padding: 0 5px; box-sizing: border-box; text-decoration: none;}
.main_categoryicon ul li a .thumbimg {position: relative; display: block; width: 100%; height: 100%; padding: 2px; box-sizing: border-box; border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden; box-shadow: 1px 0px 5px -2px rgba(0, 0, 0, 0.1); border-radius: 50%; overflow: hidden;}
.main_categoryicon ul li a .thumbimg:after {content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 2;}
.main_categoryicon ul li a .thumbimg img {width: 100%; height: auto;}
.main_categoryicon ul li a p {display: block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 15px; color: #6e6f70; font-weight: 500; letter-spacing: -0.8px; line-height: 18px; margin-top: 10px; text-align: center;}

/* 메인 카테고리별 아이콘 이미지 추가 250304 - 마우스롤오버 효과 적용 */
.main_categoryicon ul li a:hover .thumbimg {border: 1px solid #0c61cb; transition: all 0.3s ease;}
.main_categoryicon ul li a:hover .thumbimg:after {background-color: rgba(12,97,203,0.3); transition: all 0.3s ease;}
.main_categoryicon ul li a:hover p {color: #0c61cb; font-weight: 700; /*text-decoration: underline;*/ transition: all 0.3s ease;}

/*메인 카테고리별 베스트*/
.bestca_tab {height:40px;margin:35px 0 25px;text-align:center;overflow:visible;clear:both;}
.bestca_tab li {font-family: "Noto Sans KR", sans-serif;font-size:16px;padding:0 20px;color:#888;border-width:1px 1px 1px 0;border-style:solid;border-color:#e1e1e1;text-align:center;float:left;cursor:pointer;position:relative;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bestca_tab li:first-child {border-left:1px solid #ddd;}
.bestca_tab li span {height:40px;line-height:38px;overflow:hidden;display:block;}
.bestca_tab li.active {background-color:#222;border-color:#222;color:#fff;}
.bestca_tab li.active:after {width:0;height:0;border:8px solid transparent;border-bottom:none;border-top-color:#222;display:inline-block;position:absolute;bottom:-8px;left:50%;margin-left:-8px;content:'';}
.bestca ul {height:420px;display:none;}
.bestca li {width:25%;height:420px;border-width:1px 0 1px 1px;border-style:solid;border-color:#e1e1e1;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bestca li:first-child {border-left-color:#fff;}
.bestca li > a {padding:20px 20px;text-decoration:none !important;display:block;}
.bestca li p {overflow:hidden;}
.bestca li dd {text-align:center;}
.bestca li .pimg {overflow:hidden;position:relative;margin-bottom:15px;}
.bestca li .pimg:after {background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.bestca li .pimg img {width:259px;height:259px;border-radius:50%;}
/*.bestca li .pimg:before {width:20px;height:1px;margin:20px auto;background-color:#bbb;display:block;content:'';}*/
.bestca li .pname {height:55px;padding:0 10px;font-family: "Noto Sans KR", sans-serif;font-size:15px;font-weight:600;line-height:1.4em;text-align:center;}
.bestca li .price .mpr {font-size:18px;font-weight:800;color:#000;letter-spacing:-1px;}
.bestca li .price .mpr span {font-weight:normal;margin-left:2px;}
.bestca li .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#999;margin-right:7px;text-decoration:line-through;}
.bestca li .petc {margin-top:10px;}
.bestca li .ic_bx {width:86px;margin:3px 0 0 -43px;opacity:0;position:absolute;top:45%;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.bestca li:hover .pimg:after {background-color:rgba(0,0,0,0.2);}
.bestca li:hover .ic_bx {opacity:1;}
.bestca li.empty_list {width:100%;line-height:300px;font-size:13px;color:#bbb;}

/*공통*/
.nwin,.zzim {width:36px;height:36px;line-height:1.9em;border-radius:50%;margin:0 2px;color:#222;background-color:rgba(255,255,255,0.9);font-family:"Ionicons";font-size:20px;text-align:center;display:inline-block !important;vertical-align:middle;cursor:pointer;text-decoration:none !important;}
.zzim:before {content:"\f387";}
.zzim.on:before {content:"\f388";color:#f33e31;}
.nwin:before {content:"\f218";}
.soldout,.memopen {line-height:1em;font-size:13px;font-weight:normal;padding:4px 10px 5px;border-radius:3px;color:#fff;display:inline-block;}
.soldout {background-color:#ed3636;}
.memopen {background-color:#1680d9;}

/*상품리스트*/
.pr_desc {overflow:hidden;}
.pr_desc ul {}
.pr_desc li {float:left;position:relative;}
.pr_desc li a {display:block;text-decoration:none !important; border: solid 1px #ddd; border-radius: 20px; box-sizing: border-box; overflow: hidden; transition: all 0.3s ease;}
.pr_desc li dl {position:relative; padding-bottom: 15px;}

/* 상세보기 추가 */
.pr_desc li a dl:after {content: "상세보기"; position: absolute; top: 50%; left: 50%; z-index: 20; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); display: inline-flex; justify-content: center; align-items: center; width: 80px; height: 80px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; background: rgba(0,0,0,0.7); border-radius: 50%; opacity: 0; transition: all 0.3s ease;}
.pr_desc li a:hover dl:after {opacity: 1; background: rgba(0,0,0,0.5);}

.pr_desc li dt {position:relative;}
.pr_desc li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc li dt img {width:100%;height:auto;}
.pr_desc li dd {position:relative;text-align:right;}
.pr_desc li .pname {height: auto; min-height: 48px; color: #111; line-height:1.4em; margin-top: 5px; margin-bottom: 10px; padding: 0 20px; font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight:500; text-align:left; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; overflow: hidden;}
.pr_desc li .explan {font-family: "Noto Sans KR", sans-serif;font-size:16px;font-weight:300;text-align:left; padding: 0 10px 10px; border-bottom: solid 1px #ccc;}
.pr_desc li .keyword {height: 30px;text-align:left;padding: 0 10px;margin-top:12px;}
.pr_desc li .keyword span {display:inline-block;font-family: "Noto Sans KR", sans-serif; font-size:12px; color:#fff; font-weight:400; line-height:12px; padding:3px 5px 4px; margin-right:3px; margin-bottom:3px; background: #6db5df; border-radius:3px;}
.pr_desc li .lowest {font-family: "Noto Sans KR", sans-serif; color: #7b7b7b; font-weight: 400; height: 28px; padding: 0 20px; box-sizing:border-box; margin-top: 5px;}
.lowest_bg {margin-top: 6px !important;}
.pr_desc li .price {margin:8px 0 5px;font-family: "Noto Sans KR", sans-serif;font-size:20px;font-weight:500;color:#111;padding: 0 20px;}
.pr_desc li .price .txtbox {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 70px; height: 26px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #252525; background-color: #f7f6f6; border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box;}
.pr_desc li .price .mpr {font-weight:800;color:#ff0000;}
.pr_desc li .price .mpr span {font-weight:400;margin-left:2px;}
.pr_desc li .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}

/* 가격부분 스타일 수정 */
.cardtxt-left {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 70px; height: 26px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; background-color: #1352f3; border: 1px solid #1352f3; border-radius: 3px; box-sizing: border-box;}
.cardtxt {color: #1352f3;}
.pricenumber {float:right; font-family: "Noto Sans KR", sans-serif;}
.pricenumber .titlemonth {transform: rotate(-0.03deg); font-size:16px; font-weight: 500; margin-right:5px;}
.pricenumber .priceamt {display:inline-block; text-align:right; /*width:95px;*/ width: auto; font-size:20px; font-weight:700;}
.pricenumber .titlewon {transform: rotate(-0.03deg); font-size:16px; font-weight: 500; margin-right:5px;}

.pr_desc li .petc {margin-bottom:10px;}
.pr_desc li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

/* 기존 롤오버시 장바구니,새창 아이콘  */
/*.pr_desc li:hover dt:after {background-color:rgba(0,0,0,0.2);}*/
.pr_desc li:hover .ic_bx {opacity:1;}

.pr_desc li a:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; background-color: rgba(0,0,0,0.1); border-radius: 15px;}
.pr_desc li a:hover:before {opacity: 1; background-color: rgba(0,0,0,0.05);}
.pr_desc li a:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; border: 2px solid #13289f; border-radius: 15px; box-sizing: border-box; transition: all 0.3s ease;}
.pr_desc li a:hover:after {opacity: 1; border: 2px solid #1352f3;}

/* 메인 인기상품 리스트 */
.pr_desc.wli3 li{width:291px;margin:12px 0 0 12px;}
.pr_desc.wli3 li dt {position: relative; width: 291px; height: 291px; padding: 30px 0 50px; border-bottom: solid 1px #ececec;}
.pr_desc.wli3 li:nth-child(4n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli3 li .pname {height:42px;font-size:15px;}
.pr_desc.wli3 li .ic_bx {top:150px;}

/* 메인 신상품 리스트 */
.pr_desc.wli4 li{width:291px;margin:12px 0 0 12px;}
.pr_desc.wli4 li dt {position:relative; width:291px;height:291px; padding: 0; border-bottom: solid 1px #ececec;}
.pr_desc.wli4 li:nth-child(4n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli4 li .ic_bx {top:150px;}

/* 메인 추천상품 리스트 */
.pr_desc.wli5 li{width:291px;margin:12px 0 0 12px;}
.pr_desc.wli5 li dt {position: relative; width: 291px; height: 291px; padding: 0; border-bottom: solid 1px #ececec;}
.pr_desc.wli5 li:nth-child(4n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli5 li .ic_bx {top:150px;}

/* 추가 아이콘 작업 210415 */
.probox_pointtxt {position: absolute; bottom: 33px; left: 0px; display: inline-block; width: 100%; text-align: right; margin-bottom: 5px;}
.probox_pointtxt p {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #252525; font-weight: 500; padding: 0 15px;}
.probox_point {position: absolute; bottom: 0; left: 0px; width: 100%; color: #fff; background-color: rgba( 0, 0, 0, 0.7 );}
.probox_point p {text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #ffff00; font-weight: 500; padding: 3px 0px; display: none;}
.lowest {position: relative; width: 100%;}
.lowest_bg {display: inline-block;  width: 65px; font-size: 12px; color: #fff; text-align: center; padding: 4px 5px; margin-top: 10px; margin-right: 10px; background: #f26522; border-radius: 3px;}
.bedge_box {position: absolute; top: 5px; left: 5px; width: 73px;}
.bedge_box span {display: inline-block; width: 73px; margin-bottom: 10px;}
.brlogo_box {position: absolute; top: 5px; right: 10px; width: 80px;} /* 제품 로고추가 */
.brlogo_box img {width: 100%;}
.brlogo_box span {display: inline-block; width: 80px;}
.brlogo_box span img {width: 100%;}
.bedgeas_box {position: absolute; bottom: 40px; right: 5px; width: 71px;}
.bedgeas_box span {display: inline-block; width: 71px;}

/* 텍스트 깜빡이는 효과 css */
.blinking {
  -webkit-animation:blink 0.5s ease-in-out infinite alternate;
  -moz-animation:blink 0.5s ease-in-out infinite alternate;
  animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

/*상품리스트_롤오버*/
.pr_desc2 {width:1200px;margin:0 auto;overflow:hidden;}
.pr_desc2 ul {}
.pr_desc2 li {width:188px;height:188px;margin:15px 0 0 14px;float:left;position:relative;}
.pr_desc2 li:first-child {width:391px;height:391px;margin-left:0 !important;}
.pr_desc2 li a {display:block;text-decoration:none !important;}
.pr_desc2 li dt {width:100%;height:auto;position:relative;}
.pr_desc2 li dt img {width:100%;height:auto;}
.pr_desc2 li dd {padding:25px 10px 0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ddd;background-color:rgba(255,255,255,0.95);text-align:center;z-index:20;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li:first-child dd {padding:70px 30px 0;}
.pr_desc2 li:first-child .pname {max-height:42px;line-height:1.4em;font-size:15px;}
.pr_desc2 li:first-child .ic_bx {bottom:70px;}
.pr_desc2 li:first-child .ic_bx .nwin,
.pr_desc2 li:first-child .ic_bx .zzim {width:36px;height:36px;font-size:20px;line-height:1.95em;margin:0 1px;}
.pr_desc2 li .pname {max-height:32px;line-height:1.3em;margin:0 5px 10px;font-size:13px;color:#000;overflow:hidden;}
.pr_desc2 li .petc {margin-top:10px;}
.pr_desc2 li .mpr {font-size:16px;font-weight:800;color:#000;}
.pr_desc2 li .mpr span {font-weight:normal;margin-left:2px;}
.pr_desc2 li .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#bbb;margin-bottom:3px;text-decoration:line-through;}
.pr_desc2 li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;bottom:25px;z-index:25;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li .ic_bx .nwin,
.pr_desc2 li .ic_bx .zzim {width:23px;height:23px;font-size:15px;line-height:1.65em;border-radius:0;margin:0;color:#fff;background-color:rgba(150,150,150,0.4);}
.pr_desc2 li:hover dd,
.pr_desc2 li:hover .ic_bx {opacity:1;}

/*상품상세보기*/
.vi_info {width:100%;display:table;overflow:hidden;}
.vi_img_bx {padding-right:50px;overflow:hidden;display:table-cell;vertical-align:top;}
.vi_img_bx .bimg {overflow:hidden;}
.vi_img_bx .simg_li {margin-top:15px;overflow:hidden;}
.vi_img_bx .simg_li ul {width:100%;font-size:0;font-style:normal;text-align:center;}
.vi_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 ;}
.vi_img_bx .simg_li li:nth-child(5n+1) {padding-left:0;}
.vi_img_bx .simg_li li img {width:calc(100% - 2px);height:auto;border:1px solid #eee;cursor:pointer;}

.vi_txt_bx {overflow:hidden;display:table-cell;vertical-align:top;}
.vi_txt_bx dt,
.vi_txt_bx dd,
.vi_txt_li dt,
.vi_txt_li dd {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.vi_txt_bx .tit {font-family: "Noto Sans KR", sans-serif;font-size:27px;font-weight:600;padding:10px 0 10px;/*border-bottom:1px solid #666;*/line-height:1.3em;position:relative;}
.vi_txt_bx .tit .pd-name {font-family: "Noto Sans KR", sans-serif; font-size: 25px; color: #111; font-weight: 600; margin-top: 10px;}
.vi_txt_bx .tit .btn_small {position:absolute;bottom:0;right:0;}
.vi_txt_bx .stxt {display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; background: #eff3fd; color: #1352f3; font-size: 12px; font-weight: 800; letter-spacing: 0.2px;}
.vi_txt_bx .price_bx {padding:17px 0;border-bottom:1px solid #ddd;background-color:#fafafa;}
.vi_txt_bx .price_bx dl {width:100%;padding:4px 0;display:table;}
.vi_txt_bx .price_bx dt,
.vi_txt_bx .price_bx dd {font-family: "Noto Sans KR", sans-serif;font-size:14px;text-align:left;display:table-cell;vertical-align:middle;}
.vi_txt_bx .price_bx dt {width:27%;padding:0 0 0 20px;font-weight:600;}
.vi_txt_bx .price_bx dd {width:73%;padding:0 20px 0 0;}
.vi_txt_bx .price_bx dd.price {font-size:20px !important;font-weight:bold;color:#ff0000;}
.vi_txt_bx .price_bx dd.price .mpr span {font-size:16px;font-weight:normal;margin-left:3px;}
.vi_txt_bx .price_bx dd.pay {font-weight:bold;line-height:140% !important;}
.vi_txt_bx .info_txt {position: relative; display: block; line-height: 1.3; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #333; background: #f2f3f6; padding: 10px 15px; text-align: center; letter-spacing: -0.025em; margin-top: 10px;}
.vi_txt_bx .info_txt a {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.vi_txt_li {padding:15px 0;border-bottom:1px solid #ddd;}
.vi_txt_li dl {width:100%;margin-top:20px;display:table;}
.vi_txt_li dl:first-child {margin-top:0 !important;}
.vi_txt_li dt,
.vi_txt_li dd {line-height:1.4em;display:table-cell;vertical-align:middle;}
.vi_txt_li dt {width:27%;font-family: "Noto Sans KR", sans-serif;font-size:15px; font-weight:700; padding:0 0 0 20px;}
.vi_txt_li dt.op_vi_tit {width:57% !important;}
.vi_txt_li dd {width:73%;font-family: "Noto Sans KR", sans-serif;font-size:15px;padding:0 20px 0 0;}
.vi_txt_li dd.op_vi_txt {width:40% !important;margin-left:3%;position:relative;}
.vi_txt_li td {font-size:13px;}
.vi_txt_li dd .rental_select {float: left; width: 100%;}

/* 크롬, ie10, ie11 셀렉트박스 삭제*/
.selectbox {-webkit-appearance: none; width: 100%; height: 42px; font-family: "Noto Sans KR", sans-serif; font-size: 14px !important; color: #2278bf; font-weight: 400; letter-spacing: -0.5px; padding: 0 10px; background: #fff url(/images/ico_select_arrow.png) no-repeat 97% center; border: none; border: 1px solid #2278bf; border-radius: 4px; outline: none;}
.selectbox::-ms-expand {display:none; /* hide the default arrow in ie10 and ie11 */}

/* 라디오버튼 스타일 변경 210415 */
.vi_txt_li dd .rental_period {float: left; width: 100%;}
.radio_type {display: inline-block; width: auto; margin-right: 5px;}
input.radio_imgtype {display: none;}
input.radio_imgtype + label {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #a7a6a6; font-weight: 600; text-align: center; padding: 10px 15px; background-color: #f6f6f6; border: 1px solid #f1f1f1; border-radius: 3px; transition: all 0.3s ease; cursor: pointer;}
input.radio_imgtype + label:hover {color: #fc6f05; background-color: #fff; border: 1px solid #fc6f05;}
input.radio_imgtype:checked + label {background-color: #fff; color: #fc6f05; font-weight: 800; border: 1px solid #fc6f05; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}

.vi_tab {height:45px;border-bottom:2px solid #2189ff;}
.vi_tab ul {overflow:visible;}
.vi_tab li {width:295px;height:44px;margin-left:4px;color:#888;font-family: "Noto Sans KR", sans-serif;font-size:16px;font-weight:500;line-height:2.8;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background-color:#f8f8f8;cursor:pointer;float:left; border-radius: 12px 12px 0 0; overflow: hidden;}
.vi_tab li:first-child, .m_event li:first-child {margin-left:0 !important;}
.vi_tab li.on {width:293px;height:45px;margin-bottom:-2px;color:#2189ff;border-width:2px 2px 0 2px;border-color:#2189ff;background-color:#fff;z-index:50;}

/*상품 상세보기 (관련상품)*/
.vi_rel{margin:50px 0 0;padding:0 14px;border-width:1px;border-style:solid;border-color:#999 #ddd #ddd;position:relative;}
.vi_rel h3 {text-align:center;position:relative;clear:both;margin-top:-11px;}
.vi_rel h3 span{font-size:22px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 20px;background-color:#fff;display:inline-block;}
.vi_rel dl a {display:block;text-decoration:none !important;outline:none;}
.vi_rel dl{width:194px;padding:25px 10px 15px;float:left;position:relative;}
.vi_rel dl dt {width:100%;height:auto;position:relative;}
.vi_rel dl dt img {width:100%;height:auto;}
.vi_rel dl dd {position:relative;text-align:center;}
.vi_rel dl .pname {height:38px;color:#000;line-height:1.4em;margin:12px 5px 0;font-size:13px;}
.vi_rel dl .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.vi_rel dl .price .mpr {font-size:16px;font-weight:800;color:#000;}
.vi_rel dl .price .mpr span {font-weight:normal;margin-left:2px;}
.vi_rel dl .price .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.vi_rel dl:hover dt:after {background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.vi_rel .slick-arrow {width:25px;height:50px;line-height:48px;margin-top:-25px;background-color:rgba(180,180,180,0.8);text-align:center;position:absolute;top:50%;}
.vi_rel .slick-arrow:before {font-family:'FontAwesome';font-size:30px;color:#fff;}
.vi_rel .slick-next {right:-15px;}
.vi_rel .slick-next:before {content:'\f105';}
.vi_rel .slick-prev {left:-15px;}
.vi_rel .slick-prev:before {content:'\f104';}

/*sns*/
.t_socia0 {border:none;margin-top:10px;width:100%}
.t_social {background-color:#222;color:#fff;padding:15px 0;font-size:14px;width:100%;text-align:center;}
.t_social span {font-weight:600;color:#ff9019;}

.vi_box_hd {background:url('/img/sub/tit_view_bg.gif');width:964px;height:16px;padding-right:40px;text-align:right;}
.vi_box_line {background:url('/img/sub/tit_view_line.gif');width:964px;height:390px;}
.vi_box_tail {width:964px;height:7px;background:url('/img/sub/tit_view_03.gif');}

.letter_bx {width:100%;height:76px;padding:10px;border:1px solid #ddd;background-color:#f6f6f6; border-radius: 10px; overflow: hidden;}
.f_price{font-size:20px !important;color:#111;font-weight:500 !important;line-height:140%;/*text-decoration:line-through !important;*/}

/*판매 기간상품*/
.time {padding:15px 0;background-color:#222;text-align:center;}
.time span {font-size:24px;font-weight:800;color:#fff;letter-spacing:0;display:inline-block;}
.time .tit,
.time .day {font-size:16px;font-weight:normal;letter-spacing:-0.5px;}
.time .tit {margin-left:10px;}
.time .tit:after {margin:0 7px;display:inline-block;content:':';}
.time .day {margin-right:7px;}

/*옵션*/
#option_set_added {margin:0;padding:0;background:#fff;list-style:none;}
#option_set_added li td {font-size:13px;}
#option_set_added dl {padding:0;}
#option_set_added .defbtn_plus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat -16px 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_minus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat 0 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_delete{width:13px;height:13px;font-size:0;background:url('/img/delete.gif') no-repeat 50% 50%;border:0 none;overflow:hidden;cursor:pointer;position:absolute;top:50%;right:0;margin-top:-7px;}
#option_set_added .inp_opt{font-size:9pt;font-family:tahoma;border:1px solid #cfcfcf;border-left:0;border-right:0;height:17px;padding:0 0 1px;text-align:center;overflow:hidden;margin:0;}
.op_vi_txt .sit_opt_prc {font-size:14px;font-weight:600;height:18px;line-height:1em;margin-top:-9px;position:absolute;top:50%;right:20px;}
#sit_tot_views {font-family: "Noto Sans KR", sans-serif; font-size:17px;font-weight:500;padding:25px 20px 0;line-height:1.3em;margin-top:-1px;border-top:1px solid #666;background-color:#fff;overflow:hidden;}
#sit_tot_views .prdc_price {font-size:27px;color:#ed3636;float:right;}
#sit_tot_views .prdc_price em {font-size:17px;margin:0 0 0 3px;color:#ed3636;vertical-align:middle;}
.vi_btn {width:100%;display:table;margin-top:25px;}
.vi_btn span {padding-right:5px;display:table-cell;}
.vi_btn span:last-child {padding-right:0 !important;}
.vi_btn a {width:100%;}

.advice_box {float: left; width: 100%; text-align: center; margin-top: 20px;}
.advice_box a.btnscilck {display: inline-block; width: 240px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 500; padding: 16px 20px; border-radius: 4px; text-decoration:none; transition: all 0.3s ease;}
.popadvice {color: #fff !important; background: #1352f3; border: 1px solid #1352f3; margin-right: 5px;}
.popadvice:hover {color: #1352f3 !important; background: #fff; border: 1px solid #1352f3;}
.popadwish {color: #111; background: #fff; border: 1px solid #ccc;}
.popadwish:hover {color: #fff; background: #111; border: 1px solid #111;}

/* SNS 가운데 정력 */
.sns_share {float: left; width: 100%; text-align: center; margin-top: 30px;}

/* layerpop 추가 210415 */
#layerpop_advice {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 999999; display: none;}
#layerpop_advice .layerpop_area {position: absolute; width: 100%; height: auto; top: 0; left: 0;}
#layerpop_advice .pop_contents {position: fixed; box-sizing: border-box; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); width: 100%; padding: 22px; max-width: 900px; background: #fff; border-top: 3px solid #2982f1;}
#layerpop_advice .pop_contents h4 {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #fff; font-weight: 800; letter-spacing: -0.7px; padding: 10px 15px; background: #01a2bf; border-bottom: 1px solid #e6e6e6;}
#layerpop_advice .pop_contents .close_pop {position: absolute; top: 38px; right: 40px; border: 0; cursor: pointer; outline: none;}
#layerpop_advice .pop_contents .close_pop img {width: 24px; height: 24px; vertical-align: top;}

/* 팝업 상담신청폼*/
.pop_inner {float: left; width: 100%;}
.reckonform_table {float: left; width: 100%; line-height: 150%; margin-bottom: 10px;}
.reckonform_table th {width: 100px; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #4d4c4c; font-weight: 500; padding: 10px 15px; background: #f6f6f6; border-bottom: 1px solid #ddd;}
.reckonform_table td {text-align: left; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #333333; font-weight: 400; padding: 10px 15px; border-bottom: 1px solid #ddd;}
.reckonform_table td .form_input {width: 100%; height: 48px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #4d4c4c; font-weight: 400; padding: 5px 10px; box-sizing: border-box; background: #fff; border: 1px solid #c9c9c9; border-radius: 6px; outline: none;}
.reckonform_table td .form_textarea {font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #4d4c4c; font-weight: 400; padding: 10px; border: 1px solid #c9c9c9; border-radius: 6px; outline: none;}
.reckonform_table td.pop_agree {padding: 10px 0;}
.reckonform_table td.pop_agree h2 {color: #fff; padding: 5px; background: #0076a3;}
.reckonform_table td.pop_agree .pop_ag_txt {text-align: right; font-weight: 600;}
.reckonform_table td.pop_agree .pop_ag_txt input {width: 20px; height: 20px; margin-right: 5px;}

/* placeholder 속성값 */
.reckonform_table td input::placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #7c7d7e; font-weight: 300;}
.reckonform_table td input::-webkit-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #7c7d7e; font-weight: 300;}
.reckonform_table td input:-ms-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #7c7d7e; font-weight: 300;}

.poppro_img {float: left; width: 230px; height: 230px; border: solid 1px #cfcfcf; margin-right: 20px;}
.poppro_img img {width: 100%; height: 100%;}
.poppro_name {float: left; width: 360px; margin-top: 10px;}
.poppro_name p {font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 400; line-height: 30px;}
.poppro_name p.dcname {font-size: 22px; font-weight: 700; margin-bottom: 70px;}

/* 개인정보수집동의 */
.privacycheck_box {float: left; width: 100%; text-align: center; margin: 10px 0 25px;}
.agree_area {display: inline-block; padding: 0 10px;}
.privacy_check {display: inline-block;}
.privacy_check .checkbox_input {width: 21px; height: 21px; background: #fff; border: 1px solid #e8e7e7; vertical-align: -9px;}
.privacy_check .checkbox_input+label {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 400; color: #111; padding-left: 5px; position: relative;}
.popprivacy {display: inline-block; vertical-align: -5px;}
.popprivacy a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 400; color: #2f2f2f; margin-left: 5px; background: #fff; position: relative; cursor: pointer; outline: none;}

.btn_area {text-align: center;}
.request_btn {width: 200px; height: 60px; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 500 !important; line-height: 60px !important; padding: 0 !important; margin-right: 10px; background-color: #355aab; border: 1px solid #355aab; transition: all 0.3s ease;}
.request_btn:hover {color: #355aab !important; background-color: #fff; border: 1px solid #355aab;}
.btn_cancle {width: 200px; height: 60px; font-family: "Noto Sans KR", sans-serif; font-size: 20px; line-height: 60px !important; padding: 0 !important;}
.dc_etc {float: left; width: 100%; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #2189ff; font-weight: 300; margin-top: 15px;}

/* layerpop 개인정보처리방침 */
#layerpop_privacy {position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.9); top: 0; left: 0; z-index: 999999; display: none;}
#layerpop_privacy .layerpop_area2 {position: absolute; width: 100%; height: auto; top: 0; left: 0;}
#layerpop_privacy .pop_contents2 {position: fixed; box-sizing: border-box; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); width: 100%; padding: 15px; max-width: 560px; background: #fff; border: 1px solid #111; border-top: 3px solid #2982f1;}
#layerpop_privacy .pop_contents2 h4 {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #fff; font-weight: 800; letter-spacing: -0.7px; padding: 10px 15px; background: #2c2c2c; border-bottom: 1px solid #e6e6e6;}
#layerpop_privacy .pop_contents2 .close_pop2 {position: absolute; top: 30px; right: 40px; border: 0; cursor: pointer; outline: none;}
#layerpop_privacy .pop_contents2 .close_pop2 img {width: 24px; height: 24px; vertical-align: top;}
#layerpop_privacy .pop_contents2 .privacy_txt {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #585858; font-weight: 400; line-height: 22px; letter-spacing: -1px; padding: 15px 0;}

/* layerpop 제휴카드할인안내 */
#layerpop_dccard {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 999999; display: none;}
#layerpop_dccard .layerpop_area3 {position: absolute; width: 100%; height: auto; top: 0; left: 0;}
#layerpop_dccard .pop_contents3 {position: fixed; box-sizing: border-box; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); width: 100%; padding: 15px; max-width: 812px; background: #fff; border: 1px solid #111; border-top: 3px solid #111;}
#layerpop_dccard .pop_contents3 h4 {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #fff; font-weight: 800; letter-spacing: -0.7px; padding: 10px 15px; background: #2c2c2c; border-bottom: 1px solid #e6e6e6;}
#layerpop_dccard .pop_contents3 .close_pop3 {position: absolute; top: 30px; right: 40px; border: 0; cursor: pointer; outline: none;}
#layerpop_dccard .pop_contents3 .close_pop3 img {width: 24px; height: 24px; vertical-align: top;}
#layerpop_dccard .pop_contents3 .pop_inner3 {float: left; width: 100%; height: 530px; overflow-y:auto;overflow-x:hidden;}
#layerpop_dccard .pop_contents3 .pop_dccard_con {display: inline-block; margin-top: 15px;}

/* 제품상세스펙 추가 css 211029 */
.productspec {width: 100%;}
.prpoint_price {position: relative; float: left; width: 100%; box-sizing: border-box; background: #1352f3; border-radius: 12px; overflow:hidden;}
.prpoint_price dl {float: left; width: 50%; padding: 25px 40px; box-sizing: border-box;}
.prpoint_price dl.cardbox {background: #2189ff;}
.prpoint_price dl dt {text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; font-weight: 400;}
.prpoint_price dl dd {text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 30px; color: #fff; font-weight: 700;}
.prpoint_price dl dd em {font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; margin-left: 3px;}
.prpoint_price dl.cardbox dt {color: #fff;}
.prpoint_price dl.cardbox dd {color: #ffff00; font-weight: 800;}
.specdetailBox {float: left; width: 100%; margin-top: 15px; padding: 25px 40px; background: #fff; border: 2px solid #eee; box-sizing: border-box; border-radius: 12px; /*box-shadow: 0 20px 44px rgba(0,0,0, .10);*/}
.specdetailBox dl {float: left; width: 50%; margin-bottom: 15px; padding-left: 10px; box-sizing: border-box;}
.specdetailBox dl dt {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: rgba(0,0,0, .5); font-weight: 500; margin-bottom: 2px;}
.specdetailBox dl dd {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: rgba(0,0,0, .8); font-weight: 700; letter-spacing: -0.3px;}

.pop_totalamount {display: inline-block; width: 100%;}
.pop_totalamount p {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #111; font-weight: 300; line-height: 22px; letter-spacing: -0.8px; margin-right: 5px;}
.pop_totalamount span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 28px; color: #2189ff; font-weight: 700; line-height: 30px; letter-spacing: -0.8px;}

/* 레이어팝업 상세스펙 */
.poppro_spec {float: left;}
.poppro_spec dl {display: inline-block;}
.poppro_spec dl div.proname {font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #111; font-weight: 700; line-height: 30px; margin-top: 0; margin-bottom: 40px;}
.poppro_spec dl dt {float: left; width: 130px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 300; line-height: 30px;}
.poppro_spec dl dd {font-family: "Noto Sans KR", sans-serif; font-size: 17px; font-weight: 700; line-height: 30px; letter-spacing: 0.5px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 서브 상품 상세페이지 컨텐츠 - 이벤트 슬라이드 배너 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.eventslide-wrap {width: 100%;}
.event-visual {position: relative; top: 0; left: 0; width: 100%; border-radius: 12px; z-index: 1; overflow: hidden;}
.event-visual .swiper {width: 100%; height: 100%;}
.event-visual .swiper .swiper-slide {width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.event-visual .swiper .swiper-slide .slideimg-wrap {width: 100%;}
.event-visual .swiper .swiper-slide .slideimg-wrap img {width: 100%; height: auto; display: block; object-fit: cover}

.event-visual .swiper .paging {position: absolute; bottom: 12px; right: 0; display: flex; justify-content: flex-end; width: 100%; z-index: 10; /*transform: translateX(-50%);*/}
.event-visual .swiper .paging .control-wrap {position: relative; display: flex; height: 24px;}

/* 이벤트 슬라이드 - pause/play button 스타일 적용 */
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap {position: relative; z-index: 100; display: inline-flex; width: 24px; height: 24px; margin-right: 5px;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap .swiperBtn {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; cursor: pointer; transition: .3s; background-color: rgba(0,0,0,0.6); border-radius: 50%;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap .swiperBtn i {font-size: 14px; color: #fff;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap .swiperBtn.play {display: none;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap.pause .pause {display: none;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap.pause .play {display: inline-flex;}
.event-visual .swiper .paging .control-wrap .swiper-buttonWrap.pause .play i {font-size: 13px; color: #fff; padding-top: 1px; padding-left: 2px;}

/* 이벤트 슬라이드 - 카운터 넘버링 스타일 적용 */
.event-visual .swiper .paging .control-wrap .swiper-pagination {display: inline-flex; position: relative; bottom: 0; justify-content: space-between; width: auto; text-align: left; height: 24px; padding: 0 12px 0; box-sizing: border-box; background-color: rgba(0,0,0,0.6); border-radius: 58px;}
.event-visual .swiper .paging .control-wrap .swiper-pagination span {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; font-weight: 500; line-height: 24px;}
.event-visual .swiper .paging .control-wrap .swiper-pagination span.current {padding-right: 8px; margin-right: 8px;}
.event-visual .swiper .paging .control-wrap .swiper-pagination span.current:after {content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; background: #fff; opacity: .4; transform: translateY(-50%);}
.event-visual .swiper .paging .control-wrap .swiper-pagination span.total {color: rgba(255,255,255,0.8);}

/* 이벤트 슬라이드 - 이전 다음 화살표 스타일 적용 */
.event-visual .swiper .paging .control-wrap .naviarrow {display: inline-flex; position: relative; margin-right: 20px; margin-left: 5px;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-next, .swiper-rtl .swiper-button-prev {right: -28px; display: flex; width: 24px; height: 24px; background-color: rgba(0,0,0,0.6); border-radius: 50%;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-next, .swiper-rtl .swiper-button-prev i {font-size: 15px; color: #fff;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-prev, .swiper-rtl .swiper-button-next {left: -24px; display: flex; width: 24px; height: 24px; background-color: rgba(0,0,0,0.6); border-radius: 50%;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-prev, .swiper-rtl .swiper-button-next i {font-size: 15px; color: #fff;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.event-visual .swiper .paging .control-wrap .naviarrow .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.event-visual .swiper .paging .control-wrap .naviarrow .eventnext, .event-visual .swiper .paging .control-wrap .naviarrow .eventprev {position: relative !important; top: initial; bottom: 0; margin-top: 0;}


/* 렌탈사 비교선택 css 추가 211029 */
.compareselect {font-family: "Noto Sans KR", sans-serif;}
.compareselect .title {line-height: 36px; margin-bottom: 30px; position: relative;}
.compareselect .title h3 {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.05em;}
.compareselect .title h3:before {display: inline-block; content: ""; width: 6px; height: 28px; margin-right: 10px; background: #03559d; vertical-align: -4px;}
.compareselect .title span.stxt {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #999999; padding-left: 10px;}

.rentaltable {font-family: "Noto Sans KR", sans-serif !important; margin-top: -10px;}
.rentalselect-wrap {width: 100%;}
.rental-row {width: 100%; margin-bottom: 20px; border: 2px solid #ddd; border-radius: 12px; overflow: hidden;}

.rental-row > ul > li {position: relative; display: table; table-layout: fixed; width: 100%; font-size: 14px; color: #878787;}
.rental-row > ul > li.theadth {font-family: "Noto Sans KR", sans-serif; background: #fcfade; border-bottom: 1px solid #ccc;}
.rental-row > ul > li.theadth div {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #111; font-weight: 600;}
.rental-row > ul > li.theadth div.price {background: #f6f6f6;}
.rental-row > ul > li > div {display: table-cell; position: relative; padding: 15px 10px; vertical-align: middle; text-align: center;}

.rental-row > ul > li > div.companyname {width: 11%; font-family: "Noto Sans KR", sans-serif; border-right: 1px solid #e4e4e4;}
.rental-row > ul > li > div.price {width: 50%; font-family: "Noto Sans KR", sans-serif; /*background: #fcfbfb;*/}
.rental-row > ul > li > div.speinfo {width: 16%; font-family: "Noto Sans KR", sans-serif; border-right: 1px solid #e4e4e4;}
.rental-row > ul > li > div.apply {width: 13%; font-family: "Noto Sans KR", sans-serif; background: #f6f6f6;}

.rental-row > ul > li > div.price, .rental-row > ul > li > div.companyname {text-align: center; border-right: 1px solid #e4e4e4;}
.rental-row > ul > li > div.companyname img {width: auto; height: auto; max-width: 110px; max-height: 30px; vertical-align: middle;}
.rental-row > ul > li > div.companyname > h3 {display: block; font-family: "Noto Sans KR", sans-serif; color: #000; font-size: 15px; margin-top: 10px;}
.rental-row > ul > li > div.companyname a.cardinfo {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; font-weight: 400; padding: 5px 15px; margin-top: 10px; background: #2189ff; border: 1px solid #2189ff; border-radius: 5px;}
.rental-row > ul > li > div.companyname a.cardinfo:hover {color: #fff; background: #056ce1; border: 1px solid #056ce1; text-decoration: none;}

.rental-row > ul > li > div.price > p {width: auto; display: inline-block; color: #2d2d2d; letter-spacing: 0.01em; padding: 8px; margin: 0 1px; background: #fff; border: 2px solid #d9d9d9; border-radius: 8px;}
.rental-row > ul > li > div.price > p strong {display: block; color: #fff; font-size: 14px; font-weight: 400; padding: 2px 0; background-color: #1352f3; border-radius: 4px;}
.rental-row > ul > li > div.price > p span {display: block; font-size: 15px; font-weight: 500; line-height: 20px; margin-top: 3px;}
.rental-row > ul > li > div.price p.cardPrc * {color: #2189ff;}
.rental-row > ul > li > div.price p.cardPrc * {color: #2189ff;}
.rental-row > ul > li > div.price p.cardPrc strong {color: #fff; background-color: #2189ff;}
.rental-row > ul > li > div.price p.cardPrc span {font-weight: 700;}
.rental-row > ul > li > div.price p.cardPrc span em {font-weight: 800;}
.rental-row > ul > li > div.price .rental_tbl {margin-top: 16px;}
.rental-row > ul > li > div.price .rental_tbl dl {width: 100%; display: table; margin-bottom: 5px;}
.rental-row > ul > li > div.price .rental_tbl dl dt {display: table-cell; vertical-align: middle; width: 80px; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 13px; font-weight: 600; padding: 5px 10px 6px; background: #ababab; color: #fff; border-radius: 6px;}
.rental-row > ul > li > div.price .rental_tbl dl dd {display: table-cell; width: auto; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #838282; font-weight: 400; padding: 5px 10px 6px;}

.rental-row > ul > li > div.speinfo p {display: inline-block; font-size: 13px; color: #7c7b7b; line-height: 18px; letter-spacing: -0.8px; word-break: keep-all; margin-bottom: 10px;}
.rental-row > ul > li > div.speinfo a {min-width: auto; color: #fff; padding: 5px 15px; background: #03559d; border: 1px solid #03559d; border-radius: 5px;}
.rental-row > ul > li > div.speinfo a:hover {color: #03559d; background: #fff; border: 1px solid #03559d; text-decoration: none;}
.rental-row > ul > li > div.apply a.applybtns {font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 600; padding: 10px 25px 10px 23px; border-radius: 5px; transition: all 0.3s ease;}
.rental-row > ul > li > div.apply a.applybtns i {font-size: 20px; font-weight: 400; margin-right: 10px; vertical-align: -1px;}
.rental-row > ul > li > div.apply a.applybtns:hover {text-decoration: none;}
.rental-row > ul > li > div.apply .btn {min-width: 160px;}


/* input,select,textarea 마우스 포커싱 효과적용 */
.reckonform_table td .form_input:focus {color: #495057; background-color: #fff; border: 1px solid #7e7e7e; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);}
.reckonform_table td .form_textarea:focus {color: #495057; background-color: #fff; border: 1px solid #7e7e7e; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);}

/*결제*/
.total_price {height:18px;padding:15px 10px;font-size:14px;background-color:#fafafa;border-bottom:1px solid #ddd;line-height:1.2em;}

/*쿠폰*/
.apply_cmd {position:absolute;z-index:100;width:306px;height:auto;padding:10px;border:5px solid #e5e5e5;background-color:#fff}
.cp_txt_bx {padding:12px 15px;background-color:#f8f8f8;line-height:1.6em;border-bottom:1px solid #ddd;}
.cp_txt_bx .frm_cp {background-color:#fff;}

/*tab menu*/
#tab_cate {height:36px;border-bottom:1px solid #1352f3;margin:10px 0 !important;}
#tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#tab_cate ul {overflow:visible;zoom:1;}
#tab_cate li {margin-left:-1px;float:left;overflow:visible;}
#tab_cate li a {height:36px;font-family: "Noto Sans KR", sans-serif;color:#999;padding:0 25px;font-size:14px;line-height:37px;background-color:#f5f5f5;text-align:center;display:block;text-decoration:none !important;position:relative; border-radius: 10px 10px 0 0; overflow: hidden;}
#tab_cate li.active a {height:37px; color: #1352f3; font-weight: 600; line-height: 38px; background-color: #fff; z-index:10;}
#tab_cate li:first-child {margin-left:0 !important;}
#tab_cate li a:after {border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;cursor:pointer;display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';border-radius: 10px 10px 0 0;}
#tab_cate li.active a:after {border-color: #1352f3;}

/*기타*/
.td_num {text-align:right !important;padding-right:5px !important;letter-spacing:0 !important;}
.td_name {position:relative;vertical-align:top !important;text-align:left !important;}
.thumimgage {cursor:pointer;z-index:1;}
.page_wrap {height:29px;margin:20px 0;text-align:center;position:relative;}
.page_wrap .lbt_box {position:absolute;top:0;left:0;}
.page_wrap .rbt_box {position:absolute;top:0;right:0;}
.bottom_sch {/*padding:7px 10px;background-color:#f8f8f8;*/text-align:center;}
.top_sch {height:23px;margin:0 0 7px 0;}
.bottom_sch select {font-family: "Noto Sans KR", sans-serif; font-size: 14px; width: 150px; height: 40px; border: 1px solid #ddd; border-radius: 8px;}
.bottom_sch input[type=text] {height: 40px; border: 1px solid #ddd; margin-left: 5px; border-radius: 8px;}
.bottom_sch .grey {height: 40px; padding: 0 20px; margin-left: 5px; border-radius: 8px;}
.del_box {width:400px;font-size:13px;line-height:1.4em;padding:30px 0;margin:80px auto;border:1px solid #ddd;text-align:center;}
.txt_expired{color:#ccc !important;}

.bx-has-pager {width:100%;position:absolute;bottom:15px;}
.bx-wrapper .bx-pager {text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:rgba(80, 80, 80, 0.3);text-indent:-9999px;display:block;width:14px;height:14px;margin:0 3px;outline:0;border-radius:50%;-moz-border-radius:20px;-webkit-border-radius:20px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(10, 10, 10, 0.8);}

/*footer*/
#ft {font-family: "Noto Sans KR", sans-serif; margin-top: 50px; margin-bottom: 65px; overflow: hidden; clear: both; transition: all 0.5s; -webkit-transition: all 0.5s;}
#ft.act {margin-bottom: 0;}
.fgnb {background: #161616; border-bottom: 1px solid #353535; overflow: hidden;}
.fgnb-box {width: 1200px; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap;}

.fgnb-box .notice {display: flex; width: 60%;}
.fgnb-box .notice .box {display: flex; align-items: center; width: 100%; height: 80px;}
.fgnb-box .notice .tit {display: inline-flex; align-items: center; width: 20%; height: 24px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #fff; font-weight: 600; letter-spacing: -0.1px; margin-right: 20px;}
.fgnb-box .notice .tit a {font-size: 14px; color: #9a9a9a; line-height: 1; margin-top: 2px; margin-left: 10px; transition: all 0.3s ease;}
.fgnb-box .notice .tit a i {maigin-top: -2px;}
.fgnb-box .notice .tit a:hover {color: #fff; text-decoration: none;}

.fgnb-box .notice .notice-slide {display: inline-block; width: 80%; height: 80px; overflow: hidden;}
.fgnb-box .notice .notice-slide .swiper {width: 100%; height: 100%;}
.fgnb-box .notice .notice-slide .swiper .swiper-slide {height: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.fgnb-box .notice .notice-slide .swiper .swiper-slide dd {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%;}
.fgnb-box .notice .notice-slide .swiper .swiper-slide dd a {display: inline-block; width: 70%; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #888888; font-weight: 500; letter-spacing: -0.1px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word;}
.fgnb-box .notice .notice-slide .swiper .swiper-slide dd span.day {display: inline-block; width: 20%; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #888888; font-weight: 400; letter-spacing: -0.1px;}
.fgnb-box .notice .notice-slide .swiper .swiper-slide dd a:hover {color: #fff;}

.fgnb-box .foot-use {display: flex; justify-content: flex-end; align-items: center; width: 40%; height: 80px;}
.fgnb li {float:left;}
.fgnb li:before {width: 1px; height: 15px; margin: 3px 17px 0; background-color: #484848; display: inline-block; float: left; content:'';}
.fgnb li:first-child:before,
.fgnb li.sns_wrap:before {display:none;}
.fgnb li a {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #7f7f7f; font-weight: 500; text-decoration:none !important;}
.fgnb li a:hover {color: #fff;}

.fgnb .sns_wrap {height: auto; position: absolute; top: 50%; right: 0; transform: translateY(calc(-50% + 0.5px)); float: none;}
.fgnb .sns_wrap a {width: 40px; height: 40px; padding: 9px 10px 10px; box-sizing: border-box; margin-left: 2px; border-radius: 50%; background-color: #444; text-align:center; display:inline-block; transition:All 0.3s ease; -webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.fgnb .sns_wrap a img {width: 100%; height: auto; opacity: 0.4;}
.fgnb .sns_wrap a.sns_fa:hover {background-color:#46639d;}
.fgnb .sns_wrap a.sns_tw:hover {background-color:#1da1f4;}
.fgnb .sns_wrap a.sns_in:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */
	background: #fbc066; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fgnb .sns_wrap a:hover img {opacity: 1;}
.fgnb .sns_wrap a.sns_pi:hover {background-color:#cb2028;}
.fgnb .sns_wrap a.sns_bl:hover {background-color:#00c23a;}
.fgnb .sns_wrap a.sns_ba:hover {background-color:#00c23a;}
.fgnb .sns_wrap a.sns_kt:hover {background-color:#fff311;}
.fgnb .sns_wrap a.sns_ks:hover {background-color:#fff311;}


/*
.ft_cs {width:1200px;padding:30px 0;margin:0 auto;display:table;}
.ft_cs dl,
.ft_cs ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ft_cs .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;}
.ft_cs .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;}
.ft_cs .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';}
.ft_cs .cswrap {width:30%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;}
.ft_cs .cswrap .tel {height:35px;font-size:35px;font-weight:800;line-height:1em;color:#222;margin:0 0 15px 0;}
.ft_cs .cswrap dd {height:14px;margin-top:4px;}
.ft_cs .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;}
.ft_cs .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;}
.ft_cs .bkwrap .etc_btn a {width:130px;}
.ft_cs .bkwrap dd {font-size:13px;margin-top:5px;}
.ft_cs .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;}
.ft_cs .notice {padding:0 0 0 30px;padding-right:0 !important;}
.ft_cs .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;}
.ft_cs .notice dd:last-child {margin-bottom:0 !important;}
.ft_cs .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ft_cs .notice dd .day {color:#bbb;position:absolute;top:0;right:0;}
.ft_cs .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;}
.ft_cs .notice .bt_more i {margin-left:3px;}
*/

/*
.company {float: left; width:100%; padding:30px 0;background-color:#f8f8f8;border-top:1px solid #eee;overflow:hidden; text-align:center;}
.company ul {display:inline-block; width:1200px;margin:0 auto; text-align:center;}
.company li {width:100%;font-size:11px;line-height:1.5em;letter-spacing:0; text-align:center;}
.company li:first-child {width:100%;font-size:12px;padding:0;line-height:1.6em;border:0;}
.company li h3 {color:#222;margin-bottom:12px;}
.company .cptxt {font-size:11px;color:#aaa;}
.company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;}
.g_hl {width:1px;height:10px;background-color:#ddd;margin:0 10px;vertical-align:middle;display:inline-block;}
*/

/* 하단 레이아웃 재수정 */
.ft_cs {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; background-color: #000;}
.ft_cs .box {display: flex; width: 1200px; padding: 30px 0; margin: 0 auto;}
.ft_cs dl, .ft_cs ul {display: table-cell;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.ft_cs .company {width: 70%;}
.ft_cs .company ul li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 15px; color: #7f7f7f; font-weight: 500; line-height: 1.6;}
.ft_cs .company ul li span.g_hl {width: 1px; height: 10px; background-color: #484848; margin: 0 10px; vertical-align: middle; display: inline-block;}
.ft_cs .company ul li a.grey2 {color: #919090 !important; margin-top: -1px; background: #444; border: 1px solid #353535;}
.ft_cs .company ul li .etctxt {font-size: 14px;}
.ft_cs .company ul li .cptxt {margin-top: 10px;}

.ft_cs .tit {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #fff; font-weight: 700; margin-bottom: 15px; position: relative;}
.ft_cs .tit .stxt {font-size: 12px; color: #aaa; font-weight: 300; display: inline-block; vertical-align: middle; margin-left: 5px;}
.ft_cs .cswrap {display: flex; justify-content: flex-end; flex-wrap: wrap; width: 30%;}
.ft_cs .cswrap dl {display: flex; flex-direction: column; align-items: flex-end;}
.ft_cs .cswrap dd {font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7f7f7f; font-weight: 400; margin-top: 2px;}
.ft_cs .cswrap ul {display: flex; justify-content: flex-end; width: 100%;}
.ft_cs .cswrap .tel {font-size: 35px; color:#fff; font-weight: 700; line-height: 1; letter-spacing: -0.1px; margin:0 0 15px 0; animation: cublinkColor 1.8s infinite;}

/* 컬러 순환 + 깜빡임 */
@keyframes cublinkColor {
  0% {
    color: #1352f3;
    opacity: 1;
  }
  58% {
    color: #fff200;
    opacity: 1;
  }
  100% {
    color: #1352f3;
    opacity: 1;
  }
}

.cswrap .sns_wrap {margin-top: 20px;}
.cswrap .sns_wrap a {width: 36px; height: 36px; padding: 9px 10px 10px; box-sizing: border-box; margin-left: 2px; border-radius: 50%; background-color: #444; text-align:center; display:inline-block; transition:All 0.3s ease; -webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.cswrap .sns_wrap a img {width: 100%; height: auto; opacity: 0.4;}
.cswrap .sns_wrap a.sns_fa:hover {background-color:#46639d;}
.cswrap .sns_wrap a.sns_tw:hover {background-color:#1da1f4;}
.cswrap .sns_wrap a.sns_in:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */
	background: #fbc066; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cswrap .sns_wrap a:hover img {opacity: 1;}
.cswrap .sns_wrap a.sns_pi:hover {background-color:#cb2028;}
.cswrap .sns_wrap a.sns_bl:hover {background-color:#00c23a;}
.cswrap .sns_wrap a.sns_ba:hover {background-color:#00c23a;}
.cswrap .sns_wrap a.sns_kt:hover {background-color:#fff311;}
.cswrap .sns_wrap a.sns_ks:hover {background-color:#fff311;}


/*폰트box 스타일*/
.fbx_small,.fbx_free,.fbx_lsmall {display:inline-block;vertical-align:middle;text-align:center;}
.fbx_small {padding:1px 5px;font-size:11px;line-height:1.555;font-weight:normal;letter-spacing:0;}
.fbx_lsmall {padding:3px 10px;font-size:12px;line-height:1.777;font-weight:normal !important;}
.fbx_bg1 {border:1px solid #c1dcff;background-color:#ffffff;color:#4294ff;} /*blue*/
.fbx_bg2 {border:1px solid #dddddd;background-color:#f7f7f7;color:#aaaaaa;} /*gray*/
.fbx_bg3 {border:1px solid #fdd8e2;background-color:#ffffff;color:#ff90af;} /*pink*/
.fbx_bg4 {border:1px solid #ed3636;background-color:#ffffff;color:#ed3636;} /*red*/
.fbx_bg5 {border:1px solid #cbcbcb;background-color:#ffffff;color:#909090;} /*default*/
.fbx_bg6 {border:1px solid #ff7200;background-color:#ff7200;color: #ffffff;}
.fbx_free {width:70px;height:38px;padding:16px 0;color:#fff;font-size:16px;line-height:1.222;letter-spacing:0;text-align:center;position:absolute;bottom:10px;right:10px;z-index:10;background:url('/img/ic_free_bg.png') no-repeat;background-size:100%;}

/*sub*/
.stit {font-family: "Noto Sans KR", sans-serif;font-size:27px;font-weight:600;color:#222;margin:20px 0 30px;text-align:center;position:relative;}
.s_stit {font-size:15px;font-weight:600;color:#222;text-align:left;letter-spacing:-1px;}
.tit_navi {font-size:12px;line-height:1em;color:#888;font-weight:normal;text-align:right;}
.tit_navi a {font-weight:normal;color:#888;}
.tit_navi .ionicons {margin:0 10px;color:#bbb;vertical-align:middle;}

/* 서브페이지 */
#con_lf {width:calc(100% - 200px);display:inline-block;float:right;margin-bottom:80px;}
#con_lf img {max-width:100%;height:auto;}
.pg_tit {margin: 0 0 20px; height: 40px; /*border-bottom: 1px solid #ddd;*/ position: relative; text-align: center;}
.pg_tit span {font-family: "Noto Sans KR", sans-serif; font-size: 28px; padding: 4px 10px 7px 0; margin: 0 0 -1px 0; /*border-bottom:1px solid #333;*/display:inline-block;}
.pg_tit .pg_nav {font-size:12px;font-weight:normal;position:absolute;bottom:8px;right:0;}
.pg_tit i {font-style:normal;font-size:12px;color:#aaa;margin:0 5px;}
.pg_cnt {margin:0 0 7px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 400;}
.pg_cnt em {color: #2189ff; font-weight: 600;}

.pg_title {margin-bottom:20px;text-align:center;}
.pg_title .inner {padding:8px;background-color:#f1f1f1;position:relative;}
.pg_title .inner .txt_bx {padding:17px 0;border:1px solid #ddd;background-color:#fff;}
.pg_title .inner .txt_bx dt {font-size:27px;line-height:1em;font-weight:600;color:#666;text-align:center;}
.pg_title .inner .txt_bx dd {font-size:13px;font-weight:normal;color:#999;margin-top:10px;text-align:center;}

.sub_tree {display: flex; justify-content: start; flex-wrap: wrap; border-left: 1px solid #efebe9; margin: 12px 0; overflow: inherit !important;}
.sub_tree li {float: left; width: 16.6% !important; margin-top: -1px; overflow: inherit !important; background: #fff; box-sizing: border-box; border-top: 1px solid #efebe9; border-right: 1px solid #efebe9; border-bottom: 1px solid #efebe9; transition: all 0.3s ease; }
.sub_tree li a {position: relative; display:block; width: 100%; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #8c8c8d; font-weight: 600; padding: 10px 0; box-sizing: border-box; transition: all 0.3s ease;}

.sub_tree li a:hover {color:#111; background: #f6f6f6; text-decoration: none;}
.sub_tree li.active {background: #fb6d3a;}
.sub_tree li.active a {color:#fff; text-align: left; padding-left: 15px; box-sizing: border-box; background: #1352f3; text-decoration: none;}
.sub_tree li.active a:after {position: absolute; top: 40%; right: 15px; content: ""; display: block; width: 13px; height: 9px; background-image: url("/images/ico_selected.png"); background-repeat: no-repeat; z-index: 10;}

.li_ty_tab li {float:left;margin-right:3px;}
.li_ty_tab li a {height:25px;padding:0 12px;line-height:2em;background-color:#aaa;color:#fff;display:block;text-decoration:none !important;}
.li_ty_tab li a:hover {background-color:#777;}
.li_ty_tab li a.active {background-color:#222;}

/* 타임세일 카운트 추가 210706 */
.timeevent_box {position: relative; width: 100%; margin-bottom: 30px;}
#eventtimer_number {position: absolute; top: 130px; left: 80px; width: 50%;}
#number {font-family: "Noto Sans KR", sans-serif; font-size: 86px; color: #363636; font-weight: 700; line-height: 80px; text-align: left; letter-spacing: 5px; margin-top: -10px;}

.tab_sort {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; padding: 13px 0; box-sizing: border-box; border-width: 1px 0; border-style: solid; border-color: #666 #fff #ddd; position:relative;}
/*.tab_sort:after {display:block;clear:both;content:'';}*/
.tab_sort .total {font-family: "Noto Sans KR", sans-serif; font-size: 15px;}
/*.tab_sort .total:after {width:1px;height:12px; margin:0 12px 0 25px;background-color:#ddd;display:inline-block;vertical-align:middle; content:'';}*/

.tab_sort ul {float: left;}
.tab_sort ul li {display:inline-block;}
.tab_sort ul li a {display: block; color: #999; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 13px; padding: 8px 14px; background-color: #fff; border: 1px solid #8f8f8f; box-sizing: border-box; border-radius: 5.8rem;}
.tab_sort ul li a.active {color: #fff; font-weight: 600; background-color: #363636; border: 1px solid #363636;}
.tab_sort ul li a:hover {color: #222; text-decoration: none;}
.tab_sort ul li a.active:hover {color: #fff;}
.tab_sort select {width: 150px; height: 37px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; margin-left: 10px; padding: 0 10px;}

/*서브페이지 왼쪽메뉴*/
#aside {float:left;width:180px;}
.aside_hd {height: 90px; background: #1352f3; text-align:center; border-radius: 12px 12px 0 0;}
.aside_hd p {padding:0;margin:0;line-height:1em;}
.aside_hd p.eng {padding-top:22px;font-size:14px;font-weight:400;color:#e1e1e1;text-transform:uppercase;}
.aside_hd p.kor {padding-top:10px;font-size:22px;font-weight:600;color:#fff;}
.aside_name {padding:10px 0 10px 15px;border-bottom:1px solid #121418;background-color:#2c313c; font-family: "Noto Sans KR", sans-serif; font-weight:600; color:#fff;}
.aside_bx {background-color:#2189ff;color:#fff;}
.aside_bx li {position:relative;padding-left:15px;height:36px;font-family: "Noto Sans KR", sans-serif;font-size:13px;line-height:36px;border-top:1px solid #525a6c;border-bottom:1px solid #2189ff;}
.aside_bx li:first-child {border-top:0;}
.aside_bx li span {position:absolute;top:0;right:10px;}
.aside_bx li span a {font-weight:600;color:#fff;}
.aside_cs {border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd; border-radius: 0 0 12px 12px;}
.aside_cs dt {height:44px;font-size:15px;font-weight:600;line-height:2.9;border-top:1px solid #ddd;position:relative;}
.aside_cs dt:first-child {border-top:0 !important;}
.aside_cs dt a:after {font-family:FontAwesome;font-size:19px;font-weight:normal;line-height:2.3em;color:#ccc;position:absolute;top:0;right:15px;content:"\f105";}
.aside_cs dd {padding:8px 0;border-top:1px dotted #ddd;}
.aside_cs dt a,
.aside_cs dd li a {font-family: "Noto Sans KR", sans-serif;padding:0 15px;text-decoration:none;display:block;}
.aside_cs dt:hover a,
.aside_cs dt:hover a:after {color:#1352f3;}
.aside_cs dd li a:hover {color:#454545; background-color:#f5f5f5;}
.aside_cs dd li a {padding:5px 15px 5px 22px !important;font-family: "Noto Sans KR", sans-serif; font-size: 13px; color:#999; background:url('/img/lm_dot.gif') no-repeat 15px 11px;}
.aside_my {margin-top:10px;border:1px solid #ddd; border-radius: 12px; overflow: hidden;}
.aside_my dt {margin-top: 7px; padding: 10px 0 7px 15px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #454545; font-weight: 600; border-top:1px solid #ddd;}
.aside_my dt:first-child {margin-top:0;border-top:0;}
.aside_my dd a {font-family: "Noto Sans KR", sans-serif; font-size: 13px; line-height:1.9em;padding-left:15px;color:#666;display:block;text-decoration:none !important;}
.aside_my dd a:hover {background-color:#f5f5f5;color:#454545;}

/* 스마트필터 검색 추가 210616 */
.marb10 {margin-bottom: 10px !important; border-radius: 12px; overflow: hidden;}
.smarttable {width: 100%;}
.smarttable tbody tr {border-bottom: 1px solid #ddd;}
.smarttable tbody tr:last-child {border-bottom: 0;}

.smarttable tbody tr.filter-head {background: #363636; box-sizing: border-box;}
.smarttable tbody tr.filter-head td {color: #fff;}
.smarttable tbody tr.filter-head td span.samrttit {color: #fff;}
.smarttable tbody tr.filter-head td span.samrttit i {color: #fff;}
.smarttable tbody tr.filter-head td.reset a {color: #fff;}
.smarttable tbody tr.filter-head td.reset a:hover {text-decoration: none;}
.smarttable tbody tr.filter-head td.reset a i {font-size: 18px; margin-right: 5px; margin-top: 2px;}
.smarttable tbody tr.filter-head td.reset a.prev i {font-size: 28px; margin-right: 0; vertical-align: -4px;}
.smarttable tbody tr.filter-head td.reset a.reset {margin-left: 10px;}

.smarttable tbody tr td {font-family: "Noto Sans KR", sans-serif !important; font-size: 15px; color: #111; font-weight: 300; padding: 15px 10px !important;}
.smarttable tbody tr td.padl10 span {width: auto !important; margin-bottom: 5px;}

/* 렌탈사 필터 체크박스 디자인 스타일 적용 */
.filter-item {display: inline-block; margin: 2px;}
.filter-item input {display: none;}
.filter-item label {display: inline-block; width: auto; padding: 4px 16px; box-sizing: border-box;  background-color: #f1f1f1; border: 1px solid #f6f6f6; border-radius: 58px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7c7c7c; font-weight: 500; cursor: pointer; transition: all 0.25s ease;}
.filter-item label:hover {background: #fff; border-color: #fb6d3a; color: #fb6d3a;}
.filter-item input:checked + label {background: #fff; color: #fb6d3a; border-color: #fb6d3a; font-weight: 600; box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);}

/* 브랜드 필터 체크박스 디자인 스타일 적용 */
.brand-item {display: inline-block; margin: 2px;}
.brand-item input {display: none;}
.brand-item label {display: inline-block; width: auto; padding: 4px 16px; box-sizing: border-box;  background-color: #f1f1f1; border: 1px solid #f6f6f6; border-radius: 58px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7c7c7c; font-weight: 500; cursor: pointer; transition: all 0.25s ease;}
.brand-item label:hover {background: #fff; border-color: #355aab; color: #355aab;}
.brand-item input:checked + label {background: #fff; color: #355aab; border-color: #355aab; font-weight: 600; box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);}

.smarttable tbody tr td span.samrttit {font-size: 20px; font-weight: 700; padding-left: 15px;}
.smarttable tbody tr td span.samrttit i {display: inline-flex; font-size: 22px; color: #000; margin-right: 5px;}
.smarttable tbody tr td span.padr5 {font-size: 17px; font-weight: 500;}

.smarttable tbody tr td.reset {display: flex; justify-content: flex-end; align-items: center; height: 59px; box-sizing: border-box; text-align: right !important; padding: 10px 25px 10px 10px !important;}
.smarttable tbody tr td.reset i.icoreset {display: inline-block; margin-top: -3px; margin-right: 5px; vertical-align: 1px;}
.smarttable tbody tr td.thtit {width: 110px; text-align: center !important; padding: 15px 20px !important; background-color: #f8f8f8;}

/*로그인*/
.login_tab {width:752px;margin:0 auto 20px;z-index:1;}
.login_tab li {width:50%;height:45px;text-align:center;float:left;overflow:visible;position:relative;}
.login_tab li span {font-family: "Noto Sans KR", sans-serif;font-size:16px;font-weight:600;line-height:45px;color:#aaa;background-color:#f9f9f9;border-width:1px;border-style:solid;border-color:#e1e1e1 #e1e1e1 #222;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer; border-radius: 10px 10px 0 0;}
.login_tab li:first-child span {right:-1px;}
.login_tab li.active span {color:#222;background-color:#fff;border-color:#222 #222 transparent;z-index:2;}
.login_wrap {width:750px;margin:0 auto;border:1px solid #e1e1e1;display:none;text-align:center;border-radius: 10px 10px 0 0;overflow:hidden;}
.login_wrap.active {display:table;}
.log_inner {font-family: "Noto Sans KR", sans-serif;padding:40px 50px;display:table-cell;}
.log_inner dt {font-family: "Noto Sans KR", sans-serif;font-size:16px;font-weight:600;color:#222;margin-bottom:10px;text-align:center;}
.log_inner dd {font-family: "Noto Sans KR", sans-serif;margin-bottom:10px;text-align:center;}
.log_inner .stxt {font-size:14px;color:#999;font-weight:500;margin-bottom:30px;text-align:center;}
.log_inner .log_op {font-size:14px;margin:15px auto 0;max-width:500px; text-align:left;}
.log_inner .log_op input[type=checkbox] {width:18px;height:18px;margin-right:5px;}
.log_inner input[type=text],
.log_inner input[type=password] {width:100%;max-width:500px;height:52px;padding:12px 15px;line-height:1em;font-family: "Noto Sans KR", sans-serif;font-size:15px;font-weight:500;border:2px solid #ddd;border-radius: 10px;outline:0;}
.log_inner dd button,
.log_inner dd a {width:100%; max-width:500px; height: 70px; margin-top: 10px; transition: all 0.3s ease;}
.log_bt_box {width:710px;font-family: "Noto Sans KR", sans-serif;font-size:14px;padding:20px;margin:-1px auto 40px;border:1px solid #e1e1e1;background-color:#fafafa;border-radius: 0 0 10px 10px;text-align:center;}
.log_bt_box a {font-size:14px; margin-top: -5px;}
.login_wrap .in_box p {margin:0 0 10px 0;}
.login_wrap .bt_box {padding:20px 0 10px;text-align:center;overflow:hidden;}
.login_wrap .bt_box a {font-size:13px;display:inline-block;}
.login_wrap .bt_box a:before {width:1px;height:12px;background-color:#ccc;margin:0 15px;display:inline-block;vertical-align:middle;content:"";}
.login_wrap .bt_box a:first-child:before {display:none;}

.log_inner .log_op a.find {display: block; width: auto; height: auto; padding: 6px 10px; margin-top: 0; border: 1px solid #ccc; border-radius: 6px; transition: all 0.3s ease;}
.log_inner .log_op a.find:hover {color: #fff; background: #355aab; border: 1px solid #355aab; text-decoration: none;}

/*SNS로그인*/
.sns_btn {width:199px;padding:40px;border-left:1px solid #e1e1e1;display:table-cell;}
.sns_btn h3 {font-size:16px;font-weight:600;color:#222;margin-bottom:30px;text-align:center;}
.sns_btn a {margin-top:5px;display:block !important;}
.bt_naver,
.bt_face,
.bt_kakao {height:40px;line-height:40px;font-size:14px;font-weight:600;padding:0 25px 0 60px;display:inline-block;text-decoration:none !important;position:relative;}
.bt_naver {color:#fff !important;background-color:#1ec800;}
.bt_naver:hover {background-color:#1bb300;}
.bt_naver .bt_ic {width:40px;height:40px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_naver .bt_ic:after {width:0;height:40px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_face {color:#fff !important;background-color:#3b579d;}
.bt_face:hover {background-color:#304c91;}
.bt_face .bt_ic {width:40px;height:40px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_face .bt_ic:after {width:0;height:40px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_kakao {color:#381E1E !important;background-color:#F1DC43;}
.bt_kakao:hover {background-color:#e9d334;}
.bt_kakao .bt_ic {width:40px;height:40px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_kakao .bt_ic:after {width:0;height:40px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_ic img {margin-bottom:2px;}

/*회원*/
.regi_box {padding:20px;border:1px solid #ddd;background-color:#fafafa;}
.regi_box .agree_box {height:150px;font-size:13px;color:#555;padding:12px 15px;line-height:1.4em;border:1px #eee solid;background-color:#fff;overflow-y:auto;}
.agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;}
.sns_box {border:1px solid #ddd;text-align:left;}
.sns_box h3 {font-size:15px;padding:10px 20px;background-color:#fafafa;border-bottom:1px solid #ddd;}
.sns_box p {padding:20px;text-align:center;}
.sns_box a {margin-right:5px;}

/*인기검색어 순위*/
.kw_rank {width:167px;height:302px;border-right:1px solid #ddd;padding:15px;float:left;}
.kw_rank h3 {font-size:16px;margin-bottom:12px;}
.kw_rank li {line-height:26px;padding:0 25px;border-bottom:1px solid #ddd;position:relative;}
.kw_rank li .rank_num {width:25px;font-weight:13px;font-weight:800;text-align:center;display:inline-block;position:absolute;left:0;top:0;}
.kw_rank li .rank_icon {font-size:0;display:inline-block;position:absolute;top:0;right:0;}
.kw_rank li .rank_icon:before {font-size:18px;line-height:23px;margin-right:4px;color:#888;content:'-';}
.kw_rank li .rank_icon.rnew {width:14px;height:14px;font-size:12px;line-height:14px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;margin-top:-7px;}
.kw_rank li .rank_icon.rnew:before {display:none !important;}
.kw_rank li .rank_up {width:12px;}
.kw_rank li .rank_up:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#c2191f;content:'\f0d8';}
.kw_rank li .rank_down {width:12px;}
.kw_rank li .rank_down:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#22b0bd;content:'\f0d7';}
.kw_rank li:first-child a,
.kw_rank li:nth-child(2) a,
.kw_rank li:nth-child(3) a,
.kw_rank li:first-child .rank_num,
.kw_rank li:nth-child(2) .rank_num,
.kw_rank li:nth-child(3) .rank_num {color:#ee7d4d;}
.kw_rank li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;}
.kw_rank li:hover {background-color:#fafafa;}

/*브랜드샵*/
.br_search {padding:25px 12px 12px 12px;border:1px solid #ddd;text-align:center;}
.br_search #br_sch {margin-top:25px;overflow:hidden;display:inline-block;}
.br_search .sch_inner {width:430px;margin:0 auto;}
.br_search .sch_inner dt {width:73px;height:37px;line-height:2.4;font-size:15px;font-weight:600;color:#555;float:left;}
.br_search .sch_inner dd {width:355px;height:35px;border:1px solid #555;float:left;}
.br_search .sch_inner dd input[type=text] {width:320px;height:35px;font-size:13px;padding:0 10px;line-height:2.3;border:0;}
.br_search .sch_inner dd .btn_submit {width:35px;height:35px;color:#555;font-size:20px;padding-bottom:2px;border:0;cursor:pointer;}
.br_search .sch_tab {width:125px;border:1px solid #555;float:left;}
.br_search .sch_tab li {width:50%;text-align:center;float:left;cursor:pointer;}
.br_search .sch_tab li a {height:25px;color:#666;line-height:2;text-decoration:none !important;display:block;}
.br_search .sch_tab li.active a {color:#fff;background-color:#555;}
.br_search .sch_tab_con {margin-left:7px;float:left;}
.br_search .sch_tab_con li {width:24px;height:25px;color:#666;line-height:2;margin-left:3px;border:1px solid #ddd;float:left;text-align:center;cursor:pointer;}
.br_search .sch_tab_con li:hover {border:1px solid #555;}
.br_search .sch_tab_con li.active {color:#fff;font-weight:600;background-color:#555;border:1px solid #555;}
.br_list {width:100%;overflow:hidden;margin:20px 0 0;}
.br_list ul {width:1220px;margin-left:-10px;}
.br_list li {width:232px;border:1px solid #ddd;margin:0 0 10px 10px;float:left;box-sizing: border-box;}
.br_list li:hover {border:1px solid #222;}
.br_list li a {height:64px;padding:10px 15px;color:#666;text-align:center;text-decoration:none !important;display:block;}
.br_list li img {width:auto;max-width:128px;height:40px;}
.br_list li p {height:20px;font-family: "Noto Sans KR", sans-serif;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.br_view_tit {width:100%;height:110px;margin-bottom:20px;background-color:#bbb;position:relative;}
.br_view_tit .tit_logo {width:128px;height:40px;padding:35px 183px 35px 215px;background:url('/img/br_view_bg.png') no-repeat right top;float:right;}
.br_view_tit .tit_logo img {width:auto;max-width:128px;height:40px;}
.br_view_tit .tit_txt {width:500px;height:40px;color:#fff;font-size:30px;line-height:1.3;position:absolute;top:35px;left:50px;z-index:99;}

/*비회원구매약관*/
#guest_privacy {margin:30px 0 0;}
#guest_privacy h2 {margin:0 0 10px;font-size:17px;text-align:left;}
#guest_privacy p {margin:0 0 10px;}
#guest_privacy .tbl_head02 {border:1px solid #e1e1e1;}
#guest_privacy .tbl_head02 td {width:33%;}
#guest_privacy #guest_agree {padding:12px 0;text-align:left;}
#guest_privacy #guest_agree label {display:inline-block;margin-right:5px;}

/*인스타그램*/
.insta {width:100%;padding:40px 0 50px;background-color:#f8f8f8;border-top:1px solid #eee;}
.insta h2 {font-size:19px;font-weight:800;letter-spacing:2px;text-align:center;color:#222;}
.insta h2 a {margin-left:15px;font-size:13px;font-weight:600;letter-spacing:0;text-decoration:none !important;}
.insta h2 a:hover {color:#888;}
.insta ul {width:1000px;margin:20px auto 0;}
.insta li {width:118px;height:118px;margin-left:8px;float:left;position:relative;}
.insta li:first-child {margin-left:0 !important;}]
.insta li a {display:block;}
.insta li:hover a:before {background-color:rgba(255,255,255,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.insta li img {width:100%;height:auto;}

/*faq*/
.faq_li {margin-top:20px;}
.faq_li li {font-size: 15px; line-height: 1.4em; border-bottom: 1px solid #e1e1e1; position:relative;}
.faq_li li:first-child {border-top:1px solid #e1e1e1;}
.faq_li li:before {font-size:17px; font-weight: 700; position:absolute; left: 10px;}
.faq_li .faq_q {font-family: "Noto Sans KR", sans-serif; font-weight: 700; padding: 20px 10px 20px 60px; cursor:pointer;}
.faq_li .faq_q:before {color: #fff; content:"Q"; top: 50%; transform: translateY(calc(-50% + 0.5px)); display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; background: #1352f3; border-radius: 50%;}
.faq_li .faq_q:hover,
.faq_li .faq_q.active {color:#1352f3;}
.faq_li .faq_a {padding: 22px 15px 25px 60px; background-color: #fbfbfb; display: none;}
.faq_li .faq_a:before {color: #fff; content:"A"; top: 15px; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; background: #2189ff; border-radius: 50%;}

/*게시판 카테고리*/
.bo_cate {margin-bottom:10px;text-align:center;}
.bo_cate li {display:inline-block;}
.bo_cate li a {font-size:13px;padding:9px 17px;border:1px solid #ddd;display:block;text-align:center;text-decoration:none !important;}
.bo_cate li.active a {font-weight:600;background-color:#222;border-color:#222;color:#fff;}

/*갤러리 게시판*/
.gallery {padding:15px 0;border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.gallery a {display:block;text-decoration:none !important;}
.gallery dl {width:252px;margin:10px 0 10px 19px;padding-bottom:15px;border:1px solid #eee;position:relative;float:left;display:table;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.gallery dl:nth-child(3n+1){margin-left:0 !important;clear:both;}
.gallery dl dt {width:252px;height:252px;border-bottom:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;}
.gallery dl dt img {width:auto;max-width:100%;height:auto;max-height:100%;}
.gallery dl dd {font-size:12px;color:#999;padding:0 12px;text-align:center;}
.gallery dl dd.bo_tit {font-size:14px;font-weight:600;color:#222;margin:15px 0 7px;white-space:nowrap;text-overflow:ellipsis;}
.gallery dl dd.bo_tit .bo_notice {font-size:11px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.gallery dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.gallery dl:hover {border-color:#222;}
.gallery .bo_chk {position:absolute;left:0;top:13px;}
.gallery .bo_chk input {width:17px;height:17px;}

/*웹진스킨 게시판*/
.webzine {border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.webzine a {height:110px;display:block;text-decoration:none !important;}
.webzine dl {height:110px;padding:20px 0 20px 145px;border-top:1px solid #eee;position:relative;clear:both;}
.webzine dl:first-child {border-top:0 !important;}
.webzine dl dt {display:table;position:absolute;left:0;top:15px;}
.webzine dl dt p {width:120px;height:120px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
.webzine dl dt p img {width:auto;max-width:100%;height:auto;max-height:100%;}
.webzine dl dd {font-size:12px;color:#aaa;text-align:left;}
.webzine dl dd.bo_tit {font-size:16px;font-weight:600;color:#222;margin:0 0 8px;white-space:nowrap;text-overflow:ellipsis;}
.webzine dl dd.bo_tit .bo_notice {font-size:12px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.webzine dl dd.bo_txt {height:50px;margin-top:17px;color:#666;line-height:1.4em;}
.webzine dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.webzine .bo_chk {position:absolute;left:0;top:13px;}
.webzine .bo_chk input {width:17px;height:17px;}

/*기획전*/
.plan {}
.plan a {text-decoration:none !important;}
.plan li {width:318px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;}
.plan li:nth-child(3n+1) {margin-left:0 !important;clear:both;}
.plan li .plan_img {width:318px;height:180px;}
.plan li .plan_img img{width:100%;height:auto;}
.plan li .plan_tit {height:15px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;}

/*타임세일*/
.timesale {}
.timesale li {width:31.5%;margin:2.75% 0 0 2.75%;float:left;position:relative;}
.timesale li:nth-child(3n+1){margin-left:0 !important;clear:both;}
.timesale li a {display:block;text-decoration:none !important;}
.timesale li dt {width:calc(100% - 2px);height:auto;border:1px solid #e1e1e1;position:relative;}
.timesale li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li dt img {width:100%;height:auto;}
.timesale li dd {position:relative;text-align:center;}
.timesale li .pname {height:42px;font-size:15px;color:#000;line-height:1.4em;margin:12px 3px 0;}
.timesale li .ptime {height:27px;font-weight:600;padding:10px;margin-top:-1px;border:1px solid #e1e1e1;background-color:#f5f5f5;}
.timesale li .ptime span {display:inline-block;}
.timesale li .ptime .num {font-size:15px;padding:5px 7px;border-radius:3px;margin:0 0 0 4px;color:#fff;background-color:#333;letter-spacing:0;}
.timesale li .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.timesale li .price .mpr {font-weight:800;color:#000;}
.timesale li .price .mpr span {font-weight:normal;margin-left:2px;}
.timesale li .price .spr {margin-right:5px;font-size:12px;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.timesale li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:33%;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li:hover dt:after {background-color:rgba(0,0,0,0.2);}
.timesale li:hover .ic_bx {opacity:1;}

/*네이버페이*/
.naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;}
.cart-naverpay{margin-top:15px;}

/*회원가입 약관*/
#fregister section {padding:30px 0 0 0;}
#fregister section:first-child {padding:0 !important;}
#fregister h2 {margin:0 0 10px; font-family: "Noto Sans KR", sans-serif; font-size:17px; font-weight: 600; text-align:left;}
#fregister textarea {display:block;padding:15px;width:100%;height:200px;line-height:1.4em;font-family: "Noto Sans KR", sans-serif;color:#666;border:2px solid #e1e1e1;background-color:#fff;border-radius: 10px;}
#fregister .fregister_agree {padding:12px;text-align:left;}
#fregister .fregister_agree input[type="checkbox"] {width: 18px; height: 18px;}
#fregister .fregister_agree label {display:inline-block;margin-right:5px;font-family: "Noto Sans KR", sans-serif; font-size: 15px !important; margin-left: 5px;}
#fregister .fregister_agree label>span {color:#999999 !important;}
#fregister_private .tbl_head02 {border:1px solid #e1e1e1;}
#fregister_private .tbl_head02 td {width:33%;}

/*회원가입 입력*/
#fregisterform {}
#fregisterform h3 {font-family: "Noto Sans KR", sans-serif; font-size: 17px; font-weight: 600; margin: 20px 0 5px;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background-color:#eaf4ff;text-align:center;}

/* 회원가입 완료 */
#reg_result {}
#reg_result #result_email {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_email span {display:inline-block;width:150px;}
#reg_result #result_coupon {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_coupon strong {color:#ff3061;font-weight:normal;}
#reg_result .bx-danger {margin:30px 0 0;padding:30px !important;line-height:1.8em !important;}
#reg_result .btn_confirm {margin:50px 0;}

/*회원탈퇴*/
#fleaveform {}
#fleaveform section {font-size:13px;margin:30px 0 0 0;}
#fleaveform section li {height:auto; font-family: "Noto Sans KR", sans-serif; font-size: 15px; line-height:1.7em;}
#fleaveform section li input[type="radio"] {width: 18px; height: 18px; margin-right: 5px;}
#fleaveform .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding:120px 0 150px;width:600px;}
#mb_confirm h1 {margin:0 0 12px; font-family: "Noto Sans KR", sans-serif; font-size: 22px; font-weight: 600;}
#mb_confirm p {padding:20px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight: 500; text-align:center; border:1px solid #ddd; border-bottom:0;background-color:#fff; border-radius: 12px 12px 0 0;}
#mb_confirm p strong {display:block;padding-bottom:4px;}
#mb_confirm fieldset {display: flex; justify-content: center; align-items: center; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight: 500; margin:0 0 20px;padding:30px 0;border:1px solid #ddd;background-color:#f9f9f9;text-align:center; border-radius: 0 0 12px 12px;}
#mb_confirm fieldset .frm_input {min-width: 200px; background-color:#fff !important;}
#mb_confirm fieldset button {width: 80px; height: 50px; margin-left: 10px; border-radius: 10px;}
#mb_confirm label {margin:0 7px 0 0;}
#mb_confirm_id {display:inline-block;margin:0 30px 0 7px;color:#1352f3;font-weight:600;}

/*아이디/비밀번호 찾기*/
#find_info {}
#find_info #info_fs {margin:0 20px 0 20px;padding:0;background-color:#fff;}
#find_info #info_fs .frm_input {width:70%;}
#find_info p {margin:0 0 10px;line-height:1.8em;}
#find_info .info_form {padding:10px 15px;background-color:#f8f8f8;}

/*입점신청*/
#fsellerform {}
#fsellerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fsellerform .frm_address {margin:5px 0 0;}
.fsellerform_term {padding:30px 0 20px;}
.fsellerform_term textarea {display:block;padding:10px;width:100%;height:150px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;}
.fsellerform_agree {padding:10px 0;text-align:left;}
.fsellerform_agree label {display:inline-block;margin-right:5px;}

/* 이용약관및 개인정보처리방침 페이지스타일 추가 JNY */
.memberuser {float: left; width: 100%; padding: 15px; margin-bottom: 50px; background-color: #fafafa; box-sizing: border-box; border-radius: 12px; overflow: hidden;}
.memberuser	.userctttxt {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 14px !important; color: #676666; font-weight: 500; line-height: 1.4; background-color: #fff; box-sizing: border-box; padding: 30px; border: 1px solid #d7d7d7; border-radius: 12px; overflow: hidden;}

/*쇼핑몰분양신청*/
#fpartnerform {}
#fpartnerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fpartnerform #reg_tot_price em {font:bold 18px tahoma;color:#ec0e03;}
.fpartnerform_term {margin:0 0 20px;}
.fpartnerform_term textarea {display:block;padding:5px;width:100%;height:100px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background:#fffcea;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fpartnerform_agree {padding:10px 0;text-align:left;}
.fpartnerform_agree label {display:inline-block;margin-right:5px;}

.fp_sign {margin:20px 0 0;overflow:hidden;}
.fp_sign .info_bx {width:393px;height:250px;padding:42px 0 0;border:1px solid #ddd;overflow:visible;position:relative;}
.fp_sign .info_bx dt {width:395px;font-size:14px;font-weight:bold;color:#fff;padding:7px 0;text-align:center;background-color:#999;position:absolute;top:-1px;left:-1px;}
.fp_sign .info_bx dd {min-height:23px;font-size:12px;padding:3px 15px;line-height:1.7em;}
.fp_sign .info_bx .m-signature-pad {height:130px;padding:12px 0 0;margin:7px 0 12px;border-top:1px dotted #ddd;position:relative;}
.fp_sign .info_bx .m-signature-pad button {position:absolute;top:15px;right:0;}
.fp_sign .info_bx .admin_seal {position:absolute;top:170px;left:110px;}
.kbw-signature {width:100%;height:100px;background-color:#f1f1f1;display:block;-ms-touch-action: none;}

/*장바구니*/
.sod_opt {margin:0;border-bottom:0;background:#fff;}
.sod_opt ul {margin:0;padding:0;list-style:none;}
.sod_opt li.ty {padding:0;color:#7d62c3;letter-spacing:0;}
.sod_opt li.ny {padding:0;color:#888888;letter-spacing:0;}
.sod_option_btn {margin:5px 0;}
#sod_bsk_btn {position:relative;margin-top:10px;height:24px;}
#sod_bsk_btn div.palt {position:absolute;left:0;top:0;}
#sod_bsk_btn div.part {position:absolute;right:0;top:0;}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:scroll;overflow-x:none}
.btn_cancel {width:60px;height:30px;background:url('/img/btn_021016.jpg') no-repeat;border:0 none;overflow:hidden;cursor:pointer;}

/*주문*/
#sod_fin_pay,#sod_fin_orderer,#sod_fin_receiver,#sod_bsk_tot,#bank_section,#tax_section {margin:30px 0 0;}
#sod_fin_cancel {margin:20px 0 0;text-align:center;}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#sod_fin_cancelfrm {display:none;padding:10px;margin:10px 0 0;background-color:#f8f8f8;}
#sod_fin_cancelfrm label {margin-right:10px;}
#sod_ws_tot{margin:20px 0 0;padding:0 10px;border:1px solid #e2e2e2;background-color:#f9f9f9;zoom:1;}
#sod_ws_tot:after{display:block;visibility:hidden;clear:both;content:"";}
#sod_ws_tot dt,
#sod_ws_tot dd{float:left;font-weight:600;padding:12px 0;border-top:1px solid #e2e2e2;}
#sod_ws_tot dt{padding-left:2%;width:48%;}
#sod_ws_tot dd{padding-right:2%;width:48%;margin:0;text-align:right;}
#sod_ws_tot .ws_price{background-color:#8f908c;color:#fff;border-top:0 !important;}
.taxbill_fld {display:none;}
.order_vbx {width:calc(100% - 2px);margin-bottom:25px;border:1px solid #ddd;overflow:hidden;display:table;}
.order_vbx dl {padding:15px 10px 10px;border-left:1px solid #ddd;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.order_vbx dl:first-child {border-left:0 !important;}
.order_vbx dt {font-size:15px;font-weight:600;margin-bottom:15px;text-align:center;}
.order_vbx dt span {font-size:11px;font-weight:normal;margin-left:5px;color:#e94c1c;}
.order_vbx dd {font-size:15px;position:relative;}
.order_vbx dd p {height:17px;color:#222;font-weight:800;padding:15px 0;}
.order_vbx dd .ddtit {height:13px;font-size:11px;font-weight:600;padding:10px 0;background-color:#eee;}
.order_vbx .od_bx1 {width:290px;}
.order_vbx .od_bx1 dd {width:calc(37% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx1 dd.total {width:calc(63% - 2px);}
.order_vbx .od_bx1 dd.total {font-size:13px;}
.order_vbx .od_bx2 {width:418px;}
.order_vbx .od_bx2 dd {width:calc(20% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx3 {width:290px;}
.order_vbx .od_bx3 dd {width:calc(25% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}

/*마이페이지 (내쇼핑)*/
#smb_my_ov {margin:0 0 20px;}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#smb_my_act {margin:10px 0;zoom:1;}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:"";}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none;}
#smb_my_act li {float:left;margin:0 0 0 4px;}
#smb_my_tbl {width:100%;border-top:1px solid #c0c0c0;}
#smb_my_tbl th,
#smb_my_tbl td {border-bottom:1px solid #e2e2e2;text-align:left;}
#smb_my_tbl th {width:15%;padding:10px 15px;background-color:#f8f8f8;font-family: "Noto Sans KR", sans-serif;font-size: 15px;color:#000;font-weight:500;text-align:center;}
#smb_my_tbl td {width:35%;padding:10px 15px;font-family: "Noto Sans KR", sans-serif;font-size: 15px;font-weight:500;color:#666;word-break:break-all;}
#smb_my_od {margin:0 0 20px;}
#smb_my_wish {}
.smb_my_more {margin-top:10px;text-align:right;}

/* 하단고정 상담신청폼 */
.ftfixask_cs {position: fixed; width: 100%; bottom: 0; z-index: 999; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; animation: slideUp ease-in-out .5s;}
.ftfixask_cs.act {bottom: -65px;}
.ftfixask_cs .cs_sideupbtn {width: 100px; height: 27px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #111; margin: 0 auto; position: relative; cursor: pointer;}
.ftfixask_cs .cs_sideupbtn span {background: url(/images/arrowDown.png) no-repeat; width: 20px; height: 10px; display: block; position: absolute; top: 50%; left: 0; right: -2px; margin: -5px auto 0 auto; transition: all 0.5s; -webkit-transition: all 0.5s;}
.ftfixask_cs.act .cs_sideupbtn span {transform: rotate(180deg);}

.ftfixask_cs .cs_contents {width: 100%; height: 65px; background-color: #111; padding: 10px 0; box-sizing:border-box; border-top: 1px solid #000; transition: all 0.5s; -webkit-transition: all 0.5s;}
.inner {width: 1200px; height: 100%; margin: 0 auto; text-align: center; position: relative;}

.ftfixask_cs .cs_contents fieldset {display: flex; justify-content: center;}
.ftfixask_cs .cs_contents .call_icon {margin-right: 10px;}
.ftfixask_cs .cs_contents .call_icon i {display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 15px; color: #fff; background-color: #1352f3; border-radius: 58px;}

.ftfixask_cs .cs_contents .tit {font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #d1cfcf; text-align: left; margin-right: 50px;}
.ftfixask_cs .cs_contents .tit h3 {font-family: "Noto Sans KR", sans-serif; font-weight: 400; line-height: 1; margin-bottom: 3px;}
.ftfixask_cs .cs_contents .tit p {font-size: 28px; color: #fff; font-weight: 700; line-height: 1; animation: cublinkColor 2.2s infinite;}

.ftfixask_cs .cs_contents form div {float: left;}
.ftfixask_cs .cs_contents .input_area {margin-right: 20px;}
.ftfixask_cs .cs_contents .input_area input {width: 190px; height: 45px; border-radius: 6px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #c9c9c9; font-weight: 500; padding: 0 10px; margin-right: 5px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .08); outline: none;}
.ftfixask_cs .cs_contents .input_area input#cust_tel {width: 250px;}

/* placeholder 속성값 */
.ftfixask_cs .cs_contents .input_area input::placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #c9c9c9; font-weight: 500;}
.ftfixask_cs .cs_contents .input_area input::-webkit-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #c9c9c9; font-weight: 500;}
.ftfixask_cs .cs_contents .input_area input:-ms-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #c9c9c9; font-weight: 500;}

.ftfixask_cs .cs_contents .chk_wrap {position: relative; display: inline-block; vertical-align: middle; height: 20px; margin-top: 10px; margin-left: 50px;}
.checks {position: relative;}
.checks input[type="checkbox"] {width: 20px; height: 20px; padding: 0;}
.checks input[type="checkbox"] + label {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; font-weight: 300; padding-left: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.ftfixask_cs .cs_contents .chk_wrap .agree_btn {display: inline-block; font-size: 13px; color: #d1cfcf; margin-left: 10px; padding: 3px 10px; border: 1px solid #444;}
.ftfixask_cs .cs_contents .chk_wrap .agree_btn:hover {color: #fff; border: 1px solid #fff;}
.ftfixask_cs .cs_contents button {position: relative; float: left;  width: 160px; border-radius: 5px; font-family: "Noto Sans KR", sans-serif; font-size: 17.5px; color: #fff; font-weight: 700; line-height: 44px; background: #1352f3; border: 1px solid #1352f3; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s;}
.ftfixask_cs .cs_contents button:hover {color: #1352f3; background: #fff; border: 1px solid #1352f3;}

/* 하단고정 상담신청폼 개인정보 팝업 */
.ftfixask_cs .cs_contents form div {float: left;}
.privacybox_pop {position: absolute; width: 440px; bottom: 30px; left: -150px; font-family: "Noto Sans KR", sans-serif; text-align: left; padding: 20px; color: #333; border-radius: 6px; background: #fff; border: 1px solid #111; box-shadow: 0px 15px 50px -15px rgba(0,0,0,0.5); display: none;}
.privacybox_pop h3 {font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #0778d3; margin-bottom: 10px;}
.privacybox_pop p {font-size: 14px; font-weight: 300; letter-spacing: -1px; margin-bottom: 5px;}
.privacybox_pop ul li {font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #555555; font-weight: 300;}