@charset "UTF-8";
.bg-b01 {
	background-color: #16a2bd !important;
} /*생활*/
.bg-b02 {
	background-color: #2a93d0 !important;
} /*교통*/
.bg-b03 {
	background-color: #4383d4 !important;
} /*자연*/
.bg-b04 {
	background-color: #4a67c5 !important;
} /*사회*/
.bg-b05 {
	background-color: #5f4fc3 !important;
} /*범죄*/
.bg-b06 {
	background-color: #8656b5 !important;
} /*보건*/
.bg-primary {
	background-color: #0067f2 !important;
}
.bg-theme01 {
	background-color: #e8eef9 !important;
}
.bg-theme02 {
	background-color: #003088 !important;
}
.bg-theme03 {
	background-color: #dee7fb !important;
}
.bg-theme04 {
	background-color: #f4f6fa !important;
}
.bg-theme05 {
	background-color: #5d697d !important;
}
.bg-theme06 {
	background-color: #f7f7f7 !important;
}
.bg-theme07 {
	background-color: #3b3e74 !important;
}
.bg-white {
	background-color: #fff !important;
}
.col-primary {
	color: #0067f2 !important;
}
.col-red01 {
	color: #f0365d !important;
}
.col-green {
	color: #03a65d !important;
}
.col-black {
	color: #1a1a1a !important;
}
.col-gray01 {
	color: #999 !important;
}
.col-gray02 {
	color: #666 !important;
}
.col-white {
	color: #fff !important;
} /* 221103 추가 */
.col-sky {
	color: #d0ebf6 !important;
} /* 221103 추가 */
.hr-line {
	display: block;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 30px 0;
	border: 0;
	background-color: #dfdfe5;
}
.hr-line-ty2 {
	display: block;
	width: 100%;
	height: 10px;
	padding: 0;
	margin: 70px 0;
	border: 0;
	background-color: #f4f6fa;
}/*pc, mobile 변화없음 */
.af-line {
	position: relative;
	padding-right: 12px;
}
.af-line::after {
content: '';
display: block;
position: absolute;
top: 5px;
right: 4px;
width: 1px;
height: 14px;
background-color: #666;
}
.line-top2 {
	border-top: 2px solid #444;
}
 ul::after, ol::after {
content: '';
display: block;
float: none;
clear: both;
}
/*! ================================================================================
 * Typography :root Basic Font Size 10px
 * ================================================================================= */
.text-area {
	position: relative;
}
[class^="tit-"], [class^="txt-"] {
font-weight: 400;
}
.tit-h1 {
	font-size: 3rem;
	line-height: 4.2rem;
}
.tit-h2 {
	font-size: 2.4rem;
	line-height: 3.6rem;
}
.tit-h3 {
	font-size: 2.2rem;
	line-height: 3rem;
}
.tit-h4 {
	font-size: 2rem;
	line-height: 2.6rem;
}
.tit-h5 {
	font-size: 1.8rem;
	line-height: 2.4rem;
}
.txt-h1 {
	font-size: 1.6rem;
	line-height: 2.2rem;
}
.txt-h2 {
	font-size: 1.4rem;
	line-height: 2rem;
}
.txt-h1.mbrNm {
	line-height: 3.2rem;
}
.txt-underline {
	text-decoration: underline;
}
.lihei01 {
	line-height: 1;
}
.lihei02 {
	line-height: 2;
}
.lihei20 {
	line-height: 20px !important;
}
.lihei25 {
	line-height: 25px !important;
}
.lihei30 {
	line-height: 30px !important;
}
.list14-circle {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
}
.list14-circle::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
left: 0;
 top: 10px;
 width: 4px;
height: 4px;
 border-radius: 2px;
 background-color: #666;
}
.li-style li {
	position: relative;
	padding-left: 8px;
	font-size: 16px;
	line-height: 26px;
}
.li-style li::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
left: 0;
}
.li-style.circle li::before {
 top: 10px;
 width: 4px;
height: 4px;
 border-radius: 2px;
 background-color: #1a1a1a;
}
 .list-dl-fl::after {
content: '';
display: block;
float: none;
clear: both;
}
.list-dl-fl dt {
	float: left;
	display: block;
}
.list-dl-fl dd {
	float: left;
	display: block;
}
/* 키보드로 버튼에 포커스 시 
a:focus-visible, 
button:focus-visible {outline: 2px solid #0067f2;}
*/
/* 마우스, 터치로 버튼에 포커스 시
a:focus:not(:focus-visible), 
button:focus:not(:focus-visible) {outline: none; box-shadow: 0 0 0 2px rgb(0, 103, 242);}
*/


/*! ================================================================================
 * BOX Type , Box Row
 * ================================================================================= */
.cardbox {
	overflow: hidden;
	display: block;
	position: relative;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #e2e2e2;
	background-color: #fff;
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.08);
}
.cardbox.type2 {
	box-shadow: none;
}
.cardbox::before {
 content: '';
 position: absolute;
 top: 0;
right: 0;
bottom: 0;
left: 0;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
/*안내박스*/
.tipbox {
	padding: 2rem 0;
	border-top: solid 1px #dfdfe5;
	border-bottom: solid 1px #dfdfe5;
	background-color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.43;
	color: #666;
}
/*배경박스*/
.bgbox {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1000%;
	height: 100%;
	z-index: -1;
}
/*모양박스*/
.shapebox {
	position: relative;
	border-radius: 12px;
}
/* iconbox(안내) */
.iconbox {
	position: relative;
}
.iconbox::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
}
/*! ================================================================================
 * Button
 * ================================================================================= */ 
.btn-wrap {
	position: relative;
	vertical-align: top;
}
.btn-wrap::after {
content: '';
display: block;
clear: both;
}
.btn-wrap.absol-btn {
	position: absolute;
	top: -5px;
	right: 0;
}
.btn-wrap.mobile {
	display: none;
	width: 100%;
	padding: 0 1.6rem;
	margin: 0 auto;
}
.btn-wrap.w260 .btn {
	min-width: 260px;
}
.btn-wrap.w200 .btn {
	min-width: 200px;
}
.btn-wrap.w160 .btn {
	min-width: 160px;
}
.btn-wrap.w110 .btn {
	min-width: 110px;
}
.btn {
	overflow: hidden;
	display: inline-block;
	position: relative;
	border-radius: 6px;
	text-align: center;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
/* margin: 5px; */
}
.btn:disabled, .btn.disabled, .btn.disabled:active {
	border-color: #ccc !important;
	background-color: #ccc !important;
	color: #999 !important;
	cursor: default;
}
.btn + .btn {
	margin-left: 10px;
}
.btn.xsm + .btn.xsm {
	margin-left: 6px;
}
.btn.style01, .btn.style02, .btn.style03, .btn.style04, .btn.style05 {
	padding: 7px 15px;
	line-height: 24px;
	font-weight: 500;
	font-size: 1.4rem;
	color: #1a1a1a;
}
.btn.style01 {
	border: solid 1px #0067f2;
	background-color: #fff;
	color: #0067f2;
}
/* s : 221103 수정 */
.btn.style01:hover {
	border-color: #0052c2;
	background-color: #E1F0FF;
	color: #0067f2;
}
.btn.style01:focus {
	border-color: #1a1a1a;
	background-color: #EEF8FF;
	color: #0067f2;
}
.btn.style01:active {
	border-color: #0052C1;
	background-color: #ccc;
	color: #0067F2;
}
/* e : 221103 수정 */

.btn.style02 {
	border: solid 1px #0067f2;
	background-color: #0067f2;
	color: #fff;
}
/* s : 221103 수정 */
.btn.style02:hover {
	border-color: #0A7CF6;
	background-color: #0A7CF6;
	color: #fff;
}
.btn.style01:focus {
	border-color: #1a1a1a;
	background-color: #1793F7;
	color: #fff;
}
.btn.style02:active {
	border-color: #0052C1;
	background-color: #0052C1;
	color: #fff;
}
/* e : 221103 수정 */

.btn.style03 {
	border: solid 1px #ccc;
	background-color: #fff;
	color: #1a1a1a;
}
.btn.style03:hover {
	border-color: #ccc;
	background-color: #f3f3f3;
	color: #1a1a1a;
}
.btn.style03:focus {
	border-color: #ccc;
	background-color: #fbfbfb;
	color: #1a1a1a;
}
.btn.style03:active {
	border-color: #a3a3a3;
	background-color: #ccc;
	color: #1a1a1a;
}
.btn.style04 {
	border: solid 1px #03a65d;
	background-color: #03a65d;
	color: #fff;
}
.btn.style04:hover, .btn.style04:active {
	border-color: #069655;
	background-color:#069655;
	color: rgba(255, 255, 255, .2);
}
.btn.style05 {
	border: solid 1px #f0365d;
	color: #f0365d;
}
.btn.style05:hover, .btn.style05:active {
	border-color: #ce2d50;
	background-color:#ffe8ed;
}
.btn.outline {
	min-width: auto;
	padding: 7px 15px 7px 10px;
	border-radius: 6px;
	border: solid 1px #ccc;
	background-color: #fff;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 24px;
	color: #999;
}
.btn.outline i, .btn.outline span {
	float: left;
}
.btn.xsm {
	padding: 3px 15px;
}/*height:32px*/
.btn.sm {
	padding: 5px 15px;
}/*height:36px*/
.btn.lg {
	padding: 12px 15px;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 24px;
}
.btn.ty1 {
	border-radius: 0 0 6px 6px;
}
.btn.ty1R {
	border-radius:6px 6px 0 0;
}
.btn.ty2 {
	border-radius: 20px;
}
.btn.ty3 {
	border-radius: 0;
}
.btn.ty4 {
	width: 100%;
	padding: 10px;
	font-size: 1.6rem;
	line-height: 22px;
}
.btn.icon {
	min-width: auto;
	width: 40px;
	height: 40px;
	padding: 8px;
	line-height: 1;
	text-align: center;
}
.btn.ix {
	font-weight: 500;
	line-height: 1;
}
.btn.ix > * {
	float: left;
}
.btn.ix > span {
	display: inline-block;
	line-height: 24px;
	margin-left: 6px;
}
 [class^="ico-"], [class*=" ico-"] {
 display: inline-block;
 width: 24px;
height: 24px;
 background: transparent no-repeat center/cover;
 text-align: center;
vertical-align: middle;
}
.btn:hover [class^="ico-"], .btn:hover [class*=" ico-"] {
opacity: .4;
}
/*.ico-sns {background-image: url(../../images/user/content/icon_btn_sns_all.svg);}*/
.ico-sns {
	background-image: url(../../images/user/content/icon_btn_copy.svg);
}
.ico-reset {
	background-image: url(../../images/user/content/icon_btn_reset.svg);
}
.active .ico-reset {
	filter: brightness(1000%);
}
.ico-caption {
	background-image: url(../../images/user/content/icon_btn_caption.svg);
}
.ico-up {
	background-image: url(../../images/user/content/icon_btn_upload.svg);
}
.ico-down {
	background-image: url(../../images/user/content/icon_btn_download.svg);
}
.ico-pdf {
	background-image: url(../../images/user/content/icon_file_pdf.svg);
}
.ico-xel {
	background-image: url(../../images/user/content/icon_file_excel.svg);
}
.ico-all {
	background-image: url(../../images/user/content/icon_btn_check.svg);
	filter: brightness(10%);
}
.ico-angle-left {
	background-image: url(../../images/user/content/btn_page_prev.svg);
	background-size: 34px 34px;
}
.ico-check {
	background-image: url(../../images/user/content/icon_btn_check.svg);
}
.ico-arrow-down {
	background-image: url(../../images/user/common/icon_input_arrow_down.svg);
}
.ico-arrow-up {
	background-image: url(../../images/user/common/icon_input_arrow_down.svg);
	transform: rotateX( -180deg);
}
.ico-outlink {
	background-image: url(../../images/user/common/btn_icon_outlink.svg);
}
.ico-del-circle {
	background-image: url(../../images/user/common/btn_icon_close_circle.svg);
}
.ico-call {
	width: 18px;
	height: 18px;
	background-image: url(../../images/user/content/icon_call.svg);
}
.ico-calendar {
	background-image: url(../../images/user/content/btn_icon_calendar.svg);
}
.ico-face-good {
	width: 30px;
	height: 30px;
	background-image: url(../../images/user/content/icon_face_smile.svg);
}
.ico-face-cry {
	width: 30px;
	height: 30px;
	background-image: url(../../images/user/content/icon_face_cry.svg);
}
.ico-secret {
	background-image: url(../../images/user/content/icon_lock_secret.svg);
}
.ico-facebook {
	width: 36px;
	height: 36px;
	background-image: url(../../images/user/content/ic-icon-sns-f.svg);
}
.ico-twitter {
	width: 36px;
	height: 36px;
	background-image: url(../../images/user/content/ic-icon-sns-t.svg);
}
.ico-blog {
	width: 36px;
	height: 36px;
	background-image: url(../../images/user/content/ic-icon-sns-b.svg);
}
.ico-youtube {
	width: 36px;
	height: 36px;
	background-image: url(../../images/user/content/ic-icon-sns-y.svg);
}
.ico-site-move {
	width: 24px;
	height: 24px;
	background-image: url(../../images/user/content/ic-icon-home.svg);
}
.ico-site-rese {
	width: 24px;
	height: 24px;
	background-image: url(../../images/user/content/btn-icon-calendar.svg);
}
.ico-site-kakaomap {
	width: 24px;
	height: 24px;
	vertical-align: top;
	background-image: url(../../images/user/content/ic-icon-kakaomap.svg);
}
.ico-print {
	width: 24px;
	height: 24px;
	vertical-align: top;
	background-image: url(../../images/user/content/ic-icon-print.svg);
}
/* S:221020 - icon 추가 */
/* 새창 */
.iconImg {
	display: inline-block;
	position: relative;
}
.iconImg::after {
 content: '';
 display: inline-block;
 position: absolute;
 top: 0;
 width: 24px;
 height: 24px;
 background-repeat: no-repeat;
}
.iconImg.right {
	padding-right: 30px;
}
.iconImg.newpot::after {
 width: 22px;
 height: 22px;
 background-size: 22px 22px;
 background-image: url(../../images/user/content/icon_img_newpot.svg);
 background-position: right 0 top 0;
}
/* E:221020 - icon 추가 */

.btn.outline.plus {
	padding: 5px 12px;
	font-weight: 500;
}
.btn.outline.plus .ico-dw {
	position: relative;
}
.btn.outline.plus .ico-dw::before, .btn.outline.plus .ico-dw::after {
content: '';
display: block;
position: absolute;
}
.btn.outline.plus .ico-dw.plus::before {
 top: 12px;
left: 0;
 width: 14px;
height: 2px;
 background-color: #000;
}
.btn.outline.plus .ico-dw.plus::after {
 top: 6px;
left: 6px;
 width: 2px;
height: 14px;
 background-color: #000;
}
.btn.outline.plus .ico-dw.minus::before {
 top: 12px;
left: 0;
 width: 14px;
height: 2px;
 background-color: #000;
}
.btn.outline.plus:hover .ico-dw::before, .btn.outline.plus:hover .ico-dw::after {
opacity: .6;;
}
/* S:타원, 삭제아이콘, 선택 시 조건 사라지는 버튼 */
.btn.outline.cancel {
	padding: 4px 6px 4px 15px;
	border-radius: 20px;
	color: #1a1a1a;
}
.btn.outline.cancel i {
	margin-left: 8px;
}
/* E:타원, 삭제아이콘, 선택 시 조건 사라지는 버튼 */

/*
.btn .ico {display: block; position: relative;}
.btn .ico.ico-left::before {content: ''; display: block; position: absolute; left: 0; width: 24px; height: 24px; opacity: 1; background-repeat: no-repeat;}
.btn .ico.ico-left {padding-left: 30px;}
.btn .ico.pdf::before {top: -2px; background-image: url(../../images/user/content/ico_btn_pdf.svg);}
.btn .ico.check::before {top: 0; background-image: url(../../images/user/content/ico_btn_check.svg); background-position: 0 0;}
.btn .ico.reset::before {top: -1px; background-image: url(../../images/user/content/ico_btn_reset.svg);}

.btn:hover .ico.ico-left::before {opacity: .2;}
.btn:hover .ico.check::before {filter: invert(99%) sepia(0%) saturate(3737%) hue-rotate(127deg) brightness(112%) contrast(101%);}
.btn:hover .ico.reset::before {filter: brightness(10%); }
/* 전체, 초기화 *
.btn.outline.round-ty1 {padding: 9px 20px 9px 15px; border-radius: 20px; font-weight: 500; font-size: 1.4rem; line-height: 20px; color: #1a1a1a;}
.btn.outline.round-ty1 .ico.check::before {filter: brightness(10%) ;}
.btn.outline.round-ty1.active {border-color:#5d697d; background-color: #5d697d; color:#fff;}
.btn.outline.round-ty1.active .ico.check::before {filter: brightness(1000%) ;}
.btn.outline.round-ty1.active .ico.reset::before {filter: brightness(1000%) ;}

/*ICON : 좋아요, 조회, link*/
[class^="btn-icon-"] {
display: inline-block;
position: relative;
padding-left: 40px;
font-weight: 500;
font-size: 1.6rem;
line-height: 30px;
color: #1a1a1a;
vertical-align: top;
}
[class^="btn-icon-"]::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 30px;
background: #fff no-repeat center/cover;
}
.btn-icon-heart::before {
background-image: url(../../images/user/content/icon_btn_hart.svg);
}
.btn-icon-count::before {
background-image: url(../../images/user/content/icon_btn_eye.svg);
}
.mark-area [class^="btn-icon-"] {
padding-left: 30px;
font-weight: 400;
font-size: 1.4rem;
line-height: 20px;
}
.mark-area [class^="btn-icon-"]::before {
width: 24px;
height: 20px;
}
.sm [class^="btn-icon-"] {
padding-left: 22px;
font-weight: 400;
font-size: 1.2rem;
line-height: 20px;
}
.sm [class^="btn-icon-"]::before {
width: 20px;
height: 20px;
}

/* File Icon */
[class^="xi-"], [class*=" xi-"] {
 display: inline-block;
 width: 24px;
height: 24px;
 background: #fff no-repeat center/cover;
 vertical-align: top;
}
.attach .xi-pdf {
	background-image: url(../../images/user/content/icon_file_pdf.svg);
}
.attach .xi-zip {
	background-image: url(../../images/user/content/icon_file_zip.svg);
}
.attach .xi-xcl {
	background-image: url(../../images/user/content/icon_file_excel.svg);
}
/* link text style */
.link-under, .link-under:hover, .link-under:visited, .link-under:active, .link-under:focus {
	text-decoration: underline;
	color: #0067f2;
}
/* S:pc와 mobile에서 다른 버튼(변화버튼) */
.trans-btn-icon i {
	display: none;
}/*모바일에서 아이콘만 나타남*/
/* E:pc와 mobile에서 다른 버튼(변화버튼) */



/*더보기*/
.more-plus-m {
	display: inline-block;
	width: 36px;
	height: 36px;
}
/*
.more-plus-m svg rect {stroke: black; stroke-opacity: 0.3; fill: black; fill-opacity: 0.2;}
.more-plus-m svg path {stroke: black; stroke-width: 2px; stroke-linecap: round; }
 */
 
.more-text {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #1a1a1a;
	text-decoration: underline;
}
.more-text:hover, .more-text:visited, .more-text:focus {
	text-decoration: underline;
}
/* 변경되는 디자인 관련 */
.btn.fw5MoTr {
	margin: 0;
	font-weight: 500;
}/*마이페이지*/


/*! ================================================================================
 * Form : input, select, combo
 * ================================================================================= */
::placeholder {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
color: #444;
}
input:focus, select:focus, textarea:focus {
/* outline-offset: 0;
    outline: 3px solid rgba(28, 164, 227, 0.7); */
    /* outline: auto; */
    /* box-shadow: 0 0 0 2px #008, 0 0 0 2px #70a; */
}
input, select {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	color: #444;
}
/* input:focus, 
select:focus {outline: none;} */

.col-ct {
	display: inline-block;
	position: relative;
	width: 24px;
	padding: 0 6px;
}
/* .inp-wrap, 
.select-wrap {display: inline-block; position: relative; vertical-align: middle;} */
.inp-txt-wrap {
	display: flex;
	align-items: center;
	position: relative;
}
.inp-txt-wrap .txt {
	display: inline-block;
	flex: 0 0 100px;
	margin-left: 10px;
}
/* S:radio, checkbox
input[type=checkbox], input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
 */
input[type=checkbox]:disabled, input[type=radio]:disabled {
	opacity: 30%;
	background-color: transparent;
	cursor: default;
}
input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {
	opacity: 30%;
}
.form-check {
	overflow: hidden;
	display: inline-block;
	padding-left: 30px;
}
.form-check input[type=radio], .form-check input[type=checkbox] {
	float: left;
	width: 26px;
	height: 26px;
	margin-left: -30px;
	background-repeat: no-repeat;
	background-position: center center;
}
.form-check label {
	display: inline-block;
	margin-top: 1px;
	font-size: 1.6rem;
	color: #1a1a1a;
	line-height: 1.4;
}
.chk-type-square {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
.form-check .radio {
	background-image: url(../../images/user/content/input_icon_radio.svg);
}
.form-check .radio:checked {
	background-image: url(../../images/user/content/input_icon_radio_av.svg);
}
.form-check .chk-type-circle {
	background-image: url(../../images/user/content/input_icon_check.svg);
}
.form-check .chk-type-circle:checked {
	background-image: url(../../images/user/content/input_icon_check_av.svg);
}
.chk-type-square, .form-check .chk-type-square {
	background-image: url(../../images/user/content/input_checkbox_square.svg);
}
.chk-type-square:checked, .form-check .chk-type-square:checked {
	background-image: url(../../images/user/content/input_checkbox_square_av.svg);
}
label.sm {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #1a1a1a;
}
.form-grid {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}
.form-grid .form-check {
	margin: 10px 15px 0 0;
}
.form-grid + .form-grid {
	margin-top: 2rem;
}
/* E:radio, checkbox */

/* S:input */
.inp-text {
	display: inline-block;
	width: 100%;
	height: 42px;
	padding: 7px 14px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.inp-text > input, input.inp-text {
	color: #1a1a1a;
}
.inp-text > input {
	width: 100%;
	padding: 0;
}
.inp-text > input.cert {
	width: calc( 100% - 50px );
}
.inp-text-ty2 > input.inputty2 {
	width: 12%;
	padding: 0;
	color:#1a1a1a;
}
.inp-text.focus, .inp-text:focus {
	border-color: #0067f2;
}
.inp-text.err {
	border-color: #e14868;
}
.inp-text.readonly, input.inp-text:read-only {
background-color: #f7f7f7;
}
.inp-text.readonly input, input.inp-text:read-only {
color: #1a1a1a;
}
.inp-datepicker.err input {
	border: 1px solid #e14868;
}
.inp-text:disabled, .inp-text.disabled {
	background-color: #f7f7f7;
	color: #999;
}
.inp-text.mobile-st, .inp-text.mobile-st {
	padding-left: 0;
	border-width: 0;
	background-color: #fff;
}
.inp-text.type-btn > input {
	width: calc( 100% - 30px );
}
.inp-text.type-btn .btn {
	width: 24px;
	height: 24px;
	background: transparent no-repeat center / cover;
}
.inp-text.type-btn .btn.view {
	background-image: url(../../images/user/content/icon_btn_eye.svg);
}
/* E:input */

.form-label {
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	color: #1a1a1a;
}
/* S:select */
.select {
	width: 100%;
	height: 42px;
	padding: 7px 10px 7px 14px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff url(../../images/user/common/icon_input_arrow_down.svg) no-repeat;
	background-position: top 50% right 10px;
}
.select + .select {
	margin-left: 10px;
}
/*.select:focus {border-color: #0067f2;}*/
.select.readonly {
	background-color: #f7f7f7;
	background-image: none;
}
.select:disabled, .select.disabled {
	background-color: #f7f7f7;
	color: #999 !important;
}
.select.err {
	border: 1px solid #e14868;
}
/* E:select */

/* S:Search Bar */
.search-wrap {
}
.searchbar {
	position: relative;
	width: 100%;
	height: 42px;
 padding: .9rem 1rem .9rem 1.4rem;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
}
.searchbar input {
	float: left;
	width: calc( 100% - 70px ) !important;
	height: auto;
	padding: 0;
	border-radius: 0;
	border: 0;
}
.searchbar .btn {
	float: right;
	display: block;
	min-width: auto;
	;
	width: 24px;
	height: 24px;
	margin: 0;
	background: transparent no-repeat center/cover;
}
.searchbar .btn.clear {
	opacity: 0;
	position: absolute;
	top: 9px;
	right: 40px;
	background-image: url(../../images/user/common/btn_icon_search_clear.svg);
}
.searchbar .btn.src {
	background-image: url(../../images/user/common/btn_icon_search.svg);
}
.searchbar.focus {
	border-color: #0067f2;
}
.searchbar.focus .btn.clear.on {
	opacity: 1;
}
.searchbar.err {
	border-color: #e14868;
}
.searchbar.readonly {
	background-color: #f7f7f7;
}
.searchbar.disabled, .searchbar.disabled input {
	background-color: #f7f7f7;
	color: #999;
}
/* S:Search Bar */

/* S:address, tell */
.inp-col-wrap {
	display: flex;
}
.inp-col-wrap .btn {
	margin: 0;
}
.inp-col-wrap.textType {
	align-items: center;
	justify-content: center;
}
.inp-col-wrap.textType .inp-text {
	margin: 0 5px;
}
.inp-col-wrap.phone {
	align-items: center;
}
.inp-col-wrap.phone .select {
	width: 96px;
}
.inp-col-wrap.phone .inp-text {
	width: 96px;
}
.inp-address-wrap {
	display: flex;
	flex-flow: column wrap;
	max-width: 600px;
	width: 100%;
}
.inp-address-wrap > .inp-text {
	width: calc( 100% - 102px );
}
.inp-col-address {
	display: flex;
	margin-bottom: 6px;
}
.inp-col-address .num {
	flex: 0 0 90px;
	margin-right: 6px;
}
.inp-col-address .btn {
	flex: 0 0 96px;
	font-weight: 500;
	font-size: 14px;
	margin: 0 0 0 6px;
}
/* E:address, Tell */

/* S:etc ( 인풋과 버튼, 텍스트와 함게 ) */
.dis-fx.center {
	align-items: center;
}
.dis-fx.center > .inp-text {
	margin-right: 20px;
}
.dis-fx.center .inp-datepicker + .form-grid {
	margin-left: 10px;
}
.inp-col-wrap.btnset .btn {
	flex: 1 1 114px;
	margin-left: 6px;
}
.inp-col-wrap.btnset + .guide-alert {
	margin-left: 20px;
}
.inp-col-wrap.txt-map {
	align-items: center;
	margin: 4px 0;
}
.inp-col-wrap.txt-map .form-label {
	flex: 0 0 70px;
}
/* E:etc */

/* S:input right(원) */
.inp-col-wrap.right {
	display: inline-block;
}
.inp-col-wrap.right .inp-text {
	width: 90px !important;
	text-align: right;
}
.inp-col-wrap.right .txt {
	font-size: 16px;
	line-height: 42px;
}
.inp-col-wrap.right .txt.right {
	padding-left: 10px;
}
.inp-col-wrap.right .txt.left {
	padding-right: 10px;
}
/* E:input right(원) */

/* S:Date Wrap */
.inp-datepicker {
	display: flex;
	width: 170px;
}
.inp-datepicker > .inp-text {
	margin-right: 6px;
}
.inp-datepicker > .btn.icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	margin: 0;
}
.inp-datepicker.type2 {
	width: 270px;
}
.inp-datepicker.type2 .btn.style01 {
	flex: 0 0 90px;
}
.inp-col-wrap.datepicker {
	align-items: center;
	justify-content: center;
}
/* E:Date Wrap */

.inp-col-wrap.lineH42 {
	line-height: 42px;
}
/* S:221018 추가 */
.inp-col-wrap.disfxrc > div + div {
	margin-left: 10px
}
.inp-col-wrap.disfxrc.d2 > div {
	width: 50%;
}
/* E:221018 추가 */

/* S:input file */
.filebox-wrap {
	position: relative;
}
.dis-fx.filebox {
	align-items: center;
	line-height: 1;
}
.dis-fx.filebox .inp-filebox {
	display: inline-block;
	margin-right: 10px;
}
.inp-filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.inp-filebox .file-btn {
	min-width: 96px;
	width: 100%;
	padding: 9px;
	margin: 0;
	border: solid 1px #0067f2;
	background-color: #fff;
	color: #0067f2;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}
/* E:input file */

/* S:textarea */
.textarea-wrap {
	position: relative;
	max-width: 700px;
	width: 100%;
}
.textarea-wrap.type2 {
	padding-top: 10px;
	border-top: 2px solid #444;
	max-width: 100%;
	width: 100%;
}
.textarea {
	display: block;
	width: 100%;
	height: 170px;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #1a1a1a;
}
.textarea-txtfix {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #1a1a1a;
}
.textarea-wrap.focus .textarea {
	border-color: #0067f2;
}
.textarea-wrap .write-count {
	display: block;
	position: absolute;
	bottom: -30px;
	right: 0;
	margin-top: 6px;
	font-size: 14px;
	color: #666;
	text-align: right;
}
/* S:221026:count */
.textarea-wrap.type-count::after {
content: '';
display: block;
clear: both;
}
.textarea-wrap.type-count .write-count {
	display: block;
	float: right;
	position: relative;
	bottom: 0;
}
/* S:221019:guide 필요시 적용됨 */
.textarea-wrap.type-guide::after {
content: '';
display: block;
clear: both;
}
.textarea-wrap.type-guide .guide-alert {
	display: inline-block;
	margin-top: 6px;
}
.textarea-wrap.type-guide .write-count {
	display: block;
	float: right;
	position: relative;
	bottom: 0;
}
.textarea-wrap.err .textarea {
	border: 1px solid #e14868;
}
/* E:221019:guide 필요시 적용됨 */
/* E:textarea */

/* S:selectBox DIV */
.selectbox {
	position: relative;
	width: 100%;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff url(../../images/user/common/icon_input_arrow_down.svg) no-repeat;
	background-position: top 50% right 10px;
}
.selectbox.selected {
	border-color: #0067f2;
}
.selectbox .fnTransformHidden {
	display: none;
}
.selectbox .fnFormSelectOpen {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
}
.selectbox .title {
	overflow: hidden;
	display: block;
	width: calc( 100% - 40px );
	height: 42px;
	padding: 7px 10px 7px 14px;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 28px;
	color: #000;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.selectbox .details {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
}
.selectbox .details ul {
	border: 1px solid #000;
	background-color: #fff;
}
.selectbox .details ul a {
	display: block;
	padding: 2px 10px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
}
.selectbox .details ul a:hover {
	background-color: #0067f2;
	color: #fff;
}
/* E:selectBox DIV */

.guide-area {
	margin-top: 10px;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.25;
	color: #999;
}
.guide-area.type1 {
	font-size: 1.4rem;
	line-height: 1.43;
	color: #666;
}
.guide-area .err {
	color: #e14868;
}
.guide-alert {
	margin: 2px;
	font-weight: 400;
	font-size: 1.4rem;
	color: #f0365d;
}
.guide-alert-type {
	margin-left: 5px;
	font-weight: 400;
	font-size: 1.4rem;
	color: #003088;
}
/* S:SIZE */
.sz-fix90 {
	width: 90px;
}
.sz-1 {
	width: 16.66667%;
}
.sz-2 {
	width: 25%;
}
.sz-3 {
	width: 33.3333%;
}
.sz-4 {
	width: 41.66667%;
}
.sz-5 {
	width: 50%;
}
.sz-6 {
	width: 60%;
}
.sz-7 {
	width: 70%;
}
.sz-mxf {
	max-width: 100%;
	width: 100%;
	margin: 0;
}
/* E:SIZE */


/*! ================================================================================
 * Badge
 * ================================================================================= */ 
.badge {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: transparent;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
.badge + .badge {
margin-left: .2rem;
}
.badge.lg {
	padding: 4px 24px;
	font-size: 16px;
	line-height: 22px;
}
.badge.line {
	padding: 1px 10px;
	border: solid 1px #ccc;
	color: #1a1a1a;
}
.badge.line.lg {
	padding: 3px 14px;
	border: solid 1px #ccc;
	font-size: 14px;
	color: #666;
}
.badge.circle {
	width: 18px;
	height: 18px;
	padding: 0;
	background-color: #d01900;
	font-size: 12px;
	line-height: 18px;
}
.badge.circle.lg {
	width: 22px;
	height: 22px;
	background-color: #5d697d;
	font-size: 14px;
	line-height: 20px;
}
.badge.style1 {
	border-color: #0067f2;
	background-color: #0067f2;
	color: #fff;
}
.badge.style2 {
	border-color: #0067f2;
	background-color: #fff;
	color: #0067f2;
}
/*!
 * Tab 
 * ================================================================================= */
.tabselect {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.tabs {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.tabselect > li, .tabs > li {
	float: left;
	position: relative;
	padding-right: 10px;
}
.tabselect > li::before, .tabs > li::before, .tab-mo-drop.nodrop .tabs > li::before {
 content: '';
 display: block;
 position: absolute;
 top: 2px;
right: 6px;
 width: 1px;
height: 15px;
 background-color: #ccc;
}
.tabselect > li:last-child::before, .tabs > li:last-child::before {
content: none;
}
.tabselect > li > a.active, .tabs > li > a.active {
	color: #1a1a1a;
}
/* S:모바일에서 dropdown (추가:221025 - 모바일에서 변화 없음) */
.tab-mo-drop {
	position: relative;
	margin-top: 10px;
	z-index: 0;
}
.tab-mo-drop .mobile-title-wrap {
	display: none;
}
.tab-mo-drop .tabs > li, .tab-mo-drop.nodrop .tabs > li {
	padding-right: 15px;
}
.teacher-tabbox .tab-mo-drop .tabs > li, .teacher-tabbox .tab-mo-drop.nodrop .tabs > li {
	padding-right: 10px;
}
.tearchercard-wrap .tab-mo-drop .tabs > li, .tearchercard-wrap .tab-mo-drop.nodrop .tabs > li {
	padding-right: 10px;
}
.tab-mo-drop .tabs > li:last-child, .tab-mo-drop.nodrop .tabs > li:last-child {
	padding-right: 0px;
}
.tab-mo-drop .tabs > li::before, .tab-mo-drop.nodrop .tabs > li::before {
top: 6px;
right: 8px;
}
.tab-mo-drop .tabs > li:last-child::before, .tab-mo-drop.nodrop .tabs > li:last-child::before {
content: none;
}
.tab-mo-drop .tabs > li > a {
	display: block;
	padding-right: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #444;
}
.tab-mo-drop.tab-list .tabs > li > a {
	display: block;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #444;
}
.tab-mo-drop .tabs > li > a.active, .tab-mo-drop.nodrop .tabs > li > a.active {
	color:#0067f2;
}
.tooltip-wrap-market > span > a.active {
	color:#0067f2;
}
/* E:모바일에서 dropdown */

.tabmenu-wrap {
	position: relative;
	margin-bottom: 20px;
	z-index: 0;
}
.tabs.line-tab {
	border-bottom: 3px solid #eee;
}
.tabs.line-tab li {
	position: relative;
	max-width: 156px;
	width: 100%;
	padding: 12px 0;
}
.tabs.line-tab li::before {
display: none;
}
.tabs.line-tab li a {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.tabs.line-tab li.on a * {
	font-weight: 700;
	color: #1a1a1a;
}
.tabs.line-tab li.on::after {
 content: '';
display:block;
 position: absolute;
bottom: -3px;
left: 0;
 width: 100%;
height: 3px;
background-color:#0067f2;
}
/* S:박스 tab */
.tabst01-wrap {
}
.tabst01-wrap .tab-nav {
	margin: 0 auto;
	text-align: center;
}
.tabst01-wrap .tab-nav .tabs {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.tabst01-wrap .tab-nav .tabs li {
	display: table-cell;
	vertical-align: top;
	padding-right: 0;
}
.tabst01-wrap .tab-nav .tabs li::before {
 display: none;
}
.tabst01-wrap .tab-nav .tabs li .tab {
	display: block;
	position: relative;
	padding: 13px 0;
	margin: -1px 0 0 -1px;
	border: 1px solid #e2e2e2;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	text-align: center;
}
.tabst01-wrap .tab-nav .tabs li.on .tab {
	border-color: #5d697d;
	background-color: #5d697d;
	color: #fff;
}
.tabst01-wrap .tab-nav .tabs li.on span::before {
 content: '';
 display: block;
 position: absolute;
 bottom: -1px;
 left: 50%;
 transform: translateX(-50%);
 border-bottom: 6px solid #fff;
 border-top: 6px solid transparent;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
}
/* E:박스 tab */

/*!
 * Content 
 * ================================================================================= */

.teacherbox .item > .info .pho-default {
	width: 106px;
	height: 106px;
	background: #f4f6fa;
	border-radius: 6px;
}
.teacherbox .item > .info .pho {
	display: inline-block;
	margin-right: 14px;
	width: 106px;
	height: 106px;
}
.teacherbox .item > .info .pho > img {
	width: 100%;
	height: 100%;
	max-width: 106px;
	max-height: 106px;
	border-radius: 6px;
}
/* s. 전문인력 조회 */
.teacherbox .item > .info .photo-default {
	width: 106px;
	height: 138px;
	background: url(../../images/user/content/ic-icon-blank.png) no-repeat center;
	background-size: 106px;
	border-radius: 6px;
}
.teacherbox .item > .info .photo {
	display: inline-block;
	margin-right: 14px;
	width: 106px;
	height: 138px;
}
.teacherbox .item > .info .photo > img {
	width: 100%;
	height: 100%;
	max-width: 106px;
	max-height: 138px;
	/*border-radius: 50%;*/
	border-radius: 6px;
}
.teacherbox .item > .info ul {
	float: right;
	width: 170px;
}
.teacherbox .item > .info ul li.name {
	font-size: 18px;
	color:#1a1a1a;
	font-weight: 500;
	line-height: 2.4;
}
.teacherbox .item > .info ul li.name > span.age {
	font-size: 14px;
	color: #444;
	margin-left: 6px;
}
.teacherbox .item > .info ul li.list-txtl {
	color: #444;
	margin-bottom: 6px;
}
.teacherbox .item > .info ul li > span.list-txtr {
	margin-left: 14px;
	color:#1a1a1a;
}
/* e. 전문인력 조회 */


/* S:강사찾기 */
.teacherbox {
}
.teacherbox.insttbox > .item {
	min-height: 230px;
}
.teacherbox > .item {
	min-height: 210px;
	padding: 2rem;
	border-color: #d3d5da;
}
.teacherbox .item > .link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.teacherbox .item > .link:hover, .teacherbox .item > .link:focus {
	border:2px solid #2b9cff;
}
.teacherbox .item > .badge-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 16px;
}
.teacherbox .item > .badge-wrap .badge {
	flex: 0 0 auto;
}
.teacherbox .item > .badge-wrap .col-primary {
	margin-left: 8px;
	font-weight: 500;
	font-size: 14px;
}
.teacherbox .item > .txt-ellips {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 20px;
	color: #1a1a1a;
	white-space: normal;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.teacherbox .item > .txt-ellips-pro {
	margin-bottom: 4px;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 20px;
	color: #1a1a1a;
	white-space: normal;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.teacherbox .item > .info {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	position: relative;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
/*
.teacherbox .item > .info .photo {
	flex: 0 0 50px;
	display: inline-block;
	width: 50px; height: 50px;
	margin-right: 14px;
	border-radius: 50%;
	background: #ddd url(../../images/user/content/icon_blank_photo.svg) no-repeat center / 50px auto;
}
*/
.teacherbox .item > .info ul li {
	font-weight: 400;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}
 .teacherbox .item > .info ul li .af-line::after {
 height: 12px;
}
/* E:강사찾기 */



.questions-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.questions-wrap .ck-question {
	width: 100%;
	padding: 35px 0 20px;
	border-bottom: 1px solid #dddfe2;
 transition: opacity .5s ease-in-out;
}
.ck-question .summary {
	max-width: 900px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #576071;
	text-align: center;
}
.ck-question .decision {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 20px;
}
.ck-question .decision .caption {
	background-color: #ddd;
}
.ck-question .decision .options {
	flex: 0 0 500px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 30px;
}
.ck-question .decision .options .option {
	align-items: center;
	border-radius: 50%;
	flex: 0 0 45px;
	height: 45px;
	max-width: 45px;
	cursor: pointer;
	display: flex;
	justify-content: center;
 transition: all .1s ease-in-out;
	border: 2px solid #33a474;
}
.ck-question .decision .options .option.active {
	background-color: #333;
}
.questions-wrap .ck-question.inactive {
	opacity: .3;
}
 @media screen and (max-width: 1400px) {
 .teacherbox.insttbox .item > .info ul {
 width: 90px;
}
 .teacherbox.insttbox .item > .txt-ellips-pro,  .teacherbox.insttbox .item > .txt-ellips {
 font-size: 1.4rem;
 margin-bottom: 5px;
}
 .teacherbox.insttbox > .item {
 min-height: 210px;
 padding: 1rem;
}
 .teacherbox.insttbox .item > .info ul li {
 font-size: 1.2rem;
}
 .teacherbox > .item {
 min-height: 300px;
 padding: 1rem;
}
 .teacherbox .item > .info ul {
 width: 200px;
}
/*
	.teacherbox .item > .info ul li > span.list-txtr.txt-elip{
		white-space: normal;
	    display: -webkit-box;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	*/
}

/*! ================================================================================
 * Mobile
 * ================================================================================= */
@media screen and (max-width: 990px) {
 .sz-1, .sz-2, .sz-3, .sz-4, .sz-5, .sz-6 {
width: 100% !important;
}
 .sz-mof {
width: 100%;
}
	/* .mo--h2 {font-size: 2rem; line-height: 2.6rem; }
	 */
	.mo--h2 {
font-size: 2rem;
line-height: 2.6rem;
}
 .mo--h3 {
font-size: 1.8rem;
line-height: 2.4rem;
}
 .mo--h4 {
font-size: 1.6rem;
line-height: 2.2rem;
}
 .mo--h5 {
font-size: 1.4rem;
line-height: 2rem;
}
 .mo--h6 {
font-size: 1.2rem;
line-height: 1.8rem;
}
 .hr-line {
height: 10px;
margin: 40px 0;
background-color: #f4f6fa;
}
 .hr-line-ty2 {
margin: 40px 0;
}
 .line-top2 {
border-width: 1px;
}

	/* S:radio, checkbox */
	.form-grid.mo-grid-1 .form-check {
flex: 1 1 100%;
}
 .form-grid.mo-grid-2 .form-check {
flex: 1 1 40%;
}
 .form-grid.mo-grid-3 .form-check {
flex: 1 1 25%;
}
	/* E:radio, checkbox */
	
	.teacherbox.insttbox .item > .info ul {
 width: 170px;
}
 .teacherbox.insttbox .item > .txt-ellips-pro,  .teacherbox.insttbox .item > .txt-ellips {
 font-size: 1.6rem;
 margin-bottom: 15px;
}
 .teacherbox.insttbox > .item {
 min-height: 215px;
 padding: 2rem;
}
 .teacherbox.insttbox .item > .info ul li {
 font-size: 1.4rem;
}
 .teacherbox > .item {
 min-height: 210px;
 padding: 2rem;
}
 .inp-text {
width: 100% !important;
}
 .inp-text-ty2 > input.inputty2 {
width: 30%;
}
 .inp-text.disabled.mobile-st,  .inp-text.readonly.mobile-st {
padding-left: 14px;
border-width: 1px;
background-color: #f7f7f7;
}
 .select + .select {
margin-top: 6px;
margin-left: 0;
}
	
	/* S:etc ( 인풋과 버튼, 텍스트와 함게 ) */
	.dis-fx.center {
flex-direction: column;
align-items: stretch;
}
 .dis-fx.center > .inp-text {
margin-right: 0;
}
 .dis-fx.center .inp-datepicker + .form-grid {
margin: 8px 0 6px 0;
}
 .inp-col-wrap.btnset .btn {
flex: 1 1 114px;
margin-left: 6px;
}
 .inp-col-wrap.btnset + .guide-alert {
margin: 0;
}
 .inp-col-wrap.txt-map .form-label {
display: none;
}
	/* E:etc */
	
	/* S:221018 추가 */
	.inp-col-wrap.disfxrc {
flex-direction: column;
}
 .inp-col-wrap.disfxrc > div + div {
margin-left: 0;
margin-top: 6px;
}
 .inp-col-wrap.disfxrc.d2 > div {
width: 100%;
}
	/* E:221018 추가 */
	
	/* S:input file */
	.dis-fx.filebox {
flex-direction: column;
align-items: stretch;
text-align: center;
}
 .dis-fx.filebox .inp-filebox {
margin-right: 0;
}
 .inp-filebox .file-btn {
min-width: 100%;
padding: 12px;
}
	/* E:input file */
	
	/* S:Date Wrap */
	.inp-datepicker {
width: 100%;
}
 .inp-datepicker.type2 {
width: 100%;
}
	/*.inp-col-wrap.datepicker .inp-datepicker .inp-text {padding-left: ;}*/
	/* E:Date Wrap */
	
	.inp-col-wrap.phone .inp-text {
width: 96px !important;
}

	/* S:textarea */
	.textarea-wrap {
max-width: 100%;
width: 100%;
}
 .textarea-wrap.type2 {
padding-top: 0;
border-top: 0;
}
	/* S:221026:count */
	.textarea-wrap.type-count .write-count {
 margin-bottom: 6px;
}
	/* S:221019:guide 필요시 적용됨 */
	.textarea-wrap.type-guide .guide-alert {
 float: left;
 display: block;
 width: calc(100% - 70px );
}
	/* E:221019:guide 필요시 적용됨 */
	/* E:textarea */

	.cardbox {
box-shadow: 0 1px 16px 0 rgba(0, 0, 0, .08);
}

	/* S:TAB */
	/* .tab-mo-drop {padding: 0 1.6rem; z-index: 10; } */
	.tab-mo-drop {
z-index: 10;
}
 .tab-mo-drop .mobile-title-wrap {
display: inline-block;
position: relative;
padding-right: 24px;
}
 .tab-mo-drop .mobile-title-wrap .mobile-title {
 display: block;
 padding: 0 6px;
 font-weight: 500;
 font-size: 14px;
 line-height: 22px;
 color: #0067f2;
}
 .tab-mo-drop .mobile-title-wrap .arrow {
position: absolute;
top: 0;
right: 0;
}
 .tab-mo-drop .tabs {
		/*overflow-y: scroll;*/
		display: none;
 position: absolute;
 top: 28px;
 left: -10px;
		/* left: 1.6rem; */
		min-width: 100px;
 height: 110px;
 padding: 0;
 background-color: #fff;
 border:1px solid #ccc;
}
 .tab-mo-drop .tabs > li {
float: none;
padding: 3px 5px 2px;
}
 .tab-mo-drop .tabs > li::before {
content: none;
}
 .tab-mo-drop .tabs > li > a {
padding: 3px;
line-height: 20px;
}
 .tab-mo-drop .tabs > li > a.active {
text-decoration: none;
}

	/* 221025:mobile에서 변화 없음 */
	.tab-mo-drop.nodrop .mobile-title-wrap {
display: none;
}
 .tab-mo-drop.nodrop .tabs {
 overflow: hidden;
 display: block;
 position: relative;
 top: 0;
 min-width: auto;
 height: auto;
 border: 0;
}
 .tab-mo-drop.nodrop .tabs > li {
 float: left;
 padding: 0;
 padding-right: 10px;
}
 .tabs.line-tab li {/*max-width: auto;*/
width: calc( 100% / 6);
padding-top: 0;
}
 .tabs.line-tab li a i {
display: none;
}
	/* E:TAB */
	
	/* S:BUTTON */	
	.btn-wrap.dis-revers {
display: flex;
flex-direction: column-reverse;
}
 .btn-wrap.dis-revers .btn + .btn {
margin: 0;
margin-bottom: 10px;
}
 .btn-wrap.w260 .btn, .btn-wrap.w160 .btn {
min-width: 100%;
margin-right: 0;
}
 .btn-wrap.wm100 .btn {
min-width: 100%;
padding: 10px;
margin: 0;
font-weight: 500;
font-size: 1.6rem;
}
 .txt-center .btn + .btn {
margin: 10px 0 !important;
}
 .txt-center .btnsty2 + .btnsty2 {
margin: 0 !important;
}
 .btn.outline.more .ico-more {
padding-left: 0;
font-weight: 700;
font-size: 1.4rem;
}
 .btn.outline.more .ico-more::before, .btn.outline.more .ico-more::after {
content: none;
}
    
	/* S:+더보기 모바일 */
	.btn.outline.plus {
min-width: 100px;
padding: 7px 12px;
font-size: 14px;
line-height: 20px;
color: #1a1a1a;
}
 .btn.outline.plus i {
display: none;
}
 .btn.outline.plus > span {
float: none;
}
	/* E:+더보기 모바일 */
	 /* 변경되는 디자인 관련 */
	.btn.fw5MoTr {
width: 100%;
padding: 8px;
margin: 0;
font-size: 16px;
}/*마이페이지*/

	/* S:pc와 mobile에서 다른 버튼(변화버튼) */
	.btn.trans-btn-icon {
 width: auto;
 padding: 5px;
 border: 0;
}
 .trans-btn-icon span {
display: none;
}
 .trans-btn-icon i {
display: block;
}/*모바일에서 아이콘만 나타남*/
	/* E:pc와 mobile에서 다른 버튼(변화버튼) */
	/* E:BUTTON */	

	.ico-facebook {
width: 24px;
height: 24px;
background-image: url(../../images/user/content/ic-icon-sns-f.svg);
}
 .ico-twitter {
width: 24px;
height: 24px;
background-image: url(../../images/user/content/ic-icon-sns-t.svg);
}
 .ico-blog {
width: 24px;
height: 24px;
background-image: url(../../images/user/content/ic-icon-sns-b.svg);
}
 .ico-youtube {
width: 24px;
height: 24px;
background-image: url(../../images/user/content/ic-icon-sns-y.svg);
}
}