* {box-sizing: border-box;}

/* bookmark */
.book_mark_box_wrap {margin-top:160px;display:flex;gap:34px;flex-wrap: wrap;}
.book_mark_box_wrap > div {width:calc( 50% - 17px );text-align:left;}

.month_area_wrap {position:relative;margin-bottom:20px;}
.month_area_wrap button {position:relative;color:#fff;font-size:38px;font-weight:600;padding-right:28px;}
.month_area_wrap button::after {position:absolute;right:0px;top:50%;transform: translateY( -50% ); content:"";width:18px;height:12px;background:url("../img/bull_month_arrow.png") center no-repeat;}
.month_area_wrap button.on::after {transform: translateY( -50% ) rotate(180deg);}
.choice_area_wrap {display:none;position:absolute;top:50px;left:0;width:165px;gap:10px;padding:20px 20px;background-color:#fff;border-radius:15px;}
.choice_area_wrap .select_wrap {flex-grow: 1;background-color:#eaecef !important;border-radius:5px;border:none;position:relative;}
.choice_area_wrap .select_wrap::after {position:absolute;right:10px;top:50%;transform: translateY( -50% ); content:"";width:12px;height:12px;background:url("../img/bull_month_arrow2.png") center no-repeat;}
.choice_area_wrap .select_wrap select {width:100%;height:100%;padding:5px 10px;padding-right:20px;border:none;background-color:transparent !important;}

.book_mark_box_top_area {position:relative;font-size:30px;font-weight:600;margin-bottom:20px;padding-top:9px;color:#fff;}
.book_mark_box_top_area .right_area {position:absolute;right:0;top:0;}
.book_mark_box_top_area .right_area button {font-size:16px;color:#fff;border:1px solid #4e5866;padding:10px 15px;border-radius:10px;}
.book_mark_box_top_area .right_area button.btn_filter {padding-right:40px;background:url("../img/bull_filter.png") right 14px center no-repeat;}
.book_mark_box_top_area .right_area button.btn_filter.on {background:url("../img/bull_filter.png") right 14px center no-repeat #00bfff;}
.filter_wrap {position:relative;display:inline-block;}
.filter_wrap .filter_depth_wrap {display:none;width:240px;position:absolute;top:48px;right:0;z-index:10;background-color:#fff;padding:20px 20px;border-radius: 10px;}
.filter_wrap .filter_depth_wrap > div {margin-top:20px;}
.filter_wrap .filter_depth_wrap > div:first-child {margin-top:0;}
.filter_wrap .filter_depth_wrap > div > p {font-size:16px;color:#383b3f;}
.filter_wrap .filter_depth_wrap > div > label {display:inline-block;padding:8px 10px;background-color:#e3e5e8;color:#383b3f;font-size:14px;border-radius:5px;}

.filter_wrap .filter_depth_wrap > div input:checked + label {background-color:#00bfff;color:#fff;}

.book_mark_left_con .book_mark_list_wrap {display:flex;gap:16px;flex-wrap: wrap;}
.book_mark_left_con .book_mark_list_wrap > li {width:calc( 50% - 8px );border:1px solid #191a1f;background-color:#191a1f;padding:38px 20px;border-radius:15px;min-height:332px;}
.book_mark_left_con .book_mark_list_wrap > li > .book_mark_list_tit {text-align:center;font-size:30px;color:#e3e5e8;font-weight:600;margin-bottom:20px;color:#e3e5e8;}
.book_mark_left_con .book_mark_list_wrap > li > .book_mark_list_tit span {font-size:18px;vertical-align: middle;}

.book_mark_list_wrap .book_mark_list {}
.book_mark_list_wrap .book_mark_list li {padding:9px 20px 9px 32px;position:relative;font-size:18px;color:#454d5a;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.book_mark_list_wrap .book_mark_list li span {display:inline-block;width:25px;height:25px;text-align: center;line-height:25px;background-color:#1c3f29;border-radius:25px;position:absolute;left:0;top:50%;transform: translateY( -50% );font-size:12px;color:#fff;}
.book_mark_list_wrap .book_mark_list li span.bull_type02 {background-color:#124960;}
.book_mark_list_wrap .book_mark_list li a {color:#e3e5e8;}

.book_mark_list_wrap li.past .book_mark_list li {color:#454d5a;}
.book_mark_list_wrap li.past .book_mark_list li span {background-color:#454d5a;}
.book_mark_list_wrap li.past .book_mark_list li a {color:#454d5a;}
.book_mark_left_con .book_mark_list_wrap > li.today > .book_mark_list_tit {color:#e3e5e8;}

.book_mark_left_con .book_mark_list_wrap > li.today,
.book_mark_left_con .book_mark_list_wrap > li:hover {background-color:transparent;border:1px solid #fff;}

.pic_list {}
.pic_list li {position:relative;border:1px solid #191a1f;background-color:#191a1f;padding:33px 30px;border-radius:15px;margin-top:16px;}
.pic_list li:first-child {margin-top: 0;}
.pic_list li .pic_area {position:relative;width:396px;height:264px;overflow:hidden;border-radius:10px;}
.pic_list li .pic_area img {width:100%;height:auto;}
.pic_list li .txt_area {position:absolute;left:450px;top:40px;}
.pic_list li .txt_area .bull_area span {display:inline-block;padding:8px 10px;background-color:#163821;font-size:14px;border-radius:5px;color:#fff;}
.pic_list li .txt_area .bull_area span.type02 {background-color:#124960;}
.pic_list li .pic_list_tit {font-size:30px;margin-top:20px;font-weight:600;color:#e3e5e8;}
.pic_list li .pic_list_date {font-size:18px;margin-top:20px;color:#cacdd2;}
.pic_list li .pic_list_position {font-size:18px;margin-top:5px;color:#cacdd2;}

.pic_list .btn_like_area {position:absolute;right:30px;top:30px;width:28px;height:25px;background:url("../img/bull_like_off.png")   center no-repeat;}
.pic_list .btn_like_area.on {background:url("../img/bull_like_on.png") center no-repeat;}

.no_data > div {display:flex;flex-direction: column;justify-content: center;height:612px;background-color:#191a1f;border-radius:20px;}
.no_data > div + div {margin-top:20px;}
.no_data > div p {text-align:center;margin-top:10px;color:#4e5866;font-weight:bold;}
.no_data > div p a {color:#4e5866;text-decoration: underline;}
.no_data > div .no_data_tit {font-size:24px;padding-bottom:10px;}
.no_data .btn_go_list {color:#00bfff;}

.new_add_wrap {margin-top:100px;}
.list_top_area {display:flex;justify-content: space-between;margin-bottom:20px;}
.list_top_area .btn_select_del {border:1px solid #333943;color:#e3e5e8;padding:13px 15px;font-size:16px;border-radius:10px;}
.list_top_area .btn_new_apply {border:1px solid #333943;color:#e3e5e8;padding:13px 15px;font-size:16px;border-radius:10px;}
.list_top_area .btn_new_apply.on {background-color:#00bfff20;color:#00bfff;border:1px solid #00bfff20;}

.list_top_area > div > button:hover,
.list_top_area > div > button:focus,
.list_top_area > div > button.on {background-color:#00bfff20;color:#00bfff;border:1px solid #00bfff20;}

.list_top_area > div {color:#e3e5e8;display:flex;align-items: center;gap:10px;}
.list_top_area .select_wrap {position:relative;}
.list_top_area .select_wrap::before {content:"";width:20px;height:10px;position:absolute;right:10px;top:24px;background:url("../img/bull_month_arrow.png") center no-repeat;background-size:12px auto; pointer-events: none;}
.list_top_area > div select {padding:17px 20px;padding-right:40px;background-color:transparent !important;color:#fff;font-size:16px;border-radius:10px;text-align:left;border:1px solid #333943;}
.list_top_area > div select option {color:#333;}
.list_top_area > div input {padding:17px 10px;padding-left:55px;background-color:transparent !important;border-radius:10px;border:1px solid #333943;color:#fff;font-size:20px;}
.list_top_search_wrap {position:relative;}
.list_top_search_wrap button {position:absolute;left:10px;top:10px;width:38px;height:39px;background:url("../img/bull_list_top_search.png") center no-repeat;background-size:24px auto;}

.nodata_area {padding:20px;background-color:#191a1f;border-radius:20px;min-height:540px;display:flex;justify-content: center;align-items: center;}

.card_box_wrap {display:flex;gap:30px;flex-wrap: wrap;}
.card_box_wrap > div {position:relative;width:calc( 33.3333% - 20px );background-color:#fff;padding:30px 40px 54px;border-radius:20px;}

.card_top_area {display:flex;justify-content: space-between;align-items: center;}
.card_top_area .chk_card {display:none;}
.card_top_area .chk_card + label {margin-left:30px;color:#6b7684;font-size:18px;}
.card_top_area .checkbox_wrap {position:relative;padding:2px 0;}
.card_top_area .chk_card + label::before{content:"";display:inline-block;width:22px;height:22px;border:1px solid #ced0d3;position:absolute;left:0;top:0;}
.card_top_area .chk_card:checked + label::before {background-color:#00bfff;}
.card_top_area .chk_card:checked + label::after{
    content:'';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top:0;
    background:url("../img/bull_checkbox_on.png") no-repeat center;
  }
.card_top_area .btn_card_repair {color:#6b7684;text-decoration: underline;}
.card_top_area .btn_card_repair.on {color:#00bfff;text-decoration: underline;}
.card_company_tit {color:#15181c;font-size:30px;font-weight:bold;margin-top:30px;}
.card_company_info {margin-top:10px;}
.card_company_info span {display:inline-block;position:relative;color:#6b7684;padding-left:14px;}
.card_company_info span::before {content:"";width:1px;height:14px;background-color:#e3e5e8;position:absolute;top:2px;left:4px;}
.card_company_info span:first-child {padding-left:0;}
.card_company_info span:first-child::before {display:none;}
.card_info_all {margin-top:15px;}
.card_info_all li {position:relative;color:#383b3f;font-size:18px;padding:3px 12px;}
.card_info_all li p {color:#383b3f;font-size:18px;}
.card_info_all li .bg_maker {background-color:#ffe491;}
.card_info_all li::before {content:"";width:3px;height:3px;border-radius:3px;background-color:#383b3f;position:absolute;left:2px;top:12px;}

.card_info_logo {position:absolute;right:40px;bottom:50px;}

.card_top_area .card_top_right .btn_guide_wrap {display:inline-block;position:relative;}
.card_top_area .card_top_right .btn_guide_wrap .btn_card_guide {display:inline-block;width:22px;height:22px;background: url("../img/btn_memo.png") center no-repeat;}

.card_top_area .card_top_right .guide_box_wrap {display:none;position:absolute;right:0;top:30px;background-color:#fff;width:260px;padding:10px 10px 35px 10px;border:1px solid #333;color:#6b7684;border-radius:10px;}
.card_top_area .card_top_right .guide_box_wrap .guide_txtarea {width:100%;border:none;color:#6b7684;resize: none;}
.card_top_area .card_top_right .guide_box_wrap.on {display: block;}


.card_top_area .btn_card_guide_cansle {position:absolute;right:40px;bottom:8px;color:#6b7684;background-color:#fff;padding:5px;font-size:14px;}

.card_top_area .btn_card_guide_save {position:absolute;right:5px;bottom:8px;color:#6b7684;background-color:#fff;padding:5px;font-size:14px;}

.txt_ex_tit {font-size:16px;color:#6b7684;margin-top:40px;margin-bottom:20px;}
.subtitle_area + .txt_ex_tit {margin-top:0px;}
.radio_box_wrap {display:flex;gap:40px;}
.radio_box_wrap label {color:#fff;}

.file_add_wrap {position: relative;}
.file_add_label {position:relative;display:inline-block;width:172px;height:62px;border:1px solid #e3e5e8;}
.file_add_label::before {content:"";display:inline-block;width:25px;height:25px;background:url("../img/bull_add_file_plus.png") center no-repeat;position:absolute;left:50%;top:50%;transform: translate( -50% , -50% );background-size:25px auto;}
.file_add_pic {position:absolute;left:1px;top:1px;}
.file_add_pic img {width:170px;height:60px;}
.file_add_pic_close {display:inline-block;width:25px;height:25px;background:#b7b7b8 url("../img/file_add_pic_close.png") center no-repeat;position:absolute;left:145px;top:0;}
.file_add_wrap_ex {font-size:12px;color:#6b7684;margin-top:10px;}
.card_apply_wrap {width:100%;max-width:900px;margin:0 auto;}
.div_input_wrap {display: flex;margin-top:80px;color:#6b7684;}
.div_input_wrap div {position:relative;flex-grow: 1;width:50%; }
.div_input_wrap div input {width:100%;background-color:transparent;border:none;padding:10px 0;border-bottom:1px solid #96989b;color:#fff;}
.div_input_wrap div label {position:absolute;top:10px;left:0px;transition: all 0.2s ease-out;}
.div_input_wrap input:focus + label,
.div_input_wrap div input:not(:placeholder-shown) + label {top:-20px;left:0px;}

.div_input_wrap input:focus,
.div_input_wrap input:not(:placeholder-shown) {border-bottom:2px solid #ddd;outline: none;}

.div_input_wrap input::placeholder {color:transparent !important;}

.div_input_wrap div + div {width:48%;margin-left:2%;}
.div_input_wrap span {padding:10px;}
.div_input_wrap .input_email_div {margin-left:0 !important;}
.div_input_btn_area {padding:50px 0 100px;text-align: center;}
.div_input_btn_area button {display: inline-block;padding:18px 40px;background-color:#4e5866;color:#fff;border-radius:30px;font-size:20px;font-weight:bold;}
.div_input_btn_area button.type02 {background-color: #00bfff;color:#15181c;}
.div_input_btn_area button + button {margin-left:10px;}


/* pass */
.pass_wrap {margin-top:160px;display:flex;gap:34px;flex-wrap: wrap;}
.ticket_top_wrap {display:flex;gap:60px;width:100%;max-width:1320px;margin:0 auto;color:#fff;text-align: left;}
.ticket_top_left {width:40%;flex-shrink: 0;overflow:hidden;position:relative;}
.ticket_top_left img {width:100%;height:auto;border-radius:20px;}
.ticket_top_right {width:60%;padding-bottom:80px;position: relative;}
.ticket_bull_wrap {margin-bottom:20px;}
.ticket_top_right .ticket_bull {display:inline-block;padding:10px 12px;background-color:#4e5866;color:#fff;font-size:13px;border-radius:10px;margin-right:4px;}
.ticket_top_right .ticket_bull.on {background-color:#00bfff33;color:#00bfff;}
.ticket_top_right .ticket_bull.off {background-color:#ffcd0033;color:#ffcd00;}
.ticket_top_right .ticket_tit {color:#e3e5e8;font-size:38px;font-weight:600;}
.ticket_top_right .ticket_list {margin-top:30px;}
.ticket_top_right .ticket_list li {font-size:20px;}
.ticket_top_right .ticket_list li span {font-size:20px;color:#6b7684;display:inline-block;position:relative;min-width:60px;padding:10px;padding-left:10px;}
.ticket_top_right .ticket_list li span::before {content:"";width:2px;height:2px;background-color:#6b7684;position:absolute;left:0;top:50%;transform:translateY( -50% );}
.ticket_top_right .btn_wrap_area {position:absolute;bottom:0;left:0;width:100%;display: flex;gap:10px;}
.ticket_top_right .btn_wrap_area button {position:relative;display:block;background-image: linear-gradient(to right, #00bfff , #00ffcb);padding:18px 20px;font-size:20px;font-weight:bold;border-radius:30px;width:100%;}
.ticket_top_right .btn_wrap_area button.download {flex-shrink: 0; width:60px;height:60px;background-image:none;background:#191a1f url("../img/map/bull_share.png") center no-repeat !important;}
.ticket_top_right .btn_wrap_area button.download::before,
.ticket_top_right .btn_wrap_area button.download::after {display:none;}

.ticket_top_right .btn_wrap_area button::before {content:"";width:111px;height:122px;background:url("../img/m_main/bull_nexon05.png") center no-repeat;display:inline-block;position:absolute;right:0;bottom:60px;}
.ticket_top_right .btn_wrap_area button::after {content:"";width:118px;height:30px;background:url("../img/m_main/bull_nexson30_black.png") center no-repeat;display:inline-block;position:absolute;right:20px;bottom:15px;background-size:118px auto;}

.ticket_top_right .btn_wrap_area button.before_open {display: flex;justify-content: center; align-items: center; background-image:none;background-color:transparent;border:1px solid #333943;color:#333943;gap:10px;}
.ticket_top_right .btn_wrap_area button.before_open span {background:url("../img/map/bull_time_fill.png") center no-repeat;display:inline-block;width:20px;height:20px;background-size:20px auto;}

.ticket_top_right .btn_wrap_area button.before_open::before,
.ticket_top_right .btn_wrap_area button.before_open::after {display:none;}


.pass_tab_wrap {margin-top:150px;border-bottom:1px solid #111215;margin-bottom:55px;}
.pass_tab_area {width:100%;max-width:1320px;margin:0 auto;display: flex;justify-content: center;gap:40px;}
.pass_tab_area button {display:inline-block;padding:5px 0 20px;color:#6b7684;font-size:18px;font-weight:bold;}
.pass_tab_area button.active {border-bottom:2px solid #e3e5e8;color:#e3e5e8;}
.pass_tab_con {display:none;padding:20px;border-radius:20px;background-color:#191a1f;color:#6b7684;}

.scroll_ticket_wrap {display:none;position:fixed;top:0;left:0;z-index:100;width:100%;background-color:#08090a;padding:10px 0;}
.scroll_ticket_wrap.fixed {display:block;}

.scroll_ticket_wrap_inner {width:100%;max-width:1320px;margin:0 auto;padding:0 20px;display:flex;justify-content: space-between;align-items: center;gap:20px;}
.scroll_ticket_wrap_inner .pic_area {width:57px;height:78px;flex-shrink: 0;}
.scroll_ticket_wrap_inner .pic_area img {width: 100%;height:auto;}
.scroll_ticket_wrap_inner > div {display:flex;gap:20px;align-items: center;}
.scroll_ticket_wrap_inner dt {color:#e3e5e8;font-size:18px;}
.scroll_ticket_wrap_inner dd {color:#6b7684;margin-top:5px;}
.btn_scroll_ticket {width:160px; flex-shrink: 0; display:inline-block;padding:13px 24px;background-image: linear-gradient(to right, #00bfff , #00ffcb);color:#15181c;font-weight:bold;border-radius:10px;}

.bg_ticket_dimm {display:none;position:fixed;width:100%;height:100vh;background-color:#00000090;z-index:199;top:0;left:0;}
.pop_ticket_wrap {display:none;position:fixed;top:50%;left:50%;width:100%;max-width:630px;transform: translate( -50% , -50% );z-index:200;overflow:hidden;border-radius:20px;padding:50px;background-color:#fff;}
.pop_ticket_wrap .pop_ticket_top {position:relative;color:#15181b;font-weight:bold;font-size:24px;}
.pop_ticket_wrap .pop_ticket_top .btn_close {position:absolute;right:-6px;top:-6px;background:url("../img/map/ticket_pop_close.svg") center no-repeat;width:18px;height:18px;background-size:18px auto;}
.pop_ticket_wrap .pop_ticket_top p {font-size:18px;color:#333943;font-weight:400;margin-top:5px;}
.pop_ticket_wrap .pop_ticket_con {margin-top:20px;height:600px;overflow:hidden;overflow-y: auto;padding:20px 0;}

.tb_ticket {border-top:2px solid #333943;}
.tb_ticket td {border-bottom:1px solid #f0f1f4;padding:13px 0;}
.tb_ticket td dl dt {font-size:13px;color:#6b7684;}
.tb_ticket td dl dd {font-size:15px;font-weight:bold;margin-top:2px;color:#00bfff;}
.tb_ticket td button {padding:10px 10px;width:100%;background-color:#ccf2ff;color:#00bfff;border-radius:8px;}

/* 신청내역 */
.div_tit {font-size:24px;margin-bottom:30px;text-align:left;color:#fff;}
.select-wrap + .div_tit {margin-top:-30px;}

.div_table_wrap {width:100%;overflow: hidden;border-radius:20px;}
.div_table_wrap .div_table_tit {padding:20px 20px;font-size:20px;background-color:#353535;font-weight:bold;border-bottom:1px solid #000;}
.div_table_wrap .div_table {margin-bottom:30px;}
.div_table_wrap * {color:#fff;}
.div_table_wrap .div_tr {display:flex;}
.div_table_wrap .div_tr .div_th {width:15%;flex-shrink: 0;background-color:#353535;padding:20px;text-align:center;border-left:1px solid #000;border-bottom:1px solid #000;}
.div_table_wrap .div_tr .div_td {width:35%;background-color:#242424;padding:20px;border-left:1px solid #000;border-bottom:1px solid #000;}
.div_table_wrap .div_tr .div_td.w85 {width:85%;}
.div_table_wrap .point_color {color:#00bfff;font-weight:bold;}
.div_table_wrap .btn_tb_button {padding:5px 10px;background-color:#fff;color:#333;border-radius:5px;margin:0 5px;font-weight:bold;font-size:14px;}
.div_table_wrap .btn_tb_button:focus,
.div_table_wrap .btn_tb_button:hover {background-color:#00bfff;color:#fff;}

.div_table_wrap .btn_tb_button.bg_color {background-color:#00bfff;color:#fff;}
.div_table_wrap .btn_tb_button.bg_color:focus,
.div_table_wrap .btn_tb_button.bg_color:hover {background-color:#fff;color:#00bfff;}

.main_pop_wrap {max-width:336px;}

.btn_right_area {margin-top:-60px;text-align:right;}
.btn_right_area button {display:inline-block;background-color:#fff;border-radius: 5px;padding:8px 15px;font-weight:bold;color:#222;}
.btn_right_area button:focus,
.btn_right_area button:hover {background-color:#00bfff;color:#fff;}

@media only screen and (max-width: 1549px){
    .book_mark_box_wrap {margin-top:20px;}
    .book_mark_box_wrap > div {width:100%;}
    .card_box_wrap > div {width:calc( 50% - 20px );}

}

@media only screen and (max-width: 1099px){
    .ticket_top_right .btn_wrap_area button {text-align:left;padding-left:25px;}
    .ticket_top_right .btn_wrap_area button::before {width:70px;height:70px;display:block;right:0;bottom:0px;background-size:70px auto;}
    .ticket_top_right .btn_wrap_area button::after {right:70px;bottom:20px;width:85px;height:20px;background-size:85px auto;}
}

@media only screen and (max-width: 1024px){
    .list_top_area > div {font-size:16px;}
    .list_top_area .btn_select_del {font-size:13px;}
    .list_top_area .btn_new_apply {font-size:13px;}
    .list_top_area > div select {font-size:14px;padding:15px 20px;padding-right:40px;}
    .list_top_area .select_wrap::before {top:19px;}
    .list_top_area > div input {font-size:14px;padding:15px 20px;padding-left:45px;}
    .list_top_search_wrap button {width:30px;height:30px;background-size:18px auto;}
    .new_add_wrap {text-align: left;margin-top:0;}
    .card_box_wrap {gap:15px;}
    .card_box_wrap > div {width:100%;padding:20px;border-radius:15px;}

    .choice_area_wrap {padding:10px 12px;left:20px;width:130px;top:30px;}

    .pass_wrap {margin-top:40px;}
    .ticket_top_wrap {gap:30px;}
    .ticket_top_right .ticket_tit {font-size:32px;}
    .ticket_top_right .ticket_list {margin-top:20px;}
    .ticket_top_right .ticket_list li {font-size:16px;}
    .ticket_top_right .ticket_list li span {font-size:16px;padding:5px;padding-left:10px;}
    .ticket_top_right .btn_wrap_area button {font-size:16px;}
}

@media only screen and (max-width: 768px){
    .month_area_wrap button {font-size:24px;}
    .book_mark_left_con {width:100%;overflow:hidden;overflow-x:auto;margin-right:-20px;}
    .book_mark_left_con::-webkit-scrollbar {
        height: 5px;
    }
    .book_mark_left_con::-webkit-scrollbar-thumb {
        background: #ddd; /* 스크롤바 막대 색상 */
        border: 2px solid #fff; /* 스크롤바 막대 테두리 설정  */
        border-radius: 12px 12px 12px 12px;
        height:5px;
    }
    /* 스크롤이 움직이는 뒷 배경 */
    .book_mark_left_con::-webkit-scrollbar-track {
        background: #333; /* 스크롤바 뒷 배경 색상 */
        height:5px;
    }
    .book_mark_left_con .book_mark_list_wrap {flex-wrap: nowrap;}
    .book_mark_left_con .book_mark_list_wrap > li {flex-shrink:0; width:310px;padding:25px 15px;min-height:250px;}
    .book_mark_left_con .book_mark_list_wrap > li > .book_mark_list_tit {font-size:20px;text-align:left;margin-bottom:10px;}
    .book_mark_left_con .book_mark_list_wrap > li > .book_mark_list_tit span {font-size:12px;}
    .book_mark_list_wrap .book_mark_list li a {font-size:15px;}
    .book_mark_list_wrap .book_mark_list li {padding:5px 10px 5px 24px;}
    .book_mark_list_wrap .book_mark_list li span {font-size:11px;width:20px;height:20px;line-height:20px;}

    .book_mark_box_top_area {font-size:20px;}
    .book_mark_box_top_area .right_area {top:4px;}
    .book_mark_box_top_area .right_area button {font-size:13px;padding:8px 10px;}
    .book_mark_box_top_area .right_area button.btn_filter {background-size:12px auto;padding-right:30px;}
    .book_mark_box_top_area .right_area button.btn_filter.on {background-size:12px auto;}

    .pic_list li {padding:20px;}
    .pic_list li .pic_area {width:100%;height:auto;}
    .pic_list li .txt_area {position:relative;left:0;top:0;margin-top:20px;}
    .pic_list li .txt_area .bull_area span {font-size:11px;}
    .pic_list li .pic_list_tit {font-size:20px;margin-top:10px;}
    .pic_list li .pic_list_date {font-size:15px;margin-top:5px;}
    .pic_list li .pic_list_position {font-size:15px;}

    .list_top_area {display:block;margin-bottom:10px;}
    .list_top_area > div {margin-top:10px;justify-content: space-between;}
    .list_top_area > div:first-child {margin-top:0px;align-items: end;}
    .select_wrap {width:80px;flex-shrink: 0;}

    .list_top_search_wrap {width:calc( 100% - 80px );}

    .select_wrap + .list_top_search_wrap {width:calc( 100% - 105px );}
    .list_top_search_wrap input {width:100%;}

    .no_data > div {height:385px;}
    .no_data > div p {font-size:14px;}
    .no_data > div .no_data_tit {font-size:16px;}

    .card_company_tit {font-size:20px;margin-top:10px;}
    .card_company_info span {font-size:14px;}
    .card_info_all li {font-size:15px;}
    .card_info_logo {bottom:15px;right:20px;}
    .card_info_logo img {width:100px;height:auto;}
    .card_company_info {margin-top:5px;}
    .card_info_all {margin-top:10px;}

    .card_box_wrap > div {padding:15px;border-radius:10px;}
    .card_top_area .card_top_right .guide_box_wrap {padding:5px 5px 25px 5px;width:200px;z-index:20;font-size:12px;}
    .card_top_area .btn_card_guide_cansle {bottom:2px;font-size:11px;padding:2px;}
    .card_top_area .btn_card_guide_save {bottom:2px;font-size:11px;padding:2px;}

    .card_top_area .chk_card + label {font-size:14px;margin-left:24px;}
    .card_top_area .chk_card + label::before {width:16px;height:16px;top:3px;}
    .card_top_area .chk_card:checked + label::after {width:18px;height:18px;background-size:18px auto;top:3px;}
    .div_input_btn_area {padding:30px 0 40px;}
    .div_input_btn_area button {padding:15px 30px;font-size:16px;}
    .div_input_wrap {margin-top:40px;}
    .div_input_wrap.m100_type {display:block;margin-top:40px;}
    .div_input_wrap.m100_type div {width:100% !important;margin-left:0 !important;}
    .div_input_wrap.m100_type div + div {margin-top:40px;}

    .ticket_top_wrap {display:block;}
    .ticket_top_left {width:100%;}
    .ticket_top_right {width:100%;margin-top:20px;padding-bottom:85px;}

    .ticket_bull_wrap {margin-bottom:15px;}
    .ticket_top_right .ticket_bull {font-size:11px;padding:5px 10px;}
    .ticket_top_right .ticket_tit {font-size:20px;}
    .ticket_top_right .ticket_list {margin-top:10px;}
    .ticket_top_right .ticket_list li {font-size:15px;}
    .ticket_top_right .ticket_list li span {font-size:15px;min-width:50px;}
    .ticket_top_right .btn_wrap_area button {padding:12px 10px;font-size:13px;padding-left:15px;}
    .ticket_top_right .btn_wrap_area button.download {width:44px;height:44px;background-size:13px auto !important;}

    .pass_tab_wrap {margin-bottom:30px;margin-top:70px;}
    .pass_tab_area button {font-size:15px;padding-bottom:10px;}
    .ticket_top_right .btn_wrap_area button.before_open {gap:8px;}
    .ticket_top_right .btn_wrap_area button.before_open span {width:16px;height:16px;background-size:16px auto;}

    .scroll_ticket_wrap_inner .pic_area {display:none;}
    .scroll_ticket_wrap_inner dd span {display:block;}
    .scroll_ticket_wrap_inner dt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 라인수 */
        -webkit-box-orient: vertical;
        word-wrap:break-word;
        line-height: 20px;
        height: 40px;
    }
    .btn_scroll_ticket {width:120px;padding:10px 0;}

    .pop_ticket_wrap {max-width:calc( 100% - 40px );padding:20px;border-radius: 10px;}
    .pop_ticket_wrap .pop_ticket_top {font-size:18px;}
    .pop_ticket_wrap .pop_ticket_top p {font-size:16px;}
    .pop_ticket_wrap .pop_ticket_con {height:300px;margin-top:12px;padding:10px 0;}

    .scroll_ticket_wrap_inner dt {font-size:14px;}
    .scroll_ticket_wrap_inner dd {font-size:12px;}
    .div_table_wrap .div_tr {flex-wrap: wrap;}
    .div_table_wrap .div_tr .div_th {width:35%;font-size:14px;padding:15px 0;}
    .div_table_wrap .div_tr .div_td {width:65%;font-size:14px;text-align:left;padding:15px 10px;}
    .div_table_wrap .div_tr .div_td.w85 {width:65%;font-size:14px;}
    .div_table_wrap .div_table_tit {text-align:center;font-size:14px;}
    .select-wrap + .div_tit {margin-top:10px;margin-bottom:10px;}
    .div_tit {font-size:14px;margin-bottom:0;}
    .div_table_wrap .btn_tb_button {font-size:12px;}
    .btn_right_area {margin-top:-25px;}

    .ticket_top_right .btn_wrap_area button::after {bottom:12px;}

    .scroll_ticket_wrap_inner > div.right_btn {flex-direction: column;gap:5px;}
}