/* @import url('https://webfontworld.github.io/pretendard/Pretendard.css'); */

/* 공통 */
body, html {min-width: 1200px; background: #F8F8F8; color: #202020;}
.vt_mid {display: inline-block; vertical-align: middle;}
.vt_top {display: inline-block; vertical-align: top;}
.vt_bot {display: inline-block; vertical-align: bottom;}
.grid {width: 100%; height: 100%; display: grid; justify-items: center; align-content: center;}
.grid img {width: 100%;}
.pl15 {padding-left: 15px; box-sizing: border-box;}
.pd15 {padding: 0 15px; box-sizing: border-box;}
.mb4 {margin-bottom: 4px;}
.mb10 {margin-bottom: 10px;}
.tab {display: none;}
.tab.on {display: block;}
.no_list, .yes_list {display: none;}
.no_list.on, .yes_list.on {display: block;}
.btn_fixed {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding-top: 15px;}
.btn_common {width: 100%; height: 40px; background: #136CA6; color: #fff; font-size: 14px; font-weight: 600; border: 1px solid #136CA6;}
.scrollLock {overflow: hidden; width: 100%;}
.inner1200 {width: 1200px; margin: 0 auto;}
.inner500 {width: 500px; margin: 0 auto;}
.rel {position: relative;}
.ul_close {position: fixed; z-index: 11; width: 100vw; height: 100vh; top: 0; left: 0; display: none;}
.ul_close.on {display: block;}

.fw500 {font-weight: 500;}
.bold {font-weight: 600;}
.suite {font-family: 'SUITE', sans-serif;}

.page .category {font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.cate {display: inline-block; vertical-align: middle; width: 66px; padding: 5px 0; box-sizing: border-box; font-size: 12px; text-align: center; border-radius: 4px; font-weight: 500;}
.cate.blue {color: #0B3D5D; background: #CFECFF;}
.cate.purple {color: #392944; background: #ECCFFF;}
.cate.gray {color: #fff; background: #A9A9A9;}

input[type="radio"] {appearance: none; border: none; background: transparent no-repeat center center / 100% 100%;}
input[type="checkbox"] {appearance: none; border: none; background: transparent no-repeat center center / 100% 100%;}
input[type="checkbox"].auto_login {width: 14px; height: 14px; background-image: url("/web/img/ckbox.png");}
input[type="checkbox"].auto_login:checked {background-image: url("/web/img/ckbox_on.png");}
button img {width: 100%;}
.select {border: 1px solid #202020; appearance: none; background: url("/web/img/select_down.png") no-repeat center right / 28px 28px; height: 40px; padding: 0 10px; box-sizing: border-box; font-size: 14px; font-weight: 500; width: 100%;}


/* 팝업 */
.pop {width: 100vw; height: 100vh; position: fixed; z-index: 20; display: none; min-width: 1200px;}
.pop.on {display: block;}
.pop .black_bg {width: 100%; height: 100%; position: relative; background: rgba(0,0,0,0.7);}
.pop .white_bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #FFFFFF; border-radius: 12px; width: 400px; padding: 20px; box-sizing: border-box;}
.pop .white_bg .close {text-align: right;}
.pop .white_bg .close_btn {width: 40px;}
.pop .white_bg .cont {text-align: center; padding: 20px 0 60px; box-sizing: border-box;}
.pop .white_bg .cont .p_h2 {margin-bottom: 10px; font-size: 24px; font-weight: 600;}
.pop .white_bg .cont .p_txt {font-size: 16px;}
.pop .white_bg .cont .p_sub {color: #136CA6; font-size: 16px; margin-top: 20px; display: none;}
.pop .white_bg .cont .p_sub.on {display: block;}
.pop .white_bg .p_btnarea {width: 100%; font-size: 0;}
.pop .white_bg .p_btnarea .pbtn {width: 100%; font-size: 14px; font-weight: 600; background: #136CA6; height: 44px; color: #fff;}
.pop .white_bg .p_btnarea .pbtn1 {width: 100%; font-size: 14px; font-weight: 600; background: #136CA6; height: 44px; color: #fff;}
.pop .white_bg .p_btnarea .pbtns {width: calc((100% - 4px) / 2); height: 44px; font-weight: 600; font-size: 14px;}
.pop .white_bg .p_btnarea .pbtns.btn1 {border: 1px solid #202020; margin-right: 4px;}
.pop .white_bg .p_btnarea .pbtns.btn2 {border: 1px solid #136CA6; background: #136CA6; color: #fff;}


.header {position: sticky; top: 0; z-index: 15;}
.header .h_blue {background: #136CA6; padding-top: 30px; box-sizing: border-box;}
.header .h_top {margin-bottom: 10px; font-size: 0;}
.header .h_top .ht1 {width: 470px;}
.header .h_top .ht2 {width: calc(100% - 940px); text-align: center;}
.header .h_top .ht2 .logo {width: 60px; display: inline-block;}
.header .h_top .ht2 .logo img {width: 100%;}
.header .h_top .ht3 {width: 470px; text-align: right; margin-top: 10px;}
.header .h_top .ht3 .s_wrap {margin-right: 10px; position: relative;}
.header .h_top .ht3 .s_wrap .input {width: 340px; height: 30px; background: #115F92; border-radius: 30px; border: none; padding: 0 57px 0 15px; box-sizing: border-box; font-size: 12px; font-weight: 300; color: #fff;}
.header .h_top .ht3 .s_wrap .input::placeholder {color: #ABCDE3; font-size: 10px;}
.header .h_top .ht3 .s_wrap .s_btn {width: 30px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
.header .h_top .ht3 .ht3_a {position: relative; width: 28px;}
.header .h_top .ht3 .ht3_a .alarm_mark { position: absolute; width: 15px; height: 15px; background: red; border-radius: 50%; right: 0px; top: 0px; color: white;}
.header .h_bot {font-size: 0;}
.header .h_bot .nav_a {font-size: 16px; font-weight: 600; color: #fff; display: inline-block; vertical-align: middle; width: calc(100% / 7); text-align: center; padding: 10.5px 0; box-sizing: border-box; border-radius: 12px 12px 0 0;}
.header .h_bot .nav_a.on {background: #fff; color: #136CA6;}

/*서브*/
.header .h_sub {background: rgba(248, 248, 248, 0.9); position: absolute; top: 100%; left: 0; width: 100%; font-size: 0;}
.header .h_sub .h_col {width: calc(100% / 7); padding: 15px 0; box-sizing: border-box;}
.header .h_sub .sub_a {display: block; padding: 5px 0; box-sizing: border-box; font-size: 14px; font-weight: 300; text-align: center; transition: 300ms;}
.header .h_sub .sub_a:hover {color: #136CA6; font-weight: 600;}

.contents {padding: 30px 0; box-sizing: border-box; font-size: 0; display: block;}
.mp_top {font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.ct_left {width: 280px; margin-right: 20px; border-radius: 12px;}
.ct_left .cl_top {padding: 30px 20px 15px; box-sizing: border-box; background: #fff; border-radius: 12px;}
.ct_left .cl_top .my1 {margin-bottom: 10px;}
.ct_left .cl_top .my1 .circle {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; background: #ECECEC; margin: 0 auto;}
.ct_left .cl_top .my1 .circle .empty {width: 40px;}

.ct_left .cl_top .my2 {text-align: center; margin-bottom: 20px;}
.ct_left .cl_top .my2 .my2_1 {font-size: 16px; margin-bottom: 10px; font-weight: 500;}
.ct_left .cl_top .my2 .my2_2 {font-size: 14px; margin-bottom: 6px; font-weight: 300;}
.ct_left .cl_top .my2 .my2_3 {font-size: 14px; margin-bottom: 20px; color: #136CA6;}
.ct_left .cl_top .my2 .my2_4 .tk_btn {width: 120px; height: 30px; border: 1px solid #202020; box-sizing: border-box; font-size: 12px; font-weight: bold;}
.ct_left .cl_top .my2 .no_tk {font-size: 14px; margin-bottom: 20px;}

.ct_left .cl_top .my3 { margin-bottom: 20px;}
.ct_left .cl_top .my3 .gray_box {width: 100%; padding: 10px;box-sizing: border-box; background: #F8F8F8; border-radius: 8px;}
.ct_left .cl_top .my3 .gray_box .gb_title {font-size: 14px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line {font-size: 0; margin-bottom: 10px;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line:last-child {margin-bottom: 0;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left {width: calc(100% - 85px); white-space: nowrap;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .icon_area {width: 12px;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .icon_area img {width: 100%;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .text_area {font-size: 12px; font-weight: 500; padding-left: 4px; box-sizing: border-box; position: relative;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rm_wrap {position: absolute; right: 0; bottom: 0; width: 140px; text-align: center; transform: translateX(58%);}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rm_bg {width: 140px; height: 56px; background: url("/web/img/rm_bg.png") no-repeat center center / 100% 100%; padding: 11px 10px; box-sizing: border-box; font-size: 0; color: #CE1B1B; display: none;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rm_bg.on {display: block;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .mb5 {margin-bottom: 5px;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .mb5:last-child {margin-bottom: 0;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rb_left {width: 40%; font-size: 10px; font-weight: 600; text-align: left;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rb_right {width: 60%; text-align: right; font-size: 10px; font-weight: 600}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_left .rm_btn {width: 14px;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_right {width: 85px; text-align: right;}
.ct_left .cl_top .my3 .gray_box .gb_wrap .gb_line .gb_right .num_area {font-size: 12px; font-weight: 500;}

.ct_left .cl_top .my4 {width: 100%; margin-bottom: 17px;}
.ct_left .cl_top .my4 .wt_btn {width: 100%; font-size: 14px; font-weight: 500; border: 1px solid #202020; height: 44px;}
.ct_left .cl_top .my4 .wt_btn.req_ing {background: #A9A9A9; color: #fff; border-color: #A9A9A9;}

.ct_left .cl_top .my5 {font-size: 0;}
.ct_left .cl_top .my5 .my5_a {width: 50%; height: 18px; font-size: 10px; font-weight: 500; position: relative;}
.ct_left .cl_top .my5 .my5_a:first-child:after {content: ""; display: inline-block; width: 1px; height: 8px; background: #B1B1B1; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}


.ct_left .cl_top .nm1 {padding-top: 10px; box-sizing: border-box; text-align: center; margin-bottom: 30px;}
.ct_left .cl_top .nm1 .blue_logo {width: 40px; display: inline-block;}
.ct_left .cl_top .nm1 .blue_logo img {width: 100%;}

.ct_left .cl_top .nm2 {margin-bottom: 30px; text-align: center;}
.ct_left .cl_top .nm2 .nm2_1 {margin-bottom: 4px; font-size: 16px; font-weight: 600;}
.ct_left .cl_top .nm2 .nm2_2 {font-size: 12px; font-weight: 300;}

.ct_left .cl_top .nm3 {margin-bottom: 38px;}
.ct_left .cl_top .nm3 .input {width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; font-size: 12px; font-weight: 300;}
.ct_left .cl_top .nm3 .input::placeholder {color: #808080;}
.ct_left .cl_top .nm3 .auto_area {margin-top: 8px;}
.ct_left .cl_top .nm3 .auto_area .a_lab {margin-left: 4px; display: inline-block; font-size: 12px; font-weight: 500;}

.ct_left .cl_top .nm4 {margin-bottom: 37px;}
.ct_left .cl_top .nm4 .nm4_a {width: 100%; height: 44px; font-size: 14px; font-weight: 600;}
.ct_left .cl_top .nm4 .login_btn {background: #136CA6; border: 1px solid #136CA6; color: #fff; margin-bottom: 10px;}
.ct_left .cl_top .nm4 .go_join {background: #fff; border: 1px solid #202020;}

.ct_left .cl_top .nm5 {font-size: 0;}
.ct_left .cl_top .nm5 .nm5_a {width: 50%; height: 18px; font-size: 10px; font-weight: 600; position: relative;}
.ct_left .cl_top .nm5 .nm5_a:first-child:after {content: ""; display: inline-block; width: 1px; height: 8px; background: #B1B1B1; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}


.ct_left .cl_top .jh1 {font-size: 16px; border-bottom: 1px solid #E2E2E2; padding-bottom: 10px; font-weight: 500;}
.ct_left .cl_top .jh_a {font-size: 14px; font-weight: 500; padding: 16px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF; position: relative; display: block;}
.ct_left .cl_top .jh_a.on {color: #136CA6;}
.ct_left .cl_top .jh_a.on::after {content: ""; display: inline-block; width: 36px; height: 36px; background: url("/web/img/arrow_right.png") no-repeat center center / 100% 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}


.ct_left .cl_bot {padding: 30px 20px; box-sizing: border-box; background: #fff; border-radius: 12px; margin-top: 30px; }
.ct_left .cl_bot .cm_block {margin-bottom: 20px;}
.ct_left .cl_bot .cm_block:last-child {margin-bottom: 0;}
.ct_left .cl_bot .cm_block .cm_title {font-size: 0; border-bottom: 1px solid #EFEFEF; margin-bottom: 10px; padding-bottom: 10px; box-sizing: border-box;}
.ct_left .cl_bot .cm_block .cm_title .cm_left {width: calc(100% - 13px); font-size: 16px; font-weight: 500;}
.ct_left .cl_bot .cm_block .cm_title .cm_right {width: 13px;}
.ct_left .cl_bot .cm_block .cm_title .cm_right .more {width: 100%;}
.ct_left .cl_bot .cm_block .cm_title .cm_right .more img {width: 100%;}
.ct_left .cl_bot .cm_block .cm_list .cm_a {font-size: 0; margin-bottom: 9px; display: block;}
.ct_left .cl_bot .cm_block .cm_list .cm_a:last-child {margin-bottom: 0;}
.ct_left .cl_bot .cm_block .cm_list .cm_a .ca_left {width: calc(100% - 60px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-weight: 300;}
.ct_left .cl_bot .cm_block .cm_list .cm_a .ca_right {width: 60px; font-weight: 300; font-size: 10px; color: #909090; text-align: right;}

.ct_right {width: calc(100% - 300px); padding: 30px 0 60px; box-sizing: border-box; background: #fff; border-radius: 12px; overflow: hidden; min-height: 979px;}
.ct_right.mh1132 {min-height: 1132px;}


.footer {background: #707070; padding: 30px 0; box-sizing: border-box;}
.footer .inner1200 {font-size: 0;}
.footer .f_left {width: calc(100% / 3); text-align: left; font-size: 24px; font-weight: 600; color: #B2B2B2;}
.footer .f_cen {width: calc(100% / 3); text-align: center;}
.footer .f_cen .f_logo {width: 60px; display: inline-block; margin-bottom: 20px;}
.footer .f_cen .f_logo img {width: 100%;}
.footer .f_cen .copy img {width: 10px;}
.footer .f_cen .copy .c_txt {color: #B2B2B2; font-size: 10px; font-weight: 500; margin-left: 2px;}
.footer .f_right {width: calc(100% / 3); text-align: right;}
.footer .f_right .fr_block {width: 190px;}
.footer .f_right .fr_block .fr_top {font-size: 16px; font-weight: 600; color: #B2B2B2; margin-bottom: 10px;}
.footer .f_right .fr_block .fr_bot {font-size: 24px; font-weight: 600; color: #B2B2B2;}



/* 회원가입 */
.form .j_h2 {margin-bottom: 20px; font-size: 16px; font-weight: 500;}
.form .j_block_wrap {margin-bottom: 60px;}
.form .j_block {margin-bottom: 20px;}
.form .j_block:last-child {margin-bottom: 0;}
.form .j_block .j_lab {display: block; margin-bottom: 10px; font-size: 14px; font-weight: 500;}
.form .j_block .input_wrap .i_wrap {margin-bottom: 10px; font-size: 0;}
.form .j_block .input_wrap .i_wrap:last-child {margin-bottom: 0;}
.form .j_block .input_wrap .i_wrap .input {width: 100%; height: 40px; border: 1px solid #202020; font-size: 14px; font-weight: 500; padding: 0 15px; box-sizing: border-box;}
.form .j_block .input_wrap .i_wrap .input::placeholder {font-size: 12px; color: #808080;}
.form .j_block .input_wrap .i_wrap .input.gray {background: #ECECEC;}
.form .j_block .input_wrap .i_wrap .input.wid407 {width: calc(100% - 93px);}
.form .j_block .input_wrap .i_wrap .f_btn {width: 85px; height: 40px; background: #261500; font-size: 14px; font-weight: 300; color: #fff; margin-left: 8px;}
.form .j_block .input_wrap .j_sub {margin-top: 10px; font-size: 12px; font-weight: 500; color: #136CA6;}
/*공통*/
.eye_btn {position: absolute; width: 38px; height: 38px; right: 5px; top: 50%; transform: translateY(-50%);}
.eye_btn img {display: none;}
.eye_btn img.on {display: block;}
/*공통*/
.f_btnarea {font-size: 0; text-align: center;}
.f_btnarea .f_btns {width: 163px; height: 44px; font-size: 14px; font-weight: 600;}
.f_btnarea .btn1 {border: 1px solid #202020; background: #fff; margin-right: 4px;}
.f_btnarea .btn2 {border: 1px solid #202020; color: #fff; background: #136CA6; border: 1px solid #136CA6;}

.find_txt {font-size: 16px; font-weight: 600; padding: 90px 0 120px; box-sizing: border-box; text-align: center;}


/* 배너 */
.banner {margin: 0 0 30px; width: 100%;}
.banner .ban_wrap {width: 100%; height: 156px; overflow: hidden; border-radius: 8px; background: #F0F0F0; position: relative;}
.banner .ban_wrap .ban_ul {height: 100%;}
.banner .ban_wrap .ban_li {height: 100%; font-size: 16px;}
.banner .swiper-pagination {position: absolute; top: 4px; right: 4px; background: rgba(0,0,0,0.3); border-radius: 10px; width: 28px; height: 14px; color: #fff; z-index: 4; text-align: center; margin-left: auto; font-size: 8px; padding: 2px 0; box-sizing: border-box; font-weight: 300; font-family: 'SUITE', sans-serif;}


/* 메인 */
.fs0 {font-size: 0;}
.pd20 {padding: 0 20px; box-sizing: border-box;}
.page {font-size: 16px;}
.page_title {margin-bottom: 10px; width: calc(100% - 260px);}
.page_title .h2 {font-size: 16px; font-weight: 500; margin-bottom: 2px;}
.page_title .h2_sub {font-size: 12px; font-weight: 300; color: #606060;}
.pt_right {width: 260px; text-align: right;}
.sort_area .sort {width: 53px; height: 20px; font-size: 12px; color: #909090; font-weight: 300; position: relative;}
.sort_area .sort.on {color: #404040; font-weight: 500;}
.sort_area .sort::after {content: ""; display: inline-block; width: 1px; height: 6px; background: #D2D2D2; vertical-align: middle; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sort_area .sort:last-child:after {display: none;}
.refresh {width: 35px;}

.bc_wrap {margin-bottom: 56px; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 12;}
.bc_wrap .bc_box {border-radius: 12px; overflow: hidden; display: block; position: relative; display: inline-block; vertical-align: middle;}
.block {display: block;}
.bc_wrap .bc_box .img_area {width: 100%; height: 186px; overflow: hidden; position: relative;}

/*슬라이드 버튼*/
.bc_wrap .swiper-pagination {bottom: auto!important; top: 104%!important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 1.5px!important; background: #ACC1CF; opacity: 1!important; width: 6px; height: 6px;}
.swiper-pagination-bullet-active {width: 26px!important; border-radius: 10px!important; background: #136CA6!important;}
/*슬라이드 버튼*/


/* 공통 */
.top_wrap {position: absolute; top: 5px; left: 5px;}
.thumb .top {padding: 3px 5px; box-sizing: border-box; font-size: 10px; color: #fff; font-weight: 500; border-radius: 10px; background: rgba(0,0,0,0.5);}
.thumb .top img {width: 10px;}
.thumb .top2 {background: #FF4040;}
.tag_wrap .tag {font-size: 12px; font-weight: 500; background: #F0F0F0; color: #909090; box-sizing: border-box; border-radius: 10px; margin-right: 10px; padding: 7px 10px; border-radius: 15px; margin-bottom: 5px;}
.tag_wrap .tag:last-child {margin-right: 0;}
/* 공통 */

/*프로필*/
.profile {width: 30px;}
.profile .block {width: 100%; height: 30px; border-radius: 50%; overflow: hidden;}

.profile2 {width: 16px;}
.profile2 .block {width: 100%; height: 16px; border-radius: 50%; overflow: hidden;}

.profile3 {width: 40px;}
.profile3 .block {width: 100%; height: 40px; border-radius: 50%; overflow: hidden;}
/*프로필*/

.bc_wrap .bc_box .bcinfo_area {padding: 0 0 15px 15px; box-sizing: border-box; font-size: 0; background: #fff;}
.bc_wrap .bc_box .bcinfo_area .bi_top {margin-bottom: 15px;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info {width: calc(100% - 62px); padding: 10px 10px 0; box-sizing: border-box;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info .in_top {margin-bottom: 2px;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info .in_top .n1 {font-size: 12px; font-weight: 600; margin-right: 4px;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info .in_top .n2 {font-size: 10px; font-weight: 500; margin-right: 10px;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info .time {font-size: 10px; font-weight: 300;}
.bc_wrap .bc_box .bcinfo_area .bi_top .bc_info .title {font-size: 12px; font-weight: 500;}
.bc_wrap .bc_box .bcinfo_area .act {width: 32px; position: relative;}
.bc_wrap .bc_box .bcinfo_area .act .act_btn {width: 100%;}

/* 공통 */
.act_ul {position: absolute; border: 1px solid #202020; display: none; z-index: 12; width: 80px; right: 0; top: 0;}
.act_ul.on {display: block;}
.act_ul .act_li {border-bottom: 1px solid #202020; padding: 10px 15px; cursor: pointer; background: #fff; box-sizing: border-box; width: 100%;}
.act_ul .act_li img {width: 20px;}
.act_ul .act_li .txt {font-size: 14px; font-weight: 500; margin-left: 4px;}
.act_ul .act_li:last-child {border-bottom: 0;}
/* 공통 */

.live_list {margin-bottom: 30px;}
.live_list .g_list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; border-top: 1px solid #E2E2E2; box-sizing: border-box;}
.live_list .g_list .g_box {width: calc(50% - 10px); padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF; font-size: 0; padding-top: 8px;}
.live_list .g_list .g_box .img_area {width: 100px; height: 60px; border-radius: 4px; overflow: hidden; position: relative;}
.live_list .g_list .g_box .img_area .top2 {position: absolute; right: 4px; bottom: 4px;}
.live_list .g_list .g_box .info_area {padding-left: 15px; width: calc(100% - 100px); box-sizing: border-box;}
.live_list .g_list .g_box .info_area .ia {width: calc(100% - 30px); padding: 10px 0 0 0; box-sizing: border-box;}
.live_list .g_list .g_box .info_area .title {font-size: 12px; font-weight: 500; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.live_list .g_list .g_box .info_area .ia2 {margin-bottom: 10px;}
.live_list .g_list .g_box .info_area .ia2 img {width: 14px; margin-right: 4px;}
.live_list .g_list .g_box .info_area .ia2 .n1 {color: #606060; font-size: 12px; font-weight: 300; margin-right: 4px;}
.live_list .g_list .g_box .info_area .ia2 .n2 {color: #606060; font-size: 10px; font-weight: 500; font-family: 'SUITE', sans-serif;}
.live_list .g_list .g_box .act_area {width: 30px; position: relative;}
.live_list .g_list .g_box .act_area .act_btn {width: 100%;}
.live_list .g_more {width: 100%;}
.live_list .g_more .g_more_btn {width: 100%; height: 36px; border: 1px solid #E2E2E2; box-sizing: border-box; font-size: 10px; font-weight: 500; color: #606060;}

/*공통*/
.gray_det_common {font-size: 0;}
.gray_det_common .gc_left {width: 70%;}
.gray_det_common .gc_left .gc_wrap {margin-right: 10px;}
.gray_det_common .gc_left .gc_wrap:last-child {margin-right: 0;}
.gray_det_common .gc_left .gc_wrap img {width: 8px; margin-right: 2px;}
.gray_det_common .gc_left .gc_wrap .vt_mid {font-size: 10px; color: #808080; font-weight: 500;}
.gray_det_common .gc_right {width: 30%; text-align: right; font-size: 10px; color: #808080;}
.gray_det_common .gc_left .gc_wrap.nick {text-align: right; width: 37%;}
/*공통*/

.cont .col_wrap {font-size: 0; margin-bottom: 20px;}
.cont .col_wrap .column {margin-right: 20px; width: 100%;}
.cont .col_wrap .column:last-child {margin-right: 0;}

.vod_list .g_list {margin-bottom: 20px; font-size: 0;}
.vod_list .g_list .g_box {width: calc((100% - 30px) / 4); display: inline-block; vertical-align: top; margin-right: 10px;}
.vod_list .g_list .g_box:last-child {margin-right: 0;}
.vod_list .g_list .g_box .img_area {width: 100%; height: 140px; overflow: hidden; }
.vod_list .g_list .g_box .info_area .ia {width: calc(100% - 30px); padding: 10px 0 0 0; box-sizing: border-box;}
.vod_list .g_list .g_box .info_area .ia_top {font-size: 0;}
.vod_list .g_list .g_box .info_area .title {font-size: 12px; font-weight: 500; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.vod_list .g_list .g_box .info_area .ia2 {margin-bottom: 10px;}
.vod_list .g_list .g_box .info_area .ia2 img {width: 14px; margin-right: 4px;}
.vod_list .g_list .g_box .info_area .ia2 .n1 {color: #606060; font-size: 12px; font-weight: 300; margin-right: 4px;}
.vod_list .g_list .g_box .info_area .ia2 .n2 {color: #606060; font-size: 10px; font-weight: 500; font-family: 'SUITE', sans-serif;}
.vod_list .g_list .g_box .act_area {width: 30px; position: relative;}
.vod_list .g_list .g_box .act_area .act_btn {width: 100%;}
.vod_list .g_more {width: 100%;}
.vod_list .g_more .g_more_btn {width: 100%; height: 36px; border: 1px solid #E2E2E2; box-sizing: border-box; font-size: 10px; font-weight: 500; color: #606060;}


/* 스트리밍 nav1.php */
.st_list {font-size: 0; margin-bottom: 10px;}
.st_list .stbox {width: calc((100% - 36px) / 4); /* border-radius: 12px;*/ overflow: hidden; margin-right: 12px; margin-bottom: 10px;}
.st_list .stbox:nth-child(4n) {margin-right: 0;}
.st_list .st_area {position: relative; height: 140px; overflow: hidden;}
.st_list .top_wrap {top: auto; bottom: 5px;}
.st_list .if_area {padding: 10px; box-sizing: border-box; background: #fff;}
.st_list .if_area .if_top {margin-bottom: 10px;}
.st_list .if_area .if_top .info {width: calc(100% - 30px); padding-left: 10px; box-sizing: border-box;}
.st_list .if_area .if_top .info .in_top {margin-bottom: 2px;}
.st_list .if_area .if_top .info .in_top .nick {font-size: 12px; font-weight: 600; margin-right: 4px;}
.st_list .if_area .if_top .info .in_top .suite {font-size: 10px; font-weight: 500;} 
.st_list .if_area .if_top .info .in_bot {font-size: 12px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.st_list .if_area .if_bot {font-size: 10px; font-weight: 300; text-align: right;}


/* 스트리밍 - 실시간 채팅 */
#strm_live, #strm_form {font-size: 0; margin-top: -30px;}
#strm_live .live_list {margin: 0;}
.strm_live {margin-bottom: 30px;}
.page .video_area {position: relative;}
.page .video_area .strm_end {position: absolute; width: 100%; height: 100%; background: #000000; top: 0; left: 0; display: none;}
.page .video_area .strm_end .end_txt {font-size: 24px; font-weight: 600; color: #fff;}
.page .video_area .strm_end.on {display: block;}
.page .video_area.with_chat {width: 620px; height: 350px; border-radius: 12px 12px 0 0; overflow: hidden;}
.page .ch_area {width: calc(100% - 620px); height: 350px; background: #fff; padding: 0 10px; box-sizing: border-box; display: none;}
.page .ch_area.on {display: inline-block;}
.page .ch_area .ch_title {padding: 11px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF;}
.page .ch_area .ch_title .ch_left {width: calc(100% - 30px);}
.page .ch_area .ch_title .ch_left img {width: 16px;}
.page .ch_area .ch_title .ch_left .vt_mid {font-size: 14px; margin-left: 4px;}
.page .ch_area .ch_title .ch_right {width: 30px;}
.page .ch_area .ch_con {border-bottom: 1px solid #EFEFEF; margin-bottom: 10px;}
.page .ch_area .ch_con {height: 257px; overflow-y: scroll;}
.page .ch_area .ch_con .chat {padding: 3px 0; box-sizing: border-box; position: relative; overflow-wrap: break-word;}
.page .ch_area .ch_con .chat.on {background: #F5F5F5;}
.page .ch_area .ch_con .chat .cc_left {max-width: 75px; white-space: nowrap;}
.page .ch_area .ch_con .chat .cc_left .nick {font-size: 10px; font-weight: 500; margin-left: 4px;}
.page .ch_area .ch_con .chat .cc_right {font-size: 10px; font-weight: 300; max-width: calc(100% - 75px); padding-left: 10px; box-sizing: border-box; margin-top: 3px;}
#strm_live .input_area {position: relative;}
#strm_live .input_area .input {width: 100%; border-radius: 15px; border: 1px solid #202020; padding: 0 15px; font-size: 10px; font-weight: 300; height: 30px;}
#strm_live .input_area .input::placeholder {color: #808080;}
#strm_live .input_area .send_btn {position: absolute; padding: 0 15px; top: 50%; transform: translateY(-50%); font-size: 10px; font-weight: 500; height: 100%; box-sizing: border-box; right: 0;}

.strm_info {margin-bottom: 30px; font-size: 0;}
.strm_info .strm_i1 {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.strm_info .strm_i2 {margin-bottom: 20px;}
.strm_info .strm_i2 .si_left {width: 70%;}
.strm_info .strm_i2 .top_wrap {position: inherit;}
.strm_info .strm_i2 .top_wrap .top {margin-right: 10px;}
.strm_info .strm_i2 .top_wrap .top:last-child {margin-right: 0;}
.strm_info .strm_i2 .si_right {width: 30%; text-align: right; font-size: 12px; font-weight: 300; color: #808080;}
.strm_info .strm_i4 {margin-top: 20px;}
.strm_info .strm_i4 .si4_left {width: 50%;}
.strm_info .strm_i4 .si4_left .strm_pro {width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.strm_info .strm_i4 .si4_left .if .name {margin-left: 10px; font-size: 18px; font-weight: 500;}
.strm_info .strm_i4 .si4_left .if .num {margin-left: 10px; font-size: 14px; font-weight: 500;}
.strm_info .strm_i4 .si4_right {width: 50%; text-align: right; position: relative;}

/* 추천,구독,더보기 */
.recommend {width: 144px; padding: 19px 0; box-sizing: border-box; border: 1px solid #202020; font-size: 14px; font-weight: 600; text-align: center; height: 60px; margin-right: 10px;}
.recommend::before {content: ""; display: inline-block; width: 18px; height: 18px; background: url("/web/img/icon_bm.png") no-repeat center center / 100% 100%; vertical-align: middle; margin-right: 11px;}
.recommend.on {background: #202020; color: #fff;}
.recommend.on::before {background-image: url("/web/img/icon_bm_on.png");}

.subscription {font-size: 14px; color: #136CA6; border: 1px solid #136CA6; padding: 21px 0; box-sizing: border-box; width: 100px; text-align: center; height: 60px;}
.subscription.on {background: #136CA6; color: #fff;}

.strm_act {width: 60px; margin-left: 10px;}
/* 즐겨찾기,구독,더보기 */


/* 컨텐츠 신고 확인 팝업 */
.rp_pop .white_bg .cont {padding-bottom: 30px;}
.rp_pop .rp_con {margin-top: 20px;}
.rp_pop .rp_con .rp_cate {width: 100%; margin-bottom: 10px;}
.rp_pop .rp_con .rp_textarea {width: 100%; height: 140px; padding: 10px; box-sizing: border-box; border: 1px solid #202020; box-sizing: border-box; font-size: 12px;}
.rp_pop .rp_con .rp_textarea::placeholder {color: #808080;}
/* 사용자 신고 확인 팝업 */
.rp_pop2 .white_bg .cont {padding-bottom: 30px;}
.rp_pop2 .rp_con {margin-top: 20px;}
.rp_pop2 .rp_con .rp_cate {width: 100%; margin-bottom: 10px;}
.rp_pop2 .rp_con .rp_textarea {width: 100%; height: 140px; padding: 10px; box-sizing: border-box; border: 1px solid #202020; box-sizing: border-box; font-size: 12px;}
.rp_pop2 .rp_con .rp_textarea::placeholder {color: #808080;}


/* 방송 수정 */
.strm_live .thumb_area {width: 100%; height: 510px; overflow: hidden;}
.strm_live .thumb_area .file {display: none;}
.strm_live .thumb_area .th_lab {display: block; width: 100%; height: 100%;}

.ct_form .f_block_wrap {margin-bottom: 60px;}
.ct_form .f_block_wrap .f_block {margin-bottom: 30px;}
.ct_form .f_block_wrap .f_block:last-child {margin-bottom: 0;}
.ct_form .f_block_wrap .f_block .f_lab {display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600;}
.ct_form .f_block_wrap .f_block .i_wrap {font-size: 0; width: 100%; margin-bottom: 10px;}
.ct_form .f_block_wrap .f_block .i_wrap:last-child {font-size: 0; width: 100%; margin-bottom: 0;}
.ct_form .f_block_wrap .f_block .i_wrap.mt22 {margin-top: 22px;}
.ct_form .f_block_wrap .f_block .i_wrap .input {width: 100%; height: 40px; padding: 0 15px; font-size: 14px; font-weight: 300; border: 1px solid #202020; box-sizing: border-box;}
.ct_form .f_block_wrap .f_block .i_wrap .input::placeholder {color: #808080; font-size: 12px;}
.ct_form .f_block_wrap .f_block .i_wrap .tag_wrap .tag_del {padding-left: 8px; box-sizing: border-box; width: 20px; vertical-align: middle;}
.ct_form .f_block_wrap .f_block .i_wrap .input2 {width: calc(100% - 93px); height: 40px; padding: 0 15px; font-size: 14px; font-weight: 300; border: 1px solid #202020; box-sizing: border-box;}
.ct_form .f_block_wrap .f_block .i_wrap .input2::placeholder {color: #808080; font-size: 12px;}
.ct_form .f_block_wrap .f_block .i_wrap .f_btn {width: 85px; height: 40px; font-size: 14px; color: #fff; background: #261500; font-weight: 300; margin-left: 8px;}
.ct_form .f_block .i_wrap .use_wrap {font-size: 0;}
.ct_form .f_block .i_wrap .use_wrap .u_left {width: 60%;}
.ct_form .f_block .i_wrap .use_wrap .u_left .fs14 {font-size: 14px; margin-right: 4px;}
.ct_form .f_block .i_wrap .use_wrap .u_left .fs12 {font-size: 12px;}
.ct_form .f_block .i_wrap .use_wrap .u_right {width: 40%; text-align: right;}
.ct_form .f_block .i_wrap .use_wrap .u_right .wrap {margin-right: 40px;}
.ct_form .f_block .i_wrap .use_wrap .u_right .wrap:last-child {margin-right: 0;}
.ct_form .f_block .i_wrap .use_wrap .u_right .wrap .radio {appearance: auto; width: 14px; height: 14px;}
.ct_form .f_block .i_wrap .use_wrap .u_right .wrap .u_lab {font-size: 14px; margin-left: 8px;}

.ct_form .f_block .i_wrap .textarea {width: 100%; height: 200px; padding: 15px; box-sizing: border-box; font-size: 14px; border: 1px solid #202020;}
.ct_form .f_block .i_wrap .textarea::placeholder {font-size: 12px; color: #808080;}

/* 스트리머 */
.strmer_list {margin-bottom: 30px;}
.strmer_list .mer_wrap {padding: 0 20px; box-sizing: border-box;}
.strmer_list .mer_wrap .mer_li {display: inline-block; width: 120px; text-align: center;}
.strmer_list .mer_wrap .mer_li .circle {width: 100%; height: 120px; border-radius: 50%; overflow: hidden; margin-bottom: 10px; border: 1px solid #F5F5F5;}
.strmer_list .mer_wrap .mer_li .onair {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #FF0000; border-radius: 10px; font-size: 12px; font-weight: 600; color: #fff; padding: 1px 7px; box-sizing: border-box; display: none;}
.strmer_list .mer_wrap .mer_li .onair.on {display: block;}
.strmer_list .mer_wrap .mer_li .st_txt .nick {margin-right: -2px; font-size: 12px; font-weight: 600;}
.strmer_list .mer_wrap .mer_li .st_txt .num {font-size: 12px; font-weight: 600;}

/* 검색결과 */
.search_rt .no_list {text-align: center; padding: 130px 0; box-sizing: border-box;}
.search_rt .no_txt1 {margin-bottom: 2px; font-size: 16px; font-weight: 600;}
.search_rt .no_txt2 {font-size: 12px; font-weight: 300;}
/* 검색결과 */

.v_cont {margin-bottom: 30px;}
.v_cont .s_profile {width: 148px; position: relative;}
.v_cont .s_profile .circle {width: 100%; height: 148px; border-radius: 50%; overflow: hidden;}
.v_cont .s_profile .onair {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #FF0000; border-radius: 10px; font-size: 12px; font-weight: 600; color: #fff; padding: 1px 7px; box-sizing: border-box; display: none;}
.v_cont .s_profile .onair.on {display: block;}
.v_cont .i_profile {width: calc(100% - 148px); padding-left: 20px; box-sizing: border-box;}
.v_cont .i_profile .ip1 {margin-bottom: 10px;}
.v_cont .i_profile .ip1 .nick {font-size: 16px; font-weight: 600; margin-right: 4px;}
.v_cont .i_profile .ip1 .num {font-size: 12px; font-weight: 300;}
.v_cont .i_profile .ip2 {margin-bottom: 20px; font-size: 16px; font-weight: 300;}
.v_cont .i_profile .ip3 {text-align: right;}
.v_cont .live_area {width: 100%; height: 488px; border-radius: 12px 12px 0 0; overflow: hidden;}


/* 스트리밍 - VOD */
#strm_vod {font-size: 0; margin-top: -30px;}
#strm_vod .video_area {width: 100%; height: 510px; overflow: hidden;}
.page .video_area .play_bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; display: none;}
.page .video_area .play_bg.on {display: block;}
.page .video_area .play_bg .play_btns {width: 150px;}
.page .video_area .play_bg .play_btns.play {margin: 0 100px;}


/* 컨텐츠 업로드 */
.ct_form .f_block_wrap .f_block .i_wrap .file {display: none;}
.ct_form .f_block_wrap .f_block .i_wrap .input2.gray {background: #ECECEC;}
.ct_form .f_block_wrap .f_block .thumb_area {width: 100%; height: 280px; background: #F5F5F5; margin: -20px 0 -10px; overflow: hidden; position: relative;}
.ct_form .f_block_wrap .f_block .thumb_area .empty {width: 60px;}
.ct_form .f_block_wrap .f_block .upload_bg {width: 100%; height: 100%; background: #F5F5F5; position: absolute; top: 0; left: 0; display: none;}
.ct_form .f_block_wrap .f_block .upload_bg.on {display: block;}
.ct_form .f_block_wrap .f_block .upload_bg .up1 {margin-bottom: 10px; font-size: 24px; font-weight: 600;}
.ct_form .f_block_wrap .f_block .upload_bg .up2 {margin-bottom: 30px; font-size: 16px; font-weight: 600;}
.ct_form .f_block_wrap .f_block .upload_bg .bar {position: relative; overflow: hidden; border-radius: 10px;}
.ct_form .f_block_wrap .f_block .upload_bg .bar .back_bar {width: 360px; height: 10px; background: #F8F8F8; border: 1px solid #F0F0F0;}
.ct_form .f_block_wrap .f_block .upload_bg .bar .color_bar {background: #136CA6; width: 0%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 10px;}


/* 댓글 */
.comm {margin: 30px 0 20px;}
.comm .gray_box {margin-bottom: 15px; padding: 20px; box-sizing: border-box; border-radius: 12px; background: #F8F8F8;}
.comm .gray_box .input_area {width: calc(100% - 40px); padding-left: 10px; box-sizing: border-box; position: relative;}
.comm .gray_box .input_area .input {width: 100%; height: 40px; padding: 12px 20px; box-sizing: border-box; border: 1px solid #202020; font-size: 14px; border-radius: 20px;}
.comm .gray_box .input_area .input::placeholder {color: #808080;}
.comm .gray_box .input_area .send_btn {font-size: 14px; font-weight: 500; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 65px; height: 40px;}
.comm .gray_box .input_area .input.rp {padding-left: 90px; box-sizing: border-box;}
.comm .gray_box .input_area .abs {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); display: none;}
.comm .gray_box .input_area .abs.on {display: inline-block;}
.comm .gray_box .input_area .n_tag {font-size: 14px; color: #136CA6;}
.comm .gray_box .input_area .tag_x {width: 10px;}

.comm .tit1 {font-size: 16px; font-weight: 500; margin-right: 4px;}
.comm .tit2 {font-size: 12px; font-weight: 500;}

.cm_list .cm_block {padding: 5px 0; box-sizing: border-box; margin-bottom: 5px;}
.cm_list .cm_block .cm_line {margin-bottom: 5px;}
.cm_list .cm_block .rp_wrap {padding-left: 50px; box-sizing: border-box; display: none;}
.cm_list .cm_block .rp_wrap.on {display: block;}
.cm_list .cm_block .cm {width: calc(100% - 40px); padding-left: 10px; box-sizing: border-box;}
.cm_list .cm_block .cm1 {margin-bottom: 4px;}
.cm_list .cm_block .cm1 .nick {margin-right: 10px; font-size: 14px; font-weight: 500;}
.cm_list .cm_block .cm1 .time {font-size: 10px; font-weight: 300;}
.cm_list .cm_block .cm2 {margin-bottom: 6px; font-size: 14px;}
.cm_list .cm_block .cm2 .n_tag {margin-right: 2px; font-size: 14px; color: #136CA6;}
.cm_list .cm_block .cm3 {margin-bottom: 6px;}
.cm_list .cm_block .cm3_btns {width: 40px; font-size: 11px; font-weight: 300; color: #606060; text-align: left;}
.cm_list .cm_block .cm4 {font-size: 14px; cursor: pointer;}
.cm_list .cm_block .cm4::before {content: ""; display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url("/web/img/cm_down.png") no-repeat center center / 100% 100%;}
.cm_list .cm_block .cm4.on::before {background-image: url("/web/img/cm_up.png");}
.cm_list .cm_block .cm4 img {width: 12px;}
.cm_list .cm_block .cm4 span {margin-left: 2px;}
.cm_list .cm_block .cm4 span.suite {margin-left: 4px;}

/* 페이지번호 */
.pagination {text-align: center; margin-top: 10px;}
.pagination .p_btns {width: 30px;}
.pagination .page {width: 30px; padding: 7.5px 0; font-size: 12px; font-family: 'SUITE', sans-serif; display: inline-block; vertical-align: middle; color: #261500;}
.pagination .page.on {color: #136CA6; font-weight: bold;}
/* 페이지번호 */


/* 게시판 (제휴업체) */
.b_list_wrap {border-top: 1px solid #E2E2E2; box-sizing: border-box;}
.b_list {padding: 20px 0; border-bottom: 1px solid #EFEFEF; box-sizing: border-box; display: block;}
.b_list .b_num {font-size: 12px; font-weight: 300; width: 80px; text-align: center;}
.b_list .b_img {width: 150px;}
.b_list .b_img .square {width: 150px; height: 150px; background: #F5F5F5; border: 1px solid #DBDBDB; box-sizing: border-box;}
.b_list .b_img .square .empty {width: 70px;}
#nav3 .b_txt {width: calc(100% - 230px);}
.b_list .b_txt {padding-left: 20px; box-sizing: border-box; width: calc(100% - 80px);}
.b_list .b_txt .bt_top {margin-bottom: 10px;}
.b_list .b_txt .bt_top .bt_left {width: 70%;}
.b_list .b_txt .bt_top .bt_right {font-size: 12px; font-weight: 300; width: 30%; text-align: right;}
.b_list .b_txt .bt_cen {margin-bottom: 20px; font-size: 14px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

/*공통*/
.gray_det_common2 {font-size: 0;}
.gray_det_common2 .gc_left {width: 70%;}
.gray_det_common2 .gc_left .gc_wrap {margin-right: 10px;}
.gray_det_common2 .gc_left .gc_wrap:last-child {margin-right: 0;}
.gray_det_common2 .gc_left .gc_wrap img {width: 13px; margin-right: 4px;}
.gray_det_common2 .gc_left .gc_wrap .vt_mid {font-size: 12px; color: #808080; font-weight: 500;}
.gray_det_common2 .gc_right {width: 30%; text-align: right; font-size: 12px; color: #808080;}
.gray_det_common2 .gc_right .nick {margin-right: 20px; font-size: 12px; font-weight: 300; color: #202020;}
/*공통*/

.board_sub .title_area {padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #E2E2E2;}
.board_sub .t1 {margin-bottom: 10px;}
.board_sub .t2 {margin-bottom: 10px; font-size: 14px; font-weight: 500;}

.board_sub .cont_area {padding: 20px 0 0; box-sizing: border-box;}
.board_sub .cont_area .img_area {margin-bottom: 20px; text-align: center;}
.board_sub .cont_area .text_area {font-size: 14px; font-weight: 300;}

#nav4 .b_list .b_txt .bt_cen,
#nav5 .b_list .b_txt .bt_cen {white-space: nowrap; display: block;}
.board_sub .cont_area .btn_area {margin-top: 30px; text-align: center;}
.board_sub .cont_area .btn_area .b_wrap {display: none;}
.board_sub .cont_area .btn_area .b_wrap.on {display: block;}
.board_sub .cont_area .btn_area .sub_btns {width: 50px; height: 50px; border-radius: 50%; border: 1px solid #136CA6; box-sizing: border-box; margin-right: 10px;}
.board_sub .cont_area .btn_area .sub_btns:last-child {margin-right: 0;}
.board_sub .cont_area .btn_area .sub_btns img {width: 20px; display: none;}
.board_sub .cont_area .btn_area .sub_btns img.on {display: block;}
.board_sub .cont_area .btn_area .sub_btns .txt {font-size: 12px; color: #136CA6; margin-top: 2px; text-align: center; font-weight: 500;}
.board_sub .cont_area .btn_area .sb3.on {background: #136CA6;}
.board_sub .cont_area .btn_area .sb3.on .txt {color: #fff;}

.board_sub .cont_area .btn_area .my_btns {font-size: 14px; font-weight: 600; width: 108px; height: 40px; background: #fff; border: 1px solid #202020; margin-right: 4px;}
.board_sub .cont_area .btn_area .my_btns:last-child {margin-right: 0;}


/* 커뮤니티 글쓰기 */
#nav4 .post_area {text-align: right; margin-bottom: 10px; width: 100%; margin-top: 10px;}
#nav4 .post_area .post_btn {width: 64px; height: 30px; font-size: 12px; font-weight: 500; border: 1px solid #666666; color: #666666;}


/* 상점 */
.blue_bg {background: #F6FCFF; border-radius: 8px; padding: 20px; box-sizing: border-box; text-align: center; margin-bottom: 20px;}
.blue_bg .b_top {margin-bottom: 20px;}
.blue_bg .b_h2 {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.blue_bg .b2 {font-size: 14px; margin-bottom: 4px;}
.blue_bg .b3 {font-size: 14px; color: #136CA6;}
.blue_bg .b_bot {font-size: 0;}
.blue_bg .b_bot .box {width: 20%;}
.blue_bg .b_bot .box .icon_area {text-align: center; margin-bottom: 10px;}
.blue_bg .b_bot .box .icon_area img {width: 30px;}
.blue_bg .b_bot .box .text_area {margin-bottom: 10px; font-size: 14px; font-weight: 500;}
.blue_bg .b_bot .box .num_area {font-size: 14px; font-weight: 600;}

.item_wrap {margin-bottom: 30px;}
.item_wrap .item_block {margin-bottom: 20px;}
.item_wrap .item_block:last-child {margin-bottom: 0;}
.item_wrap .item_block .i_title {margin-bottom: 10px;}
.item_wrap .item_block .i_title .bold {margin-right: 6px; font-size: 16px;}
.item_wrap .item_block .i_title .lig {font-size: 12px; color: #808080;}
.item_wrap .item_block .i_box {width: calc((100% - 10px) / 2); border: 1px solid #E2E2E2; box-sizing: border-box; padding: 45px 20px; margin-right: 10px;}
.item_wrap .item_block .i_box:last-child {margin-right: 0;}
.item_wrap .item_block .i_box .ib_left {width: calc(100% - 190px); text-align: center;}
.item_wrap .item_block .i_box .ib_left img {width: 100px;}
.item_wrap .item_block .i_box .ib_left .txt {font-size: 16px; font-weight: 500;}
.item_wrap .item_block .i_box .ib_right {width: 190px;}
.item_wrap .item_block .i_box .ib_right .btn_area {margin-top: 10px;}

.item_wrap .item_block .bt {border-top: 1px solid #E2E2E2; box-sizing: border-box;}
.item_wrap .item_block .item_line {padding: 20px 20px 20px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF;}
.item_wrap .item_block .il_left {width: calc(100% - 400px); font-size: 14px; font-weight: 600;}
.item_wrap .item_block .il_left img {width: 16px; margin-right: 4px;}
.item_wrap .item_block .il_right {width: 400px; text-align: right;}
.item_wrap .item_block .il_right .select {width: 190px;}
.item_wrap .item_block .il_right .btn_right {width: 190px; margin-left: 10px;}

.st_info .gray_bg {background: #F5F5F5; padding: 20px; box-sizing: border-box; border-radius: 8px; margin-bottom: 20px;}
.st_info .gray_bg:last-child {margin-bottom: 0;}
.st_info .gray_bg .si_top {font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.st_info .gray_bg .si_bot .mb9 {margin-bottom: 9px; font-size: 0;}
.st_info .gray_bg .si_bot .mb9:last-child {margin-bottom: 0;}
.st_info .gray_bg .si_bot .mb9 .star {width: 10px; font-size: 10px; margin-top: 2px;}
.st_info .gray_bg .si_bot .mb9 .i_txt {width: calc(100% - 10px); font-size: 12px; font-weight: 300;}

#pay .item_wrap .item_block .item_line {padding-right: 0;}
#pay .item_wrap .item_block .il_right {width: 283px;}
#pay .item_wrap .item_block .il_right .number {font-size: 14px;}
#pay .item_wrap .item_block .il_right .number .suite {font-weight: 600;}
#pay .item_wrap .item_block .il_right .btn_right {width: 140px; margin-left: 20px;}
#pay .item_wrap .item_block .il_right .btn_right.wid120 {width: 120px; margin-left: 0;}
#pay .item_wrap .item_block .il_left {width: calc(100% - 283px);}
#pay .pay_wrap {margin-bottom: 30px;}
#pay .pay_wrap .p_title {font-size: 16px; margin-bottom: 10px;}
#pay .st_info {margin-bottom: 60px;}
#pay .item_wrap .item_block .il_right .btn_right .price {font-size: 14px; color: #136CA6;}

.paypop .white_bg {width: 520px;}
.paypop .white_bg .cont {padding-bottom: 20px;}
.paypop .gb_wrap {margin-top: 30px;}
.paypop .gb_wrap .gray_bg2 {background: #F8F8F8; border-radius: 8px; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}
.paypop .gb_wrap .gray_bg2 .gb_line {margin-bottom: 13px; font-size: 0;}
.paypop .gb_wrap .gray_bg2 .gb_line:last-child {margin-bottom: 0;}
.paypop .gb_wrap .gray_bg2 .gb_line .gl_left {font-size: 14px; font-weight: 500; width: 50%; text-align: left;}
.paypop .gb_wrap .gray_bg2 .gb_line .gl_right {font-size: 14px; font-weight: 500; text-align: right; width: 50%;}
.paypop .st_info {text-align: left;}


/* 고객센터 */
.c_h2 {margin-bottom: 10px; font-size: 16px; font-weight: 600;}
.c_ul {border-bottom: 1px solid #F2F2F2; width: 100%; font-size: 0; margin-bottom: 20px;}
.c_ul .c_li {text-align: center; padding: 12px 10px; box-sizing: border-box; color: #808080; font-weight: 300; font-size: 14px; border-bottom: 2px solid transparent; cursor: pointer; display: inline-block; vertical-align: middle;}
.c_ul .c_li.on {border-color: #136CA6; color: #136CA6; font-weight: 500;}

.fi_wrap {margin-bottom: 20px;}
.fi_wrap .c_h2 {margin-bottom: 10px; font-size: 16px; font-weight: 600;}
.fi_wrap .fi_area {font-size: 0;}
.fi_wrap .fi_area .input {width: calc(100% - 93px); height: 40px; border: 1px solid #202020; padding: 0 15px; font-size: 12px; font-weight: 300;}
.fi_wrap .fi_area .input::placeholder {color: #808080;}
.fi_wrap .fi_area .f_btn {width: 85px; height: 40px; background: #261500; color: #fff; font-size: 14px; font-weight: 300; margin-left: 8px; border: 1px solid #202020;}

.q_list {border-top: 1px solid #E2E2E2; box-sizing: border-box; margin-bottom: 10px;}
.q_list .q_block {display: block; box-sizing: border-box; border-bottom: 1px solid #EFEFEF;}
.q_list .q_block .title {display: block; box-sizing: border-box; font-size: 14px; padding: 20px 60px 20px 0; position: relative; cursor: pointer;}
.q_list .q_block .title::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: url("/web/img/arrow_down.png") no-repeat center center / 100% 100%; display: inline-block; content: "";}
.q_list .q_block.no_ans .title::after {background-image: url("/web/img/no_ans.png") }
.q_list .q_block.on .title::after {background-image: url("/web/img/arrow_up.png");}
.q_list .q_block .title .t_text.ellp2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.q_list .q_block .title .cate_area {margin-bottom: 6px;}
.q_list .q_block .ans {background: #F8F8F8; font-size: 12px; font-weight: 500; padding: 10px; box-sizing: border-box; border-radius: 8px;}
.inq_btnarea {margin-top: 30px; text-align: center;}
.inq_btnarea .inq_btn {width: 163px; height: 44px; background: #fff; border: 1px solid #202020; box-sizing: border-box; font-size: 14px; font-weight: 600;}

.inq_form .block_wrap {margin-bottom: 60px;}
.inq_form .block_wrap .block {margin-bottom: 20px;}
.inq_form .block_wrap .block:last-child {margin-bottom: 0;}
.inq_form .block_wrap .block .label {display: block; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.inq_form .block_wrap .block .input {width: 100%; border: 1px solid #202020; height: 40px; font-size: 12px; font-weight: 300; padding: 0 10px; box-sizing: border-box;}
.inq_form .block_wrap .block .input::placeholder {color: #808080;}
.inq_form .block_wrap .block .textarea {height: 300px; width: 100%; border: 1px solid #202020; font-size: 12px; font-weight: 300; padding: 13px 10px; box-sizing: border-box;}
.inq_form .block_wrap .block .label .fs12 {font-size: 12px; color: #808080;}
.inq_form .block_wrap .block .file_wrap {font-size: 0;}
.inq_form .block_wrap .block .file_wrap .file_box {width: calc((100% - 20px) / 5); height: 96px; margin-right: 5px; background: #F5F5F5; border: 1px solid #DBDBDB; box-sizing: border-box; display: inline-block; vertical-align: middle; overflow: hidden;}
.inq_form .block_wrap .block .file_wrap .file_box .file {display: none;}
.inq_form .block_wrap .block .file_wrap .file_box .f_lab {display: block; width: 100%; height: 100%;}
.inq_form .block_wrap .block .file_wrap .file_box:last-child {margin-right: 0;}
.inq_form .block_wrap .block .file_wrap .file_box .empty {width: 50px;}


/* 마이페이지 메뉴 */
.my_menu_wrap {border-top: 1px solid #E2E2E2; box-sizing: border-box; margin-bottom: 20px;}
.my_menu_wrap .my_menu {color: #606060; font-size: 14px; font-weight: 300; display: block; padding: 17px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF; position: relative;}
.my_menu_wrap .my_menu.on {color: #136CA6; font-weight: 500;}
.my_menu_wrap .my_menu.on::after {content: ""; display: inline-block; width: 30px; height: 30px; background: url("/web/img/arrow_right.png") no-repeat center center / 100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* 내 정보 수정 */
.form {padding: 30px 0 50px; box-sizing: border-box;}
.form .pro_area {margin-bottom: 30px; text-align: center;}
.form .file {display: none;}
.form .pro_lab {display: inline-block; position: relative;}
.form .pro_lab .circle {width: 70px; height: 70px; border-radius: 50%; background: #F5F5F5; overflow: hidden;}
.form .pro_lab .f_btn {width: 26px; position: absolute; right: 0; bottom: 0;}
.form .j_block_wrap {margin-bottom: 80px;}
.form .j_block {margin-bottom: 20px;}
.form .j_block:last-child {margin-bottom: 0;}
.form .j_block .f_lab {margin: 0 0 10px; font-size: 14px; font-weight: 600; display: block; margin-bottom: 10px;}
.form .j_block .i_wrap {font-size: 0; margin-bottom: 10px; position: relative; white-space: nowrap;}
.form .j_block .i_wrap:last-child {margin-bottom: 0;}
.form .j_block .i_wrap .input {width: 100%; height: 40px; font-size: 14px; font-weight: 500; padding: 0 15px; box-sizing: border-box; border: 1px solid #202020;}
.form .j_block .i_wrap .input::placeholder {color: #808080; font-size: 12px; font-weight: 300;}
.form .j_block .i_wrap .input.w80 {width: calc(100% - 93px); margin-right: 8px;}
.form .j_block .i_wrap .input.gray {background: #ECECEC;}
.form .j_block .i_wrap .f_btn {width: 85px; background: #261500; height: 40px; color: #fff; font-size: 14px;}
.form .j_block .i_wrap .f_btn.no_ok {background: #A9A9A9;}
.form .j_block .sub {color: #136CA6; font-size: 12px; font-weight: 500;}
.form .j_block .eye_btn {width: 38px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%);}
.form .j_block .eye_btn img {display: none;}
.form .j_block .eye_btn img.on {display: block;}

#mypage2 .j_block {margin-bottom: 60px;}

/* 알림함 */
.a_wrap {margin-bottom: 10px; border-top: 1px solid #D2D2D2; }
.a_wrap .a_block {display: block; border-bottom: 1px solid #E9E9E9; padding: 10px 15px; box-sizing: border-box;}
.a_wrap .a_block .a_tit {font-size: 14px; margin-bottom: 4px;}
.a_wrap .a_block .a_date {font-size: 12px; font-weight: 300; color: #808080;}


/* 내 컨텐츠 관리 */
.ing_wrap {margin-bottom: 30px;}
.ing_wrap .g_list {margin-bottom: 10px; border-top: 1px solid #E2E2E2; box-sizing: border-box;}
.ing_wrap .g_list .g_box {width: 100%; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #EFEFEF; font-size: 0; padding-top: 8px;}
.ing_wrap .g_list .g_box .img_area {width: 66px; height: 40px; border-radius: 4px; overflow: hidden; position: relative;}
.ing_wrap .g_list .g_box .img_area .top2 {position: absolute; right: 4px; bottom: 4px;}
.ing_wrap .g_list .g_box .info_area {padding-left: 15px; width: calc(100% - 66px); box-sizing: border-box;}
.ing_wrap .g_list .g_box .info_area .ia {width: calc(100% - 30px); }
.ing_wrap .g_list .g_box .info_area .title {font-size: 12px; font-weight: 500; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ing_wrap .g_list .g_box .info_area .ia2 {margin-bottom: 10px;}
.ing_wrap .g_list .g_box .info_area .ia2 img {width: 14px; margin-right: 4px;}
.ing_wrap .g_list .g_box .info_area .ia2 .n1 {color: #606060; font-size: 12px; font-weight: 300; margin-right: 4px;}
.ing_wrap .g_list .g_box .info_area .ia2 .n2 {color: #606060; font-size: 10px; font-weight: 500; font-family: 'SUITE', sans-serif;}
.ing_wrap .g_list .g_box .act_area {width: 30px; position: relative;}
.ing_wrap .g_list .g_box .act_area .act_btn {width: 100%;}
.ing_wrap .g_more {width: 100%;}
.ing_wrap .g_more .g_more_btn {width: 100%; height: 36px; border: 1px solid #E2E2E2; box-sizing: border-box; font-size: 10px; font-weight: 500; color: #606060;}

#mypage3 .gray_det_common .gc_left .gc_wrap img {width: 13px;}
#mypage3 .gray_det_common .gc_left .gc_wrap .vt_mid {font-size: 12px;}
#mypage3 .cate_area {margin-bottom: 10px;}
#mypage3 .cate_area .cate {width: 54px;}
#mypage3 .last_date {font-size: 12px; margin-left: 10px;}

#mypage3 .upload_area {text-align: right; margin-bottom: 10px; width: 100%;}
#mypage3 .upload_area .upload_btn {width: 64px; height: 30px; font-size: 12px; font-weight: 500; border: 1px solid #666666; color: #666666;}

/* 내 게시글 연장 */
.vod_wrap {}
.vod_wrap .thumb_area {margin-bottom: 20px; text-align: center;}
.vod_wrap .thumb_area .th_spuare {width: 400px; height: 226px; overflow: hidden; border-radius: 12px; margin: 0 auto;}
.vod_wrap .cate_area {position: absolute; top: 10px; left: 10px;}

.up_arti {padding-top: 30px; box-sizing: border-box; text-align: center;}
.up_arti .gray_bg {background: #F8F8F8; border-radius: 8px; padding: 20px; box-sizing: border-box; font-size: 0;}
.up_arti .gray_bg .left {width: 50%; font-size: 16px; font-weight: 500; text-align: left;}
.up_arti .gray_bg .right {width: 50%; font-size: 16px; font-weight: 500; text-align: right;}
.up_arti .up_area {padding-top: 60px; box-sizing: border-box;}
.up_arti .up_area .up_txt {margin-bottom: 30px; font-size: 18px;}


/* 아이템 사용내역 */
.c_h2 {margin-bottom: 20px; font-size: 16px; font-weight: 600;}
.u_block_wrap {margin-bottom: 10px;}
.u_block {margin-bottom: 20px;}
.u_block:last-child {margin-bottom: 0;}
.u_block .d_h3 {font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.u_block .gray_bg {font-size: 0; background: #F8F8F8; padding: 20px; box-sizing: border-box; border-radius: 8px; margin-bottom: 10px;}
.u_block .gray_bg:last-child {margin-bottom: 0;}
.u_block .gray_bg .left {width: 50%; font-size: 14px; font-weight: 500;}
.u_block .gray_bg .right {width: 50%; font-size: 14px; font-weight: 500; text-align: right;}

/* 결제내역 */
.p_block_wrap {margin-bottom: 10px;}
.p_block {margin-bottom: 20px;}
.p_block:last-child {margin-bottom: 0;}
.p_block .d_h3 {font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.p_block .gray_bg {font-size: 0; background: #F8F8F8; padding: 20px; box-sizing: border-box; border-radius: 8px; margin-bottom: 10px;}
.p_block .gray_bg .border {border-bottom: 1px solid #E9E9E9; padding-bottom: 20px; box-sizing: border-box; margin-bottom: 20px;}
.p_block .gray_bg .border .mb10:last-child {margin-bottom: 0;}
.p_block .gray_bg:last-child {margin-bottom: 0;}
.p_block .gray_bg .left {width: 50%; font-size: 14px; font-weight: 300;}
.p_block .gray_bg .right {width: 50%; font-size: 14px; font-weight: 300; text-align: right;}
.p_block .gray_bg .result .left {font-weight: 500;}
.p_block .gray_bg .result .right {font-weight: 500;}
.p_block .btn_area {margin-top: 20px; width: 100%;}
.p_block .btn_area .rf_btn {width: 100%; height: 44px; font-size: 14px; font-weight: 600; border: 1px solid #202020; background: #fff;}
.p_block .btn_area .rf_btn.gray {background: #A9A9A9; border-color: #A9A9A9; color: #fff;}
.p_block .rf_wrap {margin-bottom: 20px;}
.p_block .rf_wrap:last-child {margin-bottom: 0;}

.rfpop .white_bg .cont {padding: 20px 0 30px;}
.rfpop .gray_bg {font-size: 0; background: #F8F8F8; padding: 20px; box-sizing: border-box; border-radius: 8px; margin-bottom: 10px; margin-top: 30px;}
.rfpop .gray_bg .border {border-bottom: 1px solid #E9E9E9; padding-bottom: 20px; box-sizing: border-box; margin-bottom: 20px;}
.rfpop .gray_bg .border .mb10:last-child {margin-bottom: 0;}
.rfpop .gray_bg:last-child {margin-bottom: 0;}
.rfpop .gray_bg .left {width: 50%; font-size: 14px; font-weight: 300; text-align: left;}
.rfpop .gray_bg .right {width: 50%; font-size: 14px; font-weight: 300; text-align: right; text-align: right;}
.rfpop .gray_bg .result .left {font-weight: 500;}
.rfpop .gray_bg .result .right {font-weight: 500;}


/* 내 구독 리스트 */
.list_wrap {border-top: 1px solid #D2D2D2; box-sizing: border-box; margin-top: 20px; box-sizing: border-box;}
.list_wrap .list_a {border-bottom: 1px solid #E9E9E9; box-sizing: border-box; padding: 10px 0 10px 15px; font-size: 0;}
.list_wrap .list_a .info {width: calc(100% - 94px); padding: 0 10px; box-sizing: border-box;}
.list_wrap .list_a .info .if_top {margin-bottom: 2px;}
.list_wrap .list_a .info .if_top .fs14 {font-size: 14px; margin-right: 4px; font-weight: 600;}
.list_wrap .list_a .info .if_top .fs10 {font-size: 10px;}
.list_wrap .list_a .info .if_bot {font-size: 14px; font-weight: 300; color: #666666;}

/*공통*/
.mybtn_area {width: 64px;}
.mybtn_area .btns {width: 100%; height: 30px; border: 1px solid #666666; font-size: 12px; font-weight: 500; color: #666666; margin-bottom: 4px;}
.mybtn_area .btns:last-child {margin-bottom: 0;}
/*공통*/

.list_wrap .list_a .info .if_top .new {width: 14px; margin-right: 4px;}
#mypage6 .live_list .g_list .g_box .img_area {width: 66px; height: 40px;}
#mypage6 .live_list .g_list .g_box .info_area {width: calc(100% - 130px); padding: 0 20px 0 10px;}
#mypage6 .gray_det_common .gc_left .gc_wrap img {width: 13px;}
#mypage6 .gray_det_common .gc_left .gc_wrap .vt_mid {font-size: 12px;}

.g_sub {display: inline-block;}
#mypage6 .b_list {padding: 10px 0; font-size: 0;}
#mypage6 .b_list .b_num {width: 60px;}
#mypage6 .b_list .b_txt {font-size: 0; padding: 0; width: calc(100% - 124px); padding-right: 20px; box-sizing: border-box;}
#mypage6 .b_list .b_txt .bt_cen {display: block; white-space: nowrap; margin-bottom: 10px;}

#mypage7 .b_list {padding: 10px 0; font-size: 0;}
#mypage7 .b_list .b_num {width: 60px;}
#mypage7 .b_list .b_txt {font-size: 0; padding: 0; width: calc(100% - 124px); padding-right: 20px; box-sizing: border-box;}
#mypage7 .b_list .b_txt .bt_cen {display: block; white-space: nowrap; margin-bottom: 10px;}

/* 내가 쓴 댓글 */
#mypage8 .list_wrap .list_a .info .if_top {font-size: 0; margin-bottom: 10px;}
.list_wrap .list_a .info .if_top .wid50 {width: 50%; margin: 0;}
.list_wrap .list_a .info .if_top .wid50.suite {text-align: right; color: #808080; font-size: 12px;}
#mypage8 .list_wrap .list_a .info {padding-right: 20px;}

/* 내가 차단한 사용자 */
#mypage9 .list_wrap .list_a .info {width: calc(100% - 94px); padding: 0 20px 0 10px;}