@charset "UTF-8";
/*
* base
*/
/*
* scss
*/
/*
[iconCancel]
$size   아이콘 넓이/높이 값 (짝수값 입력 권장) Number  22px
$thick  아이콘 내 막대의 두께 값  Number  2px
$color  아이콘 막대 색상 값 Color   #000
$padding    아이콘 여백 값    Number  20px
$display    아이콘 display 속성 값    inline-block/block  inline-block
$position   아이콘 position 속성 값   relative/absolute   relative
*/
/*
[iconPlus]
$size   아이콘 넓이/높이 값 (짝수값 입력 권장) Number  22px
$thick  아이콘 내 막대의 두께 값  Number  2px
$color  아이콘 막대 색상 값 Color   #000
$padding    아이콘 여백 값    Number  20px
$display    아이콘 display 속성 값    inline-block/block  inline-block
$position   아이콘 position 속성 값   relative/absolute   relative
*/
/*
[iconMenu]
$width  아이콘 막대 넓이 값 number  21px
$thick  아이콘 막대 두께 값 number  2px
$interval   아이콘 막대 간 간격 number  6px
$color  아이콘 색상 값    color   #000
$padding    아이콘 여백 값    number  0
*/
/*
[iconMore]
$direction  아이콘 방향 (‘vertical’, ‘horizontal’)   string  'vertical'
$size   아이콘 내 원 넓이/높이 값 number  4px
$interval   아이콘 내 원 간 간격    number  4px
$color  아이콘 색상 값    color   #000
$padding    아이콘 여백 값    number  0
*/
/*
[iconTriangle]
$direction  화살표 방향 (‘up’, ‘down’, ‘left’, ‘right’)  String  'up'
$width  아이콘 넓이 값 (‘up’ or ‘down’인 경우, 짝수값 입력 권장)    number  20px
$height 아이콘 높이 값 (‘left’ or ‘right’인 경우, 짝수값 입력 권장) number  10px
$color  아이콘 색상 값    Color   #000
$display    아이콘 display 속성 값    inline-block/block  inline-block
*/
/*
[iconAngle]
$direction  아이콘 화살표 방향 (‘up’, ‘down’, ‘left’, ‘right’)  String  'up'
$width  아이콘 넓이 값    number  50px
$height 아이콘 높이 값    number  25px
$thick  아이콘 화살표 두께 값    number  2px
$color  아이콘 색상 값    color   #222
$display    아이콘 display 속성 값    inline-block/block  inline-block
$position   아이콘 position 속성 값   relative/absolute   relative
*/
/*
[iconArrow]
$direction  아이콘 화살표 방향 (‘up’, ‘down’, ‘left’, ‘right’)  String  'up'
$width  아이콘 넓이 값    number  50px
$height 아이콘 높이 값    number  50px
$thick  아이콘 화살표 두께 값    number  2px
$color  아이콘 색상 값    color   #222
$display    아이콘 display 속성 값    inline-block/block  inline-block
$position   아이콘 position 속성 값   relative/absolute   relative
*/
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: 1;
	word-break: break-all;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
	display: block;
	line-height: 1;
}

iframe {
	max-width: 100% !important;
}

a, label {
	cursor: pointer;
}

blockquote {
	padding: 0;
	margin: 0;
	display: block;
}

address, em {
	font-style: normal;
}

hr {
	border: 0;
	margin: 0;
	padding: 0;
}

ul, ol, li {
	list-style: none;
}

textarea {
	resize: vertical;
	overflow: hidden;
	-webkit-appearance: none;
	border: none;
}

input, button, select {
	vertical-align: middle;
	border-radius: 0px;
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-appearance: none;
}

table {
	border-collapse: collapse;
}

*:before,
*:after {
	padding: 0;
	margin: 0;
	line-height: 1;
}

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

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

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

.ml0 {
	margin-left: 0px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

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

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

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

.ml5 {
	margin-left: 5px !important;
}

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

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

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

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

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

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

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

.ml10 {
	margin-left: 10px !important;
}

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

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

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

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

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

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

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

.ml15 {
	margin-left: 15px !important;
}

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

.pr15 {
	padding-right: 15px !important;
}

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

.pl15 {
	padding-left: 15px !important;
}

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

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

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

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

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

.pr20 {
	padding-right: 20px !important;
}

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

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

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

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

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

.ml25 {
	margin-left: 25px !important;
}

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

.pr25 {
	padding-right: 25px !important;
}

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

.pl25 {
	padding-left: 25px !important;
}

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

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

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

.ml30 {
	margin-left: 30px !important;
}

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

.pr30 {
	padding-right: 30px !important;
}

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

.pl30 {
	padding-left: 30px !important;
}

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

.mr35 {
	margin-right: 35px !important;
}

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

.ml35 {
	margin-left: 35px !important;
}

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

.pr35 {
	padding-right: 35px !important;
}

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

.pl35 {
	padding-left: 35px !important;
}

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

.mr40 {
	margin-right: 40px !important;
}

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

.ml40 {
	margin-left: 40px !important;
}

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

.pr40 {
	padding-right: 40px !important;
}

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

.pl40 {
	padding-left: 40px !important;
}

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

.mr45 {
	margin-right: 45px !important;
}

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

.ml45 {
	margin-left: 45px !important;
}

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

.pr45 {
	padding-right: 45px !important;
}

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

.pl45 {
	padding-left: 45px !important;
}

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

.mr50 {
	margin-right: 50px !important;
}

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

.ml50 {
	margin-left: 50px !important;
}

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

.pr50 {
	padding-right: 50px !important;
}

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

.pl50 {
	padding-left: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pl55 {
	padding-left: 55px !important;
}

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

.mr60 {
	margin-right: 60px !important;
}

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

.ml60 {
	margin-left: 60px !important;
}

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

.pr60 {
	padding-right: 60px !important;
}

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

.pl60 {
	padding-left: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pl65 {
	padding-left: 65px !important;
}

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

.mr70 {
	margin-right: 70px !important;
}

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

.ml70 {
	margin-left: 70px !important;
}

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

.pr70 {
	padding-right: 70px !important;
}

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

.pl70 {
	padding-left: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pl75 {
	padding-left: 75px !important;
}

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

.mr80 {
	margin-right: 80px !important;
}

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

.ml80 {
	margin-left: 80px !important;
}

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

.pr80 {
	padding-right: 80px !important;
}

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

.pl80 {
	padding-left: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pl85 {
	padding-left: 85px !important;
}

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

.mr90 {
	margin-right: 90px !important;
}

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

.ml90 {
	margin-left: 90px !important;
}

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

.pr90 {
	padding-right: 90px !important;
}

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

.pl90 {
	padding-left: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mr95 {
	margin-right: 95px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pl95 {
	padding-left: 95px !important;
}

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

.mr100 {
	margin-right: 100px !important;
}

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

.ml100 {
	margin-left: 100px !important;
}

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

.pr100 {
	padding-right: 100px !important;
}

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

.pl100 {
	padding-left: 100px !important;
}

.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}

.mt-two {margin-top: 2% !important;}
.mt-four {margin-top: 4% !important;}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
	font-family: "NotoSansCJKkr";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKkr.otf") format("opentype");
}

@font-face {
	font-family: "NotoSansCJKkrBold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKkrBold.otf") format("opentype");
}

html {
	font-size: 64%;
	min-height: 100%;
}

body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	height: 100%;
	overflow-x: hidden;
}

body, button, input, select, table, textarea, pre {
	font-family: "NotoSansCJKkr", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

::-moz-selection {
	color: #fff;
	background: #39e5dd;
}

::selection {
	color: #fff;
	background: #39e5dd;
}

::-moz-selection {
	color: #fff;
	background: #39e5dd;
}

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

a:hover {
	color: #000;
	text-decoration: none;
}

.container {
	position: relative;
	padding: 3% 5%;
}

.txt-black {
	color: #000;
}

.txt-orange {
	color: #ffa902;
}

.gridWrap {
	display: grid;
	grid-template-columns: 200px 1fr 2fr;
	border: 2px solid #f76707;
	border-radius: 5px;
	background-color: #fff4e6;
}

.gridWrap > div {
	border: 2px solid #ffa94d;
	border-radius: 5px;
	background-color: #ffd8a8;
	padding: 1em;
	color: #d9480f;
}

h2 {
	font-size: 1.7rem;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.chart-box {
	background-color: #fff;
}

strong {
	font-weight: 700;
}

input[type=checkbox] {
	border-radius: 100%;
	border: 1px solid #8a8a8a;
	-webkit-appearance: checkbox;
	width: 1.8rem;
	height: 1.8rem;
	vertical-align: top;
}

textarea {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #cccccc;
	padding: 1rem;
	color: #464646;
	font-size: 1.6rem;
	border: 1px solid #ebebeb;
	resize: none;
}

textarea::-webkit-input-placeholder {
	background-color: #fff;
	color: #cccccc;
}

textarea:-ms-input-placeholder {
	background-color: #fff;
	color: #cccccc;
}

textarea::placeholder {
	background-color: #fff;
	color: #cccccc;
}

textarea:hover, textarea:focus {
	border: 1px solid #f26321;
	background-color: #fff;
	color: #464646;
	outline: none;
}

input[type=text], input[type=tel], input[type=email], input[type=password], select {
	border: 1px solid #ebebeb;
	width: 100%;
	padding: 1rem 0;
	text-indent: 1rem;
	background-color: #fff;
	color: #464646;
	font-size: 1.6rem;
}

/* body.ios input[type=text],
body.ios input[type=email],
body.ios input[type=password],
body.ios input[type=tel],
body.ios select {
	padding: 0 !important;height: 46px;line-height: 100%;
} */

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, select:hover, select:focus {
	border: 1px solid #f26321;
	background-color: #fff;
	color: #464646;
	outline: none;
}

input[type=text].text-center, input[type=email].text-center, input[type=password].text-center, select.text-center {
	text-indent: 0;
	outline: none;
}

input[readonly], select[readonly], textarea[readonly],
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover,
input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus {color: #bbb;background-color: #f9f9f9;border-color: #bbb;}

.select-box {
	position: relative;
}

.select-box:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 15px;
	margin-top: -6px;
	border: solid #8a8a8a;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

button.btn-login {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	padding: 1rem 0;
	background-color: #f26321;
	color: #fff;
	border: 1px solid #f26321;
	margin-bottom: 1rem;
	border-radius: 10px;
}

button.btn-sign {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	padding: 1rem 0;
	background-color: #fff;
	border: 1px solid #0a2a4c;
	color: #0a2a4c;
	margin-bottom: 1rem;
	border-radius: 10px;
}

.hgbtn {display:inline-block;vertical-align: middle;border:0;border:none;outline:none;background:none;border-radius:0px;-webkit-appearance:none;}
.hgbtn.orange01 {background-color: #f26321;border-radius: 10px;font-size: 1.4rem; padding: 1rem;color: #fff;}
.hgbtn.blue01 {background-color: #00427a;border-radius: 10px;font-size: 1.4rem; padding: 1rem;color: #fff;}

.decimal-list.type2 > li {
	margin-bottom: 0;
}

.decimal-list > li {
	position: relative;
	margin-bottom: 1rem;
	padding-left: 2rem;
	line-height: 1.2em;
}

.decimal-list > li > span.num {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.decimal-list > li > p {
	padding-top: 1rem;
}

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

.switch-box {
	position: absolute;
	top: -.8rem;
	right: 10px;
}

.clearfix {
	display: block;
	content: "";
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

input[class="switch"] {
	position: relative;
	visibility: hidden;
}

input[class="switch"]:checked + label {
	background-color: #a9d2f9;
}

input[class="switch"]:checked + label > span {
	-webkit-transform: translateX(26px);
	transform: translateX(26px);
}

input[class="switch"] + label {
	display: block;
	position: relative;
	width: 60px;
	height: 34px;
	border-radius: 17px;
	background-color: #ddd;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

input[class="switch"] + label:before, input[class="switch"] + label:after {
	position: absolute;
	top: 0;
	width: 34px;
	font-size: 11px;
	line-height: 34px;
	color: #fff;
	text-align: center;
}

input[class="switch"] + label:before {
	left: 0;
	content: 'ON';
}

input[class="switch"] + label:after {
	right: 0;
	content: 'OFF';
}

input[class="switch"] + label > span {
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 1;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.pt-btn-box {
	position: fixed;
	bottom: 0rem;
	left: 0;
	width: 100%;
	padding: 0 2rem 2rem 2rem;
	background-color: #fff;
}

.pt-btn-box .btn-box .btn-login {
	margin-bottom: 0;
}

.shadow {
	-webkit-box-shadow: 10px 10px 5px #eee;
	box-shadow: 10px 10px 5px #eee;
}

.font-bold {
	font-weight: 700;
}

.blue {
	color: #0b2c4d;
}

.btn-ir {
	display: inline-block;
	padding: 2px 5px;
	color: #fff;
	background-color: #f58220;
	text-align: center;
	font-size: 1.2rem;
}

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

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

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

input::-webkit-input-placeholder {
	background-color: #fff;
	color: #cccccc;
}

input:-ms-input-placeholder {
	background-color: #fff;
	color: #cccccc;
}

input::placeholder {
	background-color: #fff;
	color: #cccccc;
}

.chkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/chk-off.png) no-repeat;
	background-size: 100%;
}

.chkbox.on {
	background: url(../images/chk-on.png) no-repeat;
	background-size: 100%;
}

.chkbox.x {
	background: url(../images/chk-x.png) no-repeat;
	background-size: 100%;
}

.is-chk[type="radio"], .is-chk[type="checkbox"] {
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	position: absolute;
	opacity: 0;
}

.is-chk[type="radio"] + label, .is-chk[type="checkbox"] + label {
	position: relative;
	display: initial;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 .5rem .2rem 0;
	font-size: 1.25rem;
	padding-left: 2.5rem;
	letter-spacing: -.5px;
}

.is-chk[type="checkbox"] + label::before, .is-chk[type="checkbox"] + label:before {
	position: absolute;
	left: 0;
	top: 0rem;
	content: "";
	border: .1rem solid #dbdbdb;
	border-color: #8a8a8a !important;
	border: .1rem solid #dbdbdb;
	width: 1.875rem;
	height: 1.875rem;
}

.is-chk[type="checkbox"].is-circle + label::before, .is-chk[type="checkbox"].is-circle + label:before {
	border-radius: 100%;
}

.is-chk[type="checkbox"]:checked + label::before, .is-chk[type="checkbox"]:checked + label:before {
	border-color: #0b2c4d !important;
	background-color: #0b2c4d;
}

.is-chk[type="checkbox"]:checked + label::after, .is-chk[type="checkbox"]:checked + label:after {
	position: absolute;
	display: inline;
	content: "";
	width: .46875rem;
	height: .75rem;
	top: .50625rem;
	left: .75rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-width: .1rem;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
}

.membership-title {
	text-align: center;
	font-size: 1.6rem;
	color: #8a8a8a;
	padding: 1rem 0 2rem 0;
}

.membership-title .icon-b {
	position: relative;
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	vertical-align: top;
	margin-right: 3px;
}

.membership-title .icon-b:before {
	position: absolute;
	display: inline-block;
	content: '';
	top: 0;
	left: 0;
	border-radius: 100%;
	background-color: #0a2a4c;
	width: 100%;
	height: 100%;
}

.membership-title .icon-b:after {
	position: absolute;
	display: inline-block;
	content: '';
	left: 7px;
	top: 4px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon-q {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon-q.png) 100% 50% no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.icon-notice {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/icon-notice.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-event {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/icon-event.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-setup {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/icon-setup.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-setup-w {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../images/icon-setup-w.png) 100% 50% no-repeat;
	background-size: 100% 100%;
}

.icon-service1 {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(../images/icon-service1.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service2 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service2.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service3 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service3.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service4 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service4.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service5 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service5.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service6 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service6.png) 100% 50% no-repeat;
	background-size: 100%;
}

.icon-service7 {
	display: inline-block;
	width: 2rem;
	height: 2.5rem;
	background: url(../images/icon-service7.png) 100% 50% no-repeat;
	background-size: 100%;
}

.btn-back {
	position: absolute;
	top: 50%;
	left: 2rem;
	margin-top: -.7rem;
	border: solid #8a8a8a;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 6px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.btn-back.white {
	border: solid #fff;
	border-width: 0 3px 3px 0;
}

/*
* common
*/
/*
* lib
*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*
* pages
*/
/* grid layout */
.pb-title {
	font-size: 2rem;
	color: #f26321;
	padding: 1rem;
	border-top: 2px solid #f26321;
	border-bottom: 2px solid #f26321;
	background-color: #fff;
}

.pb-list {
	padding: 0 2rem;
	margin: 1rem 0;
}

.pb-list li > a {
	display: block;
	padding: 1rem;
	font-size: 1.8rem;
	border-bottom: 1px solid #000;
}

#vm-wrap {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "header"
 "contents"
 "footer";
	grid-template-rows: 60px 1fr auto;
  /* grid-row-gap: 10px;
	grid-column-gap: 10px; */
}

#sidebar-wrap.open {
	display: block;
}

#sidebar-wrap.open > #sidebar {
	right: 0;
	-webkit-transition: .3s all;
	transition: .3s all;
}

#sidebar-wrap.open > #sidebar-mask {
	visibility: visible;
	opacity: .7;
	-webkit-transition: .3s all;
	transition: .3s all;
}

#sidebar-wrap #sidebar {
	position: fixed;
	top: 0;
	right: -80%;
	width: 80%;
	background-color: #fff;
	height: 100vh;
	z-index: 1001;
	-webkit-transition: .3s all;
	transition: .3s all;
	overflow-y: auto;
}

#sidebar-wrap #sidebar > .sidebar-footer {
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	bottom: 2rem;
	padding-left: 2rem;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}

#sidebar-wrap #sidebar > .sidebar-footer h2 {
	text-align: left;
	color: #898989;
}

#sidebar-wrap #sidebar > .sidebar-footer .swiper-sidebar {
	padding-left: 1rem;
	padding-right: 3rem;
}

#sidebar-wrap #sidebar > .sidebar-footer .swiper-sidebar .swiper-button-next {
	background: none;
}

#sidebar-wrap #sidebar > .sidebar-footer .swiper-sidebar .swiper-button-next:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 1rem;
	width: 12px;
	height: 12px;
	margin-top: -10px;
	border-color: #777;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform-origin: 70% 70%;
	transform-origin: 70% 70%;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

#sidebar-wrap #sidebar > .sidebar-body > ul {
	overflow: auto;
	height: 62vh;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li {
	border-bottom: 1px solid #e1e1e1;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li.open a:after {
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li.open > .sub-menu {
	visibility: visible;
	max-height: 300px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > a {
	position: relative;
	display: block;
	padding: 1rem 2rem;
	font-size: 1.6rem;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > a.no-sub-menu:after {
	display: none;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > a:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-color: #777;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform-origin: 70% 70%;
	transform-origin: 70% 70%;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul {
	visibility: hidden;
	max-height: 0;
	background-color: #ebebeb;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li {
	border-bottom: 1px solid #e1e1e1;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a {
	position: relative;
	display: block;
	padding: 1rem 2rem 1rem 5rem;
	font-size: 1.6rem;
	color: #555555;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 2rem;
	z-index: 10;
	width: 25px;
	height: 25px;
	margin-top: -10px;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link1-1:before {
	background: url(../images/icon-side-menu1-1.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link1-2:before {
	background: url(../images/icon-side-menu1-2.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link1-3:before {
	background: url(../images/icon-side-menu1-3-v2.png) 50% 50% no-repeat;
	background-size: auto 87%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link2-1:before {
	background: url(../images/icon-side-menu2-1.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link2-2:before {
	background: url(../images/icon-side-menu2-2.png) 50% 50% no-repeat;
	background-size: 100% 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link2-3:before {
	background: url(../images/icon-side-menu2-3.png) 50% 50% no-repeat;
	background-size: 100% 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link2-4:before {
	background: url(../images/icon-side-menu2-4.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link3-1:before {
	background: url(../images/icon-side-menu3-1.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link3-2:before {
	background: url(../images/icon-side-menu3-2.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link3-3:before {
	background: url(../images/icon-side-menu3-3.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link4-1:before {
	background: url(../images/icon-side-menu4-1.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link4-2:before {
	background: url(../images/icon-side-menu4-2.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link4-3:before {
	background: url(../images/icon-side-menu4-3.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link4-4:before {
	background: url(../images/icon-side-menu4-4.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-1:before {
	background: url(../images/icon-side-menu5-1.png) 50% 50% no-repeat;
	background-size: auto 100%;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-2:before {
	background: url(../images/icon-side-menu5-2.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-3:before {
	background: url(../images/icon-side-menu5-3.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-4:before {
	background: url(../images/icon-side-menu5-4.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-5:before {
	background: url(../images/icon-side-menu5-5.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-body > ul > li > ul > li > a.item-link.link5-6:before {
	background: url(../images/icon-side-menu5-6.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

#sidebar-wrap #sidebar > .sidebar-header {
	position: relative;
	background-color: #1b3552;
	color: #fff;
	padding: 1rem 27% 1.8rem 2rem;
}

#sidebar-wrap #sidebar > .sidebar-header h2 {
	text-align: left;
	padding: 1rem 0;
	font-size: 1.5rem;
}

#sidebar-wrap #sidebar > .sidebar-header a {
	color: #fff;
}

#sidebar-wrap #sidebar > .sidebar-header a.btn-setup {
	display: inline-block;
	position: absolute;
	top: 2.7rem;
	right: 4.5rem;
	width: 2.5rem;
	height: 2.5rem;
}

#sidebar-wrap #sidebar > .sidebar-header a.btn-close {
	display: inline-block;
	position: absolute;
	top: 2.5rem;
	right: 1rem;
	width: 2.5rem;
	height: 2.5rem;
}

#sidebar-wrap #sidebar > .sidebar-header a.btn-close:after {
	content: '';
	height: 30px;
	border-left: 2px solid #fff;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 14px;
}

#sidebar-wrap #sidebar > .sidebar-header a.btn-close:before {
	content: '';
	height: 30px;
	border-left: 2px solid #fff;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 14px;
}

#sidebar-wrap #sidebar-mask {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	z-index: 1000;
	-webkit-transition: .3s all;
	transition: .3s all;
}

#sub-nav {
	overflow: hidden;
}

#contents {
	overflow: hidden;
}

#footer {
	margin-bottom: 4rem;
}

.copyright {
	background-color: #ebebeb;
	padding: 2rem 2rem;
	font-size: 1rem;
	color: #898989;
	border-top: 1px solid #cbcaca;
	border-bottom: 1px solid #cbcaca;
}

#footer .footer-grid {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e1e1e1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-items: center;
	text-align: center;
}

#footer .footer-grid a {
	display: block;
	padding: .5rem 1rem;
	color: #898989;
}

#footer .footer-grid a > span {
	display: block;
	font-size: 1.2rem;
}

#footer .footer-grid a > span.txt {
	padding-top: 5px;
}

#footer .footer-grid a img {
	width: 20px;
}

#footer .footer-grid a.icon-menu4 img {
	width: 15px;
}

body.loaded .loader-overlay {
	display: none;
}

.loader-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #21366f;
	z-index: 10000;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	justify-items: center;
}

.loader-overlay .logo {
	padding: 0 9rem 5em 11rem;
	color: #fff;
	-ms-flex-item-align: end;
	align-self: end;
}

.loader-overlay .intro-txt {
	color: #fff;
	-ms-flex-item-align: start;
	align-self: start;
	text-align: center;
	justify-self: center;
}

.loader-overlay .intro-txt > div {
	line-height: 1.4em;
}

.loader-overlay__flash {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	-webkit-animation-name: loader-background;
	animation-name: loader-background;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	z-index: 10001;
	content: "";
	display: none;
}

.loader-overlay.active .loader-overlay__flash {
	display: block;
}

.loader-overlay .button-loader {
	background: #000;
	margin: 0;
	text-transform: uppercase;
	outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 95px;
	padding-right: 0px;
	padding-bottom: 50px;
	border: 0;
}

@media (max-width: 1024px) {
	.loader-overlay .button-loader {
		width: 210px;
	}
}

.loader-overlay .button-loader span {
	margin: 30px;
	position: relative;
	width: 170px;
	height: 80px;
	overflow: hidden;
	display: inline-block;
}

.loader-overlay .button-loader span .inner {
	font-size: 1.2rem;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 9px;
	position: absolute;
	left: 0px;
	width: auto;
	display: inline;
	-webkit-transition: -webkit-transform .7s;
	transition: -webkit-transform .7s;
	transition: transform .7s;
	transition: transform .7s, -webkit-transform .7s;
	-webkit-animation-name: loader-inner;
	animation-name: loader-inner;
	-webkit-animation-duration: 0.85s;
	animation-duration: 0.85s;
}

.loader-overlay .button-loader svg {
	width: 200px;
	height: 200px;
	fill: #000;
	position: absolute;
	top: 29px;
	left: 0;
	z-index: -1;
	-webkit-transform: rotate(114deg);
	transform: rotate(114deg);
	stroke-width: 0.4;
	stroke-linecap: round;
}

.loader-overlay .button-loader svg path.golden {
	stroke: #8a8a8a;
}

.loader-overlay .button-loader svg path.grey {
	stroke: #a6884b;
	-webkit-animation-name: stroke;
	animation-name: stroke;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	stroke-width: 0.4;
}

@-webkit-keyframes stroke {
	0% {
		stroke-dasharray: 0, 100;
	}

	33% {
		stroke: #a6884b;
	}

	100% {
		stroke: #a6884b;
		stroke-dasharray: 88, 100;
	}
}

@keyframes stroke {
	0% {
		stroke-dasharray: 0, 100;
	}

	33% {
		stroke: #a6884b;
	}

	100% {
		stroke: #a6884b;
		stroke-dasharray: 88, 100;
	}
}

@-webkit-keyframes loader-inner {
	from {
		-webkit-transform: translateX(-130px);
		transform: translateX(-130px);
		stroke: #8a8a8a;
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@keyframes loader-inner {
	from {
		-webkit-transform: translateX(-130px);
		transform: translateX(-130px);
		stroke: #8a8a8a;
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@-webkit-keyframes loader-background {
	from {
		background-color: transparent;
	}

	100% {
		background-color: #ffffff;
	}
}

@keyframes loader-background {
	from {
		background-color: transparent;
	}

	100% {
		background-color: #ffffff;
	}
}

#header {
	background-color: #00427a;
	text-align: center;
	padding: 1rem 0 1rem 1rem;
}

#header .logo {
	display: inline-block;
	width: 120px;
}

a#burger-menu-icon-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 50px;
	width: 50px;
	padding: 0 18px;
	z-index: 1250;
	outline: 0;
}

a#burger-menu-icon-wrapper .burger-menu-icon {
	width: 100%;
	height: 2px;
	background-color: #8a8a8a;
	position: relative;
	opacity: 1;
}

a#burger-menu-icon-wrapper .burger-menu-icon:after, a#burger-menu-icon-wrapper .burger-menu-icon:before {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #8a8a8a;
	position: absolute;
	left: 0;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

a#burger-menu-icon-wrapper .burger-menu-icon:after, a#burger-menu-icon-wrapper:active .burger-menu-icon:after {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

a#burger-menu-icon-wrapper .burger-menu-icon:before, a#burger-menu-icon-wrapper:active .burger-menu-icon:before {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon {
	background-color: transparent;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon:before {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon:after {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.nav-menu-list {
	display: block;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 60px;
	padding: 10px 12px 0;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.nav-menu-list > li {
	display: inline-block;
	height: 30px;
	width: auto;
	float: none;
	margin-left: 8px;
	margin-bottom: 10px;
	white-space: nowrap;
}

.nav-menu-list > li:first-child {
	margin-left: 0;
}

.nav-menu-list > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-align: center;
	text-transform: uppercase;
	background: #3e3e3e;
	cursor: default;
	color: #fff;
	z-index: 10;
	-webkit-transition: all .12s ease-out;
	transition: all .12s ease-out;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	white-space: nowrap;
	height: 30px;
	width: auto;
	margin: 0;
	padding: 0 12px;
	border-radius: 30px;
	left: auto;
	top: auto;
	line-height: 1;
}

.nav-menu-list > li > a.active {
	background: #ff6060;
	color: #fff;
}

#contents {
	background-color: #ebebeb;
}

/* START loading */
.spinner {
	padding-top: 2em;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #f78320;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* END loading */
.notice-box {
	position: relative;
	margin: 1rem 0;
	padding: 1rem 2rem 1rem 5rem;
	background-color: #fff;
	font-size: 1.3rem;
	overflow: hidden;
}

.notice-box:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 2rem;
	margin-top: -13px;
	z-index: 1;
	width: 25px;
	height: 25px;
	background: url(../images/icon-notice.png) center center no-repeat;
	background-size: 100%;
}

.notice-box > .notice-txt {
	word-break: break-word;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	height: 1em;
	line-height: 1;
}

.swiper-container {
	overflow: initial !important;
}

.swiper2 {background-color: #0b2b4d;}
.swiper2 swiper-wrapper {z-index: 10;}
.swiper2::before,
.swiper2::after {content: "";display: block;position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);width: 30px;height: 30px;}
.swiper2::before {left: 12%;background: url("../images/ico-arrow-left-white.png") no-repeat center center;background-size: contain;}
.swiper2::after {right: 12%;background: url("../images/ico-arrow-right-white.png") no-repeat center center;background-size: contain;}
.swiper2 .swiper-slide {
	background-color: #0b2b4d;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* loop option false 설정시 좌우 여백 생김으로 인해서 active 바로 다음 element active 처리*/
/* .swiper2 .swiper-slide.swiper-slide-next {
	background-color: #f58322;
	z-index: 10;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0px 0px 10px 3px #333;
	box-shadow: 0px 0px 10px 3px #333;
} */
.swiper2 .swiper-slide.swiper-slide-active {
	background-color: #f58322;
	z-index: 10;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0px 0px 10px 3px #333;
	box-shadow: 0px 0px 10px 3px #333;
}

.main-service .service-info {position: relative;background-color: #fff;padding: 2% 5px;}
.main-service .service-logo {position: absolute;top: 50%;left: 50%;z-index: 10;width: 45%;transform: translate(-50%, -50%);text-align: center;}
.main-service ul {font-size: 0;vertical-align: top;}
.main-service li {display: inline-block;font-size: 0;width: 50%;padding: 5px;vertical-align: top;}
.main-service dl {padding: 10px;width: 100%;height: 54vw;border: 1px #ccc solid;border-radius: 15px;text-align: center;}
.main-service dl dt {margin-bottom: 10px;font-size: 4vw;font-weight: 600;color: #0b2b4d;text-align: center;line-height: 1.3;}
.main-service dl dd {display: inline-block;font-size: 3.4vw;color: #555;line-height: 1.4;letter-spacing: -0.5px;}

.main-service li.svbox1 dl,
.main-service li.svbox2 dl {padding-bottom: 20%;}
.main-service li.svbox3 dl,
.main-service li.svbox4 dl {padding-top: 20%;}

.main-service li.svbox1 dd {padding-top: 35px;background-image: url(../images/ico-main-service1.png);background-repeat: no-repeat; background-position: center 0;background-size: 30px auto;}
.main-service li.svbox2 dd {padding-top: 35px;background-image: url(../images/ico-main-service2.png);background-repeat: no-repeat; background-position: center 0;background-size: 30px auto;}
.main-service li.svbox3 dd {padding-top: 35px;background-image: url(../images/ico-main-service3.png);background-repeat: no-repeat; background-position: center 0;background-size: 30px auto;}
.main-service li.svbox4 dd {padding-top: 35px;background-image: url(../images/ico-main-service4.png);background-repeat: no-repeat; background-position: center 0;background-size: 30px auto;}

@media all and (min-width: 460px){
	.main-service li {padding: 10px;}
	.main-service dl {height: 39vw;}
	.main-service dl dt {font-size: 4vw;}
	.main-service dl dd {font-size: 3vw;}

	.main-service li.svbox1 dd {text-align: left;padding-top: 0;padding-left: 20%;background-position: 0 0;background-size: 18% auto;}
	.main-service li.svbox2 dd {text-align: left;padding-top: 0;padding-left: 20%;background-position: 0 0;background-size: 17% auto;}
	.main-service li.svbox3 dd {text-align: left;padding-top: 0;padding-left: 20%;background-position: 0 0;background-size: 20% auto;}
	.main-service li.svbox4 dd {text-align: left;padding-top: 0;padding-left: 20%;background-position: 0 0;background-size: 17% auto;}
}

.main-link-cell {
	text-align: center;
	color: #fff;
	padding: 2rem 0;
	font-size: 1.2rem;
}

.main-link-cell > a {
	color: #fff;
}

.main-link-cell .icon-main-link {
	margin: 2rem auto;
	display: block;
	width: 40px;
	height: 40px;
}

.main-link-cell .icon-main-link.link1 {
	background: url(../images/icon-main1.png) 50% 50% no-repeat;
	background-size: 100%;
}

.main-link-cell .icon-main-link.link2 {
	background: url(../images/icon-main2.png) 50% 50% no-repeat;
	background-size: 100%;
}

.main-link-cell .icon-main-link.link3 {
	background: url(../images/icon-main3.png) 50% 50% no-repeat;
	background-size: 100%;
}

.main-link-cell .icon-main-link.link4 {
	background: url(../images/icon-main4.png) 50% 50% no-repeat;
	background-size: 100%;
}

.main-link-cell .icon-main-link.link5 {
	width: 30px;
	background: url(../images/icon-main5.png) 50% 50% no-repeat;
	background-size: 100%;
}
.main-link-cell .icon-main-link.link6 {
	width: 40px;
	background: url(../images/icon-main-trend.png) 50% 50% no-repeat;
	background-size: 100%;
}

.main-link-cell .link-tit {
	display: block;
	padding-top: 1rem;
	font-size: 1.5rem;
	min-height: 40px;
}

.main-link-cell .sub-txt {
	min-height: 2em;
}

.news-list {
	background-color: #fff;
}

.news-list.ir .btn-ir {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 10;
}

.news-list.no-link > li {
	position: relative;
}

.news-list.no-link > li > a .img-box {
	padding-bottom: 1rem;
}

.news-list.no-link > li > a:after {
	display: none;
}

.news-list > li {
	border-bottom: 1px solid #e1e1e1;
}

.news-list > li > a {
	position: relative;
	display: block;
	padding: 1.5rem 3rem 1.5rem 2rem;
}

.news-list > li > a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 8px;
	height: 8px;
	margin: -7px 0 0px -5px;
	border-color: #777;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.news-list > li > a > span {
	display: block;
}

.news-list > li > a > span.news-title {
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	font-size: 1.4rem;
	line-height: 1.1;
	width: 90%;
	padding-bottom: 2px;
}

.news-list > li > a > span.news-date {display: block;
	padding-top: .8rem;
	font-size: 1.2rem;
	color: #898989;
}

.swiper-pagination-bullet-active {
	background-color: #f58322 !important;
}

#loginLayout {background-color: #f0f6fc;padding-bottom: 25%;}

#loginLayout > #loginTop {
	position: relative;
	background-color: #0b2c4d;
	-webkit-box-shadow: 5px 5px 5px 5px gray;
	box-shadow: 5px 5px 5px 5px gray;
	padding-bottom: 35%;
}
@media all and (min-width: 768px){
	#loginLayout > #loginTop {padding-bottom: 30%;}
}

#loginLayout > #loginTop .btn-back {
	position: absolute;top: 30px;left: 25px;z-index: 10;
}

#loginLayout > #loginTop > div {
	color: #fff;
	text-align: center;
}

#loginLayout > #loginTop > div > h2 {
	margin: 0;
	padding: 0;
	font-size: 2.4rem;
}

#loginLayout > #loginTop > div > h4 {
	padding-top: 6rem;
	margin: 0;
	font-size: 1.2rem;
}

#loginLayout > #loginBottom {display: none;
	position: relative;
	background-color: #f0f6fc;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

#loginLayout > #loginBox {
	position: relative;z-index: 50;
	background: #fff;
	border: 1px solid #cccccc;
	border-radius: 15px;
	width: 90vw;
	padding: 0 2rem 15% 2rem;
	color: #898989;
	margin: -25% auto 0 auto;
}

#loginLayout > #loginBox.autoHeight {
	height: auto;
	margin-bottom: 4rem;
}

#loginLayout > #loginBox h2 {
	font-size: 1.8rem;
}

#loginLayout > #loginBox .sign-txt {
	text-align: center;
	line-height: 1.2em;
	font-size: 1.6rem;
}

#loginLayout > #loginBox .sign-txt > .sub-txt {
	font-size: 1.2rem;
	line-height: 1.2em;
}

#loginLayout > #loginBox .agree-box {
	font-size: 1.2rem;
}
#loginLayout > #loginBox .agree-box strong {
	color: #000 !important;text-decoration: underline !important;
}

#loginLayout > #loginBox .input-sub-txt {
	font-size: 1.1rem;
	padding-bottom: 1rem;
	line-height: 1.4em;
}

#loginLayout > #loginBox .input-sub-txt.title {
	font-size: 1.4rem;
}

#loginLayout > #loginBox .input-box {
	padding-bottom: 1rem;
}

#loginLayout > #loginBox .input-box > span {
	margin-right: 2rem;
}
#loginLayout > #loginBox .input-box > label {line-height: 1.5;}

#loginLayout > #loginBox .input-box.gridInputBox {
	display: grid;
	grid-template-columns: 1fr 20px;
	grid-template-rows: 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 10px;
}

#loginLayout > #loginBox .btn-box {
	padding-top: 3rem;
}

#loginLayout > #loginBox .link-txt {
	margin-top: 3rem;
	text-align: center;
	color: #898989;
}

#loginLayout > #loginBox .link-txt > .hyphen {
	display: inline-block;
	margin: 0 2rem;
}

#loginLayout > #loginBox .link-txt a {
	color: #898989;
}

#mypageLayout {background-color: #f0f6fc;}

#mypageLayout > #mypageTop {
	position: relative;
	background-color: #0b2c4d;
	-webkit-box-shadow: 5px 5px 5px 5px gray;
	box-shadow: 5px 5px 5px 5px gray;
	text-align: center;
	color: #fff;
	padding-bottom: 20%;
}

#mypageLayout > #mypageTop a.my-info {
	position: absolute;
	top: 2rem;
	right: 2rem;
	color: #fff;
	z-index: 10;
}

#mypageLayout > #mypageTop a.my-photo {
	display: inline-block;
	width: 30vw;height: 30vw;
	margin: 4rem 0 2rem 0;
	border-radius: 100%;overflow: hidden;
}
#mypageLayout > #mypageTop a.my-photo img {width: 100%;height: 100%;}

#mypageLayout > #mypageTop h1 {
	font-size: 8vw;
	padding-bottom: 1rem;
}

#mypageLayout > #mypageTop h4 {
	font-size: 5vw;
	color: #898989;
}

#mypageLayout > #mypageBottom {
	position: relative;
	background-color: #f0f6fc;
	padding: 14% 2rem 0 2rem;
	font-size: 1.5rem;
}

#mypageLayout > #mypageBottom > .link-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

#mypageLayout > #mypageBottom > .link-list > div {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

#mypageLayout > #mypageBottom > .link-list > div > span {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1.2rem;
}

#mypageLayout > #mypageBottom > .link-list > div > a {
	position: relative;
	display: block;
	padding: 2rem 2rem 2rem 4rem;
}

#mypageLayout > #mypageBottom > .link-list > div > a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	margin: -7px 0 0px -5px;
	border-color: #777;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

#mypageLayout #mypageBox {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	display: table;
	background: #fff;
	border: 1px solid #cccccc;
	border-radius: 15px;
	width: 90%;
	/* margin: 0 auto; */
	color: #898989;
	margin-top: -12%;
	height: auto;
	z-index: 100;
}

#mypageLayout #mypageBox > .innerBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	text-align: center;
	items-align: center;
	padding: 1rem;
}

#mypageLayout #mypageBox > .innerBox > div {
	padding: 2%;
}

#mypageLayout #mypageBox > .innerBox .icon-pen {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: .3rem;
	vertical-align: middle;
	background: url(../images/icon-pen.png) no-repeat center 0;
	background-size: 100%;
}

#mypageLayout #mypageBox > .innerBox > .customer {
	border-right: 1px solid #cccccc;
}

#mypageLayout #mypageBox > .innerBox h1 {
	font-size: 6.6vw;
	color: #000;
}

#mypageLayout #mypageBox > .innerBox h4 {
	font-size: 5vw;
	padding-bottom: 1.5rem;
}

#login-wrap > #footer {
	margin: 0;
}

/*#subLayout > .subHeader {
	position: relative;
	padding: 1.5rem 0;
	color: #fff;
	background-color: #00427a;
	text-align: center;
	font-size: 1.6rem;
}*/

#subLayout > .subHeader {
	position: fixed;top: 0;left: 0;z-index: 100;
	width: 100%;
	padding: 1.5rem 0;
	color: #fff;
	background-color: #00427a;
	text-align: center;
	font-size: 1.6rem;
}

#subLayout .sub-menu-list {
	position: fixed;top: 46.72px;left: 0;z-index: 100;width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #cccccc;
}

#subLayout .sub-menu-list-box {
	/*min-height: 63px;*/
}

#subLayout .sub-menu-list.partners, #subLayout .sub-menu-list.investment {
	grid-template-columns: 1fr 1fr 1fr;
}

#subLayout .sub-menu-list.nav-up {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 100;
	transition: 0.2s ease-in-out;
}

#subLayout .sub-menu-list.nav-down {
	transition: 0.2s ease-in-out;
}

#subLayout .sub-menu-list > a {
	color: #8a8a8a;
	padding: 1rem 0;
}

#subLayout .sub-menu-list > a.active {
	color: #000;
}

#subLayout .sub-menu-list > a.active .sub-menu-txt {
	font-weight: 700;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-1 {
	background: url(../images/icon-sub-menu1-on.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-2 {
	background: url(../images/icon-sub-menu2-on.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-3 {
	background: url(../images/icon-sub-menu3-on.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-4 {
	width: 26px;
	background: url(../images/icon-sub-menu4-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-5 {
	background: url(../images/icon-sub-menu5-on.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-6 {
	background: url(../images/icon-sub-menu6-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-7 {
	background: url(../images/icon-sub-menu7-on-v2.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-8 {
	background: url(../images/icon-consulting1-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-9 {
	background: url(../images/icon-consulting2-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-10 {
	background: url(../images/icon-consulting3-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-11 {
	background: url(../images/icon-consulting4-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-12 {
	background: url(../images/icon-sub-menu12-on.png) center center no-repeat;
	background-size: 100% auto;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-13 {
	background: url(../images/icon-sub-menu13-on.png) center center no-repeat;
	background-size: 100% auto;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-14 {
	background: url(../images/icon-sub-menu14-on.png) center center no-repeat;
	background-size: 100% auto;
}

#subLayout .sub-menu-list > a.active .icon-sub-menu.icon-15 {
	background: url(../images/icon-sub-menu15-on.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .sub-menu-txt {
	display: block;
	padding-top: .5rem;
	font-size: 1.4rem;
}

#subLayout .sub-menu-list .icon-sub-menu {
	display: inline-block;
	width: 25px;
	height: 25px;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-1 {
	background: url(../images/icon-sub-menu1.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-2 {
	background: url(../images/icon-sub-menu2.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-3 {
	background: url(../images/icon-sub-menu3.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-4 {
	width: 26px;
	background: url(../images/icon-sub-menu4.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-5 {
	background: url(../images/icon-sub-menu5.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-6 {
	background: url(../images/icon-sub-menu6.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-7 {
	background: url(../images/icon-sub-menu7-v2.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-8 {
	background: url(../images/icon-consulting1.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-9 {
	background: url(../images/icon-consulting2.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-10 {
	background: url(../images/icon-consulting3.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-11 {
	background: url(../images/icon-consulting4.png) center center no-repeat;
	background-size: auto 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-12 {
	background: url(../images/icon-sub-menu12.png) center center no-repeat;
	background-size: 100% auto;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-13 {
	background: url(../images/icon-sub-menu13.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-14 {
	background: url(../images/icon-sub-menu14.png) center center no-repeat;
	background-size: 100%;
}

#subLayout .sub-menu-list .icon-sub-menu.icon-15 {
	width: 26px;
	background: url(../images/icon-sub-menu15.png) center center no-repeat;
	background-size: auto 100%;
}

.consulting-list > li {
	margin-bottom: 2rem;
}

.consulting-list > li > .title {
	color: #f58220;
	padding: 2rem 1rem;
	font-size: 1.6rem;
	background-color: #ebebeb;
}

.consulting-list > li > .txt {
	color: #464646;
	padding: 2rem 1rem;
	font-size: 1.6rem;
	line-height: 1.2em;
}

.partners-wrap {
	background-color: #fff;
	padding: 0 2rem;
	color: #555555;
}

.partners-wrap.consulting {
	max-height: 80vh;
	overflow-y: auto;
	padding-bottom: 5rem;
}

.partners-wrap .service-top {
	padding: 2rem 0;
	text-align: center;
	color: #0b2c4d;
}

.partners-wrap .service-top > .sub-txt {
	font-size: 1.2rem;
}

.partners-wrap .service-top > .title {
	font-size: 2.4rem;
}

.partners-wrap .txt-st {
	text-align: center;
	line-height: 1.8em;
	color: #555555;
}

.partners-wrap .sub-title {
	font-size: 2rem;
	padding: 2rem 0;
}

.partners-wrap .service-list-info > li {
	position: relative;
	padding: 1rem 0;
	border-bottom: 1px solid #cccccc;
	padding-left: 50px;
	color: #555555;
}

.partners-wrap .service-list-info > li:first-child {
	border-top: 1px solid #cccccc;
}

.partners-wrap .service-list-info > li .icon-service-list {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	margin-top: -20px;
	width: 40px;
	height: 40px;
}

.partners-wrap .service-list-info > li .icon-service-list.list1 {
	background: url(../images/icon-service-list1.png) no-repeat;
	background-size: 100% 100%;
}

.partners-wrap .service-list-info > li .icon-service-list.list2 {
	background: url(../images/icon-service-list2.png) no-repeat;
	background-size: 100% 100%;
}

.partners-wrap .service-list-info > li .icon-service-list.list3 {
	background: url(../images/icon-service-list3.png) no-repeat;
	background-size: 100% 100%;
}



.partners-wrap .service-list-info > li .icon-service-list.list4 {
	background: url(../images/icon-service-list4.png) no-repeat;
	background-size: 100% 100%;
}

.partners-wrap .service-list-info > li .title {
	display: block;
	font-size: 1.6rem;
	padding-bottom: 5px;
	font-weight: 700;
}

.partners-wrap .service-list-info > li .sub-txt {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4em;
}

.history-list {
	position: relative;
}

.history-list:before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 1rem;
	left: 8px;
	z-index: 5;
	width: 3px;
	height: 100%;
	background-color: #ebebeb;
}

.history-list > li {
	position: relative;
	margin-bottom: 3rem;
}

.history-list > li > a .circle-box {
	position: absolute;
	top: 1rem;
	left: 0;
	z-index: 10;
}

.history-list > li >  a .txt-box {
	margin-left: 30px;
}

.history-list > li > a .title {
	display: block;
	padding: 1rem;
	line-height: 1.2em;
	font-size: 1.4rem;
	background-color: #ebebeb;
}

.history-list > li > a .date {
	text-align: right;
	font-size: 1.2rem;
	color: #898989;
	padding: 5px;
}

.history-list > li > a .circle {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #fff;
	border: 5px solid #f58220;
}

#subDetailLayout {
	background-color: #fff;
}

#subDetailLayout .subHeaderBox {
	height: 47px;
}

#subDetailLayout .subHeader {
	position: relative;
	padding: 1.5rem 0;
	color: #898989;
	background-color: #fff;
	text-align: center;
	font-size: 1.6rem;
	border-bottom: 1px solid #a3a3a3;
}

#subDetailLayout .subHeader.nav-up {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: #fff;
	transition: 0.2s ease-in-out;
}

#subDetailLayout .subHeader.nav-down {
	transition: 0.2s ease-in-out;
}

#subDetailLayout > .subBody {
	padding: 2rem;
	color: #555;
}

#subDetailLayout > .subBody .my-content {

}

#subDetailLayout > .subBody .my-content-bottom {
	border: 1px solid #8a8a8a;
	border-radius: 15px;
	padding: 1rem;
	line-height: 1.5;
	margin-top: 25px;
}

#subDetailLayout > .subBody .my-content-bottom > .tit {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 1.6rem;
}

#subDetailLayout > .subBody .sub-title {
	margin-bottom: 2rem;
	font-size: 1.4rem;
}

#subDetailLayout > .subBody .report-detail > p {
	position: relative;
	margin-bottom: 2rem;
	padding-left: 20px;
	line-height: 1.4em;
}

#subDetailLayout > .subBody .report-detail > p > span {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 10;
}

#subDetailLayout > .subBody .input-title {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	margin-top: 2rem;
}

#subDetailLayout > .subBody > .img-box {
	padding-bottom: 1rem;
}

#subDetailLayout > .subBody > .title {
	font-size: 1.8rem;
	padding-bottom: 1rem;
	color: #000;
	font-weight: 700;
}

#subDetailLayout > .subBody > .title2 {
	font-size: 2rem;
	padding-bottom: 1rem;
}

#subDetailLayout > .subBody > .title3 {
	font-size: 1.8rem;
	padding-bottom: 2rem;
	text-align: center;
	color: #ffa902;
	line-height: 1.4em;
	font-weight: 700;
}

#subDetailLayout > .subBody .write-date {
	margin-right: 1rem;
}

#subDetailLayout > .subBody .date, #subDetailLayout > .subBody .write-date, #subDetailLayout > .subBody .clicks {
	display: inline-block;
	font-size: 1.2rem;
	color: #898989;
}

#subDetailLayout > .subBody > .content {
	padding: 2rem 0rem;
	line-height: 1.4em;
}

#subDetailLayout > .subBody pre {line-height: 1.3;font-size: 1.4rem;word-break: break-all;white-space: pre-wrap;}
#subDetailLayout > .subBody > .answer {padding: 1rem;line-height: 1.4em;border: 1px #d7d7d7 solid;border-radius: 8px;}
#subDetailLayout > .subBody > .answer .ans-writer {display: block;position: relative;font-size: 1.4rem;padding-left: 15px;margin-bottom: 20px;color: #444;}
#subDetailLayout > .subBody > .answer .ans-writer:after {content: "";display: block;position: absolute;top: 1px;left: 0;width: 7px;height: 7px;border-left: 1px #8a8a8a solid;border-bottom: 1px #8a8a8a solid;}
#subDetailLayout > .subBody > .answer .ans-contents {padding: 0 15px;}
#subDetailLayout > .subBody > .answer .ans-contents pre {}
#subDetailLayout > .subBody > .answer .ans-contents pre * {}
#subDetailLayout > .subBody > .answer .ans-date {display: block;margin-top: 5%;font-size: 1.2rem;color: #898989;padding-left: 15px;}

/* #subDetailLayout > .subBody > .answer {
	border: 1px solid #8a8a8a;
	border-radius: 15px;
	padding: 1rem;
	line-height: 1.4em;
} */

#subDetailLayout > .subBody .input-box {
	padding-bottom: 1rem;
}

#subDetailLayout > .subBody .content-tit {
	font-size: 1.6rem;
	color: #898989;
	padding-bottom: 1rem;
}

.error-box {
	text-align: center;
}

.error-box .er-tit {
	font-size: 3rem;
	color: #ff0000;
	letter-spacing: 5px;
	padding: 4rem 0 3rem 0;
}

.error-box .txt {
	font-size: 1.6rem;
	color: #000;
	padding-bottom: 3rem;
}

.error-box .sub-txt {
	padding-bottom: 3rem;
	line-height: 1.4em;
}

.service-link-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

.service-link-list > div {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.service-link-list > div.no-link > a:after {
	display: none;
}

.service-link-list > div > span {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1.2rem;
}

.service-link-list > div > a {
	position: relative;
	display: block;
	padding: 2rem 2rem 2rem 4rem;
	font-size: 1.6rem;
}

.service-link-list > div > a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	margin: -7px 0 0px -5px;
	border-color: #777;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.chart-title {
	font-size: 1.6rem;
	color: #555;
	padding: 2rem 0;
}

.chart-title > span {
	color: #000;
}

.service-list > li {
	position: relative;
	padding-left: 60px;
	padding-top: 5px;
	margin-bottom: 2rem;
}

.service-list > li .img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}

.service-list > li .txt-box > .tit {
	display: block;
	font-size: 1.4rem;
	color: #000;
}

.service-list > li .txt-box > .txt {
	padding-top: 5px;
	display: block;
	font-size: 1.2rem;
	color: #898989;
}

.service-web-box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-gap: 1rem;
	text-align: center;
}

.service-web-box .txt {
	display: inline-block;
	padding-top: 10px;
	font-size: 1.4rem;
	color: #000;
	line-height: 1.4em;
}

.progress {
	display: -ms-flexbox;
	display: flex;
	height: 3rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: 25px;
}

.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-indent: 15px;
	white-space: nowrap;
	background-color: #007bff;
	transition: width .6s ease;
	font-size: 1.6rem;
	border-radius: 25px;
}
.progress-number {
	padding-top: 5px;
	text-align: right;
	margin-bottom: 2rem;
}

.main-popup {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20000;
}

.main-popup.active {
	display: block;
}

.main-popup #main-popup-inner {
	position: relative;
	z-index: 2000;
	padding: 3rem 9%;
}
.main-popup #main-popup-inner img {width: 100%;}

.main-popup #main-popup-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
}

.main-popup.active #main-popup-mask {
	display: block;
}

.main-button-box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px;
	background-color: #d7d7d7;
	border-top: 1px solid #d7d7d7;
}

.main-button-box button {
	background-color: #898989;
	font-size: 3.7vw;
	text-align: center;
	padding: 1rem 0;
	color: #fff;
}

#main-guide {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
#main-guide .main-guide-slide {height: 100%;}
#main-guide .swiper-slide {text-align: center;}
#main-guide .swiper-slide img {width: 100%;height: 100%;}

.guide-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
  width: 32px;
  height: 32px;
}

.guide-close:before, .guide-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

.guide-close:before {
  transform: rotate(45deg);
}

.guide-close:after {
  transform: rotate(-45deg);
}

.help-wrap {
	background-color: #fff;
	padding: 1rem;
	border-bottom: 1px solid #e1e1e1;
}
.help-txt {
	color:#555555;
	padding: 1rem 0;
	background-color: #fff;
	line-height: 1.2em;
}
.help-box {
	padding: 1rem;
	background-color: #fedcbf;
	font-size: 1.6rem;
	color: #0d2d4f;
	line-height: 1.4em;
	word-wrap: break-word;word-break: keep-all;
}

.help-box > span {
	font-weight: bold;
	color: #ff8400;
}

.help-box > span.blue {
	color: #0d2d4f;
}
.help-box > div {line-height: 1.3;}
.help-box .btn {text-align: center;margin-top: 10px;}

.loading {
	display: grid;
	text-align: center;
	background: #ebebeb url(../images/loading.png) 50% 50% no-repeat;
	color: #c2c2c2;
	background-size: 30%;
	min-height: 300px;
}

@media (max-width: 767px) {
	a#burger-menu-icon-wrapper {
		height: 40px;
		width: 40px;
		padding: 0 12px;
	}
}

/*게시글 없을때 이미지*/
.non-data {padding: 0 14%;background-color: #fff;}

/*1:1 문의사항 리스트 아이콘*/
.stat-icon {display: inline-block;padding: 3px 10px 5px 10px;color: #fff;line-height: 1;font-size: 13px;border-radius: 3px;vertical-align: middle;margin-left: 5px;}
.stat-blue {background-color: #003f7e;}
.stat-orange {background-color: #f58220;}

.agree-contents {clear: both;position: relative;border:1px #ddd solid;border-top: none;;border-top-width: 2px;max-height: 250px;overflow-y: auto;-webkit-overflow-scrolling: touch;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.agree-contents .inner {padding: 10px;font-size: 1.3rem;line-height: 1.4;}

.view-content {padding: 15px 0;margin-top: 25px;margin-bottom: 15px;}
.view-content b {font-weight: 600;}
.view-pic {clear: both;position: relative;padding: 15px 0;}

/*알림페이이지 alert.do 아이콘 추가*/
.ico-new {display: inline-block;margin-left: 5px;box-sizing: border-box;width: 14px;height: 14px;border-radius: 100%;background-color: #f26321;font-size: 10px;font-weight: normal;color: #fff;text-align:center;line-height: 13px;}

.btn-x:before,
.btn-x:after {content: "";display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background-color: #fff;transition-duration: .2s;}
.btn-x:before {transform: translateY(-50%) rotate(45deg);}
.btn-x:after {transform: translateY(-50%) rotate(-45deg);}

.dtable {display: table;width: 100%;}
.dtable > div {display: table-cell;vertical-align: middle;line-height: 1.2;}
.dtable > div.btn {width: 80px;text-align: right;}

/*회원가입, 컨설팅요청 유의문구*/
.caution-txt {line-height: 1.5;font-size: 1.3rem;color: #bb9a3c;padding-bottom: 60px;word-wrap: break-word;word-break: keep-all;}

/*회원사소개 썸네일 리스트*/
.news-thumlist {display: table;width: 100%;}
.news-thumlist > div {display: table-cell;vertical-align: middle;}
.news-thumlist > .news-thum {width: 100px;}
.news-thumlist > .news-title {padding-left: 10px;line-height: 1.3;}
.news-thumlist > .news-title .tit1 {font-size: 1.5rem;font-weight: bold;}
.news-thumlist > .news-title .date {font-size: 1.2rem;color: #999;margin: 4px 0;}
.news-thumlist > .news-title .desc {font-size: 1.4rem;margin: 4px 0;line-height: 1.2;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-width: 98%;/* height: 3.3rem; */overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;}
.news-list-more {padding: 1.5rem 0;background-color: #fff;text-align:center;}


/*회원사 상세 소개*/
.com-detail-info .tit1 {font-size: 1.7rem;margin: 30px 0 10px 0;font-weight: 600;color: #00427a;}
.com-detail-info .tit1:first-child {margin-top: 0;}

.com-detail-info > table.tblex1 {width:100%;border-top: 2px #eaeaea solid;line-height: 1.4;}
.com-detail-info > table.tblex1 th {padding: 8px 10px;border-bottom:1px #eaeaea solid;font-size: 1.5rem;background-color: #fafafa;}
.com-detail-info > table.tblex1 td {padding: 8px 10px;border-bottom:1px #eaeaea solid;font-size: 1.5rem;}
.com-detail-info > table.tblex1.money-table td {text-align: right;}
.com-detail-info h4 {position: relative;font-size: 1.7rem;color: #ff6600; font-weight: 600;padding: 0 0 5px 15px;margin: 30px 0 10px 0;border-bottom:1px solid #ff6600;}
.com-detail-info h4:first-child {margin-top: 0;}
.com-detail-info h4::before {content:"";display: block;position: absolute;bottom: 0;left:0;border-width: 7px;border-color: transparent transparent #ff6600 #ff6600;border-style: solid;}
.com-detail-info > p.biz-overview {font-size: 1.4rem;line-height: 1.4;}
.com-detail-info > p.biz-area {font-size: 1.4rem;line-height: 1.4;word-wrap: break-word;word-break: keep-all;}
.com-detail-info p.biz-overview {font-weight: 600;}
.com-detail-info div.biz-history {margin-bottom: 20px;}
.com-detail-info > table.biz-history {width:100%; margin: 15px 0;}
.com-detail-info > table.biz-history th {color:#34446e;font-size: 1.5rem;font-weight:600;}
.com-detail-info > table.biz-history td {padding: 8px 10px;}
.com-detail-info col.col-year {width: 80px;}
.com-detail-info col.width30 {width: 30%;}
.com-detail-info p.std {font-size: 1.4rem;float: right; margin-bottom: 7px;}

.com-detail-info .ta-top {display: table;width: 100%;clear: both;position: relative;margin: 30px 0 10px 0;}
.com-detail-info .ta-top .cell {display: table-cell;vertical-align: bottom;}
.com-detail-info .ta-top .cell:first-child {text-align: left;}
.com-detail-info .ta-top .cell:last-child {text-align: right;}
.com-detail-info .ta-top .tit1 {margin: 0;}
.com-detail-info .ta-top .std {float: none;margin: 0;}

.com-detail-info .biz-history-list {position: relative;margin-top: 20px;}
.com-detail-info .biz-history-list > li {position: relative;padding-left: 30px;margin-bottom: 20px;}
.com-detail-info .biz-history-list::before {display: inline-block;content: '';position: absolute;top: 1rem;left: 8px;z-index: 5;width: 3px;height: 100%;background-color: #ebebeb;}
.com-detail-info .biz-history-list > li .circle {display: inline-block;width: 20px;height: 20px;border-radius: 100%;background-color: #fff;border: 5px solid #f58220;}
.com-detail-info .biz-history-list > li .circle-box {position: absolute;top: 5%;left: 0;z-index: 10;}
.com-detail-info dl.biz-history {position: relative;}
.com-detail-info dl.biz-history dt {font-size: 1.6rem;color: #000;background-color: #ebebeb;padding: 10px;}
.com-detail-info dl.biz-history dd {padding: 10px;font-size: 1.5rem;line-height: 1.3;}

/*******/
/*게시판 상세 다운로드 파일 */
.download-file {font-size: 1.35rem;color: #444;}
.download-file i {color: #b7001b;}

.corp-numlist {clear: both;position: relative;height: 250px;overflow-x: hidden;overflow-y: auto;text-align: left;border-top: 2px solid #222;border-bottom: 1px solid #666;padding: 10px;margin-top: 20px;}
.corp-numlist li {line-height: 1.4;}
.corp-numlist a {display: block;color: #666;}

@media all and (min-width: 321px){
	.news-thumlist > .news-thum {width: 140px;}
}