@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; height:232px; margin:0 auto; padding:0; background:#333; box-sizing:border-box; z-index:0;} #subVisual.subBg01{background:#333 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#333 url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#333 url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#333 url('../images/sub/sub_visual_04.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg05{background:#333 url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg06{background:#333 url('../images/sub/sub_visual_06.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg98{background:#333 url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg99{background:#333 url('../images/sub/sub_visual_99.jpg') no-repeat center center; background-size:cover;} #subVisual.subBgbbs{background:#333 url('../images/sub/sub_visual_bbs.jpg') no-repeat center center; background-size:cover;} #subVisual .title{position:relative; top:65px; width:100%; text-align:center; z-index:2;} #subVisual .title h2{display:inline-block; position:relative; color:#fff; font-size:2.125rem; font-weight:700;} #subVisual:before{content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2) url('../images/pattern_01.png') repeat top left; background-size:6px; z-index:1;} #path{clear:both; position:sticky; width:100%; min-width:1200px; height:60px; top:100px; margin-top:-60px; z-index:3;} #path.sticky{background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);} #path ul{display:inline-block; width:100%; padding:0; background:#fff;} #path ul li{display:block; position:relative; float:left; margin:0 2px 0 0; padding:0;} #path ul li:after{content:''; display:block; position:absolute; width:1px; height:12px; top:50%; right:-2px; margin-top:-6px; background:#ddd; z-index:3;} #path ul li.btnHome{width:60px; height:60px;} #path ul li.btnHome a{display:block; width:100%; height:100%; padding:0; background:url('../images/sub/ico_home.png') no-repeat center center; font-size:0; box-sizing:border-box;} #path ul li.btnHome a:focus, #path ul li.btnHome a:hover{} #path ul li button{position:relative; min-width:180px; height:60px; margin-top:1px; padding:0 50px 0 20px; background:#fff; color:#333; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; z-index:3;} #path ul li button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:18px; margin-top:-2px; border-top:4px solid #3071cf; border-left:4px solid transparent; border-right:4px solid transparent; font-size:0; line-height:0;} #path ul li button:focus, #path ul li button:hover{} #path ul li button.rotate{color:#3071cf;} #path ul li button.rotate:after{border-top:none; border-bottom:4px solid #3071cf;} #path ul li:last-child button{color:#3071cf; font-weight:500;} #path ul li ul{clear:both; display:inline-block; position:absolute; width:auto; min-width:100%; height:auto; padding:8px 0; top:0; left:0; background:#fff; border:1px solid #eee; opacity:0; box-shadow:1px 1px 5px rgba(175,175,175,0.1); visibility:hidden; transition:all .1s ease; z-index:4;} #path ul li.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; text-align:left; border-right:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li:after{display:none;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:block; padding:12px 20px; color:#555; font-size:0.938rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#3071cf;} #path ul li ul li a:focus:before, #path ul li ul li a:hover:before{content:'-'; position:inline-block; margin-right:3px;} #subContents{position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:80px 0 100px; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; box-sizing:border-box;} #subContents .conTitle h3{display:inline-block; position:relative; width:100%; margin-bottom:40px; text-align:center; line-height:1.4; word-break:keep-all;} #subContents .conTitle h3 span{display:block; font-size:2.125rem; font-weight:500;} #subContents .conTitle h4{display:inline-block; position:relative; margin:20px 0 25px; padding:0 0 0 30px; color:#333d66; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:18px; height:18px; top:3px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .conTitle h5{display:block; position:relative; margin:20px 0 14px; padding:0; color:#3071cf; font-size:1.25rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6{display:block; position:relative; margin:18px 0 12px; padding:0 0 0 18px; color:#3071cf; font-size:1.063rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6:before{content:''; display:inline-block; position:absolute; width:8px; height:3px; top:8px; left:4px; background:#b9cff1; border-radius:2px;} #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h4{margin-top:0;} #subContents .ready{} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 60px; padding:0; color:#555; z-index:1;} #subContents .con:last-child{margin:0 auto;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1rem; word-break:keep-all;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{color:#da4648;} #subContents .con p.point:before{content:'※ ';} #subContents .con p.info{color:#888; font-size:0.863rem;} #subContents .con img{display:block; width:100%; max-width:1180px; max-width:fit-content; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a.download{display:inline-block; padding:7px 10px 8px; border:1px solid #3a8afd; color:#3a8afd; font-size:0.813rem;} #subContents .con a.download:before{content:'\f019'; margin-right:4px;} #subContents .con a.download.pdf:before{content:'\f1c1';} #subContents .con a.download.hwp:before{content:'\f016';} #subContents .con a.download:focus, #subContents .con a.download:hover{background:#3a8afd; color:#fff;} #subContents .con .box{clear:both; display:inline-block; position:relative; width:100%; padding:10px; margin-bottom:40px; background:#eee url('../images/pattern_02.png') repeat;} #subContents .con .box:last-child{margin-bottom:0;} #subContents .con .box > *{padding:25px; background:#fff;} #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.4; word-break:keep-all;} #subContents .con ul.list > li:last-child{margin-bottom:0;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.circle > li:before{width:3px; height:3px; top:10px; background:#239ed7; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:6px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #239ed7; font-size:0; line-height:0;} #subContents .con ul.list.line > li:before{width:4px; height:2px; top:9.5px; background:#888;} #subContents .con ul.list.star > li:before{content:'*'; top:4px; color:#239ed7;} #subContents .con ul.list.clover > li{padding-left:1.25em;} #subContents .con ul.list.clover > li:before{content:'♣'; top:0; color:#239ed7;} #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:28px; line-height:1.4; 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:#3071cf;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'1.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic > li:nth-child(11):before{content:'11.';} #subContents .con ol.number.basic > li:nth-child(12):before{content:'12.';} #subContents .con ol.number.basic > li:nth-child(13):before{content:'13.';} #subContents .con ol.number.basic > li:nth-child(14):before{content:'14.';} #subContents .con ol.number.basic > li:nth-child(15):before{content:'15.';} #subContents .con ol.number.basic > li:nth-child(16):before{content:'16.';} #subContents .con ol.number.basic > li:nth-child(17):before{content:'17.';} #subContents .con ol.number.basic > li:nth-child(18):before{content:'18.';} #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.circle > li:nth-child(11):before{content:'⑪';} #subContents .con ol.number.circle > li:nth-child(12):before{content:'⑫';} #subContents .con ol.number.circle > li:nth-child(13):before{content:'⑬';} #subContents .con ol.number.circle > li:nth-child(14):before{content:'⑭';} #subContents .con ol.number.circle > li:nth-child(15):before{content:'⑮';} #subContents .con ol.list.number{clear:both; width:100%;} #subContents .con ol.list.number > li{position:relative; margin:0 auto 10px; padding-left:23px; line-height:1.4; word-break:keep-all;} #subContents .con ol.list.number > li:last-child{margin-bottom:0;} #subContents .con ol.list.number > li:before{display:block; position:absolute; width:16px; height:16px; padding:0 1px; top:3px; left:0; background:#ebb600; color:#fff; font-size:0.75rem; font-weight:500; text-align:center; border-radius:50%;} #subContents .con ol.list.number > li:nth-child(1):before{content:'01';} #subContents .con ol.list.number > li:nth-child(2):before{content:'02';} #subContents .con ol.list.number > li:nth-child(3):before{content:'03';} #subContents .con ol.list.number > li:nth-child(4):before{content:'04';} #subContents .con ol.list.number > li:nth-child(5):before{content:'05';} #subContents .con ol.list.number > li:nth-child(6):before{content:'06';} #subContents .con ol.list.number > li:nth-child(7):before{content:'07';} #subContents .con ol.list.number > li:nth-child(8):before{content:'08';} #subContents .con ol.list.number > li:nth-child(9):before{content:'09';} #subContents .con ol.list.number > li:nth-child(10):before{content:'10';} #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 .tabMenu{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:-20px auto 40px;} #subContents .tabMenu > ul{display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tabMenu > ul li{display:block; min-width:120px; max-width:350px; margin:0 0 -1px;} #subContents .tabMenu > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tabMenu > ul li .tabMenuLink{display:block; position:relative; width:100%; line-height:1; padding:21px 25px 20px; border-bottom:1px solid #ddd; color:#666; font-size:1.25rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s; z-index:1;} #subContents .tabMenu > ul li .tabMenuLink:focus, #subContents .tabMenu > ul li .tabMenuLink:hover{border-color:#666;} #subContents .tabMenu > ul li .tabMenuLink.active{padding:20px 25px; border-bottom:3px solid #3a8afd; color:#144693; font-weight:700; z-index:2;} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .tab > ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{display:block; float:left; width:33.3%; margin:0 -1px -1px 0;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; width:100%; line-height:1; padding:21px 10px 20px; background:#f7f7f7 url('../images/pattern_02.png') repeat; border:1px solid #ddd; color:#666; font-size:1.25rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .tab > ul li .tabLink.active{padding:20px 10px; background:#fff; border-top-width:2px; border-top-color:#3071cf; border-bottom-color:#fff; color:#144693; font-weight:700;} #subContents .etab{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .etab > ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .etab > ul li{display:block; float:left; width:12.505%; margin:0 -1px -1px 0;} #subContents .etab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .etab > ul li .tabLink{display:block; width:100%; line-height:1; padding:21px 10px 20px; background:#f7f7f7 url('../images/pattern_02.png') repeat; border:1px solid #ddd; color:#666; font-size:16px; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .etab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .etab > ul li .tabLink.active{padding:20px 10px; background:#fff; border-top-width:2px; border-top-color:#3071cf; border-bottom-color:#fff; color:#144693; font-weight:700;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto 80px;} #subContents .tabCon:last-child{margin:0 auto;} #subContents .tabCon.hide{display:none;} #subContents .tabCon.active{display:block;} #subContents .tableW{width:100%; margin:0 auto 20px;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:2px solid #3071cf; text-align:center;} #subContents table tr th{padding:16px 15px; background:#f7f7f7; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowtit{background:#e6e6e6;} #subContents table tr th.rowti{background:#eff5fd;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:16px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.938rem; word-break:keep-all; vertical-align:middle;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.alignLeft{text-align:left;} #subContents table tr td.alignRight{text-align:right;} #subContents table tr td.break{word-break:break-all;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} #bo_v_con table tr td{text-align:initial;} #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:focus ~ span.checkmark{border-color:#000; outline:1px solid #000;} #subContents .con label.btn.select input.pick:checked ~ span.checkmark{background:#3a8afd; border-color:#3a8afd;} #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:text-top;} #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:text-top;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#e9e9e9; border-color:#ddd; 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:#e9e9e9;} #subContents .con label.btn.select span.txt{vertical-align:text-top;} .sub01_01, .sub01_02, .sub01_03, .sub01_04, .sub01_05, .sub02_01, .sub02_02, .sub02_03, .sub02_04, .sub02_05, .sub02_06, .sub03_01, .sub03_02, .sub03_03, .sub04_01, .sub04_02, .sub04_03, .sub04_04, .sub05_01, .sub05_02, .sub05_03, .sub06_01, .sub06_02, .sub06_03, .sub06_04, .sub06_05, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub01_04 .tab > ul li{width:50%;} #subContents .sub01_04 .conTitle h5 span.ico{display:inline-block;width:24px;vertical-align:middle;margin-top:-3px;margin-right:6px;} #subContents .sub01_04 #tab1 .bg_banner{background:url('https://www.skom.or.kr/images/sub/01/sub01_04_bg.jpg') center center;background-size:cover;width:100%;padding:90px 10px;text-align:center;} #subContents .sub01_04 #tab1 .bg_banner p{line-height:1.6;font-size:1.125rem;color:#fff} #subContents .sub01_04 #tab1 .bg_banner p.tit{font-size:1.75rem;font-weight:700;margin-bottom:25px;} #subContents .sub01_04 #tab1 .benefit ul{display:flex;align-items:flex-start;justify-content: space-around;} #subContents .sub01_04 #tab1 .benefit ul li{text-align:Center;padding:25px 10px;width:20%;} #subContents .sub01_04 #tab1 .benefit ul li .icon{width:100px;height:100px;border-radius:50%;background:#f3f3f3;margin:0 auto 20px;} #subContents .sub01_04 #tab1 .benefit ul li span{font-size:1.0625rem;line-height:1.6;word-break:keep-all;} #subContents .sub01_04 #tab1 table tr td{text-align:left;} #subContents .sub01_04 #tab1 table a:focus,#subContents .sub01_04 #tab1 table a:hover{color:#3071cf;} #subContents .sub01_04 #tab1 ul.list{margin-left:18px;} #subContents .sub01_04 #tab1 .site li{display:inline-block;width:200px;margin-right:20px;} #subContents .sub01_04 #tab1 .site li:last-child{margin-right:0;} #subContents .sub01_04 #tab1 .site li a{outline:1px solid #ddd;display:block;transition:all .2s;} #subContents .sub01_04 #tab1 .site li a:focus,#subContents .sub01_04 #tab1 .site li a:hover{box-shadow:2px 2px 6px rgba(0,0,0,.2);} #subContents .sub01_04 #tab2 .tableW span.unit{color:#787878;display:inline-block;margin-bottom:12px;} #subContents .sub01_04 #tab2 .tableW table tr td:last-child{border-right:1px solid #ddd;} #subContents .sub02_01 .con .imgBox{position:absolute; width:340px; bottom:0; left:0; z-index:2;} #subContents .sub02_01 .con .imgBox img{width:100%; max-width:340px;} #subContents .sub02_01 .con .txtBox{position:relative; margin-top:40px; padding:120px 40px 95px 420px; background:#f7f7f7 url('../images/pattern_02.png') repeat; z-index:1;} #subContents .sub02_01 .con .txtBox:before{content:'The Society of Korean Medicine'; position:absolute; top:40px; right:40px; color:#c8c8c8; font-size:0.875rem; font-style:italic; text-align:right;} #subContents .sub02_01 .con .txtBox:after{content:''; position:absolute; width:276px; height:374px; bottom:0; right:0; background:url('../images/sub/02/sub02_01_01_bg.png') no-repeat;} #subContents .sub02_01 .con .txtBox p{line-height:1; font-size:0.875rem;} #subContents .sub02_01 .con .txtBox p.ti{margin-bottom:60px; color:#3071cf; font-size:1.5rem; font-weight:500;} #subContents .sub02_01 .con .txtBox p.ti strong{display:inline-block; margin-bottom:25px; color:#222; font-size:2.125rem; font-weight:400;} #subContents .sub02_01 .con p.day{margin-top:60px; margin-bottom:5px; text-align:right;} #subContents .sub02_01 .con p.name{color:#222; font-size:1.125rem; text-align:right;} #subContents .sub02_02_01 .con p strong{color:#144693; font-size:1.125rem;} #subContents .sub02_02_01 .con p.ti strong{display:inline-block; margin-bottom:12px; color:#3071cf;} #subContents .sub02_02_02 .historyCon{clear:both; display:none; position:relative; width:100%; padding:60px 0; border-bottom:1px solid #ddd;} #subContents .sub02_02_02 .historyCon:before{content:''; position:absolute; width:2px; top:0; bottom:0; left:50%; margin-left:-1px; background:#d8e3f5; z-index:-1;} #subContents .sub02_02_02 .historyCon:after{content:''; position:absolute; width:2px; height:120px; bottom:0; left:50%; margin-left:-1px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%); z-index:-1;} #subContents .sub02_02_02 .historyOpen{position:relative; width:100%; padding:14px 25px; background:#fff; border-bottom:1px solid #ddd; text-align:left; cursor:pointer;} #subContents .sub02_02_02 .historyOpen:first-child{border-top:1px solid #ddd;} #subContents .sub02_02_02 .historyOpen span{color:#666; font-size:1.5rem; font-weight:500;} #subContents .sub02_02_02 .historyOpen:after{content:''; display:inline-block; position:absolute; top:50%; right:25px; margin-top:-10px; padding:6px; border:solid #ddd; border-width:0 2px 2px 0; transform:rotate(45deg);} #subContents .sub02_02_02 .historyOpen.show{background:#144693;} #subContents .sub02_02_02 .historyOpen.show span{color:#fff;} #subContents .sub02_02_02 .historyOpen.show:after{margin-top:-4px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(-135deg);} #subContents .sub02_02_02 .historyTitle{text-align:center;} #subContents .sub02_02_02 .historyTitle h4{display:inline-block; position:relative; color:#eee; font-size:7rem; font-weight:700; font-style:italic;} #subContents .sub02_02_02 .historyTitle h4:before{content:attr(data-from); position:absolute; top:0; left:-150%; z-index:-1;} #subContents .sub02_02_02 .historyTitle h4:after{content:attr(data-to); position:absolute; bottom:0; right:-145%; z-index:-1;} #subContents .sub02_02_02 .historyTitle h4 span{display:flex; width:160px; height:160px; line-height:1; margin:0 auto; padding:40px; background:linear-gradient(-45deg, #ffd023 0, #ff7375 100%); box-shadow:4px 4px 5px rgba(163,243,255,0.2); border-radius:50% 25%; color:#fff; font-size:1.68rem; font-style:normal; align-items:center; justify-content:center; vertical-align:middle; word-break:keep-all;} #subContents .sub02_02_02 .historyList{clear:both; display:inline-block; position:relative; float:right; width:50%; margin:30px 0 0; padding:0 0 0 5%; text-align:left;} #subContents .sub02_02_02 .historyList:nth-child(even){float:left; padding:0 5% 0 0; text-align:right;} #subContents .sub02_02_02 .historyList .year{display:inline-block; margin:0 0 20px;} #subContents .sub02_02_02 .historyList .year span{color:#3071cf; font-size:1.5rem; font-weight:700;} #subContents .sub02_02_02 .historyList .year:before{content:''; display:block; position:absolute; width:44px; height:1px; top:13px; background:#3071cf;} #subContents .sub02_02_02 .historyList:nth-child(odd) .year:before{left:0;} #subContents .sub02_02_02 .historyList:nth-child(even) .year:before{right:0;} #subContents .sub02_02_02 .historyList .year:after{content:''; display:block; position:absolute; width:12px; height:12px; top:13px; margin-top:-5.5px; background:#fff; border:3px solid #3071cf; transform:rotate(45deg);} #subContents .sub02_02_02 .historyList:nth-child(odd) .year:after{left:-6px;} #subContents .sub02_02_02 .historyList:nth-child(even) .year:after{right:-6px;} #subContents .sub02_02_02 .historyList .info{} #subContents .sub02_02_02 .historyList .info ul{} #subContents .sub02_02_02 .historyList .info ul li{margin:0 0 14px;} #subContents .sub02_02_02 .historyList .info ul li strong{display:block; margin:0 0 8px;} #subContents .sub02_02_02 .historyList .info ul li p{line-height:1.3; font-size:0.875rem;} #subContents .sub02_02_02 .clearfix{display:inline-block; width:100%;} #subContents .sub02_02_02 .first .historyCon{display:inline-block; padding:0 0 60px; border-bottom:none;} #subContents .sub02_02_02 .first .historyTitle h4:after{right:-136%;} #subContents .sub02_02_02 .first .historyTitle h4 span{line-height:1.3; font-size:1.65rem; background:linear-gradient(-45deg, #144693 0, #3071cf 100%);} #subContents .sub02_03 .con .imgW{width:100%; max-width:880px; margin:20px auto;} #subContents .sub02_03 .con ul{position:relative; display:block; width:100%; margin:0 auto; padding:0; background:transparent; border:none; text-align:center;border-radius:0;} #subContents .sub02_03 .con ul > li{display:inline-block; position:relative;} #subContents .sub02_03 .con ul li > span{display:block; position:relative; width:160px; line-height:1.2; margin:0 auto 20px; padding:10px; color:#fff; font-size:1.125rem; text-align:center; word-break:keep-all; border-radius:5px;} #subContents .sub02_03 .con ul li > span.gray{background:#888;} #subContents .sub02_03 .con ul li > span.blue{background:#3071cf;} #subContents .sub02_03 .con ul li > span.darkblue{background:#213781;} #subContents .sub02_03 .con ul li > span.sky{width:240px; background:#27b3d1;} #subContents .sub02_03 .con ul li > span.yellow{width:240px; background:#afa167;} #subContents .sub02_03 .con ul li > span:before, #subContents .sub02_03 .con ul li > span:after{content:''; display:block; position:absolute; width:0; height:0; background:#ddd; z-index:-1;} #subContents .sub02_03 .con ul.subgroup1{margin-top:-60px;} #subContents .sub02_03 .con ul.subgroup2{} #subContents .sub02_03 .con ul li.subgroup3{} #subContents .sub02_03 .con ul > li.list1{} #subContents .sub02_03 .con ul > li.list1 > span:after{width:1px; height:42px; top:100%; left:50%;} #subContents .sub02_03 .con ul > li.list2{display:block; float:right;} #subContents .sub02_03 .con ul > li.list2 > span{margin-right:5px;} #subContents .sub02_03 .con ul > li.list2 > span:before{width:185px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list3{clear:both; display:block; float:right;} #subContents .sub02_03 .con ul > li.list3 > span{margin-right:5px;} #subContents .sub02_03 .con ul > li.list3 > span:before{width:185px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list4{clear:both; display:block; float:left; margin-top:-122px;} #subContents .sub02_03 .con ul > li.list4 > span{display:block; float:left; margin-bottom:90px; margin-left:5px;} /*#subContents .sub02_03 .con ul > li.list4 > span:before{width:265px; height:1px; top:50%; left:100%;}*/ #subContents .sub02_03 .con ul > li.list4 > span:after{width:1px; height:270px; top:100%; left:50%;} #subContents .sub02_03 .con ul > li.list4 > span span.mini{color:#7caff7; font-size:0.813rem;} #subContents .sub02_03 .con ul > li.list5{clear:both; display:block;} #subContents .sub02_03 .con ul > li.list5 > ul{float:right; width:auto; margin-top:-74px;} #subContents .sub02_03 .con ul > li.list5 > span:before{width:265px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list6{} #subContents .sub02_03 .con ul > li.list6 > span{margin-right:5px;} #subContents .sub02_03 .con ul > li.list6 > span:before{width:185px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list7{clear:both; display:block;} #subContents .sub02_03 .con ul > li.list7 > ul{float:right; width:auto; margin-top:-64px;} #subContents .sub02_03 .con ul > li.list7 > span:before{width:265px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list8{} #subContents .sub02_03 .con ul > li.list8 > span{margin-right:5px;} #subContents .sub02_03 .con ul > li.list8 > span:before{width:185px; height:1px; top:50%; right:100%;} #subContents .sub02_03 .con ul > li.list9{clear:both; margin:40px auto;} #subContents .sub02_03 .con ul > li.list9 > span{margin:40px auto 0;} #subContents .sub02_03 .con ul > li.list9 > span:before{width:432%; height:1px; top:-20px; left:50%; margin-left:-216%;} #subContents .sub02_03 .con ul > li.list9 > span:after{width:1px; height:20px; bottom:100%; left:50%;} #subContents .sub02_03 .con ul > li.list10{} #subContents .sub02_03 .con ul > li.list11{} #subContents .sub02_03 .con ul > li.list12{} #subContents .sub02_03 .con ul > li.list13{} #subContents .sub02_03 .con ul > li.list14{} #subContents .sub02_03 .con ul li.sub{display:inline-block; position:relative; margin:0 5px; vertical-align:top;} #subContents .sub02_03 .con ul li.sub:after{content:''; display:block; position:absolute; width:1px; height:20px; top:100%; left:50%; background:#ddd; z-index:-1;} #subContents .sub02_03 .con ul li.sub > span{margin-bottom:0; border-radius:5px 5px 0 0;} #subContents .sub02_03 .con ul li.sub ul{width:160px; padding:16px 10px; background:#f7f7f7; border-radius:0 0 5px 5px; text-align:center;} #subContents .sub02_03 .con ul li.sub ul li{display:inline-block; margin:0 2px; vertical-align:top;} #subContents .sub02_03 .con ul li.sub ul li > span{width:40px; height:150px; margin:0; padding:20px 10px; color:#555; background:#fff; border:1px solid #ddd; font-size:0.938rem; word-break:normal;} #subContents .sub02_03 .con sup{padding-left:2px;} #subContents .sub02_03 .con p.point{text-align:right;} #subContents .sub02_03 .con p.point:before{display:none;} #subContents .sub02_03 .con ul.member{display:inline-block; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 auto 20px;} #subContents .sub02_03 .con ul.member > li{display:inline-block; width:160px; margin:0 10px; padding:0; background:#fff; border:1px solid #d9ecf8; border-radius:5px; vertical-align:top;} #subContents .sub02_03 .con ul.member li p.ti{padding:8px 10px; background:#d9ecf8; border-radius:5px 5px 0 0; color:#144693; font-size:1.063rem; text-align:center;} #subContents .sub02_03 .con ul.member li ul.list.work{padding:16px 8px 20px; border-radius:0 0 5px 5px;} #subContents .sub02_03 .con ul.member li ul.list.work li{display:block; width:100%; margin:0 auto 8px; padding:0; text-align:center;} #subContents .sub02_03 .con ul.member li ul.list.work li:last-child{margin:0 auto;} /*220225 기구/조직 수정*/ #subContents .sub02_03_220225 .con ul li > span.bluegreen{background:#006064;} #subContents .sub02_03_220225 .con ul li > span.lightbluegreen{background:#00838f;} #subContents .sub02_03_220225 .con ul li > span.lightblue{background:#03a9f4;} #subContents .sub02_03_220225 .con ul > li.list2_mobile{display:none !important;} #subContents .sub02_03_220225 .con ul > li.list1 > span:after{height:150px;} #subContents .sub02_03_220225 .con ul > li.list2 {clear: both; display: block; float: left;} #subContents .sub02_03_220225 .con ul > li.list2 span{margin-top:12px;} #subContents .sub02_03_220225 .con ul > li.list2 > span:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list3{margin-top:-73px;} #subContents .sub02_03_220225 .con ul > li.list3 > span:before { width:125px;height: 1px;top: 50%;right: 100%;} #subContents .sub02_03_220225 .con ul > li.list3 > span:after{height:133px;width:1px;top:22px;left:-70px;} #subContents .sub02_03_220225 .con ul > li.list4{margin-right: 5px;float:right;margin-top: -12px;} #subContents .sub02_03_220225 .con ul > li.list4 > span{margin-bottom:20px;} #subContents .sub02_03_220225 .con ul > li.list4 > span:after{display:none;} #subContents .sub02_03_220225 .con ul > li.list4 > span:before,#subContents .sub02_03_220225 .con ul > li.list5 > span:before{width: 70px;height: 1px;top: 50%;right: 100%;} #subContents .sub02_03_220225 .con ul > li.list5{margin-right: 5px;float: right;margin-top: 0;} #subContents .sub02_03_220225 .con ul > li.list5 > span{margin-bottom:0;} #subContents .sub02_03_220225 .con ul > li.list5 > span:after{display:none;} #subContents .sub02_03_220225 .con ul > li.list6{clear:both;display:block;} #subContents .sub02_03_220225 .con ul > li.list6 > span{margin-right:auto;} #subContents .sub02_03_220225 .con ul > li.list6 > span:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list6 > span:after{width:1px; height:93px;left:50%;} #subContents .sub02_03_220225 .con ul > li.list6 > span span.mini {color: #7caff7;font-size: 0.813rem;} #subContents .sub02_03_220225 .con ul > li.list7{float:left;} #subContents .sub02_03_220225 .con ul > li.list7 > ul{margin-top:0;float:none;} #subContents .sub02_03_220225 .con ul > li.list7 > span{width:240px;} #subContents .sub02_03_220225 .con ul > li.list7 > span:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list7 > span:after{width: 190px; height: 1px;top: 50%;left: 100%;} #subContents .sub02_03_220225 .con ul > li.list8 > span:before{width: 1px;height: 20px; top: initial;bottom: 100%;left: 50%;} #subContents .sub02_03_220225 .con ul > li.list9{display:block;margin-top:83px;margin-bottom:20px;clear:initial;} #subContents .sub02_03_220225 .con ul > li.list9 > span:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list9 > span:after{width: 1px;height: 20px; top:100%;left: 50%;} #subContents .sub02_03_220225 .con ul > li.list10{margin-top:-42px;float:right;} #subContents .sub02_03_220225 .con ul > li.list10 span:before{width: 125px;height: 1px;top: 50%;right: 100%;} #subContents .sub02_03_220225 .con ul li.sub:before {content: ''; display: block;position: absolute;width: 1px;height: 20px;bottom: 100%; left: 50%;background: #ddd;z-index: -1;} #subContents .sub02_03_220225 .con ul li.subgroup3{padding-top:20px;padding-bottom:20px;} #subContents .sub02_03_220225 .con ul li.subgroup3:before{content: ''; display: block;position: absolute;width:80.4%;height: 1px;bottom:100%;background: #ddd;left:50%;transform:translateX(-50%);z-index: -1;} #subContents .sub02_03_220225 .con ul li.subgroup3:after{content: ''; display: block;position: absolute;width:80.4%;height: 1px;top:76%;background: #ddd;left:50%;transform:translateX(-50%);z-index: -1;} #subContents .sub02_03_220225 .con ul > li.list11 > span{margin: 40px auto 0;} #subContents .sub02_03_220225 .con ul > li.list11 > span:after {width: 1px; height: 20px; bottom: 100%;left: 50%;} #subContents .sub02_04 .con p.info{line-height:1; margin-top:-23px; margin-bottom:10px; font-size:0.813rem; text-align:right;} #subContents .sub02_05 .con .conTitle h4{font-weight:500;} #subContents .sub02_05 .con .conTitle h4 strong{font-weight:700;} #subContents .sub02_05 .con dl{} #subContents .sub02_05 .con dl dt{margin:0 0 12px; color:#3a8afd; font-size:1.063rem;} #subContents .sub02_05 .con dl dt span{} #subContents .sub02_05 .con dl dt strong{color:#3071cf;} #subContents .sub02_05 .con dl dd{margin:0 0 30px;} #subContents .sub02_05 .con dl dd:last-child{margin:0;} #subContents .sub02_05 .con dl dd p{} #subContents .sub02_05 .con dl dd ol, #subContents .sub02_05 .con dl dd ul{padding:20px; border:3px double #ddd;} #subContents .sub02_05 .con dl dd ol:first-child, #subContents .sub02_05 .con dl dd ul:first-child{clear:none; padding:0; border:none;} #subContents .sub02_05 .con dl dd > p + ol, #subContents .sub02_05 .con dl dd > p + ul{margin-top:-30px;} #subContents .sub02_05 .con dl dd ol ol, #subContents .sub02_05 .con dl dd ol ul, #subContents .sub02_05 .con dl dd ul ol, #subContents .sub02_05 .con dl dd ul ul{margin-top:10px; border:3px double #ddd;} #subContents .sub02_05 .con dl dd span.box{line-height:1.6; margin-top:10px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; font-size:0.875rem;} #subContents .sub02_05 .con.update{float:right; width:auto; padding:20px; font-size:0.875rem; z-index:2;} #subContents .sub02_05 .con.update ul{padding:20px;} #subContents .sub02_05 .con.update ul li{margin:0 0 8px;} #subContents .sub02_05 .con.update ul li:last-child{margin:15px 0 0;} #subContents .sub02_05 .con.update ul li a{width:100%; text-align:center;} #subContents .sub02_05 .con.update + .con{clear:none; display:block;} #subContents .sub02_05_03 .con dl dd ol ol, #subContents .sub02_05 .con dl dd ol ul, #subContents .sub02_05 .con dl dd ul ol, #subContents .sub02_05 .con dl dd ul ul{margin-top:10px; background:#f9f9f9; border:1px solid #eee;} #subContents .sub02_05_03 .con dl dd span.box{line-height:1.6; margin-top:10px; padding:12px 16px; font-size:0.875rem;} #subContents .sub02_06 .con .map{margin:0 auto 10px;} #subContents .sub02_06 .con .root_daum_roughmap{padding:0; border:none;} #subContents .sub02_06 .con .link{text-align:right;} #subContents .sub02_06 .con .link a{display:inline-block; margin-left:5px; padding:4px 6px; font-size:0.875rem; text-align:center;} #subContents .sub02_06 .con .link a:before{content:''; display:inline-block; width:18px; height:18px; margin-right:4px; vertical-align:middle;} #subContents .sub02_06 .con .link a.naver:before{background:url('../images/sub/02/sub02_06_01.png') no-repeat; background-size:100%;} #subContents .sub02_06 .con .link a.kakao:before{background:url('../images/sub/02/sub02_06_02.png') no-repeat; background-size:100%;} #subContents .sub02_06 .con .link a:focus, #subContents .sub02_06 .con .link a:hover{color:#3071cf;} #subContents .sub02_06 .con .traffic{display:flex;} #subContents .sub02_06 .con .traffic > li{display:block; position:relative; width:50%; padding:30px 20px 20px 75px; background:#f9f9f9; border:1px solid #eee;} #subContents .sub02_06 .con .traffic li.subway{} #subContents .sub02_06 .con .traffic li.bus{border-left:none;} #subContents .sub02_06 .con .traffic > li:before{content:''; display:block; position:absolute; width:40px; height:40px; top:20px; left:20px;} #subContents .sub02_06 .con .traffic > li.subway:before{background:url('../images/sub/02/sub02_06_03.png') no-repeat; background-size:100%;} #subContents .sub02_06 .con .traffic > li.bus:before{background:url('../images/sub/02/sub02_06_04.png') no-repeat; background-size:100%;} #subContents .sub02_06 .con .traffic li h5{margin-bottom:15px; color:#3071cf; font-size:1.25rem; font-weight:500;} #subContents .sub02_06 .con .traffic li p{} #subContents .sub02_06 .con .traffic li p strong{color:#212121; font-weight:500;} #subContents .sub02_06 .con .traffic li ul{margin-top:10px; padding:0; background:none; border:none; border-radius:0;} #subContents .sub02_06 .con .traffic li ul li{display:block; margin-bottom:5px;} #subContents .sub02_06 .con .traffic li ul li:last-child{margin-bottom:0;} #subContents .sub02_06 .con .traffic li ul li span{display:inline-block; margin-right:4px; padding:3px 4px; color:#fff;} #subContents .sub02_06 .con .traffic li ul li span.green{background:#18bd34;} #subContents .sub02_06 .con .traffic li ul li span.red{background:#de5858;} #subContents .sub02_06 .con .traffic li ul li strong{} #subContents .sub02_06 .con i.fa-phone{display:inline-block; margin-right:5px; color:#3071cf;} #subContents .sub03_01.list table tr td.alignRight{text-align:right;} #subContents .sub03_01.list table tr td a.link{color:#144693;} #subContents .sub03_01.list table tr td a:focus, #subContents .sub03_01.list table tr td a:hover{color:#3a8afd; text-decoration:underline;} #subContents .sub03_01.view .tab > ul li{width:14.285%; margin:0 0 -1px;} #subContents .sub03_01.view .tab > ul li .tabLink{border-left:none; font-size:1.125rem;} #subContents .sub03_01.view .tab > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .sub03_01.view .tab > ul li .tabLink.active{} #subContents .sub03_01.view .list{display:block; width:100%; margin:-20px auto 0; text-align:right;} #subContents .sub03_01.view .list a{display:inline-block; margin-left:5px; padding:16px 25px; background:transparent; border:1px solid #3a8afd; color:#3a8afd; font-size:1.258rem;} #subContents .sub03_01.view .list a:focus, #subContents .sub03_01.view .list a:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub03_01.view .list a i{display:inline-block; margin-right:8px; font-size:1.125rem; vertical-align:bottom;} #subContents .sub03_01.view table.pc{display:table;} #subContents .sub03_01.view table.mobile{display:none;} #subContents .sub03_01.view table tr td.title{background:#fcfcfc url('../images/pattern_02.png') repeat; color:#3071cf; font-weight:500;} #subContents .sub03_01.view table tr td a.link{color:#144693;} #subContents .sub03_01.view table tr td a.link:focus, #subContents .sub03_01.view table tr td a.link:hover{color:#3a8afd; text-decoration:underline;} #subContents .sub03_01.view span.empty{display:inline-block; width:20px;} #subContents .sub03_01.view .view2 table tr td.alignLeft{text-align:center;} #subContents .sub03_01.view .view3 table tr td.alignLeft{text-align:left;} #subContents .sub03_01.view .view3 table tr td.title{background:none; color:#222;} #subContents .sub03_01.view .view3 table tr td.contents{padding:10px 15px; font-size:0.875rem;} #subContents .sub03_01.view .view3 table tr th:last-child,#subContents .sub03_01.view .view3 table tr td:last-child{border:1px solid #ddd;} #subContents .sub03_01.view .view4 table tr td.alignLeft{text-align:left;} #subContents .sub03_01.view .view5 table tr th.alignLeft, #subContents .sub03_01.view .view5 table tr td.alignLeft{text-align:left;} #subContents .sub03_01.view .detail6 table tr td{text-align:left;} #subContents .sub03_01.view .tab > ul li{width:14.27%; margin:0 0 -1px;} #subContents .sub03_01.view .tab > ul li a{padding:18px 5px;font-size:16px !important} #subContents .sub03_01.edit .tab > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .sub03_01.edit .tab > ul li .tabLink.active{} #subContents .sub03_01.edit .etab > ul li{width:12.495%; margin:0 0 -1px;} #subContents .sub03_01.edit .etab > ul li a{padding:18px 5px;font-size:16px !important} #subContents .sub03_01.edit .etab > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .sub03_01.edit .etab > ul li .tabLink.active{} #subContents .sub03_01.edit span.empty{display:inline-block; width:20px;} /* #subContents .sub03_01.edit input{margin:5px; padding:7px;} #subContents .sub03_01.edit textarea{width:98%; min-height:135px; line-height:1.5; margin:5px; padding:7px; resize:none;} */ #subContents .sub03_01.edit input.w5{width:5%;} #subContents .sub03_01.edit input.w6{width:6%;} #subContents .sub03_01.edit input.w22{width:22%;} #subContents .sub03_01.edit input.w42{width:40%;} #subContents .sub03_01.edit input.w48{width:48%;} #subContents .sub03_01.edit input.w60{width:60%;} #subContents .sub03_02.list table tr td.alignRight{text-align:right;} #subContents .sub03_02.list table tr td a:focus, #subContents .sub03_02.list table tr td a:hover{color:#3a8afd; text-decoration:underline;} #subContents .sub03_03_01 .con a.download.pdf{float:right; clear:both; margin:-40px 0 10px;} #subContents .sub03_03_01 .con .tableW.mobile{display:none;} #subContents .sub03_03_01 .con .tableW.pc table{min-width:772px;} #subContents .sub03_03_01 .con table tr td.vtop{vertical-align:top;} #subContents .sub03_03_01 .con table tr td span.mini{font-size:0.863rem;} #subContents .sub03_03_01 .con table tr td a.download.hwp{display:inline; margin-left:5px; padding:2px 7px 3px;} #subContents .sub03_03_01 .con table tr td a.download.pdf{display:inline; float:none; margin:0; margin-left:5px; padding:2px 7px 3px;} #subContents .sub03_03_01 .con table tr td ul ul{margin-top:8px;} #subContents .sub03_03_01 .con table tr td ul ul li{margin-bottom:8px;} #subContents .sub03_03_01 .con.link{text-align:center;} #subContents .sub03_03_01 .con.link a.apply{display:inline-block; width:24%; margin:0 auto; padding:16px 25px; border:1px solid #3a8afd; color:#3a8afd; font-size:1.258rem; text-align:center;} #subContents .sub03_03_01 .con.link a.apply:before{content:'\f19d'; display:inline-block; margin-right:5px;} #subContents .sub03_03_01 .con.link a.apply:focus, #subContents .sub03_03_01 .con.link a.apply:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub03_03_04 .con .conTitle h4{font-weight:500;} #subContents .sub03_03_04 .con .conTitle h4 strong{font-weight:700;} #subContents .sub03_03_04 .con dl{} #subContents .sub03_03_04 .con dl dt{margin:0 0 12px; color:#3a8afd; font-size:1.063rem;} #subContents .sub03_03_04 .con dl dt span{} #subContents .sub03_03_04 .con dl dt strong{color:#3071cf;} #subContents .sub03_03_04 .con dl dd{margin:0 0 30px;} #subContents .sub03_03_04 .con dl dd:last-child{margin:0;} #subContents .sub03_03_04 .con dl dd p{} #subContents .sub03_03_04 .con dl dd ol, #subContents .sub03_03_04 .con dl dd ul{padding:20px; border:3px double #ddd;} #subContents .sub03_03_04 .con dl dd ol:first-child, #subContents .sub03_03_04 .con dl dd ul:first-child{clear:none; padding:0; border:none;} #subContents .sub03_03_04 .con dl dd > p + ol, #subContents .sub03_03_04 .con dl dd > p + ul{margin-top:-30px;} #subContents .sub03_03_04 .con dl dd ol ol, #subContents .sub03_03_04 .con dl dd ol ul, #subContents .sub03_03_04 .con dl dd ul ol, #subContents .sub03_03_04 .con dl dd ul ul{margin-top:10px; border:3px double #ddd;} #subContents .sub03_03_04 .con dl dd span.box{line-height:1.6; margin-top:10px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; font-size:0.875rem;} #subContents .sub03_03_04 .con.update{float:right; width:auto; padding:20px; font-size:0.875rem; z-index:2;} #subContents .sub03_03_04 .con.update ul{padding:20px;} #subContents .sub03_03_04 .con.update ul li{margin:0 0 8px;} #subContents .sub03_03_04 .con.update ul li:last-child{margin:15px 0 0;} #subContents .sub03_03_04 .con.update ul li a{width:100%; text-align:center;} #subContents .sub03_03_04 .con.update + .con{clear:none; display:block;} #subContents .sub03_03_04 .con dl dd ol ol, #subContents .sub03_03_04 .con dl dd ol ul, #subContents .sub03_03_04 .con dl dd ul ol, #subContents .sub03_03_04 .con dl dd ul ul{margin-top:10px; background:#f9f9f9; border:1px solid #eee;} #subContents .sub03_03_04 .con dl dd span.box{line-height:1.6; margin-top:10px; padding:12px 16px; font-size:0.875rem;} #subContents .sub04_03 .con .site{} #subContents .sub04_03 .con .site li{clear:both; display:inline-block; width:100%; margin:0 auto 20px; padding-bottom:20px; border-bottom:1px dotted #ddd;} #subContents .sub04_03 .con .site li .thumb{float:left; width:320px; border:1px solid #ddd; border-radius:5px; overflow:hidden;} #subContents .sub04_03 .con .site li .thumb img{} #subContents .sub04_03 .con .site li .info{float:right; width:calc(100% - 320px); padding:0 0 0 40px;} #subContents .sub04_03 .con .site li .info h5{margin-bottom:15px; color:#3071cf; font-size:1.25rem; font-weight:500;} #subContents .sub04_03 .con .site li .info p{margin-bottom:25px;} #subContents .sub04_03 .con .site li .info a{display:inline-block; padding:7px 20px; border:1px solid #ccc; color:#aaa; font-size:0.938rem;} #subContents .sub04_03 .con .site li .info a:after{content:' \f08e'; font-size:0.75rem;} #subContents .sub04_03 .con .site li .info a:focus, #subContents .sub04_03 .con .site li .info a:hover{background:#3a8afd; border-color:#3a8afd; color:#fff;} #subContents .sub05_01_01 .con a.new{display:block; width:250px; margin:0 auto; padding:16px 25px; border:1px solid #3a8afd; color:#3a8afd; font-size:1.258rem; text-align:center;} #subContents .sub05_01_01 .con a.new:after{content:'\f08e'; display:inline-block; margin-left:8px;} #subContents .sub05_01_01 .con a.new:focus, #subContents .sub05_01_01 .con a.new:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub05_02 .con .imgW{width:100%; max-width:1180px; margin:0 auto 20px;} #subContents .sub05_02_01 .tab > ul li{width:25%;} #subContents .sub05_03 .tab > ul li{width:49.5%;} #subContents .sub05_03 .tab > ul li .tabLink{display:block;} #subContents .sub05_03 .con .tableW.mobile{display:none;} #subContents .sub05_03 .con .tableW.pc table{min-width:650px;} #subContents .sub05_03 .con table tr td.vtop{vertical-align:top;} #subContents .sub05_03 .con table tr td span.mini{font-size:0.863rem;} #subContents .sub05_03 .con table tr td a.download.hwp{display:inline; margin-left:5px; padding:2px 7px 3px;} #subContents .sub05_03 .con a.apply{display:block; width:100%; margin:0 auto; padding:10px; border:1px solid #3a8afd; color:#3a8afd; font-size:1rem; text-align:center;} #subContents .sub05_03 .con a.apply:before{content:'\f19d'; display:inline-block; margin-right:5px;} #subContents .sub05_03 .con a.apply:focus, #subContents .sub05_03 .con a.apply:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub05_04 .con .tableW.mobile{display:none;} #subContents .sub05_04 .con .tableW.pc table{min-width:650px;} #subContents .sub05_04 .con table tr td.vtop{vertical-align:top;} #subContents .sub05_04 .con table tr td span.mini{font-size:0.863rem;} #subContents .sub05_04 .con table tr td a.download.hwp{display:inline; margin-left:5px; padding:2px 7px 3px;} #subContents .sub05_04 .con table tr td ol.number{margin:0 auto 10px;} #subContents .sub05_04 .con table tr td ol.number:last-child{margin-bottom:0;} #subContents .sub05_04 .con table tr td p.point{margin:0 auto; color:#144693; font-size:0.863rem; text-align:left;} #subContents .sub05_04 .con a.apply{display:block; width:100%; margin:0 auto; padding:10px; border:1px solid #3a8afd; color:#3a8afd; font-size:1rem; text-align:center;} #subContents .sub05_04 .con a.apply:before{content:'\f19d'; display:inline-block; margin-right:5px;} #subContents .sub05_04 .con a.apply:focus, #subContents .sub05_04 .con a.apply:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub05_04_01 .con .movie2nd{display:inline-block; width:100%; padding:40px; border:1px solid #ddd;} #subContents .sub05_04_01 .con .movie2nd .layoutLeft{width:38%;} #subContents .sub05_04_01 .con .movie2nd a.apply{padding:20px 12px;} #subContents .sub05_04_01 .con .movie2nd .layoutRight{width:62%; padding-left:60px;} #subContents .sub05_04_01 .con .movie2nd ol.number{margin:0 auto 12px;} #subContents .sub05_04_01 .con .movie2nd ol.number li a.download.hwp{display:inline; margin-left:5px; padding:2px 7px 3px;} /* #subContents .sub06_01 .con .conTitle h4{font-weight:500;} #subContents .sub06_01 .con .conTitle h4 strong{font-weight:700;} #subContents .sub06_01 .con dl{} #subContents .sub06_01 .con dl dt{margin:0 0 12px; color:#3a8afd; font-size:1.063rem;} #subContents .sub06_01 .con dl dt span{} #subContents .sub06_01 .con dl dt strong{color:#3071cf;} #subContents .sub06_01 .con dl dd{margin:0 0 30px;} #subContents .sub06_01 .con dl dd:last-child{margin:0;} #subContents .sub06_01 .con dl dd p{} #subContents .sub06_01 .con dl dd ol, #subContents .sub06_01 .con dl dd ul{padding:20px; border:3px double #ddd;} #subContents .sub06_01 .con dl dd ol:first-child, #subContents .sub06_01 .con dl dd ul:first-child{clear:none; padding:0; border:none;} #subContents .sub06_01 .con dl dd > p + ol, #subContents .sub06_01 .con dl dd > p + ul{margin-top:-30px;} #subContents .sub06_01 .con dl dd ol ol, #subContents .sub06_01 .con dl dd ol ul, #subContents .sub06_01 .con dl dd ul ol, #subContents .sub06_01 .con dl dd ul ul{margin-top:10px; border:3px double #ddd;} #subContents .sub06_01 .con dl dd span.box{line-height:1.6; margin-top:10px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; font-size:0.875rem;} #subContents .sub06_01 .con a.new{display:block; width:250px; margin:0 auto; padding:16px 25px; border:1px solid #3a8afd; color:#3a8afd; font-size:1.258rem; text-align:center;} #subContents .sub06_01 .con a.new:before{content:'\f234'; display:inline-block; margin-right:8px;} #subContents .sub06_01 .con a.new:focus, #subContents .sub06_01 .con a.new:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} */ #subContents .sub06_01 .con .box{clear:none; width:49%; height:420px; margin:0 auto; padding:18px 40px 60px; background:#fff; border:1px solid #ddd; transition:border-color 0.2s;} #subContents .sub06_01 .con .box > *{display:inline-block; width:100%; padding:0; background:none;} #subContents .sub06_01 .con .box p{margin-bottom:25px;} #subContents .sub06_01 .con .box p.info{padding:15px 25px; background:#eee;} #subContents .sub06_01 .con .box p span.color{font-weight:500;} #subContents .sub06_01 .con a.new{display:block; position:absolute; width:250px; margin:0 auto; padding:16px 25px; left:50%; bottom:50px; margin-left:-125px; font-size:1.258rem; text-align:center;} #subContents .sub06_01 .con a.new:before{content:''; display:inline-block; margin-right:8px;} #subContents .sub06_01 .con a.new:focus, #subContents .sub06_01 .con a.new:hover{color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .sub06_01 .con .box.member{float:left; border-top:3px solid #3a8afd;} #subContents .sub06_01 .con .box.member:hover{border-color:#3a8afd;} #subContents .sub06_01 .con .box.member p span.color{color:#3a8afd;} #subContents .sub06_01 .con .box.member a.new{border:1px solid #3a8afd; color:#3a8afd;} #subContents .sub06_01 .con .box.member a.new:before{content:'\f234';} #subContents .sub06_01 .con .box.member a.new:focus, #subContents .sub06_01 .con .box.member a.new:hover{background:#3a8afd; color:#fff;} #subContents .sub06_01 .con .box.group{float:right; border-top:3px solid #144693;} #subContents .sub06_01 .con .box.group:hover{border-color:#144693;} #subContents .sub06_01 .con .box.group p span.color{color:#144693;} #subContents .sub06_01 .con .box.group a.new{border:1px solid #144693; color:#144693;} #subContents .sub06_01 .con .box.group a.new:before{content:'\f0c0';} #subContents .sub06_01 .con .box.group a.new:focus, #subContents .sub06_01 .con .box.group a.new:hover{background:#144693; color:#fff;} #subContents .sub06_05 .con ul li{clear:both; display:inline-block; width:100%;} #subContents .sub06_05 .con ul li strong{float:left; color:#144693; font-weight:500;} #subContents .sub06_05 .con ul li strong:after{content:':'; display:inline-block; margin:0 8px; font-size:.875rem;} #subContents .sub06_05 .con ul li span{float:left;} #subContents .sub06_05 .con .conTitle h5 strong{color:#3a8afd;} #subContents .sub98_01 .con{margin:0 0 50px;} #subContents .sub98_01 .con:last-child{display:none;} #subContents .sub98_01 .con p{display:inline-block; position:relative; line-height:1; margin:20px 0 25px; padding:0 0 0 30px; color:#333d66; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .sub98_01 .con p:before{content:''; display:inline-block; position:absolute; width:18px; height:18px; top:3px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .sub98_01 .con ul{margin:0; padding:5px 20px 20px; background:#fcfcfc; border:1px dotted #dedede;} #subContents .sub98_01 .con ul li{display:inline-block; position:relative; width:22.8%; margin:15px 30px 0 0; padding:0 0 0 12px; vertical-align:top;} #subContents .sub98_01 .con ul li:nth-child(3n){margin-right:0;} #subContents .sub98_01 .con ul li:before{content:''; display:inline-block; position:absolute; width:6px; height:3px; top:8px; left:0; background:#b9cff1; border-radius:2px;} #subContents .sub98_01 .con ul li a{font-size:1.063rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub98_01 .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#3a8afd;} #subContents .sub98_01 .con ul li ul{margin:7px 0 0 2px; padding:0; border:none;} #subContents .sub98_01 .con ul li ul li{width:100%; margin:4px 0; padding:0 0 0 8px;} #subContents .sub98_01 .con ul li ul li:before{content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; margin-top:1px; background:#a2aabd; border:none;} #subContents .sub98_01 .con ul li ul li a{font-size:0.938rem; line-height:1;} #subContents .sub98_01 .con ul li.new:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_newlink.png') no-repeat center center;} #subContents .sub98_02 .con p{margin-bottom:20px;} #subContents .sub98_02 .con p:last-child{margin-bottom:0;} #subContents .sub98_02 .con ul, #subContents .sub98_02 .con ol{margin-bottom:20px;} #subContents .sub98_02 .con ul:last-child, #subContents .sub98_02 .con ol:last-child{margin-bottom:0;} #subContents .sub98_03 .con .box > *{display:inline-block; width:100%; padding:0 25px;} #subContents .sub98_03 .con .box > *:first-child{padding-top:15px;} #subContents .sub98_03 .con .box > *:last-child{padding-bottom:30px;} #subContents .sub98_03 .con ol{clear:both; width:100%; padding-bottom:25px;} #subContents .sub98_03 .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .sub98_03 .con ol > li:last-child{margin-bottom:0;} #subContents .sub98_03 .con p.postDate{color:#da4648; text-align:right;} @media only screen and (max-width:1359px){ #subContents .inner{width:86%; padding:0;} } @media only screen and (max-width:1279px){ #subVisual{min-width:960px;} #container #path{min-width:320px;} #subContents{max-width:960px; min-height:300px;} #subContents .inner{width:100%;} #subContents .conTitle h4{margin:20px 0;} #subContents .tableW{overflow-x:auto;} #subContents .sub02_01 .con .txtBox{padding:100px 40px 75px 380px;} #subContents .sub02_01 .con .txtBox p.ti{margin-bottom:50px; line-height:1.6;} #subContents .sub02_01 .con .txtBox p.ti strong{line-height:1; margin-bottom:20px;} #subContents .sub02_02_02 .historyList .year:before{width:34px;} #subContents .sub03_01.view .tab > ul li{width:25%;} #subContents .sub03_01.view .tab > ul li:nth-child(4n+1){border-left:1px solid #ddd;} #subContents .sub03_01.view .tab > ul li:first-child .tabLink{border-left:none;} #subContents .sub03_01.edit .tab > ul li{width:25%;} #subContents .sub03_01.edit .tab > ul li:nth-child(4n+1){border-left:1px solid #ddd;} #subContents .sub03_01.edit .tab > ul li:first-child .tabLink{border-left:none;} #subContents .sub03_01.edit .edit1 table tr th{width:17%;} #subContents .sub03_01.edit input.w5{width:7%;} #subContents .sub03_01.edit input.w6{width:8%;} #subContents .sub03_01.edit input.w22{width:18%;} #subContents .sub03_01.edit input.w42{width:33%;} #subContents .sub03_03_01 .con.link a.apply{width:34%;} #subContents .sub98_01 .con ul li{width:29.8%;} } @media only screen and (max-width:1100px){ #subContents .inner{width:876px;} #subContents .sub02_06 .con .traffic li p br{display:none;} #subContents .sub03_01.edit input.w22{width:16%;} #subContents .sub03_01.edit input.w42{width:30%;} } @media only screen and (max-width:1023px){ #subVisual{min-width:320px; height:138px;} #subVisual .title{top:35px;} #subVisual .title h2{font-size:1.75rem;} #path{min-width:320px; height:38px; margin-top:-38px; top:45px;} #path .inner{padding:0;} #path ul{border-bottom:1px solid #eee;} #path ul li{width:36.5%; margin:0;} #path ul li:after{right:0;} #path ul li.pathDepth1{width:26.5%;} #path ul li:last-child:after{display:none;} #path ul li.btnHome{display:none;} #path ul li button{width:100%; min-width:100%; height:38px; padding:0 20px 0 8px; font-size:0.8rem; line-height:38px;} #path ul li button:after{right:8px;} #path ul li ul{padding:12px 8px;} #path ul li ul li{width:100%; margin-bottom:10px; white-space:inherit;} #path ul li ul li a{display:block; font-size:0.8rem; line-height:1.2; word-break:keep-all; white-space:inherit;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:300px; min-height:645px; padding:20px 0 40px; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .conTitle h3{display:none; margin:0 auto 30px;} #subContents .conTitle h3 span{font-size:1.5rem;} #subContents .con{margin:0 auto 40px;} #subContents .con p{text-align:left; font-size:0.938rem;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:block;} #subContents .con a.download{min-width:80px; padding:5px 8px 6px;} #subContents .con ul.list > li{font-size:0.938rem;} #subContents .con ol.number > li{padding-left:23px; font-size:0.938rem;} #subContents .con ol.list.number > li{font-size:0.938rem;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.875rem;} #subContents .sub01_04 #tab1 .bg_banner{padding:80px 10px;} #subContents .sub01_04 #tab1 .bg_banner p{text-align:center;font-size:1rem;} #subContents .sub01_04 #tab1 .bg_banner p.tit{font-size:1.625rem;} #subContents .sub01_04 #tab1 .benefit ul{flex-wrap: wrap;justify-content: center;} #subContents .sub01_04 #tab1 .benefit ul li{width:33.3%;padding:20px 10px;} #subContents .sub01_04 #tab1 .benefit ul li span{font-size:1rem;} #subContents .sub02_01{padding:20px 0 0;} #subContents .sub02_02{padding:20px 0 0;} #subContents .sub02_02_02 .historyCon:before{display:none;} #subContents .sub02_02_02 .historyTitle h4{font-size:2.5rem;} #subContents .sub02_02_02 .historyTitle h4:before{left:-40%;} #subContents .sub02_02_02 .historyTitle h4:after{right:-40%;} #subContents .sub02_02_02 .historyTitle h4 span{height:138px;} #subContents .sub02_02_02 .historyList, #subContents .sub02_02_02 .historyList:nth-child(even){float:none; width:100%; padding:0; text-align:left;} #subContents .sub02_02_02 .historyList:first-child{margin-top:0;} #subContents .sub02_02_02 .historyList .year{padding-left:44px;} #subContents .sub02_02_02 .historyList:nth-child(even) .year:before{left:0; right:auto;} #subContents .sub02_02_02 .historyList:nth-child(odd) .year:after{left:0;} #subContents .sub02_02_02 .historyList:nth-child(even) .year:after{left:0; right:auto;} #subContents .sub02_02_02 .historyList .info ul li{margin:0; padding:0; border-bottom:1px dotted #ddd;} #subContents .sub02_02_02 .historyList .info ul li:first-child{border-top:1px dotted #ddd;} #subContents .sub02_02_02 .historyList .info ul li strong{display:table-cell; width:180px; line-height:1.3; padding:10px 15px; background:#f7f7f7; font-size:0.875rem; text-align:right;} #subContents .sub02_02_02 .historyList .info ul li p{display:table-cell; padding:10px 15px; border-left:1px dotted #d9d9d9;} #subContents .sub02_02_02 .first .historyTitle h4:after{right:-34%;} #subContents .sub02_02_02 .first .historyCon{padding:0;} #subContents .sub02_02_02 .first .historyList:first-child{margin-top:30px;} #subContents .sub02_03{padding:20px 0 0;} #subContents .sub02_03 .con .imgW{margin:0 auto 12px;} #subContents .sub03_01.edit .edit1 table tr th{display:block; width:100%; border-right:none;} #subContents .sub03_01.edit .edit1 table tr td{display:block; width:100%;} #subContents .sub03_03_01 .con.link a.apply{width:37%;} #subContents .sub05_02 .con .imgW{margin:0 auto 12px;} #subContents .sub05_04_01 .con .movie2nd .layoutLeft{float:left;} #subContents .sub05_04_01 .con .movie2nd .layoutRight{float:right;} #subContents .sub98_01 .con p{line-height:1.1; margin:20px 0 15px;} #subContents .sub98_01 .con ul{padding:5px 15px 20px;} #subContents .sub98_01 .con ul li{width:48%; margin:15px 5px 0 0;} #subContents .sub98_01 .con ul li:nth-child(3n){margin-right:5px;} #subContents .sub98_01 .con ul li:nth-child(2n){margin-right:0;} #subContents .sub98_02 .con{margin:0 auto 40px;} #subContents .sub98_02 .con .conTitle h4{line-height:1.3; padding:0 0 0 25px; font-size:1.313rem;} #subContents .sub98_02 .con .conTitle h4:before{top:5px;} #subContents .sub98_03 .con .box > *{display:inline-block; width:100%; padding:0 15px;} #subContents .sub98_03 .con .box > *:first-child{padding-top:5px;} #subContents .sub98_03 .con .box > *:last-child{padding-bottom:20px;} #bo_v_con{overflow-x:auto;} } @media only screen and (max-width:920px){ /*#subContents .sub02_03 .con ul{position:relative; display:block; width:100%; margin:0 auto; padding:0; background:transparent; border:none; text-align:center;border-radius:0;} #subContents .sub02_03 .con ul > li{display:inline-block;} #subContents .sub02_03 .con ul li > span{width:138px; font-size:1rem;} #subContents .sub02_03 .con ul li > span.darkblue{width:200px;} #subContents .sub02_03 .con ul li > span.sky{width:200px;} #subContents .sub02_03 .con ul li > span.yellow{width:200px;} #subContents .sub02_03 .con ul > li.list1 > span:after{height:40px;} #subContents .sub02_03 .con ul > li.list2 > span{margin-right:0;} #subContents .sub02_03 .con ul > li.list2 > span:before{width:170px;} #subContents .sub02_03 .con ul > li.list3 > span{margin-right:0;} #subContents .sub02_03 .con ul > li.list3 > span:before{width:170px;} #subContents .sub02_03 .con ul > li.list4 > span{margin-left:0;} #subContents .sub02_03 .con ul > li.list4 > span:before{width:200px;} #subContents .sub02_03 .con ul > li.list5 > span:before{width:200px;} #subContents .sub02_03 .con ul > li.list6 > span{margin-right:0;} #subContents .sub02_03 .con ul > li.list6 > span:before{width:170px;} #subContents .sub02_03 .con ul > li.list7{clear:both; display:block;} #subContents .sub02_03 .con ul > li.list7 > span:before{width:200px;} #subContents .sub02_03 .con ul > li.list8 > span{margin-right:0;} #subContents .sub02_03 .con ul > li.list8 > span:before{width:170px;} #subContents .sub02_03 .con ul > li.list9 > span:before{width:438%; margin-left:-218%;} #subContents .sub02_03 .con ul li.sub:first-child{margin-left:0;} #subContents .sub02_03 .con ul li.sub:last-child{margin-right:0;} #subContents .sub02_03 .con ul li.sub ul{width:auto; height:154px; padding:12px 8px;} #subContents .sub02_03 .con ul li.sub ul li{display:block; margin:0 0 5px;} #subContents .sub02_03 .con ul li.sub ul li:last-child{margin:0;} #subContents .sub02_03 .con ul li.sub ul li > span{width:100%; height:auto; padding:10px;} */ /*220225 기구/조직 수정*/ #subContents .sub02_03_220225 .con ul{position:relative; display:block; width:100%; margin:0 auto; padding:0; background:transparent; border:none; text-align:center;border-radius:0;} #subContents .sub02_03_220225 .con ul > li{display:inline-block;} #subContents .sub02_03_220225 .con ul li > span{width:138px; font-size:1rem;} #subContents .sub02_03_220225 .con ul li > span.darkblue{width:200px;} #subContents .sub02_03_220225 .con ul li > span.sky{width:200px;} #subContents .sub02_03_220225 .con ul li > span.yellow{width:200px;} #subContents .sub02_03_220225 .con ul li > span.bluegreen{width:200px;} #subContents .sub02_03_220225 .con ul li > span.lightbluegreen{width:200px;} #subContents .sub02_03_220225 .con ul > li.list3 > span:before{width:168px;} #subContents .sub02_03_220225 .con ul > li.list3 > span:after{height:130px;top:21px;} #subContents .sub02_03_220225 .con ul > li.list7 > span:after{width:84%;} #subContents .sub02_03_220225 .con ul li.sub:first-child{margin-left:0;} #subContents .sub02_03_220225 .con ul li.sub:last-child{margin-right:0;} #subContents .sub02_03_220225 .con ul li.sub ul{width:auto; height:154px; padding:12px 8px;} #subContents .sub02_03_220225 .con ul li.sub ul li{display:block; margin:0 0 5px;} #subContents .sub02_03_220225 .con ul li.sub ul li:last-child{margin:0;} #subContents .sub02_03_220225 .con ul li.sub ul li > span{width:100%; height:auto; padding:10px;} /* #subContents .sub03_03_01 .con .tableW.pc{display:none;} #subContents .sub03_03_01 .con .tableW.mobile{display:block;} #subContents .sub03_03_01 .con .tableW.mobile table{margin-bottom:20px;} #subContents .sub03_03_01 .con .tableW.mobile table:last-child{margin-bottom:0;} #subContents .sub03_03_01 .con table tr td a.download.hwp{display:inline-block; min-width:auto; margin-left:2px;} */ #subContents .sub05_03 .con .tableW.pc{display:none;} #subContents .sub05_03 .con .tableW.mobile{display:block;} #subContents .sub05_03 .con .tableW.mobile table{margin-bottom:20px;} #subContents .sub05_03 .con .tableW.mobile table:last-child{margin-bottom:0;} #subContents .sub05_03 .con table tr td a.download.hwp{display:inline-block; min-width:auto; margin-left:2px;} #subContents .sub05_04 .con .tableW.pc{display:none;} #subContents .sub05_04 .con .tableW.mobile{display:block;} #subContents .sub05_04 .con .tableW.mobile table{margin-bottom:20px;} #subContents .sub05_04 .con .tableW.mobile table:last-child{margin-bottom:0;} #subContents .sub05_04 .con table tr td a.download.hwp{display:inline-block; min-width:auto; margin-left:2px;} #subContents .sub05_04_01 .con .movie2nd{padding:32px;} #subContents .sub05_04_01 .con .movie2nd .layoutLeft{float:none; width:100%; margin:0 auto 16px;} #subContents .sub05_04_01 .con .movie2nd .layoutRight{float:none; width:100%; padding-left:0;} #subContents .sub05_04_01 .con .movie2nd ol.number li a.download.hwp{display:inline-block; min-width:auto; margin-left:2px;} #subContents .sub06_01 .con .box{height:480px; margin-top:30px; padding:18px 30px 60px;} } @media only screen and (max-width:800px){ #subContents .tabMenu > ul{align-items:flex-end;} #subContents .tabMenu > ul li{flex:1 1 25%; min-width:inherit; max-width:50%;} #subContents .tabMenu > ul li .tabMenuLink{padding:11px 8px 12px; font-size:0.925rem; word-break:keep-all;} #subContents .tabMenu > ul li .tabMenuLink.active{padding:11px 8px;} #subContents .ready{overflow:hidden;} #subContents .ready img{position:relative; min-width:800px; left:50%; margin-left:-400px;} /* #subContents .sub02_03 .con ul li > span{width:132px;} #subContents .sub02_03 .con ul > li.list2 > span:before{width:155px;} #subContents .sub02_03 .con ul > li.list3 > span:before{width:155px;} #subContents .sub02_03 .con ul > li.list4 > span:before{width:188px;} #subContents .sub02_03 .con ul > li.list5 > span:before{width:188px;} #subContents .sub02_03 .con ul > li.list6 > span:before{width:155px;} #subContents .sub02_03 .con ul > li.list7 > span:before{width:188px;} #subContents .sub02_03 .con ul > li.list8 > span:before{width:155px;} */ /*220225 기구/조직 수정*/ #subContents .sub02_03_220225 .con ul li > span{width:132px;} #subContents .sub02_04 table tr td{font-size:0.875rem;} #subContents .sub03_01.edit span.empty{display:block; width:1px; height:0; margin:0; background:#aaa; vertical-align:middle;} #subContents .sub03_01.edit input.w5{width:22%;} #subContents .sub03_01.edit input.w6{width:28%;} #subContents .sub03_01.edit input.w22{width:54%;} #subContents .sub03_01.edit input.w42{width:100%; margin:5px 0;} #subContents .sub03_01.edit b + input.w42{width:74%; margin:5px;} #subContents .sub03_01.edit input.w60{width:100%; margin:5px 0;} #subContents .sub03_01.edit b + input.w60{width:74%; margin:5px;} #subContents .sub03_01.edit input.w48{width:100%;} #subContents .sub05_01 table tr td{padding:14px 12px; font-size:0.875rem;} } @media only screen and (max-width:767px){ #subVisual{height:100px;} #path{height:auto; margin-top:0;} #path.sticky{background:none; box-shadow:none;} #path ul{border-bottom:none;} #path ul li{border-bottom:1px solid #eee;} #path ul li:after{display:none;} #path ul li.pathDepth1{width:36%; border-right:1px solid #eee;} #path ul li.pathDepth2{width:64%;} #path ul li.pathDepth3{display:none; width:100%;} #path ul ul li{border-bottom:none;} #subContents{min-height:300px;} #subContents .conTitle h5{line-height:1.2;} #subContents .conTitle h5:before{top:6px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents table tr th, #subContents table tr td{padding:12px 10px;} #subContents .con .box{padding:6px;} #subContents .con .box > *{padding:20px;} #subContents .con label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark:after{background-size:94%;} #subContents .sub01_04 #tab1 .bg_banner{padding:50px 20px;} #subContents .sub01_04 #tab1 .bg_banner p{font-size:0.938rem;} #subContents .sub01_04 #tab1 .bg_banner p.tit{font-size:1.5rem;margin-bottom:20px;} #subContents .sub01_04 #tab1 .benefit ul li span{font-size:0.938rem;} #subContents .sub01_04 #tab1 .site li{width:180px;margin-right:10px;} #subContents .sub02_01 .con .imgBox{position:relative; width:100%; margin:0 auto; text-align:center;} #subContents .sub02_01 .con .txtBox{margin-top:-50px; padding:80px 22px 30px;} #subContents .sub02_01 .con .txtBox:before{display:none;} #subContents .sub02_01 .con .txtBox p{text-align:center;} #subContents .sub02_01 .con .txtBox p.ti{margin-bottom:20px; font-size:1.25rem;} #subContents .sub02_01 .con .txtBox p.ti strong{margin-bottom:8px; font-size:1.5rem;} #subContents .sub02_02_02 .historyOpen{padding:12px 20px;} #subContents .sub02_02_02 .historyOpen span{font-size:1.25rem;} #subContents .sub02_02_02 .historyOpen:after{right:20px;} #subContents .sub02_02_02 .historyCon{padding:20px 0 30px;} #subContents .sub02_02_02 .historyCon .historyTitle{display:none;} #subContents .sub02_02_02 .first .historyTitle{display:block;} #subContents .sub02_03 .con ul > li.list1:before{content:''; display:block; position:absolute; width:20%; height:100px; top:39px; right:100%; margin-right:-20px; background:#fff; z-index:0;} #subContents .sub02_03 .con ul > li.list4:before{content:''; display:block; position:absolute; width:20%; height:268px; top:39px; right:100%; margin-right:-34px; background:#fff; z-index:0;} #subContents .sub02_03 .con ul li > span{width:100%;} #subContents .sub02_03 .con ul li > span.darkblue{width:100%;} #subContents .sub02_03 .con ul li > span.sky{width:100%;} #subContents .sub02_03 .con ul li > span.yellow{width:100%;} #subContents .sub02_03 .con ul.subgroup1{margin-top:0;} #subContents .sub02_03 .con ul > li.list1 > span:after{height:100px; left:20px;} #subContents .sub02_03 .con ul > li.list2{width:80%;} #subContents .sub02_03 .con ul > li.list2 > span:before{width:20%;} #subContents .sub02_03 .con ul > li.list3{width:80%;} #subContents .sub02_03 .con ul > li.list3 > span:before{width:20%;} #subContents .sub02_03 .con ul > li.list4{float:none; margin-top:0;} #subContents .sub02_03 .con ul > li.list4 > span{margin-bottom:20px;} /*#subContents .sub02_03 .con ul > li.list4 > span:before{display:none;}*/ #subContents .sub02_03 .con ul > li.list4 > span:after{left:34px;} #subContents .sub02_03 .con ul > li.list5{float:right; width:80%;} #subContents .sub02_03 .con ul > li.list5 > ul{float:none; margin-top:0;} #subContents .sub02_03 .con ul > li.list5 > span{margin:0 auto 10px;} #subContents .sub02_03 .con ul > li.list5 > span:before{width:20%;} #subContents .sub02_03 .con ul > li.list6{width:100%;} #subContents .sub02_03 .con ul > li.list6 > span:before{width:1px; height:10px; top:inherit; bottom:100%; left:50%;} #subContents .sub02_03 .con ul > li.list7{float:right; width:80%} #subContents .sub02_03 .con ul > li.list7 > ul{float:none; margin-top:0;} #subContents .sub02_03 .con ul > li.list7 > span{margin:0 auto 10px;} #subContents .sub02_03 .con ul > li.list7 > span:before{width:20%;} #subContents .sub02_03 .con ul > li.list8{width:100%;} #subContents .sub02_03 .con ul > li.list8 > span:before{width:1px; height:10px; top:inherit; bottom:100%; left:50%;} #subContents .sub02_03 .con ul > li.list9{float:right; margin:8px auto 30px;} #subContents .sub02_03 .con ul > li.list9 > span{margin:20px auto 0;} #subContents .sub02_03 .con ul > li.list9 > span:before{display:none;} #subContents .sub02_03 .con ul li.subgroup3 > ul{padding:14px; border:1px solid #ddd;} #subContents .sub02_03 .con ul li.sub{width:100%; margin:0 0 10px;} #subContents .sub02_03 .con ul li.sub:after{display:none;} #subContents .sub02_03 .con ul li.sub ul{height:auto; padding:8px;} #subContents .sub02_03 .con ul li.sub ul li{margin:0 0 2px;} #subContents .sub02_03 .con ul li.sub ul li > span{padding:7px; font-size:0.875rem;} #subContents .sub02_03 .con ul.member > li{width:40%; margin:5px;} /*220225 기구/조직 수정*/ #subContents .sub02_03_220225 .con ul > li.list1 > span:after{height:217px;} #subContents .sub02_03_220225 .con ul > li.list1:before{height:218px;} #subContents .sub02_03_220225 .con ul > li.list2_mobile{display:block !important;width:100%;} #subContents .sub02_03_220225 .con ul > li.list2_mobile span{width:40%;margin:0 0 20px;} #subContents .sub02_03_220225 .con ul > li.list2 {display:none !important;} #subContents .sub02_03_220225 .con ul > li.list3{margin-top:0;} #subContents .sub02_03_220225 .con ul > li.list3 > span:before,#subContents .sub02_03_220225 .con ul > li.list4> span:before,#subContents .sub02_03_220225 .con ul > li.list5 span:before{width: 20%;} #subContents .sub02_03_220225 .con ul > li.list3 > span:after{display:none;} #subContents .sub02_03_220225 .con ul > li.list4{margin-top:0;} #subContents .sub02_03_220225 .con ul > li.list4:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list4,#subContents .sub02_03_220225 .con ul > li.list5{width:80%;margin-right:0;} #subContents .sub02_03_220225 .con ul > li.list4 > span:after{left:20px;} #subContents .sub02_03_220225 .con ul > li.list5 > span{margin-bottom:20px;} #subContents .sub02_03_220225 .con ul > li.list6:before { content: '';display: block;position: absolute;width: 20%; height: 268px; top: 39px; right: 100%;margin-right: -20px;background: #fff;z-index: 0;} #subContents .sub02_03_220225 .con ul > li.list6 > span:after{left:20px;height:143px;} #subContents .sub02_03_220225 .con ul > li.list7{float:right;width:80%;} #subContents .sub02_03_220225 .con ul > li.list7 > span,#subContents .sub02_03_220225 .con ul > li.list8 > span{width:100%;} #subContents .sub02_03_220225 .con ul > li.list7 > span:before{content:'';display:block;position:absolute;width: 20%; height: 1px;top: 50%; right: 100%;background:#ddd;z-index:-1;} #subContents .sub02_03_220225 .con ul > li.list7 > span:after{display:none;} #subContents .sub02_03_220225 .con ul > li.list9{width:100%;margin-top:0;margin-bottom:0;} #subContents .sub02_03_220225 .con ul > li.list9 > span{margin:0 auto 20px;} #subContents .sub02_03_220225 .con ul > li.list9 > span:after{left:20px;height:80px;} #subContents .sub02_03_220225 .con ul > li.list10{width:80%;margin-top:0;} #subContents .sub02_03_220225 .con ul li.subgroup3{padding-top:0;} #subContents .sub02_03_220225 .con ul li.subgroup3:after{display:none;} #subContents .sub02_03_220225 .con ul li.subgroup3:before{display:none;} #subContents .sub02_03_220225 .con ul li.sub:before{display:none;} #subContents .sub02_03_220225 .con ul > li.list11{clear:both;float:right;} #subContents .sub02_03_220225 .con ul > li.list11 > span{margin:20px auto 0;} #subContents .sub02_05 .con dl dd ol, #subContents .sub02_05 .con dl dd ul{padding:15px 12px;} #subContents .sub02_05 .con dl dd span.box{padding:8px 12px;} #subContents .sub02_05 .con.update{float:none; width:100%; margin:0 auto 10px; padding:0;} #subContents .sub02_05 .con.update ul{display:table; width:100%; padding:8px 12px; border-collapse:collapse; border-spacing:0;} #subContents .sub02_05 .con.update ul li{display:inline-block; width:50.1%; margin:0 -1px -1px 0; padding:8px 2px; border:1px solid #ddd; font-size:0.813rem; text-align:center; vertical-align:middle;} #subContents .sub02_05 .con.update ul li:last-child{display:block; width:100%; margin:0 auto; padding:0; border:none;} #subContents .sub02_06 .root_daum_roughmap .wrap_map{height:260px !important;} #subContents .sub02_06 .con .traffic{display:block;} #subContents .sub02_06 .con .traffic > li{width:100%;} #subContents .sub02_06 .con .traffic li.bus{border-left:1px solid #eee; border-top:none;} #subContents .sub03_01.list table thead{display:none;} #subContents .sub03_01.list table tr{border-bottom:1px solid #d3d3d3;} #subContents .sub03_01.list table tr td{display:flex; width:100%; margin:0 auto; padding:12px 16px; border-right:none; text-align:left;} #subContents .sub03_01.list table tr td.alignRight{text-align:left;} #subContents .sub03_01.list table tr td.restart{background:#f7f7f7;} #subContents .sub03_01.list table tr td:last-child{word-break:break-word;} #subContents .sub03_01.list table tr td:before{content:attr(data-label); display:table; float:left; width:90px; color:#3071cf; font-weight:500;} #subContents .sub03_01.list table tr td.restart:before{color:#333;} #subContents .sub03_01.view .tab > ul li{width:33.28%; border-left:1px solid #ddd; margin:0 -1px -1px 0;} #subContents .sub03_01.view .tab > ul li:nth-child(-n+4){width:25%;} #subContents .sub03_01.view .tab > ul li .tabLink{padding:11px 8px 10px; font-size:0.925rem; word-break:keep-all;} #subContents .sub03_01.view .tab > ul li .tabLink.active{padding:10px 8px;} #subContents .sub03_01.view span.empty{width:1px; height:13px; margin:0 4px; background:#aaa; vertical-align:middle;} #subContents .sub03_01.view table.pc{display:none;} #subContents .sub03_01.view table.mobile{display:table;} #subContents .sub03_01.view .view1 table tr{border-bottom:1px solid #ddd;} #subContents .sub03_01.view .view1 table tr th{display:block; width:100%; border-right:none;} #subContents .sub03_01.view .view1 table tr td{display:block; width:100%; border-right:none; border-bottom:none; text-align:left;} #subContents .sub03_01.view .view1 table tr td.title{clear:both; float:left; width:34%; background:none; text-align:center;} #subContents .sub03_01.view .view1 table tr td.title + td{float:right; width:66%; min-height:45px; border-left:1px solid #ddd;} #subContents .sub03_01.view .view2 table tr td.alignLeft{text-align:left;} #subContents .sub03_01.view .view4 table thead{display:none;} #subContents .sub03_01.view .view4 table tr.contents{border-bottom:1px solid #d3d3d3;} #subContents .sub03_01.view .view4 table tr td{display:flex; position:relative; width:100%; min-height:45px; margin:0 auto; padding:12px 16px 12px 106px; border-right:none; text-align:left; word-break:break-word} #subContents .sub03_01.view .view4 table tr td.restart{background:#f7f7f7;} #subContents .sub03_01.view .view4 table tr td:before{content:attr(data-label); display:table; position:absolute; float:left; width:90px; top:12px; left:16px; color:#3071cf; font-weight:500; word-break:keep-all;} #subContents .sub03_01.view .view4 table tr td.restart:before{color:#333;} #subContents .sub03_01.view .view5 table thead{display:none;} #subContents .sub03_01.view .view5 table tr.restart{border-top:1px solid #d3d3d3;} #subContents .sub03_01.view .view5 table tr.restart:first-child{border-top:none;} #subContents .sub03_01.view .view5 table tr td{display:block; width:100%; margin:0 auto; padding:12px 16px; border-right:none; text-align:left;} #subContents .sub03_01.view .view5 table tr td.restart{display:flex; background:#f7f7f7;} #subContents .sub03_01.view .view5 table tr td:last-child{word-break:break-word;} #subContents .sub03_01.view .view5 table tr td:before{content:attr(data-label); display:block; width:100%; margin:0 0 5px; color:#3071cf; font-weight:500;} #subContents .sub03_01.view .view5 table tr td.restart:before{color:#333; display:table; float:left; width:54px; margin:0;} #subContents .sub03_01.view .view6 table thead{display:none;} #subContents .sub03_01.view .view6 table tr{border-bottom:1px solid #d3d3d3;} #subContents .sub03_01.view .view6 table tr td{display:flex; position:relative; width:100%; min-height:45px; margin:0 auto; padding:12px 16px 12px 106px; border-right:none; text-align:left;} #subContents .sub03_01.view .view6 table tr td.restart{background:#f7f7f7;} #subContents .sub03_01.view .view6 table tr td:last-child{word-break:break-word;} #subContents .sub03_01.view .view6 table tr td:before{content:attr(data-label); display:table; position:absolute; float:left; width:90px; top:12px; left:16px; color:#3071cf; font-weight:500;} #subContents .sub03_01.view .view6 table tr td.restart:before{color:#333;} #subContents .sub03_01.edit .tab > ul li{width:33.28%; border-left:1px solid #ddd; margin:0 -1px -1px 0;} #subContents .sub03_01.edit .tab > ul li:nth-child(-n+4){width:25%;} #subContents .sub03_01.edit .tab > ul li .tabLink{padding:11px 8px 10px; font-size:0.925rem; word-break:keep-all;} #subContents .sub03_01.edit .tab > ul li .tabLink.active{padding:10px 8px;} #subContents .sub03_02.list table thead{display:none;} #subContents .sub03_02.list table tr{border-bottom:1px solid #d3d3d3;} #subContents .sub03_02.list table tr td{display:flex; width:100%; margin:0 auto; padding:12px 16px; border-right:none; text-align:left;} #subContents .sub03_02.list table tr td.alignRight{text-align:left;} #subContents .sub03_02.list table tr td:first-child{background:#f7f7f7;} #subContents .sub03_02.list table tr td:before{content:attr(data-label); display:table; float:left; width:90px; color:#3071cf; font-weight:500;} #subContents .sub03_02.list table tr td:first-child:before{color:#333;} #subContents .sub03_03_01 .con.link a.apply{display:block; width:96%; margin:0 auto 3px;} #subContents .sub03_03_04 .con dl dd ol, #subContents .sub03_03_04 .con dl dd ul{padding:15px 12px;} #subContents .sub03_03_04 .con dl dd span.box{padding:8px 12px;} #subContents .sub03_03_04 .con.update{float:none; width:100%; margin:0 auto 10px; padding:0;} #subContents .sub03_03_04 .con.update ul{display:table; width:100%; padding:8px 12px; border-collapse:collapse; border-spacing:0;} #subContents .sub03_03_04 .con.update ul li{display:inline-block; width:50.1%; margin:0 -1px -1px 0; padding:8px 2px; border:1px solid #ddd; font-size:0.813rem; text-align:center; vertical-align:middle;} #subContents .sub03_03_04 .con.update ul li:last-child{display:block; width:100%; margin:0 auto; padding:0; border:none;} #subContents .sub04_03 .con .site li .thumb{float:none; width:100%;} #subContents .sub04_03 .con .site li:nth-child(2) .thumb{background:#f3e173;} #subContents .sub04_03 .con .site li:nth-child(3) .thumb{background:#f76b16;} #subContents .sub04_03 .con .site li .thumb img{max-width:320px;} #subContents .sub04_03 .con .site li .info{float:none; width:100%; padding:20px 0 0;} #subContents .sub05_01 table thead{display:none;} #subContents .sub05_01 table tr{border-bottom:1px solid #d3d3d3;} #subContents .sub05_01 table tr td{display:flex; width:100%; margin:0 auto; padding:12px 16px; border-right:none; text-align:left;} #subContents .sub05_01 table tr td:first-child{background:#f7f7f7;} #subContents .sub05_01 table tr td:before{content:attr(data-label); display:table; float:left; width:90px; color:#3071cf; font-weight:500;} #subContents .sub05_01 table tr td:first-child:before{color:#333;} #subContents .sub05_02 table thead{display:none;} #subContents .sub05_02 table tr{border-bottom:1px solid #d3d3d3;} #subContents .sub05_02 table tr td{display:flex; width:100%; margin:0 auto; padding:12px 16px; border-right:none; text-align:left;} #subContents .sub05_02 table tr td:first-child{background:#f7f7f7;} #subContents .sub05_02 table tr td:before{content:attr(data-label); display:table; float:left; width:90px; color:#3071cf; font-weight:500;} #subContents .sub05_02 table tr td:first-child:before{color:#333;} #subContents .sub05_02_01 .tab > ul li{width:50%;} #subContents .sub05_02_01 .tab > ul li .tabLink{padding:11px 8px 10px;} #subContents .sub05_02_01 .tab > ul li .tabLink.active{padding:10px 8px;} #subContents .sub06_01 .con .box{width:100%; height:auto; margin:0 auto 20px; padding:18px 30px 30px;} #subContents .sub06_01 .con a.new{position:relative; max-width:100%; margin:0 auto; bottom:auto; left:auto;} #subContents .sub06_05 .con ul li strong{display:block; float:none; margin:0 auto 4px;} #subContents .sub06_05 .con ul li strong:after{display:none;} #subContents .sub06_05 .con ul li span{float:none;} #subContents .sub98_01 .con ul li{width:98%;} } @media only screen and (max-width:425px){ #subContents .tabMenu > ul li{flex:1 1 33.333%;} #subContents .sub01_04 #tab1 .bg_banner{padding:40px 30px;} #subContents .sub01_04 #tab1 .bg_banner p.tit{font-size:1.375rem;margin-bottom:18px;} #subContents .sub01_04 #tab1 .benefit ul li{width:100%;padding:10px 0 20px;text-align:left;} #subContents .sub01_04 #tab1 .benefit ul li:last-child{padding-bottom:0;} #subContents .sub01_04 #tab1 .benefit ul li .icon{width:80px;height:80px;margin:0 20px 0 0;display:inline-block;vertical-align:middle;} #subContents .sub01_04 #tab1 .benefit ul li span{display:inline-block;vertical-align:middle;} #subContents .sub01_04 #tab1 .site li{width:49%;margin-right:1%;} #subContents .sub02_02_02 .historyList .info ul li strong{width:104px;} #subContents .sub02_03 .con ul.member{display:inline-block;} #subContents .sub02_03 .con ul.member > li{width:100%; margin:0 auto 5px;} #subContents .sub02_03 .con ul.member > li:last-child{margin:0 auto;} #subContents .sub02_03 .con ul.member li p.ti{font-size:1rem;} #subContents .sub02_03 .con ul.member li ul.list.work{padding:12px 8px;} #subContents .sub02_04 table tr td{padding:12px 6px;} #subContents .sub03_01.view .tab > ul li{width:50%;} #subContents .sub03_01.view .tab > ul li:nth-child(-n+4){width:50%;} #subContents .sub03_01.view .tab > ul li .tabLink.active{border-bottom:1px solid #ddd;} #subContents .sub03_01.view .list{text-align:center;} #subContents .sub03_01.view .list a{margin:0; padding:14px 18px; font-size:1.125rem;} #subContents .sub03_01.view .detail6 table tr{border-bottom:1px solid #ddd;} #subContents .sub03_01.view .detail6 table tr th{display:block; width:100%; border-right:none;} #subContents .sub03_01.view .detail6 table tr td{display:block; width:100%; border-right:none; border-bottom:none; text-align:center;} #subContents .sub03_01.edit .tab > ul li{width:50%;} #subContents .sub03_01.edit .tab > ul li:nth-child(-n+4){width:50%;} #subContents .sub03_01.edit .tab > ul li .tabLink.active{border-bottom:1px solid #ddd;} #subContents .sub05_04_01 .con .movie2nd{padding:20px;} #subContents .sub05_04_01 .con a.download.hwp{display:inline-block; min-width:auto; margin-left:2px;} }