@charset "utf-8";
body.main {background:#f5f5f5;}
.mainWrap {display:block; height:auto; overflow:hidden;
background: -moz-linear-gradient(top,  rgba(206,235,248,1) 0%, rgba(206,235,248,0) 37%, rgba(206,235,248,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,235,248,1) 0%,rgba(206,235,248,0) 37%,rgba(206,235,248,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,235,248,1) 0%,rgba(206,235,248,0) 37%,rgba(206,235,248,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceebf8', endColorstr='#00ceebf8',GradientType=0 ); /* IE6-9 */
}

.headerSec {display:block; height:auto; overflow:hidden; position:relative; background:#FFF;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.21);
}
.headerSec .header {width:100%; max-width:1320px; margin:0 auto; position:relative;}
.headerSec .header:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.headerSec .header .logo a {position:absolute; left:20px; top:0px; width:152px; height:60px; background:url(../img/logo.png) no-repeat 50% 50%; background-size:100%;}
.headerSec .header .gloUtil {float:right; padding:30px 200px 24px 0; position:relative;}
.headerSec .header .gloUtil .comnSchBox {display:block; width:400px; height:46px; border-radius:46px; background:#f3fbff; border:1px solid #acd3e4; position:relative; padding:0 46px 0 0px;}
.headerSec .header .gloUtil .comnSchBox button.btnSch {position:absolute; right:5px; top:0; width:46px; height:46px; background:url(../img/ico_search.png) no-repeat 50% 50%; background-size:24px 24px; cursor:pointer; text-indent:-9999px;}
.headerSec .header .gloUtil .comnSchBox .popularBox {position:absolute; left:0px; top:0; width:100%; height:46px; overflow:hidden; padding-left:110px; z-index:100; cursor:pointer; box-sizing:border-box;}
.headerSec .header .gloUtil .comnSchBox .popularBox .popular {position:absolute; left:20px; top:9px; padding:0px 10px; height:26px; line-height:26px; color:#FFF; font-size:14px; font-weight:400; background:#406d90; border-radius:26px;}
.headerSec .header .gloUtil .comnSchBox .popularBox .keyRolling {display:block; height:auto; overflow:hidden;}
.headerSec .header .gloUtil .comnSchBox .popularBox .keyRolling li {display:block; height:44px; line-height:44px; font-size:16px; color:#333;}
.headerSec .header .gloUtil .comnSchBox input[type="text"] {display:inline-block; border:0; height:44px; line-height:44px; background:transparent; padding:0 10px 0 30px; font-size:16px; color:#333; font-weight:400; width:100%; box-sizing:border-box;}
.headerSec .header .utilBox {position:absolute; right:20px; top:50%; transform:translate(0, -50%); text-align:right;}
.headerSec .header .utilBox .txt a {display:inline-block; color:#333; font-size:15px; padding:10px; position:relative;}
.headerSec .header .utilBox .txt:last-child a:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:3px; height:3px; background:#333; border-radius:50%;}
.headerSec .header .menu {display:none;}
.headerSec .naviSec {display:block; height:auto; overflow:hidden; border-top:1px solid #bed7f4; border-bottom:1px solid #bed7f4; padding:0;}
.headerSec .naviSec .utilBox {display:none;}
.headerSec .naviSec .navi {width:100%; max-width:1320px; margin:0 auto; position:relative; display:block; height:auto; overflow:hidden; padding:0 20px; text-align:center;}
.headerSec .naviSec .navi span a {padding:20px 0; font-size:22px; color:#333; font-weight:500; position:relative; display:inline-block; margin:0 40px;}
.headerSec .naviSec .navi span.on a {color:#0080b3;}
.headerSec .naviSec .navi span.on a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:6px; background:#0080b3;}
.headerSec .naviSec .navi span:hover a {color:#0080b3;}
.headerSec .naviSec .navi span:hover a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:6px; background:#0080b3;}
.headerSec .naviSec .naviClose {display:none;}
.headerSec .naviSec .comnSchBox {display:none;}

.headerSec.main {display:block; height:auto; overflow:hidden; position:relative; background:none; box-shadow:none; position:relative;}

.headerSec.fixed {position:fixed; left:0; top:0; width:100%; background:#FFF; z-index:1000;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.21);
}

/* .headerSec.fixed {position:fixed; left:0; top:0; width:100%; background:#FFF; z-index:1000;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.21);
}
.headerSec.fixed .header .logo a {width:136px; height:22px;}
.headerSec.fixed .header .gloUtil {padding-right:190px;}
.headerSec.fixed .header .gloUtil .comnSchBox {width:230px; height:40px;}
.headerSec.fixed .header .gloUtil .comnSchBox .popularBox .popular {left:6px; top:6px;}
.headerSec.fixed .header .gloUtil .comnSchBox .popularBox .popular em {display:none;}
.headerSec.fixed .header .gloUtil .comnSchBox .popularBox {height:40px; padding-left:60px;}
.headerSec.fixed .header .gloUtil .comnSchBox .popularBox .keyRolling li  {height:36px; line-height:36px; font-size:16px;}
.headerSec.fixed .header .gloUtil .comnSchBox input[type="text"] {height:40px; line-height:38px;}
.headerSec.fixed .header .gloUtil .comnSchBox button.btnSch {width:40px; height:40px;}
.headerSec.fixed .naviSec {position:absolute; left:50%; top:50%; transform:translate(0, -50%); border-top:0; border-bottom:0; margin-left:-510px; width:100%; max-width:750px;}
.headerSec.fixed .naviSec .navi span a {font-size:18px;} */

/* 메인 */
.mainVisual {width:100%; max-width:1320px; margin:0 auto 60px; position:relative;}
.mainVisual:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.mainVisual .mVisualBox {display:table; width:100%; height:450px; position:relative;} 
.mainVisual .mVisualBox .mvImg {position:absolute; right:20px; top:50%; transform:translate(0, -50%);}
.mainVisual .mVisualBox .mvTxtBox {display:table-cell; vertical-align:middle; padding-left:70px;}
.mainVisual .mVisualBox .mvTxtBox .mvTitle {color:#333; font-size:34px; font-weight:700; line-height:1.3; letter-spacing:-2px;}
.mainVisual .mVisualBox .mvTxtBox .mvDesc {color:#666; font-size:20px; font-weight:300; line-height:1.2; margin:10px 0 20px 0;}
.mainVisual .mVisualBox .mvTxtBox .goService a {display:inline-block; padding:12px 30px; color:#666; font-size:16px; border:1px solid #666; border-radius:40px; line-height:1.0; transition:.4s all;}
.mainVisual .mVisualBox .mvTxtBox .goService a:hover {background:#666; color:#FFF;}
.mainVisual .mv-pagination {position:absolute; left:0; bottom:0 !important; padding:30px 0; text-align:center; z-index:10;}
.mainVisual .mv-pagination .swiper-pagination-bullet {display:inline-block; width:15px; height:15px; border-radius:50%; background:#333; margin:0 3px;}
.mainVisual .mv-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1.0;}

.conBlock {position:relative; width:100%; max-width:1320px; margin:0 auto; padding:0 20px;}
.conBlock:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}

.dpListSec {position:relative; margin-bottom:70px;}
.dpListSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpListSec .dpTitleSec {display:block; height:auto; overflow:hidden; padding:30px 0;}
.dpListSec .dpTitleSec .title {display:inline-block; vertical-align:middle; font-size:34px; color:#333; font-weight:700; margin-right:15px;}
.dpListSec .dpTitleSec .cateSort {display:inline-block; vertical-align:middle; border-radius:36px; padding:5px; background:#FFF; border:1px solid #ddd;}
.dpListSec .dpTitleSec .cateSort .sortOpt a {float:left; padding:1px 20px 3px 20px; font-size:16px; color:#888; border-radius:26px;}
.dpListSec .dpTitleSec .cateSort .sortOpt.on a {background:#0180b3; color:#FFF; font-weight:500;}

.mainDpList {overflow:visible !important;}
.mainDpList:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.mainDpList .swiper-slide {opacity:0; transition:.4s all; visibility: hidden;}
.mainDpList .swiper-slide.swiper-slide-active, 
.mainDpList .swiper-slide-active + .swiper-slide,
.mainDpList .swiper-slide-active + .swiper-slide + .swiper-slide,
.mainDpList .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity:1.0; visibility: visible}
.mainDpList .dp-prev {position:absolute; left:-60px; top:50%; transform:translate(0, -50%); width:28px; height:46px; background:url(../img/dir_left.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}
.mainDpList .dp-next {position:absolute; right:-60px; top:50%; transform:translate(0, -50%); width:28px; height:46px; background:url(../img/dir_right.png) no-repeat 50% 50%; background-size:100%; cursor:pointer; z-index:10;}

.comDataBox {position:relative; border-radius:15px; overflow:hidden; background:#FFF; height:auto;
	-webkit-box-shadow: 6px 3px 30px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 6px 3px 30px 0px rgba(0,0,0,0.21);
	box-shadow: 6px 3px 30px 0px rgba(0,0,0,0.21);
}
.comDataBox:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:15px; z-index:1; box-sizing:border-box;}
.comDataBox:hover:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0180b3; border-radius:15px; z-index:1; box-sizing:border-box;}
.comDataBox .dpCon {display:block; height:auto; overflow:hidden; padding:30px 30px 0 30px;}
.comDataBox .dCate {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.comDataBox .dCate .cateTxt {display:inline-block; font-size:14px; color:#666; background:#e9e9e9; padding:2px 16px; border-radius:5px; margin-right:4px;}
.comDataBox .dpSubject {display:block; font-size:22px; color:#333; line-height:28px; height:56px; margin:10px 0 15px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.comDataBox .chnBox {display:block; height:38px; overflow:hidden; margin-bottom:10px; position:relative; z-index:10;}
.chn {display:inline-block; width:38px; height:38px; line-height:35px; font-size:18px; font-weight:400; text-align:center; border:1px solid #ddd; border-radius:50%; margin-right:2px; image-rendering: -webkit-optimize-contrast; vertical-align:middle; box-sizing:border-box;}
.chn.blog {background:url(../img/cico_blog.png) no-repeat 50% 50%; background-size:100%;}
.chn.cafe {background:url(../img/cico_cafe.png) no-repeat 50% 50%; background-size:100%;}
.chn.facebook {background:url(../img/cico_facebook.png) no-repeat 50% 50%; background-size:100%;}
.chn.insta {background:url(../img/cico_insta.png) no-repeat 50% 50%; background-size:100%;}
.chn.know {background:url(../img/cico_know.png) no-repeat 50% 50%; background-size:100%;}
.chn.live {background:url(../img/cico_live.png) no-repeat 50% 50%; background-size:100%;}
.chn.news {background:url(../img/cico_news.png) no-repeat 50% 50%; background-size:100%;}
.chn.youtube {background:url(../img/cico_youtube.png) no-repeat 50% 50%; background-size:100%;}
.chn.site {background:url(../img/cico_site.png) no-repeat 50% 50%; background-size:100%;}

.comDataBox .dpPrice {display:block; height:auto; overflow:hidden; text-align:right; font-size:24px; color:#666; font-weight:500;padding:0px 0 20px 0; line-height:1.0; margin-top:15px; position:relative;}
.comDataBox .dpPrice em {display:inline-block; font-weight:400; font-size:16px; margin-left:5px;}
.comDataBox .dpPrice .saleStats {position:absolute; left:0; top:0; padding:6px 10px 8px 10px; font-size:14px; color:#FFF; letter-spacing:0;}
.comDataBox .dpPrice .saleStats.hold {background:#158e8a;}
.comDataBox .dpPrice .saleStats.stop {background:#666;}
.comDataBox .dpPrice .saleStats.ing {background:#0180b3;}
.comDataBox .dpStats {display:flex; height:auto; justify-content: space-around; background:#fafafa; border-top:1px solid #e8e8e8; padding:15px 0; z-index:10; text-align:center;}
.comDataBox .dpStats .icoSt {display:inline-block; padding:0 0px 0 25px; font-size:14px; color:#999; font-weight:300;}
.comDataBox .dpStats .icoSt.heart {background:url(../img/bico_heart_off.png) no-repeat left 50%;}
.comDataBox .dpStats .icoSt.down {background:url(../img/bico_down_off.png) no-repeat left 50%;}
.comDataBox .dpStats .icoSt.view {background:url(../img/bico_view_off.png) no-repeat left 50%;}

.btnTrash a {position:absolute; right:20px; top:20px; width:36px; height:36px; background:#FFF url(../img/ico_trash.png) no-repeat 50% 50%; border-radius:50%; z-index:1000; text-indent:-9999px; transition:.2s all;
	-webkit-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
}
.btnTrash a:hover {background:#0180b3 url(../img/ico_trash_w.png) no-repeat 50% 50%;}

.btnSetting a {position:absolute; right:20px; top:20px; width:36px; height:36px; background:#FFF url(../img/ico_setting.png) no-repeat 50% 50%; border-radius:50%; z-index:1000; text-indent:-9999px; transition:.2s all;
	-webkit-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
}
.btnSetting a:hover {background:#0180b3 url(../img/ico_setting_w.png) no-repeat 50% 50%;}

.mainTop10 {display:block; height:auto; overflow:hidden; background:#FFF; padding:60px 0; margin-top:40px;}
.mainTop10 .mtTitle {color:#333; font-size:40px; color:#333; font-weight:300; margin-bottom:40px;}
.mainTop10 .mtTitle em {font-weight:700;}
.mainTop10 .topKeySec {position:relative; height:180px;}
.mainTop10 .topKeySec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.mainTop10 .topKeySec .tkBox {position:absolute; left:0; top:-20px; width:150px; height:150px;}
.mainTop10 .topKeySec .tkBox a {display:block; width:100%; height:100%; border-radius:50%; background:#f0f0f0; border:2px solid #FFF;}
.mainTop10 .topKeySec .tkBox .tkTxt {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; text-align:center; font-size:20px; color:#ddd; line-height:1.3;}
.mainTop10 .topKeySec .tkBox .tkDetail {position:absolute; left:0; top:0; width:100%; height:100%; background:#0080b3; border-radius:50%; text-align:center; padding-top:30px; z-index:-1; opacity:0; transition:.3s all; transform:scale(0);}
.mainTop10 .topKeySec .tkBox .tkDetail .tktBig {text-align:center; font-size:20px; color:#FFF; font-weight:500; line-height:1.0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 27px;}
.mainTop10 .topKeySec .tkBox .tkDetail .rank {text-align:center; font-size:14px; color:#FFF; position:relative; padding:5px 0;}
.mainTop10 .topKeySec .tkBox .tkDetail .rank.up:before {content:''; display:inline-block; width:12px; height:8px; background:url(../img/ar_up.png) no-repeat 50% 50%; background-size:100%; margin-right:5px;}
.mainTop10 .topKeySec .tkBox .tkDetail .rank.hold:before {content:''; display:inline-block; width:6px; height:2px; background:#FFF; margin-right:5px; vertical-align:middle;}
.mainTop10 .topKeySec .tkBox .tkDetail .rank.down:before {content:''; display:inline-block; width:12px; height:8px; background:url(../img/ar_down.png) no-repeat 50% 50%; background-size:100%; margin-right:5px;}
.mainTop10 .topKeySec .tkBox .tkDetail .count {display:inline-block; height:20px; line-height:20px; background:#9fd6e9; padding:0 15px; font-size:14px; color:#0a4c8c; border-radius:20px;}
.mainTop10 .topKeySec .tkBox .tkDetail.on {opacity:1.0; z-index:100; transform:scale(1);}

.mainTop10 .topKeySec .tkBox:nth-child(even) {top:20px;}
.mainTop10 .topKeySec .tkBox.line01 {left:0;}
.mainTop10 .topKeySec .tkBox.line02 {left:10%;}
.mainTop10 .topKeySec .tkBox.line03 {left:20%;}
.mainTop10 .topKeySec .tkBox.line04 {left:30%;}
.mainTop10 .topKeySec .tkBox.line05 {left:40%;}
.mainTop10 .topKeySec .tkBox.line06 {left:50%;}
.mainTop10 .topKeySec .tkBox.line07 {left:60%;}
.mainTop10 .topKeySec .tkBox.line08 {left:70%;}
.mainTop10 .topKeySec .tkBox.line09 {left:80%;}
.mainTop10 .topKeySec .tkBox.line010 {left:90%;}

.comnBnrSec {display:block; height:auto; overflow:hidden; background:#dbe2ed;}
.comnBnrSec .conBlock {padding:50px 0; background:url(../img/bg_bnr.png) no-repeat right 50%;}
.bnrTitleSec {display:block; height:auto; overflow:hidden; padding-left:20px;}
.bnrTitleSec .bnrTitle {font-size:24px; color:#333; font-weight:500;}
.bnrTitleSec .bnrDesc {font-size:18px; color:#666;}
.perBnr {position:absolute; right:20px; top:50%; transform:translate(0, -50%); text-align:right; width:100%; max-width:874px; height:auto;}
.perBnr .bnr a {float:left; padding:16px 40px; background:#FFF url(../img/ar_bnr.png) no-repeat 90% 50%; border-radius:70px; text-align:left;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.21);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.21);
}
.perBnr .bnr a .txtB {font-size:20px; color:#333;}
.perBnr .bnr a .txtB em {font-weight:700;}
.perBnr .bnr a .txtS {font-size:14px; color:#666;}
.perBnr .bnr.key a {width:100%; max-width:290px;}
.perBnr .bnr.custom a {width:100%; max-width:400px; margin-right:20px;}

.footer {display:block; height:auto; overflow:hidden; background:#333; padding:40px 0;}
.footer .logoBtm {position:absolute; left:20px; top:50%; transform:translate(0, -50%); width:162px; height:63px; background:url(../img/logo_btm.png) no-repeat 50% 50%; background-size:100%;}
.footer .footerCon {display:block; height:auto; overflow:hidden; padding-left:240px;}
.footer .footerCon .utilBtm {display:block; height:auto; overflow:hidden;}
.footer .footerCon .utilBtm .ubMenu a {display:inline-block; font-size:16px; color:#FFF; font-weight:500; padding-right:15px; margin-right:15px; position:relative;}
.footer .footerCon .utilBtm .ubMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:15px; background:#FFF; opacity:0.6;}
.footer .footerCon .utilBtm .ubMenu:last-child a {padding-right:0; margin-right:0;}
.footer .footerCon .utilBtm .ubMenu:last-child a:after {background:none;}
.footer .footerCon .corpInfo {display:block; height:auto; overflow:hidden; margin-top:20px;}
.footer .footerCon .corpInfo .txt {font-size:15px; color:#bbb; line-height:1.4; letter-spacing:0;}
.footer .footerCon .corpInfo .txt span {display:inline-block; padding-right:15px; margin-right:15px; position:relative;}
.footer .footerCon .corpInfo .txt span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:15px; background:#FFF; opacity:0.6;}
.footer .footerCon .corpInfo .txt span:last-child {padding-right:0; margin-right:0;}
.footer .footerCon .corpInfo .txt span:last-child:after {background:none;}

.btnTop a {position:absolute; right:20px; top:50%; transform:translate(0, -50%); width:60px; height:60px; border-radius:50%; background:#d6d6d6 url(../img/ar_top.png) no-repeat 50% 15px; text-align:center; font-size:16px; color:#333; padding-top:22px; box-sizing:border-box; font-weight:700;}

/* 서브공통 */
.subWrap {display:block; height:auto; overflow:hidden; background:#ecf2f6;}
.subWrap .subHeadSec {width:100%; max-width:1320px; margin:0 auto; position:relative; padding:60px 0 30px 0; border-bottom:1px solid #ccc;}
.subWrap .subHeadSec.noBdr {border-bottom:0;}
.subWrap .subHeadSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.subWrap .subHeadSec h2 {text-align:center; font-size:42px; color:#333; letter-spacing:-1px; font-weight:700; margin-bottom:0px;}
.subWrap .subHeadSec .desc {text-align:center; font-size:18px; color:#333;}
.subWrap .subHeadSec .location {text-align:center; font-size:14px; color:#666;}
.subWrap .subHeadSec .location .lotHome a {display:inline-block; width:17px; height:16px; background:url(../img/lot_home.png) no-repeat 50% 50%; vertical-align:-2px;}
.subWrap .subHeadSec .location .lotMenu {display:inline-block; padding-left:17px; margin-left:7px; background:url(../img/ar_lot.png) no-repeat left 5px;}

.comnWrap {width:100%; max-width:1320px; margin:0 auto; position:relative; padding:60px 20px 80px 20px; min-height:700px;}
.comnWrap:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.comnWrap .midTitle {font-size:24px; color:#333; line-height:1.4; text-align:center; margin-bottom:50px;}
.comnWrap.short {padding:0 20px 80px 20px;}
.comnWrap.service {padding:0 20px 80px 20px;}

/* btn 공통 */
.btnArea {clear:both; display:block; height:auto; overflow:hidden; position:relative;}
.btnLogin a {display:inline-block; padding:15px 54px; background:#0180b3; color:#FFF; font-weight:500; font-size:22px; border-radius:60px;}
.btnBack a {display:inline-block; padding:10px 0 13px 0; text-align:center; background:#596b78; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:30%;}
.btnRegist a {display:inline-block; padding:10px 0 13px 0; text-align:center; background:#0180b3; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:60%; margin-left:10px;}

.btnCustom a {float:left; padding:10px 0 13px 0; text-align:center; background:#596b78; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:49%; margin-right:2%;}
.btnBuy a {float:left; padding:10px 0 13px 0; text-align:center; background:#0180b3; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:49%; margin-right:0%;}

/* 로그인 */
.regiSec {display:block; height:auto; overflow:hidden; max-width:500px; width:100%; margin:50px auto 100px;}
.regiSec li {display:block; height:auto; overflow:hidden; margin-bottom:8px;}
.regiSec li .regiTitle {color:#333; font-size:16px; padding:10px 0; font-weight:500;}
.regiSec li .cauTxt {font-size:14px;}
.regiSec li .cauTxt.requird {color:#e3561f;}
.regiSec li .cauTxt.comp {color:#0180b3;}
.regiSec li label {padding:5px 0;}
.regiSec input[type="text"], .regiSec input[type="password"], .regiSec input[type="number"] {display:inline-block; width:100%; height:50px; border:1px solid #bbb; background:#FFF; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; padding:0 15px;}
.regiSec input.inputId {background:#f5f8f9 url(../img/rico_id.png) no-repeat 17px 50%; padding:0 50px; box-sizing:border-box;}
.regiSec input.inputPw {background:#f5f8f9 url(../img/rico_pw.png) no-repeat 17px 50%; padding:0 50px; box-sizing:border-box;}
.regiSec input.read {padding:0; background:transparent; border:0; font-size:18px; font-weight:500; height:auto; line-height:1.0; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.regiSec li select {display:inline-block; width:100%; height:50px; border:1px solid #bbb; background:#FFF; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; padding:0 15px;}
.regiSec li.agree {padding:10px 0; border-bottom:1px solid #ccc;}
.regiSec li .serviceAgree {display:block; height:auto; overflow:hidden; position:relative;}
.regiSec li .serviceAgree .chkAgree {float:right;}
.regiSec li .serviceAgree .txt {position:absolute; left:0; top:50%; transform:translate(0, -50%); color:#666; font-size:16px;}
.regiSec li .serviceAgree label {display:inline-block; margin-right:15px; font-size:16px;}
.regiSec li .serviceAgree label:last-child {margin-right:0;}
.regiSec li .legalAgree {display:block; height:auto; overflow:hidden; position:relative; font-size:14px; color:#666;}
.regiSec li .legalAgree .viewLegal a {position:absolute; right:0px; top:6px; text-align:right; color:#0180b3; font-size:14px; text-decoration:underline;}
.regiSec li.leave {padding-top:10px; text-align:right;}
.regiSec li.leave .btnLeave a {display:inline-block; text-decoration:underline; font-size:16px; color:#666;}

.regiSec li.caution {padding-top:10px;}
.regiSec li.caution .leaveCau {display:block; height:auto; overflow:hidden; padding:5px 0 5px 15px; font-size:13px; color:#666; position:relative; line-height:1.3;}
.regiSec li.caution .leaveCau:after {content:''; position:absolute; left:5px; top:12px; width:3px; height:3px; background:#666; border-radius:50%;}

.regiSec li.resultId {padding:40px 0 20px 0; text-align:center; color:#e3561f; font-size:20px;}
.regiSec li.resultPw {padding:20px 0; text-align:center; color:#333; font-size:20px;}
.regiSec li.findResult {padding:30px 0; text-align:center; font-size:20px;  color:#333; line-height:2.0;} 
.regiSec li.findResult em {color:#0180b3; font-size:24px; font-weight:500;}
.regiSec li .etcReason {clear:both; display:block; height:auto; overflow:hidden; margin-top:10px;}
.regiSec li .etcReason textarea {display:inline-block; width:100%; height:100px; border:1px solid #bbb; background:#FFF; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; padding:15px; line-height:1.4;}

.accountTab {display:block; height:auto; overflow:hidden; padding-bottom:20px; border-bottom:2px solid #bbb; margin:50px 0 20px 0;}
.accountTab .atMenu a {float:left; width:50%; height:auto; font-size:20px; text-align:center; color:#999; position:relative;}
.accountTab .atMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:80%; background:#bbb;}
.accountTab .atMenu:last-child a:after {background:none;}
.accountTab .atMenu.on a {color:#333; font-weight:500;}

.regiSec .btnArea {padding:30px 0; text-align:center;}
.regiSec .regiUtil {display:block; height:auto; overflow:hidden; position:relative; text-align:left;}
.regiSec .regiUtil .regiTxtMenu a {display:inline-block; font-size:16px; color:#666; padding-right:13px; margin-right:10px; position:relative;}
.regiSec .regiUtil .regiTxtMenu a:hover {color:#0180b3;}
.regiSec .regiUtil .regiTxtMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:60%; background:#bbb;}
.regiSec .regiUtil .regiTxtMenu:last-child a {padding-right:0; margin-right:0;}
.regiSec .regiUtil .regiTxtMenu:last-child a:after {background:none;}
.regiSec .regiUtil .regiTxtMenu.single a {padding-right:0; margin-right:0;}
.regiSec .regiUtil .regiTxtMenu.single a:after {background:none;}
.regiSec .regiUtil .findAccount {float:right; text-align:left;}
.regiSec .welcomeSec {text-align:center; padding:50px 0 0 0;}
.regiSec .welcomeSec .logo {margin-bottom:10px;}
.regiSec .welcomeSec .logo img {max-width:100%;}
.regiSec .welcomeSec .welcomTxt {color:#333; font-size:30px; line-height:1.4;}
.regiSec .welcomeSec .welcomDesc {color:#333; font-size:20px; padding:30px 0; display:none;}
.regiSec .welcomeSec .welcomCau {color:#666; font-size:18px; padding-top:10px; border-top:1px solid #666; margin-top:30px;}

/* 데이터 상품 */
.dpCate .cateSort {display:block; height:auto; overflow:hidden; border-radius:60px; padding:9px 9px 9px 12px; background:#FFF; border:1px solid #ddd; padding-right:60px; margin-bottom:30px; position:relative;}
.dpCate .cateSort.on {height:auto; border-radius:24px;}
.dpCate .cateSort .cateMore a {position:absolute; right:10px; top:4px; width:50px; height:50px; background:url(../img/ico_more.png) no-repeat 50% 50%;}
.dpCate .cateSort .sortOpt a {float:left; padding:1px 20px 3px 20px; font-size:18px; color:#888; border-radius:26px; margin:4px 0;}
.dpCate .cateSort .sortOpt.active a {background:#333; color:#FFF; font-weight:500;}

.resultSec {position:relative; margin-bottom:40px;}
.resultSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpSort {display:block; height:auto; overflow:hidden; position:relative; text-align:left; border-bottom:2px solid #bbb; padding:0 10px 15px 15px;; margin-bottom:40px;}
.dpSort .result {color:#333; font-size:22px;}
.dpSort .result em {color:#000; font-weight:700; letter-spacing:0;}
.dpSort .charge a {display:inline-block; color:#999; font-size:20px; padding-left:25px; background:url(../img/ico_off.png) no-repeat left 50%; margin-right:15px;}
.dpSort .charge.on a {color:#0080b3; background:url(../img/ico_on.png) no-repeat left 50%;}
.dpSort .comnSort {float:right; text-align:left;}
.dpSort .comnSort .sortTxt a {display:inline-block; font-size:16px; color:#bbb; padding-bottom:5px; position:relative; margin:0 8px;}
.dpSort .comnSort .sortTxt.on a {color:#0080b3;}
.dpSort .comnSort .sortTxt.on a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#0080b3;}
.dpSort.my {border-bottom:0; margin-bottom:0;}
.dpSort.my .totalCount {display:inline-block;}

.dpSort .prdSch {display:inline-block; height:auto; margin-left:20px; vertical-align:3px;}
.dpSort .prdSch input[type="text"] {display:inline-block; width:250px; height:30px; line-height:28px; background:#FFF; border:1px solid #dadada; border-radius:36px; padding:0 20px; font-size:14px; color:#333; margin-right:5px;}
.dpSort .prdSch button {display:inline-block; height:30px; font-size:14px; color:#FFF; font-weight:500; padding:0 20px; border-radius:36px; background:#999;}

.totalDp {display:block; color:#333; font-size:16px; margin-bottom:20px; padding-left:15px;}
.totalDp em {font-weight:700;}

.sGestSec {position:relative; margin-bottom:40px;}
.sGestSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.sGestSec .sgPart {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px; position:relative; background:#FFF; border-radius:15px;}
.sGestSec .sgPart a {display:block; position:relative; z-index:10; padding:20px;}
.sGestSec .sgPart:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ccc; border-radius:15px; z-index:1; box-sizing:border-box;}
.sGestSec .sgPart:hover:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0180b3; border-radius:15px; z-index:1; box-sizing:border-box;}
.sGestSec .sgPart:nth-child(2n) {margin-right:0;}
.sGestSec .sgPart:hover .sgTitle {color:#0180b3;}
.sGestSec .sgTitle {font-size:18px; color:#333; margin-bottom:10px;}
.sGestSec .sgTitle em {font-weight:500;}
.sGestSec .sgDesc {color:#666; font-size:16px; line-height:1.4; padding-left:10px;}

.dpList {position:relative;}
.dpList:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpList li {float:left; width:22.75%; height:auto; margin-right:3%; position:relative; margin-bottom:40px;}
.dpList li.full {width:100%; margin-right:0;}
.dpList li:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpList li .prdSetBox {position:absolute; right:-85px; top:13px; background:#FFF; border-radius:10px; border:1px solid #999; padding:10px 20px; z-index:10000; display:none;
-webkit-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
	box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.21);
}
.dpList li .prdSetBox.on {display:block;}
.dpList li .prdSetBox:after {content:''; position:absolute; left:-15px; top:15px; width:16px; height:17px; background:url(../img/ico_tail.png) no-repeat 50% 50%;}
.dpList li .prdSetBox dd {display:block; height:auto; overflow:hidden; font-size:16px; border-bottom:1px solid #dadada;}
.dpList li .prdSetBox dd:last-child {border-bottom:0;}
.dpList li .prdSetBox dd a {display:block; padding:5px 0; color:#333;}
.dpList li .prdSetBox dd a:hover {color:#0180b3;}
.dpList .empty {padding:40px 0; text-align:center; font-size:14px;}

.empty {display:block; padding:40px 0; text-align:center; font-size:14px;}

.dpMore {display:block; height:auto; overflow:hidden; text-align:center; clear:both;}
.dpMore a {display:inline-block; padding:10px 40px; color:#333; font-size:16px; position:relative; background:#FFF; border:1px solid #d4d4d4; border-radius:46px;}
.dpMore a:after {content:''; display:inline-block; width:18px; height:10px; background:url(../img/ar_more.png) no-repeat 50% 50%; margin-left:10px;}

.dpContSec {float:left; width:65%; height:auto; overflow:hidden; background:#FFF; border-radius:14px; border:1px solid #d4d4d4;}
.dpContSec .dpTab {padding:30px 20px 20px 20px; position:relative; border-bottom:1px solid #0080b3; margin-bottom:0px;}
.dpContSec .dpTab:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpContSec .dpTab .dpTabMenu a {float:left; padding:0 30px; color:#666; font-size:20px; font-weight:500; position:relative;}
.dpContSec .dpTab .dpTabMenu.on a {color:#0080b3;}
.dpContSec .dpTab .dpTabMenu.on a:after {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:-27px; width:14px; height:14px; border-radius:50%; background:#0080b3;}
.dpContSec .dpTab .btnPrdQna a {position:absolute; right:30px; top:30px; padding:3px 15px 5px 15px; border:2px solid #596b78; border-radius:30px; font-size:14px; color:#596b78; font-weight:500; display:none;}

.dpContSec .dpCont {position:relative; padding:40px 30px 50px 30px; display:none;}
.dpContSec .dpCont:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dpContSec .dpCont .dpSummary {display:block; line-height:1.5; color:#333; margin-top:30px;}
.dpContSec .dpCont .dpSummary p,
.dpContSec .dpCont .dpSummary span,
.dpContSec .dpCont .dpSummary div {font-size:12pt;}
.dpContSec .dpCont .dpStrInfo {display:block; border-top:2px solid #333; border-bottom:1px solid #333;}
.dpContSec .dpCont .dpStrInfo table {padding:0; margin:0; width:100%; table-layout:fixed;}
.dpContSec .dpCont .dpStrInfo th, .dpContSec .dpCont .dpStrInfo td {padding:12px 20px; min-height:50px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.dpContSec .dpCont .dpStrInfo th {background:#f5f5f5; font-size:16px; text-align:left; font-weight:400; padding-left:25px;}
.dpContSec .dpCont .dpStrInfo td {background:#FFF; font-size:16px; color:#333;}
.dpContSec .dpCont .dpStrInfo td:last-child {border-right:0;}
.dpContSec .dpCont .dpStrInfo td .dpKey {display:inline-block; padding:4px 15px 6px 15px; border-radius:4px; color:#FFF; background:#3d94b7; margin:2px 5px 2px 0; font-size:14px;}
.dpContSec .dpCont .dpStrInfo td .dpKey:last-child {margin-right:0;}
.dpContSec .dpCont .dpStrInfo td .chn {vertical-align:middle;}
.dpContSec .dpCont .dpStrInfo td .perData li {display:block; position:relative; padding-left:10px; line-height:1.5;}
.dpContSec .dpCont .dpStrInfo td .perData li:after {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}

.dpContSec .dpCont .dpSample {display:block; height:auto; overflow:hidden;}
.dpContSec .dpCont .dpSample .swiper-slide {padding:0 20px;text-align:center;}
.dpContSec .dpCont .dpSample .swiper-slide img {width:auto;max-width:100%;}
.dpContSec .dpCont .dpSample .sample-prev {position:absolute; left:0; top:50%; transform:translatE(0, -50%); width:46px; height:46px; background:url(../img/dp_left.png) no-repeat 50% 50%; cursor:pointer; z-index:10;}
.dpContSec .dpCont .dpSample .sample-next {position:absolute; right:0; top:50%; transform:translatE(0, -50%); width:46px; height:46px; background:url(../img/dp_right.png) no-repeat 50% 50%; cursor:pointer; z-index:10;}
.dpContSec .dpCont .dpSample .sample-prev.swiper-button-disabled {display:none;}
.dpContSec .dpCont .dpSample .sample-next.swiper-button-disabled {display:none;}
.dpContSec .dpCont .dpSample .sample-pagination {display:block; position:relative; bottom:unset; text-align:center; padding-top:15px;}
.dpContSec .dpCont .dpSample .sample-pagination .swiper-pagination-bullet {display:inline-block; width:15px; height:15px; border-radius:50%; background:#666; margin:0 3px;}
.dpContSec .dpCont .dpSample .sample-pagination .mv-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1.0;}

.perSample {display:block; height:auto; overflow:hidden;}
.perSample li {display:block; height:auto; overflow:hidden; letter-spacing:0px; padding:10px 0; border-bottom:1px solid #dadada;}
.perSample li a {padding:10px 0;}
.perSample li.file a {padding-left:30px; background:url(../img/dico_down.png) no-repeat left 10px;}

.prdQna {display:block; height:auto; overflow:hidden; border-top:2px solid #999;}
.prdQna .dpMore {margin-top:35px;}
.prdQna li {display:block; height:auto; overflow:hidden; position:relative; border-bottom:1px solid #ccc;}
.prdQna li .questSec {display:block; height:auto; overflow:hidden; position:relative; padding:15px 95px 15px 10px; font-size:16px; color:#333; cursor:pointer;}
.prdQna li .writer {display:block; color:#333; font-size:14px; margin-bottom:5px;}
.prdQna li .writer em {display:inline-block; margin-left:12px; padding-left:15px; position:relative; font-size:14px; color:#999;}
.prdQna li .writer em:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:50%; background:#999; letter-spacing:0;}
.prdQna li .questSec .qSubject {display:block; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prdQna li .questSec .qnaStats {position:absolute; right:10px; top:26px; padding:5px 15px 7px 15px; border-radius:30px; font-size:14px;}
.prdQna li .questSec .qnaStats.hold {background:#999; color:#FFF;}
.prdQna li .questSec .qnaStats.fin {background:#0180b3; color:#FFF;}
.prdQna li .ansSec {display:block; height:auto; overflow:hidden; position:relative; padding:15px 10px; font-size:14px; color:#333; display:none; border-top:1px solid #ccc;}
.prdQna li .ansSec .questCon {display:block; color:#333; font-size:16px; line-height:1.4;}
.prdQna li .ansSec .ansCon {clear:both; display:block; height:auto; overflow:hidden; margin-top:15px; background:#f0f0f0; padding:15px;}
.prdQna li .ansSec .ansCon .aCon {display:block; color:#333; font-size:16px; line-height:1.4;}


.dpInfoSec {position:absolute; right:20px; top:60px; width:31%; height:auto; overflow:hidden;}
.dpInfoSec.fixed {position:fixed;}
.dpInfoSec .dpSaleInfo {display:block; height:auto; overflow:hidden; margin-top:30px;}
.dpInfoSec .dpSaleInfo .dpCate {display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.dpInfoSec .dpSaleInfo .dpCate .cateTxt {display:inline-block; padding:2px 10px 4px 10px; border-radius:4px; color:#FFF; background:#66ab03; margin-right:5px; font-size:14px; min-width:50px; text-align:center; box-sizing:border-box; margin-bottom:5px;}
.dpInfoSec .dpSaleInfo .dpCate .cateTxt:last-child {margin-right:0;}
.dpInfoSec .dpSaleInfo .dpSubject {font-size:30px; font-weight:500; line-height:1.4;}
.dpInfoSec .dpSaleInfo .registerInfo {display:block; height:auto; overflow:hidden; margin:30px 0;}
.dpInfoSec .dpSaleInfo .registerInfo li {display:block; font-size:16px; color:#666; line-height:1.6; position:relative; padding-left:20px; font-weight:500; letter-spacing:0;}
.dpInfoSec .dpSaleInfo .registerInfo li:after {content:''; position:absolute; left:5px; top:10px; width:4px; height:4px; background:#666; border-radius:50%;}
.dpInfoSec .dpSaleInfo .dpPrice {display:block; height:auto; overflow:hidden; text-align:right; font-size:34px; font-weight:700; color:#267dc0;}
.dpInfoSec .dpSaleInfo .dpPrice em {display:inline-block; font-size:20px; color:#666; margin-left:10px;}

.dpInfoSec .dpStats {display:flex; height:auto; justify-content: space-around; background:#e6eaec; margin-top:20px; padding:15px 30px; z-index:10; text-align:center;}
.dpInfoSec .dpStats .icoSt {display:inline-block; padding:0 0px 0 25px; font-size:16px; color:#666; font-weight:300; font-weight:500;}
.dpInfoSec .dpStats .icoSt a {display:inline-block; padding:0 0px 0 25px; font-size:16px; color:#666; font-weight:300; font-weight:500;}
.dpInfoSec .dpStats .icoSt.heart {padding:0;}
.dpInfoSec .dpStats .icoSt.heart a {background:url(../img/dico_heart.png) no-repeat left 50%;}
.dpInfoSec .dpStats .icoSt.heart.on a {background:url(../img/dico_heart_on.png) no-repeat left 50%; color:#267dc0;}
.dpInfoSec .dpStats .icoSt.down {background:url(../img/dico_down.png) no-repeat left 50%;}
.dpInfoSec .dpStats .icoSt.view {background:url(../img/dico_view.png) no-repeat left 50%;}

.dpInfoSec .btnArea {margin-top:30px;}

.dpInfoSec .dpFunc {display:block; height:auto; overflow:hidden; margin-top:20px; padding-top:20px; border-top:2px solid #bbb; text-align:center;}
.dpInfoSec .dpFunc .goPds a {display:inline-block; width:34px; height:34px; vertical-align:middle;}
.dpInfoSec .dpFunc .goPds.prev a {background:url(../img/prd_prev.png) no-repeat 50% 50%; text-indent:-9999px;}
.dpInfoSec .dpFunc .goPds.next a {background:url(../img/prd_next.png) no-repeat 50% 50%; text-indent:-9999px;}
.dpInfoSec .dpFunc .goPds.list a {width:auto; font-size:14px; line-height:34px; border-radius:34px; background:#666; color:#FFF; padding:0 20px; margin:0 10px;}

.dataOrderSec {position:relative; width:100%; max-width:1024px; background:#FFF; border-radius:14px; border:1px solid #d4d4d4; margin:0 auto; padding:40px;}
.dataOrderSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.dataOrderSec .ordTitle {color:#333; font-size:18px; font-weight:500; padding:10px 0;}
.dataOrderSec .dataOrd {display:block; height:auto; overflow:hidden; border-top:1px solid #bbb; border-bottom:1px solid #bbb; position:relative; padding:20px 150px 20px 0; margin-bottom:20px;}
.dataOrderSec .dataOrd .prdSubject {color:#333; font-size:20px; font-weight:500; line-height:1.4;}
.dataOrderSec .dataOrd .prdPrice {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-size:24px; font-weight:700; color:#267dc0;}
.dataOrderSec .dataOrd .prdPrice em {display:inline-block; font-size:20px; color:#666; margin-left:5px;}
.dataOrderSec .dataOrd .perData {display:block; height:auto; overflow:hidden; padding-top:15px;}
.dataOrderSec .dataOrd .perData li {display:block; position:relative; padding-left:10px; line-height:1.5; font-size:16px;}
.dataOrderSec .dataOrd .perData li:after {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}

.dataOrderSec .ordLegal {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.dataOrderSec .ordLegal .itemLegal {display:block; height:100px; overflow:hidden; overflow-y:auto; padding:20px; font-size:14px; color:#333; line-height:1.4; background:#fafafa; border:1px solid #ddd;}
.dataOrderSec .agreeLegal {padding-top:15px; font-size:16px; text-align:right;}
.dataOrderSec .agreeLegal .chkB input + span {font-size:16px;}

.dataOrderSec .ordPayment {display:block; height:auto; overflow:hidden; margin-bottom:60px;}
.dataOrderSec .ordPayment ul {display:block; height:auto; overflow:hidden;}
.dataOrderSec .ordPayment li {float:left; width:32%; margin-right:2%; height:auto; overflow:hidden;}
.dataOrderSec .ordPayment li:last-child {margin-right:0;}
.dataOrderSec .ordPayment li a {display:block; padding:20px 0; border:1px solid #ddd; text-align:center; font-size:18px; color:#666;}
.dataOrderSec .ordPayment li a.on {border:2px solid #0180b3; background:#FFF; color:#0180b3; font-weight:500;}
.dataOrderSec .ordPayment .billingArea {display:block; height:auto; overflow:hidden; margin-top:20px; clear:both; box-sizing:border-box; display:none;}
.dataOrderSec .ordPayment .billingArea table {padding:0; margin:0; width:100%; table-layout:fixed; margin-bottom:20px; box-sizing:border-box;}
.dataOrderSec .ordPayment .billingArea th, .dataOrderSec .ordPayment .billingArea td {border:1px solid #ddd; padding:8px 15px; font-size:16px; text-align:left; box-sizing:border-box;}
.dataOrderSec .ordPayment .billingArea th {background:#f0f0f0; font-weight:400;}
.dataOrderSec .ordPayment .billingArea td label {margin-right:20px;}
.dataOrderSec .ordPayment .billingArea td.chkTd {border:0px; padding:8px 15px 15px 10px;}
.dataOrderSec .ordPayment .billingArea td input[type="text"] {display:inline-block; height:28px; line-height:26px; border:1px solid #ccc; padding:0 10px;}
.dataOrderSec .btnArea {width:100%; max-width:600px; margin:0 auto 40px;}

.ordEndMent {text-align:center; font-size:24px; line-height:1.4; font-weight:500; color:#333; padding:20px 0 40px 0;}
.ordEndMent em {color:#0180b3;}

.ordTable {display:block; height:auto; overflow:hidden; margin-bottom:30px; border-top:2px solid #333;}
.ordTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.ordTable th, .ordTable td {padding:10px 20px; font-size:18px; font-weight:400; text-align:left; border-bottom:1px solid #ccc;}
.ordTable th {background:#e2e9ed;}
.ordGuide {display:block; height:auto; overflow:hidden; margin-bottom:40px; font-size:16px; line-height:1.5;}

.pagingWrap {clear:both; display:block; height:auto; overflow:hidden; padding:20px 0; text-align:center;}
.pagingWrap a {display:inline-block; padding:0 10px; height:40px; line-height:40px; font-size:14px; font-weight:400; vertical-align:middle; border-radius:5px;}
.pagingWrap a.dir {border:1px solid #ccc; background:#FFF; margin:0 5px;}
.pagingWrap a.num {border:1px solid #ccc; font-size:14px; padding:0 16px; margin:0 2px; background:#FFF; box-sizing:border-box;}
.pagingWrap a.num.on {color:#FFF; border:1px solid #2a4198; background:#2a4198;}
.pagingWrap a.num:hover {color:#FFF; border:1px solid #2a4198; background:#2a4198; box-sizing:border-box;}

.ui-state-disabled .ui-state-default {color:#ddd !important;}


/* 분석툴 */
.arStep {display:block; height:auto; overflow:hidden; text-align:center;}
.arStep:after {content:''; display:inline-block; width:28px; height:16px; background:url(../img/ar_step.png) no-repeat 50% 50%;}

.analyBox {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.analyBox .analTitle {font-size:26px; margin-bottom:10px; color:#333; font-weight:500;}
.analyBox .analCon {display:flex; flex-direction: row; height:auto; overflow:hidden; border-radius:10px; background:#0080b3; padding:30px 0; position:relative;}
.analyBox .analCon .analPart {float:left; width:29%; height:auto; overflow:hidden; position:relative; padding:0 30px; box-sizing:border-box;}
.analyBox .analCon .analPart.half {width:58%;}
.analyBox .analCon .analPart.midHalf {width:50%;}
.analyBox .analCon .analPart.hidden {display:none;}
.analyBox .analCon .analPart:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#FFF; opacity:0.3;}
.analyBox .analCon .analPart:last-child:after {background:none;}
.analyBox .analCon .analPart.full {width:87%;}
.analyBox .analCon .analPart.full:after {background:none;}
.analyBox .analCon .analPart .analySubject {font-size:20px; color:#333;}
.analyBox .analCon .analPart input[type="text"], .analyBox .analCon .analPart input[type="number"], .analyBox .analCon .analPart select {display:inline-block; width:100%; height:40px; border:0; background:#FFF; padding:0 15px; font-size:16px; color:#333; border-radius:3px; box-sizing:border-box;}
.analyBox .analCon .analPart select {color:#999;}
.analyBox .analCon .analPart .amidTitle {color:#FFF; font-size:22px; font-weight:500; margin-bottom:10px;}
.analyBox .analCon .analPart .amidTitle em {display:inline-block; font-size:16px; vertical-align:middle; font-weight:300;}
.analyBox .analCon .analPart .amidTitle .caution {display:inline-block; width:26px; height:26px; background:#005c81; border-radius:50%; line-height:26px; font-size:14px; color:#FFF; font-weight:500; text-align:center; margin-left:5px; vertical-align:2px; cursor:pointer;}

.analyBox .analCon .analPart.half .analSelect {display:block; height:auto; overflow:hidden;}
.analyBox .analCon .analPart.half .analSelect label {float:left; width:50%; height:auto; overflow:hidden; margin-bottom:10px;}
.analyBox .analCon .analPart.half .analSelect input + span {color:#FFF; font-size:20px;}
.analyBox .analCon .analPart.half .analSelect .asPart {display:inline-block; font-size:20px; color:#333; padding-left:30px; background:url(../img/dot_b.png) no-repeat left 5px; background-size:22px 22px; margin-right:30px;}

.analyBox .analCon .analPart .innerPart {display:block; height:auto; overflow:hidden;}
.analyBox .analCon .analPart .innerPart.fix {height:150px; padding:10px 0 0 0; font-size:16px; color:#333; line-height:1.3; overflow-y:auto; width:calc(100% - 15%); box-sizing:border-box;}
.analCate {margin-top:10px; display:block; height:auto; overflow:hidden;}
.analCate .inItem {display:inline-block; padding:5px 10px; background:#3d94b7; color:#FFF; font-size:14px; font-weight:500; border-radius:4px; margin-bottom:5px; letter-spacing:0;}
.analCate .inItem a {display:inline-block; width:16px; height:16px; background:url(../img/ico_close_small.png) no-repeat 50% 50%; vertical-align:middle; margin-left:5px;}
.analGuideTxt {color:#FFF; font-size:16px; font-weight:300; line-height:1.3; letter-spacing:0; margin-bottom:10px;}
.inputKeyword {display:block; height:auto; overflow:hidden; padding-right:43px; position:relative; max-width:400px; width:100%;}
.inputKeyword button {position:absolute; right:0; top:0; width:40px; height:40px; background:#666; border-radius:3px; text-indent:-99999px; cursor:pointer;}
.inputKeyword button:before {content:''; position:absolute; left:50%; top:50%; width:46%; height:3px; background:#FFF; transform:translate(-50%, -50%);}
.inputKeyword button:after {content:''; position:absolute; left:50%; top:50%; width:3px; height:46%; background:#FFF; transform:translate(-50%, -50%);}

.analyBox .analCon .analPart .analyPart {display:block; height:auto; overflow:hidden;}
.analyBox .analCon .analPart .analyPart li {display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.analyBox .analCon .analPart .analyPart li a {display:block; color:#FFF; font-size:20px; font-weight:500; position:relative; opacity:0.6;}
.analyBox .analCon .analPart .analyPart li a:before {content:''; display:inline-block; width:22px; height:22px; background:url(../img/dot_w.png) no-repeat 50% 50%; vertical-align:middle; margin-right:5px;}
.analyBox .analCon .analPart .analyPart li a:hover {opacity:1.0;}
.analyBox .analCon .analPart .analyPart li a.on {opacity:1.0;}
.analyBox .analCon .analPart .analyPart li a.fix {opacity:1.0; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.analyBox .analCon .analPart .analyPart li a.fix:before {background:url(../img/dot_b.png) no-repeat 50% 50%;}
.analyBox .analCon .analPart .analyPart li .inputEtc {margin-top:10px; display:none;}
.analyBox .analCon .analPart .analyPart li .inputEtc.on {display:block;}
.analyBox .analCon .analPart .analyPart li label {display:block; height:auto; overflow:hidden;}
.analyBox .analCon .analPart .analyPart li input + span {color:#FFF; font-size:20px;}

.analyBox .analCon .analPart .analyPeriod {display:block; height:auto; overflow:hidden; max-width:400px; width:100%; margin-bottom:15px;}
.analyBox .analCon .analPart .analyPeriod li {float:left; width:45%; height:auto; overflow:hidden; padding-right:45px; position:relative;}
.analyBox .analCon .analPart .analyPeriod li.during {width:10%; text-align:center; line-height:40px; color:#FFF; font-size:16px; padding-right:0;}

.analyBox .analCon .analPart .analyPeriod {display:block; height:auto; overflow:hidden; max-width:400px; width:100%; margin-bottom:15px;}
.analyBox .analCon .analPart .analyPeriod li {float:left; width:45%; height:auto; overflow:hidden; padding-right:45px; position:relative;}
.analyBox .analCon .analPart .analyPeriod li.during {width:10%; text-align:center; line-height:40px; color:#FFF; font-size:16px; padding-right:0;}

.analyBox .analCon .analPart .personPeriod {display:block; height:auto; overflow:hidden; max-width:400px; width:100%; margin-bottom:15px;}
.analyBox .analCon .analPart .personPeriod li {float:left; width:45%; height:auto; overflow:hidden; position:relative;}
.analyBox .analCon .analPart .personPeriod li.during {width:10%; text-align:center; line-height:40px; color:#FFF; font-size:16px; padding-right:0;}

.analyBox .analCon .analPart textarea {display:inline-block; border:0; border-radius:5px; padding:10px; width:calc(100% - 18%); height:100px; box-sizing:border-box; background:#FFF; font-size:16px; line-height:1.4; color:#333;}

.analyBox .analCon .readyTitle {position:absolute; left:30px; top:50%; transform:translate(0, -50%); font-size:22px; color:#999; font-weight:500;}
.analyBox .analCon .readyTitle em {display:inline-block; font-size:16px; vertical-align:middle; font-weight:300;}
.analyBox .analCon .icoImg {display:block; text-align:right; width:100%; height:auto; overflow:hidden; padding-right:30px; box-sizing:border-box;}

.analCon .btnSave a {position:absolute; right:30px; top:50%; transform:translate(0, -50%); padding:10px 30px; background:#FFF; border-radius:40px; color:#0080b3; font-size:18px; font-weight:700;}
.analCon .btnEdit a {position:absolute; right:30px; top:50%; transform:translate(0, -50%); padding:10px 30px; background:#666666; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.analyBox.dis .analTitle {color:#999;}
.analyBox.dis .analCon {background:#FFF; border:1px solid #d4d4d4;}
.analyBox.dis .analCon .analPart .amidTitle {color:#999;}

.viewRetail a {display:block; padding:15px 0 0 0; color:#FFF; font-weight:700; font-size:18px;}
.viewRetail a:after {content:''; display:inline-block; width:11px; height:17px; background:url(../img/jico_next.png) no-repeat 50% 50%; vertical-align:-3px; margin-left:5px;}
.retailSel {clear:both; display:block; height:auto; overflow:hidden; margin-top:25px;}
.retailSel ul {display:block; height:auto; overflow:hidden;}
.retailSel li {float:left; width:49% !important; margin-right:2%;}
.retailSel li:last-child {margin-right:0 !important;}

.orderData {clear:both; display:block; height:auto; overflow:hidden; padding-top:30px; text-align:center;}
.orderData .btnApply a {display:inline-block; padding:12px 50px 14px 50px; text-align:center; background:#0180b3; color:#FFF; font-weight:500; font-size:20px; border-radius:60px;}

.totalOrdSec {clear:both; display:block; height:auto; overflow:hidden; padding-top:0px; display:none;}
.totalOrdSec .paySec {display:block; margin-bottom:30px; text-align:center;}
.totalOrdSec .paySec .psTitle {color:#666; font-size:18px;}
.totalOrdSec .paySec .price {color:#666; font-size:18px;}
.totalOrdSec .paySec .price em {color:#018bb3; font-size:34px; font-weight:500;}
.totalOrdSec .paySec .date {color:#333; font-size:20px; font-weight:500;}
.totalOrdSec .cauTxt {font-size:18px; color:#333; line-height:1.4; text-align:center;}
.totalOrdSec .btnArea {display:block; height:auto; overflow:hidden; max-width:520px; margin:0 auto; width:100%; margin-top:30px;}
.totalOrdSec .btnArea .btnCart a {float:left; padding:10px 0 13px 0; text-align:center; background:#596b78; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:49%; margin-right:2%;}
.totalOrdSec .btnArea .btnPay a {float:left; padding:10px 0 13px 0; text-align:center; background:#0180b3; color:#FFF; font-weight:500; font-size:22px; border-radius:60px; width:49%; margin-right:0%;}

.exampleSec {display:block; height:auto; overflow:hidden; background:#e2e9ed; padding:40px; position:relative;}
.exampleSec .exTitle {color:#333; font-size:22px; margin-bottom:20px;}
.exampleSec .exInner {display:block; height:auto; overflow:hidden; position:relative; padding-right:33%;}
.exampleSec .exInner .exSentance {position:relative; background:#FFF; border-radius:5px; padding:40px; margin-right:90px; font-size:16px; line-height:1.3; color:#333;}
.exampleSec .exInner .exSentance:after {content:''; position:absolute; right:-90px; top:50%; transform:translate(0, -50%); width:90px; height:68px; background:url(../img/ar_example.png) no-repeat right 50%;}
.exampleSec .exInner .outputTxt {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:33%; text-align:center;}
.exampleSec .exGuideTxt {text-align:center; margin-top:30px; font-size:20px; line-height:1.3;}

.customForm {clear:both; display:block; height:auto; overflow:hidden; max-width:840px; width:100%; margin:30px auto 10px;}
.customForm li {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.customForm li .cfTitle {color:#333; font-size:18px; font-weight:400; margin-bottom:10px; padding-left:10px;}
.customForm li input[type="text"] {display:inline-block; width:100%; height:40px; border:1px solid #bbb; background:#FFF; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; padding:0 15px; box-sizing:border-box;}
.customForm li textarea {display:inline-block; width:100%; height:300px; border:1px solid #bbb; background:#FFF; border-radius:4px; box-sizing:border-box; font-size:16px; line-height:1.4; color:#333; padding:15px; box-sizing:border-box;}

.analySentance {display:block; height:auto; overflow:hidden; background:#e2e9ed; padding:40px; position:relative; margin-bottom:50px;}
.analySentance li {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.analySentance li .cfTitle {color:#333; font-size:18px; font-weight:400; margin-bottom:10px; padding-left:10px;}
.analySentance li .subject {display:block; height:auto; overflow:hidden; padding:20px; background:#FFF; font-size:16px; color:#333;}
.analySentance .btnEdit a {display:inline-block; padding:10px 30px; padding:10px 30px; background:#666666; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.btnNext a {display:inline-block; padding:10px 30px; text-align:center; background:#0180b3; color:#FFF; font-weight:500; font-size:18px; border-radius:60px; }

/* bbs */
.bbsWrap {display:block; height:auto; overflow:hidden; border:1px solid #d4d4d4; border-radius:10px; background:#FFF; padding:40px;}
.bbsTab { padding:15px 0; text-align:center; border-bottom:1px solid #d4d4d4; position:relative; margin-bottom:40px;}
.bbsTab:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.bbsTab .tabMenu a {display:inline-block; padding:10px; color:#999; font-size:20px; margin:0 50px; position:relative;}
.bbsTab .tabMenu.on a {color:#333;}
.bbsTab .tabMenu.on a:after {content:''; position:absolute; left:50%; bottom:-21px; transform:translate(-50%, 0); width:10px; height:10px; background:#0180b3; border-radius:50%;}

.bbsSearch {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.bbsSearch .form {float:right; position:relative; padding-right:80px; width:100%; max-width:430px;}
.bbsSearch .form input[type="text"] {display:inline-block; width:100%; height:40px; line-height:40px; background:#FFF; border:1px solid #a7a7a7; box-sizing:border-box; padding:0 15px;}
.bbsSearch .form button.btnSearch {position:absolute; right:0; top:0; width:70px; height:40px; line-height:40px; background:#333; color:#FFF; font-size:16px; font-weight:500;}

.bbsList {display:block; height:auto; overflow:hidden; border-top:2px solid #999;}
.bbsList .dpMore {margin-top:35px;}
.bbsList li {display:block; height:auto; overflow:hidden; position:relative; border-bottom:1px solid #ccc;}
.bbsList li .subject {display:block; height:auto; overflow:hidden; font-size:18px; color:#333; padding-right:90px;}
.bbsList li .subject .lock {display:inline-block; width:17px; height:23px; background:url(../img/rico_pw.png) no-repeat 50% 50%; background-size:100%; vertical-align:-4px; margin-left:5px;}
.bbsList li .bbsDate {position:absolute; right:30px; top:50%; transform:translate(0, -50%); text-align:center; font-size:16px; color:#999; width:120px;}
.bbsList li a {display:block; padding:26px 30px;}
.bbsList li a:hover {background:#f0f6f9;}
.bbsList .btnArea {text-align:right; margin:30px 0;}
.bbsList .btnArea .btnApply a {display:inline-block; padding:10px 50px 14px 50px; background:#0180b3; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 5px;}
.bbsList .btnArea .btnCancel a {display:inline-block; padding:10px 50px 14px 50px; background:#999; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 5px;}
.bbsList li .qaCate {position:absolute; left:30px; top:50%; transform:translate(0, -50%); font-size:14px; color:#999;}
.bbsList li .writer {position:absolute; right:280px; top:50%; transform:translate(0, -50%); width:90px; font-size:16px; font-weight:700; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList li .qaStats {position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:90px; font-size:16px; font-weight:700; text-align:center;}
.bbsList li .qaStats.hold {color:#666;}
.bbsList li .qaStats.comp {color:#0180b3;}
.bbsList.qa li a {padding:15px 30px;}
.bbsList.qa li .bbsDate {right:150px;}
.bbsList.qa li .subject {padding:0 360px 0 130px;}

.pwDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:flex; align-items:center; justify-content:center; opacity:0; z-index:-100;}
.pwDim.on {opacity:1.0; z-index:100;}
.pwDim .pwTitle {color:#FFF; font-size:16px; display:inline-block; margin-right:15px; vertical-align:middle;}
.pwDim input[type="password"] {display:inline-block; width:150px; background:#f0f0f0; border:0; height:30px; line-height:30px; text-align:center; vertical-align:middle;}
.pwDim button {display:inline-block; height:30px; line-height:30px; padding:0 20px; background:#0180b3; color:#FFF; font-size:16px; margin-left:10px; vertical-align:middle;}
.pwDim .pwClose {display:inline-block; height:30px; width:30px; background:url(../img/ico_close_w.png) no-repeat 50% 50%; background-size:18px 18px; margin-left:10px; cursor:pointer; vertical-align:middle;}

.bbsView {display:block; height:auto; overflow:hidden; border-top:2px solid #999;}
.bbsView .bbsSubject {display:block; padding:26px 30px; height:auto; overflow:hidden; border-bottom:1px solid #ccc; background:#f0f6f9; font-size:20px; color:#333; position:relative;}
.bbsView .bbsSubject .qaCate {display:block; font-size:14px; color:#999;}
.bbsView .bbsSubject .qaStats {position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:90px; font-size:16px; font-weight:700; text-align:center;}
.bbsView .bbsSubject .qaStats.hold {color:#666;}
.bbsView .bbsSubject .qaStats.comp {color:#0180b3;}
.bbsView .bbsViewInfo {display:block; padding:20px 30px; height:auto; overflow:hidden; color:#6f6762; font-size:16px; border-bottom:1px solid #ccc;}
.bbsView .bbsViewInfo span {margin-right:20px;}
.bbsView .bbsCon {display:block; padding:40px 30px; height:auto; overflow:hidden; border-bottom:1px solid #333; font-size:12pt;}
.bbsView .bbsCon p,
.bbsView .bbsCon span,
.bbsView .bbsCon div {font-size:12pt;}
.bbsView .bbsCon .qCon {display:block; height:auto; overflow:hidden; color:#6f6762; font-size:18px;}
.bbsView .bbsCon .bbsConReply {display:block; height:auto; overflow:hidden; color:#6f6762; font-size:18px; margin-top:30px; padding-top:30px; border-top:1px dashed #dadada;}
.bbsView .bbsCon .bbsConReply .repWriter {font-size:16px; color:#333; margin-bottom:10px;}
.bbsView .bbsCon .bbsConReply .repWriter span {margin-left:15px; letter-spacing:0;}
.bbsView .btnArea {margin-top:30px; text-align:right;}
.bbsView .btnArea span a {margin-right:5px;}
.bbsView .btnArea span:last-child a {margin-right:0;}
.bbsView .btnArea .btnList a {display:inline-block; padding:10px 50px 14px 50px; background:#333; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}
.bbsView .btnArea .btnEdit a {display:inline-block; padding:10px 30px 14px 30px; background:#0180b3; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}
.bbsView .btnArea .btnDel a {display:inline-block; padding:10px 30px 14px 30px; background:#999; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.faqCate {display:flex; flex-direction: row; justify-content: center; height:auto; overflow:hidden; margin:30px 0;}
.faqCate .fCate {display:inline-block; width:110px; height:110px; padding-top:70px; text-align:center; color:#999; font-size:16px; font-weight:300; cursor:pointer; box-sizing:border-box; margin:0 15px; border-radius:3px;}
.faqCate .fCate.c01 {background:#FFF url(../img/fico01.png) no-repeat 50% 20px;}
.faqCate .fCate.c02 {background:#FFF url(../img/fico02.png) no-repeat 50% 20px;}
.faqCate .fCate.c03 {background:#FFF url(../img/fico03.png) no-repeat 50% 20px;}
.faqCate .fCate.c04 {background:#FFF url(../img/fico04.png) no-repeat 50% 20px;}
.faqCate .fCate.c05 {background:#FFF url(../img/fico05.png) no-repeat 50% 20px;}
.faqCate .fCate.c06 {background:#FFF url(../img/fico06.png) no-repeat 50% 20px;}
.faqCate .fCate.c07 {background:#FFF url(../img/fico07.png) no-repeat 50% 20px;}

.faqCate .fCate.c01:hover {background:#0180b3 url(../img/fico01_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c02:hover {background:#0180b3 url(../img/fico02_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c03:hover {background:#0180b3 url(../img/fico03_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c04:hover {background:#0180b3 url(../img/fico04_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c05:hover {background:#0180b3 url(../img/fico05_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c06:hover {background:#0180b3 url(../img/fico06_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c07:hover {background:#0180b3 url(../img/fico07_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}

.faqCate .fCate.c01.on {background:#0180b3 url(../img/fico01_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c02.on {background:#0180b3 url(../img/fico02_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c03.on {background:#0180b3 url(../img/fico03_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c04.on {background:#0180b3 url(../img/fico04_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c05.on {background:#0180b3 url(../img/fico05_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c06.on {background:#0180b3 url(../img/fico06_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}
.faqCate .fCate.c07.on {background:#0180b3 url(../img/fico07_on.png) no-repeat 50% 20px; color:#FFF; font-weight:400;}

.faqList {display:block; height:auto; overflow:hidden; border-top:2px solid #999;}
.faqList .dpMore {margin-top:35px;}
.faqList li {display:block; height:auto; overflow:hidden; position:relative; border-bottom:1px solid #ccc;}
.faqList li .questSec {display:block; height:auto; overflow:hidden; position:relative; padding:26px 30px; font-size:18px; color:#333; cursor:pointer; transition:.4s all;}
.faqList li .questSec.on {background:#ecf2f6; font-weight:700;}
.faqList li .questSec .icoQ {display:inline-block; color:#FFF; font-size:20px; background:#596b78; border-radius:4px; padding:3px 13px 6px 13px; margin-right:10px; font-weight:500;}
.faqList li .questSec .questAr {position:absolute; right:26px; top:40px; width:20px; height:11px; background:url(../img/ar_step.png) no-repeat 50% 50%; background-size:100%; transform:rotate(-180deg); transition:.4s all;}
.faqList li .questSec .questAr.on {transform:rotate(0deg);}
.faqList li .ansSec {display:block; height:auto; overflow:hidden; position:relative; padding:26px 30px 26px 80px; font-size:18px; color:#333; display:none; border-top:1px solid #ccc;}
.faqList li .ansSec .icoA {position:absolute; left:30px; top:26px; color:#FFF; font-size:20px; background:#0180b3; border-radius:4px; padding:3px 13px 6px 13px;  font-weight:500;}

.bbsQaForm {display:block; height:auto; overflow:hidden;}
.bbsQaForm .required {text-align:right; color:#666; font-size:16px; margin-bottom:15px;}
.bbsQaForm .required em {color:#e3561f; font-weight:500;}
.bbsQaForm ul {display:block; height:auto; overflow:hidden; border-top:2px solid #999; border-bottom:1px solid #999;}
.bbsQaForm ul li {display:block; height:auto; overflow:hidden; padding:10px 60px 10px 180px; position:relative; line-height:40px;}
.bbsQaForm ul li.single {padding-left:60px;}
.bbsQaForm ul li:first-child {margin-top:20px;}
.bbsQaForm ul li:last-child {margin-bottom:20px;}
.bbsQaForm ul li input[type="text"], .bbsQaForm ul li input[type="password"], .bbsQaForm ul li input[type="file"] {display:inline-block; width:100%; height:40px; line-height:40px; background:#FFF; border:1px solid #a7a7a7; box-sizing:border-box; padding:0 15px;}
.bbsQaForm ul li select {display:inline-block; width:100%; height:40px; line-height:40px; background:#FFF; border:1px solid #a7a7a7; box-sizing:border-box; padding:0 15px;}
.bbsQaForm ul li textarea {display:inline-block; width:100%; height:300px; line-height:1.3; background:#FFF; border:1px solid #a7a7a7; box-sizing:border-box; padding:15px;}
.bbsQaForm ul li .itemTitle {position:absolute; left:30px; top:50%; transform:translate(0, -50%); font-size:18px; color:#333; font-weight:500; padding-left:30px;}
.bbsQaForm ul li .itemTitle em {color:#e3561f; font-weight:500;}
.bbsQaForm ul li .itemTitle.etc {top:14px;}
.bbsQaForm ul li .cauTxt {display:block; margin-top:5px; color:#e3561f; font-size:16px; line-height:1.4;}
.bbsQaForm ul li label {display:inline-block; margin-right:20px;}
.bbsQaForm .btnArea {text-align:center; margin-top:30px;}
.bbsQaForm .btnArea .btnApply a {display:inline-block; padding:10px 50px 14px 50px; background:#0180b3; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 5px;}
.bbsQaForm .btnArea .btnCancel a {display:inline-block; padding:10px 50px 14px 50px; background:#999; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 5px;}

.bbsQaForm.prd ul li {padding:20px 60px 20px 140px; border-bottom:1px dashed #dadada;}
.bbsQaForm.prd ul li:first-child {margin-top:0px;}
.bbsQaForm.prd ul li:last-child {margin-bottom:0px;}
.bbsQaForm.prd ul li input[type="text"], .bbsQaForm.prd ul li input[type="file"] {background:#f5f8f9;}
.bbsQaForm.prd ul li select {width:30%; background:#f5f8f9;}
.bbsQaForm.prd ul li textarea {background:#f5f8f9; height:200px; font-size:16px; color:#333;}
.bbsQaForm.prd ul li .itemTitle {left:0;}
.bbsQaForm.prd ul li .etcTxt {font-size:16px; color:#333; letter-spacing:0;}
.bbsQaForm.prd ul li label {margin-right:20px; font-size:18px;}
.bbsQaForm.prd ul li .fileUpload {display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.bbsQaForm.prd ul li .fileUpload:last-child {margin-bottom:0;}
.bbsQaForm.prd ul li .fileUpload .innerFile {float:left; height:auto; overflow:hidden; width:50%; position:relative; padding-right:90px;}
.bbsQaForm.prd ul li .fileUpload button {position:absolute; right:45px; top:0; width:40px; height:40px; border-radius:5px; background:#666; text-indent:-9999px; border:0; cursor:pointer;}
.bbsQaForm.prd ul li .fileUpload button.addFile:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; height:2px; background:#FFF;}
.bbsQaForm.prd ul li .fileUpload button.addFile:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:50%; background:#FFF;}
.bbsQaForm.prd ul li .fileUpload button.removeFile:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; height:2px; background:#FFF;}
.bbsQaForm.prd ul li .fileUpload .fileName {float:left; line-height:40px; font-size:16px; color:#666; width:50%; padding-left:15px; box-sizing:border-box;}
.bbsQaForm.prd ul li .fileUpload .fileName a {display:inline-block; width:16px; height:16px; background:url(../img/ico_close_small.png) no-repeat 50% 50%; vertical-align:middle; margin-left:5px;}
.bbsQaForm.prd .analGuideTxt {color:#666;}
.bbsQaForm.prd .inputKeyword {width:34%;}
.bbsQaForm.prd .btnArea a {padding:5px 30px 7px 30px; font-size:16px; border-radius:30px;}
.bbsQaForm.prd.upload ul li .itemTitle {line-height:40px;}
.bbsQaForm.prd.upload ul li {padding:20px 60px 20px 180px; border-bottom:1px dashed #dadada; line-height:1.0;}

.prdHis {display:block; height:auto; overflow:hidden;}
.prdHis .etcTxt {font-size:14px !important; padding:5px 0;}
.prdHis .etcTxt:hover {background:#f0f0f0;}

#add-img-area .fileUpload {margin-top:10px;}

.bbsQaForm.prd .analyPart {display:block; height:auto; overflow:hidden;}
.bbsQaForm.prd .analyPart dd {display:inline-block; height:auto; overflow:hidden; margin-right:20px; line-height:1.4; vertical-align:middle;}
.bbsQaForm.prd .analyPart dd a {display:block; color:#999; font-size:18px; font-weight:500; position:relative; opacity:0.6;}
.bbsQaForm.prd .analyPart dd a:before {content:''; display:inline-block; width:22px; height:22px; background:url(../img/dot_b.png) no-repeat 50% 50%; vertical-align:middle; margin-right:5px; opacity:0.4;}
.bbsQaForm.prd .analyPart dd a:hover {opacity:1.0;}
.bbsQaForm.prd .analyPart dd a.on {opacity:1.0; color:#333;}
.bbsQaForm.prd .analyPart dd a.fix {opacity:1.0; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsQaForm.prd .analyPart dd a.fix:before {background:url(../img/dot_b.png) no-repeat 50% 50%;}
.bbsQaForm.prd .analyPart dd .inputEtc {margin-top:10px; display:none;}
.bbsQaForm.prd .analyPart dd .inputEtc input[type="text"] {width:500px;}
.bbsQaForm.prd .analyPart dd .inputEtc.on {display:block;}

.bbsQaForm.prd .analyPeriod {display:block; height:auto; overflow:hidden; max-width:400px; width:100%;}
.bbsQaForm.prd .analyPeriod dd {float:left; width:45%; height:auto; overflow:hidden; padding-right:45px; position:relative; box-sizing:border-box;}
.bbsQaForm.prd .analyPeriod dd.during {width:10%; text-align:center; line-height:40px; color:#333; font-size:16px; padding-right:0;}

.bbsQaForm.prd .btnSaleApply a {display:inline-block; padding:10px 50px 14px 50px; background:#be613c; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 4px;}
.bbsQaForm.prd .btnList a {display:inline-block; padding:10px 50px 14px 50px; background:#666; border-radius:40px; color:#FFF; font-size:18px; font-weight:700; margin:0 4px;}

.icoNotice {display:inline-block; color:#FFF; font-size:14px; padding:2px 10px 4px 10px; background:#0180b3; border-radius:4px; margin-right:6px; vertical-align:2px;}
.icoNew {display:inline-block; color:#FFF; font-size:12px; padding:2px 8px 4px 8px; background:#e3561f; border-radius:4px; margin-left:6px; vertical-align:2px;}

.frame {max-width:1280px; margin:0 auto;}
.mySubMenu {display:block; height:auto; overflow:hidden; width:100%; margin:30px auto; text-align:center; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none;scrollbar-width: none;}
.mySubMenu::-webkit-scrollbar {display: none}
.mySubMenu .ms a {display:inline-block; padding:10px 24px 12px 24px; color:#999; font-size:16px; border-radius:40px; margin:0px;}
.mySubMenu .ms a:hover {background:#d5e7f3; color:#999;}
.mySubMenu .ms.on a {background:#0180b3; color:#FFF;}
.myWrap {display:block; height:auto; overflow:hidden; border:1px solid #d4d4d4; border-radius:10px; background:#FFF; padding:40px;}
.myWrap .midTitle {color:#333; font-size:24px; padding-bottom:20px; position:relative; text-align:left; font-weight:500; border-bottom:1px solid #dadada; margin-bottom:30px;}
.myWrap .midTitle .btnQa a {position:absolute; right:0; top:0; padding:10px 20px 12px 20px; background:#596b78; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myWrap .myTabMenu { padding:15px 0; text-align:center; border-bottom:1px solid #d4d4d4; position:relative; margin-bottom:40px;}
.myWrap .myTabMenu .btnQa a {position:absolute; right:0; top:20px; padding:10px 20px 12px 20px; background:#596b78; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myWrap .myTabMenu:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.myWrap .myTabMenu .myTab a {display:inline-block; padding:10px; color:#999; font-size:20px; margin:0 30px; position:relative;}
.myWrap .myTabMenu .myTab a em {font-size:16px; display:inline-block; margin-left:5px;}
.myWrap .myTabMenu .myTab.on a {color:#0180b3;}
.myWrap .myTabMenu .myTab.on a:after {content:''; position:absolute; left:50%; bottom:-21px; transform:translate(-50%, 0); width:10px; height:10px; background:#0180b3; border-radius:50%;}

.myWrap .regiSec {margin:0 auto;}
.myWrap .regiSec .accountTab {margin:20px 0;}

.mySearch {display:block; height:auto; overflow:hidden; margin-bottom:30px; position:relative;}
.mySearch .period {float:left; width:70%; height:auto; overflow:hidden;}
.mySearch .period .ordPeriod {float:left; height:auto; overflow:hidden; width:56%; vertical-align:middle; padding-left:0px; box-sizing:border-box;}
.mySearch .period .ordPeriod li {float:left; width:45%; height:auto; overflow:hidden; padding-right:45px; position:relative;}
.mySearch .period .ordPeriod li.during {width:10%; text-align:center; line-height:40px; color:#333; font-size:16px; padding-right:0;}
.mySearch .schForm {float:left; width:30%; height:auto; overflow:hidden; padding:0 80px 0 10px; position:relative;}
.mySearch .schForm button.btnSearch {position:absolute; right:0; top:0; width:70px; height:40px; background:#333; border-radius:4px; text-align:center; color:#FFF; font-size:16px;}
.mySearch input[type="text"] {display:inline-block; width:100%; height:40px; line-height:40px; border:1px solid #bbb; background:#f5f8f9; padding:0 10px; box-sizing:border-box; color:#666; font-size:16px; border-radius:4px;}
.mySearch select {float:left; width:20%; height:40px; line-height:40px; border:1px solid #bbb; background:#f5f8f9; padding:0 10px; box-sizing:border-box; color:#666; font-size:16px; vertical-align:middle; border-radius:4px; margin-right:1%;}
.mySearch .period.short {width:100px;}
.mySearch .period.short select {width:100%;}
.mySearch.my .period {width:15%;}
.mySearch.my .period select {width:100%;}
.mySearch.my .dpSort {position:absolute; right:0; top:50%; transform:translate(0, -50%); border-bottom:0; margin-bottom:0; padding:0;}
.mySearch.account {padding-left:110px;}
.mySearch.account .period {position:absolute; left:0; top:0; float:none; width:100px;}
.mySearch.account .period select {width:100%;}
.mySearch.account .saleMonth {height:auto; overflow:hidden; padding-left:0px;}
.mySearch.account .saleMonth .monBox {display:table; table-layout:fixed; height:auto; overflow-x:auto; white-space:nowrap; overflow-y:hidden;}
.mySearch.account .saleMonth .monBox .inMonth {display:table-cell; width:8.3333%; text-align:center;}
.mySearch.account .saleMonth .monBox .inMonth a {display:block; padding:0 15px; color:#333; font-size:16px; height:40px; line-height:38px; border:1px solid #dadada; border-radius:5px; margin-right:10px;}
.mySearch.account .saleMonth .monBox .inMonth.on a {background:#0180b3; color:#FFF; border:1px solid #0180b3;}

.totalCount {display:block; color:#333; font-size:16px; font-weight:300; margin-bottom:10px;}
.totalCount em {font-weight:500; letter-spacing:0;}

.myOrdList {display:block; height:auto; overflow:hidden;}
.myOrdList ul {display:block; height:auto; overflow:hidden; border-top:2px solid #999; border-bottom:1px solid #999; margin-bottom:30px;}
.myOrdList li {display:block; height:auto; overflow:hidden; padding:20px 10px; border-bottom:1px solid #ddd;}
.myOrdList li .myOrdBox {display:block; height:auto; overflow:hidden; position:relative; padding-right:100px;}
.myOrdList li .myOrdBox.full {padding-right:0;}
.myOrdList li .myOrdBox.account {padding-right:0;}
.myOrdList li .myOrdBox a {display:block;}
.myOrdList li .myOrdBox div {float:left; box-sizing:border-box;}
.myOrdList li .myOrdBox .prdName {width:46%;}
.myOrdList li .myOrdBox .prdName a {display:block;}
.myOrdList li .myOrdBox .date {width:14%;}
.myOrdList li .myOrdBox .price {width:14%;}
.myOrdList li .myOrdBox .status {width:12%;}

.myOrdList li .myOrdBox.full .prdName {width:40%;}
.myOrdList li .myOrdBox.full .date {width:14%;}
.myOrdList li .myOrdBox.full .price {width:16%;}
.myOrdList li .myOrdBox.full .buyer {width:10%;}
.myOrdList li .myOrdBox.full .status {width:6%;}

.myOrdList li .myOrdBox.account .prdName {width:32%;}
.myOrdList li .myOrdBox.account .date {width:10%;}
.myOrdList li .myOrdBox.account .price {width:10%;}
.myOrdList li .myOrdBox.account .buyer {width:8%;}

.myOrdList li .myOrdBox .down {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; width:130px;}
.myOrdList li .myOrdBox .down .btnDown a {display:inline-block; padding:10px 20px 12px 20px; background:#0180b3; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdList li .myOrdBox .down .btnPay a {display:inline-block; padding:10px 20px 12px 20px; background:#e3561f; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdList li .myOrdBox .down .btnCancel a {display:inline-block; padding:10px 20px 12px 20px; background:#596b78; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdList li .myOrdBox .down .btnCancelApply a {display:inline-block; padding:10px 20px 12px 20px; background:#444; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}

.myOrdList li .myOrdBox .ordCode {color:#0180b3; letter-spacing:0; font-size:14px;}
.myOrdList li .myOrdBox .prdSubject {color:#333; font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:15px;}
.myOrdList li .myOrdBox .smt {color:#999; font-size:14px; margin-bottom:5px;}
.myOrdList li .myOrdBox .indate {color:#333; font-size:16px; line-height:1.3;}
.myOrdList li .myOrdBox .inprice {color:#333; font-size:16px; font-weight:700; letter-spacing:0; line-height:1.0;}
.myOrdList li .myOrdBox .inprice s {color:#999; font-weight:400;}
.myOrdList li .myOrdBox .buyName {font-size:16px; color:#333;}
.myOrdList li .myOrdBox .stats {font-size:16px; line-height:1.0;}
.myOrdList li .myOrdBox .stats.hold {color:#e3561f;}
.myOrdList li .myOrdBox .stats.ing {color:#0180b3;}
.myOrdList li .myOrdBox .stats.comp {color:#669407;}
.myOrdList li .myOrdBox .stats.cancelRdy {color:#d43e3e;}
.myOrdList li .myOrdBox .stats.cancelComp {color:#0180b3;}
.myOrdList li .myOrdBox .stats.cancelComp em {display:block; font-size:13px; margin-top:0px;}
.myOrdList li .myOrdBox .stats.saleStop {color:#d43e3e;}
.myOrdList li .myOrdBox .stats.saleHold {color:#666;}

.myOrdList li .myOrdBox .dCate {display:block; overflow:hidden; margin-bottom:0;}
.myOrdList li .myOrdBox .dCate .cateTxt {display:inline-block; font-size:14px; color:#666; background:#e9e9e9; padding:2px 16px; border-radius:5px; margin-right:4px; margin-bottom:5px;}

.myOrdList li .myOrdBox.myPrd {padding-right:0;}
.myOrdList li .myOrdBox.myPrd .prdName {width:33%;}
.myOrdList li .myOrdBox.myPrd .prdSubject {clear:both; display:block;}
.myOrdList li .myOrdBox.myPrd .item {width:11%;}
.myOrdList li .myOrdBox.myPrd .date {width:9%;}
.myOrdList li .myOrdBox.myPrd .price {width:13%;}
.myOrdList li .myOrdBox.myPrd .buyer {width:10%;}
.myOrdList li .myOrdBox.myPrd .status {width:5%;}
.myOrdList li .myOrdBox.myPrd .funct {width:11%; text-align:right;}

.myOrdList li .myOrdBox .dpStats {display:block; height:auto; padding:5px 0 0 0; z-index:10;}
.myOrdList li .myOrdBox .dpStats .icoSt {display:inline-block; padding:0 0px 0 25px; font-size:14px; color:#999; font-weight:300; letter-spacing:0; margin-right:15px;}
.myOrdList li .myOrdBox .dpStats .icoSt.heart {background:url(../img/bico_heart_off.png) no-repeat left 50%;}
.myOrdList li .myOrdBox .dpStats .icoSt.down {background:url(../img/bico_down_off.png) no-repeat left 50%; position:relative; right:unset; transform:none; width:auto;}
.myOrdList li .myOrdBox .dpStats .icoSt.view {background:url(../img/bico_view_off.png) no-repeat left 50%;}

.myOrdList li .myOrdBox .btnEdit a {display:inline-block; height:30px; line-height:30px; text-align:center; background:#0180b3; color:#FFF; border-radius:30px; margin:3px 0; padding:0 25px;}
.myOrdList li .myOrdBox .btnDel a {display:inline-block; height:30px; line-height:30px; text-align:center; background:#666; color:#FFF; border-radius:30px; margin:3px 0; padding:0 25px;}

.myOrdList ul.refundList li .myOrdBox {padding-right:0;}

.myOrdDetail {display:block; height:auto; overflow:hidden;}
.myOrdDetail .midTitle {text-align:left; padding-bottom:8px; border-bottom:1px solid #dadada; margin-bottom:25px; font-weight:500;}
.myOrdDetail .ordCode {display:block; height:auto; overflow:hidden; margin-bottom:15px; color:#333; font-weight:700; font-size:20px;}
.myOrdDetail .ordCode em {display:inline-block; padding-left:15px; margin-left:15px; color:#333; font-size:16px; font-weight:300; position:relative;}
.myOrdDetail .ordCode em:after {content:''; position:absolute; left:0; top:5px; width:1px; height:15px; background:#333;}
.myOrdDetail .ordDetailBox {display:flex; height:auto; overflow:hidden; align-items: stretch; justify-content: space-between;}
.myOrdDetail .ordDetailBox .dpStrInfo {float:left; width:calc(100% - 280px); border-top:2px solid #333; border-bottom:1px solid #333;}
.myOrdDetail .ordDetailBox .dpStrInfo table {padding:0; margin:0; width:100%; table-layout:fixed;}
.myOrdDetail .ordDetailBox .dpStrInfo th, .myOrdDetail .ordDetailBox .dpStrInfo td {padding:12px 20px; min-height:50px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.myOrdDetail .ordDetailBox .dpStrInfo th {background:#f5f5f5; font-size:16px; text-align:left; font-weight:400; padding-left:25px;}
.myOrdDetail .ordDetailBox .dpStrInfo td {background:#FFF; font-size:16px; color:#333;}
.myOrdDetail .ordDetailBox .dpStrInfo td:last-child {border-right:0;}
.myOrdDetail .ordDetailBox .dpStrInfo td .dpKey {display:inline-block; padding:4px 15px 6px 15px; border-radius:4px; color:#FFF; background:#3d94b7; margin-right:5px; font-size:14px; margin-bottom:5px;}
.myOrdDetail .ordDetailBox .dpStrInfo td .dpKey:last-child {margin-right:0;}
.myOrdDetail .ordDetailBox .dpStrInfo td .chn {vertical-align:middle;}
.myOrdDetail .ordDetailBox .dpStrInfo td .perData li {display:block; position:relative; padding-left:10px; line-height:1.5;}
.myOrdDetail .ordDetailBox .dpStrInfo td .perData li:after {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}

.myOrdDetail .ordStatsBox {float:right; width:250px; height:auto; overflow:hidden; display:flex; justify-content: center; flex-direction: column; text-align:center; border-radius:10px;}
.myOrdDetail .ordStatsBox .statsTitle {font-size:34px; font-weight:500;}
.myOrdDetail .ordStatsBox .fileInfo {color:#a6b0b7; font-size:16px; padding:0px 0 0 0;}
.myOrdDetail .ordStatsBox.ord {background:#f0f4f6;}
.myOrdDetail .ordStatsBox.ord .statsTitle {color:#a6b0b7;}
.myOrdDetail .ordStatsBox.refund {background:#faf3f0;}
.myOrdDetail .ordStatsBox.refund .statsTitle {color:#aaa5a3;}
.myOrdDetail .ordStatsBox.refund .refundDate {color:#aaa5a3; font-size:16px;}
.myOrdDetail .ordStatsBox.ord .btnArea {text-align:center; margin-top:0px;}
.myOrdDetail .ordStatsBox.refund .btnArea {text-align:center; margin-top:0px;}

.myOrdDetail .ordStatsBox span a {margin-top:10px;}
.myOrdDetail .ordStatsBox .btnDown a {display:inline-block; padding:10px 20px 12px 20px; background:#0180b3; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdDetail .ordStatsBox .btnPay a {display:inline-block; padding:10px 20px 12px 20px; background:#e3561f; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdDetail .ordStatsBox .btnCancel a {display:inline-block; padding:10px 20px 12px 20px; background:#596b78; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdDetail .ordStatsBox .btnCancelApply a {display:inline-block; padding:10px 20px 12px 20px; background:#444; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}
.myOrdDetail .ordStatsBox .btnArea {text-align:center;}

.myOrdDetail .costInfoBox {clear:both; display:block; height:auto; overflow:hidden; margin-top:20px; border-top:2px solid #333;}
.myOrdDetail .costInfoBox table {padding:0; margin:0; width:100%; table-layout:fixed;}
.myOrdDetail .costInfoBox th, .myOrdDetail .costInfoBox td {padding:12px 20px; min-height:50px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.myOrdDetail .costInfoBox th {background:#f5f5f5; font-size:16px; text-align:left; font-weight:400; padding-left:25px;}
.myOrdDetail .costInfoBox td {background:#FFF; font-size:16px; color:#333;}
.myOrdDetail .costInfoBox td:last-child {border-right:0;}
.myOrdDetail .costInfoBox td .dpKey {display:inline-block; padding:4px 15px 6px 15px; border-radius:4px; color:#FFF; background:#3d94b7; margin-right:5px; font-size:14px;}
.myOrdDetail .costInfoBox td .dpKey:last-child {margin-right:0;}
.myOrdDetail .costInfoBox td .chn {vertical-align:middle;}
.myOrdDetail .costInfoBox td .perData li {display:block; position:relative; padding-left:10px; line-height:1.5;}
.myOrdDetail .costInfoBox td .perData li:after {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}
.myOrdDetail .costInfoBox td .btnDown a {display:inline-block; padding:4px 15px 6px 15px; border-radius:4px; color:#FFF; background:#666; font-size:14px;}

.myOrdDetail .btnArea {text-align:right; margin-top:40px;}
.myOrdDetail .btnArea .btnList a {display:inline-block; padding:10px 50px 14px 50px; background:#333; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.ordCaution {display:block; height:auto; overflow:hidden; padding:20px; background:#f8f8f8; margin-top:30px;}
.ordCaution .ocTitle {color:#333; font-weight:700; font-size:18px; margin-bottom:20px;}
.ordCaution li {display:block; position:relative; font-size:16px; color:#999; margin-bottom:10px; padding-left:140px;}
.ordCaution li em {position:absolute; left:10px; top:0; font-size:16px; color:#333; font-weight:700;}

.myQaList {display:block; height:auto; overflow:hidden;}
.myQaList ul {display:block; height:auto; overflow:hidden; margin-bottom:15px;}
.myQaList li {display:block; padding-bottom:20px; margin-bottom:20px; height:auto; overflow:hidden; border-bottom:1px solid #dadada;}
.myQaList li .myQaBox {display:block; height:auto; overflow:hidden;}
.myQaList li .myQaBox .questSec {padding:10px 0; position:relative;}
.myQaList li .myQaBox .questSec .cate {font-size:14px; color:#0180b3; font-weight:500;}
.myQaList li .myQaBox .questSec .date {display:block; color:#999; letter-spacing:0; margin-top:0px;}
.myQaList li .myQaBox .questSec .subject {font-size:18px; color:#666; font-weight:500; padding-right:100px;}
.myQaList li .myQaBox .questSec .subject em {display:inline-block; font-size:16px; color:#FFF; background:#596b78; padding:3px 10px 5px 10px; font-weight:400; border-radius:4px; margin-right:10px;}
.myQaList li .myQaBox .questSec .qaStats {position:absolute; right:10px; top:50%; transform:translate(0, -50%); padding:3px 10px 5px 10px; font-weight:400; border-radius:4px;}
.myQaList li .myQaBox .questSec .qaStats.comp {border:1px solid #c76e65; background:#c76e65; color:#FFF;}
.myQaList li .myQaBox .questSec .qaStats.notYet {border:1px solid #dadada; background:#FFF; color:#666;}
.myQaList li .myQaBox .qaDetailSec {display:block; height:auto; overflow:hidden; border:1px solid #dadada; display:none;}
.myQaList li .myQaBox .qaDetailSec .qaCon {display:block; height:auto; overflow:hidden; padding:20px; position:relative; font-size:16px; color:#333; font-weight:500;}
.myQaList li .myQaBox .qaDetailSec .qaCon p {padding-right:40px;}
.myQaList li .myQaBox .qaDetailSec .qaCon .btnDel a {position:absolute; right:20px; top:20px; text-align:right; color:#999; text-decoration:underline; text-underline-position: under;}
.myQaList li .myQaBox .qaDetailSec .qaCon .myAttach {clear:both; display:block; height:auto; overflow:hidden; border:1px solid #dadada; margin-top:15px;}
.myQaList li .myQaBox .qaDetailSec .qaCon .myAttach dd {display:block; height:auto; overflow:hidden; font-size:14px; border-bottom:1px dashed #dadada; padding:10px;}
.myQaList li .myQaBox .qaDetailSec .qaCon .myAttach dd:last-child {border-bottom:0;}
.myQaList li .myQaBox .qaDetailSec .qaCon .myAttach dd a {display:block; color:#999;}
.myQaList li .myQaBox .qaDetailSec .answer {display:block; height:auto; overflow:hidden; background:#ecf2f6; padding:20px;}
.myQaList li .myQaBox .qaDetailSec .answer .ansWriter {font-size:16px; color:#333; margin-bottom:5px;}
.myQaList li .myQaBox .qaDetailSec .answer .ansWriter em {display:inline-block; color:#666; font-size:14px; position:relative; padding-left:15px; margin-left:10px;}
.myQaList li .myQaBox .qaDetailSec .answer .ansWriter em:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:50%; background:#666; letter-spacing:0p}
.myQaList li .myQaBox .qaDetailSec .answer .ansCon {display:block; height:auto; overflow:hidden; font-size:16px; color:#333; font-weight:500;}
.myQaList li .myQaBox .qaDetailSec .answer .empty {display:block; height:auto; overflow:hidden; font-size:16px; color:#333;}
.myQaList li .myQaBox .qaDetailSec .answer textarea {display:block; width:100%; background:#FFF; border:1px solid #dadada; padding:15px; font-size:16px; color:#333; box-sizing:border-box;}
.myQaList li .myQaBox .qaDetailSec .answer .btnReply a {float:right;padding: 10px 20px;background: #596b78;border-radius: 40px;color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: 0; margin-top:15px;}

.rdySaleForm {display:block; height:auto; overflow:hidden;}
.rdySaleForm .rdyTxt {color:#333; font-size:20px; line-height:1.4; margin-bottom:10px;}
.rdySaleForm .rdyTxtDesc li {display:block; height:auto; overflow:hidden; padding:0px 0px 0 15px; position:relative; font-size:16px; color:#999; line-height:1.4; margin-bottom:5px;}
.rdySaleForm .rdyTxtDesc li:after {content:''; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#999; border-radius:50%;}

.rdyForm {display:block; height:auto; overflow:hidden; margin-top:40px; padding-top:40px; border-top:1px solid #666;}
.rdyForm .choicePart {padding:0 10px 10px 10px;}
.rdyForm .choicePart label {margin-right:20px;}
.rdyForm ul {clear:both; display:block; height:auto; overflow:hidden; border-top:1px solid #dadada;}
.rdyForm ul li {float:left; width:50%; height:auto; overflow:hidden; padding:20px 10px; border-bottom:1px solid #dadada;}
.rdyForm ul li.single {width:100%;}
.rdyForm ul li input[type="text"],.rdyForm ul li input[type="number"], .rdyForm ul li input[type="file"] {display:inline-block; width:100%; height:40px; line-height:40px; background:#f5f8f9; border:1px solid #a7a7a7; box-sizing:border-box; padding:0 15px; border-radius:4px;}
.rdyForm ul li .title {color:#999; font-size:14px; margin-bottom:10px;}
.rdyForm ul li input.bank {float:left; width:25%; margin-right:1%;}
.rdyForm ul li input.bankNum {float:left; width:48%; margin-right:1%;}
.rdyForm ul li input.sign {float:left; width:25%; margin-right:0;}
.rdyForm ul li .innerTerm {display:inline-block; width:100%; height:100px; line-height:1.4; background:#f5f8f9; border:1px solid #a7a7a7; box-sizing:border-box; padding:15px; border-radius:4px; overflow:hidden; overflow-y:scroll; margin-bottom:5px;}

.rdyForm.edit {margin-top:0; border-top:0; padding:20px 0 0 0;}
.rdyForm.edit .choicePart {text-align:center; padding-bottom:20px;}
.rdyForm.edit .choicePart label {margin-right:40px;}
.rdyForm.edit .choicePart label:last-child {margin-right:0;}
.rdyForm.edit .choicePart .radioB input + span {font-size:18px;}
.rdyForm.edit .choicePart .radioB input:checked + span {font-size:18px;}
.rdyForm.edit ul li {width:100%;}
.rdyForm.edit ul li input.bank {float:left; width:30%; margin-right:2%;}
.rdyForm.edit ul li input.bankNum {float:left; width:68%; margin-right:0;}
.rdyForm.edit ul li input.sign {float:left; width:100%; margin-right:0; margin-top:10px;}
.rdyForm.edit ul li .upDate {color:#e3561f; font-size:14px; padding-top:5px; text-align:right;}

.rdySaleForm .btnArea {text-align:right; margin-top:30px;}
.rdySaleForm .btnSaleApply a {display:inline-block; padding:10px 50px 14px 50px; background:#0180b3; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.applyCon {display:block; height:auto; overflow:hidden; padding:50px 0; text-align:center;}
.applyCon .headApply {color:#333; font-size:30px; font-weight:700; margin-bottom:10px;}
.applyCon .appDesc {color:#333; font-size:18px; font-weight:400;}
.applyCon .btnArea {margin-top:50px; text-align:right;}
.applyCon .btnArea .btnContinue a {display:inline-block; padding:10px 50px 14px 50px; background:#0180b3; border-radius:40px; color:#FFF; font-size:18px; font-weight:700;}

.saleSummary {display:block; height:auto; overflow:hidden; border-top:2px solid #999; border-bottom:1px solid #999; margin-bottom:30px; background:#f9f9f9;}
.saleSummary .sumBox {float:left; width:25%; height:auto; overflow:hidden; padding:20px;}
.saleSummary .sumBox .title {color:#999; font-size:14px;}
.saleSummary .sumBox .con {color:#333; font-size:20px; font-weight:500; letter-spacing:0;}
.saleSummary.three .sumBox {width:33.3333%;}
.saleSummary.four .sumBox {width:25%;}
.saleSummary.five .sumBox {width:20%;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1000; display:none;}
.simPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:96%; max-width:500px; background:#FFF; border-radius:15px; padding:20px; z-index:1100; border:2px solid #596b78; display:none;}
.simPop .simClose {position:absolute; right:15px; top:15px; width:30px; height:30px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.simPop .title {color:#333; font-size:18px; font-weight:500; margin-bottom:20px;}
.simPop select {display:block; width:100%; height:32px; line-height:30px; border:1px solid #bbb; background:#f5f8f9; padding:0 10px; box-sizing:border-box; color:#666; font-size:14px; border-radius:4px;}
.simPop textarea {display:block; width:100%; height:120px; line-height:1.4; border:1px solid #bbb; background:#f5f8f9; padding:10px; box-sizing:border-box; color:#666; font-size:14px; border-radius:4px; margin-top:10px;}
.simPop .btnArea {margin:25px 0 15px 0; text-align:center;}
.simPop .btnArea a {display:inline-block; color:#FFF; font-size:14px; padding:5px 25px 8px 25px; border-radius:40px; margin:0 5px;}
.simPop .btnArea a.btnConfirm {background:#596b78;}
.simPop .btnArea a.btnCancel {background:#333;}

.ctPopCon {display:block; height:auto; overflow:hidden;}
.ctPopCon .gTitle {color:#333; font-size:18px; font-weight:500; padding:10px 0 0 0;}
.ctPopCon .gDesc {color:#999; font-size:16px; line-height:1.4; position:relative; padding-left:38px;}
.ctPopCon .gDesc:after {content:'ex'; position:absolute; left:14px; top:-2px; letter-spacing:0;}
.ctPopCon .gDesc.none {padding-left:13px; margin-top:10px;}
.ctPopCon .gDesc.none:after {display:none;}

.setPassword {display:inline-block; margin-left:20px; padding-left:40px; position:relative;}
.setPassword:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:50%; background:#dadada;}
.setPassword .spTitle {display:inline-block; padding-right:20px; line-height:40px; font-size:16px; color:#333; vertical-align:middle;}
.setPassword input[type="password"] {width:200px !important;}

.agreeSec {display:block; height:auto; overflow:hidden;}
.agreeSec .title {font-size:18px; color:#333; font-weight:500; margin-bottom:10px;}
.agreeSec .title em {color:#e3561f; font-weight:500;}
.agreeSec .innerTerm {display:inline-block; width:100%; height:150px; line-height:1.4; background:#f5f8f9; border:1px solid #a7a7a7; box-sizing:border-box; padding:15px; overflow:hidden; overflow-y:scroll; margin-bottom:0px;}

.termBoxBig {display:block; padding:20px 30px; height:auto; overflow:hidden; line-height:1.5; font-size:14px; color:#666; }
.termBox {display:block; height:auto; overflow:hidden; background:#f0f0f0; border:1px solid #dadada; padding:20px; display:none; height:150px; overflow-y:scroll;}
.termBox .termBoxBig {padding:0; font-size:12px; line-height:1.3;}

.ui-datepicker-trigger {position:absolute; right:0; top:0; width:40px; height:40px; border-radius:5px; background:#666 url(../img/ico_month.png) no-repeat 50% 50%; text-indent:-9999px; border:0;}

/* serviceIntrd */
.serviceWrap {display:block; height:auto; overflow:hidden; border:1px solid #d4d4d4; border-radius:10px; background:#FFF; padding:70px;}
.serIntro {display:block; height:auto; overflow:hidden; text-align:center; padding-bottom:50px; border-bottom:2px solid #999;}
.serIntro .txtMid {color:#333; font-size:26px; line-height:1.4;}
.serIntro .introImg {margin:20px 0;}
.serIntro .introImg img {max-width:100%;}
.serIntro .txtHead {color:#333; font-size:32px; letter-spacing:-2px; line-height:1.4; font-weight:500;}
.serIntro .txtHead br {display:none;}
.serIntro .txtHead em {display:inline-block; color:#0080b3;}

.serFeature {display:block; height:auto; overflow:hidden; position:relative; padding-top:70px;}
.serFeature .sfTitle {float:left; width:30%; height:auto; overflow:hidden;}
.serFeature .sfTitle .tDeco {display:block;}
.serFeature .sfTitle .tDeco.mart {margin-left:20px;}
.serFeature .sfTitle .tDeco img {max-width:100%;}
.serFeature .sfTitle .title {color:#333; font-size:26px; font-weight:700;}
.serFeature .sfTitle .title em {color:#0080b3; font-weight:700;}
.serFeature .sfTitle .desc {color:#333; font-size:20px; font-weight:300;}
.serFeature .sfCon {float:left; width:70%; height:auto; overflow:hidden; padding:0 45px 70px 45px; border-bottom:1px solid #ddd;}
.serFeature .sfCon.full {padding:0 0 70px 0;}

.feaBox {display:block; height:auto; overflow:hidden; position:relative; padding-left:60px; margin-bottom:40px;}
.feaBox:last-child {margin-bottom:0;}
.feaBox .num {position:absolute; left:0; top:0; font-size:70px; color:#ddd; font-family:'Roboto', sans-serif; line-height:1.0;}
.feaBox .feaTitle {font-size:26px; color:#333; font-weight:700;}
.feaBox .feaDesc {font-size:18px; color:#555;}
.feaBox .feaInner {display:block; height:auto; overflow:hidden; padding:30px 50px; background:#f5f5f5; margin-top:20px;}
.feaBox .feaInner li {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.feaBox .feaInner li:last-child {margin-bottom:0;}
.feaBox .feaInner li .title {font-size:18px; color:#333; font-weight:700;}
.feaBox .feaInner li .desc {font-size:18px; color:#333; font-weight:300;}

.forWho {display:block; height:auto; overflow:hidden;}
.forWho li {float:left; width:32%; height:auto; overflow:hidden; border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:30px 0; margin-right:2%; margin-bottom:15px;}
.forWho li .desc {color:#555; font-size:18px; line-height:1.2; margin-bottom:5px;}
.forWho li .title {color:#596b78; font-size:22px; font-weight:500;}

.supplyItem {display:block; height:auto; overflow:hidden; text-align:center;}
.supplyItem li {display:inline-block; width:32%; height:auto; overflow:hidden;}
.supplyItem li .siCycle {display:flex; flex-direction: column; width:220px; height:220px; border-radius:50%; background:#ecf2f6; justify-content: center; align-items: center; text-align:center; margin:0 auto;}
.supplyItem li .siCycle .title {display:block; font-size:22px; color:#5b8393; line-height:1.2;}
.supplyItem li .siCycle .desc {display:block; font-size:18px; color:#555; line-height:1.2; margin-top:10px; padding-top:10px; position:relative;}
.supplyItem li .siCycle .desc:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:50px; height:1px; background:#aaa;}

.dMethod {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.dMethod:last-child {margin-bottom:0;}
.dMethod .dBox {float:left; width:100%; max-width:450px; border:1px solid #ddd; background:#f7f7f7; height:60px; line-height:58px; box-sizing:border-box; padding-left:30px; font-size:18px; color:#555;}
.dMethod .dAr {float:left; width:47px; height:60px; background:url(../img/intro_ar.png) no-repeat left 50%; background-size:auto 21px; margin-left:-1px;}
.dMethod .dTitle {float:left; line-height:58px; font-size:22px; color:#333; font-weight:500; padding:0 10px 0 5px;}
.dMethod .btnLinkGo a {display:inline-block; padding:5px 15px; background:#555; color:#FFF; font-size:16px; border-radius:30px; vertical-align:-21px;}

.dSale {display:block; height:auto; overflow:hidden;}
.dSale li {display:block; height:auto; overflow:hidden; margin-bottom:15px;}
.dSale li span {display:inline-block; line-height:1.4; color:#333; font-size:26px; box-shadow:inset 0 -11px 0 #aedaec;}

.introBtm {display:block; height:auto; overflow:hidden; padding:80px 0 40px 0; text-align:center;}
.introBtm .title {font-size:22px; margin-bottom:15px;}

.sfConTy01 {font-size:18px; color:#555; line-height:1.4;}

.forMo {display:none;}

.btnIntro a {position:absolute; right:40px; bottom:30px; padding:8px 20px; border-radius:40px; color:#FFF; font-size:16px; font-weight:500; background:#0080b3;}
.btnIntro a:before {content:''; display:inline-block; width:19px; height:17px; background:url(../img/bico_down_on.png) no-repeat 50% 50%; vertical-align:-2px; margin-right:10px;}

/* serviceIntrd */

@media only screen and (max-width:1360px) {
	.mainDpList {padding:0 20px !important;}
	.mainDpList .dp-prev {left:-10px; background-size:auto 20px;}
	.mainDpList .dp-next {right:-10px; background-size:auto 20px;}
}

@media only screen and (max-width:1240px) {
	.mainVisual .mVisualBox .mvTxtBox {padding-left:20px;}
	.mainVisual .mVisualBox .mvTxtBox .mvTitle {font-size:28px;}
	.mainVisual .mVisualBox .mvTxtBox .mvDesc {font-size:18px;}
	.mainVisual .mVisualBox .mvImg {width:36%;}
	.comnBnrSec .conBlock {padding:50px 20px;}
	.perBnr {display:block; position:relative; right:unset; top:unset; transform:none; text-align:right; width:100%; max-width:100%; margin-top:20px;}
	.perBnr:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}

}

@media only screen and (min-width:1025px) {
	.forWho li:nth-child(3n) {margin-right:0;}
}

@media only screen and (max-width:1024px) {
	.headerSec .header {height:60px; border-bottom:1px solid #bed7f4;}
	.headerSec .header .menu {position:absolute; right:10px; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../img/ico_menu.png) no-repeat 50% 50%; background-size:25px 25px; display:block;}
	.headerSec .header .gloUtil {display:none;}
	.headerSec .header .logo a {width:101px; height:40px;}
	.headerSec .naviSec {position:fixed; right:-100%; top:0; height:100%; background:#FFF; z-index:110; width:calc(100% - 100px); padding:0px; box-sizing:border-box; transition:.4s all; overflow:hidden; overflow-y:auto; margin-top:0; z-index:1100;}
	.headerSec .naviSec.on {right:0%;}
	.headerSec .naviSec .navi {width:100%; max-width:1320px; margin:0 auto; position:relative; display:block; padding:10px 20px; text-align:left;}
	.headerSec .naviSec .navi span a {display:block; padding:8px 0; font-size:16px; margin:0 10px;}
	.headerSec .naviSec .navi span a:hover:after {display:none;}
	.headerSec .naviSec .utilBox {display:block; height:auto; overflow:hidden; padding:10px;}
	.headerSec .naviSec .utilBox .txt a {display:inline-block; color:#333; font-size:15px; padding:10px; position:relative;}
	.headerSec .naviSec .utilBox .txt:last-child a:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:3px; height:3px; background:#333; border-radius:50%;}
	.headerSec .naviSec .comnSchBox {display:block; height:36px; border-radius:36px; background:#f3fbff; border:1px solid #acd3e4; position:relative; padding:0; width:calc(100% - 30px); margin-left:15px;}
	.headerSec .naviSec .comnSchBox button.btnSch {position:absolute; right:5px; top:0; width:36px; height:36px; background:url(../img/ico_search.png) no-repeat 50% 50%; background-size:16px 16px; cursor:pointer; text-indent:-9999px;}
	.headerSec .naviSec .comnSchBox input[type="text"] {display:inline-block; border:0; line-height:34px; background:transparent; padding:0 10px; font-size:14px; color:#333; font-weight:400; width:100%; box-sizing:border-box;}
	.headerSec .naviSec .naviClose {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:15px 15px; display:block;}

	.mainDpList {padding:0 !important;}
	.mainDpList .dp-prev {display:none !important;}
	.mainDpList .dp-next {display:none !important;}

	.bbsQaForm.prd ul li .fileUpload .innerFile {width:100%;}

}

@media only screen and (min-width:769px) {
	.dpList li:nth-child(4n) {margin-right:0;}
}

@media only screen and (max-width:768px) {
	.mainVisual .mVisualBox {height:300px; display:block;}
	.mainVisual .mVisualBox .mvTxtBox {display:block; padding:40px 20px;}
	.mainVisual .mVisualBox .mvTxtBox .mvTitle {font-size:16px; padding-right:30%; letter-spacing:-1px;}
	.mainVisual .mVisualBox .mvTxtBox .mvDesc {font-size:14px; padding-right:44%;}
	.mainVisual .mVisualBox .mvTxtBox .goService a {padding:8px 20px; color:#FFF; font-size:14px; border:none; background:#666; border-radius:36px;}
	.mainVisual .mVisualBox .mvImg {width:55%; right:0; bottom:6px; transform:none; top:unset; overflow:hidden;}
	.mainVisual .mVisualBox .mvImg img {display:block;}

	.mainVisual .mv-pagination {padding:0;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px !important;}
	.mainVisual .mv-pagination .swiper-pagination-bullet {width:10px; height:10px;}

	.dpListSec {margin-bottom:25px;}
	.dpListSec .dpTitleSec {padding:15px 0; position:relative;}
	.dpListSec .dpTitleSec .title {font-size:18px; margin-right:10px;}
	.dpListSec .dpTitleSec .cateSort {padding:4px; position:absolute; right:0; top:50%; transform:translate(0, -50%);}
	.dpListSec .dpTitleSec .cateSort .sortOpt a {font-size:13px; padding:1px 10px 3px 10px;}

	.dpListSec .dpTitleSec .cateSort.MainSection2 {width:calc(100% - 95px); white-space:nowrap; overflow:hidden; overflow-x:auto; -ms-overflow-style:none;scrollbar-width: none}
	.dpListSec .dpTitleSec .cateSort.MainSection2::-webkit-scrollbar {display: none}
	.dpListSec .dpTitleSec .cateSort.MainSection2 .sortOpt a {display:inline-block; float:none;}

	.dpListSec .dpTitleSec .cateSort.MainSection3 {width:calc(100% - 115px); white-space:nowrap; overflow:hidden; overflow-x:auto; -ms-overflow-style:none;scrollbar-width: none}
	.dpListSec .dpTitleSec .cateSort.MainSection3::-webkit-scrollbar {display: none}
	.dpListSec .dpTitleSec .cateSort.MainSection3 .sortOpt a {display:inline-block; float:none;}

	.comDataBox {border-radius:10px;}
	.comDataBox:hover:before {border-radius:10px;}
	.comDataBox:before {border-radius:10px;}
	.comDataBox .dpCon {padding:15px 15px 0 15px;}
	.comDataBox .dCate .cateTxt {font-size:13px; padding:2px 10px; margin-right:2px;}
	.comDataBox .dpSubject {font-size:16px; line-height:22px; height:44px; margin:5px 0 8px 0; font-weight:500;}
	.comDataBox .chnBox {margin-bottom:0;}
	.chn {width:28px; height:28px;}
	.comDataBox .dpPrice {font-size:16px; padding-bottom:10px; margin-top:5px; letter-spacing:0;}
	.comDataBox .dpStats {padding:10px 0;}
	.comDataBox .dpStats .icoSt {font-size:12px;}

	.mainTop10 {padding:30px 0; margin-top:20px;}
	.mainTop10 .mtTitle {font-size:18px; margin-bottom:15px;}
	.mainTop10 .topKeySec {height:auto;}

	.mainTop10 .topKeySec .tkBox {position:relative; left:unset; top:unset; width:100%; border-radius:4px; height:auto; margin-bottom:5px;}
	.mainTop10 .topKeySec .tkBox:nth-child(3n) {margin-right:0;}
	.mainTop10 .topKeySec .tkBox:nth-child(even) {top:unset;}
	.mainTop10 .topKeySec .tkBox.line01 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line02 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line03 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line04 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line05 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line06 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line07 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line08 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line09 {left:unset;}
	.mainTop10 .topKeySec .tkBox.line010 {left:unset;}

	.mainTop10 .topKeySec .tkBox .tkTxt {text-align:center; font-size:26px; color:#FFF; font-weight:500; line-height:1.0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 27px; display:none;}
	.mainTop10 .topKeySec .tkBox .tkDetail {position:relative; display:block; left:unset; top:unset; background:#0080b3; border-radius:5px; text-align:center; padding:10px; z-index:1; opacity:1.0; transform:scale(1); height:auto; overflow:hidden;}
	.mainTop10 .topKeySec .tkBox .tkDetail .tktBig {float:left; font-size:14px; color:#FFF; font-weight:500; line-height:1.0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 120px 0 0;}
	.mainTop10 .topKeySec .tkBox .tkDetail .rank {position:absolute; right:100px; top:50%; transform:translate(0, -50%); font-size:13px; color:#FFF; padding:0; text-align:right; letter-spacing:0;}
	.mainTop10 .topKeySec .tkBox .tkDetail .rank.up:before {content:''; display:inline-block; width:12px; height:8px; background:url(../img/ar_up.png) no-repeat 50% 50%; background-size:100%; margin-right:5px;}
	.mainTop10 .topKeySec .tkBox .tkDetail .rank.down:before {content:''; display:inline-block; width:12px; height:8px; background:url(../img/ar_down.png) no-repeat 50% 50%; background-size:100%; margin-right:5px;}
	.mainTop10 .topKeySec .tkBox .tkDetail .count {position:absolute; right:15px; top:50%; transform:translate(0, -50%); height:20px; line-height:20px; background:#9fd6e9; padding:0 15px; font-size:13px; color:#0a4c8c; border-radius:20px; letter-spacing:0;}
	.mainTop10 .topKeySec .tkBox .tkDetail.on {}

	.comnBnrSec .conBlock {padding:30px 20px;}
	.bnrTitleSec {padding-left:0;}
	.bnrTitleSec .bnrTitle {font-size:18px;}
	.bnrTitleSec .bnrDesc {font-size:14px;}
	.perBnr .bnr a {float:none; display:block; padding:8px 30px; box-sizing:border-box; background-size:auto 15px;}
	.perBnr .bnr.key a {max-width:100%;}
	.perBnr .bnr.custom a {margin-right:0; max-width:100%; margin-bottom:15px;}
	.perBnr .bnr a .txtB {font-size:16px;}
	.perBnr .bnr a .txtS {font-size:12px;}

	.footer .logoBtm {position:relative; display:block; left:unset; top:unset; transform:none; width:101px; height:40px;}
	.footer .footerCon {padding:20px 0 0 0;}
	.footer .footerCon .utilBtm .ubMenu a {font-size:13px;}
	.footer .footerCon .utilBtm .ubMenu a:after {height:8px;}
	.footer .footerCon .corpInfo {margin-top:10px;}
	.footer .footerCon .corpInfo .txt {font-size:12px;}
	.footer .footerCon .corpInfo .txt span {padding-right:8px; margin-right:8px;}
	.footer .footerCon .corpInfo .txt span:after {height:8px;}

	.btnTop a {width:40px; height:40px; font-size:13px; padding-top:14px; background-position:50% 6px;}

	.dpList li {width:49%; margin-right:2%; margin-bottom:20px;}
	.dpList li:nth-child(2n) {margin-right:0;}
	.dpList.favo li {width:100%; margin-right:0;}

	.subWrap .subHeadSec h2 {font-size:24px;}
	.subWrap .subHeadSec.detail {}
	.subWrap .subHeadSec .desc {font-size:14px;}
	.subWrap .subHeadSec {padding:30px 0}
	.subWrap .subHeadSec.noBdr {padding-bottom:0;}
	.regiSec {padding:0 20px; margin:30px auto 50px;}
	.regiSec input[type="text"], .regiSec input[type="password"], .regiSec input[type="number"] {height:44px; line-height:42px; font-size:14px;}
	.regiSec input.inputId {background-size:auto 20px;}
	.regiSec input.inputPw {background-size:auto 20px;}
	.regiSec li .regiTitle {font-size:14px;}
	.regiSec .btnArea {padding:15px 0;}
	.btnLogin a {padding:10px 30px; font-size:16px;}
	.btnRegist a {padding:10px 0; font-size:16px;}
	.btnBack a {padding:10px 0; font-size:16px;}
	.regiSec .regiUtil .regiTxtMenu a {font-size:14px;}
	.regiSec li .serviceAgree .txt {font-size:14px; top:7px; transform:none;}
	.regiSec li .serviceAgree label {font-size:14px;}
	.accountTab {padding-bottom:10px; margin:30px 0 20px 0;}
	.accountTab .atMenu a {font-size:16px;}

	.regiSec .welcomeSec .logo img {max-width:50%;}
	.regiSec .welcomeSec .welcomTxt {font-size:18px;}
	.regiSec .welcomeSec .welcomCau {font-size:14px;}

	.regiSec li.findResult {font-size:16px; padding:20px; line-height:1.6;}
	.regiSec li.findResult em {font-size:16px;}

	.regiSec li.resultPw {padding:20px; font-size:16px;}

	.comnWrap {padding:30px 15px 40px 15px;}
	.comnWrap.short {padding:0 15px 40px 15px;}
	.comnWrap.detail {padding:0 0 40px 0px;}
	.comnWrap.service {padding:30px 0 40px 0;}

	.dpCate .cateSort {white-space:nowrap; overflow:hidden; overflow-x:auto; padding-right:0; padding:4px;  -ms-overflow-style:none;scrollbar-width: none; margin-bottom:20px;}
	.dpCate .cateSort::-webkit-scrollbar {display: none}
	.dpCate .cateSort .sortOpt a {display:inline-block; float:none; font-size:15px; padding:1px 10px 3px 10px; margin:0;}
	.dpCate .cateSort .cateMore a {display:none;}

	.dpSort {padding:0 10px; border-bottom:0; margin-bottom:30px;}
	.dpSort .charge a {font-size:16px; background-size:auto 15px; padding-left:20px;}

	.dpSort .prdSch {clear:both; display:block; height:auto; overflow:hidden; margin-left:0; margin-top:10px;}
	.dpSort .prdSch input[type="text"] {width:calc(100% - 70px); margin-right:0; vertical-align:middle; box-sizing:border-box;}
	.dpSort .prdSch button {float:right; vertical-align:middle;}
	.dpSort .comnSort {margin-top:30px;}
	.dpSort .comnSort .sortTxt a {font-size:14px; margin:0 8px;}
	.totalDp {margin-top:-55px; font-size:14px;}

	.comDataBox .dpStats .icoSt {padding:0 0 0 17px;}
	.comDataBox .dpStats .icoSt.heart {background-size:auto 12px; background-position:left 4px;}
	.comDataBox .dpStats .icoSt.down {background-size:auto 12px; background-position:left 4px;}
	.comDataBox .dpStats .icoSt.view {background-size:auto 12px; background-position:left 4px;}

	.dpInfoSec {position:relative; display:block; width:100%; right:unset; top:unset; padding:020px;}
	.dpInfoSec .dpSaleInfo {margin-top:0;}
	.dpInfoSec .dpSaleInfo .dpCate {margin:10px 0 5px 0;}
	.dpInfoSec .dpSaleInfo .dpSubject {font-size:20px; line-height:1.4; white-space:normal; word-break:break-all;}
	.dpInfoSec .dpSaleInfo .registerInfo {margin:15px 0;}
	.dpInfoSec .dpSaleInfo .registerInfo li {font-size:14px; line-height:1.6;}
	.dpInfoSec .dpSaleInfo .registerInfo li:after {top:9px;}
	.dpInfoSec .dpSaleInfo .dpPrice {font-size:22px;}
	.dpInfoSec .dpSaleInfo .dpPrice em {font-size:16px;}
	.dpInfoSec .dpStats {padding:10px 20px;}
	.dpInfoSec .dpStats .icoSt.heart a {background-size:auto 16px;}
	.dpInfoSec .dpStats .icoSt.down {background-size:auto 16px;}
	.dpInfoSec .dpStats .icoSt.view {background-size:auto 16px;}
	.dpInfoSec .btnArea {position:fixed; right:0; bottom:0; width:calc(100% - 80px); z-index:100;}
	.dpInfoSec .btnArea .btnCustom a {width:50%; margin-right:0; border-radius:0; font-size:18px; padding:0; height:60px; line-height:60px; padding:0;}
	.dpInfoSec .btnArea .btnBuy a {width:50%; margin-right:0; border-radius:0; font-size:18px; height:60px; line-height:60px; padding:0;}
	.dpInfoSec .dpFunc {margin-top:0; border-top:0;}
	.dpInfoSec .dpFunc .goPds.list a {position:fixed; left:0; bottom:0; border-radius:0; z-index:100; font-size:18px; height:60px; line-height:60px; margin:0; width:80px; text-align:center; padding:0;}
	.dpInfoSec .dpFunc .goPds.list a:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#FFF;}
	.dpInfoSec .dpFunc .goPds.prev a {left:5px; position:fixed; top:50%; transform:translate(0, -50%); opacity:0.6; z-index:10; display:none;}
	.dpInfoSec .dpFunc .goPds.next a {right:5px; position:fixed; top:50%; transform:translate(0, -50%); opacity:0.6; z-index:10; display:none;}

	.dpContSec {float:none; display:block; width:100%; border-radius:0; border-left:0; border-right:0;}
	.dpContSec .dpTab {padding:20px 10px; text-align:center;}
	.dpContSec .dpTab .dpTabMenu a {padding:0 10px; font-size:14px;}
	.dpContSec .dpTab .dpTabMenu.on a:after {width:10px; height:10px; bottom:-25px;}
	.dpContSec .dpCont {padding:20px}
	.dpContSec .dpCont .dpSummary {line-height:1.4; margin-bottom:15px;}

	.dpContSec .dpCont .dpStrInfo {border-top:1px solid #333;}
	.dpContSec .dpCont .dpStrInfo table colgroup {display:none;}
	.dpContSec .dpCont .dpStrInfo th, .dpContSec .dpCont .dpStrInfo td {display:block; padding:0; width:100%; background:none; border:none; min-height:auto;}
	.dpContSec .dpCont .dpStrInfo th {padding:15px 10px 5px 10px; font-weight:700; font-size:14px; background:#ecf2f6; box-sizing:border-box;}
	.dpContSec .dpCont .dpStrInfo td {padding:0px 10px 20px 10px; border-bottom:1px solid #dadada; font-size:14px; background:#ecf2f6; box-sizing:border-box; letter-spacing:0;}
	.dpContSec .dpCont .dpStrInfo td .dpKey {padding:2px 8px 4px 8px; font-size:13px;}
	.dpContSec .dpCont .dpSample .sample-prev {width:35px; height:35px; opacity:0.5; left:0px; background-size:100%;}
	.dpContSec .dpCont .dpSample .sample-next {width:35px; height:35px; opacity:0.5; right:0px; background-size:100%;}
	.dpContSec .dpCont .dpSample .sample-pagination .swiper-pagination-bullet {width:8px; height:8px;}
/* 	.dpContSec .dpCont .prdQna {margin-top:30px;}
	.dpContSec .dpCont .bbsQaForm {margin-top:30px;} */
	.dpContSec .dpTab .btnPrdQna a {top:15px; right:15px; z-index:10; font-size:13px; padding:2px 10px 4px 10px;}

	.dataOrderSec {padding:20px;}
	.dataOrderSec .ordTitle {font-size:16px;}
	.dataOrderSec .dataOrd {padding:15px 0; margin-bottom:10px;}
	.dataOrderSec .dataOrd .prdSubject {font-size:16px;}
	.dataOrderSec .dataOrd .perData {padding-top:10px;}
	.dataOrderSec .dataOrd .perData li {font-size:14px;}
	.dataOrderSec .dataOrd .perData li:after {top:9px;}
	.dataOrderSec .dataOrd .prdPrice {position:relative; right:unset; top:unset; transform:none; font-size:20px; display:block; text-align:right;}
	.dataOrderSec .dataOrd .prdPrice em {font-size:16px;}
	.dataOrderSec .ordLegal .itemLegal {padding:15px; font-size:13px; line-height:1.3;}
	.dataOrderSec .agreeLegal {text-align:left; font-size:13px; padding-top:8px;}
	.dataOrderSec .agreeLegal .chkB input + span {font-size:13px;}
	.chkA input + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.chkA input:checked + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.chkA input:checked.on + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.chkB input + span {background-size:18px 18px; background-position:left 5px; padding-left:25px;}
	.chkB input:checked + span {background-size:18px 18px; background-position:left 5px; padding-left:25px;}
	.radioA input + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.radioA input:checked + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.radioA input:checked.on + span {background-size:18px 18px; background-position:left 7px; padding-left:25px;}
	.radioB input + span {background-size:18px 18px; background-position:left 4px; padding-left:25px; font-size:14px;}
	.radioB input:checked + span {background-size:18px 18px; background-position:left 4px; padding-left:25px; font-size:14px;}
	.dataOrderSec .ordPayment {margin-bottom:20px;}
	.dataOrderSec .ordPayment li {width:32%; margin-bottom:10px; margin-right:2%;}
	.dataOrderSec .ordPayment li:last-child {margin-right:0;}
	.dataOrderSec .ordPayment li a {font-size:13px; padding:10px 0;}

	.dataOrderSec .ordPayment .billingArea {margin-top:0px;}
	.dataOrderSec .ordPayment .billingArea th, .dataOrderSec .ordPayment .billingArea td {font-size:13px; padding:6px 8px;}

	.btnBuy a {padding:10px 0; font-size:16px;}
	.btnCustom a {padding:10px 0; font-size:16px;}

	.comnWrap .midTitle {font-size:18px; line-height:1.3; margin-bottom:20px;}
	.analyBox .analTitle {font-size:15px; margin-bottom:10px;}
	.analyBox .analCon {display:block; padding:20px;}
	.analyBox .analCon .analPart {float:none; display:block; width:100%; padding:0; margin-bottom:15px;}
	.analyBox .analCon .analPart.half {width:100%;}
	.analyBox .analCon .analPart.full {width:100%;}
	.analyBox .analCon .analPart.midHalf {width:100%;}
	.analyBox .analCon .analPart.half .analSelect label {width:48%; margin-right:4%; margin-bottom:0px;}
	.analyBox .analCon .analPart.half .analSelect label:nth-child(2n) {margin-right:0;}
	.analyBox .analCon .analPart.half .analSelect label:nth-child(3) {margin-right:4%;}
	.analyBox .analCon .analPart.half .analSelect input + span {font-size:16px;}
	.analyBox .analCon .analPart.half .analSelect .asPart {font-size:16px; background-size:18px 18px; padding-left:24px;}
	.analyBox .analCon .analPart .amidTitle {font-size:16px; margin-bottom:5px;}
	.analyBox .analCon .analPart .analySubject {font-size:16px;}
	.analyBox .analCon .analPart input[type="text"], .analyBox .analCon .analPart input[type="number"], .analyBox .analCon .analPart select {height:36px; line-height:36px; font-size:14px;}
	.analyBox .analCon .analPart:after {display:none;}
	.analyBox .analCon .analPart .amidTitle .caution {width:24px; height:24px; line-height:24px; vertical-align:0;}
	
	.analCon .btnSave {display:block; height:auto; overflow:hidden; position:relative; text-align:right;}
	.analCon .btnSave a {display:inline-block; position:relative; right:unset; top:unset; transform:none; padding:8px 20px; font-size:14px;}
	.analCon .btnEdit {display:block; height:auto; overflow:hidden; position:relative; text-align:right;}
	.analCon .btnEdit a {display:inline-block; position:relative; right:unset; top:unset; transform:none; padding:8px 20px; font-size:14px;}

	.analyBox.dis .analCon {padding:20px;}
	.analyBox .analCon .readyTitle {font-size:16px; left:20px; padding-right:110px; box-sizing:border-box; line-height:1.3;}
	.arStep:after {background-size:auto 10px;}
	.analyBox .analCon .icoImg {padding-right:0;}
	.analyBox .analCon .icoImg img {height:60px;}
	.analGuideTxt {font-size:14px;}
	.inputKeyword button {width:36px; height:36px;}

	.analyBox .analCon .analPart .analyPart li {margin-bottom:0;}
	.analyBox .analCon .analPart .analyPart li input + span {font-size:16px;}
	.analyBox .analCon .analPart .amidTitle em {font-size:14px;}
	.analCate {margin-top:10px;}
	.analCate .inItem {padding:5px 10px;}
	.analyBox .analCon .analPart textarea {width:100%;}
	.orderData .btnApply a {width:100%; padding:10px 0; font-size:18px;}

	.totalOrdSec .paySec {margin-bottom:20px;}
	.totalOrdSec .paySec .psTitle {font-size:16px;}
	.totalOrdSec .paySec .date {font-size:18px;}
	.totalOrdSec .cauTxt {font-size:16px;}
	.totalOrdSec .btnArea .btnCart a {padding:10px 0; font-size:16px;}
	.totalOrdSec .btnArea .btnPay a {padding:10px 0; font-size:16px;}

	.ordEndMent {font-size:20px;}
	.ordTable th, .ordTable td {padding:8px 10px; font-size:14px;}
	.ordGuide {font-size:14px;}

	.bbsWrap {padding:20px; margin-left:-20px; width:calc(100% + 40px); border-left:0; border-right:0; border-radius:0;}
	.bbsSearch .form input[type="text"] {height:36px; line-height:34px; font-size:14px;}
	.bbsSearch .form button.btnSearch {height:36px; font-size:14px; line-height:36px;}
	.bbsTab {padding:0; margin-bottom:30px;}
	.bbsTab .tabMenu a {float:left; width:25%; text-align:center; display:block; margin:0; font-size:14px; padding:5px 0px 15px 0px; box-sizing:border-box;}
	.bbsTab .tabMenu.on a:after {bottom:-5px;}

	.bbsList li {padding-bottom:10px;}
	.bbsList li a {padding:10px;}
	.bbsList li .qaCate {display:block; position:relative; left:unset; top:unset; transform:none; font-size:13px; margin-bottom:0px;}
	.bbsList li .subject {font-size:16px; padding-right:0;}
	.bbsList.qa li a {padding:10px; display:block;}
	.bbsList.qa li .subject {padding:0 60px 0 0;}
	.bbsList li .subject .lock {background-size:auto 15px; vertical-align:-7px; margin-left:1px;}
	.bbsList li .writer {position:relative; float:left; top:unset; right:unset; transform:none; font-size:14px; text-align:left; width:auto; font-weight:400; color:#999; letter-spacing:0; margin-right:10px;}
	.bbsList li .bbsDate {position:relative; float:left; top:unset; right:unset; transform:none; font-size:14px; text-align:left; width:auto; font-weight:400; color:#999; letter-spacing:0;}
	.bbsList.qa li .bbsDate {right:unset;}
	.bbsList li .qaStats {right:10px; width:auto; font-size:14px;}
	.bbsList .btnArea .btnApply a {padding:7px 20px; font-size:16px;}

	.icoNotice {font-size:13px; padding:1px 5px; margin-right:2px;}

	.pwDim .pwTitle {font-size:13px; margin-right:5px; display:block; margin-bottom:5px; text-align:left;}
	.pwDim input[type="password"] {width:100px;}
	.pwDim button {padding:0 10px; font-size:14px; margin-left:5px;}
	.pwDim .pwClose {background-size:15px 15px; margin-left:0;}

	.bbsView .bbsSubject {padding:10px 55px 10px 10px; font-size:16px; word-break:break-all;}
	.bbsView .bbsSubject .qaCate {font-size:13px;}
	.bbsView .bbsSubject .qaStats {right:10px; font-size:14px; width:auto; text-align:right;}
	.bbsView .bbsViewInfo {padding:10px; font-size:13px;}
	.bbsView .bbsCon {padding:15px 10px;}
	.bbsView .bbsCon .qCon {font-size:16px; line-height:1.4;}
	.bbsView .bbsCon .bbsConReply {margin-top:10px; padding-top:10px; font-size:16px;}
	.bbsView .bbsCon .bbsConReply .repWriter {font-size:14px;}

	.bbsView .btnArea {margin-top:15px; padding-bottom:30px;}
	.bbsView .btnArea .btnEdit a {padding:7px 20px; font-size:16px;}
	.bbsView .btnArea .btnDel a {padding:7px 20px; font-size:16px;}
	.bbsView .btnArea .btnList a {padding:7px 20px; font-size:16px;}

	.bbsQaForm .required {font-size:14px; margin-bottom:8px;}
	.bbsQaForm ul li:first-child {margin-top:10px;}
	.bbsQaForm ul li {padding:5px; line-height:1.4;}
	.bbsQaForm ul li .itemTitle {position:relative; display:block; left:unset; top:unset; transform:none; padding-left:0; font-size:14px; margin-bottom:4px;}
	.bbsQaForm ul li.single {padding-left:0;}
	.bbsQaForm ul li .itemTitle.etc {top:unset;}
	.bbsQaForm ul li .cauTxt {font-size:14px;}
	.agreeSec .title {font-size:14px; margin-bottom:4px; margin-top:10px;}
	.setPassword {display:block; margin-left:0; padding-left:0; margin-top:5px;}
	.setPassword .spTitle {font-size:14px; line-height:36px; padding-right:10px;}

	.bbsQaForm .btnArea {margin-top:15px; text-align:right;}
	.bbsQaForm .btnArea .btnApply a {padding:7px 20px; font-size:16px;}
	.bbsQaForm .btnArea .btnCancel a {padding:7px 20px; font-size:16px;}

	.faqCate {display:block; margin:0 0 20px 0; padding:0 20px;}
	.faqCate .fCate {float:left; width:33.3333%; height:auto; font-size:14px; margin:0; padding-top:33px; padding-bottom:10px; margin-bottom:0;}
	.faqCate .fCate.c01, .faqCate .fCate.c02, .faqCate .fCate.c03, .faqCate .fCate.c04, .faqCate .fCate.c05, .faqCate .fCate.c06 {background-size:20px 20px; background-position:50% 10px;}
	.faqCate .fCate.c01.on, .faqCate .fCate.c02.on, .faqCate .fCate.c03.on, .faqCate .fCate.c04.on, .faqCate .fCate.c05.on, .faqCate .fCate.c06.on {background-size:20px 20px; background-position:50% 10px;}
	.faqCate .fCate.c01:hover,
	.faqCate .fCate.c02:hover,
	.faqCate .fCate.c03:hover,
	.faqCate .fCate.c04:hover,
	.faqCate .fCate.c05:hover,
	.faqCate .fCate.c06:hover {background-size:20px 20px; background-position:50% 10px;}

	.faqList li .questSec {padding:10px; font-size:14px;}
	.faqList li .questSec .icoQ {font-size:14px; padding:2px 8px; margin-right:5px;}
	.faqList li .questSec .questAr {right:10px; top:18px; background-size:auto 7px;}
	.faqList li .ansSec {padding:10px 10px 10px 40px; font-size:14px;}
	.faqList li .ansSec .icoA {left:10px; top:8px; font-size:14px; padding:2px 8px; margin-right:5px;}

	.myWrap {padding:20px; margin-left:-20px; width:calc(100% + 40px); border-left:0; border-right:0; border-radius:0;}
	.myWrap .myTabMenu {padding:0; margin-bottom:20px;}
	.myWrap .myTabMenu .myTab a {float:left; width:25%; text-align:center; display:block; margin:0; font-size:14px; padding:5px 0px 15px 0px; box-sizing:border-box;}
	.myWrap .myTabMenu .myTab.on a:after {bottom:-5px;}
	.myWrap .myTabMenu .myTab a em {display:block; text-align:center; font-size:14px;}

	.mySearch .period {float:none; display:block; width:100%;}
	.mySearch .schForm {float:none; display:block; width:100%; padding-left:0; margin-top:5px;}

	.mySearch input[type="text"] {height:36px; line-height:34px; font-size:13px; border-radius:2px; padding:0 5px;}
	.mySearch select {float:left; width:49%; height:36px; line-height:34px; font-size:13px; border-radius:2px; padding:0 5px; margin-right:2%;}
	.mySearch select:nth-child(2n) {margin-right:0;}
	.mySearch .period .ordPeriod {width:100%; margin-top:10px;}
	.mySearch .period .ordPeriod li {padding-right:0;}
	.mySearch .period .ordPeriod li .ui-datepicker-trigger {width:30px; height:30px; background-size:auto 15px; right:3px; top:3px; border-radius:2px;}

	.mySearch .period.sale select {width:30%; margin-right:2%;}
	.mySearch .period.sale .ordPeriod {width:68%; margin-top:0;}

	.mySearch .schForm button.btnSearch {height:36px;}

	.saleSummary {margin-bottom:20px; padding-bottom:10px;}
	.saleSummary .sumBox {width:50%; padding:10px 10px 0 10px;}
	.saleSummary .sumBox .title {font-size:13px;}
	.saleSummary .sumBox .con {font-size:16px;}
	.totalCount {font-size:14px;}

	.mySearch.account {padding-left:100px;}
	.mySearch.account .period {width:90px;}
	.mySearch.account .saleMonth .monBox .inMonth {margin-right:5px;}
	.mySearch.account .saleMonth .monBox .inMonth a {height:36px; line-height:32px; font-size:14px; padding:0 10px; box-sizing:border-box;}
	.saleSummary.five .sumBox {width:50%;}
	.saleSummary.five .sumBox.full {width:100%;}

	.mySubMenu {margin:15px auto; padding:0 25px; box-sizing:content-box;}
	.mySubMenu .ms a {padding:7px 16px; font-size:14px; margin:0 3px;}

	.rdySaleForm .rdyTxt {font-size:16px;}
	.rdySaleForm .rdyTxtDesc li {font-size:13px;}
	.rdySaleForm .rdyTxtDesc li:after {top:6px;}

	.rdyForm {margin-top:20px; padding-top:20px;}
	.rdyForm ul li {width:100%; padding:10px;}
	.rdyForm ul li .title {font-size:13px;}
	.rdyForm ul li .innerTerm {font-size:12px; padding:10px;}

	.rdyForm ul li input[type="text"], .rdyForm ul li input[type="number"], .rdyForm ul li input[type="file"] {height:36px; line-height:34px; font-size:14px; padding:0 10px;}
	.bbsQaForm ul li input[type="text"], .bbsQaForm ul li input[type="password"], .bbsQaForm ul li input[type="file"] {height:36px; line-height:34px; font-size:14px; padding:0 10px;}
	.bbsQaForm ul li select {height:36px; line-height:34px; padding:0 10px; font-size:14px;}
	.bbsQaForm.prd ul li {padding:5px 5px 10px 5px;}
	.bbsQaForm.prd ul li .fileUpload button {width:36px; height:36px;}
	.rdySaleForm .btnArea {margin-top:15px;}
	.rdySaleForm .btnSaleApply a {padding:7px 20px; font-size:16px;}
	.bbsQaForm.prd .btnSaleApply a {padding:7px 20px; font-size:16px;}
	.bbsQaForm.prd .btnList a {padding:7px 20px; font-size:16px;}
	.applyCon .btnArea .btnContinue a {padding:7px 20px; font-size:16px;}

	.bbsQaForm.prd.upload ul li {padding:5px 5px 10px 5px;}
	.bbsQaForm.prd.upload ul li .itemTitle {margin-bottom:0;}
	.bbsQaForm.prd.upload ul li .radioB input + span {background-position:left 0px;}
	.bbsQaForm.prd.upload ul li .radioB input:checked + span {background-position:left 0px;}

	.bbsQaForm.prd .analyPart dd {float:left; width:50%; display:block; margin-right:0; line-height:1.6;}
	.bbsQaForm.prd .analyPart dd a {font-size:16px;}
	.bbsQaForm.prd .analyPart dd a:before {width:18px; height:18px; background-size:100%; vertical-align:-3px;}
	.bbsQaForm.prd .inputKeyword {width:100%;}
	.bbsQaForm.prd ul li select {width:100%;}
	.bbsQaForm.prd ul li .fileUpload .innerFile {float:none; width:100%; padding-right:90px;}
	.bbsQaForm.prd ul li textarea {font-size:14px; padding:10px;}
	.bbsQaForm.prd ul li .etcTxt {font-size:14px;}

	.applyCon .headApply {font-size:20px;}
	.applyCon .appDesc {font-size:16px;}
	.applyCon .btnArea {margin-top:30px; text-align:center;}

	.myQaList li .myQaBox .questSec {padding:0;}
	.myQaList li .myQaBox .questSec .subject {font-size:16px; padding-right:80px; line-height:1.3; margin:5px 0;}
	.myQaList li .myQaBox .questSec .date {font-size:14px;}
	.myQaList li .myQaBox .questSec .qaStats {padding:2px 7px; font-size:13px; right:0;}

	.myQaList li .myQaBox .qaDetailSec {margin-top:10px;}
	.myQaList li .myQaBox .qaDetailSec .qaCon {padding:10px 40px 10px 10px; font-size:14px;}
	.myQaList li .myQaBox .qaDetailSec .qaCon .btnDel a {right:10px; top:10px; font-size:14px;}

	.myQaList li .myQaBox .qaDetailSec .answer {padding:10px;}
	.myQaList li .myQaBox .qaDetailSec .answer .ansWriter {font-size:14px;}
	.myQaList li .myQaBox .qaDetailSec .answer .ansWriter em {font-size:12px; letter-spacing:0; padding-left:10px; margin-left:6px;}
	.myQaList li .myQaBox .qaDetailSec .answer .empty {font-size:16px;}
	.myQaList li .myQaBox .qaDetailSec .answer .btnReply a {padding:5px 15px; font-size:13px;}

	.myWrap .midTitle .btnQa a {padding:5px 10px; font-size:13px;}

	.myOrdList li {padding:15px 0;}
	.myOrdList li .myOrdBox {padding-right:75px;}
	.myOrdList li .myOrdBox .prdName {width:100%; margin-bottom:5px;}
	.myOrdList li .myOrdBox .ordCode {font-size:12px;}
	.myOrdList li .myOrdBox .prdSubject {font-size:16px;}
	.myOrdList li .myOrdBox .date {width:50%; margin-bottom:10px;}
	.myOrdList li .myOrdBox .smt {float:left; width:auto; margin:0 5px 0 0; line-height:1.0;}
	.myOrdList li .myOrdBox .indate {float:left; width:auto; font-size:14px; letter-spacing:0; line-height:1.0;}
	.myOrdList li .myOrdBox .price {width:auto; margin-right:10px;}
	.myOrdList li .myOrdBox .price .smt {display:none;}
	.myOrdList li .myOrdBox .status {width:100%; margin-top:10px;}
	.myOrdList li .myOrdBox .status .smt {display:none;}
	.myOrdList li .myOrdBox .down {width:auto;}
	.myOrdList li .myOrdBox .down .btnDown a {padding:6px 10px; font-size:13px;}
	.myOrdList li .myOrdBox .down .btnCancel a {padding:6px 10px; font-size:13px;}

	.myOrdDetail .ordCode {font-size:14px; line-height:1.0;}
	.myOrdDetail .ordCode em {float:right; text-align:right; font-size:14px; letter-spacing:0; margin:0; padding:0;}
	.myOrdDetail .ordCode em:after {display:none;}
	.myOrdDetail .ordDetailBox {display:block; position:relative;}
	.myOrdDetail .ordDetailBox .dpStrInfo {float:none; display:block; width:100%; margin-top:90px;}
	.myOrdDetail .ordDetailBox .dpStrInfo table colgroup {display:none;}
	.myOrdDetail .ordDetailBox .dpStrInfo th, .myOrdDetail .ordDetailBox .dpStrInfo td {padding:0px; min-height:auto; display:block; border:0; background:none;}
	.myOrdDetail .ordDetailBox .dpStrInfo th {padding:6px 0 4px 0; font-size:14px; font-weight:500;}
	.myOrdDetail .ordDetailBox .dpStrInfo td {font-size:14px; border-bottom:1px solid #dadada; padding-bottom:10px;}
	.myOrdDetail .ordDetailBox .dpStrInfo td .perData li {padding-left:18px;}
	.myOrdDetail .ordDetailBox .dpStrInfo td .perData li:after {left:10px; top:8px;}

	.myOrdDetail .costInfoBox table colgroup col {width:25%;}
	.myOrdDetail .costInfoBox table colgroup col:last-child {width:75%;}
	.myOrdDetail .costInfoBox th, .myOrdDetail .costInfoBox td {padding:6px 10px;}
	.myOrdDetail .costInfoBox th {font-size:14px; padding-left:10px;}
	.myOrdDetail .costInfoBox td {font-size:14px; letter-spacing:0;}
	.myOrdDetail .btnArea {margin-top:20px;}
	.myOrdDetail .btnArea .btnList a {padding:7px 20px; font-size:16px;}

	.myOrdDetail .ordStatsBox {position:absolute; left:0; top:0; float:none; padding:15px; display:block; width:100%; text-align:left;}
	.myOrdDetail .ordStatsBox .statsTitle {font-size:18px;}
	.myOrdDetail .ordStatsBox .statsTitle br {display:none;}
	.myOrdDetail .ordStatsBox .fileInfo {font-size:14px;}
	.myOrdDetail .ordStatsBox.ord .btnArea {margin-top:0px; position:absolute; right:15px; top:50%; transform:translate(0, -50%);}
	.myOrdDetail .ordStatsBox.refund .btnArea {margin-top:0px; position:absolute; right:15px; top:50%; transform:translate(0, -50%);}
	.myOrdDetail .ordStatsBox .btnDown a {padding:6px 16px; font-size:13px; margin-top:0;}
	.myOrdDetail .ordStatsBox .btnCancel a {padding:6px 16px; font-size:13px; margin-top:0;}
	.myOrdDetail .ordStatsBox .btnCancelApply a {padding:6px 16px; font-size:13px; margin-top:0;}
	.myOrdDetail .ordStatsBox .btnPay a {padding:6px 16px; font-size:13px; margin-top:0;}

	.ordCaution .ocTitle {font-size:16px; margin-bottom:15px;}
	.ordCaution li {padding-left:0; font-size:14px;}
	.ordCaution li em {display:block; margin-bottom:5px; position:relative; left:unset; top:unset;}

	.ui-datepicker-trigger {width:36px; height:36px;}

	.pagingWrap a {height:30px; line-height:30px; font-size:13px;}
	.pagingWrap a.num {font-size:13px; padding:0 12px;}

	.mySearch.my {margin-bottom:10px;}
	.mySearch.my .period {float:left; width:25%;}
	.mySearch.my .schForm {float:right; width:calc(100% - 27%); margin-top:0;}
	.mySearch.my .dpSort {display:block; position:relative; right:unset; top:unset; transform:none; width:100%;}
	.mySearch.my .dpSort .comnSort {margin-top:20px;}

	.myOrdList li .myOrdBox {position:relative;}
	.myOrdList li .myOrdBox .buyName {font-size:14px; line-height:1.0;}
	.myOrdList li .myOrdBox .dCate .cateTxt {font-size:13px; padding:2px 8px;}
	.myOrdList li .myOrdBox .inprice {font-size:14px;}
	.myOrdList li .myOrdBox .inprice s {color:#999;}
	.myOrdList li .myOrdBox.myPrd .prdName {width:100%; padding-right:60px;}
	.myOrdList li .myOrdBox.myPrd .item {width:auto; margin-right:10px;}
	.myOrdList li .myOrdBox.myPrd .item .smt {display:none;}
	.myOrdList li .myOrdBox.myPrd .price {width:auto;}
	.myOrdList li .myOrdBox.myPrd .date {width:100%; margin:10px 0 0 0;}
	.myOrdList li .myOrdBox.myPrd .status {width:50%;}
	.myOrdList li .myOrdBox.myPrd .funct {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:auto;}
	.myOrdList li .myOrdBox .btnEdit a {padding:0 15px; font-size:13px; display:block;}
	.myOrdList li .myOrdBox .btnDel a {padding:0 15px; font-size:13px; display:block;}
	.myOrdList li .myOrdBox .dpStats {position:absolute; right:0; bottom:-3px; padding-top:0;}
	.myOrdList li .myOrdBox .dpStats .icoSt {font-size:12px;}
	.myOrdList li .myOrdBox .dpStats .icoSt.heart {background-size:auto 12px; background-position:left 4px;}
	.myOrdList li .myOrdBox .dpStats .icoSt.down {background-size:auto 12px; background-position:left 4px;}
	.myOrdList li .myOrdBox .dpStats .icoSt.view {background-size:auto 12px; background-position:left 4px;}

	.myOrdList li .myOrdBox.full .prdName {width:100%;}
	.myOrdList li .myOrdBox.full .date {width:50%; margin-bottom:5px;}
	.myOrdList li .myOrdBox.full .price {width:50%; margin-right:0;}
	.myOrdList li .myOrdBox.full .buyer {width:50%; margin-right:0;}
	.myOrdList li .myOrdBox.full .status {width:100%; margin-top:10px;}

	.myWrap .regiSec {margin-top:0; padding:0;}

	.rdyForm.edit .choicePart .radioB input + span {font-size:14px;}
	.rdyForm.edit .choicePart .radioB input:checked + span {font-size:14px;}

	.forPc {display:none;}
	.forMo {display:block;}

	.myWrap .myTabMenu .btnQa a {position:absolute; right:0; top:-7px; padding:6px 20px 8px 20px; background:#596b78; border-radius:40px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0;}

	.innerCate {width:98%; margin:0 auto; white-space:nowrap; overflow:hidden; overflow-x:auto; padding-right:0; padding:0;  -ms-overflow-style:none;scrollbar-width: none;}
	.innerCate::-webkit-scrollbar {display: none}

	.myOrdDetail .costInfoBox td .btnDown a {font-size:13px;}

	/*	2022-04-27 추가 */
	.chn { line-height:25px;font-size:15px;}

	.serviceWrap {border-radius:0; padding:20px; border-left:0; border-right:0;}
	.serIntro {padding:40px 0; border-bottom:1px solid #999;}
	.serIntro .txtMid {font-size:18px;}
	.serIntro .introImg img {max-width:50%;}
	.serIntro .txtHead {font-size:22px;}
	.serIntro .txtHead br {display:block;}
	.serFeature {padding:50px 0 0 0;}
	.serFeature .sfTitle {float:none; display:block; width:100%; text-align:center; margin-bottom:30px;}
	.serFeature .sfTitle .tDeco.mart {margin-left:0;}
	.serFeature .sfTitle .title {font-size:20px;}
	.serFeature .sfTitle .desc {font-size:16px;}

	.serFeature .sfCon {float:none; display:block; width:100%; padding:0 0 40px 0; text-align:center;}
	.sfConTy01 {font-size:16px;}

	.feaBox {text-align:left; padding-left:45px; margin-bottom:20px;}
	.feaBox .num {font-size:50px;}
	.feaBox .feaTitle {font-size:20px;}
	.feaBox .feaDesc {font-size:16px;}
	.feaBox .feaInner {padding:20px;}
	.feaBox .feaInner li {margin-bottom:20px;}
	.feaBox .feaInner li .title {font-size:16px;}
	.feaBox .feaInner li .desc {font-size:14px;}

	.forWho {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
	.forWho li {margin-right:0; width:48%; padding:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:13vh;}
	.forWho li .desc {font-size:14px;}
	.forWho li .title {font-size:18px;}

	.supplyItem li {width:100%; display:block; margin-bottom:20px;}
	.supplyItem li .siCycle .title {font-size:18px;}
	.supplyItem li .siCycle .desc {font-size:14px;}
	.supplyItem li .siCycle {width:200px; height:200px;}

	.dMethod .dBox {padding:15px 20px; height:auto; line-height:1.3;font-size:16px; text-align:center;}
	.dMethod .dAr {clear:both; width:100%; float:none; display:block; background-position:50% bottom; background:url(../img/ar_step.png) no-repeat 50% bottom; background-size:18px 10px; height:20px; margin:0;}
	.dMethod .dTitle {display:inline-block; float:none; line-height:36px; font-size:16px; vertical-align:middle;}
	.dMethod .btnLinkGo a {vertical-align:middle; font-size:14px;}
	.dSale li span {font-size:16px; box-shadow:none;}

	.introBtm {padding:50px 0;}
	.introBtm .title {font-size:18px;}
	.introLogo img {max-width:50%;}

	.btnIntro {display:block; text-align:center;}
	.btnIntro a {position:relative; display:inline-block; right:unset; bottom:unset; padding:5px 20px; font-size:14px; margin:15px auto 0;}

}

@media only screen and (max-width:640px) {

}

@media only screen and (max-width:480px) {

}