@charset "utf-8";
/* 전체 레이아웃, 팝업 레이아웃, 컨텐츠 정렬 모듈 */
/* 레이아웃 */
#wrap {width:100%; max-width:100%; min-height:100%;}

/* 헤더 */
.header {position:fixed; left:0; top:0; z-index:530; width:100%; background-color:#fff; border-bottom:1px solid #e6e6e6; transition-property:background-color, top; transition-duration:.3s; transition-timing-function:ease;}
	.h_inner {position:relative; margin:0 auto; width:100%; padding:0 16px;}
		.hi_wrap {position:relative; height:43px; background:#fff;}
			.logo_area {display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%; z-index:2; width:78px; height:22px; margin-top:-11px; margin-left:-39px; /* background:url('../images/common/logo_mint.png') no-repeat; background-size:auto 100%; */ vertical-align:middle;}
				.logo_area .link_main {display:block; height:100%;}
					.logo_area .link_main img {max-width:100%; vertical-align:top; font-size:0;}
			.h_subTitle {display:block; position:absolute; top:50%; left:50%; width:calc(100% - 34px); margin-top:-11px; margin-left:calc(-50% + 16px); text-align:center;}			
				.h_subTitle .tit_s18cBlack {max-width:75%;}

			.htBtn_left {position:absolute; left:-7px; top:0;}
				[class^="htBtn_"] [class^="btnIcon_"] {width:35px; height:43px; background-repeat:no-repeat; background-size:20px auto; background-position:center;}				
				.htBtn_left .btnIcon_back {background-image:url('../images/common/btn_back_dark.png'); background-size:12px auto;}
			.htBtn_right {position:absolute; right:-7px; top:0; white-space:nowrap;}
				.htBtn_right .btnIcon_srch {background-image:url('../images/common/btn_srch_dark.png'); background-size:18px auto;}
				.btnIcon_menu {background-image:url('../images/common/btn_menu.png');}
				.btnIcon_apply {display:none; padding-right:7px;}
					.btnIcon_apply .txt_btn_name {font-size:14px; color:#fff; font-weight:400;}
				/* .btnIcon_mypage {position:relative; background-image:url('../images/common/btn_mypage.png');}
				.btnIcon_mypage.new:before {position:absolute; bottom:8px; right:5px; width:7px; height:7px; border:2px solid #fff; background:#ed1c24; border-radius:50%; content:'';} */
		
		.hi_srch_wrap {display:none; position:relative; top:0; left:-16px; width:calc(100% + 32px); padding:5px 16px 20px;}
			.hi_srch_wrap .inp_txt_srchLine {display:block; width:100%; padding-right:60px;}
				.hi_srch_wrap .inp_txt_srchLine .s13cDark {padding-bottom:10px;}
				.hi_srch_wrap .btnIcon_reset {opacity:0; position:absolute; top:0; right:35px; width:30px; height:40px; background:url('../images/common/icon_reset.png') center no-repeat; background-size:16px auto;}			

			.inp_txt_srchLine.on {border-color:#27b5ac;}
				.inp_txt_srchLine.on .btnIcon_search_dark {background-image:url('../images/common/btn_srch_mint.png');}

			.srch_pop_w {display:none; position:absolute; top:65px; left:0; width:100%; padding:15px 16px 20px; border-radius:0 0 20px 20px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;}
				.sp_tit {padding-bottom:15px;}
					.sp_tit .btn_delete {float:right;}
						.sp_tit .btn_delete	.txt_s13cLGrayFM {padding-top:6px;}
				.srw_lists {max-height:170px; overflow-y:auto;}
					.srw_list {position:relative;}
					.srw_list + .srw_list {margin-top:10px;}
						.srw_list .link_subj {display:block; max-width:calc(100% - 60px);}
						.srw_list .btnIcon_delete {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; padding:0; background:url('../images/common/btn_delete_dark.png') center no-repeat; background-size:14px auto;}
			.inp_txt_srchLine.on + .srch_pop_w {display:block;}

		.header.main .hi_srch_wrap {display:block;}			

.header.main .btnIcon_back, .header.main .btnIcon_srch,
.header.sub .logo_area, .header.sub .btnIcon_back,
.header.study .logo_area, .header.study .btnIcon_menu,
.header.apply .logo_area, .header.apply .btnIcon_menu, .header.apply .btnIcon_srch {display:none;}
.header.apply .btnIcon_apply {display:block;}
.header.study {border-bottom:0;}
	.header.study, .header.study .hi_wrap, .header.apply, .header.apply .hi_wrap {background:#27b5ac;}
		.header.study .btnIcon_back, .header.apply .btnIcon_back {background-image:url('../images/common/btn_back_white.png');}
		.header.study .btnIcon_srch {display:none;}
		.header.study .h_subTitle .tit_s16cBlack {max-width:85%; color:#fff; font-weight:500;}
.header.pop {background:#333; border-bottom:0;}

	/* 컨텐츠 영역 */
	.container {padding:43px 0 48px;}
		[class^="contBox"] {margin:0 auto; width:100%; padding:20px 16px 90px;}	
		.contBox_subscribe, .contBox_dis {padding:20px 0 90px;}
		.contBox_study, .contBox_sme, .contBox_mypage, .contBox_support {padding:0 0 90px;}

		/* 썸네일 스타일 */
		[class^="thumbnail_"] {position:relative; width:100%; background:#fff;}
			.thumb_img {position:relative; width:100%; height:194px; background:rgba(0,0,0,.1); overflow:hidden;}
			.thumb_img .link_subj {display:block; width:100%; height:100%;}
				.thumb_img img {position:absolute; top:50%; left:50%; margin:auto; min-width:100%; width:auto; height:100%; transform:translate(-50%, -50%);}				
				.thumb_img [class*="_sign"], .thumb_img .txtLabel_cBlack_end {position:absolute; bottom:15px; right:15px; min-width:87px; height:26px; margin:0 auto; padding:7px 16px 4px; font-size:12px; border-radius:18px;}
				.thumb_img .txtLabel_cBlack_end, .txtLabel_cBlack_sign {background:rgba(18, 18, 18, 0.8);}
				.thumb_img .link_subj_study {position:absolute; right:10px; bottom:8px; padding-right:18px; white-space:nowrap; background:url('../images/main/icon_play.png') right center no-repeat; background-size:14px auto; z-index:3;}
				.thumb_img [class*="_sign"] {min-width:120px;}
				.txtLabel_cRed_sign {background:rgba(237, 28, 36, 0.7);}
				.txtLabel_cMint_sign {background:rgba(39, 181, 172, 0.8);}
				.txtLabel_cGray_sign {background:rgba(85, 85, 85, 0.8);}
				.txtLabel_cDark_sign {background:rgba(18, 18, 18, 0.8);}
			.thumb_cont {position:relative; padding:10px 15px 15px; background:#fff;}
				.tc_top {padding-bottom:2px;}
					.tc_top [class^="txt_"] {font-weight:400;}
					.tc_top [class^="txt_"] + [class^="txt_"], .tc_info > [class^="txt_"] + [class^="txt_"] {position:relative; min-height:13px; padding-left:9px;}
					.tc_top [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:4px; left:3px; width:1px; height:10px; background:#333; content:'';}
					.tc_top .txt_s11cLGray + .txt_s11cLGray:before, .tc_top .txt_s12cLGray + .txt_s12cLGray:before, .tc_info .txt_s12cLGray + .txt_s12cLGray:before {position:absolute; top:8px; left:2px; width:2px; height:2px; border-radius:50%; background:#898989; content:'';}
				.thumb_cont [class^="tit_"] {color:rgba(0,0,0,.8); font-weight:500;}
				.thumb_cont .tit_s18cBlack_ellipsis {max-width:100%; height:30px;}
				.thumb_cont .tit_s16cBlack_ellipsis {display:block; max-width:95%;}
				.thumb_cont [class^="tit_"]:hover {color:rgba(0,0,0,1);}
				.tc_info {padding-top:12px;}
					.tc_info [class^="txt_"] {font-weight:400;}
					.tc_info > .txt_s14cLGray + .txt_s14cLGray {padding-left:7px;}
					.tc_info_r {float:right; white-space:nowrap;}
						.tc_info_r [class^="txt_"] {padding-left:20px; font-size:12px; font-weight:400; color:#898989;}
						.tc_info_r [class^="txt_"] + [class^="txt_"], .tc_info_r .inp_chk_like + [class^="txt_"] {margin-left:6px;}
						.tc_info_r .txt_view {background:url('../images/common/icon_view_b.png') left center no-repeat; background-size:15px auto;}
						.tc_info_r .txt_comment {padding-left:20px; background:url('../images/common/icon_comment_b.png') left center no-repeat; background-size:15px auto;}
						.tc_info_r .txt_group {background:url('../images/common/icon_group.png') left center no-repeat; background-size:15px auto;}
						.tc_info_r .txt_heart {padding-left:18px !important; background:url('../images/common/icon_heart_line.png') left center no-repeat; background-size:15px auto;}
						.tc_chck {position:absolute; bottom:0; left:142px; width:calc(100% - 142px); white-space:nowrap;}							
							.tc_chck .tc_info_r {float:right;}
							.tc_info_r .inp_chk_like {width:auto;}
								.tc_info_r .inp_chk_like .icon_heart {width:15px; height:45px; top:0; left:0; margin-top:-25px; margin-bottom:0; margin-left:0; background-image:url('../images/common/icon_heart_line_s.png');}
								.tc_info_r .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:15px; height:45px; background-size:15px auto;}
					.thumb_cont .guide_btn_w {position:absolute; top:8px; right:9px; height:25px;}
						.thumb_cont .guide_btn_w .btnIcon_viewGuide {width:30px; height:25px; background-image:url('../images/common/icon_guide_info_off.png');}
						.thumb_cont .guide_btn_w .btnIcon_viewGuide:hover {background-image:url('../images/common/icon_guide_info.png');}
							.thumb_cont .guide_layer_bottomLeft {top:calc(100% + 9px); width:240px; z-index:11;}
								.thumb_cont .guide_layer_bottomLeft .lg_inner {padding:10px;}
								.thumb_cont .guide_layer_bottomLeft .lg_inner:before {right:17px;}
									.lcl_list .txt_s12cWhite {font-weight:300;}
									.lcl_list .txt_s12cWhite:first-child {width:85px;}
					.tc_tool {position:absolute; top:2px; right:0;}

				.tc_opt {position:relative; margin-top:6px;}
					.tc_opt .txt_s12cDarkFM + .txt_s12cDarkFM {padding-left:3px; white-space:nowrap;}
					.opt_sme_w {position:relative; padding:0 0 0 33px;}
						.tsw_img {position:absolute; top:-1px; left:0; width:26px; height:26px; border-radius:50%; background:#f3f3f3; font-size:0;}
							.tsw_img img {width:100%; height:100%; border-radius:50%;}
						.opt_sme_w .txt_s12cBlack_ellipsis {max-width:calc(100% - 60px); font-weight:400; line-height:1;}
					.thumb_img .inp_chk_like {position:absolute; top:7px; right:7px; z-index:9;}						  
					  /* @keyframes poof {
						from {
						  bottom: 0;
						  opacity: 0.8;
						}						
						to {
						  bottom: 24px;
						  opacity: 0.3;
						}
					  } */
					  /* @keyframes poof {
						0% {
						  transform: scale(1.6);
						}
						15% {
						  transform: scale(1);
						}
						25% {
						  transform: scale(1.3);
						}
						30% {
						  transform: scale(1);
						}
					  } */
		
		/* SME 채널 썸네일 */
		[class^="thumbnail_sme"] {padding:22px 20px 18px 102px; height:110px; text-align:center;}
		[class^="thumbnail_sme"] a {display:block;}
			[class^="thumbnail_sme"] .thumb_img {position:absolute; top:20px; left:20px; width:70px; height:70px; margin:0 auto; border-radius:50%;}
				[class^="thumbnail_sme"] .thumb_img img {border-radius:50%; font-size:0;}
				.tiw_layer {width:100%; height:100%; padding:0 15px; background:url('../images/discover/bg_thumbnail_ex.png') no-repeat; background-size:cover;}
					.tl_tit {display:grid; height:100%; vertical-align:middle;}
					.tiw_layer .tit_s12cWhite_ellipsisC2 {max-height:26px; line-height:1.2;}
			[class^="thumbnail_sme"] .thumb_cont {padding:0;}
				.txt_sme_rank {position:absolute; bottom:40px; left:30px; font-size:1.889em;}
				[class^="thumbnail_sme"] [class^="tit_"] {display:block; max-width:100%; height:auto; color:#111111; text-align:left; font-weight:500;}
				[class^="thumbnail_sme"] .tc_info {padding-top:0; text-align:left;}
				.ti_keyword_w {max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
					.ti_keyword_w [class^="txt_"] {font-weight:400;}
					[class^="thumbnail_sme"] .tc_info_r {float:unset;}
						[class^="thumbnail_sme"] .tc_info_r [class^="txt_"] {color:#adadad; vertical-align:middle;}
				.tc_btn /* , .mark_user */ {position:absolute; bottom:16px; left:20px; width:calc(100% - 40px);}
					.tc_btn .inp_chk_subscription {float:right; width:63px;}
						.tc_btn .inp_chk_subscription [class^="btn_"] {width:100%; height:25px; border-radius:20px; line-height:1.5;}
							.tc_btn .inp_chk_subscription [class^="btn_"] [class^="txt_"] {font-weight:400;}
				
				.cwl_list .tc_info {height:48px;}
					.cwl_list .tc_info_r {position:absolute; bottom:0; left:0;}
					.cwl_list .tc_btn {bottom:0; right:40px; width:calc(100% - 20px);}
					
				/* .mark_user {padding:10px 18px; border-radius:20px; background:#ccc;}
					.mark_user .icon_user {width:20px; height:20px; margin-right:5px; background:url('../images/mypage/icon_user.png') center no-repeat; background-size:100% auto; vertical-align:top;}
					.mark_user .icon_user + .txt_s14cWhite {font-weight:400; vertical-align:top;} */

		.thumbnail_smeMini {padding:0; width:63px; height:auto; box-shadow:unset;}
			.thumbnail_smeMini:hover {box-shadow:unset;}
			.thumbnail_smeMini .thumb_img {position:relative; top:auto; left:auto; width:63px; height:63px;}
			.thumbnail_smeMini.new:before {position:absolute; top:45px; right:1px; width:12px; height:12px; border-radius:50%; background:#ed1c24; border:2px solid #fff; content:''; z-index:2;}
			.thumbnail_smeMini .thumb_cont {padding-top:10px;}
				.thumbnail_smeMini .thumb_cont .tit_s13cBlack_ellipsis {text-align:center;}

		.thumbnail_smeSub {width:152px; height:212px; padding:39px 15px 15px; border-radius:5px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);}
			.thumbnail_smeSub .txt_sme_rank {top:15px; left:15px; bottom:auto; font-size:18px; color:#27b5ac;}
			.thumbnail_smeSub .thumb_img {position:relative; top:auto; left:auto; width:73px; height:73px;}
			.thumbnail_smeSub .thumb_cont {padding-top:10px;}
				.thumbnail_smeSub .thumb_cont .tit_s14cBlack_ellipsis {text-align:center;}
			.thumbnail_smeSub .tc_btn {left:15px; width:calc(100% - 30px); bottom:-43px;}
				.thumbnail_smeSub .tc_btn .inp_chk_subscription {width:100%;}

		.thumbnail_col {}
			.thumbnail_col .thumb_img {position:absolute; top:0; left:0; width:132px; height:80px; border-radius:5px; z-index:2;}
			.thumbnail_col .thumb_cont {min-height:80px; padding:5px 0 5px 142px;}
				.thumbnail_col .thumb_cont .tit_s14cBlack_ellipsis {display:block; max-width:100%;}
				.thumbnail_col .thumb_cont .tc_info {padding-top:5px;}
					/* .thumbnail_col .tc_info .txt_s12cLGray + .txt_s12cLGray:before {top:5px;} */
					.thumbnail_col .tc_info + [class*="_status"] {padding-top:8px;}

		/* 수강후기, 댓글 스타일 */
		.replyForm_group_w {position:relative;}
			.rf_average {position:absolute; top:-57px; right:0; width:auto;}
				.rf_average .starRate_w {padding:4px 7px 5px; white-space:nowrap;}
					.rf_average .formGroup_rdStar {vertical-align:text-top;}
						.rf_average .icon_star_left, .rf_average .icon_star_right {width:8px; height:16px;}
						.rf_average .formGroup_rdStar .txt_s12cBlack {padding-left:10px; letter-spacing:-0.5px; vertical-align:text-top;}

			.reply_write_w {position:relative; left:-16px; width:calc(100% + 32px); padding:15px 16px; background:#f8f8f8; overflow:hidden;}
			.reply_write_w.cmmt {left:auto; width:100%; padding:0 0 0 50px; background:#fff;}
				.reply_write_w .rl_img_w {top:0;}
				.rpw_star {padding-bottom:10px;}				
					.rpw_star .formGroup_rdStar .txt_s14cBlack, .rpw_star .txt_s12cLGrayFM {padding-left:8px;}
					.rpw_star .inp_radio_starRight + .inp_radio_starLeft {margin-left:3px;}
				.reply_write_w .inp_txtArea {float:left; width:calc(100% - 66px);}
					.replyForm_group_w textarea {height:73px;}
				.reply_write_w .btn_reply_enroll {float:right; width:56px; height:73px; border:1px solid #dbdbdb; background:#f2f2f2;}
				.reply_write_w.active .btn_reply_enroll {background:#555555;}
					.reply_write_w.active .btn_reply_enroll .txt_s14cLGray {color:#fff;}
				.reply_write_w .inp_chk_secret {margin-bottom:5px; white-space:nowrap;}

			.reply_write_w + [class^="rpw_lists_"] {margin-top:15px;}
			[class^="rpw_lists_"] {border-top:1px solid #e6e6e6;}
				.rpw_list {position:relative; min-height:131px; padding:20px 10px 20px 50px; border-bottom:1px solid #e6e6e6;}					
					.rl_img_w {position:absolute; top:20px; left:0; width:40px; height:40px; background:#f3f3f3; border-radius:50%; font-size:0;}
						.rl_img_w img {width:100%; height:100%; border-radius:50%;}
					.rpw_list .formGroup_rdStar {display:block; padding-bottom:11px;}
						.rpw_list .icon_star {width:7px; height:14px;}
						.rpw_list .formGroup_rdStar .txt_s14cBlack {font-weight:400;}
					.rpw_list .txt_s14cBlackFS {display:block; padding-bottom:3px;}					
					.rpw_list .rp_txt {position:relative; overflow:hidden;}
						.rp_txt .btn_tl_more {display:none; position:absolute; bottom:-2px; right:0; padding:5px; box-shadow:0px 9px 5px 4px #fff; background:#fff; border-radius:0;}
							.rp_txt .btn_tl_more .txt_btn_name {font-size:12px; color:#898989; font-weight:400;}
						.rp_txt .btn_tl_more.active {bottom:-34px;}
					.rl_info {padding-top:10px;}
						.rl_info .txt_s12cLGray {font-weight:400; white-space:nowrap;}
						.rl_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:12px;}
						.rl_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:3px; margin-top:-2px; width:3px; height:3px; background:#898989; content:''; border-radius:50%;}
						
						.rpw_list .rl_info .inp_chk_like {position:relative; display:inline-block; margin:0 0 0 10px; padding-left:25px;}
						.rpw_list .rl_info .inp_chk_like:before {position:absolute; top:12px; left:-6px; width:3px; height:3px; background:#898989; border-radius:50%; content:'';}
							.rpw_list .rl_info .inp_chk_like .icon_heart {width:16px; margin-bottom:-6px;}
							.rpw_list .rl_info .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:16px; background-size:16px auto;}

					.rpw_list .tools_btn_w {position:absolute; top:10px; right:-12px;}
					
					.modify_btn_w {padding-top:8px; text-align:right;}
						.modify_btn_w [class^="btn_"] {width:64px; height:26px; padding:4px 12px 7px; vertical-align:top;}
						.modify_btn_w [class^="btn_"] + [class^="btn_"] {margin-left:3px;}
							.modify_btn_w [class^="btn_"] .txt_btn_name {font-size:12px;}
					.modify .rl_info {position:absolute; bottom:15px; padding-top:0; white-space:nowrap;}

			.replyForm_group_w .inner_noData {padding:30px;}
			.reply_write_w + .inner_noData {margin-top:20px;}

	/************** 학습창 **************/
	.lp_title {position:relative; height:48px; padding:12px 16px; background:#333; overflow:hidden;}
		.lp_title .txt_s16cWhite_ellipsis {max-width:70%;}
		.lp_title .btnIcon_close {position:absolute; top:50%; right:5px; width:40px; height:40px; margin-top:-20px; background:url('../images/common/btn_pop_close_white.png') center no-repeat; background-size:20px auto;}
		.graph_container {position:absolute; top:50%; right:45px; width:36px; height:36px; margin-top:-18px;}
			.graph_container .circle-graph p {font-size:10px; color:#fff; font-weight:400;}
			
	.viewer_w {position:relative; width:calc(100% + 1px); background:#f8f8f8; letter-spacing:-5px; text-align:center;}
		/* video */
		.viewer_w .align_maker {/* margin-left:-1px; */ vertical-align:middle;}
		.viewer_w .video_player_w {display:inline-block; position:relative; overflow:hidden; padding-bottom:56.25%; width:100%; height:auto; vertical-align:middle; letter-spacing:-0.5px;}
			.viewer_w .video_player_w video {position:absolute; left:0; top:0; width:100%; height:100%; outline:none;}
		/* .fullscreen .viewer_w .video_player_w {padding-bottom:calc(100vh - 158px);} */
		video::-webkit-media-controls-panel {display: flex !important; opacity: 1 !important;}
		.vjs-fullscreen-control {display:none !important;}

		/* 유투브 */
		.viewer_w .video_player_w .youtube {position:absolute; left:0; top:0; width:100%; height:100%;}		
		.viewer_w .video_player_w .youtube iframe {width:100%; height:100%;}		
		
		.video_player_w.ty2 {padding-bottom:0; height:420px;}
		
		/* 카드러닝 */
        .card_view_w {display:inline-block; width:100%; height:210px; vertical-align:middle; text-align:center;}
            .thumbSlider_cardView {width:100%;}
                .thumbSlider_cardimg {height:210px;}
                    .thumbSlider_cardimg .slider_list, .thumbSlider_cardimg .slider_list .align_maker {height:210px;}
                    .thumbSlider_cardimg .slider_list + .slider_list {margin-left:0 !important;}
                    .thumbSlider_cardimg .cv_img_w {display:inline-block; width:100%; vertical-align:middle; background:#e6e6e6;}
                        .thumbSlider_cardimg .cv_img_w img {display:inline-block; max-width:100%; max-height:210px; text-align:center; vertical-align:middle;}
					
					.thumbSlider_cardimg .slick-prev, .thumbSlider_cardimg .slick-next {width:45px; height:90px; z-index:3;}
					.thumbSlider_cardimg .slick-prev {left:0; background:url('../images/common/img_slider_prev.png') no-repeat; background-size:100% auto;}
					.thumbSlider_cardimg .slick-next {right:0; background:url('../images/common/img_slider_next.png') no-repeat; background-size:100% auto;}
					.thumbSlider_cardimg .slick-prev.slick-disabled, .thumbSlider_cardimg .slick-next.slick-disabled {display:none !important;}

            .card_view_w .progress {display:block; width:100%; height:3px; overflow:hidden; background-color:#555; background-image:linear-gradient(to right, #27b5ac, #27b5ac); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out;}
            
            .thumbSlider_cardView .counter_w {position:absolute; bottom:12px; right:10px;}
				.counter_w .btn_primaryh20 {margin-left:5px; width:47px; height:20px; vertical-align:bottom;}
					.counter_w .btn_primaryh20 .txt_s12 {color:#fff; font-weight:400;}    

			.card_view_w .slideCount {position:absolute; bottom:12px; right:67px; font-size:13px; color:#fff; letter-spacing:-0.5px;}        
				.card_view_w .slideCount .slideCountItem {margin-right:3px; padding:3px 10px; font-size:12px; color:#121212; font-weight:500; background:#fff; border-radius:3px;}
				.card_view_w .slideCount .slideCountItem {margin-left:5px;}

			[class^="layer_continue"] {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:99;}
				[class^="layer_continue"] .lc_box {display:inline-block; padding:25px 32px; border-radius:3px; background:rgba(0, 0, 0, 0.85); vertical-align:middle;}
					.lc_box .txt_s14cWhite {display:block; padding-bottom:24px; letter-spacing:0;}
					.lc_box [class^="btn_"] {width:131px; height:33px; border-radius:3px;}
					.lc_box [class^="btn_"] + [class^="btn_"] {margin-left:8px;}
	
			.layer_continue_card .lc_box {width:calc(100% - 200px); height:calc(100% - 70px); padding:0; line-height:calc(100vh - 150px);}
	
			.vw_pagination {padding:10px 16px; background:#333; text-align:center;}
				.vw_pagination [class^="txt_"] {font-weight:400; letter-spacing:1px; vertical-align:middle;}
								
				.vw_pagination [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:15px;}
				.vw_pagination [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:6px; left:5px; width:1px; height:13px; background:#27b5ac; transform:rotate(20deg); content:'';}

				.vw_pagination [class^="btnIcon_"] {vertical-align:middle;}
				.vw_pagination .btnIcon_prev {width:30px; height:30px; margin-right:5px; background:url('../images/common/btn_visual_prev.png') center no-repeat; background-size:18px auto;}
				.vw_pagination .btnIcon_next {width:30px; height:30px; margin-left:5px; background:url('../images/common/btn_visual_next.png') center no-repeat; background-size:18px auto;}				
				.vw_pagination .btnIcon_prev.disabled {background:url('../images/common/btn_visual_prev_off.png') center no-repeat; background-size:18px auto;}
				.vw_pagination .btnIcon_next.disabled {background:url('../images/common/btn_visual_next_off.png') center no-repeat; background-size:18px auto;}				

		/* 텍스트 */
        .ml_board_text {display:inline-block; width:100%; border-bottom:10px solid #f3f3f3; letter-spacing:-.3px; vertical-align:middle;}
            .mbb_inner {width:100%; height:210px; margin:0 auto; padding:15px 16px; vertical-align:middle; background:#f8f8f8; text-align:left; overflow-y:auto;}
                .mbb_inner [class^="tit_"] {display:block; padding-bottom:10px; font-weight:500;}
                .mbb_inner [class^="txt_"] {display:block; font-weight:400; letter-spacing:-1px;}
                .mbb_inner [class^="txt_"] + [class^="txt_"] {padding-top:10px;}  
				.mbb_inner .table_wrap th {background:#ebebeb;}
					.mbb_inner .table_wrap th .txt_s13cDark {font-weight:500;}
					.mbb_inner .table_wrap td {padding:8px 10px; background:#fff; text-align:left;}

					.mbb_inner .af_list {margin:0;} 
					.mbb_inner .af_list + .af_list {margin-top:5px;}
                    	.mbb_inner .linkIcon_file [class^="txt_"] {display:inline-block; margin-top:0;}
					
		/* 링크, pdf */
		.ml_board_box {position:relative; height:210px;}			
			[class^="mlb_layer_"] {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/tmp/bg_layer.png') no-repeat; background-size:100% 100%;}			
				[class^="mlb_layer_"] .tm_input_w {display:inline-block; width:calc(100% - 64px); vertical-align:middle;}                    
					[class^="mlb_layer_"] .tm_input_w .inp_txt_link {display:block; width:100%; margin-bottom:20px; border:0; letter-spacing:-0.5px;}
						.inp_txt_link .txt_s14cWhiteFM_ellipsis {white-space:normal;}
				.tm_input_w [class^="btn_"] {width:210px;}
			.ml_board_pdf iframe {width:100%; height:100%;}
				.mlb_layer_pdf .tm_input_w .inp_txt_link {background-image:url('../images/common/icon_pdf.png');}


	.lp_info_w {padding:12px 16px; border-bottom:10px solid #f3f3f3;}
		.mh_top {padding-bottom:4px;}
			.mh_top [class^="txt_"] {font-size:10px; font-weight:400;}
			.mh_top [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:10px;}
			.mh_top [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:0; left:1px; font-size:10px; color:#898989; content:'•';}
		.lp_info_w .tit_s18cBlackFB {display:block; padding-bottom:20px; line-height:1.4;}		
		.lp_info_w .opt_sme_w .txt_s14cDarkFM_ellipsis {max-width:100%;}
		.opt_sme_w + .mh_info {padding-top:7px;}
		.mh_info {overflow:hidden;}
			.mh_info [class^="txt"] {font-size:12px; font-weight:400; color:#898989;}
			.mhi_lists {float:right; white-space:nowrap;}
				.mhi_lists [class^="txtIcon"] {padding-left:21px; background-repeat:no-repeat; background-size:16px auto; background-position:left center;}
				.mhi_lists [class^="txtIcon"] + [class^="txtIcon"] {margin-left:15px;}
				.mhi_lists .txtIcon_view {background-image:url('../images/common/icon_view.png');}
				.mhi_lists .txtIcon_comment {background-image:url('../images/common/icon_comment.png');}
				.mhi_lists .txtIcon_heart {background-image:url('../images/common/icon_heart_line.png');}

	.tab_wrap_lp {}
		.tab_wrap_lp .tab_scroll {padding:0 10px; border-bottom:1px solid #e6e6e6;}
			.tab_wrap_lp .tabmenu_line {height:40px;}
				.tab_wrap_lp .tab_list + .tab_list {margin-left:0;}
					.tab_wrap_lp .tabmenu_line .btn_tab {padding:11px ​0 13px;}

		.tab_wrap_lp .tabCont_w {position:relative; padding:15px 16px 60px; height:calc(100% - 20px); overflow-y:auto;}
			.tlp_mtit {padding-bottom:15px;}
			.tlp_mtit + .tlp_tit {padding-top:0;}

			.tlp_tit {display:block; padding:30px 0 15px; font-weight:700;}
			.tlp_tit:first-child, #replyForm > .tlp_tit {padding-top:0;}
				.tlp_tit .tit_s14cBlack .cMint, .tlp_mtit .tit_s14cBlack .cMint {padding-left:6px; font-weight:500;}
				.tlp_tit .tit_s14cBlack + .inp_chk {position:absolute; top:14px; right:16px;}
			.tab_wrap_lp .keyword_lists_w {padding-top:13px;}
				.tab_wrap_lp .kw_list .link_keyword {height:24px; padding:3px 10px; font-size:11px;}
			.tm_relative_w .tr_list + .tr_list {padding-top:15px;}
			.lp_info_w .icon_star_left, .lp_info_w .icon_star_right {width:8px; height:16px;}

			/* 내용 탭 */
			.tab_wrap_lp .cb_link {float:unset; padding-right:0;}
			.tab_wrap_lp .cb_link + .inner_noData {}
			.cb_link + .mi_txt {padding-top:15px;}
				.mi_txt .txt_s14cDarkFM {word-break:keep-all;}
				.mi_txt img {max-width:100%;}

			/* 목차, 북마크 탭 */
			.piece_contents {position:relative; left:-16px; width:calc(100% + 32px);}
				.bk_write_w {padding:0 16px 15px;}
					.bk_write_w .txt_s14cBlackFS {display:block; padding-bottom:3px;}
					.bk_write_w .inp_txt_gray {width:calc(100% - 55px); height:40px; margin:0 3px 0 0; vertical-align:middle;}
						.bk_write_w .inp_txt_gray .s14cLGray::placeholder {line-height:1.7;}
					.bk_write_w .btn_scDarkh40 {width:48px;}
						.bk_write_w .btn_scDarkh40 .txt_btn_name {font-size:14px;}
				.pc_lists_w {border-top:1px solid #e6e6e6;}
					.pc_list {position:relative; border-bottom:1px solid #e6e6e6;}
					.pc_list.active {background:rgba(39, 181, 172, 0.1);}
					.pc_list.complete {background-image:url('../images/common/icon_check_mint.png'); background-repeat:no-repeat; background-size:20px auto; background-position:calc(100% - 20px) center;}
						.pc_list > .tit_s14cBlack {width:100%; padding:20px 16px 20px 44px; font-weight:500;}
							.pc_list > .tit_s14cBlack .txt_s14cLGray {padding-left:10px; font-weight:400;}
						.pc_list .btn_study_card {width:100%; padding:20px 55px 22px 44px; text-align:left; background:url('../images/common/arrow_down_line_s.png') calc(100% - 16px) center no-repeat; background-size:20px auto;}
						.pc_list .btn_study_card.active {background:url('../images/common/arrow_up_line_s.png') calc(100% - 16px) center no-repeat; background-size:20px auto;}
							.btn_study_card .tit_s14cBlack {line-height:1.7; font-weight:500; white-space:normal;}
							.pc_list .bk_cont_w {display:none; position:relative; background:#f8f8f8;}                            
								.bc_list {position:relative; padding:15px 55px 15px 70px;}
								.bc_list:before {position:absolute; top:0; left:0; width:100%; height:1px; background:#e6e6e6; content:'';}
									.bc_list .txt_s14cDark_num {position:absolute; top:15px; left:16px;}
									.bc_list .txt_s14cGDark {font-weight:400; word-break:keep-all;}
									.bc_list .rp_utill {position:absolute; top:8px; right:0;}
									.bc_list .inp_txt_default {display:block; width:100%; height:40px; background:#fff;}
									.bk_write_w .inp_txt_gray input[type="text"], .bc_list .inp_txt_default input[type="text"] {height:40px; padding:6px 13px 9px;}									

						.pc_list [class^="icon_aside_"] {position:absolute; top:21px; left:16px; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
						.icon_aside_audio {background:url('../images/common/icon_aside_audio.png');}
						.icon_aside_card {background:url('../images/common/icon_aside_card.png');}
						.icon_aside_exam {background:url('../images/common/icon_aside_exam.png');}
						.icon_aside_link {background:url('../images/common/icon_aside_link.png');}
						.icon_aside_pdf {background:url('../images/common/icon_aside_pdf.png');}
						.icon_aside_report {background:url('../images/common/icon_aside_report.png');}
						.icon_aside_seminar {background:url('../images/common/icon_aside_seminar.png');}
						.icon_aside_survey {background:url('../images/common/icon_aside_survey.png');}
						.icon_aside_txt {background:url('../images/common/icon_aside_txt.png');}
						.icon_aside_video {background:url('../images/common/icon_aside_video.png');}
						.icon_aside_youtube {background:url('../images/common/icon_aside_youtube.png');}
						.icon_aside_gallery {background:url('../images/common/icon_aside_gallery.png');}
													
			/* 댓글 탭 */
			.rpw_lists_micro {position:relative; top:-15px; left:-16px; margin-top:5px; width:calc(100% + 32px); border-top:0;}
				.rpw_lists_micro .rpw_list {min-height:auto; margin:0 16px; padding:15px 0 15px 48px}
					.rpw_list .inp_chk_like {display:block; padding-left:26px;}
						.rpw_list .rl_info .inp_chk_like .icon_heart  {width:14px; height:28px; margin-bottom:-4px; background-image:url('../images/common/icon_heart_gray.png');}
						.rpw_list .rl_info .inp_chk_like input[type="checkbox"]:checked + .icon_heart {width:14px; height:28px; background:url('../images/common/icon_heart_mint.png') center bottom no-repeat; background-size:14px auto;}
						.rpw_list .rl_info .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:14px; background:url('../images/common/icon_heart_mint.png') center bottom no-repeat; background-size:14px auto;}
							.rpw_list .inp_chk_like .icon_heart + .txt_s12cLGray {font-weight:400;}
						.rpw_list .txt_s12cGray {clear:both; padding-top:5px; font-weight:400;}
				.rpw_lists_micro .rl_img_w {width:40px; height:40px; top:15px; left:0;}
				.rpw_lists_micro .reply_write_w {left:0; width:100%; padding:0; background:none;}
					.rpw_lists_micro .reply_write_w .inp_txtArea {width:calc((100% - 70px));}
						.rpw_lists_micro .reply_write_w textarea {height:73px;}
					.rpw_lists_micro .reply_write_w .btn_reply_enroll {width:59px; margin-left:5px;}
				.rpw_lists_micro .rl_info {padding:0 0 10px;}
				.rpw_lists_micro .txt_s14cBlackFM + .rl_info, .rpw_lists_micro .inp_txtArea + .rl_info {padding:7px 0 0;}
					.rpw_lists_micro .rl_info .txt_s14cBlack {font-weight:700;}
					.rpw_lists_micro .txt_s14cBlack + .txt_s12cLGrayFM {vertical-align:text-bottom;}
				.rpw_lists_micro .rpw_list .tools_btn_w {top:6px;}
				.rpw_lists_micro .modify .rl_info {position:relative; bottom:auto;}
				.rpw_lists_micro .inp_txtArea + .rl_info {display:inline-block;}
				.rpw_lists_micro .modify_btn_w {float:right; white-space:nowrap;}

			/* 게시판 보드 */
			.board_wrap_write {}
				.board_wrap_write .inp_txt_default, .piece_w_write .inp_txt_default {display:block; width:100%; background:#fcfcfd; border:1px solid #dbdbdb;}
					.board_wrap_write .inp_txt_default .s14cDark, .piece_w_write .inp_txt_default .s14cDark {position:relative; height:50px; padding:10px 10px 13px;}
					.board_wrap_write .inp_txt_default input[type="text"]::placeholder, .piece_w_write .inp_txt_default input[type="text"]::placeholder {position:relative; color:#898989; background:url('../images/common/icon_required.png') no-repeat; background-size:7px auto; background-position:128px 4px;}
					.board_wrap_write .inp_txt_default .s14cDark::placeholder:before {position:absolute; top:10px; left:100px; width:3px; height:3px; font-size:16px; color:#f04b4d; content:'*'; z-index:3;}
					.board_wrap_write .inp_txtArea_gray textarea {height:194px; background:#fcfcfd; border:1px solid #dbdbdb;}
					.boad_edit_w {min-height:260px; margin-top:10px; background:#fcfcfd; color:#898989; font-size:14px;}
					  
				.bdw_btn_w {display:block; margin:11px 0 20px; overflow:hidden;}
					.bdw_btn_w [class^="btn_"] {border-color:#ccc;}
					.bdw_btn_w .btn_grayLineh40_video {width:151px;}
					.bdw_btn_w .btn_grayLineh40_micro {width:calc(100% - 161px);}
					.bdw_btn_w [class^="btn_"] + [class^="btn_"] {margin-left:5px;}
						.bdw_btn_w [class^="icon_"] {width:20px; height:20px; margin-right:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center;}
						.bdw_btn_w [class^="icon_"] {width:20px; height:20px; margin-right:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center;}
						.icon_video {background-image:url('../images/common/icon_video_gray.png');}
						.icon_micro {background-image:url('../images/common/icon_micro.png');}
						
			.board_wrap_write .formGroup_addFile {padding-top:15px;}
				.addfile_tit {position:relative; height:56px; padding-bottom:20px; overflow:hidden;}
					.addfile_tit .txt_s16cBlack {padding-top:15px;}
					.addfile_tit .btn_secondary_file {position:absolute; top:50%; right:0; width:79px; height:32px; margin:-20px 0 0 0; padding:8px 3px; border:1px solid #cbcbcb; background:#fff; cursor:pointer;}
					.btn_secondary_file .txt_s13 {color:#121212;}
				
				.box_file_none {width:100%; padding:20px 0; background:#f8f8f8; border:1px solid #e6e6e6; border-radius:5px; text-align:center;}
					.box_file_none .icon_filedrop {width:26px; height:26px; margin-right:10px; background:url('../images/common/icon_file_drop.png') no-repeat; background-size:100% auto;}
				.file_lists_sw + .box_file_none {margin-top:10px;}
				.file_drop_w .link_file, .file_drop_w .link_file {padding:4px 50px 4px 32px; background-size:16px auto; background-position:10px 8px;}
				.file_drop_w .af_slist .btnIcon_delete_gray {background-size:16px auto;}

				.board_info {display:block; margin:12px 0 0; padding-left:25px; background:url('../images/common/icon_guide_info_b.png') left 1px no-repeat; background-size:20px auto; font-size:14px; color:#606060;}

			.board_wrap_reply {border-top:1px solid #333;}
				.bdv_top_w {position:relative; padding:20px 16px; border-bottom:1px solid #dbdbdb;}
					.bdv_top_w .txt_s14cGrayFM {display:block; padding-bottom:6px;}	
					.bdv_top_w .txt_s18cBlack + .txt_s14cGrayFM {display:block; padding-top:3px;}
					.bdv_top_w .txt_s13cBlackFM {display:block; padding-top:4px;}
						.bdv_top_w .txt_s13cBlackFM [class^="c"] {padding-right:5px;}
					.bdv_top_w .bvt_info {}
						.bvt_info [class^="txt_"] {font-size:12px; font-weight:400; white-space:nowrap;}
						.bvt_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:15px;}
						.bvt_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:3px; width:3px; height:3px; margin-top:-2px; background:rgba(0,0,0,.7); border-radius:50%; content:'';}					
					.board_wrap_view .tools_btn_w {position:absolute; right:0; bottom:8px;}
				.bdv_cont {padding-bottom:20px; border-bottom:1px solid #dbdbdb;}
					.bdv_cont .txt_s14cBlackFM {display:block; padding:20px 16px 30px;}					
							.bdv_cont .txt_s14cBlackFM iframe {min-height:93px !important;}					
						.bdv_cont .txt_s14cBlackFM table {width:100%; table-layout:fixed;}
							.bdv_cont .txt_s14cBlackFM thead {background:#f8f8f8;}
								.bdv_cont .txt_s14cBlackFM thead th {height:40px;}
								.bdv_cont .txt_s14cBlackFM tbody tr {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
								.bdv_cont .txt_s14cBlackFM tbody td {padding:6px; text-align:center; border-right:1px solid #e6e6e6; white-space:break-spaces;}
								.bdv_cont .txt_s14cBlackFM tr td:last-child {border-right:0;}
					.bdv_cont img {display:block; margin:10px 0; max-width:100%;}
					.bdv_cont .txt_endEvent {display:block; width:calc(100% - 32px); margin:0 auto; margin-top:20px; padding:18px; font-size:14px; color:#333; font-weight:400; text-align:center; background:#fcfcfd; border:1px solid #dbdbdb;}
					.bdv_cont .tbStyle2 th {height:30px; background:#f8f8f8;}
					.bdv_cont .tbStyle2 td {padding:7px 7px; border-left:1px solid #e6e6e6;}
					.bdv_cont .tbStyle2 td:first-child {border-left:0;}
				.board_wrap_view .file_lists_sw, .board_wrap_reply .file_lists_sw {margin:0 16px;}
					.board_wrap_view .af_slist, .board_wrap_reply .af_slist {background:#f8f8f8;}
			.board_wrap_view + .board_wrap_reply {margin-top:-1px;}

				.bwv_microlearning {position:relative; width:calc(100% - 32px); margin:0 auto; margin-bottom:50px; background:#fff; border:1px solid rgba(0,0,0,.1); border-radius:3px; text-align:left;}
					.bwv_microlearning .thumbCol_divide {height:90px; padding:10px 10px 10px 90px;}
						.bwv_microlearning .thumb_img {position:absolute; top:0; left:0; width:90px; height:90px; border-radius:3px 0 0 3px;}
							.bwv_microlearning .thumb_img img {width:calc(100% + 1px); margin:0; border-radius:3px 0 0 3px;}
						.bwv_microlearning .thumb_cont {display:block; padding:0 0 0 10px;}
							.bwv_microlearning .thumb_cont .tc_info {padding-top:0;}
								.bwv_microlearning .tit_s18cBlack_ellipsisC2 {font-size:0.875em; -webkit-line-clamp:1;}
								.bwv_microlearning .txt_s14cDGray_ellipsis {max-width:100%; font-size:0.750em;}
								.bwv_microlearning .tc_botm {padding-top:0;}
									.bwv_microlearning .txt_s12cDGray {position:relative; font-size:0.625em;}
									.bwv_microlearning .txt_s12cDGray + .txt_s12cDGray {padding-left:15px;}
										.bwv_microlearning .txt_s12cDGray + .txt_s12cDGray:before {position:absolute; top:2px; left:5px; width:1px; height:13px; background:#898989; content:'';}


/* 콘텐츠 하단 버튼 */
.cont_bottom_btn {padding:40px 16px;}
	.cont_bottom_btn [class^="btn_"] {width:100%; border-radius:3px;}
		.cont_bottom_btn [class^="btn"] .txt_btn_name {font-size:16px;}

ul.cont_bottom_btn {display:table; table-layout:fixed; padding:40px 0; width:100%;}
	.cbb_list {display:table-cell; padding:0 3px;}
		.cbb_list [class^="btn_"] {width:100%;}


/* 푸터 */
.footer {display:none; width:100%; padding:40px 16px; background:#222222;}
	.f_inner {position:relative; text-align:center;}
		.f_inner .logo_area {position:relative; top:auto; left:auto; width:97px; height:27px; margin-top:20px; margin-left:0; /* background:url('../images/common/logo_dark.png') no-repeat; background-size:auto 100%; */ z-index:0;}
			.f_inner .logo_area .link_main img {max-height:100%;}
		.f_links_w {padding-top:20px;}
			.f_link_list {display:inline-block; position:relative; padding:0 12px; vertical-align:middle; letter-spacing:0;}
				.f_link_list + .f_link_list:before {display:inline-block; content:''; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; border-left:1px solid rgba(255,255,255,.7);}
				.f_link_list .link_cWhite {font-size:0.813em; color:rgba(255,255,255,.7); white-space:nowrap;}
		.fi_txt_w {position:relative;}
			.fi_txt_w [class^="txt_cWhite"] {font-size:0.813em; color:rgba(255,255,255,.3); font-weight:400;}		
		.txt_cWhite_copyright {display:block; padding-top:15px; font-size:8px; color:rgba(255,255,255,.3); font-weight:400;}
.footer.main {display:block;}

/* 모바일 tab bar */
.mo_tap_bar {position:fixed; left:0; bottom:0; z-index:510; width:100%; padding:4px 0 11px; background-color:#fff; border-top:1px solid #e6e6e6;}
.mo_tap_bar {padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom));}
	.mot_lists_w {position:relative; display:flex; width:100%;}
		.mot_list {flex:1; padding:1px 5px 4px;}
			[class^="btnIcon_tap"] {display:block; width:100%; height:43px; text-align:center;}
				[class^="btnIcon_tap"]:before {display:inline-block; content:''; margin-top:3px; width:22px; height:22px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; vertical-align:top;/*  transition:all .5s ease; */}
				[class^="btnIcon_tap"] [class^="txt_"] {display:block; margin-top:2px; font-weight:400;}
				.mot_list .txt_s10 {font-size:0.625em; margin-top:2px; color:#333; -webkit-transition:all .3s ease; transition:all .3s ease;}				
				.mo_tap_bar ul li {position:relative;}
				.mo_tap_bar ul li.on button .txt_s10 {opacity:1; color:#27b5ac; font-weight:700;}
				.mo_tap_bar ul li.on button {}
				
			.btnIcon_tap_home {}
				.btnIcon_tap_home:before {background-image:url('../images/common/icon_tap_home_off.png')}
				.on .btnIcon_tap_home:before {background-image:url('../images/common/icon_tap_home_on.png')}
			.btnIcon_tap_discover {}
				.btnIcon_tap_discover:before {background-image:url('../images/common/icon_tap_discover_off.png')}
				.on .btnIcon_tap_discover:before {background-image:url('../images/common/icon_tap_discover_on.png')}
			.btnIcon_tap_study {}
				.btnIcon_tap_study:before {background-image:url('../images/common/icon_tap_study_off.png')}
				.on .btnIcon_tap_study:before {background-image:url('../images/common/icon_tap_study_on.png')}
			.btnIcon_tap_my {}
				.btnIcon_tap_my:before {background-image:url('../images/common/icon_tap_my_off.png')}
				.on .btnIcon_tap_my:before {background-image:url('../images/common/icon_tap_my_on.png')}
			.btnIcon_tap_subscribe {}
				.btnIcon_tap_subscribe:before {background-image:url('../images/common/icon_tap_subscribe_off.png')}
				.on .btnIcon_tap_subscribe:before {background-image:url('../images/common/icon_tap_subscribe_on.png')}

/* 레이어 팝업 */
[class^="pop_wrap"] {display:none; position:fixed; left:0; top:0; z-index:600; width:100%; height:100vh; letter-spacing:-5px; text-align:center;}
	[class^="pop_wrap"] .dim, [class^="pop_wrap"] .modal {display:none;}
	[class^="pop_wrap"] .align_maker {margin-left:-1px; height:100vh;} 
	[class^="popup_"] {display:inline-block; position:relative; z-index:200; width:calc(100% - 32px); border-radius:5px; background-color:#fff; transform:scale(0); opacity:0; letter-spacing:-0.3px; box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.1); vertical-align:middle; transition:all .2s ease-in;}
		.pop_inner {position:relative; width:100%; height:100%;}
			.pop_inner [class^="btnIcon_close"] {position:absolute; right:8px; top:4px; width:40px; height:40px; background-image:url('../images/common/btn_pop_close.png'); background-size:21px auto;}			
			.pop_inner .btnIcon_close_white {top:4px; background-image:url('../images/common/btn_pop_close_white.png'); background-size:21px auto;}			
			.pop_header {height:48px; padding:16px 16px 12px; line-height:1.1; text-align:left; border-bottom:1px solid #dbdbdb;}
			.pop_content {overflow-x:hidden; overflow-y:auto; width:100%; max-height:370px; padding:20px 16px; font-weight:400; text-align:left;}
				.pop_content [class^="txt_"] {white-space:nowrap;}
				.pop_wrap_studyTest .pop_content [class^="txt_"] {white-space:normal;}
			.pop_footer {overflow:hidden; border-radius:0 0 5px 5px;}
				.items_pf_btn {display:table; table-layout:fixed; width:100%;}
					.items_pf_btn .item_list {display:table-cell; vertical-align:bottom;}
						.items_pf_btn [class^="btn_"] {width:100%; border-radius:0;}
						.items_pf_btn [class^="btn_"]:disabled {background:#e6e6e6;}
							.pop_footer [class*="_next"] .icon_next {width:18px; height:18px; margin-left:10px; background:url('../images/common/arrow_next_white.png') center 0 no-repeat; background-size:100% auto;}
							.pop_footer [class*="_prev"] .icon_prev {width:18px; height:18px; margin-right:10px; background:url('../images/common/arrow_prev_white.png') center 0 no-repeat; background-size:100% auto;}

[class^="pop_wrap"].show {display:block;}
	[class^="pop_wrap"].show .dim, [class^="pop_wrap"].show .modal {display:block;}
	[class^="popup_"].show {transform:scale(1); opacity:1;}

.popup_full {width:100vw; height:100vh; box-shadow:none; border-radius:0; top:100vh; transform:scale(1);}
.popup_full.show {top:0;}
	.popup_full .pop_header {height:48px; padding:16px 20px 12px; background:#27b5ac;}
	.popup_full .pop_content {height:calc(100vh - 210px); max-height:calc(100vh - 210px);}
	.popup_full .pop_footer {padding:20px 16px;}
		.popup_full .items_pf_btn {border-radius:5px; overflow:hidden;}
		.popup_full .pop_footer .item_list {padding:0 4px;}
			.popup_full .pop_footer [class^="btn_"] {height:48px; line-height:1.7; border-radius:3px;}
		
[class^="popup_two"] {width:calc(100% - 60px);}

/* 알럿 레이어 팝업 */
.pop_wrap_alert {z-index:800;}
	.pop_wrap_alert .dim {background-color:rgba(0, 0, 0, 0.1);}	
	.popup_alert .pop_content {padding:30px 25px 25px; text-align:center;}
	.popup_alert .pop_footer {padding:0 20px 20px;}
		.popup_alert .pop_footer [class^="btn"] {min-width:130px;}

/* 확인창(confirm) 레이어 팝업 */
.pop_wrap_comfirm {z-index:700;}
	.pop_wrap_comfirm .dim {background-color:rgba(0, 0, 0, 0.1);}	
	.popup_comfirm .pop_content {padding:24px 40px;}
	

/* 학습창 세로모드 */
@media (orientation: portrait) {
	.player_wrap {width:100vw; height:100%;}
}

/* 학습창 가로모드 */
@media (orientation: landscape) {
	.player_wrap, #learning_pop {width:100vw; height:100%;}
}