@charset "utf-8";

@import url("font.css");

@import url("all-webfont.css");

/* reset.css */
[lang="ko"] {
	word-break: keep-all;
}

*,*:before,*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

br {
	font-family: initial;
}

body {
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	font-family: "Noto Sans KR", Dotum, "돋움", Helvetica, AppleGothic, "Tahoma", "MS PGothic", Sans-serif;
	color: #333;
	word-break: keep-all;
	-webkit-print-color-adjust: exact;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
}

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

table {
	border-collapse: collapse;
	width: 100%;
}

caption,legend {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

select, input, textarea {
	color: #454545;
	border: 1px solid #cecece;
}

select, input {
	vertical-align: middle;
	border: 1px solid #dadada;
	padding: 0 8px;
}

input[type='checkbox']:hover, input[type='checkbox']:hover+label,
input[type='radio']:hover, input[type='radio']:hover+label,
select,
button, input[type='button']  {
	cursor: pointer;
}

address,em,i {
	font-style: normal;
}

hr {
	margin: 0;
	border: none;
	padding: 0;
	display: block;
}

form, figure, figcaption {
	padding: 0;
	margin: 0;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

header, footer, article, section, aside, nav, main {
	display: block;
}

button {
	border: 0;
	background: none;
	cursor: pointer;
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}
/* button:hover, button:focus{border:0;outline:0; line-height:1;} */

input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input, select, textarea {
	line-height: 1.2;
	vertical-align: middle;
}

button, select {
	text-transform: none;
}

button, input {
	line-height: normal;
}

textarea {
	resize: vertical;
	overflow: auto;
}

footer, table, th, td, input, textarea, button, select {
	font-family: "Noto Sans KR", "s-core", Dotum, "돋움", Helvetica, AppleGothic, "Tahoma", "MS PGothic", Sans-serif;
	font-size: 15px;
}

/* Skip Navigation */
#skipnavi {
	position: absolute;
	top: -1px;
	left: 0;
	background-color: #333;
	z-index: 999999;
}

#skipnavi a {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 25px;
	margin-top: -100px;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	background: #000;
}

#skipnavi a:link {
	color: #333;
}

#skipnavi a:focus {
	margin-top: 0;
	text-decoration: underline;
	color: #fff;
}

input {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	vertical-align: middle;
}

/* 기본 */
*, html {
	box-sizing: border-box;
}

caption, legend, .sr_only, .sr-only, .hidden, .blind, .IR {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0 none;
	clip: rect(0, 0, 0, 0);
}

.responsive {
	max-width: 100%;
	height: auto;
}

.row {
	margin-right: -.75rem;
	margin-left: -.75rem;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-wrap {
	overflow: hidden;
}

/* 부트스트랩 */
fieldset {
	border: 0;
	padding: 0;
}

legend {
	padding: 0;
	border: 0;
	font-size: 0;
}

.vertical {
	display: inline-block;
	vertical-align: middle;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

input[type="text"],
input[type="password"],
select,
input[type="text"]::-moz-placeholder {
	color: #999;
	font-weight: 300;
	font-size: .7rem;
}

input[type="text"]:-ms-input-placeholder {
	color: #999;
	font-weight: 300;
	font-size: .7rem;
}

input[type="text"]::-webkit-input-placeholder {
	color: #999;
	font-weight: 300;
	font-size: .7rem;
}

/* ...생성 */
.substring {
	position: relative;
	padding-right: 15px;
}

.substring:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "...";
	font-size: 14px;
}

/*checkbox, radio커스텀*/
.checkbox-radio-custom {
	position: relative;
	overflow: hidden;
	height: 30px;
}

.checkbox-radio-custom > li {
	position: relative;
	float: left;
}

.checkbox-radio-custom > li + li {
	margin-left: .5rem;
}

.checkbox-radio-custom input[type="checkbox"],
.checkbox-radio-custom input[type="radio"] {
	border: 0;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 5px;
}

.checkbox-radio-custom input[type="checkbox"]:hover + label:before,
.checkbox-radio-custom input[type="radio"]:hover + label:before {
	border-color: #dde1e5;
}

.checkbox-radio-custom input[type="checkbox"]:active + label:before,
.checkbox-radio-custom input[type="radio"]:active + label:before {
	transition-duration: 0s;
	filter: brightness(1.2);
}

.checkbox-radio-custom input[type="checkbox"] + label,
.checkbox-radio-custom input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	font-weight: normal;
}

.checkbox-radio-custom input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:after {
	box-sizing: content-box;
	position: absolute;
	content: '';
	display: block;
	left: 0;
}

.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border: 2px solid #ddd;
	text-align: center;
	background: #fff;
}

.checkbox-radio-custom input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:after {
	background-color: #5d7aba;
	top: 50%;
	left: 7px;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) scale(0);
	-webkit-transform: translateY(-50%) scale(0);
	transform-origin: 50%;
	transition: transform 200ms ease-out;
}

.checkbox-radio-custom input[type="radio"]:checked + label:before {
	border-color: #183881;
	-moz-animation: borderscale 300ms ease-in;
	-webkit-animation: borderscale 300ms ease-in;
	animation: borderscale 300ms ease-in;
	background-color: #fff;
}

.checkbox-radio-custom input[type="radio"]:checked + label:after {
	transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
}

.checkbox-radio-custom input[type="radio"] + label:before, input[type="radio"] + label:after {
	border-radius: 50%;
}

.checkbox-radio-custom input[type="checkbox"] + label:after {
	background-color: transparent;
	top: 50%;
	left: .25rem;
	width: .5rem;
	height: .2rem;
	margin-top: -.2rem;
	border-style: solid;
	border-color: #5d7aba;
	border-width: 0 0 1.4px 1.4px;
	-moz-transform: rotate(-45deg) scale(0);
	-ms-transform: rotate(-45deg) scale(0);
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}

.checkbox-radio-custom input[type="checkbox"]:checked + label:before {
	-moz-animation: borderscale 200ms ease-in;
	-webkit-animation: borderscale 200ms ease-in;
	animation: borderscale 200ms ease-in;
	border-color: #183881;
}

.checkbox-radio-custom input[type="checkbox"]:checked + label:after {
	content: '';
	-moz-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	-moz-transition: -moz-transform 200ms ease-out;
	-o-transition: -o-transform 200ms ease-out;
	-webkit-transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
}

.checkbox-radio-custom input[type="radio"]:focus + label:before {
	-moz-animation: borderscale 200ms ease-in;
	-webkit-animation: borderscale 200ms ease-in;
	animation: borderscale 200ms ease-in;
}

.checkbox-radio-custom input[type="checkbox"] + label:before {
	width: 16px;
	height: 16px;
}

/* Skip Navi */
#accessibility {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	background-color: #333;
	z-index: 999999;
}

#accessibility a {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 25px;
	margin-top: -100px;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	background: #000;
}

#accessibility a:link {
	color: #333;
}

#accessibility a:focus,
#accessibility a:hover, 
#accessibility a:active {
	margin-top: 0;
	text-decoration: underline;
	color: #fff;
}

/* Clear */
.clearfix:after,
.layout:after,
.layout2:after,
.imgBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.inquiry_wrap .btn_area input[type=submit], .btn_03 {
	display: inline-block;
	width: 240px;
	height: 70px;
	background: #e92231;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border: 0;
	border-radius: 35px;
}

/* 버튼 */
.btn {
	border-radius: 0;
}

.btn-light {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.btn-primary {
	background-color: #DFBE62;
	border: 1px solid #DFBE62;
	color: #1B191E;font-weight:500
}

.btn-success {
	background-color: #7BC74D;
	border-color: #7BC74D;
}

.btn-default {
	background-color: transparent;
	border: 1px solid #ddd;
}

.btn-info {
	background-color: #00818A;
	color: #fff;
	border-color: #00818A;
}

.btn-secondary {
	background-color: #343b40;
}

.btn-dark {
	background-color: #33425B;
	border-color: #33425B;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #fff;
	border: 1px solid #fff;
	color: #1eaaee;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #7b36c2;
	border: 1px solid #7b36c2;
	color: #fff;
}

.btn-default:hover,
.btn-default:focus {
	background-color: #e6e6e6;
}

.btn-dark :hover,
.btn-dark :focus {
	background-color: #33425B;
	border-color: #33425B;
}

.btn-danger {
	background-color: #DE703C;
	border-color: #DE703C;
}

.btn-lg {
	padding: 12px .75rem;
	font-size: 18px;
	width: 100%;
	max-width: 390px;
}

.btn-sm {
	padding: 8px 15px;
	font-size: 0.875rem;
}

.btn-xs {
	padding: 5px 10px;
	font-size: 9pt;
}

.btn-radius5 {
	border-radius: 5px;
}

.btn-radius50 {
	border-radius: 50px;
}

.btn-border {
	border: 1px solid #00818A;
	padding: 8px 15px;
	padding-right: 50px;
	position: relative;
	color: #fff;
	font-size: 0.85em;
	font-weight: 400;
}

.btn-border:after {
	position: absolute;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	display: block;
	content: "";
	right: 15px;
	top: 50%;
	transform: rotate(45deg);
	margin-top: -3px;
}

.btn-border:hover,
.btn-border:focus {
	background: #C14545;
	border: 1px solid #C14545;
	color: #fff !important;
}

.btn-border:hover:after,
.btn-border:focus:after {
	border-color: #fff;
}

.btn-border.white {
	border: 2px solid #fff;
	color: #fff;
}

.btn-border.white:after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.btn-border.white:hover,
.btn-border.white:focus {
	border-color: #fff;
	background: #fff;
	color: #000 !important;
}

.btn-border.white:hover:after,
.btn-border.white:focus:after {
	border-color: #000;
}

.btn-border.blue {
	border: 2px solid #3475d9;
	background: #3475d9;
	color: #fff;
}

.btn-border.blue:after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.btn-border.blue:hover,
.btn-border.blue:focus {
	border-color: #3475d9;
	background: #fff;
	color: #3475d9 !important;
}

.btn-border.blue:hover:after,
.btn-border.blue:focus:after {
	border-color: #3475d9;
}

.btn-kei-primary {
	border: #404b69;
    color: #fff;
    background-color: #404b69;
}

.btn-kei-secondary {
    border: 1px solid #999;
    background-color: #fff;
}

.btn-review-secondary {
	border: 1px solid #DFBE62;
	background-color: #DFBE62;
}
/* width */
.wt14 {
	width: 14.28% !important;
}

.wt16 {
	width: 16.666% !important;
}

.wt20 {
	width: 20% !important;
}

.wt20 {
	width: 25% !important;
}

.wt33 {
	width: 33.333% !important;
}

.wt50 {
	width: 50% !important;
}

.wt100 {
	width: 100% !important;
}

/* height */
.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-100-27 {
	height: calc(100% - 27px) !important;
}

.h-100-55 {
	height: calc(100% - 55px) !important;
}

.h-auto {
  height: auto !important
}

.h1600-px {
	height: 900px !important;
}

.h1500-px {
	height: 900px !important;
}

.h1400-px {
	height: 900px !important;
}

.h1300-px {
	height: 900px !important;
}

.h1200-px {
	height: 900px !important;
}

.h1100-px {
	height: 900px !important;
}

.h1000-px {
	height: 900px !important;
}

.h900-px {
	height: 900px !important;
}

.h800-px {
	height: 800px !important;
}

.h700-px {
	height: 700px !important;
}

.h600-px {
	height: 600px !important;
}

.h500-px {
	height: 500px !important;
}

.h400-px {
	height: 400px !important;
}

.h300-px {
	height: 300px !important;
}

.h200-px {
	height: 200px !important;
}

.h100-px {
	height: 100px !important;
}

.h40-px {
	height: 40px !important;
}

.h30-px {
	height: 30px !important;
}

.h20-px {
	height: 20px !important;
}

.h10-px {
	height: 10px !important;
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

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

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

/* font color */
.fc-mint {
	color: #0fbbaf;
}

.fc-red {
	color: #ea5449;
}

.fc-black {
	color: #333;
}

.fc-white {
	color: #fff !important;
}

.fc-excel {
	color: #2e7d32;
}

.normal {
	font-weight: 400 !important;
}

.light {
	font-weight: 300 !important;;
}

.bold5 {
	font-weight: 500 !important;;
}

.bold6 {
	font-weight: 600 !important;;
}

.bold7 {
	font-weight: 700 !important;;
}

.bold8 {
	font-weight: 800 !important;;
}

.bold9 {
	font-weight: 900 !important;;
}

.fs12 {
	font-size: 12px !important;;
}

.fs13 {
	font-size: 13px !important;;
}

.fs14 {
	font-size: 14px !important;;
}

.fs15 {
	font-size: 15px !important;;
}

.fs16 {
	font-size: 16px !important;;
}

.fs17 {
	font-size: 17px !important;;
}

.fs18 {
	font-size: 18px !important;;
}

.fs19 {
	font-size: 19px !important;;
}

.fs20 {
	font-size: 20px !important;;
}

.fs21 {
	font-size: 21px !important;;
}

.fs22 {
	font-size: 22px !important;;
}

.fs23 {
	font-size: 23px !important;;
}

.fs24 {
	font-size: 24px !important;;
}

.fs25 {
	font-size: 25px !important;;
}

.fs26 {
	font-size: 26px !important;;
}

.fs28 {
	font-size: 28px !important;;
}

.fs30 {
	font-size: 30px !important;;
}

.fs32 {
	font-size: 32px !important;;
}

.fs34 {
	font-size: 34px !important;;
}

.fs35 {
	font-size: 35px !important;;
}

.fs36 {
	font-size: 36px !important;;
}

.fs38 {
	font-size: 38px !important;;
}

.fs40 {
	font-size: 40px !important;;
}

.fs42 {
	font-size: 42px !important;;
}

.fs48 {
	font-size: 48px !important;;
}

.fs50 {
	font-size: 50px !important;;
}

.lh15 {
	line-height: 15px !important;;
}

.lh16 {
	line-height: 16px !important;;
}

.lh17 {
	line-height: 17px !important;;
}

.lh18 {
	line-height: 18px !important;;
}

.lh19 {
	line-height: 19px !important;;
}

.lh20 {
	line-height: 20px !important;;
}

.lh21 {
	line-height: 21px !important;;
}

.lh22 {
	line-height: 22px !important;;
}

.lh23 {
	line-height: 23px !important;;
}

.lh24 {
	line-height: 24px !important;;
}

.lh25 {
	line-height: 25px !important;;
}

.lh26 {
	line-height: 26px !important;;
}

.lh26 {
	line-height: 27px !important;;
}

.lh28 {
	line-height: 28px !important;;
}

.lh30 {
	line-height: 30px !important;;
}

@media (max-width:970px) {
	.fs14 {
		font-size: 13.5px;
	}

	.fs15 {
		font-size: 14px;
	}

	.fs16 {
		font-size: 15px;
	}

	.fs17 {
		font-size: 16px;
	}

	.fs18 {
		font-size: 17px;
	}

	.fs19 {
		font-size: 17px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs21 {
		font-size: 19px;
	}

	.fs22 {
		font-size: 20px;
	}

	.fs23 {
		font-size: 21px;
	}

	.fs24 {
		font-size: 21px;
	}

	.fs25 {
		font-size: 22px;
	}

	.fs26 {
		font-size: 23px;
	}

	.fs28 {
		font-size: 24px;
	}

	.fs30 {
		font-size: 26px;
	}

	.fs32 {
		font-size: 28px;
	}

	.fs34 {
		font-size: 29px;
	}

	.fs36 {
		font-size: 31px;
	}

	.fs38 {
		font-size: 33px;
	}

	.fs40 {
		font-size: 34px;
	}

	.fs42 {
		font-size: 36px;
	}

	.fs44 {
		font-size: 38px;
	}

	.fs46 {
		font-size: 40px;
	}

	.fs48 {
		font-size: 42px;
	}

	.fs50 {
		font-size: 43px;
	}

	.fs52 {
		font-size: 45px;
	}

	.fs54 {
		font-size: 47px;
	}

	.fs56 {
		font-size: 48px;
	}

	.fs58 {
		font-size: 50px;
	}

	.fs60 {
		font-size: 52px;
	}

	.lh18 {
		line-height: 16px;
	}

	.lh20 {
		line-height: 18px;
	}

	.lh22 {
		line-height: 20px;
	}

	.lh24 {
		line-height: 22px;
	}

	.lh26 {
		line-height: 24px;
	}

	.lh28 {
		line-height: 25px;
	}

	.lh30 {
		line-height: 27px;
	}

	.lh32 {
		line-height: 28px;
	}

	.lh34 {
		line-height: 30px;
	}

	.lh36 {
		line-height: 31px;
	}

	.lh38 {
		line-height: 33px;
	}

	.lh40 {
		line-height: 34px;
	}

	.lh42 {
		line-height: 36px;
	}

	.lh44 {
		line-height: 38px;
	}

	.lh46 {
		line-height: 40px;
	}

	.lh48 {
		line-height: 42px;
	}

	.lh50 {
		line-height: 44px;
	}

	.lh52 {
		line-height: 46px;
	}

	.lh54 {
		line-height: 47px;
	}

	.lh56 {
		line-height: 49px;
	}

	.lh58 {
		line-height: 50px;
	}
}

@media (max-width:480px) {
	.fs13 {
		font-size: 12px;
	}

	.fs14 {
		font-size: 13px;
	}

	.fs15 {
		font-size: 14px;
	}

	.fs16 {
		font-size: 14px;
	}

	.fs17 {
		font-size: 15px;
	}

	.fs18 {
		font-size: 15px;
	}

	.fs19 {
		font-size: 16px;
	}

	.fs20 {
		font-size: 16px;
	}

	.fs21 {
		font-size: 16px;
	}

	.fs22 {
		font-size: 16.5px;
	}

	.fs23 {
		font-size: 17px;
	}

	.fs24 {
		font-size: 17px;
	}

	.fs25 {
		font-size: 18px;
	}

	.fs26 {
		font-size: 18.5px;
	}

	.fs28 {
		font-size: 19px;
	}

	.fs30 {
		font-size: 20px;
	}

	.fs32 {
		font-size: 21px;
	}

	.fs34 {
		font-size: 22px;
	}

	.fs36 {
		font-size: 22.5px;
	}

	.fs38 {
		font-size: 23px;
	}

	.fs40 {
		font-size: 24px;
	}

	.fs42 {
		font-size: 25px;
	}

	.fs44 {
		font-size: 26px;
	}

	.fs46 {
		font-size: 27px;
	}

	.fs48 {
		font-size: 28px;
	}

	.fs50 {
		font-size: 29px;
	}

	.fs52 {
		font-size: 30px;
	}

	.fs54 {
		font-size: 31px;
	}

	.fs56 {
		font-size: 32px;
	}

	.fs58 {
		font-size: 33px;
	}

	.fs60 {
		font-size: 34px;
	}

	.lh18 {
		line-height: 14px;
	}

	.lh20 {
		line-height: 16px;
	}

	.lh22 {
		line-height: 18.5px;
	}

	.lh24 {
		line-height: 20px;
	}

	.lh26 {
		line-height: 20px;
	}

	.lh28 {
		line-height: 22px;
	}

	.lh30 {
		line-height: 23px;
	}

	.lh32 {
		line-height: 24px;
	}

	.lh34 {
		line-height: 25px;
	}

	.lh36 {
		line-height: 26px;
	}

	.lh38 {
		line-height: 28px;
	}

	.lh40 {
		line-height: 29px;
	}

	.lh42 {
		line-height: 30px;
	}

	.lh44 {
		line-height: 31px;
	}

	.lh46 {
		line-height: 32px;
	}

	.lh48 {
		line-height: 34px;
	}

	.lh50 {
		line-height: 36px;
	}

	.lh52 {
		line-height: 37px;
	}

	.lh54 {
		line-height: 38px;
	}

	.lh56 {
		line-height: 40px;
	}

	.lh58 {
		line-height: 42px;
	}
}

/*margin/padding*/
.p0 {
	padding: 0 !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr16 {
	padding-right: 16px !important;
}

.pl16 {
	padding-left: 16px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}
.pl20{padding-left:20px !important}

.pt25 {
	padding-top: 25px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pt70 {
	padding-top: 80px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pt110 {
	padding-top: 110px !important;
}

.pb110 {
	padding-bottom: 110px !important;
}

.pt120 {
	padding-top: 120px !important;
}

.pb120 {
	padding-bottom: 120px !important;
}

.pt130 {
	padding-top: 130px !important;
}

.pb130 {
	padding-bottom: 130px !important;
}

.pt140 {
	padding-top: 140px !important;
}

.pb140 {
	padding-bottom: 140px !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt1 {
	margin-top: 1px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mt70 {
	margin-top: 80px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mt110 {
	margin-top: 110px !important;
}

.mb110 {
	margin-bottom: 110px !important;
}

.mt120 {
	margin-top: 120px !important;
}

.mb120 {
	margin-bottom: 120px !important;
}

.mt130 {
	margin-top: 130px !important;
}

.mb130 {
	margin-bottom: 130px !important;
}

.mt150 {
	margin-top: 150px !important;
}

.mb150 {
	margin-bottom: 150px !important;
}

.mt180 {
	margin-top: 180px !important;
}

.mb180 {
	margin-bottom: 180px !important;
}

.mt200 {
	margin-top: 200px !important;
}

.mb200 {
	margin-bottom: 200px !important;
}

.mt300 {
	margin-top: 300px !important;
}

.mb200 {
	margin-bottom: 300px !important;
}

/* 프린트 */
@media print {
	#header, aside, #spot, .cont-bot, #footer {
		display: none;
	}

	.container {
		width: 100% !important;
	}
}

@media screen and (max-width:640px) {
	html {
		font-size: 14px;
	}
}

.page-title {
	font-size: 14pt;
}

h4.unit-title {
	margin-bottom: 10px;
}

.disable-dbl-tap-zoom {
	touch-action: manipulation;
}

/* 프린트 end  */
.border-default:hover, .border-default:focus {
	border: 1px solid #ddd;
}

.display-1 {
	font-size: 6rem;
	font-weight: 300;
	line-height: 1.2;
}

.my-4 {
	margin-bottom: 1.5rem !important;
}

.mx-3 {
	margin-right: 0.3rem !important;
}

.ml-revert {
	margin-left: revert !important;
}

.mr-revert {
	margin-right: revert !important;
}

.mr-5 {
	margin-right: -5px !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr3 {
	margin-right: 0.3rem !important;
}

.mr4 {
	margin-right: 0.4rem !important;
}

.mr5 {
	margin-right: 0.5rem !important;
}

.mr6 {
	margin-right: 0.6rem !important;
}

.mr7 {
	margin-right: 0.7rem !important;
}

.mr8 {
	margin-right: 0.8rem !important;
}

.mr9 {
	margin-right: 0.9rem !important;
}

.mr10 {
	margin-right: 1rem !important;
}

.mr11 {
	margin-right: 1.1rem !important;
}

.mr13 {
	margin-right: 1.3rem !important;
}

.mr15 {
	margin-right: 1.5rem !important;
}

.mr21 {
	margin-right: 2.1rem !important;
}

.mr5p {
	margin-right: 5px !important;
}

.mr10p {
	margin-right: 10px !important;
}

.mr15p {
	margin-right: 15px !important;
}

.mr20p {
	margin-right: 20px !important;
}

.mr25p {
	margin-right: 25px !important;
}


.mr30p {
	margin-right: 30px !important;
}

/* margin-left */
.ml-5 {
	margin-left: -5px !important;
}

.ml-20 {
	margin-left: -20px !important;
}

.ml1 {
	margin-left: 0.1rem !important;
}

.ml2 {
	margin-left: 0.2rem !important;
}

.ml3 {
	margin-left: 0.3rem !important;
}

.ml4{
	margin-left: 0.4rem !important;
}

.ml5 {
	margin-left: 0.5rem !important;
}

.ml1-3 {
	margin-left: 1.3rem !important;
}

.ml4-125 {
	margin-left: 4.125rem !important;
}

.ml6-875 {
	margin-left: 6.875rem !important;
}

.w-auto {
	width: auto !important;
}

.w50 {
	width: 50px !important;
}

.w60 {
	width: 60px !important;
}

.w72 {
	width: 72px !important;
}

.w77 {
	width: 77px !important;
}

.w90 {
	width: 90px !important;
}

.w100 {	
	width: 100px !important;	
}

.w125 {
	width: 125px !important;
}

.w127 {
	width: 127px !important;
}

.w130 {
	width: 130px !important;
}

.w135 {	
	width: 135px !important;	
}

.w150 {
	width: 150px !important;
}

.w155 {
	width: 155px !important;
}

.w190 {
	width: 190px !important;
}

.w200 {
	width: 200px !important;
}

.w210 {
	width: 210px !important;
}

.w225 {
	width: 225px !important;
}

.w235 {
	width: 235px !important;
}

.w245 {
	width: 245px !important;
}

.w280 {	
	width: 280px !important;	
}

.w298 {	
	width: 298px !important;	
}	

.w300 {
	width: 300px !important;
}

.w325 {	
	width: 325px !important;	
}

.w400 {
	width: 400px !important;
}

/* width % */
.w10p {
	width: 10% !important;
}

.w15p {
	width: 15% !important;
}

.w20p {
	width: 20% !important;
}

.w25p {
	width: 25% !important;
}

.w30p {
	width: 30% !important;
}

.w35p {
	width: 35% !important;
}

.w40p {
	width: 45% !important;
}

.w50p {
	width: 50% !important;
}

.w55p {
	width: 55% !important;
}

.w60p {
	width: 60% !important;
}

.w65p {
	width: 65% !important;
}

.w70p {
	width: 70% !important;
}

.w75p {
	width: 75% !important;
}

.w80p {
	width: 80% !important;
}

.w85p {
	width: 85% !important;
}

.w90p {
	width: 95% !important;
}

.w95p {
	width: 95% !important;
}

.w100p {
	width: 100% !important;
}

/* padding */
.pl3 {
	padding-left: 3px !important;
}
/* border */
.border-secondary {
	border: 1px solid #dadada;
}

.border-primary {
	border: 1px solid #1eaaee;
}

.border-top-primary-3 {
	border-top: 3px solid #15b3e7;/*  #1eaaee; */
}

.border-top-primary-review-3 {
	border-top: 3px solid rebeccapurple;
}

.border-right-only {
	border-top: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
}

/* background */
.bg-color-primary {
	background-color: #e8f2fb !important;
}

.bg-color-white {
	background-color: #fff !important;
}

.btn-white {
	background-color: #fff !important;
}

.lead {
	font-size: 1.25rem;
	font-weight: 300;
}

.btn-link {
	font-weight: 400;
	color: #007bff;
	background-color: transparent;
}

.btn-hover:hover {
	color: white;
}

/* temporary */
#action-container {
	height: 40px;
	margin: 0 auto;
	max-width: 1500px;
	z-index: 999;
}

.link-primary {
	color: #455F7C;
	/*color: #DFBE62; -- updated: 2025-11-20 */
}
.link-primary:focus, .link-primary:active, .link-primary:hover {
	color: #0363E4;
}

/* font-size */

.fs8-pt {
	font-size: 8pt !important;
}

.fs9-pt {
	font-size: 9pt;
}

.fs10-pt {
	font-size: 10pt;
}

.fs11-pt {
	font-size: 11pt;
}

.fs12-pt {
	font-size: 12pt;
}

.fs13-pt {
	font-size: 13pt;
}

.fs14-pt {
	font-size: 14pt;
}

.fs15-pt {
	font-size: 15pt;
}