@charset "utf-8";
@import url('default.css');
@import url('slick.css');
@import url('aos.css');
@import url('swiper-bundle.css');
@import url('fonts.css');
@import url('open-color.css');

/**************************************************************************************************************
	reset
**************************************************************************************************************/

html, body, div, span, a, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, strong, em, b, i, u, abbr, cite, dfn, q,
code, kbd, samp, var, del, ins, mark, sub, sup, ruby, time, fieldset, form, label, legend, output,
dl, dt, dd, ol, ul, li, table, caption, colgroup, col, tbody, tfoot, thead, tr, th, td,
article, aside, figure, figcaption, footer, header, hgroup, nav, menu, main, section, details, summary,
img, object, iframe, embed, canvas, audio, video { margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block; margin:0; padding:0; }
legend { position:absolute; display:block; overflow:hidden; width:1px; height:1px; font-size:1px; line-height:0; text-indent:-999em; white-space:nowrap; }
fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr { border:0 none; }
img { vertical-align:middle; }
body li { *vertical-align:top; }
ul li { margin:0; padding:0; list-style:none; }
table { border-collapse:collapse; }
caption { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
button { overflow:visible; cursor:pointer; border:0 none; }
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner { padding:0; border:0 none; }
a { color:var(--oc-gray-9); text-decoration:none; }
address,
em { font-style:normal; }
body, input, select, textarea, button { color:var(--oc-gray-7); font-family:var(--font-text); font-size:16px; line-height:1.5; text-decoration:none; }
h1, h2, h3, h4, h5, h6 { color:var(--oc-gray-7); font-family:var(--font-title); font-size:16px; line-height:1.5; text-decoration:none; }
textarea, .inp, select { resize:none; -webkit-appearance:none; appearance:none; border:0; border-radius:0; outline:none; box-shadow:none; font-weight:normal; }
a:hover { text-decoration:none; }
body { -webkit-text-size-adjust:none; background:none; }
form { margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
/* ul:after { clear:both; display:block; content:''; } */

::-ms-clear { display:none; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:var(--oc-gray-4); }
::-moz-placeholder { color:var(--oc-gray-4); }
::-ms-input-placeholder { color:var(--oc-gray-4); }

/***********************************************************************************
	Common
************************************************************************************/

:root {
	--color-navy: #123056;	--color-navy-rgb: 18, 48, 86;
	--color-blue: #00aeef;	--color-blue-rgb: 0, 174, 239;
	--color-gold: #b68c43;	--color-gold-rgb: 182, 140, 67;
	--color-white: #fff;	--color-white-rgb: 255, 255, 255;
	--color-black: #000;	--color-black-rgb: 0, 0, 0;

	--round: 25px;

	--transition: all 0.3s ease;

	--font-title: "GothamPro", "SUIT", "Pretendard GOV Variable", "Pretendard GOV", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
		Roboto, "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	--font-text: "Pretendard GOV Variable", "Pretendard GOV", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
		Roboto, "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

a, a:active, a:visited { text-decoration:none !important; }
p, div { word-break:keep-all; }
img { max-width:100%; }
strong { font-weight:700; }
b { font-weight:700; }

.m0 { margin:0  !important; }
.mb0 { margin-bottom:0 !important; }
.mb2 { margin-bottom:2px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb110 { margin-bottom:110px !important; }
.mb130 { margin-bottom:130px !important; }
.pd0 { padding:0 !important; }
.mbr10 { margin-right:10px; }
.pdl50 { padding-left:50px !important; }
.pdtop90 { padding-top:90px; }
.none-bor { border:0 !important; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.f12 { font-size:12px !important; line-height:1.4em; }
.f16 { font-size:16px !important; line-height:1.4em; }
.f17 { font-size:17px !important; line-height:1.4em; }
.f18 { font-size:18px !important; line-height:1.4em; }
.f19 { font-size:19px !important; line-height:1.4em; }
.f20 { font-size:20px !important; line-height:1.4em; }
.f24 { font-size:24px !important; line-height:1.4em; }
.f25 { font-size:25px !important; line-height:1.4em; }
.f29 { font-size:29px !important; line-height:1.4em; }
.f31 { font-size:31px !important; line-height:1.4em; }
.f34 { font-size:34px !important; line-height:1.4em; }
.lh34 { line-height:34px !important; }
.lh44 { line-height:44px !important; }
.clear:after { clear:both; display:block; content:''; }
.fl { float:left; }
.fr { float:right; }
.inner { max-width:1290px; margin:0 auto; padding:0 15px; }
.hidden { overflow:hidden; } /* AOS 스크롤 이슈 제거 */

/* button */
.btn { display:inline-flex; align-items:center; justify-content:center; transition:var(--transition); padding:0 0.5em;
	border:1px solid transparent; border-radius:3px; font-size:20px; text-align:center; vertical-align:middle; }
.btn-custom { display:inline-flex; align-items:center; justify-content:center; transition:var(--transition); padding:0.5rem 1.5rem;
	border:1px solid transparent; border-radius:.25rem; font-family:var(--font-title); font-size:1rem; font-weight:600; line-height:1.5; text-align:center; vertical-align:middle; }
.btn:hover,
.btn-custom:hover { border-color:transparent; background-color:transparent; color:var(--oc-gray-9); }
.btn.btn-blue,
.btn-custom.blue { border-color:var(--color-blue); background-color:var(--color-blue); color:var(--color-white); }
.btn-custom.gold { border-color:var(--color-gold); background-color:var(--color-gold); color:var(--color-white); }
.btn.btn-blue:hover,
.btn-custom.blue:hover,
.btn-custom.gold:hover { border-color:var(--color-navy); background-color:var(--color-navy); color:var(--color-white); }
.btn-custom.sm { min-height:34px; padding:0.4rem 1.25rem; font-size:0.8rem; }
.btn-custom.lg { min-height:50px; padding:0.6rem 1.75rem; font-size:1.2rem; }
.btn-custom.circle { width:42px; height:42px; padding-right:0.5rem; padding-left:0.5rem; border-radius:100%; line-height:1; }
.btn-custom.circle.sm { width:34px; height:34px; }
.btn-custom.circle.lg { width:50px; height:50px; }
.btn-custom.cube { width:42px; height:42px; padding-right:0.5rem; padding-left:0.5rem; line-height:1; }
.btn-custom.cube.sm { width:34px; height:34px; }
.btn-custom.cube.lg { width:50px; height:50px; }
.btn-custom.round { border-radius:var(--round); }
.btn-custom.color { border-color:var(--color-navy); background-color:var(--color-navy); color:var(--color-white); }
.btn-custom.color:hover { border-color:var(--color-blue); background-color:var(--color-blue); color:var(--color-white); }
.btn-custom.dark { border-color:var(--oc-gray-7); background-color:var(--oc-gray-7); color:var(--color-white); }
.btn-custom.dark:hover { border-color:var(--oc-gray-9); background-color:var(--oc-gray-9); }
.btn-custom.outline.dark { border-color:var(--oc-gray-7); background-color:transparent; color:var(--oc-gray-7); }
.btn-custom.outline.dark:hover { border-color:var(--oc-gray-9); background-color:var(--oc-gray-9); color:var(--color-white); }
.btn-custom.light { border-color:var(--oc-gray-0); background-color:var(--oc-gray-0); }
.btn-custom.light:hover { border-color:var(--oc-gray-1); background-color:var(--oc-gray-1); }
.btn-custom.outline.light { border-color:var(--color-white); background-color:transparent; color:var(--color-white); }
.btn-custom.outline.light:hover { border-color:var(--color-blue); background-color:var(--color-blue); color:var(--color-white); }
.btn-custom.plus:before { font-family:'xeicon',var(--font-text); font-size:1.5em; font-weight:normal; content:'\e913'; }
.btn-custom.plus:hover:before { content:'\e907'; }

/* form */
.select { height:40px; transition:background-color 0.3s ease; padding:0 35px 0 15px; border:1px solid var(--oc-gray-3);
	background:#fff url(../img/common/bu_select_bk.png) no-repeat 100% 50%; background-position:right 12px center; color:var(--oc-gray-9); font-size:14px; vertical-align:middle; }
.select option { color:var(--oc-gray-9); }
.select.wh { border:1px solid rgba(var(--oc-gray-5-rgb), .3);
	background:transparent url(../img/common/bu_select_wh.png) no-repeat 100% 50%; background-position: right 12px center; color:var(--oc-gray-3); }
.inp { height:40px; transition:var(--transition); padding:0 0 0 15px; border:1px solid var(--oc-gray-3); background:var(--color-white);
	color:var(--oc-gray-9) !important; font-size:14px; vertical-align:middle; }
.inp.textarea { height:150px; padding:10px 15px; border-radius:0; box-shadow:none; background:var(--color-white); color:var(--oc-gray-9); }
.inp:focus,
.select:focus,
.inp.textarea:focus { border-color:var(--oc-gray-5); }
.inp:required,
.select:required,
.inp.textarea:required { border-color:var(--color-blue); }
.inp:required:focus,
.select:required:focus,
.inp.textarea:required:focus { border-color:var(--color-navy); }
.form-area { font-family:var(--font-text); }
.form-area ul { display:flex; flex-direction:column; gap:0.5em; }
.form-area ul li { position:relative; }
.form-area ul li .sh_input { width:100%; height:45px; transition:var(--transition); padding-left:70px; border:0;
	border-bottom:1px solid rgba(var(--oc-gray-5-rgb),.3) !important; border-radius:0; background-color:transparent; color:var(--oc-gray-7); font-family:var(--font-text); font-size:1em; }
.form-area ul li .sh_input:focus { border-color:rgba(var(--oc-gray-5-rgb),.7) !important; }
.form-area ul li textarea.sh_input { height:90px; padding-top:13px; line-height:1.4; }
.form-area ul li label { position:absolute; top:11px; left:0; color:var(--oc-gray-7); font-size:1em; }
.form-area .prv-area { display:flex; align-items:center; justify-content:flex-end; margin:0.5rem 0 1rem; font-size:1em; }
.form-area .prv-area a { cursor:pointer; color:var(--oc-gray-9); }
.form-area .prv-area a:hover { text-decoration:underline; }
.form-area .prv-area label { cursor:pointer; margin:0 7px; color:var(--oc-gray-7); }
.form-area .prv-area .ck_box { position:relative; width:16px; height:16px; cursor:pointer; -webkit-appearance:none; -ms-appearance:none; margin-bottom:1px; border:1px solid rgba(var(--oc-gray-5-rgb),.5); }
.form-area .prv-area .ck_box:after { display:none; position:absolute; top:0; left:0; align-items:center; justify-content:center; width:100%; height:100%;
	color:var(--color-white); font-family:'xeicon',var(--font-text); font-size:12px; content:'\e928'; }
.form-area .prv-area .ck_box:checked { border-color:var(--color-blue); background-color:var(--color-blue); }
.form-area .prv-area .ck_box:checked:after { display:inline-flex; }
.form-area .send { width:100%; }
.dark .form-area ul li label,
.dark .form-area ul li .sh_input,
.dark .form-area .prv-area a,
.dark .form-area .prv-area label { color:var(--color-white); }
.dark .form-area ul li .sh_input::-webkit-input-placeholder { color:rgba(var(--oc-gray-5-rgb),.3); }
.dark .form-area ul li .sh_input::-moz-placeholder { color:rgba(var(--oc-gray-5-rgb),.3); }
.dark .form-area ul li .sh_input::-ms-input-placeholder { color:rgba(var(--oc-gray-5-rgb),.3); }

/* table */
.table_custom { width:100%; }
.table_custom th { padding:.5rem .75rem; border:1px solid var(--oc-gray-2); word-break:keep-all; }
.table_custom td { padding:.5rem .75rem; border:1px solid var(--oc-gray-2); word-break:keep-all; }
.table_custom thead { background:rgba(var(--color-blue-rgb),0.1); }
.table_custom thead th,
.table_custom thead td { border-top:2px solid rgba(var(--color-blue-rgb),0.5); border-bottom:1px solid var(--oc-gray-4); text-align:center; }
.table_custom thead th { color:var(--color-blue); font-family:var(--font-title); font-size:19px; font-weight:600; }
.table_custom tbody th { background-color:var(--oc-gray-0); color:var(--oc-gray-9); font-weight:600; }
.table_custom .caption { padding-left:0; background-color:var(--color-blue); color:var(--color-white); font-weight:600; text-align:center; }
.table_custom .center { text-align:center; }
.table_custom .right { text-align:right; }
@media all and (max-width:1000px) {
	.table_custom th,
	.table_custom td { font-size:14px; }
	.table_custom thead th { font-size:16px; }
}

/* background */
.mesh-bg { position:relative; background:transparent; }
.mesh-bg::before { position:absolute; inset:0; z-index:-1; animation:moveBackground 10s linear infinite; filter:blur(80px);
	background-color:var(--color-blue); background-image:
		radial-gradient(circle at 52% 73%,	var(--oc-violet-1) 0, transparent 50%),
		radial-gradient(circle at 0% 30%,	var(--oc-indigo-1) 0, transparent 50%),
		radial-gradient(circle at 41% 26%,	var(--oc-blue-1) 0, transparent 50%),
		radial-gradient(circle at 41% 51%,	var(--oc-cyan-1) 0, transparent 50%),
		radial-gradient(circle at 41% 88%,	var(--oc-teal-1) 0, transparent 50%),
		radial-gradient(circle at 76% 73%,	var(--oc-green-1) 0, transparent 50%),
		radial-gradient(circle at 29% 37%,	var(--oc-lime-1) 0, transparent 50%);
	background-size:150% 150%; content:''; }
@keyframes moveBackground {
	0% { background-size:100% 100%; }
	10% { background-size:120% 80%; }
	20% { background-size:190% 140%; }
	30% { background-size:130% 110%; }
	40% { background-size:150% 120%; }
	50% { background-size:180% 100%; }
	60% { background-size:220% 80%; }
	70% { background-size:100% 50%; }
	80% { background-size:120% 70%; }
	90% { background-size:110% 90%; }
	100% { background-size:100% 100%; }
}

/* slider */
.slider .swiper-pagination.light .swiper-pagination-bullet { opacity:1; background-color:rgba(var(--color-white-rgb),.5); }
.slider .swiper-pagination.light .swiper-pagination-bullet-active { opacity:1; background-color:var(--color-white); }
.slider .swiper-pagination.dark .swiper-pagination-bullet { opacity:1; background-color:rgba(var(--color-black-rgb),.5); }
.slider .swiper-pagination.dark .swiper-pagination-bullet-active { opacity:1; background-color:var(--color-black); }
.pager.fraction { padding-right:0.5rem; padding-left:0.5rem; font-family:var(--font-title); }
.pager.fraction .swiper-pagination-current { font-weight:600; }
.pager.fraction.light { color:rgba(var(--color-white-rgb),.6); }
.pager.fraction.light .swiper-pagination-current { color:#fff; }
.pager.fraction.dark { color:rgba(var(--color-black-rgb),.6); }
.pager.fraction.dark .swiper-pagination-current { color:var(--oc-gray-9); }
.pager.bullet { position:absolute; bottom:1.5rem; left:50%; z-index:101; width:max-content; transform:translateX(-50%); }
.pager.bullet span { position:relative; width:29px; height:29px; transition:var(--transition); margin:0 5px; opacity:.3; background-color:transparent; }
.pager.bullet span.on { opacity:1; }
.pager.bullet span:before { position:absolute; top:50%; left:50%; display:block; width:45px; height:45px; transform:translate(-50%,-50%); transition:var(--transition);
	border-width:1px; border-style:solid; border-radius:50%; opacity:0; content:""; }
.pager.bullet.light span:before { border-color:rgba(var(--color-white-rgb),.5); }
.pager.bullet.dark span:before { border-color:rgba(var(--color-black-rgb),.5); }
.pager.bullet span.on:before { width:24px; height:24px; opacity:1; }
.pager.bullet span:after { position:absolute; top:50%; left:50%; display:block; width:7px; height:7px; transform:translate(-50%,-50%); border-radius:50%; content:""; }
.pager.bullet.light span:after { background-color:var(--color-white); }
.pager.bullet.dark span:after { background-color:var(--color-black); }
@media all and (max-width:1000px) {
	.pager.bullet { bottom:1rem; }
}

/* modal */
.privacy-modal { position:fixed; inset:0; z-index:9999; display:none; background:rgba(var(--color-black-rgb),.5); }
.privacy-modal.active { display:flex; align-items:center; justify-content:center; }
.privacy-modal-inner { position:relative; display:flex; overflow:hidden; flex-direction:column; width:min(90vw, 900px); height:min(80vh, 600px); padding:15px 20px 20px;
	border-radius:var(--round); background:var(--color-white); }
.privacy-modal h3 { margin-bottom:1rem; font-size:1.5rem; font-weight:700; }
.privacy-content { overflow-y:auto; flex:1; }
.btn-modal-close { position:absolute; top:10px; right:5px; width:calc(2rem + 15px); height:calc(2rem + 15px); cursor:pointer; border:none; background:none; font-size:1.5rem; }

/* flex_box */
.flex-wrap { display:flex; flex-wrap:wrap; gap:20px; width:100%; }
.flex-wrap.col1 { flex-direction:column; }
.flex-wrap.col2 .flex-box { width:calc( (100% - 20px) / 2); }
.flex-wrap.col3 .flex-box { width:calc( (100% - 40px) / 3); }
.flex-wrap.col4 .flex-box { width:calc( (100% - 60px) / 4); }
.flex-wrap.col5 .flex-box { width:calc( (100% - 80px) / 5); }
.flex-wrap.col6 .flex-box { width:calc( (100% - 40px) / 3); }
@media all and (max-width:1000px) {
	.flex-wrap { gap:15px; }
	.flex-wrap.col2 .flex-box { width:calc( (100% - 15px) / 2); }
	.flex-wrap.col3 .flex-box { width:calc( (100% - 30px) / 3); }
	.flex-wrap.col4 .flex-box { width:calc( (100% - 15px) / 2); }
	.flex-wrap.col5 .flex-box { width:calc( (100% - 30px) / 3); }
	.flex-wrap.col6 .flex-box { width:calc( (100% - 30px) / 3); }
}
@media all and (max-width:770px) {
	.flex-wrap.col2,
	.flex-wrap.col3 { flex-direction:column; }
	.flex-wrap.col2 .flex-box,
	.flex-wrap.col3 .flex-box { width:100%; }
	.flex-wrap.col5 .flex-box { width:calc( (100% - 15px) / 2); }
	.flex-wrap.col6 .flex-box { width:calc( (100% - 15px) / 2); }
}
@media all and (max-width:540px) {
	.flex-wrap.col4,
	.flex-wrap.col5,
	.flex-wrap.col6 { flex-direction:column; }
	.flex-wrap.col4 .flex-box,
	.flex-wrap.col5 .flex-box,
	.flex-wrap.col6 .flex-box { width:100%; }
}

/* round-box */
.round-box { position:relative; overflow:hidden; border-radius:var(--round); }
.round-box.bg { background-color:var(--oc-gray-1); }
.round-box.bg1 { background-color:rgba(var(--color-blue-rgb),0.1); }
.round-box.bg2 { background-color:rgba(var(--color-navy-rgb),0.1); }
.round-box.bg3 { background-color:rgba(var(--color-gold-rgb),0.1); }
.round-box.bg4 { background-color:rgba(var(--color-blue-rgb),0.1); }
.round-box.bg1 h5,
.round-box.bg1 h6 { color:var(--color-blue); }
.round-box.bg2 h5,
.round-box.bg2 h6 { color:var(--color-navy); }
.round-box.bg3 h5,
.round-box.bg3 h6 { color:var(--color-gold); }
.round-box.bg4 h5,
.round-box.bg4 h6 { color:var(--color-blue); }
.round-box.circle { border-radius:50%; }
.round-box.padding { padding:1.5rem; }
.round-box.outline { border:1px solid var(--oc-gray-3); background-color:var(--color-white); }
.round-box.dark { background-color:var(--oc-gray-8); color:var(--color-white); }
.round-box.dark h5 { color:var(--color-white); }
.round-box.center { text-align:center; }
.round-box .ico i { background:linear-gradient(135deg, var(--color-blue), var(--color-navy)); font-size:2em;
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.round-box .ico + h6 { margin-top:0.25em; }
.round-box .round-side { position:absolute; right:-5px; bottom:-5px; z-index:10; display:flex; align-items:center; }
.round-box .round-side:before { position:absolute; bottom:5px; left:-25px; z-index:-1; width:var(--round); height:var(--round);
	border-radius:0 0 var(--round) 0; box-shadow:var(--round) var(--round) 0 var(--round) var(--color-white); content:''; }
.round-box .round-side:after { position:absolute; top:-25px; right:5px; z-index:-1; width:var(--round); height:var(--round);
	border-radius:0 0 var(--round) 0; box-shadow:var(--round) var(--round) 0 var(--round) var(--color-white); content:''; }
.round-box .round-side .round { position:relative; display:flex; overflow:hidden; align-items:center; gap:5px; height:60px;
	border:5px solid var(--color-white); border-top-left-radius:var(--round); background-color:var(--color-white); }
.round-box .round-side .round .btn-custom { display:flex; align-items:center; justify-content:center; width:50px; height:50px; }
.round-box .round-side .round .btn-custom i { font-size:1.5em; }
.round-box .round-side.top { top:-5px; right:auto; right:-5px; bottom:auto; }
.round-box .round-side.top:before { top:5px; bottom:auto; left:-25px; border-radius:0 var(--round) 0 0; box-shadow:var(--round) calc(var(--round) * -1) 0 var(--round) var(--color-white); }
.round-box .round-side.top:after { top:auto; right:5px; bottom:-25px; border-radius:0 var(--round) 0 0; box-shadow:var(--round) calc(var(--round) * -1) 0 var(--round) var(--color-white); }
.round-box .round-side.top .round { border-top-left-radius:0; border-bottom-left-radius:var(--round); }
@media all and (max-width:1290px) {
	.round-box.padding { padding:1em; }
}

/* list */
.list_ul li { position:relative; margin-left:1em; text-align:left; word-break:keep-all; }
.list_ul li:before { position:absolute; top:0.75em; left:-1em; width:0.5em; height:2px; background:var(--oc-gray-5); content:''; }
.list_ul li em { color:var(--color-navy); font-weight:500; font-style:normal; }
.list_ul.check li { margin-left:1em; }
.list_ul.check li:before { top:0; left:-1em; width:1em; height:1em; background:none; color:var(--oc-gray-7); content:'\2714'; }
@media all and (max-width:1000px) {
	.list_ul li { font-size:14px; }
}

.list_timeline { position:relative; display:flex; flex-wrap:wrap; align-items:stretch; padding:1rem 0; padding-left:1rem; }
.list_timeline:before { position:absolute; top:50%; left:0; z-index:1; width:13px; height:13px; transform:translateY(-50%);
	border:2px solid var(--oc-gray-5); border-radius:50%; background:var(--color-white); content:""; }
.list_timeline:after { position:absolute; top:0; left:6px; width:1px; height:100%; border-left:1px dotted var(--oc-gray-2); content:""; }
.list_timeline dt { display:flex; align-items:center; width:6rem; padding:0 1rem; font-size:1.75em; font-weight:600; }
.list_timeline dd { display:flex; align-items:center; width:calc(100% - 6rem); margin:0; padding:0 1rem; }
.list_timeline dd li { position:relative; padding-left:2em; }
.list_timeline dd li + li { margin-top:0.5rem; }
.list_timeline dd li b { position:absolute; left:0; display:inline-block; font-style:italic; }
.list_timeline dd small { color:var(--oc-gray-5); font-weight:300; }
.list_timeline:first-of-type:before { border-color:var(--color-blue); }
.list_timeline:first-of-type dt { color:var(--color-blue); }
@media all and (max-width:1000px) {
	.list_timeline dt { font-size:1.5em; }
	.list_timeline dd { font-size:14px; }
	.list_timeline dd li + li { margin-top:3px; }
}
@media all and (max-width:560px) {
	.list_timeline { flex-direction:column; }
	.list_timeline:before { top:2.25rem; }
	.list_timeline dt { width:auto; padding:0 0.5rem; }
	.list_timeline dd { width:100%; padding:0 0.5rem; }
}

/* video */
.vid_wrap { position:relative; overflow:hidden; width:100%; max-width:1280px; margin:0 auto; aspect-ratio:16 / 9;
	border-radius:0.5em; background:var(--color-black); }
.vid_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.vid_wrap + p { margin-top:0.5em; }

/* sns */
.sns a { display:inline-block; width:100%; height:100%; }
.sns a i { transition:var(--transition); }
.sns a:hover i { color:var(--color-blue); }
.sns a:hover i.xi-naver { color:#03C75A; }
.sns a:hover i.xi-kakaotalk,
.sns a:hover i.fa-kakao-talk { color:#FEE500; }
.sns a:hover i.xi-instagram,
.sns a:hover i.fa-square-instagram { background:linear-gradient(135deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45);
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sns a:hover i.xi-youtube-play,
.sns a:hover i.fa-square-youtube { color:#FF0000; }
.sns a:hover i.xi-facebook,
.sns a:hover i.fa-square-facebook { color:#1877F2; }
.sns a:hover i.xi-x-official,
.sns a:hover i.fa-square-x-twitter { color:#000000; }
.sns a:hover i.xi-linkedin,
.sns a:hover i.fa-square-linkedin { color:#0A66C2; }

/*********************************************************************************************************************************************************************
	Layout
*********************************************************************************************************************************************************************/

body { padding-top:90px; }
#s-header2 { position:fixed; top:0; right:0; left:0; z-index:100; height:90px; border-bottom:1px solid var(--oc-gray-2); background-color:var(--color-white); }
#s-header2 .inner { position:relative; display:flex; justify-content:space-between; gap:1em; /*max-width:100%; padding-right:0; padding-left:30px;*/ }
#s-header2 h1 { z-index:2; height:90px; }
#s-header2 h1 a { display:flex; align-items:center; gap:0.25rem; width:100%; height:100%; }
#s-header2 h1 a span { display:inline-flex; align-items:center; }
#s-header2 h1 a .img img { max-height:72px; }
#s-header2 h1 a .txt { color:var(--color-navy); font-family:var(--font-title); font-size:1.5rem; font-weight:800; line-height:1.2; }
#s-header2 .menu { z-index:2; display:flex; align-items:center; height:90px; }
#s-header2 .menu .btn1,
#s-header2 .menu .btn2 { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; height:90px; transition:var(--transition); padding:0 20px; color:var(--color-white); }
#s-header2 .menu .btn1 { background:var(--oc-gray-7); }
#s-header2 .menu .btn2 { background:var(--oc-gray-9); }
#s-header2 .menu .btn1:hover { background:var(--color-blue); color:var(--oc-gray-9); }
#s-header2 .menu .btn2:hover { background:var(--color-gold); color:var(--oc-gray-9); }
#s-header2 .lang { position:relative; margin-right:30px; }
#s-header2 .lang .btn-lang { position:relative; padding-right:16px; background:transparent; color:var(--oc-gray-9); }
#s-header2 .lang .btn-lang:after { position:absolute; top:calc(50% - 6px); right:0; width:8px; height:8px; transform:rotate(-45deg);
	border-bottom:1px solid var(--oc-gray-9); border-left:1px solid var(--oc-gray-9); content:''; }
#s-header2 .lang div { position:absolute; top:100%; left:50%; display:none; width:112px; transform:translateX(-50%);
	border:1px solid var(--oc-gray-3); border-top:2px solid var(--oc-gray-9); background:var(--color-white); }
#s-header2 .lang div ul li a { display:flex; align-items:center; gap:5px; transition:var(--transition); padding:5px; color:var(--oc-gray-7); }
#s-header2 .lang div ul li a:hover { background:var(--oc-gray-0); color:var(--oc-gray-9); }
#s-header2 .btn-all { width:32px; height:40px; /*margin-right:15px;*/ padding-top:10px; text-align:right; }
#s-header2 .btn-all span { display:block; width:24px; height:2px; background:var(--oc-gray-9); }
#s-header2 .btn-all span:nth-child(2) { margin:5px 0; }
#s-header2 .bg-menu { position:absolute; top:0; right:0; left:0; display:none; height:240px; border-bottom:1px solid var(--oc-gray-2); background:var(--color-white); }
#s-header2.active .bg-menu:before { position:absolute; top:90px; right:0; left:0; z-index:0; height:1px; background:var(--oc-gray-2); content:''; }

#s-gnb2 { position:relative; z-index:120; }
#s-gnb2 > ul:after { clear:both; display:block; content:''; }
#s-gnb2 > ul { display:flex; justify-content:center; }
#s-gnb2 > ul > li { position:relative; float:left; transition:var(--transition); padding:0 25px; }
#s-gnb2 .btn-dep1 { position:relative; display:block; height:90px; padding:0 8px; color:var(--oc-gray-9); font-family:var(--font-title); font-size:1.25rem; font-weight:700; line-height:90px; }
#s-gnb2 > ul > li:before { position:absolute; bottom:-1px; left:0; width:0; height:3px; transition:var(--transition); opacity:0; background:var(--color-blue); content:''; }
#s-gnb2 > ul > li:hover:before { width:100%; opacity:1; }
#s-gnb2 > ul > li:hover .dep2 {  }
#s-gnb2 .dep2 { position:absolute; top:90px; right:0; left:0; z-index:10; display:none; height:225px; padding:15px 25px 0 25px; }
#s-gnb2 .dep2 > li + li { padding-top:10px; }
#s-gnb2 .btn-dep2 { display:block; transition:var(--transition); -webkit-transition:var(--transition); color:var(--oc-gray-7); font-size:1rem; line-height:1.3; text-align:center; }
#s-gnb2 .btn-dep2:hover { color:var(--oc-gray-9); }

body.all-menu-open { overflow:hidden; }
.all-menu { position:fixed; top:0; right:-100%; bottom:0; z-index:1100; display:flex; flex-direction:column; visibility:hidden; width:100%; height:100dvh;
	overflow:hidden; opacity:0; pointer-events:none; transition:var(--transition); background:var(--color-white); }
.all-menu.active { right:0; visibility:visible; width:100%; opacity:1; pointer-events:auto; }
.all-menu .head { position:relative; z-index:10; flex:none; overflow:visible; }
.all-menu .head .inner { position:relative; display:flex; align-items:center; height:90px; justify-content:space-between; gap:2em; z-index:1; overflow:visible; }
.all-menu .logo { display:flex; align-items:center; gap:0.25rem; }
.all-menu .logo span { display:inline-flex; align-items:center; }
.all-menu .logo .img img { max-height:72px; }
.all-menu .logo .txt { color:var(--color-navy); font-family:var(--font-title); font-size:1.5rem; font-weight:800; line-height:1.2; }
.all-menu .lang { margin-left:auto; }
.all-menu .lang ul { display:flex; align-items:center; gap:1em; }
.all-menu .lang ul li a { display:flex; align-items:center; gap:5px; color:var(--oc-gray-7); }
.all-menu .btn-close { position:relative; width:36px; height:36px; }
.all-menu .btn-close:before { position:absolute; top:50%; left:0; width:34px; height:2px; transform:rotate(45deg); background:var(--oc-gray-9); content:''; }
.all-menu .btn-close:after { position:absolute; top:50%; left:0; width:34px; height:2px; transform:rotate(-45deg); background:var(--oc-gray-9); content:''; }
.all-menu .body { flex:1 1 auto; position:relative; z-index:1; overflow-x:hidden; overflow-y:auto; min-height:0; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.all-menu .body .menu { margin-top:50px; }
.all-menu .body .menu dl { display:flex; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid var(--oc-gray-3); }
.all-menu .body .menu dl dt { width:200px; margin-right:50px; }
.all-menu .body .menu dl dt a { display:block; transition:var(--transition); padding-bottom:15px;
	color:var(--oc-gray-9); font-family:var(--font-title); font-size:2rem; font-weight:700; line-height:2rem; }
.all-menu .body .menu dl dt a:hover { color:var(--oc-gray-9); }
.all-menu .body .menu dl dd { overflow:hidden; }
.all-menu .body .menu dl dd ul { display:flex; flex-wrap:wrap; }
.all-menu .body .menu dl dd ul li { padding:0 20px 10px; ; }
.all-menu .body .menu dl dd ul li a { position:relative; display:inline-block; transition:var(--transition); padding-bottom:5px;
	color:var(--oc-gray-7); font-size:1.5rem; line-height:2rem; letter-spacing:-0.01em; white-space:nowrap; }
.all-menu .body .menu dl dd ul li a:before { position:absolute; bottom:0; left:0; width:0; height:2px; transition:var(--transition); opacity:0; background:var(--color-blue); content:''; }
.all-menu .body .menu dl dd ul li a:hover { color:var(--oc-gray-9); }
.all-menu .body .menu dl dd ul li a:hover:before { width:100%; opacity:1; }
#s-header2 .sns a i { font-size:1.5em; }
.all-menu .sns a i { font-size:2em; }
@media all and (max-width:1290px) {
	#s-gnb2 > ul > li { padding:0 15px; }
	#s-gnb2 .dep2 { padding:15px 15px 0 15px; }
	#s-header2 .menu .btn1,
	#s-header2 .menu .btn2 { display:none; }
	.all-menu .body .menu dl dd ul li a { font-size:18px; }
	.all-menu .lang ul { gap:0.5em; }
}
@media all and (max-width:1000px) {
	body { padding-top:50px; }
	#s-header2 { position:fixed; top:0; right:0; left:0; z-index:100; height:50px; border-bottom:1px solid var(--oc-gray-3); background:var(--color-white); }
	#s-header2 .inner { padding-left:15px; }
	#s-header2 h1 { position:static; height:50px; text-align:center; }
	#s-header2 h1 a .img img { max-height:42px; }
	#s-header2 h1 a .txt { font-size:0.9rem; }
	#s-gnb2 { display:none; }
	#s-header2 .btn-all { display:block; margin-right:0; padding-top:11px; }
	#s-header2 .menu { height:50px; }
	#s-header2 .lang { display:none; }
	.all-menu { right:-100%; left:auto; width:100%; height:100dvh; }
	.all-menu .head .inner { height:50px; }
	.all-menu .logo .img img { max-height:42px; }
	.all-menu .logo .txt { font-size:0.9rem; }
	.all-menu .btn-close { width:30px; height:30px; }
	body.mobile,
	body.all-menu-open { overflow:hidden !important; }
	body.mobile .all-menu { right:0; visibility:visible; opacity:1; pointer-events:auto; }
	body.mobile .all-menu .head .btn-close { transform:rotate(180deg); }
	.all-menu .body { overflow-x:hidden; overflow-y:auto; min-height:0; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; background:none; }
	.all-menu .body .menu { position:static; margin-top:15px; padding:0; transform:translateY(0); border:0; }
	.all-menu .body .menu dl { flex-direction:column; margin-bottom:0; border-bottom:0; }
	.all-menu .body .menu dl dt { float:none; width:auto; margin:0; }
	.all-menu .body .menu dl dt a { padding:5px 0 0 15px; font-size:24px; line-height:1.4; }
	.all-menu .body .menu dl dd { display:none; padding:10px 0 0; background:var(--color-white); }
	.all-menu .body .menu dl dd ul { flex-direction:column; }
	.all-menu .body .menu dl dd ul li { float:none; width:auto; padding:0; }
	.all-menu .body .menu dl dd ul li a { margin-left:15px; padding:3px 0; border:0; line-height:1.4; }
	body.mobile .bg-allmenu { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; background:rgba(var(--color-black-rgb),0.7); content:''; }
}
@media all and (max-width:770px) {
	.all-menu .head .inner { gap:1rem; }
}
@media all and (max-width:540px) {	
	.all-menu .lang ul { gap:0.1rem; }
	.all-menu .lang a i { font-size:1.5rem; vertical-align:middle; }
	.all-menu .lang a span { display:none; }
}

/* member */
.member-menu { position:relative; z-index:3; }
.member-menu .member-links { display:flex; align-items:center; gap:0; }
.member-menu .member-links a { position:relative; display:inline-flex; align-items:center; height:40px; padding:0 12px; transition:var(--transition);
	color:var(--oc-gray-7); font-size:0.9rem; white-space:nowrap; }
.member-menu .member-links a + a:before { position:absolute; top:50%; left:0; width:1px; height:12px; transform:translateY(-50%); background:var(--oc-gray-3); content:''; }
.member-menu .member-links a:hover { color:var(--color-blue); }
.member-menu .btn-member { display:flex; align-items:center; gap:5px; min-height:40px; padding:6px 10px; border:0; background:transparent; color:var(--oc-gray-9); white-space:nowrap; cursor:pointer; }
.member-menu .btn-member .member-name b { font-weight:700; }
.member-menu .btn-member .member-level { color:var(--oc-gray-6); font-size:0.8rem; }
.member-menu .btn-member i { margin-left:3px; transition:var(--transition); font-size:0.8rem; }
.member-menu .member-dropdown { position:absolute; top:100%; right:0; display:none; overflow:hidden; width:7rem; border:1px solid var(--oc-gray-3); border-radius:8px; box-shadow:0 8px 25px rgba(var(--color-black-rgb),0.1); background:var(--color-white); }
.member-menu.active .member-dropdown { display:block; }
.member-menu .member-dropdown li + li { border-top:1px solid var(--oc-gray-2); }
.member-menu .member-dropdown a { display:flex; align-items:center; gap:8px; padding:10px 12px; transition:var(--transition); color:var(--oc-gray-7); font-size:0.9rem; white-space:nowrap; }
.member-menu .member-dropdown a:hover { background:var(--oc-gray-0); color:var(--color-blue); }
.member-menu .member-dropdown i { width:16px; text-align:center; }
.header-member-menu { margin-left:auto; margin-right:20px; }
.all-member-menu { position:relative; z-index:20; margin-left:auto; }
.all-member-menu .member-dropdown { z-index:30; }
@media all and (max-width:1140px) {
	#s-header2 .header-member-menu { display:none; }
}
@media all and (max-width:1000px) {
	#s-header2 .header-member-menu { display:block; }
	.all-member-menu .member-dropdown { top:100%; right:0; display:none; }
	.all-member-menu.active .member-dropdown { display:block; }
}
@media all and (max-width:540px) {
	#s-header2 .header-member-menu { display:none; }
	.all-member-menu .member-links a { padding:0 6px; font-size:0.8rem; }
	.all-member-menu .btn-member { gap:3px; padding:4px; }
	.all-member-menu .btn-member .member-name { font-size:0.8rem; }
	.all-member-menu .btn-member .member-level { font-size:0.7rem; }
	.member-menu .member-dropdown a { font-size:0.8rem; }
}

.main-visual .swiper-wrapper { align-items:stretch; }
.main-visual .swiper-slide { height:auto; background:no-repeat center center / cover; }
.main-visual .swiper-slide .article { display:flex; align-items:center; height:100%; padding-top:70px; padding-bottom:70px; box-sizing:border-box; }
.main-visual .swiper-slide .article .text { flex:1; align-self:center; text-align:center; }
/*.main-visual .swiper-slide.slide1 .article .text { text-align:left; }
.main-visual .swiper-slide.slide2 .article .text { text-align:right; }*/
.main-visual .swiper-slide .article .text h2 { color:var(--color-white); font-family:var(--font-title); font-size:4rem; font-weight:900; line-height:1.1; text-transform:uppercase; }
.main-visual .swiper-slide .article .text h2 strong { color:var(--color-blue); font-weight:900; }
.main-visual .swiper-slide .article .text .txt { margin:20px 0 30px; color:var(--color-white); font-size:1.125rem; }
.main-visual .swiper-slide .article .img { display:none; flex:1; text-align:right; }
.main-visual .btn-box { position:absolute; bottom:90px; left:calc(70px - 4px); z-index:100; white-space:nowrap; }
.main-visual .swiper-pagination-bullet { position:relative; display:inline-block; width:10px; height:10px; transition:var(--transition); margin:0 4px;
	border-radius:100%; opacity:1; background:var(--color-white); vertical-align:middle; }
.main-visual .swiper-pagination-bullet-active { background-color:var(--oc-gray-9); }
@media all and (max-width:1000px) {
	.main-visual .swiper-slide .article .text h2 { font-size:3rem; }
	.main-visual .swiper-slide .article .text .txt { font-size:1rem; }
}

.main-sec { padding:70px 0; }
.main-sec .head { margin-bottom:30px; }
.main-sec hgroup.title h2 { margin-bottom:10px; color:var(--color-blue); font-size:1.5rem; font-weight:700; text-transform:uppercase; }
.main-sec hgroup.title h3 { font-size:2.25rem; font-weight:400; line-height:1.3; letter-spacing:-0.025em; }
.main-sec hgroup.title h3 strong { color:var(--oc-gray-9); font-weight:700; }
.main-sec .body article hgroup { display:flex; flex-direction:column; gap:3px; }
.main-sec .body article hgroup h4 { color:var(--color-blue); font-size:1.1rem; font-weight:500; }
.main-sec .body article hgroup h5 { font-size:1.5rem; font-weight:400; line-height:1.3; letter-spacing:-0.01em; }
@media all and (max-width:1000px) {
	.main-sec { padding:2rem 0; }
	.main-sec .head { margin-bottom:1.5rem; }
	.main-sec hgroup.title { text-align:center; }
	.main-sec hgroup.title h2 { font-size:1.25rem; }
	.main-sec hgroup.title h3 { font-size:1.75rem; }
}

.main-academy { background:var(--color-white); }
.main-academy .head { display:flex; justify-content:space-between; gap:2rem; }
.main-academy .head .btn-group { display:flex; }
.main-academy .head .btn-group li:not(:last-child) { border-right:1px solid var(--oc-gray-3); }
.main-academy .head .btn-group li a { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:0 2rem; font-size:18px; }
.main-academy .head .btn-group li a img { max-height:90px; }
.main-academy .body { display:grid; gap:2rem; grid-template-columns:2fr 1fr 1fr;
	grid-template-areas:
		"a1 a2 a3"
		"a1 a4 a4";
	}
.main-academy .article1 { grid-area:a1; }
.main-academy .article2 { grid-area:a2; }
.main-academy .article3 { grid-area:a3; }
.main-academy .article4 { grid-area:a4; }
.main-academy .body article .text .desc { margin-top:1em; }
.main-academy .body article .text .btn-custom { margin-top:1em; }
.main-academy .body article .slider { width:100%; }
.main-academy .body article .slider .img { overflow:hidden; border-radius:var(--round); }
.main-academy .body .article1 { padding:0; }
.main-academy .body .article1 .slider { height:100%; }
.main-academy .body .article1 .slider .swiper-slide { z-index:1; }
.main-academy .body .article1 .slider .swiper-slide::before { position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; width:100%; height:100%; opacity:1;
	background:linear-gradient(to bottom, rgba(var(--oc-gray-9-rgb), 0.9) 0%, rgba(var(--oc-gray-9-rgb), 0.3) 50%, rgba(var(--oc-gray-9-rgb), 0) 90%); content:""; }
.main-academy .body .article1 .slider .text { display:flex; align-items:flex-start; justify-content:space-between; padding:2rem; }
.main-academy .body .article1 .slider .text hgroup { align-items:flex-start; }
.main-academy .body .article1 .slider .text hgroup h5 { color:var(--color-white); }
.main-academy .body .article1 .slider .text .btn-custom { margin-top:0; }
.main-academy .body .article1 .pager.fraction { position:static; width:auto; }
.main-academy .body .article2 { display:flex; align-items:center; justify-content:center; }
.main-academy .body .article3 { display:flex; flex-direction:column; gap:1rem; }
.main-academy .body .article3 .slider { aspect-ratio:3 / 2; }
.main-academy .body .article3 .slider .swiper-slide { background-color:var(--oc-gray-1); }
.main-academy .body .article3 hgroup { flex-direction:row; gap:10px; }
.main-academy .body .article4 { display:flex; align-items:center; gap:1rem; }
.main-academy .body .article4 .slider { flex:2; aspect-ratio:1 / 1; }
.main-academy .body .article4 .slider .swiper-slide { background-color:var(--color-white); }
.main-academy .body .article4 .text { flex:3; }
@media all and (max-width:1290px) {
	.main-academy .head,
	.main-academy .body { gap:15px; }
	.main-academy .head .btn-group li a { padding:0 15px; }
	.main-academy .body .article4 .slider { flex:1; }
	.main-academy .body .article4 .text { flex:1; }
	.main-academy .body .article1 .slider .text { padding:1em; }
}
@media all and (max-width:1000px) {
	.main-academy .head { flex-direction:column; }
	.main-academy .head .btn-group { justify-content:center; }
	.main-academy .body { gap:15px; grid-template-columns:1fr 1fr;
		grid-template-areas:
			"a1 a1"
			"a2 a3"
			"a4 a4";
		}
	.main-academy .body .article1 { aspect-ratio:3 / 2; }
}
@media all and (max-width:770px) {
	.main-academy .body .article1 { aspect-ratio:5 / 4; }
}
@media all and (max-width:540px) {
	.main-academy .head .btn-group li a { padding:0 0.5rem; font-size:1em; }
	.main-academy .body { gap:15px; grid-template-columns:1fr;
		grid-template-areas:
			"a1"
			"a2"
			"a3"
			"a4";
		}
	.main-academy .body .article1 { aspect-ratio:1 / 1; }
	.main-academy .body .article1 .slider .text { display:block; text-align:center; }
	.main-academy .body .article1 .slider .text hgroup { align-items:center; }
	.main-academy .body .article1 .slider .text .btn-custom { margin-top:1em; }
	.main-academy .body .article4 { flex-direction:column; }
	.main-academy .body .article4 .slider { flex:auto; }
	.main-academy .body .article4 .text { flex:auto; }
}

.main-grid { background:linear-gradient(rgba(var(--color-blue-rgb),0.1) 0 0) top / 100% 30em no-repeat, var(--color-white); }
/*.main-grid .head hgroup { text-align:center; }*/
.main-grid .head { display:flex; justify-content:space-between; gap:2rem; }
.main-grid .head .btn-group { display:flex; }
.main-grid .head .btn-group li:not(:last-child) { border-right:1px solid var(--oc-gray-3); }
.main-grid .head .btn-group li a { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:0 2rem; font-size:18px; }
.main-grid .head .btn-group li a img { max-height:90px; }
.main-grid .body { display:grid; gap:2rem; grid-template-columns:1fr 1fr 1fr;
	grid-template-areas:
		"c1 c1 c2"
		"c3 c4 c4";
	}
.main-grid .body hgroup { margin-bottom:1rem; }
.main-grid .body article .text .btn-custom { margin: 1em auto 0; }
.main-grid .article1 { grid-area:c1; }
.main-grid .article2 { grid-area:c2; }
.main-grid .article3 { grid-area:c3; }
.main-grid .article4 { grid-area:c4; }
.main-grid .list-board li + li { margin-top:0.5em; padding-top:0.5em; border-top:1px solid var(--oc-gray-3); }
.main-grid .list-board li a .txt { display:flex; align-items:flex-end; gap:0.5em; }
.main-grid .list-board li a .txt .date { width:2rem; color:var(--oc-gray-6); font-size:0.8em; font-style:oblique; text-align:right; }
.main-grid .list-board li a .txt p { width:calc(100% - 2rem - 0.5em); }
.main-grid .list-board li a h6 { overflow:hidden; transition:var(--transition); text-overflow:ellipsis; white-space:nowrap; }
.main-grid .list-board li a .txt p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; }
.main-grid .list-board li a .txt p { color:var(--oc-gray-7); font-size:0.9em; }
.main-grid .list-board li a:hover h6 { color:var(--color-blue); }
.main-grid .list-gallery > ul { display:flex; gap:1em; }
.main-grid .list-gallery li a { position:relative; display:block; overflow:hidden; border-radius:0.5em; box-shadow:0 0 1em rgba(var(--oc-gray-9-rgb), .1); }
.main-grid .list-gallery li a .txt { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; transition:var(--transition); padding:1em; opacity:0;
	background:linear-gradient(to bottom, rgba(var(--oc-gray-9-rgb), 0.9) 0%, rgba(var(--oc-gray-9-rgb), 0.3) 50%, rgba(var(--oc-gray-9-rgb), 0) 90%); }
.main-grid .list-gallery li a h6 { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	color:var(--color-white); line-height:1.4; text-align:center; text-overflow:ellipsis; }
.main-grid .list-gallery li a:hover .txt { opacity:1; }
@media all and (max-width:1290px) {
	.main-grid .head,
	.main-grid .body { gap:15px; }
	.main-grid .head .btn-group li a { padding:0 15px; }
	.main-grid .list-gallery > ul { gap:0.5em; }
}
@media all and (max-width:1000px) {
	.main-grid .head { flex-direction:column; }
	.main-grid .head .btn-group { justify-content:center; }
	.main-grid .body { gap:15px; grid-template-columns:1fr 1fr;
		grid-template-areas:
			"c1 c1"
			"c2 c3"
			"c4 c4";
		}
	.main-grid .list-board li a .txt p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }
}
@media all and (max-width:770px) {
	.main-grid .body { gap:15px; grid-template-columns:1fr;
		grid-template-areas:
			"c1"
			"c2"
			"c3"
			"c4";
		}
	.main-grid .list-gallery > ul { flex-wrap:wrap; }
	.main-grid .list-gallery > ul > li { flex:1 1 calc( (100% - 0.5em) / 2); }
}
@media all and (max-width:540px) {
	.main-grid .head .btn-group li a { padding:0 0.5rem; font-size:1em; }
}

.main-biz { height:22em; padding:0; }
.main-biz .inner { display:flex; align-items:center; gap:2rem; height:22em; }
.main-biz .text { flex:1; order:1; }
.main-biz .img { flex:1; align-self:flex-end; order:2; padding:1em; text-align:center; }
.main-biz .img img { max-height:calc(22em + 1em); }
@media all and (max-width:1290px) {
	.main-biz .inner { gap:15px; }
}
@media all and (max-width:1000px) {
	.main-biz { height:auto; padding:2rem 0; }
	.main-biz .inner { flex-direction:column; height:auto; }
	.main-biz .img { align-self:stretch; order:1; padding:0; }
	.main-biz .img img { max-height:120px; }
	.main-biz .text { order:2; }
	.main-biz .text p { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.5em; }
}

.main-visual4 { position:relative; height:920px; /* background:url(../img/main/bg_visual.jpg) no-repeat 50% 50%; */
	background:no-repeat 50% 50%; background-size:cover; }
.main-visual4:before { position:absolute; right:0; bottom:0; left:0; height:340px; background:rgba(var(--color-black-rgb),0.4); content:''; }
.main-visual4 .inner { position:relative; }
.main-visual4 .slider-box { overflow:hidden; height:497px; }
.main-visual4 .slider-box .article { display:flex; padding-top:70px; }
.main-visual4 .slider-box .article .text { flex:1; align-self:center; }
.main-visual4 .slider-box .article .text > div { padding-bottom:70px; padding-left:70px; }
.main-visual4 .slider-box .article .text h2 { color:var(--color-white); font-family:var(--font-title); font-size:64px; font-weight:700; line-height:1.1; text-transform:uppercase; }
.main-visual4 .slider-box .article .text h2 strong { color:var(--oc-gray-9); font-weight:700; }
.main-visual4 .slider-box .article .text .txt { margin:15px 0 30px; color:var(--oc-gray-9); font-size:18px; }
.main-visual4 .slider-box .article .text .btn-view { display:inline-block; transition:var(--transition); padding:7px 30px 7px;
	border:1px solid var(--oc-gray-9); color:var(--oc-gray-9); vertical-align:middle; }
.main-visual4 .slider-box .article .text .btn-view:hover { border-color:var(--color-blue); background:var(--color-blue); color:var(--color-white); }
.main-visual4 .slider-box .article .img { flex:1; align-self:flex-end; text-align:right; }
.main-visual4 .btn-box { position:absolute; bottom:90px; left:calc(70px - 4px); z-index:100; white-space:nowrap; }
.main-visual4 .swiper-pagination-bullet { position:relative; display:inline-block; width:10px; height:10px; transition:var(--transition); margin:0 4px;
	border-radius:100%; opacity:1; background:var(--color-white); vertical-align:middle; }
.main-visual4 .swiper-pagination-bullet-active { background-color:var(--oc-gray-9); }
.main-visual4 .biz-list { position:relative; z-index:2; margin-bottom:30px; }
.main-visual4 .biz-list ul { display:flex; }
.main-visual4 .biz-list ul li { flex:1; transition:var(--transition);
	background-color:var(--color-white); background-position:95% 95%; background-size:auto 65%; background-repeat:no-repeat; }
.main-visual4 .biz-list ul li + li { border-left:1px solid var(--oc-gray-1); }
.main-visual4 .biz-list ul li a { position:relative; display:block; height:100%; transition:all 1s ease; padding:35px 45px 100px; }
.main-visual4 .biz-list ul li a:hover h3 { transform:translateY(10px); }
.main-visual4 .biz-list ul li a:hover .txt { transform:translateY(10px); }
.main-visual4 .biz-list ul li a:hover .more { transform:translateY(10px); }
.main-visual4 .biz-list ul li a h3 { transition:all 0.5s ease; color:var(--color-gray-3500); font-family:var(--font-title); font-size:32px; font-weight:700; line-height:1.3; }
.main-visual4 .biz-list ul li a .txt { transition:all 0.4s ease; margin:14px 0 20px; transition-delay:0.1s; color:var(--oc-gray-5); line-height:1.4; }
.main-visual4 .biz-list ul li a .more { position:relative; display:inline-block; width:40px; height:40px; transition:all 0.3s ease; transition-delay:0.2s;
	background:var(--oc-gray-3); text-indent:-9999px; }
.main-visual4 .biz-list ul li a .more:before { position:absolute; top:50%; right:10px; left:10px; height:3px; margin-top:-1px; background:var(--color-white); content:''; }
.main-visual4 .biz-list ul li a .more:after { position:absolute; top:10px; bottom:10px; left:50%; width:3px; margin-left:-1px; background:var(--color-white); content:''; }
.main-visual4 .biz-list ul li.b1:hover,
.main-visual4 .biz-list ul li.b2:hover,
.main-visual4 .biz-list ul li.b3:hover { background-color:var(--color-blue); }
.main-visual4 .biz-list ul li.b1 a:hover h3,
.main-visual4 .biz-list ul li.b2 a:hover h3,
.main-visual4 .biz-list ul li.b3 a:hover h3 { color:var(--color-blue); }
.main-visual4 .biz-list ul li.b1 a:hover .more,
.main-visual4 .biz-list ul li.b2 a:hover .more,
.main-visual4 .biz-list ul li.b3 a:hover .more { background-color:var(--color-navy); }
.main-visual4 .news-latest { background:rgba(var(--color-white-rgb),0.75); }
.main-visual4 .news-latest dl { display:flex; align-items:center; height:65px; }
.main-visual4 .news-latest dl dt { top:0; width:150px; margin-right:30px; border-right:1px solid var(--oc-gray-3);
	color:var(--oc-gray-9); font-size:18px; font-weight:500; line-height:30px; text-align:center; }
.main-visual4 .news-latest dl dd { flex:1; }
.main-visual4 .news-latest dl dd a { position:relative; display:block; transition:var(--transition); padding-right:140px; color:var(--oc-gray-9); line-height:27px; }
.main-visual4 .news-latest dl dd a p { overflow:hidden; max-width:930px; text-overflow:ellipsis; white-space:nowrap; }
.main-visual4 .news-latest dl dd a span { position:absolute; top:0; right:65px; }
.main-visual4 .news-latest dl dd a em { position:absolute; top:0; right:20px; width:27px; height:27px; background:var(--oc-gray-9); }
.main-visual4 .news-latest dl dd a em:before { position:absolute; top:50%; right:7px; left:7px; height:1px; margin-top:-1px; background:var(--color-white); content:''; }
.main-visual4 .news-latest dl dd a em:after { position:absolute; top:7px; bottom:7px; left:50%; width:1px; margin-left:-0.5px; background:var(--color-white); content:''; }
.main-visual4 .news-latest dl dd a:hover { color:var(--color-blue); }

.main-section h2 { position:relative; font-family:var(--font-title); font-weight:400; text-align:center; }
.main-section h2 strong { position:relative; z-index:2; display:inline-block; padding:0 60px;
	color:var(--oc-gray-9); font-size:48px; font-weight:700; line-height:40px; text-transform:uppercase; vertical-align:middle; }
.main-section h2:before { position:absolute; top:50%; right:0; left:0; height:1px; background:var(--color-blue); content:''; }
.main-section .desc { margin-bottom:70px; padding-top:15px; color:var(--oc-gray-7); text-align:center; }
@media all and (max-width:1000px) {
	.main-section h2 strong { padding:0 10px; font-size:18px; }
	.main-section .desc { margin-bottom:30px; font-size:14px; }
}

.news-list { overflow:hidden; padding:90px 0; background-color:var(--oc-gray-0); }
.news-list h2 strong { background:var(--oc-gray-0); }
.news-list h2 b { color:var(--color-blue); }
.news-list h2:before { background:var(--color-blue); }
.news-list ul li a { display:block; }
.news-list ul li a .img { overflow:hidden; aspect-ratio:1/1; border:1px solid var(--oc-gray-1); }
.news-list ul li a .img img { width:100%; transition:var(--transition); }
.news-list ul li a .info { padding-top:25px; }
.news-list ul li a .info dl dt { transition:var(--transition); margin-bottom:8px; color:var(--oc-gray-9); font-size:20px; font-weight:500; line-height:1.4; letter-spacing:-0.01em; }
.news-list ul li a .info dl dd { margin-bottom:8px; color:var(--oc-gray-7); }
.news-list ul li a .info span { color:var(--oc-gray-7); font-size:14px; }
.news-list ul li a:hover .img img { transform:scale(1.1); }
.news-list ul li a:hover .info dl dt { color:var(--color-blue); }

.main-about h2 strong { background:var(--oc-gray-1); }
.main-about h2 b { color:var(--color-blue); }
.main-about h2:before { background:var(--color-blue); }
.main-about ul { display:flex; }
.main-about ul li { width:33.33333%; text-align:center; }
.main-about ul li dl { padding-top:20px; }
.main-about ul li dl dt { margin-bottom:10px; font-size:24px; font-weight:500; }
.main-about ul li dl dd { font-size:18px; letter-spacing:-0.01em; }

.main-company { padding:90px 0; }
.main-company h2 strong { background:var(--color-white); }
.main-company h2 b { color:var(--color-blue); }
.main-company h2:before { background:var(--color-blue); }
.main-company ul { position:relative; display:flex; }
.main-company ul li { flex:1; height:415px; }
.main-company ul li .box { height:100%; }
.main-company ul li .box a { display:block; height:100%; padding:30px 40px; text-align:left; }
.main-company ul li .box a h3 { position:relative; margin-bottom:15px; padding-bottom:10px; color:var(--color-white); font-family:var(--font-title); font-size:24px; font-weight:700; }
.main-company ul li .box a h3:before { position:absolute; bottom:0; left:0; width:30px; height:2px; background:var(--color-white); content:''; }
.main-company ul li .box a .txt { color:var(--color-white); line-height:1.4; }
.main-company ul li:last-child { position:absolute; top:205px; right:25%; bottom:0; left:25%; height:calc(100% - 205px); }
.main-company ul li:nth-child(1) { background-color:var(--color-blue); background-position:center 95%; background-size:auto 240px; background-repeat:no-repeat; }
.main-company ul li:nth-child(2) { height:205px; background-color:var(--color-blue); background-position:95% 95%; background-size:auto 120px; background-repeat:no-repeat; }
.main-company ul li:nth-child(3) { height:205px; background-color:var(--oc-gray-7); background-position:95% 95%; background-size:auto 120px; background-repeat:no-repeat; }
.main-company ul li:nth-child(4) { background-color:var(--color-blue); background-position:center 95%; background-size:auto 240px; background-repeat:no-repeat; }
.main-company ul li:nth-child(5) { border:1px solid var(--oc-gray-5); }
.main-company ul li:nth-child(5) .box a h3 { display:inline-block; color:var(--oc-gray-9); }
.main-company ul li:nth-child(5) .box a h3:before { background:var(--oc-gray-9); }
.main-company ul li:nth-child(5) .box a { position:relative; }
.main-company ul li:nth-child(5) .box a .txt { display:inline-block; margin-left:15px; color:var(--oc-gray-7); }
.main-company ul li:nth-child(5) .box a .status { display:flex; overflow:hidden; }
.main-company ul li:nth-child(5) .box a .status em { display:flex; align-items:center; width:calc(100% - 10rem);
	color:var(--oc-gray-9); font-size:48px; letter-spacing:-0.01em; /*text-align:center;*/ }
.main-company ul li:nth-child(5) .box a .status em strong { color:var(--color-blue); letter-spacing:0; }
.main-company ul li:nth-child(5) .box a .status .info { width:10rem; }
.main-company ul li:nth-child(5) .box a .status .info dl { display:flex; overflow:hidden; padding:3px 0; color:var(--oc-gray-7); }
.main-company ul li:nth-child(5) .box a .status .info dl + dl { border-top:1px solid var(--oc-gray-1); }
.main-company ul li:nth-child(5) .box a .status .info dl dt { width:40%; color:var(--oc-gray-9); }
.main-company ul li:nth-child(5) .box a .status .info dl dd { width:60%; font-size:14px; text-align:right; }

#s-footer2 .foot1 { background:var(--oc-gray-8); }
#s-footer2 .foot1 .inner { display:flex; gap:2rem; }
#s-footer2 .foot1 ul { display:flex; }
#s-footer2 .foot1 li { border-left:1px solid rgba(var(--oc-gray-5-rgb), .3); }
#s-footer2 .foot1 li:last-child { border-right:1px solid rgba(var(--oc-gray-5-rgb), .3); }
#s-footer2 .foot1 a { display:inline-block; transition:var(--transition); padding:0.5em 1em; color:var(--oc-gray-3); font-size:15px; }
#s-footer2 .foot1 .fnb a:hover { color:var(--color-blue); }
#s-footer2 .foot1 .quick { margin-left:auto; }
#s-footer2 .foot1 .quick li:nth-child(1) a { background:var(--oc-gray-7); color:var(--oc-gray-0); }
#s-footer2 .foot1 .quick li:nth-child(2) a { background:var(--oc-gray-7); color:var(--oc-gray-0); }
#s-footer2 .foot1 .quick li:nth-child(1) a:hover { background:var(--color-blue); color:var(--color-white); }
#s-footer2 .foot1 .quick li:nth-child(2) a:hover { background:var(--color-navy); color:var(--color-white); }
#s-footer2 .foot1 .quick.select { border-top:none; border-bottom:none; }
#s-footer2 .foot2 { padding:1.5em 0; background:var(--oc-gray-9); }
#s-footer2 .foot2 .inner { display:flex; align-items:flex-start; gap:2rem; }
#s-footer2 .foot2 ul { display:flex; }
#s-footer2 .foot2 a { display:inline-block; transition:var(--transition); color:var(--oc-gray-3); }
#s-footer2 .foot2 a:hover { color:var(--color-blue); }
#s-footer2 .foot2 a svg { transition:var(--transition); fill:var(--oc-gray-5); }
#s-footer2 .foot2 .logo { flex:none; display:flex; align-items:center; gap:0.25rem; }
#s-footer2 .foot2 .logo span { display:inline-flex; align-items:center; }
#s-footer2 .foot2 .logo .img img { max-height:72px; }
#s-footer2 .foot2 .logo .txt { color:rgba(var(--color-white-rgb),0.8); font-family:var(--font-title); font-size:1.5rem; font-weight:800; line-height:1.2; }
#s-footer2 .foot2 .addr { color:var(--oc-gray-5); font-size:14px; }
#s-footer2 .foot2 .addr ul { display:flex; flex-wrap:wrap; gap:0 1.5em; }
#s-footer2 .foot2 .addr small { display: inline-block; margin-top:5px; line-height:1.3; }
#s-footer2 .foot2 .sns { align-items:center; gap:0 0.5em; margin-left:auto; }
#s-footer2 .foot2 .sns i { font-size:2em; }
@media all and (max-width:1290px) {
	#s-footer2 .foot1 .inner,
	#s-footer2 .foot2 .inner { gap:15px; }
}
@media all and (max-width:1000px) {
	#s-footer2 .foot1 a { font-size:14px; }
	#s-footer2 .foot2 .logo .img img { max-height:42px; }
	#s-footer2 .foot2 .logo .txt { font-size:0.9rem; }
	#s-footer2 .foot2 .addr { flex:1; max-width:auto; font-size:13px; }
	#s-footer2 .foot2 .sns { gap:0 0.25em; }
}
@media all and (max-width:770px) {
	#s-footer2 .foot1 .inner,
	#s-footer2 .foot1 ul { flex-wrap:wrap; justify-content:center; align-items:center; gap:0; }
	#s-footer2 .foot1 li,
	#s-footer2 .foot1 li:last-child { border:none; }
	#s-footer2 .foot1 a { padding:0.5em 0.75em; }
	#s-footer2 .foot1 .quick { margin-left:0; }
	#s-footer2 .foot2 { padding:15px 0; }
	#s-footer2 .foot2 .inner { flex-direction:column; align-items:center; }
	#s-footer2 .foot2 .addr { text-align:center; }
	#s-footer2 .foot2 .addr ul { justify-content:center; }
	#s-footer2 .foot2 .sns { margin-left:0; }
}
@media all and (max-width:540px) {
	#s-footer2 .foot1 .quick { display:none; }
	#s-footer2 .foot1 .quick li:nth-child(1) a { background:transparent; }
	#s-footer2 .foot1 .quick li:nth-child(2) a { background:transparent; }
	#s-footer2 .foot1 .quick li:nth-child(1) a:hover { background:var(--color-blue); }
	#s-footer2 .foot1 .quick li:nth-child(2) a:hover { background:var(--color-navy); }
	#s-footer2 .foot1 .quick.select { display:block; height:36px; margin:2px 0; border:1px solid rgba(var(--oc-gray-5-rgb), .3); }
}

.sub-visual { display:flex; align-items:center; height:240px; border-bottom:1px solid var(--oc-gray-3); background:no-repeat 50% 50% / cover; }
.sub-visual .inner { flex:1; }
.sub-visual h2 { padding-bottom:10px; color:var(--color-white); font-family:var(--font-title); font-size:2.5em; font-weight:900; }
.sub-visual .desc { color:rgba(var(--color-white-rgb),0.8); font-size:18px; }

.location { margin-bottom:70px; border-bottom:1px solid var(--oc-gray-3); background:var(--oc-gray-0); text-align:right; }
.location span { display:inline-block; margin-left:9px; padding-left:15px; background:url(../data/hih_images/last/bu_location.png) no-repeat 0 50%;
	color:var(--oc-gray-7); line-height:45px; vertical-align:middle; }
.location span:first-child { background:none; }
.location span:last-child { color:var(--oc-gray-9); font-weight:700; }

.container { max-width:1290px; margin:0 auto; padding:0 15px; }
.container:after { clear:both; display:block; content:''; }
.container .aside { float:left; width:260px; }
.container .aside h3 { padding-bottom:22px; border-bottom:1px solid var(--oc-gray-3); color:var(--oc-gray-9); font-family:var(--font-title); font-size:2.25em; font-weight:700; }
.container .aside nav ul li { border-bottom:1px solid var(--oc-gray-3); }
.container .aside nav ul li a { position:relative; display:block; transition:var(--transition); padding:14px 20px; color:var(--oc-gray-9); }
.container .aside nav ul li a:hover { color:var(--color-navy); font-weight:700; }
.container .aside nav ul li.active a { color:var(--color-navy); font-weight:700; }
.container .aside nav ul li a:before { position:absolute; top:0; right:0; bottom:-1px; left:0; transform:translateX(-5px); transition:var(--transition);
	border:1px solid rgba(var(--color-navy-rgb),0.5); box-shadow:4px 4px 5px rgba(var(--color-black-rgb),0.05); opacity:0; content:''; }
/*.container .aside nav ul li a:hover:before,*/
.container .aside nav ul li.active a:before { transform:translateX(0); opacity:1; }

.content { float:right; width:945px; padding-bottom:100px; }
.content h4 { margin-bottom:50px; border-bottom:1px solid var(--oc-gray-3); color:#383c46; font-size:2em; font-weight:500; }
.content h4 p { position:relative; display:inline-block; padding-bottom:15px; }
.content h4 p:before { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:rgba(var(--color-navy-rgb),0.5); content:''; }
.content h4 small { margin-left:15px; color:var(--oc-gray-5); font-size:14px; font-weight:300; }

.subpage1 .box1 { margin-bottom:3em; }
.subpage1 .box1 .t1 { margin-bottom:3px; font-family:var(--font-title); color:var(--oc-gray-5); font-size:18px; font-weight:600; text-transform:uppercase; }
.subpage1 .box1 .t2 { margin-bottom:20px; font-family:var(--font-title); color:var(--oc-gray-9); font-size:2em; font-weight:500; line-height:1.3; }
.subpage1 .box1 .t2 strong { color:var(--color-navy); font-weight:800; }
.subpage1 .box1 .t3 { margin-bottom:10px; color:var(--oc-gray-7); }
.subpage1 .box1 .flex-box.img { flex:none; }
.subpage1 .box1 .flex-box.img img { max-width:300px; }
.subpage1 .box1:has(.flex-box.img.end) { align-items:flex-end; }
.subpage1 .box1 .flex-box.text { flex:1; }
.subpage1 .box1 .ceo { font-size:1.5em; line-height:1.4; text-align:right; }
.subpage1 .box1 .ceo strong { color:var(--oc-gray-9); font-family:'OngleIpSeaBreeze', var(--font-title); font-size:2.5rem; font-weight:normal; }
.subpage1 .box_back { width:100%; padding:20px; background:var(--oc-gray-0); }
.subpage1 .box_back.flex-wrap { align-items:center; }
.subpage1 h5 { position:relative; margin-bottom:1em; padding-left:0.75em; color:var(--oc-gray-9); font-size:1.5em; font-weight:600; line-height:25px; }
.subpage1 h5:before { position:absolute; top:0; bottom:0; left:0; width:6px; background:var(--color-blue); content:''; }
.subpage1 h5 small { margin-left:15px; color:var(--oc-gray-5); font-size:14px; font-weight:300; }
.subpage1 h6 { margin:0 0 0.3em; color:var(--oc-gray-9); font-size:1.25em; line-height:1.4; }
.subpage1 hr { display:block; width:100%; border-top:1px solid var(--oc-gray-3); }
.subpage1 .list > li { padding:0 18px 20px; }
.subpage1 .list > li .t1 { margin-bottom:10px; color:var(--oc-gray-9); font-size:1.5em; font-weight:500; }
.subpage1 .list > li .t2 { overflow:hidden; margin-bottom:20px; color:var(--oc-gray-5); line-height:24px; }
.subpage1 .list > li .img { margin-bottom:12px; }
.subpage1 .list > li dl:after { clear:both; display:block; content:''; }
.subpage1 .list > li dl { padding:8px 0; }
.subpage1 .list > li dl + dl { border-top:1px solid var(--oc-gray-3); }
.subpage1 .list > li dl dt { float:left; width:90px; font-weight:500; }
.subpage1 .list > li dl dd { color:var(--oc-gray-9); }
.subpage1 .box { display:flex; flex-flow:row wrap; align-content:center; align-items:center; justify-content:center; }
.subpage1 .box a.btn-view { display:inline-block; transition:var(--transition); margin:3px 4px; padding:6px 30px 8px;
	border:1px solid var(--oc-gray-9); color:var(--oc-gray-9); vertical-align:middle; }
.subpage1 .box a.btn-view:hover { border-color:var(--color-blue); background:var(--color-blue); color:var(--color-white); }
.subpage1 .box button.btn-view { display:inline-block; transition:var(--transition); margin:3px 4px; padding:6px 30px 8px;
	border:1px solid var(--oc-gray-9); background:var(--oc-gray-9); color:var(--color-white); vertical-align:middle; }
.subpage1 .box button.btn-view:hover { border-color:var(--color-blue); background:var(--color-blue); color:var(--color-white); }
.subpage1 .box_back,
.subpage1 .list_ul,
.subpage1 .table_custom { margin-bottom:1rem; }
.subpage1 .box_back .list_ul:last-of-type { margin-bottom:0; }
.subpage1 .gallery { width:100%; }
.subpage1 .swiper-container { width:100%; margin-right:auto; margin-left:auto; }
.subpage1 .swiper-slide { background-position:50% 50%; background-size:cover; background-repeat:no-repeat; }
.subpage1 .swiper-button-next,
.subpage1 .swiper-button-prev { width:50px; height:50px; margin-top:-25px; border-radius:10px; background-color:rgba(var(--color-black-rgb),0.2); background-size:auto 60%; }
.subpage1 .sns a { transition:var(--transition); padding:1em; text-align:center; }
.subpage1 .sns a:hover { background-color:var(--oc-gray-0); }
.subpage1 .sns a i { font-size:2.5em; }
.subpage1 .eng { font-family:var(--font-title); font-style:oblique; }
.gallery-top { width:100%; aspect-ratio:3 / 2; border:1px solid var(--oc-gray-1); }
.gallery-thumbs { box-sizing:border-box; aspect-ratio:6 / 1; padding:10px 0; }
.gallery-thumbs .swiper-slide { width:20%; height:100%; cursor:pointer; border:1px solid var(--oc-gray-1); opacity:0.4; }
.gallery-thumbs .swiper-slide-thumb-active { opacity:1; }
@media all and (max-width:1290px) {
	.main-visual4 .slider-box .article .text > div { padding-left:0; }
	.main-visual4 .btn-box { bottom:70px; left:0px; }
	.main-company ul li,
	.main-company ul li:nth-child(4) { background-size:100%; }
	.main-company ul li:nth-child(5) .box a .status em { font-size:30px; }
	.main-company ul li:nth-child(5) .box a .status .info dl dt { width:calc(100% - 3rem); }
	.main-company ul li:nth-child(5) .box a .status .info dl dd { width:3rem; }
	
	.container .aside { display:none; }
	.content { float:none; width:auto; padding-bottom:50px; }
	.subpage1 .list li .img img { width:100%; }
}
@media all and (max-width:1000px) {
	.main-visual4 { height:auto; padding-bottom:30px; }
	.main-visual4:before { height:200px; }
	.main-visual4 .btn-box { right:0; bottom:20px; left:0; text-align:center; }
	.main-visual4 .btn-box .swiper-pagination { position:static; display:inline-block; }
	.main-visual4 .slider-box { height:auto; }
	.main-visual4 .slider-box .article { flex-direction:column; padding-top:30px; text-align:center; }
	.main-visual4 .slider-box .article .text > div { padding:0; }
	.main-visual4 .slider-box .article .text h2 { font-size:45px; line-height:1.3; letter-spacing:-0.01em; }
	.main-visual4 .slider-box .article .text .txt { font-size:14px; }
	.main-visual4 .slider-box .article .img { width:100%; text-align:center; }
	.main-visual4 .slider-box .article .img img { max-height:200px; }
	.main-visual4 .biz-list { overflow:auto; }
	.main-visual4 .biz-list ul { display:block; width:100%; }
	.main-visual4 .biz-list ul li { float:left; width:33.3333%; background-size:auto 70%; }
	.main-visual4 .biz-list ul li + li { border:0; border-top:1px solid var(--oc-gray-1); }
	.main-visual4 .biz-list ul li a { height:180px; padding:20px; }
	.main-visual4 .biz-list ul li a h3 { font-size:20px; }
	.main-visual4 .biz-list ul li a .txt { margin:10px 0 15px; font-size:13px; }
	.main-visual4 .news-latest dl { height:40px; }
	.main-visual4 .news-latest dl dt { width:70px; margin-right:10px; font-size:14px; line-height:14px; }
	.main-visual4 .news-latest dl dd { width:calc(100% - 100px); }
	.main-visual4 .news-latest dl dd a { padding-right:10px; font-size:13px; }
	.main-visual4 .news-latest dl dd a p { max-width:100%; }
	.main-visual4 .news-latest dl dd a span { display:none; }
	.main-visual4 .news-latest dl dd a em { display:none; }
	.news-list { padding:40px 0; }
	.news-list ul li a img { width:100%; }
	.news-list ul li a .info { padding-top:15px; }
	.news-list ul li a .info dl dt { font-size:16px; }
	.news-list ul li a .info dl dd { font-size:13px; }
	.main-about { padding:40px 0; }
	.main-about ul li { float:none; width:auto; margin-bottom:25px; }
	.main-about ul li img { height:130px; }
	.main-about ul li dl { padding-top:10px; }
	.main-about ul li dl dt { font-size:20px; }
	.main-about ul li dl dd { font-size:13px; }
	.main-company { padding:40px 0; }
	.main-company ul { flex-direction:row; flex-wrap:wrap; }
	.main-company ul li { flex:1 1 50%; height:170px !important; }
	.main-company ul li:last-child { position:static; flex:1 1 100%; }
	.main-company ul li .box { position:relative; }
	.main-company ul li .box a { position:relative; padding:15px 20px; }
	.main-company ul li .box a h3 { font-size:20px; }
	.main-company ul li .box a .txt { font-size:13px; }
	.main-company ul li:nth-child(1),
	.main-company ul li:nth-child(2),
	.main-company ul li:nth-child(3),
	.main-company ul li:nth-child(4) { background-position:100% 100%; background-size:auto 100%; }
	.main-company ul li:nth-child(4) .box a { position:relative; z-index:2; }
	.main-company ul li:nth-child(5) .box a .txt { margin-left:5px; }
	.main-company ul li:nth-child(5) .box a .status strong { font-size:24px; }
	.main-company ul li:nth-child(5) .box a .status em { width:calc(100% - 5.5rem); }
	.main-company ul li:nth-child(5) .box a .status .info { width:5.5rem; }
	.main-company ul li:nth-child(5) .box a .status .info dl { font-size:12px; }

	.sub-visual { position:relative; height:100px; margin-bottom:30px; }
	.sub-visual:before { position:absolute; top:0; right:0; bottom:0; left:0; background:var(--oc-gray-0); content:''; }
	.sub-visual .inner { position:relative; z-index:2; text-align:center; }
	.sub-visual h2 { color:var(--color-navy); padding-bottom:5px; font-size:24px; }
	.sub-visual .desc { color:var(--oc-gray-9); font-size:13px; }
	.sub-visual.sub_10 h2,
	.sub-visual.sub_20 h2,
	.sub-visual.sub_30 h2,
	.sub-visual.sub_40 h2 { color:var(--color-navy); }
	.sub-visual.sub_10 h2 span,
	.sub-visual.sub_20 h2 span,
	.sub-visual.sub_30 h2 span,
	.sub-visual.sub_40 h2 span { color:var(--color-blue); }
	.sub-visual.sub_10 .desc,
	.sub-visual.sub_20 .desc,
	.sub-visual.sub_30 .desc,
	.sub-visual.sub_40 .desc { color:var(--oc-gray-7); }
	.location { display:none; }
	
	.content h4 { margin-bottom:15px; font-size:20px; }
	.content h4 small { display:block; margin:0; font-size:11px; }
	.content h4 p { padding-bottom:5px; }
	.subpage1 p { font-size:14px; }
	.subpage1 .box1 { padding:10px 0; margin-bottom:1.5em; }
	.subpage1 .box1 { flex-direction:column; }
	.subpage1 .box1 .text.half { width:100%; margin:0; }	
	.subpage1 .box1 .img { width:100%; text-align:center; }
	.subpage1 .box1:has(.flex-box.img.end) { align-items:center; }
	.subpage1 .box1 .flex-box.img img { max-width:100%; }
	.subpage1 .box1 .t1 { font-size:14px; }
	.subpage1 .box1 .t2 { font-size:24px; }
	.subpage1 .box1 .t3 { font-size:14px; }
	.subpage1 .box1 .ceo { font-size:16px; }
	.subpage1 .box1 .ceo strong { font-size:32px; }	
	.subpage1 h5 { margin-bottom:20px; font-size:18px; line-height: 20px; }
	.subpage1 h5 small { display:block; margin:0; padding-top:5px; font-size:11px; line-height:1.5; }
	.subpage1 h6 { font-size:16px; }
	.subpage1 .list { display:flex; flex-flow:wrap; align-items:flex-end; margin:0 -10px; }
	.subpage1 .list li { padding:0 10px 20px; }
	.subpage1 .list li .t1 { font-size:18px; }
	.subpage1 .list li .t2 { font-size:11px; }
	.subpage1 .list li dl { font-size:11px; }
	.subpage1 .list li dl dt { width:50px; }
	.subpage1 .list li dl dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }	
}
@media all and (max-width:770px) {
	.main-visual4 .biz-list ul li { float:none; width:100%; }
	.main-company ul { flex-direction:column; }
	.main-company ul li { flex:auto !important; height:auto !important; min-height:120px; }
	
	.subpage1 .list.col2 li,
	.subpage1 .list.col3 li { width:100%; }
	.subpage1 .list li .t2 { overflow:visible; }
	.subpage1 .list.col2 li .t2,
	.subpage1 .list.col3 li .t2 { height:auto; }
	.subpage1 .list.flex li { align-items:center; padding:0 10px 10px; }
	.subpage1 .list.flex li:nth-child(odd) { flex-flow:row wrap; }
	.subpage1 .list.flex li:nth-child(even) { flex-flow:row-reverse wrap; }
	.subpage1 .list.flex li .txt { flex:1; }
	.subpage1 .list.flex li:nth-child(odd) .txt { padding-right:15px; }
	.subpage1 .list.flex li:nth-child(even) .txt { padding-left:15px; }
	.subpage1 .list.flex li .img { flex:1; }
	.subpage1 .swiper-button-next,
	.subpage1 .swiper-button-prev { width:36px; height:36px; margin-top:-18px; } 
}

/* schedule */
.schedule-wrap { display:flex; align-items:flex-start; gap:2rem; }
.schedule-calendar { width:16em; }
.schedule-calendar .fc { font-size:0.8em; }
.schedule-calendar .fc .fc-toolbar.fc-header-toolbar { margin-bottom:1em; }
.schedule-calendar .fc .fc-daygrid-day-top { justify-content:center; }
.schedule-calendar .fc .fc-daygrid-day-number { padding:4px 4px 0; }
.schedule-calendar .fc .fc-daygrid-day-events { min-height:5px; margin-bottom:0.5em; }
.schedule-calendar .fc .fc-daygrid-day.fc-day-today { background-color:rgba(var(--color-blue-rgb),0.1); }
.schedule-calendar .fc-toolbar-title { font-weight:700; }
.schedule-calendar .fc-button { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0;
	border:none !important; border-radius:var(--round); box-shadow:none !important; background:var(--oc-gray-0); color:var(--oc-gray-7); line-height:1; }
.schedule-calendar .fc-theme-standard .fc-scrollgrid,
.schedule-calendar .fc-theme-standard td,
.schedule-calendar .fc-theme-standard th { border:none; }
.schedule-calendar .fc-event-title { display:none; }
.schedule-calendar .fc-h-event { border-color:var(--color-blue); background-color:var(--color-blue); }
.schedule-calendar .fc .fc-day-other .fc-h-event { opacity:0.3; }
.schedule-calendar .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion,
.schedule-calendar .fc-day-sun .fc-daygrid-day-number { color:var(--oc-red-5); }
.schedule-calendar .fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,
.schedule-calendar .fc-day-sat .fc-daygrid-day-number { color:var(--oc-blue-5); }
.schedule-list { width:calc(100% - 16em - 2rem); }
.schedule-list ul { display:flex; overflow-y:auto; flex-direction:column; gap:0.5em; max-height:20em; }
.schedule-list li a { display:flex; align-items:center; gap:1em; transition:var(--transition); padding:0.5em;
	border:1px solid var(--oc-gray-1); border-radius:0.5em; background-color:var(--oc-gray-0); }
.schedule-list li.no-data-item { text-align:center; }
.schedule-list .date { display:flex; flex-direction:column; align-items:center; justify-content:center; width:3.5em; height:3.5em; transition:var(--transition);
	border:1px solid var(--oc-gray-1); border-radius:0.5em; box-shadow:0 0 0.5em rgba(var(--oc-gray-9-rgb), .05); background:var(--color-white);
	color:var(--color-navy); font-weight:700; line-height:1; }
.schedule-list .date.full { width:6em; }
.schedule-list .time { color:var(--oc-gray-6); font-size:0.8em; font-style:oblique; }
.schedule-list .schedule { width:calc(100% - 3.5em - 1em); color:var(--oc-gray-8); line-height:1.4; }
.schedule-list .schedule h6 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.schedule-list .schedule .cate { display:inline-block; margin-bottom:0; padding:4px 6px; border-radius:4px;
	background-color:rgba(var(--oc-gray-8-rgb),0.1); color:var(--oc-gray-8); font-size:13px; font-weight:700; line-height:1; text-align:center; white-space:nowrap; vertical-align:0.1em; }
.schedule-list .schedule .cate.cate1 { background-color:rgba(var(--color-navy-rgb),0.15); color:var(--color-navy); }
.schedule-list .schedule .cate.cate2 { background-color:rgba(var(--color-blue-rgb),0.15); color:var(--color-blue); }
.schedule-list .schedule .cate.cate3 { background-color:rgba(var(--color-gold-rgb),0.15); color:var(--color-gold); }
.schedule-list li a:hover { border-color:rgba(var(--color-blue-rgb),0.1); background-color:rgba(var(--color-blue-rgb),0.05); }
.schedule-list li a:hover .date { border-color:rgba(var(--color-blue-rgb),0.1); box-shadow:0 0 0.5em rgba(var(--color-blue-rgb),0.15); }
.schedule-list li.ing a { border-color:rgba(var(--color-gold-rgb),0.1); background-color:rgba(var(--color-gold-rgb),0.075); }
.schedule-list li.ing .date { border-color:rgba(var(--color-gold-rgb),0.1); box-shadow:0 0 0.5em rgba(var(--color-gold-rgb),0.1); }
.schedule-list li.ing a:hover { border-color:rgba(var(--color-gold-rgb),0.2); background-color:rgba(var(--color-gold-rgb),0.1); }
.schedule-list li.ing a:hover .date { border-color:rgba(var(--color-gold-rgb),0.2); box-shadow:0 0 0.5em rgba(var(--color-gold-rgb),0.2); }
.schedule-list li.end a .date { color:var(--oc-gray-5); }
.schedule-list li.end a:hover { border-color:var(--oc-gray-1); background-color:var(--oc-gray-0); }
.schedule-list li.end a:hover .date { border-color:var(--oc-gray-1); box-shadow:0 0 0.5em rgba(var(--oc-gray-9-rgb), .05); }
.schedule-list li.end .schedule .cate.cate1 { background-color:rgba(var(--color-navy-rgb),0.05); color:rgba(var(--color-navy-rgb),0.5); }
.schedule-list li.end .schedule .cate.cate2 { background-color:rgba(var(--color-blue-rgb),0.05); color:rgba(var(--color-blue-rgb),0.5); }
.schedule-list li.end .schedule .cate.cate3 { background-color:rgba(var(--color-gold-rgb),0.05); color:rgba(var(--color-gold-rgb),0.5); }
.schedule-list li.end .schedule .cate::after { content:'(종료)'; }
.schedule-list.full { width:100%; margin-bottom:1rem; }
.schedule-list.full ul { max-height:none; }
.schedule-list.full li { display:flex; align-items:center; justify-content:center; }
.schedule-list.full li a { flex:1; }
.schedule-list.full .time,
.schedule-list.full .meta { font-size:0.9em; }
/* .schedule-list.full .date { width:6em; height:3.5em; }
.schedule-list.full .schedule { width:calc(100% - 6em - 1em); } */
.schedule-list.full .schedule h6 { overflow:visible; text-overflow:clip; white-space:normal; }
.schedule-list .fa-heart { color:#ff0000; }
.schedule-list .fa-lock { display:inline-block; width:16px; border:1px solid #cbe3e8; border-radius:2px;
	background:#cbe3e8; color:#4f818c; font-size:0.833em; font-size:12px; line-height:14px; text-align:center; vertical-align:0.1em; }
.schedule-list .new_icon { display:inline-block; width:16px; margin-left:2px; border-radius:2px;
	background:#b9ffda; color:#23db79; font-size:0.833em; font-weight:bold; line-height:16px; text-align:center; vertical-align:0.1em; }
.schedule-list .hot_icon { display:inline-block; width:16px; border-radius:2px;
	background:#ffb9b9; color:#ff0000; font-size:0.833em; line-height:16px; text-align:center; vertical-align:0.1em; }
.schedule-list .fa-caret-right { color:#bbb; }
.schedule-list .fa-download { display:inline-block; width:16px; margin-left:5px; border-radius:2px;
	background:#ffefb9; color:#daae37; font-size:0.833em; line-height:16px; text-align:center; vertical-align:0.1em; }
.schedule-list .fa-link { display:inline-block; width:16px; margin-left:5px; border-radius:2px;
	background:#edd3fd; color:#b451fd; font-size:0.833em; line-height:16px; text-align:center; vertical-align:0.1em; }
.schedule-info { gap:0.5em; margin-bottom:1rem; }
.schedule-info .date,
.schedule-info .time { display:flex; flex-wrap:wrap; align-items:center; gap:0.75em; }
.schedule-info .date h6,
.schedule-info .time h6 { padding:0.5em 0.75em 0.5em 1em; background:rgba(var(--color-blue-rgb),0.1); color:var(--color-blue); }
.schedule-info strong { color:var(--oc-gray-7); font-weight:700; }
@media all and (max-width:1290px) {
	.schedule-wrap { gap:15px; }
	.schedule-list { width:calc(100% - 16em - 15px); }
}
@media all and (max-width:770px) {
	.schedule-wrap { flex-direction:column; }
	.schedule-calendar { width:100%; max-width:20em; margin-right:auto; margin-left:auto; }
	.schedule-list { width:100%; }
	.schedule-list ul { max-height:none; }
}

/* chart */
.chart_org { display:flex; flex-direction:column; align-items:center; width:100%; padding:30px 15px; }
.chart_org .org_level { position:relative; display:flex; justify-content:center; width:100%; max-width:440px; margin-bottom:50px; }
.chart_org .org_level:last-child { margin-bottom:0; }
.chart_org .round-box { position:relative; width:100%; overflow:visible; border:1px solid var(--oc-gray-3); border-radius:1rem; box-shadow:0 5px 15px rgba(0,0,0,0.04);
	background:var(--color-white); text-align:center; }
.chart_org .org_level:not(:last-child):after { position:absolute; top:100%; left:50%; display:block; width:1px; height:50px; background:var(--oc-gray-3); content:''; }
.chart_org .org_level:not(:last-child):before { position:absolute; bottom:-47px; left:calc(50% - 3.5px); z-index:2; display:block; width:8px; height:8px;
	border-right:1px solid var(--oc-gray-4); border-bottom:1px solid var(--oc-gray-4); transform:rotate(45deg); content:''; }
.chart_org .tit { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; margin:0 !important; padding:1rem; border-radius:1rem; }
.chart_org .tit:before { display:none; }
.chart_org .tit
.chart_org .tit .eng { display:block; font-size:1.25rem; font-weight:700; line-height:1.4; }
.chart_org .tit .kor { display:block; font-size:1rem; font-weight:500; line-height:1.4; }
.chart_org .tit:has(+ .desc) { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.chart_org .desc,
.chart_org .txt { padding: 1rem; }
.chart_org .org_logo { text-align:center; }
.chart_org .org_logo img { width:auto; max-width:180px; max-height:65px; }
.chart_org .org_intersteno,
.chart_org .org_committee,
.chart_org .org_chair,
.chart_org .org_members {}
.chart_org .org_intersteno .tit { background:var(--oc-gray-1); color:var(--color-navy); }
.chart_org .org_committee .tit { background:rgba(var(--color-navy-rgb),1.0); color:var(--color-white); }
.chart_org .org_chair .tit { background:rgba(var(--color-gold-rgb),0.1); color:var(--color-gold); }
.chart_org .org_members .tit { background:rgba(var(--color-blue-rgb),0.1); color:var(--color-blue); }
@media all and (max-width:770px) {
	.chart_org { padding:20px 15px; }
	.chart_org .org_level { margin-bottom:30px; }
	.chart_org .org_level:not(:last-child):after { height:30px; }
	.chart_org .org_level:not(:last-child):before { bottom:-27px; }
	.chart_org .tit { padding:1rem; gap:0; }
	.chart_org .tit .eng { font-size:1.1rem; }
	.chart_org .tit .kor { font-size:0.9rem; }
}

@media all and (max-width:480px) {
	.chart_org { padding:15px 0; }
	.chart_org .org_intersteno,
	.chart_org .org_committee,
	.chart_org .org_chair,
	.chart_org .org_members { max-width:100%; }
	.chart_org .round-box { border-radius:0.75rem; }
	.chart_org .tit { border-radius:0.75rem; }
}

/* step */
.step-box { display:flex; align-items:center; justify-content:center; margin:0 -10px; text-align:center; }
.step-box .article { position:relative; margin:0 10px; }
.step-box.col3 .article { width:calc(33.3333% - 20px); }
.step-box.col4 .article { width:calc(25% - 20px); }
.step-box.col5 .article { width:calc(20% - 20px); }
.step-box .article + .article:before { position:absolute; top:50%; left:0; width:48px; height:48px; margin:-24px 0 0 -34px;
	border-radius:50%; background:var(--color-white); font-family:'xeicon',var(--font-text); font-size:1.5rem; font-weight:100; line-height:48px; content:'\e913'; }
.step-box .article > div { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; width:100%; height:auto; aspect-ratio:1 / 1; padding:1em;
	border-radius:100%; background:var(--oc-gray-5); }
.step-box .article strong { display:block; margin-bottom:5px; color:var(--color-white); font-family:var(--font-title); font-size:2em; font-style:italic; font-weight:700; line-height:1; }
.step-box .article .ico i { color:var(--color-white); font-size:2em; }
.step-box .article .ico img { max-width:6em; }
.step-box .article .tit { margin-bottom:0.25rem; padding:0; color:var(--color-white); line-height:1.4; }
.step-box .article .tit:before { display:none; }
.step-box .article p { color:var(--color-white); line-height:1.4; }
.step-box .article:nth-child(1) > div { background:var(--color-blue); }
.step-box .article:nth-child(2) > div { background:var(--color-navy); }
.step-box .article:nth-child(3) > div { background:var(--color-gold); }
.step-box .article:nth-child(4) > div { background:var(--color-blue); }
.step-box .article:nth-child(5) > div { background:var(--color-navy); }
@media all and (max-width: 1200px) {
	.step-box { margin:0 -5px; }
	.step-box .article { margin:0 5px; }
	.step-box.col3 .article { width:calc(33.3333% - 10px); }
	.step-box.col4 .article { width:calc(25% - 10px); }
	.step-box.col5 .article { width:calc(20% - 10px); }
	.step-box .article + .article:before { width:36px; height:36px; margin:-18px 0 0 -22.5px; font-size:1.25rem; line-height:36px; }
	.step-box .article .ico img { max-width:4em; }
}
@media all and (max-width: 770px) {
	.step-box { flex-direction:column; align-items:center; margin:-5px 0; }
	.step-box .article { width:100% !important; max-width:21em; margin:5px 0; }
	.step-box .article + .article:before { top:-5px; left:calc(50% + 5px); margin:-22.5 0 0 -18px; content:'\e913'; }
	.step-box .article .ico img { max-width:6em; }
}

/* order */
.order-table { margin-bottom:60px; }
.order-table table { width:100%; border-collapse:collapse; }
.order-table table thead th { height:37px; font-weight:500; }
.order-table table tbody td { padding:8px 3px; font-size:14px; }
.order-table table th { padding-left:20px; color:var(--oc-gray-9); font-weight:500; text-align:left; white-space:nowrap; }
.order-table table th span:before { display:inline-block; width:2px; height:2px; margin:-2px 5px 0 0; background:var(--oc-gray-9); vertical-align:middle; content:''; }
.order-table table td { padding:5px 0; text-align:left; }
.order-table table td .box { display:flex; justify-content:center; }
.order-table table td .box .inp { flex:1; }
.order-table table td .box span { flex:0.2; color:var(--oc-gray-9); line-height:40px; text-align:center; }
.order-table table td input[type=radio],
.order-table table td input[type=checkbox] { height:40px; vertical-align:middle; }
.order-table table td label { height:40px; padding:0 16px 0 4px; vertical-align:middle; }
.order-table table td label.disabled { color:var(--oc-gray-5); font-weight:300; }
.order-table table td a { display:inline-block; padding-bottom:0; border-bottom:1px solid transparent; color:var(--color-navy); }
.order-table table td a:hover { border-bottom:1px solid var(--color-navy); }
@media all and (max-width:770px) {
	.order-table table { display:block; }
	.order-table table tbody,
	.order-table table th,
	.order-table table tr,
	.order-table table td { display:block; }
	.order-table table th { padding-left:10px; }
	.order-table table td .box .inp { width:30%; }
}

/* 그누보드 */
.w100p { width:100% !important; }
.more_opt li { width:96px; }
.btn.btn-custom,
.btn_board.btn-custom { display:inline-flex; align-items:center; justify-content:center; padding-top:0; padding-bottom:0; border-width:1px; border-style:solid; }
.btn.btn-custom.cube,
.btn_board.btn-custom.cube { padding:0; }
.btn-custom.btn_admin { border-color:var(--color-gold); background-color:var(--color-gold); color:var(--color-white); }
.btn-custom.btn_admin:hover { border-color:var(--color-navy); background-color:var(--color-navy); color:var(--color-white); }
#map1 { width:100%; height:500px; margin-bottom:45px; border:1px solid var(--oc-gray-3); }
#bo_list .td_name { text-align:center; }
#bo_list .tbl_head01 .bo_cate_link { display:inline-flex; align-items:center; font-size:0.9em; padding:0.3em 0.5em; height:auto; }
#bo_list .tbl_head01 .bo_tit a { font-family:var(--font-title); font-size:15px; }
#bo_v_title .bo_v_tit { line-height:1.4; }
#bo_w .write_div dl { display:flex; flex-wrap:wrap; align-items:center; }
#bo_w .write_div dl dt { min-width:3em; font-family:var(--font-title); font-size:1.2em; font-weight:600; }
#bo_gall .bo_tit { font-family:var(--font-title); font-size:16px; line-height:1.4; }
#bo_gall .bo_cnt { display:-webkit-box; overflow:hidden; width:100%; height:calc(1.5em * 2); -webkit-box-orient:vertical; -webkit-line-clamp:2;
	line-height:1.5em; text-overflow:ellipsis; word-wrap:break-word; }
#bo_gall #gall_ul { display:flex; flex-wrap:wrap; }
#bo_list .txt_done,
#bo_v_rel .txt_done { background-color:var(--color-gold); }
@media all and (max-width:1290px) {
	#hd_pop { width:100% !important; }
	#hd_pops_1 { position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; -webkit-transform:translate(-50%, -50%) !important; }
}
@media all and (max-width:1000px) {
	#bo_v_title .bo_v_tit { font-size:1.75em; }
}
@media all and (max-width:770px) {
	.gall_row .col-gn-4 { width:50%; } 
	.hd_pops_con { max-width:calc(100vw - 40px) !important; }
	#bo_list .td_name, #bo_v_rel .td_name,
	#bo_list .td_num, #bo_v_rel .td_num,
	#bo_list .td_date, #bo_v_rel .td_date,
	#bo_list .td_datetime, #bo_v_rel .td_datetime { display:none; }
	#bo_list .td_subject .bo_info,
	#bo_v_rel .td_subject .bo_info { width:100%; display:flex !important; flex-wrap:wrap; align-items:center; }
	#bo_list .td_subject .bo_info span,
	#bo_v_rel .td_subject .bo_info span { display:inline-flex; align-items:center; gap:0 0.1em; }
	#bo_list .td_subject .bo_info span:after,
	#bo_v_rel .td_subject .bo_info span:after { display:inline-flex; align-items:center; gap:0 0.1em; margin:0 0.5em; content:'·'; }
	#bo_list .td_subject .bo_info span:last-child:after,
	#bo_v_rel .td_subject .bo_info span:last-child:after { display:none; }
}

/* mediaquery */
.only_mo { display:none; }
@media all and (max-width:770px) {
	br.pc,
	.only_pc { display:none; }
	.only_mo { display:block; }
}