@charset "UTF-8";
/* common */
#subVisual{clear:both; position:relative; width:100%; height: 308px; margin:0 auto; padding:0; background:#000; overflow:hidden; box-sizing:border-box; transition:.8s; z-index:0;}
#subVisual:after{content:''; display:block; position:absolute; width:100%; bottom:0; padding:0 0 1px; background:#cdcfd4; z-index:1;}
#subVisual .subBg{clear:both; position:relative; width:100% ; height:100%; background-color:#abafb5; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#subVisual .subBg:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(2,33,55,.2); mix-blend-mode:multiply; z-index:1;}
#subVisual .subBg01{background-image:url('../images/sub/sub_visual_01.jpg?ver=260414'); background-position:center center;}
#subVisual .subBg02{background-image:url('../images/sub/sub_visual_02.jpg?ver=260414'); background-position:center center;}
#subVisual .subBg03{background-image:url('../images/sub/sub_visual_03.jpg?ver=260414'); background-position:center center;}
#subVisual .subBg04{background-image:url('../images/sub/sub_visual_04.jpg?ver=260414'); background-position:center center;}
#subVisual .subBg05{background-image:url('../images/sub/sub_visual_05.jpg?ver=260414'); background-position:center center;}
#subVisual .subBg98, #subVisual .subBg99, #subVisual .subBgsearch,
#subVisual .subBgmypage, #subVisual .subBgetc, #subVisual .subBgbbs{background-image:url('../images/sub/sub_visual_etc.jpg'); background-position:left center;}
#subVisual .inner{height:100%;}
#subVisual .title{position:relative; top: calc(50% - .5em); text-align:center; transform:translateY(-100%); z-index:2;}
#subVisual .title h2{margin:0 auto; color:#fff; font-size:3em; font-weight:700; word-break:keep-all; text-shadow:1px 1px 2px rgba(0,0,0,.2);}
#subVisual .title .fade-in-bottom{-webkit-animation:fade-in-bottom .8s ease-in-out .3s both; animation:fade-in-bottom .8s ease-in-out .3s both; -webkit-animation-delay:.1s; animation-delay:.1s;}

#path {width: 100%; box-sizing: border-box; background: transparent; position: absolute; top: calc(242px + 1.5em); z-index: 2;}
#path ul {padding: 0; text-align: center;}
#path ul li.link {display: inline-block; box-sizing: border-box; margin: 0 1em; padding: 0; color: #fff; font-size: 1em; vertical-align: middle; position: relative;}
#path ul li.link::after {content: ''; display: inline-block; width: 6px; height: 11px; background: url('../images/ico_arrow_right_white.png') no-repeat center / cover; position: absolute; right: -1em; top: 50%; transform: translate(6px, -50%);}
#path ul li.link:first-child {margin-left: 0;}
#path ul li.link:last-child {margin-right: 0;}
#path ul li.link:last-child::after {display: none;}
#path ul li.link.btnHome {width: 16px; height: 16px;}
#path ul li.link.btnHome a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0; background: transparent url('../images/sub/ico_home_light.png') no-repeat center / 100%; color: transparent; font-size: 0; text-align: center;}
#path ul li.link.btnHome a:focus,
#path ul li.link.btnHome a:hover {opacity: .6;}
#path ul li.link button {width: auto; padding-right: 1em; background: transparent; color: #fff; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 3; cursor: pointer;}
#path ul li.link button::after {content: ''; display: block; width: 0; height: 0; margin-top: -2px; border: 3px solid transparent; border-top-color: #fff; border-bottom: none; font-size: 0; line-height: 0; position: absolute; right: 0; top: 50%;}
#path ul li.link button.rotate::after {border-top: none; border-bottom: 3px solid #fff;}
#path ul li ul {display: inline-block; width: max-content; height: auto; box-sizing: border-box; margin-top: .5em; padding: 1em 1.25em; background: #fff; border: 1px solid #ddd; border-radius: 2px; opacity: 0; visibility: hidden; transform: translateX(-50%); position: absolute; left: 50%; top: 0; transform-origin: top center; transition: .3s ease-in-out; transition-delay: .05s; z-index: 3;}
#path ul li.show ul {opacity: 1; visibility: visible; top: 100%;}
#path ul li ul li {display: block; width: auto; height: auto; margin: 0 auto 1.25em; text-align: center;}
#path ul li ul li:last-child {margin-bottom: 0;}
#path ul li ul li a {display: inline-block; height: auto; line-height: 1; padding: 1px 0; color: #4d4d4d; font-size: 1em; word-break: keep-all; transition: .3s;}
#path ul li ul li a span {display: inline-block; position: relative;}
#path ul li ul li a:focus,
#path ul li ul li a:hover{color:#808080;}
#path ul li ul li a:focus span,
#path ul li ul li a:hover span {text-decoration: underline;}
#path ul li ul li.new a:after {content: ''; display: inline-block; width: 15px; height: 15px; margin-left: 6px; background:url('../images/ico_newlink.png') no-repeat center bottom / 100%; opacity: 1; position: relative; top: 1px;}
#path ul li ul li.new a:hover::after,
#path ul li ul li.new a:focus::after {opacity: .6;}

#side {clear: both; width: 100%; margin-top: -1px; background: #000; position: relative;}
#side .inner {max-width: 1400px; padding: 0;}
#side ul {display: flex; justify-content: flex-start; width: 100%; overflow: hidden; text-align: center;}
#side ul li {flex: 1 1 auto; display: inline-block; max-width: fit-content; position: relative;}
#side ul li a {display: block; width: 100%; padding: 1.25em 1.5em 1.25em 1.5em; background: transparent; color: rgba(255, 255, 255, .7); font-size: 1.125em; transition: 0s;}
#side ul li a:hover,
#side ul li a:focus {color: rgba(255, 255, 255, 1);}
#side ul li a span {}
#side ul li.active a {background: #fff; overflow: hidden; color: #056fb8; font-weight: 500;}
#side ul li.new a::after {content: ''; display: inline-block; width: 15px; height: 15px; margin-left: 6px; background: url('../images/ico_newlink.png') no-repeat center top / 100%; position: relative; top: 1px; opacity: .7;}
#side ul li.new a:hover::after, #side ul li.new a:focus::after {opacity: 1;}

#subContents{position:relative; width:100%; height:100%; min-height:520px; margin:0 auto; padding:5em 0; background:#fff; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:18px; box-sizing:border-box;}
#subContents:after{content:''; display:block; clear:both;}
#subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;}
#subContents .conTitle h3{display:block; line-height:1.5; margin:0 auto 1em; color: #222; font-size:2.25em; font-weight:700; text-align:left;}
#subContents .conTitle h4,
#subContents .conTitle h5,
#subContents .conTitle h6{display:inline-block; position:relative; padding:0; color:#333; font-weight:700; word-break:keep-all;}
#subContents .conTitle h4 span.num,
#subContents .conTitle h5 span.num,
#subContents .conTitle h6 span.num{display:inline-block; position:relative; line-height:1; margin-right:.125em; padding:0; color: #072b61;}
#subContents .conTitle h4 span.mini,
#subContents .conTitle h5 span.mini,
#subContents .conTitle h6 span.mini{font-size:.75em;}
#subContents .conTitle h4{line-height:1.4; margin:.5em auto .625em; padding-left: .425em; font-size:1.75em;}
#subContents .conTitle h4::before{content:''; display:inline-block; width:.275em; height:.275em; aspect-ratio:1; background: linear-gradient(135deg, #308dd4 25%, #30baff 75%); border-radius: 50%; position:absolute; left: 0; top:0;}
#subContents .conTitle h6::before{content: ''; display: block; width: 100%; height: 35%; background: #8dc63f; opacity: .18; position: absolute; left: 0; bottom: 0; z-index: -1;}

#subContents .conTitle h4 span.mini{margin-left:.25em; color:#808080;}
#subContents .conTitle h5{line-height:1.3; margin:.5em 0 .875em; color: #00559e; font-size:1.5em;}
#subContents .conTitle h6{line-height:1.2; margin:.5em 0 .75em; font-size:1.25em;}
#subContents .con:first-child > .conTitle h4,
#subContents .conTitle:first-child h4,
#subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5,
#subContents .conTitle:first-child h6, #subContents .conTitle + .conTitle h6{margin-top:0;}
#subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;}
#subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;}
#subContents .conTitle.alignCenter{text-align:center;}
#subContents .ready{}
#subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;}

#subContents .tabMenu{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em;}
#subContents .tabMenu ul{display:flex; justify-content: flex-start; flex-wrap: wrap; gap: .25em; width:100%; margin:0 auto; padding: 1px;}
#subContents .tabMenu ul li{flex: 1 1 auto; display:block; width:100%; max-width: fit-content; min-width:180px;}
#subContents .tabMenu ul li:last-child:after{content:''; clear:both; display:block;}
#subContents .tabMenu ul li a{display:block; position:relative; width:100%; height: 100%; line-height:1; padding: 1em 1.25em; background:transparent; border-radius: 2px; border: 1px solid #808080; color:#333; font-size:.945em; font-weight:500; text-align: center; cursor:pointer; transition: 0s; z-index: 1;}
#subContents .tabMenu ul li a:focus,
#subContents .tabMenu ul li a:hover{border-color: #00a1e9; color: #00a1e9;}
#subContents .tabMenu ul li.active a{padding: 1em 1.25em .875em; background:linear-gradient(135deg, #056fb8 0, #308dd4 100%); border:1px solid #00a1e9; color:#fff; font-weight:700; z-index:1;}
#subContents .tabMenu ul li.new a:after{content:''; display:inline-block; position:relative; width:16px; height:16px; top:2px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center bottom / 100%; opacity:1;}

#bo_v_con img{width:auto;}

/* contents */
#subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 5em; color:#333;/* z-index:1;*/}
#subContents .con.mb50 {margin: 0 auto 2.5em;}
#subContents .con:last-child{margin:0 auto; padding:0; border-bottom:none;}
#subContents .con p{line-height:1.5; margin-bottom:2em; font-size:1em; word-break:keep-all;}
#subContents .con > p + p{margin-top:-1em;}
#subContents .con p:last-child{margin-bottom:0;}
#subContents .con p.point{position:relative; padding-left:18px; color:#df2d2d;}
#subContents .con p.point.blue{color:#cb3d97;}
#subContents .con p.point.black{color:#333;}
#subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;}
#subContents .con p.point.star:before{content:'☆';}
#subContents .con p.point a{color:inherit;}
#subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;}
#subContents .con p.info{color:#575b63; font-size:.875em; text-align:center;}
#subContents .con p.info:before{content:'< ';}
#subContents .con p.info:after{content:' >'}
#subContents .con p.info.nobullet:before, #subContents .con p.info.nobullet:after{content:''; display:none;}
#subContents .con p.alignLeft{text-align:left;}
#subContents .con p.alignCenter{text-align:center;}
#subContents .con p.alignRight{text-align:right;}
#subContents .con p.postDate{color:#df2d2d; text-align:right;}
#subContents .con p.postDate.gray{color:#575b63;}
#subContents .con img{display:inline-block; width:auto; max-width:1560px; margin:0 auto;}
#subContents .con img.mobile{display:none;}
#subContents .con a{display:inline-block; padding:.125em; border-radius:2px; transition:.3s;}
#subContents .con a span{display:inline-block; position:relative;}
#subContents .con a.link{padding:.063em .313em; background:#e2e9eb; color:#495c65;}
#subContents .con a.link:before{content:'\f0c1'; display:inline-block; margin-right:.25em; border-radius:50%; color:inherit; font-size:.875em;}
#subContents .con a.link span:before{content:''; display:inline-block; position:absolute; width:100%; height:1px; bottom:-1px; left:0; background:#056fb8; transform:scaleX(0); transform-origin:left center; transition:.2s; z-index:2;}
#subContents .con a:focus,
#subContents .con a:hover{background:transparent; color:#056fb8;}
#subContents .con a:focus span:before,
#subContents .con a:hover span:before{transform:scaleX(1);}
#subContents .con input[type="date"],
#subContents .con input[type="email"],
#subContents .con input[type="number"],
#subContents .con input[type="search"],
#subContents .con input[type="tel"],
#subContents .con input[type="text"],
#subContents .con input[type="url"],
#subContents .con input[type="password"],
#subContents .con select,
#subContents .con textarea{display:inline-block; width:auto; height:auto; line-height:1; padding:.75em; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:none; vertical-align:middle; color:#333; font-size:1em; font-weight:400;}
#subContents .con textarea{resize:vertical;}
#subContents .con .red {color: #df2d2d;}
#subContents .con > p + ul.list,
#subContents .con > p + ol.number {margin-top: -1em;}

#subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1560px; margin:0 auto 2.5em; z-index:1;}
#subContents .tab > ul{display:inline-block; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:0; width:100%; margin:0; padding:0 1px 1px; background:transparent; text-align:center;}
#subContents .tab > ul li{display:inline-block; /*float:left; width:25%;*/ flex:1 1 auto; margin:0 -1px -1px; padding:0;}
#subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:.75em 1em; background:#fff; border: 1px solid #ddd; color:#4d4d4d; font-size:.945em; font-weight:400; text-align:center; transition: 0s; z-index: 1; cursor:pointer;}
#subContents .tab > ul li .tabLink:focus,
#subContents .tab > ul li .tabLink:hover{background: #f7f7f7;}
#subContents .tab > ul li .tabLink.active{background: #f0fcff; border-color: #00a1e9; color:#00a1e9; font-weight:700; z-index:1; position: relative; z-index: 2;}
#subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto;}
#subContents .tabCon .tabItem{clear:both; display:none; position:relative; margin:0 auto;}
#subContents .tabCon .tabItem.active{display:block;}

#subContents .labelW{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em; font-size:1em;}
#subContents .labelW ul{margin:0 auto;}
#subContents .labelW ul li{display:block; margin:0 auto .5em;}
#subContents .labelW ul li:last-child{margin-bottom:0;}
#subContents .labelW.inline ul{margin:-.25em auto;}
#subContents .labelW.inline ul li{display:inline-block; margin:.25em auto;}
#subContents label.btn.select input.pick.chk ~ span.checkmark{border-radius:4px;}

#subContents nav.pg_wrap {}
#subContents nav.pg_wrap .pg {}
#subContents nav.pg_wrap .pg a.pg_page {padding: 0 4px; transform: none;}
#subContents nav.pg_wrap .pg a.pg_page:hover,
#subContents nav.pg_wrap .pg a.pg_page:focus {background-color:#f7f7f7; border-color: #f7f7f7; color: #808080;}
#subContents nav.pg_wrap .pg a.pg_page.pg_start {}
#subContents nav.pg_wrap .pg a.pg_page.pg_start:hover,
#subContents nav.pg_wrap .pg a.pg_page.pg_start:focus {background: #f7f7f7 url('../img/btn_first.gif') no-repeat 50% 50%;}
#subContents nav.pg_wrap .pg a.pg_page.pg_prev {}
#subContents nav.pg_wrap .pg a.pg_page.pg_prev:hover,
#subContents nav.pg_wrap .pg a.pg_page.pg_prev:focus {background: #f7f7f7 url('../img/btn_prev.gif') no-repeat 50% 50%;}
#subContents nav.pg_wrap .pg a.pg_page.pg_next {}
#subContents nav.pg_wrap .pg a.pg_page.pg_next:hover,
#subContents nav.pg_wrap .pg a.pg_page.pg_next:focus {background: #f7f7f7 url('../img/btn_next.gif') no-repeat 50% 50%;}
#subContents nav.pg_wrap .pg a.pg_page.pg_end {}
#subContents nav.pg_wrap .pg a.pg_page.pg_end:hover,
#subContents nav.pg_wrap .pg a.pg_page.pg_end:focus {background: #f7f7f7 url('../img/btn_end.gif') no-repeat 50% 50%;}
#subContents nav.pg_wrap .pg a.pg_page .pg_current {}

#subContents .con ul.list,
#subContents .con ol.number{clear:both; width:100%; margin:0 auto 2.5em; font-size:1em;}
#subContents .con ul.list + ul.list,
#subContents .con ul.list + ol.number,
#subContents .con ol.number + ul.list,
#subContents .con ol.number + ol.number{margin-top:-1em;}
#subContents .con ul.list > li,
#subContents .con ol.number > li{position:relative; margin:0 auto .5em; line-height:1.5; word-break:keep-all;}
#subContents .con ul.list > li{padding-left:.667em;}
#subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;}
#subContents .con ul.list.line > li:before{width:.278em; height:2px; top:.75em; background:#719e33;}
#subContents .con ul.list.circle > li:before{width:.278em; height:.278em; top:0.667em; background:#719e33; border-radius:50%;}
#subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:.625rem; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #719e33; font-size:0; line-height:0;}
#subContents .con ul.list.star > li:before{content:'*'; top:0.167em; color:#719e33; font-weight:500;}
#subContents .con ul.list.check > li{padding-left:1.112em;}
#subContents .con ul.list.check > li:before{width:.834em; height:.778em; top:.389em; background:url('../images/sub/ico_bullet_check.png') no-repeat left center / cover;}
#subContents .con ul.list.nobullet > li{padding-left:0;}
#subContents .con ol.number {counter-reset: item;}
#subContents .con ol.number > li{counter-increment: item; padding-left:1.25em;}
#subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#719e33; font-weight:500;}
#subContents .con ul.list li .box,
#subContents .con ol.number li .box {margin: .5em auto 0; padding: .75em 1em; background: #f7f7f7;}
#subContents .con ul.list li .box ul li,
#subContents .con ol.number li .box ul li {margin: 0 auto .375em; font-size: .889em;}
#subContents .con ul.list li .box ul li:last-child,
#subContents .con ol.number li .box ul li:last-child {margin-bottom: 0;}
#subContents .con ul.list li .box ul.list.line li::before,
#subContents .con ol.number li .box ul.list.line li::before {top: .625em;}

#subContents .con ol.number.basic > li:before {content: counter(item) '.';}
#subContents .con ol.number.basic > li:nth-child(9) ~ li{padding-left:26px;}

#subContents .con ol.number.basic2{clear:both; width:100%;}
#subContents .con ol.number.basic2 > li{position:relative; margin:0 auto .75em; padding-left:1.938em; word-break:keep-all;}
#subContents .con ol.number.basic2 > li:before {content: '0' counter(item) ')'; display:block; position:absolute; left:0; color:#719e33; font-weight:500;}
#subContents .con ol.number.basic2 > li:nth-child(1):before,
#subContents .con ol.number.basic2 > li:nth-child(10):before{letter-spacing:0;}
#subContents .con ol.number.basic2 > li:nth-child(n+10)::before{content: counter(item) ')';}
#subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;}

#subContents .con ol.number.basic3 > li{padding-left:1.313em;}
#subContents .con ol.number.basic3 > li:before {content: counter(item) ')';}
#subContents .con ol.number.basic3 > li:nth-child(n+10){padding-left:1.625em;}
#subContents .con ol.number.basic3 > li:nth-child(1):before,
#subContents .con ol.number.basic3 > li:nth-child(10):before{letter-spacing:0;}

#subContents .con ol.number.basic4 > li{padding-left:1.625em;}
#subContents .con ol.number.basic4 > li:before {content: '(' counter(item) ')';}
#subContents .con ol.number.basic4 > li:nth-child(n+10){padding-left:1.938em;}
#subContents .con ol.number.basic4 > li:nth-child(1):before,
#subContents .con ol.number.basic4 > li:nth-child(10):before{letter-spacing:0;}

#subContents .con ol.number.circle > li{padding-left:1.25em;}
#subContents .con ol.number.circle > li:nth-child(1):before{content:'①';}
#subContents .con ol.number.circle > li:nth-child(2):before{content:'②';}
#subContents .con ol.number.circle > li:nth-child(3):before{content:'③';}
#subContents .con ol.number.circle > li:nth-child(4):before{content:'④';}
#subContents .con ol.number.circle > li:nth-child(5):before{content:'⑤';}
#subContents .con ol.number.circle > li:nth-child(6):before{content:'⑥';}
#subContents .con ol.number.circle > li:nth-child(7):before{content:'⑦';}
#subContents .con ol.number.circle > li:nth-child(8):before{content:'⑧';}
#subContents .con ol.number.circle > li:nth-child(9):before{content:'⑨';}
#subContents .con ol.number.circle > li:nth-child(10):before{content:'⑩';}

#subContents .con ol.number.hangul > li{padding-left:1.5em;}
#subContents .con ol.number.hangul > li:nth-child(1):before{content:'가.';}
#subContents .con ol.number.hangul > li:nth-child(2):before{content:'나.';}
#subContents .con ol.number.hangul > li:nth-child(3):before{content:'다.';}
#subContents .con ol.number.hangul > li:nth-child(4):before{content:'라.';}
#subContents .con ol.number.hangul > li:nth-child(5):before{content:'마.';}
#subContents .con ol.number.hangul > li:nth-child(6):before{content:'바.';}
#subContents .con ol.number.hangul > li:nth-child(7):before{content:'사.';}
#subContents .con ol.number.hangul > li:nth-child(8):before{content:'아.';}
#subContents .con ol.number.hangul > li:nth-child(9):before{content:'자.';}
#subContents .con ol.number.hangul > li:nth-child(10):before{content:'차.';}
#subContents .con ol.number.hangul > li:nth-child(11):before{content:'카.';}
#subContents .con ol.number.hangul > li:nth-child(12):before{content:'타.';}
#subContents .con ol.number.hangul > li:nth-child(13):before{content:'파.';}
#subContents .con ol.number.hangul > li:nth-child(14):before{content:'하.';}

#subContents .con ol.number.alphabet > li{padding-left:1.25em;}
#subContents .con ol.number.alphabet > li:before {content: counter(item, upper-alpha) '.';} /* 26번 이후부터 AA, AB, AC... 순서로 지원됨 */

#subContents .con ul:last-child, #subContents .con ol:last-child,
#subContents .con ul.list > li:last-child, #subContents .con ol.number > li:last-child{margin-bottom:0;}
#subContents .con ul li p, #subContents .con ol li p{margin-bottom:.8em;}
#subContents .con ul.list li li,
#subContents .con ol.number li li{line-height:1.4; margin:0 auto .8em;}
#subContents .con ul li ol.number.circle > li:before{top:2px;}
#subContents .con ul li ul.list li strong,
#subContents .con ul li ol.number li strong{font-weight:500;}
#subContents .con ul.list li li li,
#subContents .con ol.number li li li{font-size:.938em;}
#subContents .con ul.inline li, #subContents .con ul.inline li{display:inline-block; margin-right:28px;}
#subContents .con ul.inline li:last-child, #subContents .con ul.inline li:last-child{margin-right:0;}

#subContents .con .infographic {margin: 1em auto 2.5em;}
#subContents .con .infographic:last-child {margin-bottom: 0;}

#subContents .tableW{width:100%; margin:0 auto 1.5em; overflow-x:auto;}
#subContents .tableW:last-child{margin:0 auto;}
#subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:2px solid #072b61; text-align:center;}
#subContents table tr th{min-height:40px; padding:15px 14px; background:#f6f6f6; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:700; vertical-align:middle; word-break:keep-all;}
#subContents table tr th.rowti{background:#f0f9fe; color:#072d70; font-weight:500;}
#subContents table tr th:first-child{border-left:none;}
#subContents table tr th:last-child{border-right:none;}
#subContents table tr td{line-height:1.4; padding:12px 14px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle;}
#subContents table tr td:first-child{border-left:none;}
#subContents table tr td:last-child{border-right:none;}
#subContents table tr td.rowti{background:#f1fafd; color:#333; font-weight:500;}
#subContents table tr td.alignLeft{text-align:left;}
#subContents table tr td.alignRight{text-align:right;}
#subContents table tr td.break{word-break:break-all;}
#subContents table tr td.empty_table{width:100%;}
#subContents table tr td ol, #subContents table tr td ul{text-align:left;}
#subContents #bo_list table,
#subContents #bo_v table{text-align:inherit;}

#subContents img{max-width:1560px;}
#subContents .imgW{width:100%; margin:0 auto 1.5em; text-align:center; overflow-x:auto;}
#subContents .imgW:last-child{margin:0 auto;}
#subContents .imgW img{width:100%; text-align:left;}

#subContents br.pc {display: block;}
#subContents br.mobile {display: none;}

.sub_01, .sub_02, .sub_03, .sub_04, .sub_05, .sub_06, .sub_etc {clear:both; width:100%;}

#subContents .sub_etc_sitemap{}
#subContents .sub_etc_sitemap .con{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; margin:0 -1px 1px 0;}
#subContents .sub_etc_sitemap .con .depth01_lists{width:33.333%; min-height: 393px; margin:0 -1px -1px 0; padding:1.278em 1.334em 1.478em; border:1px solid #ddd;}
#subContents .sub_etc_sitemap .con .depth01_lists:last-child{display:none;}
#subContents .sub_etc_sitemap .con .depth01_lists .conTitle{margin:0 0 1.278em;}
#subContents .sub_etc_sitemap .con .depth01_lists .conTitle h4{display:block; line-height:1; margin:0;}
#subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01{display:block; width:fit-content; padding:0 0 2px; background: linear-gradient(90deg,#00a1e9 0%, #60d0ff 100%); background-clip: text; color:transparent;}
#subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01:focus, #subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01:hover{}
#subContents .sub_etc_sitemap .con .depth01_lists ul.depth02_lists{padding: 0 .723em;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li.depth02_list{/*flex:1 1 50%; max-width:50%; */margin:0 0 20px;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li a.depth02{font-size:1.063em;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul.depth03_lists{margin:.667em 0 0 0; padding:1.112em; background:#333; border-radius:2px;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li.depth03_list{margin:0 auto .667em;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03{padding-left: calc(.75em + .25em); color: #acacac; font-size:.938em; position: relative;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03::before{content:''; display:block; position:absolute; width:.5em; height:1px; top:.474em; left:0; background:#acacac;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03:hover,
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03:focus {color: #fff; text-decoration:underline;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03:hover::before,
#subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03:focus::before {background: #fff;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li{position:relative;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li:last-child{margin:0 !important;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li a{display:inline-block; position:relative; padding:1px 0; color:#333;}
#subContents .sub_etc_sitemap .con .depth01_lists ul li.new a:after{content:''; display:inline-block; position:absolute; width:14px; height:14px; top:3px; right:-20px; background:url('../images/ico_newlink.png') no-repeat center; background-size:100%; opacity:.8;}

#subContents .sub_etc_privacy-policy .con.title{padding:24px 28px; background:#f9f9f9; border:1px dotted #bbb; border-radius:2px;}
#subContents .sub_etc_privacy-policy .con dl{}
#subContents .sub_etc_privacy-policy .con dl dt{margin:1.5em auto 0;}
#subContents .sub_etc_privacy-policy .con dl dt:first-child{margin:.8em auto 0;}
#subContents .sub_etc_privacy-policy .con dl dd{margin:0 auto 2.5em;}
#subContents .sub_etc_privacy-policy .con dl dd:last-child{margin:0 auto;}
#subContents .sub_etc_privacy-policy .con dl dd > p + ul.list,
#subContents .sub_etc_privacy-policy .con dl dd > p + ol.number{margin:-1.5em auto 0;}
#subContents .sub_etc_privacy-policy .con dl dd ul ul,
#subContents .sub_etc_privacy-policy .con dl dd ul ol,
#subContents .sub_etc_privacy-policy .con dl dd ol ul,
#subContents .sub_etc_privacy-policy .con dl dd ol ol{padding:24px 28px; background:#f9f9f9; border:1px dotted #cdcfd4; border-radius:2px;}
#subContents .sub_etc_privacy-policy .con dl dd ol li{margin:0 auto 1em;}
#subContents .sub_etc_privacy-policy .con dl dd ul li strong,
#subContents .sub_etc_privacy-policy .con dl dd ol li strong{color:#5144f9;}
#subContents .sub_etc_privacy-policy .con dl dd .box{margin:1em auto; padding:24px 28px; border:3px double #cdcfd4; border-radius:2px;}
#subContents .sub_etc_privacy-policy .con dl dd p + .box{margin:-1.5em auto 1em;}
#subContents .sub_etc_privacy-policy .con dl dd p + .box:last-child{margin-bottom:0;}
#subContents .sub_etc_privacy-policy .con .txtP{margin-bottom:1.5em;}
#subContents .sub_etc_privacy-policy .con ol{padding:1.5em 1.5em 2.5em 1.5em;background:#f2f2f2;}
#subContents .sub_etc_privacy-policy .con ol li{margin:0 auto 2em;}

#subContents .sub_etc_email .con p{font-size:1.063em;}
#subContents .sub_etc_email .con .box{margin:0 auto 20px; padding:20px 24px; background:#f6f6f6; border:1px solid #cdcfd4;}
#subContents .sub_etc_email .con .conTitle h6{margin:0 0 12px;}
#subContents .sub_etc_email .con ol{clear:both; width:100%;}
#subContents .sub_etc_email .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;}
#subContents .sub_etc_email .con ol > li:last-child{margin-bottom:0;}

#subContents .sub_01 {}

#subContents .sub_01_01 {}
#subContents .sub_01_01 .con {}
#subContents .sub_01_01 .con p {margin-bottom: 1.25em; font-size: 1.125em; text-align: left;}
#subContents .sub_01_01 .con p:last-child {margin-bottom: 0;}
#subContents .sub_01_01 .con .greeting {}
#subContents .sub_01_01 .con .greeting p {margin-bottom: .875em; padding-bottom: .875em; color: #003770; font-size: 1.725em; font-weight: 700; line-height: 1.125; word-break: break-all; position: relative;}
#subContents .sub_01_01 .con .greeting p::before,
#subContents .sub_01_01 .con .greeting p::after {content: ''; display: block; width: 100%; height: 1px; background: #003770; position: absolute; left: 0; bottom: 0;}
#subContents .sub_01_01 .con .greeting p::before {transform: translateY(-4px);}
#subContents .sub_01_01 .con .layoutBox .profileW {float: left; width: 100%; max-width: 400px; height: auto; margin: 0 1.5em .5em 0;}
#subContents .sub_01_01 .con .layoutBox .profileW img {width: 100%;}
#subContents .sub_01_01 .con .layoutBox .txtW {}
#subContents .sub_01_01 .con .layoutBox .txtW .director {padding-top: 1.5em;}
#subContents .sub_01_01 .con .layoutBox .txtW .director p {color: #808080; font-size: 1em; line-height: 1.25; letter-spacing: 0; text-align: right;}
#subContents .sub_01_01 .con .layoutBox .txtW .director p strong.name {margin-left: .3em; color: #333; font-size: 1.25em; font-weight: 500; letter-spacing: .15em;}

#subContents .sub_01_02_01 {}
#subContents .sub_01_02_01 .con {}
#subContents .sub_01_02_01 .con .infographic {}
#subContents .sub_01_02_01 .con .infographic01 {}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW {}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome {margin: 0 auto 3.5em; position: relative;}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .imgW {width: 100%; margin: 0 auto;}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .imgW img {}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW {width: calc(66.666% - .5em); padding: 1.75em; background: #00264d; background: linear-gradient(135deg, #00264d 0%, #003770 100%); border-radius: 2px; align-content: center; position: absolute; right: 0; bottom: -1.75em;}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW p {margin-bottom: 0; text-align: left;}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW p.ti {color: #fff; font-size: 1.125em; font-weight: 700; line-height: 1.25;}
#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW p.txt {margin-top: .75em; color: #90e2ff; font-size: 1em;}
#subContents .sub_01_02_01 .con .infographic02 {}
#subContents .sub_01_02_01 .con .infographic02 .purposeW {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1em;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose {display: flex; justify-content: space-between; flex-direction: column; gap: .334em; flex: 1 1 33.333%; max-width: calc(33.333% - .667em);}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti {padding: 1em; background: #00264d; border-radius: 2px; position: relative;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::before,
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::after {content: ''; display: inline-block; border-radius: 50%; position: absolute; right: -.5em; top: 50%; transform: translate(50%,-50%);}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::before {width: 2.5em; height: 2.5em; background: #fff; z-index: 1;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::after {width: 2em; height: 2em; background: #8dc63f url('../images/sub/ico_plus.png') no-repeat center center; background-size: 50%; z-index: 2;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose03 .ti::before,
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose03 .ti::after {display: none; right: 50%; top: -.5em;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti p {color: #fff; font-size: 1.125em; line-height: 1.25; font-weight: 700; text-align: center;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW {width: calc(100% - 2px); height: 100%; margin: 0 auto; position: relative; z-index: -1;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul {padding: 1em; background: #fff; border: 1px solid #ddd; border-radius: 2px;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul li {margin-bottom: .5em; padding-left: .75em; padding-bottom: .5em; border-bottom: 1px dotted #ddd;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul.list.circle > li:before {top: .389em;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul li p {font-size: .889em; line-height: 1.25;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .seek {padding: 1em; background: #fff; border: 1px solid #00a1e9; border-radius: 2px; position: relative; z-index: 0;}
#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .seek strong {display: block; color: #00a1e9; text-align: center;}

#subContents .sub_01_02_02 .conW.list{}
#subContents .sub_01_02_02 .conW.list .con{}
#subContents .sub_01_02_02 .conW.list .con .historyW{}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history{}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history > li{position:relative; margin:0; padding:0 0 0 10em;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li p.year{position:absolute; top:0; left:0; padding:0 0 0 .425em; color:#282d3a; font-size:1.75em;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li p.year:before{content:''; display:inline-block; position:absolute; width:.275em; height:.275em; line-height:1; aspect-ratio:1; top:0; left:0; background:linear-gradient(135deg, #308dd4 25%, #30baff 75%); border-radius:50%;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li p.year strong{font-weight:700;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW{position:relative; padding:.5em 0 3em 5em;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:before,
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:after{content:''; display:block; position:absolute;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:before{width:0; height:0; top:.75em; left:0; background:none; border-top:.5em solid transparent; border-right:none; border-bottom:.5em solid transparent; border-left:.75em solid #ddd; border-radius:0; z-index:1;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:after{top:.75em; left:0; width:1px; height:100%; background:#ddd; z-index:0;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW ul{}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW ul li{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:1.5em; margin:0; padding:0 0 1em 1em;}
#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW ul li div{max-width:calc(100% - 3.875em); margin:0; padding-top:1px;}

#subContents .sub_01_03 {}
#subContents .sub_01_03 .con {}
#subContents .sub_01_03 .con .map {width: 100%;}
#subContents .sub_01_03 .con .map iframe {width: 100%; margin-bottom: 1.5em;}
#subContents .sub_01_03 .con .map address {font-size: 1.125em; line-height: 1.5; text-align: center;}
#subContents .sub_01_03 .con .map address strong {color: #00559e; font-weight: 500;}
#subContents .sub_01_03 .con .infoW {margin: 3em auto 0;}
#subContents .sub_01_03 .con .infoW .info {margin: 0 auto 2em;}
#subContents .sub_01_03 .con .infoW .info:last-child {margin-bottom: 0;}
#subContents .sub_01_03 .con .infoW .info p.ti {margin-bottom: .75em; font-size: 1.25em; font-weight: 700;}
#subContents .sub_01_03 .con .infoW .info ul {}
#subContents .sub_01_03 .con .infoW .info ul li {}

#subContents .sub_02 {}

#subContents .sub_02_01 .conW.list{}
#subContents .sub_02_01 .conW.list .con.top{margin:0 auto 1.5em; padding:0;}
#subContents .sub_02_01 .conW.list .con.top .conTitle{float:left; width:auto;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name{float:right;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div{position:relative; width:100%; max-width:320px;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div input[type="text"]{position:relative; width:100%; height:auto; padding:.75em .875em; padding-right:3.875em; z-index:1;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div button.btn.search{position:absolute; width:3em; height:100%; top:0; right:0; background:#00559e; border-radius:2px; color:#fff; z-index:1;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div button.btn.search i.ico{}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div button.btn.search:focus,
#subContents .sub_02_01 .conW.list .con.top .searchW.name div button.btn.search:hover{background:#00468a;}
#subContents .sub_02_01 .conW.list .con.top .searchW.name div button.btn.reset {display: none;}
#subContents .sub_02_01 .conW.list .con.list{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW{display:flex; flex-wrap:wrap; gap:1em; margin:0 auto 1.5em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); padding:1.75em; border:1px solid #ddd; border-radius:2px;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper{display:flex; flex-wrap:nowrap; align-items:flex-start; gap:1.5em; position:relative;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .imgW{flex:1; position:relative; height:auto; aspect-ratio:3 / 4; margin:0; background:#eee url('../images/logo_saint_grayscale.png') no-repeat center / 60%; overflow:hidden;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .imgW img{position:relative; width:100%; height:100%; top:50%; transform:translateY(-50%); object-fit:cover;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW{flex:3;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW p{margin:0;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW p.position{display:flex; gap:1em; margin:0 auto .75em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW p.position span{display:inline-block; line-height:1.3; font-size:.875em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW p.position span.title{position:relative;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW p.position span.title:after{content:''; display:inline-block; position:absolute; width:1px; height:.875em; top:.25em; right:-.55em; background:#ddd;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW p.position span.field{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW h6.name{font-size:1.25em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .tiW h6.name strong{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW{margin:1em auto 1.25em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li{display:flex; gap:.25em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p{display:inline-block;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p a{padding:0;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p a span{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p.ti{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p.ti i.ico{display:inline-block; width:1rem; margin-right:.25rem; color:#8dc63f; text-align:center;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.tel{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.tel p a{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.tel p.ti i.ico{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.email{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.email p a{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.email p.ti i.ico{font-size:.75em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.address{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li.address p.ti i.ico{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p a:focus,
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .infoW ul li p a:hover{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links{display:flex; gap:.5em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li{flex:1; display:inline-block; max-width:calc(50% - .25em);}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a{width:100%; padding:.625em 1em; background:transparent; border:1px solid transparent; border-radius:2px; color:#333; font-size:.938em; font-weight:500;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.link:before{content:''; display:none; margin:0;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.link span:before{display:none; width:0; height:0; bottom:0; background:none;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a i.ico{display:inline-block; margin:0 .5em 0 0; font-size:.875em;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a span{}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.link{border-color:#00a1e9; color:#00a1e9;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.more{border-color:#003770; color:#003770;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.link:focus,
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.link:hover{background:#f0fcff;}
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.more:focus,
#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW .btnBox ul.links li a.btn.more:hover{background:#f0f7ff;}

#subContents .sub_02_01 .conW.view{}
#subContents .sub_02_01 .conW.view .con.top{margin:0 auto 1.5em; padding:0;}
#subContents .sub_02_01 .conW.view .con.top .conTitle{float:left; width:auto;}
#subContents .sub_02_01 .conW.view .con.list{margin:0 auto 3em;}
#subContents .sub_02_01 .conW.view .con.list .profileW{width:100%; margin:0 auto;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile{width:100%; padding:1.75em; border:1px solid #ddd; border-radius:2px;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper{display:flex; flex-wrap:nowrap; align-items:center; gap:3em; position:relative;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .imgW{flex:1; position:relative; height:auto; aspect-ratio:3 / 4; margin:0; background:#eee url('../images/logo_saint_grayscale.png') no-repeat center / 60%; overflow:hidden;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .imgW img{position:relative; width:100%; height:100%; top:50%; transform:translateY(-50%); object-fit:cover;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW{flex:4;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW p{margin:0;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position{display:flex; gap:1em; margin:0 auto .75em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position span{display:inline-block; line-height:1.3; font-size:1em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position span.title{position:relative;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position span.title:after{content:''; display:inline-block; position:absolute; width:1px; height:.875em; top:.25em; right:-.55em; background:#ddd;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position span.field{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW h6.name{font-size:1.75em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW h6.name strong{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW{margin:2em auto 2.25em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li{display:flex; gap:.25em; margin:0 auto .75em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li:last-child{margin:0 auto;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p{display:inline-block; font-size:1.125em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p a{padding:0;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p a span{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p.ti{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p.ti i.ico{display:inline-block; width:1.25rem; margin-right:.25rem; color:#8dc63f; text-align:center;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.tel{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.tel p a{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.tel p.ti i.ico{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.email{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.email p a{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.email p.ti i.ico{font-size:.75em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.address{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li.address p.ti i.ico{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p a:focus,
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p a:hover{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links{display:flex; gap:.5em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li{flex:1; display:inline-block; max-width:calc(50% - .25em);}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a{width:100%; padding:.813em 1em; background:transparent; border:1px solid transparent; border-radius:2px; color:#333; font-size:1.063em; font-weight:500;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a.link:before{content:''; display:none; margin:0;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a.link span:before{display:none; width:0; height:0; bottom:0; background:none;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a i.ico{display:inline-block; margin:0 .5em 0 0; font-size:.875em;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a span{}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a.btn.link{border-color:#00a1e9; color:#00a1e9;}
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a.btn.link:focus,
#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a.btn.link:hover{background:#f0fcff;}
#subContents .sub_02_01 .conW.view .con.detailW{}
#subContents .sub_02_01 .conW.view .con.detailW .detail{margin:0 auto 3em;}
#subContents .sub_02_01 .conW.view .con.detailW .detail:last-child{margin:0 auto;}
#subContents .sub_02_01 .conW.view .con.detailW .detail > div{line-height:1.5; word-break:keep-all; overflow-wrap:anywhere;}
#subContents .sub_02_01 .conW.view .con.bottom{}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox{}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links{display:inline-block; width:100%;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li{display:inline-block;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li a.btn{display:inline-block; height:auto; line-height:1; padding:.5em .75em; background:transparent; border:1px solid #808080; border-radius:2px; color:#808080; font-size:.875em; font-weight:500; vertical-align:middle;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li a.btn i.ico{display:inline-block; margin-right:.25em;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li a.btn span{}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li a.btn:focus,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li a.btn:hover{border-color:#333; border-color:#333;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.prev,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.next{float:left; margin-right:.25em;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.prev a.btn.prev,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.next a.btn.next{border-color:#00a1e9; color:#00a1e9;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.prev a.btn.prev:focus,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.prev a.btn.prev:hover,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.next a.btn.next:focus,
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.next a.btn.next:hover{border-color:#056fb8; color:#056fb8;}
#subContents .sub_02_01 .conW.view .con.bottom .btnBox ul.links li.list{float:right; margin-left:.25em;}

#subContents .sub_02_02 .conW.list{}
#subContents .sub_02_02 .conW.list .con{}
#subContents .sub_02_02 .conW.list .con .tableW.staff{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tr .type{width:18%;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tr .name{width:14%;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tr .work{width:50%;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tr .contact{width:18%;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td .wrapper{width:100%;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.name p{margin:0;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.name p[lang="ko"]{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.name p[lang="en"]{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work{padding:0; text-align:left}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work .wrapper div{padding:12px 14px;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work .wrapper div.ko{border-bottom:1px solid #ddd;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work .wrapper div.en{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox{}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li{display:block; width:100%; margin:0 auto .75em; text-align:center;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li:last-child{margin:0 auto;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li a.btn{display:inline-block; width:fit-content; line-height:1.3; font-weight:normal; text-align:center; word-break:break-all;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li a.btn:before{content:''; display:inline-block; margin-right:.313em;}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li a.btn.tel:before{content:'\f095';}
#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li a.btn.email:before{content:'\f0e0'; font-size:.875em;}

#subContents .sub_02_03_01 {}
#subContents .sub_02_03_01 .con {}
#subContents .sub_02_03_01 .con .layoutBox {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em; margin-bottom: 3em;}
#subContents .sub_02_03_01 .con .layoutBox .profileW {width: 380px; position: relative;}
#subContents .sub_02_03_01 .con .layoutBox .profileW img {width: 100%;}
#subContents .sub_02_03_01 .con .layoutBox .txtW {width: calc(100% - 380px - 1.5em);}
#subContents .sub_02_03_01 .con .layoutBox .txtW p {margin-bottom: 1em; text-align: left;}
#subContents .sub_02_03_01 .con .layoutBox .txtW p:last-child {margin-bottom: 0;}
#subContents .sub_02_03_01 .con .layoutBox .txtW p.greeting {margin-bottom: .75em; color: #00a1e9; font-size: 1.334em; font-weight: 700;}
#subContents .sub_02_03_01 .con .imgBox {display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5em; width: 100%;}
#subContents .sub_02_03_01 .con .imgBox .imgW {width: calc(50% - .75em); max-width: 800px; margin: 0 auto;}
#subContents .sub_02_03_01 .con .imgBox .imgW img {width: 100%;}

#subContents .sub_02_03_02 .conW.list{}
#subContents .sub_02_03_02 .conW.list .con.top{margin:0 auto -5em; padding:0; transform:translateY(-8.5em);}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name{float:right;}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div{position:relative; width:100%; max-width:320px;}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div input[type="text"]{position:relative; width:100%; height:auto; padding:.75em .875em; padding-right:3.875em; z-index:1;}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div button.btn.search{position:absolute; width:3em; height:100%; top:0; right:0; background:#00559e; border-radius:2px; color:#fff; z-index:1;}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div button.btn.search i.ico{}
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div button.btn.search:focus,
#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div button.btn.search:hover{background:#00468a;}
#subContents .sub_02_03_02 .conW.list .con.list{}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1em;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile{flex: 1 1 33.333%; max-width: calc(33.333% - .667em); min-height: 7em; border:1px solid #ddd;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW{height: 100%; padding:1.75em;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW{display: flex; justify-content: space-between; flex-direction: column; gap: 1em; height: 100%;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW p{margin:0; word-break:keep-all; overflow-wrap:anywhere;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW{position:relative;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name{font-size:1.25em; line-height: 1.25; position: relative;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name i.ico {display:inline-block; margin-right: .5em; color:#8dc63f; font-size:.75em; vertical-align: middle;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name strong{overflow-wrap: anywhere;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name span.assist {display: inline-block;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW{height: 100%; padding: 1em 1.125em; background: #f7f7f7; border: 1px solid #eee; border-radius: 2px;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW p.memo{min-height: 4.5em; line-height: 1.5; color:#808080; font-size:1em;}
#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW p.memo span{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_start{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_prev{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_next{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg.end{}
#subContents .sub_02_03_02 .conW.list .con.list nav.pg_wrap .pg a.pg_page .pg_current{}

#subContents .sub_02_03_03 .conW.list{}
#subContents .sub_02_03_03 .conW.list .con.top{margin:0 auto -5em; padding:0; transform:translateY(-8.5em);}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name{float:right;}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div{position:relative; width:100%; max-width:320px;}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div input[type="text"]{position:relative; width:100%; height:auto; padding:.75em .875em; padding-right:3.875em; z-index:1;}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div button.btn.search{position:absolute; width:3em; height:100%; top:0; right:0; background:#00559e; border-radius:2px; color:#fff; z-index:1;}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div button.btn.search i.ico{}
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div button.btn.search:focus,
#subContents .sub_02_03_03 .conW.list .con.top .searchW.name div button.btn.search:hover{background:#00468a;}
#subContents .sub_02_03_03 .conW.list .con.list{}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1em;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile{flex: 1 1 33.333%; max-width: calc(33.333% - .667em); min-height: 7em; border:1px solid #ddd;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW{height: 100%; padding:1.75em;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW{display: flex; justify-content: space-between; flex-direction: column; gap: 1em; height: 100%;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW p{margin:0; word-break:keep-all; overflow-wrap:anywhere;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW{position:relative;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name{font-size:1.25em; line-height: 1.25; position: relative;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name i.ico {display:inline-block; margin-right: .5em; color:#8dc63f; font-size:.75em; vertical-align: middle;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name strong{overflow-wrap: anywhere;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .nameW h6.name span.assist {display: inline-block;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW{height: 100%; padding: 1em 1.125em; background: #f7f7f7; border: 1px solid #eee; border-radius: 2px;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW p.memo{min-height: 4.5em; line-height: 1.5; color:#808080; font-size:1em;}
#subContents .sub_02_03_03 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW p.memo span{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_start{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_prev{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg_next{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page.pg.end{}
#subContents .sub_02_03_03 .conW.list .con.list nav.pg_wrap .pg a.pg_page .pg_current{}


#subContents .sub_03 {}

#subContents .sub_03_01 .con .flexW {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1em;}
#subContents .sub_03_01 .con .flexW .box {flex: 1 1 calc(50% - .5em); max-width: calc(50% - .5em); position: relative; z-index: 0;}
#subContents .sub_03_01 .con .flexW .box::after {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, .25) 0%, transparent 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
#subContents .sub_03_01 .con .flexW .box .imgW {margin: 0 auto;}
#subContents .sub_03_01 .con .flexW .box .imgW img {}
#subContents .sub_03_01 .con .flexW .box .txtW {width: 100%; padding: 1.25em; text-align: left; position: absolute; left: 0; bottom: 0; background:linear-gradient(0deg, rgba(0,0,0,.4) 0%, transparent 100%); z-index: 2;}
#subContents .sub_03_01 .con .flexW .box .txtW p {margin-bottom: 0; color: #fff; font-size: 1em; line-height: 1.5; text-shadow:1px 1px 4px rgba(0,0,0,.4);}
#subContents .sub_03_01 .con .flexW .box .txtW p strong {font-weight:700;}
#subContents .sub_03_01 .con .flexW .box .txtW p strong.ti{font-size:1.125em; font-weight:900; letter-spacing:-.015em;}
#subContents .sub_03_01 .tab1 .con .flexW .box .txtW p{line-height:1.25;}
#subContents .sub_03_01 .tab2 .con .flexW .box .txtW{position:relative; padding:1em 0 0; background:none;}
#subContents .sub_03_01 .tab2 .con .flexW .box .txtW p{color:#333; text-align:center; text-shadow:none;}
#subContents .sub_03_01 .tab2 .con .flexW .box:after{display:none;}
#subContents .sub_03_01 .tab3 .con .flexW .box{flex:1 1 calc(33.333% - .667em); max-width:calc(33.333% - .667em);}
#subContents .sub_03_01 .tab3 .con .flexW .box .txtW{position:relative; padding:1em 0 0; background:none;}
#subContents .sub_03_01 .tab3 .con .flexW .box .txtW p{color:#333; text-align:center; text-shadow:none;}
#subContents .sub_03_01 .tab3 .con .flexW .box:after{display:none;}
#subContents .sub_03_01 .tab4 .con .flexW .box .txtW p{line-height:1.25;}
#subContents .sub_03_01 .con .infoW {margin: 1em auto 0; padding: 1em; background: #f7f7f7; text-align: center;}
#subContents .sub_03_01 .con .infoW p {}
#subContents .sub_03_01 .con .infoW p strong {color: #003770; font-size: 1.125em;}
#subContents .sub_03_01 .con .careerW {}
#subContents .sub_03_01 .con .careerW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1em;}
#subContents .sub_03_01 .con .careerW ul li {flex: 1 1 20%; max-width: calc(20% - .8em); padding-bottom: .75em; text-align: center;}
#subContents .sub_03_01 .con .careerW ul li .imgW {width: 100%; margin: 0 auto .75em; background: #fff; border: 1px solid #ddd;}
#subContents .sub_03_01 .con .careerW ul li .imgW img {width: 100%;}
#subContents .sub_03_01 .con .careerW ul li p {font-size: .889em; line-height: 1.25; text-align: center;}

#subContents .sub_03_03 {}
#subContents .sub_03_03 .con {}
#subContents .sub_03_03 .con .infographic {}
#subContents .sub_03_03 .con .infographic .businessW {display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr); gap:0;}
#subContents .sub_03_03 .con .infographic .businessW .business {display: flex; justify-content: center; flex-direction: column; align-self: center; width: 100%; aspect-ratio: 1; padding: 1.5em; background: #f0fcff; text-align: center; overflow: hidden; position: relative; z-index: 0;}
#subContents .sub_03_03 .con .infographic .businessW .business .tiW {}
#subContents .sub_03_03 .con .infographic .businessW .business .tiW .ti {color: #00264d; font-size: 1.125em; font-weight: 700; line-height: 1.25;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW {margin-top: .75em; padding-top: .75em; border-top: 1px dotted #90c5f8;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW .txt {}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list {margin-top: .25em; padding: 1em; background: #fff; border-radius: 2px; text-align: left;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list li {margin-bottom: .5em; padding-left: .75em; padding-bottom: .5em; border-bottom: 1px dotted #ddd;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list.circle > li::before {top: .389em;}
#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list li p {font-size: .889em; line-height: 1.25;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW {margin: 0 auto .75em;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc {display: inline-block; width: 2.75em; height: 2.75em;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc.ncrc01 {background: url('../images/sub/03/ico_ncrc01.png') no-repeat center / 100%;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc.ncrc02 {background: url('../images/sub/03/ico_ncrc02.png') no-repeat center / 100%;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc.ncrc03 {background: url('../images/sub/03/ico_ncrc03.png') no-repeat center / 100%;}
#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc.ncrc04 {background: url('../images/sub/03/ico_ncrc04.png') no-repeat center / 100%;} 
#subContents .sub_03_03 .con .infographic .businessW .business .imgW {max-width: 100%;}
#subContents .sub_03_03 .con .infographic .businessW .business01 {}
#subContents .sub_03_03 .con .infographic .businessW .business02 {}
#subContents .sub_03_03 .con .infographic .businessW .business03 {}
#subContents .sub_03_03 .con .infographic .businessW .business04 {}
#subContents .sub_03_03 .con .infographic .businessW .business05 {}

#subContents .sub_03_03 .con .infographic01 {}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2;}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business02 {grid-row: 1 / 2; grid-column: 2 / 3; background:#fff;}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business03 {grid-row: 1 / 2; grid-column: 3 / 4;}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business04 {grid-row: 2 / 3; grid-column: 2 / 3;}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business05 {grid-row: 2 / 3; grid-column: 3 / 4; background:#fff;}
#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business06 {grid-row: 2 / 3; grid-column: 1 / 2; padding: 0;}
#subContents .sub_03_03 .con .infographic02 {}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2; background:#fff;}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business02 {grid-row: 1 / 2; grid-column: 2 / 4; height: 100%; aspect-ratio: auto; background:#00264d; background: linear-gradient(135deg, #00264d 0%, #003770 100%);}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business03 {grid-row: 2 / 3; grid-column: 1 / 2;}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business04 {grid-row: 2 / 3; grid-column: 2 / 3; background:#fff;}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business05 {grid-row: 2 / 3; grid-column: 3 / 4;}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business02 .tiW .ti{color:#fff;}
#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business02 .txtW{padding-top:0; border-top:none;}

#subContents .sub_03_03 .con .imgW {}
#subContents .sub_03_03 .con .imgW.logo {margin: 1em auto 2em; position: relative; z-index: 0;}
#subContents .sub_03_03 .con .imgW.logo img {width: 100%; max-width: 280px; padding: 0 1em; background: #fff;}
#subContents .sub_03_03 .con .imgW.logo::before,
#subContents .sub_03_03 .con .imgW.logo::after {content: ''; display: block; width: 100%; height: 1px; background: #003770; position: absolute; left: 0; bottom: 2px; z-index: -1;}
#subContents .sub_03_03 .con .imgW.logo::before {transform: translateY(-4px);}

#subContents .sub_03_04 {}
#subContents .sub_03_04 .con {}
#subContents .sub_03_04 .con .infographic {min-width: 0; overflow-x: auto;}
#subContents .sub_03_04 .con .infographic .space {display: block; min-width: 600px; white-space: nowrap;}
#subContents .sub_03_04 .con .infographic .space .only {width: 100%; padding: 1.25em 1em; background: #00264d; background: linear-gradient(90deg, #00264d 0%, #003770 100%); border-radius: 2px; text-align: center;}
#subContents .sub_03_04 .con .infographic .space .only strong {margin-right: calc(.5em + .4375em); color: #fff; font-size: 1.125em;}
#subContents .sub_03_04 .con .infographic .space .only span.floor {color: #00468a; font-size: 1em; font-weight: 700; position: relative; z-index: 0;}
#subContents .sub_03_04 .con .infographic .space .only span.floor::before {content: ''; display: inline-block; width: 1.75em; height: 1.75em; background: #f0f7ff; border-radius: 50%; position: absolute; left: 50%; top: 50.5%; transform: translate(-50%, -50%); z-index: -1;}
#subContents .sub_03_04 .con .infographic .space .flexW {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.5em; margin: 1em auto 0;}
#subContents .sub_03_04 .con .infographic .space .flexW .use {width: 14.5em; position: relative;}
#subContents .sub_03_04 .con .infographic .space .flexW .use.hasList {}
#subContents .sub_03_04 .con .infographic .space .flexW .use.hasList::after {content: ''; display: block; width: 1px; height: calc(100% - 58px + 1px); background: #ddd; position: absolute; right: -.75em; top: 50%; transform: translate(-50%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .use p {height: 58px; padding: .75em .5em; border: 2px solid #00a1e9; border-radius: 2px; color: #00a1e9; font-weight: 600; text-align: center;}
#subContents .sub_03_04 .con .infographic .space .flexW .room {width: calc(100% - 1.5em - 14.5em);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul.roomW {}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul.roomW > li {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: .75em; margin-bottom: 1em; position: relative;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul.roomW > li:last-child {margin-bottom: 0;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul.roomW > li::before {content: ''; display: block; width: calc(1.5em / 2); height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul.roomW > li:first-child:before {width: 1.5em;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div {}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor {position: absolute; left: -1.5em; top: 50%; transform: translate(-50%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor span {position: relative; z-index: 0;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor span::before,
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor span::after {content: ''; display: inline-block; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor span::before {width: calc(1.75em + 4px); height: calc(1.75em + 4px); background: #ddd; z-index: -2;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.floor span::after {width: 1.75em; height: 1.75em; background: #fff; z-index: -1;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name {width: 14.5em; height: 58px; padding: .5em .75em; background: #f0fcff; border: 1px solid #30baff; border-radius: 2px; text-align: center;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name p {font-size: .889em; line-height: 1.25;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name p span.num {display: block; color: #00a1e9; font-size: .938em;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size {width: calc(100% - .75em - 14.5em);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: .75em;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li {flex: 1 1 33.333%; max-width: calc(33.333% - .5em); height: 58px; padding: .5em .75em; background: rgba(141, 198, 63, .1); border: 1px solid #ddd; border-radius: 2px; text-align: center; position: relative;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li::before,
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li::after {content: ''; display: block; width: .75em; height: 1px; background: #ddd; position: absolute; top: 50%;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li::before {left: 0; transform: translate(-100%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li::after {right: 0; transform: translate(100%, -50%);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li p {font-size: .889em; line-height: 1.25;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li p span {display: block; color: #6e9931; font-size: .938em; font-weight: 500;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li.total {background: rgba(7, 43, 97, .1);}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li.total::after {display: none;}
#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li.total p span {color: #093880;}

#subContents .sub_03_04 .con .infographic03 .space .only span.floor::before {width: calc(100% + .875em); border-radius: 1em;}
#subContents .sub_03_04 .con .infographic03 .space .flexW {gap: 3em;}
#subContents .sub_03_04 .con .infographic03 .space .flexW .use.hasList::after {right: -1.5em;}
#subContents .sub_03_04 .con .infographic03 .space .flexW .room {width: calc(100% - 3em - 14.5em);}
#subContents .sub_03_04 .con .infographic03 .space .flexW .room ul.roomW > li::before {width: calc(3em / 2);}
#subContents .sub_03_04 .con .infographic03 .space .flexW .room ul.roomW > li:first-child:before {width: 3em;}

/* #subContents .sub_03_04_02 .conW.list{}
#subContents .sub_03_04_02 .conW.list .con{}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW{display:flex; flex-wrap:wrap; gap:2em 1em;}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment{flex:1 1 20%; max-width:calc(20% - (1em * 4 / 5));}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .imgW{position:relative; width:100%; height:auto; aspect-ratio:4 / 3; margin:0 auto .5em; background:#eee url('../images/logo_saint_grayscale.png') no-repeat center center; overflow:hidden;}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .imgW img{position:relative; width:100%; height:100%; top:50%; transform:translateY(-50%); object-fit:cover;}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .txtW{}
#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .txtW p.ti{text-align:center;}

@supports not (aspect-ratio:4 / 3){
	#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .imgW{height:auto; padding-top:75%;}
	#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .imgW img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
} */

#subContents .sub_03_05 .conW.list{}
#subContents .sub_03_05 .conW.list .con.top{}
#subContents .sub_03_05 .conW.list .con.top .gearW {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2.5em; margin: 0 auto 2.5em;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear {flex: 1 1 50%;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .ti {width: 100%; text-align: left;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .ti strong {padding-left: .625em; color: #719e33; font-size: 1.125em; position: relative;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .ti strong::before {content: ''; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left-color: #719e33; position: absolute; left: 0; top: .313em;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW {display: flex; gap: .25em; margin: .75em auto 0; border-radius:2px; overflow:hidden;}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW .box {}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW .box .imgW {}
#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW .box .imgW img {}

#subContents .sub_03_05 .conW.list .con.top .gearW .bluefors {max-width: calc(50% - 1.25em);}
#subContents .sub_03_05 .conW.list .con.top .gearW .cryoem {max-width: calc(50% - 1.25em);}

#subContents .sub_03_05 .conW.list .con.top .boxW{padding:1em; background:#f0f7ff; border:1px solid #c0dfff; border-radius:2px;}
#subContents .sub_03_05 .conW.list .con.top .boxW .box{margin:0 auto .75em; padding:1.25em 1.75em; background:#fff; border:1px dotted #c0dfff; border-radius:2px;}
#subContents .sub_03_05 .conW.list .con.top .boxW .box:last-child{margin:0 auto;}
#subContents .sub_03_05 .conW.list .con.top .boxW .box ol{}
#subContents .sub_03_05 .conW.list .con.top .boxW .box ol li{}
#subContents .sub_03_05 .conW.list .con.top .boxW .box ol li p{}
#subContents .sub_03_05 .conW.list .con.list{}
#subContents .sub_03_05 .conW.list .con.list .placeW{margin:0 auto 3em;}
#subContents .sub_03_05 .conW.list .con.list .placeW:last-child{margin:0 auto;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table{min-width:713px;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead tr th{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr th.rowti{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr th.rowti span.mini{display:inline-block; font-size:.875em;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr .wrapper{display:block; position:relative; width:100%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr .wrapper p{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr .wrapper a{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr .wrapper a span{}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .name{width:20.5%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .rate0{width:22.5%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .rate1,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .rate2,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .rate3{width:7.5%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .user{width:7%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .email{width:16%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .calendar,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .survey{width:17%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead th.rate1,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead th.rate2,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead th.rate3{padding:12px; font-size:.813em;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead tr th.calendar,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table thead tr th.survey{font-size:.875em;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td.calendar,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td.survey{padding:6px;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn{display:inline-block; background:transparent; border-radius:0; color:inherit; font-weight:500;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn:before{content:''; display:none; width:0; height:0; font-size:0;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn span{overflow-wrap:anywhere;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn span:before{display:none; width:0; height:0;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link{width:100%; padding:1em .5em; background:#004283; border:1px solid #00559e; border-radius:2px; color:#fff; text-align:center; transition:0s;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link i.ico{display:inline-block; width:1em; height:1em; margin:0 .5em 0 0; background:#ddd; vertical-align:middle; transform:translateY(-1px);}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link i.ico.calendar{background:transparent url('../images/sub/ico_calendar.png') no-repeat center / 100%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link i.ico.survey{background:transparent url('../images/sub/ico_survey.png') no-repeat center / 100%;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link span{font-size:.813em;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link:focus,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link:hover{background:#00559e; background:linear-gradient(135deg, #004283 0%, #00559e 100%); border-color:#0062ae;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.email{width:auto; color:inherit; font-weight:normal;}
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.email:focus,
#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.email:hover{color:#00a1e9;}

#subContents .sub_04 {}

#subContents .sub_04_01 {}
#subContents .sub_04_01 .con {}
#subContents .sub_04_01 .con .infographic {}
#subContents .sub_04_01 .con .infographic01 {}
#subContents .sub_04_01 .con .infographic01 .statsW {display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr);}
#subContents .sub_04_01 .con .infographic01 .statsW .stats {display: flex; justify-content: center; flex-direction: column; gap: 1.5em; width: 100%; aspect-ratio: 1; padding: 1.5em; background: #fff; text-align: center;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats:nth-child(even) {background: #f7f7f7;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW {margin: 0 auto;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output {display: inline-block; width: 5.5em; height: 5.5em;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output01 {background: url('../images/sub/04/ico_stats01.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output02 {background: url('../images/sub/04/ico_stats02.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output03 {background: url('../images/sub/04/ico_stats03.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output04 {background: url('../images/sub/04/ico_stats04.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output05 {background: url('../images/sub/04/ico_stats05.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats .iconW i.ico.output.output06 {background: url('../images/sub/04/ico_stats06.png') no-repeat center / 100%;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats p {font-weight: 500; text-align: center;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats p span.mini {display: block; color: #666; font-size: .889em; font-weight: 400;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats01 {grid-row: 1 / 2; grid-column: 1 / 2;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats02 {grid-row: 1 / 2; grid-column: 2 / 3;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats03 {grid-row: 1 / 2; grid-column: 3 / 4;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats04 {grid-row: 2 / 3; grid-column: 1 / 2;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats05 {grid-row: 2 / 3; grid-column: 2 / 3;}
#subContents .sub_04_01 .con .infographic01 .statsW .stats06 {grid-row: 2 / 3; grid-column: 3 / 4;}

#subContents .sub_04_01 .con .ciW {margin: .5em auto 1.5em;}
#subContents .sub_04_01 .con .ciW:last-child {margin-bottom: 0;}
#subContents .sub_04_01 .con .ciW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1em;}
#subContents .sub_04_01 .con .ciW ul li {flex: 1 1 20%; max-width: calc(20% - .8em); padding-bottom: .75em; text-align: center;}
#subContents .sub_04_01 .con .ciW ul li .imgW {width: 100%; margin: 0 auto .75em; background: #fff; border: 1px solid #ddd;}
#subContents .sub_04_01 .con .ciW ul li .imgW img {width: 100%;}
#subContents .sub_04_01 .con .ciW ul li p {font-size: .889em; line-height: 1.25; text-align: center;}

#subContents .sub_04_01 .con .infographic02 {}
#subContents .sub_04_01 .con .infographic02 .roadmapW {}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap {margin: 0 auto 3em;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .category {width: 100%; margin: 0 auto .75em; padding: 1.25em 1em; background: #00559e; background: linear-gradient(135deg, #004283 0%, #00559e 100%); border-radius: 2px; text-align: center;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .category strong {color: #fff; font-size: 1.125em;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track {flex: 1 1 33.333%; max-width: calc(33.333% - 1em); text-align: center;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti {padding: .75em .5em; border-radius: 2px; position: relative; z-index: 0;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti::before,
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti::after {content: ''; display: inline-block; background: transparent; border-radius: 50%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%);}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti::before {width: calc(.5em + 4px); height: calc(.5em + 4px); z-index: 1;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti::after {width: .5em; height: .5em; background: #fff; z-index: 2;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .ti p {}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW {margin-top: .75em; position: relative; z-index: 0;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW::before {content: ''; display: block; width: 1px; height: calc(100% + .375em); background: transparent; position: absolute; left: 50%; bottom: 1px; transform: translate(-50%, 0); z-index: -1;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul {}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul li {margin-bottom: .75em; padding: .75em 1em; background: #fcfeff; border: 1px dotted transparent;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul li:last-child {margin-bottom: 0;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul li p {font-size: .889em; line-height: 1.25;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul li p span.num {display: block; margin-top: .25em; color: #006d94; font-size: .938em; font-weight: 300;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track01 .ti {background: #c0f1ff; border: 1px solid #90e2ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track01 .ti::before {background: #90e2ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track01 .studyW::before {background: #90e2ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track01 .studyW ul li {border-color: #90e2ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track02 .ti {background: #90e2ff; border: 1px solid #60d0ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track02 .ti::before {background: #60d0ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track02 .studyW::before {background: #60d0ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track02 .studyW ul li {border-color: #60d0ff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track03 .ti {background: #60d0ff; border: 1px solid #30baff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track03 .ti::before {background: #30baff;}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track03 .studyW::before {background: #30baff}
#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track03 .studyW ul li {border-color: #30baff;}


#subContents .sub_04_01 .con .tableW {}
#subContents .sub_04_01 .con .tableW .txtW {margin: 1em auto 0;}
#subContents .sub_04_01 .con .tableW .txtW p.point {margin: 0 auto .375em;}
#subContents .sub_04_01 .con .tableW .txtW p.point:last-child {margin-bottom: 0;}

#subContents .sub_04_01 .con .fyi {padding: 1em; background: #fff; border: 1px solid #ddd;}

#subContents .sub_04_03 {}
#subContents .sub_04_03 .con {}
#subContents .sub_04_03 .con .infographic {}
#subContents .sub_04_03 .con .infographic .gridW {display: grid; grid-template-columns: repeat(3, 1fr);}
#subContents .sub_04_03 .con .infographic .gridW .box {display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1; padding: 1.5em; text-align: center; background: #fff; overflow: hidden; position: relative;}
#subContents .sub_04_03 .con .infographic .gridW .box.bg {z-index: 0;}
#subContents .sub_04_03 .con .infographic .gridW .box.bg::before {content: ''; display: block; width: 100%; height: 100%; background: #001326; opacity: .5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW {width: 100%;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW > div:last-child {margin-bottom: 0;}
/* #subContents .sub_04_03 .con .infographic .gridW .box.bg .gistW {position: relative; top: 0; transform: translateY(-75%);} */
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW {display: block; margin: 0 auto 1.5em;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW .ti {font-size: 2em; line-height: 1;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW .subti {margin-top: .375em; color: #fff; font-size: 1.125em; line-height: 1.25; font-weight: 500;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW {display: block;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW ul li {margin-bottom: .5em;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW ul li:last-child {margin-bottom: 0;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW.type01 .ti {color: #003770;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW.type01 .ti.mini {font-size: 1.5em;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW.type01 .subti {color: #808080;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type01 ul {width: fit-content; margin: 0 auto; text-align: left;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type01 ul li p {line-height: 1.25; word-break: break-all; text-align: justify;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type01 ul li p strong {display: inline-block; width: .767em; margin-right: .125em; background: linear-gradient(135deg, #5b8029 0, #8dc63f 100%); -webkit-background-clip: text; color: transparent; font-size: 1.375em; font-weight: 800; text-align: center;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW.type02 .ti {/*background: linear-gradient(135deg, #308dd4 0, #30baff 100%); -webkit-background-clip: text; color: transparent;*/ color: #30baff;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .tiW.type02 .subti {}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul {width: fit-content; margin: 0 auto;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li {padding-bottom: .5em; border-bottom: 1px dotted #ddd; position: relative;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li:last-child {padding-bottom: 0; border-bottom: 0;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li p {line-height: 1.25;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li p span {display: block; color: #808080; font-size: .889em;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li i.icon {display: inline-block; width: 1.25em; height: 1.25em;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li i.icon.box06_01 {background: url('../images/sub/04/infographic01_box06_01.png') no-repeat center / 100%;}
#subContents .sub_04_03 .con .infographic .gridW .box .gistW .txtW.type02 ul li i.icon.box06_02 {background: url('../images/sub/04/infographic01_box06_02.png') no-repeat center / 100%;}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow {position: absolute; z-index: 1;}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow p {min-width: 54px; color: #fff; font-size: 1.25em; font-weight: 800; line-height: 1; letter-spacing: 0; position: relative; z-index: 0;}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow p::before {content: ''; display: block; width: calc(100% + 2.5em); height: calc(100% + 2em); background: #ff6c0f; position: absolute; top: 50%; z-index: -1;}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow01 {left: 0; top: 1.5em; transform: translate(1em, 1.25em);}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow01 p::before {clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); right: 34%; transform: translate(50%, -50%);}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow02 {right: 0; bottom: 1.5em; transform: translate(-1em, -1.25em);}
#subContents .sub_04_03 .con .infographic .gridW .box .arrow02 p::before {clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); left: 34%; transform: translate(-50%, -50%);}
#subContents .sub_04_03 .con .infographic01 .gridW {grid-template-rows: repeat(2, 1fr);}
#subContents .sub_04_03 .con .infographic01 .gridW .box:nth-child(odd) {background: #f7f7f7;}
#subContents .sub_04_03 .con .infographic01 .gridW .box.bg {background: #fff url('../images/sub/04/04_vision_bg_01.jpg') no-repeat center center;}
#subContents .sub_04_03 .con .infographic01 .gridW .box01 {grid-row: 1 / 2; grid-column: 1 / 2;}
#subContents .sub_04_03 .con .infographic01 .gridW .box02 {grid-row: 1 / 2; grid-column: 2 / 3;}
#subContents .sub_04_03 .con .infographic01 .gridW .box03 {grid-row: 1 / 2; grid-column: 3 / 4;}
#subContents .sub_04_03 .con .infographic01 .gridW .box04 {grid-row: 2 / 3; grid-column: 1 / 2;}
#subContents .sub_04_03 .con .infographic01 .gridW .box05 {grid-row: 2 / 3; grid-column: 2 / 3;}
#subContents .sub_04_03 .con .infographic01 .gridW .box06 {grid-row: 2 / 3; grid-column: 3 / 4;}
#subContents .sub_04_03 .con .infographic02 .gridW {grid-template-rows: repeat(1, 1fr);}
#subContents .sub_04_03 .con .infographic02 .gridW .box:nth-child(even) {background: #f7f7f7;}
#subContents .sub_04_03 .con .infographic02 .gridW .box.bg {background: #fff url('../images/sub/04/04_vision_bg_02.jpg') no-repeat center center;}
#subContents .sub_04_03 .con .infographic02 .gridW .box01 {grid-row: 1 / 2; grid-column: 1 / 2;}
#subContents .sub_04_03 .con .infographic02 .gridW .box02 {grid-row: 1 / 2; grid-column: 2 / 4; aspect-ratio: auto;}


@media all and (max-width:1400px) {
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW{flex:3;}
}

@media all and (max-width:1279px){
	#subVisual{min-width:960px;}
	#subVisual .inner{padding:0 2.5em;}

	#side ul li a {padding: 1em 1.125em;}
	
	#subContents{float:none; width:100%; max-width:100%; min-height:450px; font-size:16px; border-left:none;}
	#subContents .inner{width:100%;}
	#subContents .tableW{overflow-x:auto;}
	#subContents .tabMenu ul li a {font-size: 1.0625em;}
	#subContents .tab > ul li{width:auto;}
	#subContents label.btn.select input.pick.radio ~ span.checkmark:after{width:.438em; height:.438em;}

	#subContents .con ul.list li .box ul li,
	#subContents .con ol.number li .box ul li {font-size: .938em;}
	
	#subContents .con ul.list.triangle > li:before{top:.5rem;}
	/* #subContents .con ul.list.line > li:before{top:.625em;}
	#subContents .con ul.list.circle > li:before{top:.5625em;}
	#subContents .con ul.list.star > li:before{top:.125em;}
	#subContents .con ul.list.check > li:before{top:.3125em;} */

	#subContents .modalWrap .modalCon{width:84%; left:8%;}

	#subContents .sub_etc_sitemap .con .depth01_lists {min-height: 360px;}

	#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome {margin: 0 auto 1.75em;}
	#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW {width: 100%; position: relative; right: auto; bottom: auto;}

	#subContents .sub_03_01 .con .careerW ul li {flex: 1 1 25%; max-width: calc(25% - .75em);}
	#subContents .sub_03_01 .con .careerW ul li p {font-size: .938em;}

	#subContents .sub_03_04 .con .infographic .space .flexW .use p,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li {height: 52px;}
	#subContents .sub_03_04 .con .infographic .space .flexW .use.hasList::after {height: calc(100% - 52px + 1px);}

	/* #subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment{flex:1 1 25%; max-width:calc(25% - (1em * 3 / 4));} */

	#subContents .sub_03_05 .conW.list .con.top .gearW .gear .ti strong::before {top: .3em;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .email{width:22%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .calendar,
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .survey{width:14%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link{max-width:7.5em; margin:.5em auto; padding:.5em;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link i.ico{display:block; margin:0 auto .25em;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link span{width:100%;}

	#subContents .sub_04_01 .con .ciW ul li {flex: 1 1 25%; max-width: calc(25% - .75em);}
	#subContents .sub_04_01 .con .ciW ul li p {font-size: .938em;}

	#subContents .sub_04_01 .con .infographic01 .statsW .stats p span.mini {font-size: .938em;}
}


@media all and (max-width:1023px){
	#subVisual{min-width:280px; height: 288px;}
	#subVisual .title {top: 50%; transform: translateY(-50%);}
	
	#path {background: #fff; border-bottom: 1px solid #ddd; position: relative; top: -1px;}
	#path ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 0; width: 100%; text-align: left;}
	#path ul li {font-size: 1rem;}
	#path ul li.link {margin: 0; border-right: 1px solid #ddd; color: #333;}
	#path ul li.link:first-child {border-left: 1px solid #ddd;}
	#path ul li.link::after {display: none;}
	#path ul li.link.btnHome {width: 3em; height: 3em;}
	#path ul li.link.btnHome a {line-height: 3em; padding: 0; background: #fff url('../images/sub/ico_home_dark.png') no-repeat center center;} 
	#path ul li.link button {width: 100%; min-width: auto; height: 3em; line-height: 3em; padding: 0 3em 0 1em; background: #fff; color: #333; z-index: 2;}
	#path ul li.link button:after {content: ''; display: block; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top-color: #00264d; border-bottom: none; font-size: 0; line-height: 0; position: absolute; right: 1.07rem; top: 50%; transition: border-color .3s;}
	#path ul li.link button.rotate:after {border-top: none; border-bottom: 3px solid #333;}
	#path ul li.link button:hover,
	#path ul li.link button:focus {color: #056fb8;}
	#path ul li.link button:hover::after,
	#path ul li.link button:focus::after {border-top-color: #056fb8;}
	#path ul li.link button.rotate:hover::after,
	#path ul li.link button.rotate:focus::after {border-bottom-color: #056fb8;}
	#path ul li ul {width: calc(100% + 2px); margin-top: 0; border-radius: 0; top: 44px;}	
	#path ul li ul li {text-align: left;}
	#path ul li ul li a {font-size: .875em;}

	#side {display: none;}

	#subContents{clear:both; float:none; width:100%; max-width:915px; min-width:280px; min-height:auto; border-left:none;}
	#subContents .inner{width:100%; padding:0 20px;}
	#subContents .conTitle h6:before,
	#subContents .conTitle h6:after{height:11px;}
	#subContents .con{margin:0 auto 3em; padding:0 0 3em;}
	#subContents .con.mb50{margin: 0 auto 1.5em; padding: 0 0 1.5em;}
	#subContents .con img{width:100%;}
	#subContents .con img.pc{display:none;}
	#subContents .con img.mobile{display:inline-block;}

	#subContents .modalWrap button.modalClose{width:45px; height:45px; top:12px; right:12px; background:#495c65; border-radius:50%;}
	#subContents .modalWrap button.modalClose span{width:18px;}
	#subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{width:18px;}

	#bo_v_con{overflow-x:auto;}
	#bo_v_con img{max-width:100%;}

	#subContents .sub_etc_sitemap .con .depth01_lists{width:50%;}

	#subContents .sub_01_01 .con p {margin-bottom: 1em;}
	#subContents .sub_01_01 .con .greeting p {margin-bottom: .75em; padding-bottom: .75em;}
	#subContents .sub_01_01 .con .layoutBox .profileW {max-width: 300px; margin: 0 1.25em 1.25em 0;}
	#subContents .sub_01_01 .con .layoutBox .txtW .director {padding-top: 1.25em;}

	#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW p.ti {font-size: 1.25em;}
	#subContents .sub_01_02_01 .con .infographic01 .outcomeW .outcome .txtW p.txt {font-size: 1em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW {justify-content: center;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose {flex: 1 1 50%; max-width: calc(50% - .5em);}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::before {width: 2.25em; height: 2.25em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti::after {width: 1.75em; height: 1.75em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose02 .ti::before,
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose02 .ti::after {display: none;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose03 .ti::before,
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose03 .ti::after {display: block;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .ti p {font-size: 1.25em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul li p {font-size: .938em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .seek strong {font-size: 1.125em;}

	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history > li{padding:0 0 0 8em;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW{padding:.5em 0 2.75em 3.5em;}

	#subContents .sub_01_03 .con .map address {text-align: left;}
	#subContents .sub_01_03 .con .map address strong {display: block; font-size: 1.112em; font-weight: 700;}

	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper{gap:1.5em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW p.position span{font-size:.875em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .tiW h6.name{font-size:1.25em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW{margin:1em auto 1.25em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li{margin:0 auto .5em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p{font-size:1em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .infoW ul li p.ti i.ico{width:1rem;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW .btnBox ul.links li a{padding:.625em 1em; font-size:.938em;}

	#subContents .sub_02_03_01 .con .layoutBox {display: block; margin-bottom: 2.5em;}
	#subContents .sub_02_03_01 .con .layoutBox .profileW {float: left; width: 300px; margin: 0 1.25em .5em 0;}
	#subContents .sub_02_03_01 .con .layoutBox .txtW {width: 100%;}
	#subContents .sub_02_03_01 .con .layoutBox .txtW p {word-break: break-all; text-align: justify;}
	#subContents .sub_02_03_01 .con .imgBox {gap: 1.25em;}
	#subContents .sub_02_03_01 .con .imgBox .imgW {width: calc(50% - .625em);}

	#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile {flex: 1 1 50%; max-width: calc(50% - .5em);}

	#subContents .sub_03_03 .con .infographic .businessW {grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr);}
	#subContents .sub_03_03 .con .infographic .businessW .business {padding: 2em;}
	#subContents .sub_03_03 .con .infographic .businessW .business .tiW .ti br {display: none;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business02 {grid-row: 1 / 2; grid-column: 2 / 3;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business03 {grid-row: 2 / 3; grid-column: 2 / 3;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business04 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business05 {grid-row: 3 / 4; grid-column: 2 / 3;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business06 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business02 {grid-row: 2 / 3; grid-column: 1 / 3;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business03 {grid-row: 1 / 2; grid-column: 2 / 3;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business04 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business05 {grid-row: 3 / 4; grid-column: 2 / 3;}
	#subContents .sub_03_03 .con .imgW.logo img {max-width: 220px;}

	#subContents .sub_03_04 .con .infographic .space .flexW .use {width: 12.5em;}
	#subContents .sub_03_04 .con .infographic .space .flexW .use.hasList::after {height: calc(100% - 48px + 1px);}
	#subContents .sub_03_04 .con .infographic .space .flexW .room {width: calc(100% - 1.5em - 12.5em);}
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name {width: 12.5em;}
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size {width: calc(100% - .75em - 12.5em);}
	#subContents .sub_03_04 .con .infographic .space .only span.floor::before {width: 1.875em; height: 1.875em; top: 49.5%;}
	#subContents .sub_03_04 .con .infographic03 .space .flexW .room {width: calc(100% - 3em - 12.5em);}
	#subContents .sub_03_04 .con .infographic03 .space .only span.floor::before {width: calc(100% + .9375em); border-radius: 2em;}

	/* #subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment{flex:1 1 33.333%; max-width:calc(33.333% - (1em * 2 / 3));}
	#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment .imgW{background-size:50%;} */

	#subContents .sub_03_05 .conW.list .con.top .gearW {margin: 0 auto 2em;}
	#subContents .sub_03_05 .conW.list .con.top .gearW .gear {flex: 1 1 100%;}
	#subContents .sub_03_05 .conW.list .con.top .gearW .bluefors,
	#subContents .sub_03_05 .conW.list .con.top .gearW .cryoem {max-width: 100%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link{max-width:7em; margin:.5em auto; padding:.5em;}

	#subContents .sub_04_01 .con .infographic01 .statsW {grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr);}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats:nth-child(even) {background: #fff;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats.stats02,
	#subContents .sub_04_01 .con .infographic01 .statsW .stats.stats03,
	#subContents .sub_04_01 .con .infographic01 .statsW .stats.stats06 {background: #f7f7f7;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats02 {grid-row: 1 / 2; grid-column: 2 / 3;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats03 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats04 {grid-row: 2 / 3; grid-column: 2 / 3;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats05 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats06 {grid-row: 3 / 4; grid-column: 2 / 3;}

	#subContents .sub_04_03 .con .infographic .gridW {grid-template-columns: repeat(6, 1fr);}
	#subContents .sub_04_03 .con .infographic .gridW .box {padding: 2em;}
	#subContents .sub_04_03 .con .infographic .gridW {grid-template-columns: repeat(6, 1fr);}
	/* #subContents .sub_04_03 .con .infographic .gridW .box.bg {background-size: 50%; background-position: center bottom 2em;} */
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow01 {top: 0; left: 25%; transform: translate(-50%, 2.125em) rotate(90deg);}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow02 {bottom: auto; top: 0; right: 25%; transform: translate(50%, 2.125em) rotate(-90deg);}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow p::before {height: calc(100% + 3em);}
	#subContents .sub_04_03 .con .infographic01 .gridW {grid-template-rows: repeat(3, 1fr);}
	#subContents .sub_04_03 .con .infographic01 .gridW .box:nth-child(odd) {background: #fff;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box.box03,
	#subContents .sub_04_03 .con .infographic01 .gridW .box.box04 {background: #f7f7f7;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box01 {grid-row: 1 / 2; grid-column: 1 / 4;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box02 {grid-row: 2 / 3; grid-column: 1 / 7; aspect-ratio: 2 / 1;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box03 {grid-row: 1 / 2; grid-column: 4 / 7;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box04 {grid-row: 3 / 4; grid-column: 1 / 4;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box05 {grid-row: 4 / 5; grid-column: 1 / 7; aspect-ratio: 2 / 1;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box06 {grid-row: 3 / 4; grid-column: 4 / 7;}
	#subContents .sub_04_03 .con .infographic02 .gridW {grid-template-rows: repeat(2, 1fr);}
	#subContents .sub_04_03 .con .infographic02 .gridW .box01 {grid-row: 1 / 2; grid-column: 1 / 7; aspect-ratio: 2 / 1;}
	#subContents .sub_04_03 .con .infographic02 .gridW .box02 {grid-row: 2 / 3; grid-column: 1 / 7;}
}

@media all and (max-width:768px){
	#subVisual{height:270px;}
	#subVisual .title {transform: translateY(-50%);}
	#subVisual .title h2{font-size:2.5em;}

	#path {border-bottom: none;}
	#path .inner.w1400 {padding: 0;}
	#path ul li {flex: 1 1 50%; width: 50%;}
	#path ul li.link.btnHome {display: none;}
	#path ul li.pathDepth1,
	#path ul li.pathDepth2,
	#path ul li.pathDepth3,
	#path ul li ul.depth01_lists,
	#path ul li ul.depth02_lists,
	#path ul li ul.depth03_lists {border-left: none; border-right: none; border-bottom: 1px solid #ddd;}
	#path ul li.link.pathDepth1,
	#path ul li.link.pathDepth1 ul.depth01_lists {border-right: 1px solid #ddd;}
	#path ul li.link.pathDepth2 ul.depth02_lists {border-left: 1px solid #ddd;}
	#path ul li ul {width: 100%;}

	#subContents{font-size:15px;}

	#subContents .conTitle h3{font-size:1.875em;}
	#subContents .conTitle h4 {font-size: 1.625em;}
	#subContents .conTitle h5 {font-size: 1.375em;}
	#subContents .conTitle h5:before{top:9px;}
	#subContents .conTitle h6:before,
	#subContents .conTitle h6:after{height:10px;}
	#subContents .conTitle h6:after{transform:skewX(155deg) translate(5px, 4px);}

	#subContents .con{margin:0 auto 2.5em; padding:0 0 2.5em;}
	#subContents .con.mb50 {margin: 0 auto 1.25em; padding: 0 0 1.25em;}
	#subContents .con > p + p{margin-top:-.75em;}
	#subContents .con > p + ul.list, #subContents .con > p + ol.number{margin-top:-1.5em;}
	#subContents .con ul.list, #subContents .con ol.number{margin:0 auto 2em;}
	#subContents .con ul.list + ul.list,
	#subContents .con ul.list + ol.number{margin-top:-1.5em;}
	#subContents .con ol.number + ul.list,
	#subContents .con ol.number + ol.number{margin-top:-1.5em;}
	#subContents .con ul li p, #subContents .con ol li p{margin-bottom:.75em;}
	
	#subContents .con ul.list.circle > li:before{top:9.5px;}
	#subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;}
	#subContents .con ul.inline li, #subContents .con ul.inline li{margin-right:12px;}

	#subContents .tabMenu{margin:0 auto 28px;}
	#subContents .tabMenu ul{white-space:nowrap; overflow-x:auto;}
	#subContents .tabMenu ul li{min-width:auto;}
	#subContents .tabMenu ul li a{padding:12px 14px; font-size:1rem;}
	#subContents .tabMenu ul li.active a{padding:12px 14px 11px;}
	#subContents .tabMenu ul li.new a:after{width:13px; height:13px; top:1px;}

	#subContents .tab{margin:0 auto 1.75em;}
	#subContents .tab ul{flex-wrap:nowrap; white-space:nowrap; overflow-x:auto; overflow-y: hidden;}
	#subContents .tab ul li{min-width:auto;}

	#subContents table tr th{padding:12px 8px;}
	#subContents table tr td{padding:5px 8px;}

	#subContents label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;}
	#subContents label.btn.select input.pick.chk:checked ~ span.checkmark:after{margin-top:-4px; background-size:80%;}

	#subContents .imgW{margin:0 auto 1.5em;}

	#subContents br.pc {display: none;}
	#subContents br.mobile {display: block;}

	#subContents .sub_etc_sitemap .con .depth01_lists{min-height: 340px;}

	#subContents .sub_etc_privacy-policy .con dl dt:first-child{margin:.75em auto 0;}
	#subContents .sub_etc_privacy-policy .con dl dd > p + ul.list,
	#subContents .sub_etc_privacy-policy .con dl dd > p + ol.number{margin:-1.5em auto 0;}
	#subContents .sub_etc_privacy-policy .con dl dd p + .box{margin:-1.5em auto 1em;}

	#subContents .sub_etc_email .con .box{padding:20px;}

	#subContents .modalWrap .modalCon{width:calc(100% - 4em); max-height:calc(100% - 4em); left:2em;}
	#subContents .modalWrap button.modalClose{width:38px; height:38px; top:8px; right:8px;}

	#subContents .sub_01_01 .con .greeting p {font-size: 1.5em; text-align: left;}
	#subContents .sub_01_01 .con .layoutBox .profileW {max-width: 260px;}
	#subContents .sub_01_01 .con .layoutBox .txtW p {word-break: break-all;}
	#subContents .sub_01_01 .con .layoutBox .txtW .director p {font-size: .938em; word-break: keep-all;}
	#subContents .sub_01_01 .con .layoutBox .txtW .director p strong.name {margin-left: 0;}

	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose {gap: 0; flex: 1 1 100%; max-width: 100%;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose01 .ti::before,
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose01 .ti::after {display: none;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose02 .ti::before,
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose02 .ti::after {display: block; right: 50%; top: -.5em;}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW {width: 100%; height: calc(100% + 2px);}
	#subContents .sub_01_02_01 .con .infographic02 .purposeW .purpose .listW ul {border-radius: 0; border-top-color: transparent; border-bottom-color: transparent;}

	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history > li{padding:0 0 0 7.5em;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW{padding:.5em 0 2.5em 2.875em;}

	#subContents .sub_02_01 .conW.list .con.top{margin:0 auto 2.5em;}
	#subContents .sub_02_01 .conW.list .con.top .searchW.name{width:100%;}
	#subContents .sub_02_01 .conW.list .con.top .searchW.name div{max-width:100%;}
	#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile{flex:1 1 100%; max-width:100%;}

	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper{align-items:flex-start;}

	#subContents .sub_02_02 .conW.list .con .tableW.staff table{border:none;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table thead{display:none;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr{display:flex; flex-wrap:wrap; position:relative; margin:0 auto .75em; border:1px solid #ddd; border-top:2px solid #072b61;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td{flex:1 1 100%; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0; border:none; border-bottom:1px solid #ddd; text-align:left;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td:last-child{border-bottom:0;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td:before{content:attr(data-label); display:inline-block; width:5.5em; padding:0 1em; font-weight:700; text-align:center; word-break:keep-all; overflow-wrap:anywhere;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td .wrapper{width:calc(100% - 5.5em); padding:5px 8px; border-left:1px solid #ddd; text-align:left;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.type{order:2;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.name{order:1; background:#f1fafd;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.name p{display:inline-block;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work{order:3;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work .wrapper{padding:0;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.work .wrapper div{padding:5px 8px;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact{order:4;}
	#subContents .sub_02_02 .conW.list .con .tableW.staff table tbody tr td.contact ul.btnBox li{margin:0; text-align:left;}

	#subContents .sub_02_03_01 .con .layoutBox .profileW {width: 260px;}
	#subContents .sub_02_03_01 .con .imgBox .imgW {width: 100%;}

	#subContents .sub_02_03_02 .conW.list .con.top{margin:0 auto 1em; transform:translateY(0);}
	#subContents .sub_02_03_02 .conW.list .con.top .searchW.name{width:100%;}
	#subContents .sub_02_03_02 .conW.list .con.top .searchW.name div{max-width:100%;}

	#subContents .sub_03_01 .con .flexW .box {flex: 1 1 100%; max-width: 100%;}
	#subContents .sub_03_01 .tab3 .con .flexW .box{flex:1 1 100%; max-width:100%;}
	#subContents .sub_03_01 .con .careerW ul li {flex: 1 1 33.333%; max-width: calc(33.333% - .667em);}

	#subContents .sub_03_03 .tab3 .con p {text-align: justify;}
	#subContents .sub_03_03 .con .infographic .businessW {grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);}
	#subContents .sub_03_03 .con .infographic .businessW .business {height: 100%; padding: 2em; aspect-ratio: auto; text-align: left;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business02 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business03 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business04 {grid-row: 4 / 5; grid-column: 1 / 2; background:#fff;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business05 {grid-row: 5 / 6; grid-column: 1 / 2; background:#f0fcff;}
	#subContents .sub_03_03 .con .infographic.infographic01 .businessW .business06 {grid-row: 6 / 7; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business02 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business03 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business04 {grid-row: 4 / 5; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic.infographic02 .businessW .business05 {grid-row: 5 / 6; grid-column: 1 / 2;}
	#subContents .sub_03_03 .con .infographic .businessW .business .tiW .ti {font-size: 1.25em;}
	#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list li p {font-size: 1em;}
	#subContents .sub_03_03 .con .infographic .businessW .business .txtW ul.list.circle > li::before {top: .467em;}
	#subContents .sub_03_03 .con .infographic .businessW .business .iconW {margin: 0; position: absolute; right: -1em; bottom: -.5em; z-index: -1;}
	#subContents .sub_03_03 .con .infographic .businessW .business .iconW i.ico.ncrc {width: 7.5em; height: 7.5em; mix-blend-mode: multiply; opacity: .25;}
	#subContents .sub_03_03 .con .imgW.logo {margin: 1em 0 2em; text-align: left;}
	#subContents .sub_03_03 .con .imgW.logo img {max-width: 180px; padding: 0 1em 0 0;}

	#subContents .sub_03_04 .con .infographic .space .flexW .use p,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li {height: 48px;}
	#subContents .sub_03_04 .con .infographic .space .flexW .use {width: 10.5em;}
	#subContents .sub_03_04 .con .infographic .space .flexW .room {width: calc(100% - 1.5em - 10.5em);}
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name {width: 10.5em;}
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size {width: calc(100% - .75em - 10.5em);}
	#subContents .sub_03_04 .con .infographic03 .space .flexW .room {width: calc(100% - 3em - 10.5em);}

	/* #subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment{flex:1 1 50%; max-width:calc(50% - (1em / 2));} */

	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .name{width:16.5%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .email{width:16%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .calendar,
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table .survey{width:18%;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.link{max-width:6.5em; margin:.5em auto; padding:.5em;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr td .wrapper a.btn.email{min-width:5.5em;}
	#subContents .sub_03_05 .conW.list .con.list .placeW .tableW table tbody tr th.name .wrapper p{font-size:.938em;}

	#subContents .sub_04_01 .con .ciW ul li {flex: 1 1 33.333%; max-width: calc(33.333% - .667em);}
	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track {flex: 1 1 50%; max-width: calc(50% - .75em);}
	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW {margin-top: .5em;}
	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW::before {height: calc(100% + .25em); bottom: 0;}
	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track .studyW ul li {margin-bottom: .375em;}
	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track.track03 {max-width: 100%;}
	
	#subContents .sub_04_03 .con .infographic .gridW .box {padding: 1.5em;}
	#subContents .sub_04_03 .con .infographic .gridW .box05 .gistW .txtW.type02 ul {margin: 5em auto 0;}
}

@media all and (max-width:580px){
	#subVisual{height:216px;}
	#subVisual .inner{padding:0 1em;}
	#subVisual .title h2{font-size:2.25em;}

	#subContents{padding:4em 0;}

	#subContents .sub_etc_sitemap .con {gap: .75em; margin: 0;}
	#subContents .sub_etc_sitemap .con .depth01_lists {width: 100%; min-height: fit-content;}

	#subContents .sub_01_01 .con .layoutBox .profileW {float: none; max-width: 100%; aspect-ratio: 1; margin: 0 0 1.25em 0; overflow: hidden;}
	#subContents .sub_01_01 .con .layoutBox .txtW .director p {text-align: left;}

	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li p.year{position:relative; margin:0 auto .5em;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history > li{padding:0;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW{padding:0 0 1.75em 0;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:before,
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW:after{display:none; width:0; height:0; background:none;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW ul li{gap:.5em; padding:0 0 .75em .875em;}
	#subContents .sub_01_02_02 .conW.list .con .historyW ul.history li .detailW ul li div{max-width:calc(100% - 3.438em);}

	#subContents .sub_02_03_01 .con .layoutBox .profileW {width: 100%; margin: 0 0 1.25em 0; text-align:center;}
	#subContents .sub_02_03_01 .con .layoutBox .profileW img{max-width:280px; margin:0 auto;}
	#subContents .sub_02_03_01 .con .layoutBox .txtW p.greeting{text-align:center;}

	#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile {flex: 1 1 100%; max-width: 100%;}
	#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW {padding: 1.25em;}
	#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW {gap: .75em;}
	#subContents .sub_02_03_02 .conW.list .con.list ul.profileW li.profile .infoW .txtW .memoW {padding: .75em;}

	#subContents .sub_03_01 .con .careerW ul li {flex: 1 1 50%; max-width: calc(50% - .5em);}

	/* #subContents .sub_03_04_02 .conW.list .con ul.equipmentW{gap:1.5em .75em;}
	#subContents .sub_03_04_02 .conW.list .con ul.equipmentW li.equipment{flex:1 1 50%; max-width:calc(50% - (.75em / 2));} */

	#subContents .sub_04_01 .con .infographic01 .statsW {grid-template-rows: repeat(6, 1fr); grid-template-columns: repeat(1, 1fr);}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats.stats03 {background: #fff;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats.stats04 {background: #f7f7f7;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats02 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats03 {grid-row: 3 / 4; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats04 {grid-row: 4 / 5; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats05 {grid-row: 5 / 6; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .infographic01 .statsW .stats06 {grid-row: 6 / 7; grid-column: 1 / 2;}
	#subContents .sub_04_01 .con .ciW ul li {flex: 1 1 50%; max-width: calc(50% - .5em);}

	#subContents .sub_04_03 .con .infographic .gridW {grid-template-columns: repeat(1, 1fr);}
	#subContents .sub_04_03 .con .infographic .gridW .box {background: #fff; border-top: 1px dotted #ddd;}
	#subContents .sub_04_03 .con .infographic .gridW .box:last-child {border-bottom: 1px dotted #ddd;}
	/* #subContents .sub_04_03 .con .infographic .gridW .box.bg {background-size: 100%; background-position: center bottom 1.5em;} */
	#subContents .sub_04_03 .con .infographic .gridW .box.box03,
	#subContents .sub_04_03 .con .infographic .gridW .box.box04 {background: #fff;}
	#subContents .sub_04_03 .con .infographic .gridW .box.box05 {background: #f7f7f7;}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow02 {top: auto; bottom: 0; transform: translate(50%, -2.125em) rotate(90deg);}
	#subContents .sub_04_03 .con .infographic .gridW .box05 .gistW .txtW.type02 ul {margin: 0 auto;}
	#subContents .sub_04_03 .con .infographic01 .gridW {grid-template-rows: repeat(6, 1fr);}
	#subContents .sub_04_03 .con .infographic01 .gridW .box01 {grid-row: 1 / 2; grid-column: 1 / 2;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box02 {grid-row: 3 / 4; grid-column: 1 / 2; aspect-ratio: 1;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box03 {grid-row: 2 / 3; grid-column: 1 / 2;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box04 {grid-row: 4 / 5; grid-column: 1 / 2; aspect-ratio: 1;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box05 {grid-row: 5 / 6; grid-column: 1 / 2; aspect-ratio: 1;}
	#subContents .sub_04_03 .con .infographic01 .gridW .box06 {grid-row: 6 / 7; grid-column: 1 / 2;}
	#subContents .sub_04_03 .con .infographic02 .gridW .box01,
	#subContents .sub_04_03 .con .infographic02 .gridW .box02 {aspect-ratio: 1;}

}

@media all and (max-width:480px){
	#subVisual{height:160px;}
	#subVisual .title h2{line-height:1.25; font-size:2em;}

	#subContents{padding:1.75em 0 2.125em; font-size:14px;}

	#subContents .sub_etc_privacy-policy .con .conTitle h4 span.num{margin-right:4px; padding:6px 12px;}

	#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile{padding:1.25em;}
	#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper{flex-wrap:wrap;}
	#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .imgW{flex:1 1 100%; max-width:60%; margin:0 auto;}
	#subContents .sub_02_01 .conW.list .con.list ul.profileW li.profile .wrapper .txtW{flex:1 1 100%;}

	#subContents .sub_02_01 .conW.view .con.list .profileW .profile{padding:1.25em;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper{flex-wrap:wrap;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .imgW{flex:1 1 100%; max-width:60%; margin:0 auto;}
	#subContents .sub_02_01 .conW.view .con.list .profileW .profile .wrapper .txtW{flex:1 1 100%;}

	#subContents .sub_03_04 .con .infographic .space .flexW .use.hasList::after {height: calc(100% - 45px + 1px);}
	#subContents .sub_03_04 .con .infographic .space .flexW .use p,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.name,
	#subContents .sub_03_04 .con .infographic .space .flexW .room ul li > div.size .sizeW li {height: 45px;}

	#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW {flex-wrap: wrap;}
	#subContents .sub_03_05 .conW.list .con.top .gearW .gear .flexW .box {aspect-ratio: 1; overflow: hidden;}
	#subContents .sub_03_05 .conW.list .con.top .gearW .bluefors .flexW .box02 .imgW {width: 200%; height: 100%;}

	#subContents .sub_04_01 .con .infographic02 .roadmapW .roadmap .flexW .track {flex: 1 1 100%; max-width: 100%;}

	#subContents .sub_04_03 .con .infographic .gridW .box .arrow p {font-size: 1.125em;}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow01 {transform: translate(-50%, calc(50% - 1.125em)) rotate(90deg);}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow02 {transform: translate(50%, calc(50% - .125em)) rotate(90deg);}
	#subContents .sub_04_03 .con .infographic01 .gridW .box05,
	#subContents .sub_04_03 .con .infographic02 .gridW .box02 {overflow: visible;}
}

@media all and (max-width:319px){
	#subVisual{min-width:280px;}
	#subContents{min-width:280px;}

	#subContents .sub_04_03 .con .infographic .gridW .box .arrow p {font-size: .875em;}
	#subContents .sub_04_03 .con .infographic .gridW .box .arrow p::before {width: calc(100% + 1.5em);}
}