@charset "utf-8";
/* Reset
--------------------------*/
html,body,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,b,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 {
  margin: 0;padding: 0;border: 0;vertical-align: baseline;background: transparent;line-height: 1.4;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;word-break: inherit;-ms-word-break: inherit;
}
html,
body {font-size: 16px;font-family: 'Noto Sans KR',sans-serif}
body {overflow-X: hidden}
html[lang="ko"] {word-break: keep-all;-ms-word-break: keep-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,small {display: block}
blockquote,q {quotes: none}
h1 {font-size: 1.5rem}
h2 {font-size: 1.5rem}
h3 {font-size: 1.17rem}
h4 {font-size: inherit}
h5 {font-size: 0.83rem}
h6 {font-size: 0.67rem}
mark {background-color: #ff9;color: #333;font-style: italic;font-weight: bold}
del {text-decoration: line-through}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
img,fieldset {border: 0;vertical-align: middle}
ul,ol {list-style: none}
em,address {font-style: normal}
table {border-collapse: collapse;border-spacing: 0;table-layout: auto}
a {text-decoration: none;color: inherit;vertical-align: baseline}
a:hover,a:active,a:focus {text-decoration: none}
input[type=text], input[type=button], input[type=submit], input[type=reset], button, select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=email], input[type=week] {appearance: none;-webkit-appearance: none;-moz-appearance: none;-moz-appearance: none;border-radius: 0}
select::-ms-expand,
input::-ms-clear {display: none}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset}
input[type=button], input[type=submit], button {cursor: pointer;-webkit-appearance: none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
::placeholder {color: #b7b7b7;opacity: 1}
:-ms-input-placeholder {color: #b7b7b7}

small {font-size: 11px;padding-left: 10px}
.blind {overflow: hidden;position: absolute;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0}
caption.blind {position: static}

::selection {background: #B7D3A4}
*::-webkit-scrollbar {width: 8px;height: 8px;background-color: #fff}
*::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);background-color: #fff}
*::-webkit-scrollbar-thumb {background-color: #8BB97E}


/* width
--------------------------*/
.wd5 {width: 5%}
.wd10 {width: 10%}
.wd15 {width: 15%}
.wd20 {width: 20%}
.wd25 {width: 25%}
.wd30 {width: 30%}
.wd35 {width: 35%}
.wd40 {width: 40%}
.wd45 {width: 45%}
.wd50 {width: 50%}
.wd55 {width: 55%}
.wd60 {width: 60%}
.wd65 {width: 65%}
.wd70 {width: 70%}
.wd75 {width: 75%}
.wd80 {width: 80%}
.wd85 {width: 85%}
.wd90 {width: 90%}
.wd95 {width: 95%}
.wd100 {width: 100%}

body * {-webkit-tap-highlight-color: rgba(0,0,0,0)}

@media screen and (max-width: 1024px) {
  html,body {font-size: 14px}
}
@media screen and (max-width: 768px) {
  html,body {font-size: 12px}
}


/* Form reset
--------------------------*/
input,
label,
select,
button,
textarea {display: inline-block;vertical-align: middle;white-space: normal;background: none;line-height: 1.5;font-size: 1rem;font-family: inherit}
input,
select,
textarea {background-color: #fff}
textarea {white-space: pre;resize: none;height: auto}
input,
textarea,
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
button {border: 0}

/* Search Input & date Input
--------------------------*/
input[type=search] {-webkit-appearance: none;box-sizing: content-box;-webkit-box-sizing: content-box}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button  { display:  none}
input[type=time]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator {background:  none;border: 1px solid red}


/* Form Checkbox & Radio
--------------------------*/
.chkbox {position: relative;display: inline-block;padding-left: 20px;min-height: 1.3rem;font-size: 1rem;line-height: 1.3;-webkit-user-select:  none;-moz-user-select:  none;-ms-user-select:  none;user-select:  none}
.chkbox input[type=checkbox] {display: none}
.chkbox .chk_marker {position: absolute;display: block;top: calc(1rem * 1.5 / 2);border-radius: 2px;left: 0;width: 16px;height: 16px;border: 1px solid #aaa;transform: translateY(-50%);background-color: #fff;transition: background-color 0.3s, border-color 0.3s}
.chkbox .chk_marker::before {content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-45%,-65%) rotate(-135deg);height: 60%;width: 30%;border: 2px solid #fff;border-bottom: 0;border-right: 0;opacity: 0;transition: opacity 0.3s}
.chkbox .chk_marker + * {margin-left: 5px}
.chkbox input[type=checkbox]:checked ~ .chk_marker {background-color: #8BB97E;border-color: #8BB97E}
.chkbox input[type=checkbox]:checked ~ .chk_marker::before {opacity: 1}
.chkbox input[type=checkbox]:disabled ~ .chk_marker,
.chkbox input[type=checkbox]:disabled ~ .chk_txt {opacity: 0.5}

.radiobox {position: relative;display: inline-block;padding-left: 20px;min-height: 1.3rem;font-size: 1rem;line-height: 1.3;-webkit-user-select:  none;-moz-user-select:  none;-ms-user-select:  none;user-select:  none}
.radiobox input[type=radio] {display: none}
.radiobox .radio_marker {position: absolute;display: block;top: calc(1rem * 1.5 / 2);border-radius: 50%;left: 0;width: 16px;height: 16px;border: 1px solid #aaa;transform: translateY(-50%);background-color: #fff;transition: background-color 0.3s, border-color 0.3s}
.radiobox .radio_marker::before {content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 50%;height: 50%;background-color: #fff;border-radius: 50%;opacity: 0;transition: transform 0.3s, opacity 0.3s}
.radiobox .radio_marker + * {margin-left: 5px}
.radiobox input[type=radio]:checked ~ .radio_marker {background-color: #8BB97E;border-color: #8BB97E}
.radiobox input[type=radio]:checked ~ .radio_marker::before {transform: translate(-50%,-50%) scale(1);opacity: 1}
.radiobox input[type=radio]:disabled ~ .radio_marker,
.radiobox input[type=radio]:disabled ~ .radio_txt {opacity: 0.5}

.chkbox-group > * + *,
.radiobox-group > * + * {margin-left: 1em}

input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=email],
input[type=search],
input[type=month],
input[type=number],
input[type=password],
input[type=date],
input[type=datetime-local],
textarea,
select {position: relative;padding: 0.5rem 0.8rem;border: 1px solid #ccc;transition: border-color 0.3s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: normal}
input[type=time],
input[type=month],
input[type=date],
input[type=datetime-local] {min-height: 43px}
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=email]:hover,
input[type=search]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
textarea:hover,
select:hover {border-color: #999}
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
textarea:focus,
select:focus, {border-color: #333}
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=email]:disabled,
input[type=search]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
textarea:disabled,
select:disabled {opacity: 0.5}
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
textarea::placeholder {color: rgba(51,51,51,0.5)}
textarea.dhtmleditor {border: 1px solid #e5e6e7;outline: 0 none;padding: 5px 3px 3px 5px;background-color: #FFFFFF;background-image: none;border-radius: 5px;width: 100%;height: 350px}
input[type=tel].error,
input[type=text].error,
input[type=time].error,
input[type=url].error,
input[type=email].error,
input[type=search].error,
input[type=month].error,
input[type=number].error,
input[type=password].error,
input[type=date].error,
input[type=datetime-local].error,
textarea.error,
select.error {border-color: #f00}

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

}

/* textarea
--------------------------*/
textarea {resize: vertical}

/* Select
--------------------------*/
select {padding-right: calc(3rem + 10px);background-image: url('/assets/images/icon/arrow--down.png');background-position: calc(100% - 10px) 55%;background-repeat: no-repeat;background-size: 10px auto}
select:focus {background-image: url('/assets/images/icon/arrow--up.png')}

/* switch Custom
--------------------------*/
.switch {position: relative;display: inline-block;padding-left: 35px;margin: 4px 0 4px 4px;font-size: 1rem}
.switch input[type=checkbox] {height: 0;width: 0;visibility: hidden}
.switch .marker {display: block;position: absolute;top: 0;left: 0;transition: all .3s ease-in-out;cursor: pointer;text-indent: -9999px;width: 35px;height: 15px;background-color: #ddd;display: block;border-radius: 2.5em}
.switch .marker:after  {content: '';position: absolute;top: -2px;left: -2px;width: 19px;height: 19px;background-color: #fff;border-radius: 50%;transition: 0.3s;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)}
.switch input[type=checkbox]:checked+.marker  {transition: all .4s ease-in-out;background-color: #2b46bd}
.switch input[type=checkbox]:checked+.marker::after  {left: 37px;-webkit-transform: translateX(-100%);transform: translateX(-100%)}
.switch input[type=checkbox]:disabled+.marker::after  {background-color: #ddd}
.switch input[type=checkbox]:disabled+.marker  {background-color: #bbb}

/* File Uploads
--------------------------*/
input[type=file] {}
/* input file type */
.input-file  {position: relative;display: inline-block;width: 100%}
.input-file input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 none}
.input-file .file-label {position: absolute;top: 0;right: 0;display: inline-block;width: 120px;height: 2.75em;line-height: 2.75em;vertical-align: middle;font-size: 1rem;background-color: #333;color: #fff;text-align: center;box-sizing: border-box;cursor: pointer}
.input-file .file-name {width: 100%;height: 2.75em;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;word-wrap: normal}
.input-file .file-name[readonly="readonly"] {background-color: #fff}
.input-file .file-name:focus {border-color: #333;color: #000}
/* 접근성 탭 포커스 스타일 */
.file-focus  {outline: 1px dotted #d2310e}

.file-lists {display:flex;align-items: center}
.file-lists > * + * {margin-left: 8px}

/* button
--------------------------*/
.btn {padding: 0.6rem 1.4rem;display: inline-block;line-height: inherit;position: relative;border: 1px solid}
.btn.disabled,
.btn:disabled {opacity: 0.5;pointer-events:  none}
.btn:before {content: '';left: }
.btn * {margin: 0 0.4rem}
.btn *:not(.fa) {font-weight: inherit;font-style: normal}
.btn *:first-child {margin-left: 0}
.btn *:last-child {margin-right: 0}
.btn.btn-default {background-color: #929ba2;color: #fff;border-color: #929ba2}
.btn.btn-success {background-color: #8BB97E;color: #fff;border-color: #8BB97E}
.btn.btn-primary {background-color: #4C7332;color: #fff;border-color: #4C7332}
.btn.btn-bordered {background-color: transparent;color: #333;border-color: inherit}

.btn-group {display: inline-flex;flex-wrap: wrap}
.btn-group > .btn + .btn {margin-left: .5em}

/* label
--------------------------*/
.label {display: inline;padding: .5em 1.2em;font-size: 75%;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 15px}
.label[href]:hover,
.label[href]:focus {color: #fff;text-decoration: none;cursor: pointer}
.label:empty {display: none}
.btn .label {position: relative;top: -1px}
.label-default {background-color: #929ba2}
.label-default[href]:hover,
.label-default[href]:focus {background-color: #929ba2}
.label-primary {background-color: #8BB97E}
.label-primary[href]:hover,
.label-primary[href]:focus {background-color: #8BB97E}
.label-success {background-color: #4C7332}
.label-success[href]:hover,
.label-success[href]:focus {background-color: #4C7332}
.label-info {background-color: #C4E5AD}
.label-info[href]:hover,
.label-info[href]:focus {background-color: #C4E5AD}
.label-warning {background-color: #2aabd2}
.label-warning[href]:hover,
.label-warning[href]:focus {background-color: #2aabd2}
.label-danger {background-color: #a94442}
.label-danger[href]:hover,
.label-danger[href]:focus {background-color: #a94442}

.alert {padding-top: 15px;padding-bottom: 15px;padding-right: 15px;padding-left: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;font-size: 1rem;line-height: 1.4}
.alert h4 {margin-top: 0;color: inherit}
.alert .alert-link {font-weight: bold}
.alert > p,
.alert > ul {margin-bottom: 0}
.alert > p + p {margin-top: 5px}
.alert-dismissible,
.alert-dismissible {padding-right: 35px}
.alert-dismissible .close,
.alert-dismissible .close {position: relative;top: -2px;right: 0px;color: inherit}
.alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6}
.alert-success hr {border-top-color: #c9e2b3}
.alert-success .alert-link {color: #2b542c}
.alert-info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1}
.alert-info hr {border-top-color: #a6e1ec}
.alert-info .alert-link {color: #245269}
.alert-warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc}
.alert-warning hr {border-top-color: #f7e1b5}
.alert-warning .alert-link {color: #66512c}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1}
.alert-danger hr {border-top-color: #e4b9c0}
.alert-danger .alert-link {color: #843534}

/* pagination
--------------------------*/
.pagination-nav {margin: 2em 0;text-align: center}
.pagination {display:flex;justify-content: center}
.pagination li {display: inline-block;margin: 0 0.2em;border: 1px solid #ddd}
.pagination li:hover a {color: #191919}
.pagination li a {display:flex;align-items: center;padding: 0 1em;height: 40px}
.pagination li.active {padding: 0 1em;height: 40px;line-height: 40px;background: #8BB97E;border-color: #8BB97E;color: #fff}
.pagination li.arrow a {justify-content: center;box-sizing: border-box;padding: 0;width: 40px;background: #f6f6f6;font-size: 20px;color: #555}
.pagination li.arrow .fas {color: #757575}

/* table
--------------------------*/
.tbl {width: 100%;font-size: 1.125rem;text-align: center}
.tbl th,
.tbl td {padding: 8px 2em;vertical-align: middle;border: 1px solid #eee}
.tbl thead th {height: 2.75em;border-top: 1px solid #bdbdbd;border-bottom: 1px solid #dbdbdb;background-color: #f1f1f1;color: #333}
.tbl tbody th {font-weight: normal}
.tbl tbody th[scope = col] {background-color: #f1f1f1;color: #333;font-weight: bold}
.tbl tbody td {height: 2.5em}
.tbl .algin--left {text-align: left;color: #333}
.tbl .line--foot {border-bottom: 2px solid #bdbdbd}

/* style
--------------------------*/
label.error {display: block !important;font-size: 14px;text-align: left}
.error {color: red !important}
.bold {font-weight: bold}
.success {background: #d6e9c6}
.warning {background: #fcf8e3}
.danger {background: #f2dede}
.info {background: #d9edf7}
.text-primary {color: #000}
.paragraph {font-size: 1.125rem;white-space: pre-wrap;line-height: 1.7}
.clearfix:after {content: '';display: block;clear: both}
.float-left {float: left}
.float-right {float: right}
@media screen and (max-width:599px){
	.paragraph {white-space: normal;word-break: keep-all;font-size: 1.25rem}
}


/**  common content   **/
.content {padding-bottom: 8em}
@media screen and (max-width: 768px) {
	.content {padding-bottom: 4em}
}

/**   greeting   **/
.greeting__about-paragraph {text-align: center}
.greetin__desc {margin-top: 6em}
.greetin__desc-list {display: flex;}
.greetin__desc-list__item {width: 100%;text-align: center}
.greetin__desc-list__item-img {max-width: 100%}
.greetin__desc-list__item-text {position: relative;margin-top: 3em;font-size: 1.5rem}
.greetin__desc-list__item-text:after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 1px;background-color: #424242}
.greetin__desc-list__item:last-child .greetin__desc-list__item-text:after {display: none}
@media screen and (max-width:1024px){
	.greetin__desc-list__item {padding: 0 2em}
	.greetin__desc-list__item-text:after {right: -1.5em}
	.greetin__desc-list__item-text br {display: none}
}
@media screen and (max-width:599px){
	.greetin__desc-list {flex-wrap: wrap}
	.greetin__desc-list__item + .greetin__desc-list__item {margin-top: 6em}
	.greetin__desc-list__item-img {width: 40%}
	.greetin__desc-list__item-text {margin-top: 1em}
	.greeting__about-paragraph {font-size: 1.25rem;word-break: break-all;text-align: justify;}
}


/**   intro   **/
.intro {padding-left: 2em;padding-right: 2em}
.intro__about-paragraph {text-align: center}
.intro__desc {margin-top: 6em}
.intro__desc-group {display: flex;align-items: center;flex-wrap: wrap}
.intro__desc-item--thumb {flex: 1;position: relative}
.intro__desc-item--cont {flex: 2}
.intro__desc-item--thumb + .intro__desc-item--cont {padding-left: 6vw}
.intro__desc-item--cont + .intro__desc-item--thumb {padding-left: 3vw}
.intro__desc-title {margin-bottom: 1em;font-size: 2rem;font-weight: 500}
.intro__desc-title__sub,
.intro__desc-title__eng {display: block;font-size: 1.5rem}
.intro__desc-paragraph {color: #666;line-height: 1.5;text-align: justify;}
.intro__desc-img {max-width: 100%}
.intro__desc-arrow {position: absolute;left: 50%;bottom: -5em;transform: translateX(-50%)}

.intro__desc-platform {position: relative;margin: 9em 0 4em;padding: 2.5em;border: 1px solid #EC6718;border-radius: 0 3em 0 0}
.intro__desc-platform__logo {position: absolute;left: 0;top: 0;}
.intro__desc-platform__img {position: absolute;right: 2.5em;top: 2.5em}
.intro__desc-platform__title {width: calc(100% - 500px - 1em);padding: 0.75em 0 0 140px;margin-bottom: 1em;font-size: 2rem;font-weight: 500}
.intro__desc-platform__title__sub {display: block;font-size: 1.5rem}
.intro__desc-platform__paragraph {margin-top: 6em;width: calc(100% - 500px - 1em);color: #666}

@media screen and (max-width:1280px){
	.intro__desc-platform__title {width: 100%;padding-top: 0.25em}
	.intro__desc-platform__paragraph {margin-top: 6vw;width: calc(55% - 1em)}
	.intro__desc-platform__img {top: inherit;right: 1.5em;bottom: 1.5em;width:40%}
}
@media screen and (max-width:768px){
	.intro {padding-left: 0;padding-right: 0}
	.intro__desc-platform__title {margin-top: 0.75em;margin-bottom: 2.5em}
	.intro__desc-platform__paragraph {width: 100%}
	.intro__desc-platform__img {position: static;width: 100%;margin-top: 1em}
}
@media screen and (max-width:599px){
	.intro__about-paragraph {text-align: justify}
	.intro__desc-item--thumb {order: 2;flex: inherit;width: 100%;margin-top: 3em}
	.intro__desc-item--thumb .intro__desc-img {display: block;width: 70%;margin:0 auto}
	.intro__desc-item--thumb + .intro__desc-item--cont {padding-left: 0}
	.intro__desc-item--cont + .intro__desc-item--thumb {padding-left: 0}
	.intro__desc-item--cont + .intro__desc-item--thumb .intro__desc-img {width: 100%}
	.intro__desc-platform {padding: 1.5em}
	.intro__desc-platform__logo {width: 71px}
	.intro__desc-platform__title {margin: 3em 0 1em;padding: 0}
}


/**  guide   **/
.guide {}
.guide__list {display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 6em}
.guide__list-item {width: calc(50% - 1em);background-color: #f1f1f1}
.guide__list-thumb-img {max-width: 100%}
.guide__list-thumb-figure {padding: 2em}
.guide__list-thumb-figure__title {font-size: 1.5rem;font-weight: bold}
.guide__list-thumb-figure__text {margin-top: 0.5em;font-size: 1.125rem;color: #666}
.guide__info {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 6em}
.guide__info-cont {width: 50%;min-height: 25em;padding: 1.5em 0}
.guide__info-thumb {width: 45%;background-position: center;background-repeat: no-repeat;background-size: cover}
.guide__info-title {padding-bottom: 0.65em;margin-bottom: 0.65em;border-bottom: 1px solid #ddd;font-size: 2rem}
.guide__info-item + .guide__info-item {margin-top: 1.25em}
.guide__info__desc {display: flex;align-items: center;flex-wrap: wrap;font-size: 1.125rem}
.guide__info__desc-title {width: 100px}
.guide__info__desc-txt {width: calc(100% - 100px);margin-left: auto;color: #666;word-break: keep-all;white-space:pre-wrap}
.guide__info__desc-txt + .guide__info__desc-txt {margin-top: 0.5em}
.guide__detail {display: flex;flex-wrap: wrap;margin: 2em 0}
.guide__detail-item {}
.guide__detail-item--title {width: 200px}
.guide__detail-item--cont {width: calc(100% - 200px);font-size: 1.125rem;color: #757575}
.guide__detail-title {font-size: 1.125rem}
.guide__detail-info {margin: 0.5em 0;font-size: 1.125rem;color: #757575}
.guide__detail-info:before {content: '*'}
.guide__control {display: flex;align-items: center;justify-content: center;margin-top: 5em}
.guide__control-btn {display: flex;align-items: center;font-size: 1.125rem}
.guide__control-btn + .guide__control-btn {margin-left: 20%}
.guide__control-ico {position: relative;display: block;width: calc(50px + 1.25em);height: 3em;background-repeat: no-repeat;transition:background 300ms}
.guide__control-ico:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;border: 1px solid #000}
.guide__control-btn--prev {text-align:right}
.guide__control-btn--prev .guide__control-ico {margin-right: 1em;background-image: url('/assets/images/sub/arrow-left.png');background-position: calc(100% - 0em) center}
.guide__control-btn--prev .guide__control-ico:before {left: 0}
.guide__control-btn--next .guide__control-ico {margin-left: 1em;order: 2;background-image: url('/assets/images/sub/arrow-right.png');background-position: center left}
.guide__control-btn--next .guide__control-ico:before {right: 0}
.guide__control-btn--prev:hover .guide__control-ico {background-position-x: calc(100% - 0.5em)}
.guide__control-btn--next:hover .guide__control-ico {background-position-x: 0.5em}
.guide__btn-area {margin-top: 4em;text-align: center;}
.guide__btn {padding-left: 5em;padding-right: 5em}

@media screen and (max-width:768px){
	.guide__info {margin-top: 3em}
	.guide__info-cont,
	.guide__info-thumb {width: 100%}
	.guide__info-cont {order: 2;margin-top: 2em}
	.guide__info-thumb {height:35vw}
	.guide__info__desc {font-size: 1.375rem}
	.guide__info-item + .guide__info-item {margin-top: 1.75em}
	.guide__info__desc-title,
	.guide__info__desc-txt {width: 100%}
	.guide__info__desc-txt {margin-top: 0.5em}
	.guide__detail-item--title {width: 100%;margin-bottom: 1em}
	.guide__detail-title {font-size: 1.375rem}
	.guide__detail-item--cont {width: 100%;overflow: auto}
	.guide__detail-item--cont .tbl {min-width: 700px}
  .guide__control-btn {font-size: 1.5rem}
}

@media screen and (max-width:599px){
	.guide__list-item {width: 100%}
	.guide__list-item + .guide__list-item {margin-top:2em}
	.guide__list-thumb-figure__title {font-size: 2rem}
	.guide__list-thumb-figure__text {font-size: 1.5rem}
}


/**  location   **/
.location {}
.location__map {width: 100%;height: 42em}
.location__info {display: flex;margin-top: 5em}
.location__info-img {flex: 1}
.location__info-cont {flex: 2;padding-left: 4em}
.location__info-title {padding-bottom: 0.5em;margin-bottom: 0.5em;border-bottom: 1px solid #ddd;font-size: 2rem}
.location__info-list-title {margin: 0.5em 0}
.location__info-list {font-size: 1.125rem}
.location__info-list__item {display: flex}
.location__info-list__item + .location__info-list__item {margin-top: 1.25em}
.location__info-list__title {width: 6em}
.location__info-list__cont {width: calc(100% - 6em);color: #666}
.location__info-list__team {display: flex;flex-wrap: wrap}
.location__info-list__team-title {width: 6em}
.location__info-list__team-item {display: flex;width: calc(100% - 6em);margin-left: auto}
.location__info-list__team-item + .location__info-list__team-item {margin-top: 0.5em}
.location__info-list__team-item .grade {width: 3em}
.location__info-list__team-item > * + * {margin-left: 1.25em}



/**  privacy   **/
.text-pre {font-size: 1rem;white-space:  pre-line;line-height: 1.6;padding: 4em 0}