@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; /*max-width:1920px;*/ height:316px; margin:0 auto; padding:0; background:#000; overflow:hidden; box-sizing:border-box; transition:.8s; z-index:0;} #subVisual .subBg{clear:both; position:relative; width:100% ; height:100%; background-color:#000; background-repeat:no-repeat; background-size:cover; overflow:hidden;} #subVisual .subBg_contest{background-image:url('../images/sub/sub_visual_contest.jpg'); background-position:center center;} #subVisual .subBg_participation{background-image:url('../images/sub/sub_visual_participation.jpg'); background-position:center center;} #subVisual .subBg_permission{background-image:url('../images/sub/sub_visual_permission.jpg'); background-position:center center;} #subVisual .subBg_community{background-image:url('../images/sub/sub_visual_community.jpg'); background-position:center center;} #subVisual .subBg_event{background-image:url('../images/sub/sub_visual_event.jpg'); background-position:center center;} #subVisual .subBg_98, #subVisual .subBg_99, #subVisual .subBg_search, #subVisual .subBg_mypage, #subVisual .subBg_etc, #subVisual .subBg_bbs{background-image:url('../images/sub/sub_visual_etc.jpg'); background-position:center center;} #subVisual .inner{height:100%;} #subVisual .title{position:relative; top:50%; margin-top:-1.5em; text-align:center; transform:translateY(-50%); z-index:2;} #subVisual .title h2{margin:0 auto; color:#fff; font-size:2.5em; word-break:keep-all; text-shadow:1px 1px 2px rgba(0,0,0,.2);} #subVisual .title .fade-in-bottom{-webkit-animation:fade-in-bottom .8s ease-in-out .3s both; animation:fade-in-bottom .8s ease-in-out .3s both; -webkit-animation-delay:.1s; animation-delay:.1s;} #subVisual .subBg:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(73,92,101,.5); mix-blend-mode:multiply; z-index:1;} #subVisual:after{content:''; display:block; position:absolute; width:100%; bottom:0; padding:0 0 1px; background:#cdcfd4; z-index:1;} #path{clear:both; position:absolute; width:100%; top:16.5em; background:transparent; box-sizing:border-box; z-index:2; transition:.3s;} #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:.2s; animation-delay:.2s;} #path ul{padding:0; text-align:center;} #path ul li.link{display:inline-block; position:relative; margin:0 1em; padding:0; font-size:1em; color:#fff; box-sizing:border-box; vertical-align:middle;} #path ul li.link:first-child{margin-left:0;} #path ul li.link:last-child{margin-right:0;} #path ul li.link:after{content:''; display:inline-block; position:absolute; width:6px; height:11px; top:50%; right:-1em; background:url('../images/ico_arrow_right_light.png') no-repeat center / cover; transform:translate(6px, -50%)} #path ul li.link:last-child:after{display:none;} #path ul li.link.btnHome{width:16px; height:16px;} #path ul li.link.btnHome a{display:block; width:100%; height:100%; padding:0; background:transparent url('../images/sub/ico_home.png') no-repeat center / 100%; color:transparent; font-size:0; text-align:center; box-sizing:border-box;} #path ul li.link.btnHome a:focus, #path ul li.link.btnHome a:hover{opacity:.6;} #path ul li.link button{position:relative; width:auto; padding:0 1em 0 0; background:transparent; color:#fff; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; z-index:3; transition:.3s;} #path ul li.link button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:0; margin-top:-2px; border:3px solid transparent; border-top-color:#fff; border-bottom:none; font-size:0; line-height:0; transition:border-color .3s;} #path ul li.link button.rotate:after{border-top:none; border-bottom:3px solid #fff;} #path ul li.link button:focus, #path ul li.link button:hover{} #path ul li.link button:focus:after, #path ul li.link button:hover:after{} #path ul li ul{clear:both; display:inline-block; position:absolute; width:max-content; min-width:162px; height:auto; margin-top:.5em; padding:1.5em; top:0; left:50%; background:#fff; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,.1); opacity:0; visibility:hidden; box-sizing:border-box; transform:translateX(-50%); transform-origin:top center; transition:.3s ease-in-out;transition-delay:.05s; z-index:2;} #path ul li.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; width:auto; height:auto; margin:0 auto 1.25em;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:inline-block; height:auto; line-height:1; padding:1px 0; color:#333; font-size:1em; word-break:keep-all; transition:.3s;} #path ul li ul li a span{display:inline-block; position:relative;} #path ul li ul li a span:before{content:''; display:inline-block; position:absolute; width:100%; height:1px; bottom:-1px; left:0; background:#28388f; transform:scaleX(0); transform-origin:left center; transition:.2s; z-index:-1;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#28388f;} #path ul li ul li a:focus span:before, #path ul li ul li a:hover span:before{transform:scaleX(1);} #path ul li ul li.new a:after{content:''; display:inline-block; position:relative; width:15px; height:15px; top:1px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center bottom / 100%;} #side{clear:both; position:absolute; width:100%; background:rgba(36,37,40,.2); transform:translateY(-100%);} #side .inner{max-width:1400px; padding:0;} #side ul{display:flex; width:100%; margin:-4px auto 0; padding:4px 0 0; overflow:hidden; text-align:center;} #side ul li{flex:1 1 auto; display:inline-block; position:relative;} #side ul li a{display:inline-block; width:100%; padding:1em; background:transparent; color:#fff; font-size:1.25em; font-weight:300; text-align:center; word-break:keep-all;} #side ul li a span{} #side ul li a:focus, #side ul li a:hover{color:#28388f;} #side ul li.active a{background:#fff; border-radius:4px 4px 0 0; color:#28388f; font-weight:500;} #side ul li.active a:before{content:''; display:block; position:absolute; width:100%; height:8px; top:-4px; left:0; background:#fff; border-radius:8px 8px 0 0;} #side ul li.new a:after{content:''; display:inline-block; position:relative; width:15px; height:15px; top:1px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center top / 100%;} #subContents{position:relative; width:100%; height:100%; min-height:520px; margin:0 auto; padding:5em 0; background:#fff; font-size:18px; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;} #subContents .conTitle h3{display:block; line-height:1.5; margin:0 auto 1em; font-size:2.25em; font-weight:800; text-align:center;} #subContents .conTitle h3 span{position:relative; z-index:0;} #subContents .conTitle h3 span:before{content:''; position:absolute; width:100%; height:.5em; bottom:-.063em; background:#e4efff; z-index:-1;} #subContents .conTitle h4, #subContents .conTitle h5, #subContents .conTitle h6{display:inline-block; position:relative; padding:0; color:#333; font-weight:700; word-break:keep-all;} #subContents .conTitle h4{line-height:1.4; margin:.5em auto .625em; padding:0; font-size:1.75em;} #subContents .conTitle h5{line-height:1.3; margin:.5em 0 .75em; color:#132b88; font-size:1.5em;} #subContents .conTitle h6{line-height:1.2; margin:.5em 0 1em; color:#ba8944; font-size:1.25em;} #subContents .conTitle h4 span.mini, #subContents .conTitle h5 span.mini, #subContents .conTitle h6 span.mini{font-size:.75em;} #subContents .conTitle h4 span.mini{margin-left:.25em; color:#666;} #subContents .con:first-child > .conTitle h4, #subContents .conTitle:first-child h4, #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5, #subContents .conTitle:first-child h6, #subContents .conTitle + .conTitle h6{margin-top:0;} #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;} #subContents .conTitle.alignCenter{text-align:center;} #subContents .ready{} #subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;} #subContents .mt{margin-top:2.5em;} #subContents .mb{margin-bottom:2.5em;} #subContents .mb1{margin-bottom:1em;} #subContents .alignCenter{text-align:center;} #subContents .tabMenu{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em;} #subContents .tabMenu ul{display:inline-block; width:100%; margin:0 auto; padding:0;} #subContents .tabMenu ul li{display:inline-block; width:auto; min-width:150px;} #subContents .tabMenu ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tabMenu ul li a{display:block; position:relative; width:100%; line-height:1; padding:1em 1.25em; background:transparent; border-bottom:1px solid #81878f; color:#555; font-size:1.063em; font-weight:500; cursor:pointer; transition:background .2s, border-color .2s, color .2s, transform 0s;} #subContents .tabMenu ul li a:focus, #subContents .tabMenu ul li a:hover{border-bottom-color:#28388f; color:#28388f;} #subContents .tabMenu ul li.active a{padding:1em 1.25em .938em; border-bottom:3px solid #333; color:#333; font-weight:700; z-index:1;} #subContents .tabMenu ul li.new a:after{content:''; display:inline-block; position:relative; width:16px; height:16px; top:2px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center bottom / 100%; opacity:.6;} #subContents .con input[type="date"], #subContents .con input[type="email"], #subContents .con input[type="file"], #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; position:relative; width:auto; height:auto; line-height:1; padding:.75em 1em; background-color:#fff; border:1px solid #ddd; border-radius:4px; color:#333; font-size:1em; font-weight:normal;} #subContents .con select{position:relative; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#fff url('../images/ico_arrow_bottom_dark.png') no-repeat right .5em center / auto;} #subContents .con textarea{resize:vertical;} #subContents .con input.required{transition:all .3s, background-position 0s;} #subContents .con input:disabled, #subContents .con select:disabled, #subContents .con textarea:disabled{background:#eee; cursor:not-allowed;} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 5em; color:#333;/* z-index:1;*/} #subContents .con:last-child{margin:0 auto; padding:0; border-bottom:none;} #subContents .con p{line-height:1.5; margin:0 auto .75em; word-break:keep-all;} #subContents .con .pointW{padding:.25em 1em; /*background:#ffe8e8;*/ border:1px solid #df2d2d; border-radius:5em; text-align:center;} #subContents .con .pointW p.point{display:inline-block;} #subContents .con p.point{position:relative; padding-left:1em; color:#df2d2d;} #subContents .con p.point.blue{color:#132b88;} #subContents .con p.point.black{color:#333;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0; margin-top:-.125em; font-size:1.25em; font-weight:300;} #subContents .con p.point.star:before{content:'√';} #subContents .con p.point.star2:before{content:'*'; top:.025em; margin-top:0;} #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:#555; 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:#555;} #subContents .con p + p{margin-top:-.25em;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con span.highlight{background:#f3ff8f;} #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:4px; font-size:1em; transition:.3s;} #subContents .con a span{display:inline-block; position:relative;} #subContents .con a.link{padding:.313em .438em; background:#d8e0f1; border:1px solid #c3d1ef; border-radius:4px; color:#28388f;} #subContents .con a.link:before{content:'\f0c1'; display:inline-block; margin-right:.25em; border-radius:50%; color:inherit; font-family:'FontAwesome'; font-size:.875em;} #subContents .con a.link span:before{content:''; display:inline-block; position:absolute; width:100%; height:1px; bottom:-1px; left:0; background:#28388f; transform:scaleX(0); transform-origin:left center; transition:.2s; z-index:2;} #subContents .con a.download{padding:.313em .438em; background:#d8e0f1; border:1px solid #c3d1ef; border-radius:4px; color:#28388f;} #subContents .con a.download:before{content:'\f019'; display:inline-block; margin-right:.25em; border-radius:50%; color:inherit; font-family:'FontAwesome'; font-size:.875em;} #subContents .con a:focus, #subContents .con a:hover{background:transparent; color:#28388f;} #subContents .con a:focus span:before, #subContents .con a:hover span:before{transform:scaleX(1);} #subContents i.ico{display:inline-block;} #subContents .con ul{padding:0 .125em;} #subContents .con ul > li{margin:0 auto .75em;} #subContents .con ul ul, #subContents .con ul ol{margin:.75em auto 0; padding:1em 1.25em; background:#f6f6f6; border-radius:4px; font-size:.938em;} #subContents .con ul.list > li{position:relative; padding-left:1.125em;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.line > li:before{width:.4em; height:2px; top:.675em; background:#28388f;} #subContents .con ul.list.circle > li:before{width:.313em; aspect-ratio:1; top:.625em; background:#28388f; border-radius:50%;} #subContents .con ul.list.triangle > li:before{width:0; height:0; top:.625em; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #28388f; line-height:0;} #subContents .con ul li:last-child{margin:0 auto;} #subContents .con ul li a{display:inline-block; margin-left:.25em; color:#28388f; overflow-wrap:anywhere;} #subContents .con ul li a:focus, #subContents .con ul li a:hover{text-decoration:underline;} #subContents .con ul.email li p{display:inline-block; margin:0;} #subContents .con ul.email li a{display:inline-block; margin-left:.5em; padding:0; border:none; border-radius:0; color:#28388f; font-size:1em; font-weight:400; text-align:inherit; overflow-wrap:anywhere; transition:.3s;} #subContents .con ul.email li a.btn:before{content:''; display:inline-block; width:1em; height:1em; margin:-.125em .25em 0 0; background:transparent; vertical-align:middle;} #subContents .con ul.email li a.btn.email:before{background:url('../images/ico_footer_email.png') no-repeat center / 100%;} #subContents .con ul.email li a.btn.tel:before{background:url('../images/ico_footer_tel.png') no-repeat center / 100%;} #subContents .con ul.email li a:focus, #subContents .con ul.email li a:hover{text-decoration:underline;} #subContents .con ol{padding:0 .125em;} #subContents .con ol > li{margin:0 auto .75em;} #subContents .con ol ul, #subContents .con ol ol{margin:.75em auto 0; padding:1em 1.25em; background:#f6f6f6; border-radius:4px; font-size:.938em;} #subContents .con ol.number{counter-reset:item;} #subContents .con ol.number > li{position:relative; padding-left:1.125em;} #subContents .con ol.number > li:before{display:block; position:absolute; top:.25em; left:0; color:#28388f; font-weight:500; counter-increment:item;} #subContents .con ol.number.basic > li:before{content:counter(item)'.';} #subContents .con ol.number.basic > li:nth-child(9) ~ li{padding-left:1.625em;} #subContents .con ol li:last-child{margin:0 auto;} #subContents .con ol li a{display:inline-block; margin-left:.25em; color:#28388f; overflow-wrap:anywhere;} #subContents .con ol li a:focus, #subContents .con ol li a:hover{text-decoration:underline;} #subContents .tableW{width:100%; margin:0 auto 1.5em; overflow-x:auto;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:2px solid #333; text-align:center;} #subContents table tr th{min-height:40px; padding:.938em .875em; background:#f6f6f6; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:700; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowti{background:#f1f4fb; color:#282d3a; font-weight:500;} #subContents table tr th:first-child{border-left:none;} #subContents table tr th:last-child{border-right:none;} #subContents table tbody tr th{background:#fff;} #subContents table tr td{line-height:1.4; padding:.75em .875em; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle;} #subContents table tr td:first-child{border-left:none;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.rowti{background:#f1fafd; color:#282d3a; 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.total th, #subContents table tr.total td{background:#f1fafd; border-top:3px double #bbb; font-weight:700;} #subContents .imgW{width:100%; margin:0 auto 1.5em; text-align:center; overflow-x:auto;} #subContents .imgW:last-child{margin:0 auto;} #subContents .imgW img{width:100%; text-align:left;} #subContents img{max-width:1560px;} #subContents .btnBox{clear:both; display:inline-block; width:100%;} #subContents .btnBox ul.links{padding:0;} #subContents .btnBox ul.links li{display:inline-block;} #subContents .btnBox ul.links li .btn{display:inline-block; padding:1em 2.5em; background:#fff; border:2px solid #28388f; border-radius:5em; color:#28388f; font-size:1.125em; font-weight:600; cursor:pointer;} #subContents .btnBox ul.links li .btn span{} #subContents .btnBox ul.links li .btn:focus, #subContents .btnBox ul.links li .btn:hover{background:#28388f; color:#fff;} #subContents .labelW{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em; font-size:1em;} #subContents .labelW:last-child{margin:0 auto;} #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 .flexW{display:flex; flex-wrap:wrap;} .sub_participation, .sub_community, .sub_etc{clear:both; width:100%;} #subContents .con input[type="date"], #subContents .con input[type="email"], #subContents .con input[type="file"], #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{width:100%;} #subContents .con input:required, #subContents .con select:required, #subContents .con textarea:required{background:#fff url('../images/ico_required.png') no-repeat top .313em right .313em / 9px auto;} /*#subContents .con input:required:after, #subContents .con select:required:after, #subContents .con textarea:required:after{content:'*'; display:inline-block; position:absolute; top:.25em; right:.313em; color:#f00; font-size:.875rem; font-weight:normal; vertical-align:text-top;}*/ #subContents .sub_contest_guideline{} #subContents .sub_contest_guideline .con.guideW{padding:2.5em 2.5em 5em; background:#fff; border-radius:12px; box-shadow:2px 2px 12px rgba(0,0,0,.1);} #subContents .sub_contest_guideline .con.guideW .boxW{display:flex; flex-wrap:wrap; gap:5em; margin:0 auto;} #subContents .sub_contest_guideline .con.guideW .boxW .box{flex:1 1 100%; width:100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .emphasize{color:#5f0bfe;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico{width:.938em; height:.938em; margin:0 .125em -.125em 0; background:#ddd;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.calendar{background:transparent url('../images/sub/ico_calendar.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.people{background:transparent url('../images/sub/ico_people.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.bulb{background:transparent url('../images/sub/ico_bulb.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.folder{background:transparent url('../images/sub/ico_folder.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.write{background:transparent url('../images/sub/ico_write.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.examine{background:transparent url('../images/sub/ico_examine.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.medal{background:transparent url('../images/sub/ico_medal.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.speaker{background:transparent url('../images/sub/ico_speaker.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.awards{background:transparent url('../images/sub/ico_awards.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.exclamation{background:transparent url('../images/sub/ico_exclamation.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .conTitle i.ico.question{background:transparent url('../images/sub/ico_question.png') no-repeat center / 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW{display:flex; flex-wrap:wrap; gap:5em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.column {gap: 2.5em 5em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW > div{flex:1 1 calc(50% - 2.5em); width:calc(50% - 2.5em);} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.w100{flex: 1 1 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div p.theme{margin:0 auto; padding:.5em 1em; background:#28388f; border-radius:1em 1em 0 0; color:#fff; font-size:1.125em; font-weight:600; text-align:center;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.w100 p.theme{max-width: calc(50% - 2.5em); margin:0 0 1em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW .infoW{height:calc(100% - 6em); padding:1.5em .5em; border:1px solid #28388f; border-radius:0 0 1em 1em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW .infoW > ul > li{margin:0 auto 1em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul.indent{padding:0 1.25em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti, #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti + p{display:inline-block; margin:0; vertical-align:top;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti{margin:0 .25em .25em 0; padding:.0625em .5em; background:#e4efff; color:#132b88; font-size:.938em; font-weight:600;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti + ul.list{margin-top:.125em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.generalW{} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.shortW{} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.shortW .exampleW ul li .imgW{max-width: 842px;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.shortW .exampleW ul li .imgW img{width: 100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW{gap:1em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW .note{flex:1 1 100%; padding:1.5em 1.75em 1.75em; background:#f6faff; border:1px dotted #e4efff; border-radius:2px;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW .note.note01 p.point{margin:-.75em 0 0; font-size:.875em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW .note.note01 p.point:before{margin-top:-.25em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW .note.note02 p.point{margin-top:.75em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .tableW table tr th p.justifyW{display:flex; justify-content:space-between; max-width:4em; text-align:justify;} #subContents .sub_contest_guideline .con.guideW .boxW .box .tableW table tr th p.justifyW span{} #subContents .form .con .tableW table tr th .conTitle h5{margin:0 auto; font-size:1em;} #subContents .form .con .inputW{position:relative;} #subContents .form .con ul.flexW{gap:1em;} #subContents .form .con ul.flexW li{} #subContents .form .con ul.flexW li.w100{flex:1 1 100%; width:100%;} #subContents .form .con ul.flexW label{} #subContents .form .con ul.flexW p.ti{font-weight:700;} #subContents .form.apply{} #subContents .form.apply.agree{} #subContents .form.apply.agree .flexW.agree{justify-content:space-between; margin:1.5em auto; padding:.875em 1.125em; border:2px solid #e4efff; border-radius:12px;} #subContents .form.apply.agree .flexW.agree:last-child{margin:1.5em auto 0;} #subContents .form.apply.agree .conTitle + .flexW.agree{margin:0 auto 1.5em;} #subContents .form.apply.agree .flexW.agree .labelW{width:auto; margin:0;} #subContents .form.apply.agree .flexW.agree .labelW.alignCenter{margin:0 auto;} #subContents .form.apply.agree .boxW{padding:1.5em 1.75em 1.75em; background:#f6faff; border:1px dotted #e4efff; border-radius:2px;} #subContents .form.apply.agree .btnBox ul.links{display:flex; flex-wrap:wrap; justify-content:center; gap:.375em .75em;} #subContents .form.apply.agree .btnBox ul.links li{flex:1; max-width:fit-content; min-width:12em; margin:0;} #subContents .form.apply.agree .btnBox ul.links li .btn{width:100%;} #subContents .form.apply.write{} #subContents .form.apply.write .con.tabW{} #subContents .form.apply.write .con.tabW ul.tab{display:flex; margin:1px 0 0 1px; padding:0;} #subContents .form.apply.write .con.tabW ul.tab li{flex:1; margin:-1px 0 0 -1px; text-align:center;} #subContents .form.apply.write .con.tabW ul.tab li a{display:block; width:100%; margin:0; padding:1em; background:#fff; border:1px solid #ddd; border-radius:0; color:#333; font-size:1.125em; font-weight:600;} #subContents .form.apply.write .con.tabW ul.tab li a span{} #subContents .form.apply.write .con.tabW ul.tab li a:focus, #subContents .form.apply.write .con.tabW ul.tab li a:hover{background:#f6f6f6;} #subContents .form.apply.write .con.tabW ul.tab li.active a{color:#fff; background:#333;} #subContents .form.apply.write .con .tableW table tr th.rowti{width:17%;} #subContents .form.apply.write .con .tableW table tr th.rowti .conTitle + a.btn.download{margin:.5em auto 0; font-size:.75em;} #subContents .form.apply.write .con .tableW table tr th.rowti .conTitle + a.btn.download:focus, #subContents .form.apply.write .con .tableW table tr th.rowti .conTitle + a.btn.download:hover{background:#fff;} #subContents .form.apply.write .con .tableW table tr td.detailW .infoW{display:block; width:100%; margin:.25em auto 0;} #subContents .form.apply.write .con .tableW table tr td.detailW .infoW p{color:#28388f; font-size:.813em; text-align:left;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW{position:relative;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label{display:block; width:100%; background:#fff; border:1px dashed #ccc; border-radius:4px; text-align:center; cursor:pointer; transition:.3s;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label:focus, #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label:hover{border-color:#888;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label input[type="file"]{display:inline-block; position:absolute; width:0; height:0; line-height:1; top:0; left:0; opacity:0;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW{width:100%; min-height:14em; padding:2.5em 1.5em;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW.dropEnter{background:#f6f6f6;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW.dropEnd{} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW, #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW{} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW i.ico.upload{width:5em; aspect-ratio:1; margin:0 auto 1em; background:#ddd; border:1px dotted #ddd; border-radius:50%;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW i.ico.upload.picture{background:#f6f6f6 url('../images/sub/ico_camera.png') no-repeat center / auto;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW i.ico.upload.file{background:#f6f6f6 url('../images/sub/ico_file.png') no-repeat center / auto;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p{} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p span{display:inline-block; vertical-align:middle;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p span.ti{font-weight:500;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p span.mini{font-size:.875em;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p span.btn{padding:.25em .75em; background:#333; border:none; border-radius:4px; color:#fff; font-size:.875em; font-weight:500;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p.info{color:#888;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p.info:before, #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .defaultW p.info:after{content:''; display:none;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded{} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded ul.list{} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded ul.list li{text-align:center;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded ul.list li p{display:inline-block; margin:0;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded ul.list li p.name{margin-right:1em;} #subContents .form.apply.write .con .tableW table tr td.detailW .uploadW label .dropW .uploaded ul.list li p.size{color:#888; font-size:.875em;} #subContents .form.apply.write .con .tableW table tr td.detailW .inputW textarea.description{min-height:8em; line-height:1.25;} #subContents .form.apply.write .con .tableW table tr td.detailW .inputW textarea.description + p.txtInfo{display:inline-block; position:absolute; bottom:-1px; right:-1px; padding:.25em .5em; background:#fff; border-radius:5em; color:#888; font-size:.75em; text-align:right;} #subContents .form.confirm{} #subContents .form.confirm .con ul.flexW{width:100%; max-width:480px; margin:0 auto;} #subContents .form.confirm .con .btnBox{margin:2.5em auto 0;} #subContents .form.confirm .con .resultW{margin:0} #subContents .form.confirm .con .resultW > div{width:100%; margin:0 auto; padding:1.5em 1.75em 1.75em; background:#f6f6f6; border:1px solid #ddd; border-radius:4px; text-align:center;} #subContents .form.confirm .con .resultW div i.ico{width:5em; aspect-ratio:1; margin:0 auto 1em; background:#fff; border:1px dotted #ddd; border-radius:50%;} #subContents .form.confirm .con .resultW div i.ico.ok{background:#fff url('../images/ico_bullet_check_true.png') no-repeat center / auto; border-color:#25b142;} #subContents .form.confirm .con .resultW div i.ico.no{background:#fff url('../images/ico_bullet_check_false.png') no-repeat center / auto; border-color:#d63030;} #subContents .form.confirm .con .resultW div > p{line-height:1.5; font-size:1.25em; font-weight:500;} #subContents .form.confirm .con .resultW div.registered{background:#ddebe0; border-color:#25b142;} #subContents .form.confirm .con .resultW div.empty{background:#fde6e6; border-color:#d63030;} #subContents .form.confirm .con .resultW .countW{display:flex; flex-wrap:wrap; justify-content:center; gap:.25em; width:100%; max-width:fit-content; margin:0 auto;} #subContents .form.confirm .con .resultW .countW p.count{flex:1 0 auto; display:inline-block; position:relative; line-height:1.5; margin:0; padding:.313em 1.25em; background:rgba(255,255,255,.75); border-radius:5em; color:#738977; font-size:1em; font-weight:400;} #subContents .form.confirm .con .resultW .countW p.count span{display:inline-block; vertical-align:middle;} #subContents .form.confirm .con .resultW .countW p.count span.mini{margin-left:.25em; font-size:.625em; font-weight:400;} #subContents .form.confirm .con .resultW .countW p.count strong{display:inline-block; margin-left:.25em; color:#333; font-size:1.25em; font-weight:900; vertical-align:middle;} #subContents .sub_etc_sitemap{} #subContents .sub_etc_sitemap .con{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; margin:0 -1px 1px 0;} #subContents .sub_etc_sitemap .con .depth01_lists{width:33.232323%; margin:0 -1px -1px 0; padding:28px; border:1px solid #cdcfd4;} #subContents .sub_etc_sitemap .con .depth01_lists:last-child{display:none;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle{margin:0 0 28px;} #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:100%; padding:0 0 2px; color:#495c65;} #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{/*display:flex; flex-wrap:wrap;*/} #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:12px -4px 0 4px; padding:12px 20px; background:#f6f6f6; border-radius:8px;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li.depth03_list{margin:0 auto 8px; padding:0 10px;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li.depth03_list:before{content:''; display:block; position:absolute; width:4px; height:4px; top:7px; left:-2px; background:#28388f; border-radius:50%;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03{font-size:.938em;} #subContents .sub_etc_sitemap .con .depth01_lists ul li{position:relative;} #subContents .sub_etc_sitemap .con .depth01_lists ul li:last-child{margin:0 !important;} #subContents .sub_etc_sitemap .con .depth01_lists ul li a{display:inline-block; position:relative; padding:1px 0; color:#333;} #subContents .sub_etc_sitemap .con .depth01_lists ul li a:focus, #subContents .sub_etc_sitemap .con .depth01_lists ul li a:hover{color:#495c65; text-decoration:underline;} #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;} #bo_v_con img{width:auto;} @media all and (max-width:1440px) { } @media all and (max-width:1279px){ #subVisual{min-width:960px;} #subVisual .inner{padding:0 2.5em;} #path .inner{padding:0 2.5em;} #path ul{float:left; width:100%;} #path ul li:first-child{border-left:none;} #side ul li a{font-size:1.125em;} #subContents{float:none; width:100%; max-width:100%; min-height:450px; border-left:none; font-size:16px;} #subContents .inner{width:100%;} #subContents label.btn.select input.pick.radio ~ span.checkmark:after{width:.438em; height:.438em;} #subContents .sub_etc_sitemap .con .depth01_lists{width:50%;} #subContents .modalWrap .modalCon{width:84%; left:8%;} } @media all and (max-width:1023px){ #subVisual{min-width:280px; height:360px;} #subVisual .title{margin-top:-2em;} #path{top:17.5em;} #side{animation:none;} #side ul{display:block; overflow-x:auto; white-space:nowrap;} #side ul li{flex:none; display:inline-block; position:relative;} #side ul li a{padding:.875em 2em; font-size:1.125em;} #side ul li.active a{padding:.875em 2.25em;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:280px; min-height:auto; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .con img{width:100%;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .modalWrap button.modalClose{width:45px; height:45px; top:12px; right:12px; background:#495c65; border-radius:50%;} #subContents .modalWrap button.modalClose span{width:18px;} #subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{width:18px;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW{gap:2.5em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW > div{flex:1 1 100%; width:100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div.shortW.w100 p.theme{max-width: 100%;} #bo_v_con{overflow-x:auto;} #bo_v_con img{max-width:100%;} } @media all and (max-width:768px){ #subVisual{height:280px;} #subVisual .title{margin-top:-1.625em;} #subVisual .title h2{font-size:2.125em;} #path{top:15.5em;} #path ul li.link.btnHome{width:15px; height:15px;} #path ul li ul{min-width:fit-content; padding:1.25em 1.125em;} #path ul li ul li{margin:0 auto 1em;} #path ul li ul li a{font-size:1em;} #path ul li ul li.new a:after{width:14px; height:14px;} #side{display:none;} #side ul li a{font-size:1.063em;} #subContents{font-size:15px;} #subContents .mt{margin-top:1.5em;} #subContents .mb{margin-bottom:1.5em;} #subContents .conTitle h3{font-size:2em;} #subContents table tr th{padding:.625em .625em;} #subContents table tr td{padding:.5em .625em;} #subContents label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;} #subContents label.btn.select input.pick.chk:checked ~ span.checkmark:after{margin-top:-4px; background-size:80%;} #subContents .imgW{margin:0 auto 1.5em;} subContents .sub_contest_guideline .con.guideW{padding:3em 1.5em;} #subContents .form.apply.agree .flexW.agree{justify-content:center;} #subContents .form.apply.agree .flexW.agree > div{flex:1 1 100%; text-align:center;} #subContents .form.apply.agree .flexW.agree > div.txtW{margin:0 auto .5em;} #subContents .form.apply.write .con .tableW table, #subContents .form.apply.write .con .tableW table tbody, #subContents .form.apply.write .con .tableW table tr, #subContents .form.apply.write .con .tableW table tr th, #subContents .form.apply.write .con .tableW table tr td{display:block; width:100%; min-height:auto; padding:0; border:none;} #subContents .form.apply.write .con .tableW table tr th.rowti{width:100%; margin:0 auto 1em; background:none; font-size:1.25em; text-align:left;} #subContents .form.apply.write .con .tableW table tr th.rowti .conTitle{display:inline-block; width:auto;} #subContents .form.apply.write .con .tableW table tr th.rowti .conTitle + a.btn.download{margin:0 0 0 .25em;} #subContents .form.apply.write .con .tableW table tr td{margin:0 auto 2.5em;} #subContents .form.apply.write .con .tableW table tr:last-child td{margin:0 auto;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul{display:flex; flex-wrap:wrap; gap:1em; margin:0 auto;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul li{flex:1 1 calc(33.333% - .667em); width:calc(33.333% - .667em); margin:0 auto;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul li label.btn.select{width:100%; margin:0 auto; padding:.5em .25em; cursor:pointer;} #subContents .form.apply.write .con .tableW table tr td.detailW .inputW textarea.description + p.txtInfo{bottom:0; right:0;} #subContents .sub_etc_sitemap .con .depth01_lists{width:50%; padding:20px;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle{margin:0 0 16px;} #subContents .sub_etc_privacy-policy .con dl dt:first-child{margin:.75em auto 0;} #subContents .sub_etc_privacy-policy .con dl dd > p + ul.list, #subContents .sub_etc_privacy-policy .con dl dd > p + ol.number{margin:-1.5em auto 0;} #subContents .sub_etc_privacy-policy .con dl dd p + .box{margin:-1.5em auto 1em;} #subContents .sub_etc_email .con .box{padding:20px;} #subContents .modalWrap .modalCon{width:calc(100% - 4em); max-height:calc(100% - 4em); left:2em;} #subContents .modalWrap button.modalClose{width:38px; height:38px; top:8px; right:8px;} } @media all and (max-width:580px){ #subVisual{height:240px;} #subVisual .inner{padding:0 1em;} #subVisual .title{margin-top:0;} #subVisual .title h2{font-size:1.875em;} #path{position:relative; min-width:296px; top:auto; background:#fff; border-bottom:1px solid #ddd;} #path .inner{padding:0;} #path ul li{float:left; width:50%; font-size:1rem;} #path ul li.btnHome{display:none;} #path ul li.link{margin:0; color:#333; font-size:.875em;} #path ul li.link:after{display:none;} #path ul li.link button{width:100%; min-width:auto; height:3em; line-height:3; padding:0 2em 0 1em; background:#fff; color:#333; z-index:2;} #path ul li.link button:after{right:1rem; border-top-color:#333;} #path ul li.link button.rotate:after{border-bottom-color:#333;} #path ul li.link ul{width:100%; margin-top:0; z-index:3;} #path ul li.pathDepth2, #path ul li.pathDepth2 button, #path ul li.pathDepth2 ul, #path ul li.pathDepth3, #path ul li.pathDepth3 button, #path ul li.pathDepth3 ul, #path ul li.pathDepth4, #path ul li.pathDepth4 button, #path ul li.pathDepth4 ul{border-right:none;} #path ul li.pathDepth3, #path ul li.pathDepth4{width:100%; border-top:1px solid #ddd;} #path ul li.pathDepth2 ul{border-left:1px solid #ddd;} #path ul li ul li{width:100%;} #path ul li ul li a{font-size:.875em;} #path ul li ul li a:after{display:none;} #path ul li ul li.new a:after{width:13px; height:13px;} #subContents{padding:4em 0;} #subContents .pointW{padding:.25em .5em;} subContents .sub_contest_guideline .con.guideW{padding:2.5em .5em; box-shadow:none;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul.indent{padding:0 .875em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti + p{width:calc(100% - 3em);} #subContents .form.apply.agree .con .tableW table, #subContents .form.apply.agree .con .tableW table tbody{display:block;} #subContents .form.apply.agree .con .tableW table thead{display:none;} #subContents .form.apply.agree .con .tableW table tr{display:block; width:100%;} #subContents .form.apply.agree .con .tableW table tr td{display:flex; flex-wrap:wrap; width:100%; margin:0 auto; padding:.5em; border-right:none; border-left:none; text-align:left;} #subContents .form.apply.agree .con .tableW table tr td:before{content:attr(data-label); display:block; flex:1 1 100%; width:100%; font-weight:700;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul li{flex:1 1 calc(50% - .5em); width:calc(50% - .5em); margin:0 auto;} } @media all and (max-width:480px){ #subVisual{height:200px;} #subVisual .title h2{line-height:1.25; font-size:1.625em;} #side ul li a{padding:.625em 1.25em; font-size:1em;} #side ul li.active a{padding:.625em 1.5em;} #side ul li.active a:before{height:10px; top:-6px;} #subContents{padding:1.75em 0 2.125em; font-size:14px;} #subContents ul li a{margin:0;} #subContents table{font-size:.938em;} #subContents .con{margin:0 auto 2.125em;} #subContents .pointW{padding:.313em .75em; border-radius:4px; text-align:left;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul li p.ti + p{width:100%;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW div ul.indent{padding:0 .125em;} #subContents .sub_contest_guideline .con.guideW .boxW .box .flexW.noteW .note{padding:1.125em 1.25em 1.25em;} #subContents .form.apply.agree .boxW{padding:1.125em 1.25em 1.25em;} #subContents .form.apply.write .con .tableW table{font-size:1em;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul{gap:.5em;} #subContents .form.apply.write .con .tableW table tr td.detailW .labelW.inline ul li{flex:1 1 100%; width:100%;} #subContents .form.confirm .con .resultW .countW{max-width:240px;} #subContents .form.confirm .con .resultW .countW p.count{flex:1 1 100%; display:flex; justify-content:space-between; align-items:center; width:100%;} #subContents .form.confirm .con .resultW .countW p.count > span{text-align:left;} #subContents .form.confirm .con .resultW .countW p.count strong{text-align:right;} #subContents .sub_etc_privacy-policy .con .conTitle h4 span.num{margin-right:4px; padding:6px 12px;} } @media all and (max-width:319px){ #subVisual{min-width:280px;} #path{min-width:280px;} #subContents{min-width:280px;} }