@charset "UTF-8";
/* board_list */

/* select디자인 */
.nice-select {width:100%; height:40px; padding-left:12px; padding-right:48px; border-color:#bdbdbd; border-radius:3px; color:#212121; line-height:38px;}
.nice-select:focus {box-shadow:0 0 1px 1px #FB7A4A;}
.nice-select:after {right:15px; width:8px; height:8px; margin-top:-5px; border-bottom:2px solid #FB7A4A; border-right:2px solid #FB7A4A; z-index:11;}
.nice-select .list {left:-1px; right:-1px; min-width:100%; max-height:0; margin-top:0; padding-top:1px; border:1px solid #CECECE; border-top:none; border-radius:0 0 8px 8px; box-shadow:none;}
.nice-select .option {border-top:1px solid #eee; padding:0 12px;}
.nice-select.open {border-color:#bdbdbd; border-radius:4px 4px 0 0; border-bottom:none;}
.nice-select.open:before {border-radius:0 4px 0 0;}
.nice-select.open .list {max-height:1000px;}
.nice-select .option {color:#757575;}
.nice-select .option.selected {color:#212121; font-weight:400;}

/* board list */
.search_group {text-align:right;}
.search_group fieldset {display:inline-block; vertical-align:top; position: relative;}
.search_group fieldset:after {content:''; display:block; clear:both;}
.search_group fieldset .selectbox {float:left; width:96px; position: relative;}
.selectbox + .selectbox {margin-left: 8px;}
.selectbox .label {position: relative; display: flex; font-size: 1.4rem; align-items: center; cursor: pointer; width:96px; height: 40px; line-height: 24px; z-index: 1; padding: 0 9px 0 12px; border: 1px solid #D0D0D0; background: url('../imgs/board/ico_select_aroow_down.svg') no-repeat center right 9px; }
.selectbox .label::after {position: absolute; content: ""; display: block; width: 1px; height: 24px; top: 50%; right: 40px; background: #D5D5D5; transform: translateY(-50%);}
.selectbox.active > .list_area { display: block; }
.selectbox > .list_area { display: none; position: absolute; top: 43px; left: 0; width: 100%; background: #ffffff; border: 1px solid #D4D4D4; margin-bottom: 3px; padding: 10px 5px; border-radius: 4px; z-index: 1; margin-left: 0;}
.selectbox .optionList {width: 100%; overflow-y: auto; max-height: 0; z-index: 10;  text-align: left; padding: 0 5px;}
.selectbox.active .label {background: url('../imgs/board/ico_select_aroow_up.svg') no-repeat center right 9px; }
.selectbox.active .optionList {display: block; max-height: 200px;}
.selectbox.active .optionList::-webkit-scrollbar {width: 7px;}
.selectbox.active .optionList::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
.selectbox.active .optionList::-webkit-scrollbar-track {background-color: #D5D5D5;}
.selectbox .optionItem {padding: 5px 5px 5px; transition: .1s;}
.selectbox .optionItem:hover {text-decoration: underline;}
.selectbox .optionItem.on {color: #FF972E; font-weight: 700;}
.search_group fieldset .text_search {float:left;  width:331px; height:40px; margin-left:10px; padding:0 36px 0 12px; border:1px solid #CECECE; font-size:14px; line-height:38px; font-weight:400; text-align:left; position: relative; text-overflow: ellipsis; overflow: hidden;}
.search_group fieldset .text_search:focus {background: #FFFFFF 0% 0% no-repeat padding-box; outline: none; border: 1px solid #275BC2;}
.search_group fieldset .btn_search {float:left; width:40px; height:40px; background: #1F2A6D url('../imgs/board/ico_search.svg') no-repeat center center; background-size:24px; text-indent:-9999px; position: absolute; right: 0;}
.board_count {padding:8px 0 8px 0;  font-size:1.5rem; line-height:21px; font-weight:400; letter-spacing:-0.025em; text-align:left; color: #757575;}
.board_count strong {color:#275BC2; font-weight:500;}
.board_count em {color:#FF972E; font-weight:500;}
.boder_support {display: flex; justify-content:space-between;}
.board_list {table-layout:fixed; width:100%; margin-top:14px; border-top:2px solid #1F2A6D; border-bottom: 1px solid #1F2A6D;}
.board_list th {vertical-align:middle; padding:18px 0; background:#fff; border-bottom:1px solid #1F2A6D; text-align:center; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.025em; color:#333;}
.board_list td {vertical-align:middle; height:64px;  border-bottom:1px solid #D1D1D1; text-align:center; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.025em; color:#333;}
.board_list tr.result_none td {color:#727272;}
.board_list tr.notice {background: #F2F7FF;}
.board_list tr.notice td {font-weight:500;}
.board_list tr.notice td.num span {font-size: 0; width: 0;}
.board_list tr.notice td.num i {display:inline-block; vertical-align:middle; width:36px; height:36px; border-radius:50px; font-weight:500; font-size:14px; line-height:28px; letter-spacing:-0.025em; color:#fff;background: #135ECF url("../imgs/board/ico_notice_line.svg") no-repeat center center; }
.board_list tr td.file i {display:inline-block; vertical-align:middle; width:24px; height:24px; background: url("../imgs/board/ico_file-download.svg") no-repeat center center; background-size: contain;}
.board_list tr.notice td em {color:#135ECF;}
.board_list td.subject {padding-left:10px; padding-right:10px; text-align:left;}
.board_list td.subject a {cursor: pointer; display:inline-block; vertical-align:middle; max-width:100%; font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list td.subject a:hover,
.board_list td.subject a:focus {text-decoration:underline; color: #1F2A6D; font-weight: 500;}
.board_list td.subject a.ico_new {padding-right:28px; background:url('../imgs/board/ico_new.svg') no-repeat right center; background-size:18px;}
.board_list td i {display:none;}
.board_list td em {vertical-align:middle; font-size:24px; color:#FF8D1A;}

@media screen and (max-width:1280px) {
	.search_group fieldset .text_search {width: 250px;}

}
@media screen and (max-width:1023px) {
	.search_group fieldset .text_search {width: 300px}
	.board_list thead th.file {font-size: 0;}
}


@media screen and (max-width:767px) {

	.boder_support {display: block;}
	.search_group fieldset {width:100%;}
	.search_group fieldset .text_search {width:calc(100% - 106px);}
	.board_count_box {margin-bottom: 11px;}

	.board_list {display:block;}
	.board_list td {height: inherit;}
	.board_list colgroup {display:none;}
	.board_list thead {display:none;}
	.board_list thead tr {display:block; font-size:0;}
	.board_list thead th {display:none; padding:12px 10px;}
	.board_list thead th.num {display:inline-block; width:16.6%;}
	.board_list thead th.subject {display:inline-block; width:83.4%;}
	.board_list tbody {display:block;}
	.board_list tbody tr {display:-webkit-flex; display:flex; justify-content:flex-start; position:relative; width:100%; padding:37px 0 0 16.6%; border-bottom:1px solid #cecece;}
	.board_list tbody tr.result_none {padding:0;}
	.board_list tbody tr.result_none td {width:100%; padding:12px 10px;}
	.board_list tbody td {display:block; padding:0 0 10px 10px; border-bottom:none; font-size:14px; line-height:24px;}
	.board_list tbody td.num {position:absolute; top:50%; left:8.3%; width:60px; padding:12px 0; margin-top:-24px; margin-left:-30px;}
	.board_list tbody tr.notice td.num {padding:6px 0; }
	.board_list tbody td.subject {position:absolute; top:0; left:16.6%; width:83.4%; padding:10px 10px 3px 10px;}
	.board_list tbody td.subject {width: 75%;}
	.board_list tbody td.file {position: absolute; top: 13px; right: 8px;}
	.board_list tbody td.date {color: #999999; font-weight: 400;}
	.board_list tbody td.view {color: #999999; font-weight: 400;}
	.board_list tbody td i {display:inline-block; vertical-align:text-bottom; margin-right:6px; width: 18px; height: 18px; }
	.board_list tbody td i.ico_view {background: url("../imgs/board/ico_view.svg") no-repeat center center;}
	.board_list tbody td i.ico_date {background: url("../imgs/board/ico_date.svg") no-repeat center center;}
	.board_list tbody td span {vertical-align:top;}

}

/* board null */
.nodata {padding-left: 0 !important; pointer-events: none; height: auto !important;}
tr.nodata td img {display: inline-block;}
.null {width: 100% !important;}
.null .board_null {margin-top: 15px; padding-bottom: 14px; height: 325px; width: 100%; position: relative; width: 100%;}
.null .board_null .null_info { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap;}
.null .board_null .null_info p {margin-top: 6px; color: #999999;}

/* board list_read */
.board_list_read .read {}
.board_list_read .read {}
.board_list_read .read div {}
.board_list_read .read .title {padding:16px 16px; border-top:2px solid #1F2A6D; border-bottom:1px solid #D5D5D5; background-color:#F6F6F6;}
.board_list_read .read .title h3 {}
.board_list_read .read .title h3 > span {word-break: break-all; font-weight:500; font-size:2.0rem; line-height:39px; letter-spacing:-0.05em; color:#212121;}
.board_list_read .read .title .info {display: none; border-bottom: 0; padding: 6px 0 0;}
.board_list_read .read .info {padding:10px 16px; border-bottom:1px solid #E1E1E1; font-size:0;}
.board_list_read .read .info > div {}
.board_list_read .read .info > div > span {display:inline-block; vertical-align:top;}
.board_list_read .read .info .ico-info > span + span {margin-left:12px;}
.board_list_read .read .info .ico-info > span.name {text-indent: -20px; padding-left: 20px;}
.board_list_read .read .info .ico-info > span > i {display: inline-block; vertical-align:top; margin-right:4px; width: 18px; height: 18px;}
.board_list_read .read .info .ico-info > span > i.ico_name {background: url(../imgs/board/ico_name.svg) no-repeat center center;}
.board_list_read .read .info .ico-info > span > i.ico_user {background: url(../imgs/board/ico_user.svg) no-repeat center center;}
.board_list_read .read .info .ico-info > span > i.ico_date {background: url(../imgs/board/ico_date.svg) no-repeat center center;}
.board_list_read .read .info .ico-info > span > i.ico_view {background: url(../imgs/board/ico_view.svg) no-repeat center center;}
.board_list_read .read .info .ico-info > span > span { color:#212121; font-size: 1.4rem; font-weight: 400; line-height: 18px; letter-spacing: -0.025em;}
.board_list_read .read .text_box { word-break: break-all; min-height: 420px; border-bottom: 1px solid #D5D5D5; padding: 40px 16px; font-weight:400; font-size:1.6rem; line-height:32px; color:#212121; }
.board_list_read .read .text_box img {max-width: 100%; height: auto !important;}

.board_list_read .read .text_box .result {margin-top: 40px; border:2px solid #275BC2;}
.board_list_read .read .text_box .result .tit {padding:16px 16px; border-bottom:1px solid #BAC5DB; background-color:#F2F7FF; color: #1F2A6D; font-weight: 700;}
.board_list_read .read .text_box .result .tit h3 > b {font-size: 2.8rem; margin-right: 12px;}
.board_list_read .read .text_box .result .tit h3 > span {font-size: 1.8rem;}
.board_list_read .read .text_box .result .tit .info {display: none; border-bottom: 0; padding: 6px 0 0;}
.board_list_read .read .text_box .result > .info .ico-info {line-height: 0;}
.board_list_read .read .text_box .result .text_box {min-height: 0; }
.board_list_read .read .text_box .result .text_box ul {}
.board_list_read .read .text_box .result .text_box ul li {font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em;}
.board_list_read .read .text_box .result .text_box ul li + li {margin-top: 30px;}

.board_list_read .read .attach {background: #F6F6F6;}
.board_list_read .read .attach .attach-list {}
.board_list_read .read .attach .attach-list li {padding: 10px 16px; border-bottom: 1px solid #D5D5D5;}
.board_list_read .read .attach .attach-list li i { display:inline-block; vertical-align:middle; margin-right:6px; width: 18px; height: 18px; background: url("../imgs/board/ico_file-download.svg") no-repeat center center;}
.board_list_read .read .attach .attach-list li span {font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; line-height: 18px; color: #757575;}
.board_list_read .read .attach .attach-list li span + span {margin-left: 7px;}

@media screen and (max-width:1023px) {
	.board_list_read .read .title {padding: 14px 16px;}
	.board_list_read .read .title .info {display: block;}
	.board_list_read .read .title .info span {color: #757575 !important;}
	/* .board_list_read .read > .info {display: none;} */
	.board_list_read .read .text_box .result .tit {padding: 14px 16px;}
	.board_list_read .read .text_box .result .tit .info {display: block;}
	.board_list_read .read .text_box .result .tit .info span {color: #757575 !important;}
	.board_list_read .read .text_box .result > .info {display: none;}
	.board_list_read .read .attach {background: none;}
}
@media screen and (max-width:767px) {
	.board_list_read .read .info .ico-info > span.name {display: block; margin-bottom: 4px;}
	.board_list_read .read .info .ico-info > span:nth-child(2) {margin-left: 0;}
}

/* board list_write */
br.mobile {display: none;}
.board_write .info_box{ width:100%; padding: 24px 32px; background: #F9FBFF; border: 2px solid #E4EDFF; margin-bottom: 24px; }
.board_write .info_box > ul { }
.board_write .info_box > ul > li { font-size: 1.6rem; line-height: 26px; letter-spacing: -0.05em; position: relative; padding-left: 10px; }
.board_write .info_box > ul > li + li { margin-top: 6px; word-break: keep-all; }
.board_write .info_box > ul > li span { font-weight: 700; }
.board_write .info_box > ul > li::before { position: absolute; top: -2px; left: 0; display: block; content: "-"; color: #FF972E;}
.board_write > p {margin-left: 10px; font-size: 1.6rem; line-height: 26px; letter-spacing: -0.05em;}

.write_table { border-top:2px solid #263272; }
.write_table tbody > tr {border-bottom: 1px solid #5d5d5d !important; }
.write_table th { background:#F2F7FF; text-align: center; border-bottom: 1px solid #D5D5D5;}
span.imp {position: relative;}
span.imp::before { content: "*"; position: absolute; left: -10px; font-size: 1.6rem; display: block; color: #FF0000;}
span.imp.none::before {display: none;}
.write_table table {width:100%; text-align:left;}
.write_table table tr > td { padding: 14px 16px; vertical-align:middle; border-bottom: 1px solid #D5D5D5;}
.write_table table input { border:1px solid #D5D5D5; padding-left:5px; }
.write_table table tr > td > input { height: 40px;  }
.write_table table tr.title > td > input { width: 100%; }
.write_table table tr.name > td > input { width: 200px; }
.write_table table tr.mail > td { display: flex; line-height: 36px;}
.write_table table tr.mail > td > input { width: 160px; height: 40px;}
.write_table table tr.mail > td > input:first-child {margin-right: 10px;}
.write_table table tr.mail > td > input + input { margin-left: 10px; }
.write_table table tr.mail > td .selectbox { position: relative; width: 190px; margin-left: 10px; }
.write_table table tr.mail > td .selectbox .label { width: 190px; }
.write_table table tr.address > td .main_adres { display: flex; margin-bottom: 8px; }
.write_table table tr.address > td .main_adres input {height: 40px;}
.write_table table tr.address > td .main_adres .button { width: 108px; height: 40px; display: block; text-align: center; color: #ffffff; background: #1F2A6D; margin-left: 10px; font-size: 1.4rem; line-height: 40px; font-weight: 500;}
.write_table table tr.address > td .sub_adres { display: flex; }
.write_table table tr.address > td .sub_adres input {width: 50%; height: 40px;}
.write_table table tr.address > td .sub_adres input + input {margin-left: 10px;}
.write_table table tr.phone > td {display: flex;}
.write_table table tr.phone > td > input {width: 90px; margin-left: 10px;}
.write_table table tr.phone > td > #phone {margin-left: 0; width: 200px;}
.write_table table tr.text > td > textarea { border:1px solid #e1e1e1; margin-top:2px; padding-left:5px; width: 100%; height: 260px;}

.write_table th > span{margin-right:3px;}

.check {display:inline-block; vertical-align:middle; position:relative; line-height:1;}
.check label {display:inline-block; vertical-align:top; position:relative; min-width:20px; min-height:20px; padding-left:32px; line-height:1;}
.check label span {display:inline-block; vertical-align:top; font-weight:400; font-size:1.4rem; line-height:1.4286; letter-spacing:0; color:#757575;}
.check label:before, .check label:after {content:""; position:absolute;}
.check label:before {top:0; left:0; width:20px; height:20px; border:1px solid #BDBDBD; border-radius:2px; background-color:#fff;}
.check > input {position:absolute; top:0; left:0; width:20px; height:20px; margin:0; border-radius:2px;}
/* Checked */
.check > input:checked + label:before {border-color:#005DAB; background-color:#005DAB;}
.check > input:checked + label:after {top:5px; left:5px; width:11px; height:7px; border-bottom:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg);}
/* Disabled */
.check > input[disabled] + label span {color:#bdbdbd;}
.check > input[disabled="disabled"] + label span {color:#bdbdbd;}
.check > input[disabled] + label:before {border:1px solid #bdbdbd; background-color:#eee;}
.check > input[disabled="disabled"] + label:before {border:1px solid #bdbdbd; background-color:#eee;}
.check > input[disabled]:checked + label:before {border-color:#bdbdbd; background-color:#bdbdbd;}
.check > input[disabled="disabled"]:checked + label:before {border-color:#bdbdbd; background-color:#bdbdbd;}
.check > input[disabled]:checked + label:after {border-color:#eee;}
.check > input[disabled="disabled"]:checked + label:after {border-color:#eee;}

@media screen and (max-width:1023px) {}

@media screen and (max-width:767px) {

	br.mobile {display: block;}
	.write_table table tr > td {padding: 10px 0 20px;}
	.write_table th { width: 100%; display: block; height: 44px; text-align: left; padding-left: 16px;}
	.write_table th > span {top: 10px;}
	.write_table td { width: 100%; display: block;}
	.write_table table tr.name > td > input {width: 100%;}
	.write_table table tr.mail > td {display: block;}
	.write_table table tr.mail > td > input {width: 100%; margin-bottom: 4px;}
	.write_table table tr.mail > td > input:first-child {width: calc(100% - 40px);}
	.write_table table tr.mail > td > input + input {margin-left: 0;}
	.write_table table tr.mail > td .selectbox {margin-left: 0;}
	.write_table table tr.mail > td .selectbox { width: 100%;}
	.write_table table tr.mail > td .selectbox .label { width: 100%; }
	.write_table table tr.address > td .main_adres input {width: 100%;}
	.write_table table tr.address > td .main_adres .button {min-width: 108px;}
	.write_table table tr.address > td .sub_adres {flex-wrap: wrap;}
	.write_table table tr.address > td .sub_adres input {width: 100%;}
	.write_table table tr.address > td .sub_adres input + input {margin-top: 8px; margin-left: 0;}
	.write_table table tr.phone > td > .selectbox {width: 33.33%;}
	.write_table table tr.phone > td > .selectbox .label {width: 100%;}
	.write_table table tr.phone > td > input {width: 33.33%;}
	.write_table table tr.job > td > input {width: 100%;}
	.write_table table tr.text > td > textarea {width: 100%;}
}

/* board faq */
.boder_support.faq {display: block;}
.search_title {position: relative; width: 463px; text-align: center; margin: 0 auto;}
.search_title p {position: relative; padding: 26px 0; height: 129px; font-size: 2.4rem; line-height: 35px; white-space: nowrap; font-weight: 700; color: #1C1C1C; text-align: left; display: block;}
.search_title p::before {content: ""; display: block; background: url('../images/board/img_search_tit.png'); position: absolute; top: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 129px; width: 152px;}

.boder_support.faq .search_group {text-align: center;}
.boder_support.faq .search_group fieldset .text_search {width: 463px; margin-left: 0;}
.boder_support.faq .search_group fieldset {position: relative;}
.boder_support.faq .search_group fieldset .btn_search  {right: 12px;}

.faq_tit {margin-top: 62px; font-size: 1.8rem; letter-spacing: -0.05em;}
.faq_list {margin-top:8px; border-top:3px solid #1C1C1C;}
.faq_list > ul {}
.faq_list > ul > li {border-bottom: 1px solid #D0D0D0;}
.faq_list > ul > li.on span {color: #FF6373; font-weight: 700;}
.faq_list .toggle_title {font-size: 1.8rem; line-height: 27px; font-weight: 500; }
.faq_list .toggle_title > p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 50px; padding-left: 30px; padding-right: 24px; position: relative;}
.faq_list .toggle_title > p::after {content: ""; display: block; position: absolute; top: 0; right: 0; transform: rotate(180deg); background: #ffffff url("../imgs/board/ico_select_aroow_up.svg") no-repeat center center; width: 50px; height: 50px; border-right: 1px solid #D5D5D5;}
.faq_list > ul > li.on > .toggle_title > p::after {transform: rotate(-90deg); background: #1F499B url(../imgs/ico_arrow_down.svg)no-repeat center center; border-right: 0;}
.faq_list .toggle_title > span {margin-right: 8px;}
.faq_list .toggle_info {display: none;  line-height: 24px; font-size: 1.6rem; letter-spacing: -0.8px; padding: 25px 40px; border-radius: 10px; background: #F8F8F8 0% 0% no-repeat padding-box;}
.faq_list .toggle_info.on {display: block; }
.faq_list .toggle_info > p {text-indent: -21px; margin-left: 21px;}
.faq_list .toggle_info > p > span {margin-right: 8px;}

@media screen and (max-width:767px) {

	.search_title {width: 328px;}
	.search_title p {font-size: 1.8rem; margin-right: 0; line-height: 26px; height: 50px;}
	.boder_support.faq .search_group fieldset {width:inherit;}
	.boder_support.faq .search_group fieldset .text_search {width: 328px;}
	.faq_list .toggle_info {padding: 15px 10px;}

}

/* board card */
.card_list {margin-top:15px; padding-top:20px; padding-bottom:50px; border-top:3px solid #1C1C1C; border-bottom: 1px solid #DEDEDE;}
.card_list > ul {display:flex; flex-wrap:wrap; margin:-10px -6.5px;}
.card_list > ul > li {width:33.33%; padding:10px 6.5px;}
.card_list > ul > li > .inbox {display:block; position:relative; height:100%;}
.card_list > ul > li > .inbox .txtbox {position:relative; padding: 16px 24px;  background:#fff; color:#848484; border: 1px solid #D5D5D5; border-top: 0;}
.card_list > ul > li > .inbox.notice .txtbox::before {position: absolute; top: 20px; left: 15px; content: "공지"; width: 60px; height: 26px; display: block; padding: 3px 8px; background: url("../images/board/icon_notification_white.svg") no-repeat center left 6px #D11326; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 700; color: #fff; text-align: right; border-radius: 5px;}
.card_list > ul > li > .inbox .txtbox .title {display:block; height:50px; font-weight:500; font-size:1.6rem; line-height:25px; color:#1C1C1C; word-break:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.card_list > ul > li > .inbox .txtbox .card_info p {height: 48px; word-break:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.card_list > ul > li > .inbox .txtbox .sub_info {display: flex; justify-content: space-between; margin-top: 12px;}
.card_list > ul > li > .inbox .txtbox .sub_info .date {font-weight:400; font-size:14px; line-height:20px; letter-spacing:0; color:#848484;}
.card_list > ul > li > .inbox .txtbox .sub_info .view {font-weight:400; font-size:14px; line-height:20px; letter-spacing:0; color:#848484; position: relative;}
.card_list > ul > li > .inbox .txtbox .sub_info .view img {position: absolute; top: 50%; right : calc(100% + 4px); transform: translateY(-50%);}
.card_list > ul > li > .inbox .txtbox > span > i {vertical-align:top; margin-right:6px; font-size:20px; color:#FF8000;}
.card_list > ul > li > .inbox .txtbox > span > span {vertical-align:top;}
.card_list > ul > li > .inbox:hover,
.card_list > ul > li > .inbox:focus  {z-index: 10;}
.card_list > ul > li > .inbox:hover .txtbox,
.card_list > ul > li > .inbox:focus .txtbox  { border: 1px solid #98BAFF; border-top: 0; }
.card_list > ul > li > .inbox:hover .txtbox .title,
.card_list > ul > li > .inbox:focus .txtbox .title {text-decoration:underline; color: #275BC2;}

.card_list > ul > li > .inbox .imgbox {position:relative; width:100%; height:0; border: 1px solid #D5D5D5; padding-bottom:58%; background:#F8F8F8 url('../imgs/board/img_photo_none.svg') no-repeat center center; overflow:hidden;}
.card_list > ul > li > .inbox .imgbox .img { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:.3s;}
.card_list > ul > li > .inbox:hover .imgbox .img,
.card_list > ul > li > .inbox:focus .imgbox .img {transform:scale(1.2);}

@media screen and (max-width:1023px) {

	.card_list > ul > li {width: 50%;}

}


@media screen and (max-width:767px) {

	.card_list > ul > li {width: 100%;}

}

/* 예약확인 */
.col-red {color: #FF0000;}
.col-blue {color: #135ECF;}
.bold {font-weight: 700;}

.board_list.rc {}
.board_list.rc td.status {}
.board_list.rc td.status span {margin: 0 auto; display: block; width: 84px; height: 32px; line-height: 32px;}
.board_list.rc td.status span.receving {background: #FF6F00; color: #FFFFFF;}
.board_list.rc td.status span.waitinwg {background: #E4EDFF; color: #1F2A6D;}
.board_list.rc td.status span.complete {background: #2E74FF; color: #FFFFFF;}
.board_list.rc td.status span.complete.off {background: #D5D5D5; color: #757575;}

.pop_layer.type02 .write {margin-top: 0;}
.pop_layer.type02 .write .tbl-group {margin-top: 10px;}
.pop_layer.type02 .pop_wrap {height: auto; max-height: 90%;}
.pop_layer.type02 .write .tbl-write tbody tr td {font-size: 1.4rem;}
.button-box.text {display: flex; justify-content:space-between;}
.button-box.text > .btn_text {text-align: left;}
.button-box.text > .btn_text > p {position: relative; font-size: 1.4rem; font-weight: 400; line-height: 20px; letter-spacing: -0.025em;}
.button-box.text > .btn_text > p::before {content: "*"; display: inline-block; margin-right: 3px;}
.phone-text {position: relative;}
.phone-text::after {content: "입력된 연락처로 상담 전화가 발신됩니다."; margin-left: 10px; display: inline-block; font-size: 1.3rem; line-height: 19px; color: #275BC2;}
.pop_layer.type02 .button-box.text::after {display: none;}
.pop_layer.type02 td.status {display: flex;}
.pop_layer.type02 td.status a {line-height: 32px;}
.pop_layer.type02 td.status > span {align-items: center; justify-content: center; width: 84px; height: 32px; line-height: 32px; margin-right: 10px;}
.pop_layer.type02 td.status span.receving {background: #FF6F00; color: #FFFFFF;}
.pop_layer.type02 td.status span.waitinwg {background: #E4EDFF; color: #1F2A6D;}
.pop_layer.type02 td.status span.complete {background: #2E74FF; color: #FFFFFF;}
.pop_layer.type02 td.status span.complete.off {background: #D5D5D5; color: #757575;}

@media screen and (max-width:1024px) {
	.button-box.text {flex-wrap: wrap;}
	.pop_layer.type02 td.status span {display: flex !important;}
	.button-box.text > .btn_text {width: 100%; margin-bottom: 30px;}
}
@media screen and (max-width:767px) {
	.board_list tbody td.status {padding-top: 3px;}
	.board_list.rc td.status span {height: 20px; line-height: 20px; font-size: inherit;}
}


.faq_body {border-top: none !important;}
/* 2022-12-28 faq toggle시 bg 사라지는 오류 수정 */
.faq_body > ul > li {overflow: hidden; background: #EFEFEF;}
/* //2022-12-28 faq toggle시 bg 사라지는 오류 수정 */
.faq_body > ul {border-top: 2px solid #1F2A6D; border-bottom: 1px solid #1F2A6D; margin-top: 16px; margin-bottom: 40px;}
.faq_body > ul > li > .toggle_title > a > p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 50px; padding-left: 30px; padding-right: 24px; position: relative;}
.faq_body > ul > li > .toggle_title > a > p {font-size: 1.6rem; line-height: 50px; font-weight: 500; padding-right: 65px; padding-left: 16px;}
.faq_body > ul > li > .toggle_title > a:hover > p,
.faq_body > ul > li > .toggle_title > a:focus > p {font-size: 1.6rem; color: #1F2A6D; font-weight: 500;}
.faq_body > ul > li > .toggle_title > a > p > span {display: inline-block; margin-right: 16px; width: 64px; height: 34px; text-align: center; border: 1px solid #1F2A6D; color: #1F2A6D; border-radius: 17px; font-size: 1.6rem; font-weight: 700; line-height: 34px; letter-spacing: -0.025em; }
.faq_body > ul > li > .toggle_title > a > p::after {content: ""; display: block; position: absolute; top: 0; right: 0; transform: rotate(180deg); background: #ffffff url("../imgs/board/ico_select_aroow_up.svg") no-repeat center center; width: 50px; height: 50px; border-right: 1px solid #D5D5D5;}
.faq_body > ul > li > .toggle_title > a > p::after {border-radius: 50%; width: 34px; height: 34px; top: 50%; right: 16px; transform: translateY(-50%) rotate(180deg); border-right: 0; border: 1px solid #1F2A6D;}
.faq_body > ul > li.on > .toggle_title > a > p::after {transform: rotate(-90deg); background: #1F499B url(../imgs/ico_arrow_down.svg)no-repeat center center; border-right: 0;}
.faq_body > ul > li.on > .toggle_title > a > p::after {transform: translateY(-50%) rotate(-90deg);}
.faq_body > ul > li.on > .toggle_title > a > p > span {border: 0px; background: #1F2A6D; color: #ffffff;}
.faq_body > ul > li > .toggle_info {background:none !important;  border-radius: initial; font-weight: 500;}
.faq_body > ul > li > .toggle_info > ul {padding-bottom: 30px;}
.faq_body > ul > li > .toggle_info > ul > li {position: relative; margin-top: 8px;}
.faq_body > ul > li > .toggle_info > ul > li > a {position: relative;}
.faq_body > ul > li > .toggle_info > ul > li > a > p { font-size: 1.6rem; line-height: 30px; letter-spacing: -0.05em;}
.faq_body > ul > li > .toggle_info .faq_wrap {display: grid; grid-template-columns: 60px 1fr; background: #FFFFFF; border-radius: 8px; padding: 13px 16px; align-items: center;}
.faq_body > ul > li > .toggle_info .faq_wrap .icon {position: relative; display: flex; align-items: center; height: 100%; font-size: 3.6rem; font-weight: 500; line-height: 54px; letter-spacing: -0.025em; color: #1F2A6D; padding-right: 25px; margin-right: 16px;}
.faq_body > ul > li > .toggle_info .faq_wrap .icon::after {content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #D5D5D5;}
.faq_body > ul > li > .toggle_info .faq_wrap > p {word-break:keep-all;}
.faq_body .toggle_info {padding: 16px 16px;}

@media screen and (max-width:767px) {

	.faq_body > ul > li > .toggle_title > p {font-size: 1.4rem;}
	.faq_body > ul > li >.toggle_info {padding: 0;}
	.faq_body > ul > li > .toggle_info > ul > li > p {font-size: 1.4rem;}
	.faq_body > ul > li > .toggle_info .faq_wrap {grid-template-columns: 1fr; border-radius: 0;}
	.faq_body > ul > li > .toggle_info .faq_wrap .icon {display: none;}
	.faq_body > ul > li > .toggle_info .paging .page_num {max-width: 160px;}
	.faq_body > ul > li > .toggle_info .paging .page_num a {width: 27.5px; height: 27.5px; font-size: 1.4rem; line-height: 26px;}
}