@charset "utf-8";


:root {
	--main-color: 16, 40, 110; /* #10286E */
	--green-color: 64, 216, 114; /* #40D872 */
	--red-color: 241, 59, 28; /* #F13B1C */
	--blue-color: 49, 101, 234; /* #3165EA */
	
	--66-color: 102, 102, 102; /* #666666 */
	--96-color: 150, 150, 150; /* #969696 */
	--ed-color: 237, 237, 237; /* #EDEDED */
	--f6-color: 246, 246, 246; /* #F6F6F6 */
}

/* * {} */

body {
	display: flex; flex-direction: column; height: 100dvh;
	font-family: 'SCoreDream', sans-serif;
}

a {
	-webkit-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div {
	-webkit-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
label {
	-webkit-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button {
	border: none; border-radius: 8px; background: none; font-weight: 500;
	-webkit-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	touch-action: manipulation;
}

input[type="text"],
input[type="email"],
input[type="password"], 
input[type="number"] {
	display: block; 
	width: 100%;
	padding-left: 15px; padding-right: 15px; 
	border: 1px solid #DFE3E6; border-radius: 8px; 
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="checkbox"], 
input[type="radio"] {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: none; visibility: hidden; appearance: none; -wekbit-appearance: none; 
}
textarea { display: block; resize: none; }

select::-ms-expand { 
	display: none;
}
select {
  border: none;
  
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  -webkit-outline: none;
  outline: none;
  vertical-align: middle; 
}
select:focus {
	box-shadow: none !important; 
	border: none !important;
}



/** font */
.font_gmarket {font-family: 'GmarketSans';}
.font_pretendard {font-family: "Pretendard Variable", Pretendard; }


/** data loading */
.data_loading {display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500;}
.data_loading.active {display: flex; }
.data_loading .loading_back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5)}
.data_loading .loading_box {display: flex; justify-content: center; align-items: center; position: relative; background: none; height: 100px; }
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #121212;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: loading 1s linear infinite;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



/** checkbox */
.chk_wrap {
	position: relative;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chk_wrap .chk_elem {display: flex; align-items: center; gap: 7px;}
.chk_wrap .chk_box {
	display: block; width: 22px; height: 22px; 
	border: 1px solid #DBDBDB; border-radius: 22px; 
	background: url('/image/common/chk_off.png') no-repeat center / 12px auto; 
	cursor: pointer;
}
.chk_wrap .chk_label {line-height: 1.2; color: #4F4F4F; cursor: pointer;}
.chk_wrap input[type="checkbox"]:checked ~ .chk_elem .chk_box {background-image: url('/image/common/chk_on.png'); border-color: rgb(var(--main-color));}

.chk_wrap.type2 .chk_box {border: 0; }
.chk_wrap.type2 .chk_label {color: #B8B8B8; }
.chk_wrap.type2 input[type="checkbox"]:checked ~ .chk_elem .chk_label {color: rgb(var(--main-color));}

.chk_wrap2_group {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.chk_wrap2 {display: flex; align-items: center; }
.chk_wrap2 > label {flex: 1; display: flex; height: 38px; cursor: pointer; }
.chk_wrap2 .chk_elem {flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 14px; border: 1px solid #DFE3E6; border-radius: 8px; }
.chk_wrap2 .chk_label {line-height: 1.5; color: #9F9F9F; font-size: 14px; font-weight: 500;}

.chk_wrap2 input[type="checkbox"]:checked ~ .chk_elem {border-color: rgb(var(--green-color)); background: rgb(var(--green-color)); }
.chk_wrap2 input[type="checkbox"]:checked ~ .chk_elem .chk_label {color: #FFF; }

.chk_wrap3 {display: flex; align-items: center; }
.chk_wrap3 .chk_elem {display: flex; align-items: center; gap: 8px; }
.chk_wrap3 .chk_elem .chk_box {display: block; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #FFF; }
.chk_wrap3 input[type="checkbox"]:checked ~ .chk_elem .chk_box {background: url('/image/common/chk_on.png') no-repeat top 3px center / 12px auto, #FFF; }
.chk_wrap3 .chk_elem .chk_label {line-height: 1.2; font-size: 14px; font-weight: 500; }



/** switch */
.switch_wrap {position: relative;}
.switch_elem {position: relative; width: 36px; height: 15px; border-radius: 20px; background: #EAEBEFFF; transition: 0.2s; cursor: pointer; }
.switch_elem .switch_button {
	position: absolute; top: 50%; left: 0; right: auto; transform: translate(0, -50%); 
	width: 22px; height: 22px; 
	border-radius: 22px; background: #B0B0B0; 
	transition: 0.2s; 
}
.switch_wrap input[type="checkbox"]:checked ~ .switch_elem {background: #00A9654D;}
.switch_wrap input[type="checkbox"]:checked ~ .switch_elem .switch_button {left: calc(100% - 22px); background: #00A965;}



/** form field */
.fld_wrap {margin-bottom: 30px; }
.fld_wrap:last-of-type {margin-bottom: 0 !important; }
.fld_label {display: flex; align-items: center; gap: 3px; line-height: 1.2; margin-bottom: 12px; font-weight: 400; letter-spacing: -0.025em; }
.fld_label.type2 {}
.fld_label.type3 {}
.fld_label .sub {color: #B0B0B0; font-size: 11px; font-weight: 400; }
.fld_label .add_input {position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
.fld_content {display: flex; flex-direction: column; gap: 10px; }
.fld_desc {padding: 6px 10px; background: #F8FAFB; font-size: 11px; }

.fld_icon_desc {display: flex; align-items: center; margin-top: -5px; margin-bottom: 10px; line-height: 1; }
.fld_icon_desc .icon_info {cursor: default; }

.license_content {display: flex; flex-direction: column; gap: 10px; }


/** input */
.input_wrap {display: flex;}
.input_wrap input {height: 46px; font-size: 15px; }
.input_wrap.gap {gap: 10px;}

.certi_input_wrapper {display: none;}
.input_wrap .input_div {flex: 1; position: relative; }

.cert_input_div {position: relative; }
.cert_input_div input {padding-right: 60px; }
.cert_input_div .timer {display: none; position: absolute; top: 50%; right: 80px; transform: translate(0, -50%); line-height: 1.2; color: rgb(var(--red-color)); }
.cert_input_div .timer.active {display: block; }

.input_wrap.float_button input {padding-right: 60px; }

.in_textspan {position: relative; }
.in_textspan input {padding-right: 40px; }
.in_textspan span {position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); line-height: 1.2; font-size: 15px; font-weight: 500;}

.license_input {position: relative; }
.license_input button {
	position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); 
	width: 44px; padding: 5px; text-align: center; 
	color: rgb(var(--red-color));
	letter-spacing: -0.04em; 
}



/** select */
.select_wrap {
	display: flex; align-items: center; 
	height: 46px; 
	border: 1px solid #DFE3E6; border-radius: 8px; overflow: hidden; 
}
.select_wrap select {
	width: 100%; height: 100%; 
	line-height: 1.2;
	padding-top: 1px; padding-left: 12px !important; padding-right: 30px !important; 
	background: url('/image/common/select_arrow.png') no-repeat right 12px center / 12px auto; 
	color: #454545; font-weight: 500;
}
.select_wrap select:invalid {background: #FDF; }

/** radio */
.radio_group {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.radio_wrap {
	flex: 1; 
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio_wrap .radio_elem {
	display: flex; justify-content: center; align-items: center; flex-wrap: wrap; 
	height: 50px; 
	padding: 0 5px; 
	border: 1px solid #DBDBDB; border-radius: 8px; 
	word-break: break-word; 
	cursor: pointer; 
}
.radio_wrap .radio_elem .radio_label {color: #DBDBDB; font-size: 14px; font-weight: 500; letter-spacing: -0.025em; }
.radio_wrap input[type="radio"]:checked ~ .radio_elem {border-color: rgb(var(--main-color)); background: rgb(var(--main-color)); }
.radio_wrap input[type="radio"]:checked ~ .radio_elem .radio_label {color: #FFF; }

.radio_wrap2 {
	display: flex; 
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio_wrap2 .radio_elem {display: flex; align-items: center; gap: 10px; cursor: pointer; }
.radio_wrap2 .radio_elem .radio {position: relative; display: block; width: 18px; height: 18px; margin-top: 2px; border: 1px solid #B0B0B0; border-radius: 18px; }
.radio_wrap2 .radio_elem .radio:before {
	display: block; clear: both; content: ''; 
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	width: 10px; height: 10px; border-radius: 10px;
}
.radio_wrap2 input[type="radio"]:checked ~ .radio_elem .radio {border-color: rgb(var(--green-color)); }
.radio_wrap2 input[type="radio"]:checked ~ .radio_elem .radio:before {background: rgb(var(--green-color)); }

.radio_wrap2.type2 input[type="radio"]:checked ~ .radio_elem .radio {border-color: rgb(var(--green-color)); background: rgb(var(--green-color)); }
.radio_wrap2.type2 input[type="radio"]:checked ~ .radio_elem .radio:before {background: #FFF; }



/** sch */
.sch_wrap {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.sch_wrap .select_wrap { height: 42px; }
.sch_wrap select {min-width: 80px; padding-top: 2px; font-size: 14px; }
.sch_wrap .stx_wrap {flex: 1; display: flex; align-items: center; position: relative; }
.sch_wrap .stx_wrap input {height: 42px; padding-right: 50px}
.sch_wrap .stx_wrap button {
	display: block; 
	position: absolute; top: 50%; right: 16px; transform: translate(0, -50%);
	width: 24px; height: 24px; background: url('/image/common/btn_sch.png') no-repeat center/ 24px auto;
}



/** file */
.file_wrap {display: flex; align-items: center; gap: 10px; }
.file_elem {display: flex; align-items: center; gap: 10px; }
.file_elem .file_button {display: flex; justify-content: center; align-items: center; gap: 4px; padding: 0 15px; height: 32px; border-radius: 6px; background: #EAEBEF; }
.file_elem .file_button i {display: block; width: 16px; height: 16px; background: url('/partner/img/icon_file.png') no-repeat center / 16px 16px;}
.file_elem .file_button span {line-height: 16px; color: #707070; font-size: 12px; font-weight: 500; }

.file_wrap .file_text {flex: 1; }



/** textarea */
.textarea_wrap {}
.textarea_wrap textarea {display: block; width: 100%; height: 160px; padding: 15px; border: 1px solid #DFE3E6; border-radius: 8px; resize: none; }



/** button */
.button_wrap {display: flex; gap: 6px;}
.button_wrap.fixed {padding-top: 50px; padding-bottom: 50px; }
.button_wrap.fixed:before {display: block; clear: both; content: ''; height: 56px; }
.button_wrap.fixed .float_wrap {position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); padding-bottom: 50px; background: #FFF; }

.button {
	display: flex; justify-content: center; align-items: center; gap: 8px;
	width: 100%; height: 56px; line-height: 1.2;
	border: 1px solid transparent; border-radius: 8px; 
	text-align: center; font-size: 14px; font-weight: 500; 
	letter-spacing: -0.025em; 
}
.button.belong {min-width: 86px; width: auto; height: auto; line-height: unset; padding: 0 8px; font-size: 12px; }
.button.small {min-width: 60px; width: auto; height: 24px; padding: 0 8px; border-radius: 6px; font-size: 11px; }
.button.mdm {min-width: 60px; width: auto; height: 32px; padding: 0 8px; font-size: 12px; }
.button.flat {border-radius: 0; }

.button.add_input {min-width: 48px; width: auto; height: 24px; background: rgb(var(--green-color)); color: #FFF; font-size: 13px; }

.button.border {border: 1px solid rgb(var(--main-color)); background: #FFF; color: rgb(var(--main-color)); }
.button.border2 {border: 1px solid #EAEBEF; color: #B0B0B0; }

.button.submit, 
.button.active {border: 1px solid rgb(var(--main-color)); background: rgb(var(--main-color)); color: #FFF; }

.button.disabled,
.button.inactive {border: 1px solid #F6F6F6; background: #F6F6F6; color: #B0B0B0; }

.button.cancel {border: 1px solid #F6F6F6; background: #F6F6F6; color: #666; }

.button.report,
.button.delete {border: 1px solid rgb(var(--red-color)); background: rgb(var(--red-color)); color: #FFF; }
.button.optional {background: #EAEBEF; color: #707070; }

.button.kakao {background: url('/image/common/sns_kakao.png') no-repeat left 20px center/24px auto, #FFE402; color: #3B1E1E; }
.button.apple {background: url('/image/common/sns_apple.png') no-repeat left 20px center/24px auto, #000; color: #FFF;}
/* .button.apple:not(.active) {display: none; } */

.button span {line-height: 20px; }
.button.in_input {position: absolute; top: 50%; right: 0; transform: translate(0, -50%); margin-right: 10px; padding: 5px; width: auto; height: auto; }

.btn_option {
	width: 24px; height: 24px; background: url('/image/common/btn_option.png') no-repeat center / 24px auto;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/** color */
.c_red {color: rgb(var(--red-color));}
.c_green {color: rgb(var(--green-color));}
.c_blue {color: rgb(var(--blue-color));}
.c_66 {color: #666; }

.bg_red {background: rgb(var(--red-color));}
.bg_green {background: rgb(var(--green-color));}
.bg_blue {background: rgb(var(--blue-color));}
.bg_f6 {background: #F6F6F6; }

/** basic tools */
/* .divide {display: block; height: 8px; border: 0; background: #F8FAFB; } */
.divide {display: block; height: 6px; border: none; background: #F6F6F6; }
.d_flex {display: flex; }
.flex_row {flex-direction: row; }
.flex_column {flex-direction: column; }

.inner {padding-left: 20px !important; padding-right: 20px !important; }
.layout {width: 100%; min-width: 280px; max-width: 1280px; margin: 0 auto; }
.layout2 {width: 100%; min-width: 280px; max-width: 640px; margin: 0 auto; }
.req {color: rgb(var(--green-color));}

.ellipsis {
	display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
	white-space: normal; overflow: hidden; word-wrap: break-word; word-break: break-all;
}
.ellipsis2 {
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}

.not-selectable {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.on_modal {overflow: hidden; }

.relative {position: relative; }
.absolute {position: absolute; }

.file_hidden {position: absolute; width: 1px; height: 1px; margin: -1px; visibility: hidden; }
.sound_only {position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 0; visibility: hidden; }
.readonly {background: #F8F8F8; }

.section_fixed_top {position: sticky; top: 48px; background: #FFF; z-index: 1; }

.empty_li {display: flex; justify-content: center; align-items: center; width: 100%; padding: 40px 20px; font-weight: 500;}

#wrapper {flex: 1; display: flex; flex-direction: column; width: 100%; }
#container {flex: 1; display: flex; flex-direction: column; }
.sub-title-area {padding-top: 24px; }
.sub-title-area h1 {display: none; margin: 0; padding-bottom: 20px; font-size: 17px; font-weight: 600;}
.sub-title-area h1 p {color: #8394C0; font-size: 10px; font-weight: 500; }
.show_title .sub-title-area h1 {display: block; }



/** body scroll */
.body_fixed {overflow: hidden; }
.body_fixed #wrapper {overflow: hidden; }
.body_fixed #container {overflow: hidden; }
.body_fixed #container > section {display: flex; flex-direction: column; overflow: hidden; }
.body_fixed .subpage-content-area {flex: 1; display: flex; flex-direction: column; overflow: hidden;}
.body_fixed .scroll_cont {flex: 1; overflow: overlay; }



/** header */
.hd_li {
	display: none; 
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hd_li a {display: block; color: #1E1E1E; font-size: 18px; font-weight: 600;}
.hd_button {
	width: 24px; height: 24px; 
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pos_y_center {position: absolute; top: 50%; transform: translate(0, -50%); }
.hd_left {left: 0; }
.hd_right {right: 5px; }
.hd_group {display: flex; align-items: center; gap: 16px;}
.hd_back {background: url('/image/common/btn_hd_back.png') no-repeat center / 24px auto;}
.hd_alarm {background: url('/image/common/btn_hd_alarm.png') no-repeat center / 17px auto;}
.hd_alarm span {position: absolute; top: 0; right: 0; width: 4px; height: 4px; border-radius: 4px; background: rgb(var(--green-color));}
.hd_menu {background: url('/image/common/btn_hd_menu.png') no-repeat center / 18px auto;}
.hd_title {width: 100%; margin: 0; text-align: center; font-size: 15px; font-weight: 500; }
.hd_title.no_back {width: auto; text-align: initial; font-size: 16px; font-weight: 600; }

.hd_top_button {
	position: relative; 
}
.hd_top_button i {display: block; width: 28px; height: 28px; } 
.hd_top_button.alarm i {background: url('/image/common/btn_hd_alarm.png') no-repeat center / 17px auto;}
.hd_top_button.alarm span {position: absolute; top: 2px; right: 2px; width: 4px; height: 4px; border-radius: 4px; background: rgb(var(--green-color));}
.hd_top_button.logout i {background: url('/image/common/btn_menu_logout.png') no-repeat center / 28px auto;}

header {position: sticky; top: 0; left: 0; width: 100%; background: #FFF; z-index: 300; }
#header_top {display: none; height: 47px; border-bottom: 1px solid #F6F6F6; }
#header_top .top_mb_ul {display: flex; justify-content: flex-end; align-items: center; gap: 30px; height: 100%; }
#header_top .top_mb_ul a {display: flex; justify-content: center; align-items: center; line-height: 26px; text-align: center; color: #969696; font-size: 14px; font-weight: 500; }
#header_top .top_mb_ul dl {display: flex; align-items: center; gap: 8px;}
#header_top .top_mb_ul dt {}
#header_top .top_mb_ul dd {line-height: 26px; font-size: 14px; font-weight: 500; }
#header_top .top_mb_ul .mentee a {width: 70px; border-radius: 20px; background: rgb(var(--green-color)); color: #FFF; font-size: 12px; }
#header_top .top_mb_ul .mentor a {width: 70px; border-radius: 20px; background: rgb(var(--main-color)); color: #FFF; font-size: 12px; }

#header_main {height: 48px; border-bottom: 1px solid #F6F6F6; }
#header_main .inner {padding-left: 14px !important; padding-right: 14px !important; height: 100%;}
.hd_main_cont {display: flex; align-items: center; height: inherit; }
.hd_main_cont #logo {display: none; margin: 0; font-size: 0; }
#logo img {width: 72px; height: auto; }
#header_main.show_logo #logo {display: block; }


/** footer */
footer {border-top: 1px solid #EEE; background: #FFF; }
footer .top_area {display: flex; align-items: center; }
footer .top_area ul {display: none; align-items: center; gap: 40px; }
footer .top_area ul a {display: block; padding: 3px 0; color: #363636; font-weight: 500; }
footer .site_info .foot_logo {flex: 1; margin-top: 24px; margin-bottom: 20px; font-size: 0; }
footer .site_info .foot_logo img {width: 72px; height: auto; }
footer .site_info .info {display: flex; flex-direction: column; gap: 3px; color: #666; line-height: 1.2; font-size: 12px; font-weight: 400; }
footer .terms {padding: 24px 0; }
footer .terms ul {display: flex; flex-direction: column; gap: 10px; }
footer .terms li {display: flex; justify-content: flex-start; line-height: 1; font-size: 0; }
footer .terms a {line-height: 1.2; font-size: 12px; font-weight: 500; }



/** menu */
#draw_menu {display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 350;}
#draw_menu.active {display: flex; }
#draw_menu .menu_back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.5);}
#draw_menu .menu_bar_wrap {display: flex; justify-content: flex-end; position: relative; height: 100%; }
#draw_menu .menu_bar {display: flex; flex-direction: column; background: #F9F9F9; width: 100%; max-width: 320px; }
#draw_menu .menu_head {padding: 20px; background: #FFF; }
#draw_menu .menu_body {flex: 1; display: flex; flex-direction: column; padding: 0 20px 20px;}

#draw_menu .menu_close {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 14px; }
#draw_menu .menu_close button {background: url('/image/common/btn_menu_close.png') no-repeat center / 16px auto;}
#draw_menu .menu_logo img {width: 96px; height: auto; }
#draw_menu .menu_member {margin-top: 36px; }
#draw_menu .menu_member dl {display: flex; align-items: center; gap: 8px; }
#draw_menu .menu_member dt {}
#draw_menu .menu_member dd {line-height: 26px; font-size: 16px; font-weight: 600; }
#draw_menu .menu_member a {display: block; width: 90px; line-height: 34px; border-radius: 34px; text-align: center; color: #FFF; font-size: 15px; font-weight: 500; }
#draw_menu .menu_member .login {width: 84px; background: #B8B8B8;}
#draw_menu .menu_member .mentor {background: rgb(var(--main-color));}
#draw_menu .menu_member .mentee {background: rgb(var(--green-color));}
#draw_menu .menu_body ul {flex: 1; }
#draw_menu .menu_body li a {
	display: flex; padding: 20px 0; border-bottom: 1px solid #EDEDED; 
	background: url('/image/common/icon_menu_arrow.png') no-repeat right center /6px auto; 
	font-size: 15px; font-weight: 500; 
}

#draw_menu .menu_body .logout a {display: flex; align-items: center; gap: 6px; margin-bottom: 20px; padding: 16px 0;}
#draw_menu .menu_body .logout i {display: block; width: 24px; height: 24px; background: url('/image/common/btn_menu_logout.png') no-repeat center/ 24px auto;}
#draw_menu .menu_body .logout span {color: #B8B8B8; font-size: 15px; font-weight: 500; }



/** 로그인 */
body.login #header_main {border-bottom: none; }

#login_section {padding-bottom: }

#f_login {}
#f_login .login_logo {padding: 90px 0; text-align: center; }
#f_login .login_logo img {width: 198px; height: auto; }
#f_login .fieldset {display: flex; flex-direction: column; gap: 15px; }
#f_login .button_wrap {margin-top: 30px; }
#f_login .lost_button_wrap {display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 25px; margin-bottom: 45px; }
#f_login .lost_button_wrap a {padding: 5px 0; color: #969696; font-size: 13px; font-weight: 300; }
#f_login .lost_button_wrap span {width: 1px; height: 12px; background: #DBDBDB; }

#f_login .sns_login_wrap {display: flex; flex-direction: column; gap: 15px; padding-top: 20px; padding-bottom: 40px; border-top: 1px solid #EDEDED; }
#f_login .join_wrap {text-align: center; color: #B8B8B8; font-size: 14px; font-weight: 500;}
#f_login .join_wrap a {color: rgb(var(--green-color)); text-decoration: underline; }



/** 약관동의 */
#join_terms_section {}
#join_terms_section .all_agree {display: flex; padding: 20px 0; border-bottom: 1px solid #EDEDED; }
#join_terms_section .all_agree .chk_elem {gap: 12px; }
#join_terms_section .all_agree .chk_label {color: #363636; font-size: 15px; font-weight: 600; }
#join_terms_section .member_agree .chk_wrap {padding-top: 20px; padding-bottom: 12px; }
#join_terms_section .member_agree .chk_label {font-size: 14px; font-weight: 500; }
#join_terms_section .member_agree textarea {width: 100%; height: 180px; padding: 15px; border: 0; border-radius: 2px; background: #F9F9FA; font-size: 12px; }
#join_terms_section .button_wrap {margin-top: 60px;}



/** 가입 */
#join_form_section {}

#f_join {padding-top: 30px; }
#f_join .button_wrap {margin-top: 60px; }
/* #f_join .fieldset {display: flex; flex-direction: column; gap: 30px; } */

#f_join .info_face {display: flex; align-items: center; gap: 20px; margin-top: 46px; margin-bottom: 30px; color: rgb(var(--main-color)); font-size: 12px; font-weight: 600; }
#f_join .info_face:before,
#f_join .info_face:after {display: block; clear: both; content: ''; flex: 1; height: 1px; background: rgb(var(--main-color));}

.additional_info {display: none; }
.additional_info.active {display: block;}

.additional_info .profile_img_cont {display: flex; }
.additional_info .profile_img_cont label {cursor: pointer; }
.additional_info .profile_img_cont .img_button {display: block; position: relative; width: 110px; border: 1px solid #DBDBDB; border-radius: 8px; overflow: hidden; }
.additional_info .profile_img_cont .img_button:before {display: block; clear: both; content: ''; padding-bottom: 100%; }
.additional_info .profile_img_cont .img_button img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.additional_info .profile_img_cont .img_button.add_img:after {
	clear: both; content: '+'; 
	display: flex; justify-content: center; align-items: center; 
	position: absolute; top: 0; left: 0; 
	width: 100%; height: 100%; line-height: 1.2;
	color: #DBDBDB;
	font-size: 28px; 
}
.additional_info .profile_img_cont .del_img {
	position: absolute; top: 0; right: 0; transform: translate(50%, -50%);
	width: 20px; height: 20px; 
	background: url('/image/common/btn_hd_close.png') no-repeat center / 16px auto, #DBDBDB;; 
}

.icon_info {width: 16px; height: 16px; background: url('/image/common/icon_info.png') no-repeat center / 16px auto;  cursor: pointer; }

.input_desc {margin-top: -5px; color: #8394C0; font-size: 10px; font-weight: 500;}



/** 아이디 찾기 */
#find_id_section {}
#f_find_id {padding-top: 30px; }
#f_find_id .button_wrap {margin-top: 30px; }



/** 아이디 찾기 - 결과 */
#find_id_result_section {}
#find_id_result_section h2 {line-height: 1.2; text-align: center; font-size: 18px; font-weight: bold; }
#find_id_result_section p {text-align: center; color: #B0B0B0; font-size: 13px; font-weight: 400; }
#find_id_result_section .button_area {display: flex; flex-direction: column; gap: 20px; margin-top: 80px; }



/** 비밀번호 찾기 */
#find_pw_section {}
#find_pw_section {}
#f_find_pw .button_wrap {margin-top: 30px; }



/** 메뉴 페이지 - 공통 */
.page_menu_ul {display: flex; flex-direction: column; gap: 12px; padding: 0 20px 40px;}
.page_menu_ul > li {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.page_menu_ul > li a {
	display: flex; align-items: center; 
	height: 56px; padding: 0 15px; border-radius: 8px; 
	background: url('/image/common/icon_menu_arrow.png') no-repeat right 15px center/ 6px auto, #FFF; 
	font-size: 15px; font-weight: 500;
}
.page_menu_ul > li.mb_li a {height: 40px; background: none; color: #B8B8B8; }



/** 배너 - 메인 */
.main_banner {padding: 16px 0; }
.main_banner_swiper {border-radius: 10px;}
.main_banner_swiper .swiper-slide {position: relative; max-width: 1280px; padding: 0 20px; opacity: 0.6}
.main_banner_swiper .swiper-slide-active {opacity: 1; }
.main_banner_swiper .swiper-slide:before {clear: both; content: ''; display: block; padding-bottom: calc((180 / 350) * 100%);}
.main_banner_swiper .swiper-slide a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; }
.main_banner_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; overflow: hidden; }
.main_banner_swiper .swiper-slide .pc {display: none; }
.main_banner_swiper .swiper-slide .mo {display: block; }
.main_banner_swiper .swiper-button {left: auto; right: auto; width: 60px; height: 60px; border-radius: 60px; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.10);}
.main_banner_swiper .swiper-button:after {display: none;}
.main_banner_swiper .swiper-button-next {right: 5px; background: url('/image/common/main_banner_next.png') no-repeat center, #FFF;}
.main_banner_swiper .swiper-button-prev {left: 5px; background: url('/image/common/main_banner_prev.png') no-repeat center, #FFF;}
.main_banner_swiper .pagination_wrap {
	position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 10;
	display: flex; justify-content: flex-end; align-items: center; 
}
.main_banner_swiper .swiper-pagination-fraction {
	display: flex; justify-content: center; align-items: center; gap: 1px; 
	position: static; 
	min-width: 44px; width: auto; line-height: 24px; 
	margin-right: 12px; margin-bottom: 12px; padding: 0 10px; 
	border-radius: 24px; background: rgb(255,255,255,0.2);
	color: #FFF; 
	font-size: 12px; font-weight: 500;
}


/** 배너 - 상단 - (알림, 결제내역) */
.top_banner {margin-top: 16px; }
.top_banner_swiper {border-radius: 6px; }
.top_banner_swiper .swiper-slide {position: relative; max-width: 1280px; padding: 0 20px; opacity: 0.6}
.top_banner_swiper .swiper-slide-active {opacity: 1; }
.top_banner_swiper .swiper-slide:before {clear: both; content: ''; display: block; padding-bottom: calc((90 / 390) * 100%);}
.top_banner_swiper .swiper-slide a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; }
.top_banner_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; overflow: hidden; }
.top_banner_swiper .swiper-slide .pc {display: none; }
.top_banner_swiper .swiper-slide .mo {display: block; }
.top_banner_swiper .swiper-button {left: auto; right: auto; width: 60px; height: 60px; border-radius: 60px; box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.10);}
.top_banner_swiper .swiper-button:after {display: none;}
.top_banner_swiper .swiper-button-next {right: 5px; background: url('/image/common/main_banner_next.png') no-repeat center, #FFF;}
.top_banner_swiper .swiper-button-prev {left: 5px; background: url('/image/common/main_banner_prev.png') no-repeat center, #FFF;}
.top_banner_swiper .pagination_wrap {
	position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 10;
	display: flex; justify-content: flex-end; align-items: center; 
}
.top_banner_swiper .swiper-pagination {
	display: flex; justify-content: center; align-items: center; gap: 1px; 
	position: static; 
	min-width: 44px; width: auto; line-height: 24px; 
	margin-right: 12px; margin-bottom: 12px; padding: 0 10px; 
	border-radius: 24px; background: rgb(255,255,255,0.2);
	color: #FFF; 
	font-size: 12px; font-weight: 500;
}



/** 배너 - 하단 */
.page_banner {position: relative; overflow: hidden; }
.page_banner:before {clear: both; content: ''; display: block; padding-bottom: calc((90 / 390) * 100%);}
.page_banner .banner_swiper {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page_banner .banner_swiper a {display: block; width: 100%; height: 100%; overflow: hidden;}
.page_banner .banner_swiper img {width: 100%; height: 100%; object-fit: cover; }
.page_banner .banner_swiper .pc {display: none; }
.page_banner .banner_swiper .mo {display: block; }
.page_banner .banner_swiper .pagination_wrap {
	position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 10;
	display: flex; justify-content: flex-end; align-items: center; 
}
.page_banner .banner_swiper .swiper-pagination-fraction {
	display: flex; justify-content: center; align-items: center; gap: 1px; 
	position: static; 
	min-width: 44px; width: auto; line-height: 24px; 
	margin-right: 12px; margin-bottom: 12px; padding: 0 10px; 
	border-radius: 24px; background: rgb(0,0,0,0.2);
	color: #FFF; 
	font-size: 12px; font-weight: 500;
}



/** tab 기본 */
.tab_area {display: flex; align-items: center; border-top: 1px solid #EDEDED; }
.tab_area > div {
	flex: 1; display: flex; justify-content: center; align-items: center; 
	height: 46px; background: #F6F6F6; 
	color: #B8B8B8; 
	text-align: center; 
	font-size: 15px; font-weight: 500; cursor: pointer; 
}
.tab_area > div.active {background: #FFF; color: rgb(var(--main-color)); }



/** 멘토 리스트 공통 */
.mentor_pf_ul {display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; }
.mentor_pf_ul > li:not(.empty_li) {width: 100%; padding: 0 10px; border: 1px solid #EDEDED; border-radius: 10px; }
.mentor_pf_ul > li:not(.empty_li) > a {display: block;}
.mentor_pf_ul .mentor_info {display: flex; align-items: flex-start; gap: 12px; padding: 14px 0 18px; border-bottom: 1px solid #F6F6F6; }
.mentor_pf_ul .mentor_info .img_wrap {position: relative; width: 56px; }
.mentor_pf_ul .mentor_info .img_wrap:before {display: block; clear: both; content: ''; padding-bottom: 100%; }
.mentor_pf_ul .mentor_info .img_wrap .img_div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #F6F6F6; border-radius: 100%; overflow: hidden; }
.mentor_pf_ul .mentor_info .img_wrap img {display: block; width: 100%; height: 100%; object-fit: cover;}
.mentor_pf_ul .mentor_info .desc_wrap {flex: 1; position: relative; }
.mentor_pf_ul .mentor_info .desc_wrap .name {margin-bottom: 6px; color: #1E1E1E; font-size: 15px; font-weight: 600; }
.mentor_pf_ul .mentor_info .desc_wrap .title {margin-bottom: 3px; color: #969696; font-size: 11px; letter-spacing: -0.04em; }
.mentor_pf_ul .mentor_info .desc_wrap .info {color: #969696; font-size: 11px; }
.mentor_pf_ul .mentor_info .desc_wrap .mentor_option {
	position: absolute; top: 0; right: 0; 
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mentor_pf_ul .mentor_info .desc_wrap .btn_option {width: 24px; height: 24px; background: url('/image/common/btn_option.png') no-repeat center/24px auto;}
.mentor_pf_ul .mentor_info .card_option_ul {
	display: none;
	position: absolute; right: 0; 
	width: max-content;
	border: 1px solid #EDEDED;
	border-radius: 4px;
	background: #FFF; 
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.mentor_pf_ul .mentor_info .card_option_ul > li {padding: 8px 15px; line-height: 20px; font-size: 13px; font-weight: 500; }
.mentor_pf_ul .mentor_info .card_option_ul.active {display: block; }
.mentor_pf_ul .card_info {display: flex; align-items: center; gap: 5px; flex-wrap: wrap; padding: 8px 0; }
.mentor_pf_ul .card_info .cate_area {flex: 1; display: flex; align-items: center; gap: 5px; min-width: 0; }
.mentor_pf_ul .card_info .cate_area > div {display: flex; align-items: center; }
.mentor_pf_ul .card_info .cate_area .career_year {}
.mentor_pf_ul .card_info .cate_area .branch {overflow: hidden; }
.mentor_pf_ul .card_info .cate_area .cates {
	/* flex: 0 1 auto; */ 
	width: max-content; 
	padding: 6px; border-radius: 4px; background: rgb(var(--main-color), 0.08); 
	color: rgb(var(--main-color)); 
	font-size: 10px; font-weight: 500; 
}
.mentor_pf_ul .card_info .card_cnt {/* flex: 1; */ display: flex; justify-content: flex-end; align-items: center; gap: 7px; width: max-content; }
.mentor_pf_ul .card_info .card_cnt dl {display: flex; align-items: center; gap: 5px; }
.mentor_pf_ul .card_info .card_cnt dt {width: 24px; height: 24px; }
.mentor_pf_ul .card_info .card_cnt dd {color: #969696; font-size: 10px; font-weight: 600; }
.mentor_pf_ul .card_info .card_cnt .icon_review {background: url('/image/common/icon_mentor_review.png') no-repeat center / contain; }
.mentor_pf_ul .card_info .card_cnt .icon_advice {background: url('/image/common/icon_mentor_advice.png') no-repeat center / contain; }



/** 메인(홈) */
#main_section {background: #F8F8F8; }

#main_section .main_contents {display: flex; flex-direction: column; gap: 24px; padding-bottom: 60px; }
#main_section .main_contents > div {padding-bottom: 30px; background: #FFF; border-radius: 10px; }
#main_section #paragraph {
	padding: 20px; border-radius: 6px; background: rgb(var(--main-color)); 
	text-align: center; color: #FFF; 
	font-size: 13px; font-weight: 600; 
	letter-spacing: -0.04em; 
	word-break: keep-all; 
}
#main_section .mentor_top {
	display: flex; justify-content: space-between; align-items: center; 
	margin-top: 25px; padding-left: 15px; padding-right: 30px; 
}
#main_section .mentor_title {display: flex; align-items: center; gap: 3px; }
#main_section .mentor_title i {display: block; width: 26px; height: 26px; background-size: 26px 26px !important; }
#main_section .mentor_title span {line-height: 1.2; font-size: 16px; font-weight: 700; letter-spacing: -0.04em; }
#main_section .mentor_more {display: flex; align-items: center; gap: 4px; }
#main_section .mentor_more i {
	width: 12px; height: 12px; 
	border-radius: 12px; 
	background: url('/image/common/icon_main_more.png') no-repeat center / 12px auto, rgb(var(--green-color));
}
#main_section .mentor_more span {line-height: 1.2; color: rgb(var(--main-color)); font-size: 11px; font-weight: 600; letter-spacing: -0.04em; }

/* #main_section .mentor_mid {margin-top: 20px; } */
#main_section .mentor_mid .swiper {padding: 20px 0; }
#main_section .mentor_mid .swiper-slide:not(.empty_slide) {width: 220px; padding: 0 15px; border: 1px solid #EDEDED; border-radius: 6px; }
#main_section .mentor_mid .swiper-slide a {display: block; }
#main_section .mentor_mid .empty_slide {display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); height: 100px; font-size: 14px; font-weight: 500; }
#main_section .mentor_mid .swiper-button {left: auto; right: auto; transform: translate(0, -50%); width: 90px; height: 100%; margin-top: 0; }
#main_section .mentor_mid .swiper-button:after {display: none; }
#main_section .mentor_mid .swiper-button-next {right: 0; background: url('/image/common/main_mentor_next.png') no-repeat right 25px center, linear-gradient(-90deg, #FFF 20px, transparent);}
#main_section .mentor_mid .swiper-button-prev {left: 0; background: url('/image/common/main_mentor_prev.png') no-repeat left 25px center, linear-gradient(90deg, #FFF 40px, transparent); }
#main_section .mentor_mid .swiper-button-disabled {display: none;}
#main_section .mentor_mid .swiper-pagination {position: static; display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 20px; font-size: 0; }
#main_section .mentor_mid .swiper-pagination .swiper-pagination-bullet {margin: 0; }
#main_section .mentor_mid .swiper-pagination .swiper-pagination-bullet-active {background: rgb(var(--main-color));}

#main_section .mentor_profile {display: flex; gap: 12px; padding: 14px 0 18px; border-bottom: 1px solid #F6F6F6; }
#main_section .mentor_profile .img_wrap {position: relative; width: 56px; }
#main_section .mentor_profile .img_wrap:before {display: block; clear: both; content: ''; padding-bottom: 100%; }
#main_section .mentor_profile .img_wrap .img_div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #F6F6F6; border-radius: 100%; overflow: hidden; }
#main_section .mentor_profile .img_wrap img {display: block; width: 100%; height: 100%; object-fit: cover;}
#main_section .mentor_profile .desc_wrap {flex: 1; }
#main_section .mentor_profile .desc_wrap .name { color: #1E1E1E; font-size: 15px; font-weight: 600; }
#main_section .mentor_profile .desc_wrap .info {margin-top: 5px; color: #969696; font-size: 10px; -webkit-line-clamp: 2; }
#main_section .cate_area {display: flex; align-items: center; gap: 5px; padding: 12px 0 10px; }
#main_section .cate_area div {display: flex; align-items: center; }
#main_section .cate_area .career_year {}
#main_section .cate_area .branch {overflow: hidden; }
#main_section .cate_area .cates {width: max-content; padding: 6px; border-radius: 4px; background: rgb(var(--main-color), 0.08); color: rgb(var(--main-color)); font-size: 10px; font-weight: 500; }

#main_section #hot_mentor .mentor_title i {background: url('/image/common/icon_main_hot.png') no-repeat center; }
#main_section #pop_mentor .mentor_title i {background: url('/image/common/icon_main_pop.png') no-repeat center; }
#main_section #new_mentor .mentor_title i {background: url('/image/common/icon_main_new.png') no-repeat center; }



/** 알림 */
#alarm_list_section {padding-bottom: 60px; }

#alarm_list_section .alarm_ul {margin-top: -14px; }
#alarm_list_section .alarm_ul li {padding: 14px 0; }
#alarm_list_section .alarm_ul .alarm_content {line-height: 1.2; font-size: 14px; font-weight: 500;}
#alarm_list_section .alarm_ul .created_at {line-height: 1.2; margin-top: 10px; color: #B8B8B8; font-size: 12px; }



/** 멘토정보 - list */
#mentor_list_section {background: #F8F8F8; }

#mentor_list_section .subpage-content-area {background: #FFF; }
#mentor_list_section .select_group {display: flex; align-items: center; gap: 10px; width: 100%;}
#mentor_list_section .stx_wrap {flex: initial; width: 100%; }

#mentor_list_section .sort_area {margin-top: 26px; }
#mentor_list_section .sort_area > div {display: flex; align-items: center; padding: 5px 7px; border-radius: 6px; background: #F6F6F6; }
#mentor_list_section .sort_area a {
	flex: 1; display: flex; justify-content: center; align-items: center; 
	height: 40px; padding: 0 5px; color: #B8B8B8; 
	font-size: 14px; font-weight: 500; letter-spacing: -0.04em; cursor: pointer;
}
#mentor_list_section .sort_area a.active {border-radius: 6px; background: #FFF; color: rgb(var(--main-color));}
#mentor_list_section .list_wrap {padding-top: 20px; padding-bottom: 80px; }



/** 멘토정보 - view */

#mentor_view_section {}
#mentor_view_section .mentor_info {padding: 24px 0 30px; }
#mentor_view_section .basic_info {position: relative; display: flex; gap: 16px; }
#mentor_view_section .mentor_info .img_wrap {position: relative; width: 70px;}
#mentor_view_section .mentor_info .img_wrap:before {display: block; clear: both; content: ''; padding-bottom: 100%; }
#mentor_view_section .mentor_info .img_div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #F6F6F6; border-radius: 100%; overflow: hidden; }
#mentor_view_section .mentor_info img {width: 100%; height: 100%; object-fit: cover; }
#mentor_view_section .mentor_info .spec {line-height: 1.2; }
#mentor_view_section .mentor_info .name {font-size: 15px; font-weight: 600; }
#mentor_view_section .mentor_info .cate {margin-top: 10px; color: #969696; font-size: 12px; font-weight: 500; }
#mentor_view_section .mentor_info .career {margin-top: 5px; color: #969696; font-size: 12px; font-weight: 500; }
#mentor_view_section .option_button_wrap {position: absolute; top: 0; right: 0; }
#mentor_view_section .btn_option_ul {
	display: none;
	position: absolute; right: 0; 
	width: max-content;
	border: 1px solid #EDEDED;
	border-radius: 4px;
	background: #FFF; 
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
#mentor_view_section .btn_option_ul.active {display: block; }
#mentor_view_section .btn_option_ul li {padding: 8px 15px; line-height: 20px; font-size: 13px; font-weight: 500; cursor: pointer; }
#mentor_view_section .desc_info {margin-top: 24px;}
#mentor_view_section .title {line-height: 16px; color: #1E1E1E; font-size: 15px; font-weight: 600; }
#mentor_view_section .desc {margin-top: 12px; font-size: 12px; }
#mentor_view_section .tab_content {padding-bottom: 50px; }

.mentor_spec {padding-top: 30px; }
.mentor_spec .license_wrap {
	display: flex; align-items: center; 
	line-height: 1.2; padding: 10px 15px; min-height: 46px; 
	border: 1px solid #DBDBDB; border-radius: 8px; 
	font-size: 15px; font-weight: 500;
}
.mentor_spec .introduce_wrap {
	display: flex; 
	line-height: 1.2; padding: 10px 15px; min-height: 160px; 
	border: 1px solid #DBDBDB; border-radius: 8px; 
	font-size: 15px;
}


.mentor_calendar {padding-top: 30px; }
.new_calendar_wrap {border: 1px solid #DBDBDB; border-radius: 8px; }
.new_calendar_wrap .cal_info {display: flex; justify-content: center; align-items: center; gap: 14px; padding: 17px 0 14px; }
.new_calendar_wrap .cal_info p {line-height: 22px; font-size: 15px; font-weight: 700; }
.new_calendar_wrap .cal_info button {display: block; width: 18px; height: 18px; }
.new_calendar_wrap .cal_info .cal_prev {background: url('/image/common/cal_prev.png') no-repeat center / contain;}
.new_calendar_wrap .cal_info .cal_next {background: url('/image/common/cal_next.png') no-repeat center / contain;}

.new_calendar_wrap {}
.new_calendar_yoil {display: flex; flex-wrap: wrap; gap: 16px; background: #F9F9FA; padding: 6px 5px; }
.new_calendar_yoil li {width: calc((100% - 96px) / 7); line-height: 22px; text-align: center; font-size: 12px; font-weight: 600;}
.new_calendar_yoil  .sun {color: rgb(var(--main-color));}
.new_calendar_list2 {display: flex; flex-wrap: wrap; gap: 12px 16px; padding: 10px 5px; }
.new_calendar_list2 li {position: relative; width: calc((100% - 96px) / 7); }
.new_calendar_list2 li:before {display: block; clear: both; content: ''; padding-bottom: 100%;}
.new_calendar_list2 .sun {color: rgb(var(--main-color));}
.new_calendar_list2 div {
	display: flex; justify-content: center; align-items: center;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; cursor: pointer; user-select: none; 
}
.new_calendar_list2 div[data-disabled="true"] {opacity: 0.6}
.new_calendar_list2 div.active {background: rgb(var(--green-color)); color: #FFF; }
.new_calendar_list2 p {position: relative; }

.new_calendar_list2 .mark_today {position: absolute; top: 0; left: 100%; width: 4px; height: 4px; border-radius: 4px; background: rgb(var(--green-color));}
.new_calendar_list2 .datetime {display: block; line-height: 22px; text-align: center; font-size: 15px; }

#f_schedule_datetime {margin-top: 30px; }
#f_schedule_datetime select {font-size: 15px; font-weight: 400; }
#f_schedule_datetime .form_cont {display: flex; flex-direction: column; gap: 20px; }
#f_schedule_datetime .metoring_head {margin: 10px 0; }
#f_schedule_datetime .metoring_head .divide {height: 4px; margin: 0 -20px; }
#f_schedule_datetime .metoring_head h4 {margin: 0; padding-top: 30px; font-size: 17px; font-weight: 600; }
#f_schedule_datetime .group {display: flex; flex-direction: column; gap: 20px; }
#f_schedule_datetime .fld_wrap {margin-bottom: 0; }
#f_schedule_datetime .textarea_wrap textarea {word-break: keep-all; }
#f_schedule_datetime .button_wrap {margin-top: 60px; }


.mentor_review {}
.review_ul {background: #F6F6F6; }
.review_ul.empty_ul {background: #FFF; }
.review_ul > li:not(.empty_li) {padding: 20px; margin-bottom: 6px; background: #FFF; }
.review_ul > li .review_info {display: flex; flex-direction: column; gap: 6px; }
.review_ul > li .review_info dl {display: flex; align-items: center; gap: 20px; }
.review_ul > li .review_info dt {width: 60px; color: #666; font-size: 12px; }
.review_ul > li .review_info dd {flex: 1; color: #363636; font-size: 12px; font-weight: 500;}
.review_ul > li .review_content {margin-top: 15px; line-height: 1.4; padding: 10px; border-radius: 4px; background: #F9F9FA; font-size: 14px; }



/** 상담상품 */
#product_list_section {flex: 1; display: flex; flex-direction: column; background: #F8F8F8; }
#product_list_section .subpage-content-area {flex: 1; display: flex; flex-direction: column; }
#product_list_section .item_cont {flex: 1; }
.product_ul {display: flex; flex-direction: column; gap: 15px; padding: 16px 0; }
.product_ul > li {}
.product_ul > li a {display: block; position: relative; height: 100%; padding: 0 10px; border: 1px solid transparent; border-radius: 8px; background: #FFF; color: #000; }
.product_ul > li .it_info {padding: 20px 0 14px; border-bottom: 1px solid #F6F6F6; }
.product_ul > li .title {display: flex; align-items: center; gap: 5px; }
.product_ul > li .title i {display: block; width: 24px; height: 24px; }
.product_ul > li .title .text {line-height: 24px; font-size: 14px; font-weight: 500; }
.product_ul > li .it_price {margin-top: 10px; line-height: 1.2; font-size: 22px; font-weight: 700; }
.product_ul > li .it_name {display: flex; align-items: center; gap: 6px; padding: 16px 0; }
.product_ul > li .it_name i {
	display: block; 
	width: 16px; height: 16px; 
	border-radius: 16px; 
	background: url('/image/common/icon_it_call.png') no-repeat center/ 16px auto, rgb(var(--green-color), 0.1);
}
.product_ul > li .it_name .text {line-height: 1.2; color: #666; font-size: 15px; font-weight: 500; }
.product_ul > li span {
	position: absolute; top: 0; left: 15px; transform: translate(0, -50%); 
	padding: 3px 6px; 
	border-radius: 20px; background: rgb(var(--green-color)); 
	color: #FFF; font-size: 10px; font-weight: 500; 
}
.product_ul > .best a {border-color: rgb(var(--green-color));}
.product_ul > .best i {background: url('/image/common/item_best.png') no-repeat center/contain; }
.product_ul > .speed i {background: url('/image/common/item_speed.png') no-repeat center/contain; }
.product_ul > .deep i {background: url('/image/common/item_deep.png') no-repeat center/contain; }



/** 상담상품 상세 */
#product_view_section {flex: 1; display: flex; flex-direction: column; }
#product_view_section .subpage-content-area {flex: 1; display: flex; flex-direction: column; }

#f_item_order {flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
#f_item_order .fld_wrap {margin-bottom: 20px; }
#f_item_order .fld_label {margin-bottom: 12px; color: #666; font-size: 14px; }
#f_item_order .fld_content {}
#f_item_order .it_value {line-height: 1.2; padding-bottom: 20px; border-bottom: 1px solid #EDEDED; font-weight: 500; }
#f_item_order .acc_method_wrap {display: flex; align-items: center; }
#f_item_order .acc_method_wrap > div {flex: 1; }
#f_item_order .mutong_wrap {display: none; }
#f_item_order .mutong_wrap.active {display: block; }
#f_item_order .mutong_info {line-height: 1.2; margin-top: 24px; padding: 15px; border-radius: 8px; background: #F9F9FA; font-size: 15px; }
#f_item_order .tip_text {margin-top: 5px; color: #8394C0; font-size: 10px; font-weight: 500;}

#f_item_order .cancel_term {margin-top: 40px; margin-bottom: 40px; padding: 20px; border-radius: 8px; background: #F9F9FA; }
#f_item_order .cancel_term dl {margin-bottom: 18px; padding-left: 5px;}
#f_item_order .cancel_term dl:last-of-type {margin-bottom: 0; }
#f_item_order .cancel_term dt {position: relative; line-height: 1.4; color: #666; font-size: 12px; font-weight: bold; }
#f_item_order .cancel_term dt:before {
	display: block; clear: both; content: '·'; 
	position: absolute; top: 50%; right: 100%; transform: translate(0, -50%);
	width: 3px; height: 3px; margin-right: 5px; 
	border-radius: 3px; background: #666;
	font-size: 0;
}
#f_item_order .cancel_term dd {line-height: 1.4; padding-top: 5px; font-family: "Pretendard Variable", Pretendard; color: #666; font-size: 12px; }

#f_item_order .button_wrap {padding-bottom: 50px; }




/** 마이페이지 메인 */
body.mypage #wrapper {height: inherit; overflow: hidden; }
body.mypage #container {overflow: hidden; }
body.mypage #mypage_section {overflow: hidden; }

#mypage_section {flex: 1; display: flex; flex-direction: column; background: #F8F8F8; }
#mypage_section .subpage-content-area {flex: 1; display: flex; flex-direction: column; overflow: hidden; }
#mypage_section .mypage_cont {flex: 1; overflow: auto; }
#mypage_section .page_menu_ul {flex: 1; }
#mypage_section .to_mentor {padding: 20px 10px; border-radius: 8px; background: #FFF; }
#mypage_section .to_mentor .title {font-size: 15px; font-weight: 600; }
#mypage_section .to_mentor .content {margin-top: 10px; padding: 10px; border: 1px solid #EDEDED; font-size: 12px; font-weight: 500; }



/** 내정보 */
#my_info_section {}
#my_info_section .sub-title-area {display: flex; align-items: center; gap: 8px; }
#my_info_section .sns_tag {margin-bottom: 4px; padding: 0 6px; line-height: 22px; border-radius: 6px; text-align: center; font-size: 10px; font-weight: 500;}
#my_info_section .sns_tag.kakao {background: #FFE402; color: #3B1E1E; }
#my_info_section .sns_tag.apple {background: #000; color: #FFF; }



/**
멘티
*/

/** 상담내역 */
#schedule_list_section {}
#schedule_list_section .sch_area {padding-bottom: 20px; }

.schedule_cont {}
.my_schedule_ul {display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.my_schedule_ul > li:not(.empty_li) {position: relative; padding: 16px 12px; border: 1px solid #EDEDED; border-radius: 10px; }
.my_schedule_ul > li .title {font-size: 15px; font-weight: 600; }
.my_schedule_ul > li .mentor {display: flex; align-items: center; gap: 5px; margin-top: 10px; line-height: 1.2; color: #666; font-size: 12px; font-weight: 500; }
.my_schedule_ul > li .mentor hr {width: 1px; height: 10px; margin: 0; background: #DBDBDB; }
.my_schedule_ul > li .item {position: relative; margin-top: 6px; }
.my_schedule_ul > li .it_name {line-height: 1.2; color: #666; font-size: 12px; font-weight: 500;}
.my_schedule_ul > li .show_form {
	position: absolute; top: 50%; right: 0; transform: translate(0, -50%); 
	padding: 5px 0; color: #969696; font-size: 12px; font-weight: 500; cursor: pointer; 
}
.my_schedule_ul > li .bots {margin-top: 5px;}
.my_schedule_ul > li .date_area {display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.my_schedule_ul > li .date_area > div {display: flex; }
.my_schedule_ul > li .date_area span {line-height: 1.2; color: #B8B8B8; font-size: 12px; }
.my_schedule_ul > li .float_group {
	display: flex; justify-content: flex-end; align-items: center;
	margin-top: 5px; 
}
.my_schedule_ul > li .status_wrap {display: flex; align-items: center; }
.my_schedule_ul > li .status_wrap span {font-size: 12px; font-weight: 500;}
.my_schedule_ul > li .status_wrap .done {color: rgb(var(--blue-color))}
.my_schedule_ul > li .status_wrap .cancel {color: rgb(var(--red-color))}
.my_schedule_ul > li .status_wrap .reject {color: #969696; }
.my_schedule_ul > li .button_wrap {}
.my_schedule_ul > li button {
	gap: 2px; 
	height: 24px; line-height: 1.2; 
	margin-left: 8px; padding: 0 8px; 
	border-radius: 4px; background: #F6F6F6; 
	font-size: 12px; font-weight: 500; 
	letter-spacing: -0.04em; 
}
.my_schedule_ul > li button i {display: block; width: 14px; height: 14px; }
.my_schedule_ul > li button.cancel {color: rgb(var(--red-color));}
.my_schedule_ul > li button.done i {background: url('/image/common/btn_advice_review.png') no-repeat center / 14px auto;}
.my_schedule_ul > li button.call i {background: url('/image/common/btn_advice_call.png') no-repeat center / 14px auto;}




/** 결제내역 */
#order_section {}
#order_section .sort_area {display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-bottom: 20px; }
#order_section .sort_area .select_wrap {height: 36px; }
#order_section .sort_area select {font-size: 14px; }

.order_ul {display: flex; flex-direction: column; gap: 10px; }
.order_ul li:not(.empty_li) {padding: 0 10px; border: 1px solid #EDEDED; border-radius: 10px; }
.order_ul li .order_info {padding: 15px 5px 10px; }
.order_ul li .order_info .it_name {margin-bottom: 8px; font-size: 15px; font-weight: 700;}
.order_ul li .order_info .it_price {margin-bottom: 6px; color: #666; font-size: 12px; font-weight: 500;}
.order_ul li .order_info .pay_method {color: #666; font-size: 12px; font-weight: 500;}
.order_ul li .order_date {display: flex; flex-direction: column; gap: 5px; padding: 10px 5px; border-top: 1px solid #F6F6F6;}
.order_ul li .order_date dl {display: flex; align-items: center; gap: 5px; width: 100%; }
.order_ul li .order_date dt {color: #B8B8B8; font-size: 12px; }
.order_ul li .order_date dd {color: #B8B8B8; font-size: 12px; }


/** 차단내역 */
#block_section {}



/**
멘토
*/

/** 상담 스케줄링 */
#counsel_section {}

#f_counsel1 {padding-top: 30px; }
#f_counsel1 .dw_sel dt {padding-bottom: 20px; }
#f_counsel1 .dw_sel dd {display: flex; align-items: center; flex-wrap: wrap; gap: 20px 0px; padding-bottom: 36px; }
#f_counsel1 .dw_sel .radio_wrap2 {width: calc((100% - 0px) / 2); }
#f_counsel1 .radio {margin-top: 0; }
#f_counsel1 .radio_label {line-height: 1.2; font-weight: 500; word-break: keep-all; }
#f_counsel1 .time_sel dt {padding-bottom: 12px; }
#f_counsel1 .time_sel dd {display: flex; flex-wrap: wrap; gap: 10px; }
#f_counsel1 .time_sel .chk_wrap2 {flex: 1 1 calc((100% - 30px) / 4); }

#f_counsel1 .button_wrap {margin-top: 42px; padding-bottom: 50px; }

#counsel_section .sort_area {display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 26px; padding-bottom: 20px; }
#counsel_section .sort_area .select_wrap {height: 36px; }
#counsel_section .sort_area select {font-size: 14px; }

.my_counsel_ul {display: flex; flex-direction: column; gap: 10px; }
.my_counsel_ul > li:not(.empty_li) {padding: 0 10px; border: 1px solid #EDEDED; border-radius: 10px; }
.my_counsel_ul > li .top {padding: 0 5px 12px; border-bottom: 1px solid #EDEDED; }
.my_counsel_ul > li .counslee {margin-top: 15px; line-height: 1.2; color: #1E1E1E; font-size: 15px; font-weight: 600; }
.my_counsel_ul > li .show_form {
	display: flex; align-items: center; gap: 5px; 
	position: absolute; top: 50%; right: 0; transform: translate(0, -50%); 
	color: #666; font-size: 12px; font-weight: 500; text-decoration: underline; cursor: pointer; 
}
.my_counsel_ul > li .it_name {line-height: 1.2; margin-top: 8px; color: #969696; font-size: 12px; font-weight: 500; }
.my_counsel_ul > li .bot {position: relative; padding: 12px 0; }
.my_counsel_ul > li .datetime_group {display: flex; flex-direction: column; gap: 6px}
.my_counsel_ul > li .datetime_group div {line-height: 1.2; color: #363636; font-size: 12px;}
.my_counsel_ul > li .float_group {
	display: flex; justify-content: flex-end; align-items: center; 
	margin-top: 5px; 
}
.my_counsel_ul > li .status_wrap {display: flex; align-items: center; }
.my_counsel_ul > li .status_wrap span {color: #969696; font-size: 12px; font-weight: 500; letter-spacing: -0.04em; }
.my_counsel_ul > li .status_wrap .done {color: rgb(var(--blue-color));}
.my_counsel_ul > li .status_wrap .reject {color: rgb(var(--red-color));}

.my_counsel_ul > li .button_wrap {gap: 0; }
.my_counsel_ul > li .button_wrap button {
	height: 24px; margin-left: 8px; padding: 0 10px; border-radius: 4px; background: rgb(var(--f6-color)); 
	color: rgb(var(--66-color)); font-size: 12px; font-weight: 500; letter-spacing: -0.04em; 
}
.my_counsel_ul > li .button_wrap .ok {color: rgb(var(--blue-color));}



/** 정산내역 */
#adjust_section {}
#adjust_section h1 {padding-bottom: 20px; }
#adjust_section .sort_area {display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-bottom: 20px; }
#adjust_section .sort_area .select_wrap {height: 36px; }
#adjust_section .sort_area select {font-size: 14px; }

.adjust_ul {}
.adjust_ul > li:not(.empty_li) {padding: 0 10px; border: 1px solid #EDEDED; border-radius: 10px; }
.adjust_ul > li .top {padding: 15px 5px; border-bottom: 1px solid #F6F6F6; }
.adjust_ul > li .it_name {font-size: 15px; font-weight: 700;}
.adjust_ul > li .it_price {color: #666; font-size: 12px; font-weight: 500;}
.adjust_ul > li .profit {color: #666; font-size: 12px; font-weight: 500;}
.adjust_ul > li .bot {display: flex; justify-content: space-between; align-items: center; padding: 10px 5px; }
.adjust_ul > li .advice_at {color: #B8B8B8; font-size: 12px;}
.adjust_ul > li .status {font-size: 11px; font-weight: 500;}
.adjust_ul > li .status.wait {color: #969696; }
.adjust_ul > li .status.done {color: rgb(var(--blue-color)); }



/** 이용약관 */
#term_service_section {background: #F8F8F8; }
#term_service_section .subpage-content-area {}
#term_service_section .temp-content {padding-bottom: 60px; }



/** 개인정보처리방침 */
#term_privacy_section {background: #F8F8F8; }
#term_privacy_section .subpage-content-area {}
#term_privacy_section .temp-content {padding-bottom: 60px; }



/** 고객센터 */
#cust_section {flex: 1; display: flex; flex-direction: column; background: #F8F8F8; }

#cust_section .subpage-content-area {flex: 1; overflow: hidden; }
#cust_section .page_menu_ul {flex: 1; }
#cust_section .cust_cont {flex: 1; display: flex; flex-direction: column; }



/** board list 공통 */
.board_list_ul {margin-top: -16px; }
.board_list_ul li:not(.empty_li) {border-bottom: 1px solid #EDEDED; }
/* .board_list_ul li:last-child {border-bottom: 0; } */
.board_list_ul li > a {display: block; padding: 16px 0; color: #000; }
.board_list_ul li .status_wrap {display: flex; align-items: center; margin-bottom: 10px; }
.board_list_ul li .status_wrap span {
	display: flex; justify-content: center; align-items: center; 
	min-width: 60px; min-height: 24px; padding: 4px 6px; border-radius: 4px; line-height: 1.2; 
	font-size: 12px; 
}
.board_list_ul li .status_wrap span.yet {background: #EDEDED; color: #969696; }
.board_list_ul li .status_wrap span.done {background: #EFF4FF; color: rgb(var(--blue-color)); }
.board_list_ul li .subject {margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.board_list_ul li .created_at {color: #B8B8B8; font-size: 12px; }



/** board view 공통 */
.board_view {}
.board_view .bo_v_head {margin-bottom: 20px; padding-top: 24px; padding-bottom: 15px; line-height: 1.2; border-bottom: 1px solid #EDEDED; }
.board_view .bo_v_head .title {font-size: 16px; font-weight: 600; }
.board_view .bo_v_head .created_at {margin-top: 10px; color: #B8B8B8; font-size: 12px; }
.board_view .bo_v_body {padding-bottom: 60px; }



/** 공지사항 list */
#notice_list_section {}



/** 공지사항 view */
#notice_view_section {}



/** Q&A list */
#faq_section {}
#faq_section .faq_cate {margin-bottom: 28px; overflow: auto; }
#faq_section .faq_cate_ul {display: flex; align-items: center; gap: 8px; width: max-content; }
#faq_section .faq_cate li {}
#faq_section .faq_cate li a {display: block; line-height: 1.2; padding: 8px 12px; border-radius: 20px; background: #F6F6F6; color: #B8B8B8; text-align: center; font-size: 14px; font-weight: 500; }
#faq_section .faq_cate li.on a {background: rgb(var(--main-color)); color: #FFF; }

#faq_section .faq_cont_wrap {}
#faq_section .faq_ul {margin-top: -15px; }
#faq_section .faq_ul li {padding-top: 15px; }
#faq_section .faq_ul li .cate_area {padding-bottom: 10px; }
#faq_section .faq_ul li .cate_area span {line-height: 1.2; color: #B8B8B8; font-size: 11px; }
#faq_section .faq_ul li .question {display: flex; align-items: center; gap: 7px; padding-bottom: 15px; }
#faq_section .faq_ul li .question .subject {flex: 1; margin-bottom: 0; font-size: 15px;}
#faq_section .faq_ul li .question i {width: 12px; height: 8px; background: url('/image/common/select_arrow.png') no-repeat center / 12px auto; }
#faq_section .faq_ul li .answer {display: none; line-height: 1.4; padding: 10px 15px; background: #F9F9FA; font-size: 14px; word-break: break-word; } 
#faq_section .faq_ul li.active .answer {margin-top: -3px}



/** 1:1 문의 list */
#inquiry_list_section {}



/** 1:1 문의 view */
#inquiry_view_section {}

.inquiry_answer {}
.inquiry_answer .inq_a_head {margin-bottom: 10px; padding-top: 0; padding-bottom: 15px; line-height: 1.2; border-bottom: 1px solid #EDEDED; }
.inquiry_answer .inq_a_head .title {font-size: 16px; font-weight: 600;}
.inquiry_answer .inq_a_body {line-height: 1.2; padding: 10px 15px; background: #F9F9FA; font-size: 14px; }



/** 1:1 문의 write */
#inquiry_write_section {}



/** alert */
.alert_wrap {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 800;
	display: none; justify-content: center; align-items: center; 
}
.alert_wrap .alert_back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.5);}
.alert_wrap .alert_box {width: 100%; max-width: 330px; position: relative; padding: 20px; border-radius: 16px; background: #FFF; }
.alert_wrap .alert_head {}
.alert_wrap .alert_head .alert_close {position: absolute; top: 0; right: 0; }
.alert_wrap .alert_head h4 {margin: 0; padding: 20px 0; text-align: center; font-weight: 600; word-break: break-word; }
.alert_wrap .alert_body {padding-bottom: 20px; color: #454545; font-size: 12px; }
.alert_wrap .alert_body .content {line-height: 18px; text-align: center; font-size: 13px; letter-spacing: -0.04em; }
.alert_wrap .alert_foot {display: flex; gap: 10px; }
.alert_wrap .alert_foot .button {height: 52px; font-size: 14px; }
.alert_wrap .alert_foot .button.inactive {color: #666}

.alert_wrap.active {display: flex; }
.alert_wrap .alert_box.is_content h4 {padding-top: 20px; }
.alert_wrap .alert_box .content.is_caution {color: rgb(var(--red-color));}



/** 모달 */
.modal {display: none; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 700; }
.modal.active {display: flex; }
.modal_back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.5); }
.modal_box {position: relative; width: 100%; max-width: 600px; }
.modal_box .modal_cont {display: flex; flex-direction: column; max-height: 60dvh; padding: 20px 15px; background: #FFF;}
.modal_box .cont_head {position: relative; padding: 25px 0 20px; }
.modal_box .cont_head h4 {margin: 0; text-align: center; }
.modal_box .cont_head .modal_close {position: absolute; top: -5px; right: 0; width: 24px; height: 24px; background: url('/image/common/btn_hd_close.png') no-repeat center/ contain;}
.modal_box .cont_body {flex: 1; display: flex; flex-direction: column; overflow: auto; }
.modal_box .cont_body .reject_content {overflow: auto; height: 100px; line-height: 1.2; padding: 10px; background: #F9F9FA; font-size: 14px; font-weight: 500; }
.modal_box .cont_body .advice_info {display: flex; flex-direction: column; gap: 6px; margin-bottom: 15px; }
.modal_box .cont_body .advice_info dl {display: flex; gap: 5px; }
.modal_box .cont_body .advice_info dt {flex: 1; color: #666; font-size: 12px; }
.modal_box .cont_body .advice_info dd {flex: 3; color: #363636; font-size: 12px; word-break: break-word; }
.modal_box .cont_body textarea {height: 100px; padding: 10px; font-size: 15px; }
.modal_box .cont_body img {max-width: 100%; height: auto; }
.modal_box #target_view {flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.modal_box .cont_body .button_wrap {margin-top: 30px; }


.modal .view_counsel_form {display: flex; flex-direction: column; flex: 1; overflow: hidden; }
.modal .view_counsel_form .cont {flex: 1; overflow: auto; }
.modal .view_counsel_form .fld_label {color: #666; font-size: 12px; }
.modal .view_counsel_form input,
.modal .view_counsel_form textarea {border-color: #F9F9FA; }


#f_advice_review {flex: 1; display: flex; flex-direction: column; overflow: hidden; }
#f_advice_review .adv_review_cont {flex: 1; overflow: auto; }



#layer_modal {align-items: center; }
#layer_modal .modal_box {padding-left: 20px; padding-right: 20px; }
#layer_modal .modal_cont {border-radius: 8px; }

#bottom_modal {align-items: flex-end; }
#bottom_modal h4 {text-align: left; font-size: 18px; font-weight: 700; }
#bottom_modal .modal_cont {padding-bottom: 50px; border-radius: 8px 8px 0 0; }

#popup_modal {align-items: center; }
#popup_modal .modal_box {padding-left: 20px; padding-right: 20px; }
#popup_modal .modal_cont {margin-top: 10px; border-radius: 8px; }
#popup_modal .cont_head {display: none; }
#popup_modal .popup_button {display: flex; justify-content: space-between; align-items: center; gap: 10px; }
#popup_modal .popup_button .chk_elem {padding: 10px; }
#popup_modal .popup_button .chk_box {}
#popup_modal .popup_button .chk_label {color: #FFF; }
#popup_modal .popup_button button {line-height: 1.2; padding: 10px; color: #FFF; font-size: 14px; font-weight: 500;}



/**
responsive
*/

/** mobile */
@media screen and (min-width: 375px){
	/** 상담내역 */
	.my_schedule_ul > li .float_group {
		position: absolute; right: 12px; bottom: 12px; 
		margin-top: 0; 
	}
	
	
	
	/** */
	.my_counsel_ul > li .float_group {
		position: absolute; top: 50%; right: 0; transform: translate(0, -50%);
	}
}


/** tablet */
@media screen and (min-width: 768px){ 
	/** checkbox */
	.chk_wrap2 > label {height: 42px; }
	/** switch */
	/** form field */
	/** input */
	.input_wrap input {height: 50px; font-size: 16px; }
	.cert_input_div input {padding-right: 100px; }
	.cert_input_div .timer {right: 100px; }
	
	.input_wrap.float_button input {padding-right: 100px; }
	
	.in_textspan span {font-size: 16px; }
	
	
	/** select */
	.select_wrap {height: 50px; }
	/** radio */
	.radio_wrap .radio_elem .radio_label {font-size: 16px; }
	
	
	
	/** sch */
	.sch_wrap .select_wrap {height: 50px; }
	.sch_wrap select {font-size: 16px; }
	.sch_wrap .stx_wrap input {height: 50px; }
	.sch_wrap .stx_wrap button {width: 28px; height: 28px; background-size: 28px auto}
	
	
	
	/** file */
	/** textarea */
	/** button */
	.button {font-size: 16px; }
	.btn_option {width: 28px; height: 28px; background-size: 28px auto; }
	
	/** basic tools */
	.sub-title-area h1 {display: block; font-size: 20px; }
	.sub-title-area h1 p {margin-top: 5px; font-size: 12px; }
	.show_title .sub-title-area h1 {display: none; }
	

	/** header */
	.hd_li {display: block; }
	#header_top {display: block; }
	#header_main {height: 90px;}
	#header_main .inner {padding-left: 20px !important; padding-right: 20px !important;}
	.hd_main_cont .hd_group {gap: 60px; height: 100%; }
	.hd_main_cont .hd_button {display: none; }
	.hd_main_cont .hd_li {display: flex; align-items: center; position: relative; height: 100%; }
	.hd_main_cont .hd_li a {color: #969696; }
	.hd_main_cont .hd_li.active a {color: #1E1E1E; }
	.hd_main_cont .hd_li.active:before {
		display: block; clear: both; content: ''; 
		position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); 
		width: 70px; max-width: 100%; height: 3px; background: rgb(var(--green-color));
	}
	
	#header_main .hd_title {display: none; }
	.hd_right {right: 0; }
	#logo img {width: 114px; }
	#header_main #logo {display: block; }
	#header_main #logo 
	
	
	
	/** footer */
	footer {padding-bottom: 50px; }
	footer .top_area {margin-bottom: 35px; border-bottom: 1px solid #EDEDED; }
	footer .top_area ul {display: flex; }
	footer .site_info .foot_logo {margin: 25px 0; }
	footer .site_info .foot_logo img {width: 144px; }
	footer .site_info .info {gap: 15px; padding-bottom: 40px; font-size: 15px; font-weight: 500; }
	footer .terms {display: none; }
	
	
	
	

	/** 메뉴 페이지 - 공통 */
	.page_menu_ul > li a {background-size: 8px auto; font-size: 16px; }
	
	
	
	/** 배너 - 메인 */
	.main_banner {padding: 34px 0 86px; }
	.main_banner_swiper .swiper-slide:before {padding-bottom: calc((550 / 1240) * 100%);}
	.main_banner_swiper .swiper-slide img {border-radius: 32px; }
	.main_banner_swiper .swiper-slide .pc {display: block; }
	.main_banner_swiper .swiper-slide .mo {display: none; }
	.main_banner_swiper .pagination_wrap {}
	.main_banner_swiper .swiper-pagination {min-width: 65px; line-height: 30px; margin-right: 50px; margin-bottom: 30px; font-size: 15px; }
	
	
	
	/** 배너 - 상단 - (알림, 결제내역) */
	.top_banner {}
	.top_banner_swiper .swiper-slide:before {/* padding-bottom: calc((120 / 1240) * 100%); */ padding-bottom: 120px; }
	.top_banner_swiper .swiper-slide .pc {display: block; }
	.top_banner_swiper .swiper-slide .mo {display: none; }
	
	
	
	/** 배너 - 하단 */
	.page_banner {max-height: 120px; }
	.page_banner:before {padding-bottom: calc((120 / 640) * 100%);}
	.page_banner .banner_swiper .mo {display: none; }
	.page_banner .banner_swiper .pc {display: block; }
	
	
	
	/** tab 기본 */
	.tab_area > div {height: 50px; font-size: 16px; }
	
	
	/** 멘토 리스트 공통 */
	.mentor_pf_ul {flex-direction: row; gap: 20px; }
	.mentor_pf_ul > li:not(.empty_li) {padding: 0 15px; }
	.mentor_pf_ul .mentor_info {gap: 25px; padding: 25px 0 30px; }
	.mentor_pf_ul .mentor_info .img_wrap {width: 100px; }
	.mentor_pf_ul .mentor_info .desc_wrap .name {margin-bottom: 12px; font-size: 24px;}
	.mentor_pf_ul .mentor_info .desc_wrap .title {margin-bottom: 6px; font-size: 16px; }
	.mentor_pf_ul .mentor_info .desc_wrap .info {font-size: 16px; }
	.mentor_pf_ul .mentor_info .desc_wrap .btn_option {width: 28px; height: 28px; background: url('/image/common/btn_option.png') no-repeat center/28px auto;}
	.mentor_pf_ul .mentor_info .card_option_ul {
		display: none;
		position: absolute; right: 0; 
		width: max-content;
		border: 1px solid #EDEDED;
		border-radius: 4px;
		background: #FFF; 
		box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	}
	.mentor_pf_ul .mentor_info .card_option_ul > li {padding: 8px 15px; line-height: 22px; font-size: 14px; font-weight: 500; }
	.mentor_pf_ul .mentor_info .card_option_ul.active {display: block; }
	.mentor_pf_ul .card_info {gap: 10px; padding: 20px 0; }
	.mentor_pf_ul .card_info .cate_area {flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-width: 0; }
	.mentor_pf_ul .card_info .cate_area > div {}
	.mentor_pf_ul .card_info .cate_area .cates {padding: 10px; border-radius: 8px; font-size: 16px; }
	.mentor_pf_ul .card_info .card_cnt dt {width: 28px; height: 28px; }
	.mentor_pf_ul .card_info .card_cnt dd {font-size: 14px; }

	
	
	/** 메인(홈) */
	#main_section .main_contents {gap: 70px; padding-bottom: 180px; }
	#main_section .main_contents > div {padding-bottom: 0; background: none; }
	#main_section #paragraph {
		padding: 33px 0; 
		padding-left: 60px; 
		border-radius: 24px; 
		background: url('/image/common/para_img.png') no-repeat right 60px center/ 82px auto, rgb(var(--main-color));
		text-align: left; 
		font-size: 26px;
	}
	#main_section .mentor_top {margin-top: 0; padding: 0; }
	#main_section .mentor_title i {width: 52px; height: 52px; background-size: 52px 52px !important; }
	#main_section .mentor_title span {font-size: 28px; }
	
	#main_section .mentor_more {gap: 6px; }
	#main_section .mentor_more i {
		width: 16px; height: 16px; 
		border-radius: 16px; 
		background-size: 16px auto;
	}
	#main_section .mentor_more span {font-size: 15px; }
	
	#main_section .mentor_mid {margin-top: 30px; padding: 40px 0; padding-bottom: 34px; border-radius: 24px; background: #FFF; box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.09); }
	#main_section .mentor_mid .swiper-slide:not(.empty_slide) {width: 400px; border-radius: 10px; }
	#main_section .mentor_mid .swiper-pagination {margin-top: 35px; }
	
	#main_section .mentor_profile {gap: 25px; padding: 25px 0 30px; }
	#main_section .mentor_profile .img_wrap {width: 100px; }
	#main_section .mentor_profile .desc_wrap .name {font-size: 24px; }
	#main_section .mentor_profile .desc_wrap .info {margin-top: 12px; font-size: 16px; }
	#main_section .cate_area {gap: 10px; padding: 20px 0; }
	#main_section .cate_area .branch {max-width: 240px; }
	#main_section .cate_area .cates {padding: 10px; border-radius: 8px; font-size: 16px; }
	
	
	
	/** 로그인 */
	#f_login .lost_button_wrap a {font-size: 15px; }
	
	
	
	/** 회원가입 */
	#join_terms_section .all_agree .chk_label {font-size: 16px; }
	#join_terms_section .member_agree .chk_label {font-size: 16px; }
	#join_terms_section .member_agree textarea {font-size: 14px; }
	
	#f_join .info_face {font-size: 14px;}
	
	.input_desc {font-size: 12px; }
	
	
	
	/** 알림 */
	
	#alarm_list_section .alarm_ul .alarm_content {font-size: 18px; }
	#alarm_list_section .alarm_ul .created_at {font-size: 14px; }
	
	
	
	
	/** 멘토정보 - list */
	#mentor_list_section .sort_area a {height: 50px; font-size: 16px; }
	
	
	
	/** 멘토정보 - view */
	#mentor_view_section .mentor_info .img_wrap {width: 100px; }
	#mentor_view_section .mentor_info .name {font-size: 24px; }
	#mentor_view_section .mentor_info .cate {margin-top: 12px; font-size: 16px; }
	#mentor_view_section .mentor_info .career {margin-top: 6px; font-size: 16px; }
	#mentor_view_section .title {line-height: 1.2; font-size: 18px; }
	#mentor_view_section .desc {font-size: 16px; }
	#mentor_view_section .tab_content {padding-bottom: 80px; }
	#mentor_view_section .btn_option_ul li {line-height: 22px; font-size: 14px; }
	
	.mentor_spec {}
	
	.mentor_calendar {display: flex; justify-content: flex-start; gap: 20px; }
	.calendar_area {flex: 1; }
	.new_calendar_wrap {flex: 1; position: sticky; top: 167px; /* max-width: 600px;  */}
	.new_calendar_wrap .cal_info p {font-size: 16px; }
	.new_calendar_yoil {padding: 12px 5px; }
	.new_calendar_yoil li {font-size: 14px; }
	.new_calendar_list2 .datetime {font-size: 16px; }
	
	#f_schedule_datetime {flex: 1; /* min-width: 320px; */ margin-top: 0; }
	#f_schedule_datetime select {font-size: 16px; }
	#f_schedule_datetime .form_cont {gap: 30px; }
	#f_schedule_datetime .metoring_head {display: none; }
	#f_schedule_datetime .group {}
	#f_schedule_datetime .button_wrap {margin-top: 40px; }
	
	.mentor_review {}
	.review_ul > li .review_info dt {font-size: 14px; }
	.review_ul > li .review_info dd {font-size: 14px; }
	.review_ul > li .review_content {font-size: 16px; }
	
	
	
	/** 상담상품 */
	.product_ul {flex-direction: row; gap: 20px; flex-wrap: wrap; padding: 40px 0; }
	.product_ul > li {width: calc((100% - 20px) / 2); }
	.product_ul > li.best {width: 100%; }
	.product_ul > li .title {align-items: stretch; }
	.product_ul > li .title i {width: 28px; height: 28px; }
	.product_ul > li .title .text {flex: 1; line-height: 28px; font-size: 16px; word-break: keep-all; }
	.product_ul > li span {padding: 5px 10px; line-height: 20px; font-size: 14px; }
	.product_ul > li .it_price {font-size: 24px; }
	.product_ul > li .it_name i {width: 20px; height: 20px; }
	.product_ul > li .it_name .text {line-height: 20px; font-size: 16px; }
	
	
	
	/** 상담상품 상세 */
	#f_item_order .fld_label {font-size: 16px; }
	#f_item_order .it_value {line-height: 24px; font-size: 18px; }
	#f_item_order .tip_text {font-size: 12px; }
	
	#f_item_order .cancel_term dt {font-size: 14px; }
	#f_item_order .cancel_term dt:before {
		width: 4px; height: 4px; margin-right: 5px; 
		border-radius: 4px; 
	}
	#f_item_order .cancel_term dd {padding-top: 5px; font-size: 14px; }
	
	
	
	
	/** 마이페이지 메인 */
	#mypage_section .to_mentor {padding: 20px 15px; }
	#mypage_section .to_mentor .title {font-size: 16px; }
	#mypage_section .to_mentor .content {margin-top: 15px; font-size: 14px;}
	
	
		
	/** 내정보 */
	#my_info_section .sns_tag {font-size: 12px; }

	
	
	/**
	멘티
	*/
	
	/** 상담내역 */
	.my_schedule_ul {flex-direction: row; flex-wrap: wrap; gap: 20px; }
	.my_schedule_ul > li:not(.empty_li) {width: calc((100% - 20px) / 2);}
	.my_schedule_ul > li .title {font-size: 18px; }
	.my_schedule_ul > li .mentor {font-size: 14px; }
	.my_schedule_ul > li .it_name {font-size: 14px; }
	.my_schedule_ul > li .show_form {font-size: 14px; }
	.my_schedule_ul > li .date_area span {font-size: 14px; }
	.my_schedule_ul > li .status_wrap span {font-size: 14px; }
	
	
	
	/** 결제내역 */
	.order_ul li .order_info .it_name {margin-bottom: 8px; font-size: 16px; }
	.order_ul li .order_info .it_price {margin-bottom: 6px; color: #666; font-size: 14px; font-weight: 500;}
	.order_ul li .order_info .pay_method {color: #666; font-size: 14px; font-weight: 500;}
	.order_ul li .order_date dt {color: #B8B8B8; font-size: 14px; }
	.order_ul li .order_date dd {color: #B8B8B8; font-size: 14px; }



	/** 차단내역 */
	#block_section {}
	
	
	
	/**
	멘토
	*/
	
	/** 상담 스케줄링 */
	#f_counsel1 .dw_sel .radio_wrap2 {width: calc((100%) / 4);}
	#f_counsel1 .time_sel .chk_wrap2 {flex: 1 1 calc((100% - 70px) / 8); }
	
	#counsel_section .sort_area .select_wrap {height: 46px; }
	#counsel_section .sort_area select {font-size: 16px; }
	
	.my_counsel_ul > li:not(.empty_li) {padding: 0 10px; }
	.my_counsel_ul > li .top {padding: 0 5px 12px; border-bottom: 1px solid #EDEDED; }
	.my_counsel_ul > li .counslee {font-size: 24px; }
	.my_counsel_ul > li .show_form {font-size: 14px; }
	.my_counsel_ul > li .it_name {margin-top: 8px; font-size: 18px; }
	.my_counsel_ul > li .bot {position: relative; padding: 12px 0; }
	.my_counsel_ul > li .float_group {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
	.my_counsel_ul > li .datetime_group div {font-size: 14px;}
	.my_counsel_ul > li .status_wrap span {font-size: 14px; }
	
	
	/** 정산내역 */
	#adjust_section .sort_area .select_wrap {height: 46px; }
	#adjust_section .sort_area select {font-size: 16px; }
	.adjust_ul > li .it_name {font-size: 18px; }
	.adjust_ul > li .it_price {margin-top: 5px; font-size: 14px; }
	.adjust_ul > li .profit {margin-top: 5px; font-size: 14px; }
	.adjust_ul > li .advice_at {color: #B8B8B8; font-size: 14px;}
	.adjust_ul > li .status {font-size: 14px; }
	
	
	
	/** 이용약관 */
	/** 개인정보처리방침 */
	
	
	
	/** 고객센터 */
	/** board list 공통 */
	.board_list_ul li:not(.empty_li) {}
	.board_list_ul li .status_wrap span { font-size: 14px; }
	.board_list_ul li .subject {font-size: 18px; }
	.board_list_ul li .created_at {font-size: 14px; }
	
	
	
	/** board view 공통 */
	.board_view .bo_v_head .title {font-size: 18px; }
	.board_view .bo_v_head .created_at {font-size: 14px; }
	.board_view .bo_v_body {}
	
	
	
	/** 공지사항 list */
	/** 공지사항 view */
	
	
	
	/** Q&A list */
	#faq_section .faq_cate li a {font-size: 16px; }

	#faq_section .faq_ul li .cate_area span {font-size: 14px; }
	#faq_section .faq_ul li .question .subject {font-size: 18px; }
	#faq_section .faq_ul li .question i {width: 18px; height: 10px; background: url('/image/common/select_arrow.png') no-repeat center / 18px auto; }
	#faq_section .faq_ul li .answer {font-size: 16px; } 
	
	
	
	/** 1:1 문의 list */
	/** 1:1 문의 view */
	.inquiry_answer .inq_a_head .title {font-size: 18px; }
	.inquiry_answer .inq_a_body {font-size: 16px; }
	
	
	
	/** 1:1 문의 write */
	
	
	
	/** alert */
	.alert_wrap .alert_box {max-width: 360px; }
	
	
	
	/** 모달 */
	.modal_box .cont_body textarea {font-size: 16px; }
	
	.modal .view_counsel_form .fld_label {font-size: 14px; }
}


@media screen and (min-width: 1024px){
	
	/** 멘토 리스트 공통 */
	.mentor_pf_ul > li:not(.empty_li) {width: calc((100% - 20px) / 2);}
	
	
	
	/** 멘토정보 - view */
	#f_schedule_datetime .group.items {flex-direction: row; }
	#f_schedule_datetime .group.items .fld_wrap {flex: 1; }
	
}

@media screen and (min-width: 1280px){

}


/** main swiper navigation */
@media screen and (min-width: 1310px){
	#main_section .main_banner_swiper .swiper-button-next {right: 50%; transform: translate(50%, 0); margin-right: -620px; }
	#main_section .main_banner_swiper .swiper-button-prev {left: 50%; transform: translate(-50%, 0); margin-left: -620px; }
}