@charset "UTF-8"; /* common */ #subVisual{clear:both;position:relative;width:100%;min-width:1200px;height:375px;margin:0 auto;background:#444;box-sizing:border-box;} #subVisual.subBg01{background:#444 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#444 url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#444 url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#444 url('../images/sub/sub_visual_04.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg05{background:#444 url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg06{background:#444 url('../images/sub/sub_visual_06.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg98{background:#444 url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg99{background:#444 url('../images/sub/sub_visual_99.jpg') no-repeat center center; background-size:cover;} #subVisual .title{position:relative; top:214px; width:100%; text-align:center;} #subVisual .title h2{display:inline-block; position:relative; color:#fff; font-size:2.2rem; font-weight:700;} #container #path{clear:both; position:relative;width:100%; min-width:1200px; height:60px;margin-top:-60px; z-index:1;background:rgba(0,0,0,.5);z-index:2;} #path ul{display:inline-block;width:100%;padding:0;} #path ul li{display:block; position:relative; float:left; margin:0; padding:0; font-size:0.8125rem; color:#fff; box-sizing:border-box;} #path ul li:after{content:'';display:block;position:absolute;width:1px;height:12px;top:50%;right:0;margin-top:-6px;background:rgba(255,255,255,.2);} #path ul li:last-child:after{display:none;} #path ul li.btnHome{width:60px; height:60px;overflow:hidden;} #path ul li.btnHome a{display:block; width:100%; height:100%; padding:0; background:url('../images/sub/ico_home.png') no-repeat center center; color:transparent; line-height:60px; text-align:center; box-sizing:border-box;} #path ul li.btnHome a:focus, #path ul li.btnHome a:hover{background:url('../images/sub/ico_home_hover.png') no-repeat center center;} #path ul li button{ height:60px; min-width:125px;padding:0 50px 0 20px; background:transparent;color:#fff; font-size:0.9375rem; line-height:48px; text-align:left; cursor:pointer; z-index:3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li button:after{content:''; display:block; position:absolute; width:0px; height:0px; top:50%; right:18px; margin-top:-2px;border-top:4px solid #89ace1;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{color:#89ace1;} #path ul li button.rotate{color:#89ace1;} #path ul li button.rotate:after{border-top:none;border-bottom:4px solid #89ace1;} #path ul li ul{clear:both; display:inline-block; position:absolute; width:100%;height:auto; padding:12px 20px; top:0; left:0; background:rgba(0,0,0,.5);;box-shadow:1px 1px 5px rgb(175 175 175 / 10%); opacity:0; visibility:hidden; box-sizing:border-box; transition:all .1s ease; z-index:2;} #path ul li.show ul{top:100%; opacity:1; visibility:visible;} #path ul li.pathDepth1{} #path ul li.pathDepth2{} #path ul li.pathDepth3{} #path ul li ul li{display:block; float:none; margin-bottom:15px; 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{padding:2px; color:#fff; font-size:0.9375rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#89ace1;} #subContents{position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:60px 0 80px; 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:20px; text-align:center; line-height:1.4; box-sizing:border-box;color:#222; font-size:2rem; font-weight:500;} #subContents .conTitle h4{display:inline-block; position:relative; margin:0 0 20px; padding:0 0 0 30px; color:#222; line-height:1.6;font-size:1.4rem; font-weight:500; box-sizing:border-box;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:22px; height:22px; top:50%; left:0; transform:translateY(-50%);/*background:url('../images/sub/ico_bullet_01.png') no-repeat left center;*/border-style: solid;border-image: linear-gradient( 70deg,#3e6baf,70%,#78e8f5);border-image-slice: 1;background: #fff;border-image-width:5px;} #subContents .conTitle h5{display:block; position:relative; margin:20px 0 14px;color:#3e6baf; font-size:1.25rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6{display:block; position:relative; margin:18px 0 12px; padding:0; color:#444; font-size:1.063rem; font-weight:700; word-break:keep-all;} #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5{margin-top:0;} #subContents .conTitle:first-child h6, #subContents .conTitle + .conTitle h6{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h4{margin-top:0;} #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h4:before, #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;} #subContents .conTitle.alignCenter{text-align:center;} #subContents .conTitle.alignCenter:before{content:''; display:block; width:50px; height:3px; margin:0 auto; background:#0d326f;} #subContents .ready{} #subContents .ready{} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 40px; padding:0; color:#333; z-index:1;} #subContents .con:last-child{margin:0 auto;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1rem; word-break:keep-all;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{position:relative; margin-bottom:0; padding-left:18px; color:#da4648;} #subContents .con p + p.point{margin-top:-40px;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.point a{color:#da4648;} #subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;} #subContents .con p.info{color:#888; font-size:0.863rem; text-align:center;} #subContents .con p.info.alignRight{text-align:right;} #subContents .con p.info:before{content:'< ';} #subContents .con p.info:after{content:' >'} #subContents .con p.postDate{color:#da4648; text-align:right;} #subContents .con span.blue{color:#3e6baf;} #subContents .con span.mint{color:#0fbbbb;text-decoration:underline;} #subContents .con span.highlight{color:#3e6baf;position:relative;padding:0 4px;z-index:5;font-weight:500;} #subContents .con span.highlight:after{content:'';position:absolute;left:0;bottom:0;display:inline-block;height:100%;width:100%;background:rgb(172 218 237 / 30%);z-index:-1;} #subContents .con img{display:inline-block; width:100%; max-width:1180px; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a:hover,#subContents .con a:focus{color:#3e6baf;} #subContents .con a.download{display:inline-block; padding:4px 6px; border:1px solid #3e6baf; color:#3e6baf; font-size:0.813rem;margin-left:10px;} #subContents .con a.download:before{content:'\f019'; margin-right:4px; color:#3e6baf;} #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:#3e6baf;color:#fff;} #subContents .con a.download:focus:before, #subContents .con a.download:hover:before{color:#fff;} #subContents .con .link{margin:0 auto;text-align:center;} #subContents .con .link a{position:relative;display:inline-block;cursor:pointer;padding:20px 22px;min-width:150px;font-size:1.125rem;color:#3e6baf;border:1px solid #3e6baf;} #subContents .con .link a:hover,#subContents .con .link a:focus{background:#3e6baf;box-shadow:0px 0px 6px rgba(0,0,0,.2);color:#fff;} #subContents .con .link a.blue{color:#fff;background:#3e6baf;} #subContents .con .link a.blue:hover,#subContents .con .link a.blue:focus{background:#31507e;} #subContents .con .link ul li{display:inline-block;} #subContents .con .link ul li:first-child{margin-right:10px;} #subContents .con .txtBox{background:linear-gradient(-135deg,#3e6baf,75%,#78e8f5);padding:4px;text-align:center;margin:0 auto 40px;} #subContents .con .txtBox span{padding:22px 24px;background:#fff;display:block;font-size:1.1875rem;line-height:1.4;word-break:keep-all;} #subContents .con .txtBox strong{font-weight:700;color: #3e6baf;} #subContents .con ul.list{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ul.list > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.6; word-break:keep-all;} #subContents .con ul.list > li:last-child{margin-bottom:0;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.line > li:before{width:4px; height:2px; top:11.5px; background:#89ace1;} #subContents .con ul.list.circle > li:before{width:4px; height:4px; top:11.5px; background:#89ace1; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:9px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #89ace1; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:5.5px; color:#89ace1;} #subContents .con ul.list.check > li{padding-left:20px;} #subContents .con ul.list.check > li:before{width:13px; height:13px; top:6.5px; background:url('../images/sub/ico_bullet_check.png') no-repeat;} #subContents .con ol.number{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ol.number > li{position:relative; margin:0 auto 10px; padding-left:18px; line-height:1.6; word-break:keep-all;} #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#89ace1;} #subContents .con ol.number.basic > li:nth-child( n + 10){padding-left:24px;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'1.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:28px; word-break:keep-all;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:nth-child(n + 10){padding-left:24px;} #subContents .con ol.number.basic2 > li:before{display:block; position:absolute; height:16px; line-height:1; padding:0 6px 0 0; top:5.5px; left:0; border-right:2px solid #89ace1; color:#89ace1; font-size:0.875rem; font-weight:500; text-align:center;} #subContents .con ol.number.basic2 > li:nth-child(1):before{content:'01';} #subContents .con ol.number.basic2 > li:nth-child(2):before{content:'02';} #subContents .con ol.number.basic2 > li:nth-child(3):before{content:'03';} #subContents .con ol.number.basic2 > li:nth-child(4):before{content:'04';} #subContents .con ol.number.basic2 > li:nth-child(5):before{content:'05';} #subContents .con ol.number.basic2 > li:nth-child(6):before{content:'06';} #subContents .con ol.number.basic2 > li:nth-child(7):before{content:'07';} #subContents .con ol.number.basic2 > li:nth-child(8):before{content:'08';} #subContents .con ol.number.basic2 > li:nth-child(9):before{content:'09';} #subContents .con ol.number.basic2 > li:nth-child(10):before{content:'10';} #subContents .con ol.number.basic3 > li:nth-child(n + 10){padding-left:24px;} #subContents .con ol.number.basic3 > li:nth-child(1):before{content:'1)';} #subContents .con ol.number.basic3 > li:nth-child(2):before{content:'2)';} #subContents .con ol.number.basic3 > li:nth-child(3):before{content:'3)';} #subContents .con ol.number.basic3 > li:nth-child(4):before{content:'4)';} #subContents .con ol.number.basic3 > li:nth-child(5):before{content:'5)';} #subContents .con ol.number.basic3 > li:nth-child(6):before{content:'6)';} #subContents .con ol.number.basic3 > li:nth-child(7):before{content:'7)';} #subContents .con ol.number.basic3 > li:nth-child(8):before{content:'8)';} #subContents .con ol.number.basic3 > li:nth-child(9):before{content:'9)';} #subContents .con ol.number.basic3 > li:nth-child(10):before{content:'10)';} #subContents .con ol.number.basic3 > li:nth-child(11):before{content:'11)';} #subContents .con ol.number.basic3 > li:nth-child(12):before{content:'12)';} #subContents .con ol.number.basic3 > li:nth-child(13):before{content:'13)';} #subContents .con ol.number.basic3 > li:nth-child(14):before{content:'14)';} #subContents .con ol.number.basic3 > li:nth-child(15):before{content:'15)';} #subContents .con ol.number.basic3 > li:nth-child(16):before{content:'16)';} #subContents .con ol.number.basic3 > li:nth-child(17):before{content:'17)';} #subContents .con ol.number.basic3 > li:nth-child(18):before{content:'18)';} #subContents .con ol.number.basic3 > li:nth-child(19):before{content:'19)';} #subContents .con ol.number.basic3 > li:nth-child(20):before{content:'20)';} #subContents .con ol.number.basic3 > li:nth-child(21):before{content:'21)';} #subContents .con ol.number.basic3 > li:nth-child(22):before{content:'22)';} #subContents .con ol.number.basic3 > li:nth-child(23):before{content:'23)';} #subContents .con ol.number.basic3 > li:nth-child(24):before{content:'24)';} #subContents .con ol.number.basic3 > li:nth-child(25):before{content:'25)';} #subContents .con ol.number.basic3 > li:nth-child(26):before{content:'26)';} #subContents .con ol.number.basic3 > li:nth-child(27):before{content:'27)';} #subContents .con ol.number.basic3 > li:nth-child(28):before{content:'28)';} #subContents .con ol.number.basic3 > li:nth-child(29):before{content:'29)';} #subContents .con ol.number.basic3 > li:nth-child(30):before{content:'30)';} #subContents .con ol.number.circle > li{padding-left:23px;} #subContents .con ol.number.circle > li:nth-child(1):before{content:'①';} #subContents .con ol.number.circle > li:nth-child(2):before{content:'②';} #subContents .con ol.number.circle > li:nth-child(3):before{content:'③';} #subContents .con ol.number.circle > li:nth-child(4):before{content:'④';} #subContents .con ol.number.circle > li:nth-child(5):before{content:'⑤';} #subContents .con ol.number.circle > li:nth-child(6):before{content:'⑥';} #subContents .con ol.number.circle > li:nth-child(7):before{content:'⑦';} #subContents .con ol.number.circle > li:nth-child(8):before{content:'⑧';} #subContents .con ol.number.circle > li:nth-child(9):before{content:'⑨';} #subContents .con ol.number.circle > li:nth-child(10):before{content:'⑩';} #subContents .con ol.number.hangul > li{padding-left:23px;} #subContents .con ol.number.hangul > li:nth-child(1):before{content:'가.';} #subContents .con ol.number.hangul > li:nth-child(2):before{content:'나.';} #subContents .con ol.number.hangul > li:nth-child(3):before{content:'다.';} #subContents .con ol.number.hangul > li:nth-child(4):before{content:'라.';} #subContents .con ol.number.hangul > li:nth-child(5):before{content:'마.';} #subContents .con ol.number.hangul > li:nth-child(6):before{content:'바.';} #subContents .con ol.number.hangul > li:nth-child(7):before{content:'사.';} #subContents .con ol.number.hangul > li:nth-child(8):before{content:'아.';} #subContents .con ol.number.hangul > li:nth-child(9):before{content:'자.';} #subContents .con ol.number.hangul > li:nth-child(10):before{content:'차.';} #subContents .con ol.number.hangul > li:nth-child(11):before{content:'카.';} #subContents .con ol.number.hangul > li:nth-child(12):before{content:'타.';} #subContents .con ol.number.hangul > li:nth-child(13):before{content:'파.';} #subContents .con ol.number.hangul > li:nth-child(14):before{content:'하.';} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:0;} #subContents .con ul li ul, #subContents .con ul li ol{margin:6px auto 12px; padding:12px 16px;/* background:#f9f9f9; */ border:1px solid #eee; border-radius:5px;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.938rem;} #subContents .con ul li ul li strong, #subContents .con ul li ol li strong{font-weight:500;} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 20px;} #subContents .tab > ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{display:block; float:left; width:25%; margin:0 0 -1px;} #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:15px 10px; background:#f1f1f1; border:1px solid #ddd; border-left:none; color:#444; font-size:1.125rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .tab > ul li:first-child .tabLink{border-left:1px solid #ddd;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .tab > ul li .tabLink.active{padding:13px 10px 15px; background:#fff; border-top-width:3px; border-top-color:#3e6baf; border-bottom-color:#fff; color:#3e6baf; font-weight:500;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto 80px;} #subContents .tabCon .tabItem:last-child{margin:0 auto;} #subContents .tabCon .tabItem{display:none;} #subContents .tabCon .tabItem.active{display:block;} #subContents .tabMenu{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0px 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:130px; max-width:280px; 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:20px 22px; border:1px solid #ddd; border-right:1px solid transparent;color:#666; font-size:1.125rem; font-weight:400; cursor:pointer; outline:none; transition:transform 0s; z-index:1;} #subContents .tabMenu > ul li:last-child .tabMenuLink{border-right:1px solid #ddd;} #subContents .tabMenu > ul li .tabMenuLink:focus, #subContents .tabMenu > ul li .tabMenuLink:hover{background:#ddd;} #subContents .tabMenu > ul li .tabMenuLink.active{background:#3e6baf;border:1px solid #3e6baf;color:#fff; font-weight:500; z-index:1;} #subContents .tableW{width:100%; margin:0 auto 20px;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #3e6baf; text-align:center;} #subContents table tr th{line-height:1.4;min-height:40px; padding:15px 14px; background:#f7f7f7; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowtit{background:#e6e6e6;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1rem; word-break:keep-all; vertical-align:middle;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.alignLeft{text-align:left;} #subContents table tr td.break{word-break:break-all;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} .sub01_01, .sub01_02, .sub01_03, .sub01_04,.sub01_05,.sub01_06, .sub02_01, .sub02_02, .sub02_03, .sub02_04, .sub03_01, .sub03_02, .sub03_03, .sub03_04,.sub03_05,.sub03_06, .sub04_01, .sub05_01, .sub05_02, .sub05_03, .sub05_04, .sub06_01, .sub06_02, .sub06_03, .sub06_04,.sub06_05, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub01_01 .intro{background:url("../images/sub/01/01_intro_bg.jpg") no-repeat center center;background-size:cover;padding:70px 10px;margin-bottom:20px;text-align:center;} #subContents .sub01_01 .intro p{font-size:1.5625rem;font-weight:600;margin-bottom:12px;color:#fff;font-family:'Noto Serif KR';text-shadow:1px 1px #000;word-break:keep-all;} #subContents .sub01_01 .intro strong{font-size:1.1875rem;color:#eee;font-family:'Noto Serif KR';font-weight:400;line-height:1.2;word-break:keep-all;} #subContents .sub01_01 .history{background:#f7f7f7;padding:10px;margin-bottom:20px;} #subContents .sub01_01 .history ul{clear:both; width:100%; margin:0 auto;padding:30px;border:double #e2e2e2;} #subContents .sub01_01 .history ul > li{position:relative; margin:0 auto 20px;line-height:1.6; word-break:keep-all;} #subContents .sub01_01 .history ul > li:last-child{margin-bottom:0;} #subContents .sub01_01 .history ul > li span{color:#3e6baf;font-family:'Noto Serif KR';font-size:1.25rem;font-weight:600;} #subContents .sub01_01 .history ul > li strong{font-weight:500;color:#000;} #subContents .sub01_02 .greeting{position:relative;vertical-align:bottom;width:calc(100% - 250px);background: #e8eff9 url("../images/sub/01/01_02_bg.png") repeat center center;border-bottom-left-radius: 50px;padding:50px;height:230px;margin-top:60px;} #subContents .sub01_02 .greeting p{font-size:1.5625rem;font-weight:600;margin-bottom:12px;color:#3e6baf;font-family:'Noto Serif KR';word-break:keep-all;} #subContents .sub01_02 .greeting strong{font-size:1.1875rem;color:#8ca5cb;font-family:'Noto Serif KR';font-weight:400;line-height:1.2;word-break:keep-all;} #subContents .sub01_02 .greeting_img{position:absolute;bottom:0;right:0;vertical-align:bottom;width:250px;} #subContents .sub01_02 .day{margin:40px 0px 5px 0px;text-align:right;font-size:1.0625rem;} #subContents .sub01_02 .name{text-align:right;font-size:1.25rem;} #subContents .sub01_02 .name span{margin-left:5px;font-weight:700;} #subContents .sub01_03 .con{margin:0 auto 5em;} #subContents .sub01_03 .con:last-child{margin:0 auto;} #subContents .sub01_03 .con .conTitle h4 span.eng{color:#888; font-size:.875em;} #subContents .sub01_03 .con.area01{} #subContents .sub01_03 .con.area01 .boxW{margin:0 auto 2em;} #subContents .sub01_03 .con.area01 .boxW p{margin:0 auto; padding:1.125em 1.25em; background:#f7f7f7;} #subContents .sub01_03 .con.area01 .boxW p.ti{margin:0 auto .5em; padding:0; background:none; font-size:1.25em;} #subContents .sub01_03 .con.area01 .boxW p.ti strong{} #subContents .sub01_03 .con.area01 .boxW.mission{} #subContents .sub01_03 .con.area01 .boxW.vision{} #subContents .sub01_03 .con.area01 .boxW.slogan{} #subContents .sub01_03 .con.value{} #subContents .sub01_03 .con.value ul.values{display:flex; flex-wrap:wrap; gap:2em;} #subContents .sub01_03 .con.value ul.values li{flex:1;} #subContents .sub01_03 .con.value ul.values li .wrap{} #subContents .sub01_03 .con.value ul.values li .wrap .imgW{width:4em; aspect-ratio:1; margin:0 auto 1em; /*background:#ddd; border-radius:50%;*/ text-align:center;} #subContents .sub01_03 .con.value ul.values li .wrap .imgW img{display:inline-block; width:100%; max-width:fit-content; margin:0 auto;} #subContents .sub01_03 .con.value ul.values li .wrap .txtW{} #subContents .sub01_03 .con.value ul.values li .wrap .txtW p{font-size:.938em; text-align:center;} #subContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti{line-height:1.2; margin:0 auto .875em; font-size:1.25em;} #subContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti strong{} #subContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti span.eng{color:#888; font-size:.625em;} #subContents .sub01_03 .box{background:#f7f7f7;padding:40px;} #subContents .sub01_03 .box:after{content:'';display:block;clear:both;} #subContents .sub01_03 .box .clear{clear:both; display:inline-block; width:100%; marign:0 auto 1em;} #subContents .sub01_03 .box .layoutLeft{width:30%;} #subContents .sub01_03 .box .layoutLeft .imgW{margin:0 auto 1em; padding:50px 30px; background:#fff;} #subContents .sub01_03 .box .layoutLeft .imgW:last-child{marign:0 auto; padding:15px 30px;} #subContents .sub01_03 .box .layoutLeft .imgW img{max-width:276px;} #subContents .sub01_03 .box .layoutRight{width:70%;padding-left: 40px;} #subContents .sub01_03 .box .layoutRight ul.color{margin:-1.5em auto 2em;} #subContents .sub01_03 .box .layoutRight ul.color li{line-height:1.6;font-size:1.0625rem;} #subContents .sub01_03 .box .layoutRight ul.color li:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;} #subContents .sub01_03 .box .layoutRight ul.color li.green:before{background:#146334;} #subContents .sub01_03 .box .layoutRight ul.color li.red:before{background:#ae292e;} #subContents .sub01_03 .box .layoutRight ul.color li.yellow:before{background:#e8a443;} #subContents .sub01_03 .box .layoutRight ul.color li.blue:before{background:#005eb8;} #subContents .sub01_03 .box .layoutRight ul.universe{margin:-1.5em auto 2em;} #subContents .sub01_03 .box .layoutRight ul.universe li{line-height:1.6; word-break:keep-all;} #subContents .sub01_03 .box .layoutRight ul.universe li:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;} #subContents .sub01_03 .box .layoutRight ul.universe li.sky:before{background:#988372;} #subContents .sub01_03 .box .layoutRight ul.universe li.human:before{background:#736558;} #subContents .sub01_03 .box .layoutRight ul.universe li.earth:before{background:#50433b;} #subContents .sub01_03 .box .imgW.colorsystem{margin:0 auto 1.5em; text-align:center;} #subContents .sub01_03 .box .imgW.colorsystem img{width:100%; max-width:fit-content; margin:0 auto;} #subContents .sub01_03 .box .txtW p span.ico{display:inline-block;width:10px;height:10px;margin-right:10px;} #subContents .sub01_03 .box .txtW p span.ico.panton300c{background:#005eb8;} #subContents .sub01_03 p.point{margin-top:10px;} #subContents .sub01_04 table th{line-height:1.6;} #subContents .sub01_04 table th p{color:#3e6baf;font-weight:700;font-size:1.25rem;margin-bottom:0px;} #subContents .sub01_04 table th span{color:#888;font-weight:400;} #subContents .sub01_04 table td{padding:30px;} #subContents .sub01_04 table td ul li{line-height:1.6;margin:0 auto 10px;word-break:keep-all;} #subContents .sub01_04 table td ul li span{font-weight:500;} #subContents .sub01_04_02 .historyCon{clear:both;position:relative; width:100%; padding-bottom:60px;} #subContents .sub01_04_02 .historyCon:before{content:''; position:absolute; width:2px; top:0; bottom:0; left:0%;background:#eee; z-index:-1;} #subContents .sub01_04_02 .historyList{clear:both; display:inline-block; position:relative; float:right; width:100%; margin:30px 0 0; padding:0 0 0 5%; text-align:left;} #subContents .sub01_04_02 .historyList .year{display:inline-block; margin:0 0 20px;} #subContents .sub01_04_02 .historyList .year span{color:#3e6baf; font-size:1.5rem; font-weight:700;} #subContents .sub01_04_02 .historyList .year:before{content:''; display:block; position:absolute; width:44px; height:1px; top:12px; left:0;background:#3e6baf;} #subContents .sub01_04_02 .historyList .year:after{content:''; display:block; position:absolute; width:14px; height:14px; top:12px;left:-6px; margin-top:-7px; background:#fff;border:3px solid #3e6baf; border-radius:50%;box-shadow: 0px 0px 6px #acc1e1;} #subContents .sub01_04_02 .historyList .info{} #subContents .sub01_04_02 .historyList .info ul{} #subContents .sub01_04_02 .historyList .info ul li{margin:0 0 14px;padding:16px 20px;background:#f7f7f7;border:1px solid #ddd;border-radius:10px;} #subContents .sub01_04_02 .historyList .info ul li ul,#subContents .sub01_04_02 .historyList .info ul li ol{padding:0;background:transparent;border:none;margin:0;} #subContents .sub01_04_02 .historyList .info ul li ul li,#subContents .sub01_04_02 .historyList .info ul li ol li{padding:0;padding-left:18px; background:transparent;border:none;margin:0;color:#5a5a5a;line-height:1.6;font-size:1rem;} #subContents .sub01_04_02 .historyList .info ul li ul li:before,#subContents .sub01_04_02 .historyList .info ul li ol li:before{color:#5a5a5a;} #subContents .sub01_04_02 .historyList .info ul li p{line-height:1.6; font-size:1rem;color:#5a5a5a;} #subContents .sub01_04_02 .historyList .info ul li p strong{display:block; margin:0 0 8px;color:#222;font-size:1.0625rem;font-weight:500;} #subContents .sub01_04_02 .historyList .info ul li p span{font-weight:500;display:block;} #subContents .sub01_04_02 .historyList .info ul li p span:before{content:"[";padding-right:4px;} #subContents .sub01_04_02 .historyList .info ul li p span:after{content:"]";padding-left:4px;} #subContents .sub01_04_02 .clearfix{display:inline-block; width:100%;} #subContents .sub01_04_03 ol.number{border-top: 3px solid #3e6baf;} #subContents .sub01_04_03 ol.number > li{margin:0 auto;padding:16px 18px 16px 36px;} #subContents .sub01_04_03 ol.number > li:nth-child(odd){background:#f7f7f7;} #subContents .sub01_04_03 ol.number > li:nth-child(even){background:#eee;} #subContents .sub01_04_03 .con ol.number.basic3 > li:nth-child(n + 10){padding-left:42px;} #subContents .sub01_04_03 .con ol.number.basic3 > li:before{left:18px;color:#3e6baf;} #subContents .sub02_02 .con p + ol.number,#subContents .sub02_02 .con p + ul.list{margin-top:-30px !important;} #subContents .sub02_02 .con ol.number + p,#subContents .sub02_02 .con ul.list + p{margin-top:-30px !important;} #subContents .sub02_02 table td span strong{font-weight:500;color:#000;} #subContents .sub02_02 .check li{display:inline-block;padding:10px 12px;border:1px solid #ddd;line-height:1.6;} #subContents .sub02_02 .check li:first-child{margin-right:12px;} #subContents .sub02_02 .check li label:first-child{margin-right:6px;} #subContents .sub02_02 input[type=text]{width:100px;color:#333;font-size:0.9375rem;padding:4px 6px;border:1px solid #ddd;background:#f7f7f7;} #subContents .sub02_02 label span{padding-left:4px;} #subContents .sub02_02 p span{font-weight:500;} #subContents .sub02_02.fee table tr td input[type=text]{width:100%;} #subContents .sub02_02.fee table tr td #zip{width:20%;min-width:180px;display:inline-block;} #subContents .sub02_02.fee table tr td a.ad_btn{display:inline-block;width:7%;min-width:63px;padding:4px 6px;font-size:1rem;color:#fff;background:#3e6baf;border:1px solid #3e6baf;vertical-align:middle;margin-left:1%;text-align:center;} #subContents .sub03_07{} #subContents .sub03_07 .con .link ul{background: #f7f7f7;padding: 28px;border: 1px dotted #ddd;border-radius:10px;} #subContents .sub03_07 .con .link ul li{display:block;} #subContents .sub03_07 .con .link ul li:first-child{margin-right:0;margin-bottom:10px;} #subContents .sub03_07 .con .link a{display:block;background:#fff;} #subContents .sub03_07 .con .link a:focus,#subContents .sub03_07 .con .link a:hover{background: #3e6baf;} #subContents .sub03_07 .con a.download{margin-left:0;} #subContents .rule .con{border-bottom:1px solid #eee;} #subContents .rule .con:last-child{border-bottom:0;} #subContents .rule .con.update {float: right;width: auto;padding: 20px 0 20px 20px;font-size: 0.875rem;z-index:2;border-bottom:none;} #subContents .rule .con.update .box{clear: both;display: inline-block;position: relative;width: 100%;margin-bottom: 40px;border: double #ddd;background: #fff;} #subContents .rule .con.update .box ul{padding: 15px 20px;} #subContents .rule .con.update .box ul li{line-height:1.6;color:#888;text-align:right;} #subContents .rule .con.update + .con{clear:none;display:block;} #subContents .rule .con p strong{font-weight:500;} #subContents .rule .con p + ol.number,#subContents .rule .con p + ul.list{margin-top:-30px !important;} #subContents .rule .con p,#subContents .rule ol.number,#subContents .rule ul.list{margin-bottom:40px;} #subContents .rule ol.number li ol.number,#subContents .rule ol.number li ul.list,#subContents .rule ul.list li ul.list,#subContents .rule ul.list li ol.number{background:#f9f9f9;border:1px dotted #e0e0e0;padding:14px 16px;margin:10px auto;} #subContents .sub04_01 iframe{width:100%;/*height:480px;border:8px solid transparent; background:#e0e4e8; overflow-x:scroll;*/height:1896px; border-radius:10px 0 10px 10px;box-sizing:border-box;} #subContents .sub06_03 .con p + ol.number,#subContents .sub06_03 .con p + ul.list{margin-top:-30px !important;} #subContents .sub06_04 table tbody th{background:#f4f6fb;color: #3e6baf;} #subContents .sub06_04 table tr td:last-child{border-right:1px solid #ddd;} #subContents .sub06_04 table tr td strong{font-weight:500;} #subContents .sub06_05 .map{margin-bottom:30px;} #subContents .sub98_01 .con{margin-bottom:50px;} #subContents .sub98_01 .con:last-child{display:none;} #subContents .sub98_01 .conTitle h4{margin-bottom:15px;} #subContents .sub98_01 .con p{display:inline-block; position:relative; line-height:1; margin:20px 0 25px; padding:0 0 0 30px; color:#333; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .sub98_01 .con p:before{content:''; display:inline-block; position:absolute; width:19px; height:19px; top:7px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat; box-sizing:content-box;} #subContents .sub98_01 .con ul{margin:0; padding:5px 20px 20px; background:#fcfcfc; border:1px solid #dedede;} #subContents .sub98_01 .con:nth-child(4) ul{display:none;} #subContents .sub98_01 .con ul li{display:inline-block; position:relative; width:22.1%; margin:15px 30px 0 0; padding:0 0 0 12px; vertical-align:top;} #subContents .sub98_01 .con ul li:before{content:''; display:inline-block; position:absolute; width:4px; height:2px; top:9.5px; left:0; background:#89ace1;} #subContents .sub98_01 .con ul li a{position:relative; font-size:1.0625rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub98_01 .con ul li a:after{content:''; display:block; position:absolute; width:0%; height:1px; top:100%; left:50%; margin-top:-1px; margin-left:-49.2%; background:#3e6baf; opacity:0; transition:0.2s;} #subContents .sub98_01 .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#3e6baf;} #subContents .sub98_01 .con ul li a:focus:after, #subContents .sub98_01 .con ul li a:hover:after{width:96%; opacity:1;} #subContents .sub98_01 .con ul li ul{display:none;} #/* subContents .sub98_02 .con p{margin-bottom:20px;} #subContents .sub98_02 .con p:last-child{margin-bottom:0;} #subContents .sub98_02 .con ul, #subContents .sub98_02 .con ol{margin-bottom:20px;} #subContents .sub98_02 .con ul:last-child, #subContents .sub98_02 .con ol:last-child{margin-bottom:0;} */ #subContents .sub98_03 .con .box{padding:20px 25px; background:#f7f7f7; border:1px solid #ddd;} #subContents .sub98_03 .con .conTitle h6{margin:0 0 12px;} #subContents .sub98_03 .con ol{clear:both; width:100%;} #subContents .sub98_03 .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .sub98_03 .con ol > li:last-child{margin-bottom:0;} @media only screen and (max-width:1279px){ #subVisual{min-width:1024px;} #container #path{min-width:320px;} #subContents{max-width:960px; min-height:300px; padding:40px 0; border-left:none;} #subContents .inner{width:100%;} #subContents .conTitle h4{margin:20px 0 20px;} #subContents .tableW{overflow-x:auto;} #subContents .sub98_01 .con ul li {width: 29.8%;} } @media only screen and (max-width:1023px){ #subVisual{min-width:320px; height:180px;} #subVisual .title{top:58px;} #subVisual .title h2{font-size:1.75rem;} #container #path{min-width:320px; height:38px;margin-top:-38px;} #path .inner{padding:0;} #path ul{float:none;} #path ul li{width:33.3%;} #path ul li.btnHome{display:none;} #path ul li button{width:100%;min-width:auto; height:38px; padding:0 20px 0 10px; font-size:12.8px; line-height:38px;} #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:12.8px; 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:300px; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .conTitle h3{font-size:1.5rem;} #subContents .con p{margin-bottom:30px; text-align:left; font-size:0.938rem;} #subContents .con .txtBox span{font-size:1.125rem;padding: 18px 20px;} #subContents .con .link a{padding:18px 20px;font-size:1.0625rem;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:block;} #subContents .tableW{border:8px solid transparent; background:#e0e4e8; overflow-x:scroll; border-radius:10px 0 10px 10px;box-sizing:border-box;} #subContents .sub01_01 .intro{padding:60px 20px;} #subContents .sub01_01 .intro p{text-align:center;font-size:1.375rem;} #subContents .sub01_01 .intro strong{font-size: 1.125rem;} #subContents .sub01_01 .history ul > li span{font-size:1.1875rem;} #subContents .sub01_02 .greeting{padding:40px;} #subContents .sub01_02 .greeting p{font-size:1.375rem;} #subContents .sub01_02 .greeting strong{font-size: 1.125rem;} #subContents .sub01_02 .day{font-size:1rem;} #subContents .sub01_02 .name{font-size:1.1875rem;} #subContents .sub01_03 .con.value ul.values{gap:3em 2em;} #subContents .sub01_03 .con.value ul.values li{flex:1 1 calc(50% - 1em);} #subContents .sub01_03 .con.value ul.values li p{max-width:300px; margin:0 auto;} #subContents .sub01_03 .box .layoutLeft{width:50%;float:left;} #subContents .sub01_03 .box .layoutLeft .imgW{padding:58px 30px;} #subContents .sub01_03 .box .layoutRight{width:50%;float:right;} #subContents .sub01_03 .box .layoutRight ul.color li{font-size:1rem;} #subContents .sub01_04 table th p{text-align:Center;font-size:1.1875rem;} #subContents .sub01_04 table th p span{font-size:0.938rem;} #subContents .sub01_04 table td{padding:12px 14px;font-size:0.938rem;} #subContents .sub01_04_02 .historyList{padding:0 0 0 55px;} #subContents .rule .con.update{float:none;width:100%;padding:0;z-index:1;} #subContents .rule .con.update .box{margin-bottom:0;} #subContents .rule .con.update .box ul{font-size:0;} #subContents .rule .con.update .box ul li{width:100%;font-size:0.875rem;text-align:center;vertical-align:top;} #subContents .rule ol.number li ol.number, #subContents .rule ol.number li ul.list, #subContents .rule ul.list li ul.list, #subContents .rule ul.list li ol.number{padding:12px 14px;} #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(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;} #bo_v_con{overflow-x:auto;} } @media only screen and (max-width:768px){ #subContents{padding:20px 0 30px;} #subContents .conTitle h3{display:none;} #subContents .conTitle h4{margin:10px 0 16px; font-size:1.313rem;} #subContents .conTitle h5{line-height:1.2; margin:18px 0 12px; font-size:1.125rem;} #subContents .conTitle h6{font-size:1rem;} #subContents .tab{margin:0 auto 20px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents .tabMenu{margin:10px auto 20px;} #subContents .tabMenu > ul li{min-width:90px;} #subContents .tabMenu > ul li .tabMenuLink{font-size:1rem;padding:16px 18px;} #subContents .con p{line-height:1.5; margin-bottom:28px; font-size:0.938rem;} #subContents .con p + p.point{margin-top:-28px;} #subContents .con .txtBox span{font-size:1.0625rem;padding: 16px 18px;} #subContents .con .link a{padding:16px 18px;font-size:1rem;min-width:120px;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:5px 8px 6px;} #subContents table tr th{font-size:0.938rem;} #subContents table tr td{font-size:0.938rem;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul.list > li,#subContents .con ol.number > li{font-size:0.9375rem;} #subContents .sub01_01 .intro{padding:40px 20px;} #subContents .sub01_01 .intro p{font-size:1.25rem;} #subContents .sub01_01 .intro strong{font-size: 1rem;} #subContents .sub01_01 .history ul{padding:20px;} #subContents .sub01_01 .history ul > li span{font-size:1.125rem;} #subContents .sub01_02 .greeting_img{position: initial;margin:0 auto;width:200px;} #subContents .sub01_02 .greeting{margin-top:-30px;width:100%;z-index:-1;padding:30px 20px;padding-top:60px;height:auto;text-align:center;} #subContents .sub01_02 .greeting p{font-size:1.25rem;text-align:center;} #subContents .sub01_02 .greeting strong{font-size: 1rem;} #subContents .sub01_02 .name{font-size:1.125rem;} #subContents .sub01_03 .box{padding:30px;} #subContents .sub01_03 .box .layoutLeft{float:none;width:100%;text-align:Center;} #subContents .sub01_03 .box .layoutLeft .imgW{padding:30px;} #subContents .sub01_03 .box .layoutRight{float:none;width:100%;padding-left:0;padding-top:20px;} #subContents .sub01_04 table colgroup{display:none;} #subContents .sub01_04 table th{display:block;width:100%;border-right:none;} #subContents .sub01_04 table th p{text-align:Center;font-size:1.125rem;} #subContents .sub01_04 table td{display:block;width:100%;padding:14px 16px;font-size:0.9375rem;} #subContents .sub01_04 table tr:last-child td{border-bottom:none;} #subContents .sub01_04_02 .historyCon{padding-bottom:20px;} #subContents .sub01_04_02 .historyList{padding:0 0 0 25px;margin:20px 0 0;} #subContents .sub01_04_02 .historyList .year:before{display:none;} #subContents .sub01_04_02 .historyList .year span{font-size:1.375rem;} #subContents .sub01_04_02 .historyList .info ul li p{font-size:0.9375rem;} #subContents .sub01_04_02 .historyList .info ul li p strong{font-size:1rem;} #subContents .sub01_04_03 ol.number > li{padding:14px 16px 14px 34px;} #subContents .sub01_04_03 .con ol.number.basic3 > li:before{left:16px;} #subContents .sub02_02 .con p + ol.number,#subContents .sub02_02 .con p + ul.list{margin-top:-20px !important;} #subContents .sub02_02 .con ol.number + p,#subContents .sub02_02 .con ul.list + p{margin-top:-20px !important;} #subContents .sub02_02 .check li{width:100%;text-align:Center;} #subContents .sub02_02 .check li:first-child{margin-right:0;margin-bottom:12px;} #subContents .sub02_02 .check li label:first-child{margin-right:20px;} #subContents .sub02_02.fee table tr td #zip {min-width:100px;} #subContents .sub02_02.fee table tr td a.ad_btn{font-size: 0.9375rem;} #subContents .sub03_07 .con .link ul{padding:20px;} #subContents .rule .con{margin:0 auto 30px;} #subContents .rule .con p, #subContents .rule ol.number, #subContents .rule ul.list{margin-bottom:30px;} #subContents .rule .con p + ol.number, #subContents .rule .con p + ul.list{margin-top:-20px !important;} #subContents .sub06_03 .con p + ol.number, #subContents .sub06_03 .con p + ul.list{margin-top:-20px !important;} #subContents .sub06_05 .map{margin-bottom:20px;} #subContents .sub06_05 .map .root_daum_roughmap .wrap_map{height:260px !important;} #subContents .sub98_01 .con ul li{width:98%;} } @media only screen and (max-width:580px){ #subContents .sub01_03 .con.value ul.values{gap:1.5em;} #subContents .sub01_03 .con.value ul.values li{flex:1 1 100%;} }