@charset "utf-8";

/* Wrapper */
.wrap{display:-webkit-box;width:100%;-webkit-box-orient:vertical;}
.hidden {position:absolute;overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
.tour_setPage {background:#e9e5e5;}

/* reset */
*{-webkit-text-size-adjust:none;word-break:break-all;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;outline:0;letter-spacing: -.1rem;}
*{/* word-break: break-word; */ word-break: keep-all;font-size: 1.4rem;color: #333;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Malgun Gothic', sans-serif;text-align: left;line-height: 140%;}
*{-webkit-tap-highlight-color: transparent;}

html {font-size:62.5%;}

/* iPhone 3 이상 */
@media only screen and (min-width:320px) {
	html{font-size:62.5%;} 
}
/* Galaxy Note 2 이상 */
@media only screen and (min-width:360px) {
/* 	html{font-size:67.308%;} */
	html{font-size:62.5%;}
}
/* Galaxy Tablet 이상 */
@media only screen and (min-width:700px) {
	html{font-size:100%;} 
}


html,body{position:relative;width:100%;height:100%;-webkit-overflow-scrolling: touch;}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;
}
/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
a{font-size:1.2rem;}
a:link{text-decoration:none;}
a:focus{outline:thin dotted;}
a:active,a:hover {outline:0;text-decoration:none;}
a:visited{text-decoration:none;}
*:focus{outline:thin dotted;}

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{font-weight:normal;vertical-align:middle;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{position:relative;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
span,em{vertical-align:top;}

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input, select, textarea{border:0 none;outline:0 none;}

/* button, select{text-transform:none;} */
textarea{border:solid 1px #ccc;vertical-align:top;}

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption, fieldset legend{font-size:0; width:0; height:0;line-height:0;overflow:hidden;}
table {width:100%;}
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button {display: none;-webkit-appearance:none;margin: 0;}
input[type="time"]::-webkit-time-cancel-button {-webkit-appearance:none;display: none;}
input::-webkit-calendar-picker-indicator {display: none;-webkit-appearance:none;margin: 0;}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance: none;}
.mt0 {margin-top:0  !important;}

/* Header */
header.main {border:0;padding:0;}
header {position: fixed;width:100%;height:6rem;background:#4d7fd3;z-index:3000;}
header.search_Header{height: 8rem; top:-9rem; transition: top 0.4s;}
header h1{line-height:6rem;color:#FFF;font-size:1.8rem;text-align:center;font-weight:400;}
header .btn_menu, header .btn_search, header .search_btn_before ,header .btn-back, header .search_btn,header .more_edit{display:block;position:absolute; top:0; height:100%;font-size: 0; text-indent:-9999rem;outline:none;}
header .btn_menu::before, header .btn_search::before, header .search_btn_before::before , header .search_btn::before ,header .btn-back::before,header .more_edit::before{content:'';display:block;width:3rem;height:3rem;margin:auto;}
header .btn_menu {width:3rem;height:3rem;left:2rem;top:2rem;}
header .btn_menu::before {background:url(../img/menu_btn.png);background-size: 3rem;background-repeat: no-repeat;}
header .btn_search {right:2rem;width:3rem;}
header .btn_search::before {background:url(../img/search_btn.png);background-size: 3rem;}
header .more_edit {right:.8rem}
header .more_edit::before {background:url(../img/page_more_btn.png);background-repeat:no-repeat;background-size: 0.6rem;width: 2rem;height: 2.7rem;}
header .search_btn_before {right:1.5rem;width:2rem;}
header .search_btn_before::before{background:url(../img/close_btn.png);background-size: 2rem;width:2rem;height: 2rem;}
header .btn-back {width:3rem;}
header .btn-back::before {background:url(../img/back_btn.png);background-size: 3rem;}
header .search_btn{width: 2rem;right:.8rem;}
header .search_btn::before{background: url(../img/search_btn_bk.png);background-size: 2rem;width: 2rem;height: 2rem;}


/*footer*/
.footer_info{display: flex;flex-direction: column;align-items: center;position: absolute;background-color: #4d7fd3;height: 150px;width: 100%;padding:10px;}
.footer_info .footer_info_txt{display: flex; flex-direction: row;  justify-content: center;  color: #fff;margin-top: 40px; font-size: 18px; gap: 20px;}
.footer_info .footer_info_txt div{display: flex; flex-direction: column;}
.footer_info .footer_info_txt a{color:#fff;}

/* category */
.category.is-fixed {position: fixed;top: 10.6rem;z-index: 5;background: #F4F4F4;}
.category {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;border-top: 1px solid #051619;background: #fff;box-sizing: border-box;overflow: hidden;position: absolute;left: 0;right: 0;}
.category-inner {display: -webkit-flex;display: flex;overflow: auto;white-space: nowrap;overflow: overlay;}
.category-inner ul li{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin: 0 1rem;padding: 1.25rem 0;box-sizing: border-box;cursor: pointer;-webkit-align-items: center;align-items: center;font-size: 1.4rem;font-weight: 600;}
.category-inner ul{width: 100%;display: flex;}
.category_issueList .category_issueTitle{width: 100%;height: 4.5rem;font-size: 2.5rem;margin-top: 1rem;border-bottom: solid 1px #ccc;padding-left: 2rem;}
.category_issueList ul li{display: flex;flex-wrap: wrap;position: relative;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;}
.category_issueList ul li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.category_issueList ul li .issueTitle .title{overflow: hidden;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.7rem;font-weight: 700;padding:0.5rem 0.5rem 0 0;line-height: 1.9rem;margin-bottom: 0.5rem;}
.category_issueList ul li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.category_issueList ul li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
.category_issueList ul li .issueImage{max-width: 50%;margin: 2rem 1rem 0rem 0rem;}
.category_issueList ul li .issueImage img{width: 14rem;object-fit: cover;max-height: 8rem;}
.news.is-fixed{position: fixed; top: 5rem;z-index: 5;}
.news {display: -webkit-flex;display: flex;-webkit-justify-content: left;justify-content: left;border-top: 1px solid #051619;background: #fff;box-sizing: border-box;overflow: hidden;position: absolute;left: 0;right: 0;}
.news-inner{display: -webkit-flex;display: flex;overflow: auto;white-space: nowrap;overflow: overlay;}
.news-inner ul li{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin: 1rem 0 0 1.5rem;padding: 1.25rem 0;box-sizing: border-box;font-size: 1.125rem;cursor: pointer;-webkit-align-items: center;align-items: center;font-size: 1.4rem;width: 5rem;}
.news-inner ul{width: 100%;display: flex;background-color: #fff;}
.current{font-weight: bold;color: #4D7FD3; border-bottom: .2rem solid #4D7FD3;}

/* content */

.wrap {position: relative; display: -webkit-box;width: 100%;-webkit-box-orient: vertical; padding-bottom: 16rem;}
.main_scroll {top: 16rem;overflow: scroll;height: auto;width: 100%;position: relative;}
.issue_ranking{position: relative;}
.issue_ranking .rankingDetail{font-size: 1.5rem;background: #F4F4F4;padding: 1rem 2rem;font-weight: 600;}
.issue_ranking .rankingDetail img{position: absolute;right: 2rem;top:0.5rem;height: 4rem;}
.issue_ranking ul{display: flex;flex-wrap: wrap;}
.issue_ranking ul li{width: 100%;height: 8rem;position: relative;border-bottom: 2px solid #E9E5E5;}
.rankingItem1::before , .rankingItem2::before , .rankingItem3::before{content:'';display:block;width:2.8rem;height:2.8rem;float: left;position: absolute;top:2.5rem;left:2rem;}
.issue_ranking ul li .rankingItemtxt{padding: 1rem 1.5rem 0rem 6rem;font-size: 1.5rem;font-weight: 600;}
.issue_ranking ul li .rankingItemtxt div{height: 2.3rem;overflow: hidden;font-size: 1.7rem;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;}
.issue_ranking ul li .rankingItemtxt span{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.rankingItem1::before{background:url(../img/ranking_1.png); background-size: 2.8rem;}
.rankingItem2::before{background:url(../img/ranking_2.png); background-size: 2.8rem;}
.rankingItem3::before{background:url(../img/ranking_3.png); background-size: 2.8rem;}
.nowColumn, .nowIssue{position: relative;}
#nowColumn_main, #nowIssue_main{margin-left: 2rem;}
.nowColumn .newColumnDetail, .nowIssue .newIssueDetail{font-size: 1.5rem;background: #F4F4F4;padding: 1rem 2rem;font-weight: 600;}
.nowColumn .newColumnDetail img, .nowIssue .newIssueDetail img{position: absolute;right: 1.8rem;top:0.5rem;height: 4rem;}
.nowColumn ul, .nowIssue ul{display: flex;flex-wrap: wrap;}
.nowColumn ul li:first-of-type, .nowIssue ul li:first-of-type{margin-top:0;}
.nowColumn ul li, .nowIssue ul li{display: flex;border-bottom: solid 1px #ccc;}
.nowColumn ul li .columnTitle, .nowIssue ul li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.nowColumn ul li .columnTitle .title, .nowIssue ul li .issueTitle .title{overflow: hidden;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.7rem;font-weight: 700;padding:0.5rem 0.5rem 0 0;line-height: 1.9rem;margin-bottom: 0.5rem;}
.nowColumn ul li .columnTitle .content, .nowIssue ul li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.nowColumn ul li .columnTitle .date, .nowIssue ul li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
.nowColumn ul li .columnImage, .nowIssue ul li .issueImage{max-width: 50%;max-height: 8rem;margin: 2rem 1rem 0rem 0rem;}
.nowColumn ul li .columnImage img, .nowIssue ul li .issueImage img{width: 14rem;max-height: 100%;object-fit: cover;max-height: 8rem;}
.main_banner{width: 100%;height: 12rem;border-bottom: solid 1px #ccc;}
#nowColumn_main li, #nowIssue_main li{display: flex;flex-wrap: wrap;position: relative;margin-top: 1.5rem;}
#nowColumn_main li .columnTitle, #nowIssue_main li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin-right: 1rem;}
#nowColumn_main li .columnTitle .title, #nowIssue_main li .issueTitle .title{overflow: hidden;width: 100%;max-height: 8rem;text-overflow: ellipsis;font-size: 1.7rem;font-weight: 600;padding: 0.5rem 0.5rem 0.5rem 0;white-space: nowrap;}
#nowColumn_main li .columnTitle .content, #nowIssue_main li .issueTitle .content{overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5rem;}
#nowColumn_main li .columnTitle .date, #nowIssue_main li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
#nowColumn_main li .columnImage, #nowIssue_main li .issueImage{max-width: 50%;max-height: 10rem;margin-right: 2rem;margin-top: 1rem;}
#nowColumn_main li .columnImage img, #nowIssue_main li .issueImage img{width: 13rem;object-fit: cover;max-height: 10rem;}

/* menu */
/*
.sidenav {height: 100%;width: 22rem;position: fixed;z-index: 10000;top: 0;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;display: none;}
*/
.sidenav a {padding: 1.5rem 1.5rem 1.5rem 2rem;text-decoration: none;font-size: 1.7rem;color: #556268;display: block;transition: 0.3s;border-bottom: solid 1px #ccc;font-weight: 500;}
.btn_setting{display: block;position: absolute;top: 0;font-size: 0;text-indent: -9999rem;right: 0;margin: 1rem;}
.btn_setting::before{content: '';display: block;width: 2rem;height: 2rem;background: url(../img/setting_btn.png);background-size: 2rem;}
.loginBox{width: 100%;height: 15rem;border-bottom: solid 1px #ccc;background: #4D7FD3}
.profileBox{width: 100%;text-align: center;align-items: center;display: flex;flex-direction: column;justify-content: center;padding-top: 1.5rem;}
.profile{width: 8rem;height: 8rem;border-radius: 50%;overflow: hidden;}
.profile img{width: 100%;height: 100%;object-fit: cover;}
.profileBox span{margin-top: 1.5rem;color: white;font-size: 1.5rem;}
.profileBox .name{margin-top: 1.5rem;color: white;font-size: 1.5rem;}
.profileBox #nick{width: 2rem;padding-left: .3rem;}
.dim{position: fixed;background-color: rgba(0, 0, 0, 0.5);z-index: 9999;width: 100%;left: 0px;top: 0px;display: none;height: 100%;}
/*
.dim::after{content: ""; background-image: url("../img/profile_close.png");background-size: 5rem;display: inline-block;position: absolute;top: 0;left: 22rem;width: 5rem;height: 5rem;}
*/

/* search */
/*
.search_scroll{top: 8rem;overflow: scroll;height: 100%;width: 100%;position: relative;padding: 2rem;}
*/
.searchform{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #4D7FD3;position: relative;padding: 1rem;height: 8rem;line-height: 8rem;}
.searchform .input_wrap{width: 30rem;background-color: #fff;position: relative;overflow: hidden;padding: 0 75px 0 13px;border-radius: 4px;-webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%), 0 0 2px 0 rgb(0 0 0 / 7%);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%), 0 0 2px 0 rgb(0 0 0 / 7%);}
.searchform .input_wrap .searchinput {color: #1e1e23;width: 100%;height: 5rem;padding: 10px 0;border: 0;background: 0;font-size: 16px;line-height: 10rem;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;vertical-align: top;outline: 0;}
.search_contents h1{font-size: 1.5rem;font-weight: 700;}
.search_contents{background-color: #fff;clear: both;}
.search_contents .search_list{background-color: #fff;border-bottom: 1px solid;border-color: #efeff0;display: flex;flex-wrap: wrap;}
.search_contents .search_list .search_item:first-of-type {border-top: 0;}
.search_contents .search_list .search_item{position: relative;border-top: 1px solid;border-color: #efeff0;width: 100%;height: 4.5rem;}
.search_contents .search_list .search_item .search_link{color: #1e1e23;display: block;overflow: hidden;padding: 12px 14px 10px;font-size: 1.6rem;line-height: 1.32em;white-space: nowrap;text-overflow: ellipsis;}
.search_contents .search_list .search_item .search_link::after{content: '';display: block;width: 1.6rem;height: 1.6rem;background: url(../img/search_btn_bk.png);background-size: 1.6rem;float: left;margin-right: 1.2rem;margin-top: 0.25rem;}

/* issue */
.issie_detail_header{height: 4rem; display: block; margin: auto; padding-top: 2rem; cursor: pointer;}
.issue{font-size:.8rem;margin:.5rem;}
.wrap .issue_main{margin:0 auto; padding: 0;}
.wrap .issue_main header h1{font-size: 4rem;color: black;position: fixed;width: 100%;margin-left: auto;}
.modiBox{width: 100%; height: 5.8rem; position: relative;margin:6rem 0 .7rem 0; background-color: #F2F2F2;}
#zoom{position: absolute; right: 1rem; top: 1.5rem;}
#zoom button{text-align: center; margin-right: 1rem;}
#zoom button img{width: 3rem;height: 3rem;}
#switch{appearance: none; -webkit-appearance: none;visibility: hidden;}
.onf_btn{display:inline-block;width:12.7rem;margin: 1.5rem 2rem 1.5rem 2rem;content: url("../img/easy_mode_on.png");}
.onf_r_btn{display:inline-block;width:12.7rem;margin: 1.5rem 2rem 1.5rem 2rem;content: url("../img/easy_mode_off.png");}
#wrap{margin: 2rem;}
#wrap .date{margin: .7rem -2rem 1rem -2rem;border-bottom: .1rem solid #CFCFCF; padding: 0 0 1rem 2rem;}
.issue_date{font-weight: 600;}
section .text_wrap_img{width: 100%;height: 20rem; margin-top:.8rem;}
.summary{margin: 0rem 2rem 2rem 2rem; border: 1px solid #4D7FD3;height: auto;}
.summary h3{font-size: 1.5rem;font-weight: 700; padding: 1rem;background-color: #F4F4F4;color: #4D7FD3;line-height: 3rem;}
.summary h4{font-size: 1.5rem;font-weight: 500; padding: 1rem;}
#modal_open_btn{margin-right: 2rem;float: right;}
.share a{margin-left: 2rem; font-size: 1.5rem; color: #4D7FD3;}
.advertisement{position:relative; height: 13rem;margin-top: 2rem;overflow: hidden;background-image: linear-gradient(325deg, #4DD494 0 13.5rem, #00C495 13.5rem 100%);width: 100%;}
.ad_wrap{position: absolute;}
.ad_line{border-bottom: 1px solid white;content: "";width: 2rem;margin: 2rem 0rem 0rem 2rem;}
.ad_header{color:white;margin: 1rem 2rem 0rem 2rem;font-size: 1.8rem;font-weight: 600;}
.ad_content{color:white;margin: 0rem 0rem 0rem 2rem;font-size: 1.3rem;font-weight: 300;}
.ad_btn{color: white;border: .2rem solid white;padding: 0 2rem;margin: 1rem 0rem 0rem 2rem;}
.advertisement img{position:absolute;top:1.5rem;height: 15rem;float: right;right: -1rem;}
.icon{margin: 1.3rem auto; width: 28rem;}
.iconBtn{width: 100%;margin-bottom: 2rem;display: flex;flex-direction: row;}
.iconBtn li{margin: auto;text-align: center; border: 1px solid #9FA1A4; border-radius:0.5rem; width: 12rem;height:14rem;padding: 2rem;}
.iconBtn li .issue_isliketxt{text-align: center;margin-top: 1rem;color: #666666;font-size: 1.3rem;font-weight: 400;}
.iconBtn li .issue_disliketxt{text-align: center;margin-top: 1rem;color: #666666;font-size: 1.3rem;font-weight: 400;}
.iconBtn li .ck_issue_isliketxt{text-align: center;margin-top: 1rem;color: #666666;font-size: 1.3rem;font-weight: 400;}
.iconBtn li .ck_issue_disliketxt{text-align: center;margin-top: 1rem;color: #666666;font-size: 1.3rem;font-weight: 400;}
.iconBtn li img{width: 5rem;}
.iconBtn .issue_islikecnt{color: #333333;text-align: center;font-size:1.7rem; font-weight: 400;}
.iconBtn .issue_dislikecnt{color: #333333;text-align: center;font-size:1.7rem; font-weight: 400;}
.iconBtn .ck_issue_islikecnt{color: #333333;text-align: center;font-size:1.7rem; font-weight: 400;}
.iconBtn .ck_issue_dislikecnt{color: #333333;text-align: center;font-size:1.7rem; font-weight: 400;}
/*.modal{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}*/
.hidden{display: none;}
.wrap .container{background: #fff;margin:12rem auto;width:30rem;height:19rem;border-radius:1rem;padding: 2rem;border:1px solid gray;}
.wrap .content h2{font-size: 2.5rem; font-weight: 600;}
/*.wrap .container .shares{display: flex;margin-top: 2rem;}*/
.wrap .container .shares a{text-align: center;width: 25%;}
.wrap .container .shares img{width:80%;margin-bottom: 1rem;width: 6rem;height: 6rem;}
.wrap .container .shares span{font-size: 1.6rem;font-weight: 400;margin-top: 1rem;}
.container button{font-size: 2rem;font-weight: bold;float: right;width: 2rem;height: 2rem;}
.container button img{width: 2rem;height: 2rem;margin-bottom: 3rem;}
.wrap .issue_detailtit{font-size:2rem; font-weight: 700;}
.wrap .issue_detailtxt{margin-top: 1.5rem;color: #333333;overflow: hidden;}
.wrap .issue_detailtxt img{width: 100% !important; height: 100% !important;}
.icon .iconBtn li a{text-align: center;}
.more_edit_box{width: 10rem;height: 11rem;border: 1px solid;position: fixed;z-index: 10000;top: 4.3rem;right: 1rem;background-color: #fff;overflow-x: hidden;transition: 0.5s;border: 1px solid rgba(0,0,0,.12)!important;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0 0 3px 0;}
.more_edit_box ul li{position: relative;text-align: left;overflow: hidden;display: inline-block;width: 110px;height: 5rem;padding: 0 36px 0 16px;font-family: -apple-system,BlinkMacSystemFont,Roboto,Sans-Serif;font-size: 16px;font-weight: 500;letter-spacing: -.57px;color: #686868;line-height: 48px;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
.more_edit_box ul .modi{border-bottom: 1px solid #f1f1f1!important;}
figure img{width: 100%;}

/*ranking*/
.ranking.is-fixed{position: fixed; top: 5rem;z-index: 5;}
.ranking-inner{display: -webkit-flex;display: flex;overflow: auto;white-space: nowrap;overflow: overlay;}
.ranking{display: -webkit-flex;display: flex;-webkit-justify-content: left;justify-content: left;border-top: 1px solid #051619;background: #fff;box-sizing: border-box;overflow: hidden;position: absolute;left: 0;right: 0;}
.rankingchooseTab{display: flex;width: 100%;background-color: #FFF;}
.rankingchooseTab li{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin: 1rem 0 0 1.5rem;padding: 1.25rem 0;box-sizing: border-box;font-size: 1.125rem;cursor: pointer;-webkit-align-items: center;align-items: center;font-size: 1.4rem;width: 5rem;}
.rankingchooseTab .intrestranking span{color:#e73263;}
.rankingchooseTab .categoryTab li{width:100%;text-align:center;font-size:1.3rem;margin-left: -.9rem;background:cornsilk;}
.ranking_scroll {top: 16rem;overflow: scroll;height: auto;width: 100%;position: relative;}
.issueRankingList .newIssueDetail{margin-top: 1.4rem;margin-left: 0.2rem;padding-left: 3.5rem;background-position: 0;padding-top: 0.2rem;height: 3.5rem;background: url(../img/now_issues.png) no-repeat 0rem 0;background-size: 2.5rem;font-size: 1.5rem;}
.issueRankingList ul{width: 100%;}
.issueRankingList ul li:first-of-type{margin-top:0;}
.issueRankingList ul li{display: flex;flex-wrap: wrap;position: relative;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;}
.issueRankingList ul li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.issueRankingList ul li .issueTitle .title{overflow: hidden;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.7rem;font-weight: 700;padding:0.5rem 0.5rem 0 0;line-height: 1.9rem;margin-bottom: 0.5rem;}
.issueRankingList ul li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.issueRankingList ul li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
.issueRankingList ul li .issueImage{max-width: 50%;margin: 2rem 1rem 0rem 0rem;}
.issueRankingList ul li .issueImage img{width: 14rem;object-fit: cover;max-height: 8rem;}

/*newwsList*/
.newsList .newIssueDetail{margin-top: 1.4rem;margin-left: 0.2rem;padding-left: 3.5rem;background-position: 0;padding-top: 0.2rem;height: 3.5rem;background: url(../img/now_issues.png) no-repeat 0rem 0;background-size: 2.5rem;font-size: 1.5rem;}
.newsList ul{width: 100%;}
.newsList ul li:first-of-type{margin-top:0;}
.newsList ul li{display: flex;flex-wrap: wrap;position: relative;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;}
.newsList ul li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.newsList ul li .issueTitle .title{overflow: hidden;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.7rem;font-weight: 700;padding:0.5rem 0.5rem 0 0;line-height: 1.9rem;margin-bottom: 0.5rem;}
.newsList ul li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.newsList ul li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
.newsList ul li .issueImage{max-width: 50%;margin: 2rem 1rem 0rem 0rem;}
.newsList ul li .issueImage img{width: 14rem;object-fit: cover;max-height: 8rem;}

/*issueList*/
.issueList .newIssueDetail{margin-top: 1.4rem;margin-left: 0.2rem;padding-left: 3.5rem;background-position: 0;padding-top: 0.2rem;height: 3.5rem;background: url(../img/now_issues.png) no-repeat 0rem 0;background-size: 2.5rem;font-size: 1.5rem;}
.issueList ul{width: 100%;margin-left: -0.8rem;}
.issueList ul li:first-of-type{margin-top:0;}
.issueList ul li{display: flex;flex-wrap: wrap;position: relative;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;}
.issueList ul li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.issueList ul li .issueTitle .title{overflow: hidden;width: 100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.7rem;font-weight: 700;padding:0.5rem 0.5rem 0 0;line-height: 1.9rem;margin-bottom: 0.5rem;}
.issueList ul li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.issueList ul li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;font-size: 1.2rem;}
.issueList ul li .issueImage{max-width: 50%;margin: 2rem 1rem 0rem 0rem;}
.issueList ul li .issueImage img{width: 14rem;object-fit: cover;max-height: 8rem;}

/* comment */
.commentBox{width: calc(100%-4rem);height: auto;padding: 0;margin-left: 2rem;}
.commentinputbox{display: flex;width: 95%;height: 4rem;}
.commentinputbox .commentinput{padding: 5px;color: black;font-size: 1.6rem;width: 100%;border: 1px solid #666666;border-radius: .3rem;}
.commentinputbox .commentinput::placeholder{color:#888888;}
.commentinputbox .commentBtn{display: block;width: 10rem;background: #4D7FD3;border: none;border-radius:.3rem; font-size: 1.5rem;color: #FFFFFF;text-align: center;line-height: 3.7rem;margin-left: .3rem;}
.commentlistbox{top: 3rem;position: relative;}
.commenttop{display: flex;border-bottom: 1px solid #f0f0f0;margin-left:-2rem;padding-left:2rem;}
.commenttop .commenttit{font-size: 1.4rem;color: #666666;}
.commenttop em{font-size: 1.4rem;color: #4D7FD3;font-weight: 600;margin-left: .3rem;}
.arraybox{margin-left: auto;margin-right: 2rem;}
.arraybox span{font-size: 1.3rem;margin-right: 1rem;font-weight: 600;}
.orderClick{color: #4D7FD3;}
.commemt_list{display: flex;margin: 0 0 -0.5rem -2rem;list-style: none;flex-direction: column;}
.commemt_list .c_area{border-bottom: 1px solid #f0f0f0;}
.commemt_list .c_area .c_box{padding: 1rem 1rem 1rem 2rem;}
.commemt_list #c_reply{background-color: #f7f7f7;padding-bottom: 1rem;}
.commemt_list .c_reply_area{padding: 1rem 1rem 0 4rem;}
.commemt_list #re_comment{background: #f7f7f7;padding: 1rem 0;}
.commemt_list .c_reply_area li{border-bottom: 1px solid #f0f0f0;}
.commemt_list .re_commentinputbox{margin: 0.5rem 1rem 1rem 4rem;width: auto;display: flex;height: 4rem;border: 1px solid #d0d0d0;}
.re_commentinputbox .r_commentinput{padding: 5px;color: black;font-size: 1.6rem;width: 100%;border: none;background: #fff;}
.re_commentinputbox .r_commentBtn{display: block;width: 5rem;background: #b0b3be;border: none;font-size: 13px;color: #fff;text-align: center;line-height: 3.5rem;}
.commemt_list li:first-of-type{padding-top:0;}
.commemt_list li{opacity: 1;transform: translate3d(0px, 0px, 0px);transition: all 1s cubic-bezier(0, 0, 0.2, 1) 0s;overflow: hidden;width: 100%;height: 100%;}
.commemt_list li .c_top{width: 100%;height: 4rem;}
.commemt_list li .profileimg_cover{align-items: center;-webkit-box-flex: 0;display: block;flex: none;-webkit-box-pack: center;justify-content: center;width: 3.6rem;height: 3.5rem;border-radius: 70%;overflow: hidden;float: left;margin-right: 0.9rem;}
.commemt_list li .profileImg{width: 3.6rem;height: 3.5rem;display: block;}
.commemt_list li .profileImg .profileImg_img{height: 100%;-webkit-touch-callout: none;width: 100%;}
.commemt_list li .c_name{margin-left: 3.6rem;width: 85%;overflow: hidden;display: flex;}
.commemt_list li .c_name .name{font-size: 1.5rem;font-weight: 600;}
.commemt_list li .c_time{display: table;}
.commemt_list li .c_time .time{color: #666666;font-size: 1.2rem;display: table-cell;vertical-align: bottom;font-weight: 400;}
.commemt_list li .c_item{width: 100%;height: auto;}
.commemt_list li .c_item .c_item{width: 100%;height: auto;padding-top: .7rem;}
.commemt_list li .c_item .cmt{font-size: 1.65rem;color: #333333;font-weight: 500;}
.commemt_list li .c_bottom{display: flex;width: 100%;margin-top: 0.8rem;}
.commemt_list li .c_bottom .subcomment_btn{font-size: 1.5rem;width: 3rem;height: 4rem;font-weight: 600;}
.commemt_list li .c_bottom .re_commentcnt{font-size: 1.4rem;color: #4D7FD3;width: 2rem;height: 4rem;line-height: 3.8rem;font-weight: 600;}
.commemt_list li .commenticon{margin-left: auto;display: flex;margin-right: 1rem;}
.commemt_list li .commenticon .recomm{width: 4rem;height: 1.7rem;}
.commemt_list li .commenticon .unrecomm{width: 3.7rem;height: 1.7rem;}
.commemt_list li .commenticon .recomm_img,
.commemt_list li .commenticon .unrecomm_img{margin-right: 2rem;}
.commemt_list li .commenticon .recommcnt,
.commemt_list li .commenticon .unrecommcnt{font-style: normal;color: #777;text-align: center;font-weight: 600;}
.commemt_list li .commenticon .recomm_img::before{content: '';display: inline-block;position: absolute;background-image: url(/img/cmt_like.png);width: 1.7rem;height: 1.7rem;background-size: 1.7rem;}
.commemt_list li .commenticon .unrecomm_img::before{content: '';display: inline-block;position: absolute;background-image: url(/img/cmt_dislike.png);width: 1.7rem;height: 1.7rem;background-size: 1.7rem;}
.re_comment_close{display: inline-block;position: relative;width: 100%;text-align: center;background: #f7f7f7;}
.re_comment_close .re_close_txt{font-size: 1.25rem;font-weight: 500;color: #222;}
.re_comment_close .re_close_img{display: inline-block;position: relative;margin: 0.3rem 0.15rem;vertical-align: top;background-image: url(/img/up-arrow.png);background-size: 1.2rem;background-repeat: no-repeat;width: 1.2rem;height: 1.2rem;}
.commemt_list li .commenticon .ck_recomm_img{width: 4rem;height: 1.7rem;}
.commemt_list li .commenticon .ck_unrecomm_img{width: 3.7rem;height: 1.7rem;}
.commemt_list li .commenticon .ck_recomm_img,
.commemt_list li .commenticon .ck_unrecomm_img{margin-right: 2rem;}
.commemt_list li .commenticon .ck_recomm_img::before{content: '';display: inline-block;position: absolute;background-image: url(/img/ck_cmt_like.png);width: 1.7rem;height: 1.7rem;background-size: 1.7rem;}
.commemt_list li .commenticon .ck_unrecomm_img::before{content: '';display: inline-block;position: absolute;background-image: url(/img/ck_cmt_dislike.png);width: 1.7rem;height: 1.7rem;background-size: 1.7rem;}
.commemt_list li .c_name .re_more_edit{position: absolute;right: 2.5rem;top:2rem;}
.commemt_list li .c_name .re_more_edit::before{content:'';display:block;width:2rem;height:3rem;background: url(../img/re_delete.png);background-size: 2rem;background-repeat: no-repeat;}

/* 로그인 */
.loginPage .loginTop {width: 100%;height: 20rem;padding: 3rem;margin-top: 3rem;}
.loginPage .loginTop h2 {font-size: 2.5rem;font-weight: 600; text-align: left;}
.loginPage .loginBtnBox {width: 100%;height: 30rem;padding: 3rem;}
.loginTop, .loginBtnBox {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.loginPage .loginBtnBox .google-btn{width: 30rem;height: 45px;background-color: #fcfcfc; box-shadow: 0 3px 4px 0 rgb(0 0 0 / 26%);border-radius: 2px;margin-bottom: 1rem;}
.loginPage .loginBtnBox .facebook-btn{width: 30rem;height: 45px;background-color: #1877f2;box-shadow: 0 3px 4px 0 rgb(0 0 0 / 26%);border-radius: 2px;margin-bottom: 1rem;}
.loginPage .loginBtnBox .kakao-btn{background-color: #F7E600; width: 30rem;height: 45px;box-shadow: 0 3px 4px 0 rgb(0 0 0 / 26%);border-radius: 2px;margin-bottom: 1rem;}
.loginPage .loginBtnBox .naver-btn{width: 30rem;background-color: #03C75A;height: 45px;box-shadow: 0 3px 4px 0 rgb(0 0 0 / 26%);border-radius: 2px;margin-bottom: 1rem;}
.loginPage .loginBtnBox .apple-btn{width: 30rem;background-color: #000000;height: 45px;box-shadow: 0 3px 4px 0 rgb(0 0 0 / 26%);border-radius: 2px;}
.loginPage .loginBtnBox .icon-wrapper .img{position: absolute}
.loginPage .loginBtnBox .google-btn .img{width: 27px;height: 27px;margin-top: 0.8rem;margin-left: 1rem;}
.loginPage .loginBtnBox .facebook-btn .img{width: 32px;height: 32px;margin-top: 0.3rem;margin-left: 0.5rem;}
.loginPage .loginBtnBox .kakao-btn .img{width: 40px;height: 40px;margin-top: 0.3rem;margin-left: 0.5rem;}
.loginPage .loginBtnBox .naver-btn .img{width: 40px;height: 40px;margin-top: 0.3rem;margin-left: 0.5rem;}
.loginPage .loginBtnBox .apple-btn .img{width: 28px;  height: 25px; margin-top: 0.5rem;margin-left: 0.5rem;}
.loginPage .loginBtnBox .google-btn .btn-text {color: #757575;font-size: 14px;letter-spacing: .2px;font-family: Roboto;user-select: none;line-height: 3rem;font-weight: 700;padding-left: 12rem;}
.loginPage .loginBtnBox .facebook-btn .btn-text {color: #fff;font-size: 14px;letter-spacing: .2px;font-family: Roboto;user-select: none;line-height: 3rem;font-weight: 700;padding-left: 12rem;}
.loginPage .loginBtnBox .kakao-btn .btn-text {color: #3A1D1D;font-size: 14px;letter-spacing: .2px;font-family: Roboto;user-select: none;line-height: 3rem;font-weight: 700;padding-left: 12rem;}
.loginPage .loginBtnBox .naver-btn .btn-text {color: #fff;font-size: 14px;letter-spacing: .2px;font-family: Roboto;user-select: none;line-height: 3rem;font-weight: 700;padding-left: 12rem;}
.loginPage .loginBtnBox .apple-btn .btn-text {color: #fff;font-size: 14px;letter-spacing: .2px;font-family: Roboto;user-select: none;line-height: 3rem;font-weight: 700;padding-left: 12rem;}

/* 이슈 insert */
.issueHeader{width: 100%;height: 6rem;background: #4D7FD3;z-index: 3000;}
.issueHeader .btn-back{display:block;position:absolute; top:0;height: 6rem;font-size: 0; text-indent:-9999rem;width: 3rem;}
.issueHeader .btn-back::before{content:'';display:block;width:3rem;height:3rem;margin:auto;background:url(../img/back_btn.png);background-size: 3rem;}
.issueHeader h1{color:#FFF;text-align: center;font-size: 2rem;font-weight: 600;}
.issue_insert_scroll{overflow: scroll;height: 100%;width: 100%;position: relative;padding: 1rem;}
.issueSubmit{text-align: center;width: 100%;height: 5rem;padding: 1rem;line-height: 2.8rem;border-radius: 2rem;background: #4D7FD3;margin-top: 1rem;}
.issueSubmit .issueSubmitBtn{font-size: 2rem;font-weight: bold;color: white;letter-spacing: 2rem;padding-left: 2rem;}
.issue_insert_title{width: 100%;height: 5rem;font-size: 2.5rem;text-align: center;margin-bottom: 1rem;border: .1rem dotted;}
.issue_insert_title::placeholder{color: #C4C4C4;}
.selectBox2 * { box-sizing: border-box;}
.selectBox2 {position: relative;width: 70%;height: 4.3rem;border: 2px solid #EAEAEA;background: url(/img/down_arrow_btn.png) calc(100% - 7px) center no-repeat;background-size: 20px;cursor: pointer;margin-bottom: 1rem;}
.selectBox2 .label {display: flex;align-items: center;width: 100%;height: inherit;border: 0 none;outline: 0 none;padding-left: 15px;background: transparent;cursor: pointer;}
.selectBox2 .optionList {position: absolute;top: 4.2rem;left: 0;width: 100%;color: #fff;list-style-type: none;padding: 0;overflow: hidden;max-height: 0;transition: .3s ease-in;z-index: 1000;background: #F6F6F6;}
.selectBox2.active .optionList {max-height: 500px;}
.selectBox2 .optionItem {border-bottom: 1px solid #EAEAEA;padding: 5px 15px 5px;transition: .1s;}
.selectBox2 .optionItem:hover {background: #EAEAEA;}
.selectBox2 .optionList::-webkit-scrollbar {width: 6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.conent_sh{width: 100%;margin-top: 1rem;font-size: 14px;height: 100%;min-height: 9rem;padding: 1rem;}
.issue_insert_scroll .main_img{width: 100%;height: 16rem;display: flex;margin-top: 1.5rem;padding: 1rem;border: solid 1px #ccc;}
.issue_insert_scroll .main_img .txt_label{margin: auto;width: 30%;}
.issue_insert_scroll .main_img .txt_label p{line-height: 2.2rem;font-size: 1.5rem;}
.issue_insert_scroll .main_img img{height: 14rem;margin: auto;width:50%;}

.tempInfo * {
	box-sizing: border-box;
	font-size: 1.5rem;
}

.tempInfo {
	position: relative;
	width: 29%;
	height: 4.3rem;
	border: 2px solid #EAEAEA;
	cursor: pointer;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 4.3rem;
}

.tempInfo .addTemp {
	display: inline-block;
	align-items: center;
	width: 48%;
	height: inherit;
	border: 0 none;
	outline: 0 none;
	padding-left: 15px;
	background: transparent;
	cursor: pointer;
	font-weight:bold;
	line-height: inherit !important;
	color: #4D7fD3;
}

.tempInfo .tempCnt {
	display: inline-block;
	align-items: center;
	width: 48%;
	height: inherit;
	border: 0 none;
	outline: 0 none;
	padding-left: 25px;
	background: transparent;
	cursor: pointer;
	line-height: inherit !important;
}

.selectBox2,
.tempInfo {
  display: inline-block;
  vertical-align: top;
}

.temp_box {
	width: 30rem;
	min-height: 11rem;
	height: auto;
	border: 1px solid;
	position: fixed;
	z-index: 10000;
	top: 6rem;
	right: 1rem;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	border: 1px solid rgba(0,0,0,.12)!important;
	border-radius: 6px;
	box-shadow: rgb(0 0 0 / 10%) 0 0 3px 0;
	padding: 1rem;
}

.temp_box_text, .temp_box_close {
	display: inline-block;
	font-size: 1.8rem;
	text-align: center;
}

.temp_box_text {
	font-weight: bold;
	width: 80%;
	text-align: center;
}

.temp_box_close {
	width: 15%;
	cursor: pointer;
	color: gray;
}

.temp_content {
	margin-top: 1rem;
	cursor: pointer;
	color: gray;
}

.temp_del {
	display: inline-block;
	margin-top: 1rem;
	cursor: pointer;
	color: gray;
	width: 10%
}

.temp_content_text {
	display: inline-block;
	font-size: 1.6rem;
	cursor: pointer;
	margin-top: 1rem;
	width: 85%;
}

.sidenav {
  height: 100%;
  width: 22rem;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: -22rem;
  background-color: #fff;
  overflow-x: hidden;
  transition: left 0.25s;
}

.closeBtn {
	z-index: 10000;
	content: "";
	display: inline-block;
	position: fixed;
	top: 0;
	left: -22rem;
	width: 5rem;
	height: 5rem;
	opacity: 0.7;
	transition: left 0.25s;
}

.selectConditions {
    position: absolute;
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selectConditions #type, .selectConditions #category {
	width: 45%;
	height: 3rem;
	padding-left: 1rem;
	border: 1px solid #ccc;
	margin-left: 1rem;
	border-radius: 5px;
	-webkit-appearance: menulist;
    appearance: menulist; 
    outline: none;
}

.recent_scroll h2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin-top: 5rem;
}

.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.wrap .container .shares{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}

.search_scroll {
	top: 8rem;
	left: -100%;
	overflow: scroll;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 2rem;
	transition: left 0.25s
}

/* 단어 변환 */
.words_scroll {
	top: 20rem;
	overflow: scroll;
	height: auto;
	width: 100%;
	position: relative;
	padding-bottom: 7rem;
}

.input_class {
    top: 6rem;
    z-index: 9999;
    padding: 2rem;
    position: fixed;
    background-color: white;
    width: 100%;
    border-bottom: 1px solid gray;
}

.top_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; /* 상단과 하단 요소 사이의 간격을 조절합니다. */
}

.bottom_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input_class #orgSearch {
	width: 170px;
	outline: none;
}

.input_class input,
.input_class .search_word,
.input_class .page_reload
 {
    height: 35px;
    width: 130px;
    padding: 0.5rem;
    font-size: 1.7rem;
    border: 1px solid gray;
    margin-right: 5px;
    outline: none;
}

.input_class .search_word,
.input_class .page_reload {
	font-weight: 400;
	font-size: 1.5rem;
	background-color: #dcdcdc !important;
	width: 150px !important;
}

.input_class .input_word,
.input_class .search_word,
.input_class .page_reload {
    height: 35px;
    width: 70px;
    border: 1px solid gray;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    outline: none;
    font-weight: bold;
    background-color: lightblue;
}


.words_scroll .words_list .words_item {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 1rem;
	margin-bottom: 1rem;
	display: flex;
}

.words_scroll .words_list .words_item .words_table {
	display: flex;
    align-items: center;
    justify-content: space-between;
	width: 40%;
	position: relative; 
}

.words_scroll .words_list .words_item .words_table.middle{
	width: 5%;
}

.words_scroll .words_list .words_item .words_table h1 {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.words_scroll .words_list .words_item .modify_word {
    height: 35px;
    width: 70px;
    border: 1px solid gray;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    outline: none;
    font-weight: bold;
    background-color: lightgray;
}

.wrap .container.replace {
	height: 22rem !important;
}

.wrap .container .rpControl {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.wrap .container .rpControl div{
	margin-bottom: 13px;
}

.wrap .container .rpControl .rpInput {
	flex: 1;
	display: flex;
	align-items: center;
	border: 1px solid gray;
}

.wrap .container .rpControl .orgInput #orgText {
	font-size: 2rem;
}

.wrap .container .rpControl .rpInput #updateRpWord {
	padding: 5px;
	height: 3rem;
	text-align: center;
	outline: none;
	font-size: 2rem;
	width: 200px;
}

.wrap .container .rpControl .rpInput #updateRpWord::placeholder {
	color: lightgray;
}

.wrap .container .rpControl .btn_area {
	display: flex;
	gap: 10px; /* 버튼 사이의 간격을 조절할 수 있습니다. */
}

.wrap .container .rpControl .btn_area button {
    height: 35px;
    width: 70px;
    font-size: 1.7rem;
    font-weight: 500;
    border: 1px solid gray;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    outline: none;
    background-color: lightgray;
    margin-left: 10px;
}


/* 공지시항 */
.notice_scroll{top: 5.1rem;overflow: scroll;height: 100%;width: 100%;position: relative;}
.notice_scroll .notice_list{width: 100%;height: auto;padding-top: 2rem;}
.notice_scroll .notice_list .notice_item{width: 100%;border-bottom: 1px solid #ccc;padding: 1rem;margin-bottom: 1rem;}
.notice_scroll .notice_list .notice_item h1{font-size: 1.5rem;font-weight: 600;}
.notice_scroll .notice_list .notice_item p{font-size: 1.3rem;color: #d0d0d0;font-weight: 600;}
.notice_detail_scroll{top: 4rem;overflow: scroll;height: auto;width: 100%;position: relative;}
.notice_detail_scroll .notice_detail{padding: 3rem 1rem 1rem 1rem;}
.notice_detail_scroll .notice_detail h1{font-size: 1.7rem;font-weight: 600;}
.notice_detail_scroll .notice_detail span{font-size: 1.2rem;color: #ccc;font-weight: 500;}
.notice_detail_scroll .notice_detail .n_content{margin-top: 1rem;font-size: 1.5rem;}

/*최근본 이슈/뉴스*/
.recent_scroll{top: 6rem;overflow: scroll;height: auto;width: 100%;position: relative;}
.recent_list{display: flex;flex-wrap: wrap;margin-top: 4.5rem;}
.recent_list li:first-of-type {margin-top: 0;}
.recent_list li{display: flex;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;width: 100%;}
.recent_list li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.recent_list li .issueTitle .title{overflow: hidden;width: 100%;max-height: 8rem;text-overflow: ellipsis;font-size: 1.7rem;font-weight: 700;padding: 0.5rem 0.5rem 0.5rem 0;line-height: 1.9rem;white-space: nowrap;}
.recent_list li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.recent_list li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;}
.recent_list li .issueImage{max-width: 50%;max-height: 8rem;margin-right: 1rem;}
.recent_list li .issueImage img{width: 14rem;object-fit: cover;max-height: 8rem;margin-top: 1.5rem;}


/*검색페이지*/
.search_page_scroll{top: 6rem;overflow: scroll;height: auto;width: 100%;position: relative;}
.search_page_list{display: flex;flex-wrap: wrap;margin-top: 4.5rem;}
.search_page_list li:first-of-type {margin-top: 0;}
.search_page_scroll .search_title, .search_page_scroll .no_result {font-size: 2rem;font-weight: 400;background: #F4F4F4;padding: 1rem 2rem;width:100%}
.search_page_scroll .search_title em{font-size: 2rem;font-weight: 600;color: #4D7FD3;}
.search_page_list li{display: flex;padding-bottom: 1.3rem;border-bottom: solid 1px #ccc;margin-top: 1.5rem;width: 100%;min-height: 13.9rem;}
.search_page_list li .issueTitle{flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-order: -1;order: -1;max-width: 100%;min-width: 0;margin: 1rem 1rem 1rem 2rem;}
.search_page_list li .issueTitle .title{overflow: hidden;width: 100%;max-height: 8rem;text-overflow: ellipsis;font-size: 1.7rem;font-weight: 700;padding: 0.5rem 0.5rem 0.5rem 0;line-height: 1.9rem;}
.search_page_list li .issueTitle .content{overflow: hidden;font-size: 1.4rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.7rem;font-weight: 400;}
.search_page_list li .issueTitle .date{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-align-items: center;align-items: center;overflow: hidden;height: 2rem;margin-top: 0.5rem;}
.search_page_list li .issueImage{max-width: 50%;max-height: 8rem;margin-right: 1rem;}
.search_page_list li .issueImage img{width: 14rem;object-fit: cover;max-height: 10rem;margin-top: 1.5rem;}

.audioControl .main-controls { padding: 0.5rem 0;}
.audioControl canvas {display: block;margin-bottom: 0.5rem;}
.audioControl #buttons {  display: flex; flex-direction: row;justify-content: space-between;}
.audioControl #buttons button { font-size: 1rem;padding: 1rem; width: 100%;}
.audioControl button { font-size: 1rem; background: #0088cc; text-align: center;color: white; border: none;transition: all 0.2s; padding: 0.5rem;}
.audioControl button:hover, button:focus { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 1); background: #0ae;}
.audioControl button:active { box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);transform: translateY(2px);}

/* Make the clips use as much space as possible, and
 * also show a scrollbar when there are too many clips to show
 * in the available space */
.audioControl .sound-clips {flex: 1; overflow: auto;}
.audioControl section, article { display: block;}
.audioControl .clip { padding-bottom: 1rem;}
.audioControl audio { width: 100%; display: block; margin: 1rem auto 0.5rem;}
.audioControl .clip p {display: inline-block; font-size: 1rem;}
.audioControl .clip button { font-size: 1rem; float: right;}
.audioControl button.delete {background: #f00;padding: 0.5rem 0.75rem; font-size: 0.8rem;}
/* Checkbox hack to control information box display */
.audioControl label {font-size: 3rem;position: absolute; top: 2px; right: 3px;z-index: 5; cursor: pointer; background-color: black; border-radius: 10px;}
.audioControl input[type=checkbox] { position: absolute; top: -100px;}
.audioControl aside { position: fixed;top: 0;left: 0; width: 100%; height: 100%;transform: translateX(100%);transition: 0.3s all ease-out;background-color: #efefef; padding: 1rem;}
.audioControl aside p { font-size: 1.2rem;margin: 0.5rem 0;}
.audioControl aside a { color: #666;}
/* Toggled State of information box */
.audioControl input[type=checkbox]:checked ~ aside {transform: translateX(0);}
/* Cursor when clip name is clicked over */
.audioControl .clip p { cursor: pointer;}