@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; height:276px; margin:0 auto; padding:0; background:#0066b3; overflow:hidden; box-sizing:border-box; z-index:0;} #subVisual.subBg01{background:#0066b3 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#0066b3 url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#0066b3 url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#0066b3 url('../images/sub/sub_visual_04.jpg') no-repeat left center; background-size:cover;} #subVisual.subBgetc, #subVisual.subBg98, #subVisual.subBg99, #subVisual.subBgbbs{background:#0066b3 url('../images/sub/sub_visual_etc.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:60px; color:#fff; font-size:2.5rem; font-weight:700; text-shadow:0 0 4px rgba(0,0,0,.1); cursor:default;} #subVisual:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,.25); z-index:1;} #path{clear:both; position:absolute; width:100%; top:120px; background:transparent; box-sizing:border-box; z-index:3; -webkit-animation:fade-in-bottom .8s ease-in-out .2s both; animation:fade-in-bottom .8s ease-in-out .2s both; -webkit-animation-delay:.2s; animation-delay:.2s;} #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 20px; 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:#fff; 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:#fff; vertical-align:middle; cursor:pointer; z-index:3;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:#fff url('../images/sub/ico_arrow_down_blue.png') no-repeat center; border-radius:50%;} #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:#fff;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{clear:both; display:inline-block; position:absolute; min-width:152px; height:auto; line-height:1.2; padding:22px 20px; top:0; left:50%; margin-left:-31px; background:#fff; border-radius:4px; box-shadow:0 4px 8px rgba(0,0,0,.2); 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:1px 4px 2px; color:#959b9d; font-size:1.063rem; 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:#333;} #path + .inner{padding-bottom:80px;} #subContents{position:relative; width:100%; height:100%; min-height:600px; margin:-80px auto 0; padding:60px 40px; background:#fff; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,.1); box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .alignLeft{text-align:left;} #subContents .alignCenter{text-align:center;} #subContents .alignRight{text-align:right;} #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:0 auto 20px; text-align:center; word-break:keep-all;} #subContents .conTitle h3 span{display:inline-block; font-size:2rem; font-weight:700;} #subContents .conTitle h3 span.depth02{} #subContents .conTitle h3 span.depth03{font-size:1.75rem;} #subContents .conTitle h3 span.depth03:before{content:':'; display:inline-block; position:relative; top:-1px; margin:0 6px 0 4px; font-size:1.5rem;} #subContents .conTitle h3:after{content:''; display:block; width:52px; height:5px; margin:20px auto 28px; background:#0066b3;} #subContents .conTitle h4{display:inline-block; position:relative; line-height:1.4; margin:20px 0 25px; padding:0 0 0 26px; color:#333; font-size:1.375rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:9px; height:9px; top:7px; left:0; border:6px solid #0066b3; border-top-color:#f79433; border-right-color:#0d4fa0; border-radius:50%; box-sizing:content-box;} #subContents .conTitle h4 span.num{color:#0066b3;} #subContents .conTitle h5{display:block; position:relative; margin:20px 0 14px; padding:0; color:#003372; font-size:1.25rem; font-weight:500; word-break:keep-all;} #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 h5, #subContents .conTitle + .conTitle h5{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h4{margin-top:0;} #subContents .conTitle span.mini{font-size:.813em;} #subContents .conTitle span.normal{font-weight:400;} #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h4:before, #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6: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.point.black{color:inherit;} #subContents .con p.point.star{padding-left: 10px;} #subContents .con p.point.star::before{content: '*';} #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 p.postDate{color:#da4648; text-align:right;} #subContents .con span.blue{color:#0072b2;} #subContents .con a.link{display:inline-block; line-height:1; padding:8px 10px; border:1px solid #959b9d; border-radius:8px; color:#959b9d; font-size:0.813rem;} #subContents .con a.link:before{content:'\f0c1 '; margin-right:4px; color:#959b9d; transition:.2s;} #subContents .con a.link:focus, #subContents .con a.link:hover{background:#959b9d; border-color:#959b9d; color:#fff;} #subContents .con a.link:focus:before, #subContents .con a.link:hover:before{color:#fff;} #subContents .con a.download{display:inline-block; line-height:1; padding:8px 10px; border:1px solid #959b9d; border-radius:8px; color:#959b9d; font-size:0.813rem;} #subContents .con a.download:before{content:'\f019'; margin-right:8px; color:#959b9d; transition:.2s;} #subContents .con a.download.pdf:before{content:'\f1c1';} #subContents .con a.download.hwp:before{content:'\f016';} #subContents .con a.download.ai:before{} #subContents .con a.download:focus, #subContents .con a.download:hover{background:#959b9d; border-color:#959b9d; color:#fff;} #subContents .con a.download:focus:before, #subContents .con a.download:hover:before{color:#fff;} #subContents .con a.sub{display:inline-block; line-height:1; padding: 20px 24px; border:1px solid #959b9d; border-radius:8px; color:#959b9d; font-size:1.25rem;} #subContents .con a.sub:focus, #subContents .con a.sub:hover{background:#959b9d; border-color:#959b9d; color:#fff;} #subContents .con img{display:inline-block; width:100%; max-width:1100px; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con .ready{text-align:center;} #subContents .con .ready img{max-width:508px;} #subContents .con .mobile_mode{display:none;} #subContents .con label.btn.select{display:inline-block; line-height:1; height:auto; margin:4px 8px 4px 0; padding:0; border:none; border-radius:0; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;} #subContents .con label.btn.select input.pick{display:inline-block; width:0; height:0; line-height:1; opacity:0;} #subContents .con label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:18px; height:18px; line-height:1; background:#fff; border:1px solid #ccc; border-radius:50%; vertical-align:bottom; cursor:pointer;} #subContents .con label.btn.select input.pick:checked ~ span.checkmark{background:#0066b3; border-color:#0066b3;} #subContents .con label.btn.select input.pick:disabled ~ span.checkmark{background:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick ~ span.checkmark:after{content:''; display:block; position:absolute;} #subContents .con label.btn.select input.pick ~ span.txt{margin-left:-4px; padding-left:6px; cursor:pointer;} #subContents .con label.btn.select input.pick.chk{} #subContents .con label.btn.select input.pick.chk ~ span.checkmark{border-radius:2px; vertical-align:middle;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark{} #subContents .con label.btn.select input.pick.chk:disabled ~ span.checkmark{background:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick.chk:disabled ~ span.txt{color:#717171; cursor:not-allowed;} #subContents .con label.btn.select input.pick.chk ~ span.checkmark:after{width:11px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-5.5px; background:transparent;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark:after{background:url('../images/sub/ico_check.png') no-repeat center;} #subContents .con label.btn.select input.pick.chk:disabled ~ span.checkmark:after{} #subContents .con label.btn.select input.pick.radio{} #subContents .con label.btn.select input.pick.radio ~ span.checkmark{vertical-align:middle;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio:disabled ~ span.txt{color:#717171; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio ~ span.checkmark:after{width:8px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-4px; background:#fff; border-radius:50%;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark:after{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark:after{background:#bbb;} #subContents .con label.btn.select span.txt{vertical-align:middle;} #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:#88b2df;} #subContents .con ul.list.circle > li:before{width:4px; height:4px; top:11.5px; background:#88b2df; 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 #88b2df; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:5.5px; color:#88b2df;} #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 ul.list.check.big > li{margin:0 auto 1.5em; padding-left:26px;} #subContents .con ul.list.check.big > li:last-child{margin:0 auto;} #subContents .con ul.list.check.big > li:before{width:21px; height:20px; background:url('../images/sub/ico_bullet_check_big.png') no-repeat top left / cover;} #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:18px; 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:#88b2df;} #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.'; padding-left:26px;} #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 #88b2df; color:#88b2df; 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.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 20px;} #subContents .tab > ul{display:flex; flex-wrap:wrap; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{flex:1 1 50%; position:relative;} #subContents .tab > ul li:before, #subContents .tab > ul li:after{content:''; display:block; position:absolute; background:#0066b3; opacity:.2; z-index:1;} #subContents .tab > ul li:before{width:1px; height:100%; top:0; right:0;} #subContents .tab > ul li:after{width:100%; height:1px; bottom:0; right:0;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:15px 10px; background:#88b2df; border:3px solid transparent; color:#fff; font-size:1.125rem; font-weight:500; word-break:keep-all; overflow-wrap:anywhere; cursor:pointer; outline:none; transition:transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#b4d5f8;} #subContents .tab > ul li .tabLink.active{background:#fff; border-color:#0066b3; color:#0066b3; font-weight:500; box-shadow:0 4px 8px rgba(0,0,0,.1); z-index:1;} #subContents .tab .tab2ea { width:50%;} #subContents .tab .tab3ea { width:33.3%;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto;} #subContents .tabCon .tabItem{clear:both; display:block; position:relative;} #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 .tableW table{width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #0066b3; border-radius:4px; text-align:center;} #subContents .tableW table th{min-height:40px; padding:20px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents .tableW table th.rowti{background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#88b2df;} #subContents .tableW table th.rowti2{background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#365474;} #subContents .tableW table tr.colti th, #subContents .tableW table tr.colti td{background:#e7f1fb; color:#365474; font-weight:500;} #subContents .tableW table 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 .tableW table .bluebg {background-color:#e4ebf5;} #subContents .tableW table .yellowbg {background-color:#fdfada;} #subContents .tableW table td.alignLeft{text-align:left;} #subContents .tableW table td.alignRight{text-align:right;} #subContents .tableW table td.break{word-break:break-all;} #subContents .tableW table td ol, #subContents table tr td ul{text-align:left;} #subContents .tableW table td a:focus,#subContents .tableW table td a:hover{color:#0066b3;} #subContents .tableW table caption.view{display: table-caption;width:auto;height:auto;margin:16px 0 14px;font-size: 1.063rem;color: #0066b3;font-weight:500;text-align:left;} #subContents .tableW table caption.alignCenter{text-align:center;} #subContents .tableW table th.empty {background: none; border-right: 0;} #subContents .tableW table td.empty {} #subContents .co_red { color:#ff2d2d !important;} #subContents .ud_l { text-decoration: underline;} #subContents .pl15 { padding-left: 15px;} #subContents .down_btn { margin:0 auto; padding:15px; font-size:2rem; font-weight:500; background:#fff; border:5px solid #2c6ea1; box-sizing: border-box; color:#0e578f; font-weight:500; box-shadow:0 4px 8px rgba(0,0,0,.1); border-radius:10px; text-align: center; display: inline-block;} #subContents .down_btn:hover { background-color: #afd8ee;} #subContents #bo_v_con iframe{width:100% !important;max-width:560px !important;} /* contents */ .sub_01_01, .sub_01_02, .sub_01_03, .sub_01_04, .sub_01_05, .sub_01_06, .sub_02_01, .sub_02_02, .sub_03_01, .sub_03_02, .sub_03_03, .sub_03_04, .sub_03_05, .sub_03_06, .subEtc_sitemap, .subEtc_termsofuse, .subEtc_privacy, .subEtc_email{clear:both;} #subContents .sub_01_01 .con{margin:0 auto;} #subContents .sub_01_01 .con .intro{clear:both; position:relative; height:250px; margin:0 auto 40px; padding:40px; background:url('../images/sub/01/01_bg_slogan.jpg') no-repeat top right; background-size:cover; border-radius:0 20px 0;} #subContents .sub_01_01 .con .intro .slogan{line-height:1.58; margin:0 auto 24px; color:#003372; font-size:2.25rem; text-shadow:0 2px 6px #fff;} #subContents .sub_01_01 .con .intro .slogan strong{} #subContents .sub_01_01 .con .intro img{position:absolute; width:100%; max-width:fit-content; top:0; right:0;} #subContents .sub_01_01 .con .intro .name{width:72%; font-size:1.5rem; text-align:right;} #subContents .sub_01_01 .con .intro .name strong{margin-left:4px; letter-spacing:.25em;} #subContents .sub_01_01 .con .hi{} #subContents .sub_01_01 .con .hi p{line-height:2; margin:0 auto 20px;} #subContents .sub_01_01 .con .hi p:last-child{margin:0 auto;} #subContents .sub_01_01 .con .hi p strong{font-weight:500;} #subContents .sub_01_01 .con .hi p strong.point{color:#ff492f;} #subContents .sub_01_02 .con{margin:0 auto;} #subContents .sub_01_02 .con ul.support{display:flex; gap:0; position:absolute; width:40%; top:0; right:0; margin:0 auto} #subContents .sub_01_02 .con ul.support li{flex:1; margin:0 -1px 0 0; border:1px solid #ddd; text-align:center;} #subContents .sub_01_02 .con ul.support li a{display:block;} #subContents .sub_01_02 .con ul.support li a img{max-width:fit-content;} #subContents .sub_01_02 .con.area01{margin:0 auto 1.5em;} #subContents .sub_01_02 .con.area02{padding:1.25em 1.625em; background:#f6fbff;} #subContents .sub_01_02 .con.area02 .conTitle h5{text-align:center;} #subContents .sub_01_02 .con.area02 p.ti{position:relative; width:86%; margin:0 auto; padding:.625em 1em; background:#0066b3; border-radius:5em; color:#fff; font-size:1.125em; font-weight:500;} #subContents .sub_01_02 .con.area02 p.ti + ul.list{max-width:1000px; margin:-1em auto 0; padding:2em 1.5em 1.5em; background:#fff; border:2px solid #b4d5f8; border-radius:12px;} #subContents .sub_01_03 .con ul.paths{display:flex; flex-wrap:wrap; gap:0;} #subContents .sub_01_03 .con ul.paths li{flex:1 1 50%; display:flex; align-items:flex-start; gap:1em; margin:0 -1px -1px 0; padding:1.125em 1.5em 1.25em; border:1px solid #ddd;} #subContents .sub_01_03 .con ul.paths li .imgW{flex:1; aspect-ratio:1; background:#e7f1fb; border-radius:12px;} #subContents .sub_01_03 .con ul.paths li .imgW img{width:100%; max-width:fit-content; aspect-ratio:1;} #subContents .sub_01_03 .con ul.paths li .txtW{flex:2.5;} #subContents .sub_01_03 .con ul.paths li .txtW p{word-break:keep-all; overflow-wrap:anywhere;} #subContents .sub_01_03 .con ul.paths li .txtW p.ti{margin:0 auto .25em; color:#365474; font-size:1.125em; font-weight:500;} #subContents .sub_01_03 .con ul.paths li .txtW p.hash{position:relative; padding:0 0 0 .875em;} #subContents .sub_01_03 .con ul.paths li .txtW p.hash:before{content:'#'; position:absolute; top:0; left:0;} #subContents .sub_01_04 .con ol.step{display:flex; flex-wrap:wrap; align-items:flex-start; gap:1em;} #subContents .sub_01_04 .con ol.step > li.depth01{flex:1; background:#fff; border:1px solid #0068b1; border-radius:10px; overflow:hidden;} #subContents .sub_01_04 .con ol.step li p.year{padding:.313em 1em; background:#0068b1; color:#fff; font-size:.938em; font-weight:500; text-align:center;} #subContents .sub_01_04 .con ol.step li ul.depth02{padding:1em;} #subContents .sub_01_04 .con ol.step li ul.depth02 > li{margin:0 auto .875em;} #subContents .sub_01_04 .con ol.step li ul.depth02 > li:before{top:.5rem;} #subContents .sub_01_04 .con ol.step li ul.depth02 li > p.ti{font-size:.938em; font-weight:500;} #subContents .sub_01_04 .con ol.step li ul.depth03{margin:.313em auto; padding:.5em .75em; background:#e9f2fb; border:1px solid #e0eaf4;} #subContents .sub_01_04 .con ol.step li ul.depth03 > li{margin:0 auto .25em;} #subContents .sub_01_04 .con ol.step li ul.depth03 > li:before{top:.5rem;} #subContents .sub_01_04 .con ol.step li ul.depth03 > li > p{font-size:.875em;} #subContents .sub_01_04 .con ol.step li ul.depth04{margin:.313em auto; padding:.313em .75em; background:#fff;} #subContents .sub_01_04 .con ol.step li ul.depth04 > li{margin:0 auto .313em;} #subContents .sub_01_04 .con ol.step li ul.depth04 > li:before{top:.625rem;} #subContents .sub_01_04 .con ol.step li ul.depth04 > li > p{font-size:.813em;} #subContents .sub_01_04 .con ol.step li ul li:last-child{margin:0 auto;} #subContents .sub_01_04 .con ol.step li.year01{border-color:#88b2df;} #subContents .sub_01_04 .con ol.step li.year01 p.year{background:#88b2df;} #subContents .sub_01_04 .con ol.step li.year02{border-color:#5a99cf;} #subContents .sub_01_04 .con ol.step li.year02 p.year{background:#5a99cf;} #subContents .sub_01_04 .con ol.step li.year03{border-color:#2e81c0;} #subContents .sub_01_04 .con ol.step li.year03 p.year{background:#2e81c0;} #subContents .sub_01_04 .con ol.step li.year04{border-color:#0068b1;} #subContents .sub_01_04 .con ol.step li.year04 p.year{background:#0068b1;} #subContents .sub_01_05 .con{margin:0 auto;} #subContents .sub_01_05 .con .diagram{position:relative; margin:0 auto 40px;} #subContents .sub_01_05 .con .diagram:last-child{margin:0 auto;} #subContents .sub_01_05 .con .diagram ul{text-align:center;} #subContents .sub_01_05 .con .diagram ul li{position:relative; margin:0 auto 24px;} #subContents .sub_01_05 .con .diagram ul li p{display:inline-block; position:relative; width:100%; max-width:250px; min-width:250px; margin:0 auto; padding:8px 12px; background:#959b9d; border-radius:8px; color:#fff; font-size:1.25rem; text-align:center;} #subContents .sub_01_05 .con .diagram.type1{margin:0 auto 80px;} #subContents .sub_01_05 .con .diagram.type1 ul{} #subContents .sub_01_05 .con .diagram.type1 ul li{} #subContents .sub_01_05 .con .diagram.type1 ul li:after{content:''; position:absolute; width:1px; height:24px; bottom:-24px; left:50%; background:#959b9d;} #subContents .sub_01_05 .con .diagram.type1 ul li:last-child:after{display:none;} #subContents .sub_01_05 .con .diagram.type1 ul li p{} #subContents .sub_01_05 .con .diagram.type1 ul li p strong{} #subContents .sub_01_05 .con .diagram.type1 ul li ul{margin:0 auto; padding:0; background:none; border:none; border-radius:0;} #subContents .sub_01_05 .con .diagram.type1 ul li ul li{} #subContents .sub_01_05 .con .diagram.type1 ul li ul li p{background:#fff; border:2px solid #959b9d; color:#333; font-size:1.125rem;} #subContents .sub_01_05 .con .diagram.type1 ul li ul li p span{display:inline-block; margin:0 4px 0 0; color:#646464; font-size:1rem;} #subContents .sub_01_05 .con .diagram.type1 ul li ul li p span:after{content:''; display:inline-block; width:1px; height:12px; margin:0 0 0 8px; background:#959b9d;} #subContents .sub_01_05 .con .diagram.type1 ul li.head{} #subContents .sub_01_05 .con .diagram.type1 ul li.head p{} #subContents .sub_01_05 .con .diagram.type1 ul li.head p.blue{margin:0 auto 8px; background:#0066b3; font-size:1.313rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.head p.blue:after{content:''; position:absolute; width:1px; height:8px; bottom:-8px; left:50%; background:#959b9d;} #subContents .sub_01_05 .con .diagram.type1 ul li.head p.blue.ti{margin:0 auto; background:#0d4fa0; font-size:1.5rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.head p strong{margin-left:.35em; letter-spacing:.35em;} #subContents .sub_01_05 .con .diagram.type1 ul li.head ul{} #subContents .sub_01_05 .con .diagram.type1 ul li.head ul li{} #subContents .sub_01_05 .con .diagram.type1 ul li.head ul li p{} #subContents .sub_01_05 .con .diagram.type1 ul li.head ul li p.sky{} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup{} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup:after{height:100px; bottom:-40px;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul{display:flex; justify-content:space-between;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul:before{content:''; position:absolute; width:100%; height:1px; bottom:50%; left:0; background:#959b9d;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li{display:inline-block; margin:0;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li:after{display:none;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li p{margin:0 auto; background:#46a1e5; border:none; color:#fff;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2{margin:0 auto 8em;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul{} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li{display:inline-block; margin:0;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li p{font-size:1em; border:1px solid #959b9d;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.head p.blue{margin:0 auto 4px; background:#646464; border:none; color:#fff; font-size:1.125em;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list5{margin-top:1em;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list5:after{width:100%; height:1px; bottom:auto; top:1.5em; left:100%;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list6{position:absolute; top:0; right:0;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list6 ul li{margin:0 auto .25em;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list6 ul li:after{display:none; width:0; height:0;} #subContents .sub_01_05 .con .diagram.type2{display:inline-block; width:100%; padding:28px 32px; background:#f3f3f3; border-radius:12px;} #subContents .sub_01_05 .con .diagram.type2 .ti{position:relative; float:left; width:152px; height:152px; background:#179897; background:linear-gradient(180deg, #179897 0, #1aacab 100%);; border:8px solid #179897; border-radius:50%; text-align:center;} #subContents .sub_01_05 .con .diagram.type2 .ti p{position:absolute; line-height:1.4; top:50%; left:50%; margin:0 auto; transform:translate(-50%,-50%); color:#fff; font-size:1.25rem; font-weight:500; text-align:center;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:0 1.25em; position:absolute; float:right; width:72%; top:50%; right:32px; transform:translateY(-50%);} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li{margin:6px 0;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li p{background:#277c7c;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup.long{justify-content:center;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup.long li{flex:1 1 40%; margin:12px;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup.long li p{max-width:100%;} #subContents .sub_01_05 .con .tableW{margin-top:40px;border-radius:0;} #subContents .sub_01_06 .con{margin:0 auto;} #subContents .sub_01_06 .con .tab{} #subContents .sub_01_06 .con .tab ul{} #subContents .sub_01_06 .con .tab ul li{width:50%;} #subContents .sub_01_06 .con .tab ul li .tabLink{} #subContents .sub_01_06 .con .tabCon{} #subContents .sub_01_06 .con .tabCon .tabItem{} #subContents .sub_01_06 .con .tabCon .tabItem.tab1{} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .cont .section{margin:0 auto; padding:28px 0; font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .cont .section_address{} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_address .tit, #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_address .txt{line-height:1.2; font-size:1rem; letter-spacing:-.055em; word-break:keep-all; overflow-wrap:anywhere;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .section_address .tit{line-height:1.2; color:#333; font-size:1.063rem; font-weight:bold; letter-spacing:-.055em;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .section_address .phone{margin:12px auto 0;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section .title{line-height:1.2; margin:0 auto 12px; color:#333; font-size:1.063rem; font-weight:bold; letter-spacing:-.055em;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .section_busstop .wrap_list li a{line-height:1;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_busstop .wrap_list li a{font-size:.938rem;} #subContents .sub_01_06 .con .tabCon .tabItem.tab2{} #subContents .sub_01_07 .con{} #subContents .sub_01_07 .con ul.uiBox{display:inline-block; width:100%;} #subContents .sub_01_07 .con ul.uiBox li{float:left; width:100%; text-align:center;} #subContents .sub_01_07 .con ul.uiBox.num2 li{margin:0 auto 10px; padding:60px 40px; background:#f3f3f3 url('../images/sub/bg_pattern_01.png') repeat left top; border:1px solid #ddd;} #subContents .sub_01_07 .con ul.uiBox.num2 li:last-child{margin:0 auto;} #subContents .sub_01_07 .con ul.uiBox.type2{padding:20px; background:#f3f3f3 url('../images/sub/bg_pattern_01.png') repeat left top; border:1px solid #ddd; text-align:center;} #subContents .sub_01_07 .con ul.uiBox.type2 li{display:inline-block; float:none; width:33.333%; margin:0; padding:40px; background:transparent; border:none;} #subContents .sub_01_07 .con ul.uiBox li.bgblue{background:#0066b3; border:none;} #subContents .sub_01_07 .con ul.uiBox li img{width:auto; max-width:100%;} #subContents .sub_01_07 .con .btnBox{clear:both; margin:40px auto 0; text-align:center;} #subContents .sub_01_07 .con .btnBox a{padding:20px 24px; font-size:1.25rem;} #subContents .sub_01_07 .con .btnBox a:focus, #subContents .sub_01_07 .con .btnBox a:hover{} #subContents .sub_02_01 .con ol li .tableW{margin:.5em auto;} #subContents .sub_02_01 .con ol li.detail .tableW{margin:.5em auto 1.5em;} #subContents .sub_02_01 .con ol li.detail .tableW:last-child{margin:.5em auto;} #subContents .sub_02_01 .con ol li.detail .tableW table{display:flex; flex-wrap:wrap;} #subContents .sub_02_01 .con ol li.detail .tableW table tr{display:flex;} #subContents .sub_02_01 .con ol li.detail .tableW table tr th{display:block;} #subContents .sub_02_01 .con ol li.detail .tableW table tr td{display:block;} #subContents .sub_02_01 .con ol li.detail .tableW table thead{flex:1; display:block;} #subContents .sub_02_01 .con ol li.detail .tableW table thead tr{height:100%;} #subContents .sub_02_01 .con ol li.detail .tableW table thead tr th{position:relative; width:100%;} #subContents .sub_02_01 .con ol li.detail .tableW table thead tr th p{position:absolute; width:100%; top:50%; left:0; padding:0 1.25em; transform:translateY(-50%); text-align:center; overflow-wrap:anywhere;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody{flex:4; display:block;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr{display:table; width:100%;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr th{display:table-cell; width:33.333%;/* padding:12px 14px; font-size:.938rem;*/} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr td{display:table-cell; width:66.666%;} #subContents .sub_02_01 .tab ul li{flex:1 1 25%;} #subContents .sub_02_01 .tab ul li .tabLink{height:100%;} #subContents .sub_02_01 .tableW table tr th.rowti2{overflow-wrap:anywhere;} #subContents .sub_02_02 .tab ul li{flex:1 1 25%;} #subContents .sub_02_02 .tab ul li .tabLink{height:100%;} #subContents .sub_03 .con.write.scholarship .titleW {margin: 0 auto 1.2em; padding: 1.25em 1.25em 1.5em; border: 3px solid #0066b3} #subContents .sub_03 .con.write.scholarship .titleW h4 {line-height: 1.4; color: #0066b3; font-size: 1.5rem; font-weight: 500; text-align: center;} #subContents .sub_03 .con.write.scholarship .titleW h4 span {display: inline-block; margin-right: .5em; font-size: 1rem; vertical-align: middle;} #subContents .sub_03 .con.write.scholarship .titleW h4 strong {display: inline-block; vertical-align: middle;} #subContents .sub_03 .con.write .checkW {margin:0 auto 40px; text-align: center;} #subContents .sub_03 .con.write .checkW label {display:inline-block; width:auto; margin:0 auto; text-align:center;} #subContents .sub_03 .con.write .checkW .rental-more{display:inline-block; line-height:1; margin:6px auto 0 12px; padding:0 0 3px; background:none; border-bottom:1px solid #959b9d; color:#959b9d; font-size:.938rem; vertical-align:middle;} #subContents .sub_03 .con.write .checkW .rental-more:focus, #subContents .sub_03 .con.write .checkW .rental-more:hover{color:#646464; border-color:#646464;} #subContents .sub_03 .con.write .checkW .rental-modal{display:none; position:relative; width:100%; margin:12px auto 0; padding:20px; background:#fafafa; border:1px solid #ddd; border-radius:12px;} #subContents .sub_03 .con.write .checkW .rental-modal .modalW{line-height:1.4; font-size:.875rem; text-align:left; word-break:keep-all;} #subContents .sub_03 .con.write .checkW .rental-modal .modalW .conTitle{} #subContents .sub_03 .con.write .checkW .rental-modal .modalW .conTitle h6{margin:0 auto 4px;} #subContents .sub_03 .con.write .checkW .rental-modal .modalW p.info{margin:0 auto 12px; text-align:left;} #subContents .sub_03 .con.write .checkW .rental-modal .modalW ol{} #subContents .sub_03 .con.write .checkW .rental-modal .modalW ol li{} #subContents .sub_03 .con.write .checkW .rental-modal .modalW ol li p{color:#646464; font-size:.938rem;} #subContents .sub_03 .con.write .checkW .rental-modal .modalW ol li p.ti{line-height:1.4; color:#333; font-size:1rem; font-weight:500;} #subContents .sub_03 .con.write .checkW .rental-modal .rental-modal-close{position:absolute; line-height:0; padding:10px 12px; top:0; right:0; background:none; color:#959b9d; font-size:1rem;} #subContents .sub_03 .con.write .request{text-align:center;} #subContents .sub_03 .con.write .request button, #subContents .sub_03 .con.write .request a{display:inline-block; min-width:200px; height:auto; line-height:1; margin:0 auto; padding:20px 24px; background:#fff; border:1px solid #959b9d; border-radius:8px; color:#959b9d; font-size:1.25rem; vertical-align:middle;} #subContents .sub_03 .con.write .request button span, #subContents .sub_03 .con.write .request a span{} #subContents .sub_03 .con.write .request button:focus, #subContents .sub_03 .con.write .request button:hover, #subContents .sub_03 .con.write .request a:focus, #subContents .sub_03 .con.write .request a:hover{background:#959b9d; color:#fff;} #subContents .sub_03 .con.write table tr td input, #subContents .sub_03 .con.write table tr td select, #subContents .sub_03 .con.write table tr td textarea{width:100%; padding:6px 8px; border:1px solid #ddd; border-radius:4px; color:#333; font-size:.938rem; letter-spacing:-.035em;} #subContents .sub_03 .con.write table tr td select, #subContents .sub_03 .con.write table tr td.date input, #subContents .sub_03 .con.write table tr td.time input{width:auto; max-width:100%;} #subContents .sub_03 .con table textarea {width:100%; min-height:8.5em; padding:6px 8px; border:1px solid #ddd; border-radius:4px; color:#333; font-size:.938rem; line-height: 1.5; letter-spacing:-.035em; resize:vertical;} #subContents .sub_03 .con input[type="number"]::-webkit-outer-spin-button, #subContents .sub_03 .con input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;} #subContents .sub_03 .con input[type="number"]{-moz-appearance:textfield;} #subContents .sub_03 .con.nodata {margin:40px auto 0; padding:120px 4%; background:#f7f7f7; border:1px solid #ddd;} #subContents .sub_03 .con.nodata p{color:#959b9d;text-align:center;} #subContents .sub_03 .con.write.scholarship {margin:40px auto 0;} #subContents .sub_03 .con .tableW table tr th {line-height: 1.25; padding: 15px 14px;} #subContents .sub_03 .con .tableW table tr td ul.selectW {display: flex; justify-content: flex-start; height: 100%;} #subContents .sub_03 .con .tableW table tr td ul.selectW li {align-self: center; display: inline-block;} #subContents .sub_03 .con .tableW table tr td input {height: 100%;} #subContents .sub_03 .con.write .tableW table.table_n {} #subContents .sub_03 .con.write .tableW table.table_n tr {} #subContents .sub_03 .con.write .tableW table.table_n tr th {max-width: 20%; width: 20%;} #subContents .sub_03 .con.write .tableW table.table_n tr th.minith {width: 12%;} #subContents .sub_03 .con.write .tableW table.table_n tr td {max-width: 30%; width: 30%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr {display: flex;} #subContents .sub_03 .con.write .tableW table.table_n01 tr th {max-width: 20%; flex: 1 1 20%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr th.file {padding: 22px 14px;} #subContents .sub_03 .con.write .tableW table.table_n01 tr td {max-width: 30%; flex: 1 1 30%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr td.date {align-self: center;} #subContents .sub_03 .con.write .tableW table.table_n01 tr:last-child th, #subContents .sub_03 .con.write .tableW table.table_n01 tr:last-child td {border-bottom: 0;} #subContents .sub_03 .con.write .tableW table.table_n01 tr td:last-child {border-right: 0;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w50 {flex-direction: row;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w50 th {max-width: 50%; flex: 1 1 50%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w50 td { max-width: 50%; flex: 1 1 50%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w100 {flex-direction: column;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w100 th {max-width: 100%; width: 100%; flex: 1 1 100%; text-align: left; border-right: 0;} #subContents .sub_03 .con.write .tableW table.table_n01 tr.w100 td {max-width: 100%; width: 100%; flex: 1 1 100%;} #subContents .sub_03_01 .con ul.check.big{display:flex; flex-wrap:wrap; gap:2em;} #subContents .sub_03_01 .con ul.check.big li{flex:1; margin:0; padding:1em 1.25em 1.25em 2.875em; border:1px solid #ddd; border-radius:8px;} #subContents .sub_03_01 .con ul.check.big li:before{top:calc(1em + 6px); left:1.25em;} #subContents .sub_03_02 .con.write .checkW {margin-top: 24px;} #subContents .sub_03_02_01 .tab ul li, #subContents .sub_03_02_02 .tab ul li{width:50%;} #subContents .sub_03_02_01 .con ul.infographic{margin:0 auto 20px; text-align:center;} #subContents .sub_03_02_01 .con ul.infographic li{display:inline-block; position:relative; width:232px; height:162px; margin:0 10px; background:transparent url('../images/sub/03/bg_arrow_top.png') no-repeat center / contain; color:#fff; font-size:1rem;} #subContents .sub_03_02_01 .con ul.infographic li span.txtW{position:absolute; line-height:1.4; top:50%; left:50%; transform:translate(-50%,-28%);} #subContents .sub_03_02_01 .con ul.infographic li span.big{font-size:1.25rem; font-weight:500;} #subContents .sub_03_02_01 .con ul.infographic li strong{color:#fff238; font-size:1.25rem; font-weight:500;} #subContents .sub_03_02_01 .con ul.infographic li strong span.big{font-size:1.75rem; font-weight:bold;} #subContents .sub_03_02_01 .con table tr td.bluebg{color:#0066b3; font-weight:500;} #subContents .sub_03_02_01 .con table tr td strong{font-size:1.125rem;} #subContents .sub_03_02_01 .con table tr td .red{color:#da4648;} #subContents .sub_03_02_01 .con table.subject tr th{width:auto;} #subContents .sub_03_02_01 .con table.subject tr td{width:30%;} #subContents .sub_03_02_01 .con table tr td.subject select {margin: 0 auto .25em;} #subContents .sub_03_02_01 .con table tr td.subject select:last-child {margin: 0;} #subContents .sub_03_02_01 .con table tr td.subject select.grouping {width: auto;} #subContents .sub_03_02_01 .con table tr td.subject select.complete_subject {width: 100%;} #subContents .sub_03_03 .tab > ul li {flex:1 1 33.333%; position:relative;} #subContents .sub_03_03 .tab > ul li a {height: 100%;} #subContents .sub_03_03 .tab > ul li a span {display: inline-block; overflow-wrap: anywhere; position: relative; top: 50%; transform: translateY(-50%);} #subContents .sub_03_03 .selectW {display: inline-block; width: calc(100% - 310px - 5em);} #subContents .sub_03_03 .selectW .area ul {} #subContents .sub_03_03 .selectW .area ul li {padding-bottom: .625em; margin: 0 auto .625em; border-bottom: 1px dotted #d1d1d1;} #subContents .sub_03_03 .selectW .area ul li:first-child {padding-top: .625em; border-top: 1px dotted #d1d1d1;} #subContents .sub_03_03 .selectW .area:last-child ul li:first-child{padding-top: 0; border-top: 0;} #subContents .sub_03_03 .selectW .area:last-child ul li:last-child {margin: 0;} #subContents .sub_03_03 .selectW .area ul li label {display: flex; align-items: center; gap: 1.5em; margin: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW {display: flex; justify-content: space-between; width: 100%; cursor: pointer; position: relative;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW {} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .mini {} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .mini p.level {color: #0066b3; font-size: .875em; line-height: 1.25;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .mini p.level span {} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW {} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti {display: inline-block; padding-right: .5em; margin-right: .25em; font-size: 1.125em; position: relative; transition: .3s;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti::after {content: ''; display: inline-block; width: 1px; height: 14px; background: #88b2df; position: absolute; right: 0; top: 54%; transform: translateY(-50%);} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti:last-child {padding: 0; margin: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti:last-child::after {content: none;} #subContents .sub_03_03 .selectW .area ul li label:hover .txtW .titW .tiW p.ti, #subContents .sub_03_03 .selectW .area ul li label:focus .txtW .titW .tiW p.ti {color: #f79433;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW {align-content: flex-end;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag {display: inline-block; min-width: 52px; border: 1px solid #88b2df; border-radius: 4px; color: #003372; font-size: .875em; text-align: center; margin-right: 6px;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag:last-child {margin-right: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag.credit {background: #fff;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag.semester {background: #88b2df; color: #fff;} #subContents .sub_03_03 .con label.btn.select input.pick ~ span.checkmark{width:22px; height:22px;} #subContents .sub_03_03 .con label.btn.select input.pick:checked ~ span.checkmark{background: transparent; border-color:#0066b3;} #subContents .sub_03_03 .con label.btn.select input.pick.opt{} #subContents .sub_03_03 .con label.btn.select input.pick.opt ~ span.checkmark{background: url('../images/sub/ico_cancel.png') no-repeat center; border-radius:2px; overflow: hidden; vertical-align:middle; transition: .3s;} #subContents .sub_03_03 .con label.btn.select:hover input.pick.opt ~ span.checkmark, #subContents .sub_03_03 .con label.btn.select:focus input.pick.opt ~ span.checkmark {background: url('../images/sub/ico_cancel_hover.png') no-repeat center;} #subContents .sub_03_03 .con label.btn.select input.pick.opt:checked ~ span.checkmark{background: transparent;} #subContents .sub_03_03 .con label.btn.select input.pick.opt ~ span.checkmark:after{width:22px; height:22px; top:50%; left:50%; transform: translate(-50%, -50%); background:transparent;} #subContents .sub_03_03 .con label.btn.select input.pick.opt:checked ~ span.checkmark:after{background:url('../images/sub/ico_opt.png') no-repeat center; transition: .3s;} #subContents .sub_03_03 .selectedW {display: inline-block; width: 310px; margin: 4.69em auto 0; border-radius: 4px 4px 0 0; overflow: hidden; position: sticky; top: 20px; float: right;} #subContents .sub_03_03 .selectedW button {height: fit-content; background: none; border: 0; padding: 0; line-height: 1.5;} #subContents .sub_03_03 .selectedW .tiW {background: #003372; padding: 1.25em 1.5em;} #subContents .sub_03_03 .selectedW .tiW p.title {color: #fff; font-weight: 500; text-align: center;} #subContents .sub_03_03 .selectedW .boxW {border: 1px solid #003372; border-radius: 0 0 4px 4px; overflow: hidden; margin-bottom: .75em;} #subContents .sub_03_03 .selectedW .boxW .listW {min-height: 170px; /*항목 5줄*/ max-height: 100%; /*항목 12줄*/ background: #fff; overflow-y: auto;} #subContents .sub_03_03 .selectedW .boxW .listW ul {padding: .5em 0;} #subContents .sub_03_03 .selectedW .boxW .listW ul li {padding: .25em 1em;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected {display: flex; align-items: center; gap: .25em; border: 0;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti {max-width: 265px; font-size: .938em; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span {padding-right: .5em; margin-right: .25em; position: relative;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span:last-child {padding-right: 0;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span::after {content: ''; display: inline-block; width: 6px; height: 1px; background: #666; position: absolute; right: -3px; top: 54%; transform: translateY(-50%);} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span:last-child::after {content: none;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span.standard {} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .ti span.course {} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .clear {display: inline-block;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .clear .btn {font-size: .938em; position: relative; transition: .3s;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .clear .btn:hover, #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .clear .btn:focus {opacity: .5;} #subContents .sub_03_03 .selectedW .boxW .listW ul li .selected .clear .btn::after {content: '\f057'; color: #da4648;} #subContents .sub_03_03 .selectedW .boxW .refreshW {padding: 0 0 .75em; margin: 0 1em; text-align:center;} #subContents .sub_03_03 .selectedW .boxW .refreshW .btn {width: 100%; background: #fff; border: 1px solid #d3d3d3; padding: .625em 1.25em; color: #757575; transition: .3s;} #subContents .sub_03_03 .selectedW .boxW .refreshW .btn:hover, #subContents .sub_03_03 .selectedW .boxW .refreshW .btn:focus {background: #eee;} #subContents .sub_03_03 .selectedW .boxW .refreshW .btn span {} #subContents .sub_03_03 .selectedW .boxW .refreshW .btn span::before {content: '\f021'; display: inline-block; margin-right: .25em;} #subContents .sub_03_03 .selectedW .submitW {text-align: center;} #subContents .sub_03_03 .selectedW .submitW .btn {width: 100%; background: #0066b3; padding: 1em 1.25em; color: #fff; font-weight: bold;} #subContents .sub_03_03 .selectedW .submitW .btn:hover, #subContents .sub_03_03 .selectedW .submitW .btn:focus {background: #097bd1; color: #fff;} #subContents .sub_03_03 .selectedW .submitW .btn span {font-size: 1.25em;} #subContents .sub_03_result .con {} #subContents .sub_03_result .con .announcement {margin: 0 auto 1.875em;} #subContents .sub_03_result .con .announcement p {color: #333; font-size: 1.625em; text-align: center; font-weight: 500;} #subContents .sub_03_result .con .announcement p strong {color: #da4648; font-weight: inherit;} #subContents .sub_03_result .con .info p {padding-left: 10px;} #subContents .sub_03_result .con .info a.tel {margin-left: .5em;} #subContents .sub_03_result .con .info a.tel:hover, #subContents .sub_03_result .con a.tel:focus {color: #959b9d;} #subContents .sub_03_result .con .info a.tel::before {content: '\f095'; margin-right: .375em; color: inherit;} #subContents .sub_03_04 .con{} #subContents .sub_03_04 .con.list{} #subContents .sub_03_04 .con.list.laptop{/*display:inline-block; display:flex; flex-wrap:wrap;*/ position:relative; width:100%; margin-bottom: 1.5em;} #subContents .sub_03_04 .con.list.laptop .calenderW{display:inline-block; float:left; width:32%; padding:24px; border:1px solid #ddd;} #subContents .sub_03_04 .con.list.laptop .calenderW ul{} #subContents .sub_03_04 .con.list.laptop .calenderW ul li{margin:12px auto 0; padding-left: 0;} #subContents .sub_03_04 .con.list.laptop .calenderW ul li p.point.nobullet strong{font-weight:500;} /*#subContents .sub_03_04 .con.list.laptop .calenderW p.point.target{margin:12px auto 0;}*/ #subContents .sub_03_04 .con.list.laptop .calenderW p.point.target strong{font-weight:500;} #subContents .sub_03_04 .con.list.laptop .listW{/*display:inline-block; float:right; width:68%; padding-left:4%;*/ position:relative;} #subContents .sub_03_04 .con.list.laptop .listW .conTitle h5 strong{color:#0066b3;letter-spacing:-.035em;} #subContents .sub_03_04 .con.list.laptop .listW .tableW {position:relative; /*max-height:320px;*/ border:1px solid #959b9d; border-top:3px solid #0066b3; overflow:auto;} #subContents .sub_03_04 .con.list.laptop .listW table{border-top:none;} #subContents .sub_03_04 .con.list.laptop .listW table thead{position:sticky; top:0; box-shadow:0 1px 1px rgba(149,155,157,1.0);} #subContents .sub_03_04 .con.list.laptop .listW table tr, #subContents .sub_03_04 .con.list.laptop .listW table tr td{transition:.2s;} #subContents .sub_03_04 .con.list.laptop .listW table tr:hover, #subContents .sub_03_04 .con.list.laptop .listW table tr td:hover{background:#fafafa;} #subContents .sub_03_04 .con.list.laptop .listW table tr th {padding: 8px 14px; font-size: .938em;} #subContents .sub_03_04 .con.list.laptop .listW table tr td {padding: 10px 14px;} #subContents .sub_03_04 .con.list.laptop .listW table tr > .item{width: 15%; padding: 8px;} #subContents .sub_03_04 .con.list.laptop .listW table tr > .name{width: 40%;} /*#subContents .sub_03_04 .con.list.laptop .listW table tr > .number{}*/ /*#subContents .sub_03_04 .con.list.laptop .listW table tr > .status{width:14%;}*/ #subContents .sub_03_04 .con.list.laptop .listW table tr > .count{width: 35%;} #subContents .sub_03_04 .con.list.laptop .listW table tr > .choice{width:10%;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.name{word-break:break-all; word-wrap:break-word;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status{} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span{width:100%;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.tag{font-weight:500;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.tag.rental{/*color:#da4648;*/color:#646464;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.tag.available{color:#0066b3;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.tag.apply{color:#da4648;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.date{display:block; margin:4px auto 0; color:#959b9d; font-size:.813rem;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.status span.date br{display:none;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.date{} #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice button.btn.select {min-width: 72px; background: transparent; border: none; /*background: #b4d5f8; border: 1px solid #88b2df; border-radius: 4px;*/ color: #0066b3; font-size: .813rem; font-weight: 500; text-align: center; transition: .2s;cursor: default} /* #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice button.btn.select:focus, #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice button.btn.select:hover {background: #0066b3; border-color: #0066b3; color: #fff;} */ #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice button.btn.select.on {/*background: #f7f4d4; border-color: #fb9d51;*/ color: #fb9d51; cursor: default;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.count span.spare{font-weight: 600; color: #f79433;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.count span.spare.full {color: #999;} #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice{} #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice.using{} #subContents .sub_03_04 .con.list.laptop .listW table tr td.choice.using button{background: #88b2df; border: 0; color: #fff; cursor: default;} #subContents .sub_03_04 .con.list.laptop .listW table tr th.item .itemImg {max-width: 100%; min-width: 80px; margin: 0 auto;} #subContents .sub_03_04 .con.txtW p.point + ul.list {margin: .5em 0 1.25em;} #subContents .sub_03_04 .con.txtW ul.list li {margin: 0 auto 5px;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td selct, #subContents .sub_03_04 .con.write.laptop .tableW table tr td input{background:#fff;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td select {width: fit-content;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td input {height: auto;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td input.sdate, #subContents .sub_03_04 .con.write.laptop .tableW table tr td input.edate {width: 7em;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td input.visit.time{width:auto;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td .dash {margin: 0 .4em 0;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td .date_info {display:block; margin:.25em 0 auto; color: #da4648; font-size: .935em; line-height: 1.25; text-align: left; word-break: break-all;} #subContents.subW_03_05_01 .tab > ul, #subContents.subW_03_05_02 .tab > ul {justify-content: center;} #subContents.subW_03_05_01 .tab > ul li, #subContents.subW_03_05_02 .tab > ul li {max-width: fit-content;} #subContents.subW_03_05_01 .tab > ul li:before, #subContents.subW_03_05_02 .tab > ul li:before, #subContents.subW_03_05_01 .tab > ul li:after, #subContents.subW_03_05_02 .tab > ul li:after {content: none;} #subContents.subW_03_05_01 .tab > ul li .tabLink, #subContents.subW_03_05_02 .tab > ul li .tabLink {background: none; color: #777; border: 0; padding: 0 20px; transition: .3s;} #subContents.subW_03_05_01 .tab > ul li .tabLink::before, #subContents.subW_03_05_02 .tab > ul li .tabLink::before {content: ''; display: inline-block; width: 0; height: 0; opacity: .2; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;} #subContents.subW_03_05_01 .tab > ul li .tabLink::after, #subContents.subW_03_05_02 .tab > ul li .tabLink::after {content: none;} #subContents.subW_03_05_01 .tab > ul li .tabLink:focus, #subContents.subW_03_05_02 .tab > ul li .tabLink:focus, #subContents.subW_03_05_01 .tab > ul li .tabLink:hover, #subContents.subW_03_05_02 .tab > ul li .tabLink:hover {color: #0066b3;} #subContents.subW_03_05_01 .tab > ul li .tabLink:focus::before, #subContents.subW_03_05_02 .tab > ul li .tabLink:focus::before, #subContents.subW_03_05_01 .tab > ul li .tabLink:hover::before, #subContents.subW_03_05_02 .tab > ul li .tabLink:hover::before {width: 34px; height: 34px; background: #88b2df;} #subContents.subW_03_05_01 .tab > ul li .tabLink.active, #subContents.subW_03_05_02 .tab > ul li .tabLink.active {box-shadow: none; color: #333;} #subContents.subW_03_05_01 .tab > ul li .tabLink.active::before, #subContents.subW_03_05_02 .tab > ul li .tabLink.active::before {width: 10px; height: 10px; background: #0066b3; opacity: 1; position: absolute; top: -16px; left: 50%; transform: translateX(-50%);} #subContents .sub_03_06 .con{} #subContents .sub_03_06 .con ul.imgW {display: flex; justify-content: space-between; gap: 0.5em;} #subContents .sub_03_06 .con ul.imgW li {max-width: calc(550px - 0.25em);} #subContents .sub_03_06 .con ul.imgW li img {width: 100%;} #subContents .sub_03_06 .con ul.list.rules {display: flex; flex-wrap: wrap; padding-top: 10px;} #subContents .sub_03_06 .con ul.list.rules > li {width: 50%; margin: 0 auto 30px; padding-left: 60px;} #subContents .sub_03_06 .con ul.list.rules > li:before {width: 48px; height: 48px; background-repeat: no-repeat; background-size: cover; background-position: center; top: 50%; transform: translateY(-50%);} #subContents .sub_03_06 .con ul.list.rules > li:first-child:before {background: url(../images/sub/03/ico_rule01.png) 0 0 / cover;} #subContents .sub_03_06 .con ul.list.rules > li:nth-child(2):before {background: url(../images/sub/03/ico_rule02.png) 0 0 / cover;} #subContents .sub_03_06 .con ul.list.rules > li:nth-child(3):before {background: url(../images/sub/03/ico_rule03.png) 0 0 / cover;} #subContents .sub_03_06 .con ul.list.rules > li:nth-child(4):before {background: url(../images/sub/03/ico_rule04.png) 0 0 / cover;} #subContents .sub_03_06 .con p.point {padding-left: 0;} #subContents .sub_03_06 .con p.point::before {display: none;} #subContents .sub_03_07 .tab > ul li{flex:1 1 33.333%;} #subContents.subW_03_07_01 .conTitle h3 span.depth03, #subContents.subW_03_07_02 .conTitle h3 span.depth03, #subContents.subW_03_07_03 .conTitle h3 span.depth03{display:none;} #subContents .sub_03_07_02 .con{} #subContents .sub_03_07_02 .con.list{} #subContents .sub_03_07_02 .con.list.room{display:inline-block; display:flex; flex-wrap:wrap; position:relative; width:100%;} #subContents .sub_03_07_02 .con.list.room .calenderW{display:inline-block; float:left; width:30%; padding:30px; border:1px solid #ddd;} #subContents .sub_03_07_02 .con.list.room .listW{display:inline-block; float:right; position:relative; width:70%; padding-left:4%;} #subContents .sub_03_07_02 .con.list.room .listW .conTitle h5 strong{color:#0066b3;letter-spacing:-.035em;} #subContents .sub_03_07_02 .con.list.room .listW span.tag{display:inline-block; width:14px; height:14px; background:#fff; border:1px solid #959b9d; border-radius:50%; box-sizing:border-box;} #subContents .sub_03_07_02 .con.list.room .listW span.tag.ok{} #subContents .sub_03_07_02 .con.list.room .listW span.tag.end{background:#b4d5f8; border-color:#88b2df;} #subContents .sub_03_07_02 .con.list.room .listW span.tag.no1{background:#b4d5f8; border-color:#88b2df;} #subContents .sub_03_07_02 .con.list.room .listW span.tag.no2{background:#ddd; border-color:#ccc;} #subContents .sub_03_07_02 .con.list.room .listW span.tag.now{background:#4C4C4D; border-color:#4C4C4D;} #subContents .sub_03_07_02 .con.list.room .listW .tableW{position:relative; max-height:320px; margin:0 auto 12px; border:1px solid #959b9d; border-top:3px solid #0066b3; overflow:auto;} #subContents .sub_03_07_02 .con.list.room .listW ul.info{text-align:right;} #subContents .sub_03_07_02 .con.list.room .listW ul.info li{display:inline-block; margin-left:12px;} #subContents .sub_03_07_02 .con.list.room .listW ul.info li:first-child{margin-left:0;} #subContents .sub_03_07_02 .con.list.room .listW ul.info li span{display:inline-block; vertical-align:top;} #subContents .sub_03_07_02 .con.list.room .listW ul.info li span.tag{margin-right:4px;} #subContents .sub_03_07_02 .con.list.room .listW ul.info li span.txt{color:#959b9d; font-size:.813rem;} #subContents .sub_03_07_02 .con.list.room .listW table{border-top:none;} #subContents .sub_03_07_02 .con.list.room .listW table thead{position:sticky; top:0; box-shadow:0 1px 1px rgba(149,155,157,1.0);} #subContents .sub_03_07_02 .con.list.room .listW table thead th{min-width:44px; padding:12px 2px; font-size:.875rem;} #subContents .sub_03_07_02 .con.list.room .listW table thead th.name{padding:12px 14px; font-size:.938rem;} #subContents .sub_03_07_02 .con.list.room .listW table th.rowti.room{min-width:128px; line-height:1.2; color:#0066b3; font-size:.938rem; font-weight:500;} #subContents .sub_03_07_02 .con.list.room .listW table th.rowti.room span.mem{color:#959b9d; font-size:.813rem;} #subContents .sub_03_07_02 .con.list.room .listW table tr td{padding:6px 2px;} #subContents .sub_03_07_02 .cancel{background:#DDD} #subContents .sub_04_03 .con .tab ul li{width:33%;} #subContents .sub_04_03 .con .conTitle h4 span.date {color: #003372; margin-left: 6px; font-size: 0.91em;} #subContents .sub_04_03 .con .imgW {text-align: center;} #subContents .sub_04_03 .con .imgW img {max-width: 650px;} #subContents .sub_04_03 .con .tableW table td {} #subContents .sub_04_03 .con .tableW table td img {max-width: 850px;} /* #subContents .sub_04_03 .imgW li{text-align:center;} #subContents .sub_04_03 .imgW li:first-child{margin-bottom:20px;} #subContents .sub_04_03 .imgW li:first-child img{max-width:650px;} */ #subContents .tab ul li.sub_98_01_01, #subContents .tab ul li.sub_98_01_02, #subContents .tab ul li.sub_98_01_03{width:33.3%;} #subContents.subW_98_01_01 .conTitle h3 span.depth03, #subContents.subW_98_01_02 .conTitle h3 span.depth03, #subContents.subW_98_01_03 .conTitle h3 span.depth03{display:none;} #subContents .sub_98_01 .con{} #subContents .sub_98_01 .con.list{display:inline-block; display:flex; flex-wrap:wrap; position:relative; width:100%;} #subContents .sub_98_01 .con.list .tableW{position:relative; overflow:auto;} #subContents .sub_98_01 .con.list table thead{position:sticky; top:0; box-shadow:0 1px 1px rgba(149,155,157,1.0);} #subContents .sub_98_01 .con.list table tr, #subContents .sub_98_01 .con.list table tr td{transition:.2s;} #subContents .sub_98_01 .con.list table tr:hover, #subContents .sub_98_01 .con.list table tr td:hover{background:#fafafa;} #subContents .sub_98_01 .con.list table tr th.num{padding:15px 4px;} #subContents .sub_98_01 .con.list table tr td.num{padding:12px 4px;} #subContents .sub_98_01 .con.list table tr td.period br {display: none;} #subContents .sub_98_01 .con.list table tr td.period span{display:inline-block; line-height:1; margin-right:2px; padding:4px 6px 6px; border:1px solid #ddd; background:#fafafa; border-radius:2px;} #subContents .sub_98_01 .con.list table tr td.period span:last-child{margin-right:0;} #subContents .sub_98_01 .con.list table tr td.renew button.btn.renew{height:auto; line-height:1; padding:6px 10px 7px; background:#fff; border:1px solid #f79433; border-radius:4px; color:#da4648; font-size:.813rem; font-weight:500; text-align:center; transition:.2s;} #subContents .sub_98_01 .con.list table tr td.renew button.btn.renew:focus, #subContents .sub_98_01 .con.list table tr td.renew button.btn.renew:hover{background:#feecda;} #subContents .sub_98_01 .con.list table tr td.print button.btn.select{height:auto; line-height:1; padding:6px 10px 7px; background:#fff; border:1px solid #88b2df; border-radius:4px; color:#0066b3; font-size:.813rem; font-weight:500; text-align:center; transition:.2s;} #subContents .sub_98_01 .con.list table tr td.print button.btn.select span{} #subContents .sub_98_01 .con.list table tr td.print button.btn.select:focus, #subContents .sub_98_01 .con.list table tr td.print button.btn.select:hover{background:#0066b3; border-color:#0066b3; color:#fff;} #subContents .sub_98_01 .con.list table tr td.print button.btn.select:disabled{background:#ddd; border-color:#ddd; color:#959b9d; cursor:not-allowed;} #subContents .sub_98_01 .con.list table tr td.rent_info {text-align: center;} #subContents .sub_98_01 .con.list table tr td.rent_info:hover {background: #fff;} #subContents .sub_98_01 .con.list .pg_wrap{width:100%;} #subContents .sub_98_01 .modalWrap.renewW{position:fixed; width:100%; height:100%; bottom:0; right:0; background:transparent; overflow:hidden; visibility:hidden; opacity:0; transition:opacity .3s ease-in-out; z-index:-1;} #subContents .sub_98_01 .modalWrap.renewW .modalConW{display:flex; align-items:center; position:absolute; width:100%; width:max-content; min-width:400px; max-width:fit-content; height:100vh; height:100dvh; height:auto; max-height:90%; top:50%; left:50%; opacity:0; transform:translate(-50%, -50%); transition:opacity .2s ease-in-out;} #subContents .sub_98_01 .modalWrap.renewW .modalCon{width:100%; max-width:80vw; height:auto; max-height:100%; max-height:80vh; padding:2.4em; background:#fff; border-radius:12px; box-shadow:3px 3px 8px rgba(0,0,0,0.1); overflow-y:auto;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con{margin:0 auto;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con:first-child{margin-top:0;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con:last-child{margin-bottom:0;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .tableW table tr td{} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .tableW table tr td input{width:100%; max-width:100%; margin:0; padding:6px 8px; background:#fff; border:1px solid #ddd; border-radius:4px; color:#333; font-size:.938rem; letter-spacing:-.035em;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .request{text-align:center;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .request button{display:inline-block; min-width:180px; height:auto; line-height:1; margin:0 auto; padding:16px 24px; background:#fff; border:1px solid #959b9d; border-radius:8px; color:#959b9d; font-size:1.125rem; vertical-align:middle;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .request button span{} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .request button:focus, #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .request button:hover{background:#959b9d; color:#fff;} #subContents .sub_98_01 .modalWrap.renewW .modalClose{position:absolute; line-height:0; padding:10px 12px; top:0; right:0; background:none; color:#959b9d; font-size:1rem;} #subContents .sub_98_01 .modalWrap.renewW .modalBg{position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.2); opacity:0; z-index:-1; transition:opacity 0.2s ease-in-out;} #subContents .sub_98_01 .modalWrap.renewW.open{visibility:inherit; opacity:1; z-index:1000;} #subContents .sub_98_01 .modalWrap.renewW.open .modalConW{opacity:1;} #subContents .sub_98_01 .modalWrap.renewW.open .modalBg{opacity:1;} #subContents .subEtc_sitemap .con{clear:none; float:left; width:27%; margin:0 5% 50px 0;} #subContents .subEtc_sitemap .con:nth-child(3n){margin:0 0 50px;} #subContents .subEtc_sitemap .con:nth-child(3n+1){clear:both; float:left;} #subContents .subEtc_sitemap .con:last-child{display:none;} #subContents .subEtc_sitemap .conTitle h4{margin-bottom:15px;} #subContents .subEtc_sitemap .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; overflow-wrap:anywhere;} #subContents .subEtc_sitemap .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 .subEtc_sitemap .con ul{margin:0; padding:20px; background:#fcfcfc; border:1px solid #dedede;} #subContents .subEtc_sitemap .con ul li{display:inline-block; position:relative; width:100%; margin:0 auto 12px; padding:0 0 0 12px; vertical-align:top;} #subContents .subEtc_sitemap .con ul li:last-child{margin:0 auto;} #subContents .subEtc_sitemap .con ul li:before{content:''; display:inline-block; position:absolute; width:4px; height:2px; top:9.5px; left:0; background:#88b2df;} #subContents .subEtc_sitemap .con ul li a{position:relative; font-size:1rem; line-height:1.2; word-break:keep-all; overflow-wrap:anywhere; text-decoration:none;} #subContents .subEtc_sitemap .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 .subEtc_sitemap .con ul li a:focus, #subContents .subEtc_sitemap .con ul li a:hover{color:#0066b3;} #subContents .subEtc_sitemap .con ul li a:focus:after, #subContents .subEtc_sitemap .con ul li a:hover:after{width:96%; opacity:1;} #subContents .subEtc_sitemap .con ul li ul{margin:7px 0 0 2px; padding:0; border:none;} #subContents .subEtc_sitemap .con ul li ul li{width:100%; margin:4px 0; padding:0 0 0 8px;} #subContents .subEtc_sitemap .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 .subEtc_sitemap .con ul li ul li a{font-size:0.938rem; line-height:1;} #subContents .subEtc_sitemap .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 .subEtc_email .con .box{padding:20px 25px; background:#f7f7f7; border:1px solid #ddd;} #subContents .subEtc_email .con .conTitle h6{margin:0 0 12px;} #subContents .subEtc_email .con ol{clear:both; width:100%;} #subContents .subEtc_email .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere;} #subContents .subEtc_email .con ol > li:last-child{margin-bottom:0;} #subContents .conTitle + #bo_list, #subContents .conTitle + #bo_gall, #subContents .conTitle + #bo_w, #subContents .conTitle + script + #bo_v{position:relative; margin-top:-28px; z-index:2;} #subContents.subW_04_02 #bo_cate li{width:33.333%;} @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 h4{margin:20px 0;} #subContents .tableW{overflow-x:auto;} #subContents .sub_01_01 .con .intro .slogan{line-height:1.8; margin:0 0 32px; font-size:1.8rem;} #subContents .sub_01_01 .con .intro .name{width:65%; font-size:1.313rem;} #subContents .sub_01_03 .con ul.paths li{padding:1.125em 1.25em 1.25em;} #subContents .sub_01_04 .con ol.step{gap:.5em;} #subContents .sub_01_05 .con .diagram ul li p{min-width:230px; font-size:1.125rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li p{min-width:200px;} #subContents .sub_01_05 .con .diagram.type2{padding:28px 20px;} #subContents .sub_01_05 .con .diagram.type2 .ti{width:124px; height:124px;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup{width:80%; right:20px;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody{flex:3;} #subContents .sub_03_03 .selectW {width: calc(100% - 260px - 2.5em);} #subContents .sub_03_03 .selectedW {width: 260px;} } @media only screen and (max-width:1023px){ #subVisual{min-width:296px; height:220px;} #subVisual .title h2{top:44px; font-size:1.75rem;} #path{width:94%; min-width:296px; top:162px; left:3%;} #path ul li:after{margin:0 12px;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{margin-left:-23px;} #path + .inner{padding-bottom:60px;} #subContents{clear:both; width:100%; max-width:915px; min-width:296px; min-height:300px; margin:-60px auto 0; padding:40px 32px;} #subContents .conTitle h3 span{font-size:1.5rem;} #subContents .conTitle h3 span.depth03{font-size:1.125rem;} #subContents .conTitle h3 span.depth03:before{top:0; font-size:1rem;} #subContents .conTitle h3:after{} #subContents .con > .conTitle:first-child h4, #subContents .con > .conTitle:first-child h5{margin-top:10px;} #subContents .con{margin:0 auto 40px;} #subContents .con p{margin-bottom:30px; 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 .sub_01_01 .con .intro .slogan{width:64%; line-height:1.6; font-size:1.625rem;} #subContents .sub_01_01 .con .intro img{width:38%; top:50%; transform:translateY(-50%);} #subContents .sub_01_01 .con .intro .name{font-size:1.188rem;} #subContents .sub_01_02 .con ul.support{position:relative; width:100%; max-width:480px;} #subContents .sub_01_03 .con ul.paths li{padding:1em 1.125em 1.125em;} #subContents .sub_01_04 .con ol.step{align-items:stretch;} #subContents .sub_01_04 .con ol.step li.depth01{flex:1 1 calc(50% - .25em);} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li p{min-width:auto;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 ul li p{min-width:180px;} #subContents .sub_01_05 .con .diagram.type2 .ti{clear:both; float:none; margin:0 auto 20px;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup{display:block; position:relative; float:none; width:100%; top:auto; right:auto; padding:0; transform:translateY(0);} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li{display:inline-block; width:46%; margin:8px 1%;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li p{max-width:100%; min-width:100%;} #subContents .sub_03_01 .con ul.check.big{gap:1em;} #subContents .sub_03_03 .selectW {width: 100%;} #subContents .sub_03_03 .selectedW {width: 100%; margin: 3.125em auto 0; position: relative; top: auto; float: none;} #subContents .sub_03_04 .con.list.laptop .listW .tableW {max-height: 320px;} #subContents .sub_03_07_02 .con.list.room .calenderW{width:240px;} #subContents .sub_03_07_02 .con.list.room .listW{width:calc(100% - 240px); padding-left:20px;} #subContents .sub_98_01 .con.list table tr th{padding:15px 10px;} #subContents .sub_98_01 .con.list table tr td{padding:12px 10px;} #subContents .sub_98_01 .con.list table tr td.period br {display: block;} #subContents .subEtc_privacy .con{margin:0 auto 40px;} #subContents .subEtc_privacy .con .conTitle h4{line-height:1.3; padding:0 0 0 25px; font-size:1.313rem;} #subContents .subEtc_privacy .con .conTitle h4:before{top:5px;} #bo_v_con{overflow-x:auto;} } @media only screen and (max-width:880px){ #subContents .sub_03_04 .con.list.laptop .listW {display: block; float: none; width: 100%; padding-left: 0;} #subContents .sub_03_04 .con.list.laptop .calenderW {display: block; float: none; width: 100%;} #subContents .sub_03_06 .con ul.list.rules > li {margin: 0 auto 26px; padding-left: 54px;} #subContents .sub_03_06 .con ul.list.rules > li:before {width: 42px; height: 42px;} #subContents .sub_03_07_02 .con.list.room .calenderW{width:100%; margin:0 auto 12px; padding:20px;} #subContents .sub_03_07_02 .con.list.room .listW{width:100%; padding-left:0;} #subContents .sub_98_01 .con.list table tr td.print button.btn.select{padding:6px 10px 7px;} } @media only screen and (max-width:768px){ #subVisual{height:160px;} #subVisual .title h2{top:28px;} #path{min-width:auto; top:132px;} #path .inner{min-width:auto; padding:0;} #path ul li{font-size:0.938rem;} #path ul li.btnHome{display:none;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after{width:11px; height:11px; margin-left:4px;} #path ul li ul li a{font-size:0.938rem;} #path + .inner{padding-bottom:40px;} #subContents{min-width:272px; margin:-40px auto 0;} #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{line-height:1.2; 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{line-height:1.5; margin-bottom:28px; font-size:0.938rem;} #subContents .con a.download:before{margin-right:4px;} #subContents .pc_mode { display:none !important;} #subContents .mobile_mode { width: 100%; display: block !important;} #subContents .mobile_mode img { width: 100%; height: 100%;} #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 .tableW table tr th{padding:12px 8px;} #subContents .tableW table tr td{padding:5px 8px 6px;} #subContents .tableW table tr th{font-size:1rem;} #subContents .tableW table tr td{font-size:0.938rem;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul.list.check.big > li:before{top:0;} #subContents .sub_01_01 .con .intro{height:auto; margin:0 auto 28px; padding:20px;} #subContents .sub_01_01 .con .intro .slogan{width:60%; line-height:1.6; margin:0 0 1em; font-size:1.188em; font-size:3.625vw;} #subContents .sub_01_01 .con .intro .slogan strong{display:inline-block; line-height:1.25; margin:.25em 0 0; font-size:1.25em;} #subContents .sub_01_01 .con .intro img{width:44%;} #subContents .sub_01_01 .con .intro .name{font-size:.625em; font-size:2.5vw; text-align:left;} #subContents .sub_01_01 .con .hi p{line-height:1.6; font-size:.875rem;} #subContents .sub_01_02 .con.area02 p.ti{width:90%; padding:.5em 1em; font-size:2.75vw;} #subContents .sub_01_03 .con ul.paths li{flex:1 1 100%;} #subContents .sub_01_04 .con ol.step li.depth01{flex:1 1 100%;} #subContents .sub_01_05 .con .diagram ul li p{font-size:1rem;} #subContents .sub_01_05 .con .diagram.type1 ul li ul li p{font-size:.875rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.head p.blue{font-size:1rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.head p.blue.ti{font-size:1.125rem;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list5{margin-right:18%;} #subContents .sub_01_05 .con .diagram.type2 .ti{width:112px; height:112px; margin:0 auto 12px;} #subContents .sub_01_05 .con .diagram.type2 .ti p{font-size:1rem;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li{width:47%; margin:4px 0.5%;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .cont .section{padding:20px 0;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_address .tit, #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_address .txt{font-size:.938rem;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .root_daum_roughmap .section_address .tit{font-size:1rem;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section .title{font-size:1rem;} #subContents .sub_01_06 .con .tabCon .tabItem.tab1 .os_mac.root_daum_roughmap .section_busstop .wrap_list li a{font-size:0.875rem;} #subContents .sub_01_07 .con ul.uiBox.num2 li{margin:0 auto 5px; padding:40px 20px;} #subContents .sub_01_07 .con ul.uiBox.type2{padding:10px;} #subContents .sub_01_07 .con ul.uiBox.type2 li{padding:20px;} #subContents .sub_01_07 .con .btnBox{margin:20px auto 0;} #subContents .sub_01_07 .con .btnBox a{font-size:1rem;} #subContents .sub_02_01 .con ol li.detail .tableW table thead, #subContents .sub_02_01 .con ol li.detail .tableW table tbody{flex:1 1 100%;} #subContents .sub_02_01 .con ol li.detail .tableW table thead tr th p{position:relative; top:auto; left:auto; transform:translateY(0);} #subContents .sub_02_01 .con ol li.detail .tableW table thead tr th p br{display:none;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr th{width:40%;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr td{width:60%;} #subContents .sub_03 .con.list .searchW{position:relative; max-width:100%; margin:0 auto 12px;} #subContents .sub_03 .con.list .searchW select{float:left; width:28%; padding:4px; border-right:none; border-radius:4px 0 0 4px; font-size:.813rem;} #subContents .sub_03 .con.list .searchW input[type="text"]{float:left; width:56%; padding:4px; border-radius:0; font-size:.813rem;} #subContents .sub_03 .con.list .searchW button[type="submit"]{float:left; width:16%; padding:4px; border-radius:0 4px 4px 0; font-size:.75rem;} #subContents .sub_03 .con.list .searchW button[type="submit"] span{display:none;} #subContents .sub_03 .con.write table tr th {font-size: .938em;} #subContents .sub_03 .con.write table.table_n tr td input, #subContents .sub_03 .con.write table.table_n tr td select, #subContents .sub_03 .con.write table.table_n tr td textarea{margin:1px; font-size:.875rem;} #subContents .sub_03 .con.write .tableW table.table_n {border-bottom: 0;} #subContents .sub_03 .con.write .tableW table.table_n tr {display: flex; flex-wrap: wrap;} #subContents .sub_03 .con.write .tableW table.table_n tr th {max-width: 40%; flex: 1 1 40%; font-size:.938rem} #subContents .sub_03 .con.write .tableW table.table_n tr td {max-width: 60%; flex: 1 1 60%; border-right: 0; font-size:.938rem} #subContents .sub_03 .con.write .tableW table.table_n tr:last-child th, #subContents .sub_03 .con.write .tableW table.table_n tr:last-child td {border-bottom: 1px solid #ddd;} #subContents .sub_03 .con.write .tableW table.table_n tr br, #subContents .sub_03 .con.write .tableW table.table_n tr .empty {display: none;} #subContents .sub_03 .con.write .tableW table.table_n01 tr {display: flex; flex-wrap: wrap; align-content: stretch; width: 100%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr th, #subContents .sub_03 .con.write .tableW table.table_n01 tr.w50 th {max-width: 40%; flex: 1 1 40%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr td, #subContents .sub_03 .con.write .tableW table.table_n01 tr.w50 td {max-width: 60%; flex: 1 1 60%;} #subContents .sub_03 .con.write .tableW table.table_n01 tr th.file {padding: 15px 14px;} #subContents .sub_03 .con.write .checkW{margin:0 auto 20px;} #subContents .sub_03 .con.write .request button, #subContents .sub_03 .con.write .request a{font-size:1.063rem;} #subContents .sub_03_01 .con ul.check.big li{flex:1 1 100%;} #subContents .sub_03_01 .con ul.check.big li:before{top:1em;} #subContents .sub_03_02 .con.write .checkW {margin-top: 12px;} #subContents .sub_03_02_01 .con ul.infographic li{width:36%; padding-bottom:30%; font-size:2vw;} #subContents .sub_03_02_01 .con ul.infographic li span.big{font-size:2.4vw;} #subContents .sub_03_02_01 .con ul.infographic li strong{font-size:3vw;} #subContents .sub_03_02_01 .con ul.infographic li strong span.big{font-size:5vw;} #subContents .sub_03_02_01 .con table tr td strong{font-size:1rem;} #subContents .sub_03_02 .con.write.scholarship .box .tableW table tr.full {} #subContents .sub_03_02 .con.write.scholarship .box .tableW table tr.full th {width: 100%;} #subContents .sub_03_02 .con.write.scholarship .box .tableW table tr.full td {width: 100%;} #subContents .sub_03_03 .selectW .area ul li label {gap: 1em;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti {font-size: 1em;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW {position: absolute; left: 36px; bottom: calc(100% - 19px);} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag {min-width: auto; border: 0; border-radius: 0; padding-right: .5em; margin-right: calc(.5em - 1px); position: relative;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag:last-child {padding-right: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag::after {content: ''; display: inline-block; width: 1px; height: 10px; background: #b4d5f8; position: absolute; right: 0; top: 52%; transform: translateY(-50%);} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag:last-child:after {content: none; padding-right: 0; margin-right: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag.credit, #subContents .sub_03_03 .selectW .area ul li label .txtW .tagW p.tag.semester {background: none; color: #003372;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td .date_info{margin:.2em 0 auto;} #subContents.subW_03_05_01 .conTitle h3, #subContents.subW_03_05_02 .conTitle h3 {margin: 0 auto 40px;} #subContents.subW_03_05_01 .tab > ul li .tabLink, #subContents.subW_03_05_02 .tab > ul li .tabLink {font-size: 1.0625em; padding: 0 14px;} #subContents.subW_03_05_01 .tab > ul li .tabLink:focus::before, #subContents.subW_03_05_02 .tab > ul li .tabLink:focus::before, #subContents.subW_03_05_01 .tab > ul li .tabLink:hover::before, #subContents.subW_03_05_02 .tab > ul li .tabLink:hover::before {width: 30px; height: 30px;} #subContents.subW_03_05_01 .tab > ul li .tabLink.active::before, #subContents.subW_03_05_02 .tab > ul li .tabLink.active::before {width: 8px; height: 8px;} #subContents .sub_03_06 .con ul.list.rules > li {width: 100%;} #subContents .sub_03_06 .con ul.list.rules > li:last-child {margin: 0;} #subContents .sub_03_07_02 .con.list.room .listW table{border:none;} #subContents .sub_03_07_02 .con.list.room .listW table thead th{min-width:32px; font-size:.813rem;} #subContents .sub_03_07_02 .con.list.room .listW table thead th.name{font-size:.875rem;} #subContents .sub_03_07_02 .con.list.room .listW table th.name, #subContents .sub_03_07_02 .con.list.room .listW table th.rowti.room{position:sticky; left:0; padding:12px; box-shadow:inset -1px -.1px 0 rgba(149,155,157,.5);} #subContents .sub_03_07_02 .con.list.room .listW table th.rowti.room{font-size:.875rem;} #subContents .sub_03_07_02 .con.list.room .listW table th.rowti.room span.mem{font-size:.75rem;} #subContents .sub_98_01 .con.list table{border:1px solid #959b9d; border-top:3px solid #0066b3;} #subContents .sub_98_01 .con.list table thead{display:none;} #subContents .sub_98_01 .con.list table tr{display:block; width:100%;} #subContents .sub_98_01 .con.list table tr th{padding:12px 8px;} #subContents .sub_98_01 .con.list table tr td{padding:5px 8px 6px;} #subContents .sub_98_01 .con.list table tr td{display:inline-block; display:flex; align-items:center; width:100% !important; border-right:none; text-align:left;} #subContents .sub_98_01 .con.list table tr td:before{content:attr(data-label); display:block; width:24%; font-weight:700;} #subContents .sub_98_01 .con.list table tr td.num{display:none;} #subContents .sub_98_01 .con.list table tr td.name{background:#f3f3f3;} #subContents .sub_98_01 .con.list table tr td.period br {display: none;} #subContents .sub_98_01 .con.list table tr td.print{border-bottom:1px solid #959b9d;} #subContents .sub_98_01 .con.list table tr:last-child td.print{border-bottom:none;} #subContents .sub_98_01 .con.list table tr td.print button.btn.select{padding:6px 14px 7px;} #subContents .sub_98_01 .con.list table tr td.rent_info {display: block;} #subContents .subEtc_sitemap .con, #subContents .subEtc_sitemap .con:nth-child(3n), #subContents .subEtc_sitemap .con:nth-child(3n+1){clear:both; width:100%; margin:0 auto 30px;} #subContents .subEtc_email .con .box{padding:20px;} } @media only screen and (max-width:580px){ #subContents .sub_01_02 .con.area02{padding:1em .75em;} #subContents .sub_01_02 .con.area02 p.ti{font-size:4vw;} #subContents .sub_01_02 .con.area02 p.ti + ul.list{padding:1.5em 1.125em 1.125em;} #subContents .sub_01_03 .con ul.paths li{padding:.875em .938em .938em;} #subContents .sub_01_03 .con ul.paths li .imgW{flex:1 1 4.5em; width:4.5em;} #subContents .sub_01_03 .con ul.paths li .txtW{flex:1 1 100%;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup:after{bottom:-24px;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list5{margin:0;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list5:after{width:1px; height:24px; top:auto; bottom:0; left:50%;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup2 > ul > li.list6{position:relative; top:auto; right:auto;} #subContents .sub_03 .con.write table tr td select, #subContents .sub_03_02_01 .con table tr td.subject select.grouping {width: 100%;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td select {width: 100%;} #subContents .sub_03_04 .con.write.laptop .tableW table tr td input.sdate, #subContents .sub_03_04 .con.write.laptop .tableW table tr td input.edate {width: calc(50% - 12px);} #subContents .sub_03_04 .con.write.laptop table tr td.date.alignLeft {display: flex; flex-wrap: wrap; align-items: center; text-align: center;} #subContents .sub_04_03 .con .conTitle h4 span.date {display: block; flex: 1 1 100%; margin-left: 0;} } @media only screen and (max-width:540px){ #path{top:128px;} #path ul li{font-size:0.875rem;} #path ul li:after{width:4px; margin:0 4px 0 8px;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{cursor:default; pointer-events:none;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after{display:none;} #path ul li.pathDepth1 button.rotate:after, #path ul li.pathDepth2 button.rotate:after, #path ul li.pathDepth3 button.rotate:after{transform:rotate(0deg);} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{display:none;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul{top:0; opacity:0; visibility:hidden;} #subContents{padding:28px 20px;} #subContents .conTitle h3 span.depth03{display:block;} #subContents .conTitle h3 span.depth03: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{padding:10px 6px; font-size:.875rem;} #subContents .tab > ul li .tabLink.active{box-shadow:0 3px 6px rgba(0,0,0,.1);} #subContents .con .pc_mode { display:none;} #subContents .con .mobile_mode { width: 100% !important; display: block !important;} #subContents .con .mobile_mode img { width: 100%; height: 100%;} #subContents .sub_01_05 .con .diagram ul li p{max-width:100%; min-width:100%;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup:after{height:24px;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul{display:block;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul:before{width:1px; height:100%; bottom:0; left:50%;} #subContents .sub_01_05 .con .diagram.type1 ul li.subgroup ul li{width:100%; margin:2px auto;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup li{width:100%; margin:2px auto;} #subContents .sub_01_05 .con .diagram.type2 ul.subgroup.long li{margin:2px;} #subContents .sub_01_07 .con ul.uiBox.num2 li{padding:20px;} #subContents .sub_01_07 .con ul.uiBox.type2{padding:4px;} #subContents .sub_01_07 .con ul.uiBox.type2 li{width:72%; padding:12px;} #subContents .sub_01_07 .con .btnBox a{width:100%; max-width:280px; padding:8px; font-size:.813rem; word-break:keep-all;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr th{display:block; width:100%; min-height:auto; padding:5px 8px; font-size:.938rem;} #subContents .sub_02_01 .con ol li.detail .tableW table tbody tr td{display:block; width:100%; padding:12px 8px;} #subContents .sub_03_02 .con.write.scholarship table tr th{word-break:keep-all; word-wrap:break-word;} #subContents .sub_03_02_01 .con ul.infographic li{width:44%; margin:0 1%;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .mini {margin-bottom: .25em;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti {display: block; padding-right: 0; margin-right: 0;} #subContents .sub_03_03 .selectW .area ul li label .txtW .titW .tiW p.ti::after {content: none;} #subContents.subW_03_05_01 .tab > ul li .tabLink, #subContents.subW_03_05_02 .tab > ul li .tabLink {font-size: 1em; padding: 0 10px;} #subContents .sub_03_06 .con ul.imgW {flex-wrap: wrap;} #subContents .sub_03_06 .con ul.imgW li {max-width: 100%;} #subContents .sub_03_06 .con ul.list.rules > li {margin: 0 auto 22px; padding-left: 50px;} #subContents .sub_03_06 .con ul.list.rules > li:before {width: 38px; height: 38px;} #subContents .sub_03_07 .tab > ul li{width:auto;} #subContents .sub_04_03 .imgW li:first-child img{max-width:220px;} #subContents .tab ul li.sub_98_01_01, #subContents .tab ul li.sub_98_01_02, #subContents .tab ul li.sub_98_01_03{width:auto;} #subContents .sub_98_01 .con.list table tr td{font-size:.875rem;} #subContents .sub_98_01 .con.list table tr td:before{width:32%; min-width: 90px;} #subContents .sub_98_01 .con.list table tr td.period span{padding:4px;} #subContents .sub_98_01 .modalWrap.renewW .modalConW{min-width:auto;} #subContents .sub_98_01 .modalWrap.renewW .modalCon{max-width:100%; padding:1.75em;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con .conTitle h5 span{display:block; margin-top:.25em;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table{display:block; border:1px solid #959b9d; border-top:3px solid #0066b3;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tbody{display:block;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr{display:block; width:100%;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr th, #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr td{display:block; width:100%; min-height:auto;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr th{padding:8px; border-top:1px solid #ddd; border-right:none; font-size:.938rem;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr:first-child th{border-top:none;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr td{padding:5px 8px 6px;} #subContents .sub_98_01 .modalWrap.renewW .modalCon .con table tr td{border-right:none;} } @media only screen and (max-width:380px){ #subContents .sub_98_01 .con.list table tr td:before{width:40%;} #subContents .sub_98_01 .con.list table tr td.period br {display: block;} }