@charset "utf-8";

/* Noto Sans KR */
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url(/resource/font/NotoSansKR-Light.woff2) format('woff2'),
	url(/resource/font/NotoSansKR-Light.woff) format('woff'),
	url(/resource/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url(/resource/font/NotoSansKR-Regular.woff2) format('woff2'),
	url(/resource/font/NotoSansKR-Regular.woff) format('woff'),
	url(/resource/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url(/resource/font/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resource/font/NotoSansKR-Medium.woff) format('woff'),
	url(/resource/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url(/resource/font/NotoSansKR-Bold.woff2) format('woff2'),
	url(/resource/font/NotoSansKR-Bold.woff) format('woff'),
	url(/resource/font/NotoSansKR-Bold.otf) format('opentype');
}

/* Noto Sans */
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:300;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
	src:url(/resource/font/NotoSans-Light.woff) format('woff'),
	url(/resource/font/NotoSans-Light.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
	font-weight:400;
	src:url(/resource/font/NotoSans-Regular.woff) format('woff'),
	url(/resource/font/NotoSans-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
	font-weight:500;
	src:url(/resource/font/NotoSans-Medium.woff) format('woff'),
	url(/resource/font/NotoSans-Medium.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
	font-weight:700;
	src:url(/resource/font/NotoSans-Bold.woff) format('woff'),
	url(/resource/font/NotoSans-Bold.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
	font-weight:900;
	src:url(/resource/font/NotoSans-Black.woff) format('woff'),
	url(/resource/font/NotoSans-Black.ttf) format('truetype');
}

html, body{height:100%;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
body, button, input, select, textarea{color:#0f1010;font-size:1em;font-weight:400;font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;line-height:1.5;letter-spacing:-0.5px;}
a{color:#0f1010;outline:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
em, address{font-style:normal;}
img{max-width:100%;vertical-align:middle;}
.blind{position:absolute;overflow:hidden;width:0;height:0;font-size:0;line-height:0;visibility:hidden;color:transparent;}

/* 공통 */
#wrapper{position:relative;}
#content{position:relative;}
.go-top-layer{z-index:22;display:none;position:fixed;right:15px;bottom:85px;width:46px;height:46px;background:url(/resource/mobile/images/btn/btn_top.png) no-repeat 0 0;background-size:46px auto;text-indent:-9999px;}
.go-top-layer.empty{bottom:25px;}
.go-top{z-index:2;display:none;position:fixed;right:15px;bottom:85px;width:46px;height:46px;background:url(/resource/mobile/images/btn/btn_top.png) no-repeat 0 0;background-size:46px auto;text-indent:-9999px;}
select{width:100%;padding-left:15px;box-sizing:border-box;outline:none;background:url(/resource/mobile/images/btn/select_bottom.png) no-repeat right 16px center / 14px auto;}
select::-ms-expand{display:none;}
label input[type=radio],
label input[type=checkbox]{display:none;}
label span{display:inline-block;position:relative;display:block;line-height:21px;padding-left:27px;}
label span:before{content:"";position:absolute;top:0;left:0;height:21px;background-repeat:no-repeat;background-position:0 50%;background-size:21px auto;}
label input[type=radio] + span:before{width:21px;background-image:url(/resource/mobile/images/common/bul_radio.png);}
label input[type=checkbox] + span:before{width:21px;background-image:url(/resource/mobile/images/common/bul_checkbox.png);}
label input[type=radio]:checked + span:before{background-image:url(/resource/mobile/images/common/bul_radio_on.png);}
label input[type=checkbox]:checked + span:before{background-image:url(/resource/mobile/images/common/bul_checkbox_on.png);}
textarea{width:100%;height:155px;box-sizing:border-box;outline:none;border:0;font-size:14px;}
textarea::placeholder{color:#91949b;}

/* 레이어 */
.overlay{z-index:11;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.65);}
.layer-wrap{z-index:20;display:none;position:fixed;right:0;bottom:0;left:0;background:#fff;border-radius:20px 20px 0 0;}
.layer-wrap .btn-close{position:absolute;top:0;right:15px;width:16px;height:54px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 0 50%;background-size:16px auto;text-indent:-9999px;}
.layer-wrap h2{height:54px;line-height:56px;border-bottom:1px solid #ecedf0;font-size:18px;font-weight:500;text-align:center;}
.layer-wrap .share-box{padding:25px 20px;}
.layer-wrap .share-box ul{overflow:hidden;}
.layer-wrap .share-box li{float:left;width:25%;box-sizing:border-box;}
.layer-wrap .share-box li a{display:block;padding-top:65px;color:#666c77;font-size:13px;font-weight:500;text-align:center;}
.layer-wrap .share-box li.kakaotalk a{background:url(/resource/mobile/images/common/ico_share_kakaotalk.png) no-repeat 50% 0;background-size:56px auto;}
.layer-wrap .share-box li.facebook a{background:url(/resource/mobile/images/common/ico_share_facebook.png) no-repeat 50% 0;background-size:56px auto;}
.layer-wrap .share-box li.pinterest a{background:url(/resource/mobile/images/common/ico_share_pinterest.png) no-repeat 50% 0;background-size:56px auto;}
.layer-wrap .share-box li.url_copy a{background:url(/resource/mobile/images/common/ico_share_url.png) no-repeat 50% 0;background-size:56px auto;}
#yearLayer h2,
#monthLayer h2{border-bottom:0;}
.layer-wrap .date-box{padding:2px 15px 0;}
.layer-wrap .date-box ul{overflow:hidden;}
.layer-wrap .date-box li{float:left;width:25%;margin-bottom:10px;}
.layer-wrap .date-box li:not(.none) a,
.layer-wrap .date-box li.none{display:block;height:45px;line-height:43px;border:1px solid #f4f4f4;border-left:0;background:#fcfcfc;box-sizing:border-box;color:#c6c7c9;font-size:14px;text-align:center;}
.layer-wrap .date-box li.none a{color:#c6c7c9;}
.layer-wrap .date-box li.none:nth-child(4n+1),
.layer-wrap .date-box li:nth-child(4n+1) a{border-left:1px solid #f4f4f4;}
.layer-wrap .date-box li a span{visibility:hidden;font-size:0;}
.layer-wrap .date-box li.act a{border:1px solid #dadada;border-left:0;background:#f4f4f6;color:#666c77;}
.layer-wrap .date-box li.act:nth-child(4n+1) a{border-left:1px solid #dadada;}
.layer-wrap .date-box li.act.now a{margin-left:-1px;border:1px solid #3e71e4;background:#fff;color:#3e71e4;}
.layer-wrap .date-box li.act.now:nth-child(4n+1) a{margin-left:0;}
.layer-wrap .date-box li.act.now a span{visibility:visible;font-size:14px;}
.layer-wrap .btn-box{margin-top:15px;}
.layer-wrap .btn-confirm{display:block;height:60px;line-height:60px;background:#3e71e4;color:#fff;font-size:17px;font-weight:700;text-align:center;}
.layer-wrap .notify{height:36px;line-height:36px;background:#f1f5fb;color:#3e71e4;font-size:12px;font-weight:400;text-align:center;}
.layer-wrap .notify span{display:inline-block;padding-top:1px;padding-left:20px;background:url(/resource/mobile/images/common/bul_emark_blue.png) no-repeat 0 50% / 13px auto;}
.layer-wrap .order-box{padding:0 15px;}
.layer-wrap .order-box ul{max-height:439px;overflow-y:scroll;}
.layer-wrap .order-box li{height:54px;border-bottom:1px solid #ecedf0;}
.layer-wrap .order-box li:last-child{border-bottom:0;}
.layer-wrap .order-box li span{padding-top:1px;height:54px;line-height:54px;box-sizing:border-box;color:#35373a;font-size:15px;}
.layer-wrap .order-box li span:before{left:100%;margin-left:-21px;height:54px;}
.layer-wrap .order-box li label.recmd span{background:url(/resource/mobile/images/common/bul_order_recommend.png) no-repeat 0 50% / 15px auto;}
.layer-wrap .order-box li label.download span{background:url(/resource/mobile/images/common/bul_order_download.png) no-repeat 0 50% / 15px auto;}
.layer-wrap .order-box li label.firstin span{background:url(/resource/mobile/images/common/bul_order_firstin.png) no-repeat 0 50% / 15px auto;}
.layer-wrap .order-box li label.personal span{background:url(/resource/mobile/images/common/bul_order_personal.png) no-repeat 0 50% / 15px auto;}
.layer-wrap .order-box li label.company span{background:url(/resource/mobile/images/common/bul_order_company.png) no-repeat 0 50% / 16px auto;}
#dirLayer .order-box li label span{background:url(/resource/mobile/images/common/bul_order_dir.png) no-repeat 3px 50% / 16px auto;}
#moveLayer .order-box li label span{background:url(/resource/mobile/images/common/bul_order_dir.png) no-repeat 3px 50% / 16px auto;}
#numLayer .order-box li:last-child{height:46px;}
#optLayer label span{padding-left:0;}

/* 필터 레이어 */
.filter-layer{z-index:20;position:fixed;top:0;right:-100%;bottom:0;left:100%;padding-top:57px;background:#ecedf0;}
.filter-hd{z-index:1;position:fixed;top:0;right:-100%;left:100%;height:57px;line-height:59px;padding:0 20px;background:#fff;border-bottom:1px solid #d1d2d4;box-sizing:border-box;}
.filter-hd h2{color:#000;font-size:18px;font-weight:500;text-align:center;}
.filter-hd .btn-close{position:absolute;top:0;right:15px;width:16px;height:57px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 0 50%;background-size:16px auto;text-indent:-9999px;}
.filter-cont{position:fixed;top:57px;right:-100%;bottom:60px;left:100%;overflow-y:scroll;padding:0 15px;margin-top:-8px;border-top:8px solid #ecedf0;background:#fff;box-sizing:border-box;}
.filter-cont .list{padding:26px 0 22px;border-top:1px solid #ecedf0;}
.filter-cont .list:first-child{border-top:0;}
.filter-cont .list h3{color:#0f1010;font-size:16px;font-weight:500;}
.filter-cont .list ul{overflow:hidden;margin-top:2px;}
.filter-cont .list li{float:left;width:33.33%;height:40px;}
.filter-cont .list li span{line-height:40px;color:#35373a;font-size:14px;}
.filter-cont .list li span:before{height:40px;}
.filter-box{display:flex;display:none;z-index:1;position:fixed;top:57px;right:-100%;left:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:15px 0;border-bottom:1px solid #ecedf0;background:#fff;}
.filter-box .selected{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;/* IE and Edge */scrollbar-width:none;/* Firefox */}
.filter-box .selected::-webkit-scrollbar{display:none;/* Chrome, Safari, Opera */}
.filter-box .selected a{display:block;height:30px;line-height:29px;margin-right:10px;padding:0 28px 0 14px;border:1px solid #3e71e4;border-radius:15px;box-sizing:border-box;color:#3e71e4;font-size:14px;font-weight:500;white-space:nowrap;background:url(/resource/mobile/images/btn/btn_delete.png) no-repeat right 12px center / 10px auto;}
.filter-box .selected a:first-child{margin-left:15px;}
.filter-box .selected a:last-child{margin-right:15px;}
.filter-btns{z-index:1;overflow:hidden;position:fixed;right:-100%;bottom:0;left:100%;height:60px;}
.filter-btns a{float:left;height:60px;line-height:60px;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.filter-btns .btn-reset{width:42.5%;background:#666c77;}
.filter-btns .btn-apply{width:57.5%;background:#3e71e4;}

/* 콘텐츠 사용 유의사항 레이어 */
.popup-layer{z-index:20;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;}
.popup-hd{z-index:1;position:fixed;top:0;right:0;left:0;height:50px;line-height:52px;background:#fff;border-bottom:1px solid #d1d2d4;box-sizing:border-box;}
.popup-hd h1,
.popup-hd h2{color:#000;font-size:17px;font-weight:500;text-align:center;}
.popup-hd .window-close,
.popup-hd .btn-close{position:absolute;top:0;right:15px;width:16px;height:50px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 0 50%;background-size:16px auto;text-indent:-9999px;}
.use-note{position:fixed;top:50px;bottom:0;padding:0 15px 30px;overflow-y:scroll;box-sizing:border-box;}
.use-note h3{margin-top:25px;padding-top:25px;border-top:1px solid #ecedf0;font-size:15px;font-weight:500;}
.use-note h3.first{margin-top:30px;padding-top:0;border-top:0;}
.use-note li{margin-top:12px;padding-left:10px;background:url(/resource/mobile/images/common/bul_circle_black.png) no-repeat 0 6px / 4px auto;color:#35373a;font-size:12px;}
.use-note li.on{background:url(/resource/mobile/images/common/bul_circle_red.png) no-repeat 0 7px / 4px auto;}
.use-note li em{color:#ff5959;}
.use-note li .box{margin-top:8px;margin-bottom:16px;margin-left:-10px;padding:15px;background:#ecedf0;}
.use-note li .box h4{color:#ff5959;font-size:12px;font-weight:500;}
.use-note li .box li{margin-top:10px;padding-left:10px;text-indent:-10px;background:0;color:#666c77;font-size:11px;}

/* 개인정보처리 위탁 */
#consignLayer .use-note li{margin-top:15px;}
#consignLayer .use-note li:first-child{margin-top:30px;}
.tbl{margin-top:10px;margin-left:-12px;}
.tbl th,
.tbl td{padding:10px 5px;color:#666c77;font-size:11px;text-align:center;text-indent:0;}
.tbl th{font-weight:500;background:#ecedf0;border:1px solid #fff;}
.tbl td{font-weight:400;border:1px solid #ecedf0;}
.tbl td:first-child{border-left:0;}
.tbl td:last-child{border-right:0;}
.notify-wrap{margin-top:30px;color:#35373a;font-size:12px;font-weight:400;}
.notify-wrap > strong{display:none;}
.notify-wrap > br{display:none;}
.notify-wrap table{margin-top:10px;margin-bottom:15px;}
.notify-wrap table td{padding:10px 0;background:#fff;color:#666c77;font-size:11px;text-align:center;}
.notify-wrap table tr:first-child td{font-weight:500;background:#ecedf0;border:1px solid #fff;}
.notify-wrap table td{font-weight:400;border:1px solid #ecedf0;}
.notify-wrap table tr td:first-child{border-left:0;}
.notify-wrap table tr td:last-child{border-right:0;}

/* 프로모션 전체보기 레이어 */
.prom-hd{z-index:1;position:fixed;top:0;right:0;left:0;height:42px;line-height:44px;padding:0 20px;background:#fff;box-shadow:0px 2px 10px #666;box-sizing:border-box;}
.prom-hd h2{color:#010101;font-size:16px;font-weight:500;text-align:center;}
.prom-hd .btn-close{position:absolute;top:0;right:20px;width:14px;height:42px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 0 50%;background-size:14px auto;text-indent:-9999px;}
.prom-list{position:fixed;top:42px;bottom:0;overflow-y:scroll;}
.prom-list li{position:relative;border-bottom:1px solid #c6c7c9;}
.prom-list li .tmb{position:relative;display:block;}
.prom-list li .tmb:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}
.prom-list li p,
.prom-list li a{position:absolute;right:0;bottom:0;width:82px;height:32px;line-height:32px;background-color:rgba(0,0,0,0.65);text-align:center;}
.prom-list li p span,
.prom-list li a span{display:inline-block;padding-right:18px;background:url(/resource/mobile/images/btn/btn_more_o.png) no-repeat 100% 55%;background-size:15px auto;color:#fff;font-size:13px;font-weight:500;}

/* 검색 레이어 */
.search-layer{display:none;z-index:20;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll;background:#ecedf0;}
.search-layer .search-frm{z-index:1;position:fixed;top:0;right:0;left:0;padding:10px 15px 10px 55px;background:#fff;box-sizing:border-box;}
.search-layer .search-frm .btn-prev{position:absolute;top:0;left:15px;width:24px;height:58px;background:url(/resource/mobile/images/btn/btn_prev.png) no-repeat 0 45%;background-size:24px auto;text-indent:-9999px;}
.search-layer .search-frm input{z-index:2;position:relative;display:block;width:100%;height:38px;line-height:36px;padding:0 78px 0 20px;border:1px solid #fff;background:#ecedf0;box-sizing:border-box;border-radius:19px;font-size:14px;}
.search-layer .search-frm input:focus{outline:none;}
.search-layer .search-frm input::placeholder{color:#91949b;}
.search-layer .search-frm .btn-search{z-index:2;position:absolute;top:10px;right:30px;width:21px;height:38px;background:url(/resource/mobile/images/btn/btn_search.png) no-repeat 0 50%;background-size:21px auto;text-indent:-9999px;}
.search-layer .search-frm .clear{z-index:2;opacity:0;position:absolute;top:10px;right:61px;width:22px;height:38px;background:url(/resource/mobile/images/btn/btn_clear.png) no-repeat 0 50% / 22px auto;text-indent:-9999px; z-index:5;}
.search-container{position:fixed;top:58px;right:0;bottom:62px;left:0;background:#ecedf0;}
.search-container .swiper-container{height:100%;padding:42px 15px 0;}
.search-container .swiper-slide{background:#fff;border-radius:24px;}
.search-container .swiper-pagination{top:10px;bottom:100% !important;}
.search-container .swiper-pagination-bullet{width:9px;height:9px;margin:0 2px !important;background:#c6c7c9;box-sizing:border-box;opacity:1;}
.search-container .swiper-pagination-bullet-active{width:19px;background:#35373a;border-radius:19px;}
.search-container .swiper-slide > div{position:relative;height:100%;}
.search-container .swiper-slide > div h3{height:53px;line-height:53px;border-bottom:1px solid #ecedf0;font-size:14px;font-weight:700;text-align:center;}
.search-container .swiper-slide .btns{position:absolute;right:0;bottom:0;left:0;height:56px;line-height:56px;padding:0 20px;border-top:1px solid #ecedf0;}
.search-container .swiper-slide .btns a{color:#91949b;font-size:14px;}
.search-container .swiper-slide .btns .btn-delete{position:absolute;top:0;left:20px;padding-left:20px;background:url(/resource/mobile/images/common/bul_delete.png) no-repeat 0 50% / 15px auto;}
.search-container .swiper-slide .btns .btn-close{position:absolute;top:0;right:20px;}
.search-container .search-keyword ul{position:absolute;top:54px;right:0;bottom:57px;left:0;overflow-y:scroll;padding:12px 20px;}
.search-container .search-keyword li{position:relative;height:36px;line-height:36px;padding-right:20px;}
.search-container .search-keyword li span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search-container .search-keyword li a:not(.del){display:block;font-size:14px;}
.search-container .search-keyword li a.del{position:absolute;top:0;right:0;width:12px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 0 50% / 12px auto;text-indent:-9999px;}
.search-container .search-keyword .list-none{display:none;position:absolute;top:54px;right:0;bottom:57px;left:0;overflow-y:scroll;}
.search-container .search-keyword .list-none dl{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);}
.search-container .search-keyword .list-none dt,
.board-list .list-none dt,
.lightbox-view .list-none dt{padding-top:115px;background:url(/resource/mobile/images/common/bul_emark.png) no-repeat 50% 0 / 96px auto;color:#35373a;font-size:14px;}
.search-container .search-keyword .list-none dd{margin-top:7px;color:#91949b;font-size:12px;}
.search-container .search-guide ul{position:absolute;top:54px;right:0;bottom:57px;left:0;overflow-y:scroll;padding:7px 20px 12px;}
.search-container .search-guide li{overflow:hidden;margin-top:15px;}
.search-container .search-guide span{float:left;width:56px;height:25px;line-height:25px;margin-right:6px;background:#6a98ff;border-radius:13px;color:#fff;font-size:14px;font-weight:700;text-align:center;}
.search-container .search-guide dl{float:left;}
.search-container .search-guide dt{color:#35373a;font-size:14px;line-height:25px;}
.search-container .search-guide dd{color:#91949b;font-size:12px;}
.auto-context{display:none;position:fixed;top:58px;right:0;bottom:0;left:0;overflow-y:scroll;background:#fff;}
.auto-context li{height:46px;line-height:46px;padding:0 15px;border-bottom:1px solid #ecedf0;}
.auto-context li a{display:block;background:url(/resource/mobile/images/common/bul_arr_lefttop.png) no-repeat 100% 50% / 12px auto;color:#35373a;font-size:14px;}
.auto-context li a span{color:#3e71e4;}

/* 코치마크 */
.coachmark-wrap{z-index:20;display:none;position:fixed;top:0;right:0;bottom:0;left:0;}
.coachmark-wrap .guide{padding-top:310px;background:url(/resource/mobile/images/common/bg_coachmark_swipe.png) no-repeat 50% 212px / 266px auto;}
.coachmark-wrap .guide p{color:#fff;font-size:17px;text-align:center;}

/* 알람 레이어(성인 인증, 라이트박스 폴더 추가, 라이트박스 폴더명 변경) */
.alarm-wrap{z-index:20;display:none;position:fixed;top:50%;right:0;left:0;width:294px;margin:0 auto;background:#fff;border-radius:6px;transform:translateY(-50%);}
.alarm-wrap .auth{padding:20px 20px 30px;}
.alarm-wrap .auth .txt{color:#35373a;font-size:15px;font-weight:500;line-height:1.25;}
.alarm-wrap .auth .sub{margin-top:8px;color:#91949b;font-size:13px;}
.alarm-wrap .btn-both{overflow:hidden;border-radius:0 0 6px 6px;}
.alarm-wrap .btn-both a{float:left;width:50%;height:50px;line-height:50px;border-top:1px solid #e5e5e5;background:#f5f6f7;box-sizing:border-box;text-align:center;font-size:15px;font-weight:500;}
.alarm-wrap .btn-both .btn-cancel{border-right:1px solid #e5e5e5;color:#666c77;}
.alarm-wrap .btn-both .btn-confirm{color:#3e71e4;}
.alarm-wrap .box-form{padding:30px 44px 34px;}
.alarm-wrap .box-form dt{color:#35373a;font-size:14px;font-weight:500;text-align:center;}
.alarm-wrap .box-form dd{position:relative;margin-top:8px;}
.alarm-wrap .box-form dd span{position:absolute;right:1px;bottom:9px;color:#91949b;font-size:10px;font-weight:500;}
.alarm-wrap .box-form dd label{color:#3e71e4;font-size:10px;font-weight:500;}
.alarm-wrap .box-form dd input{height:auto;margin-top:-2px;padding:0 0 6px;border:0;border-bottom:1px solid #35373a;border-radius:0;color:#35373a;font-size:17px;font-weight:400;}
.alarm-wrap .box-form dd input::placeholder{color:#91949b;}

/* 상단 */
.top-banner{z-index:10;position:relative;}
.top-banner .btn-close{position:absolute;top:0;right:15px;bottom:0;width:14px;background:url(/resource/mobile/images/btn/btn_close_o.png) no-repeat 0 50%;background-size:14px auto;text-indent:-9999px;}
#header{z-index:10;position:relative;}
#header:after{position:absolute;top:0;right:0;bottom:1px;left:0;content:'';opacity:0.8;background:url(../../../resource/mobile/images/common/bg_white.png) no-repeat 0 0 / 100% 100%;}
#header.trans:after{opacity:1;}
#header h1{z-index:10;position:relative;}
#header h1 a{display:block;width:108px;height:44px;margin:0 auto;background:url(/resource/mobile/images/common/bi_iclickart_new.png) no-repeat 0 10px;background-size:108px auto;text-indent:-9999px;}
#header .btn-prev{z-index:10;position:absolute;top:0;left:15px;width:24px;height:44px;background:url(/resource/mobile/images/btn/btn_prev.png) no-repeat 0 50%;background-size:24px auto;text-indent:-9999px;}
#header .cate-hd .btn-prev{height:52px;}
#header .top-search .btn-prev{z-index:1;height:54px;background-position:0 45%;}
#header .btn-share{z-index:10;position:absolute;top:0;right:15px;width:17px;height:52px;background:url(/resource/mobile/images/common/bul_share.png) no-repeat 0 50%;background-size:17px auto;text-indent:-9999px;}
#header .btn-home{z-index:10;position:absolute;top:0;right:15px;width:20px;height:52px;background:url(/resource/mobile/images/common/bul_home.png) no-repeat 0 50%;background-size:20px auto;text-indent:-9999px;}
.top-search{position:absolute;top:36px;right:0;left:0;padding:8px 15px;}
.top-search.fixed{z-index:10;overflow:hidden;position:fixed;top:0;padding-left:55px;border-bottom:1px solid #c6c7c9;box-sizing:border-box;background:url(/resource/mobile/images/common/bg_white.png) no-repeat 0 0 / 100% 100%;}
.top-search .btn-search{z-index:2;position:absolute;top:10px;right:30px;width:21px;height:38px;background:url(/resource/mobile/images/btn/btn_search.png) no-repeat 0 50%;background-size:21px auto;text-indent:-9999px;}
.top-search .btn-input{z-index:2;position:relative;display:block;width:100%;height:38px;line-height:36px;padding:0 38px 0 20px;border:1px solid #fff;background:#ecedf0 url(/resource/mobile/images/btn/btn_search.png) no-repeat right 14px center / 21px auto;box-sizing:border-box;border-radius:19px;font-size:14px; overflow:hidden;}
.top-category{position:relative;margin-top:43px;}
.gnb-wrap{display:none;z-index:2;position:absolute;top:0;right:0;left:0;background:#fff;border-radius:0 0 20px 20px;}
.gnb-wrap h2{padding-left:15px;font-size:16px;font-weight:500;line-height:39px;border-bottom:1px solid #ecedf0;}
.gnb-wrap .btn-hide{position:absolute;top:0;right:15px;width:14px;height:39px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 50% 50%;background-size:14px;text-indent:-9999px;}
.gnb-wrap ul{overflow:hidden;padding:17px 17px 15px;}
.gnb-wrap li{float:left;height:27px;margin:0 8px 8px 0;padding:0 13px;border:0.75px solid #c6c7c9;border-radius:13px;box-sizing:border-box;}
.gnb-wrap li.now{border:1px solid #3e71e4;background:#3e71e4;}
.gnb-wrap li a{display:block;font-size:13px;line-height:26px;}
.gnb-wrap li a.en{font-size:13.7px;}
.gnb-wrap li.now a{color:#fff;}
.gnb{z-index:1;position:relative;padding-right:39px;border-bottom:1px solid #c6c7c9;}
.gnb .swiper-container{/*overflow:visible;*/margin-bottom:-1px;}
.gnb .swiper-container .swiper-wrapper{overflow:visible;}
.gnb .wall{z-index:2;position:absolute;top:8px;right:0;width:24px;height:24px;background:#fff;}
.gnb .btn-plus{z-index:3;position:absolute;top:0;right:15px;width:39px;height:40px;background:url(/resource/mobile/images/btn/btn_plus.png) no-repeat 50% 50%;background-size:39px auto;text-indent:-9999px;}
.gnb ul{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-bottom:-1px;padding-left:15px;-ms-overflow-style:none;/* IE and Edge */scrollbar-width:none;/* Firefox */}
.gnb ul::-webkit-scrollbar{display:none;/* Chrome, Safari, Opera */}
.gnb li{position:relative;display:block;width:auto;height:40px;line-height:40px;margin-right:20px;white-space:nowrap;}
.gnb li:last-child{margin-right:30px;}
.gnb li a{position:relative;display:block;font-size:15px;font-weight:500;}
.gnb li a.en{font-size:15.7px;}
.gnb li.now a{color:#3e71e4;font-weight:700;}
.gnb li.now a:before{display:block;content:'';position:absolute;right:0;bottom:0;left:0;height:3px;background:#3e71e4;border-radius:3px;}
.gnb li.up a:after{display:block;content:'';position:absolute;top:12px;right:-6px;width:4px;height:4px;background:#ff5959;border-radius:2px;}

/* 하단 */
.my-cscenter{position:relative;border-top:8px solid #ecedf0;}
.my-cscenter dl{padding:20px 15px 20px 58px;background:url(/resource/mobile/images/common/bul_cs.png) no-repeat 15px 50% / 33px auto;}
.my-cscenter dt{color:#35373a;font-size:16px;font-weight:700;}
.my-cscenter dd{color:#91949b;font-size:11px;font-weight:400;}
.my-cscenter dd em{font-size:11.7px;}
.my-cscenter a{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resource/mobile/images/btn/btn_right.png) no-repeat right 15px top 50% / 10px auto;text-indent:-9999px;}
.my-cscenter+.ft-info{margin-top:0;}
.ft-cscenter{margin-top:22px;text-align:center;}
.ft-cscenter h2{display:inline-block;margin-right:2px;font-size:21px;font-weight:400;line-height:36px;vertical-align:middle;}
.ft-cscenter .phone{display:inline-block;font-size:25px;font-weight:700;vertical-align:middle;}
.ft-cscenter .txt{margin-top:-3px;color:#666c77;font-size:12px;text-align:center;}
.ft-cscenter .txt em{font-size:12.7px;}
.ft-cscenter .btns{overflow:hidden;width:220px;margin:8px auto 0;}
.ft-cscenter .btns a{float:left;width:102px;height:34px;line-height:33px;margin:0 4px;border:1px solid #35373a;box-sizing:border-box;border-radius:18px;color:#35373a;font-size:12px;font-weight:500;text-align:center;}
.ft-cscenter .btns a em{font-size:12.7px;}
.ft-cscenter .btns .btn-tel span{padding-left:15px;background:url(/resource/mobile/images/common/ico_phone.png) no-repeat 0 50%;background-size:10px auto;}
.ft-cscenter .btns .btn-mtm span{padding-left:19px;background:url(/resource/mobile/images/common/ico_cs.png) no-repeat 0 calc(50% + 1px);background-size:14px auto;}
.ft-info{margin-top:30px;padding-bottom:80px;background:#ecedf0;}
.ft-info .lnk{height:38px;line-height:40px;border-bottom:1px solid #fff;font-size:11px;text-align:center;}
.ft-info .lnk a{display:inline-block;margin:0 10px;color:#666c77;font-weight:500;}
.ft-info .lnk a em{font-size:11.7px;}
.ft-info .sns{margin-top:15px;text-align:center;}
.ft-info .sns a{display:inline-block;width:32px;height:32px;margin:0 6px;text-indent:-9999px;}
.ft-info .sns .facebook{background:url(/resource/mobile/images/common/ico_facebook.png) no-repeat 0 0;background-size:32px auto;}
.ft-info .sns .post{background:url(/resource/mobile/images/common/ico_post.png) no-repeat 0 0;background-size:32px auto;}
.ft-info .sns .blog{background:url(/resource/mobile/images/common/ico_blog.png) no-repeat 0 0;background-size:32px auto;}
.ft-info .sns .pinterest{background:url(/resource/mobile/images/common/ico_pinterest.png) no-repeat 0 0;background-size:32px auto;}
.ft-info .sns .share{background:url(/resource/mobile/images/common/ico_share.png) no-repeat 0 0;background-size:32px auto;}
.ft-info .company{margin-top:15px;color:#91949b;font-size:11px;text-align:center;}
.ft-info .company .btn-detail{display:inline-block;padding-right:17px;background:url(/resource/mobile/images/btn/bul_top.png) no-repeat 100% 45%;background-size:11px auto;color:#666c77;font-weight:700;}
.ft-info .company .btn-detail.hide{background-image:url(/resource/mobile/images/btn/bul_bottom.png);}
.ft-info .company .txt{display:none;margin-top:4px;line-height:18px;font-size:10.5px;letter-spacing:-0.25px;}
.ft-info .company .txt a{color:#91949b;}
.ft-info .company .txt em{font-size:11.2px;}
.ft-info .company .txt strong{font-weight:700;}
.ft-info .company .copyright{margin-top:4px;color:#a6a8ae;font-size:10px;}
#quickMenu{z-index:10;overflow:hidden;position:fixed;right:0;bottom:0;left:0;height:64px;padding:0 5px;background:#fff;box-shadow:0px -1px 5px #ccc;box-sizing:border-box;}
.fnb a{float:left;width:20%;padding-top:40px;color:#91949b;font-size:9px;font-weight:500;text-align:center;}
.fnb a.en{font-size:9.7px;}
.fnb .now{color:#3e71e4;}
.fnb .home{background:url(/resource/mobile/images/common/ico_home.png) no-repeat 50% 45%;background-size:24px auto;}
.fnb .cate{background:url(/resource/mobile/images/common/ico_cate.png) no-repeat 50% 45%;background-size:26px auto;}
.fnb .my{background:url(/resource/mobile/images/common/ico_my.png) no-repeat 50% 45%;background-size:24px auto;}
.fnb .box{background:url(/resource/mobile/images/common/ico_box.png) no-repeat 50% 45%;background-size:25px auto;}
.fnb .recent{background:url(/resource/mobile/images/common/ico_recent.png) no-repeat 50% 45%;background-size:23px auto;}
.fnb .home.now{background-image:url(/resource/mobile/images/common/ico_home_on.png);}
.fnb .cate.now{background-image:url(/resource/mobile/images/common/ico_cate_on.png);}
.fnb .my.now{background-image:url(/resource/mobile/images/common/ico_my_on.png);}
.fnb .box.now{background-image:url(/resource/mobile/images/common/ico_box_on.png);}
.fnb .recent.now{background-image:url(/resource/mobile/images/common/ico_recent_on.png);}

/* 업데이트, 카테고리 */
.btype{padding-bottom:90px;}
.ico{z-index:1;position:absolute;text-indent:-9999px;}
.ico.med{background:url(/resource/mobile/images/common/bul_medical.png) no-repeat 0 0;}
.ico.footage{background:url(/resource/mobile/images/common/type_footage_icon.png) no-repeat 0 0;}
.ico.motion{background:url(/resource/mobile/images/common/type_motion_icon.png) no-repeat 0 0;}
.ico.anippt{background:url(/resource/mobile/images/common/type_ppt_icon.png) no-repeat 0 0;}

/* renewal_ai */
.newico-wrap {
    position: absolute;
    top: 10px;
    left:14px;
    display: flex;
    gap: 2px; /* 아이콘 간 간격 */
    z-index: 1;
}
.newico {
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
    text-indent: -9999px;
    display: inline-block;
}
.newico.newai {
    background: url(/resource/mobile/images/common/t_m_ai.png) no-repeat 0 0;
}

.newico.newmed {
    background: url(/resource/mobile/images/common/t_m_medical.png) no-repeat 0 0;
}
.grid .newico{top:5px;left:9px; }
.grid .newico.newmed{background-size:53px 20px;   width: 53px; height: 20px;}
.grid .newico.newai{background-size:38px 20px;   width: 38px; height: 20px; }

/* renewal_ai */

.cate-hd{position:relative;height:52px;line-height:52px;border-bottom:1px solid #d1d2d4;}
.cate-hd.bnone{border-bottom:0;}
.cate-hd h1{font-size:17px;font-weight:500;text-align:center;}
.cate-hd .bar{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:1px;background:#3e71e4;}
.cate-hd .bar.bar1{width:33.33%;}
.cate-hd .bar.bar2{width:66.66%;}
.cate-hd .bar.bar3{width:100%;}
.update-hd{position:relative;margin:20px 15px 14px;}
.update-hd h2{color:#35373a;font-size:15px;font-weight:500;}
.update-hd .txt{position:absolute;top:0;right:0;color:#35373a;font-size:13px;line-height:22px;}
.sub-wrap{border-top:8px solid #ecedf0;}
.selects{overflow:hidden;border-top:8px solid #ecedf0;}
.selects+.sub-wrap{border-top:0;}
.selects li{float:left;width:50%;border-bottom:1px solid #ebecef;box-sizing:border-box;}
.selects li:nth-child(1){border-right:1px solid #ebecef;}
.selects li select{height:46px;padding-left:15px;border:0;font-size:13px;}
.selects li a{display:block;height:46px;line-height:46px;padding-left:15px;border:0;background:url(/resource/mobile/images/btn/select_bottom.png) no-repeat right 16px center / 14px auto;box-sizing:border-box;font-size:13px;}
.sub-hd{margin:30px 15px 16px;}
.sub-hd h2{color:#35373a;font-size:14px;font-weight:500;}
.sub-hd h2 span{font-weight:400;}
.grid-wrap{overflow:hidden;padding:0 11px 12px;}
.grid:after,
.grid-btn{content:'';display:block;clear:both;}
.grid p{padding:7px 0 2px;color:#35373a;font-size:13px;text-align:center;}
.update-list .grid p {padding-top:5px;padding-bottom:12px;}
.grid p span{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.grid p em{display:inline-block;overflow:hidden;}
.grid-sizer,
.grid-item{width:50%;padding:0 4px;box-sizing:border-box;}
.grid-item{float:left;padding-bottom:8px;}
.grid-item .tmb{position:relative;display:block;}
.grid-item .tmb:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}
.grid-item .tmb img{min-width:100%;}
.grid-item label{display:none;z-index:2;position:absolute;top:4px;left:8px;}
.grid .box{position:absolute;right:10px;bottom:14px;width:39px;height:39px;background:url(/resource/mobile/images/common/bul_box.png) no-repeat 0 0 / 39px 39px;}
.grid .box.on{background:url(/resource/mobile/images/common/bul_box_on.png) no-repeat 0 0 / 39px 39px;}
.grid .ico{top:5px;left:9px;width:31px;height:31px;}
.grid .ico.med{background-size:31px 31px;}
.grid .ico.footage{background-size:31px 31px;}
.grid .ico.motion{background-size:31px 31px;}
.grid .ico.anippt{background-size:31px 31px;}


.btn-center{padding:0 15px 30px;}
.grid-img-list{border-bottom:8px solid #ecedf0;}
.btn-moreview{display:block;height:48px;background:#36373b;border-radius:6px;text-align:center;}
.btn-moreview span{padding-left:20px;background:url(/resource/mobile/images/common/bul_plus_o.png) no-repeat 0 55% / 14px auto;color:#fff;font-size:15px;font-weight:500;line-height:48px;}
.list-hd{position:relative;margin-bottom:15px;padding:0 15px;border-bottom:1px solid #ecedf0;}
.list-hd h2{height:46px;line-height:46px;color:#35373a;font-size:13px;font-weight:400;}
.list-hd h2 strong{font-size:14px;font-weight:700;}
.list-hd h2 span{color:#91949b;font-size:12px;}
.list-hd .ctr{position:absolute;top:0;right:15px;height:46px;line-height:46px;}
.list-hd .ctr a,
.list-hd .ctr span{float:left;}
.list-hd .ctr a{color:#35373a;font-size:13px;line-height:47px;}
.list-hd .ctr span{width:28px;height:46px;background:url(/resource/mobile/images/common/bul_vline.gif) no-repeat 50% 16px / 0.65px 14px;}
.list-hd .ctr .btn-order{padding-right:18px;background:url(/resource/mobile/images/common/bul_order.png) no-repeat 100% 50% / 13px auto;}
.list-hd .ctr .btn-filter{padding-right:20px;background:url(/resource/mobile/images/common/bul_filter.png) no-repeat 100% 50% / 12px auto;}
.list-hd .ctr .btn-edit{padding-right:18px;background:url(/resource/mobile/images/common/bul_edit.png) no-repeat 100% 50% / 12px auto;}
.list-hd .ctr .btn-cancel{padding-right:16px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 100% 50% / 11px auto;}
.list-hd .ctr .btn-remove{padding-right:18px;background:url(/resource/mobile/images/common/bul_remove.png) no-repeat 100% 50% / 12px auto;}
.list-hd .ctr .btn-setting{padding-right:18px;background:url(/resource/mobile/images/common/bul_setting.png) no-repeat 100% 50% / 13px auto;}
.list-hd label span{display:inline-block;line-height:46px;color:#35373a;font-size:13px;}
.list-hd label span:before{height:46px;}
.list-hd.cancel{display:none;}
.list-none{padding:45px 0 60px;text-align:center;}
.list-none em{color:#3e71e4;font-size:16px;font-weight:700;}
.list-none .txt{color:#35373a;font-size:14px;}
.list-none .sub{margin-top:10px;color:#666c77;font-size:13px;}
.list-tip{padding:22px 32px;background:#f4f4f6;}
.list-tip h2{margin-bottom:4px;color:#000;font-size:14px;font-weight:700;text-align:center;}
.list-tip dl{margin-top:12px;}
.list-tip dt{color:#35373a;font-size:13px;}
.list-tip dd{margin-top:2px;color:#91949b;font-size:12px;}
.filetype{display:inline-block;height:18px;line-height:18px;padding:0 8px;background:#91949b;border-radius:2px;color:#fff;font-size:10px;font-weight:700;}
.ft-btns{z-index:3;overflow:hidden;position:fixed;right:0;bottom:0;left:0;height:60px;}
.ft-btns a{float:left;width:50%;height:60px;line-height:62px;border-radius:0;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.ft-btns .btn-gray,
.ft-btns .btn-share,
.ft-btns .btn-phone{background:#666c77;}
.ft-btns .btn-share span{display:inline-block;padding-left:26px;background:url(/resource/mobile/images/common/bul_share_o.png) no-repeat 0 50% / 16px auto;}
.ft-btns .btn-phone span{display:inline-block;padding-left:21px;background:url(/resource/mobile/images/common/ico_phone_o.png) no-repeat 0 50% / 13px auto;}
.ft-btns .btn-blue,
.ft-btns .btn-light{background:#3e71e4;}
.ft-btns .w100per{width:100%;}
.ft-btns .btn-blue span{padding-left:24px;background:url(/resource/mobile/images/common/bul_plus_o.png) no-repeat 0 55% / 15px auto;}
.ft-btns .btn-blue em{font-size:17px;}
.view-wrap .thumb{position:relative;}
.view-wrap .thumb .img{position:relative;text-align:center;}
.view-wrap .thumb .img .ico{top:10px;left:10px;width:44px;height:44px;}
.view-wrap .thumb .img .ico.med{background-size:44px 44px;}
.view-wrap .thumb .img .ico.footage{background-size:44px 44px;}
.view-wrap .thumb .img .ico.motion{background-size:44px 44px;}
.view-wrap .thumb .img .ico.anippt{background-size:44px 44px;}

.detailico-wrap {
    position: absolute;
    top: 15px;
    left:15px;
    display: flex;
    gap: 2px; /* 아이콘 간 간격 */
    z-index: 1;
}
.detailico {
    
    text-indent: -9999px;
    display: inline-block;
}
.detailico.newai {
    background: url(/resource/mobile/images/common/t_m_ai.png) no-repeat 0 0;
}

.detailico.newmed {
    background: url(/resource/mobile/images/common/t_m_medical.png) no-repeat 0 0;
}
 .view-wrap .thumb .img .detailico.newai{background-size:38px 20px;   width: 38px; height: 20px;}

 .view-wrap .thumb .img .detailico.newmed{background-size:53px 20px;   width: 53px; height: 20px;}

.view-wrap .thumb .txt{overflow:hidden;padding:0 15px;background:#ecedf0;margin-top: -5px;} /** 220816 ruby 수정 **/
.view-wrap .thumb .txt dt,
.view-wrap .thumb .txt dd{float:left;height:42px;line-height:42px;color:#666c77;font-size:11px;}
.view-wrap .thumb .txt dt{margin-right:10px;font-weight:700;}
.view-wrap .thumb .txt dd{overflow:hidden;}
.view-wrap .thumb .txt dd .filetype{float:left;margin-top:12px;margin-right:5px;font-weight:500;}
.view-wrap .thumb .right{position:absolute;right:0;bottom:0;background:url(/resource/mobile/images/common/bul_vline.gif) no-repeat 0 9px / 0.85px 25px; width:105px;}
.view-wrap .title{position:relative;margin:30px 15px 0;}
.view-wrap .title h2{font-size:19px;font-weight:700;}
.view-wrap .title .ctr{position:absolute;top:0;right:0;}
.view-wrap .title .ctr a{float:left;margin-left:13px;font-size:13px;font-weight:500;line-height:28px;}
.view-wrap .title .ctr a.plus{padding-right:14px;background:url(/resource/mobile/images/common/ico_plus.png) no-repeat 100% 9px / 10px auto;}
.view-wrap .title .ctr a.minus{padding-right:14px;background:url(/resource/mobile/images/common/ico_minus.png) no-repeat 100% 9px / 10px auto;}
.view-wrap .thumbs{margin:4px 7px -8px;}
.view-wrap .style{margin:8px 11px -4px;}
.view-wrap .style ul{overflow:hidden;}
.view-wrap .style li{position:relative;float:left;width:50%;padding:4px;box-sizing:border-box;}
.view-wrap .style li:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}
.view-wrap .words{overflow:hidden;margin:8px 15px 0;}
.view-wrap .words a{float:left;height:30px;line-height:30px;margin:6px 7px 0 0;padding:0 12px;border:1px solid #dadada;border-radius:6px;color:#35373a;font-size:13px;text-align:center;}
.view-wrap .words a.on{border-color:#3e71e4;color:#3e71e4;font-weight:700;}
.view-notice{margin-top:40px;padding:20px 15px 25px;background:#ecedf0;}
.view-notice p{font-size:12px;font-weight:500;}
.view-notice p span{display:inline-block;margin-right:3px;margin-left:-4px;}
.view-notice li{margin-top:7px;padding-left:13px;background:url(/resource/mobile/images/common/bul_circle.png) no-repeat 0 7px / 4px auto;color:#666c77;font-size:12px;}
.view-notice li.on{background:url(/resource/mobile/images/common/bul_circle_red.png) no-repeat 0 7px / 4px auto;}
.view-notice li em{color:#ff5959;}
.view-notice .btn-view{display:block;height:38px;line-height:36px;margin-top:18px;border:1px solid #91949b;box-sizing:border-box;color:#666c77;font-size:12px;font-weight:700;text-align:center;}
.view-notice .btn-view span{display:inline-block;padding-right:16px;background:url(/resource/mobile/images/common/bul_arr_right.png) no-repeat 100% 50% / 7px auto;}

/* 회원로그인 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;}
input[type=tel],
input[type=text],
input[type=email],
input[type=password]{width:100%;height:54px;border:0;background:#fff;box-sizing:border-box;border-radius:6px;color:#35373a;font-size:14px;outline:none;padding:15.5px 15px 15.5px;border:1px solid #c6c7c9;letter-spacing:-0.25px;}
input[type=password]{letter-spacing:1px;}
.qnone .ft-info{padding-bottom:30px;}
.go-top.qnone{bottom:25px;}
.go-top-layer.qnone{bottom:25px;}
.member-tit{padding-top:29px;color:#35373a;font-size:26px;font-weight:300;line-height:33px;letter-spacing:-1.25px;}
.member-sub{margin-top:10px;color:#666c77;font-size:14px;line-height:1.4;}
.member-sub em{color:#3e71e4;}
.join-step{min-height:500px;padding:0 15px;}
.join-step .btn-blue,
.join-complete .btn-blue,
.login-wrap .btn-blue{height:52px;line-height:52px;font-size:17px;}
.member-both{overflow:hidden;margin-top:28px;margin-right:-3px;margin-left:-3px;}
.member-both li{float:left;width:50%;}
.member-both li a{display:block;height:58px;margin:0 3px;padding-top:74px;border:1px solid #ecedf0;border-radius:8px;color:#91949b;font-size:15px;font-weight:500;text-align:center;}
.member-both li.on a{border:1px solid #0f1010;color:#35373a;font-weight:700;}
.member-both li .personal{background:url(/resource/mobile/images/common/bul_personal.png) no-repeat 50% 40px / 28px auto;}
.member-both li .business{background:url(/resource/mobile/images/common/bul_business.png) no-repeat 50% 40px / 27px auto;}
.member-both li.on .personal{background:url(/resource/mobile/images/common/bul_personal_on.png) no-repeat 50% 40px / 28px auto;}
.member-both li.on .business{background:url(/resource/mobile/images/common/bul_business_on.png) no-repeat 50% 40px / 27px auto;}
.btn-area{margin:25px 0 50px;}
.btn-blue{display:block;height:47px;line-height:47px;background:#3e71e4;border-radius:6px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:500;text-align:center;}
.btn-white{display:block;height:47px;line-height:47px;background:#fff;border:1px solid #3e71e4;border-radius:6px;box-sizing:border-box;color:#3e71e4;font-size:15px;font-weight:500;text-align:center;}
.btn-area.both{overflow:hidden;}
.btn-area.both .btn-blue,
.btn-area.both .btn-white{float:left;width:49%;}
.join-agree{margin-top:28px;}
.join-agree label.all{display:block;height:54px;margin:0 -15px 0 -15px;padding:0 15px;background:#f1f5fb;}
.join-agree label.all span{line-height:54px;color:#35373a;font-size:15px;font-weight:500;}
.join-agree label.all span:before{height:54px;}
.join-agree dl{margin-top:21px;padding-bottom:25px;border-bottom:1px solid #ecedf0;}
.join-agree dt{margin-bottom:-4px;color:#3e71e4;font-size:14px;font-weight:500;}
.join-agree dd{margin-top:20px;}
.join-agree dd label{display:block;height:21px;}
.join-agree dd label span{line-height:21px;color:#35373a;font-size:14px;}
.join-agree dd label span:before{height:21px;}
.join-agree dd li{position:relative;margin-top:20px;}
.join-agree dd li a{position:absolute;top:0;right:0;padding-right:15px;background:url(/resource/mobile/images/common/bul_arr_right.png) no-repeat 100% 45% / 6px auto;color:#666c77;font-size:14px;font-weight:500;}
.form-box ul{overflow:hidden;margin-top:18px;padding-bottom:25px;border-bottom:1px solid #ecedf0;}
.form-box ul:first-child{margin-top:20px;}
.form-box ul:last-child{padding-bottom:0;border-bottom:0;}
.form-box li{position:relative;float:left;width:100%;margin-top:7px;box-sizing:border-box;}
.form-box input{position:relative;z-index:1;}
.form-box input.disabled{pointer-events:none;background:#ecedf0;}
.form-box input:disabled{background:#ecedf0;border:1px solid #c6c7c9;opacity:1;-webkit-text-fill-color:#35373a;}
.form-box input:disabled::placeholder{-webkit-text-fill-color:#91949b;}
.form-box input:focus{z-index:2;border:1px solid #35373a;}
.form-box input::placeholder{color:#91949b;letter-spacing:-0.25px;white-space:nowrap;}
.form-box li .auth{display:block;height:54px;line-height:52px;border:1px solid #6a98ff;border-radius:6px;background:#6a98ff;box-sizing:border-box;color:#fff;font-size:13px;font-weight:700;text-align:center;}
.form-box li .auth span{display:inline-block;padding-left:15px;background:url(/resource/mobile/images/common/bul_mobilephone.png) no-repeat 0 17px / 11px auto;}
.form-box li .warn{display:none;}
.form-box li .warn-icon{display:none;}
.form-box li .clear{z-index:3;opacity:0;position:absolute;top:0;right:15px;width:22px;height:54px;background:url(/resource/mobile/images/btn/btn_clear.png) no-repeat 0 50% / 22px auto;text-indent:-9999px;}
.form-box li .clear+input{padding-right:40px;}
.form-box li.succ input,
.form-box li.fail input{padding-top:24px;padding-bottom:7px;}
.form-box li.fail input{border:1px solid #ff5959;}
.form-box li.succ .warn,
.form-box li.fail .warn{z-index:3;display:block;position:absolute;top:10px;left:16px;font-size:10px;font-weight:500;}
.form-box li.succ .warn{color:#3e71e4;}
.form-box li.fail .warn{color:#ff5959;}
.form-box li.succ .warn-icon,
.form-box li.fail .warn-icon{z-index:3;display:block;position:absolute;top:0;right:16px;height:54px;}
.form-box li.succ .warn-icon{width:18px;background:url(/resource/mobile/images/common/bul_allow.png) no-repeat 0 50% / 18px auto;}
.form-box li.fail .warn-icon{width:20px;background:url(/resource/mobile/images/common/bul_allow_not.png) no-repeat 0 50% / 20px auto;}
.form-box li.txt-none input{padding-top:unset;padding-bottom:unset;}
.form-box li.m-item{float:left;width:53%;}
.form-box li.m-type{float:left;width:45.5%;margin-left:1.5%;box-sizing:border-box;}
.form-box li.m-phone{padding-right:90px;}
.form-box li.m-phone input{padding-right:65px;}
.form-box li.m-phone .change-phone{position:absolute;top:0;right:0;width:83px;}
.form-box li.m-phone .certify{z-index:3;position:absolute;top:0;right:106px;line-height:54px;color:#3e71e4;font-size:13px;}
.form-box li.m-number input{padding-right:95px;}
.form-box li.m-number .lnk{z-index:2;position:absolute;top:0;right:15px;line-height:54px;padding-right:26px;background:url(/resource/mobile/images/btn/select_bottom.png) no-repeat 100% 50% / 14px auto;font-size:13px;}
.form-box li.m-number .warn-icon{right:75px;}
.form-box li.m-number .certify{z-index:3;position:absolute;top:0;right:16px;line-height:54px;color:#3e71e4;font-size:13px;}
.form-box li.m-passwd input{padding-right:90px;}
.form-box li.m-passwd .clear{right:66px;}
.form-box li.address input.addr1{padding-right:35px;border-radius:6px 6px 0 0;}
.form-box li.address input.addr2{margin-top:-1px;border-radius:0 0 6px 6px;}
.form-box li.address .sch{z-index:2;position:absolute;top:0;right:15px;width:17px;height:54px;background:url(/resource/mobile/images/btn/btn_search_s.png) no-repeat 0 50% / 17px auto;text-indent:-9999px;}
.form-box li.m-check label{float:left;width:33.33%;}
.form-box li.m-check label:nth-child(n+5){margin-top:20px;}
.form-box li.m-check label span{color:#35373a;font-size:13px;}
.form-box li.m-style input{float:left;width:31.33%;margin-right:2%;}
.form-box li.m-style input:nth-child(n+5){margin-top:7px;}
.form-box li.m-option .disabled,
.form-box li.m-option .lnk{display:block;height:54px;line-height:54px;padding:0 15px;border:1px solid #c6c7c9;border-radius:6px;box-sizing:border-box;background:url(/resource/mobile/images/btn/select_bottom.png) no-repeat right 16px center / 14px auto;font-size:14px;}
.form-box li.m-option .disabled{ background: #ecedf0; border: 1px solid #c6c7c9; opacity: 1; -webkit-text-fill-color: #35373a; }
.form-box li.m-text{padding:15px 15px 30px;border:1px solid #c6c7c9;border-radius:6px;}
.form-box li.m-text.focus{border:1px solid #35373a;}
.form-box li.m-text .char{position:absolute;right:15px;bottom:12px;color:#91949b;font-size:13px;}
.form-box li.m-text .char span{color:#3e71e4;font-weight:500;font-family:'NotoSans';}
.form-box li.m-mail{padding-right:120px;}
.form-box li.m-mail label{position:absolute;top:0;right:0;}
.form-box li.m-mail label span{line-height:54px;font-size:13px;}
.form-box li.m-mail label span:before{height:54px;}
.form-box li.m-attach{overflow:hidden;}
.form-box li.m-attach .file{position:relative;float:left;width:23.5%;margin-right:2%;box-sizing:border-box;border:1px solid #c6c7c9;border-radius:6px;box-sizing:border-box;}
.form-box li.m-attach .file:last-child{margin-right:0;}
.form-box li.m-attach .file input{width:100%;height:100%;opacity:0;}
.form-box li.m-attach .file img{width:100%;height:100%;border-radius:5px;object-fit:cover;}
.form-box li.m-attach .file .del{z-index:1;position:absolute;top:0;right:0;width:22px;height:22px;border-radius:0 5px 0 5px;background:rgba(0,0,0,0.6) url(/resource/mobile/images/btn/btn_close_o.png) no-repeat 50% 50% / 12px auto;text-indent:-9999px;}
.form-box li.m-attach .file .add{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resource/mobile/images/common/bul_plus.png) no-repeat 50% 50% / 26px auto;text-indent:-9999px;}
.form-box li.m-attach .file.disabled{border:1px solid #3e71e4;}
.form-box li.m-attach .file.disabled .add{background-image:url(/resource/mobile/images/common/bul_plus_blue.png);}
.form-box li.oldpasswd,
.form-box li.newpasswd1,
.form-box li.newpasswd2{display:none;}
.form-box dd{display:none;padding:0 15px;}
.form-box dd ul:first-child{margin-top:-11px;}
.form-box dd li.btn-find{margin:14px 0 23px;}
.join-complete{padding:0 15px;}
.join-complete .btn-area{margin:29px 28px 97px;}
.join-complete .member-tit{margin-top:97px;padding-top:158px;background:url(/resource/mobile/images/common/bul_join_complete.png) no-repeat 50% 0 / 128px auto;font-size:24px;text-align:center;}
.join-complete .member-sub{margin-top:15px;font-size:12px;text-align:center;}
.find-tit{height:46px;line-height:46px;background:#b3b6bd;color:#fff;font-size:13px;font-weight:500;text-align:center;}
.find-wrap{margin-bottom:60px;}
.find-wrap .form-box{border-bottom:1px solid #ecedf0;}
.find-wrap .form-box.now{background:#f1f5fb;}
.find-wrap .form-box.now dd{display:block;}
.find-wrap .form-box li.succ input,
.find-wrap .form-box li.fail input{background:#fff;}
.find-wrap .form-box label{display:block;padding:20px 15px;}
.find-wrap .form-box label span{color:#35373a;font-size:16px;font-weight:500;}
.alert-top,
.alert-bottom{z-index:2;display:none;background:#35373a;color:#fff;font-size:14px;text-align:center;}
.alert-top{position:absolute;top:0;right:0;left:0;padding:16px 0;font-weight:500;}
.alert-bottom{position:fixed;right:0;bottom:0;left:0;padding:30px 0 28px;font-weight:400;}
.alert-bottom p{font-size:17px;font-weight:500;}
.find-result{min-height:500px;margin-bottom:-30px;padding:0 15px 25px;background:#f1f5fb;}
.find-result .txt{margin-bottom:15px;padding-top:26px;color:#35373a;font-size:16px;text-align:center;}
.find-result .txt strong{color:#3e71e4;}
.find-result .res{position:relative;margin-top:7px;padding:26px 0 32px;background:#fff;border:1px solid #ecedf0;border-radius:8px;text-align:center;}
.find-result .res.hover{border-color:#0f1010;}
.find-result .res dt{color:#35373a;font-size:18px;font-weight:500;}
.find-result .res dt em{color:#3e71e4;}
.find-result .res dd p{color:#91949b;font-size:14px;}
.find-result .res dd p em{font-size:15px;}
.find-result .res dd .lnk{z-index:2;position:relative;display:inline-block;margin-top:12px;width:170px;height:35px;background:#f1f5fb;border-radius:18px;color:#3e71e4;font-size:12px;}
.find-result .res dd .lnk span{display:inline-block;height:35px;line-height:36px;padding-right:12px;background:url(/resource/mobile/images/common/bul_arr_right_blue.png) no-repeat 100% 12.5px / auto 10px;}
.find-result .res.passwd{padding:34px 0 36px;}
.find-result .res.passwd dt{font-size:15px;}
.find-result .res.passwd dd p{margin-top:5px;}
.find-result .res.passwd dd p.sub{margin-top:18px;color:#b3b6bd;font-size:12px;}
.find-result .res.passwd dd p.sub em{color:#35373a;font-size:12px;}
.find-result .btn-area.both .btn-white{float:right;}
.btn-overhide{position:fixed;top:20px;right:15px;width:16px;height:16px;background:url(/resource/mobile/images/btn/btn_close.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
.login-wrap{position:fixed;top:50%;right:0;left:0;transform:translateY(-50%);padding:0 15px;}
.login-wrap h1 a{display:block;width:167px;height:39px;margin:0 auto;background:url(/resource/mobile/images/common/bi_iclickart_new.png) no-repeat 0 0;background-size:167px auto;text-indent:-9999px;}
.login-wrap .form-box{overflow:hidden;margin-top:33px;}
.login-wrap .form-box label{display:inline-block;}
.login-wrap .form-box label span{font-size:14px;font-weight:400;}
.login-wrap .form-box li:last-child{margin-top:10px;}
.login-wrap .form-box .ment{z-index:3;position:absolute;top:0;right:18px;line-height:54px;color:#3e71e4;font-size:14px;}
.login-wrap .btn-area{margin:25px 0 20px;}
.login-wrap .btn-blue{height:59px;line-height:59px;border-radius:28px;}
.login-wrap .lnks{overflow:hidden;width:235px;margin:0 auto;}
.login-wrap .lnks li{float:left;padding-right:21px;background:url(/resource/mobile/images/common/bul_vline.gif) no-repeat right 10px top 4px / 1px 13px;}
.login-wrap .lnks li:last-child{padding-right:0;background:none;}
.login-wrap .lnks li a{color:#666c77;font-size:14px;vertical-align:top;}
.login-wrap .lnks li:last-child a{color:#35373a;font-weight:500;}

/* 주소 찾기 */
.post-area{position:fixed;top:50px;bottom:0;padding:0 15px 30px;overflow-y:scroll;box-sizing:border-box;}
.post-area input{height:28px;padding:0 10px;border-radius:3px;font-size:12px;}
.post-area .postcodify_search_form{margin-left:0 !important;margin-right:0 !important;}
.post-area .postcodify_search_controls{position:relative;margin-top:15px;padding-right:45px;}
.post-area .postcodify_search_controls button{position:absolute;top:0;right:0;}
.post-area #entry_box p{margin-top:10px;}
.post-area #entry_box p label{font-size:12px;}
.post-area #entry_box p.bindRoadAddress{text-align:center;}
.post-area #search_guide{margin-top:15px;font-size:12px;}
.post-area #search_guide > ul > li{margin-top:5px;padding-left:11px;text-indent:-11px;color:#35373a;}
.post-area #search_guide > ul > li > ul > li{padding-left:14px;text-indent:-14px;color:#666c77;}

/* 마이페이지 */
.member-modify{padding:0 15px 110px;}
.member-modify .btn-white{height:54px;line-height:54px;font-size:13px;font-weight:700;}
.member-modify .form-box input{font-size:13px;}
.board-wrap{padding:0 15px;}
.board-wrap .btn-area{margin-top:26px;}
.board-wrap .btn-area.both .btn-blue{float:right;}
.board-wrap .form-box ul{margin-top:10px;}
.board-wrap .form-box .lst{margin-top:7px;margin-bottom:-2px;padding-left:7px;background:url(/resource/mobile/images/common/bul_circle_gray.png) no-repeat 0 8px / 4px auto;color:#91949b;font-size:13px;}
.board-wrap .form-box.class-box{display:none;margin:16px -15px 0;padding:0 15px;border-top:8px solid #ecedf0;}
.board-wrap .form-box.class-box ul{margin-top:-8px;}
.board-wrap .form-box.class-box li{margin-top:30px;}
.board-wrap .form-box.class-box li input{font-size:13px;}
.board-wrap .form-box .tit{clear:both;margin-bottom:12px;color:#0f1010;font-size:15px;font-weight:500;}
.board-wrap .form-box .tit span{display:inline-block;margin-top:1.5px;color:#91949b;font-size:13px;font-weight:400;vertical-align:top;}
.board-list{min-height:530px;margin-bottom:-30px;padding:5px 15px 50px;background:#f1f5fb;}

.board-list .list-none {padding-top:40%;}
.board-list .btn-area{margin-bottom:0;}
.board-list .btn-blue{font-size:17px;}
.board-list li{margin-top:10px;background:#fff;border-radius:6px;}
.board-list li .question{position:relative;padding:19px 36px 19px 76px;}
.board-list li .question p{color:#35373a;font-size:14px;}
.board-list li .question p span{color:#91949b;font-size:12px;}
.board-list li .question .abs{position:absolute;top:50%;left:0;transform:translateY(-50%);width:76px;color:#3e71e4;font-size:13px;font-weight:500;text-align:center;}
.board-list li .question .abs.wait{color:#ffa106;}
.board-list li .question .abs.proc{color:#1cc39e;}
.board-list li .question .lnk{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:100%;background:url(/resource/mobile/images/btn/btn_show.png) no-repeat 0 50% / 20px auto;text-indent:-9999px;}
.board-list li .question .lnk.show{background-image:url(/resource/mobile/images/btn/btn_hide.png);}
.board-list li .answer{display:none;position:relative;border-top:1px solid #f1f5fb;color:#35373a;font-size:13px;}
.board-list li .answer .date{margin-bottom:4px;font-size:12px;}
.board-list li .answer .q,
.board-list li .answer .a{position:relative;padding-left:76px;padding-right:15px;text-align:justify;}
.board-list li .answer .q{padding-top:18px;}
.board-list li .answer .a{min-height:25px;margin-top:14px;padding-bottom:20px;color:#666c77;}
.board-list li .answer .q span,
.board-list li .answer .a span{position:absolute;left:0;width:76px;font-size:21px;font-weight:500;text-align:center;}
.board-list li .answer .q span{top:14px;color:#35373a;}
.board-list li .answer .a span{top:-4px;color:#3e71e4;}
.lightbox-view{min-height:500px;border-top:8px solid #ecedf0;}
.lightbox-view .list-hd{margin-top:10px;margin-bottom:0;border-bottom:0;}
.lightbox-view .list-none{padding-top:40%;}
.lightbox-view .ft-btns{display:none;}
.lightbox-wrap{min-height:500px;padding-bottom:90px;border-top:8px solid #ecedf0;}
.lightbox-wrap .list-hd{margin-top:10px;margin-bottom:0;border-bottom:0;}
.box-item{position:relative;float:left;width:50%;padding:0 4px 20px;box-sizing:border-box;}
.box-item p{position:relative;padding:7px 3px 2px;color:#35373a;font-size:13px;text-align:left;}
.box-item .btn-modify{position:absolute;top:6px;right:3px;width:16px;height:23px;background:url(/resource/mobile/images/common/bul_write.png) no-repeat 0 2px / 16px auto;text-indent:-9999px;}
.box-item .tmb{position:relative;display:block;background:#ecedf0;}
.box-item .tmb:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}
.box-item .tmb img{min-width:100%;object-fit:contain;}
.box-item label{display:none;z-index:2;position:absolute;top:4px;left:8px;}
.mypage{min-height:535px;}
.mypage .main{position:relative;padding:39px 26px 26px;background:#ecedf0;}
.mypage .main .name{overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap;}
.mypage .main p{color:#35373a;font-size:21px;font-weight:300;}
.mypage .main .lnk-licence{position:absolute;top:39px;right:26px;height:27px;line-height:28px;padding:0 24px 0 14px;background:#fff url(/resource/mobile/images/btn/bul_right.png) no-repeat right 12px top 50% / 6px auto;border-radius:13px;color:#35373a;font-size:11px;font-weight:500;}
.mypage .main dl{margin-top:10px;color:#35373a;background:#fff;border-radius:6px;}
.mypage .main dt{padding:23px 0 21px;font-size:22px;font-weight:700;line-height:33px;text-align:center;}
.mypage .main dt span{display:inline-block;width:33px;height:33px;line-height:33px;margin-right:7px;border-radius:16px;box-sizing:border-box;background:#98e87d  url(/resource/mobile/images/common/ico_my_cp.png) no-repeat 0 0 / 33px 33px;color:#fff;font-size:19px;font-weight:700;text-align:center;vertical-align:top;}
.mypage .main dd{padding:20px 0;border-top:1px solid #ecedf0;font-size:13px;font-weight:500;text-align:center;}
.mypage .main dd strong{color:#ff5959;font-weight:700;}
.mypage .main dd em{color:#ff5959;font-weight:500;}
.mypage .main.premium{background:#e3f4fe;}
.mypage .main.premium dt span{background:#67c4f9 url(/resource/mobile/images/common/ico_my_premium.png) no-repeat 0 0 / 33px 33px;}
.mypage .main.standard{background:#e0f7f7;}
.mypage .main.standard dt span{background:#52d5d3 url(/resource/mobile/images/common/ico_my_standard.png) no-repeat 0 0 / 33px 33px;}
.mypage .main.school{background:#eae8fe;}
.mypage .main.school dt span{background:#a197f9 url(/resource/mobile/images/common/ico_my_schoolpack.png) no-repeat 0 0 / 33px 33px;}
.mypage .main.single{background:#e1eaff;}
.mypage .main.single dt span{background:#729dff url(/resource/mobile/images/common/ico_my_singlecut.png) no-repeat 0 0 / 33px 33px;}
.mypage .main.free{background:#e4e9f4;}
.mypage .main.free dt span{background:#7a93ca url(/resource/mobile/images/common/ico_my_free.png) no-repeat 0 0 / 33px 33px;}

.mypage .main.creator{background:#e4f7eb;}
.mypage .main.creator dt span{background:#6cd48e url(/resource/mobile/images/common/ico_my_creator.png) no-repeat 0 0 / 33px 33px;}


.mypage .main.fonco{background:#e0e1e2;}
.mypage .main.fonco dt span{background:#6cd48e url(/resource/mobile/images/common/ico_my_fonco.png) no-repeat 0 0 / 33px 33px;}

.mypage .lnks li{height:54px;line-height:54px;padding-top:2px;padding-left:48px;border-bottom:1px solid #ecedf0;}
.mypage .lnks li.lightbox{background:url(/resource/mobile/images/common/bul_my_lightbox.png) no-repeat 15px calc(50% - 1px) / 19px auto;}
.mypage .lnks li.recent{background:url(/resource/mobile/images/common/bul_my_recent.png) no-repeat 15px 50% / 18px auto;}
.mypage .lnks li.board{background:url(/resource/mobile/images/common/bul_my_board.png) no-repeat 15px 55% / 19px auto;}
.mypage .lnks li.member{background:url(/resource/mobile/images/common/bul_my_member.png) no-repeat 15px 50% / 19px auto;}
.mypage .lnks li a{display:block;background:url(/resource/mobile/images/btn/bul_right.png) no-repeat right 15px top 50% / 8px auto;color:#35373a;font-size:14px;font-weight:400;}

/* 이용약관 */
.agree_info{padding:0 15px 25px;color:#35373a;font-size:12px;}
.agree_info > br{display:none;}
.agree_info > b{display:block;margin-top:25px;color:#0f1010;font-size:13px;font-weight:500;}
.agree_info .agreeWrap .title{margin-top:25px;color:#0f1010;font-size:14px;font-weight:500;}
.agree_info .agreeWrap .title span{position:absolute;top:4px;right:15px;color:#666c77;font-size:11px;font-weight:500;}
.agree_info .agreeWrap .title+.head{margin-top:15px;}
.agree_info .agreeWrap .head{margin-top:25px;margin-left:-4px;font-size:13px;font-weight:700;}
.agree_info .agreeWrap .head:nth-child(115){margin-left:0;}
.agree_info .agreeWrap .sub{margin-top:10px;}
.agree_info .agreeWrap > br{display:none;}
.agree_info .agreeWrap .sub > br{display:block;content:'';width:10px;height:10px;}
.agree_info .agreeWrap .sub:nth-child(7) br:last-child{height:0;}
.agree_info .agreeWrap .sub:nth-child(11) br:nth-child(n+2){height:5px;}
.agree_info .agreeWrap .sub:nth-child(11) br:last-child{height:0;}
.agree_info .agreeWrap .sub:nth-child(32) br:nth-child(n+2):nth-child(-n+7){height:0;}
.agree_info .agreeWrap .sub:nth-child(32) br:nth-child(n+9):nth-child(-n+11){height:0;}
.agree_info .agreeWrap .sub:nth-child(61) br:nth-child(n+6){height:0;}
.agree_info .agreeWrap .sub:nth-child(61) span{margin-left:0 !important;}
.agree_info .agreeWrap .sub:nth-child(66) br:last-child{height:0;}
.agree_info .agreeWrap .sub:nth-child(78) br:nth-child(n+9):nth-child(-n+15){height:0;}
.agree_info .agreeWrap .sub:nth-child(91) br:nth-child(-n+9){height:0;}

/* 개인정보 취급방침 */
.privacy{padding:0 15px 25px;color:#35373a;font-size:12px;}
.privacy .date{position:absolute;top:4px;right:15px;color:#666c77;font-size:11px;font-weight:500;}
.privacy h2{margin-top:25px;color:#0f1010;font-size:14px;font-weight:500;}
.privacy > br{display:none;}
.privacy > b{display:block;margin-top:25px;color:#0f1010;font-size:13px;font-weight:500;}
.privacy .agreeText{margin-top:10px;}
.privacy .agreeWrap .head{margin-top:25px;font-size:13px;font-weight:700;}
.privacy .agreeWrap .sub{margin-top:10px;}
.privacy .agreeWrap > br{display:none;}
.privacy .agreeWrap .sub > br{display:block;content:'';width:10px;height:10px;}
.privacy .agreeWrap .sub:nth-child(4){}
.privacy .agreeWrap .sub:nth-child(4) > br:nth-child(odd){height:0;}
.privacy .agreeWrap .sub:nth-child(7) > br:nth-child(odd){height:0;}
.privacy .agreeWrap .sub:nth-child(14) > br:nth-child(1),
.privacy .agreeWrap .sub:nth-child(14) > br:nth-child(4){height:0;}
.privacy .agreeWrap .sub:nth-child(29) > br:nth-child(1){height:0;}
.privacy .agreeWrap .sub:nth-child(33) > br:nth-child(-n+4){height:0;}
.privacy .agreeWrap .sub:nth-child(80) > br:nth-child(odd){height:0;}
.privacy .agreeWrap .sub:nth-child(87) > br:nth-child(n){height:0;}
.privacy .agreeWrap .sub:nth-child(97) > br:nth-child(n){height:0;}
.privacy .agreeWrap .sub:nth-child(100) > br:nth-child(n){height:0;}
.privacy .agreeWrap .sub:nth-child(108) > br:nth-child(3){height:0;}
.privacy .agreeWrap table td{padding:5px;border:1px solid #ecedf0;background:#fff;color:#666c77;font-size:11px;text-align:center;}
.privacy .agreeWrap table tr:nth-child(1) td:nth-child(4){/*white-space:nowrap;*/}
.privacy .agreeWrap table tr:nth-child(1) td{border:1px solid #fff;background-color:#ecedf0;font-weight:500;}
.privacy .agreeWrap table tr td:first-child{border-left:0;}
.privacy .agreeWrap table tr td:last-child{border-right:0;}

/* 이용약관, 개인정보 취급방침 */
#agreement{display:block;}
#privacy{display:block;}
#freeContent h2{margin-top:26px;font-size:15px;}
#freeContent h2:nth-child(3){padding-top:28px;border-top:1px solid #ecedf0;}
.agree-wrap{position:fixed;top:50px;right:0;bottom:0;left:0;padding:0 15px 30px;overflow-y:scroll;box-sizing:border-box;color:#35373a;font-size:12px;}
.agree-wrap h2{margin-top:24px;color:#0f1010;font-size:14px;font-weight:500;}
.agree-wrap h2+.head{margin-top:8px;}
.agree-wrap .date{position:absolute;top:26px;right:15px;color:#666c77;font-size:11px;font-weight:500;}
.agree-wrap .head{margin-top:26px;font-size:13px;font-weight:bold;}
.agree-wrap .text{margin-top:8px;}
.agree-wrap .sub{margin-top:8px;}
.agree-wrap .lst > li{margin-top:13px;padding-left:11px;text-indent:-11px;}
.agree-wrap .lst > li:nth-child(n+10){padding-left:17px;text-indent:-17px;}
.agree-wrap .lst > li strong{font-weight:500;}
.agree-wrap .lst > li .tbl{margin-left:-11px;}
.agree-wrap .lst.type2 > li{padding-left:16px;text-indent:-16px;}
.agree-wrap .lst.type3 > li{margin-top:0;padding-left:6px;text-indent:-6px;}
.agree-wrap .lst.type4{margin-top:8px;}
.agree-wrap .lst.type4 > li{margin-top:5px;}
.agree-wrap .lst > li > ul{margin-top:6px;}
.agree-wrap .lst > li > ul > li{margin-top:2px;padding-left:8px;text-indent:0;background:url(/resource/mobile/images/common/bul_circle_gray.png) no-repeat 0 6px / 3px auto;color:#666c77;}
.agree-wrap .tbl{margin:8px 0 0;}
.agree-wrap .tbl2{margin-top:8px;color:#666c77;font-size:11px;}
.agree-wrap .tbl2 th{padding:6px 10px;}
.agree-wrap .tbl2 td{padding:10px 10px;}
.agree-wrap .tbl2 thead th{background:#d7d8d9;}
.agree-wrap .tbl2 tbody th{background:#ecedf0;font-weight:500;}
.agree-wrap .tbl2 tbody th em{font-weight:300;}
.agree-wrap .tbl2 td{border-bottom:1px solid #ecedf0;}
.agree-wrap .tbl2 td.bold{border-right:1px solid #ecedf0;font-weight:500;text-align:center;}
.agree-wrap .tbl2 tbody tr:nth-child(4){border-bottom:1px solid red;}
.agree-wrap .tbl2 tbody tr:nth-child(n) th,
.agree-wrap .tbl2 tbody tr:nth-child(4n) td{border-bottom:1px solid #c6c7c9;}

/* 서비스 안내 */
.service-wrap{padding-bottom:36px;}
.service-wrap .list{overflow:hidden;padding:0 12px;}
.service-wrap .list li{float:left;width:33.33%;text-align:center;}
.service-wrap .list li a{display:block;padding-top:76px;color:#35373a;font-size:14px;}
.service-wrap .list li.cate1 a{background:url(/resource/mobile/images/common/bul_cate1.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate2 a{background:url(/resource/mobile/images/common/bul_cate2.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate3 a{background:url(/resource/mobile/images/common/bul_cate3.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate4 a{background:url(/resource/mobile/images/common/bul_cate4.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate5 a{background:url(/resource/mobile/images/common/bul_cate5.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate6 a{background:url(/resource/mobile/images/common/bul_cate6.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate7 a{background:url(/resource/mobile/images/common/bul_cate7.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate8 a{background:url(/resource/mobile/images/common/bul_cate8.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate9 a{background:url(/resource/mobile/images/common/bul_cate9.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate10 a{background:url(/resource/mobile/images/common/bul_cate10.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate11 a{background:url(/resource/mobile/images/common/bul_cate11.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate12 a{background:url(/resource/mobile/images/common/bul_cate12.png) no-repeat 50% 35px / 30px auto;}
.service-wrap .list li.cate13 a{background:url(/resource/mobile/images/common/bul_cate13.png) no-repeat 50% 36px / 30px auto;} /** 220816 ruby 수정 **/


.service-wrap .list li a span{position:relative;}
.service-wrap .list li.up a span:after{display:block;content:'';position:absolute;top:0px;right:-9px;width:6px;height:6px;background:#ff5959;border-radius:3px;}
.service-wrap .lnks{margin-top:1px;}
.service-wrap .lnks li{height:57px;line-height:57px;padding-top:2px;padding-left:48px;border-bottom:1px solid #ecedf0;}
.service-wrap .lnks li.about{background:url(/resource/mobile/images/common/bul_svc_about.png) no-repeat 15px calc(50% + 1px) / 19px auto;}
.service-wrap .lnks li.guide{background:url(/resource/mobile/images/common/bul_svc_guide.png) no-repeat 15px calc(50% + 1px) / 18px auto;}
.service-wrap .lnks li.board{background:url(/resource/mobile/images/common/bul_svc_board.png) no-repeat 15px calc(50% + 2px) / 19px auto;}
.service-wrap .lnks li a{display:block;background:url(/resource/mobile/images/btn/bul_right.png) no-repeat right 15px top 50% / 8px auto;color:#35373a;font-size:14px;}
.service-wrap .title{margin-top:29px;padding:31px 0 0 15px;border-top:8px solid #ecedf0;color:#35373a;font-size:16px;font-weight:700;}
.about-tmb{position:relative;}
.about-tmb:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}
.about-tmb .txt{position:absolute;top:calc(10% + 1px);right:0;left:0;text-align:center;}
.about-tmb .txt p{color:#0f1010;font-size:14px;font-weight:500;}
.about-tmb .txt dl{margin-top:4px;}
.about-tmb .txt dt{color:#0f1010;font-size:26px;font-weight:300;line-height:33px;letter-spacing:-1.75px;}
.about-tmb .txt dt em{font-size:27px;}
.about-tmb .txt dt strong{font-size:27px;font-weight:700;}
.about-tmb .txt dd{margin-top:20px;color:#666c77;font-size:12px;font-weight:400;line-height:19px;}
.about-tmb .txt dd em{color:#3e71e4;}
.about-box{margin-bottom:-30px;padding-bottom:10px;background:linear-gradient(180deg, #e8effa, #fafcfe);}
.about-box .btn-area{padding:0 15px;}
.about-box .btn-blue{height:52px;line-height:52px;font-size:17px;}
.about-box .txt{overflow:hidden;padding:0 19px;}
.about-box .txt dl{float:left;margin-left:-4px;width:50%;margin-bottom:8px;padding:80px 0 22px;border-radius:6px;text-align:center;}
.about-box .txt dl:nth-child(even){float:right;margin-right:-4px;}
.about-box .txt dt{color:#35373a;font-size:15px;font-weight:700;}
.about-box .txt dd{margin-top:5px;color:#91949b;font-size:12px;font-weight:400;line-height:18px;}
.about-box .txt dl.about1{background:#fff url(/resource/mobile/images/common/bul_about1.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about2{background:#fff url(/resource/mobile/images/common/bul_about2.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about3{background:#fff url(/resource/mobile/images/common/bul_about3.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about4{background:#fff url(/resource/mobile/images/common/bul_about4.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about5{background:#fff url(/resource/mobile/images/common/bul_about5.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about6{background:#fff url(/resource/mobile/images/common/bul_about6.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about7{background:#fff url(/resource/mobile/images/common/bul_about7.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about8{background:#fff url(/resource/mobile/images/common/bul_about8.png) no-repeat 50% 26px / 40px auto;}
.about-box .txt dl.about9{background:#fff url(/resource/mobile/images/common/bul_about9.jpg) no-repeat 50% 26px / 40px auto;}



 /** 220825 ruby 수정 시작 **/
.goods-wrap{}
.goods-wrap .tit{margin-top:32px;text-align:center;}
.goods-wrap .tit p:nth-child(1){color:#666c77;font-size:12px;}
.goods-wrap .tit p:nth-child(2){color:#0f1010;font-size:14px;}
.goods-wrap .tit a{display:inline-block;height:30px;line-height:30px;margin-top:13px;padding:0 76px 0 60px;background:#ecedf0 url(/resource/mobile/images/btn/bul_right2.png) no-repeat calc(50% + 50px) 50% / 6px auto;border-radius:15px;color:#666c77;font-size:11px;font-weight:500;text-align:center;}
.goods-wrap .lst{overflow:hidden;margin:8px 15px 40px;}
.goods-wrap .lst li{position:relative;clear:both;float:left;width:calc(50% - 4px);margin-top:27px;border:1px solid #ecedf0;border-radius:6px;box-sizing:border-box;}
.goods-wrap .lst li:nth-child(even){clear:none;float:right;}
.goods-wrap .lst dl{text-align:center;}
.goods-wrap .lst dl img{width:49px; height:49px; padding:26px 0 9px;}
.goods-wrap .lst dt{color:#35373a;font-size:1em;font-weight:bold;}

.goods-wrap .lst dd{padding:10px 0 16px; color:#91949b;font-size:0.75em;}
.goods-wrap .lst .price{display: flex; justify-content: center; margin: 0 13px; padding: 20px 0 14px;border-top:1px solid #ecedf0;text-align:center;}
.goods-wrap .lst .price:after{display:block; clear:both; content:"":}
.goods-wrap .lst .dprice1{margin:0 12px;padding:20px 0;border-top:1px solid #ecedf0;height:18px;line-height:18px;color:#00bab7;
text-align:center;}
.goods-wrap .lst .dprice2{width: 30px; height: 30px; line-height:27px; margin-right: 7px; margin-left: 2px; border-radius: 90px; color:#fff; display:inline-block; float:left;}
.goods-wrap .lst .dprice2 .dis1{font-size: 0.8em;font-weight:600;}
.goods-wrap .lst .dprice2 .dis2{font-size: 0.5em;font-weight:600;}
.goods-wrap .lst .ps_wrap{float:left; text-align:left;}
.goods-wrap .lst .dprice3{font-family:'NotoSans'; font-size: 0.75em; font-weight:500; display: block; margin-top: -6%; margin-left:-2%; text-decoration:line-through; vertical-align: middle;}
.goods-wrap .lst .dprice4{font-family:'NotoSans'; font-size: 1.25em; font-weight:700; display: block; margin-top: -12%;}

.goods-wrap .lst .price_txt{display: flex; justify-content: center; margin:0 13px;border-top:1px solid #ecedf0; font-size:0.95em;font-weight: 700;}

.goods-wrap .lst li > a{background:#ecedf0; color:#0f1010; padding:0; border-radius: 0 0 5px 5px; line-height:36px; font-size:0.75em;font-weight:500;display:block;text-align:center;}
.goods-wrap .lst li > a img{width:6px;padding-left:5%;margin-top: -1%;}


.goods-wrap .lst .standard .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .standard .dprice2{background-color: #00bab7;}
.goods-wrap .lst .standard .dprice3{color: #91949b; margin-left: -5%;}
.goods-wrap .lst .standard .dprice4{color:#00bab7;}


.goods-wrap .lst .premium .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .premium .dprice2{background-color: #28a8f0;}
.goods-wrap .lst .premium .dprice3{color:#91949b; margin-left: -3%;}
.goods-wrap .lst .premium .dprice4{color:#28a8f0;}
.goods-wrap .lst .premium .dprice5{margin-top: 10px;  color: #28a8f0;letter-spacing:-1px;margin-left:-23px;font-family: 'NotoSansKR';}
.goods-wrap .lst .premium .price_txt{padding: 21px 0; color:#28a8f0;}


.goods-wrap .lst .singlecut1 .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .singlecut1 .price{flex-direction:column; align-items:center; padding:14px 0 6px;}
.goods-wrap .lst .singlecut1 .price .priceWrap{padding-bottom:3px;}
.goods-wrap .lst .singlecut1 .dprice2{width:28px; height:28px; line-height:24px; background-color: #598cff;}
.goods-wrap .lst .singlecut1 .dprice2 .dis1{font-size: 0.7em;}
.goods-wrap .lst .singlecut1 .dprice2 .dis2{font-size: 0.5em;}
.goods-wrap .lst .singlecut1 .dprice3{color:#91949b; font-size:0.625em;}
.goods-wrap .lst .singlecut1 .dprice4{color: #598cff; font-size:1.15em;}
.goods-wrap .lst .singlecut1 .dprice5{margin-top: 10px;  color: #598cff;letter-spacing:-1px;margin-left:-23px;font-family: 'NotoSansKR';}

.goods-wrap .lst .schoolpack1 .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .schoolpack1 .price{height: 124px; padding:0; align-items: center;}
.goods-wrap .lst .schoolpack1 .dprice2{background-color: #897df8; margin-top: 4%;}
.goods-wrap .lst .schoolpack1 .dprice3{color:#91949b; margin-top:3%;}
.goods-wrap .lst .schoolpack1 .dprice4{color: #897df8;}
.goods-wrap .lst .schoolpack1 .dprice5{color: #897df8;}


.goods-wrap .lst .creator1 .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .creator1 .price{height: 104px; padding:0; align-items: center;}
.goods-wrap .lst .creator1 .dprice2{background-color: #6cd48e; margin-top: 4%;}
.goods-wrap .lst .creator1 .dprice3{color:#91949b; margin-top:3%;}
.goods-wrap .lst .creator1 .dprice4{color: #6cd48e;}
.goods-wrap .lst .creator1 .dprice5{color: #6cd48e;}

.goods-wrap .lst .schoolpack11 .dprice1{font-family: 'Noto Sans', sans-serif;color: #91949b;font-size: 12px;font-weight: bold;text-decoration: line-through;}
.goods-wrap .lst .schoolpack11 .price{height: 56px; padding:0; align-items: center;}
.goods-wrap .lst .schoolpack11 .dprice2{background-color: #897df8; margin-top: 4%;}
.goods-wrap .lst .schoolpack11 .dprice3{color:#91949b; margin-top:3%;}
.goods-wrap .lst .schoolpack11 .dprice4{color: #897df8;}
.goods-wrap .lst .schoolpack11 .dprice5{color: #897df8;}

.goods-wrap .lst .free{}
.goods-wrap .lst .free .price_txt{padding: 18px 0 16px; color:#657db1;}
 /** 220825 ruby 수정 끝 **/


.goods-view{padding:0 15px 106px;background:#ecedf0;}
.goods-view .detail{margin:0 -15px;padding:0 15px 46px;background:#fff;text-align:center;}
.goods-view .detail dl{padding-top:112px;background:url(/resource/mobile/images/common/ico_my_free.png) no-repeat 50% 50px / 40px auto;}
.goods-view.standard .detail dl{background:url(/resource/mobile/images/common/ico_my_standard.png) no-repeat 50% 50px / 40px auto;}
.goods-view.premium .detail dl{background:url(/resource/mobile/images/common/ico_my_premium.png) no-repeat 50% 50px / 40px auto;}
.goods-view.single .detail dl{background:url(/resource/mobile/images/common/ico_my_singlecut.png) no-repeat 50% 50px / 40px auto;}
.goods-view.school .detail dl{background:url(/resource/mobile/images/common/ico_my_schoolpack.png) no-repeat 50% 50px / 40px auto;}
.goods-view.creator .detail dl{background:url(/resource/mobile/images/common/ico_my_creator.png) no-repeat 50% 50px / 40px auto;}

.goods-view .detail dt{color:#0f1010;font-size:37px;font-weight:300;line-height:41px;letter-spacing:-2px;}
.goods-view .detail dt span{display:block;padding-left:10px;color:#6c87c4;font-size:19px;font-weight:900;letter-spacing:10px;}
.goods-view.standard .detail dt span{color:#63d9d7;}
.goods-view.premium .detail dt span{color:#67c4f9;}
.goods-view.single .detail dt span{color:#6997ff;}
.goods-view.school .detail dt span{color:#958af9;}
.goods-view.creator .detail dt span{color:#6cd48e;}

.goods-view .detail dd{margin-top:15px;color:#35373a;font-size:13px;}
.goods-view .detail dd em{color:#3e71e4;}
.goods-view .detail p{margin-top:16px;padding-top:16px;padding-left:5px;border-top:1px solid #f5f6f7;}
.goods-view .detail p span{display:inline-block;height:29px;line-height:29px;margin:4px 2px;padding:0 13px;background:#f1f5fb;border-radius:5px;color:#0d4693;font-size:12px;font-weight:500;}
.goods-view .exp{margin-top:16px;padding:16px 15px;background:#fff;color:#35373a;font-size:13px;}
.goods-view .exp:nth-child(2){margin-top:26px;}
.goods-view .exp h2{color:#0f1010;font-size:15px;}
.goods-view .exp dl{margin-top:13px;}
.goods-view .exp dl:nth-child(2){margin-top:9px;}
.goods-view .exp dt{font-weight:700;}
.goods-view .exp dd{margin-top:4px;font-weight:300;}
.goods-view .exp ul{margin-top:11px;margin-bottom:4px;}
.goods-view .exp li{margin-top:9px;padding-left:24px;line-height:17px;}
.goods-view .exp .lst{margin-top:0;margin-bottom:-2px;}
.goods-view .exp .lst li{margin-top:7px;padding-left:7px;background:url(/resource/mobile/images/common/bul_circle_gray2.png) no-repeat 0 10px / 2px auto;color:#666c77;line-height:22px;}
.goods-view .exp li.standard{background:url(/resource/mobile/images/common/bul_my_standard.png) no-repeat 0 0 / 17px auto;}
.goods-view .exp li.premium{background:url(/resource/mobile/images/common/bul_my_premium.png?ymwon) no-repeat 0 0 / 17px auto;}
.goods-view .exp li.premium2{background:url(/resource/mobile/images/common/bul_my_premium2.png?ymwon) no-repeat 0 0 / 17px auto;}
.goods-view .exp li.single{background:url(/resource/mobile/images/common/bul_my_singlecut.png) no-repeat 0 0 / 17px auto;}
.goods-view .exp li.free{background:url(/resource/mobile/images/common/bul_my_free.png) no-repeat 0 0 / 17px auto;}
.goods-view .exp .txt{margin-top:9px;}
.goods-view .exp .sub{margin-top:12px;}
.goods-view .exp .pit{margin-top:17px;color:#ff5959;}
.goods-view .exp .red{margin-top:9px;color:#ff5959;}
.goods-view .exp .red em{font-weight:500;}
.goods-view .exp .price{margin-top:7px;}
.goods-view .exp .price:nth-child(3){margin-top:0;}
.goods-view .exp .price strong{color:#647eaf;}
.goods-view.standard .exp .price strong{color:#00bab7;}
.goods-view.premium .exp .price strong{color:#28a8f0;}
.goods-view.single .exp .price strong{color:#6997ff;}
.goods-view.school .exp .price strong{color:#958af9;}
.goods-view .exp .price strong em{font-size:14px;}
.goods-view .notice{margin-top:30px;}
.goods-view .notice h2{font-size:15px;}
.goods-view .notice li{margin-top:12px;padding-left:10px;background:url(/resource/mobile/images/common/bul_circle_gray2.png) no-repeat 0 6px / 4px auto;color:#666c77;font-size:12px;}
.goods-view .notice li:first-child{margin-top:11px;}
.goods-view .notice li dl{margin:6px 0 16px -10px;padding:15px 15px 13px;border:1px solid #b3b6bd;}
.goods-view .notice li dt{color:#3e71e4;font-weight:500;line-height:13px;}
.goods-view .notice li dt span{display:inline-block;height:13px;line-height:13px;padding:0 5px;background:#3e71e4;border-radius:3px;color:#fff;font-size:10px;font-weight:700;vertical-align:top;letter-spacing:0;}
.goods-view .notice li dd{margin-top:5px;font-size:11px;}


.goods-view .expnew{margin-top:16px;padding:16px 15px;background:#fff;color:#35373a;font-size:13px;}
.goods-view .expnew:nth-child(2){margin-top:26px;}
.goods-view .expnew h2{color:#0f1010;font-size:15px;}
.goods-view .expnew dl{margin-top:13px;}
.goods-view .expnew dl:nth-child(2){margin-top:9px;}
.goods-view .expnew dt{font-weight:700;}
.goods-view .expnew dd{margin-top:4px;font-weight:300;}
.goods-view .expnew ul{margin-top:11px;margin-bottom:4px;}
.goods-view .expnew li{line-height:17px;}
.goods-view .expnew .lst{margin-top:0;margin-bottom:-2px;}
.goods-view .expnew .lst li{margin-top:7px;padding-left:7px;background:url(/resource/mobile/images/common/bul_circle_gray2.png) no-repeat 0 10px / 2px auto;color:#666c77;line-height:22px;}
.goods-view .expnew li.standard{background:url(/resource/mobile/images/common/bul_my_standard.png) no-repeat 0 0 / 17px auto;}
.goods-view .expnew li.premium{background:url(/resource/mobile/images/common/bul_my_premium.png?ymwon) no-repeat 0 0 / 17px auto;}
.goods-view .expnew li.premium2{background:url(/resource/mobile/images/common/bul_my_premium2.png?ymwon) no-repeat 0 0 / 17px auto;}
.goods-view .expnew li.single{background:url(/resource/mobile/images/common/bul_my_singlecut.png) no-repeat 0 0 / 17px auto;}
.goods-view .expnew li.free{background:url(/resource/mobile/images/common/bul_my_free.png) no-repeat 0 0 / 17px auto;}
.goods-view .expnew .txt{margin-top:9px;}
.goods-view .expnew .sub{margin-top:12px;}
.goods-view .expnew .pit{margin-top:17px;color:#ff5959;}
.goods-view .expnew .red{margin-top:9px;color:#ff5959;}
.goods-view .expnew .red em{font-weight:500;}
.goods-view .expnew .price{margin-top:7px;}
.goods-view .expnew .price:nth-child(3){margin-top:0;}
.goods-view .expnew .price strong{color:#647eaf;}
.goods-view.standard .expnew .price strong{color:#00bab7;}
.goods-view.premium .expnew .price strong{color:#28a8f0;}
.goods-view.single .expnew .price strong{color:#6997ff;}
.goods-view.school .expnew .price strong{color:#958af9;}
.goods-view .expnew .price strong em{font-size:14px;}



.goods-view .expnew .price1{font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;font-size: 14px; font-weight: bold; color: #00bab7;margin:0px;text-align:left;vertical-align:middle;}
.goods-view .expnew .price2{font-family: 'Noto Sans', sans-serif;font-size: 14px; font-weight: normal; color: #666c78;text-decoration: line-through;
line-height:16px;padding-left:1px;text-align:left;}
.goods-view .expnew .price3{  box-sizing: border-box;background-color: #00bab7; border-radius: 2px;
font-size:13px;font-weight:600; color:#fff;width: 27px;   margin-right: 3px;text-align:center;display:inline-block;position:relative;top:-1px;line-height:1.5;}
.goods-view .expnew .price3 .price31{ font-family: 'Noto Sans', sans-serif;font-size: 12px;font-weight: bold;color: #fff;}
.goods-view .expnew .price3 .price32{  font-size: 8px;font-weight: 600; color: #fff;margin-left:-2px;}
.goods-view .expnew .price4{ font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; color: #00bab7;margin-top: -19px;margin-left: 112px;}
.goods-view .expnew .price5{ font-size: 13px; font-weight: normal; color: #35373a;  }

/* */


.goods-view .expnew .prprice1{font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;font-size: 14px; font-weight: bold; color: #28a8f0;margin:0px;text-align:left;vertical-align:middle;}
.goods-view .expnew .prprice2{font-family: 'Noto Sans', sans-serif;font-size: 14px; font-weight: normal; color: #666c78;text-decoration: line-through;
line-height:16px;padding-left:1px;text-align:left;}
.goods-view .expnew .prprice3{  box-sizing: border-box;background-color: #28a8f0; border-radius: 2px;
font-size:13px;font-weight:600; color:#fff;width: 27px;   margin-right: 3px;text-align:center;display:inline-block;position:relative;top:-1px;line-height:1.5;}

.goods-view .expnew .prprice3 .prprice31{ font-family: 'Noto Sans', sans-serif;font-size: 12px;font-weight: bold;color: #fff;}
.goods-view .expnew .prprice3 .prprice32{  font-size: 8px;font-weight: 600; color: #fff;margin-left:-2px;}
.goods-view .expnew .prprice4{ font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; color: #28a8f0;margin-top: -19px;margin-left: 112px;}
.goods-view .expnew .prprice5{ font-size: 13px; font-weight: normal; color: #35373a;  }

 .goods-view .expnew .prprice11{font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;font-size: 14px; font-weight: bold; color: #6cd48e;margin:0px;text-align:left;vertical-align:middle;}

/* */

.goods-view .expnew .preprice3{  box-sizing: border-box;background-color: #28a8f0; width: 23px; height: 16px;border-radius: 2px; margin-top: -18px; line-height: 14px;  margin-left: 93px;}
.goods-view .expnew .preprice3 .preprice31{ font-family: 'Noto Sans', sans-serif;font-size: 12px;font-weight: bold;color: #fff;}
.goods-view .expnew .preprice3 .preprice32{ font-family: 'Noto Sans', sans-serif;font-size: 6px;font-weight: bold; color: #fff;}
.goods-view .expnew .preprice4{ font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; color: #28a8f0;margin-top: -19px;margin-left:120px}
.goods-view .expnew .preprice5{ font-family: 'Noto Sans', sans-serif;font-size: 13px; font-weight: normal; color: #35373a;  margin-top: -20px;margin-left: 183px;}
.goods-view .expnew .preprice6{ font-family: 'Noto Sans', sans-serif;font-size: 13px; font-weight: normal; color: #35373a;  margin-top: -20px;margin-left: 194px;}

.goods-view .expnew .prprice33{  box-sizing: border-box;background-color: #6cd48e; border-radius: 2px;
font-size:13px;font-weight:600; color:#fff;width: 27px;   margin-right: 3px;text-align:center;display:inline-block;position:relative;top:-1px;line-height:1.5;}
.goods-view .expnew .prprice33 .prprice32{  font-size: 8px;font-weight: 600; color: #fff;margin-left:-2px;}

.goods-view .expnew .shprice1{font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;font-size: 14px; font-weight: bold; color: #958af9;margin:0px;text-align:left;vertical-align:middle;}
.goods-view .expnew .shprice2{font-family: 'Noto Sans', sans-serif;font-size: 14px; font-weight: normal; color: #666c78;text-decoration: line-through;
line-height:16px;padding-left:1px;text-align:left;}
.goods-view .expnew .shprice3{  box-sizing: border-box;background-color: #958af9; border-radius: 2px;
font-size:13px;font-weight:600; color:#fff;width: 27px;   margin-right: 3px;text-align:center;display:inline-block;position:relative;top:-1px;line-height:1.5;}
.goods-view .expnew .shprice3 .shprice31{ font-family: 'Noto Sans', sans-serif;font-size: 12px;font-weight: bold;color: #fff;}
.goods-view .expnew .shprice3 .shprice32{  font-size: 8px;font-weight: 600; color: #fff;margin-left:-2px;}
.goods-view .expnew .shprice4{ font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; color: #958af9;margin-top: -19px;margin-left: 112px;}
.goods-view .expnew .shprice5{ font-size: 13px; font-weight: normal; color: #35373a;  }


.goods-view .expnew .sgprice1{font-family:'NotoSans', 'NotoSansKR', 'malgun gothic', sans-serif;font-size: 14px; font-weight: bold; color: #6997ff;margin:0px;text-align:left;vertical-align:middle;}
.goods-view .expnew .sgprice2{font-family: 'Noto Sans', sans-serif;font-size: 14px; font-weight: normal; color: #666c78;text-decoration: line-through;
line-height:16px;padding-left:1px;text-align:left;}
.goods-view .expnew .sgprice3{  box-sizing: border-box;background-color: #6997ff; border-radius: 2px;
font-size:13px;font-weight:600; color:#fff;width: 27px;   margin-right: 3px;text-align:center;display:inline-block;position:relative;top:-1px;line-height:1.5;}
.goods-view .expnew .sgprice3 .sgprice31{ font-family: 'Noto Sans', sans-serif;font-size: 12px;font-weight: bold;color: #fff;}
.goods-view .expnew .sgprice3 .sgprice32{  font-size: 8px;font-weight: 600; color: #fff;margin-left:-2px;}
.goods-view .expnew .sgprice4{ font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; color: #6997ff;margin-top: -19px;margin-left: 112px;}
.goods-view .expnew .sgprice5{ font-size: 13px; font-weight: normal; color: #35373a;  }


/** 220826 ruby 수정 시작 **/
.single .expnew{padding:20px 15px;}
.single .expnew ul{margin-bottom:0}
.single .expnew li:nth-child(2){padding:3px 0;}


.m_event_calender{max-width:1080px; margin:0 auto;}
.m_event_calender img{width:100%; margin-top: 50px; margin-bottom:-30px;}
/** 220826 ruby 수정 끝 **/



/* 무료 콘텐츠 */
.benefit-wrap .info{padding:43px 0 46px;background:#f1f5fb;text-align:center;}
.benefit-wrap .info .sub{font-size:14px;font-weight:500;}
.benefit-wrap .info .tit{margin-top:3px;font-size:27px;font-weight:300;line-height:33px;letter-spacing:-1px;}
.benefit-wrap .info .pit{margin-top:25px;padding-left:20px;background:url(/resource/mobile/images/common/bul_emark_blue.png) no-repeat calc(50% - 87px) 50% / 13px auto;color:#3e71e4;font-size:12px;line-height:13px;}
.benefit-wrap .btn-center{border-bottom:8px solid #ecedf0;}
.benefit-wrap .tab{display:flex;justify-content:center;height:68px;border-bottom:1px solid #ecedf0;}
.benefit-wrap .tab li{position:relative;margin:38px 18px 0;}
.benefit-wrap .tab li a{display:block;color:#91949b;font-size:15px;font-weight:bold;}
.benefit-wrap .tab li.now a{color:#0f1010;}
.benefit-wrap .tab li.now a:before{display:block;content:'';position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#0f1010;border-radius:2px;}
.benefit-wrap .date{margin-top:5px;padding:26px 15px 15px;border-top:1px solid #ecedf0;color:#35373a;font-size:14px;font-weight:500;}
.benefit-wrap .date span{display:block;padding-left:20px;background:url(/resource/mobile/images/common/bul_calendar.png) no-repeat 0 3px / 14px auto;}
.benefit-wrap .about{padding:14px 15px 30px;}
.benefit-wrap .about ul:after{content:'';display:block;clear:both;}
.benefit-wrap .about li{float:left;width:50%;height:45px;margin-top:13px;padding-left:55px;background-repeat:no-repeat;background-position:0 50%;background-size:45px auto;box-sizing:border-box;}
.benefit-wrap .about li:nth-child(odd){width:calc(50% + 4px);}
.benefit-wrap .about li:nth-child(even){width:calc(50% - 4px);}
.benefit-wrap .about li.sns{background-image:url(/resource/mobile/images/common/ico_about_sns.png);}
.benefit-wrap .about li.post{background-image:url(/resource/mobile/images/common/ico_about_post.png);}
.benefit-wrap .about li.free{background-image:url(/resource/mobile/images/common/ico_about_free.png);}
.benefit-wrap .about li.print{background-image:url(/resource/mobile/images/common/ico_about_print.png);}
.benefit-wrap .about li.profit{background-image:url(/resource/mobile/images/common/ico_about_profit.png);}
.benefit-wrap .about li.notprofit{background-image:url(/resource/mobile/images/common/ico_about_not_profit.png);}
.benefit-wrap .about li .tit{margin-top:5px;color:#3e71e4;font-size:13px;font-weight:500;line-height:16px;white-space:nowrap;}
.benefit-wrap .about li .sub{margin-top:1px;color:#35373a;font-size:11px;white-space:nowrap;line-height:15px;}
.benefit-wrap .btn-view{display:block;height:38px;line-height:36px;margin-top:17px;border:1px solid #91949b;box-sizing:border-box;color:#666c77;font-size:13px;font-weight:700;text-align:center;}
.benefit-wrap .btn-view span{display:inline-block;padding-right:16px;background:url(/resource/mobile/images/common/bul_arr_right.png) no-repeat 100% 50% / 7px auto;}
.flex-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:-4px;padding:0 11px 16px;}
.flex-wrap li{position:relative;width:50%;padding:4px;box-sizing:border-box;}
.flex-wrap li .box{position:absolute;right:11px;bottom:11px;width:39px;height:39px;background:url(/resource/mobile/images/common/bul_box.png) no-repeat 0 0 / 39px 39px;}
.flex-wrap li .box.on{background:url(/resource/mobile/images/common/bul_box_on.png) no-repeat 0 0 / 39px 39px;}
.flex-wrap li a, .flex-wrap li p{display:block;position:relative;}
.flex-wrap li p:after,
.flex-wrap li a:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;}

/* 샘플 페이지 */
.event img { vertical-align:top;}
.event-area{position:fixed;top:50px;bottom:0;padding:0 15px 30px;overflow-y:scroll;box-sizing:border-box;}
#wrapper .popup-layer:first-child{z-index:1;display:block;}
.main-popup{z-index:20;display:none;position:fixed;top:50%;right:0;left:0;width:294px;margin:0 auto;background:#fff;border-radius:6px;transform:translateY(-50%);}
.main-popup #mainSwiper{border-radius:6px 6px 0 0;background:#dbeaff;}
.main-popup #mainSwiper .swiper-slide{height:342px;}
.main-popup #mainSwiper .swiper-slide img{width:100%;height:100%;}
.main-popup #mainSwiper .swiper-pagination{bottom:12px;}
.main-popup #mainSwiper .swiper-pagination{bottom:12px;}
.main-popup #mainSwiper .swiper-pagination-bullet{background:#b3b6bd;opacity:1;}
.main-popup #mainSwiper .swiper-pagination-bullet-active{background:#666c77;}
.main-popup .ctr{position:relative;padding:13px 15px;border-top:1px solid #ecedf0;}
.main-popup .ctr a{position:absolute;top:13px;right:15px;color:#3e71e4;font-size:15px;}
.main-popup .ctr label span{color:#91949b;font-size:13px;}
.main-popup .ctr label input[type=checkbox] + span:before{background-image:url(/resource/mobile/images/common/bul_check.png);}
.main-popup .ctr label input[type=checkbox]:checked + span:before{background-image:url(/resource/mobile/images/common/bul_check_on.png);}

@media screen and (max-width: 350px) {
.ft-info .lnk a{margin:0 6px;}
.grid p span{max-width:100px;}
.list-tip{padding-left:16px;padding-right:16px;}
.mypage .main{padding-right:15px !important;padding-left:15px !important;}
.mypage .main .lnk-licence{right:15px !important;}
.benefit-wrap .about li{padding-left:50px !important;}
}
@media screen and (min-width: 720px) {
.go-top,
.go-top-layer{right:50%;margin-right:-345px;}
.layer-wrap,
.prom-hd,
.prom-list,
.popup-layer,
.search-frm,
.search-layer,
.auto-context,
.search-container,
.coachmark-wrap,
.top-search.fixed,
.ft-btns,
.popup-hd,
.use-note,
.scroll-area,
#quickMenu{width:720px;left:auto !important;right:auto !important;}
html, body,
.alert-top,
.alert-bottom,
.filter-hd,
.filter-box,
.filter-cont,
.filter-btns,
.login-wrap,
.filter-layer{width:720px;margin:0 auto;}
.btn-overhide{position:absolute;}
}
@media screen and (max-height: 600px) {
.join-complete .member-tit{margin-top:50px;}
.join-complete .btn-area{margin-bottom:50px;}
}

/* 다크모드 */
@media(prefers-color-scheme:dark){
}

.hide{display:none;}