@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; margin:0 auto; padding:60px 0 20px; background:#fff; box-sizing:border-box; z-index:0;} #subVisual .conTitle h2{display:inline-block; position:relative; width:100%; line-height:1.4; margin:0 auto ; text-align:center; word-break:keep-all;} #subVisual .conTitle h2 span{display:inline-block; font-size:1.875rem; font-weight:700;font-family: 'PuradakGentleGothicR','Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;} #subVisual .conTitle h2 span.depth01{} #subVisual .conTitle h2 span.depth02{font-size:1.625rem;color:#717171;} #subVisual .conTitle h2 span.depth02:before{content:':'; display:inline-block; position:relative; top:-1px; margin:0 6px 0 4px; font-size:1.5rem;} #subVisual .conTitle h2:after{content:''; display:block; width:52px; height:5px; margin:20px auto; background:#4e677d;} #path{clear:both; position:relative; width:100%; background:transparent; box-sizing:border-box; z-index:3;} #path ul{padding:0; text-align:center;} #path ul li{display:inline-block; position:relative; margin:0; padding:0; font-size:1rem; color:#888; box-sizing:border-box;} #path ul li:after{content:''; display:inline-block; position:relative; width:11px; height:13px; top:3px; margin:0 25px; background:url('../images/sub/ico_arrow_double_right.png') no-repeat right center;} #path ul li:last-child:after, #path ul li ul li:after{display:none;} #path ul li.btnHome{} #path ul li.btnHome a{color:#666; vertical-align:middle;} #path ul li.btnHome a:before{content:''; display:inline-block; width:16px; height:14px; margin:0 8px 0 0; background:url('../images/sub/ico_home.png') no-repeat center center;} #path ul li.pathDepth1, #path ul li.pathDepth2, #path ul li.pathDepth3{} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{padding:0; background:transparent; color:#666; cursor:pointer; z-index:3;vertical-align:middle;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after{content:''; display:inline-block; width:17px; height:17px; margin-left:8px; background:#4e677d url('../images/sub/ico_arrow_down.png') no-repeat center;border-radius:50%;vertical-align:middle;} #path ul li.pathDepth1 button.rotate:after, #path ul li.pathDepth2 button.rotate:after, #path ul li.pathDepth3 button.rotate:after{transform:rotate(180deg);} #path ul li button:focus, #path ul li button:hover{color:#666;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{clear:both; display:inline-block; position:absolute; min-width:148px; height:auto; line-height:1.2; padding:20px 10px; top:0; left:50%; margin-left:-31px; background:#4e677d; text-align:center; word-break:keep-all; transform:translateX(-50%); transition:all 0.18s ease; transition-delay:0.1s; opacity:0; visibility:hidden; box-sizing:border-box; z-index:2;} #path ul li.pathDepth1:last-child ul, #path ul li.pathDepth2:last-child ul, #path ul li.pathDepth3:last-child ul{margin-left:0;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul{top:32px; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; margin:0 auto 10px; text-align:center; border-right:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:inline-block; position:relative; line-height:1.3; padding:2px; color:#d9e4ee; font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:text-bottom; outline-offset:-2px;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#fffac8;} #subContents{position:relative; width:100%; height:100%; min-height:400px; margin:0 auto; padding:60px 0; background:#fff; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; box-sizing:border-box;} #subContents .conTitle h4{display:inline-block; position:relative; line-height:1.4; margin:20px 0 16px; padding:0; color:#333; font-size:1.5rem; font-weight:700; word-break:keep-all;} #subContents .conTitle h4 span.num{display:inline-block; width:28px; color:#7398b9; letter-spacing:0;} #subContents .conTitle h5{display:inline-block; position:relative; line-height:1.4; margin:20px 0 16px; padding:0; color:#4e677d; font-size:1.25rem; font-weight:700; word-break:keep-all;} #subContents .conTitle h5 span.num{display:inline-block; width:28px; color:#7398b9; letter-spacing:0;} #subContents .conTitle h6{display:block; position:relative; margin:18px 0 12px; padding:0; color:#333; font-size:1.063rem; font-weight:700; word-break:keep-all;} #subContents .conTitle:first-child h4, #subContents .conTitle + .conTitle h4{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h3{margin-top:0;} #subContents .conTitle.nobullet h3, #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5{padding:0;} #subContents .conTitle.nobullet h3:before, #subContents .conTitle.nobullet h4:before, #subContents .conTitle.nobullet h5:before{display:none;} #subContents .conTitle.alignCenter{text-align:center;} #subContents .conTitle.alignCenter:before{content:''; display:block; width:50px; height:3px; margin:0 auto; background:#003372;} #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 40px; padding:0; color:#333; z-index:1;} #subContents .con:last-child{margin:0 auto;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1rem; word-break:keep-all;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{position:relative; margin-bottom:0; padding-left:18px; color:#da4648;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.point a{color:#da4648;} #subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;} #subContents .con p.info{color:#717171; font-size:1rem; text-align:left;} #subContents .con p.info.alignRight{text-align:right;} #subContents .con p.postDate{color:#da4648; text-align:right;} #subContents .con span.blue{color:#0072b2;} #subContents .con a:focus,#subContents .con a:hover{color:#4e677d;} #subContents .con a.download{display:inline-block; padding:8px 10px; border:1px solid #ddd; color:#717171; font-size:0.813rem;} #subContents .con a.download:before{content:'\f019'; margin-right:4px; color:#bbb;} #subContents .con a.download.pdf:before{content:'\f1c1';} #subContents .con a.download.hwp:before{content:'\f016';} #subContents .con a.download:focus, #subContents .con a.download:hover{background:#717171; border-color:#717171; color:#fff;} #subContents .con img{display:inline-block; width:100%; max-width:1180px; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con .ready{text-align:center;} #subContents .con ul.list{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ul.list > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.6; word-break:keep-all;} #subContents .con ul.list > li:last-child{margin-bottom:0;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.line > li:before{width:4px; height:2px; top:11.5px; background:#4e677d;} #subContents .con ul.list.circle > li:before{width:4px; height:4px; top:11.5px; background:#4e677d; 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 #4e677d; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:5.5px; color:#4e677d;} #subContents .con ul.list.check > li{padding-left:20px;} #subContents .con ul.list.check > li:before{width:15px; height:13px; top:6px; background:url('../images/sub/ico_bullet_check.png') no-repeat;} #subContents .con ol.number{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ol.number > li{position:relative; margin:0 auto 10px; padding-left:26px; line-height:1.6; word-break:keep-all;} #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#7398b9;font-weight:700;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'01.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'02.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'03.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'04.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'05.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'06.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'07.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'08.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'09.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:28px; 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; height:16px; line-height:1; padding:0 6px 0 0; top:5.5px; left:0; border-right:2px solid #7398b9; color:#7398b9; font-size:0.875rem; font-weight:700; text-align:center;} #subContents .con ol.number.basic2 > li:nth-child(1):before{content:'01';} #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';} #subContents .con ol.number.basic3 > li:nth-child(1):before{content:'1)';} #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)'; padding-left:26px;} #subContents .con ol.number.circle > li{padding-left:23px;} #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:23px;} #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 ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:0;} #subContents .con ul li ul, #subContents .con ul li ol{margin:6px auto 12px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; border-radius:5px;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.938rem;} #subContents .con ul li ul li strong, #subContents .con ul li ol li strong{font-weight:500;} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .tab > ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{display:block; position:relative; float:left; width:50%; margin:0 0 -1px;} #subContents .tab > ul li:after{content:''; display:block; position:absolute; width:1px; height:100%; top:0; right:0; background:#4e677d; opacity:.2;box-sizing:border-box;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:15px 10px; background:#a2b7ca; border:3px solid transparent; color:#fff; font-size:1.125rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#aac1d5;} #subContents .tab > ul li .tabLink.active{background:#fff; border-color:#4e677d; color:#4e677d; font-weight:600; box-shadow:0 4px 8px rgba(0,0,0,.1); z-index:1;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto 80px;} #subContents .tabCon .tabItem:last-child{margin:0 auto;} #subContents .tabCon .tabItem{display:none;} #subContents .tabCon .tabItem.active{display:block;} #subContents .tableW{width:100%; margin:0 auto 20px;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #4e677d; border-radius:4px; text-align:center;} #subContents table tr th{line-height:1.6;padding:15px 14px; background:#e2eaf1; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#4e677d; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowti{background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#88b2df;} #subContents table tr th a{color:#4e677d;} #subContents table tr td{line-height:1.6; padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1rem; word-break:keep-all; vertical-align:middle;} #subContents table tr td.alignLeft{text-align:left;} #subContents table tr td.break{word-break:break-all;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} #subContents .btnBox{text-align:center;} #subContents .btnBox a{display: inline-block;padding: 1.125rem 2rem;font-size: 1.125rem;;font-weight: 600;color:#4e677d;border: 2px solid #4e677d;word-break:keep-all;line-height:1.6;cursor: pointer;position: relative;background-color: transparent; text-decoration: none;overflow: hidden;z-index: 1;} #subContents .btnBox a:focus,#subContents .btnBox a:hover{color:#fff;} #subContents .btnBox a:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-color:#4e677d;transform: translateX(-101%);transition: all .3s; z-index: -1;} #subContents .btnBox a:focus:before,#subContents .btnBox a:hover:before{ transform: translateX(0);} /* contents */ .sub01_01, .sub01_02, .sub01_03, .sub01_04, .sub02_01, .sub03_01, .sub03_02, .sub03_03, .sub03_04, .sub04_01, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub01_01 .introduce p.ti{text-align: center;margin-top: 20px;color: #4e677d;font-size: 1.5rem;font-family:'PuradakGentleGothicR','Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;letter-spacing: -0.010em} #subContents .sub01_01 .introduce .img {text-align:center;margin:0 auto;} #subContents .sub01_01 .introduce .img img{max-width:460px;} #subContents .sub01_01 .introduce span{display:block;margin:20px 0 28px;color:#717171;text-align:center;} #subContents .sub01_01 .imgW{margin-bottom:20px;text-align:center;} #subContents .sub01_01 .imgW span{display:block;margin:20px 0 28px;color:#717171;} #subContents .sub01_01 .txtBox{background:#f7f7f7;border:1px dotted #ddd;color:#555;line-height:1.6;padding:30px;word-break:keep-all;font-size:1.063rem;font-weight:500;} #subContents .sub01_01 .txtBox span.right{display:block;text-align:right;font-size:1rem;} #subContents .sub01_01 .eight{margin: auto;overflow: hidden;} #subContents .sub01_01 .eight ul{width:280px;height: 140px;float: left;margin-right:20px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;} #subContents .sub01_01 .eight > ul > li{width: 50%;float: left;height:100%;} #subContents .sub01_01 .eight ul li a{color: #fff;font-size:1.125rem;text-align:center;display: block;width:100%;height:100%;padding-top:36px;line-height:1.4;font-weight:500;} #subContents .sub01_01 .eight ul li a > span:before{content:'';display:block;background:#fff;width:25px;height:2px;margin:8px auto;} #subContents .sub01_01 .eight ul li a > span{font-size: 0.875rem;font-weight:400;} #subContents .sub01_01 .eight ul.list01{background: url('../images/sub/01/sub0101_eight01.jpg') no-repeat center bottom;background-size: cover;} #subContents .sub01_01 .eight ul.list02{background: url('../images/sub/01/sub0101_eight02.jpg') no-repeat center bottom;background-size: cover;} #subContents .sub01_01 .eight ul.list03{background: url('../images/sub/01/sub0101_eight03.jpg') no-repeat center bottom;background-size: cover;} #subContents .sub01_01 .eight ul.list04{background: url('../images/sub/01/sub0101_eight04.jpg') no-repeat center bottom;background-size: cover;margin-right: 0;} #subContents .sub01_01 table{margin-bottom:28px;} #subContents .sub01_01 .imgList:after{content:'';display:block;clear:both;} #subContents .sub01_01 .imgList li{float:left;width:580px;margin-right:20px;} #subContents .sub01_01 .imgList li:last-child{margin-right:0;} #subContents .sub01_01 .imgList li img{width:100%;} #subContents .sub01_02 .imgList:after{content:'';display:block;clear:both;} #subContents .sub01_02 .imgList li{float:left;margin-right:20px;} #subContents .sub01_02 .imgList li:first-child{width:770px;} #subContents .sub01_02 .imgList li:last-child{width:390px;margin-right:0;} #subContents .sub01_02 .imgList li img{width:100%;} #subContents .sub01_02 .imgList li span{display:block;margin:20px 0 28px;color:#717171;line-height:1.4;} #subContents .sub01_02 .imgW{margin-bottom:20px;text-align:center;} #subContents .sub01_02 .imgW span{display:block;margin:20px 0 28px;color:#717171;} #subContents .sub01_02 .imgW.mw580 img{max-width:580px;margin:0 auto;} #subContents .sub01_02 .history .title{position:relative;display:flex;margin-bottom:40px;} #subContents .sub01_02 .history .title:after{content:'';display:block;clear:both;} #subContents .sub01_02 .history .title .layoutLeft,#subContents .sub01_02 .history .title .layoutRight{width:50%;} #subContents .sub01_02 .history .title .layoutRight{position:relative;display: flex;align-items: center;justify-content: center;background:#4e677d;} #subContents .sub01_02 .history .title .name{text-align:center;color:#fff;font-size:3rem;line-height:1.2;font-weight:700;} #subContents .sub01_02 .history .title .name span{color:#d9e4ee;font-size:1.5rem;font-weight:500;} #subContents .sub01_02 .history ul{position:relative;font-size:0;} #subContents .sub01_02 .history ul li{padding:18px 0;border-bottom:1px dotted #ddd;} #subContents .sub01_02 .history ul li:first-child{padding-top:0;} #subContents .sub01_02 .history ul li:last-child{border-bottom:none;} #subContents .sub01_02 .history ul li span{display:inline-block;width:20%;vertical-align:middle;font-family:'PuradakGentleGothicR','Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;font-size:1.75rem;color:#4e677d;font-weight:600;letter-spacing: -0.010em;line-height:1.6;} #subContents .sub01_02 .history ul li div{display:inline-block;width:80%;vertical-align:middle;font-size:1.063rem;word-break:keep-all;line-height:1.6;} #subContents .sub02 .tab > ul li{width:25%;} #subContents .sub02 .tab > ul li:before{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; right:0; background:#4e677d; opacity:.2;box-sizing:border-box;z-index:9;} #subContents .sub02 .tab > ul li:nth-child(n + 5):before{display:none;} #subContents .sub02 .box{display:flex;border:1px solid #ddd;} #subContents .sub02 .box .bg{width:35%;} #subContents .sub02 .box .txt{width:65%;padding:50px;} #subContents .sub02 .box .txt strong{font-weight:600;font-size:1.125rem;} #subContents .sub02_01 .box .bg{background:url('../images/sub/02/sub0201_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_02 .box .bg{background:url('../images/sub/02/sub0202_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_03 .box .bg{background:url('../images/sub/02/sub0203_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_04 .box .bg{background:url('../images/sub/02/sub0204_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_05 .box .bg{background:url('../images/sub/02/sub0205_img.jpg?ver=230109') no-repeat center center;background-size:cover;} #subContents .sub02_06 .box .bg{background:url('../images/sub/02/sub0206_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_07 .box .bg{background:url('../images/sub/02/sub0207_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub02_08 .box .bg{background:url('../images/sub/02/sub0208_img.jpg') no-repeat center center;background-size:cover;} #subContents .sub05_01 .title{background:url('../images/sub/05/sub05_bg.jpg') no-repeat center center;background-size:cover;padding:10px;color:#fff;} #subContents .sub05_01 .title p {border:double rgba(255,255,255,.7);padding:50px;} #subContents .sub05_01 .title p strong{font-size:1.5rem;display:inline-block;margin-bottom:16px;} #subContents .sub05_01 .title p span{display:block;font-size:1.125rem;font-weight:500;} #subContents .sub05_01 span.right{display:block;text-align:right;} #subContents .sub05_01 .imgBox .imgOpen{position:relative;padding:18px 20px;padding-right:30px;background:#4e677d;border:3px solid #4e677d;transition:all .2s;box-shadow: 0 4px 8px rgb(0 0 0 / 10%);cursor:pointer;} #subContents .sub05_01 .imgBox .imgOpen:focus,#subContents .sub05_01 .imgBox .imgOpen:hover{background:#7398b9;border-color:#7398b9;} #subContents .sub05_01 .imgBox .imgOpen:after{content:'';position:absolute;right:20px;top:50%;margin-top:-3px;display:inline-block;width:0;height:0;border-top:6px solid #fff;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;transform:rotate(0);} #subContents .sub05_01 .imgBox.open .imgOpen:after{transform:rotate(180deg);margin-top:-9px;} #subContents .sub05_01 .imgBox .imgOpen strong{color:#fff;line-height:1.4; font-size:1.375rem; font-weight:600; word-break:keep-all;} #subContents .sub05_01 .imgBox .img{display:none;border:1px solid #ddd;} #subContents .sub05_01 .imgBox.open .img{display:block;} #subContents .sub98_01 .con{clear:none; float:left; width:30%; margin:0 5% 50px 0;} #subContents .sub98_01 .con:nth-child(3n){margin:0 0 50px;} #subContents .sub98_01 .con:nth-child(3n+1){clear:both; float:left;} #subContents .sub98_01 .con:last-child{display:none;} #subContents .sub98_01 .conTitle h4{margin-bottom:15px;} #subContents .sub98_01 .con p{display:inline-block; position:relative; line-height:1; margin:20px 0 25px; padding:0 0 0 30px; color:#333; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .sub98_01 .con p:before{content:''; display:inline-block; position:absolute; width:19px; height:19px; top:7px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat; box-sizing:content-box;} #subContents .sub98_01 .con ul{margin:0; padding:20px; background:#fcfcfc; border:1px solid #dedede;} #subContents .sub98_01 .con ul li{display:inline-block; position:relative; width:100%; margin:0 auto 12px; padding:0 0 0 12px; vertical-align:top;} #subContents .sub98_01 .con ul li:last-child{margin:0 auto;} #subContents .sub98_01 .con ul li:before{content:''; display:inline-block; position:absolute; width:4px; height:2px; top:9.5px; left:0; background:#88b2df;} #subContents .sub98_01 .con ul li a{position:relative; font-size:1rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub98_01 .con ul li a:after{content:''; display:block; position:absolute; width:0%; height:1px; top:100%; left:50%; margin-top:-1px; margin-left:-49.2%; background:#0066b3; opacity:0; transition:.2s;} #subContents .sub98_01 .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#0066b3;} #subContents .sub98_01 .con ul li a:focus:after, #subContents .sub98_01 .con ul li a:hover:after{width:96%; opacity:1;} #subContents .sub98_01 .con ul li ul{margin:7px 0 0 2px; padding:0; border:none;} #subContents .sub98_01 .con ul li ul li{width:100%; margin:4px 0; padding:0 0 0 8px;} #subContents .sub98_01 .con ul li ul li:before{content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; margin-top:1px; background:#a2aabd; border:none;} #subContents .sub98_01 .con ul li ul li a{font-size:0.938rem; line-height:1;} #subContents .sub98_01 .con ul li.new:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_newlink.png') no-repeat center center;} #subContents .sub98_02 .con p{margin-bottom:20px;} #subContents .sub98_02 .con p:last-child{margin-bottom:0;} #subContents .sub98_02 .con ul, #subContents .sub98_02 .con ol{margin-bottom:20px;} #subContents .sub98_02 .con ul:last-child, #subContents .sub98_02 .con ol:last-child{margin-bottom:0;} #subContents .sub98_03 .con .box{padding:20px 25px; background:#f7f7f7; border:1px solid #ddd;} #subContents .sub98_03 .con .conTitle h6{margin:0 0 12px;} #subContents .sub98_03 .con ol{clear:both; width:100%;} #subContents .sub98_03 .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .sub98_03 .con ol > li:last-child{margin-bottom:0;} #subContents .ecmedtable .conTitle h4{margin:20px 0 16px;} #subContents .ecmedtable ul.summary{position:absolute; top:-16px; right:0;} #subContents .ecmedtable ul.summary li{margin:0 auto 6px; padding:0 0 6px; border-bottom:1px solid #ddd; font-size:.875rem;} #subContents .ecmedtable ul.summary li:last-child{margin:0 auto;} #subContents .ecmedtable ul.summary li span{display:inline-block; width:60px;} #subContents .ecmedtable .box{margin:0 auto 40px;} #subContents .ecmedtable .box table tr th span.slash{font-family:'Arial',sans-serif;} #subContents .ecmedtable .box table tr td:first-child,#subContents .ecmedtable .box table tr td:last-child{background:#f7f7f7; font-weight:500;} #subContents .ecmedtable p.info{margin-bottom:18px;} #subContents .ecmedtable .notice{line-height:1.6; margin:60px auto 0; padding:28px; background:#fff8e1; border:3px solid #ffc107; font-size:1.125rem; text-align:center; word-break:keep-all;} #subContents .clinic{margin-top:40px;} #subContents .clinic p.ti{text-align: center;color: #4e677d;font-size: 1.5rem;font-family: 'PuradakGentleGothicR','Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;letter-spacing: -0.010em;margin-top:20px;word-break:keep-all;} #subContents .clinic table{margin:0 auto 28px;} #subContents .clinic .map{margin:0 auto;height:480px;} @media only screen and (max-width:1279px){ #subVisual{min-width:960px;} #path{min-width:960px;} #subContents{width:96%; min-width:960px; min-height:300px;} #subContents .conTitle h3{margin:20px 0;} #subContents .tableW{overflow-x:auto;} #subContents .sub01_01 .eight ul{width:24.25%;margin-right:1%;} #subContents .sub01_01 .imgList li{width:49.5%;margin-right:1%;} #subContents .sub01_02 .imgList li:first-child{width:65%;margin-right:2%;} #subContents .sub01_02 .imgList li:last-child{width:33%;} } @media only screen and (max-width:1023px){ #subVisual{min-width:296px; padding:40px 0 20px;} #subVisual .conTitle h2 span{font-size:1.625rem;} #subVisual .conTitle h2 span.depth02{font-size:1.125rem;} #subVisual .conTitle h2 span.depth02:before{top:0; font-size:1rem;} #subVisual .conTitle h2:after{margin: 12px auto;} #path{min-width:296px;} #path ul li{font-size:0.938rem;} #path ul li:after{margin:0 12px;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul{min-width:128px;padding:12px 6px;margin-left:-20px;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after{width:15px;height:15px;} #path ul li ul li{margin:0 auto 8px;} #path ul li ul li a{font-size:0.938rem;} #subContents{clear:both; width:100%; max-width:915px; min-width:296px; min-height:300px; margin:0 auto; padding:40px 0;} #subContents .con > .conTitle:first-child h3, #subContents .con > .conTitle:first-child h4{margin-top:10px;} #subContents .con{margin:0 auto 40px;} #subContents .con p{margin-bottom:30px; text-align:left; font-size:0.938rem;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .con a.download{padding:10px;} #subContents .con ul.list > li{font-size:0.938rem;margin:0 auto 8px;} #subContents .con ol.number > li{font-size:0.938rem;margin:0 auto 8px;} #subContents .con ol.number.list > li{font-size:0.938rem;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.875rem;} #subContents .sub01_01 .introduce p.ti{font-size:1.375rem;} #subContents .sub01_01 .introduce span{font-size:0.938rem;} #subContents .sub01_01 .txtBox{padding:25px;font-size:1rem;} #subContents .sub01_01 .txtBox span.right{font-size:0.938rem;} #subContents .sub01_01 .imgW span{font-size:0.938rem;} #subContents .sub01_01 .eight ul{width:48%;margin-bottom:2%;margin-right:2%;height:auto;} #subContents .sub01_01 .eight ul:nth-child(2n){margin-right:0;} #subContents .sub01_01 .eight ul:nth-child(n + 3){margin-bottom:0;} #subContents .sub01_01 .eight ul li a{padding:24% 0;} #subContents .sub01_02 .imgList li span,#subContents .sub01_02 .imgW span{font-size:0.938rem;} #subContents .sub01_02 .history .title .name{font-size:2.75rem;} #subContents .sub01_02 .history .title .name span{font-size:1.438rem;} #subContents .sub01_02 .history ul li div{width:70%;font-size:1rem;} #subContents .sub01_02 .history ul li span{width:30%;font-size:1.625rem;} #subContents .sub02 .box .txt{padding:40px;} #subContents .sub05_01 .title p{padding:40px;} #subContents .sub05_01 .title p strong{font-size:1.375rem;} #subContents .sub05_01 .title p span{font-size:1.063rem;} #subContents .sub05_01 .imgBox .imgOpen strong{font-size:1.125rem;} #subContents .sub98_02 .con{margin:0 auto 40px;} #subContents .ecmedtable{padding-top:20px;} #subContents .ecmedtable ul.summary{top:-38px;} #subContents .clinic p.ti{font-size:1.375rem;} #bo_v_con{overflow-x:auto;} } @media only screen and (max-width:768px){ #path{display:none;} #subVisual{padding:40px 0 0;} #subContents{min-width:272px;} #subContents .conTitle h3:after{margin:10px auto 0;} #subContents .conTitle h4{margin:10px 0 16px; font-size:1.313rem;} #subContents .conTitle h4:before{top:6px;} #subContents .conTitle h5{margin:18px 0 12px; font-size:1.125rem;} #subContents .conTitle h5:before{top:4px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents .con p{margin-bottom:28px; font-size:0.938rem;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:12px 8px;} #subContents table tr th{font-size:1rem;} #subContents table tr td{font-size:0.938rem;} #subContents .btnBox a{font-size:1.063rem;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .sub01_01 .introduce p.ti{font-size:1.25rem;} #subContents .sub01_01 .txtBox{padding:20px;font-size:0.938rem;} #subContents .sub01_01 .txtBox span.right{font-size:0.875rem;} #subContents .sub01_02 .history .title{flex-wrap:wrap;max-width:580px;margin:0 auto 40px;} #subContents .sub01_02 .history .title .layoutLeft,#subContents .sub01_02 .history .title .layoutRight{width:100%;} #subContents .sub01_02 .history .title .layoutRight{padding:28px 10px;} #subContents .sub01_02 .history .title .name{font-size:1.75rem;} #subContents .sub01_02 .history .title .name span{font-size:1rem;} #subContents .sub01_02 .history ul li span{width:35%;font-size:1.375rem;} #subContents .sub01_02 .history ul li div{width:65%;} #subContents .sub02 .box{flex-wrap:wrap;} #subContents .sub02 .box .bg{width:100%;height:340px;background-position:bottom 45% center !important;} #subContents .sub02 .box .txt{width:100%;padding:30px;} #subContents .sub02 .box .txt strong{font-size:1.063rem;} #subContents .sub05_01 .title p{padding:30px;} #subContents .sub05_01 .title p strong{font-size:1.313rem;} #subContents .sub05_01 .title p span{font-size:1rem;} #subContents .sub05_01 .imgBox .imgOpen{padding:14px 16px;padding-right:28px;} #subContents .sub05_01 .imgBox .imgOpen strong{font-size:1.063rem;} #subContents .sub05_01 .imgBox .imgOpen:after{border-width:4px;right:16px;} #subContents .sub98_01 .con, #subContents .sub98_01 .con:nth-child(3n), #subContents .sub98_01 .con:nth-child(3n+1){clear:both; width:100%; margin:0 auto 30px;} #subContents .sub98_03 .con .box{padding:20px;} #subContents .ecmedtable table tr td{padding:5px 8px 6px;} #subContents .ecmedtable .notice{margin:40px auto 0; padding:20px; font-size:1rem;} #subContents .clinic p.ti{font-size:1.25rem;margin-top:0;} #subContents .clinic p.ti br{display:none !important;} #subContents .clinic .map{height:380px;} } @media only screen and (max-width:540px){ #subContents{padding:28px 0} #subContents .conTitle h3 span.depth02{display:block;} #subContents .conTitle h3 span.depth02:before{margin:0 4px 0 auto;} #subContents .con{margin:0 auto 20px;} #subContents .tab > ul{display:table;} #subContents .tab > ul li{display:table-cell; float:none; width:auto;} #subContents .tab > ul li .tabLink.active{box-shadow:0 3px 6px rgba(0,0,0,.1);} #subContents .btnBox a{width:100%;} #subContents .sub01_01 .introduce p.ti{font-size:1.125rem;} #subContents .sub01_01 .introduce .img{margin:0 auto 20px;} #subContents .sub01_01 .eight ul{width:100%;margin-right:0;margin-bottom:12px;} #subContents .sub01_01 .eight ul:nth-child(n + 3){margin-bottom:12px;} #subContents .sub01_01 .eight ul:last-child{margin-bottom:0;} #subContents .sub01_01 table{border-bottom:none;} #subContents .sub01_01 table colgroup col{width:100%;} #subContents .sub01_01 table tr th,#subContents .sub01_01 table tr td{border-right:none;display:block;} #subContents .sub01_01 table tr th br{display:none;} #subContents .sub01_01 .imgList li{width:100%;} #subContents .sub01_01 .imgList li:first-child{margin-bottom:12px;} #subContents .sub01_02 .imgList li{width:100% !important;} #subContents .sub01_02 .imgList li:first-child{margin-right:0;} #subContents .sub01_02 .imgList li span{text-align:center;} #subContents .sub01_02 .history .title .layoutRight{padding:24px 8px;} #subContents .sub01_02 .history .title .name{font-size:1.625rem;} #subContents .sub01_02 .history .title .name span{font-size:0.875rem;} #subContents .sub01_02 .history ul li{padding:14px 0;} #subContents .sub01_02 .history ul li span{width:100%;font-size:1.125rem;margin-bottom:8px;} #subContents .sub01_02 .history ul li div{width:100%;font-size:0.938rem;} #subContents .sub02 .tab > ul li{width:50%;float:left;} #subContents .sub02 .tab > ul li:nth-child(n + 5):before{display:block;} #subContents .sub02 .tab > ul li:nth-child(n + 7):before{display:none;} #subContents .sub02 .box .bg{height:220px;} #subContents .sub02 .box .txt{padding:20px;} #subContents .sub05_01 .title p{padding:20px;} #subContents .ecmedtable{padding-top:0;} #subContents .ecmedtable ul.summary{position:relative; margin:0 auto 20px; padding:20px; top:0; border:2px solid #ddd;} #subContents .ecmedtable ul.summary li:last-child{padding:0; border-bottom:none;} #subContents .clinic p.ti{font-size:1.125rem;} #subContents .clinic table{border-bottom:none;} #subContents .clinic table colgroup col{width:100%;} #subContents .clinic table tr th,#subContents .clinic table tr td{border-right:none;display:block;} #subContents .clinic .map{height:320px;} }