@charset "utf-8";
 


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@import url('//fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 메인과 서브에서 공통으로 쓰는 css */

* { font-family: 'Inter', 'Spoqa Han Sans Neo'; letter-spacing: -0.02em; word-spacing: -0.5px; }
body{color:#2b3138;}

/*20230127 이동수 number 화살표 삭제*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

.pointer {
	cursor: pointer;
}

.font_carmen { font-family: 'Inter', 'Carmen Sans' !important; }
.font_carmen > * { font-family: 'Inter', 'Carmen Sans' !important; }

.font_spoqa { font-family: 'Spoqa Han Sans Neo' !important; }
.font_spoqa > * { font-family: "Spoqa Han Sans Neo" !important; }

.point0{color:#1b3282 !important;}
.point_alert{color:#e53372 !important;}
.point0 > *{color:#1b3282 !important;}c
.bg_point0{background-color:#1b3282 !important;}
.svg_point0{fill:#1b3282 !important;}
.stroke_point0{stroke:#1b3282 !important;}
.border_point0{border-color:#1b3282 !important;}
.before_point0::before{color:#1b3282 !important;}
.before_bg_point0::before{background-color:#1b3282 !important;}
input:checked + label.checked_before_bg_point0::before{background-color: #1b3282 !important;}
.after_point0::after{color:#1b3282 !important;}
.after_bg_point0::after{background-color:#1b3282 !important;}

.point1{color:#04a2df !important;}
.point1 > *{color:#04a2df !important;}
.bg_point1{background-color:#04a2df !important;}
.svg_point1{fill:#04a2df !important;}
.stroke_point1{stroke:#04a2df !important;}
.border_point1{border-color:#04a2df !important;}
.before_point1::before{color:#04a2df !important;}
.before_bg_point1::before{background-color:#04a2df !important;}
input:checked + label.checked_before_bg_point1::before{background-color: #04a2df !important;}
.after_point1::after{color:#04a2df !important;}
.after_bg_point1::after{background-color:#04a2df !important;}

.nodata { overflow: hidden; clear: both; font-size: 15px; line-height: 21px; font-weight: 400; padding: 55px 0;}

input[type=password] { letter-spacing: 0.2em; }
input[type=password]::placeholder { letter-spacing: -0.02em; }


/* title */
/*대*/
.contents_title_style_0 { font-family: "Inter", "Carmen Sans"; font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; font-weight: 700; word-break: keep-all; word-wrap: break-word; }
.contents_title_style_1 { font-family: "Inter", "Carmen Sans"; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 700; word-break: keep-all; word-wrap: break-word; }
/* 팝업에서 사용 */
.contents_title_style_2 { font-family: "Inter", "Carmen Sans"; font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem; font-weight: 700; word-break: keep-all; word-wrap: break-word; }


/* main search input (서브페이지에서 동일한 style 사용될 경우 common 파일로 옮기기) */
.search_input_style_0_wrap { font-size:15px; font-size:1.5rem; line-height:18px; line-height:1.8rem; font-weight: 500; color: #2b3138; }
.search_input_style_0_wrap .search_input_title { margin-bottom: 16px; }
.search_input_style_0_wrap .search_map_btn { transition: color 0.2s; position: relative; padding-right: 20px; cursor: pointer; font-weight: 700; }
.search_input_style_0_wrap .search_map_btn::after { content: ''; position: absolute; width: 7px; height: 13px; top: 3px; right: 0; background-image: url('../img/7x13_2b3138_right_arrow.png'); background-repeat: no-repeat; background-size: 7px 13px; background-position: center center; }

.search_input_style_0_wrap .search_input_style_0 > input { width: 100%; padding: 26px 70px 26px 0; box-sizing: border-box; border: 0px none; border-bottom: 2px solid #04a2df; border-radius: 0; outline: none; appearance: none; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 700; color: #04a2df; }
.search_input_style_0_wrap .search_input_style_0 > input:-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.search_input_style_0_wrap .search_input_style_0 > input:-ms-input-placeholder { color: #ccd6e6; font-weight: 400; }
.search_input_style_0_wrap .search_input_style_0 > input::-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.search_input_style_0_wrap .search_input_style_0 > input::-webkit-input-placeholder { color: #ccd6e6; font-weight: 400; }
.search_input_style_0_wrap .search_input_style_0 > .search_btn { transition: background-color 0.2s; cursor: pointer; display: inline-block; width: 51px; height: 51px; border-radius: 50%; position: absolute; right: 0; top: 13px; }
.search_input_style_0_wrap .search_input_style_0 > .search_btn::after { content: ''; position: absolute; top: 14px; left: 14px; width: 23px; height: 23px; background-image: url('../img/23x23_00adef_search_icon.png'); background-repeat: no-repeat; background-size: 23px 23px; background-position: center center; }
/* type_2 : 서브페이지 장소 검색 인풋 */
.search_input_style_0_wrap.type_2 .search_input_style_0 > input { padding: 22px 70px 22px 0; }
/* type_3 : 티켓조회 팝업 인풋 */
.search_input_style_0_wrap.type_3 .search_input_style_0 > input { padding: 19px 70px 19px 26px; border-radius: 10px; border: 2px solid #04a2df; }
.search_input_style_0_wrap.type_3 .search_input_style_0 > .search_btn { transition: background-color 0.2s; }

/* input - 회원가입 입력폼에서 사용 */
.input_style_1_wrap {  }
.input_style_1_wrap .input_style_1_con.alert > input { border-bottom: 2px solid #e53372; padding-bottom: 22px; }
.input_style_1_wrap .input_style_1_con > input { text-transform: uppercase; width: 100%; padding: 23px 0; box-sizing: border-box; border: 0px none; border-bottom: 1px solid #dde4ee; border-radius: 0; outline: none; appearance: none; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138; }
.input_style_1_wrap .input_style_1_con.border_desc > input { width: 100%; padding: 10px 0; box-sizing: border-box; border: 0px none; border-bottom: 1px solid #dde4ee; border-radius: 0; outline: none; appearance: none; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138; }
.input_style_1_wrap .input_style_1_con[form-attr="cardno"] > input { padding: 13px 0 !important; text-align: center; } 
.input_style_1_wrap .input_style_1_con > input:not([readonly]):focus { border-bottom: 2px solid #2b3138; padding-bottom: 22px; }
.input_style_1_wrap .input_style_1_con > input:-moz-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_1_wrap .input_style_1_con > input:-ms-input-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_1_wrap .input_style_1_con > input::-moz-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_1_wrap .input_style_1_con > input::-webkit-input-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_1_wrap .input_style_1_con > input[readonly]{color:#61718d; font-weight: 500;}
/* type_2 : 검색 인풋 */
.input_style_1_wrap.type_2 .input_style_1_con.alert > input { border-bottom: 2px solid #e53372; padding-bottom: 15px; }
.input_style_1_wrap.type_2 .input_style_1_con > input { padding: 16px 30px 16px 0; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; }
.input_style_1_wrap.type_2 .input_style_1_con > input:not([readonly]):focus { border-bottom: 2px solid #2b3138; padding-bottom: 15px; }
.input_style_1_wrap.type_2 .input_style_1_con > .search_btn::after { content: ''; position: absolute; top: 21px; right: 6px; width: 13px; height: 13px; background-image: url('../img/13x13_2b3138_search_icon.png'); background-repeat: no-repeat; background-size: 13px 13px; background-position: center center; }
/* type_3 : 탑승인원정보 인풋 */
.input_style_1_wrap.type_3 .input_style_1_con.alert > input { border-bottom: 2px solid #e53372; padding-bottom: 16px; }
.input_style_1_wrap.type_3 .input_style_1_con > input { padding: 17px 0; font-size:19px; font-size:1.9rem; line-height:23px; line-height:2.3rem; background-color: transparent; }
.input_style_1_wrap.type_3 .input_style_1_con > input:not([readonly]):focus { border-bottom: 2px solid #2b3138; padding-bottom: 16px; }
/* type_4 : 로그인 인풋 */
/*.input_style_1_wrap.type_4 .input_style_1_con > input { font-weight: 700; }*/

/* (차량요금안내) 팝업에서 사용 */
.input_style_2_wrap {  }
.input_style_2_wrap .input_style_2_con > input { width: 100%; padding: 19px 70px 19px 25px; box-sizing: border-box; border: 0px none; border: 2px solid #04a2df; border-radius: 10px; outline: none;
    font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 500; color: #2b3138; background-image: url('../img/23x23_00adef_search_icon.png'); background-repeat: no-repeat; background-size: 23px 23px; background-position: right 20px center; }
.input_style_2_wrap .input_style_2_con > input:-moz-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_2_wrap .input_style_2_con > input:-ms-input-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_2_wrap .input_style_2_con > input::-moz-placeholder { color: #c0ccde; font-weight: 400; }
.input_style_2_wrap .input_style_2_con > input::-webkit-input-placeholder { color: #c0ccde; font-weight: 400; }


/* calendar */
/* 출발/도착일 동시 선택 스타일 */
.calendar_style_0_wrap { font-size:15px; font-size:1.5rem; line-height:15px; line-height:1.5rem; font-weight: 500; color: #2b3138; }
.calendar_style_0_wrap .search_input_title { margin-bottom: 16px; }
.calendar_style_0_wrap .calendar_style_0_con { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner { cursor: pointer; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner::after { content: ''; z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #ccd6e6; border-radius: 10px; background-color: #fff; box-sizing: border-box; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner .calendar_style_0 { z-index: 1; position: relative; background-color: transparent; cursor: pointer; width: 100%; height: 60px; padding: 0px 65px 0px 20px; box-sizing: border-box; border: none; outline: none; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138;
    background-image: url('../img/23x21_00adef_calendar_icon.png'); background-repeat: no-repeat; background-size: 23px 21px; background-position: calc(100% - 20px) center; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner .calendar_style_0:-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner .calendar_style_0:-ms-input-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner .calendar_style_0::-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner .calendar_style_0::-webkit-input-placeholder { color: #ccd6e6; font-weight: 400; }
/* 출발/도착일 개별 선택 스타일 */
.calendar_style_0_wrap.type_2 .calendar_style_0_con .calendar_style_0_inner { width: calc((100% - 23px)/2); }
.calendar_style_0_wrap.type_2 .calendar_style_0_con .calendar_style_0_inner .calendar_style_0 { padding-right: 50px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }

.calendar_style_1_wrap { font-size:15px; font-size:1.5rem; line-height:15px; line-height:1.5rem; font-weight: 500; color: #2b3138; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_style_1 { cursor: pointer; width: 100%; height: 74px; padding-right: 70px; box-sizing: border-box; border: none; border-bottom: 2px solid #04a2df; border-radius: 0; outline: none; appearance: none; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 700; color: #04a2df; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_style_1:-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_style_1:-ms-input-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_style_1::-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_style_1::-webkit-input-placeholder { color: #ccd6e6; font-weight: 400; }
/*btn*/
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_btn { transition: background-color 0.2s; cursor: pointer; display: inline-block; width: 51px; height: 51px; border-radius: 50%; position: absolute; right: 0; top: 13px; }
.calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner .calendar_btn::after { content: ''; position: absolute; top: 15px; left: 14px; width: 23px; height: 21px; background-image: url('../img/23x21_00adef_calendar_icon.png'); background-repeat: no-repeat; background-size: 23px 21px; background-position: center center; }

/*일반 달력*/
.common_calendar_style { cursor: pointer; width: 100%; height: 74px; padding-right: 70px; box-sizing: border-box; border: none; border-bottom: 2px solid #04a2df; border-radius: 0; outline: none; appearance: none; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 700; color: #04a2df; }
.common_calendar_style:-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.common_calendar_style:-ms-input-placeholder { color: #ccd6e6; font-weight: 400; }
.common_calendar_style::-moz-placeholder { color: #ccd6e6; font-weight: 400; }
.common_calendar_style::-webkit-input-placeholder { color: #ccd6e6; font-weight: 400; }

.common_calendar_btn { transition: background-color 0.2s; cursor: pointer; display: inline-block; width: 51px; height: 51px; border-radius: 50%; position: absolute; right: 0; top: 13px; }
.common_calendar_btn::after { content: ''; position: absolute; top: 15px; left: 14px; width: 23px; height: 21px; background-image: url('../img/23x21_00adef_calendar_icon.png'); background-repeat: no-repeat; background-size: 23px 21px; background-position: center center; }

.calendar_style_0_wrap.type_2 { width: 100%; }
.calendar_style_0_wrap.type_2 .calendar_style_0_con .calendar_style_0_inner { width: calc((100% - 23px)/2); }
.calendar_style_0_wrap.type_2 .calendar_style_0_con .calendar_style_0_inner .calendar_style_0 { padding-right: 50px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;  }

/* button */
/*big*/
/*btn_style_0*/
.btn_style_0_con{display: inline-block; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.btn_style_0_con .btn_style_0{display: inline-flex; transition: background-color 0.2s, color 0.2s; align-items: center; justify-content: center;  font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #c0ccde; text-align: center; padding: 10px 27px; border-radius: 10px; border: 1px solid #c0ccde; box-sizing: border-box; cursor: pointer; margin-right: 10px;}
.btn_style_0_con .btn_style_0:last-child{margin-right: 0;}
.btn_style_0_con .btn_style_0.navy{background-color: #1b3282; border-color: #1b3282; color: #fff;}
.btn_style_0_con .btn_style_0.red{background-color: #800040; border-color: #800040; color: #fff;}
.btn_style_0_con .btn_style_0.blue{background-color: #04a2df; border-color: #04a2df; color: #fff;}
.btn_style_0_con .btn_style_0.gray{background-color: #ccd6e6; border-color: #ccd6e6; color: #fff; cursor: default;}

.btn_style_0_con.type_2 .btn_style_0{ min-width: 140px; }
.btn_style_0_con.type_3 .btn_style_0{ min-width: 180px; }
.btn_style_0_con.type_4 .btn_style_0{ padding: 11px 28px; min-width: 100px;}
.btn_style_0_con.type_5 .btn_style_0{ padding: 10px 28px; min-width: 100px; }


/*조회 btn*/
.btn_style_0_navy_con { display: inline-block; }
.btn_style_0_navy_con .btn_style_0_navy { padding: 15px 28px; border-radius: 10px; background-color: #1b3282; box-sizing: border-box; display: inline-block; cursor: pointer; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #fff; }
.btn_style_0_navy_con.type_2 .btn_style_0_navy { min-width: 140px; }
.btn_style_0_navy_con.type_3 .btn_style_0_navy { min-width: 180px; }
/*팝업에서 사용*/
.btn_style_0_navy_con.type_4 .btn_style_0_navy { padding: 11px 28px; min-width: 100px; }
.btn_style_0_navy_con.type_5 .btn_style_0_navy { padding: 10px 28px; min-width: 100px; }

/*다음으로 btn*/
.btn_style_0_gray_con { display: inline-block; }
.btn_style_0_gray_con .btn_style_0_gray { padding: 18px 28px; border-radius: 15px; background-color: #ccd6e6; box-sizing: border-box; display: inline-block; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #fff; }
.btn_style_0_gray_con.type_2 .btn_style_0_gray { min-width: 140px; }
.btn_style_0_gray_con.type_3 .btn_style_0_gray { min-width: 180px; }

/*회원가입하기 btn*/
.btn_style_0_blue_con { display: inline-block; }
.btn_style_0_blue_con .btn_style_0_blue { padding: 15px 28px; border-radius: 10px; background-color: #04a2df; box-sizing: border-box; display: inline-block; cursor: pointer; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #fff; }
.btn_style_0_blue_con.type_2 .btn_style_0_blue { min-width: 140px; }
.btn_style_0_blue_con.type_3 .btn_style_0_blue { min-width: 180px; }
/* type_4 : 탑승인원정보 등록에서 사용 */
.btn_style_0_blue_con.type_4 .btn_style_0_blue { padding: 11px 28px; min-width: 100px; }
.btn_style_0_blue_con.type_5 .btn_style_0_blue { padding: 10px 28px; min-width: 100px; background-color: #fff; border: 1px solid #c0ccde; color: #9bacc6; }


/*small*/
/*도움말(편의시설) btn*/
.btn_style_1_gray_con { display: inline-block; }
.btn_style_1_gray_con .btn_style_1_gray { transition: background-color 0.2s, color 0.2s; padding: 4px 13px 6px 12px; border: 1px solid #c0ccde; border-radius: 5px; background-color: #fff; box-sizing: border-box; display: inline-block; cursor: pointer; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #9bacc6; }
.btn_style_1_gray_con.active .btn_style_1_gray { border-color: #04a2df; color: #04a2df; }

/*small*/
/*인증발송 btn*/
.btn_style_1_blue_con { display: inline-block; }
.btn_style_1_blue_con .btn_style_1_blue { transition: background-color 0.2s, color 0.2s; min-width: 110px; padding: 7px 11px 8px 12px; border: 1px solid #04a2df; border-radius: 5px; background-color: #fff; box-sizing: border-box; display: inline-block; cursor: pointer; text-align: center; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #04a2df; }
/* type_2 */
.btn_style_1_blue_con.type_2 .btn_style_1_blue { transition: background-color 0.2s, color 0.2s; min-width: 110px; padding: 5px 10px 6px 9px; border: 1px solid #04a2df; border-radius: 5px; background-color: #fff; box-sizing: border-box; display: inline-block; cursor: pointer; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #04a2df; }

/*arrow*/
/*이전으로 btn*/
.btn_style_2_arrow_con { display: inline-block;}
.btn_style_2_arrow_con .btn_style_2_arrow { transition: color 0.2s; padding-left: 22px; background-image: url('../img/8x13_2b3138_left_arrow.png'); background-repeat: no-repeat; background-size: 8px 13px; background-position: left top 4px; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #2b3138; }
.btn_style_2_arrow_con.type_2 .btn_style_2_arrow { padding-left: 18px; background-image: url('../img/6x11_2b3138_left_arrow.png'); background-size: 6px 11px; font-family: 'Inter', 'Spoqa Han Sans Neo'; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; }

.btn_style_0_con.type_2 + .btn_style_2_arrow_con { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 20; }
.btn_style_0_con.type_3 + .btn_style_2_arrow_con { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 20; }
.btn_style_0_con.type_3 + .btn_style_2_arrow_con.type_3 { position: relative; top: auto; left: auto; transform: translateY(0%); }

/* type_3 : 마이페이지 결제내역에서 사용 */
.btn_style_3_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.btn_style_3_con .btn_style_3{display: inline-block; transition: background-color 0.2s, color 0.2s; min-width: 95px; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; color:#9bacc6; font-weight: 500; text-align: center; padding: 10px; border: 1px solid #c0ccde; border-radius: 8px; box-sizing: border-box; margin-right: 7px;}
.btn_style_3_con .btn_style_3:last-child{margin-right: 0;}
.btn_style_3_con .btn_style_3.blue{background-color: #04a2df; border-color:#04a2df; color:#fff;}
.btn_style_3_con .btn_style_3.navy{background-color: #1b3282; border-color:#1b3282; color:#fff;}
.btn_style_3_con .btn_style_3.green{background-color: #339933; border-color:#339933; color:#fff;}
.btn_style_3_con .btn_style_3.red{background-color: #800040; border-color:#800040; color:#fff;}

.btn_style_4_con{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.btn_style_4_con .btn_style_4{display: inline-block; transition: color 0.2s; font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; color:#2b3138; font-weight: 500; padding-left: 40px; background-repeat: no-repeat; background-position: left 0px center; box-sizing: border-box; margin-right: 18px;}
.btn_style_4_con .btn_style_4:last-child{margin-right: 0;}
.btn_style_4_con .btn_style_4.home_ticket{background-image:url('../img/home_ticket_icon.png');}
.btn_style_4_con .btn_style_4.mobile_ticket{background-image:url('../img/mobile_ticket_icon.png');}
.btn_style_4_con .btn_style_4.card_receipt{background-image:url('../img/card_receipt_icon.png');}
.btn_style_4_con .btn_style_4.cash_receipt{background-image:url('../img/cash_receipt_icon.png');}

.btn_style_5_con { font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.btn_style_5_con .btn_style_5 { display: flex; justify-content:center; align-items: center; transition: background-color 0.2s, color 0.2s; background-color: #fff; font-family: "Inter", "Carmen Sans"; font-size:20px; font-size:2.0rem; line-height:23px; line-height:2.3rem; color:#2b3138; font-weight: 500; text-align: center; box-sizing: border-box; }
.btn_style_5_con .btn_style_5.blue{background-color: #04a2df; border-color:#04a2df; color:#fff;}
.btn_style_5_con .btn_style_5.navy{background-color: #1b3282; border-color:#1b3282; color:#fff;}
.btn_style_5_con .btn_style_5.gray{background-color: #ccd6e6; border-color:#ccd6e6; color: #fff; cursor: default;}

/* radio btn ( 탑승인원정보 입력폼 기준) */
.radio_style_0_wrap { display: inline-block; margin-bottom: -20px; }
.radio_style_0_wrap .radio_style_0_con { margin-right: 28px; margin-bottom: 20px; }
.radio_style_0_wrap .radio_style_0_con:last-child { margin-right: 0; }
.radio_style_0_wrap .radio_style_0_con > input { width: 0; height: 0; position: absolute; top: 0; left: 0; opacity: 0; }
.radio_style_0_wrap .radio_style_0_con > input + label { cursor: pointer; display: inline-block; position: relative; box-sizing: border-box; padding-top: 2px; padding-bottom: 3px; padding-left: 38px; font-size:19px; font-size:1.9rem; line-height:23px; line-height:2.3rem; font-weight: 700; color: #2b3138; }
.radio_style_0_wrap .radio_style_0_con > input + label::before { content: ''; position: absolute; z-index: 1; top: 6px; left: 6px; width: 15px; height: 15px; display: inline-block; border-radius: 50%; background-color: #04a2df; opacity: 0; }
.radio_style_0_wrap .radio_style_0_con > input + label::after { content: ''; width: 27px; height: 27px; box-sizing: border-box; position: absolute; top: 0; left: 0; border-radius: 50%; overflow: hidden; border: 1px solid #c0ccde; background-color: #fff;}
.radio_style_0_wrap .radio_style_0_con > input:checked + label::before { opacity: 1; }
/* type_2 : 회원가입 폼 */
.radio_style_0_wrap.type_2 .radio_style_0_con { margin-right: 0; width: 131px; }
.radio_style_0_wrap.type_2 .radio_style_0_con > input + label { padding-top: 1px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
/* type_3 : 예매 장소보기 선택 박스 */
.radio_style_0_wrap.type_3 .radio_style_0_con:not(:last-child) { margin-right: 30px; }
.radio_style_0_wrap.type_3 .radio_style_0_con > input + label { padding-top: 0; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.radio_style_0_wrap.type_3 .radio_style_0_con > input:checked + label { color: #04a2df; }
/* type_4 : 결제방법 선택 박스 */
.radio_style_0_wrap.type_4 .radio_style_0_con:not(:last-child) { margin-right: 40px; margin-bottom: 11px; }
.radio_style_0_wrap.type_4 .radio_style_0_con > input + label { font-family: "Inter", "Carmen Sans"; font-size:21px; font-size:2.1rem; line-height:32px; line-height:3.2rem; font-weight: 700; color: #9bacc6; }
.radio_style_0_wrap.type_4 .radio_style_0_con > input + label::before { top: 11px; }
.radio_style_0_wrap.type_4 .radio_style_0_con > input + label::after { top: 5px; }
.radio_style_0_wrap.type_4 .radio_style_0_con > input:checked + label { color: #04a2df; }
/* type_5 : 예매 객실선택 */
.radio_style_0_wrap.type_5 { margin-bottom: 0; }
.radio_style_0_wrap.type_5 .radio_style_0_con { margin-bottom: 0; line-height: 0;}
.radio_style_0_wrap.type_5 .radio_style_0_con > input + label { padding-left: 0; width: 31px; height: 31px; }
.radio_style_0_wrap.type_5 .radio_style_0_con > input + label::before { top: 5px; left: 5px; width: 21px; height: 21px; }
.radio_style_0_wrap.type_5 .radio_style_0_con > input + label::after { width: 31px; height: 31px; }
/* type_6 : 바다로 성별 */
.radio_style_0_wrap.type_6 { margin-bottom: 0; padding: 12px 0px; }
.radio_style_0_wrap.type_6 .radio_style_0_con { margin-bottom: 0px; margin-right: 24px;}
.radio_style_0_wrap.type_6 .radio_style_0_con > input + label { padding-left: 32px; width: 31px; height: 31px; }
.radio_style_0_wrap.type_6 .radio_style_0_con > input + label::before { top: 6px; left: 6px; width: 15px; height: 15px; }
.radio_style_0_wrap.type_6 .radio_style_0_con > input + label::after { width: 27px; height: 27px; }




/* check box (선박 및 객실선택 테이블에서 사용) */
.checkbox_style_0_wrap { display: inline-block; font-size: 0; line-height: 0; }
.checkbox_style_0_wrap .checkbox_style_0_con { position: relative; width: 0; height: 0; }
.checkbox_style_0_con .checkbox_style_0 { width: 0; height: 0; opacity: 0; top: 0; left: 0; position: absolute; }
.checkbox_style_0_con .checkbox_style_0 + label { display: inline-block; cursor: pointer; position: relative; box-sizing: border-box; }
.checkbox_style_0_con .checkbox_style_0 + label::before { content: ''; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 2px solid #fff; border-radius: 5px; overflow: hidden; background-color: #fff; width: 31px; height: 31px; transform: translateY(-50%); background-image: url('../img/16x12_fff_check_icon.png'); background-size: 16px 12px; background-position: center center; background-repeat: no-repeat; }
.checkbox_style_0_con .checkbox_style_0:checked + label::before { background-color: #04a2df; }
.checkbox_style_0_con .checkbox_style_0:disabled + label::before { background-color: #eff3f7; background-image: none; border-color: #e2e6ed !important; }
.checkbox_style_0_con .checkbox_style_0:disabled + label:hover::before { cursor: not-allowed; }
/* type_2 : 우측 텍스트가 존재할 경우, 미체크 bg 있음 (회원 약관동의에서 사용) */
.checkbox_style_0_wrap.type_2 .checkbox_style_0_con { width: auto; height: auto; }
.checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label { padding: 3px 0 4px 43px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label::before { top: 50%; border: 1px solid #ccd6e6; background-image: url('../img/16x12_ccd6e6_check_icon.png'); }
.checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0:checked + label::before { border: none; background-image: url('../img/16x12_fff_check_icon.png'); }
/* type_3 : 우측 텍스트가 존재할 경우, 미체크 bg 없음 (예매 장소선택 페이지에서 사용) */
.checkbox_style_0_wrap.type_3 .checkbox_style_0_con { width: auto; height: auto; }
.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0 + label { padding: 0 0 0 43px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138; }
.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0 + label::before { top: -3px; border: 1px solid #ccd6e6; transform: translateY(0);}
.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0:checked + label { color: #04a2df; }
.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0:checked + label::before { border: none; }



/* select box */
/*게시판에서 사용*/
.selectbox_style_0_wrap { width: 100%; }
.selectbox_style_0_wrap .selected_item_con { width: 100%; box-sizing: border-box; background-image: url('../img/13x7_2b3138_bottom_arrow.png'); background-size: 13px 7px; background-position: top 25px right 3px; background-repeat: no-repeat; }
.selectbox_style_0_wrap .selected_item { padding: 16px 0; box-sizing: border-box; border-bottom: 1px solid #dde4ee; cursor: pointer; font-size:18px; font-size:1.8rem; line-height:23px; line-height:2.3rem; font-weight: 700; color: #2b3138; }
.selectbox_style_0_wrap.active .selected_item { border-bottom: 1px solid transparent; }
.selectbox_style_0_wrap.active .selectbox_style_0_con { display: block; }
.selectbox_style_0_wrap.active .selectbox_style_0_con.selectbox_opentop { display: block; }
.selectbox_style_0_wrap.active .selectbox_style_0_con.selectbox_top { display: block; }
.selectbox_style_0_wrap .selectbox_style_0_con { display: none; width: 100%; border: 2px solid #2b3138; border-radius: 10px; background-color: #fff; max-height: 600px; overflow-y: auto; position: absolute; left: 0; bottom: 2px; transform: translateY(100%); z-index: 10; box-sizing: border-box; }
.selectbox_style_0_wrap .selectbox_style_0_con.selectbox_top { display: none; width: 100%; border: 2px solid #2b3138; border-radius: 10px; background-color: #fff; max-height: 400px; overflow-y: auto; position: absolute; left: 0; bottom: 2px; transform: translateY(0%); z-index: 10; box-sizing: border-box; }
.selectbox_style_0_wrap .selectbox_style_0_con::-webkit-scrollbar{width: 10px; }
.selectbox_style_0_wrap .selectbox_style_0_con::-webkit-scrollbar-thumb{padding: 3px 0; background-color: #e4e3ee; background-clip: padding-box; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.selectbox_style_0_wrap .selectbox_style_0_con::-webkit-scrollbar-button{display: none;}


.selectbox_style_0_wrap .selectbox_style_0_con > ul.selectbox_style_0 > li { padding: 5px 5px 10px 15px; transition: color 0.2s; cursor: pointer; font-size:17px; font-size:1.7rem; line-height:22px; line-height:2.2rem; font-weight: 500; color: #737e8f; }
.selectbox_style_0_wrap .selectbox_style_0_con > ul.selectbox_style_0 > li:first-child { padding-top: 15px; }
.selectbox_style_0_wrap .selectbox_style_0_con > ul.selectbox_style_0 > li:last-child { padding-bottom: 15px; }

/* 인적사항 수정 Variation */
.selectbox_style_0_wrap.readonly .selected_item_con { background-image: none;}
.selectbox_style_0_wrap.readonly .selected_item { color:#61718d;}


/* type_2 : 할인정보 입력폼에서 사용 */
.selectbox_style_0_wrap.type_2 { width: 97px; }
.selectbox_style_0_wrap.type_3 { width: 166px; }


/* paging */
.pagination_style_0_wrap {  }
.pagination_style_0_wrap .button_container { text-align: center; }
.pagination_style_0_wrap .button_container li { display: inline-block; }
.pagination_style_0_wrap .button_container li.btn_page { cursor: pointer; padding: 0 12px; color: #acc5dc; font-size: 19px; font-size: 1.9rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; }
.pagination_style_0_wrap .button_container li.selected { font-weight: 700; color: #2a2a2a; }
.pagination_style_0_wrap .button_container li.btn_prevPage { cursor: pointer; text-indent: -10000px; margin-right: 35px; width: 9px; height: 15px; background-image: url('../img/10x17_2b3138_left_arrow.png'); background-size: 9px 15px; background-repeat: no-repeat; background-position: center; }
.pagination_style_0_wrap .button_container li.btn_nextPage { cursor: pointer; text-indent: -10000px; margin-left: 35px; width: 9px; height: 15px; background-image: url('../img/10x17_2b3138_right_arrow.png'); background-size: 9px 15px; background-repeat: no-repeat; background-position: center; }

.pagination_style_0_wrap .button_container li.btn_shiftPrevPage { cursor: pointer; text-indent: -10000px; margin-right: 25px; width: 15px; height: 15px; background-image: url('../img/11x10_double_left_arrow_cad6ea_2x.png'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center; }
.pagination_style_0_wrap .button_container li.btn_shiftNextPage { cursor: pointer; text-indent: -10000px; margin-left: 25px; width: 15px; height: 15px; background-image: url('../img/11x10_double_right_arrow_cad6ea_2x.png'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center; }

.pagination_style_0_wrap .button_container li.btn_firstPage { display: none; }
.pagination_style_0_wrap .button_container li.btn_lastPage { display: none; }


/* popup */
.popup_style_0_wrap { background-color: transparent !important; padding-left: 20px; padding-right: 20px; max-height: 95vh; overflow-y: auto; }
.popup_style_0_wrap .popup_style_0_con { display: flex; height: auto; float: none; margin: 0 auto; align-items: center; min-height: 100%; }
.popup_style_0_wrap .popup_style_0_con .popup_style_0_inner { max-height: 100vh; padding: 20px 40px 20px 40px; background-color: #fff; border-radius: 30px; min-width: 0; color: #2b3138; overflow: hidden; }
.popup_style_0_wrap .popup_style_0_con .popup_style_0_inner .popup_close_btn { position: absolute; top: 35px; right: 35px; font-size: 0; cursor: pointer; z-index: 10; }

/* 하단에 확인 btn 있는 버전 */
.popup_style_1_wrap { background-color: transparent !important; padding: 20px; max-height: 95vh; overflow-y: auto; }
.popup_style_1_wrap .popup_style_1_con { display: flex; height: auto; float: none; margin: 0 auto; align-items: center; min-height: 100%; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner { background-color: #fff; border-radius: 30px; min-width: 0; color: #2b3138; overflow: hidden; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_close_btn { position: absolute; top: 35px; right: 35px; font-size: 0; cursor: pointer; z-index: 10; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con { padding-left: 35px; padding-right: 35px; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; font-weight: 700; word-break: keep-all; word-wrap: break-word; /*max-width: 280px;*/}
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc { font-size:18px; font-size:1.8rem; line-height:22px; line-height:2.2rem; font-weight: 300; word-break: keep-all; word-wrap: break-word; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .form_list_title{padding-top: 17px; font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 400; word-break: keep-all; word-wrap: break-word; }
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_bottom_con { padding: 22px 0 21px 0; background-color: #eff2f6; cursor: pointer; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 600; }
/*버튼*/
.popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .btn_box_right { position: absolute; top: 18px; right: 0; }

/*type_2 : 공통 팝업 스타일*/
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc { font-size:19px; font-size:1.9rem; line-height:29px; line-height:2.9rem; }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con { padding: 0; background-color: transparent; }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box > div { transition: background-color 0.5s }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .alert{ padding: 22px 0 21px 0; background-color: #eff2f6; text-align: center; }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .yes { padding: 22px 0 21px 0; background-color: #eff2f6; border-right: 1px solid #d9d9d9; }
.popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .no { padding: 22px 0 21px 0; background-color: #eff2f6; }

/*type_3 : 약관 팝업 스타일(개인정보 수집 및 이용목적에 대한 안내, 할인종류에 대한 안내)*/
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_close_btn { position: absolute; top: 35px; right: 35px; font-size: 0; cursor: pointer; z-index: 10; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc { font-size:19px; font-size:1.9rem; line-height:29px; line-height:2.9rem; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_bottom_con { padding: 0; background-color: transparent; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box > div { transition: background-color 0.5s }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .alert{ padding: 22px 0 21px 0; background-color: #eff2f6; text-align: center; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .yes { padding: 22px 0 21px 0; background-color: #eff2f6; border-right: 1px solid #d9d9d9; }
.popup_style_1_wrap.type_3 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .no { padding: 22px 0 21px 0; background-color: #eff2f6; }

/*type_4 : 약관 팝업 스타일(환불규정)*/
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_close_btn { position: absolute; top: 35px; right: 35px; font-size: 0; cursor: pointer; z-index: 10; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc { font-size:19px; font-size:1.9rem; line-height:29px; line-height:2.9rem; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list_title { font-size:19px; font-size:1.9rem; line-height:29px; line-height:2.9rem; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list { padding: 20px 5px 20px 5px; border: 1px solid #ccd6e6; height: auto; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_list { padding-top: 0px; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table { border: 1px solid #ccd6e6; border-top: 2px solid #1b3282;}
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table td { border: 1px solid #ccd6e6; padding: 7px 7px 7px 8px; font-size: 12px; line-height: 17px;}
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table .label { background-color: #eff1f3; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table .label_top { background-color: #c0d6ed; color: #1b3282; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table .label_sub_top { background-color: #e7eef5; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .terms_box_list .terms_table .label.navy { color: #1b3282; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_desc .caution { color: #e53372; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_bottom_con { padding: 0; background-color: transparent; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box > div { transition: background-color 0.5s }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .alert{ padding: 22px 0 21px 0; background-color: #eff2f6; text-align: center; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .yes { padding: 22px 0 21px 0; background-color: #eff2f6; border-right: 1px solid #d9d9d9; }
.popup_style_1_wrap.type_4 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box .no { padding: 22px 0 21px 0; background-color: #eff2f6; }


/*라인*/
.hr_style_0{width: 100%; border-bottom: 1px solid #dde4ee;}


.cal_wrap {padding: 15px 0px; width: 340px; height: 305px;}
.cal_wrap .cal_top {padding: 12px 25px 10px; overflow: hidden; background-color: #000; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.cal_wrap .cal_top > p {text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;}
.cal_wrap .cal_top > p span.prev_btn {padding: 6px 4px; background:url(../img/cal_btn_l.png) no-repeat 0px 3px; text-indent: -10000px; float: left;}
.cal_wrap .cal_top > p span.next_btn {padding: 6px 4px; background:url(../img/cal_btn_r.png) no-repeat 0px 3px; text-indent: -10000px; float: right;}
.cal_wrap .cal_tb_con { background: #fff; padding: 10px 14px 16px 14px; border: 1px solid #e3e3e3; border-top: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.cal_wrap .cal_tb_con .cal_tb {width: 100%;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb td {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb td span {padding:11px 13px;}
.cal_wrap .cal_tb_con .cal_tb .sunday {border-left: 0px solid #e1e1e1; color: #ff0000; }
.cal_wrap .cal_tb_con .cal_tb .saturday {color : #0000ff; }
.cal_wrap .cal_tb_con .cal_tb td.datepicker_today { background-color: #eef3f6; font-weight: bold;}
.cal_wrap .cal_tb_con .cal_tb td:hover {background-color: #eef3f6; cursor: pointer; font-weight: bold;}

/* calendar_style_1_month_con */
.calendar_style_1_month_con .calendar_style_1_month_inner{font-size:0; line-height:0; text-align:center;}
.calendar_style_1_month_con .arrow_box{display:inline-block; vertical-align:middle; cursor:pointer; margin-bottom:1px; width:9px; height:17px; background-repeat: no-repeat; background-position: center center;}
.calendar_style_1_month_con .arrow_box.prev{width:12px; background-image: url('../img/cal_btn_p.png');}
.calendar_style_1_month_con .arrow_box.left{background-image: url('../img/cal_btn_l.png');}
.calendar_style_1_month_con .arrow_box.right{background-image: url('../img/cal_btn_r.png');}
.calendar_style_1_month_con .arrow_box.next{width:12px; background-image: url('../img/cal_btn_n.png');}
.calendar_style_1_month_con .calendar_month_text{font-size:16px; line-height:22px; vertical-align:middle; color:#fff; font-weight:400; width:103px; margin-left:15px; margin-right:15px; display:none;}

.passenger_company_notice .passenger_company_notice_top {font-size: 28px; font-size: 2.8rem; line-height:28px; line-height: 2.8rem; color: #1b3282; font-weight: 600; border-bottom: 2px solid #1b3282; padding-bottom: 5px;margin-bottom: 10px; text-align: left; }
.passenger_company_notice .passenger_company_notice_content {font-size: 19px; font-size: 1.9rem; line-height:24px; line-height: 2.4rem; overflow:auto;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_row {overflow:auto;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_row:not(:last-child) {margin-bottom: 12px; border-bottom: 1px dashed}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_header {font-weight:500;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_header div.passenger_company_notice_exclamation { display: inline-block;width: 18px;height: 18px;background-color:#eb3b3b; margin: auto; border-radius: 16px;text-align: center;font-size:13px;font-size: 1.3rem;font-weight:800;color:#ffffff;line-height: 18px;cursor: pointer; margin-left:2px;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_header div.passenger_company_notice_exclamation .reason { display:none; position: absolute;padding: 10px 6px 10px 10px; font-size: 16px; width: 320px; text-align: left; background-color: #eb3b3b; border-radius: 10px; margin-top: 9px; margin-left: -40px; z-index: 1; }
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_header div.passenger_company_notice_exclamation .reason::after { content:''; top:-8px; left:39px; position:absolute; border-bottom:#eb3b3b solid 10px; border-left:transparent solid 10px; border-right:transparent solid 10px;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_header a.passenger_company_notice_slide {float:right; color:#04a2df; font-size:18px; font-size:1.8rem;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_body, .passenger_company_notice .passenger_company_notice_content .passenger_company_notice_slidebody {font-weight:400; word-break:break-all;}
.passenger_company_notice .passenger_company_notice_content .passenger_company_notice_body .passenger_company_notice_exclamation_reason { width:fit-content; color:#FFFFFF; padding: 4px 8px; font-size: 16px; text-align: left; background-color: #eb3b3b; border-radius: 10px;}

/* 정렬기능 - 20250217 남기정 추가 */
.flex {display:flex;}
.flex_column {flex-direction: column;}
.flex_wrap {flex-wrap: wrap;}
.justify_content {justify-content: center;}
.align_item_center {align-items: center;}
.space_between {justify-content: space-between;}
.space_around {justify-content: space-around;}
.w_100 {width: 100%;}
.margin_auto{margin: auto;}
.margin_top_auto{margin-top: auto;}

/* font weight */
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

/* border */
.border {border: 2px solid #04a2df; border-radius: 25px; margin-top: -2px; background: #fff; overflow: hidden;}
.dot_line {    border: 2px solid transparent; border-image: repeating-linear-gradient(to right, #04a2df 0 10px, transparent 10px 24px); border-image-slice: 1; margin: 0 5px;}
.dot_line_box {position: absolute; bottom: -5.35px; left: 28px; width: calc(100% - 56px); background: white; padding: 2px;}

/* 글씨 크기 */
.fs_large {font-size: 3rem;}
.fs_mediumlarge {font-size: 2.8rem;}
.fs_medium {font-size: 2.5rem;}
.fs_small {font-size: 1.8rem;}

.nowrap {white-space: nowrap;}

/* 테이블 css */
.blue_table {
   	border-top: 1px solid #c8c8c8;
   	border-right: 1px solid #c8c8c8;
}

.blue_table td, .blue_table th {
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	white-space: nowrap;
}

.blue_table td {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    font-weight: 500;
}

.blue_table th {
	padding: 0.2rem 0;
	background: #FFFDEB;
	font-weight: 500;
}

.js-marquee, .marquee {
	background: #d0f2ff;
	overflow: hidden;
}

.btn-motion1 {animation: btn-motion1 1.5s ease-in-out infinite; margin-left: 9px;}


@keyframes btn-motion1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}

.btn-motion2 {animation: btn-motion2 1.5s ease-in-out infinite; margin-left: 9px;}

@keyframes btn-motion2 {
  0%,
  100% {
    transform: translate(0, 0); /* 좌우 반전 상태 유지 */
  }

  50% {
    transform: translate(-10px, 0); /* 좌우 반전 상태 유지 */
  }
}

@media all and (max-width:768px){
	.fs_large {font-size: 2.6rem;}
	.fs_mediumlarge {font-size: 2.1rem;}
	.fs_medium {font-size: 1.8rem;}
	.fs_small {font-size: 1.6rem;}
}

@media all and (min-width:992px){
    .h_point0:hover{color:#1b3282 !important;}
    .bg_h_point0:hover{background-color:#1b3282 !important;}
    .svg_h_point0:hover{fill:#1b3282 !important;}
    .border_h_point0:hover{border-color:#1b3282 !important;}

    .h_point1:hover{color:#04a2df !important;}
    .bg_h_point1:hover{background-color:#04a2df !important;}
    .svg_h_point1:hover{fill:#04a2df !important;}
    .border_h_point1:hover{border-color:#04a2df !important;}

    .contents_title_style_0 { font-size:34px; font-size:3.4rem; line-height:42px; line-height:4.2rem; }
    .btn_style_3_con .btn_style_3{min-width: 120px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem;  padding: 10px 20px;}

    .btn_style_4_con .btn_style_4{font-size:17px; font-size:1.7rem; padding-left: 45px; margin-right: 25px; transition: color 0.2s;}
    .btn_style_4_con .btn_style_4:hover{color:#04a2df;}

    .btn_style_0_con.type_3 + .btn_style_2_arrow_con.type_3 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

	.btn_style_0_con .btn_style_0 { padding: 15px 27px; }
    .btn_style_0_con .btn_style_0:hover { border-color: #04a2df; color: #04a2df; }
    .btn_style_0_con .btn_style_0.navy:hover { background-color: #3049a0; border-color: #3049a0; color: #fff; }
    .btn_style_0_con .btn_style_0.red:hover{background-color: #a91a62; border-color: #a91a62; color: #fff;}
    .btn_style_0_con .btn_style_0.blue:hover { background-color: #48bdea; border-color: #48bdea; color: #fff; }
    .btn_style_0_con .btn_style_0.gray:hover{background-color: #ccd6e6; border-color: #ccd6e6; color: #fff;}
    .btn_style_1_gray_con:hover .btn_style_1_gray { border-color: #04a2df; color: #04a2df; }
    .btn_style_1_blue_con .btn_style_1_blue:hover { background-color: #04a2df; color: #fff; }
    .btn_style_1_blue_con.type_2 .btn_style_1_blue:hover { background-color: #04a2df; color: #fff; }
    .btn_style_3_con .btn_style_3:hover { border-color: #04a2df; color: #04a2df; }
    .btn_style_3_con .btn_style_3.navy:hover { background-color: #3049a0; border-color: #3049a0; color: #fff; }
    .btn_style_3_con .btn_style_3.blue:hover { background-color: #48bdea; border-color: #48bdea; color: #fff; }
    .btn_style_3_con .btn_style_3.green:hover { background-color: #66CC66; border-color: #66CC66; color: #fff; }
    .btn_style_3_con .btn_style_3.red:hover { background-color: #ff0080; border-color: #ff0080; color: #fff; }
    
    
    .btn_style_2_arrow_con .btn_style_2_arrow:hover { background-image: url('../img/8x13_00adef_left_arrow.png'); color: #04a2df; }

	.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0 + label { padding: 3px 0 4px 43px; }
	.checkbox_style_0_wrap.type_3 .checkbox_style_0_con .checkbox_style_0 + label::before { top: 0; }    

    .popup_style_0_wrap .popup_style_0_con .popup_style_0_inner { padding: 25px 60px 25px 40px; }
    .popup_style_1_wrap .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { max-width: none; }

    .popup_style_1_wrap.type_2 .popup_style_1_con .popup_style_1_inner .popup_bottom_con .button_box > div:hover { background-color: #e6eaef; }

    .radio_style_0_wrap.type_3 .radio_style_0_con:not(:last-child) { margin-right: 110px; }
    .radio_style_0_wrap.type_4 .radio_style_0_con:not(:last-child) { margin-bottom :20px; }
    .radio_style_0_wrap.type_4 .radio_style_0_con > input + label { font-size:22px; font-size:2.2rem; }
    
    .selectbox_style_0_wrap .selectbox_style_0_con { max-height: 500px; }
	.selectbox_style_0_wrap .selectbox_style_0_con > ul.selectbox_style_0 > li { padding: 5px 5px 5px 15px; }
    .selectbox_style_0_wrap .selectbox_style_0_con > ul.selectbox_style_0 > li:hover { color: #2b3138; font-weight: 700; }

    .search_input_style_0_wrap .search_map_btn:hover { color: #04a2df; }
    .search_input_style_0_wrap .search_map_btn:hover::after { background-image: url('../img/7x13_00adef_right_arrow.png'); background-repeat: no-repeat; background-size: 7px 13px; background-position: center center; }
    .search_input_style_0_wrap .search_input_style_0 > .search_btn:hover { background-color: #04a2df; }
    .search_input_style_0_wrap .search_input_style_0 > .search_btn:hover::after { background-image: url('../img/23x23_fff_search_icon.png'); }
    .search_input_style_0_wrap.type_3 .search_input_style_0 > .search_btn:hover { border-radius: 0; background-color: transparent; }
    .search_input_style_0_wrap.type_3 .search_input_style_0 > .search_btn:hover::after { background-image: url('../img/23x23_00adef_search_icon.png'); }
    .calendar_style_0_wrap .calendar_style_0_con .calendar_style_0_inner:hover::after { content: ''; border: 2px solid #04a2df; }
    .calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner:hover .calendar_btn { background-color: #04a2df; }
    .calendar_style_1_wrap .calendar_style_1_con .calendar_style_1_inner:hover .calendar_btn::after { background-image: url('../img/23x21_fff_calendar_icon.png'); }
}