@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-image:url('../images/sub/sub_visual_etc.jpg'); background-position: center center; 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');} #subVisual .subBg02 {background-image: url('../images/sub/sub_visual_02.jpg');} #subVisual .subBg03 {background-image: url('../images/sub/sub_visual_03.jpg');} #subVisual .subBg04 {background-image: url('../images/sub/sub_visual_04.jpg');} #subVisual .subBg05 {background-image: url('../images/sub/sub_visual_05.jpg');} #subVisual .subBg06 {background-image: url('../images/sub/sub_visual_06.jpg');} #subVisual .subBg07 {background-image: url('../images/sub/sub_visual_07.jpg');} #subVisual .subBg08, #subVisual .subBg08_01, #subVisual .subBgsmt2027_conference {background-image: url('../images/sub/sub_visual_08.jpg');} #subVisual .subBg09 {background-image: url('../images/sub/sub_visual_09.jpg');} #subVisual .subBg10 {background-image: url('../images/sub/sub_visual_10.jpg');} #subVisual .subBg98, #subVisual .subBg99, #subVisual .subBgsearch, #subVisual .subBgmypage, #subVisual .subBgetc, #subVisual .subBgbbs {background-image: url('../images/sub/sub_visual_etc.jpg');} #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 .flexW{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.25em 1em;} #subVisual .mainTxt .txtW{flex:1;} #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 {margin: 0 auto .75em} #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 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); word-break:keep-all;} #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;} #subVisual .mainTxt .brandLogoW{display:block; text-align:right;} #subVisual .mainTxt .brandLogoW .brandLogo{display:inline-block; margin:0; max-width:180px;} #subVisual .mainTxt .brandLogoW .brandLogo img{width:100%;} #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 15px 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:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after, #path ul li.pathDepth4 button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:0; margin-top:-2px; border:4px solid transparent; border-top-color:#fff; border-bottom:none; font-size:0; line-height:0; 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, #path ul li.pathDepth4 button.rotate:after{border-top:none; border-bottom:4px solid #fff;} #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; 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.3; 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: #0d7d49; 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 .conTitle h3.color, #subContents .conTitle h4.color, #subContents .conTitle h5.color {color: #2c418d;} #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 h5:after, #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 .conW {margin: 0 auto 6.75em;} #subContents .conW .con:last-child {margin-bottom: 0;} #subContents .conW:last-child {margin-bottom: 0;} #subContents .conW:last-child .con:last-child {margin: 0 auto 8em;} #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-bottom: 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:'※'; font-size: 1.125em; position:absolute; top:-2px; 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 .navy {color: #22336e;} #subContents .con .purple {color: #647ccf;} #subContents .con .green {color: #045411;} #subContents .con .white {color: #fff;} #subContents .con .highlight {display: inline; position: relative; transition: .3s;} #subContents .con .highlight.red {box-shadow: inset 0 -10px 0 #ffeeef;} #subContents .con .highlight.blue {box-shadow: inset 0 -10px 0 #e1e5f6;} #subContents .con .highlight.green {box-shadow: inset 0 -10px 0 #f2fef4;} #subContents .con a > .highlight.red, #subContents .con a > .highlight.blue, #subContents .con a > .highlight.green {box-shadow: inset 0 -10px 0 transparent;} #subContents .con a:hover > .highlight.red, #subContents .con a:focus > .highlight.red {box-shadow: inset 0 -10px 0 #ffeeef;} #subContents .con a:hover > .highlight.blue, #subContents .con a:focus > .highlight.blue {box-shadow: inset 0 -10px 0 #e1e5f6;} #subContents .con a:hover > .highlight.green, #subContents .con a:focus > .highlight.green {box-shadow: inset 0 -10px 0 #f2fef4;} #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 .modalWrap{position:fixed; width:100%; height:100%; bottom:0; right:0; background:transparent; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity 0.3s ease-in-out; z-index:-1; overflow:hidden;} #subContents .modalWrap button.modalClose{position:absolute; width:26px; height:26px; top:2em; right:2em; margin:0; padding:0; background:transparent; cursor:pointer;} #subContents .modalWrap button.modalClose span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0; transition:.3s;} #subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#fff; border-radius:2px;} #subContents .modalWrap button.modalClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);} #subContents .modalWrap button.modalClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);} #subContents .modalWrap button.modalClose:focus span, #subContents .modalWrap button.modalClose:hover span{transform:rotate(180deg);} #subContents .modalWrap button.modalClose:after{content:''; clear:both; display:block;} #subContents .modalWrap .modalCon{position:absolute; width:60%; max-height:80%; top:50%; left:20%; padding:2.4em; background:#fff; border-radius:.4em; box-shadow:3px 3px 8px rgba(0,0,0,0.1); opacity:0; overflow-y:auto; transform:translateY(-50%); transition:opacity 0.2s ease-in-out;} /* #subContents .modalWrap .modalCon h3{margin:0 auto 2em; font-size:2em; font-weight:500; text-align:center;} */ #subContents .modalWrap .modalCon .conTitle:first-child h4 {margin-top: 0;} #subContents .modalWrap .modalCon .con {margin-bottom: 2.5em;} #subContents .modalWrap .modalCon .con:last-child {margin-bottom: 0; padding-bottom: 0;} #subContents .modalWrap .modalBg{position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.5); opacity:0; z-index:-1; transition:opacity 0.2s ease-in-out;} #subContents .modalWrap.open{visibility:inherit; opacity:1; z-index:1000;} #subContents .modalWrap.open .modalCon{opacity:1;} #subContents .modalWrap.open .modalBg{opacity:1;} #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 + p.point, #subContents .con ol.number + p.point {margin-top: -1.5em;} #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: #fafafa; border: 1px solid #e3e3e3;} #subContents .con ul.list li .box ul.list li, #subContents .con ul.list li .box ol.number li, #subContents .con ol.number li .box ul.list li, #subContents .con ol.number li .box ol.number li {margin: 0 auto .375em; font-size: .889em;} #subContents .con ul.list li .box ul.list li:last-child, #subContents .con ul.list li .box ol.number li:last-child, #subContents .con ol.number li .box ul.list li:last-child, #subContents .con ol.number li .box ol.number 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 .con sup.big {font-size: 1em;} #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 table tr th sup, #subContents table tr td sup {color: #647ccf; font-weight: 500;} #subContents .con table tr td ol.number, #subContents .con table tr td ul.list {margin: 0 auto .75em;} #subContents .con table tr td ol.number:last-child, #subContents .con table tr td ul.list:last-child {margin-bottom: 0;} #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 .videoW {width: 100%; padding-top: 56.25%; /* 16 : 9 */ position: relative;} #subContents .videoW iframe {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #subContents .con .flexW {display: flex; flex-wrap: wrap;} #subContents .con .linkBtnW {margin: 3em auto 0; text-align: center;} #subContents .con .linkBtnW .linkBtn, #subContents .con .linkBtnW .linkBtn {padding: .875em 1.5em; background: transparent; border: 0; border-radius: 2px; font-size: 1.125em; font-weight: 500; line-height: 1; transition: .3s; position: relative;} #subContents .con .linkBtnW .linkBtn +.linkBtn {margin-top: .5em;} #subContents .con .linkBtnW .linkBtn span, #subContents .con .linkBtnW .linkBtn span {} #subContents .con .linkBtnW .linkBtn span::before, #subContents .con .linkBtnW .linkBtn span::after {transition: .3s;} #subContents .con .linkBtnW .linkBtn {color: #fff;} #subContents .con .linkBtnW .linkBtn span {position: relative;} #subContents .con .linkBtnW .linkBtn.color01 {background: #073257; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%); z-index: 0;} #subContents .con .linkBtnW .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 .linkBtn.color01:hover::before, #subContents .con .linkBtnW .linkBtn.color01:focus::before {opacity: .35;} #subContents .con .linkBtnW .linkBtn.color01 span {z-index: 2;} #subContents .con .linkBtnW .linkBtn.color02 {background: #22336e;} #subContents .con .linkBtnW .linkBtn.color02:hover, #subContents .con .linkBtnW .linkBtn.color02:focus {background: #2c418d;} #subContents .con .linkBtnW .linkBtn.new {padding: .5em .75em; background: #fff; border: 1px solid #c9d1f5; color: #22336e; line-height: 1.25;} #subContents .con .linkBtnW .linkBtn.new span {} #subContents .con .linkBtnW .linkBtn.new:hover, #subContents .con .linkBtnW .linkBtn.new:focus {background: #e1e5f6; color: #18254f;} #subContents .con .linkBtnW .linkBtn.new span::before {content: '\f0c1'; display: inline-block; padding-right: .5em; color: #9db1ea; vertical-align: middle;} #subContents .con .linkBtnW .linkBtn.new:hover span::before, #subContents .con .linkBtnW .linkBtn.new:focus span::before {color: #647ccf;} #subContents .con .linkBtnW .linkBtn.download {width: 100%; background: #fafffb; border: 1px solid #d4fcdb; color: #06851b; line-height: 1.25; text-align: left;} #subContents .con .linkBtnW .linkBtn.download span {} #subContents .con .linkBtnW .linkBtn.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 .linkBtn.download:hover, #subContents .con .linkBtnW .linkBtn.download:focus {background: #fff; border-color: #a9dbb0;} #subContents .con .linkBtnW ul {display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5em;} #subContents .con .linkBtnW ul li {} #subContents .con .linkBtnW ul li .linkBtn {} #subContents .con .subtiBox {display: block; width: 100%; margin: 0 auto; padding: 1.5em; background: #fafafa; border: 4px double #ddd;} #subContents .con .subtiBox p {font-size: 1.375em;} #subContents .con .brandLogoW {display: block; text-align: right;} #subContents .con .brandLogoW .brandLogo {display:inline-block; margin: 0; width: 180px;} #subContents .con .brandLogoW .brandLogo img {width: 100%;} #subContents .con .conBox {padding: 2.275em 3em; border-radius: 2px; overflow: hidden; position: relative; z-index: 0;} #subContents .con .conBox + p {margin-top: 1em;} #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; margin-bottom: 1em;} #subContents .con .conBox .txtW p.big:last-child {margin-bottom: 0;} #subContents .con .conBox .txtW p + .linkBtnW {margin: 1.5em auto 0;} #subContents .con .conBox .txtW .linkBtnW {margin: 0 auto;} #subContents .con .conBox .txtW .linkBtnW .download {background: #fff; border-color: #a9dbb0;} #subContents .con .conBox .txtW .linkBtnW .download:hover, #subContents .con .conBox .txtW .linkBtnW .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.type02 .linkBtnW .linkBtn.new:hover, #subContents .con .conBox.type02 .linkBtnW .linkBtn.new:focus {background: #2c418d; border-color: #22336e; color: #fff;} #subContents .con .conBox.type02 .linkBtnW .linkBtn.new:hover span::before, #subContents .con .conBox.type02 .linkBtnW .linkBtn.new:focus span::before {color: #e1e5f6;} #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; min-height: 700px; 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 .brandLogoW {display: block; position: absolute; left: 3em; top: 3em; z-index: 1;} #subContents .con .banner .brandLogoW .brandLogo {width: 110px;} #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%);} #subContents .con .DLbox {padding: .75em; background: #f7f8fc; background: linear-gradient(-135deg, #c7efcd, #c2cbec);} #subContents .con .DLbox .boxW {padding: 6em; background: #fafafa url('../images/sub/pattern.png') repeat top left; border: .375em solid #fff;} #subContents .con .DLbox .boxW .txtW {text-align: center;} #subContents .con .DLbox .boxW .txtW p {margin-top: .5em; margin-bottom: 0;} #subContents .con .DLbox .boxW .txtW p.big {margin: 0; font-size: 1.25em; font-weight: 700;} #subContents .con .DLbox .boxW .txtW p.mini {margin-top: 1.5em; font-size: .938em; color: #575757; line-height: 1.25;} #subContents .con .DLbox .boxW .linkBtnW {margin: 4.5em auto 0;} #subContents .con .DLbox .boxW .linkBtnW ul {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em;} #subContents .con .DLbox .boxW .linkBtnW ul li {flex: 1; transition: .3s;} #subContents .con .DLbox .boxW .linkBtnW ul li:hover {flex: 1.25;} #subContents .con .DLbox .boxW .linkBtnW ul li a {display:inline-block; width:100%; padding:1.5em; background:#fff; border:2px solid #ddd; border-radius:5em; color:#333; font-size: 1em; font-weight:400; text-align: center;} #subContents .con .DLbox .boxW .linkBtnW ul li a:before{content:''; display:inline-block; margin:0 .75em 0 0; border-radius:0; font-family:'FontAwesome'; font-size:1em;} #subContents .con .DLbox .boxW .linkBtnW ul li a span {} #subContents .con .DLbox .boxW .linkBtnW ul li a span:before{content:''; display:none; width:0; height: 0; bottom:auto; left:auto; background:transparent;} #subContents .con .DLbox .boxW .linkBtnW ul li a span strong {font-weight: 600;} #subContents .con .DLbox .boxW .linkBtnW ul li a.linkBtn.download {border-color:#b1ddba; color:#0d7d49;} #subContents .con .DLbox .boxW .linkBtnW ul li a.linkBtn.download::before {content:'\f019';} #subContents .con .DLbox .boxW .linkBtnW ul li a.linkBtn.download span {} #subContents .con .DLbox .boxW .linkBtnW ul li a.linkBtn.download:hover, #subContents .con .DLbox .boxW .linkBtnW ul li a.linkBtn.download:focus{background:#0d7d49; border-color:#0d7d49; /*box-shadow:2px 4px 4px rgba(13,125,73,.2);*/ color:#fff;} .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;} #subContents .sub_01 .con .greetingsW .logoW img {width: 100%;} */ #subContents .sub_01 .con .greetingsW .profileW {margin: calc(6.5em + 4px) auto 0;} #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 .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_02 .con.consult .linkBtnW {margin: 0 auto;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW {justify-content: center; gap: 4.5em 3em;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li {flex: 1 1 calc(25% - 3em * 3 / 4); max-width: calc(25% - 3em * 3 / 4);} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a {display: block; padding: 0;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .imgW {width: 100%; max-width: 200px; position: relative; transition: .3s;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .imgW img {width: 100%;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .txtW {} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .txtW p {margin: 0 auto; text-align: center; transition: .3s;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .txtW p.ti {display: inline; box-shadow: inset 0 -10px 0 transparent; font-size: 1.125em; font-weight: 700; line-height: 1.25;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .txtW p.detail {margin-top: .5em; color: #888; font-size: .938em; line-height: 1;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a:hover .imgW, #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a:focus .imgW {transform: translateY(-4px);} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a:hover .txtW p.ti, #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a:focus .txtW p.ti {box-shadow: inset 0 -10px 0 #e1e5f6;} #subContents .sub_02 .con.submission{} #subContents .sub_02 .con.submission .submissionW{} #subContents .sub_02 .con.submission .submissionW .submission{display:block; position:relative; margin:0 auto 5em;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW{} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category{} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul{display:flex; flex-wrap:wrap; gap:1.5em;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li{flex:1; position:relative; max-width:100%; padding:1.5em 1.75em 1.75em; border:3px solid #e3e3e3; border-radius:2px;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li .txtW{} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li .txtW p{margin:0 auto; text-align:center;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li .txtW p strong{} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.ti{margin:0 auto .5em; font-size:1.063em;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li ul.session{margin:1.5em auto 0;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li ul.session li{background:#f7f8fc; border:1px solid #a2b1e2; text-align:center;} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW{} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW p{} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW > p + .guideline{margin-top: -1em;} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW .guideline{margin:0 auto 2em;} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW .guideline ul{} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW p.infoBox{display:block; width:100%; padding:1.5em 3em; background:#f7f8fc; color:#22336e;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW{} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates{margin:0 auto 2em;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul{display:flex; flex-wrap:wrap; gap:1.5em;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul li{flex:1; position:relative; max-width:100%; padding:2em 1.75em; border:3px solid #636f9a; border-radius:2px;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul li p{max-width:768px; margin:0 auto; font-weight:500; text-align:center;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul li p span.mini{color:#585858; font-size:.875em; font-weight:400;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul li p.ti{margin:0 auto .5em; color:#2c418d; font-size:1.063em;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates p.infoBox{display:block; width:100%; padding:1.5em 3em; color:#22336e;} #subContents .sub_02_index {} #subContents .sub_02_index .con {} #subContents .sub_02_index .con.top {} #subContents .sub_02_index .con.top .conBox {} #subContents .sub_02_index .con.top .conBox .txtW {} #subContents .sub_02_index .con.top .conBox .txtW p {} #subContents .sub_02_index .con.area01 {margin:0 auto 6.75em;} #subContents .sub_02_index .con.area01 .brandLogoW {} #subContents .sub_02_index .con.area01 .brandLogoW .brandLogo {} #subContents .sub_02_index .con.area01 .dateW {margin: 6.75em auto 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW {margin: 4.5em auto 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .flexW {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4.5em 3em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .flexW .dateList {flex: 1 1 calc(50% - 3em / 2); max-width: calc(50% - 3em / 2);} #subContents .sub_02_index .con.area01 .dateW .dateListW > .dateList {margin: 0 auto 4.5em;} #subContents .sub_02_index .con.area01 .dateW .dateListW > .dateList:last-child {margin-bottom: 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW {display: flex; flex-direction: column; gap: 0; height: 100%;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW .conTitle {} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW .conTitle h6 {} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 0; height: 100%; padding: 3em 3em calc(3em - .25em); background: #f7f8fc; border-radius: 2em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li {position: relative;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li::before {content: ''; display: block; width: 100%; height: 4px; background: #ddd; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:first-child::before {left: calc(50% + 1px);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW {padding: calc(1.75em + 4px) 1.75em 0 0; text-align: left; position: relative;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:last-child .txtW {padding-right: 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW::before {content: ''; display: block; width: 1em; height: 1em; background: #22336e; border-radius: 50%; position: absolute; left: 0; top: 2px; transform: translateY(-50%); z-index: 1;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:first-child .txtW::before {background: linear-gradient(90deg, #3550ac 0%, #2c418d 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(2) .txtW::before {background: linear-gradient(90deg, #2c418d 0%, #06851b 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(3) .txtW::before {background: linear-gradient(90deg, #06851b 0%, #08b624 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(4) .txtW::before {background: linear-gradient(90deg, #08b624 0%, #08cc29 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW p {margin: 0 auto; line-height: 1.25;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW p.ti {color: #2c418d; font-weight: 600;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW p.term {margin: .5em auto 0; color: #585858; font-size: .938em; line-height: 1;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part3 {} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part3 ul li {flex: 1 1 33.333%; max-width: 33.333%;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part4 {} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part4 ul li {flex: 1 1 25%; max-width: 25%;} #subContents .sub_02_index .con.area02 {} #subContents .sub_02_index .con.area02 .conBox .txtW .conTitle {} #subContents .sub_02_index .con.area02 .conBox .txtW .conTitle:last-child h6 {margin-bottom: 0;} #subContents .sub_02_index .con.area02 .linkBtnW {margin: 2.25em auto 0;} #subContents .sub_02_index .con.area02 .linkBtnW ul {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em;} #subContents .sub_02_index .con.area02 .linkBtnW ul li {flex:1; transition:.3s;} #subContents .sub_02_index .con.area02 .linkBtnW ul li:hover{flex:1.25;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a {display:inline-block; width:100%; padding:1.5em; background:transparent; border:2px solid #ddd; border-radius:5em; color:#333; font-weight:500;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a:before{content:''; display:inline-block; margin:0 .75em 0 0; border-radius:0; font-family:'FontAwesome'; font-size:1em;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a span {} #subContents .sub_02_index .con.area02 .linkBtnW ul li a span:before{content:''; display:none; width:0; height: 0; bottom:auto; left:auto; background:transparent;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.link {border-color:#a2b1e2; color:#22336e;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.link::before{content:'\f0c1';} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.link span {} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.link:hover, #subContents .sub_02_index .con.area02 .linkBtnW ul li a.link:focus{background:#22336e; border-color:#22336e; box-shadow:2px 4px 4px rgba(100,124,207,.2); color:#fff;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.download {border-color:#b1ddba; color:#0d7d49;} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.download::before {content:'\f019';} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.download span {} #subContents .sub_02_index .con.area02 .linkBtnW ul li a.download:hover, #subContents .sub_02_index .con.area02 .linkBtnW ul li a.download:focus{background:#0d7d49; border-color:#0d7d49; box-shadow:2px 4px 4px rgba(13,125,73,.2); color:#fff;} #subContents .sub_02_index .con.area03 {} #subContents .sub_02_index .con.area03 .linkBtnW {margin: 0 auto;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW {justify-content: center; gap: 4.5em 3em;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li {flex: 1 1 calc(25% - 3em * 3 / 4); max-width: calc(25% - 3em * 3 / 4);} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a {display: block; padding: 0;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW {width: 100%; max-width: 200px; position: relative; transition: .3s;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW img {width: 100%;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .txtW {} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .txtW p {margin: 0 auto; text-align: center; transition: .3s;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .txtW p.ti {display: inline; box-shadow: inset 0 -10px 0 transparent; font-size: 1.125em; font-weight: 700; line-height: 1.25;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .txtW p.detail {margin-top: .5em; color: #888; font-size: .938em; line-height: 1;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a:hover .imgW, #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a:focus .imgW {transform: translateY(-4px);} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a:hover .txtW p.ti, #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a:focus .txtW p.ti {box-shadow: inset 0 -10px 0 #e1e5f6;} #subContents .sub_02_01{} #subContents .sub_02_01 .con.topic .topicW{} #subContents .sub_02_01 .con.topic .topicW ul{display:inline-block; padding:0; background:transparent; border:.75em solid #f7f8fc; border-radius:2px;} #subContents .sub_02_01 .con.topic .topicW ul li{display:block; position:relative; width:100%; margin:0 auto; padding:4em 3em; background:#fff; border:none;} #subContents .sub_02_01 .con.topic .topicW ul li:first-child{padding-top:3em;} #subContents .sub_02_01 .con.topic .topicW ul li:last-child{padding-bottom:3em;} #subContents .sub_02_01 .con.topic .topicW ul li div{top:auto; transform:translateY(0);} #subContents .sub_02_01 .con.topic .topicW ul li .flexW{display:flex; flex-wrap:wrap; align-items:center; gap:1.5em 3em;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW{flex:2; order:1; max-width:calc(40% - 3em / 2); margin:0; overflow:visible;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW:after{content:''; display:block; position:absolute; width:100%; height:100%; top:.375em; left:.375em; background:#e1e5f6; background:linear-gradient(-45deg, #f7f8fc 0, #e1e5f6 38%, #a2b1e2 68%, #647ccf 100%); border-radius:2px; z-index:0;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW img{position:relative; width:100%; max-width:fit-content; border-radius:2px; box-shadow:1px 2px 4px rgba(100,124,207,.15); z-index:1;} #subContents .sub_02_01 .con.topic .topicW ul li .txtW{flex:3; order:2; max-width:calc(60% - 3em / 2);} #subContents .sub_02_01 .con.topic .topicW ul li .txtW .conTitle{} #subContents .sub_02_01 .con.topic .topicW ul li .txtW .conTitle h6{} #subContents .sub_02_01 .con.topic .topicW ul li .txtW p{} #subContents .sub_02_01 .con.topic .topicW ul li:nth-child(even) .imgW{order:2;} #subContents .sub_02_01 .con.topic .topicW ul li:nth-child(even) .txtW{order:1; text-align:right;} #subContents .sub_02_02{} #subContents .sub_02_02 .con.bestaward .conBox .infographicW{margin:1.5em auto 0;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01{display:flex; flex-wrap:wrap; gap:.75em 1.5em; position:relative;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li{flex:1 1 calc(33.333% - 1em); position:relative; background:transparent; border-radius:4px; overflow:hidden;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper{display:flex; flex-wrap:wrap;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div{position:relative; padding:1.25em 1em;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div p{margin:0; text-align:center;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.ti{flex:1; background:#647ccf;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.ti p{position:absolute; line-height:1.25; top:50%; left:50%; color:#fff; font-weight:700; transform:translate(-50%, -50%);} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.ti p span.num{display:block; font-size:1.125em;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.detail{flex:1.625; background:#e1e5f6;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.detail p{min-width:6.25em; color:#2c418d; font-size:1.25em; font-weight:900;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place01 .wrapper div.ti{} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place01 .wrapper div.detail{} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place01 .wrapper div.detail p{} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place02 .wrapper div.ti{background:#63b1cf;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place02 .wrapper div.detail{background:#e0f0f6;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place02 .wrapper div.detail p{color:#0d7c7d;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place03 .wrapper div.ti{background:#5ba385;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place03 .wrapper div.detail{background:#d9ede4;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li.place03 .wrapper div.detail p{color:#0d7d49;} #subContents .sub_02_03{} #subContents .sub_02_04{} #subContents .sub_02_04 .con.submission .submissionW .submission.categoryW .category ul li .txtW p{max-width:768px;} #subContents .sub_02_04 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.ti br{display:none;} #subContents .sub_02_05{} #subContents .sub_02_05 .con.submission .submissionW .submission.categoryW .category ul li .txtW p{max-width:920px;} #subContents .sub_02_06 {} #subContents .sub_02_06 .con.consult .linkBtnW ul.flexW li:nth-child(3) {margin-left: 1px;} #subContents .sub_02_07 {} #subContents .sub_02_07_01 {} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category {} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul {} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li {flex: 1 1 calc(50% - 1.5em / 2); max-width: calc(50% - 1.5em / 2);} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .wrapper {height: 100%; top: auto; transform: none;} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW {display: flex; flex-direction: column; gap: 1em; height: 100%;} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW p {} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW p strong {} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.ti {margin: 0 auto;} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.ti span.mini {margin-left: .25em; color: #575757; font-size: .875em;} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.txt {height: 100%; padding: 1em 1.125em; background: #fafafa; font-size: .938em; text-align: left;} #subContents .sub_02_07_02 {} #subContents .sub_02_08 {} #subContents .sub_02_08 .con {} #subContents .sub_02_08 .con.easychair {} #subContents .sub_02_08 .con.easychair .bannerW {} #subContents .sub_02_08 .con.easychair .bannerW .txtW {} #subContents .sub_02_08 .con.easychair .bannerW .txtW .tiW {} #subContents .sub_02_08 .con.easychair .bannerW .txtW .tiW p {} #subContents .sub_02_08 .con.easychair .bannerW .txtW .tiW p.ti {} #subContents .sub_02_08 .con.easychair .bannerW .txtW .tiW p.subti {} #subContents .sub_02_08 .con.easychair .bannerW .linkBtnW {} #subContents .sub_02_08 .con.easychair .bannerW .linkBtnW .linkBtn {} #subContents .sub_02_08 .con.easychair .bannerW .linkBtnW .linkBtn span {} #subContents .sub_02_08 .con.contact {} #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;*/margin:0 auto; 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_04 {} #subContents .sub_04 .conW {} #subContents .sub_04 .conW .con {} #subContents .sub_04 .conW .con .tableW {} #subContents .sub_04 .conW .con .tableW.sessions {} #subContents .sub_04 .conW .con .tableW.sessions .th01 {width: 6%;} #subContents .sub_04 .conW .con .tableW.sessions .th02 {width: 11%;} #subContents .sub_04 .conW .con .tableW.sessions .th03 {width: 11%;} #subContents .sub_04 .conW .con .tableW.sessions .th04 {width: 24%;} #subContents .sub_04 .conW .con .tableW.sessions .th05 {width: auto;} #subContents .sub_04 .conW .con .tableW.sessions .th06 {width: auto;} #subContents .sub_04 .conW .con.lecturerW {} #subContents .sub_04 .conW .con.lecturerW .flexW {width: calc(100% + 1px); margin: 1px auto 0;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer {flex: 1 1 25%; max-width: 25%; margin: -1px -1px 0 0; padding: 1.5em; border: 1px solid #e3e3e3;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW {display: flex; justify-content: space-between; flex-direction: column; gap: 1.25em; height: 100%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .picW {width: 100%; max-width: 240px; margin: 0 auto 1em; border: 1px solid #e3e3e3; border-radius: 50%; overflow: hidden; position: relative;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .picW img {width: 100%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW {text-align: center; position: relative;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p {margin: 0 auto;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.charge {display: inline-block; margin: 0 auto 4px; padding: 4px 6px 3px; background: #f7f7f7; border: 1px solid #ddd; color: #222; font-size: 12px; font-weight: 500; line-height: 1; vertical-align: bottom;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.charge.green{background:#f2fef4; border:1px solid #d4f3d9; color:#06851b;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.charge.blue{background:#f2f9fe; border:1px solid #d4daf3; color:#2c418d;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.name {color: #a70004; font-size: 1.125em; font-weight: 700; line-height: 1.25;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.work {margin: .5em auto 0; color: #888; font-size: .75em; font-weight: 300; line-height: 1.375;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.journal{margin:.875em auto 0; color:#333; font-size:.625em; font-weight:400; line-height:1.375;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen {display: block; width: fit-content; margin: 0 auto; padding: .5em .875em; background: #fff; /*box-shadow: 2px 2px 6px rgba(45, 0, 1, .05);*/ border: 1px solid #910002; border-radius: 2px; color: #910002; font-size: .875em; font-weight: 300; line-height: 1; vertical-align: middle; transition: .3s;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen span {padding-right: calc(.5em + 11px); line-height: 1; position: relative; transition: .3s;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen span::before, #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen span::after {content: ''; display: block; background: #910002; position: absolute; transition: .3s;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen span::before {width: 9px; height: 1px; right: 0; top: 50%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen span::after {width: 1px; height: 9px; right: 4px; top: calc(50% - 4px);} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:hover, #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:focus {background: #910002; color: #fff;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:hover span::before , #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:hover span::after, #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:focus span:before, #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen:focus span::after {background: #fff;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.5em; align-items: center;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .picW {flex: 1 1 240px; width: 100%; max-width: 240px; margin: 0 auto; border: 1px solid #e3e3e3; border-radius: 50%; overflow: hidden; position: relative;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .picW img {width: 100%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW {flex: 1 1 calc(100% - 240px - 1.5em); max-width: calc(100% - 240px - 1.5em); text-align: left;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW {} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p {margin: 0 auto;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.charge {display: inline-block; margin: 0 auto 6px; padding: 4px 6px 3px; background: #f7f7f7; border: 1px solid #ddd; color: #222; font-size: 12px; font-weight: 500; line-height: 1; vertical-align: bottom;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.charge.green{background:#f2fef4; border:1px solid #d4f3d9; color:#06851b;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.charge.blue{background:#f2f9fe; border:1px solid #d4daf3; color:#2c418d;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.name {color: #a70004; font-size: 1.25em; font-weight: 700; line-height: 1.25;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.work {margin: .75em auto 0; color: #888; font-size: 1em; font-weight: 300; line-height: 1.375;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW .nameW p.journal{margin:1em auto 0; color:#333; font-size:.813em; font-weight:400; line-height:1.375;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .txtW {text-align: left; margin: 1.5em auto 0; padding: 1.5em; background: #fafafa;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .txtW p {margin-bottom: .75em;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .txtW p:last-child {margin-bottom: 0;} #subContents .sub_05 {} #subContents .sub_05 .conW {} #subContents .sub_05 .conW .con {} #subContents .sub_05 .conW .con .listW {} #subContents .sub_05 .conW .con .listW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.5em;} #subContents .sub_05 .conW .con .listW ul li {flex: 1 1 calc(50% - 1.5em / 2); max-width: calc(50% - 1.5em / 2); border-radius: 2px;} #subContents .sub_05 .conW .con .listW ul li .wrap {} #subContents .sub_05 .conW .con .listW ul li .wrap .txtW {text-align: center;} #subContents .sub_05 .conW .con .listW ul li .wrap .txtW p {margin: 0 auto;} #subContents .sub_05 .conW .con .listW ul li .wrap .txtW p.ti {line-height: 1.25;} #subContents .sub_05 .conW .con .listW.type01 {} #subContents .sub_05 .conW .con .listW.type01 ul li {padding: 1.5em; border: 3px solid #e3e3e3;} #subContents .sub_05 .conW .con .listW.type01 ul li .wrap .txtW p {color: #575757; font-size: .938em;} #subContents .sub_05 .conW .con .listW.type01 ul li .wrap .txtW p.ti {margin: 0 auto .25em; color: #a70004; font-size: 1.125em;} #subContents .sub_05 .conW .con .listW.type02 {} #subContents .sub_05 .conW .con .listW.type02 ul li {padding: 2em 1.75em; border: 3px solid #636f9a;} #subContents .sub_05 .conW .con .listW.type02 ul li .wrap .txtW p {font-weight: 500;} #subContents .sub_05 .conW .con .listW.type02 ul li .wrap .txtW p.ti {margin: 0 auto .5em; color: #2c418d; font-size: 1.125em;} #subContents .sub_05 .area01 {} #subContents .sub_05 .area01 .con .universityW {margin: .75em auto 0;} #subContents .sub_05 .area01 .con .universityW .flexW {justify-content: space-between; align-items: center; gap: calc(3em + .375em);} #subContents .sub_05 .area01 .con .universityW .flexW .imgW {flex: 1 1 calc(50% - calc(3em + .375em) / 2); max-width: calc(50% - calc(3em + .375em) / 2); margin: 0; overflow: visible; position: relative;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW::before, #subContents .sub_05 .area01 .con .universityW .flexW .imgW::after {content: ''; width: 100%; height: 100%; position: absolute;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW::before {display: none; background: rgba(0, 0, 0, .25); background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .25) 100%); left: 50%; top: 50%; transform: translate(-50%, -50%);} #subContents .sub_05 .area01 .con .universityW .flexW .imgW::after {display:block; background:#e1e5f6; background:linear-gradient(-45deg, #f7f8fc 0, #e1e5f6 38%, #a2b1e2 68%, #647ccf 100%); border-radius:2px; top:.375em; left:.375em; z-index:0;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW img {width: 100%; max-width: fit-content; border-radius: 2px; box-shadow: 1px 2px 4px rgba(100,124,207,.15); position: relative; z-index: 1;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW {flex: 1 1 calc(50% - calc(3em + .375em) / 2); max-width: calc(50% - calc(3em + .375em) / 2); position: relative;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .logoW {width: 100%; max-width: 170px; margin-bottom: 1.75em; text-align: left;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .logoW img {width: 100%;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .conTitle {} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .conTitle h5 {margin-top: 0;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .txt {} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .txt p {margin-bottom: .75em;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .txt p:last-child {margin-bottom: 0;} #subContents .sub_05 .area01 .con .map {width: 100%; height: 500px;} #subContents .sub_05 .area01 .con .map iframe {width: 100%; height: 100%;} #subContents .sub_05 .area02 {} #subContents .sub_05 .area02 .con {} #subContents .sub_05 .area02 .con .tableW {} #subContents .sub_05 .area02 .con .tableW.table01 {} #subContents .sub_05 .area02 .con .tableW.table01 .th01 {width: 4%;} #subContents .sub_05 .area02 .con .tableW.table01 .th02 {width: 28%;} #subContents .sub_05 .area02 .con .tableW.table01 .th03, #subContents .sub_05 .area02 .con .tableW.table01 .th04 {width: 19%;} #subContents .sub_05 .area02 .con .tableW.table01 .th05, #subContents .sub_05 .area02 .con .tableW.table01 .th06, #subContents .sub_05 .area02 .con .tableW.table01 .th07 {width: 10%;} #subContents .sub_05 .area03 {} #subContents .sub_05 .area03 .con .trafficW {} #subContents .sub_05 .area03 .con .trafficW .tiW {padding: 4px; background: #fff; border: 3px solid #f7f8fc; text-align: center;} #subContents .sub_05 .area03 .con .trafficW .tiW p {padding: calc(1.5em - 4px); background: #f7f8fc; color: #22336e; font-size: 1.125em; font-weight: 500;} #subContents .sub_05 .area03 .con .trafficW ul {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 3em; margin: 3em auto 0;} #subContents .sub_05 .area03 .con .trafficW ul li {flex: 1 1 calc(33.333% - 3em * 2 / 3); max-width: calc(33.333% - 3em * 2 / 3); height: auto;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap {display: flex; flex-direction: column; height: 100%;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .imgW {width: 100%; max-width: 200px; overflow: visible; position: relative; transition: .3s;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .imgW img {width: 100%;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .txtW {flex: 1; display: flex; flex-direction: column; gap: 0; background: #fafafa; text-align: center;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .txtW p {margin: 0;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .txtW p.method {padding-bottom: 1em; background: #fff; font-size: 1.125em; font-weight: 700; line-height: 1;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .txtW p.reason {flex: 1; height: 100%; padding: 1em; font-size: .875em;} #subContents .sub_05 .area03 .con .trafficW ul li.good {} #subContents .sub_05 .area03 .con .trafficW ul li.good .wrap .imgW::before {content: ''; display: block; width: 50px; height: 40px; background: transparent url('../images/sub/ico_recommended_type01.png') no-repeat 0 0 / cover; position: absolute; left: 50%; top: -4px; z-index: 1; transform: translate(-50%, -50%);} #subContents .sub_05 .area04 .con .introBox {} #subContents .sub_05 .area04 .con .introBox .tiW {margin: 0 auto calc(2.275em - .25em); padding: .25em .25em .25em calc(3em - 6px); border-left: 6px solid #636f9a; text-align: left;} #subContents .sub_05 .area04 .con .introBox .tiW p {margin: 0 auto;} #subContents .sub_05 .area04 .con .introBox .tiW p.ti {font-size: 1.75em; font-weight: 700; line-height: 1;} #subContents .sub_05 .area04 .con .introBox .tiW p.subti {margin: 1em auto 0; font-size: 1.125em; font-weight: 500; line-height: 1.25;} #subContents .sub_05 .area04 .con .attractionW {} #subContents .sub_05 .area04 .con .attractionW ul {display:inline-block; padding:0; background:transparent; border:.75em solid #f7f8fc; border-radius:2px;} #subContents .sub_05 .area04 .con .attractionW ul li {display:block; position:relative; width:100%; margin:0 auto; padding:4em 3em; background:#fff; border:none;} #subContents .sub_05 .area04 .con .attractionW ul li:first-child {padding-top:3em;} #subContents .sub_05 .area04 .con .attractionW ul li:last-child {padding-bottom:3em;} #subContents .sub_05 .area04 .con .attractionW ul li div {top:auto; transform:translateY(0);} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW {align-items:center; gap:1.5em 3em;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW {flex:2; order:1; max-width:calc(40% - 3em / 2); margin:0; overflow:visible;} #subContents .sub_05 .area04 .con .attractionW ul li:nth-child(even) .wrap .flexW .imgW {order:2;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW::after {content:''; display:block; position:absolute; width:100%; height:100%; top:.375em; left:.375em; background:#e1e5f6; background:linear-gradient(-45deg, #f7f8fc 0, #e1e5f6 38%, #a2b1e2 68%, #647ccf 100%); border-radius:2px; z-index:0;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW img {position:relative; width:100%; max-width:fit-content; border-radius:2px; box-shadow:1px 2px 4px rgba(100,124,207,.15); z-index:1;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .txtW {flex:3; order:2; max-width:calc(60% - 3em / 2);} #subContents .sub_05 .area04 .con .attractionW ul li:nth-child(even) .wrap .flexW .txtW {order:1; text-align:right;} #subContents .sub_05 .area04 .con .attractionW ul li.good {} #subContents .sub_05 .area04 .con .attractionW ul li.good .wrap .flexW .imgW::before {content: ''; display: block; width: 75px; height: 75px; background: transparent url('../images/sub/05/ico_recommended_attraction.png') no-repeat 0 0 / cover; position: absolute; left: .375em; top: .375em; z-index: 2; transform: translate(-50%, -50%);} #subContents .sub_05 .area04 .con .attractionW ul li.good:nth-child(even) .wrap .flexW .imgW::before {left: auto; right: 0; transform: translate(50%, -50%);} #subContents .sub_06 {} #subContents .sub_06 .con {} #subContents .sub_06 .con .levelW {} #subContents .sub_06 .con .levelW .levelList {display:flex; flex-wrap:wrap; gap:3em;} #subContents .sub_06 .con .levelW .levelList .level {flex:1 1 calc(33.333% - (3em * 2 / 3)); max-width:calc(33.333% - (3em * 2 / 3)); background:#fafafa; /*margin: 0 auto 3em; padding: 0 0 3em; border-bottom: 1px dotted #ddd;*/} #subContents .sub_06 .con .levelW .levelList .level:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #subContents .sub_06 .con .levelW .levelList .level .conTitle {background:#fff;} #subContents .sub_06 .con .levelW .levelList .level .conTitle h5 {} #subContents .sub_06 .con .levelW .levelList .level .conTitle h5::before {} #subContents .sub_06 .con .levelW .levelList .level .benefitW {padding: 1.375em 1.875em 1.5em; background: #fafafa;} #subContents .sub_06 .con .levelW .levelList .level .benefitW ul.list {} #subContents .sub_06 .con .levelW .levelList .level .benefitW ul.list li {} #subContents .sub_06 .con .levelW .levelList .level .benefitW ul.list li::before {background: #888;} #subContents .sub_06 .con .levelW .levelList .level .benefitW ul.list li p {} #subContents .sub_06 .con .levelW .levelList .diamond .conTitle h5 span.subFont{color:#5064a1;} #subContents .sub_06 .con .levelW .levelList .diamond .conTitle h5::before{background:#5064a1 linear-gradient(-135deg, #90a1cb 0, #5064a1 100%);} #subContents .sub_06 .con .levelW .levelList .platinum .conTitle h5 span.subFont{color:#7b50a1;} #subContents .sub_06 .con .levelW .levelList .platinum .conTitle h5::before {background: #7b50a1 linear-gradient(-135deg, #b090cb 0, #7b50a1 100%);} #subContents .sub_06 .con .levelW .levelList .gold .conTitle h5 span.subFont{color:#d7be73;} #subContents .sub_06 .con .levelW .levelList .gold .conTitle h5::before {background: #d7be73 linear-gradient(-135deg, #e7c050 0, #d7be73 100%);} #subContents .sub_06 .con .levelW .levelList .silver .conTitle h5 span.subFont{color:#888;} #subContents .sub_06 .con .levelW .levelList .silver .conTitle h5::before {background: #888 linear-gradient(-135deg, #b5b5b5 0, #888 100%);} #subContents .sub_06 .con .levelW .levelList .bronze .conTitle h5 span.subFont{color:#8f6d37;} #subContents .sub_06 .con .levelW .levelList .bronze .conTitle h5::before {background: #8f6d37 linear-gradient(-135deg, #c3a16d 0, #8f6d37 100%);} #subContents .sub_06 .con .levelW .levelList .barter .conTitle h5 span.subFont{color:#a2c652;} #subContents .sub_06 .con .levelW .levelList .barter .conTitle h5::before {background: #bcc143 linear-gradient(-135deg,#bcc143 0,#83cd65 100%);} #subContents .sub_06 .con .sponsorW {} #subContents .sub_06 .con .sponsorW .sponsorList {} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor {margin: 0 auto 3em;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW {} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p {} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti {display: inline-block; width: auto; padding-left: calc(22px + 8px); padding-top: 8px; font-size: 1.25em; font-weight: 300; position: relative; z-index: 0;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti::before {content: ''; display: inline-block; width: 22px; height: 33px; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti .color{display:inline-block; margin-right:.125em;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW {margin: 1.5em auto 0;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.5em;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li {display:flex; justify-content:center; align-items:center; flex: 1 1 calc(25% - 1.5em * 3 / 4); max-width: calc(25% - 1.5em * 3 / 4); padding: 1em; background: #fff; border: 4px double #ddd;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li .imgW {} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li .imgW img {} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li.p0{padding:0;} #subContents .sub_06 .con .sponsorW .sponsorList .diamond .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 0;} #subContents .sub_06 .con .sponsorW .sponsorList .diamond .tiW p.ti .color {color: #5064a1;} #subContents .sub_06 .con .sponsorW .sponsorList .platinum .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 -33px;} #subContents .sub_06 .con .sponsorW .sponsorList .platinum .tiW p.ti .color {color: #7b50a1;} #subContents .sub_06 .con .sponsorW .sponsorList .gold .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 -66px;} #subContents .sub_06 .con .sponsorW .sponsorList .gold .tiW p.ti .color {color: #d7be73;} #subContents .sub_06 .con .sponsorW .sponsorList .silver .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 -99px;} #subContents .sub_06 .con .sponsorW .sponsorList .silver .tiW p.ti .color {color: #888;} #subContents .sub_06 .con .sponsorW .sponsorList .bronze .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 -132px;} #subContents .sub_06 .con .sponsorW .sponsorList .bronze .tiW p.ti .color {color: #8f6d37;} #subContents .sub_06 .con .sponsorW .sponsorList .barter .tiW p.ti::before, #subContents .sub_06 .con .sponsorW .sponsorList .best .tiW p.ti::before {background-image: url('../images/sub/06/ico_level.png'); background-position: 0 -165px;} #subContents .sub_06 .con .sponsorW .sponsorList .barter .tiW p.ti .color, #subContents .sub_06 .con .sponsorW .sponsorList .best .tiW p.ti .color {color: #a2c652;} #subContents .sub_07 {} #subContents .sub_07 .con {} #subContents .sub_07 .con .registrationsW {} #subContents .sub_07 .con .registrationsW ol {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.5em;} #subContents .sub_07 .con .registrationsW ol li {flex: 1 1 calc(50% - 1.5em / 2); max-width: calc(50% - 1.5em / 2); padding: 1.5em; border: 3px solid #e3e3e3; border-radius: 2px;} #subContents .sub_07 .con .registrationsW ol li .wrap {} #subContents .sub_07 .con .registrationsW ol li .wrap .txtW {text-align: center; } #subContents .sub_07 .con .registrationsW ol li .wrap .txtW p {margin: .25em auto 0;} #subContents .sub_07 .con .registrationsW ol li .wrap .txtW p.ti {margin: 0 auto; color: #a70004; font-size: 1.125em;} #subContents .sub_07 .con .registrationsW ol li .wrap .txtW p.term {color: #575757; font-size: .938em;} #subContents .sub_07 .con .tableW {margin: 0 auto 2.25em;} #subContents .sub_07 .con .tableW:last-child {margin-bottom: 0;} #subContents .sub_07 .con .tableW.table01 {} #subContents .sub_07 .con .tableW.table01 .th01, #subContents .sub_07 .con .tableW.table01 .th02, #subContents .sub_07 .con .tableW.table01 .th03, #subContents .sub_07 .con .tableW.table01 .th04, #subContents .sub_07 .con .tableW.table01 .th05 {width: 20%;} #subContents .sub_07 .con .tableW.table02 {} #subContents .sub_07 .con .tableW.table02 .th01, #subContents .sub_07 .con .tableW.table02 .th02, #subContents .sub_07 .con .tableW.table02 .th03, #subContents .sub_07 .con .tableW.table02 .th04, #subContents .sub_07 .con .tableW.table02 .th05 {width: 20%;} #subContents .sub_07 .con .tableW.table03 {} #subContents .sub_07 .con .tableW.table03 .th01, #subContents .sub_07 .con .tableW.table03 .th02, #subContents .sub_07 .con .tableW.table03 .th03, #subContents .sub_07 .con .tableW.table03 .th04 {width: 25%;} #subContents .sub_07 .con .tableW.table04 {} #subContents .sub_07 .con .tableW.table05 {} /* #subContents .sub_07 .con .tableW.inModal01 {} #subContents .sub_07 .con .modalWrap .modalCon .tableW + p.point {margin: 1em auto 0;} */ /* #subContents .sub_07 .con button.modalOpen {background: transparent; border: 0; transition: .3s;} #subContents .sub_07 .con button.modalOpen.bankinfo {display: inline-block; padding: .375em .875em .5em; background: #fff; border: 1px solid #a2b1e2; border-radius: 2px; box-shadow: 2px 2px 6px rgba(15,22, 48, .05); color: #647ccf; font-size: .875em; position: absolute; right: 10px; top: 5em; transform: translateY(-100%);} #subContents .sub_07 .con button.modalOpen.bankinfo:hover, #subContents .sub_07 .con button.modalOpen.bankinfo:focus {background: #c2cbec; color: #22336e;} #subContents .sub_07 .con button.modalOpen.bankinfo span {} #subContents .sub_07 .con button.modalOpen.bankinfo span .mini {font-size: 12px;} */ #subContents .sub_07_01 .conBox.type04 .txtW .linkBtnW{display:flex; flex-wrap:wrap; gap:.75em 1em;} #subContents .sub_07_01 .conBox.type04 .txtW .linkBtnW .linkBtn.download{flex:1; margin:0;} #subContents .sub_07_01_form1 {} #subContents .sub_07_01_form1 .con {} #subContents .sub_07_01_form1 .con .listW {} #subContents .sub_07_01_form1 .con .listW ul.list {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 3em; margin: 0 auto;} #subContents .sub_07_01_form1 .con .listW ul.list li {flex: 1 1 calc(50% - 3em / 2); max-width: calc(50% - 3em / 2); margin: 0; padding: 0;} #subContents .sub_07_01_form1 .con .listW ul.list li a {display: block; padding: 2em 1.75em 2.125em; background: #fff; border: 3px solid #636f9a; box-shadow: 2px 2px 6px rgba(15,22, 48, .05); position: relative;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW {margin: 0 auto 1.5em; padding: 0 0 1em; border-bottom: 1px dotted #ddd;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p {margin: 0 auto; transition: .3s;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.tag {margin: 0 auto .5em; color: #888; font-size: 14px; font-weight: 500; line-height: 1.25;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.ti {margin-bottom: .75em; color: #4562c5; font-size: 1.25em; font-weight: 900;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.date {color: #22336e; font-size: .938em; position: relative;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.date::before {content: '\f133'; display: inline-block; margin-right: .5em; margin-bottom: 1px; color: inherit; font-size: inherit; vertical-align: bottom;} #subContents .sub_07_01_form1 .con .listW ul.list li a button.btn {display: block; width: 100%; padding: 1em; background: #073257; border: 0; border-radius: 2px; color: #fff; font-size: 1em; position: relative; z-index: 0;} #subContents .sub_07_01_form1 .con .listW ul.list li a button.btn::before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%); opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 1;} #subContents .sub_07_01_form1 .con .listW ul.list li a button.btn span {position: relative; z-index: 1;} #subContents .sub_07_01_form1 .con .listW ul.list li a:hover, #subContents .sub_07_01_form1 .con .listW ul.list li a:focus {box-shadow: 2px 8px 12px rgba(15,22, 48, .1); color: inherit; text-decoration: none; transform: translateY(-4px);} #subContents .sub_07_01_form1 .con .listW ul.list li a:hover .txtW p.ti, #subContents .sub_07_01_form1 .con .listW ul.list li a:focus .txtW p.ti {color: #222;} #subContents .sub_07_01_form1 .con .listW ul.list li a:hover .txtW p.date, #subContents .sub_07_01_form1 .con .listW ul.list li a:focus .txtW p.date {color: #222;} #subContents .sub_07_01_form1 .con .listW ul.list li a:hover button.btn::before, #subContents .sub_07_01_form1 .con .listW ul.list li a:focus button.btn::before {opacity: 0;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled {border-color: #e3e3e3; box-shadow: none; opacity: .5; filter: grayscale(100%); pointer-events: none; cursor: not-allowed;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled .txtW {border-bottom-color: #ddd;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled .txtW p.tag {color: #888;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled .txtW p.ti {color: #474747;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled .txtW p.date {color: #575757;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled button.btn, #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled button.btn::before {background: #acacac;} #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled:hover, #subContents .sub_07_01_form1 .con .listW ul.list li a.disabled:focus {box-shadow: none;} #subContents .sub_07_01_form1 .con .listW ul.list li.earlybird {} #subContents .sub_07_01_form1 .con .listW ul.list li.regular {} #subContents .sub_07_01_form1 .con .listW ul.list li.late {} #subContents .sub_07_01_form1 .con .listW ul.list li.oneSite {} #subContents .sub_07_01_form2 {} #subContents .sub_07_01_form2 .con {} #subContents .sub_07_01_form2 .con .writeW {} #subContents .sub_07_01_form2 .con .writeW .infoW {} #subContents .sub_07_01_form2 .con .writeW .infoW .box {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em; padding: 3em; background: #f7f8fc; box-shadow: 0px 2px 4px rgb(100 124 207 / .15);} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info {display: block; flex: 1 1 35%; max-width: 35%; height: fit-content; padding: .25em .25em .25em 1.75em; background: transparent; border-left: 3px solid #636f9a; text-align: left;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p {margin: 0 auto;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.tag {margin: 0 auto .5em; color: #888; font-size: 14px; font-weight: 500; line-height: 1.25;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.ti {margin-bottom: .5em; color: #4562c5; font-size: 1.25em; font-weight: 900;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.date {color: #22336e; font-size: .938em; position: relative;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.date::before {content: '\f133'; display: inline-block; margin-right: .5em; margin-bottom: 1px; color: inherit; font-size: inherit; vertical-align: bottom;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW {flex: 1 1 calc(65% - 1.5em); max-width: calc(65% - 1.5em);} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li {margin: 0 auto .5em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li:last-child {margin-bottom: 0;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label {display: flex; justify-content: space-between; align-items: center; gap: 1em; margin: 0; padding: 1em; background: #fff; border: 1px solid #e1e5f6; border-radius: 2px; transition: .3s; cursor: pointer;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .txtW {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .txtW input {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .txtW span {vertical-align: text-bottom;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .txtW span.txt.red {color: #a70004;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .priceW {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .priceW p {line-height: 1;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .priceW p span {} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:hover, #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:focus {background: #e1e5f6; border-color: #a2b1e2; box-shadow: 2px 2px 6px rgba(15,22, 48, .05);} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:hover .txtW span, #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:focus .txtW span, #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:hover .priceW p, #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:focus .priceW p {color: #22336e;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:hover .txtW span.checkmark, #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label:focus .txtW span.checkmark {border: 1px solid #acacac;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type {max-width: 1024px; margin: 3em auto 0;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type ul {display: flex; justify-content: center; gap: 1.5em; text-align: center;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type ul li {margin: 0;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type ul li label.btn.select input.pick ~ span.txt {margin-left: 0;} #subContents .sub_07_01_form2 .con .linkBtnW {} #subContents .sub_07_01_form2 .con .linkBtnW button {min-width: 300px;} #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;} #subContents .sub_mypage_membership-fee .btns{margin:2.5em auto; padding: 1.5em; background: #f7f8fc; box-shadow: 0px 2px 4px rgb(100 124 207 / .15);} #subContents .sub_mypage_membership-fee .btns:after{content:'';display:block;clear:both;} #subContents .sub_mypage_membership-fee .btns > ul > li{width: 49%;border-radius: 2px;cursor: pointer;} #subContents .sub_mypage_membership-fee .btns li label.btn.select{display:block;padding: 1.2em 0.8em;margin:0;background: #fff;border: 1px solid #e1e5f6;transition:all .3s;} #subContents .sub_mypage_membership-fee .btns li label.btn.select .txt{font-size:0.938em;color:#666;} #subContents .sub_mypage_membership-fee .btns li label.btn.select .txt strong{font-size:1.25em;color:#222;} #subContents .sub_mypage_membership-fee .btns li label.btn.select:hover, #subContents .sub_mypage_membership-fee .btns li label.btn.select:focus {background: #e1e5f6; border-color: #a2b1e2; box-shadow: 2px 2px 6px rgba(15, 22, 48, .05);} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info{margin:2.5em auto 0;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info ul.list {background: #fff; border:1px solid #e1e5f6;border-top: 3px solid #636f9a;border-radius:2px;padding:1em;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info ul.list li{margin:0 0 0.75em;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info ul.list li:last-child{margin-bottom:0;} #subContents .sub_mypage_membership-fee .con .btn_confirm{margin: 3em auto 0; text-align:center;} #subContents .sub_mypage_membership-fee .con .btn_confirm .btn_submit{display:inline-block;padding:.875em 1.5em .938em;background:#22336e; border-radius:2px; color:#fff; font-size:1.125em; font-weight:700; cursor:pointer;} #subContents .sub_mypage_membership-fee .con .btn_confirm .btn_submit span{} #subContents .sub_mypage_membership-fee .con .btn_confirm .btn_submit:focus, #subContents .sub_mypage_membership-fee .con .btn_confirm .btn_submit:hover{background:#2c418d;} #subContents .sub_mypage_membership-fee .con .btn.receipt{background:#a70004;color:#fff;} #subContents .sub_mypage_membership-fee .con .btn.receipt:focus,#subContents .sub_mypage_membership-fee .con .btn.receipt:hover{background:#bc0005;} #subContents .sub_mypage_membership-fee .payment_method button.modalOpen.payment{display:inline-block; margin:0; padding:2px 1px; background:none; border-bottom:1px solid #10059f; color:#10059f; vertical-align:top;} #subContents .sub_mypage_membership-fee .payment_method button.modalOpen.payment:focus, #subContents .sub_mypage_membership-fee .payment_method button.modalOpen.payment:hover{color:#1507d0;} #subContents .sub_mypage_membership-fee .con.title{margin:0 auto 3em; padding:1.25em 1.5em; background:#f9f9f9; border:1px dotted #bbb; border-radius:2px;} #subContents .sub_mypage_membership-fee .payment_method .con dl{} #subContents .sub_mypage_membership-fee .payment_method .con dl dt{margin:1.5em auto 0;} #subContents .sub_mypage_membership-fee .payment_method .con dl dt:first-child{margin:.8em auto 0;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd{margin:0 auto 3em;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd:last-child{margin:0 auto;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd > p + ul.list, #subContents .sub_mypage_membership-fee .payment_method .con dl dd > p + ol.number{margin:-1.5em auto 0;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd > p + p{margin-top:-1.5em;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd ul ul, #subContents .sub_mypage_membership-fee .payment_method .con dl dd ul ol, #subContents .sub_mypage_membership-fee .payment_method .con dl dd ol ul, #subContents .sub_mypage_membership-fee .payment_method .con dl dd ol ol{padding:24px 28px; background:#f9f9f9; border:1px dotted #d4d4d4; border-radius:2px;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd ol li{margin:0 auto 1em;} #subContents .sub_mypage_membership-fee_test .btns{margin:2.5em auto} #subContents .sub_mypage_membership-fee_test .btns:after{content:'';display:block;clear:both;} #subContents .sub_mypage_membership-fee_test .btns > ul > li{width: 49%;border-radius: 2px;cursor: pointer;} #subContents .sub_mypage_membership-fee_test .btns li label.btn.select{display:block;padding: 1.2em 0.8em;margin:0;background: #f6f6f6;border: 1px solid #d4d4d4;transition:all .2s;} #subContents .sub_mypage_membership-fee_test .btns li label.btn.select .txt{font-size:0.938em;color:#666;} #subContents .sub_mypage_membership-fee_test .btns li label.btn.select .txt strong{font-size:1.25em;color:#222;} #subContents .sub_mypage_membership-fee_test .btns li .bank_transfer_info{margin:2.5em auto 0;} #subContents .sub_mypage_membership-fee_test .btns li .bank_transfer_info ul.list {border:1px solid #d4d4d4;border-top: 3px solid #22336e;border-radius:2px;padding:1.2em 0.8em;} #subContents .sub_mypage_membership-fee_test .btns li .bank_transfer_info ul.list li{margin:0 0 0.75em;} #subContents .sub_mypage_membership-fee_test .btns li .bank_transfer_info ul.list li:last-child{margin-bottom:0;} #subContents .sub_mypage_membership-fee_test .con .btn_confirm{text-align:center;} #subContents .sub_mypage_membership-fee_test .con .btn_confirm .btn_submit{display:inline-block; height:50px;padding:0 40px;height:50px;background:#22336e; border-radius:2px; color:#fff; font-size:1.083em; font-weight:700; cursor:pointer;} #subContents .sub_mypage_membership-fee_test .con .btn_confirm .btn_submit span{} #subContents .sub_mypage_membership-fee_test .con .btn_confirm .btn_submit:focus, #subContents .sub_mypage_membership-fee_test .con .btn_confirm .btn_submit:hover{background:#2c418d;} #subContents .sub_mypage_membership-fee_test .con .btn.receipt{background:#a70004;color:#fff;} #subContents .sub_mypage_membership-fee_test .con .btn.receipt:focus,#subContents .sub_mypage_membership-fee_test_test .con .btn.receipt:hover{background:#bc0005;} #subContents .sub_mypage_membership-fee_test .payment_method button.modalOpen.payment{display:inline-block; margin:0; padding:2px 1px; background:none; border-bottom:1px solid #10059f; color:#10059f; vertical-align:top;} #subContents .sub_mypage_membership-fee_test .payment_method button.modalOpen.payment:focus, #subContents .sub_mypage_membership-fee_test .payment_method button.modalOpen.payment:hover{color:#1507d0;} #subContents .sub_mypage_membership-fee_test .con.title{margin:0 auto 3em; padding:1.25em 1.5em; background:#f9f9f9; border:1px dotted #bbb; border-radius:2px;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl{} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dt{margin:1.5em auto 0;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dt:first-child{margin:.8em auto 0;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd{margin:0 auto 3em;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd:last-child{margin:0 auto;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd > p + ul.list, #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd > p + ol.number{margin:-1.5em auto 0;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd > p + p{margin-top:-1.5em;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd ul ul, #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd ul ol, #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd ol ul, #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd ol ol{padding:24px 28px; background:#f9f9f9; border:1px dotted #d4d4d4; border-radius:2px;} #subContents .sub_mypage_membership-fee_test .payment_method .con dl dd ol li{margin:0 auto 1em;} #subContents .sub_mypage_conference-list .con .btn.receipt{background:#a70004;color:#fff;} #subContents .sub_mypage_conference-list .con .btn.receipt:focus,#subContents .sub_mypage_conference-list .con .btn.receipt:hover{background:#bc0005;} #subContents .sub_mypage_conference-list .con .btn.payment{background:#096DAD;color:#fff;} #subContents .sub_mypage_conference-list .con .btn.payment:focus,#subContents .sub_mypage_conference-list .con .btn.receipt:hover{background:#bc0005;} @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{top:8px;} #subContents .con .banner .brandLogoW {left: 1.5em; top: 1.5em;} #subContents .con .DLbox .boxW .linkBtnW {margin-top: 3em;} #subContents .sub_02_06_01 .con .DLbox .boxW .txtW p.big br {display: none;} #subContents .sub_05 .area04 .con .attractionW ul li.good .wrap .flexW .imgW::before {width: 5vw; height: 5vw;} /* #subContents .sub_07 .con button.modalOpen.bankinfo {right: calc(1.5em + 4px);} */ } @media all and (max-width:1440px) { #subVisual {height: 440px;} #subContents .modalWrap button.modalClose{width:48px; height:48px; top:18px; right:20px; background:#33394f; border-radius:0;} #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;} #subContents .con .banner .brandLogoW {left: 20px; top: 20px;} #subContents .con .banner .brandLogoW .brandLogo {width: 90px;} #subContents .sub_02_07_02 .con .DLbox .boxW .txtW p.big br {display: none;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW {flex: 1 1 calc(40% - calc(3em + .375em) / 2); max-width: calc(40% - calc(3em + .375em) / 2);} #subContents .sub_05 .area01 .con .universityW .flexW .txtW {flex: 1 1 calc(60% - calc(3em + .375em) / 2); max-width: calc(60% - calc(3em + .375em) / 2);} } @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: .5em; height: .5em; margin-top: -.25em; margin-left: -.25em;} #subContents .conTitle h5:after{width:10px; height:10px; top: 7px; left:6.5px;} #subContents .con ul.list li .box ul.list li, #subContents .con ul.list li .box ol.number li, #subContents .con ol.number li .box ul.list li, #subContents .con ol.number li .box ol.number 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_02 .con.consult .linkBtnW ul.flexW li a .imgW {max-width: 180px;} #subContents .sub_02_index .con.area01 .dateW .dateListW .flexW .dateList {flex: 1 1 100%; max-width: 100%;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul {padding: 2.5em 2.5em calc(2.5em - .25em);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW {padding-top: calc(1.5em + 4px);} #subContents .sub_02_index .con.area02 .linkBtnW ul {gap: 1.125em;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW {max-width: 180px;} #subContents .sub_02_01 .con.topic .topicW ul li .flexW{align-items:flex-start; gap:1.5em 2.5em;} #subContents .sub_02_01 .con.topic .topicW ul li{padding:3em 2.5em;} #subContents .sub_02_01 .con.topic .topicW ul li:first-child{padding-top:2.5em;} #subContents .sub_02_01 .con.topic .topicW ul li:last-child{padding-bottom:2.5em;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW{flex:1.75; max-width:calc(35% - 2.5em / 2);} #subContents .sub_02_01 .con.topic .topicW ul li .txtW{flex:3; max-width:calc(65% - 2.5em / 2);} #subContents .sub_02_06_02 .con .DLbox .boxW .txtW p.big br, #subContents .sub_02_06_05 .con .DLbox .boxW .txtW p.big br {display: none;} #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 .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .picW {max-width: 200px;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .picW {flex: 1 1 200px; max-width: 200px;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW {flex: 1 1 calc(100% - 200px - 1.5em); max-width: calc(100% - 200px - 1.5em);} #subContents .sub_05 .area01 .con .universityW .flexW {align-items: flex-start;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .imgW {max-width: 180px;} #subContents .sub_05 .area04 .con .attractionW ul li {padding:3em 2.5em;} #subContents .sub_05 .area04 .con .attractionW ul li:first-child {padding-top:2.5em;} #subContents .sub_05 .area04 .con .attractionW ul li:last-child {padding-bottom:2.5em;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW {align-items:flex-start; gap:1.5em 3em;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW {flex:1.75; max-width:calc(35% - 2.5em / 2);} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .txtW {flex:3; max-width:calc(65% - 2.5em / 2);} #subContents .sub_06 .con .levelW .levelList .level {flex:1 1 calc(50% - (3em / 2)); max-width:calc(50% - (3em / 2));} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti {padding-left: calc(20px + 8px); padding-top: 7px;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti::before {width: 20px; height: 30px;} #subContents .sub_06 .con .sponsorW .sponsorList .diamond .tiW p.ti::before {background-position: 0 0;} #subContents .sub_06 .con .sponsorW .sponsorList .platinum .tiW p.ti::before {background-position: 0 -30px;} #subContents .sub_06 .con .sponsorW .sponsorList .gold .tiW p.ti::before {background-position: 0 -60px;} #subContents .sub_06 .con .sponsorW .sponsorList .silver .tiW p.ti::before {background-position: 0 -90px;} #subContents .sub_06 .con .sponsorW .sponsorList .bronze .tiW p.ti::before {background-position: 0 -120px;} #subContents .sub_06 .con .sponsorW .sponsorList .barter .tiW p.ti::before {background-position: 0 -150px;} #subContents .sub_07_01 .conBox.type04 .txtW .linkBtnW .linkBtn.download{flex:1 1 100%;} #subContents .sub_07_01_form2 .con .writeW .infoW .box {padding: 2em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info {flex: 1 1 40%; max-width: 40%;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW {flex: 1 1 calc(60% - 1.5em); max-width: calc(60% - 1.5em);} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type {margin: 2em auto 0;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .txtW span {vertical-align: middle;} #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;} #subVisual .mainTxt .brandLogoW .brandLogo{max-width:148px;} #subContents {clear:both; float:none; width:100%; min-width:calc(310px - 1.5em * 2); min-height:auto; border-left:none;} #subContents .conW {margin: 0 auto 5.25em;} #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 .con .conBox {padding: 2em 2.5em;} #subContents .con .DLbox .boxW {padding: 6em 4.5em;} #subContents .con .DLbox .boxW .linkBtnW ul {gap: .75em;} #subContents .con .DLbox .boxW .linkBtnW ul li {flex: 1 1 100%;} #subContents .sub_01 .con .greetingsW .linkBtnW {margin-bottom: 4em;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li {flex: 1 1 calc(33.333% - 3em * 2 / 3); max-width: calc(33.333% - 3em * 2 / 3);} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .imgW {max-width: 140px;} #subContents .sub_02_index .con.top {padding: 0;} #subContents .sub_02_index .con.area01 {margin:0 auto 5.25em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul {padding: 2.25em 2.25em calc(2em - .25em);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW {padding-top: calc(1.25em + 4px);} #subContents .sub_02_index .con.area02 .linkBtnW {margin: 3.5em auto 0;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW {justify-content: flex-start;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li {flex: 1 1 calc(33.333% - 3em * 2 / 3); max-width: calc(33.333% - 3em * 2 / 3);} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW {max-width: 140px;} #subContents .sub_02_01 .con.topic .topicW ul li .flexW{gap:1.5em 2em;} #subContents .sub_02_01 .con.topic .topicW ul li{padding:2.5em 2em;} #subContents .sub_02_01 .con.topic .topicW ul li:first-child{padding-top:2em;} #subContents .sub_02_01 .con.topic .topicW ul li:last-child{padding-bottom:2em;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW{flex:1; max-width:calc(30% - 2em / 2);} #subContents .sub_02_01 .con.topic .topicW ul li .txtW{flex:2.25; max-width:calc(70% - 2em / 2);} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.detail{flex:1.375;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.detail p{min-width:5.375em;} #subContents .sub_02_06 .con.consult .linkBtnW ul.flexW li:nth-child(3) {margin-left: 0;} #subContents .sub_02_06_03 .con .DLbox .boxW .txtW p br, #subContents .sub_02_06_04 .con .DLbox .boxW .txtW p br {display: none;} #subContents .sub_02_07_01 .con.submission .submissionW .submission.categoryW .category ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_03 .memberW ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer {flex: 1 1 33.333%; max-width: 33.333%;} #subContents .sub_05 .area01 .con .universityW {margin: 0;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW, #subContents .sub_05 .area01 .con .universityW .flexW .txtW {flex: 1 1 100%; max-width: 100%;} #subContents .sub_05 .area01 .con .universityW .flexW .imgW::before {display: block;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .logoW {margin-bottom: 0; position: absolute; right: 20px; top: calc(-3em - 20px - .375em); transform: translateY(-100%); z-index: 1;} #subContents .sub_05 .area03 .con .trafficW ul li {flex: 1 1 calc(50% - 3em / 2); max-width: calc(50% - 3em / 2);} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .imgW {max-width: 140px;} #subContents .sub_05 .area04 .con .introBox .tiW {margin: 0 auto calc(2em - .25em); padding-left: calc(2.5em - 6px);} #subContents .sub_05 .area04 .con .introBox .tiW p.ti {font-size: 1.5em;} #subContents .sub_05 .area04 .con .introBox .tiW p.subti {margin: .75em auto 0;} #subContents .sub_05 .area04 .con .attractionW ul li {padding:2.5em 2em;} #subContents .sub_05 .area04 .con .attractionW ul li:first-child {padding-top:2em;} #subContents .sub_05 .area04 .con .attractionW ul li:last-child {padding-bottom:2em;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW {gap:1.5em 2em;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW {flex:1; max-width:calc(30% - 2em / 2);} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .txtW {flex:2.25; max-width:calc(70% - 2em / 2);} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li {flex: 1 1 calc(33.333% - 1.5em * 2 / 3); max-width: calc(33.333% - 1.5em * 2 / 3);} /* #subContents .sub_07 .con button.modalOpen.bankinfo span br.mobile {display: block;} */ #subContents .sub_07_01_form1 .con .listW ul.list {gap: 1.5em;} #subContents .sub_07_01_form1 .con .listW ul.list li {flex: 1 1 calc(50% - 1.5em / 2); max-width: calc(50% - 1.5em / 2);} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info {flex: 1 1 100%; max-width: 100%; padding: .25em 0 .25em 1.5em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW {flex: 1 1 100%; max-width: 100%;} #subContents .modalWrap button.modalClose span{width:20px;} #subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{width:20px;} #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);} #subContents .sub_mypage_membership-fee .btns > ul > li{width:100%; margin-bottom: .75em;} #subContents .sub_mypage_membership-fee .btns > ul > li:last-child {margin-bottom: 0;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info{margin:1.5em auto 2.25em;} } @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;} #subVisual .mainTxt .brandLogoW .brandLogo{max-width:120px;} #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 .conW {margin: 0 auto 4.5em;} #subContents .con {margin: 0 auto 3em; padding: 0 0 3em;} #subContents .con:last-child, #subContents .conW:last-child .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, #subContents .con ol.number + ul.list, #subContents .con ol.number + ol.number{margin-top:-1.5em;} #subContents .con ul.list + p.point, #subContents .con ol.number + p.point {margin-top: -1em;} #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 label.btn.select input.pick.radio ~ span.checkmark:after{width: 8px; height: 8px; margin-top: -4px; margin-left: -4px;} #subContents .con .subtiBox p {font-size: 1.25em;} #subContents .con .conBox {padding: 1.75em 2.25em;} #subContents .con .banner {height: 680px; min-height: auto;} #subContents .con .banner .txtW {gap: 1.5em;} #subContents .con .banner .brandLogoW .brandLogo {width: 70px;} #subContents .con .DLbox .boxW {padding: 3em;} #subContents .con .DLbox .boxW .txtW {text-align: left;} #subContents .con .DLbox .boxW .txtW p.big {font-size: 1.125em;} #subContents .con .DLbox .boxW .txtW p.mini {margin-top: .75em;} #subContents .con .DLbox .boxW .linkBtnW {margin-top: 2em;} #subContents .sub_01 .con .greetingsW {margin: 6em auto 0;} /* #subContents .sub_01 .con .greetingsW .logoW {max-width: 280px;} */ #subContents .sub_01 .con .greetingsW .profileW {margin: calc(6em + 4px) auto 0;} #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.submission .submissionW .submission.categoryW .category ul{gap:.75em;} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW p.infoBox{padding:1.25em 2em;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul{gap:.75em;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates p.infoBox{padding:1.25em 2em;} #subContents .sub_02 .con.submission .linkBtnW ul li {flex: 1;} #subContents .sub_02 .con.submission .linkBtnW ul li .linkBtn {display: block;} #subContents .sub_02_index .con.area01 {margin: 0 auto 4.5em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul {padding: 2em 2.5em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li::before {width: 4px; height: 100%; left: 0; transform: translateX(-50%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:first-child::before {left: 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW {padding: 0 0 1.5em calc(1.25em + .5em);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW::before {width: 16px; height: 16px; top: 0; transform: translateX(-50%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:last-child .txtW {padding-bottom: .25em;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:first-child .txtW::before {background: linear-gradient(180deg, #3550ac 0%, #2c418d 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(2) .txtW::before {background: linear-gradient(180deg, #2c418d 0%, #06851b 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(3) .txtW::before {background: linear-gradient(180deg, #06851b 0%, #08b624 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li:nth-child(4) .txtW::before {background: linear-gradient(180deg, #08b624 0%, #08cc29 100%);} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part3 ul li, #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW.part4 ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_02_index .con.area02 .linkBtnW {margin: 3em auto 0;} #subContents .sub_02_index .con.area02 .linkBtnW ul {gap: .75em;} #subContents .sub_02_index .con.area02 .linkBtnW ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_02_01 .con.topic .topicW ul li .imgW{flex:1 1 100%; max-width:100%;} #subContents .sub_02_01 .con.topic .topicW ul li .txtW{flex:1 1 100%; max-width:100%;} #subContents .sub_02_01 .con.topic .topicW ul li:nth-child(even) .imgW{order:1;} #subContents .sub_02_01 .con.topic .topicW ul li:nth-child(even) .txtW{order:2; text-align:left;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.ti{felx:1 1 100%;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.ti p span.num{display:inline;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li .wrapper div.detail{flex:1 1 100%;} #subContents .sub_02_04 .con.submission .submissionW .submission.categoryW .category ul li .txtW p.ti br{display:inline;} #subContents .sub_02_07_02 .con .DLbox .boxW .txtW p.big br {display: block;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer {flex: 1 1 50%; max-width: 50%;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap button.modalClose {width: 2.75em; height: 2.75em; right: 20px; top: .867em;} #subContents .sub_05 .conW .con .listW ul {gap: .75em;} #subContents .sub_05 .conW .con .listW ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_05 .area01 .con .universityW .flexW {gap: 1.5em;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .logoW {max-width: 150px; right: calc(20px - .375em); top: calc(-1.5em - 20px + .375em);} #subContents .sub_05 .area01 .con .map {height: 400px;} #subContents .sub_05 .area03 .con .trafficW ul li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_05 .area03 .con .trafficW ul li.good .wrap {padding-top: 20px;} #subContents .sub_05 .area03 .con .trafficW ul li.good .wrap .imgW::before {width: 40px; height: 32px;} #subContents .sub_05 .area04 .con .introBox .tiW {margin: 0 auto calc(1.75em - .25em); padding-left: calc(2.25em - 3px); border-left-width: 3px;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .imgW {flex:1 1 100%; max-width:100%;} #subContents .sub_05 .area04 .con .attractionW ul li .wrap .flexW .txtW {flex:1 1 100%; max-width:100%;} #subContents .sub_05 .area04 .con .attractionW ul li:nth-child(even) .wrap .flexW .imgW {order:1;} #subContents .sub_05 .area04 .con .attractionW ul li:nth-child(even) .wrap .flexW .txtW {order:2; text-align:left;} #subContents .sub_05 .area04 .con .attractionW ul li.good .wrap .flexW .imgW::before {width: 75px; height: 75px; left: auto; right: calc(.375em + 20px); top: auto; bottom: calc(.375em + 20px); transform: none;} #subContents .sub_05 .area04 .con .attractionW ul li.good:nth-child(even) .wrap .flexW .imgW::before {right: calc(.375em + 20px); transform: none;} #subContents .sub_06 .con .levelW .levelList .level {flex:1 1 100%; max-width:100%;} #subContents .sub_06 .con .levelW .levelList .level .benefitW {padding: 1.375em 1.5em 1.5em;} #subContents .sub_06 .con .levelW .levelList .level .benefitW ul.list li p br {display: none;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti {padding-left: calc(18px + 6px); font-size: 1.125em;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti::before {width: 18px; height: 27px;} #subContents .sub_06 .con .sponsorW .sponsorList .diamond .tiW p.ti::before {background-position: 0 0;} #subContents .sub_06 .con .sponsorW .sponsorList .platinum .tiW p.ti::before {background-position: 0 -27px;} #subContents .sub_06 .con .sponsorW .sponsorList .gold .tiW p.ti::before {background-position: 0 -54px;} #subContents .sub_06 .con .sponsorW .sponsorList .silver .tiW p.ti::before {background-position: 0 -81px;} #subContents .sub_06 .con .sponsorW .sponsorList .bronze .tiW p.ti::before {background-position: 0 -108px;} #subContents .sub_06 .con .sponsorW .sponsorList .barter .tiW p.ti::before {background-position: 0 -135px;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul {gap: 1em;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li {flex: 1 1 calc(50% - 1em / 2); max-width: calc(50% - 1em / 2);} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li .imgW img{width:75%;} #subContents .sub_07 .con .registrationsW ol {gap: .75em;} #subContents .sub_07 .con .registrationsW ol li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_07 .con .registrationsW ol li .wrap .txtW p.term {font-size: 1em;} /* #subContents .sub_07 .con button.modalOpen.bankinfo {font-size: .938em; position: relative; right: auto; top: auto; transform: none;} #subContents .sub_07 .con button.modalOpen.bankinfo span br.mobile {display: none;} */ #subContents .sub_07_01_form1 .con .listW ul.list li {flex: 1 1 100%; max-width: 100%;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.tag, #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.tag {font-weight: 400;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.date, #subContents .sub_07_01_form2 .con .writeW .infoW .box {padding: 1.5em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info {padding: .25em 0 .25em 1.25em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.date {font-size: 1em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label {display: block; padding: 1.25em 1em 1.125em;} #subContents .sub_07_01_form2 .con .writeW .infoW .box .selectW ul li .wrap label .priceW p {margin: .5em auto 0; text-align: right;} #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 .sub_mypage_membership-fee .btns{margin:2em auto;} #subContents .sub_mypage_membership-fee .btns li label.btn.select{padding:0.8em 0.6em;} #subContents .sub_mypage_membership-fee .btns li label.btn.select .txt{display:inline-block;} #subContents .sub_mypage_membership-fee .btns li label.btn.select .txt strong{display:block;margin-bottom:0.2em;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info{margin:1.6em auto 2em;} #subContents .sub_mypage_membership-fee .payment_method .con dl dt:first-child{margin:.75em auto 0;} #subContents .sub_mypage_membership-fee .payment_method .con dl dd > p + ul.list, #subContents .sub_mypage_membership-fee .payment_method .con dl dd > p + ol.number{margin:-1.5em auto 0;} #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;} #subVisual .mainTxt .flexW{align-items:flex-start;} #subVisual .mainTxt .brandLogoW .brandLogo{max-width:100px;} #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 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul {min-width: 100%;} #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.5em 1.75em;} #subContents .con .conBox .txtW p.big, #subContents .con .conBox.type04 .txtW p.ti {font-size: 1.125em;} #subContents .con .DLbox .boxW .linkBtnW ul li a {padding: 1.25em;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .imgW {max-width: 100px;} #subContents .sub_02 .con.submission .submissionW .submission.categoryW .category ul li{flex:1 1 100%;} #subContents .sub_02 .con.submission .submissionW .submission.guidelineW p.infoBox{text-align:left;} #subContents .sub_02 .con.submission .submissionW .submission.importantDatesW .dates ul li{flex:1 1 100%;} #subContents .sub_02 .con.submission .linkBtnW ul {gap: .75em;} #subContents .sub_02 .con.submission .linkBtnW ul li {flex: 1 1 100%;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW {max-width: 100px;} #subContents .sub_02_02 .con.bestaward .conBox .infographicW ul.infographic01 li{flex:1 1 100%;} #subContents .sub_02_06_01 .con .DLbox .boxW .linkBtnW a, #subContents .sub_02_07_02 .con .DLbox .boxW .linkBtnW a {font-size: 2.586vw;} #subContents .sub_03 .memberW ul li .infoW .picW {flex: 1 1 160px; max-width: 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_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .picW {max-width: 160px;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .picW {flex: 1 1 160px;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW {flex: 1 1 calc(100% - 160px - 1.5em); max-width: calc(100% - 160px - 1.5em);} #subContents .sub_05 .area01 .con .map {height: 320px;} #subContents .sub_05 .area04 .con .introBox .tiW {margin: 0 auto calc(1.5em - .25em); padding-left: calc(1.75em - 3px);} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .imgW {max-width: 120px;} #subContents .sub_07_01_form1 .con .listW ul.list li a .txtW p.tag, #subContents .sub_07_01_form2 .con .writeW .infoW .box .info p.tag {font-size: 13px;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type {max-width: 100%;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type ul {flex-wrap: wrap; gap: .75em; text-align: left;} #subContents .sub_07_01_form2 .con .writeW .infoW .select_type ul li {flex: 1 1 100%;} #subContents .sub_etc_sitemap .con .depth01_lists {flex: 1 1 100%; max-width: 100%;} #subContents .sub_mypage_membership-fee .btns li .bank_transfer_info ul.list li{margin:0 0 0.8em;} } @media all and (max-width:480px) { #subVisual .mainTxt .txtW{flex:1 1 100%;} #subVisual .mainTxt .brandLogoW{flex:auto;} #subVisual .mainTxt .brandLogoW .brandLogo{max-width:64px;} /* #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, #subContents .conW:last-child .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 .linkBtn {font-size: 1em;} #subContents .con .linkBtnW .linkBtn.download span::before {width: 14px; height: 14px;} #subContents .con .subtiBox p {font-size: 1.125em;} #subContents .con .brandLogoW .brandLogo {width: 160px;} #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 .con .DLbox {padding: .5em;} #subContents .con .DLbox .boxW {padding: 2.25em; border: .25em solid #fff;} #subContents .sub_01 .con .greetingsW {margin: 4.5em auto 0;} /* #subContents .sub_01 .con .greetingsW .logoW {max-width: 220px;} */ #subContents .sub_01 .con .greetingsW .profileW {margin: calc(4.5em + 4px) auto 0;} #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%;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW {gap: 0;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li {flex: 1 1 100%; max-width: 100%; margin: 0 auto 3em; padding: 0 0 3em; border-bottom: 1px dotted #ddd;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #subContents .sub_02 .con.consult .linkBtnW ul.flexW li a .imgW {max-width: 140px;} #subContents .sub_02 .con.submission .linkBtnW {margin: 1.5em auto 0;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li::before {width: 2px;} #subContents .sub_02_index .con.area01 .dateW .dateListW .dateList .listW ul li .txtW::before {width: 1em; height: 1em;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW {gap: 0;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li {flex: 1 1 100%; max-width: 100%; margin: 0 auto 3em; padding: 0 0 3em; border-bottom: 1px dotted #ddd;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} #subContents .sub_02_index .con.area03 .linkBtnW ul.flexW li a .imgW {max-width: 140px;} #subContents .sub_02_06_01 .con .DLbox .boxW .linkBtnW a, #subContents .sub_02_07_02 .con .DLbox .boxW .linkBtnW a {font-size: 3vw;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer {flex: 1 1 100%; max-width: 100%; padding: 3em 1.5em;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.name {font-size: 1.25em;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .profile .infoW .nameW p.work {font-size: .938em;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .profileW .btnBox button.modalOpen {font-size: 15px;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap .modalCon .profile .infoW {flex: 1 1 100%; max-width: 100%; text-align: center;} #subContents .sub_04 .conW .con.lecturerW .flexW .lecturer .modalWrap button.modalClose {width: 2.41em; height: 2.41em;} #subContents .sub_05 .area01 .con .universityW .flexW .txtW .logoW {max-width: 100px;} #subContents .sub_05 .area01 .con .map {height: 260px;} #subContents .sub_05 .area03 .con .trafficW ul li .wrap .txtW p br {display: none;} #subContents .sub_05 .area04 .con .attractionW ul li.good .wrap .flexW .imgW::before {width: 50px; height: 50px; right: calc(.375em + 10px); bottom: calc(.375em + 10px);} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti {padding-left: calc(16px + 6px);} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .tiW p.ti::before {width: 16px; height: 24px;} #subContents .sub_06 .con .sponsorW .sponsorList .diamond .tiW p.ti::before {background-position: 0 0;} #subContents .sub_06 .con .sponsorW .sponsorList .platinum .tiW p.ti::before {background-position: 0 -24px;} #subContents .sub_06 .con .sponsorW .sponsorList .gold .tiW p.ti::before {background-position: 0 -48px;} #subContents .sub_06 .con .sponsorW .sponsorList .silver .tiW p.ti::before {background-position: 0 -72px;} #subContents .sub_06 .con .sponsorW .sponsorList .bronze .tiW p.ti::before {background-position: 0 -96px;} #subContents .sub_06 .con .sponsorW .sponsorList .barter .tiW p.ti::before {background-position: 0 -120px;} #subContents .sub_06 .con .sponsorW .sponsorList .sponsor .logoW ul li {flex: 1 1 100%; max-width: 100%;} } @media all and (max-width:390px) { #subVisual .mainTxt .tiW p {font-size: 5.75vw;} #subVisual .mainTxt .subtiW p {font-size: .938em;} #subVisual .mainTxt .brandLogoW .brandLogo{max-width:18vw;} #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_02_06_02 .con .DLbox .boxW .linkBtnW a, #subContents .sub_02_06_03 .con .DLbox .boxW .linkBtnW a, #subContents .sub_02_06_04 .con .DLbox .boxW .linkBtnW a, #subContents .sub_02_06_05 .con .DLbox .boxW .linkBtnW a {font-size: 3.59vw;} #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;} #subContents .sub_07_01_form2 .con .linkBtnW button {min-width: 100%;} } @media all and (max-width:319px) { #subContents {min-width:calc(310px - 1.5em * 2);} #subVisual .title h2 {font-size: 5.5vw;} }