@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;outline: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 Korean',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}
a:focus,
button:focus,
select:focus,
textarea:focus,
input:focus,
button:hover,
select:hover,
textarea:hover,
input:hover{outline: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: #4266A7;color: #fff}
*::-webkit-scrollbar{width:10px;height:10px;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:#4266A7}


/* 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:599px){
    html,body{font-size:12px}
}
@media screen and (max-width:320px){
    html,body{font-size:10px}
}

/* 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 selectbox Custom */
select.input{padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/images/icon/arrow--down.png) 90% 50% no-repeat;background-size:15px}
select.input::-ms-expand{display:none}
select.input:focus{background-image:url(/assets/images/icon/arrow--up.png)}

/* Form Checkbox & Radio
-----------------------------------------------*/
.chkbox{position:relative; display:inline-block; padding-left:1.65rem; 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:1.5rem; height:1.5rem; 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:#000; border-color:#000}
.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:1.65rem; 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:1.5rem; height:1.5rem; 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:#000; border-color:#000}
.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,
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:hover,
textarea:hover,
select:hover{border-color:#999}
input:focus,
textarea:focus,
select:focus,{border-color:#333}
input:disabled,
textarea:disabled,
select:disabled{opacity:0.5;background-color: #eee}
input::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.error,
textarea.error,
select.error{border-color:#f00}
label.error{display:block !important; font-size:14px; text-align:left}

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

}

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

/* Select
-----------------------------------------------*/
select{padding-right:calc(1.6rem + 10px); background-image:url('/assets/images/icon/order_asc.svg'); background-position:calc(100% - 10px) 55%; background-repeat:no-repeat; background-size:auto}

/* 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}


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

/* button
-----------------------------------------------*/
.btn{display:inline-flex;align-items: center;gap: 10px;position:relative;padding:0.6rem 1.4rem;background-color: #333;border:1px solid transparent;line-height:inherit;color: #fff;box-sizing: border-box}
.btn.disabled,
.btn:disabled{opacity:0.5; pointer-events: none}
.btn *:not(.fa){font-weight:inherit; font-style:normal}
.btn.btn-default{background-color:#929ba2; color:#fff; border-color:#929ba2}
.btn.btn-success{background-color:#183D7F; color:#fff; border-color:#183D7F}
.btn.btn-primary{background-color:#5378BA; color:#fff; border-color:#5378BA}
.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:.35rem 1rem;font-size:0.875rem;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:1rem}
.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:#4266A7}
.label-primary[href]:hover,
.label-primary[href]:focus{background-color:#4266A7}
.label-success{background-color:#183D7F}
.label-success[href]:hover,
.label-success[href]:focus{background-color:#183D7F}
.label-info{background-color:#5cb85c}
.label-info[href]:hover,
.label-info[href]:focus{background-color:#5cb85c}
.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}
.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:#4266A7; color:#fff}
.pagination li.arrow a{justify-content:center; box-sizing:border-box; padding:0; width:40px; background:#f6f6f6; border:1px solid #ccc; font-size:20px; color:#555}

/* tab
********************************/
.tab-title {display: flex;margin-bottom: 6rem;border-bottom: 1px solid #eee}
.tab-title__btn {position: relative;width: 100%;padding: 1rem 0;text-align: center;font-size: 1.25rem;color: #757575}
.tab-title__btn:after {content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 0;background-color: #4266A7}
.tab-title__btn.is-active {font-weight: bold;color: #4266A7}
.tab-title__btn.is-active:after {height: 4px}
.tab-view {}
.tab-view__item {display: none}
.tab-view__item.is-active {display: block;}

/* form
********************************/
.form {}
.form--line {border-top: 2px solid #000}
.form-btn {display: flex;align-items: center;justify-content: center;gap: 5px;margin-top: 6rem}
.form-btn .btn {justify-content: center;width: 12rem;padding: 1.25rem 0}
.form__caption {padding-bottom: 0.5rem;border-bottom: 2px solid #000;font-size: 1.5rem;font-weight: 500}
.form__row {display: flex;padding: 1rem;border-bottom: 1px solid #E0E0E0}
.form__title {display: inline-flex;width: 10rem;padding-top: 0.65rem;font-weight: bold}
.form__title + .form__group {width: calc(100% - 10rem)}
.form__group {display: flex;align-items: center;gap: 0.65rem}
.form__group--row {flex-direction: column;align-items: flex-start}
.form__group .input-file {width: 70%}
.form__info {color: #616161}
.form__info:before {content: '*'}
.form__ckb {margin: 3rem 0}
@media screen and (max-width: 768px){
	.form__row {flex-direction: column;gap: 1rem}
	.form__title {width: 100%}
	.form__title + .form__group {flex-wrap: wrap;gap: 0.5rem;width: 100%}
	.form__group .wd20 {width: 100%}
	.form__group .wd50 {width: 100%}
	.form__group .btn {width: 100%}
	.form__group--row > .form__group {flex-direction: column}
	.form__group .input-file {width: 100%}
	.form__group .input-file + .btn {align-items: center;justify-content: center;width: 100%;padding: 1rem 0}
}

/* list
********************************/
.num-list {counter-reset: section;}
.num-list__item {position: relative;padding-left: 1.5rem}
.num-list__item:before {counter-increment: section;position: absolute;left: 0}
.num-list--base > .num-list__item:before {content: counter(section) ".";}
.num-list--circle > .num-list__item:before {content: counter(section);display: flex;align-items: center;justify-content: center;top: 0.25rem;width: 1rem;height: 1rem;border: 1px solid #555;border-radius: 50%;font-size: 11px;font-weight: 500}
.num-list--single > .num-list__item:before {content: counter(section) ")";font-weight: bold}
.num-list--double > .num-list__item:before {content: "(" counter(section) ")"}
.num-list--kor > .num-list__item {padding-left: 0}
.num-list--kor > .num-list__item:before {content: "제 " counter(section) " 조";position: static;display: block;margin-bottom: 8px;font-weight: bold}
.num-list--kor > .num-list__item + .num-list__item {margin-top: 2rem}

.desc-list {font-size: 1.125rem;color: #616161}
.desc-list__title {display: inline;font-weight: bold}
.desc-list__title:after {content: ':';margin: 0 5px}
.desc-list__text {display: inline}

/* layout common
********************************/
.wrapper {width: 100%;margin: 0 auto;background-color: #fff}
.container {width: 100%;clear: both;margin: 0;overflow: hidden}
.wrap {width: calc(100% - 32px);margin: 0 auto;max-width: 1200px}
.wrap:after {content: '';display: block;clear: both}
.sub-fixed {width: calc(100% - 32px);margin: 0 auto;max-width: 1200px;padding-bottom: 10rem}
@media screen and (max-width: 768px){

}

/**   header   **/
.header-wrap {z-index: 999;position: fixed;top: 0;left: 0;display: block;clear: both;width: 100%;border-top: 1px solid #eee;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);background: #fff}

.header__direct {border-bottom: 1px solid #ddd}
.header__direct-inn {display: flex;justify-content: flex-end;gap: 1.5rem;padding: 0.5rem 0}
.header__direct-link {}

.header {position: relative}
.header-inn {display: flex;flex-wrap: wrap;align-items: center}
.header__logo {width: 20rem;height: 2.75rem}
.header__logo a {display: block;width: 100%;height: 100%;background: url('/assets/images/common/logo.svg') no-repeat left center/contain;text-indent: -150%;overflow: hidden;color: transparent}

.header__menu-wrap {display: flex;align-items: center;margin-left: auto;height: 100%}
.header__menu {display: flex;height: 100%}
.header__menu-item {position: relative;height: 100%}
.header__menu-link {display: inline-flex;align-items: center;padding: 1.5em;height: 100%;font-size: 1.125rem}
.header__menu-depth {z-index: 1;position: absolute;top: 70px;left: 0;display: none;min-width: 140px;background-color: #f2f4f6;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3)}
.header__menu-depth:after {content: '';width: 0;height: 0;display: block;position: absolute;z-index: 10;border: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;margin-left: -10px;left: 50%;border-bottom: 10px solid #f2f4f6;top: -10px}
.header__menu-depth-link {font-size: 0.875rem;font-weight: 400;color: #333;display: block;padding: 10px 10px;white-space: nowrap}
.header__menu-depth-link:hover {background-color: #4266A7;color: #fff}
@media screen and (max-width: 1360px){
  .header__menu {margin-right: 50px}
}
@media screen and (max-width: 1024px){
  .header__direct-inn {display: none}
  .header__logo {width: 22rem;padding: 1rem 0;box-sizing: content-box}
  .header__menu {display: none}
}

/**   header mobile   **/
.header__btn-gnb {display: block;z-index: 200;position: absolute;right: 1em;top: 50%;transform: translateY(-50%);width: 2.75rem;padding: 0;cursor: pointer}
.header__btn-gnb i {position: relative;display: block;margin: 6px 0;width: 100%;height: 3px;background-color: #444;transition: all 300ms ease-in-out}
.header__btn-gnb:hover i:nth-child(2){width: 80%}
.header__btn-gnb.close {right: 22px;transform: rotate(45deg) translateY(-50%);transition: all 300ms 700ms ease-in-out}
.header__btn-gnb.close:hover i {background-color: #4266A7}
.header__btn-gnb.close i:nth-child(2){width: 0}
.header__btn-gnb.close i:nth-child(1),
.header__btn-gnb.close i:nth-child(3){transition-delay: 300ms}
.header__btn-gnb.close i:nth-child(1){transform: translateY(8px) rotate(90deg)}
.header__btn-gnb.close i:nth-child(3){transform: translateY(-10px)}

.header-mobile__overlay {z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: none}
.header-mobile__gnb {z-index: 100;position: fixed;top: 0;right: -100%;display: none;background-color: #fff;max-width: 960px;width: 80%;height: 100%;box-sizing: border-box;overflow-y: auto}
.header-mobile__gnb.is-active {right: 0}
.header-mobile__menu {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%}
.header-mobile__menu-list {width: 80%}
.header-mobile__menu-depth1-item {display: flex;padding: 4em 0 2em 0;border-bottom: 1px solid #ddd}
.header-mobile__menu-depth1-link {font-size: 1.5rem;display: block;width: 160px;margin-bottom: 1em;font-weight: 400;color: #333}
.header-mobile__menu-depth2-box {display: flex;width: calc(100% - 160px)}
.header-mobile__menu-depth2-link {position: relative;font-size: 1.125rem;display: inline-block;margin-right: 1.5em;padding-top: 3px;padding-bottom: 0.2em;color: #999;border-bottom: 1px solid #fff;transition: color 300ms}
.header-mobile__menu-depth2-link:hover {color: #4266A7}
.header-mobile__menu-depth2-link:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 0;background-color: #4266A7;transition: height 300ms}
.header-mobile__menu-depth2-link:hover:after {height: 2px}
.header-mobile__sta {display: flex;margin-top: 4em;width: 80%}
.header-mobile__sta-link {position: relative;font-size: 1.5rem;color: #333}
.header-mobile__sta-link + .header-mobile__sta-link {padding-left: 1em;margin-left: 1em}
.header-mobile__sta-link + .header-mobile__sta-link:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-48%);display: block;width: 1px;height: 20px;background-color: #666}
@media screen and (max-width: 1200px){
  .header-mobile__gnb {padding: 3em}
  .header-mobile__menu-depth1-link {font-size: 1.25rem;width: 120px}
  .header-mobile__menu-depth2-link {font-size: 1rem}
  .header-mobile__sta a {font-size: 1.25rem}
}
@media screen and (max-width: 1023px){
  .header-mobile__gnb {padding: 16px;width: 100%}
  .header-mobile__menu {padding-top: 4em;align-items: stretch;justify-content: inherit}
  .header-mobile__menu-list {width: 100%}
  .header-mobile__menu-depth1-item {padding: 0;flex-direction: column;border-bottom: 0}
  .header-mobile__menu-depth1-link {position: relative;padding: 1.25rem 0.5rem;margin-bottom: 0;width: 100%;border-bottom: 1px solid #ddd;font-size: 1.5rem;cursor: pointer;transition: color 300ms}
  .header-mobile__menu-depth1-link i {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);width: 20px;height: 20px}
  .header-mobile__menu-depth1-link i:before,
  .header-mobile__menu-depth1-link i:after {content: '';position: absolute;left: 0;top: 50%;display: block;width: 100%;height: 2px;background-color: #666;transition: all 300ms}
  .header-mobile__menu-depth1-link i:before {transform: rotate(0)}
  .header-mobile__menu-depth1-link i:after {transform: rotate(90deg)}
  .header-mobile__menu-depth2-box {display: none;padding: 1em 1.5em;width: 100%;border-bottom: 1px solid #ddd}
  .header-mobile__menu-depth2-link {padding: 0.7em 0;font-size: 1.25rem}
  .header-mobile__menu-depth2-link:after {display: none}

  .header-mobile__menu-depth1-item:hover .header-mobile__menu-depth1-link,
  .header-mobile__menu-depth1-item.is-active .header-mobile__menu-depth1-link {color: #4266A7}
  .header-mobile__menu-depth1-item:hover i:before,
  .header-mobile__menu-depth1-item:hover i:after,
  .header-mobile__menu-depth1-item.is-active i:before,
  .header-mobile__menu-depth1-item.is-active i:after {background-color: #4266A7}
  .header-mobile__menu-depth1-item.is-active > .header-mobile__menu-depth2-box {display: block}
  .header-mobile__menu-depth1-item.is-active i:before,
  .header-mobile__menu-depth1-item.is-active i:after {top: 10px;width: 70%}
  .header-mobile__menu-depth1-item.is-active i:before {left: 0;transform: rotate(45deg)}
  .header-mobile__menu-depth1-item.is-active i:after {left: 10px;transform: rotate(-45deg)}
  .header-mobile__sta {position: absolute;top: 2rem;left: 16px;margin-top: 0}
}

/**   sub common   **/
.sub-arccodion {}
.sub-arccodion-item:last-child {border-bottom: 1px solid #BDBDBD}
.sub-arccodion-item.is-active .sub-arccodion-head .title {color: #4266A7}
.sub-arccodion-item.is-active .sub-arccodion-head .btn i:last-child {transform: rotate(90deg)}
.sub-arccodion-head {display: flex;justify-content: space-between;padding: 0.75rem 0;border-top: 1px solid #BDBDBD}
.sub-arccodion-head .title {font-size: 1.5rem}
.sub-arccodion-head .btn {display: block;position: relative;width: 3rem;margin-right: 1rem;padding: 0;background-color: transparent;border: 0}
.sub-arccodion-head .btn i {display: block;position: absolute;left: 25%;width: 50%;height: 4px;margin: 0;background-color: #000}
.sub-arccodion-body {display: none;padding: 2rem 0;border-top: 1px solid #BDBDBD;font-size: 1.125rem}
.sub-arccodion-body h5 {margin-bottom: 8px;font-size: 1.125rem}
.sub-arccodion-body > * + * {margin-top: 2rem}
.sub-arccodion-body ol > li,
.sub-arccodion-body ul > li {margin-bottom: 3rem}
.sub-arccodion-body ol > li > ol > li,
.sub-arccodion-body ol > li > ul > li,
.sub-arccodion-body ul > li > ul > li,
.sub-arccodion-body ul > li > ol > li {margin-bottom: 0.5rem}
.sub-arccodion-body ol > li > ol,
.sub-arccodion-body ol > li > ul,
.sub-arccodion-body ul > li > ul,
.sub-arccodion-body ul > li > ol {margin-top: 8px;margin-left: 1rem}
.sub-arccodion-body img {max-width: 100%}


/**   sub visual   **/
.sub-visual {position: relative;text-align: center;padding-top: 120px}
.sub-visual .sub-visual__inn--0 {background-image: url('/assets/images/sub/sub-bg1.jpg')}
.sub-visual .sub-visual__inn--1 {background-image: url('/assets/images/sub/sub-bg1.jpg')}
.sub-visual .sub-visual__inn--2 {background-image: url('/assets/images/sub/sub-bg2.jpg')}
.sub-visual .sub-visual__inn--3 {background-image: url('/assets/images/sub/sub-bg1.jpg')}
.sub-visual__inn {position: relative;height: 26rem;padding-bottom: 3.8rem;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-size: cover}
.sub-visual__title-wrap {display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%}
.sub-visual__title {font-size: 3.125rem;color: #fff;margin-bottom: 1.25rem}
.sub-visual__text {font-size: 1.25rem;color: #fff;font-weight: 300;opacity: 0.9}

.sub-nav {position: absolute;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.7)}
.sub-nav-layout {display: flex}
.sub-nav-layout__item {width: 100%;height: 3.8rem}
.sub-nav-layout__item.is-active .sub-nav-layout__link {background-color: #fff;color: #333}
.sub-nav-layout__link {display: flex;align-items: center;justify-content: center;height: 100%;font-size: 1.25rem;color: #fff}
.sub-nav-layout-1 .sub-nav-layout__item {width: 100%}
.sub-nav-layout-2 .sub-nav-layout__item {width: 50%}
.sub-nav-layout-3 .sub-nav-layout__item {width: 33.333%}
.sub-nav-layout-4 .sub-nav-layout__item {width: 25%}
.sub-nav-layout-5 .sub-nav-layout__item {width: 20%}

.page__title {padding: 2em 0;text-align: center;display: block;font-size: 2.5rem}
.page__title-sub {margin-bottom: 4rem;font-size: 1.875rem;text-align: center}
@media screen and (max-width: 1200px){
	.sub-visual__inn {height: 28vw}
}
@media screen and (max-width: 1024px){
	.sub-visual {padding-top: 4.75rem}
	.sub-visual__title {margin-bottom: 1rem;font-size: 2.5rem}
	.sub-visual__text {font-size: 1rem}
}
@media screen and (max-width: 768px){
	.sub-nav {display: none}
	.sub-visual__inn {padding-bottom: 0}
	.page__title {padding: 4rem 0;font-size: 1.6rem}
}

/**   footer   **/
.footer {position: relative;width: 100%;border-top: 1px solid #e5e5e5;background-color: #f5f5f5;overflow: hidden;text-align: center}
.footer-wrap {}
.footer__direct {display: flex;justify-content: center;width: 100vw;margin-left: calc((-100vw + 1200px) / 2);padding: 1rem 0;background-color: #fff;text-align: center}
.footer__direct-link {position: relative}
.footer__direct-link + .footer__direct-link {padding-left: 4rem}
.footer__direct-link + .footer__direct-link:before {content: '';display: block;position: absolute;top: 0;left: 2rem;top: 55%;transform: translateY(-50%);width: 1px;height: 1rem;background-color: #ccc}
.footer__direct-link:hover {font-weight: bold}
.footer__info-wrap {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;margin: 2rem 0}
.footer__info {display: flex;flex-wrap: wrap;color: #999}
.footer__info-item {display: flex;justify-content: center}
.footer__info-item:after {content: '/';margin-left: 0.5rem}
.footer__info-item:nth-child(even):after,
.footer__info-item:last-child:after {display: none}
.footer__info-item + .footer__info-item {margin-left: 0.5em}
.footer__info-title:after {content: ':';margin: 0 3px}
.footer__copy {margin: 2rem 0;text-transform: uppercase;color: #999}
@media screen and (max-width: 1200px){
	.footer__direct {margin-left: -16px}
}


/**   intro   **/
.sub-intro {text-align: center}
.sub-intro__img {width: 100vw;height: 31rem;margin-bottom: 6rem;margin-left: calc((-100vw + 1200px) / 2);background: url('/assets/images/sub/intro-img.jpg') center/cover no-repeat}
@media screen and (max-width: 1200px){
    .sub-intro__img {margin-left: -16px}
}
@media screen and (max-width: 768px){
    .sub-intro__img {height: 55vw}
}

/**   greeting   **/
.sub-greeting {display: flex;position: relative}
.sub-greeting:before {content: '';z-index: 0;position: absolute;left: calc((-100vw + 1200px) / 2);top: 11rem;width: 100vw;height: 100%;background-color: #F5F5F5}
.sub-greeting__img {position: absolute;left: 0;top: 0;width: calc(50% - 3rem)}
.sub-greeting__img:before {content: '';z-index: 0;position: absolute;top: 3rem;left: calc((-100vw + 1200px) / 2);width: 50vw;height: 29rem;background-color: #4266A7}
.sub-greeting__img:after {content: '';z-index: 1;position: absolute;left: 0;top: 0;width: 100%;padding-top: 85%;background: url('/assets/images/sub/greeting-img.jpg') center/cover no-repeat}
.sub-greeting__cont {position: relative;width: 45%;margin-left: auto}
.sub-greeting__subject {margin-bottom: 3rem;font-size: 1.375rem;color: #424242}
.sub-greeting__text {font-size: 1.125rem;line-height: 1.8;color: #666}
.sub-greeting__sign {margin-top: 2rem;font-size: 1.5rem;font-weight: bold;text-align: right}
@media screen and (max-width: 1280px){
	.sub-greeting:before {left: -16px;top: 19vw}
	.sub-greeting__img:before {left: -16px;height: 37vw}
}
@media screen and (max-width: 768px){
	.sub-greeting {gap: 2rem;flex-direction: column}
	.sub-greeting:before {top: calc(75vw + 11rem)}
	.sub-greeting__img {position: relative;;width: 85%;height: 75vw}
	.sub-greeting__img:before {width: 90vw;height: 65vw}
	.sub-greeting__cont {width: 100%}
}
@media screen and (max-width: 599px){
	.sub-greeting:before {top: calc(75vw + 13rem)}
}

/**   organization   **/
.sub-organ {}
.sub-organ__tbl {table-layout: fixed;word-break: break-all;}
.sub-organ__tbl + .sub-organ__tbl {margin-top: 6rem}
.sub-organ__tbl-head {display: flex;background-color: #4266A7}
.sub-organ__tbl-head__item {position: relative;padding: 1rem 0;text-align: center;font-size: 1.25rem;font-weight: 500;color: #fff}
.sub-organ__tbl-head__item + .sub-organ__tbl-head__item:before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background-color: #E0E0E0}
.sub-organ__tbl-head__item:nth-child(1) {width: 25%}
.sub-organ__tbl-head__item:nth-child(2) {width: 10%}
.sub-organ__tbl-head__item:nth-child(3) {width: 40%}
.sub-organ__tbl-head__item:nth-child(4) {width: 25%}
.sub-organ__tbl-body-row {display: flex;text-align: center}
.sub-organ__tbl-body-item {position: relative;padding: 1rem 0;border-bottom: 1px solid #e0e0e0;font-size: 1.25rem;color: #424242}
.sub-organ__tbl-body-item + .sub-organ__tbl-body-item:before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background-color: #E0E0E0}
.sub-organ__tbl-body-item:nth-child(1) {width: 25%;font-weight: 500}
.sub-organ__tbl-body-item:nth-child(2) {width: 10%}
.sub-organ__tbl-body-item:nth-child(3) {width: 40%}
.sub-organ__tbl-body-item:nth-child(4) {width: 25%}
@media screen and (max-width: 1024px){
	.sub-organ__tbl-head,
	.sub-organ__tbl-body-row {flex-wrap: wrap}
	.sub-organ__tbl-head__item:nth-child(1),
	.sub-organ__tbl-body-item:nth-child(1) {width: 30%}
	.sub-organ__tbl-head__item:nth-child(2),
	.sub-organ__tbl-body-item:nth-child(2) {width: 30%;order: 1}
	.sub-organ__tbl-head__item:nth-child(2):before,
	.sub-organ__tbl-body-item:nth-child(2):before {display: none}
	.sub-organ__tbl-head__item:nth-child(3),
	.sub-organ__tbl-body-item:nth-child(3) {width: 70%;order: 0}
	.sub-organ__tbl-head__item:nth-child(4),
	.sub-organ__tbl-body-item:nth-child(4) {width: 70%;order: 2}
	.sub-organ__tbl-head__item:nth-child(2),
	.sub-organ__tbl-head__item:nth-child(4) {border-top: 1px solid #E0E0E0}

}

/**   rule    **/
.sub-rule {}


/**   history   **/
.sub-history {position: relative;padding: 6rem 0}
.sub-history:before {content: '';position: absolute;left: calc((-100vw + 1200px) / 2);top: 0;width: 100vw;height: 100%;background: url('/assets/images/sub/history-bg.jpg') center/cover no-repeat}
.sub-history__item {position: relative;color: #fff}
.sub-history__item + .sub-history__item {margin-top: 2rem}
.sub-history__item:nth-child(odd) .sub-history__item-cont {padding-left: 3rem;margin-left: auto;border-left: 1px solid #fff}
.sub-history__item:nth-child(odd) .sub-history__item-cont:before {left: -6px}
.sub-history__item:nth-child(even) .sub-history__item-cont {padding-right: 3rem;margin-right: auto;border-right: 1px solid #fff;text-align: right}
.sub-history__item:nth-child(even) .sub-history__item-cont:before {right: -6px}
.sub-history__item:nth-child(even) .sub-history__item-date {order:1}
.sub-history__item-year {margin-bottom: 2rem;text-align: center;font-size: 3.75rem;font-weight: bold}
.sub-history__item-cont {display: flex;position: relative;width: 50%;padding: 1.5rem 0}
.sub-history__item-cont:before {content: '';position: absolute;top: calc(1.5rem + 0.75rem);width: 12px;height: 12px;background-color: #8CB0F0;border-radius: 50%}
.sub-history__item-date {width: 5.5rem;font-size: 1.5rem}
.sub-history__item-subject {width: calc(100% - 5.5rem);font-size: 1.125rem}
@media screen and (max-width: 1280px){
	.sub-history:before {left: -16px}
}
@media screen and (max-width: 768px){
	.sub-history__item-year {text-align: left}
	.sub-history__item-cont {flex-direction: column;gap: 1rem;width: 90%}
	.sub-history__item-cont:before {top: 50%;transform: translateY(-50%)}
	.sub-history__item-subject br {display: none}
	.sub-history__item:nth-child(odd) .sub-history__item-cont {margin-left: 0}
	.sub-history__item:nth-child(even) .sub-history__item-cont {margin-right: 0;padding-left: 3rem;border-left: 1px solid #fff;border-right: 0;text-align: left}
	.sub-history__item:nth-child(even) .sub-history__item-cont:before {right: inherit;left: -6px}
	.sub-history__item:nth-child(even) .sub-history__item-date {order: 0}

}


/**   information   **/
.sub-infor {}
.sub-infor .page__title-sub {font-weight: 500}
.sub-infor__step {display: flex;gap: 4rem;}
.sub-infor__step-item {display: flex;position: relative;width: calc(100% / 4)}
.sub-infor__step-item:before {content: '';display: block;padding-top: 100%}
.sub-infor__step-item + .sub-infor__step-item:after {content: '';position: absolute;left: -2.5rem;top: 50%;width: 14px;height: 14px;border: 3px solid #BDBDBD;border-right: 0;border-bottom: 0;transform: translateY(-50%) rotate(135deg)}
.sub-infor__step-inn {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1.2rem;width: 100%;height: 100%;border-radius: 50%;text-align: center;color: #fff}
.sub-infor__step-item:nth-child(1) .sub-infor__step-inn {background-color: #9E9E9E}
.sub-infor__step-item:nth-child(2) .sub-infor__step-inn {background-color: #8CB0F0}
.sub-infor__step-item:nth-child(3) .sub-infor__step-inn {background-color: #5378BA}
.sub-infor__step-item:nth-child(4) .sub-infor__step-inn {background-color: #183D7F}
.sub-infor__step-num {font-size: 0.875rem;text-transform: uppercase;font-weight: bold}
.sub-infor__step-title {font-size: 1.25rem}

.sub-infor__msg {margin: 4rem 0;padding: 4rem 0;border-bottom: 1px solid #BDBDBD;border-top: 1px solid #BDBDBD;font-size: 1.125rem;color: #183D7F}
.sub-infor__msg-item {display: flex;align-items: center;justify-content: center;gap: 0.5rem}
.sub-infor__msg-item + .sub-infor__msg-item {margin-top: 1rem}
.sub-infor__msg-item:before {content: '';display: inline-block;width: 7px;height: 7px;background-color: #183D7F;border-radius: 50%;}

.sub-infor__tbl {width: 100%;margin-bottom: 6rem;table-layout: fixed;word-break: break-all;}
.sub-infor__tbl caption {padding-bottom: 0.75rem;border-bottom: 2px solid #000;text-align: left;font-size: 1.5rem;font-weight: 500}
.sub-infor__tbl th,
.sub-infor__tbl td {padding: 1rem;border-bottom: 1px solid #E0E0E0;text-align: center;vertical-align: middle;font-size: 1.125rem}
.sub-infor__tbl th + th,
.sub-infor__tbl td + td {border-left: 1px solid #E0E0E0}
.sub-infor__tbl thead th {background-color: #F4F8FF}

.sub-infor__register {font-size: 1.125rem}
.sub-infor__register-title {margin-bottom: 8px;font-size: 1.125rem}
.sub-infor__register ul > li {margin-bottom: 3rem}
.sub-infor__register ul > li > ol {margin-top: 8px}
.sub-infor__register ul > li > ol > li {margin-bottom: 0.5rem}
.sub-infor__register ul > li > ol > li > ol {margin-top: 5px}
.sub-infor__register ul > li > ol > li > ol > li {margin-bottom: 0.5rem}
@media screen and (max-width: 1024px){
	.sub-infor__step {flex-wrap: wrap;justify-content: center;max-width: 600px;margin:0 auto}
	.sub-infor__step-item {width: calc(50% - 4rem)}
	.sub-infor__step-item:after {display: none}
    .sub-infor__msg-item {justify-content: flex-start}
}
@media screen and (max-width: 768px){
	.sub-infor__step {gap: 2rem}
	.sub-infor__step-item {width: calc(50% - 2rem)}
	.sub-infor__step-img {max-width: 30%;max-height: 30%}
}

/**   journal   **/
.sub-journal .page__title-sub {margin-bottom: 3rem;font-weight: 500}
.sub-journal section {margin: 7rem 0}
.sub-journal section:first-child {margin-top: 0}
.sub-journal__msg {padding: 2.5rem;background-color: #F4F8FF;text-align: center;font-size: 1.125rem;color: #424242}
.sub-journal__msg .sub-journal__btn {margin-top: 2rem}
.sub-journal__num-list {counter-reset: section;text-align: left}
.sub-journal__num-list__item {position: relative;padding-left: 2.5rem;line-height: 1.8}
.sub-journal__num-list__item:before {counter-increment: section;content: "0" counter(section);display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0.15rem;width: 1.875rem;height: 1.875rem;background-color: #5378BA;color: #fff}
.sub-journal__num-list__item + .sub-journal__num-list__item {margin-top: 1rem}
.sub-journal__btn-wrap {display: flex;align-items: center;justify-content: center;gap: 1.5rem;margin: 4rem 0}
.sub-journal__btn {justify-content: center;width: 17.5rem;height: 5rem;box-sizing: border-box;font-size: 1.125rem;text-align: center}
.sub-journal__btn span {margin: 0 auto}
.sub-journal__btn .fa {font-size: 1.25rem}
.sub-journal__desc-wrap {padding: 3rem 0;border-top: 1px solid #BDBDBD;border-bottom: 1px solid #BDBDBD;text-align: center}
.sub-journal__desc {display: flex;justify-content: center;align-items: center;gap: 1rem;font-size: 1.125rem;color: #183D7F}
.sub-journal__desc + .sub-journal__desc {margin-top: 1rem}
.sub-journal__desc-title {font-weight: bold}
.sub-journal__tbl {width: 100%;margin: 2rem 0;border-top: 2px solid #555}
.sub-journal__tbl caption {margin-bottom: 1rem;font-weight: 500}
.sub-journal__tbl th,
.sub-journal__tbl td {padding: 1rem;border-bottom: 1px solid #e0e0e0}
.sub-journal__tbl th {background-color: #F4F8FF}
.sub-journal__tbl th + th,
.sub-journal__tbl th + td,
.sub-journal__tbl td + td {border-left: 1px solid #E0E0E0}

/**   journal - regulation   **/

/**   journal - guide   **/
.sub-guide .sub-journal__msg {margin-bottom: 4rem}
.sub-guide b {font-weight: 500}
.sub-guide .sub-arccodion-body ol > li > ol {margin-left: 0}
.sub-guide .sub-arccodion-body img {display: block;margin: 2rem 0 2rem -1.25rem}

/** journal - examin   **/
.sub-examin section + section {margin-top: 4rem}
.sub-examin section > * + * {margin-top: 3rem}
.sub-examin .num-list {font-size: 1.125rem}
.sub-examin-scroll {overflow: hidden;overflow-x: auto;margin: 2rem 0 1rem}
.sub-examin-tbl {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000}
.sub-examin-tbl th,
.sub-examin-tbl td {padding: 1rem;border-top: 1px solid #E0E0E0;border-right: 1px solid #e0e0e0;text-align: center;vertical-align: middle}
.sub-examin-tbl th:last-child,
.sub-examin-tbl td:last-child {border-right: 0}

/**   register add   **/
.sub-pre-reg {}
.sub-pre-reg section {margin-bottom: 4rem}
.sub-pre-reg__msg {padding: 3rem;background-color: #F5F5F5;font-size: 1.125rem;color: #424242}
.sub-pre-reg__msg-item {margin-left: 1.5rem}
.sub-pre-reg__msg-item + .sub-pre-reg__msg-item {margin-top: 2rem}
.sub-pre-reg__title {margin-bottom: 0.75rem;font-size: 1.125rem;color: #4266A7}

.sub-pre-reg__info {margin-bottom: 3rem}
.sub-pre-reg__info-item + .sub-pre-reg__info-item {margin-top: 1.5rem}
.sub-pre-reg__info-depth {margin: 0.5rem}
.sub-pre-reg__info-depth__item {position: relative;padding-left: 0.75rem}
.sub-pre-reg__info-depth__item:before {content: '-';margin-right: 5px}
.sub-pre-reg__info-depth__item + .sub-pre-reg__info-depth__item {margin-top: 0.5rem}
.sub-pre-reg__desc {}
.sub-pre-reg__desc + .sub-pre-reg__desc {margin-top: 1.5rem}
.sub-pre-reg__desc-title {margin-bottom: 5px;font-weight: bold}
.sub-pre-reg__desc-title:after {content: ' : '}

.sub-pre-reg__tbl {width: 100%;font-size: 1.125rem;table-layout: fixed;word-break: break-all;}
.sub-pre-reg__tbl caption {padding-bottom: 0.5rem;border-bottom: 2px solid #000;font-size: 1.5rem;text-align: left}
.sub-pre-reg__tbl th,
.sub-pre-reg__tbl td {padding: 1rem;border-bottom: 1px solid #E0E0E0;border-right: 1px solid #e0e0e0;text-align: center;vertical-align: middle}
.sub-pre-reg__tbl th:last-child,
.sub-pre-reg__tbl td:last-child {border-right: 0}
.sub-pre-reg__tbl thead th {font-weight: 500}
.sub-pre-reg__tbl tbody th {font-weight: normal}
.sub-pre-reg__tbl tbody tr:nth-child(odd) td {background-color: #F4F8FF}
.sub-pre-reg__tbl .bg {background-color: #F4F8FF}
.sub-pre-reg__tbl-msg {margin-top: 8px;font-size: 1.125rem;color: #424242}

.sub-pre-reg__direct {display: block;width: 18rem;padding: 1.5rem 0;margin: 4rem auto;text-align: center;font-size: 1.125rem}

.sub-pre-reg__go {display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem;max-width: 840px;margin: 0 auto}
.sub-pre-reg__go-btn {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1.5rem;width: 100%;padding: 1rem 0;box-sizing: border-box}
.sub-pre-reg__go-btn * {margin: 0}
.sub-pre-reg__go-btn--full {height: 13em;font-weight: bold;font-size: 1.625rem}
@media screen and (max-width: 599px){
	.sub-pre-reg__go {grid-template-columns: repeat(1,1fr);gap: 1.5rem}
	.sub-pre-reg__go-btn {font-size: 1.25rem}
	.sub-pre-reg__go-btn--full {font-size: 1.75rem}
}

/**   sub pre ckb   **/
.sub-pre-ckb {}
.sub-pre-ckb__info {margin-bottom: 4rem;font-weight: normal;font-size: 1.25rem;color: #5378BA;text-align: center}
.sub-pre-ckb .form-btn .btn {width: 16rem}
.sub-pre-ckb__tbl {width: 100%;margin: 4rem 0;border-top: 2px solid #000;table-layout: fixed;word-break: break-all;}
.sub-pre-ckb__tbl th,
.sub-pre-ckb__tbl td {padding: 1rem;border: 1px solid #E0E0E0;text-align: center;vertical-align: middle;color: #333}
.sub-pre-ckb__tbl th {background-color: #F5F5F5}
.sub-pre-ckb__tbl td[colspan="4"] {color: #BDBDBD}

/**   gallery board   **/
.product-info-table td{color: #666 !important}
#post-content .product-info{margin-bottom: 20px}
#post-content .product-info > strong{font-size: 1.5rem}
.board .border-control-button .btn-prev .icon-prev{right: 105.5px !important}
.board .border-control-but ton .btn-next .icon-next{left: 105.5px !important}
.board .border-control-button .btn-next .icon-next.changed:after{right: 10px}
.board .img-list__item:hover .img-list__figcaption::after{opacity: 1}
.board .img-list__item:hover .img-list__img{transform:scale(1.07)}
.map-info__title{font-size: 1.5rem !important}
.board .img-list__title--sta{display: none}

/**   contact    **/
.wrap.question .privacy{height: 280px; background: #f6f5f8; text-overflow: ellipsis; overflow-x: hidden; overflow-y: auto; padding: 25px 16px; box-sizing: border-box; border: 1px solid #bbb; margin-bottom: 20px}
.wrap.question .privacy > h4{font-size: 1.25rem}
.wrap.question .privacy .text-pre{padding:0}
.wrap.question .form-group{margin-top: 80px; border-top: 2px solid #000; box-sizing: border-box}
.wrap.question .form{height: 70px; border-bottom: 1px solid #dedcdf}
.wrap.question .form .label-text{float: left; width: 90px; height: 70px; line-height: 70px; font-size: 18px; text-indent: 15px}
.wrap.question .form-box{width: calc(100% - 90px); height: 70px; line-height: 70px; float: left; box-sizing: border-box}
.wrap.question .form-box input[name="question_title"]{width: 100%}
.wrap.question .form.form--type2{height:235px}
.wrap.question .form.form--type2 .form-box{width: calc(100% - 90px); height:100%; line-height:235px}
.wrap.question .form.form--type2 .form-box textarea.input{height:90%}
.wrap.question .btn-box{text-align: center; margin-top: 40px}
.wrap.question .btn-box > .cancel-btn{width: 120px; padding: .375rem .75rem; line-height: 1.5; font-size: 18px; border: 2px solid #666666; border-radius: .25rem; color: #666; margin-right: 10px}
.wrap.question .btn-box > .summit-btn{width: 120px; padding: .375rem .75rem; line-height: 1.5; font-size: 18px; border: 2px solid #4266A7; border-radius: .25rem; color: #4266A7}
@media screen and (max-width: 768px){
	.wrap.question .form{height: 95px}
	.wrap.question .form-group{margin-bottom: 0; margin-top: 35px}
	.wrap.question .form .label-text{width: 100%; height: 40px; line-height: 40px; text-indent: 0}
	.wrap.question .form-box{width: 100%; height: 40px; line-height: 40px}
	.wrap.question .form-box .box--type1{width: 50%}
	.wrap.question .form.form--type2{height: 305px}
	.wrap.question .form.form--type2 .form-box{width: 100%}
	.wrap.question .btn-box{margin-top: 0}
}

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

/**  sitemap   **/
.sub-sitemap {}
.sub-sitemap__nav {display: flex;align-items: flex-start;gap: 1rem}
.sub-sitemap__nav-item {width: calc(100% /4);border: 1px solid #E0E0E0;font-size: 1.125rem;text-align: center}
.sub-sitemap__nav-link {display: flex;align-items: center;justify-content: center;background-color: #4266A7;color: #fff;height: 4rem}
.sub-sitemap__nav-depth__item {border-top: 1px solid #E0E0E0}
.sub-sitemap__nav-depth__link {display: block;padding: 1rem;color: #424242}
@media screen and (max-width: 599px){
	.sub-sitemap__nav {flex-wrap: wrap}
	.sub-sitemap__nav-item {width: calc(50% - 0.5rem)}

}

/**  map   **/
.sub-map {}
.sub-map__ifm {width: 100%;height: 35rem;margin-bottom: 5rem}
.sub-map__addr {display: flex;gap: 2.5rem}
.sub-map__addr-thumb {width: 30%;height: 15rem;background: url('/assets/images/sub/map-img.jpg') center/cover no-repeat}
.sub-map__addr-cont {width: 70%}
.sub-map__addr-cont .title {margin-bottom: 2rem;font-size: 2rem;font-weight: bold}
.sub-map__addr-cont .desc {display: flex;font-size: 1.125rem}
.sub-map__addr-cont .desc + .desc {margin-top: 1rem}
.sub-map__addr-cont .desc__title {width: 100px;}
.sub-map__addr-cont .desc__text {width: calc(100% - 100px);color: #666}
@media screen and (max-width: 1200px) {
    .sub-map__ifm {height: 50vw}
}
@media screen and (max-width: 1200px) {
    .sub-map__addr {flex-direction: column}
    .sub-map__addr-thumb,
    .sub-map__addr-cont {width: 100%}
}
@media screen and (max-width: 599px) {
    .sub-map__ifm {height: 100vw}
    .sub-map__addr-thumb {order: 1}
    .sub-map__addr-cont .desc {flex-direction: column;}
    .sub-map__addr-cont .desc__title,
    .sub-map__addr-cont .desc__text {width: 100%}
}



.popup_layer_con img {width:100%;}