@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; max-width:1920px; height:416px; 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:#808080; background-repeat:no-repeat; background-size:cover; overflow:hidden;} #subVisual .subBg01{background-image:url('../images/sub/sub_visual_01.jpg'); background-position:center center;} #subVisual .subBg02{background-image:url('../images/sub/sub_visual_02.jpg'); background-position:center center;} #subVisual .subBg03{background-image:url('../images/sub/sub_visual_03.jpg'); background-position:center center;} #subVisual .subBg04{background-image:url('../images/sub/sub_visual_04.jpg'); background-position:center center;} #subVisual .subBg05{background-image:url('../images/sub/sub_visual_05.jpg'); background-position:center center;} #subVisual .subBg98, #subVisual .subBg99, #subVisual .subBgsearch, #subVisual .subBgmypage, #subVisual .subBgetc, #subVisual .subBgbbs{background-image:url('../images/sub/sub_visual_etc.jpg'); background-position:center center;} #subVisual .inner{height:100%;} #subVisual .title{position:relative; top:50%; margin-top:-2em; text-align:center; transform:translateY(-50%); z-index:2;} #subVisual .title h2{margin:0 auto; color:#fff; font-size:3em; font-weight:700; word-break:keep-all; text-shadow:1px 1px 2px rgba(0,0,0,.2);} #subVisual .title .fade-in-bottom{-webkit-animation:fade-in-bottom .8s ease-in-out .3s both; animation:fade-in-bottom .8s ease-in-out .3s both; -webkit-animation-delay:.1s; animation-delay:.1s;} #subVisual .subBg:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(73,92,101,.2); 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:21.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:.5em; 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:#0c8443; 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:#0c8443;} #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:5em 0; background:#fff; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:18px; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;} #subContents .conTitle h3{display:block; line-height:1.5; margin:0 auto 1em; font-size:2.25em; font-weight:700; text-align:center;} #subContents .conTitle h4, #subContents .conTitle h5, #subContents .conTitle h6{display:inline-block; position:relative; padding:0; color:#333; font-weight:700; word-break:keep-all;} #subContents .conTitle h4 span.num, #subContents .conTitle h5 span.num, #subContents .conTitle h6 span.num{display:inline-block; position:relative; line-height:1; margin-right:.125em; padding:0; color:#6fa272; font-weight:600;} #subContents .conTitle h4 span.mini, #subContents .conTitle h5 span.mini, #subContents .conTitle h6 span.mini{font-size:.75em;} #subContents .conTitle h4{line-height:1.4; margin:.5em auto .625em; padding:0 0 0 1.25em; font-size:1.75em;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:.938em; height:.938em; top:.25em; left:0; background:url('../images/symbol_nobino_yellow.svg') no-repeat center / cover;} #subContents .conTitle h4 span.mini{margin-left:.25em; color:#666;} #subContents .conTitle h5{line-height:1.3; margin:.5em 0 .875em; color:#0c8443; font-size:1.5em;} #subContents .conTitle h6{line-height:1.2; margin:.5em 0 1em; padding:0 0 0 1.5em; color:#4b9257; font-size:1.25em;} #subContents .conTitle h6:before{content:''; display:block; position:absolute; width:1em; height:.125em; top:.5375em; left:0; background:#f2d330;} #subContents .con:first-child > .conTitle h4, #subContents .conTitle:first-child h4, #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5, #subContents .conTitle:first-child h6, #subContents .conTitle + .conTitle h6{margin-top:0;} #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;} #subContents .conTitle.alignCenter{text-align:center;} #subContents .ready{} #subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;} #subContents .tabMenu{clear:both; display:block; position:relative; width:100%; margin:0 auto 2.5em;} #subContents .tabMenu ul{display: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:#0c8443; color:#0c8443;} #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;} /* 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.75; margin-bottom:1.5em; font-size:1em; word-break:keep-all;} #subContents .con p + p{margin-top:-1em;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{position:relative; padding-left:18px; color:#df2d2d;} #subContents .con p.point.blue{color:#cb3d97;} #subContents .con p.point.black{color:#333;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.point.star:before{content:'☆';} #subContents .con p.point a{color:inherit;} #subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;} #subContents .con p.info{color:#575b63; font-size:.875em; text-align:center;} #subContents .con p.info:before{content:'< ';} #subContents .con p.info:after{content:' >'} #subContents .con p.info.nobullet:before, #subContents .con p.info.nobullet:after{content:''; display:none;} #subContents .con p.alignLeft{text-align:left;} #subContents .con p.alignCenter{text-align:center;} #subContents .con p.alignRight{text-align:right;} #subContents .con p.postDate{color:#df2d2d; text-align:right;} #subContents .con p.postDate.gray{color:#575b63;} #subContents .con img{display:inline-block; width:auto; max-width:fit-content; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a{display:inline-block; padding:.125em; border-radius:4px; transition:.3s;} #subContents .con a span{display:inline-block; position:relative;} #subContents .con a.link{padding:.063em .313em; background:#e2e9eb; color:#495c65;} #subContents .con a.link:before{content:'\f0c1'; display:inline-block; margin-right:.25em; border-radius:50%; color:inherit; font-size:.875em;} #subContents .con a.link span:before{content:''; display:inline-block; position:absolute; width:100%; height:1px; bottom:-1px; left:0; background:#0c8443; transform:scaleX(0); transform-origin:left center; transition:.2s; z-index:2;} #subContents .con a:focus, #subContents .con a:hover{background:transparent; color:#0c8443;} #subContents .con a:focus span:before, #subContents .con a:hover span:before{transform:scaleX(1);} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1560px; margin:0 auto 2.5em; z-index:1;} #subContents .tab > ul{display:inline-block; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:.125em; width:100%; max-width:fit-content; margin:0 auto; padding:.313em .5em .438em; background:#333; border-radius:5em; text-align:center;} #subContents .tab > ul li{display:inline-block; /*float:left; width:25%;*/ flex:0 1 auto; width:auto; margin:0; padding:1px 0 0 1px;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:.75em 1.25em; background:transparent; border:none; border-radius:5em; color:#e3e3e3; font-size:1.125em; font-weight:400; text-align:center; cursor:pointer; transition:background .2s, border-color .2s, color .2s, transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background-color:#4d4d4d; color:#fff;} #subContents .tab > ul li .tabLink.active{background:#f2d330; box-shadow:2px 2px 8px rgba(212,129,37,.1); color:#333; 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 .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 .con ul.list, #subContents .con ol.number{clear:both; width:100%; margin:0 auto 1.5em; font-size:1em;} #subContents .con ul.list + ul.list, #subContents .con ul.list + ol.number, #subContents .con ol.number + ul.list, #subContents .con ol.number + ol.number{margin-top:-1em;} #subContents .con ul.list > li, #subContents .con ol.number > li{position:relative; margin:0 auto .75em; line-height:1.5; word-break:keep-all;} #subContents .con ul.list > li{padding-left:.875em;} #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:.84375em; background:#d48125;} #subContents .con ul.list.circle > li:before{width:5px; height:5px; top:.75em; background:#d48125; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:.625em; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #d48125; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:.1875em; color:#d48125; font-weight:500;} #subContents .con ul.list.check > li{padding-left:1.5em;} #subContents .con ul.list.check > li:before{width:1.063em; height:1.063em; top:.313em; background:url('../images/sub/ico_bullet_check.png') no-repeat left center / 100% auto;} #subContents .con ul.list.nobullet > li{padding-left:0;} #subContents .con ol.number{counter-reset:item;} #subContents .con ol.number > li{padding-left:1.25em;} #subContents .con ol.number > li:before{display:block; position:absolute; top:.1em; left:0; color:#d48125; font-size:.938em; 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.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto .75em; padding-left:1.938em; word-break:keep-all;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:before{display:block; position:absolute; min-width:1.25em; left:0; color:#d48125; font-weight:500; counter-increment:item; content:counter(item, decimal-leading-zero) ')'; text-align:right;} #subContents .con ol.number.basic2 > li:nth-child(1):before, #subContents .con ol.number.basic2 > li:nth-child(10):before{letter-spacing:0;} #subContents .con ol.number.basic3 > li{padding-left:1.313em;} #subContents .con ol.number.basic3 > li:nth-child(9) ~ li{padding-left:1.875em;} #subContents .con ol.number.basic3 > li:before{content:counter(item) ')';} #subContents .con ol.number.basic3 > li:nth-child(1):before, #subContents .con ol.number.basic3 > li:nth-child(10):before{letter-spacing:0;} #subContents .con ol.number.basic4 > li{padding-left:1.625em;} #subContents .con ol.number.basic4 > li:before{content:'(' counter(item) ')';} #subContents .con ol.number.basic4 > li:nth-child(1):before, #subContents .con ol.number.basic4 > li:nth-child(10):before{letter-spacing:0;} #subContents .con ol.number.basic4 > li:nth-child(9) ~ li{padding-left:2em;} #subContents .con ol.number.circle > li{padding-left:1.25em;} #subContents .con ol.number.circle > li:nth-child(1):before{content:'①';} #subContents .con ol.number.circle > li:nth-child(2):before{content:'②';} #subContents .con ol.number.circle > li:nth-child(3):before{content:'③';} #subContents .con ol.number.circle > li:nth-child(4):before{content:'④';} #subContents .con ol.number.circle > li:nth-child(5):before{content:'⑤';} #subContents .con ol.number.circle > li:nth-child(6):before{content:'⑥';} #subContents .con ol.number.circle > li:nth-child(7):before{content:'⑦';} #subContents .con ol.number.circle > li:nth-child(8):before{content:'⑧';} #subContents .con ol.number.circle > li:nth-child(9):before{content:'⑨';} #subContents .con ol.number.circle > li:nth-child(10):before{content:'⑩';} #subContents .con ol.number.hangul > li{padding-left:1.5em;} #subContents .con ol.number.hangul > li:nth-child(1):before{content:'가.';} #subContents .con ol.number.hangul > li:nth-child(2):before{content:'나.';} #subContents .con ol.number.hangul > li:nth-child(3):before{content:'다.';} #subContents .con ol.number.hangul > li:nth-child(4):before{content:'라.';} #subContents .con ol.number.hangul > li:nth-child(5):before{content:'마.';} #subContents .con ol.number.hangul > li:nth-child(6):before{content:'바.';} #subContents .con ol.number.hangul > li:nth-child(7):before{content:'사.';} #subContents .con ol.number.hangul > li:nth-child(8):before{content:'아.';} #subContents .con ol.number.hangul > li:nth-child(9):before{content:'자.';} #subContents .con ol.number.hangul > li:nth-child(10):before{content:'차.';} #subContents .con ol.number.hangul > li:nth-child(11):before{content:'카.';} #subContents .con ol.number.hangul > li:nth-child(12):before{content:'타.';} #subContents .con ol.number.hangul > li:nth-child(13):before{content:'파.';} #subContents .con ol.number.hangul > li:nth-child(14):before{content:'하.';} #subContents .con ol.number.alphabet > li{padding-left:1.25em;} #subContents .con ol.number.alphabet > li:before{content:counter(item, upper-alpha) '.';} #subContents .con ul:last-child, #subContents .con ol:last-child, #subContents .con ul.list > li:last-child, #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:.8em;} #subContents .con ul li p + p, #subContents .con ol li p + p{margin-top:-.4em;} #subContents .con ul.list li li, #subContents .con ol.number li li{line-height:1.4; margin:0 auto .8em;} #subContents .con ul li ol.number.circle > li:before{top:2px;} #subContents .con ul li ul.list li strong, #subContents .con ul li ol.number li strong{font-weight:500;} #subContents .con ul.list li li li, #subContents .con ol.number li li li{font-size:.938em;} #subContents .con ul.inline li, #subContents .con ul.inline li{display:inline-block; margin-right:28px;} #subContents .con ul.inline li:last-child, #subContents .con ul.inline li:last-child{margin-right:0;} #subContents .con input[type="date"], #subContents .con input[type="email"], #subContents .con input[type="number"], #subContents .con input[type="search"], #subContents .con input[type="tel"], #subContents .con input[type="text"], #subContents .con input[type="url"], #subContents .con input[type="password"], #subContents .con select, #subContents .con textarea{display:inline-block; width:auto; height:auto; line-height:1; padding:.5em; background:#fff; border:1px solid #b8b9bc; border-radius:.25em; color:#202122; font-size:1em; font-weight:400;} #subContents .con select{padding:.5813em 1.5em .586em .5em; background:#fff url('../images/ico_arrow_bottom_gray-2.png') no-repeat right .5em center / 11px 7px;} #subContents .con textarea{resize:vertical;} #subContents .con .wght-normal{font-weight:normal; font-weight:400;} #subContents .con .wght-medium{font-weight:500;} #subContents .con .wght-bold{font-weight:bold; font-weight:700;} #subContents .con .color-red{color:#df2d2d;} #subContents .con .size-big{font-size:1.25em;} #subContents .con .size-mini{font-size:.875em;} #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 #bo_list table, #subContents #bo_v table{text-align:inherit;} #subContents table tr th{min-height:40px; padding:15px 14px; background:#f3f3f3; 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:#e6f1e5; color:#174a2e; font-weight:500;} #subContents table tr th:first-child{border-left:none;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:12px 14px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle;} #subContents table tr td:first-child{border-left:none;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.rowti{background:#f1fafd; color:#333; font-weight:500;} #subContents table tr td.alignLeft{text-align:left;} #subContents table tr td.alignRight{text-align:right;} #subContents table tr td.break{word-break:break-all;} #subContents table tr td.empty_table{width:100%;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} #subContents .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 .flexW{display:flex; flex-wrap:wrap;} #subContents .gridW{display:grid;} .sub_01, .sub_02, .sub_03, .sub_04, .sub_05, .sub_etc{clear:both; width:100%;} #subContents .sub_01 .con.end{margin:0 0 -5em; padding:5em 0 7.5em; background:#f3f3f3; background:linear-gradient(0deg, #f3f3f3 0, #fff 100%);} #subContents .sub_01 .con.end .txtW{} #subContents .sub_01 .con.end .txtW p.ti{font-size:1.375em;} #subContents .sub_01 .con.end .txtW p.detail{color:#666; font-size:1.25em;} #subContents .sub_01_01{} #subContents .sub_01_01 .con.slogan{} #subContents .sub_01_01 .con.slogan .txtW{position:relative; margin:0 auto; padding:2.5em 3em 2.75em; background:transparent; text-align:center;} #subContents .sub_01_01 .con.slogan .txtW p{display:inline-block; position:relative; font-size:1.25em; z-index:1;} #subContents .sub_01_01 .con.slogan .txtW p:before, #subContents .sub_01_01 .con.slogan .txtW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_01_01 .con.slogan .txtW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_01_01 .con.slogan .txtW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_01_01 .con.greeting{} #subContents .sub_01_01 .con.greeting .flexW{border-radius:.5em; overflow:hidden;} #subContents .sub_01_01 .con.greeting .imgW{flex:1; position:relative; max-width:580px; margin:0; background:#ddd; overflow:hidden;} #subContents .sub_01_01 .con.greeting .imgW img{max-width:100%; height:100%; object-fit:cover;} #subContents .sub_01_01 .con.greeting .txtW{flex:1.25; position:relative; padding:3.75em; background:#f3f3f3; background:linear-gradient(135deg, #f3f3f3 0, #fbfbfb 100%); overflow:hidden;} #subContents .sub_01_01 .con.greeting .txtW:after{content:''; display:block; position:absolute; width:64vw; max-width:22.5em; height:64vw; max-height:22.5em; right:-3.75em; bottom:-3.75em; background:url('../images/bg_rolling_txt.png') no-repeat center / 100%; animation:rotate-center 32s linear infinite both;} #subContents .sub_01_01 .con.greeting .txtW p{} #subContents .sub_01_01 .con.greeting .txtW p.hello{margin:0 auto 2.5em; padding:0 0 0 1.5em; border-left:2px solid #333; font-size:1.25em;} #subContents .sub_01_01 .con.system ul.system{display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 1.5em; padding:1.313em .313em;} #subContents .sub_01_01 .con.system ul.system li{flex:1; position:relative; max-width:33.333%; min-width:244px; min-height:244px; aspect-ratio:1; margin:-1.313em -.313em; padding:2.5em; /*background:rgba(230,241,229,.25);*/ border:1px solid #b1c9af; border-radius:50%;} #subContents .sub_01_01 .con.system ul.system li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_01_01 .con.system ul.system li .imgW{max-width:7.5em; border-radius:.5em; overflow:hidden;} #subContents .sub_01_01 .con.system ul.system li .imgW img{} #subContents .sub_01_01 .con.system ul.system li .txtW .conTitle{text-align:center;} #subContents .sub_01_01 .con.system ul.system li .txtW .conTitle h5{margin:0 auto .5em; font-size:1.25em;} #subContents .sub_01_01 .con.system ul.system li .txtW p{line-height:1.5; text-align:center;} #subContents .sub_01_01 .con.promise{padding:0 0 3em;} #subContents .sub_01_01 .con.promise ol.promise{display:flex; flex-wrap:wrap; gap:1em; counter-reset:item; margin:0 auto 2.5em;} #subContents .sub_01_01 .con.promise ol.promise li{flex:1; position:relative; padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_01_01 .con.promise ol.promise li:before{counter-increment:item; content:counter(item, decimal-leading-zero); display:block; position:absolute; width:100%; top:50%; left:0; color:#faefbd; font-family:'JoseonMyongjo', serif; font-size:5em; font-weight:700; text-align:center; letter-spacing:0; transform:translateY(-50%);} #subContents .sub_01_01 .con.promise ol.promise li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_01_01 .con.promise ol.promise li p{position:relative; text-align:center; z-index:1;} #subContents .sub_01_01 .con.promise .txtW{} #subContents .sub_01_01 .con.promise .txtW p{text-align:center;} #subContents .sub_01_01 .con.promise .txtW p.name{margin:2.5em auto 0; font-size:1.125em;font-weight:500;} #subContents .sub_01_02{} #subContents .sub_01_02 .con.intro{} #subContents .sub_01_02 .con.intro .txtW{margin:0 auto; padding:1.5em; background:#f3f3f3; border-radius:.5em;} #subContents .sub_01_02 .con.intro .txtW p{font-size:1.125em; text-align:center;} #subContents .sub_01_02 .con.intro .txtW p strong{font-weight:600;} #subContents .sub_01_02 .con.intro .txtW p strong.highlight{display:inline-block; line-height:1; padding:.125em; background:#f2d330;} #subContents .sub_01_02 .con.function .topW{} #subContents .sub_01_02 .con.function .topW .checkW{padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_01_02 .con.function .topW .sloganW{max-width:calc(100% - 7em); margin:5em auto; text-align:center;} #subContents .sub_01_02 .con.function .topW .sloganW p{display:inline-block; position:relative; margin:0 auto; font-size:1.25em; z-index:1;} #subContents .sub_01_02 .con.function .topW .sloganW p:before, #subContents .sub_01_02 .con.function .topW .sloganW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_01_02 .con.function .topW .sloganW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_01_02 .con.function .topW .sloganW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_01_02 .con.function ol.function{display:flex; flex-wrap:wrap; gap:1em; margin:0 auto 1.5em;} #subContents .sub_01_02 .con.function ol.function > li{flex:1; position:relative; padding:1.5em; background:#e6f1e5; border-radius:.5em;} #subContents .sub_01_02 .con.function ol.function > li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_01_02 .con.function ol.function > li .conTitle h5{margin:0 auto .313em;} #subContents .sub_01_02 .con.function ol.function > li p{text-align:center;} #subContents .sub_01_02 .con.function ol.function > li p.detail{line-height:1.5; color:#666; font-size:.938em;} #subContents .sub_01_02 .con.function ol.function > li p.information{margin:1em auto 0;} #subContents .sub_01_02 .con.function ol.function li .checkW{margin:1.5em auto 0; padding:1.25em 1.5em; background:#fff; border:1px dotted #b1c9af; border-radius:.5em; font-size:.938em; text-align:center;} #subContents .sub_01_02 .con.function ol.function li .checkW ul{max-width:fit-content;} #subContents .sub_01_02 .con.function ol.function li .checkW ul li{margin:0 auto .5em;} #subContents .sub_01_02 .con.function ol.function li .checkW ul li:last-child{margin:0 auto;} #subContents .sub_01_02 .con.function ol.function li .checkW ul li p{text-align:left;} #subContents .sub_01_02 .con.function ol.function li .checkW p.checkpoint{display:inline-block; position:relative; margin:0 auto 1.25em; padding:0 0 0 1.5em; border-bottom:1px solid #333; font-weight:500;} #subContents .sub_01_02 .con.function ol.function li .checkW p.checkpoint:before{content:''; display:inline-block; position:absolute; width:1.125em; height:1.125em; top:.25em; left:0; background:#f2d330 url('../images/sub/ico_check_dark.png') no-repeat center / 62.5%; border-radius:50%;} #subContents .sub_01_02 .con.function ol.function li .checkW p.result{margin:-.5em auto 0; font-size:1.063em; font-weight:600;} #subContents .sub_01_02 .con.function ol.function li .checkW p.result:before{content:'';} #subContents .sub_01_02 .con.principle{} #subContents .sub_01_02 .con.principle .checkingW{position:relative; margin:5em auto 0; padding:0;} #subContents .sub_01_02 .con.principle .checkingW .btn{padding:0; color:inherit; font-size:1em; font-weight:inherit;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc{display:block; width:100%; background:#0f67fe; border-radius:.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking{} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .flexW{justify-content:center; align-items:center; gap:3.75em; position:relative; z-index:1;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW{position:relative; width:auto; margin:-2.25em 0 0;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW img{} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW{} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW p{color:#fff; font-size:1.125em; font-weight:500; text-align:left; word-break:keep-all; overflow-wrap:anywhere;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW p strong{color:#93eaf3;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW{} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW .btn.more{padding:.48em 1.6063em; border-color:#74a6fc; color:#fff; word-break:keep-all; transition:.3s;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW .btn.more span{font-size:.875em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW{position:absolute; width:100%; height:100%; top:0; left:0; padding:2em 2.5em 1.75em; z-index:0;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW{position:relative; width:100%; height:100%;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW .object{position:absolute; color:#93eaf3; text-transform:uppercase;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW .object.left{max-width:6.625em; line-height:1.25; top:0; left:0; font-size:1.75em; font-weight:500; text-align:left; opacity:.1;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW .object.right{line-height:.725; right:0; bottom:0; font-size:7.5em; font-weight:700; text-align:right; opacity:.05;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc:focus .checking .flexW .btnW .btn.more, #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc:hover .checking .flexW .btnW .btn.more{background:#fff; border-color:#fff; color:#0f67fe;} #subContents .sub_01_03{} #subContents .sub_01_03 .con.reason{} #subContents .sub_01_03 .con.reason ol.reason{margin:1.5em auto 0;} #subContents .sub_01_03 .con.reason ol.reason > li{position:relative; margin:0 auto 5em;} #subContents .sub_01_03 .con.reason ol.reason > li:last-child{margin:0 auto;} #subContents .sub_01_03 .con.reason ol.reason li .wrapper{display:flex; flex-wrap:wrap; align-items:center; gap:3.75em; position:relative;} #subContents .sub_01_03 .con.reason ol.reason li .imgW{flex:1; position:relative; max-width:768px; margin:0; border-radius:.5em; overflow:hidden;} #subContents .sub_01_03 .con.reason ol.reason li .imgW img{object-fit:cover;} #subContents .sub_01_03 .con.reason ol.reason li .txtW{flex:1.5;} #subContents .sub_01_03 .con.reason ol.reason li .txtW .conTitle h5{} #subContents .sub_01_03 .con.reason ol.reason li .txtW p{} #subContents .sub_01_03 .con.reason ol.reason li .txtW p.result{position:relative; margin:0 auto; padding:0 0 0 2em; font-size:1.125em;} #subContents .sub_01_03 .con.reason ol.reason li .txtW p.result:before{content:'\f0eb'; display:inline-block; position:absolute; width:1.75em; height:1.75em; line-height:1.75; top:.063em; left:0; background:#f3da5b; border-radius:50%; color:#d48125; font-size:.875em; text-align:center;} #subContents .sub_01_03 .con.reason ol.reason li .txtW ul li p{display:inline-block;} #subContents .sub_01_03 .con.reason ol.reason li .txtW ul li p.ti{margin:0; font-weight:600;} #subContents .sub_01_04{} #subContents .sub_01_04 .con.location{} #subContents .sub_01_04 .con.location .txtW{margin:0 auto 2.5em;} #subContents .sub_01_04 .con.location .txtW p{text-align:center;} #subContents .sub_01_04 .con.location .txtW p.address{margin:0 0 .888em; font-size:1.5em; font-weight:500;} #subContents .sub_01_04 .con.location .txtW p.subway{font-size:.938em;} #subContents .sub_01_04 .con.location .txtW p.subway i.ico.subway{display:inline-block; line-height:1; margin:0 .142857em; padding:.21428571em .571428em .285714em; background:#333; border-radius:5em; color:#fff; font-style:normal;} #subContents .sub_01_04 .con.location .txtW p.subway i.ico.subway:first-child{margin-left:0;} #subContents .sub_01_04 .con.location .txtW p.subway i.ico.subway.line3{background:#f06e00;} #subContents .sub_01_04 .con.location .txtW p.subway i.ico.subway.suinbundang{background:#eba900;} #subContents .sub_01_04 .con.location .txtW p.subway i.ico.subway.gtxa{background:#905a89;} #subContents .sub_01_04 .con.location .txtW p.subway span{display:inline-block; margin:0 0 0 .571428em;} #subContents .sub_01_04 .con.location .mapW{width:100%; margin:0 auto .5em; background:#e3e3e3; font-size:16px;} #subContents .sub_01_04 .con.location .mapW a{padding:0;} #subContents .sub_01_04 .con.location .mapW .root_daum_roughmap{width:100%;} #subContents .sub_01_04 .con.location .mapW .root_daum_roughmap .wrap_map{height:480px;} #subContents .sub_01_04 .con.location .mapW .roughmap_maker_label{transform:translateX(7px);} #subContents .sub_01_04 .con.location .mapW .roughmap_maker_label .roughmap_lebel_text{padding:6px 8px; font-size:13px; font-weight:500;} #subContents .sub_01_04 .con.location .linkW{} #subContents .sub_01_04 .con.location .linkW ul.links{text-align:right;} #subContents .sub_01_04 .con.location .linkW ul.links li{display:inline-block; margin-left:.5em;} #subContents .sub_01_04 .con.location .linkW ul.links li:first-child{margin-left:0;} #subContents .sub_01_04 .con.location .linkW ul.links li a.btn.map{padding:.25em .5em; font-size:.875em; font-weight:500; text-align:center;} #subContents .sub_01_04 .con.location .linkW ul.links li a.btn.map:before{content:''; display:inline-block; width:1.125em; height:1.125em; margin-right:.25em; vertical-align:top;} #subContents .sub_01_04 .con.location .linkW ul.links li a.btn.map:focus, #subContents .sub_01_04 .con.location .linkW ul.links li a.btn.map:hover{color:#0c8443;} #subContents .sub_01_04 .con.location .linkW ul.links li.naver{} #subContents .sub_01_04 .con.location .linkW ul.links li.naver a.btn.map.naver:before{background:url('../images/sub/01/ico_map_naver.png') no-repeat center / 100%;} #subContents .sub_01_04 .con.location .linkW ul.links li.kakao{} #subContents .sub_01_04 .con.location .linkW ul.links li.kakao a.btn.map.kakao:before{background:url('../images/sub/01/ico_map_kakao.png') no-repeat center / 100%;} #subContents .sub_01_04 .con.slogan{margin:0 0 -5em; padding:5em 0 7.5em; background:#f3f3f3; background:linear-gradient(0deg, #f3f3f3 0, #fff 100%);} #subContents .sub_01_04 .con.slogan .sloganW{position:relative;} #subContents .sub_01_04 .con.slogan .sloganW .imgW{position:absolute; display:block; width:64vw; max-width:22.5em; height:64vw; max-height:22.5em; top:50%; left:50%; margin:-.75em 0 0; transform:translate(-50%, -50%); overflow:hidden;} #subContents .sub_01_04 .con.slogan .sloganW .imgW:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/bg_rolling_txt.png') no-repeat center / 100%; animation:rotate-center 32s linear infinite both;} #subContents .sub_01_04 .con.slogan .sloganW .txtW{position:relative; max-width:fit-content; margin:0 auto; z-index:1;} #subContents .sub_01_04 .con.slogan .sloganW .txtW p{text-align:center;} #subContents .sub_01_04 .con.slogan .sloganW .txtW p.ti{margin:0 0 1.625em; font-size:1.375em;} #subContents .sub_01_04 .con.slogan .sloganW .txtW p.detail{line-height:1.75; color:#666; font-size:1.25em;} #subContents .sub_01_04 .con.slogan .sloganW .txtW .btnW{text-align:center;} #subContents .sub_01_04 .con.slogan .sloganW .txtW .btnW a.btn.more{padding:.625em 1.25em; border-color:#808080; border-radius:5em; color:#333; font-size:.875em;} #subContents .sub_01_04 .con.slogan .sloganW .txtW .btnW a.btn.more:focus, #subContents .sub_01_04 .con.slogan .sloganW .txtW .btnW a.btn.more:hover{background:#0f67fe; border-color:#0f67fe; color:#fff;} #subContents .sub_02 .con.slogan{} #subContents .sub_02 .con.slogan .boxW{position:relative; margin:0 auto; padding:2.5em 3em 2.75em; background:transparent; text-align:center;} #subContents .sub_02 .con.slogan .boxW p{display:inline-block; position:relative; font-size:1.25em; z-index:1;} #subContents .sub_02 .con.slogan .boxW p:before, #subContents .sub_02 .con.slogan .boxW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_02 .con.slogan .boxW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_02 .con.slogan .boxW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_02 .con.slogan .flexW{align-items:center; gap:3.75em;} #subContents .sub_02 .con.slogan .flexW .imgW{flex:1; position:relative; max-width:768px; margin:0; border-radius:.5em; overflow:hidden;} #subContents .sub_02 .con.slogan .flexW .imgW img{object-fit:cover;} #subContents .sub_02 .con.slogan .flexW .txtW{flex:1;} #subContents .sub_02 .con.slogan .flexW .txtW p{font-size:1.063em;} #subContents .sub_02 .con.slogan .flexW .txtW .box{margin:2.5em auto 0; padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_02 .con.slogan .flexW .txtW .box > p{margin:0 auto .75em;} #subContents .sub_02 .con.slogan .flexW .txtW .box > p:last-child{margin:0 auto;} #subContents .sub_02 .con.slogan .flexW .txtW .box > p.result{margin:0 auto; font-size:1.063em; font-weight:500;} #subContents .sub_02 .con.slogan .flexW .txtW .box > p.result strong{color:#0c8443;} #subContents .sub_02 .con.slogan .flexW .txtW .box > ul.check{margin:0 auto 1em;} #subContents .sub_02 .con.core{} #subContents .sub_02 .con.core ol.function{display:flex; flex-wrap:wrap; gap:1em; margin:0 auto 1.5em;} #subContents .sub_02 .con.core ol.function li{flex:1; position:relative; padding:1.5em; background:#e6f1e5; border-radius:.5em;} #subContents .sub_02 .con.core ol.function li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_02 .con.core ol.function li p{text-align:center;} #subContents .sub_02 .con.core ol.function li p.ti{margin:0 auto 1em; color:#0c8443; font-size:1.125em; font-weight:700;} #subContents .sub_02 .con.core ol.function li p.detail{line-height:1.5; color:#666; font-size:.938em; text-align:center;} #subContents .sub_02 .con.core ol.function li i.ico.arrow.bottom{display:block; position:relative; margin:.5em auto; text-align:center;} #subContents .sub_02 .con.core ol.function li i.ico.arrow.bottom:before{content:'↓'; color:#90b48e;} #subContents .sub_02 .con.core ol.function li .checkW{} #subContents .sub_02 .con.core ol.function li .checkW p.result{font-weight:500;} #subContents .sub_02 .con.core ol.function li .checkW p.result:before{content:'';} #subContents .sub_02 .con.core .resultW{margin:2.5em auto 0; padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_02 .con.core .txtW{margin:2.5em auto 0; padding:1.5em; background:#f3f3f3; border-radius:.5em;} #subContents .sub_02 .con.core .txtW .box{} #subContents .sub_02 .con.core .txtW .box p{font-size:1.125em;} #subContents .sub_02 .con.core .txtW .box p strong{font-weight:600;} #subContents .sub_02 .con.core .txtW .box p strong.highlight{display:inline-block; line-height:1; padding:.125em; background:#f2d330;} #subContents .sub_02 .con.care{} #subContents .sub_02 .con.care ul.care{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:2.5em; margin:0 auto;} #subContents .sub_02 .con.care ul.care li{flex:1 1 calc(50% - 1.25em); position:relative; max-width:calc(50% - 1.25em);} #subContents .sub_02 .con.care ul.care li .wrapper{display:flex; align-items:center; gap:1.5em; position:relative;} #subContents .sub_02 .con.care ul.care li .imgW{position:relative; max-width:7.5em; margin:0; padding:0; border-radius:.5em; overflow:hidden;} #subContents .sub_02 .con.care ul.care li .imgW img{width:100%; height:100%;} #subContents .sub_02 .con.care ul.care li .txtW{} #subContents .sub_02 .con.care ul.care li .txtW .conTitle{} #subContents .sub_02 .con.care ul.care li .txtW .conTitle h5{margin:0 auto .5em; font-size:1.25em;} #subContents .sub_02 .con.care ul.care li .txtW p{} #subContents .sub_02 .con.care ul.care li .txtW p.detail{line-height:1.5; color:#666; font-size:.938em;} #subContents .sub_02 .con.effect ul.check{display:flex; flex-wrap:wrap; gap:1em;} #subContents .sub_02 .con.effect ul.check li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); margin:0; padding:.875em 1.5em .875em 3em; border:1px solid #d5e2d4; border-radius:5em;} #subContents .sub_02 .con.effect ul.check li:before{top:1.125em; left:1.5em;} #subContents .sub_02 .con.reason{} #subContents .sub_02 .con.reason .resultW{} #subContents .sub_02 .con.reason .resultW p{position:relative; margin:0 auto; padding:.75em 1em .75em 2.875em; border:1px dotted #b1c9af; border-radius:.5em; font-size:1.125em;} #subContents .sub_02 .con.reason .resultW p:before{content:'\f0eb'; display:inline-block; position:absolute; width:1.75em; height:1.75em; line-height:1.75; top:1em; left:1em; background:#d5e2d4; border-radius:50%; color:#0c8443; font-size:.875em; text-align:center;} #subContents .sub_02 .con.target{} #subContents .sub_02 .con.target ul.target{display:flex; flex-wrap:wrap; gap:1em;} #subContents .sub_02 .con.target ul.target li{flex:1 1 calc(33.333% - 1em); max-width:calc(33.333% - 1em); padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_02 .con.target ul.target li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_02 .con.target ul.target li p{text-align:center;} #subContents .sub_02 .con.end{margin:0 0 -5em; padding:5em 0 7.5em; background:#f3f3f3; background:linear-gradient(0deg, #f3f3f3 0, #fff 100%);} #subContents .sub_02 .con.end .imgW{position:absolute; display:block; width:44vw; max-width:15em; height:44vw; max-height:15em; top:50%; left:50%; margin:0; transform:translate(-50%, -50%); overflow:hidden;} #subContents .sub_02 .con.end .imgW:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/bg_rolling_txt.png') no-repeat center / 100%; animation:rotate-center 32s linear infinite both;} #subContents .sub_02 .con.end .txtW{position:relative;} #subContents .sub_02 .con.end .txtW p.ti{font-size:1.375em;} #subContents .sub_02 .con.end .txtW p.detail{color:#666; font-size:1.25em;} #subContents .sub_02 .con.end .txtW ul.list{max-width:fit-content; margin:0 auto 2em;} #subContents .sub_02_01{} #subContents .sub_02_01 .con.slogan .flexW{justify-content:center;} #subContents .sub_02_01 .con.core ol.function li .conTitle h5{margin:0 auto .25em; font-size:1.25em;} #subContents .sub_02_01 .con.core ol.function li p.detail:before, #subContents .sub_02_01 .con.core ol.function li p.detail:after{font-size:.938em; vertical-align:top;} #subContents .sub_02_01 .con.core ol.function li p.detail:before{content:'(';} #subContents .sub_02_01 .con.core ol.function li p.detail:after{content:')';} #subContents .sub_02_01 .con.care ul.care li{flex:1 1 calc(33.333% - 1.667em); max-width:calc(33.333% - 1.667em);} #subContents .sub_02_02{} #subContents .sub_02_03{} #subContents .sub_02_03 .con.target ul.target{align-items:flex-start; gap:2.5em;} #subContents .sub_02_03 .con.target ul.target li{flex:1; max-width:100%; padding:0; background:transparent; border-radius:0;} #subContents .sub_02_03 .con.target ul.target li .wrapper{top:auto; transform:translateY(0);} #subContents .sub_02_03 .con.target ul.target li .imgW{flex:1; position:relative; max-width:768px; border-radius:.5em; overflow:hidden;} #subContents .sub_02_03 .con.target ul.target li .imgW img{object-fit:cover;} #subContents .sub_02_03 .con.target ul.target li .txtW .conTitle h5{margin:0 auto .5em; font-size:1.25em;} #subContents .sub_02_03 .con.target ul.target li .txtW p{text-align:inherit;} #subContents .sub_02_04{} #subContents .sub_03 .con.top{} #subContents .sub_03 .con.top .wrapper{padding:1em 1em 2.5em; border:3px double #f3edd5; border-radius:.5em;} #subContents .sub_03 .con.top .wrapper > p{line-height:1.75; font-size:1.125em; text-align:center;} #subContents .sub_03 .con.top .wrapper > p strong{font-weight:600;} #subContents .sub_03 .con.top .wrapper > p .wght-medium{color:#d48125;} #subContents .sub_03 .con.top .boxW{position:relative; margin:0 auto 2em; padding:2em; background:#f3f3f3; background:linear-gradient(135deg, #f3f3f3 0, #e3e3e3 100%); border-radius:.5em;} #subContents .sub_03 .con.top .boxW:before{content:''; display:block; position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); top:3px; left:3px; background:#fff; border-radius:6px; opacity:.8; z-index:0;} #subContents .sub_03 .con.top .boxW p{position:relative; font-size:1.125em; z-index:1;} #subContents .sub_03 .con.top .boxW p.ti{font-size:1.5em;} #subContents .sub_03 .con.slogan{} #subContents .sub_03 .con.slogan .boxW{position:relative; margin:0 auto; padding:2.5em 3em 2.75em; background:transparent; text-align:center;} #subContents .sub_03 .con.slogan .boxW p{display:inline-block; position:relative; font-size:1.25em; z-index:1;} #subContents .sub_03 .con.slogan .boxW p:before, #subContents .sub_03 .con.slogan .boxW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_03 .con.slogan .boxW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_03 .con.slogan .boxW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_03 .con.slogan .flexW{align-items:center; gap:3.75em;} #subContents .sub_03 .con.slogan .flexW .imgW{flex:1; position:relative; max-width:768px; margin:0; border-radius:.5em; overflow:hidden;} #subContents .sub_03 .con.slogan .flexW .imgW img{object-fit:cover;} #subContents .sub_03 .con.slogan .flexW .txtW{flex:1;} #subContents .sub_03 .con.slogan .flexW .txtW p{font-size:1.063em;} #subContents .sub_03 .con.slogan .flexW .txtW .box{margin:2.5em auto 0; padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_03 .con.slogan .flexW .txtW .box > p{margin:0 auto .75em;} #subContents .sub_03 .con.slogan .flexW .txtW .box > p:last-child{margin:0 auto;} #subContents .sub_03 .con.slogan .flexW .txtW .box > p.result{margin:0 auto; font-size:1.063em; font-weight:500;} #subContents .sub_03 .con.slogan .flexW .txtW .box > p.result strong{color:#0c8443;} #subContents .sub_03 .con.slogan .flexW .txtW .box > ul.check{margin:0 auto 1em;} #subContents .sub_03 .con.care{} #subContents .sub_03 .con.care p.result{position:relative; margin:0 auto; padding:.75em 1em .75em 2.875em; border:1px dotted #b1c9af; border-radius:.5em; font-size:1.125em;} #subContents .sub_03 .con.care p.result:before{content:'\f0eb'; display:inline-block; position:absolute; width:1.75em; height:1.75em; line-height:1.75; top:1em; left:1em; background:#d5e2d4; border-radius:50%; color:#0c8443; font-size:.875em; text-align:center;} #subContents .sub_03 .con.effect{} #subContents .sub_03 .con.effect ol.effect{display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 1.5em; padding:1.313em .313em;} #subContents .sub_03 .con.effect ol.effect li{flex:1; position:relative; max-width:20%; min-width:240px; min-height:240px; aspect-ratio:1; margin:-1.313em -.313em; padding:2.5em; /*background:rgba(230,241,229,.25);*/ border:1px solid #b1c9af; border-radius:50%;} #subContents .sub_03 .con.effect ol.effect li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_03 .con.effect ol.effect li .conTitle{text-align:center;} #subContents .sub_03 .con.effect ol.effect li .conTitle h5{margin:0 auto; font-size:1.125em;} #subContents .sub_03 .con.effect ol.effect li p{text-align:center;} #subContents .sub_03 .con.effect ol.effect li p.ti{margin:0 auto; color:#0c8443; font-size:1.125em; font-weight:700;} #subContents .sub_03 .con.effect ol.effect li i.ico.arrow.bottom{display:block; position:relative; margin:.5em auto; text-align:center;} #subContents .sub_03 .con.effect ol.effect li i.ico.arrow.bottom:before{content:'↓'; color:#90b48e;} #subContents .sub_03 .con.effect ol.effect li p.detail{line-height:1.5; color:#666; font-size:.938em; text-align:center;} #subContents .sub_03 .con.effect ul.check{display:flex; flex-wrap:wrap; gap:1em;} #subContents .sub_03 .con.effect ul.check li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); margin:0; padding:.875em 1.5em .875em 3em; border:1px solid #d5e2d4; border-radius:5em;} #subContents .sub_03 .con.effect ul.check li:before{top:1.125em; left:1.5em;} #subContents .sub_03 .con.effect .resultW{} #subContents .sub_03 .con.effect .resultW p{font-size:1.125em; font-weight:500; text-align:center;} #subContents .sub_03 .con.target{} #subContents .sub_03 .con.target ul.target{display:flex; flex-wrap:wrap; gap:1em;} #subContents .sub_03 .con.target ul.target li{flex:1 1 calc(33.333% - 1em); max-width:calc(33.333% - 1em); padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_03 .con.target ul.target li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_03 .con.target ul.target li p{text-align:center;} #subContents .sub_03 .con.end{margin:0 0 -5em; padding:5em 0 7.5em; background:#f3f3f3; background:linear-gradient(0deg, #f3f3f3 0, #fff 100%);} #subContents .sub_03 .con.end .imgW{position:absolute; display:block; width:44vw; max-width:15em; height:44vw; max-height:15em; top:50%; left:50%; margin:0; transform:translate(-50%, -50%); overflow:hidden;} #subContents .sub_03 .con.end .imgW:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/bg_rolling_txt.png') no-repeat center / 100%; animation:rotate-center 32s linear infinite both;} #subContents .sub_03 .con.end .txtW{} #subContents .sub_03 .con.end .txtW p.ti{font-size:1.375em;} #subContents .sub_03 .con.end .txtW p.detail{color:#666; font-size:1.25em;} #subContents .sub_03 .con.end .txtW ul.list{max-width:fit-content; margin:0 auto 2em;} #subContents .sub_03_01{} #subContents .sub_03_02{} #subContents .sub_03_02 .con.slogan .flexW{justify-content:center;} #subContents .sub_03_03{} #subContents .sub_03_04{} #subContents .sub_04 .con.top{} #subContents .sub_04 .con.top .wrapper{padding:1em 1em 2.5em; border:3px double #d5e2d4; border-radius:.5em;} #subContents .sub_04 .con.top .wrapper > p{line-height:1.75; font-size:1.125em; text-align:center;} #subContents .sub_04 .con.top .wrapper > p strong{font-weight:600;} #subContents .sub_04 .con.top .boxW{position:relative; margin:0 auto 2em; padding:2em; background:#f3f3f3; background:linear-gradient(135deg, #f3f3f3 0, #e3e3e3 100%); border-radius:.5em;} #subContents .sub_04 .con.top .boxW:before{content:''; display:block; position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); top:3px; left:3px; background:#fff; border-radius:6px; opacity:.8; z-index:0;} #subContents .sub_04 .con.top .boxW p{position:relative; font-size:1.125em; z-index:1;} #subContents .sub_04 .con.top .boxW p.ti{font-size:1.5em;} #subContents .sub_04 .con.slogan{} #subContents .sub_04 .con.slogan .boxW{position:relative; margin:0 auto; padding:2.5em 3em 2.75em; background:transparent; text-align:center;} #subContents .sub_04 .con.slogan .boxW p{display:inline-block; position:relative; font-size:1.25em; z-index:1;} #subContents .sub_04 .con.slogan .boxW p:before, #subContents .sub_04 .con.slogan .boxW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_04 .con.slogan .boxW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_04 .con.slogan .boxW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_04 .con.slogan .flexW{align-items:center; gap:3.75em;} #subContents .sub_04 .con.slogan .flexW .imgW{flex:1; position:relative; max-width:768px; margin:0; border-radius:.5em; overflow:hidden;} #subContents .sub_04 .con.slogan .flexW .imgW img{object-fit:cover;} #subContents .sub_04 .con.slogan .flexW .imgW img.pc{display:block;} #subContents .sub_04 .con.slogan .flexW .imgW img.mobile{display:none;} #subContents .sub_04 .con.slogan .flexW .txtW{flex:1;} #subContents .sub_04 .con.slogan .flexW .txtW p{font-size:1.063em;} #subContents .sub_04 .con.slogan .flexW .txtW .box{margin:2.5em auto 0; padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_04 .con.slogan .flexW .txtW .box > p{margin:0 auto .75em;} #subContents .sub_04 .con.slogan .flexW .txtW .box > p:last-child{margin:0 auto;} #subContents .sub_04 .con.slogan .flexW .txtW .box > p.result{margin:0 auto; font-size:1.063em; font-weight:500;} #subContents .sub_04 .con.slogan .flexW .txtW .box > p.result strong{color:#0c8443;} #subContents .sub_04 .con.slogan .flexW .txtW .box > ul.check{margin:0 auto 1em;} #subContents .sub_04 .con.core{} #subContents .sub_04 .con.core ol.function{display:flex; flex-wrap:wrap; gap:1em; margin:0 auto 1.5em;} #subContents .sub_04 .con.core ol.function li{flex:1; position:relative; padding:1.5em; background:#e6f1e5; border-radius:.5em;} #subContents .sub_04 .con.core ol.function li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_04 .con.core ol.function li p{text-align:center;} #subContents .sub_04 .con.core ol.function li p.ti{margin:0 auto 1em; color:#0c8443; font-size:1.125em; font-weight:700;} #subContents .sub_04 .con.core ol.function li p.detail{line-height:1.5; color:#666; font-size:.938em; text-align:center;} #subContents .sub_04 .con.core .resultW{margin:2.5em auto 0; padding:0 0 0 1.75em; border-left:2px solid #333;} #subContents .sub_04 .con.core .txtW{margin:2.5em auto 0; padding:1.5em; background:#f3f3f3; border-radius:.5em;} #subContents .sub_04 .con.core .txtW .box{} #subContents .sub_04 .con.core .txtW .box p{font-size:1.125em;} #subContents .sub_04 .con.core .txtW .box p strong{font-weight:600;} #subContents .sub_04 .con.core .txtW .box p strong.highlight{display:inline-block; line-height:1; padding:.125em; background:#f2d330;} #subContents .sub_04 .con.care{} #subContents .sub_04 .con.care ul.care{display:flex; flex-wrap:wrap; gap:3.75em;} #subContents .sub_04 .con.care ul.care li{flex:1; position:relative;} #subContents .sub_04 .con.care ul.care li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_04 .con.care ul.care li .imgW{position:relative; max-width:768px; margin:0 auto 1.5em; padding:0 0 75%; border-radius:.5em; overflow:hidden;} #subContents .sub_04 .con.care ul.care li .imgW img{position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover;} #subContents .sub_04 .con.care ul.care li .txtW{} #subContents .sub_04 .con.care ul.care li .txtW .conTitle h5{margin:0 auto .5em;} #subContents .sub_04 .con.care ul.care li .txtW p.detail{} #subContents .sub_04 .con.care p.result{font-size:1.125em;} #subContents .sub_04 .con.effect{} #subContents .sub_04 .con.effect ol.effect{display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto 1.5em; padding:1.313em .313em;} #subContents .sub_04 .con.effect ol.effect li{flex:1; position:relative; max-width:20%; min-width:240px; min-height:240px; aspect-ratio:1; margin:-1.313em -.313em; padding:2.5em; /*background:rgba(230,241,229,.25);*/ border:1px solid #b1c9af; border-radius:50%;} #subContents .sub_04 .con.effect ol.effect li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_04 .con.effect ol.effect li .conTitle{text-align:center;} #subContents .sub_04 .con.effect ol.effect li .conTitle h5{margin:0 auto; font-size:1.125em;} #subContents .sub_04 .con.effect ol.effect li p{text-align:center;} #subContents .sub_04 .con.effect ol.effect li p.ti{margin:0 auto; color:#0c8443; font-size:1.125em; font-weight:700;} #subContents .sub_04 .con.effect ol.effect li i.ico.arrow.bottom{display:block; position:relative; margin:.5em auto; text-align:center;} #subContents .sub_04 .con.effect ol.effect li i.ico.arrow.bottom:before{content:'↓'; color:#90b48e;} #subContents .sub_04 .con.effect ol.effect li p.detail{line-height:1.5; color:#666; font-size:.938em; text-align:center;} #subContents .sub_04 .con.effect .resultW{} #subContents .sub_04 .con.effect .resultW p{font-size:1.125em; font-weight:500; text-align:center;} #subContents .sub_04 .con.target{} #subContents .sub_04 .con.target ul.target{display:flex; flex-wrap:wrap; gap:1em;} #subContents .sub_04 .con.target ul.target li{flex:1 1 calc(33.333% - 1em); max-width:calc(33.333% - 1em); padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_04 .con.target ul.target li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_04 .con.target ul.target li p{text-align:center;} #subContents .sub_04 .con.indication{} #subContents .sub_04 .con.indication ol.indication{display:flex; flex-wrap:wrap; gap:1em; counter-reset:item;} #subContents .sub_04 .con.indication ol.indication li{flex:1; position:relative; padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_04 .con.indication ol.indication li:before{counter-increment:item; content:counter(item, decimal-leading-zero); display:block; position:absolute; width:100%; top:50%; left:0; color:#faefbd; font-family:'JoseonMyongjo', serif; font-size:5em; font-weight:700; text-align:center; letter-spacing:0; transform:translateY(-50%);} #subContents .sub_04 .con.indication ol.indication li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_04 .con.indication ol.indication li p{text-align:center;} #subContents .sub_04 .con.end{margin:0 0 -5em; padding:5em 0 7.5em; background:#f3f3f3; background:linear-gradient(0deg, #f3f3f3 0, #fff 100%);} #subContents .sub_04 .con.end .imgW{position:absolute; display:block; width:44vw; max-width:15em; height:44vw; max-height:15em; top:50%; left:50%; margin:0; transform:translate(-50%, -50%); overflow:hidden;} #subContents .sub_04 .con.end .imgW:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/bg_rolling_txt.png') no-repeat center / 100%; animation:rotate-center 32s linear infinite both;} #subContents .sub_04 .con.end .txtW{} #subContents .sub_04 .con.end .txtW p.ti{font-size:1.75em;} #subContents .sub_04 .con.end .txtW p.detail{color:#666; font-size:1.25em;} #subContents .sub_04 .con.end .txtW ul.list{max-width:fit-content; margin:0 auto 2em;} #subContents .sub_04_01{} #subContents .sub_04_01 .con.slogan .flexW{align-items:flex-start;} #subContents .sub_04_02{} #subContents .sub_04_03{} #subContents .sub_04_04{} #subContents .sub_04_05{} #subContents .sub_04_05 .con.care ul.care{gap:1em;} #subContents .sub_04_05 .con.care ul.care li{flex:1; padding:2.5em; background:#fcf7dc; border-radius:.5em;} #subContents .sub_04_05 .con.care ul.care li .txtW p{text-align:center;} #subContents .sub_05 .con.slogan{margin:0; padding:0;} #subContents .sub_05 .con.slogan .boxW{position:relative; margin:0 auto 1.5em; padding:2.5em 3em 2.75em; background:transparent; text-align:center;} #subContents .sub_05 .con.slogan .boxW p{display:inline-block; position:relative; font-size:1.25em; z-index:1;} #subContents .sub_05 .con.slogan .boxW p:before, #subContents .sub_05 .con.slogan .boxW p:after{display:inline-block; position:absolute; line-height:1; color:#ccc; font-size:5em; font-weight:500;} #subContents .sub_05 .con.slogan .boxW p:before{content:'“'; top:-.25em; left:-.5em; vertical-align:top;} #subContents .sub_05 .con.slogan .boxW p:after{content:'”'; bottom:-.25em; right:-.5em; vertical-align:bottom; transform:translateY(.675em);} #subContents .sub_05_03 .con.reservation .flexW{align-items:center; gap:3.75em;} #subContents .sub_05_03 .con.reservation .flexW .imgW{flex:1; position:relative; max-width:768px; margin:0; border-radius:.5em; overflow:hidden;} #subContents .sub_05_03 .con.reservation .flexW .imgW img{object-fit:cover;} #subContents .sub_05_03 .con.reservation .flexW .txtW{flex:1;} #subContents .sub_05_03 .con.reservation .flexW .txtW > p{font-size:1.063em;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step{display:flex; flex-wrap:wrap; gap:2.5em; margin:0 auto 2.5em;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li{flex:1; position:relative; padding:1.5em; background:#f3f3f3; border-radius:.5em;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li:after{content:''; display:inline-block; position:absolute; width:.5em; height:.875em; top:50%; right:-1.5em; margin:-.4375em auto auto auto; background:transparent url('../images/ico_arrow_right_dark.png') no-repeat center / auto;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li:last-child:after{display:none; width:0; height:0; background:none;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li.step01{background:#faefbd;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li.step02{background:#f5e17f;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li.step03{background:#f2d330;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li .wrapper{position:relative; top:50%; transform:translateY(-50%);} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li p{font-size:1.063em; text-align:center;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box{padding:1.75em; border:3px double #b1c9af; border-radius:.5em;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box p{} #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW{text-align:center;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW a.btn.more{padding:.625em 1.25em; border-color:#808080; border-radius:5em; color:#333; font-size:.875em;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW a.btn.more i.ico.naverbooking{width:1.125em; height:1.125em; margin-right:.5em; background:url(../images/ico_sns_naverbooking.png) no-repeat center / cover; vertical-align:middle;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW a.btn.more span{vertical-align:middle;} #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW a.btn.more:focus, #subContents .sub_05_03 .con.reservation .flexW .txtW .box .btnW a.btn.more:hover{background:#f3f3f3;} #subContents .sub_etc_sitemap{} #subContents .sub_etc_sitemap .con{} #subContents .sub_etc_sitemap .con .flexW{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:5em 3.75em;} #subContents .sub_etc_sitemap .con .depth01_lists{flex:1 1 calc(33.333% - 2.5em); max-width:calc(33.333% - 2.5em);} #subContents .sub_etc_sitemap .con .depth01_lists:last-child{display:none;} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle{} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle h6{} #subContents .sub_etc_sitemap .con .depth01_lists .conTitle a.depth01{padding:0; color:inherit;} #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; gap:1.5em; padding:0 0 0 1.875em;} #subContents .sub_etc_sitemap .con .depth01_lists ul li.depth02_list{flex:1 1 100%;} #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:1em 1.25em; background:#f3f3f3; border-radius:.5em;} #subContents .sub_etc_sitemap .con .depth01_lists ul li ul li.depth03_list{margin:0 auto .875em; 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:#0c8443; 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:#0c8443; 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_list, #bo_gall, #bo_v, #bo_w{font-size:.888888em;} #bo_list .inner, #bo_gall .inner, #bo_v .inner, #bo_w .inner{margin:5em auto;} #bo_v_con img{width:auto;} #bo_v_con .videoW {display: block; width: 100%; height: 100%; max-width: 950px; margin: 0 auto; aspect-ratio: 16 / 9;} #bo_v_con .videoW iframe {width: 100%; height: 100%;} @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; font-size:17px; border-left:none;} #subContents .inner{width:100%;} #subContents .tableW{overflow-x:auto;} #subContents .tab > ul li{width:auto;} #subContents label.btn.select input.pick.radio ~ span.checkmark:after{width:.438em; height:.438em;} #subContents .con ul.list.line > li:before{top:10px;} #subContents .con ul.list.circle > li:before{top:9px;} #subContents .con ul.list.triangle > li:before{top:7.5px;} #subContents .con ul.list.star > li:before{top:2px;} #subContents .con ul.list.check > li:before{top:3px;} #subContents .sub_01_01 .con.greeting .txtW{flex:1; padding:3.5em;} #subContents .sub_01_03 .con.reason ol.reason li .wrapper{align-items:flex-start;} #subContents .sub_02 .con.care ul.care{gap:2.5em;} #subContents .sub_03 .con.effect ol.effect li{flex:1 1 30%; max-width:30%;} #subContents .sub_04 .con.care ul.care{gap:2.5em;} #subContents .sub_04 .con.effect ol.effect li{flex:1 1 30%; max-width:30%;} #subContents .sub_05_03 .con.reservation .flexW .imgW{flex:1 1 100%; margin:0 auto;} #subContents .sub_05_03 .con.reservation .flexW .txtW{flex:1 1 100%;} #subContents .sub_05_03 .con.reservation .flexW .txtW > p{text-align:center;} #subContents .sub_etc_sitemap .con .depth01_lists{flex:1 1 calc(50% - 1.875em); max-width:calc(50% - 1.875em);} #subContents .modalWrap .modalCon{width:84%; left:8%;} #bo_list, #bo_gall, #bo_v, #bo_w{font-size:1em;} } @media all and (max-width:1023px){ #subVisual{min-width:280px;} #subVisual .title{margin-top:-2em;} #path{top:19.5em;} #subContents{clear:both; float:none; width:100%; min-width:280px; min-height:auto; padding:4.5em 0; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .con{margin:0 auto 4.5em; padding:0 0 4.5em;} #subContents .con img{width:100%;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .sub_01_01 .con.greeting .imgW{flex:1 1 100%; max-width:100%;} #subContents .sub_01_01 .con.greeting .txtW{flex:1 1 100%; padding:2.5em;} #subContents .sub_01_01 .con.system ul.system li{padding:1.5em;} #subContents .sub_01_01 .con.system ul.system li .imgW{max-width:5em; margin:0 auto 1em;} #subContents .sub_01_01 .con.system ul.system li .txtW .conTitle h5{margin:0 auto .25em; font-size:1.125em;} #subContents .sub_01_01 .con.system ul.system li .txtW p{font-size:.938em;} #subContents .sub_01_02 .con.function ol.function > li{flex:1 1 100%;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .flexW{gap:2.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW{flex:1; padding-left:2em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW{flex:2;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW{flex:1; max-width:9.5em; padding-right:2.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW .btn.more span{line-height:1.25;} #subContents .sub_01_03 .con.reason ol.reason > li{position:relative; margin:0 auto 3.75em;} #subContents .sub_01_03 .con.reason ol.reason li .wrapper{gap:2.5em;} #subContents .sub_01_03 .con.reason ol.reason li .txtW .conTitle h5{margin:0 0 .5em;} #subContents .sub_01_04 .con.location .mapW .root_daum_roughmap .wrap_map{height:360px;} #subContents .sub_01_04 .con.slogan{margin:0 0 -4.5em; padding:4.5em 0 7em;} #subContents .sub_02 .con.slogan .flexW{justify-content:center; gap:2.5em;} #subContents .sub_02 .con.slogan .flexW .imgW{flex:1 1 100%;} #subContents .sub_02 .con.slogan .flexW .txtW{flex:1 1 100%;} #subContents .sub_02 .con.care ul.care{gap:2.5em 3.75em;} #subContents .sub_02 .con.care ul.care li{flex:1 1 calc(50% - 1.875em); max-width:calc(50% - 1.875em);} #subContents .sub_02 .con.end{margin:0 0 -4.5em; padding:4.5em 0 7em;} #subContents .sub_02_03 .con.target ul.target li{flex:1 1 calc(50% - 1.25em); max-width:calc(50% - 1.25em);} #subContents .sub_03 .con.slogan .flexW{justify-content:center; gap:2.5em;} #subContents .sub_03 .con.slogan .flexW .imgW{flex:1 1 100%;} #subContents .sub_03 .con.slogan .flexW .txtW{flex:1 1 100%;} #subContents .sub_03 .con.end{margin:0 0 -4.5em; padding:4.5em 0 7em;} #subContents .sub_04 .con.slogan .flexW{justify-content:center; gap:2.5em;} #subContents .sub_04 .con.slogan .flexW .imgW{flex:1 1 100%;} #subContents .sub_04 .con.slogan .flexW .imgW img.pc{display:none;} #subContents .sub_04 .con.slogan .flexW .imgW img.mobile{display:block;} #subContents .sub_04 .con.slogan .flexW .txtW{flex:1 1 100%;} #subContents .sub_04 .con.care ul.care{gap:3.75em;} #subContents .sub_04 .con.care ul.care li{flex:1 1 calc(50% - 1.875em); max-width:calc(50% - 1.875em);} #subContents .sub_04 .con.end{margin:0 0 -4.5em; padding:4.5em 0 7em;} #subContents .modalWrap button.modalClose{width:45px; height:45px; top:12px; right:12px; background:#495c65; border-radius:50%;} #subContents .modalWrap button.modalClose span{width:18px;} #subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{width:18px;} #bo_v_con{overflow-x:auto;} #bo_v_con img{width:100%; max-width:fit-content !important;} } @media all and (max-width:768px){ #subVisual{height:280px;} #subVisual .title{margin-top:-1.75em;} #subVisual .title h2{font-size:2.5em;} #path{top:14.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;} #subContents{padding:4em 0; font-size:16px;} #subContents .conTitle h3{font-size:1.875em;} #subContents .conTitle h4{font-size:1.625em;} #subContents .conTitle h5{font-size:1.438em;} #subContents .conTitle h6{font-size:1.125em;} #subContents .con{margin:0 auto 4em; padding:0 0 4em;} #subContents .con p{line-height:1.5;} #subContents .con > p + p{margin-top:-.75em;} #subContents .con > p + ul.list, #subContents .con > p + ol.number{margin-top:-1.5em;} #subContents .con ul.list, #subContents .con ol.number{margin:0 auto 1.25em;} #subContents .con ul.list + ul.list, #subContents .con ul.list + ol.number{margin-top:-1.5em;} #subContents .con ol.number + ul.list, #subContents .con ol.number + ol.number{margin-top:-1.5em;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:.75em;} #subContents .con ul li p + p, #subContents .con ol li p + p{margin-top:-.375em;} #subContents .con ul.list.circle > li:before{top:9.5px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul.inline li, #subContents .con ul.inline li{margin-right:12px;} #subContents .tabMenu{margin:0 auto 28px;} #subContents .tabMenu ul{white-space:nowrap; overflow-x:auto;} #subContents .tabMenu ul li{min-width:auto;} #subContents .tabMenu ul li a{padding:12px 14px; font-size:1.063rem;} #subContents .tabMenu ul li.active a{padding:12px 14px 11px;} #subContents .tabMenu ul li.new a:after{width:13px; height:13px; top:1px;} #subContents .tab{margin:0 auto 20px;} #subContents .tab ul{flex-wrap:nowrap; white-space:nowrap; overflow-x:auto;} #subContents .tab ul li{min-width:auto;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:5px 8px;} #subContents label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;} #subContents label.btn.select input.pick.chk:checked ~ span.checkmark:after{background-size:88%;} #subContents .imgW{margin:0 auto 1.5em;} #subContents .sub_01_01 .con.system ul.system li{min-width:264px; padding:2em;} #subContents .sub_01_01 .con.promise ol.promise li{flex:1 1 100%;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .flexW{gap:1.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW{flex:.875; margin:-.5em 0 0; padding-left:1em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW{flex:2.25; padding:1.5em 0;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW{padding-right:1.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW{padding:1em 1.5em .75em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW .object.left{font-size:1.25em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW .objectW .object.right{font-size:3.75em;} #subContents .sub_01_03 .con.reason ol.reason li .txtW ul li{margin:0 auto .5em;} #subContents .sub_01_03 .con.reason ol.reason li .txtW ul li:last-child{margin:0 auto;} #subContents .sub_01_04 .con.slogan{margin:0 0 -4em; padding:2em 0 7em;} #subContents .sub_01_04 .con.slogan .sloganW .txtW{max-width:320px;} #subContents .sub_01_04 .con.slogan .sloganW .txtW p.ti strong{display:inline-block;} #subContents .sub_02 .con.core ol.function li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em);} #subContents .sub_02 .con.care ul.care{gap:1.5em;} #subContents .sub_02 .con.care ul.care li{flex:1 1 100%; max-width:100%;} #subContents .sub_02 .con.care ul.care li .wrapper{gap:1em;} #subContents .sub_02 .con.care ul.care li .imgW{max-width:5.875em;} #subContents .sub_02 .con.care ul.care li .txtW .conTitle h5{font-size:1.125em;} #subContents .sub_02 .con.effect ul.check{gap:.5em;} #subContents .sub_02 .con.effect ul.check li{flex:1 1 100%; max-width:100%;} #subContents .sub_02 .con.target ul.target li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); padding:2em 1.75em;} #subContents .sub_02 .con.end{margin:0 0 -4em; padding:4em 0 7em;} #subContents .sub_02 .con.end .txtW{padding:0 2.5em;} #subContents .sub_02 .con.end .txtW p.ti{font-size:1.5em;} #subContents .sub_02 .con.end .txtW p.detail{font-size:1.125em;} #subContents .sub_02_03 .con.target ul.target{gap:2em;} #subContents .sub_02_03 .con.target ul.target li{flex:1 1 calc(50% - 1em); max-width:calc(50% - 1em); padding:0;} #subContents .sub_03 .con.target ul.target li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); padding:2em 1.75em;} #subContents .sub_03 .con.effect ul.check{gap:.5em;} #subContents .sub_03 .con.effect ul.check li{flex:1 1 100%; max-width:100%;} #subContents .sub_03 .con.end{margin:0 0 -4em; padding:4em 0 7em;} #subContents .sub_03 .con.end .txtW{padding:0 2.5em;} #subContents .sub_03 .con.end .txtW p.ti{font-size:1.5em;} #subContents .sub_03 .con.end .txtW p.detail{font-size:1.125em;} #subContents .sub_04 .con.target ul.target li{flex:1 1 calc(50% - .5em); max-width:calc(50% - .5em); padding:2em 1.75em;} #subContents .sub_04 .con.care ul.care{gap:2.5em;} #subContents .sub_04 .con.care ul.care li{flex:1 1 calc(50% - 1.25em); max-width:calc(50% - 1.25em);} #subContents .sub_04 .con.end{margin:0 0 -4em; padding:4em 0 7em;} #subContents .sub_04 .con.end .txtW{padding:0 2.5em;} #subContents .sub_04 .con.end .txtW p.ti{font-size:1.5em;} #subContents .sub_04 .con.end .txtW p.detail{font-size:1.125em;} #subContents .sub_etc_sitemap .con .flexW{gap:3.75em 2.5em;} #subContents .sub_etc_sitemap .con .depth01_lists{flex:1 1 calc(50% - 1.5em); max-width:calc(50% - 1.5em);} #subContents .sub_etc_sitemap .con .depth01_lists ul.depth02_lists{gap:1em; padding:0 0 0 1.75em;} #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:200px;} #subVisual .inner{padding:0 1em;} #subVisual .title{margin-top:0;} #subVisual .title h2{font-size:2.25em;} #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 .sub_01_01 .con.greeting .txtW p.hello{padding:0 0 0 1.25em;} #subContents .sub_01_01 .con.system ul.system{padding:0 .313em .75em;} #subContents .sub_01_01 .con.system ul.system li{min-width:264px; margin:0 -.313em -.75em; padding:2em;} #subContents .sub_01_01 .con.system ul.system li .imgW{max-width:6.25em;} #subContents .sub_01_01 .con.promise ol.promise{gap:.75em; padding:1.25em 1.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW img{max-width:112px;} #subContents .sub_01_03 .con.reason ol.reason li .wrapper{gap:1.5em;} #subContents .sub_01_03 .con.reason ol.reason li .imgW, #subContents .sub_01_03 .con.reason ol.reason li .txtW{flex:1 1 100%;} #subContents .sub_01_04 .con.location .txtW p.subway{margin:.75em auto 0;} #subContents .sub_01_04 .con.location .txtW p.subway span{width:100%; margin:.75em auto 0;} #subContents .sub_01_04 .con.location .mapW .root_daum_roughmap .wrap_map{height:280px;} #subContents .sub_02 .con.slogan .flexW .txtW .box{padding:0 0 0 1.25em;} #subContents .sub_02 .con.core ol.function{gap:.75em;} #subContents .sub_02 .con.core ol.function li{flex:1 1 100%; max-width:100%; padding:1.25em 1.5em;} #subContents .sub_02 .con.core .resultW{padding:0 0 0 1.25em;} #subContents .sub_02 .con.care ul.care li{flex:1 1 100%; max-width:100%;} #subContents .sub_02 .con.target ul.target{gap:.75em;} #subContents .sub_02 .con.target ul.target li{flex:1 1 calc(50% - .375em); max-width:calc(50% - .375em); padding:1.25em 1.5em;} #subContents .sub_02_03 .con.target ul.target{gap:1.5em;} #subContents .sub_02_03 .con.target ul.target li{flex:1 1 100%; max-width:100%; padding:0;} #subContents .sub_02_03 .con.target ul.target li .imgW{margin:0 auto 1em;} #subContents .sub_03 .con.slogan .flexW .txtW .box{padding:0 0 0 1.25em;} #subContents .sub_03 .con.effect ol.effect{padding:0 .313em .75em;} #subContents .sub_03 .con.effect ol.effect li{min-width:218px; min-height:218px; margin:0 -.313em -.75em; padding:2em;} #subContents .sub_03 .con.target ul.target{gap:.75em;} #subContents .sub_03 .con.target ul.target li{flex:1 1 calc(50% - .375em); max-width:calc(50% - .375em); padding:1.25em 1.5em;} #subContents .sub_03 .con.indication ol.indication{gap:.75em;} #subContents .sub_04 .con.slogan .flexW .txtW .box{padding:0 0 0 1.25em;} #subContents .sub_04 .con.core ol.function{gap:.75em;} #subContents .sub_04 .con.core ol.function li{padding:1.25em 1.5em;} #subContents .sub_04 .con.core .resultW{padding:0 0 0 1.25em;} #subContents .sub_04 .con.care ul.care li{flex:1 1 100%; max-width:100%;} #subContents .sub_04 .con.effect ol.effect{padding:0 .313em .75em;} #subContents .sub_04 .con.effect ol.effect li{min-width:218px; min-height:218px; margin:0 -.313em -.75em; padding:2em;} #subContents .sub_04 .con.target ul.target{gap:.75em;} #subContents .sub_04 .con.target ul.target li{flex:1 1 calc(50% - .375em); max-width:calc(50% - .375em); padding:1.25em 1.5em;} #subContents .sub_04 .con.indication ol.indication{gap:.75em;} #subContents .sub_04 .con.indication ol.indication li{padding:1.25em 1.5em;} #subContents .sub_04 .con.indication ol.indication li:before{font-size:3em;} #subContents .sub_04_01 .con.effect ol.effect li.effect05{margin-top:-1.5em;} #subContents .sub_04_05 .con.care ul.care{gap:.75em;} #subContents .sub_04_05 .con.care ul.care li{padding:1.25em 1.5em;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step{margin:3.75em auto;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li{flex:1 1 100%;} #subContents .sub_05_03 .con.reservation .flexW .txtW ol.step li:after{width:.875em; height:.5em; top:auto; right:50%; bottom:-1.5em; margin:auto -.4375em auto auto; background:transparent url('../images/ico_arrow_bottom_dark.png') no-repeat center / auto;} #subContents .sub_etc_sitemap .con .depth01_lists{flex:1 1 100%; max-width:100%;} } @media all and (max-width:480px){ #subVisual{height:160px;} #subVisual .title h2{line-height:1.25; font-size:2em;} #subContents{padding:1.75em 0 2.5em; font-size:15px;} #subContents .con{margin:0 auto 3em; padding:0 0 3em;} #subContents .sub_01_01 .con.greeting .txtW{padding:1.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .flexW{gap:1.25em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW{flex:1 1 100%; margin:-1.5em 0 -2.5em -1.75em; padding-left:0; text-align:center;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .imgW img{max-width:80px;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW{flex:1 1 100%; padding:1.5em 1.5em 0;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .txtW p{text-align:center;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .btnW{flex:1 1 100%; max-width:100%; padding:0 0 1.5em;} #subContents .sub_01_02 .con.principle .checkingW a.btn.kaidoc .checking .botW{padding:1em 1.5em .75em;} #subContents .sub_01_04 .con.slogan{margin:0 0 -3em; padding:0 0 6em;} #subContents .sub_02 .con.end{margin:0 0 -2.5em; padding:1.5em 0 4em;} #subContents .sub_02 .con.end .txtW{padding:0 1.5em;} #subContents .sub_02 .con.end .txtW p.ti{font-size:1.25em;} #subContents .sub_03 .con.end{margin:0 0 -2.5em; padding:1.5em 0 4em;} #subContents .sub_03 .con.end .txtW{padding:0 1.5em;} #subContents .sub_03 .con.end .txtW p.ti{font-size:1.25em;} #subContents .sub_04 .con.indication ol.indication li{flex:1 1 calc(50% - .375em); max-width:calc(50% - .375em);} #subContents .sub_04 .con.end{margin:0 0 -2.5em; padding:1.5em 0 4em;} #subContents .sub_04 .con.end .txtW{padding:0 1.5em;} #subContents .sub_04 .con.end .txtW p.ti{font-size:1.375em;} #subContents .sub_04_01 .con.effect ol.effect li.effect05{margin-top:auto;} #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;} }