@font-face{font-family:"SCDream";src:url("font/S-CoreDream-4Regular.woff") format("woff");font-weight:400}
@font-face{font-family:"SCDream";src:url("font/S-CoreDream-5Medium.woff") format("woff");font-weight:500}
@font-face{font-family:"SCDream";src:url("font/S-CoreDream-6Bold.woff") format("woff");font-weight:600}
@font-face{font-family:"SCDream";src:url("font/S-CoreDream-7ExtraBold.woff") format("woff");font-weight:700}
@font-face {
    font-family: 'ChosunGs';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{margin:0;padding:0;font-family:'SCDream',sans-serif;font-weight:400;font-size:1rem;color:#585858;box-sizing:border-box}
html{background-color:#ffffff}
a{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
tr:hover{background-color:#f8f8f8}
ul{list-style:none}

/* google translate */
font{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit}

.rotate{-webkit-animation:rotate 2s infinite linear}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.pt-page-moveFromRight{-webkit-animation:moveFromRight .4s ease both;animation:moveFromRight .4s ease both}
@-webkit-keyframesmoveFromRight{from{-webkit-transform:translateX(100%)}}
@keyframes moveFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}
.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .4s ease both;animation:moveFromLeft .4s ease both}
@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%)}}
@keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);transform: translateX(-100%)}}
.pt-page-moveToLeft{-webkit-animation:moveToLeft .4s ease both;animation:moveToLeft .4s ease both;}
@-webkit-keyframes moveToLeft{to{-webkit-transform: translateX(-100%);}}
@keyframes moveToLeft {to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}}

.mdi{display:inline-block;width:3rem;height:3rem;background-repeat:no-repeat;background-size:auto 100%;background-position:50% 50%;vertical-align:sub;cursor:pointer}
/* #959cb6 x48 */
.mdi-autorenew{background-image:url("mdi/autorenew.png")}
.mdi-close{background-image:url("mdi/close.png")}
.mdi-search{background-image:url("mdi/search.png")}

.mdi-account-circle{background-image:url("mdi/account-circle.png")}
.mdi-account-circle-off{background-image:url("mdi/account-circle-off.png")}
.mdi-check{background-image:url("mdi/check.png")}
.mdi-slash{background-image:url("mdi/slash.png")}
.mdi-timer{background-image:url("mdi/timer.png")}
.mdi-plus{background-image:url("mdi/plus-box.png")}
.mdi-minus{background-image:url("mdi/minus-box.png")}

.mdi-edit{background-image:url("mdi/edit.png")}
.mdi-drop{background-image:url("mdi/drop.png")}
.mdi-lock{background-image:url("mdi/lock.png")}
.mdi-account-lock{background-image:url("mdi/account-lock.png")}

.mdi-bank{background-image:url("mdi/bank.png")}
.mdi-card{background-image:url("mdi/card.png")}
.bank .mdi-bank{background-image:url("mdi/bank-red.png")}
.card .mdi-card{background-image:url("mdi/card-red.png")}


.mdi-chevron-left{background-image:url("mdi/chevron-left.png")}
.mdi-chevron-left:hover,.mdi-chevron-left.active{background-image:url("mdi/chevron-left-on.png")}
.mdi-chevron-right{background-image:url("mdi/chevron-right.png")}
.mdi-chevron-right:hover,.mdi-chevron-right.active{background-image:url("mdi/chevron-right-on.png")}
/*1199BF*/

.clear{clear:both;display:block}
.ellipsis{display:inline-block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.toast{position:fixed;bottom:2rem;padding:1rem 1rem 1rem 4rem;color:#ffffff;background:#ed6b99 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") no-repeat 2rem 50%;border-radius:0.2rem;z-index:9999}
.appLoading{position:fixed;left:0;top:0;width:100%;height:100%;color:#000000;text-align:center;background-color:#000000;z-index:8888;opacity:.6}
.appLoading .mdi{position:fixed;top:48%;margin:-2rem 0 0 -2rem;width:4rem;height:4rem}
.dialog{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:7777}
.dialogArea{position:absolute;width:100%}
.dialogBox{margin:0 auto;padding:1rem;width:32rem;max-width:100%;background-color:#ffffff;border-radius:0.4rem;box-shadow:0.4rem 0.4rem 0.8rem #616161}
.dialogMemo{margin:1rem;min-height:8rem;line-height:2rem;font-family:'SCDream';font-weight:500;color:#212121}
.dialogActArea{margin-top:1rem;text-align:right}
.dialogAct{display:inline-block;margin:0 0.4rem;padding:1rem 2rem;font-family:'SCDream';font-weight:500;background-color:#e8e8e8;border-radius:0.4rem;cursor:pointer}
.dialogAct:hover{color:#ffffff;background-color:#484848}
.dialogLabel{padding-bottom:0.8rem;color:#484848;font-family:'SCDream';font-weight:500;font-size:1.2rem}
.dialogDeskText{color:#606060;font-size:0.86rem;line-height:1.8rem}
.dialogDeskText::first-letter{font-family:'SCDream';font-weight:500;font-size:1rem}
.dialogMark{font-family:'SCDream';font-weight:500;font-size:0.86rem}
.viewer{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;flex-direction: column;justify-content: center;background-color:rgba(0,0,0,0.8);z-index:9999}
.viewerPng{max-width:100%;-webkit-touch-callout:none;-webkit-user-select:none;}
.viewer .mdi{position:absolute;left:1rem;top:1rem}
.textTiny{font-size:0.84rem}
.textCenter{text-align:center}
.textRight{text-align:right}

.pages{padding:1rem 0;text-align:center}
.pageItem{display:inline-block;padding:0.32rem 0;width:2rem;color:#686868;font-size:0.84rem;text-align:center;text-decoration:none;border:0.12rem solid #e8e8e8;border-radius:0.2rem}
.pageItem:hover,.pageItem.active{color:#ffffff;background-color:#ee4466}
.pageItemJump{display:inline-block;padding:0.28rem 0;text-decoration:none}
.pageItemJump .mdi{width:2rem;height:1.4rem;background-size:auto 2.4rem}

.catTwice{float:left;width:50%;}
.catTwice:first-child{padding-right:0.4rem;text-align:right;}
.catTwice:nth-child(2){padding-left:0.4rem;}

.catMark{color:#ee4466}
.catInput{padding:0.4rem;width:100%;border:0.12rem solid #b8b8b8;border-radius:0.2rem}
.catInput:focus{outline:none}
.catInputFile{width:100%}
.catSelect{-webkit-appearance:none;padding:0.4rem 2rem 0.4rem 1rem;background:#ffffff url("mdi/menu-down.png") no-repeat 100% 50% / auto 100%;border:0.12rem solid #b8b8b8}
.catSelect::-ms-expand{display:none}
.catSelect:hover{background-image:url("mdi/menu-down-on.png");cursor:pointer}
.catSelect:focus{outline:none}
.catCheckbox{display:inline-block;padding:0.2rem 0 0.2rem 3rem;background:#ffffff url("mdi/checkbox.png") no-repeat 0 50% / auto 100%;cursor:pointer}
.catCheckbox.active{background-image:url("mdi/checkbox-marked.png");}
.catRadio{display:inline-block;padding:0.2rem 0 0.2rem 3rem;background:#ffffff url("mdi/radio.png") no-repeat 0 50% / auto 100%;cursor:pointer}
.catRadio.active{background-image:url("mdi/radio-marked.png");}
.catAct{display:inline-block;padding:0.4rem;width:100%;color:#ffffff;font-weight:600;font-size:1.2rem;text-align:center;background-color:#ee4466;border:0.12rem solid #ee4466;cursor:pointer;}
.catAct:hover{color:#ee4466;background-color:#ffffff}
.catDark{background-color:#686868;border:0.12rem solid #686868;}
.catDark:hover{background-color:#484848}
.catTwice .catAct{width:60%;}

.catLarge{width:24rem;max-width:100%}
.catSmall{width:16rem;}
.catMini{width:8rem;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

.popup{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:2222}
.popupArea{display:inline-block;padding:0.2rem 1rem 1rem;background-color:#282828}
.popupImage{display:block;max-width:100%;border-radius:1rem}
.popupActText{color:#ffffff;cursor:pointer}
.popupCheckbox{vertical-align:middle;cursor:pointer}
.popupAct{position:relative;padding:0.8rem 0;text-align:left}
.popupClose{position:absolute;top:0.4rem;right:0;width:2rem;height:2rem}

.mainArticle{overflow:hidden;position:relative;height:10rem;cursor:pointer}
.mainArticle img{position:absolute;max-width:100%;width:100%;border:none}
.mainArticleLink{display:block}
.mainArticleP{display:block}
.mainArticleM{display:none}
.mainItem{float:left;margin-right:1%;width:28%}
.mainGift{float:right;width:71%}
.mainArticleIndexArea{position:absolute;right:1.6rem;bottom:0.6rem}
.mainArticleIndex{display:inline-block;width:0.5rem;height:0.5rem;background-color:#c0c0c0;border-radius:50%}
.mainArticleIndex.active{background-color:#ed6b99}

.contents{position:relative;margin:0 auto;max-width:1280px}
.body{min-height:40rem}

.header{padding-top:4rem;height:9.48rem;border-top:0.4rem solid #ee4466;border-bottom:0.4rem solid #ee4466}
.hdLogo{float:left;margin-top:-2rem;width:10%;text-align:center;}
.hdLogoLink{display:inline-block;margin-top:1.2rem}
.hdLogoImg{display:inline-block;height:4rem;border:none}
.hdMenu{float:left;width:80%}
.hdTool{float:left;margin-top:0.1rem;width:10%;text-align:center}
.hdMenuList{float:left;overflow:auto;width:68%;white-space:nowrap;text-align:center;}
.hdSearch{float:left;margin-left:2%;width:30%}
.hdMenuLink{display:block;padding:0.8rem 0;font-weight:600;font-size:1.2rem;text-align:center}
.hdMenuLink:hover{color:#ee4466;}
.hdMenuItem{display:inline-block;padding:0 0.8rem}
.hdSearchBox{margin-top:0.2rem;width:100%;border:0.16rem solid #ee4466;border-radius:0.4rem}
.hdSearchInput{padding:0.4rem 1rem;width:100%;font-weight:600;font-size:1.2rem;background-color:transparent;border:none}
.hdSearchInput:focus{outline:none}
.headMemo{background-color:#00bcd4;}
.headMemoText{display:block;padding:0.8rem 0;color:#ffffff;font-weight:600;font-size:1.2rem;text-align:center;}
.hdSkylifePng{height:1.36rem;vertical-align:middle}

.headPope{position:absolute;padding:2rem 2rem 1rem;right:1rem;width:14rem;background-color:#ffffff;border:0.12rem solid #ee4466;z-index:99;}
.headPopeName{padding-bottom:1rem;color:#2196f3;font-weight:600;font-size:1.2rem;text-align:left;}
.headPopeList{border-top:0.12rem solid #b8b8b8;border-bottom:0.12rem solid #b8b8b8}
.headPopeItem{padding:1rem 1rem 1rem 2rem;text-align:left;background:#ffffff url("mdi/circle-medium.png") no-repeat 0 50% / auto 1.6rem;}
.headPopeItem:hover .headPopeLink{color:#ee4466;text-decoration:underline;text-underline-position:under}
.headPopeOut{margin-top:0.6rem;padding:0.6rem;font-size:1.2rem;text-align:center;}
.headPopeOut:hover{color:#ffffff;background-color:#ee4466;cursor:pointer;}

.step{padding:0.6rem 0;background-color:#ee4466}
.stepArea{text-align:center;word-spacing:1.6rem}
.stepAreaNo{word-spacing:0}
.stepBorder{display:inline-block;position:relative;background:transparent url("mdi/chevron-right-pink.png") no-repeat 100% 50% / auto 2rem;}
.stepName{display:inline-block;padding:0.2rem 1rem;color:#ffffff;font-weight:600;font-size:1.2rem}
.stepBorder.active .stepName{text-decoration:underline;text-underline-position:under}
.stepTitle{color:#ffffff;font-weight:600;font-size:2rem}
.stepBorder .mdi-check{display:none;position:absolute;top:-1.72rem;right:1.6rem;background-size:1.4rem 1.4rem}
.stepBorder.marked .mdi-check{display:inline-block}
.stepBorder.marked:hover{cursor:pointer;}
.stepAreaNo .stepBorder{padding-right:2rem}
.stepAreaNo .stepBorderNone{padding-right:0;background-image:none;}

.stepNav{padding:0 0.8rem;color:#f8bbd0;font-weight:600;font-size:1.6rem}
.stepNav.active,.stepNav:hover{color:#ffffff;}

.stepNote{padding:2rem 0 1rem;color:#181818;font-weight:600;font-size:2rem;text-align:center}
.stepList{padding:0 1rem}
.stepItem{float:left;padding:2% 2% 4%;width:25%}
.stepItemLink{display:block;padding:2rem 0;text-align:center;border:0.16rem solid #b8b8b8;border-radius:0.4rem;}
.stepItemLink:hover{border-color:#ee4466}
.stepItemName{display:block;font-weight:600;font-size:1.4rem;text-align:center}
.stepItemLink:hover .stepItemName{color:#ee4466;}
.stepItem .catAct{margin-top:0.4rem;border-radius:0.4rem}
.stepItemIcon{padding:10rem 0 1rem;background:transparent none no-repeat 50% 20% / auto 40%;}
.stepItemColor{display:inline-block;margin-bottom:1rem;width:4rem;height:4rem;border:0.12rem solid #b8b8b8;border-radius:50%}
.stepItemPrice{display:inline-block;margin-top:0.4rem;color:#ee4466;font-size:1.2rem;font-weight:600;}
.stepBold{padding-top:1rem;font-size:2rem;}
.stepAct .catAct{padding:0.8rem 0;width:100%}

.stepChoiceImage{float:left;padding-left:10%;width:40%;text-align:right}
.stepChoicePng{max-width:100%}
.stepChoice{float:left;margin-left:8%;width:52%}
.stepChoiceItem{padding:1rem}
.stepChoiceLabel{color:#787878;font-weight:600;font-size:1.6rem}
.stepChoiceBack{margin-left:2rem;color:#989898;text-decoration:underline;text-underline-position:under}
.stepChoiceBack:hover{color:#ee4466;}
.stepChoiceReturn{padding:4rem 0;text-align:center;}
.stepChoiceLink{display:inline-block;padding-left:2rem;color:#787878;font-weight:600;font-size:1.2rem;background:#ffffff url("mdi/arrow-left.png") no-repeat 0 50% / auto 100%}
.stepChoiceLink:hover{color:#ee4466;}
.stepChoiceAct{padding:1rem;text-align:center}
.stepChoiceAct .catAct{width:40rem;max-width:100%;padding:2rem 0;font-size:2rem}

.itemFilter{padding:2rem 0;}
.ifTotal{float:left;padding-top:2rem;width:18%;height:5.4rem;color:#ffffff;font-weight:600;font-size:1.2rem;text-align:center;background-color:#ee4466}
.ifForm{position:relative;float:left;padding:1.4rem;width:82%;height:5.4rem;border:0.12rem solid #b8b8b8}
.ifFormTypeList{margin-top:1.4rem;}
.ifFormItem{float:left;margin-right:1rem;}
.ifFormItemLabel{float:left;padding:0.4rem 0;}
.ifFormLabel{margin-right:1rem;color:#787878;font-weight:600;font-size:1.2rem;}

.item{float:left;margin-top:2rem;margin-left:2%;width:23.5%;}
.item:nth-child(4n+1){margin-left:0}
.itemBox{position:relative;padding:1rem;border:0.12rem solid #b8b8b8}
.itemLink{display:block;text-align:center}
.itemName{display:block;padding:1rem 0;height:4rem;font-weight:600;text-align:center}
.itemPrice{display:block;color:#ee4466;font-weight:600;font-size:1.2rem;text-align:center}
.itemTool{margin-top:1rem;padding-top:0.8rem;border-top:0.12rem solid #b8b8b8}
.itemImage{max-width:100%}

.auth{position:relative;margin:0 auto;padding:0 4rem;max-width:1280px;text-align:center;}
.authTitle{padding:7rem 0 0.4rem;font-weight:600;font-size:2rem;text-align:center;}
.authTitleNote{padding-bottom:3rem;color:#787878;font-size:1.2rem;text-align:center}
.authInput{margin:0.3rem 0;padding:0.8rem 1.6rem;font-size:1.2rem}
.authType{padding:1rem 0 2rem;}
.authCheck{margin-right:2rem;color:#787878;font-size:1.2rem;}
.authAct{padding:0.8rem 0;font-size:1.6rem;border-radius:0.4rem;}
.authTool{text-align:center}
.authTool .mdi{width:1.4rem;height:1.4rem;}
.authToolAct{color:#989898;cursor:pointer;}
.authToolAct:hover{color:#484848;}
.authCart{background-image:url("mdi/cart.png");}

.authLeft{display:inline-block;width:24rem;}
.authFree{display:inline-block;margin:0.32rem 0 0 1rem;padding-top:13.14rem;width:16rem;height:19.6rem;vertical-align:top;background:#00bcd4 url("png/freestyle.png") no-repeat 50% 20% / 80% auto;}
.authFreeAct{display:inline-block;padding:1rem 2rem;color:#ffffff;font-weight:600;font-size:1.32rem;background-color:#ee4466;border-radius:0.2rem;}

.authFindBox{position:relative;margin:0 auto;width:34rem;background-color:#f0f0f0}
.authFindBox .mdi-close{position:absolute;top:1.6rem;right:2rem;}
.authFindHead{padding:2rem;color:#ffffff;font-weight:600;font-size:2rem;background-color:#ee4466}
.authFindBody{padding:2rem;}
.authFindBody .catAct{width:10rem;font-weight:400;}
.authFindItem{padding:1.4rem 0;text-align:center;border-bottom:0.12rem solid #d8d8d8}
.authFindLabel{padding:1rem 0 0;color:#787878;font-size:1.2rem;}
.authInputPhone{width:18%;}
.authInputCode{margin-left:1rem;width:30%;}
.authFindText{color:#787878;font-size:1.2rem;}
.authFindResult{margin-top:2rem;padding:1rem;text-align:center;background-color:#ffffff}
.authResult{margin-left:1rem;font-weight:600;font-size:1.6rem}
.authFindAct{margin-top:2rem;text-align:center}
.authIdForm{text-align:left}
.authIdForm .authInputCode{width:60%;}

.authSocialArea{padding:1rem 0 0.6rem;text-align:center}
.authSocial{display:inline-block;margin:0 0.8rem;width:2.8rem;height:2.8rem;background:transparent none no-repeat 50% 50% / 100% auto;border-radius:0.4rem;cursor:pointer}
.icon-kakao{background-image:url("png/icon-kakao.png")}
.icon-naver{background-image:url("png/icon-naver.png")}
.icon-google{background-image:url("png/icon-google.png")}
.icon-facebook{background-image:url("png/icon-facebook.png")}
.authSocialMini{width:2rem;height:2rem;vertical-align:middle}

.path{margin:4rem 0 3rem;background-color:#ffffff}
.pathLabel{float:left;padding-top:1.8rem;width:18%;height:5.8rem;color:#ffffff;font-weight:600;font-size:2rem;text-align:center;background-color:#ee4466}
.pathInfo{float:right;padding-top:2rem;width:82%;height:5.8rem;border-top:0.12rem solid #b8b8b8;border-right:0.12rem solid #b8b8b8;border-bottom:0.12rem solid #b8b8b8}
.pathItem{float:left;width:18%;color:#787878;font-weight:600;font-size:1.2rem;text-align:center}
.pathItem.active{color:#ee4466}
.pathItem:nth-child(2){width:26%;}
.pathAct{float:right;margin-top:-0.6rem;margin-right:1.2rem;width:16%;}
.pathArrow{padding-right:2.6rem;background:#ffffff url("mdi/chevron-right.png") no-repeat 100% 50% / 2.6rem 2.6rem}
.pathUnit{float:left;width:16.6%;text-align:center}
.pathLink{color:#787878;font-weight:600;font-size:1.2rem}
.pathUnit.active .pathLink{color:#ee4466}
.pathOnce{padding-right:2rem;text-align:right;}

.pathCare{padding-top:1rem;padding-right:1rem;}
.pathNav{display:inline-block;padding:0.8rem 0;width:30%;text-align:center;font-weight:600;font-size:1.4rem;background:transparent url("mdi/vertical.png") no-repeat 100% 50% / auto 50%;}
.pathNav:hover,.pathNav.active{color:#ee4466;text-decoration:underline;text-underline-position:under}

.agreeForm{padding:2rem;border:0.12rem solid #b8b8b8}
.agreeBox{margin-top:1rem;padding:1rem;height:16rem;border:0.12rem solid #b8b8b8;overflow:auto;}
.agreeLabel{color:#787878;font-size:1.2rem}
.agreeCheck{margin:1rem 0 2rem;color:#ee4466;background-size:2rem 2rem}
.agreeAll{padding:2rem 0;text-align:center;}
.agreeAll .catRadio{background-size:2rem 2rem}
.agreeAct{display:block;margin:0 auto;width:50%;font-size:2rem;border-radius:0.4rem}

.registBox{margin-bottom:2rem;border:0.12rem solid #b8b8b8}
.rfLabel{float:left;padding:1.6rem 2rem;width:30%;height:5rem;background-color:#f0f0f0;border-bottom:0.08rem solid #b8b8b8}
.rfForm{float:right;padding:1.6rem 2rem;width:70%;height:5rem;border-bottom:0.08rem solid #b8b8b8}
.rfForm .catRadio{margin-right:2rem;color:#787878;font-size:1.2rem;background-size:2rem 2rem;}
.rfLabelText{color:#787878;font-size:1.2rem}
.rfMark{color:#ee4466}
.rfMarginTop{margin-top:0.4rem;}
.rfInInput{padding-top:1rem;padding-bottom:1rem;}
.rfInVenti{height:9.2rem;}
.rfNote{padding:4rem 0 2rem;text-align:center;}
.rfAct{text-align:center;}
.rfAct .catAct{padding:0.6rem 0;width:42%;font-size:2rem;border-radius:0.4rem;}
.rfForm .catAct{width:auto;font-weight:400;}

.rfTextArea{height:24rem;}
.rfInInput5{height:12rem;line-height:2rem}

.rwStat{margin:4rem 0 2em;text-align:center}
.rwStat .mdi{width:4rem;height:4rem;background-size:4rem 4rem}
.rwNote{font-weight:600;font-size:2rem;text-align:center;line-height:4rem}
.rwMark{margin-top:2rem;color:#ee4466;text-align:center}
.rwAct{margin-top:4rem;text-align:center;}
.rwAct .catAct{width:42%;font-size:2rem;border-radius:0.4rem;}

.popeBox{border:0.16rem solid #e8e8e8}
.popeLabel{float:left;padding:1.2rem 0 0 2rem;width:30%;height:5rem;font-size:1.2rem;background-color:#f0f0f0;border-bottom:0.08rem solid #b8b8b8}
.popeForm{float:right;padding:1.2rem 0 0 2rem;width:70%;height:5rem;font-size:1.2rem;border-bottom:0.08rem solid #b8b8b8}
.popeAct{margin-top:2.8rem}
.popeAct .catAct{padding:1rem 0;font-size:2rem}
.popeInfo{position:relative;margin-bottom:1rem}
.popeForm .catAct{padding:0.26rem 0;width:30%;}
.popeExt{height:8rem}


.popeBank{padding-bottom:2rem;text-align:right}
.popeBankLabel{font-weight:600;font-size:1.2rem}
.popeBankText{margin-left:1rem;color:#181818;font-weight:600;font-size:1.2rem}

.pcHead{padding:1rem 0;text-align:right;background-color:#e8e8e8}
.pcHeadAct{margin-right:2rem;color:#787878;font-size:1.2rem;text-decoration:underline;text-underline-position:under;cursor:pointer;}
.pcHeadAct:hover{color:#484848}
.pcList{padding:1rem 1rem 2rem;}
.pcItem{margin-top:1rem;}
.pcCheckbox{width:2rem;height:2rem}
.pcImage{height:5.4rem}
.pcLink{color:#787878;font-weight:600;font-size:1.2rem}
.pcText{display:block;font-weight:600;font-size:1.2rem}
.pcTextTip{color:#787878;font-size:0.8rem;text-decoration:underline;text-underline-position:under}
.pcIdn{float:left;padding-top:3rem;width:6%;}
.pcTd{float:left;padding-top:3rem;height:8rem;text-align:center;border-top:0.08rem solid #b8b8b8;border-bottom:0.08rem solid #b8b8b8}
.pcNo{width:8%;}
.pcIcon{padding-top:1rem;width:10%;border-left:0.08rem solid #b8b8b8}
.pcPrice{width:20%;}
.pcTax{width:10%;border-right:0.08rem solid #b8b8b8}
.pcName{width:46%;text-align:left;}

.ptList{padding:1rem 1rem 2rem;}
.ptItem{margin-top:1rem;}
.ptLabel{display:block;padding:0.8rem 0;height:2.6rem;text-align:center;background-color:#e8e8e8}
.ptCheckbox{width:2rem;height:2rem}
.ptImage{display:block;margin-top:1rem;height:3.2rem}
.ptLink{display:block;margin-top:1rem;padding-top:0.4rem;height:3.2rem;font-weight:600}
.ptText{display:block;padding-top:3rem;font-weight:600;text-align:center}
.ptTextCancel{text-decoration:line-through;text-decoration-style:double;text-decoration-color:#ee4466}
.ptLineText{margin-top:1rem;padding-top:0.4rem;height:3.2rem;}
.ptTd{min-height:10rem}
.ptIdn{float:left;padding-top:3rem;width:6%;}
.ptCode{float:left;width:14%}
.ptIcon{float:left;width:6%;}
.ptName{float:left;width:38%;}
.ptNo{float:left;width:8%;}
.ptPrice{float:left;width:12%;}
.ptTax{float:left;width:8%;}
.ptStat{float:left;width:8%}
.ptCode .ptText{padding-top:0rem;font-weight:400}
.ptCode .ptDate{padding:1rem 0}
.ptAct{color:#ffffff;font-weight:400;background-color:#ee4466;cursor:pointer;}
.ptStat .ptAct{margin:2.6rem 0.4rem;padding:0.4rem 0}
.ptMobile{display:none}
.ptDeliverNo{float:right;margin-top:0.4rem;padding:0 1rem;}
.catAct.clipboardAct{float:right;padding:0.2rem;width:4rem;font-size:1rem;}

.phList{padding:2rem}
.phItem{position:relative;float:left;margin:0 3% 3% 0;padding:2rem 1rem 1rem;width:22.75%;border:0.12rem solid #b8b8b8}
.phItem:nth-of-type(4n+4){margin-right:0}
.phLink{display:block;padding:1rem 0;text-align:center;}
.phLinkName{font-weight:600;}
.phLink:hover .phLinkName{color:#ee4466;}
.phDrop{position:absolute;top:0.6rem;right:0.6rem;width:2rem;height:2rem;background-size:auto 80%;background-color:#f0f0f0;border-radius:50%}
.phLabel{clear:both;padding:1rem 1.5%;text-decoration:underline;text-underline-position:under}

.popeCareAct{padding-bottom:1rem;text-align:right;}
.popeCareAct .catAct{width:8rem;}

.orderBox{border:0.12rem solid #b8b8b8}
.orderPope{margin-right:36%;padding:1rem 2rem;border-right:0.08rem solid #b8b8b8;}
.orderGoods{margin-right:36%;padding:0 2rem;min-height:40rem;border-right:0.08rem solid #b8b8b8;}
.orderType{position:absolute;top:0;right:0;padding:2rem;width:36%}
.opLabel{position:relative;padding:1rem 0;border-bottom:0.08rem solid #b8b8b8}
.opLabel .catRadio{margin-right:1rem;padding-left:2.8rem;font-size:1.2rem;background-size:auto 90%;}
.opLabel .active{color:#ee4466}
.opLabel .catAct{position:absolute;top:0.6rem;right:0;width:8rem;font-size:1rem}

.ogHead{position:relative;padding:4rem 0 1rem;text-align:right}
.ogHeadAct{margin:0 1rem;color:#787878;font-size:1.2rem;text-decoration:underline;text-underline-position:under}
.ogHeadAct:hover{color:#484848;cursor:pointer}
.ogHeadLabel{position:absolute;left:0;top:0.6rem;font-size:2rem;font-weight:600}
.ogList{padding-bottom:1rem;border-top:0.08rem solid #b8b8b8;}
.ogItem{margin-top:1rem;}
.ogLabel{display:block;padding:0.8rem 0;height:2.6rem;text-align:center;background-color:#e8e8e8}
.ogCheckbox{width:2rem;height:2rem}
.ogImage{margin-top:1rem;height:3rem}
.ogLink{display:inline-block;padding-top:1.4rem;}
.ogAtom{display:block;color:#989898}
.ogIdn{float:left;padding-top:1.4rem;width:8%;}
.ogIcon{float:left;width:8%;}
.ogName{float:left;width:40%;}
.ogNo{float:left;margin-top:2rem;width:16%;}
.ogPrice{float:left;margin-top:2rem;width:28%;}
.ogTax{float:right;margin-top:1rem;width:28%;}
.ogText{float:right;width:66%;font-weight:600;font-size:1.2rem;text-align:right;}
.ogTextTip{float:left;width:34%;color:#787878;text-align:right;text-decoration:underline;text-underline-position:under}
.ogNo .ogText{width:50%;}
.ogNo .ogTextTip{width:50%;}
.ogPrice .ogText{width:65%;}
.ogPrice .ogTextTip{width:35%;}

.orderFindBox{position:relative;margin:0 auto;width:34rem;background-color:#f0f0f0}
.orderFindBox .mdi-close{position:absolute;top:1.6rem;right:2rem;}
.orderFindHead{padding:2rem;color:#ffffff;font-weight:600;font-size:2rem;background-color:#ee4466}
.orderFindBody{padding:2rem;}
.orderFindBody .catAct{width:10rem;font-weight:400;}
.orderFindAct{margin-top:2rem;text-align:center}
.orderFindItem{padding:1rem 0;border-bottom:0.12rem solid #d8d8d8}
.orderFindText{margin-left:0.4rem;cursor:pointer}

.opInfo{padding:2rem 0;line-height:3rem}
.opInfoEdit{display:none;line-height:3.4rem;}
.opLabelView{color:#ee4466;background-image:url("mdi/radio-marked.png");}
.edit .opLabelView{color:#585858;background-image:url("mdi/radio.png");}
.edit .opLabelEdit{color:#ee4466;background-image:url("mdi/radio-marked.png");}
.edit+.opInfo .opInfoView{display:none;}
.edit+.opInfo .opInfoEdit{display:block;}
.opName{color:#2196f3;font-size:1.6rem;}
.opPhone{margin-left:2rem;color:#787878;font-size:1.2rem;}
.opAddress{display:block;color:#787878;font-size:1.2rem;}
.opMemo{width:60%;}
.opBoxPay{width:38%;}

.oeInputName{width:16rem;}
.oeInputPhone{width:8rem;text-align:center;}
.oeInputAct{padding:0.2rem;width:30%;line-height:2rem}
.oeInputCode{width:68%;}
.oeInputAddress{width:98.6%;}

.otTitle{padding-bottom:2rem;font-size:2rem;font-weight:600}
.otTextTip{float:left;width:30%;padding:0.4rem 0;color:#787878;}
.otText{float:left;width:70%;padding:0.4rem 0;font-weight:600;font-size:1.2rem;text-align:right}
.otTotal{padding:1rem 0;color:#ee4466;font-size:1.6rem}
.otMeth{margin-top:1rem;padding-top:3rem;border-top:0.08rem solid #b8b8b8;}
.otLabel{float:left;width:50%;}
.otLabelText{display:inline-block;margin-left:1rem;padding:0.2rem 0 0.2rem 3rem;font-weight:600;font-size:1.4rem;background-repeat:no-repeat;background-position:0 50%;background-size:2rem 2rem;cursor:pointer}
.card .mdi-card{color:#ee4466;}
.bank .mdi-bank{color:#ee4466;}
.otBank{margin-top:1rem;padding:2rem 10%;background-color:#f8f8f8;border-top:0.08rem solid #b8b8b8;border-bottom:0.08rem solid #b8b8b8;}
.otBankname{font-size:1.2rem}
.otBankuser{position:absolute;right:4rem;font-size:1.2rem}
.otBankcode{display:block;padding:1rem 0;color:#ee4466;font-weight:600;font-size:1.6rem;}
.otBankInput{padding:0.6rem 1rem;background-color:#ffffff;border:0.12rem solid #b8b8b8;}
.otInputLabel{float:left;padding:0.4rem 0;width:36%;color:#787878;font-size:1.2rem;}
.otInput{float:left;padding:0;width:64%;color:#2196f3;font-weight:600;font-size:1.6rem;text-align:right;border:none}
.otInput:focus{outline:none}
.otAct{margin:1.6rem 0}
.otAct .catAct{padding:0.8rem;font-size:1.6rem;border-radius:0.2rem}
.otHelp{color:#ee4466}

.nhLabel{padding:1.2rem 0.6rem;font-size:1.2rem;text-align:center;background-color:#e8e8e8}
.nhItem{padding:1.2rem 0.6rem;font-size:1.2rem;text-align:center;border-top:0.12rem solid #d8d8d8}
.nhSubject{text-align:left;width:66%;}
.nhSubjectText,.nhItemLink{display:inline-block;margin-left:0.4rem;width:90%;font-size:1.2rem;vertical-align:middle}
.nhItem .mdi{width:1.4rem;height:1.4rem}

.phoneStep{padding:1rem 0 1.2rem;text-align:center;background-color:#ee4466}
.phoneStepTitle{color:#ffffff;font-weight:600;font-size:2rem}
.phonePath{margin:2.8rem 0;background-color:#ffffff}
.phonePathHead{float:left;padding-top:1.8rem;width:18%;height:5.4rem;color:#ffffff;font-weight:600;font-size:1.2rem;text-align:center;background-color:#ee4466}
.phonePathInfo{float:right;padding:0.8rem 1rem 0 2rem;width:82%;height:5.4rem;border-top:0.12rem solid #b8b8b8;border-right:0.12rem solid #b8b8b8;border-bottom:0.12rem solid #b8b8b8}
.phonePathLabel{float:left;padding-top:1rem;width:80%;font-weight:600;font-size:1.2rem}
.phonePathAct{float:left;width:20%;}
.phonePathAct .catAct{padding:0.8rem 0;font-size:1.2rem;}

.phoneInfo{position:relative;}
.phoneImage{float:left;margin-right:6%;padding:4rem 2rem 2rem;width:30%;text-align:center;border:0.12rem solid #d8d8d8;}
.phonePng{max-width:100%}
.phoneCart{float:right;padding-right:2rem;width:64%;}
.phoneZoomItem{padding:1rem 2rem 0}
.phoneZoom{float:left;width:25%;text-align:center}
.phoneZoomIcon{display:inline-block;width:2.6rem;height:2.6rem;background:transparent none no-repeat 50% 50% / auto 100%;border:0.12rem solid #d8d8d8;border-radius:50%}
.corner1{background-image:url("png/corner1.png")}
.corner2{background-image:url("png/corner2.png")}
.corner3{background-image:url("png/corner3.png")}
.corner4{background-image:url("png/corner4.png")}

.phoneTitle{padding:1rem 2rem 4rem;font-weight:600;font-size:2rem}
.phoneCartLabel{float:left;padding:0.6rem 0 0 2rem;width:30%;color:#787878;text-decoration:underline;text-underline-position:under}
.phoneCartText{float:left;margin-bottom:1rem;padding-right:2rem;width:70%;font-weight:600;font-size:2rem;text-align:right}
.phoneCartPrice{font-weight:600;font-size:2rem;}
.phoneCartHelp{padding:4rem 0 1rem;text-align:right;border-bottom:0.12rem solid #b8b8b8}
.phoneTax{display:block;padding-top:0.4rem;text-align:right}

.phoneOrder{margin-top:1rem;padding:0.8rem 1rem;background-color:#e8e8e8}
.phoneOrderLabel{float:left;padding:1rem 1rem 0;width:18%;text-align:center}
.phoneOrderCount{float:left;width:24%;font-weight:600;font-size:1.4rem;border-color:#e8e8e8}
.phoneOrderText{float:left;padding:0.2rem 0;width:40%;font-weight:600;font-size:2rem;text-align:center;background-color:#ffffff}
.phoneAct{margin-top:1.4rem}
.phoneAct .catAct{padding:0.8rem 0;width:100%}

.phoneOptions{margin-top:1rem;padding:0.8rem 1rem;background-color:#e8e8e8}
.phoneOptionLabel{float:left;padding:0.6rem;width:32%;height:2.8rem;text-align:center}
.phoneOptionList{float:left;width:68%;height:2.8rem;}

.phoneSpecTitle{padding:4rem 2rem 1rem;font-weight:600;font-size:1.2rem;}
.phoneSpecInfo{border-top:0.08rem solid #b8b8b8;}
.phoneSpectLabel{float:left;padding:1rem 0;width:14%;text-align:center;background-color:#e8e8e8;border-bottom:0.12rem solid #d8d8d8;}
.phoneSpectText{float:left;padding:1rem;width:36%;border-bottom:0.12rem solid #d8d8d8;}

.phonePriceTitle{margin-bottom:1rem;padding:4rem 2rem 1rem;font-weight:600;font-size:1.2rem;border-bottom:0.12rem solid #d8d8d8}

.phoneTrans1,.phoneTrans2,.phoneTrans3,.phoneTrans4{overflow:hidden;border-radius:2rem}
.phoneTrans1 .phonePng{transform:scale(2) translate(20%,20%);-webkit-transform:scale(2) translate(20%,20%);transition:transform .2s; }
.phoneTrans2 .phonePng{transform:scale(2) translate(-20%,20%);-webkit-transform:scale(2) translate(-20%,20%);transition:transform .2s;}
.phoneTrans3 .phonePng{transform:scale(2) translate(-20%,-20%);-webkit-transform:scale(2) translate(-20%,-20%);transition:transform .2s;}
.phoneTrans4 .phonePng{transform:scale(2) translate(20%,-20%);-webkit-transform:scale(2) translate(20%,-20%);transition:transform .2s;}

.phoneDesk{margin-top:4rem}
.phoneDeskLabel{float:left;padding:1rem 0;width:24%;font-weight:600;text-align:center;background-color:#e8e8e8;border-top:0.12rem solid #d8d8d8;border-bottom:0.12rem solid #d8d8d8;cursor:pointer}
.phoneDeskCare{width:28%}
.phoneDeskLabel:hover{text-decoration:underline;text-underline-position:under}
.phoneNote{padding:2rem;line-height:3rem}
.onNotice .phoneNotice{display:block}
.onDeliver .phoneDeliver{display:block}
.onCare .phoneCare{display:block}
.onTerms .phoneTerms{display:block}

.footer{margin-top:4rem;background-color:#282828}
.firmInfo{margin:0 4rem;padding:1rem;border-bottom:0.12rem solid #787878;}
.firmItem{float:left;width:23%;text-align:center;}
.firmPrivacy{width:31%;}
.firmLink{color:#e8e8e8;}
.firmLink:hover{color:#ee4466;}
.firmType{padding:2rem 4rem;background:transparent url("png/kbstar.png") no-repeat 96% 80% / auto 5rem}
.firmName{float:left;margin-right:2rem;padding:0.6rem 0;color:#ffffff;}
.firmLabel{float:left;margin-right:0.6rem;padding:0.6rem 0;color:#b8b8b8}
.firmText{float:left;margin-right:1rem;padding:0.6rem 0;color:#b8b8b8}

.noteHead{padding:1rem 0;background-color:#f8f8f8}
.noteHeadItem{float:left;font-size:1.2rem;text-align:center;}
.noteHeadNo{width:15%;}
.noteHeadPart{width:15%;padding-left:1rem;text-align:left;}
.noteHeadTitle{width:40%;padding-left:1rem;text-align:left;}
.noteHeadAuthor{width:15%;}
.noteHeadDate{width:15%;}
.noteBody{padding:3rem 10% 1rem;font-size:1.2rem;line-height:2rem;border-top:0.16rem solid #e8e8e8;}
.noteFoot{padding:1rem 10%;text-align:right;}
.noteFoot .mdi{margin-left:1rem;width:1.6rem;height:1.6rem;}
.noteReply{background-color:#f8f8f8}
.noteAttachImg{margin:1rem 0;max-width:100%}
.noteAttachLink:hover{color:#ee4466;}

.askItem{padding:1rem 3rem 1rem 0;border-top:0.12rem solid #e8e8e8;background:#ffffff url("mdi/menu-down.png") no-repeat 100% 50% / auto 3rem}
.askItem:hover{background-color:#f8f8f8;cursor:pointer;}
.askLabel{float:left;width:10%;color:#ee4466;font-weight:600;text-align:center;}
.askPart{float:left;width:20%;}
.askTitle{float:left;width:70%;}
.askText{float:left;width:80%;}
.askPlan{padding:2rem;line-height:2rem;background-color:#f8f8f8;border-top:0.12rem solid #e8e8e8}
.askPlan .askLabel{width:20%;color:#4466ee;}

.cartIndex{float:left;padding-top:4rem;width:20%;text-align:center;}
.cartModel{float:left;padding:2rem 0 1rem;width:80%;}
.cartOption .catInput{padding:0.4rem;width:4rem;text-align:center}
.cartOption .catAct{width:8rem;}
.cartOption .mdi{vertical-align:middle}

.cartItem{margin:1rem 0;padding:1rem 0;border-bottom:0.12rem solid #e8e8e8;}
.cartOption{display:block;padding:0.4rem 0;-webkit-user-select:none;user-select:none;}
.cartName{font-size:2rem;font-weight:600;}
.cartPrice{display:block;padding:0.4rem 2rem;font-weight:600;font-size:1.6rem;color:#ee4466;text-align:right;}
.cartIndex .catCheckbox{padding:0.4rem;width:2rem;height:2rem;}
.cartIcon{margin:1rem;width:6rem;}
.cartInfoTitle{display:block;margin-bottom:1rem;color:#787878;font-size:1.2rem;font-weight:600;text-indent:4rem;text-decoration:underline;text-underline-position:under}
.cartInfoText{display:block;padding:0.4rem 1rem 0.4rem 4rem;color:#ee4466;font-size:1.2rem;}

.cartInfo{float:left;padding:1rem;width:80%;background-color:#f8f8f8}
.cartInfoItem{display:block;padding:0.4rem 1rem 0.2rem 4rem;font-size:1.2rem;background:transparent url("mdi/delete.png") no-repeat 4% 0 / auto 90%;cursor:pointer}
.cartInfoPrice{display:block;padding:0 2rem 0.4rem;text-align:right;}
.cartInfoMax{font-size:1.2rem;word-spacing:2rem}
.cartInfoTotal{font-weight:600;font-size:1.2rem;}
.cartInfoEnd{display:block;padding:1rem 2rem;font-weight:600;font-size:1.4rem;color:#ee4466;word-spacing:1rem;text-align:right;background-color:#e8e8e8}
.cartTax{display:block;padding:0.2rem;text-align:right;}

.termsArea{padding:2rem;line-height:2rem}
.termsArea h2{padding:1rem 0;font-size:1.6rem;font-weight:600;}
.termsArea h3{margin-top:1.6rem;font-size:1.2rem;font-weight:600;}

.introArea{padding:4rem 10%}
.introTitle{padding:2rem 0;font-size:2rem;font-weight:600;font-family:"ChosunGs"}
.introText{font-size:1.4rem;font-family:"ChosunGs";line-height:3rem;}
.introMark{margin-top:1rem;font-family:"ChosunGs";font-weight:600;}
.introEnd{margin-top:1rem;text-align:center}
.introFamily{text-align:right}

.guideStep{padding:4rem 0}
.guideItem{float:left;position:relative;padding-right:4%;width:20.8%;background:transparent url("mdi/chevron-right.png") no-repeat 100% 50% / auto 3.2rem}
.guideItem:nth-child(5){padding-right:0;width:16.8%;background:none}
.guideCircle{display:block;position:relative;padding-bottom:100%;background-color:#3f51b5;border-radius:50%}
.guideName{position:absolute;top:44%;width:100%;color:#ffffff;font-weight:600;font-size:1.6rem;text-align:center}
.guideText{position:absolute;bottom:-5rem;width:100%;margin-left:-1rem;font-size:1.2rem;text-align:center;}
.guideMemo{padding:4rem 1rem 2rem;font-size:1.6rem;}

.guideImage{display:block;width:100%;}
.itemListNone{display:block;width:100%;padding:8rem 0;font-weight:600;font-size:2rem;color:#787878;line-height:4rem;text-align:center;}
td.itemListNone{display:table-cell;}

.gradeInfo{padding:4rem 2rem 2rem}
.gradeTitle{font-size:2rem;font-weight:600;text-indent:1rem;border-left:1rem solid #ee4466}
.gradeHead{clear:both;float:left;margin-top:2rem;padding:1rem;width:50%;border:0.12rem solid #d8d8d8}
.gradeListImage{float:right;margin-top:0.5rem;padding:1rem;width:50%;letter-spacing:0.8rem;line-height:3rem;}
.gradeLabel{display:inline-block;margin-right:2rem;padding:1.6rem 0;width:6rem;color:#ffffff;font-size:2rem;font-weight:600;text-align:center;background-color:#ee4466;}
.gradeLabelText{color:#ee4466;font-size:1.6rem;font-weight:600;}
.gradeListText{display:block;padding:1rem;min-height:4rem;background-color:#f0f0f0}
.gradeText{display:block;padding-top:1rem;font-size:1.2rem}
.gradeImageItem{float:left;margin:2%;width:21%}
.gradeIcon{display:block;max-width:100%;border:0.12rem solid #d8d8d8}
.gradeIcon:hover{border-color:#ee4466;cursor:pointer}

.brandArea{padding:2rem 0 1rem}
.brandItem{float:left;width:16.66%}
.brandImage{max-width:100%}

.guestBox{margin:2rem 0;border:0.12rem solid #b8b8b8}

.freeEdit{margin-bottom:8rem;}
.freeAgreeBox{display:block;margin-bottom:1rem;line-height:1.6rem;}
.freeAgreeAct{font-size:1.2rem;color:#ee4466;white-space:nowrap;}
.freeItem{float:left;padding-bottom:1rem;width:50%}
.freeItem:nth-child(2n+1){padding-right:1%}
.freeItem:nth-child(2n+2){padding-left:1%}
.freeLink{display:block;padding:2.4rem 0 1rem;text-align:center;background-color:#f8f8f8;border:0.16rem solid #d8d8d8;border-radius:0.4rem;cursor:pointer}
.freeLink:hover{background-color:#f0f0f0;}
.freeLinkText{font-size:1.6rem;font-weight:600;}
.freeLink:hover .freeLinkText{color:#ee4466}
.freeLinkAddress{color:#b8b8b8;}
.freeLinkArrow{display:block;padding:0.4rem 1rem;text-align:right;}
.freeLinkArrowText{display:inline-block;padding-right:2rem;background:transparent url("mdi/open-in-new.png") no-repeat 100% 50% / auto 100%}

.preHead{margin-top:4rem;text-align:center;}
.preHeadLabel{display:inline-block;margin-right:0.8rem;color:#ee4466;font-size:3.2rem;font-weight:600;}
.preHeadText{color:#181818;font-size:2.4rem;font-weight:600;}
.preHeadMark{padding:2rem 0 2rem;text-align:center;}
.preHeadMarkText{display:inline-block;padding:0.6rem 2rem;color:#1565c0;font-size:1.6rem;font-weight:600;}

.preHeadPhone{text-align:center}
.prePhoneBrand{color:#181818;font-size:2.4rem;font-weight:600;}
.prePhoneInput{margin-left:0.4rem;padding:0.4rem;width:2.8rem;color:#181818;font-size:2rem;font-weight:600;text-align:center;background-color:#f8f8f8;border:0.12rem solid #e0e0e0;}

.preItem{float:left;padding:0.4rem 2rem;width:33.3%}
.preItemLabel{display:block;padding:1rem 0;color:#ee4466;font-size:1.6rem;font-weight:600;text-align:center;background:transparent url("mdi/radiobox.png") no-repeat 2rem 50% / 1.2rem auto;border:0.12rem solid #e0e0e0;border-radius:0.4rem;cursor:pointer;}
.preItemLabel.active{background-image:url("mdi/radiobox-checked.png")}

.preDanager{margin-top:4rem;padding:0.6rem 1rem;border:0.12rem solid #d8d8d8;}
.preDanagerDT{margin-bottom:1rem;padding:1rem 0;color:#1e88e5;font-weight:600;border-bottom:0.12rem solid #d8d8d8;}
.preDanagerDD{padding:0.6rem 0 0.6rem 2rem;background:transparent url("mdi/radiobox-checked.png") no-repeat 0.6rem 50% / 1rem auto}

.preLabel{color:#1565c0;font-size:1.6rem;font-weight:600;}
.preLabelSub{color:#1e88e5;font-size:1.2rem;}
.preBankHead{padding:4rem 0 1rem;text-align:center}
.preBankBody{border-top:0.24rem solid #1e88e5;}
.preBankDT{float:left;padding:1.48rem 2rem;width:32%;height:4.8rem;color:#181818;font-size:1.2rem;text-align:center;background-color:#e0f7fa;border-bottom:0.12rem solid #d8d8d8;}
.preBankDD{float:left;padding:1rem 2rem;width:68%;height:4.8rem;color:#181818;font-size:2rem;font-weight:600;border-bottom:0.12rem solid #d8d8d8;}
.preBandTip{margin-top:1rem;color:#d32f2f;font-size:1.2rem;text-align:center}
.preAddressTip{margin-top:3rem;text-align:center}
.preAddressTipText{display:inline-block;padding:0 1rem;font-size:2.6rem;font-weight:600;color:#1565c0;}
.preRed{color:#ff0000}

.prePopeBody{border-top:0.24rem solid #ec407a;}
.preBankOver{background-color:#fce4ec}
.preAct{margin-top:2rem;text-align:center}
.preActText{display:inline-block;padding:1rem 2rem;color:#ffffff;font-size:2rem;font-weight:600;background-color:#ee4466;cursor:pointer}

.skyLogo{margin-right:0.4rem;height:3.2rem;vertical-align:bottom;}
.skyHead{margin-top:6rem;text-align:center;}
.skyHeadLabel{color:#ee4466;font-size:2.4rem;font-weight:600;}
.skyHeadTitle{color:#181818;font-size:2.4rem;font-weight:600;}
.skyHeadText{color:#181818;font-size:1.6rem;font-weight:600;}
.skyHeadMark{padding:2rem 0 1.6rem;text-align:center;}
.skyHeadMarkText{display:inline-block;padding:0.6rem 1rem;color:#ffffff;font-size:1.4rem;background-color:#ee4466;}
.skyHeadAdd{margin-top:1rem;font-size:1.6rem;font-weight:600;text-align:center;}

.skyMarkPng{display:block;height:10rem;background:transparent none no-repeat 50% 50% / 6rem auto}
.skyIcon1{background-image:url("png/skylife/paid.png");}
.skyIcon2{background-image:url("png/skylife/note_alt.png");}
.skyIcon3{background-image:url("png/skylife/speed.png");}
.skyIcon4{background-image:url("png/skylife/speaker_phone.png");}
.skyIcon5{background-image:url("png/skylife/security_update.png");}
.skyIcon6{background-image:url("png/skylife/5g.png");}

.skyMarkItem{float:left;margin-top:2%;padding:3.2rem 0;width:32%;color:#181818;border:0.12rem solid #b8b8b8}
.skyMarkItem:nth-child(3n+2){margin-left:2%;margin-right:2%;}
.skyMarkItem:nth-child(even){color:#ffffff;background-color:#ee4466;border-color:#ee4466;}
.skyMarkHead{display:block;color:inherit;font-size:1.6rem;font-weight:500;text-align:center;}
.skyMarkText{display:block;color:inherit;font-size:1.2rem;text-align:center;}

.skyStep{padding:6rem 4rem;}
.skyStepLabelM{display:none;}
.skyStepLabel{float:left;padding:0.6rem 0;width:30%;color:#181818;font-size:2.4rem;font-weight:600;text-align:center;}
.skyStepInfo{float:left;width:70%}
.skyStepItem{margin:0.6rem 0;}
.skyStepNo{color:#ee4466;font-size:2.4rem;font-weight:600;}
.skyStepText{color:#181818;font-size:2.4rem;font-weight:600;}

.skyTypeList{margin-top:4rem;}
.skyTypeItem{float:left;width:25%;padding:0.2rem;}
.skyTypeLink{display:block;position:relative;padding:2rem;height:22rem;border:0.12rem solid #b8b8b8}
.skyTypeHead{display:block;color:#181818;font-size:1.6rem;font-weight:500;text-align:center;}
.skyTypePrice{display:block;margin:1rem 0;padding:1rem 0;color:#ffffff;font-size:1.6rem;text-align:center;background-color:#ee4466;}
.skyTypeBest{position:absolute;top:0;left:0;padding:0.2rem 0.4rem;color:#ffffff;font-size:0.86rem;background-color:#ff8800;}
.skyTypeSilver{position:absolute;top:0;right:0;padding:0.2rem 0.4rem;color:#ffffff;font-size:0.86rem;background-color:#1177ff;}
.skyTypeText{display:block;padding:0.2rem 0;color:#181818;font-size:0.86rem;}
.skyTypeMark{color:#ee4466;font-size:0.86rem;}
.skyTypeProperty{display:block;padding:1rem 0;border-top:0.12rem solid #e8e8e8}
.skyTypeIcon{float:left;padding-top:2.6rem;width:33.33%;color:#ee4466;text-align:center;background:transparent none no-repeat 50% 0 / 1.6rem auto}
.skyIcon11{background-image:url("png/skylife/settings_ethernet.png");}
.skyIcon12{background-image:url("png/skylife/phone_in.png");}
.skyIcon13{background-image:url("png/skylife/email_read.png");}

.skyActReport{margin:2rem 0;text-align:center;}
.skyAct{display:inline-block;padding:1rem 10rem;font-size:2.4rem;font-weight:500;color:#ffffff;background-color:#ee4466;cursor:pointer}
.skyFoot{padding:4rem;}
.skyFootTitle{padding-left:1.4rem;color:#ee4466;font-size:1.6rem;}
.skyFootLabel{padding:1rem 0 1rem 1.4rem;color:#181818;background:transparent url("png/skylife/circle-medium.png") no-repeat 0 50% / 1rem auto}
.skyFootText{padding:0.2rem 0 0.2rem 2rem;color:#181818;background:transparent url("png/skylife/remove.png") no-repeat 1rem 0.4rem / 0.6rem auto}

.skyTerms{margin:2rem 1rem 1rem;padding:1rem;border:0.12rem solid #b8b8b8}
.skyTermsHead{margin-bottom:0.6rem;padding:0.4rem 0;color:#181818;font-size:1.4rem;border-bottom:0.12rem solid #b8b8b8}
.skyTermsLabel{clear:both;float:left;padding-top:0.6rem;color:#181818;}
.skyTermsCheck{float:right;padding-top:0.6rem;}
.skyTermsCheckText{color:#181818;vertical-align:middle;}
.skyTermsNote{float:right;margin-left:4rem;padding-top:0.7rem;}
.skyTermsNoteAct{color:#181818;cursor:pointer}
.skyTermsNoteAct:hover{color:#ee4466}
.skyTermsEvery{text-align:center;}
.skyTermsCheckbox{vertical-align:middle;}

.skyBlock{display:block;padding:0.2rem 0;overflow:hidden}
.skySpace{margin-left:1rem;}
.skySelect{padding:0.2rem 0.8rem;color:#181818;background-color:#f8f8f8;border:0.12rem solid #e0e0e0;}
.skyInput{padding:0.2rem 0.4rem;width:12rem;color:#181818;background-color:#f8f8f8;border:0.12rem solid #e0e0e0;}
.skyInputLong{width:24rem;max-width:98%;}
.skyTextarea{padding:0.2rem 0.8rem;width:100%;height:6.6rem;color:#181818;background-color:#f8f8f8;border:0.12rem solid #e0e0e0;}
.skyFormTitle{margin:4rem 1rem 0.6rem;color:#181818;font-size:1.6rem;font-weight:500}
.skyForm{margin:0 1rem;border-top:0.2rem solid #ee4466}
.skyFormDT{float:left;padding:0.8rem 0 0 1rem;width:24%;height:2.8rem;color:#181818;background-color:#ffeeee;border-bottom:0.12rem solid #b8b8b8}
.skyFormDD{float:left;padding:0.4rem 0 0 0.4rem;width:76%;height:2.8rem;border-bottom:0.12rem solid #b8b8b8}
.skyFormDDText{padding:0.8rem 0 0 0.8rem;}
.skyFormL2{height:5rem;}
.skyFormL3{height:8rem;}
.skyFormL5{height:16rem;}
.skySearch{color:#181818;padding:0.26rem 1rem;border:0.12rem solid #e0e0e0;cursor:pointer;}
.skySearch:hover{color:#ffffff;background-color:#ee4466;}
.skyInputPhone{width:4.8rem;text-align:center}
.skyFormTip{color:#ee4466;font-size:0.92rem;}
.skyInputCard{width:4rem;text-align:right;}
.skyInputAddress{width:32rem;}
.skyFormInfo{float:right;padding:0.4rem;width:100%;color:#ee4466;}
.skyInputOnce{padding:0.2rem 0.2rem;width:1.4rem}
.skyPlanPrice{color:#ee4466;vertical-align:middle}

.skyDialog{margin:0 auto;padding:1rem;width:48rem;max-width:100%;height:48rem;max-height:100%;background-color:#ffffff}
.skyDialogHead{padding:1rem 0;color:#181818;font-size:1.2rem;font-weight:500;border-bottom:0.12rem solid #e0e0e0}
.skyDialogBox{margin-top:1rem;padding:1rem;background-color:#f8f8f8;border:0.12rem solid #e0e0e0;}
.skyDialogNote{height:36rem;color:#181818;line-height:2rem;overflow:auto}
.skyDialogAct{padding:1rem;color:#ffffff;text-align:center;background-color:#ee4466;cursor:pointer}
.skyTable{table-layout:fixed;word-break:break-all}
.skyTH{padding:0.4rem;color:#181818;text-align:center;border-top:0.32rem solid #ee4466;border-left:0.12rem solid #e0e0e0;border-right:0.12rem solid #e0e0e0;}
.skyTD{padding:0.4rem;color:#181818;font-size:0.86rem;text-align:center;border:0.12rem solid #e0e0e0;}

#google_translate_element{position:absolute;right:0;top:-3rem;}

/* Finish */
.disable{display:none}
.mEnable{display:none}

@media screen and (max-width:800px){
html{font-size:0.74rem}
.header{padding-top:2rem;height:9.42rem;}
.hdMenuList{position:absolute;left:0;margin-top:3.4rem;width:100%}
.hdLogo{width:26%}
.hdLogoLink{margin-top:1.4rem;}
.hdMenu{width:56%}
.hdMenuItem{padding:0 0.8rem}
.hdSearch{margin-left:0;width:100%}
.hdTool{width:18%;}
.headMemo{margin-top:2.8rem;}
#google_translate_element{top:-2.1rem;}

.mainArticle{margin-bottom:0.4rem;height:19vw}
.mainArticleP{display:none}
.mainArticleM{display:block}
.mainArticleIndexArea{right:1rem;bottom:0.2rem}

.stepArea{word-spacing:0}
.stepNote{padding:2rem 0 1rem;font-size:1.4rem}
.stepItem{float:none;width:100%}
.stepItemName{font-size:1.6rem}
.stepItemNo{font-size:1.2rem}
.stepItemIcon{padding:2rem 0 2rem 8rem;background:transparent none no-repeat 16% 50% / auto 64%;}
.stepItemEvery{background-position:8% 50%}
.stepItemIcon .stepBold{padding-top:0}
.stepItemColor{vertical-align:middle}
.stepItemColor+.stepItemName{display:inline-block;margin-left:2rem}
.stepItemLeft{padding:1rem 0 0 3rem;text-align:left}
.stepAreaNo .stepName{padding:0.2rem 0}
.stepNav{font-size:1.2rem}

.stepChoice{margin-left:4%;width:56%}
.stepChoiceImage{padding-left:0}
.stepChoiceItem{padding:0.4rem 1rem}
.stepChoiceLabel{font-size:1.2rem}
.stepChoiceBack{margin-left:1.6rem}
.stepChoiceAct .catAct{padding:1rem 0;font-size:1.6rem}
.stepChoiceReturn{padding:3rem 0}

.path{position:relative;margin:0 0 2rem;}
.pathLabel{padding:1rem 0;width:30%;height:3.4rem;font-size:1.2rem;}
.pathInfo{padding-top:1rem;width:70%;height:3.4rem;}
.pathItem,.pathAct,.pathUnit{display:none;}
.pathItem.active,.pathUnit.active{display:block;width:100%;}
.pathUnit.active{background:#ffffff url("mdi/menu-down.png") no-repeat 100% 60%}
.pathInfo.active{position:absolute;right:0;padding-top:0;width:70%;z-index:9}
.pathInfo.active .pathUnit{display:block;float:none;padding:0;width:100%;background-color:#f8f8f8;border-left:0.12rem solid #b8b8b8;border-right:0.12rem solid #b8b8b8;}
.pathInfo.active .pathUnit:nth-last-child(2){border-bottom:0.16rem solid #b8b8b8;}
.pathInfo.active .pathUnit:nth-last-child(2) .pathLink{border:none}
.pathInfo.active .pathLink{display:inline-block;padding:1.4rem 0;width:64%;text-align:center;border-bottom:0.12rem solid #d8d8d8}

.mPath{margin-bottom:1rem;border:0.12rem solid #b8b8b8;}
.mPathUnit{float:left;padding:1rem 0;width:33.33%;text-align:center}
.mPathUnit:nth-child(even){border-left:0.12rem solid #e8e8e8;border-right:0.12rem solid #e8e8e8;}
.mPathLink{color:#787878;font-weight:600;font-size:1.2rem}
.mPathUnit.active{background:#ee4466}
.mPathUnit.active .mPathLink{color:#ffffff;}

.regist{margin-top:-0.4rem;padding:0 0.4rem;background-color:#ffffff;}
.rfLabel{padding:1rem 0.6rem;}
.rfLabel .rfMark{display:none;}
.rfForm{padding:1rem 0.8rem;}
.rfForm .catRadio{margin-right:1rem;padding-left:2.4rem;}
.rfForm .rfMark{display:block;padding:0.4rem 0;font-size:0.92rem;}
.rfForm .catMini{width:28%;}
.rfInVenti .catSmall{width:49%;}
.rfInVenti .catAct{padding:0.4rem 0.6rem;}
.rfForm .catAct +.catSmall{width:65%;}
.rfForm .catAct +.catLarge{width:65%;}
.rfForm .catAct{font-size:1rem;}
.rfNote{padding:2rem 0;text-align:left;}
.rfAct .catAct{width:100%}
.rfLabelOver{padding:0.6rem 0.8rem;height:5.4rem}
.rfFormOver{padding:0.6rem 0.8rem;height:5.4rem}

.rwAct .catAct{width:100%}
.rwNote{font-size:1.4rem;line-height:3rem}
.termsArea{padding:0}

.authTitle{padding-top:4rem}
.authFindBox{width:100%}
.authFree{display:block;margin:1rem auto;padding:0.14rem 0;width:24rem;height:auto;background-image:none;border-radius:0.4rem;}
.authFreeAct{font-size:1.52rem;background-color:transparent;}

.pope{margin-top:-0.4rem;padding:0 0.4rem;background-color:#ffffff;}
.popeLabel{padding:1rem 0.6rem;}
.popeForm{padding:1rem 0.8rem;}
.popeAct .catAct{width:100%;font-size:1.2rem}
.popeForm .catInput{width:100%;}
.popeExt{height:10rem}

.popeBankLabel{display:block;margin-bottom:1rem;border-bottom:0.16rem solid #e8e8e8}

.popeBoxMode{border:none}
.pcHead{background-color:#ffffff;border-bottom:0.08rem solid #b8b8b8}
.pcHeadAct{margin:0 1rem;}
.pcList{padding:0}
.pcItem{margin-top:0;border-bottom:0.08rem solid #b8b8b8}
.pcTd{border:none}
.pcIdn{width:10%}
.pcIcon{width:16%}
.pcName{width:74%}
.pcImage{margin-top:1rem;height:4rem}
.pcLink{font-weight:400;font-size:1rem}
.pcNo{padding-top:0;width:24%;height:3rem}
.pcPrice{padding-top:0;width:42%;height:3rem}
.pcTax{padding-top:0;width:34%;height:3rem}
.pcText{float:right;padding-right:1rem;text-align:left;}
.pcTextTip{float:left;padding-top:0.2rem;padding-left:1rem;font-size:0.92rem;text-align:right}

.ptList{padding:1rem 0;}
.ptLabel{display:none}
.ptItem{position:relative;margin-top:0;padding-bottom:1rem;border-bottom:0.08rem solid #b8b8b8}
.ptTd{border:none;padding-top:1rem;min-height:5rem;}
.ptCode{position:absolute;left:0;padding-top:0;width:100%;height:auto;min-height:auto;background-color:#f0f0f0;}
.ptCode .ptText{display:inline-block;padding:0.6rem 1rem}
.ptIdn{margin-top:1rem;width:10%}
.ptIcon{margin-top:1rem;width:15%}
.ptName{margin-top:1rem;width:75%}
.ptImage{margin-top:1rem;height:4rem}
.ptLink{font-weight:400;height:4rem}
.ptStat{position:absolute;top:-1rem;right:0;width:6rem;}
.ptStat .ptText{padding:0.6rem 0;font-size:1rem;text-align:center}
.ptStat .ptAct{margin:0}
.ptNo{display:none}
.ptPrice{width:50%;height:auto}
.ptTax{width:50%;height:auto}
.ptMobile{display:inline-block}
.ptNo .ptLabel,.ptPrice .ptLabel,.ptTax .ptLabel{display:inline-block;padding:2rem 1rem 0;font-size:0.92rem;text-decoration:underline;text-underline-position:under;background-color:transparent}
.ptNo .ptText,.ptPrice .ptText,.ptTax .ptText{display:inline-block;padding-top:1rem;}

.phList{padding:1rem 0;}
.phItem{width:48.5%}
.phItem:nth-child(2n+1){margin-right:0}

.orderBox{border:none}
.orderPope{margin-right:0;padding:1rem 0;border:none}
.orderGoods{margin-right:0;padding:1rem 0;min-height:16rem;border:none}
.orderType{position:static;padding:1rem 0;width:100%}
.opInfo{padding:2rem 1rem;}
.opMemo{width:96%}
.opBoxPay{margin-top:0.6rem;width:64%}
.ogItem{padding-bottom:1rem;border-bottom:0.08rem solid #b8b8b8}
.ogIdn{width:10%}
.ogIcon{width:15%;}
.ogImage{margin-top:0.4rem;height:4rem}
.ogName{width:75%;height:5rem}
.ogNo{margin-top:1rem;width:40%}
.ogPrice{margin-top:1rem;width:50%}

.orderFindBox{width:100%}

.otInfo{padding:0 1rem}
.otMeth{padding:2rem 1rem 0}
.otBank{padding:2rem 4rem}
.orderAct{display:none}

.phonePath{display:none}
.phoneImage{float:none;margin-left:0;padding:4rem 2rem 2rem 6rem;width:100%;border:none;}
.phoneCart{float:none;padding:0 1rem;width:100%;}
.phoneZoomItem{position:absolute;left:1rem;top:6rem;margin-top:0;}
.phoneZoom{float:none;margin-bottom:1rem;width:auto;}

.phoneTitle{padding:1rem 1rem 4rem;}
.phoneCartLabel{padding-top:0;}
.phoneCartText{font-size:1.2rem}
.phoneCartPrice{font-size:1.2rem}
.phoneOrderLabel{padding:0.6rem 0}
.phoneOrderCount{font-size:1.2rem}
.phoneOrderText{padding:0.4rem 0;font-size:1.2rem}
.phoneCartHelp{margin:1rem;padding-top:1rem;text-align:left;border-bottom:none;border-top:0.12rem solid #b8b8b8}
.phoneSpectLabel{width:22%;}
.phoneSpectText{width:78%;}
.phoneStepTitle{font-size:1.6rem}

.firmInfo{margin:0 1rem;padding:1rem;}
.firmType{padding:2rem 1rem;}
.firmTrans{clear:both;}

.pathNote{padding-top:0.4rem;}
.pathAreaSelect{display:none;}
.pathAreaInput .catInput{padding-top:0.4rem;padding-bottom:0.4rem;}
.pathAreaAct{width:40%;}
.pathAreaAct .catAct{margin-top:0;padding-top:0.4rem;padding-bottom:0.4rem;}

.noteHeadNo{display:none;}
.noteHeadDate{display:none;}
.noteHeadTitle{width:70%;}
.noteBody{padding:2rem;}
.noteFoot{padding:2rem;}
.noteAct .catAct{width:auto;}

.ifTotal{width:25%;}
.ifForm{padding:0.6rem 1.4rem;width:75%;}

.itemFilter{margin:0 0.4rem;padding:2rem 0 0}
.itemList{padding:0 0.4rem}
.item{margin-top:1rem;width:49%}
.item:nth-child(2n+1){margin-left:0}

.cartIndex{padding-top:0;width:26%;}
.cartName{display:block;line-height:2.8rem}
.cartModel{float:right;width:74%;}
.cartInfo{width:100%;}
.cartIcon{width:4rem;}

.gradeInfo{padding:4rem 1rem 2rem}
.gradeHead{float:none;margin-top:1rem;width:100%}
.gradeTitle{font-size:1.4rem}
.gradeLabel{padding:0.6rem 0;width:4.8rem;font-size:1.4rem}
.gradeLabelText{font-size:1.4rem}
.gradeText{padding-top:0.6rem}
.gradeListImage{float:none;width:100%;padding:0}
.gradeImageItem{width:22%}
.gradeImageItem:nth-child(4n+1){margin-left:0}
.gradeImageItem:nth-child(4n+4){margin-right:0}

.freeAgreeBox{overflow:auto;height:18rem;}

.preHeadLabel{font-size:2.4rem}
.preHeadText{font-size:1.8rem}
.preItem{padding:0.4rem;width:50%;}
.preItemLabel{background-position:1rem 50%}
.preAddressTipText{display:block;font-size:1.8rem;text-align:center}

.preDanager{margin-left:0.4rem;margin-right:0.4rem;}
.preBankHead{margin:0 0.4rem;padding-top:2rem;}
.preLabelSub{display:block}
.preBankBody{margin:0 0.4rem}
.preBankDT{padding:1.48rem 1rem;width:42%;}
.preBankDD{padding:1.48rem 1rem;width:58%;font-size:1.46rem}
.prePhoneInput{margin-left:0.2rem;width:2.4rem}
.preActText{font-size:1.6rem}
.preBankOver{padding:1.48rem 0}

.skyLogo{height:2.8rem;}
.skyHeadLabel{font-size:2rem;}
.skyHeadTitle{font-size:2rem;}
.skyHeadText{font-size:1.4rem;}
.skyHeadMark{padding:2.4rem 0;}
.skyHeadMarkText{font-size:1.2rem;}

.skyMarkItem{padding:2rem 0;}
.skyMarkItem:nth-child(odd){width:47%;margin:2% 1% 0 2%;}
.skyMarkItem:nth-child(even){width:47%;margin:2% 2% 0 1%;}
.skyMarkHead{font-size:1rem;}
.skyMarkText{font-size:0.82rem;}
.skyMarkPng{height:6rem;background-size:4rem auto;}
.skyMarkItem.skyMarkItemML{margin:2% 1% 0 2%;}
.skyMarkItem.skyMarkItemMR{float:right;margin:2% 2% 0 1%;}

.skyStep{padding:0 2rem;}
.skyStepLabelM{display:block;padding:6rem 0 2rem;color:#181818;font-size:2.4rem;font-weight:600;text-align:center;}
.skyStepLabel{display:none;}
.skyStepInfo{float:none;width:100%}
.skyStepItem{margin:0.4rem 0;}
.skyStepNo{font-size:1.4rem;}
.skyStepText{font-size:1.4rem;}

.skyTypeItem{width:50%;}
.skyTypeHead{font-size:1.4rem;}
.skyTypeLink{padding:2rem 1.6rem;}
.skyTypeText{font-size:0.82rem;}

.skyAct{display:block;margin:0 4rem;padding:1rem 0;font-size:1.6rem;text-align:center;}
.skyFoot{padding:4rem 2rem;}

.skyTermsLabel{font-size:0.82rem;}
.skyTermsCheckText{font-size:0.82rem;}
.skyTermsNote{margin-left:0.6rem;}
.skyTermsNoteAct{font-size:0.82rem;}

.skyFormDT{width:40%;}
.skyFormDD{width:60%;}
.skyInputEmail{width:40%;}
.skyInputPost{width:8rem;}
.skyInputAddress{width:98%;}
.skyFormTip{display:block;padding-top:0.4rem;}
.skySpaceM{margin-left:0.4rem;}
.skyFormTextM{font-size:0.86rem;}
.skyFormL2M{height:5rem;}
.skyFormL2M4{height:8.6rem;}
.skyFormLineM{display:block;margin:0.4rem 0 0;}

.guideItem{background-size:2rem;background-position:110% 50%}
.guideName{top:40%;font-size:1rem;font-weight:normal}
.guideText{bottom:-3.2rem;font-size:0.76rem}
.guideMemo{padding:2rem 0;font-size:1.4rem}

.mNone{display:none;}
.mDisable{display:none;}
.mEnable{display:block;}
}