@charset "utf-8";

html {scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}
a:hover,
a:active {color: inherit;}

/* ====================================================================================== 
	[모두투어 항공편]
	:: k1로 시작은 TOPAS / 그 이외는 모두투어 및 새롭게 생성된 CSS
	Common Style: layout, common, table, form tag, button, etc...
	CSS 작성 순서 : Block요소, Division Size요소, 위치값 요소, Border요소, 폰트 요소, Etc, 백그라운드
	 - Block요소 : position, display, overflow, float
	 - Division Size요소 : width, height
	 - 위치값 요소 : margin, padding, top, right, bottom, left
	 - Border요소 : box-sizing, border-radius, border
	 - 폰트요소 : font-family, font-size, font-weight, line-height, text-align
	 - Etc : 위의 요소와 백그라운드 빼고 나머지 스타일
	 - 백그라운드 : 백그라운드 관련된 스타일
   ====================================================================================== */
/* BUTTON */
a,
button {cursor: pointer;}
a,
button,
a > span,
button > span {color: inherit; background: transparent;}
a.btn > span > span,
button.btn > span > span {display: inline; width: auto; padding: 0; font-size: inherit; font-weight: 400 !important; line-height: 1em;}
.btn,
a.btn,
button.btn,
a[class^="k1_btn"],
button[class^="k1_btn"],
input[type="button"],
input[type="submit"] {display: flex; width: 100%; height: 44px; margin: 0; box-sizing: border-box; border-radius: 5px; font-weight: 500; color: #555 !important; text-align: center; text-decoration: none; line-height: 1em; transition: 0.3s; cursor: pointer; justify-content: center; align-items: center; background: transparent;}
.btn > span,
a.btn > span,
button.btn > span,
a[class^="k1_btn"] > span,
button[class^="k1_btn"] > span,
input[type="button"] > span,
input[type="submit"] > span {height: auto; padding: 0px; box-sizing: border-box; font-size: 15px; font-weight: 500; text-align: center; color: inherit !important; word-break: keep-all; /* line-height: 1em; */ background: none;}
.btn > span.k1_icon,
a.btn > span.k1_icon,
button.btn > span.k1_icon,
a[class^="k1_btn"] > span.k1_icon,
button[class^="k1_btn"] > span.k1_icon,
input[type="button"] > span.k1_icon,
input[type="submit"] > span.k1_icon {flex-grow: 0; display: inline-block; width: auto;}

.k1_btn_wrap {display: flex; margin-top: 40px; padding: 0 1.25rem; box-sizing: border-box; font-size: 0; text-align: left; justify-content: space-between;}
.k1_btn_wrap button + button,
.k1_btn_wrap button + a,
.k1_btn_wrap a + button {margin-left: 10px;}
.k1_btn_wrap button.hidden + button,
.k1_btn_wrap button.hide + button {margin-left: 0;}
.contentbox .k1_btn_wrap {padding: 0; margin: 40px 0 0;}
.btn_box::after,
.k1_btn_center::after {content: ''; display: block; clear: both;}
.k1_btn_wrap.mdt_flex.row::after {display: none;}

.btn,
.k1_btn,
.btn.k1_btn,
.btn.linebtn {min-width: auto; height: 44px; border: 1px solid #d3dbd9; padding: 0 10px; font-size: 14px; /* line-height: 1em; */ color: #111 !important; background-color: #fff;}
.k1_btn > span,
.btn.k1_btn > span,
.btn.linebtn > span {color: inherit !important;}
.k1_btn_price_search,
.k1_btn_reservation,
.btn.active,
.btn.done,
.btn.close,
.btn.cancle {/* min-width: 172px;  */font-weight: 600; font-size: 15px; color: #fff !important;}
.btn.k1_btn_price_search,
.btn.k1_btn_reservation,
.btn.k1_btn_price_search > span,
.btn.k1_btn_reservation > span,
.k1_btn_booking01,
.btn.active span,
.btn.done span,
.btn.close span {font-weight: 600; color: #fff !important;}
.btn.cancle span {font-weight: 600;}
.k1_btn_price_search,
.k1_btn_reservation,
.btn.active,
.btn.k1_btn_price_search,
.btn.k1_btn_reservation,
.k1_btn_booking01 {background-color: #009c75;}
.btn.active:hover,
.k1_btn_price_search:hover,
.k1_btn_reservation:hover {background-color: #028267;}
.btn.done {background-color: #000;}
.btn.done:hover {background-color: rgba(0, 0, 0, 0.85)}
.btn.close {position: static; top: auto; right: auto; background-color: #475451;}
.btn.close:hover {background-color: rgba(71, 84, 81, 0.9)}
.btn.cancle {color: #555 !important; background-color: #eee;}
.btn.cancle:hover {border-color: #d3d3d3; background-color: #e7e7e7;}
.btn.line {border-color: #009c75; color: #009c75 !important;}
.btn.line:hover,
.btn.line.on,
.btn.line:active {border-color: rgba(0, 156, 117, 0.7); color: #009c75 !important;}
.btn.line.black {border-color: #000; color: rgba(0, 0, 0, 0.8) !important;}
.btn.line.black:hover {border-color: rgba(0, 0, 0, 0.8);}
.btn.noline {border: none; color: #009c75 !important;}
.btn.noline.gray {border: none; color: #888 !important;}
.btn.noline.black {border: none; color: #111 !important;}
.btn.noline:hover {border: none;}
.btn.gray {border-color: #d3dbd9; color: #aaa !important;}

.btn.arrow::after,
.k1_btn.arrow::after,
.btn.linebtn.arrow::after {content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 3px; background: url("../../imgs_ibe/mdt/icons/icon_20.svg") no-repeat 4px 0;}
.btn.small.arrow::after,
.k1_btn.small.arrow::after,
.btn.linebtn.small.arrow::after {content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 6px; background: url("../../imgs_ibe/mdt/icons/icon__15_bk.svg") no-repeat 0 0;}
.k1_btn:hover,
.btn:hover {border-color: #009c75;}
.k1_btn.select,
.btn.select {border: 1px solid #009c75; font-weight: 600 !important; color: #009c75 !important; background-color: rgba(0, 156, 117, .051);}
.k1_btn.select:hover,
.btn.linebtn.select:hover {box-shadow: 0 0 0 2px rgba(0, 156, 117, .2); border-color: #009c75;}

.btn.link {height: 30px; margin-top: 10px; padding: 8px 16px; border: 1px #d3dbd9 solid; border-radius: 5px; font-size: 12px; font-weight: 400; color: #0000ee !important; text-decoration: none; background: #fff;}
.btn.ico span {display: inline-flex; width: auto; align-items: center;}
.btn.ico span::before {content: ''; float: left; width: 26px; height: 26px; margin-right: 5px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 26px 26px;}
.btn.ico.print span::before {background-image: url("../../imgs_ibe/mdt/icons/icon_print_26.svg");}
.k1_btn.dark {color: #fff !important;}
.btn.customer {background-color: #36413e;}
.btn.customer span::before {background-image: url("../../imgs_ibe/mdt/icons/icon_call_white.svg");}
.btn.promotion {height: 52px; margin-top: 20px; font-size: 15px; font-weight: 400; transition: all 0.3s;}
.btn.promotion span {padding: 0 25px 0 5px; transition: all 0.3s; background: url("../../imgs_ibe/mdt/icons/icon_down_20_bk.svg") no-repeat 100%; background-size: 18px 18px;}
.btn.promotion.on span {background-image: url("../../imgs_ibe/mdt/icons/icon_up_20_bk.svg");}
.btn.promotion.none span,
.btn.promotion.none.on span {background: url("../../imgs_ibe/mdt/icons/icon_down_20_bk.svg") no-repeat 100%; background-size: 18px 18px;}
.btn.login {border: 1px #00d9a3 solid; font-size: 16px; font-weight: 700; color: #00d9a3 !important;}
.btn.login.bg {border: none; color: #fff !important; background-color: #00d9a3;}
.btn.login.bg.no_member {border: none; background-color: #8f9f9b;}

.btn_box.w-full a,
.btn_box.w-full button,
.k1_btn_box.w-full a,
.k1_btn_box.w-full button,
.k1_btn_center.w-full a,
.k1_btn_center.w-full button,
.btn_box.k1_w100p a,
.btn_box.k1_w100p button,
.k1_btn_box.k1_w100p a,
.k1_btn_box.k1_w100p button,
.k1_btn_center.k1_w100p a,
.k1_btn_center.k1_w100p button {width: 100%;}

.btn.wauto {display: inline-flex; width: auto;}

.btn.round10 {border-radius: 10px !important;}
.btn.round {border-radius: 26px !important;}
.btn.k1_tal {justify-content: space-between;}
.btn.green {border-color: #009c75; color: #009c75 !important;}
.btn.large {/* min-width: 172px;  */height: 52px !important; font-weight: 600 !important; font-size: 16px !important;}
.btn.medium {height: 46px !important; font-weight: 600 !important; font-size: 15px !important;}
.btn.small {min-width: auto !important; height: 36px !important; font-weight: 400 !important; font-size: 12px !important;}
.btn.xsmall {min-width: auto !important; height: 30px !important; font-weight: 400 !important; font-size: 11px !important;}
.btn.round span,
.btn.large span,
.btn.medium span,
.btn.small span,
.btn.xsmall span {font-size: inherit !important;}

.btn:disabled,
.k1_btn:disabled,
.btn.k1_btn:disabled,
.btn.linebtn:disabled,
.btn:disabled:hover,
.k1_btn:disabled:hover,
.btn.k1_btn:disabled:hover,
.btn.linebtn:disabled:hover,
.btn.active:disabled:hover, 
.k1_btn_price_search:disabled:hover,
.k1_btn_reservation:disabled:hover {border-color: #d9d9d9; color: #bababa !important; background-color: #e6e6e6 !important;}
.btn:disabled span,
.k1_btn:disabled span,
.btn.k1_btn:disabled span,
.btn.linebtn:disabled span {color: inherit !important;}


/* ====================================================================================== 
	[셀렉트박스]
	:: select 태그와 드랍다운 select로 나뉨
	 - <div class="select_box"> 안에 select 작성해야 한다.
	 - 태그 <select class="select 또는 k1_select_border"> 클래스 사용
	 - 드랍다운 select : <div class="select">
	 
	 [인풋박스]
	 :: 라디오버튼과 체크박스를 제외한 인풋클래스 .k1_input_text를 사용한다.
	  - 태그 <input type="" class="k1_input_text" />
   ====================================================================================== */
/* SELECT */
select::-ms-expand {display: none;}
select.select,
.k1_select_border {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select_box {position: relative; display: block; width: 100%; box-sizing: border-box;}
.select_box::after {content: ''; display: block; clear: both;}
.select_box select.select,
.select_box select.k1_select_border,
select.k1_select_border {display: initial; min-width: 15%; width: 100%; height: 52px; padding: 0 35px 0 18px; box-sizing: border-box; border-radius: 5px; border: 1px solid #d9d9d9; cursor: pointer; transition: all 0.3s; background: url("../../imgs_ibe/mdt/icons/icon_down_20_bk.svg") calc(100% - 9px) center no-repeat;}
.select_box select.select,
.select_box select.k1_select_border,
select.k1_select_border {font-size: 16px; color: #666; line-height: 1em;}
.select_box select.select:focus,
.select_box select.k1_select_border:focus,
select.k1_select_border:focus {background: url("../../imgs_ibe/mdt/icons/icon_up_20_bk.svg") calc(100% - 9px) center no-repeat;}
.select_box select.select option,
.select_box select.k1_select_border option,
select.k1_select_border option {padding: 5px 0px; font-size: 14px; color: #666;}
.select_box select.select option:checked,
.select_box select.k1_select_border option:checked,
select.k1_select_border option:checked,
.select_box select.select option[selected="selected"],
.select_box select.k1_select_border option[selected="selected"],
select.k1_select_border option[selected="selected"] {font-weight: 700; color: #fff; background: #278167;}

/* DIV SELECT */
.select_box .select {position: relative; display: flex; width: 100%; min-width: 15%; border: 1px solid #d9d9d9; border-radius: 5px; align-items: center; cursor: pointer; background-color: #fff;}
.select_box .select::after {content: ''; display: block; clear: both;}
.select_box .select .selector {width: 100%; height: 100%; padding: 0 22px 0 9px; box-sizing: border-box; font-size: 16px; color: #666; line-height: 50px;}
.select_box .select .selector::before {content: ""; position: absolute; width: 20px; height: 20px; top: 50%; right: 4px; margin-top: -10px; transition: all 0.2s; background: url("../../imgs_ibe/mdt/icons/icon_down_20_bk.svg") no-repeat;}
.select_box .select .selector::after,
.select_box .select.active .selector::before {transform: rotate(180deg); transition: all .3s;}
.select_box .select.active .option_list {display: block; overflow-y: auto; width: 100%; height: auto; max-height: 158px; left: 0; top: 56px; box-sizing: border-box; box-shadow: rgba(17, 17, 17, 0.15) 0px 0px 6px; background-color: #fff;}
.select_box .select.top.active .option_list {top: auto; bottom: 58px;}
.select_box .select.top.active.xsmall .option_list {bottom: 40px;}
.select_box .select.top.active.small .option_list {bottom: 48px;}
.select_box .select .selector.on {color: #222;}
.select_box .select .option_list {position: absolute; z-index: 99999; display: none; width: 100%; height: 158px; left: 0; top: 52px; padding: 0px; margin: 0px; transition: all .3s;}
.select_box .select .option_list > li {display: flex; width: 100%; height: 52px; padding: 0px 9px 0px 9px; margin: 0; box-sizing: border-box; border: 0; font-size: 14px; color: #666; align-items: center; line-height: 30px;}
.select_box .select .option_list li:hover {color: #666; background-color: #e6f2ef;}
.select_box .select .option_list li.on,
.select_box .select .option_list li.on:hover {font-weight: 700; color: #fff; background: #278167;}
.select_box .select .option_list::-webkit-scrollbar {width: 8px;}
.select_box .select .option_list::-webkit-scrollbar-thumb {height: 30%; border-radius: 4px; background: rgba(0, 0, 0, 0.6);}
.select_box .select .option_list::-webkit-scrollbar-track {background: #fff;}

.select_box .select.self .selector input.selector_txt {display: block; width: 100%; padding: 0px; border: none; box-shadow: none; outline: none; cursor: default;}

.select_box select.small {height: 40px;}
.select_box .select.small .selector {padding: 0 22px 0 9px; font-size: 14px; line-height: 40px;}
.select_box .select.small .option_list {top: 45px; max-height: 120px;}
.select_box .select.small .option_list > li {height: 40px; font-size: 13px; line-height: 1.4em;}
.select_box select.xsmall {height: 32px; padding-left: 12px;}
.select_box .select.xsmall  {min-width: 90px;}
.select_box .select.xsmall .selector {padding: 0 22px 0 10px; font-size: 13px; line-height: 32px;}
.select_box .select.small .selector::before,
.select_box .select.xsmall .selector::before {width: 18px; height: 18px; margin-top: -8px; background: url("../../imgs_ibe/mdt/icons/icon_down_20_bk_s.svg") no-repeat;}
.select_box .select.xsmall .option_list {top: 37px; height: 105px;}
.select_box .select.xsmall .option_list > li {height: 35px;}

/* Input size */
input[type="radio"].input_radio.small,
input[type="radio"].radio.small,
label.radio.small input[type="radio"] {width: 16px; height: 16px;}
label.checkbox input[type="checkbox"]::before {width: 18px; height: 18px; line-height: 18px;}
input.input_radio + input.input_radio,
label.labeltxt + input.input_radio,
label.labeltxt + label.radio,
label.radio + label.radio,
label.radio + input.input_radio,
label.checkbox + label.checkbox {margin-left: 20px;}

/* Input type="text..." */
input:not([type="radio"]):not([type="checkbox"]),
input.k1_input_text {display: inline-block; min-width: 52px; height: 52px; padding: 0 10px; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 5px; font-size: 16px; font-weight: 400; color: #16171d; cursor: pointer; line-height: 1em; background-color: #fff;}
input:not([type="radio"]):not([type="checkbox"]).small,
input.k1_input_text.small {height: 40px; padding: 0px 12px;}
input:not([type="radio"]):not([type="checkbox"]).nborder,
input.k1_input_text.nborder {border: 0;}

.input_delete {position: relative;}
.input_delete input:not([type="radio"]):not([type="checkbox"]),
.input_delete input.k1_input_text:focus {display: block; width: 100%; padding-right: 30px;}
.input_delete .btn_delete {position: absolute; z-index: 1; top: 50%; right: 10px; margin: -7px 0 0;}
.input_delete .btn_delete::before {content: ''; display: inline-block; width: 14px; height: 14px; box-sizing: border-box; border-radius: 50%; color: #fff; cursor: pointer; background: url("../../imgs_ibe/mdt/icons/icon_x.png") no-repeat center center #bfbfbf;}

.input_search {position: relative;}
.input_search input:not([type="radio"]):not([type="checkbox"]),
.input_search input.k1_input_text:focus {display: block; width: 100%; padding-left: 10px; padding-right: 38px; background-color: #f7f7f7;}
.input_search .btn_search {position: absolute; z-index: 1; width: 22px; height: 22px; top: 50%; right: 12px; margin: 0;}
.input_search .btn_search::before {content: ''; display: inline-block; width: 22px; height: 22px; box-sizing: border-box; cursor: pointer; transform: translateY(-50%); opacity: 0.8; background: url("../../imgs_ibe/mdt/icons/icon_search_22.svg") no-repeat center center;}


/* Input Type File */
input.mdt_file[type="file"],
input[type="file"],
input.mdt_file {display: block; width: 100%;}
input.mdt_file[type="file"] {height: 52px; padding: 4px 4px 15px 4px !important; box-sizing: border-box; border:1px solid #d9d9d9; border-radius: 5px; color: #666; line-height: 1em; background:#fff;}
input::file-selector-button{height: 42px; padding: 0 10px; margin-right: 10px; border: 1px solid #111; padding: 5px 10px; border-radius: 5px; color: rgba(0, 0, 0, 0.8); line-height: 1em; transition:.2s; background: #fff;}
input::file-selector-button:hover {color: rgba(0, 0, 0, 0.8);}
.k1_file_box {overflow-y: auto; max-height: 70px; margin: 15px 0 20px; padding: 0 5px; box-sizing: border-box; border: none;}
.k1_file_box ul li {position: relative; display: flex; width: 100%; font-size: 14px; line-height: 1em; align-items: center;}
.k1_file_box ul li + li {margin-top: 10px;}
.k1_file_box ul li em {display: none;}
.k1_file_box ul li:hover {background: none;}
.k1_file_box ul li a {overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; line-height: 18px;}
.k1_file_box ul li a.del,
.k1_file_box ul li button.del {display: inline-block; flex-grow: 0; width: auto; height: 14px; padding-left: 14px; margin-left: 10px; box-sizing: border-box; border-radius: 50%; font-size: 0; cursor: pointer; vertical-align: middle; background: url("../../imgs_ibe/mdt/icons/icon_x.png") no-repeat center center #bfbfbf;}
.k1_file_box::-webkit-scrollbar {width: 4px; margin-right: 1px; border-radius: 2px;}
.k1_file_box::-webkit-scrollbar-thumb {height: 30%; border-radius: 2px; background: #7f8d89;}
.k1_file_box::-webkit-scrollbar-track {border-radius: 2px; background: #c9c9c9;}

.form_area::after {content: ''; display: block; clear: both;}
	.form_area .k1_tit_wrap1 {margin: 0 !important;}
	.form_area .k1_tit_wrap1 .title {display: block; margin: 0 0 10px; font-size: 15px; font-weight: 600;}
	.form_area + .form_area,
	.status_valuebox + .form_area {margin-top: 25px;}
	
	.mdt_flex.form_area {align-items: flex-end;}
	.mdt_flex.form_area::after {content: ''; display: none;}
	.formbox {position: relative; display: block;}
	.formbox + .formbox {margin-top: 10px;}
	.mdt_flex .formbox + .formbox {margin-top: 0;}
	.formbox input:not([type="radio"]):not([type="checkbox"]),
	.formbox input.k1_input_text {display: block; width: 100%;}
	.formbox label.aster {display: block; width: 100%; height: auto; text-align: left; line-height: 1em;}
	label.labeltxt span,
	label.aster span,
	.formbox label span,
	.formbox label.aster span {display: inline-block; font-size: 15px; font-weight: 600; color: #111; line-height: 1em;}
	label.aster span,
	.formbox label.aster span {position: relative; padding-right: 7px;}
	label.aster span::before,
	.formbox label.aster span::before {content: '*'; position: absolute; display: inline-block; width: 7px; top: 2px; right: 0; font-size: 15px; font-weight: 600; color: #009c75; text-align: center;}
	.formbox label + div,
	.formbox label + input:not([type="radio"]):not([type="checkbox"]),
	.formbox label + input.k1_input_text,
	.formbox.mdt_flex input:not([type="radio"]):not([type="checkbox"]) + .select_box {margin-top: 10px;}
	.formbox.mdt_flex input:not([type="radio"]):not([type="checkbox"]) + .select_box,
	.formbox.mdt_flex input:not([type="radio"]):not([type="checkbox"]) + div {margin-left: 10px;}
	.formbox.mdt_flex {flex-wrap: wrap;}
	.formbox.mdt_flex input:not([type="radio"]):not([type="checkbox"]),
	.formbox.mdt_flex .select_box {flex-grow: 1; width: 9%;}
	.formbox.mdt_flex.fixed input:not([type="radio"]):not([type="checkbox"]), 
	.formbox.mdt_flex.fixed .select_box {flex-grow: 0; min-width: 8%;}
	.formbox label.labeltxt + .email_form {display: flex; margin-top: 10px; align-items: center;}
	.formbox label.labeltxt + .email_form > span {flex-grow: 0; padding: 0; margin: 0 10px; color: #888;}
	.formbox.outputtxt {display: block; height: 52px; padding: 0 10px; box-sizing: border-box; border-radius: 5px; border: 1px solid #dbe3ec; font-size: 16px; color: #545454; line-height: 53px; background-color: rgba(26, 143, 114, 0.036);}
	.formbox.outputtxt img.ico_air {display: inline-block; margin: -3px 4px 0 0; vertical-align: middle;}
	.formbox.file .select_box {margin-bottom: 10px;}
	
	p.status_valuebox {display: block; width: 100%; margin-top: 8px; padding: 0 2px; box-sizing: border-box; font-size: 12px; color: #009c75; line-height: 1.46em;}
	p.status_valuebox::after {content: ''; diplay: block; clear: both;}
	p.status_valuebox + p.status_valuebox {margin-top: 0.75rem;}
	p.status_valuebox.error {color: #ed4949;}
	

/* Action :: input, select */
input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel] {font-family: "Pretendard";}
input:not([type="radio"]):not([type="checkbox"]):focus,
input.k1_input_text:focus,
.select_box select.select:focus,
.select_box select.k1_select_border:focus,
select.k1_select_border:focus,
.select_box .select.active,
.select_box .select.active:focus {border: 1px solid #1a8f72; box-shadow: 0 0 0 2px rgba(2, 130, 103, 0.2); outline: none;}

input:not([type="radio"]):not([type="checkbox"]):hover,
select:hover,
.select_box select.select:hover,
.select_box select.k1_select_border:hover,
.select_box .select:hover,
label.radio:hover::before,
label.checkbox:hover::before {border-color: #009c75;}

.select_box select:disabled,
.select_box select[disabled="disabled"],
.select_box select:disabled:hover,
.select_box select[disabled="disabled"]:hover,
.select_box .select.disabled,
.select_box .select.disabled:hover,
select.k1_select_border:disabled,
select.k1_select_border[disabled="disabled"],
select.k1_select_border:disabled:hover,
select.k1_select_border[disabled="disabled"]:hover,
input:not([type="radio"]):not([type="checkbox"]):disabled,
input:not([type="radio"]):not([type="checkbox"])[disabled="disabled"],
input.k1_input_text:disabled,
input.k1_input_text[disabled="disabled"] {border-color: #dbe3ec; color: #bbb; cursor: not-allowed; background-color: rgba(0, 0, 0, 0.04);}
.select_box .select.disabled.active {outline: none; box-shadow: none;}
.select_box .select.disabled .selector {color: #000; opacity: 0.4;}
.select_box .select.disabled.active .option_list {display: none; cursor: not-allowed;}
.select_box .select.disabled .selector::after,
.select_box .select.disabled.active .selector::before {transform: rotate(0deg); transition: all .3s;}

input[readonly]:not([type="radio"]):not([type="checkbox"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):focus,
input[readonly="readonly"]:not([type="radio"]):not([type="checkbox"]),
input[readonly="readonly"]:not([type="radio"]):not([type="checkbox"]):focus,
input[readonly].k1_input_text,
input[readonly].k1_input_text:focus,
input[readonly="readonly"].k1_input_text,
input[readonly="readonly"].k1_input_text:focus {border-color: #dbe3ec; box-shadow: none; color: #545454; outline: none; cursor: not-allowed; background-color: rgba(26, 143, 114, 0.036);}

input:not([type="radio"]):not([type="checkbox"]).error,
input:not([type="radio"]):not([type="checkbox"]).error:hover,
input.k1_input_text.error,
input.k1_input_text.error:hover,
.select_box select.select.error,
.select_box select.k1_select_border.error,
.select_box .select.error,
.select_box .select.error:hover,
.select_box .select.error:focus {border: 1px solid #ff4d4f; box-shadow: 0 0 0 2px rgba(237, 73, 73, 0.2);}

input:not([type="radio"]):not([type="checkbox"]).round,
input.k1_input_text.round,
.select_box select.round,
.select_box .select.round,
.k1_select_border.round {border-radius: 28px;}

/* INPUT - CHECKBOX */
label.checkbox {display: inline-flex; min-height: 18px;; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, .85); align-items: center; cursor: pointer; line-height: 1em;}
label.checkbox.alignt {align-items: flex-start;}
label.checkbox input[type="checkbox"] {position: relative; width: 18px; height: 18px; margin: 0; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 50%; cursor: pointer; outline: none; transition: background-color 0.3s, border-color 0.3s; appearance: none; vertical-align: middle; background-color: #fff;}
label.checkbox input[type="checkbox"]:before {content: ''; position: absolute; display: inline-block; width: 18px; height: 18px; top: 50%; left: 50%; vertical-align: middle; transform: translate(-50%, -50%); background-image: url("../../imgs_ibe/mdt/icons/ico-check_gray.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px;}
label.checkbox input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]::selection {border-color: #00d9a3; background: #00d9a3;}
label.checkbox input[type="checkbox"]:checked::before {content: ''; background-image: url("../../imgs_ibe/mdt/icons/ico-check_white.svg");}
label.checkbox input[type="checkbox"]:hover {border-color: #00d9a3;}
label.checkbox span.labeltxt {display: inline-block; height: 18px; margin: 0px 0 0 5px; font-weight: 500; line-height: 18px;}
label.checkbox > div {line-height: 18px;}
label.checkbox input[type="checkbox"]:checked {animation: smalloutlineEffect 1s ease-in-out;}
@keyframes smalloutlineEffect {
    0% {box-shadow: 0 0 0 2px rgba(2, 130, 103, 0.4);}
    to {box-shadow: 0 0 0 0 rgba(2, 130, 103, 0);}
}

label.radio,
label.checkbox.large {display: inline-flex; font-size: 16px; font-weight: 600; color: #111; align-items: center; cursor: pointer; line-height: 1em;}
label.checkbox.large input[type="checkbox"] {position: relative; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 50%; cursor: pointer; outline: none; transition: background-color 0.3s, border-color 0.3s; appearance: none; background-color: #fff;}
label.checkbox.large input[type="checkbox"]:checked,
label.checkbox.large input[type="checkbox"]::selection {border-color: #00d9a3; background-color: #00d9a3;}
label.checkbox.large span.labeltxt {margin-left: 5px; font-weight: 600;}
label.checkbox.large input[type="checkbox"]:checked {animation: outlineEffect 1s ease-in-out;}
@keyframes outlineEffect {
    0% {box-shadow: 0 0 0 2px rgba(0, 217, 163, 0.4);}
    to {box-shadow: 0 0 0 0 rgba(0, 217, 163, 0);}
}

label.checkbox.imgcheck {font-size: 14px; color: #111;}
label.checkbox.imgcheck input[type="checkbox"] {width: 26px; height: 26px; box-sizing: border-box; border: none; background-color: #fff;}
label.checkbox.imgcheck input[type="checkbox"]:before {width: 26px; height: 26px; content: url("../../imgs_ibe/mdt/icons/icon_check_26.svg");}
label.checkbox.imgcheck input[type="checkbox"]:checked,
label.checkbox.imgcheck input[type="checkbox"]::selection,
label.checkbox.imgcheck input[type="checkbox"]:checked::before {content: url("../../imgs_ibe/mdt/icons/icon_check_26_green.svg"); border-color: none; background-color: #fff;}
label.checkbox.imgcheck span.labeltxt {margin-left: 5px; font-weight: 500;}
label.checkbox.imgcheck input[type="checkbox"]:checked {animation: imgEffect;}
@keyframes outlineEffect {
    0% {box-shadow: none;}
    to {box-shadow: none;}
}

label.checkbox.deepgreen input[type="checkbox"]:checked,
label.checkbox.deepgreen input[type="checkbox"]::selection {border-color: #028267; background: #028267;}
label.checkbox.deepgreen input[type="checkbox"]:hover {border-color: #028267;}

label.checkbox.noimg {display: flex; height: 32px; padding: 0 12px; border: 1px solid #d9d9d9; border-radius: 5px; align-items: center; cursor: pointer;}
label.checkbox.noimg span {padding-right: 1px; font-size: 13px; color: #888;}
label.checkbox.noimg input[type="checkbox"] {width: 0; height: 0; box-sizing: border-box; border: none; opacity: 0; background-color: #fff;}
label.checkbox.noimg input[type="checkbox"]:before {content: '';}
label.checkbox.noimg input[type="checkbox"]:checked,
label.checkbox.noimg input[type="checkbox"]::selection,
label.checkbox.noimg input[type="checkbox"]:checked::before {content: ''; border-color: none; background-color: #fff;}
label.checkbox.noimg span.labeltxt {margin-left: 0; font-weight: 500; font-size: 13px; color: #888; line-height: 1em;}
label.checkbox.noimg.checked {border-color: #009c75;}
label.checkbox.noimg.checked span.labeltxt {color: #009c75; line-height: 1em;}

label.checkbox.disabled span {cursor: not-allowed;}
label.checkbox.disabled input[type="checkbox"],
label.checkbox.disabled.small input[disabled],
input[type="checkbox"]:disabled {cursor: not-allowed; border-color: #d9d9d9; background-color: #e9e9e9;}
label.checkbox.disabled input[type="checkbox"]:hover,
label.checkbox.disabled.small input[disabled]:hover {border-color: #d9d9d9;}

/* INPUT - RADIO */
input[type="radio"].input_radio,
input[type="radio"].radio,
label.radio input[type="radio"] {display: inline-block; width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; border: 1px solid #d9d9d9; vertical-align: middle; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff;}

input[type="radio"].input_radio:hover,
input[type="radio"].radio:hover,
label.radio input[type="radio"]:hover {border-color: #028267;}

input[type="radio"].input_radio:checked,
input[type="radio"].radio:checked,
label.radio input[type="radio"]:checked {box-shadow: 0 0 0 1px #d9d9d9; border: 4px solid #fff; background-color: #028267;}

input[type="radio"].input_radio:focus,
input[type="radio"].radio:focus,
label.radio input[type="radio"]:focus {outline: 3px solid rgba(2, 130, 103, 0.1);}

input[disabled].input_radio,
input[disabled].radio,
label.radio input[disabled],
input[disabled].input_radio:hover,
input[disabled].radio:hover,
label.radio input[disabled]:hover {border-color: #dbe3ec; cursor: not-allowed; background-color: rgba(0, 0, 0, 0.04);}
label.radio input[disabled] + span,
input[disabled].input_radio + label.radio {cursor: not-allowed;}

input[type="radio"].input_radio + label.labeltxt,
input[type="radio"].input_radio + label.radio,
input[type="radio"].radio span.labeltxt,
label.radio span.labeltxt {height: 18px; margin-left: 4px; font-size: 14px; font-weight: 500; color: #111; line-height: 18px;}
input[type="radio"].input_radio + label.labeltxt.normal,
input[type="radio"].radio span.labeltxt.normal,
label.radio span.labeltxt.normal {font-weight: 400; color: #16171d;}
input[type="radio"].input_radio + label.radio span.labeltxt {height: auto; margin-left: 0;}

/* Switch Radio Button  */
.switch_btn {display: flex; flex-grow: 0 !important;}
label.radio.switch {display: inline-flex; flex-grow: 0; position: relative; width: 55px; height: 52px; padding: 0; border: 1px solid #d3dbd9; border-radius: 5px; font-size: 14px; font-weight: 600; color: #aaa; align-items: center; justify-content: center; background-color: #fff;}
label.radio.switch + label.radio.switch {margin-left: -5px;}
label.radio.switch::after {content: ''; display: block; clear: both;}
label.radio.switch span {margin: 0; padding: 0 10px; font-size: inherit; font-weight: 600;}
label.radio.switch input[type="radio"] {display: none; position: absolute; width: 1px; height: 1px; top: 0; left: 0; box-sizing: border-box; border-radius: 0; border: 0; background-color: transparent;}
label.radio.switch.checked {z-index: 1; border-color: #009c75; color: #009c75; transition: all .3s;}
label.radio.switch.disabled {z-index: 1; border: 0; color: #fff; transition: all .3s; background-color: #8f9f9b;}

label.radio.paymethod {position: relative; width: 94px; height: 90px; box-sizing: border-box; border: 1px #d3dbd9 solid; border-radius: 10px; cursor: pointer; background: none;}
label.radio.paymethod input[type="radio"] {display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border-radius: 0; border: 0; opacity: 0; cursor: pointer; background-color: transparent;}
label.radio.paymethod span {display: block; padding-top: 45px; margin: 0 auto; font-size: 15px; font-weight: 600; color: #111; line-height: 36px; background-repeat: no-repeat; background-position: center 10px; background-size: 36px;}
label.radio.paymethod.card span {background-image: url(../../imgs_ibe/mdt/icons/icon_card.png);}
label.radio.paymethod.bank span {background-image: url(../../imgs_ibe/mdt/icons/icon_bankbook.png);}
label.radio.paymethod.npay span {background-image: url(../../imgs_ibe/mdt/icons/icon_npay.svg); background-position-y: 16px; background-size: 60px;}
label.radio.paymethod.checked {border: 1px solid #009c75; transition: all .3s;}

.listtb table label.checkbox input[type="checkbox"],
.listtb table input[type="radio"].input_radio,
.listtb table input[type="radio"].radio,
.listtb table label.radio input[type="radio"],
.viewtb table label.checkbox input[type="checkbox"],
.viewtb table input[type="radio"].input_radio,
.viewtb table input[type="radio"].radio,
.viewtb table label.radio input[type="radio"] {border-color: #bbb;}


textarea,
.k1_textarea {width: 100%; height: auto; padding: 18px; box-sizing: border-box; border-radius: 5px; border: 1px solid #d9d9d9; font-family: "Pretendard"; font-size: inherit; resize: none;}
textarea:focus,
.k1_textarea:focus {border: 1px solid #1a8f72; box-shadow: 0 0 0 2px rgba(2, 130, 103, 0.2); outline: none;}
textarea:hover,
.k1_textarea:hover {border-color: #009c75;}

/* ======================================================================================
	TABEL
	table 태그	 : .listtb, .viewtb(상세화면)로 나뉜다.
	div table 태그 : .listtb, .viewtb [가로형태 / 세로형태]로 나뉜다.
   ====================================================================================== */
/* Table */
.table_area::after,
.k1_bg_board::after {content: ''; display: block; clear: both;}
.table_area table,
.k1_bg_board table {table-layout: fixed; width: 100%; box-sizing: border-box; border-top: 1px solid #999;}
.k1_bg_board + .k1_bg_board {margin-top: 10px;}
table th,
table td {vertical-align: middle; word-break: break-all;}
table th {color: #111;}
table td {color: #666;}

/* 이용약관 테이블 */
table.policy tr th,
table.policy tr td {font-family: 돋움, Dotum; color: #000; text-align: left; background-color: #fff;}
table.policy tr th {padding-left: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;; font-size: 13px; font-weight: 700; line-height: 24px; letter-spacing: -0.08em;}
table.policy tr td {padding: 5px 8px; border: 1px solid #ddd; border-left: none; font-size: 12px; line-height: 22px; letter-spacing: -0.07em;}
table.policy tbody tr th {padding: 0 0 0 7px;}

.linetb table.policy tr th,
.linetb table.policy tr td {border: 1px solid #ddd;}

/* Table Top line */
.listtb,
.viewtb {padding:0; border-top: 2px solid #111;}
.listtb.bordline1,
.viewtb.bordline1 {padding: 0; border-top: 1px solid #111;}
.listtb table,
.viewtb table,
.listtb.bordline1 table,
.viewtb.bordline1 table {margin: 0; border-top: 0;}

/* 리스트형 테이블 */
.listtb table th {height: 57px; border: none; background-color: #eee;}
.listtb table thead th {text-align: center;}
.listtb table td {height: 65px; padding: 5px 8px; box-sizing: border-box; border: none; border-bottom: 1px solid #eee; line-height: 1rem; text-align: center;}
.listtb table td + td {border-left: 1px solid #eee;}
.listtb.nlinetd table td + td {border-left: none;}
.listtb table tfoot td {height: auto; padding: 30px 2px; border: 0; font-size: 20px; font-weight: 500;}
.listtb table tfoot td span {display: inline-block; margin-left: 35px; font-size: 16px; font-weight: 700;}
.listtb table tfoot td span.title {font-weight: 600;}
.listtb table tfoot td span.amount {font-size: 24px; color: #009c75;}
.listtb table a.link {text-decoration: underline; color: #000;}
.listtb table th.k1_tal,
.listtb table td.k1_tal {padding-left: 10px; text-align: left;}
.listtb.residence_city table th,
.listtb.residence_city table td {padding: 10px 12px;}
.listtb.residence_city table tr:nth-child(even) td {background-color: #f9f9f9;}
.listtb.residence_city table th div,
.listtb.residence_city table td div {display: block; margin-bottom: 6px; color: #111; line-height: 1em;}
.listtb.residence_city table th span,
.listtb.residence_city table td span {display: inline-block; line-height: 16px;}
.listtb.residence_city table span + span::before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 10px; vertical-align: middle; background-color: #b5b5b5;}

/* 상세화면 테이블 */
.viewtb table thead th {height: 65px; padding: 0; border: none; font-weight: 400; text-align: center; background-color: #eee;}
.viewtb table tbody th,
.viewtb table tbody td {padding: 5px 15px; height: 69px; box-sizing: border-box; border: none; border-bottom: 1px solid #eee; line-height: 1rem; text-align: left;}
.viewtb table tbody th {padding: 5px; background-color: #eee;}
.viewtb.light table tbody th {background-color: #f5f6f6;}
.viewtb table tbody th,
.viewtb table thead + tbody td {text-align: center;}
.viewtb table thead + tbody td + td {border-left: 1px solid #eee;}
.viewtb table td.nborder {border: none;}
.viewtb table th.borderlr,
.viewtb table td.borderlr {border-left: 1px solid #111 !important; border-right: 1px solid #111 !important;}
.viewtb table th.borderl,
.viewtb table td.borderl {border-left: 1px solid #111 !important;}
.viewtb table th.borderr,
.viewtb table td.borderr {border-right: 1px solid #111 !important;}
.viewtb table th.borderb,
.viewtb table td.borderb {border-bottom: 1px solid #111 !important;}
.viewtb table td > strong.title, 
.viewtb table td > span.memo {display: block; width: 100%; color: #111; line-height: 1rem; text-align: center;}
.viewtb table td > strong.title {font-weight: 700;}
.viewtb table td input:not([type="radio"]):not([type="checkbox"]),
.viewtb table td input.k1_input_text {width: 100%;}

.k1_pop_contents .listtb table th,
.k1_pop_contents .viewtb table th {height: 52px; font-size: 14px;}
.k1_pop_contents .viewtb table td,
.k1_pop_contents .listtb table td {height: 52px; font-size: 0.875rem; font-weight: 400;}
.k1_pop_contents .viewtb table td {padding-left: 15px;}
.k1_pop_contents .listtb input:not([type="radio"]):not([type="checkbox"]),
.k1_pop_contents .viewtb input:not([type="radio"]):not([type="checkbox"]) {height: 38px;}
.k1_pop_contents .listtb .select_box .select .selector,
.k1_pop_contents .viewtb .select_box .select .selector {line-height: 38px;}

/* DIV TABLE */
/* DIV TBODY TABLE */
.listtb .grid,
.viewtb .grid {display: grid; box-sizing: border-box; border-top: 2px solid #111;}
.listtb .grid.ghead + .gbody {border-top: none;}

.listtb .grid.grid-rows-1,
.viewtb .grid.grid-rows-1 {grid-template-rows: repeat(1, minmax(0, 1fr));}
.viewtb .grid.grid-rows-2 {grid-template-rows: repeat(2, minmax(0, 1fr));}
.listtb .grid.grid-cols-1,
.viewtb .grid.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.listtb .grid.grid-cols-2,
.viewtb .grid.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.listtb .grid.grid-cols-3,
.viewtb .grid.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.listtb .grid.grid-cols-4,
.viewtb .grid.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.listtb .grid.grid-cols-5,
.viewtb .grid.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.listtb .grid.grid-cols-6,
.viewtb .grid.grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.listtb .grid.grid-cols-7,
.viewtb .grid.grid-cols-7 {grid-template-columns: repeat(7, minmax(0, 1fr));}
.listtb .grid.grid-cols-8,
.viewtb .grid.grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.listtb .grid.grid-cols-9,
.viewtb .grid.grid-cols-9 {grid-template-columns: repeat(9, minmax(0, 1fr));}
.listtb .grid.grid-cols-10,
.viewtb .grid.grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}

.listtb .grid .row {width: 100%;}
.viewtb .grid .row {display: flex; height: 100%; justify-content: center;}
.listtb .grid .row .cell,
.viewtb .grid .row .cell {display: flex; flex-grow: 1; padding: 15px 18px; min-height: 70px; box-sizing: border-box; border-bottom: 1px solid #eee; font-size: 0.875rem; font-weight: 400; color: #111; line-height: 1rem; align-items: center;}
.listtb .grid .row .cell.title,
.viewtb .grid .row .cell.title {flex-grow: 0; padding: 0; width: 120px; border-bottom: none; font-weight: 500; white-space: pre-line; justify-content: center; background-color: #eee;}
.listtb .grid .row .cell,
.listtb .grid .row .cell.title {width: 100%; text-align: center; justify-content: center;}
.viewtb .grid .row.full {grid-column: 1 / -1;}

.listtb .grid.grid-rows-1 .row {display: flex; flex-grow: 1;}
.listtb .grid.grid-rows-1 .row .cell {display: flex; width: 33.3%;}


/* DIV THEAD + TBODY TABLE */
.viewtb .grid .grid_col {display: flex;}
.viewtb .grid .grid_col dl.dltb:first-child {flex-grow: 0; min-width: 50%;}
.viewtb .grid .grid_col dl.dltb {flex-grow: 1; min-width: 25%;}
.viewtb .grid .grid_col dl.dltb > dt,
.viewtb .grid .grid_col dl.dltb > dd {display: flex; height: 70px; font-size: 0.875rem; color: #111; line-height: 1rem; justify-content: center; align-items: center;}
.viewtb .grid .grid_col dl.dltb > dt {font-weight: 700; background-color: #eee}
.viewtb .grid .grid_col dl.dltb > dd {box-sizing: border-box; border-left: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 0.875rem; font-weight: 400; color: #111; line-height: 1rem;}
.viewtb .grid .grid_col dl.dltb:first-child > dd {border-left: none;}
.viewtb .grid .grid_col.boxline {border: 1px solid #111; box-sizing: border-box; border-top: none;}
.viewtb .grid .grid_col.boxline dl.dltb:first-child,
.viewtb .grid .grid_col.boxline dl.dltb {display: flex; flex-wrap: wrap; flex-basis: 100%;}
.viewtb .grid .grid_col.boxline dl.dltb > dt {flex-grow: 0; width: 100%;}
.viewtb .grid .grid_col.boxline dl.dltb > dd {flex-grow: 1; flex-flow: column; height: 69px; border: none; text-align: center;}
.viewtb .grid .grid_col.boxline dl.dltb > dd > strong.title,
.viewtb .grid .grid_col.boxline dl.dltb > dd > span.memo {display: block; width: 100%; line-height: 1rem; text-align: center;}
.viewtb .grid .grid_col.boxline dl.dltb > dd > strong.title {font-weight: 700;}


/* Layer Popup */
.dim-layer {display: none; position: fixed; z-index: 100; width: 100%; height: 100%; top: 0; left: 0;}
.dim-layer.full_layer_popup {display: block;}
.dim-layer .dimBg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.65);}
.dim-layer .dimBg.white {background: rgba(255, 255, 255, 1);}
.dim-layer .dimBg.opacity0 {background: rgba(255, 255, 255, 0);}
.dim-layer .dimBg.loading {background: rgba(255, 255, 255, 0.85);}
.blockUI.blockMsg.blockPage {top: 0 !important; left: 0 !important; background-color: rgba(255, 255, 255, 0) !important;}

.layer_popup,
#k1_pop_wrap {position: relative; z-index: 10; height: 100%; padding: 0; box-sizing: border-box !important; border-radius: 0 !important; box-shadow: none !important; border: 0 !important; transition: all .3s; text-align: left; background: #fff;}
.layer_popup::after,
#k1_pop_wrap::after {content: ''; display: block; clear: both;}
.layer_popup.confixed {display: flex; height: 100vh; flex-direction: column;}

.k1_pop_header {position: relative; display: flex; min-height: 44px; padding: 9px 20px; box-sizing: border-box; align-items: center; justify-content: space-between; background: #fff;}
	.k1_pop_header.titline {border-bottom: 2px solid #011111;}
	.k1_pop_header h1 {display: inline-block; font-weight: 700; font-size: 20px; line-height: 1em; color: #111; background: none;}
	.k1_pop_header strong.title {display: block; margin-bottom: 0.75rem; font-size: 15px; font-weight: 600; color: #111; line-height: 1em;}
	.k1_pop_header button.k1_btn_p_close1,
	.k1_pop_contents button.k1_btn_p_close1,
	.tooltip button.tooltip_close {position: absolute; display: inline-block; width: 18px; height: 18px !important; top: 50%; right: 20px; margin-top: -9px; font-size: 0; color: transparent; cursor: pointer; background: url("../../imgs_ibe/mdt/icons/icon_x_18.svg") no-repeat center;}
	.k1_pop_contents button.k1_btn_p_close1 {margin-top: 0px; top: 20px; right: 20px;}

.k1_pop_contents {overflow-y: auto; height: 100vh; margin: 0; padding: 20px 20px 50px; box-sizing: border-box; transition: all 0.3s; background: #fff;}
	.k1_pop_contents.nopad {padding: 0 0 58px;}
	.k1_pop_header + .k1_pop_contents {height: calc(100dvh - 44px);}
	.line_tab + .k1_pop_contents {height: calc(100dvh - 104px);}
	.k1_pop_contents.contact {height: calc(100vh - 258px); padding-bottom: 30px;}
	.k1_pop_contents.calendar {height: calc(100vh - 156px); padding: 0;}
	.layer_popup.confixed .k1_pop_contents {height: auto; padding-bottom: 100px;}
	.k1_pop_contents::-webkit-scrollbar {width: 4px; border-radius: 2px;}
	.k1_pop_contents::-webkit-scrollbar-thumb {height: 30%; border-radius: 2px; background: #7f8d89;}
	.k1_pop_contents::-webkit-scrollbar-track {border-radius: 2px; background: #c9c9c9;}
	
	.k1_pop_contents .k1_tit_wrap1 {width: 100% !important; max-width: 100%; margin: 0 0 22px/* !important */;}
	.k1_pop_contents .k1_tit_wrap1::after {content: ''; display: block; clear: both;}
	.k1_pop_contents .k1_tit_wrap1 h2.title {font-size: 16px; font-weight: 600; color: #111;}
	.k1_pop_bottom .k1_tit_wrap1 h2.title.size19 {font-size: 19px; font-weight: 600; color: #111;}
	.k1_pop_contents .k1_tit_wrap1 h2.title.size17 {font-size: 17px;}
	.k1_pop_contents .k1_tit_wrap1 h2.title > span {font-weight: 400;}
	.k1_pop_contents .k1_tit_wrap1 h3.title {margin: 0; font-size: 17px; font-weight: 600; color: #111;}
	.k1_pop_contents .k1_tit_wrap1 strong.title {display: block; width: 100%; margin-bottom: 20px; padding: 10px 0 20px; border-bottom: 1px solid #d9d9d9; font-size: 18px; font-weight: 700; line-height: 1.46em; text-align: center;}
	.k1_pop_contents .k1_tit_wrap1 strong.title.small {margin-bottom: 0.75rem; padding-bottom: 0; border-bottom: 0; font-size: 15px; font-weight: 600; color: #111; line-height: 1em; text-align: left;}
	.k1_pop_contents .k1_tit_wrap1 .k1_fr button + button {margin-left: 10px;}

	.k1_pop_contents .k1_btn_wrap {padding: 0;}
	.k1_pop_contents.nopad .k1_btn_wrap {padding: 0 20px;}
	.k1_pop_contents .pop_in + .k1_btn_wrap {margin-top: 40px;}
	.k1_pop_contents.nopad .k1_btn_wrap.nopad {padding: 0;}
	
	.divbox.fixed {margin-top: 20px; padding: 0 20px 25px; border-bottom: 8px solid #eee;}

.pop_bottom.fixed {position: fixed; z-index: 5; width: 100%; padding: 20px; bottom: 0; left: 0; box-sizing: border-box; background-color: #fff;}
	.pop_bottom.fixed .k1_btn_wrap {padding: 0px;}
	.k1_pop_contents.contact + .pop_bottom.fixed .k1_btn_wrap {margin-top: 0px;}
	.k1_pop_bottom.fixed {position: relative; width: 100%; padding: 1.25rem; bottom: 0; left: 0; box-sizing: border-box; border-top: 8px solid #d3dbd9; font-size: 13px; line-height: 16px; color: #475451; background-color: #fff;}
	
.layer_popup.alarm {overflow: hidden; position: absolute; width: auto; min-width: 300px; max-width: 90%; height: auto; top: 50%; left: 50%; border-radius: 10px !important; transform: translate(-50%, -50%);}
	.layer_popup.alarm .k1_pop_header {margin-top: 15px;}
	.layer_popup.alarm .k1_pop_contents {height: auto;}
	.layer_popup.alarm .k1_pop_contents.nopad {padding: 20px 0;}
	.layer_popup.alarm .k1_pop_contents .pop_in,
	.layer_popup.reservation .k1_pop_contents .pop_in {padding: 10px 20px 20px;}
	.layer_popup.alarm .k1_pop_contents .pop_in .information_area {margin: 0; font-size: 12pt; word-break: keep-all; line-height: 1.38em;}
	.layer_popup.alarm .txt_alarm {padding: 0;}
	.layer_popup.alarm .txt_alarm .pop_in {padding: 1.6rem 20px 1.5rem;}
	.layer_popup.alarm .txt_alarm .k1_btn_wrap {margin: 0; padding: 10px 0; border-top: 1px solid #d3dbd9;}

/* Login 유도 */
.layer_popup.induce {overflow: hidden; position: absolute; width: auto; min-width: 300px; max-width: 90%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent;}
	.layer_popup.induce .k1_pop_contents {position: relative; height: auto; padding: 40px 20px 30px; border-radius: 5px !important; background-color: #fff;}
	.layer_popup.induce .k1_pop_contents + .division {margin-top: 24px;}
	.layer_popup.induce .title {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px #d3dbd9 solid; font-weight: 700; font-size: 20px; color: #111; line-height: 30px;}
	.layer_popup.induce .title > span,
	.layer_popup.induce ul.login_list li > span {font-size: inherit; font-weight: inherit; color: #00d9a3;}
	.layer_popup.induce ul.login_list li {display: block; width: 100%; padding-left: 20px; box-sizing: border-box; font-size: 0.875rem; line-height: 1.3rem; background: url("../../imgs_ibe/mdt/icons/icon_check_12.svg") no-repeat 2px 3px;}
	.layer_popup.induce ul.login_list li + li {margin-top: 24px;}

	.layer_popup.popsize,
	.layer_popup.popsize.auto {width: auto; max-width: 1180px; height: auto; max-height: 90vh;}


/* Main Banner Popup */
.dim {position: fixed; z-index: 99; display: none; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3);}
.dim.active {display: block;}
.dim .dim_in {display: flex; height: 100%; align-items: center; justify-content: center;}
.dim .pop_in {border-radius: 5px; background: #fff;}
.dim .pop {display: none;}
.dim .pop .wrap::-webkit-scrollbar,
.dim .pop .wrap::-webkit-scrollbar {width: 4px;}
.dim .pop .wrap::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #818d89;}
.dim .pop .wrap::-webkit-scrollbar-track {border-radius: 10px; background-color: #c9c9c9;}
.dim .pop .emphasis {color: #ff3600;}
.main_popup.dim .dim_in {position: absolute; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_popup .pop .pop_in {position: relative; width: 336px; background: transparent;}
.main_popup .main_popup_tit {position: absolute; z-index: 2; width: 100%; left: 0; top: -27px; transition: all .3s;}
.main_popup .main_popup_tit span {position: absolute; color: #fff; opacity: 0.3; transition: all .3s;}
.main_popup .main_popup_tit span.active {opacity: 1; transition: all .3s;}
.main_popup .pop .pop_in .main_popup_slide {overflow: hidden;}
.main_popup .pop .pop_in .main_popup_slide .swiper-wrapper img {width: 337px; height: 420px; object-fit: cover;}
.main_popup .pop .pop_in .close_box {display: flex; margin-top: 18px; justify-content: space-between;}
.main_popup .pop .pop_in .close_box a {font-size: 14px; font-weight: 500; color: #fff;}
.main_popup .pop .pop_in .close_box a img {margin-right: 10px;}


/* 달력  */
.calendar_layout::after,
.calendar_box::after,
.sel_month::after {content: ''; display: block; clear: both;}
.calendar_layout {margin: 0; padding: 20px;}
.calendar_box + .calendar_box {margin-top: 25px;}
.sel_month {display: block; height: 21px; font-size: 18px; font-weight: 700; color: #111; line-height: 21px;}
table.calendar {table-layout: fixed; width: 100%; box-sizing: border-box;}
table.calendar thead th {height: 50px; padding: 0; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 500; color: #111; text-align: center; vertical-align: middle;}
table.calendar tbody td {height: 54px; padding: 5px 0 0; border: none; text-align: center; vertical-align: top;}
table.calendar thead + tbody tr:first-child td {height: 62px; padding-top: 12px;}
table.calendar tbody td a {display: block; overflow: hidden; position: relative; width: 100%; height: 28px; box-sizing: border-box; text-align: center;}
table.calendar tbody td span {display: inline-block; width: 28px; height: 28px; margin: 0 auto; border-radius: 50%; font-size: 14px; font-weight: 500; color: rgb(17, 17, 17); line-height: 28px; text-align: center;}
table.calendar tbody td a span {position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%);}
table.calendar tbody td p {width: 100%; margin-top: 4px; font-size: 12px; font-weight: 600; text-align: center; color: #009c75; line-height: 1em;}
table.calendar tbody td.select span {color: #fff; background-color: #009c75;}
table.calendar tbody td.on a::before,
table.calendar tbody td.on.select a::before {content: ''; position: absolute; width: 100%; height: 28px; top: 0; left: 0; background-color: #e5f5f1;}
table.calendar tbody td.select.on a::before {left: auto; right: 50%;}
table.calendar tbody td.select.on.start a::before {content: ''; position: absolute; width: 100%; height: 28px; top: 0; left: 50%; background-color: #e5f5f1;}
table.calendar tbody td.select:has(+ .on) a::before,
table.calendar tbody td.on:has(+ .select) a::before {left: 0; right: auto;}

table.calendar thead th.dayoff,
table.calendar tbody td.dayoff span {color: #ed4949;}
table.calendar tbody td.undate span {color: rgba(17, 17, 17, 0.2);}
table.calendar tbody td.undate.dayoff span {color: rgba(237, 73, 73, 0.25);}


/* Tab Menu */
div.k1_tabs3.extnd {height: 42px; margin: 0; border-bottom: 1px solid #555;}
div.k1_tabs3.extnd.nborder {border-bottom: 0;}
div.k1_tabs3.extnd ul.t_menu {padding-bottom: 5px; border-left: 0; clear: both;}
div.k1_tabs3.extnd .t_menu li {float: left; width: auto; border: 0;}
div.k1_tabs3.extnd .t_menu li + li {margin-left: 10px;}
div.k1_tabs3.extnd .t_menu a {height: 36px; padding: 0px 15px; box-sizing: border-box; border: 1px solid #ddd !important; border-radius: 20px; font-weight: 500; font-size: 15px; color: #111; line-height: 34px; background-color: #fff;}
div.k1_tabs3.extnd .t_menu a.active {height: 36px !important; border: 1px solid #ddd !important; color: #fff; background-color: #555;}


/* TIP */
.tipbox {margin: 0 0 15px; padding: 0 1px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #111; line-height: 1.46em;}
.tipbox + .tipbox {margin: 10px 0 0;}
.tipbox.roundline {padding: 15px; border: 1px solid #d9d9d9; border-radius: 5px;}
.tipbox::after,
.tipbox.list ul::after {content: ''; display: block; clear: both;}
	.tipbox.list ul {padding: 0; margin: 0; font-size: 14px; list-style: none;}
	.tipbox.list ul li {font-size: inherit; font-weight: 300; color: rgba(0, 0, 0, 0.85); line-height: 1.4em;}
	.tipbox.list ul li + li {margin-top: 6px;}
	.tipbox.list.circle ul li {position: relative; padding-left: 10px;}
	.tipbox.list.circle ul li::before {content: '·'; position: absolute; width: 5px; height: 100%; top: 0; left: 0; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.85); text-align: left;}
	
	.tipbox.list ul.wonnum {counter-reset: list-number;}
	.tipbox.list ul.wonnum li {position: relative; display: block; padding-left: 18px; box-sizing: border-box; vertical-align: top; counter-increment: list-number;}
	.tipbox.list ul.wonnum li:before {content: counter(list-number); position: absolute; display: inline-block; width: 13px; height: 13px; top: 3px; left: 0; box-sizing: border-box; border-radius: 50%; border: 1px solid #111; font-size: 8px; font-weight: 300; text-align:center; line-height: 11px; color: #111; background-color: #fff;} 
	.tipbox.list ul.wonnum li ul.dashed li:before {top: 4px;}
	
	.tipbox.list ul.dashed {counter-reset: none;}
	.tipbox.list ul.dashed li {position: relative; padding-left: 15px; font-weight: 400;}
	.tipbox.list ul.dashed li:before {content: '-'; position: absolute; display: inline-block; width: 10px; height: auto; margin-right: 5px; top: 0; left: 2px; border: none; background-color: transparent;}
	
	.tipbox.list ul.aster li {position: relative; padding-left: 15px; font-weight: 400;}
	.tipbox.list ul.aster li:before {content: '*'; position: absolute; display: inline-block; width: 10px; margin-right: 5px; top: 0; left: 2px;}
	
	.tipbox.skyblue {padding: 17px 22px; margin: 20px 0; line-height: 15px; background-color: #eef5fb;}
	.tipbox.skyblue p {font-family: 돋움, Dotum; font-size: 12px; font-weight: bold; color: #00a9c7;}

.information_area {margin-bottom: 30px;}
.searchtip {padding: 30px 15px; margin: 40px 1.25rem 0; border-radius: 5px; background: #f5f6f6;}
.k1_tit_wrap1 + .information_area {margin-top: 20px;}
	.information_area::after,
	.information_area > ul::after {content: ''; display: block; clear: both;}
	.information_area > ul {font-size: 15px;}
	.information_area > ul li {position: relative; display: block; width: 100%; padding-left: 13px; box-sizing: border-box; font-size: inherit; font-weight: 400; line-height: 1.38em;}
	.information_area > ul li::before {content: ''; position: absolute; width: 4px; height: 4px; top: 8px; left: 2px; border-radius: 50%; background-color: #888;}
	.information_area > ul li + li {margin-top: 10px;}
	
	.information_area.nbefore > ul li {padding-left: 0;}
	.information_area.nbefore > ul li::before {content: ''; display: none;}
	
.tip_box {display: block; width: 100%; padding: 20px 5px 19px; margin-top: 10px; box-sizing: border-box; border-radius: 10px; font-weight: 400; font-size: 15px; color: #111; line-height: 1.4em; /* background-color: rgba(255, 255, 255, 0.7); */}
	.tip_box.medium,
	.information_area.medium > ul {font-size: 14px;}
	.tip_box.small,
	.tipbox.small,
	.tipbox.small ul li,
	.information_area.small > ul {font-size: 13px; font-weight: 400;}
	.tip_box.xsmall,
	.tipbox.xsmall,
	.tipbox.xsmall ul li,
	.information_area.xsmall > ul {font-size: 12px; font-weight: 400;}
	.tip_box::after {content: ''; display: block; clear: both;}
	.tip_box .period {display: block; margin-bottom: 1rem; font-size: 16px; color: #111;}

.aster_txt {position: relative; padding-left: 15px; text-align: left;}
.aster_txt:before {content: '*'; position: absolute; display: inline-block; width: 10px; margin-right: 5px; top: 3px; left: 2px;}
.aster_txt::after {content: ''; display: block; clear: both;}

.tip_box strong.title,
.tipbox strong.title,
.information_area strong.title {display: block; margin-bottom: 15px; font-size: 16px; font-weight: 600; color: #111;}
.tip_box strong.title.ico_em::before,
.tipbox strong.title.ico_em::before {content: ''; display: inline-block; width: 15px; height: 15px; margin: 2px 4px 0 0; vertical-align: top; background: url("../../imgs_ibe/mdt/icons/icon_alert_15.svg") no-repeat 0 0;}
p.contxt {font-size: 14px; font-weight: 400; color: #111; line-height: 1.46em; word-break: keep-all; white-space: normal;}
p.contxt.fs13 {font-size: 13px;}
p.contxt.fs15 {font-size: 15px;}
p.contxt.fs16 {font-size: 16px;}

.ico_tooltip {display: inline-block; width: 16px; height: 16px; margin-left: 5px; vertical-align: top; cursor: pointer; background: url("../../imgs_ibe/mdt/icons/icon_question.svg") no-repeat center 0;}
.tooltip {display: none; position: absolute; z-index: 99; width: 320px; padding: 15px; top: 30px; left: 0; box-sizing: border-box; border: 1px solid #d3dbd9 !important; border-radius: 0 !important; box-shadow: 0 0 6px hsla(0, 0%, 7%, .149) !important; font-size: 13px; line-height: 20px; word-break: keep-all; background: #fff;}
.tooltip::after {content: ''; display: block; clear: both;}
.tooltip span,
.tooltip p {display: block; width: 100%; font-size: 13px; font-weight: 400; color: #555; line-height: 19px;}
.tooltip span.bold {font-weight: 600 !important;}
.tooltip button.tooltip_close {top: 0; right: 0; margin: 0; opacity: 0.5;}
.tooltip p {font-size: 13px !important; font-weight: 400 !important; line-height: 19px !important;}



/* Text Label */
span.label_txt {display: inline-block; height: 21px; padding: 0 8px; box-sizing: border-box; border-radius: 4px; font-size: 11px; line-height: 21px;}
span.label_txt + span.label_txt {margin-left: 5px;}
span.label_txt.blue {color: #fff; background-color: #0000ee;} /*397fee*/
span.label_txt.green {color: #fff; background-color: #009c75;}
span.label_txt.line_green {border: 1px solid #009c75; color: #009c75; background-color: #fff;}
span.label_txt.line_blue {border: 1px solid #0075e9; color: #0075e9; background-color: #fff;}
span.label_txt.line_red {border: 1px solid #ed4949; color: #ed4949; background-color: #fff;}
span.label_txt.dis {color: #fff; background-color: #0075e9;}
span.label_txt.spc {color: #fff; background-color: #8100e2;} 


/* TITLE */
.k1_tit_wrap1,
.tit_box {display: block; width: 100%; padding: 0; margin: 0px auto 20px; text-align: left;}
	.k1_tit_wrap1::after {content: ''; display: block; padding: 0; margin: 0; clear: both;}
	.k1_tit_wrap1.flight_titbox {display: flex; align-items: baseline; justify-content: space-between;}
	.k1_tit_wrap1 h3.title {flex: 1; font-size: 18px; font-weight: 600; color: #111; line-height: 27px;}
	.k1_tit_wrap1 h3.title + .tip {font-size: 13px; color: #009c75;}
	.k1_tit_wrap1 h4.title {font-size: 17px; font-weight: 600;}
	.k1_tit_wrap1 .title_caption {font-weight: 600; font-size: 14px; color: #111;}
	.k1_tit_wrap1 .title_caption > span {font-weight: 600;}
	/* .k1_tit_wrap1 .title.k1_dpib + .k1_fr {margin-top: 5px;} */

	.k1_tit_wrap1.status_valuetxt {padding: 0; margin: 20px auto 30px;}
	.k1_tit_wrap1.status_valuetxt > p {display: flex; flex-wrap: wrap; width: 100%; padding: 0; font-size: 1.1rem; font-weight: 700; line-height: 32px; text-align: center; justify-content: center; align-items: center;}
	.k1_tit_wrap1.status_valuetxt > p > span,
	.k1_tit_wrap1.status_valuetxt > p > span.ico_checked {display: inline-block; font-weight: 700; color: #009c75; line-height: 32px;}
	.k1_tit_wrap1.status_valuetxt > p > span.ico_checked::before {content: ''; display: inline-block; overflow: hidden; width: 25px; height: 25px; margin: -2px 6px 0 0; border-radius: 50%; vertical-align: middle; background: url("../../imgs_ibe/mdt/icons/icon_check_title.png") no-repeat center #009c75; background-size: 66%;}
	
	 p.title {display: block; width: 100%; margin-bottom: 12px; box-sizing: border-box; font-weight: 600;}


/* Progress and Step */
.processbox {max-height: auto; box-sizing: border-box; border-bottom: 4px solid #eee; text-align: center;}
	.processbox::after,
	ol.progressbar::after {content: ''; display: block; clear: both;}
	ol.progressbar {display: inline-block; margin: 10px auto 10px;}
	ol.progressbar li {position: relative; float: left; width: 100px; height: 50px; margin-bottom: 0; padding-top: 35px; box-sizing: border-box; font-weight: 600; font-size: 13px; color: #111; text-align: center; vertical-align: middle;}
	ol.progressbar li:after {content: ""; position: absolute; width: 100%; height: 1px; top: 13px; left: 0; background: #d3dbd9;}
	ol.progressbar li span {position: absolute; z-index: 1; width: 24px; height: 24px; top: 0; left: 50%; margin: 0px 0 0 -12px; box-sizing: border-box; border: 1px solid #d3dbd9; border-radius: 50%; color: #d3dbd9; text-align: center; line-height: 24px; background-color: #fff;}
	ol.progressbar li:nth-child(1)::after {left: 50%;}
	ol.progressbar li:last-of-type::after {left: auto; right: 50%;}
	ol.progressbar li.active,
	ol.progressbar.number1 li:nth-child(1),
	ol.progressbar.number2 li:nth-child(2),
	ol.progressbar.number3 li:nth-child(3) {color: #009c75;}
	ol.progressbar li.active span,
	ol.progressbar.number1 li:nth-child(1) span,
	ol.progressbar.number2 li:nth-child(2) span,
	ol.progressbar.number3 li:nth-child(3) span {border: none; color: #fff; background-color: #009c75;}


/* COMMON & ETC */
.divbox,
.rowbox {box-sizing: border-box;}
.mdt_row {width: 100%; margin: 0; padding: 0;}
.mdt_row .col {width: 100%; max-width: 1200px; margin: 0 auto;}
.division::after,
.divbox::after,
.mdt_row::after,
.rowbox::after {content: ''; display: block; clear: both;}
.divbox.overhidden {overflow: hidden;}
.overhidden {overflow: hidden;}
.rowbox {padding: 10px 1px 31px;}
.rowbox + .rowbox {padding-top: 30px; border-top: 1px solid #d9d9d9;}
.divbox + .k1_btn_wrap {margin-top: 60px;}
.bg_box {background: #f5f6f6;}
.bg_box.skyblue {background-color: #eef5fb;}
.linebox {border: 1px solid #d3dbd9;}
.linebox.black {border-color: #011111;}
.infobox {display: block; padding: 18px 10px; box-sizing: border-box; border-radius: 5px; border: 1px solid #011111;}
.topline {border-top: 1px solid #d3dbd9;}
.topline.strong {border-top: 2px solid #011111;}
.bottomline.strong {border-bottom: 2px solid #011111;}
.divide {position: relative; padding-bottom: 40px;}
.divide::after {content: ''; display: block; position: absolute; height: 8px; left: -1.25rem; right: -1.25rem; bottom: 0; clear: both; background-color: #eee;}
.divide.line::after {width: 100%; height: 2px; left: auto; right: auto;}
.nborder {border: 0 !important;}
.round10 {border-radius: 10px;}
.round5 {border-radius: 5px;}
.k1_dpb,
.theblock {display: block;}
.k1_dpib,
.inblock {display: inline-block;}
.popopen {cursor: pointer;}

.divbox + .divbox,
.divbox + .k1_tit_wrap1,
.k1_Slookup_wrap + .tipbox {margin-top: 40px;}
.divbox + .status_valuebox {margin-top: 30px;}

.w-full,
.k1_w100p {width: 100% !important;}
.k1_fl.half,
.k1_fr.half {width: 50%;}

.k1_fontM {font-weight: 600;}
.font-bold,
.k1_fontB,
.k1_bold,
.bold {font-weight: 700 !important;}
.exbold {font-weight: 800 !important;}
.blackbold {font-weight: 900 !important;}
.fnormal {font-weight: 400 !important;}
.size13 {font-size: 13px !important;}
.size15 {font-size: 15px !important;}
.size16 {font-size: 16px !important;}
.size17 {font-size: 17px !important;}
.size18 {font-size: 18px !important;}
.size20 {font-size: 20px !important;}

.k1_ColorGR {color: #009c75 !important;}
.k1_ColorR {color: #ed4949 !important;}
.k1_ColorB {color: #0075e9 !important;}
.K1_ColorSB {color: #00a9c7 !important;}
.k1_ColorBK {color: #111 !important;}
.k1_ColorGray {color: #888 !important;}
.k1_ColorBL,
.black {color: #000 !important;}

.txtunderline {text-decoration: underline; text-underline-position: under;}

.npad {padding: 0 !important;}
.k1_imgAir15 {width: 15px; height: 15px;}
.k1_mt0 {margin-top: 0px !important;}
.k1_mt3 {margin-top: 3px !important;}
.k1_mt4 {margin-top: 4px !important;}
.k1_mt5 {margin-top: 5px !important;}
.k1_mt10 {margin-top: 10px !important;}
.k1_mt15 {margin-top: 15px !important;}
.k1_mt20 {margin-top: 20px !important;}
.k1_mt30 {margin-top: 30px !important;}
.k1_mt50 {margin-top: 50px !important;}
.k1_mt60 {margin-top: 60px !important;}
.k1_mt80 {margin-top: 80px !important;}
.k1_mt_5 {margin-top: -5px !important;}
.k1_mb0 {margin-bottom: 0px !important;}
.k1_mb5 {margin-bottom: 5px !important;}
.k1_mb10 {margin-bottom: 10px !important;}
.k1_mb15 {margin-bottom: 15px !important;}
.k1_mb20 {margin-bottom: 20px !important;}
.k1_mb40 {margin-bottom: 40px !important;}
.k1_mb50 {margin-bottom: 50px !important;}
.k1_mb100 {margin-bottom: 100px !important;}
.k1_mb150 {margin-bottom: 150px !important;}
.k1_ml10 {margin-left: 10px !important;}
.k1_ml15 {margin-left: 15px !important;}
.k1_ml20 {margin-left: 20px !important;}
.k1_mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.k1_p0 {padding: 0 !important;}
.k1_p10 {padding: 10px !important;}
.k1_p15 {padding: 15px !important;}
.k1_p20 {padding: 20px !important;}
.k1_p30 {padding: 30px !important;}
.k1_pt10 {padding-top: 10px !important;}
.k1_pt20 {padding-top: 20px !important;}
.k1_pt30 {padding-top: 30px !important;}
.k1_pt60 {padding-top: 60px !important;}
.k1_pb30 {padding-bottom: 30px !important;}
.k1_pr5 {padding-right: 5px !important;}
.k1_pr10 {padding-right: 10px !important;}
.k1_pr20 {padding-right: 20px !important;}
.k1_plr15 {padding-left: 15px !important; padding-right: 15px !important;}
.k1_ptb15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.k1_ptb30 {padding-top: 30px !important; padding-bottom: 30px !important;}

.k1_tal,
.txt_alignl {text-align:left !important;}
.k1_tac,
.k1_center,
.txt_alignc {text-align:center !important;}
.k1_tar,
.txt_alignr {text-align:right !important;}

/* Flex */
.mdt_flex {display: flex; align-content: stretch; align-items: stretch; gap: 10px;}
.mdt_flex.wrap {flex-wrap: wrap;}
.mdt_flex.inline {display: inline-flex;}
.mdt_flex.gap12 {gap: 20px;}
.mdt_flex.row {flex-direction: row; justify-content: space-between; column-gap: 1.25rem;}
.mdt_flex.column {flex-direction: column; align-content: space-around; column-gap: 1.25rem;}
.mdt_flex.between_center {justify-content: space-between;}
.mdt_flex.center {justify-content: center;}
.mdt_flex.alignt {align-items: flex-start;}
.mdt_flex.alignc {align-items: center;}
.mdt_flex.alignb {align-items: flex-end;}

.mdt_flex > input,
.mdt_flex > select,
.mdt_flex > textarea,
.mdt_flex > p,
.mdt_flex > div {flex-grow: 1; width: 30%;}
.mdt_flex > span,
.mdt_flex > strong,
.mdt_flex .fleft,
.mdt_flex .fright,
.mdt_flex > button,
.mdt_flex input.fixed,
.mdt_flex select.fixed,
.mdt_flex.fixed div,
.mdt_flex.fixed select,
.mdt_flex.fixed textarea,
.mdt_flex.fixed p,
.mdt_flex.fixed span,
.mdt_flex.fixed strong,
.mdt_flex.fixed h4,
.mdt_flex.fixed input {flex-grow: 0; width: auto;}
.mdt_flex span,
.mdt_flex strong,
.mdt_flex.fixed span,
.mdt_flex.fixed strong {display: inline-block; white-space: nowrap;}
.mdt_flex input + button,
.mdt_flex input + span,
.mdt_flex input + span + input {margin-left: 6px;}
.mdt_flex div + .hide,
.mdt_flex div + .hidden,
.mdt_flex div + .hide,
.mdt_flex div + .hidden,
.mdt_flex input + .hide,
.mdt_flex input + .hidden,
.mdt_flex .select_box + .hide,
.mdt_flex .select_box + .hidden,
.mdt_flex button + .hide,
.mdt_flex button + .hidden,
.mdt_flex span + .hide,
.mdt_flex span + .hidden {margin-left: 0;}

.mdt_flex input[type="radio"] + label,
.mdt_flex input[type="checkbox"] + label {white-space: nowrap;}
.mdt_flex.row div::after,
.mdt_flex.column div::after {display: none; font-size: 0;}

.mdt_flex.dom .select_box {width: 33%;}
.mdt_flex.dom .select_box .select.small .selector span {overflow: hidden; display: block; width: 100%; text-overflow: ellipsis;}

.division.mdt_flex::after,
.divbox.mdt_flex::after {content: ''; display: none;}

input[type="hidden"],
.hidden {position: absolute; z-index: 0; width: 1px; height: 1px; top: -999999px; left: -999999px; opacity: 0;}
.filter_details ul li input.hidden {width: 0px; height: 0px; top: inherit; opacity: 0;}
.k1_hide,
.hide,
.afterhide::after {display: none !important;}

input::placeholder,
textarea::placeholder {font-size: 15px; font-weight: 300; color: #bfbfbf; -moz-user-select: none; user-select: none;}


.line_break.col2 {display: flex; flex-wrap: wrap;}
	.line_break.col2 .input_radio {flex-grow: 0; width: 18px;}
	.line_break label.radio,
    .line_break input.input_radio {margin-top: 2px; margin-bottom: 2px; flex-grow: 0;}
    .line_break.col2 input[type="radio"].input_radio + label.radio {margin-left: 5px;}
	.line_break.col2 .radio {flex-grow: 1; width: calc(50% - 23px);}
    .line_break.col2 .input_radio:nth-of-type(odd),
    .line_break.col2 .input_radio.k1_ml15:nth-of-type(odd)
    .line_break.col2 .input_radio.k1_ml15,
    .line_break.col2 input.input_radio + input.input_radio, 
    .line_break.col2 label.labeltxt + input.input_radio, 
    .line_break.col2 label.labeltxt + label.radio, 
    .line_break.col2 label.radio + label.radio, 
	.line_break.col2 label.radio + input.input_radio {margin-left: 0 !important;}

@media (max-width: 320px) {
	.k1_btn_wrap .k1_btn, 
	.k1_btn_wrap .btn {padding: 0;}
	
	label.radio span.labeltxt {font-size: 0.76rem;}
	.mdt_flex.formbox input:not([type="radio"]):not([type="checkbox"]), 
	.mdt_flex.formbox input.k1_input_text {padding: 0 7px; font-size: 15px;}
	
	input:not([type="radio"]):not([type="checkbox"]), 
	input.k1_input_text {min-width: 40px;}
}
@media (max-width: 359px) {
	.tooltip {width: 90%;}
}
@media (max-width: 430px) {
	.k1_btn_wrap .k1_btn, 
	.k1_btn_wrap .btn {padding: 0 6px;}
}
@media (min-width: 768px) and (max-width: 1180px) {
	.formbox.file {display: flex;}
	.formbox.file .select_box {width: 40%; margin-bottom: 0; margin-right: 10px;}
	.form_area.file {display: flex; flex-wrap: wrap;}
	.form_area.file .formbox.file {flex-grow: 1;}
	.form_area.file .formbox.file + .formbox {margin-top: 0; margin-left: 10px;}
	.filebox {width: 100%;}
	
	.layer_popup.induce {width: 395px; max-width: 395px;}
	
	.line_break.col2 .radio {flex-grow: 1; width: auto;}
    .line_break.col2 .input_radio:nth-of-type(odd),
    .line_break.col2 .input_radio.k1_ml15:nth-of-type(odd)
    .line_break.col2 .input_radio.k1_ml15,
    .line_break.col2 input.input_radio + input.input_radio, 
    .line_break.col2 label.labeltxt + input.input_radio, 
    .line_break.col2 label.labeltxt + label.radio, 
    .line_break.col2 label.radio + label.radio, 
	.line_break.col2 label.radio + input.input_radio {margin-left: 20 !important;}
}