@charset "utf-8";

/* common : 콘텐츠 페이지에서 공통적으로 쓰이는 요소들 */

.sub-inner {display:block; position:relative; width:77%;  margin:0 auto; box-sizing:border-box; padding-bottom: 5rem; max-width: 1460px;}
.sub-cont-tit {font-size:36px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; font-family:'OnemobileT', sans-serif;}

@media screen and (max-width:1024px){
	.sub-cont-tit {font-size:24px;}
	
}

:root {
    --basic-color: #2673F4;
    --basic-color2: #079EFF;
    --point-color: #00AEAE;
    --point-color2: #5767C6;
    --point-color3: #F5784B;
    --point-color4: #A574EE;
    --point-color5: #00cba4;
    --point-color6: #F8875F;
    --point-color7: #004097;
    --font-black: #222;
    --font-gray: #999;
    --border-gray: #eee;
    --border-grayB: #ddd;
    --bg-basic: #ebfbff;
    --bg-gray: #F7F9FC;
    --bg-grayB: #EFEFEF;
    --bg-blue: #2673f4;
    --color-black: #222;
    --color-red: #E50054;
    --radius-default: 5px;
    --radius-sm: 3px;
    --font-s: 1.3rem;
    --font-d: 1.4rem;
    --font-m: 1.6rem;
    --font-b: 1.8rem;
    --font-point: "SebangGothic";
    --size-headerH: 9rem;
    --contTabH: 3.6rem;
    --size-tabH: 7rem;
    --size-leftW: 20rem;
    --size-inputSmH: 2.8rem;
    --size-inputMdH: 3.2rem;
    --size-inputBH: 4.2rem;
    --header-leftPadding: 3.8rem;
}

/* program tbl_form */
.tbl_form .nec {position:relative; padding-right:10px;}
.tbl_form .nec:before {content:"*"; display:block; position:absolute; top: -2px;right: 2px;font-size: 13px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#ff4600;}
.tbl_form {position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl_form .tbl_form_th {width:150px;}
.tbl_form .tbl_form_td2 {width:calc(50% - 120px);}
.tbl_form tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl_form tbody tr th {width:120px; padding:1.5rem; background:#f8f9fa; text-align:left;line-height:1.4; letter-spacing:-0.08em; color:#444444; box-sizing:border-box;}
.tbl_form tbody tr td {width:calc(100% - 120px); padding:15px 10px 15px; background:#ffffff; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; box-sizing:border-box;}
.tbl_form td input.normal {max-width:320px;}
.tbl_form td input[type="text"],
.tbl_form td input[type="num"],
.tbl_form td input[type="tel"],
.tbl_form td input[type="password"] {position:relative; height:40px; padding:0 15px; border:1px solid #dddddd; border-radius:5px; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.tbl_form td input[type="text"]:read-only, .tbl_form td input[type="text"]:disabled {background:#f8f9fa;}
.tbl_form td select {position:relative; max-width:100%; height:40px; padding:0 35px 0 15px; border:1px solid #dddddd; border-radius:5px; background:url('../img/board/ico_select_arrow.svg')right 10px center no-repeat; background-size:15px 8px; background-color:#ffffff; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.tbl_form td select + .comment {margin-top:10px;}
.tbl_form td .btn {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:auto; min-width:68px; height:40px; padding:0 10px; border-radius:5px; border:1px solid #0067db; background:#0067db; vertical-align:middle; font-size:14px; font-weight:400; line-height:40px; color:#ffffff; text-align:center;}
.tbl_form td .btn.check {border:1px solid #003399; background:#003399;}
.tbl_form td .btn.check span {color: #fff;font-weight: 400;}
.tbl_form td .wbtn {display:flex; align-items:center; gap:4px;}
.tbl_form td .wbtn input[type="text"] {display:inline-block; width:calc(100% - 100px); max-width:320px;}
.tbl_form td .address {display:flex; align-items:center; gap:4px;}
.tbl_form td .address input[type="text"] {display:inline-block; width:calc(100% - 100px); max-width:320px;}
.tbl_form td .address input[type="text"].zipcode {max-width:140px;}
.tbl_form td .address .btn.check {border:1px solid #003399; background:#003399;min-width:74px;}
.tbl_form td .inputIdbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl_form td .inputIdbox input[type="text"] {display:inline-block; max-width:240px;}
.tbl_form td .inputIdbox .btn {}
.tbl_form td .inputDTbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl_form td .inputDTbox input[type="text"] {display:inline-block; max-width:130px;}
.tbl_form td .inputMailbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl_form td .inputMailbox input[type="text"] {display:inline-block; max-width:130px;}
.tbl_form td .inputTelbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl_form td .inputTelbox input[type="text"] {display:inline-block; max-width:130px;}
.tbl_form td .inputAddrbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl_form td .inputAddrbox .zipcode {display:inline-block; max-width:130px;}
.tbl_form td .inputAddrbox .addr {display:inline-block; max-width:240px;}
.tbl_form td .inputAddrbox .btn {}
/* .tbl_form .time {display:none;} */
.tbl_form .board-view-fileLst + .board-view-fileLst {margin-top:10px;}
.tbl_form .inputFile .fileNm {display:inline-block; width:calc(100% - 220px); max-width:400px; height:40px; padding:0 15px; border:1px solid #dddddd; border-radius:2px; background:#fafafa; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
.tbl_form .inputFile input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:none;}
.tbl_form .file-label {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:100px; max-width:100%; height:40px; padding:0 10px; border:1px solid #0067db; background:#0067db; vertical-align:middle; font-size:14px; font-weight:700; line-height:40px; color:#ffffff; text-align:center;}
.tbl_form .inputFile input[type="file"]:disabled ~ .file-label {background:#f8f9fa; cursor:default; border-color:#dddddd;}
.tbl_form .inputFile input[type="file"]:disabled ~ .file-label span {color:#707070;}
.tbl_form .icoBtn.del {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:100px; max-width:100%; height:40px; padding:0 10px; border:1px solid #707070; background:#ffffff; vertical-align:middle; font-size:14px; font-weight:700; line-height:40px; color:#707070; text-align:center;}
.tbl_form .icoBtn.del:before {content:"삭제"; font-size:16px; font-weight:700; line-height:40px; color:#707070;}
.tbl_form .comment {display:block; font-size:14px; font-weight:400; margin-top: 8px; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.tbl_form .profile_img {display:inline-flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border:1px solid #dddddd; border-radius:150px; overflow:hidden; vertical-align:middle; margin-right:4px;}
.tbl_form .profile_img.profile01 {background:url('../img/Layout/img_profile01.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile02 {background:url('../img/Layout/img_profile02.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile03 {background:url('../img/Layout/img_profile03.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile04 {background:url('../img/Layout/img_profile04.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile05 {background:url('../img/Layout/img_profile05.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile06 {background:url('../img/Layout/img_profile06.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile07 {background:url('../img/Layout/img_profile07.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile08 {background:url('../img/Layout/img_profile08.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile09 {background:url('../img/Layout/img_profile09.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile10 {background:url('../img/Layout/img_profile10.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile11 {background:url('../img/Layout/img_profile11.svg')center center no-repeat; background-size:40px auto;}
.tbl_form .profile_img.profile12 {background:url('../img/Layout/img_profile12.svg')center center no-repeat; background-size:40px auto;}

.tbl_form td .status {display:inline-flex;justify-content:center;align-items:center;padding:0.5rem 1rem;min-width:7rem;height:3.2rem;border-radius:1.6rem;font-size:1.4rem;font-weight:600;border:1px solid;}
.tbl_form td .status.error {border-color:var(--color-red);color:var(--color-red);}
.tbl_form td .status.complete {border-color:var(--point-color4);color:var(--point-color4);}
.tbl_form td .status.reserv {border-color:var(--point-color6);color:var(--point-color6);}
.tbl_form td .status.end {border-color:var(--font-gray);color:var(--font-gray);background-color:var(--bg-gray);}
.tbl_form td .status.blue {border-color:var(--basic-color);color:var(--basic-color);}
.tbl_form td .status.black {border-color:#000;color:#000;}

#sbjctArea tr td, td#sbjctArea th {padding: 10px;}
.tbl_form td select:disabled {background: #efefef url(../img/board/ico_select_arrow.svg) right 10px center no-repeat;background-size: 15px 8px;color: #666;}

@media screen and (max-width:1024px){
	
	/* program tbl_form */
	.tbl_form colgroup {display:none;}
	.tbl_form tbody tr th {display:block; width:100%; padding:10px; border-bottom:1px solid #eeeeee;}
	.tbl_form tbody tr td {display:block; width:100%; padding:10px;}
	.tbl_form td input.normal {width:100%; max-width:100%;}
	.tbl_form td .inputIdbox {flex-wrap:wrap;}
	.tbl_form td .inputIdbox input[type="text"] {width:100%; max-width:calc(100% - 78px);}
	.tbl_form td .inputDTbox {flex-wrap:wrap;}
	.tbl_form td .inputDTbox input[type="text"] {width:100%; max-width:calc(50% - 12px);}
	.tbl_form td .inputDTbox select {width:100%;}
	.tbl_form td .inputMailbox {flex-wrap:wrap;}
	.tbl_form td .inputMailbox input[type="text"] {width:100%; max-width:calc(50% - 12px);}
	.tbl_form td .inputMailbox select {width:100%;}
	.tbl_form td .inputTelbox {flex-wrap:wrap;}
	.tbl_form td .inputTelbox input[type="text"] {width:100%; max-width:calc(33.3334% - 12px);}
	.tbl_form td .inputAddrbox {flex-wrap:wrap;}
	.tbl_form td .inputAddrbox .addr {width:100%; max-width:calc(100% - 220px);}
	.tbl_form td button {width:100%;}
	.tbl_form td .wbtn {flex-wrap:wrap;}
	.tbl_form td .wbtn input[type="text"] {width:100%; max-width:100%;}
	.tbl_form td .address input[type="text"].zipcode {max-width:100%;}
	.tbl_form td .address_box {width: 100%;display: flex;gap: 1%;}
	
	
}

@media screen and (max-width:480px){
	
	.tbl_form td .inputAddrbox .zipcode {width:100%; max-width:100%;}
	.tbl_form td .inputAddrbox .addr {max-width:100%;}
	.tbl_form td .inputAddrbox .btn {width:100%;}
	
	.tbl_form td .btn.check {border: 1px solid #003399;background: #003399;width: 100%;}

	
}


/* 하단 버튼 */
.cmm-btn-box {display:flex; align-items:center; gap:10px; position:relative; margin-top:30px;}
.cmm-btn-box.center {justify-content:center;}
.cmm-btn-box.right {justify-content:flex-end;}
.cmm-btn-box .cmm-btn {display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:68px; height:40px; padding:0 20px; border-radius:150px; background:#0067db; transition:all 0.3s ease; font-size:14px; font-weight:400; letter-spacing:-0.06em; color:#ffffff;}
.cmm-btn-box .cmm-btn:hover {background:#003399;}
.cmm-btn-box .cmm-btn.list, .cmm-btn-box .cmm-btn.login, .cmm-btn-box .cmm-btn.apply, .cmm-btn-box .cmm-btn.point {background:#0067db;}
.cmm-btn-box .cmm-btn.list:hover, .cmm-btn-box .cmm-btn.login:hover, .cmm-btn-box .cmm-btn.apply:hover, .cmm-btn-box .cmm-btn.point:hover {background:#003399;}
.cmm-btn-box .cmm-btn.del, .cmm-btn-box .cmm-btn.find, .cmm-btn-box .cmm-btn.pass {background:#222222;}
.cmm-btn-box .cmm-btn.del:hover, .cmm-btn-box .cmm-btn.find:hover, .cmm-btn-box .cmm-btn.pass:hover {background:#000000;}
.cmm-btn-box .cmm-btn.cancel {background:#ffffff; border:1px solid #222222; color:#707070;}
.cmm-btn-box .cmm-btn.cancel:hover {border-color:#000000; color:#000000;}

/* 메뉴명 : 메뉴명에 해당되는 요소들 스타일 작성 */



/** 개인정보처리방침, 이메일무단수집거부 **/
.etc_wrap {position:relative; margin:38px 0 0;}
.etc_topbox {position:relative; width:100%; padding:30px; margin-bottom:20px; border:1px solid #d7dce5; border-radius:8px; background:#f8f9fa; box-sizing:border-box;}
.etc_topbox .txt {font-size:16px; font-weight:400; line-height:24px; letter-spacing:-0.03em; color:#000000;}
.etc_title {position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d0d0d0; font-size:20px; font-weight:700; line-height:1.6; letter-spacing:-0.03em; color:#000000; box-sizing:border-box;}
.etc_labelling {position:relative; width:100%; margin-bottom:50px;}
.etc_labellist {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; position:relative;}
.etc_labellist .labellist_item {position:relative; width:calc(100% / 3); min-height:230px; padding:20px; box-sizing:border-box;}
.etc_labellist .labellist_item .label_ico {display:block; width:64px; height:64px; margin:0 auto; background-size:auto 64px;}
.etc_labellist .labellist_item .label_txtbox {margin-top:20px; text-align:center;}
.etc_labellist .labellist_item .label_txtbox .title {margin-bottom:10px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#444444;}
.etc_labellist .labellist_item .label_txtbox .txt {font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.etc_summary {position:relative; margin-bottom:50px;}
.etc_summarylist {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; position:relative;}
.etc_summarylist .summary_item {position:relative; width:calc(100% / 2 - 10px);}
.etc_summarylist .summary_link {display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; padding:14px 20px; border-radius:4px; background:#f8f9fa; transition:background 0.3s ease; box-sizing:border-box;} 
.etc_summarylist .summary_link:hover {background:#f0f0f0;}
.etc_summarylist .summary_link .title {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#222222; font-family:'OnemobileT', sans-serif;}
.etc_contbox {position:relative; margin-bottom:50px;}
.etc_contbox:last-child {margin-bottom:0;}
.etc_cont_btitle {margin:30px 0 10px; font-size:24px; font-weight:700; line-height:30px; letter-spacing:-0.03em; color:#000000;}
.etc_cont_title {display:flex; align-items:center; justify-content:flex-start; gap:10px; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d0d0d0; box-sizing:border-box;}
.etc_cont_title .label_ico {display:none; /* display:block; */ width:30px; height:30px; background-size:auto 30px;}
.etc_cont_title span {font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#000000; /*font-family:'OnemobileT', sans-serif;*/}
.etc_cont_textbox {position:relative;}
.etc_cont_textbox .etc_text {font-size:17px; font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#222222;}
.etc_cont_textbox .etc_sm_list {position:relative; margin-top:14px;}
.etc_cont_textbox .etc_sm_list.center {margin-bottom:20px;}
.etc_cont_textbox .etc_sm_text {font-size:15px; font-weight:400; line-height:1.8; letter-spacing:-0.03em; color:#707070;}
.etc_cont_textbox .etc_link {color:#000000;}
.etc_cont_textbox .etc_link:hover, .etc_cont_textbox .etc_link:focus {color:#1a4bed; text-decoration:underline;}
.etc_table {position:relative; table-layout:fixed; border-collapse:collapse; width:100%; margin-top:14px; border-top:1px solid #dddddd; text-align:center; box-sizing:border-box;}
.etc_table tr th {position:relative; padding:22px 20px; border-bottom:1px solid #dddddd; background:#f8f9fa; font-size:16px; font-weight:700; line-height:1.6; letter-spacing:-0.03em; color:#000000; box-sizing:border-box;}
.etc_table tr th:after {content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:24px; background-color:#dddddd;}
.etc_table tr th:last-child:after {display:none;}
.etc_table tr td {position:relative; padding:22px 20px; border-bottom:1px solid #dddddd; background:#ffffff; font-size:15px; font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#707070; box-sizing:border-box;}
.etc_wrap .scroll_box {position:relative;}
.etc_wrap .scroll_box.center {margin-bottom:20px;}

/** 개인정보처리방침 : 라벨링 **/
.etc_wrap.privacy .label_ico.ico01 {background:url('../img/Contents/ico_privacy01.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico02 {background:url('../img/Contents/ico_privacy02.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico03 {background:url('../img/Contents/ico_privacy03.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico04 {background:url('../img/Contents/ico_privacy04.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico05 {background:url('../img/Contents/ico_privacy05.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico06 {background:url('../img/Contents/ico_privacy06.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico07 {background:url('../img/Contents/ico_privacy07.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico08 {background:url('../img/Contents/ico_privacy08.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico09 {background:url('../img/Contents/ico_privacy09.svg')center center no-repeat;}
.etc_wrap.privacy .label_ico.ico10 {background:url('../img/Contents/ico_privacy10.svg')center center no-repeat;}

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

	.etc_wrap {margin:50px 0 0;}
	.etc_topbox {padding:20px;}
	.etc_topbox .txt {font-size:15px;}
	.etc_labelling {margin-bottom:30px;}
	.etc_labellist .labellist_item {width:calc(100% / 2);}
	.etc_labellist .labellist_item .label_txtbox .title {font-size:16px;}
	.etc_labellist .labellist_item .label_txtbox .txt {font-size:14px;}
	.etc_summarylist .summary_item {width:100%;}
	.etc_summarylist .summary_link .title {font-size:15px;}
	.etc_cont_title .label_ico {width:24px; height:24px; background-size:auto 24px;}
	.etc_cont_title span {font-size:18px;}
	.etc_cont_textbox .etc_text {font-size:15px;}
	.etc_cont_textbox .etc_sm_list {margin-top:10px;}
	.etc_cont_textbox .etc_sm_text {font-size:14px;}
	.etc_table tr th {padding:10px 10px; font-size:14px;}
	.etc_table tr td {padding:10px 10px; font-size:14px;}
	.etc_wrap .scroll_box {overflow-x:scroll;}
	.etc_wrap .scroll_box .etc_table {width:1024px;}
	
}

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

	.etc_labellist .labellist_item {width:100%; min-height:auto;}
	
}

/* 커뮤니티 FAQ */
.faq_list_wrap {position:relative; width:100%; border-top:2px solid #000000; box-sizing:border-box;}
.faq_list_wrap .faq_list_item {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box {display:flex; align-items:stretch; position:relative; padding:20px 48px 20px 0; cursor:pointer; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box .category {display:block; width:100px; padding:0 10px; font-size:15px; font-weight:500; line-height:1.4; color:#444444; text-align:center; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title {display:block; position:relative; width:calc(100% - 100px); padding-left:20px; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; word-break:break-all;}
.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {display:block; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:18px; height:18px; background:url('../img/board/ico_fold_arrow_b.svg')center center no-repeat; background-size:18px 18px; transition:transform 0.3s ease;}
.faq_list_wrap .faq_list_item .faq_head_box.active .ico.fold {transform:translateY(-50%) rotate(-180deg);}
.faq_list_wrap .faq_list_item .faq_head_box.empty {align-items:center; justify-content:center; padding:20px 20px; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box.empty .faq_title {width:100%; padding:0; font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#888888; text-align:center;}
.faq_list_wrap .faq_list_item .faq_cont_box {display:none; position:relative; padding:20px 20px; border-top:1px dashed #eeeeee; background:#f8f9fa; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_cont_box .cont,
.faq_list_wrap .faq_list_item .faq_cont_box .cont * {font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#222222; word-break:break-all;}

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

	.faq_list_wrap .faq_list_item .faq_head_box .category {display:none;}
	.faq_list_wrap .faq_list_item .faq_head_box .faq_title {width:100%; padding-left:10px;}
	
}

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

	.faq_list_wrap .faq_list_item .faq_head_box {padding:15px 48px 15px 0;}
	.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size:13px;}
	.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {right:8px;}
	.faq_list_wrap .faq_list_item .faq_head_box.empty {padding:15px 10px;}
	.faq_list_wrap .faq_list_item .faq_cont_box {padding:15px 10px;}
	.faq_list_wrap .faq_list_item .faq_cont_box .cont,
	.faq_list_wrap .faq_list_item .faq_cont_box .cont * {font-size:13px;}
	
}


/* contents-rjm */
/* 공통 */
.sub-inner-02 {
  display:block;
  position:relative;
  width:100%;
  max-width:1280px;
  margin:120px auto 0;
}

@media all and (max-width:1024px)  {
	
	.sub-inner-02 {
		margin:50px auto 0;
	}
	
}

.img-box {
  position: relative;
}
.img-box img {
  width: 100%;
}

/* 반응형 br 처리 */
.br {display:block}
@media all and (max-width:1000px)  {
	.br {display:inline}
}

.c-list li {
  position: relative;
  font-size: 20px;
  color: #444;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding-left: 12px;
}
.c-list li:before {
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0067db;
}
.c-list li:last-child {
  margin-bottom: 0;
}

/* 컨텐츠 타이틀 */
.contTitle-01 {
  font: 3.6rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 5.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 6.7rem;
}
.contTitle-02 {
  font: 2.8rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 4rem;
  letter-spacing: -0.15rem;
  margin-bottom: 4.7rem;
}
.contTitle-03 {
  font: 2.4rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 3.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 3.7rem;
}


/* 탭메뉴 */
.c-tab01 {
  position: relative;
  width: fit-content;
  margin: 0 auto 60px;  
  box-sizing: border-box;
  line-height: 1;
  text-align:center;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 40px;
}
.c-tab01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index:1;
}
.c-tab01 li {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing:border-box;
}
.c-tab01 li a {
  position:relative;
  display:block;
  box-sizing:border-box;
  height:100%;
  border-radius: 40px;
  padding:22px 60px;
  text-align:center;
  z-index:1;
  transition:all .3s ease;
}
.c-tab01 li a span {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  width:100%;
  margin:-1px 0 0;
  font: 2.2rem 'OnemobileT', sans-serif;
  font-weight: bold;
  line-height:1.2;
  color: #222;
  overflow: hidden;
  text-overflow:ellipsis;
  z-index:1
}
.c-tab01 li a:hover,
.c-tab01 li a:active,
.c-tab01 li.active {
  background: #0067db;
  border-radius: 40px;
}
.c-tab01 li a:hover span,
.c-tab01 li a:active span,
.c-tab01 li.active a span {
  color: #fff;
}

/* 인포박스 */
.info-box {
  position: relative;
  padding: 1.9rem 2.8rem;
  border-radius: 10px;
  background: #f8f9fa;
  box-sizing: border-box;
}
.info-box .txt {
  position: relative;
  padding-left: 3.7rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: -0.02em;
  color: #222222;
}
.info-box .txt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../img/Contents/ico_alert.svg) center no-repeat;
  background-size: 22px 22px;
}
@media screen and (max-width:1024px){
	.info-box {
		padding:2.0rem;
	}
	.info-box .txt {
		font-size:1.5rem;
		line-height:2.4rem;
	}
}

/* 콘텐츠 버튼 기본 */
.contBtn-wr {
  position: relative;
  margin-top: 7rem;
  text-align: center;
}
.contBtn-wr a + a,
.contBtn-wr button + button {
  margin-left: 2rem;
}
.wh-btn, .gy-btn, .bu-btn, .bk-btn {
  position: relative;
  display: inline-block;
  align-items: center;
  line-height: 1.1;
  box-sizing: border-box;
  min-width: 150px;
  padding: 20px 25px;
  text-align: left;
  transition: all .3s ease;
}
.wh-btn span, .bu-btn span, .bk-btn span,
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  display: inline-block;
  align-items: center;
  max-width: 100%;
  line-height: 1.2;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: 700;
  margin-right: 3rem;
}
.wh-btn span {
  color: #707070;
}
.bu-btn span, .bk-btn span {
  color: #fff;
}

.wh-btn {
  background: #fff;
  border: 1px solid #707070;
}
.bu-btn {
  background: #0067db; 
}
.bk-btn {
  background: #222;
}
.wh-btn.disabled, .bu-btn.disabled, .bk-btn.disabled {
  background: #fafafa;
  border: 1px solid #ddd;
}
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  color: #666;
}
.wh-btn span::after,
.bu-btn span::after,
.bk-btn span::after,
.wh-btn.disabled span::after, .bu-btn.disabled span::after,
.bk-btn.disabled span::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 2.5rem;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  transition:all .3s ease;
  background-repeat: no-repeat;
}
.wh-btn .arr::after {
  background-image: url(../img/Contents/btn_wt_arrow.svg);
}
.wh-btn .new::after {
  background-image: url(../img/Contents/btn_wt_new.svg);
}
.wh-btn .down::after {
  background-image: url(../img/Contents/btn_wt_down.svg);
}
.bu-btn .arr::after, .bk-btn .arr::after {
  background-image: url(../img/Contents/btn_cr_arrow.svg);
}
.bu-btn .new::after, .bk-btn .new::after {
  background-image: url(../img/Contents/btn_cr_new.svg);
}
.bu-btn .down::after, .bk-btn .down::after {
  background-image: url(../img/Contents/btn_cr_down.svg);
}
.wh-btn.disabled .arr::after, 
.bu-btn.disabled .arr::after, 
.bk-btn.disabled .arr::after {
  background-image: url(../img/Contents/btn_dis_arrow.svg);
}
.wh-btn.disabled .new::after, 
.bu-btn.disabled .new::after, 
.bk-btn.disabled .new::after {
  background-image: url(../img/Contents/btn_dis_new.svg);
}
.wh-btn.disabled .down::after, 
.bu-btn.disabled .down::after, 
.bk-btn.disabled .down::after {
  background-image: url(../img/Contents/btn_dis_down.svg);
}
.wh-btn:hover, .wh-btn:focus,
.bu-btn:hover, .bu-btn:focus,
.bk-btn:hover, .bk-btn:focus {
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
  transition: all .3s ease;
}

/* 콘텐츠 여백 */
.contGap-01 {clear:both;display:block;height:12rem;}
.contGap-02 {clear:both;display:block;height:10rem;}
.contGap-03 {clear:both;display:block;height:8rem;}
.contGap-03.line {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8rem;
  }

/* 플로우 리스트 */
.flowlist-wr .flowlist {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.flowlist-wr .flowlist .list-item {
  position: relative;
  width: calc(100% / 5);
}
.flowlist-wr .flowlist .list-item .itembox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 94px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #000000;
  text-align: center;
  box-sizing: border-box;
}
.flowlist-wr .flowlist .list-item:first-child .itembox, 
.flowlist-wr .flowlist .list-item:last-child .itembox {
  border-color: #b9daff;
  background-color: #f8fbff;
  color: #0067db;
}
.flowlist-wr .flowlist .list-item .itembox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 9px;
  height: 8px;
  background: url('../img/Contents/ico_counsel_arrow.svg')center center no-repeat;
  background-size: 9px 8px;
}
.flowlist-wr .flowlist .list-item:last-child .itembox:after {
  display: none;
}

.flowlist-ico-wr .flowlist-ico {
  position: relative;
  display: flex;
  gap: 0 7rem;
}
.flowlist-ico-wr .flowlist-ico .list-item {
  position: relative;
  width: calc(100% / 5);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 2rem 2rem 4rem;
}
.flowlist-ico-wr .flowlist-ico .list-item::after {
  position: absolute;
  display: block;
  content: "";
  right: -4rem;
  top: 50%;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #a4cdfd;
  border-bottom: 4px solid transparent;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(2)::after {
  border-left-color: #66a3ef;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(3)::after {
  border-left-color: #0067db;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(4)::after {
  border-left-color: #003399;
}
.flowlist-ico-wr .flowlist-ico .list-item:last-child::after {
  display: none;
}
.flowlist-ico-wr .flowlist-ico .list-item .ico {
  display:block;
  width:9rem;
  height:9rem;
  margin:0 auto 20px;
}
 .flowlist-ico-wr .flowlist-ico .list-item .ico img {
   display:block;
   width:100%;
   height:100%;
   object-fit: cover;
 }
.flowlist-ico-wr .flowlist-ico .list-item .txt {
  display: block;
  font-size: 2rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}



@media screen and (max-width:1280px){
  .sub-inner-02 {padding: 0 20px;}

  .flowlist-wr .flowlist .list-item .itembox {
    font-size: 1.8rem;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 5rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -3rem;
  }
}
@media screen and (max-width:1024px){
  .flowlist-wr .flowlist .list-item .itembox {
    height: 80px;
    font-size: 1.6rem;
  }  
}

@media screen and (max-width:999px){
  .c-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .c-tab01 {
    margin: 0 auto 50px;
  }
  .c-tab01 li a {
    padding:18px 50px;
  }
  .c-tab01 li a span {
    font-size: 2rem;
  }
  .contTitle-01 br {
    display: none;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    padding: 2rem 2rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -2rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .ico {
    width:64px;
    height:64px;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
    font-size: 1.8rem;
  }
  
}

@media screen and (max-width:768px){
  .c-list li {
    font-size: 1.7rem;
  }
  .c-tab01 li a {
    padding:15px 30px;
  }
  .c-tab01 li a span {
    font-size: 1.8rem;
  }
  .contBtn-wr {
    margin-top: 6rem;
  }
  .contBtn-wr a + a {
    margin-left: 1rem;
  }
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    min-width: auto;
    padding: 15px 20px;
  }
  .wh-btn span, .bu-btn span, .bk-btn span, .wh-btn.disabled span, .bu-btn.disabled span, .bk-btn.disabled span {
    font-size: 1.8rem;
    margin-right: 2.5rem;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    right: 2rem;
  }
  .contTitle-01 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 5.0rem;
  }
  .contTitle-02 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-bottom: 3.7rem;
  }
  .contTitle-03 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contGap-01 {height:10rem;}
  .contGap-02 {height:8rem;}
  .contGap-03 {height:6rem;}
  .contGap-03.line {
    margin-bottom: 6rem;
  }

  .flowlist-wr .flowlist {
    flex-wrap: wrap;
  }

  .flowlist-wr .flowlist .list-item {
      width: 100%;
  }

  .flowlist-wr .flowlist .list-item .itembox {
      height: 60px;
      font-size: 15px;
  }

  .flowlist-wr .flowlist .list-item .itembox:after {
      top: unset;
      bottom: -20px;
      right: 50%;
      transform: translateX(50%) translateY(0) rotate(90deg);
  }

  .flowlist-ico-wr .flowlist-ico {
    display: block;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    width: auto;
    padding: 1rem 3rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item + .list-item {
    margin-top: 4rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: auto;
    top: auto;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
  	font-size:1.5rem;
  }
}
@media screen and (max-width:599px){
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    display: block;
  }
  .contBtn-wr a + a {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width:480px){
	.c-list li {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    width: 13px;
    height: 13px;
    background-size: cover;
    margin-top: -6px;
  }
  .contTitle-01 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 4.2rem;
  }
  .contTitle-02 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contTitle-03 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2.2rem;
  }
  .contGap-01 {height:8rem;}
  .contGap-02 {height:6rem;}
  .contGap-03 {height:4rem;}
  .contGap-03.line {
    margin-bottom: 4rem;
  }
}




/*===== 게시판 =====*/
.complimt-top {
  position: relative;
  margin-bottom: 8rem;
}
.complimt-top > img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.complimt-top .txtbox {
  padding: 8rem 0;
  border-bottom: 1px solid #ddd;
}
.complimt-top .txtbox .tit {
  font: 3.6rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 5.2rem;
  letter-spacing: -0.144rem;
  margin-bottom: 4rem;
}
.complimt-top .txtbox .txt {
  font-size: 2.2rem;
  color: #000;
  line-height: 3.8rem;
}
.complimt-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem;
}
.complimt-list .imgbox {
  width: 36.6%;
}
.complimt-list .imgbox img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.complimt-list .txtbox {
  width: 53.1%;
  padding-top: 5rem;
}
.complimt-list .txtbox .tit {
  font: 2.4rem 'OnemobileT', sans-serif;
  color: #000;
  margin-bottom: 2.6rem;
}
.complimt-list .txtbox .txt {
  font-size: 2rem;
  line-height: 3.6rem;
  color: #222;
}
.complimt-btn-sec {
  text-align: center;
  margin-top: 14rem;
}

.mobile-certify {
  background-color: var(--bg-gray);
  padding: 2.5rem;
  border-radius: 20px;
}
.mobile-certify .mcert-inner {
  background-color: #fff;
  border-radius: 18px;
  padding: 14rem 8rem;
  box-sizing: border-box;
  text-align: center;
}
.mobile-certify .mcert-inner .icon {
  width: 18rem;
  height: 18rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin: 0 auto 5rem;
  text-align: center;
}
.mobile-certify .mcert-inner .icon img {
  margin: 2.7rem 0 0 3.5rem;
}
.mobile-certify .mcert-inner .tit {
  font: 3rem 'OnemobileT', sans-serif;
  color: #000;
  font-weight: bold;
}
.mobile-certify .mcert-inner .txt {
  font-size: 2rem;
  color: #222;
  line-height: 3.6rem;
  letter-spacing: -0.038rem;
  margin: 3rem 0 6rem;
}
.mobile-certify .mcert-inner .mcert-btn {
  display: inline-block;
  position: relative;
  padding: 1.8rem 3.5rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: right;
  transition: all .3s ease;
}
.mobile-certify .mcert-inner .mcert-btn::before {
  position: relative;
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-top: -0.5rem;
  margin-right: 14rem;
  width: 1.8rem;
  height: 2rem;
  background: url(../img/Contents/ico_message.svg) no-repeat;
}
.mobile-certify .mcert-inner a.mcert-btn:hover,
.mobile-certify .mcert-inner a.mcert-btn:focus {
  box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.06);
}
.mobile-certify .mcert-inner .mcert-btn span {
  font-size: 2rem;
  color: #000;
  letter-spacing: -0.08rem;
}

/* 칭찬합니다 > 게시판 목록 */
.compt-boardList {
  margin-top: 6rem;
}

.serviceapp-agree .agree_box {
  margin-bottom: 5rem;
}
.serviceapp-agree .agree_box .terms_area {
  height: 300px;
  overflow-y: scroll;
  padding: 5rem;
  background-color: var(--bg-gray);
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
}
.serviceapp-agree .agree_box .terms_area .item + .item {
  margin-top: 5rem;
}
.serviceapp-agree .agree_box .terms_area .item .tit {
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 2.5rem;
}
.serviceapp-agree .agree_box .terms_area .item p {
  font-size: 1.8rem;
  color: #707070;
  line-height: 3rem;
  letter-spacing: -0.034rem;
}
.serviceapp-agree .agree_radio_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 5rem 0;
  border-bottom: 1px solid #ddd;
}
.serviceapp-agree .agree_radio_box .title {
  font-size: 2rem;
  color: #000;
  letter-spacing: -0.019rem;
}
.serviceapp-agree .agree_radio_box .radioBox {
  display: inline-flex;
  align-items: center;
}
.serviceapp-agree .agree_radio_box .radioBox .box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border:1px solid #707070;
  margin-right: 0.5rem;
}
.serviceapp-agree .agree_radio_box .radioBox input[type="radio"]:checked {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #0067db;
  border-radius: 50%;
}
.serviceapp-agree .agree_radio_box .radioBox .labelTxt {
  font-size: 1.8rem;
  color: #707070;
  margin-top: 0.1rem;
}



/* 민원접수 */
.civcomp-info {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
  color: #222;
  margin-top: 6rem;
}
.civcomp-graphic-wr .desc {
  font-size: 2rem;
  line-height: 3.6rem;
}
.civcomp-graphic {
  position: relative;
  padding: 6rem 8rem;
  background-color: var(--bg-gray);
  border-radius: 20px;
  margin-top: 6rem;
}
.civcomp-graphic .tit-box {
  position: relative;
  display: flex;
  gap: 0 5.3%;
}
.civcomp-graphic .tit-box {
  display: flex;
  gap: 0 1.5rem;
  padding: 0 22px;
  box-sizing: border-box;
}
.civcomp-graphic .tit-box span:first-child {
  width: 75%;
}
.civcomp-graphic .tit-box span:last-child {
  width: 25%;
}
.civcomp-graphic .title {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 8rem;
  font-size: 2rem;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(45deg,  #5a98e5 0%, #a4cdfd 60%);
  text-align: center;
  z-index: 1;
}
.civcomp-graphic .title::before,
.civcomp-graphic .title::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #66a3ef;
}
.civcomp-graphic .title::before {
  bottom: -3rem;
  left: 50%;
  width: 0.1rem;
  height: 3rem;
}
.civcomp-graphic .title::after {
  bottom: -3.2rem;
  left: 50%;
  margin-left: -0.2rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.civcomp-graphic .title.n02 {
  background: linear-gradient(45deg,  #0ab86f 0%, #19f398 60%);
}
.civcomp-graphic .title.n03 {
  background: linear-gradient(45deg,  #056adc 0%, #4d9cff 60%);
}
.civcomp-graphic .txt-box {
  padding: 2.2rem;
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #ddd;
  margin-top: 2.9rem;
  box-sizing: border-box;
}
.civcomp-graphic .txt-box .txtBox-list {
  display: flex;
  gap: 0 1.6rem;
}
.civcomp-graphic .txt-box .txtBox-list + .txtBox-list {
  margin-top: 1.5rem;
}
.civcomp-graphic .txt-box .txtBox-list p {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: var(--bg-gray);
  padding: 2.5rem 3rem;
  font-size: 1.8rem;
  line-height: 3rem;
  border-radius: 10px;
}
.civcomp-graphic .txt-box .txtBox-list p:first-child {
  width: 75%;
}
.civcomp-graphic .txt-box .txtBox-list p:last-child {
  width: 25%;
  text-align: center;
}
.civcomp-btn {
  margin-top: 14rem;
}


@media screen and (max-width:1280px){
  .complimt-list {
    align-items: center;
  }
  .complimt-list .txtbox {
    padding: 0;
  }
  .complimt-list .txtbox .txt br {
    display: none;
  }
  .mobile-certify .mcert-inner {
    padding: 8rem 6rem;
  }
  .mobile-certify .mcert-inner .icon {
    width: 14.4rem;
    height: 14.4rem;
  }
  .mobile-certify .mcert-inner .icon img {
    width: 60%;
    height: auto;
    margin: 2.1rem 0 0 3.1rem;
  }
  .mobile-certify .mcert-inner .mcert-btn {
    padding: 1.8rem 3.2rem;
  }
}
@media screen and (max-width:1024px){
  .complimt-top {
    margin-top: 6rem;
  }
  .complimt-top .txtbox {
    padding: 6rem 0;
  }
	.complimt-top .txtbox .tit {
    font-size: 3rem;
    line-height: 4.6rem;
  }
  .complimt-top .txtbox .txt {
    font-size: 2rem;
    line-height: 3.2rem;
  }
  .complimt-top .txtbox .txt br {
    display: none;
  }	
  .complimt-list .txtbox {
    width: 58%;
  }
  .complimt-list .txtbox .tit {
    font-size: 2.2rem;
    margin-bottom: 2.4rem;
  }
  .complimt-btn-sec {
    margin-top: 10rem;
  }

  .civcomp-info {
    margin-top: 4rem;
    font-size:1.8rem;
    line-height:140%;
  }
  .civcomp-graphic {
    padding: 5rem;
  }
  .civcomp-btn {
  margin-top: 8rem;
	}
}
@media screen and (max-width:768px){
	.complimt-top .txtbox {
    padding: 6rem 0;
  }
  .complimt-top .txtbox .tit {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 3rem;
  }
  .complimt-top .txtbox .txt {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .complimt-list .txtbox .tit {
    margin-bottom: 2rem;
  }
  .complimt-list .txtbox .txt {
    font-size: 1.8rem;
  }
  .complimt-btn-sec {
    margin-top: 7rem;
  }
  .mobile-certify .mcert-inner {
    padding: 8rem 4rem;
  }
  .mobile-certify .mcert-inner .icon {
    margin: 0 auto 4rem;
  }
  .mobile-certify .mcert-inner .tit {
    font-size: 2.8rem;
  }
  .mobile-certify .mcert-inner .txt {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin: 2.5rem 0 5rem;
  }
  .mobile-certify .mcert-inner .mcert-btn::before {
    margin-right: 10rem;
  }

  .civcomp-graphic {
    padding: 4rem;
  }
  .civcomp-graphic .title {
    height: auto;
    padding: 2rem 3rem;
    border-radius: 10px;
  }
  .civcomp-graphic-wr .desc {
  	font-size:1.6rem;
  	line-height:2.8rem;
  }
  .civcomp-btn {
  margin-top: 6rem;
	}
}
@media screen and (max-width:699px){
  .complimt-list {
    display: block;
    margin-bottom: 5rem;
  }
  .complimt-list .imgbox {
    width: auto;
    margin-bottom: 4rem;
  }
  .complimt-list .txtbox {
    width: auto;
  }
  .complimt-list .txtbox .txt {
    line-height: 2.8rem;
  }

  .civcomp-graphic .txt-box {
    border-radius: 10px;
  }
  .civcomp-graphic .txt-box {
    width: auto;
  }
  .civcomp-graphic .txt-box .txtBox-list p {
    padding: 2rem 2.5rem;
  }
}
@media screen and (max-width:599px){
  .complimt-top {
    margin-bottom: 5rem;
  }
  .complimt-top .txtbox {
    padding: 4.5rem 0;
  }
  .complimt-top .txtbox .tit {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2.5rem;
  }
  .complimt-top .txtbox .tit br {
    display: none;
  }
  .complimt-top .txtbox .txt {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
  .complimt-btn-sec {
    margin-top: 4rem;
  }
  .mobile-certify .mcert-inner .icon {
    width: 11.5rem;
    height: 11.5rem;
  }
  .mobile-certify .mcert-inner .icon img {
    margin: 1.7rem 0 0 2.7rem;
  }
  .mobile-certify .mcert-inner .tit {
    font-size: 2.4rem;
  }
  .mobile-certify .mcert-inner .txt {
    font-size: 1.7rem; line-height: 2.8rem;
  }
  .mobile-certify .mcert-inner .txt br {
    display: none;
  }
  .mobile-certify .mcert-inner .mcert-btn {
    padding: 1.8rem 3rem;
  }
  .mobile-certify .mcert-inner .mcert-btn::before {
    margin-right: 5rem;
  }
  .mobile-certify .mcert-inner .mcert-btn span {
    font-size: 1.8rem;
  }

  .civcomp-graphic-wr .desc {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
  .civcomp-graphic {
    padding: 3rem;
    margin-top: 4rem;
  }
  .civcomp-graphic .title {
    font-size: 1.8rem;
  }
  .civcomp-graphic .txt-box .txtBox-list p {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width:480px){
  .complimt-top {
    margin-bottom: 4rem;
  }
  .complimt-top .txtbox {
    padding: 3.5rem 0;
  }
	.complimt-list {
    margin-bottom: 4rem;
  }
  .complimt-list .imgbox {
    margin-bottom: 3rem;
  }
	.mobile-certify .mcert-inner {
    padding: 5rem 3rem;
  }

  .civcomp-info {
    font-size: 1.8rem;
    margin-top: 3rem;
  }
  .civcomp-btn {
  margin-top: 4rem;
	}
}


/*===== 인재채용 =====*/
/* 인사제도(복리후생) */
.personsys-wr .personsys__list:last-child {
  margin-bottom: 0;
}
.personsys__list {
  position: relative;
  display: flex;
  margin-bottom: 100px;
}
.personsys__list .tit {
  width: 34.4%;
  margin-right: 7.8%;
  font: 3.6rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 1.38;
  font-weight: bold;
}
.personsys__list .list-item {
  width: 57.8%;
}
.personsys__list .list-item img {
  width: 100%;
  margin-bottom: 50px;
  border-radius: 10px;
}
.personsys__list .list-item .txt-list-wr {
  border-top: 2px solid #000;
}
.personsys__list .list-item .txt-list-wr .txt-list {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.personsys__list .list-item .txt-list-wr .txt-list > li {
  padding: 50px 0;
  width: 50%;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  color: #444;
}
.personsys__list .list-item .txt-list-wr .txt-list > li:nth-child(odd) {
  padding-right: 25px;
}
.personsys__list .list-item .txt-list-wr .txt-list > li:nth-child(even) {
  padding-left: 25px;
}
.personsys__list .list-item .txt-list-wr .txt-list li.full {
  width: 100%;
}
.personsys__list .list-item .txt-list-wr .txt-list li .stit {
  color: #222;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3rem;
  margin-bottom: 25px;
}
.personsys__list .list-item .txt-list-wr .txt-list li .txt {
  font-size: 2rem;
  line-height: 1.67em;
}

@media screen and (max-width:1280px){
  .personsys__list .tit {
    font-size: 3rem;
  }
  .personsys__list .tit br {
    display: none;
  }
}
@media screen and (max-width:999px){
  .personsys__list {
    display: block;
    margin-bottom: 60px;
  }
  .personsys__list .tit {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .personsys__list .list-item {
    width: auto;
  }
  .personsys__list .list-item img {
    margin-bottom: 30px;
  }
  .personsys__list .list-item .txt-list-wr .txt-list > li {
    padding: 30px 0;
  }
  .personsys__list .list-item .txt-list-wr .txt-list li .stit {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:768px){
	.personsys__list .tit {
    font-size: 2.8rem;
  }
  .personsys__list .list-item .txt-list-wr .txt-list {
    display: block;
  }
  .personsys__list .list-item .txt-list-wr .txt-list > li {
    width: auto;
    padding: 25px 0 20px;
  }
  .personsys__list .list-item .txt-list-wr .txt-list > li:nth-child(odd) {
    padding-right: 0;
  }
  .personsys__list .list-item .txt-list-wr .txt-list > li:nth-child(even) {
    padding-left: 0;
  }
  .personsys-wr .personsys__list:nth-child(2) .list-item .txt-list-wr .txt-list > li:last-child,
  .personsys-wr .personsys__list:nth-child(3) .list-item .txt-list-wr .txt-list > li:last-child {
    display: none;
  }
   .personsys__list .list-item .txt-list-wr .txt-list li .stit {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width:640px){
	.personsys__list .tit {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
}


/* 직무소개 */
.jobintrod {
  position: relative;
}
.jobintrod .title {
  font: 4.4rem 'OnemobileT', sans-serif;
  color: #000;
  font-weight: bold;
  margin: 0 auto 60px;
  text-align: center;
}
.jobintrod .img-box {
  position: relative;
  margin-bottom: 100px;
}
.jobintrod .img-box img {
  width: 100%;
  border-radius: 20px;
}
.jobintrod .jobintrod__list {
  display: flex;
  flex-flow: row wrap;
  column-gap: 8rem;
}
.jobintrod .jobintrod__list .jintlist__item {
  width: calc(50% - 8rem/2);
  border-top: 1px solid #000;
  padding: 60px 0 80px;
  box-sizing: border-box;
}
.jobintrod .jobintrod__list .jintlist__item .tit {
  font: 2.8rem 'OnemobileT', sans-serif;
  color: #000;
  margin-bottom: 40px;
}

@media screen and (max-width:1280px){
  .jobintrod .title {
    font-size: 4rem;
    margin-bottom: 50px;
  }
	.jobintrod .img-zoom {
    margin-bottom: 80px;
  }
  .jobintrod .jobintrod__list .jintlist__item {
    padding: 50px 0 60px;
  }
}
@media screen and (max-width:1024px){
  .jobintrod .img-zoom {
    margin-bottom: 60px;
  }
	.jobintrod .jobintrod__list {
    column-gap: 6rem;
  }
  .jobintrod .jobintrod__list .jintlist__item {
    width: calc(50% - 6rem/2);
  }
	.jobintrod .jobintrod__list .jintlist__item .tit {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:768px){
	.jobintrod .title {
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
  .jobintrod .img-zoom {
    margin-bottom: 40px;
  }
  	.jobintrod .jobintrod__list {
    display: block;
    column-gap: 0;
  }
	.jobintrod .jobintrod__list .jintlist__item {
    width: auto;
  }
	.jobintrod .jobintrod__list .jintlist__item {
    padding: 40px 0 45px;
  }
}
@media screen and (max-width:640px){
  .jobintrod .img-zoom {
    margin-bottom: 30px;
  }
  .jobintrod .jobintrod__list .jintlist__item .tit {
    font-size: 2.2rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width:480px){
  .jobintrod .title {
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
  .jobintrod .jobintrod__list .jintlist__item {
    padding: 30px 0 35px;
  }
}


/* 기관소개 */
/* 인사말 */
.intro_visual {position:relative; height:650px; margin-bottom:160px; box-sizing:border-box;}
.intro_visual .visual_img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.intro_item {position:relative; padding-bottom:120px; margin-bottom:120px; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.intro_item:last-child {padding-bottom:0; margin-bottom:0; border:0;}
.intro_item .intro_titlebox {position:relative; margin-bottom:70px;}
.intro_item .intro_btit {font-size:36px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#000000; font-family:'OnemobileT', sans-serif;}
.intro_item .intro_btit + .intro_txt {margin-top:50px;}
.intro_item .intro_txt {font-size:22px; font-weight:400; line-height:1.6; letter-spacing:-0.04em; color:#000000;}
.intro_item .intro_txt + .intro_txt {margin-top:30px;}
.intro_item .intro_stxt {margin-top:24px; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.04em; color:#707070;}
.intro_item .intro_imgbox {position:relative; width:100%;}
.intro_item .intro_imgbox > img {display:block; width:100%; height:100%; object-fit:cover;}
.intro_item .intro_textbox {position:relative; margin-top:80px;}
.mv-wrap {position:relative; width:100%; padding:100px 50px; border-radius:20px; background:#f8f9fa; box-sizing:border-box;}
.mv-wrap .mv-wrap-inner {position:relative; width:100%; max-width:980px; margin:0 auto;}
.mv-wrap .mv-contbox {position:relative; padding:62px 20px; margin-bottom:60px; border-radius:20px; background:#ffffff; box-sizing:border-box; text-align:center; box-shadow:0 7px 12px rgba(0, 0, 0, 0.03);}
.mv-wrap .mv-contbox:after {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:-60px; width:1px; height:60px; background:#dddddd;}
.mv-wrap .mv-contbox .stit {display:block; margin-bottom:26px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#0067db; font-family:'OnemobileT', sans-serif;}
.mv-wrap .mv-contbox .btit {font-size:28px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#000000; font-family:'OnemobileT', sans-serif;}
.mv-wrap .corevalue-tit {display:block; position:relative; padding:10px 0; margin:0 auto; font-size:24px; font-weight:700; letter-spacing:-0.04em; color:#000000; text-align:center; font-family:'OnemobileT', sans-serif;}
.mv-wrap .corevalue-list {display:flex; align-items:stretch; justify-content:space-between; gap:40px; position:relative; padding-top:90px;}
.mv-wrap .corevalue-list:before {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0; width:1px; height:60px; background:#dddddd;}
.mv-wrap .corevalue-list:after {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); top:60px; width:calc(100% - 270px); max-width:680px; height:1px; background:#dddddd; box-sizing:border-box;}
.mv-wrap .corevalue-box {position:relative; width:calc(100% / 3); padding:45px 10px; border-radius:20px; background:#ffffff; text-align:center; box-sizing:border-box; box-shadow:0 7px 12px rgba(0, 0, 0, 0.03);}
.mv-wrap .corevalue-box:before {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); top:-30px; width:1px; height:30px; background:#dddddd;}
.mv-wrap .corevalue-box .ico {display:block; width:100px; height:100px; margin:0 auto 30px;}
.mv-wrap .corevalue-box .ico.cv01 {background:url('../img/Contents/ico_corevalue01.svg')center center no-repeat; background-size:100px 100px;}
.mv-wrap .corevalue-box .ico.cv02 {background:url('../img/Contents/ico_corevalue02.svg')center center no-repeat; background-size:100px 100px;}
.mv-wrap .corevalue-box .ico.cv03 {background:url('../img/Contents/ico_corevalue03.svg')center center no-repeat; background-size:100px 100px;}
.mv-wrap .corevalue-box .tit {margin-bottom:20px; font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#000000; font-family:'OnemobileT', sans-serif;}
.mv-wrap .corevalue-box .txt {font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#707070;}

@media screen and (max-width:1024px){
	
	.intro_visual {height:0; padding-bottom:33.85416%; margin-bottom:80px;}
	.intro_item {padding-bottom:50px; margin-bottom:50px;}
	.intro_item .intro_titlebox {margin-bottom:30px;}
	.intro_item .intro_btit {font-size:24px;}
	.intro_item .intro_btit + .intro_txt {margin-top:30px;}
	.intro_item .intro_txt {font-size:16px;}
	.intro_item .intro_stxt {margin-top:20px; font-size:14px;}
	.intro_item .intro_textbox {margin-top:30px;}
	.mv-wrap {padding:50px 30px;}
	.mv-wrap .mv-contbox {padding:30px 20px;}
	.mv-wrap .mv-contbox .stit {margin-bottom:15px; font-size:15px;}
	.mv-wrap .mv-contbox .btit {font-size:18px;}
	.mv-wrap .corevalue-list:after {width:69%;}
	.mv-wrap .corevalue-list {gap:20px;}
	.mv-wrap .corevalue-box .ico {width:60px; height:60px; margin:0 auto 10px;}
	.mv-wrap .corevalue-box .ico.cv01,
	.mv-wrap .corevalue-box .ico.cv02,
	.mv-wrap .corevalue-box .ico.cv03 {background-size:60px 60px;}
	.mv-wrap .corevalue-box .tit {font-size:18px;}
	.mv-wrap .corevalue-box .txt {font-size:15px;}
	
}

@media screen and (max-width:768px){
	
	.intro_item .intro_btit {font-size:20px;}
	.intro_item .intro_txt + .intro_txt {margin-top:20px;}
	.intro_item .intro_txt {font-size:14px;}
	.mv-wrap {padding:30px;}
	.mv-wrap .mv-contbox .stit {margin-bottom:10px; font-size:14px;}
	.mv-wrap .mv-contbox .btit {font-size:16px;}
	.mv-wrap .mv-contbox {margin-bottom:30px;}
	.mv-wrap .mv-contbox:after {bottom:-30px; height:30px;}
	.mv-wrap .corevalue-tit {font-size:18px;}
	.mv-wrap .corevalue-list {flex-wrap:wrap; padding-top:30px;}
	.mv-wrap .corevalue-list:before {height:30px;}
	.mv-wrap .corevalue-list:after {display:none;}
	.mv-wrap .corevalue-box {width:100%; padding:20px 10px;}
	.mv-wrap .corevalue-box:before {display:none;}
	.mv-wrap .corevalue-box .tit {margin-bottom:10px;}
	
}

/* 콘텐츠 관리 - 미리보기 */
.resp-width-control #width-slider {background:#eee;}
.resp-width-control #width-slider::-webkit-slider-thumb {border:3px solid #0067db;}
.resp-width-control #width-slider::-moz-range-thumb {border:3px solid #0067db;}
#editor-container .editor-main-wrapper {background-color: #EFEFEF;}