/* 미디어 쿼리 */
 @media screen and (max-width: 768px){
 #header { position: relative; width: 100%; } 

 #contents-wrap { width: 100%; height: 100%; padding-bottom: 30px; margin-top: 0px; } 

 #contents .cont { margin-top: 10px; } 

 #contents > .mg100t { width: 95%; margin: 0 auto; } 

 .div-cont { width: 100%; overflow: hidden; } 

 .div-wrap { position: relative; width: 100%; text-align: center; margin: 0 auto 0 auto; } 

 #quick-wrap #quick { display: none; } 

 .bot-box { width: 100%; } 

 .logo_size { max-width: 130px; } 

/* .kakao_link { position: absolute; right: 63px; top:5px } */
img.kakao_quick { width:35px; filter: grayscale(1); border-radius: 10px; margin: 2px 0 0 0; } 

 #main-container-wrap,
 #smain-container-wrap,
 #container-wrap { padding-top: 70px; } 

 /* 서브 조회하기 */
 .searchBox { padding: 10px 0; margin-bottom: 20px; width: 100%; border-left: 0; border-right: 0; } 

 .searchBox table.search tr { display: block; } 

 .searchBox table.search th { display: block; font-size: 14px; padding: 0; } 


 .searchBox table.search select { display: block; width: 175px; height: 42px; padding-left: 7px; background-position: 211px center; font-size: 13px; } 

 .searchBox table.search td { margin-top: 5px; display: block; padding: 0; font-size: 14px; } 

 .searchBox table.search input[type=text] { display: block; padding: 13px 30px 13px 10px; width: 133px; border: 1px solid #c2cad0; font-size: 15px; } 

 .searchBox ul.tab { margin-bottom: 5px; display: flex; margin-left: 8px; } 

 /* 서브페이지 */
 /* pc용 숨기기 */
 .top_step { display: none; } 

 .mobile_step { display: block; width: 100%; height: auto; } 

 .mobile_step ul { display: flex; justify-content: start; } 

 .mobile_step ul li { flex: 1; font-size: 15px; line-height: 40px; height: 40px; padding: 2px; } 

.bl_none {border-left: 0 !important;}

 .mobile_step ul li.active { flex: 1; font-size: 15px; height: 40px; line-height: 40px; padding: 2px; } 

 /* sub visaul */
 .smain_visual { position: relative; background-repeat: no-repeat; height: 100px; overflow: hidden; } 


 .visual_img { display: none; } 

 .m_visual_img { display: block;height: 100%; } 

 /* location css */
 .location ul.path { width: 100%; } 

 .location ul.path li { min-width: 96px; } 

 /* sub contents */

 .flex_column { display: flex; flex-direction: column; justify-self: start; } 

 .flex_ { display: flex; align-items: center; justify-content: start; gap: 20px; } 

 .flex_basic { display: flex; justify-content: space-between; gap: 10px } 

 .flex_justify_basic { display: flex; justify-content: space-between; gap: 3px } 

 .flex_basic_gap { padding-bottom: 10px; flex-direction: column; } 

 .flex_basic_gap li { flex: 1; padding-bottom: 10px; } 

 .tp_box { text-align: center; } 

 .tp_box p { font-size: 14px; width: 90%; margin: 0 auto; line-height: 20px; } 


 /* 서브 페이지 이미지 */
 .flex_basic_gap li>img { filter: brightness(0.6); width: 100%; } 

 /* 서브 페이지 서브 타이틀 */
 .flex_basic_gap li span.icon_tit { top: 36%; } 

 .flex_basic_start { flex-direction: column; padding: 0; gap: 10px; width: 96%; margin: 0 auto; } 

 .flex_basic_start>span>img { width: 100%; } 

 /* 회사소개 - */
 .c070101_wrap { background: #ffffff; display: flex; flex-direction: column; padding: 0; } 

 /* 회사소개 - 기업개요 */
 .history-wrap .history-list { width: 100%; padding-left: 20px; border-left: 0; } 

 /* 회사소개 - 기업철학 */

 .b-box { padding: 15px; } 

 .b-box>b { font-size: 18px; } 

 .m_philosophy_span { display: flex; justify-content: start; align-items: center; gap: 10px; } 


 /* 회사소개 - 일반현황 */
 .m-philosophy ol { overflow: hidden; display: flex; justify-content: space-between; flex-direction: column; gap: 15px; } 

 .m-philosophy li { width: 100%; background: #ffffff; padding: 0; border-bottom: 1px dashed #e0e0e0 } 

 .m-philosophy li:last-child { border-bottom: 0; } 

 .m-philosophy li .text { font-size: 16px; padding-left: 0; } 

 .m-philosophy ol li p { display: flex; justify-content: start; align-items: center; gap: 10px; } 

 .m-philosophy .n01 { margin-top: 0px; } 

 .m-philosophy li .n02 { margin-top: 0px; } 

 .m-philosophy li .n03 { margin-top: 0px; } 


 .m-philosophy li .ph-list { margin-top: 0px; } 

 .m-philosophy li:first-child b { position: static; height: 100%; } 

 .m-philosophy li b { position: static; font-size: 34px; height: 100%; } 

 .m-mission { background: #ffffff; padding: 0; width: 100%; height: 100%; } 

 .m-mission img { width: 100%; } 

 .m-slogan-cont,
 .m-slogan-cont2 { flex: 1; } 

 .m-slogan-cont ul,
 .m-slogan-cont2 ul { display: block; padding: 10px; margin-left: 0; margin-bottom: 0; } 


 .m-slogan-cont p,
 .m-slogan-cont2 p { font-size: 16px; padding: 10px; } 

 .m-slogan-cont li,
 .m-slogan-cont2 li { display: block; font-size: 13px; line-height: 150%; } 

 /* 회사소개 - bi/ci 소개 */
 .ci-wrap img { border: 1px solid #ddd; width: 100%; height: auto; } 

 /* 회사소개 - 찾아오시는 길 */
 .g-box01>img { width: 100%; height: auto; } 

 .g-box01 { background: #f8f8f8; border: 1px solid #DDD; padding: 5px; white-space: inherit; } 

 .bus_view { position: relative; display: flex; flex-direction: column; gap: 10px; justify-content: start; } 

 .bus_view .roster_txt { /* float: right; */
 width: 100%; } 

 .g-box01 b { font-size: 13px; font-weight: 500; line-height: 20px; } 

 /* 모바일용 텍스트 */
 .c-list01 li,
 .c-list01-li { font-size: 13px; } 

 .p-tit { font-size: 20px; } 

 .flex_four_column>li>.info>p { font-size: 14px; line-height: 20px; } 

 .bot_center .sec-events_pro .events_pro_list ul { display: none; } 

 .data-in-wrap .ptit { display: block; margin-bottom: 3px; font-size: 15px; margin-top: 5px; } 

 .data-in-wrap .ptit strong { color: #2d52aa } 

 .data-in-wrap .pcont { padding: 10px; background: #f6f6f6; } 

 .data-in-wrap .pcont .pstate_1 { color: #ff0000; } 

 .bot_center .sec-events_pro { height: auto; } 


 .krsv-ship-list .data-in-wrap .pprice { position: absolute; right: 24px; text-align: right; top: 47px; font-weight: bold; color: #2d52aa; font-size: 14px; } 

 .pinfo { font-size: 12px; } 

 .krsv-ship-list .data-in-wrap a:hover,
 .krsv-ship-list .data-in-wrap a.over { background: #2d52aa; color: #FFF; } 

 .krsv-ship-list .data-in-wrap a:hover *,
 .krsv-ship-list .data-in-wrap a.over * { color: #FFF; background: #2d52aa; } 

 /* tit02 타이틀 */
 .c-tit02 { font-size: 16px !important; } 

 .c_tit_login { font-size: 20px; font-weight: 600; color: #333333; /* padding-left: 20px; */
 /* background: url(../_Img/Common/blt01.gif) no-repeat left center; */
 line-height: 125%; margin-bottom: 0; } 

 .join_t>br { display: none !important; } 

 /* 예약하기 */
 .sellist-rsv-list ul { padding: 0; } 

 .krsv-ship-list .data-in-wrap .pchk>input[type="radio"] { width: 18px; height: 18px; } 

 .sellist-rsv-list li .fld7>span>input[type="radio"] { width: 15px; height: auto; } 

 .krsv-ship-list .data-in-wrap .ptit { /* display: block; */
 margin-bottom: 0; font-size: 14px; } 

 .krsv-ship-list .data-in-wrap .pcont { padding-left: 35px; padding-top: 8px; } 

 .krsv-ship-list .no-data { font-size: 12px; } 




 .sellist-rsv-list li { flex: 1; font-size: 12px; text-align: center; letter-spacing: -1px; padding: 5px 0; background: #f9f9f9; border-bottom: 1px solid #e0e0e0; } 

 .fld4_none { display: none; } 

 /*가는 선편, 오는 선편 조회 박스*/
 .krsv-ship-slwrap { width: 100%; position: relative; } 

 .krsv-wrap .krsv_inner,
 .krsv_inner { width: 98%; margin: 0 auto; overflow: hidden; position: relative; margin-top: 30px } 


 .krsv-ship-slwrap:after { content: ""; display: block; clear: both; } 

 .rsv-ship-wrap .sellist-rsv-fld .display_flex li { padding: 6px; flex: 1; font-size: 12px; } 

 .sel-sch-top .sel-sch-date .pdate { padding: 0 7px; font-size: 14px; font-weight: bold; color: #215294; } 

 .krsv-tk-selinfo-foot .pTotalCost { font-size: 16px; font-weight: bold; color: #DF2519 } 

 .fld7 { margin-top: 8px; width: 50px; } 

 .sellist-rsv-wrap { height: auto; } 

 .sellist-rsv-list { height: 170px; } 

 .sellist-rsv-list .no-data { padding-top: 35px; } 

 /* 예약 운임 테이블 */

 .tbl-frm-rsv-in { display: block } 

 .tbl-frm-rsv-in th,
 .tbl-frm-rsv-in td { font-size: 12px; } 

 .tbl-frm-rsv .left,
 .tbl-frm-rsv .l { padding-left: 5px; font-size: 12px; } 

 .tbl-frm-rsv th,
 .tbl-frm-rsv td { padding: 10px; } 

 .krsv-ship-list { max-height: 200px; } 

 .ptxt { font-size: 13px; } 

 /* 예약 규정 */
 .krsv-tk-selinfo-foot .fl { } 

 /* step2 layout */

 .krsv-rnd-box { width: 98%; margin: 0 auto; padding: 0; position: relative; } 

 .rsv_tail p,
 .rsv_tail { line-height: 16px; padding: 0 5px; font-size: 13px; } 

 .sel-sch-date>a>img { } 

 /* 운임규정 텍스트 */

.flex_custom { display: flex; justify-content: space-around; align-items: center; margin-bottom: 10px; } 

.flex_custom_txt { font-size: 12px; } 


 #printSelMem,
 p#printSelProdCost,
 p#ProdCostPolicy { font-size: 13px; } 

 #ProdCostPolicy>strong,
 #ProdCostPolicy>span { font-size: 13px; } 

 .new_block_wrap { display: flex; flex-direction: column; gap: 3px } 

 .tbl-frm-rsv-wrap .new_block { display: flex; flex-direction: column; gap: 0; line-height: 17px; } 

 .tbl-frm-rsv-wrap .new_block_txt { line-height: 17px; } 

 .new_block_txt>span,
 .new_block_txt>.ptxt>span { display: block; } 

 /* 로그인 영역 */
 .login-wrap { padding: 20px 10px 30px 10px; } 

 .login_area { flex-direction: column; } 

 .login-box-wrap { width: 98%; height: auto; border-bottom: 1px solid #888888; } 

 /* 로그인 빅 버튼 */
 .big_Btn { position: absolute; top: 51px; right: 86px; width: 0; } 

 .login-frm-wrap { width: 100%; border-right: 0; margin-bottom: 20px;} 

 .login-wrap .login-frm-toptxt h3 { font-size: 22px; line-height: 30px; } 

 .login-wrap .login-frm-toptxt p { color: #999999; padding: 2px 0; font-size: 13px; line-height: 17px; } 

 .login_flex { display: flex; justify-content: start; } 

 .login-wrap .login-frm .text_login { width: 50%; height: 22px; } 



.login-wrap .login-frm .lbl,
.login-wrap .login-gst-frm .lbl { width: 70px; } 

.login-wrap .login-gst-frm .text_login { width: 140px; height: 18px; } 

 .login_btn { width: 80px; padding: 10px; line-height: 54px; font-size: 14px; color: #fff !important; background: #3f51b5; border: 0; font-weight: 500; } 

 .login-wrap .login-sbtn dd { padding-top: 10px; padding-left: 50px; } 

 .w-btn span { width: 111px; padding: 0 0px; font-size: 12px; } 




 .login-wrap .login-frm-item2 { padding-left: 0; font-size: 13px; } 

 .join_icon img { width: 60px; height: auto; } 

 /* 회원가입 */
 .join-wrap .join-frm-toptxt h3 { font-size: 20px; } 

 .join-wrap .join-frm-toptxt p { padding: 8px 22px; font-size: 13px; line-height: 19px; } 

 .login-wrap .login-sbtn dt { padding-left: 0px; width: 50%; line-height: 17px; font-size: 13px; white-space: nowrap; } 



 /* 회원가입 필수 텍스트 */

.tail_txt { position: static; text-align: right}

.join_tail_txt { position: absolute; left:0; top:23px; } 

 .join-frm .join_flex li { display: flex; justify-content: start; } 

 .join-frm .join_flex li .plbl { width: 100px; } 

 .join-top-img .pimg { position: relative; left: 0; top: 0; z-index: 1; } 

 .join-top-img .ptxt { position: relative; top: 0; left: 0; line-height: 18px; text-align: left; } 

 .join-frm li { display: flex; justify-content: start; gap: 5px; } 

 .join-frm .plbl { width: 100px; } 

 .join-frm .ptxt { width: 100%; padding-left: 5px; } 

.join_li_flex .join_flex_ptxt { display: flex !important; justify-content: start; flex-direction: column; gap: 10px; align-items: flex-start;/* padding-left: 5px;padding-right: 5px; */}

.email_addr { width: 60% !important; } 


 .join-top-img .pimg img { width: 100%; } 

/* 회원 탈퇴 */

.leave_tit_wrap { justify-content: center; align-items: baseline; width: 90%; margin: 10px auto; } 

 .leave_tit_info { display: flex; flex-direction: column; justify-content: center; gap: 10px; } 

 .leave_tit_idpw { display: flex; justify-content: center; flex-direction: column; } 

 .tit_idpw_wrap { width: 100%; margin:0; } 

 .tit_idpw_tail { display: block; } 


.chkPasswd-box .ibox input { width: 100%; } 
.cust_w70input { width: 70% !important; } 

.cust_input { width: 100% !important;; } 

.leave_tit_textarea { width: 240px; height: 100px; } 

.tit_idpw_wrap .mg5f { display: flex; justify-content: start; gap: 10px; align-items: flex-start; } 

.tit_leave_input { width: 236px; } 
 /* .leave_tit_cust { display: flex; flex-direction: column; justify-content: center; gap: 10px; } */


 /* 조회하기 버튼 */
 .search_Btn { overflow: hidden; width: 100px; color: #ffffff; font-weight: bold; background: #3f51b5; border: 0; cursor: pointer; font-size: 14px; letter-spacing: -1px; line-height: 28px; padding: 5px 16px; overflow: hidden; margin-top: 8px; height: 40px; } 

 .sel-tit { position: relative; height: inherit; } 

 .mem-type-selbox { margin: 0 auto; display: flex; align-items: center; flex-direction: column; } 

 .mem-type-info { margin-top: 35px; } 

 .mem-type-selbox .mem_type_phone { border-bottom: 1px solid #e0e0e0; border-right: 0; } 

 .mem-type-selbox .mem_type_phone,
 .mem-type-selbox .mem_type_ipin { width: 100%; padding: 20px 0; } 

 .mem-type-selbox .mem-cert1 { justify-content: center; gap: 30px; } 

 .mem-type-selbox .mem-cert3 .join_icon2 { } 

 .mem-type-selbox .mem-cert3 .ptit { height: 50px; } 

 .mem-type-selbox .mem-cert3 { display: flex; gap: 30px; flex-direction: column; justify-content: center; align-items: center; } 

 .mem-type-selbox .mem-cert3 .fld1 { width: auto; } 

 .mem-type-selbox .mem-cert3 .fld2 { min-width: 165px } 

 .mem-type-selbox .mem-cert3 .ptxt { display: block; border-left: 0; } 


 /* 마이페이지 - 회원정보 수정 */
.pass_wrap p.mg5f { display: flex; align-items: center; margin-bottom: 10px; } 

.rsv-custom-table>tbody {
    flex-direction: column;
}

.rsv-custom-table>tbody>tr {
    flex: 1;
}

.tdW100p {
    width: 100%;
}

.border_Lnone {
    border-left: 0 !important;
}

th.custom_size {
    padding: 5px 15px !important;
    border-left: 0 !important;
}




 /* 나의 1:1문의 내역 */
 .board_none { display: none; } 

 .board_colgroup col:first-child,
 .board_colgroup col:last-child { display: none; } 

 .board_myqna .numBer,
 .board_myqna .first { display: none; } 

 .board_colgroup .date,
 .board_colgroup .read,
 .board_colgroup .file { display: none; } 

 .b_file,
 .b_date,
 .b_read { display: none; } 

 .chkpass_confirm { margin-top: 20px } 


 .chkpass_confirm h3 { font-size: 20px; } 

 .board_myqna tbody>tr>td.subject>a { width: 100px; } 

 .myinfo-frm .flex_column { display: flex; flex-direction: column; gap: 0; } 

 .myinfo-frm .flex_column li { display: flex; } 

 .myinfo-frm .flex_column .plbl { width: 28%; background: #f2f2f2; } 

 .myinfo-frm .flex_column .ptxt { width: 72%; } 

 .join-frm .text { width: 70px;} 

.join-frm .plbl .lbl { line-height: 18px; } 

 .email_text { width: 61% !important; } 

 .input_num > input { width: 50px !important; } 

.ptxt .join_flex_ptxt { display: flex; gap:5px}

.join_name_box { display: flex; gap:5px}

#txt_m_passwd .text { width: 50px; } 

.pass_wrap { width: 100%; } 

.frist_name { width: 75px !important; } 

.second_name { width: 90px; } 

 .input_email,
 .input_id input { width: 120px; } 


 #chkr_m_id { display: block; } 

 .chkPasswd-box { padding: 10px; margin-top: 20px; } 

 .chkPasswd-box p { clear: both; width: 100%; margin: 5px auto; } 

 .chkPasswd-wrap p { text-align: center; } 

 /* 고객센터 - 공지사항 */
 .board-list-li li .board-li-wrap { flex-direction: column; align-items: flex-start; } 

 .board-view-btns { width: 98%; margin: 0 auto; } 

 .board-list-li .pcont {
     width: 100%;
 }


 /* 고객센터 - 1:1 상담문의 */
 .question_board { width: 98%; margin: 0 auto; } 


 /* 공지사항 아이콘 */
 .ic_notice { display: none; } 

 .board-view-contents #boardContents table { width: 100% !important; } 

 #prnum { display: block; position: absolute; top: 175px; z-index: 10; left: 46%; } 

 #boardContents img { width: 100%; } 

 /* 고객센터 - faq */
 .faq-contents { padding: 20px 0px 20px 30px; } 

 .faq-contents .pad20a { padding: 0; } 

 .faq-in-cont .pad20a>h1.c-tit01 { font-size: 16px; } 

 .board-faq-list .faq-in-cont { position: relative; display: none; background: #F8F8F8; background: #f9f9f9 url(/_Img/Board/icon_a.png) no-repeat 5px 20px; padding: 0; border-bottom: 1px solid #EEE; } 


 /* 아이디 비밀번호 찾기 */
 .searchid_box_wrap { display: flex; justify-content: space-between; flex-direction: column; } 

 .searchid-wrap .searchid_box { border-right: 0; padding: 20px; } 

 .searchpw_box { border-top: 1px solid #e0e0e0; } 


 .search_idpw_wrap { width: 98%; margin: 0 auto; } 

 /* 테이블 cell 조절 */
 .tbl-frm-rsv { table-layout: inherit; } 





 .none_table_cell { display: block; } 

 .table_layout { table-layout: fixed; } 


 .tbl-type01 thead th,
 .tbl-type01 tbody td { font-size: 13px; line-height: 19px; } 


 .table_cell { display: table-cell; table-layout: fixed; } 

 #rsvPassengerCost .tbl-type04 th,
 .rsvPassengerCost .tbl-type04 th { font-size: 13px; padding: 5px 3px; text-align: center; background: #f6f6f6 } 

 .tbl-type04 { table-layout: initial; } 


 .krsv-tk-selinfo-foot { display: block; flex-direction: column; padding-left: 0; padding: 15px 5px; } 

 .krsv-step03-foot { display: block; padding-left: 15px; } 

 .krsv_step1_foot { display: flex !important; justify-content: center; gap: 0; width: auto; } 

 a.freightBtn>span { font-size: 11px; } 

 .foot_2 { text-align: right; } 

 /* */
 .frm_none { display: none; } 

 .cust_info { display: flex; flex-direction: column; justify-content: start; width: 99%; } 

 .cust_info li { flex: 1; padding: 0; display: flex; justify-content: start; align-items: center; gap: 10px; border-bottom: 1px solid #e0e0e0; font-size: 13px; } 

 .cust_info span { } 

 .num_info { display: flex; align-items: center; } 

 .cust_tit { background-color: #f2f2f2; padding: 10px; font-size: 13px; } 

 .label_fontSize { font-size: 13px; vertical-align: middle; } 

 .cust_info_tit { color: #000000; font-size: 13px; font-weight: bold; width: 68px; } 


 .cust_tifon_tit_line { line-height: 20px; } 

 .cust_info_tit_block { display: block; background: #f6f6f6; border-bottom: 1px solid #e0e0e0; padding: 10px; text-align: center; font-size: 15px; color: #000; font-weight: bold; } 

 .select_tour_span { width: 90%; margin: 0 auto; padding-top: 10px; } 

 .cust_info li .cust_info_cate { line-height: 20px; } 

 .tbl-frm-rsv th,
 .tbl-frm-rsv td { font-size: 12px !important; } 

 .cust_info li span input[type="text"] { height: 20px; font-size: 12px; } 

 .pc_passport { display: none; } 

 .tbl-frm-rsv .isbox { line-height: 12px; } 

 .pad5f>strong { display: block; } 

 .g-box02 { background-color: #f6f6f6; } 

 /* 모바일 예약자 정보 숨김 */

 .display_mobile { display: block !important; border-left: 0 !important; } 

 .display_pc { display: none !important; } 

 .display_table { display: none; } 

 .tblock { display: inline-table !important; } 

 #rsvPassengerCost .tbl-type04 td,
 .rsvPassengerCost .tbl-type04 td { font-size: 13px; padding: 6px; text-align: center; border-bottom: 1px solid #e0e0e0; } 

 /* 예약 확인 페이지 */
 .reservation-list { list-style: none; padding: 0; } 

 .reservation-item { border: 1px solid #ccc; margin: 10px; padding: 0; } 

 .reservation-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; background-color: #f6f6f6; padding: 5px } 

 .reservation-header a { text-decoration: none; color: #333; } 

 .reservation-header .detail_Btn { background-color: #2d52aa; display: inline-block; font-size: 14px; color: #ffffff; letter-spacing: -1px; line-height: 1.3em; padding: 5px 16px; overflow: hidden; margin-top: 0; border-radius: 3px; } 



 .reservation-summary { padding: 5px; border-top: 1px solid #e0e0e0; } 

 .reservation-date,
 .departure-info { font-size: 13px; } 

 .reservation-details { margin-bottom: 10px; } 

 .reservation-details p { padding: 0 5px; margin: 0; font-size: 13px; } 

 .product-name { font-size: 16px; font-weight: bold; } 

 .return-info { font-size: 13px; margin-top: 5px; } 

 .additional-info,
 .total-members,
 .total-cost,
 .reservation-status { font-size: 14px; font-weight: bold; } 

 .reservation-actions a { text-decoration: none; color: #fff; background-color: #333; padding: 5px 10px; border-radius: 3px; font-size: 12px; margin-right: 5px; } 

 /* 예약 상세보기 */
 .rsv-infobox-top p { font-size: 13px; padding: 0; text-align: center; } 

 /* 예약확인 상세 팝업 */
 .detailCostInfo { right: 0; top: 0; } 

 .detail_showBtn { position: absolute; right: -170px; top: -16px; } 


 /* 예약/스케쥴 - 예약 안내 */

 .reserve-info h4 { display: flex; justify-content: flex-start; gap: 10px; align-items: center; } 

 .reserve-info h4 span { font-size: 30px; margin: 0; } 

 .reserve-info ul { padding: 10px 0; background: #fff; padding-left: 0; margin-left: 10px; } 

 .reserve-info .reserve-cont { padding-bottom: 10px; margin-bottom: 10px; } 

 .res_icon_tel,
 .res_icon_tel1 { position: absolute; right: 30px; width: 30px; height: 30px; top: 25px; opacity: 0.7; } 


 .reserve-tel ul { flex-direction: column; gap: 10px; } 

 .reserve-tel li { flex: 1; font-size: 13px; padding: 10px; min-height: 80px; } 

 .reserve-tel li .num { display: initial; font-size: 30px; margin-right: 10px; margin-bottom: 0; } 

 .reserve-tel .tel { display: block; font-size: 16px; margin-top: 0; } 

 .reserve-tel .stit,
 .reserve-tel1 .stit { font-size: 14px; margin-top: 0; } 

 .res_icon_tel1 img,
 .res_icon_tel img { width: 30px; height: auto; } 

 .n_tit { font-size: 16px; } 

 /* 예약/스케쥴 - 운임 안내 */
 .c0103_wrap { background: #ffffff; padding-left: 0; } 

 /* 결제 및 취소 환불 내역 */
 .mobile-list { list-style: none; padding: 0; margin: 0; } 

 .mobile-item { border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; position: relative; } 

 .item-header { display: flex; justify-content: space-between; } 

 .item-header .item-date { font-size: 14px; color: #666; } 

 .item-header .item-type { font-size: 14px; } 

 .item-details .item-cost { font-size: 14px; font-weight: bold; } 

 .item-details-info { display: none; } 

 .details-title { font-size: 15px; font-weight: bold; } 

 .details-list { padding-left: 20px; font-size: 12px; } 

 .item-footer { font-size: 14px; color: #666666; display: flex; gap: 10px } 

 .item-pay-type,
 .item-pay-state { padding: 5px 0 } 

 .item-pay-type::after { content: ""; position: absolute; height: 13px; width: 1px; background: #ccc; bottom: 20px; left: 63px; } 


 .item-details { display: flex; align-items: center; gap: 10px; padding: 10px 0; } 

 .m_ss_btn { background-color: #2d52aa; display: inline-block; font-size: 14px; color: #ffffff; letter-spacing: -1px; line-height: 1.3em; padding: 3px 16px; overflow: hidden; margin-top: 0; border: 0; border-radius: 3px; } 

 .is-btn-detailcost ss-btn { position: relative; } 

 /* 이용가이드 */
 .bot_bottom .sec-guide .icon_wrap .guide_icon { margin-top: 0; } 

 .bot_bottom .sec-guide .icon_wrap ul { display: flex; justify-content: center; align-items: center; gap: 8px; } 

 .bot_bottom .sec-guide .icon_wrap ul li { border: 0; width: 65px; height: auto; gap: 1px; /* background: #f4f4f7; */ } 

 .bot_bottom .sec-guide .icon_wrap { margin-top: 10px; } 

 .guide_icon img { width: 45px; height: auto; opacity: 0.8; } 

 .bot_bottom .sec-guide .icon_wrap .icon_txt { font-size: 13px; } 

 .swiper { width: 96%; height: auto; } 

 .swiper_mobile { display: block; } 

 /* 서비스 안내 */

 .info_ex { /* border: 1px solid #dfdfdf; */
 background: #f6f6f6; padding: 10px; margin: 0 auto; width: 96%; } 

 .flex_four_column { display: flex; flex-direction: column; width: 96%; margin: 0 auto; } 

 .flex_four_column li img { width: 60px !important; height: 60px !important; } 

 .flex_four_column>li:last-child { padding-bottom: 0; } 

 .c020201_wrap .img_area,
 .c0202_wrap .img_area,
 .c020202_wrap .img_area,
 .c020203_wrap .img_area,
 .c020204_wrap .img_area { width: 100%; height: auto; position: relative; background: none; padding-bottom: 20px; } 


 /* 서비스 안내 - 탑승안내 */

 .con_Photo { position: relative; display: flex; justify-content: start; gap: 10px; flex-direction: column; } 

 .con_Photo span { display: block; font-size: 15px; font-weight: 500; text-align: center; color: #555; margin: 10px 20px; line-height: 130%; } 

 .con_Photo li { display: flex; flex-direction: column; } 

 /* 서비스 안내 - 좌석안내 */

 .about-info { gap: 0; width: 96%; margin: 0 auto; display: flex; flex-direction: column; } 

 .about-info dl { display: flex; flex-direction: column; padding: 10px 0; } 

 .about-info dl span { display: flex; } 

 .about-info img { width: 100%; } 

 .c-list01 { width: 96%; margin: 0 auto; } 

 /* 서비스 안내 - 수하물 안내 */
 .back-box { width: 100% !important; background: #f8f8f8; border: none; padding: 10px 0 10px 0px; } 

 .c_box1,
 .c_box2,
 .c_box3 { display: flex; justify-content: center; gap: 20px; border: 1px solid #dfdfdf; padding: 0; margin: 15px 0; flex-direction: column; } 

 .c_box_img { display: block; text-align: center; margin-top: 10px } 

 .s_aline01 { display: none; } 

 .c020402_wrap li img { width: 100%; height: auto; } 

 .c020401_wrap .info,
 .c020402_wrap .info { height: auto; } 


 /* 여행상품 - 여행정보 */
 .kdutyfreeshop-list ul { position: relative; width: 98%; display: flex; flex-direction: column; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 auto; } 

 .kdutyfreeshop-view { width: 98%; margin: 0 auto; } 

 .c-tab01 { margin-bottom: 10px; overflow: hidden; } 

 .c-tab01 li a { font-size: 13px; padding: 13px 20px; white-space: nowrap; } 

 .c-tab01 ul li .over { background: transparent; color: #323d58 !important; border-bottom: 2px solid #323d58; } 

 .c-tab01 ul li a:hover { background: transparent; color: #323d58 !important; } 

 .kdutyfreeshop-view .view-top-cont .ptit { font-size: 14px; line-height: 1.3em; border-top: 2px solid #a3a6ad; border-bottom: 1px solid #a3a6ad; padding: 7px 5px; color: #333; width: 180px; } 

 .kdutyfreeshop-view .view-top-cont li p { font-size: 13px; display: flex; justify-content: start; align-items: center; gap: 10px; } 

 .kdutyfreeshop-view .view-top-img .pimg img { width: 160px; height: 150px; border: 1px solid #DDD; } 

 .kdutyfreeshop-view .view-top-cont .lbl { position: static; width: auto; font-weight: bold; color: #333; } 

 .kdutyfreeshop-view .view-top-cont .txt { padding-left: 0; color: #999; width: 100px; } 

 /* 이벤트 페이지 */
 .swiper-button-next:after,
 .swiper-button-prev:after { font-size: 32px !important; color: #999999; } 


 .swiper_event .swiper-slide .data-in-wrap .pimg img { width: 100%; height: 250px; } 

 /* pagination2 */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { text-align: center; } 

 /* 스와이프 슬라이드 arrow */
.swiper-button-prev2 { position: absolute; bottom: 130px; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; left: 25px; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } 
 /* 스와이프 슬라이드 arrow */
 .swiper-button-next2 { position: absolute; bottom: 130px; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; right: 25px !important; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } 


.swiper-button-next2,
.swiper-rtl .swiper-button-prev2 { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } 

 .swiper-button-next2:after,
 .swiper-button-prev2:after { font-size: 32px !important; color: #999999; } 

.swiper-button-prev2:after,
.swiper-rtl .swiper-button-next2:after { content: 'prev'; } 

.swiper-button-next2:after,
.swiper-rtl .swiper-button-prev2:after { content: 'next'; } 

.swiper-button-next2:after,
.swiper-button-prev2:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } 

.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } 


/* 팝업창 사이즈 조절 */
.popup_layers { width: 100% !important; height: auto !important; } 

.popup_layers div a img { width: 100%; height: auto; } 


.loading_img { width: 50px; height: 50px; } 

.w90P {width: 90% !important;}

.poplayer_foot,
.popwin_foot { display: block; position: relative; bottom: 0px; width: 100%; background: #282828; height: 18px; overflow: hidden; display: block; color: #FFF; font-size: 11px; padding: 4px 0px 4px 0px; } 


 /* 이벤트 - 종료된 이벤트 */
 .tevent-list { width: 98%; margin: 10px auto; } 

 .tevent-list ul { position: relative; width: 100%; display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; flex-direction: column; } 

 .tevent-list li { float: left; height: 245px; flex: 1; } 

 .tevent-list li a { display: block; height: auto; border: 1px solid #EDEDED; overflow: hidden; } 

 .tevent-list li .pdate { display: block; margin-bottom: 0px; font-size: 13px; color: #777; } 

 /* 이벤트 - 진행중이벤트 */
 .board-view-head h4 { font-size: 16px; line-height: 140%; color: #333; padding-left: 7px; } 

 .board-view-cont { display: block; position: relative; border-bottom: 0px solid #C2C2C2; overflow-x: hidden; padding-top: 20px; margin: 0; width: inherit; } 

 /* 이벤트 상세페이지 이미지 */
 #boardContents { padding: 0 5px; } 

 #boardContents>img,
 #boardContents p img { width: 100%; height: auto; } 

 .board-view-winfo .board-winfo-txt { width: 96%; margin: 0 auto; display: flex; flex-direction: column; } 

 .board-view-more { margin-top: 20px; margin-bottom: 20px; } 

 .board-view-more li .lbl { width: 50px; padding-left: 10px; } 

 .board-view-more li .psubject { padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; width: 205px; overflow: hidden; } 

 .board-view-more li .pdate { width: 80px; text-align: center; } 

 /* 이미지 자동 사이즈 */
 .w100p { width: 100%; height: auto; } 


 /* 선내 면세점 */
 .info_box2 { padding: 10px; background: #f8f8f8; } 

 .info_ex2 { background: #f8f9fc; padding: 20px 10px; margin: 5px 0; } 

 .in_shoping_ul { width: 99%; padding: 10px 0px 2px 1px !important; } 

 /* 면세점 정보 이미지 */
 .in_shoping ol { display: flex; flex-direction: column; gap: 10px; width: 96%; margin: 0 auto; } 

 .in_shoping li { width: 100%; background: none; padding: 0; } 

 .in_shoping li span { font-size: 40px; font-weight: 600; color: #2e68a4; display: block; line-height: 100%; margin-bottom: 5px; } 

 .in_s { display: flex; justify-content: start; gap: 10px; flex-direction: column; margin-top: 20px; } 

 .in_s li { margin: 0 auto; } 

 .m_img_size { width: 100% !important; } 


 /* 마이페이지 - 나의 1:1 문의 내역 */
 /*검색폼*/
 .board-search-wrap { display: flex; width: 100%; background: #f9f9f9; height: auto; line-height: 120%; border-bottom: 1px solid #EDEDED; justify-content: center; } 

 .board-search { display: flex; flex-direction: column; gap: 5px; height: auto; text-align: right; padding: 10px 0; } 

 .board-search select { height: 32px; padding: 5px; min-width: 330px; } 

 .board-search .text { height: 25px; width: 100%; } 

 .board-search .vct { right: 20px; } 

 .board-list-head { border-top: 2px solid #555; height: auto; } 

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

 .searchBox .sub_select_num ul li strong { display: block; float: left; width: 282px; font-weight: 600; } 

 .search_layout:first-child { margin-bottom: 0; } 

 .search_layout:nth-child(2) { height: 70px; } 

 /* 사이트 맵 */

 .sitemapList { display: block; width: 98%; margin: 0 auto; } 

 .sitemapList .mn_l1 { width:100%; float: left; position: relative; margin-bottom: 25px; overflow-x: hidden; padding-left: 0; padding-right: 0; border-top: 1px dashed #DDD; padding-top: 30px; } 

 /* 마이페이지 - 예약 변경/취소 */

 .rsv-change-selwrap { position: relative; display: flex; } 

 .rsv-change-selwrap:after { content: ""; display: block; clear: both; } 

 .rsv-change-sitem { text-align: center; min-height: 270px; padding: 20px 10px; border: 1px solid #DDD; cursor: pointer; } 

 .rsv-change-sitem .pinfo { font-size: 12px; border-top: 1px solid #DDD; margin-top: 10px; padding-top: 10px; } 


 .res_table { border: 0; } 

 .res_table colgroup { display: block; width: 100%; } 

 .res_table th,
 .res_table td { width: 100%; display: block; text-align: left; } 

 .res_table th { background-color: #f2f2f2; } 

 /* #rsv-change-rsv { margin-left:31px; margin-right:31px; } */

 /* 달력 커스텀 */
 .ui-datepicker { width: 93% !important; left: 12px !important; z-index: 99999 !important; } 

 .ui-datepicker td span,
 .ui-datepicker td a { display: block; padding: 1em !important; } 

 .ui-datepicker .ui-datepicker-title select { font-size: 1.3em !important; margin: 5px 8px !important; } 

 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px !important; width: 25px !important; height: 25px !important; background: #c8cbda; } 

.ui-datepicker td span,
.ui-datepicker td a { text-align: center !important; } 

.ui-datepicker .ui-datepicker-title { line-height: 1.8em; display: flex; align-items: center; justify-content: space-around; width: 80%; margin: 0 auto !important; } 

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 100px !important; } 

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { top: 50%; } 

/* 운항 스케쥴 */
.kshipsch-sdate > .txt {
    font-size: 16px;
   
}

.ship_tit {
    font-size: 12px;
}
.icon_ship_img {
    width: 20px; height: 20px;
}

.new_kship .col_d {width: 30px !important;padding: 0;}



 /* 미디어 쿼리 end */ } 

 /* 374px 미디어 쿼리 */
 @media screen and (max-width: 374px){
 .main_visual { background-repeat: no-repeat; background-position: center; height: 620px; background: url(../images/sub_img/m_main_visual.jpg)no-repeat; } 

 .bot-box { width: 100%; } 

 .search_area { height: 100%; } 

 .search_area .tab span { width: 100%; display: flex; justify-content: center; flex-direction: column; } 

 .search_area .tab { width: 92% !important; justify-content: center; flex-direction: column; } 

 .search_area .tab span>li { padding: 0; } 

 .search_area .txt .custom_select { width: 100%; } 

 .krsv-search-selcont li .text { width: 97%; } 

 .tooltip_age:hover .text { width: auto !important; } 
 
.chkPasswd-box .ibox input { width: 70%; } 

 /* 로그인 빅 버튼 */
 .big_Btn { position: absolute; position: absolute; top: 52px; right: 77px; width: 0; } 

 /* 툴팁 창 */
 .tooltip_age { position: absolute; top: 2px !important; left: 229px !important; } 

 .tooltip_age>p { width: 100%; } 

 .location ul.path li { min-width: auto; } 

 /* 서브 조회하기 */
 .search { position: relative; display: flex; justify-content: center; flex-direction: column; width: 95%; margin: 0 auto; } 

 .search_layout { display: flex; justify-content: start; margin-bottom: 10px; gap: 0; flex-direction: column; } 

 .search_layout:nth-child(2) { height: 150px; } 


 .join-frm .text {
     width: 50px;
 }


/* 회원 탈퇴 */
.tit_leave_input { width: 235px; } 
.chkPasswd-box label { display: inline-block; width: 60px; } 

 /* 374px 미디어 쿼리 end */ }