@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css');
@font-face {
    font-family: 'TTTogether';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/TTTogetherA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/Pretendard-Thin.woff2) format('woff2'),
        url(/fonts/Pretendard-Thin.woff) format('woff'),
        url(/fonts/Pretendard-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/Pretendard-ExtraLight.woff2) format('woff2'),
        url(/fonts/Pretendard-ExtraLight.woff) format('woff'),
        url(/fonts/Pretendard-ExtraLight.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/Pretendard-Light.woff2) format('woff2'),
        url(/fonts/Pretendard-Light.woff) format('woff'),
        url(/fonts/Pretendard-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Pretendard-Regular.woff2) format('woff2'),
        url(/fonts/Pretendard-Regular.woff) format('woff'),
        url(/fonts/Pretendard-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/Pretendard-Medium.woff2) format('woff2'),
        url(/fonts/Pretendard-Medium.woff) format('woff'),
        url(/fonts/Pretendard-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Pretendard-SemiBold.woff2) format('woff2'),
        url(/fonts/Pretendard-SemiBold.woff) format('woff'),
        url(/fonts/Pretendard-SemiBold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/Pretendard-Bold.woff2) format('woff2'),
        url(/fonts/Pretendard-Bold.woff) format('woff'),
        url(/fonts/Pretendard-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/Pretendard-ExtraBold.woff2) format('woff2'),
        url(/fonts/Pretendard-ExtraBold.woff) format('woff'),
        url(/fonts/Pretendard-ExtraBold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/Pretendard-Black.woff2) format('woff2'),
        url(/fonts/Pretendard-Black.woff) format('woff'),
        url(/fonts/Pretendard-Black.otf) format('opentype');
}
/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#1b1a1c; color:#FFF;font-family: 'Pretendard', sans-serif; }
h1, h2, h3, h4, h5, h6, .en { font-family: 'Pretendard', sans-serif; }


.board_pimg { margin-right:20px; }
.writer_info .profile_img { display:none; }

.cobg { background:#3E3F3F;border-radius: 3px }
.nco_box { padding:0px 20px 10px 20px; }
.nco_box .border-top { border-top:1px solid #595959 !important; }
.mo_nco_box {  }
.mo_nco_box .border-top { border-top:1px solid #595959 !important; }
.mborder-top { border-top:1px solid #595959 !important; }
.nco_box .profile_img { display:none; }
.ncobox { display:flex;flex-direction: column;justify-content: center; }
.ncomment_box { background:#272727 !important;border: none;color:#fff !important; }

.pagination { gap: 10px; }
.page-link { line-height:18px;padding:6px;width:32px;text-align:center;border-radius:4px;border:1px solid #787878 !important;background-color: #2e2f30 !important;font-weight:bold;color:#fff !important; }
.page-item.active .page-link {border: 1px solid #1cb14d !important;background-color: #1cb14d !important;}

.sch_input > input { outline: 0; }
.sch_select > select { outline: 0; }

.pc_view {
    width: 100%;
    height: 30px;
    position: relative;
    margin-bottom: 45px;
    padding: 0 15px;
}

.pc_view > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #1cb14d;
    text-align: center;
    line-height: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    border-radius: 5px;
}



/* FOOTER SETTING */
.ft_area {
    width: 100%;
    height: auto;
	position: fixed;
    bottom: 0;
    left: 0;z-index:100;
}

.ft_nav {border-top: 1px solid #8ce205;background-color: #000000;}
.ft_area .ft_con {
    width: 100%;
    height: auto;
    position: relative;
}

.ft_navbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ft_navbox > li {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.ft_navbox > li::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.ft_navbox > li.live_a::before,
.ft_navbox > li.live_b::before {
    background-image: url(/img/footer_icon_cam.png);
}

.ft_navbox > li.chat::before {
    background-image: url(/img/footer_icon_chat.png);
}

.ft_navbox > li.money::before {
    background-image: url(/img/footer_icon_money.png);
}

.ft_navbox > li > a {
    position: relative;
    padding: 10px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
}

.ft_navbox > li > a > span {
    font-size: 1.25rem;
}

.chat_cont {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    background-color: #2e2e2e;
    z-index: 98;
}

.chat_cont.active {
    height: 40vh;
}

@media all and (max-width: 321px) {
    #new_ft .ft_navbox > li > a {
        font-size: 0.625rem;
    }
}


/* HEADER SETTING */
#new_hd {
	width: 100%;
	height: auto;
	position: relative;
}

#new_hd .hd_area {
	width: 100%;
	height: auto;
	position: relative;
}

#new_hd .hd_con {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #1b1a1c;
}
#new_hd .hd_con::after {
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #1cb14d, #8ce205);
	position: absolute;
	bottom: 0;
}

/* HEADER SETTING END */
/* HEADER NAV */
.hd_nav_con {
	width: 100%;
	max-width: 1400px;
	height: 86px;
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.hd_nav_con .hd_logo_wrap {
	position: relative;
	z-index: 20;
	width: 340px;
	height: 100%;
	background-color: #2D2F31;
	box-shadow: 4px 0 4px -4px #000, -4px 0 4px -4px #000;
}

.hd_nav_con .hd_logo {
	margin: 0 auto;
	padding: 22px 0;
	width: 300px;
	border-bottom: 1px solid #56595D;
}

.hd_nav_con .hd_logo > a {
	display: block;
	margin: 0 auto;
	width: 209px;
	height: 41px;
	background-image: url(/img/hd_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.hd_nav_con .hd_nav {
	width: auto;
	height: auto;
	position: relative;
}

.hd_nav_con .hd_nav .nav_box {
	width: auto;
	height: auto;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 40px;
}

.hd_nav_con .hd_nav .nav_box > li {
	width: auto;
	height: auto;
	position: relative;
}

.hd_nav_con .hd_nav .nav_box > li:last-of-type::after {
	content: none;
}

.hd_nav_con .hd_nav .nav_box > li > a {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	padding: 33.5px 0;
}

.hd_nav_con .hd_nav .nav_box > li > a:hover {
	color: #61A8FF;
}

/* HEADER NAV END */


#new_sc {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 50px;
}
#new_sc .sc_area {
    width: 100%;
    height: auto;
    position: relative;
}
#new_sc .sc_con {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .lt_contents {
    width: 340px;
    height: 100%;
    padding: 0 20px;
    background-color: #2D2F31;
}
#new_sc .lt_contents::after {
    content: '';
    width: 340px;
    height: calc(100% + 80px);
    position: absolute;
    top: -30px;
    left: 0;
    z-index: -1;
    background-color: #2D2F31;
    box-shadow: 4px 0 4px -4px #000, -4px 0 4px -4px #000;
}
#new_sc .gt_contents {
	width: -webkit-calc((100% - 20px) - 340px);
	width: -moz-calc((100% - 20px) - 340px);
	width: calc((100% - 20px) - 340px);
	height: auto;
	position: relative;
}
#new_sc .sc_size {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}
@media all and (max-width: 990px) {
#new_sc { padding-top: 0px; }
}

.outlogin_wrap {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 25px;
}
.outlogin_con {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #4C4F53;
    padding: 0 0 18px;
}
.outlogin_box {
    width: 100%;
    height: auto;
    position: relative;
}
.login_box {
    width: 100%;
    height: auto;
    position: relative;display:flex;justify-content: space-between;
}
.login_form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    position: relative;
}
.login_box .login_inputbox {
    width: 213px;
    height: auto;
    position: relative;
    margin-bottom: 18px;
}
.outlogin_input {
    width: 100%;
    height: 35px;
    position: relative;
    margin-bottom: 9px;
}
.outlogin_input > input {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #3F4346;
    border: none;
    padding: 0 15px;
    font-size: 0.875rem;
    border-radius: 3px;
    color: #fff;
}
.login_submit {
    width: 70px;
    height: 78px;
    position: relative;
}
.login_submit > button {
    width: 100%;
    height: 100%;
    border: none;
    background: linear-gradient(to right, #1cb14d, #8ce205);
    font-size: 0.9375rem;
    font-weight: 900;
    color: #fff;
    position: relative;
    border-radius: 3px;
}
.login_option {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.login_option .option_box {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.login_option .option_box > li {
    width: auto;
    height: auto;
    position: relative;
}
.login_option .option_box > li > a.signup_btn {
    color: #1cb14d;
}

.login_option .option_box > li > a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #ADADAD;
}
.login_option .option_box > li::after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #65696f;
    position: absolute;
    right: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.login_option .option_box > li:last-of-type::after {
    content: none;
}
.edit_check.mar_0 {
    margin-bottom: 0;
}

.edit_check input[type='checkbox'] + label {
    font-size: 0.75rem;
    color: #ADADAD;
}
.edit_check input[type='checkbox'] + label::before {
    width: 13px;
    height: 13px;
}

#outlogin_remember_me {
    line-height: 18px;
    border: 1px solid #516c80;
    margin: -6px 3px 0 0;
    text-align: center;
    vertical-align: middle;
    background-color: #272727;
}


.mainbanner_wrap.mar_b {
    padding-bottom: 25px;
}
.mainbanner_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.mainbanner_wrap .mainbanner_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    position: relative;
}
.mainbanner_wrap .mainbanner_box > li {
    width: 145px;
    height: auto;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 12px;
}
.mainbanner_wrap .mainbanner_box > li > a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}
.mainbanner_wrap .mainbanner_box > li > a > img {
    width: 100%;
    max-width: 100%;
}
.mainbanner_wrap .mainbanner_box > li.wide {
    width: 100%;
}

.mainbanner_wrap .mainbanner_box > li:last-child {
    margin-bottom: 0;
}
.chat_frame {
    width: 100%;
    height: 550px;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 5px;
}
/* RANK CONTENTS */
.exprank_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 25px;
}

.exprank_wrap .exprank_con {
    width: 100%;
    height: auto;
    position: relative;
}

.exprank_wrap .exprank_con .rank_tit {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 11px;
    border-bottom: 1px solid #8ce205;
}
.exprank_wrap.money-rank .exprank_con .rank_tit {
    border-bottom: 1px solid #275D5A;
}

.exprank_wrap .exprank_con .rank_tit.rank_tit_line {
    border-bottom: 0;
    padding-bottom: 0;
}

.exprank_wrap .exprank_con .rank_tit > h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.exprank_wrap .exprank_con .rank_tit .rank_more {
    position: relative;
}

.exprank_wrap .exprank_con .rank_tit .rank_more > a {
    display: block;
    background-image: url(/img/rank_more.png?1);
    background-position: right 4px top 1px;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #fff;
}



.exprank_wrap .exprank_con .rank_tab {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 2px solid #275D5A;
}

.exprank_wrap .exprank_con .rank_tab > li {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.exprank_wrap .exprank_con .rank_tab > li > a {
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #B6B6BA;
    background-color: transparent;
}

.exprank_wrap .exprank_con .rank_tab > li.active > a,
.exprank_wrap .exprank_con .rank_tab > li > a:hover {
    background-color: #275D5A;
    color: #ffffff;
}

.exprank_wrap .exprank_con .rank_list {
    width: 100%;
    height: auto;
    position: relative;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox {
    width: 100%;
    height: auto;
    position: relative;
}
.exprank_wrap.money-rank .exprank_con .rank_list .rank_listbox {
    display: none;
}
.exprank_wrap.money-rank .exprank_con .rank_list .rank_listbox.active {
    display: block;
}


.exprank_wrap .exprank_con .rank_list .rank_listbox > li {
    width: 100%;
    height: 32px;
    padding: 0 16px 0 5px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
}
.exprank_wrap.money-rank .exprank_con .rank_list .rank_listbox > li:nth-child(even) {
    background-color: #404043;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .rank_num {
    font-variant-numeric: tabular-nums;
    width: 22px;
    height: 22px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: linear-gradient(to right, #1cb14d, #8ce205);
}
.exprank_wrap.money-rank .exprank_con .rank_list .rank_listbox > li .rank_name .rank_num {
    background: linear-gradient(to right, #197577, #57A176);
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box {
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > span {
    width: 20px;
    height: 20px;
    position: relative;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > span > img {
    width: 100%;
    height: 100%;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > p {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .point_num {
    font-variant-numeric: tabular-nums;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .point_num .p {
    color: #1cb14d;
}
.exprank_wrap .exprank_con .profile_img { display:none; }
/* RANK CONTENTS END */


/* LATEST BOARD */
.latest_board {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.latest_board .latest_item {
    background-color: #2E2F30;
    height: auto;
    position: relative;
    padding: 14px 20px;
    border-radius: 5px;
}

.latest_board .new_latest {
    width: 450px;
}

.latest_board .tab_latest {
    width: 570px;
}

.latest_board .latest_box {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_tit {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #5B5A64;
    padding-bottom: 10px;
}

.latest_board .latest_tit > h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.latest_board .latest_tit .latest_more {
    width: auto;
    height: auto;
    position: relative;
}

.latest_board .latest_tit .latest_more > a {
    display: block;
    background-image: url(/img/rank_more.png);
    background-position: right 4px top 1px;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-size: 11px;line-height:13px;
    font-weight: 500;
    color: #fff;
}

.latest_board .latest_tit .latest_more > a:hover {
    background-color: #61A8FF;
}

.latest_board .latest_tab {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_tab .tab_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.latest_board .latest_tab .tab_box > li {
    width: calc(100% / 4);
    height: auto;
    position: relative;
}

.latest_board .latest_tab .tab_box > li > a {
    position: relative;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #5B5A64;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    color: #fff;
}
.latest_board .latest_tab .tab_box > li > a::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all 0.3s ease;
    transform: translateX(-50%);
    background: linear-gradient(to right, #8ce205, #1cb14d);
}

.latest_board .latest_tab .tab_box > li > a:hover::after,
.latest_board .latest_tab .tab_box > li.active > a::after {
    width: 100%;
}

.latest_board .latest_cont {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    margin-top: 13px;
}

.latest_board .latest_cont.tab_latest_cont {
    display: none;
    overflow: hidden;
}

.latest_board .latest_cont .latest_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_cont .latest_listbox_50 {
    width: calc((100% - 15px) / 2);
    height: auto;
    position: relative;
}

.latest_board .latest_cont .latest_listbox .txt_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
}
.latest_board .new_latest .latest_cont .latest_listbox .txt_item:nth-of-type(n+6) {
    display: none;
}

.latest_board .latest_cont .latest_listbox .txt_item:last-of-type {
    margin-bottom: 0;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt {
    width: calc(100% - 70px);
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    /* padding-left: 10px; */
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt::before {
    content: '';
    display: block;
    margin: 0 3px;
    width: 4px;
    height: 4px;
    background-color: #1cb14d;
    border-radius: 50%;
}

.latest_board .latest_cont .latest_listbox_full .txt_item .subject_txt {
    width: 100%;
}

.latest_board .latest_cont .latest_listbox_50 .txt_item .subject_txt {
    width: 100%;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > a {
    line-height: 15px;
    width: auto;
    max-width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: #fff;line-height:15px;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > a:hover {
    color: #1cb14d;
    text-decoration: underline;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > span {
    font-size: 13px;
    line-height:15px;
    font-weight: 400;
    color: #1cb14d;
}

.latest_board .latest_cont .latest_listbox .txt_item > p {
    width: 65px;
    height: auto;
    font-size: 13px;
    text-align: right;
    color: #9D9D9D;line-height:15px;
}

.latest_board .latest_cont.tab_latest_cont.active {
    display: flex;
    justify-content: space-between;
}

/* LATEST BOARD END */
/* SUB TIT */
.sub_titbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgb(140 255 5 / 61%) 0%, rgb(28 177 77 / 61%) 100%);
    padding: 11px 16px;
}

.sub_titbox.widget {
    margin-top: 60px;
}
.sub_titbox .sub_tit {
    width: auto;
    height: auto;
}


/* .sub_titbox .sub_tit::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e49c12;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;
} */

.sub_titbox .sub_tit > h2 {
    display: block;
    font-weight: 600;
    font-size: 1.25rem;
    display: block;
    color: #ffffff;
    position: relative;
    padding: 0 10px 0 0px;
    display: inline-block;
    z-index: 9;
}

/* SUB TIT END */
/* PASSWORD MODAL */
.password_modal_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 99;
}

.password_modal_wrap .password_modalcon {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.password_modal_wrap .password_modalbox {
    width: 600px;
    height: auto;
    position: relative;
    background-color: #212121;
    padding: 30px;
}

.password_modal_wrap .password_modalbox > h2 {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}

.password_modal_wrap .password_modalbox .password_stat {
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px;
    background-color: #000;
    border: 1px solid #4b505a;
}

.password_modal_wrap .password_modalbox .password_stat > p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.password_modal_wrap .password_modalbox .password_stat .stat_telme {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.password_modal_wrap .password_modalbox .password_stat .stat_telme > a {
    display: block;
    width: auto;
    height: auto;
    color: #fff;
    background-color: #2253a2;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 5px;
}

.password_modal_wrap .password_modalbox .modal_close {
    width: 100px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}

.password_modal_wrap .password_modalbox .modal_close > a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #61A8FF;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 30px;
}

/* PASSWORD MODAL END */


/***로그인전**/
/* JOIN */
.join_con {
    
    width: 100%;
    height: auto;
    position: relative;
}

.join_con .join_logo {
    width: 220px;
    height: 93px;
    background-image: url(/img/hd_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 30px;
}

.join_con .join_form {
    max-width: 500px;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    background-color: #2E2F30;
    padding: 50px 50px 60px;
    border-radius: 5px;
}

.join_con .join_form h1 {
    font-size: 1.875rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
}

.join_con .join_form .join_box {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 5px;
}

.join_con .join_form .join_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 10px;
}

.join_con .join_form .join_item:last-of-type {
    border-bottom: 0;
}

.join_con .join_form .join_item .join_input_box {
    max-width: 400px;
    width: 100%;
    height: auto;
    position: relative;
}

.join_con .join_form .join_item .join_input_box .join_input input.check_icon_02 {
    border: 1px solid #D43B15;
}
.join_con .join_form .join_item .join_input_box .join_input input.check_icon_03 {
    border: 1px solid #61A8FF;
}

.join_con .join_form .join_item .join_input_box > p {
    font-size: 0.75rem;
    font-weight: 300;
    margin-top: 10px;
    color: #D43B15;
}

.join_con .join_form .join_item .join_check {
    width: -webkit-calc(100% - 395px);
    width: -moz-calc(100% - 395px);
    width: calc(100% - 395px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.join_con .join_form .join_item .join_check > span {
    width: 40px;
    height: 40px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.join_con .join_form .join_item .join_check > span.check_icon_01 {
    background-image: url(/img/join_icon_01.png);
}

.join_con .join_form .join_item .join_check > span.check_icon_02 {
    background-image: url(/img/join_icon_02.png);
}

.join_con .join_form .join_item .join_check > span.check_icon_03 {
    background-image: url(/img/join_icon_03.png);
}

/* JOIN END */
.join_input {
    width: 100%;
    height: 50px;
    position: relative;
}

.join_input > input {
    width: 100%;
    height: 100%;
    background-color: #404243;
    border: 1px solid #706D74;
    padding: 0 15px;
    color: #fff;
    border-radius: 5px;
}
.join_button {
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 20px;
}
.join_button > button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #5146C6;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}

.join_button > button:hover {
    background-color: #5146C6;
}

.register { max-width:500px;width:100%; }
#captcha {  width:100%;display: flex;flex-wrap: wrap;justify-content: center; } 
#captcha.m_captcha audio { width:100%; }
#captcha.m_captcha #captcha_img { width:80px;margin-bottom: 0px;margin-top: 0px;height:40px; }
#captcha.m_captcha #captcha_key { height:40px; }
@media (max-width: 481px) {
.join_con .join_form {
    padding: 20px 20px 30px;
}
}
/* 로그인후 */
.mypage-content {
	width:100%;
    padding: 25px 25px 30px;
    background-color: #2E2F30;
    border-radius: 3px;
}
.mypage-content .mypage-tab {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    border: 2px solid #1cb14d;
    margin-bottom: 6px;
}
.mypage-content .mypage-tab li {
    width: calc(100% / 3);
    height: 46px;
    text-align: center;
}
.mypage-content .mypage-tab li > a {
    display: block;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.mypage-content .mypage-tab li.active > a {
    background-color: #1cb14d;
}

.mypage-content .myinfo-wrap {
    background-image: url(/img/mypage-title-myinfo.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    padding-top: 65px;
}
.mypage-content .myinfo-wrap .myinfo-box {
    display: flex;
    align-items: center;
    gap: 40px;
    border-radius: 5px;
    background-color: #212121;
    padding: 20px 30px;
}
.mypage-content .myinfo-wrap .myinfo-box .profile-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.mypage-content .myinfo-wrap .myinfo-box .profile-img img {
    width: 100%;
    border-radius: 50%;
}
.mypage-content .myinfo-wrap .myinfo-box .nickname-wrap {
    display: flex;
    align-items: center;
}
.mypage-content .myinfo-wrap .myinfo-box .nickname-wrap .nickname {
    display: inline-block;
    margin-left: 13px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.mypage-content .myinfo-wrap .myinfo-box .nickname-wrap .level {
    display: inline-block;
    margin-left: 6px;
    color: #1cb14d;
    font-size: 13px;
    font-weight: 600;
    line-height: 150%;
}
.mypage-content .myinfo-wrap .myinfo-box .join-date {
    margin-top: 12px;
    color: #B3B3B3;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}

.mypage-content .edit-info-wrap .input-box input[type="text"],
.mypage-content .edit-info-wrap .input-box input[type="password"],
.mypage-content .edit-info-wrap .input-box input[type="file"] {
    background-color: #3F4346;
    width: 365px;
    height: 36px;
    border: 0;
    border-radius: 3px;
    padding: 9px 17px 7px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.mypage-content .edit-info-wrap {
    margin-top: 40px;
}
.mypage-content .edit-info-wrap .user-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #414045;
}
.mypage-content .edit-info-wrap .user-info-item:first-of-type {
    border-top: 1px solid #414045;
}
.mypage-content .edit-info-wrap .user-info-item .item-label {
    padding: 17px 0 0 50px;
    width: 200px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .edit-info-wrap .user-info-item .item-value {
    padding: 17px 0;
}
.mypage-content .edit-info-wrap .user-info-item.user-id .item-value .user-id {
    color: #1cb14d;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value {
    display: flex;
    align-items: center;
    gap: 36px;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .current-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .current-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .new-img .input-box {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .new-img .input-box label {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #B3B3B3;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .new-img .input-box input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/img/mypage-checkbox.png);
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value .new-img .input-box input[type="checkbox"]:checked + label::before {
    background-image: url(/img/mypage-checkbox-checked.png);
}
.mypage-content .edit-info-wrap .user-info-item .item-value .notice-list {
    margin-top: 12px;
}
.mypage-content .edit-info-wrap .user-info-item .item-value .notice-list li {
    color: #B3B3B3;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}
.mypage-content .edit-info-wrap .user-info-item .item-value .input-box textarea {
    width: 750px;
    height: 160px;
    background-color: #3F4346;
    border-radius: 3px;
    padding: 12px 17px;
}
.mypage-content .edit-info-wrap .button-box {
    margin-top: 40px;
}
.mypage-content .edit-info-wrap .button-box button {
    display: block;
    margin: 0 auto;
    padding: 10.5px 43.5px 9.5px 43.5px;
    border: 0;
    border-radius: 5px;
    background: #1cb14d;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}


.mypage-content .exp-wrap {
    background-image: url(/img/mypage-title-exp.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    padding-top: 65px;
}
.mypage-content .exp-wrap .exp-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.mypage-content .exp-wrap .exp-stats .exp-stats-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 19px;
    border-radius: 5px;
    background-color: #212121;
    
}
.mypage-content .exp-wrap .exp-stats .exp-stats-item.my-exp {
    grid-column: span 3;
}
.mypage-content .exp-wrap .exp-stats .exp-stats-item .exp-stats-item-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .exp-wrap .exp-stats .exp-stats-item .exp-stats-item-value {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
}
.mypage-content .exp-wrap .exp-stats .exp-stats-item .exp-stats-item-value span {
    color: #8ce205;
}
.mypage-content .my-level {
    margin-top: 30px;
}
.mypage-content .my-level .my-level-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.mypage-content .my-level .my-level-content {
    margin-top: 13px;
    border-radius: 5px;
    background-color: #25292B;
}
.mypage-content .my-level .my-level-content .level-gauge-box {
    position: relative;
    padding: 30px 0 28px;
    border-radius: 5px;
    background-color: #235532;
}
.mypage-content .my-level .my-level-content .level-gauge-box .remain-text {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .my-level .my-level-content .level-gauge-box .remain-text span {
    color: #8ce205;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 14px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .level-item {
    border-radius: 30px;
    border: 1px solid #8ce205;
    background-color: #25292B;
    width: 60px;
    height: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .level-item img {
    width: 23px;
    height: 23px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .level-item span {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box {
    position: relative;
    width: 644px;
    height: 11px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line {
    position: absolute;
    top: -6px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #87BAD0;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-01 {
    left: 0;
    transform: translateX(0);
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-01::before {
    align-self: flex-start;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-02 {
    left: 33.3%;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-03 {
    left: 66.6%;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-04 {
    left: 100%;
    transform: translateX(-100%);
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line.guide-04::before {
    align-self: flex-end;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-guide-line span {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-bar {
    background-color: #8ce205;
    width: 100%;
    height: 11px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box .gauge-bar .gauge-bar-fill {
    position: absolute;
    z-index: 10;
    background-color: #FFD453;
    height: 11px;
}
.mypage-content .my-level .my-level-content .level-list-wrap {
    padding: 21px 53px 29px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 41px;
    row-gap: 26px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item {
    position: relative;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item .level-item-rank {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item .level-item-rank img {
    width: 23px;
    height: 23px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item .level-item-rank span {
    border-radius: 34px;
    background-color: #414345;
    padding: 3px 8px 1px;
    color: #B3B3B3;
    text-align: center;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item.my-level-item .level-item-rank span {
    background-color: #1cb14d;
    color: #FFF;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item .help-tooltip {
    position: absolute;
    display: none;
    top: -31px;
    left: 12px;
    background-image: url(/img/mypage-level-tooltip.svg);
    background-size: 100%;
    width: 124px;
    height: 27px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 166.667%;
    text-align: center;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list .level-item:hover .help-tooltip {
    display: block;
}

.mypage-content .my-exp-history .my-exp-history-title {
    margin-top: 70px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.mypage-content .my-exp-history table {
    margin-top: 16px;
    width: 100%;
}
.mypage-content .my-exp-history table thead tr th {
    background-color: #212121;
    height: 32px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}
.mypage-content .my-exp-history table thead tr th:first-child {
    border-radius: 10px 0 0 0;
}
.mypage-content .my-exp-history table thead tr th:last-child {
    border-radius: 0 10px 0 0;
}
.mypage-content .my-exp-history table tbody tr td {
    border-bottom: 1px solid #49484D;
    height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .my-exp-history table tbody tr td.col-date {   
    width: 280px;
    color: #B3B3B3;
}
.mypage-content .my-exp-history table tbody tr td.col-content {
    padding-left: 60px;
    width: 450px;
    color: #FFF;
    text-align: left;
}
.mypage-content .my-exp-history table tbody tr td.col-point span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 21px;
    border: 1px solid #004AC1;
    background-color: #AECADD;
    color: #004AC1;
    font-size: 12px;
    font-weight: 600;
    line-height: 114%;
}

.mypage-content .regulations-wrap {
    background-image: url(/img/mypage-title-bmmoney.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    padding-top: 65px;
}
.mypage-content .regulations-wrap .regulation-box {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #212121;
    background-image: url(/img/mypage-b-icon.png);
    background-position: top 45px right 64px;
    background-repeat: no-repeat;
    padding: 22px 28px;
    width: 100%;
    height: 212px;
    flex-shrink: 0;
}
.mypage-content .regulations-wrap .regulation-box .regulation-list > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 11px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.mypage-content .regulations-wrap .regulation-box .regulation-list > li::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #1cb14d;
}
.mypage-content .regulations-wrap .regulation-box .regulation-list > li:last-of-type {
    margin-bottom: 0;
}
.mypage-content .regulations-wrap .regulation-box .link-button {
    display: inline-block;
    margin-top: 15px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #1cb14d;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
.mypage-content .regulations-wrap .regulation-box .link-button:hover {
    background-color: #8ce205;
}
.mypage-content .regulations-wrap .regulation-box .warning {
    margin-top: 24px;
    color: #DE7062;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.mypage-content .money-wrap {
    margin-top: 10px;
}
.mypage-content .money-wrap .money-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.mypage-content .money-wrap .money-stats .money-stats-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 19px;
    border-radius: 5px;
    background-color: #212121;
    
}
.mypage-content .money-wrap .money-stats .money-stats-item.my-money {
    grid-column: span 3;
}
.mypage-content .money-wrap .money-stats .money-stats-item .money-stats-item-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .money-wrap .money-stats .money-stats-item .money-stats-item-value {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
}
.mypage-content .money-wrap .money-stats .money-stats-item .money-stats-item-value span {
    color: #1cb14d;
}
.mypage-content .my-money-history .my-money-history-title {
    margin-top: 70px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.mypage-content .my-money-history table {
    margin-top: 16px;
    width: 100%;
}
.mypage-content .my-money-history table thead tr th {
    background-color: #212121;
    height: 32px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}
.mypage-content .my-money-history table thead tr th:first-child {
    border-radius: 10px 0 0 0;
}
.mypage-content .my-money-history table thead tr th:last-child {
    border-radius: 0 10px 0 0;
}
.mypage-content .my-money-history table tbody tr td {
    border-bottom: 1px solid #49484D;
    height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.mypage-content .my-money-history table tbody tr td.col-date {   
    width: 280px;
    color: #B3B3B3;
}
.mypage-content .my-money-history table tbody tr td.col-content {
    padding-left: 60px;
    width: 450px;
    color: #FFF;
    text-align: left;
}
.mypage-content .my-money-history table tbody tr td.col-point span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 21px;
    border: 1px solid #004AC1;
    background-color: #AECADD;
    color: #004AC1;
    font-size: 12px;
    font-weight: 600;
    line-height: 114%;
}

.mypage-content textarea {
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}
#captcha #captcha_key { color:#000; }

@media all and (max-width:991px) {
.mypage-content .myinfo-wrap .myinfo-box {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
    background-color: #212121;
    padding: 20px 30px;
	flex-direction: column;
}
.mypage-content .myinfo-wrap .myinfo-box .nickname-wrap {
	justify-content: center;
}
.mypage-content .myinfo-wrap {
    background-image: url(/img/mypage-title-myinfo.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    background-size: 130px auto;
    padding-top: 45px;
}

.mypage-content .edit-info-wrap .user-info-item {
    flex-direction: column;gap:0px;
}
.mypage-content .edit-info-wrap .user-info-item .item-label {
    width:100%;padding: 8px 0;
}
.mypage-content .edit-info-wrap .user-info-item .item-value {
    width:100%;padding: 0 0 8px 0;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .item-value {
    flex-direction: column;
}
.mypage-content .edit-info-wrap .user-info-item.profile-img .new-img {
	width:100%;
}
.mypage-content .edit-info-wrap .input-box input[type="text"], .mypage-content .edit-info-wrap .input-box input[type="password"], .mypage-content .edit-info-wrap .input-box input[type="file"] {
	width:100%;
}
.mypage-content .edit-info-wrap .user-info-item .item-value .input-box textarea {
    width:100%;
}
.mypage-content .exp-wrap .exp-stats {
	display:flex;flex-direction: column;
}
.mypage-content .exp-wrap {
    background-image: url(/img/mypage-title-exp.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    background-size: 60px auto;
    padding-top: 45px;
}

.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap { 
    flex-direction: column;padding: 0 25px;margin-top:30px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .gauge-bar-box {
    position: relative;
    width: 100%;
    height: 40px;
}
.mypage-content .my-level .my-level-content .level-gauge-box .level-gauge-wrap .level-item {
    border-radius: 30px;
    border: 1px solid #285E75;
    background-color: #25292B;
    width: 88px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;flex-direction: row;
}
.mypage-content .my-level .my-level-content .level-list-wrap {
    padding: 15px 10px;
}
.mypage-content .my-level .my-level-content .level-list-wrap .level-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
}

.mypage-content .regulations-wrap {
    background-image: url(/img/mypage-title-bmmoney.png);
    background-position: top 23px right;
    background-repeat: no-repeat;
    background-size: 172px auto;
    padding-top: 45px;
}
.mypage-content .regulations-wrap .regulation-box {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #212121;
    background-image: url(/img/mypage-b-icon.png);
    background-position: top 10px center;
    background-repeat: no-repeat;
    background-size: 90px auto;
    padding: 120px 14px 11px;
    width: 100%;
	height:auto;
    flex-shrink: 0;
}
.mypage-content .regulations-wrap .regulation-box .regulation-list > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 11px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.mypage-content .money-wrap .money-stats {
	 display:flex;flex-direction: column;
}
.mypage-content .my-money-history table tbody tr td {
    padding: 12px 0;
}
}

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
select {
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    background: url(/img/select_arrows.png) no-repeat right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
}

.page-item.disabled .page-link { background-color: #2e2f30;color:#fff; }
.page-item.active .page-link {border: 1px solid #1cb14d;background-color: #1cb14d;}

.wrapper { /*background:#fff;*/ }
@media all and (max-width:991px) {
	.responsive .wrapper { overflow-x:hidden; }
}
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }

/********************************************************
■ LNB
********************************************************/
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; }
#nt_lnb .dropdown-toggle::after { color:#ccc; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
#header_pc .nt-container {  }
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:400px; }
#header_pc .header-search form { padding:0; border-width:2px; border-style:solid; }
#header_pc .header-search input { font-size:16px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none; }

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { box-shadow: 0px 6px 4px 0px #000; -webkit-box-shadow: 0px 6px 4px 0px #000; -moz-box-shadow: 0px 6px 4px 0px #000;padding:0px 30px;background-color: #2d2f31; }
@media (max-width: 481px) {
#new_sc .sc_size { gap: 0px; }
#header_mo {
	padding: 0 15px;
}
/* SUB TIT */
.sub_titbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 0px 0px;
	margin-bottom: 0px;
}

.sub_titbox .sub_tit {
    width: 100%;
    height: auto;
    background-color: #1b1a1c;
    border-bottom: 1px solid #4C4F53;
}

.sub_titbox .sub_tit > h2 {
    display: block;
    font-weight: 700;
    font-size: 1.125rem;
    display: block;
    color: #1cb14d;
    position: relative;
    text-align: center;
    z-index: 9;
    padding: 14px 10px;
}
}

@media all and (max-width: 376px) {
    .sub_titbox .sub_tit > h2 {
        font-size: 0.9375rem;
    }
}






.mo_hd_nav {
    width: 100%;
    height: auto;
    position: relative;
}
.mo_hd_nav .hd_navbox {
    width: 100%;
    height: 48px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
}
.mo_hd_nav .hd_navbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #1cb14d, #8ce205);
}
.mo_hd_nav .hd_navbox > li {
    width: auto;
    height: auto;
    position: relative;
}
.mo_hd_nav .hd_navbox > li > a {
    display: block;
    font-size: 12px;
    line-height: 48px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.mo_logo {
    display: block;
    width: 160px;
    height: 55px;
    background-image: url(/img/hd_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;margin:0px auto;
}
/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative;text-align:center;letter-spacing: -0.5px; }
#nt_menu .sub-slide { display:none; visibility:visible; }
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; font-weight:bold; color:#fff;font-size: 16px !important; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color: #1cb14d;/*background:rgba(0,0,0,0.2) !important;*/ }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu .sub-1div {position:absolute;z-index:21;width:140px !important;text-align:left;top:100%;left: 50%;transform: translateX(-50%);border: 1px solid #1cb14d;background:#000;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);padding:10px;}
.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:#fff; /*border-bottom: 1px solid #eee;*/ }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#1cb14d; /*background: #f5f5f5; border-color: #eee;*/ font-weight:bold; }
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:999; left:0; top:0; }
@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }
}

/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; overflow:hidden; color:#333; background:#fafafa; border-bottom:1px solid #dee2e6; }
#nt_title .nt-container { position:relative; z-index:2; height:70px; }
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb a { color:#333; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; color:#aaa; content:">"; }
@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
	.responsive #nt_title .nt-container { height:60px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
	.responsive #nt_title .nt-container { height:50px; }
}

/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

/********************************************************
■ Footer 
********************************************************/
/* FOOTER SETTING */
#new_ft {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #212121;
}

#new_ft .ft_area {
    width: 100%;
    height: auto;
    position: relative;
}

#new_ft .ft_area .ft_con {
    width: 100%;
    height: auto;
    position: relative;
}

#new_ft .ft_area .ft_con .ft_size {
    width: 100%;
    max-width: 1024px;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
    gap: 80px;
}

#new_ft .ft_area .ft_con .ft_size .ft_logo {
    width: 147px;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#new_ft .ft_area .ft_con .ft_size .ft_logo > span {
    width: 147px;
    height: 90px;
    background-image: url(/img/hd_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#new_ft .ft_area .ft_con .ft_size .ft_txt {
    width: auto;
    height: auto;
    position: relative;
}

#new_ft .ft_area .ft_con .ft_size .ft_txt > p {
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    margin-bottom: 10px;
}

#new_ft .ft_area .ft_con .ft_size .ft_txt > p.dmca-copyright {
    font-size: 0.875rem;
    font-weight: 500;
    color: #cccccc;
    line-height: 20px;
    margin-bottom: 10px;
}

#new_ft .ft_area .ft_con .ft_size .ft_txt > a.dmca-logo {
    display: block;
    margin-bottom: 15px;
}

#new_ft .ft_area .ft_con .ft_size .ft_txt > span {
    font-family: 'Montserrat';
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #888;
}

@media (max-width: 800px) {
#new_ft .ft_area .ft_con .ft_size { flex-direction: column;gap: 0px;padding: 10px 15px 30px; }
#new_ft .ft_area .ft_con .ft_size .ft_logo > span { height: 55px; }

}
/* FOOTER SETTING END */



#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left:0; }
#nt_footer ul > li:last-child { padding-right:0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #333; white-space:nowrap;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

/********************************************************
■ Widget Title 위젯 타이틀
********************************************************/
h3.h3 { padding:0; margin:0; font-weight:bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }