@charset "utf-8";

/**
 * ___ 20200806 신규 __________________________________________________________________________________
/**
 * 20200804 신규추가
 */
.intro_vids .innerbox .txt{ padding:10px;}
.intro_vids .innerbox .txt p{ font-size: 25px; }
.intro_vids{ background-color: #efefef; padding: 5px 0 10px; }
.intro_vids .innerbox{  padding: 15px 5px; border:1px solid #d1d1d1; background-color: #fff; position: relative;}
.intro_vids .innerbox .title{ font-size: 20px; font-weight: bold; margin-bottom:15px; }
.intro_vids .innerbox .title em{ display: inline-block; color: #fe3544; margin-right: 10px; margin-left: 6px; }
.intro_vids .innerbox .title .info{ display: block; margin-left: 5px; margin-bottom: 5px; font-size: 12px; color:#9e9e9e; }
.intro_vids .innerbox .title .see_more,
.intro_community .see_more{ position: absolute;top: 15px;right: 15px; font-size: 18px; color: #9e9e9e;}

.intro_vids .innerbox p { margin-bottom: 15px; }
.intro_vids .innerbox p a{ display: block; float:right;}
.intro_vids .innerbox .vid_list{ width:100%; font-size: 0; text-align: center; }
.intro_vids .innerbox .vid_list .swiper-slide { display: inline-block; width:20%;  }

.ppp_container{ cursor:pointer; padding:0; display: inline-block; width:50%; vertical-align: top;}
.playlist-sss{ margin: 5px; border-radius: 10px; overflow: hidden;}
.playlist-sss-thum{position: relative;display: block; width: 100%;  overflow: hidden; min-height:120px; max-height:200px; }
.playlist-sss-thum .mmark19{
    position: absolute;
    width:100%;
    top:0; 
	left:0; 
	right:0; 
	bottom:0;
    background-color: #b20000;
}
.playlist-sss-thum .mmark19 img{
    position:absolute; 
	width:60%; 
	top:50%; 
	left:50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    z-index:10;
}
.playlist-sssss-thum > img{display: block; width: 100%; height:100%; }
.playlist-sssss-thum > span{position: absolute; bottom: 5px; right: 5px; width: 50px; padding: 2px 0; font-size: 10px; text-align: center; background-color: #b20000; color: #fff; }
.playlist-sssss-text{ padding: 5px 10px; font-size: 14px; background-color: #000; color:#fff;}
.playlist-sssss-text:after{content: ""; display: block; clear: both; }
.playlist-sssss-text > h3 {font-weight: normal;letter-spacing: -1px; height: 19px; margin-bottom: 5px; overflow: hidden; }
.playlist-sssss-text > h3 > a { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.playlist-sssss-text >a{ width:100%; overflow: hidden; line-height: 1.2; max-height: 30px;}
.playlist-sssss-text >a > p{ color:#fff !important; }
.playlist-sssss-text >a > span{ color:#fff !important; display: inline-block; width:50%;  }
.playlist-sssss-text .info_left{ float: left; color:#a8a8a8; font-size: 12px; padding:5px 0;}
.playlist-sssss-text .info_right{ float: right; text-align: right; color:#a8a8a8; font-size: 12px; padding:5px 0;}

.ppppp_container{ cursor:pointer; padding:0; display: inline-block; width:100%; vertical-align: top;}
.playlist-sssss{ margin: 5px; border-radius: 10px; overflow: hidden;}
.playlist-sssss-thum{position: relative;display: block; width: 100%;  overflow: hidden; min-height:125px; max-height:235px; }
.playlist-sssss-thum .mmark19{
    position: absolute;
    width:100%;
    top:0; 
	left:0; 
	right:0; 
	bottom:0;
    background-color: #b20000;
}
.playlist-sssss-thum .mmark19 img{
    position:absolute; 
	width:60%; 
	top:50%; 
	left:50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    z-index:10;
}
.playlist-sssss-thum > img{display: block; width: 100%; height:100%; }
.playlist-sssss-thum > span{position: absolute; bottom: 5px; right: 5px; width: 50px; padding: 2px 0; font-size: 10px; text-align: center; background-color: #b20000; color: #fff; }
.playlist-sssss-text{ padding: 5px 10px; font-size: 14px; background-color: #000; color:#fff;}
.playlist-sssss-text:after{content: ""; display: block; clear: both; }
.playlist-sssss-text > h3 {font-weight: normal;letter-spacing: -1px; height: 19px; margin-bottom: 5px; overflow: hidden; }
.playlist-sssss-text > h3 > a { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.playlist-sssss-text >a{ width:100%; overflow: hidden; line-height: 1.2; max-height: 30px;}
.playlist-sssss-text >a > p{ color:#fff !important; }
.playlist-sssss-text >a > span{ color:#fff !important; display: inline-block; width:50%;  }
.playlist-sssss-text .info_left{ float: left; color:#a8a8a8; font-size: 12px; padding:5px 0;}
.playlist-sssss-text .info_right{ float: right; text-align: right; color:#a8a8a8; font-size: 12px; padding:5px 0;}


/* intro_community section */
.intro_community{ background-color: #e2e0e0; padding:5px; font-size: 0;}
.intro_community .inner_wrapper{ /*margin:-20px 0 0 -20px;*/ }
.intro_community .innerbox{ display: inline-block; width:100%; vertical-align:top;}
.intro_community .innerbox_2{ position:relative; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;  border:1px solid #d1d1d1; background-color: #fff; min-height: 200px;}
.intro_community .innerbox .seemore{ position:absolute; top:0; right:0;width:50px; height:50px; display: block; border-left:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3; }
.intro_community .innerbox .seemore img{ display: block; width:30px; margin: 10px auto 0; }
.intro_community .innerbox .title{ font-size: 20px; font-weight: bold; margin-bottom:15px; }
.intro_community .innerbox .title em{ color: #fe3544; }
.intro_community .innerbox ul{ width:100%; font-size: 0; }
.intro_community .innerbox ul li{ width:100%; margin-bottom:10px; }
.intro_community .innerbox ul li a{ display: block; margin-right:15px; font-size: 13px;}
.intro_community .innerbox ul li a span:hover{ color: #fe3544; text-decoration: underline; }
.intro_community .innerbox ul li a span{ display: inline-block; width:calc( 100% - 82px );padding-right:10px; box-sizing:border-box; text-overflow: ellipsis;white-space: nowrap; overflow:hidden;  }
.intro_community .innerbox ul li a em{ width:82px; float: right; color:#949494;text-align: right; }

/* 19금 페이지 */
.guide_box{ width:100%; text-align: center; padding: 10px 0;}
.guide_box h1{ width:160px; margin: 100px auto 30px; }
.guide_box h1 a{ display: block; width: 100%;}
.guide_box h1 a img{ width:100%; }

.guide_box .moving_icon{ display:block; margin:0 auto 20px; width:80px; height:80px; border:5px solid #ee3434; border-radius:50%; font-size: 57px; text-align: center; font-weight: bold;}

.guide_box .site_icon{ 
	display: block;
    margin: 0 auto 19px;
    width: 200px;
    height: 180px;
    border: 5px solid #b20000;
    border-radius: 10%;
    font-size: 57px;
    text-align: center;
    font-weight: bold;
    background: #b20000;
    padding-top: 22px;
}

.guide_box span{ display: block; font-size: 25px; text-align: center; margin-bottom:20px; }
.guide_box .line{ width: 90%;margin: 0 auto 20px;border: 1px solid #000;padding: 10px 0;font-size: 14px;text-align: center; }
.guide_box .out_btn{ display: block; margin: 0 auto 20px ; font-size: 15px; text-decoration: underline; color:#fff; background: #ee3434;}
.guide_box .line_1{ position:relative;     margin-top: 20px; margin-bottom:20px;  display:inline-block; font-size: 15px; }
.guide_box .line_1:before{ position: absolute; top:50%; right:-80px; display: inline-block; content:''; width:60px; height:1px; background-color: #000; margin-right:5px; }
.guide_box .line_1:after{ position: absolute; top:50%; left:-80px; display: inline-block; content:''; width:60px; height:1px; background-color: #000; margin-left:5px; }
.guide_box .transferring_btn{ display:block; width:250px; margin:auto; font-size: 0;}
.guide_box .transferring_btn a{ box-sizing:border-box; display:inline-block; width:50%; border: 1px solid #343434; color:#343434; font-size:15px ; padding:10px 0; }
.guide_box .transferring_btn .btn_1{ border-color: #ee3434 !important; color:#ee3434 !important; }
.guide_box .transferring_btn .btn_2{ border-color: #ee3434 !important; background-color: #ee3434 !important; color:#fff !important; }
.guide_box .transferring_btn .btn_3{ background-color: #343434; color:#fff;}

.name_table_ck tr{ height:50px;}
.name_table_ck tr .name-space{ font-size: 12px; }
.name_table_ck tr td {font-size: 0;}
.name_table_ck tr td i{ vertical-align: middle; }
.name_table_ck tr td input{ font-size: 12px; width:100%; height:35px; text-align: center; }
.name_table_ck tr td .input-control,
.name_table_ck tr td .name,
.name_table_ck tr td .pw,
.name_table_ck tr td .pw_c,
.name_table_ck tr td .phn_chk{ border:1px solid rgba(0,0,0,0.2);  }
.name_table_ck tr td .change_sex_ck{ width:50%; }
.name_table_ck tr td button{ font-size: 12px; line-height:30px; display: inline-block; width:33.3%; border:1px solid #ffffff; color:#ffffff; }
.name_table_ck tr td button:focus{ background-color: #d82338; border:1px solid #d82338; color:#fff;}
.name_table_ck tr td select{ width:100%; height:30px; padding-left:10px;border:1px solid rgba(0,0,0,0.2); font-size: 12px; }

.change_sex_ck {
    font-size: 18px;
    width: 47%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
    border-radius: 5px;
    margin: 0px 5px 0px 5px;
}

.change_agency_box_ck {
    font-size: 0;
}

.change_agency_ck {
    font-size: 18px;
    width: 30.33333%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
    border-radius: 5px;
    margin: 0px 3px 0px 5px;
}

.change_ck_on {
    background: #b20000;
}

/* logoin_popup/signup_popup */
.login_popup_pagewrapper{ max-width: 400px; margin: auto; border: 1px solid #ccc; }
.login_popup_pagewrapper .login_popup_page{ padding:5px; }
.login_popup_pagewrapper .login_popup_page p{ text-align: center; margin-bottom:5px;}
.login_popup_pagewrapper .login_popup_page .box_1 span{ display: block; margin-top: 10px; width:100px; font-size: 12px; font-weight: bold; text-align:left;  }
.login_popup_pagewrapper .login_popup_page input{ border:1px solid #ccc; }
.login_popup_pagewrapper .login_popup_page input[type="text"],
.login_popup_pagewrapper .login_popup_page input[type="tel"],
.login_popup_pagewrapper .login_popup_page input[type="password"]{ width:100%; height: 40px; padding-left:0px; margin-bottom:5px; text-align: center; font-size: 18px;}
.login_popup_pagewrapper .login_popup_page input[type="checkbox"]{ width:20px; height:20px; margin-right:0px; vertical-align: middle;display: none;}
.login_popup_pagewrapper .login_popup_page label{ vertical-align: super; font-size: 15px;}
.login_popup_pagewrapper .login_popup_page button.join_member_btn { background-color: #b20000; color: #fff; margin:10px auto; font-size: 18px; padding:10px; width:100%; border-radius:5px;}
.login_popup_pagewrapper .login_popup_page button.overap_id_btn {  background-color: #b20000; color:#fff; font-size: 13px; padding:10px; width:100%; margin-bottom:10px;}
.login_popup_pagewrapper .login_popup_page button.cert_btn {  background-color: #b20000; color:#fff; font-size: 13px; padding:10px; width:100%; display: none; margin-bottom: 5px}
.login_popup_pagewrapper .login_popup_page button.login_btn { background-color: #b20000; color:#fff; font-size: 13px; padding:10px; width:100%;}
.cert_box { display: none;}
.login_popup_pagewrapper .login_popup_page .box_1,
.login_popup_pagewrapper .login_popup_page .box_2{ }
.login_popup_pagewrapper .login_popup_page .box_1 span{ display: block; margin-top: 10px; width:100px; font-size: 12px; font-weight: bold; text-align:left;  }
.login_popup_pagewrapper .login_popup_page .box_1 a{ display: block; font-size: 13px; color:#b20000; text-decoration: underline; margin-top:10px;}
.login_popup_pagewrapper .login_popup_page .box_2 { }
.login_popup_pagewrapper .login_popup_page .box_2 p{display:inline-block; margin-left:-10px;  font-size: 11px; position: relative;margin: 10px auto;}
.login_popup_pagewrapper .login_popup_page .box_2 p:before{display:inline-block; content:"*"; position:absolute; top: 0; left:3px; }
.login_popup_pagewrapper .login_popup_page .box_2 p a{ text-decoration:underline; }
.login_popup_pagewrapper .login_popup_page .box_2 .condition{ color:rgb(150, 150, 150); margin-top: 10px; }
.login_popup_pagewrapper .logintalk_btn{ background-color: #b20000; color:#fff; margin:10px auto; font-size: 18px; padding:10px; width:100%; border-radius:5px;margin-bottom: 15px; }
.findpw_btn{ display: block; text-align: center; text-decoration:underline; font-size: 14px; }
.jetc_button { display: inline-block;
    width: 47%;
    background-color: #b20000;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    margin-left: 5px;
}
.jetc100_button{ display: inline-block;
    width: 95%;
    background-color: #b20000;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    margin-left: 5px;
}

/* find passowrfd */
.find_password_box_page .mask{ background-color: rgba(0, 0, 0, 0.5); position: fixed; top:0; left:0; right:0; bottom:0; z-index:996; }
.find_password_box_page { text-align: center;width:100%; height: auto; background-color: #fff; border-radius: 10px; overflow: hidden;}
.password_head {
    background: #b20000;
    color: #fff;
    height: 50px;
    line-height: 50px;
}
.password_contetns {
    padding: 10px;
}
.password_contetns input {
    width:100%; height: 40px;  border:1px solid rgba(0,0,0,0.2); padding-left:10px; box-sizing: border-box; margin-bottom: 5px;
}

.cert_contents li { margin-bottom: 5px;}

.cert_contents .cert {
    display: none;
}

.change_pwd {
    display: none;
}

.red_btn {background-color: #b20000; color:#fff; font-size: 13px; padding:10px; }
.grey_btn {background-color: #363636; color:#fff; font-size: 13px; padding:10px; }


.show {
    display: block !important;
}

.red_passbtn {background-color: #b20000; color:#fff; font-size: 18px; padding:10px; width:100%;border-radius: 5px;}

.signup_otherway{max-width: 400px; margin: 0 auto 20px; text-align:center; color:#333333; padding-top: 10px;font-size: 18px;}
.signup_otherway > button{ width: 400px; margin: 20px auto; display: block; font-weight: bold; color: #b20000; border: 1px solid #b20000; border-radius:2px; padding: 10px;}

#main .payment{ width:100%; text-align: center; }
#main .payment_guide { width:100%; margin:  20px 0px 20px 0px; color:#fff;}
#main .payment_guide h3{ margin-bottom:10px; padding-left:10px; }
#main .payment_guide ul{ width:100%; }
#main .payment_guide ul li{ position:relative; padding-left:10px; margin-bottom:5px;}
#main .payment_guide ul li:before{display: inline-block; content:'-'; position: absolute; top:0; left:0;  }

.btns > .active6 {
	background-color: #b20000;
    color: #fff;
    width: 100%;
    padding: 18px 0;
    border-radius: 3px;
    font-size: 18px;
}
/*
 * _____________________________________________________________________________________________
 */
/*공통 CSS*/
/*layout style*/
section { display: flex; flex-direction: column; justify-content: space-between; position: relative; min-height: 100%; margin: 0 auto; /*padding-top: 57px;*/ box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); box-sizing: border-box; }
.container { position: relative; /*padding-bottom: 110px;*/ box-sizing: border-box; }
.wrap { padding: 0 15px; box-sizing: border-box; }
 
/*배너*/
.top-banner { display: flex; align-items: center; position: relative; height: 85px; padding: 0 12px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.top-banner .txt-group .txt { font-family: 'PyeongChang'; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.75px; }
.top-banner .txt-group .txt2 { font-family: 'PyeongChang'; font-size: 17px; font-weight: 700; color: #000; letter-spacing: -0.85px; }
.top-banner img { position: absolute; right: 0; bottom: 0; zoom: 0.5; }


/*코인 충전*/
.coin-shop .container { padding: 25px 0 35px; box-sizing: border-box; }
.coin-shop .top { margin-bottom: 20px; }
.coin-shop .top-banner img { right: 20px; }
.coin-shop .btn-guide { display: block; margin-top: 6px; font-size: 12px; font-weight: 400; color: #000; text-align: right; letter-spacing: -0.35px; }
.coin-shop .btn-guide img { width: 12px; margin-right: 2px; }
.coin-shop .btn-guide span { text-decoration: underline; }
.coin-shop .box { margin-bottom: 40px; }
.coin-shop .box:last-child { margin-bottom: 0; }
.coin-shop .top-page { padding-bottom: 5px; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.coin-shop .vat-info { margin-top: 15px; font-size: 10px; font-weight: 400; color: #343333; letter-spacing: -0.5px; }
.coin-shop .total-price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 27px 10px 17px; border-radius: 6px; box-sizing: border-box; background: rgba(247, 247, 247, 0.6); }
.coin-shop .total-price .tit { font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.6px; }
.coin-shop .total-price .txt { font-size: 15px; font-weight: 400; color: #343333; letter-spacing: -0.6px; }
.coin-shop .total-price .txt strong { margin-right: 4px; font-family: 'PyeongChang'; font-size: 28px; color: #000; letter-spacing: -1.12px; }

.list-shop-item li { border-bottom: 1px solid #ededed; box-sizing: border-box; }

.list-payment { margin: 15px 0 20px; }
.list-payment li { margin-bottom: 10px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; }
.list-payment li:last-child { margin-bottom: 0; }
.list-payment .ck-custom5 + label { height: 55px; padding: 0 10px; box-sizing: border-box; }
.list-payment .ck-custom5 + label .label img { zoom: 0.5; }

/*로그인*/
.login .container { padding: 20px 0 50px; box-sizing: border-box; }
.login .img-logo { display: block; width: 220px; margin: 0 auto 20px; }
.login .inner { margin-bottom: 20px; padding: 0 20px; box-sizing: border-box; }

.frm-group-login { margin-bottom: 6px; }
.frm-group-login .inp-frm { display: block; width: 100%; height: 50px; margin-bottom: 10px; padding: 0 18px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #000; }
.frm-group-login .inp-frm:last-child { margin-bottom: 0; }

.login .login-util { display: flex; justify-content: space-between; align-items: center; }
.login .login-util .link-find { font-size: 10px; font-weight: 400; color: #585858; text-align: right; letter-spacing: -0.3px; }

.login .login-info { margin-bottom: 14px; }
.login .login-info .txt { font-size: 14px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.42px; line-height: 28px; }
.login .login-info .txt:last-child { margin-bottom: 0; }
.login .login-info .txt span { position: relative; z-index: 1; font-weight: 500; }
.login .login-info .txt span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }
.login .login-info .txt span.v1:before { background: rgba(247, 215, 41, 0.47); }

.login .btn-group { margin-bottom: 15px; }
.login .btn-sns { display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); height: 50px; margin: 0 auto; border-radius: 6px; box-sizing: border-box; background: #f7d729; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.42px; }
.login .btn-sns img { width: 23px; }

.btn-sns { display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); height: 50px; margin: 0 auto; border-radius: 6px; box-sizing: border-box; background: #f7d729; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.42px; }
.btn-sns img { width: 23px; }
/*.btn-group { margin-bottom:15px; }*/


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: flex; align-items: center; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; cursor: pointer; }
.ck-custom + label .custom { display: block; width: 9px; height: 9px; margin-right: 6px; background: url('/assets/img/ico_check1_off.png') center center no-repeat; background-size: contain; }
.ck-custom:checked + label .custom { background-image: url('/assets/img/ico_check1_on.png'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: flex; align-items: center; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; cursor: pointer; }
.ck-custom2 + label .custom { display: block; width: 12px; height: 12px; margin-right: 3px; background: url('/assets/img/ico_check2_off.png') center center no-repeat; background-size: contain; }
.ck-custom2:checked + label .custom { background-image: url('/assets/img/ico_check2_on.png'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: flex; flex-direction: column; align-items: center; font-family: 'PyeongChang'; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.5px; cursor: pointer; }
.ck-custom3 + label .custom { display: block; width: 24px; height: 24px; margin-bottom: 4px; background: url('/assets/img/ico_check4_off.png') center center no-repeat; background-size: contain; }
.ck-custom3 + label .custom1 { display: block; width: 38px; height: 38px; margin-bottom: 4px; background: url('/assets/img/8960656_siren_ambulance_hospital_alert_emergency_icon.svg') center center no-repeat; background-size: contain; }
.ck-custom3:checked + label .custom { background-image: url('/assets/img/ico_check4_on.png'); }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; }
.ck-custom4 + label .img { width: 76px; height: 76px; margin-bottom: 14px; background: center center no-repeat; background-size: contain; }
.ck-custom4 + label .label { position: relative; }
.ck-custom4 + label .label .tit { position: relative; z-index: 1; font-size: 15px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.9px; }
.ck-custom4 + label .label .tit:after { content: ''; display: none; position: absolute; top: 0; right: -5px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #36f0ff; }
.ck-custom4 + label .label .highlight { display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.ck-custom4:checked + label .label .tit { font-weight: 700; }
.ck-custom4:checked + label .label .tit:after { display: block; }
.ck-custom4:checked + label .label .highlight { display: block; }

.list-ck-inquiry { display: flex; justify-content: space-between; align-items: center; }
.list-ck-inquiry li { position: relative; width: 33.33%; }
.list-ck-inquiry li:after { content: ''; display: block; position: absolute; top: calc(50% - 54px); right: 0; width: 1px; height: 108px; background: #f7f7f7; }
.list-ck-inquiry li:nth-child(1) .ck-custom4 + label .img { background-image: url('/assets/img/ico_check6_off.png'); }
.list-ck-inquiry li:nth-child(2) .ck-custom4 + label .img { background-image: url('/assets/img/ico_check7_off.png'); }
.list-ck-inquiry li:nth-child(3) .ck-custom4 + label .img { background-image: url('/assets/img/ico_check8_off.png'); }
.list-ck-inquiry li:nth-child(1) .ck-custom4:checked + label .img { background-image: url('/assets/img/ico_check6_on.png'); }
.list-ck-inquiry li:nth-child(2) .ck-custom4:checked + label .img { background-image: url('/assets/img/ico_check7_on.png'); }
.list-ck-inquiry li:nth-child(3) .ck-custom4:checked + label .img { background-image: url('/assets/img/ico_check8_on.png'); }

.ck-custom5 { display: none; }
.ck-custom5 + label { display: flex; align-items: center; padding: 18px 0; box-sizing: border-box; cursor: pointer; }
.ck-custom5 + label .custom { display: block; width: 14px; height: 14px; margin-right: 14px; background: url('/assets/img/ico_check5_off.svg') center center no-repeat; background-size: contain; }
.ck-custom5 + label .label { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.ck-custom5 + label .label .item-name { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.ck-custom5 + label .label .item-name img { width: 15px; margin-right: 3px; }
.ck-custom5 + label .label .item-price { display: flex; justify-content: center; align-items: center; width: 92px; height: 30px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.4px; }
.ck-custom5:checked + label .custom { background-image: url('/assets/img/ico_check5_on.svg'); }
.ck-custom5:checked + label .label .item-price { color: #34f7ff; }


/*select style*/
.select-custom { width: 100%; height: 48px; padding: 0 16px; border: 1px solid #eee; border-radius: 8px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #111; letter-spacing: -0.4px; }


/*회원가입*/
.sign .container { padding: 35px 0 50px; box-sizing: border-box; }
.sign .top-page { margin-bottom: 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }

.agree-group { margin: 17px 0 35px; }
.agree-group .ck-group { display: flex; align-items: center; }
.agree-group .ck-group .btn-view { border: none; background: none; font-size: 13px; font-weight: 400; color: #000; text-decoration: underline; letter-spacing: -0.39px; }
.agree-group .agree-warn {margin-top: 5px;  font-size: 11px; font-weight: 400; color: #626262; letter-spacing: -0.35px; }

.agree-group .sign-policy { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy.active { display: block; }
.agree-group .sign-policy .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy1 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy1.active { display: block; }
.agree-group .sign-policy1 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy1 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy2 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy2.active { display: block; }
.agree-group .sign-policy2 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy2 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy3 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy3.active { display: block; }
.agree-group .sign-policy3 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy3 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

.agree-group .sign-policy4 { display: none; margin-top: 10px; padding: 10px 15px 18px; box-sizing: border-box; background: #f2f2f2; }
.agree-group .sign-policy4.active { display: block; }
.agree-group .sign-policy4 .tit { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #000; box-sizing: border-box; font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.4px; }
.agree-group .sign-policy4 .txt { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.68); letter-spacing: -0.8px; line-height: 21px; word-break: break-all; }

/*회원정보 수정*/
.privacy .container { padding: 35px 0 50px; box-sizing: border-box; }
.privacy .top-page { margin-bottom: 30px; font-family: 'PyeongChang'; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -0.6px; }
.privacy .btn-custom { margin-top: 25px; }

/*form style*/
.frm-group .tit-frm { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; font-family: 'PyeongChang'; font-size: 13px; font-weight: 700; color: #000; letter-spacing: -0.4px; }
.frm-group .tit-frm span { font-family: 'Noto Sans KR'; font-weight: 400; }
.frm-group .inp-group { position: relative; border-bottom: 2px solid #000; box-sizing: border-box; }
.frm-group .inp-group .inp-frm { width: calc(100% - 30px); height: 40px; border: none; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; letter-spacing: -0.5px; }
.frm-group .inp-group .inp-frm:disabled { color: #c6c6c6; }
.frm-group .inp-group .confirm { position: absolute; top: calc(50% - 20px); right: 0; width: 20px; height: 40px; background: url('/assets/img/ico_check3_off.png') center center no-repeat; background-size: 18px; }
.frm-group .inp-group .confirm.active { background-image: url('/assets/img/ico_check3_on.png'); }

.frm-group .inp-group-mail { display: flex; align-items: center; }
.frm-group .inp-group-mail .inp-frm { width: calc(50% - 25px); }
.frm-group .inp-group-mail .unit { display: flex; justify-content: center; align-items: center; width: 50px; height: 40px; font-size: 17px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.5px; }

.frm-group .inp-group-phone { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.frm-group .inp-group-phone .inp-frm { width: calc(100% - 105px); padding: 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-phone .btn-frm { width: 96px; height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.45px; }


.frm-group .inp-group-sns { display: flex; justify-content: space-between; align-items: center; }
.frm-group .inp-group-sns select { width: calc((100% - 53px) / 2); height: 40px; padding: 6px 25px 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; background-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-sns .inp-frm { width: calc((100% - 53px) / 2); height: 40px; padding: 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-sns .btn-add { width: 40px; height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: url('/assets/img/ico_plus2.svg') center center no-repeat #000; }


.frm-group textarea.inp-frm { display: block; width: 100%; height: 185px; padding: 10px; border: 2px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }

.frm-group .textarea-group { display: flex; flex-direction: column; justify-content: space-between; height: 185px; padding: 10px; border: 2px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.frm-group .textarea-group textarea { display: block; width: 100%; height: calc(100% - 20px); padding: 0; border: none; }
.frm-group .textarea-group .num { font-size: 13px; font-weight: 400; color: #000; text-align: right; }


.frm-group .inp-group2 .inp-frm { display: block; width: 100%; height: 50px; margin-bottom: 10px; padding: 0 12px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.frm-group .inp-group2 textarea.inp-frm { height: 165px; padding: 12px; box-sizing: border-box; }

.list-frm > li { margin-bottom: 25px; }
.list-frm > li:last-child { margin-bottom: 0; }

.frm .top-frm { margin-bottom: 25px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.48px; }
.frm .list-frm { margin-bottom: 16px; }

/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border: none; border-radius: 6px; box-sizing: border-box; background: #990505; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -0.45px; }
.btn-custom-v1,
a.btn-custom-v1 { background-color: #40f7ff; color: #000; }
.btn-custom-v2,
a.btn-custom-v2 { border: 1px solid #000; box-sizing: border-box; background: #fff; color: #000; }

.btn-group { display: flex; justify-content: space-between; align-items: center; }
.btn-group .btn { width: calc(50% - 4px); }

.btn-upload { display: block; position: relative; width: 63px; height: 63px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.btn-upload:before { content: '+'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0 left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; font-size: 20px; font-weight: 300; color: #000; text-align: center; }
.btn-upload label { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
.btn-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.btn-group-upload { display: flex; align-items: center; margin-bottom: 10px; }
.btn-group-upload .btn { margin-right: 8px; }
.btn-group-upload .btn:last-child { margin-right: 0; }

/*코인 사용내역*/
.coin-history .coin-state { padding: 40px 0 15px; border-bottom: 12px solid rgba(247, 247, 247, 0.6); box-sizing: border-box; text-align: center; }
.coin-history .coin-state .tit { margin-bottom: 3px; font-size: 12px; font-weight: 500; color: #585858; letter-spacing: -0.5px; }
.coin-history .coin-state .txt { font-size: 15px; font-weight: 400; color: #585858; letter-spacing: -0.6px; }
.coin-history .coin-state .txt strong { margin-right: 4px; font-family: 'PyeongChang'; font-size: 35px; color: #000; letter-spacing: -1.4px; }

.list-coin-history { margin-bottom: 20px; }
.list-coin-history li { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-coin-history .tit-group { max-width: 60%; }
.list-coin-history .tit-group .tit { margin-bottom: 2px; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.list-coin-history .tit-group .datetime { font-size: 11px; font-weight: 400; color: #585858; letter-spacing: -0.55px; }
.list-coin-history .txt-group { text-align: right; }
.list-coin-history .txt-group .num { font-family: 'PyeongChang'; font-size: 22px; font-weight: 700; color: #e0558a; word-break: break-all; }
.list-coin-history .txt-group .num-v1 { color: #19cfe6; }
.list-coin-history .txt-group .txt { font-size: 11px; font-weight: 400; color: #585858; letter-spacing: -0.55px; }


/*1:1 문의*/
.inquiry-info { padding: 10px 5px 10px; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }
.inquiry-info .tit-group { display: inline-block; position: relative; margin-bottom: 5px; }
.inquiry-info .tit-group .tit { position: relative; z-index: 1; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.inquiry-info .tit-group .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.inquiry-info .txt-group { margin-bottom: 5px; }
.inquiry-info .txt-group > div { display: flex; align-items: center; }
.inquiry-info .txt-group .tit { margin-right: 4px; font-size: 13px; font-weight: 500; color: #000; letter-spacing: -0.4px; }
.inquiry-info .txt-group .txt { font-size: 13px; font-weight: 400; color: #585858; letter-spacing: -0.4px; }
.inquiry-info .inquiry-warn { margin-bottom: 10px; font-size: 11px; font-weight: 400; color: #9a9a9a; letter-spacing: -0.35px; }

.inquiry .container { padding-bottom: 0; }
.inquiry .wrap { padding: 20px 10px 25px; box-sizing: border-box; }
.inquiry .top-page { margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }

.tbl { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbl thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbl tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbl th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: left; letter-spacing: -0.35px; }
.tbl td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; }
.tbl td.c1 { color: #bababa; }

.tbl-v1 th:nth-child(1), .tbl-v1 td:nth-child(1) { width: 25%; }
.tbl-v1 th:nth-child(2), .tbl-v1 td:nth-child(2) { width: 40%; padding-right: 15px; box-sizing: border-box; }
.tbl-v1 th:nth-child(3), .tbl-v1 td:nth-child(3) { width: 20%; }
.tbl-v1 th:nth-child(4), .tbl-v1 td:nth-child(4) { width: 15%; }

.tbN0 { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbN0 thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbN0 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbN0 th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbN0 td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbN0 td.c1 { color: #bababa; }

.tbN0-v1 th:nth-child(1), .tbN0-v1 td:nth-child(1) { width: 60%; padding-right: 15px; box-sizing: border-box; }
.tbN0-v1 th:nth-child(2), .tbN0-v1 td:nth-child(2) { width: 20%; }
.tbN0-v1 th:nth-child(3), .tbN0-v1 td:nth-child(3) { width: 20%; }

.tbNl { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbNl thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbNl tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbNl th { padding: 12px 0; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbNl td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbNl td.c1 { color: #bababa; }

.tbNl-v1 th:nth-child(1), .tbNl-v1 td:nth-child(1) { width: 10%; }
.tbNl-v1 th:nth-child(2), .tbNl-v1 td:nth-child(2) { width: 50%; padding-right: 15px; box-sizing: border-box; }
.tbNl-v1 th:nth-child(3), .tbNl-v1 td:nth-child(3) { width: 20%; }
.tbNl-v1 th:nth-child(4), .tbNl-v1 td:nth-child(4) { width: 20%; }

.tbN2 { width: 100%; table-layout: fixed; border-collapse: collapse; }
.tbN2 thead tr { border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.tbN2 tbody tr { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.tbN2 th { padding: 12px 0; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.35px; }
.tbN2 td { padding: 15px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.35px; cursor: pointer; text-align: center; }
.tbN2 td.c1 { color: #bababa; }

.tbN2-v1 th:nth-child(1), .tbN2-v1 td:nth-child(1) { width: 15%; }
.tbN2-v1 th:nth-child(2), .tbN2-v1 td:nth-child(2) { width: 50%; padding-right: 15px; box-sizing: border-box; }
.tbN2-v1 th:nth-child(3), .tbN2-v1 td:nth-child(3) { width: 20%; }
.tbN2-v1 th:nth-child(4), .tbN2-v1 td:nth-child(4) { width: 10%; }


/*1:1 문의 쓰기*/
.inquiry-write .container { padding-bottom: 0; }
.inquiry-write .wrap { padding: 15px 15px 25px; box-sizing: border-box; }
.inquiry-write .ck-group { margin-bottom: 17px; }

/*DJ 신청양식*/
.inquiry-write .container { padding: 35px 0 50px; box-sizing: border-box; }
.inquiry-write .process-group { margin-bottom: 40px; }
.inquiry-write .process-group .tit { margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.48px; }
.inquiry-write .process-group .txt { margin-bottom: 7px; font-size: 15px; font-weight: 300; color: #000; letter-spacing: -0.45px; }
.inquiry-write .process-group .process-info { padding: 15px 20px; border-radius: 6px; box-sizing: border-box; background: #8e8e8e; font-size: 16px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.48px; }
.inquiry-write .agree-group { margin-top: 8px; }

.list-ck-inquiry { padding: 30px 0; border-bottom: 10px solid #f7f7f7; box-sizing: border-box; }


/*이용안내*/
.guide .box { padding-bottom: 25px; border-bottom: 1px solid #000; box-sizing: border-box; }
.guide .box:last-of-type { border-bottom: none; }
.guide .top-page { margin-bottom: 18px; padding: 30px 0 18px; border-bottom: 1px solid #ededed; box-sizing: border-box; font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #000; letter-spacing: -0.5px; }
.guide .tit-group { margin-bottom: 15px; }
.guide .tit-group .tit { font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.guide .tit-group .tit span { position: relative; z-index: 1; }
.guide .tit-group .tit span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 9px; background: rgba(52, 247, 255, 0.47); }
.guide .txt-group { padding: 0 10px; box-sizing: border-box; }
.guide .txt-group .txt { margin-bottom: 9px; padding-left: 18px; box-sizing: border-box; text-indent: -18px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.guide .txt-group .txt-v1 { padding-left: 8px; box-sizing: border-box; text-indent: -8px; }
.guide .txt-group .txt:last-child { margin-bottom: 0; }

/*공지사항*/
.list-board li { border-bottom: 1px solid #ededed; box-sizing: border-box; }
.list-board a { display: block; position: relative; padding: 20px 0; box-sizing: border-box; }
.list-board .board-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.list-board .board-info .noti { display: flex; align-items: center; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.list-board .board-info .noti img { margin-right: 8px; zoom: 0.5; }
.list-board .board-info .date { font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.list-board .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }

/*공지사항 상세*/
.notice-view .container { padding-bottom: 35px; box-sizing: border-box; }
.top-board { padding: 25px 0 15px; border-bottom: 1px solid #000; box-sizing: border-box; }
.top-board .board-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.top-board .board-info .noti { display: flex; align-items: center; font-size: 10px; font-weight: 700; color: #000; letter-spacing: -0.3px; }
.top-board .board-info .noti img { margin-right: 8px; zoom: 0.5; }
.top-board .board-info .date { font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; }
.top-board .tit { font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.5px; }

.board-content { padding: 20px 0 30px; box-sizing: border-box; }
.board-content .txt { margin-bottom: 27px; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.board-content img { display: block; width: 100%; }

.board-navigation a { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; }
.board-navigation a:first-child { border-top: 1px solid #ededed; box-sizing: border-box; }
.board-navigation .btn { display: flex; align-items: center; margin-right: 8px; font-size: 10px; font-weight: 700; color: #9a9a9a; letter-spacing: -0.3px; }
.board-navigation .btn img { margin-right: 3px; }
.board-navigation .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; color: #000; letter-spacing: -0.35px; }