@charset "UTF-8"; /* common */ #subVisual {clear: both; width: 100%; height: 540px; margin: 0 auto; padding: 0; background: #000; overflow: hidden; box-sizing: border-box; position: relative; transition: .8s; z-index: 0;} #subVisual::after {content: ''; display: block; width: 100%; padding: 0 0 1px; background: #acacac; position: absolute; bottom: 0; z-index: 1;} #subVisual .subBg {clear: both; width: 100%; height: 100%; background-color: #ced7e5; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative;} #subVisual .subBg::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 27, 64, .25); mix-blend-mode: multiply; position: absolute; top: 0; z-index: 1;} #subVisual .subBg01 {background-image: url('../images/sub/sub_visual_01.jpg'); background-position: center center;} #subVisual .subBg02 {background-image: url('../images/sub/sub_visual_02.jpg'); background-position: center center;} #subVisual .subBg03 {background-image: url('../images/sub/sub_visual_03.jpg'); background-position: center center;} #subVisual .subBg04 {background-image: url('../images/sub/sub_visual_04.jpg'); background-position: center center;} #subVisual .subBg05 {background-image: url('../images/sub/sub_visual_05.jpg'); background-position: center center;} #subVisual .subBg06 {background-image: url('../images/sub/sub_visual_06.jpg'); background-position: center center;} #subVisual .subBg07 {background-image: url('../images/sub/sub_visual_07.jpg'); background-position: center center;} #subVisual .subBg08 {background-image: url('../images/sub/sub_visual_08.jpg'); background-position: center center;} #subVisual .subBg09 {background-image: url('../images/sub/sub_visual_09.jpg'); 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: center center;} #subVisual .inner {height: 100%;} #subVisual .title {display: block; width: 100%; background: #18254f; background: linear-gradient(180deg, #18254f 0%, #202b4f 80%, #202b4f 100%); position: absolute; bottom: 0; z-index: 1;} #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;} #subVisual .title h2 {color: #eee; padding: 1.125em 0; font-size: 1.625em; font-weight: 600; line-height: 1; letter-spacing: 0; text-transform: uppercase;} #subVisual .mainTxt {text-align: left; position: relative; top: 50%; transform: translateY(-50%); z-index: 2;} #subVisual .mainTxt .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;} #subVisual .mainTxt .tiW {} #subVisual .mainTxt .tiW p {margin: 0 auto .75em; color: #fff; font-size: 2.375em; font-weight: 700; line-height: 1.25; word-break: keep-all; text-shadow: 1px 1px 2px rgba(0, 0, 0, .15);} #subVisual .mainTxt .tiW p span {display: inline-block; font-size: .875em; position: relative;} #subVisual .mainTxt .tiW p span::before, #subVisual .mainTxt .tiW p span::after {display: inline-block; color: inherit; font-size: .875em; vertical-align: top;} #subVisual .mainTxt .tiW p span::before {content: '(';} #subVisual .mainTxt .tiW p span::after {content: ')';} #subVisual .mainTxt .tiW p br {display: none;} #subVisual .mainTxt .subtiW {} #subVisual .mainTxt .subtiW p {margin-bottom: .25em; color: #fff; font-size: 1.25em; font-weight: 300; line-height: 1.5; text-shadow: 1px 1px 2px rgba(0, 0, 0, .15);} #subVisual .mainTxt .subtiW p:last-child {margin-bottom: 0;} #subVisual .mainTxt .subtiW p span.brick {display: inline-block;} #subVisual .mainTxt .subtiW p.days {} #subVisual .mainTxt .subtiW p.part {} #subVisual .mainTxt .subtiW p strong {font-weight: 600;} #path {clear: both; width: 100%; /*min-width: 1200px;*/ margin: -1px auto 0; background: #0f1630; border-bottom: 1px solid #33394f; position: sticky; transition: .3s; z-index: 2;} /* #path.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.sticky {} #path .inner {} #path ul {float: left; padding: 0; text-align: left;} #path ul li {display: block; float: left; margin: 0; padding: 0; font-size: 1em; color: #fff; box-sizing: border-box; position: relative;} #path ul li ul {} #path ul li ul li {display: block; float: none; height: auto; margin-bottom: 1.25em; text-align: left;} #path ul li ul li:last-child{margin-bottom: 0;} #path ul li ul li button {} #path ul li ul li a {color: #555555; font-size: .938em;} #path ul li ul li a:hover, #path ul li ul li a:focus {color: #2c418d; text-decoration: underline;} #path ul li ul li a span {} #path ul li.btnHome {width: 48px; height: 48px;} #path ul li.btnHome a {display: block; width: 100%; height: 100%; line-height: 48px; padding: 0; background: transparent url('../images/sub/ico_home.png') no-repeat center 48%; color: transparent; opacity: 1; font-size: 0; text-align: center; box-sizing: border-box;} #path ul li.btnHome a:hover, #path ul li.btnHome a:focus {opacity: .5;} #path ul li.pathDepth1, #path ul li.pathDepth2, #path ul li.pathDepth3 {} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button {width: auto; height: 48px; line-height: 48px; margin: 0 10px; padding: 0 5px; background: transparent; color: #fff; font-weight: 300; text-align: left; cursor: pointer; position: relative; z-index: 3; transition: .3s;} #path ul li.pathDepth1 button::before, #path ul li.pathDepth2 button::before, #path ul li.pathDepth3 button::before {content: '/'; display: inline-block; color: inherit; font-size: inherit; position: absolute; left: -5px; top: 0; transform: translate(-150%, 0); cursor: auto;} #path ul li.pathDepth1 button:hover, #path ul li.pathDepth1 button:focus, #path ul li.pathDepth2 button:hover, #path ul li.pathDepth2 button:focus, #path ul li.pathDepth3 button:hover, #path ul li.pathDepth3 button:focus {text-decoration: underline;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul {clear: both; display: inline-block; width: 100%; min-width: max-content; height: auto; padding: 1.5em 1.25em; background: #fff; border: 1px solid #e1e1e1; border-top: none; opacity: 0; visibility: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0; transition: .3s ease; z-index: 5;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul {opacity: 1; visibility: visible; top: calc(100% + 1px);} #path ul li.pathDepth1 ul li, #path ul li.pathDepth2 ul li, #path ul li.pathDepth3 ul li {} #path ul li.pathDepth1 ul li a, #path ul li.pathDepth2 ul li a, #path ul li.pathDepth3 ul li a {} #path ul li.pathDepth1 ul li a span, #path ul li.pathDepth2 ul li a span, #path ul li.pathDepth3 ul li a span {} #subContents {position:relative; width:100%; height:100%; min-height:520px; margin:0 auto; padding:8em 0 0; background:transparent; border-bottom: 1px solid #d3e5fd; 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 .subFont {font-family: "Merriweather", serif;} #subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;} #subContents .conTitle h3{display:block; line-height:1.4; margin:0 auto 1.275em; font-size:1.75em; font-weight:700;} #subContents .conTitle h3.big {font-size: 2.125em; font-weight: 800;} #subContents .conTitle h4, #subContents .conTitle h5, #subContents .conTitle h6{display:inline-block; position:relative; color:#222; font-weight:700; word-break:keep-all;} #subContents .conTitle h5, #subContents .conTitle h6{font-weight:600;} #subContents .conTitle h4 span.num, #subContents .conTitle h5 span.num, #subContents .conTitle h6 span.num{display:inline-block; position:relative; line-height:1;} #subContents .conTitle h3 span.mini, #subContents .conTitle h4 span.mini, #subContents .conTitle h5 span.mini, #subContents .conTitle h6 span.mini{font-size:.75em;} #subContents .conTitle h3.big span.mini {font-size: .875em;} #subContents .conTitle h4{line-height:1.4; margin:20px 0 1.2em; padding:0; color:#222; font-size:1.438em;} #subContents .conTitle h4 span.num{top:-2px; margin-right:.4em; padding:8px 12px; background:#0f1630; border-radius:2px; color:#fff; font-size:.75em;} #subContents .conTitle h4 span.mini{color:#222;} #subContents .conTitle h5{line-height:1.4; margin:20px 0 1.063em; padding:0 0 0 1.525em; color:#222; font-size:1.25em;} #subContents .conTitle h5:before, #subContents .conTitle h5:after{content:''; display:inline-block; border-radius: 50%; position:absolute;} #subContents .conTitle h5:before{width:1.125em; height:1.125em; top:0; left:0; background:linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%);} #subContents .conTitle h5:after{width:11px; height:11px; top:7px; left:7px; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,.2);} #subContents .conTitle h5 span.num{padding-right:.2em; color:#22336e;} #subContents .conTitle h6{line-height:1.4; margin:18px 0 .875em; padding:0; color:#22336e; font-size:1.125em;} #subContents .conTitle h6 span.num{} #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.alignCenter{text-align:center;} #subContents .conTitle.alignCenter h4{margin:20px 0;} /* #subContents .conTitle.alignCenter h4:after{content:''; display:block; width:40px; height:3px; margin:12px auto 8px; background:#222; background:linear-gradient(90deg, #222 0, #22336e 100%); border-radius:2px;} */ #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h4:after, #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;} #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 #999; color:#222; 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, #2c418d 0, #308dd4 100%); border:1px solid #00a1e9; color:#fff; font-weight:700; z-index:1;} */ #bo_v_con img{width:auto;} /* contents */ #subContents .con {clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 4.5em; color:#222;/* z-index:1;*/} #subContents .con:last-child{margin: 0 auto 8em; /*margin:0 auto;*/ padding:0; border-bottom: none;} #subContents .con.sticky {display: block; margin: 0 auto;} #subContents .con p{line-height:1.5; margin-bottom:2em; font-size:1em; word-break:keep-all;} #subContents .con > p + p, #subContents .con .inner > 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:#2c418d;} #subContents .con p.point.black{color:#222;} #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 br.mobile {display: none;} #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:#2c418d; transform:scaleX(0); transform-origin:left center; transition:.2s; z-index:2;} #subContents .con a:focus, #subContents .con a:hover{background:transparent; color:#2c418d;} #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:#222; font-size:1em; font-weight:400;} #subContents .con textarea{resize:vertical;} #subContents .con .red {color: #a70004;} #subContents .con .blue {color: #2c418d;} #subContents .con .green {color: #045411;} #subContents .con .white {color: #fff;} #subContents .con > p + ul.list, #subContents .con > p + ol.number, #subContents .con .inner > p + ul.list, #subContents .con .inner > p + ol.number {margin-top: -1em;} #subContents .con .brick {display: inline-block;} #subContents .tab {clear: both; display: block; width: 100%; max-width: 1440px; margin: 0 auto 5.5em; padding: 0 10px;} #subContents .tab > ul {display: flex; justify-content: center; align-items: flex-end; overflow-x: auto;} #subContents .tab > ul li {flex: 1 1 auto;} #subContents .tab > ul li .tabLink {display: block; width: 100%; height: 100%; padding: 0 1em .75em; background: none; border-bottom: 1px solid #ddd; color: #999; font-size: 1em; line-height: 1; text-align: center; position: relative; transition: .3s; cursor: pointer;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover {color: #22336e;} #subContents .tab > ul li .tabLink.active {padding: 0 1em .5em; border-bottom: 4px solid #2c418d; color: #22336e; font-size: 1.125em; font-weight: 500;} #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:#f8f8f8; border-color: #f8f8f8; color: #999;} #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: #f8f8f8 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: #f8f8f8 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: #f8f8f8 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: #f8f8f8 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:#647ccf;} #subContents .con ul.list.circle > li:before{width:.278em; height:.278em; top:0.667em; background:#647ccf; 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 #647ccf; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:0.167em; color:#647ccf; 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:#647ccf; font-weight:500;} #subContents .con ul.list li .box, #subContents .con ol.number li .box {margin: .5em auto 0; padding: .75em 1em; background: #f8f8f8;} #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 ul.list li .box + .tableW, #subContents .con ol.number li .box + .tableW {margin: .75em auto 0;} #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:#647ccf; 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 li p:has(+ .box) {margin-bottom: 0;} #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 ol.number li a, #subContents .con ul.list li a {padding: 0;} #subContents .con ol.number li a:hover, #subContents .con ol.number li a:focus, #subContents .con ul.list li a:hover, #subContents .con ul.list li a:focus {text-decoration: underline;} #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 #22336e; text-align:center;} #subContents table tr th{min-height:40px; padding:15px 14px; background:#fafafa; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:700; line-height: 1.4; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowti{background:#f2f4fa; color: #2c418d; font-weight:500;} #subContents table tr th:first-child{border-left:none;} #subContents table tr th:last-child{border-right:none;} #subContents table tr th span.mini {color: #888; font-size: .875em; font-weight: 500;} #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: #edf1fa; color:#222; 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 .con table tr td ol.number, #subContents .con table tr td ul.list {margin: 0 auto .75em;} #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.w1024 {max-width: 1024px;} #subContents .imgW:last-child{margin:0 auto;} #subContents .imgW img{width:100%; text-align:left;} #subContents .con .flexW {display: flex; flex-wrap: wrap;} #subContents .con .linkBtnW {margin: 3em auto 0; text-align: center;} #subContents .con .linkBtnW a {padding: .875em 1.5em; border-radius: 2px; font-size: 1.125em; font-weight: 500; line-height: 1; transition: .3s; position: relative;} #subContents .con .linkBtnW a + a {margin-top: .5em;} #subContents .con .linkBtnW a span::before, #subContents .con .linkBtnW a span::after {transition: .3s;} #subContents .con .linkBtnW a span {} #subContents .con .linkBtnW a.linkBtn {color: #fff;} #subContents .con .linkBtnW a.linkBtn span {position: relative;} #subContents .con .linkBtnW a.linkBtn:hover, #subContents .con .linkBtnW a.linkBtn:focus {} #subContents .con .linkBtnW a.linkBtn.color01 {background: #073257; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%); z-index: 0;} #subContents .con .linkBtnW a.linkBtn.color01::before {content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 1;} #subContents .con .linkBtnW a.linkBtn.color01:hover::before, #subContents .con .linkBtnW a.linkBtn.color01:focus::before {opacity: .35;} #subContents .con .linkBtnW a.linkBtn.color01 span {z-index: 2;} #subContents .con .linkBtnW a.linkBtn.color02 {background: #22336e;} #subContents .con .linkBtnW a.linkBtn.color02:hover, #subContents .con .linkBtnW a.linkBtn.color02:focus {background: #2c418d;} #subContents .con .linkBtnW a.linkBtn.new {padding: .5em .75em; background: #fff; border: 1px solid #c9d1f5; color: #22336e; line-height: 1.25;} #subContents .con .linkBtnW a.linkBtn.new span {} /* #subContents .con .linkBtnW a.linkBtn.new span::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: .5em; margin-bottom: .25em; background: url('../images/sub/ico_link.png') no-repeat center / cover; vertical-align: middle;} */ #subContents .con .linkBtnW a.linkBtn.new:hover, #subContents .con .linkBtnW a.linkBtn.new:focus {background: #e1e5f6; color: #18254f;} #subContents .con .linkBtnW a.linkBtn.new span::before {content: '\f0c1'; display: inline-block; padding-right: .5em; color: #9db1ea; vertical-align: middle;} #subContents .con .linkBtnW a.linkBtn.new:hover span::before, #subContents .con .linkBtnW a.linkBtn.new:focus span::before {color: #647ccf;} #subContents .con .linkBtnW a.download {width: 100%; background: #fafffb; border: 1px solid #d4fcdb; color: #06851b; line-height: 1.25; text-align: left;} #subContents .con .linkBtnW a.download span {} #subContents .con .linkBtnW a.download span::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: .5em; margin-bottom: .25em; background: url(../images/sub/ico_download.png) no-repeat top / cover; vertical-align: middle;} #subContents .con .linkBtnW a.download:hover, #subContents .con .linkBtnW a.download:focus {background: #fff; border-color: #a9dbb0;} #subContents .con .linkBtnW ul {} #subContents .con .linkBtnW ul li {} #subContents .con .linkBtnW ul li a {} #subContents .con .conBox {padding: 2.275em 3em; border-radius: 2px; overflow: hidden; position: relative; z-index: 0;} #subContents .con .conBox .txtW {position: relative; z-index: 2;} #subContents .con .conBox .txtW p {margin-bottom: 1.5em;} #subContents .con .conBox .txtW p:last-child {margin-bottom: 0;} #subContents .con .conBox .txtW p.big {font-size: 1.25em;} #subContents .con .conBox .txtW .linkBtnW {margin: 1.5em auto 0;} #subContents .con .conBox .txtW .linkBtnW a.download {background: #fff; border-color: #a9dbb0;} #subContents .con .conBox .txtW .linkBtnW a.download:hover, #subContents .con .conBox .txtW .linkBtnW a.download:focus {background: #fafffb; border-color: #71c07b;} #subContents .con .conBox.type01 {background: #073257; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%);} #subContents .con .conBox.type01::before, #subContents .con .conBox.type01::after {content: ''; display: block;} #subContents .con .conBox.type01::before {width: 12em; height: 12em; background: url(../images/sub/object_wcst_symbol.png) no-repeat center / cover; opacity: .15; position: absolute; right: -.25em; bottom: -1.5em; z-index: 1;} #subContents .con .conBox.type01::after {width: calc(100% + 2px); height: calc(100% + 2px); background: #fff; opacity: .15; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;} #subContents .con .conBox.type01 .txtW {} #subContents .con .conBox.type01 .txtW p {color: #fff;} #subContents .con .conBox.type02 {background: #f1f4fc; border: 1px solid #e1e5f6; border-radius: 2px;} #subContents .con .conBox.type02::before {content: ''; display: block; width: 12em; height: 12em; background: url(../images/sub/object_wcst_symbol.png) no-repeat center / cover; opacity: .75; position: absolute; right: -.25em; bottom: -1.5em; z-index: 1;} #subContents .con .conBox.type03 {border: 4px double #8396d9;} #subContents .con .conBox.type03::before, #subContents .con .conBox.type03::after {content: ''; display: block; width: .75em; height: .75em; background: #8396d9; position: absolute;} #subContents .con .conBox.type03::before {clip-path: polygon(0 0, 0 100%, 100% 0); left: -.025em; top: -.025em;} #subContents .con .conBox.type03::after {clip-path: polygon(100% 100%, 0 100%, 100% 0); right: -.025em; bottom: -.025em;} #subContents .con .conBox.type03 .txtW {} #subContents .con .conBox.type03 .txtW p {color: #18254f;} #subContents .con .conBox.type04 {background: #fafafa url('../images/sub/pattern.png') repeat top left;} #subContents .con .conBox.type04 .txtW {} #subContents .con .conBox.type04 .txtW p {margin: 0 auto;} #subContents .con .conBox.type04 .txtW p.ti {font-size: 1.25em;} #subContents .con .conBox.type04 .txtW p.subti {} #subContents .con .banner {width: 100%; /*height: 850px;*/ height: 44.270vw; margin-bottom: -1px; overflow: hidden; position: relative; z-index: 0;} #subContents .con .banner::before {content: ''; display: block; width: 100%; height: calc(100% + 1px); background: #000; opacity: .5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;} #subContents .con .banner .inner.w1440 {width: 100%; height: 100%;} #subContents .con .banner .txtW {display: flex; justify-content: center; flex-direction: column; gap: 3em; height: 100%; text-align: center; position: relative; z-index: 2;} #subContents .con .banner .txtW .tiW {color: #fff;} #subContents .con .banner .txtW .tiW p {margin-bottom: 0;} #subContents .con .banner .txtW .tiW p.ti {font-size: 1.45em;} #subContents .con .banner .txtW .tiW p.subti {font-size: 1.125em;} #subContents .con .banner .txtW .tiW p.ti + p.subti {margin: .5em auto 0;} #subContents .con .banner .txtW .linkBtnW {margin: 0 auto;} #subContents .con .banner .bgImg {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;} #subContents .con .banner .bgImg img {width: auto; max-width: max-content; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .sub_01, .sub_02, .sub_03, .sub_04, .sub_05, .sub_06, .sub_07, .sub_08, .sub_etc {clear:both; width:100%;} #subContents .sub_01 {} #subContents .sub_01 .con {} #subContents .sub_01 .con .greetingsW {margin: 6.5em auto 0;} #subContents .sub_01 .con .greetingsW .logoW {width: 100%; max-width: 320px; margin: 0 auto 6.5em;} #subContents .sub_01 .con .greetingsW .logoW img {width: 100%;} #subContents .sub_01 .con .greetingsW .profileW {} #subContents .sub_01 .con .greetingsW .profileW .profile {} #subContents .sub_01 .con .greetingsW .profileW .profile ul {display: flex; justify-content: center; flex-wrap: wrap;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li {flex: 1 1 50%; border-right: 1px dotted #ddd;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li:last-child {border-right: 0;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap {} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .imgW {max-width: 320px; margin: 0 auto;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .imgW img {width: 100%;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW {margin: 2em auto 0; text-align: center;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW p {margin: 0 auto;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW p.name {padding: 0; background: #073257; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 1.375em; font-weight: 700; /*line-height: 1;*/ outline-offset: -1px; overflow: unset; } #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW p.work {margin: .5em auto 0; font-size: 1.125em; font-weight: 500;} #subContents .sub_01 .con .greetingsW .greeting {margin: 8em auto 0;} #subContents .sub_01 .con .greetingsW .greeting p {line-height: 2;} #subContents .sub_01 .con .greetingsW .greeting p strong {} #subContents .sub_01 .con .greetingsW .closing {margin: 4em auto 0; text-align: right;} #subContents .sub_01 .con .greetingsW .closing p {} #subContents .sub_01 .con .greetingsW .closing p.name {margin: 0 auto .75em; font-size: 1.25em;} #subContents .sub_01 .con .greetingsW .closing p.office {margin: 0 auto .25em; font-size: 1.125em;} #subContents .sub_01 .con .greetingsW .closing p.society {color: #999; font-size: .938em;} #subContents .sub_01 .con .greetingsW .linkBtnW {margin-bottom: 3.5em;} #subContents .sub_01 .con .banner {} #subContents .sub_01 .con .banner.bgImg01 {} #subContents .sub_01 .con .banner.bgImg01 .bgImg {} #subContents .sub_01 .con .banner.bgImg01 .bgImg img {} #subContents .sub_02 {} #subContents .sub_02 .con {} #subContents .sub_02 .con .topicW {} #subContents .sub_02 .con .topicW ul {} #subContents .sub_02 .con .topicW ul li {margin: 0 auto 3em; padding: 0 0 3em; background: #fff; border-bottom: 1px dotted #ddd;} #subContents .sub_02 .con .topicW ul li:last-child {padding-bottom: 0; border-bottom: 0;} #subContents .sub_02 .con .topicW ul li .wrap {} #subContents .sub_02 .con .topicW ul li .wrap .flexW {gap: 3em;} #subContents .sub_02 .con .topicW ul li .wrap .flexW .imgW {flex: 1 1 40%; max-width: calc(40% - 3em / 2); margin: 0 auto;} #subContents .sub_02 .con .topicW ul li .wrap .flexW .imgW img {} #subContents .sub_02 .con .topicW ul li .wrap .flexW .txtW {flex: 1 1 60%; max-width: calc(60% - 3em / 2); text-align: left;} #subContents .sub_02 .con .topicW ul li .wrap .flexW .txtW .conTitle {} #subContents .sub_02 .con .topicW ul li .wrap .flexW .txtW .conTitle h6 {margin-top: 0;} #subContents .sub_02 .con .topicW ul li .wrap .flexW .txtW p {} #subContents .sub_02 .con .topicW ul li:nth-child(even) .wrap .flexW {flex-direction: row-reverse;} #subContents .sub_02 .con .topicW ul li:nth-child(even) .wrap .flexW .txtW {text-align: right;} #subContents .sub_02 .con .categoryW {} #subContents .sub_02 .con .categoryW ul {display: flex; justify-content: center; flex-wrap: wrap; gap: .75em;} #subContents .sub_02 .con .categoryW ul.half {} #subContents .sub_02 .con .categoryW ul.full {} #subContents .sub_02 .con .categoryW ul li {max-width: 100%; border: 3px solid #e3e3e3; border-radius: 2px; padding: 1.5em 1.5em 1.75em;} #subContents .sub_02 .con .categoryW ul.half li {flex: 1 1 calc(50% - .75em / 2);} #subContents .sub_02 .con .categoryW ul.full li {flex: 1 1 100%;} #subContents .sub_02 .con .categoryW ul li .wrap {} #subContents .sub_02 .con .categoryW ul li .wrap .txtW {text-align: center;} #subContents .sub_02 .con .categoryW ul li .wrap .txtW p {margin: .5em auto 0;} #subContents .sub_02 .con .categoryW ul li .wrap .txtW p.ti {color: #a70004; font-size: 1.125em; margin: 0 auto;} #subContents .sub_02 .qrW {margin: 1.5em auto 0; text-align: center;} #subContents .sub_02 .qrW a {padding: 0; position: relative; transition: .3s; z-index: 0;} #subContents .sub_02 .qrW a::before {content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 0;} #subContents .sub_02 .qrW a p {margin: 0 auto; color: transparent; letter-spacing: 0; opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 0;} #subContents .sub_02 .qrW a:hover::before, #subContents .sub_02 .qrW a:focus::before {opacity: .75; z-index: 1;} #subContents .sub_02 .qrW a:hover p, #subContents .sub_02 .qrW a:focus p {color: #fff; opacity: 1; z-index: 2;} #subContents .sub_02 .qrW a .QR {width: 100%; height: 100%; max-width: calc(240px + 8px); max-height: calc(240px + 8px); border: 4px solid #a70004;} #subContents .sub_02 .qrW a .QR img {width: 100%;} #subContents .sub_02 .con .tableW {} #subContents .sub_02 .con .tableW.table01 table tr .th01 {width: auto;} #subContents .sub_02 .con .tableW.table01 table tr .th02 {width: 12%;} #subContents .sub_02 .con .tableW.table01 table tr .th03 {width: 12%;} #subContents .sub_02 .con .tableW.table01 table tr .th04 {width: auto;} #subContents .sub_02 .con .tableW.table01 table tr .th05 {width: 12%;} #subContents .sub_02 .con .tableW.table02 {} #subContents .sub_02 .con .tableW.table02 table tr .th01, #subContents .sub_02 .con .tableW.table02 table tr .th02, #subContents .sub_02 .con .tableW.table02 table tr .th03, #subContents .sub_02 .con .tableW.table02 table tr .th04, #subContents .sub_02 .con .tableW.table02 table tr .th05 {width: 20%;} #subContents .sub_02 .con .tableW.table03 {} #subContents .sub_02 .con .tableW.table03 table tr .th01, #subContents .sub_02 .con .tableW.table03 table tr .th02, #subContents .sub_02 .con .tableW.table03 table tr .th03, #subContents .sub_02 .con .tableW.table03 table tr .th04, #subContents .sub_02 .con .tableW.table03 table tr .th05 {width: 20%;} #subContents .sub_03 {} #subContents .sub_03 .memberW {margin: 1em auto 0;} #subContents .sub_03 .memberW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 3em;} #subContents .sub_03 .memberW ul li {flex: 1 1 50%; max-width: calc(50% - 3em / 2); position: relative;} #subContents .sub_03 .memberW ul li .infoW {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.5em; position: relative;} #subContents .sub_03 .memberW ul li .infoW .picW {flex: 1 1 200px; width: 100%; height: 100%;} #subContents .sub_03 .memberW ul li .infoW .picW img {width: 100%;} #subContents .sub_03 .memberW ul li .infoW .profileW {flex: 1 1 calc(100% - 200px - 1.5em); max-width: calc(100% - 200px - 1.5em);} #subContents .sub_03 .memberW ul li .infoW .profileW .txtW {} #subContents .sub_03 .memberW ul li .infoW .profileW .txtW p {margin: 0 auto;} #subContents .sub_03 .memberW ul li .infoW .profileW .txtW p.tag {display: inline-block; background: #f2fef4; padding: .275rem .75rem .25rem .8125rem; border: 1px solid #ade0b5; border-radius: 2px; color: #06851b; font-size: .875em; font-weight: 700; line-height: 1;} #subContents .sub_03 .memberW ul li .infoW .profileW .txtW p.name {margin: .75em auto 0; font-size: 1.125em; font-weight: 500;} #subContents .sub_03 .memberW ul li .infoW .profileW .txtW p.work {margin: .25em auto 0; color: #888; font-size: .938em;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox {position: absolute; bottom: 0;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more {padding: .5em .875em; background: #fff; border: 1px solid #910002; border-radius: 2px; box-shadow: 2px 2px 6px rgba(45, 0, 1, .05); color: #910002; font-size: .938em; font-weight: 300; line-height: 1; vertical-align: middle; transition: .3s;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span {padding-right: calc(.5em + 11px); line-height: 1; position: relative; transition: .3s;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::before, #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::after {content: ''; display: block; background: #910002; position: absolute; transition: .3s;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::before {width: 11px; height: 1px; right: 0; top: 50%;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::after {width: 1px; height: 11px; right: 5px; top: calc(50% - 5px);} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:hover, #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:focus {background: #910002; color: #fff;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:hover span::before, #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:hover span::after, #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:focus span::before, #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more:focus span::after {background: #fff;} #subContents .sub_03 .memberW ul li .bioW {clear: both; display: none; margin: 1.5em auto 0; padding: 1.5em 1.75em; background: #fafafa; border-radius: 2px; text-align: left;} #subContents .sub_03 .memberW ul li .bioW p {font-size: .938em;} #subContents .sub_etc_sitemap{} #subContents .sub_etc_sitemap .con{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap: .5em;} #subContents .sub_etc_sitemap .con .depth01_lists{flex: 1 1 33.333%; max-width: calc(33.333% - 1.375em * 2 / 3); /*min-height: 400px;*/ padding: 1.375em 1.75em 1.75em; 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; color: #003377;} #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:#222; 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:#222;} #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;} @media all and (max-width:1699px) { #subVisual .inner.w1440, #path .inner.w1440, #subContents .inner.w1440 {padding: 0 1.5em;} #subContents .conTitle h5:before{top:1px;} #subContents .conTitle h5:after{width:10px; height:10px; top:7px; left:6px;} } @media all and (max-width:1440px) { #subVisual {height: 440px;} #subVisual .title h2 {font-size: 1.25em;} #subVisual .mainTxt .tiW p {font-size: 2em;} #subVisual .mainTxt .subtiW p {font-size: 1.125em;} #subContents .tab {padding: 0 2.5em;} } @media all and (max-width:1279px) { #subVisual {min-width: 960px;} #subContents {float:none; width:100%; max-width:100%; min-height:450px; font-size:16px; border-left:none;} /* #subContents .tabMenu ul li a {font-size: 1.0625em;} */ #subContents .tab {padding: 0 1em;} #subContents .tableW{overflow-x: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 .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span {padding-right: calc(.5em + 9px); font-size: 15px;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::before {width: 9px;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox button.more span::after {height: 9px; right: 4px; top: calc(50% - 4px);} #subContents .modalWrap .modalCon{width:84%; left:8%;} } @media all and (max-width:1023px) { #subVisual {min-width: 280px;} #subVisual .mainTxt .tiW p {font-size: 1.75em;} #subContents {clear:both; float:none; width:100%; min-width:calc(310px - 1.5em * 2); min-height:auto; border-left:none;} #subContents .inner.w1440 {padding: 0 1.75em;} #subContents .tab {padding: 0 1.75em;} #subContents .con {margin:0 auto 3.5em; padding:0 0 3.5em;} #subContents .con .infographic {margin: 3em auto 0;} #subContents .con.sticky {margin: 0 auto; padding: 0;} #subContents .con img{width:100%;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .sub_01 .con .greetingsW .linkBtnW {margin-bottom: 4em;} #subContents .sub_02 .con .categoryW ul.half li {flex: 1 1 100%;} #subContents .sub_02 .con .categoryW ul li .wrap .txtW p br {display: none;} #subContents .sub_03 .memberW ul li {flex: 1 1 100%; max-width: 100%;} #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{flex: 1 1 50%; max-width: calc(50% - 1.375em / 2);} } @media all and (max-width:768px) { #subVisual {height: 340px;} #subVisual .title h2 {font-size: 1.125em;} #subVisual .mainTxt .tiW p br {display: block;} #subVisual .mainTxt .subtiW p {font-size: 1em;} #subContents {padding: 6em 0 0; font-size:15px;} #subContents .conTitle h3 {font-size: 1.625em;} #subContents .conTitle h3.big {font-size: 1.875em;} #subContents .conTitle h4{margin:12px 0 1.2em; font-size:1.313em;} #subContents .conTitle h5{line-height:1.2; margin:16px 0 1em; padding:0 0 0 1.414em; font-size:1.125em;} #subContents .conTitle h5:after{width:8px; height:8px; top:6px; left:5px;} #subContents .con {margin: 0 auto 3em; padding: 0 0 3em;} #subContents .con:last-child {margin: 0 auto 6em;} #subContents .con.sticky {margin: 0 auto; padding: 0;} #subContents .con > p + p, #subContents .con .inner > p + p{margin-top:-.75em;} #subContents .con > p + ul.list, #subContents .con > p + ol.number, #subContents .con .inner > p + ul.list, #subContents .con .inner > 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 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 .con .conBox {padding: 2em 2.5em;} #subContents .con .banner {height: 680px;} #subContents .con .banner .txtW {gap: 1.5em;} #subContents .sub_01 .con .greetingsW {margin: 6em auto 0;} #subContents .sub_01 .con .greetingsW .logoW {max-width: 280px; margin: 0 auto 6em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li {flex: 1 1 100%; margin-bottom: 3em; padding-bottom: 3em; border-right: 0; border-bottom: 1px dotted #ddd;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 1.5em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li:nth-child(even) .wrap {flex-direction: row-reverse;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .imgW {flex: 1 1 50%; max-width: calc(50% - 1.5em / 2);} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW {flex: 1 1 50%; max-width: calc(50% - 1.5em / 2); margin: 0 auto;} #subContents .sub_01 .con .greetingsW .greeting {margin: 6em auto 0;} #subContents .sub_01 .con .greetingsW .closing p.name {font-size: 1.2em;} #subContents .sub_01 .con .greetingsW .closing p.office {font-size: 1em;} #subContents .sub_01 .con .greetingsW .linkBtnW {margin-bottom: 3em;} #subContents .sub_02 .con .topicW ul li .wrap .flexW .imgW, #subContents .sub_02 .con .topicW ul li .wrap .flexW .txtW {flex: 1 1 100%; max-width: 100%;} #subContents .sub_02 .con .topicW ul li:nth-child(even) .wrap .flexW {flex-direction: row;} #subContents .sub_02 .con .topicW ul li:nth-child(even) .wrap .flexW .txtW {text-align: left;} #subContents .sub_02 .con .categoryW ul li {padding: 1.25em 1.25em 1.5em;} #subContents .sub_02 .con .categoryW ul li .wrap .txtW p {margin: .25em auto 0;} #subContents .sub_02 .qrW a .QR {max-width: calc(160px + 8px); max-height: calc(160px + 8px);} #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;} } @media all and (max-width:580px) { #subVisual .title h2 {padding: 1em 0;} #path .inner.w1440 {padding: 0;} #path ul {display: block; width: 100%;} #path ul li {display: block;} #path ul li ul li {margin-bottom: 1.125em;} #path ul li ul li a {font-size: .875em;} #path ul li.btnHome {display: none;} #path ul li.pathDepth1 {width: 100%;} #path ul li.pathDepth2 {border-bottom: 1px solid #33394f;} #path ul li.pathDepth3 {width: 100%;} #path li.pathDepth1:has(+ li.pathDepth2) {width: 50%; border-right: 1px solid #33394f; border-bottom: 1px solid #33394f;} #path li.pathDepth1 + li.pathDepth2 {width: 50%;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button {display: block; width: 100%; margin: 0; padding: 0 calc(1.5em + 1em) 0 1.5em; font-size: .938em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #path ul li.pathDepth1 button::before, #path ul li.pathDepth2 button::before, #path ul li.pathDepth3 button::before {content: none;} #path ul li.pathDepth1 button::after, #path ul li.pathDepth2 button::after, #path ul li.pathDepth3 button::after {content: ''; display: block; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top-color: #fff; border-bottom: none; font-size: 0; line-height: 0; position: absolute; right: 20px; top: 50%; transition: border-color .3s;} #path ul li.pathDepth1 button.rotate::after, #path ul li.pathDepth2 button.rotate::after, #path ul li.pathDepth3 button.rotate::after {border-top: none; border-bottom: 4px solid #fff;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul {top: calc(100% + 2px);} #subContents .conTitle h3{margin:0 auto 1em; font-size:1.5em;} #subContents .conTitle h3.big {font-size: 1.625em;} #subContents .conTitle h5:before{top:0;} #subContents .conTitle h5:after{top:5px;} #subContents .con .conBox {padding: 1.75em 2.25em;} #subContents .con .conBox .txtW p.big, #subContents .con .conBox.type04 .txtW p.ti {font-size: 1.125em;} #subContents .sub_03 .memberW ul li .infoW .picW {flex: 1 1 160px;} #subContents .sub_03 .memberW ul li .infoW .profileW {flex: 1 1 calc(100% - 160px - 1.5em); max-width: calc(100% - 160px - 1.5em);} #subContents .sub_etc_sitemap .con .depth01_lists {flex: 1 1 100%; max-width: 100%;} } @media all and (max-width:480px) { /* #path ul li.pathDepth1, #path ul li.pathDepth2, #path li.pathDepth1:has(+ li.pathDepth2), #path li.pathDepth1 + li.pathDepth2 {width: 100%;} */ #subContents {padding:4.5em 0 0; font-size:14px;} #subContents .con:last-child {margin: 0 auto 4.5em;} #subContents .con.sticky {margin: 0 auto;} #subContents .sub_etc_privacy-policy .con .conTitle h4 span.num{margin-right:4px; padding:6px 12px;} #subContents .con .linkBtnW {margin: 4em auto 0;} #subContents .con .linkBtnW a {font-size: 1em;} #subContents .con .linkBtnW a.download span::before {width: 14px; height: 14px;} #subContents .con .banner {height: 510px;} #subContents .con .banner .txtW .tiW p.ti {font-size: 1.2em;} #subContents .con .banner .txtW .tiW p.subti, #subContents .con .banner .txtW .linkBtnW a {font-size: 1em;} #subContents .sub_01 .con .greetingsW {margin: 4.5em auto 0;} #subContents .sub_01 .con .greetingsW .logoW {max-width: 220px; margin: 0 auto 4.5em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul {gap: 1.5em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li, #subContents .sub_01 .con .greetingsW .profileW .profile ul li:last-child {margin: 0 auto; padding: 3em; border: 1px dotted #ddd;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li:nth-child(even) .wrap {flex-direction: row;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .imgW, #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW {flex: 1 1 50%; max-width: 100%;} } @media all and (max-width:390px) { #subVisual .mainTxt .tiW p {font-size: 5.75vw;} #subVisual .mainTxt .subtiW p {font-size: .938em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li, #subContents .sub_01 .con .greetingsW .profileW .profile ul li:last-child {padding: 2em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW p.name {font-size: 1.2em;} #subContents .sub_01 .con .greetingsW .profileW .profile ul li .wrap .nameW p.work {font-size: 1em;} #subContents .sub_03 .memberW ul {gap: 4.5em;} #subContents .sub_03 .memberW ul li .infoW .picW {flex: 1 1 100%;} #subContents .sub_03 .memberW ul li .infoW .profileW {flex: 1 1 100%; max-width: 100%;} #subContents .sub_03 .memberW ul li .infoW .profileW .btnBox {margin: 1.75em auto 0; position: relative; bottom: auto;} } @media all and (max-width:319px) { #subContents {min-width:calc(310px - 1.5em * 2);} #subVisual .title h2 {font-size: 5.5vw;} }