@charset "utf-8";

html, body {overflow-x:hidden; width:100vw; min-height:100vh;}
* {margin:0; padding:0; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.0781vw; word-wrap:break-word; word-break:break-word;}
ul, ol, li {list-style:none;}
table {border-spacing:0; border-collapse:collapse; border-collapse:separate;}
p {display:block;}
a {text-decoration:none;}
button {outline:none;}

img {border:0;}

input, select, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:'Noto Sans KR', sans-serif; border-radius:0; outline:none;}
textarea:disabled {background:inherit; color:#8b8b8b !important;}
::-webkit-file-upload-button {cursor:pointer;}
body {font-size:4.0625vw; font-family:'Noto Sans KR', sans-serif;  font-weight: 400; line-height:1.6; letter-spacing:0;}

/* 대체 택스트(숨김 택스트) */
.ir {position:absolute; left:-99999em; top:-99999em; z-index:-1; font-size:1.4063vw; text-indent:-99999em;}
caption.ir {position:unset; left:-99999em; top:-99999em; z-index:-1; font-size:1.4063vw; text-indent:-99999em; visibility:hidden;} /* 스크롤 테이블 caption인 경우 */

.align_maker {display:inline-block; overflow:hidden; width:0; height:100%; vertical-align:middle; font-size:0; text-decoration:none;}

[class^="tit_"], [class^="txt_"], [class^="img_"], [class^="icon_"], [class^="link_"], [class^="btn_"], [class^="inp_"], [class^="thumpnail_"] {display:inline-block;}

p[class^="txt_"] {display:block;}

[class^="img_"], [class^="icon_"] {background-repeat:no-repeat; background-position:0 0; background-color:transparent; background-size:100% auto;}

.scrlOff {position: fixed;height:100%;width:100%;overflow:hidden !important;}

/* 아이콘 */
.icon_file {width:4.6875vw; height:4.2188vw; background-image:url('../images/m/common/icon_file.png');}
.icon_guide {width:3.9063vw; height:3.9063vw; background-image:url('../images/m/common/icon_guide.svg');}
.icon_plus_blue {width:4.2188vw; height:4.2188vw; background-image:url('../images/m/common/icon_plus_blue.svg');}
.icon_plus_white {width:4.2188vw; height:4.2188vw; background-image:url('../images/m/common/icon_plus_white.svg');}
.icon_write {width:4.6875vw; height:4.5313vw; background-image:url('../images/m/common/icon_write.svg');}
.icon_minus_white {width:4.2188vw; height:4.2188vw; background-image:url('../images/m/common/icon_minus_white.png');}
.icon_download {width:4.8438vw; height:4.6875vw; background-image:url('../images/m/common/icon_download.svg');}
.icon_check_white {width:4.2188vw; height:2.8125vw; background-image:url('../images/m/common/icon_chk_white.svg');}
.icon_like_white {width:4.0625vw; height:4.0625vw; background-image:url('../images/m/common/icon_like_white.svg'); background-size:95% auto;}
.icon_unlike_white {width:4.0625vw; height:4.0625vw; background-image:url('../images/m/common/icon_unlike_white.svg'); background-size:95% auto;}
.icon_close_smallGray {width:2.6563vw; height:2.6563vw; background-image:url('../images/m/common/icon_close_small_gray.svg');}
.icon_star {width:5.0000vw; height:5.0438vw; background-image:url('../images/m/common/icon_star_on.svg');}
.icon_star_s {width:6.2500vw; height:6.2500vw; background-image:url('../images/m/common/icon_star_s.png');}
.icon_star_zero {width:6.2500vw; height:6.2500vw; background-image:url('../images/m/common/icon_star_zero.png');}
.icon_star_line {width:5.0000vw; height:4.8438vw; background-image:url('../images/m/common/icon_star_off.svg');}
.icon_guide_round {width:3.7500vw; height:3.7500vw; background-image:url('../images/m/common/icon_guide_round.png');}
/*.icon_lock {width:3.1250vw; height:3.5938vw; background-image:url('../images/m/common/icon_lock.png'); background-size:auto 100%;}*/
.icon_lock {width:3.7875vw; height:4.1188vw; background-image:url('../images/m/common/icon_lock.png'); background-size:auto 95%; background-position:center;}
.icon_like {width:4.0625vw; height:4.0625vw; background:url('../images/m/common/icon_like.png') center no-repeat; background-size:100% auto;}
.icon_view {width:4.6875vw; height:3.5938vw; background-image:url('../images/m/common/icon_view.png');}
.icon_reply {width:4.3750vw; height:3.9063vw; background-image:url('../images/m/common/icon_comment.png');}
.icon_complate {width:18.7500vw; height:18.7500vw; background-image:url('../images/m/common/icon_complate.png');}
.icon_badge {width:5.0000vw; height:5.0438vw; background-image:url('../images/m/common/icon_badge.png');}
/* plus, minus 아이콘 ( 이미지 없음 ) */
[class^="icon_el_"] {position:relative; width:3.7500vw; height:3.7500vw;}
	[class^="icon_el_"]:before, [class^="icon_el_"]:after {position:absolute; background-color:#000;}
.icon_el_plus {}
	.icon_el_plus:before, .icon_el_plus:after {display:inline-block; content:''; }
	.icon_el_plus:before {left:0; top:50%; margin-top:-0.1563vw; width:100%; height:0.3125vw;}
	.icon_el_plus:after {left:50%; top:0; margin-left:-0.1563vw; width:0.3125vw; height:100%;}
.icon_minus_el {}
	.icon_minus_el:before {display:inline-block; content:''; left:0; top:50%; margin-top:-0.1563vw; width:100%; height:0.3125vw;}

/* 글자 자르기 */
[class*="ellipsis"] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[class*="ellipsisC2"] {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}
[class*="ellipsisC3"] {max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}
[class*="ellipsisC4"] {max-height:6em; display:-webkit-box; -webkit-line-clamp:4; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}
[class*="ellipsisC5"] {max-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}

/* 타이틀 */
[class^="tit_"] {font-weight:400; color:#282828; letter-spacing:-0.1563vw;}

/* 텍스트 */
[class^="txt_"] {font-weight:400; color:#333;}
p[class^="txt_"] {display:block;}

/* 폰트 사이즈 (viewport width 640 기준) */
[class*="s45"] {font-size:7.0313vw;} /* 45px */
[class*="s40"] {font-size:6.2500vw;} /* 40px */
[class*="s34"] {font-size:5.3125vw;} /* 34px */
[class*="s32"] {font-size:5.0000vw;} /* 32px */
[class*="s28"] {font-size:4.3750vw;} /* 28px */
[class*="s26"] {font-size:4.0625vw;} /* 26px */
[class*="s25"] {font-size:3.9063vw;} /* 25px */
[class*="s23"] {font-size:3.5938vw;} /* 23px */
[class*="s22"] {font-size:3.4375vw;} /* 22px */
[class*="s21"] {font-size:3.2813vw;} /* 21px */
[class*="s20"] {font-size:3.1250vw;} /* 20px */
[class*="s19"] {font-size:2.9688vw;} /* 19px */
[class*="s18"] {font-size:2.8125vw;} /* 18px */
[class*="s15"] {font-size:2.3438vw;} /* 18px */

/* 글꼴 (영문, 숫자) */
/* Noto Sans KR */
[class*="fBo"] {font-weight:700;}/* bold */

/* Lato */
[class*="flt"] {font-family:'Lato'; }/* Lato Regular */
[class*="fltB"] {font-weight:700;}/* Lato Bold */

/* Barlow */
[class*="fBa"] {font-family:'Barlow'; }
[class*="fBaSb"] {font-weight:600;}/* Barlow SemiBold */
[class*="fBaB"] {font-weight:700;}/* Barlow Bold */

/* Tulpen One */
[class*="fTo"] {font-family:'Tulpen One'; font-weight:400;}

/* 폰트 컬러 */
/* 검정 */
[class*="cBlack"] {color:#282828;}

/* dark gray */
[class*="cDark"] {color:#333;}
[class*="cDark2"] {color:#282a2e;}

/* gray */
[class*="cGray"] {color:#575757;}

/* light gray */
[class*="cLGray"] {color:#898989;}
[class*="cLGray2"] {color:#9b9b9b;}

/* blue */
[class*="cBlue"] {color:#02a5b1;}
[class*="cBlueB"] {color:#02a5b1; font-weight:700;}

/* light brown */
[class*="cLBrown"] {color:#be9669;}
[class*="cBrownB"] {color:#be9669; font-weight:700;}

/* red */
[class*="cRed"] {color:#d0021b;}
[class*="cRedB"] {color:#d0021b; font-weight:700;}

/* white */
[class*="cWhite"] {color:#fff;}

/* purple */
[class*="cPurple"] {color:#6b24a9;}

/* orange_bold */
[class*="cOrB"] {color:#e15b0f; font-weight:700;}

/* 텍스트 넘버 */
[class*="tNum"] {display:block; position:relative; padding-left:1.5em; } 
	[class*="tNum"] .number {display:inline; position:absolute; left:0; top:0;}

/* 텍스트 dash */
[class*="tDash"] {display:block; position:relative; padding-left:0.7em; } 
	[class*="tDash"]:before {display:inline; content:'-'; position:absolute; left:0; top:0;}

/*  텍스트 별표 */
[class*="tStar"] {display:block; position:relative; padding-left:0.7em; }
	[class*="tStar"]:before {display:inline; content:'*'; position:absolute; left:0; top:0.4688vw;}

/*  텍스트 도트 */
[class*="tDot"] {display:block; position:relative; padding-left:0.7em; }
	[class*="tDot"]:before {display:inline; content:'·'; position:absolute; left:0; top:0; font-weight:700;}

/* 텍스트 당구장 표시 (Reperens Mark) */
[class*="tRm"] {display:block; position:relative; padding-left:1.1em;}
	[class*="tRm"]:before {display:inline; content:'※'; position:absolute; left:0; top:0; }

/*  텍스트 세모 (Triangular Bullet) */
[class*="tTb"] {display:block; position:relative; padding-left:3.1250vw; }
	[class*="tTb"]:before {display:inline; content:'▶'; position:absolute; left:0; top:0;}

/* 첨부파일 */
[class*="tFile"] {display:block; position:relative; padding-left:6.2500vw; text-decoration:underline;}
	[class*="tFile"] .icon_file {position:absolute; left:0; top:50%; margin-top:-2.1094vw;}

/* 텍스트 아이콘 */
[class*="tIcon"] {display:block; position:relative; padding-left:5.4688vw; }
	[class*="tIcon"] [class^="icon_"] {display:inline-block; position:absolute; left:0; top:0;}

/* 글쓰기 아이콘 일때 */
[class*="tIconWrt"] {padding-left:9.5313vw;}

/* 다운로드 아이콘 일때 */
[class*="tIconDL"] {padding-left:9.5313vw;}
[class*="tIconDL2"] {padding-left:7.8125vw;}

/* plus 아이콘 일떄 */
[class*="tIconAd"] {padding-left:8.1250vw;}
	[class*="tIconAd"] .icon_plus_blue, [class*="tIconAd"] .icon_plus_white {top:50%; margin-top:-2.1094vw;}

/* 안내 및 유의사항 일때 */
.txt_tIcon_s26cBlackfBo {padding:0 0 3.1250vw 5.4688vw;}
	.txt_tIcon_s26cBlackfBo .icon_guide {top:0.9375vw;}

/* 체크 아이콘 일떄 */
[class*="tIconChk"] {padding-left:7.9688vw;}
	[class*="tIconChk"] .icon_check_white {top:50%; margin-top:-1.4063vw;}

/* 추천, 비추천, 좋아요 일떄 */
[class*="tIconLike"] {padding-left:5.1563vw;}
	[class*="tIconLike"] .icon_like_white, [class*="tIconLike"] .icon_unlike_white {top:50%;}
	[class*="tIconLike"] .icon_like_white {margin-top:-2.2313vw;}
	[class*="tIconLike"] .icon_unlike_white {margin-top:-1.2313vw;}

/* 체크 아이콘 일떄 */
[class*="tIconDel"] {padding-left:0; padding-right:6.5625vw;}
	[class*="tIconDel"] .icon_close_smallGray {left:100%; top:50%; margin:-1.4063vw 0 0 -2.6563vw; }

/* 별점 표시 */
[class*="tIconStar"] {padding-left:5.6250vw;}
	[class*="tIconStar"] .icon_star {top:50%; margin-top:-1.5625vw; width:3.2813vw; height:3.1250vw;}
/* 배지 표시 */
[class*="tIconBadge"] {padding-left:5.6250vw;}
	[class*="tIconBadge"] .icon_badge {left:50%; margin-top:-2.5625vw;}
/* 조회수 표시 */
[class*="tIconView"] {padding-left:6.2500vw;}
	[class*="tIconView"] .icon_view {top:50%; margin-top:-1.7969vw;}

/* 댓글 수 표시 */
[class*="tIconReply"] {padding-left:5.9375vw;}
	[class*="tIconReply"] .icon_reply {top:50%; margin-top:-1.9531vw;}

/* 라벨 */
[class^="txt_label"] {padding:0.1563vw 1.5625vw; height:4.6875vw; font-size:2.6125vw; color:#fff; vertical-align:middle;}
	[class^="txt_label"]:first-child {margin-left:0.1563vw;}
.txt_label_blueLine {border:0.1563vw solid #02a5b1; background-color:#fff; color:#02a5b1; }
.txt_label_blue {background-color:#02a5b1;}
.txt_label_darkBlue {background-color:#20466b;}
.txt_label_green {background-color:#116851;}
.txt_label_Lgreen {background-color:#51991e;}
.txt_label_gray {background-color:#9b9b9b;}
.txt_label_LGray {background-color:#acacac;}
.txt_label_darkGray {background-color:#4a4a4a;}
.txt_label_Dgray {background-color:#828282;}
.txt_label_brown {background-color:#b68b5c;}
.txt_label_red {background-color:#d0021b;}
.txt_label_best {background-color:#00cdb3;}
.txt_label_new {background-color:#006A6B;}
.txt_label_free {background-color:#BFBFBF;}
.txt_label_black {background-color:#000000;}
.txt_label_gold {background-color:#ffd700;}
.txt_label_bronze {background-color:#E3D1C5;}
.txt_label_redLine {border:0.1563vw solid #d0021b; background-color:#fff; color:#d0021b;}
.txt_label_redTri {position:relative; overflow:hidden; width:20.3125vw; height:20.3125vw; color:#fff; font-weight:700;  text-align:right;}
	.txt_label_redTri:after {display:block; content:''; position:absolute; right:0; bottom:0; width:20.3125vw; height:20.3125vw; border-width:20.3125vw; border-style:solid; border-color:#d0021b #d0021b transparent transparent;}
	.txt_label_redTri .txt_s22cWhite_fBo {display:block; position:absolute; right:0; top:0; z-index:1; padding:2.6563vw;}
.txt_label_bcreator {height:6.6875vw; padding-top:1.5625vw; padding-left:6.2500vw; color:#02a5b1; background:url('../images/m/kbi_tube/icon_bedge_best.png') no-repeat; background-size:5.3125vw 6.8750vw; vertical-align:bottom;}

.txt_label_Lgreen, .txt_label_Dgray {width:10.9375vw; padding:0.3863vw 0.1563vw; text-align:center;}
.txt_label_brown_audio {position:relative; text-align:left; background:url('../images/m/common/icon_audio.png') 90% 1.2500vw no-repeat #b68b5c; background-size:2.535vw 1.99vw; padding-right:4.160vw; padding-left:1.160vw;} /* 230315 */

[class^="label_group"] {display:inline-block; }
	[class^="label_group"] [class^="txt_label"] + [class^="txt_label"] {margin-left:0.6250vw;}

/* 라벨 +  타이틀 그룹 */
[class^="title_group"] {display:block;}
	[class^="title_group"] [class^="txt_label"], [class^="title_group"] [class^="tit_"] {vertical-align:middle;}
	[class^="title_group"] [class^="txt_label"] + [class^="txt_label"], [class^="title_group"] [class^="txt_label"] + [class^="tit_"] {margin-left:0.6250vw; }

/* 좌우 라운드 */
[class~="rds"] {border-radius:8.5938vw;}

/* 버튼 - 기본 */
[class^="btn_"] {padding:3.9063vw 3.1250vw; width:100%; height:14.0625vw; text-align:center; background-color:transparent; border:0;}
	[class^="btn_"] .txt_btn_name {font-size:3.9063vw; color:#fff; font-weight:700; line-height:1.2;}
	[class^="btn_"] [class*="tIcon"] {display:inline-block;}
[class^="btn_"]:disabled {background-color:#cecece;}
[class^="btn_icon"]:disabled, [class^="btn_switch"]:disabled, [class^="btn_inp"]:disabled, [class^="btn_ind"]:disabled, [class^="btn_delete"]:disabled {background-color:inherit;}

[class^="btn_"] + [class^="btn_"] {margin-left:2.3438vw;}

[class^="btn_"].rds {padding-left:4.6875vw; padding-right:4.6875vw; width:auto; min-width:31.2500vw;}
	[class^="btn_"].rds .txt_btn_name {font-weight:400;}

[class^="btn_blue"] {background-color:#02a5b1;}

[class^="btn_bLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_bLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_dark"] {background-color:#4a4a4a;}

[class^="btn_gray"] {background-color:#9b9b9b;}

[class^="btn_LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_LGray"] .txt_btn_name {color:#282828;}

/* 작은 버튼 (height:70px) */
[class^="btn_h70"] {padding:2.3438vw 3.1250vw; height:10.9375vw;}
	[class^="btn_h70"] .txt_btn_name {font-size:3.5938vw; line-height:1.5;}

[class^="btn_h70Blue"] {background-color:#02a5b1;}

[class^="btn_h70BLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_h70BLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_h70Dark"] {background-color:#4a4a4a;}

[class^="btn_h70Gray"] {background-color:#9b9b9b;}

[class^="btn_h70LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_h70LGray"] .txt_btn_name {color:#282828;}

[class^="btn_h70White"] {background-color:#fff; box-shadow:0 0.6250vw 0.9375vw 0 #d7d7d7;}
	[class^="btn_h70White"] .txt_btn_name {color:#02a5b1;}

/* 키워드 버튼 */
.btn_h70Kw.rds {position:relative; min-width:15.3125vw; background-color:#fff; box-shadow:0 0.6250vw 0.9375vw 0 #bdbdbd;}
	.btn_h70Kw.rds .txt_btn_name {color:#575757;}
.btn_h70Kw.rds.active, .btn_h70Kw.rds:active {background-color:#02a5b1;}
	.btn_h70Kw.rds.active .txt_btn_name, .btn_h70Kw.rds:active .txt_btn_name {color:#fff;}

/* 키워드 버튼 type2 */
.btn_h70Kwt2.rds {position:relative; min-width:15.3125vw; background-color:#fff; }
	.btn_h70Kwt2.rds .txt_btn_name {color:#575757;}
.btn_h70Kwt2.rds.active, .btn_h70Kwt2.rds:active {background-color:#000;}
	.btn_h70Kwt2.rds.active .txt_btn_name, .btn_h70Kwt2.rds:active .txt_btn_name {color:#fff;}

/* 팔로우 팔로잉 버튼 h70 */
.btn_h70Flow {position:relative; background-color:#fff; border:0.3125vw solid #02a5b1; transition-property:background-color; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
	.btn_h70Flow .txt_btn_name {position:relative; padding-left:7.9688vw; color:#02a5b1;}
		.btn_h70Flow .txt_btn_name:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-2.1094vw; width:4.2188vw; height:4.2188vw; background:url('../images/m/common/icon_plus_blue.svg') no-repeat center center; background-size:100% auto; transition-property:background; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
.btn_h70Flow.active {background-color:#02a5b1;}
	.btn_h70Flow.active .txt_btn_name {color:#fff;}
		.btn_h70Flow.active .txt_btn_name:before {background-image:url('../images/m/common/icon_chk_white.svg');}

/* 더 작은 버튼 (height:60px) */
[class^="btn_h60"] {padding:0.4688vw 1.8750vw; height:9.3750vw;}
	[class^="btn_h60"] .txt_btn_name {font-size:3.2813vw; line-height:1.6;}

[class^="btn_h60Blue"] {background-color:#02a5b1;}

[class^="btn_h60Lblue"] {background-color:#e7f0ef;}

[class^="btn_h60BLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_h60BLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_h60Dark"] {background-color:#4a4a4a;}

[class^="btn_h60Gray"] {background-color:#9b9b9b;}

[class^="btn_h60LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_h60LGray"] .txt_btn_name {color:#282828;}

/* 팔로우 팔로잉 버튼 h60 */
.btn_h60Flow {position:relative; background-color:#fff; border:0.3125vw solid #02a5b1; transition-property:background-color; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
	.btn_h60Flow .txt_btn_name {position:relative; padding-left:7.9688vw; color:#02a5b1;}
		.btn_h60Flow .txt_btn_name:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-2.1094vw; width:4.2188vw; height:4.2188vw; background:url('../images/m/common/icon_plus_blue.svg') no-repeat center center; background-size:100% auto; transition-property:background; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
.btn_h60Flow.active {background-color:#02a5b1;}
	.btn_h60Flow.active .txt_btn_name {color:#fff;}
		.btn_h60Flow.active .txt_btn_name:before {background-image:url('../images/m/common/icon_chk_white.svg');}

/* 더 작은 버튼 (height:50px) */
[class^="btn_h50"] {padding:0.1688vw 3.9063vw; height:7.8125vw;}
	[class^="btn_h50"] .txt_btn_name {font-size:2.9688vw; line-height:1.6;}

[class^="btn_h50"].rds {min-width:18.7500vw;}

[class^="btn_h50Blue"] {background-color:#02a5b1;}

[class^="btn_h50BLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_h50BLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_h50Dark"] {background-color:#4a4a4a;}

[class^="btn_h50Gray"] {background-color:#9b9b9b;}

[class^="btn_h50LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_h50LGray"] .txt_btn_name {color:#282828;}

[class^="btn_h50Red"] {background-color:#d41b31;}

[class^="btn_h50WLine"] {background-color:#fff; border:0.1563vw solid #dedede;}
	[class^="btn_h50WLine"] .txt_btn_name {color:#6d6d6d;}

/* 더 작은 버튼 (height:40px) */
[class^="btn_h40"] {padding:0.4688vw 2.3438vw; height:6.2500vw;}
	[class^="btn_h40"] .txt_btn_name {font-size:3.2813vw; line-height:1.6;}

[class^="btn_h40"].rds {min-width:18.7500vw;}

[class^="btn_h40Blue"] {background-color:#02a5b1;}

[class^="btn_h40BLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_h40BLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_h40Dark"] {background-color:#4a4a4a;}

[class^="btn_h40Gray"] {background-color:#9b9b9b;}

[class^="btn_h40LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_h40LGray"] .txt_btn_name {color:#282828;}

[class^="btn_h40WLine"] {background-color:#fff; border:0.1563vw solid #dedede;}
	[class^="btn_h40WLine"] .txt_btn_name {color:#6d6d6d;}

.btn_h40WLine_keyword.rds {padding:0.4688vw 1.5625vw; min-width:auto;}
	.btn_h40WLine_keyword.rds .txt_btn_name {font-size:2.9688vw; color:#898989;}

/**** 팝업 전용 버튼 ****/
[class^="btn_h80"] {padding:3.1250vw; height:12.5000vw;}
	[class^="btn_h80"] .txt_btn_name {font-size:3.5938vw;}

[class^="btn_h80Blue"] {background-color:#02a5b1;}

[class^="btn_h80BLine"] {background-color:#fff; border:0.3125vw solid #02a5b1;}
	[class^="btn_h80BLine"] .txt_btn_name {color:#02a5b1;}

[class^="btn_h80Dark"] {background-color:#4a4a4a;}

[class^="btn_h80Gray"] {background-color:#9b9b9b;}

[class^="btn_h80LGray"] {background-color:#efefef; border:0.1563vw solid #dedede;}
	[class^="btn_h80LGray"] .txt_btn_name {color:#282828;}

/* 아이콘 버튼 */
[class^="btn_icon"] {overflow:hidden; padding:0; min-width:0; width:auto; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}

.btn_icon_delete {width:4.6875vw; height:4.6875vw; background-image:url('../images/m/common/icon_delete.svg');}
.btn_icon_close {width:6.7188vw; height:6.7188vw; background-image:url('../images/m/common/icon_close.png');}
.btn_icon_share {width:5.4688vw; height:5.4688vw; background-image:url('../images/m/common/icon_share.png'); background-size:4.6875vw;}
.btn_icon_share.active {background-image:url('../images/m/common/icon_share_on.png');}

/* 스위치 버튼 */
.btn_switch {overflow:hidden; position:relative; padding:0; width:10.9375vw; height:4.6875vw; border-radius:7.8125vw; background-color:#9b9b9b; transition-property:background-color; transition-duration:0.2s; transition-timing-function: ease-in-out;}
	.btn_switch:before {display:inline-block; content:''; position:absolute; left:0; top:0; z-index:1; width:4.6875vw; height:4.6875vw; border:0.4688vw solid #9b9b9b; background-image:linear-gradient(#fafafa, #eff1f4); border-radius:7.8125vw; transition-property:display, left, border-color; transition-duration:0.2s; transition-timing-function: ease-in-out; box-sizing:border-box;}
	.btn_switch:after {display:block; content:'OFF'; padding:0 0.4688vw 0 4.6875vw; font-size:2.8125vw; color:#fff; font-weight:700;}
.btn_switch.active {background-color:#1ab8b9;}
	.btn_switch.active:before {border-color:#1ab8b9; left:calc(100% - 4.6875vw);}
	.btn_switch.active:after {content:'ON'; padding:0 4.6875vw 0 0.4688vw;}

.btn_switch.noTxt {}
	.btn_switch.noTxt:after {display:none;}

/* 컨텐츠 링크 영역 */
[class^="link_arrow"] {display:block; position:relative; padding:2.3438vw 6.2500vw 2.3438vw 0;}
	[class^="link_arrow"]:after {display:block; content:''; position:absolute; right:0; top:2.3438vw; width:6.2500vw; height:6.2500vw; background-repeat:no-repeat; background-position:center center; background-image:url('../images/m/common/arrow_right_gray.svg'); background-size:100% auto;}
	[class^="link_arrow"] .txt_s19cRed {margin-left:1.0938vw; vertical-align:text-top;}
	[class^="link_arrow"] [class^="icon_"] {margin-right:1.7813vw; vertical-align:text-top;}

	.link_arrow_b:after {width:3.1250vw; height:5.9375vw; background:url('../images/m/common/arrow_right_thin.png') center no-repeat; background-size:100% auto;}
	.link_arrow_bs:after {top:3.9063vw; width:1.8750vw; height:3.2813vw; background:url('../images/m/event/icon_arrow.png') no-repeat; background-size:100% auto;}

/* 탭메뉴 */
[class^="tab_wrap"] {position:relative; padding:0 5.4688vw;}
	[class^="tabmenu_"] {position:relative; z-index:1;}
		[class^="tabmenu_"] .tab_list {}
	.tab_content_w, .tab_subCont_w {display:none; margin-top:1.5625vw;}
	
/* 가로 정렬 탭메뉴 (버튼 라운드 ) */	
.tab_wrap_colRd {}
	.tab_wrap_colRd:after {display:block; content:''; position:absolute; left:0; top:10.7813vw; z-index:2; width:100%; height:0.3125vw; background-color:#02a5b1;}
	.tabmenu_colRd {display:flex; height:10.9375vw; border:0 !important;}
		.tabmenu_colRd .tab_list {flex:1; border-radius:3.1250vw 3.1250vw 0 0;}
		.btn_h70_tabRd {border-radius:3.1250vw 3.1250vw 0 0; background-color:#cecece; transition-property:background-color; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
				.btn_h70_tabRd .txt_tab_name {font-size:4.3750vw; color:#fff;}
			.btn_h70_tabRd.active {background-color:#02a5b1;}

/* 가로 정렬 탭메뉴 (흰배경 블루밑줄라인 ) */	
.tab_wrap_colWbline {}
	.tab_wrap_colWbline:after {display:block; content:''; position:absolute; left:0; top:10.7813vw; z-index:2; width:100%; height:0.1563vw; background-color:#c9c9c9;}
	.tabmenu_colWbl {display:flex; height:10.9375vw; border:0 !important;}
		.tabmenu_colWbl .tab_list {position:relative; flex:1; border:0 !important;}
		.btn_h70_tabWbl {border-radius:3.1250vw 3.1250vw 0 0; /*background-color:#fff;*/}
				.btn_h70_tabWbl .txt_tab_name {font-size:3.4375vw;}
			.btn_h70_tabWbl.active:after {display:block; content:''; position:absolute; bottom:0; left:50%; width:15.6250vw; margin-left:-7.8125vw; height:0.7813vw; background-color:#02a5b1;}

/* 탭메뉴 가로 정렬 */
.tab_wrap_col {}
	[class^="tabmenu_col"] {display:flex; border-width:0.1563vw 0.1563vw 0.1563vw 0; border-style:solid; border-color:#dadada;}
		[class^="tabmenu_col"] .tab_list {flex:1; height:10.9375vw; border-left:0.1563vw solid #dadada;}
		.btn_h70_tab {background-color:#fff; transition-property:background-color; transition-duration:0.2s;  transition-timing-function: ease-in-out;}
			.btn_h70_tab .txt_tab_name {font-size:3.1250vw; color:#282828;}
		.btn_h70_tab.active {position:relative; left:-0.1563vw; top:-0.1563vw; z-index:1; width:calc(100% + 0.3125vw); height:calc(10.9375vw + 
		0.3125vw); background-color:#02a5b1;}			
			.btn_h70_tab.active .txt_tab_name {color:#fff;}

/* 191217 GNB메뉴 :: 탭메뉴 세로 정렬 */
.tab_wrap_gnbmenu {padding:0; overflow:hidden;}
	.tabmenu_gm {float:left; width:26.0938vw; height:calc(100vh - 63.7125vw); padding-bottom:18.7500vw; background:#f2f2f2; overflow:hidden; overflow-y:auto;}
		.tabmenu_gm .btn_h70_tab {padding:4.6875vw; height:14.0625vw; background:#f2f2f2; text-align:left;}			
			.tabmenu_gm .btn_h70_tab .txt_tab_name {color:#575757; font-size:3.4375vw; font-weight:700;}
		.tabmenu_gm .btn_h70_tab.active {top:0; left:0; width:26.0938vw; background:#fff;}
			.tabmenu_gm .btn_h70_tab.active .txt_tab_name {color:#02a5b1;}

	.tab_wrap_gnbmenu .tab_content_w {position:relative; margin-top:0; height:calc(100vh - 63.7125vw); overflow:hidden; overflow-y:auto;}
		.tabmenu_subgm {position:absolute; top:0; left:0; width:100%; height:calc(100vh - 63.7125vw); padding:0 4.6875vw; background-color:#fff; /*opacity:1; transition-property:left, opacity; transition-duration:0; transition-timing-function:ease-in-out; overflow-y:auto; -webkit-overflow-scrolling:touch;*/}
			.tabmenu_subgm .gnbsm_list .link_arrow_bs {padding:3.9063vw 3.1250vw 3.9063vw 0;}
			.tabmenu_subgm .gnbsm_list:last-child {padding-bottom:18.7500vw; border-bottom:0;}

/* 2열 탭 메뉴 */
.tab_wrap_2byRow {}
	.tabmenu_2byRow {overflow:hidden; position:relative; padding:0.1563vw 0 0 0; width:100%; background-color:#fff;}
		.tabmenu_2byRow:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; border-width:0.1563vw 0 0 0; border-style:solid; border-color:#dadada; box-sizing:border-box;}
		.tabmenu_2byRow:after {display:inline-block; content:''; position:absolute; right:0; bottom:0; width:50%; height:10.9375vw; border-width:0 0.1563vw 0.1563vw 0; border-style:solid; border-color:#dadada; box-sizing:border-box;}
		.tabmenu_2byRow .tab_list {float:left; position:relative; z-index:1; width:50%; height:10.9375vw; }
			.tabmenu_2byRow .btn_h70_tab {border-width:0 0.1563vw 0.1563vw 0.1563vw; border-style:solid; border-color:#dadada;}
			.tabmenu_2byRow .tab_list:nth-child(even) .btn_h70_tab {border-width:0 0.1563vw 0.1563vw 0;}

/* 2열 탭 메뉴 펼치기, 접기 */
.tab_wrap_grayBox {padding:7.8125vw 6.2500vw 10.9375vw 6.2500vw; background-color:#f6f6f6;}
	.btn_tab_toggle {position:absolute; right:5.4688vw; bottom:2.8125vw; padding:0; width:auto; height:auto;}
		.btn_tab_toggle .txt_btn_name {position:relative; padding-right:5.3125vw; font-size:3.2813vw; color:#898989; font-weight:400;}
			.btn_tab_toggle .txt_btn_name:after {display:block; content:''; position:absolute; right:0; top:50%; margin-top:-1.8750vw; width:3.7500vw; height:3.7500vw; background:url('../images/m/common/arrow_down.svg') no-repeat center center; background-size:100% auto; transition-property:transform; transition-duration:0.2s; transition-timing-function: ease-in-out;}
			.btn_tab_toggle.active .txt_btn_name:after {transform:rotate(180deg);}
	.tab_wrap_grayBox .tabmenu_2byRow {height:21.8750vw;  transition-property:height; transition-duration:0.2s; transition-timing-function: ease-in-out;}

/* 가로 정렬 (간격 있음) */
.tab_wrap_colSpace {} 
	.tabmenu_colSpace {display:flex; border:0;}
		.tabmenu_colSpace .tab_list {flex:1; padding:0 0.7813vw; border-left:0;}
		.tabmenu_colSpace .tab_list:first-child {padding:0 0.7813vw 0 0;}
		.tabmenu_colSpace .tab_list:last-child {padding:0 0 0 0.7813vw;}
			.tabmenu_colSpace .btn_h70_tab {border:0.3125vw solid #02a5b1;}
				.tabmenu_colSpace .btn_h70_tab .txt_tab_name {color:#02a5b1; font-weight:700;}
				.tabmenu_colSpace .btn_h70_tab .tIconChk {padding-left:0; transition-property:padding-left, color; transition-duration:0.2s; transition-timing-function: ease-in-out;}
					.tabmenu_colSpace .btn_h70_tab .tIconChk .icon_check_white {display:none; transition-property:display; transition-duration:0.2s; transition-timing-function: ease-in-out;}
			.tabmenu_colSpace .btn_h70_tab.active {background-color:#02a5b1;}
				.tabmenu_colSpace .btn_h70_tab.active .txt_tab_name {color:#fff;}
				.tabmenu_colSpace .btn_h70_tab.active .tIconChk {padding-left:7.9688vw;}
					.tabmenu_colSpace .btn_h70_tab.active .tIconChk .icon_check_white {display:block;}

/* 소팅용 탭 */
.tab_wrap_sort {overflow-x:auto; overflow-y:hidden; height:23.4375vw; background-color:#f6f6f6;}
	.tabmenu_sort {display:flex; position:absolute; left:0; top:0; padding:6.2500vw 5.4688vw; }
		.tabmenu_sort .tab_list {flex:1; padding-left:2.3438vw; white-space:nowrap;}
		.tabmenu_sort .tab_list:first-child {padding-left:0;}

/* 인풋 */
[class^="inp_"] {display:inline-block; position:relative; width:99.9%; height:10.9375vw;}
	[class^="inp_"] input[type="date"], [class^="inp_"] input[type="text"], [class^="inp_"] input[type="password"], [class^="inp_"] select {padding:2.3438vw 3.1250vw; width:100%; height:100%; border:0.1563vw solid #d2d2d2; font-size:3.5938vw; color:#282828; margin-left:0.1563vw;} 
	::placeholder {color:#898989;}
	[class^="inp_"] input[type="text"] {-webkit-appearance:none; appearance:none; transition:none; text-overflow:clip; word-wrap:break-word; overflow-y:hidden; display:flex; flex:1; white-space:nowrap; word-break:initial;}
	
	.inp_txt_login input[type="text"], .inp_pw_login input[type="text"] {font-size:4.3750vw;}
	.inp_txt_login input[type="text"]::placeholder, .inp_pw_login input[type="text"]::placeholder {font-size:3.5938vw;}
	
	/* 초기화 버튼 */
	.btn_inp_reset {padding:0; width:4.6875vw; height:4.6875vw; background:url('../images/m/common/icon_reset.svg') no-repeat center center; background-size:100% auto; vertical-align:top;}
	[class^="inp_"] .btn_inp_reset {position:absolute; right:2.3438vw; top:50%; margin-top:-2.3438vw; }
	
	/* 비밀번호 보기 버튼 */
	.btn_inp_view {padding:0; width:4.6875vw; height:4.6875vw; background:url('../images/m/common/icon_view.svg') no-repeat center center; background-size:100% auto; vertical-align:top;}
	
	.btn_inp_view.active {background-image:url('../images/m/common/icon_no_view.svg');}
	[class^="inp_pw"] .btn_inp_view {position:absolute; right:9.3750vw; top:50%; margin-top:-2.3438vw; }

	[class~="resetSc"] .btn_inp_reset, [class~="resetSc"] .btn_inp_view, [class~="resetSc"] .btn_inp_post {display:none;}

	/* 댓글등록 버튼 */
	.inp_txt_comment {height:9.3750vw;}
		.inp_txt_comment .btn_inp_reset {right:9.7438vw;}

	.btn_inp_post {padding:0; width:4.6875vw; height:/* 4.6875vw */ 6.6875vw; background:url('../images/m/common/icon_post.png') no-repeat center center; background-size:100% auto; vertical-align:top;}
	[class^="inp_"] .btn_inp_post {position:absolute; right:3.3438vw; top:50%; margin-top:/* -2.3438vw */ -3.1438vw;}

/* 달력 인풋 */
[class^="inp_date"] {background-color:#fff;}
	[class^="inp_date"] input {position:relative; z-index:2; background-color:transparent;}
	[class^="inp_date"]:after {display:block; content:''; position:absolute; right:2.3438vw; top:50%; margin-top:-2.3438vw; width:4.7031vw; height:4.6875vw; background:url('../images/m/common/icon_calendar.svg') no-repeat center center; background-size:100% auto;}

/* 검색 인풋 */
[class^="inp_sch"] {}
	.btn_inp_sch { padding:0; width:4.6875vw; height:4.6875vw; background:url('../images/m/common/icon_search_dark.svg') no-repeat center center; background-size:100% auto;}
	[class^="inp_sch"] input[type="text"] {position:relative; z-index:1; padding-right:9.3750vw; font-weight:700;}
	[class^="inp_sch"] ::placeholder {font-weight:400;}
	[class^="inp_sch"] .btn_inp_sch {display:block; position:absolute; right:2.3438vw; top:50%; z-index:3; margin-top:-2.3438vw;}
	[class^="inp_sch"] .btn_inp_reset {right:9.3750vw; z-index:2; /*margin-top:-3.1250vw;*/}
		.pop_content [class^="inp_sch"] .btn_inp_reset {margin-top:-2.425vw;}

/* 검색 gray 배경 인풋 */
.inp_sch_gray {overflow:hidden; height:9.3750vw;}
	.inp_sch_gray input[type="text"] {height:9.3750vw; border:0; background-color:#f6f6f6;}
	.inp_sch_gray .btn_inp_sch {margin-top:-2.7250vw; width:5.1563vw; height:5.1563vw; background-image:url('../images/m/common/icon_search_gray.svg'); vertical-align:top;}

/* 셀렉트 박스 */
[class^="inp_select"] {background-color:#fff;}
	[class^="inp_select"]:after {display:block; content:''; position:absolute; right:0; top:0.2813vw; width:10.9375vw; height:10.9375vw; background:url('../images/m/common/icon_select_arrow.svg') no-repeat; background-size:100% auto;}
	[class^="inp_select"] select {position:relative; z-index:1; background-color:transparent; padding-right:7.8125vw;}
		[class^="inp_select"] select option {font-size:3.2813vw;}
	
/* 라디오 버튼 */
[class^="inp_radio"] {width:auto; height:auto; }
	[class^="inp_radio"] input[type="radio"] {position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; opacity:0;}
	[class^="inp_radio"] .txt_tIconRd {padding:0 0 0 5.4688vw; font-size:3.4375vw; color:#282828;}
		[class^="inp_radio"] .txt_tIconRd:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-1.9531vw; width:3.9063vw; height:3.9063vw; background:url('../images/m/common/icon_radio_off.svg') no-repeat center center; background-size:100% auto;}
		[class^="inp_radio"] input[type="radio"]:checked + .txt_tIconRd:before {background-image:url('../images/m/common/icon_radio_on.svg');}
		[class^="inp_radio"] input[type="radio"]:checked + i + .txt_tIconRd:before {background-image:url('../images/m/common/icon_radio_on.svg');}

[class^="inp_radio"] + [class^="inp_radio"] {margin:0 0 0 7.8125vw;}

 
/* calendar 추가 : 2020.05.07 */
.acda_list label { font-size: 3.5938vw; font-weight:700; display:inline-block;}
.box_LGray {  padding: 7.8125vw 5.4688vw;  }
.acda_cont .box_LGray .inp_textIcon_calendar input {border-color: #02a5b1;  background-color: #fff;}
.calendar_pt {padding-left:0px; width:270px;  margin-top:10px;}
.calendar_pt .txt_placeholder_cLightgray { position:absolute; top:0; left:0; z-index:-1; padding:10px; width:100%; height:40px; white-space:nowrap; box-sizing:border-box;}
.inp_textIcon_calendar {position:relative; }
.inp_textIcon_calendar .m_icon_calendar_pt { background-image:url('../images/m/common/icon_calendar_on.png'); right: 8px; left: initial; top: 50%;  transform:translate(0, -50%);}
.icon_calendar { width: 22px; height: 24px;}
.box_LGray .txt_placeholder_cLightgray {font-size:1em; position:absolute; top:50%; left:0px; transform:translate(0, -50%);}
.txt_placeholder_02 {position:absolute; left:20px; top:0px;}
.txt_cont_01 {font-size:3.4375vw; margin:10px 0px 20px; display:inline-block;  }


/* 박스 타입 셀렉트 박스 */
.inp_radio_box {width:100%; min-height:10.9375vw;}
	.inp_radio_box .txt_tIconRd {padding:2.3438vw 8.5938vw; width:100%; height:100%; border:0.1563vw solid #d2d2d2; font-size:3.2813vw; text-align:center;}
		.inp_radio_box .txt_tIconRd:before {left:3.1250vw;}
	.inp_radio_box input[type="radio"]:checked + .txt_tIconRd {border:0.3125vw solid #1ab8b9; color:#1ab8b9; font-weight:700;}

.inp_radio_box + .inp_radio_box {margin:3.1250vw 0 0 0;}

/* 체크 아이콘 라디오 */
.inp_radio_iChk {width:100%;}
	.inp_radio_iChk .txt_tIconRd {padding:2.3438vw 8.5938vw 2.3438vw 3.1250vw; height:10.9375vw;}
		.inp_radio_iChk .txt_tIconRd:before {display:none;}
		.inp_radio_iChk .txt_tIconRd:after {display:block; content:''; position:absolute; right:2.6563vw; top:50%; margin-top:-1.9531vw; width:3.9063vw; height:3.9063vw; background:url('../images/m/common/icon_chk_off.svg') no-repeat center center; background-size:100% auto;}
		.inp_radio_iChk input[type="radio"]:checked + .txt_tIconRd:after {background-image:url('../images/m/common/icon_chk_on.svg');}

.inp_radio_iChk + .inp_radio_iChk {margin:3.1250vw 0 0 0;}

/* 별점 선택 라디오 */
.inp_radio_star {width:5.0000vw; height:5.0438vw;}
	.inp_radio_star .icon_star {background-image:url('../images/m/common/icon_star_off.svg'); transition-property:background-image; transition-duration:0.2s; transition-timing-function: ease-in-out;}
	.inp_radio_star input[type="radio"]:checked + .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}
.inp_radio_star + .inp_radio_star {margin-left:1.5625vw;}

/* 체크 박스 */
[class^="inp_checkbox"] {width:auto; height:auto; }
	[class^="inp_checkbox"] input[type="checkbox"] {position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; opacity:0;}
	[class^="inp_checkbox"] + input[type="checkbox"] {position:absolute; left:0; top:0; z-index:3; width:auto; height:auto; opacity:0;}
	[class^="inp_checkbox"] .txt_tIconChk {padding:0 0 0 5.7813vw; font-size:3.4375vw; color:#282828;}
		[class^="inp_checkbox"] .txt_tIconChk:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-1.9531vw; width:4.2188vw; height:4.7088vw; background:url('../images/m/common/icon_checkbox_off.svg') no-repeat center center; background-size:100% auto;}
		[class^="inp_checkbox"] input[type="checkbox"]:checked + .txt_tIconChk:before {background-image:url('../images/m/common/icon_checkbox_on.svg');}

[class^="inp_checkbox"] + [class^="inp_checkbox"] {margin-left:7.8125vw;}

.inp_checkbox_mline .txt_tIconChk:before {top:1.0938vw; margin-top:0;}

/* 동그라미 체크 아이콘 */
.inp_checkbox_iChk {width:100%;}
	.inp_checkbox_iChk .txt_tIconChk {padding:2.3438vw 8.5938vw 2.3438vw 3.1250vw; height:10.9375vw;}
		.inp_checkbox_iChk .txt_tIconChk:before {display:none;}
		.inp_checkbox_iChk .txt_tIconChk:after {display:block; content:''; position:absolute; right:2.6563vw; top:50%; margin-top:-1.9531vw; width:3.9063vw; height:3.9063vw; background:url('../images/m/common/icon_chk_off.svg') no-repeat center center; background-size:100% auto;}
		.inp_checkbox_iChk input[type="checkbox"]:checked + .txt_tIconChk:after {background-image:url('../images/m/common/icon_chk_on.svg');}

.inp_checkbox_iChk + .inp_checkbox_iChk {margin:3.1250vw 0 0 0;}

/* 팔로우, 팔로잉 체크박스 */
.inp_checkbox_flow {}
	.inp_checkbox_flow .btn_h70Flow .txt_btn_name {vertical-align:top; }
	.inp_checkbox_flow .btn_h60Flow {padding-top:0.9375vw;}
		.inp_checkbox_flow .btn_h70Flow .txt_btn_name:after, .inp_checkbox_flow .btn_h60Flow .txt_btn_name:after {display:inline-block; content:'팔로우'; }
		.inp_checkbox_flow input[type="checkbox"]:checked + .btn_h70Flow, .inp_checkbox_flow input[type="checkbox"]:checked + .btn_h60Flow {background-color:#02a5b1;}
			.inp_checkbox_flow input[type="checkbox"]:checked + .btn_h70Flow .txt_btn_name, .inp_checkbox_flow input[type="checkbox"]:checked + .btn_h60Flow .txt_btn_name {color:#fff;}
				.inp_checkbox_flow input[type="checkbox"]:checked + .btn_h70Flow .txt_btn_name:after, .inp_checkbox_flow input[type="checkbox"]:checked + .btn_h60Flow .txt_btn_name:after {content:'팔로잉';}
				.inp_checkbox_flow input[type="checkbox"]:checked + .btn_h70Flow .txt_btn_name:before, .inp_checkbox_flow input[type="checkbox"]:checked + .btn_h60Flow .txt_btn_name:before {background-image:url('../images/m/common/icon_chk_white.svg');}

/* 키워드 선택 체크박스 */
.inp_checkbox_keyword {}
	.inp_checkbox_keyword .btn_h70Keyw {padding-top:0.9375vw; border:0.3125vw solid #02a5b1; background-color:#fff;}
		.inp_checkbox_keyword .btn_h70Keyw .txt_btn_name {color:#02a5b1; vertical-align:middle;}
		.inp_checkbox_keyword input[type="checkbox"]:checked + .btn_h70Keyw, .inp_checkbox_keyword input[type="checkbox"]:checked + .btn_h70Keyw {background-color:#02a5b1;}
			.inp_checkbox_keyword input[type="checkbox"]:checked + .btn_h70Keyw .txt_btn_name, .inp_checkbox_keyword input[type="checkbox"]:checked + .btn_h70Keyw .txt_btn_name {color:#fff;}

/* 스위치 버튼 체크박스 */
.inp_checkbox_switch {}
	.inp_checkbox_switch .btn_switch:after {line-height:1.6;}
	.inp_checkbox_switch input[type="checkbox"]:checked + .btn_switch {background-color:#1ab8b9;}
		.inp_checkbox_switch input[type="checkbox"]:checked + .btn_switch:before {border-color:#1ab8b9; left:calc(100% - 4.6875vw);}
		.inp_checkbox_switch input[type="checkbox"]:checked + .btn_switch:after {content:'ON'; padding:0 4.6875vw 0 0.4688vw;}

/* 좋아요 버튼 */
.inp_checkbox_heart {width:7.0313vw; height:7.0313vw;}
	.inp_checkbox_heart .icon_heart {width:7.0313vw; height:7.0313vw; background-color:rgba(210, 210, 210, 0.6); background-image:url('../images/m/common/icon_heart_off.png'); background-position:center; background-size:3.1250vw auto; border-radius:50%; transition-property:background-image; transition-duration:.2s; transition-timing-function:ease-in-out;}
	.inp_checkbox_heart input[type="checkbox"]:checked + .icon_heart {background-image:url('../images/m/common/icon_heart_on.png');}

.inp_checkbox_heart.line {}
	.inp_checkbox_heart.line .icon_heart {background-color:transparent; background-image:url('../images/m/common/icon_heart_grayline_off.png'); background-size:4.6875vw auto; border-radius:0;}

.inp_checkbox_heart.blackLine {}
	.inp_checkbox_heart.blackLine .icon_heart {background-color:transparent; background-image:url('../images/m/common/icon_heart_blackline_off.png'); background-size:3.5938vw auto; border-radius:0;}

.inp_checkbox_heart.blue {width:9.3750vw; height:9.3750vw;}
	.inp_checkbox_heart.blue .icon_heart {width:9.3750vw; height:9.3750vw; background-color:transparent; background-image:url('../images/m/kbi_tube/icon_heart.png'); background-size:9.3750vw auto; border-radius:0;}
	.inp_checkbox_heart.blue input[type="checkbox"]:checked + .icon_heart {background-image:url('../images/m/kbi_tube/icon_heart_active.png');}

/* 담기 버튼 */
.inp_checkbox_add {width:9.3750vw; height:9.3750vw;}
	.inp_checkbox_add .icon_add {width:9.3750vw; height:9.3750vw; background-image:url('../images/m/kbi_tube/icon_add.png'); background-position:center; background-size:100% auto; transition-property:background-image; transition-duration:.2s; transition-timing-function:ease-in-out;}
	.inp_checkbox_add input[type="checkbox"]:checked + .icon_add {background-image:url('../images/m/kbi_tube/icon_add_active.png');}

/* 숫자 변경 폼 */
[class^="inp_num"] {overflow:hidden; padding:0 9.2188vw; width:100%; height:7.8125vw; border:0.1563vw solid #dadada;}
	[class^="inp_num"] input[type="text"] {padding:0.7813vw 1.5625vw; height:7.8125vw; border:0; background-color:#fff; text-align:center;}
	[class^="btn_num"] {position:absolute; top:0; padding:0; width:9.2188vw; height:7.8125vw; background-color:#f6f6f6; border-style:solid; border-color:#dadada; }
		[class^="btn_num"]:before {display:inline-block; content:''; width:2.6563vw; height:2.6563vw; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
	.btn_num_minus {left:0; border-width:0 0.1563vw 0 0; }
		.btn_num_minus:before {background-image:url('../images/m/common/icon_minus.svg');}
	.btn_num_plus {right:0; border-width:0 0 0 0.1563vw;}
		.btn_num_plus:before {background-image:url('../images/m/common/icon_plus.svg');}

/* 월 변경 폼 */
.inp_num_month {padding:0 15.6250vw; height:10.9375vw;}
	.inp_num_month input[type="text"] {padding:3.1250vw; height:10.9375vw;}
	.inp_num_month [class^="btn_num"] {width:15.6250vw; height:10.9375vw;}
		.inp_num_month [class^="btn_num"]:before {width:3.7500vw; height:3.7500vw;}
	
	.inp_num_month [class^="btn_"]:disabled {opacity:0.2;}
	
/* 글자수 카운트 되는 인풋 */
.inp_txt_count {}
	.inp_txt_count input[type="text"] {padding-right:12.5000vw;}
	.inp_txt_count .txt_count_flt {position:absolute; right:0; top:0; padding:2.3438vw 3.1250vw 2.3438vw 0; height:100%; font-size:3.2813vw; color:#898989; line-height:1.8;}

/* 파일 첨부 */
[class^="inp_file"] {height:7.8125vw;}
	[class^="inp_file"] input[type="file"] {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; opacity:0;}
	[class^="inp_file"] [class^="btn_h50"] {width:auto; min-width:20.3125vw;}

/* textarea */
[class^="inp_txtArea"] {height:auto; border:0.1563vw solid #dadada;}
	[class^="inp_txtArea"] textarea {overflow-y:auto; margin-top:0.7813vw; padding:2.6563vw 2.3438vw; width:99.9%; height:31.2500vw; border:0; font-size:3.2813vw; color:#282828; resize:none;}
	[class^="inp_txtArea"] textarea:focus {outline:none;}

/* 글자수 카운트 textarea */
.inp_txtArea_count {}
	.inp_txtArea_count textarea {height:31.2500vw;}
	.inp_txtArea_count .txt_count_flt {display:block; padding:2.3438vw 3.1250vw 2.3438vw 0; font-size:3.2813vw; color:#898989; text-align:right;}

/* 텍스트 리스트 */
[class^="context_lists"] {overflow:hidden;}
	[class^="context_lists"] .ct_list {margin-top:0.7813vw;}
	[class^="context_lists"] .ct_list:first-child {margin-top:0;}
	.ct_list [class*="tNum"] + [class^="context_lists"] {margin:1.5625vw 0; padding-left:1.5em;}

/* 두개 이상 영역 배치 */
[class^="items_"] {overflow:hidden; width:100%;}
	[class^="items_"] > [class^="item_"] {float:left;}

.items_btn_single {overflow:visible; text-align:center;}
	.items_btn_single [class^="btn_"] {width:100%;}

/* 버튼 두개 정렬 */
.items_btn_double {}
	.items_btn_double > .item_list {width:50%;}

.items_btn_double.metc {padding-bottom: calc(env(safe-area-inset-bottom) - 0.7813vw);}

/* 버튼 두개 정렬 line 구분 */
.items_btn_dLine {border-width:0.1563vw 0; border-style:solid; border-color:#c9c9c9;}
	.items_btn_dLine > .item_list {width:50%; border-left:0.1563vw solid #c9c9c9;}
	.items_btn_dLine > .item_list:first-child {border-left:0;}
		.btn_LGray_num {border:0;}
			.btn_LGray_num .txt_btn_name {font-size:3.2813vw; font-weight:400;}
			.btn_LGray_num .txt_btn_name + .txt_s22cBlue_flt {margin-left:2.3438vw;}

/* 버튼 두개 정렬 (비대칭) */
.items_btn_d1by4 {}
	.items_btn_d1by4 > .item_list {width:80%;}
	.items_btn_d1by4 > .item_list:first-child {width:20%;}

/* 버튼 두개 저렬 2 (간격 잇음 ) */
.items_btn_dSpace {}
	.items_btn_dSpace > .item_list {padding:0 0 0 0.7813vw; width:50%;}
	.items_btn_dSpace > .item_list:first-child {padding:0 0.7813vw 0 0;}

/* 버튼 3개 정렬 */
.items_btn_3nd {}
	.items_btn_3nd > .item_list {width:33.3%;}

/* 버튼 3개 정렬 (간격있음) */
.items_btn_3ndSpace {}
	.items_btn_3ndSpace > .item_list {padding:0 0.7813vw; width:33.3%;}
	.items_btn_3ndSpace > .item_list:first-child {padding:0 0.7813vw 0 0;}
	.items_btn_3ndSpace > .item_list:last-child {padding:0 0 0 0.7813vw;}

/* 용도별 form 그룹 */
[class^="formGroup_"] {position:relative; }

/* 체크박스 세로 정렬 리스트 그룹 */
.formGroup_chkRow {}
	.formGroup_chkRow .inp_checkbox {width:100%;}
	.formGroup_chkRow .inp_checkbox + .inp_checkbox {margin:3.7500vw 0 0 0;}

/* 체크박스 가로 정렬 리스트 그룹 */
.formGroup_chkCol {}
	.formGroup_chkCol .inp_checkbox {margin:1.5625vw 3.7500vw 1.5625vw 0;}
	.formGroup_chkCol .inp_checkbox:last-child {margin:1.5625vw 0;}

/* 별점 선택 */
.formGroup_scoreStar {}
	.formGroup_scoreStar .inp_radio_star {vertical-align:middle;}
	.sc1 .inp_radio_star:nth-child(1) .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}
	.sc2 .inp_radio_star:nth-child(1) .icon_star, .sc2 .inp_radio_star:nth-child(2) .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}
	.sc3 .inp_radio_star:nth-child(1) .icon_star, .sc3 .inp_radio_star:nth-child(2) .icon_star, .sc3 .inp_radio_star:nth-child(3) .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}
	.sc4 .inp_radio_star:nth-child(1) .icon_star, .sc4 .inp_radio_star:nth-child(2) .icon_star, .sc4 .inp_radio_star:nth-child(3) .icon_star, .sc4 .inp_radio_star:nth-child(4) .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}
	.sc5 .inp_radio_star:nth-child(1) .icon_star, .sc5 .inp_radio_star:nth-child(2) .icon_star, .sc5 .inp_radio_star:nth-child(3) .icon_star, .sc5 .inp_radio_star:nth-child(4) .icon_star, .sc5 .inp_radio_star:nth-child(5) .icon_star {background-image:url('../images/m/common/icon_star_on.svg');}

/* 날짜 (생년월일) 선택 */
.formGroup_dateSelect {}
	.items_ds_3nd {overflow:hidden;}
		.items_ds_3nd > .item_list {padding:0 0.7813vw; width:33.3%; }
		.items_ds_3nd > .item_list:first-child {padding:0 0.7813vw 0 0;}
		.items_ds_3nd > .item_list:last-child {padding:0 0 0 0.7813vw;}
			.inp_select_date {}

/* 자동 입력방지 문자 */
.formGroup_security {}
	.security_write_w {position:relative; width:100%; padding-right:35.9375vw;}
		.img_security {overflow:hidden; width:100%; height:15.6250vw; vertical-align:middle; background-color:#f6f6f6; text-align:center;}
			.img_security img {width:100%; height:100%;}
		.btn_h70_refeash {position:absolute; right:0; top:50%; margin-top:-5.4688vw; width:31.2500vw; border:0.1563vw solid #b8b8b8; background-color:#fff;}
			.btn_h70_refeash .txt_btn_name {font-size:3.4375vw; color:#282828;}
	.inp_txt_security {margin-top:1.5625vw;}

/* 주소 입력 */
.formGroup_address {}
	.formGroup_address .btn_h70Gray + .inp_txt_addr, .formGroup_address .inp_txt_addr + .inp_txt_addr {margin-top:1.5625vw;}

/* 소속기관 / 사업자번호 입력 */
.formGroup_coporation {} 

/* 사업자 번호 입력 */
.formGroup_cpNumber {}
	.items_cpNum {overflow:hidden; position:relative; left:-4.6875vw; width:calc(100% + 4.6875vw);}
		.items_cpNum > .item_list {float:left; position:relative; padding-left:4.6875vw; width:33.3%;}
			.items_cpNum > .item_list:before {display:inline-block; content:'-'; position:absolute; left:0; top:0; width:4.6875vw; height:10.9375vw; font-size:1.5em; color:#282828; text-align:center;}
			.items_cpNum > .item_list:first-child:before {display:none;}

/* 법인등록 번호 입력 */
.formGroup_cpNumber.ty2 .items_cpNum > .item_list {width:50%;}

/* 시간 선택 */
.formGroup_timeSelect {}
	.items_timeSelect {overflow:hidden; position:relative; left:-4.6875vw; width:calc(100% + 4.6875vw);}
		.items_timeSelect > .item_list {float:left; position:relative; padding-left:4.6875vw; width:50%;}
			.items_timeSelect > .item_list:before {display:inline-block; content:'-'; position:absolute; left:0; top:0; width:4.6875vw; height:10.9375vw; font-size:1.5em; color:#282828; text-align:center;}
			.items_timeSelect > .item_list:first-child:before {display:none;}

/* 날짜 선택 폼 (스케쥴) */
.formGroup_schedule {overflow:hidden; padding:0 12.5000vw; width:100%;}
	[class^="btn_h70Scd"] {position:absolute; top:50%; margin-top:-5.4688vw; padding:0; width:10.9375vw; background-repeat:no-repeat; background-position:center center; background-size:2.5000vw 3.9063vw;}
	.btn_h70Scd_prev {left:0; background-image:url('../images/m/common/arrow_blue_left.svg');}
	.btn_h70Scd_next {right:0; background-image:url('../images/m/common/arrow_blue_right.svg');}
	.formGroup_schedule [class^="inp_select"] {float:left;}
	.formGroup_schedule .inp_select_year {width:50%;}
	.formGroup_schedule .inp_select_month {margin-left:4.6875vw; width:calc(50% - 4.6875vw);}

/* 날짜 (스케쥴 달력) 보기 */
.formGroup_scheduleT2 {width:100%; text-align:center;}
	.scd_date_view {display:inline-block; position:relative; padding:0 6.2500vw; height:6.2500vw;}
		.scd_date_view [class^="btn_icon_"] {position:absolute; top:0; width:6.2500vw; height:6.2500vw;}
		.scd_date_view .btn_icon_prev {left:0; background-image:url('../images/m/common/arrow_prev.png');}
		.scd_date_view .btn_icon_next {right:0; background-image:url('../images/m/common/arrow_next.png');}
		.txt_s26cBlack_scd {padding:0 4.6875vw; text-align:center;}

.formGroup_scheduleT2 + .table_lineAll_scd {margin-top:7.8125vw;}

/* 입력 + 버튼 */
.formGroup_inpBtnSet {position:relative; padding-right:23.4375vw;}
	.formGroup_inpBtnSet .btn_h70Blue {position:absolute; right:0; top:0; width:20.3125vw;}
.bottom_msg_w {}

.bottom_msg_w + .formGroup_inpBtnSet {margin-top:7.8125vw;}

/* 관심분야 등록 폼 */
.formGroup_branch {}
	.formGroup_branch [class^="txt_"] + [class^="btn_"] {margin-top:1.5625vw;}
	.formGroup_branch [class^="btn_"] + .branch_group {position:relative; left:-1.5625vw; margin-top:1.5625vw;}
	.branch_group [class^="btn_"] {margin:1.5625vw; margin-left:0;}
		.branch_group [class^="btn_"] + [class^="btn_"] {margin-left:0;}

/* 텍스트 + 버튼 */
.formGroup_txtBtnSet {position:relative; padding-right:14.0625vw;}
	.formGroup_txtBtnSet [class^="btn_h50Blue"] {position:absolute; right:0; top:-0.7813vw; min-width:auto; padding-right:3.9063vw; padding-left:3.9063vw;}

/* 학년 선택 */
.formGroup_grade {}
	.formGroup_grade .inp_select_grade + .inp_txt_grade {margin-top:1.5625vw;}

/* 파일 첨부 */
.formGroup_addFile {}
	.formGroup_addFile .inp_file {}
		.af_lists_w {overflow:hidden; width:100%;}
			.af_list {margin-top:2.125vw;}
			.af_list:first-child {margin-top:4.6875vw;}
				.af_list .txt_s21cBlue_tFile, .af_list .btn_icon_delete {vertical-align:middle;}
				.af_list .txt_s21cBlue_tFile {display:inline-block; max-width:calc(100% - 10.9375vw);}
				.af_list .btn_icon_delete {margin-left:3.1250vw; width:7.8125vw; height:7.8125vw; background-image:url('../images/m/common/icon_minus_box.png');}
.formGroup_addFile + .context_lists {margin-top:4.6875vw;}

/* 리뷰등록 폼 */
.formGroup_review {padding:7.8125vw 5.4688vw; border-top:0.1563vw solid #c9c9c9;}
	.formGroup_review [class^="tit_"] + .formGroup_scoreStar {margin-top:3.9063vw;}
	.formGroup_review .formGroup_scoreStar + .inp_txtArea_count {margin-top:4.6875vw;}
	.formGroup_review .inp_txtArea_count + .items_btn_single, .formGroup_crCommt .inp_txtArea + .items_btn_single {margin-top:4.6875vw; padding:0 13.2813vw;}

/* 라디오버튼 폼 */
.formgroup_radioCol {}
	.formgroup_radioCol [class^="inp_radio"] {margin:1.5625vw 3.7500vw 1.5625vw 0;}
	.formgroup_radioCol [class^="inp_radio"]:last-child {margin:1.5625vw 0;}

/* 입력 폼 리스트 */
[class^="forms_"] {width:100%;}
	[class^="forms_"] .f_list + .f_list {margin-top:4.6875vw;}
		[class^="forms_"] .f_list [class^="tit_"] {display:block;}
		[class^="forms_"] .f_list [class^="tit_"] + [class^="inp_"], [class^="forms_"] .f_list [class^="tit_"] + [class^="formGroup_"], [class^="forms_"] .f_list [class^="tit_"] + [class^="items_cpNum"] {margin-top:1.5625vw;}
		[class^="forms_"] .f_list [class^="tit_"] + .formGroup_radioCol {margin-top:3.1250vw;}
		[class^="forms_"] .f_list [class*="btMsg"] {margin-top:1.5625vw;}
		[class^="forms_"] .f_list [class*="btMsg"] + [class^="context_lists"] {margin-top:3.1250vw;}
		.inp_checkbox_nick {margin-top:3.1250vw;}
			.inp_checkbox_nick .txt_tIconChk {color:#898989;}

		.f_list [class^="forms_"] {margin-top:4.6875vw;}
		.f_list .inp_select + .inp_txt {margin-top:1.5625vw;}
		
		.f_list #d_bth_day_tr2 {width:100%;}
		
[class^="forms_"] + [class^="items_"], [class^="forms_"] + [class^="btn_"] {margin-top:10.9375vw;}

/* step */
.step_lists_w {width:100%; text-align:center; letter-spacing:-0.7813vw; white-space:nowrap;}
	.step_list {display:inline-block; position:relative; padding-left:17.9688vw; letter-spacing:-0.1563vw;}
		.step_list:before {display:inline-block; content:''; position:absolute; left:0; top:50%; margin-top:-1.1563vw; width:22.6563vw; height:0.3125vw; background-color:#be9669;}
	.step_list:first-child {padding-left:0;}
		.step_list:first-child:before {display:none;}
		[class^="txt_s22Step"] {overflow:hidden; position:relative; padding:0.4688vw 0; width:7.8125vw; height:7.8125vw; border-width:0.3125vw; border-style:solid;  color:#d2d2d2; line-height:1.8; text-align:center; border-radius:50%; z-index:2;}
		.txt_s22Step_default {background-color:#fff; border-color:#dfdfe3;}
		.txt_s22Step_complate {background:#be9669 url('../images/m/common/icon_step_complate.svg') no-repeat center center; background-size:101% auto; border-color:#be9669; text-indent:-99999em; }
		.txt_s22Step_now {background-color:#02a5b1; border-color:#02a5b1; color:#fff;}

/* table */
[class^="table_"] {width:100%; table-layout:fixed;}
	[class^="table_"] th, [class^="table_"] td {padding:3.1250vw 1.5625vw; text-align:center;}
	[class^="table_"] thead th {padding:2.3438vw 1.5625vw; background-color:#f6f6f6;}
	[class^="table_"] .taLeft {text-align:left;}

/* 가로 라인만 잇는 table */
[class^="table_lineCol"] {}
	[class^="table_lineCol"] th, [class^="table_lineCol"] td {border-top:0.1563vw solid #c9c9c9;}

/* 가로 라인만 잇는 table 최 하단 라인 추가 */
[class^="table_lineCol_t2"] {border-bottom:0.1563vw solid #c9c9c9;}
	[class^="table_lineCol_t2"] th, [class^="table_lineCol_t2"] td {vertical-align:top;}

[class^="table_lineCol_t3"] {}
	[class^="table_lineCol_t3"] thead th {border-width:0.3125vw 0; border-style:solid; border-color:#8b8b8b; background-color:transparent;}
	[class^="table_lineCol_t3"] tbody td {border-width:0 0 0.1563vw 0; border-style:solid; border-color:#c9c9c9;}

[class^="table_lineCol_t4"] {}
	[class^="table_lineCol_t4"] thead th {border:0; background:none;}
	[class^="table_lineCol_t4"] tbody td {border:0; background:#fafafa;}
	[class^="table_lineCol_t4"] tbody tr:nth-child(odd) td {background:#f2f2f2;}

/* 정보 요약 전용 table */
[class^="table_lineRowCol"] {position:relative;}
	[class^="table_lineRowCol"] th, [class^="table_lineRowCol"] td {border-width:0 0 0.1563vw 0.1563vw; border-style:solid; border-color:#c9c9c9;}
	[class^="table_lineRowCol"], [class^="table_lineRowCol"] th, [class^="table_lineRowCol"] td {border:0.0781vw solid #dedede; border-collapse:inherit;}
	/* [class^="table_lineRowCol"] tr th:first-child {border-width:0 0 0.1563vw 0;} */
	/* [class^="table_lineRowCol"] tr td:first-child {border-width:0 0 0.1563vw 0;} */
	/*[class^="table_lineRowCol"] tr th + td {border-width:0;}*/
	
		/*[class^="table_lineRowCol"] tbody:before {position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; content:'';}*/
	
/* thead th 병합(colspan, rowspan)이 있을 때 */
[class^="table_lineRowCol_t2"] {}
	[class^="table_lineRowCol_t2"] thead th {padding:2.3438vw;}

/* 전체 라인 잇는 table */
[class^="table_lineAll"] {}
	[class^="table_lineAll"], [class^="table_lineAll"] th, [class^="table_lineAll"] td {border:0.1563vw solid #c9c9c9; border-collapse:collapse;}
	[class^="table_lineAll"] tbody tr:first-child th, [class^="table_lineAll"] tbody tr:first-child td {border-top:0;}

/* 달력 (스케쥴) */
[class^="table_lineAll_scd"] {}
	[class^="table_lineAll_scd"] th, [class^="table_lineAll_scd"] td {padding:1.5625vw 1.5625vw 2.3438vw 1.5625vw; text-align:center;}
	[class^="table_lineAll_scd"] td {position:relative; height:14.0625vw; vertical-align:top;}
		[class^="table_lineAll_scd"] td.active:before {position:absolute; top:-0.1563vw; left:-0.2525vw; width:100%; height:99%; border:0.3125vw solid #1ab8b9; content:''; z-index:5;}
		[class^="table_lineAll_scd"] td .link_scd_view {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}		
		[class^="table_lineAll_scd"] td .txt_day {font-size:3.5938vw; color:#282828;}
		[class^="table_lineAll_scd"] td .class {display:block; margin-top:1.2500vw; font-size:0;}
			[class^="table_lineAll_scd"] td .class:before {display:inline-block; content:''; width:1.8750vw; height:1.8750vw; background-color:#b8b8b8; border-radius:50%;}
		[class^="table_lineAll_scd"] td .class {display:block; margin-top:1.2500vw; font-size:0;}
	[class^="table_lineAll_scd"] td.access {background-color:#e7f0ef;}
	[class^="table_lineAll_scd"] td.today {background-color:#e7f0ef;}
		[class^="table_lineAll_scd"] td.today .txt_day {color:#02a5b1;}
	[class^="table_lineAll_scd"] td .txt_attend {position:absolute; top:50%; left:50%; width:100%; height:100%; margin-top:-56%; margin-left:-50%; background-color:rgba(190,150,105,.7);}
		[class^="table_lineAll_scd"] td .txt_attend .s22cWhite {margin-left:-0.7813vw; font-size:3.1875vw; vertical-align:middle;}

/* fake table */
[class^="fake_table"] {display:table; width:100%;}
	[class^="ft_tr"] {display:table-row; width:100%;}
		[class^="ft_cell"] {display:table-cell; padding:3.9063vw 3.1250vw; text-align:center; border-top:0.1563vw solid #c9c9c9; text-align:left; vertical-align:top;}
		.ft_tr:first-child [class^="ft_cell"] {border-top:0;}
		[class^="fake_table"] .ft_cell_th {width:35%;}
		[class^="fake_table"] .ft_cell_td {width:65%;}

/* fake table 상, 하단 라인 */
[class^="fake_tableLine"] {border-width:0.1563vw 0; border-style:solid; border-color:#c9c9c9;}

/* 가로, 세로 라인 있는 것 (스케줄) */
[class^="fake_tableLine_t2"] {border-width:0.3125vw 0; border-style:solid; border-color:#8b8b8b}
	[class^="fake_tableLine_t2"] .ft_cell_th, [class^="fake_tableLine_t2"] .ft_cell_td {text-align:center;}
	[class^="fake_tableLine_t2"] .ft_cell_th {width:35%; border-right:0.1563vw solid #c9c9c9;}
	[class^="fake_tableLine_t2"] .ft_cell_td {width:65%; text-align:left;}
	.ft_tr_block {border-top:0;}
		.ft_tr_block [class^="ft_cell"] {background-color:#f6f6f6; border-top:0;}
		.ft_tr_block .ft_cell_th {border-right:0;}
		.ft_tr_block .ft_cell_td {text-align:center;}
	.ft_tr_block + .ft_tr [class^="ft_cell"] {border-top:0;}

	.fake_tableLine_t2 .ft_cell_td.break {background-color:#f6f6f6;}
		.ft_cell_td.break .txt_s23cBlack {color:#575757;}

/* fake table 상, 하단 라인 type 3*/
[class^="fake_tableLine_t3"] {border-width:0.3125vw 0 0.1563vw 0; border-style:solid; border-color:#8b8b8b transparent #c9c9c9 transparent;}

/* fake table 상, 하단 라인 작은 사이즈 */
[class^="fake_tableLine_noPdSmall"] {}
	[class^="fake_tableLine_noPdSmall"] .ft_cell_th, [class^="fake_tableLine_noPdSmall"] .ft_cell_td {padding:2.3438vw 0; text-align:left;}
	[class^="fake_tableLine_noPdSmall"] .ft_cell_th {width:60%;}
	[class^="fake_tableLine_noPdSmall"] .ft_cell_td {width:40%;}

/* fake table th 배경이 gray 인것 */
[class^="fake_tableThGray"] {overflow:hidden; border-bottom:0.1563vw solid #c9c9c9;}
	[class^="fake_tableThGray"] .ft_tr:first-child .ft_cell_th, [class^="fake_tableThGray"] .ft_tr:first-child .ft_cell_td {border-top:0.1563vw solid #c9c9c9;}
	[class^="fake_tableThGray"] .ft_cell_th {background-color:#f6f6f6; text-align:center;}
		
/* fake table line 없는 것 */
[class^="fake_tableNoLine"] {}
	[class^="fake_tableNoLine"] [class^="ft_cell"] {padding:1.5625vw 3.1250vw; border:0;}

/* 컨텐츠 새로 정렬 리스트 */
[class^="cont_lists"] {width:100%;}
	[class^="cont_lists"] > .cList {border-bottom:0.1563vw solid #c9c9c9;}

/* box */
[class^="box_"] {padding:7.8125vw 5.4688vw;}

/* 안내 문구 가이드 (배겯, 아이콘 있음) */
.box_grayGuide {background-color:#f6f6f6;}
	.box_grayGuide .txt_tIcon_s26cBlackfBo + .context_lists_guide {margin-top:0.7813vw; padding-left:0.7813vw;}
	.context_lists_guide {}
		.context_lists_guide > .ct_list {margin-top:0.7813vw;}
	.box_grayGuide .context_lists_guide + .tit_s23cDark_guide {display:block; margin-top:6.2500vw;}
	.box_grayGuide .tit_s23cDark_guide + .txt_s22cDark_guide {margin-top:3.1250vw;}

/* 안내 문구 가이드 (배겯, 아이콘 없음) */
.box_guide {}
	.box_guide .tit_s22cDark_fBo + .context_lists_guide {margin-top:3.4375vw;}

/* 검색된 데이타가 없을 때 */
.box_noData {padding:9.3750vw 1.5625vw; text-align:center;}
	.box_noData .txt_s26cDark_noData {}
		.box_noData .txt_s26cDark_noData .cBluefBo {}

/* 셀렉트 메뉴 리스트 */
.box_LGray {background-color:#f6f6f6;}
	.items_rdChk_w {overflow:hidden; position:relative; width:100%; border-width:0.1563vw 0 0 0.1563vw; border-style:solid; border-color:#dadada; background-color:#fff;}
		.items_rdChk_w:after {display:inline-block; content:''; position:absolute; right:0; bottom:0; width:50%; height:10.9375vw; border-width:0 0.1563vw 0.1563vw 0; border-style:solid; border-color:#dadada;}
		.items_rdChk_w .item_rdChk {float:left; position:relative; z-index:1; width:50%; height:10.9375vw; border-width:0 0.1563vw 0.1563vw 0; border-style:solid; border-color:#dadada; background-color:#fff;}
			.item_rdChk .inp_radio_iChk {height:10.9375vw;}
			.item_rdChk .txt_menu {width:43.9375vw; height:10.9375vw; padding:1.8438vw 8.5938vw 2.3438vw 3.1250vw;}
				.item_rdChk .txt_menuChk {font-size:3.4375vw;}

/* 태이블 용 박스 */
[class^="box_tbLGray"] {padding:0.7813vw 4.6875vw; background-color:#f6f6f6;}

/* 태이블 용 박스 타입2 */
.box_tbLGrayT2 {padding:4.6875vw;}
	.box_tbLGrayT2 [class^="tit_"] {display:block;}
	.box_tbLGrayT2 [class^="tit_"] + [class^="fake_tableNoLine"] {margin-top:3.9063vw;}
	.box_tbLGrayT2 [class^="fake_tableNoLine"] + [class^="tit_"] {margin-top:6.2500vw;}
	.box_tbLGrayT2 [class^="labelGroup"] + [class^="tit_"] {margin-top:3.9063vw;}

/* 태이블 용 박스 타입3 */
.box_tbLGrayT3 {padding:6.2500vw 5.4688vw;}
	.box_tbLGrayT3 .thump_img {overflow:hidden; width:100%;} 
		.box_tbLGrayT3 .thump_img img {width:100%; height:auto; vertical-align:top;}
	.box_tbLGrayT3 .thump_img + [class^="title_group"] {margin-top:5.4688vw;}
	.box_tbLGrayT3 [class^="title_group"] + [class^="fake_tableNoLine"] {margin-top:4.6875vw;}
	.box_tbLGrayT3 [class^="fake_tableNoLine"] + .items_btn_single {margin-top:7.0313vw; text-align:center;}
	.box_tbLGrayT3 .items_btn_single [class^="btn_"] {width:78.1250vw;}
	.box_tbLGrayT3 [class^="fake_tableNoLine"] + .items_btn_dSpace {margin-top:7.0313vw; padding-bottom:0.3125vw;}

/* 태이블 용 박스 타입4 작은 사이즈 */
.box_tbLGrayT4 {padding:5.4688vw 3.1250vw;}
	.box_tbLGrayT4 .total_calc {}
		.box_tbLGrayT4 .total_calc .fake_tableLine_noPdSmall:last-child {border-bottom:0.3125vw solid #8b8b8b;}
		.box_tbLGrayT4 [class^="tit_"] {display:block;}
		.box_tbLGrayT4 [class^="tit_"] + .fake_tableLine_noPdSmall {margin-top:2.3438vw}
		.box_tbLGrayT4 .fake_tableLine_noPdSmall + [class^="tit_"] {margin-top:3.9063vw;}
		.box_tbLGrayT4 [class^="score"] {margin-left:3.1250vw;}
	
	.box_tbLGrayT4 .total {margin-top:3.9063vw;}
		.box_tbLGrayT4 .total .fake_tableLine_noPdSmall {border-bottom:0;}

/* 태이블 용 박스 타입5 */
[class^="box_tbUnderline"] {padding:1.7188vw 10.6250vw}

/* 썸네일 */
[class^="thumpnail_"] {position:relative; overflow:hidden; width:58.7500vw;   background-color:#fff;}
	.label_group_thum {position:absolute; left:0; top:0; z-index:1; letter-spacing:-0.7813vw;}
		.label_group_thum [class^="txt_label"] {letter-spacing:0; vertical-align:top;}
		.label_group_thum [class^="txt_label"] + [class^="txt_label"] {margin-left:0; }
	[class^="thumpnail_"] .inp_checkbox_heart {position:absolute; right:1.5625vw; top:1.5625vw; z-index:2;}
	.link_thump {display:block; width:100%; height:100%;}
		.thump_img_w {overflow:hidden; position:relative; /*padding-top:58.51%; width:100%;*/ width:58.7500vw; height:34.3750vw;}
			.thump_img_w img {/*position:absolute; left:0; top:0;*/ width:100%; height:100%; border:0;}
		
		.thump_cont {position:relative; padding:1.8750vw 0 4.6875vw 0; height:30.1563vw;}
			.thump_cont [class^="tit_"] {width:98%; height:3em;}
			.thump_cont [class^="txt_"] {display:block;}
			.thump_cont [class^="tit_"] + [class^="txt"] {margin-top:0.9813vw;}
			.thump_cont .branch_w, .thump_cont .price_w {position:absolute; left:0; bottom:0.4688vw;}
			.thump_cont .branch_w {width:100%;}
				.thump_cont .branch_w .txt_s19cLGray.ellipsis {max-width:99%;}
				.thump_cont .price_w [class^="txt_"] {display:inline-block;}
				.thump_cont .price_w [classicon_badge_02^="txt_"] {display:inline-block;}
				.thump_cont .price_w .txt_s20cRed_sale {margin-left:1.5625vw;}

[class*="tTra"] {border-color:#0527c0;}/* 연수 */

[class*="tKbiTube"] {border-color:#e43f08;}/* KBI Tube */
	[class*="tKbiTube"] .thump_img_w .txt_label_black {position:absolute; bottom:1.5625vw; right:1.5625vw; font-size:2.5000vw; border-radius:0.4688vw;}
	[class*="tKbiTube"] .txt_head,
	[class*="tKbiTube"] .txt_author {display:inline-block; font-size:3.2813vw; color:#575757;}
		.txt_head + .txt_author {position:relative; font-size:3.1250vw; padding-left:1.5625vw;}
			.txt_head + .txt_author:before {position:absolute; top:1.0375vw; left:0.4688vw; width:0.1563vw; height:3.0250vw; background:#898989; content:'';}
	.thump_cont .btn_txt_prof {width:auto; height:auto; padding:0.7813vw; margin-left:0.7813vw; z-index:2;}
		.thump_cont .btn_txt_prof .txt_s18cBlue {display:inline-block;}

[class*="tBook"] {border-color:#097153;}/* 도서 */
	[class*="tBook"] .thump_img_w {padding:4.5313vw 3.4375vw 3.1250vw 3.4375vw; background:url('../images/m/book/bg_thum.png') no-repeat center bottom; background-size:100% auto; text-align:center;}
			[class*="tBook"] .thump_img_w .bk_img_w {display:inline-block; padding:0 5.4688vw; max-width:100%; height:100%; background:url('../images/m/book/bg_book_shadow.png') no-repeat; background-size:auto 100%;}
				[class*="tBook"] .thump_img_w .img_bk {width:auto; max-width:100%; /*height:20.0000vw;*/ height:100%;  }
					[class*="tBook"] .thump_img_w .img_bk img {width:auto; max-width:100%; height:100%; }
	[class*="tBook"] .thump_cont [class^="tit_"] + [class^="txt"] {margin-top:3.1250vw;}
	.slideSection_traRelation [class*="tBook"] .thump_cont [class^="tit_"] + [class^="txt"] {margin-top:0.7813vw;}
		[class*="tBook"] .thump_cont .txt_s19cLGray.ellipsis {max-width:90%;} 

	/* 도서 이미지 큰사이즈 */
	.thumpnail_tBook_big, .thumpnail_tBook_big .thump_img_w {width:43.5938vw;}
	.thumpnail_tBook_big .thump_img_w {height:40.6250vw; background:url('../images/m/book/bg_thum_ty2.png') no-repeat center bottom; background-size:100% auto;}
		.thumpnail_tBook_big .thump_img_w .bk_img_w {padding:0 6.2500vw;}

[class*="tQual"] {border-color:#6b24a9;}/* 자격 */
	[class*="tQual"] .label_group_thum {top:0.1563vw;}
	[class*="tQual"] .thump_cont {padding:2.1875vw 1.2500vw; height:22.625vw;}		
		[class*="tQual"] .thump_cont [class^="btn_"] {float:left; margin-top:1.5625vw;}
			[class*="tQual"] .thump_cont [class^="btn_"] + [class^="btn_"] {margin-left:1.5625vw;}
			[class*="tQual"] .thump_cont [class^="btn_"] + .tit_s21cLGray {text-align:right;}

		[class*="tQual"] .thump_cont [class^="icon_badge_"] {position:absolute; top:1.5625vw; right:0; width:9.625vw; height:12.625vw;}
			.icon_badge_01 {background:url('../images/m/qual/icon_licenceBedge.png') no-repeat; background-size:85% auto;}
			.icon_badge_02 {background:url('../images/m/qual/icon_licenceBedge_02.png') no-repeat; background-size:85% auto;}
		/*[class*="tQual"] .thump_cont .btn_h50Blue {position:absolute; right:1.5625vw; top:50%; margin-top:-3.9063vw;}*/

/* 썸네일 큰사이즈 */
[class^="thumpnail_"].big {width:89.0625vw;}
	[class^="thumpnail_"].big .thump_img_w {width:100%; height:34.3750vw;}

/* 아코디언 */
[class^="acodian_"] {width:100%;}
	[class^="acodian_"] > .acda_list {width:100%; border-width:0 0 0.1563vw 0; border-style:solid; border-color:#c9c9c9;}
		.btn_toggle_arrow {position:relative; padding:4.6875vw 8.7500vw 4.6875vw 5.4688vw; width:100%; height:auto; text-align:left;}
			.btn_toggle_arrow:after {display:block; content:''; position:absolute; right:5.4688vw; top:7.0938vw; width:3.2813vw; height:1.8750vw; background:url('../images/m/common/arrow_down.png') no-repeat; background-size:100% auto; transform:rotate(0deg); transition-property:transform; transition-duration:0.2s; transition-timing-function:ease-in-out;}
		.acda_cont {display:none; overflow:hidden;}
			.acda_cont .box_LGray .af_tit, .box_stf_cont .af_tit {display:block; color:#282828; font-size:3.2813vw; font-weight:700;}
				.acda_cont .box_LGray .items_rdChk_w + .af_tit, .box_stf_cont .items_rdChk_w + .af_tit {padding-top:4.6875vw;}
				.acda_cont .box_LGray .af_tit + .items_rdChk_w, .box_stf_cont .af_tit + .items_rdChk_w {margin-top:3.1250vw;}

			.acdac_inner {padding:6.2500vw; width:100%;}
		
		.btn_toggle_arrow.active:after {transform:rotate(180deg);}

	[class^="acodian_"] .racda_list + .racda_list {margin-top:1.5625vw;}
		[class^="acodian_"] .racda_list .acdac_inner {padding:6.2500vw 0;}
		
	.btn_acdacinner_close {float:right; width:15.6250vw;}

/* 토스트 팝업 */
[class^="tostPop_wrap"] {position:fixed; left:0; bottom:-12%; z-index:4000; padding:0 5.4688vw; width:100%; opacity:0; transition-property:bottom, opacity; transition-duration:0.5s;  transition-timing-function: ease-in-out;}
[class^="tostPop_wrap"].show {/*bottom:21.2500vw;*/ bottom:12%; opacity:1;}
	[class^="tost_popup"] {width:100%;}

	.tost_popup_grayBlue {padding:2.6563vw 7.8125vw; background-color:#e7f0ef;}
		.txt_s21cGray_tIcon {}
			.txt_s21cGray_tIcon .icon_guide {top:0.1563vw;}

	.tost_popup_black {padding:2.3438vw; min-height:9.3750vw; background-color:rgba(0, 0, 0, 0.7); text-align:center; border-radius:7.8125vw; box-shadow:0.3125vw 1.2500vw 1.5625vw 0 #d1d1d7;}	

/* layer popup */
[class^="pop_wrap"] {display:none; position:fixed; left:0; top:0; z-index:4000; padding:5.4688vw 5.3125vw; width:100vw; height:100vh;  letter-spacing:-0.0781vw; }
	[class^="popup_"] {display:inline-block; position:relative; background-color:#fff; padding:17.8125vw 0 0 0; width:98%; max-height:calc(100% - 15.6250vw); box-shadow:0.7813vw 0.7813vw 1.5625vw 0 #000; vertical-align:middle;  transform:scale(0.1); opacity:0; transition-property:transform, opacity; transition-duration:0.1s;  transition-timing-function: ease-in-out;}
		[class^="popup_"] .btn_icon_close {position:absolute; right:5.3125vw; top:5.3125vw;}
		.pop_header {position:absolute; /*left:5.4688vw;*/ left:0; top:0; padding:5.4688vw; width:100%; text-align:center;}
		.pop_content {overflow-y:auto; width:100%; padding:0 5.4688vw 5.4688vw; min-height:20.0000vw; max-height:87.6563vw;}
			.pop_content [class^="table_"] th, .pop_content [class^="table_"] td {padding:0.7813vw 1.5625vw;}
			/*.pop_content [class^="ft_cell"] {padding-top:0; padding-bottom:0;}*/
		.pop_footer {width:100%;}
		
	[class^="popup_"].show {transform:scale(1); opacity:1;}
		
.dim {display:none; position:fixed; left:0; top:0; z-index:500; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); letter-spacing:-0.7813vw; /*transition-property:opacity; transition-duration:.2s;  transition-timing-function: ease-in-out;*/}

[class^="pop_wrap"] + .dim {z-index:3500;}

.pop_wrap._alert .pop_content {padding-bottom:0;}
#_popup_FIND_AGENCY .pop_content.srchAgency {padding-top:5.4688vw;}


/* layer popup fullscreen */
.pop_wrap._alert.popup_full_video {
	text-align:center;
	max-height: 100%!important;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	font-size: 16px;
	width: 80%; 
}
@media only screen and (orientation: landscape) {
	.pop_wrap._alert.popup_full_video {
        max-height: 100%!important;
	}
}

/* 알럿 팝업 */
.popup_alert {padding:0;}
	.popup_alert .pop_header {left:-9999em; top:-9999em;}
	.popup_alert .pop_content {text-align:center; letter-spacing:-0.0781vw;}
		.popup_alert .pop_content .align_maker {min-height:50.0000vw;}
		.popup_alert .pop_content [class^="txt_"] {max-width:98%; letter-spacing:-0.0781vw; vertical-align:middle;}
	
/* 모달 팝업 (풀 사이즈 팝업) */
[class^="modal_popup"] {position:fixed; left:0; top:100vh; z-index:3000; padding:0; width:100vw; height:100vh; background-color:#fff; opacity:0; transition-property:top, opacity; transition-duration:0.2s; transition-timing-function:ease-in-out;}
	[class^="modal_popup"] .pop_header {position:relative; padding:4.2188vw 18.4375vw; height:14.0625vw; border-bottom:0.1563vw solid #c9c9c9;}
		[class^="modal_popup"] .pop_header [class^="btn_icon"] {width:14.0625vw; height:14.0625vw;}
	[class^="modal_popup"] .pop_content {position:relative; min-height:auto; height:calc(100vh - 14.0625vw); max-height:calc(100vh - 14.0625vw); overflow-x:hidden;}
		[class^="modal_popup"] .pop_content:after {position:absolute; /*bottom:0;*/ left:0; width:100%; height:18.7500vw; content:'';}
	[class^="modal_popup"].isFooter .pop_content {padding-bottom:0; height:calc(100vh - 28.1250vw); max-height:calc(100vh - 28.1250vw);}
		[class^="modal_popup"].isFooter .pop_footer {position:absolute; left:0; bottom:0; z-index:200;}

[class^="modal_popup"].show {top:0; opacity:1;}
[class^="modal_popup"] + .dim {z-index:2500;}

/*.scrollOff{position:fixed; overflow:hidden; height:100%;}*/

/* 통합검색 모달 팝업 */
.modal_popup_search, .modal_popup_allmenu {background-color:#02a5b1;}
	.modal_popup_search .pop_header, .modal_popup_allmenu .pop_header {border-bottom:0;}
	.modal_popup_search .pop_content {overflow:hidden; position:relative;}
		.modal_popup_search .inp_sch_unlified {}
			.modal_popup_search .inp_sch_unlified input[type="text"] {border-width:0 0 0.1563vw 0; border-color:#ffff; background-color:transparent; font-size:5.3125vw;}
			.modal_popup_search ::placeholder {color:#80d2d8;}
			.modal_popup_search .btn_inp_reset {background-image:url('../images/m/common/icon_reset2.png')}
		
		.tab_wrap_sch {z-index:1; margin-top:7.8125vw; padding:0; }
			.tabmenu_sch {display:flex; width:100%; height:10.9375vw; background-color:rgba(255,255,255,0.35); border-radius:7.8125vw;}
				.tabmenu_sch .tab_list {flex:1; width:50%;}
					.tabmenu_sch .btn_h70_tab {width:100%; background-color:transparent; border-radius:7.8125vw; transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease-in-out; outline:none;}
						.tabmenu_sch .btn_h70_tab .txt_btn_name {color:#282828; font-weight:400; transition-property:font-weight; transition-duration:0.2s; transition-timing-function:ease-in-out;}
					.tabmenu_sch .btn_h70_tab.active {background-color:#fff;}
						.tabmenu_sch .btn_h70_tab.active .txt_btn_name {font-weight:700;} 
			
			.tab_wrap_sch .tab_content_w {position:relative; overflow-y:auto; padding:7.8125vw 0; width:100%; height:calc(100vh - 43.7500vw); text-align:left;}
				.cont_lists_sch {max-height:50%; padding-bottom:10.4688vw; overflow-y:auto;}
				.cont_lists_sch:before {position:absolute; top:4.3750vw; left:0; width:100%; height:3.6875vw; background:#02a5b1; box-shadow:0 0.5625vw 0.8625vw 0.5625vw #02a5b1; content:''; z-index:2;}
				.cont_lists_sch:after, .cont_lists_lastSch:after, .cont_lists_hotSch:after {position:absolute; top:46%; left:0; width:100%; height:5.6875vw; background:#02a5b1; box-shadow:0 -5.4375vw 1.5625vw 0.8625vw #02a5b1; content:'';}

					.cont_lists_sch .cList {margin-top:3.7500vw; border:0;}
					.cont_lists_sch .cList:first-child {margin-top:0;}
				
					#autoKeywordArea .cList {padding:1.5625vw 3.1250vw; margin-top:2.55vw;}
					#autoKeywordArea .cList + .cList {padding:0 3.1250vw;}
						#autoKeywordArea .cList a b.fBo {color:#6b5135;}
					
				.cont_lists_lastSch {max-height:50%; padding-bottom:10.4688vw; overflow-y:auto;}
				.cont_lists_lastSch:before, .cont_lists_hotSch:before {position:absolute; top:4.125vw; left:0; width:100%; height:3.6875vw; background:#02a5b1; box-shadow:0 0.5625vw 0.8625vw 0.5625vw #02a5b1; content:''; z-index:2;}				
					.cont_lists_lastSch .cList {position:relative; padding:1.5625vw 3.1250vw 1.5625vw 3.1250vw; border-bottom:0.1563vw dotted #fff;}
					.cont_lists_lastSch .cList:first-child {margin-top:0;}
					.cont_lists_lastSch .cList:last-child {border-bottom:0;}
						.cont_lists_lastSch .cList a {max-width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
						.cont_lists_lastSch .btn_delete {position:absolute; right:1.5625vw; top:50%; margin-top:-4.6875vw; width:9.3750vw; height:9.3750vw; background:url('../images/m/common/icon_close.png') no-repeat center center; background-size:2.8125vw auto;}
				.delete_all_w {margin-top:1.8750vw; text-align:right;}
					.delete_all_w .btn_delete_all {padding:0 3.1250vw 3.1250vw; width:auto; height:auto; min-width:auto;}
				
				.cont_lists_hotSch {left:-1.5625vw; top:-1.5625vw; max-height:50%; padding-bottom:5.4688vw; overflow-y:auto;}
					.cont_lists_hotSch .cList {display:inline-block; margin:1.5625vw 0 0 1.5625vw; border:0;}
		
		.sch_auto_w {display:none; position:absolute; left:0; top:10.9375; z-index:2; padding:0 5.4688vw; width:100%; height:100%; background-color:#02a5b1;}

/* 전체분야 모달 팝업 */
.modal_popup_allmenu {height:calc(100% - 15.5250vw);}
    .modal_popup_allmenu .pop_content {height:calc(100% - 15.6250vw);}
   @media(orientation: landscape) {
       .modal_popup_allmenu {height:calc(100% - 7.25vw);}
       .modal_popup_allmenu .pop_content {overflow:auto;}
   }
		.modal_popup_allmenu .pop_content:after {height:0;}
	.modal_popup_allmenu .interest_lists_w {margin-top:4.6875vw;}
		.modal_popup_allmenu .interest_list .tit_s23 {color:#fff;}
                                                                                                                                            
.box_cate_srch {padding:3.1250vw 5.4688vw 0;}
	.box_cate_srch .inp_checkbox {width:20.2813vw;}
		.box_cate_srch .inp_checkbox + .inp_checkbox {margin-left:1.8125vw;}
		.box_cate_srch .inp_checkbox:nth-child() {}
	.box_cate_srch .inp_select {margin-top:3.1250vw;}

/* 레이아웃 */
#wrap {padding:14.0625vw 0 15.6250vw 0; width:100vw; background-color:#fff;}
#wrap.navShow {padding-top:25.0000vw;}
#wrap.sch_navShow {padding-top:25.0000vw;}
#wrap.classRoom_navShow {padding-top:/* 49.0938vw */ 14.0625vw;}
#wrap.native, #wrap.splash {padding-top:0;}
	.header {position:fixed; left:0; top:0; z-index:200; width:100%; height:14.0625vw; text-align:center; background-color:#fff; opacity:1; transition-property:top, opacity; transition-duration:0.3s;  transition-timing-function: ease-in-out;}
	.header.hUp {top:-14.0625vw; opacity:0;}
		.h_top {position:relative; padding:4.2188vw 18.4375vw; height:14.0625vw; /*border-bottom:0.1563vw solid #c9c9c9;*/ background: #fff;}
			.img_logo_kbi {display:inline-block; width:29.6875vw; height:5.6250vw; text-align:center; overflow:hidden; /* background-image:url('../images/m/common/logo_kbi.svg'); */}			
			/* .img_logo_kbi {background-image:url('../images/m/common/logo_kbi.jpg');} */
				.img_logo_kbi img {max-width:100%; height:100%; vertical-align:top;}
			.img_logo_tube {display:none; width:29.6875vw; height:5.6250vw; background-image:url('../images/m/kbi_tube/tube_logo.png');}
			[class^="htBtn_"] {position:absolute; top:0;}
			.htBtn_left {left:2.1875vw;}
			.htBtn_right {right:2.1875vw;}
				.h_top [class^="btn_icon"] {width:14.0625vw; height:14.0625vw;}
				.btn_icon_categori {background-image:url('../images/m/common/icon_categori.svg'); background-size:7.5000vw 5.6250vw;}
				.btn_icon_back { background-image:url('../images/m/common/icon_arrow_back.png'); background-size:7.5000vw 6.2500vw;}
				.btn_icon_search {right:2.1875vw; background-image:url('../images/m/common/icon_search_dark.svg'); background-size:6.2500vw 6.2500vw;}
				.btn_icon_close {background-image:url('../images/m/common/icon_close.png'); background-size:6.2500vw;}
				.btn_icon_cart {background-image:url('../images/m/book/icon_bookcart.png'); background-size:6.2500vw;}
				.btn_icon_biset {background-image:url('../images/m/common/icon_setting_s.png'); background-size:5.6250vw; background-position:center;}
				/*.htBtn_right .btn_type_txt {padding-right:0; padding-left:0;}*/
					.htBtn_right .btn_type_txt .txt_btn_name {font-size:4.3750vw; color:#282828; font-weight:400;}
					.htBtn_right .btn_type_txt.disabled .txt_btn_name {color:#9b9b9b;}
		
		.gnb_wrap {display:none; overflow:hidden; position:fixed; left:0; top:0; z-index:2000; width:100vw; height:calc(100vh - 15vw); padding-right:14.0625vw; text-align:left;}
			.gnb_layer {position:relative; left:-100%; width:100%; height:100vh /* calc(100vh - 15vw) */; background-color:#fff; box-shadow: 0 0.625vw 2.0313vw #000; opacity:0; transition-property:left, opacity; transition-duration:0.2s; transition-timing-function:ease-in-out;}
			.gnb_layer.show {left:0; opacity:1;}
				.gnb_layer .btn_icon_close {position:absolute; right:0; top:0; z-index:2; }
				.gnb_top {position:relative; z-index:2; width:100%; background:#fff;}
					.gnb_top:after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:1.5625vw; background-color:#efefef; border-top:0.1563vw solid #c9c9c9;}
					.user_w {padding:1.8750vw 0 1.525vw 0;}
						.user_util {padding:0 3.1250vw; width:100%; letter-spacing:-0.7813vw;}
							.user_util [class^="btn_icon"] {width:7.8125vw; height:7.8125vw; vertical-align:middle; background-position:center center;}
							.user_util [class^="btn_icon"] + [class^="btn_icon"] {margin-left:1.5625vw;}
							.user_util .btn_icon_setting {background-image:url('../images/m/common/icon_setting.png'); background-size:5.6250vw 5.6250vw; display:none;}
							.user_util .btn_icon_alarm {position:relative; background-image:url('../images/m/common/icon_alram.png'); background-size:4.2188vw 5.0000vw; display:none;}
								.user_util .btn_icon_alarm .red_circle {display:inline-block; position:absolute; top:0.7813vw; right:0.7813vw; width:1.5625vw; height:1.5625vw; background-color:#d0021b; border-radius:50%;}
							.user_util .btn_icon_customer {background-image:url('../images/m/common/icon_customer.png'); background-size:5.6250vw 4.6875vw;}
						[class^="user_info_"] {padding:7.0313vw 0 0 0; height:36.7188vw; text-align:center; }
						.user_info_login {display:none;}
							.user_info_login .profile_img_w {margin-bottom:0; width:14.0625vw; height:14.0625vw; background-size:100% auto;}
								.user_info_login .profile_img_w .btn_icon_camera {width:14.0625vw; height:14.0625vw;}
									.user_info_login .btn_icon_camera .icon_camera {width:5.4688vw; height:5.4688vw; background-size:100% auto;}
							.user_info_login .user_name_w {display:inline-block;position:relative;  margin-top:3.5938vw; padding-right:9.3750vw;}
								.user_info_login .user_name_w .btn_icon_modify {position:absolute; right:0; top:50%; margin-top:-3.9063vw; width:7.8125vw; height:7.8125vw; background-size:100% auto;}
								.user_info_login .user_name_w .btn_icon_profile {display:inline-block; width:5.0000vw; height:4.2188vw; margin-right:0.7813vw; background:url('../images/m/common/icon_profile_link.png') center no-repeat; vertical-align:middle; background-size:auto 100%;}
/* 로그아웃 버튼 위치변경  - 2020.09.11 추가  */
.user_util .btn_Slogout { width: 7.8125vw; height: 7.8125vw; background:url(../images/m/common/icon_logout.png) no-repeat center 1.6578vw; background-size: 5.6250vw 4.6875vw; vertical-align: middle; margin-left: 1.5625vw;}								


						.user_info_logout {}
							.user_info_logout .btn_h70Blue_login {width:31.2500vw; box-shadow:0.9375vw 0.9375vw 1.5625vw 0 #6e6e6e;}
							.user_links_w {margin-top:4.6875vw; width:100%;}
								.ul_list {display:inline-block; position:relative; padding:0 3.9063vw;}
									.ul_list + .ul_list:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-1.4063vw; width:0.4688vw; height:2.8125vw; background-color:#282828;}

					.user_w.login {}
						.user_w.login .user_util .btn_icon_setting, .user_w.login .user_util .btn_icon_alarm {display:inline-block;}
						.user_w.login .user_info_login {display:block;}
						.user_w.login .user_info_logout {display:none;}

					.quick_link_w {display:flex; border-top:0.1563vw solid #dadada;}
						.ql_list {flex:1; padding:4.6875vw 0;}
							[class^="link_quick"] {display:block; text-align:center;}
								[class^="link_quick"]:before {display:inline-block; content:''; overflow:hidden; width:13.1250vw; height:13.1250vw; background-color:#e7f0ef; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
							[class^="link_quick"] .txt_s20cBlack {display:block; margin-top:0.7813vw;}

							.link_quick_tra:before {background-image:url('../images/m/common/icon_note.png'); background-size:5.3125vw 5.4688vw;}
							.link_quick_kbiTube:before {background-image:url('../images/m/common/icon_play.png'); background-size:6.2500vw 6.2500vw;}
							.link_quick_qual:before {background-image:url('../images/m/common/icon_qual.png'); background-size:4.6875vw 6.0938vw;}
							.link_quick_book:before {background-image:url('../images/m/common/icon_book.png'); background-size:5.4688vw 5.1563vw;}

				.gnb_menus_scroll {/* overflow-y:auto; */ position:relative; z-index:1; width:100%; height:calc(100vh - 93.7125vw);}
					.gnb_menus_scroll:before {display:block; content:''; position:absolute; left:0; bottom:0; width:26.0938vw; height:100vh; background-color:#f2f2f2;}
					.gnbm_w {display:inline-block; position:relative; z-index:1; /* width:26.0938vw; */ width:100%; height:100%; text-align:left; overflow-x:hidden;}
						.gnbm_list {height:14.0625vw;}
							.btn_gm {padding-left:4.6875vw; width:26.0938vw; background-color:#f2f2f2; text-align:left;}
								.btn_gm .txt_btn_name {font-size:3.4375vw; color:#575757; font-weight:700;}
							.btn_gm.active {background-color:#fff;}
								.btn_gm.active .txt_btn_name {color:#02a5b1;}
							/*.gnb_subm_w {position:absolute; right:-99999em; top:-99999em; padding:0 4.6875vw; width:calc(100% - 26.0938vw); min-height:calc(100vh - 92.7125vw);  background-color:#fff; opacity:0; transition-property:opacity; transition-duration:0.5s; transition-timing-function:ease-in-out; }*/
							.gnb_subm_w {position:fixed; left:26.0938vw; top:59.0625vw; padding:0 4.6875vw; width:calc(100% - 40.0938vw); height:calc(100vh - 92.7125vw);  background-color:#fff; opacity:0; transition-property:opacity; transition-duration:0; transition-timing-function:ease-in-out; overflow-y:auto; -webkit-overflow-scrolling:touch;}
								.gnbsm_list {border-bottom:0.1563vw solid #dadada;}
									.gnbsm_list .link_arrow_bs {padding-top:3.9063vw; padding-bottom:3.9063vw; height:14.0625vw; font-size:3.7500vw; color:#282828;}
										.gnbsm_list .link_arrow_bs:after {top:50%; margin-top:-1.6406vw; }
									.gnbsm_list .link_arrow_bs.active {color:#02a5b1; font-weight:700;}
							/*.btn_gm.active + .gnb_subm_w {right:0; top:0; opacity:1;}*/
							.btn_gm.active + .gnb_subm_w {left:26.0938vw; top:0; opacity:1; z-index:9999;}
				
		.gnb_wrap + .dim {z-index:1500;}

	.header.search .h_top {padding:2.3438vw 14.8438vw;}
		.header.search .inp_sch_gray .btn_inp_reset {right:2.3438vw;}

	[class^="navi_tab"] {display:none; position:fixed; left:0; top:14.0625vw; z-index:100; width:100%; min-height:10.9375vw;  background-color:#fff; opacity:1; transition-property:top, opacity; transition-duration:0.3s;  transition-timing-function: ease-in-out;}
		.nt_inner {width:100%; }
			[class^="nt_search"] {padding:1.5625vw 5.4688vw; width:100%; height:12.5000vw;}
			.nt_searchT2 {padding-bottom:3.1250vw; border-bottom:0.1563vw solid #c9c9c9;}
			.box_train_brown {padding:3.9063vw 5.4688vw; background-color:rgba(190, 150, 105, 1); transition-property:padding, background-color; transition-duration:0.3s; transition-timing-function:ease-in-out;}
				.box_train_brown .tit_s32cWhite {display:block; font-weight:400;}
				.box_train_brown .txt_s21cBlack {margin-top:2.3438vw; transition-property:margin-top; transition-duration:0.3s; transition-timing-function:ease-in-out;}
			.nt_scroll {width:100%; height:10.9375vw; border-width:0.1563vw 0; border-style:solid; border-color:#c9c9c9;}
				.nt_lists_w {padding:0 2.3438vw; }
					.nt_list {padding:0 5.4688vw; text-align:center;}
						.link_nt {position:relative; padding:2.8125vw 0; font-size:3.4375vw; color:#282828; white-space:nowrap;}
							.link_nt:after {display:none; content:''; position:absolute; left:0; bottom:0.3125vw; width:100%; height:0.7813vw; background-color:#02a5b1;}
						.link_nt.active {}
							.link_nt.active:after {display:block;}

	.navShow [class^="navi_tab"], .sch_navShow [class^="navi_tab"], .classRoom_navShow [class^="navi_tab"] {display:block;}
	
	.classRoom_navShow [class^="navi_tab"] {position:unset;}
	
	[class^="navi_tab"].flex {}
		[class^="navi_tab"].flex .nt_lists_w {display:flex; width:100%;}
			[class^="navi_tab"].flex .nt_list {flex:1;}
	
	[class^="navi_tab"].scroll_x {z-index:100;}
		[class^="navi_tab"].scroll_x .nt_scroll {position:relative; overflow-x:auto; overflow-y:hidden; }
		[class^="navi_tab"].scroll_x .nt_lists_w {overflow:hidden; position:absolute; left:0; top:0; white-space:nowrap; letter-spacing:-0.7813vw;}
			[class^="navi_tab"].scroll_x .nt_list {display:inline-block; vertical-align:top; letter-spacing:-0.0781vw;}
	
	[class^="navi_tab"].fixed {position:fixed; left:0; top:14.0625vw;}
		[class^="navi_tab"].fixed .box_train_brown {padding:1.5625vw 5.4688vw; background-color:rgba(190, 150, 105, 1);}
			[class^="navi_tab"].fixed .box_train_brown .txt_s21cBlack {margin-top:0.7813vw;}
	
	#classRoom {position:relative;}
		#classRoom .btn_toggle {position:absolute; right:0; bottom:0; z-index:2; width:10.9375vw; height:10.9375vw; border:0.1563vw solid #c9c9c9; background:url('../images/m/common/arrow_down.png') no-repeat center center; background-size:3.2813vw 1.8750vw;}
		#classRoom .btn_toggle.active {background-image:url('../images/m/common/arrow_up.png');}
		#classRoom .nt_scroll { width:calc(100% - 10.9375vw);}
		[class^="navi_tab"].open {background-color:rgba(255, 255, 255, 1); box-shadow:0 0.6250vw 0.6250vw 0 #d7d7d7;}
			[class^="navi_tab"].open .btn_toggle {width:100%;}
			[class^="navi_tab"].open #classRoom .nt_scroll {width:100%; height:auto; padding-bottom:10.9375vw; }
				[class^="navi_tab"].open .nt_lists_w {display:block; overflow:hidden; position:relative; width:100%;}
					[class^="navi_tab"].open .nt_list {float:left; width:50%;}

	.header.search + [class^="navi_tab"] .nt_inner {border-width:0 0 0.1563vw 0;}
	
	.container {width:100%; min-height:calc(100vh - 29.6875vw);}
		[class^="content"] { width:100%; min-height:100%;}
			[class^="content"]:after {display:block; content:''; width:100%; height:7.8125vw;}
		.content_btNoSpace {}
			.content_btNoSpace:after {display:none;}
		
	.footer {position:relative; width:100%; background-color:#000;}	 
		.f_inner {padding:6.2500vw 5.4688vw 12.5000vw 5.4688vw;}
			.f_links_w {overflow:hidden; width:100%;}
				.fl_list, .fl_list.t2 {float:left;}
				.fl_list + .fl_list {position:relative; margin-left:3.1250vw; padding-left:3.1250vw;}
				.fl_list.t2 + .fl_list.t2 {position:relative; margin-left:1.5625vw; padding-left:1.5625vw;}
				.fl_list + .fl_list:before, .fl_list.t2 + .fl_list.t2:before {display:inline-block; content:''; position:absolute; left:0; top:50%; margin-top:-1.0938vw; width:0.1563vw; height:3.1250vw; background-color:#fff;}
				.fl_list.t2 + .fl_list.t2:before {background-color:#9b9b9b;}
			
			.f_links_w +  .f_links_w {margin-top:3.1250vw;}
			
			.sns_lists_w {overflow:hidden; margin-top:7.8125vw;}
				.sns_list {float:left; margin-left:2.1875vw; }
				.sns_list:first-child {margin-left:2.1875vw;} 
					.sns_list [class^="btn_icon"] {overflow:hidden; width:8.1250vw; height:8.1250vw; background-color:#363636; vertical-align:top; border-radius:50%; }
					.sns_list .btn_icon_facebook {background-image:url('../images/m/common/footer_facebook.png'); background-size:2.5000vw auto;}
					.sns_list .btn_icon_youtube {background-image:url('../images/m/common/footer_youtube.png'); background-size:4.5313vw auto;}
					.sns_list .btn_icon_nstagram {background-image:url('../images/m/common/footer_instagram.png'); background-size:4.6875vw auto;}
					.sns_list .btn_icon_naver {background-image:url('../images/m/common/footer_naver.png'); background-size:4.0625vw auto;}
					.sns_list .btn_icon_linkedin {background-image:url('../images/m/common/footer_linkedin.png'); background-size:4.3vw auto; background-position:52% 40%;} /* 240422 */
						
				.sns_lists_rw {float:right;}
					.sns_list .btn_icon_google {background-image:url('../images/m/common/footer_google.png'); background-size:4.0625vw auto;}
					.sns_list .btn_icon_apple {background-image:url('../images/m/common/footer_apple.png'); background-size:4.0625vw auto;}
						
			.f_info_w {margin-top:3.1250vw;}
				.f_customer_center [class*="_cc"] {color:#9b9b9b; font-size:2.8125vw;}
				.f_customer_center .tit_cc strong.fBo {padding-left:0.7813vw;}
							
	.quick_menu {position:fixed; left:0; bottom:0; z-index:1000; width:100%; height:15.6250vw; border-top:0.1563vw solid #c9c9c9; background-color:#fff;}
		.qm_lists_w {display:flex; width:100%; height:100%;}
			.qm_list {flex:1; }
				[class^="btn_qm"] {padding:0 0 0 0; width:100%; height:100%;}
					[class^="btn_qm"]:before {display:inline-block; content:''; width:100%; height:10.3125vw; background-repeat:no-repeat; background-position:center center; }
					[class^="btn_qm"] .txt_s18_qm {position:relative; top:-3.9063vw; width:100%; color:#282828; line-height:1; text-align:center; letter-spacing:0;}
					[class^="btn_qm"].active .txt_s18_qm {color:#02a5b1; font-weight:700;}
				.btn_qm_home {}
					.btn_qm_home:before {background-image:url('../images/m/common/icon_home_off.svg'); background-size:5.6250vw auto;}
					.btn_qm_home.active:before {background-image:url('../images/m/common/icon_home_on.svg');}
				.btn_qm_categori {}
					.btn_qm_categori:before {background-image:url('../images/m/common/icon_category_off.svg'); background-size:5.4688vw auto;}
					.btn_qm_categori.active:before {background-image:url('../images/m/common/icon_category_on.svg');}
				.btn_qm_my {}
					.btn_qm_my:before {background-image:url('../images/m/common/icon_me.png'); background-size:6.2500vw auto;}
					.btn_qm_my.active:before {background-image:url('../images/m/common/icon_my_on.svg');}
				.btn_qm_kbiTube {}
					.btn_qm_kbiTube:before {background-image:url('../images/m/common/icon_kbi_tube.png'); background-size:6.2500vw auto;}
					.btn_qm_kbiTube.active:before {background-image:url('../images/m/common/icon_play_on.svg');}
				.btn_qm_help {}
					.btn_qm_help:before {background-image:url('../images/m/common/icon_help_off.svg'); background-size:6.5625vw auto;}
					.btn_qm_help.active:before {background-image:url('../images/m/common/icon_help_on.svg');}
	
	.btn_icon_moveTop {position:fixed; right:5.4688vw; bottom:-14.3750vw; z-index:100; width:14.3750vw; height:14.3750vw; background-image:url('../images/m/common/icon_move_top.png'); opacity:0; transition-property:bottom, opacity; transition-duration:0.2s; transition-timing-function:ease-in-out;}
	.btn_icon_moveTop.show {bottom:18.7500vw; opacity:1;}

/* 스플래시, 인트로 */
#wrap.splash .container, .content.intro {min-height:100vh; max-height:100vh; overflow:hidden}
.content.splash, .content.intro {position:fixed; top:0; left:0;}
	.content.splash img, .content.intro img {width:100%; height:100vh;}

#wrap.intro .container {min-height:100vh; overflow:hidden;}
	.content.intro .lSPager.lSpg {position:absolute; bottom:23.4375vw; left:50%; margin-left:-15.9188vw; width:27.1875vw;}
		.content.intro .lSSlideOuter .lSPager.lSpg > li a {background:#ececec;}
		.content.intro .lSSlideOuter .lSPager.lSpg > li:first-child a {display:none;}
		.content.intro .lSSlideOuter .lSPager.lSpg > li:first-child a, .content.intro .lSSlideOuter .lSPager.lSpg > li:first-child.active a {background:#fff}
			.content.intro .lSSlideOuter .lSPager.lSpg > li.active a {background:#575757;}

	.content.intro .btn_skip {position:absolute; bottom:22.6875vw; right:9.125vw; width:auto; height:auto; padding:0.7813vw 1.5625vw; font-size:4.6875vw;}

	#mainIntro {height:100vh !important;}
		#mainIntro .ts_list {width:100vw; height:100vh;}
			.ts_intro_w {width:100vw; height:100vh; text-align:center;}
				.ts_intro_w img {width:100%; height:100%;}
	
	.introArea .container {min-height:100vh !important;}
	
.splash {
	animation:fadeInOut 3s linear forwards;
    -moz-animation:fadeInOut 3s linear forwards /* Firefox */
    -webkit-animation:fadeInOut 3s linear forwards /* Safari and Chrome */
    -o-animation:fadeInOut 3s linear forwards /* Opera */
}

@keyframes fadeInOut {
    0%, 100% {
    	opacity:0;
    }
 	30%, 50%, 70% {
 		opacity:1;
 	}
}

/* sns 공유 팝업 */
.snsshare_w {position:relative;}
	.snsshare_w .btn_icon_share {position:absolute; top:0.7813vw; right:0; z-index:1;}
	.share_wrap {/*display:none;*/ position:absolute; top:11.9375vw; right:-3.3438vw; height:14.3750vw; padding:1.8750vw 1.5625vw 1.0938vw; box-shadow:0.7813vw 0.7813vw 1.5625vw 0 rgba(0, 0, 0, 0.22); background-color:#ffffff; /*border:0.1563vw solid #dadada;*/ box-sizing:border-box; white-space:nowrap; opacity:0; transform:scale(0); transform-origin:90% 0; transition-property:opacity, transform; transition-duration:0.2s; transition-timing-function:ease-in-out; z-index:2;}
	.snsshare_w .btn_icon_share.active + .share_wrap {opacity:1; transform:scale(1);}
		.share_wrap:after {display:inline-block; content:''; position:absolute; top:-2.6563vw; right:3.7500vw; width:4.6875vw; height:4.6875vw; background-color:#fff; border-width:0.1563vw 0 0 0.1563vw; border-style:solid; border-color:#f6f6f6; box-shadow:0.7813vw 0.7813vw 1.5625vw 0 rgba(0, 0, 0, 0.22); transform:rotate(45deg);}
		.share_wrap:before {display:block; content:''; position:absolute; left:0; top:0; z-index:1;  width:100%; height:100%; background-color:#fff;}
		.share_wrap [class^="btn_icon_sns"] {position:relative; z-index:2; width:10.9375vw; height:10.9375vw;}
			.share_wrap [class^="btn_icon_sns"] + [class^="btn_icon_sns"] {margin-left:0;}
			.btn_icon_snsfacebook {background-image:url('../images/m/common/icon_snsfacebook.png'); background-size:10.9375vw;}
			.btn_icon_snsline {background-image:url('../images/m/common/icon_snsline.png'); background-size:10.9375vw;}
			.btn_icon_snskakao {background-image:url('../images/m/common/icon_snskakao.png'); background-size:10.9375vw;}
			.btn_icon_snsurl {background-image:url('../images/m/common/icon_snsurl.png'); background-size:10.9375vw;}
			.btn_icon_snstimeline {background-image:url('../images/m/common/icon_timeline.png'); background-size:10.9375vw;}

/* 신고하기 팝업 */			
.declaration_w {position:relative;}
	.declaration_w .inp_checkbox_declaration {top:0.7813vw; right:0; width:4.6875vw; height:4.6875vw; background:url('../images/m/common/icon_more_dot.png') center no-repeat; background-size:0.9375vw 4.6875vw;border-color:#ffffff;}
	.declaration_wrap {/*display:none;*/ position:absolute; top:8.9375vw; right:-3.3438vw; height:; padding:1.8750vw 1.5625vw 1.0938vw; box-shadow:0.7813vw 0.7813vw 1.5625vw 0 rgba(0, 0, 0, 0.22); background-color:#ffffff; border:solid #898989;/*border:0.1563vw solid #dadada;*/ box-sizing:border-box; white-space:nowrap; opacity:0; transform:scale(0); transform-origin:90% 0; transition-property:opacity, transform; transition-duration:0.2s; transition-timing-function:ease-in-out; z-index:2;}
	.declaration_w .inp_checkbox_declaration.active + .declaration_wrap {opacity:1; transform:scale(1);}
		.declaration_wrap:after {display:inline-block; content:''; position:absolute; top:-2.7563vw; right:2.4500vw; width:4.6875vw; height:4.6875vw; background-color:#898989; border-width:0.1563vw 0 0 0.1563vw; border-style:solid; border-color:#898989; box-shadow:0.7813vw 0.7813vw 1.5625vw 0 rgba(0, 0, 0, 0.22); transform:rotate(45deg);}
		.declaration_wrap:before {display:block; content:''; position:absolute; left:0; top:0; z-index:1;  width:100%; height:100%; background-color:#fff;}
		.declaration_wrap [class^="btn_icon_dec"] {position:relative; z-index:2; width:24.9375vw; height:5.9375vw;}
			.declaration_wrap [class^="btn_icon_dec"] + [class^="btn_icon_dec"] {margin-left:0;}
			.btn_icon_dec1 {text-align:left;}
			.btn_icon_dec2 {text-align:left;}
			.btn_icon_dec3 {text-align:left;}
			

 /*  썸네일 슬라이더 */
 [class^="slideSection_"] {width:100%;}
	.ts_slider {position:relative; width:100%; height:100%; }
	 [class^="slideSection_"] > [class^="tit_"] {padding:0 5.4688vw;}
	 [class^="slideSection_"] [class^="tit_"] + .ts_slider {margin-top:3.9063vw;}
		[class^="slideSection_"] .lSSlideOuter, [class^="slideSection_"] .lSSlideWrapper, [class^="slideSection_"]  .lightSlider {overflow:visible; height:100%;}
			.ts_lists_w {display:flex; height:100%;}
				.ts_list {flex:1; width:auto; /*height:100%;*/}

/* 게시판 상세 */
[class^="board_view"] {position:relative; padding:7.8125vw 5.4688vw; width:100%; border-top:0.1563vw solid #c9c9c9;}
	.bv_header {padding-right:4.6875vw;}
		.bv_header .tit_s34cBlackfBo {display:block;}
		.bv_header [class^="txt_head"] + .tit_s34cBlackfBo {margin-top:0.7813vw;}
		.bv_header .txt_cBlue, .bv_header .txt_cBlack {padding-right:1.5625vw; font-weight:700;}
	.bv_info {padding-top:4.6875vw; line-height:1.1;}
		.bvi_writer, .bvi_ip {display:block;}
			.bvi_writer [class^="txt_bvi"] {position:relative; margin-right:0.7813vw; padding-right:0.7813vw; vertical-align:middle;}
			.bvi_writer [class^="txt_bvi"] + [class^="txt_bvi"]:after {display:inline-block; content:''; position:absolute; left:-1.0938vw; top:50%; margin-top:-1.4063vw; width:0.1563vw; height:2.8125vw; border-left:0.1563vw solid #898989;}
		.bvi_writer + .bvi_ip {padding-top:0.4688vw;}
	.bv_cont {padding:7.8125vw 0 9.3750vw 0; /*white-space:pre-wrap;*/ border-bottom:0.1563vw solid #c9c9c9; overflow-x:auto;}
		.bv_cont img {max-width:100% !important; height:auto;} 
			.bv_cont img + .txt_s26cBlack {padding-top:6.2500vw;} 
		
		.bv_cont table {border-collapse:collapse;}
		.bv_cont table th, .bv_cont table td {padding:1.5625vw 0.4688vw; font-size:3.1250vw; border-width:0.1563vw; border-style:solid; border-color:#c9c9c9;}
		.bv_cont table th {background:#f6f6f6; font-weight:normal;}
		
	.bv_info + .bv_cont {padding-top:4.6875vw;}
	.bv_files_w {padding-top:4.6875vw;}
		.bv_files_w .af_lists_w .af_list:first-child {margin-top:0;}
	
	.btn_icon_utill {position:absolute; right:4.6875vw; top:7.3125vw; width:4.6875vw; height:4.8438vw; background-image:url('../images/m/common/icon_utill.png'); background-size:auto 100%;}
	.btn_icon_filter {position:absolute; right:8.5938vw; top:0; width:auto; height:4.0625vw; padding-left:4.6875vw; background:url('../images/m/common/icon_filter.png') 0 50% no-repeat; background-size:auto 100%;}
		.btn_icon_filter + .ut_layer {margin-top:-7.6875vw;}

	.ut_layer {overflow:hidden; position:absolute; right:4.6875vw; top:16.0625vw; width:27.3438vw; background-color:#fff; box-shadow:0 0 1.5625vw 0 #d7d7d7; opacity:0; transform:scale(0); transform-origin: 100% 0; transition-property:opacity, tranmsform; transition-duration:0.2s; transition-timing-function:ease-in-out; z-index:100;}
		.ut_layer .ut_list {border-top:0.1563vw solid #c9c9c9;}
		.ut_layer .ut_list:first-child, .ut_layer input + .ut_list {border-top:0;}
			.ut_layer [class^="btn_ut"] {height:13.0625vw; padding:3.1250vw;}
				.ut_layer [class^="btn_ut"] .txt_btn_name {font-size:3.5938vw; color:#282828; font-weight:normal;}
	.ut_layer.show {opacity:1; transform:scale(1);}

[class^="board_view"] ~ .items_btn_single {padding:4.6875vw 8.5938vw 3.1250vw 8.5938vw;}
[class^="board_view"] ~ .items_btn_dSpace {padding:0 8.5938vw 3.1250vw 8.5938vw;}

/* 막대그래프 */
[class^="bgr_section"] {display:inline-block; width:100%; vertical-align:top;}
	[class^="bgr_section"] .tit_s28cBlack {display:block; padding-bottom:3.1250vw;}
	.bgr_lists_w {overflow:hidden; width:100%; }
		.bgr_list {position:relative; margin-top:3.1250vw; text-align:left;}
			/*.bgr_list .tit_field_cDarkgary4 {position:absolute; top:0.3125vw; left:0; width:11.8750vw; font-size:2.1875vw; text-align:right; }
			.bgr_list .txt_percent_cDarkgray4 {margin-left:1.5625vw; vertical-align:middle; }*/
			.grap_stick {display:inline-block; position:relative; overflow:hidden; width:31.2500vw; height:4.6875vw; background-color:#efefef; vertical-align:middle;}
				.grap_stick [class^="gsBar"] {display:inline-block; position:absolute; left:0; top:0; height:4.6875vw;}
				.grap_stick .gsBar_green {background-color:#02a5b1;}
				.grap_stick .gsBar_lightgreen {background-color:#1ab8b9;}
				.grap_stick .gsBar_brown {background-color:#b68b5c;}
				.grap_stick .gsBar_gray {background-color:#efefef;}
				.grap_stick .gsBar_dark {background-color:#c9c9c9;}
	[class^="bgr_section"] + [class^="bgr_section"] {margin-left:18.7500vw;}

.bt_floating {width:100%; text-align:center;}

/* 세로막대그래프인 경우*/
.ts_section_w.vertical {position:relative; width:100%; box-sizing:border-box;}
	.ts_section_w.vertical:after {position:absolute; bottom:12.9813vw; left:0; width:100%; height:0.1563vw; background:#d8d8d8; content:'';}
	.ts_list.verti {position:relative; float:left; margin-top:0; width:6.2500vw; text-align:center;}
		.ts_list.verti + .ts_list.verti {margin-left:4.8438vw;}

		.ts_list.verti .tit_field_s22cBlack {display:block; width:6.2500vw; text-align:center; padding-bottom:2.3438vw;}
			.ts_list.verti .tit_field_s22cBlack.today {font-size:3.4375vw; color:#333; font-weight:700;}
		.ts_list.verti .grap_stick {display:block; width:6.2500vw; height:31.2500vw; margin:0 auto; background:#fff;}
			.ts_list.verti .grap_stick [class^="gsBar"] {width:8.9063vw; top:auto; bottom:0;}
		.ts_list.verti .txt_time_cLGray {padding-top:2.3438vw; font-size:3.2813vw;}


/* 테이블 아코디언 토글 버튼 */
.table_lineCol_crl tbody tr td:last-child {padding:0;}
	.table_lineCol_crl .btn_toggle_arrow {width:8.375vw; height:9.3750vw; padding:0; vertical-align:middle;}
		.table_lineCol_crl .btn_toggle_arrow:after {top:3.6813vw; right:2.4813vw;}	
	.table_lineCol_crl .acdac_inner {padding:4.6875vw 5.4688vw; background:#f6f6f6; text-align:left;}

/* 테이블 스크롤 */
.tb_scroll_w {position:relative; margin:4.6875vw 0;}
	.tb_scroll_w .tbs_head_w {position:relative; width:45.5vw;}
		.tbs_head_w .table_lineRowCol_t2 thead tr th.head_tit {border-bottom:0.1563vw solid #f6f6f6;}				
.box_croom_info .table_lineRowCol_t2 {} 
	.tbsc_w {width:52.875vw; overflow-x:auto; /* border-left:0.1563vw solid #c9c9c9; */}
		.tbs_cont_w {position:absolute; top:0; left:42.4375vw; overflow-x:auto; width:100vh;}

/* .tb_scroll_w.ty2 > .tbs_head_w .table_lineRowCol_t2 tr:first-child th:first-child {border-right-width:0.1563vw;} */
.tb_scroll_w.ty2 .tbs_cont_w {left:45.2375vw;}
	.tb_scroll_w.ty2 .tbsc_w {width:47.875vw;}

.tb_scroll_w.ty3 .tbs_cont_w {position:relative; left:0;}
	.tb_scroll_w.ty3 .tbsc_w {width:89.1875vw;} 
		.tb_scroll_w.ty3 .table_lineRowCol {border-right:0.1563vw solid #c9c9c9;}
			.tb_scroll_w.ty3 .table_lineRowCol th, .table_lineRowCol td {width:51.5625vw;}		
			.tb_scroll_w.ty3 .table_lineRowCol td {padding:1.5625vw; text-align:left; vertical-align:text-top;}
			.tb_scroll_w.ty3 .table_lineRowCol td.tdcenter {text-align:center; vertical-align:middle;}
				.tb_scroll_w.ty3 .table_lineRowCol td [class^="icon"] + .lm_link {display:inline-block; max-width:85%; vertical-align:top;}

.tb_scroll_w.ty4 .tbs_head_w {width:35.5vw;}
.tb_scroll_w.ty4 .tbs_cont_w {left:35.575vw;}
.tb_scroll_w.ty4 .tbsc_w {position:relative; width:63.875vw;}
.tb_scroll_w.ty4 .tbsc_w.tb_prof {width:54.875vw;}
	.tbsc_w.tb_prof .table_lineRowCol_t2,
	.tbsc_w.tb_prof .table_lineRowCol_t2 th:first-child,
	.tbsc_w.tb_prof .table_lineRowCol_t2 td:first-child {border-left:0;}

/* 필터 레이어 */
.filter_wrap {display:none; overflow:hidden; position:fixed; left:0; top:0; z-index:900; padding-left:14.0625vw; width:100vw; height:100vh; }
	.filter_layer {position:relative; left:100%; z-index:901; padding-top:19.8438vw; width:85.9375vw; height:100vh; background-color:#fff; box-shadow:0 -0.6250vw 2.0313vw #000; opacity:0; transition-property:left, opacity; transition-duration:0.2s; transition-timing-function:ease-in-out;}

	.filter_layer.isFooter {padding-bottom:14.0625vw;}
		.filter_layer .btn_icon_close {position:absolute; right:5.9375vw; top:9.5313vw; width:6.2500vw; height:6.2500vw; background-image:url('../images/m/common/icon_close.png');}

		.fl_header {position:absolute; left:0; top:5.7813vw; padding:3.9063vw 18.4375vw 3.9063vw 5.4688vw; width:100%; height:14.0625vw; border-bottom:0.1563vw solid #c9c9c9;}

		.fl_cont {overflow-y:auto; width:100%; height:calc(100vh - 19.8438vw);}
		.isFooter .fl_cont {overflow-y:auto; width:100%; height:calc(100vh - 33.9063vw); padding-bottom:14.0625vw;}

			.filler_tag_w {overflow-x:auto; width:100%; padding:3.1250vw 5.4688vw; white-space:nowrap;}
				.ft_lists_w {display:flex;}
					.ft_list {flex:1; padding:0 0.7813vw;}

			.filler_tag_w + .acodian_filter {position:relative; padding-top:1.5625vw;}
			.filler_tag_w + .acodian_filter:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:1.5625vw; border-top:0.1563vw solid #c9c9c9; background-color:#efefef;}

			.acodian_filter {}
				.acodian_filter > .acda_list {}
					.acodian_filter .btn_toggle_arrow {padding:3.1250vw 5.4688vw; height:12.5000vw;}
						.acodian_filter .btn_toggle_arrow:after {top:50%; margin-top:-0.9375vw;}
						.acodian_filter .items_rdChk_w + .inp_num_month {margin-top:4.6875vw;}
					.items_filter {}
						.items_filter > .item_list {float:none; margin-top:3.1250vw;}
						.items_filter > .item_list:first-child {margin-top:0;}
							.inp_radio_filter {width:100%;}
		
		/*.fl_footer {position:absolute; left:0; bottom:0; z-index:1; width:100%; height:14.0625vw;}*/
		.fl_footer {position:fixed; right:0; bottom:-0.1563vw; z-index:1; width:85.9375vw; height:14.0625vw;}

	.filter_layer.show {left:0; opacity:1;}


/* 출석체크 */
.attend_chk_w {position:fixed; bottom:21.0938vw; left:3.9063vw; z-index:150;}
	.attend_chk_w .btn_attend {width:18.7500vw; height:18.7500vw; background:rgba(190,150,105,0.8); border-radius:50%;}
		.btn_attend .txt_s24cWhite {font-size:3.7500vw;}

#div_popupAttend + .dim {z-index:200;}

.modal_popup_attend {margin:0 auto; bottom:0; width:95vw; height:50vh; text-align:center; transition-property:bottom, opacity; transition-duration:0.5s; transition-timing-function:ease-in-out;}
	.modal_popup_attend.show {top:auto; bottom:18.7500vw; left:50%; margin-left:-47.5vw;}

	.modal_popup_attend .pop_header {border-bottom:0;}
	.modal_popup_attend .pop_content {height:calc(50vh - 14.0625vw);}
		.modal_popup_attend .pop_content:after {display:none;}
	.modal_popup_attend .txt_s32cBlackfBo {font-size:4.3750vw;}
	.modal_popup_attend .txt_s26cDrak {padding-top:1.5625vw;}
	.modal_popup_attend .items_btn_dSpace {position:absolute; bottom:4.0188vw; left:0; padding:0 5.4688vw;}
		.modal_popup_attend .items_btn_dSpace .item_list.oneBtn {width:100%;}
			.modal_popup_attend .items_btn_dSpace .item_list:first-child {padding:0;}
			.modal_popup_attend .items_btn_dSpace .item_list [class^="btn_"] {height:13.0625vw;}

/* 페이징 */
.paging {margin:9.3750vw 0; width:100%; text-align:center;}
	.paging [class^="btn_"] {overflow:hidden; padding:0; min-width:auto; width:4.6875vw; height:4.6875vw; opacity:1; background-repeat:no-repeat; background-color:transparent;}	
	.paging [class^="btn_"]:disabled {opacity:0.5;}
	.paging .btn_first {background:url('../images/m/common/icon_paging_first.png') center no-repeat;}
	.paging .btn_last {margin-left:1.0938vw; background:url('../images/m/common/icon_paging_last.png') center no-repeat;}
	.paging .btn_prev {margin-right:1.6563vw; margin-left:0; background:url('../images/m/common/icon_paging_prev.png') center no-repeat;}
	.paging .btn_next {margin-left:2.6563vw; background:url('../images/m/common/icon_paging_next.png') center no-repeat;}
	.paging_numbrer_w {display:inline-block; position:relative; top:-0.1563vw; vertical-align:text-bottom;}
		.paging_numbrer_w .link_paging_num {font-size:3.9063vw; color:#575757; vertical-align:middle; margin-left:3.1250vw;}
		.paging_numbrer_w .link_paging_num:first-child {margin-left:0;}
		.paging_numbrer_w .link_paging_num.active {color:#02a5b1;}

/* 네트워크 */
.entire_native {height:calc(100vh - 14.0625vw); background:#fff; text-align:center;}
	.entire_native .msg_w {display:inline-block; vertical-align:middle;}
	.entire_native .msg_w [class^="bg_"] {display:block; width:39.0625vw; height:39.0625vw; margin:0 auto; margin-bottom:4.6875vw;}
		.entire_native .msg_w .bg_network {background:url('../images/m/common/wifi.png') no-repeat; background-size:39.0625vw;}	
		.entire_native .msg_w .bg_error {background:url('../images/m/common/icon_error.png') no-repeat; background-size:39.0625vw;}	
		.entire_native .msg_w .bg_error_blue {background:url('../images/m/common/icon_error_blue.png') no-repeat; background-size:39.0625vw;}	
		.entire_native .msg_w .txt_s23cDark strong {display:block; padding-bottom:2.3438vw;}
	.entire_native [class^="btn_"] {position:absolute; bottom:0; left:0;}

/* 채팅상담 */
#chatPopup {height:calc(100% - 15.5250vw);} 
#chatPopup .pop_content {height:calc(100% - 14.225vw); padding:0;}
	#chatPopup .pop_content:after {display:none;}
	#chatPopup .pop_content iframe {border:0;}
	#chatPopup .chat_iframe #page-room-list {width:95%;}
#chatPopup + .dim {height:calc(100% - 15.5250vw);}

body { 
padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
padding-top: env(safe-area-inset-top); /* iOS 11.2 */ }

/* 코딩한 footer에 추가 */
.xbtn {
 padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
 padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */}

/* 강의실 동영상 > Landscape mode */
@media only screen and (orientation: landscape) {
	#StudyForm + #wrap {height:100vh; overflow:hidden;}
	
	[class^="cl_player"] #contentsFrame {height:54.25vw;}
		#contentsArea #mainFrame {width:100vw !important; height:100vh !important;}
	
	
	.header {background:none;}
		.header h2.tit_s28cBlackfBo {text-indent:-9999px;}
	.cont_layout_w {margin-top:-14.0625vw;} 
		.cl_cont_w .cl_player {height:100vh !important;}
		
	[class^="popup_"] {max-height:calc(100% - 12.625vw);}
	    [class^="pop_wrap"] {padding:0.4688vw 21.3125vw;}
	    .pop_content {min-height:14vw; max-height:16.6563vw; overflow:hidden;}
	    	.popup_alert .pop_content .align_maker {min-height:18vw;}
	    	.pop_content, .pop_content .txt_s22cBlack {font-size:2.4375vw;}
	    .pop_footer [class^="btn_h80"] {height:8.5vw;}
	    	.pop_footer [class^="btn_h80"] .txt_btn_name {font-size:2.4375vw;}
	    	
	  .pop_wrap._confirm .popup_infoChk {padding-top:2.8125vw;}
	  .pop_wrap._confirm .pop_header {display:none;}
	  .pop_wrap._confirm .pop_content {padding-top:3.8125vw;}
	  
	.mpv-fullscreen-virtual-position .cl_player_vid {
		padding: calc(constant(safe-area-inset-bottom));
		padding: calc(env(safe-area-inset-bottom));
	}
	
	.mpv-fullscreen-virtual-position .skin-firstbrainvod-user {
		padding: calc(constant(safe-area-inset-bottom) + 75px);
/* 		padding: calc(env(safe-area-inset-bottom) + 75px); */
		padding-top:0;
	}
}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.pop_content {max-height:59.375vw;}
}