@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');

/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/
.dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;cursor:auto;}
.quickDim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;cursor:auto;}
.mobileView{display:none;}
.inner{max-width:1400px;margin:0 auto;}

/*---------- Preloader ----------*/
.loader-wrap {position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;z-index:1001}
.no-js .loader-wrap {display:none}
.loader {display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#006be2;-webkit-animation:loader-spin 1.7s linear infinite;animation:loader-spin 1.7s linear infinite;z-index:11}
.loader:before {content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e52700;-webkit-animation:loader-spin-reverse .6s linear infinite;animation:loader-spin-reverse .6s linear infinite}
.loader:after {content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ec8b00;-webkit-animation:loader-spin 1s linear infinite;animation:loader-spin 1s linear infinite}
.loader-wrap .loader-section-left {position:fixed;top:0;left:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
.loader-wrap .loader-section-right {position:fixed;top:0;right:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
@-webkit-keyframes loader-spin {
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg)}
}
@keyframes loader-spin{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg)}
}
@keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.loaded .loader-wrap .loader-section-left {transform:translateX(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader-wrap .loader-section-right {transform:translateX(100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader {opacity:0;transition:all .3s ease-out}
.loaded .loader-wrap {visibility:hidden;transform:translateY(-100%);transition:all .3s 1s ease-out}

.basic-body{min-height:400px;}
.bodyGray{background:#fafafa;}
.subPage{padding-bottom:170px;}
.boardInner {max-width:1000px;margin:60px auto 170px;}
.shop-list {margin:60px auto 170px;}
.shop-list .paging{margin-top:50px;}
.boardBtnBox{margin-top:20px;text-align:right;}
/*---------- Wrapper ----------*/
.wrapper {position:relative;overflow:hidden}

/*---------- Header & Navbar ----------*/
#hd {position:relative;border-bottom:1px solid #d9dde3;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd-h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.to-content a {z-index:1000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* [S] Header */
#header{width:100%;height:160px;position:fixed;top:0;left:0;z-index:100;background:rgba(0, 0, 0,.15);}
#header .headerWrap{max-width:1400px;margin:0 auto;position:relative;}
#header .headerWrap .headerTop .headerLogo{position:absolute;left:7px;top:-4px;}
#header .headerWrap .headerTop{margin:27px 0 20px;}
#header .headerWrap .headerTop ul{position:absolute;right:0;display:flex;top:3px;flex-wrap:wrap;}
#header .headerWrap .headerTop ul li{position:relative;}
#header .headerWrap .headerTop ul li:nth-child(n+2){padding-left:9px;margin-left:11px;}
#header .headerWrap .headerTop ul li:before{width:1px;height:14px;background:#fff;content:'';left:0;top:5px;position:absolute;}
#header .headerWrap .headerTop ul li:nth-child(1):before{display:none;}
#header .headerWrap .headerTop ul li a{font-size:14px;letter-spacing:-0.05em;color:#fff;}
#header .headerWrap .headerTop .searchWrap{width:345px;position:absolute;left:50%;transform:translateX(-50%);}
#header .headerBottom{display:flex;justify-content:space-between;align-items:center;padding-top:58px;}
#header .headerBottom .mainBoardMenu{flex-shrink:0;margin-left:10px;display:flex;align-items:center;}
#header .headerBottom .mainBoardMenu a{color:#fff;}
#header .headerBottom .mainBoardMenu > a{color:#fff;letter-spacing:-0.05em;font-size:14px;position:relative;}
#header .headerBottom .mainBoardMenu > a .totalNum{width:17px;height:17px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;background:#1d4799;border-radius:100px;position:absolute;right:8px;top:-6px;}
#header .headerBottom .mainBoardMenu a:nth-child(n+2){margin-left:22px;}
#header .headerBottom .mainBoardMenu > a img{display:block;margin:0 auto 5px;}
#header .headerBottom .mainBoardMenu > div{margin-left:29px;}
#header .headerBottom .mainBoardMenu > div img{margin-right:8px;}
#header .headerBottom .mainBoardMenu > div a{display:block;font-size:13px;background:rgba(242, 242, 242,.15);padding:8px 15px 8px 15px;border-radius:50px;letter-spacing:-0.04em;}
#header .headerBottom .allMenuWrap a{color:#fff;font-size:16px;letter-spacing:-0.03em;font-weight:700;padding:0;}
#header .headerBottom .allMenuWrap a:after{display:none;}
#header .headerBottom .allMenuWrap a img{margin-right:15px;vertical-align:-1px;}
#header .navList{display:flex;position:relative;top:10px;}
#header .navList .menuList{display:flex;align-items:center;flex-wrap:wrap;margin-left:15px;}
#header .navList .menuList li a{font-size:16px;letter-spacing:-0.03em;color:#fff;}
#header .navList .menuList li:nth-child(n+2){margin-left:18px;}
#header.scroll,
#header.subHeader,
#header.hoverHeader{background:#fff;border-bottom:#e5e5e5;}



#header.scroll:after,
#header.subHeader:after,
#header.hoverHeader:after{width:100vw;height:1px;background:#e5e5e5;bottom:0;left:50%;z-index:-1;transform:translateX(-50%);content:'';position:absolute;}
#header.scroll .headerWrap .headerTop ul li a,
#header.hoverHeader .headerWrap .headerTop ul li a,
#header.subHeader .headerWrap .headerTop ul li a{color:#888;}
#header.scroll .navList .menuList li a,
#header.hoverHeader .navList .menuList li a,
#header.subHeader .navList .menuList li a{color:#111;}
#header.scroll .search-field #search_input,
#header.hoverHeader .search-field #search_input,
#header.subHeader .search-field #search_input{border:2px solid #ddd;}
#header.scroll .search-field #search_input,
#header.scroll .search-field #search_input::placeholder,
#header.hoverHeader .search-field #search_input::placeholder,
#header.subHeader .search-field #search_input::placeholder{color:#666;}
#header.subHeader .search-field #search_input{color:#666;}
#header.hoverHeader .search-field #search_input{color:#666;}
#header.scroll .headerBottom .mainBoardMenu > a,
#header.hoverHeader .headerBottom .mainBoardMenu > a,
#header.subHeader .headerBottom .mainBoardMenu > a{color:#888;}
#header.hoverHeader .headerBottom .mainBoardMenu > div a,
#header.scroll .headerBottom .mainBoardMenu > div a,
#header.subHeader .headerBottom .mainBoardMenu > div a{color:#111;background:#f2f2f2;}
#header.scroll .headerWrap .headerTop ul li:before,
#header.hoverHeader .headerWrap .headerTop ul li:before,
#header.subHeader .headerWrap .headerTop ul li:before{background:#ddd;}
#header.scroll .headerBottom .allMenuWrap a,
#header.hoverHeader .headerBottom .allMenuWrap a,
#header.subHeader .headerBottom .allMenuWrap a{color:#111;}
#header .allMenuBox{position:relative;margin-top:28px;padding-top:30px;justify-content:space-between;display:none;}
#header .allMenuBox.on{display:flex;}
#header .allMenuBox:before{width:100vw;height:calc(100% + 20.352%);background:#fff;top:0;left:50%;z-index:-1;transform:translateX(-50%);content:'';position:absolute;}
#header .allMenuBox .allMenuLeft{width:53.572%;padding-right:2.143%;border-right:1px solid #e5e5e5;}
#header .allMenuBox .allMenuLeft > ul{display:flex;flex-wrap:wrap;margin:0 -1.355%;}
#header .allMenuBox .allMenuLeft > ul > li{width:22.2%;font-size:15px;letter-spacing:-0.03em;margin:0 1.355%;}
#header .allMenuBox .allMenuLeft > ul > li:nth-child(n+5){margin-top:20px;}
#header .allMenuBox .allMenuLeft ul dl dt a{display:block;position:relative;color:#111;background:#f2f2f2;padding:9px 15px 8px;border-radius:5px;}
#header .allMenuBox .allMenuLeft ul dl dt a:after{width:13px;height:2px;background:#000;right:15px;top:50%;transform:translateY(-50%);content:'';position:absolute;}
#header .allMenuBox .allMenuLeft ul dl dt a:hover{background:#1d4799;color:#fff;}
#header .allMenuBox .allMenuLeft ul dl dt a:hover:after{background:#fff;}
#header .allMenuBox .allMenuLeft ul dl.active dt a{background:#1d4799;color:#fff;}
#header .allMenuBox .allMenuLeft ul dl.active dt a:after{background:#fff;}
#header .allMenuBox .allMenuLeft ul dl dd{padding-top:14px;}
#header .allMenuBox .allMenuLeft ul dl dd ul{padding-left:14px;}
#header .allMenuBox .allMenuLeft ul dl dd ul li{color:#666;}
#header .allMenuBox .allMenuLeft ul dl dd ul li:hover{color:#1d4799;}
#header .allMenuBox .allMenuLeft ul dl dd ul li:nth-child(n+2){margin-top:8px;}
#header .allMenuBox .allMenuRight{width:44.286%;margin-left:2.143%;padding-top:5px;}
#header .allMenuBox .allMenuRight dl dt{max-width:90.163%;padding-bottom:11px;font-size:15px;color:#111;letter-spacing:-0.03em;font-weight:700;border-bottom:1px solid #e5e5e5;}
#header .allMenuBox .allMenuRight dl dd{margin-top:20px;}
#header .allMenuBox .allMenuRight dl dd ul{display:flex;flex-wrap:wrap;margin:-2.5px;}
#header .allMenuBox .allMenuRight dl dd ul > li{width:21.44%;height:43px;text-align:center;border:1px solid #ddd;border-radius:100px;margin:0.4%;}
#header .allMenuBox .allMenuRight dl dd ul > li:hover{border-color:#1d4799;}
#header .allMenuBox .allMenuRight dl dd ul > li:hover a{color:#1d4799;}
#header .allMenuBox .allMenuRight dl dd ul > li a{padding:0 10px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:14px;letter-spacing:-0.03em;}

.btnQa{display:block;font-size:13px;background:rgba(242, 242, 242,.15);padding:8px 15px 8px 15px;border-radius:50px;letter-spacing:-0.04em;color:#111;background:#f2f2f2;margin:20px;text-align:center;}
.btnQa img{margin-right:8px;}
/* [E] Header */


/* [S] Main */
.mainWrap{max-width:1400px;margin:0 auto;padding-top:88px;}
.rgba-banner-area {position:absolute;top:-1px;right:0;display:flex;}
.rgba-banner {height:46px;width:46px;line-height:46px;color:#fff;font-size:13px;text-align:center;font-weight:500;position:relative;}
.rgba-banner-area .shop-rgba-dark {background:#ab48a3}
.rgba-banner-area .shop-rgba-soldout {background:#666666}
.rgba-banner-area .shop-rgba-best {background:#df6297}
.rgba-banner-area .shop-rgba-new {background:#48ab9c}
.rgba-banner-area .shop-rgba-suggestion {background:#4463a0}
.rgba-banner-area .shop-rgba-purple {background:#4dab48}
.rgba-banner-area .rgba-banner:last-child{border-radius:0 10px 0 0;}
.product-description .product-name {word-break:keep-all;position:relative;overflow:hidden;margin:24px 0 0;word-break:keep-all;font-size:18px;letter-spacing:-0.045em;font-weight:500;line-height:1.4;}
.product-description .product-name a {color:#111;text-decoration:none !important;}
.product-description .productionTitle{font-size:16px;color:#666;letter-spacing:-0.04em;margin:5px 0 19px;}
.product-description .title-price {font-size:18px;font-weight:700;color:#111;letter-spacing:-0.04em;}
.mainWrap .guideList{margin-top:110px;}
.mainWrap .guideList ul{display:flex;}
.mainWrap .guideList ul li{width:32.072%;}
.mainWrap .guideList ul li:nth-child(n+2){margin-left:1.858%;}
.mainWrap .guideList ul li .imgBox{margin-bottom:34px;}
.mainWrap .guideList ul li .imgBox img{width:100%;border-radius:10px;}
.mainWrap .guideList ul li dl dt{font-size:20px;letter-spacing:-0.04em;font-weight:700;color:#111;}
.mainWrap .guideList ul li dl dd{font-size:16px;letter-spacing:-0.05em;color:#666;margin-top:10px;word-break:keep-all;}
.mainWrap .mainMiddleBanner{margin:97px 0;position:relative;display:flex;justify-content:space-between;align-items:center;padding:48px 0 56px;}
.mainWrap .mainMiddleBanner:before{width:100vw;height:100%;content:'';left:50%;transform:translateX(-50%);top:0;position:absolute;z-index:-1;background:url('/img/main/main_middle_banner.jpg')no-repeat center center / cover;}
.mainWrap .mainMiddleBanner dl dt{font-size:34px;letter-spacing:-0.03em;color:#ffca7f;font-weight:500;word-break:keep-all;font-family:'Noto Serif KR';}
.mainWrap .mainMiddleBanner dl dd{font-size:17px;letter-spacing:-0.03em;color:#ddcbb8;margin-top:11px;word-break:keep-all;}
.mainWrap .mainMiddleBanner > a{width:180px;height:50px;border-radius:100px;padding-left:4px;display:flex;align-items:center;justify-content:center;background:#fff;color:#5a3f1c;font-size:16px;letter-spacing:-0.04em;font-weight:700;}
.mainWrap .mainMiddleBanner > a img{margin-left:10px;}
.mainWrap .introList{margin-top:126px;}
.mainWrap .introList ul{display:flex;}
.mainWrap .introList ul li{flex:1;border-radius:10px;padding:44px 20px 50px 49px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.mainWrap .introList ul li:nth-child(1){background-image:url('/img/main/main_intro_list_01.jpg');}
.mainWrap .introList ul li:nth-child(2){background-image:url('/img/main/main_intro_list_02.jpg');}
.mainWrap .introList ul li:nth-child(n+2){margin-left:26px;}
.mainWrap .introList ul li dl{color:#111;}
.mainWrap .introList ul li dl dt{font-size:26px;letter-spacing:-0.04em;font-weight:700;}
.mainWrap .introList ul li dl dd{font-size:16px;letter-spacing:-0.05em;margin-top:15px;line-height:1.625;padding-right:30%;word-break:keep-all;}
.mainWrap .newItemSlide{margin-top:133px;}
.mainWrap .newItemSlide .rgba-banner-area{display:none;}
/* [E] Main */


/* [S] Sub */
.contTitle{font-size:26px;font-weight:700;letter-spacing:-0.05em;color:#111;}
.basicText{font-size:17px;font-weight:300;letter-spacing:-0.04em;color:#666;}
.subTop{margin:57px 0 100px;position:relative;}
.subTop .pageTitle{font-size:38px;letter-spacing:-0.03em;font-weight:700;color:#111;text-align:center;}
.dashList li{position:relative;padding-left:8px;}
.dashList li:before{width:5px;height:1px;background:#666;content:'';left:0;top:15px;position:absolute;}
.explanBox .dashList li:before{top:12px;}
#lnb .mNavTitle{display:none;}
#lnb dl dd ul{display:flex;background:#f8f8f8;border-radius:5px;margin-top:49px;}
#lnb dl dd ul li{flex:1 auto;text-align:center;}
#lnb dl dd ul li a{font-weight:300;font-size:17px;color:#666;letter-spacing:-0.045em;display:block;padding:16px 5px 19px;position:relative;}
#lnb dl dd ul li:first-child a{border-radius:5px 0 0 5px;}
#lnb dl dd ul li:last-child a{border-radius:0 5px 5px 0;}
#lnb dl dd ul li.active a{background:#1d4799;color:#fff;font-weight:700;}
#lnb dl dd ul li a:after{width:1px;height:18px;content:'';background:#ccc;right:-1px;z-index:0;top:50%;transform:translateY(-50%);position:absolute;}
#lnb dl dd ul li:last-child a:after{display:none;}
#lnb dl dd ul li.active a:after{display:none;}

.subCateList{margin:-35px 0 80px;}
.subCateList ul{display:flex;}
.subCateList ul li{flex:1;text-align:center;}
.subCateList ul li a{width:100%;height:43.5px;border-bottom:2px solid #ddd;display:block;color:#666;font-size:17px;letter-spacing:-0.045em;}
.subCateList ul li.active a{border-bottom-color:#1d4799;color:#1d4799;font-size:17px;font-weight:700;}

.introduceWrap img{width:100%;}
.introduceWrap .introTop{position:relative;text-align:center;padding:91px 0 115px;margin-bottom:120px;}
.introduceWrap .introTop:before{width:100vw;height:100%;top:0;left:50%;transform:translateX(-50%);content:'';background:url('/img/sub/intro_top_bg.jpg')no-repeat center center / cover;z-index:-1;position:absolute;}
.introduceWrap .introTop h4{font-size:34px;letter-spacing:-0.04em;font-weight:700;color:#111;margin-bottom:36px;}
.introduceWrap .introTop p{font-weight:300;font-size:20px;letter-spacing:-0.05em;color:#444;line-height:1.7;}
.introduceWrap .introTop ul{display:flex;margin-top:74px;justify-content:center;}
.introduceWrap .introTop ul li{width:17.143%;}
.introduceWrap .introTop ul li:nth-child(n+2){margin-left:2.28%;}
.imgList > li{display:flex;align-items:center;justify-content:space-between;}
.imgList > li:nth-child(n+2){margin-top:60px;}
.imgList > li:nth-child(even) .imgBox{order:1;margin-left:5.714%;}
.imgList > li:nth-child(odd) .imgBox{order:0;margin-right:5.714%;}
.imgList > li .imgBox{width:47.143%;}
.imgList > li dl{width:47.143%;}
.imgList > li dl dt{font-size:28px;letter-spacing:-0.045em;font-weight:700;color:#111;word-break:keep-all;}
.imgList > li dl dd{font-weight:300;font-size:17px;letter-spacing:-0.035em;color:#666;margin-top:17px;word-break:keep-all;line-height:1.589;}
.imgList > li dl dd p{margin-top:13px;}


.stepWrap .imgList > li dl dd{margin-top:27px;}


.roundGrayBox{background:#f8f8f8;border-radius:10px;}
.topBgBox{height:370px;display:flex;align-items:center;position:relative;margin-bottom:100px;}
.topBgBox:before{width:100vw;height:100%;top:0;left:50%;transform:translateX(-50%);content:'';background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1;position:absolute;}
.topBgBox dl dt{font-size:36px;letter-spacing:-0.045em;font-weight:700;color:#111;}
.topBgBox dl dt span{color:#1d4799;}
.topBgBox dl dd{font-weight:300;position:relative;font-size:19px;letter-spacing:-0.03em;color:#666;margin-top:32px;word-break:keep-all;padding-top:34px;line-height:1.685;}
.topBgBox dl dd:before{width:60px;height:2px;left:0;top:0;content:'';position:absolute;background:#000;}
.topBgBox dl dd span{color:#111;font-weight:500;}


.tableText{font-size:18px;color:#111;font-weight:500;letter-spacing:-0.045em;margin-bottom:35px;}
.privateWrap .topBgBox:before{background-image:url('/img/sub/sub_visual_private_enterprise.jpg');}
.kindWrap .topBgBox{height:330px;}
.kindWrap .topBgBox:before{background-image:url('/img/sub/sub_visual_kind.jpg');}
.infoWrap .topBgBox:before{background-image:url('/img/sub/sub_visual_info.jpg');}
.fitnessBox{display:flex;padding:37px 50px 43px 40px;margin-top:0;}
.fitnessBox dl{flex:1;}
.fitnessBox dl:nth-child(1){padding-right:66px;position:relative;}
.fitnessBox dl:nth-child(1):after{width:2px;height:calc(100% + 14.29%);background:#e5e5e5;right:0;top:50%;transform:translateY(-50%);content:'';position:absolute;}
.fitnessBox dl:nth-child(2){padding-left:54px;}
.fitnessBox dl dt{font-size:24px;letter-spacing:-0.045em;font-weight:700;color:#111;margin-bottom:23px;padding-left:55px;}
.fitnessBox dl:nth-child(1) dt{background:url('/img/sub/sub_check.png')no-repeat left top 2px;}
.fitnessBox dl:nth-child(2) dt{background:url('/img/sub/sub_delete.png')no-repeat left top 2px;}
.fitnessBox dl dt img{vertical-align:-8px;margin-right:20px;}

.explanationList .explanationBox{word-break:keep-all;font-size:16px;letter-spacing:-0.035em;color:#666;line-height:1.625;}
.explanationList .explanationBox:nth-child(n+2){margin-top:95px;}
.explanationList .explanationBox .basicText{margin-top:23px;}
.explanationList .explanationBox .basicText .blueText{display:flex;font-size:16px;color:#1d4799;margin-top:3px;}
.explanationList .explanationBox .basicText .blueText span{margin-right:3px;}
.explanationList .explanationBox .roundGrayBox{padding:24px 31px 26px;margin-top:25px;}
.explanationList .explanationBox ul.roundGrayBox > li:nth-child(n+2){margin-top:2px;}

.explanationList .whiteTitleList{margin-top:36px;}
.explanationList .whiteTitleList li{padding:20px;background:#f8f8f8;border-radius:7px;}
.explanationList .whiteTitleList li:nth-child(n+2){margin-top:10px;}
.explanationList .whiteTitleList li dl{display:flex;align-items:center;}
.explanationList .whiteTitleList li dl dt{width:280px;height:50px;box-shadow:0 0 20px rgba(29, 71, 153, 0.1);border-radius:3px;display:flex;margin-right:30px;flex-shrink:0;align-items:center;justify-content:center;font-size:18px;letter-spacing:-0.04em;color:#1d4799;font-weight:700;background:#fff;text-align:center;line-height:1;}
.explanationList .whiteTitleList li dl dd{font-weight:300;font-size:16px;letter-spacing:-0.03em;color:#111;}

.horizontalList{border-top:1px solid #000;}
.horizontalList li{padding:24px 60px 25px 40px;border-bottom:1px solid #ddd;}
.horizontalList li dl{display:flex;}
.horizontalList li dl dt{word-break:keep-all;width:280px;flex-shrink:0;font-size:22px;letter-spacing:-0.04em;font-weight:500;color:#111;}
.horizontalList li dl dd{line-height:1.589;margin-top:2px;word-break:keep-all;font-weight:300;font-size:17px;letter-spacing:-0.04em;color:#666;}
.addTextBox{color:#666;display:flex;padding:14px 16px 13px;margin-top:30px;word-break:keep-all;}
.addTextBox span{margin-right:3px;}

.horizontalTable table{width:100%;border-bottom:1px solid #ddd;border-top:1px solid #000;table-layout: fixed;font-size:17px;letter-spacing:-0.045em;table-layout:fixed;}
.horizontalTable th{padding:11px 5px 13px;text-align:center;border-right:1px solid #e5e5e5;font-weight:700;background:#f8f8f8;color:#111;}
.horizontalTable tr th:last-child{border-right:none;}
.horizontalTable td{padding:11px 5px 14px;text-align:center;border-right:1px solid #e5e5e5;border-top:1px solid #ddd;color:#666;}
.horizontalTable tr td:last-child{border-right:none;}

.effectWrap{display:flex;margin-top:70px;align-items:center;}
.effectWrap dl{width:40%;padding-right:5%;}
.effectWrap dl dt{word-break:keep-all;font-size:42px;letter-spacing:-0.04em;font-weight:700;color:#111;}
.effectWrap dl dt span{color:#1d4799;}
.effectWrap dl dd{word-break:keep-all;font-size:20px;font-weight:300;line-height:1.6;letter-spacing:-0.04em;color:#666;margin-top:45px;}
.effectWrap dl dd p{margin-top:13px;}
.effectWrap ul{width:60%;display:flex;}
.effectWrap ul li{width:31%;}
.effectWrap ul li:nth-child(n+2){margin-left:3.572%;}
.effectWrap ul li:nth-child(1){margin-top:3.572%;}
.effectWrap ul li:nth-child(2){margin-top:9.524%;}
.effectWrap ul li img{width:100%;}

.infoWrap .topBgBox{height:250px;text-align:center;justify-content:center;margin-bottom:115px;}
.infoWrap .topBgBox p{font-size:20px;letter-spacing:-0.045em;color:#444;line-height:1.6;padding:0 20px;}
.infoWrap .topBgBox p span{color:#000;font-weight:700;}
.infoWrap > .imgBox{text-align:center;}
.infoWrap > .imgBox img{max-width:100%;}

.plicy_wrap{ max-width:1000px;margin:60px auto 170px;}
.plicy_wrap h4{font-family:'dotum', '돋움';font-size:12px; font-weight:400; color:#1d4899; margin-top:25px; font-weight:bold;}
.plicy_wrap h4:first-child{margin-top:0;}
.plicy_wrap p{font-family:'dotum', '돋움';margin-top:7px; font-size:12px; font-weight:350; line-height:18px;}

.privacyNav{border-bottom:1px solid #e5e5e5;padding-bottom:5.429%;}
.privacyNav ul{display:flex;flex-wrap:wrap;margin:-0.536%;}
.privacyNav li{width:32.227%;margin:0.531%;outline:1px solid #e5e5e5;border-radius:3px;display:flex;}
.privacyNav li a{width:100%;display:flex;align-items:center;padding:11px 20px 13px 17px;}
.privacyNav li a img{flex-shrink:0;}
.privacyNav li a p{font-size:17px;font-weight:500;color:#111;letter-spacing:-0.045em;margin-left:3.82%;}
.privacyNav li:hover a p{color:#1d4799;}
.privacyNav li:hover{outline:2px solid #1d4799;outline-offset:-1px;background:url('/img/sub/privacy_arrow.png')no-repeat center right 20px;}
.privacyNav > p{font-size:17px;color:#666;letter-spacing:-0.04em;margin-top:2.5%;}
.privacyList{padding-top:5.858%;padding-left:0;margin-bottom:0;}
.privacyList li{list-style:none;}
.privacyList > li:nth-child(n+2){margin-top:75px;}
.privacyList li dl dt{font-size:26px;letter-spacing:-0.05em;word-break:keep-all;font-weight:500;color:#111;display:flex;}
.privacyList li dl dt .imgBox{margin-right:20px;}
.privacyList li dl dt span{margin-top:11px;line-height:1.4;}
.privacyList li dl dd{font-size:17px;letter-spacing:-0.03em;word-break:keep-all;color:#666;line-height:27px;margin-top:16px;}
.privacyList li dl dd > div{margin-top:13px;}
.privacyList .dotList li{position:relative;padding-left:13px;}
.privacyList .dotList li:before{width:2px;height:2px;background:#666;top:14px;left:3px;border-radius:100%;content:'';position:absolute;}









/*---------- Search Full ----------*/
.search-field form {position:relative;}
.search-field #search_input {font-size:14px;padding:11px 30px 10px 15px;-webkit-appearance:none;border-radius:50px;display:block;background:transparent;color:#fff;width:100%;border:2px solid rgba(255, 255, 255,.5);margin:0 auto;}
.search-field #search_input::placeholder{color:#fff;}
.search-field .search-btn {position:absolute;top:5px;right:11px;width:18px;height:18px;border:0;cursor:pointer;color:#0078ff;background:transparent;font-size:1.25rem}


/*---------- Sidebar Member ----------*/
.sidebar-shop-member-wrap {position:fixed;top:0;bottom:0;right:0;z-index:1004;height:100%;background:#fff}
.sidebar-shop-member-btn {z-index:1002;position:absolute;top:50%;left:-47px;width:42px;height:100px;transform:translateY(-50%);background:#cc2300;border:0;font-size:1.25rem;color:#fff;border-radius:42px}
.sidebar-shop-member-btn.mo-btn {display:none}
.sidebar-shop-member-btn i {display:block;width:42px;height:50px;line-height:50px}
.sidebar-shop-member-btn .direction-icon {display:block;width:42px;height:50px;line-height:50px;background:#2B2B2E;border-bottom-left-radius:21px;border-bottom-right-radius:21px}
.sidebar-shop-member-btn.active .fa-outdent {display:none}
.sidebar-shop-member-btn.active .direction-icon:before {display:block;width:42px;height:50px;line-height:50px;content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;background:#000;border-bottom-left-radius:21px;border-bottom-right-radius:21px}
.sidebar-shop-member {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
.sidebar-shop-member-in {padding:15px}
.sidebar-shop-member .rside-nav-list {margin:0 0 25px;padding:0;list-style:none;border:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list:after {content:"";display:block;clear:both}
.sidebar-shop-member .rside-nav-list li {float:left;width:50%}
.sidebar-shop-member .rside-nav-list li a {display:block;width:100%;padding:8px 10px;text-align:center;font-size:.875rem}
.sidebar-shop-member .rside-nav-list li:nth-child(1) {border-bottom:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list li:nth-child(2) {border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list li:nth-child(4) {border-left:1px solid #e5e5e5}
.sidebar-shop-member .shop-member-box {position:relative;margin-bottom:25px}
.sidebar-shop-member .shop-member-box .shop-member-box-title {position:relative;height:38px;line-height:38px;text-align:center;background-color:#353535;color:#fff;margin-bottom:10px}
.sidebar-shop-member .shop-member-box .shop-member-box-title .badge {position:absolute;top:-10px;right:-8px}
.sidebar-shop-member .shop-member-box .panel .panel-heading {background-color:transparent;border:0;padding:0}
.sidebar-shop-member .shop-member-box .panel .panel-title {position:relative;height:40px;margin:0;font-size:.9375rem;color:#fff;line-height:1.5;background-color:#353535;border:0;padding:10px 26px 10px 60px;cursor:pointer}
.sidebar-shop-member .shop-member-box .panel .panel-title .count-num {display:block;position:absolute;top:0;left:0;width:50px;height:40px;line-height:40px;text-align:center;background-color:#000;color:#fb8c00;font-size:.875rem}
.sidebar-shop-member .shop-member-box .panel .panel-body {border:0;padding:0}
.sidebar-shop-member .shop-member-box .op-area {border:1px solid #d5d5d5;margin:10px 0 30px;padding:10px}
.sidebar-shop-member .shop-member-box .op-area h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box .op-area li {border-bottom:1px solid #eaeaea;position:relative;padding:10px 0;min-height:90px;padding-left:80px}
.sidebar-shop-member .shop-member-box .op-area li a {font-weight:700;color:#000}
.sidebar-shop-member .shop-member-box .op-area li .prd-img {position:absolute;top:10px;left:0px;padding:3px;border:1px solid #eaeaea}
.sidebar-shop-member .shop-member-box .op-area li .prd-name {display:block;font-weight:700}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost {display:block;font-weight:700;color:#cc2300;margin:3px 0 0}
.sidebar-shop-member .shop-member-box .op-area .li-empty {padding:30px 0;padding-left:0;color:#959595;border-bottom:0;text-align:center;min-height:inherit}
.sidebar-shop-member .shop-member-box #stv {position:relative}
.sidebar-shop-member .shop-member-box #stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.sidebar-shop-member .shop-member-box .stv-item {display:none;padding:0 9px;word-break:break-all}
.sidebar-shop-member .shop-member-box #up {position:absolute;bottom:10px;left:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #up span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box #down {position:absolute;bottom:10px;right:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #down span {position:absolute;font-size:0;line-height:0;overflow:hidden}

/*---------- Offcanvas ----------*/
.offcanvas-backdrop {z-index:1003}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {position:fixed;right:15px;bottom:15px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f106";font-family:'Font Awesome\ 5 Free';font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#cc2300}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#b5b5b5;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {display:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#cc2300}
.page-header-wrap {border-bottom:0}
/*---------- Page Title ----------*/
.page-title-wrap {position:relative;width:100%;height:70px;background:#454545;padding:0}
.page-title-wrap > .container {position:relative}
.page-title-wrap h2 {margin:0;padding:22px 0;font-size:1.25rem;color:#fff;font-weight:700}
.page-title-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
.page-title-wrap .sub-breadcrumb {color:#c5c5c5;font-size:.875rem}
.page-title-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
.page-title-wrap .sub-breadcrumb li {float:left;margin-left:7px}
.page-title-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
.page-title-wrap .sub-breadcrumb li:first-child:before {display:none}
.page-title-wrap .sub-breadcrumb a {color:#fff}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {position:relative;z-index:3;padding:20px 0 0;margin-bottom:40px}
.sub-nav-home {display:none}
.sub-nav-list {position:relative}
.sub-nav-title {position:relative;margin:0;padding:0 30px 0 15px;font-size:13px;line-height:30px;border:1px solid #c5c5c5}
.sub-nav-title i {position:absolute;top:8px;right:10px}
.sub-nav-list ul {display:none;position:absolute;top:31px;left:0;z-index:10;width:100%;padding:10px 0;border:1px solid #c5c5c5;border-top:0 none;background:#fff}
.sub-nav-list li a {display:block;padding:0 15px;font-size:13px;line-height:30px}
.sub-nav-depth1 {margin-bottom:10px}
.sub-nav-wrap .sub-breadcrumb-wrap {display:none}

@media (max-width:991px) {
.sidebar-left {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-Y:auto;}
.offcanvas-backdrop {z-index:1003}
.sidebar-left .sidebar-left-content {padding-bottom:70px}
.sidebar-left.show .sidebar-left-content {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sidebar-left .offcanvas-header {padding:15px;justify-content:flex-end;}
.sidebar-left .sidebar-member-menu {position:relative;display:block;background-color:#e5e5e5;padding:5px 15px;border-top:1px solid #c5c5c5}
.sidebar-left .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%}
.sidebar-left .sidebar-member-menu .sidebar-member-btn {position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:.8125rem;border-radius:3px}
.sidebar-left .sidebar-mobile-menu {position:relative;display:block;margin-top:42px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.sidebar-left .sidebar-mobile-menu:after {content:"";display:block;clear:both}
.sidebar-left .sidebar-mobile-menu a {display:block;float:left;width:50%;line-height:42px;padding:0 15px;border-bottom:1px solid #e5e5e5}
.sidebar-left .sidebar-mobile-menu a:nth-child(odd) {border-right:1px solid #e5e5e5}
.sidebar-left .sidebar-mobile-menu a:nth-child(5) {border-bottom:0}
/* nav */
.sidebar-left .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
.sidebar-left .navbar-nav > .nav-li-divider {display:none}
.sidebar-left .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
.sidebar-left .navbar-nav > li {float:none;}
.sidebar-left .navbar-nav > li > a {line-height:42px;padding:0 15px !important;font-size:.9375rem;color:#000}
.sidebar-left .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
.sidebar-left .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav > li:first-child > a {border-top:1px solid transparent}
.sidebar-left .navbar-nav > li > .nav-link.active {color:#cc2300}
.sidebar-left .navbar-nav > li.navbar-nav-home {display:block}
.sidebar-left .navbar-nav > li.navbar-nav-home > a {background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e}
.sidebar-left .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f0f0f0;z-index:1}
.sidebar-left .navbar-nav > li > .cate-dropdown-open:before {font-weight:300;font-size:28px;left:50%;top:50%;transform:translate(-50%, -50%);content:'+';position:absolute;}
.sidebar-left .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
.sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {font-weight:300;width:13px;height:2px;background:#000;left:50%;top:50%;transform:translate(-50%, -50%);content:'';position:absolute;}
.sidebar-left .navbar-nav .dropdown > a:after {display:none}
.sidebar-left .navbar-nav .dropdown-menu {position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none}
.sidebar-left .navbar-nav .dropdown-menu > li > a {color:#555555;line-height:26px;border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav .dropdown-menu.show {display:block;opacity:1;visibility:visible;position:static !important;transform:none !important;}
.sidebar-left .navbar-nav .dropdown-submenu > a {position:relative;color:#555555;font-size:.9375rem;background:#fafafa;line-height:26px;padding:6px 15px 6px 10px !important;border-top:0}
.sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav .dropdown-submenu > a:hover {background:#e5e5e5;color:#000;border-top:0}
.sidebar-left .navbar-nav .dropdown-submenu > a.active {background:#e5e5e5;color:#000;font-weight:700}
.sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border-top:1px solid #e5e5e5}
.sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu {top:0 !important}
.sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu {display:block;opacity:1;visibility:visible;left:0}
.sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a {border-top:0;padding: 6px 15px 6px 45px !important;}
.sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after {left:20px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5}
.sidebar-left .navbar-nav .dropdown-item i {position:absolute;top:12px;right:15px}
}


@media (min-width:992px){
    .sub-nav-wrap {position:relative;width:100%;height:70px;background:#555;padding:0;margin-bottom:40px}
    .sub-nav-wrap .container {position:relative}
    .sub-nav-wrap-in:after {content:"";display:block;clear:both}
    .sub-nav-home {display:block;float:left}
    .sub-nav-home a {display:block;height:50px;padding:0 15px;line-height:50px;font-size:20px;color:#353535;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}
    .sub-nav-home a:hover {color:#cc2300}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;color:#353535;border-right:1px solid #c5c5c5}
    .sub-nav-title.cursor-pointer {cursor:pointer}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#cc2300;font-weight:700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:10px 15px;border-top:1px solid #c5c5c5;font-size:14px}
    .sub-nav-list li:first-child a {border-top:0}
    .sub-nav-list li a:hover {color:#303F9F;background:#fafafa}
    .sub-nav-list li.active a {color:#303F9F;font-weight:700}
    .sub-nav-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
    .sub-nav-wrap .sub-breadcrumb {color:#c5c5c5}
    .sub-nav-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
    .sub-nav-wrap .sub-breadcrumb li {float:left;margin-left:7px}
    .sub-nav-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {display:none}
    .sub-nav-wrap .sub-breadcrumb a {color:#fff}

}
@media (max-width:992px) {
    .sub-nav-wrap {padding-top:20px;background:#fff}
}

/*---------- Body ----------*/
.basic-body {position:relative;overflow:hidden;}
.basic-body:after {content:"";display:block;clear:both}
.page-body{margin-top:160px;}

/*---------- Page Title ----------*/
.subpage-title {position:relative;font-size:1.5rem;border-bottom:1px solid #e5e5e5;font-weight:bold;padding:10px 0;line-height:1.7;color:#353535;background:#fff;margin-bottom:30px}
.subpage-title::after {content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background-color:#3F51B5}
.subpage-title .back-btn {display:block;position:absolute;top:16px;right:0;text-align:center;padding:6px 15px;margin:0;font-weight:400;line-height:1;border:1px solid #b5b5b5;font-size:.875rem}
.subpage-title .back-btn:hover {color:#303F9F}
@media (max-width:767px) {
    .subpage-title .back-btn {display:none}

}

/*---------- Main Contents ----------*/
.basic-body-main {float:left;padding:0;width:100%}
/*.shop-main-slider {max-width:1800px;margin:-31px auto 30px}*/
.main-heading h3 {position:relative;text-align:left;font-size:30px;margin-bottom:38px;font-weight:700;letter-spacing:-0.04em;}


/* [S] Footer */
.footer {position:relative;border-top:1px solid #e5e5e5;}
.footer.mainFooter{margin-top:147px;}
.footer.mainFooter .footerTop{display:block;}
.footer .footerTop{max-width:1400px;margin:0 auto;padding:20px 0;display:none;}
.footer .footerTop dl{display:flex;align-items:center;justify-content:space-between;}
.footer .footerTop dl dt{flex-shrink:0;padding-right:10px;font-size:24px;color:#111;font-weight:700;}
.footer .footerTop dl dt img{margin-left:17px;vertical-align:1px;}
.footer .footerTop dl dd{width:74.429%;}
.footer .footerTop dl dd ul{display:flex;}
.footer .footerTop dl dd ul li{width:33.3%;}
.footer .footerTop dl dd ul li a{width:100%;display:block;padding:16px 10px 15px;background:#f5f5f5;border-radius:5px;text-align:center;}
.footer .footerTop dl dd ul li a img{max-width:100%;}
.footer .footerTop dl dd ul li:nth-child(n+2){margin-left:12px;}
.footer .footerBottom{background:#002748;color:#fff;padding:80px 0 80px;}
.footer .footerBottom .footerInfo{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;}
.footer .footerBottom .footerInfo .infoLeft{width:76%;display:flex;}
.footer .footerBottom .footerInfo .infoLeft .ftLogo{margin-right:137px;font-size:34px;letter-spacing:-0.03em;font-weight:700;}
.footer .footerBottom .footerInfo .infoLeft .infoBox{margin-top:8px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul{display:flex;margin-bottom:27px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul li{font-size:15px;letter-spacing:-0.04em;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul li:nth-child(n+2){margin-left:29px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul li:nth-child(-n+2){color:#97c8ff;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p{line-height:2;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:nth-child(n+2){margin-left:10px;padding-left:13px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span{display:inline-block;position:relative;letter-spacing:-0.04em;word-break:keep-all;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:before{width:1px;height:15px;background:#305677;left:0;top:8px;content:'';position:absolute;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:nth-child(1):before{display:none;}
.footer .footerBottom .footerInfo .infoLeft .infoBox .copyright{margin-top:17px;letter-spacing:-0.05em;}
.footer .footerBottom .footerInfo .faqCont{margin-top:8px;display:flex;align-items:flex-start;}
.footer .footerBottom .footerInfo .faqCont > p{font-size:20px;font-weight:700;margin:3px 15px 0 0;}
.footer .footerBottom .footerInfo .faqCont > div{background:#0d3251;padding:6px 14px 6px;border-radius:2px;}
.footer .footerBottom .footerInfo .faqCont > div a{letter-spacing:-0.05em;font-size:14px;}
.footer .footerBottom .footerInfo .faqCont > div img{margin-left:24px;}
/* [E] Footer */






@media (max-width:1440px) {
/* [S] Header */
#header{height:auto;padding-bottom:30px;}
#header .headerWrap{width:100%;padding:0 20px;}
#header .headerWrap .headerTop{margin:55px 0 20px;}
#header .headerWrap .headerTop .headerLogo{left:20px;}
#header .headerWrap .headerTop ul{right:20px;top:-35px;justify-content:flex-end;}
/* [E] Header */

/* [S] Footer */
.footer .footerTop{width:100%;padding:20px;}
.footer .footerBottom{padding:80px 0 40px;}
.footer .footerBottom .footerInfo{width:100%;padding:0 20px;flex-wrap:wrap;justify-content:flex-end;}
.footer .footerBottom .footerInfo .infoLeft{width:100%;}
.footer .footerBottom .footerInfo .infoLeft .ftLogo{margin-right:65px;}
.footer .footerBottom .footerInfo .faqBox{margin-top:40px;}
.footer .footerBottom .footerInfo .infoLeft .ftLogo{flex-shrink:0;}
/* [E] Footer */

.mainWrap{width:100%;padding:88px 20px 0;}
.inner{width:100%;padding:0 20px;}
.page-body{margin-top:188px;}

/* Sub Nav */
.subTop{margin-bottom:150px;}
#lnb{z-index:2;width:100%;position:absolute;left:50%;transform:translateX(-50%);top:70px;border:0;background:rgba(255,255,255,.8);border:1px solid #ddd; border-top-color:#1d4899;}
#lnb .mNavTitle{display:block;padding:15px 20px;font-size:15px;color:#1d4799;position:relative;cursor:pointer;}
#lnb .mNavTitle:before,
#lnb .mNavTitle:after{width:11px;height:2px;background:#1d4799;position:absolute;top:50%;content:"";}
#lnb .mNavTitle:before{right:20px;transform:rotate(-135deg);}
#lnb .mNavTitle:after{right:13px;transform:rotate(135deg);}
#lnb dl dd{width:calc(100% + 2px);display:none;position:absolute;left:-1px;top:100%;background:#fff;text-align:left;}
#lnb dl dd ul{display:block;padding:15px 20px;border:1px solid #ccc;background:none;border-radius:0;margin-top:0;}
#lnb dl dd ul li{text-align:left;border:0 !important;margin:0;}
#lnb dl dd ul li:first-child{margin-left:0;}
#lnb dl dd ul li a{color:#142441;padding:3px 0 3px 7px;font-size:15px;position:relative;}
#lnb dl dd ul li a:before{position:absolute;left:0;top:50%;content:"-";line-height:0;}
#lnb dl dd ul li.depth02Active a{background:none;color:#142441;font-size:15px;}
#lnb dl dd ul li.active a{background:#fff;color:#1d4799;}
#lnb dl dd ul li a:after{display:none;}

.subTop.cateNone{margin-bottom:100px;}
}


@media (max-width:1279px) {
.brNone{display:none;}

/* [S] Header */
#header .navList .menuList{display:none;}
#header .allMenuBox:before{height:calc(100% + 10%);}
#header .allMenuBox .allMenuLeft > ul{margin:0 -1%;}
#header .allMenuBox .allMenuLeft > ul > li{width:48%;margin:0 1%;}
#header .allMenuBox .allMenuLeft > ul > li:nth-child(n+3){margin-top:30px;}
#header .allMenuBox .allMenuRight dl dd ul > li{width:32.3%;}
/* [E] Header */

.horizontalList li dl dt{width:220px;}

.rgba-banner{width:37px;height:37px;line-height:37px;font-size:11px;}

}


@media (max-width:979px) {
.page-body{margin-top:203px;}

.dashList li:before{top:12px;}
#header .headerBottom .mainBoardMenu{margin:15px 0 0 0;justify-content:flex-end;}


/* [S] Footer */
.footer .footerBottom{padding:40px 0 20px;}
.footer .footerBottom .footerInfo .infoLeft{display:block;}
.footer .footerBottom .footerInfo .infoLeft .ftLogo{margin-right:0;}
.footer .footerBottom .footerInfo .infoLeft .infoBox{margin-top:30px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul{margin-bottom:15px;}
.footer .footerBottom .footerInfo .faqCont{margin-top:20px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:nth-child(n+2){margin-left:5px;padding-left:8px;}
.footer .footerTop dl{display:block;}
.footer .footerTop dl dd{width:100%;margin-top:15px;}
/* [E] Footer */

.mainWrap .mainMiddleBanner dl dt{font-size:30px;}

.fitnessBox{padding:37px 20px 43px 23px;}
.fitnessBox dl:nth-child(1){padding-right:4%;}
.fitnessBox dl:nth-child(2){padding-left:4%;}
.fitnessBox dl dt{padding-left:30px;font-size:22px;background-size:25px auto !important;background-position:left top 6px !important;}

.explanationList .explanationBox{font-size:15px;}
.horizontalList li dl dt{width:190px;}
.horizontalList li{padding-left:20px;}

.scrollTable{overflow-x:scroll}
.scrollTable table{min-width:979px;}

.explanationList .whiteTitleList li dl dt{width:210px;font-size:16px;}

.effectWrap{flex-wrap:wrap;}
.effectWrap ul{width:100%;order:0;}
.effectWrap dl{width:100%;order:1;margin-top:50px;}

.rgba-banner{width:32px;height:32px;line-height:32px;font-size:10px;}

}

@media (max-width:767px) {
.page-body{margin-top:242px;}
.subPage{padding-bottom:85px;}
.boardInner{margin:40px auto 85px;}
.shop-list{margin:40px auto 85px;}
.boardBtnBox{margin-top:10px;}

.quickDim{display:none !important;}

.mobileView{display:block;}
.mobileNone{display:none !important;}


/* [S] Header */
#header{padding-bottom:20px;}

#header .headerWrap .headerTop{display:flex;align-items:center;justify-content:space-between;margin-top:70px;}
#header .headerWrap .headerTop .headerLogo{flex-shrink:0;position:static;font-size:0;}
#header .headerWrap .headerTop .headerLogo a{transition:none;}
#header .headerWrap .headerTop .headerLogo img{width:129px;font-size:0;}
#header .headerWrap .headerTop .searchWrap{width:calc(100% - 149px);position:static;transform:none;}

#header .headerBottom{padding-top:0;}
#header .headerBottom .mainBoardMenu{margin:0;}
#header .headerBottom .mainBoardMenu > div{margin-left:14px;}
#header .headerBottom .mainBoardMenu a:nth-child(n+2){margin-left:10px;}
#header .headerBottom .mainBoardMenu > a img{width:18px;}
#header .headerBottom .mainBoardMenu > div img{margin-right:5px;}
#header .navList .menuList li:nth-child(n+2){margin-left:9px;}
#header .headerWrap .headerTop ul{top:-50px;}
#header .headerWrap .headerTop ul li:nth-child(n+2){padding-left:6px;margin-left:8px;}
#header .headerWrap .headerTop ul li:before{height:10px;top:7px;}
#header .headerBottom .allMenuWrap a img{width:13px;margin-right:5px;vertical-align:1px;}
.search-field #search_input{padding:8px 27px 7px 11px;}
.search-field #search_input{width:100% !important;}
.search-field .search-btn{top:2px;}
.sidebar-shop-member-btn.pc-btn {display:none}
.sidebar-shop-member-btn.mo-btn {display:block;z-index:1007}
.sidebar-shop-member-btn {position:fixed;top:inherit;transform:inherit;bottom:15px;left:15px;width:45px;height:45px;line-height:45px;background:#4b4b4d;margin-bottom:0;font-size:1rem;border-radius:50%}
.sidebar-shop-member-btn i {width:45px;height:45px;line-height:45px}
.sidebar-shop-member-btn .direction-icon {display:none}
.sidebar-shop-member-btn.active {background:#000}
.sidebar-shop-member-btn.active i {display:none}
.sidebar-shop-member-btn.active:before {content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900}
/* [E] Header */

/* [S] Footer */
.footer.mainFooter{margin-top:90px;}
.footer .footerTop dl dt{font-size:22px;}
.footer .footerTop dl dd{margin-top:10px;}
.footer .footerTop{padding:15px 20px;}
.footer .footerTop dl dt img{width:30px;margin-left:10px;}
.footer .footerBottom .footerInfo .infoLeft .ftLogo{font-size:29px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox{margin-top:15px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul{flex-wrap:wrap;margin:0 -5px 10px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > ul li{font-size:14px;margin:5px !important;}
.footer .footerBottom .footerInfo .infoLeft .infoBox .copyright{font-size:16px;margin-top:12px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p{font-size:14px;line-height:1.7;}
.footer .footerBottom .footerInfo .faqCont > p{font-size:17px;margin:2px 9px 0 0;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p{margin:0 -4px;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span{margin:2.5px 4px !important;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:nth-child(n+2){padding-left:0;}
.footer .footerBottom .footerInfo .infoLeft .infoBox > p span:before{display:none;}
.footer .footerBottom .footerInfo .faqCont > div{padding:4px 10px 4px;}
.footer .footerBottom .footerInfo .faqCont > div a{font-size:13px;}
.footer .footerTop dl dd ul li a{padding:11px 10px 10px;}
/* [E] Footer */


/* [S] Main */
.mainWrap{padding:50px 20px 0;}
.main-heading h3{font-size:24px;margin-bottom:25px;}
.mainWrap .guideList{margin-top:55px;}
.mainWrap .guideList ul{display:block;}
.mainWrap .guideList ul li{width:100%;}
.mainWrap .guideList ul li:nth-child(n+2){margin:40px 0 0 0;}
.mainWrap .guideList ul li .imgBox{margin-bottom:15px;}
.mainWrap .guideList ul li dl dt{font-size:18px;}
.mainWrap .guideList ul li dl dd{margin-top:8px;font-size:14px;}
.mainWrap .mainMiddleBanner{display:block;margin:60px 0;padding:25px 0 30px;}
.mainWrap .mainMiddleBanner > a{width:130px;height:44px;font-size:14px;margin-top:20px;}
.mainWrap .mainMiddleBanner > a img{width:23px;margin-left:7px;}
.mainWrap .mainMiddleBanner dl dt{font-size:25px;}
.mainWrap .mainMiddleBanner dl dd{font-size:16px;margin-top:8px;}
.mainWrap .mainMiddleBanner dl dd br{display:none;}
.mainWrap .introList{margin-top:60px;}
.mainWrap .introList ul{display:block;}
.mainWrap .introList ul li{padding:40px 20px;}
.mainWrap .introList ul li:nth-child(n+2){margin:20px 0 0 0;}
.mainWrap .introList ul li dl dt{font-size:23px;}
.mainWrap .introList ul li dl dd{font-size:14px;margin-top:8px;padding-right:16%;}
.mainWrap .newItemSlide{margin-top:80px;}
/* [E] Main */


/* [S] Sub */
.contTitle{font-size:22px;}
.basicText{font-size:15px;}
#lnb .mNavTitle{font-size:14px;}
#lnb dl dd ul li a{font-size:14px;}
.subCateList{margin:-15px 0 60px;}
.subCateList ul{flex-wrap:wrap;}
.subCateList ul li{flex:none;width:50%;}
.subCateList ul li:nth-child(n+3) a{margin-top:20px;}
.subCateList ul li a{height:30px;font-size:13px;}
.subCateList ul li.active a{font-size:14px;}

.subTop{margin-top:40px;}
.subTop .pageTitle{font-size:32px;}
.tableText{font-size:16px;margin-bottom:17.5px;}
.introduceWrap .introTop{padding:45px 0 40px;margin-bottom:60px;}
.introduceWrap .introTop h4{margin-bottom:18px;}
.introduceWrap .introTop p{font-size:17px;}
.introduceWrap .introTop ul{flex-wrap:wrap;margin-top:35px;}
.introduceWrap .introTop ul li{width:31.3%;}
.introduceWrap .introTop ul li:nth-child(n+2){margin-left:3%;}
.introduceWrap .introTop ul li:nth-child(4){margin-left:0;}
.introduceWrap .introTop ul li:nth-child(n+4){margin-top:3%;}
.imgList > li{display:block;}
.imgList > li .imgBox{width:100%;margin:0 0 20px 0 !important;}
.imgList > li dl{width:100%;}
.imgList > li dl dt{font-size:24px;}
.imgList > li dl dd{margin-top:10px;font-size:16px;}
.imgList > li dl dd p{margin-top:8px;}
.imgList > li:nth-child(n+2){margin-top:60px;}

.stepWrap .imgList > li dl dd{margin-top:17px;}


.topBgBox{height:290px;margin-bottom:50px;}
.kindWrap .topBgBox{height:290px;}

.topBgBox dl dt{font-size:28px;}
.topBgBox dl dd{font-size:16px;padding-right:5%;margin-top:16px;padding-top:19px;}
.topBgBox dl dd:before{width:45px;}

.fitnessBox{display:block;padding:30px 20px;}
.fitnessBox dl:nth-child(1){margin-bottom:23px;padding-bottom:27px;padding-right:0;}
.fitnessBox dl:nth-child(1):after{width:100%;height:1px;top:auto;bottom:0;transform:none;}
.fitnessBox dl:nth-child(2){padding-left:0;}
.fitnessBox dl dt{padding-left:27px;font-size:20px;margin-bottom:10px;background-size:19px auto !important;}



.explanationList .explanationBox:nth-child(n+2){margin-top:45px;}
.explanationList .explanationBox .basicText{margin-top:10px;}
.explanationList .explanationBox .basicText .blueText{font-size:14px;margin-top:5px;}
.explanationList .explanationBox .roundGrayBox{margin-top:12.5px;padding:30px 20px;}

.horizontalList li{padding:20px 10px;}
.horizontalList li dl{display:block;}
.horizontalList li dl dt{width:100%;padding:0;font-size:19px;}

.horizontalTable table{font-size:15px;}
.horizontalTable th{padding:9px 5px 11px;}
.horizontalTable td{padding:9px 5px 12px;}

.explanationList .whiteTitleList{margin-top:18px;}
.explanationList .whiteTitleList li{padding:15px;}
.explanationList .whiteTitleList li dl{display:block;}
.explanationList .whiteTitleList li dl dt{width:180px;height:40px;font-size:15px;}
.explanationList .whiteTitleList li dl dd{font-size:14px;margin-top:15px;}

.effectWrap{margin-top:50px;}
.effectWrap ul li{width:32%;}
.effectWrap ul li:nth-child(1){margin-top:3%;}
.effectWrap ul li:nth-child(2){margin-top:7%;}
.effectWrap ul li:nth-child(n+2){margin-left:2%;}
.effectWrap dl{margin-top:30px;}
.effectWrap dl dt{font-size:29px;}
.effectWrap dl dd{margin-top:27px;font-size:17px;}
.effectWrap dl dd p{margin-top:7px;}

.infoWrap .topBgBox{margin-bottom:50px;}
.infoWrap .topBgBox p{font-size:17px;}
.infoWrap .topBgBox:before{background-position:center left 22%;}

.plicy_wrap{ margin:40px auto 85px;}

.subTop.cateNone{margin-bottom:75px;}
.privacyNav li a{padding:11px 15px 13px 12px;}
.privacyNav li:hover a{background-position:center right 15px;}
.privacyNav{padding-bottom:25px;}
.privacyNav ul{margin:-1%;}
.privacyNav li{width:48%;margin:1%;}
.privacyNav li a p{margin-left:6px;font-size:15px;}
.privacyNav li a img{width:25px;}
.privacyNav > p{font-size:15px;margin-top:15px;}
.privacyList{padding-top:40px;}
.privacyList > li:nth-child(n+2){margin-top:40px;}
.privacyList li dl dt{font-size:21px;}
.privacyList li dl dt .imgBox{margin-right:10px;}
.privacyList li dl dt .imgBox img{width:48px;}
.privacyList li dl dt span{margin-top:7px;}
.privacyList li dl dd{font-size:15px;line-height:24px;}
.privacyList li dl dd > div{margin-top:7px;}
.privacyList .dotList li{padding-left:11px;}
.privacyList .dotList li:before{top:12px;}

.product-description .product-name{margin:12px 0 0;font-size:15px;}
.product-description .productionTitle{font-size:14px;margin:5px 0 7px;}
.product-description .title-price{font-size:15px;}

.rgba-banner-area{top:0;}
.rgba-banner{width:30px;height:30px;font-size:10px;line-height:30px;}

}

@media (max-width:576px) {
    .main-slider {margin:0 -15px}
}

@media (max-width:501px) {
.page-body{margin-top:203px;}
/* [S] Header */
#header{padding-bottom:15px;}
#header .headerBottom .mainBoardMenu > div{display:none;}
#header .navList{top:5px;}
/* [E] Header */

.privacyNav li{width:100%;}
}

@media (max-width:480px) {
/* [S] Header */
#header .headerWrap .headerTop ul li a{font-size:11px;}
#header .headerWrap .headerTop ul li:nth-child(n+2){padding-left:4px;margin-left:6px;}
/* [E] Header */
}

@media (max-width:380px) {
/* [S] Header */
#header .headerWrap .headerTop ul li a{font-size:10px;}
/* [E] Header */
}