.header.bgwhite {background:#fff; box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.1);}
.header.bgwhite .inner .txt_menu a, .header.bgwhite .inner .right_menu ul li a {color: #3F3F3F;}
.header.bgwhite .inner .right_menu ul li::after {color: rgba(63, 63, 63, 0.4);}
.header.bgwhite .inner .right_icon ul li a img, .header.bgwhite .inner .right_icon .btn-search .search_icon {filter: brightness(0.3);}
.header.bgwhite .inner .logo img {filter: brightness(0.2);}
.header.bgwhite .inner .txt_menu li .two li a {color: #3F3F3F;}

.title_25px {font-size: 25px; color: #3F3F3F; font-weight: 500; line-height:25px;}


.nomargin {margin: 0 !important;}

/* 반응형숨김 */
.onlypc {display:block;}
.onlymb {display: none;}

.search_wrap.onlymb {display:none;}
.sharenreport.onlymb {display: none;}


/* 로그인 */
.login_form{
    margin:180px auto 0px;
    width: 580px;
}
.login_form.w736{width: 736px;}
.login_form .member_title {
    color: #3F3F3F; font-size: 35px; 
    font-weight: 500; text-align:center;line-height: 40px;
}
.login_form.w736 .login_box {padding:50px 40px;}
.login_form.w736 .login_box .w736_inputbox {padding:0px 50px;}
.login_form .login_box {background: #FFFFFF;
    box-shadow: -6px -3px 19px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9;
    margin-top:37px;
    padding:50px 90px;
    border-radius: 11px;
    box-sizing: border-box;
}
.login_form .login_box.signup {
  padding:50px 60px;
}

.login_form .login_box .member_input {
    display:block; width:100%;height:52px; border: 1px solid #D7D7D7; box-sizing: border-box;
    background: #FFFFFF; border-radius: 3px; padding: 18px 12px; margin-top:12px;padding-right: 50px;
}
.login_form .login_box .member_input:focus {border:1px solid #72C2FF; outline:none;}
.login_form .login_box .input_tit {font-size: 18px; line-height: 21px; color: #3F3F3F; margin-top:26px;}
.login_form .login_box .input_tit:first-child {margin-top:0;}
.input_tit.ess:after {content:"*"; color:#FB460E; margin-left:5px;}
.login_form .login_box .input_tit.ess {margin-top:20px;}

input {font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';}

.login_form .login_box .agree_input input[type="checkbox"] {
    display: none;
}
.login_form .login_box .agree_input {margin-top:26px;display:block;}
.login_form .login_box .agree_input input + label {cursor:pointer;
    font-size: 16px; color: #3F3F3F; 
}
.login_form .login_box .agree_input input:checked + label:before {
    content: "";
    background: url(/images/check_blue.svg) no-repeat center center;
}
.login_form .login_box .agree_input input + label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
}

.login_form .login_box .checkbox_group #check_all + label {font-size: 18px; color: #323232; padding:0; margin-bottom:25px;}

.login_form .login_box .checkbox_group input[type="checkbox"] {
    display: none;
}

.login_form .login_box .checkbox_group input:disabled + label {color: #C4C4C4; font-weight:300;}


.login_form .login_box .checkbox_group .optional + label {display:inline-block; padding-left:14px; margin-bottom:0;}
.login_form .login_box .checkbox_group #email + label {padding-left:60px;}

.login_form .login_box .checkbox_group {margin-top:26px;display:block; padding:0px 8px;}
.login_form .login_box .checkbox_group input + label {cursor:pointer;
    font-size: 16px; color: #3f3f3f; display:block; margin-bottom:18px; padding-left:30px;
}
.login_form .login_box .checkbox_group input:checked + label:before {
    content: "";
    background: url(/images/check_blue.svg) no-repeat center center;
}
.login_form .login_box .checkbox_group input + label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
}

.login_form .login_box .checkbox_group input:disabled + label:before {
  background: #E4E4E4;
  border: 1px solid #E4E4E4;
}

.login_form .login_box .checkbox_group .agree_modal {font-size: 16px; color: #686868; margin-left:8px; text-decoration: underline; text-underline-position: under; }


button {border:0; background-color: transparent;}



.btn_full_box .btn {width:100%;}
.btn_full_box.twobutton {display:flex; justify-content: space-between;}
.btn_full_box.twobutton .btn {width:49%; float:left;}
.btn_nonfull_box {margin-top:30px; overflow:hidden; display:flex; align-items: center; justify-content: center;}
.btn_nonfull_box .btn {padding:0px 40px; margin-right:16px;}

.btn_nonfull_box .btn:last-child {margin:0px;}


.btn {border-radius:50px; text-align:center; box-sizing: border-box;
    font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';
    display:flex; justify-content: center; align-items: center;
}
.btn.sky {background: #72C2FF; color:#fff;}
.btn.sky.line {background: #fff;border:1px solid #72C2FF; color:#3F3F3F;}
.btn.grey {background: #E1E1E1; color:#3F3F3F;}
.btn.h40 {font-size: 18px; font-weight: 500; height:40px;}
.btn.h62 {font-size: 25px; font-weight: 500; height:62px;}
.btn.nfbl {padding:0px 86px;}
.btn.back_pc {padding:0px 30px;}
.btn.back_mb {padding:0px 40px; display:none; margin:30px auto 0px;}

.btn.mbfull {padding:0px 140px;}



.login_form .find_wrap {margin:24px auto 0px; text-align:center;}
.login_form .find_wrap li {position: relative; display: inline-block;}
.login_form .find_wrap li+li {padding-left:24px;}
.login_form .find_wrap li+li::before {content: '';
    position: absolute;
    top: 0px;
    left: 12px;
    width: 1px;
    height: 14px;
    background-color: #969696;}

.login_form .find_wrap a {color: #d9d9d9; font-size: 16px;}
a {text-decoration: none;}
.login_form .sns_login {margin-top:116px; text-align: center;}
.login_form .sns_login p {color: #686868;font-size: 15px;}
.login_form .sns_login .sns_icon {margin-top:26px;}
.login_form .sns_login .sns_icon .kakao_icon, .apple_icon, .google_icon, .naver_icon {display:inline-block; line-height:0;}
.login_form .sns_login .sns_icon .kakao_icon {margin:0px 23px;}
.login_form .sns_login .sns_icon .apple_icon {margin-right:23px;}
.login_form .sns_login .sns_icon .google_icon img {box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 50px;} 
.footer {margin-top:60px;}


.tit_line {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #686868;
    font-size: 15px;
  }
.tit_line::before, .tit_line::after {
    content: "";
    flex-grow: 1;
    background: #969696;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
  }
.tit_line::before {margin-right:18px;}
.tit_line::after {margin-left:18px;}

input[type="radio"] {
    display:none;
  }
  
  input[type="radio"] + label span.round{
    display:inline-block;
    width: 18px; height: 19px;
    margin: 0px 9px 0 0px;
    font-size: 0;
    vertical-align: middle;
    background: url('/images/radio_off.svg') no-repeat;cursor:pointer;
  }
  
  input[type="radio"]:checked + label span.round {
    background: url('/images/radio_on.svg') no-repeat;
  }

  input[type="radio"]:checked + label span.radio_text {color: #3F3F3F;}
  input[type="radio"] + label {cursor: pointer;}
.radio_text {font-size: 16px; color: #3f3f3f;}

.login_form .login_box .find_form li {padding:30px 8px 0px 8px; border-top: 1px dashed #D4D4D4;}
.login_form .login_box .find_form li:first-child {padding:0px 8px 30px 8px; border-top:none;}

.find_input {
    display:block; width:100%; height:40px; box-sizing: border-box; border:1px solid #F9F9F9;
    background:#F9F9F9; border-radius: 5px; padding: 13px 12px; margin-top:12px;
}
.find_input::placeholder {color: #686868;font-size: 14px;}
.find_input:focus {border:1px solid #F9F9F9; outline:none;}
.find_input:disabled {background: #E3E3E3; border:1px solid #E3E3E3; color:#C0C0C0;}
.find_input:disabled::placeholder {color:#C0C0C0;}

.login_form .login_box .find_timer {margin-top:8px; align-items: center; border-radius: 5px; position:relative;}
.login_form .login_box .find_timer #timer {text-align: center;color: #3F3F3F; font-size: 14px; position:absolute; right:10px; top:12px;}
.login_form .login_box .timer_input {
    display:block; width:100%; height:40px; box-sizing: border-box; border:1px solid #F9F9F9;
    background:#F9F9F9; border-radius: 5px; padding: 13px 12px;
}
.login_form .login_box .timer_input::placeholder {color: #686868;font-size: 14px;}
.login_form .login_box .timer_input:focus {border:1px solid #F9F9F9; outline:none;}
.login_form .login_box .timer_input:disabled {background: #E3E3E3; border:1px solid #E3E3E3;}
.login_form .login_box .timer_input:disabled::placeholder {color:#C0C0C0;}

.lightgreytxt {color:#969696; font-size:16px;}

#emailverify {margin-top:50px;}
button {cursor: pointer;}

.login_form .find_result {margin-top: 28px; background: #F9FAFC; border-radius: 6px; padding:56px 100px;}
.login_form .find_result .result_text {margin-top:20px; color:#3f3f3f; font-size:20px; font-weight:500;}
.login_form .find_result .result_text:first-child {margin-top:0;}
.login_form .find_result .result_text span {color:#3f3f3f; font-size:20px; font-weight:500;}
.login_form .login_box .pw_notice {margin-top:40px; border-top: 1px dashed #D4D4D4;}
.login_form .login_box .pw_notice ul {padding:40px 50px 0px;}
.login_form .login_box .pw_notice ul li {color: #969696; font-size:16px;}
.login_form .login_box .pw_notice ul li+li {margin-top:18px;}



/* 모달 */
.modal_popup .modal_full_content.mid-size {width: 739px; box-sizing: border-box; border-radius: 14.5px; position: absolute; background: #FFF; height:auto;top:50%; left: 50%;transform: translate(-50%, -50%);}
.modal_popup .modal_full_content.small-size {width: 584px; box-sizing: border-box; border-radius: 14.5px; position: absolute; background: #FFF; height:auto;top:50%; left: 50%;transform: translate(-50%, -50%);}
.modal_popup .modal_content_wrap .modal_content.modal_text {text-align:center; font-size:18px; color:#3F3F3F; line-height:27px; margin-bottom:60px;}
.modal_popup .btnbox .onebutton {width:100%;}
.modal_popup .btnbox .onebutton .btn {border-radius:0 0 14.5px 14.5px;}

.modal_popup .modal_full_content.mid-size .modal_content_inner .modal_content_wrap {width:100%;}
.modal_popup .modal_full_content.mid-size .modal_content_inner {margin-top:38px;}
.modal_popup .modal_full_content.small-size .modal_content_inner .modal_content_wrap {width:100%;}
.modal_popup .modal_full_content.small-size .modal_content_inner {margin-top:38px;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap {padding:44px 31px 30px;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner {background: #F9F9F9; padding:28px 20px; height:calc(100vh - 400px); overflow-y: auto;}

.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner.shortcont { padding:16px 20px; background: none; height:auto;}

.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner .big {color: #686868; font-size: 14px; margin-bottom:28px; line-height: 21px;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner .big span {color: #3F3F3F; font-size: 18px; margin-bottom:15px; display:block;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner .middle {color: #686868; font-size: 14px; margin-bottom:25px; line-height: 21px;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner .middle span {color: #3F3F3F; font-size: 14px; margin-bottom:10px; display:block;}
.modal_content_inner .modal_content_wrap .modal_agree_content_wrap .modal_agree_content_inner::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 2px solid transparent;
  }

.modal_popup .modal_content_wrap.contact_popup {padding:0 33px;}
.modal_popup .modal_content_wrap.report_popup {padding:0 30px;}
.modal_popup .modal_content_wrap .modal_content.contact_text .content_box textarea {width: 100%;
  height: 119px;
  resize: none;
  border: none;
  background: #F9F9F9;
  border-radius: 5px;
  padding: 12px;
  font-size: 14px;
  letter-spacing: 0.025em;
  font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';
}
textarea:focus, input:focus{outline: 0;}

.modal_popup .modal_content_wrap .modal_content.contact_text {position: relative;}
.modal_popup .modal_content_wrap .modal_content.contact_text .content_box #test_cnt {position:absolute; color: #D9D9D9; font-size: 10px; right:10px; bottom:10px; font-weight:300;}

.modal_content_inner .modal_content_wrap .sub_explan {color: #3F3F3F; font-size: 14px; margin-top: 40px;}


/* 모달 끝 */



.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px dashed #D4D4D4;
  }
  .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    width: calc(100% / 4);

  }
  /* @media (max-width: 768px) {
    .stepper-item{flex:1;}
  } */
  @media (max-width: 425px) {
    .stepper-item{flex:0 0 auto;}
  }



  .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 4px solid #e1e1e1;
    width: 100%;
    top: 43px;
    left: -50%;
    z-index: 2;
  }
  
  .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 4px solid #e1e1e1;
    width: 100%;
    top: 43px;
    left: 50%;
    z-index: 2;
  }
  
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #e1e1e1;
    margin-top: 10px;
    color: rgba(63, 63, 63, 0.5);
  }
  .stepper-item .step-name { color: rgba(63, 63, 63, 0.5); font-size:14px;}
  .stepper-item.active .step-name {color: #3f3f3f; font-weight: 700;}

  .stepper-item.active {
    font-weight: 700;
  }

  .stepper-item.active .step-counter {
    background-color: #fff;
    border: 4px solid #72C2FF;
    color: #3F3F3F;
  }
  
  .stepper-item.completed .step-counter {
    background-color: #fff;
    border: 4px solid #72C2FF;
    color:#72C2FF;
  }
  .stepper-item.completed .step-name {color:#72C2FF;  }
  
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 4px solid #72C2FF;
    width: 100%;
    top: 43px;
    left: 50%;
    z-index: 3;
  }
  
  .stepper-item:first-child::before {
    content: none;
  }
  .stepper-item:last-child::after {
    content: none;
  }


.gender_radio {margin-top:14px;}
.gender_radio #gender_m {margin-right:26px;}

.inputwbut {position: relative; align-items: center; display: flex; margin-top:14px;}
.inputwbut .inputbutton {width:fit-content; margin-left:10px; padding:0 35px; flex-shrink: 0;}

.login_box .greeting {font-size:30px; color:#3f3f3f; padding:0 40px; line-height:30px; display:flex; align-items: center; justify-content: center; }
.login_box .greeting span {font-size:30px; color:#3f3f3f; font-weight:700; margin-right:11px;}
.login_box .greeting img {margin-left:28px;}
.login_box .greeting1 {font-size: 18px; color: #3F3F3F; margin-top:38px;}
.login_box .greeting2 {color: #3F3F3F; font-size: 14px; font-weight: 300; margin-top:10px;}




/* 이용약관 */
.layout_fix.terms {
  margin-top:130px; 
  width:100%; 
}
.terms_container {
  box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9; 
  border-radius: 12px; 
  background: #FFFFFF; 
  padding:20px;
  margin-top:90px;
}

ul.tabs, ul.tabs3, ul.tabs4{display:block; 
  margin-bottom: 60px;
  padding: 0px;
  list-style: none;padding-right:40px;}


ul.tabs li, ul.tabs3 li, ul.tabs4 li{
  background: none;
  color: #BABABA;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}

ul.tabs li a, ul.tabs3 li a ,ul.tabs4 li a {
  font-size: 20px;
  line-height:30px;
  color:#BABABA;
}

ul.tabs li.current, ul.tabs3 li.current3, ul.tabs4 li.current4 {
  color:  #3F3F3F;
}
ul.tabs li.current a, ul.tabs3 li.current3 a, ul.tabs4 li.current4 a{
  border-bottom: 2px solid #3F3F3F;
  color:  #3F3F3F;
}

.tab-content, .tab-content3, .tab-content4{
  display: none;

}

.tab-content.current, .tab-content3.current3, .tab-content4.current4{
  display: block;
}


.title_22px {margin-top: 30px; font-size:22px; color: #3f3f3f; margin-bottom: 20px;}

ul.tabs2{display:block; padding: 0px; list-style: none; display:flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 15px;}
ul.tabs2 li{ background: #EAEAEA;color: #3f3f3f; display: inline-block; padding: 11px 3px; cursor: pointer; border-radius: 5px; flex:1; text-align:center;}

ul.tabs2 li a {font-size: 14px; line-height:16px; color:#3f3f3f;}

ul.tabs2 li.current2{color:  #fff;background:#72C2FF;}
ul.tabs2 li.current2 a{ color:  #fff;}

.tab-content2{display: none;}

.tab-content2.current2{display: inherit;}

.terms_content .big {color: #686868; font-size: 14px; margin-bottom:28px; line-height: 21px;}
.terms_content .big span {color: #3F3F3F; font-size: 18px; margin-bottom:15px; display:block;}
.terms_content .middle {color: #686868; font-size: 14px; margin-bottom:25px; line-height: 21px;}
.terms_content .middle span {color: #3F3F3F; font-size: 14px; margin-bottom:10px; display:block;}

/* 이용약관 */

.policy_table  {border-collapse:collapse;border-spacing:0; margin-bottom:20px;}
.policy_table td{border-color:black;border-style:solid;border-width:1px; font-size:14px;
  overflow:hidden;padding:14px 20px;word-break:normal;}
.policy_table th{border-color:black;border-style:solid;border-width:1px; font-size:14px;
  font-weight:normal;overflow:hidden;padding:14px 20px;word-break:normal;}
.policy_table .tg-baqh{text-align:center;vertical-align:middle;}
.policy_table .tg-c3ow{border-color:inherit;text-align:center;vertical-align:middle;}
.policy_table .tg-7btt{border-color:inherit;font-weight:bold;text-align:center;vertical-align:middle;}
.policy_table .tg-amwm{font-weight:bold;text-align:center;vertical-align:middle;}


/* 캘린더 인풋 */
input[type="date"] {position:relative; background: url(/images/calendar.svg) no-repeat left 9px center / 20px auto;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {
    position:absolute; left:0; top:0; width:100%; height:100%;
    background:transparent; color:transparent; cursor:pointer;
}
input[type="date"]::before {content:attr(data-placeholder); width:100%;}
input[type="date"]:valid::before {display:none;}
input[data-placeholder]::before {color:#333333; font-size: 14px; }

.date_input {   display:block; width:100%; height:40px; box-sizing: border-box; border:1px solid #FEFEFE;
    background:#FEFEFE;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 13px 12px 13px 39px; margin-top:12px;
}
.date_input:focus {border:1px solid #FEFEFE; outline:none;}
.login_form .login_box .find_input::placeholder {color: #686868;font-size: 14px;}
/* 캘린더 인풋 */



.input_expl {margin-top:6px; font-size: 14px; color: #686868;}
.error-message {margin-top:9px; color: #FB460E; font-size: 12px;}


.social_login li {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  padding:15px;
  font-size: 14px;
  box-sizing: border-box;
}
.social_login li img {margin-right: 30px;}

.social_login .social_kakao {background: #FEE500; color: #000000;}
.social_login .social_google {background: #fff; color: #000000;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.social_login .social_naver {background: #00C73C; color: #fff;}
.social_login .social_apple {background: #000; color: #fff;}
.social_login .social_email {background: #fff; color: #000000;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}

.social_login .acc_contact {background: #fff; color: #000000;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}


.input_subexpl {color: #C4C4C4; font-size: 12px; margin-top:8px;}

.modal_content_wrap .alreadyhaveaccount {padding:40px 29px 60px;}
.alreadyhaveaccount .social_login .social_kakao {color: #000; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.alreadyhaveaccount .social_login .social_google {color: #000; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.alreadyhaveaccount .social_login .social_naver {color: #000; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.alreadyhaveaccount .social_login .social_apple {color: #000; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}
.alreadyhaveaccount .social_login .social_email {color: #000000; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);}

.alreadyhaveaccount .social_login li {background: #fff url(/images/signup_arrow.svg) no-repeat right 22px center;  margin-bottom: 12px;}
.alreadyhaveaccount .social_login li span {font-size: 12px; color: #686868; margin-left: 10px;}

.alreadyhaveaccount .new_account {display: flex; align-items: center;}
.alreadyhaveaccount .new_account img {box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); margin-right: 15px; border-radius: 25px;}

.social_up {color: #3F3F3F;font-size: 16px; }
.social_down {color: #686868; font-size: 12px; margin-top:8px; margin-bottom:20px;}


.cantlogin {color: #969696; font-size: 16px; text-align: center; margin-top: 24px;}
.cantlogin span {color: #686868; font-size: 16px; text-decoration: underline; text-underline-position: under; margin-left: 15px; cursor: pointer;}

.body_16px_96 {color: #969696; font-size: 16px; }

#certifnum:disabled {background: #e1e1e1; color:#adadad; }

#hidden_certifnum {display: none;}


/* 비밀번호 가리기 */
.showpw {position:relative;}
#showPassword {position:absolute; right:15px; top:16px; cursor: pointer;}
#showPassword1 {position:absolute; right:15px; top:11px; cursor: pointer;}
#showPassword2 {position:absolute; right:15px; top:11px; cursor: pointer;}


/* 상단배너 */
.pg_banner.pg_community {background: url(/images/communitybg.svg) no-repeat center; height:390px; background-size:cover;}
.pg_banner.pg_notice {background: url(/images/noticebg.svg) no-repeat center; height:580px; background-size:cover;}




/* 커뮤니티 글쓰기 */
.layout_fix.cm_write {margin-top: 60px;}
/* 0907수정사항 - 커뮤니티 Best글 라인 상단여백 추가 */
.cm_title_wrap {display: flex; justify-content: space-between; align-items: center; margin-top:22px;}
/* 커뮤니티 Best글 라인 상단여백 추가 끝 */
.cm_title_wrap .cm_title {font-size: 24px; color: #3F3F3F; line-height: 28px; font-weight:700;}
.cm_title_wrap .cm_title.best {font-size: 32px; color: #3F3F3F; line-height: 37px; font-weight:700;}
.cm_title_wrap .cm_more {font-size: 18px; color: #3F3F3F; line-height: 21px;}
/* 0830수정사항 - 커뮤니티 게시글상세, 게시글폼-댓글폼 사이 공백추가 */
.wr_container {background: #FFFFFF; box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9; border-radius: 11px; margin-top: 18px; padding:30px; margin-bottom:10px;}
/* 커뮤니티 게시글상세, 게시글폼-댓글폼 사이 공백추가 끝 */
.wr_container table {width:100%; border-collapse: separate; border-spacing: 0 20px; margin-top: -20px;}


.wr_container .field_tit {font-size: 16px; line-height: 16px; color: #3F3F3F; font-weight: 500; text-align:left;}
.wr_container .field_tit.ess:after {content:"*"; color:#FB460E; margin-left:5px;}

.wr_container .wr_title_field {vertical-align: middle;}
.wr_container .wr_title_field .find_input {width:50%; display: inline-block; margin-top:0;}
.wr_container .wr_title_field .find_input::placeholder {font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto'; color: #686868;}
.wr_container .wr_title_field input[type="number"]::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}

.wr_container .wr_textarea_field {vertical-align: top;}
.wr_container .wr_textarea_field td {vertical-align: top;}
.wr_container .wr_textarea_field .community_txt_box textarea {
  width: 100%; height: 381px; resize: none; border: none; background: #F9F9F9;
  border-radius: 5px; padding: 18px 13px; font-size: 14px;
  letter-spacing: 0.025em; font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto'; box-sizing: border-box; color: #686868;}
  .wr_container .wr_textarea_field .community_txt_box textarea::placeholder {font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto'; font-weight: 500; color: #686868;}
.wr_container .wr_textarea_field .content_box textarea::placeholder {color: #686868;}

.wr_container .wr_textarea_field .content_box .img_add_box {display: inline-flex; align-items: center; width: 400px; height: 170px; position: relative;}
/* 1019수정사항 -  기본 파일업로드 레이아웃변경 */
.wr_textarea_field .swiper .swiper-slide {opacity: 1 !important;}
.wr_textarea_field .swiper-pagination-total,.wr_textarea_field .swiper-pagination-current{color: black !important;}
.wr_textarea_field .swiper-button-prev,.wr_textarea_field .swiper-button-next{ background: none !important; box-shadow: none !important; }
.wr_textarea_field .swiper-button-prev {background-image: url('/images/img_mypage/prev_size20.svg') !important;}
.wr_textarea_field .swiper-button-next {background-image: url('/images/img_mypage/next_size20.svg') !important;}
.wr_textarea_field .swiper-buttons {top: 60% !important; background-position: center !important; background-repeat: no-repeat !important;}
.wr_textarea_field .swiper-buttons::after{content: "" !important;}
.wr_textarea_field .swiper-scrollbar {bottom: 5px !important; width: 300px !important; left: 50% !important; transform: translateX(-50%) !important;height: 6px !important;}
/* 기본 파일업로드 레이아웃변경 */
.wr_container .wr_textarea_field .content_box .img_add_box .img_add {width: 90px; height: 90px; border-radius: 5px;
  background: #F9F9F9 url(/images/icon_add_img.svg) no-repeat center; margin-left:6px;}
  .wr_container .wr_textarea_field .content_box .img_add_box .img_add:first-child {margin-left:0;}

.wr_container .wr_textarea_field .content_box .img_add_box .img_add input {cursor: pointer; width: 100%; height: 100%; opacity: 0;}
/* 1019수정사항 - 기본 파일업로드 레이아웃 변경 */
/* 1101수정사항 - 이미지업로더 주의문구 영역 너비값 지정 */
.wr_container .wr_textarea_field .content_box .img_expl {display:inline-block; margin-left: 39px; padding-top: 30px; width:50%;}
/* 이미지업로더 주의문구 영역 너비값 지정 끝 */
.wr_container .wr_textarea_field .content_box .img_expl li {color: rgba(63, 63, 63, 0.6); font-size: 16px; display: flex;}
.wr_container .wr_textarea_field .content_box .img_expl li::before {content: "*"; margin-right: 4px;}
/* 기본 파일업로드 레이아웃 변경 끝 */
.wr_container .wr_textarea_field .content_box .img_expl li:first-child {margin-bottom: 12px;}

.btn_write {position:sticky; margin-right:-120px; cursor:pointer; top:60%; z-index:9; margin-left:auto;  width: 80px;
  height: 80px;
  box-sizing: border-box;}
/* .btn_write a {font-size:12px; color:#fff; background:#72C2FF url(/images/mobile/m_write.svg) no-repeat right 11px center; padding:5px 30px 5px 15px; border-radius: 13px; display: none;} */




/* 커뮤니티 목록 */
.layout_fix.cm_best_list {margin-top:-152px; position:relative;}
.layout_fix.cm_cont_list {margin-top:83px;}

.cm_divide .tab-content .page {margin:70px 0 30px;}
.cm_list_container {
  margin-top: 0px; background-color: #fff;
  border-radius: 10px;
  box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9;
  padding:10px;
}

.cm_list li {background: #fff;}
.cm_list li:nth-child(2n) {background: #F8FBFF;}

.cm_best_container {margin-top:30px; position:relative; height:auto;}
.cm_list.best .cm_box {background: #f0f8ff; width:50%;
  box-shadow: 4px 4px 8px 2px rgba(62, 62, 62, 0.1), 4px 4px 10px 2px rgba(233, 233, 233, 0.1); padding: 15px 20px;
  border-radius: 10px; height:160px; margin-bottom: 0; cursor: pointer;
}
.cm_list.best .cm_box:nth-child(2n) {background: #E1FBFF;}
.cm_list .swiper-slide-next {opacity:1 !important;}

.btn-select {font-family:'GmarketSansMedium' , 'Noto Sans cm_list_writerKR', 'Noto';}

.list-member li button {font-family:'GmarketSansMedium' , 'Noto Sans KR', 'Noto';}

.cm_list.best .cm_box .cm_content_wrap {gap:8px;}
.cm_list.best .cm_box .cm_content_wrap .cm_list_contents2 {text-overflow:ellipsis; overflow: hidden;  width: 90%; display: -webkit-box; font-size:16px;  line-height: 21px; color:#3f3f3f;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cm_list.best .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:14px; color:#686868;}
.cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_board {color: #686868;}


.cm_list .cm_box {height: 125px; display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 15px 15px 10px; cursor:pointer; box-sizing: border-box; margin-bottom: 10px;}
.cm_list .cm_box .cm_content_wrap {display:flex; flex-direction: column; align-items: flex-start; gap:7px; width:100%; box-sizing: border-box; overflow:hidden;}

/* 2023.05.08 글 목록 수정 */
.cm_list .cm_box .cm_content_wrap .cm_list_writer {display: none;}
/* 2023.05.08 글 목록 수정 */


.cm_box:hover .cm_content_wrap .cm_list_title {text-decoration: underline;}
/* 0905수정사항 - 이미지 파일유무 표시 */
.cm_box .cm_list_title{display: flex; position: relative; max-height: 21px;    align-items: center;}
.cm_box .cm_list_title>p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;

}
.cm_box .cm_list_title>p~img{
  display: block;
  width: 25px;
  height: 25px;
}


/* 이미지 파일유무 표시 끝 */
.cm_content_wrap .cm_list_contents {display:block; font-size:16px;  line-height: 21px; color:#3f3f3f;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;  width: 90%; }
.cm_content_wrap .cm_list_contents p a { pointer-events: none;}
.cm_content_wrap .cm_list_sub {display: flex; flex-direction: row; align-items:center; gap: 20px;}
.cm_content_wrap .cm_list_sub .cm_writer {display: flex; flex-direction: row; align-items: center; gap: 5px; background: none;}
.cm_content_wrap .cm_list_sub li {position: relative; background: none;}
.cm_content_wrap .cm_list_sub li+li::before {
  content: ''; position: absolute;
  top: 0px; left: -10px; width: 1px; height: 14px;
  background-color: #969696;
}
.cm_content_wrap .cm_list_sub .cm_writer .personalcon {border-radius: 2px; width:30px; height:30px; position:relative;}
.cm_content_wrap .cm_list_sub .cm_writer .personalcon img {position:absolute; top:0; left:0; transform:translate(50, 50); width:100%; height:100%; object-fit:cover; margin:auto;}
.cm_content_wrap .cm_list_sub .cm_writer .cm_nickname {color:#686868; font-size:14px;}
.cm_content_wrap .cm_list_sub .cm_writer .writer_level {font-size:8px; color:#fff; background-color: #91A9E7; border-radius: 10px; width:20px; height:20px; text-align: center; line-height:22px;}
.cm_content_wrap .cm_list_sub .cm_writer .writer_style {font-size:12px; color:#fff; background-color: #3DABFF; border-radius:10px; padding:2px 10px; }

.cm_box .cm_content_wrap .cm_list_sub .cm_date {font-size:14px; color:#686868;}
.cm_box .cm_content_wrap .cm_list_sub .cm_view {
  font-size:14px; color:#686868; background: url(/images/view.svg) no-repeat left center; padding-left:21px; 
}
.cm_box .cm_content_wrap .cm_list_sub .cm_like {
  font-size:14px; color:#686868; background: url(/images/like.svg) no-repeat left center; padding-left:21px;
}
.cm_box .cm_comment {color:#686868; font-size:15px; background: url(/images/comment.svg) no-repeat top center; padding-top:25px; width:38px; text-align: center;}



.cm_title_wrap_center {text-align:center; }
.cm_title_wrap_center .cm_title {font-size:25px; color: #3f3f3f; line-height: 29px;}


.cm_divide {display:flex; flex-wrap: wrap; flex-grow: 1; gap:20px; justify-content: space-between;}

.cm_divide .content_wrap.col-2 {width:100%; position:relative;}

.cm_divide .content_wrap.col-2 .cm_more.cm_main {font-size: 18px; color: #3F3F3F; line-height: 21px; position:absolute; right:5px; top:104%; cursor: pointer;
  background: transparent url(/images/readmore.svg) no-repeat right center; padding-right:18px;}

.cm_divide .content_wrap.col-2.tab-content.current {display:block;}
.cm_divide .content_wrap.col-2.tab-content {display:none; }
.cm_cont_list ul.tabs {display:block; margin-bottom: 15px;}

.greybox {background: #F7F7F7; width:100%; height: 12px;}



/* 커뮤니티 게시글 */
.post_upper {padding-bottom:44px; border-bottom: 1px solid #EFEFEF;}
.post_upper .post_title {color: #3F3F3F; font-size: 20px; line-height: 23px;}
.post_upper .post_details {display:flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.post_upper .post_details .post_writer {display:flex; flex-direction: row; gap:14px; align-items: center;}
.post_upper .post_details .post_writer .personalcon {border-radius: 2px; width:54px; height:54px; position:relative; cursor: pointer;}
.post_upper .post_details .post_writer .personalcon img {position:absolute; top:0; left:0; transform:translate(50, 50); width:100%; height:100%; object-fit:contain; margin:auto;}

.post_upper .post_details .post_writer .writers_detail {display:flex; flex-direction: column; align-items: flex-start; gap:10px;}
.post_upper .post_details .post_writer .writers_detail .detail_up {display: flex; flex-direction: row; align-items: center; gap:10px;}
.post_upper .post_details .post_writer .writers_detail .detail_down {display: flex; flex-direction: row; align-items: center; gap:20px;}

.post_upper .post_details .post_writer .writers_detail .detail_up .detail_order {display:flex; flex-direction: row; align-items: center; gap:10px; order:2;}
.post_upper .post_details .post_writer .writers_detail .detail_up .cm_nickname {color:#686868; font-size:14px; order:1; cursor: pointer;}
.post_upper .post_details .post_writer .writers_detail .detail_up .writer_level {font-size:8px; color:#fff; background-color: #91A9E7; border-radius: 10px; width:16px; height:16px; text-align: center; line-height:18px;}
.post_upper .post_details .post_writer .writers_detail .detail_up .writer_style {font-size:12px; color:#fff; background-color: #3DABFF; border-radius:10px; padding:2px 10px; }

.post_upper .post_details .post_writer .writers_detail .detail_down .cm_date {font-size:14px; color:#686868; position: relative;}
.post_upper .post_details .post_writer .writers_detail .detail_down .cm_view {position: relative;
  font-size:14px; color:#686868; background: url(/images/view.svg) no-repeat left center; padding-left:21px; 
}
.post_upper .post_details .post_writer .writers_detail .detail_down div+div::before {
  content: ''; position: absolute;
  top: 0px; left: -10px; width: 1px; height: 14px;
  background-color: #969696;
}

.sharenreport {display:flex; gap:7px; flex-direction: row;}
.sharenreport a {display:block; cursor: pointer;}
.sharenreport .shareicon, .sharenreport .shareicon img {width:43px; height:43px;}
/* 0830수정사항 - 커뮤 게시글상세> 게시글내용 부분 하단여백 추가 */
.post_down {margin-top:44px; margin-bottom:30px;}
/* 커뮤 게시글상세> 게시글내용 부분 하단여백 추가 끝 */
.post_down .post_cont {font-size: 20px; line-height: 23px; color: #3F3F3F; width:100%;}
.post_down .post_cont pre {white-space: pre-wrap; word-break: break-all;}
pre {white-space: pre-wrap; word-break: break-all;}
.post_down .post_img {margin:30px auto; display: inline-block;}
.post_down .post_img img {width:100%; height:auto; border-radius: 5px;}

.post_like_wrap {text-align:center;}
.post_like_wrap .post_like {display:flex; flex-direction:column; align-items:center; gap:10px; margin-top: 50px;}
.post_like_wrap .post_like span {color:#3F3F3F; font-size:16px;}
.postlike {content:url(/images/like_off.svg); cursor: pointer; width:54px; height:54px;}
.postlike.done {content:url(/images/like_on.svg);}

.modal_content_wrap.report_popup .modal_content .find_form li {padding:15px 0;}
.modal_content_wrap.report_popup .modal_content .find_form .modal_content.contact_text {margin-top:30px;}

.comment_count {color: #3f3f3f; font-size:16px;}
.comment_count span {color:#959595; font-size:16px;}

/* 답글 */
.leave_comment_wrap.reply {padding:15px 0 40px 0;}
.leave_comment_wrap.reply .reply_icon {background: transparent url(/images/reply.svg) no-repeat right center; padding-left:30px; width:16px; height:16px;}

/* 댓글 화면 fixed */
.leave_comment_wrap.floating {position: fixed; bottom: 0; width: 85%; z-index: 3; background-color: #FFFFFF; border-top: 1px solid #eeeeee; margin-bottom:0; border-radius: 11px;}

.leave_comment_wrap {display:flex; justify-content: space-between; gap:30px; align-items: center; padding:30px 0 40px 0;margin-bottom: 40px; border-bottom: 1px solid #EFEFEF;}
.leave_comment_wrap .commenter_personalcon {border-radius: 2px; width:54px; height:54px; position:relative;}
.leave_comment_wrap .commenter_personalcon img {position:absolute; top:0; left:0; transform:translate(50, 50); width:100%; height:100%; object-fit:cover; margin:auto;}
.leave_comment_wrap .comment_txt {flex-grow:1; }
.leave_comment_wrap .comment_txt textarea {width: 100%; height:40px; color: #686868; font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';
  font-size: 14px; line-height: 16px; padding: 12px 13px; resize: none; border: none; background: #F9F9F9; border-radius: 5px; box-sizing: border-box; }


.btn.cm40 {padding:0 40px; flex-shrink: 0;}

.comment_list .comment_box {background: #F9F9F9; border-radius: 6px; padding:15px 16px; display: flex; 
  flex-direction: column; align-items: flex-start; gap:8px; margin-bottom:9px; position:relative;}
.comment_list .comment_box.reply {margin-left:83px; margin-bottom:15px;}
.comment_list .comment_box .commenter_detail {display:flex; flex-direction: row; align-items: center; gap:9px;}
.comment_list .comment_box .commenter_detail .personalcon {border-radius: 2px; width:32px; height:32px; position:relative;}
.comment_list .comment_box .commenter_detail .personalcon img {position:absolute; top:0; left:0; transform:translate(50, 50); width:100%; height:100%; object-fit:cover; margin:auto;}
.comment_list .comment_box .commenter_detail .commenter_nickname {color:#686868; font-size:14px;}
.comment_list .comment_box .commenter_detail .commenter_level {font-size:8px; color:#fff; background-color: #91A9E7; border-radius: 10px; width:16px; height:16px; text-align: center; line-height:18px;}
.comment_list .comment_box .commenter_detail .commenter_style {font-size:12px; color:#fff; background-color: #3DABFF; border-radius:10px; padding:2px 10px; }

.comment_list .comment_box .comment_cont {font-size:15px; line-height:18px; color:#3f3f3f; padding-left:41px; word-break: break-all; overflow: hidden;}

.comment_list .comment_box .comment_sub {display:flex; flex-direction: row; align-items: center; gap:18px; padding-left:41px;}
.comment_list .comment_box .comment_sub .cm_date {font-size:12px; font-weight:300; color:#393939; position:relative;}
.comment_list .comment_box .comment_sub .leave_reply {font-size:12px; font-weight:300; color:#393939; position:relative; cursor: pointer;}
.comment_list .comment_box .comment_sub .report {font-size:12px; font-weight:300; color:#393939;  position:relative; cursor: pointer;}
.comment_list .comment_box .comment_sub .edit {font-size:12px; font-weight:300; color:#393939;  position:relative; cursor: pointer;}
.comment_list .comment_box .comment_sub .delete {font-size:12px; font-weight:300; color:#393939;  position:relative; cursor: pointer;}

.comment_list .comment_box .comment_sub .leave_reply:hover,
.comment_list .comment_box .comment_sub .report:hover,
.comment_list .comment_box .comment_sub .edit:hover,
.comment_list .comment_box .comment_sub .delete:hover {text-decoration: underline;}

.comment_list .comment_box .comment_sub .multibtn {position:absolute; background: transparent url(/images/multi.svg) no-repeat center; width:20px; height:20px;top:15px; right:13px;}

.comment_list .comment_box .comment_sub div+div::before {
  content: ''; position: absolute;
  top: 0px; left: -9px; width: 1px; height: 14px;
  background-color: #969696;
}


.mbreport .mbreportbtn {position:absolute; color:#fff; background: rgba(88, 88, 88, 0.4); width:80px; 
  padding:7px 3px; box-sizing: border-box; border-radius: 5px; right:5px; top:20px; z-index: 100;font-size: 14px; text-align: center;}

  .layer-popup {
    display: none;
    z-index: 100;
  }
  
  .layer-popup.show {
    display: block;
  }

.mbreport .mbreportbtn .multibtn {display:none;}
.mbreport .mbreportbtn a {color:#fff; font-size: 14px; position:relative; padding:0 3px;}
.mbreport .mbreportbtn a:last-child::before { content: ''; position: absolute;
  top: 3px; left: 0px; width: 1px; height: 8px;
  background-color: #fff;}

  .mbreport .mbreportbtn span {color: #fff;}



/* 토글 */
.switch_box {display: inline-flex; align-items: center;}

.toggleSwitch {
  width: 56px;
  height: 28px;
  display: block;
  position: relative;
  border-radius: 2rem;
  background-color: #C6C6C6;
  cursor: pointer;
  margin-left:12px
}

.toggleSwitch .toggleButton {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: .2rem;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0px 0px 3.79167px rgba(0, 0, 0, 0.25);
}

/* 체크박스가 체크되면 변경 이벤트 */
#toggleeditor:checked~.toggleSwitch {background: #72C2FF;}

#toggleeditor:checked~.toggleSwitch .toggleButton {
  /* left: calc(100% - 2.8rem); */
  left: calc(100% - 26px);
  background: #fff;
}

.toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}

.editormode_on, .editormode_off {color: #3F3F3F; font-size: 16px;}
/* 1025수정사항 - 에디터 모드 스위치 위치조정 */
.editortogglebox {position:absolute; display: inline; right:30px; top:30px;}
/* 에디터 모드 스위치 위치조정 끝 */




/* 공지사항 */
.layout_fix.notice_content {margin-top: 60px;}
.nt_title_wrap {display: flex; justify-content: space-between; align-items: center;}
.nt_title_wrap .nt_title {font-size: 24px; color: #3F3F3F; line-height: 28px; font-weight:700;}

.search_select select {
  font-family: 'GmarketSansMedium' , 'Noto Sans KR', 'Noto';
  height:40px;
  width:150px;
  background: transparent url(/images/select_box_down.svg) no-repeat 95% 50%;
  box-shadow:none;
  padding:0 0 0 19px;
  color:#3F3F3F;
}
.search_select select option {color: #3f3f3f; border-bottom: 1px solid #dddddd;}


.search_wrap {display: inline-flex; height:40px; 
  background-color: #fff;
  box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3); 
  border-radius: 30px;
  width:530px;
}
.search_wrap .right_search {display: inline-flex; align-items: center; position:relative; width:100%;}
.search_wrap .right_search .btn_search {background: url(/images/search.svg) no-repeat center; width:40px; height:40px; position: absolute; right:4px; padding:0;}
.search_wrap .right_search .inner_search {width:100%;}
.search_wrap .right_search .inner_search .in_keyword {background-color: transparent; width:100%; height:40px; padding:0 11px;}
.search_wrap .right_search .inner_search .in_keyword::placeholder {color: #B6B6B6;}

.search_wrap_comm {display: inline-flex; height:40px; right:0; position:absolute; top:0px;
  background-color: #fff;
  box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3); 
  border-radius: 30px;
  width:530px; 
  z-index: 9;
}
.search_wrap_comm .right_search {display: inline-flex; align-items: center; position:relative; width:100%;}
.search_wrap_comm .right_search .btn_search {background: url(/images/search.svg) no-repeat center; width:40px; height:40px; position: absolute; right:4px; padding:0;}
.search_wrap_comm .right_search .inner_search {width:100%;}
.search_wrap_comm .right_search .inner_search .in_keyword {background-color: transparent; width:100%; height:40px; padding:0 11px;}
.search_wrap_comm .right_search .inner_search .in_keyword::placeholder {color: #B6B6B6;}




.edit_wrap {display:flex; justify-content: flex-end; margin-top:15px;}

select::-ms-expand {
  display: none;
}

.nt_container {margin-top: 40px;}

.nt_container .notice_list .notice_box {
  background: #FFFFFF;
  box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3);
  height: 79px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 20px;
  box-sizing: border-box;
  gap: 13px;
  margin-bottom: 10px;
  cursor:pointer;
}

.nt_container .notice_list .notice_box .nt_number {width:60px; text-align: center; font-size: 16px; color:#3F3F3F;}

.nt_container .notice_list .notice_box .nt_content_wrap {display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_title {font-size: 18px; color:#3f3f3f;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub li {position:relative;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub li+li::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -10px;
  width: 1px;
  height: 14px;
  background-color: #969696;
}

.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_writer, 
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_date, 
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {
  color: #686868; font-size: 14px;
}

.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {
  background: url(/images/view.svg) no-repeat left center; padding-left:21px;
}



/* 추가*/
@media screen and (max-width:1500px) {
  .btn_write {margin-right:0px; }
}

/* 추가*/
@media screen and (max-width:1499px) {
  .layout_fix.terms {width:90%;}
  .leave_comment_wrap.floating{width: 90%;}
}

/* 추가*/
@media screen and (max-width:1330px) {
  .leave_comment_wrap.floating{width: 96%;}
}

/* 추가*/
/* 0901수정사항 - 반응형 진입 사이즈 변경 */
@media screen and (max-width:1280px) {
/* 	반응형 진입 사이즈 변경 끝 */
  .layout_fix.cm_cont_list {position:relative;}

}



/* 태블릿사이즈 */
/* 0901수정사항 - 반응형 진입 사이즈 변경 */
@media screen and (max-width:1280px) {
/* 	반응형 진입 사이즈 변경 끝 */
    .login_form{
        margin:100px auto 0px;
    }
    .layout_fix.terms {width:96%; margin-top: 50px;}
    .terms_container {margin-top: 60px;}
    ul.tabs, ul.tabs3, ul.tabs4 {margin-bottom:40px;}
    .title_25px {font-size: 24px; line-height:24px;}
    ul.tabs li a, ul.tabs3 li a, ul.tabs4 li a  {font-size: 18px;}
    .cm_best_carousel {display:flex; gap:7px !important; flex-direction:column; align-items: flex-start;}
    .layout_fix.cm_best_list {margin-top: -163px;}
    .cm_list.best .cm_box {width:100%;}
    .cm_box .cm_content_wrap .cm_list_sub .cm_like {padding-left:20px;}
    .cm_box .cm_content_wrap .cm_list_sub .cm_view {padding-left:20px;}
    .cm_divide .content_wrap.col-2 {width:100%;}
    .cm_divide .content_wrap.col-2 .cm_list_container .cm_list.sub .cm_box:nth-child(n+4) {display:flex;}
    .cm_title_wrap_center {display: none;}
    /* .cm_divide .content_wrap.col-2.tab-content {display:none;} */
    .cm_divide .content_wrap.col-2 .cm_list_container {margin-top: 0;}
    .sharenreport .shareicon, .sharenreport .shareicon img {width:30px; height:30px;}
    .post_down .post_img {margin:20px auto;}
    .search_wrap_comm .search_select {display:none;}
    .search_wrap_comm {width:40px; box-shadow: none; top:-3px; transition: all .5s ease-in-out; background-color:transparent; }
    .search_wrap_comm.active {width:100%; box-shadow: 4px 4px 10px 2px rgb(233 233 233 / 60%), -6px -3px 6px rgb(233 233 233 / 30%); background-color:#fff;}
    .search_wrap_comm .right_search .inner_search .in_keyword {width:0px;}
    .search_wrap_comm .right_search .inner_search .in_keyword::placeholder {color:transparent;}
    .search_wrap_comm.active .right_search .inner_search .in_keyword {padding: 0 11px; width:100%;}
    .search_wrap_comm.active .right_search .inner_search .in_keyword::placeholder {color: #B6B6B6;}

}

/* app 버전 태블릿 사이즈 */
/* 0901수정사항 - 반응형 진입 사이즈 변경 */
@media screen and (max-width:1280px){
/* 	반응형 진입 사이즈 변경 끝 */
  .login_form{
    margin:60px auto 0px;
    padding:0px 15px;
    width:100%;
    box-sizing: border-box;
  }
.btn.h40.sky.cm40.cmu_mainCom {margin-bottom: 10px; margin-right: 10px;}

.login_form .login_box{padding:40px 22px;}
.login_form .login_box.signup {padding:40px 22px;}
.login_form .member_title {font-size:22px;}
.login_form .sns_login {margin-top:80px;}
.btn.h62 {font-size:16px; height:38px;}
.login_form .login_box .input_tit {font-size:16px;}
.modal_popup .title {margin-top:35px;}
.modal_popup .modal_full_content.mid-size {background:#fff; overflow:hidden; width:95%;}
.modal_popup .modal_full_content.small-size {background:#fff; overflow:hidden; width:95%;}
.modal_popup .modal_content_wrap .modal_content.modal_text {padding:0 40px;font-size:12px; line-height:20px; margin-bottom:30px;}
.modal_popup .title h2 {font-size:18px;}
.modal_popup .modal_full_content.mid-size .modal_content_inner {margin-top:0;}
.modal_popup .btnbox ul li a {font-size:18px;}
.btn.h40 {font-size:14px; height:35px;}
.login_form .find_result .result_text, .login_form .find_result .result_text span {font-size:16px;}
.login_form .find_result {margin-top: 31px;padding:47px 100px;}
.login_form.w736{width: 100%;}
.login_form.w736 .login_box {padding:40px 22px;}
.login_form.w736 .login_box .w736_inputbox {padding:0px;}
.login_form .login_box .pw_notice ul li {color: #969696; font-size:14px;}
.login_form .login_box .pw_notice ul {padding:40px 0px 0px;}
.login_form .login_box .checkbox_group #check_all + label {font-size:16px; margin-bottom:16px;}
.login_form .login_box .checkbox_group input + label {font-size:14px; padding-left: 20px;}
.stepper-wrapper {padding-bottom:40px; margin-bottom:40px;}
/* 0829수정사항 - 회원가입폼 글자 줄바꿈 방지 */
.stepper-item .step-name { font-size:11px; white-space:nowrap;}
/* 회원가입폼 글자 줄바꿈 방지 끝 */
.stepper-item .step-counter {width: 34px; height: 34px;}
.stepper-item::before {top:40px;}
.stepper-item::after {top:40px;}
.stepper-item.completed::after {top:40px;}
.login_form .login_box .checkbox_group .agree_modal {font-size: 12px;}
.login_box .greeting {font-size:24px;  padding:0 24px; line-height:26px;}
.login_box .greeting span {font-size:24px; margin-right:8px;}
.login_box .greeting img {margin-left:17px; width:38px;}
.login_box .greeting1 {font-size: 16px; margin-top:25px;}
.login_box .greeting2 {font-size: 12px; margin-top:8px;}
.btn.nfbl {padding:0px 46px;}
.layout_fix.terms {margin-top: 30px;}
.terms_container {padding:10px;}
ul.tabs, ul.tabs3, ul.tabs4 {margin-bottom:15px;}
.title_25px {font-size: 22px; line-height:22px;}
ul.tabs li a, ul.tabs3 li a, ul.tabs4 li a {font-size: 16px;}
.cm_divide .tab-content .page {margin:30px 0;}
.terms_content .big {font-size: 12px; margin-bottom:26px; line-height: 21px;}
.terms_content .big span {font-size: 16px; margin-bottom:14px;}
.terms_content .middle {font-size: 12px; margin-bottom:25px; line-height: 21px;}
.terms_content .middle span {font-size: 12px; margin-bottom:10px;}
.find_input {height: 38px;}
.alreadyhaveaccount .social_login li img {margin-right: 15px;}
.social_login li {height:38px;}
.alreadyhaveaccount .social_login li {background: #fff url(/images/signup_arrow.svg) no-repeat right 15px center;}
.login_form .login_box .member_input {height:40px;}
#showPassword {top:11px; right:12px;}
#showPassword1 {top:11px; right:12px;}
#showPassword2 {top:11px; right:12px;}
.modal_popup .close-area {right:25px; top:27px;}
.cantlogin {font-size: 14px; text-align: center; margin-top: 29px;}
.cantlogin span {font-size: 14px; margin-left: 12px;}
.modal_popup .btnbox {margin-top: 30px;}
.modal_popup .modal_content_wrap .modal_content {margin-top: 30px;}
.cm_title_wrap .cm_title {font-size: 18px;}
.wr_container .wr_title_field .find_input {width:100%;}
/* 1101수정사항 - 이미지업로더 주의문구 상시 노출  */
.wr_container .wr_textarea_field .content_box .img_expl {/* display: none; */}
/* 이미지업로더 주의문구 상시 노출  끝  */
.btn.mbfull {padding:0; width:100%;}
.wr_container {padding:26px 22px;}
/* 0817수정사항 - 게시글 입력 폼 상단여백 추가 */
.wr_container table {border-spacing: 0 10px; margin-top: 50px;}
/* 게시글 입력 폼 상단여백 추가 끝 */
.wr_container .wr_title_field th {display: none;}
.wr_container .wr_title_field td {width:100%;}
.wr_container .wr_textarea_field th {display: none;}
.wr_container .wr_textarea_field td {width:100%;}
.toggleSwitch {width:25px; height:15px;}
.toggleSwitch .toggleButton {width:13px; height:13px; top:52.5%; left:0.1rem;}
#toggleeditor:checked~.toggleSwitch .toggleButton {left: calc(100% - 14px);}
.wr_container .wr_textarea_field .content_box .img_add_box .img_add {width:70px; height:70px;}
.btn.back_pc {display:none;}
.btn.back_mb {display:block; }

/* 1024수정사항 - 에디터 폼 하단 짤림 현상 수정 */
.txtContent_box > iframe{min-height:400px;}
/* 에디터 폼 하단 짤림 현상 수정 끝 */

/* 모바일상단배너 */
.pg_banner.pg_community {background: url(/images/mobile/m_communitybg.svg) no-repeat center; height:200px; background-size:cover;}
.pg_banner.pg_notice {background: url(/images/mobile/m_noticebg.svg) no-repeat center; height:200px; background-size:cover;}

.nt_container {margin-top: 30px;}
.nt_title_wrap .nt_title {font-size:22px;}

/* 공지사항 박스 */
.nt_container .notice_list .notice_box { height: 60px; padding: 12px 13px; gap: 13px; margin-bottom: 7px;}
.nt_container .notice_list .notice_box .nt_number {width:24px; font-size: 12px;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_title {font-size: 12px;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_writer, 
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_date, 
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {font-size: 10px;}
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {
  background: url(/images/view.svg) no-repeat left center; background-size: 12px; padding-left:17px; }
.nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub li+li::before {height:12px; top:1px;}
.nt_container .notice_list .notice_box .nt_content_wrap {gap:5px;}
.search_wrap {width:100%;}
.search_select select {width:100px;}

/* 반응형숨김 */
.onlypc {display:none;}
.onlymb {display:block;}
.search_wrap.onlymb {display: inline-flex;}
.sharenreport.onlymb {display:flex;}

.btn_write img {width:60px; height:60px;}
.btn_write a {display:block;}
.btn_write {width:60px; height:60px; margin-right:10px; top:80%;}
.layout_fix.cm_best_list {margin-top: 30px;}
.cm_title_wrap .cm_more {font-size: 12px; line-height: 14px;}

.cm_list.best .cm_box .cm_content_wrap {gap:7px;}
.cm_list.best .cm_box .cm_content_wrap .cm_list_contents2 {display:none;}
.cm_list.best .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:10px; display:block; text-overflow:ellipsis;overflow: hidden; white-space: nowrap;  width: 80px;}
.cm_list_container {background-color:transparent; box-shadow:none;padding:0; }
.cm_list_container.bestList {padding-top: 60px !important;}
.cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:10px; color:#686868; display:block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;  width: 80px;}

.cm_list.best .cm_content_wrap .cm_list_sub .cm_writer:after {content: '';position: absolute; top: 3px; right: -10px;
  width: 1px; height: 14px; background-color: #969696;}
.cm_list .cm_box {height: 68px; padding: 12px 13px; margin-bottom: 7px; box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3); border-radius: 5px;}
.cm_list .cm_box .cm_content_wrap {gap:7px; width:100%; overflow:hidden;}
.cm_content_wrap .cm_list_title {font-size:14px; line-height: 16px;}
.cm_content_wrap .cm_list_contents {display:none;}
.cm_content_wrap .cm_list_sub {gap: 18px;}
.cm_content_wrap .cm_list_sub .cm_writer {display: flex; flex-direction: row; align-items: center; gap: 5px; }
.cm_content_wrap .cm_list_sub li+li::before {
  top: 0px; left: -9px; height: 14px;}
.cm_content_wrap .cm_list_sub .cm_writer .personalcon {width:20px; height:20px;}
.cm_content_wrap .cm_list_sub .cm_writer .cm_nickname {font-size:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55px; word-break: break-all;}
.cm_content_wrap .cm_list_sub .cm_writer .writer_level {font-size:8px; width:16px; height:16px; line-height:18px;}
.cm_content_wrap .cm_list_sub .cm_writer .writer_style {font-size:10px; padding:1px 5px; height: 14px; line-height:14px; overflow: hidden;}

.cm_box .cm_content_wrap .cm_list_sub .cm_date {font-size:10px;}
.cm_box .cm_content_wrap .cm_list_sub .cm_view {
  font-size:10px;  background: url(/images/view.svg) no-repeat left center;background-size:14px; padding-left:19px; 
}
.cm_box .cm_content_wrap .cm_list_sub .cm_like {
  font-size:10px; background: url(/images/like.svg) no-repeat left center;background-size:14px; padding-left:19px;
}
.cm_box .cm_comment { font-size:10px; background: url(/images/comment.svg) no-repeat top center; padding-top:21px;margin-top:3px; width:19px; text-align: center;}

.cm_list.best .cm_box {padding: 12px 13px;  height:70px; }
.cm_best_container {margin-top: 25px;}
/* .cm_list.best .cm_box .cm_content_wrap .cm_list_sub .cm_view {display:none;} */
.cm_divide .content_wrap.col-2 .cm_more.cm_main {font-size:12px; line-height: 14px; background-size: 14px; }
.layout_fix.cm_cont_list {margin-top:25px;}
.post_upper .post_title {font-size: 15px; line-height: 17px;}
.post_upper .post_details .post_writer .personalcon {width:37px; height:37px;}


/* 커뮤니티 게시글 */
.post_upper {border-bottom:none; padding-bottom: 38px;}
.post_upper .post_details {width:100%; margin-top: 20px;}
.post_upper .post_details .post_writer {width:100%; align-items:flex-end;}
.post_upper .post_details .post_writer .writers_detail {gap:10px; flex-direction:row; justify-content: space-between; width:100%;}
.post_upper .post_details .post_writer .writers_detail .detail_up {gap:10px; flex-direction: column; align-items:flex-start; gap:6px;}
.post_upper .post_details .post_writer .writers_detail .detail_down {gap:20px;}

.post_upper .post_details .post_writer .writers_detail .detail_up .detail_order {order:1; gap:5px;}

.post_upper .post_details .post_writer .writers_detail .detail_up .cm_nickname {font-size:11px; order:2;}
.post_upper .post_details .post_writer .writers_detail .detail_up .writer_level {font-size:6px; width:14px; height:14px; text-align: center; line-height:16px;}
.post_upper .post_details .post_writer .writers_detail .detail_up .writer_style {font-size:10px; padding:1px 6px; height: 14px; line-height:14px; overflow: hidden;}

.post_upper .post_details .post_writer .writers_detail .detail_down .cm_date {font-size:10px; position: relative;}
.post_upper .post_details .post_writer .writers_detail .detail_down .cm_view {position: relative;
  font-size:10px; background: url(/images/view.svg) no-repeat left center; padding-left:18px;  background-size: 14px;}
.post_upper .post_details .post_writer .writers_detail .detail_down div+div::before {top: 3px; left: -10px; height: 10px;}
.post_down {margin-top: 0;}
.postlike {width:40px; height:40px;}
.edit_wrap {justify-content: space-between;}
.post_down .post_cont {font-size:14px; line-height:16px;}
.btn.cm40 {padding:0 15px;}
.leave_comment_wrap .commenter_personalcon {display:none;}
.leave_comment_wrap {gap:12px; padding:16px 0 18px 0; margin-bottom: 18px;}
.leave_comment_wrap.reply .reply_icon {padding-left:0;}
.comment_list .comment_box.reply {margin-left:30px; }
.comment_list .comment_box .commenter_detail {display:flex; flex-direction: row; align-items: center; gap:9px;}
.comment_list .comment_box .commenter_detail .personalcon {width:25px; height:25px;}
.comment_list .comment_box .commenter_detail .commenter_nickname {font-size:10px;}
.comment_list .comment_box .commenter_detail .commenter_level {font-size:8px;width:14px; height:14px; text-align: center; line-height:16px;}
.comment_list .comment_box .commenter_detail .commenter_style {font-size:8px; border-radius:10px; padding:0px 5px;line-height:20px; }

.comment_list .comment_box .comment_cont {font-size:12px; line-height:14px; color:#3f3f3f; padding-left:34px;}

.comment_list .comment_box .comment_sub { gap:14px; padding-left:34px;}
.comment_list .comment_box .comment_sub .cm_date {font-size:9px; }
.comment_list .comment_box .comment_sub .leave_reply {font-size:9px; }
.comment_list .comment_box .comment_sub .report {font-size:9px; display:none;}
.comment_list .comment_box .comment_sub .edit {font-size:9px;  display:none;}
.comment_list .comment_box .comment_sub .delete {font-size:9px; display:none;}
.leave_comment_wrap.reply {padding:18px 0;}

.comment_list .comment_box .comment_sub div+div::before {
  top: 0px; left: -7px; height: 14px;}

.cm_cont_list ul.tabs, .cm_cont_list ul.tabs3, .cm_cont_list ul.tabs4 {margin-top:-65px !important;}


/* 2023.05.08 글 목록 수정 */
.cm_list.best .cm_box,
.cm_list .cm_box {height: initial; }
.cm_content_wrap .cm_list_sub .cm_writer {display: none;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer {display: flex; align-items: center; gap: 5px;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon {border-radius: 2px; width:20px; height:20px;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon img {width: 100%;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer .cm_nickname {font-size: 11px; line-height: 13px; letter-spacing: 0.025em; color: #686868;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_level {background: #72C2FF; border-radius: 50%; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px;}
.cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_style {background: #3DABFF; border-radius: 13px; color: #fff; padding: 5px 8px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 11px; letter-spacing: 0.025em;}
/* 2023.05.08 글 목록 수정 */

.cm_list .cm_box {height: 68px; padding: 12px 13px; margin-bottom: 7px; box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3); border-radius: 5px;}
    .cm_content_wrap .cm_list_sub .cm_writer{display: none;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer{display: block;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer {display: flex; align-items: center; gap: 5px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon {border-radius: 2px; width:20px; height:20px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon img {width: 100%;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .cm_nickname {font-size: 11px; line-height: 13px; letter-spacing: 0.025em; color: #686868;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_level {background: #72C2FF; border-radius: 50%; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_style {background: #3DABFF; border-radius: 13px; color: #fff; padding: 5px 8px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 11px; letter-spacing: 0.025em;}
    .cm_content_wrap .cm_list_contents{display: none;}
    .cm_list_container .cm_box{padding: 12px 13px; height: 68px; box-sizing: content-box;}
    .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:10px; display:block; text-overflow:ellipsis;overflow: hidden; white-space: nowrap;  width: 80px;}
    .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_date {font-size:10px;}
    .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_view {
      font-size:10px;  background: url(/images/view.svg) no-repeat left center;background-size:14px; padding-left:19px; 
    }
    .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_like {
      font-size:10px; background: url(/images/like.svg) no-repeat left center;background-size:14px; padding-left:19px;
    }
    .cm_list_container .cm_box .cm_comment { font-size:10px; background: url(/images/comment.svg) no-repeat top center; padding-top:21px;margin-top:3px; width:19px; text-align: center;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2{display: flex; align-items: center; gap:5px; background-color: transparent;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2 div.personalcon{border-radius: 2px; width:20px; height:20px;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2 div.personalcon img{width:100%;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2 div.cm_nickname{font-size: 11px; line-height: 13px; letter-spacing: 0.025em; color: #686868;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2 div.writer_level {background: #72C2FF; border-radius: 50%; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px;}
    .cm_list .cm_box .cm_content_wrap .cm_writer2 div.writer_style {background: #3DABFF; border-radius: 13px; color: #fff; padding: 5px 8px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 11px; letter-spacing: 0.025em;}
    .cm_title_wrap .cm_title.best {font-size: 18px;  line-height: 21px;}

    .cm_list_container .cm_list.sub{padding-top:10px;}
}

/* 스마트폰사이즈 */
@media screen and (max-width:768px) {
    .login_form{
        margin:60px auto 0px;
        padding:0px 15px;
        width:100%;
        box-sizing: border-box;
    }
    .login_form .login_box{padding:40px 22px;}
    .login_form .login_box.signup {padding:40px 22px;}
    .login_form .member_title {font-size:22px;}
    .login_form .sns_login {margin-top:80px;}
    .btn.h62 {font-size:16px; height:38px;}
    .login_form .login_box .input_tit {font-size:16px;}
    .modal_popup .title {margin-top:35px;}
    .modal_popup .modal_full_content.mid-size {background:#fff; overflow:hidden; width:95%;}
    .modal_popup .modal_full_content.small-size {background:#fff; overflow:hidden; width:95%;}
    .modal_popup .modal_content_wrap .modal_content.modal_text {padding:0 40px;font-size:12px; line-height:20px; margin-bottom:30px;}
    .modal_popup .title h2 {font-size:18px;}
    .modal_popup .modal_full_content.mid-size .modal_content_inner {margin-top:0;}
    .modal_popup .btnbox ul li a {font-size:18px;}
    .btn.h40 {font-size:16px; height:38px;}
    .login_form .find_result .result_text, .login_form .find_result .result_text span {font-size:16px;}
    .login_form .find_result {margin-top: 31px;padding:47px 100px;}
    .login_form.w736{width: 100%;}
    .login_form.w736 .login_box {padding:40px 22px;}
    .login_form.w736 .login_box .w736_inputbox {padding:0px;}
    .login_form .login_box .pw_notice ul li {color: #969696; font-size:14px;}
    .login_form .login_box .pw_notice ul {padding:40px 0px 0px;}
    .login_form .login_box .checkbox_group #check_all + label {font-size:16px; margin-bottom:16px;}
    .login_form .login_box .checkbox_group input + label {font-size:14px; padding-left: 20px;}
    .stepper-wrapper {padding-bottom:40px; margin-bottom:40px;}
    .stepper-item .step-name { font-size:11px;}
    .stepper-item .step-counter {width: 34px; height: 34px;}
    .stepper-item::before {top:40px;}
    .stepper-item::after {top:40px;}
    .stepper-item.completed::after {top:40px;}
    .login_form .login_box .checkbox_group .agree_modal {font-size: 12px;}
    .login_box .greeting {font-size:24px;  padding:0 24px; line-height:26px;}
    .login_box .greeting span {font-size:24px; margin-right:8px;}
    .login_box .greeting img {margin-left:17px; width:38px;}
    .login_box .greeting1 {font-size: 16px; margin-top:25px;}
    .login_box .greeting2 {font-size: 12px; margin-top:8px; text-align: center;}
    .btn.nfbl {padding:0px 46px;}
    .layout_fix.terms {margin-top: 30px;}
    .terms_container {padding:10px;}
    ul.tabs, ul.tabs3, ul.tabs4 {margin-bottom:15px;}
    .title_25px {font-size: 22px; line-height:22px;}
    ul.tabs li a, ul.tabs3 li a, ul.tabs4 li a {font-size: 16px;}
    .cm_divide .tab-content .page {margin:30px 0;}
    .terms_content .big {font-size: 12px; margin-bottom:26px; line-height: 21px;}
    .terms_content .big span {font-size: 16px; margin-bottom:14px;}
    .terms_content .middle {font-size: 12px; margin-bottom:25px; line-height: 21px;}
    .terms_content .middle span {font-size: 12px; margin-bottom:10px;}
    .find_input {height: 38px;}
    .alreadyhaveaccount .social_login li img {margin-right: 15px;}
    .social_login li {height:38px;}
    .alreadyhaveaccount .social_login li {background: #fff url(/images/signup_arrow.svg) no-repeat right 15px center;}
    .login_form .login_box .member_input {height:40px;}
    #showPassword {top:11px; right:12px;}
    #showPassword1 {top:11px; right:12px;}
    #showPassword2 {top:11px; right:12px;}
    .modal_popup .close-area {right:25px; top:27px;}
    .cantlogin {font-size: 14px; text-align: center; margin-top: 29px;}
    .cantlogin span {font-size: 14px; margin-left: 12px;}
    .modal_popup .btnbox {margin-top: 30px;}
    .modal_popup .modal_content_wrap .modal_content {margin-top: 30px;}
    .cm_title_wrap .cm_title {font-size: 18px;}
    .wr_container .wr_title_field .find_input {width:100%;}
/*     1101수정사항 - 이미지업로더 주의문구 상시 노출  */
    .wr_container .wr_textarea_field .content_box .img_expl {display: none;}
/*     이미지업로더 주의문구 상시 노출 끝 */
    .btn.mbfull {padding:0; width:100%;}
    .wr_container {padding:26px 22px;}
    .wr_container table {border-spacing: 0 10px; margin-top: 37px;}
/*     1030수정사항 - 커뮤>글쓰기 파일엄로더 반응형 css 중앙정렬 */
	.wr_container table .content_box {justify-content: center;}
/*     커뮤>글쓰기 파일엄로더 반응형 css 중앙정렬 끝 */
    .wr_container .wr_title_field th {display: none;}
    .wr_container .wr_title_field td {width:100%;}
    .wr_container .wr_textarea_field th {display: none;}
    .wr_container .wr_textarea_field td {width:100%;}
    .toggleSwitch {width:25px; height:15px;}
    .toggleSwitch .toggleButton {width:13px; height:13px; top:52.5%; left:0.1rem;}
    #toggleeditor:checked~.toggleSwitch .toggleButton {left: calc(100% - 14px);}
    .wr_container .wr_textarea_field .content_box .img_add_box .img_add {width:70px; height:70px;}
    .btn.back_pc {display:none;}
    .btn.back_mb {display:block; }

    /* 모바일상단배너 */
    .pg_banner.pg_community {background: url(/images/mobile/m_communitybg.svg) no-repeat center; height:200px; background-size:cover;}
    .pg_banner.pg_notice {background: url(/images/mobile/m_noticebg.svg) no-repeat center; height:200px; background-size:cover;}

    .nt_container {margin-top: 30px;}
    .nt_title_wrap .nt_title {font-size:22px;}

    /* 공지사항 박스 */
    .nt_container .notice_list .notice_box { height: 60px; padding: 12px 13px; gap: 13px; margin-bottom: 7px;}
    .nt_container .notice_list .notice_box .nt_number {width:24px; font-size: 12px;}
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_title {font-size: 12px;}
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_writer, 
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_date, 
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {font-size: 10px;}
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub .nt_view {
      background: url(/images/view.svg) no-repeat left center; background-size: 12px; padding-left:17px; }
    .nt_container .notice_list .notice_box .nt_content_wrap .nt_list_sub li+li::before {height:12px; top:1px;}
    .nt_container .notice_list .notice_box .nt_content_wrap {gap:5px;}
    .search_wrap {width:100%;}
    .search_select select {width:100px;}

    /* 반응형숨김 */
    .onlypc {display:none;}
    .onlymb {display:block;}
    .search_wrap.onlymb {display: inline-flex;}
    .sharenreport.onlymb {display:flex;}

    .btn_write img {width:60px; height:60px;}
    .btn_write a {display:block;}
    .btn_write {width:60px; height:60px; margin-right:10px; top:80%;}
    .layout_fix.cm_best_list {margin-top: 30px;}
/*     0921수정사항 - BEST글 이동버튼 우측여백추가   */
    .cm_title_wrap .cm_more {font-size: 12px; line-height: 14px;width: 50%;display: flex;flex-direction: row-reverse; padding-right:20px;}
/*     BEST글 이동버튼 우측여백추가 끝 */

    .cm_list.best .cm_box .cm_content_wrap {gap:7px;}
    .cm_list.best .cm_box .cm_content_wrap .cm_list_contents2 {display:none;}
    .cm_list.best .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:10px; display:block; text-overflow:ellipsis;overflow: hidden; white-space: nowrap;  width: 80px;}
    .cm_list_container {background-color:transparent; box-shadow:none;padding:0;}
    .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_board {font-size:10px; color:#686868; display:block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;  width: 80px;}

    .cm_list.best .cm_content_wrap .cm_list_sub .cm_writer:after {content: '';position: absolute; top: 3px; right: -10px;
      width: 1px; height: 14px; background-color: #969696;}
    .cm_list .cm_box {height: 68px; padding: 12px 13px; margin-bottom: 7px; box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3); border-radius: 5px;}
    .cm_list .cm_box .cm_content_wrap {gap:7px; width:100%; overflow:hidden;}
    .cm_content_wrap .cm_list_title {font-size:14px; line-height: 16px;}
    .cm_content_wrap .cm_list_contents {display:none;}
    .cm_content_wrap .cm_list_sub {gap: 18px;}
    .cm_content_wrap .cm_list_sub .cm_writer {display: flex; flex-direction: row; align-items: center; gap: 5px; }
    .cm_content_wrap .cm_list_sub li+li::before {
      top: 0px; left: -9px; height: 14px;}
    .cm_content_wrap .cm_list_sub .cm_writer .personalcon {width:20px; height:20px;}
    .cm_content_wrap .cm_list_sub .cm_writer .cm_nickname {font-size:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55px; word-break: break-all;}
    .cm_content_wrap .cm_list_sub .cm_writer .writer_level {font-size:8px; width:16px; height:16px; line-height:18px;}
    .cm_content_wrap .cm_list_sub .cm_writer .writer_style {font-size:10px; padding:1px 5px; height: 14px; line-height:14px; overflow: hidden;}
    
    .cm_box .cm_content_wrap .cm_list_sub .cm_date {font-size:10px;}
    .cm_box .cm_content_wrap .cm_list_sub .cm_view {
      font-size:10px;  background: url(/images/view.svg) no-repeat left center;background-size:14px; padding-left:19px; 
    }
    .cm_box .cm_content_wrap .cm_list_sub .cm_like {
      font-size:10px; background: url(/images/like.svg) no-repeat left center;background-size:14px; padding-left:19px;
    }
    .cm_box .cm_comment { font-size:10px; background: url(/images/comment.svg) no-repeat top center; padding-top:21px;margin-top:3px; width:19px; text-align: center;}
    
    .cm_list.best .cm_box {padding: 12px 13px;  height:70px; }
    .cm_best_container {margin-top: 25px;}
    /* .cm_list.best .cm_box .cm_content_wrap .cm_list_sub .cm_view {display:none;} */
    .cm_divide .content_wrap.col-2 .cm_more.cm_main {font-size:12px; line-height: 14px; background-size: 14px; }
    .layout_fix.cm_cont_list {margin-top:25px;}
    .post_upper .post_title {font-size: 15px; line-height: 17px;}
    .post_upper .post_details .post_writer .personalcon {width:37px; height:37px;}
    

    /* 커뮤니티 게시글 */
    .post_upper {border-bottom:none; padding-bottom: 38px;}
    .post_upper .post_details {width:100%; margin-top: 20px;}
    .post_upper .post_details .post_writer {width:100%; align-items:flex-end;}
    .post_upper .post_details .post_writer .writers_detail {gap:10px; flex-direction:row; justify-content: space-between; width:100%;}
    .post_upper .post_details .post_writer .writers_detail .detail_up {gap:10px; flex-direction: column; align-items:flex-start; gap:6px;}
    .post_upper .post_details .post_writer .writers_detail .detail_down {gap:20px;}
    
    .post_upper .post_details .post_writer .writers_detail .detail_up .detail_order {order:1; gap:5px;}

    .post_upper .post_details .post_writer .writers_detail .detail_up .cm_nickname {font-size:11px; order:2;}
    .post_upper .post_details .post_writer .writers_detail .detail_up .writer_level {font-size:6px; width:14px; height:14px; text-align: center; line-height:16px;}
    .post_upper .post_details .post_writer .writers_detail .detail_up .writer_style {font-size:10px; padding:1px 6px; height: 14px; line-height:14px; overflow: hidden;}
    
    .post_upper .post_details .post_writer .writers_detail .detail_down .cm_date {font-size:10px; position: relative;}
    .post_upper .post_details .post_writer .writers_detail .detail_down .cm_view {position: relative;
      font-size:10px; background: url(/images/view.svg) no-repeat left center; padding-left:18px;  background-size: 14px;}
    .post_upper .post_details .post_writer .writers_detail .detail_down div+div::before {top: 3px; left: -10px; height: 10px;}
    .post_down {margin-top: 0;}
    .postlike {width:40px; height:40px;}
    .edit_wrap {justify-content: space-between;}
    .post_down .post_cont {font-size:14px; line-height:16px;}
    .btn.cm40 {padding:0 15px;}
    .leave_comment_wrap .commenter_personalcon {display:none;}
    .leave_comment_wrap {gap:12px; padding:16px 0 18px 0; margin-bottom: 18px;}
    .leave_comment_wrap.reply .reply_icon {padding-left:0;}
    .comment_list .comment_box.reply {margin-left:30px; }
    .comment_list .comment_box .commenter_detail {display:flex; flex-direction: row; align-items: center; gap:9px;}
    .comment_list .comment_box .commenter_detail .personalcon {width:25px; height:25px;}
    .comment_list .comment_box .commenter_detail .commenter_nickname {font-size:10px;}
    .comment_list .comment_box .commenter_detail .commenter_level {font-size:8px;width:14px; height:14px; text-align: center; line-height:16px;}
    .comment_list .comment_box .commenter_detail .commenter_style {font-size:8px; border-radius:10px; padding:0px 5px;line-height:20px; }
    
    .comment_list .comment_box .comment_cont {font-size:12px; line-height:14px; color:#3f3f3f; padding-left:34px;}
    
    .comment_list .comment_box .comment_sub { gap:14px; padding-left:34px;}
    .comment_list .comment_box .comment_sub .cm_date {font-size:9px; }
    .comment_list .comment_box .comment_sub .leave_reply {font-size:9px; }
    .comment_list .comment_box .comment_sub .report {font-size:9px; display:none;}
    .comment_list .comment_box .comment_sub .edit {font-size:9px;  display:none;}
    .comment_list .comment_box .comment_sub .delete {font-size:9px; display:none;}
    .leave_comment_wrap.reply {padding:18px 0;}
    
    .comment_list .comment_box .comment_sub div+div::before {
      top: 0px; left: -7px; height: 14px;}

    .cm_cont_list ul.tabs, .cm_cont_list ul.tabs3, .cm_cont_list ul.tabs4 {margin-top:-65px !important;}


    /* 2023.05.08 글 목록 수정 */
    .cm_list.best .cm_box,
    .cm_list .cm_box {height: initial; }
    .cm_content_wrap .cm_list_sub .cm_writer {display: none;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer {display: flex; align-items: center; gap: 5px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon {border-radius: 2px; width:20px; height:20px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .personalcon img {width: 100%;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .cm_nickname {font-size: 11px; line-height: 13px; letter-spacing: 0.025em; color: #686868;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_level {background: #72C2FF; border-radius: 50%; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px;}
    .cm_list .cm_box .cm_content_wrap .cm_list_writer .writer_style {background: #3DABFF; border-radius: 13px; color: #fff; padding: 5px 8px; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 11px; letter-spacing: 0.025em;}
    /* 2023.05.08 글 목록 수정 */
  }

/* 0829수정사항 - 회원가입폼 텍스트 크기 변경  */
  @media screen and (max-width:410px) {
  	.login_form .login_box .checkbox_group #check_all + label{font-size:14px;}
  	.login_form .login_box .checkbox_group input + label{font-size:12px;}
    .stepper-item .step-name{font-size: 8px;}
        
/*     1025수정사항 - 파일업로더 영역 반응형 css 추가 */
    .wr_container .wr_textarea_field .content_box .img_add_box{width:100%;}
    .wr_container table .img_add_box .swiper.mySwiper {width:250px !important;}
    .wr_textarea_field .swiper-buttons{top: 50% !important;}
    .wr_textarea_field .swiper-button-prev {left:-18px;}
	.wr_textarea_field .swiper-button-next {right: -15px;}
/* 	파일업로더 영역 반응형 css 추가 끝  */
  }
  @media screen and (max-width:370px) {
  	.stepper-item .step-name{transform:scale(0.8);}
  }
/*   회원가입폼 텍스트 크기 변경 끝 */


.cm_best_carousel {background:none !important; display:flex; flex-grow:1; justify-content: space-between; gap:20px;}