@charset "utf-8";
/* 공통, 서브페이지 */


/* quick */
.quick { position: absolute; top: 18.5%; right: 20px; border: 1px solid #aaa; border-left-width: 5px; background: #fff; z-index: 100; }
.quick .bar { position: absolute; top: 0; left: -5px; width: 5px; height: 30px; background: #1af; }
.quick .on a { color: #1af; }
.quick li a { padding: 5px 10px; color: #bbb; line-height: 20px; font-size: 16px; transition: all 0.3s ease-in-out 0s; }

/* paging */
.paging { text-align: right; margin-top: 70px; border-top: solid 3px #f5f5f5; padding-top: 20px; }
.paging * { display: inline-block; vertical-align: top; }
.paging div { padding: 0 30px; }
.paging div > * { min-width: 20px; line-height: 20px; font-size: 16px; }
.paging div > * + * { margin-left: 14px; }
.paging div strong { color: #50c4eb; font-weight: normal; }
.paging div a { color: #000; opacity: 0.5; }
.paging > a { position: relative; width: 20px; height: 20px; }
.paging > a:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -4px; }
.btn_pg_first { margin-right: 10px; }
.btn_pg_last { margin-left: 10px; }
.btn_pg_prev:before { width: 5px; height: 10px; background-position: -100px -76px; }
.btn_pg_next:before { width: 5px; height: 10px; background-position: -110px -76px; }
.btn_pg_first:before { width: 8px; height: 10px; background-position: -120px -76px; }
.btn_pg_last:before { width: 8px; height: 10px; background-position: -133px -76px; }

/* hidden */
.visible { visibility: visible !important; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.txt_hidden { display: block; text-indent: -9999px; overflow: hidden; }

/* align */
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }

/* font */
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }

/* color */
p [class*="color"] { display: inline-block; }
.color01 { color: #217bd5 !important; }
.color02 { color: #000 !important; }
.color03 { color: #333 !important; }
.color04 { color: #666 !important; }

/* text */
.underline { text-decoration: underline !important; }

/* title */
[class*="tit_area"] { position: relative; }
.sub_tit_area01 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; }
.sub_tit_area02 { margin-bottom: 52px; }
.sub_tit_area02 .list_step { position: absolute; top: 0; right: -32px; }
.sub_tit_area03 { margin-bottom: 32px; }
.tit_area01 { margin-bottom: 40px; padding-bottom: 22px; border-bottom: 1px solid #666; }
.tit_area02 { margin-bottom: 22px; }
.tit02 { line-height: 30px; font-size: 26px; font-weight: normal; }
.tit03 { color: #000; line-height: 20px; font-size: 16px; }
.tit04 { color: #000; line-height: 34px; font-size: 30px; font-weight: normal; }

/* txt */
.txt02 { color: #000; line-height: 20px; font-size: 16px; }
.txt03 { color: #666; line-height: 24px; font-size: 16px; }
.txt04 { color: #333; line-height: 19px; font-size: 15px; }
.txt05 { color: #333; line-height: 36px; font-size: 24px; }
.txt06 { color: #333; line-height: 16px; font-size: 12px; }
.txt07 { color: #333; line-height: 18px; font-size: 14px; }

/* table */
table[class*="tbl"] { table-layout: fixed; width: 100%; }
.tbl01 { margin-bottom: 66px; }
.tbl01 thead th { padding: 5px; height: 54px; color: #333; line-height: 18px; font-size: 14px; font-weight: normal; border-top: 1px solid #666; border-bottom: 1px solid #9d9d9d; }
.tbl01 tbody > tr > * { padding: 5px; height: 60px; color: #333; line-height: 20px; font-size: 16px; border-bottom: 1px solid #e5e5e5; text-align: center; }
.tbl01 tbody .left { padding-left: 10px; padding-right: 10px; }
.tbl01 tbody .icon_attachment { margin-left: 5px; }
.tbl01 tbody .date { color: #999; font-size: 14px; }
.tbl01 .no_contents { padding: 0 !important; }
.tbl01 .no_contents td { position: static !important; padding: 38px 0 !important; width: auto !important; height: auto; color: #666; line-height: 20px !important; font-size: 16px !important; text-align: center !important; }
.tbl01 .no_line td { border: 0 none; }
.btn_sorting { font-size: 16px; color: #212529; font-weight: 700; }
.btn_sorting span { display: inline-block; margin-left: 5px; width: 7px; height: 5px; background-position: -48px -50px; text-indent: -9999px; overflow: hidden; vertical-align: middle; }
.btn_sorting.on span { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/* tab */
.tab_content { padding: 40px 0; }
.tab_content > div { display: none; }
.tab_content > .on { display: block; }
[class*="tab"]:after { content: ""; display: block; clear: both; }
[class*="tab"] li { float: left; }
.tab01 { position: relative; background: #fff; z-index: 1; list-style: none; margin: 0; padding: 0; }
.tab01:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #666; }
.tab01 li { width: 204px; border: 1px solid #e5e5e5; border-bottom: 0 none; }
.tab01 li + li { border-left-width: 0; }
.tab01 li a { padding: 20px 10px; color: #383838; line-height: 18px; font-size: 18px; text-align: center; opacity: 0.3; display: block; cursor: pointer; }
.tab01 li a:hover { text-decoration: none; }
.tab01 .on { position: relative; border-color: #383838; border-left-width: 1px; background: #fff; font-weight: 700; }
.tab01 .on a { opacity: 1; }

/* tab back */
.go_to_tab { width: 100%; height: 0; color: #000; font-size: 14px; text-align: center; overflow: hidden; }
.go_to_tab:focus,
.go_to_tab:hover,
.go_to_tab:active { margin-top: 30px; height: 30px; line-height: 30px; background-color: #fff; overflow: visible; z-index: 9999; }

/* btn_arae */
.btn_area { line-height: 0; font-size: 0; text-align: center; }
.btn_area:after { content: ""; display: block; clear: both; }

/* button */
a[data-role="disabled"] { cursor: default; }
a[class*="btn"], button[class*="btn"] { display: inline-block; vertical-align: top; transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background 0.15s ease 0s; -webkit-transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background 0.15s ease 0s; }
.btn01 { padding: 0 10px; min-width: 110px; height: 42px; color: #fff !important; line-height: 40px; font-size: 14px !important; border: 1px solid #50c4eb; background: #50c4eb; text-align: center; }
.btn02 { padding: 0 10px; min-width: 110px; height: 42px; color: #333 !important; line-height: 40px; font-size: 14px !important; border: 1px solid #ccc; background: #fff; text-align: center; }
.btn_c01 { padding: 0 10px; min-width: 200px; height: 48px; color: #fff !important; line-height: 46px; font-size: 16px !important; border-radius: 25px; border: 1px solid #50c4eb; background: #50c4eb; text-align: center; }
.btn_c02 { padding: 0 10px; min-width: 200px; height: 48px; color: #333 !important; line-height: 46px; font-size: 16px !important; border-radius: 25px; border: 1px solid #ccc; background: #fff; text-align: center; }
.btn_c03 { padding: 0 10px; min-width: 260px; height: 60px; color: #fff !important; line-height: 58px; font-size: 18px !important; border-radius: 30px; border: 1px solid #50c4eb; background: #50c4eb; text-align: center; }
.btn_c04 { padding: 0 10px; min-width: 260px; height: 60px; color: #333 !important; line-height: 58px; font-size: 18px !important; border-radius: 30px; border: 1px solid #ccc; background: #fff; text-align: center; }
.btn_c05 { padding: 0 10px; min-width: 260px; height: 60px; color: #fff !important; line-height: 54px; font-size: 18px !important; border-radius: 30px; border: 3px solid #fff; text-align: center; }
.btn_c01:hover,
.btn_c03:hover { border-color: #0d5acc; background: #0d5acc; }
.btn_c02:hover,
.btn_c04:hover { color: #50c4eb !important; border-color: #0f57c1; }
.btn02:disabled, .btn02[data-role="disabled"] { color: #d3d3d3 !important; }
.btn_c01:disabled, .btn_c01[data-role="disabled"] { color: rgba(255,255,255,0.5) !important; }
.btn_c02:disabled, .btn_c02[data-role="disabled"] { color: rgba(0,0,0,0.2) !important; border-color: #ccc; }

/* form 관련 (input, select, textarea, checkbox, radiobox) */
input:focus,
select:focus,
textarea:focus { border-color: #50c4eb !important; }
input.warning, select.warning, textarea.warning { border-color: #f88 !important; }
.required { display: inline-block; }
.required:after { content: "*"; display: inline-block; margin-left: 3px; color: #222; line-height: 16px; font-size: 12px; font-weight: bold; vertical-align: top; }
.txtarea01 { padding: 10px 15px; width: 100%; height: 126px; color: #666; line-height: 24px; font-size: 16px; border: 1px solid #e1e1e1; vertical-align: top; }
.inp01 { padding: 0 15px; width: 100%; height: 42px; color: #666; line-height: 40px; font-size: 16px; border: 1px solid #e1e1e1; }
.inp01:disabled { background: #f8f8f8; }
.item_size01 { max-width: 400px; }
.item_size02 { max-width: 300px; }
.chkrdo { /*display: inline-block; vertical-align: middle;*/ margin: 0; padding: 0; list-style: none; position: relative; }
.chkrdo + .chkrdo { margin-left: 35px; }
.chkrdo input { position: absolute; top: 0; left: 0; opacity: 0; }
.chkrdo label { display: inline-block; position: relative; min-width: 16px; min-height: 20px; line-height: 20px; font-size: 16px; vertical-align: top; transition: color 0.1s ease-in 0s; -webkit-transition: color 0.1s ease-in 0s; font-weight: 500 !important; }
.chkrdo label:empty { padding: 0 !important; }
.chkrdo label:before { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; }
.chkrdo label a { text-decoration: underline; }
.chkrdo input[type="radio"] + label { padding-left: 25px; }
.chkrdo input[type="checkbox"] + label { padding-left: 25px; }
.chkrdo input[type="checkbox"] + label:before { background-position: 0 -76px; }
.chkrdo input[type="checkbox"]:checked + label:before { background-position: -21px -76px; }
.chkrdo input[type="radio"] + label:before { width: 14px; height: 14px; background-position: -42px -76px; }
.chkrdo input[type="radio"]:checked + label:before { background-position: -61px -76px; }

/* placeholder color */
:-ms-input-placeholder { color: #d3d3d3; opacity: 1; } /* IE 10+ */
:-moz-placeholder { color: #d3d3d3; opacity: 1; } /* Firefox 18- */
::-moz-placeholder { color: #d3d3d3; opacity: 1; } /* Firefox 19+ */
::-webkit-input-placeholder { color: #d3d3d3; opacity: 1; } /* Chrome/Opera/Safari */

/* select option custom */
.selectbox { position: relative; }
.selectbox > button { outline: none; position: relative; width: 100%; height: 42px; line-height: 40px; font-size: 16px; top: -6px; cursor: pointer; text-align: left; overflow: hidden; }
.selectbox > button:focus,
.selectbox > button:focus + .selectbox-option { border-color: #ccc !important; border-radius: 0 0 10px 10px; }
.selectbox > button:focus + .selectbox-option { border-top-color: #fff !important; }
.selectbox > button > span.arr { display: block; width: 36px; height: 100%; position: absolute; right: 0; top: 0; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/icon-arrow-down.svg") no-repeat right 12px top 50%; background-size: 12px 7px; }
.selectbox > button > span.arr.active { transform: rotate(180deg); }
.selectbox > .selectbox-option { opacity: 0; background-color: #FFF; position: absolute; z-index: 9; width: 100%; height: 1px; left: 0; top: 41px; overflow: auto; border: 1px solid #e1e1e1; border-top: 0 none; box-sizing: border-box; }
.selectbox > .selectbox-option > ul > li > a { display: block; line-height: 16px; padding: 11px 15px; color: #333; }
.selectbox > .selectbox-option > ul > li > a:hover, .selectbox > .selectbox-option > ul > li.active > a { background-color: #f2f2f2; }
.selectbox.selectbox-block { display: block; }

/* inp + slt */
.warning .inp_slt ul { border-color: #f88; }
.inp_slt { position: relative; }
.inp_slt input { padding-right: 36px; color: #333; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/arrow_select.png") no-repeat right 12px top 50%; background-size: 12px 7px; }
.inp_slt input:-ms-input-placeholder { color: #333; opacity: 1; } /* IE 10+ */
.inp_slt input:-moz-placeholder { color: #333; opacity: 1; } /* Firefox 18- */
.inp_slt input::-moz-placeholder { color: #333; opacity: 1; } /* Firefox 19+ */
.inp_slt input::-webkit-input-placeholder { color: #333; opacity: 1; } /* Chrome/Opera/Safari */
.inp_slt.on input { background-image: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/arrow_select_up.png"); }
.inp_slt.on ul { border-color: #ccc; }
.inp_slt ul { position: absolute; top: 41px; left: 0; width: 100%; height: 0; border: 1px solid #ccc; background: #fff; overflow-y: auto !important; opacity: 0; z-index: 1; padding: 0; border-radius: 10px; }
.inp_slt ul > li > a { padding: 11px 15px; color: #333; line-height: 16px; display: block; }
.inp_slt ul > .selected a, .inp_slt ul > li > a:hover, .inp_slt ul > li > a:focus, .inp_slt ul > li > a:active { background: #f7f7f7; }
.inp_slt input:focus,
.inp_slt input:active { outline: none; }

/* textarea 말줄임 */
.txtarea textarea { padding: 10px 15px; width: 100%; height: 126px; color: #666; line-height: 24px; font-size: 16px; border: 1px solid #e1e1e1; vertical-align: top; }
.txtarea .txt_counter { margin-top: 6px; color: #999; line-height: 14px; font-size: 12px; text-align: right; }
.txtarea .txt_length { color: #333; }
.warning textarea { border-color: #f88; }
.warning .txt_length { color: #ff3d3d; }
.txtarea.aslt { position: relative; }
.txtarea.aslt .txt_counter { margin: 0; position: absolute; bottom: -20px; right: 0; }

/* input + button wrap */
[class*="inp_btn_wrap"] { position: relative; }
[class*="inp_btn_wrap"] > button, [class*="inp_wrap"] > a { position: absolute; top: 0; right: 0; }
.inp_btn_wrap01 { padding-right: 160px; max-width: 520px; }
.inp_btn_wrap02 { padding-left: 130px; max-width: 400px; }
.inp_btn_wrap02 select,
.inp_btn_wrap02 .selectbox { position: absolute; top: 0; left: 0; width: 120px; }

/* add_file */
.add_file { position: relative; border: 1px dashed #ced4da; text-align: center; overflow: hidden; border-radius: .25rem; }
.add_file label { display: block; padding: 30px 10px; min-height: 80px; cursor: pointer; }
.add_file label span { display: block; color: #666; line-height: 20px; font-size: 16px; }
.add_file label .txt:before,
.add_file label .file_path span:before { content: ""; display: inline-block; position: relative; top: -1px;margin-right: 6px; width: 16px; height: 16px; background-position: -25px -50px; vertical-align: middle; }
.add_file label .file_path { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px 10px; }
.add_file label .file_path span { display: inline-block; max-width: calc(100% - 25px); vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.add_file label .file_path span:before { display: none; }
.add_file label .file_path a { display: none; position: relative; margin-left: 1px; width: 20px; height: 20px; text-indent: -9999px; vertical-align: top; overflow: hidden; z-index: 5; }
.add_file label .file_path a:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -4px; width: 8px; height: 8px; background-position: -140px -14px; }
.add_file label .file_path.on a,
.add_file label .file_path.on span:before { display: inline-block; }
.add_file input[type="file"] { position: absolute; top: 0; left: 0; visibility: hidden; }

/* swiper scroll */
.swiper_scroll { height: 200px; border: 1px solid #666; background: #fff; }
.swiper_scroll .swiper-slide { padding: 10px; height: auto; }

/** 서브 페이지 **/
/* support */
[class*="tc_box_"] { table-layout: fixed; display: table; margin-bottom: 20px; width: 100%; }
[class*="tc_box_"] .tc_wrap { display: table-cell; padding: 15px 20px 0 20px; height: 420px; text-align: center; vertical-align: middle; }

/* support - contact us, qna */
.board_area { position: relative; }
.board_area > .search_form { position: absolute; top: -5px; right: 0; }
.filter_search_area { margin: 30px 0; }
.filter_search_area:after { content: ""; display: block; clear: both; }
.filter_search_area .filter_list { padding: 10px 0 0 0; margin: 0; float: left; list-style: none; }
.filter_search_area .search_form { float: right; }
.filter_list:after { content: ""; display: block; clear: both; }
.filter_list > li { float: left; }
.filter_list > li + li { margin-left: 8px; }
.filter_list > li a { display: table; width: 100%; text-decoration: none; }
.filter_list > li a span { display: table-cell; padding: 6px 12px; color: rgba(0,0,0,0.6); line-height: 18px; font-size: 14px; border: 1px solid #ccc; vertical-align: middle; border-radius: 15px; }
.filter_list > .on a span { color: #50c4eb; border-color: #50c4eb; }
.filter_list > .disabled a span { color: #ccc; border-color: #e5e5e5; }
.search_form { position: relative; width: 267px; }
.search_form label { display: block; }
.search_form input:focus, .search_form input:active { outline: none; }
.search_form input { padding: 0 38px 0 15px; width: 100%; height: 40px; line-height: 38px; font-size: 14px; border: 1px solid #ccc; overflow: hidden; border-radius: 20px; }
.search_form .btn_search { position: absolute; top: 0; right: 0; }
.btn_search { position: relative; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; }
.btn_search:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; background-position: 0 0; }
.search_form input.disabled { border-color: #e5e5e5; }
.btn_search.disabled, .btn_search:disabled { opacity: 0.25; }
[class*="txt_status_"] { font-size: 14px; font-weight: normal; }
.txt_status_new { font-weight: 700; }
.txt_status_open { font-weight: 700; color: #50c4eb; }
.txt_status_solved { font-weight: 700; color: #6f6f6f; }
.txt_status_closed { font-weight: 700; color: #bcbcbc; }
.icon_attachment { display: inline-block; position: relative; width: 16px; height: 16px; text-indent: -9999px; vertical-align: middle; overflow: hidden; }
.icon_attachment:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: -25px -50px; }

/* support - qna new question */
.new_question_form { padding-top: 13px; }
.new_question_form .txt02 { margin-bottom: 46px; }
.new_question_form .dl_item_area { margin-bottom: 70px; }
.dl_item_divide + .dl_item01,
.dl_item01 + .dl_item_divide,
.dl_item01 + .dl_item01 { margin-top: 19px; }
.dl_item01 { position: relative; padding-bottom: 15px; }
.dl_item01 dt { margin-bottom: 6px; color: #5979a9; line-height: 16px; font-size: 12px; font-weight: bold; }
.dl_item01 dt label { display: inline-block; vertical-align: top; }
.dl_item01 dd { color: #333; line-height: 24px; font-size: 16px; word-break: break-all; }
.dl_item01 dd .txt06 { margin-top: 3px; }
.dl_item01.warning dt { color: #ff3d3d; }
.dl_item01.warning .selectbox button,
.dl_item01.warning .selectbox > .selectbox-option,
.dl_item01.warning input,
.dl_item01.warning select,
.dl_item01.warning textarea { border-color: #f88; }
.dl_item01 [class*="txt_warning"] { position: absolute; bottom: 0; left: 0; }
[class*="txt_warning"] { line-height: 14px; font-size: 12px; }
.txt_warning_red { color: #ff3d3d; margin-top: 5px; }
.txt_warning_blue { color: #50c4eb; margin-top: 5px; }
.dl_item01 .btn_tooltip { position: absolute; top: -1px; right: 0; }

/* support - question detail */
.con_body > .view_area { margin-top: -31px; }
.vw_tit_area { table-layout: fixed; display: table; width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.vw_tit_area > * { display: table-cell; padding: 25px 0; height: 106px; vertical-align: top; }
.vw_status { width: 104px; }
.icon_status { display: inline-block; min-width: 68px; padding: 0 5px; color: #333; line-height: 28px; font-size: 14px; font-weight: normal; border: 1px solid #ccc; text-align: center; }
.vw_category { margin-top: 8px; color: #333; line-height: 0; font-size: 0; }
.vw_category > * { display: inline-block; line-height: 18px; font-size: 14px; vertical-align: top; }
.vw_category dt:after { content: "/"; display: inline-block; margin: 0 5px; vertical-align: top; }
.vw_date { width: 200px; text-align: right; vertical-align: middle; }
.vw_date > span { display: block; color: #999; line-height: 18px; font-size: 14px; }
.vw_txt_area { padding: 20px 0 46px 0; }
.attach_file_area { margin-bottom: 12px; }
.icon_attach_file + .icon_attach_file { margin-left: 20px; }
.icon_attach_file { display: inline-block; position: relative; padding: 1px 0 1px 23px; color: #50c4eb; line-height: 18px; font-size: 14px; vertical-align: top; }
.icon_attach_file:before { content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; background-position: -25px -50px; }
.icon_attach_file.no { color: #c8c8c8; }
.icon_attach_file.no:before { opacity: 0.4; }
.vw_txt_box { color: #666; line-height: 26px; font-size: 16px; white-space: pre-line; }
.comment_list { margin: 0; padding: 0; list-style: none; }
.comment_list li + li { border-top: 1px solid #efefef; }
.comment_list li dl { table-layout: fixed; display: table; width: 100%; }
.comment_list li dl > * { display: table-cell; padding: 22px 0; height: 92px; vertical-align: top; }
.comment_list li dt { width: 200px; }
.comment_list li .date { width: 200px; color: #999; line-height: 18px; font-size: 14px; text-align: right; }
.comment_list li .cmt_inp { padding: 30px 0; }
.comment_list .re dl > * { padding: 30px 0; }
.comment_form fieldset { position: relative; padding-right: 100px; }
.comment_form textarea { height: 80px; border: 0 none; border: 1px solid #dedede; border-radius: .25rem 0 0 .25rem; }
.comment_form .btn_comment { position: absolute; top: 0; right: 0; border-radius: 0 .25rem .25rem 0; }
.btn_comment { width: 100px; height: 80px; color: #50c4eb; text-transform: uppercase; line-height: 78px; font-size: 14px; border: 1px solid #dedede; border-left: 0 none; text-align: center; }
.btn_comment:disabled { color: #a0bfed; }

/* mypage - individual */
.con_banner { position: relative; margin-top: -35px; padding: 0 30px; }
.banner_partner_with_us { display: table; position: relative; margin: 0 auto; width: 1280px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_atc_partner.jpg") no-repeat center; }
.banner_partner_with_us a { display: table-cell; height: 300px; vertical-align: middle; text-align: center; }
.banner_partner_with_us dl { margin-bottom: 22px; color: #fff; }
.banner_partner_with_us dt { position: relative; margin-bottom: 11px; color: #fff; line-height: 46px; font-size: 36px; font-weight: normal; z-index: 1; }
.banner_partner_with_us dd { position: relative; color: #fff; line-height: 24px; font-size: 16px; z-index: 1; }
.btn_register_now { position: absolute; top: 50%; right: 60px; margin-top: -29px; padding: 17px 10px; width: 230px; color: #1e63c8; line-height: 22px; font-size: 18px; font-weight: bold; border-radius: 30px; background: #fff; text-align: center; }

/* mypage - partner developer */
.more_area { position: relative; margin-top: 22px; }
.more_area.on { padding-bottom: 44px; }
.more_box { display: none; padding-top: 24px; }

/* mypage - status dis */
.tb_box_status { margin-bottom: 38px; }
.tb_box_status .tb_wrap > *:first-child { margin: 0; }
.tb_box_status .txt01 strong { font-weight: normal; }
.tb_box_status .txt03 { margin-top: 7px; }
.tb_box_status .btn02 { margin-top: 16px; min-width: 110px; }

/* mypage - status reject */
.dl_item01 dd .pls { margin: 15px 0 17px 0; }

/* mypage - partner company */
.board_area .tab_content { position: relative; top: -1px; }
.adm_form .tbl01 { margin-bottom: 14px; }
.adm_form .btn_area { margin-bottom: 45px; }
.adm_form .btn_c02 { min-width: 96px; height: 38px; line-height: 36px; font-size: 14px; }
.radio_list { padding: 15px 0 50px 0; }
.radio_list > li { line-height: 0; font-size: 0; }
.radio_list > li .chkrdo label { padding-top: 7px; padding-bottom: 7px; color: #666; }
.radio_list > li .chkrdo label:before { top: 11px; }
.radio_list > li + li { margin-top: 10px; }
.radio_list > li .inp01 { margin-left: 10px; max-width: 346px; height: 34px; line-height: 32px; }
.other_box { padding: 15px 0 50px 0; }

/* partner with us */
.program_work_step { padding: 40px 0 60px 0; background: #fff; text-align: center; }
.program_work_step .btn_area { margin-top: 47px; }
[class*="infor_list"] { position: relative; line-height: 0; font-size: 0; text-align: center; }
[class*="infor_list"] > li { display: inline-block; position: relative; padding: 0 105px; width: 50%; vertical-align: top; }
[class*="infor_list"] > li > dl { position: relative; }
[class*="infor_list"] > li > dl > dt { color: #333; line-height: 26px; font-size: 26px; font-weight: 600; }
[class*="infor_list"] > li > dl > dd { margin-top: 15px; color: #807f7f; line-height: 24px; font-size: 16px; margin-bottom: 15px; }
[class*="infor_list"] > li .dl_item_wrap { width: 90%; }
[class*="infor_list"] > li .number { display: block; color: #000; line-height: 18px; font-size: 16px; }
[class*="infor_list"] > li [class*="btn_c"] { margin-top: 30px; }
.infor_list02 > li { padding: 0 45px; width: 50%; text-align: left; }
.infor_list02 > li + li:before { top: 43px; height: 218px; }
.infor_list02 > li [class*="btn_c"] { margin-top: 18px; font-size: 18px !important; background-color: #306BD0; color: white !important; font-weight: 600; }
.infor_list02 > .step3 > dl > img { padding-bottom: 20px; }

/* partner with us - select type */
.select_partner_type { padding: 48px 0 40px 0; text-align: center; }
.infor_list01 { table-layout: fixed; display: table; margin-top: 48px; width: 100%; }
.infor_list01 > li { display: table-cell; padding-bottom: 94px; vertical-align: top; }
.infor_list01 > li + li:before { height: 100%; }
.infor_list01 > li > dl { padding: 105px 0 0 0; }
.infor_list01 > li > dl:before { content: ""; position: absolute; left: 0; width: 100%; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_select_partner_type.png") no-repeat center 0; background-size: 86px auto; }
.infor_list01 > li > dl > dd { margin-top: 12px; min-height: 96px; }
.infor_list01 > li [class*="btn_c"] { position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -100px; }
.infor_list01 > li .dl_item_wrap { margin: 0 auto; margin-top: 16px; max-width: 300px; text-align: left; }
.infor_list01 > li .dl_item01 { padding: 0; }
[class*="infor_list"] > .company > dl:before { top: 4px; height: 76px; background-position: center 0; }
[class*="infor_list"] > .developer > dl:before { top: 0; height: 80px; background-position: center -81px; }

/* tooltip */
.btn_tooltip { width: 18px; height: 18px; text-indent: -9999px; background-position: -18px -222px; overflow: hidden; }
.btn_tooltip_close { position: absolute; top: 0; right: 0; width: 36px; height: 36px; text-indent: -9999px; overflow: hidden; border: none; background-color: transparent; color: #50c4eb; }
.btn_tooltip_close:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background-position: -41px -222px; }
[class*="tooltip_box"] { position: absolute; bottom: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; z-index: 1; transition: opacity 0.15s ease-in 0.05s, visibility 0s ease-in 2s; -webkit-transition: opacity 0.15s ease-in 0.05s, visibility 0s ease-in 2s; }
[class*="tooltip_box"].on { visibility: visible; opacity: 1; transition: opacity 0.15s ease-in 0.05s; -webkit-transition: opacity 0.15s ease-in 0.05s; }
.tooltip_wrap { position: relative; padding: 13px 36px 13px 18px; border: 1px solid #50c4eb; background: #fff; border-radius: 10px; }
.tooltip_wrap p { color: #50c4eb; line-height: 20px; font-size: 14px; font-weight: normal; margin: 0; }
.tooltip_box01 { bottom: 84px; }

/* partner with us - contact information partner company */
.list_step { table-layout: fixed; display: table; margin: 0; padding: 0; }
.list_step li { display: table-cell; position: relative; vertical-align: top; }
.list_step li + li:before { content: ""; position: absolute; top: 19px; left: -50%; width: 100%; height: 2px; background: #e1e1e1; }
.list_step .complete + li:before { background: #50c4eb; }
.list_step li a, .list_step li strong { display: block; padding: 0 10px; width: 104px; color: #666; line-height: 18px; font-size: 14px; font-weight: normal; font-family: 'SamsungOneUI'; text-align: center; }
.list_step li .number { display: block; position: relative; margin: 0 auto; margin-bottom: 6px; width: 40px; height: 40px; color: #999; line-height: 36px; font-size: 14px; font-weight: bold; border: 2px solid #e1e1e1; border-radius: 100%; background: #fff; z-index: 1; }
.list_step .current .number { color: #50c4eb; border-color: #50c4eb; }
.list_step .complete .number { position: relative; text-indent: -9999px; border-color: #50c4eb; background: #50c4eb; overflow: hidden; }
.list_step .complete .number:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -6px; width: 14px; height: 11px; background-position: -104px -60px; }
.input_create_wrap { position: relative; margin-bottom: 48px; }
.input_create_wrap .dl_item_area { padding-right: 368px; text-align: left; }
.create_new_item { position: absolute; top: 0; right: 0; width: 320px; text-align: center; }
.create_new_item:before { content: ""; position: absolute; top: -41px; left: -67px; width: 67px; height: 1px; background: #fff; }
.create_new_item .btn_c02 { min-width: 180px; height: 42px; line-height: 40px; font-size: 14px; }
.tcb_area { text-align: center; }
.tcb_area .chkrdo { margin-top: 5px; }
.tcb_area .chkrdo a { display: inline-block; }
.tcb_area .btn_area { margin-top: 30px; }
.tcb_area .txt07 { margin: 34px 0 -8px 0; }
.txt_notice { position: relative; margin-top: 23px; padding-left: 66px; line-height: 0; font-size: 0; vertical-align: top; }
.txt_notice dt { position: absolute; top: 0; left: 0; padding: 0 7px; color: #fff; line-height: 26px; font-size: 11px; background: #bfbfbf; opacity: 0.8; }
.txt_notice dd { padding: 2px 0; color: #000; line-height: 22px; font-size: 14px; opacity: 0.45; }

/* partner with us - company information */
.dl_item_divide:after { content: ""; display: block; clear: both; }
.dl_item_divide .dl_item_area { width: 50%; float: left; }
.dl_item_divide .dl_item_area:last-child { padding-left: 10px; }
.dl_item_divide > .dl_item01 { width: 50%; float: left; }
.dl_item_divide > .dl_item01:nth-child(1),
.dl_item_divide > .dl_item01:nth-child(2) { margin-top: 0; }
.dl_item_divide > .dl_item01:nth-child(2n) { padding-left: 10px; }
.check_all_list > .first_all { padding-left: 0; }
.check_all_list > .first_all .all { position: static; width: auto; }
.check_all_list > li { position: relative; padding: 20px 0 20px 120px; border-bottom: 1px solid #e2e2e2; }
.check_all_list > li > .all { display: block; position: absolute; top: 20px; left: 0; width: 120px; font-weight: normal; }
.check_all_list > li .chkrdo { vertical-align: top; }
.check_all_list > li .chkrdo label { margin: 0; }
.check_all_list ul { line-height: 0; font-size: 0; }
.check_all_list ul > li { display: inline-block; padding-right: 10px; width: 12.5%; vertical-align: top; }
.check_all_list ul > li .chkrdo label { color: #a8a8a8; }
.check_all_list ul > li .chkrdo input:checked + label { color: #000; }
.check_all_list.ty02 ul > li { width: 15%; }
.check_list > li { line-height: 0; font-size: 0; }
.check_list > li + li { margin-top: 16px; }
.check_list > li .chkrdo label { color: #666; }
.check_list > li .inp01 { margin-left: 7px; max-width: 346px; height: 34px; line-height: 32px; }
.warning .check_list > li .inp01 { border-color: #e1e1e1; }
.txt_warning_required { margin-top: 42px; color: #ff3d3d; line-height: 18px; font-size: 14px; text-align: center; visibility: hidden; }
.txt_warning_required + .btn_area { margin-top: 22px; }

/* partner with us - confirm */
.dl_item_divide[data-number="4"] > [class*="dl_item"] { margin: 0; width: 25%; float: left; }
.mg01 { margin-bottom: 67px; }
.mg02 { margin-bottom: 50px; }
.txt07.last { margin-bottom: 22px; text-align: center; }

/* internal server error, page not found */
.error_area { background-color: #fff; padding: 60px 30px 90px 30px; text-align: center; }
.error_area h1 { color: #50c4eb; font-size: 140px; margin: 0; padding: 0 line-height: 140px; }

/* coming_soon */
.coming_soon { position: relative; padding: 193px 20px 130px 20px; text-align: center; }
.coming_soon:before { content: ""; position: absolute; top: 73px; left: 50%; margin-left: -30px; width: 73px; height: 84px; background-position: -154px -79px; }
.coming_soon .tit02 { font-size: 24px; }
.coming_soon .txt03 { margin-top: 24px; }
.cmsn_send_form { margin:0 auto; width: 455px; margin-top: 70px; position:relative; }

.cmsn_send_form input { width: 455px; border-top: 0; border-left: 0; border-right: 0; padding: 0 40px 0 0;}
.cmsn_send_form input:disabled { background: none; color: #d3d3d3; }
.cmsn_send_form button {position:absolute;display:block;width:42px;height:42px;top:0;right:-16px;}
.cmsn_send_form button span {font-size:0;text-indent:-9999px;color:transparent;display:block;width:28px;height:28px;background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat -69px -222px; background-size: 250px 250px; }
.cmsn_send_form button.active {cursor:auto;}
.cmsn_send_form button.active span {background-position:-97px -222px;}
.cmsn_send_form p { text-align: left; color:#333; opacity:0.45; padding-top: 5px; line-height: 16px; }

/* search */
.search_c_form { margin: 0 0 70px 0; }
.search_c_form label { display: block; }
.search_c_form input { background-color: #f6f6f6; padding: 8px 20px; width: 100%; color: #575757; line-height: 1.5; font-size: 1.25rem; border: solid 1px #ccc; border-radius: 1.5rem; position: relative; }
.btn_search_c { position: absolute; top: 8px; right: 0; width: 25px; height: 25px; background-position: -179px 0; text-indent: -9999px; overflow: hidden; }
.result { display: table; table-layout: fixed; width: 100%; }
.result > * { display: table-cell; vertical-align: top; }
.result_filter_form { width: 280px; }
.result_filter_form legend { position: static; padding-top: 2px; width: 100%; height: auto; color: #333; line-height: 20px; font-size: 16px; font-weight: bold; }
.result_filter_form .btn_filter { display: none; }
.result_filter_list { margin-top: 20px !important; padding-top: 20px; }
.result_filter_list ul { margin: 0; padding: 0; list-style: none; }
.result_filter_list > ul > li + li { margin-top: 23px; }
.result_filter_list li > ul { margin-top: 23px; padding-left: 16px; }
.result_filter_list li > ul > li + li { margin-top: 23px; }
.result_area { padding-right: 20px; }
.txt_result { margin-bottom: 40px; color: #333; line-height: 28px; font-size: 24px; }
.result_list { margin: 0; padding: 0; list-style: none; }
.result_list > li + li { margin-top: 40px; }
.result_list > li { color: #666; line-height: 24px; font-size: 16px; width: 100%; }
.result_list > li a { display: inline-block; margin-bottom: 5px; color: #50c4eb; vertical-align: top; }
.result_list > li .txt { display: block; display: -webkit-box; max-width: 100%; height: 46px; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.result_list > li .txt strong { color: #101010; }
.no_result .complete_wrap { padding-top: 124px; }
.no_result .complete_wrap:before { margin-left: -40px; width: 80px; height: 85px; background-position: -154px -165px; }
.no_result .complete_wrap .txt05 { line-height: 34px; font-size: 30px; }
.no_result .complete_wrap .txt03 { margin-top: 18px; line-height: 28px; font-size: 16px; }

/* 반응형 */
@media screen and (max-width: 1340px) {
	/** 서브 페이지 **/
	/* support */
	.sad_list .support dl:before { left: 40px; }
	.sad_list .general dl:before { left: 40px; }

	/* mypage - individual */
	.banner_partner_with_us { width: 100%; }

	/* partner with us - company information */
	.check_all_list.ty02 ul > li,
	.check_all_list ul > li { width: 20%; }

}
@media screen and (max-width: 1023px) {
	/* title */
	.sub_tit_area01 { margin-bottom: 34px; padding-bottom: 18px; }
	.sub_tit_area02 { margin-bottom: 30px; }
	.tit_area01 { margin-bottom: 36px; padding-bottom: 20px; }
	.tit_area02 { margin-bottom: 16px; }

	/* table */
	.tbl01 { margin-bottom: 40px; }

	/** 서브 페이지 **/
	/* support */
	.new_question_form { padding: 0; }
	.new_question_form .dl_item_area { margin-bottom: 50px; }

	/* support - question detail */
	.con_body > .view_area { margin-top: -35px; }

	/* partner with us */
	[class*="infor_list"] > li { padding: 30px; width: 50%; }
	.infor_list02 > li:before { display: none; }

	/* partner with us - select type */
	.infor_list01 > li { padding-bottom: 77px; }
	.infor_list01 > li + li:before { height: 100%; }

	/* partner with us - contact information partner company */
	.create_new_item:before { top: -37px; }
	.txt_notice { padding: 0 0 42px 75px; }
	.txt_notice dd { padding: 4px 0; line-height: 18px; }
}
@media screen and (max-width: 860px) {
	/** 서브 페이지 **/
	/* support */
	.board_area .tit_area02 { margin-bottom: 22px; }
	.tbl_qna { border-top: 1px solid #686868; }
	.tbl_qna thead { display: none; }
	.tbl_qna td { display: none; }
	.tbl_qna,
	.tbl_qna tbody,
	.tbl_qna tr { display: block; }
	.tbl_qna td { display: none; }
	.tbl_qna td.left { display: table; width: 100%; }
	.tbl_qna td.left a { display: table-cell; padding: 17px 0; height: 60px; line-height: 24px; font-size: 16px; vertical-align: middle; }
	.tbl_qna .no_contents td { display: block; }
	.filter_list:before { content: ""; position: absolute; top: 12px; right: 12px; width: 12px; height: 6px; background-position: -104px -50px; }
	.filter_list.on:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.filter_list { border: 1px solid #ccc; overflow: hidden; }
	.filter_list.on > li { display: block; }
	.filter_list > .on { display: block; }
	.filter_list > li { display: none; width: auto; float: none; }
	.filter_list > li + li { margin-left: 0; }
	.filter_list > li a { display: block; }
	.filter_list > li a span { display: block; padding: 5px 15px; min-width: 120px; height: auto; line-height: 18px; border-radius: unset; border-width: 0; background: #fff; }
	.filter_search_area .filter_list { position: absolute; top: -3px; right: 0; padding: 0; float: none; z-index: 1; }
	.search_form { position: relative !important; top: auto !important; width: auto; float: none !important; }
	.search_form input { border-color: #ccc; }
	.board_area > .search_form { margin-bottom: 17px; }

}
@media screen and (max-width: 767px) {
	/* title */
	.sub_tit_area02 { margin-bottom: 18px; }
	.tit02 { line-height: 24px; font-size: 20px; }
	.tit04 { line-height: 28px; font-size: 24px; }

	/* txt */
	.txt01 { line-height: 20px; font-size: 16px; }
	.txt02 { line-height: 24px; font-size: 16px; }

	/* tab */
	[class*="tab"][data-number="2"] li { width: 50%; }
	.tab01 li a { padding: 16px 10px; line-height: 18px; font-size: 14px; }

	/* table */
	.tbl01 { margin-bottom: 30px; }
	.tbl01 thead th { padding: 0; line-height: 16px; font-size: 12px; }
	.tbl01 tbody > tr > * { padding: 0; line-height: 16px; font-size: 12px !important; }

	/* button */
	.btn_c01 { min-width: 140px; }
	.btn_c02 { min-width: 140px; }

	/* form 관련 (input, select, checkbox, radiobox) */
	.txtarea01 { padding: 5px 10px; line-height: 20px; font-size: 14px; }

	/** 서브 페이지 **/
	/* support */
	[class*="tc_box_"] .tc_wrap { padding: 50px 20px 64px 20px; height: 240px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_support_main_m.jpg") no-repeat center; background-size: cover; }
	.txt_tc01 { line-height: 42px; font-size: 32px; margin-top: 50px; margin-left: 30px; margin-right: 30px; }
	.txt_tc02 { margin-top: 24px; margin-left: 30px; margin-right: 30px; }
	.tb_box_question { margin-bottom: 50px; }
	.tb_box_question .tb_wrap { height: 200px; }
	.new_question_form .dl_item_area { margin-bottom: 30px; }

	/* support - qna new question */
	.new_question_form .txt02 { margin-bottom: 32px; }
	.dl_item01 dt { margin-bottom: 8px; }
	.add_file label { padding: 10px; min-height: 40px; }
	.add_file label .file_path { padding: 10px; }

	/* support - question detail */
	.vw_tit_area { display: inherit; padding: 24px 0 20px 0; }
	.vw_tit_area > * { display: inherit; padding: 0; width: auto; height: auto; }
	.vw_status { margin-bottom: 10px; }
	.vw_title { margin-bottom: 7px; }
	.vw_category { margin-top: 10px; }
	.vw_date { text-align: left; }
	.vw_txt_area { padding: 18px 0 40px 0; }
	.attach_file_area { margin-bottom: 18px; }
	.vw_txt_box { line-height: 24px; font-size: 14px; }
	.comment_list li dl { display: inherit; padding: 22px 0; }
	.comment_list li dl > * { display: inherit; padding: 0 !important; width: auto !important; height: auto; }
	.comment_list li dt { line-height: 20px; }
	.comment_list li .date { text-align: left; }
	.comment_list .re dt { display: none; }
	.comment_list .re .txt { padding: 0 !important; }
	.comment_form textarea { height: 42px; }
	.btn_comment { height: 42px; line-height: 40px; }

	/* mypage - individual */
	.con_banner { margin-top: -20px; padding: 0; }
	.banner_partner_with_us { background-image: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_atc_partner_m.jpg"); background-size: cover; }
	.banner_partner_with_us a { padding: 0 20px; height: 328px; }
	.banner_partner_with_us dt { line-height: 32px; font-size: 25px; }
	.btn_register_now { position: relative; top: auto; right: auto; margin-top: 50px; }

	/* mypage - partner developer */
	.more_box { padding-top: 13px; }

	/* mypage - status dis */
	.tb_box_status { margin-bottom: 30px; }
	.tb_box_status .txt03 { font-size: 16px; }

	/* mypage - partner company */
	.tbl_administration,
	.tbl_administration thead,
	.tbl_administration tbody,
	.tbl_administration tr { display: block; }
	.tbl_administration th,
	.tbl_administration td { display: none; height: auto !important; border: 0 none !important; }
	.tbl_administration thead tr { position: relative; padding: 18px 0 18px 36px; border-bottom: 1px solid #a0a0a0; }
	.tbl_administration tbody tr { position: relative; padding: 18px 0 18px 36px; border-bottom: 1px solid #e5e5e5; }
	.tbl_administration thead th { padding: 0; line-height: 20px; font-size: 14px; vertical-align: top; text-align: left; }
	.tbl_administration thead th:nth-child(1),
	.tbl_administration tbody td:nth-child(1) { display: block; position: absolute; top: 20px; left: 0; width: 36px; }
	.tbl_administration thead th:nth-child(2) { display: inline-block; }
	.tbl_administration thead th:nth-child(3) { display: inline-block; }
	.tbl_administration thead th:nth-child(3):before { content: "/"; display: inline-block; margin: 0 2px; vertical-align: top; }
	.tbl_administration tbody td:nth-child(2) { display: block; }
	.tbl_administration tbody td:nth-child(3) { display: block; margin-top: 10px; }
	.tbl_administration tbody > tr > * { padding: 0 !important; line-height: 20px; font-size: 16px !important; text-align: left; }
	.tbl_administration .chkrdo { vertical-align: top; }
	.radio_list { margin-bottom: 40px; }
	.radio_list > li .inp01 { width: calc(100% - 73px); }
	.adm_form .btn_area > * { min-width: 96px; width: auto; float: none; }
	.adm_form .btn_area > * + * { margin-left: 8px; }

	/* partner with us */
	[class*="tc_box_"] { margin-bottom: 10px; }
	.program_work_step { padding: 30px 0; }
	.program_work_step .btn_area { margin-top: 20px; }
	.program_work_step .btn_area a { min-width: 230px; }
	[class*="infor_list"] { margin-top: 0; }
	[class*="infor_list"]:before,
	[class*="infor_list"]:after { display: none; }
	[class*="infor_list"] > li { padding: 40px 0; width: 100%; }
	[class*="infor_list"] > li > dl > dt br { display: none; }
	.infor_list02 { margin-top: 12px; padding: 0 20px; }
	.infor_list02 > li { padding: 0px 10px 50px 10px; width: 100%; }
	.infor_list02 > li .number { line-height: 22px; font-size: 20px; }

	/* partner with us - select type */
	.select_partner_type { padding: 20px 0 0 0; }
	.infor_list01 { display: inherit; }
	.infor_list01 > li { display: inherit; }
	.infor_list01 > li + li:before { display: none; }
	.infor_list01 > li:last-child { padding-bottom: 0; }
	.infor_list01 > li > dl > dd { min-height: 0; }
	.infor_list01 > li [class*="btn_c"] { position: static; margin: 30px 0 0 0; }

	/* partner with us - contact information partner company */
	.sub_tit_area02 .list_step { position: static; padding: 27px 0 14px 0; }
	.list_step { width: 100%; margin-top: 40px; }
	.list_step li { text-align: center; }
	.list_step li a, .list_step li strong { display: inline-block; padding: 0 5px; width: auto; vertical-align: top; }
	.input_create_wrap { margin-bottom: 0; }
	.input_create_wrap .dl_item_area { padding: 0; }
	.create_new_item { position: static; padding: 44px 0; width: auto; border-left: 0 none; border-bottom: 1px solid #e5e5e5; }
	.create_new_item p { margin-bottom: 22px; }
	.tcb_area .txt04 { margin-top: 30px; }
	.tcb_area .chkrdo { margin: 0 auto; margin-top: 5px; padding: 0 15px; text-align: left; }
	.txt_notice { margin: 0; border-bottom: 1px solid #e5e5e5; }
	.txt_notice br { display: none; }

	/* partner with us - company information */
	[class*="item_size"] { max-width: 100%; }
	.dl_item_divide + .dl_item01, .dl_item01 + .dl_item_divide, .dl_item01 + .dl_item01 { margin-top: 24px; }
	.dl_item_divide .dl_item_area { width: auto; float: none; }
	.dl_item_divide .dl_item_area:last-child { margin-top: 24px; padding: 0; }
	.dl_item_divide > .dl_item01 { width: auto; float: none; }
	.dl_item_divide > .dl_item01:nth-child(2n) { padding-left: 0; }
	.dl_item_divide > .dl_item01:nth-child(2) { margin-top: 24px; }
	.check_all_list > li { padding: 0; }
	.check_all_list > li > .all { position: static; padding: 20px 0; width: auto; }
	.check_all_list ul { border-top: 1px solid #e2e2e2; }
	.check_all_list.ty02 ul > li,
	.check_all_list ul > li { margin: 0 25px 0 0; padding: 20px 0; width: auto; }
	.check_all_list ul > li:last-child { margin-right: 0; }
	.check_list > li .inp01 { margin-left: 10px; width: calc(100% - 58px); }
	.check_list > li .inp01 { max-width: 100%; }
	.inp_btn_wrap01 { max-width: 100%; }
	.txt_warning_required { margin-top: 0; }
	.txt_warning_required + .btn_area { margin-top: 12px; }

	/* partner with us - confirm */
	.dl_item_divide[data-number="4"] > [class*="dl_item"] { width: auto; float: none; }
	.dl_item_divide[data-number="4"] > [class*="dl_item"] + [class*="dl_item"] { margin-top: 24px; }

	/* internal server error, page not found */
	.error_wrap { padding: 22px 0; height: 386px; }
	.error_area dt { line-height: 28px; font-size: 24px; }

	/* coming_soon */
	.cmsn_send_form { width: 100%; }
	.cmsn_send_form input { width: 100%; }
	.cmsn_send_form p { font-size: 14px; padding-top: 12px; line-height: 18px; }

	/* search */
	body.filter_on #header { z-index: 102 !important; }
	body.filter_on .sub_tit_area03,
	body.filter_on .search_c_form,
	body.filter_on .result_filter_form { z-index: 101; }
	.sub_tit_area03 { position: fixed; top: 61px; left: 0; margin: 0; padding: 18px 20px 32px 20px; width: 100%; background: #fff; z-index: 1; }
	.result, .result > * { display: block; }
	.result_filter_form { position: fixed; top: 62px; left: 0; padding: 15px; width: 100%; background: #fff; z-index: 1; border-bottom: 1px solid #e5e5e5; }
	.result_filter_form fieldset { position: relative; }
	.result_filter_form legend { position: relative; padding: 0; line-height: 19px; font-size: 15px; float: left; }
	.result_filter_form .btn_filter { display: block; position: absolute; top: 0; right: 0; width: auto; height: 19px; text-indent: -9999px; overflow: hidden; float: right; }
	.result_filter_form .btn_filter:before { content: ""; position: absolute; top: 50%; right: 0; margin: -4px 0 0 0; width: 12px; height: 7px; background-position: -135px 0; }
	.result_filter_form.on .btn_filter:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.result_filter_list { display: none; }
	.result_filter_list > ul  { max-height: 235px; overflow-y: auto; }
}