/* base */
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html, body {margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
body, textarea, .black, select, a, span, p {font-family: '맑은 고딕', 'Malgun Gothic', 'Arial', sans-serif !important; color:#495057; text-decoration:none; font-size:14px; line-height:1.3; letter-spacing:-1px;}
ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, textarea, select, th, td, p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, em, address {font-weight:normal; font-size:100%; display:inline-block;}
table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
ul, li, ol, dl, dt, dd {list-style:none; font-size:14px; line-height:1.3; letter-spacing:-1px;}
img, input {border:0; vertical-align:middle;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
a {color:inherit; text-decoration:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent}
caption {display:none;}
iframe {border:none;}
em {font-style:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
button {cursor:pointer; border:none; background:none}
button,input,select,textarea{font-style:inherit; font-weight:inherit; margin:0; line-height:normal}
input:focus , textarea:focus , select:focus {outline: none}
.fl {float:left; display:inline-block;}
.fr {float:right; display:inline-block;}
.font9 {font-size:9px;}
.font11 {font-size:11px;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px; line-height:20px;}
.font18 {font-size:18px; line-height:20px;}
.font24 {font-size:24px; }
.middleline {text-decoration:line-through;}
.underline {text-decoration:underline !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold;}
.letter0 {letter-spacing:0 !important}
.black {color:#000 !important}
.blue {color:#0065e1}
.white {color:#fff;}
.gray {color:#adb5bd !important;}
.gray02 {color:#868e96 !important;}
.gray03 {color:#495057 !important}
.red {color:#fa3838 !important;}
.yellow {color:#f6de36;}
.orange {color:#f74406;}
.bg_red {background:#ff2d2d}
.bg_orange {background:#ff6c00}
.bg_purple {background:#8f80ff}
.maincolor {color:#715eff !important;}
.maincolor02 {color:#ff6600;}
.mr8 {margin-right:8px}
.ml8 {margin-left:8px}
.mt5 {display:inline-block; margin-top:5px;}
.mt10 {display:inline-block; margin-top:10px;}
.mt15 {display:inline-block; margin-top:15px;}
.mt30 {display:inline-block; margin-top:30px;}
.mt40 {display:inline-block; margin-top:40px;}
.mt60 {display:inline-block; margin-top:30px;}
.mb0 {margin-bottom:0 !important}
.mb5 {display:inline-block; margin-bottom:5px;}
.mb10 {display:inline-block; margin-bottom:10px;}
.mb15 {display:inline-block; margin-bottom:15px;}
.mb20 {display:inline-block; margin-bottom:20px;}
.mb25 {display:inline-block; margin-bottom:25px;}
.mb30 {display:inline-block; margin-bottom:30px;}
.mb40 {display:inline-block; margin-bottom:40px;}
.mb50 {display:inline-block; margin-bottom:50px;}
.mb60 {display:inline-block; margin-bottom:60px;}
.mb80 {display:inline-block; margin-bottom:80px;}
.align-right {text-align:right !important}
.align-left {text-align:left !important}
.align-center {text-align:center}
.none {display:none;}

/*input */
input[type=text]::-ms-clear{display: none;}
input[type="text"]::-webkit-input-placeholder , input[type="password"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color: #adb5bd; }
input[type="text"]::-moz-placeholder , input[type="password"]::-moz-placeholder{ /* Firefox 19+ */  color: #adb5bd;}
input[type="text"]:-ms-input-placeholder , input[type="password"]:-ms-input-placeholder { /* IE 10+ */color: #adb5bd;}
input[type="text"]:-moz-placeholder , input[type="password"]:-moz-placeholder { /* Firefox 18- */color: #adb5bd;}


/*layout */
.borderB {border-bottom:1px solid #e9ecef}
.contents {position:relative; margin-bottom:100px; }
.container {width:1200px; margin:0 auto; position:relative;}
.container750 {width:750px; margin:0 auto; position:relative;}
.container380 {width:380px; margin:0 auto; position:relative;}
.container420 {width:420px; margin:0 auto; position:relative;}
.containerM-p10 {padding:0 10px}
.layout {display:block; width:100%; text-align:center;}
.layout-H10 {height:10px;} 
.layout-H20 {height:20px;} 
.layout-H30 {height:30px;} 
.layout-H40 {height:40px;}
.layout-H50 {height:50px;} 
.layout-H60 {height:60px;}
.layout-H80 {height:80px;}
.layout-H100 {height:100px;}
.w100 {width:100%}
.w75 {width:75%}
.w66 {width:66.66%}
.w50 {width:50%}
.w33 {width:33.33%}
.w25 {width:25%}

/* common */
.course-bar-wrap ul li a i , 
.frm-check-big , 
.influ-cardbig-wrap .txt .info ul li span.icon  , .influ-cardbig02-wrap .txt .info02 .ic-area ul li span.icon , 
.star-score-wrap .star-score span , .starsmall-score-wrap .star-score span , 
.pop-tit-area .close , .ic_close , 
.frm-check-small label ,
.ic_point , .ic_trash , .ic_instagram , .ic_blog , .ic_instagram02 , .ic_big , .ic_search , .ic_person , .ic_pop_arrow , .ic_heart_small , .ic_heart_big , 
.prod-top-txt .prod-buy .sale-icon , .ic_instagram03 , .sale-icon-blog , .ic_blog03 , .pop-close , .ic_newtab , .btn-item-remove , .ic_check , 
.ic_blog02 ,
.prod-top-txt .prod-course ul li:after , .delivery-info-area.area01 ul li:after , 
.prod-detail-warning li ,
.prod-detail-img-btn .img-btn i , 
.account-channel-bar .txt i , 
.account-txtcheck ul li .ic_area i ,
.profile-cont-top .edit i ,
.order-area .detail-area .channel-tit i ,
.cs-board-wrap i , 
.logoroll-btn a , 
.btn-bottom-more i , 
.prod-postimg-area .img-list-btn i  , 
.footer .footer-customer .number-area i {background-image:url('../img/common/ic_frm_common.png'); background-repeat:no-repeat;}
.pointsale-top article .icon {background-image:url('../img/common/ic_pointsale_top.png'); background-repeat:no-repeat;}
.frm_select select {background-image:url('../img/common/ic_frm_arrow.png');background-repeat:no-repeat;}
.influ-card-badge span {display:block; width:57px; height:59px; padding-top:15px; font-size:18px; color:#fff; text-align:center; background-image:url('../img/common/ic_influ_badge.png');background-repeat:no-repeat; }
.influ-card-badge span.first {background-position:0 0; }
.influ-card-badge span.second {background-position:0 -59px; }
.influ-card-badge span.third {background-position:0 -118px; }
.pop-postpay-info ul li , .pop-postpay-article article .cont ul li {background-image:url('../img/common/ic_li_arrow.png');background-repeat:no-repeat; }
.btn-item-remove {position:absolute; top:0;right:0;z-index:12; border:0; width:17px; height:17px; background-position:-19px -105px}
.icon_small span {display:inline-block; padding:0 8px; height:24px; line-height:23px; font-size:15px; color:#fff; border-radius:2px; margin:0 1px;}
.ic_arrow {display:block; width:9px; height:6px; background-image:url('../img/common/header_ic_arrow.png');background-repeat:no-repeat;}
.ic_point {display:inline-block; width:13px; height:11px; background-position:-45px 0;}
.ic_instagram {display:inline-block; width:14px; height:14px; background-position:-52px -464px; vertical-align:sub; margin-right:5px}
.ic_instagram02 {display:inline-block; width:18px; height:18px; background-position:-19px -464px;}
.ic_instagram03 , .prod-top-txt .prod-buy .sale-icon {display:inline-block; margin-left:5px ;width:32px; height:32px; background-position:-34px -484px; vertical-align:top}
.ic_blog {display:inline-block; width:14px; height:14px; background-position:-38px -464px; vertical-align:sub; margin-right:5px}
.ic_blog02 {display:inline-block; width:18px; height:18px; background-position:-0px -464px;}
.ic_blog03 , .prod-top-txt .prod-buy .sale-icon-blog {display:inline-block; margin-left:5px ;width:32px; height:32px; background-position:0px -484px; vertical-align:top}
.ic_trash {display:inline-block; width:13px; height:14px; vertical-align:-1px; background-position:-92px -105px;}
.ic_big {display:inline-block; width:58px; height:52px; }
.ic_basket {background-position:-79px -214px;}
.ic_heart {background-position:-80px -268px;}
.ic_heart_small {display:block; width:20px; height:17px; background-position:-46px -286px;}
.ic_heart_small.active {background-position:-46px -303px;}
.ic_heart_big {display:block; width:32px; height:28px; background-position:-46px -326px;}
.ic_heart_big.active {background-position:-46px -354px;}
.ic_info {background-position:-80px -326px;}
.ic_search {display:inline-block;width:20px; height:20px; background-position:-46px -257px; }
.ic_person {display:inline-block; width:14px; height:13px; background-position:-92px -123px; margin-right:5px; vertical-align:-1px}
.ic_crown {display:inline-block; width:46px; height:41px; background-image:url('../img/common/ic_profile_crown.png'); background-repeat:no-repeat; background-position:0 -500px}
.ic_crown.first {background-position:0 0;}
.ic_crown.second {background-position:0 -41px;}
.ic_crown.third {background-position:0 -82px;}
.ic_crown.fourth {background-position:0 -123px;}
.ic_crown.fifth {background-position:0 -164px;}
.ic_crown.sixth {background-position:0 -205px;}
.ic_crown_mini {display:inline-block; width:25px; height:19px; background-image:url('../img/common/ic_profile_crown_mini.png'); background-repeat:no-repeat;}
.ic_crown_mini.first {background-position:0 0;}
.ic_crown_mini.second {background-position:0 -20px;}
.ic_crown_mini.third {background-position:0 -40px;}
.ic_crown_mini.fourth {background-position:0 -60px;}
.ic_crown_mini.fifth {background-position:0 -80px;}
.ic_crown_mini.sixth {background-position:0 -100px;}
.ic_pop_arrow {display:block; width:12px; height:12px; background-position:-100px -144px; }
.ic_question {display:inline-block; width:16px; height:16px; line-height:14px; font-style:normal; font-size:13px; vertical-align:1px; border-radius:20px; background:#e9ecef; border:1px solid #dfdfdf;}
.ic_newtab {display:inline-block; margin-left:7px; width:17px; height:17px; background-position:0 -422px; vertical-align:-2px}
.ic_check {display:inline-block; width:17px; height:13px; background-position:-120px -463px;}

/* header */
.header {width:100%;}
.header .logo-area {padding:60px 0 40px 0; border-bottom:1px solid #ced4da; text-align:center;}
.header .tab-area {width:100%; height:70px; background:#f1f3f5; }
.header .tab-area ul {width:1200px; margin:0 auto; height:70px;}
.header .tab-area ul li {float:left; width:50%; height:70px; }
.header .tab-area ul li a {width:100%; display:block; height:70px; line-height:70px; text-align:center; color:#adb5bd; font-size:22px; font-weight:bold}
.header .tab-area ul li a.active {background:#715eff; color:#fff;}

/* footer */
.footer {width:100%; padding:90px 0 100px 0; background:#343a40; position:relative;}
.footer .footer-links a , .footer .footer-company li span , .footer .footer-customer li span {float:left; display:block; padding:0 10px; color:#c8c7c7; line-height:1.0em; border-right:1px solid #626970; }
.footer .footer-links a:first-child , .footer .footer-company li span:first-child , .footer .footer-customer li span:first-child {padding-left:0;}
.footer .footer-links a:last-child , .footer .footer-company li span:last-child , .footer .footer-customer li span:last-child {padding-right:0; border-right:0}
.footer .footer-company {width:100%; display:inline-block; margin:40px 0;}
.footer .footer-company li {margin:5px 0; display:inline-block; width:100%;}
.footer .footer-company li span {color:#fff; }
.footer .footer-company li a {display:inline-block; margin-left:10px; color:#c8c7c7; font-size:13px; text-decoration:underline;}
.footer .footer-copyright {font-size:13px; color:#a5a5a5}
.footer .footer-customer {position:absolute; top:0; left:670px; width:530px;}
.footer .footer-customer .number-area {display:inline-block; width:100%}
.footer .footer-customer .number-area span {float:left; font-size:30px; color:#fff; line-height:30px; margin-top:-3px}
.footer .footer-customer .number-area i {float:left; margin-right:15px; display:block; width:27px; height:27px; background-position:-45px -394px}
.footer .footer-customer .number-area a {float:left; display:inline-block; padding:0 30px; height:40px; border-radius:40px; line-height:40px; font-size:18px; font-weight:bold; background:#fff; color:#715eff; margin-top:-7px}
.footer .footer-customer .opentime-area {padding:20px 0 10px 0; margin-bottom:10px; border-bottom:1px solid #495057;}
.footer .footer-customer li {display:inline-block; width:100%}
.footer .footer-customer li.opentime-area {margin-bottom:8px; padding:20px 0 10px 0; border-bottom:1px solid #495057}
.footer .footer-customer span.tit {color:#fff; padding:0; border:0; /*margin-right:8px*/}

.float-bnr-kakao {position:fixed; bottom:30px; right:20px; z-index:300}

/* btn */
.btn-wrap a {display:inline-block; text-align:center;}
.btn-wrap button {text-align:center; cursor:pointer; letter-spacing:-1px}
.btn-wrap a.btn01 , .btn-wrap button.btn01 {background:#715eff; color:#fff; border:none }
.btn-wrap a.btn01 span , .btn-wrap button.btn01 span {color:#fff}
.btn-wrap a.btn02 , .btn-wrap button.btn02 {background:#fff; border:1px solid #adb5bd; color:#495057; }
.btn-wrap a.btn03 , .btn-wrap button.btn03 {border:1px solid #868e96; background:#fff; }
.btn-wrap a.btn04 , .btn-wrap button.btn04{background:#495057; color:#fff; border:none}
.btn-wrap a.btn05 , .btn-wrap button.btn05 {background:#fff; color:#715eff; border:1px solid #715eff}
/* 작은버튼-게시판용 */
.btn-wrap.type01 a , .btn-wrap.type01 button {width:200px; height:60px; line-height:56px; font-size:20px; margin:0 5px; }
/* 작은버튼-서브화이트 */
.btn-wrap.type02 a , .btn-wrap.type02 button {padding:0 30px; height:32px; line-height:30px; font-size:13px}
/* 작은버튼-포스팅관리 */
.btn-wrap.type03 a , .btn-wrap.type03 button {width:100%; height:40px; line-height:38px; margin:1px 0; }
/* 작은버튼-캠페인구매 */
.btn-wrap.type04 a , .btn-wrap.type04 button {width:50%; height:45px; line-height:43px;font-size:16px}
/* 작은버트-인풋박스용 */
.btn-wrap.type05 a , .btn-wrap.type05 button {width:100%; height:45px; line-height:43px;}
/* 빅버튼-팝업 */
.btn-wrap.big01 a , .btn-wrap.big01 button {width:320px; height:60px; line-height:56px; font-size:18px;}
/* 빅버튼-회원가입 */
.btn-wrap.big02 a , .btn-wrap.big02 button {width:100%; height:70px; line-height:66px; font-size:24px; margin:2px 0}
/* 빅버튼 */
.btn-wrap.big03 a , .btn-wrap.big03 button {width:340px; height:70px; line-height:66px; font-size:24px;}
/* 작은버튼-게시판 */
.btn-board {padding:0 15px; height:32px; line-height:32px; letter-spacing:-1px}
.btn-board.type1 {border:1px solid #868e96; background:#fff; box-shadow:1px 1px 2px #ced4da}

.roll-dot-wrap {position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:10}
.roll-dot-wrap span {display:inline-block; width:10px; height:10px; cursor:pointer; background:#bcc2c9; border-radius:6px; margin:0 3px;}
.roll-dot-wrap span.active {background:#715eff}