@charset "utf-8";
@import url(../../css/notosanskr.css); /* 18.08.01 추가 */

html, body { height:100%; background:#fff; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -o-text-size-adjust: none; } /* 18.01.30 수정 */
body, button, input, select, textarea { color:#000; font-size:1em; font-family:'Noto Sans KR', 'Dotum', sans-serif; line-height:1.25; } /* 18.08.01 수정 */
a { color:#333; }
em, address { font-style:normal; }
img { max-width:100%; vertical-align: middle; }

/* Recommended 18.08.01 삭제 */
/* @font-face{font-family:nbg; src:url('../font/NanumBarunGothic.eot'); src:local(※), url('../font/NanumBarunGothic.woff') format('woff'); } */
/* Recommended */

/* common */
#container { background:#eff1f5; letter-spacing:-1px; } /* 18.08.01 수정 */
.bg-blue { background:#f1fbff url(../images/common/bul_checkbox.gif) no-repeat 15px 48% / 12px auto !important; }
.txt-gray { color:#808080; }
.txt-black { color:#000; } /* 23.01.06 이상아 수정 */
.txt-blue { color:#00b0ff !important; } /* 23.01.06 이상아 수정 */
.relative {position:relative !important; z-index:4 !important;} /* 23.01.06 이상아 추가 */
.txt-red { color:#ff0100; }
.txt-l { text-align:left; }
.txt-center { text-align:center; }
.bt-none { border-top:none !important; }
/*2017.07.21 수정 s */
.mt-05 { margin-top:5px !important; } /* 18.10.22 추가 */
.mt-10 { margin-top:10px !important; }
.mt-20 { margin-top:20px !important; }
.mt-25 { margin-top:20px !important; } /* 18.02.02 추가 */
.mt-30 { margin-top:30px !important; }
.mt-50 { margin-top:50px !important; }
.mb-20 { margin-bottom:20px !important; } /* 18.10.11 추가 */
/*2017.07.21 수정 e*/
.btn-more { display:inline-block; margin-top:40px; padding:15px 70px; border:1px solid #000; font-size:1.080em; color:#000; } /* 2018-01-18 separk 수정 */
.btn-blue { display:inline-block; padding:15px 70px; background:#00b0ff; font-size:1.080em; color:#fff; } /*2017.07.21 수정*/
.btn-close { display:block; width:19px; height:19px; background:url(../images/btn/h38_close.png) no-repeat; background-size:19px 19px; }
.btn-close-black { position:absolute; top:19px; right:20px; width:19px; height:19px; background:url(../images/btn/h38_close_black.png) no-repeat; background-size:19px 19px; }
.btn-win-close { z-index: 5; position: fixed; right: 20px; bottom: 17px; width: 46px; height: 46px; background: url('/m/images/btn/h78_close.png') no-repeat; background-size: 46px auto; text-indent: -9999em; } /* self.close() */
.btn-tel { position:absolute; top:22px; right:20px; } 
.btn-tel img { width:37px; height:32px; }
.btn-tel-gray { position:absolute; top:6px; right:0px; } 
.btn-tel-gray img { width:41px; height:36px; }
/* 2018-01-18 separk 추가 s */
.btn-quick-shop { display:block; width:100%; height:54px; line-height:56px; color:#fff; font-size:18px; background:#00b0ff; text-align:center; font-weight:bold; letter-spacing:0; }
.btn-quick-shop img { width:24px; margin-right:6px; }
/* 2018-01-18 separk 추가 e */

/* 18.08.01 리뉴얼 s */
/* header */
#header { position:fixed; z-index:15; width:100%; padding:16px 0px 10px; background:#fff; text-align:center; } /* 18.09.05 수정 */
#header.bb00affe { border-bottom:1px solid #00affe; }
#header #logo { font-size:0; line-height:0; }
#header #logo img { width:82px; height:23px; }
#header .menu { position:absolute; top:50%; left:15px; width:19px; height:18px; margin-top:-8px; background:url(../images/btn/h13_menubar.png) no-repeat center / 19px 18px; text-indent:-9999em; } /* 18.09.05 수정 */
#header .btn-join { position:absolute; top:50%; right:15px; width:18px; height:18px; margin-top:-7px; background:url(../images/btn/h16_login.png) no-repeat center / 18px auto; text-indent:-9999em; } /* 18.09.05 수정 */

/* gnb */
.mr-10 { margin-right:10px; }
.btn-fixed-bt { position:fixed; bottom:0; z-index:10; width:100%; height:50px; line-height:50px; background:#00affe; font-size:15px; font-weight:bold; text-align:center; }
.btn-fixed-bt.btedf9ff { border-top:1px solid #edf9ff; }
.btn-fixed-bt span { padding-left:25px; background:url(../images/common/bul_mysoho_black.png) no-repeat left center / 17px auto; color:#fff; }
.btn-h32-join { display:inline-block; width:82px; height:32px; line-height:32px; border:1px solid #fff; background:#fff; color:#00affe; text-align:center; } /* 18.09.05 수정 */
.btn-h32-login { display:inline-block; width:82px; height:32px; line-height:32px; border:1px solid #fff; background:#00affe; color:#fff; text-align:center; }
.btn-h32-login span { padding-left:18px; background:url(../images/common/bul_h12_login.png) no-repeat left center / 12px auto ; }
.gnb-wrap { display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow-y:scroll; z-index:100; width:80%; background:#f0f0f0;; } 
.gnb-wrap .hd-wrap  { padding:16px 15px 20px; background:#00affe; }
.gnb-wrap .hd-wrap .hd { padding-bottom:10px; } 
.gnb-wrap .hd-wrap .hd img { width:100px; height:28px; }
.gnb-wrap .inner-wrap.group { box-sizing:border-box; }
.gnb-wrap .link-wrap { height:68px; border-bottom:1px solid #00affe; box-sizing:border-box; background:#effbff; }
.gnb-wrap .link-wrap ul { overflow:hidden; }
.gnb-wrap .link-wrap li { float:left; width:33.3%; height:68px; box-sizing:border-box; border-left:1px solid #00affe; }
.gnb-wrap .link-wrap li:first-child { border-left:none; }
.gnb-wrap .link-wrap li a { display:block; height:100%; padding-top:44px; box-sizing:border-box; font-size:12px; text-align:center; letter-spacing:-1px; }
.gnb-wrap .link-wrap li.link01 a { background:url(../images/common/bul_link01.gif) no-repeat center 12px / 16px auto; }
.gnb-wrap .link-wrap li.link02 a { background:url(../images/common/bul_link02.gif) no-repeat center 12px / 21px auto; }
.gnb-wrap .link-wrap li.link03 a { background:url(../images/common/bul_link03.gif) no-repeat center 12px / 17px auto; }
.gnb-wrap .gnb { background:#fff; }
.gnb-wrap .gnb li { height:37px; line-height:37px; padding:0 15px; border-bottom:1px solid #ddd; text-align:left; } 
.gnb-wrap .gnb li a { display:block; font-size:14px; color:#000; }
.gnb-wrap .ft { padding:15px; background:#f0f0f0; text-align:center; } /* 20.03.13 수정 */
.gnb-wrap .ft .txt { color:#666; letter-spacing:-1px; }
.gnb-wrap .ft .txt01 { font-size:14px; }
.gnb-wrap .ft .txt01 span { font-size:19px; margin-left:10px; }
.gnb-wrap .ft .txt02 { padding:10px 0 15px; font-size:12px; font-weight:lighter; letter-spacing:0px; } /* 18.09.05 수정 */
.btn-bd-666 { display:inline-block; width:80px; height:28px; line-height:28px; border:1px solid #666; background:#fff; font-size:11px; color:#666; text-align:center; }
.gnb-wrap .btn-close { position:absolute; top:18px; right:15px; } 

/* footer */
#footer { width:100%; /* padding-bottom:51px; */ border-top:1px solid #ddd; background:#f0f0f0; } /* 18.09.05 수정 */
#footer .ft-info { text-align:center; }
#footer .ft-info dt { padding:15px 0; border-bottom:1px solid #ddd; }
#footer .ft-info dt a { padding-right:15px; background:url(../images/common/arr_h5_bottom.png) no-repeat right center / 7px auto; font-size:12px; font-weight:500; line-height:23px; } /* 21.03.08 수정 */
#footer .ft-info.up dt a { background:url(../images/common/arr_h5_top.png) no-repeat right center / 7px auto; }
#footer .ft-info dd { padding:15px 0; border-bottom:1px solid #ddd; }
#footer .ft-info dd p { font-size:11px; font-weight:lighter; color:#666; line-height:16px; }
#footer .bt { text-align:center; }
#footer .bt .sns { overflow:hidden; width:103px; margin:0 auto; padding:15px 0; }
#footer .bt .sns li { float:left; margin-left:14px; }
#footer .bt .sns li:first-child { margin-left:0; }
#footer .bt .sns li a { display:block; width:25px; height:25px; text-indent:-99999em; }
#footer .bt .sns li.blog a { background:url(../images/common/ft_sns_btn1_m.png) no-repeat center / 25px auto; }
#footer .bt .sns li.fb a { background:url(../images/common/ft_sns_btn2_m.png) no-repeat center / 25px auto; }
#footer .bt .sns li.insta a { background:url(../images/common/ft_sns_btn3_m.png) no-repeat center / 25px auto; }
#footer .bt .util-menu { display:inline-block; overflow:hidden; }
#footer .bt .util-menu li { float:left; margin-left:11px; font-size:12px; font-weight:lighter; color:#000; } 
#footer .bt .util-menu li:before { content:'|'; margin-right:11px; color:#999; }
#footer .bt .util-menu li:first-child:before { content:''; margin-left:0; } 
#footer .bt .copyright { padding:10px 0 20px; font-size:9px; font-weight:lighter; color:#666; letter-spacing:0.5px; } /* 18.09.05 수정 */

/* index */
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.bg-blank { display:block; height:5px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#efefef; }
.btn-h36-bd00affe { display:inline-block; width:130px; height:36px; line-height:34px; border:1px solid #00affe; box-sizing:border-box; font-size:14px; font-weight:500; color:#00affe; text-align:center; } /* 18.10.11 수정 */
.btn-h36-bg00affe { display:inline-block; width:130px; height:36px; line-height:36px; background:#00affe; box-sizing:border-box; font-size:14px; font-weight:500; color:#fff; text-align:center; }
.btn-h36-bg3c6172 { display:inline-block; width:130px; height:36px; line-height:36px; background:#3c6172; box-sizing:border-box; font-size:14px; font-weight:500; color:#fff; text-align:center; }
.btn-h36-bd000 { display:inline-block; width:174px; height:36px; line-height:36px; border:1px solid #000; box-sizing:border-box; font-size:14px; font-weight:500; color:#000; text-align:center; }
.section { position:relative; } /* 18.09.05 수정 */
.section .cnt-img { margin:0 auto; text-align:center; }
.section h2 { padding-top:40px; font-size:20px; font-weight:500; color:#000; text-align:center; line-height:25px; } /* 18.09.05 수정 */
.section .slidesjs-navigation { display:block; position:absolute; top:50%; z-index:10; width:17px; height:29px; margin-top:-9px; text-indent:-9999px; }
.section .slidesjs-navigation.slidesjs-previous { left:15px; background:url(../images/btn/h29_prev_black.png) no-repeat 0 0 / 17px auto; }
.section .slidesjs-navigation.slidesjs-previous:hover { background:url(../images/btn/h29_prev_black_on.png) no-repeat 0 0 / 17px auto; }
.section .slidesjs-navigation.slidesjs-next { right:15px; background:url(../images/btn/h29_next_black.png) no-repeat 0 0 / 17px auto; }
.section .slidesjs-navigation.slidesjs-next:hover { background:url(../images/btn/h29_next_black_on.png) no-repeat 0 0 / 17px auto; }
/* 18.09.05 수정 s */
#section01 .slidesjs-container { height:430px !important; } 
#section01 { height:430px; }
#section01 .event-pagekin { height:430px; background:#f1e8e9; }
#section01 .event-pagekin .cnt-img { width:320px; padding-top:10px; }
#section01 .type1 { height:430px; background:#00affe; }
#section01 .type2 { height:430px; background:#cef1ff; } 
#section01 .type1 .cnt-img.img4 { margin-top:30px; }
#section01 .type2 .cnt-img.img3 { margin-top:15px; }
#section01 .cnt-img.img1 { width:190px; padding-top:40px; } 
#section01 .cnt-img.img2 { width:190px; margin-top:20px; }
#section01 .cnt-img.img3 { width:239px; margin-top:30px; }
#section01 .cnt-img.img4 { width:190px; margin-top:25px; }
/* 19.07.19 추가 */
#section01 .event-designTpl { height:430px; background: #fef500;}
/* 18.09.05 수정 e */
/*s:200416*/
#section01 .type3{background:#ffd200;height:430px;}
/*e:200416*/

/* 18.09.05 추가 s */
/* 18.10.19 11월 pg 가입 이벤트 s */
#section01 .slidesjs-pagination { position:absolute; bottom:40px; left:49%; z-index:10; transform:translateX(-50%);} /* 20.11.20 수정 게시판관리 */
#section01 .slidesjs-pagination li { float:left; margin-left:10px; }
#section01 .slidesjs-pagination li:first-child { margin-left:0px; }
#section01 .slidesjs-pagination li a { display:block; width:10px; height:10px; border-radius:10px; background:#fff; opacity:.4; text-indent:-9999em; }
/* 18.10.19 11월 pg 가입 이벤트 e */
#section01 .slidesjs-pagination li a.active { opacity:1; }
/* 18.09.05 추가 e */
#section02 .visual-roll { position:relative; width:100%; height:470px; background:#f0f0f0; }
#section02 .visual-roll .txt { margin-top:40px; font-size:24px; font-weight:500; color:#000; text-align:center; line-height:30px; }
#section02 .slidesjs-container { height:470px !important; }
#section02 .cnt-img { margin-top:20px; }
#section02 .cnt-img.img1 { width:173px; }
#section02 .cnt-img.img2 { width:143px; }
#section02 .cnt-img.img3 { width:170px; }
#section02 .cnt-img.img4 { width:170px; }
#section03 { background:#fff; }
#section03 .label { overflow:hidden; margin-top:20px; text-align:center; }
#section03 .label span { display:inline-block; width:47px; height:26px; line-height:26px; margin-left:8px; border:1px solid #666; border-radius:14px; font-size:12px; font-weight:lighter; color:#000; text-align:center; cursor:pointer; } /* 18.09.05 수정 */
#section03 .label span:first-child { margin-left:0; }
#section03 .label span.on { border:1px solid #00affe; background:#00affe; color:#fff; }
#section03 .cnt-img.img1 { width:117px; margin-top:22px; padding-left:25px; }
#section03 .cnt-img.img2 { width:185px; margin-top:32px; }
#section03 .cnt-img.img3 { width:185px; margin-top:32px; }
#section03 .txt { margin-top:27px; font-size:16px; color:#000; text-align:center; line-height:25px; } /* 18.09.05 수정 */
#section03 .slidesjs-container { height:333px !important; } /* 18.09.05 수정 */
#section03 .slidesjs-pagination { display:none; }
#section04 { background:#f0f0f0; }
#section04 .cnt-img { width:140px; margin-top:28px; box-shadow:10px 8px 10px #cecece; } /* 19.11.04 수정 */
#section04 dl { margin-top:30px; text-align:center; }
#section04 dd.shoplogo { margin:15px auto 0; }
#section04 dd.color-txt {font-size: 14px; color: #00affe; margin-top: 15px;} /* 19.11.04 추가 */
#section04 .type1 dd.shoplogo { width:81px; }
#section04 .type2 dd.shoplogo { width:82px; }
#section04 .type3 dd.shoplogo { width:27px; }
#section04 .slidesjs-container { height:420px !important; } /* 19.11.04 수정 */
#section04 #slidesjs-log {position: absolute; bottom: 20px; left: 50%; transform:translate(-50%); font-weight: 300; font-size: 11px; color: #666666;}
#section04 #slidesjs-log .slidesjs-slide-number {font-size: 11px; color: #000;}
/* 20.09.28 추가 s */
#section04 .slides > div {margin: 30px 0 60px; text-align: center;}
#section04 .slides div .store-list {display: inline-block; width: 85.5%; margin-right: -4%;}
#section04 .slides div .store-list li {width: 46%; float: left; margin: 0 4% 17px 0; box-shadow:5px 5px 10px #cecece;}
#section04 .slides div .store-list li a {display: block; position: relative;}
#section04 .slides div .store-list li .name {width: 100%; position: absolute; left: 50%; transform:translateX(-50%); bottom: 15px; font-size: 15px; color: #fff;}
#section04 .swiper-pagination {bottom: 40px;}
#section04 .swiper-pagination span {display: inline-block; width: 12px; height: 12px; background: #dbdbdb; border-radius:50%; text-indent: -9999px; opacity: 1;}
#section04 .swiper-pagination span.swiper-pagination-bullet-active {background: #00affe;}
/* 20.09.28 추가 e */
#section05 { background:#fff; }
#section05 ul { width:190px; padding:40px 0; margin:0 auto; } /* 18.09.05 수정 */
#section05 ul li { padding-left:59px; margin-bottom:28px; }
#section05 ul li:last-child { margin-bottom:0; }
#section05 ul li.use-step01 { background:url(../images/common/bul_useStep01.gif) no-repeat left center / 36px auto; }
#section05 ul li.use-step02 { background:url(../images/common/bul_useStep02.gif) no-repeat left center / 36px auto; }
#section05 ul li.use-step03 { background:url(../images/common/bul_useStep03.gif) no-repeat left center / 36px auto; }
#section05 ul li.use-step04 { background:url(../images/common/bul_useStep04.gif) no-repeat left center / 36px auto; }
#section05 ul li .txt { margin-bottom:10px; line-height:20px; font-size:15px; color:#010101; }
#section06 { background:#f0f0f0; }
#section06 dl { margin-top:22px; text-align:center; }
#section04 dt ,
#section06 dt { margin-bottom:8px; font-size:16px; font-weight:500; } /* 19.11.04 수정 */
#section04 dd a ,
#section06 dd { font-size:15px; font-weight:lighter; color:#666; line-height:20px; }
#section06 .cnt-img { width:170px; margin-top:25px; position: relative; } /* 19.08.02 수정 */
#section06 .cnt-img .icon-new { position: absolute; top: -17px; left: -15px; width: 47px; height: 47px; } /* 19.08.02 추가 */
#section06 .slidesjs-container { height:400px !important; }
#section07 { background:#efefef; } /* 21.03.08 수정 */
#section07 .txt-box { margin-top:33px; font-size:14px; text-align:center; line-height:20px; }
#section07 .txt-box .txt-black { font-weight:500; color:#000; }
#section07 .txt-box .txt-gray { font-weight:lighter; color:#666; }
#section07 .btn-box { margin-top:31px; text-align:center; }
#section07 .btn-box { margin:31px 0 0px; text-align:center; padding-bottom: 40px;} /* 21.03.08 수정 */
#section07 .btn-box .btn-h36-bg00affe { width:174px !important; } /* 18.09.05 추가 */
.floatingBtn a { display:block; position:fixed; right:15px; z-index:10; }
.floatingBtn a.btn-top { display:none; bottom:16px; width:45px; height:23px; line-height:23px; border:1px solid #666; box-sizing:border-box; background:#fff; font-size:12px; color:#666; text-align:center; }
.floatingBtn a.btn-apply { bottom:50px; width:45px; height:45px; line-height:45px; border-radius:45px; background:#000; font-size:15px; font-weight:bold; color:#00affe; text-align:center; } /* 18.10.11 수정 */
/* 18.08.01 리뉴얼 e */

/* tbl */
.tbl-type { color:#666; text-align:center; }
.tbl-type th { padding:15px 5px; border:1px solid #e2e1e1; background:#f7f7f7; font-size:13px; font-weight:normal; color:#000; }
.tbl-type td { padding:15px 5px; border:1px solid #e2e1e1; font-size:13px; }
.tbl-type02 th { font-size:0.800em; }
.tbl-type03 th { background:#fff; font-size:0.880em; font-weight:normal; }
.tbl-type03 td { font-size:0.800em; color:#666; }
.tbl-main { padding:0 20px; font-size:13px; }
.tbl-main td { color:#000 !important; }
.tbl-main .mysoho { background:#00affe; color:#fff; }
.tbl-main .mysoho img { width:15px; margin-right:5px; }
.tbl-main .row { border-left:1px solid #00affe; border-right:1px solid #00affe; }
.tbl-main .last { border-bottom:1px solid #00affe; }
.tbl-main tbody tr th { border-right:none; }
/* page 18.10.11 서브페이지 리뉴얼 s */
.pt-50 { padding-top:50px !important; }
.btn-h47-blue { display:inline-block; width:100%; height:48px; line-height:48px; background:#00affe; font-size:14px; font-weight:500; color:#fff; text-align:center; }
.mb-80 { margin-bottom:80px !important; }
.tbl-type-rw { border-top:1px solid #000; }
.tbl-type-rw thead th { padding:9px 0 10px; border:none; border-bottom:1px solid #c9c9c9; font-size:12px; border-left: 1px solid #c9c9c9;} /* 19.05.15 수정 */
.tbl-type-rw thead th:first-child {border-left: 1px solid #f0f0f0;}
.tbl-type-rw thead th:last-child {border-right: 1px solid #f0f0f0;}
.tbl-type-rw tbody td { padding:9px; border:none; border-bottom:1px solid #f0f0f0; font-size:12px; font-weight:300; border-left: 1px solid #f0f0f0; background: #fff; color: #000;} /* 19.08.05 수정 */
.tbl-type-rw tbody td:last-child {border-right: 1px solid #f0f0f0;}
.tbl-type-rw td.bg-yellow { background:#fffdba; }
.txt-blue2 { color:#00affe !important; }
.sub-container { padding-top:50px; background:#fff !important; }
.subVisaul { height:75px; color:#fff; }
.subVisaul .tit { line-height:75px; font-size:20px; font-weight:500; text-align:center; }
.subVisaul .txt-desc { padding-top:17px; font-size:0.880em; }
.subVisaul .guide { margin-top:8px; font-size:12px; font-weight:300; color:#fff; }
.subVisaul-intro { height:75px; background:url(../images/common/topVisBg_intro.gif) no-repeat center / cover;} 
.subVisaul-joinproc { width:100%; background:url(../images/common/topVisBg_joinproc.gif) no-repeat center; background-size:cover; }
.subVisaul-csService { background:url(../images/common/topVisBg_csService.gif) no-repeat center / cover; }
.subVisaul-contact { background:url(../images/common/topVisBg_csService.gif) no-repeat center / cover; }
.subVisaul-contact .tit { line-height:1; padding-top:17px; }
.subVisaul-contact .btn-tel { display:inline-block; position:static; width:23px; height:23px; margin:-4px 0 0 5px; }
.subVisaul-contact .btn-tel img { width:100% !important; height:100% !important; }
.subVisaul-join { background:url(../images/common/topVisBg_join.gif) no-repeat center / cover; }
.subVisaul-mysohoIntro { background:url(../images/common/topVisBg_mysohoIntro.gif) no-repeat center; background-size:cover;  }
.subVisaul-marketing { background:url(../images/common/topVisBg_marketing.gif) no-repeat center; background-size:cover; }
.topVisBgWrap-exshop { background:url(../images/common/topVisBg_exshop.gif) no-repeat center; background-size:cover; }
.contents .pageWrap { padding:0 15px; }
.contents .pageWrap h3 { margin-bottom:18px; padding-top:30px; font-size:20px; font-weight:500; color:#000; text-align:center; } /* 19.05.15 수정 */
/* 마이소호란 */
#mysohoIntro .pageWrap .cnt1 .desc { height:345px; background:url(../images/common/cnt_mysohoIntro01.gif) no-repeat 50% 50% / 290px auto; }
#mysohoIntro .pageWrap .cnt1 .desc .box { overflow:hidden; width:290px; margin:0 auto; font-size:14px; font-weight:500; }
#mysohoIntro .pageWrap .cnt1 .desc .box1 li { float:left; width:50%; height:39px; line-height:39px; color:#000; text-align:center; }
#mysohoIntro .pageWrap .cnt1 .desc .box2 { height:55.5px; line-height:55px; margin:34px auto 40px; color:#fff; text-align:center; }
#mysohoIntro .pageWrap .cnt1 .desc .box3 { padding-top:102px; font-weight:400; color:#666; text-align:center; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap { height:417px; background:#f0f0f0; text-align:center; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-container { height:370px !important; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slides-img { width:161px; margin:0 auto; padding-top:25px; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slides-sdesc { margin:12px 0 17px; font-size:12px; font-weight:300; color:#999; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slides-desc { font-size:16px; font-weight:500; line-height:23px; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-navigation { display:none; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-pagination { overflow:hidden; width:60px; margin:13px auto 0; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-pagination li { float:left; margin-left:15px; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-pagination li:first-child { margin-left:0; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-pagination li a { display:block; width:10px; height:10px; border-radius:10px; background:#fff; text-indent:-9999em; }
#mysohoIntro .pageWrap .cnt2 .slides-wrap .slidesjs-pagination li a.active { background:#00affe; }
#mysohoIntro .pageWrap .cnt4 { margin-bottom:75px; }
#mysohoIntro .pageWrap .cnt4 .tbl-type-rw { position:relative; }
#mysohoIntro .pageWrap .cnt4 .tbl-type-rw .td-mysoho { opacity:0; }
#mysohoIntro .pageWrap .cnt4 .overlay-blue { position:absolute; top:-1px; left:20%; width:calc(40% - 1px); border:1px solid #00affe; background:rgba(233,249,255,.4); font-size:11px; font-weight:300; height:100%;} /* 23.01.06 이상아 수정 */
#mysohoIntro .pageWrap .cnt4 .overlay-blue dt { padding:9px 0 10px; font-weight:500; color:#000; }
#mysohoIntro .pageWrap .cnt4 .overlay-blue dd { padding:9px 0 10px; }
/* 가입안내 */
#joinProcess { padding-bottom:68px; }
#joinProcess h4 { margin-bottom:8px; padding-left:13px; background:url(../images/common/bul_h5_circle_blue.gif) no-repeat left center / 5px auto; font-weight: bold; font-size: 15px;} /* 19.05.15 수정 */
#joinProcess .applyStep {margin-top: 24px !important;} /* 19.05.15 추가 */
#joinProcess .applyStep ul { width:193px; margin:0 auto 19px; }  /* 19.05.15 수정 */
#joinProcess .applyStep ul li { padding-left:59px; margin-bottom:28px; }
#joinProcess .applyStep ul li:last-child { margin-bottom:0; }
#joinProcess .applyStep ul li.prcs-step01 { height:37px; background:url(../images/common/bul_applyStep01.png) no-repeat left center / 36.5px auto; }
/*#joinProcess .applyStep ul li.prcs-step01 .txt { line-height: 31px; } /* 20.10.21 삭제 */
#joinProcess .applyStep ul li.prcs-step02 { height:40px; background:url(../images/common/bul_applyStep02.png) no-repeat left center / 32.5px auto; } /* 19.08.05 수정 */
#joinProcess #ksnet .applyStep ul li.prcs-step02 .txt { line-height:37px; } /* 20.10.21 수정 */
/*#joinProcess .applyStep ul li.prcs-step02 .txt { line-height:37px; }*/ /* 19.05.15 수정 */
#joinProcess .applyStep ul li.prcs-step03 { height:37px; background:url(../images/common/bul_applyStep03.png) no-repeat left center / 31px auto; } /* 19.05.15 수정 */
#joinProcess .applyStep ul li.prcs-step03 .txt { line-height:37px; } /* 19.05.15 수정 */
/* 18.10.22 */
#joinProcess .applyStep ul li.prcs-step04 { background:url(../images/common/bul_applyStep04.png) no-repeat left center / 29px auto; }
#joinProcess .applyStep ul li .txt { font-size:15px; color:#010101; }
#joinProcess .applyStep ul li .txt span { font-weight:300; }
#joinProcess .applyStep ul li .txt-small { margin-left:13px; margin-top:5px; font-size:12px; font-weight:300; }
#joinProcess .applyStep .step-desc { padding:23px 14px; background:#f0f0f0; font-size:12px; font-weight:300; color:#666; }
#joinProcess .applyStep .step-desc p { margin-bottom:9px; }
#joinProcess .applyStep .step-desc p:last-child { margin-bottom:0; }
#joinProcess .applyStep .step-desc p a { display:inline-block; margin-top:-4px; color:#00affe; text-decoration:underline; }
/* 18.10.11 추가 s */
#joinProcess h3 span { font-weight:300; }
#joinProcess .txt-gray { font-size:12px; font-weight:300; color:#666; }
#joinProcess .txt-black { font-size:12px; font-weight:300; color:#000; }
#joinProcess .cnt-dep1 dt { padding-left: 10px; position: relative; margin-bottom:5px; font-size:14px; color:#000000; } /* 20.10.22 수정 */
#joinProcess .cnt-dep1 dt:before {display: block; content: '-'; position: absolute; top: 0; left: 0;} /* 19.05.15 추가 */
#joinProcess .cnt-dep1 dd p { font-size:12px; }
#joinProcess .cnt-dep1 dd p.txt-gray { line-height:20px; }
#joinProcess .cnt-dep1 dd p.txt-black { clear:both; overflow:hidden; }
#joinProcess .cnt-dep1 dd p.txt-black span.fl-l { float:left; width:23%; }
#joinProcess .cnt-dep1 dd p.txt-black span.fl-r { float:right; width:75%;}
#joinProcess .cnt-dep1 dd.last { clear:both; margin-top:25px; }
.desc-gray-box { padding:23px 14px; background:#f0f0f0; font-size:12px; font-weight:300; color:#666; }
.desc-gray-box p { margin-bottom:9px; padding-left: 5px; position: relative;}
.desc-gray-box p:before {display: block; content: '-'; position: absolute; left: 0;}
.desc-gray-box p:last-child { margin-bottom:0; }
.desc-gray-box p a { display:inline-block; margin-top:-4px; color:#00affe; text-decoration:underline; }
/* 마케팅 */
#marketing .pageWrap h3 { font-size:22px !important; line-height:22px; }
#marketing .pageWrap .cnt dl dd.last { margin:18px 0 9px; }
#marketing .pageWrap .cnt dl dd.base { position:relative; }
#marketing .pageWrap .cnt dl dd span:first-child { display:inline-block; width:55%; margin-left:50%; transform:translateX(-50%);}
#marketing .pageWrap .cnt.facebook dl dd span.zi-1 ,
#marketing .pageWrap .cnt.youtube dl dd span.zi-1 { position:absolute; left:50px; right:50px; bottom:0; z-index:1; }
#marketing .pageWrap .cnt.instagram dl dd span.zi-1 { position:absolute; left:0px; top:50px; z-index:1; width:52%; }
#marketing .pageWrap .cnt.sohoSearch dl dd span.zi-1 { position:absolute; left:0px; top:90px; z-index:1; width:44%; }
/* 이용사례 */
#useCases .cnt .exvideo-list li { overflow:hidden; }
#useCases .cnt .exvideo-list li > div.video-area .video { position:relative; }
#useCases .cnt .exvideo-list li > div.video-area .video img { overflow:hidden; position:absolute; top:0px; left:0; z-index:1; width:100%; height:100%; border:1px solid #d8d8d8; box-sizing:border-box; }
#useCases .cnt .exvideo-list li > div.video-area .video video { overflow:hidden; width:100%; height:100%; padding:1px 0; border:1px solid #d8d8d8; box-sizing:border-box; }
#useCases .cnt .exvideo-list li > div.video-area .video .ico-play { position:absolute; top:50%; left:50%; z-index:10; margin-top:-21px; margin-left:-30px; width:59px; height:41px; background:url(../images/common/ico_play.png) no-repeat center / 59px 41px; }
#useCases .cnt .exvideo-list li > div.txt-area p.tit { margin:18px 0 5px; font-size:15px; font-weight:500; color:#000; line-height:15px; }
#useCases .cnt .exvideo-list li > div.txt-area p.desc { margin-bottom:32px; font-size:12px; font-weight:300; color:#666; }
#useCases .cnt .ex-shop { overflow: hidden; }
#useCases .cnt .ex-shop li { display:table; float:left; width:50%; height:126px; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; box-sizing:border-box; }
#useCases .cnt .ex-shop li:first-child { border-left:1px solid #d6d6d6; }
#useCases .cnt .ex-shop li:nth-child(2n+1) { border-left:1px solid #d6d6d6; }
#useCases .cnt .ex-shop li:nth-child(5),
#useCases .cnt .ex-shop li:nth-child(6){ border-bottom:1px solid #d6d6d6; }
#useCases .cnt .ex-shop li:last-child { border-bottom:1px solid #d6d6d6; } /* 20.09.09 추가 */
#useCases .cnt .ex-shop li:nth-last-child(2) { border-bottom:1px solid #d6d6d6; } /* 20.09.09 추가 */
#useCases .cnt .ex-shop li p:first-child { margin:13px 0 8px; }
#useCases .cnt .ex-shop li p a { font-size:12px; font-weight:500; }
#useCases .cnt .ex-shop li p img { overflow:hidden; width:72px; height:72px; border-radius:72px }
#useCases .shopSlide { position:relative; }
#useCases .shopSlide .slidesjs-container { height:378px !important; padding-bottom:45px; }
#useCases .shopSlide .slidesjs-navigation { display:none; }
#useCases .shopSlide .slidesjs-pagination { position:absolute; bottom:0px; left:50%; z-index:10; margin-left:-32px; }
#useCases .shopSlide .slidesjs-pagination li { float:left; }
#useCases .shopSlide .slidesjs-pagination li a { display:inline-block; width:10px; height:10px; margin-left:5px; border-radius:10px; background:#f0f0f0; text-indent:-99999em; }
#useCases .shopSlide .slidesjs-pagination li:first-child { margin-left:0; }
#useCases .shopSlide .slidesjs-pagination-item .active { background:#00affe; }
/* 18.10.11 서브페이지 리뉴얼 e */
.page-hd { padding:15px 20px; border:1px solid #ebebeb; background:#fff; }
.page-hd .tit { font-size:1.200em; font-weight:bold; }
.contents .cnt-wrap  .cnt .terms-hd { padding:10px 0 30px; border-bottom:1px solid #ccc; text-align:center; }
.contents .cnt-wrap  .cnt .terms-hd h3 { font-size:1.400em; color:#00b0ff; }
.contents .cnt-wrap  .cnt .terms-hd p { font-size:0.880em; color:#666; }
.contents .cnt-wrap  .cnt .terms { line-height:1.3em; }
.contents .cnt-wrap  .cnt .terms dl { border-bottom:1px solid #ccc; }
.contents .cnt-wrap  .cnt .terms dt { margin:10px 0 10px; font-size:0.880em; font-weight:bold; }
.contents .cnt-wrap  .cnt .terms dd { padding-bottom:30px; font-size:0.720em; color:#666; }
.contents .cnt-wrap  .cnt .terms dd .stit { margin-bottom:10px; color:#000; }
.contents .cnt-wrap  .cnt .terms .last { border-bottom:none; }
.contents .cnt-wrap  .cnt .terms .last .tbl-type03 th { font-size:1em; }
.contents .cnt-wrap  .cnt .terms .last .tbl-type03 td { font-size:1em; }
.contents .cnt-wrap { width:100%; }
.contents .cnt-wrap .cnt {height:100%; margin-bottom:40px; padding:30px 20px 40px 20px; border-bottom:1px solid #d8d8d8; background:#fff;}
.contents .cnt-wrap .cnt h3 { padding:0 0 15px 0; font-size:1.400em; font-weight:bold; text-align:center; }
.contents .cnt-wrap .cnt h4 { margin-bottom:10px; font-size:1.080em; font-weight:bold; color:#000; text-align:left; }
.contents .cnt-wrap .cnt .desc { padding:140px 0 0 0; }
.contents .cnt-wrap .cnt .desc dt { margin-top:25px; font-size:1.080em; color:#000; }
.contents .cnt-wrap .cnt .desc dd { margin-top:10px; font-size:0.880em; color:#666; }
.contents .cnt-wrap .cnt-last { margin-bottom:0; border-bottom:none; }
.contents .cnt-wrap .list-type01 .list-faq { } /* 2018-01-18 separk 수정 */
.contents .cnt-wrap .list-type01 .list-faq li { border-top:1px solid #e2e1e1; }
.contents .cnt-wrap .list-type01 .list-faq .last { border-bottom:1px solid #e2e1e1; }
.contents .cnt-wrap .list-type01 .list-faq .now { background:#f0fbff; }
.contents .cnt-wrap .list-type01 .list-faq li>a { display:block; padding:15px 0 15px 15px; font-size:0.880em; color:#000; } /* 2018-01-18 separk 수정 */
.contents .cnt-wrap .list-type01 .list-faq li>a .icon-q { display: inline-block; width:26px; height:26px; margin-right:15px; border-radius:26px; background:#00b0ff; font-size:0.800em; color:#fff; line-height:27px; text-align:center; }
.contents .cnt-wrap .list-type01 .list-faq li .acoD { display:none; padding:15px 0 15px 25px; border-top:1px solid #e2e1e1; background:#f6f6f6; }
.contents .cnt-wrap .list-type01 .list-faq li .acoD .icon-a { display: inline-block; width:26px; height:26px; margin-right:15px; border-radius:26px; background:#b3b3b3; font-size:0.800em; color:#fff; line-height:27px; text-align:center; }
.contents .cnt-wrap .list-type01 .list-faq li .acoD p { margin-top:-27px; padding-left: 40px; font-size:0.880em; color:#666; }
.contents .cnt-wrap .list-type01 .list-faq li .acoD p iframe { width:100%; border:0px;}
.contents .cnt-wrap .form-area input { height:33px; padding:2px 2.5%; border:none; background:#efeff4; }
.contents .cnt-wrap .form-area textarea { border:none; background:#efeff4; }
.contents .cnt-wrap .form-area dl { margin-top:-18px; }
.contents .cnt-wrap .form-area dt { margin-top:20px; font-size:0.960em; color:#778096; }
.contents .cnt-wrap .form-area dd { margin-top:5px; color:#778096; }
.contents .cnt-wrap .form-area dd .security-txt { height:75px; margin-bottom:10px; border:2px solid #dbdbe1; text-align:center; }
.contents .cnt-wrap .form-area dd .security-txt .temp { width:279px; height:75px; }
.contents .intro .cnt h3 { border-bottom:1px solid #ccc; }
.contents .intro .cnt1 .desc { background:url(../images/common/bg_cnt1.gif) no-repeat center 28px; background-size:174px 107px; }
.contents .intro .cnt2 .desc { background:url(../images/common/bg_cnt2.gif) no-repeat center 28px; background-size:146px 113px; }
.contents .intro .cnt3 .desc { background:url(../images/common/bg_cnt3.gif) no-repeat center 28px; background-size:158px 93px; }
.contents .intro .cnt4 .desc { background:url(../images/common/bg_cnt4.gif) no-repeat center 28px; background-size:137px 125px; }
.contents .intro .cnt5 .desc { background:url(../images/common/bg_cnt5.gif) no-repeat center 28px; background-size:128px 110px; } /* 18.05.28 추가 */
.contents .intro .cnt4 .desc dt { margin-top:35px; }
/* 18.10.11 삭제 
.contents .joinproc .cnt1 .bul_member img { width:15px; height:15px; margin-right:5px; }
.contents .joinproc .cnt2 h3 { margin-bottom:25px; border-bottom:1px solid #ccc; }
.contents .joinproc .cnt .step dt { padding:13px 0 13px 20px; border:1px solid #00affe; background:#f6fdff; font-size:1em; }
.contents .joinproc .cnt .step dd { padding:20px 20px 30px 20px; font-size:0.800em; color:#666; letter-spacing:0; }
*/
/* 2018-01-18 separk 추가 s */
.contents .exshop {}
.contents .exshop .cnt { padding:0 20px 40px 20px; background:#fff; }
.contents .exshop .cnt dl {}
.contents .exshop .cnt dl dt { padding:50px 0 15px; font-size:1.400em; text-align:center; color:#c0c0c0; }
.contents .exshop .cnt dl dt span { color:#000; }
.contents .exshop .cnt dl dd { position:relative; height:125px; }
.contents .exshop .cnt dl dd img { width:100%; height:125px; }
.contents .exshop .cnt dl dd .lnk-bg { position:absolute; bottom:0; left:0; width:100%; height:35px; background:#000; filter:alpha(opacity:60); opacity:0.6; }
.contents .exshop .cnt dl dd .lnk-wrap { position:absolute; bottom:0; left:0; width:100%; height:35px; }
.contents .exshop .cnt dl dd .lnk-wrap a { display:inline-block; height:35px; line-height:37px; color:#fff; font-size:0.880em; background:none; text-align:center; }
.contents .exshop .cnt dl dd .lnk-wrap a span { display:inline-block; width:5px; height:8px; margin-left:5px; background:url('../images/exshop/exshop_arr.png') no-repeat 0 0; background-size:5px 8px; vertical-align:middle; }
.contents .exshop .cnt dl dd .lnk-wrap a:first-child { width:65%; border-right:1px solid #6f635e; }
.contents .exshop .cnt dl dd .lnk-wrap a:last-child { width:33%; }
/* 2018-01-18 separk 추가 e */

/* 2017.06.16 추가 */
.appdnld-wrap { background:url(../images/common/bg_appdnld.gif) no-repeat 50% 50% / cover; }
.appdnld-wrap .contents .cnt-wrap .cnt { background:none; margin-bottom:0; padding:15px 20px 40px 20px; }
.appdnld-wrap .contents .cnt-wrap .cnt h3 { padding:25px 0 0px 0; border-top:1px solid #8d8d8d; color:#fff; }
.appdnld-wrap .contents .cnt-wrap .cnt .line { display:inline-block; position:relative; width:148px; height:2px; background:#fff; top:-7px; }
.appdnld-wrap .contents .cnt-wrap .cnt .advt-list { overflow:hidden; padding-top:28px; margin-bottom:4px; }
.appdnld-wrap .contents .cnt-wrap .cnt .advt-list li { float:left; width:50%; margin-bottom:30px; }
.appdnld-wrap .contents .cnt-wrap .cnt .advt-list .advt-img { display:inline-block; width:42.5px; height:42.5px; }
.appdnld-wrap .contents .cnt-wrap .cnt .advt-list .advt-txt { padding-top:15px; font-weight:bold; color:#fff; }
.appdnld-wrap .btn-appbnld { display:inline-block; padding:12px 54px; background:#fff url(../images/btn/h33_dnld.png) no-repeat 150px center; background-size:10.5px 16.5px; font-weight:bold; color:#000; }

/* 2017.07.21 추가 */
.form-area ::-moz-placeholder { color:#b9bcc8; }
.form-area :-moz-placeholder { color:#b9bcc8; }
.form-area :-ms-input-placeholder { color:#b9bcc8; }
.form-area ::-webkit-input-placeholder { color:#b9bcc8; }
select { height:38px; padding-left:10px; border:none; background:#efeff4 url(../images/common/arr_bottom.png) no-repeat right 5px center; background-size:16px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; }
.txt-r { text-align:right; }
.fl-r { float:right; }
.btn-favorites { display:inline-block; position:absolute; top:50%; right:87px; width:19px; height:19px; margin-top:-10px; }
.btn-small-blue { display:block; width:69px; height:33px; background:#00b0ff; color:#fff; line-height:33px; text-align:center; }
/* 18.03.29 수정 s     18.10.11 삭제 */
/* .subVisaul-join { width:100%; height:130px; background:url(../images/common/topVisBg_join.gif) no-repeat center; background-size:cover; }
.subVisaul-login {  } */
/* 18.03.29 수정 e */

.tab-wrap {background: #ffffff; overflow-x: auto;} /* 19.08.20 추가 */
.tab { /* overflow:hidden; */ position:relative; width:100%; height:50px; background:#fff; }
.tab li { float:left; width:50%; height:50px; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:50px; }
.tab.tab-over { width: 490px; position:relative; height:50px; background:#fff; } /* 19.08.20 수정 */
.tab.tab-over li { float:left; width:auto; padding: 0 15px; height:50px; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:50px; } /* 19.08.20 수정 */
.tab li a { display:block; width:100%; font-size:14px; color:#778096; text-align:center; } /* 18.05.28 수정 */
.tab li.now { border-bottom:2px solid #00b0ff; }
.tab li.now a { color:#00b0ff; }
.tab li.bar { position:absolute; top:50%; left:50%; width:1px; height:13px; margin-top:-7px; background:#e0e0e0; }
.contents .cnt-wrap.join .form-area { font-size:0.960em; }
.contents .cnt-wrap.join .form-area dl { overflow:hidden; margin-bottom:35px; }
.contents .cnt-wrap.join .form-area dt { margin-bottom:10px; font-size:1.080em; color:#000; }
.contents .cnt-wrap.join .form-area dd { margin-bottom:10px; }
.contents .cnt-wrap.join .txt-agree { margin-bottom:25px; padding-left:20px; background:url(../images/common/bul_caution.gif) no-repeat left 4px; background-size:13px 13px; line-height:22px; }
.contents .cnt-wrap.join .txt-agree a { font-weight:bold; text-decoration:underline; vertical-align:top; }
/*s:190702 추가텍스트 작업*/
.contents .cnt-wrap.join .txt-agree-sml{text-align:center; font-size:14px; line-height:22px; color:#666; margin:25px auto;}
.sns-box p { width:279px; height:39px; margin:0 auto 20px; border:1px solid #cfcfcf; background:#fff; font-size:0.880em; font-weight:bold; line-height:39px; } /* 20.01.07 수정 */
.sns-box p a { display:block; height:39px; padding-left:62px; }
.sns-box p.naver:hover { border:1px solid #c6d6bf; background:#f5fff1; }
.sns-box p.naver a { background:url(../images/common/bul_naver.png) no-repeat 26px center; background-size:18px auto; }
.sns-box p.fb:hover { border:1px solid #c0c9db; background:#f2f6ff; }
.sns-box p.fb a { background:url(../images/common/bul_facebook.png) no-repeat 26px center; background-size:18px auto; }
.sns-box p.kakao:hover { border:1px solid #d4d2b3; background:#fffeed; }
.sns-box p.kakao a { background:url(../images/common/bul_kakao.png) no-repeat 26px center; background-size:18px auto; }
.form-area dd.dd-wrap { overflow:hidden; position:relative; }
.form-area dd.dd-wrap .sel { position:absolute; left:0; }
.form-area dd.dd-wrap .int { display:block; overflow:hidden; margin:0 79px 0 82px; }
.form-area dd.dd-wrap .int2 { display:block; overflow:hidden; margin:0 79px 0 0px; }
.form-area dd.dd-wrap .int3 { display:block; overflow:hidden; margin:0 0px 0 111px; }
.form-area dd.dd-wrap .btn-small-blue { position:absolute; top:0; right:0; }
.form-area dd p { font-size:0.880em; }
.contents .cnt-wrap.login .form-area input { text-align:center; }
.contents .cnt-wrap.login .form-area .btn-blue { display:block; }
.contents .cnt-wrap.login .form-area .login-check label { margin-right:8px; vertical-align:middle; font-size:1em;}
.contents .cnt-wrap.login .form-area .login-check label:nth-child(3) { padding-left:38px; color:#ff0100; background:url(../images/common/security_mobile.png) no-repeat 20px center; background-size:16px auto;}
.contents .cnt-wrap.login .find_info { margin:15px 0 25px; text-align:center; }
.contents .cnt-wrap.login .find_info a { font-size:1em; color:#778096; }
.contents .cnt-wrap.login .find_info .bar { display:inline-block; width:1px; height:10px; margin:0 10px; background:#e0e0e0; }
.contents .cnt-wrap.find .txt-black { font-size:0.960em; }
.contents .cnt-wrap.find .txt-gray { margin-top:19px; font-size:0.880em; }
.cnt-wrap.find .tbl-type td { font-weight:lighter; }
.cnt-wrap.find .btn-wrap { overflow:hidden; margin-top:20px; }
.cnt-wrap.find .btn-wrap a { float:left; width:50%; padding:15px 0; font-size:1.080em; text-align:center; }
.cnt-wrap.find .btn-wrap a.btn-gray { display:block; background:#8e8e8e; color:#fff; }
/* 레이어 */
.overlay { z-index:20; display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:15; background:rgba(0, 0, 0, 0.75); } /* 18.09.10 수정 */
.layer-wrap { z-index:30; display:none; position:absolute; background:#fff;} /* 18.09.10 수정 */
.layer-wrap .lhd { position:relative; width:100%; height:40px; border-bottom:1px solid #e2e1e1; line-height:40px; text-align:center; }
.layer-wrap .lhd h2 { font-size:0.960em; font-weight:bold; }
.layer-wrap .lhd .btn-close-black { float:right; position:absolute; top:50%; margin-top:-9px; }
.layer-wrap .lcont { padding:20px 12px 30px; }
.layer-wrap .lcont .txt-box { overflow-y:scroll; height:391px; padding:20px 15px; border:1px solid #dbdada; background:#f7f7f7;}
.layer-wrap .lcont .txt-box dl { margin-bottom:28px; }
.layer-wrap .lcont .txt-box dt { margin-bottom:13px; font-size:1em; font-weight:bold; }
.layer-wrap .lcont .txt-box dd { margin-bottom: 13px; font-size:0.800em; }
.layer-wrap .lcont .txt-box.txt-privacy { background:#fff; }
.layer-wrap .lcont .txt-box.txt-privacy dd { font-size:0.720em; font-weight:lighter; }
.layer-wrap .lcont .txt-box.txt-privacy dd .tbl-type p {margin-top: 10px; text-align: left; font-size: 14px; color: #000;} /* 20.01.15 추가 */
.layer-wrap .lcont .txt-box.txt-privacy dd .tbl-type table {margin-top: 10px;} /* 20.01.15 추가 */
.layer-wrap .lcont .txt-box.txt-privacy dd .tbl-type th { font-weight:bold; }
.layer-wrap .lcont .txt-box.txt-privacy dd .tbl-type td { font-weight:lighter; }
.layer-wrap .lcont .txt-box.txt-privacy dd .tbl-type td.bold {font-weight:bold;color:#000;}

/* 17.08.08 추가 */
#layerPop-1 { display:none; position:absolute; top:0; bottom:0; z-index:100; width:100%; }
#layerPop-1 .guide { overflow-y:hidden; position:relative; width:100%; }
#layerPop-1 .guide img{ width:100%; }
#layerPop-1 .guide .lnk1 { position:absolute; top:393px; left:50%; width:185px; height:55px; margin-left:-93px; text-indent:-9999px; }
#layerPop-1 .guide .btn-layer-close { position:absolute; top:15px; right:15px; width:17px; height:17px; background:url(../images/btn/h34_pop_close.gif) no-repeat; background-size:17px 17px; text-indent:-9999px; }
#layerPop-1 .layer-bottom { bottom:0; width:100%; height:50px; text-align:center; }
#layerPop-1 .layer-bottom a { display:block; float:left; font-size:13px; color:#fff; line-height:50px; }
#layerPop-1 .layer-bottom a.today-close { width:50%; height:50px; background:#535c61; }
#layerPop-1 .layer-bottom a.btn-close { width:50%; height:50px; background:#3e4549; }

#section02 .slides .slidesjs-container { margin-left:-1px; }

.btn-home { display:block; width:21px; height:21px; background:url(../images/btn/h42_home.png) no-repeat; background-size:21px 21px; }
.btn-home-black { display:block; position:absolute; top:19px; right:20px; width:21px; height:21px; background:url(../images/btn/h42_home_black.png) no-repeat; background-size:21px 21px; }

.paging { margin-top:30px; text-align:center; font-size:0; line-height:0; }
.paging a { display:inline-block; width:34px; height:34px; line-height:34px; margin:0 5px; border:1px solid #d8d8d8; font-size:15px; color:#858f9b; text-align:center; }
.paging a.now { border:1px solid #00b0ff; color:#00b0ff; }

/* 17.08.24 추가 */
.app-dnl { background:#f0faff; }
.app-dnl a { display:block; }
.app-dnl a img { width:320px; height:42px; }

/* 17.12.13 수정 s */
#openEventLayer { top:70%; left:50%; width:259px; margin-left:-130px; margin-top: -220px;}
#openEventLayer .guide { position:relative; height:179px; background:url(../images/event/bnr_openEvent.png) no-repeat; background-size:258px auto; }
#openEventLayer .guide a.lnk1 { position:absolute; top:153px; left:96px; width:67px; height:13px; text-indent:-9999em; }
#openEventLayer .layer-bottom { position:relative; height:33px; background:#f0eff5; line-height:33px; }
#openEventLayer .layer-bottom a { position:absolute; font-size:12px; color:#778096; }
#openEventLayer .layer-bottom a.btn-layer-close2 { right:10px; }
#openEventLayer .layer-bottom a.today-close { left:10px; padding-left:24px; background:url(../images/common/bul_check.gif) no-repeat left center; background-size:19px auto; }
/* 17.12.13 추가 s */
#openEventLayer .termsLayer { height:120px; background:#00affe; text-align:center; }
#openEventLayer .termsLayer p { padding-top:30px; margin-bottom:5px; font-size:20px; color:#fff; }
#openEventLayer .termsLayer a { font-size:13px; color:#fff; }
/* 17.12.13 추가 e */
/* 17.11.13 샵포럼 s */
/* #openEventLayer { top:165px; left:50%; width:221px; margin-left:-110px; }
#openEventLayer .guide1-1 { position:relative; height:193px; background:url(../images/event/shopforum_img_m.gif) no-repeat; background-size:221px auto; }
#openEventLayer .guide a.lnk { display:block; width:100%; height:100%; text-indent:-9999em; }
#openEventLayer .layer-bottom { position:relative; height:33px; background:#f0eff5; line-height:33px; }
#openEventLayer .layer-bottom a { position:absolute; font-size:12px; color:#778096; }
#openEventLayer .layer-bottom a.btn-layer-close2 { right:10px; }
#openEventLayer .layer-bottom a.today-close { left:10px; padding-left:24px; background:url(../images/common/bul_check.gif) no-repeat left center; background-size:19px auto; } */
/* 17.11.13 샵포럼 e */

/* 17.12.13 수정 e */

/* 마이소호 오픈 이벤트 */
#openEvent { width:100%; height:341px; padding-top:47px; background:#fffdec url(../images/event/openEvent_bg.jpg) no-repeat center top; background-size:cover; }/* 17.12.13 수정  */
#openEvent .con { position:relative; width:340px; height:341px; margin:0 auto; background:url(../images/event/openEvent_con.png) no-repeat 50% 50%; background-size:350px auto; }
#openEvent .con .lnk { position:absolute; text-indent:-9999em; }
#openEvent .con .lnk1 { top:262px; left:50px; width:46px; height:11px; }
#openEvent .con .lnk2 { top:262px; left:146px; width:55px; height:11px; }
#openEvent_ft { width:100%; height:65px; background:#ebe5d3; }
#openEvent_ft p { width:250px; margin:0 auto; padding-bottom:3px; font-size:13px; color:#666; }
#openEvent_ft p:first-child { margin-top:9px; }

/* 이벤트 없는 경우 17.12.29 추가 */
.nonEvent { position:relative; width:100%; height:500px; margin:0 auto; }
.nonEvent p { padding-top:230px; text-align:center; font-size:15px; }

/* pg관련 화면수정 18.01.10 추가 */
.cnt .txt-desc { margin-top:10px; font-size:13px; text-align:left; }
.txt-udline, .txt-udline:hover { text-decoration:underline; }

/* 18.01.30 추가 */
.cnt-wrap .cnt .my-adress { margin-bottom:35px; position:relative; }
.cnt-wrap .cnt .my-adress p { text-align:center; border-bottom:2px solid #bfbfbf; background:url(../images/common/ico_home_m.png) left center no-repeat; background-size:19px 16px; line-height:38px; font-size:13px; }
.cnt-wrap .cnt .my-adress a { display:block; width:20px; height:20px; position:absolute; top:10px; right:0; }
.join-complete { margin-bottom:15px; text-align:center; }
.join-complete p { line-height:20px; font-size:15px; color:#000; }
.join-complete p .fc-blue { color:#3a589e; }
.join-complete p .fc-kakao { color:#3c1e20; }
.join-complete p .fc-green { color:#2bb400; }
.cnt-wrap .btn-area a { display:block; width:100%; text-align:center; line-height:40px; font-size:12px; color:#fff; }
.cnt-wrap .btn-area a.login-facebook { background:#3a589e url(../images/common/ico_facebook_m.png) 38px center no-repeat; background-size:11px 21px; }
.cnt-wrap .btn-area a.login-kakao { background:#3c1e20 url(../images/common/ico_kakao_m.png) 35px center no-repeat; background-size:20px 17px; }
.cnt-wrap .btn-area a.login-naver { background:#2bb400 url(../images/common/ico_naver_m.gif) 34px center no-repeat; background-size:19px 17px; }

/* 18.02.02 추가 */
.subVisaul.subVisaul-facsta { width:100%; height:130px; background:url(../images/common/topVisBg_facsta.jpg) no-repeat center; background-size:cover; } /* 18.03.29 수정 */
.subVisaul.subVisaul-facsta .tit { padding-top:25px; font-size:24px; } /* 18.03.29 수정 */
.subVisaul.subVisaul-facsta .tit .tit-icon {margin-bottom: 10px;}
.subVisaul.subVisaul-facsta .tit .tit-icon img {width: 190px; height: 28px;}

.contents .cnt-wrap .cnt h3 span {font-weight: 400;}
.contents .cnt-wrap .cnt p.text1 {line-height: 18px; font-size: 13px; color: #666666;}
.contents .cnt-wrap .cnt p.text1 strong {color: #000;}
.contents .cnt-wrap .cnt .facsta-img1 {margin: 25px auto; width: 24.375%;}
.contents .cnt-wrap .cnt .facsta-img1 img {width: 100%;}
.contents .cnt-wrap .cnt .facsta-img3 {margin: 30px auto;}
.contents .cnt-wrap .cnt p.text2 {text-align: center; font-weight: bold; font-size: 16px; color: #000;}
.contents .cnt-wrap .cnt p.text3 {text-align: center; line-height: 24px; font-size: 16px; color: #000;}
.contents .cnt-wrap .cnt .graybox {padding: 20px 15px; background: #f6f6f6; border-top: 1px solid #e2e1e1; border-bottom: 1px solid #e2e1e1; }
.contents .cnt-wrap .cnt .graybox .title {font-weight: bold ;font-size: 15px; color: #000;}
.contents .cnt-wrap .cnt .graybox .text {margin-top: 10px; font-size: 13px; color: #666666;}
.contents .cnt-wrap .cnt .graybox .img {margin: 20px auto;}

.tbl-type.tbl-type04 th {border: 1px solid #00b0ff; background: #f0fbff; font-size: 15px; font-weight: bold;}
.tbl-type.tbl-type04 td {border: 1px solid #00b0ff; font-size: 15px;}

.btn-quick-shop {display: block; width: 100%; height: 54px; line-height: 56px; color: #fff; font-size: 18px; background: #00b0ff; text-align: center; font-weight: bold; letter-spacing:0;}
.btn-quick-shop img {width: 24px; margin-right: 6px;}
.btn-quick-shop.fixon { position:fixed; left:0; bottom:0; z-index:50; } /* 18.09.11 수정 */

/* 18.08.01  삭제 */
/* #footer .ft-menu { padding:18px 0; margin-top:-1px; background:#e7f8ff; text-align:center; border-bottom:1px solid #d8d8d8; }
#footer .ft-menu strong { display:block; padding-bottom:9px; }
#footer .ft-menu .btn-wrap { width:80%; margin:0 auto; } 
#footer .ft-menu .btn-wrap ul { overflow:hidden; }
#footer .ft-menu .btn-wrap ul li { display:table; width:49%; float:left; } 
#footer .ft-menu .btn-wrap ul li a { display:table-cell; height:37px; border-radius:5px; color:#fff; font-size:14px; background:#00b0ff; text-align:center; vertical-align:middle; }
#footer .ft-menu .btn-wrap ul li a span { display:inline-block; padding-left:24px; background:url(../images/common/bul_link02.png) left center no-repeat; background-size:16px 12px; line-height:40px; } 
#footer .ft-menu .btn-wrap ul li:first-child { margin-left:0; } 
#footer .ft-menu .btn-wrap ul li:first-child a span { background:url(../images/common/bul_link01.png) left center no-repeat; background-size:12px 14px; }
#footer .ft-menu .btn-wrap ul li:last-child { width:100%; margin-top:2%; } 
#footer .ft-menu .btn-wrap ul li:last-child a span { background:url(../images/common/bul_link03.png) left center no-repeat; background-size:12px 15px; }
#footer .inner-wrap .customer-center { text-align:center; padding-bottom:20px; }
#footer .inner-wrap .customer-center .tit { font-size:14px; color:#000000; }
#footer .inner-wrap .customer-center .number { position:relative; font-weight:bold; text-align:center; font-size:15px; line-height:36px; }
#footer .inner-wrap .customer-center .number span { display:inline-block; font-size:20px; color:#000; line-height:36px;  }
#footer .inner-wrap .customer-center .number a { display:inline-block; width:41px; position:absolute; right:15%; }
#footer .inner-wrap .customer-center .txt { margin-top:8px; font-size:12px; color:#666666; text-align:center; }
#footer .inner-wrap .customer-center .txt span { display:inline-block; margin-left:17px; position:relative; }
#footer .inner-wrap .customer-center .txt span:before { display:block; content:''; width:1px; height:8px; position:absolute; top:2px; left:-8px; background:#c2c2c2; }
#footer .inner-wrap .customer-center .txt span:first-child { margin-left:0; }
#footer .inner-wrap .customer-center .txt span:first-child:before { display:none; }
#footer .inner-wrap .bot { border-top:1px solid #d8d8d8; text-align:center; }
#footer .inner-wrap .bot .sns ul { display:inline-block; overflow:hidden; margin-top:15px; }
#footer .inner-wrap .bot .sns ul li { width:36px; float:left; margin-left:10px; }
#footer .inner-wrap .bot .sns ul li:first-child { margin-left:0; }
#footer .inner-wrap .bot .sns ul li a { display:block; }
#footer .inner-wrap .bot .ft-menu2 { margin-top:10px; }
#footer .inner-wrap .bot .ft-menu2 ul { display:inline-block; overflow:hidden; }
#footer .inner-wrap .bot .ft-menu2 ul li { float:left; margin-left:20px; position:relative; }
#footer .inner-wrap .bot .ft-menu2 ul li a { display:block; font-size:12px; color:#666666; }
#footer .inner-wrap .bot .ft-menu2 ul li:before { display:block; content:''; width:1px; height:8px; background:#666666; position:absolute; left:-10px; top:2px; }
#footer .inner-wrap .bot .ft-menu2 ul li:first-child { margin-left:0; }
#footer .inner-wrap .bot .ft-menu2 ul li:first-child:before { display:none; }
#footer .inner-wrap .bot .copyright { font-size:11px; color:#666666; } */

.layer-wrap .top {width: 100%;}
.layer-wrap .top a {display: block;}
.layer-wrap .bot {width: 100%;}
.layer-wrap .bot a {display: block;}
/* 18.02.12 s */
.subVisaul-exshop { width:100%; height:130px; background:url(../images/common/topVisBg_exshop.gif) no-repeat center; background-size:cover; }
.video-wrap {background: #f0fbff;}
.video-wrap .inner {padding:20px;}
.video-wrap .inner .title {text-align: center; font-size: 1.400em; color: #c0c0c0;}
.video-wrap .inner .title span {color: #000;}
.video-wrap .inner .video {margin-top: 20px; position: relative;}
.video-wrap .inner .video video {width: 100%;}
.video-wrap .inner .video img {position: absolute; top: 0; left: 0; z-index: 1;}
.real-popup {width: 30.78125%; position: fixed; bottom: 15%; right: 5%; z-index: 1;}
/* video 관련 18.10.11 코드 이동 */
.real-popup {width: 30.78125%; position: fixed; bottom: 10%; right: 5%; z-index: 1;}

.real-popup a {display: block;}
.real-popup .btn-layer-close {display: block; width: 20.812%; height: 20.812%; position: absolute; top: 0; right: 0;}
/* 18.02.12 e */

/* 18.02.13 s */
.privacy-popup {display: none; width: 80%; position: absolute; top: 50%; left: 0; right: 0; transform:translateY(-50%); z-index: 99; background: #fff; border: 1px solid #c0c0c0; box-shadow:3px 3px 10px #dddddd; margin: 0 auto;}
.privacy-popup .lhd {padding: 0 15px; height: 48px; position: relative; border-bottom: 1px solid #e1e1e1; background: #fcfcfc;}
.privacy-popup .lhd h3 {text-align: left; line-height: 48px; font-weight: bold; font-size: 17px; color: #000;}
.privacy-popup .lhd .btn-close {width: 15px; height: 15px; position: absolute; top: 10px; right: 10px;}
.privacy-popup .content {padding: 20px;}
.privacy-popup .content ul li {margin-top: 5px; font-size: 13px; color: #000;}
.privacy-popup .content ul li:first-child {margin-top: 0;}
.cnt-wrap .form-area .box {margin-top: 10px; overflow: hidden;}
.cnt-wrap .form-area .box:first-child {margin-top: 0;} 
.cnt-wrap .form-area .box > * {float: left;} 
.cnt-wrap .form-area .box span {display: inline-block; width: 11.5%; line-height: 33px; text-align: center; font-size: 12px; color: #000000;}
.cnt-wrap .form-area .box select {height: 37px;}
.cnt-wrap .form-area .box textarea {padding: 2.5%; resize: none;}
.cnt-wrap .form-area .box .security-text .img { position:absolute; left:0; width:66px; height:34px; border:1px solid #dbdbe1; background:#fff;}
.cnt-wrap .form-area .box .agree-txt {margin-top: 25px; float: none; font-size: 15px; color: #000000; line-height: 22px; text-align: center;}
.cnt-wrap .form-area .box .agree-txt a { display: inline-block; border-bottom: 1px solid #ff0101; color: #ff0101;}
.cnt-wrap .form-area .box .mail {overflow: hidden; float: none;}
.cnt-wrap .form-area .box .mail * {float: left;}
.cnt-wrap .form-area .box .mail .mail-input {}
.cnt-wrap .form-area .box .mail .mail-input span {width: 5.5%;}
.cnt-wrap .form-area .box .mail .mail-input input[type=email] {width: 27.35%;}
.cnt-wrap .form-area .box .mail .mail-input-selected {width: 60%;}
.cnt-wrap .form-area .box .mail .mail-input-selected input[type=email] {width: 90%;}
.cnt-wrap .form-area .box .mail select {margin-left: 2%; width: 27%; float: left; height: 37px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-right:24px; }

/* 18.02.13 e */
input:focus {outline:none;} 
textarea:focus {outline:none;} 
select:focus {outline:none;} 

/* 18.08.01 삭제 */
/* #footer .inner-wrap .customer-center .ft-kakao {display: inline-block; margin-top: 17px; width: 131px; height: 33px; border: 1px solid #d6d6d6; box-sizing:border-box; background: #fff; text-align: center;}
#footer .inner-wrap .customer-center .ft-kakao span {display: inline-block; padding-left: 32px; background: url(../images/common/ft_kakao_m.png) left center no-repeat;line-height: 31px; font-size: 12px; color: #333333; background-size: 24px auto;}
 */

/* app 접근시 공통 header css */
#appHeader { z-index: 15; display: block; position: fixed; top: 0; right: 0; left: 0; height: 50px; background: #484b4e; }
#appHeader h2 { color: #fff; font-size: 19px; text-align: center; line-height: 52px; }
#appHeader a { position: absolute; top: 50%; text-indent: -9999px; }
#appHeader .btn-close-home { left: 0; top: 0; width: 43px; height: 100%; }
#appHeader .btn-close-back { right: 0; top: 0; width: 36px; height: 100%; }
#appHeader a span { position: absolute; top: 50%; text-indent: 0; }
#appHeader .btn-close-home span { left: 15px; width: 28px; height: 25px; line-height: 25px; margin-top: -12px; border: 1px solid #a2a4a5; box-sizing: border-box; font-size: 15px; font-weight: bold; color: #fff; text-align: center; text-indent: 0; }
#appHeader .btn-close-back span { right: 15px; width: 21px; height: 21px; margin-top: -11px; background: url(/m/images/btn/h42_close.png) no-repeat 50% 50% / 21px auto; text-indent: -9999em; }

/* 18.03.27  */
.contents .psn-pay .cnt h3 { border-bottom:1px solid #ccc; }
.contents .psn-pay .cnt1 .desc { background: url(../images/common/bg_psn_pay1.gif) no-repeat center 28px / 119px auto; }
.contents .psn-pay .cnt2 .desc { padding-top:0; }
.psn-pay .slides-wrap { position:relative; }
.psn-pay .slides { padding-top:22px; width:210px; margin:0 auto; }
.psn-pay .slides .slides-tit { margin-bottom:20px; font-size:1.200em; font-weight:bold; color:#000; text-align:center; }
.psn-pay .slides .slides-desc { margin-bottom:25px; text-align: center; }
.psn-pay .slidesjs-navigation { display:block; position:absolute; top:50%; width:13px; height:23px; margin-top:-13px; text-indent:-9999px; }
.psn-pay .slidesjs-navigation.slidesjs-previous { left:15px; background:url(../images/btn/btn_prev.png) no-repeat 0 0 / 13px 23px; }
.psn-pay .slidesjs-navigation.slidesjs-next { right:15px; background:url(../images/btn/btn_next.png) no-repeat 0 0 / 13px 23px; }
.psn-pay .slidesjs-pagination { padding-top:10px; margin-left:35%; }
/* 18.09.11 수정 및 추가 */
.psn-pay .slidesjs-pagination .slidesjs-pagination-item a { float:left; width:8px; height:8px; margin-left:5px; border-radius:8px; background:#c3cdd7; text-indent:-999em; }
.psn-pay .slidesjs-pagination .slidesjs-pagination-item a.active { background:#00affe; }
.gnb-new,
.tab-new { position:relative; }
.gnb-new .ico-new { position:absolute; top:4px; left:100px; width:13px; height:13px; background:url(../images/common/ico_new.png) no-repeat center / 13px 13px; }
.tab-new .ico-new { position:absolute; top:17px; width:13px; height:13px; margin-left:8px; background:url(../images/common/ico_new.png) no-repeat center / 13px 13px; }

/* 18.05.28 추가  */
.ico-update { display:inline-block; width:55px; height:22px; background:url(../images/common/ico_update.png) no-repeat center / 55px auto; }
.tab .ico-update { position:relative; top:-65px }
/* 18.10.19 11월 pg 가입 이벤트 */
#section01 .event-rolling { height:430px; background:url(../images/event/bnr_pgJoin_bg_201811_mobile.gif) no-repeat center / cover; }
#section01 .event-rolling .cnt-img.img1 { width:250px; padding-top:73px; }
#section01 .event-rolling .cnt-img.img2 { position:absolute; right:0; top:0; width:95px; }
#event-pgJoin .event-sect { position:relative; }
#event-pgJoin .event-sect2 { height:271px; }
#event-pgJoin a { position:absolute; }
#event-pgJoin a.lnk-more { bottom:10%; }
#event-pgJoin a.lnk3 { left:50%; bottom:25px; width:164px; height:32px; margin-left:-82px; background:url(../images/event/btn_plus_kakatalk.gif) no-repeat center / 164px auto; text-indent:-9999em; }

/* 18.10.26 솔루션 이전 이벤트 */
#section01 .event-solution { height:430px; background:#ffd95c; }
#section01 .event-solution .cnt-img { width:320px; padding-top:10px; }

/* 18.11.29 메인 공지사항 추가 및 해더 신청버튼 */
#header .btn-apply { display:inline-block; position:absolute; top:50%; right:15px; width:64px; transform: translateY(-50%);} /* 21.01.04 수정 */
.main-notice { overflow:hidden; position:fixed; z-index:15; width:100%; height:56px; line-height:56px; margin-top:50px; background:#f1f1f1; }
.main-notice .notice-roll { padding:0 19px; }
.main-notice .notice-roll li { overflow:hidden; position:relative; height:56px; color:#333; }
.main-notice .notice-roll li .txt-tit { float:left; width:75%; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.main-notice .notice-roll li .txt-tit strong { margin-right:5px; }
.main-notice .notice-roll li .txt-date { position:absolute; right:32px; font-size:13px; color:#808080; }
.main-notice .notice-roll li .btn-plus { position:absolute; top:50%; right:0; width:22px; height:22px; margin-top:-11px; }
.main-notice .notice-roll li .btn-plus img { vertical-align:top; }

/* 18.12.24 */
.txt-hide { margin-top:4px; font-size:13px; }
.btn-h40-bd000 { float:left; display:block; width:48%; height:50px; line-height:50px; border:1px solid #000; box-sizing:border-box; background:#fff; font-size:1.080em; color:#000; text-align:center; } 
.btn-h40-00b0ff { float:right !important; display:block; width:48%; height:50px; line-height:50px; border:1px solid #00b0ff; box-sizing:border-box; background:#fff; font-size:1.080em;; color:#00b0ff; text-align:center; } 
.cnt-wrap .form-area .box .file-wrap { overflow:hidden; position:relative; width:100% }
.cnt-wrap .form-area .box .file-wrap .int { display:block; overflow:hidden; width:auto; margin-right:79px; }
.cnt-wrap .form-area .box .file-wrap .filename { width:100%; }  
.cnt-wrap .form-area .box .file-wrap .file { z-index:2; cursor:pointer; position:absolute; right:0; top:0; width:68px; height:37px; padding:0; background:0; opacity:0; }
.cnt-wrap .form-area .box .security-text { overflow:hidden; position:relative; width:100%; }
.cnt-wrap .form-area .box .file-wrap .btn-h36-bd000,
.cnt-wrap .form-area .box .security-text .btn-h36-bd000 { display:inline-block; position:absolute; top:0; right:0; z-index:1; width:68px; background:#fff; }
.cnt-wrap .form-area .box .security-text .int { display:block; overflow:hidden; width:auto; margin:0 79px 0 76px; }
.cnt-wrap .form-area .box p.txt { float:none; margin-top:41px; font-size:13px; font-weight:400; color:#808080; }
.cnt-wrap .form-area .answer-view .login h3 { padding-bottom:5px; font-size:15px; font-weight:400; text-align:left; }
.cnt-wrap .form-area .answer-view .login .txt-small { margin-bottom:20px; font-size:12.5px; font-weight:400; color:#808080; text-align:left; }
.cnt-wrap .form-area .answer-view .login .btn-blue { display:block; width:100%; box-sizing:border-box; text-align:center; }
.txt-green { color:#2ab400; }
.pt-non { padding-top:0 !important; }
.btn-h57-bd000 { display:block; width:196px; height:57px; line-height:57px; margin:0 auto; border:1px solid #000; box-sizing:border-box; background:#fff; font-size:1.080em; color:#000; text-align:center; }
.answer-list .tbl-list tr { border-bottom:1px solid #f0f0f0; }
.answer-list .tbl-list td { padding:15px 0; border:none; font-size:15px; }
.answer-list .tbl-list td.tit { padding-left:10px; }
.answer-list .tbl-list td p a { display:block; }
.answer-list .tbl-list td p a .txt-date { color:#adadad; }
.answer-list .tbl-list tr.view { display:none; background:#f6f6f6; text-align:left; }
.answer-list .tbl-list tr.view td { padding:25px 0 30px; }
.answer-list .tbl-list tr.view .view-cont { padding:0 33px; }
.answer-list .tbl-list tr.view .view-cont .txt { font-size:15px; color:#666; line-height:26px; margin-bottom:20px; }
.answer-list .tbl-list tr.view .view-cont .aView .txt { padding-left:22px; }
.answer-list .tbl-list tr.view .view-cont .view-dnld { display:block; width:100%; height:35px; line-height:35px; border:1px solid #d2d2d2; background:#fff url(../images/common/ico_dlnd_blue.gif) no-repeat right 13px center / 15px auto; }
.answer-list .tbl-list tr.view .view-cont .view-dnld span { padding:0 10px; color:#0060fe; display: block; width: 80%; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; }
.answer-list .tbl-list tr.view .view-cont .line { display:block; width:100%; height:1px; margin:20px 0; background:#e1e1e1; }
.answer-list .tbl-list tr.view .view-cont .bul-adminAnswer { display:inline-block; width:103px; height:31px; line-height:31px; margin-bottom:15px; background:url(../images/common/ico_admAnswer.gif) no-repeat center /103px auto; font-size:13px; color:#fff; text-align:center; }
.answer-list .tbl-list tr.view .view-cont .bul-adminAnswer em { margin-left:20px; }
.answer-list .tbl-list tr.now { background:#f0fbff; }

/* 19.02.13 메인비주얼 롤링 */
#section01 .event-pay { height:430px; background:#e4f4ff; }
#section01 .event-pay .cnt-img { width:320px; }
#section01 .event-pgjoin { height:430px; background:#ffe05b; }
#section01 .event-pgjoin .cnt-img { width:320px; }
#section01 .event-hand { height:430px; background:#ffd3a9; }
#section01 .event-hand .cnt-img { position:relative; width:320px; }

/* 19.04.22  인스타그램 운영대행 */
#section01 .event-instagram { height:430px; background: url(../images/event/bnr_instagram_m_bg.jpg) no-repeat center / cover; background-size:100% 100%;}
#section01 .event-instagram .cnt-img { width:320px; }

.subVisaul.topVisBgWrap-instagram { height:auto;}
.subVisaul.topVisBgWrap-instagram img {width: 100%;}

#instagram .pageWrap { padding:0; text-align: center; position: relative;} /* 19.09.30 추가 */
#instagram .pageWrap .text-yes {display: inline-block; position: absolute; width: 33.46875%;}
#instagram .pageWrap .text-yes.yes1 {left: 58%; top: 25.1905%;}
#instagram .pageWrap .text-yes.yes2 {left: 58%; top: 35.3306%;}
#instagram .pageWrap .text-yes.yes3 {left: 58%; top: 57.7025%;}
#instagram .cnt img {width: 100%;}
#instagram .cnt .slider { width:90%; margin:0 auto; }
#instagram .cnt .slider ul { position:relative; }
#instagram .cnt .slider ul li { text-align:center; }
#instagram .cnt .service-slider .slidesjs-container {max-height:350px !important;}
#instagram .cnt .service-slider ul li img { width:22%; }
#instagram .cnt .service-slider ul li .tit { width:75%; margin:15px auto 0; font-weight:bold; font-size:17px; color:#000; }
#instagram .cnt .service-slider ul li .txt { width:75%; margin:10px auto 0; line-height:19px; font-weight:300; font-size:13px; color:#666666; }
#instagram .cnt .service-slider .slidesjs-previous { display:inline-block; width:30px; height:30px; background:url(../images/common/instagram_service_slide_prev.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; left:0; top:50%; margin-top:-15px; }
#instagram .cnt .slider .slidesjs-next { display:inline-block; width:30px; height:30px; background:url(../images/common/instagram_service_slide_next.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; right:0; top:50%; margin-top:-15px; }
#instagram .cnt .package-slider { width:90%; margin:0 auto; }
#instagram .cnt .package-slider .slidesjs-container {max-height:490px !important;}
#instagram .cnt .package-slider ul li img { width:75%; max-width:320px;}
#instagram .cnt .package-slider .slidesjs-previous { display:inline-block; width:30px; height:30px; background:url(../images/common/instagram_package_slide_prev.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; left:0; top:50%; margin-top:-15px; }
#instagram .cnt .package-slider .slidesjs-next { display:inline-block; width:30px; height:30px; background:url(../images/common/instagram_package_slide_next.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; right:0; top:50%; margin-top:-15px; }
#instagram .cnt .package-slider .ps { margin-top:10px; text-align:center; font-weight:300; font-size:14px; color:#666666; }

#marketing .pageWrap .btn35 { display:inline-block; padding:0 15px; line-height:40px; font-size:17px; text-align:center; }
#marketing .pageWrap .btn35.pink { border:1px solid #ff3478; color:#ff3478; }

.pt-20 { padding-top:20px; }	
.pb-30 { padding-bottom:30px; }
.pb-40 { padding-bottom:40px; }
.pb-50 { padding-bottom:50px; }

/* 19.05.15 가입안내 */
.contents .pageWrap h3 .seller-type {display: inline-block; font-weight: 400 !important; padding-left: 40px; background: url(../images/common/tit_ico_seller_m.png) left center no-repeat; background-size:33px 33px; line-height: 33px;}
.contents .pageWrap h3 .pg-application {display: inline-block; font-weight: 400 !important; padding-left: 40px; background: url(../images/common/tit_ico_pg_m.png) left center no-repeat; background-size:33px 33px; line-height: 33px;}

#joinProcess .cnt-dep1 dd > p {padding-left: 10px;}
#joinProcess .cnt-dep1 .gray-bg-area {margin-top: 10px; padding: 12px; background: #fafafa;}
#joinProcess .cnt-dep1 .gray-bg-area ol li {margin-top: 20px;}
#joinProcess .cnt-dep1 .gray-bg-area ol li:first-child {margin-top: 0;}
#joinProcess .cnt-dep1 .gray-bg-area ol li .tit {line-height: 23px; font-size: 14px; color: #000000;}
#joinProcess .cnt-dep1 .gray-bg-area ol li .txt-black {margin-top: 7px;}
#joinProcess .cnt-dep1 .gray-bg-area ol li .tit-txt {margin-top: 5px; padding-left: 60px; position: relative; line-height: 16px; font-size: 12px; color: #000; }
#joinProcess .cnt-dep1 .gray-bg-area ol li .tit-txt span {position: absolute; top: 0; left: 0;}
#joinProcess .cnt-dep1 .gray-bg-area ol li .tit-txt.blue {padding-left: 65px; color: #00affe;}
#joinProcess .cnt-dep1 .check-tit {margin: 15px 0 10px 0px; padding-left: 17px; background: url(../images/common/ico_check.png) left center no-repeat; font-size: 12px; color: #000; background-size: 12px 9px;}
#joinProcess .cnt-dep1 ol.condition {margin-top: 10px;}
#joinProcess .cnt-dep1 ol.condition li {padding-left: 10px; position: relative; margin-top: 5px; font-size: 12px; color: #000; font-weight: 300;}
#joinProcess .cnt-dep1 ol.condition li:first-child {margin-top: 0;}
#joinProcess .cnt-dep1 ol.condition li span {position: absolute; left: 0;}
#joinProcess .btn-bd-gray {display: inline-block; width: 108px; margin-left: 8px; line-height: 22px; border: 1px solid #9f9f9f; background: #ffffff; font-weight: 300; font-size: 11px; color: #000000; text-align: center;}
#joinProcess .applyWay {padding-bottom: 20px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}

.fc-gray {color: #666666;}
.fc-blue {color: #00affe;}

.quick-btn {position: fixed; right: 15px; bottom: 15px;}
.quick-btn .btn-application {display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #000; font-weight: bold; font-size: 15px; color: #00affe; border-radius:50%; box-shadow:0px 8px 8px 0px rgba(0,0,0,0.2); }
.quick-btn .btn-top {display: block; margin-top: 12px; line-height: 22px; color: #000; border: 1px solid #666666; text-align: center; font-size: 12px; background: #fff;}

/*s:190722*/
.cnt-wrap{position:relative;}
.cnt-wrap:after{content:''; display:block; clear:both}
.cnt-wrap .tab-cnt{opacity:0;height:0;overflow:hidden;transition:all 0.3s;}
.cnt-wrap .tab-cnt.on{opacity:1;height:auto;overflow:auto; transition:all 0.3s}



.tab.tab-st03 li {position:relative} /* 19.08.20 수정 */
.tab.tab-st03 li:after{content:'';display:block;position: absolute;top: 50%;right: 0;width: 1px;height: 13px;margin-top: -7px;background: #e0e0e0;}
.tab.tab-st03 li:last-child:after{display:none}

.cnt-wrap .tab-con03 .cont-wrap .cont-box01{}
.cnt-wrap .tab-con03 .cont-wrap .cont-box01 .img-box{margin-bottom:20px; text-align: center;} /* 19.08.20 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box01 .img-box img{max-width:100%}
.cnt-wrap .tab-con03 .cont-wrap .cont-box01 .txt-box{padding:40px 10px; text-align:center;font-size:14px; color:#666; font-weight:300;letter-spacing:-0.1;line-height:1.5} /* 21.03.08 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box01 .txt-box span{color:#000;font-size:26px; font-weight:900;display:block;margin-bottom:10px;}

.cnt-wrap .tab-con03{background:#fff}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02{padding:0 20px;text-align:center;margin:30px auto 40px;} /* 19.10.28 수정*/
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 .border-box{padding:40px 0 0;border:1px solid #c7c7c7;border-left:0;border-right:0;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 .slider-cont {position:relative;width:330px;margin: 0 auto;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li{ width:100%}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .tit{font-size:35px;color:#000;font-weight:900;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .tit img{vertical-align:middle;display:block; margin:0 auto;width:70px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .tit span{color:#00acfe;font-size:35px;font-weight:900;} /* 19.07.30 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .txt{font-size:16px; color:#666; font-weight:400;letter-spacing:-0.2;margin:10px auto 30px;line-height:1.5}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .img{margin: 0 auto;background: #f1f1f1;padding: 20px 0;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 li .img img{width:210px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-navigation { display: block;position: absolute;top: 60%;width:30px;height:30px;margin-top: -15px;text-indent: -9999px; background: #fff;z-index: 999;border-radius:100%}
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-previous { left: 15px;background-image: url(../images/btn/btn_prev.png) ;background-repeat:no-repeat;background-size: 7.28px 12.88px;x;background-position: center; }
.cnt-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-next {right: 15px;background-image: url(../images/btn/btn_next.png) ;background-repeat:no-repeat; background-size: 7.28px 12.88px;;background-position: center;}

.cnt-wrap .tab-con03 .cont-wrap .cont-box03{}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .txt-box{padding:20px;text-align:center;font-size:14px; color:#666; font-weight:400;letter-spacing:-0.1;line-height:1.5}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .txt-box span{color:#000;font-size:26px; font-weight:900;display:block;margin-bottom:10px;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box{padding:20px 20px 0;margin-bottom:10px;background:#f1f1f1;text-align:center;overflow:hidden}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.st01:after{content:'';display:block; clear:both}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-num{font-weight:600; color:#00affe;font-size:20px;margin-bottom:10px }
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-tit{font-weight:900; color:#000;font-size:40px;margin-bottom:10px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-hash{margin:15px auto}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-hash li{display:inline-block;border-radius:25px; background:#fff;padding:10px 15px;font-size:14px; font-weight:500px; color:#000;margin-right:5px;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-txt{font-size:14px; color:#666666;line-height:1.5;font-weight:300} /* 19.10.28 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn{margin:40px 0 30px; font-size:0;border-left:0;border-right:0; overflow: hidden;} /* 19.10.28 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li{display:inline-block;vertical-align:middle;text-align:center;width:49%;box-sizing: border-box;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:first-child{border-right:1px solid #ccc; float: left;} /* 19.10.28 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:first-child a {border: 1px solid #000;} /* 19.10.28 추가 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:last-child {float: right;} /* 19.10.28 추가 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:last-child a {border: 1px solid #00affe;} /* 19.10.28 추가 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:last-child span{color:#00affe;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li img{vertical-align:middle;margin-right:5px;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li span{color:#000; font-size:16px;vertical-align:middle;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li a{display:block; line-height: 50px;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-img{width:210px; margin:20px auto 0}
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-img img{box-shadow:5px 5px 10px 0px rgba(210,210,210,1);}


.cnt-wrap .tab-con03 .cont-wrap .cont-box04 {padding-bottom:50px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box { background:#00b0ff; padding:30px 20px }
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .lf-box {margin-bottom:20px;text-align:center}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .lf-box {font-size:18px; color:#fff; }
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .lf-box img {vertical-align:middle;width:28px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .rt-box {}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .rt-box .btn01 {width:48%; height:40px; line-height:38px;border:1px solid #fff; text-align:center;display:inline-block;vertical-align:middle;margin-right:2%;box-sizing: border-box;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .rt-box .btn01 a {font-size:14px; color:#fff;display:block} /* 19.11.11 수정 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .rt-box .btn02 {width:48%; height:40px; line-height:38px;border:1px solid #fff; text-align:center;background:#fff;display:inline-block;vertical-align:middle;box-sizing: border-box;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .btn-box .rt-box .btn02 a {font-size:14px; color:#00b0ff;display:block}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .txt-box { padding:30px 20px;}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .txt-box dt { color:#000; font-size:15px;margin-bottom:10px}
.cnt-wrap .tab-con03 .cont-wrap .cont-box04 .txt-box dd { margin-bottom:5px;color:#666;font-size:13px}

/*e:190722*/

/* 19.07.29 추가 */
/*.section.designTpl {background: #ffffff;}  21.03.08 제거 */
.section.designTpl .label {overflow: hidden; margin-top: 20px; text-align: center;}
.section.designTpl .label span {display: inline-block; width: 60px; height: 26px; line-height: 26px; border: 1px solid #666; border-radius:14px; font-size: 12px; font-weight: lighter; color: #666; text-align: center; cursor: pointer; margin-left: 8px;}
.section.designTpl .label span:first-child {margin-left: 0; }
.section.designTpl .label span.on {border: 1px solid #00affe; color: #fff; background: #00affe;}
.section.designTpl .slidesjs-container {height: 380px !important;}
.section.designTpl .slidesjs-pagination {display: none;}
.section.designTpl .cnt-img {width: 143px; margin-top: 22px;}
.section.designTpl .btns {width: 87.5%; margin: 20px auto 0; overflow: hidden;}
.section.designTpl .btns a {display: inline-block; width: 48%; margin-left: 2%; float: left; box-sizing:border-box; text-align: center;}
.section.designTpl .btns a:first-child {margin-left: 0;}
.section.designTpl .btns a.btn-sampleshop-view {border: 1px solid #0fb3fe; background: #ffffff;}
.section.designTpl .btns a.btn-sampleshop-view span {display: inline-block; padding-right: 18px; font-size: 14px; color: #00affe; line-height: 39px; background: url(../images/common/ico_shop_view_m.png) right center no-repeat; background-size:11px 11px;}
.section.designTpl .btns a.btn-detailview {border: 1px solid #0fb3fe; background: #0fb3fe;}
.section.designTpl .btns a.btn-detailview span {display: inline-block; padding-right: 13px; font-size: 14px; color: #ffffff; line-height: 39px; background: url(../images/common/ico_btn_arr_white_m.png) right center no-repeat; background-size:6px 9px;}

/* 19.08.20 추가 */
.fc-blue {color: #00affe;}
.fc-black {color: #000000;}
.gray-box {height: 393px; text-align: center; margin-top: 15px;}
.gray-box .tit {padding-top: 35px; font-weight: 800; font-size: 28px; color: #000;}
.gray-box .txt {padding-top: 12px; font-weight: 300; line-height: 20px; font-size: 12px; color: #858585;}

.tab-cnt.promotion .gray-box.cont-01 {background: #f1f1f1 url(../images/common/promotion_m_bg1.jpg) center 0 no-repeat; background-size:320px 393px;}
.tab-cnt.promotion .gray-box.cont-02 {background: #f1f1f1 url(../images/common/promotion_m_bg2.jpg) center 0 no-repeat; background-size:320px 393px;}
.tab-cnt.promotion .gray-box.cont-03 {background: #f1f1f1 url(../images/common/promotion_m_bg3.jpg) center 0 no-repeat; background-size:320px 393px;}

.tab-cnt.reseller .gray-box.cont-01 {background: #f1f1f1 url(../images/common/reseller_m_bg1.jpg) center 0 no-repeat; background-size:320px 393px;}
.tab-cnt.reseller .gray-box.cont-02 {background: #f1f1f1 url(../images/common/reseller_m_bg2.jpg) center 0 no-repeat; background-size:320px 393px;}
.tab-cnt.reseller .gray-box.cont-03 {background: #f1f1f1 url(../images/common/reseller_m_bg3.jpg) center 0 no-repeat; background-size:320px 393px;}
.tab-cnt.reseller .gray-box.cont-04 {background: #f1f1f1 url(../images/common/reseller_m_bg4.jpg) center 0 no-repeat; background-size:320px 393px;}

.fc-org {color: #fe5142;}
.cont-qa dl {margin-bottom: 20px; text-align: center;}
.cont-qa dl:first-child {margin-top: 0;}
.cont-qa dl dt {padding-left: 50px; position: relative; display: inline-block; font-weight: 800; font-size: 27px; line-height: 35px;}
.cont-qa dl dt .number {position: absolute; top: 0; left: 0; display: inline-block; width: 45px; height: 39px; background: url(../images/common/reseller_number_m_bg.png) left 0 no-repeat; background-size: 45px 39px; color: #fff; font-weight: 800; font-size: 12px; line-height: 36px; text-indent:-11px;}
.cont-qa dl dd {margin-top: 8px; line-height: 20px; font-size: 12px; color: #666666;}

/* 19.09.30 */
#section01 .event-sns { height:430px; background: url(../images/event/bnr_sns_m_bg.jpg) no-repeat center / cover; background-size:100% 100%;}
#section01 .event-sns .cnt-img { width:320px; }

/* 19.10.10 추가 */
.boder-bottom-gray-1 {border-bottom: 1px solid #e2e1e1;}

#shopportor .pageWrap { padding:0; text-align: center; position: relative;}
#shopportor .cnt img {width: 100%;}
#shopportor .cnt .slider { width:90%; margin:0 auto; }
#shopportor .cnt .slider ul { position:relative; }
#shopportor .cnt .slider ul li { text-align:center; }
#shopportor .cnt .service-slider .slidesjs-container {/*max-height:450px !important;*/}/*191015#2 edit*/
#shopportor .cnt .service-slider ul li img { width:100%; }
#shopportor .cnt .service-slider .slidesjs-previous { display:inline-block; width:30px; height:30px; background:url(../images/common/shopportor_service_slide_prev.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; left:0; top:50%; margin-top:-15px; }
#shopportor .cnt .slider .slidesjs-next { display:inline-block; width:30px; height:30px; background:url(../images/common/btn/h29_next_black.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; right:0; top:50%; margin-top:-15px; }
#shopportor .cnt .package-slider { width:90%; margin:0 auto; }
#shopportor .cnt .package-slider .slidesjs-container {max-height:490px !important;}
#shopportor .cnt .package-slider ul li img { width:75%; max-width:320px;}
#shopportor .cnt .package-slider .slidesjs-previous { display:inline-block; width:30px; height:30px; background:url(../images/common/shopportor_package_slide_prev.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; left:0; top:50%; margin-top:-15px; }
#shopportor .cnt .package-slider .slidesjs-next { display:inline-block; width:30px; height:30px; background:url(../images/common/shopportor_package_slide_next.png) 0 0 no-repeat; background-size:30px 30px; text-indent:-9999px; z-index:10; position:absolute; right:0; top:50%; margin-top:-15px; }
#shopportor .cnt .package-slider .ps { margin-top:10px; text-align:center; font-weight:300; font-size:14px; color:#666666; }
#section01 .event-shopporter { height:430px; background: url('../images/event/mo_shopporter_vis_bg.jpg') repeat-y center / cover; background-size:100% 100%;}
#section01 .event-shopporter .cnt-img { width:320px;  height:100%;  position:absolute; bottom:-53px; left:50%; transform:translateX(-50%) }
#event_list li {margin-bottom:20px;}

/*e:191015 add*/

/*s:191016 add*/
#section01 .event-pg-new { height:430px; background: url('../images/event/mo_bn191016_bg.jpg') no-repeat center / cover; background-size:100% 100%;}
#section01 .event-pg-new .cnt-img { width:320px;  height:auto;  position:absolute; top:50%; left:50%;     transform: translate(-50%, -50%); }
.sec04{background:#fdcf84;padding:40px 0}
#mysoho_use_shop_list {margin-top:20px}
#mysoho_use_shop_list .swiper-container li{width: 120px; margin: 10px;}
/*s:191016 add*/
#shopportor .cnt .service-slider .slidesjs-previous {left: 0;background: url('./images/event/btn_h68_left.png') no-repeat;background-size:cover;display: block;position: absolute;top: 50%; z-index: 10;width:15px;margin-top:-34px;text-indent: -9999em;}
#shopportor .cnt .service-slider .slidesjs-next {right: 0;background: url('./images/event/btn_h68_right.png') no-repeat;background-size:cover;display: block;position: absolute;top: 50%; z-index: 10;width: 15px;margin-top:-34px;text-indent: -9999em;}
.shopporter-warring-box{background:#f2f2f2; padding:30px 25px}
.shopporter-warring-box dt{color: #000;font-weight: bold;font-size: 1.063em;}
.shopporter-warring-box dd{font-size:0.875em;color:#666666;letter-spacing:-0.5px;line-height:1.7;text-indent: -10px; padding-left: 10px;}
.shopporter-warring-box ul li{font-size:0.875em;color:#666666;letter-spacing:-0.5px;line-height:1.7;padding-left: 17px;text-indent: -7px;}
.shopporter-warring-box a.link-box{border:1px solid #ff5938 ;background:#fff; color:#ff5938; letter-spacing:-0.5px; padding:0 5px;font-size:0.875em}

/*e:191016 add*/

.cont-box03 .tab-area ul {overflow: hidden;}
.cont-box03 .tab-area ul li {float: left; width: 50%;}
.cont-box03 .tab-area ul li a {display: block; text-align: center; border-bottom: 1px solid #00affe; line-height: 45px; font-size: 14px; color: #666666; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; background: #ffffff; border-radius:12px 12px 0 0;}
.cont-box03 .tab-area ul li:last-child a {border-right: 1px solid #c7c7c7; border-left: 1px solid #00affe;}
.cont-box03 .tab-area ul li.now a {border-left: 1px solid #00affe; border-top: 1px solid #00affe; color: #ffffff; background: #00affe;}
.cont-box03 .tab-area ul li.open {position: relative;} /* 19.11.11 추가 */
.cont-box03 .tab-area ul li.open .icon {position: absolute; top: 2px; right: 25%; width: 30px;} /* 19.11.11 추가 */
.cnt-wrap .tab-con03 .cont-wrap .cont-box03 .pc .type-box .type-img {width: 90.625%;}

/* 19/10/23 s */
.gray-area { text-align:center; background:#f1f1f1; }
.gray-area.mb15 { margin-bottom:15px; }
.gray-area dl.tit { padding:20px 0 0 0; }
.gray-area dl.tit dt { font-weight:700; font-size:1.5em; }
.gray-area dl.tit dd { font-weight:700; font-size:1.5em; color:#00affe; }
.gray-area dl.tit2 dt { font-weight:700; font-size:1.5em; color:#00affe; }
.gray-area dl.tit2 dd { font-weight:700; font-size:1.5em; color:black; }
.gray-area p.desc { margin-top:10px; padding-bottom:20px; font-weight:300; font-size:.8135em; line-height:22px; color: #666666;} /* 21.03.08 수정 */
.gray-area p.desc strong { font-weight:400; }
.gray-area p.con img { width:50%; height:auto; } 
#container.bg-w { background:white; }
.blue-area { margin:15px 0; }
.blue-area .btn-box { background:#00b0ff; padding:30px 20px }
.blue-area .btn-box .lf-box {margin-bottom:20px;text-align:center}
.blue-area .btn-box .lf-box {font-size:18px; color:#fff; }
.blue-area .btn-box .lf-box img {vertical-align:middle;width:28px}
.blue-area .btn-box .rt-box {}
.blue-area .btn-box .rt-box .btn01 {width:48%; height:40px; line-height:38px;border:1px solid #fff; text-align:center;display:inline-block;vertical-align:middle;margin-right:2%;box-sizing: border-box;}
.blue-area .btn-box .rt-box .btn01 a {font-size:.875em; color:#fff;display:block}
.blue-area .btn-box .rt-box .btn02 {width:48%; height:40px; line-height:38px;border:1px solid #fff; text-align:center;background:#fff;display:inline-block;vertical-align:middle;box-sizing: border-box;}
.blue-area .btn-box .rt-box .btn02 a {font-size:.875em; color:#00b0ff;display:block}
.blue-area .txt-box { padding:30px 20px;}
.blue-area .txt-box dt { color:#000; font-size:15px;margin-bottom:10px}
.blue-area .txt-box dd { margin-bottom:5px;color:#666;font-size:.75em; font-weight:300; text-indent:-7px; padding-left:5px; }
.psn-pay dl.desc { padding:25px 0; }
.psn-pay dl.desc dt { font-size:1.5em; font-weight:700; }
.psn-pay dl.desc dd { margin-top:10px; font-size:.875em; font-weight:300; line-height:22px; }
.psn-pay dl.desc dd strong { font-weight:400; }
.slide-n.cont-box02 {padding:0 20px;text-align:center;margin:30px auto 15px;  }
.slide-n.cont-box02 .border-box{padding:40px 0;border:1px solid #c7c7c7;border-left:0;border-right:0;}
.slide-n.cont-box02 .slider-cont {position:relative;width:100%; margin: 0 auto; background: #f1f1f1; text-align:center; }
.slide-n.cont-box02 li{ width:100%}
.slide-n.cont-box02 li .tit{font-size:35px;color:#000;font-weight:900;}
.slide-n.cont-box02 li .tit img{vertical-align:middle;display:block; margin:0 auto;width:70px}
.slide-n.cont-box02 li .tit span{color:#00acfe;font-size:35px;font-weight:900;} /* 19.07.30 수정 */
.slide-n.cont-box02 li .txt{font-size:16px; color:#666; font-weight:400;letter-spacing:-0.2;margin:10px auto 30px;line-height:1.5}
.slide-n.cont-box02 li .img{ /* min-height:370px; */ margin: 0 auto;padding: 20px 0;}
.slide-n.cont-box02 li .img img{width:210px}
.slide-n .slidesjs-pagination { position:absolute; left:50%; bottom:50%; width:100%; transform: translate(-43%,1257%); }
.slide-n.cont-box02 .slidesjs-navigation { display: block;position: absolute;top:35%;width:30px;height:30px;margin-top: -15px;text-indent: -9999px; background: #fff;z-index: 999;border-radius:100%}
.slide-n.cont-box02 .slidesjs-previous { left: 15px;background-image: url(../images/btn/btn_prev.png) ;background-repeat:no-repeat;background-size: 7.28px 12.88px;x;background-position: center; }
.slide-n.cont-box02 .slidesjs-next {right: 15px;background-image: url(../images/btn/btn_next.png) ;background-repeat:no-repeat; background-size: 7.28px 12.88px;;background-position: center;}
.slide-n dl { padding-bottom:20px; }
.slide-n dl dt { display:inline-block; font-weight:700; font-size:1.5em; color:#00affe; }
.slide-n dl dd { display:inline-block; font-weight:700; font-size:1.5em; color:black;  }
.slide-n .swiper-slide p span { color:#666; font-weight:300; font-size:.75em; }
.slide-n .swiper-slide p strong { font-weight:400; color:black; }
.slider-cont .swiper-slide:nth-child(2) .img,
.slider-cont .swiper-slide:nth-child(3) .img,
.slider-cont .swiper-slide:nth-child(4) .img { height:350px; }
.slider-cont2 .swiper-slide:nth-child(1) .img,
.slider-cont2 .swiper-slide:nth-child(2) .img,
.slider-cont2 .swiper-slide:nth-child(3) .img { height:380px; }
.slide-n .slidesjs-container { height:530px!important; }
.contents  { overflow:hidden; }
.tab { overflow:hidden; }
@media screen and (max-width:320px) {
  .gray-area p.desc { letter-spacing:-0.08em; font-size:.688em; }
  .slide-n.cont-box02 .slidesjs-previous { left:5px; width: 25px; height: 25px; background-size: 5px; }
  .slide-n.cont-box02 .slidesjs-next { right:5px;  width: 25px; height: 25px; background-size: 5px;  }
}
/* 19/10/23 e */

/* 19/10/28 s */
.pageWrap > p.price-50 { z-index:2; position:absolute; left:50%; top:5.8%; transform: translateY(-50%); width:50%; height:auto; margin:auto 0 auto -25%; }
#section01 .event-sns2 { height:430px; background:#fd4444; /* background: url(../images/event/bnr_sns_m_bg.jpg) no-repeat center / cover; background-size:100% 100%; */}
#section01 .event-sns2 .cnt-img { width:100%; height:auto; }
/* 19/10/28 e */

/*s:200212 */
#section01 .event-pg01 { height:430px; background:#31c13b; }
#section01 .event-pg01 .cnt-img { width:100%; height:auto; }
#section01 .event-pg02 { height:430px; background:#ff911e; }
#section01 .event-pg02 .cnt-img { width:100%; height:auto; }
#section01 .event-pg03 { height:430px; background:#f67a94; }
#section01 .event-pg03 .cnt-img { width:100%; height:auto; }
#section01 .event-pg04 { height:430px; background:#517eff; }
#section01 .event-pg04 .cnt-img { width:100%; height:auto; }
/* 20.04.27 추가 s */
#section01 .event-pg05 { height:430px; background:#ff62c3; }
#section01 .event-pg05 .cnt-img { width:100%; height:auto; }
/* 20.04.27 추가 e */
/*e:200212 */

/* 19.11.08 top 버튼 추가 */

.btn-top { display:none; position:fixed; right:20px; bottom:65px; z-index:999; width:52px; cursor:pointer; box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2); border-radius:50%; } /* 21.01.04 수정 */
.main-btn-top { display:none; position:fixed; right:20px; bottom:96px; z-index:999; width:52px; cursor:pointer; box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2); border-radius:50%; } /* 21.01.04 수정 */
.main-btn-floating-start { display:none; position:fixed; right:20px; bottom:24px; z-index:999; width: 52px; cursor:pointer; box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2); border-radius:50%;} /* 21.01.04 수정 */

/* 20.01.15 본인인증 추가 */
.tab.join li {width: 50%;}
.tab.join li.bar {width: 1px; padding: 0;}

.sns-box p {height: 48px; line-height: 48px;}
.sns-box p a {padding-left: 84px; height: 48px;}
.sns-box p.fb a {background: url(../images/common/box_facebook_m.png) 0 0 no-repeat; background-size:48px 48px;}
.sns-box p.kakao a {background: url(../images/common/box_kakaotalk_m.png) 0 0 no-repeat; background-size:48px 48px;}
.sns-box p.naver a {background: url(../images/common/box_naver_m.png) 0 0 no-repeat; background-size:48px 48px;}

.btn-h50-blue {display: inline-block; height: 50px; line-height: 50px; background: #00b0ff; font-size: 14px; color: #fff; line-height: 50px; text-align: center;}
.btn-h50-gray {display: inline-block; height: 50px; line-height: 50px; background: #999999; font-size: 14px; color: #fff; line-height: 50px; text-align: center;}
.cnt-wrap .h-text {margin-top: 10px;}
.cnt-wrap .h-text ul li { padding-left: 10px; position: relative; margin-top: 5px; font-weight: 300; font-size: 12px; color: #666666;}
.cnt-wrap .h-text ul li:first-child {margin-top: 0;}
.cnt-wrap .h-text ul li:before {display: block; content: '*'; position: absolute; top: 5px; left: 0;}
.cnt-wrap.join dl dd .term-area {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.cnt-wrap.join dl dd .term-area .total-agree {padding: 15px 0;}
.cnt-wrap.join dl dd .term-area label input[type=checkbox] {display: none;}
.cnt-wrap.join dl dd .term-area label span {display: inline-block; position: relative; padding-left: 26px; line-height: 20px; font-size: 15px; color: #000;}
.cnt-wrap.join dl dd .term-area label span:before {content: ''; position: absolute; top: 0; left: 0; background-size:20px 20px; }
.cnt-wrap.join dl dd .term-area label input[type=checkbox] + span:before {width: 20px; height: 20px; background: url(../images/common/ico_chk.png) 0 0 no-repeat; background-size:20px 20px;}
.cnt-wrap.join dl dd .term-area label input[type=checkbox]:checked + span:before {background: url(../images/common/ico_chk_on.png) 0 0 no-repeat; background-size:20px 20px;}
.cnt-wrap.join dl dd .term-area .terms {padding: 15px 0; border-top: 1px solid #e1e1e1;}
.cnt-wrap.join dl dd .term-area .terms p {margin-top: 15px; overflow: hidden;}
.cnt-wrap.join dl dd .term-area .terms p:first-child {margin-top: 0;}
.cnt-wrap.join dl dd .term-area .terms p label {float: left;}
.cnt-wrap.join dl dd .term-area .terms p label span .red {color: #ff0000;}
.cnt-wrap.join dl dd .term-area .terms p label span .gray {color: #999999;}
.cnt-wrap.join dl dd .term-area .terms p a {display: inline-block; float: right; font-size: 12px; color: #999999; border-bottom: 1px solid #999999;}
.cnt-wrap.join .sns-box p {height: 46px; line-height: 46px; font-weight: 400;}
.cnt-wrap.join .sns-box p a {padding-left: 80px;}
.cnt-wrap.join .sns-box .fb a {background: url(../images/common/box_facebook_m.png) 0 0 no-repeat; background-size:46px 46px;}
.cnt-wrap.join .sns-box .kakao a {background: url(../images/common/box_kakaotalk_m.png) 0 0 no-repeat; background-size:46px 46px;}
.cnt-wrap.join .sns-box .naver a {background: url(../images/common/box_naver_m.png) 0 0 no-repeat; background-size:46px 46px;}

.cnt-wrap.join dl dt {position: relative;}
.cnt-wrap.join dl dt .sns-login-complete {position: absolute; right: 0; top: 0;}
.cnt-wrap.join dl dt .sns-login-complete p {padding-left: 27px; font-size: 15px; line-height: 21px;}
.cnt-wrap.join dl dt .sns-login-complete .facebook {background: url(../images/common/ico_join_facebook.png) left 0 no-repeat; color: #3A5892; background-size:21px 21px;}
.cnt-wrap.join dl dt .sns-login-complete .naver {background: url(../images/common/ico_join_naver.png) left 0 no-repeat; color: #2FC500; background-size:21px 21px;}
.cnt-wrap.join dl dt .sns-login-complete .kakaotalk {background: url(../images/common/ico_join_kakao.png) left 0 no-repeat; color: #3C1A02; background-size:21px 21px;}

/* 20.03.13 리셀러 추가 좌측 메뉴 */
.gnb-wrap .ft .txt {overflow: hidden;}
.gnb-wrap .ft .txt .customer-center {float: left; text-align: left;}
.gnb-wrap .ft .txt .customer-center .txt01 {font-size: 12px; line-height: 30px;}
.gnb-wrap .ft .txt .customer-center .txt01 .number {font-size: 15px; line-height: 20px;}
.gnb-wrap .ft .txt .customer-center .txt02 {font-size: 11px; color: #666666;}
.gnb-wrap .ft .txt .icons {float: right;}
.gnb-wrap .ft .txt .icons li {width: 32px; height: 32px; float: left; margin-left: 7px;}
.gnb-wrap .ft .txt .icons li a {display: block; height: 100%; border: 1px solid #000; border-radius:50%; text-indent:-9999px;}
.gnb-wrap .ft .txt .icons li.call a {background: url(../images/common/menu_ico_phone.png) center center no-repeat; background-size:13px 13px;}
.gnb-wrap .ft .txt .icons li.kakao a {background: url(../images/common/menu_ico_kakao.png) center center no-repeat; background-size:14px 13px;}
.gnb-wrap .ft .txt .icons li:first-child {margin-left: 0;}
.gnb-wrap .ft .btn-wrap {margin-top: 22px;}
.gnb-wrap .ft .btn-wrap .btns {overflow: hidden; display:table; width:100%;} /* 22.03.29 이상아 수정 */
.gnb-wrap .ft .btn-wrap .btns li {width: 50%; display:table-cell;} /* 22.03.29 이상아 수정 */
.gnb-wrap .ft .btn-wrap .btns li a {display: block; background: #fff; border: 1px solid #666666; line-height: 40px; text-align: center; font-size: 12px; color: #000;}
/* .gnb-wrap .ft .btn-wrap .btns li:first-child a {border-right: none;} 22.03.29 이상아 삭제 */
.gnb-wrap .ft .btn-wrap .btns li:first-child a span {background:url('../images/common/bg_ico_guide_m.png') right center no-repeat; background-size:11px 13px; padding-right:15px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.gnb-wrap .ft .btn-wrap .btns li:nth-child(2) a span {background: url('../images/common/menu_ico_arr_black.png') right center no-repeat; background-size:6px 10px;}
.gnb-wrap .ft .btn-wrap .btns li.btn-ka-profile a span {background: url('../images/common/menu_ico_kakao.png') right center no-repeat; background-size:14px 13px; padding-right: 17px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.gnb-wrap .ft .btn-wrap .btns li.btn-qa a span {background: url('https://image.makeshop.co.kr/mysoho/assets/admin/images/common/bg_ico_side_m2.png') right center no-repeat; background-size:16px 14px; padding-right: 20px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.gnb-wrap .ft .btn-wrap .btns li + li a {border-left:none;} /* 22.03.29 이상아 추가 */

/*s:200416:add - shiptob_intro*/
.shoptob-intro-visual img{display:block;margin:0 auto}
#shiptob-intro .pageWrap {width:100%;margin:0 auto;padding:0;display:block }
#shiptob-intro .pageWrap  .cont01{background:#fff;padding:0 0;position:relative;margin:30px auto }
#shiptob-intro .pageWrap  .cont01 .how-box{text-align:center;padding:0 15px}
#shiptob-intro .pageWrap  .cont01 .how-box .tit{font-size:24.5px; letter-spacing:-1.32px;color:#000000;font-weight:300;line-height:1;}
#shiptob-intro .pageWrap  .cont01 .how-box .tit img{display:block;margin:10px auto 0;max-width:320px}
#shiptob-intro .pageWrap  .cont01 .how-box .txt{margin:15px auto 25px;line-height:1.6;font-size:12px; letter-spacing:-0.72px; color:#000000;font-weight:300;word-break:keep-all}
#shiptob-intro .pageWrap  .cont01 .how-box .txt span{font-size:12px; letter-spacing:-0.72px;color:#666666;font-weight:300}
#shiptob-intro .pageWrap  .cont01 .how-box .txt strong{font-size:12px; letter-spacing:-0.72;color:#000000;font-weight:500 }
#shiptob-intro .pageWrap  .cont01 .how-box .img{}
#shiptob-intro .pageWrap  .cont01 .how-box .img img{max-width:578px;width:100%}
#shiptob-intro .pageWrap  .cont01 .slider-box{margin-top:30px;padding:0 15px}
#shiptob-intro .pageWrap  .cont01 .slider-box .tit{font-weight:600;font-size:15px; letter-spacing:-0.6px;margin-bottom:15px; line-height:1}
#shiptob-intro .pageWrap  .cont01 .slider-box .bd-box{border:1px solid #e5e5e5; border-top:2px solid #000000;padding:25px 0 18.75px;width:100%;position:relative;}
#shiptob-intro .pageWrap  .cont01 .swiper-container{height:auto !important;}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper{height:auto !important;}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:auto !important}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide:after{content:'';display:block; clear:both}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .img{width:100%; text-align:center;padding:0 60px;box-sizing: border-box;float:none}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .img img{max-width:100%}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box{width:100%;text-align:center;margin-top:25px;;float:none;padding-top:0}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .tit{color:#0c1048; font-size:18px;font-weight:400;letter-spacing:-0.8px;margin-bottom:10px}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt{font-weight:300;color:#666666; font-weight:300; font-size:15px; letter-spacing:-0.5px}
#shiptob-intro .pageWrap  .cont01 .slider-box .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.txt-col-blue{color:#3daffd;font-weight:400;}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.txt-line{text-decoration:underline}
#shiptob-intro .pageWrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.sml-txt{font-size:12px}
#shiptob-intro .pageWrap  .cont01 .lf{position:absolute; top:26%; left:16px;z-index:99}
#shiptob-intro .pageWrap  .cont01 .rt{position:absolute; top:26%; right:16px;z-index:99}
#shiptob-intro .pageWrap  .cont01 .lf img{width:15px}
#shiptob-intro .pageWrap  .cont01 .rt img{width:15px}
#shiptob-intro .pageWrap  .cont01 .slide-pagnation{margin:10px auto 0;width:100%;text-align:center;left:0;z-index:99;position:relative; top:auto; padding-left:0; background:none}
#shiptob-intro .pageWrap  .cont01 .slide-pagnation span{width:8px; height:8px;margin:0 4px;display: inline-block;text-align: center;cursor:pointer;background:#e0e0e0;border-radius:100%}
#shiptob-intro .pageWrap  .cont01 .slide-pagnation.slidepg  span.swiper-pagination-bullet-active{background:#3daffd}
#shiptob-intro .pageWrap  .cont01 .slide-pagnation.slidepg  span:after{display:none}
#shiptob-intro .pageWrap  .cont01 .slide-pagnation.slidepg  span.swiper-pagination-bullet-active:before{display:none}

#shiptob-intro .pageWrap  .cont02{background:#fafafa;padding:30px 15px;position:relative;text-align:center;display:block}
#shiptob-intro .pageWrap  .cont02 .tit{font-size:22.5px; letter-spacing:-1.32px;color:#000000;font-weight:300;line-height:1;}
#shiptob-intro .pageWrap  .cont02 .tit img{display:block;margin:10px auto 0;max-width:278.25px}
#shiptob-intro .pageWrap  .cont02 .why-list{font-size:0;margin-top:25px}
#shiptob-intro .pageWrap  .cont02 .why-list:after{content:'';display:block; clear:both}
#shiptob-intro .pageWrap  .cont02 .why-list li{display:inline-block;float:left;box-sizing:border-box;width:50%;text-align:center;vertical-align:top;background:#fff;padding: 3%;border:0}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(1){border-bottom:2px solid #fafafa;border-right:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(2){border-bottom:2px solid #fafafa;border-left:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(3){border-bottom:2px solid #fafafa;border-right:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(4){border-bottom:2px solid #fafafa;border-left:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(5){border-bottom:0;border-right:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(6){border-bottom:0;border-left:1px solid #fafafa}
#shiptob-intro .pageWrap  .cont02 .why-list li.no-mg{margin-right:0}
#shiptob-intro .pageWrap  .cont02 .why-list li .img{display:block;height:auto}
#shiptob-intro .pageWrap  .cont02 .why-list li .img img{max-width:100%;}
#shiptob-intro .pageWrap  .cont02 .why-list li .tit{font-weight:400;font-size:15px; color:#000000;letter-spacing:-0.5px;margin-top:15px; line-height:1.4}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(3) .tit{height:44px}
#shiptob-intro .pageWrap  .cont02 .why-list li:nth-child(4) .tit{height:44px}
#shiptob-intro .pageWrap  .cont02 .why-list li .txt{display:none;font-size:16px; color:#666666;letter-spacing:-1.2px;margin-top:10px;font-weight:300}
#shiptob-intro .pageWrap  .cont02 .why-list li .link{display:block;margin:3px auto 0;width:85px;height:22.5px; line-height:22.5px;text-align:center;background:#000000}
#shiptob-intro .pageWrap  .cont02 .why-list li .link a{font-size:9px; color:#fff;letter-spacing:-0.5px;font-weight:400;display:block}
#shiptob-intro .pageWrap  .cont02 .why-list li .link a img{display:inline;margin:-0px 0 0 2px;max-width:none;width:4px;vertical-align: middle}

#shiptob-intro .pageWrap  .bot-cont{padding:5px 0 60px;text-align:center;}
#shiptob-intro .pageWrap  .bot-cont .item-list{text-align:center;font-size:0;width:250px;margin:0 auto;padding:0 15px}
#shiptob-intro .pageWrap  .bot-cont .item-list li{display:inline-block; vertical-align:bottom;width:45%;margin-top:20px;margin-right:0}
#shiptob-intro .pageWrap  .bot-cont .item-list li img{width:85px}
#shiptob-intro .pageWrap  .bot-cont .item-list li:nth-child(1) img{width:100px}
#shiptob-intro .pageWrap  .bot-cont .txt{color:#000000; font-size:13px; letter-spacing:-0.3px; font-weight:300;margin-top:20px}
#shiptob-intro .pageWrap  .bot-cont .btn{width:100%; height:53px;border:3px solid #fc4f00; background:#fc4f00;text-align:center;line-height:47px;margin:25px auto 0;transition:all 0.3s;position: fixed;bottom: 0;z-index: 99;}
#shiptob-intro .pageWrap  .bot-cont .btn a{font-weight:500;color:#fff; font-size:16px;font-weight:500;display:block;transition:all 0.3s}
#shiptob-intro .pageWrap  .bot-cont .btn a img{height: 6px;margin-top: -6px;margin-left: 2px;transition: all 0.3s;vertical-align: middle;}
/*e:200416:add - shiptob_intro*/

/* 20.06.01 추가 s */
#section01 .event-pg06 { height:430px; background:#23beff; }
#section01 .event-pg06 .cnt-img { width:100%; height:auto; }
/* 20.06.01 추가 e */

/* 20.06.03 추가 s */
#section01 .event-pg07 { height:430px; background:#9ed5f4; }
#section01 .event-pg07 .cnt-img { width:100%; height:auto; }
/* 20.06.03 추가 e */

/* 20.10.21 KSNET */

#section01 .event-pg07 {background:#7d42f6; height:430px;}
#section01 .event-pg07 .cnt-img { width:100%; height:auto; }

.cnt .cnt-text {padding-bottom: 30px; margin-bottom: 20px; line-height: 18px; border-bottom: 1px solid #f0f0f0; font-size: 13px; color: #000; text-align: center; font-weight: 300;}
.service-advantage {padding-bottom: 25px; border-bottom: 1px solid #f0f0f0;}
.service-advantage dl {margin-top: 25px; padding-left: 100px;}
.service-advantage dl dt {font-size: 16px; color: #000;}
.service-advantage dl dd {margin-top: 5px; font-size: 12px; font-weight: 300; line-height: 20px; color: #666666;}
.service-advantage dl.service1 {background: url(../images/common/pc_advantage_ico1_m.png) 20px center no-repeat; background-size:60px 43px;}
.service-advantage dl.service2 {background: url(../images/common/pc_advantage_ico2_m.png) 21px center no-repeat; background-size:62px 45px;}
.service-advantage dl.service3 {background: url(../images/common/pc_advantage_ico3_m.png) 25px center no-repeat; background-size:50px 55px;}
.service-advantage dl.service4 {background: url(../images/common/pc_advantage_ico4_m.png) 28px center no-repeat; background-size:45px 58px;}

.tab-area.type2 {margin-top: 30px; padding-bottom: 25px;}
.tab-area.type2 ul {overflow: hidden;}
.tab-area.type2 ul li {float: left; width: 50%; box-sizing:border-box; border-top: 2px solid #c9c9c9; border-bottom: 2px solid #00affe; border-right: 2px solid #c9c9c9; border-left: 2px solid #c9c9c9;}
.tab-area.type2 ul li.now {border-bottom: 2px solid #fff; border-top: 2px solid #00affe; border-right: 2px solid #00affe; border-left: 2px solid #00affe;}
.tab-area.type2 ul li:first-child {border-right: 1px solid #00affe;}
.tab-area.type2 ul li:last-child {border-left: 1px solid #00affe;}
.tab-area.type2 ul li a {display: block; line-height: 45px; text-align: center; font-size: 14px; color: #000;}

.box-area {margin: 0 0 25px; border: 1px solid #00affe; background: #f2fbff; padding: 20px 0; text-align: center;}
.box-area .txt1 {display: inline-block; position: relative; font-weight: bold; font-size: 14px; color: #00affe; }
.box-area .txt2 {margin-top: 10px; font-size: 12px; font-weight: 300; color: #000;}
.box-area .txt2 span {font-weight: 400; color: #000;}

.txt-sky {color: #00affe;}
#joinProcess .cnt-dep1 dd p.txt-black .mail {border-bottom: 1px solid #00affe; display: inline-block; color: #00affe;}

/* 메인 홍보영상 추가 */
.promotion-video-wrap {padding: 0px 0 40px; background: #f0f0f0; text-align: center;}
.promotion-video-wrap h2 {line-height: 30px; font-size: 24px; color: #000;}
.promotion-video-wrap .cnt {margin-top: 20px;}
.promotion-video-wrap .cnt .video-area {display: inline-block; width: 82.5%; height: 200px; position: relative;}
.promotion-video-wrap .cnt .video-area img {width: 100%; height: 100%; position: absolute;top: 0; left: 0; z-index: 1;}
.promotion-video-wrap .cnt .video-area .ico-play { position:absolute; top:50%; left:50%; z-index:10; margin-top:-21px; margin-left:-30px; width:59px; height:41px; background:url(../images/common/ico_play.png) no-repeat center / 59px 41px; }
.promotion-video-wrap .cnt .video-area video {width: 100%; height: 100%;}
.promotion-video-wrap .cnt .text {margin-top: 32px;}
.promotion-video-wrap .cnt .text .icon {display: inline-block; width: 82.5%;}
.promotion-video-wrap .cnt .text .icon li {width: 33.33%; float: left; position: relative;}
.promotion-video-wrap .cnt .text .icon li:before {height: 100%; width: 1px; display: block; content: ''; position: absolute; left: 0; top: 0; background: #999999;}
.promotion-video-wrap .cnt .text .icon li:first-child:before {display: none;}
.promotion-video-wrap .cnt .text .icon li.icon1 img {width: 23.8%;}
.promotion-video-wrap .cnt .text .icon li.icon2 img {width: 16.3%;}
.promotion-video-wrap .cnt .text .icon li.icon3 img {width: 16.3%;}
.promotion-video-wrap .cnt .text .icon li p {margin-top: 10px; line-height: 20px; font-size: 15px; color: #000;}
.promotion-video-wrap .cnt .text .txt1 {margin-top: 25px; font-size: 15px; color: #000;}
.promotion-video-wrap .cnt .text .txt2 {font-size: 15px; font-weight: bold; color: #000;}
.promotion-video-wrap .cnt .text .txt2 span {color: #00affe;}

/* 샵포터 이벤트 페이지 */
.eventPage {text-align: center;}
.eventPage .event-sect {margin: 0 auto; max-width:640px; position: relative;}
.eventPage .event-sect.event-sect2 {margin-top: -12%; position: relative;}

.eventPage .event-sect2 .event-tab-area {width: 90.625%; position: absolute; top:44.72%; left: 4.8%; }
.eventPage .event-sect2 .event-tab-area .tabs {display: inline-block; width: 100%; background: #00affe;}
.eventPage .event-sect2 .event-tab-area .tabs li {float: left; width: 33%; margin-left: 0.5%;}
.eventPage .event-sect2 .event-tab-area .tabs li:first-child {margin-left: 0;}
.eventPage .event-sect2 .event-tab-area .tabs li a {display: block; padding: 33px 0 15px; border-radius:10px 10px 0 0; background: #000; text-align: center; position: relative; font-weight: bold; font-size: 18px; color: #fff;}
.eventPage .event-sect2 .event-tab-area .tabs li a span {display: inline-block;  padding: 10px 14px; background: #00f6ff; box-sizing:border-box; border: 2px solid #000; text-align: center; font-weight: bold; line-height: 16px; font-size: 14px; color: #000; border-radius:50%; position: absolute; top:-26px; left: 50%; transform:translateX(-50%); white-space:nowrap;}
.eventPage .event-sect2 .event-tab-area .tabs li a span.c1 {left: 31%;}
.eventPage .event-sect2 .event-tab-area .tabs li a span.c2 {left: 70%;}
.eventPage .event-sect2 .event-tab-area .tabs li.on a { background: #fff; color: #000;}
.eventPage .event-sect2 .event-tab-area .tabs li.on a span {background: #fff700;}
.eventPage .event-sect2 .event-tab-area .cnt {margin-top: -4px; background: #fff; padding: 0 20px; border-radius:0 0 10px 10px;}
.eventPage .event-sect2 .event-tab-area .cnt dl {padding: 8% 0 10% 22.25% ; border-top: 1px solid #edefee; position: relative; text-align: left;}
.eventPage .event-sect2 .event-tab-area .cnt dl:first-child {border-top: none;}
.eventPage .event-sect2 .event-tab-area .cnt dl dt {font-weight: bold; font-size:16px; color: #000;}
.eventPage .event-sect2 .event-tab-area .cnt dl dd p {margin-top: 5px; padding-left: 10px; position: relative; font-size: 15px; color: #666666;}
.eventPage .event-sect2 .event-tab-area .cnt dl dd p:before {display: block; content: '·'; position: absolute; left: 0; }
.eventPage .event-sect2 .event-tab-area .cnt img {width: 13.6%; position: absolute; left: 12px; top: 22%;}
.eventPage .event-sect2 .btns-area {width: 90%; overflow: hidden; position: absolute; bottom: 4%; left:  50%; transform:translateX(-50%);}
.eventPage .event-sect2 .btns-area a {display: inline-block; width: 49.4%; }
.eventPage .event-sect2 .btns-area a.btn-white {float: left;}
.eventPage .event-sect2 .btns-area a.btn-black {float: right;}
.eventPage .event-sect3 {position: relative;}
.eventPage .event-sect3 a.btn-white {width: 49.4%; position: absolute; bottom:  6%; left: 50%; transform:translateX(-50%); float: none; line-height: 62px; background: #fff; color: #000; font-weight: bold; border: 2px solid #000; font-size: 18px;}

.eventPage .event-sect .slider-area {width: 90%; position: absolute; left: 4.5%; top:26.5%; }
.eventPage .event-sect .slider-area .slide {width: 100%; text-align: center;}
.eventPage .event-sect .slider-area .slide li {padding: 40px 0;}
.eventPage .event-sect .slider-area .slide li img {width: 41.2%; box-shadow:3px 5px 9px 0px rgba(0,0,0,0.15);}
.eventPage .event-sect .slider-area .slide li .tit {margin-top: 25px; font-weight: bold; font-size: 20px; color: #000;}
.eventPage .event-sect .slider-area .slide li .txt {margin-top: 15px; line-height: 24px; font-size: 14px; color: #666666;}
.eventPage .event-sect .slider-area .slide .swiper-button-prev {background: url(../images/event/event_slider_prev.png) 0 0 no-repeat; background-size:17px 30px; margin-top: -90px;}
.eventPage .event-sect .slider-area .slide .swiper-button-next {background: url(../images/event/event_slider_next.png) 0 0 no-repeat; background-size:17px 30px; margin-top: -90px;}
.event-sect6 .btn-request {display: block; width: 91%; left: 50%; transform:translateX(-50%); bottom: 5.4%; position: absolute;}

/* 20.11.13  게시판관리 배너 추가 */
#section01 .event-pg08 {background:#ec554a; height:430px;}
#section01 .event-pg08 .cnt-img { width:100%; height:auto; }

/* 21.03.19  마케팅분석도구 배너 추가 */
#section01 .event-pg09 {background:#ff8e01; height:430px;}
#section01 .event-pg09 .cnt-img { width:100%; height:auto; }

/* 21.03.16 추가 */
#section01 .slidesjs-pagination {width: max-content;}
.eventPage.canvas .section1 {position: relative;}
.eventPage.canvas .section1 .btn {display: block; width: 76%; position: absolute; left: 11.75%; bottom: 50px;}
.eventPage.canvas .section3 {position: relative;}
.eventPage.canvas .section3 .btn-copyright {display: inline-block; font-size: .938em; color: #22cc88; text-decoration:underline;}
.eventPage.canvas .section4 {position: relative;}
.eventPage.canvas .section4 .btn {display: block; width: 76%; position: absolute; left: 11.75%; bottom: 50px;}

/* 21.03.08 추가 */
.mb-0 {margin-bottom: 0 !important;}
.cnt-wrap .tab-cnt .btn-sample {padding: 40px 20px;}
.btn-btn-h63 {display: block; text-align: center; line-height: 63px; background: #000; font-weight: 500; font-size: 18px; color: #fff;}
#section08 {background: #ffffff;}
.main-mylink-wrap {padding: 0px 25px 50px; overflow: hidden;}
.main-mylink-wrap h2 {text-align: left; font-weight: bold; line-height: 45px; font-size: 32px; color: #000;}
.main-mylink-wrap h2 .line {display: inline-block; position: relative; z-index: 1;}
.main-mylink-wrap h2 .line:before {display: block; content: ''; width: 100%; height: 13px; background: #fedb29; position: absolute; bottom: 1px; left: 0; z-index: -1;}
.main-mylink-wrap .btns {margin-top: 15px; overflow: hidden;}
.main-mylink-wrap .btns a {display: inline-block; padding-right: 20px; background: url(../images/common/arr_bg00affe_m.png) right center no-repeat;float: left; margin-left: 15px; font-size: 15px; font-weight: bold; color: #000; background-size:16px auto;}
.main-mylink-wrap .btns a:first-child {margin-left: 0;}
.main-mylink-wrap ul {margin-top: 35px;}
.main-mylink-wrap ul li {box-sizing:border-box; box-shadow:0px 6px 6px 0px rgba(108,108,108,0.3); float: left; border-radius:10px;} /* 21.04.15 수정 */
.main-mylink-wrap .swiper-container {overflow: unset; margin-right: 15%;}

/* 21.06.10 알림톡 관련 추가 */
.section .eventSlide .cnt-img {position:relative; overflow:hidden; height:430px !important;}
.section .eventSlide .cnt-img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}

/* 21.06.30 무료구독이벤트 페이지 관련 황수현 추가 */
.eventPage.subscribe .section1 {position: relative;}
.eventPage.subscribe .section1 .btn-detail {display: block; width: 37.5%; height: 1.98%; position: absolute; left: 31.71%; top: 25.9%;}
.eventPage.subscribe .section1 .btn-subscribe {display: block; width: 85.93%; position: absolute; left: 7.03%; top: 45.9%;}

/* 21.07.16 황수현 샵포터 페이지 */
.eventPage.shopportor > div {max-width: 640px; margin: 0 auto;}
.eventPage.shopportor .section1 {position: relative;}
.eventPage.shopportor .section1 .btn-join {position: absolute; display: block; width: 45.3125%; left: 3.9%; bottom: 6.73%;}
.eventPage.shopportor .section1 .btn-free {position: absolute; display: block; width: 45.3125%; right: 3.9%; bottom: 6.73%;}
.eventPage.shopportor .section3 {position: relative;}
.eventPage.shopportor .section3 .shopportor-review {width: 92.1875%; position: absolute; left: 3.9%; bottom: 3.6%;}
.eventPage.shopportor .section3 .shopportor-review .title {font-weight: bold; font-size: 16px; color: #000; text-align: center;}
.eventPage.shopportor .section3 .shopportor-review .swiper-container {background: #fff; border-radius:10px; border: 1px solid #cfcfcf; margin-top: 15px;}
.eventPage.shopportor .section3 .shopportor-review ul li {text-align: center;}
.eventPage.shopportor .section3 .shopportor-review ul li .inner {padding: 20px 20px 35px;}
.eventPage.shopportor .section3 .shopportor-review ul li .profile {font-size: 12px; color: #000;}
.eventPage.shopportor .section3 .shopportor-review ul li .text {margin-top: 10px; line-height: 16px; font-size: 11px; font-weight: 300; color: #000;}
.eventPage.shopportor .section3 .shopportor-review .swiper-pagination-bullet {width: 6px; height: 6px; background: #d4d4d4; opacity: 1;}
.eventPage.shopportor .section3 .shopportor-review .swiper-pagination-bullet-active {background: #00affe;}
.eventPage.shopportor .section4 {background: #fff; padding: 34px 0;}
.eventPage.shopportor .section4 .inner {width: 92.5%; margin: 0 auto;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul {border: 1px solid #cccccc; border-radius:10px 10px 0 0; overflow: hidden;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li {width: 20%; float: left;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li:first-child a {border-left: none;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li a {display: block; padding: 8px 0; background: #f6f6f6; border-left: 1px solid #cccccc; text-align: center;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li a .type {display: block; font-size: 11px; color: #00affe;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li a .tab-tit {display: block; font-size: 11px; font-weight: bold; color: #000;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li.on a {background: #00affe;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li.on a .type {color: #fff;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-area ul li.on a .tab-tit {color: #fff;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius:0 0 10px 10px; overflow: hidden;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont {padding: 12px; border-top: 1px solid #ccc;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont:first-child {border-top: none;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont .tit {font-size: 12px; color: #000;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont .txt {font-weight: 300; font-size: 12px; color: #000;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont .btn-view {display: inline-block; width: 65px; border-radius:50px; border: 1px solid #000; text-align: center; line-height: 18px; color: #000; font-size: 11px; font-weight: bold;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont .btn-view span {display: inline-block; padding-right:7px; background: url(../images/event/shopportor_arr_h11.png) right center no-repeat; background-size:4px 6px;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg {background: #fffde4;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .green {color: #16bc12;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .org {color: #ff7200;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .blue {color: #4556d7;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .red {color: #bd0a0a;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .greenb {color: #13b13c;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .pink {color: #fd0160;}
.eventPage.shopportor .section4 .inner .tab-contents .tab-cont .cont.bg .purple {color: #9519b0;}
.eventPage.shopportor .section5 {position: relative;}
.eventPage.shopportor .section5 .btn-link {position: absolute; display: inline-block; width: 24%; left: 61.625%; top: 34.8%; text-indent: -9999px;;}
.eventPage.shopportor .section6 {padding: 35px 0;/*  background: #fff; */  background:#f6f6f6; } /* 21/12/27 m */
.eventPage.shopportor .section6 .process1 {width: 92.5%; margin: 0 auto;}
.eventPage.shopportor .section6 .process2 {width: 92.5%; margin: 0 auto; margin-top: 10px;}
.eventPage.shopportor .section6 .precaution {width: 92.5%; margin: 0 auto; margin-top: 10px; background:white; border-radius:5px; } /* 21/12/27 m */
.eventPage.shopportor .section6 .precaution .inner {padding: 15px; border: 1px solid #cccccc; border-radius:5px; text-align: left;}
.eventPage.shopportor .section6 .precaution .inner p {font-weight: bold; font-size: 13px; color: #000;}
.eventPage.shopportor .section6 .precaution .inner p a {display: block; padding-right: 20px; background: url(../images/event/shopportor_btn_down.png) right center no-repeat; background-size: 11px 7px;}
.eventPage.shopportor .section6 .precaution .inner p a.open {background: url(../images/event/shopportor_btn_up.png) right center no-repeat; background-size: 11px 7px;}
.eventPage.shopportor .section6 .precaution .inner ul {display: none; margin-top: 10px;}
.eventPage.shopportor .section6 .precaution .inner ul li {padding-left: 10px; margin-bottom: 3px; position: relative; font-weight: 300; font-size: 11px; line-height: 20px;}
.eventPage.shopportor .section6 .precaution .inner ul li:before {display:  block; content: '-'; position: absolute; left: 0; top: 0;}
.eventPage.shopportor .section7 {padding: 35px 0; background:white; /* background: #f6f6f6; */} /* 21/12/27 m */
.eventPage.shopportor .section7 .inner {width: 92.5%; margin: 0 auto;}
.eventPage.shopportor .section7 .title {font-weight: bold; line-height: 21px; font-size: 16px; color: #000;}
.eventPage.shopportor .section7 .inner .faq-area {margin: 22px 0 0;}
.eventPage.shopportor .section7 .inner .faq-area ul {border-top: 1px solid #000;}
.eventPage.shopportor .section7 .inner .faq-area ul li {border-bottom: 1px solid #cccccc; text-align: left; line-height: 16px; font-size: 12px; color: #000;}
.eventPage.shopportor .section7 .inner .faq-area ul li .q {position: relative; padding: 13px 10px 13px 25px;}
.eventPage.shopportor .section7 .inner .faq-area ul li .q span {position: absolute; left: 10px; top: 13px;}
.eventPage.shopportor .section7 .inner .faq-area ul li .a {display: none; position: relative; padding: 13px 10px 13px 25px; border-top: 1px solid #cccccc; background:#f6f6f6; }  /* 21/12/27 m */
.eventPage.shopportor .section7 .inner .faq-area ul li .a  span {position: absolute; left: 10px; top: 13px;}
.eventPage.shopportor .section7 .inner .faq-area ul li .a .link {display: block; text-decoration:underline; color:#00affe;}
.eventPage.shopportor .btn-area {background: #ffffff; padding: 10px 0;}
.eventPage.shopportor .btn-area ul {width: 92.5%; margin: 0 auto; overflow: hidden;}
.eventPage.shopportor .btn-area ul li {width: 48.98%; margin-left: 2%; float: left;}
.eventPage.shopportor .btn-area ul li:first-child {margin-left: 0;}
.eventPage.shopportor .btn-area ul li a {display: block;}

.btn-kakao {display: block; position: fixed; width: 53px; right: 20px; bottom: 80px;}

/* 21.09.01 리셀러 추가 */
.eventPage.reseller .section5 {position: relative;}
.eventPage.reseller .section5 .btn-start {display: block; width: 75.625%; position: absolute; left: 12.1875%; bottom:6.45%; }

/* 21.09.03 매뉴얼 퍼블리싱 이상아 */
.subTabM {z-index:20; line-height:40px; position:relative; border-bottom:1px solid #ccc; padding:0 15px; background:#fff;}
.subTabM .txtNow {font-size:13px; font-weight:500; color:#000; display:inline-block;}
.subTabM .btnTypeSel {position:absolute; right:0; top:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; width:50px; height:40px; 
background:url('../images/common/bg_ico_filter_m.png') center center no-repeat; background-size:15px 14px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.subTabM .btnTypeSel.on {background:url('../images/common/bg_ico_filter_close_m.png') center center no-repeat; background-size:13px 7px;}
.contents .cnt-wrap .subTabM + .cnt {padding-top:0;}
.contents .cnt-wrap .subTabM + .cnt.list-type01 .list-faq {border-bottom:1px solid #e2e1e1;}
.contents .cnt-wrap .subTabM + .cnt.list-type01 .list-faq li:first-child {border-top:none;}
.layerTypeFilter {position:absolute; left:0; top:43px; width:100%; background:#fff; display:none;}
.layerTypeFilter ul {overflow:hidden; padding:10px 15px 10px 10px;}
.layerTypeFilter ul li {float:left; width:calc(50% - 5px); margin-left:5px; margin-top:5px;}
.layerTypeFilter ul li a {display:block; height:38px; font-size:11px; line-height:38px; text-align:center; border-radius:10px; color:#000; border:1px solid #e0e0e0;}
.layerTypeFilter ul .on a {background:#000; color:#fff; font-weight:bold;}
.bgModal60 {z-index:10; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.60; display:none;}

/* 21/12/27 s */
.section8 { padding: 35px 0; background: white; }
.section8 p.txt { margin:15px 0; text-align:center; color:#666; font-weight:300; font-size:14px; }
.section8 > div > p > img { /* width:187px; */ width:210px; height:auto; }
.eventPage.shopportor .section8 .shopportor-review {/* width: 100%; */ margin:0 15px; /* position: absolute; left: 3.9%; bottom: 3.6%; */}
.eventPage.shopportor .section8 .shopportor-review .title {font-weight: bold; font-size: 16px; color: #000; text-align: center;}
.eventPage.shopportor .section8 .shopportor-review .swiper-container {background: #fff; border-radius:10px; border: 1px solid #cfcfcf; margin-top: 15px;}
.eventPage.shopportor .section8 .shopportor-review ul li {text-align: center;}
.eventPage.shopportor .section8 .shopportor-review ul li .inner {padding: 20px 20px 35px;}
.eventPage.shopportor .section8 .shopportor-review ul li .profile {font-size: 12px; color: #000;}
.eventPage.shopportor .section8 .shopportor-review ul li .text {margin-top: 10px; line-height: 16px; font-size: 11px; font-weight: 300; color: #000;}
.eventPage.shopportor .section8 .shopportor-review .swiper-pagination-bullet {width: 6px; height: 6px; background: #d4d4d4; opacity: 1;}
.eventPage.shopportor .section8 .shopportor-review .swiper-pagination-bullet-active {background: #00affe;}
.section8 .shop { margin:25px 10px; /* margin:0 -5px; */ }
.section8 .shop ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	margin:0px; 
}
.section8 .shop > ul > li { 
	/* overflow:hidden; */	
	width: calc(50% - 15px);
	margin:0 7px 15px;
}
.section8 .shop dl { padding:15px; text-align:left; }
.section8 .shop dl dt { font-weight:700; font-size:14px; }
.section8 .shop dl dd { margin-top:5px; font-weight:300; font-size:11px; color:#666; }
.section8 .shop li { background:#fff; /* box-shadow:3px 3px 10px #cecece; */ position: relative; cursor: pointer; transition:all .5s;} /* 19.11.04 수정 */
.section8 .shop li a { display:block; width:100%; /* height: 322px; */ border-radius:10px; border:1px solid #ccc; }
.section8 .shop li.on a {
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 00px 10px 20px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
			transition:all .5s;
}
.section8 .shop li .img {/*  width: 252px; */ /* height: 100%; */ box-sizing:border-box;}
.section8 .shop li .img img { border-top-left-radius:9px; border-top-right-radius:9px; border-bottom:1px solid #ccc; /* width: 260px; */}
/* 21/12/27 e */

/* 22.08.03 이현진 추가 */
.caseWrap {padding-bottom:30px;}
.caseWrap.type02 {padding-bottom:0;}
.caseTabTop {display:flex; margin-bottom:25px;}
.caseWrap.type02 .caseTabTop {margin-bottom:0;}
.caseTabTop a {position:relative; width:50%; line-height:46px; text-align:center; font-size:13px; color:#666; font-weight:500; background:#fff; border:none; border-bottom:1px solid #ccc;}
.caseTabTop a:first-child:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:14px; background:#c2c6ce;}
.caseTabTop a.on {border-color:#00b0ff; border-width:2px; color:#00b0ff; font-weight:700;}
.caseCategoryWrap {margin-bottom:25px; padding-left:17px;}
.caseCategory {font-size:0;}
.caseCategory li {width:auto;}
.caseCategory li a {display:block; padding:0 17px; font-size:13px; color:#999; font-weight:500; line-height:36px; background:#f0f0f0; border-radius:25px;}
.caseCategory li.on a {background:#00b0ff; color:#fff;}
.caseList {padding:0 15px;}
.caseList li + li {margin-top:20px;}
.caseList li a {display:block; border:1px solid #d6d6d6;}
.caseList li .imgWrap {width:100%; height:61.57vw;}
.caseList li .imgWrap img {width:100%; height:100%; object-fit:cover;}
.caseList li .txtWrap {padding:13px 20px 11px; text-align:center;}
.caseList li .txtWrap em {display:block; font-size:19px; color:#000; line-height:22px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseList li .txtWrap span {display:block; font-size:12px; color:#000; line-height:22px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px;}

/* 22.08.05 이현진 추가 */
.caseWrap.type02 .inner {padding:0 15px;}
.caseWrap.type02 .logoImg {width:129px;}
.caseWrap.type02 .logoImg02 {width:225px;}
.interviewCaseTop {background:url('../images/exshop/bg_interview_case1_m_tit.jpg') no-repeat center / cover; text-align:center; padding:59px 0 43px;}
.interviewCaseTop.leaforearth {background:url('../images/exshop/bg_interview_case2_m_tit.jpg') no-repeat center / cover;}
.interviewCaseTop p {font-size:24px; color:#fff; line-height:31px; font-weight:700;}
.interviewCaseTop span {display:block; font-size:15px; color:rgba(255,255,255,.5); line-height:1; font-weight:400; margin-top:6px;}
.interviewCaseTit {word-break:keep-all; padding:43px 46px 36px; text-align:center;}
.interviewCaseTit p {font-size:18px; color:#000; line-height:26px; font-weight:400; margin-top:12px;}
.interviewCaseTit.titType02 {padding:43px 42px 34px;}
.interviewCaseTit.titType02 p {font-size:16px; line-height:27px; margin-top:18px;}
.interviewImgTxt, .interviewBanner {text-align:center;}
.interviewImgTxt.imgTxtType03 {padding-top:58px;}
.interviewImgTxt.imgTxtType04 {padding:53px 0 41px; background:#eed5bc;}
.interviewImgTxt dl {margin:42px 0 39px; text-align:left; font-size:16px; color:#000; line-height:27px; font-weight: 400;}
.interviewImgTxt.imgTxtType02 dl {margin-bottom:42px;}
.interviewImgTxt.imgTxtType03 dl {margin-bottom:0;}
.interviewImgTxt.imgTxtType04 dl {margin:34px 0 0;}
.interviewImgTxt dt {font-weight:700; margin-bottom:8px;}
.interviewImgTxt dt:nth-child(3) {margin-top:28px;}
.interviewImgTxt .img {margin:60px 0 0 -15px; text-align:left;}
.interviewImgTxt p {font-size:14px; color:#000; line-height:1; margin-top:18px; text-align:center;}
.interviewImgWrap {background:#e7dfd3; padding:60px 24px; text-align:center;}
.interviewImgWrap p {font-size:14px; line-height:1; color:#000; margin:18px 0 55px;}
.interviewShop {background:#d8dacf; text-align:center; word-break:keep-all; padding:66px 0 42px;}
.interviewShop.shopType02 {background:#eae3d9;}
.interviewShop .img {padding:0 13px;}
.interviewShop em {display:block; font-size:16px; line-height:27px; font-weight:700; margin:22px 0 5px;}
.interviewShop p {display:block; font-size:16px; line-height:27px; font-weight:400;}
.shopLink {text-align:center; padding-bottom:60px;}
.shopLink .img {padding-top:47px; border-top:1px solid #e2e2e2;}
.shopLink .shopBtn {display:inline-block; width:159px; height:39px; background:#000; font-size:16px; color:#fff; line-height:39px; font-weight:500; margin-top:17px;}
.shopLink.linkType02 .img {padding-top:49px;}
.interviewBanner {height:145.31vw; background:url('../images/exshop/bg_interview_case2_m_img4.png') no-repeat center 10.625vw/ 90.62% 115.93vw;}

/* 22.03.11 샵포터 광고랜딩 페이지 추가 황수현 */
.eventPage.ad_landing {position: relative; }
.eventPage.ad_landing .section {position: relative; padding: 0;}
.eventPage.ad_landing .section1 .btn_wp {width: 92.5%; position: absolute; left: 3.75%; bottom: 9.242%; overflow: hidden;}
.eventPage.ad_landing .section1 .btn_wp a {display: block; width: 48.98%; float: left; margin-left: 2.027%;}
.eventPage.ad_landing .section1 .btn_wp a:first-child {margin-left: 0;}
.eventPage.ad_landing .fix_btn_wp {position: fixed; left: 50%; transform:translateX(-50%); bottom: -9999px; width: 100%; background: #fff; border-top: 1px solid #ebebeb; z-index: 11; transition:all .5s;}
.eventPage.ad_landing .fix_btn_wp.on {bottom: -1px;}
.eventPage.ad_landing .fix_btn_wp ul {padding: 3.75%; overflow: hidden;}
.eventPage.ad_landing .fix_btn_wp ul li {float: left; width: 48.98%;  margin-left: 2.027%;}
.eventPage.ad_landing .fix_btn_wp ul li:first-child {margin-left: 0;}
.eventPage.ad_landing .fix_btn_wp ul li a {display: block;}
.eventPage.ad_landing .btn-top {bottom: 15%;}
.eventPage.ad_landing .section3 .btn_set_lst {position: absolute; width: 15%; position: absolute; right: 18.75%; top: 52.744%; text-indent: -9999px; font-size: 13px;}
.eventPage.ad_landing .section3 .btn_det_view {position: absolute; width: 19%; position: absolute; right: 16.5625%; bottom: 1.5%; text-indent: -9999px; font-size: 13px;}
.eventPage.ad_landing .section3 .layer_popup {width: 84.6875%; background: #fff; border: 1px solid #cccccc; border-radius:10px; position: absolute; top: 31.25%; left: 7.5%; z-index: 1; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
.eventPage.ad_landing .section3 .layer_popup .layer-inner {padding: 0 5.893%; text-align: left;`}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .top {position: relative; height: 48px; border-bottom: 1px solid #ccc; line-height: 48px; font-weight: bold; font-size: 18px; color: #000;}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .top .btn-cls {display: block; position: absolute; right: 0; top: 15px; width: 4.97%; height: 56.25%;}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .top .btn-cls img {vertical-align: top;}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .list {padding: 10px 0;}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .list ul li {padding-left: 15px; position: relative; line-height: 25px; font-size: 14px; color: #333333;}
.eventPage.ad_landing .section3 .layer_popup .layer-inner .list ul li:before {display: block; content: '-'; position: absolute; left: 0;}
.eventPage.ad_landing .section5 .btn_mymarket {position: absolute; width: 26.25%; position: absolute; right: 13.125%; top: 34.58%; text-indent: -9999px; font-size: 13px;}
.eventPage.ad_landing .section7 .countBar_cont_wp {position: absolute; top: 23.907%; width: 100%;}
.eventPage.ad_landing .section7 .countBar_cont_wp .countBar_cont {margin-bottom: 30px; text-align: center;}
.eventPage.ad_landing .section7 .countBar_cont_wp .countBar_cont .countNumber_wp .counterNum {font-weight: bold; font-size: 32px; color: #6f6cff;}
.eventPage.ad_landing .section7 .countBar_cont_wp .countBar_cont .countNumber_wp .backTxt {font-weight: bold; font-size: 15px; color: #000;}
.eventPage.ad_landing .section7 .countBar_cont_wp .countBar_cont  .countTitle {margin-top: 5px; font-weight: bold; font-size: 15px; color: #000;}
.eventPage.ad_landing .section7 .countBar_cont_wp .countBar_cont .countSentence {margin-top: 5px; line-height: 18px; font-size: 14px; color: #666666;}
.eventPage.ad_landing .section8 .shop-lst-wp {position: absolute; top: 16.18%; left: 3.906%;}
.eventPage.ad_landing .section8 .shop-lst-wp ul {overflow: hidden;}
.eventPage.ad_landing .section8 .shop-lst-wp ul li {width: 45.9875%; float: left; margin: 0 3.125% 3.125% 0; position: relative;}
.eventPage.ad_landing .section8 .shop-lst-wp ul li:nth-child(2n) {margin-right: 0;}
.eventPage.ad_landing .section8 .shop-lst-wp ul li a {display: block;}
.eventPage.ad_landing .section10 .btn_cons_req {display: block; width: 62.5%; position: absolute; left:  18.75%; top: 41.628%;}

/* 23.01.05 이상아 추가 */
.interviewCaseWrap.sensivoll .interviewCaseTop {padding:0; height:215px; display:flex; justify-content:center; align-items:center; flex-direction:column;
background:url('../images/exshop/bg_interview_m_sensivoll01.jpg') no-repeat center / cover;}
.interviewCaseWrap.sensivoll .interviewCaseTop span {margin-top:10px;}
.interviewCaseWrap.sensivoll .logoImg {width:91px;}
.interviewCaseWrap.sensivoll .interviewImgWrap.bg01 {height:100vw; padding:0; background:url('../images/exshop/bg_sensivoll_case1_m_img2.jpg') no-repeat center / cover;}
.interviewCaseWrap.sensivoll .interviewImgTxt.ImgTxt02 {margin-top:62px;}
.interviewCaseWrap.sensivoll .interviewImgTxt.ImgTxt03 {background:#f2dfce; padding-top:62px; padding-bottom:40px;}
.interviewCaseWrap.sensivoll .caseWrap.type02 .logoImg {width:91px;}
.interviewCaseWrap.fish .interviewCaseTop {padding:0; height:215px; display:flex; justify-content:center; align-items:center; flex-direction:column;
background:url('../images/exshop/bg_interview_m_fish01.jpg') no-repeat center / cover;}
.interviewCaseWrap.fish .interviewCaseTop span {margin-top:10px;}
.interviewCaseWrap.fish .interviewCaseTop em {display:block; font-size:14px; letter-spacing:0;}
.interviewCaseWrap.fish .interviewCaseTit {padding-right:15px; padding-left:15px;}
.interviewCaseWrap.fish .interviewCaseTit p {line-height:30px;}
.interviewCaseWrap.fish .interviewCaseTit p strong {font-weight:700;}
.interviewCaseWrap.fish .logoImg {width:201px;}
.interviewCaseWrap.fish .interviewImgTxt.ImgTxt02 {background:#f2dfce; padding-top:62px; padding-bottom:40px;}
.interviewCaseWrap.fish .interviewImgTxt.ImgTxt03 {margin-top:62px;}

/* 23.01.16 이상아 추가 */
.contents .cnt-wrap.login .txtWrong {margin-top:8px; color:#ff0000; font-size:14px; font-weight:400; text-align:left; padding-bottom:4px;}
.contents .cnt-wrap.login .form-area .login-check label:nth-child(3) {vertical-align:initial;}
.contents .cnt-wrap.login .btnSns {text-align:center;}
.contents .cnt-wrap.login .btnSns p {display:inline-block; color:#000; font-size:14px; text-align:center;}
.contents .cnt-wrap.login .btnSns p + p {margin-left:22px;}
.contents .cnt-wrap.login .btnSns p a {display:block; padding-top:57px;}
.contents .cnt-wrap.login .btnSns .kakao a {background:url('../images/common/bg_btn_sns01.png') no-repeat center top / 48px 48px;}
.contents .cnt-wrap.login .btnSns .naver a {background:url('../images/common/bg_btn_sns02.png') no-repeat center top / 48px 48px;}
.contents .cnt-wrap.login .btnSns .fb a {background:url('../images/common/bg_btn_sns03.png') no-repeat center top / 48px 48px;}
.contents .cnt-wrap .form-area .inputEyes_no {position:absolute; right:0; top:0; width:37px; height:37px; cursor:pointer; background:url('../images/common/bg_eyes_hide.png') no-repeat center center / 16px 13px;} /* 23.01.20 이상아 수정 */
.contents .cnt-wrap .form-area .inputEyes_yes {position:absolute; right:0; top:0; width:37px; height:37px; cursor:pointer; background:url('../images/common/bg_eyes_show.png') no-repeat center center / 16px 13px;} /* 23.01.20 이상아 수정 */
.contents .cnt-wrap.login .form-area .btn-blue.disabled {background:#ccc; pointer-events:none} /* 23.01.20 이상아 추가 */
.contents .cnt-wrap .form-area p {position:relative;} /* 23.01.20 이상아 추가 */

/* 23.04.03 이현진 추가 */
.tab.tab-over.celeb {width:560px;}
.cnt-wrap .tab-con03.celeb .cont-wrap .cont-box01 .img-box {margin-bottom:0;}
.cnt-wrap .tab-con03.celeb .cont-wrap .cont-box02 {margin-top:0;}
.celeb .cont-qa dl {margin-bottom:28px;}
.celeb .img-box.type02 {padding:0 17px;}
.cnt-wrap .tab-con03.celeb .cont-wrap .cont-box02 .border-box {padding-bottom:40px;}
.cnt-wrap .tab-con03.celeb .cont-wrap .cont-box04 {padding-bottom:0;}
.celebTip {padding:0 15px 38px;}
.tipTit {text-align:center;}
.tipTit span {display:inline-block; font-size:13px; color:#fff; line-height:30px; font-weight:500; background:#000; border-radius:25px; padding:0 16px;}
.tipTit em {display:block; font-size:28px; color:#000; line-height:1; font-weight:800; margin:11px 0 8px;}
.tipTit p {font-size:12px; color:#666; line-height:20px; font-weight:300;}
.tipList01 {position:relative; margin:30px 0 25px;}
.tipList01:before {content:''; position:absolute; top:50%; left:15px; transform:translateY(-50%); width:auto; height:90%; border-left:2px dashed #e0e0e0;}
.tipList01 li {position:relative; padding-left:48px;}
.tipList01 li + li {margin-top:10px;}
.tipList01 li em {position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:33px; height:33px; text-align:center; font-size:14px; color:#fff; line-height:33px; font-weight:800; background:#aaa; border-radius:50%;}
.tipList01 li span {display:block; border:1px solid #e0e0e0; padding-left:88px; background:url('../images/common/bg_cOrder_ico1.png') no-repeat left 29px center / 30px 30px;
font-size:14px; color:#000; line-height:58px; font-weight:500;}
.tipList01 li:nth-child(2) span {background:url('../images/common/bg_cOrder_ico2.png') no-repeat left 24px center / 40px 26px;}
.tipList01 li:nth-child(3) span {background:url('../images/common/bg_cOrder_ico3.png') no-repeat left 29px center / 29px 30px;}
.tipList01 li:nth-child(4) span {background:url('../images/common/bg_cOrder_ico4.png') no-repeat left 30px center / 28px 28px;}
.tipList02 {display:flex; justify-content:space-between;}
.tipList02 li {width:calc(50% - 5px); text-align:center; font-size:11px; color:#666; line-height:17px; font-weight:300; padding:99px 0 20px; 
background:#f0faff url('../images/common/bg_cOrder_img2.png') no-repeat top 25px center / 56px 53px;}
.tipList02 li:nth-child(2) {background:#f0faff url('../images/common/bg_cOrder_img3.png') no-repeat top 24px center / 61px 56px;}
.tipList03 {text-align:center;}
.tipList03 li {padding:37px 0 21px; background:#f1f1f1;}
.tipList03 li:last-child {padding-bottom:29px;}
.tipList03 li + li {margin-top:10px;}
.tipList03 li  dt {font-size:22px; color:#000; line-height:28px; font-weight:800;}
.tipList03 li  dd {font-size:10px; color:#666; line-height:15px; font-weight:300; margin-top:9px;}
.tipList03 li img {width:260px; margin-top:30px;}
.tipList03 li:nth-child(2) img, .tipList03 li:nth-child(4) img, .tipList03 li:nth-child(5) img {width:255px;}
.tipList03 li:nth-child(3) img {width:259px;}
.cnt-wrap .tab-con03.celeb .cont-wrap .cont-box04 .btn-box .rt-box {text-align:center;}

/* 23.04.06 이현진 추가 */
.tab.tab-over.celeb {width:600px;}
.tab.tab-over {width:530px;}
.tab-cnt.categoryCon .gray-box.cont-01 {background:#f1f1f1 url('../images/common/bg_category_con1_m.png') no-repeat center bottom / 202px 203px;}
.tab-cnt.categoryCon .gray-box.cont-02 {background:#f1f1f1 url('../images/common/bg_category_con2_m.png') no-repeat center bottom / 202px 203px;}
.tab-cnt.categoryCon .gray-box.cont-03 {background:#f1f1f1 url('../images/common/bg_category_con3_m.png') no-repeat center bottom / 202px 204px;}
.tab-cnt.categoryCon .gray-box.cont-04 {background:#f1f1f1 url('../images/common/bg_category_con4_m.png') no-repeat center bottom / 210px 131px;}
.box4Link {text-align:center; margin-top:12px;}
.box4Link li {font-size:0;}
.box4Link li + li {margin-top:6px;}
.box4Link a {position:relative; display:inline-block; font-size:12px; color:#00AFFE; line-height:17px; font-weight:700; padding-right:7px;}
.box4Link a:after {content:''; position:absolute; top:5px; right:0; width:5px; height:5px; border-top:2px solid #00AFFE; border-right:2px solid #00AFFE; transform:rotate(45deg);}

/* 2차 인증 모달창 Mobile START */
.authenticator-window { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.75); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; pointer-events: none; transition: all 0.3s; }
.authenticator-window.active { display: block; visibility: visible; opacity: 1; pointer-events: auto; z-index: 99999; }
.authenticator-window > div { z-index: 9999999; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2em; background: white; }
.authenticator-window header { font-weight: bold; }
.authenticator-window h1 { font-size: 120%; text-align: center; }
.modal-close { color: #aaa; line-height: 50px; font-size: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 70px; text-decoration: none; }
.modal-close:hover { color: black; }
.authenticator-window > div { border-radius: 1rem; }
.authenticator-window .contents-box { display: flex; justify-content: center; flex-direction: column; text-align: center; font-size: 13px; }
.authenticator-window .title-desc { display: flex; justify-content: center; font-size: 13px; flex-wrap: wrap; }
.authenticator-window .qr-btn { background: #00affe; color: white; margin-top: 15px; border-radius: 5px; padding: 0.5rem 1.5rem; border: 0; }
.authenticator-window .authenticators { display: flex; justify-content: center; }
.authenticator-window .authenticator { position: relative; border-radius: 8px; overflow: hidden; width: 80px; text-align: center; margin: auto; }
.authenticator-window .authenticators ul { display: grid; grid-template-columns: repeat(3, 1fr); min-height: 150px; gap: 1rem; }
.authenticator-window .authenticator-img-box { min-height: 80px; display: flex; justify-content: center; align-items: center; }
.authenticator-window .authenticator-img { width: 100%; }
.authenticator-window .authenticator_metadata { color: #bec1ca; font-size: 12px; }
.js-scan-area { display: none; }
.js-scan-area.active { display: block; }
.js-opt-area { display: none; }
.js-opt-area.active { display: block; }
.js-opt-area .qr-code-box { display: flex; justify-content: center; }
.js-opt-area .otp-box { display: flex; justify-content: center; }
.js-opt-area .check-box { width: 18px; height: 24px; background: url(../images/common/ico_chk.png) 0 0 no-repeat; margin: 0 7px; }
#authenticator .tc-red { color: #ff0100; }
#authenticator .tc-gray { color: #9a9c9f; }
.js-operator-opt-install-complete-area { display: none; }
.js-operator-opt-install-complete-area.active { display: block; }
.js-operator-opt-install-complete-area .notice-box { display: grid; justify-content: center; justify-items: center; background-color: #e2e1e1; padding: 18px; border-radius: 20px; }
.js-se-operator-opt-install-complete-area { display: none; }
.js-se-operator-opt-install-complete-area.active { display: block; }
.js-se-operator-opt-install-complete-area .notice-box { display: grid; justify-content: center; justify-items: center; background-color: #e2e1e1; padding: 18px; border-radius: 20px; }
.js-opt-input-area { display: none; }
.js-opt-input-area.active { display: block; }
.js-opt-input-area .qr-code-box { display: flex; justify-content: center; }
/* 2차 인증 모달창 Mobile END */

/* 개인정보 처리방침 S */
.pp--container { max-width: 1000px; margin: 0 auto; padding: 32px; background-color: #fff; }
.pp--container h1 { margin-top: 0; font-size: 28.8px; padding-bottom: 8px; border-bottom: 2px solid #555; }
.pp--container h2 { margin-top: 48px; font-size: 22.4px; color: #333; border-left: 4px solid #555; padding-left: 8px; margin-bottom: 16px; }
.pp--container h3 { margin-top: 32px; font-size: 19.2px; margin-bottom: 16px; color: #666; }
.pp--container p { margin: 16px 0; line-height: 1.8; }
.pp--container table { width: 100%; border-collapse: collapse; margin-bottom: 32px; font-size: 15.2px; }
.pp--container thead { background-color: #f2f2f2; }
.pp--container th { border: 1px solid #ddd; padding: 12.8px; text-align: left; vertical-align: top; white-space: nowrap; }
.pp--container td { border: 1px solid #ddd; padding: 12.8px; text-align: left; vertical-align: top; }
.pp--container .sub-title { font-weight: bold; margin-top: 32px; margin-bottom: 16px; }
.pp--container hr { border: none; border-top: 1px solid #eee; margin: 32px 0; }
.pp--container .reference-list ul { list-style: disc; margin-left: 16px; }
.pp--container .footer-note { margin-top: 32px; font-size: 14.4px; color: #999; text-align: right; }
.pp--container .list ul { width: 50%; }

@media (max-width: 768px) {
  .pp--container { padding: 16px; }
  .pp--container h1 { font-size: 24px; } 
  .pp--container h2 { font-size: 19.2px; margin-top: 32px; }
  .pp--container h3 { font-size: 16px; margin-top: 24px; margin-bottom: 12.8px; }
  .pp--container p { font-size: 15.2px; }
  .pp--container table { display: block; overflow-x: auto; font-size: 14.4px; }
  .pp--container th { white-space: nowrap; }
  .pp--container td { white-space: nowrap; }
}
/* 개인정보 처리방침 E */


/* modoo 띠 베너 S */
/*
#global_banner { width: 100%; height: 36px; overflow: hidden; background: #FFE84C; display: flex; align-items: center; }
.global-text-container { display: flex; width: max-content; animation: marquee 20s linear infinite; }
.global-text-banner { display: flex; align-items: center; white-space: nowrap; margin-right: 2rem; }
.inline-icon { width: 23px; height: 23px; vertical-align: middle; margin-left: 10px; }
#openEventLayer { top: 60%; left: 40%; width: 335px; }
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
*/
#global_banner { display:none; }
/* modoo 띠 베너 E */