/*body { -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; }*/


/*border rounded*/
.rounded { border-radius: 0.5rem!important; } 
.rounded-lg { border-radius: 1.0rem!important; } 
.rounded-xl { border-radius: 2.2rem!important; } 
.mt_20 { margin-top: 2rem; } 
.mt_25 { margin-top: 2.5rem; } 
.w_180{width: 18rem;}
.w_320{width: 32rem;}



/*헤드, 헤드 검색창*/
.h_menu > div { display: flex; align-items: center; justify-content:space-between; } 
#logo a { transform: translateY(2px); margin-right: 6rem; display: block; width: 13rem; height: 3.2rem; background: url(./../img/logo.svg) no-repeat center; background-size: cover; } 
.input-group.search { width: 30rem; } 
.search .form-control { border-right: 0; height: 5rem; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #f8f8f8 !important; border-color: #f8f8f8; } 
.search .btn { width: 5rem; height: 5rem; border-radius: 0; border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; background: url("./../img/ico_search.png") no-repeat center; background-size: 3rem; background-color: #DB2C32; } 
.search .form-outline { width: calc(100% - 5rem); } 




/*푸터*/
.ft { margin-top: 9rem; } 
.terms { height: 5.8rem; display: flex; align-items: center; border-bottom: 1px solid #e9e9e9; } 
.terms a:hover { color: #DB2C32; } 
.ft_cont { padding: 3.5rem 0; } 
.store_link { display: flex; flex-shrink: 0; margin-left: 3rem; } 
.store_link img { margin-right: 0.8rem; } 
.store_link a { line-height: 1.2; background-color: #F8F8F8; border-radius: 0.8rem; width: 22rem; height: 7rem; padding: 0 2rem; color: #222; font-weight: 500; } 



/*로그인*/
.login_pg { display: flex; align-items: center; padding-top: 8rem; margin-top: 6rem;} 
.login_bg { width:calc(100% - 48rem); height: 68.6rem; background: url("./../img/login_bg.jpg") no-repeat center; background-size: cover; } 
.login_cont { width: 48rem; display: flex; align-items: center; justify-content: center; padding-left: 8rem; flex-shrink: 0; } 
.container-sm { max-width:40rem; width: 100%; } 
.pw, pw2 { position: absolute; top: 12px; right: 22px; width: 24px; height: 24px; border: none; background: url(./../img/pw_off.png) no-repeat; background-size: cover; z-index: 5; }
.pw.on, pw2.on { background: url(./../img/pw_on.png) no-repeat; background-size: cover; }
.login_find { display: flex; align-items: center; justify-content: space-between; margin-top: 1.2rem; } 
.login_find a { text-decoration:underline; color: #555; } 
.login_app { padding-top: 3rem; margin-top:3rem; border-top: 1px solid #e9e9e9; } 
.login_app .store_link { margin-top: 2.5rem; width: 100%; margin-left: 0; } 
.login_app .store_link a { width: 50%; } 
.certi_num { position: absolute; top: 13px; right: 118px; color: #DB2C32; z-index: 5; } 


/*레이아웃*/
.wrap { display: flex; } 
.content_area { width: calc(100% - 33rem); } 
.right_menu { width: 30rem; flex-shrink: 0; margin-left: 3rem; } 





/*메인*/
.container { max-width: 1150px !important; } 
.idx_pg { min-height:800px; } 
.main_banner { width: 100%; height: 42rem; background: url("./../img/main_banner.jpg") no-repeat center; } 
.idx .h_menu { background: transparent; border-bottom: 1px solid #e9e9e9; color: #fff; } 
.idx #logo a { background: url(./../img/idx_logo.svg) no-repeat center; background-size: cover; } 
.idx #pc_menu .nav-link { color: #fff; font-weight: 400; } 
.idx .search .form-control { background-color: transparent !important; } 
.idx .form-control::placeholder { color: #fff; font-weight: 300; } 
.idx_pg .wrap { margin-top: -6rem; } 
.board { background: #fff; border-radius: 0.8rem; border: 1px solid #e9e9e9; padding:2.5rem 2.5rem 1rem; margin-bottom: 2rem; height: 34rem; } 
.board_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.2rem; } 
.board_tit { font-size: 2rem; font-weight: 600; } 
.more_btn { background-color: #f2f2f2; color: #222;}
.idx_pg .w-50 { width: 49% !important; } 
.view_list > ul{border-top: 2px solid #222;}
.view_list > ul > li { display: flex; align-items: center; width: 100%; height: 5rem; font-size: 1.4rem; padding: 0 1.5rem;} 
.view_list > ul > li:nth-child(even){background-color:#FBFBFB ;}
.view_list .tit{display: flex; align-items: center;width: 100%;}
.view_list .tit span {font-weight: 500; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 4px; } 
.view_list .tit.photo span{max-width: calc(100% - 4rem); } 
.view_list .tit .ico_pic{display: inline-block; width: 21px; height: 18px; background: url("./../img/ico_picture.png")no-repeat center; background-size: cover; } 
.view_list .writer { color: #777; } 
.view_list .day { color: #ccc; } 
.division{width: 100%;}
.division .view_list > ul{display: flex; flex-wrap: wrap;}
.division .view_list > ul > li{width: 50%;}
.division .view_list > ul > li:nth-child(even){background-color: #fff;}
.division .view_list > ul > li:nth-child(3), .division .view_list > ul > li:nth-child(4), .division .view_list > ul > li:nth-child(7),.division .view_list > ul > li:nth-child(8){background-color: #fbfbfb;}




/*서브*/
.sub_tit_cont{width: 100%; padding-bottom: 2.5rem; margin-bottom: 3rem; border-bottom: 1px solid #e9e9e9;}
.h3_tit{font-size: 3.4rem; font-weight: 700;} 
.h4_tit{font-size: 2.8rem; font-weight: 700;}
.sub_pg { min-height:600px;  padding-top: 8rem; margin-top: 6rem; }
.sub_pg .right_menu {margin-left: 4rem;}
.sub_pg .content_area { width: calc(100% - 34rem);}
.br_none{border-bottom: 0; margin-bottom: 0;padding-bottom: 0;}
.br_top{padding-top: 2.5rem; margin-top: 3rem; border-top: 1px solid #e9e9e9;}
.board_tap{width: 100%;/*overflow-x: scroll;*/ border-bottom: 1px solid #e9e9e9;margin-top: 2.5rem;}
.board_tap > ul {display: flex; align-items: center;}
.board_tap > ul > li{flex-shrink: 0;padding: 0 1.2rem;}
.board_tap > ul > li:first-child{padding-left: 0;}
.board_tap > ul > li a{padding-bottom: 1.5rem;position: relative;display: block;font-size: 1.7rem; color: #AAAAAA;}
.board_tap > ul > li a.active{color: #222; font-weight: 600;}
.board_tap > ul > li a.active::after{position: absolute;content: '';display: block;height: 2px; width: 100%; background-color: #222; bottom: 0; left: 0;}
.board_list li{border-bottom: 1px solid #e9e9e9; ;}
.board_list li a{padding: 1.2rem 0; display: flex; align-items: center; justify-content: space-between;}
.board_list .cont{width: calc(100% - 8rem);}
.board_list .tap_tit{font-size: 1.3rem; color: #DB2C32;}
.board_list .tit{font-size: 1.5rem;display: block;font-weight: 600; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 4px; }
.info{display: flex; align-items: center; margin-top: 0.2rem;}
.info span{display: flex; font-size: 1.4rem; color: #CCCCCC; margin-right: 0.8rem;}
.info span.writer{color: #777777;}
.info span img{margin-right: 0.4rem;}
.thumbnail { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 0.8rem; } 
.board_img { flex-shrink: 0;margin-left: 1.4rem;width: 6.6rem; height: 6.6rem; position: relative; border: 1px solid #F2F2F2; border-radius: 0.8rem; } 
.page-item {margin: 0px;width: 4rem; height: 4rem; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.page-item .page-link{font-size: 1.8rem; font-weight: 500; color: #222;}
.page-item.active{border: 1px solid #e9e9e9;}
.page-item.active .page-link{ color: #DB2C32;}
.pg_left{transition: all 0.3s ease;background: url("./../img/pg_left.png") no-repeat center; background-size: cover; margin-right: 1.5rem;}
.pg_left:hover{background: url("./../img/pg_left_hover.png") no-repeat center; background-size: cover;}
.pg_right{transition: all 0.3s ease;background: url("./../img/pg_right.png") no-repeat center; background-size: cover; margin-left: 1.5rem;}
.pg_right:hover{background: url("./../img/pg_right_hover.png") no-repeat center; background-size: cover;}
.sub_link{display: flex; align-items: center;margin-bottom: 0.5rem;}
.sub_link img{width: 1rem; margin: 0 0.8rem;}
.photo_upload{display: flex;}
.photo_upload .btn{padding: 0;width: 12rem; height: 12rem ; border: 1px solid #e9e9e9;position: relative;}
.photo_upload .add_btn{border-style: dashed; display: flex; flex-direction:column; line-height: 1.2; margin-right: 1rem;}
.photo_upload .add_btn img{width: 3rem; margin-bottom: 0.8rem;}
.photo_upload .delete_btn{position: absolute; top: 8px; right: 8px; width: 2.5rem; height: 2.5rem; border: 0; }
.community_img { width: 12rem;height: 12rem;flex-shrink: 0; position: relative; border: 1px solid #F2F2F2; border-radius: 0.8rem; } 
.select_btn{ width: 36rem;height: 5rem; justify-content: space-between;padding: 1.4rem 2rem;border-radius: 0.8rem; font-size: 1.6rem;font-weight: 400;color: #222;background-color: #f5f5f5 !important;}
.select_btn img{width: 2rem;}
.writer_info{display: flex; align-items: center; margin-top: 1rem;}
.writer_info .info{margin-top: 0;}
.writer_info .profile_img{width: 5rem; height: 5rem; margin-right: 1rem; border: 1px solid #e9e9e9;}
.detail_option{width: 7rem; height: 7rem; background-color: #FDF4F4; color: #DB2C32; font-size: 1.4rem; display: flex; flex-direction: column; border-radius: 50%;align-items: center; justify-content: center;}
.detail_option img{width: 2.2rem; margin-bottom: 0.2rem;}
.detail_cont{padding: 0 2.5rem;}
.detail_cont p{margin-bottom: 2.2rem; white-space:pre-line;color: #555; word-break: break-all;}
.detail_img{width: 100%; max-width: 70rem; margin:3rem auto 2rem; border-radius: 0.8rem;}
.detail_mark{display: flex; align-items: center; justify-content: center;}
.detail_mark .btn:first-child::after{content: ''; display: inline-block; width: 1px; height: 1.6rem; background-color: #E9E9E9; margin: 0 3rem;}
.detail_mark img{width: 2rem; margin-right: 0.8rem;transform: translateY(-1px);}
.detail_mark .btn{font-size: 1.7rem; color: #AAAAAA; font-weight: 500; display: flex;}
.like_btn .ico_img{width: 2rem; height: 2rem;background: url("./../img/ico_like.png") no-repeat top -1px center; background-size: cover; margin-right: 0.5rem;}
.like_btn.on{color: #222;}
.like_btn.on .ico_img{background: url("./../img/ico_like_on.png") no-repeat top -1px center; background-size: cover; }
.btn.focus, .btn:focus {outline: 0; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);}
.btn.detail_option:hover {color: #DB2C32;}
.comment{padding-bottom: 3rem; border-bottom: 1px solid #e9e9e9;}
.comment_top{display: flex; align-items: center ; justify-content: space-between; width: 100%; border-bottom: 1px solid #e9e9e9; }
.comment_top img{width: 2.4rem; margin-right: 0.8rem;}
.array{display: flex;}
.array .btn{font-size: 1.6rem; margin-left: 1.5rem;}
.comment .txt{white-space: pre-line; font-size: 1.5rem; color: #555;line-height: 1.4;margin-top: 0.5rem; word-break: break-all;}
.comment .writer{font-size: 1.5rem;}
.commnet_ul01{margin-top: 2rem;}
.commnet_ul01 .profile_img{width: 5rem; height: 5rem; flex-shrink: 0; margin-right: 1.2rem; border:1px solid #e9e9e9;}
.commnet_cont{display: flex; margin-bottom: 2rem;}
.report{font-size: 1.4rem; color:#DB2C32; height: auto;}
.delete{font-size: 1.4rem; color:#ccc; height: auto;}
.reply{font-size: 1.4rem; color:#999999 ;}
.line{font-size: 1.3rem; padding: 0.1rem 0.5rem 0; color: #e9e9e9;}
.comment .info{margin-top: 0.4rem;}
.info .btn{height: auto;}
.info .like_btn .ico_img{width: 1.8rem; height: 1.8rem;}
.info .like_btn span{color: #999;}
.info .like_btn.on span{color: #222;}
.commnet_ul02{margin-left: 6.2rem;}
.btn.disabled, .btn:disabled {opacity: .4;}
.commnet_ul01 .ip_wr{margin-bottom: 2rem; }
.search_result{margin-top: 0.8rem; display: flex; align-items: center; font-size: 1.8rem; font-weight: 500;}
.search_result img{width: 3rem; margin-right: 0.6rem;}
.search_filter{display: flex; align-items: center; margin-top: 1.2rem;}
.search_filter .btn{font-size: 1.6rem; font-weight: 400;height: auto;}
.search_filter img{width: 2rem; margin-left: 0.6rem;}
.search_filter span{color: #e9e9e9; font-weight: 300; padding: 0 0.4rem;}
.dropdown-menu{border: 1px solid #e9e9e9; border-radius: 0.8rem; padding: 0; min-width: 13.5rem;margin-top: 10px;}
.dropdown-item{border-bottom: 1px solid #e9e9e9; font-size: 1.5rem; font-weight: 500; height: 4.8rem; justify-content: start; border-radius: 0; font-weight: 500;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #fff;}
.myinfo_edit{max-width: 48rem; margin: 0 auto;}
.basic_info{border: 1px solid #e9e9e9; border-radius: 0.8rem;  margin-top: 1.5rem; padding: 2.5rem 3rem;}
.basic_info > ul > li{display: flex; align-items: center; margin-bottom: 0.8rem; }
.basic_info > ul > li:last-child{margin-bottom: 0;}
.basic_info > ul > li span{font-weight: 500; width: 8rem; flex-shrink: 0;}
.basic_info > ul > li p{color: #777;}
.area{margin-top: 4.8rem;}
.area:not(:last-child)::after{content: ''; display: block;width: 100%; height: 0.8rem; background-color: #F8F8F8; border-top: 1px solid #e9e9e9; margin-top: 5rem;}
#category_select .modal-body{padding: 0;}
.category_ul .btn{width: 100%; border-radius: 0; height: 6rem; font-size: 1.8rem;}
.category_ul li{ border-bottom: 1px solid #e9e9e9;}
.category_ul li:last-child{border-bottom: 0;}
.detail_btn_wrap > button.detail_btn { width: 6rem; height: 3rem; background-color: #F5F5F5; color: #aaa; font-size: 1.4rem; display: flex; flex-direction: column; border-radius: 0.8rem; align-items: center; justify-content: center; }
.detail_btn_wrap > button.detail_btn:hover {background-color: #cecece; color: #111;}
.detail_btn_wrap > button.detail_btn ~ button.detail_btn {margin-left: 1rem;}
.comment_btn ~ .comment_btn {margin-left: 0.5rem;}




/* 오른쪽 레이아웃*/
.right_banner { width: 30rem; height: 16.5rem; position: relative; margin-top: 2rem; } 
.banner > div { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 0.8rem; } 
.popular_board {margin-top: 2rem;padding-top: 3rem;width: 100%;height: 51.5rem;border: 1px solid #e9e9e9;border-radius: 0.8rem;}
.popular_board em{font-style: normal; margin-right: 0.6rem;}
.popular_board .board_tit {font-size: 1.8rem;padding-left: 1.5rem;}
.popular_board .view_list > ul {border-top: 0}
.popular_board .view_list > ul > li{border-bottom: 1px solid #e9e9e9; background-color: #fff !important; height: 5.4rem;}
.popular_board .view_list > ul > li:last-child{border-bottom: 0;}





/*내정보*/
.my_info { padding: 2.5rem 2rem; background-color: #fff; border-radius: 0.8rem; border: 1px solid #e9e9e9; width: 100%; height: 34rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.grade {line-height: 2.2rem; width: 2.2rem; height: 2.2rem; border-radius: 50%; color: #fff; font-size: 1.4rem; font-weight: 500; display: flex; align-items: center; justify-content: center; } 
.th01 { background-color: #FBD134; } 
.th02 { background-color: #8FD600; } 
.th03 { background-color: #04C73B; } 
.th04 { background-color: #00C9D3; } 
.th05 { background-color: #2291ED; }
.th06 { background-color: #4076E0; }
.th07 { background-color: #AE71E4; }
.th08 { background-color: #E271E4; }
.th09 { background-color: #E47198; }
.edit_btn { padding: 0; width: 2.4rem; height: 2.4rem; background: url("./../img/ico_edit.png") no-repeat center; background-size: cover; } 
.edit_btn:hover { background: url("./../img/ico_edit_hover.png") no-repeat center; background-size: cover; } 
.profile_img { width: 13rem; height: 13rem; position: relative; border: 4px solid #F2F2F2; border-radius: 50%; } 
.profile_img .thumbnail{border-radius: 50%;}
.name { font-size: 1.8rem; font-weight: 500; margin: 0 0.7rem; } 
.point { text-decoration: underline; } 
.mypage_btn { display: flex; width: 100%; font-weight: 500; } 
.mypage_btn li { width: calc(100% /3); position: relative; } 
.mypage_btn li::after { content: ''; display: block; position: absolute; width: 1px; height: 32px; background-color: #E9E9E9; top: 13px; right: 0; } 
.mypage_btn li:last-child::after { display: none; } 
.mypage_btn li a { width: 100%; display: flex; flex-direction: column; align-items: center; color: #999; } 
.mypage_btn li a:hover { color: #222; } 
.mypage_btn .mypg_btn { margin-bottom: 0.7rem;; width: 2.6rem; height: 2.6rem; background-size: cover; background: url("./../img/mypg_btn01.png") no-repeat center; background-size: cover; } 
.mypage_btn li:nth-child(1):hover .mypg_btn { background: url("./../img/mypg_btn01_hover.png") no-repeat center; background-size: cover; } 
.mypage_btn li:nth-child(2) .mypg_btn { background: url("./../img/mypg_btn02.png") no-repeat center; background-size: cover; } 
.mypage_btn li:nth-child(2):hover .mypg_btn { background: url("./../img/mypg_btn02_hover.png") no-repeat center; background-size: cover; } 
.mypage_btn li:nth-child(3) .mypg_btn { background: url("./../img/mypg_btn03.png") no-repeat center; background-size: cover; } 
.mypage_btn li:nth-child(3):hover .mypg_btn { background: url("./../img/mypg_btn03_hover.png") no-repeat center; background-size: cover; } 










/*모달*/
.modal { left: 50%; transform: translateX(-50%); } 
.modal-footer>* { margin: 0; } 
.modal-dialog { margin: 0 auto; max-width: 47rem;} 
.modal-title { font-size: 2.4rem; color:#222; font-weight: 600; margin-bottom: 2rem; } 
.modal-content { border:none; border-radius: 1.2rem; } 
.modal-header { padding: 3.2rem 3.2rem 1.8rem; border-top-left-radius:1.2rem; border-top-right-radius:1.2rem; border-bottom: 0; } 
.modal-body { padding: 0rem 3.2rem; text-align: center; } 
.modal-body p { margin-top: 1.2rem; color: #777; font-size: 1.8rem; } 
.modal-footer { padding: 3.2rem 3.2rem 3.5rem; border-top: none; display: flex; align-items: center; justify-content: center; } 
.modal-dialog-scrollable .modal-body { -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */ } 
.modal-dialog-scrollable .modal-body::-webkit-scrollbar { display:none; } 
.modal-footer .btn_group .btn { width: calc(50% - 3px) !important; } 
.modal-footer .btn_group { width: 100%; display: flex; } 
.close { opacity: 1; } 
.close img { width: 2.5rem; } 
.modal-sm {max-width: 40rem;}
.modal_wr{padding: 0rem 3.2rem; margin-top: 2rem;}


/* 마이페이지 */
.my_pg_top{border-radius: 1.2rem; background: #F8F8F8; padding: 3.5rem 3rem; margin: 3rem 0; display: flex;}
.my_pg_top_info{display: flex; margin-top: 1rem;}
.my_pg_top_info li{display: flex; background: #fff; border-radius: 0.8rem; padding: 1.65rem 2rem; display: flex; align-items: center; justify-content: space-between; margin-right: 1rem; width: calc((100% - 2rem) / 3) ; max-width: 19.5rem;}
.my_pg_top_info li:last-child{margin-right: 0;}

/* 포인트 및 쿠폰 내역 */
.point_cur{background: #F8F8F8; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; padding: 4rem; display: flex;}
.point_bar{width: 1px; background: #E9E9E9; margin: 0 4.5rem;}
.form-control-bg-white{background: #fff !important;}
.point_detail_tit{background: #1E2A33; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 1.3rem 3rem;}
.point_detail_txt{display: flex; justify-content: space-between; align-items: center; padding: 1.3rem 3rem; border-bottom: 1px solid #E9E9E9;}

/* 개인정보처리방침 및 이용약관 */
article.privacy_terms {
 margin-top: 15px;
 border: 1px solid #e9e9e9;
 border-style: dashed;
 border-radius: 0.8rem;
 padding: 1em;
}





/*반응형 max 1200 xl*/
@media (max-width: 1560px) { 
 .container { padding: 0 2.2rem; } 
 } 

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) { 

 } 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) { 
.idx_pg { min-height:auto; padding-top:6rem; } 
.sub_pg { min-height:auto; padding-top:6rem; } 
 } 




/*반응형 max 767px md*/
@media (max-width: 767.98px) { 

 } 

/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 
#menu { width:100%; } 
 } 

@media (max-width:380px) { 
body { font-size: 1.4rem; } 
.container { 
padding-right: 1.6rem; 
padding-left: 1.6rem; 
 } 
 }