@charset "UTF-8"; /* common */ #subVisual{clear: both; display: block; position: relative; width: 100%; max-width:1920px; height: 280px; margin: 0 auto; padding: 0 20px; background: transparent; overflow: hidden; box-sizing: border-box; transition: .8s; z-index: 0;} #subVisual .subBg {clear: both; position: relative; width: 100% ; height: 100%; background-color: #717171; background-repeat: no-repeat; background-size: cover; border-radius: 2em; overflow: hidden;} #subVisual .subBg::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(5, 31, 76, .25); mix-blend-mode: multiply; z-index: 0;} #subVisual .subBg_01 {background-image: url('../images/sub/sub_visual_01.jpg'); background-position: center center;} #subVisual .subBg_02 {background-image: url('../images/sub/sub_visual_02.jpg'); background-position: center center;} #subVisual .subBg_03 {background-image: url('../images/sub/sub_visual_03.jpg'); background-position: center center;} #subVisual .subBg_04 {background-image: url('../images/sub/sub_visual_04.jpg'); background-position: center center;} #subVisual .subBg_05 {background-image: url('../images/sub/sub_visual_05.jpg'); background-position: center center;} #subVisual .subBg_06 {background-image: url('../images/sub/sub_visual_06.jpg'); background-position: center center;} #subVisual .subBg_07 {background-image: url('../images/sub/sub_visual_07.jpg'); background-position: center center;} #subVisual .subBg_bbs {background-image: url('../images/sub/sub_visual_bbs.jpg'); background-position: center center;} #subVisual .subBg_etc {background-image: url('../images/sub/sub_visual_etc.jpg'); background-position: center center;} #subVisual .inner {min-width: 210px; height: 100%;} #subVisual .title {margin-top: -1em /* path와의 사이 간격 */; text-align: center; position: relative; top: 50%; transform: translateY(-50%);} #subVisual .title h2 {margin: 0 auto; color: #fff; font-size: 3em; font-weight: 700; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);} #path {clear:both; position:absolute; width:100%; top: calc(204px + 3em) /*calc(Visual 높이의 1/2 + header 높이 - h2 높이의 1/2 + h2 폰트 크기*/; background:transparent; box-sizing:border-box; z-index:2; transition:.3s;} #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_white.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:1px solid #575b63; border-radius:8px; box-shadow:0 2px 12px rgba(65,67,73,.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; text-align:center;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:inline-block; height:auto; line-height:1; padding:1px 0; color:#242528; font-size:1.125em; 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:12px; bottom:-1px; left:0; background:#c4d9ff; opacity:.4; 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:#0f67fe;} #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%;} #subContents {position: relative; width: 100%; height: 100%; /*min-height:520px;*/ margin: 0 auto; padding: 3em 4em; background: transparent; box-sizing: border-box; font-size: 18px;} #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; margin: 0 auto 1.35em; padding-bottom: .375em; line-height:1.4; color:#222; font-size: 2.225em; font-weight: 700; text-align: center; position: relative;} #subContents .conTitle h3::after {content: ''; display: inline-block; width: 3rem; height: 3px; background: #ccc; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} #subContents .conTitle h4, #subContents .conTitle h5, #subContents .conTitle h6{display:inline-block; position:relative; color:#222; font-weight:700; word-break:keep-all; overflow-wrap:anywhere;} #subContents .conTitle h4 span.num, #subContents .conTitle h5 span.num, #subContents .conTitle h6 span.num{display:inline-block; position:relative; margin-right: 0.4rem; line-height:1;} #subContents .conTitle h4 span.mini, #subContents .conTitle h5 span.mini, #subContents .conTitle h6 span.mini{font-size:.725em; color: #a1a1a1;} #subContents .conTitle h4 {line-height:1.4; margin:20px 0 .75em; padding-left: calc(24px + 0.75rem); color:#222; font-size:1.875em;} #subContents .conTitle h4::before {content: ''; display: inline-block; width: .712em; height: .712em; background: url('../images/symbol_kaidoc.png') no-repeat center / cover; position: absolute; left: 0; top: 11px;} #subContents .conTitle h4 span.num{margin-right:.125em; color:#0d59da;} #subContents .conTitle h5{line-height:1.3; margin:20px 0 .926em; /*padding:0 0 0 .875em;*/ color:#222; font-size:1.5em;} #subContents .conTitle h5 span.num{color:#5ac5dd;} #subContents .conTitle h6{line-height:1.2; margin:18px 0 .875em; /*padding:0 0 0 1em;*/ color:#0b4ab7; font-size:1.125em;} #subContents .conTitle h6 span.num{color:#3c84fe;} #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 .conTitle.alignCenter h4{margin:20px 0;} #subContents .conTitle.alignCenter h4:after{content:''; display:block; width:40px; height:3px; margin:12px auto 8px; background:#0d326f; background:linear-gradient(90deg, #0d326f 0, #0e54b3 100%); border-radius:2px;} #subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 4em; padding:0; color:#222; /* z-index:1;*/} #subContents .con:last-child{margin:0 auto; padding:0;} #subContents .con p{line-height:1.6; margin-bottom:1em; font-size:1em; word-break:keep-all; overflow-wrap:anywhere;} #subContents .con > p + p{margin-top:-.25em;} #subContents .con > p + ul.list, #subContents .con > p + ol.number{margin-top:-.5em;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{position:relative; padding-left:18px; color:#d21a20;} #subContents .con p.point.blue{color:#0e54b3;} #subContents .con p.point.black{color:#222;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.point.star:before{content:'☆';} #subContents .con p.point a{color:inherit;} #subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;} #subContents .con p.info{color:#717171; 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:#d21a20; text-align:right;} #subContents .con p.postDate.gray{color:#717171;} #subContents .con p strong.color{color:inherit; font-weight:500;} #subContents .con p strong.color.red{color:#d21a20;} #subContents .con p strong.color.highlight{padding:0 .2em; background:#fff5a6;} #subContents .con br.dn {display: none;} #subContents .con br.db {display: block;} #subContents .con img{display:inline-block; width:100%; max-width:fit-content; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a{display:inline-block;} #subContents .con a:before{transition:.3s;} #subContents .con a:focus, #subContents .con a:hover{color:#0b4ab7;} /* #subContents .con a.link:before{content:'\f0c1'; display:inline-block; padding-right:4px; color:#e66c70;} #subContents .con a.link:focus:before, #subContents .con a.link:hover:before{color:#fff;} */ #subContents .con .blue {color: #0f67fe;} #subContents .con .mint {color: #34b7d5;} #subContents .con .pink {color: #fd3180;} #subContents .con .btnBox{text-align:center;} #subContents .con .btnBox.alignLeft{text-align:left;} #subContents .con .btnBox.alignRight{text-align:right;} #subContents .con .btnBox a, #subContents .con .btnBox button{padding:1.25em 1.5em; background:#e4c1c1; border:none; border-radius:12px; color:#0b4ab7; font-size:1em; font-weight:500;} #subContents .con .btnBox a:focus, #subContents .con .btnBox a:hover, #subContents .con .btnBox button:focus, #subContents .con .btnBox button:hover{background:#ebcdcdcd; box-shadow:2px 2px 8px rgba(58,37,5,.2); color:#fff;} #subContents .con .btnBox a:focus:after, #subContents .con .btnBox a:hover:after, #subContents .con .btnBox button:focus:after, #subContents .con .btnBox button:hover:after{color:inherit;} #subContents .con .btnBox a.link:before{padding-right:.75em;} #subContents .con .linkW {width: 100%; max-width: 470px; margin: 0 auto; min-width: 240px; text-align: center;} #subContents .con .linkW a.link {width: 100%; padding: 1.5em 1em; background: #0f67fe; border-radius: 1em; color: #fff;} #subContents .con .linkW a.link:hover, #subContents .con .linkW a.link:focus {background: #0d59da;} #subContents .con .linkW a.link p {margin-bottom: 0;} #subContents .con .linkW a.link p.intro {color: #96bdff; font-size: 1rem; line-height: 1.25;} #subContents .con .linkW a.link p.move {font-size: 1.25em; font-weight: 700;} #subContents .con ul.list, #subContents .con ol.number{clear:both; width:100%; margin:0 auto 1.4em;} #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:-.5em;} #subContents .con ul.list > li, #subContents .con ol.number > li{position:relative; margin:0 auto .5em; line-height:1.6; word-break:keep-all; overflow-wrap:anywhere;} #subContents .con ul.list > li{padding-left:12px;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.line > li:before{width:5px; height:2px; top:14px; background:#3c84fe;} #subContents .con ul.list.circle > li:before{width:5px; height:5px; top:12px; background:#3c84fe; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:9px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #3c84fe; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:3px; color:#3c84fe;} #subContents .con ul.list.check > li{padding-left:20px;} #subContents .con ul.list.check > li:before{width:15px; height:14px; top: 5px; background:url('../images/sub/ico_bullet_check.png') no-repeat; background-size: cover;} #subContents .con ul.list.nobullet > li{padding-left:0;} #subContents .con ul.list li span.comment, #subContents .con ol.number li span.comment {color: #757575; font-size: .875em;} #subContents .con ol.number > li{padding-left:1.125em;} #subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#3c84fe; font-weight:500;} #subContents .con ol.number.basic > li:nth-child(9) ~ li{padding-left:26px;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'1.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic > li:nth-child(11):before{content:'11.';} #subContents .con ol.number.basic > li:nth-child(12):before{content:'12.';} #subContents .con ol.number.basic > li:nth-child(13):before{content:'13.';} #subContents .con ol.number.basic > li:nth-child(14):before{content:'14.';} #subContents .con ol.number.basic > li:nth-child(15):before{content:'15.';} #subContents .con ol.number.basic > li:nth-child(16):before{content:'16.';} #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; overflow-wrap:anywhere;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:before{display:block; position:absolute; left:0; color:#3c84fe; font-weight:500;} #subContents .con ol.number.basic2 > li:nth-child(1):before{content:'01)'; letter-spacing:0;} #subContents .con ol.number.basic2 > li:nth-child(2):before{content:'02)';} #subContents .con ol.number.basic2 > li:nth-child(3):before{content:'03)';} #subContents .con ol.number.basic2 > li:nth-child(4):before{content:'04)';} #subContents .con ol.number.basic2 > li:nth-child(5):before{content:'05)';} #subContents .con ol.number.basic2 > li:nth-child(6):before{content:'06)';} #subContents .con ol.number.basic2 > li:nth-child(7):before{content:'07)';} #subContents .con ol.number.basic2 > li:nth-child(8):before{content:'08)';} #subContents .con ol.number.basic2 > li:nth-child(9):before{content:'09)';} #subContents .con ol.number.basic2 > li:nth-child(10):before{content:'10)'; letter-spacing:0;} #subContents .con ol.number.basic3 > li{padding-left:1.313em;} #subContents .con ol.number.basic3 > li:nth-child(10) ~ *{padding-left:24px;} #subContents .con ol.number.basic3 > li:nth-child(1):before{content:'1)'; letter-spacing:0;} #subContents .con ol.number.basic3 > li:nth-child(2):before{content:'2)';} #subContents .con ol.number.basic3 > li:nth-child(3):before{content:'3)';} #subContents .con ol.number.basic3 > li:nth-child(4):before{content:'4)';} #subContents .con ol.number.basic3 > li:nth-child(5):before{content:'5)';} #subContents .con ol.number.basic3 > li:nth-child(6):before{content:'6)';} #subContents .con ol.number.basic3 > li:nth-child(7):before{content:'7)';} #subContents .con ol.number.basic3 > li:nth-child(8):before{content:'8)';} #subContents .con ol.number.basic3 > li:nth-child(9):before{content:'9)';} #subContents .con ol.number.basic3 > li:nth-child(10):before{content:'10)'; letter-spacing:0;} #subContents .con ol.number.basic4 > li{padding-left:1.75em;} #subContents .con ol.number.basic4 > li:nth-child(1):before{content:'(1)'; letter-spacing:0;} #subContents .con ol.number.basic4 > li:nth-child(2):before{content:'(2)';} #subContents .con ol.number.basic4 > li:nth-child(3):before{content:'(3)';} #subContents .con ol.number.basic4 > li:nth-child(4):before{content:'(4)';} #subContents .con ol.number.basic4 > li:nth-child(5):before{content:'(5)';} #subContents .con ol.number.basic4 > li:nth-child(6):before{content:'(6)';} #subContents .con ol.number.basic4 > li:nth-child(7):before{content:'(7)';} #subContents .con ol.number.basic4 > li:nth-child(8):before{content:'(8)';} #subContents .con ol.number.basic4 > li:nth-child(9):before{content:'(9)';} #subContents .con ol.number.basic4 > li:nth-child(10):before{content:'(10)'; letter-spacing:0;} #subContents .con ol.number.circle > li{padding-left:1.25em;} #subContents .con ol.number.circle > li:before{font-size:1.125em;} #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:nth-child(1):before{content:'A.';} #subContents .con ol.number.alphabet > li:nth-child(2):before{content:'B.';} #subContents .con ol.number.alphabet > li:nth-child(3):before{content:'C.';} #subContents .con ol.number.alphabet > li:nth-child(4):before{content:'D.';} #subContents .con ol.number.alphabet > li:nth-child(5):before{content:'E.';} #subContents .con ol.number.alphabet > li:nth-child(6):before{content:'F.';} #subContents .con ol.number.alphabet > li:nth-child(7):before{content:'G.';} #subContents .con ol.number.alphabet > li:nth-child(8):before{content:'H.';} #subContents .con ol.number.alphabet > li:nth-child(9):before{content:'I.';} #subContents .con ol.number.alphabet > li:nth-child(10):before{content:'J.';} #subContents .con ol.number.alphabet > li:nth-child(11):before{content:'K.';} #subContents .con ol.number.alphabet > li:nth-child(12):before{content:'L.';} #subContents .con ol.number.alphabet > li:nth-child(13):before{content:'M.';} #subContents .con ol.number.alphabet > li:nth-child(14):before{content:'N.';} #subContents .con ol.number.alphabet > li:nth-child(15):before{content:'O.';} #subContents .con ol.number.alphabet > li:nth-child(16):before{content:'P.';} #subContents .con ol.number.alphabet > li:nth-child(17):before{content:'Q.';} #subContents .con ol.number.alphabet > li:nth-child(18):before{content:'R.';} #subContents .con ol.number.alphabet > li:nth-child(19):before{content:'S.';} #subContents .con ol.number.alphabet > li:nth-child(20):before{content:'T.';} #subContents .con ol.number.alphabet > li:nth-child(21):before{content:'U.';} #subContents .con ol.number.alphabet > li:nth-child(22):before{content:'V.';} #subContents .con ol.number.alphabet > li:nth-child(23):before{content:'W.';} #subContents .con ol.number.alphabet > li:nth-child(24):before{content:'X.';} #subContents .con ol.number.alphabet > li:nth-child(25):before{content:'Y.';} #subContents .con ol.number.alphabet > li:nth-child(26):before{content:'Z.';} #subContents .con ol.number.alphabet.small > li:nth-child(1):before{content:'a.';} #subContents .con ol.number.alphabet.small > li:nth-child(2):before{content:'b.';} #subContents .con ol.number.alphabet.small > li:nth-child(3):before{content:'c.';} #subContents .con ol.number.alphabet.small > li:nth-child(4):before{content:'d.';} #subContents .con ol.number.alphabet.small > li:nth-child(5):before{content:'e.';} #subContents .con ol.number.alphabet.small > li:nth-child(6):before{content:'f.';} #subContents .con ol.number.alphabet.small > li:nth-child(7):before{content:'g.';} #subContents .con ol.number.alphabet.small > li:nth-child(8):before{content:'h.';} #subContents .con ol.number.alphabet.small > li:nth-child(9):before{content:'i.';} #subContents .con ol.number.alphabet.small > li:nth-child(10):before{content:'j.';} #subContents .con ol.number.alphabet.small > li:nth-child(11):before{content:'k.';} #subContents .con ol.number.alphabet.small > li:nth-child(12):before{content:'l.';} #subContents .con ol.number.alphabet.small > li:nth-child(13):before{content:'m.';} #subContents .con ol.number.alphabet.small > li:nth-child(14):before{content:'n.';} #subContents .con ol.number.alphabet.small > li:nth-child(15):before{content:'o.';} #subContents .con ol.number.alphabet.small > li:nth-child(16):before{content:'p.';} #subContents .con ol.number.alphabet.small > li:nth-child(17):before{content:'q.';} #subContents .con ol.number.alphabet.small > li:nth-child(18):before{content:'r.';} #subContents .con ol.number.alphabet.small > li:nth-child(19):before{content:'s.';} #subContents .con ol.number.alphabet.small > li:nth-child(20):before{content:'t.';} #subContents .con ol.number.alphabet.small > li:nth-child(21):before{content:'u.';} #subContents .con ol.number.alphabet.small > li:nth-child(22):before{content:'v.';} #subContents .con ol.number.alphabet.small > li:nth-child(23):before{content:'w.';} #subContents .con ol.number.alphabet.small > li:nth-child(24):before{content:'x.';} #subContents .con ol.number.alphabet.small > li:nth-child(25):before{content:'y.';} #subContents .con ol.number.alphabet.small > li:nth-child(26):before{content:'z.';} #subContents .con ul:last-child, #subContents .con ol:last-child, #subContents .con ul.list > li:last-child, #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:.8em;} #subContents .con ul.list li li, #subContents .con ol.number li li{line-height:1.4; margin:0 auto .8em;} #subContents .con ul.list li ul li:before, #subContents .con ol.number li ul li:before{background-color:#eb7a7a;} #subContents .con ul.list li ol li:before, #subContents .con ol.number li ol li:before{color:#eb7a7a;} #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 ol.inline li{display:inline-block; margin:.375em auto; margin-right:28px;} #subContents .con ul.inline li:last-child, #subContents .con ol.inline li:last-child{margin-right:0;} #subContents .con .box {width: 100%; margin: 0 auto 3.2em;} #subContents .con .box.mt32 {margin: 3.2em auto 0;} #subContents .con .box.mb14 {margin: 0 auto 1.4em;} #subContents .con .box:last-child {margin-bottom: 0;} #subContents .con .box .txtW {padding: 1.75em 2em;} #subContents .con .box .txtW p {margin-bottom: .75em;} #subContents .con .box .txtW p.ti {font-size: 1.25em; font-weight: 700;} #subContents .con .box .txtW p:last-child {margin-bottom: 0;} #subContents .con .box.type1 {padding: 2px; border: 4px solid #c4d9ff; border-radius: 0 2em 2em 2em;} #subContents .con .box.type1 .txtW {border: 2px solid #e1ecff; border-radius: 0 calc(2em - 4px) calc(2em - 4px) calc(2em - 4px); text-align: center;} #subContents .con .box.type2 {background: #edf3ff; border: 1px solid #c4d9ff; border-radius: 1em; overflow: hidden; position: relative; z-index: 0;} #subContents .con .box.type2::before, #subContents .con .box.type2::after {content: ''; display: inline-block; background: url('../images/symbol_kaidoc_white.png') no-repeat center / cover; mix-blend-mode: multiply; opacity: .75; position: absolute; z-index: -1;} #subContents .con .box.type2::before {width: 220px; height: 220px; right: 5%; top: 50%; transform: translateY(-40%) rotateZ(15deg);} #subContents .con .box.type2::after {width: 60px; height: 60px; right: calc(5% + -30px); top: 50%; transform: translateY(-110%) rotateZ(20deg);} #subContents .con .box.type2 .txtW {} #subContents .con .box.type2 .txtW p {} #subContents .con .box.type2 .txtW p.ti {color: #0f67fe;} #subContents .con .box.type2 .txtW .blue {color: #0b4ab7;} #subContents .con .flexW {display: flex; flex-wrap: wrap; gap: 4em; margin: 0 auto 2em;} #subContents .con .flexW:last-child {margin-bottom: 0;} #subContents .con .flexW.mt32 {margin-top: 3.2em;} #subContents .con .flexW .left, #subContents .con .flexW .right {width: 50%; max-width: calc(50% - 2em);} #subContents .con .flexW .imgW {width: 100%; border-radius: 1em; overflow: hidden;} #subContents .tab{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em;} #subContents .tab > ul{display:inline-block; display:flex; flex-wrap:wrap; justify-content:center; gap:.5em; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{display:inline-block; /*float:left; width:25%;*/ margin:0; padding:1px 0 0 1px;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:.6em 1em .7em; background:transparent; border-radius:5em; color:#575b63; font-size:1.25em; font-weight:500; text-align:center; cursor:pointer;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:rgba(87,91,99,.1);} #subContents .tab > ul li .tabLink.active{background:#c4d9ff; color:#0b4ab7; font-weight:700; z-index:1;} #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 .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; text-align:center;} #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:#575b63; 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:#0f67fe; color:#0f67fe;} #subContents .tabMenu ul li.active a{padding:1em 1.25em .938em; border-bottom:3px solid #242528; color:#242528; 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 .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 .filter{clear:both; display:block; position:relative; width:100%; max-width:1340px; margin:0 auto 40px;} #subContents .filter ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .filter ul li{display:inline-block; width:auto; min-width:150px;} #subContents .filter ul li:last-child:after{content:''; clear:both; display:block;} #subContents .filter ul li a{display:block; position:relative; width:100%; line-height:1; padding:16px 20px; background:transparent; border-bottom:1px solid #717171; color:#717171; font-size:1.125em; font-weight:500; cursor:pointer; transition:background .3s, border-color .3s, color .3s, transform 0s;} #subContents .filter ul li a:focus, #subContents .filter li a:hover{} #subContents .filter ul li.uk-active a{padding:16px 20px 15px; border-bottom:3px solid #0b4ab7; color:#0b4ab7; font-weight:700; z-index:1;} #subContents .tableW{position:relative; width:100%; margin:0 auto 1.25em; overflow-x:auto;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #d1d1d1; border-top:2px solid #222; text-align:center;} #subContents #bo_list table, #subContents #bo_v table{text-align:inherit;} #subContents table tr th{min-height:40px; padding: 1.125em .875em; background:#f7f7f7; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-weight:700; line-height: 1.4; vertical-align:middle; word-break:keep-all; overflow-wrap:anywhere;} #subContents table tr th.rowti{background:#f7faff; color: #0d59da; font-weight:500;} #subContents table tr th:first-child{border-left:none;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:.75em .875em; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; word-break:keep-all; overflow-wrap:anywhere; 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:#f1f6ff; color: #0d59da; 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 .imgW{position:relative; width:100%; margin:0 auto 1.6em; 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 .infographicW {margin: .8em auto 1.6em;} #subContents .form {} #subContents .form .boxW {width: 100%; margin: 0 auto 2em; padding: 1.125em 1.25em; border: 1px solid #e5e6e8; border-radius: 1em; position: relative;} #subContents .form .boxW ul {} #subContents .form .boxW ul li {margin-bottom: 10px; padding: 10px 0 1.25em; border-bottom: 1px dotted #abafb5; text-align: left;} #subContents .form .boxW ul li:first-child {padding-top: 0;} #subContents .form .boxW ul li:last-child {margin-bottom: 0; border-bottom: 0;} #subContents .form .boxW ul li .inputW {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2em;} #subContents .form .boxW ul li .inputW.g025 {gap: .25em;} #subContents .form .boxW ul li .inputW div.w50 {width: 50%; max-width: calc(50% - 1em);} #subContents .form .boxW ul li .inputW div.w100 {width: 100%; max-width: 100%;} #subContents .form .boxW ul li .inputW div p.ti {margin: 0 0 .25em; padding: 0 .25em; font-size: .938em; font-weight: 600;} #subContents .form .boxW ul li .inputW div p.ti .required {display: inline-block; width: 15px; height: 15px; text-indent: -999999px; vertical-align: top;} #subContents .form .boxW ul li .inputW div input, #subContents .form .boxW ul li .inputW div textarea {width: 100%;} #subContents .form .boxW ul li .inputW div input {height: auto; padding: .5em .75em; background: #fff; border: 1px solid #cdcfd4; border-radius: 4px; box-shadow: none; color: #242528; vertical-align: middle;} #subContents .form .boxW ul li .inputW div input.w50 {} #subContents .form .boxW ul li .inputW div input.w100 {} #subContents .form .boxW ul li .inputW div textarea {height: calc(6em + 10px); border: 1px solid #cdcfd4; box-shadow: none; resize: vertical;} #subContents .checkW {text-align: center;} #subContents .checkW label {} #subContents .checkW button {background: none;} #subContents .checkW button.rental-more {margin: 0 auto .25em; border-bottom: 1px solid #999; color: #999; font-size: .938em;} #subContents .checkW button.rental-more:hover, #subContents .checkW button.rental-more:focus {border-bottom-color: #717171; color: #717171;} #subContents .checkW button.rental-modal-close {position: absolute; right: 1.25em; top: 1.125em; color: #0b4ab7;} #subContents .checkW .rental-modal {display: none; margin: 1em auto 0; position: relative;} #subContents .checkW .rental-modal .modalW {padding: 1.125em 1.25em; background: #f1f6ff; border: 1px solid #c4d9ff; border-radius: 12px; text-align: left;} #subContents .checkW .rental-modal .modalW h6 {margin-bottom: .25em;} #subContents .checkW .rental-modal .modalW p.info {margin-bottom: 1.25em; text-align: left;} #subContents .checkW .rental-modal .modalW ol, #subContents .checkW .rental-modal .modalW ul {} #subContents .checkW .rental-modal .modalW ol li, #subContents .checkW .rental-modal .modalW ul li {margin: 0 auto .875em;} #subContents .checkW .rental-modal .modalW ol li:last-child, #subContents .checkW .rental-modal .modalW ul li:last-child {margin-bottom: 0;} #subContents .checkW .rental-modal .modalW ol li p, #subContents .checkW .rental-modal .modalW ul li p {color: #555; font-size: .938rem;} #subContents .checkW .rental-modal .modalW ol li p.ti, #subContents .checkW .rental-modal .modalW ul li p.ti {margin-bottom: 0; color: #222; font-size: 1rem; font-weight: 500;} #subContents .apply {margin: 2em auto 0; text-align: center;} #subContents .apply button {display: block; width: 100%; padding: 1.5em 1em; background: #0f67fe; border: 2px solid transparent; border-radius: 1em; color: #fff; font-size: 1.063em; font-weight: 600;} #subContents .apply button:hover, #subContents .apply button:focus {background: #fff; border: 2px solid #69a0fe; color: #0f67fe;} #subContents .apply button span {} .sub01, .sub02, .sub03, .sub04, .sub05, .sub06, .sub07, .sub98, .subetc, .subbbs{clear:both; width:100%;} #subContents .sub01 {} #subContents .sub01_01 {} #subContents .sub01_01 .con {} #subContents .sub01_01 .con h4 span {display: inline-block;} #subContents .sub01_01 .con p {margin-bottom: 1.3em;} #subContents .sub01_01 .con p strong {font-weight: 600;} #subContents .sub01_01 .con p:last-child {margin-bottom: 0;} #subContents .sub01_01 .con p + p {margin-top: 0;} #subContents .sub01_01 .con .ti {margin-bottom: 1.3em;} #subContents .sub01_01 .con .ti p {font-size: 1.25em; font-weight: 500;} #subContents .sub01_01 .con .logo {margin: 0 auto 2em;} #subContents .sub01_01 .con .logo .imgW {width: 10em; max-width: 236px; height: auto;} #subContents .sub01_01 .con .logo .imgW img {} #subContents .sub02_01 {} #subContents .sub02_01 .con {} #subContents .sub02_01 .con .flexW {margin: 0;} #subContents .sub02_01 .con .flexW .left {width: 40%; max-width: calc(40% - 2em); height: 640px; background: linear-gradient(135deg, #f3fbfd 0%, #fff8fb 100%); border-radius: 1em; position: relative; overflow: hidden;} #subContents .sub02_01 .con .flexW .left .imgW {width: 100%; max-height: 600px; position: absolute; left: 58%; bottom: 0; transform: translateX(-50%); overflow: hidden;} #subContents .sub02_01 .con .flexW .left .imgW img {width: 100%; position: relative;} #subContents .sub02_01 .con .flexW .right {width: 60%; max-width: calc(60% - 2em);} #subContents .sub02_01 .con .flexW .right .txtW {} #subContents .sub02_01 .con .flexW .right .txtW p {margin-bottom: 1.3em;} #subContents .sub02_01 .con .flexW .right .txtW p strong {font-weight: 600;} #subContents .sub02_01 .con .flexW .right .txtW p:last-child {margin-bottom: 0;} #subContents .sub02_01 .con .flexW .right .txtW p.name {text-align: right; font-size: 1.25em; font-weight: 600;} #subContents .sub02_01 .con .flexW .right .txtW p.name span.mini {color: #888; font-size: .875em;} #subContents .sub02_01 .con .flexW .right .txtW .motto {margin-bottom: 1.3em;} #subContents .sub02_01 .con .flexW .right .txtW .motto p {font-size: 1.25em; font-weight: 700;} #subContents .sub02_02 {} #subContents .sub02_02 .tableW table {min-width: 632px;} #subContents .sub02_02 .tableW table td span.year {display: block; color: #757575; font-size: .875em;} #subContents .sub02_02 .con .flexW {justify-content: flex-start; align-items: center; gap: 2em;} #subContents .sub06 .con .flexW .left, #subContents .sub06 .con .flexW .right {max-width: calc(50% - 1em);} #subContents .sub03 {} #subContents .sub03_01 {} #subContents .sub03_01 .conTitle h5 span {display: inline-block;} #subContents .sub03_01 .infographicW {} #subContents .sub03_01 .infographic01 {} #subContents .sub03_01 .infographic01 > div {margin: 0 auto 3em;} #subContents .sub03_01 .infographic01 > div:last-child {margin-bottom: 0;} #subContents .sub03_01 .infographic01 > div p.txt {margin: 0 auto 2em; padding: 1.25em .75em; border-radius: 1em; font-weight: 600; text-align: center; position: relative;} #subContents .sub03_01 .infographic01 > div ul {display: flex; justify-content: center; flex-wrap: wrap; gap: .5em; position: relative;} #subContents .sub03_01 .infographic01 > div ul li {width: 33.333%; max-width: calc(33.333% - .333em); padding: 1em .75em; border-radius: 1em; position: relative;} #subContents .sub03_01 .infographic01 > div ul li::before {content: ''; display: inline-block; width: 1px; height: 2em; position: absolute; left: 50%; top: calc(-2em - 1px); transform: translateX(-50%);} #subContents .sub03_01 .infographic01 > div ul li::after {content: ''; display: inline-block; width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%);} #subContents .sub03_01 .infographic01 > div ul li p {line-height: 1.25; text-align: center;} #subContents .sub03_01 .infographic01 .analysis p.txt {background: #f3fbfd; border: 2px solid #cdedf5;} #subContents .sub03_01 .infographic01 .analysis p.txt::before {background: #a7e0ed;} #subContents .sub03_01 .infographic01 .analysis span.mini {display: block; color: #1e6a7c; font-size: .875em;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(1) {background: #cdedf5; border: 1px solid #a7e0ed;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(1)::before, #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(1)::after {background: #a7e0ed;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(2) {background: #a7e0ed; border: 1px solid #80d2e5;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(2)::before, #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(2)::after {background: #80d2e5;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(3) {background: #80d2e5; border: 1px solid #5ac5dd;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(3)::before, #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(3)::after {background: #5ac5dd;} #subContents .sub03_01 .infographic01 .solution p.txt {background: #fff3f7; border: 2px solid #ffcce0;} #subContents .sub03_01 .infographic01 .solution p.txt::before {background: #fea5c8;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(1) {background: #ffcce0; border: 1px solid #fea5c8;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(1)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(1)::after {background: #fea5c8;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(2) {background: #fea5c8; border: 1px solid #fe7fb0;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(2)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(2)::after {background: #fe7fb0;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(3) {background: #fe7fb0; border: 1px solid #fd5898;} #subContents .sub03_01 .infographic01 .solution ul li:nth-child(3)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(3)::after {background: #fd5898;} #subContents .sub03_02 {} #subContents .sub04 .conTitle h6 {color: #2d9db7;} #subContents .sub04 .conTitle h6 span.num {color: #80d2e5;} #subContents .sub04 .con ul.list.line > li:before, #subContents .sub04 .con ul.list.circle > li:before {background: #a7e0ed;} #subContents .sub04 .con ul.list.triangle > li:before {border-left-color: #a7e0ed;} #subContents .sub04 .con ul.list.star > li:before {color: #a7e0ed;} /* #subContents .sub04 .con ul.list.check > li:before {background: url('../images/sub/ico_bullet_check_mint.png') no-repeat; background-size: cover;} */ #subContents .sub04 .con .box.type1 {border-color: #ffcfe4;} #subContents .sub04 .con .box.type1 .txtW {border-color: #ffe4f0;} /* #subContents .sub04 .con .box.type2 {background: #ffe4f0; border-color: #ffcfe4;} #subContents .sub04 .con .box.type2 .txtW p.ti {color: #fd3180;} */ #subContents .sub04_01 {} #subContents .sub04_01 .infographicW {} #subContents .sub04_01 .infographic01 {} #subContents .sub04_01 .infographic01 > div p {margin-bottom: 0;} #subContents .sub04_01 .infographic01 .diet {display: flex; justify-content: center; flex-wrap: wrap; gap: 4em; position: relative; z-index: 0;} #subContents .sub04_01 .infographic01 .diet > div {width: 50%; max-width: calc(50% - 2em); text-align: center; position: relative; z-index: 0;} #subContents .sub04_01 .infographic01 .diet > div::before {content: ''; display: inline-block; width: 1px; height: 100%; background: transparent; border: 2px dotted; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;} #subContents .sub04_01 .infographic01 .diet > div p.ti {margin: 0 auto 2em; padding: 1.25em .75em; background: #fff; border-radius: 1em; font-weight: 700; position: relative;} #subContents .sub04_01 .infographic01 .diet > div p.ti::after {content: ''; display: inline-block; width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 50%; bottom: -1px; transform: translate(-50%, 50%);} #subContents .sub04_01 .infographic01 .diet > div ul {display: flex; justify-content: flex-start; flex-direction: column; gap: .5em;} #subContents .sub04_01 .infographic01 .diet > div ul li {padding: 1em .75em; border-radius: 1em; position: relative;} #subContents .sub04_01 .infographic01 .diet > div ul li::after {} #subContents .sub04_01 .infographic01 .diet .existing {} #subContents .sub04_01 .infographic01 .diet .existing::before {border-color: #34b7d5;} #subContents .sub04_01 .infographic01 .diet .existing p.ti {color: #34b7d5; border: 2px solid #34b7d5;} #subContents .sub04_01 .infographic01 .diet .existing p.ti::after {background: #34b7d5;} #subContents .sub04_01 .infographic01 .diet .existing ul {} #subContents .sub04_01 .infographic01 .diet .existing ul li {} #subContents .sub04_01 .infographic01 .diet .existing ul li::before {content: ''; display: inline-block; width: 3em; height: 2.6em; clip-path: polygon(0 25%, 60% 25%, 60% 0%, 100% 50%, 60% 100%, 60% 75%, 0 75%); background: #0f67fe; /*background: linear-gradient(to right, #69a0fe, #3c84fe, #0f67fe);*/ background: linear-gradient(to right, rgba(15, 103, 254, .5), rgba(15, 103, 254, .75), rgba(15, 103, 254, 1)); position: absolute; right: calc(-2em - 2px); top: 50%; transform: translate(50%, -50%);} #subContents .sub04_01 .infographic01 .diet .existing ul li:nth-child(1) {background: #cdedf5; border: 1px solid #a7e0ed;} #subContents .sub04_01 .infographic01 .diet .existing ul li:nth-child(2) {background: #a7e0ed; border: 1px solid #80d2e5;} #subContents .sub04_01 .infographic01 .diet .existing ul li:nth-child(3) {background: #80d2e5; border: 1px solid #5ac5dd;} #subContents .sub04_01 .infographic01 .diet .existing ul li:nth-child(4) {background: #5ac5dd; border: 1px solid #34b7d5;} #subContents .sub04_01 .infographic01 .diet .nobino {} #subContents .sub04_01 .infographic01 .diet .nobino::before {border-color: #fd3180;} #subContents .sub04_01 .infographic01 .diet .nobino p.ti {color: #fd3180; border: 2px solid #fd3180;} #subContents .sub04_01 .infographic01 .diet .nobino p.ti::after {background: #fd3180;} #subContents .sub04_01 .infographic01 .diet .nobino ul {} #subContents .sub04_01 .infographic01 .diet .nobino ul li {} #subContents .sub04_01 .infographic01 .diet .nobino ul li:nth-child(1) {background: #ffcce0; border: 1px solid #fea5c8;} #subContents .sub04_01 .infographic01 .diet .nobino ul li:nth-child(2) {background: #fea5c8; border: 1px solid #fe7fb0;} #subContents .sub04_01 .infographic01 .diet .nobino ul li:nth-child(3) {background: #fe7fb0; border: 1px solid #fd5898;} #subContents .sub04_01 .infographic01 .diet .nobino ul li:nth-child(4) {background: #fd5898; border: 1px solid #fd3180;} #subContents .sub04_01 .infographic01 p.txt {margin: 2.25em auto 0; font-weight: 600; text-align: center;} #subContents .sub04_01 .infographic02 {} #subContents .sub04_01 .infographic02 .problem {text-align: center;} #subContents .sub04_01 .infographic02 .problem p.txt {margin: 0 auto 2em; padding: 1em .75em; background: #f3fbfd; border: 2px solid #cdedf5; border-radius: 1em; font-weight: 600;} #subContents .sub04_01 .infographic02 .problem ul {display: flex; justify-content: center; flex-wrap: wrap; gap: .5em;} #subContents .sub04_01 .infographic02 .problem ul li {width: 33.333%; max-width: calc(33.333% - .333em); padding: 1em .75em; background: #fff3f7; border: 1px solid #ffcce0; border-radius: 1em; position: relative;} #subContents .sub04_01 .infographic02 .problem ul li::before {content: ''; display: inline-block; width: 2px; height: 2em; background: #80d2e5; background: linear-gradient(to bottom,#cdedf5,#ffcce0); position: absolute; left: 50%; top: calc(-2em - 1px); transform: translateX(-50%);} #subContents .sub04_01 .infographic02 .problem ul li::after {content: ''; display: inline-block; width: 11px; height: 11px; background: #fff; border: 2px solid #fd3180; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%);} #subContents .sub04_01 .infographic02 .problem ul li p {} #subContents .sub04_01 .infographic02 .problem ul li p span {display: block; color: #fd3180; font-size: 1.125em; font-weight: 700;} #subContents .sub05_01 {} #subContents .sub05_01 table {min-width: 713px;} #subContents .sub06 .con div:last-child {margin-bottom: 0;} #subContents .sub06 .con .flexW {justify-content: flex-start; align-items: center; gap: 2em;} #subContents .sub06 .con .flexW .left, #subContents .sub06 .con .flexW .right {max-width: calc(50% - 1em);} #subContents .sub07 {} #subContents .sub07_07 {} #subContents .sub07_07 .con .linkW a.link {background: #34b7d5;} #subContents .sub07_07 .con .linkW a.link:hover, #subContents .sub07_07 .con .linkW a.link:focus {background: #2d9db7;} #subContents .sub07_07 .con .linkW a.link p.intro {color: #cdedf5;} #subContents .sub_etc_privacy-policy {} #subContents .sub_etc_privacy-policy .con {} /* #subContents .sub_etc_privacy-policy .con p + .box {margin-top: -1em;} */ #subContents .sub_etc_privacy-policy .con .box {margin: 0 auto 2em; border: 1px solid #e5e6e8; border-radius: 1em; overflow: hidden;} #subContents .sub_etc_privacy-policy .con .box:last-child {margin-bottom: 0;} #subContents .sub_etc_privacy-policy .con .box.top {background: #f3fbfd; border: 1px solid #cdedf5;} #subContents .sub_etc_sitemap {} #subContents .sub_etc_sitemap .con {display: flex; justify-content: flex-start; gap: .5em; flex-wrap: wrap;} #subContents .sub_etc_sitemap .con .depth01_lists{width: 33.333%; height: 100%; max-width: calc(33.333% - .333em); min-height: 296px; padding: 1.75em; border: 1px solid #ede9e8; border-radius: 1em;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle{margin:0 0 1.75em;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle h4{display:block; margin:0;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01{} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01:focus, #subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01:hover{color: #222;} #subContents .sub_etc_sitemap .con .depth01_lists ul.depth02_lists{display:flex; gap: 1em; flex-wrap:wrap;} #subContents .sub_etc_sitemap .con .depth01_lists ul li.depth02_list{flex:1 1 50%; max-width:calc(50% - .5em);} #subContents .sub_etc_sitemap .con .depth01_lists ul li a.depth02{font-size:1.063em;} #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:#494949;} #subContents .sub_etc_sitemap .con .depth01_lists ul li a:focus, #subContents .sub_etc_sitemap .con .depth01_lists ul li a:hover{color:#0b4ab7;} #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_white.png') no-repeat center; background-size:100%; opacity:.8;} /* #subContents .sub_etc_sitemap .con .depth01_lists ul li ul.depth03_lists{margin:.75em -.25em 0 .25em; padding:.75em 1.25em; background:#f6f6f6; border-radius:8px;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li.depth03_list{margin:0 auto .5em; padding:0 .625em;} #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:#9dbffe; border-radius:50%;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li a.depth03{font-size:.938em;} */ #subContents .subetc_email .con p{font-size:1.063em;} #subContents .subetc_email .con .box{margin:0 auto 1.25em; padding:1.25em 24px; background:#f6f6f6; border:1px solid #ddd;} #subContents .subetc_email .con .conTitle h6{margin:0 0 .75em;} #subContents .subetc_email .con ol{clear:both; width:100%;} #subContents .subetc_email .con ol > li{position:relative; margin:0 auto .625em; padding-left:.625em; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere;} #subContents .subetc_email .con ol > li:last-child{margin-bottom:0;} #bo_v_con img{width:auto;} #bo_v_con table{text-align:inherit;} @media all and (max-width:1599px){ #subContents .con .box .txtW {padding: 1.5em 1.75em;} } @media all and (max-width:1440px){ #subContents .sub_etc_sitemap .con .depth01_lists {min-height: 400px;} #subContents .sub_etc_sitemap .con .depth01_lists ul li.depth02_list{flex:1 1 100%; max-width:100%;} } @media all and (max-width:1279px){ #subVisual{height: 220px;} #path {top: calc(174px + 3em);} #path .inner{padding:0;} #path ul{float:left; width:100%;} #path ul li:first-child{border-left:none;} #subContents{min-height:450px; padding:2em 0 3em 1.6em;} #subContents .inner{width:100%;} #subContents .con{margin:0 auto 3em; padding:0 0 3em;} #subContents .con .flexW {gap: 2em;} #subContents .con .flexW .left, #subContents .con .flexW .right {width: 50%; max-width: calc(50% - 1em);} #subContents .tableW{overflow-x:auto;} #subContents .tab > ul li{width:auto;} #subContents .modalWrap .modalCon{width:84%; left:8%;} #subContents .sub02_01 .con .flexW .left {max-width: calc(40% - 1em);} #subContents .sub02_01 .con .flexW .right {max-width: calc(60% - 1em);} #subContents .sub03_01 .infographic01 > div ul li:nth-child(1) {width: 23.333%; max-width: calc(23.333% - .333em);} #subContents .sub03_01 .infographic01 > div ul li:nth-child(2) {width: 33.333%; max-width: calc(33.333% - .333em);} #subContents .sub03_01 .infographic01 > div ul li:nth-child(3) {width: 43.333%; max-width: calc(43.333% - .333em);} } @media all and (max-width:1023px){ #subVisual .title h2{font-size: 2.75em;} #path {top: calc(160px + 2.75em);} #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; padding:2em 0 2.4em;} #subContents .inner{width:100%; padding:0 20px;} #subContents .con{margin:0 auto 2.4em; padding:0 0 2.4em;} #subContents .con br.dn.w1023 {display: block;} #subContents .con br.db.w1023 {display: none;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .con .box.type2::before {width: 180px; height: 180px;} #subContents .con .box.type2::after {width: 50px; height: 50px; transform: translateY(-90%);} #subContents .modalWrap button.modalClose{width:45px; height:45px; top:12px; right:12px; background:#0b4ab7; 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 .sub01_01 .con .logo .imgW {width: 8.5em;} #subContents .sub02_01 .con .flexW .left {width: 100%; max-width: 100%; height: 440px;} #subContents .sub02_01 .con .flexW .left .imgW {max-width: 420px; max-height: fit-content; bottom: calc(25% - 20px); transform: translate(-50%, 50%);} #subContents .sub02_01 .con .flexW .right {width: 100%; max-width: 100%;} #subContents .sub02_02 .con .flexW {gap: 1.4em;} #subContents .sub02_02 .con .flexW .left, #subContents .sub02_02 .con .flexW .right {width: 100%; max-width: 100%;} #subContents .sub03_01 .infographic01 > div ul {gap: .75em;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(1), #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(2), #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(3), #subContents .sub03_01 .infographic01 .solution ul li:nth-child(1), #subContents .sub03_01 .infographic01 .solution ul li:nth-child(2), #subContents .sub03_01 .infographic01 .solution ul li:nth-child(3) {width: 100%; max-width: 100%;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(2)::before, #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(3)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(2)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(3)::before {height: .75em; top: calc(-.75em - 1px);} #subContents .sub03_02 .tab3 table {min-width: 425px;} #subContents .sub04_01 .infographic01 .diet > div ul {gap: .75em;} #subContents .sub06 .con .flexW {gap: 1.4em;} #subContents .sub06 .con .flexW .left, #subContents .sub06 .con .flexW .right {width: 100%; max-width: 100%;} #subContents .sub06 .con .flexW .right ul.flexItem {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: .5em;} #subContents .sub06 .con .flexW .right ul.flexItem > li {width: 50%; max-width: calc(50% - .25em); margin: 0;} #subContents .sub_etc_sitemap .con .depth01_lists {width: 50%; max-width: calc(50% - .25em);} #bo_v_con{overflow-x:auto;} #bo_v_con img{max-width:100%;} } @media all and (max-width:768px){ #subVisual{height:180px;} #subVisual .subBg_02 {background-position: 75% center;} #subVisual .title {margin-top: -.5em;} #path {top: calc(123px + 2.75em);} #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 ul li a{font-size:1.063em;} #subContents{padding:1.6em 0 2em; font-size:15px;} #subContents .conTitle h3{font-size:1.875em;} #subContents .conTitle h4{margin:12px 0 .75em; padding-left: calc(18px + 0.5rem); font-size:1.5em;} #subContents .conTitle h4::before {width: 18px; height: 18px; top: 6px;} #subContents .conTitle h5{line-height:1.2; /*margin:16px 0 1em;*/ font-size:1.25em;} /*#subContents .conTitle h5:before {width: 11px; height: 11px; top: 5px;} #subContents .conTitle h5:after {width: 5px; height: 5px; top: 8px; left: 3px;} #subContents .conTitle h6 {padding: 0 0 0 .875em;} #subContents .conTitle h6:before {border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #3c84fe;} #subContents .conTitle h6:after {left:3px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #3c84fe;}*/ #subContents .conTitle h6 span.num{padding:.2em 0 .125em; transform:translateY(-1px);} #subContents .con{margin:0 auto 2em; padding:0 0 2em;} #subContents .con p{line-height:1.5; margin-bottom:1.25em;} #subContents .con > p + p{margin-top:-.5em;} #subContents .con br.dn {display: block;} #subContents .con br.db {display: none;} #subContents .con ul.list, #subContents .con ol.number{margin:0 auto 1.5em;} #subContents .con ul.list > li{padding-left:10px;} #subContents .con ul.list + ul.list, #subContents .con ul.list + ol.number{margin-top:-1.5em;} #subContents .con ol.number + ul.list, #subContents .con ol.number + ol.number{margin-top:-1.5em;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:.75em;} #subContents .con ol.number.basic2 > li{padding-left:26px;} #subContents .con ol.number.basic3 > li{padding-left:18px;} #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:.75em;} #subContents .con ul.list.line > li:before{top:11.5px;} #subContents .con ul.list.circle > li:before{top:11px;} #subContents .con ul.list.triangle > li:before{top:8px;} #subContents .con ul.list.check > li:before {width: 13px; height: 12px; top: 6px;} #subContents .con .linkW a.link {padding: 1.25em .75em;} #subContents .con .linkW a.link p.intro {font-size: .875rem;} #subContents .con .box .txtW {padding: 1.25em 1.5em;} #subContents .con .box .txtW p {margin-bottom: .75em;} #subContents .con .box.type2::before {width: 120px; height: 120px;} #subContents .con .box.type2::after {width: 44px; height: 44px;} #subContents .tab{margin:0 auto 20px;} #subContents .tabMenu{margin:0 auto 28px;} #subContents .tabMenu ul li{min-width:auto;} #subContents .tabMenu ul li a{padding:12px 14px; font-size:1.063rem;} #subContents .tabMenu ul li.active a{padding:12px 14px 11px;} #subContents .filter{margin:0 auto 1.75em;} #subContents .filter ul li{min-width:auto;} #subContents .filter ul li a{padding:.75em .875em;} #subContents .filter ul li.uk-active a{padding:.75em .875em .6875em;} #subContents table tr th{padding:.75em .5em;} #subContents table tr td{padding:.325em .5em;} #subContents .con label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark:after{background-size:94%;} #subContents .overflow-x:after{content:''; display:block; position:absolute; width:120px; height:120px; max-height:100%; top:50%; left:50%; margin:-60px auto auto -60px; background:rgba(0,0,0,.7) url('../images/sub/bg_scroll.png') no-repeat 24px center / 52%; border:3px solid #000; border-radius:50%; animation:fade-out-scroll 1s ease-in-out 1.2s both;} #subContents .form .boxW ul li .inputW {gap: 0;} #subContents .form .boxW ul li .inputW div.w50 {width: 100%; max-width: 100%;} #subContents .form .boxW ul li .inputW div.w50 + div.w50 {margin: 1em auto 0; padding: 1em 0 0; border-top: 1px dotted #abafb5;} #subContents .modalWrap .modalCon{width:calc(100% - 4em); max-height:calc(100% - 4em); left:2em;} #subContents .modalWrap button.modalClose{width:38px; height:38px; top:8px; right:8px;} #subContents .sub01_01 .con p {margin-bottom: 1em; word-break: break-all;} #subContents .sub01_01 .con .ti {margin-bottom: 1em;} #subContents .sub01_01 .con .logo {margin: 0 auto 1.6em;} #subContents .sub02_01 .con .flexW .left {height: 380px;} #subContents .sub02_01 .con .flexW .left .imgW {max-width: 380px;} #subContents .sub03_01 .infographic01 > div p.txt {margin: 0 auto 1.3em; padding: 1.5em .75em;} #subContents .sub03_01 .infographic01 > div p.txt br.dn {display: none;} #subContents .sub03_01 .infographic01 > div ul li::after {width: 9px; height: 9px;} #subContents .sub03_01 .infographic01 .analysis ul li:nth-child(1)::before, #subContents .sub03_01 .infographic01 .solution ul li:nth-child(1)::before {height: 1.3em; top: calc(-1.3em - 1px);} #subContents .sub04_01 .infographic01 .diet {gap: 2em;} #subContents .sub04_01 .infographic01 .diet::before {content: ''; display: block; width: 52%; height: 14em; clip-path: polygon(0 25%, 50% 25%, 50% 0, 100% 50%, 50% 100%, 50% 75%, 0 75%); background: #0f67fe; background: linear-gradient(to right, #69a0fe, #3c84fe, #0f67fe); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .75; z-index: -1;} #subContents .sub04_01 .infographic01 .diet > div {max-width: calc(50% - 1em);} #subContents .sub04_01 .infographic01 .diet > div p.ti {margin: 0 auto 1.3em; padding: .875em .75em;} #subContents .sub04_01 .infographic01 .diet > div p.ti::after {width: 9px; height: 9px;} #subContents .sub04_01 .infographic01 .diet .existing ul li::before {content: none;} #subContents .sub04_01 .infographic02 .problem p.txt {padding: 1.5em .75em; margin: 0 auto 1.3em;} #subContents .sub04_01 .infographic02 .problem ul {gap: .75em;} #subContents .sub04_01 .infographic02 .problem ul li {max-width: calc(33.333% - .5em);} #subContents .sub04_01 .infographic02 .problem ul li::before {height: 1.3em; top: calc(-1.3em - 1px);} #subContents .sub04_01 .infographic02 .problem ul li::after {width: 9px; height: 9px;} #subContents .sub06 .con .flexW .right ul.flexItem > li {width: 100%; max-width: 100%;} #subContents .sub_etc_sitemap .con .depth01_lists{min-height: 305px; 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;} } @media all and (max-width:580px){ #subVisual .title {margin-top: 0;} #subVisual .title h2{font-size: 2.25em;} #path {display: none;} #subContents .con{margin:0 auto 1.6em; padding:0 0 1.6em;} #subContents .con .linkW {max-width: 100%;} #subContents .con ul.list:last-child, #subContents .con ol.number:last-child{margin:0 auto;} #subContents .con ul.list > li{line-height:1.4; margin:0 auto ..5em;} #subContents .con ul.list.line > li:before{top:8px;} #subContents .con ul.list.circle > li:before{top:7px;} #subContents .con ul.list.triangle > li:before{top:5px;} #subContents .con ul.list.star > li:before{top:3.5px;} #subContents .con ul.list.check > li:before{top:3px;} #subContents .con ol.number > li{line-height:1.4; margin:0 auto .75em;} #subContents .con ul.list li li, #subContents .con ol.number li li{margin:0 auto .6em;} #subContents .con ul.inline li, #subContents .con ul.inline li{width:49%;} #subContents .con .box .txtW p.ti {font-size: 1.125em;} #subContents .con .box.type1 {border: 3px solid #c4d9ff; border-radius: 1em;} #subContents .con .box.type1 .txtW {border-radius: calc(1em - 2px); text-align: left;} #subContents .con .box.type2::before {width: 80px; height: 80px; right: 10%;} #subContents .con .box.type2::after {width: 32px; height: 32px; right: calc(10% + -30px);} #subContents .tabMenu ul{white-space:nowrap; overflow-x:auto;} #subContents .tabMenu ul li.new a:after{width:13px; height:13px;} #subContents .filter ul li{margin:0 -.5px;} #subContents .filter ul li a{padding:.75em .5em; font-size:1em;} #subContents .filter ul li.uk-active a{padding:.75em .5em .5625em;} #subContents .sub02_02 .tab > ul li {width: 50%; max-width: calc(50% - .25em);} #subContents .sub03_02 .conTitle h5 span.mini {display: block; margin: .5em auto .75em;} #subContents .sub04_01 .infographic01 .diet {gap: 2.25em;} #subContents .sub04_01 .infographic01 .diet::before {height: 12em; clip-path: polygon(75% 0, 75% 50%, 100% 50%, 50% 100%, 0 50%, 25% 50%, 25% 0);} #subContents .sub04_01 .infographic01 .diet > div {width: 100%; max-width: 100%;} #subContents .sub04_01 .infographic02 .problem ul li {width: 100%; max-width: 100%;} #subContents .sub04_01 .infographic02 .problem ul li::before {height: .75em; top: calc(-.75em - 1px);} #subContents .sub04_01 .infographic02 .problem ul li:nth-child(1):before {height: 1.3em; top: calc(-1.3em - 1px);} #subContents .sub_etc_sitemap .con .depth01_lists {width: 100%; max-width: 100%; min-height: auto;} } @media all and (max-width:480px){ #subVisual{height:160px;} #subVisual .title h2{font-size:1.875em;} #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.8em 0 2.8em; font-size:14px;} #subContents .con ul.inline li, #subContents .con ul.inline li{display:block; width:100%; margin-right:0;} #subContents .con .box .txtW {padding: 1em 1.25em;} #subContents .sub02_01 .con .flexW .left {height: 300px;} #subContents .sub02_01 .con .flexW .left .imgW {max-width: 300px; min-width: 300px;} #subContents .sub03_01 .infographic01 > div p.txt br.dn {display: block;} #subContents .sub03_02 .tab > ul li {width: 100%;} #subContents .sub04_01 .infographic01 .diet::before {width: 60%;} #subContents .sub_etc_privacy-policy .con .conTitle h4 span.num{margin-right:.5em; padding:.375em .75em;} } @media all and (max-width:319px){ #subContents{min-width:100%;} #subContents .sub02_02 .tab > ul li {width: 100%; max-width: 100%;} }