@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 KR'}
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}
img {display: block;max-width: 100%}
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;appearance:none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
::placeholder{color:#b7b7b7;opacity:1}
:-ms-input-placeholder{color:#b7b7b7}
small{font-size:.6875rem;padding-left:.625rem}

label.error{display:block !important; font-size:.875rem; 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}
.clearfix:after{content:''; display:block; clear:both}
.float-left{float:left}
.float-right{float:right}
.blind{position:fixed;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;}
caption.blind{position:static}

*::-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:#003087}


/* 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:1280px){
 html,body{font-size:14px}
}
@media screen and (max-width:768px){
 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;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:10px}
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: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:#326CBE; border-color:#326CBE}
.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:#326CBE; border-color:#326CBE}
.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}

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

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

/* File Uploads
-----------------------------------------------*/
/* 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 *{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:#326CBE; color:#fff; border-color:#326CBE}
.btn.btn-primary{background-color:#FF7931; color:#fff; border-color:#FF7931}
.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:#326CBE}
.label-primary[href]:hover,
.label-primary[href]:focus{background-color:#326CBE}
.label-success{background-color: #003087}
.label-success[href]:hover,
.label-success[href]:focus{background-color: #003087}
.label-info{background-color:#003087}
.label-info[href]:hover,
.label-info[href]:focus{background-color:#003087}
.label-warning{background-color:#2aabd2}
.label-warning[href]:hover,
.label-warning[href]:focus{background-color:#2aabd2}
.label-danger{background-color:#FF7931}
.label-danger[href]:hover,
.label-danger[href]:focus{background-color:#FF7931}

.alert{padding-top:.9375rem; padding-bottom:.9375rem; padding-right:.9375rem; padding-left:.9375rem; margin-bottom:1.25rem; 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:2.1875rem}
.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}

.icon-tryangle {display: block;width: 0;height: 0;margin: -1rem auto 0;border-style:solid;border-width: 1rem .625rem;border-color: transparent transparent #5a5a5a transparent}
.icon-circle {display: block;width: 1rem;height: 1rem;margin: 0 auto;border-radius: 100%;background-color: #5a5a5a}
.icon-circle--hole {border: 1px solid #5a5a5a;background-color: transparent}

/* pagination
********************************/
.pagination-nav{margin:2rem 0; text-align:center}
.pagination{display:flex; justify-content:center}
.pagination li{display:inline-block; margin:0 0.2rem}
.pagination li:hover a{color:#191919}
.pagination li a{display:flex; align-items:center; padding:0 1rem; height:2.5rem}
.pagination li.active{padding:0 1rem; height:2.5rem; line-height:2.5rem; background:#326CBE; color:#fff}
.pagination li.arrow a{justify-content:center; box-sizing:border-box; padding:0; width:2.5rem; background:#f6f6f6; border:1px solid #ccc; font-size:1.25rem; color:#555}

/* style
********************************/
.datatable {border-top: 2px solid #326CBE}
.datatable__line {display: flex;flex-wrap: wrap;border-bottom: 1px solid #ddd}
.datatable__line-item {padding: 1rem 0;font-size: 1.125rem}
.datatable__line-item--title {display: flex;align-items: center;justify-content: center;width: 12.5rem;background-color: #f5f5f5;font-weight: bold}
.datatable__line-item--text {width: calc(50% - 12.5rem);color: #424242}
@media screen and (max-width: 768px){
    .datatable__line-item--title {width: 9rem}
	.datatable__line-item--text {width: calc(100% - 9rem)}
	.datatable__line-item--text ~ .datatable__line-item--title,
	.datatable__line-item--text ~ .datatable__line-item--text {border-top: 1px solid #ddd}
}

.card-list {display: grid;gap: 1.875rem}
.card-list__title {font-size: 1.125rem;font-weight: bold}
.card-list__text {margin-top: 1rem;color: #424242}
@media screen and (max-width: 1024px){
 .card-list__title br {display: none}
}
@media screen and (max-width: 1024px){
 .card-list {gap: 1rem}
}

.circle-desc__title {position: relative;width: 100%;padding-left: 2rem;margin-bottom: 3rem;font-size: 1.5rem;font-weight: bold;color: #326CBE}
.circle-desc__title::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 100%;border: 5px solid #326CBE}
.circle-desc__title::after {content: '';position: absolute;left: 0;right: 0;bottom: -1rem;height: 2px;background-color: #326CBE}
.circle-desc__text {font-size: 1.125rem;color: #424242}
@media screen and (max-width: 768px){
 .circle-desc__title {font-size: 1.375rem}
 .circle-desc__title::before {width: 7px;height: 7px;border-width: 4px}
}

.icon-list {color: #424242}
.icon-list li {position: relative;padding-left: 0.75rem;font-size: 1.125rem;}
.icon-list li::before {position: absolute;left: 0;top: 0.75rem}
.icon-list li + li {margin-top: .5rem}

.icon-list--bar li::before {content: '';width: 5px;height: 1px;background-color: #555}
.icon-list--num {counter-reset: num}
.icon-list--num li {counter-increment: num 1;padding-left: 0}
.icon-list--num li::before {content: counter(num)')';position: static;margin-right: .5rem}

.tbl-scroll {overflow: hidden;overflow-x: auto}
.tbl-scroll .tbl {white-space: nowrap}
.tbl {width: 100%;border-top: 2px solid #326CBE}
.tbl th,
.tbl td {padding: 1rem;border: 1px solid #e5e5e5;vertical-align: middle}
.tbl thead th {background-color: #f5f5f5;font-weight: bold;font-size: 1.125rem;text-align: center}
@media screen and (max-width: 599px){
  .tbl {-webkit-text-size-adjust: 100%;}
}

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

/* layout
********************************/
.header {z-index: 999;position: fixed;top: 0;left: 0;background: #fff;color: #fff;display: block;clear: both;width: 100%;height: 6.25rem;border-top: 1px solid #eee;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12)}
.header > .wrap {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 100%}
.header > .wrap::after {display: none}
.header__logo {width: 10.25rem;height: 100%;display: flex;align-items: center}
.header__logo-link {display: block;width: 100%;height: 100%;background: url('/assets/images/common/logo.png') no-repeat center/contain;text-indent: -150%;overflow: hidden;color: transparent}
.header__gnb-wrap {display: flex;align-items: center;height: 100%}
.header__gnb {display: flex;height: 100%}
.header__gnb-item {position: relative;height: 100%}
.header__gnb-item:nth-child(5) .header__gnb-link,
.header__gnb-item:nth-child(6) .header__gnb-link {color: #003087}
.header__gnb-link {display: inline-flex;align-items: center;height: 100%;padding: 0 1rem;color: #333;font-size: 1.125rem}
.header__gnb-depth {z-index: 1;position: absolute;top: 4.375rem;left: 0;display: none;width: 8.75rem;background-color: #f2f4f6;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3)}
.header__gnb-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__gnb-depth-item {height: 2.5rem;line-height: 2.5rem;float: none}
.header__gnb-depth-link {font-size: 0.875rem;font-weight: 400;color: #333;display: block;line-height: 2.5rem;padding: 0 10px}
.header__gnb-depth-link:hover {background-color: #326CBE;color: #fff}
@media screen and (max-width: 1360px){
  .header__gnb {margin-right: 3.125rem}
}
@media screen and (max-width: 1023px){
  .header {height: 4.5rem}
  .header__logo a {width: 7rem;background-size: 100%}
  .header__navbar {height: 3.5rem;line-height: 3.5rem}
  .header__top-menu {display: none}
  .header__gnb {display: none}
}

.header__btn-gnb {z-index: 200;position: absolute;right: 1em;top: 50%;transform: translateY(-50%);transform-origin:top}
.header__btn-gnb i {position: relative;display: block;margin: 0.5rem 0;width: 2.25rem;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 {transform: rotate(45deg) translateY(-50%);transition: all 300ms 700ms ease-in-out}
.header__btn-gnb.close:hover i {background-color: #326CBE}
.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(0.5rem) rotate(90deg)}
.header__btn-gnb.close i:nth-child(3){transform: translateY(-13px)}

.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: 85%}
.header-mobile__menu-depth1-item {display: flex; padding-bottom: 3rem;border-bottom: 1px solid #ddd}
.header-mobile__menu-depth1-item + .header-mobile__menu-depth1-item {margin-top: 3rem;}
.header-mobile__menu-depth1-item:nth-child(5),
.header-mobile__menu-depth1-item:nth-child(6) {white-space:nowrap}
.header-mobile__menu-depth1-link {font-size: 1.5rem;display: block;width: 10rem;font-weight: normal;color: #333}
.header-mobile__menu-depth2-box {display: flex;flex-wrap: wrap;width: calc(100% - 10rem)}
.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;letter-spacing: -1px;transition: color 300ms}
.header-mobile__menu-depth2-link:hover {color: #326CBE}
.header-mobile__menu-depth2-link:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 0;background-color: #326CBE;transition: height 300ms}
.header-mobile__menu-depth2-link:hover:after {height: 2px}
.header-mobile__menu-direct {display: flex;margin-top: 4em;width: 80%}
.header-mobile__menu-direct__link {position: relative;font-size: 1.5rem;color: #333}
.header-mobile__menu-direct__link + .header-mobile__menu-direct__link {padding-left: 1em;margin-left: 1em}
.header-mobile__menu-direct__link + .header-mobile__menu-direct__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: 3rem}
  .header-mobile__menu-depth1-link {font-size: 1.25rem;width: 120px}
  .header-mobile__menu-depth2-link {font-size: 1rem}
  .header-mobile__menu-direct__link {font-size: 1.25rem}
}
@media screen and (max-width: 1023px){
  .header-mobile__gnb {padding: 2rem;width: 100%}
  .header-mobile__menu {padding-top: 4rem;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: 0.75rem 1rem;margin-bottom: 0;width: 100%;box-sizing: border-box;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: 15px;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: 1rem 1.5rem;width: 100%;border-bottom: 1px solid #ddd}
  .header-mobile__menu-depth2-link {padding: 0.7rem 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: #326CBE}
  .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: #326CBE}
  .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__menu-direct {position: absolute;top: 1.5rem;left: 2.5rem;margin-top: 0}
}

.sub-visual {position: relative;text-align: center;padding-top: 5.75rem}
.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-bg2.jpg')}
.sub-visual .sub-visual__inn--2 {background-image: url('/assets/images/sub/sub-bg3.jpg')}
.sub-visual .sub-visual__inn--3 {background-image: url('/assets/images/sub/sub-bg4.jpg')}
.calendar-wrap .sub-visual {background-image: url(/assets/images/sub/sub-visual4.jpg)}
.sub-visual__inn {position: relative;height: 21.875rem;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-size: cover}
.sub-visual__box {position: absolute;top: calc(50% - 1.625rem);transform: translateY(-50%);width: 100%;text-align: center}
.sub-visual__title {font-size: 3.125rem;color: #fff;margin-bottom: .5rem}
.sub-visual__text {font-size: 1.25rem;color: #fff;font-weight: 300;opacity: 0.9;letter-spacing:-1px}
.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%}
.sub-nav-layout__item.is-active .sub-nav-layout__link {background-color: #fff;color: #333}
.sub-nav-layout__link {display: block;padding: 1em 0;text-align: center;font-size: 1.125rem;color: #fff}
.page__title {margin: 2rem 0;text-align: center}
h3.page__title {font-size: 2.4rem}
h4.page__title {font-size: 1.875rem}
.circle__title {position: relative;width: 100%;padding-left: 2rem;margin: 1.5rem 0;font-size: 1.5rem;font-weight: bold;color: #326CBE}
.circle__title::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 100%;border: 5px solid #326CBE}
.circle__title::after {content: '';position: absolute;left: 0;right: 0;bottom: -0.5rem;height: 2px;background-color: #326CBE}
@media screen and (max-width: 1200px){
  .page__title {padding: 2.7rem 0}
  .sub-visual__inn {height: 16.25rem}
  .sub-visual__title {font-size: 2.1rem;margin-bottom: 1.25rem}
  .sub-visual__text {font-size: 1.125rem}
}
@media screen and (max-width: 1023px){
  .sub-visual {padding-top: 56px}
}
@media (min-width: 769px) and (max-width: 808px){
  .sub-visual {padding-top: 150px}
  .sub-visual__box {top: 50%}
}
@media screen and (max-width: 768px){
  .sub-nav {display: none}
  .sub-nav-layout__link {font-size: 0.876rem}
  .sub-visual {padding-top: 3.5rem}
  .sub-visual__inn {height: 35vw}
  .sub-visual__box {top: 50%}
  .sub-visual__title {font-size: 2.125rem;margin-bottom: 10px}
  .sub-visual__text {font-size: 1rem}
  .page__title {padding: 1rem 0}
  h3.page__title {font-size: 2rem}
  h4.page__title {font-size: 1.5rem}
  .circle__title {font-size: 1.375rem}
  .circle__title::before {width: 7px;height: 7px;border-width: 4px}
}

.footer {position: relative;width: 100%;padding: 3.75rem 0;background-color: #326CBE;overflow: hidden;color: #fff}
.footer .wrap {position:relative}
.footer__logo {font-size: 1.5rem;font-weight: bold}
.footer__company {display: flex;flex-wrap: wrap;gap: 1rem 2rem;width: 75%;margin: 1.5rem 0;font-size: 1.12rem}
.footer__company-tel {width: calc(50% - 1rem)}
.footer__company-tel span {display: block}
.footer__company address {width: calc(50% - 1rem)}
.footer__cs {display:flex; justify-content:center; align-items:center; position:absolute; right:0; top:50%; transform:translateY(-50%); width:15rem; height:5rem; border-radius:.5rem; border:2px solid #fff; text-align:center}
.footer__admin-menu {position: absolute;right: 2em;bottom: 2em;display: flex;align-items: center}
.footer__admin-menu li {font-size: .8125rem;color: #fff}
.footer__admin-menu li + li {margin-left: 1em}
@media screen and (max-width: 1024px){
 .footer__company {width: 100%}
 .footer__cs {display: inline-flex;position: static;width: auto;height: auto;margin-top: 2rem;padding: 1rem 3rem}
 .footer__cs br {display: none}
 .footer__admin-menu {bottom: 1em}
 .footer__admin-menu li {font-size: .75rem}
}
@media screen and (max-width: 768px){
  .footer__company > *,
  .footer__company address {width: 100%}
  .footer__admin-menu {display: none}
}


/* sub page
********************************/
/**   greeting   **/
.greeting {padding-bottom: 0}
.greeting .datatable__line-item {text-align: center}
.greeting .datatable__line:nth-child(n + 3) .datatable__line-item--text {width: calc(100% - 12.5rem)}
.greeting__cap {padding: 5rem 0;margin-top: 5rem;background: url('/assets/images/sub/greeting-bg.jpg') center/cover no-repeat;color: #fff}
.greeting__cap-area {display: flex;column-gap: min(5%, 6.875rem);margin-top: 4.375rem}
.greeting__cap-area .card-list {grid-template: repeat(2,1fr) / repeat(2,1fr)}
.greeting__cap-area .card-list__item {position: relative;padding: 2.1875rem;background-color: rgba(255,255,255,0.8);color: #000}
.greeting__cap-area .card-list__item::before {content: '';position: absolute;right: 1rem;top: 1rem;width: .625rem;height: .625rem;border: 5px solid #326CBE;border-radius: 100%}
.greeting__cap-area img {width: 100%}
@media screen and (max-width: 1024px){
 .greeting__cap-area {flex-direction: column;gap: 3rem}
}
@media screen and (max-width:768px){
 .greeting .datatable__line:nth-child(n + 3) .datatable__line-item--text {width: calc(100% - 9rem)}
 .greeting__cap-area .card-list {word-break: break-all}
}

/**     business   **/
.business-area {display: flex;flex-wrap: wrap;gap: 2.5rem}
.business-area + .business-area {margin-top: 5rem}
.business-area .circle-desc {width: 100%}
.business-area .business__info {width: calc(50% - 1.5rem)}
.business-area:nth-child(2) .business__info, 
.business-area:last-child .business__info {width: 100%}
.business__info-title {padding-bottom: 0.6rem;margin-bottom: 1.5rem;border-bottom: 2px solid #2C94ED;font-size: 1.25rem;color: #2C94ED}
.business__info-text {font-size: 1.125rem;color: #424242}
.business__info-text + * {margin-top: 2rem}
.business__info-text b {display: block;margin-bottom: 0.5rem}
.business__info-img {display: grid;grid-template-columns: repeat(3,1fr);}
@media screen and (max-width: 1024px){
 .business-area .business__info {width: 100%}
}

/**   vision   **/
.vision-area + .vision-area {margin-top: 5rem}
.vision__goal {gap: 1.5rem;grid-template-columns: repeat(4,1fr)}
.vision__goal .card-list__item {position: relative;padding-top: 100%;background: url('') center/cover no-repeat}
.vision__goal .card-list__item:nth-child(1) {background-image: url('/assets/images/sub/vision-bg1.jpg')}
.vision__goal .card-list__item:nth-child(2) {background-image: url('/assets/images/sub/vision-bg2.jpg')}
.vision__goal .card-list__item:nth-child(3) {background-image: url('/assets/images/sub/vision-bg3.jpg')}
.vision__goal .card-list__item:nth-child(4) {background-image: url('/assets/images/sub/vision-bg4.jpg')}
.vision__goal .card-list__title {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;text-align: center;color: #fff;letter-spacing: -1px}
.vision-area__img {margin: 3.75rem auto 5rem}
.vision__core {gap: 1.5rem;grid-template-columns: repeat(3,1fr)}
.vision__core .card-list__item {position: relative;z-index: 0;height: 31.25rem;padding: 60% 1.5rem 1.5rem;background-color: #f5f5f5}
.vision__core .card-list__item:nth-child(1) .vision__core-eng {color: #FF7931}
.vision__core .card-list__item:nth-child(2) .vision__core-eng {color: #00A20B}
.vision__core .card-list__item:nth-child(3) .vision__core-eng {color: #326CBE}
.vision__core-bg {position: absolute;z-index: -1;left: 0;top: 0;transform: translate(-14%,-19.5%);font-size: 22.5rem;font-weight: bold;line-height: 1;color: #fff}
.vision__core-eng {position: absolute;z-index: -1;right: 1.5rem;top: 1.5rem;;font-size: 1.875rem;font-weight: bold;writing-mode: vertical-lr;line-height: 1}
.vision__core-title {display: block;margin-bottom: 1.5rem;font-size: 1.25rem;font-weight: bold}
.vision__core .icon-list {width: 90%}
.vision__core .icon-list li {font-size: 1rem}
@media screen and (max-width: 1024px){
 .vision__goal {grid-template-columns: repeat(2,1fr)}
 .vision__core {grid-template-columns: 1fr}
 .vision__core .card-list__item {height: inherit;padding-top: 12rem;padding-bottom: 4rem}
}
@media screen and (max-width: 599px){
 .vision__goal {grid-template-columns: 1fr}
 .vision__goal .card-list__item {padding-top: 70%}
 .vision__goal .card-list__title {font-size: 1.6rem}
}

/**   philosophy   **/
.philosophy-banner {display: flex;flex-wrap: wrap;justify-content: space-around}
.philosophy-banner__title {width: 100%;padding: 8.75rem 2rem;background: url('/assets/images/sub/philosophy-bg.jpg') center/cover no-repeat;font-size: 1.125rem;color: #fff;text-align: center}
.philosophy-banner__title b {display: block;margin-bottom: 1rem;font-size: 1.875rem}
.philosophy-banner__core {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 0;width: 45%;height: 10rem;transform: translateY(-40%);text-align: center;color: #fff}
.philosophy-banner__core::before {content: '';position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.9}
.philosophy-banner__core:nth-child(2)::before {background: rgb(37,37,151);background: linear-gradient(0deg, rgba(37,37,151,1) 0%, rgba(50,108,190,1) 100%)}
.philosophy-banner__core:nth-child(3)::before {background: rgb(255,94,0);background: linear-gradient(0deg, rgba(255,94,0,1) 0%, rgba(244,160,0,1) 100%)}
.philosophy-banner__core-kor {font-size: 1.5rem;font-weight: bold}
.philosophy-banner__core-eng {font-size: 1.125rem;font-weight: normal}
.philosophy-area .icon-list-title {margin: 2rem 0 0.5rem;font-size: 1.25rem;font-weight: bold}
@media screen and (max-width: 768px){
 .philosophy-banner__core {width: 90%}
 .philosophy-banner__core + .philosophy-banner__core {margin-top: 1rem}
}

/**   maps   **/
.map__iframe {width:100%; height:41.875rem}
.map-info {display: flex;flex-wrap: wrap;align-items: flex-end;margin-top:5rem}
.map-info__figure {width:23.75rem; overflow:hidden}
.map-info__figure-img {transition:all .5s; width:100%}
.map-info__figure:hover .map-info__figure-img {transform:scale(1.05)}
.map-info__text-area {width:calc(100% - 23.75rem);margin-left: 2.5rem}
.map-info__title {padding:.5rem 0 .7rem 0; margin-bottom:1rem; font-size:2rem; color:#333; font-weight:bold; line-height:1.2; border-bottom:1px solid #ddd}
.map-info__box-item {position:relative; padding-bottom:1rem}
.map-info__box-item-type {position:absolute; top:0; left:0; width:6.25rem; line-height:1.4}
.map-info__box-item-text {padding-left:6.25rem; box-sizing:border-box; line-height:1.4; color:#666}
@media screen and (max-width:1200px){
 .map-info__figure {width:18.75rem}
 .map-info__text-area {width:calc(100% - 21.25rem)}
}
@media screen and (max-width:1024px){
 .map__iframe {height: 50vw}
 .map-info {gap: 3rem;flex-direction: column-reverse}
 .map-info__figure {width: 100%}
 .map-info__text-area {width: 100%;margin-left: 0}
}
@media screen and (max-width: 768px) {
  .map__iframe {height: 70vw}
}

/**   cadpower   **/
.cadpower__title {display: flex;background-color: #f5f5f5}
.cadpower__title-photo {width: 50%;image-rendering: pixelated}
.cadpower__title-cont {width: 50%;padding: 1.5rem}
.cadpower__title-cont .page__title {padding-bottom: .5rem;margin-bottom: 1rem;border-bottom: 1px solid #d5d5d5;text-align: left}
.cadpower__title-cont p {color: #424242}
.cadpower__title-cont p + p {margin-top: 1.5rem}
.cadpower-area {margin-top: 5rem}
.cadpower-area:last-child {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2rem 0}
.cadpower-area .circle__title {width: 100%}
.cadpower-area .circle__title span {color: #003087}
.cadpower__info-item {display: flex;gap: 5px;flex-direction: column;font-size: 1.125rem;color: #424242}
.cadpower__info-item + .cadpower__info-item {margin-top: 2rem}
.cadpower__info-item b {color: #2C94ED}
.cadpower-area .icon-list--num {display: flex;flex-wrap: wrap;gap: 0.5rem 0}
.cadpower-area .icon-list--num li {width: 50%}
.cadpower-area .icon-list--num li + li {margin-top: 0}
.cadpower__section {width: calc(50% - 1.5rem)}
.cadpower__section-title {padding-bottom: 0.6rem;margin-bottom: 1.5rem;border-bottom: 2px solid #2C94ED;font-size: 1.25rem;color: #2C94ED}
.cadpower__section-text {margin-bottom: 2rem;font-size: 1.125rem;color: #424242}
@media screen and (max-width: 1024px){
 .cadpower__title {flex-direction: column}
 .cadpower__title-photo {width: 100%}
 .cadpower__title-cont {width: 100%;padding-top: 0}
 .cadpower-area .icon-list--num li {width: 100%}
 .cadpower__section {width: 100%}
}
@media screen and (max-width: 599px) {
  .cadpower-area .circle__title::before {transform: none;top: 0.35rem}
  .cadpower-area .circle__title span {font-size: 1.125rem}
}

/**   autodesk   **/
.autodesk__info {display: flex;justify-content: space-between;align-items: flex-start}
.autodesk__info + .autodesk__info {margin-top: 5rem;padding-top:1.5rem;border-top: 2px solid #326CBE}
.autodesk__info figcaption {position: relative;width: 25%;padding-left: 2rem;font-size: 1.5rem;font-weight: bold;color: #326CBE}
.autodesk__info figcaption::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 100%;border: 5px solid #326CBE}
.autodesk__info img {width: 75%}
@media screen and (max-width: 1024px){
 .autodesk__info {flex-direction: column;gap: 1rem}
 .autodesk__info img {width: 100%}
}

/**   bim intro   **/
.bim-intro-area + .bim-intro-area {margin-top: 5rem}
.bim-intro-horizon {display: flex;flex-wrap: wrap;align-items: flex-start}
.bim-intro-horizon + .bim-intro-horizon {padding-top: 5rem;margin-top: 5rem;border-top: 2px solid #326CBE}
.bim-intro-horizon .circle__title {width: 25%;margin-top: 0}
.bim-intro-horizon .circle__title::after {display: none}
.bim-intro-horizon .bim-intro-cont {display: flex;flex-direction: column;gap: 2rem;width: 75%}
.bim-intro-horizon .bim-intro-cont img {margin: 2rem auto 0}
.bim-intro .paragraph {font-size: 1.125rem}
.bim-intro-area:last-child .circle__title::after {display: none} 
.bim-intro .tbl td b {display: block;text-align: center}
.bim-intro-desc {font-size: 1.125rem}
.bim-intro-desc + .bim-intro-desc {margin-top: 2.5rem}
.bim-intro-desc dt {margin-bottom: 1rem;font-weight: bold}
@media screen and (max-width: 1024px){
 .bim-intro-horizon .circle__title,
 .bim-intro-horizon .bim-intro-cont {width: 100%}
}

/**   bim-biz   **/
.bim-biz-area + .bim-biz-area {margin-top: 5rem}
.bim-biz__core {position: relative;z-index: 0}
.bim-biz__core::before {content: '';position: absolute;z-index: -1;left: 0;right: 0;top: 4.375rem;height: 45%;border: 1px dashed #707070;border-radius: 25rem}
.bim-biz__core-circle {display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;width: 15.625rem;height: 15.625rem;margin: 0 auto 1rem;padding: 3.125rem;background-color: #BCE0FD;border-radius: 100%;font-size: 1.875rem;font-weight: bold;text-align: center;line-height: 1.1;color: #02264F}
.bim-biz__core-circle::before {content: '';position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 60%;height: 60%;background-color: #fff;border-radius: 100%}
.bim-biz__core-list {display: flex;justify-content: space-between;gap: 2rem}
.bim-biz__core-item {width: 100%;text-align: center}
.bim-biz__core-title {display: flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;margin: 0 auto 2.0625rem;background-color: #D7D7D7;border-radius: 100%;font-size: 1.25rem;font-weight: bold;color: #02264F}
.bim-biz__core-point {margin-bottom: 0.5rem;font-weight: bold;color: #FF7931}
.bim-biz__core-item__list {text-align: center}
.bim-biz__core-item__list li + li {margin-top: 0.375rem}
.bim-biz-area + .bim-biz-area .bim-biz__core-circle {background-color: #F4A000;color: #FF7931}
.bim-biz-area + .bim-biz-area .bim-biz__core-title {width: 7.5rem;height: 7.5rem;padding: .625rem}
@media screen and (max-width: 1024px){
 .bim-biz__core {padding-bottom: 5rem}
 .bim-biz__core::before {top: calc(15.625rem / 2);bottom: 0;height: inherit;border-radius: 15rem}
 .bim-biz__core-list {flex-direction: column}
}

/**   bim-edu   **/
.biz-edu-area + .biz-edu-area {margin-top: 5rem}
.biz-edu .circle__title::after {display: none}
.biz-edu .tbl {text-align: center}
.biz-edu .card-list {grid-template-columns: repeat(3,1fr);gap: 4.375rem;padding: 5rem;background: url('../images/sub/bimedu-bg.jpg') center/cover no-repeat}
.biz-edu .card-list__item {position: relative;padding: 2.1875rem;padding-bottom: 3.75rem;background-color: rgba(255,255,255,0.8);color: #000}
.biz-edu .card-list__item::before {content: '';position: absolute;right: 1rem;top: 1rem;width: .625rem;height: .625rem;border: 5px solid #326CBE;border-radius: 100%}
.biz-edu .card-list__text {line-height: 1.6}
@media screen and (max-width: 1024px){
 .biz-edu .card-list {grid-template-columns: 1fr;gap: 3rem;padding: 3rem}
}

/**   bim-const   **/
.biz-const__info {display: flex;border-top: 2px solid #326CBE;border-bottom: 1px solid #e5e5e5}
.biz-const__info-item {display: flex;flex-direction: column;align-items: center;width: 100%;font-size: 1.125rem;text-align: center}
.biz-const__info-item + .biz-const__info-item {border-left: 1px solid #e5e5e5}
.biz-const__info-item:nth-child(1) .biz-const__info-graph p {background-color: #BCE0FD}
.biz-const__info-item:nth-child(2) .biz-const__info-graph p {padding-top: 2rem;background-color: #7FC4FD}
.biz-const__info-item:nth-child(3) .biz-const__info-graph p {padding-top: 4rem;background-color: #2C94ED;color: #fff}
.biz-const__info-item:nth-child(4) .biz-const__info-graph p {padding-top: 8rem;background-color: #326CBE;color: #fff}
.biz-const__info-title {width: 100%;padding: 1rem 0;border-bottom: 1px solid #e5e5e5;background-color: #f5f5f5;font-weight: bold}
.biz-const__info-list {width: 100%;min-height: 19.6875rem;padding: 1.5rem;border-bottom: 1px solid #e5e5e5}
.biz-const__info-list li + li {margin-top: 1rem}
.biz-const__info-graph {display: inline-flex;align-items: flex-end;flex-grow: 1;justify-content: center;width: 100%;padding: 1.5rem}
.biz-const__info-graph p {width: 6.25rem;padding: 5px 0;text-align: center}
@media screen and (max-width: 1024px){
 .biz-const__info {flex-wrap: wrap;gap: 3rem}
 .biz-const__info-item {position: relative;width: 100%;border: 1px solid #e5e5e5}
 .biz-const__info-list {min-height: inherit;border-bottom: 0}
}

/**   support-guide   **/
.support-guide-area {display: flex;gap: 3rem;position: relative;padding-top: 1.5rem;border-top: 2px solid #326CBE}
.support-guide-area::before {content: '';position: absolute;left: 50%;top: 1.5rem;width: 1px;height: 100%;background-color: #ddd}
.support-guide__info {width: 50%}
.support-guide__info img {width: 100%}
.support-guide__info figcaption {margin-top: 2rem;font-size: 1.125rem;line-height: 1.6;color: #424242}
.support-guige__list {width: 50%;counter-reset: num}
.support-guige__item {counter-increment: num 1;position: relative;padding-left: 4rem}
.support-guige__item + .support-guige__item {margin-top: 2rem}
.support-guige__item::before {content: counter(num)'.';position: absolute;left: 2.5rem;top: 0;font-weight: bold;font-size: 1.125rem;color: #326CBE}
.support-guige__item::after {content: '';position: absolute;left: 0;top: 7px;width: 0;height: 0;border-style: solid;border-width: 6px 9px;border-color: transparent transparent transparent #326CBE }
.support-guige__item .title {margin-bottom: 5px;font-weight: bold;font-size: 1.125rem;color: #326CBE}
@media screen and (max-width: 1024px){
 .support-guide-area {flex-direction: column}
 .support-guide-area::before {display: none}
 .support-guide__info {width: 100%}
 .support-guige__list {width: 100%}
}


/**   contact    **/
.wrap.question .privacy{height: 17.5rem; background: #f6f5f8; text-overflow: ellipsis; overflow-x: hidden; overflow-y: auto; padding: 1.5625rem 1rem; box-sizing: border-box; border: 1px solid #bbb; margin-bottom: 1.25rem}
.wrap.question .privacy > h4{font-size: 1.25rem}
.wrap.question .privacy .text-pre{padding:0}
.wrap.question .form-group{margin-top: 5rem; border-top: 2px solid #000; box-sizing: border-box}
.wrap.question .form{height: 4.375rem; border-bottom: 1px solid #dedcdf}
.wrap.question .form .label-text{float: left; width: 5.625rem; height: 4.375rem; line-height: 4.375rem; font-size: 1.125rem; text-indent: .9375rem}
.wrap.question .form-box{width: calc(100% - 5.625rem); height: 4.375rem; line-height: 4.375rem; float: left; box-sizing: border-box}
.wrap.question .form-box input[name="question_title"]{width: 100%}
.wrap.question .form.form--type2{height:14.6875rem}
.wrap.question .form.form--type2 .form-box{width: calc(100% - 5.625rem); height:100%; line-height:14.6875rem}
.wrap.question .form.form--type2 .form-box textarea.input{height:90%}
.wrap.question .btn-box{text-align: center; margin-top: 2.5rem}
.wrap.question .btn-box > .cancel-btn{width: 7.5rem; padding: .375rem .75rem; line-height: 1.5; font-size: 1.125rem; border: 2px solid #666666; border-radius: .25rem; color: #666; margin-right: .625rem}
.wrap.question .btn-box > .summit-btn{width: 7.5rem; padding: .375rem .75rem; line-height: 1.5; font-size: 1.125rem; border: 2px solid #326CBE; border-radius: .25rem; color: #326CBE}
@media screen and (max-width: 768px){
	.wrap.question .form{height: 5.9375rem}
	.wrap.question .form-group{margin-bottom: 0; margin-top: 2.1875rem}
	.wrap.question .form .label-text{width: 100%; height: 2.5rem; line-height: 2.5rem; text-indent: 0}
	.wrap.question .form-box{width: 100%; height: 2.5rem; line-height: 2.5rem}
	.wrap.question .form-box .box--type1{width: 50%}
	.wrap.question .form.form--type2 .form-box{width: 100%}
	.wrap.question .btn-box{margin-top: 0}
}

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