@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; height:200px; margin:0 auto; padding:0; background:#fff; overflow:hidden; box-sizing:border-box; z-index:0;} #subVisual.subBg01{background:#1f386e url('../images/sub/sub_visual_01.jpg?ver=230320') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#1f386e url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#1f386e url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#1f386e url('../images/sub/sub_visual_04.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg05{background:#1f386e url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg07{background:#1f386e url('../images/sub/sub_visual_07.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg08{background:#1f386e url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg98{background:#1f386e url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg99{background:#1f386e url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual.subBgbbs{background:#1f386e url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual .inner{height:100%;} #subVisual .title{position:relative; width:100%; height:100%; top:0; text-align:center; z-index:2; -webkit-animation:fade-in-bottom .8s ease-in-out .2s both; animation:fade-in-bottom .8s ease-in-out .2s both; -webkit-animation-delay:.1s; animation-delay:.1s;} #subVisual .title h2{display:inline-block; position:relative; top:50%; transform:translate(0,-50%); color:#fff; font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;font-size:2.125rem; line-height:1.4;font-weight:600; text-shadow:1px 1px 2px rgba(0,0,0,0.2);} #subVisual .title h2 span{font-size:1.0625rem;font-weight:400;word-break:keep-all;} #subVisual:before{content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1;} #path{clear:both; position:relative; width:100%; min-width:1200px; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box;} #path ul{float:left; width:100%; padding:0; text-align:right;} #path ul li{display:block; position:relative; float:left; margin:0; padding:0; font-size:0.938rem; color:#888; box-sizing:border-box;} #path ul li.btnHome{width:60px; height:60px; border-left:1px solid #ddd; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;} #path ul li.btnHome a{display:block; width:100%; height:100%; line-height:60px; padding:0; background:url('../images/sub/ico_home.png') no-repeat center center; color:transparent; text-align:center; box-sizing:border-box;} #path ul li.pathDepth1, #path ul li.pathDepth2{} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button{width:220px; height:60px; line-height:60px; padding:0 15px; background:transparent; border-right:1px solid #ddd; color:#888; text-align:left; cursor:pointer; z-index:3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:10px; margin-top:-2px; border-top:4px solid #aaa; border-left:4px solid transparent; border-right:4px solid transparent; font-size:0; line-height:0;} #path ul li.pathDepth1 button.rotate:after, #path ul li.pathDepth2 button.rotate:after{border-top:none; border-bottom:4px solid #aaa;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul{clear:both; display:inline-block; position:absolute; width:100.5%; height:auto; padding:18px 15px; top:0; left:-1px; background:#fff; border:1px solid #ddd; border-top:none; opacity:0; visibility:hidden; box-sizing:border-box; transition:all .1s ease; z-index:2;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; height:20px; margin-bottom:12px; text-align:left; 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{padding:2px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#333;} #side{position:relative; float:left; width:240px; height:100%; margin:0 auto; padding:40px 40px 0 0; background:#fff; box-sizing:border-box; overflow:hidden;} #side p.title{position:relative; width:100%; margin:0 auto; padding:10px 10px 20px; font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;font-weight:600; color:#82705b; font-size:1.375rem;border-bottom:double #82705b;text-align:left; cursor:default; box-sizing:border-box;} #side ul{clear:both; width:100%; height:auto; margin:0 auto; background:#fff; overflow:hidden; box-sizing:border-box;} #side ul li{position:relative; height:auto; box-sizing:border-box; cursor:pointer;} #side ul li > a{display:block; position:relative; height:100%; line-height:1.2; padding:18px 20px; border-bottom:1px solid #eee; color:#333; font-size:1rem; font-weight:400; word-break:break-word; box-sizing:border-box;} #side ul li > a:before{content:''; display:block; position:absolute; width:8px; height:2px; top:50%; left:-14px; transform:translateY(-50%);background:#82705b; opacity:0; z-index:0; transition:0.2s;} #side ul li > a:focus, #side ul li > a:hover{color:#82705b; font-weight:600;} #side ul li > a:focus:before, #side ul li > a:hover:before{left:4px; opacity:1;} #side ul ul{display:none;} #side ul li.active{} #side ul li.active > a{color:#82705b; font-weight:500;} #side ul li.active > a, #side ul li.active ul li.active > a{font-weight:500;} #side ul li.active a:before{left:4px; opacity:1;} #side ul li.new > a:after{content:''; display:inline-block; width:14px; height:14px; margin-left:6px; background:url('../images/new_icon.png') no-repeat center center; margin-top: -3px;vertical-align:middle;} #side ul ul li a{position:relative; padding:16px 15px 16px 30px; background:#e6e6e6; border-top:1px solid #dadada; color:#555; font-size:0.938rem;} #side ul ul li a:before{content:''; display:block; position:absolute; width:4px; height:1px; top:50%; left:20px; background:#777;} #side ul ul li a:focus, #side ul li a:hover{color:#82705b; font-weight:500;} #subContents{position:relative; float:right; width:940px; height:100%; min-height:600px; margin:0 auto; padding:40px 0 50px 39px; background:#fff; border-left:1px solid #ebebeb; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; box-sizing:border-box;} #subContents .conTitle h3{display:inline-block; position:relative; width:100%; line-height:1.4; margin-bottom:30px; word-break:keep-all;} #subContents .conTitle h3 span{display:block; font-size:2.125rem; font-weight:500;font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;} #subContents .conTitle h4{display:inline-block; position:relative; line-height:1.4; margin:0 0 20px; padding:0; color:#333; font-size:1.375rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h5{display:block; position:relative; margin:25px 0 14px; padding:0; color:#82705b; font-size:1.25rem; font-weight:500; word-break:keep-all;} /*#subContents .conTitle h4{display:inline-block; position:relative; line-height:1.4; margin:0 0 20px; padding:0 0 0 24px; color:#333; font-size:1.375rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:13px; height:19px; top:7px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat; box-sizing:content-box;} #subContents .conTitle h5{display:block; position:relative; margin:25px 0 14px; padding:0 0 0 12px; color:#82705b; font-size:1.25rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h5:before{content:''; display:inline-block; position:absolute; width:4px; height:12px; top:3px; left:0; background:#d8c7b5;transform:rotate(25deg); box-sizing:content-box;} #subContents .conTitle h5:after{content:''; display:inline-block; position:absolute; width:4px; height:12px; top:3px; left:0; background:#9c8770; transform: rotate(25deg) translate(4px, 5px); box-sizing:content-box;}*/ #subContents .conTitle.nobullet h5{padding-left:0;} #subContents .conTitle.nobullet h5::before, #subContents .conTitle.nobullet h5::after{display:none;} #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h4{margin-top:0;} #subContents .ready{} #subContents .tabMenu{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .tabMenu > ul{display:flex; flex-wrap:wrap; width:100%; margin:0 auto; padding:0 1px 0 0; text-align:center;} #subContents .tabMenu > ul li{flex:1; min-width:16.666%; margin-right:-1px;} #subContents .tabMenu > ul li a{display:block; position:relative; width:100%; line-height:1; padding:15px 10px; background:#f1f1f1; border:1px solid #ddd; color:#444; font-size:1.125em; font-weight:500; cursor:pointer; transition:transform 0s;} #subContents .tabMenu > ul li a:focus, #subContents .tabMenu > ul li a:hover{background:#e7e7e7;} #subContents .tabMenu > ul li.active a{margin-top:-1px; background:#fff; border:3px solid #82705b; color:#82705b; font-weight:500; box-shadow:3px 3px 8px rgba(0,0,0,0.1); z-index:1;} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 40px; padding:0; color:#555; z-index:1;} #subContents .con:last-child{margin:0 auto;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1rem; text-align:justify; word-break:keep-all; overflow-wrap:anywhere;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.mb14{line-height:1.6; margin-bottom:14px; font-size:1rem; word-break:keep-all;} #subContents .con p.point{position:relative; margin-bottom:0; padding-left:18px; color:#e43437;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.info{color:#888; font-size:0.863rem; text-align:center;} #subContents .con p.info.alignRight{text-align:right;} #subContents .con p.info:before{content:'< ';} #subContents .con p.info:after{content:' >'} #subContents .con span.blue{color:#0072b2;} #subContents .con .box{padding:18px 20px;background:#f7f7f7;border:1px solid #e8e8e8;clear:both;} #subContents .con .box2{padding:18px 20px;background:#fff;border:1px solid #ddd;clear:both;} #subContents .con img{display:inline-block; width:100%; max-width:1180px; margin:0 auto;} #subContents .con a.download{display:inline-block; padding:8px; border:1px solid #82705b; color:#82705b; font-size:0.875rem;} #subContents .con a.download:before{content:'\f019'; margin-right:6px;} #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:#82705b; color:#fff;} #subContents .con a.new{display:inline-block; padding:8px; border:1px solid #82705b; color:#82705b; font-size:0.875rem;} #subContents .con a.new:before{content:'\f0c1'; margin-right:6px;} #subContents .con a.new:focus, .con a.new:hover{background:#82705b; color:#fff;} #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:1px auto 0 1px; padding:0; text-align:center;} #subContents .tab > ul li{display:block; float:left; width:25%; margin-top:-1px; margin-left:-1px;} #subContents .tab > ul.count2 li{width:50%;} #subContents .tab > ul.count3 li{width:33.333%;} #subContents .tab > ul.count5 li{width:20%;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:15px 10px; background:#f1f1f1; border:1px solid #ddd; color:#444; font-size:1.125rem; font-weight:500; cursor:pointer; transition:transform 0s;} #subContents .tab > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .tab > ul li .tabLink.active{background:#fff; border-color:#82705b; outline:3px solid #82705b; outline-offset:-2px; color:#82705b; font-weight:500; box-shadow:3px 3px 8px rgba(0,0,0,0.1); 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{display:inline-block; line-height:1; height:auto; margin:4px 8px 4px 0; padding:0; border:none; border-radius:0; color:inherit; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;} #subContents label.btn.select input.pick{display:inline-block; width:0; height:0; line-height:1; opacity:0;} #subContents label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:1em; height:1em; line-height:1; background:#fff; border:1px solid #abafb5; border-radius:50%; vertical-align:bottom; cursor:pointer;} #subContents label.btn.select input.pick:focus ~ span.checkmark{border-color:#000 !important; outline:1px solid #000;} #subContents label.btn.select input.pick:checked ~ span.checkmark{background:#ffb400; border-color:#e5a202;} #subContents label.btn.select input.pick:disabled ~ span.checkmark{background:#e9e9e9; border-color:#d9d9d9; cursor:not-allowed;} #subContents label.btn.select input.pick ~ span.checkmark:after{content:''; display:block; position:absolute;} #subContents label.btn.select input.pick ~ span.txt{margin-left:-4px; padding-left:6px; cursor:pointer;} #subContents label.btn.select input.pick.chk{} #subContents label.btn.select input.pick.chk ~ span.checkmark{border-radius:2px; vertical-align:text-top;} #subContents label.btn.select input.pick.chk:checked ~ span.checkmark{} #subContents label.btn.select input.pick.chk:disabled ~ span.checkmark{background:#e9e9e9; border-color:#d9d9d9; cursor:not-allowed;} #subContents label.btn.select input.pick.chk:disabled ~ span.txt{color:#888; cursor:not-allowed;} #subContents label.btn.select input.pick.chk ~ span.checkmark:after{width:9px; height:7px; top:50%; left:50%; margin-top:-3.5px; margin-left:-4.5px; background:transparent;} #subContents label.btn.select input.pick.chk:checked ~ span.checkmark:after{background:url('../images/sub/ico_check.png') no-repeat center;} #subContents label.btn.select input.pick.chk:disabled ~ span.checkmark:after{} #subContents label.btn.select input.pick.radio{} #subContents label.btn.select input.pick.radio ~ span.checkmark{vertical-align:text-top;} #subContents label.btn.select input.pick.radio:checked ~ span.checkmark{} #subContents label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#e9e9e9; border-color:#d9d9d9; cursor:not-allowed;} #subContents label.btn.select input.pick.radio:disabled ~ span.txt{color:#888; cursor:not-allowed;} #subContents label.btn.select input.pick.radio ~ span.checkmark:after{width:100%; height:100%; top:50%; left:50%; margin-top:-50%; margin-left:-50%; background:#fff; border-radius:50%; transform:scale(.5);} #subContents label.btn.select input.pick.radio:checked ~ span.checkmark:after{} #subContents label.btn.select input.pick.radio:disabled ~ span.checkmark:after{background:#bbb;} #subContents label.btn.select span.txt{vertical-align:text-top;} #subContents .con ul.list{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ul.list > li{position:relative; margin:0 auto .25em; padding-left:10px; line-height:1.4; 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:#82705b;} #subContents .con ul.list.circle > li:before{width:4px; height:4px; top:11.5px; background:#82705b; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:8px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #82705b; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:5.5px; color:#82705b;} #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; counter-reset:list-counter;} #subContents .con ol.number > li{position:relative; margin:0 auto 10px; padding-left:18px; line-height:1.4; word-break:keep-all; counter-increment:list-counter;} #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#82705b;} #subContents .con ol.number.basic > li:before{content:counter(list-counter, decimal) ". ";} /*#subContents .con ol.number.basic > li:nth-child(1):before{content:'1.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic > li:nth-child(11):before{content:'11.';} #subContents .con ol.number.basic > li:nth-child(12):before{content:'12.';} #subContents .con ol.number.basic > li:nth-child(13):before{content:'13.';} #subContents .con ol.number.basic > li:nth-child(14):before{content:'14.';} #subContents .con ol.number.basic > li:nth-child(15):before{content:'15.';} #subContents .con ol.number.basic > li:nth-child(16):before{content:'16.';}*/ #subContents .con ol.number.basic > li:nth-child(n + 10){padding-left:24px;} #subContents .con ol.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:28px; line-height:1.4; word-break:keep-all;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:before{content:counter(list-counter, decimal-leading-zero) ". "; display:block; position:absolute; height:16px; line-height:1; padding:0 6px 0 0; top:4px; left:0; border-right:2px solid #82705b; color:#82705b; font-size:0.875rem; font-weight:500; 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.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 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 .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 #82705b; border-collapse:collapse; border-spacing:0; text-align:center;} #subContents table tr th{min-height:40px; padding:15px 14px; background:#f7f7f7; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowtit{background:#e6e6e6;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.938rem; word-break:keep-all; vertical-align:middle;} #subContents table tr td:last-child{border-right:none;} #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 .videoW{position:relative; display:inline-block; width:100%; height:auto; overflow:hidden;} #subContents .videoW.w16h9{aspect-ratio:16 / 9;} #subContents .videoW.w4h3{aspect-ratio:4 / 3;} #subContents .videoW iframe{position:absolute; width:100%; height:100%; top:0; left:0;} #subContents .videoW .Title_module_header__c87a7c0c .Title_module_portrait__c87a7c0c{display:none !important;} .sub01_01, .sub01_02, .sub01_03, .sub01_04, .sub01_05, .sub01_06, .sub01_07, .sub01_08, .sub01_09, .sub01_10, .sub02_01, .sub02_02, .sub02_03, .sub02_04, .sub02_05, .sub02_06, .sub02_07, .sub03_01, .sub03_02, .sub03_03, .sub03_04, .sub03_05, .sub04_01, .sub04_02, .sub04_03, .sub05_01, .sub05_02, .sub05_03, .sub05_04, .sub05_05, .sub05_06, .sub06_01, .sub07_01, .sub08_01, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub01_01 .greetingTitle{position:relative; overflow:hidden;background:#f3f3f3;padding:30px;} #subContents .sub01_01 .greetingTitle:after{content:'';display:block;clear:both;} #subContents .sub01_01 .greetingTitle .layoutRight{ display: flex; align-items: flex-end; flex-direction: row-reverse;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title{ margin-bottom: 70px; font-size: 1.25rem;vertical-align: bottom;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title span{font-weight:700;font-size:1.375rem;color:#333;} #subContents .sub01_01 .greetingTitle .layoutRight img{max-width:342px;vertical-align: bottom;} #subContents .sub01_01 .greetingTitle .layoutLeft{position:absolute; width:50%; top:50%; padding-left: 20px; transform:translateY(-50%); font-family: 'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size: 1.25rem; font-weight: 500;} #subContents .sub01_01 .greetingTitle .layoutLeft span{font-weight:500;color:#3e3225;} #subContents .sub01_01 .greetingTxt .name{max-width:170px;margin-top:20px;} #subContents .sub01_01 ul.book li button.bookTitle{position:relative; width:100%; padding:12px 36px 12px 16px; background:#f7f7f7; border-bottom:1px solid #ddd; color:#444; font-size:1rem; font-weight:500; text-align:left; word-break:keep-all;} #subContents .sub01_01 ul.book li:first-child button.bookTitle{border-top:2px solid #82705b;} #subContents .sub01_01 ul.book li button.bookTitle span{position:absolute; line-height:1; top:50%; right:18px; margin-top:-12px; font-size:1.188rem; font-weight:bold;color:#ccc;} /* #subContents .sub01_01 ul.book li button.bookTitle:after{content:''; display:inline-block; position:absolute; width:8px; height:14px; top:50%; right:20px; margin-top:-7px; background:url('../images/sub/ico_next.png') no-repeat center center; vertical-align:bottom; transform:rotate(90deg);} #subContents .sub01_01 ul.book li button.bookTitle.on:after{transform:rotate(-90deg);} */ #subContents .sub01_01 ul.book li .bookDetail{display:flex; flex-wrap:wrap; gap:2.5em; padding:1.75em 0 2.5em; border-bottom:1px solid #ddd;overflow:hidden;} #subContents .sub01_01 ul.book li .bookDetail .layoutLeft{width:210px;} #subContents .sub01_01 ul.book li .bookDetail .layoutLeft .bookImg{border:1px solid #ddd;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight{width:calc(100% - 210px - 2.5em);} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol{margin:0 auto 1.25em; padding:0;background:#fff;border:none;border-radius:0;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul:last-child, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol:last-child{margin:0 auto;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul > li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol > li{line-height:1.6; margin:0 auto 1em; font-size:1rem;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul ul li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul ol li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol ul li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol ol li{margin:0 auto .25em;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul > li:last-child, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol > li:last-child{margin:0 auto;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul li span{display:inline-block; line-height:1.6; margin:.125em auto; color:#5f4f3d; font-weight:500;} #subContents .sub01_02 .doctor{clear:both; display:flex; flex-wrap:wrap; align-items:flex-start; gap:1em 2.5em; margin:0 auto 1.5em; padding:1.75em; border:1px solid #ddd;} #subContents .sub01_02 .doctor:last-child{margin-bottom:0;} #subContents .sub01_02 .doctor:after{content:'';display:block;clear:both;} #subContents .sub01_02 .doctor .layoutLeft{width:180px; border:1px solid #dddcd7;} #subContents .sub01_02 .doctor .layoutRight{width:calc(100% - 180px - 2.5em);} #subContents .sub01_02 .doctor .layoutRight .tit{margin-bottom:18px;} #subContents .sub01_02 .doctor .layoutRight .tit .name{font-size:1.25rem;color:#555;line-height:1.6;margin-bottom:8px;} #subContents .sub01_02 .doctor .layoutRight .tit .name strong{font-weight:700;font-size:1.5rem;color:#333;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW{display: inline-block; background:#938576; border-radius:6px; padding:6px 10px; font-size:1rem;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p{display:inline-block; margin:0; color:#fff; vertical-align:top;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p br{display:none;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p span{display:inline-block;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p span:before{content:'-'; display:inline-block; margin:0 .25em 0 .125em;} #subContents .sub01_03 table tr td a.download{width:100%;} #subContents .sub01_03 .subject ul{/* font-size:0; */display:flex;flex-wrap: wrap;justify-content: space-between;} #subContents .sub01_03 .subject ul li{display:inline-block;flex:1 1 30%;/* width:31%; */margin-right:3.5%;margin-bottom:25px;text-align:center;padding:25px 12px;background: #f6f3ec;border: 2px solid #d1cbbd;/* min-height:170px; */vertical-align:top;} #subContents .sub01_03 .subject ul li:nth-child(3n){margin-right:0;} #subContents .sub01_03 .subject ul li:nth-child(n + 4){margin-bottom:0;} #subContents .sub01_03 .subject ul li span{font-size:0.9375rem;line-height:1.4;color:#5c5042;} #subContents .sub01_03 .subject ul li p{font-size:1.3125rem;font-weight:500;color:#333;margin-bottom:4px;font-family: 'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;} #subContents .sub01_03 .subject ul li div{font-size:1.0625rem;line-height:1.6;} #subContents .sub01_04 p strong{font-weight:500;} #subContents .sub01_04 .img{margin-bottom:40px;} #subContents .sub01_06 table tr td:last-child{text-align:left;} #subContents .sub01_06 table tr td.subti{background:rgba(255,180,0,.15); text-align:center;} #subContents .sub01_07 #photo{ float:left; width:100%; border:1px solid #e5e5e5;background:#f8f8f8;padding:30px;} #subContents .sub01_07 #main{ width:340px; height:256px; margin-right:30px;float:left; position:relative;} #subContents .sub01_07 #main img{ position:absolute;} #subContents .sub01_07 .flo_st{ float:right; width:calc(100% - 370px);list-style-type:none; padding:0;} #subContents .sub01_07 .flo_st li{ margin-bottom:3px;background: #888;color:#fff;cursor:pointer;transition:all .2s;} #subContents .sub01_07 .flo_st li:last-child{background:transparent;color:#555;padding:14px 0 0;font-weight:500;} #subContents .sub01_07 .flo_st li > div{padding: 14px 16px;} #subContents .sub01_07 .flo_st li > div:focus,.flo_st li > div:hover{background: #777;} #subContents .sub01_07 .flo_st li span{padding-right:18px;font-weight:500;} #subContents .sub01_07 .dash_line{ float:left; width:100%; height:1px; margin:19px 0; border-top:1px dashed #d9d9d9; } #subContents .sub01_07 #navi{ float:left; width:840px; margin:0 ; overflow:hidden;} #subContents .sub01_07 #navi .pageWrap{ width:8400px;} #subContents .sub01_07 #navi .pageWrap .page{ width:840px; float:left;} #subContents .sub01_07 #navi .pageWrap .page ul{ margin:0; padding:0; list-style-type:none;} #subContents .sub01_07 #navi .pageWrap .page ul li{ } #subContents .sub01_07 .page{ float:left; margin:0; padding:0; list-style-type:none; width:840px;} #subContents .sub01_07 .page li{ float:left;} #subContents .sub01_07 #sontainer{ float:left; width:100%; border:1px solid #e5e5e5;background:#f8f8f8;padding:30px;} #subContents .sub01_07 #sain{ width:340px; height:256px; margin-right:30px; float:left; position:relative;} #subContents .sub01_07 #sain img{ position:absolute;} #subContents .sub01_07 .sflo_st{ float:left;width:calc(100% - 370px); list-style-type:none; padding:0;} #subContents .sub01_07 .sflo_st li{margin-bottom:3px;background: #888;color:#fff;cursor:pointer;transition:all .2s;} #subContents .sub01_07 .sflo_st li:last-child{background:transparent;color:#555;padding:14px 0 0;font-weight:500;} #subContents .sub01_07 .sflo_st li > div{padding: 14px 16px;} #subContents .sub01_07 .sflo_st li > div:focus,.sflo_st li > div:hover{background: #777;} #subContents .sub01_07 .sflo_st li span{padding-right:18px;font-weight:500;} #subContents .sub01_07 #savi{ float:left; width:840px; margin:0; overflow:hidden;} #subContents .sub01_07 #savi .sageWrap{ width:8400px;} #subContents .sub01_07 #savi .sageWrap .sage{ width:840px; float:left;} #subContents .sub01_07 #savi .sageWrap .sage ul{ margin:0; padding:0; list-style-type:none;} #subContents .sub01_07 #savi .sageWrap .sage ul li{ } #subContents .sub01_07 .sage{ float:left; margin:0; padding:0; list-style-type:none; width:840px;} #subContents .sub01_07 .sage li{ float:left;} /*#subContents .sub01_07 .tab, #subContents .sub01_07 .tabNew{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .sub01_07 .tab > ul, #subContents .sub01_07 .tabNew > ul{display:flex; flex-wrap: wrap; gap: 0; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .sub01_07 .tabNew > ul li{width:25%;} #subContents .sub01_07 .tabNew > ul.count2 li{width:50%;} #subContents .sub01_07 .tabNew > ul.count3 li{width:33.333%;} #subContents .sub01_07 .tabNew > ul.count5 li{width:20%;} #subContents .sub01_07 .tab > ul.count6 li, #subContents .sub01_07 .tabNew > ul.count6 li{width:16.666%;} #subContents .sub01_07 .tabNew > ul.count7 li{width:14.285%;} #subContents .sub01_07 .tabNew > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .sub01_07 .tabNew > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:15px 10px; background:#f1f1f1; border:1px solid #ddd; border-left:0px solid transparent; color:#444; font-size:1.125rem; font-weight:500; cursor:pointer; transition:transform 0s;} #subContents .sub01_07 .tabNew > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .sub01_07 .tabNew > ul li .tabLink:focus, #subContents .sub01_07 .tabNew > ul li .tabLink:hover{background:#e7e7e7;} #subContents .sub01_07 .tabNew > ul li .tabLink.active{margin-top:-1px; padding:13px 10px 15px; background:#fff; border:3px solid #82705b; color:#82705b; font-weight:500; box-shadow:3px 3px 8px rgba(0,0,0,0.1); z-index:1;} #subContents .sub01_07 .tabConNew{clear:both; display:block; position:relative; margin:0 auto;} #subContents .sub01_07 .tabConNew .tabItem{clear:both; display:none; position:relative; margin:0 auto;} #subContents .sub01_07 .tabConNew .tabItem.active{display:block;}*/ #subContents .sub01_07 .tab ul{display:flex; flex-wrap:wrap; gap:0;} #subContents .sub01_07 .tab ul li{flex:1;} #subContents .sub01_07 .imgW {width: 100%; max-width: 960px; margin: 0 auto 40px;} #subContents .sub01_07 .imgW img {width: 100%;} #subContents .sub01_07 .imgs{display:flex;flex-wrap:wrap;margin-bottom:-2%;} #subContents .sub01_07 .imgs li{width:32%;margin-right:2%;margin-bottom:2%} #subContents .sub01_07 .imgs li:nth-child(3n){margin-right:0;} #subContents .sub01_07 .imgs li p{text-align:center;margin-top:10px;font-size:1.063rem;font-weight:500;} #subContents .sub01_08 .photo {width: 100%;} #subContents .sub01_08 .photo.mb40 {padding-bottom: 0; margin-bottom: 40px;} #subContents .sub01_08 .photo img {width: 100%;} #subContents .sub01_08 .photo p.photoname {margin: .5rem auto 0; color: #888; font-size: .938em; text-align: center;} #subContents .sub01_08 .layoutRight {padding:0 0 5px 20px;} #subContents .sub01_08 .layoutRight .photo {width: 100%; max-width: 360px;} #subContents .sub01_08 .layoutCenter {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 0 auto 20px;} #subContents .sub01_08 .layoutCenter .photo {width: 100%; max-width: calc(50% - 10px);} #subContents .sub02 .top{border:1px solid #ddd;padding:30px;} #subContents .sub02 .top:after{content:'';display:block;clear:both;} #subContents .sub02 .top .imgBox{float:left;width:340px;} #subContents .sub02 .top .txtBox{float:right;width:calc(100% - 380px);margin-left:40px;} #subContents .sub02 .top .txtBox .profile{padding-bottom:18px;border-bottom:1px dotted #ddd;} #subContents .sub02 .top .txtBox .profile .name{font-size:1.875rem;font-weight:700;color:#82705b;margin-bottom:8px;} #subContents .sub02 .top .txtBox .profile .name span{font-size:1.375rem;font-weight:500;} #subContents .sub02 .top .txtBox .profile .sub{color:#717171;font-size:1.125rem;} #subContents .sub02 .top .txtBox .profile .sub span{display:inline-block;font-weight:500;vertical-align:top;} #subContents .sub02 .top .txtBox .cs{padding-top:18px;} #subContents .sub02 .top .txtBox .cs:after{content:'';display:block;clear:both;} #subContents .sub02 .top .txtBox .cs .call{width:100%;margin:0 auto 1em;padding:0;color:#888;font-size:1em;text-align:center;} #subContents .sub02 .top .txtBox .cs .call strong{display:inline-block;margin-right:.5em;font-weight:600;font-size:1.25em;} #subContents .sub02 .top .txtBox .btn{display:flex; gap:1em; width:100%;margin:0 auto;padding:0;border:none;text-align:center;} #subContents .sub02 .top .txtBox .btn a{flex:1;display:block;background:#82705b;color:#fff;font-size:.938em;padding:14px 12px;border-radius:8px;transition:all .2s;} #subContents .sub02 .top .txtBox .btn a:focus,#subContents .sub02 .top .txtBox .btn a:hover{background:#5f4f3d;} #subContents .sub02 .top .txtBox .btn a strong{display:block;font-weight:600;font-size:1.375em;} #subContents .sub02 .time tr td .circle{color:#ffb400;} #subContents .sub02 .time + p.point{color:#333;margin-top:12px;} #subContents .sub02 .hk{width:100%; margin:0 auto; padding:0;} #subContents .sub02 .hkMenu li:first-child{border-top:2px solid #82705b;} #subContents .sub02 .hkMenu a{display:block; position:relative; line-height:1.3; padding:12px 36px 12px 16px;border-bottom: 1px solid #ddd; background-color:#f7f7f7; color:#444; font-size:1rem; font-weight:500;word-wrap:break-word; text-decoration:none; overflow:hidden;} #subContents .sub02 .hkMenu a span{position:absolute; line-height:1; top:50%; right:18px; margin-top:-12px; font-size:1.188rem; font-weight:bold;color:#ccc;} #subContents .sub02 .hkMenu div.c{display:none; line-height:1.4; padding:25px; background:#fff; font-size:0.938rem; word-break:keep-all;} #subContents .sub02 .alink{cursor:pointer;} #subContents .sub02_07 .tabCon .tabItem ul > li{background:#f5f5f5;padding:40px;border:1px dotted #d9d9d9;border-top:none;} #subContents .sub02_07 .tabCon .tabItem ul > li:nth-child(even){background:#fafafa;} #subContents .sub02_07 .tabCon .tabItem ul > li:first-child{border-top:1px dotted #d9d9d9;} #subContents .sub02_07 .tabCon .tabItem ul > li > ol{padding:0;background:none;border-radius:0;border:none;} #subContents .sub02_07 .tabCon .tabItem ul > li > ol li{margin:0 auto 18px;} #subContents .sub03_04 .con{text-align:center;} #subContents .sub03_04 .imgList{display:inline-block;margin:0 auto;/* display:flex;justify-content:center; */} #subContents .sub03_04 .imgList li{display:inline-block;vertical-align:top;margin:0 10px;transition:all .2s;border:1px solid #e5ded4;box-sizing:border-box;} #subContents .sub03_04 .imgList li:focus,#subContents .sub03_04 .imgList li:hover{transform: translateY(-10px);} #subContents .sub03_04 .imgList li:nth-child(2){margin-top:80px;} #subContents .sub03_04 .imgList li a{display:block;width:230px;height:330px;text-align:left;} #subContents .sub03_04 .imgList li:nth-child(1) a{background:#f4f1ea url('../images/sub/03/cal_bg_01.jpg') right bottom no-repeat;} #subContents .sub03_04 .imgList li:nth-child(2) a{background:#f4f1ea url('../images/sub/03/cal_bg_02.jpg') right bottom no-repeat;} #subContents .sub03_04 .imgList li:nth-child(3) a{background:#f4f1ea url('../images/sub/03/cal_bg_03.jpg') right bottom no-repeat;} #subContents .sub03_04 .imgList li a .ti{padding:28px 85px 0 24px;font-size:1.625rem;line-height:1.2;} #subContents .sub03_04 .imgList li a .ti strong{display:block;font-weight:600;} #subContents .sub03_04 .imgList li:nth-child(1) a .ti{color:#8f5406;} #subContents .sub03_04 .imgList li:nth-child(2) a .ti{color:#cf4310;} #subContents .sub03_04 .imgList li:nth-child(3) a .ti{color:#96721c;} #subContents .sub03_05 #reserve_wrap{margin: 20px 0 0;} #subContents .sub03_05 .reserve{width:100%;} #subContents .sub03_05 .reserveStep{height:80px;} #subContents .sub03_05 .reserveStep li{float:left;width:25%;text-align:center; color: #fff;padding:13px 0;text-shadow: none;font-size:1.063rem;line-height:1.6;} #subContents .sub03_05 .reserveStep li strong{font-size:15px;} #subContents .sub03_05 .reserveStep li span{font-size:0.875rem;} #subContents .sub03_05 .reserveStep1{background:url('../images/sub/03/step_01.png') 0 0 no-repeat;background-size:100%;} #subContents .sub03_05 .reserveStep2{background:url('../images/sub/03/step_02.png') 0 0 no-repeat;background-size:100%;} #subContents .sub03_05 .reserveStep3{background:url('../images/sub/03/step_03.png') 0 0 no-repeat;background-size:100%;} #subContents .sub03_05 .reserveStep4{background:url('../images/sub/03/step_04.png') 0 0 no-repeat;background-size:100%;} #subContents .sub03_05 .reserve_btn{width:180px;margin:30px auto 0;background: #82705b;padding:14px 12px;text-align: center;} #subContents .sub03_05 .reserve_btn a{width: 100%;display: block;color:#fff !important;text-shadow: none;font-size:1.125rem;} #subContents .sub03_05 .box_text{border: 3px solid #ededed;padding:28px;} #subContents .sub03_05 .box_text b{font-weight:500;} #subContents .sub03_05 .selectBox{width:70%;margin-left:1em;} #subContents .sub03_05 .layout_dash{margin: 30px 0;width: 100%;height: 1px;border-top: 1px dashed #d9d9d9;} #subContents .sub03_05 .selectBtn{width:100%;} #subContents .sub03_05 .selectBtn li{background: #f9f9f9;text-align: center;padding:1em 0;margin: 0.5em 0.55em;width: 20%;float: left;border: 1px solid #ededed;border-radius: 7px;} #subContents .sub03_05 .selectBtn li a{color:#b78240;text-shadow: none;} #subContents .sub03_05 #reserve_wrap input,#subContents .sub03_05 #reserve_wrap select{width:100%;font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;border:1px solid #ccc;padding:4px;} #subContents .sub03_05 .requi {border:1px solid red !important} #subContents .sub03_05_01 #reserve_wrap ul.list{margin-bottom:0 !important;} #subContents .sub03_05_01 #reserve_wrap ul.list li{color:#888;} #subContents .sub03_05_01 #reserve_wrap ul.list li strong{font-weight:500;} #subContents .sub03_05_02 #reserve_wrap .conTitle h5,#subContents .sub03_05_03 #reserve_wrap .conTitle h5{margin-top:0;} #subContents .sub03_05_03 .ui-controlgroup-controls{width:100%;} #subContents .sub03_05_03 .ui-radio{width:25%;margin-right:5%;} #subContents .sub03_05_03 #radio-choice-e{margin-right:0;} #subContents .sub03_05_03 .ui-checkbox .ui-btn, .ui-radio .ui-btn {text-align:center;} #subContents .sub03_05_03 .ui-page-theme-a .ui-btn.ui-btn-active{background:#ffb400;border:1px solid #ffb400;;text-shadow: none;} #subContents .sub03_05_03 .ui-radio .ui-mini{margin:2%;} #subContents .sub03_05_03 .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {border-right-width: 1px;margin: 3%;} #subContents .sub03_05_03 .checks {position: relative;} #subContents .sub03_05_03 .checks input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} #subContents .sub03_05_03 .checks input[type="radio"] + label {display: inline-block;position: relative;padding: 0 30px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;margin:0.5em 0.3em;} #subContents .sub03_05_03 .checks input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: -1px; width: 19px;height: 19px;text-align: center;background: #fff;border: 1px solid #cacece;border-radius: 100%;} #subContents .sub03_05_03 .checks input[type="radio"] + label:active:before,#subContents .sub03_05_04 .checks input[type="radio"]:checked + label:before {background: #fff;border-color: #adb8c0;} #subContents .sub03_05_03 .checks input[type="radio"]:checked + label:after {content: '';position: absolute;top: 3.5px;left: 4px;width: 11px;height: 11px;background: #ffb400;border-radius: 100%;} #subContents .sub05_01 .imgList{display:flex;justify-content: space-evenly; } #subContents .sub05_01 .imgList li{width:260px;} #subContents .sub05_01 table tr td{text-align:left;} #subContents .sub05_01 table tr td img{width:220px;} #subContents .sub05_01 table tr td strong{display:block;margin-bottom:8px;font-size:1.0625rem;font-weight:500;color:#82705b;} #subContents .sub05_02 .conTitle{clear:both;} #subContents .sub05_02 p.tit{font-size:1.125rem;font-weight:500;} #subContents .sub05_02 .layoutRight{width:260px;padding:0 0 18px 18px;} #subContents .sub05_02 .imgList{display:flex;justify-content: space-between; } #subContents .sub05_02 .imgList > li{width:31.3%;background:#f9f9f9;border:1px solid #eee;padding:24px;} #subContents .sub05_02 .imgList li .imgBox{margin-bottom:18px;} #subContents .sub05_02 .imgList li .txtBox p{padding-bottom:8px;border-bottom:1px dotted #b5a796;font-size:1.063rem;font-weight:500;color:#82705b;} #subContents .sub05_02 .imgList li .txtBox ul{background:transparent;border:none;padding:14px 0 0;} #subContents .sub05_02 .imgList li .txtBox ul li span{font-size:0.938rem;color:#717171;} #subContents .sub05_03 .layoutRight{width:260px;padding:0 0 18px 18px;} #subContents .sub05_03 ul{margin-bottom:28px;} #subContents .sub05_03 ul:last-child{margin-bottom:0;} #subContents .sub05_03 ul li{margin:0 auto 10px; line-height:1.4; word-break:keep-all;} #subContents .sub05_03 ul li span{color:#82705b;font-weight:500;} #subContents .sub05_03 .box2 {overflow:hidden;} #subContents .sub05_03 .box2 .layoutRight{width:220px;border:1px solid #ddd;padding:0;} #subContents .sub05_03 .box2 + .box2{margin-top:10px;} #subContents .sub05_04 .layoutRight{width:260px;padding:0 0 18px 18px;} #subContents .sub05_04 .layoutLeft{width:622px;} #subContents .sub05_04 .layoutLeft ul{display:flex; flex-wrap:wrap; gap:.25em 1em;} #subContents .sub05_04 .layoutLeft ul li{flex:1 1 calc(33.333% - 1em); display:inline-block; max-width:calc(33.333% - .667em); margin:0;} #subContents .sub05_05 p.tit{font-size:1.125rem;font-weight:500;} #subContents .sub05_05 .mov{position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden;margin: 0;} #subContents .sub05_05 .mov iframe,#subContents .sub05_05 .mov object,#subContents .sub05_05 .mov embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #subContents .sub05_05 .contentslider-std{width:900px;} #subContents .sub05_05 .contentslider-std .sliderkit-panels{width:900px;background:#e1dac8;} #subContents .sub05_05 .contentslider-std .sliderkit-panel{margin:0 100px;} #subContents .sub05_05 .contentslider-std .sliderkit-nav-clip li{opacity:0.4;} #subContents .sub05_05 .contentslider-std .sliderkit-nav-clip li.sliderkit-selected{opacity:1;} #subContents .sub05_05 .contentslider-std .sliderkit-go-btn{top:28%;} #subContents .sub05_05 .contentslider-std .sliderkit-go-prev{left:30px;} #subContents .sub05_05 .contentslider-std .sliderkit-go-next{left: inherit;right:30px;} #subContents .sub05_05 .contentslider-std .sliderkit-nav{margin:20px 100px 0;} #subContents .sub05_05 .contentslider-std .sliderkit-nav-clip{margin-top:0;} #subContents .sub05_05 .contentslider-std .sliderkit-nav ul:after{content:'';display:block;clear:both;} /* common */ #subContents .sub05_05 .swiper-process{clear:both; position:relative; width:100%; height: auto; /* left:50%;transform:translateX(-50%);min-width:1200px; */background: #e1dac8; overflow:hidden;} #subContents .sub05_05 .swiper-process:after{content:''; clear:both; display:block;} #subContents .sub05_05 .swiper-process .inner{padding:0;height:100%;} #subContents .sub05_05 .swiper-process .inner:after{content:'';display:block;clear:both;} #subContents .sub05_05 .swiper-process .swiper-container{width:100%;} #subContents .sub05_05 .swiper-process .swiper-slide{text-align:center;} /*#subContents .sub05_05 .swiper-process .swiper-slide img{width:700px;margin:0 auto;}*/ #subContents .sub05_05 .swiper-process .bgBox{width:100%;cursor:default; z-index:2;} #subContents .sub05_05 .swiper-process .bgBox .pager{width:100%;text-align:center;background:#e1dac8;padding-bottom: 2.25em;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet{width:auto;height:auto;background:none;color:#93826e;font-size:16px;font-weight:500;display:inline-block; padding:6px 8px; margin:0 6px; border:1px solid #93826e; border-radius:4px;color:#93826e; vertical-align:middle;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet:first-child{margin-left:0 !important;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet:last-child{margin-right:0 !important;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet:hover, #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet:focus{opacity:.8;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet-active{width:auto;height:auto;background:#93826e;color:#fff;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-prev,#subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-next{width:40px;height:40px;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-prev{background:url('../images/sub/05/ico_arrow.jpg') no-repeat top left;left:20px;opacity:1 !important;background-size:cover;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-next{background:url('../images/sub/05/ico_arrow.jpg') no-repeat top right;right:20px;background-size:cover;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide {} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process {display: flex; flex-wrap: wrap; justify-content: center; gap: 2em; padding: 2.125em 1.5em 2.125em;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .imgW {width: fit-content; height: fit-content; background: #fff; box-shadow: 0px 4px 10px 2px rgba(130, 112, 91, .2); padding: 0.625em 0.625em 2em;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .imgW img {width: 100%;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW {width: 40%; max-width: calc(40% - 1em);} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW .conTitle {} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW .conTitle h5 {padding-bottom: 14px; margin-top: 25px; border-bottom: 1px solid #bab2a5; color: #875111; font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; text-align: left;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW p {font-size: .938em; text-align: left;} #subContents .sub05_06 .layoutRight{width:260px;padding:0 0 18px 18px;} #subContents .sub05_06 ol.number.basic2{margin-top:18px;} #subContents .sub05_06 ol.imgList{display:flex;flex-wrap:wrap;justify-content: center;margin:26px auto 40px;} #subContents .sub05_06 ol.imgList li{flex:1 1 50%;max-width:335px;margin: 0 9px 18px;} #subContents .sub05_06 ol.imgList li:nth-child(n + 5){margin-bottom:0;} /*#subContents .sub07_01 img + .box2{margin-top:18px;} #subContents .sub07_01 .subway li{margin: 0 auto 18px;line-height: 1.4;word-break: keep-all;} #subContents .sub07_01 .subway li:last-child{margin-bottom:0;} #subContents .sub07_01 .subway li span{display:inline-block;padding:6px 10px;color:#fff;margin-bottom:6px;border-radius:6px;} #subContents .sub07_01 .subway li span.line01{background:#263c96;} #subContents .sub07_01 .subway li span.line03{background:#F06E00;} #subContents .sub07_01 .subway li span.line05{background:#8936e0;}*/ #subContents .sub07_01 .con .flexW{display:flex; flex-wrap:wrap; justify-content:space-between; gap:60px;} #subContents .sub07_01 .con .mapW{width:45%; margin:0;} #subContents .sub07_01 .con .mapW .link {margin: .5em 0 auto; text-align: right;} #subContents .sub07_01 .con .mapW .link a {padding: 4px 6px; margin-left: 5px; font-size: .938em; font-weight: 500;} #subContents .sub07_01 .con .mapW .link a::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 4px; vertical-align: middle;} #subContents .sub07_01 .con .mapW .link a.naver::before {background: url('../images/sub/07/ico_map_naver.png') no-repeat 0 0 / cover; background-size: 100%;} #subContents .sub07_01 .con .mapW .link a.kakao::before {background: url('../images/sub/07/ico_map_kakao.png') no-repeat 0 0 / cover; background-size: 100%;} #subContents .sub07_01 .con .mapW .link a:focus, #subContents .sub07_01 .con .mapW .link a:hover {color: #ffb400;} #subContents .sub07_01 .con .txtW{width:45%; margin:0;} #subContents .sub07_01 .con .txtW .conTitle{text-align:left;} #subContents .sub07_01 .con .txtW .conTitle h4{margin:0 0 20px;} #subContents .sub07_01 .con .txtW p{} #subContents .sub07_01 .con .txtW ul{} #subContents .sub07_01 .con .txtW ul li{} #subContents .sub07_01 .con .txtW ul li span{display:inline-block; width:18px; height:18px; line-height:18px; margin-top:2px; background:#333; border-radius:18px; color:#fff; font-size:.813rem; font-weight:500; text-align:center; vertical-align:top;} #subContents .sub07_01 .con .txtW ul li span.num01{background:#3155b5;} #subContents .sub07_01 .con .txtW ul li span.num03{background:#ff7d21;} #subContents .sub07_01 .con .txtW ul li span.num05{background:#8445ce;} #subContents .sub07_01 .con .txtW ul li strong{font-weight:500;} #subContents .sub07_01 .con .txtW ul li strong.num01{color:#3155b5;} #subContents .sub07_01 .con .txtW ul li strong.num03{color:#ff7d21;} #subContents .sub07_01 .con .txtW ul li strong.num05{color:#8445ce;} #subContents .sub07_01 .con .car, #subContents .sub07_01 .con .sub, #subContents .sub07_01 .con .bus{margin:0 auto 2.5em;} #subContents .sub07_01 .con .sub p{display:inline-block; margin-right:20px; vertical-align:top;} #subContents .sub07_01 .con .sub ul{display:inline-block; width:auto; vertical-align:top;} #subContents .sub08_01 .delivery{display:flex; flex-wrap:wrap; gap:.75em;} #subContents .sub08_01 .delivery li{flex:1; display:inline-block; display:flex; flex-wrap:wrap; align-content:space-between; gap:1em; background:#fafafa; border:1px solid #ccc; padding:20px; vertical-align:top; text-align:center;} #subContents .sub08_01 .delivery li .txtW{flex:1 1 100%;} #subContents .sub08_01 .delivery li .logo{margin-bottom:20px;border:1px solid #ddd;text-align:center;} #subContents .sub08_01 .delivery li:nth-child(1) .logo{background:#fff;} #subContents .sub08_01 .delivery li:nth-child(2) .logo{background:#ed1c24;} #subContents .sub08_01 .delivery li:nth-child(3) .logo{background:linear-gradient(180deg, #e5e3e3, #fff);} #subContents .sub08_01 .delivery li .logo img{width:auto;max-width:180px;height:74px;} #subContents .sub08_01 .delivery li span{color:#222;font-size:1.125rem;font-weight:700;display:block;margin-bottom:10px;} #subContents .sub08_01 .delivery li p{font-size:0.938rem;color:#888; text-align:center;} #subContents .sub08_01 .delivery li p + p{margin-top:.25em;} #subContents .sub08_01 .delivery li a.new{flex:1 1 100%; width:100%;text-align:center;padding:12px 8px;font-size:1rem;margin-top:6px;border-color:#888;color:#888;} #subContents .sub08_01 .delivery li a.new:focus,#subContents .sub08_01 .delivery li a.new:hover{color:#fff;} #subContents .sub98_01 .con{margin:0 0 50px;} #subContents .sub98_01 .con:last-child{display:none;} #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:18px; height:18px; top:3px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .sub98_01 .con ul{margin:0; padding:5px 20px 20px; background:#fcfcfc; border:1px dotted #dedede;} #subContents .sub98_01 .con ul li{display:inline-block; position:relative; width:22.8%; margin:15px 30px 0 0; padding:0 0 0 12px; vertical-align:top;} #subContents .sub98_01 .con ul li:nth-child(3n){margin-right:0;} #subContents .sub98_01 .con ul li:before{content:''; display:inline-block; position:absolute; width:6px; height:3px; top:8px; left:0; background:#82705b; border-radius:2px;} #subContents .sub98_01 .con ul li a{font-size:1.063rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub98_01 .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#82705b;} #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 > *{display:inline-block; width:100%; padding:0 25px;} #subContents .sub98_03 .con .box > *:first-child{padding-top:15px;} #subContents .sub98_03 .con .box > *:last-child{padding-bottom:30px;} #subContents .sub98_03 .con ol{clear:both; width:100%; padding-bottom:25px;} #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 .sub98_03 .con p.postDate{color:#da4648; text-align:right;} @media only screen and (max-width:1279px){ #subVisual{min-width:960px;} #path{min-width:960px;} #side{display:none;} #subContents{float:none; width:100%; max-width:960px; min-height:300px; padding:40px 0; border-left:none;} #subContents .inner{width:100%;} #subContents .conTitle h3 span{font-size:1.875rem;} #subContents .conTitle h4{margin:20px 0;} #subContents .tableW{overflow-x:auto;} #subContents .sub98_01 .con ul li{width:29.8%;} } @media only screen and (max-width:1023px){ #subVisual{min-width:296px; height:180px;} #subVisual .title h2{font-size:1.75rem;} #subVisual .title h2 span{font-size:1rem;} #path{position:relative; min-width:296px;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{width:220px;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:280px; padding:30px 0 40px; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .conTitle h3{margin:0 auto 20px;} #subContents .conTitle h3 span{font-size:1.5rem;} #subContents .conTitle h3 span.depth03{margin-left:6px; font-size:1.375rem;} #subContents .conTitle h3:after{width:50px; margin:10px auto 15px;} #subContents .con > .conTitle:first-child h4, #subContents .con > .conTitle:first-child h5{margin-top:10px;} #subContents .tabMenu > ul{padding:2px 4px 2px 2px;} #subContents .tabMenu > ul li{min-width:33.333%; margin-top:-2px; margin-bottom:-2px;} #subContents .con{margin:0 auto 40px;} #subContents .con p{/*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;} #subContents .con ol.number > li{font-size:0.938rem;} #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 .imgW img{max-width:1180px;} #subContents .sub01_01 .greetingTitle .layoutLeft{padding-left:0;font-size:1.125rem;} #subContents .sub01_01 .greetingTitle .layoutLeft br{display:none;} #subContents .sub01_01 .greetingTitle .layoutRight img{margin:0;max-width:300px;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title{margin-right:20px;font-size:1.125rem;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title span{font-size:1.25rem;} #subContents .sub01_01 .greetingTxt .name{float:right;} #subContents .sub01_01 ul.book li button.bookTitle{font-size:1.063rem;} #subContents .sub01_01 ul.book li .bookDetail{gap:2em;} #subContents .sub01_01 ul.book li .bookDetail .layoutLeft{width:20%; min-width:180px;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight{width:80%; max-width: calc(100% - 180px - 2em);} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul ul li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul ol li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol ul li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol ol li{margin:0 auto .125em; font-size:.938rem;} #subContents .sub01_02 .doctor{gap:1em 2em; margin:0 auto 1.5em; padding:1.5em;} #subContents .sub01_02 .doctor .layoutLeft{width:20%; min-width:180px;} #subContents .sub01_02 .doctor .layoutRight{width:80%; max-width:calc(100% - 180px - 2em);} #subContents .sub01_02 .doctor .layoutRight .tit{margin-bottom:14px;} #subContents .sub01_02 .doctor .layoutRight .tit .name{font-size:1.125rem;} #subContents .sub01_02 .doctor .layoutRight .tit .name strong{font-size:1.375rem;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW{font-size:0.938rem;padding:4px 8px;} #subContents .sub01_03 .subject ul li{margin-right:2.5%;margin-bottom:22px;padding:22px 12px;} #subContents .sub01_03 .subject ul li p{text-align:center;font-size:1.25rem;margin-bottom:0;} #subContents .sub01_03 .subject ul li div{font-size:1rem;} #subContents .sub01_07 #main{width:40%;height:auto;margin-right:3%;} #subContents .sub01_07 .flo_st{width:57%;} #subContents .sub01_08 .layoutRight {float: right;} #subContents .sub01_08 .layoutRight .photo {max-width: 280px;} #subContents .sub02 .top .imgBox{width:50%;max-width:340px;min-width:280px;} #subContents .sub02 .top .txtBox .profile .name{font-size:1.75rem;} #subContents .sub02 .top .txtBox .profile .name span{font-size:1.25rem;} #subContents .sub02 .top .txtBox .profile .sub{font-size:1.063rem;} #subContents .sub02 .top .txtBox .cs .call{font-size:1.125rem;} #subContents .sub02 .top .txtBox .cs .call strong{font-size:1.25rem;} #subContents .sub02 .top .txtBox .btn a{font-size:1.125rem;} #subContents .sub02 .top .txtBox .btn a strong{font-size:1.25rem;} #subContents .sub02_07 .tabCon .tabItem ul > li{padding:30px;} #subContents .sub03_04 .imgList li{margin:0 4px;} #subContents .sub03_04 .imgList li:nth-child(2){margin-top:0;} #subContents .sub03_04 .imgList li:last-child{margin-bottom:0;} #subContents .sub05_02 p.tit{font-size:1.063rem;} #subContents .sub05_02 .layoutRight{margin:0 auto;padding:0 0 20px 0;} #subContents .sub05_03 .layoutRight{margin:0 auto;padding:0 0 20px 0;} #subContents .sub05_03 .box2 .layoutRight{width:100%;max-width:260px;margin-bottom:20px;} #subContents .sub05_04 .layoutRight{margin:0 auto;padding:0 0 20px 0;} #subContents .sub05_04 .layoutLeft{width:100%;} #subContents .sub05_05 p.tit{font-size:1.063rem;} /*#subContents .sub05_05 .swiper-process .swiper-slide img{width:85%;max-width:700px;min-width:335px;}*/ /*#subContents .sub05_05 .swiper-process .bgBox .pager{padding-bottom:28px;}*/ #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process {gap: 1.5em;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .imgW img {max-width: 250px;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW {max-width: calc(40% - .75em);} #subContents .sub05_06 .layoutRight{margin:0 auto;padding:0 0 20px 0;} #subContents .sub05_06 ol.imgList li{max-width:260px;margin:0 7px 14px;} /*#subContents .sub07_01 .subway li span{font-size:0.938rem;padding:4px 8px;}*/ #subContents .sub07_01 .con .flexW{gap:28px;} #subContents .sub07_01 .con .mapW{width:40%;} #subContents .sub07_01 .con .txtW{width:50%;} #subContents .sub08_01 .delivery li{padding:18px;} #subContents .sub08_01 .delivery li p{text-align:center;} #subContents .sub08_01 .delivery li span{font-size:1.063rem;} #subContents .sub98_01 .con ul{padding:5px 20px 14px;} #subContents .sub98_01 .con ul li{margin:15px 22px 0 0;} #subContents .sub98_01 .con ul li a{font-size:1rem;} } @media only screen and (max-width:800px){ #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-prev{width:30px;height:30px;left:12px;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-next{width:30px;height:30px;right:12px;} #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet{font-size:0.938rem;} #subContents .sub07_01 .con .flexW{display:block;} #subContents .sub07_01 .con .mapW{width:100%; margin:0 0 40px;} #subContents .sub07_01 .con .txtW{width:100%;} } @media only screen and (max-width:768px){ #subVisual{height:150px;} #subVisual .title h2{font-size:1.625rem;} #subVisual .title h2 span{font-size:0.938rem;} #path .inner{padding:0;} #path ul li{width:50%;} #path ul li.btnHome{display:none;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{width:100%;} #path ul li.pathDepth2:after, #path ul li.pathDepth3:after{display:none;} #path ul li.pathDepth2 button, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 button, #path ul li.pathDepth3 ul{border-right:none;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{width:100%; left:0; border-left:none;padding:15px 12px;} #path ul li.pathDepth2 ul{left:-1px;} #path ul li.pathDepth3{width:100%; border-top:1px solid #eee;} #path ul li.pathDepth2 ul{border-left:1px solid #eee;} #path ul li ul li{width:100%;} #path ul li ul li a{display:block;} #path ul li ul li a:after{display:none;} #path ul li ul li a:focus, #path ul li ul li a:hover{text-decoration:underline;} #subContents .conTitle h3:after{margin:10px auto 0;} #subContents .conTitle h4{margin:10px 0 16px; font-size:1.25rem;} #subContents .conTitle h4:before{top:6px;} #subContents .conTitle h5{line-height:1.2; margin:18px 0 12px; font-size:1.125rem;} #subContents .tab{margin:0 auto 20px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents .con p{line-height:1.5;font-size:0.938rem;} #subContents .con .box{padding:14px 16px;} #subContents .con .box2{padding:14px 16px;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:5px 8px 6px;} #subContents table tr th{font-size:1rem;} #subContents table tr td{font-size:0.938rem;} #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:94%;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0 !important;} #subContents .sub01_01 .greetingTitle{padding:24px;} #subContents .sub01_01 .greetingTitle .layoutLeft{width:44%; font-size:1.063rem;} #subContents .sub01_01 .greetingTitle .layoutRight img{max-width:280px;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title{margin-right:18px;font-size:1.063rem;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title span{font-size:1.125rem;} #subContents .sub01_01 ul.book li button.bookTitle{font-size:1rem;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight ul > li, #subContents .sub01_01 ul.book li .bookDetail .layoutRight ol > li{font-size:0.938rem;} #subContents .sub01_02 .doctor{gap:.875em 1.75em; margin:0 auto 1em; padding:1.25em;} #subContents .sub01_02 .doctor .layoutLeft{width:16%; min-width:160px;} #subContents .sub01_02 .doctor .layoutRight{width:84%; max-width:calc(100% - 160px - 1.75em);} #subContents .sub01_03 .subject ul li{flex:1 1 40%;margin-right:2%;margin-bottom:12px;padding:18px 10px;} #subContents .sub01_03 .subject ul li:nth-child(3n){margin-right:2%;} #subContents .sub01_03 .subject ul li:nth-child(2n){margin-right:0;} #subContents .sub01_03 .subject ul li:nth-child(n + 4){margin-bottom:12px;} #subContents .sub01_03 .subject ul li:nth-child(n + 5){margin-bottom:0;} #subContents .sub01_03 .subject ul li p{font-size:1.125rem;} #subContents .sub01_03 .subject ul li div{font-size:0.938rem;} #subContents .sub01_07 #photo{padding:24px;} #subContents .sub01_07 #main{float:none;width:70%;margin:0 auto 24px;padding-bottom:52.2%;} #subContents .sub01_07 #main img{} #subContents .sub01_07 .flo_st{float:none;width:100%;} #subContents .sub01_07 .flo_st li > div{padding:12px 14px;font-size:0.938rem;} #subContents .sub01_07 .flo_st li{font-size:0.938rem;} /*#subContents .sub01_07 .tabNew{margin:0 auto 20px;} #subContents .sub01_07 .tab > ul.count6 li, #subContents .sub01_07 .tabNew > ul.count6 li, #subContents .sub01_07 .tabNew > ul.count7 li {width:33.333%;} #subContents .sub01_07 .tabNew ul li .tabLink{font-size:0.925rem;}*/ #subContents .sub01_07 .tab ul li{flex:1 1 33.333%; max-width:33.333%;} #subContents .sub01_07 .imgW {margin: 0 auto 20px;} #subContents .sub01_07 .imgs li{width:49%;} #subContents .sub01_07 .imgs li:nth-child(3n){margin-right:2%;} #subContents .sub01_07 .imgs li:nth-child(2n){margin-right:0;} #subContents .sub01_08 .con p {text-align: left;} #subContents .sub01_08 .photo p.photoname {font-size: .875em;} #subContents .sub01_08 .layoutRight {width: 100%; padding: 0;} #subContents .sub01_08 .layoutRight .photo {max-width: 360px; margin: 0 auto 20px;} #subContents .sub02 .top{padding:24px;} #subContents .sub02 .top .imgBox{float:none;margin:0 auto 20px;} #subContents .sub02 .top .imgBox{width:50%;max-width:340px;min-width:280px;} #subContents .sub02 .top .txtBox{float:none;width:100%;margin-left:0;} #subContents .sub02 .top .txtBox .profile .name{font-size:1.625rem;} #subContents .sub02 .top .txtBox .profile .name span{font-size:1.125rem;} #subContents .sub02 .top .txtBox .profile .sub{font-size:1rem;} #subContents .sub02 .top .txtBox .cs .call{font-size:1.063rem;} #subContents .sub02 .top .txtBox .cs .call strong{font-size:1.125rem;} #subContents .sub02 .top .txtBox .btn a{font-size:1.063rem;} #subContents .sub02 .top .txtBox .btn a strong{font-size:1.125rem;} #subContents .sub03_04 .imgList{display:block;} #subContents .sub03_04 .imgList li{display:block;width:100%;margin:0 auto 14px;} #subContents .sub03_04 .imgList li a{width:100%;height:220px;} #subContents .sub03_04 .imgList li a .ti{font-size:1.5rem;} #subContents .sub05_01 .imgList{justify-content: center;flex-wrap: wrap;} #subContents .sub05_01 .imgList li{width:220px;margin: 10px 10px 0 10px} #subContents .sub05_01 table tr,#subContents .sub05_01 table tr td{display:block;} #subContents .sub05_01 table tr{padding:24px;border-bottom:1px solid #ddd;} #subContents .sub05_01 table tr:last-child{border-bottom:none;} #subContents .sub05_01 table tr td{padding:0;border-bottom:none;border-right:none;text-align:center;} #subContents .sub05_01 table tr td span br{display:none;} #subContents .sub05_02 .layoutRight{width:100%;max-width:220px;min-width:auto;} #subContents .sub05_02 .imgList{display:block;} #subContents .sub05_02 .imgList > li{width:100%;margin-bottom:14px;} #subContents .sub05_02 .imgList li .imgBox{width:100%;max-width:220px;margin:0 auto 10px;} #subContents .sub05_02 .imgList li .txtBox p{text-align:center;} #subContents .sub05_03 .layoutRight{width:100%;max-width:220px;min-width:auto;} #subContents .sub05_03 .box2 .layoutRight{max-width:220px;} #subContents .sub05_04 .layoutRight{width:100%;max-width:220px;min-width:auto;} #subContents .sub05_05 .swiper-process .bgBox .pager {padding-bottom: 1.75em;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-prev{top: 30%; left:30px;} #subContents .sub05_05 .swiper-process .bgBox .navi .swiper-button-next{top: 30%; right:30px;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process {gap: 0.5em; padding: 1.75em 1.5em 1.75em;} #subContents .sub05_05 .swiper-process .swiper-wrapper .swiper-slide .process .txtW {width: 100%; max-width: 100%;} /*#subContents .sub07_01 .root_daum_roughmap .wrap_map{height:280px;}*/ #subContents .sub07_01 .con .mapW{margin:0 auto 28px;} #subContents .sub08_01 .delivery li{flex:1 1 100%; width:100%; padding:1em;} #subContents .sub08_01 .delivery li .logo img{max-width:148px;height:60px;} #subContents .sub08_01 .delivery li span{font-size:1rem;} #subContents .sub08_01 .delivery li a.new{font-size:0.938rem;padding:10px 6px;} #subContents .sub08_01 .delivery li p{font-size:0.875rem;} #subContents .sub98_01 .con ul li a{font-size:0.938rem;} } @media only screen and (max-width:580px){ #subVisual .title h2{font-size:1.5rem;} #subVisual .title h2 span{font-size:0.875rem;} #path ul li{font-size:0.875rem;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{height:40px; line-height:40px;} #subContents .conTitle h4{font-size:1.125rem;margin:10px 0 12px;} #subContents .conTitle h4:before{top:5px;} #subContents .conTitle h5{font-size:1.063rem;} #subContents .conTitle h5:before{top:2px;} #subContents .conTitle h5:after{top:2px;} #subContents .tabMenu > ul li{min-width:50%;} #subContents .tabMenu > ul li a{font-size:1em;} #subContents .con,#subContents .con ul.list,#subContents .con ol.number,#subContents .con p{margin:0 auto 20px;} #subContents .con ul.list > li{line-height:1.4;} #subContents .con ul.list.line > li:before{top:9.5px;} #subContents .con ul.list.circle > li:before{top:9.5px;} #subContents .con ul.list.triangle > li:before{top:6.5px;} #subContents .con ul.list.star > li:before{top:4px;} #subContents .con ul.list.check > li:before{top:3px;} #subContents .con ol.number > li{line-height:1.4; margin:0 auto 8px;} #subContents .con ol.number.basic2 > li:before{top:4px;} #subContents .sub01_01 .greetingTitle{padding:20px;} #subContents .sub01_01 .greetingTitle .layoutLeft{position:relative; width:100%; max-width:360px; top:auto; transform:translateY(0); font-size:1rem; text-align:center;} #subContents .sub01_01 .greetingTitle .layoutRight{justify-content:center;} #subContents .sub01_01 .greetingTitle .layoutRight img{max-width:200px;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title{margin-bottom:40px;margin-right:12px;font-size:1rem;line-height:1.2;} #subContents .sub01_01 .greetingTitle .layoutRight .name_title span{font-size:1.063rem;display:block;} #subContents .sub01_01 .greetingTxt .name {max-width: 150px;} #subContents .sub01_01 ul.book li button.bookTitle{font-size:0.938rem;} #subContents .sub01_01 ul.book li .bookDetail{gap:1.75em; padding:1.5em .25em 2em;} #subContents .sub01_01 ul.book li .bookDetail .layoutLeft{float:none; margin:0 auto;} #subContents .sub01_01 ul.book li .bookDetail .layoutRight{float:none; width:100%; max-width:100%;} #subContents .sub01_02 .doctor{padding:20px;margin:0 auto 20px;} #subContents .sub01_02 .doctor .layoutLeft{flex:1 1 100%; max-width:180px; margin:0 auto;} #subContents .sub01_02 .doctor .layoutRight{flex:1 1 100%; width:100%; max-width:100%; padding:0;} #subContents .sub01_02 .doctor .layoutRight .tit{text-align:center;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW{text-align:center;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p{display:inline; text-align:center;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p br{display:inline;} #subContents .sub01_02 .doctor .layoutRight .tit .subjectW p span:before{content:''; display:none; margin:0;} #subContents .sub01_02 .doctor .layoutRight .tit .name{font-size:1.063rem;} #subContents .sub01_02 .doctor .layoutRight .tit .name strong{font-size:1.25rem;} #subContents .sub01_03 .subject ul{display:block;} #subContents .sub01_03 .subject ul li{width:100%;padding:14px 8px;} #subContents .sub01_03 .subject ul li:nth-child(n + 5){margin-bottom:12px;} #subContents .sub01_03 .subject ul li:last-child{margin-bottom:0;} #subContents .sub01_03 #tbl_st_01_2{border-bottom:none;} #subContents .sub01_03 #tbl_st_01_2,#subContents .sub01_03 #tbl_st_01_2 tr,#subContents .sub01_03 #tbl_st_01_2 th,#subContents .sub01_03 #tbl_st_01_2 td{display:block;} #subContents .sub01_03 #tbl_st_01_2 colgroup col{width:100%;} #subContents .sub01_03 #tbl_st_01_2 td{border-right:none;} #subContents .sub01_07 #photo{padding:20px;} #subContents .sub01_07 #main{width:100%;padding-bottom:75%;margin:0 auto 20px;} #subContents .sub01_07 .imgs{margin-bottom:0;} #subContents .sub01_07 .imgs li{width:100%;margin-right:0;margin-bottom:12px;} #subContents .sub01_07 .imgs li:nth-child(3n){margin-right:0;} #subContents .sub01_07 .imgs li:last-child{margin-bottom:0;} #subContents .sub02 .top{padding:20px;} #subContents .sub02 .top .imgBox{width:100%;min-width:auto;max-width:none;margin:0 auto 12px;} #subContents .sub02 .top .txtBox .profile{padding-bottom:14px;} #subContents .sub02 .top .txtBox .profile .name{font-size:1.5rem;} #subContents .sub02 .top .txtBox .profile .name span{font-size:1.063rem;} #subContents .sub02 .top .txtBox .profile .sub{font-size:0.938rem;} #subContents .sub02 .top .txtBox .cs{padding-top:0;} #subContents .sub02 .top .txtBox .cs .call{float:none;width:100%;margin:1em auto;font-size:1rem;} #subContents .sub02 .top .txtBox .cs .call strong{font-size:1.063rem;} #subContents .sub02 .top .txtBox .btn{float:none;gap:.5em;width:100%;} #subContents .sub02 .top .txtBox .btn a{font-size:.938em;padding:12px 10px;} #subContents .sub02 .top .txtBox .btn a strong{font-size:1.125em;} #subContents .sub02 .tab > ul li{width:50%;} #subContents .sub02 .hkMenu div.c{padding:20px;} #subContents .sub02_07 .tabCon .tabItem ul > li{padding:20px;} #subContents .sub03_04 .imgList li a{height:180px;} #subContents .sub03_04 .imgList li:nth-child(1) a{background:#f4f1ea url('../images/sub/03/cal_bg_01.jpg') right -20% bottom no-repeat;background-size:60%;} #subContents .sub03_04 .imgList li:nth-child(2) a{background:#f4f1ea url('../images/sub/03/cal_bg_02.jpg') right -20% bottom no-repeat;background-size:60%;} #subContents .sub03_04 .imgList li:nth-child(3) a{background:#f4f1ea url('../images/sub/03/cal_bg_03.jpg') right -20% bottom no-repeat;background-size:60%;} #subContents .sub03_04 .imgList li a .ti{padding:20px 0 0 20px;font-size:1.375rem;} #subContents .sub05_01 .tab > ul.count3 li{width:100%;} #subContents .sub05_01 .tab > ul.count3 li a{border-bottom:none;border-left:1px solid #ddd;} #subContents .sub05_01 .tab > ul.count3 li:last-child{border-bottom:1px solid #ddd;} #subContents .sub05_01 .imgList{display:block;} #subContents .sub05_01 .imgList li{width:100%;max-width:200px;margin:0 auto 12px;} #subContents .sub05_01 .imgList li:last-child{margin-bottom:0;} #subContents .sub05_01 table tr{padding:20px;} #subContents .sub05_01 table tr td img{width:100%;max-width:200px;} #subContents .sub05_01 table tr td strong{font-size:1rem;} #subContents .sub05_02 p.tit{font-size:1rem;} #subContents .sub05_02 .layoutRight{padding:0 0 12px 0;max-width:200px;} #subContents .sub05_02 .imgList > li{margin-bottom:12px;padding:20px;} #subContents .sub05_02 .imgList li .imgBox{max-width:200px;} #subContents .sub05_02 .imgList li .txtBox p{font-size:1rem;} #subContents .sub05_03 .layoutRight{padding:0 0 12px 0;max-width:200px;} #subContents .sub05_03 .box2 .layoutRight{max-width:200px;margin-bottom:12px;} #subContents .sub05_04 .layoutRight{padding:0 0 12px 0;max-width:200px;} #subContents .sub05_04 .layoutLeft ul li{flex:1 1 calc(50% - 1em); max-width:calc(50% - .5em);} #subContents .sub05_05 p.tit{font-size:1rem;} /*#subContents .sub05_05 .swiper-process .bgBox .pager{padding-bottom:18px;}*/ #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet{margin:0 2px;} #subContents .sub05_06 ol.imgList{display:block;} #subContents .sub05_06 ol.imgList li{width:100%;max-width:335px;margin:0 auto 12px;} #subContents .sub05_06 ol.imgList li:nth-child(n + 5){margin-bottom:12px;} /*#subContents .sub07_01 .root_daum_roughmap .wrap_map{height:220px;}*/ #subContents .sub07_01 .con .txtW .conTitle h4{margin:0 0 20px !important;} #subContents .sub01_08 .layoutCenter .photo {max-width: 360px;} #subContents .sub98_01 .con ul{padding:5px 20px 10px;} #subContents .sub98_01 .con ul li{width:100%;margin:12px 0 0;} #subContents .sub98_01 .con ul li:nth-child(2n){margin-right:0;} } @media only screen and (max-width:480px){ #subContents .sub05_05 .swiper-process .navi{display:none;} } @media only screen and (max-width:379px){ /*#subContents .sub05_05 .swiper-process .swiper-slide img{min-width:auto;width:100%;}*/ #subContents .sub05_05 .swiper-process .bgBox .pager .swiper-pagination-bullet{padding:4px;font-size:0.875rem;} } @media only screen and (max-width:319px){ #subContents .sub01_01 .greetingTitle .layoutRight img{max-width:180px;} }