@charset "utf-8";

* { margin: 0; padding: 0; box-sizing: border-box; outline-style: none; }
body {
	font-family: 'Noto Sans KR', sans-serif;
}
ul { list-style: none; }

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

img { border: 0; vertical-align: middle; }

html {  }

body { padding-top: 46px; font-size: 15px; color: #333; }
button { font-size: 15px; }

/* heading */
h1 { font-size: 30px; font-family: 'NanumSquare'; font-weight: 900; }
h2 { font-size: 25px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 {  }

/*wrap*/
#wrap { width: 100%; }

/* container */
.container{ height: 100%; min-height: calc(100vh - 107px); background: #fafafa;
	max-width: 100%;}

/* contents */
.contents{ height: 100%; }

/* common layout */
.wrapper { position: relative; max-width: 1240px; padding: 0 20px; margin: 0 auto; }


/* footer */
.footer { width: 100%; background: #f1f1f1; border-top: 1px solid #ddd; text-align: center; }
.footer span{ font-size: 12px; line-height: 60px; }

/* sub */
.sub_cont { position: relative; margin-top: 50px; z-index: 9999; }

/* ----- S : layout ----- */

/* header */
.header { position: fixed; width: 100%; height: 46px; background: #fff; top: 0; box-shadow: 0 15px 30px rgb(82 82 82 / 10%); z-index: 999999; }
.header .wrapper { max-width: 100%; height: 100%; padding: 0 40px; }

.logo { float: left; width: 130px; height: 46px; background: url('../images/logo.png') no-repeat center; }

/* 메뉴 */
.gnb { display: inline-block; position: relative; margin-left: 50px; }
.gnb > ul{ overflow: hidden; }
.gnb > ul > li{ float: left; padding: 0 20px; }
.gnb > ul > li > a { position: relative; line-height: 46px; transition: all .2s; font-size: 16px; }
.gnb > ul > li > a i { padding-right: 10px; vertical-align: -1px; font-size: 15px; color: #233546; }
.gnb > ul > li > a:hover i,
.gnb > ul > li > a:hover { color: #3092ec; }
.gnb > ul > li > a:hover .under_line { opacity: 1; }

.smenu { position: absolute; top: 46px; min-width: 160px; padding: 10px 0; visibility: hidden; opacity: 0; background: #fff; border-radius: 2px; box-shadow: 0 15px 30px rgb(82 82 82 / 10%); transition: all .2s; }
.gnb > ul > li:hover > .smenu { visibility: visible; opacity: 1; }
.depth2_01 { left: 0px; }
.depth2_02 { left: 88px; }

.smenu > li > a { padding: 5px 34px 5px 22px; line-height: 22px; white-space: nowrap; transition: all .2s; font-size: 16px; }
.smenu > li > a:hover { color: #3092ec; }
.smenu > li > a i { width: 30px; }

/* 로그인 */
.util { float: right; }
.util button { position: relative; line-height: 46px; transition: all .2s; }
.util > button:first-of-type { margin-right: 12px; }
.util > button:hover { color: #3092ec; }
.util > button:hover .under_line { opacity: 1; }
.util > button span.on { font-weight: bold; }

.my { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; }
.my > button { /*color: #f0194f;*/ font-size: 15px; transition: all .2s; }
.my > button:hover { color: #3092ec; text-decoration: underline; }
.my > button > span > i { margin-left: 10px; }
.my > button > span > i.on { transform: rotate(180deg); }
.my_list { display: none; position: absolute; top: 40px; right: 40px; font-size: 15px; text-align: left; }

/* 햄버거 메뉴 */
#btn_bar { display: none; position: fixed; top: 0; left: 24px; line-height: 46px; font-size: 0; text-align: center; cursor: pointer; transition: all .2s; }
.ico_bar { display: inline-block; vertical-align: middle; }
.ico_bar span { display: block; background-color: #363636; width: 16px; height: 2px; border-radius: 1px; margin-bottom: 4px; transition: .2s; }
.ico_bar span:nth-child(3) { margin-bottom: 0; }
#btn_bar:hover .ico_bar span { background-color: #3092ec; }
.mgnb_open .ico_bar span:nth-child(1) { transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(6px) rotate(45deg); }
.mgnb_open .ico_bar span:nth-child(2) { opacity: 0; }
.mgnb_open .ico_bar span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-6px) rotate(-45deg); }

/* 모바일 메뉴 */
.m_gnb { display: none; position: absolute; top: 42px; left: 0; }
.m_gnb > ul > li a .fa-angle-right { position: absolute; top: 50%; right: -16px; transform: translateY(-50%); }

.m_smenu { position: absolute; left: 150px; min-width: 120px; padding: 10px 0; border-radius: 2px; visibility: hidden; opacity: 0; background: #fff; border-radius: 2px; transition: all .2s; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); }
.m_gnb > ul > li:hover > .m_smenu { visibility: visible; opacity: 1; }
.m_depth2_01 { top: 2px; }
.m_depth2_02 { top: 34px; }
.m_smenu > li > a { padding: 5px 12px; white-space: nowrap; }

/* over txt */
.over_txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nation .over_txt { max-width: 120px; }
.location .over_txt { max-width: 287px; }
.tbl01 tbody tr td.over_txt { max-width: 123px; }

/* tab */
/* tab01 */
.tab_box { text-align: center; }
.tab01 { width: 100%; text-align: center; border: 1px solid #ccc; border-radius: 2px; background: #fff; font-size: 0; }
.tab01 > li { display: inline-block; border-right: 1px solid #ccc; }
.tab01 > li:last-child { border-right: none; }
.tab01 > li a { position: relative; line-height: 52px; color: #555; font-size: 16px; transition: all .2s; }
.tab01 > li a i { margin-right: 10px; color: #aaa; font-size: 18px; vertical-align: -2px; }
.tab01 > li a .under_line { bottom: -1px; }
.tab01 > li a:hover i,
.tab01 > li a:hover { background: #e6f7ff; color: #3092ec; font-weight: 700; }
.tab01 > li a.on,
.tab01 > li a.on i { color: #3092ec; background: #e6f7ff; font-weight: 700; }
.tab01 > li a.on .under_line { opacity: 1; }

/* tab01 two */
.tab01.two { max-width: 400px; }
.tab01.two > li { width: 50%; }

/* tab01 three */
.tab01.three { max-width: 600px; }
.tab01.three > li { width: 33.33%; }

/* tab01 four */
.tab01.four { max-width: 800px }
.tab01.four > li { width: 25%; }

/* tab01 five */
.tab01.five { max-width: 1000px }
.tab01.five > li { width: 20%; }

/* tab02 --- subtab */
.sub_tab {  }
.tab02 { overflow: hidden; }
.tab02 li { float: left; margin-right: 24px; }
.tab02 li button { font-size: 16px; font-family:'NanumGothic'; transition: all .2s; }
.tab02 li:last-of-type { margin-right: 0; }
.tab02 li button:hover,
.tab02 li button.on { color: #3092ec; font-weight: 700; }

/* table */
/* tbl01 */
.tbl01 { width: 100%; background: #fff; text-align: center; border-top: 1px solid #315fa9; border-bottom: 1px solid #bec0c2; }
.tbl01 tr > th { padding: 10px 16px; background: #f2f2f2; }
.tbl01 tr > th,
.tbl01 tr > td{ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 13px; }
.tbl01 tr > td { padding: 16px; }

.tbl01 tr:last-of-type > td { border-bottom: none; }
.tbl01 tr > th:last-of-type { border-right: none; }
.tbl01 tr > td:last-of-type { border-right: none; }

.tbl01 span { float: left; line-height: 26px; }
.tbl01 span.sort { margin-left: 6px; }
.tbl01 .sort i { display: block; cursor: pointer; color: #bbb; }

/* tbl01 */
.tbl02_head { display: block; overflow: hidden; padding-right: 17px; border-top: 1px solid #ddd; border-bottom: 1px solid #e0e0e0; background: #fafafa; text-align: center; }
.tbl02_head li { float: left; font-size: 15px; font-weight: 700; color: #333; line-height: 30px; }

.tbl02_sc { overflow-y: scroll; max-height: 175px; }
.tbl02_sc.on { max-height: 100%; overflow: unset; }
.tbl02 { width: 100%; font-size: 15px; text-align: center; }
.tbl02 tbody td { padding: 6px 10px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; line-height: 22px; }
.tbl02 tbody td:last-of-type { border-right: none; text-align: left; }

/* underline */
.under_line { position: absolute; width: 100%; height: 2px; opacity: 0; left: 50%; bottom: 0; transform: translateX(-50%); background: #3092ec; transition: all .2s; }
/* line */
.line { display: inline-block; width: 1px; height: 12px; margin: 0 10px; background: #ccc; vertical-align: middle; }

/* link box */
.h_linkbox { padding: 10px 0; background: #fff; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); }
.h_linkbox ul > li { padding: 0 10px; }
.h_linkbox ul > li > a { position: relative; padding: 5px 32px 5px 12px; line-height: 22px; font-size: 16px; transition: all .2s; }
.h_linkbox ul > li > a:hover { background: #f5f5f5; }
.h_linkbox ul > li > a:hover span { color: #3092ec; }
.h_linkbox ul > li > a > i { width: 20px; margin-right: 10px; }

/* btn */
.btn_box { font-size: 0; }
.btn_box .btn_search i { font-size: 14px; }

.btn01 { padding: 0 20px; line-height: 32px; color: #fff; background: #1c4fa1; border-radius: 2px; font-size: 15px; font-weight: 700; font-family:'NanumGothic'; transition: all .2s; }
.btn01:hover { background: #2265d1; }
.btn01 i { margin-right: 6px; }
.btn01 i.mr0 { margin-right: 0; vertical-align: -1px; }
.btn_box2 { text-align: right; }
.btn01.gray { background: #dfe0e1; color: #333; }
.btn01.gray:hover { background: #ccc; }

.btn02 { padding: 0 15px; line-height: 32px; color: #fff; border: 1px solid #ccc; border-radius: 2px; background: #1c4fa1; transition: all .2s; text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 0 rgb(0 0 0 / 5%); }
.btn02:hover { background: #2265d1; border-color: #40a9ff; }

.btn03 {  }
.btn03 a { line-height: 30px; padding: 0 14px; background: #fff; border: 1px solid #1c4fa1; color: #1c4fa1; font-family:'NanumGothic'; font-size: 14px; transition: all .2s; }
.btn03 a i { margin-left: 8px; }
.btn03 a:hover { background: #1c4fa1; color: #fff; }

.btn_line { padding: 0 12px; line-height: 26px; border: 1px solid #dfe0e1; background: #fff; font-family:'NanumGothic'; font-size: 14px; }
.btn_line.sblue { border-color: #1c4fa1; color: #1c4fa1; }
.btn_line.sblue:hover { background: #f1f7fd; }
.btn_line.gray { color: #333; border-color: #aaa; }
.btn_line.gray:hover { background: #eee; }
.btn_line.normal { line-height: 32px; font-size: 15px; font-weight: 700; }

.sm { padding: 0 16px; line-height: 28px; }

/* map btn */
.map { position: relative; }
.map img { width: 100%; }
.map_btn { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); }
.map_btn button { padding: 0 18px; margin-right: 10px; font-weight: 400; font-size: 14px; }
.map_btn button:last-child { margin-right: 0; color: #333; background: #fff; }
.map_btn button:last-child:hover { background: #f7f7f7; }

/* reset button */
.btn_box.refresh { position: absolute; right: 0; top: 9px; }

/* 통계 엑셀 다운 버튼 */
.csv_download { position: relative; display: inline; float: right; color: #3092ec;z-index: 9; }

/* switch_bth S */
.switch_box { width: 50px; height: 50px; padding-left: 10px; text-align: center; margin: 50px auto; }
#switch { position: absolute; /* hidden */ appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.switch_label { position: relative; cursor: pointer; display: inline-block; width: 58px; height: 28px; background: #fff; border: 2px solid #1c4fa1; border-radius: 20px; transition: 0.2s; }
.switch_label:hover { background: #efefef; }
.onf_btn { position: absolute; top: 2px; left: 3px; display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #1c4fa1; transition: 0.2s; }
/* checking style */
#switch:checked+.switch_label { background: #2265d1; border: 2px solid #2265d1; }
#switch:checked+.switch_label:hover { background: #2265d1; }
/* move */
#switch:checked+.switch_label .onf_btn { left: 32px; background: #fff; box-shadow: 1px 2px 3px #00000020; }
/* none */
.switch_box input[type="checkbox"]:checked + label::after,
.switch_box input[type="checkbox"] + label::after,
.switch_box input[type="checkbox"] + label::after,
.switch_box input[type="checkbox"] + label::before,
.switch_box input[type="checkbox"] + label::after,
.switch_box input[type="checkbox"] + label::after { content: none; }
/* switch_bth E */

/* paging */
.paging { height: 40px; line-height: 40px; text-align: center; font-family:'Nanum Square'; }
.wr_page { display: inline-block; }
.paging a,
.paging strong { float: left; height: 40px; color: #666; margin: 0 8px; padding: 0 8px; font-weight: 400; }
.paging span.num { float: left; margin: 0 24px; font-size: 18px; }
.paging span.num > strong { color: #1c4fa1; font-weight: 700; }
.paging a:hover { color: #1c4fa1; text-decoration: underline; }
.paging a.on { color: #1c4fa1; text-decoration: underline; }

.paging button { float: left; width: 38px; height: 38px; color: #aaa; }
.paging button:hover { color: #1c4fa1; border-color: #1c4fa1; }
.paging button em { overflow: hidden; text-indent: -9999px; font-size: 0px; }
.paging .disable,
.paging .disable:hover { background: none; opacity: 0.6; pointer-events: none; cursor: default; }

/* board function */
.function_box { overflow: hidden; margin-bottom: 20px; font-size: 0; }
.function_box > span { float: left; line-height: 38px; font-size: 20px; color: #555; font-weight: 700; }
.my_question { padding-left:20px; font-size:13px }
.function_box > span em { color: #0e72cf; }
.function_box > span .download { display: inline-block; margin-left: 8px; }
.function_box > span .download i { font-size: 16px; color: #0e72cf; transition: all .2s; }
.function_box > span .download i:hover { color: #315fa9; }

.function_box .conven_area { display: inline-block;	overflow: hidden; font-size: 0; }
.function_box .conven_area select { width: 110px; height: 38px; padding: 0 16px; line-height: 37px; color: #777; font-size: 14px; border-radius: 25px; background-position: center right 16px; }
.function_box .conven_area select option { border-radius: 25px; }
.function_box .conven_area .searchbox { width: 220px; height: 38px; line-height: 36px; box-shadow: none; border-color: #d9d9d9; }
.function_box .conven_area .searchbox input { width: calc(100% - 64px); /*width: calc(100% - 72px);*/ height: 36px; line-height: 36px; }
.function_box .conven_area .searchbox.type02 input { width: calc(100% - 32px); margin: 0 16px; }
.function_box .conven_area .searchbox button { width: 40px; height: 36px; padding-right: 8px; background: none; }
.function_box .conven_area .searchbox button i { color: #1d51a4; }

/* date_box */
.date_box { display: inline-block; line-height: 38px; }
.date_box .date { display: inline-block; }
.date_box .date > div { display: inline-block; }
.date_box .date > span { display: inline-block; margin: 0 10px; font-size: 15px; line-height: 38px; vertical-align: -5px; }
.date_box .date > span:first-child { margin-left: 0; font-weight: 700; }
.date_box .date > div input { width: 138px; height: 38px; padding-left: 16px; border: 1px solid #d9d9d9; font-size: 15px; border-radius: 25px; }
.date_box .date > div input:hover { border-color: #40a9ff; }

.date_box .btn_box { display: inline-block; margin-left: 6px; }
.reset { width: 37px; height: 37px; border-radius: 5px; transition: all .2s; }
.reset i { font-size: 16px; color: #999; }
.reset:hover i { color: #40a9ff; }

/* cont_box */
.cont_box { padding: 24px; background: #fff; border: 1px solid #ddd; border-radius: 2px; }
.cont_area { overflow: hidden; }

/* line tit */
.line_tit { width: 100%; margin-bottom: 20px; white-space: nowrap; font-size: 0; }
.line_tit:before,
.line_tit:after { content: ""; position: relative; display: inline-block; border-top: 1px solid #ddd; vertical-align: 6px; }
.line_tit:before { width: 5%; }
.line_tit:after { width: 95%; }
.line_tit span { display: inline-block; padding: 0 20px; font-size: 16px; font-weight: 500;  }

/* board list */
.service_top { background: #fff; font-size: 0; text-align: center; border-top: 1px solid #315fa9; border-bottom: 1px solid #bec0c2; }
.v > div > span { display: inline-block; line-height: 48px; color: #555; font-size: 16px; font-weight: 700; }

.service_list { display: block; border-top: 1px solid #315fa9; }
.service_list > li { position: relative; font-size: 0; text-align: center; background: #fff; border-bottom: 1px solid #e6e6e6; }
.service_list > li:last-child { border-color: #8d8d8d; }
.service_list > li > span { display: inline-block; font-size: 15px; color: #333; }
.ser_check em { padding: 6px 16px; border-radius: 50px; background: #1c4fa1; color: #fff; }

/* previous posts next */
.board_quick { border-bottom:1px solid #898989; background: #fff; }
.board_quick dl { display: block; width:100%; padding: 0 24px; border-top:1px solid #bec0c2; }
.board_quick dl:first-child { border-top: none; }
.board_quick dl dt { float: left; width: 145px; padding: 16px 0; color:#333; font-size:16px; font-weight:700; text-align:left; }
.board_quick dl dt .fas { margin-right: 20px; vertical-align: middle; }
.board_quick dl dt .line { margin: 0 35px; }
.board_quick dl dd { display: inline-block; width: calc(100% - 145px); color: #333; font-size:16px; }
.board_quick dl dd a { padding: 16px 0; }
.board_quick dl dd a:hover { text-decoration:underline;}

/* 회사별 컬러 */
.fedex { color: #4d148c; }
.ups { color: #ffad05; }
.ems { color: #045bb2; }
.dhl { color: #c70c17; }

/* tooltip */
[tooltip] { position: relative; }

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after { text-transform: none; font-size: 14px; font-weight: 400; line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; }
[tooltip]::before { content: ''; border: 5px solid transparent; }
[tooltip]::after { content: attr(tooltip); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; }

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after { display: block; }

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before { bottom: 120%; border-bottom-width: 0; border-top-color: #333; }
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after { bottom: calc(120% + 5px); }
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); }

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .95;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .95;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; }

/* checkbox */
.service_list > li .check_box { position: absolute; }
.card_img .check_box input[type="checkbox"] + label::before, input[type="radio"] + label::before,
.service_list > li .check_box input[type="checkbox"] + label::before, input[type="radio"] + label::before { width: 18px; height: 18px; }
.card_img .check_box input[type="checkbox"] + label::after,
.service_list > li .check_box input[type="checkbox"] + label::after { left: 3px; width: 10px; height: 4px; }

/* answer & comment */
.answer_box > h4,
.comment_box > h4 { margin-bottom: 10px; font-family:'Nanum Square'; font-weight: 900; color: #333; }

.answer_editer > textarea { background: #f1f7fd; }
.answer_viewer { position: relative; padding: 24px; background: #f1f7fd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.answer_viewer .head { font-size: 16px; margin-bottom: 16px; }
.answer_viewer p { line-height: 24px; }
.answer_viewer .btn_box { position: absolute; top: 24px; right: 24px; }

.comment_list { position: relative; padding: 24px; margin-bottom: 10px; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.comment_list:last-of-type { margin-bottom: 0; }
.comment_list .head { margin-bottom: 16px; font-size: 16px; }
.comment_list .head .name { font-weight: 700; }
.comment_list p { line-height: 24px; }
.comment_list .btn_box { position: absolute; top: 24px; right: 24px; }

/* 셀렉트 박스 필터  */
.conven_area .sel_box { float: left; margin-right: 10px; }
.conven_area .sel_box:last-of-type { margin-right: 0; }
.conven_area .sel_box > span { margin-right: 10px; font-size: 15px; font-weight: 700; line-height: 38px; }
.select2-container .select2-dropdown .select2-results ul { display: block !important; }

/* 달력 관련 */
.left>div { margin-left: 0 !important; }
.daterangepicker { z-index: 9999 !important; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect { padding-left: 10px !important; background-position: center right 8px !important; }

/* list none */
.list_none { padding: 199px 0; text-align: center; }
.list_none i { margin-bottom: 16px; font-size: 46px; color: #ccc; }
.list_none p { font-size: 24px; font-weight: 500; color: #666; }

/* 전체보기 화살표 */
/*.s1_arrow{ position:absolute; bottom: 0; animation:arrow_down 1.5s infinite;}*/
/*.scroll-arrow {width:8px; height:8px; border-right: 3px solid #333; border-bottom: 3px solid #333;*/
/*transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);*/
/*animation: arrow-wave 1s infinite; animation-direction: alternate;}*/
/*.scroll-arrow:nth-child(1) {animation-delay: 0.1s;}*/
/*.scroll-arrow:nth-child(2) {margin-top:2px; animation-delay: 0.2s;}*/
/*.scroll-arrow:nth-child(3) {margin-top:2px; animation-delay: 0.3s;}*/
/*@keyframes arrow-wave {*/
/*0% {opacity: 0;}*/
/*50% {opacity: .5;}*/
/*100% {opacity: 1;}*/
/*}*/
/*@keyframes arrow_down{*/
/*0%{top:28px;}*/
/*50%{top:40px;}*/
/*100%{top:28px;}*/
/*}*/
.partnerpage .wrapper {
	padding:35px 15px;
}
.partnerpagewrap {
	padding: 10px;
	background: #fff;
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 177px);
}
.partnertab {
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
}
/*.partnertab:after {content:"";display:block;clear:both}
.partnertab .partnertab_left {
	float: left;
}
.partnertab .partnertab_right {
	float: right;
}*/
.partnertab ul {
	display: flex;
}
.partnertab_left li a{
	padding: 10px 30px;
	font-size: 22px;
	color: #aaa;
}
.partnertab_left li.on a {
	font-weight: 600;
	color: #333;
}
.partnertab_right li {
	margin-left: 20px;
	padding: 10px 0;
}
.partnertab_right li b {
	font-weight: 500;
	margin-right: 5px;
}
.partnertab_right li span {
	color: #1ABC9C;
}
.parnertb {
	padding: 30px 0;
	flex: 1;
}
.parnertb .partner_tr {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	border-bottom: 1px solid #ddd;
	word-break: keep-all;
}
.parnertb .partner_tr div {
	padding: 10px ;
}
.partner_th {
	font-weight: 600;
}
.partner_result {
	font-weight: 600;
}
.partner_paging , .partner_paging ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.partner_paging li {
	padding: 5px 10px;
}
.partner_paging a {

	color: #aaa;
}
.partner_paging li.on a {
	color: #333;
	border-bottom: 1px solid #333;
}
.partner_paging li:hover a {
	color: #333;
}

/*LOGIN*/

/* .logwrap {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
	padding: 30px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(100vh - 107px);
} */

.logwrap {
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	padding: 30px 15px;
	display: block; /* changed from flex to block */
	justify-content: flex-start; /* align items to the start of the container */
	align-items: flex-start; /* align items to the start of the container */
}

.logwrap-reg {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
	padding: 30px 15px;
	display: block; /* changed from flex to block */
	justify-content: flex-start; /* align items to the start of the container */
	align-items: flex-start; /* align items to the start of the container */
}

.logwrap input {
	background: #fff;
}

.logwrap-reg input {
	background: #fff;
}

.signwrap > div{
	width: 100%;
}
.login_register {
	text-align: center;
	margin-bottom: 10px;
	font-size:16px;
	color: rgba(29, 78, 216);
}
#login_form input {
	width: calc(100% - 40px);
	display: inline-block;
	vertical-align: middle;
}
.top_right a{
	display: inline-block;
	vertical-align: middle;
}
.top_right a + a {
	margin-left: 10px;
}
#email {
	width: calc(100% - 125px);
}
#register_form > div {
	display: flex;
}
#register_form > div input {
	flex: 1;
}
.chk {
	display: block;
	width: 10px;
	height: 10px;
	border:1px solid #333;
	margin-right: 5px;
}
input[type='checkbox'] , label{
	cursor: pointer;
}
input:checked + .chk {
	background: #333;
}
.platform_form .text-lg{
	width: 110px;
}
.platform_form_checkbox {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}
.platform_form_checkbox label {
	width: 100%;
	margin: 10px;
}
.backform > div {
	flex: 1;
}
.ssnform input{
	flex:auto;
}
.ssnform div {
	flex:1
}
.ssnform div span {
	font-size:12px;
	margin-top: 5px;
	color: #aaa;
}
.backform input {
	flex: auto;
}
.
.backform [type="file"] {
	line-height: inherit;
}
#register_form > div.termform {
	display: block;
} 
p {
	word-break: keep-all;
}
	/* 로딩 css */
.leap-frog { --uib-size: 40px; --uib-speed: 2.5s; --uib-color: #2265d1; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; width: var(--uib-size); height: var(--uib-size); z-index: 9999999;}
.leap-frog__dot { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; }
.leap-frog__dot::before { content: ''; display: block; height: calc(var(--uib-size) * 0.22); width: calc(var(--uib-size) * 0.22); border-radius: 50%; background-color: var(--uib-color); will-change: transform; }
.leap-frog__dot:nth-child(1) { animation: leapFrog var(--uib-speed) ease infinite; }
.leap-frog__dot:nth-child(2) { transform: translateX(calc(var(--uib-size) * 0.4)); animation: leapFrog var(--uib-speed) ease calc(var(--uib-speed) / -1.5) infinite; }
.leap-frog__dot:nth-child(3) { transform: translateX(calc(var(--uib-size) * 0.8)) rotate(0deg); animation: leapFrog var(--uib-speed) ease calc(var(--uib-speed) / -3) infinite; }
@keyframes leapFrog {
  0% {
    transform: translateX(0) rotate(0deg);
  }

  33.333% {
    transform: translateX(0) rotate(180deg);
  }

  66.666% {
    transform: translateX(calc(var(--uib-size) * -0.4)) rotate(180deg);
  }

  99.999% {
    transform: translateX(calc(var(--uib-size) * -0.8)) rotate(180deg);
  }

  100% {
    transform: translateX(0) rotate(0deg);
  }
}

/*컨텐츠 없을 때*/
.cont_none { display: block; text-align: center; }
.cont_none i { display: block; padding: 100px 0; }

/* 리스트 조회 갯수 표시 */
.btn_more_list span { color: #777; }
.btn_more_list span em { margin: 0 2px; }

.chaotic-orbit { --uib-size: 25px; --uib-speed: 1.5s; --uib-color: #2265d1; position: relative; display: flex; align-items: center; justify-content: center; height: var(--uib-size); width: var(--uib-size); animation: rotate calc(var(--uib-speed) * 1.667) infinite linear; }
.chaotic-orbit::before,
.chaotic-orbit::after { content: ''; position: absolute; height: 50%; width: 50%; border-radius: 50%; background-color: var(--uib-color); will-change: transform; flex-shrink: 0; }
.chaotic-orbit::before { animation: orbit var(--uib-speed) linear infinite; }
.chaotic-orbit::after { animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes orbit {
  0% {
    transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684);
    opacity: 0.65;
  }
  5% {
    transform: translate(calc(var(--uib-size) * 0.4)) scale(0.684208);
    opacity: 0.58;
  }
  10% {
    transform: translate(calc(var(--uib-size) * 0.3)) scale(0.631576);
    opacity: 0.51;
  }
  15% {
    transform: translate(calc(var(--uib-size) * 0.2)) scale(0.578944);
    opacity: 0.44;
  }
  20% {
    transform: translate(calc(var(--uib-size) * 0.1)) scale(0.526312);
    opacity: 0.37;
  }
  25% {
    transform: translate(0%) scale(0.47368);
    opacity: 0.3;
  }
  30% {
    transform: translate(calc(var(--uib-size) * -0.1)) scale(0.526312);
    opacity: 0.37;
  }
  35% {
    transform: translate(calc(var(--uib-size) * -0.2)) scale(0.578944);
    opacity: 0.44;
  }
  40% {
    transform: translate(calc(var(--uib-size) * -0.3)) scale(0.631576);
    opacity: 0.51;
  }
  45% {
    transform: translate(calc(var(--uib-size) * -0.4)) scale(0.684208);
    opacity: 0.58;
  }
  50% {
    transform: translate(calc(var(--uib-size) * -0.5)) scale(0.73684);
    opacity: 0.65;
  }
  55% {
    transform: translate(calc(var(--uib-size) * -0.4)) scale(0.789472);
    opacity: 0.72;
  }
  60% {
    transform: translate(calc(var(--uib-size) * -0.3)) scale(0.842104);
    opacity: 0.79;
  }
  65% {
    transform: translate(calc(var(--uib-size) * -0.2)) scale(0.894736);
    opacity: 0.86;
  }
  70% {
    transform: translate(calc(var(--uib-size) * -0.1)) scale(0.947368);
    opacity: 0.93;
  }
  75% {
    transform: translate(0%) scale(1);
    opacity: 1;
  }
  80% {
    transform: translate(calc(var(--uib-size) * 0.1)) scale(0.947368);
    opacity: 0.93;
  }
  85% {
    transform: translate(calc(var(--uib-size) * 0.2)) scale(0.894736);
    opacity: 0.86;
  }
  90% {
    transform: translate(calc(var(--uib-size) * 0.3)) scale(0.842104);
    opacity: 0.79;
  }
  95% {
    transform: translate(calc(var(--uib-size) * 0.4)) scale(0.789472);
    opacity: 0.72;
  }
  100% {
    transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684);
    opacity: 0.65;
  }
}




/* responsive web - viewport none */

	/* wide */
@media screen and (min-width: 1600px) {


}


	/* PC */

@media screen and (min-width: 1280px) and (max-width: 1599px) {

	
}



@media screen and (max-width: 1279px) {
	.header .wrapper {
		padding: 0 20px;
	}
}

    /* Tablet */
@media screen and (max-width: 1023px){
	#btn_bar {
		display: block;	
	} 
	.gnb {
		display: none;
	}
	.m_depth2_03 {
		top: 75px;
	}
	/* board_quick */
	.board_quick dl { padding: 0 20px; }
	.board_quick dl dt { width: 123px; }
	.board_quick dl dt .line { margin: 0 24px; }
	.board_quick dl dd { width: calc(100% - 123px); }
	
	/* function box */
	.date_box .date { width: calc(100% - 43px ); }
	.list_result .function_box .conven_area { display: block; float: none; }
	.list_result .function_box .conven_area:last-of-type { margin-top: 10px; }
	.list_result .conven_area .sel_box { width: calc(33.33% - 7px); }
	.list_result .conven_area .sel_box select { width: calc(100% - 38px); }
	.list_result .conven_area .sel_box:nth-of-type(2) select { width: calc(100% - 51px); }
	.list_result .conven_area .sel_box:nth-of-type(3) select { width: calc(100% - 65px); }
	.list_result .date_box { width: 60%; }
	.list_result .function_box .conven_area .searchbox { width: calc(40% - 48px); }
	.list_result .date_box .date > div { width: calc(50% - 47px); }
	.list_result .date_box .date > div input { width: 100%; }
	.conven_area .sel_box span.select2.select2-container.select2-container--default { width: calc(100% - 38px) !important; margin: 0 !important; }

	/* common */
	.tbl02_head li, .tbl02 tbody td { font-size: 14px; }
	.sub_cont{ margin-top: 40px; }

	/* comment/answer */
	.answer_viewer,
	.comment_list { padding: 20px; }
	.answer_viewer .btn_box,
	.comment_list .btn_box { top: 20px; right: 20px; }
	
	/* 리프레시 버튼 */
	.btn_box.refresh { position: relative; right: auto; top: auto; text-align: right; }
	
	/* 배송기록 */
	.tbl02_head { padding: 0; }
}
@media (max-width: 800px) {
	.partnertab_left li:first-child a{
		padding: 10px 30px 10px 20px;
	}
	.parnertb_scroll {
		min-width: 500px;
	}
	.parnertb {
		overflow-x: auto;
	}

}

	/* small Tablet */
@media screen and (max-width: 768px){
	/* sub_cont */
	.sub_cont { margin-top: 30px; }

	/* function box */
	.my_question { float: right; }
	/* members management */
	
	/* statistics */
	.tab02 li { margin-right: 20px; }
	.tab02 li button { font-size: 15px; }
	.line_tit span { font-size: 15px; }

	/* 필터박스 */
	.function_box .conven_area .date_box { width: 100%; }
	.list_result .function_box .conven_area .searchbox { width: calc(100% - 48px); margin-top: 10px; }
	.date_box .date > div { width: calc(50% - 15px); }
	.date_box .date > div input { width: 100%; }

	.paging a, .paging strong { margin: 0 6px; }
	.logwrap .text-lg ,.logwrap button , #register_form input , .logwrap label , .parnertb .partner_tr div{
		font-size:14px
	}
	.logwrap .text-3xl {
		font-size:18px
	}
}
	/* mobile */ 
@media screen and (max-width: 576px) {
	/* 필터박스 */
	.list_result .conven_area .sel_box { width: 100%; margin-bottom: 10px; }
	.list_result .conven_area .sel_box:last-child { margin-bottom: 0; }
	.list_result .conven_area .sel_box select,
	.list_result .conven_area .sel_box:nth-of-type(2) select,
	.list_result .conven_area .sel_box:nth-of-type(3) select { float: right; width: calc(100% - 65px); }
	.conven_area .sel_box span.select2.select2-container.select2-container--default { float: right; width: calc(100% - 65px) !important; }
	
	/* 통계 */
	.csv_download { font-size: 0; }
	.csv_download i { font-size: 14px; }
	.statitics .line_tit { margin-bottom: 16px; }

	#register_form > div input#email {
		width: calc(100% - 200px);
		flex: auto;
	}
	.platform_form_checkbox label {
		width: 100%;
	}
	#email + button {
		width: 80px;
	}
}
@media screen and (max-width: 480px) { 
	/* common	*/
	.cont_box { padding: 20px; }
	.line_tit span { font-size: 14px; }
	/* paging */
	.paging span.num { margin: 0; }
	.paging a, .paging strong { margin: 0 4px; }
	/* board_quick */
	.board_quick dl dt { width: 93px; font-size: 15px; }
	.board_quick dl dt .line { margin: 0 16px; }
	.board_quick dl dt .fas { margin-right: 10px; }
	.board_quick dl dd { width: calc(100% - 93px); }
	.board_quick dl dd a { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }

	/* function box */
	.function_box { margin-top: 30px; }
	.function_box .conven_area select { width: 110px; padding: 0 20px; }
	.function_box .conven_area .searchbox { width: 200px; }
	.function_box .conven_area .searchbox input { width: calc(100% - 68px); margin-left: 20px; }
	.function_box .conven_area .searchbox button { vertical-align: -1px; }
	.function_box > span { /*display: block;*/ float: none; }

	/* members management */
	.date_box .date > div input { height: 40px; padding-left: 20px; }

	/* statistics */
	.sub_tab { text-align: center; }
	.sub_tab.mb30 { margin-bottom: 24px; }
	.tab02 li { float: none; margin-right: 0; margin-bottom: 10px; }
	.tab02 li:last-of-type { margin-bottom: 0; }
	
	/* comment/answer */
	.answer_viewer .btn_box,
	.comment_list .btn_box { position: relative; margin-top: 10px; top: auto; right: auto; }
	/* 필터박스 */
	.list_result .date_box .date > span:first-child { display: block; }
	.list_result .date_box .date > div { width: calc(50% - 15px); }
	
	.top_right button , .top_right a {
		font-size:12px
	}
}


	/* small mobile */
@media screen and (max-width: 360px) {
	.paging button { width: 36px; height: 36px; }
	.paging span.num { font-size: 17px; }

}

#register_form > div input {
    flex: 1;
    color: #333 !important;
} 

#login_form input {
    width: calc(100% - 40px);
    display: inline-block;
    vertical-align: middle;
    color:#333 !important;
}