@charset "utf-8";
@font-face {
    font-family: 'Y_Spotlight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/Y_Spotlight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*common*/
html, body {position:relative; width:100%;}
html {/*overflow-x: hidden;*/} /* 모바일 오버레이모달창할때, 화면스크롤되서,, 다시 삭제 */
body {font-family: 'GongGothicMedium' !important; padding:0; margin:0; color:#333; font-size:16px; line-height:1.5; word-break:keep-all; overflow-x: hidden;}
body.active {overflow: hidden; /*position:fixed;*/ touch-action: none; -ms-touch-action: none;}

div, li{box-sizing: border-box; }
article {width:1200px; margin:0 auto;}
ul,li,ol {list-style:none; padding:0; margin:0;}
a:link, a:visited, a:active {text-decoration:none; color:#333;}
section,article {text-align:center;}
section {padding:70px 10px;}

h1,h2,h3,p,a {margin-top:0; margin-bottom:0;}
/* h2 {font-size:40px; line-height:1.3; font-weight: 500; font-family: 'GongGothicLight';} */
h2 {font-size:40px; line-height:1.3; font-weight: 500; font-family: 'GongGothicMedium';}
h2 strong {font-weight:500; font-family: 'GongGothicMedium';}
/* h3 { font-size:35px; position:relative; text-align:center; margin-bottom:20px;} */
h3 {font-family: 'GongGothicbold'; font-size:35px; position:relative; text-align:center; margin-bottom:20px;}
h3 strong {font-weight:900; position: relative;  z-index: 3;}
h3 .back_bar {content:""; width:10px; height:50px; background:#ffee7d; display:block; position:absolute; top:47%; left:50%; transform:translate(-50%,-50%) skew(-35deg); }
p.sub_txt {font-family:'GongGothicLight'; font-size:22px; margin-bottom:40px;}
span.bar {width:50px; height:1px; background:#333; display:block; margin: 13px auto;}
/* 0824 ios대응 */
/*input, select, button, textarea {
	appearance: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}*/
input {border-radius:0; color:inherit;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../../images/select_arrow_black.svg') no-repeat right 5px center / 11px 7px; border-radius:0; color:inherit; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance:none;}
button {color:inherit;}

.mobile {display:none !important;}

.f_w100 {font-weight:100;}
.f_w200 {font-weight:200;}
.f_w300 {font-weight:300;}
.f_w400 {font-weight:400;}
.f_w500 {font-weight:500;}
.f_w600 {font-weight:600;}
.f_w700 {font-weight:700;}
.f_w800 {font-weight:800;}
.f_w900 {font-weight:900;}

/* 고민해결 카테고리 내 카테고리버튼스와이퍼 */
.solution_sub .category_slide {margin:30px auto 40px;}

/* 고민해결 카테고리 별 서브메뉴 색상 변경 */
.category_02 .top_area .top_menu li {border: 2px solid #ff698c;}
.category_02 .top_area .top_menu .selected {background: #ff698c;}
.category_02 .top_area .top_menu a {color: #ff698c;}
.category_02 .top_area .top_menu .selected a {color: #fff;}

.category_03 .top_area .top_menu li {border: 2px solid #fa6464;}
.category_03 .top_area .top_menu .selected {background: #fa6464;}
.category_03 .top_area .top_menu a {color: #fa6464;}
.category_03 .top_area .top_menu .selected a {color: #fff;}

.category_04 .top_area .top_menu li {border: 2px solid #a883d4;}
.category_04 .top_area .top_menu .selected {background: #a883d4;}
.category_04 .top_area .top_menu a {color: #a883d4;}
.category_04 .top_area .top_menu .selected a {color: #fff;}

.category_05 .top_area .top_menu li,
.category_11 .top_area .top_menu li {border: 2px solid #5894de;}
.category_05 .top_area .top_menu .selected,
.category_11 .top_area .top_menu .selected {background: #5894de;}
.category_05 .top_area .top_menu a,
.category_11 .top_area .top_menu a {color: #5894de;}
.category_05 .top_area .top_menu .selected a,
.category_11 .top_area .top_menu .selected a {color: #fff;}

.category_06 .top_area .top_menu li {border: 2px solid #7fab5c;}
.category_06 .top_area .top_menu .selected {background: #7fab5c;}
.category_06 .top_area .top_menu a {color: #7fab5c;}
.category_06 .top_area .top_menu .selected a {color: #fff;}

.category_07 .top_area .top_menu li {border: 2px solid #fc9a30;}
.category_07 .top_area .top_menu .selected {background: #fc9a30;}
.category_07 .top_area .top_menu a {color: #fc9a30;}
.category_07 .top_area .top_menu .selected a {color: #fff;}


.category_08 .top_area .top_menu li,
.category_10 .top_area .top_menu li {border: 2px solid #66c8ec;}
.category_08 .top_area .top_menu .selected,
.category_10 .top_area .top_menu .selected {background: #66c8ec;}
.category_08 .top_area .top_menu a,
.category_10 .top_area .top_menu a {color: #66c8ec;}
.category_08 .top_area .top_menu .selected a,
.category_10 .top_area .top_menu .selected a {color: #fff;}

.category_09 .top_area .top_menu li,
.category_12 .top_area .top_menu li {border: 2px solid #f9ca27;}
.category_09 .top_area .top_menu .selected,
.category_12 .top_area .top_menu .selected {background: #f9ca27;}
.category_09 .top_area .top_menu a,
.category_12 .top_area .top_menu a {color: #f9ca27;}
.category_09 .top_area .top_menu .selected a,
.category_12 .top_area .top_menu .selected a {color: #fff;}


/* 페이지별 단락제목 색상 & 광고배너 more 버튼 카테고리 별 색상변경*/
.category_01.introduce h3 {color:#bccaf3;}
.category_01.introduce h3 .back_bar {background: #fae9ff;}

.category_01 h3 {color:#1fdfcb;}
.category_01 .button { border:3px solid #1fdfcb;}
.category_01 .button span {color:#1fdfcb;}
.category_01 .button:after {background:#1fdfcb;}

.category_02 h3 {color:#fe526c;}
.category_02 .button { border:3px solid #fe526c;}
.category_02 .button span {color:#fe526c;}
.category_02 .button:after {background:#fe526c;}

.category_03 #section_01 h3 {color:#fa6464;}
.category_03 h3 {color:#fe526c;}
.category_03 .button { border:3px solid #fa6464;}
.category_03 .button span {color:#fa6464;}
.category_03 .button:after {background:#fa6464;}

.category_04 #section_01 h3 {color:#a883d4;}
.category_04 h3 {color:#fe526c;}
.category_04 .button { border:3px solid #a883d4;}
.category_04 .button span {color:#a883d4;}
.category_04 .button:after {background:#a883d4;}

.category_05 #section_01 h3,
.category_11 #section_01 h3 {color:#5894de;}
.category_05 h3,
.category_11 h3 {color:#fe526c;}
.category_05 .button,
.category_11 .button { border:3px solid #5894de;}
.category_05 .button span,
.category_11 .button span {color:#5894de;}
.category_05 .button:after,
.category_11 .button:after {background:#5894de;}

.category_06 #section_01 h3 {color:#7fab5c;}
.category_06 h3 {color:#fe526c;}
.category_06 .button { border:3px solid #7fab5c;}
.category_06 .button span {color:#7fab5c;}
.category_06 .button:after {background:#7fab5c;}

.category_07 #section_01 h3 {color:#fc9a30;}
.category_07 h3 {color:#fe526c;}
.category_07 .button { border:3px solid #fc9a30;}
.category_07 .button span {color:#fc9a30;}
.category_07 .button:after {background:#fc9a30;}

.category_08 #section_01 h3,
.category_10 #section_01 h3 {color:#66c8ec;}
.category_08 h3,
.category_10 h3 {color:#fe526c;}
.category_08 .button,
.category_10 .button { border:3px solid #66c8ec;}
.category_08 .button span,
.category_10 .button span {color:#66c8ec;}
.category_08 .button:after,
.category_10 .button:after {background:#66c8ec;}

.category_09 #section_01 h3,
.category_12 #section_01 h3 {color:#f9ca27;}
.category_09 h3,
.category_12 h3 {color:#fe526c;}
.category_09 .button,
.category_12 .button { border:3px solid #f9ca27;}
.category_09 .button span,
.category_12 .button span {color:#f9ca27;}
.category_09 .button:after,
.category_12 .button:after {background:#f9ca27;}


/* 광고배너 more 버튼 공통*/
.ishere #section_01 .button {display: flex; width: 250px; background: #fff; overflow: hidden; height:59px; align-items:center; margin: 30px auto 0 auto; position:relative; transform: translate(10px, 20px); margin-bottom: 20px;}
.ishere #section_01 .button span {font-family:'GongGothicMedium'; display:block; position: relative; z-index: 5;transition:0.3s; width:150px; font-size:26px; }
.ishere #section_01 .button .fas {color:#fff; position: relative; z-index: 3; font-size:40px;  line-height:inherit; width:100px; margin-left:auto; /*transform: translateX(10px);*/}
.ishere #section_01 .button .fas.more {transform: translateX(10px);}
.ishere #section_01 .button:after {content:"";  right: -220px;  display:block; width:120%; height:60px;   transform: skew(-20deg); transition:0.3s; position: absolute;  z-index: 1; top:0;}
.ishere #section_01 .button:hover span {color:#fff;}
.ishere #section_01 .button:hover:after {right:-30px; }


/* 버튼 공통 */
.ishere #section_03 .button, .ishere #section_04 .button, .main #section_04 .button, .main #section_03 .button {display:flex; width:310px; overflow:hidden; height:60px; align-items:center; margin: 30px auto 0 auto; position:relative; /*transform: translate(10px, 20px);*/ margin-bottom: 20px;}
.main #section_03 .button {transform: translateY(50px);}
.ishere #section_03 .button span, .ishere #section_04 .button span, .main #section_04 .button span, .main #section_03 .button span {width:270px; font-size:26px; font-family:'GongGothicMedium'; display:block; position: relative; z-index: 5;transition:0.3s; }
.ishere #section_03 .button .fas, .ishere #section_04 .button .fas, .main #section_04 .button .fas, .main #section_03 .button .fas {position: relative; z-index: 3; font-size:40px;  line-height:inherit; width:100px; margin-left:auto; /*transform: translateX(10px);*/}
.ishere #section_03 .button .fas.more, .ishere #section_04 .button .fas.more, .main #section_04 .button .fas.more, .main #section_03 .button .fas.more {transform: translateX(10px);}
.ishere #section_03 .button:after, .ishere #section_04 .button:after, .main #section_04 .button:after, .main #section_03 .button:after {content:"";  right: -290px;  display:block; width:120%; height:60px;  transform: skew(-20deg); transition:0.3s; position: absolute;  z-index: 1; top:0;}
.ishere #section_03 .button:hover:after, .ishere #section_03 .button:focus:after, .ishere #section_04 .button:hover:after, .main #section_04 .button:hover:after, .main #section_03 .button:hover:after {right:-30px; }

/* {width:310px;}*/
/*.main #section_03 .button span {width:270px;}*/
/*.main #section_03 .button:after {content:"";  right: -290px;}*/

/*.main #section_03 .button:hover:after {right:-30px; }*/



/* 고민해결 하단 이벤트탭부분 텍스트, 버튼 색상 */
.ishere #section_03 h3, .main #section_03 h3 {color:#ffee7d;}
.ishere #section_03 h3 .back_bar, .main #section_03 h3 .back_bar {background:#fff; opacity:0.3;}
.ishere #section_03 .button { border:3px solid #ffee7d; background:transparent;}
.ishere #section_03 .button span {color:#ffee7d !important;}
.ishere #section_03 .fas {color:#fe8d00;}
.ishere #section_03 .button:after {background:#ffee7d;}
.ishere #section_03 .button:hover span, .ishere #section_03 .button:focus span {color:#fe8d00 !important;}
.ishere #section_03 .button:hover span, .ishere #section_04 .button:hover span, .main #section_04 .button:hover span {color:#fff;}

/* 고민해결 하단 당첨생생후기탭부분 텍스트, 버튼 색상 */
.ishere #section_04 h3 {color: #6d4341;}
.ishere #section_04 h3 .back_bar {background:#ffee7d; opacity:0.3;}
.ishere #section_04 .button {background: #fffaf3; border:3px solid #784937; background:transparent; background:#fffaf3; }
.ishere #section_04 .button span {color:#784937 !important;}
.ishere #section_04 .button:after {background:#784937;}
.ishere #section_04 .fas {color: #fffaf3;}
.ishere #section_04 .button:hover span {color:#fffaf3 !important;}


/* 결제자 이벤트 당첨리뷰쓰기 버튼 색상 */
.event_payment #section_04 .button {border: 3px solid #8a5e02;}
.event_payment #section_04 .button:after {background: #8a5e02;}
.event_payment #section_04 .button span {color: #8a5e02;}
.event_payment #section_04 .fas, .event_payment #section_04 .button:hover span {color: #fff8e3;}

/* 월간게시글 이벤트 당첨리뷰쓰기 버튼 색상 */
.event_writing #section_04 .button {border: 3px solid #7e60dd;}
.event_writing #section_04 .button:after {background: #7e60dd;}
.event_writing #section_04 .button span {color: #7e60dd;}
.event_writing #section_04 .fas, .event_writing #section_04 .button:hover span {color: #f6f1ff;}


/* 출석이벤트 룰렛하러가기 버튼  */
.event_attendance #section_03 .move_btn {position: absolute; left: 50%; transform: translateX(-50%); /*margin-top: 70px;*/ }
.event_attendance #section_03 .button {border: 3px solid #fff; position: absolute; left: 50%; transform: translateX(-50%);}
.event_attendance #section_03 .fas {color: #f0ca5b;}
.event_attendance #section_03 .button span {color: #fff !important;}
.event_attendance #section_03 .button:hover span, .event_attendance #section_03 .button:hover .fas {color: #f67630 !important;}
.event_attendance #section_03 .button:after {background: #fff;}
.main #section_03 .button:hover span {color:#fff;}


/* 룰렛 이벤트 당첨리뷰쓰기 버튼 색상 */
.event_roulette #section_04 .button {border: 3px solid #dd6083;}
.event_roulette #section_04 .button:after {background: #dd6083;}
.event_roulette #section_04 .button span {color: #dd6083;}
.event_roulette #section_04 .fas, .event_roulette #section_04 .button:hover span {color: #fef7f9;}

/* 꽝없는룰렛 이벤트 당첨리뷰쓰기 버튼 색상 */
.event_roulette.prize #section_04 .button {border: 3px solid #608cdd;}
.event_roulette.prize #section_04 .button:after {background: #608cdd;}
.event_roulette.prize #section_04 .button span {color: #608cdd;}
.event_roulette.prize #section_04 .fas, .event_roulette #section_04 .button:hover span, .event_payment_roulette #section_04 .fas, .event_payment_roulette #section_04 .button:hover span {color: #f3f9ff !important;}


/*.main button {*/
/*    display: flex;*/
/*    width: 250px;*/
/*    background: #fff;*/
/*    overflow: hidden;*/
/*    height: 60px;*/
/*    align-items: center;*/
/*    margin: 30px auto 0 auto;*/
/*    position: relative;*/
/*    transform: translate(10px, 20px);*/
/*    margin-bottom: 20px;}*/

/* 이벤트페이지 당첨리뷰작성 버튼 */
/*.main #section_04 .button {width:290px;}*/
/*.main #section_04 .button span {width:260px;}*/
/*.main #section_04 .button .fas {}*/
/*.main #section_04 .button:after {content:"";  right: -270px;}*/
/*.main #section_04 .button:hover span {color:#fff;}*/
/*.main #section_04 .button:hover:after {right:-30px; }*/


/*랜딩페이지*******************************************************************/
.landing_wrap {width:1200px; margin:0 auto; padding-top:80px; text-align:left; position:relative;}
.landing_wrap button.back {font-family: 'GongGothicLight'; display:block; width: 140px; height: 50px; border-radius: 0 !important; font-size: 15px; border: none; background: #666; color: #fff; margin-bottom: 10px; cursor:pointer;}
.landing_wrap button.back:hover {background:#333;}
.landing_wrap h3 {text-align:left; font-size:20px; color:#333; margin-bottom:5px; line-height:1.3; font-weight: 100;}
.landing_wrap .left {width:65%;  float:left;margin-bottom:100px;}
.landing_wrap .left img {width:100%;   display: block; }
.landing_wrap .left .landing_img { border:1px solid #eee; margin-top:-5px;    }
.landing_wrap .right {width:33%; background:#f8f8f8; display:inline-block;  border:1px solid #eee; position:absolute; right:0; top:140px; margin-left:2%; padding:15px 20px; box-sizing:border-box;}
.landing_wrap .right p {font-size:16px; font-weight:300; margin-bottom:10px; color:#666; line-height:1.4; margin-top:5px;}
.landing_wrap .right p.db_title {margin:10px 0 5px 0; border-top:1px solid #ddd; padding-top:15px; font-size:25px;}
.landing_wrap .right .tag {height:33px; overflow:hidden;}
.landing_wrap .right .tag li{display:inline-block; font-size:14px; font-family: 'GongGothicLight'; padding:3px 15px; border:1px solid #ccc; border-radius:30px; margin:2px 0px;  }
.landing_wrap .video_area {position:relative;}
.landing_wrap .buttons {position:absolute;  transition:all 1s;  top: 50%; left: 50%; transform:translate(-50%, -50%);}
.landing_wrap .buttons button {background:none; border:none; color:#fff;}
.landing_wrap .buttons i {font-size:90px; color:#ffe509; text-shadow:10px 10px 20px rgba(0,0,0,0.5); cursor:pointer;}
.landing_wrap .buttons .second {display: none;}
.op_1 {opacity:1;}
.op_0 {opacity:0;}
.landing_wrap form table {width:100%; border-spacing: 0 2px; font-family: 'GongGothicLight' !important; }
.landing_wrap form table tr > td:first-child {display:none;}
.landing_wrap form table tr > td select {font-family: 'GongGothicLight'; width:100%; height:35px; box-sizing:border-box; border:none;}
.landing_wrap form table tr > td input {font-family: 'GongGothicLight'; width:100%; height:35px; box-sizing:border-box; }
.landing_wrap form table tr > td input:not([type="checkbox"]):not([type="radio"]) {border:none; outline: none;}
.landing_wrap form input[type=button] {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-family: 'GongGothicLight'; width: 100%; box-sizing: border-box; height: 40px; background: #333; color: #fff; border: none; margin-top: 10px;}
.landing_wrap form td > a span {display:block; font-family: 'GongGothicLight'; width: 100%; box-sizing: border-box; height: 40px; line-height:40px; background: #333; color: #fff; border: none; margin-top: 10px; text-align:center; font-size:smaller;}
.landing_wrap .q_a {margin:10px 0;}
.landing_wrap .q_a > li:first-child {font-weight:normal; margin-bottom:3px;}
.landing_wrap .q_a .select_area > li {display:inline-block; font-size:14px; font-family: 'GongGothicLight';}
.landing_wrap .q_a input[type=radio], .landing_wrap .q_a input, .landing_wrap form table tr.privacy input[type=checkbox]{position:relative;}

.landing_wrap .sns_btn button {width:100%; height: 35px; border: none; background: #ddd; cursor:pointer;}
.landing_wrap .sns_btn button:hover {background:#666; color:#fff;}
.landing_wrap form table tr.privacy {font-size:14px;}
.landing_wrap form table tr.privacy > td input {width:15px; height:15px;}
.landing_wrap .db_info {border-top:1px solid #ccc; margin-top:15px; margin-bottom: 15px;}

/* 랜딩페이지 커스텀 체크박스 */
.landing_wrap form table tr.privacy label {}
.landing_wrap form table tr.privacy label input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; background: url('../../images/checked(0928).png') no-repeat left; transform: translateY(6px); margin:0;}
.landing_wrap form table tr.privacy label input[type=checkbox]:checked {background-position: right;}


/*고민여기로다 메인페이지******************************************************************/

/* 고민여기로다 메인 공통 */
.ishere_index h1 {font-weight: 600; margin-bottom: 30px;}
.ishere_index img {width: 100%;}

.Txt20 {font-size: 20px;}
.Txt18 {font-size: 18px;}
.Txt16 {font-size: 16px;}
.Mr20 {margin-right: 20px;}
.Mt0 {margin-top: 0;}
.Mt10 {margin-top: 10px;}
.Mt20 {margin-top: 20px;}
.Ml20 {margin-left: 20px;}
.Mb20 {margin-bottom: 20px;}
.Dpb {display: block;}

#wrapper_Ishere {width: 768px; margin: auto; font-family: 'GongGothicLight'; margin-bottom: 90px; position: relative;}
#wrapper_Ishere ul {list-style: none; padding: 0; margin: 0;}
#wrapper_Ishere em {font-style: normal;}
#wrapper_Ishere > div {padding-top: 70px;}
#comment {padding-top: 60px;}

/* 왕관배경 */
#wrapper_Ishere .rank {display: inline-block; width: 25px; height: 21px; margin-right: 10px; background: url('/images/crown2.png') no-repeat center / contain; border-radius: 3px; font-size: 11px; color: #fff; line-height: 35px; text-align: center; vertical-align: middle; padding-left: 2px;}
#wrapper_Ishere .regi .rank {width: 32px; height: 26px; background: url('/images/crown.png') no-repeat center; margin:0 20px;}
#comment .rank {width: 25px; height: 20px; line-height: 20px; margin-bottom:3px; background-size: cover;}

/* 검색창 디자인 */
.search_banner {background-color: #9676fe; padding-top: 140px; padding-bottom: 86px; box-sizing: inherit;}
.search_banner p {margin: 0; font-size: 40px; color: #fff; margin-bottom: 30px;}
.search_banner > div {width: 100%; margin:0 auto; text-align: center;}
.ishere_search_wrap {position:relative; width: 590px; height: 70px; display: flex; align-items: center; text-align: left; box-sizing: border-box; overflow: hidden; background-color: #fff; margin: auto; border-radius: 35px;}
.ishere_search_wrap select {-webkit-appearance:none; -moz-appearance:none;  appearance:none; background: url('../../images/select_arrow.png') no-repeat 90% 50% / 12px; border: none; border-right: 1px solid #bbb; width:134px; padding-left: 1.5rem; box-shadow: none !important;  padding-right: 0; outline:none;}
.ishere_search_wrap select::-ms-expand {display:none;}
.ishere_search_wrap select, .ishere_search_wrap input, .ishere_search_wrap button {font-size:17px; font-family: 'GongGothicLight'; box-sizing: border-box; }
.ishere_search_wrap input {width:calc(100% - 134px - 70px); border:none; outline: none; padding-left:20px; height:100%; }
.ishere_search_wrap button {width:70px; height:100%; padding:0 20px; background:transparent; border:none; color:#9676fe; font-size:28px; cursor: pointer;  }
.ishere_search_wrap button span:before {content: '\e8b6'; font-family: 'Material Icons Outlined'; display: inline-block; transform: translateY(2px);}

/* 게시판가이드 바로보기 */
.goto-guide_board {color: #fff; font-family: 'GongGothicLight'; /*margin-bottom: 50px;*/ height: 40px; background-image: linear-gradient(45deg, #d8aafb 0%, #ded1fd 100%);}
.goto-guide_board > div {cursor: pointer; width: 1200px; margin: auto; width: 1200px; height: 100%; line-height: 40px;}
.goto-guide_board > div .icon {float: right;  display: inline-block; height: 100%;}
.goto-guide_board > div .icon:before {content: '\e8fd'; font-family: 'Material Icons Outlined'; font-size: 1.5rem;}

/* Swiper Slider */
.swiper {width: 1200px; margin: auto; margin-top: 50px;}
.swiper.slider_banner {width: 100%; margin-top: 0;}
.swiper-slide {text-align: center; font-size: 15px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mySwiper, .category_slide {width:100%; max-width:1200px;}
.mySwiper .swiper-slide, .category_slide .swiper-slide {padding-top:2px;}
.mySwiper .swiper-slide a, .verticalSwiper .swiper-slide a, .category_slide .swiper-slide a {width: 48px; height: 48px; display: block; margin:0 auto 6px;}
/*.swiper.slider_banner a {display: inline-block; padding-top: 60px;}*/
.swiper.slider_banner .title {/*display: inline-block;*/ display:block; padding-top: 60px;}
.swiper-slide a img {display: block; width: 100%; height: 100%; object-fit: cover;} /* 스와이퍼 슬라이드 메뉴 아이콘 */
.swiper-slide .title img {display: block; width: 100%; height: 100%; object-fit: cover;} /* 스와이퍼 슬라이드 배너  */
.slider .swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}


/******* 월간베스트 게시글 TOP3 *******/
#slider1 {width: 100%; /*min-height:400px;*/ box-sizing:content-box; display:block; overflow:hidden; position:relative; margin-top:70px; padding-top:0 !important;}
#slider1 ul {width:100%; overflow:hidden; position:absolute; top:60px; bottom:0; left:0; right:0;}
#slider1 ul li {clear: both; line-height: 1; width:100%; position:absolute; overflow:hidden; visibility:visible; -webkit-transition: 0.3s linear; -o-transition:0.3s linear; transition:0.3s linear; background:#fff; margin:0; padding:0;}
#slider1 .regi:nth-child(1) {margin-top:0;}
#slider1 .regi:nth-child(2) {margin-top:160px;} /* << margin:20px 0 + height:90px + title.height:60px*/
#slider1 .regi:nth-child(3) {margin-top:240px;}
#slider1 .regi:nth-child(4) {margin-top:310px;}
#slider1 .regi:nth-child(5) {margin-top:390px;}
#slider1 ul li .details {display: flex; padding: 20px 0; padding-bottom: 0;}

/******* 월간베스트 댓글 TOP3 *******/
#comment ul li:not(.Notregist) {display: flex; flex-direction:column; align-items: center; border-bottom: 1px solid #ddd; padding:15px 0 25px;}
#comment ul li:not(.Notregist) > div {width:100%; height:30px;}
#comment ul li:nth-of-type(1) {padding-top: 0 !important;}
#comment ul li .cate_icon {display:inline-block; width:30px; height:30px;}
#comment ul li .content {box-sizing:border-box; padding:7px 0 0; display:flex; flex-direction:column; justify-content:space-between;}
#comment ul li .details .id_date_view {height:auto !important;}
#comment ul li .details .id_date_view span {margin-bottom:4px;}
#comment ul li .details .id_date_view .text {width:100% !important;}
#comment ul li .details .id_date_view .text p {width:calc(100% - 80px) !important; display:inline-block !important; vertical-align:middle;}
#comment ul li .title {padding: 0 !important;}
#comment ul li.Notregist {padding-bottom: 0;} /* 데이터 미등록시 */
#comment ul li.Notregist .content {width: 100%;} /* 데이터 미등록시 텍스트 옆 아이콘안보이게 */

/* 댓글표시, 더보기 텍스트 */
#comment ul li .comment_info .txt:before {content: "\f132"; font-family: bootstrap-icons; color: #ada7bb; display: inline-block; margin: 0 10px; vertical-align:middle;}

/* 실시간 인기, 게시글 */
#realtime_popular ul li, #realtime_post ul li {clear: both; line-height: 1;}
#wrapper_Ishere ul li:not(.regi):not(.comm):not(.Notregist) {display:flex; margin-bottom:50px; position:relative;}
#wrapper_Ishere ul li:not(.regi) .photo {width:60px; height:60px; margin-right:20px;}
#wrapper_Ishere ul li .info {width:calc(100% - 180px); height:60px; display:flex; flex-direction:column; justify-content:space-between;}
#wrapper_Ishere ul li.Imgnone .info {width:calc(100% - 80px);}


 #wrapper_Ishere ul li .title a.txt {
/*	color: #777;*/
/*  vertical-align: middle;*/

/*  display: -webkit-box;  */
/*  max-height: 50px;      */
/*  -webkit-line-clamp: 2; /* 표시하고자 하는 라인 수 */ /* white-space: no-wrap 속성은 꼭 제거 */
/*  -webkit-box-orient: vertical; /* 박스의 내의 정렬을 수직  */
/*	word-break: break-word;*/

	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 91%;
}

/* 내용 글자수 표시제한  */
#wrapper_Ishere ul li .details .txt {
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 표시하고자 하는 라인 수 */ /* white-space: no-wrap 속성은 꼭 제거 */
    -webkit-box-orient: vertical; /* 박스의 내의 정렬을 수직  */
	word-break: break-word;
}

/* 내용 글자수 표시제한  */
#comment ul li .comment_info .txt {
    color: #777;
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 더보기 가상클래스 추가 */
#slider1 ul li .details .add,
#realtime_popular ul li .details .add,
#realtime_post ul li .details .add  {position: relative; font-size: 16px; line-height: 1.3rem; height: 2.8rem;}

/* 카테아이콘 이미지 */
#slider1 ul li .cate_icon {display: inline-block; width: 48px; height: 48px; border-radius: 10px;}
#realtime_popular ul li .cate_icon, #realtime_post ul li .cate_icon {display: inline-block; width: 30px; height: 30px; border-radius: 10px;}
#slider1 ul li .cate_icon img,
#realtime_popular ul li .cate_icon img,
#realtime_post ul li .cate_icon img {width: 100%;}


#wrapper_Ishere ul li .details .id_date_view {color: #ada7bb; font-size: 14px; display:flex; flex-wrap:wrap; align-items:center; height:100%; }
#wrapper_Ishere ul li.regi .details .id_date_view { height:60px; }

/* 프로필이미지 */
#wrapper_Ishere ul li .details .id_date_view .pf {display: inline-block; width: 24px; height: 24px; margin-right:5px;}
#wrapper_Ishere ul li .details .id_date_view .pf img {width: 100%; }

/* 아이디, 날짜, 조회 */
#wrapper_Ishere ul li .details .id_date_view > a {width:100%; overflow:unset; font-size:16px;}
#wrapper_Ishere ul li .details .id_date_view .id {display: inline-block; vertical-align: middle;}
#wrapper_Ishere ul li .details .id_date_view span {vertical-align: middle; margin-right:12px;}
#wrapper_Ishere ul li .details .id_date_view .text {width:calc(100% - 90px); position:relative;}
#wrapper_Ishere ul li .details .id_date_view .text p {width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0; color:#777; font-size:16px; word-break:break-all;}
#wrapper_Ishere ul li .details .id_date_view .text p.see_more::after {content:'더보기'; color:#aba6ba; margin-left:10px;}
#wrapper_Ishere ul li .details .id_date_view img {vertical-align: middle; transform: translateY(-1px);}
#wrapper_Ishere ul li .details .photo {width: 60px; height:60px; margin-right:20px;}

/* 좋아요 댓글 박스 */
#wrapper_Ishere ul li .details .like_comment {display:inline-block; vertical-align:middle; text-align:left; color: #ada7bb; padding: 0; text-align: left; font-size: 14px;}

#wrapper_Ishere ul li .details .like_right {position:absolute; min-width:90px; height:64px; right:0; top:50%; transform:translateY(-50%); padding:10px; border-radius:10px; border:1px solid #cfcfcf; display:flex; justify-content:center; align-items:flex-end; column-gap:15px;}
#wrapper_Ishere ul li .details .like_right span {display:flex; align-items:center; justify-content:center; flex-direction:column; color:#8e88a1; line-height:1; margin:0;}
#wrapper_Ishere ul li .details .like_right span:before {box-sizing: border-box; font-family: bootstrap-icons; font-size:1.3rem; font-weight: bold; color: #9676fe; vertical-align: middle; margin: 0 0 0.2em;}
#wrapper_Ishere ul li .details .like_right .like:before {content: '\f417'; }
#wrapper_Ishere ul li .details .like_right .comment:before {content: '\f24a'; margin-bottom:0.25em;}
/*1031 like_right x*/
#wrapper_Ishere ul li .details span:before {display:inline-block; box-sizing: border-box; font-family: bootstrap-icons; font-size:1rem; font-weight: bold; color: #9676fe; vertical-align: middle; margin-right:5px;}
#wrapper_Ishere ul li .details .like:before {content: '\f417'; }
#wrapper_Ishere ul li .details .comment:before {content: '\f24a'; margin-bottom:0.2em;}

/* 월간베스트 게시글 타이틀 이미지 세로중앙정렬 */
#wrapper_Ishere ul li .icon {font-size: 0;}
#wrapper_Ishere ul li .icon img {vertical-align: middle;}
#wrapper_Ishere ul li .title {display: flex; align-items: center;}
#wrapper_Ishere ul li.regi .title {align-items: center;}
#slider1 ul li .title {height: 60px; border: 1px solid #ddd; transition:0.2s;}
#slider1 ul li:hover .title {border-color:#000;}
#slider1 ul li.Notregist .title {border: none;} /* 데이터 미등록시 테두리 삭제 */
#wrapper_Ishere ul li .title a.txt, #wrapper_Ishere #comment ul li .title { display: flex; align-items:center; width:fit-content !important; max-width:100% !important; padding: 3px 0; text-decoration: none; color: #333; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 중간 광고배너 */
.ad_banner {text-align:center; text-align:left; padding-top:0 !important; margin-bottom:50px;}
.ad_banner a {overflow:hidden; width:100%; height:145px; border:1px solid #e7e7e7; border-radius:10px; display:flex;}
.ad_banner .img_left {width:40%; max-width:276px; border-right:1px solid #e7e7e7;}
.ad_banner .img_left img {width:100%; height:100%; object-fit:cover;}
.ad_banner .text_right {width:calc(100% - 276px - 1px); position:relative; padding:20px; display:flex; align-items:center;}
.ad_banner .text_right p {font-size:26px; color:#000; line-height:1.3;}
.ad_banner .text_right p span {font-size:22px; color:#777; display:block;}
.ad_banner .text_right > span {position:absolute; right:20px; bottom:15px; color:#ada7bb; font-size:16px; line-height:1;}
.ad_banner .text_right > span::after {content:'\f054'; margin-left:20px; font-size:14px;font-family: FontAwesome;}

/* 제목 같은 위치에서 시작 */
#wrapper_Ishere ul li .title > div:nth-of-type(2) {padding-top: 4px;}
#wrapper_Ishere ul li.regi .title > div:nth-of-type(2) {width:calc(100% - 125px);}

#wrapper_Ishere > div ul li.Notregist {border: 1px solid #ddd; height: 60px; line-height: 60px; display: flex; align-items: center; justify-content: center;} /* 데이터 미등록시 텍스트 테두리형식 */
#wrapper_Ishere > div ul li.Notregist .title > div:nth-of-type(2) {width: 100%; text-align: center; justify-content: center;} /* 데이터 미등록시 텍스트 가운데 정렬 */
#wrapper_Ishere > div ul li.Notregist > div:nth-of-type(2) .title {width: 100%; text-align: center; justify-content: center; vertical-align: middle;} /* 데이터 미등록시 텍스트 가운데 정렬 */
#wrapper_Ishere > div ul li.Notregist .title a.txt {justify-content: center;}

/* 아이콘 옆 카테고리 txt */
#wrapper_Ishere ul li .title a.txt span:nth-of-type(1) {color: #968bba; font-size: 16px; display: inline-block; box-sizing:border-box; padding: 0 10px;}
#wrapper_Ishere ul li.regi .title a.txt span:nth-of-type(1) {padding: 0 20px;}
#wrapper_Ishere ul li.Notregist a.txt span:nth-of-type(1) {display: none;} /* 데이터 미등록시 텍스트 옆 아이콘 안보이게 */
#wrapper_Ishere .regi .details .photo {margin-right:25px;}
#wrapper_Ishere .live .details .photo {margin-right:15px;}
#wrapper_Ishere .details > div:nth-of-type(2) {width:calc(100% - 80px); text-align: left;}
#wrapper_Ishere .details p {padding-top: 10px; /*font-weight: bold;*/ line-height: 1.6;}

/* 이미지 없는 글 */
#wrapper_Ishere ul li.Imgnone .photo {display: none;}
#wrapper_Ishere ul li.Imgnone .details > div:nth-of-type(2) {margin: 0;}

/* 고민여기 메인 광고 배너 */
.banner_Ishere {padding-top: 0 !important; width: 100%; overflow: hidden;}
#realtime_post .banner_Ishere {margin-bottom: 40px;}
.banner_Ishere ul a > li:nth-of-type(2) div {font-size: 0;}
 a {text-decoration: none; color: #333;}
 a:link {text-decoration: none;}
 a:hover {text-decoration: none;}
.banner_Ishere .details {border: 1px solid blue;}
.banner_Ishere .cate_icon {display: inline-block; width: 47px; height: 47px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.banner_Ishere ul > a > li:nth-of-type(1) {display: flex; align-items: center;}
.banner_Ishere .img_area div {font-size: 0; width: 100%; height: 100%; overflow: hidden;}
.banner_Ishere .txt_area {padding: 1rem; padding-bottom: 0; border: 1px solid #e7e7e7; width: 100%; height: auto; display: flex; align-items: center; border-radius: 0 10px 10px 0;}
.banner_Ishere .txt_area .title_area {font-size: 26px; color: #261b31; width: 80%; height: auto; flex: 6; line-height: 2rem;}
.banner_Ishere .txt_area .more_view {right: 0; bottom: 0; font-size: 16px; color: #ada7bb; text-align: right;}
.banner_Ishere .txt_area .more_view:after {content: '\e5e1'; font-family: 'Material Icons Outlined'; display: inline-block; transform: translateY(2px); margin-left: 0.5rem;}
.banner_Ishere .txt_area .info {font-size: 22px; color: #777; display: block;}

/* 고민여기-서브 게시글 없음 */
#wrapper_Ishere > .Notregist:not(#comment) {display:none;}
#wrapper_Ishere > .Notregist > p {font-size:22px; color:#8e88a1; padding:10px 0 80px; text-align:center; line-height:1.2; letter-spacing:0.03em;}
#wrapper_Ishere > .Notregist > p b {font-size:26px; font-weight:normal; color:#9676fe; display:block; padding-bottom:10px; letter-spacing:-0.02em;}

/* 사이즈수정규격 */
.banner_Ishere .wrap {display: flex;}
.banner_Ishere .banner_area {/* border: 1px solid #e7e7e7; */ overflow: hidden; width: 100%; display: flex; align-items: center; border-radius: 10px 0 0 10px; font-size: 0; /* 빈공간없애기 */}
.banner_Ishere .banner_area .image_area {width: 37%; height: 100%;}
.banner_Ishere .banner_area .image_area img {width: 100%; display: block;}
.banner_Ishere .banner_area .title_area {align-items: center; position: relative; padding: 0 1rem; font-size: 30px; color: #261b31; flex: 6; text-align: left; height: 100%;}
.banner_Ishere .banner_area .title_area > div:nth-of-type(1) {line-height: 2.2rem; }
.banner_Ishere .banner_area .title_area .more_view {font-size: 16px; color: #ada7bb; text-align: right; position: absolute; right: 1rem; bottom: -2rem;}
.banner_Ishere .banner_area .title_area .more_view:after {content: '\e5e1'; font-family: 'Material Icons Outlined'; display: inline-block; transform: translateY(2px); margin-left: 0.5rem;}
.banner_Ishere .banner_area .info {font-size: 23px; color: #777; display: block;}

/* 세로 스크롤 이동메뉴 */
.scroll-menu-area {width: 75px; height: auto; position: fixed; right: 5%; /* right: 180px;*/ text-align: center; bottom: -700px; z-index: 700; transition: 0.5s;}
.scroll-menu-area.active {bottom: 100px;}
.scroll-menu {height:0; transition:height 0.2s; margin-bottom:77px;}
.scroll-menu.active {height:100%;}
.verticalSwiper {width: 100%; max-height: 420px; transform: translateY(490px); transition: 0.5s; visibility: none; opacity: 0; background-color: #e8e4f8; border-radius: 10px;}
.verticalSwiper.solution {background-color: #fff; opacity: .7;}
.verticalSwiper.active {transform: translateY(0); visibility: visible; opacity: 1; padding: 0.3rem 0;}
.verticalSwiper a {margin-bottom: 0.3rem;}
.scroll-menu-area .scroll-btn {position: absolute; width: 100%; bottom: 0; z-index: 500;}
.scroll-menu-area .scroll-btn a {color: #fff; font-size: 1.3rem; margin: 15px; display: block; width: 47px; height: 47px; line-height: 47px;  border-radius: 50%; background-color: #9676fe;}
.scroll-menu-area .scroll-btn.solution a {color: #fff; font-size: 1.3rem; margin: 15px; display: block; width: 47px; height: 47px; line-height: 47px;  border-radius: 50%; background-color: #16d3bb;}
.scroll-btn .show-the-menu:before {content: '\e945'; font-family: 'Material Icons Outlined'; font-size: 1.5rem;}
.scroll-btn .go-to-write:before {content: '\f4cb'; font-family: bootstrap-icons;}
.scroll-menu-area .swiper-wrapper {-webkit-box-orient: vertical; -ms-flex-direction:column; flex-direction:column;}/*0831 익스*/
.scroll-menu .swiper-slide {height:82.4px !important;}
/*.scroll-menu .swiper-slide:nth-child(n + 4){display:none;} 메뉴height값test*/


/*고민여기로다 서브페이지******************************************************************/
.ishere_submenu {border-bottom: 1px solid #ddd;}
.ishere_submenu ul {display: flex; align-items: center; width: 1200px; height: 70px; margin: auto; list-style: none; padding: 0; font-size: 16px;  font-family: 'GongGothicLight'; }
.ishere_submenu ul li {width: 8%;}
.ishere_submenu .icon {width: 48px; height: 48px; margin-right: 1rem;}
.ishere_submenu .icon img {width: 100%; height: 100%; object-fit: cover;}
.ishere_submenu .menu {text-align: center; margin: 0 0.2rem;}
.ishere_submenu .menu.selected {position: relative; height: 100%; line-height: 70px;  font-family: 'GongGothicMedium';}
.ishere_submenu .menu.selected:before {content: ''; position: absolute; width: 100%; height: 2px; background: #333; left: 0; bottom: 0;}
.goto-guide_board.sub {margin-bottom: 0;}


/*게시글 작성확인 페이지******************************************************************/
#wrapper_post {width: 768px; margin: auto; padding: 0; margin-top: 55px; margin-bottom: 90px; border: none;}
#wrapper_post em {font-style: normal;}
#wrapper_post .banner_area {margin: 20px 0;}
#wrapper_post .banner_area.top {margin-top: 0;}
#wrapper_post .banner_area img {width: 100%;}
#wrapper_post .like_comment {margin-bottom: 20px;}
#wrapper_post .like_comment > div {display: inline-block; font-size: 20px; margin-right: 20px;}
#wrapper_post .like_comment .icon:before, #wrapper_post .comment_wrap .cmtDiv .comment_info_box .icon:before {font-family: bootstrap-icons; color: #9676fe; margin-right: 0.3rem; vertical-align: middle; display: inline-block; transform: translateY(-2px);}
#wrapper_post .like_comment .like {cursor: pointer;}
#wrapper_post .like_comment .like .icon:before, #wrapper_post .comment_wrap .cmtDiv .comment_info_box .icon:before {content: '\f417';}
#wrapper_post .like_comment .comment .icon:before {content: '\f24a';}
#wrapper_post .like_comment .like .icon.active:before, #wrapper_post .comment_wrap .cmtDiv .comment_info_box .icon.active:before {content: '\f415';}

/* 작성게시글 댓글쓰기창 */
#wrapper_post .re_write {text-align: right;}
#wrapper_post .re_write .re_write_box > div { text-align: left; border: 1px solid #ccc;  padding: 10px;}
#wrapper_post .re_write .re_write_box {color: #9676fe;}
#wrapper_post .re_write .re_write_box .write_area {box-sizing: border-box; resize: none; border-top:none; width: 100%; height: 140px; overflow: hidden;}
#wrapper_post .re_write .re_write_box textarea {font-family: 'GongGothicLight'; width: 100%; border: none; font-size: 16px;}
#wrapper_post .re_write .re_write_box textarea::placeholder {color: #ada7bb;}
#wrapper_post .re_write .re_write_box textarea:focus {outline: none;}
#wrapper_post .re_write button, .reply_write button {width: 80px; height: 40px; border: 1px solid #444; background: #444; color: #fff; margin: 20px 0; font-family: 'GongGothicLight'; font-size: 16px; cursor: pointer;}
#wrapper_post .re_write button, #wrapper_post .comment_wrap .title {margin-bottom:10px;}
#wrapper_post .reply_write button {margin-top:10px;}

/* 댓글 수정 */
#wrapper_post .reply_write.edit {margin-bottom: 40px;}

/* 대댓글쓰기창 */
#wrapper_post .reply_write {display:none; text-align:right; background-color: #f7f4ff; padding: 0; padding-top: 20px; padding-right: 20px; margin-bottom: 40px;}
#wrapper_post .reply_write .reply_write_box {display: flex; text-align: left;}
#wrapper_post .reply_write .reply_write_box .inbox {padding: 10px; border: 1px solid red; width: 100%; background: #fff; border: 1px solid #ccc;}
#wrapper_post .reply_write .reply_write_box .inbox .name {display: inline-block; margin-bottom: 10px; color: #9676fe;}
#wrapper_post .reply_write.rank .reply_write_box .icon:before {content: "\f132"; font-family: bootstrap-icons;}
#wrapper_post .reply_write.rank.edit .reply_write_box .icon:before {content: "";}
#wrapper_post .reply_write div .icon {width: 8%; text-align: center; padding-top: 1rem;}
#wrapper_post .reply_write textarea {font-family: 'GongGothicLight'; width: 99%; border:none; resize: none; height: 50px; font-size: 16px;}
#wrapper_post .reply_write textarea::placeholder {color: #ada7bb;}
#wrapper_post .reply_write textarea:focus {outline: none;}
#wrapper_post .comment_wrap {width: 100%;}
#wrapper_post .comment_wrap ul {list-style: none; padding: 0; margin: 0;}
#wrapper_post .comment_wrap .title {font-size: 18px;}
#wrapper_post .comment_wrap .comment_tab {margin-bottom: 20px; border-bottom: 1px solid #ccc;}
#wrapper_post .comment_wrap .comment_tab li {display: inline-block; margin-right: 0.5rem; cursor: pointer;}
#wrapper_post .comment_wrap .comment_tab li a {color: #ccc;}
#wrapper_post .comment_wrap .comment_tab li.current a {color : #333 !important;}
#wrapper_post .comment_wrap .cmtDiv {display: none;}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box .icon {margin-right: 0; transform: translateY(1px);}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box .txt {margin-right: 0;}

/* 작성자 게시물영역 */
#wrapper_post .postArea .cate_icon {display:inline-block; width: 30px; margin-right: 0.2rem;}
#wrapper_post .postArea .cate_icon img {width: 100%; height: 100%; object-fit:cover; vertical-align: middle}
#wrapper_post .postArea .icon {margin-bottom: 20px;}
#wrapper_post .postArea .icon .txt {color: #9676fe; font-size: 16px;}
#wrapper_post .postArea .icon .txt:after {content:'\f054'; font-size:13px; font-family: FontAwesome; display: inline-block; margin-left: 0.5rem;}
#wrapper_post .postArea .post_title {font-size: 32px; margin-bottom: 20px; word-break: break-all; line-height:1;}
#wrapper_post .postArea .writer_box {display: flex; justify-content: space-between; align-items: center; position: relative;}
#wrapper_post .postArea .writer_profile .pf {display: inline-block; width: 33px; height: 33px; margin-right: 0.2rem;}
#wrapper_post .postArea .writer_profile .pf img {width: 100%; height: 100%; object-fit:cover; vertical-align: middle; transform: translateY(-2px);}
#wrapper_post .postArea .writer_profile .id_date {display: inline-block; font-size: 14px; vertical-align:middle; line-height:1.1;}
#wrapper_post .postArea .writer_profile .id_date span {margin-right: 10px;}
#wrapper_post .postArea .writer_profile .id_date span:first-child {display:block;}
#wrapper_post .postArea .writer_profile .id_date .date {color: #ada7bb;}
#wrapper_post .postArea .writer_box .post_option {color: #ada7bb; text-align: right; cursor: pointer;}
#wrapper_post .postArea .writer_box .post_option:after {content: '\e5d4'; font-family: 'Material Icons Outlined'; font-size: 1.5rem;}
#wrapper_post .postArea .writer_box .option_box {width: 100px; height: auto; text-align: center; display: none; position: absolute; right: 0; bottom: -60px; border: 1px solid #ccc; border-radius: 5px; background: #fff;}
#wrapper_post .postArea .writer_box .option_box span {display: block; padding: 5px; cursor: pointer;}
#wrapper_post .postArea .writer_box .option_box span:hover {background: #eee;}
#wrapper_post .postArea .content_area {margin: 50px 0;}
#wrapper_post .postArea .post_info_box > div {display: inline-block; font-size: 14px; margin-right: 10px; color: #ada7bb;}
#wrapper_post .postArea .post_info_box em {margin-left: 0.2rem;}

/* 랭킹댓글 */
#wrapper_post .comment_wrap .cmtDiv.rank, #wrapper_post .comment_wrap .cmtDiv.current {display: inherit;}
#wrapper_post .comment_wrap .cmtDiv.rank {margin-bottom: 40px !important; border-top: 1px solid #ccc; background-color: #fbfbfb;}
#wrapper_post .comment_wrap .cmtDiv.rank .cmtItem {margin: 0; padding: 40px 0; padding-left: 20px; padding-right: 20px;}
/*랭킹 아이콘*/ #wrapper_post .comment_wrap .cmtDiv.rank .rank.icon {transform: translateY(6px); margin-right: 20px; width: 23px; height: 18px;}
#wrapper_post .comment_wrap .cmtDiv.rank .rank.icon img {width: 100%; height: 100%; object-fit: cover;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv.rank {display: none; padding-bottom: 20px; background: #fbfbfb;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv.rank .replyItem {padding-left: 50px;}

/* 일반댓글 */
#wrapper_post .comment_wrap .cmtDiv .cmtItem {padding: 0 20px; padding-bottom: 40px;}
#wrapper_post .comment_wrap .cmtDiv .cmtItem, #wrapper_post .comment_wrap .replyDiv .replyItem {display: flex;}
#wrapper_post .comment_wrap .cmtDiv .pf {display: inline-block; width: 40px; height: 40px;}
#wrapper_post .comment_wrap .cmtDiv .pf img {width: 100%; object-fit:cover;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv .pf {display: inline-block; width: 30px; height: 30px;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv .pf img {width: 100%; object-fit:cover;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv .replyItem {margin: 0; padding-left: 50px; padding-right: 20px; padding-bottom: 40px;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv .comment_box {margin-top: 0.3rem;}
#wrapper_post .comment_wrap .cmtDiv .replyDiv .comment_text_box em {color: #9676fe; display: inline-block; margin-right: 0.2rem;}
#wrapper_post .comment_wrap .cmtDiv .comment_box {margin-top: 0.6rem;  margin-left: 20px; flex: 8;} /* 프로필이미지가 줄어들어서, flex로 너비 추가 --2022.07.18 */
#wrapper_post .comment_wrap .cmtDiv .comment_box > div {margin-bottom: 15px; font-size: 16px;}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box {margin-bottom: 0 !important; font-size: 14px; color: #ada7bb;}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box .like, #wrapper_post .comment_wrap .cmtDiv .comment_info_box span {cursor: pointer; display: inline-block; margin-right: 10px;}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box em {color: #9676fe; display: inline-block; margin-left: 0.2rem;}
#wrapper_post .comment_wrap .cmtDiv .comment_info_box span:nth-of-type(4), #wrapper_post .comment_wrap .cmtDiv .comment_info_box span.reply {pointer-events: none;}

/* 페이징버튼 */
#wrapper_post .comment_wrap .cmtDiv.rank .list_num_wrap {display: none; margin-top: 0; text-align: center; margin-top: 10px; padding-bottom: 20px;}
#wrapper_post .comment_wrap .cmtDiv .list_num_wrap li {padding: 0 5px;}
.list_num_wrap ul {display:flex; justify-content:center;}


/*게시판 이용 가이드 페이지******************************************************************/
#wrapper_guide {color: #666;}
#wrapper_guide .sub_title {font-size: 20px; padding-bottom:10px;}
#wrapper_guide .sub_txt a {margin-top:4px; text-decoration: underline; float: right; margin-top: 4px;}
#wrapper_guide .title {margin-bottom:20px;}
#wrapper_guide .title, #wrapper_guide .sub_title {color: #333;}
#wrapper_guide .guide_box {border: 1px solid #ccc; padding: 20px; margin-bottom: 30px; position:relative;}
#wrapper_guide .guide_box .info_title {display: block; margin-bottom: 10px; margin-top: 20px;}
#wrapper_guide .guide_box .info_title:nth-of-type(1) {margin-top: 0;}
#wrapper_guide .guide_box .info_title a {color: #9676fe; padding-top:5px; display:block; font-size:17px;}
#wrapper_guide .guide_box .info_sub {display:block; margin-bottom:5px;}
#wrapper_guide .guide_box ul {background: #f8f8f8; padding: 15px 20px; margin-top:10px; /*padding-left:30px;*/ position:relative;}
#wrapper_guide .guide_box ul .point {margin-top: 20px;}
/*#wrapper_guide .guide_box ul li{list-style:disc;}*/
#wrapper_guide .guide_box ul li {line-height:1.45;}
#wrapper_guide .guide_box ul li,
#wrapper_guide .guide_box .info_sub,
#wrapper_guide .guide_box .info_title {text-align: justify; word-break: break-all;}
#wrapper_guide .guide_box ul li:not(:last-child){margin-bottom:7px;}
#wrapper_guide .guide_box ul li em {font-size: 0.5rem; font-style: normal; display: inline-block; transform: translateY(-3px);}
#wrapper_guide .guide_box .sub_txt {margin-top: 20px;}
#wrapper_guide .guide_box .sub_txt span {display: block;}

#wrapper_guide .guide_box .list_num {padding-left:23px;}
#wrapper_guide .guide_box .list_num::before {position:absolute; width:25px; left:13px; text-align:right; letter-spacing:0.08em;}
#wrapper_guide .guide_box .list_num:nth-child(1)::before {content:'1)'; letter-spacing: 0.23em; left: 15px;}
#wrapper_guide .guide_box .list_num:nth-child(2)::before {content:'2)';}
#wrapper_guide .guide_box .list_num:nth-child(3)::before {content:'3)';}
#wrapper_guide .guide_box .list_num:nth-child(4)::before {content:'4)';}
#wrapper_guide .guide_box .list_num:nth-child(5)::before {content:'5)';}
#wrapper_guide .guide_box .list_num:nth-child(6)::before {content:'6)';}
#wrapper_guide .guide_box .list_num:nth-child(7)::before {content:'7)';}
#wrapper_guide .guide_box .list_num:nth-child(8)::before {content:'8)';}
#wrapper_guide .guide_box .list_num:nth-child(9)::before {content:'9)';}
#wrapper_guide .guide_box .list_num:nth-child(10)::before {content:'10)';}
#wrapper_guide .guide_box .list_num:nth-child(11)::before {content:'11)'; letter-spacing: 0.18em; left:14px;}
#wrapper_guide .guide_box .list_num:nth-child(12)::before {content:'12)';}
#wrapper_guide .guide_box .list_num.num1::before {content:'1)' !important; letter-spacing: 0.23em; left: 15px;}
#wrapper_guide .guide_box .list_num.num2::before {content:'2)' !important;}
#wrapper_guide .guide_box .list_num.num3::before {content:'3)' !important;}
#wrapper_guide .guide_box .list_num.num4::before {content:'4)' !important;}
#wrapper_guide .guide_box .list_num.num5::before {content:'5)' !important;}
#wrapper_guide .guide_box .list_num.num6::before {content:'6)' !important;}

#wrapper_guide.event .sub_txt {line-height:27px;}
#wrapper_guide.event .guide_box .list {padding-left:18px;}
#wrapper_guide.event .guide_box .list:not(:last-child) {margin-bottom:10px;}
#wrapper_guide.event .guide_box .list::before {content:'-'; position:absolute; width:15px; left:20px; letter-spacing:0.08em;}

#wrapper_guide.event .link.btn {
	height: 50px;
    background: #9676fe;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff !important;
    font-family: "GongGothicLight";
}



/*고민해결 메인페이지******************************************************************/
/* 슬릭슬라이더 배너 */
.slider_banner .item-inner {/*height: 937px;*/ padding-top: 60px;}
.slider_banner .item1 {background-color: #020b28;}
.slider_banner .item2, .item3 {background-color: #f7f9ff;}
.slider_banner .item4 {background-color: #6884ff;}
.slider_banner .item-inner .title {height: 100%;}

.slider_banner .item-inner .title {height: 937px;}
.slider_banner .item1 .item-inner .title {background: url('/images/title_img.png') no-repeat center;}
.slider_banner .item2 .item-inner .title {background: url('/images/title_img1.png') no-repeat center;}
.slider_banner .item3 .item-inner .title {background: url('/images/title_img2.png') no-repeat center;}
.slider_banner .item4 .item-inner .title {background: url('/images/title_img3.png') no-repeat center;}
.slider_banner .item5 .item-inner .title {background: url('/images/title_img4.png') no-repeat center;}
.slider_banner .item-inner .title img {display: none;}


/*고민해결 서브페이지******************************************************************/
.top_area {width: 1200px; font-family: 'GongGothicLight'; font-size: 22px; margin: auto; text-align: center; padding: 0 20px; margin-top: 50px;}
.top_area .top_menu {display: flex; gap: 52px; }
.top_area .top_menu li {cursor: pointer; flex: 1; border: 2px solid #fe526c; height: 80px; line-height: 80px; border-radius: 10px; margin-bottom: 20px;}
.top_area .top_menu a {display: inline-block; width: 100%; height: 100%; color: #fe526c;}
.top_area .txt {width: 100%; height: 80px; line-height: 80px; background: #f2f2f2;}
.top_area .top_menu .selected {border: none; background: #fe526c;}
.top_area .top_menu .selected a {color: #fff;}

/* 실시간상담현황/ 이벤트 / 당첨 생생후기 탭 */
.category_01 #section_02 h3 {color: #fe526c;}
/*.tab {border: 2px solid orange;}*/
.ishere .main_tab {text-align: center; margin-bottom: -2.5px !important;}
.ishere .main_tab:focus {outline:0;}
.ishere .main_tab li {position: relative; display: inline-block; width:33.3%; max-width: 380px; height: 80px; line-height: 80px; cursor: pointer;}
.ishere .main_tab li div {width: 100%; border: 2px solid #ddd; border-bottom: none; border-radius: 10px 10px 0 0; }
/*.category_01 .main_tab li a {font-family: 'GongGothicLight'; font-size: 22px; color: #666;}*/
.ishere .main_tab li a {font-family: 'GongGothicLight'; font-size: 22px; color: #666; display: inline-block; width: 100%; height: 100%;}
.ishere .main_tab li.current {position: relative; z-index: 30;}
.ishere .main_tab li.current div {height:80px;}
.ishere .main_tab li span {position: relative; display: inline-block; border-radius: 50%; width: 40px; height: 40px;}
.ishere .main_tab li span i {color: #666; font-size: 1.5rem; line-height:1; display: inline-block; transform: translateY(3px);}
.ishere .main_tab li.current span i {color: #fff; font-size: 1.3rem; display: inline-block; position: relative; transform: translateY(3px);}
.ishere .main_tab li.current span {position: relative; display: inline-block;  border-radius: 50%; width: 40px; height: 40px; line-height: 40px; margin-right:5px;}
.ishere .main_tab li:nth-of-type(1).current {}
.ishere .main_tab li:nth-of-type(1).current div {background: #fff3f3; border: 2px solid #edacac; border-bottom: none;}
.ishere .main_tab li:nth-of-type(1).current a {color: #fe526c; position: relative;}
.ishere .main_tab li:nth-of-type(1).current span {background: #fe526c;}
/*.category_01 .main_tab li:nth-of-type(2).current {background: #004767; border: 2px solid #122c38; border-bottom: none;}*/
.ishere .main_tab li:nth-of-type(2).current {}
.ishere .main_tab li:nth-of-type(2).current div {background: #fe8d00; border: 2px solid #c86512; border-bottom: none;}
.ishere .main_tab li:nth-of-type(2).current a {color: #ffee7d; position: relative;}
/*.category_01 .main_tab li:nth-of-type(2).current span {background: #052a3a;}*/
.ishere .main_tab li:nth-of-type(2).current span {background: #e46710;}
.ishere .main_tab li:nth-of-type(3).current {}
.ishere .main_tab li:nth-of-type(3).current div {background: #fffaf3; border: 2px solid #ddcaaf; border-bottom: none;}
.ishere .main_tab li:nth-of-type(3).current a {color: #6d4341; position: relative;}
.ishere .main_tab li:nth-of-type(3).current span {background: #6d4341;}
/*.category_01 .tabDiv {display: none;}*/ /* 탭메뉴로 할때 필요 */
.ishere .tabDiv.current {display: block; position: relative; z-index: 3;}
.ishere #tab-1, .solution_sub.category_01 #tab-1 { border-top: 2px solid #edacac;}
/*.category_01 #tab-2 { border-top: 2px solid #004767;}*/
.ishere #tab-2, .solution_sub.category_01 #tab-2 { border-top: 2px solid #c86512;}
.ishere #tab-3, .solution_sub.category_01 #tab-3 { border-top: 2px solid #ddcaaf;}
.ishere .comment_wrap #tab-1 { border-top: none !important;} /* 게시글 보드 */
.ishere .comment_wrap #tab-2 { border-top: none !important;} /* 게시글 보드 */

/*메인페이지******************************************************************/

/*header*/
header {width:100%;  height:55px; border-bottom:1px solid rgba(255,255,255,0.5); position:fixed; top:0; z-index:533; }
header .logo {z-index: 44; width: 100px; height: 35px; margin-top: 3px;}

/* 헤더 로고 배경이미지 넓이 지정 */
header .logo a {display: block; width: 100%; height: 100%;}
/* 첫 화면에 검정로고는 안보이게끔 설정 */
header .logo a:last-child {display: none;}
.main.category_01 header {/*background:rgba(31,223,203,0.8);*/ background-color:rgba(0, 0, 0, 0.3);}
/*.ishere.category_01 header {background:rgba(31,223,203,0.8);}*/
.ishere.category_02 header {background:rgba(255,105,140, 0.9);}
.ishere.category_03 header {background:rgba(250,100,100,0.9);}
.ishere.category_04 header {background:rgba(168,131,212,0.9);}
.ishere.category_05 header,
.ishere.category_11 header {background:rgba(88,148,222,0.9);}
.ishere.category_06 header {background:rgba(81,179,133,0.9);}
.ishere.category_07 header {background:rgba(252,154,48,0.9);}
.ishere.category_08 header,
.ishere.category_10 header {background:rgba(102,200,236,0.9);}
.ishere.category_09 header,
.ishere.category_12 header {background:rgba(249,202,39,0.9);}

.sub header {background:rgba(0,0,0,0.6);}
/*.ishere header {background: #9676fe;}*/
.solution header, .introduce header {background: rgba(0,0,0,0.3);}
/*.solution_sub header {background: rgba(254,82,108,0.8);}*/
.event_roulette header {background: #fcdbe0;}
.event_roulette.prize header {background: #c2dcff;}
.ham { position: absolute; z-index:4; top: 15px; right: 15px; cursor: pointer;}
.ham span {display: block;background: #fff;width: 33px; height: 4px; border-radius: 3px; transition: margin 0.25s 0.25s, transform 0.25s ;}
.ham .bar1 {margin-bottom: 8px;}
.ham .bar2 {}
.ham .bar3 {margin-top: 8px;}
.ham.active span { transition: margin 0.25s, transform 0.25s 0.25s;}
.ham.active .bar1 { margin-top: 14px; margin-bottom: -4px; transform: rotate(45deg);}
.ham.active .bar2 { transform: rotate(45deg);}
.ham.active .bar3 { margin-top: -4px; transform: rotate(135deg);}
header article {width:1200px; position:relative;}
header article > div {position:absolute;}
header article > div:nth-child(1) {top:5px;}
header article > div:nth-child(1) img {margin-top: 7px; width: 100%;}
header article > div:nth-child(2) {width:100%;}
header article > div:nth-child(3) {right:0; top:9px;}
header .login a.pc {  display: inline-block;  height: 30px;  border: 3px solid #fff; font-size: 15px; color: #fff; font-weight: 500; line-height: 30px; padding: 0 10px;}
header .login {float: right; position:absolute; right:0; z-index:44;}
header .m_login_btn {display:none;}
header .white_logo {width:100px; background-image: url(/images/top_logo.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
header .color_logo {display:none; background-image: url(/images/top_logo_1.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
#gnb {display: flex; align-items:center; justify-content:center; position:relative; width: 100%;}
#gnb .menu{display:inline-block;height:55px;position:relative;}
#gnb .menu > a {height:55px; display:block; line-height: 55px;  color: #fff; padding: 0 30px; font-size: 17px;}
#gnb .menu .submenu{position:absolute; top:-999999px; left:-999999px; background:#fff; width:250px; box-shadow: 0px 5px 13px rgba(0,0,0,0.1);}
#gnb .menu:hover .submenu,
#gnb .menu .submenu.is-show {top:55px; left:-53px;}
#gnb .menu .submenu a {font-family: 'GongGothicLight'; padding:20px; color:#666; display: block; font-size:16px; text-align:left; font-weight:500; border-bottom:1px solid #f5f5f5;}
#gnb .menu .submenu a:hover {background:#f5f5f5;}
#gnb .menu .submenu a:hover:after {animation: motion 0.7s 0s infinite ;}
@keyframes motion {
	0% {left: 0px;}
	100% {left: 7px;}
     }
#gnb .menu .submenu.event_menu a img {width:100% !important; display:block;}
#gnb .menu .submenu a > img {width: 100%;}
#gnb .menu .submenu.event_menu a:after {display:none;}
#gnb .menu .submenu > li.menu_tt {background:#fff; color:#b8a4fb;}
/*0826
body.category_05 #gnb .menu .submenu > li.menu_tt {color:red;}*/
#gnb .menu .submenu > li .submenu_02 {position:absolute;  width:200px; left:250px; top:204px; display:none; box-shadow: 0px 0px 13px rgba(0,0,0,0.1);}
#gnb .menu .submenu > li .submenu_02 a {font-weight:400; border-bottom:1px solid #f5f5f5; font-size:15px; padding:20.7px 20px;}
#gnb .menu .submenu .health {top:75px !important;}
#gnb .menu .submenu .beauty {top:138px !important;}
#gnb .menu .submenu > li:hover .submenu_02{display:block;}
#gnb .menu .submenu_02 a {display:block; background:#fff;}
#gnb .menu .menu_tt {font-size:23px; font-family: 'Encode Sans SC', sans-serif !important; font-weight:900; padding:20px; text-align:left}

/* 20210924 - 사이드바 */
.sidebar {display: none;}

/*section_공통*/
.list_num_wrap {display:flex; justify-content: center; margin-top: 25px;}
.list_num_wrap .list_num {margin:0 10px;}
.list_num_wrap .list_num li {display:inline-block; letter-spacing:-0.02em; margin:0 5px !important;}
.list_num_wrap .list_num li a:hover{color:#9676fe;}
.list_num_wrap button {border:none; cursor:pointer; background:rgba(0,0,0,0.4); color:#fff; width:25px; height:25px; font-size:22px; line-height:11px; padding: 0; border-radius: 300px; font-family:Roboto; font-weight: 300;}
.list_num_wrap button:hover {background:#666;}
.board .list_num_wrap li.active a {color:#333;}
.cate_main .list_num_wrap {display:none;}
.list_num li a{font-family: 'GongGothicLight'; color:rgba(255,255,255,0.9); color: #fff;}
.list_num_wrap li a {color:#ada7bb;}
.list_num_wrap li a:hover {color:#8461d8; opacity:0.9;}
.list_num li.active a {color:#8461d8;}
/*.list_num_wrap .list_num li a:hover{color:#fbee81;}*/
#section_04 button {background:#6d4341; opacity:0.8; color:#fff;}
#section_04 .note-toolbar button{color:#000; }
#section_04 .list_num_wrap button:hover {background:rgba(255,255,255,0.8); color:#333;}
.pagenate {color: #999 !important; font-family: 'GongGothicLight'; }

/*banner*/
#section_01 .banner_wrap {overflow:hidden;}
#section_01 .banner_wrap > li {width:46%; float:left; margin:2%;}
#section_01 .banner_wrap > li > a {display:block; width:100%; }
#section_01 .banner_wrap > li .banner {position:relative; text-align:left;}
#section_01 .banner_wrap > li .banner li a:focus {outline:1;}
#section_01 .banner_wrap > li .banner li img {width:100%; display: block;}
#section_01 .banner_wrap > li .banner .title_area {margin-top:10px;font-weight:600; font-size:20px; width:calc(100% - 130px); float:left; height:30px; line-height:30px;}
#section_01 .banner_wrap > li .banner .txt_area { width:calc(100% - 130px);  float:left; height:30px;}
#section_01 .banner_wrap > li .here_btn { /*height: 70px;*/ line-height: 40px;}  /* 20210819 미림 수정 */
#section_01 .banner_wrap > li .here_btn a {background:#eee; color:#666; display:block; width:130px; float:right; /*margin-top: -25px*/; border-radius:5px; position: relative; }  /* 20210819 미림 수정 */
#section_01 .banner_wrap > li .here_btn a span:after {content:"\f105"; font-family: 'fontawesome'; font-weight: 600; display: inline-block; position:relative; transform: translateY(1px);}
#section_01 .banner_wrap > li .here_btn a:hover span:after {animation: motion 0.7s 0s infinite ;}
@keyframes motion {
	0% {left: 0px;}
	100% {left: 4px;}
     }

.category_01 #section_01 .banner_wrap > li .here_btn a:hover{background:#1fdfcb; color:#fff;}
.category_02 #section_01 .banner_wrap > li .here_btn a:hover{background:#ff698c; color:#fff;}
.category_03 #section_01 .banner_wrap > li .here_btn a:hover{background:#fa6464; color:#fff;}
.category_04 #section_01 .banner_wrap > li .here_btn a:hover{background:#a883d4; color:#fff;}
.category_05 #section_01 .banner_wrap > li .here_btn a:hover,
.category_11 #section_01 .banner_wrap > li .here_btn a:hover{background:#5894de; color:#fff;}
.category_06 #section_01 .banner_wrap > li .here_btn a:hover{background:#7fab5c; color:#fff;}
.category_07 #section_01 .banner_wrap > li .here_btn a:hover{background:#fc9a30; color:#fff;}
.category_08 #section_01 .banner_wrap > li .here_btn a:hover,
.category_10 #section_01 .banner_wrap > li .here_btn a:hover{background:#66c8ec; color:#fff;}
.category_09 #section_01 .banner_wrap > li .here_btn a:hover,
.category_12 #section_01 .banner_wrap > li .here_btn a:hover{background:#f9ca27; color:#fff;}

/* 여기로다 이벤트 생생후기버튼 색상 배경색상 */
/*.event_roulette #section_04 .button {background: };*/
/*.event_roulette.prize #section_04 .button {background: };*/


/*section_02*/
#section_02 {background:#fff3f3;}
#section_02 table {width:90%; border-spacing:0; margin:0 auto;}
#section_02 table tr td:nth-child(1) > span {background:#fe526c; border-radius: 3px; color:#fff; padding:1px 4px;}
#section_02 table td {border-bottom:1px solid #ccc; line-height: 3;}
#section_02 .notice {margin-top:30px; font-size:16px; font-weight:300; font-family: 'GongGothicLight';}

/*section_03*/
/*#section_03 {background:url('/images/event_bg_03.jpg') no-repeat center; background-size:cover; color:#fff !important;}*/
#section_03 {background:url('/images/event_p_bg.jpg') no-repeat center; background-size:cover; color:#fff !important;} /* 2022-05-09 결제자이벤트 배경 변경 */
#section_03 h2 {font-family: 'GongGothicMedium'; font-weight:normal !important;}
#section_03 .sub_txt {font-size:16px; line-height:2.5;}
#section_03 article.event_area {display:flex; justify-content: center; font-size:25px; font-family: 'Y_Spotlight';}
#section_03 article.event_area > div {padding:0 30px;}
#section_03 article.event_area .num {font-size:100px; color:#fbee81 !important; line-height: 1;}
#section_03 .event_gift > li {display:inline-block; /*padding:0 45px;*/ position:relative; width: 24%;}
#section_03 .event_gift > li:after {content:""; display:block; width:1px; height:130px; position:absolute; bottom:30px; right:0; background:rgba(255,255,255,0.3);}
#section_03 .event_gift > li:nth-child(3) {transform:translateY(15px);}
#section_03 .event_gift > li:nth-child(3) p {margin-top:15px;}
#section_03 .event_gift > li:nth-child(3) small {transform:translateY(-5px); font-size:15px; display:inline-block;}
#section_03 .event_gift > li:last-child:after  {display:none;}
#section_03 .event_gift p.txt {font-size:19px; font-family: 'GongGothicLight';}
#section_03 .event_gift p.txt span {color:#fbee81 !important; font-family: 'GongGothicMedium';}
#section_03 .notice {margin-top:50px; font-family: 'GongGothicLight';}
#section_03 .progress_wrap {margin:50px auto 100px auto; position:relative;width:80%; background:rgba(255,255,255,0.7); height:40px; border:4px solid #fff; border-radius:300px;}
#section_03 .progress_wrap:before {content:""; display:block; width:4px; background:#fff; height:50px; position:absolute; top: -8px; left: 70%;}
#section_03 .progress_wrap:after {content:""; display:block; width:4px; background:#fff; height:50px; position:absolute; top: -8px; left: 30%;}
#section_03 .progress_wrap .num_people li {position:absolute; font-size:20px; margin-top:15px;}
#section_03 .progress_wrap .num_people li:nth-child(1) {left:1%;}
#section_03 .progress_wrap .num_people li:nth-child(2) {left:28%;}
#section_03 .progress_wrap .num_people li:nth-child(3) {left:68%;}
#section_03 .progress_wrap .num_people li:nth-child(4) {left:96%;}
#section_03 .progress_bar {border-radius:400px; overflow:hidden;}
#section_03 .progress_inner {width:78%; height:32px;
background: #fd6a34;
background: -moz-linear-gradient(left,  #fd6a34 0%, #fddd34 100%);
background: -webkit-linear-gradient(left,  #fd6a34 0%,#fddd34 100%);
background: linear-gradient(to right,  #fd6a34 0%,#fddd34 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6a34', endColorstr='#fddd34',GradientType=1 ); }
#section_03 .progress_inner:after {content:"▼"; display:block; position:absolute; color:#fbee81; top:-40px; font-size:25px; left:78%; margin-left: -11px;}
#section_03 .event_pop {display:none;}
#section_03 .event_pop .contents {width: 800px; height: 500px; background: #fff; color: #333; margin: 0 auto; position: fixed; z-index: 34; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#section_03 #overlay_bg {background: rgba(0,0,0,0.3);  width: 100%;  height: 100%;  position: fixed; top: 0; left: 0; z-index: 1;}


/* 이벤트공통 */
.event_payment  #section_03 > article:nth-of-type(1),
.event_attendance #section_03 > article:nth-of-type(1),
.event_writing #section_03 > article:nth-of-type(1),
.event_roulette #section_03 > article:nth-of-type(1),
.event_payment_roulette #section_03 > article:nth-of-type(1),
.donation #section_03 > article:nth-of-type(1) {margin-bottom: 20px;}


/* 결제자이벤트 */
.event_payment #howto {padding-bottom: 0; background: url('/images/p_howto_bg.jpg') no-repeat center; background-size: cover;}
.event_payment .box_test {position:relative;}
.event_payment .box_test > div {position: absolute; bottom:0; overflow: hidden;}
.event_payment .box_test > div img {display:block; margin-top:auto;}
.event_payment .box_test .left {left: 0px;}
.event_payment .box_test .right {right: 0px;}
.event_payment #section_04 {background: url('/images/p_review_bg.jpg') no-repeat fixed; background-size: cover; color: #8a5e02 !important;}
.event_payment #section_04 h3 {color: #8a5e02 !important;}
.event_payment #section_04 span.bar {background: #8a5e02; }
.event_payment #section_04 .review_wrap .txt_thumb.notice .txt_review {border-top: 1px solid #d8b46b;}
.category_05 .addition  {text-align: center; padding: 50px 0; background: #ffdb88;}
.category_05 .addition div  {display: inline-block;vertical-align: middle; text-align: left; /*margin-left: 60px;*/ color: #6d4341; font-family: 'GongGothicLight'; position:relative; z-index:4; box-sizing:border-box;}
.category_05 .addition .logo span {display:inline-block; padding: 2px 8px; border: 2px solid #6d4341; font-family: 'GongGothicMedium'; line-height: 1.2em;}
.category_05 .addition div:last-child {width:calc(100% - 120px); max-width:1080px; position:relative; padding-left:60px;}
.category_05 .addition div:last-child p {position:relative;}
.category_05 .addition div:last-child p::before {content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:-10px; top:8px; background:#6d4341;}
.event_writing .addition {background: #b59ef8;}
.event_attendance .addition {background: #f8d07f;}
.event_roulette .addition {background: #f7bacb;}
.event_roulette.prize .addition {background: #a1c7f4;}
.donation .addition {background: #ffe4d2;}
.event_writing .addition div {color: #fff;}
.event_roulette.prize .addition div {color: #333;}
.donation .addition div {color: #956970;}
.event_writing .addition .logo span { border-color: #fff;}
.event_writing .addition div:last-child p::before {background:#fff;}
.event_roulette.prize .addition .logo span { border-color:#333;}
.event_roulette.prize .addition div:last-child p::before {background:#333;}
.donation .addition .logo span { border-color:#956970;}
.donation .addition div:last-child p::before {background:#956970;}

/* 월간게시글 댓글이벤트 */
.event_writing #section_03 {background:url('/images/event_w_bg.jpg') no-repeat center; background-size:cover; color:#fff !important;}
.event_writing #section_03 .event_frame {border: 2px solid transparent; position: relative;}
.event_writing #section_03 .gift_frame {/*position: absolute;*/ width: 100%; bottom: 0; transform: translateY(-1rem);/*left: 50%;* transform: translateX(-50%);*/ padding: 50px 0; border-radius: 15px; background: #6654d1;}
.event_writing #section_04 {background: url('/images/w_review_bg.jpg') no-repeat fixed; background-size: cover; color: #7e60dd !important;}
.event_writing #section_04 h3 {color: #7e60dd !important;}
.event_writing #section_04 span.bar {background: #7e60dd; }
.event_writing #section_04 .review_wrap .txt_thumb.notice {background: #d0b8fa;}
.event_writing #section_04 .review_wrap .txt_thumb.notice .txt_review {border-top: 1px solid #b0a0e2;}
.event_writing #howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(103,47,189, .5));}
.event_writing #howto {padding-bottom: 0; background: url('/images/w_howto_bg.jpg') no-repeat center; background-size: cover;}
.event_writing #howto p.sub_txt {background-color: #672fbd;}
.event_writing #howto .event_tip > div span,
.event_writing #howto .event_tip > div p b {color: #622fbe;}
.event_writing #howto h2 {color: #fff;}
.event_writing #howto .addition {padding-top: 30px;}
.event_writing #howto .addition div {color: #fff;}
.event_writing #howto .addition .logo {border: 2px solid #fff;}
.event_writing form {position:relative;}
.event_writing .box_test > div {position: absolute; top:630px; height: 510px; overflow: hidden;}
.event_writing .box_test .left {left: -62px;}
.event_writing .box_test .right {right: -123px;}


/* 출석체크 이벤트 */
/*.event_attendance #section_03 {background:url('/images/event_a_bg2.jpg') no-repeat center; background-size:cover; color:#fff !important;}*/
.event_attendance #section_03 {background:url('/images/event_a_bg.jpg') no-repeat center; background-size:cover; color:#fff !important;} /*2022.07.27 배경 수정진행중*/
.event_attendance #section_03 h3 strong {color: #fff;}
.event_attendance #section_03 h2 {color: #e4621b;}
.event_attendance #section_03 h2:nth-child(2) {position: relative;}
.event_attendance #section_03 h2:nth-child(2):after {content: ''; position: absolute; width: 170px; height: 150px; transform: translateY(-32px); background:url('/images/stamp.png') no-repeat center; background-size:cover;}
/*.event_attendance #section_03 h2:last-child {margin-bottom: 220px;}*/ /*2022.07.27 수정*/
.event_attendance #section_03 ul li {float: left;/*display: table-cell;*/ width: 14%; text-align: center; margin-bottom: 10px;}
.event_attendance #section_03 ul li p {background: #eee; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; border: 3px solid #cbcaca; text-align: center; }
.event_attendance #section_03 ul li p span {font-family: 'GongGothicBold'; font-size: 20px;}
.event_attendance #section_03 ul {/*display:flex; justify-content: space-between;*/ /*display: table;*/}
.event_attendance #section_03 p {padding: 0; margin: 0;}
.event_attendance #section_03 .calendar_wrap .calendar ul {/*margin: 20px 0;*/ height: 100%; margin-left: 30px; padding: 1.5rem 0; padding-top: 2rem;}
/*.event_attendance #section_03 .calendar_wrap .calendar ul:last-child li:nth-of-type(4),
.event_attendance #section_03 .calendar_wrap .calendar ul:last-child li:nth-of-type(5),
.event_attendance #section_03 .calendar_wrap .calendar ul:last-child li:nth-of-type(6),
.event_attendance #section_03 .calendar_wrap .calendar ul:last-child li:nth-of-type(7) {opacity: 0; visibility: hidden;}
*/.event_attendance #section_03 .calendar_wrap .calendar ul:after {content: ''; display: block; clear: both;}
.event_attendance #section_03 .btn {position: absolute; left: 50%; transform: translateX(-50%) translateY(-95px); text-align: center;}
.event_attendance #section_03 .btn a {font-size: 26px; font-family:'GongGothicLight'; margin: auto; display: block; width: 320px; height: 60px; line-height: 60px; text-align:center; background: #f67630; color: #fff;}
/*.event_attendance #section_03 .calendar_wrap {color: #777; width: 700px; margin: auto; transform: translateY(-80px); text-align: center; margin-bottom: 55px;}*/
.event_attendance #section_03 .calendar_wrap {overflow: hidden; background: #fff; border-radius: 15px; box-shadow: 15px 15px 15px #ddb640; color: #777; width: 700px; height: 670px; margin: auto; text-align: center; margin-bottom: 30px; transform: translateY(30px);}
.event_attendance #section_03 .calendar_wrap .pc_txt {font-size: 30px; padding: 20px 0; padding-bottom: 15px; background: #f67630; color: #fff;}
.event_attendance #section_03 .calendar_wrap:after {content: ''; display: block; clear: both;}
.event_attendance #section_03 .calendar_wrap .pc_txt span {color: #ffe69b;}
.event_attendance #section_03 .calendar_wrap .pc_txt span b {font-weight: lighter; position: relative;}
.event_attendance #section_03 .calendar_wrap .pc_txt span b:before {content: ''; position: absolute; width: 6px; height: 6px; background: #ffe69b; left: 50%; transform: translate(-50%, -5px);}
.event_attendance #howto h3 strong {color: #f5ba4f;}
.event_attendance #howto h3 .back_bar {background: #f2d410;}
.event_attendance #howto h2 {color: #f5b427;}
.event_attendance #howto {padding-bottom: 0; background: url('/images/a_howto_bg.jpg') no-repeat center; background-size: cover;}
.event_attendance #howto .addition {padding-top: 40px;}
.event_attendance #howto .addition div {color: #700804;}
.event_attendance #howto .addition .logo {border: 2px solid #700804;}
.event_attendance #howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(230,107,24, .5));}
.event_attendance #howto p.sub_txt {background-color: #fd9c46;}
.event_attendance #howto .event_tip > div span {color: #f18351;}
.event_attendance #howto .event_tip > div p b {color: #f18351;}
.event_attendance .box_test > div {position: absolute; bottom:158px; overflow: hidden; z-index:3;}
.event_attendance .box_test > div img {margin-top:auto;}
.event_attendance .box_test .left {left: -62px; }
.event_attendance .box_test .right {right: -123px;}


/* 룰렛이벤트, 꽝없는 룰렛이벤트, 결제자룰렛 */
.event_roulette.prize #section_03 .event_gift:nth-of-type(1) > li {padding-bottom: 20px;}
.event_roulette.prize #section_03 .event_gift:nth-of-type(1) > li:before {content:""; width:90%; height:1px; position:absolute; bottom:0; left:50%; transform: translateX(-50%); background:rgba(255,255,255,0.3);}
.event_roulette.prize #section_03 .event_gift:nth-of-type(2) {padding-top: 20px;}
.event_roulette #section_03 {background:url('/images/event_r_bg.jpg') no-repeat center; background-size:cover; color:#fff !important;}
.event_roulette.prize #section_03 {background:url('/images/event_pr_bg.jpg') no-repeat center; background-size:cover;}
.event_roulette #section_03 h3 {color: #fff;}
.event_roulette #section_03 h3 .back_bar {background-color: #eca7a7;}
.event_roulette.prize #section_03 h3 .back_bar {background-color: #84adfe;}
.event_roulette #section_03 h2 {color: #e44554;}
.event_roulette.prize #section_03 h2 {color: #1f5db2;}
.event_roulette #section_03 .event_frame, .event_payment_roulette #section_03 .event_frame {position: relative;}
.event_roulette #section_03 .gift_frame {width: 100%; bottom: 0; padding: 50px 0; border-radius: 15px; background: #ffa5b3;}
.event_roulette.prize #section_03 .gift_frame {background: #6798da;}
.event_roulette #section_03 .event_gift p.txt span {color: #fff !important;}
.event_roulette #section_03 .box_test > div {position: absolute; top: 1065px; height: 400px; overflow: hidden;}
.event_roulette.prize #section_03 .box_test > div {top: 1256px;}
.event_roulette #section_03 .box_test .left {left: 0;}
.event_roulette #section_03 .box_test .right {right: 0;}
.event_roulette #section_03 .rouletter, .event_payment_roulette #section_03 .rouletter {position: relative; top: 0px; /*  width: 400px;*/ height: 650px;}
.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 620px; height: 620px; border-radius: 620px; overflow: hidden;}
.event_roulette #section_03 .rouletter-wacu {width: 100%; height: 100%; background: #f5f5f2 url("/images/roulette.png") no-repeat; background-size: 100%; transform-origin: center; transition-timing-function: ease-in-out; transition: 2s;}
.event_roulette.prize #section_03 .rouletter-wacu {width: 100%; height: 100%; background: #f5f5f2 url("/images/prize_roulette.png") no-repeat; background-size: 100%; transform-origin: center; transition-timing-function: ease-in-out; transition: 2s;}
.event_roulette #section_03 .rouletter-arrow, .event_payment_roulette #section_03 .rouletter-arrow {position: absolute; top: 0; left: 50.5%; transform: translateX(-50%);}
.event_roulette #section_03 .rouletter-arrow img, .event_payment_roulette #section_03 .rouletter-arrow img {width: 80%;}
.event_roulette #section_03 .rouletter-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 160px; height: 160px; border-radius: 160px; background: #fff url("/images/Rbtn.png") no-repeat; background-size: 100%; transform-origin: center; border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); cursor: pointer;}
.event_roulette.prize #section_03 .rouletter-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 160px; height: 160px; border-radius: 160px; background: #fff url("/images/prize_Rbtn.png") no-repeat; background-size: 100%; transform-origin: center; border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); cursor: pointer;}
.event_roulette #section_03 .hidden-input {display: none;}
.event_roulette #section_04 {background: url('/images/r_review_bg.jpg') no-repeat fixed; background-size: cover; color: #dd6083 !important;}
.event_roulette #section_04 h3 {color: #dd6083 !important;}
.event_roulette #section_04 span.bar {background: #dd6083; }
.event_roulette #section_04 .review_wrap .txt_thumb.notice {background: #ffcddb;}
.event_roulette #section_04 .review_wrap .txt_thumb.notice .txt_review {border-top: 1px solid #e9b0c0;}
.event_roulette.prize #section_04 {background: url('/images/pr_review_bg.jpg') no-repeat fixed; background-size: cover; color: #608cdd !important;}
.event_roulette.prize #section_04 h3 {color: #608cdd !important;}
.event_roulette.prize #section_04 span.bar {background: #608cdd; }
.event_roulette.prize #section_04 .review_wrap .txt_thumb.notice {background: #cde0ff;}
.event_roulette.prize #section_04 .review_wrap .txt_thumb.notice .txt_review {border-top: 1px solid #abc2ee;}
.event_roulette #howto {padding-bottom: 0; background: url('/images/r_howto_bg.jpg') no-repeat center; background-size: 109% 100%;}
.event_roulette.prize #howto {padding-bottom: 0; background: url('/images/pr_howto_bg.jpg') no-repeat center; background-size: cover;}
.event_roulette #howto .addition {padding-top: 40px;}
.event_roulette #howto p.sub_txt {background-color: #ff6e7d;}
.event_roulette.prize #howto p.sub_txt {background-color: #1e6dcf;}
.event_roulette #howto h3 strong {color: #ffbfc5;}
.event_roulette.prize #howto h3 strong {color: #bed7f4;}
.event_roulette #howto h3 .back_bar {background: #fff; opacity: 1;}
.event_roulette #howto h2 {color: #df6e6e;}
.event_roulette.prize #howto h2 {color: #356cb4;}
.event_roulette #howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(247,107,118, .5));}
.event_roulette.prize #howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(84,140,206, .5));}
.event_roulette #howto .event_tip > div span,
.event_roulette #howto .event_tip > div p b {color: #e27d7d;}
.event_roulette.prize #howto .event_tip > div span,
.event_roulette.prize #howto .event_tip > div p b {color: #3a75c5;}
.event_roulette #howto .addition .logo {border: 2px solid #700804;}
.event_roulette #howto .addition div {color: #700804; }
.event_roulette.prize #howto .addition .logo {border: 2px solid #333;}
.event_roulette.prize #howto .addition div {color: #333; }
.event_roulette .modal_wrap, .event_payment_roulette .modal_wrap {color: #333 !important; position: fixed; z-index: 1000; top: 0; left: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%;}
.event_roulette .modal_wrap.active, .event_payment_roulette .modal_wrap.active {display: none;}
.event_roulette #my_modal.active, .event_payment_roulette #my_modal.active {display: none;}
.event_roulette .gs25.active {display: none;}
.event_roulette #my_modal, .event_payment_roulette #my_modal {width: 510px; height: auto; max-height:80vh; overflow-y: auto; overflow-x:hidden; background-color: #fefefe; border-radius: 5px; position: relative; text-align: center; padding-top: 40px; margin: auto; top: 50%; transform:translateY(-50%);}
.event_roulette #my_modal .modal_close_btn, .event_payment_roulette #my_modal .modal_close_btn {display: block; margin-top: 20px; /*position: absolute; bottom: 0; left: 0;  width: 100%; */ background: #9676fe; padding: 20px 0; text-align: center; color: #fff; font-size: 25px; cursor: pointer; font-family: 'GongGothicLight';}
.event_roulette #my_modal h2, .event_payment_roulette #my_modal h2 {color: #333 !important; font-size: 30px; font-family: 'GongGothicMedium'; margin: 0;}
.event_roulette #my_modal .mainTxt,
.event_payment_roulette #my_modal .mainTxt {font-size: 25px; font-family: 'GongGothicMedium'; margin-bottom: 20px; margin-top: 20px;}
.event_roulette #my_modal.point .mainTxt, .event_roulette #my_modal.double_point .mainTxt  {margin-top: 20px;}
.event_roulette #my_modal .subTxt a,
.event_payment_roulette #my_modal .subTxt a {color: #9676fe; text-decoration: underline;}
.event_roulette #my_modal .subTxt span {color: #777;}
/*0905*/
.event_payment_roulette header {background:#9fddbc; border-color:#fff;}
.event_payment_roulette header .nav > ul .menu > a {color:#fff;}
.event_payment_roulette header .login a.pc {border-color:#fff; color:#fff;}
.event_payment_roulette #section_03 {background:url('/images/event_pr_r_bg.jpg') no-repeat center / cover !important; position:relative; overflow:hidden;}
.event_payment_roulette #my_modal .mainTxt b, .event_payment_roulette #my_modal.fail h2 b {color:#9676fe; font-weight:normal;}
.event_payment_roulette #section_03 h3 {color:#fff;}
.event_payment_roulette #section_03 h3 .back_bar {background-color:#62c790;}
.event_payment_roulette #section_03 h2 {color:#166e55;}
.event_payment_roulette #section_03 .rouletter-wacu {width: 100%; height: 100%; background-repeat:no-repeat; background-size: 100%; transform-origin: center; transition-timing-function: ease-in-out; transition: 2s;}
.event_payment_roulette #section_03 .rouletter.sbcoffee .rouletter-wacu {background-image:url('/images/payment_roulette_sbcoffee.png');}
.event_payment_roulette #section_03 .rouletter.sbcake .rouletter-wacu {background-image:url('/images/payment_roulette_sbcake.png');}
.event_payment_roulette #section_03 .rouletter.gift .rouletter-wacu {background-image:url('/images/payment_roulette_gift.png');}
.event_payment_roulette #section_03 .rouletter-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 160px; height: 160px; border-radius: 160px; background: #fff url('/images/payment_Rbtn.png') no-repeat !important; background-size:100% !important; transform-origin: center; border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); cursor: pointer;}
.event_payment_roulette #section_03 .box_test {width:100%;}
.event_payment_roulette #section_03 .box_test > div {position: absolute; overflow:hidden; bottom:-18px; height:auto; top:inherit !important;}
.event_payment_roulette #section_03 .box_test .left {left:0 !important;}
.event_payment_roulette #section_03 .box_test .right {right:0 !important;}
.event_payment_roulette #section_03 .box_test > div img {margin-top:auto; display:block;}
.event_payment_roulette #section_04 {background: url('/images/pr_r_review.jpg') no-repeat fixed !important; background-size:cover; color: #166e55 !important;}
.event_payment_roulette #section_04 h3 {color: #166e55 !important;}
.event_payment_roulette #section_04 span.bar {background:#166e55;}
.event_payment_roulette #section_04 .review_wrap .txt_thumb.notice {background:#b2f0ce;}
.event_payment_roulette #section_04 .button {border:3px solid #166e55;}
.event_payment_roulette #section_04 .button span {color:#166e55;}
.event_payment_roulette #section_04 .button:after {background:#166e55;}
.event_payment_roulette #my_modal.fail {padding-bottom:89px;}
.event_payment_roulette #my_modal .mainTxt {line-height:1.3em;}
.event_payment_roulette #my_modal .mainTxt span {color:#9676fe;}
.event_payment_roulette #my_modal form {padding-top:20px; padding-bottom:80px; position:relative;}
.event_payment_roulette #my_modal form * {box-sizing:border-box;}
.event_payment_roulette #my_modal form > div {width:calc(100% - 94px); margin:0 47px; display:flex; align-items:center; justify-content:flex-end;}
.event_payment_roulette #my_modal form > div:not(:last-child) {margin-bottom:16px;}
.event_payment_roulette #my_modal form label {display:inline-block; width:54px; padding-right:10px; text-align:right;}
.event_payment_roulette #my_modal form input[type="text"],
.event_payment_roulette #my_modal form input[type="number"],
.event_payment_roulette #my_modal form input[type="button"],
.event_payment_roulette #my_modal form input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance:none; border:0; }
.event_payment_roulette #my_modal form input[type="text"],
.event_payment_roulette #my_modal form input[type="number"] {width:calc(100% - 54px); background:#e0e0e0; color:#444; height:45px; line-height:45px; padding:0  15px; font-family: 'GongGothicLight'; font-weight:normal; font-size:16px;}
.event_payment_roulette #my_modal form input[type="text"]::placeholder,
.event_payment_roulette #my_modal form input[type="number"]::placeholder {opacity:0.4;}
.event_payment_roulette #my_modal .modal_close_btn {width:100%; height:69px; position:absolute; bottom:0; box-sizing:border-box;}
.event_payment_roulette #my_modal form .submit_btn {width:100%; margin-top:34px;}
.event_payment_roulette #my_modal form > .form_item.address {flex-wrap:wrap;}
.event_payment_roulette #my_modal form > .form_item.address input[type="number"] {width:calc(100% - 54px - 126px);}
.event_payment_roulette #my_modal form > .form_item.address input[type="button"] {width:100%; max-width:116px; margin-left:10px; background:#9676fe; color:#fff; height:45px; font-family:'GongGothicLight'; font-weight:normal; font-size:16px;}
.event_payment_roulette #my_modal form > .form_item.address input[type="text"] {margin-top:16px;}
.event_payment_roulette #my_modal .fail_img {padding:30px 0 20px;}
.event_payment_roulette #my_modal .form_agree {display:block; text-align:left; width:calc(100% - 147px); margin:0 47px 0 100px;}
.event_payment_roulette #my_modal .form_agree label {text-align:left; width:auto; display:inline-block; padding-right:0;}
.event_payment_roulette #my_modal .form_agree input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 18px; display: inline-block; background: url('../../images/checked(0928).png') no-repeat left; margin:0; transform: translateY(4px);}
.event_payment_roulette #my_modal .form_agree input[type="checkbox"]:checked {background-position:right;}
.event_payment_roulette #my_modal .form_agree label,
.event_payment_roulette #my_modal .form_agree a,
.event_payment_roulette #my_modal .form_agree p {font-family:'GongGothicLight'; font-size:14px; font-weight:300; color:#666;}
.event_payment_roulette #my_modal .form_agree a {color:#333;}
.event_payment_roulette #section_03 {padding-bottom:100px !important;}
.event_payment_roulette #my_modal .form_agree p {font-size:13px; color:#999; letter-spacing:-0.03em; margin-top:7px; word-break:break-all;}
.event_payment_roulette #my_modal .form_agree p::before {content:'*'; float:left; margin:4px 4px 0 0;}
.event_payment_roulette .addition {background:#9FDDBC;}
.event_payment_roulette .addition div, .event_payment_roulette .addition div p {color:#333;}
.event_payment_roulette .addition .logo span {border-color:#333;}
.event_payment_roulette .addition div:last-child p::before {background:#333;}
.event_payment_roulette #section_04 .review_wrap .txt_thumb.notice .txt_review {border-top:1px solid #166e55;}


/* 기부이벤트 */
.donation #section_03 {background:url('/images/event_d_bg.jpg') no-repeat center; background-size:cover; color:#ad9c93 !important;}
.donation #section_03 h3 {color: #b18570;}
.donation  #section_03 h3 .back_bar {background: #e9cdbd; opacity: 1;}
.donation #section_03, .donation #section_04 {padding-bottom: 0 !important;}
.donation  #section_03 .event_d img, .donation  #section_04 .event_d img {display: block; width: 100%;}
.donation  #section_04 {color: #5e5865 !important; background:url('/images/d_amount_bg.jpg') no-repeat center; background-size:cover;}
.donation  #section_04 h3 {color: #c5a3ef !important;}
.donation  #section_04 h3 .back_bar {background: #d8cce8; opacity: 1;}
.donation  #section_04 h2:last-child {margin-bottom: 60px;}
.donation #howto {padding-bottom: 0; background: url('/images/d_howto_bg.jpg') no-repeat center; background-size: cover;}
.donation #howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(219,203,192, .5));}
.donation #howto h3 {color: #eda3af;}
.donation #howto h3 .back_bar {background: #ffe6da; opacity: 1;}
.donation #howto p.sub_txt {background-color: #f3778b;}
.donation #howto .event_tip > div span,
.donation #howto .event_tip > div p b {color: #956970;}
.donation #howto .addition {height: 190px; padding-top: 52px;}

/* howto */
#howto li img {width: 100%;}
#howto li img.pc {max-width:300px;}
#howto {padding-bottom: 0; background: url('/images/howto_bg.jpg') no-repeat center; background-size: cover;}
#howto h3 {color: #fffaf3;}
#howto h3 .back_bar {background: #fff; opacity: 0.3;}
#howto h2 {color: #6d4341;}
#howto p.sub_txt {text-align: center; font-size: 35px; color: #fff; background-color: #feac02; display: inline-block; margin-top: 30px; width: 420px; border-radius: 25px;}
#howto p.sub_txt:before {content: '\e87d'; font-family: 'Material Icons Outlined'; font-size: 25px; vertical-align: middle; display: inline-block; margin-top: -5px; margin-right: 35px;}
#howto p.sub_txt:after {content: '\e87d'; font-family: 'Material Icons Outlined'; font-size: 25px;  vertical-align: middle; display: inline-block; margin-top: -5px; margin-left: 35px;}
#howto .card_items {width: 1200px; margin: auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
#howto .card {height: auto; width: 30%; position:relative; }
#howto .card:nth-child(n + 4) {z-index:4; margin-top:63px;}
#howto .items {position: relative; height:calc(100% - 9px); overflow:hidden;}
#howto .coupon {width: 90%; margin: auto; position: relative; z-index: 1; height: auto;}
#howto .coupon img {filter: drop-shadow(3px 3px 3px rgba(196,66,58, .5));}
#howto .soil {position:absolute; bottom:0;}
#howto .soil img {vertical-align:bottom;}
#howto img.mobile {display: none;}
#howto .present {width: auto; bottom:-4px; position: absolute; right: -54px; z-index: 3;}
#howto .event_tip {position: relative; z-index: 4; display: inline-block; background: #fff; width: 1200px; height: 5%; border-radius: 25px; margin:64px 0 80px;}
#howto .event_tip > div {line-height: 2.2em; font-size: 25px;}
#howto .event_tip > div > span:before {content: '\e001'; font-family: 'Material Icons Outlined'; font-size: 35px; vertical-align: middle; padding-right: 15px; display: inline-block; transform: translateY(-1px);}
#howto .event_tip .mobile_tip {display: none;}
#howto .event_tip > div p {margin-left: 30px; display:inline-block;}
#howto .event_tip > div p b,
#howto .event_tip > div > span {color: #ff4b7a; font-weight:normal;}

.event_payment #howto .addition {padding-top: 43px;}
.event_payment #section_03 {padding-bottom:100px !important;}
.event_payment #section_03 br:nth-child(1) {display:none;}
.event_payment #section_03 .event_gift_text {font-family: 'GongGothicLight'; font-size:16px; line-height:1.5; padding-top:100px;}



/*section_04*/
#section_04 {background:url('/images/review_bg.jpg') no-repeat fixed; background-size:cover; color:#6d4341 !important;}
#section_04 h3 {color:#6d4341 !important;}
#section_04 h3 .back_bar {background:#ffee7d;}
#section_04 .review_wrap {width:1080px; margin:0 auto;}
#section_04 .review_wrap  {margin-bottom:10px;overflow: hidden; transition: max-height 0.5s ease-out; height: auto; }
#section_04 .review_wrap  > div {background:#fff; color:#333;}
#section_04 .review_wrap  .txt_thumb {margin-bottom:10px;}
#section_04 .review_wrap  .txt_thumb ul{display:flex;}
#section_04 .review_wrap  .txt_thumb.notice{background:#ffdb88;}
#section_04 .review_wrap  .txt_thumb.notice .txt_review p {border: none;}
#section_04 .review_wrap  .txt_thumb.notice .txt_review {border-top: 1px solid #6d4341;}
#section_04 .review_wrap  .txt_thumb ul  {padding:20px; text-align:left;}
#section_04 .review_wrap  .txt_thumb ul li:nth-child(1) {width:20%;}
#section_04 .review_wrap  .txt_thumb ul li:nth-child(2) {width:65%; font-weight:400; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#section_04 .review_wrap  .txt_thumb ul li:nth-child(2) a:hover {color:#ad291b;}
#section_04 .review_wrap  .txt_thumb ul li:nth-child(3) {width:15%; text-align: center; font-weight:400;}
#section_04 .review_wrap  .txt_thumb ul li:nth-child(4) {width:15%; text-align:right; font-weight:400;}
#section_04 .review_wrap  .txt_review {font-family: 'GongGothicLight'; font-weight:normal; overflow:hidden;padding:20px; display:none; text-align:justify; border-top:1px solid #ddd; }
#section_04 .review_wrap  .txt_review {word-break: break-all; color:#666;}
#section_04 .review_wrap  .txt_review span.title {font-family: 'GongGothicLight'; font-weight:normal; margin-bottom:5px;}
#section_04 .review_wrap  .txt_review .contents_area {border-top: 1px solid #ddd; margin-top: 5px; padding-top: 12px;}
#section_04 .review_btn {margin:40px auto 0 auto;}
#section_04 span.bar {background:#6d4341;}
#section_04 .review_wrap .txt_review .edit_area {display:block; padding:0; float:right; margin-top:20px;}
#section_04 .review_wrap .txt_review .edit_area li {width: 80px !important;  float:left; margin:1px;}
#section_04 .review_wrap .txt_review .edit_area button {font-family: 'GongGothicLight'; font-weight:normal; background:#eee; border:none; width:100%; padding:5px 15px; cursor:pointer; color:#333;}
#section_04 .review_wrap .txt_review .edit_area button:hover {background:#333; color:#fff;}
#section_04 .review_write {background:#fff; display:none; border-radius:10px; width:700px; position:fixed; top:50%; left:50%; transform:translate(-50% , -50%); z-index:9; padding:10px 10px;}
#section_04 .review_write .close1 {text-align:center; margin-bottom:10px;}
#section_04 .review_write .close1 button { color:#fff; display:inline-block; margin:0 2px; border:none; text-align: center; width: 80px; height: 36px; background: #999; border-radius: 2px; line-height: 2; cursor:pointer;}
#section_04 .review_write .close1 button.save_btn {background:#333;}
#section_04 .review_write .close1 button:hover {opacity:0.8;}
#section_04 .review_write .btn_area {text-align:center; margin-bottom:10px;}
#section_04 .review_write .btn_area button { color:#fff; display:inline-block; margin:0 2px; border:none; text-align: center; width: 80px; height: 36px; background: #999; border-radius: 2px; line-height: 2; cursor:pointer;}
#section_04 .review_write .btn_area button.save_btn {background:#333;}
#section_04 .review_write table {color:#333; width:100%; border-spacing: 10px;}
#section_04 .review_write table input , #section_04 .review_write table select {height:50px; border:1px solid #ccc; border-radius:0;}
#section_04 .review_write table input:focus, #section_04 .review_write table select:focus, #section_04 .review_write table textarea:focus {outline:none; border:1px solid #333;}
#section_04 .review_write table input , #section_04 .review_write table select , #section_04 .review_write table textarea{width:100%; border-radius:3px; box-sizing: border-box;}
#section_04 .review_write table textarea {height:100px; border:1px solid #ccc;}
#section_04 .review_write table td {width:100%; text-align:left; font-size:15px;}
#section_04 .overay {background:rgba(0,0,0,0.5); display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:6;}
.search_wrap {margin:30px auto;}
.search_wrap select {font-family: 'GongGothicLight'; height:40px; /*outline: none;*/ border: 1px solid #ccc; transform: translateY(0px); appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('../../images/select_arrow_brown.png') no-repeat calc(100% - 4px) center !important; padding:0 19px 0 3px;}
.search_wrap input {font-family: 'GongGothicLight'; height:40px; box-sizing: border-box; border: 1px solid #ccc; padding: 0 5px; outline: 0;}
.search_wrap button {font-family: 'GongGothicLight'; height:40px; cursor:pointer; width:70px; /*outline: none;*/ border: 1px solid #ccc;  position: relative; top: 0px; background:#f0f0f0; color:inherit;}

/* 생생리뷰 쓰기 페이지 */
#section_06 {padding: 0 !important;}
#section_06 .review_write {background:#fff; border-radius:10px; width:100%; z-index:9;}
#section_06 .review_write .close1 {text-align:center; margin-bottom:10px;}
#section_06 .review_write .close1 button { color:#fff; display:inline-block; margin:0 2px; border:none; text-align: center; width: 80px; height: 36px; background: #999; border-radius: 2px; line-height: 2; cursor:pointer;}
#section_06 .review_write .close1 button.save_btn {background:#333;}
#section_06 .review_write .close1 button:hover {opacity:0.8;}
#section_06 .review_write table {color:#333; width:100%; border-spacing: 0;}
#section_06 .review_write table input, #section_04 .review_write table select {height:50px; border:1px solid #ccc; border-radius:0; padding:0 10px;}
#section_06 .review_write table input {line-height:50px;}
#section_06 .review_write table input:focus, #section_04 .review_write table select:focus, #section_04 .review_write table textarea:focus {outline:none; border:1px solid #333;}
#section_06 .review_write table input, #section_04 .review_write table select, #section_04 .review_write table textarea {width:100%; border-radius:3px; box-sizing: border-box; padding-left: 10px;}
#section_06 .review_write table textarea {width: 100%; height:100px; border:1px solid #ccc;}
#section_06 .review_write table td {text-align:left; font-size:15px;}
#section_06 .review_write table tbody td {border-bottom: none !important;}
#section_06 .review_write table td select {width: 100% !important;}

/* 당첨 생생후기 summernote 0906 */
.note-editable *,
.note-dropdown-item h1, .note-dropdown-item h2, .note-dropdown-item h3, .note-dropdown-item h4, .note-dropdown-item h5, .note-dropdown-item h6 {font-family:inherit !important; color:inherit;}
.note-editable h1, .note-editable h2, .note-editable h3, .note-editable h4, .note-editable h5, .note-editable h6 {margin:inherit !important;}
.note-editable h2, .note-dropdown-item h2{font-size:1.3em !important; font-weight:bold !important;}
.note-editable h3, .note-dropdown-item h3{font-size:1.17em !important; text-align:inherit; font-weight:bold !important;}
.note-statusbar.locked {display:none;}


/* 자주묻는 검색버튼 위치 수정 */
.search_wrap button.contact {top: -1px;}
.search_wrap button:hover {background:#333 !important; color:#fff !important; border-color: #666;}
#section_04 .profile_area {width:30px;vertical-align: middle; margin-bottom:5px; height:30px; border-radius:30px; display: inline-block; border: 1px solid #ccc; overflow: hidden;}
#section_04 .profile_area img {width:103%; }

.review_txt_area iframe {height:300px !important;}
#smart_editor2 .se2_text_tool .se2_multy {position:inherit !important;}
#smart_editor2 {min-width:auto !important; width:100% !important;}

/*section_05*/
#section_05 { background:url('/images/donate_bg.jpg') no-repeat;background-size: contain; background-position:center bottom;}
#section_05 .donate_logo {display:block; margin: 0 auto 25px auto;}
#section_05 p .date {display:block; margin:20px auto 0 auto; border:1px solid #ccc; font-size:17px; width:180px; padding:3px 0;}
#section_05 p.sub_txt {margin-bottom:0 !important;}

/*이벤트페이지*/
.main.category_05 #section_03{padding-top:150px; padding-bottom:190px;}

/*팝업 모달*/
.sect_modal {width: 100%; height: 0; padding:0;}
.sect_modal .modal {width: 602px; position: absolute; top: 70px; background: #fff; border: 1px solid #fff; box-shadow: 2px 2px 7px rgb(0 0 0 / 50%); background: #000; left: 15px; z-index: 10;}
.sect_modal .modal.off {opacity: 0; pointer-events: none;}
.sect_modal .modal-content {width: 600px; /*height: 720px;*/ height:632px;}
.sect_modal .modal-content img {width:100%; height:100%; object-fit:cover; display:block;}
.sect_modal .modal-set {width:100%; display: flex; justify-content: flex-end; position: relative; padding: 8px 0; background: #000;}
.sect_modal .modal button {padding: 5px 10px; background: #393939; border: none; color: #fff; margin: 0 7px 0 2px; font-size: 12px; word-break: keep-all;}

/*footer*/
footer {background:#eee; color:#555; font-size:14px; clear:both; padding:30px 0;}
footer article { height:100%; display: flex; align-items: center; padding:0 15px; box-sizing:border-box;}
footer article .footer_info {font-family: 'GongGothicLight'; font-weight: 300; text-align:left; padding-left:0; width:calc(100% - 2% - 325px); margin-left:auto;}
footer .company_introduce, footer .partner{display:inline-block; color:#777; height:27px; line-height:30px; font-size: 14px;}
footer article .footer_info .footer_pc,
footer article .footer_info .footer_mobile {border-top: 1px solid #ccc; padding-top: 10px; display: inline-block; margin-top: 5px; color: #777; width:100%;}
/*footer article p i {font-style: normal;}*/
footer article .footer_info a:nth-child(-n + 6)::after,
footer article .footer_info div p span:not(:last-child)::after,
.landing footer .inner .footer_info p span:not(:last-child)::after {content:'ㅣ'; margin:0 2px 0 5px;}
footer article .logo_wrap {margin-right: 10px;}
footer article .footer_logo {padding-top:37px; margin-right: 2%; width: 325px; background-image: url(/images/footer_logo_ai.png); background-repeat: no-repeat; background-size: contain;}
footer article .footer_logo.venture {padding-top:37px; margin-right: 2%; margin: auto;  margin-top: 13px; /* width: 325px; width: 190px; height: 52px;*/ background: url(/images/ftimg05-3.png) center; background-repeat: no-repeat; background-size: contain;}
.landing footer {height:auto; padding:50px 10px;}
.landing footer .inner {width:1200px; margin:0 auto; text-align:center; /*display:flex; 0824*/ align-items: center; font-family: 'GongGothicLight'; color: #777;}
.landing footer .inner img {margin-right:5%;}
.footer_landing_logo {width: 100px; height: 30px; background-image: url(/images/top_logo_black_ai.png); background-repeat: no-repeat; background-size: contain;}
.landing footer .inner ul {text-align:left;}
.landing footer .inner ul li {display:inline-block; margin:0 10px;}
.landing footer .inner ul li:last-child {width:100%; margin-top:10px;}
/* 0824 */
.landing footer .inner .footer_info {display:inline-block; width:100%; text-align:left; padding:15px 10px 0; margin-top:15px; border-top:1px solid #ccc; box-sizing:border-box;}
.landing footer .inner .footer_mobile {display:none;}

/*fix_menu*/
#fix_menu {position:fixed; right:0; bottom:40%; background:#434343; text-align:center; z-index: 3;}
#fix_menu li {border-bottom:1px solid #999;}
#fix_menu li:last-child {border:none;}
#fix_menu a {color:#fff; display:block; padding:10px 20px; font-size:16.5px;  }
#fix_menu img {display:block; margin:0 auto; margin-bottom:5px;}
#fix_menu.show {display:block !important;}



/*서브페이지******************************************************************/

/*common*/
.sub .wrapper, .sub .wrapper p  {font-family: 'GongGothicLight'; font-size:16px;}
/*.sub #wrapper_post, .sub.mypage .wrapper, #wrapper_Ishere {word-break: break-all;}*/
.sub #wrapper_post, .sub.mypage .wrapper {word-break: break-all;}
.sub .wrapper {width:768px; margin:0 auto;  margin-top:150px; margin-bottom:100px; border:1px solid #ccc; padding:50px 100px; position: relative;}
.sub h2 {font-size:25px; font-weight:normal; font-family: 'GongGothicLight'; text-align: left;}
.sub p.sub_txt {font-size:16.5px; margin-bottom:0px; color:#666; margin-top:10px; text-align: left;}
.sub table a:hover {font-weight:500; color:#333;}
.sub table {border-spacing:0; width:100%;}
.sub table td{border:none; }
.sub table tbody td {border-bottom:1px solid #ccc;}
.sub table tbody td:not(.title) {padding:10px 5px;}
.sub table tbody td input{height:45px; width:calc(100% - 240px); border: none; box-sizing: border-box; font-family: 'GongGothicLight';}
.sub .join_box table tbody td input:not([type="button"]) {width:100%;}
.sub .join_box table .phone_area td input[name="phone"],
.sub .join_box table .phone_area td input[name="ex_phone"],
.sub .join_box table td input[name="svlnumber"],
.sub .join_box table .join .id_area td input[name="id"],
.sub .join_box table .join .sms_area td input[name="svlnumber"] {width:calc(100% - 90px) !important;}
.sub .join_box table tbody td.gender {height:46px;}
.sub .find_box table tbody td input {width:100%;}
.sub table tbody td input::placeholder, .sub table tbody td select::placeholder{color:#999 !important;}
.sub table td input[type="text"] {border:none;}
.sub .join_box table td > a {float:right;}
.sub .join_box table td > a span {display:inline-block; width:80px; height:45px; line-height:45px; box-sizing:border-box; background:#efefef; text-align:center;}
.sub .join_box table td > a:hover span {background:#333; color:#fff;}
.sub table td input[type="checkbox"] {position: relative;}
.sub tfoot {font-size:14px; margin-top:20px; font-family:'GongGothicLight'; font-weight:300; color:#666;}
.sub tfoot p.btn_see {display:inline-block; font-size:14px;}
.sub table tfoot tr td{padding:5px 0;}
.sub table .email_area select {float:right;}
.sub_btn {width:100%; background:#444; color:#fff !important; display:block; height:50px; text-align:center; line-height:50px; margin:10px auto; border: none; /*outline: none;*/ font-family: 'GongGothicLight'; font-size: inherit;}
.sub_btn.close_btn {background-color: #fff; color: #333 !important; border: 1px solid #ccc !important;}
.sub input:not([type="radio"]):not([type="checkbox"]):focus, .sub select:not([type="radio"]):not([type="checkbox"]):focus-visible {outline:none !important; background-color:#f9f7f8;}
.sub input, .sub select {font-size:16px;}
.sub table td select {height:45px; border:1px solid #ccc; font-family:'GongGothicLight'; padding-left:10px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub .phone_area td input[type=tel]{}
.sub .phone_area td select {width:100px;}

/* 회원가입 이용약관 커스텀 체크박스 */
.sub tfoot input[name="checkAll"], .sub tfoot input[name="agree"], input[name="market_agree"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 18px; display: inline-block; background: url('../../images/checked(0928).png'); background-position: left; transform: translateY(4px); margin:0;}
.sub tfoot input[name="checkAll"]:checked, .sub tfoot input[name="agree"]:checked, input[name="market_agree"]:checked {background-position:right;}
.photo_area {line-height: 1 !important; padding: 0 !important; border: none !important;}
.photo_area td > p {margin-top:20px; }
.photo_area .pic { text-align: center; display:flex; width: 100%; /*overflow: hidden;*/}
.photo_area .pic label {width: 10%; margin-right: 10.5px; text-align: center;}
/*0830 주석
.photo_area .pic label span {display: inline-block; border-radius: 50%; overflow: hidden; padding: 15px; padding-bottom: 10px; box-sizing: border-box; text-align: center; transform: scale(0.8); background-color: skyblue;} */
.photo_area .pic label span {display:inline-block; width:100%;}

/* 프로필 배경색 조정 */ /*0830주석
.photo_area .pic label:nth-of-type(1) span {background-color: #ffc1f3;}
.photo_area .pic label:nth-of-type(1) span img {filter: invert(84%) sepia(20%) saturate(3320%) hue-rotate(276deg) brightness(87%) contrast(95%);}
.photo_area .pic label:nth-of-type(2) span {background-color: #b5deff;}
.photo_area .pic label:nth-of-type(2) span img {filter: invert(41%) sepia(97%) saturate(306%) hue-rotate(163deg) brightness(96%) contrast(95%);}
.photo_area .pic label:nth-of-type(3) span {background-color: #f9f7d9;}
.photo_area .pic label:nth-of-type(3) span img {filter: invert(79%) sepia(86%) saturate(353%) hue-rotate(2deg) brightness(81%) contrast(91%);}
.photo_area .pic label:nth-of-type(4) span {background-color: #c1ffd7;}
.photo_area .pic label:nth-of-type(4) span img {filter: invert(73%) sepia(12%) saturate(2049%) hue-rotate(88deg) brightness(88%) contrast(82%);}
.photo_area .pic label:nth-of-type(5) span {background-color: #cab8ff;}
.photo_area .pic label:nth-of-type(5) span img {filter: invert(40%) sepia(9%) saturate(4884%) hue-rotate(218deg) brightness(94%) contrast(90%);} */
.photo_area label img {width:80%; box-sizing: border-box;}
.photo_area .pic img {width:82%; max-width:45px; box-sizing: border-box;}
.photo_area button{ width: 200px;  border-radius: 0 !important; border: 1px solid #ccc;  height: 45px;  font-size: 15px;  border-top: none;
margin-bottom: 20px; cursor:pointer;}
.photo_area .input-file{ width: 200px;  border-radius: 0 !important; border: 1px solid #ccc;  height: 45px;  font-size: 15px;  border-top: none;
margin-bottom: 20px; cursor:pointer;}
.photo_area button:hover {background:#999; color:#fff;}

/*로그인페이지*/
.sub .sns_login {margin-top:10px;}
.sub .sns_login li { width:100%; height:50px; line-height: 50px; margin:5px 0;}
.sub .sns_login li a {display:block; height:100%; text-align:center; margin-bottom:5px; padding:5px 0;}
.sub .other { border-top:1px solid #ccc; margin-top:20px; padding-top:20px;}
.sub .other input[type=text] {font-size: 15px; width:100%; height:50px; border:1px solid #ccc; margin:5px 0; padding-left:10px; box-sizing:border-box; font-family: 'GongGothicLight';}
.sub .other input[type=password] {font-size: 15px; width:100%; height:50px; border:1px solid #ccc; margin:5px 0; padding-left:10px; box-sizing:border-box; font-family: 'GongGothicLight';}
.sub .other input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 0.2rem; display: inline-block; width: 20px; height: 20px; transform: translateY(4px); background: url('../../images/checked(0928).png') no-repeat; margin:0;}
.sub .other input[type=checkbox]:checked {background-position: right; transform: translateY(5px);}
.sub .other .pw_id_guide {font-size:13px; color:#666; display: block; margin-bottom:10px;}
.sub .other input[type=text]::placeholder {color: #999;}
.sub .other input[type=password]::placeholder {color: #999;}
.sub .find_menu {display:flex; justify-content: space-between;}
.sub .find_menu li a {color:#999; font-size:14px;}
.sub .find_menu li a:hover {color:#333;}
.sub .guest {margin-top:40px; border-top:1px solid #ccc; padding-top:40px;}

/*마이 페이지 (회원정보)*/
.sub .mypage_info {margin:10px auto;}
.sub .mypage_info li {line-height:65px; border-bottom:1px solid #ccc; padding:0 5px; display: flex; width: 100%;}
.sub .mypage_info .nickname {background: #f6f6f6; border: none; padding-left: 1rem;}
.sub .mypage_info .nickname strong {color: #aaa;}
.sub .mypage_info .name {border-top: 1px solid #ccc;}
.sub .mypage_info li label {text-align: center; margin-right: 10px; margin-bottom: 10px; width: 10%;}
.sub .mypage_info li label input[name=profile] {display: none;}
.sub .mypage_info li label input[type=radio] {width: 17px; height: 17px;}

/* 유저이미지 체크박스 */
.sub label input[type="radio"], .choose_cate_wrap li input[type="checkbox"] {width: 20px !important; height: 20px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../../images/checked(0928).png') no-repeat left / auto 20px; margin:0;}
.sub label input[type="radio"]:checked,  .choose_cate_wrap li input[type="checkbox"]:checked {background-position: right;}
.sub .mypage_info li span {float:right;}
.sub .mypage_info li strong {width: 15%; font-weight: normal;}

/* 회원정보수정 */
.sub table tbody .photo_area td {padding-left: 0; padding-right: 0;}
.sub .mypage_box tbody .nickname {background: #f6f6f6; margin-bottom: 0.5rem;}
.sub .mypage_box tbody .nickname td {padding-left:1rem; padding-right:1rem;}
.sub .mypage_box tbody .nickname td input:focus {background: #eee;}
.sub .mypage_box tbody .nickname strong {color: #aaa;}
.sub .mypage_box tbody td strong {width: 15%; display: inline-block; font-weight: normal;}
.sub.mypage_edit tbody .gender label {margin-right: 1rem;}
.sub .mypage_box tbody .nickname td input {background: transparent;}
.photo_area td {border: none !important;}
.join_btn.sub_btn {margin-top: 25px;}
.mypage_box tbody td input[type=button] {background: #eee;}
.password_area strong {padding-top: 0.8rem;}
.sub.mypage_edit .btn_area {margin-top: 10px;}
.sub.mypage_edit .btn_area li:first-child {margin-right:10px;}
.sub.mypage_edit .secession_btn {background: #fff; border: 1px solid #ccc; color: #333 !important; margin-top: 0; box-sizing:border-box;}
.sub.mypage_edit .secession_btn:hover {background: #f6f6f6;}
.sub.mypage_edit .certified, .sub.mypage_edit .check {background: #fff; border: 1px solid #ccc; color: #333 !important;}
.sub.mypage_edit .certified:hover, .sub.mypage_edit .check:hover {background: #f6f6f6;}
.edit_nick_btn {display: inline-block; float: right; height: 45px; line-height: 45px; }
.edit_nick_btn input[type=button]{display: none;}
.edit_nick_btn i {font-size: 1.1rem; color: #666;}

/* 수정취소, 수정하기버튼 가로정렬 */
.sub .btn_area {display: flex;}
.sub .btn_area li {width: 50%;}
.sub .btn_area li:nth-of-type(1) {margin-right:10px;}
.sub .btn_area li:nth-of-type(1) a {background: #9676fe;}
.sub .btn_area li button {color: #fff; width: 100%; outline: none; border: none; font-family: 'GongGothicLight'; font-size: 16px; cursor: pointer;}
.sub .btn_area li .do button {background: #9676fe;}
.sub .btn_area li .cancel button {background: #444;}

/* 유저이미지 체크박스 */
.sub .secession_notice_input label input[name=type] {margin-right:0.2rem; transform:initial;}
.sub .secession_notice_input label input[name=type]:checked {background-position: right;}
.sub.mypage .other {padding-top:0; border:none;}
.sub.mypage .cancel {margin-top:10px; background:#444; color:#fff !important; }
.sub .secession_notice {margin-top:10px;  background:#f8f8f8; padding:10px;}
.sub .secession_notice li {margin-bottom:5px; color:#666;}
.sub .secession_notice li:last-child {margin-bottom:0;}
.sub .secession_notice_input form {overflow:hidden; margin-bottom:5px;}
.sub .secession_notice_input textarea {border: 1px solid #bbb; border-radius: 3px;}
.sub .secession_notice_input .sub_txt {margin-bottom:10px;}
.sub .secession_notice_input label {width:50%; display: block; float: left; height: 30px; line-height:30px;}
.sub .secession_notice_input .other_reason {display: flex; width: 50%;}
.sub .secession_notice_input .other_reason label {width: 22%; b}
.sub .secession_notice_input .other_reason textarea {font-family: 'GongGothicLight'; resize: none; border: 1px solid #ddd; width: 78%; height: 30px; line-height: 1.5rem; box-sizing: border-box;}
.sub .secession_notice_input .other_reason textarea:focus {outline: none;}
.sub.mypage_edit table {width:100% !important;}
/*.sub.mypage_edit .canetcl_btn {display:none;}*/
.sub.mypage .photo_area .pic {width:200px; margin-bottom:0;}
.sub.mypage_edit .photo_area .pic {}
.sub.mypage .photo_area .pic {margin-bottom:20px;}

/***** 마이페이지 : 포인트, 상담, 작성글, 댓글, 이벤트 *****/
.tab_box .write_info .title {margin-bottom: 1rem;}
.tab_box .title_edit .title {display: inline-block;}
.tab_box .title_edit .edit {font-size: 20px; color: #333; vertical-align: top; float: right;}
.tab_box .title_edit .edit span {vertical-align: middle; color: #666;}
.tab_box .material-icons-outlined {font-size: 30px !important;}
.tab_box .my_info {margin: 1rem 0;}
.tab_box .my_info span:nth-of-type(1) {vertical-align: middle; display: inline-block; width: 30px; height: 30px; margin-right: 1.2rem;}
.tab_box .my_info span:nth-of-type(1) img {width: 100%; height: 100%;}
.tab_box .my_info .nickname {font-size: 18px;  margin-right: 0.2rem;}
.tab_box .my_info .my_id {color: #ada7bb;}
.tab_box .email_phone {border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem;}
.tab_box .email_phone span {display: inline-block; width: 15%;}
.tab_box .email_phone strong {font-weight: normal; color: #ada7bb;}

/* 마이페이지 탭메뉴 */
.tab_box .tabmenu {width: 100%; margin: auto; margin-bottom: 1.3rem; display: table; table-layout: fixed;}
.tab_box .tabmenu li {text-align: center; display: table-cell;}
.tab_box .tabmenu span {cursor: pointer; color: #9676fe; display: block; margin: auto; width: 40px; height: 40px; line-height: 40px; background-color: #f5f2f7; border-radius: 10px;}
.tab_box .tabmenu span.selected {background: #9676fe; color: #fff;}
.tab_box .submenu li.selected a {color: #fff;}
.tab_box .submenu a {color: #bfadfa;}

/* 마이페이지 서브메뉴 */
.tab_box .submenu {list-style: none; padding-left: 0; display: table; table-layout: fixed; width: 100%; margin: 0; color: #bfadfa; background-color: #9676fe; height: 50px; line-height: 50px;}
.tab_box .submenu li {text-align: center; display: table-cell; white-space: nowrap;}
.tab_box .submenu li.point,
.tab_box .submenu li.counsel,
.tab_box .submenu li.writing,
.tab_box .submenu li.comment,
.tab_box .submenu li.event {position: relative;}
.tab_box .submenu li.point:after,
.tab_box .submenu li.counsel:after,
.tab_box .submenu li.writing:after,
.tab_box .submenu li.comment:after {
    content:""; display: inline-block; position: absolute; top: 17px; right: 0px; width: 1px; height: 15px; background-color: #bfadfa;
}
/* 탭메뉴 세모표시 */
.tab_box .submenu li.point:before,
.tab_box .submenu li.counsel:before,
.tab_box .submenu li.writing:before,
.tab_box .submenu li.comment:before,
.tab_box .submenu li.event:before {
    content:""; display: inline-block;
    width: 10px; height: 10px; background: #9676fe; position:absolute;
    top: -2px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
}
.tab_box .submenu li.point:before,
.tab_box .submenu li.counsel:before,
.tab_box .submenu li.writing:before,
.tab_box .submenu li.comment:before,
.tab_box .submenu li.event:before {
    opacity: 0;
    visibility: hidden;
}

.tab_box .submenu li.point.selected:before,
.tab_box .submenu li.counsel.selected:before,
.tab_box .submenu li.writing.selected:before,
.tab_box .submenu li.comment.selected:before,
.tab_box .submenu li.event.selected:before {
    opacity: 1;
    visibility: visible;
}

/* 마이페이지 서브박스 : 보유포인트*/
.mypage .subbox {color:#9676fe; background-color: #f5f2f7; height: 50px; line-height: 50px; padding: 0 10px;}
.mypage .subbox span {float: right;}

/* 마이페이지 서브박스 : 상담 */
.mypage .counsel .subbox, .writing .subbox, .comment .subbox, .event .subbox {text-align: center; color: #777;}

/* 기간선택영역 */
.mypage .period {color: #aaa; background-color: #fff; height: 80px; line-height: 80px;}
.mypage .period select::-ms-expand {display:none; /*for IE10,11*/ }
.mypage .period select {
    font-family: 'GongGothicLight'; float: right; margin-top: 1.6rem; padding: 0.4rem; border-radius: 5px; border: 1px solid #ccc;
   /* 셀렉박스 화살표 디폴트 삭제 */
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
	background: url('../../images/select_arrow.png') no-repeat 93% 50%; padding-right: 1.7rem;
}
 /* 셀렉박스  화살표 디폴트 삭제 */
.mypage .period select:focus {border: 1px solid #9676fe; outline: none;}
.mypage .history {list-style: none; margin: 0; padding-left: 0; /*line-height: 2rem;*/ border-top: 1px solid #ccc; padding-top: 10px; position: relative;}
/*.mypage .event_history {line-height: 2rem;}*/

/* 포인트내역 */
.mypage .point_history li {margin-bottom: 10px;}
.mypage .point_history li span {display: inline-block;}
.mypage .point_history li span.date {color: #aaa; width: 15%;}
.mypage .point_history li  span.point {float: right; color: #aaa;}
.mypage .point_history strong {color:#9676fe; }
.mypage .point_history strong:before {content:'+'; display: inline-block; padding: 0 0.2rem;}
.mypage .point_history strong:after {content:'P'; font-family: 'GongGothicMedium'; display: inline-block; padding: 0 0.1rem;}

/*  페이징버튼 */
.mypage .tabs .list_num_wrap ul {list-style: none !important; padding-left: 0; margin: none; text-align: center;}
.mypage .tabs .list_num_wrap ul li {display: inline-block; border: 1px solid #9676fe; width: 30px; height: 30px; line-height: 30px;}
.mypage .tabs .list_num_wrap ul li a {color: #9676fe;}

/*상담내역 & 이벤트내역 */
.mypage .counsel_history .head.complete, .mypage .event_history .head.complete {color: #9676fe;}
.mypage .counsel_history .head span, .mypage .event_history .head span {color: #aaa; display: inline-block; width: 15%;}
.mypage .counsel_history .head strong {font-weight: normal;}
.mypage .counsel_history .content .img_box, .mypage .event_history .content .img_box {width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 5px; margin-right: 1.8rem; overflow: hidden;}
.mypage .counsel_history .content .img_box img, .mypage .event_history .content .img_box img {width: 100%; height: 100%;}
.mypage .counsel_history .content, .mypage .event_history .content {display: flex; align-items: flex-start;}
.mypage .counsel_history .content .cate {color: #aaa;}
.mypage .counsel_history .content .cate span, .mypage .writing_history .cate span, .mypage .event_history .content .cate span {margin-right: 0.2rem;}
.mypage .counsel_history .content .cate img, .mypage .event_history .content .cate img {vertical-align: middle;}
.mypage .event_history .content .send.complete {color: #9676fe;}
.mypage .event_history .content .send .cate {color: #333; margin-bottom: -10px;}
.mypage .counsel_history ul, .mypage .event_history ul {margin-bottom: 10px;}

/* 작성한글 내역 */
.mypage .select_delete {margin-bottom: 1rem;}
.mypage .select_delete span {float: right; position: relative;}
.mypage .select_delete span i {font-size: 1.3rem; display: inline-block; margin-left: 10px; vertical-align: middle;}
.mypage .select_delete label input[type=checkbox],
.mypage .writing_history label input[type=checkbox],
.mypage .comment_history label input[type=checkbox] { display: none;}
.mypage .select_delete label em,
.mypage .writing_history label em,
.mypage .comment_history label em
{display: inline-block; width: 20px; height: 20px; background: url('../../images/checked_mypage.png'); vertical-align: middle; margin-right: 10px;}
.mypage .select_delete label input[type=checkbox]:checked + em,
.mypage .writing_history label input[type=checkbox]:checked + em,
.mypage .comment_history label input[type=checkbox]:checked + em {background-position: right;}
.mypage .writing_history li, .mypage .comment_history li {display: flex; margin-bottom: 10px;}
.comment_history .comment_info {font-size: 14px;}

/* 게시글 조회표시 */
.mypage .writing_history .date_view {text-align: left; color: #aaa; font-size: 14px; margin-top: -10px; }
.mypage .writing_history .date_view .view:before {content: '조회'; display: inline-block; margin-right: 0.2rem;}
.mypage .writing_history .date_view .date {display: inline-block; margin-right: 6px;}
.mypage .writing_history .write_info {width: 100%; line-height: 1.4rem; /*padding-top: 0.2rem;*/}
.mypage .writing_history .write_info .cate {margin-bottom: 0.2rem;}

/*댓글내역 내용보기 텍스트 표시제한*/
.mypage .comment_history .comment_info .txt {color: #aaa; font-size: 14px; display: inline-block; width:100%; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mypage .comment_history .comment_info .txt:before {content: "\f132"; font-family: bootstrap-icons; color: #ada7bb; display: inline-block; margin-right: 0.5rem;}
.mypage .writing_history .cate,  .mypage .comment_history span.cate {color: #aaa; font-size: 14px;}
.mypage .writing_history .cate img {vertical-align: middle; transform: translateY(-2px);}
.mypage .writing_history span.cate {display: inline-block; margin-right: 10px;}
.mypage .comment_history .cate img {vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -0.2rem;}
.mypage .comment_history .date {font-size: 14px; color: #aaa; /* float: right;*/}
.mypage .comment_history .content {width: 95%;}

/* line-height 설정 */
/*.lh16 {line-height: 1.6rem;}*/
.lh14 {line-height: 1.4rem;}
.lh12 {line-height: 1.2rem;}

/* 더보기 */
.comment_history .comment_info span.more_view {float: right; color: #ada7bb;}

/*회원가입 페이지*/
.join_welcome.sub .wrapper {padding-left:0; padding-right:0;}
.sub .join_box .join_btn {margin-top:20px;}
.sub .join_box  .title {font-weight: normal;}
.sub .join_box .join .id_area td, .sub .join_box .join .phone_area td, .sub .join_box .join .sms_area td {display: flex; justify-content: space-between; }
.sub .join_box .join .id_area input, .sub .join_box .join .phone_area input, .sub .join_box .join .sms_area input {width: 100%;}
/*.sub .join_box .join td input[type="button"] {width: 80px;}*/
.sub .join_box .join td a span {width:80px;}
.sub .join_box .join p.choose_txt {margin-bottom: 20px;}

/*회원가입완료 페이지 */
.join_welcome.sub h2 {text-align: center; margin-bottom:15px;}
.join_welcome.sub p.sub_txt {text-align: center;}
.join_welcome.sub .btn_area li:nth-of-type(1) a {background: #444;}
.join_welcome.sub .btn_area li:nth-of-type(2) a {background: #9676fe;}
.join_welcome.sub .btn_area li:nth-of-type(1) a button {background: #444;}
.join_welcome.sub .btn_area li:nth-of-type(2) a button {background: #9676fe;}
.join_welcome.sub .other {margin: 0 auto; width:calc(100% - 200px);}
.join_welcome.sub .Img {text-align: center; margin-bottom: 20px;}


/*아이디/비번찾기*/
.sub .find_box ul.tabs{margin: 0px;padding: 0px;	list-style: none; margin-top:20px; overflow: hidden;}
.sub .find_box ul.tabs li{background: #fff; border:1px solid #eee; color: #222; width:50%;	float:left; height:50px; line-height: 50px; cursor: pointer; text-align:center;}
.sub .find_box ul.tabs li.current{background: #efefef; color: #222;}
.sub .find_box .tab-content{display: none;background: #fff;padding: 20px 0px;}
.sub .find_box .tab-content.current{	display: inherit;}
.sub .find_box .find_select{font-size:15px; margin-top:20px; display:flex;}
.sub .find_box .find_select li:last-child {margin-left:10px;}
.sub .find_box .find_select input[type=radio] {position:relative; margin-right:0.2rem;}
.sub .find_box .find_btn {margin-top:20px;}

/*제휴문의*/
.sub .partner_box textarea{height:150px; width:100%; /*overflow-y:scroll;*/ overflow-y:auto; resize:none; font-size:16px; font-family: 'GongGothicLight'; font-weight:300;box-sizing:border-box; margin:5px 0; border:1px solid #ccc; padding-left:10px; padding-top:10px;}
.sub .partner_box textarea::placeholder {color: #999;}
.sub .partner_box input[type=tel]{width: 100%; height: 50px; border: 1px solid #ccc; margin: 5px 0; padding-left: 10px; box-sizing: border-box; font-family: 'GongGothicLight'; font-size: 15px;}
.sub .partner_box input[type=tel]::placeholder {color: #999;}
.sub .partner_box .privacy_agree {border-top:1px solid #ccc;background:#f8f8f8; padding:15px 15px; font-size:15px;}
.sub .partner_box .privacy {background:#f8f8f8; padding:10px 15px; font-size:15px; font-weight:600; display:flex; align-items:center;}
.sub .partner_box input[type=checkbox] {margin-bottom:10px; position: relative; margin-right:5px;}

/*이용약관 팝업*/
.agree {width:100%; height:600px; -ms-overflow-y:scroll;}
.agree .head { background:#333; color:#fff;overflow: hidden;text-align:left; padding:5px 10px; margin-bottom:0; width:100%; position: fixed;  width: 100%;}
.agree .head  h3 {font-size:20px; margin-bottom:0; float:left; width: fit-content; white-space: nowrap;}
.agree .inner {padding:10px; font-size:14px; font-family:'NotoSans KR', sans-serif; padding-top:55px;}
.agree .inner h4 {margin:0;}
.agree .material-icons-outlined {float: right; margin-right: 10px; color:#fff; font-size:25px; line-height:1.3;}
.agree .group {margin-bottom:15px; text-align: justify; word-break: break-all;}
.agree .group .num { border: 1px solid #ccc;  padding: 10px 10px 10px 25px; margin-top:5px;}
.agree .group .num li{list-style:dot; margin-bottom:10px;}
.agree .group .inner_num {background:#f8f8f8; margin-top:10px;padding:10px; padding-left:30px;}
.agree .group .inner_num li{list-style:circle; margin-bottom:5px; }
.agree .group .inner_num li:last-child {margin-bottom:0;}
.agree .group > p {margin-bottom:5px;}

/*q_a*/
.sub.board .wrapper{width:1200px; margin:150px auto 100px auto; padding: 50px; min-height:525px;}
.sub.board .wrapper .q_a_wrap { margin-top:30px;}
.sub.board .wrapper .accordion { font-family: 'GongGothicLight'; font-size:17px; font-weight:100; display: flex; align-items: center; background-color: #eee;
  color: #444;cursor: pointer;padding: 18px; width: 100%; text-align: left; border: none; border-bottom:1px solid #fff; /*outline: none;*/ transition: 0.4s; position: relative;}
.q_a.board .wrapper .active, .sub.board .wrapper .accordion:hover {  background-color: #ddd;}
.q_a.board .wrapper .panel {
  padding: 20px 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.q_a.board .wrapper .accordion .trigger {display: inline-block; width: 26px; height: 20px; float: right; position: absolute; right: 14px; transition:transform 0.3s;}
.q_a.board .wrapper .accordion .trigger:after {content: '\e145'; position: absolute; font-family: 'Material Icons Outlined'; font-size: 26px; line-height: 20px; text-align: center;}
.q_a.board .wrapper .accordion.active .trigger {transform: rotate(45deg);}
.question {font-weight:800; flex: none; margin-right:10px; background:#fff; border-radius:30px; width:30px; height:30px; display:inline-block; text-align: center; line-height: 30px;}
.answer {font-weight:800; flex: none; margin-right:14px; float:left; background:#333; color:#fff; border-radius:30px; width:30px; height:30px; display:inline-block; text-align: center; line-height: 30px;}
.q_a.board .accordion .q_a_text {display:inline-block; word-break:break-all; width:calc(100% - 70px); line-height:1.5;}
.q_a.board .panel p {display:inline-block; width:calc(100% - 44px); word-break:break-all; float:right;}
.q_a.board .panel p:nth-child(3) {margin-top:4px;}

/*문의게시판*/
.contact_wrap {overflow:hidden;}
.contact_board {width:100%; font-size:17px;}
.search_wrap {text-align:center;}
.contact_board tr th {line-height:4; background:#eee;}
.contact_board tr th:last-child {padding:0 10px;}
.contact_board .category {display:none;}
.contact_board tr td {text-align:center;}
.contact_board tr td:not(.title) {padding:15px 5px !important;}
.contact_board tr td:last-child.clear {color:red;}
.contact_board tr td.title {text-align:left; word-break:break-all; box-sizing:border-box; max-width:680px;}
.contact_board tr td.title a {padding:15px 0 15px 20px; width:100%; height:100%; display:block; box-sizing:border-box;}
.contact_wrap button.write_btn {width:140px; height:45px; background:#333; color:#fff; cursor:pointer; border:none; margin-top:20px; float:right;}
.contact_wrap button.write_btn:hover {background:#999; color:#fff;}
.contact_wrap button.cancel {/*background:#777;*/ background:#ddd; color:#333;}
.contact_wrap button.edit {margin-left:auto; margin-right:5px;}
.contact_wrap .btn_area {display:flex; justify-content:space-btween;}

/* 문의게시판 공지글 */
.contact_board .notice td,
.contact_board .notice td.title a {color:#9676fe;}

/* 자물쇠 */
.contact_board .lock {color: #aaa; display: inline-block; transform: translateY(2px); width: 18px; height: 18px; margin-right:3px;}
.contact_board .lock img {width: 100%; filter: invert(100%) sepia(0%) saturate(4013%) hue-rotate(317deg) brightness(67%) contrast(90%);}
.fa-unlock-alt:before {content: '\e897' !important; font-family: 'Material Icons Outlined' !important; font-size: 20px; font-weight: 100;}

/*문의게시판 글쓰기*/
.contact_new_board {margin-top:40px; width:100%; background:#f8f8f8; padding:20px;}
.contact_new_board td {border-bottom:1px solid #e8e8e8 !important; /*display: flex;*/ align-items: center; padding:15px 0 !important;}
.contact_new_board tr:first-child td {display:flex;}
.contact_new_board tr:last-child td {border:none !important;}
.contact_new_board td > p.title{float:left; box-sizing:border-box; padding-left:10px; margin-right:15px; width:100px; font-weight:600;}
.contact_new_board tr td p {word-break:break-all;}
.contact_new_board select {/*border:none !important;*/ width:calc(100% - 120px); background-position:right 10px center;}
.contact_new_board input {width:calc(100% - 120px) !important;}
.contact_new_board textarea {width:100%; font-family:'Noto Sans KR', sans-serif; outline:none; min-height:400px; box-sizing: border-box; border: none; padding: 15px; font-size: 16px; resize:none;}
.contact_new_board textarea:focus {border:1px solid #666;}
.contact_new_board input:focus, .contact_new_board select:focus-visible {background-color:#fff !important; border:1px solid #666 !important;}
.contact_wrap button.cancel_btn {background:#ddd !important; margin-right:10px; color:#333 !important;}
.contact_wrap button.cancel_btn:hover {background:#ccc !important; color:#fff;}

/*문의게시판 보기*/
.contact_new_board .data.textarea {background:#fff; width:100%; min-height:100px; word-break: break-all; padding:15px; box-sizing:border-box;}
.contact_new_board .reply.textarea span {display:block; margin-bottom:10px; font-size:19px; font-weight:600; width:100%; border-bottom:1px solid #666; line-height:2; margin-bottom:20px;}
.contact_new_board .reply.textarea {border:4px solid #333;}
.contact_new_board .notice_title td p:last-child {width:calc(100% - 70px);} /*0829*/

/*개인정보처리방침*/
.agree.agree_02 .top_txt {background:#f8f8f8; padding:10px; margin-top:10px;}
.agree.agree_02 span.sub_title {margin-top:15px; margin-bottom:5px; display:block;}
.agree.agree_02 .inner h4 {margin-bottom:5px;}
.agree.agree_02 .group { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.agree.agree_02 .group .inner_num { background:none; margin-top:0; padding-top:0; padding-bottom:0;}
.agree.agree_02 .group .inner_num li { margin-bottom:0;}
.agree.agree_02 .partner {margin-top:5px; margin-bottom:5px; border-radius:0; border:1px solid #999; cursor:pointer;}
.agree.agree_02 .partnerList {display:none;}
.agree.agree_02 .partnerList ul {border:1px solid #ccc; padding:5px 10px; margin-bottom:10px;}
.agree.agree_02 .partnerList ul li {list-style:none; display:inline-block; font-size:12px; color:#fff; padding:4px; margin:3px 0 !important; background:#868686; line-height:1; }

/******** 게시글 작성 ********/
/* 셀렉박스 스타일 */
.dd-select {height: 50px; background: transparent !important;}
.dd-selected {font-weight: normal !important;}
.dd-options {box-sizing: border-box;}
.dd-option {box-sizing: border-box; height: 50px !important;}
.dd-option-image, .dd-selected-image {width: 30px; height: 30px; margin-right:10px !important;}
.dd-selected-text, .dd-option-text {line-height: 30px !important;}
.dd-pointer {visibility:hidden; margin-top: -3px !important; width: 10px !important; height: 10px !important; transform: translateY(-50%); right:15px !important;}
.dd-pointer-down::after {content:'\f078'; visibility:initial; font-size:14px;font-family: FontAwesome; color:#666;}
.dd-pointer-up::after {content:'\f078'; transform:rotate(180deg) translateY(3px); display:inline-block;}
.dd-option-selected {background:#51aefc !important; color:#fff !important;}

/* 여기로다 소개페이지 */
#wrapper_introduce {padding: 0; width: 100%;}
#wrapper_introduce article {font-size: 0; width: 100%; position:relative;}
#wrapper_introduce article .img_wrap {width: 1200px; margin: auto; position:relative;}
#wrapper_introduce article img {width: 100%;}
#wrapper_introduce article .btn_link {position:absolute; line-height:3vw; box-sizing:border-box; padding:0.4vh 1.3vw 0.2vh; border:2px solid #956970; color:#956970; font-size:2vw; transition:color 0.3s; width:max-content;}
#wrapper_introduce article.bbs_top .btn_link {border-color:#a077f3; color:#a077f3; bottom:2.5vw; left:56.2%;}
#wrapper_introduce article .btn_link span {z-index:2; position:relative; font-family: 'GmarketSansMedium';}
#wrapper_introduce article .btn_link::after {content:''; position: absolute; height: 100%; z-index: -1; background:#956970;  left: -1px; top: 0; transition-duration: 0.4s; transform-origin: top left; width: 0; z-index:1;}
#wrapper_introduce article.bbs_top .btn_link::after {background:#a077f3;}
#wrapper_introduce article .btn_link:focus, #wrapper_introduce article .btn_link:hover {color:#fff;}
#wrapper_introduce article .btn_link:focus::after, #wrapper_introduce article .btn_link:hover::after {width: calc(100% + 2px);}
#wrapper_introduce article.solution .btn_link {left:74.7%; transform:translateX(-50%); bottom:80%;}
#wrapper_introduce article.bbs .btn_link {left:24.9%; bottom:80%; transform:translateX(-50%);}
#wrapper_introduce article.event .btn_link {left:25%; transform:translateX(-50%); bottom:12%;}
#wrapper_introduce article:nth-of-type(2) {padding-top: 70px;}
#wrapper_introduce article:nth-of-type(3), #wrapper_introduce article:nth-of-type(5) {background: #f8f1f2;}
#wrapper_introduce article:first-child, #wrapper_introduce article:last-child {width: 100%;}


/*-------responsive----------------------------------------------------------------*/
@media all and (max-width:1660px) { /* 노트북 */
	/* 이벤트 페이지 */
	.event_payment .box_test .left {left: -200px;}
	.event_payment .box_test .right {right: -200px;}
	.event_writing .box_test .left {left: -210px;}
	.event_writing .box_test .right {right: -260px;}
	.event_attendance .box_test .left {left: -90px;}
	.event_attendance .box_test .right {right: -165px;}
	.event_roulette #section_03 .box_test .left {left: -220px;}
	.event_roulette #section_03 .box_test .right {right: -190px;}
	.event_roulette #howto {background-size: 140% 100%;}
}

@media all and (max-width:1280px) { /* 노트북 */
	/* 이벤트 페이지 */
	.event_roulette #section_03 .box_test > div, .event_payment .box_test > div,
	.event_attendance .box_test > div, .event_writing .box_test > div, .event_payment_roulette #section_03 .box_test > div {display: none;}
}

@media all and (max-width:1200px) {

	header article, article {width:100%;}
	#section_03 .img_box img{width:100%;}
	.sub.board .wrapper {width:95%;}
	header article > div:nth-child(1) {left:15px;}
	header article > div:nth-child(3) {right:15px;}
	header .login {right:10px;}

    /*section_01*/
	#section_01 .banner_wrap > li .banner .title_area , #section_01 .banner_wrap > li .banner .txt_area {width:100%; float:none;}
    #section_01 .banner_wrap > li .here_btn a {float:none; margin:0;}

	/*section_03*/
	#section_03 {background: #fe8d00;} /* 결제자이벤트 배경색상 변경 - 20220510 */
/*	#section_03 {background: #ff9d22e8;}*/

	#section_03 article.event_area {font-size:16.5px;}
	#section_03 article.event_area .num {font-size:50px;}
	#section_03 .progress_wrap {width:95%; margin-bottom:70px;}
	#section_03 .sub_txt { font-size: 16.5px; line-height: 1.4; width: 79%; margin: 6px auto 20px auto;}
	#section_03 .progress_wrap .num_people li {font-size:16.5px;}
	#section_03 .event_gift p.txt {font-size:17px;}
	#section_03 .progress_wrap .num_people li:nth-child(1) {left:-1%;}
	#section_03 .progress_wrap .num_people li:nth-child(2) {left:28.5%;}
	#section_03 .progress_wrap .num_people li:nth-child(3) {left:68.5%;}
	#section_03 .progress_wrap .num_people li:nth-child(4) {left:97%;}
	#section_03 .total { padding: 10px; border-radius: 20px;}
	#section_03 .now {padding: 10px; border-radius: 20px;}

	#section_03 .event_gift > li:nth-child(1) img {height:11vw;}
	#section_03 .event_gift > li:nth-child(2) img {height:11vw;}
	#section_03 .event_gift > li:nth-child(3) img {width:70%;}
	#section_03 .event_gift > li:nth-child(4) img {width:70%;}
	#section_03 .event_gift > li {padding:0 15px; width: 24.5%;}

/*	#section_03 .event_gift.writing > li img {width: 70%;}*/
	#section_03 .event_gift.writing > li:nth-child(1) img {width:70%;}
	#section_03 .event_gift.writing > li:nth-child(2) img {width:70%;}
	#section_03 .event_gift.writing > li:nth-child(3) img {width:70%;}
	#section_03 .event_gift.writing > li:nth-child(4) img {width:25%;}
	#section_03 .event_gift.writing > li {padding:0 15px; width: 24.5%;}

	/* howto */
	#howto {background: #fece5f; position: relative; padding-left: 0; padding-right: 0;}
	#howto .card_items {width: 90%;}
	#howto .addition, .event_payment .addition {background-color: #ffdb88; padding: 30px;}
	#howto .event_tip {width: 90%; padding-top: 3px; z-index: 11;}
	#howto .event_tip > div {font-size: 16px;}
	#howto .addition div, .event_payment .addition div  {margin-left: 0px;}
	#howto .addition div:last-child, .event_payment .addition div:last-child {width: 63%; font-size: 15px;}
	#howto .addition .logo {margin-left: 0;}
	#howto .event_tip > div > span:before {font-size: 30px; padding-right: 10px;}
	#howto .present {width: 35%;}

	/*section_04*/
	#section_04 {background: #fffaf3 !important;}
	#section_04 .review_btn {width:80%;}
	#section_04 .review_wrap {width:100%;}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(2) {width:58%;}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(4) {width:17%;}

	/*랜딩페이지*/
	.landing_wrap {width:100%; padding-left: 10px; padding-right: 10px;}
	.landing_wrap .right {right:10px; width:40%;}
    .landing_wrap .left {width:58%;}

	/*footer*/
	.landing footer {height:auto; }
    .landing footer .inner {width:100%; margin:0 auto; text-align:center;}
    .landing footer .inner ul li:last-child {line-height:1.2; width:90%;}

	/* 고민해결메인페이지 */
	.slick-slide img {width: 100%; }
	.slider_banner .item-inner .title {height: auto; background: none !important;}
	.slider_banner .item-inner .title img {display: block; margin: auto; width: 100%;}
	.ishere .main_tab {display: flex; justify-content:center;}
	.ishere .main_tab li {flex: 1;  height: auto; line-height: 0;}
	.ishere .main_tab li:nth-child(1) {margin-right:-2px;}
	.ishere .main_tab li:nth-child(3) {margin-left:-2px;}
	.ishere .main_tab li div {padding: 5px 0;}
	.ishere .main_tab li.current {display: flex;}
	.ishere .main_tab li.current div {height:auto;}
	.ishere .main_tab li.current span {width: 30px; height: 30px; line-height: 34px; }
	.ishere .main_tab li span {width: 30px; height: 30px; line-height: 34px; }
	.ishere .main_tab li span i, .category_01 .main_tab li.current span i {font-size: 1.1rem; transform: translateY(0);}
	.ishere .main_tab li a {font-size: inherit;}

	/* 고민해결서브페이지 */
	.top_area {width: 100%; margin-top: 20px; font-size: 16px;}
	.top_area .top_menu {gap: 1rem;}
	.top_area .top_menu li {height: 3rem; line-height: 3rem; border-radius: 0.3rem;}
	.top_area .txt {height: 3rem; line-height: 3rem;}

	/* 이벤트 페이지 */
	.event_writing #section_03 .event_frame .pc img, .event_writing #section_03 .event_frame .mobile img {width: 100% !important; }
	.event_writing #howto {background: #c7b8f5; position: relative; padding-left: 0; padding-right: 0;}
	.event_writing #howto .addition {background-color: #b59ef8; padding: 30px;}
	.donation #howto {background: #fff5f0; position: relative; padding-left: 0; padding-right: 0;}
	.donation #howto .addition {background-color: #ffe4d2; padding: 30px;}
	.donation #section_04 {background: #e7dff1 !important;}
	.event_attendance #howto  {background: #fff7d1; position: relative; padding-left: 0; padding-right: 0;}
	.event_roulette #section_03 .event_gift p.txt em {display: none;}

	.event_roulette #howto  {background: #fff0f4; position: relative; padding-left: 0; padding-right: 0;}
	.event_roulette #howto .addition {background-color: #f7bacb; padding: 30px; display: flex; align-items: center; justify-content: center;}
	.event_roulette.prize #section_03 .event_gift.writing > li:nth-child(4) img {width:25%;}
	.event_roulette.prize #section_03 .event_gift.writing:nth-of-type(1) > li:nth-child(4) img {width:15%;}
	.event_roulette.prize #section_03 .event_gift.writing:nth-of-type(2) > li:nth-child(3) img {width: 50%}
/*	.event_roulette.prize #section_03 .event_gift:nth-of-type(2) {padding-top: 0;}*/
	.event_roulette.prize #section_03 .event_gift:nth-of-type(1) > li {padding-bottom: 0;}
	.event_roulette.prize #section_03 .event_gift:nth-of-type(1) > li:before {display: none;}
	.event_roulette.prize #howto  {background: #e7f2ff; position: relative; padding-left: 0; padding-right: 0;}
	.event_roulette.prize #howto .addition	{padding-top: 30px; background-color: #a1c7f4;}
/*	.event_roulette.prize #howto .addition div:last-child {width: 40%; font-size: 15px;}*/
/*	.event_payment #howto .addition {padding-top: 20px;}*/

	.event_payment #section_04 {background: #fff8e3 !important;}
	.event_writing #section_04 {background: #f6f1ff !important;}
	.event_roulette #section_04 {background: #fef7f9 !important;}
	.event_roulette.prize #section_04 {background: #f3f9ff !important;}
	.event_payment_roulette #section_04 {background:#e2ffef !important;}
	.category_05 .addition div:last-child {width: 65%; /*font-size: 11px;*/ padding-left: 40px;}

	/* 스크롤 메뉴 모달 overlay */
	.scroll-menu-modal {position:fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 600; opacity: 0; visibility: hidden; transition: 0.5s;}
	.scroll-menu-modal.active {opacity: 1; visibility: visible;}

	/*고민여기*/
	.goto-guide_board {/* margin-bottom: 15px;*/ width: 100%; padding: 0 15px; font-size: 13px;}
	.goto-guide_board > div {width: 100%;}

	/* 여기로다 소개페이지 */
	#wrapper_introduce article .img_wrap {width: 100%;}
	#wrapper_introduce article .btn_link {font-size:1.9vw;}

}
@media all and (max-width:900px) {
	#gnb .menu > a {padding:0 15px;}
}
@media all and (max-width:820px) {

	/* 이벤트 페이지 */

/*	.event_writing #section_03 .event_frame .pc {margin-bottom: 100px;}*/
/*	.event_writing #section_03 .gift_frame {transform: translateX(-50%) translateY(-30px);}*/
	.event_attendance #section_03 h2:nth-child(2):after {width: 127px; height: 110px; transform: translateX(-20px);}

}


@media all and (max-width:768px) {
	body {font-size:15px;}
	.pc {display:none !important;}
	.mobile {display:block !important; }
	tr.mobile {display:table-row !important;}
	section {padding:30px 10px}
	h3 {font-size: 18px; margin-bottom: 10px;}
	h3 .back_bar {width:7px; /* height:18px;*/ height: 30px; top: 46%;}
	h2 {font-size: 25px;}
	p.sub_txt {font-size:17px; margin-bottom:10px;}

	#top_banner .main_text {line-height:1.4 !important;}

	/*header*/
	header {height:60px;}
	header .logo img {display:block; }
	header .white_logo {background-image: url(/images/top_logo_white_ai.png);}
	header .color_logo {background-image: url(/images/top_logo_black_ai.png);}
	header article > div.login a.mobile {display:block;}
	header article > div.login a.mobile img {display:block; width:90%;}
	header article > div a {font-size:15px;}
	header article > div.menu ul li:after {top:4px;}
	header article > div.menu ul li a { padding: 0px 25px;}
	header article > div.menu {  margin-left: auto;  margin-right:0px;}
	header article .side_area {display:none;}
	header article > div:nth-child(1) {top:9px;}
	/* header #gnb .menu {display: block; height:auto; padding: 5px 0; text-align: left; border-bottom:1px solid #ddd;} */
	header #gnb .menu {display: block; height:auto; margin-bottom: 5px; text-align: left; border-bottom:1px solid #ddd;}
	header #gnb > li.icon_1:before {content:""; background-image: url("../../images/head_icon01.png"); width:30px; height:30px; background-size:30px 30px; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 5px;}
	header #gnb > li.icon_2:before {content:""; background-image: url("../../images/head_icon02_pink.png"); filter: invert(85%) sepia(1%) saturate(0%) hue-rotate(201deg) brightness(90%) contrast(87%); width:22px; height:22px; background-size:cover; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 8px;}
	header #gnb > li.icon_3:before {content:""; background-image: url("../../images/head_icon03_blue.png"); filter: invert(85%) sepia(1%) saturate(0%) hue-rotate(201deg) brightness(90%) contrast(87%); width:22px; height:22px; background-size:cover; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 8px;}
	header #gnb > li.icon_4:before {content:""; background-image: url("../../images/head_icon04_yellow.png"); filter: invert(94%) sepia(18%) saturate(2%) hue-rotate(181deg) brightness(110%) contrast(60%); width:22px; height:22px; background-size:cover; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 8px;}
	header #gnb > li.icon_5:before {content:""; background-image: url("../../images/head_icon05_skyblue.png"); filter: invert(94%) sepia(18%) saturate(2%) hue-rotate(181deg) brightness(110%) contrast(60%); width:22px; height:22px; background-size:cover; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 8px;}
	header #gnb > li.icon_6:before {content:""; background-image: url("../../images/head_icon06_grey.png"); filter: invert(85%) sepia(1%) saturate(0%) hue-rotate(201deg) brightness(90%) contrast(87%); width:22px; height:22px; background-size:cover; display:inline-block; float:left; margin-right:10px; position: relative;
    top: 8px;}
	header #gnb > li.icon_2:hover:before {filter: none;}
	header #gnb > li.icon_3:hover:before {filter: none;}
	header #gnb > li.icon_4:hover:before {filter: none;}
	header #gnb > li.icon_5:hover:before {filter: none;}
	header #gnb > li.icon_6:hover:before {filter: none;}
    #gnb .menu .submenu.event_menu a {display:none;}
	header #gnb .submenu > li > a:before {content:""; width:6px; height:6px; border-radius:100px; background:#fff; display:block; float:left; margin-right:5px;
	                                      margin-left:2px; margin-top:10px;}
	/* header #gnb {clear:both; background:#fff; z-index:4;padding: 0 20px; height:100vh; top:61px; position: relative;} */
	header #gnb {clear:both; background:#fff; z-index:4;padding: 0 20px; height:100%; overflow: auto; overflow: scroll; top:61px; position: relative;}
    header .m_menu_btn {color: #333;  font-size: 30px; height: 60px;line-height: 60px; float: right;}
	header .info_btn {padding:15px 0;}
	header .info_btn a {color: #333; border:1px solid #ddd; display:block; padding:5px 10px;}
/* 	header .info_btn a{color:#333; border-bottom:1px solid #333;} */
	header .info_btn.m_logout_btn  {padding: 15px 0 0 0; margin-bottom: 0;}
	header .info_btn.m_mypage_btn  {padding: 5px 0 0 0; margin-bottom: 10px;}
	header article > div:nth-child(1) {left:15px;}
	header article > div:nth-child(2) {width:0%;}
	header .nav {background:transperant; width: 0%; right: 0; height: 100vh;}
	.width_0 {width:0 !important;}
	.width_70 {width:70% !important;}
	header .nav.active #gnb {display: none;}
    header #gnb .menu .submenu { position: static; background: none;  width: 100%; box-shadow: none;}
	#gnb .menu > a {color:#333 !important;}
	#gnb .menu .submenu > li.menu_tt {display:none;}
	#gnb .menu .submenu > li .submenu_02 { position: static; width: 100%; box-shadow: none;}
	#gnb .menu .submenu_02 a {background:none;}
	#gnb .menu .submenu a { padding: 10px 0; color: #333; display: block; border-bottom: 1px solid #ddd;}
    #gnb .menu .submenu > li:last-child > a {}
	#gnb .menu .submenu a:hover {background:none; background-color: #ddd;}
	#gnb .menu .submenu > li .submenu_02 a {margin: 10px 0; padding: 4px 0px 4px 13px; border-bottom: none; color: #333 !important; font-size:14px;}
	#gnb .menu .submenu > li .submenu_02 a:before {content:"- "; display:inline-block; margin-right:5px; }
	#gnb .menu .submenu > li:last-child > a {border:none;}
	.nav .overlay {content: "";  display: block; position: absolute; width: 500%; background: rgba(0,0,0,0.3); top:61px; left: -50%; height: 100%; z-index: 1;}
    #gnb .menu > a {height:40px;  line-height: 40px;}
	#gnb .menu .submenu a {font-size:15px;}

	/* 사이드바 화살표 아이콘 */
	#gnb .menu > a span {position: relative; width: 20px; height: 20px; float: right; transform: translateX(20px) translateY(8px); font-size: 25px; color: #bbb;}
	#gnb .menu > a span:before {content: "\e5cf"; position:absolute; top: -10px; left: -3px; font-family: 'Material Icons Outlined' }
	#gnb .menu > a span.active {float: right; transform: translateX(20px) translateY(8px) rotate(180deg);}

	/* 20210924 _ 사이드바 */
	.sidebar {display: none; font-family: 'GongGothicLight'; width: 70%; height: calc(100vh - 61px); background-color: #fff; position: fixed; transform:translate(0px, 0px); /*z-index: 100;*/z-index:-1; top: 61px; right: 0; /*overflow-y: auto;*/ overflow-y:visible;}
	.button_area {text-align: center; margin: 15px 0;}
	.button_area button {font-family: 'GongGothicLight'; display: inline-block; width: 42%; height: 37px; margin: 6px 0; font-size: 14px; background-color: #fff; outline: none; border: 2px solid #ddd;}
	.button_area button:last-child {margin-left:-2px;}
	.side_nav {text-align: center; position:relative; z-index: 100;}

	.sidebar.active {display: block !important;}

	/* 사이드모달 overlay */
	.sidebar-modal {position:fixed; top:61px; left: 0; width: 100%; /*height: 100%;*/ height:calc(100% - 61px); background-color: rgba(0,0,0,0.5);  opacity: 0; z-index: -500; visibility: hidden; transition: 0.5s;}
	.sidebar-modal.active {opacity: 1; visibility: visible;}

	/* 어코디언 */
	#lnb {position: relative;}
	#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8; letter-spacing: -2px; background: #d71a21;}
	#lnb .side_nav {}
	#lnb .menu {border-bottom: 1px solid #dcdcdc;}
	#lnb .menu a {display: block; padding: 14px; color: inherit; font-size: 14px; background:#fff; text-align: left; padding-left: 30px; padding-right: 30px;}
	#lnb .menu span:before {content: '\e145'; font-family: 'Material Icons Outlined'; font-size: 16px; color: #666; display: block; width: 15px; height: 15px; float: right;}
	#lnb .menu span {font-size: 18px; color: red;}
	/* .material-icons-outlined {font-size: 16px; color: #666;}	 */
	#lnb .menu em {font-style: normal; float: right; transform: translateY(-3px);}
	#lnb .menu em img {width: 100%;}
	#lnb .menu .icon {display: inline-block; width: 20px; height: 20px; transform: translateX(-6px) translateY(6px);}
	#lnb .menu img {width: 100%;}
	#lnb .menu a:hover {color: #333;  font-weight: normal;}
	#lnb .menu.on > a {color: #a776f5;}
	#lnb .menu.on > a:focus {background-color: #fff;}
	#lnb .menu.on > a span:before {content: '\e15b'; font-family: 'Material Icons Outlined';}
	#lnb .menu.on .icon {filter: invert(47%) sepia(23%) saturate(4030%) hue-rotate(230deg) brightness(106%) contrast(92%);}
	#lnb .menu .list {display: none;  list-style: none; padding: 0; margin: 0;}
	#lnb .menu > .list {background-color: #ddd;}
	#lnb .submenu_title {display: block; padding: 10px; color: inherit; background: #eee url('https://t1.daumcdn.net/cfile/tistory/2417E04D570C5C0225') no-repeat 95% 8px;}
	#lnb .submenu_title i {float: right; color: #666; transform: translateY(3px);}
	#lnb .submenu > li.on .submenu_title {color: #333; font-weight: normal; background-color: #eee;}
	#lnb .submenu > li.on .submenu_title span:before {content: '\e15b'; font-family: 'Material Icons Outlined';}
	#lnb .sub_submenu {display: none; padding-bottom: 8px; background-color: #fff;}
	#lnb .sub_submenu em {transform: translateX(6px);}
	#lnb .sub_submenu a {display: block; padding: 10px; padding-right: 36px; padding-left: 30px; color: #666; background-color: #fff;}
	#lnb .sub_submenu a:hover {color: #a776f5;}
	#lnb .sub_submenu a:before {content: '┖'; display: inline-block; transform: translateX(-5px);}
	#lnb .side_nav li.noDepth a {background-image: none !important; }
	#lnb .submenu > li .submenu_title.short.active {background-color: #eee;}
	/* #lnb .submenu > li .submenu_title.short {-webkit-tap-highlight-color: rgba(0,0,0,0.1); } */

	/* 모바일에서 a링크, img 터치시 하이라이트 방지 */
	a {-webkit-tap-highlight-color: transparent;}
	/* 모바일에서 버튼 터치시 하이라이트 방지 */
	button {-webkit-tap-highlight-color: transparent;}

	/******* 고민여기메인 _ 메인페이지 ********/
	#wrapper_Ishere {width: 100%; padding: 0 15px; margin-bottom: 90px;}
	#wrapper_Ishere > div {padding-top: 35px;}
	.ishere_index h1 {margin-bottom: 15px;}

	/* 검색배너 */
	.search_banner {width: 100%; padding-top: 7rem; padding-bottom: 3.5rem;}
	.search_banner > div {width: 100%;}
	.ishere_search_wrap {width: 90%;}
	.ishere_search_wrap select {width: 20%; min-width:140px;}
	.ishere_search_wrap input {width:calc(80% - 70px);}
	.search_banner .pc_p {display: none;}
	.search_banner .mobile_p {display: block !important; font-size: 3rem; margin-bottom: 0.8rem;}

	.goto-guide_board > div .icon:before {font-size: 1.3rem;}
	.goto-guide_board > div {width: 100%;}

	.ad_banner .img_left {width:35%;}
	.ad_banner .text_right {width:65%;}
	.ad_banner .text_right p {font-size:3.5vw;}
	.ad_banner .text_right p span {font-size:2.9vw;}
	.ad_banner .text_right > span {font-size:2.3vw;}

	.ishere_submenu {padding: 0 15px;}
	.ishere_submenu ul {width: 100%; font-size: 13px; height: 50px;}
	.ishere_submenu ul li {width: 10%;}
	.ishere_submenu .menu.selected {line-height: 50px;}
	.ishere_submenu .icon {margin-right: 0.6rem;}

	/* 상단 스와이퍼 메뉴 */
	.swiper {width: 100%; font-family: 'GongGothicLight'; margin-top: 15px;}
	.swiper-slide {font-size: 13px;}

	/* 더보기 가상클래스 추가 */
	#slider1 ul li .details .add,
	#realtime_popular ul li .details .add,
	#realtime_post ul li .details .add  {font-size: 14px; /*height: 2.7rem;*/}

	/* 카테아이콘 이미지 */
	.health_all .icon {display: inline-block; width: 30px; height: 30px;}
	#slider1 ul li .cate_icon img,
	#realtime_popular ul li .cate_icon img,
	#realtime_post ul li .icon img {width: 100%;}

	/* 게시글 사진, 프로필이미지 */
	#wrapper_Ishere ul li:not(.regi):not(.comm):not(.Notregist) {margin-bottom:30px;}
	#wrapper_Ishere ul li .details .id_date_view .pf {display: inline-block; width: 20px; height: 20px; margin-right:2px;}

	#wrapper_Ishere ul li .info {width:calc(100% - 70px);}
	#wrapper_Ishere ul li.Imgnone .info {width:100%;}
	#wrapper_Ishere ul li .title > div:nth-of-type(2) {padding-top:0;}

	/* 좋아요 댓글 박스 */

	#wrapper_Ishere ul li .details .like_comment {padding-top: 0.1rem; font-size: 12px;}
	#wrapper_Ishere ul li .details .like_right {position:relative; min-width:initial; height:initial; transform:initial; padding:0; border:none; display:inline-block;}
	#wrapper_Ishere ul li .details .like_right span {display:inline-block; margin-right:12px;}
	#wrapper_Ishere ul li .details .like_right span:before {font-size:1rem; margin: 0 5px 0 0;}
	#wrapper_Ishere ul li .details .like_right .comment:before {margin-bottom:0.2em;}

	/* 광고배너 */
	#realtime_post .banner_Ishere {margin-bottom: 1.8rem !important;}
	.banner_Ishere img {width: 100%;}
	.banner_Ishere ul > a > li:nth-of-type(1) {margin-bottom: 10px !important;}
	.banner_Ishere ul > a > li:nth-of-type(2) {margin-bottom: 0 !important; padding-bottom: 0 !important;}
	.banner_Ishere .txt_area .title_area {font-size: 14px; text-align: left; line-height: 1.25rem;}
	.banner_Ishere .txt_area {font-size: 14px; line-height: 1.2rem; padding: 10px; margin-bottom: 0 !important;}
	.banner_Ishere .txt_area .more_view, .banner_Ishere .txt_area .info  {font-size: 12px;}
	.banner_Ishere .txt_area .title_area .more_view:after {margin-left: 10px;}
	.banner_Ishere .Ml20 {font-size: 12px; margin-left: 10px; line-height: 1rem; color: #777;}
	.banner_Ishere .cate_icon {width: 30px; height: 30px; border-radius: 5px;}
	.scroll-menu-area {right: 25px;}
	.scroll-menu-area.active {bottom: 10vw;}
	.banner_Ishere .banner_area {margin-bottom: 0 !important;}
	.banner_Ishere .banner_area img {width: 100%; height: 100%; object-fit: cover; }
	.banner_Ishere .banner_area .title_area {padding: 0 1rem; font-size: 20px; height: 100%;}
	.banner_Ishere .banner_area .title_area > div:nth-of-type(1) {line-height: 2rem; position: absolute; top: 50%; transform: translateY(-50%);}
	.banner_Ishere .banner_area .title_area .more_view {font-size: 13px; color: #ada7bb; text-align: right;}
	.banner_Ishere .banner_area .title_area .more_view:after {content: '\e5e1'; font-family: 'Material Icons Outlined'; display: inline-block; transform: translateY(2px); margin-left: 0.5rem;}
	.banner_Ishere .banner_area .info {font-size: 16px; color: #777; display: block;}

	/* 고민여기-서브 게시글 없음 */
	#wrapper_Ishere > .Notregist > p {padding:20px 0 60px;}

	/*게시글 작성확인 페이지******************************************************************/
	#wrapper_post {width: 100%; word-break: break-word;}

	/* 대댓글, 답글 쓰기창 */
	#wrapper_post .reply_write {margin-bottom:30px;}
	#wrapper_post .reply_write textarea {font-size: 14px;}
	#wrapper_post .re_write .re_write_box textarea {font-size: 14px;}
	#wrapper_post .re_write button, .reply_write button {font-size: 14px; margin: 10px 0;}

	/* 작성자 게시글영역 */
	#wrapper_post .postArea, #wrapper_post .postArea_sub {padding: 0 15px; }
	#wrapper_post .postArea .content_area {font-size: 14px; margin: 40px 0;}
	#wrapper_post .postArea .writer_profile .id_date .date {font-size: 12px;}
	#wrapper_post .postArea .cate_icon {width: 25px; height: 25px;}
	#wrapper_post .postArea .icon .txt {font-size: 12px;}
	#wrapper_post .postArea .icon .txt:after {font-size:10px;}
	#wrapper_post .postArea .post_title {font-size: 19px;}
	#wrapper_post .postArea .post_title .rank {vertical-align: middle; display: inline-block; width: 30px; height: 24px; transform: translateY(-3px);}
	#wrapper_post .postArea .post_title .rank img {width: 100%; height: 100%; object-fit: cvoer;}
	#wrapper_post .postArea .post_info_box > div {font-size: 12px;}
	#wrapper_post .like_comment > div {font-size: 16px;}
	#wrapper_post .like_comment > div .icon {font-size: 20px; display: inline-block; transform: translateY(2px);}

	/* 댓글영역 */
	#wrapper_post .comment_wrap .title {font-size: 15px; padding-left: 15px;}
	#wrapper_post .comment_wrap .comment_tab {padding-left: 15px;}
	#wrapper_post .comment_wrap .cmtDiv.rank .rank.icon {margin-right: 10px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_box {margin-left: 10px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_box > div {font-size: 14px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_info_box span, #wrapper_post .comment_wrap .cmtDiv .comment_info_box em {font-size: 12px;}

	/* 게시판 이용 가이드 ***************/
	#wrapper_guide .sub_title {font-size: 18px;}
	#wrapper_guide .sub_txt a {margin-top:4px; float:left;}
	#wrapper_guide .guide_box {padding:20px 12px;}
	#wrapper_guide .guide_box .info_sub {margin-bottom:8px;}
	#wrapper_guide .guide_box .list_num {padding-left:20px;}
	#wrapper_guide .guide_box .list_num::before {left:5px;}
	#wrapper_guide .guide_box .list_num.num1::before,
	#wrapper_guide .guide_box .list_num:nth-child(1)::before {left:7px;}
	#wrapper_guide .guide_box ul {padding:15px;}
	#wrapper_guide .guide_box ul li:not(:last-child) {margin-bottom:9px;}
	#wrapper_guide .guide_box ul .list_num {padding-left:16px;}
	#wrapper_guide .guide_box ul .list_num::before {left:3px;}
	#wrapper_guide .guide_box ul .list_num:nth-child(1)::before,
	#wrapper_guide .guide_box ul .list_num.num1::before,
	#wrapper_guide .guide_box ul .list_num:nth-child(11)::before {left:4px !important;}

	#wrapper_guide.event .sub_txt {line-height:25px;}
	#wrapper_guide.event .guide_box .list::before {left:15px;}

	/*banner*/
	.ishere #section_01 .button {height:45px; width:190px; margin: auto; margin-bottom: 20px; transform: none;}

	.ishere #section_01 .button:after {right: -150px;}
	.ishere #section_01 .button span {font-size:20px;}
	.ishere #section_01 .button:hover:after {  right: -23px;}
	.main .button .fas.more {transform: translateX(0px);}
    #section_01 .banner_wrap > li {width:100%; margin:0 0 30px 0;}
	#section_01 .banner_wrap > li .banner .title_area {font-size:16px; height:22px; line-height:25px;}
	#section_01 .banner_wrap > li .banner .txt_area {font-size:13px;}
	#section_01 .banner_wrap > li .banner .title_area , #section_01 .banner_wrap > li .banner .txt_area{width: calc(100% - 80px); float:left;}
	#section_01 .banner_wrap > li .here_btn {}
	#section_01 .banner_wrap > li .here_btn a {float:right; margin-top:-22px; width:70px; font-size:13px;}
	#section_04 .review_write {width:95%; padding:0;}

	/*section_02*/
	#section_02 table {width:100%;}
	#section_02 table td { border-bottom: 1px solid #ccc; line-height: 1; padding: 15px 1px; font-size:13px;}
	#section_02 .notice {font-size:13px;}
	#section_02 table tr td:nth-child(1) > span {color: #fff; margin-top: 2px;}
	#section_02 table td:nth-child(3) {display:none;}

	/*section_03*/
    #section_03 .event_gift > li {width:48%; margin-bottom:30px;}
	#section_03 .event_gift.writing > li {width:48%; margin-bottom:30px;}
    #section_03 .event_gift > li:after {display:none !important;}
	#section_03 .sub_txt, #section_03 .notice {font-size:13px;}
	#section_03 .event_gift p.txt {font-size:15px;}
	#section_03 .event_gift > li:nth-child(3) small {font-size:13px;}
	#section_03 .progress_wrap .num_people li {font-size:13px; font-weight:600;}
	#section_03 .progress_wrap .num_people li:nth-child(1) {left:-1%;}
	#section_03 .progress_wrap .num_people li:nth-child(2) {left:26%;}
	#section_03 .progress_wrap .num_people li:nth-child(3) {left:66%;}
	#section_03 .progress_wrap .num_people li:nth-child(4) {left:92%;}
	#section_03 .event_gift > li {padding:0;}
	#section_03 .event_gift > li:nth-child(1) img {height:18vw;}
	#section_03 .event_gift > li:nth-child(2) img {height:19vw;}
	#section_03 .event_gift > li:nth-child(3) {transform:translateY(20px);}
	#section_03 .event_gift > li:nth-child(3) img {width:70%;}
	#section_03 .event_gift > li:nth-child(4) img {width:60%;}
	#section_03 .event_gift.writing > li:nth-child(1) img {width:70%;}
	#section_03 .event_gift.writing > li:nth-child(2) img {width:70%;}
	#section_03 .event_gift.writing > li:nth-child(4) img {width:25%;}
	.event_roulette #section_03 .event_gift.writing > li:nth-child(4) img {width:60%;}
	#section_03 .notice { margin-top: 15px;}


	/* 이벤트 페이지 */
	.main.category_05 #section_03{padding-top:100px; padding-bottom: 30px;}
	.event_writing #section_03 .event_frame .pc {display: none;}
	.event_writing #section_03 .event_frame .mobile {display: block !important; /*margin-bottom: 300px;*/}
	.event_writing #section_03 .gift_frame, .event_roulette #section_03 .gift_frame {padding: 0; padding-top: 30px;}
	.event_writing #howto .addition, .donation #howto .addition {font-size: 13px; padding: 30px 10px; height: auto; margin-top: 25px;}
	#howto .soil {display: none;}
	.event_writing #howto .coupon img, .event_roulette #howto .coupon img, .event_roulette.prize #howto .coupon img {filter: none;}
	.event_attendance #section_03 {background: #f0ca5a;}
	.event_attendance #section_03 h2:nth-child(2):after {display: none;}
	.event_attendance #section_03 .move_btn {transform: translate(-50%, -30px); margin-top: 0.8rem;}
	.event_attendance #section_03 .btn a {font-size: 20px; height:45px; line-height: 45px; width:220px !important; border: 3px solid #f67630;}
	.event_attendance #section_03 .calendar_wrap {box-shadow: none; width: 100%; padding-bottom: 6.5rem; height: inherit; transform: translateY(0); background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 40px;}
	.event_attendance #section_03 .calendar_wrap .calendar ul {padding: 0 10px; padding-top: 20px; margin-left: 40px;}
	.event_attendance #section_03 .calendar_wrap .pc_txt {display: none;}
	.event_attendance #section_03 .calendar_wrap .calendar .mobile_txt {font-size: 1.3rem; color: #fff; display: block !important; padding: 10px; background: #f67630;}
	.event_attendance #section_03 .calendar_wrap .calendar .mobile_txt span {color: #ffe69b;}
	.event_attendance #section_03 .calendar_wrap .calendar .mobile_txt b {font-weight: lighter; position: relative;}
	.event_attendance #section_03 .calendar_wrap .calendar .mobile_txt b:before {content: ''; position: absolute; width: 3px; height: 3px; background: #ffe69b; left: 50%; transform: translateX(-50%);}
	.event_attendance #section_03 ul li {width: 14%;}
	.event_attendance #section_03 ul li:nth-child(29) {clear: both;}
	.event_attendance #section_03 ul li p {width: 50px; height: 50px; line-height: 50px;}
	.event_attendance #section_03 ul li p span {font-size: inherit;}
	.event_attendance #section_03 .btn, .event_attendance #section_03 .mobile.move_btn {display: block !important; position: static; left: 0; transform: translate(0, -100px); margin-top: -20px;}
	.event_roulette #section_03 .event_gift > li:nth-child(2) img {width: 40%;}
	.event_roulette #section_03 .rouletter, .event_payment_roulette #section_03 .rouletter {height: 400px; margin-bottom :1rem;}
	.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {width: 400px; height: 400px; border-radius: 400px;}
	.event_roulette #section_03 .rouletter-arrow, .event_payment_roulette #section_03 .rouletter-arrow {top: -10px; left: 51%; }
	.event_roulette #section_03 .rouletter-arrow img, .event_payment_roulette #section_03 .rouletter-arrow img {width: 60%;}
	.event_roulette #section_03 .rouletter-btn, .event_roulette.prize #section_03 .rouletter-btn,
	.event_payment_roulette #section_03 .rouletter-btn {width: 100px; height: 100px; border-radius: 100px;}
	.event_roulette.prize #section_03 .event_gift:nth-of-type(2) {padding-top: 0;}
	.event_roulette #my_modal, .event_payment_roulette #my_modal {width: 80%; top: 50%; transform: translateY(-50%);}
	.event_roulette #my_modal > div img, .event_payment_roulette #my_modal > div img {width: 90%;}
	.event_roulette #my_modal .mainTxt, .event_payment_roulette #my_modal .mainTxt {font-size: 20px; margin-bottom: 20px; margin-top: 20px;}
	.event_roulette #my_modal .subTxt, .event_payment_roulette #my_modal .subTxt {font-size: 0.7rem;}
	.event_payment_roulette #my_modal form > div {margin:0 25px; width:calc(100% - 50px); font-size:14px;}
	.event_payment_roulette #my_modal .form_agree {margin:0 25px 0 78px; width:calc(100% - 103px);}
	.event_payment_roulette #my_modal form > div:not(:last-child) {margin-bottom:10px;}
	.event_payment_roulette #my_modal form input[type="text"], .event_payment_roulette #my_modal form input[type="number"] {height:34px; line-height:34px; font-size:14px; padding:0 7px;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="button"] {max-width:70px; height:34px; padding:0;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="text"] {margin-top:10px;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="number"] {width:calc(100% - 54px - 80px);}

	/* howto */
	#howto {padding-right: 0;}
	#howto p.sub_txt {font-size: 22px; padding: 5px 0; width: 250px; margin-top: 2%;}
	#howto p.sub_txt:before {font-size: 20px; margin-right: 10px;}
	#howto p.sub_txt:after {font-size: 20px; margin-left: 10px;}
	#howto .event_tip {width: 85%; padding: 5px; transform: translateY(-7px); margin:0;}
	#howto .event_tip > div {font-size: 1.2em;}
	#howto .event_tip .mobile_tip {display: block; font-size: 14px; padding: 3px;}
	#howto .event_tip .mobile_tip > span:before {content: '\e001'; font-family: 'Material Icons Outlined'; font-size: 22px; vertical-align: middle; padding-right: 6px;}
	#howto .event_tip .pc_tip {display: none;}
	#howto .card_items {width: 100%; display: block; padding-top: 30px;}
	#howto .card {width: 90%; margin: auto; height: auto; margin-bottom: 40px;}
	#howto .card:nth-child(n + 4) {margin-top:0;}
	#howto .items { height: calc(100% - 12px);}
	#howto img.pc {display: none !important;}
	#howto img.mobile {display: block !important;}
	#howto .present {width: 12.5vw; bottom:0px; right:6vw;}

/*	#howto .addition div:last-child, .event_payment .addition div:last-child {width: 65%; font-size: 11px; margin-left: 16px;}*/
/*	#howto .addition, .event_payment .addition {font-size: 13px; padding: 30px 0 !important; height: auto; margin-top: 25px;}	*/

	.event_payment #section_03 {padding-bottom:70px !important;}
	.event_payment #section_03 .event_gift_text {font-family: 'GongGothicLight'; font-size:11px; padding-top:30px;}

	.category_05 .addition .logo {width:90%; margin:0 5% 10px;}
	.category_05 .addition .logo span {margin:0 2.5%;}
	.category_05 .addition .logo span br {display:none;}
	.category_05 .addition div:last-child {width:100%; font-size: 11px; padding: 0 5%;}
	.category_05 .addition div:last-child p {width:92%; margin:0 4%;}
	.category_05 .addition div:last-child p::before {width:3px; height:3px; left:-6px; top:6px;}
	.category_05 .addition {font-size: 13px; padding: 30px 0 !important; height: auto; /* margin-top: 25px;*/ margin-top: 0;}
	.category_05  #howto {padding-bottom: 25px !important;}
	.event_roulette #howto .coupon::after {background:#fff0f4;}
	.event_roulette.prize #howto .coupon::after {background:#e7f2ff;}
	.donation #howto .coupon::after {background:#fff5f0; height:1%;}
	.event_writing #howto .coupon::after {background:#c7b8f5}
	.event_attendance #howto .coupon::after {background:#fff7d1;}
	#howto .event_tip > div p {margin-left: 8px;}
	#howto .coupon::after {content:''; width:100%; height:2.5%; position:absolute; bottom:0; left:0;}
	#howto .coupon img, .event_attendance #howto .coupon img, .donation #howto .coupon img {filter: none;}

/*	.event_payment .addition {margin-top: 0;}*/
/*	.event_payment #howto {padding-bottom: 25px !important;}	*/



    /*section_04*/
	#section_04 {background-color: #fffaf3;}
    #section_04 .review_btn {width:90%; margin-top:15px;}
	#section_04 table td {line-height:1.5; padding:5px 8px; word-break:break-all; font-size:13px;}
	#section_04 table td:nth-child(1) {width:50px;}
	#section_04 table td:nth-child(3) {width:50px; text-align:right;}
	#section_04 table td:nth-child(4) {display:none;}
	#section_04 table {width:100%;}
	#section_04 .list_num_wrap {margin-top:5px;}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(1) {width:40%;}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(2) {width:calc(100% - 135px);}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(3) {width:65px;}
	#section_04 .review_wrap .txt_thumb ul li:nth-child(4) {display:none;}
	#section_04 .review_wrap .txt_thumb ul {padding:10px 5px 10px 10px;}
	#section_04 .review_wrap  {font-size:13px;}
	#section_04 .review_wrap .txt_thumb {margin-bottom: 5px;}
	#section_04 .review_wrap .txt_review {padding:10px;}

	.search_wrap {
		display:-webkit-box; display:-moz-box; display: -ms-flexbox; display:flex;
		-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items:center;
		-webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content:center;
	}
	.search_wrap select {width:15%; background:#fff; height:35px; margin-right:5px;}
	.search_wrap input {width:calc(80% - 110px);height:35px;}
	.search_wrap input[name="search_txt"] {margin-bottom:2px;}
	.search_wrap button {top:0;height:35px; width:60px; margin-left:5px;}
	.search_wrap {margin:30px auto 15px auto;}


	/*section_05*/
	#section_05 p.sub_txt br{display:none; }
	#section_05 .donate_logo {width:160px;}
	#section_05 h2 br {display:none;}
	#section_05 p .date {font-size:14px !important; width:140px;}

	/*footer*/
	footer { height: auto;  font-size: 14px;  padding: 20px 10px 35px !important;}
	footer article { display: block;  height: 100%; }
	footer article .footer_info { text-align: center; margin-top: 10px; width:auto;}
	footer article .footer_info .footer_mobile {font-size: 12px;}
	footer article .logo_wrap {margin-right: 0;}
	footer article .footer_logo {width: 70%; margin: auto; background-image: url(/images/footer_logo_ai_big.png); background-position: center;}
	footer article .footer_logo.venture {padding-top:37px; /*margin-right: 2%;*/ margin-top: 10px; width: auto;  background: url(/images/ftimg05-2.png) center; background-repeat: no-repeat; background-size: contain; width: 8rem;}
	footer .company_introduce, footer .partner {font-size: 11px; line-height:15px; height:15px;}
	footer .footer_logo img { background-image: url('../images/footer_logo_ai(big).png');}
	.landing footer .inner {display:block; font-size: 12px;}
	.landing footer .inner ul {text-align:center;}
	.footer_landing_logo {margin: auto; margin-bottom: 5px; transform: scale(0.9)}
	.footer_pc {display: none !important;}
	.footer_mobile {display: block !important;}
	/* 0824 */
	.landing footer .inner .footer_pc {display:none;}
	.landing footer .inner .footer_mobile {text-align:center; padding-bottom:55px;}


	/*서브페이지***********************************************************************/
	.sub footer {margin-bottom:0 !important;}
	.sub .wrapper, .sub.board .wrapper  {width:95%; padding:30px 15px; margin-top:100px;}
	.sub h2 {font-size:20px;}
	.tab_box .my_info .nickname {font-size: 15px;}
	.tab_box .title_edit .edit {font-size: 16px;}
	.sub .join_box table tbody td input, .sub p.sub_txt, .sub .other input[type=text]{ font-size: 15px !important;}
	.sub table td input[type=button] {width:65px;}
	.sub .phone_area td input[type=button] {width:65px;}
	.sub .login_input , .sub .wrapper, .sub .wrapper p,.sub .partner_box .privacy_agree{font-size:13.5px !important; letter-spacing:-0.5px;}
	.sub input, .sub select {font-size:15px;}
	.sub .other input[type=checkbox] {position:relative;}
	.sub_btn {font-size:16px;}
	.sub input::placeholder {font-size:13.5px; letter-spacing:-0.5px;}
	.sub .secession_notice_input label {width:100%; height: 34px; line-height:34px;}
	.sub .secession_notice_input .other_reason textarea {height:34px; line-height:28px;}
    .sub .partner_box textarea {font-size:13px;}
	.sub .other {margin-top:20px; padding-top:20px;}
	.sub .join_box .photo_area button {width:150px; font-size:12px;}
	.photo_area .pic label { display: inline-block; width: 16%;}
	.sub .mypage_info li label {display: inline-block; width: 16%;}
	.sub .mypage_info li strong {width: 15%;}
	.sub.board .wrapper .panel p {float:right; width:calc(100% - 44px); text-align: justify;}
	.q_a.board .panel p:nth-child(3) {margin-top:6px;}
	.sub.board .wrapper .accordion, .contact_board, .contact_new_board textarea{font-size:14px;}
	.contact_board tr td.title a {padding-left:0; }
/*    .contact_board tr td:nth-child(4), .contact_board tr th:nth-child(4) {display:none;} 0823*/
	.list_num_wrap .list_num li {font-size:17px; margin:0 2px !important;}
	.contact_new_board td > p.title {width:70px;}
	.contact_new_board select, .contact_new_board input{ width: calc(100% - 80px) !important;}
	.contact_wrap button.write_btn {width:80px; height:30px;}

	/* 생생후기쓰기 / 이벤트 알아보기 / 룰렛하러이동하기 버튼 등.. */
	.ishere #section_03 .button, .ishere #section_04 .button, .main #section_04 .button {transform: none;}
	.ishere #section_03 .button, .ishere #section_04 .button, .event_attendance #section_03 .button, .main #section_04 .button, .main #section_03 .button {height:45px; width:220px !important;}
	.ishere #section_03 .button:after, .ishere #section_04 .button:after, .event_attendance #section_03 .button:after, .main #section_04 .button:after,  .main #section_03 .button:after  {right: -200px !important;}
	.ishere #section_03 .button span, .ishere #section_04 .button span, .event_attendance #section_03 .button span, .main #section_04 .button span,  .main #section_03 .button span {font-size:20px;}
/*	.main #section_03 .button span {width: 220px;}*/
	.ishere #section_03 .button:hover:after, .ishere #section_04 .button:hover:after, .event_attendance #section_03 .button:hover:after, .main #section_04 .button:hover:after,  .main #section_03 .button:hover:after {  right: -8px !important;}

	/* 출석이벤트 - 룰렛하러가기 버튼 */
/*	.main #section_03 .button {transform: translateY(-60px);} */
	.event_attendance #section_03 .button {position: relative; transform: translateY(-60px); left: 0;}

	.main .button .fas {transform: translateX(0px);}

	/* 로그인 페이지 체크박스 변경 */
	.sub .other label input {background: url('../../images/check_pre.png') no-repeat; background-size: contain; transform: translateY(2px);}
	.sub .other input[type=checkbox]:checked {background: url('../../images/check_ed.png')no-repeat; background-size:contain; }
	/* 회원정보 체크박스 변경 */
	.sub .mypage_info li label em {display: inline-block; width: 18px; height: 18px; background: url('../../images/check_pre.png') no-repeat; background-size: contain;}
	.sub .mypage_info li label input[name=profile]:checked {background: url('../../images/check_ed.png') no-repeat; background-size: contain;}
	/* 회원탈퇴안내 체크박스 변경 */
	.sub .secession_notice_input label input[name=type]:checked {background: url('../../images/check_ed.png') no-repeat; background-size: contain;}
	.mypage .period select, .mypage .period select:focus {background-size:11px 6px;}

	/* contact 자주묻는 질문 자물쇠 사이즈 수정 */
	.contact_board .lock {transform: translateY(3px) scale(0.9);}
	.fa-unlock-alt:before {content: '\e897' !important; font-family: 'Material Icons Outlined' !important; font-size: 15px; font-weight: 100;}
	/* q_a 모바일 질문 너비 수정 */
	.q_a_text {width: 75%; line-height: 1.4em;}
	/* 이용약관 동의 너비 수정 */
	.agree .head {width: 100%;}
	/* 이용약관 체크박스 변경 */

	.sub tfoot input[name="checkAll"], .sub tfoot input[name="agree"], input[name="market_agree"] {width: 18px; height: 18px; display: inline-block; background: url('../../images/check_pre.png'); background-size: cover; transform: translateY(4px);}
	.sub tfoot input[name="checkAll"]:checked {background: url('../../images/check_ed.png'); background-size: cover;}
	.sub tfoot input[name="agree"]:checked, input[name="market_agree"]:checked {background: url('../../images/check_ed.png'); background-size: cover;}
    /*랜딩페이지*/
	.landing_wrap .right.mobile {display:block; position: static !important;  margin: 0 auto;}
	.landing_wrap .right {right:10px; width:100%; position:static; margin-left:0; margin-bottom:80px;}
    .landing_wrap .left {width:100%; margin-bottom:20px;}
	.landing_wrap .right.common h3, .landing_wrap .right.common .tag, .landing_wrap .right.common .sub_txt {display:none;}
	.fixed_menu {position:fixed; bottom:0; height:70px; background:#fff; width:100%;}
	.fixed_menu ul {display:flex; justify-content: space-between; width: 95%; margin: auto; margin-top: 10px; }
	.fixed_menu ul li {width:100%;  text-align:center; line-height:50px;}
    .fixed_menu ul li a {display:block;  background:#c586ff; color:#fff; font-weight:normal; height:50px; font-size:16px; border-radius: 5px; font-family:'GongGothicLight'; }
    .fixed_menu ul li:first-child a {background:#312d42; border-radius: 5px;}
	.fixed_menu ul li a .fas {margin-right:10px;}
	.landing_wrap .db_info{margin-top:0; padding-top:0; border:none;}
	.landing_wrap .buttons i {}

	/* 랜딩페이지 체크박스 : 커스텀체크박스 변경 */
	.landing_wrap form table tr.privacy label input[type=checkbox] {background: url('../../images/check_pre.png') no-repeat; background-size: contain;}
	.landing_wrap form table tr.privacy label input[type=checkbox]:checked {background: url('../../images/check_ed.png') no-repeat; background-size: contain;}

	/* 마이페이지 메인 */
	.mypage .point_history li span:nth-of-type(1) {width: 11%;}
	.mypage .counsel_history .head span, .mypage .event_history .head span {width: 12%;}
	.mypage .counsel_history .content .img_box, .mypage .event_history .content .img_box {margin-right: 1.4rem;}
	.mypage .counsel_history .content .cate, .mypage .writing_history .cate, .mypage .writing_history .date_view, .mypage .comment_history .comment_info .txt, .mypage .comment_history span.cate, .mypage .comment_history .date {font-size: 12px;}
	.mypage .comment_history .comment_info:after {font-size: 12px;}
	.mypage .comment_history .date_view {font-size: 12px; width: 85%;}
	.mypage .comment_history {padding-top: 1rem !important;}
	.mypage .comment_history .date {margin-top: -0.3rem;}

	/* 회원탈퇴안내 */
	.sub .secession_notice_input .other_reason {width: 100%; justify-content:space-between;}
	.sub .secession_notice_input .other_reason label {width:auto; margin-top:0;}
	.sub .secession_notice_input .other_reason textarea {width:calc(100% - 70px); font-size: 11.5px;}

	/* 여기로다 소개페이지 */
	#wrapper_introduce article .pc {display: none;}
	#wrapper_introduce article .mobile {display: block;}
	#wrapper_introduce article.bbs .mobile {padding-top:3vw;}
	#wrapper_introduce article:nth-of-type(2) {padding-top: 30px;}
	#wrapper_introduce article .btn_link {font-size:5vw; padding-left:4vw; padding-right:4vw; line-height:8.5vw;}
	#wrapper_introduce article.bbs_top .btn_link,
	#wrapper_introduce article.solution .btn_link,
	#wrapper_introduce article.event .btn_link,
	#wrapper_introduce article.bbs .btn_link {left:50%; transform:translateX(-50%);}
	#wrapper_introduce article.bbs_top .btn_link {top:53%; bottom:initial;}
	#wrapper_introduce article.solution .btn_link {bottom:initial; top:5%;}
	#wrapper_introduce article.bbs .btn_link {bottom:initial; top:7%;}
	#wrapper_introduce article.event .btn_link {bottom:50%;}

	/* 고민해결서브페이지 */
	.top_area {padding: 0 10px;}
/*	.swiper.slider_banner .title {padding-top: 40px;}*/

	/*팝업 모달*/
	.sect_modal .modal {width:calc(60% + 2px); min-width: 302px;}
	.sect_modal .modal-content {width:100%; height:72%; min-width:300px; min-height: 316px;}
}

@media all and (max-width:600px) {
	.event_attendance #section_03 .calendar_wrap .calendar ul {padding: 0 10px; padding-top: 20px; margin-left: 12px;}
}

@media all and (max-width:540px) {
	#wrapper_Ishere, #wrapper_post {margin-bottom:50px;}
	#wrapper_Ishere > div {padding-top:30px;}

	.banner_Ishere .banner_area .title_area {padding: 0.5rem; font-size: 1.1rem;}
	.banner_Ishere .banner_area .title_area > div:nth-of-type(1) {line-height: 1.2rem;}
	.banner_Ishere .banner_area .title_area .more_view {font-size: 12px; bottom: 0.3rem; right: 0.5rem;}
	.banner_Ishere .banner_area .info {font-size: 12px;}

/* 고민여기 1011 : s */
	.search_banner .mobile_p {font-size:8.5vw;}
	.ishere_search_wrap {height:50px;}
	.ishere_search_wrap select {min-width:120px; background-size:10px;}
	.ishere_search_wrap select, .ishere_search_wrap input {font-size:14px;}
	.ishere_search_wrap input {width:calc(80% - 60px); padding:0 10px;}
	.ishere_search_wrap button {width:60px; padding:0 10px; font-size:24px; padding:0 10px;}
	.ishere_search_wrap button span:before {margin-left:0px;}
	.ishere_index h1 {font-size: 16px;}
	#slider1 {margin-top:40px;}
	#slider1 ul {top:39px;}
	#slider1 .regi .title a.txt span:nth-of-type(1) {font-size:10px !important; padding:0 10px !important;}
	#slider1 .regi:nth-child(1) {margin-top:0;}
	#slider1 .regi:nth-child(2) {margin-top:114px;} /* << margin:20px 0 + height:60px + title.height:60px*/
	#slider1 .regi:nth-child(3) {margin-top:166px;}
	#slider1 .regi:nth-child(4) {margin-top:218px;}
	#slider1 .regi:nth-child(5) {margin-top:270px;}

	/* 게시글 사진, 프로필이미지 */
	#wrapper_Ishere ul li .photo {width:50px !important; height:50px !important; margin-right:10px !important;}
	#wrapper_Ishere ul li .info {height:50px;}
	#wrapper_Ishere ul li:not(.regi):not(.comm):not(.Notregist) {margin-bottom:25px;}
	#wrapper_Ishere ul li .details .id_date_view img {transform:initial;}
	#wrapper_Ishere ul li .details .id_date_view .id span:nth-child(2) {line-height:20px;}
	#wrapper_Ishere ul li .details .id_date_view .text {width:calc(100% - 50px);}
	#wrapper_Ishere ul li .details .like_right span:before {font-size:11px;}
	#wrapper_Ishere .regi .details .photo {margin-right:13px;}
	#wrapper_Ishere ul li.regi .title > div:nth-of-type(2) {width:calc(100% - 80px);}
	#wrapper_Ishere ul li .title > div:nth-of-type(2) {width:calc(100% - 20px);}
	#wrapper_Ishere #realtime_popular ul li .title > div:nth-of-type(2) {width:calc(100% - 50px);}
	#slider1 ul li .title {height:42px;}
	#slider1 ul li .details {padding:11px 0;}
	/* 아이디, 날짜, 조회 */
	#wrapper_Ishere ul li .details .id_date_view {font-size: 12px;}
	#wrapper_Ishere ul li.regi .details .id_date_view {height:48px;}
	#comment ul li .details .id_date_view .text p {line-height:1.3; font-size:12px;}
	#wrapper_Ishere ul li .details .id_date_view span {font-size:11px; margin-right:8px;}
	#wrapper_Ishere ul li .details .id_date_view span.date {margin:0 4px 0 0;}

	#wrapper_Ishere ul li:not(.regi) a.txt span:nth-of-type(1) {font-size: 13px; padding:0 5px;}
	#wrapper_Ishere ul li .title a.txt span:nth-of-type(1) {font-size:11px;}
	#wrapper_Ishere ul li.regi .details a.txt span:nth-of-type(1),
	#wrapper_Ishere ul li .title a.txt span:nth-of-type(2) {display:inline-block; line-height:1.3; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#wrapper_Ishere ul li .title, #wrapper_Ishere ul li .title a.txt, #wrapper_Ishere #comment ul li .title {font-size: 13px;}

	#wrapper_Ishere ul li .details span:before {font-size:12px;}

	.ad_banner {margin-bottom:25px;}
	.ad_banner a {flex-direction:column; height:auto; border-radius:5px;}
	.ad_banner .img_left {width:100%; max-width:initial; padding-bottom:51%; position:relative;}
	.ad_banner .img_left img {position:absolute; top:0; left:0;}
	.ad_banner .text_right {width:100%; padding:10px;}
	.ad_banner .text_right p {font-size:14px; line-height:1.5;}
	.ad_banner .text_right span {font-size:12px !important;}
	.ad_banner .text_right > span {right:10px; height:10px;}
	.ad_banner .text_right > span::after {font-size:12px; margin-left:10px;}

	/* 고민여기-서브 게시글 없음 */
	#wrapper_Ishere > .Notregist > p {font-size:2.8vw; padding:10px 0 40px;}
	#wrapper_Ishere > .Notregist > p b {font-size:3.3vw; padding-bottom:1.2vw;}

	#slider1 ul li .cate_icon {width:30px; height:30px;}
	#realtime_popular ul li .cate_icon, #realtime_post ul li .cate_icon {width:20px; height:20px;}

	.list_num_wrap .list_num li {font-size:3.3vw;}

	/* 왕관모양 */
	#wrapper_Ishere .rank, #wrapper_Ishere .regi .rank {width:18px; height:15px; background-size: cover; margin: 0 0.5rem; line-height: 26px; padding-left: 0;}
	#wrapper_Ishere .regi .rank {width:21px; height:17px;}
	#realtime_popular .rank {margin: 0; margin-right: 6px;}
	#comment .rank {width: 15px; height: 14px;}
	#comment ul li:not(.Notregist) {padding:7px 0;}
	#comment ul li:not(.Notregist) > div {height:25px;}
	#comment ul li:not(.Notregist) .content {padding:5px 0 0;}
	#comment ul li .icon {width:50px; margin-right:15px;}
	#comment ul li .content ul {width: 95%;}
	#comment ul li.Notregist .icon {display: none;} /* 데이터 미등록시, 아이콘삭제 */
	#comment ul li .cate_icon {width:20px; height:20px;}
	#comment ul li .comment_info .txt {/* width: 80%;*/ font-size: 12px;}
	#comment ul li .comment_info {/* position: relative;*/ margin-top: 0;}
	#comment ul li .comment_info:after {/*position: absolute; bottom: 0; right: 34px;*/ font-size: 12px;}
	#comment ul li .comment_info .txt:before {margin-right: 0;}
	#comment ul li .details .id_date_view .text p {width:calc(100% - 70px) !important;}

	/* 게시글 작성 */
	.sub table tbody td:not(.title) {padding:10px 0;}

	/* 게시판 이용원칙 */
	.info_title br {display:none;}

/* 고민여기 1011 : e */

	/* 마이페이지 메인 */
	.tab_box .email_phone span {width: 16%;}
	.mypage .point_history li span:nth-of-type(1) {width: 16%;}
	.mypage .counsel_history .head span, .mypage .event_history .head span {width: 17%;}
	.sub table tbody td input {width: 70%;}
	.sub table tbody td input[name=email] {width: 100%;}
	.sub .join_box table td > a span {width:65px;}
	.sub .join_box table .phone_area td input[name="phone"],
	.sub .join_box table .phone_area td input[name="ex_phone"],
	.sub .join_box table td input[name="svlnumber"] {width:calc(100% - 75px) !important;}
	.sub .join_box table .join td a span {width:80px;}
	.sub .join_box table .join .phone_area td input[name="phone"],
	.sub .join_box table .join .id_area td input[name="id"],
	.sub .join_box table .join .sms_area td input[name="svlnumber"] {width:calc(100% - 90px) !important;}

	/* 이벤트 */
	.event_attendance #section_03 .date_frame .date ul li {width: 100%; height: 100%; line-height: 2.5;}

	/* 회원가입 완료 */
	.join_welcome.sub .other {width:calc(100% - 60px);}
}

@media all and (max-width:480px) {
	.mySwiper {padding:0 10px !important;}
	.event_attendance #section_03 .calendar_wrap .calendar ul {margin-left: 10px;}
	.ishere .main_tab li.current span {margin-right:3px;}
	.agree_03 .head h3{font-size:4.2vw;}
	.like_right span {font-size:10px;}
}

@media all and (max-width:425px) {
	/* 이벤트 */
	.event_attendance #section_03 ul li p {width: 35px; height: 35px; line-height: 35px; font-size: 0.8rem;}
	.event_attendance #section_03 .btn {margin: 20px 0;}
	.event_attendance #section_03 .calendar_wrap {/*height: 24rem;*/ margin-bottom: 20px;}
	.event_attendance #section_03 .move_btn {margin-top: 0;}
	.event_roulette #section_03 .rouletter, .event_payment_roulette #section_03 .rouletter {height: 360px;}
	.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {width: 360px; height: 360px; border-radius: 360px;}
	.event_roulette #my_modal .mainTxt {font-size: 17px; /*margin-bottom: 10px;*/}
	.event_roulette #my_modal .subTxt {font-size: 0.7rem;}
	.event_roulette #my_modal .modal_close_btn {margin-top: 10px; }
	.event_payment_roulette #section_03 h2,
	.event_payment_roulette #section_04 h2 {font-size:5.7vw;}
	.event_payment_roulette #section_04 p.sub_txt {font-size:4vw;}
	.ishere #section_03 .button, .ishere #section_04 .button, .event_attendance #section_03 .button, .main #section_04 .button, .main #section_03 .button {width:175px !important; height:30px;}
	.ishere #section_03 .button span, .ishere #section_04 .button span, .event_attendance #section_03 .button span, .main #section_04 .button span, .main #section_03 .button span {font-size:16px;}
	.ishere #section_03 .button .fas, .ishere #section_04 .button .fas, .main #section_04 .button .fas, .main #section_03 .button .fas {font-size:25px;}
	.ishere #section_03 .button:after, .ishere #section_04 .button:after, .event_attendance #section_03 .button:after, .main #section_04 .button:after, .main #section_03 .button:after {right:-155px !important;}
	.event_payment_roulette #my_modal .subTxt {padding:0 15px;}
	.event_payment_roulette #my_modal form > div {margin:0 15px; width:calc(100% - 30px);}
	.event_payment_roulette #my_modal .form_agree {margin:0 20px; width:calc(100% - 40px);}
	.event_payment_roulette #my_modal .form_agree label {margin-top:10px;}
	.event_payment_roulette #my_modal .form_agree label, .event_payment_roulette #my_modal .form_agree a, .event_payment_roulette #my_modal .form_agree p {font-size:12px;}
	.event_payment_roulette #my_modal .form_agree p {letter-spacing:0; word-break: keep-all;}
	.event_payment_roulette #my_modal form > div:not(:last-child) {margin-bottom:5px;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="text"] {margin-top:5px;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="button"] {max-width:54px; font-size:12px; margin-left:5px;}
	.event_payment_roulette #my_modal form > .form_item.address input[type="number"] {width:calc(100% - 54px - 59px);}

/*	.event_attendance #section_03 .move_btn {transform: translate(-50%, -30px);}*/
/*	.main.category_05.event_attendance #section_03 {padding-bottom: 50px;}*/

	.event_payment #section_03 br:nth-child(1) {display:inline-block;}

	/* 푸터 */
	footer article .footer_logo.venture {/*height: 40px;*/}

	/* 고민해결메인 */
	.ishere .main_tab {margin-bottom: -0.13rem;}
	.ishere .main_tab li.current {align-items: center;}
	.ishere .main_tab li.current span {width: 22px; height: 22px; line-height: 22px;}
	.ishere .main_tab li span {width: 22px; height: 22px; line-height: 22px;}
	.ishere .main_tab li span i, .ishere .main_tab li.current span i {font-size: 0.9rem; transform: translateY(0.08rem);}
	.scroll-menu-area {right:15px;}
	.scroll-menu-area.active {bottom:25px;}

	/* 고민해결서브페이지 */
	.top_area .top_menu li {border: 1px solid #fe526c; }

	/* 작성글 확인 페이지 */
	#wrapper_post .comment_wrap .cmtDiv .pf {width: 30px; height: 30px;}
	#wrapper_post .comment_wrap .cmtDiv .replyDiv .pf {width: 23px; height: 23px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_box {margin-top: 0.3rem;}
	#wrapper_post .comment_wrap .cmtDiv .replyDiv .comment_box {margin-top: 0.1rem;}
	#wrapper_post .comment_wrap .cmtDiv .comment_box > div {margin-bottom: 5px;}
	#wrapper_post .comment_wrap .cmtDiv .cmtItem, #wrapper_post .comment_wrap .cmtDiv .replyDiv .replyItem {padding-bottom: 20px; padding-right: 15px;}
	#wrapper_post .comment_wrap .cmtDiv .replyDiv .replyItem {padding-right: 0;}
	#wrapper_post .comment_wrap .cmtDiv .cmtItem {padding-left: 15px;}
	#wrapper_post .comment_wrap .cmtDiv .replyDiv .replyItem, #wrapper_post .comment_wrap .cmtDiv .replyDiv.rank .replyItem {padding-left: 40px;  padding-right: 15px;}
	#wrapper_post .comment_wrap .cmtDiv.rank .cmtItem {padding: 20px 15px;}
	#wrapper_post .reply_write .reply_write_box .inbox .name {margin-bottom: 5px;}

	/* 광고배너 사이즈수정규격 : 모바일버전 : 세로형 */
	.banner_Ishere .wrap {flex-direction: column !important;}
	.banner_Ishere .banner_area {border-radius: 10px 10px 0 0; margin-bottom: 0 !important;}
	.banner_Ishere .txt_area {border-radius: 0 0 10px 10px;}
	.banner_Ishere .txt_area .title_area {position: relative; }
	.banner_Ishere .txt_area .more_view {position: absolute; right: 0; bottom: 0;}
	.banner_Ishere .banner_area .image_area {font-size: 20px; color: #261b31;  width: 100%; height: 200px;}
	.banner_Ishere .banner_area img {width: 100%; height: 100%; object-fit: cover;}
	.banner_Ishere .banner_area .title_area {position: relative;  font-size: 14px; text-align: left; height: 100%; }
	.banner_Ishere .banner .info {font-size: 12px !important; color: #777; display: block;}
	.banner_Ishere .banner_area .title_area > div:nth-of-type(1) {position: static; transform: translateY(0);}

	/* 고민여기 메인 */
	#wrapper_Ishere ul li .details .txt {width: 88%;}
	#wrapper_Ishere ul li.Imgnone .details .add:after {right: 10px;}
	.ishere_submenu ul li {width: 13%;}

	/* 마이페이지 메인 */
	.tab_box .email_phone span {width: 20%;}
	.mypage .point_history li span:nth-of-type(1) {width: 20%;}
	.mypage .counsel_history .head span, .mypage .event_history .head span {width: 21%;}
	.mypage .counsel_history .content .img_box, .mypage .event_history .content .img_box {margin-right: 1rem;}
	.mypage .writing_history .write_info {line-height: 1.6rem; word-break: normal;}
	.mypage .writing_history .write_info .title_date {line-height: 1.2rem;}
	.mypage .comment_history {line-height: 1.2rem; word-break: normal;}
	.mypage .comment_history .date_view {margin-top: 3px; }
	.mypage .comment_history .more_view {transform: translateY(4px);}
	.mypage .comment_history .comment_info {margin-top: 0;}
	.mypage .comment_history .content {width: 92%;}

	.contact_board {font-size:13px;}
	.contact_new_board textarea {min-height:300px;}
}

@media all and (max-width:390px) {
	#wrapper_Ishere ul li .title a.txt {max-width: 130%;}
	.search_banner .mobile_p {font-size: 2rem;}
	.ishere_submenu ul li {width: 15%;}
	/*#wrapper_Ishere ul li .title {display: block; padding-top: 0.5rem;}*/ /*모바일 425px 미만시, 고민여기 메인 월간베스트게시글 카테고리 제목 위아래로 정렬 */

	#wrapper_Ishere ul li.Notregist .title {padding-top: 0;} /* 데이터 미등록시, padding-top 없애기 */
	#wrapper_Ishere ul li:not(.regi) .icon {font-size: 12px; color: #968bba;}
	#wrapper_Ishere ul li.Notregist .icon {display: none;} /* 데이터 미등록시, 아이콘 안보이게 */
	#wrapper_Ishere ul li.Notregist .icon .txt {display: none;}  /* 데이터 미등록시, 아이콘삭제 */
	#wrapper_Ishere ul li:not(.regi) .title a.txt span:nth-of-type(1) {padding:0 7px;}

	/* 작성글 확인 페이지 */
	#wrapper_post .postArea .post_title .rank {width: 27px; height: 22px;}
	#wrapper_post .postArea .post_title {font-size: 17px;}
	#wrapper_post .reply_write .reply_write_box .inbox {padding: 10px;}
	#wrapper_post .reply_write textarea {height: 30px;}
	#wrapper_post .re_write .re_write_box .write_area {height: 100px;}

	/* 고민해결메인 */
	.ishere .main_tab {margin-bottom: -0.15rem;}
	.ishere .main_tab li.current span {width: 25px; height: 25px; line-height: 25px; }
	.ishere .main_tab li span {width: 25px; height: 25px; line-height: 25px;}
	.ishere .main_tab li a {font-size: 0.8rem;}
	.ishere .main_tab li span i {font-size: 0.9rem; transform: translateY(1px);}
	.ishere .main_tab li.current span i {font-size: 0.9rem; transform: translateY(1px);}

	/* 이벤트 */
/*	.event_writing #section_03 .event_frame .mobile {margin-bottom: 300px;}*/
	.event_attendance #section_03 .calendar_wrap {/*height: 23rem;*/}

	/* 문의게시판 글쓰기 */
	.contact_new_board td > p.title {padding-left:0; width:60px;}
	.contact_wrap button.write_btn {height:40px; margin-top:15px; font-size:13px;}
}


@media all and (max-width:375px) {
	.ishere_search_wrap select {min-width:110px; padding-left:17px;}
	#wrapper_Ishere ul li .details .id_date_view span {font-size: 0.7rem;}
	#wrapper_Ishere ul li .details .id_date_view .pf {width:17px; height:17px; margin:0 2px 0 0;}

	/* 마이페이지 메인 */
	.tab_box .email_phone span {width: 22%;}
	.mypage .point_history li span:nth-of-type(1) {width: 20%;}
	.mypage .counsel_history .counsel_info {line-height: 1.8rem;}
	.mypage .writing_history .write_info {/*line-height: 1.8rem;*/ word-break: normal; font-size: 0.9rem;}
	.mypage .comment_history {line-height: 1.2rem; word-break: normal;}
	.mypage .counsel_history .head span, .mypage .event_history .head span {width: 23%;}
	.mypage .counsel_history .content .img_box, .mypage .event_history .content .img_box {margin-right: 1rem;}
	.mypage .comment_history .content {width: 90%;}
	.mypage .comment_history .date_view {margin-top: 3px;}
	.mypage .comment_history .more_view {transform: translateY(-20px);}
	.banner_Ishere .banner_area .image_area {height: 180px;}
	.comment_box {margin-left: 10px;}

	/* 고민해결메인 */
	.ishere .main_tab li.current span {width: 25px; height: 25px; line-height: 25px; }
	.ishere .main_tab li span {width: 25px; height: 25px; line-height: 25px;}
	.ishere .main_tab li a {font-size: 0.8rem;}
	.ishere .main_tab li span i {font-size: 0.9rem; transform: translateY(1px);}
	.ishere .main_tab li.current span i {font-size: 0.9rem; transform: translateY(1px);}

	/* 이벤트 */
/*	.event_writing #section_03 .event_frame .mobile {margin-bottom: 300px;}*/
/*	.event_attendance #section_03 ul li p {font-size: 0.8rem; width: 38px; height: 38px; line-height: 38px; }*/
	.event_roulette #section_03 .rouletter, .event_payment_roulette #section_03 .rouletter {height: 320px;}
	.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {width: 320px; height: 320px; border-radius: 320px;}
	.event_roulette #section_03 .rouletter-btn, .event_roulette.prize #section_03 .rouletter-btn,
	.event_payment_roulette #section_03 .rouletter-btn {width: 80px; height: 80px; border-radius: 80px;}
	.event_roulette.prize #section_03 .event_gift p.txt	{font-size: 14px;}
	.event_roulette #my_modal > div img {width: 80%;}
	.event_roulette #my_modal .modal_close_btn {padding: 10px 0;}

	/* 문의게시판 */
	.contact_board thead {position:relative; display:inline-block; width:100%; height:58px; }
	.contact_board thead th:nth-child(2) {position:absolute; left:0; width:calc(100% - 65px);}
	.contact_board thead th:nth-child(3), .contact_board tr th:nth-child(4) {width:1px; height:1px; position:absolute; top:-100%; left:-100%;}
	.contact_board thead th:last-child {position:absolute; right:0; width:65px; padding:1px;} /*답변여부*/
	.contact_board tbody tr {position:relative; display:inline-block; width:100%;}
	.contact_board tbody td {float:left; border-bottom:0 !important;}
	.contact_board tr td.title {width:100%; padding-bottom:5px !important; padding-right:0 !important;}
	.contact_board tr td.title::after {content:''; width:100%; height:1px; background:#ccc; position:absolute; bottom:0; left:0;}
	.contact_board tr td.title a {display:block; max-width:calc(100% - 65px); word-break:normal;}
	.contact_board tr td:last-child {position:absolute; width:65px; right:0; top:50%; transform:translateY(-50%); padding:10px 0 !important; border-bottom:0 !important;}
	.contact_board tr td:nth-child(3), .contact_board tr td:nth-child(4) {font-size:10px; color:#999; padding-top:0 !important; }
	.contact_board tr td:nth-child(3)::before {content:'아이디 : ';}
	.contact_board tr td:nth-child(4)::before {content:'날짜 : ';}
	.contact_board tr td:nth-child(3) {padding-left:0 !important;}

	/* 문의게시판 공지사항 */
	.contact_board tr.notice td:nth-child(3), .contact_board tr.notice td:nth-child(4) {color:#997ef1;}
	.contact_board tr.notice td:nth-child(3) {padding-right:10px;}
	.contact_board tr.notice td:nth-child(3)::before {display:none;}

	/*팝업 모달*/
	.sect_modal .modal {top:64px; box-shadow:1px 1px 3px rgb(0 0 0 / 50%);}
	.sect_modal .modal {left:50%; transform:translateX(-50%); min-width:272px;}
	.sect_modal .modal-content {min-width:270px; min-height: 284.4px;}
}

@media all and (max-width:360px) {
	#wrapper_Ishere ul li .info {justify-content:space-around;}
	.event_attendance #section_03 .calendar_wrap {/*height: 22rem;*/}
	.event_attendance #section_03 ul li p {width: 32px; height: 32px; line-height: 32px; font-size: 0.75rem;}
	.category_05 .addition .logo span {margin:0 3%;}
	.category_05 .addition div:last-child p {width:92%; margin:0 2% 0 6%;}
	.sect_modal .modal button {padding:5px;}
}

@media all and (max-width:340px){
	/*문의게시판 글쓰기*/
	.contact_new_board {padding:0 12px; margin-top:25px;}
	.contact_wrap button.edit {margin-left:5px;}
	.sub .contact_new_board tbody tr:first-child td {flex-direction:column;}
	.sub .contact_new_board tbody tr:first-child td > * {width:100% !important; text-align:left;}
	.sub .contact_new_board tbody tr:first-child .title {margin-bottom:5px; font-size:15px !important; font-weight:normal; padding-left:10px;}
	.sub .contact_new_board tbody tr:first-child select {height:40px;}
}
@media all and (max-width:320px) {
	.mySwiper .swiper-slide a, .verticalSwiper .swiper-slide a {width:40px; height:40px;}
	#slider1 {margin-top:30px;}

	#comment ul li .content {padding:3px 0;}
	#wrapper_Ishere ul li .title a.txt {max-width: 120%;}
	#wrapper_Ishere ul li .title, #wrapper_Ishere ul li .title a.txt, #wrapper_Ishere #comment ul li .title {font-size:13px;}
	#wrapper_Ishere ul li .details .id_date_view .text p {font-size:12px;}
	.ishere_search_wrap {height:45px;}
	.ishere_search_wrap select {min-width:initial; width:fit-content; padding-right:18px; font-size:12px; padding-left:15px; background-size:8px; background-position:92% 50%;}
	.ishere_search_wrap input {padding-right:0; width:calc(100% - 70px); font-size:13px;}
	.ishere_search_wrap input::placeholder {}
	.ishere_search_wrap button {width:45px; padding:0; text-align:left; font-size:22px;}
	.search_banner .mobile_p {font-size: 1.8rem;}
	#realtime_popular .rank {margin-right: 4px; }
	#wrapper_Ishere ul li .title, #wrapper_Ishere ul li .title a.txt,#wrapper_post .comment_wrap .cmtDiv .comment_box > div,
	#wrapper_post .postArea .content_area, #wrapper_post .postArea .writer_profile .id_date,
	#wrapper_post .re_write .re_write_box textarea::placeholder, #wrapper_post .reply_write textarea::placeholder, #wrapper_post .comment_wrap .title, #wrapper_post .comment_wrap .comment_tab{font-size: 0.8rem;}
	#wrapper_Ishere ul li .details .id_date_view span {font-size: 0.7rem;}
	#comment ul li .icon {width: 35px; margin-right:10px;}
	#slider1 ul li {margin-bottom: 0.3rem;}
	.banner_Ishere .txt_area .more_view, .banner_Ishere .txt_area .info {font-size: 11px;}
	.banner_Ishere .txt_area .title_area .more_view {font-size: 0;}
	.banner_Ishere .banner_area .image_area {height: 150px;}
	.banner_Ishere .banner_area .title_area .more_view:after {margin-left: 0;}
	.banner_Ishere .txt_area .title_area .more_view:after {font-size: 10px;}

	/* 고민해결메인 */
	.item-inner {/*height: 475px; padding: 0 15px;*/ padding-top: 60px;}
	.ishere .main_tab {margin-bottom: -0.15rem;}
	.ishere .main_tab li.current span {width: 20px; height: 20px; line-height: 22px; }
	.ishere .main_tab li span {width: 20px; height: 20px; line-height: 21px; vertical-align: middle;}
	.ishere .main_tab li a {font-size: 0.7rem;}
	.ishere .main_tab li span i {font-size: 0.9rem; transform: translateY(1px);}
	.ishere .main_tab li.current span i {font-size: 0.9rem; transform: translateY(1px);}

	/* 마이페이지 메인 */
	.mypage .subbox {padding: 0 4px; font-size: 12px;}
	.tab_box .email_phone span {width: 25%;}
	.mypage .point_history li span:nth-of-type(1) {width: 25%;}
	.mypage .counsel_history .head span, .mypage .event_history .head span {width: 28%;}
	.mypage .counsel_history .content .img_box, .mypage .event_history .content .img_box {margin-right: 1rem; height: 52px;}
	.mypage .counsel_history .counsel_info, .mypage .writing_history .write_info, .mypage .comment_history {line-height: 1.2rem; word-break: normal;}
	.mypage .select_delete span i {font-size: 1rem; display: inline-block; margin-left: 10px;}
	.mypage .writing_history .date_view {margin-top: 5px;}
	.mypage .comment_history .content {width: 88%;}
	.mypage .comment_history .date_view {width: 107%;}
	.mypage .comment_history .more_view {transform: translateY(-19px);}

	/* 세로 스크롤 이동메뉴 */
	.scroll-menu-area.active {bottom:6vw;} /*0826*/

	/* 작성글 확인 페이지 */
/*	#wrapper_post .comment_wrap .cmtDiv .replyDiv .pf {width: 30px;}*/
	#wrapper_post .comment_wrap .cmtDiv .replyDiv .replyItem, #wrapper_post .comment_wrap .cmtDiv .replyDiv.rank .replyItem {padding-left: 36px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_info_box span {margin-right: 4px;}
	#wrapper_post .comment_wrap .cmtDiv.rank .rank.icon {margin-right: 5px;}
	#wrapper_post .comment_wrap .cmtDiv .comment_box {margin-left: 10px; flex: 2;}

	/*문의게시판 글쓰기*/
	.contact_new_board textarea {min-height:280px;}

	/* 고민해결서브페이지 */
	.top_area {width: 100%; margin-top: 15px; font-size: 0.8rem;}
	.top_area .top_menu {gap: 1rem;}
	.top_area .top_menu li {height: 2.2rem; line-height: 2.2rem; border-radius: 0.3rem; margin-bottom: 15px; border: 1px solid #fe526c; }
	.top_area .txt {height: 2.2rem; line-height: 2.2rem;}

	/* 푸터 */
	footer article .footer_logo.venture {margin-top: 0;}


	/* 이벤트 */
	#section_03 .event_gift p.txt, .event_roulette.prize #section_03 .event_gift p.txt {font-size: 11px;}
	#section_03 .event_gift > li:nth-child(3) p {margin-top:5px;}
	#section_03 .event_gift > li:nth-child(3) small {font-size:10px;}
/*	.event_writing #section_03 .event_frame .mobile {margin-bottom: 230px;}*/
	#howto .event_tip .mobile_tip {font-size: 10px;}
	.event_attendance #section_03 ul li p {font-size: 0.7rem; width: 30px; height: 30px; line-height: 30px; border: 2px solid #cbcaca;}
	.event_attendance #section_03 .btn {padding: 0 10px;}
	.event_attendance #section_03 .btn a {width: auto;}
	.event_roulette #section_03 .rouletter {height: 290px;}
	.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {width: 290px; height: 290px; border-radius: 290px;}
}

@media all and (max-width:280px) {
	#wrapper_Ishere ul li .title a.txt {max-width: 110%;}
	.sub .wrapper, .sub.board .wrapper {padding:20px 10px; margin-top:80px;}
	/* 고민여기 게시글 작성 */
	.sub table tbody td:not(.title) {padding:10px 0 0;}
	.sub .review_write .dd-select {height:40px;}
	.sub .review_write .dd-selected {padding:4px 8px 5px;}
	.sub .review_write .note-btn {font-size:12px !important;}
	#section_06 .review_write table input, #section_04 .review_write table select {height:40px;}
	.sub .review_write .sub_btn {height:40px; line-height:40px; font-size:14px;}

	/*.ishere_search_wrap select, .search_banner .ishere_search_wrap select:focus {width: 70%;} */
	.search_banner .mobile_p {font-size: 1.5rem;}
	.ishere_submenu ul li {width: 20%;}
	.banner_Ishere .banner_area .image_area {height: 130px;}
	.banner_Ishere .banner_area .title_area .more_view {font-size: 0;}
	.banner_Ishere .banner_area .title_area .more_view:after {font-size: 10px;}
	.scroll-menu-area.active {bottom: 10px;}
	#comment ul li .icon {width: inherit; margin-right: 0;}
	#comment ul li .comment_info .txt {width: 100%;}
	.swiper-slide a {width: 40px; height: 40px;}
	.swiper.slider_banner a {width: inherit; height: inherit;}

	/* 고민해결메인 */
	.ishere .main_tab li a {font-size: 0.6rem;}

	/* 고민해결서브페이지 */
	.top_area {width: 100%; margin-top: 15px; font-size: 0.7rem;}
	.top_area .top_menu {gap: 0.8rem;}
	.top_area .top_menu li {height: 2.2rem; line-height: 2.2rem; border-radius: 0.3rem; margin-bottom: 15px; border: 1px solid #fe526c; }
	.top_area .txt {height: 2.2rem; line-height: 2.2rem;}

	/* 이벤트 */
/*	.event_writing #section_03 .event_frame .mobile {margin-bottom: 250px;}*/
	.event_roulette #section_03 .rouletter {height: 260px;}
	.event_roulette #section_03 .rouletter-bg, .event_payment_roulette #section_03 .rouletter-bg {width: 260px; height: 260px; border-radius: 260px;}
	.event_roulette.prize #section_03 .event_gift p.txt {font-size: 10px;}
	.event_attendance #section_03 .calendar_wrap .calendar ul {margin-left:  0;}
}


@media all and (max-height:568px) {
	/* iphone 5/SE quick btn position */
	.scroll-menu-area.active {bottom:0 !important; right:8px;}
}