@charset "utf-8";

a:hover, a:focus{ color:#555; }

.float-area{ *zoom:1; }
.float-area:after{ content:''; display:block; clear:both; }
.float-area .fl{ float:left; }
.float-area .fr{ float:right; }

.flex-area{ margin:-8px -8px 0; display:flex; flex-wrap:wrap; }
.flex-area > *{ margin:8px; }

.w100{ width:100% !important; }

.relative{ position:relative; }
.absolute{ position:absolute; }
.blind{ width:0; height:0; line-height:0; position:absolute; left:-9999px; font-size:0; overflow:hidden; }
.border-none{ border:none !important; }
.bg-none{ background:none !important; }

.txt-left{ text-align:left !important; }
.txt-right{ text-align:right !important; }
.txt-center{ text-align:center !important; }

.mt0{ margin-top:0 !important; }
.mt8{ margin-top:8px !important; }
.mt16{ margin-top:16px !important; }
.mt40{ margin-top:40px !important; }

.mb0{ margin-bottom:0 !important; }
.mb8{ margin-bottom:8px !important; }
.mb16{ margin-bottom:16px !important; }

.pb0{ padding-bottom:0 !important; }

.fs12{ font-size:12px !important; }
.fs16{ font-size:16px !important; }

.color-white{ color:#FFF !important; }
.color-black{ color:#282828 !important; }
.color-gray{ color:#8F8F8F !important; }
.color-orange{ color:#F77B28 !important; }
.color-red{ color:#FF453A !important; }
.color-brand{ display:inline-block; background:linear-gradient(90deg, #7000FF 0%, #CD3EFF 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

.font-antonio{ font-family:'Antonio', 'Noto Sans KR','Sans-serif'; }
.font-gyeonggi{ font-family:'GyeonggiBatang', 'Noto Sans KR','Sans-serif'; }

.normal{ font-weight:400; }
.medium{ font-weight:500; }
.strong{ font-weight:700; }


/* rw */
.rw-pc{  }/* pc */
.rw-mo{ display:none !important; }/* tablet, mobile */

.rw-pt{  }/* pc, tablet */
.rw-sm{ display:none !important; }/* mobile */


/* daterange */
.daterangepicker td.in-range{ background-color:#FBF7EA !important; }
.daterangepicker td.active, .daterangepicker td.active:hover{ background-color:#FFDA50 !important; color:#282828 !important; }
.daterangepicker td.disabled, .daterangepicker option.disabled{ color:#C4C4C4 !important; text-decoration:none !important; }


/* tit */
.tit-dep1{ margin:80px auto 16px; position:relative; font-size:32px; font-weight:700; }
.tit-dep1 > small{ margin-top:24px; display:block; font-size:14px; font-weight:400; }
.tit-dep2{ position:relative; font-size:28px; font-weight:700; }
.tit-dep3{ margin:40px auto 16px; position:relative; font-size:24px; font-weight:700; }
.tit-dep3 > small{ margin-top:4px; display:block; font-size:18px; font-weight:500; color:#828282; }
.tit-dep4{ position:relative; font-size:18px; font-weight:500; }
.tit-dep4 > small{ display:block; font-size:14px; font-weight:400; }

.tit-border{ margin-bottom:16px; padding-bottom:16px; border-bottom:2px solid #282828; }
[class^='tit'] .tit-side{ position:absolute; right:0; bottom:0; }
.tit-border .tit-side{ bottom:16px; }
.tit-border .tit-side.tit-link{ font-size:14px; font-weight:400; color:#828282; text-decoration:underline; }


/* txt */
.txt-link{ text-decoration:underline; }
.txt-info{ line-height:18px; padding-left:16px; position:relative; font-size:12px; font-weight:500; color:#828282; word-break:keep-all; }
.txt-info .ico-noti-s-gy{ width:15px; height:15px; position:absolute; top:0; left:0; }


/* ico */
[class^='ico']{ width:24px; height:24px; display:inline-block; background-position:0 0; background-size:100% 100%; background-repeat:no-repeat; font-size:0; text-indent:-9999em; vertical-align:middle; }
/*
.ico-{ background-image:url(//img.inclass.co.kr/common/); }
.ico-{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/); }
.ico-{ width:42px; height:42px; background-image:url(//img.inclass.co.kr/common/); }
.ico-{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/); }
*/
.ico-answer{ background-image:url(//img.inclass.co.kr/common/ico_answer.svg); }
.ico-menu{ background-image:url(//img.inclass.co.kr/common/ico_menu.svg); }
.ico-search{ background-image:url(//img.inclass.co.kr/common/ico_search.svg); }
.ico-user{ background-image:url(//img.inclass.co.kr/common/ico_user.svg); }
.ico-bookmark{ background-image:url(//img.inclass.co.kr/common/ico_bookmark.svg); }
.ico-shopping-bag{ background-image:url(//img.inclass.co.kr/common/ico_shoppingBag.svg); }
.ico-plus{ background-image:url(//img.inclass.co.kr/common/ico_plus.svg); }
.ico-minus{ background-image:url(//img.inclass.co.kr/common/ico_minus.svg); }
.ico-close{ background-image:url(//img.inclass.co.kr/common/ico_close.svg); }
.ico-close-wt{ background-image:url(//img.inclass.co.kr/common/ico_close_wt.svg); }
.ico-question-cir{ background-image:url(//img.inclass.co.kr/common/ico_question_cir.svg); }
.ico-exclamation-cir{ background-image:url(//img.inclass.co.kr/common/ico_exclamation_cir.svg); }
.ico-star{ background-image:url(//img.inclass.co.kr/common/ico_star.svg); }
.ico-star-on{ background-image:url(//img.inclass.co.kr/common/ico_star_ye.svg); }
.ico-external-link{ background-image:url(//img.inclass.co.kr/common/ico_externalLink.svg); }
.ico-paper-clip{ background-image:url(//img.inclass.co.kr/common/ico_paperClip.svg); }
.ico-login{ background-image:url(//img.inclass.co.kr/common/ico_login.svg); }
.ico-logout{ background-image:url(//img.inclass.co.kr/common/ico_logout.svg); }
.ico-prev{ background-image:url(//img.inclass.co.kr/common/ico_right.svg); transform:rotate(180deg); }
.ico-next{ background-image:url(//img.inclass.co.kr/common/ico_right.svg); }
.ico-share{ background-image:url(//img.inclass.co.kr/common/ico_share.svg); }
.ico-ellipsis-v{ background-image:url(//img.inclass.co.kr/common/ico_ellipsis_v.svg); }
.ico-coupon{ background-image:url(//img.inclass.co.kr/common/ico_coupon.svg); }
.ico-download{ background-image:url(//img.inclass.co.kr/common/ico_download.svg); }
.ico-external-link{ background-image:url(//img.inclass.co.kr/common/ico_externalLink.svg); }
.ico-play-list{ background-image:url(//img.inclass.co.kr/common/ico_playList.svg); }
.ico-top-gy{ background-image:url(//img.inclass.co.kr/common/ico_up_gy.svg); }
.ico-close-gy{ background-image:url(//img.inclass.co.kr/common/ico_close_gy.svg); }
.ico-app-store{ background-image:url(//img.inclass.co.kr/common/ico_appStore.svg); }
.ico-google-play{ background-image:url(//img.inclass.co.kr/common/ico_googlePlay.svg); }
.ico-app-store-wt{ background-image:url(//img.inclass.co.kr/common/ico_appStore_wt.svg); }
.ico-google-play-wt{ background-image:url(//img.inclass.co.kr/common/ico_googlePlay_wt.svg); }

.ico-minus-cir{ background-image:url(//img.inclass.co.kr/common/ico_minus_cir.svg); }
.ico-plus-cir{ background-image:url(//img.inclass.co.kr/common/ico_plus_cir.svg); }
.ico-equals-cir{ background-image:url(//img.inclass.co.kr/common/ico_equals_cir.svg); }
.ico-kakao-cir{ background-image:url(//img.inclass.co.kr/common/ico_kakao_cir.svg); }
.ico-naver-cir{ background-image:url(//img.inclass.co.kr/common/ico_naver_cir.svg); }
.ico-blog-cir{ background-image:url(//img.inclass.co.kr/common/ico_blog_cir.svg); }
.ico-fb-cir{ background-image:url(//img.inclass.co.kr/common/ico_fb_cir.svg); }
.ico-google-cir{ background-image:url(//img.inclass.co.kr/common/ico_google_cir.svg); }
.ico-play-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_play_cir_ye.svg); }
.ico-live-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_live_cir_ye.svg); }
.ico-people-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_people_cir_ye.svg); }
.ico-align-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_align_cir_ye.svg); }
.ico-book-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_book_cir_ye.svg); }
.ico-exam-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_exam_cir_ye.svg); }
.ico-answer-cir-ye{ background-image:url(//img.inclass.co.kr/common/ico_answer_cir_ye.svg); }
.ico-play-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_play_cir_gy.svg); }
.ico-live-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_live_cir_gy.svg); }
.ico-people-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_people_cir_gy.svg); }
.ico-align-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_align_cir_gy.svg); }
.ico-book-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_book_cir_gy.svg); }
.ico-exam-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_exam_cir_gy.svg); }
.ico-answer-cir-gy{ background-image:url(//img.inclass.co.kr/common/ico_answer_cir_gy.svg); }

.ico-close-cir{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_close_cir_s.svg); }
.ico-close-cir-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_close_cir_s.svg); }
.ico-camera-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_camera_s.svg); }
.ico-download-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_download_s.svg); }
.ico-pin-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_pin_s.svg); }
.ico-new-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_new_s.svg); }
.ico-edit-s-wt{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_edit_s_wt.svg); }
.ico-lock-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_lock_s.svg); }
.ico-noti-s-gy{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_noti_s_gy.svg); }
.ico-paper-clip-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_paperClip.svg); }
.ico-right-cir-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_right_cir_s.svg); }
.ico-play-cir-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_play_cir_s.svg); }
.ico-calendar-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_calendar_s.svg); }
.ico-map-marker-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_map_marker_s.svg); }
.ico-truck-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_truck_s.svg); }
.ico-friends-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_friends_s.svg); }
.ico-flag-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_flag_s.svg); }
.ico-external-link-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_externalLink.svg); }
.ico-right-gy-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/ico_right_gy_s.svg); }
.ico-setting-s{ width:18px; height:18px; background-image:url(//img.inclass.co.kr/common/202208/ico_setting.svg); }

.ico-fb-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_fb_m.svg); }
.ico-inst-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_inst_m.svg); }
.ico-ytb-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_ytb_m.svg); }
.ico-blog-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_blog_m.svg); }
.ico-cafe-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_cafe_m.svg); }
.ico-kakao-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_kakao_m.svg); }
.ico-home-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_home_m.svg); }
.ico-external-link-m{ width:36px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_externalLink_m.svg); }

.ico-kakao-l{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/ico_kakao_l.svg); }
.ico-fb-l{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/ico_fb_l.svg); }
.ico-blog-l{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/ico_blog_l.svg); }
.ico-link-l{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/ico_link_l.svg); }
.ico-exclamation-cir-l{ width:48px; height:48px; background-image:url(//img.inclass.co.kr/common/ico_exclamation_cir_l.png); }

/* .ico-app-stroe{ width:120px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_app_store.svg); }
.ico-google-play{ width:120px; height:36px; background-image:url(//img.inclass.co.kr/common/ico_google_play.svg); } */

.ico-logo-wt{ width:104px; height:24px; position:relative; top:-2px; background-image:url(//img.inclass.co.kr/common/logo_inclass_wt.svg); }
.ico-logo{ width:104px; height:24px; background-image:url(//img.inclass.co.kr/common/logo_inclass.svg); vertical-align:top; }

.ico-cart-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_cart.svg); }
.ico-login-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_login.svg); }
.ico-logout-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_logout.svg); }
.ico-menu-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_menu.svg); }
.ico-search-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_search.svg); }
.ico-user-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_user.svg); }
.ico-star-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_star_gy_s.svg); }
.ico-star-on-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_star_pu_s.svg); }
.ico-home-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_home.svg); }
.ico-file-download{ background-image:url(//img.inclass.co.kr/common/202208/ico_file_download.svg); }
.ico-file-download-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_file_download.svg); }
.ico-setting-v2{ background-image:url(//img.inclass.co.kr/common/202208/ico_setting.svg); }



/* sticker */
.sticker-area{ margin:-4px -4px 0; font-size:0; }
.sticker-area > *{ height:20px; line-height:18px; margin:4px; padding:0 8px; display:inline-block; background-color:#fff; border:1px solid #C4C4C4; border-radius:4px; font-size:10px; font-weight:500; }
.sticker-L > *{ height:30px; line-height:28px; padding:0 8px; border-radius:8px; font-size:14px; font-weight:400; }

.sticker-gray{ height:16px; line-height:18px; padding:0 4px; display:inline-block; position:relative; top:-1px; background-color:#828282; border-radius:18px; font-size:10px; font-weight:500; color:#fff; }


/* btn */
.btn, .btn:active{ height:48px; line-height:46px; padding:0 24px; display:inline-block; position:relative; background-color:#fff; border:none; border:1px solid #282828; border-radius:24px; font-size:14px; font-weight:700; color:#282828; text-align:center; vertical-align:top; cursor:pointer; transition:all .3s ease-out; }
.btn:hover, .btn:focus{ background-color:#FFDA50; color:#282828; transition:all .3s ease-out; }

.btn-XS, .btn-XS:active{ height:30px; line-height:28px; padding:0 10px; font-size:12px; font-weight:500; }
.btn-S, .btn-S:active{ height:34px; line-height:32px; padding:0 16px; font-size:14px; }
.btn-L, .btn-L:active{ min-width:200px; max-width:100%; height:60px; line-height:58px; padding:0 40px; font-size:16px; border-radius:30px; }

.btn-black{ background-color:#000; color:#fff; }
.btn-black:hover, .btn-black:focus{ background-color:#282828; color:#fff; }

.btn-gray{ border-color:#757575; color:#616161; }
.btn-gray:hover, .btn-gray:focus{ background-color:#fff; border-color:#282828; }

.btn-yellow{ background-color:#FFDA50; }
.btn-yellow:hover, .btn-yellow:focus{ background-color:#fbe182; }

.btn-red{ background-color:#fff; border-color:#FF453A; color:#FF453A; }
.btn-red:hover, .btn-red:focus{ background-color:#fff; border-color:#f13126; color:#f13126; }

.btn-disabled{ background-color:#E9E9E9; border-color:#E9E9E9; color:#828282; cursor:default; }
.btn-disabled:hover, .btn-disabled:focus{ background-color:#E9E9E9; color:#828282; cursor:default; }

.btn-ico, .btn-ico:active{ display:inline-flex; justify-content:center; align-items:center; vertical-align:top; }


/* input, select, textarea */
.input-text{ width:100%; display:inline-block; }
.input-text input:not(.btn){ width:100%; height:48px; line-height:46px; padding:0 16px; display:inline-block; background-color:#fff; border:none; border:1px solid #C4C4C4; font-size:16px; vertical-align:top; }
.input-text input:not(.btn):hover, .input-text input:not(.btn):focus{ border-color:#282828; }
.input-text input:not(.btn):read-only, .input-text input:not(.btn):disabled{ background-color:#F5F6FA; cursor:default; }

.input-icon{ width:100%; display:inline-block; position:relative; }
.input-icon:before{ content:''; width:18px; height:18px; position:absolute; top:50%; right:16px; background-position:50% 0; background-size:100% 100%; background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; transform:translate(0, -50%); }
.input-icon input:not(.btn){ width:100%; height:48px; line-height:46px; padding:0 42px 0 16px; display:inline-block; background-color:#fff; border:none; border:1px solid #C4C4C4; font-size:16px; vertical-align:top; }
.input-icon input:not(.btn):hover, .input-icon input:not(.btn):focus{ border-color:#282828; }
.input-icon input:not(.btn):read-only, .input-icon input:not(.btn):disabled{ cursor:pointer; }

.input-daterange:before{ background-image:url(//img.inclass.co.kr/common/ico_calendar_s.svg) }

.input-search{ position:relative; }
.input-search input:not(.btn){ padding-right:56px; }
.input-search .btn-search{ width:32px; height:32px; position:absolute; top:50%; right:16px; transform:translateY(-50%); }

.input-btn{ position:relative; }
.input-btn input:not(.btn){ padding-right:116px; }
.input-btn .btn{ position:absolute; top:50%; right:8px; transform:translate(0, -50%); }

.input-checkbox{ line-height:26px; padding-left:32px; display:inline-block; position:relative; font-size:16px; cursor:pointer; }
.input-checkbox input[type='checkbox']{ width:0; height:0; position:absolute; opacity:0; }
.input-checkbox .ico-checkbox{ width:24px; height:24px; position:absolute; top:1px; left:0; background:url(//img.inclass.co.kr/common/ico_checkbox.svg) 50% 50% no-repeat; background-size:100% 100%; display:inline-block; }
.input-checkbox input[type='checkbox']:checked ~ .ico-checkbox{ background-image:url(//img.inclass.co.kr/common/ico_checkbox_on.svg); }
.input-checkbox input[type='checkbox']:disabled ~ .ico-checkbox{ background-image:url(//img.inclass.co.kr/common/ico_checkbox_disabled.svg); }

.input-checkbox-sort{ line-height:24px; padding-left:26px; font-size:14px; }
.input-checkbox-sort .ico-checkbox{ width:18px; height:18px; top:4px; }
.input-checkbox-sort .txt{ font-size:14px; font-weight:700; }

.input-radio{ line-height:26px; padding-left:32px; display:inline-block; position:relative; font-size:16px; cursor:pointer; }
.input-radio input[type='radio']{ width:0; height:0; position:absolute; opacity:0; }
.input-radio .ico-radio{ width:24px; height:24px; position:absolute; top:1px; left:0; background:url(//img.inclass.co.kr/common/ico_radio.svg) 50% 50% no-repeat; background-size:100% 100%; display:inline-block; }
.input-radio input[type='radio']:checked ~ .ico-radio{ background-image:url(//img.inclass.co.kr/common/ico_radio_on.svg); }
.input-radio input[type='radio']:disabled ~ .ico-radio{ background-image:url(//img.inclass.co.kr/common/ico_radio_disabled.svg); }

.toggle-radio{ display:inline-flex; flex:1; }
.toggle-radio input[type='radio']{ width:0; height:0; position:absolute; opacity:0; }
.toggle-radio span{ width:100%; height:48px; line-height:46px; display:block; background-color:#fff; border:1px solid #C4C4C4; border-radius:29px; font-size:16px; font-weight:700; text-align:center; cursor:pointer; }
.toggle-radio input[type='radio']:checked + span{ background-color:#FFDA50; border-color:#282828; }

.select{ width:100%; display:inline-block; position:relative; background-color:#fff; border:none; border:1px solid #C4C4C4; vertical-align:top; z-index:1; }
.select:after{ content:''; width:18px; height:18px; display:flex; position:absolute; top:50%; right:16px; background:url(//img.inclass.co.kr/common/ico_right_gy_s.svg) 50% 50% no-repeat; background-size:100% 100%; z-index:-1; justify-content:center; transform:rotate(90deg) translateX(-50%); }
.select select{ width:100%; height:46px; line-height:46px; padding:0 50px 0 16px; position:relative; background-color:transparent; border:none; font-size:16px; font-weight:500; vertical-align:top; z-index:2; }
.select:hover{ border-color:#282828; }
.select:hover:after{ background-image:url(//img.inclass.co.kr/common/ico_right_s.svg); }

.select-S{ width:auto; }
.select-S select{ height:30px; line-height:28px; font-size:14px; }
.select-S:after{ width:16px; height:16px; right:8px; }
.select-S select{ padding-right:32px; }

.select-sort{ width:auto; height:24px; border:none; }
.select-sort:after{ width:16px; height:16px; right:0; background-image:url(//img.inclass.co.kr/common/ico_right_s.svg); }
.select-sort select{ height:100%; line-height:24px; padding:0 20px 0 8px; font-size:14px; font-weight:700; }

.textarea{ width:100%; }
.textarea textarea{ width:100%; padding:16px; background-color:#fff; border:none; border:1px solid #C4C4C4; font-size:16px; -webkit-box-shadow:none; box-shadow:none; vertical-align:middle; resize:none; overflow:auto; -webkit-appearance:none; }
.textarea textarea:hover, .textarea textarea:focus{ border-color:#282828; }
.textarea textarea:disabled{ font-size:14px; color:#8F8F8F; word-break:keep-all; opacity:1; -webkit-text-fill-color:#8F8F8F; }


/* img */
.img-area{ font-size:0; text-align:center; }
img, .img-area > img{ max-width:100%; }


/* layout */
.full-layout{ margin:0 auto; padding:0 40px; }
.wide-layout{ max-width:1232px; margin:0 auto; padding:0 16px; }
.content-layout{ max-width:1024px; margin:0 auto; padding:0 16px; }
.form-layout{ max-width:416px; margin:0 auto; padding:0 16px; }
.end-layout{ display:flex; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255, 255, 255, .6); backdrop-filter:blur(3px); border-radius:16px; font-size:28px; font-weight:800; text-align:center; justify-content:center; align-items:center; }

.snb-container{ max-width:1232px; margin:0 auto; display:flex; }
.snb-container .snb-layout{ width:184px; margin:80px 8px 0 16px; }
.snb-container .snb-layout .snb-header{ padding:24px 4px; background-color:#282828; color:#fff; text-align:center; word-break:break-all; }
.snb-container .snb-layout .snb-content{ padding:24px 16px; border:1px solid #E9E9E9; }
.snb-container .content-layout{ margin:0 0 0 auto; flex:1; }

#container.landing-container{ padding-bottom:0; overflow:hidden; }
.landing-container *{ letter-spacing:-.04em; word-break:keep-all; }

.fixed-bottom{ margin-top:100px; background-color:#fff; box-shadow:2px -2px 2px 0 rgba(0, 0, 0, .05); }
.fixed-bottom > .content-layout{ padding:16px; display:flex; align-items:center; }
.fixed-bottom > .content-layout .left{ flex:1; }
.fixed-bottom > .content-layout .right{ margin-left:auto; display:flex; align-items:center; }
.fixed-bottom > .content-layout .btn-layout{ margin:0 0 0 24px; }

.user-layout{ display:flex; justify-content:center; align-items:center; }
.user-layout > .img-area{ width:48px; height:48px; position:relative; background:#E9E9E9 url(//img.inclass.co.kr/common/ico_user.svg) 50% 50% no-repeat; background-size:50% 50%; border-radius:50%; overflow:hidden; }
.user-layout > .img-area > img{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.user-layout > .cont-area{ margin-left:16px; }
.user-layout > .cont-area [class^='tit']{ margin:0; }

.user-layout.user-type2{ flex-direction:column; }
.user-layout.user-type2 > .cont-area{ margin:16px 0 0; }

.btn-layout{ margin:40px -4px 0; display:flex; justify-content:center; align-items:center; }
.btn-layout > *{ margin:0 4px; }
.btn-right{ margin-top:16px; justify-content:flex-end; }

.video-layout{ overflow:hidden; }
.video-layout .video-area{ padding-bottom:56.25%; position:relative; overflow:hidden; }
.video-layout .video-area > *{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; }

.shorts-layout .video-area{ padding-bottom:177.78%; position:relative; }

.pdf-layout{ width:100%; height:900px; border:1px solid #C4C4C4; }
.pdf-layout > *{ width:100%; height:100%; }

.hash-area > span{ color:#8F8F8F; }
.hash-area > span:not(:first-child):before{ content:''; width:2px; height:2px; margin:-1px 5px 0 1px; display:inline-block; background-color:#8F8F8F; border-radius:100%; vertical-align:middle; }

.price-area{ display:flex; letter-spacing:-.06em; align-items:flex-end; }
.price-area [class^='color-']{ line-height:26px; margin-right:8px; display:block; font-size:14px; font-weight:700; flex:1; }
.price-area .price{ line-height:26px; margin-left:auto; font-size:18px; font-weight:700; text-align:right; }
.price-area .price del{ line-height:16px; display:block; font-size:12px; font-weight:400; color:#C4C4C4; }

.no-data{ min-height:180px; padding:40px 0; display:flex; background-color:#F5F6FA; border:1px solid #E9E9E9; font-weight:500; text-align:center; word-break:keep-all; justify-content:center; align-items:center; flex-direction:column; }/*  margin:16px auto 40px;  */
.no-data > .tit-dep4{ margin-bottom:8px; font-weight:700; }
.no-data > .btn{ margin-top:16px; }

.box-blue{ padding:16px; background-color:#F5F6FA; border:1px solid #E9E9E9; }
.box-blue .btn-layout{ margin-top:8px; justify-content:flex-start; }


/* sort */
.sort-list{ margin:40px auto 16px; display:flex; align-items:center; }
.sort-list .left{ margin-right:20px; flex:1; }
.sort-list .right{ margin-left:auto; }
.sort-list .input-search{ width:360px; max-width:100%; }


/* slide */
.swiper .swiper-wrapper{ z-index:-1; }
.swiper .swiper-slide img{ max-width:100%; max-height:100%; }
.swiper .swiper-pager{ width:auto; margin-top:16px; bottom:auto; font-size:0; text-align:center; z-index:99; }
.swiper .swiper-pager .swiper-pagination-bullet{ width:12px; height:12px; margin:0 4px; display:inline-block; background-color:#282828; border-radius:50%; opacity:.5; transition:.5s ease-in-out; }
.swiper .swiper-pager .swiper-pagination-bullet-active{ background-color:transparent; border:2px solid #282828; opacity:1; transition:.5s ease-in-out; }

.swiper-btn{ font-size:0; }
.swiper-btn > *{ width:40px; height:40px; display:inline-flex; position:relative; background-color:#fff; border:1px solid #282828; border-radius:50%; text-align:center; font-size:0; z-index:99; justify-content:center; align-items:center; }
.swiper-btn > .swiper-button-disabled{ opacity:.2; cursor:default; }
.swiper-btn > *.btn-next{ margin-left:8px; }
.swiper-btn > * .ico-prev, .swiper-btn > * .ico-next{ width:18px; height:18px; }


/* tab */
.tab-type1{ margin:40px auto 16px; border-bottom:1px solid #E9E9E9; }
.tab-type1 > ul{ display:flex; justify-content:flex-start; }
.tab-type1 > ul > li{ width:auto; margin-left:16px; }
.tab-type1 > ul > li:first-child{ margin-left:0; }
.tab-type1 > ul > li > *{ padding:0 2px 12px; display:block; position:relative; background-color:#fff; font-size:15px; font-weight:500; color:#282828; text-align:center; overflow:hidden; }
.tab-type1 > ul > li > *:after{ content:''; height:4px; position:absolute; left:0; right:0; bottom:-1px; transform:translateY(10px); }
.tab-type1 > ul > li:hover > *:after{ background-color:#E9E9E9; }
.tab-type1 > ul > li.selected > *:after{ background-color:#FFDA50; }
.tab-type1 > ul > li:hover > *:after, .tab-type1 > ul > li.selected > *:after{ transform:translateY(0); transition:all .3s ease-out; }

.tab-type2{ margin:40px auto; }
.tab-type2 > ul{ margin:-4px -4px 0; display:flex; flex-wrap:wrap; justify-content:center; }
.tab-type2 > ul > li{ width:auto; margin:4px; }
.tab-type2 > ul > li > *{ height:34px; line-height:32px; max-width:100%; padding:0 8px; display:block; position:relative; background-color:#fff; border:1px solid #C4C4C4; border-radius:8px; font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.tab-type2 > ul > li:hover > *, .tab-type2 > ul > li.selected > *{ background-color:#FFDA50; border-color:#282828; color:#282828; }

.tab-type3{ margin:80px auto 16px; }
.tab-type3 > ul{ margin:-4px -8px; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.tab-type3 > ul > li{ width:auto; margin:4px 8px; }
.tab-type3 > ul > li > *{ max-width:100%; display:block; font-size:18px; font-weight:700; color:#C9C9C9; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.tab-type3 > ul > li:hover > *, .tab-type3 > ul > li.selected > *{ color:#F77B28; }

.tab-type4{ margin-bottom:40px; }
.tab-type4 > ul{ margin:-4px; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.tab-type4 > ul > li{ width:auto; margin:4px; }
.tab-type4 > ul > li > *{ height:28px; line-height:26px; max-width:100%; padding:0 8px; display:block; position:relative; background-color:#fff; border:1px solid #E9E9E9; border-radius:8px; font-size:14px; font-weight:500; color:#C9C9C9;  overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.tab-type4 > ul > li:hover > *, .tab-type4 > ul > li.selected > *{ border-color:#F77B28; color:#F77B28; }

.tab-content{ display:none; }
.tab-on{ display:block; }


/* list */
.list-dotted{ padding-left:20px; list-style:disc; }

.list-type1{ margin:40px auto; overflow:hidden; }
.list-type1 > ul{ margin:-8px -8px 0; display:flex; flex-wrap:wrap; }
.list-type1 > ul > li{ width:calc( 16.6667% - 16px ); margin:8px; }
.list-type1 > ul > li .img-area{ padding-bottom:100%; position:relative; background-color:#F5F6FA; }
.list-type1 > ul > li .img-area > *{ width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.list-type1 > ul > li .tit-area{ margin-top:8px; }
.list-type1 > ul > li .tit-area > .tit-dep4{ overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list-type1 > ul > li .tit-area > .btn-add{ position:relative; z-index:10; }
.list-type1 > ul > li .sticker-area{ margin-top:4px; }

.list-type2{ margin:16px auto 40px; }
.list-type2 > ul{  }
.list-type2 > ul > li{ padding:16px 0; border-top:1px solid #E9E9E9; }
.list-type2 > ul > li:first-child{ border-top:none; }
.list-type2 > ul > li > *, .list-type2 > ul > li > a > *{ margin-top:8px; }
.list-type2 > ul > li > *:first-child, .list-type2 > ul > li > a > *:first-child{ margin-top:0; }
.list-type2 > ul > li .top-area{ display:flex; align-items:center; }
.list-type2 > ul > li .top-area .left{ margin-right:8px; }
.list-type2 > ul > li .top-area .right{ margin-left:auto; }
.list-type2 > ul > li .top-area .txt .color-orange{ font-weight:700; }
.list-type2 > ul > li .tit-dep4{ font-weight:700; }
.list-type2 > ul > li .sticker-area{ margin-top:8px; }
.list-type2 > ul > li .btn-layout{ margin:8px -4px 0; justify-content:flex-end; }

.list-border > ul > li:first-child{ border-top:1px solid #282828; }

.list-card{ margin:0 auto 40px; overflow:hidden; }
.list-card > ul{ margin:-8px -8px 0; display:flex; flex-wrap:wrap; }
.list-card > ul > li{ width:calc( 25% - 16px ); margin:8px; }
.list-card > ul > li.no-data{ width:calc( 100% - 16px ); }
.list-card > ul > li .img-area{ padding-bottom:56.25%; position:relative; background-color:#F5F6FA; border:1px solid #E9E9E9; overflow:hidden; }
.list-card > ul > li .img-area > *{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.list-card > ul > li .img-area > img{ width:100%; height:100%; }
.list-card > ul > li .img-area > .bg{ width:100%; height:100%; background-color:#82D3FC; }
.list-card > ul > li .img-area .sticker{ line-height:22px; padding:0 5px; top:8px; left:8px; background-color:#FFDA50; font-size:12px; font-weight:700; transform:translate(0, 0); }
.list-card > ul > li:nth-child(4n-2) > a .img-area > .bg{ background-color:#B4BCF7; }
.list-card > ul > li:nth-child(4n-3) > a .img-area > .bg{ background-color:#A3D5BC; }
.list-card > ul > li:nth-child(4n) > a .img-area > .bg{ background-color:#FF8F32; }
.list-card > ul > li > a .img-more:after{ content:''; width:30px; height:30px; position:absolute; top:6px; right:3px; background:url(//img.inclass.co.kr/common/ico_images_s.svg) 50% 50% no-repeat; background-size:100% 100%; }
.list-card > ul > li > a:hover .img-area > img{ transform:translate(-50%, -50%) scale(1.05); }
.list-card > ul > li .site{ margin-top:8px; font-size:13px; font-weight:800; }
.list-card > ul > li .tit-dep4{ height:52px; line-height:26px; margin-top:8px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list-card > ul > li > a .txt-date{ margin-top:4px; font-size:12px; font-weight:500; color:#828282; }
.list-card > ul > li > a .sticker-area{ margin-top:4px; }
.list-card > ul > li > a .price-area{ margin-top:8px; }

.list-card .price-area [class^='color-']{ line-height:inherit; font-size:18px; }
.list-card .price-area [class^='color-'].percent{ font-size:22px; }
.list-card .price-area .price{ line-height:inherit; font-size:16px; }

.slide-card{ position:relative; }
.slide-card .swiper-card > ul{ flex-wrap:nowrap; }
.slide-card .swiper-btn > *{ position:absolute; top:54px; background-color:#fff; border:none; box-shadow:0 1px 5px rgba(0, 0, 0, .15); }
.slide-card .swiper-btn > *.btn-prev{ left:-29px; }
.slide-card .swiper-btn > *.btn-next{ right:-13px; }
.slide-card .swiper-btn > *.swiper-button-disabled{ opacity:0; }

.list-review{ margin:40px auto; overflow:hidden; }
.list-review > ul{ margin:-8px; display:flex; flex-wrap:wrap; }
.list-review > ul > li{ width:calc( 33.33% - 16px ); margin:8px; }
.list-review > ul > li > a{ height:100%; padding:16px; display:block; border:1px solid #C4C4C4; }
.list-review > ul > li > a .top-area{ display:flex; align-items:center; }
.list-review > ul > li > a .top-area .left{ margin-right:8px; flex:1; }
.list-review > ul > li > a .top-area .left .mark{ margin:0 -2px; font-size:0; vertical-align:middle; }
.list-review > ul > li > a .top-area .left .mark > *{ width:18px; height:18px; margin:0 2px; }
.list-review > ul > li > a .top-area .left .num{ margin-left:8px; display:inline-block; font-size:18px; font-weight:700; vertical-align:middle; }
.list-review > ul > li > a .top-area .left .name{ width:100%; margin-top:8px; font-size:12px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list-review > ul > li > a .top-area .img-review{ width:46px; margin-left:auto; }
.list-review > ul > li > a .top-area .img-review .img-area{ background-color:#F5F6FA; padding-bottom:100%; position:relative; overflow:hidden; }
.list-review > ul > li > a .top-area .img-review .img-area > img{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.list-review > ul > li > a .cont-area .tit-dep4{ margin-top:16px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.list-review > ul > li > a .cont-area .txt{ margin-top:8px; font-weight:500; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list-review > ul > li > a .cont-area .txt-link{ margin-top:16px; font-size:12px; }

.slide-review{ position:relative; }
.slide-review .swiper-review > ul.swiper-wrapper{ margin:0; flex-wrap:inherit; }
.slide-review .swiper-review > ul.swiper-wrapper > li.swiper-slide{ height:auto; margin:0; margin-right:16px; }
.slide-review .swiper-btn > *{ position:absolute; top:50%; transform:translate(0, -50%); }
.slide-review .swiper-btn .btn-prev{ left:-64px; }
.slide-review .swiper-btn .btn-next{ margin-left:0; right:-64px; }

.list-gallery{  }
.list-gallery > ul > li > a .img-area{ background-color:#fff; }
.list-gallery > ul > li > a .img-area > .bg:after{ content:''; width:32px; height:32px; position:absolute; top:50%; left:50%; background:url(//img.inclass.co.kr/common/ico_play_cir_s.svg) 50% 50% no-repeat; background-size:100% 100%; transform:translate(-50%, -50%); }

.list-curri > dt{ margin:16px auto; padding-top:16px; border-top:1px solid #E9E9E9; font-weight:700; }
.list-curri > dt:first-child{ margin-top:0; padding-top:0; border-top:none; }
.list-curri > dd{ margin:16px auto; display:flex; }
.list-curri > dd .tit-area{ padding-left:24px; position:relative; flex:1; }
.list-curri > dd .tit-area .icon{ position:absolute; top:3px; left:0; }
.list-curri > dd .tit-area .icon [class^='ico']{ width:18px; height:18px; }
.list-curri > dd .tit-area .tit{ font-size:16px; font-weight:500; }
.list-curri > dd .tit-area .txt{ font-size:12px; color:#828282; }
.list-curri > dd .btn-area{ margin-left:8px; text-align:right; }

.list-sns{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.list-sns{ margin:-8px -8px 0; }
.list-sns > a{ width:96px; margin:8px; text-align:center; }
.list-sns > a > .icon{ width:64px; height:64px; margin:0 auto; display:flex; background-color:#FFDA50; border:1px solid #282828; border-radius:50%; justify-content:center; align-items:center; }
.list-sns > a > .tit{ margin-top:8px; display:block; font-size:12px; font-weight:500; text-align:center; }

.toggle-type1{  }
.toggle-type1 > dt{ border:1px solid #E9ECEF; }
.toggle-type1 > dt:not(:first-child){ margin-top:8px; }
.toggle-type1 > dt > a{ padding:16px 48px 16px 16px; display:flex; position:relative; font-size:16px; font-weight:700; letter-spacing:-.5px; align-items:center; }
.toggle-type1 > dt > a:after{ content:''; width:24px; height:24px; margin-top:-12px; position:absolute; top:50%; right:16px; background:url(//img.inclass.co.kr/common/ico_bottom_gy_s.svg) 50% 50% no-repeat; background-size:100% 100%; }
.toggle-type1 > dd{ margin-top:-1px; padding:16px; display:none; background-color:#FCFDFD; border:1px solid #E9ECEF; }
.toggle-type1 > dt.selected > a:after{ transform:rotate(180deg); }
.toggle-type1 > dd.selected{ display:block; }

/* table */
.table-type1{ margin-top:40px; }
.table-type1 > ul > li{ display:flex; border-bottom:1px solid #E9E9E9; }
.table-type1 > ul > li > div{ width:140px; padding:16px; display:flex; font-weight:500; word-break:break-all; justify-content:center; align-items:flex-start; flex-direction:column; }
.table-type1 > ul > li > .data-center{ align-items:center; }
.table-type1 > ul > li > .data-num{ width:100px; align-items:center; }
.table-type1 > ul > li.thead > .data-check, .table-type1 > ul > li > .data-check{ width:56px; padding-left:0; padding-right:0; align-items:center; }
.table-type1 > ul > li > .data-tit{ width:auto; font-size:16px; flex:1; overflow:auto; word-break:break-all; }
.table-type1 > ul > li > .data-tit > .tit{ max-width:100%; padding-right:22px; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.table-type1 > ul > li > .data-tit > .tit .ico-new-s{ position:absolute; top:1px; right:0; }

.table-type1 > ul > li.thead{ border-color:#282828; }
.table-type1 > ul > li.thead > div{ padding:0 16px 16px; justify-content:center; align-items:center; font-size:14px; font-weight:700; }
.table-type1 > ul > li.thead > .data-tit{ align-items:flex-start; }

/* error 영향범위 */
.table-type2{ width:100%; border-top:1px solid #C4C4C4; overflow:hidden; }
.table-type2 table{ width:calc( 100% + 1px ); margin-left:-1px; }
.table-type2 table tr th, .table-type2 table tr td{ padding:16px; background-color:#fff; border-left:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; font-weight:500; text-align:left; vertical-align:middle; }
.table-type2 table tr td{ font-size:16px; }

.table-border{ border-top:2px solid #282828; }

/* form */
.form-type1 > dl > dt{ margin:16px auto 8px; font-size:14px; }
.form-type1 > dl > dt:first-child{ margin-top:0; }
.form-type1 > dl > dd + dd{ margin-top:8px; }

.form-type1 .row{ margin:0 -10px; display:flex; }
.form-type1 .row > *{ margin:0 10px; display:inline-flex; flex:1; }

.form-type1 .grade-area{ display:flex; justify-content:flex-end; align-items:center; } 
.form-type1 .grade-area > a .ico-star{ width:28px; height:28px; }
.form-type1 .grade-area > a.on .ico-star{ background-image:url(//img.inclass.co.kr/common/ico_star_ye.svg); }
.form-type1 .btn-area{ margin-top:16px; display:flex; align-items:center; }
.form-type1 .btn-area .txt-info{ margin-left:16px; flex:1; }
.form-type1 .txt-dash{ font-size:16px; flex:none; align-items:center; }

.form-type1 ul.file-area{ margin:12px -4px 0 -4px; }
.form-type1 ul.file-area > li{ margin:4px; display:inline-block; }
.form-type1 ul.file-area > li > a{ display:flex; align-items:center; }
.form-type1 ul.file-area > li > a .ico-close-cir-s{ width:16px; height:16px; margin-left:4px; }

.form-type1 div.file-area{ margin:12px -4px 0 -4px; }
.form-type1 div.file-area > a{ margin:4px; display:inline-flex; align-items:center; }
.form-type1 div.file-area > a .ico-close-cir{ margin-left:4px; }

.form-type1 .row .col-25{ width:calc( 25% - 20px ) !important; flex:none; }
.form-type1 .row .col-40{ width:calc( 40% - 20px ) !important; flex:none; }
.form-type1 .row .col-60{ width:calc( 60% - 20px ) !important; flex:none; }
.form-type1 .row .col-75{ width:calc( 75% - 20px ) !important; flex:none; }

.form-check{ margin:0 -8px; }
.form-check > *{ margin:0 8px; }


/* board */
.board-list > ul > li{ padding:16px 0; border-top:1px solid #C4C4C4; }
.board-list > ul > li:first-child{ border-top:none; }
.board-list > ul > li > a{ display:flex; align-items:center; }
.board-list > ul > li > a .cont-area{ margin-right:8px; overflow:hidden; flex:1; }
.board-list > ul > li > a .cont-area > div{ width:100%; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; }
.board-list > ul > li > a .cont-area > .txt{ font-weight:500; color:#8F8F8F; }
.board-list > ul > li > a .img-list{ width:46px; margin-left:auto; }
.board-list > ul > li > a .img-list > .img-area{ background-color:#F5F6FA; padding-bottom:100%; position:relative; overflow:hidden; }
.board-list > ul > li > a .img-list > .img-area > img{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }


/* pager */
.board-pager{ padding-top:20px; display:flex; border-top:1px solid #282828; justify-content:center; align-items:center; }
.board-pager .btn-prev, .board-pager .btn-next{ margin:0 5px; padding:0 5px; font-size:0; }
.board-pager .btn-prev i, .board-pager .btn-next i{ font-size:18px; }
.board-pager .pager-num > a{ width:30px; height:30px; line-height:28px; margin:0 5px; display:inline-flex; font-size:18px; justify-content:center; align-items:center; }
.board-pager .pager-num > a.on{ position:relative; font-weight:700; color:#282828; }
.board-pager .pager-num > a.on:after{ content:''; height:1px; position:absolute; left:7px; right:7px; bottom:3px; background-color:#282828; }


/* view */
.view-container{ padding-top:40px; }
.view-container .tit-dep3.tit-border{ margin:80px auto 40px; }

.view-container .list-about{ margin-top:16px; }
.view-container .list-about > li{ margin-top:4px; display:flex; font-size:16px; }
.view-container .list-about > li .tit{ width:80px; font-size:14px; font-weight:700; }
.view-container .list-about > li .txt{ font-weight:500; flex:1; }
.view-container .list-about > li .txt.timer{ font-weight:700; color:#F77B28; letter-spacing:0.08em; }

.view-container.snb-container{ padding-top:0; }
.view-container.snb-container .tit-dep1{ margin-bottom:8px; }

.view-type1 .tit-dep3:not(:first-child){ margin-top:0; }
.view-type1 .tit-dep3{ margin-bottom:8px; }
.view-type1 .video-layout{ margin-top:40px; }
.view-type1 .list-images > li{ margin-top:40px; font-size:0; text-align:center; }
.view-type1 .list-images > li img{ max-width:100%; }
.view-type1 .content-area{ margin-top:40px; font-size:16px; font-weight:500; }
.view-type1 .content-area.ck-content{ font-size:14px; }
.view-type1 .content-area img{ height:auto !important; }/*width:auto !important; */
.view-type1 .content-textarea{ width:100%; display:block; overflow:visible; }
.view-type1 .content-textarea:focus, .view-type1 .content-textarea:hover{ outline:none; }
.view-type1 .file-area{ margin-top:40px; }
.view-type1 .file-area > li{ margin-top:8px; }
.view-type1 .file-area > li:first-child{ margin-top:0; }
.view-type1 .file-area > li a{ display:flex; font-size:14px; font-weight:500; color:#F77B28; align-items:center; }
.view-type1 .file-area > li a .ico-download-s{ width:14px; height:14px; margin-right:4px; position:relative; top:-1px; }

.view-reply{ padding:16px; background-color:#F5F6FA; border:1px solid #E9E9E9; }
.view-reply .content-area{ margin-top:16px; font-size:16px; font-weight:400; }
.view-reply .content-area.ck-content{ font-size:14px; }
.view-reply .file-area{ margin-top:16px; }
.view-reply .file-area > li{ margin-top:4px; }
.view-reply .file-area > li:first-child{ margin-top:0; }


/* popover */
.popover-relative{ position:relative; }

.popover-wrap{ padding:16px; display:none; position:absolute; right:0; background-color:#fff; border:1px solid #282828; -webkit-box-shadow:0 20px 60px 0 rgba(96, 110, 170, .16); box-shadow:0 20px 60px 0 rgba(96, 110, 170, .16); z-index:99; transform:translateX(-100%); }

.popover-container .tit-dep4{ margin-bottom:8px; }

.popover-menu{ width:220px; }
.popover-menu:before{ content:''; width:18px; height:13px; position:absolute; top:-13px; right:-2px; background:url(//img.inclass.co.kr/common/bg_review_comment.svg) 100% 100% no-repeat; background-size:100% 100%; transform:scaleX(-1); }
.popover-menu .list-menu > li{ margin-top:8px; }
.popover-menu .list-menu > li:first-child{ margin-top:0; }
.popover-menu .list-menu > li > *{ display:block; font-size:16px; font-weight:700; }

/* scroll animation */
.sa{ opacity:0; transition:all 1s ease; }
.sa-up{ transform:translate(0, 100px); }
.sa-down{ transform:translate(0, -100px); }
.sa-right{ transform:translate(-100px, 0); }
.sa-left{ transform:translate(100px, 0); }
.sa-rotateL{ transform:rotate(10deg); }
.sa-rotateR{ transform:rotate(-180deg); }
.sa-scale{ transform:scale(.9); }
.sa-scaleL{ transform:translate(-100px, 0) scale(.9); }
.sa-scaleR{ transform:translate(100px, 0) scale(.9); }
.sa-scaleUp{ transform:translate(0, 100px) scale(.9); }
.sa-scaleDown{ transform:scale(1.2); }
.sa.show{ opacity:1; transform:none; }