@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; /*max-width:1920px;*/ height:400px; margin:0 auto; padding:0; background:#000; overflow:hidden; box-sizing:border-box; transition:.8s; z-index:0;} #subVisual .subBg{clear:both; position:relative; width:100% ; height:100%; background-color:#717171; background-repeat:no-repeat; background-size:cover; overflow:hidden;} #subVisual .subBg01{background-image:url('../images/sub/sub_visual_01.jpg'); background-position:center center;} #subVisual .subBg02{background-image:url('../images/sub/sub_visual_02.jpg'); background-position:center center;} #subVisual .subBg03{background-image:url('../images/sub/sub_visual_03.jpg'); background-position:center center;} #subVisual .subBg04{background-image:url('../images/sub/sub_visual_04.jpg'); background-position:center center;} #subVisual .subBg05{background-image:url('../images/sub/sub_visual_05.jpg'); background-position:center center;} #subVisual .subBg06{background-image:url('../images/sub/sub_visual_06.jpg'); background-position:center center;} #subVisual .subBg98, #subVisual .subBg99, #subVisual .subBgmypage, #subVisual .subBgetc, #subVisual .subBgbbs{background-image:url('../images/sub/sub_visual_99.jpg'); background-position:center center;} #subVisual .inner{height:100%;} #subVisual .title{position:relative; margin-top:20px; top:50%; text-align:center; transform:translateY(-50%); z-index:2;} #subVisual .title h2{margin:0 auto; color:#fff; font-size:2.5em; font-weight:500; word-break:keep-all; text-shadow:1px 1px 2px rgba(0,0,0,.2);} #subVisual .title .fade-in-bottom{-webkit-animation:fade-in-bottom .8s ease-in-out .3s both; animation:fade-in-bottom .8s ease-in-out .3s both; -webkit-animation-delay:.3s; animation-delay:.3s;} #subVisual .subBg:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,.4); z-index:1;} #subVisual:after{content:''; display:block; position:absolute; width:100%; bottom:0; padding:0 0 1px; background:#ddd; z-index:1;} #path{clear:both; position:absolute; width:100%; top:272px; text-align:center; -webkit-animation:fade-in-bottom .8s ease-in-out .3s both; animation:fade-in-bottom .8s ease-in-out .3s both; -webkit-animation-delay:.3s; animation-delay:.3s;} #path ul{} #path ul li{display:inline-block;} #path ul li.btnHome a, #path ul li button{padding:0; background:transparent; color:#fff;} #path ul li:after{content:'/'; display:inline-block; margin:0 8px; color:#fff; opacity:.4;} #path ul li:last-child:after{content:''; display:none;} #path ul li ul{display:none;} #side{clear:both; position:relative; width:100%; background:#fff; border-bottom:1px solid #ddd; z-index:1;} #side ul{width:100%; background:#fff; margin:0 auto; text-align:center;} #side ul li{display:inline-block; height:auto; margin:0 12px;} #side ul li a{display:inline-block; position:relative; height:100%; padding:20px 2px; color:#13162a; font-size:1.125em; font-weight:500; word-break:keep-all; z-index:1;} #side ul li a:before{content:''; display:block; position:absolute; width:0; height:3px; bottom:-2px; left:0; background:#5761b2; z-index:-1; transition:.2s;} #side ul li a:focus, #side ul li a:hover{color:#5761b2;} #side ul li.active a{color:#5761b2; font-weight:700;} #side ul li.active a:before{width:100%;} #subContents{position:relative; width:100%; height:100%; min-height:520px; margin:0 auto; padding:60px 0 100px; background:#fff; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:17px; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; line-height:1; box-sizing:border-box;} #subContents .conTitle h3{display:block; margin:0 auto 40px; font-size:2em; font-weight:700; text-align:center;} #subContents .conTitle h3 span.depth02 > span {margin-left: 2px;font-size: .875em;line-height: 1.5;} #subContents .conTitle h4{display:inline-block; position:relative; line-height:1.4; margin:20px 0 16px; padding:0; color:#222; font-size:1.5em; font-weight:700; word-break:keep-all;} #subContents .conTitle h4 span.mini{color:#717171; font-size:1.25em;} #subContents .conTitle h4 span.eng{font-size:.875em; margin-left: 2px;} #subContents .conTitle h5{display:block; position:relative; line-height:1.3; margin:20px 0 14px; padding:0; color:#333a70; font-size:1.25em; font-weight:700; word-break:keep-all;} #subContents .conTitle h5 span.num{color:#5761b2;} #subContents .conTitle h5 span.eng{font-size: .875em; margin-left: 2px;} #subContents .conTitle h6{display:block; position:relative; line-height:1.2; margin:18px 0 12px; padding:0 0 0 16px; color:#5761b2; font-size:1.063em; font-weight:700; word-break:keep-all;} #subContents .conTitle h6:before{content:''; display:inline-block; position:absolute; width:12px; height:12px; top:0; left:0; background:#ffe555; border-radius:12px; opacity:.8;} #subContents .conTitle h6:after{content:''; display:inline-block; position:absolute; width:12px; height:12px; top:6px; left:0; background:#9da3d2; border-radius:12px; opacity:.4;} #subContents .conTitle h6 span.num{color:#5761b2;} #subContents .con:first-child > .conTitle h4, #subContents .conTitle:first-child h4, #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5, #subContents .conTitle:first-child h6, #subContents .conTitle + .conTitle h6{margin-top:0;} #subContents .conTitle.nobullet h4, #subContents .conTitle.nobullet h5, #subContents .conTitle.nobullet h6{padding:0;} #subContents .conTitle.nobullet h5:before, #subContents .conTitle.nobullet h6:before{display:none;} #subContents .conTitle.alignCenter{text-align:center;} #subContents .conTitle.alignCenter h4{margin:20px 0;} #subContents .conTitle.alignCenter h4:after{content:''; display:block; width:40px; height:3px; margin:12px auto 8px; background:#333a70; background:linear-gradient(90deg, #333a70 0, #5761b2 100%); border-radius:2px;} #subContents .ready{} #subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 80px; padding:0; color:#222; z-index:1;} #subContents .con:last-child{margin:0 auto; padding:0;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1em; word-break:keep-all;} #subContents .con > p + p{margin-top:-20px;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{position:relative; padding-left:18px; color:#d21a20;} #subContents .con p.point.blue{color:#5761b2;} #subContents .con p.point.black{color:#222;} #subContents .con p.point:before{content:'※'; position:absolute; top:0; left:0;} #subContents .con p.point.star:before{content:'☆';} #subContents .con p.point a{color:inherit;} #subContents .con p.point a:focus, #subContents .con p.point a:hover{text-decoration:underline;} #subContents .con p.info{color:#717171; font-size:.875em; text-align:center;} #subContents .con p.info:before{content:'< ';} #subContents .con p.info:after{content:' >'} #subContents .con p.info.nobullet:before, #subContents .con p.info.nobullet:after{content:''; display:none;} #subContents .con p.alignLeft{text-align:left;} #subContents .con p.alignCenter{text-align:center;} #subContents .con p.alignRight{text-align:right;} #subContents .con p.postDate{color:#d21a20; text-align:right;} #subContents .con p.postDate.gray{color:#717171;} #subContents .con img{display:inline-block; width:auto; max-width:1560px; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a{display:inline-block;} #subContents .con a:focus, #subContents .con a:hover{color:#5761b2;} #subContents .con label.btn.select{display:inline-block; line-height:1; height:auto; margin:4px 8px 4px 0; padding:0; border:none; border-radius:0; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;} #subContents .con label.btn.select input.pick{display:inline-block; width:0; height:0; line-height:1; opacity:0;} #subContents .con label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:18px; height:18px; line-height:1; background:#fff; border:1px solid #ccc; border-radius:50%; vertical-align:bottom; cursor:pointer;} #subContents .con label.btn.select input.pick:checked ~ span.checkmark{background:#333a70; border-color:#333a70;} #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:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio:disabled ~ span.txt{color:#717171; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio ~ span.checkmark:after{width:8px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-4px; background:#fff; border-radius:50%;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark:after{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark:after{background:#bbb;} #subContents .con label.btn.select span.txt{} #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:#9da3d2;} #subContents .con ul.list.circle > li:before{width:4px; height:4px; top:11px; background:#9da3d2; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:8px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #9da3d2; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:3px; color:#9da3d2;} #subContents .con ul.list.check > li{padding-left:20px;} #subContents .con ul.list.check > li:before{width:15px; height:13px; top:6px; background:url('../images/sub/ico_bullet_check.png') no-repeat;} #subContents .con ul.list.nobullet > li{padding-left:0;} #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:#5761b2; font-weight:500;} #subContents .con ol.number.basic > li:nth-child(9) ~ li{padding-left:26px;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'1.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic > li:nth-child(11):before{content:'11.';} #subContents .con ol.number.basic > li:nth-child(12):before{content:'12.';} #subContents .con ol.number.basic > li:nth-child(13):before{content:'13.';} #subContents .con ol.number.basic > li:nth-child(14):before{content:'14.';} #subContents .con ol.number.basic > li:nth-child(15):before{content:'15.';} #subContents .con ol.number.basic > li:nth-child(16):before{content:'16.';} #subContents .con ol.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:26px; word-break:keep-all;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:before{display:block; position:absolute; left:0; color:#5761b2; font-weight:500;} #subContents .con ol.number.basic2 > li:nth-child(1):before{content:'01)'; letter-spacing:0;} #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)'; letter-spacing:0;} #subContents .con ol.number.basic3 > li{padding-left:18px;} #subContents .con ol.number.basic3 > li:nth-child(10) ~ *{padding-left:24px;} #subContents .con ol.number.basic3 > li:nth-child(1):before{content:'1)'; letter-spacing:0;} #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)'; letter-spacing:0;} #subContents .con ol.number.basic4 > li{padding-left:22px;} #subContents .con ol.number.basic4 > li:nth-child(1):before{content:'(1)'; letter-spacing:0;} #subContents .con ol.number.basic4 > li:nth-child(2):before{content:'(2)';} #subContents .con ol.number.basic4 > li:nth-child(3):before{content:'(3)';} #subContents .con ol.number.basic4 > li:nth-child(4):before{content:'(4)';} #subContents .con ol.number.basic4 > li:nth-child(5):before{content:'(5)';} #subContents .con ol.number.basic4 > li:nth-child(6):before{content:'(6)';} #subContents .con ol.number.basic4 > li:nth-child(7):before{content:'(7)';} #subContents .con ol.number.basic4 > li:nth-child(8):before{content:'(8)';} #subContents .con ol.number.basic4 > li:nth-child(9):before{content:'(9)';} #subContents .con ol.number.basic4 > li:nth-child(10):before{content:'(10)'; letter-spacing:0;} #subContents .con ol.number.circle > li{padding-left:20px;} #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 ol.number.alphabet > li{padding-left:23px;} #subContents .con ol.number.alphabet > li:nth-child(1):before{content:'A.';} #subContents .con ol.number.alphabet > li:nth-child(2):before{content:'B.';} #subContents .con ol.number.alphabet > li:nth-child(3):before{content:'C.';} #subContents .con ol.number.alphabet > li:nth-child(4):before{content:'D.';} #subContents .con ol.number.alphabet > li:nth-child(5):before{content:'E.';} #subContents .con ol.number.alphabet > li:nth-child(6):before{content:'F.';} #subContents .con ol.number.alphabet > li:nth-child(7):before{content:'G.';} #subContents .con ol.number.alphabet > li:nth-child(8):before{content:'H.';} #subContents .con ol.number.alphabet > li:nth-child(9):before{content:'I.';} #subContents .con ol.number.alphabet > li:nth-child(10):before{content:'J.';} #subContents .con ol.number.alphabet > li:nth-child(11):before{content:'K.';} #subContents .con ol.number.alphabet > li:nth-child(12):before{content:'L.';} #subContents .con ol.number.alphabet > li:nth-child(13):before{content:'M.';} #subContents .con ol.number.alphabet > li:nth-child(14):before{content:'N.';} #subContents .con ol.number.alphabet > li:nth-child(15):before{content:'O.';} #subContents .con ol.number.alphabet > li:nth-child(16):before{content:'P.';} #subContents .con ol.number.alphabet > li:nth-child(17):before{content:'Q.';} #subContents .con ol.number.alphabet > li:nth-child(18):before{content:'R.';} #subContents .con ol.number.alphabet > li:nth-child(19):before{content:'S.';} #subContents .con ol.number.alphabet > li:nth-child(20):before{content:'T.';} #subContents .con ol.number.alphabet > li:nth-child(21):before{content:'U.';} #subContents .con ol.number.alphabet > li:nth-child(22):before{content:'V.';} #subContents .con ol.number.alphabet > li:nth-child(23):before{content:'W.';} #subContents .con ol.number.alphabet > li:nth-child(24):before{content:'X.';} #subContents .con ol.number.alphabet > li:nth-child(25):before{content:'Y.';} #subContents .con ol.number.alphabet > li:nth-child(26):before{content:'Z.';} #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:4px;} #subContents .con ul.list li li, #subContents .con ol.numbeer li li{line-height:1.4; margin:0 auto 6px;} #subContents .con ul li ol.number.circle > li:before{top:2px;} #subContents .con ul li ul.list li strong, #subContents .con ul li ol.number li strong{font-weight:500;} #subContents .con ul.list li li li, #subContents .con ol.number li li li{font-size:.938em;} #subContents .con ul.inline li, #subContents .con ul.inline li{display:inline-block; margin-right:28px;} #subContents .con ul.inline li:last-child, #subContents .con ul.inline li:last-child{margin-right:0;} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1560px; margin:0 auto 40px;} #subContents .tab > ul{display:inline-block; width:100%; margin:-2px auto 0 -2px; padding:0; text-align:center;} #subContents .tab > ul li{display:inline-block; float:left; width:25%; margin:0; padding:2px 0 0 2px;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; padding:16px 12px; background:#f1f1f1; color:#222; font-size:1em; font-weight:300; text-align:center; cursor:pointer;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .tab > ul li .tabLink.active{background:#222; color:#fff; font-weight:500; box-shadow:2px 2px 6px rgba(0,0,0,.1); z-index:1;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto;} #subContents .tabCon .tabItem{clear:both; display:none; position:relative; margin:0 auto;} #subContents .tabCon .tabItem.active{display:block;} #subContents .tabMenu{clear:both; display:block; position:relative; width:100%; max-width:1560px; margin:0 auto 40px;} #subContents .tabMenu ul{display:flex; flex-wrap:wrap; justify-content:center; gap:1px; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tabMenu ul li{display:inline-block; /*flex:1 1 calc(25% - 1px);*/ width:auto; /*max-width:25%;*/} #subContents .tabMenu ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tabMenu ul li a{display:block; position:relative; width:100%; line-height:1; padding:16px 20px; background:#e3e5f2; border:1px solid transparent; color:#13162a; font-size:1.125em; cursor:pointer; transition:background .3s, border-color .3s, color .3s, transform 0s;} #subContents .tabMenu ul li a:focus, #subContents .tabMenu ul li a:hover{background:#fff; border-color:#9da3d2;} #subContents .tabMenu ul li.active a{background:#333a70; color:#fff; font-weight:500; z-index:1;} #subContents .tabMenu ul li.new a span:after{content:''; display:inline-block; width:15px; height:15px; margin-bottom:-1px; margin-left:6px; background:url('../images/ico_newlink_dark.png') no-repeat center; background-size:100%; opacity:.5;} #subContents .tableW{width:100%; margin:0 auto 20px; overflow-x:auto;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #5761b2; text-align:center;} #subContents #bo_list table, #subContents #bo_v table{text-align:inherit;} #subContents table tr th{min-height:40px; padding:15px 14px; background:#f6f6f6; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowti{background:#ebedf7; font-weight:500;} #subContents table tr th:first-child{border-left:none;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:15px 14px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle;} #subContents table tr td:first-child{border-left:none;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.rowti{background:#ebedf7; font-weight:500;} #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.empty_table{width:100%;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} #subContents .imgW{width:100%; margin:0 auto 20px; text-align:center; overflow-x:auto;} #subContents .imgW:last-child{margin:0 auto;} #subContents .imgW img{max-width:1560px;} .sub01, .sub02, .sub03, .sub04, .sub05, .sub06, .subetc, .subbbs{clear:both; width:100%;} #subContents .sub01_01{} #subContents .sub01_01 .intro{position:relative;background:url("../images/sub/01/sub01_01_bg.jpg") center right;background-size:cover;height:480px;} #subContents .sub01_01 .intro .txt{position:absolute;width:50%;min-width:770px;left:55px;top:50%;transform:translateY(-50%);background:rgba(19,22,42,.6);padding:40px 44px;font-size:1.125em;color:#fff;} #subContents .sub01_01 ol{display:flex;align-items: stretch;justify-content: space-between;text-align:center;} #subContents .sub01_01 ol li{width:19%;border: 1px solid #ddd;} #subContents .sub01_01 ol li span{display:block;padding:18px;color:#fff;font-size:1.063em;font-weight:600;} #subContents .sub01_01 ol li:nth-child(1) span{background:#a7aee4;color: #282c5c;} #subContents .sub01_01 ol li:nth-child(2) span{background:#5761b2;} #subContents .sub01_01 ol li:nth-child(3) span{background:#333a70;} #subContents .sub01_01 ol li:nth-child(4) span{background:#282c5c;} #subContents .sub01_01 ol li:nth-child(5) span{background:#13162a;} #subContents .sub01_01 ol li p{padding:18px;background:#fff;font-size:1.063em;} #subContents .sub01_02 .greeting{overflow:hidden;} #subContents .sub01_02 .greeting:after{content:'';display:block;clear:both;} #subContents .sub01_02 .greeting .img{float:left;width:700px;} #subContents .sub01_02 .greeting .img img{width:100%;} #subContents .sub01_02 .greeting .txt{float:right;padding-left:80px;width:840px;} #subContents .sub01_02 .greeting .txt .tit{position:relative;margin:40px 0;padding-bottom:30px;font-size:1.765em;font-weight:800;color:#333a70;display:block;line-height:1.6;border-bottom:1px solid #ddd;} #subContents .sub01_02 .greeting .txt p{font-size:1.125em;} #subContents .sub01_02 .greeting .txt .name{position:relative;display:block;line-height:1.6;} #subContents .sub01_02 .greeting .txt .name strong{font-weight:700;font-size:1.25em;display:inline-block;margin-left:8px;vertical-align:baseline;} #subContents .sub01_03 .history .ti{background:url('../images/sub/01/sub01_03_bg.jpg') center;background-size:cover;font-size:1.875em;font-weight:700;color:#fff;text-align:center;padding:60px 10px;} #subContents .sub01_03 .history .ti span{display:inline-block;opacity:.4;font-size:0.625em;font-weight:400;letter-spacing:8px;vertical-align:middle;} #subContents .sub01_03 .history .ti span:before{content:'';display:inline-block;width:18px;height:1px;background:#fff;opacity:0.4;vertical-align:middle;margin-right:12px;} #subContents .sub01_03 .history .ti span:after{content:'';display:inline-block;width:18px;height:1px;background:#fff;opacity:0.4;vertical-align:middle;margin-left:12px;} #subContents .sub01_03 .history table{border:none;} #subContents .sub01_03 .history table th{background:transparent;border:none;border-bottom:1px solid #ddd;padding:16px 18px;} #subContents .sub01_03 .history table th span{display:inline-block;color:#5761b2;font-size:1.063em;width:100%;padding:12px 14px;border:3px solid #5761b2;border-radius:30px;} #subContents .sub01_03 .history table td{border:none;border-bottom:1px solid #ddd;padding:16px 18px;text-align:left;} #subContents .sub01_03 .history table tr:last-child th,#subContents .sub01_03 .history table tr:last-child td{border-bottom:none;} #subContents .sub01_04 .box{background:#e9ebf3;border-radius:8px;padding:40px;} #subContents .sub01_04 span.blue{position: relative;display: block;margin: 0 auto;line-height: 140px;box-sizing: content-box;font-size: 1.8em;text-align: center;background:#333a70;border:8px solid #52598f;border-radius: 50%;width: 140px;height: 140px;color:#fff;font-weight:600;z-index:9;} #subContents .sub01_04 .con ul{position: relative;display: block;width: 100%;margin: 0 auto;padding: 0;background: transparent;border: none;text-align: center;border-radius: 0;} #subContents .sub01_04 .con ul:after{content:'';display:block;clear:both;} #subContents .sub01_04 .con ul.group2{margin-top:30px;} #subContents .sub01_04 .con ul > li{position:relative;} #subContents .sub01_04 .con ul > li.list2{display: block;float: right;margin-top:-75px;} #subContents .sub01_04 .con ul li > span{display: block;position: relative;width:230px;line-height: 1.2;margin: 0 auto;padding:14px 8px;color: #fff;text-align: center;word-break: keep-all;border-radius: 8px;z-index:9;} #subContents .sub01_04 .con ul.group1 {width:100%;max-width:640px;margin-top:30px;} #subContents .sub01_04 .con ul.group1 li{min-height:40px;} #subContents .sub01_04 .con ul.group1 li:nth-child(1){float:left;} #subContents .sub01_04 .con ul.group1 li:nth-child(2){float:right;} #subContents .sub01_04 .con ul.group1 li span{background:#5761b2;} #subContents .sub01_04 .con ul.group1:before{content:'';display:block;position:absolute;background:#d6d8df;z-index:1;right:0;top:50%;width:100%;height:1px;} #subContents .sub01_04 .con ul.group2 li span{background:#6d73a6;} #subContents .sub01_04 .con ul.group2:before{content:'';display:block;position:absolute;background:#d6d8df;z-index:1;right:50%;bottom:50px;width:1px;height:110px;} #subContents .sub01_04 .con ul.group3:before{content:'';display:block;position:absolute;background:#d6d8df;z-index:1;right:50%;top:0;width:1px;height:30px;} #subContents .sub01_04 .con ul.group3 > li{padding-top:30px;} #subContents .sub01_04 .con ul.group3 > li:before{content:'';display:block;position:absolute;background:#d6d8df;z-index:1;left:50%;top:30px;width:870px;height:1px;transform: translateX(-50%);} #subContents .sub01_04 .con ul.group3 li ul{font-size:0;padding-top:30px;} #subContents .sub01_04 .con ul.group3 li ul li{display:inline-block;vertical-align:top;margin:0 30px;font-size:17px;} #subContents .sub01_04 .con ul.group3 li ul li span {background:#fff;border:1px solid #d6d8df;color:#333;} #subContents .sub01_04 .con ul.group3 li ul li span:before{content:'';display:block;position:absolute;background:#d6d8df;z-index:1;left:49.5%;top:-30px;width:1px;height:30px;} #subContents .sub01_04 .con ul.group3 li ul li:last-child span:after{display:none;} #subContents .sub01_05 .map{height:460px;margin-bottom:40px;} /* #subContents .sub02_01 p + p{margin-top:0;} */ #subContents .sub02_01 .eight{margin:-20px auto 20px;} #subContents .sub02_01 .eight ul{display:grid; grid-gap:1px; grid-template-columns:repeat(2,25%); grid-template-rows:50% 50%; grid-auto-flow:column; align-items:center;} #subContents .sub02_01 .eight ul li{position:relative;} #subContents .sub02_01 .eight ul li.link01{background:#d6eecb;} #subContents .sub02_01 .eight ul li.link02{background:#3e7033;} #subContents .sub02_01 .eight ul li.link03{background:#ecdecb;} #subContents .sub02_01 .eight ul li.link04{background:#705433;} #subContents .sub02_01 .eight ul li.link05{background:#e3e0c8;} #subContents .sub02_01 .eight ul li.link06{background:#5f5f57;} #subContents .sub02_01 .eight ul li.link07{background:#c8dae3;} #subContents .sub02_01 .eight ul li.link08{background:#405d83;} #subContents .sub02_01 .eight ul li a{display:block; width:100%; padding:24px; font-size:1.063em; font-weight:400;} #subContents .sub02_01 .eight ul li a.light{color:#13162a;} #subContents .sub02_01 .eight ul li a.dark{color:#fff;} #subContents .sub02_01 .eight ul li a span{display:inline-block;font-weight:300;} #subContents .sub02_01 .eight ul li a span.hanja{margin-right:10px; font-family:'Noto Serif KR',serif; font-weight:700;} #subContents .sub02_01 .eight ul li a span.eng{font-size:0.875em;margin-left:2px;} #subContents .sub02_01 .eight ul li a:focus, #subContents .sub02_01 .eight ul li a:hover{} #subContents .sub02_01 .eight ul li a:after{content:''; display:inline-block; position:absolute ; width:11px; height:10px; top:50%; right:28px; margin-top:-5.5px; vertical-align:middle; opacity:0; transition:.2s;} #subContents .sub02_01 .eight ul li a.light:after{background:url('../images/ico_arrow_right_dark.png') no-repeat center / 100%;} #subContents .sub02_01 .eight ul li a.dark:after{background:url('../images/ico_arrow_right.png') no-repeat center / 100%;} #subContents .sub02_01 .eight ul li a:focus:after, #subContents .sub02_01 .eight ul li a:hover:after{right:24px; opacity:1;} #subContents .sub02_01 .box{background:#f6f6f6;border:1px solid #ddd;padding:28px;overflow:hidden;} #subContents .sub02_01 .box:after{content:'';display:block;clear:both;} #subContents .sub02_01 .box p{} #subContents .sub02_01 .box p strong{font-size:1.063em;font-weight:600;} #subContents .sub02_01 .box span.name{float:right;} #subContents .sub02_02 .con{display: flex;align-items: center;justify-content: space-between;} /* #subContents .sub02_02 .img{position:relative;width:40%;} #subContents .sub02_02 .img img{width:100%;} #subContents .sub02_02 .img:after{content:'';position:absolute;right:-40px;bottom:-40px;width:100%;height:100%;background:transparent;border:8px solid #e3e5f2;display:block;z-index:-1;} */ /* #subContents .sub02_02 .txt{padding-top:40px;width:52%;} */ /* #subContents .sub02_02 .txt p.ti{line-height:1; margin:0 auto 40px; font-size:2.375em;} */ #subContents .sub02_02 .box{position:relative;width:46%;min-height:320px;padding:60px;font-weight:300;} #subContents .sub02_02 .box.light{color:#13162a;} #subContents .sub02_02 .box.dark{color:#fff;} #subContents .sub02_02 .box:before{content:'';position:absolute;right:40px;bottom:40px;mix-blend-mode: soft-light;font-size:6.25em;font-family: 'Noto Serif KR',serif;font-weight:900;} #subContents .sub02_02 .box.light:before{color:#13162a;} #subContents .sub02_02 .box.dark:before{color:#fff;} #subContents .sub02_02 .box p.ti{font-size:2.375em;} #subContents .sub02_02 .box p.ti:after{content:'';display:block;width:35px;height:2px;margin-top:28px;margin-bottom:28px;} #subContents .sub02_02 .box.light p.ti:after{background:#13162a;} #subContents .sub02_02 .box.dark p.ti:after{background:#fff;} #subContents .sub02_02 .box span.eng{font-size:1.5em;opacity:0.8;} #subContents .sub02_02 .txt{width:50%;padding-top:0;} #subContents .sub02_02 .txt p{line-height:1.6; font-size:1.125em; font-weight:300; word-break:keep-all;} #subContents .sub02_02_01 .box{background:#d6eecb;} #subContents .sub02_02_01 .box:before{content:'木陽';} #subContents .sub02_02_02 .box{background:#3e7033;} #subContents .sub02_02_02 .box:before{content:'木陰';} #subContents .sub02_02_03 .box{background:#ecdecb;} #subContents .sub02_02_03 .box:before{content:'土陽';} #subContents .sub02_02_04 .box{background:#705433;} #subContents .sub02_02_04 .box:before{content:'土陰';} #subContents .sub02_02_05 .box{background:#e3e0c8;} #subContents .sub02_02_05 .box:before{content:'金陽';} #subContents .sub02_02_06 .box{background:#5f5f57;} #subContents .sub02_02_06 .box:before{content:'金陰';} #subContents .sub02_02_07 .box{background:#c8dae3;} #subContents .sub02_02_07 .box:before{content:'水陽';} #subContents .sub02_02_08 .box{background:#405d83;} #subContents .sub02_02_08 .box:before{content:'水陰';} #subContents .sub03_01 .title{padding:20px 24px;border: 3px solid #5761b2;color: #5761b2;text-align: center;font-weight: 600;font-size: 1.125em;line-height:1.6;margin-bottom:40px;} #subContents .sub03_01_04 .img{margin-bottom:40px;} #subContents .sub03_01_04 .img img{width:100%;} #subContents .sub04_01 .img img{width:100%;} #subContents .sub05_01 .con > p + p {margin-top: -1.875em;} #subContents .sub05_01 .con .box-line{border:4px solid #e3e5f2; padding:24px 28px;} #subContents .sub05_01 .con .box-line.alignCenter{text-align:center;} #subContents .sub05_01 .con .box-line p{margin:0 auto .5em;} #subContents .sub05_01 .con .box-line p.mt{margin-top: 1.25em; padding-top: 1.25em; border-top: 1px solid #ddd;} #subContents .sub05_01 .con .box-line p br.db {display: none;} #subContents .sub05_01 .con .box-line p:last-child{margin:0 auto;} #subContents .sub05_01 .con .box-line p.name{} #subContents .sub05_01 .con .box-line p.name strong{display:inline-block; margin-left:6px; font-size:1.25em; font-weight:700; vertical-align:baseline;} #subContents .sub05_01 .con .box{height: 100%;background:#e3e5f2;padding: 24px 28px;overflow: hidden;} #subContents .sub05_01 .con .bankqrbox{display: flex;justify-content: space-between;flex-wrap: wrap;} #subContents .sub05_01 .con .bankqrbox .qr .box{height: 100%;} #subContents .sub05_01 .con .qr{/*float:left;*/} #subContents .sub05_01 .con .qr .layoutLeft {width: 68%;} #subContents .sub05_01 .con .qr .layoutLeft p {margin-bottom: 0;} #subContents .sub05_01 .con .qr .layoutLeft p.mb {margin-bottom: 4em;} #subContents .sub05_01 .con .qr .layoutLeft a.btn{color: #fff;display: inline-block;padding: 15px 35px;border-radius: 30px;background: #5761b2;border:1px solid #5761b2;font-size:0.938em;} #subContents .sub05_01 .con .qr .layoutLeft a.btn:focus,#subContents .sub05_01 .con .qr .layoutLeft a.btn:hover{background:#fff;color:#5761b2;} #subContents .sub05_01 .con .qr .layoutRight{width:30%;border:1px solid #b6bedf;} #subContents .sub05_01 .con .qr .layoutRight img{width:100%;} #subContents .sub05_01 .con .qr, #subContents .sub05_01 .con .bank{display:inline-block;width:49%;height:auto;vertical-align:top;} #subContents .sub05_01 .con .bank{/*float:right;*/} #subContents .sub05_01 .con .bank .txt{padding:11.5px;line-height:2;border: 1px solid #b6bedf;background:#fff;text-align:center;} #subContents .sub05_01 .con .bank .txt strong{font-size:1.125em;} #subContents .sub05_01 .con .bank .info ul li{margin: 0;} #subContents .sub05_01 .con .info{clear:both; margin:1em auto 0;} #subContents .sub05_01 .con .info p{margin: 0; text-align: left;} #subContents .sub05_01 .con .info p.mb{margin:0 auto 0.75em;} #subContents .sub05_01 .con .info ul{text-align: left;display: flex;gap: 3em;} #subContents .sub05_01 .btnBox a{display:block;width:100%;border:1px solid transparent;padding:20px 24px;font-size:1em;font-weight:400;;color:#13162a;background:#e3e5f2;text-align:center;border-radius:0;} #subContents .sub05_01 .btnBox ul.btnList {display: flex; flex-wrap: wrap; justify-content: space-between;} #subContents .sub05_01 .btnBox ul.btnList li{display:inline-block;width:49%;} #subContents .sub05_01 .btnBox ul.btnList li a {height: 100%;line-height: 1.25;} #subContents .sub05_01 .btnBox a.new p {margin: 1em auto 0;} #subContents .sub05_01 .btnBox a.new span:after{content:'\f08e';color:#13162a;padding-left:4px;} #subContents .sub05_01 .btnBox a.new span.eng {color: #717171;} #subContents .sub05_01 .btnBox a.new span.eng::after{content: none;} #subContents .sub05_01 .btnBox a.new span:focus:after,#subContents .sub05_01 .btnBox a.new span:hover:after{color:#333a70;} #subContents .sub05_01 .btnBox a.download:before{content:'\f1c1';color:#13162a;padding-right:4px;} #subContents .sub05_01 .btnBox a:focus,#subContents .sub05_01 .btnBox a:hover{border-color:#9da3d2;background:#fff;} #subContents .sub05_01 .btnBox a.download:focus:before,#subContents .sub05_01 .btnBox a.download:hover:before{color:#333a70;} #subContents .sub05_01 .btnBox a img{width:106px;} #subContents .sub05_01 .con .paypal{display:inline-block; z-index:2;} #subContents .sub05_01 .con .paypal a{display:inline-block; padding:1em 2.5em; background:#fff; border:2px solid #5761b2; border-radius:5em; text-align:center;} #subContents .sub05_01 .con .paypal a img{display:inline-block; max-width:128px; vertical-align:middle;} #subContents .sub05_01 .con .paypal a span{display:none; margin-left:.2em; vertical-align:middle;} #subContents .sub05_01 .con .paypal a:focus, /* #subContents .sub05_01 .con .paypal a:hover{background:#b6bedf;} */ #subContents .sub05_01 .con .paypal a:hover{background:#5761b2;} #subContents .sub05_01 .con .bankInfo a{display:inline-block; padding:1.1em 3em; background:#fff; border:2px solid #5761b2; border-radius:5em; text-align:center; margin-bottom: 20px;} #subContents .sub05_01 .con .bankInfo a:hover{background:#5761b2; border:2px solid #5761b2;} #subContents .sub05_01 .con .bankInfo a:hover p{color: #fff;} #subContents .sub05_01 .con .bankInfo a p{color: #5761b2; margin-bottom: 0; line-height: 1; font-size: 1.6rem; font-weight: 600;} #subContents .sub05_01 .con .bankInfo a span{display:none; margin-left:.2em; vertical-align:middle;} #subContents .sub05_01 .con .txtW.foreign{clear:both;} #subContents .sub05_02 .con h4 strong{color:#333a70;} #subContents .sub05_02 .con p.unit{position:absolute; top:0; right:0; text-align:right;} #subContents .sub05_02 .con .tableW table tr.total{border:2px solid #cfd2e3;} #subContents .sub05_02 .con .tableW table tr.total th, #subContents .sub05_02 .con .tableW table tr.total td{background:#e3e5f2;} #subContents .sub05_02 .con .tableW table tr.total td{color:#5761b2;} #subContents .sub06_01 .con{} #subContents .sub06_01 .con p{font-size:1.063em;} #subContents .sub06_01 .con p.date{margin:0 auto; color:#333a70; font-size:.875em;} #subContents .sub06_01 .con ol.number{padding-left:0;} #subContents .sub06_01 .con p + ol.number{margin-top:-1.6em;} #subContents .sub06_01 .con .section{margin:0 auto 60px;} #subContents .sub06_01 .con .article{margin: 0 auto 40px;} #subContents .sub06_01 .con .article:last-child{margin-bottom:0;} #subContents .sub06_01 .con .box{margin:0 auto 20px; padding:20px 24px; background:#f6f6f6; border:1px solid #ddd;} #subContents .conference_view{} #subContents .conference_view .con.item{clear:both; width:100%; margin:0 auto;} #subContents .conference_view .con.item.top{margin:0 auto 4em;} #subContents .conference_view .con.item.top .flexW{display:flex; flex-wrap:wrap; gap:4em;} #subContents .conference_view .con.item.top .flexW .imgW{flex:1; position:relative; width:100%; background:#e3e5f2; overflow:hidden;} #subContents .conference_view .con.item.top .flexW .imgW img{width:100%; transition:.3s;} #subContents .conference_view .con.item.top .flexW .txtW{flex:1;} #subContents .conference_view .con.item.top .flexW .txtW .infoW{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic p{margin:0 auto;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic p.title{margin:0 auto .25em; font-size:1.5em; font-weight:700;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic p.topic{margin:0 auto 1em; font-size:1.063em;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li{margin:0 auto .313em;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p.date{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p.place{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p.member{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p span.ti{color:#282c5c; font-weight:500;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.basic ul li p span.now{color:#5761b2; font-weight:700;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li{margin:0 auto .313em;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li p{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li p.date{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li p.pay{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li p span.ti{color:#282c5c; font-weight:500;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table thead{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table thead tr{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table thead tr th{padding:.25em .75em;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table tbody{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table tbody tr{} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table tbody tr td{padding:.625em .75em;} #subContents .conference_view .con.item.top .flexW .txtW .infoW.regist ul li .tableW table tbody tr td:first-child{text-align:left;} #subContents .conference_view .con.item.top .flexW .txtW .btnW{margin:1.5em auto 0;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button{width:100%; padding:1.125em .75em; background:#fff; border:1px solid transparent; border-radius:5em; font-size:1.125em; font-weight:500; text-align:center;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button i.fa{} #subContents .conference_view .con.item.top .flexW .txtW .btnW button span{} #subContents .conference_view .con.item.top .flexW .txtW .btnW button:focus, #subContents .conference_view .con.item.top .flexW .txtW .btnW button:hover{background:#333a70; color:#fff;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button.ing{background:#333a70; color:#fff;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button.ing:focus, #subContents .conference_view .con.item.top .flexW .txtW .btnW button.ing:hover{background:#5761b2;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button.end{background:#eee; border-color:#ddd; color:#ccc;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button:disabled{background:#eee; border-color:#ddd; color:#ccc; cursor:not-allowed;} #subContents .conference_view .con.item.top .flexW .txtW .btnW button:disabled:focus, #subContents .conference_view .con.item.top .flexW .txtW .btnW button:disabled:hover{background:inherit; border-color:inherit; color:inherit;} #subContents .conference_view .con.item.detail{} #subContents .submypage_my-page{} #subContents .submypage_my-page .con{} #subContents .submypage_my-page .con .box.greeting{margin:0 auto; padding:1.25em 1.5em; background:#fff; border:1px solid #ddd;} #subContents .submypage_my-page .con .tableW table tr td p.total{/*text-align:right;*/} #subContents .submypage_my-page .con .tableW table tr td p.total strong{color:#282c5c; font-size:1.125em; font-weight:600;} #subContents .submypage_my-page .con ul.payment{margin:0 auto; padding:1.25em 1.5em; background:#e3e5f2; text-align:center;} #subContents .submypage_my-page .con .bankW{display:none; padding:1.5em; border:3px solid #e3e5f2;} #subContents .submypage_my-page .con .btnW{margin:1.5em auto 0; text-align:center;} #subContents .submypage_my-page .con .btnW button{display:inline-block; width:100%; max-width:fit-content; margin:0 auto; padding:1.125em 2em; background:#333a70; border:1px solid transparent; border-radius:5em; color:#fff; font-size:1.125em; font-weight:500; text-align:center;} #subContents .submypage_my-page .con .btnW button i.fa{} #subContents .submypage_my-page .con .btnW button span{} #subContents .submypage_my-page .con .btnW button:focus, #subContents .submypage_my-page .con .btnW button:hover{background:#5761b2;} #subContents .submypage_my-page .con .btnW button:disabled{background:#eee; border-color:#ddd; color:#ccc; cursor:not-allowed;} #subContents .submypage_my-page .con .tableW table tr td.progress{color:transparent;} #subContents .submypage_my-page .con .tableW table tr td.progress span{color:#5761b2;} #subContents .submypage_my-page .con .tableW table tr td.progress span.ready{color:#5761b2;} #subContents .submypage_my-page .con .tableW table tr td.progress span.check{color:#222;} #subContents .submypage_my-page .con .tableW table tr i {cursor:pointer} #subContents .submypage_my-page .con .paper {border:1px solid #1c397d;padding:5px;border-radius:4px;cursor:pointer} #subContents .submypage_my-page .con .tableW .fa-credit-card {font-size:1.3em;color:#0088ff} #subContents .submypage_my-page .con .delSpan {display:inline-block;border:0px solid #DDD;background:#000;color:#FFF;font-size:0.8em;padding:3px 5px;border-radius:5px;margin-left:4px;cursor:pointer} #subContents .submypage_my-page .con .delSpan i {margin-right:4px;font-size:0.93em} #subContents .submypage_my-page .con .btn_academy {padding:5px;cursor:pointer;background:#000;color:#FFF;border-radius:3px;font-size:0.95em} #subContents .submypage_my-page .con .btn_print {border:1px solid #0f51d7;padding:5px;cursor:pointer;;color:#0f51d7;border-radius:3px;font-size:0.95em} #subContents .submypage_my-page .con .btn_card {background:#FFF;border:1px solid #d7790f;padding:5px;cursor:pointer;;color:#d7790f;border-radius:3px;font-size:0.90em} #subContents .subetc_sitemap{} #subContents .subetc_sitemap .con{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; margin:0 -1px 1px 0;} #subContents .subetc_sitemap .con .depth01_lists{width:33.333%; margin:0 -1px -1px 0; padding:28px; border:1px solid #ddd;} #subContents .subetc_sitemap .con .depth01_lists:last-child{display:none;} #subContents .subetc_sitemap .con .depth01_lists .conTitle{margin:0 0 28px;} #subContents .subetc_sitemap .con .depth01_lists .conTitle h4{display:block; line-height:1; margin:0;} #subContents .subetc_sitemap .con .depth01_lists .conTitle a.depth01{display:block; width:100%; padding:0 0 2px; color:#5761b2;} #subContents .subetc_sitemap .con .depth01_lists .conTitle a.depth01:focus, #subContents .subetc_sitemap .con .depth01_lists .conTitle a.depth01:hover{} #subContents .subetc_sitemap .con .depth01_lists ul.depth02_lists{display:flex; flex-wrap:wrap;} #subContents .subetc_sitemap .con .depth01_lists ul li.depth02_list{flex:1 1 50%; max-width:50%; margin:0 0 20px;}2023-05-24 #subContents .subetc_sitemap .con .depth01_lists ul li a.depth02{font-size:1.063em;} #subContents .subetc_sitemap .con .depth01_lists ul li ul.depth03_lists{margin:12px -4px 0 4px; padding:12px 20px; background:#f6f6f6; border-radius:8px;} #subContents .subetc_sitemap .con .depth01_lists ul li ul li.depth03_list{margin:0 auto 8px; padding:0 10px;} #subContents .subetc_sitemap .con .depth01_lists ul li ul li.depth03_list:before{content:''; display:block; position:absolute; width:4px; height:4px; top:7px; left:-2px; background:#9da3d2; border-radius:50%;} #subContents .subetc_sitemap .con .depth01_lists ul li ul li a.depth03{font-size:.938em;} #subContents .subetc_sitemap .con .depth01_lists ul li{position:relative;} #subContents .subetc_sitemap .con .depth01_lists ul li:last-child{margin:0 !important;} #subContents .subetc_sitemap .con .depth01_lists ul li a{display:inline-block; position:relative; padding:1px 0; color:#494949;} #subContents .subetc_sitemap .con .depth01_lists ul li a:focus, #subContents .subetc_sitemap .con .depth01_lists ul li a:hover{color:#222;} #subContents .subetc_sitemap .con .depth01_lists ul li.new a:after{content:''; display:inline-block; position:absolute; width:14px; height:14px; top:3px; right:-20px; background:url('../images/ico_newlink.png') no-repeat center; background-size:100%; opacity:.8;} #subContents .subetc_privacy .con p{font-size: 1.063em;} #subContents .subetc_privacy .con article{margin: 0 auto 40px;} #subContents .subetc_privacy .con article:last-child{margin-bottom:0;} #subContents .subetc_privacy .con .box{margin:0 auto 20px; padding:20px 24px; background:#f6f6f6; border:1px solid #ddd;} #subContents .subetc_use .con p{font-size: 1.063em;} #subContents .subetc_use .con p + ol.number{margin-top:-1.6em;} #subContents .subetc_use .con article{margin: 0 auto 40px;} #subContents .subetc_use .con article:last-child{margin-bottom:0;} #subContents .subetc_use .con .box{margin:0 auto 20px; padding:20px 24px; background:#f6f6f6; border:1px solid #ddd;} #subContents .subetc_email .con p{font-size:1.063em;} #subContents .subetc_email .con .box{margin:0 auto 20px; padding:20px 24px; background:#f6f6f6; border:1px solid #ddd;} #subContents .subetc_email .con .conTitle h6{margin:0 0 12px;} #subContents .subetc_email .con ol{clear:both; width:100%;} #subContents .subetc_email .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .subetc_email .con ol > li:last-child{margin-bottom:0;} #subContents .register .box{margin:-20px auto 0; padding:20px 24px; background:#fff; border:1px solid #ddd;} #subContents .register .box strong{color:#333a70;font-weight:700;} #subContents .register .box span{background: #fffbe4;font-weight: 500;padding: 0 4px;} @media all and (max-width:1539px){ #subContents .sub01_02 .greeting .img{width:45%;} #subContents .sub01_02 .greeting .txt{width:55%;padding-left:5%;} #subContents .sub01_02 .greeting .txt .tit{margin-top:0;} #subContents .sub01_04 .con ul.group3 li ul li{margin:0 20px;} #subContents .sub01_04 .con ul.group3 > li:before{width:810px;} } @media all and (max-width:1279px){ #subVisual{min-width:960px;} #path{min-width:960px;} #path .inner{width:calc(100% - 40px); max-width:100%;} #path ul{float:left; width:100%;} #subContents{float:none; width:100%; max-width:calc(100% - 40px); min-height:450px; padding:40px 0 80px; border-left:none;font-size:16px;} #subContents .inner{width:100%;} #subContents .con{margin:0 auto 80px;} #subContents .tableW{overflow-x:auto;} #subContents .sub01_01 .intro{padding:5% 0;height:auto;} #subContents .sub01_01 .intro .txt{position: initial;transform: initial;top:initial;left:initial;width:90%;min-width:auto;margin:0 auto;} #subContents .sub01_01 ol{align-items: stretch;justify-content: center;flex-wrap: wrap;} #subContents .sub01_01 ol li{width: 32%;margin: 0 1% 1% 0;} #subContents .sub01_01 ol li:nth-child(3),#subContents .sub01_01 ol li:nth-child(5){margin-right:0;} #subContents .sub01_01 ol li:nth-child(n + 4){margin-bottom:0;} #subContents .sub01_01 ol li span,#subContents .sub01_01 ol li p{padding:14px;} #subContents .sub01_03 .history table th{width:30%;} #subContents .sub01_04 .con ul.group3 li ul li{margin:0 12px;} #subContents .sub01_04 .con ul li > span{width:180px;} #subContents .sub01_04 .con ul.group3 > li:before{width:610px;} #subContents .sub02_01 .eight ul{} #subContents .sub02_01 .eight ul li a span.hanja{margin-right:14px;} #subContents .sub02_01 .eight ul li a span.eng{display:block;margin-left:47px;line-height:1.4;} /* #subContents .sub02_01 .eight ul li a{padding:22px;} #subContents .sub02_01 .eight ul li a:after{right:26px;} */ #subContents .sub02_02 .box{padding:50px;} #subContents .sub02_02 .box:before{right:25px;bottom:25px;} #subContents .sub05_01 .con .bank .txt{padding:12px;} #subContents .conference_view .con.item.top{margin:0 auto 2.5em;} #subContents .conference_view .con.item.top .flexW{gap:2.5em;} #subContents .conference_view .con.item.top .flexW .txtW{flex:1.25;} #subContents .subetc_sitemap .con .depth01_lists{width:50%;} } @media all and (max-width:1023px){ #subVisual{min-width:296px; height:280px;} #subVisual .title{margin-top:0;} #path{clear:both; position:sticky; width:100%; min-width:1200px; top:-1px; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; z-index:2; transition:.3s;} #path.sticky{background:#fff; box-shadow:0 0 8px rgba(0,0,0,.1);} #path ul{float:left; padding:0; text-align:left;} #path ul li{display:block; position:relative; float:left; margin:0; padding:0; border-right:1px solid #ddd; font-size:1em; color:#222; box-sizing:border-box;} #path ul li:first-child{border-left:1px solid #ddd;} #path ul ul li, #path ul ul li:first-child{border:none;} #path ul li.btnHome{width:60px; height:60px;} #path ul li.btnHome a{display:block; width:100%; height:100%; line-height:60px; padding:0; background:#282c5c url('../images/sub/ico_home.png') no-repeat center center; color:transparent; font-size:0; text-align:center; box-sizing:border-box;} #path ul li.btnHome a:focus, #path ul li.btnHome a:hover{background-color:#5761b2;} #path ul li.pathDepth1, #path ul li.pathDepth2, #path ul li.pathDepth3, #path ul li.pathDepth4{} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button, #path ul li.pathDepth4 button{position:relative; width:auto; min-width:240px; height:60px; line-height:60px; padding:0 40px 0 20px; background:#fff; color:#222; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; z-index:3;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after, #path ul li.pathDepth4 button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:20px; margin-top:-2px; border:5px solid transparent; border-top-color:#222; border-bottom:none; font-size:0; line-height:0; transition:border-color .3s;} #path ul li.pathDepth1 button.rotate:after, #path ul li.pathDepth2 button.rotate:after, #path ul li.pathDepth3 button.rotate:after, #path ul li.pathDepth4 button.rotate:after{border-top:none; border-bottom:5px solid #222;} #path ul li button:focus, #path ul li button:hover{color:#5761b2;} #path ul li.pathDepth1 button:focus:after, #path ul li.pathDepth1 button:hover:after, #path ul li.pathDepth2 button:focus:after, #path ul li.pathDepth2 button:hover:after, #path ul li.pathDepth3 button:focus:after, #path ul li.pathDepth3 button:hover:after, #path ul li.pathDepth4 button:focus:after, #path ul li.pathDepth4 button:hover:after{border-top-color:#5761b2; border-bottom-color:#5761b2;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul, #path ul li.pathDepth4 ul{clear:both; display:inline-block; position:absolute; width:calc(100% + 2px); height:auto; padding:16px 20px 20px; top:0; left:-1px; background:#fff; border:1px solid #ddd; border-top:none; opacity:0; visibility:hidden; box-sizing:border-box; transition:.3s ease; z-index:2;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul, #path ul li.pathDepth4.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; height:auto; margin-bottom:16px; text-align:left;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:block; position:relative; color:#717171; word-break:keep-all; vertical-align:text-bottom; transition:.3s;} #path ul li ul li a span:before{content:''; display:block; position:absolute; width:8px; height:9px; top:5px; left:-12px; background:transparent url('../images/ico_bullet_01.png') no-repeat center bottom; opacity:0; z-index:-1; transition:.2s;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#5761b2; text-decoration:underline;} #path ul li ul li a:focus span:before, #path ul li ul li a:hover span:before{opacity:1; left:2px;} #path ul li ul li.new a:after{content:''; display:inline-block; position:relative; width:14px; height:14px; top:1px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center; background-size:100%; opacity:.8;} #path{position:relative; min-width:296px; animation:none;} #path .inner{width:100%; padding:0;} #path ul li{font-size:.938em;} #path ul li:first-child{border-left:none;} #path ul li.btnHome{width:52px; height:52px;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button, #path ul li.pathDepth4 button{min-width:180px; height:52px; line-height:52px; padding:0 36px 0 16px;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after, #path ul li.pathDepth4 button:after{right:16px;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul, #path ul li.pathDepth4 ul{padding:16px 16px 20px;} #side{display:none;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:296px; min-height:auto; padding:40px 0 60px; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .con > .conTitle:first-child h5{margin-top:10px;} #subContents .con{margin:0 auto 60px;} #subContents .con img{width:100%;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .con a.download{padding:10px;} #subContents .sub01_01 .intro .txt{padding:34px 38px;} #subContents .sub01_02 .greeting .txt .tit{font-size:1.625em;margin-bottom:28px;padding-bottom:28px;} #subContents .sub01_02 .greeting .txt p{font-size:1.063em;} #subContents .sub01_02 .greeting .txt p br{display:none;} #subContents .sub01_03 .history .ti{font-size:1.75em;padding:50px 10px;} #subContents .sub01_04 span.blue{font-size:1.75em;width:120px;height:120px;line-height:120px;} #subContents .sub01_04 .con ul.group3 li ul li{margin:0 4px;} #subContents .sub01_04 .con ul.group3 li ul li span{width:150px;} #subContents .sub01_04 .con ul.group3 > li:before{width:475px;} #subContents .sub02_01 .eight ul li a{text-align:center;line-height:1.4;padding:20px;} #subContents .sub02_01 .eight ul li a:after{display:none;} #subContents .sub02_01 .eight ul li a span{display:block;} #subContents .sub02_01 .eight ul li a span.hanja{margin-right:0;} #subContents .sub02_01 .eight ul li a span.eng{margin-left:0;} #subContents .sub02_02 .con{display:block;} #subContents .sub02_02 .box{width:100%;min-height:auto;padding:40px;margin-bottom:40px;} #subContents .sub02_02 .box:before{font-size:2.75em;bottom:40px;right:40px;} #subContents .sub02_02 .box p.ti{font-size:1.75em;margin-bottom:0;display:inline-block;} #subContents .sub02_02 .box p.ti:after{display:none;} #subContents .sub02_02 .box span.eng{font-size:1.25em;margin-left:12px;display:inline-block;} #subContents .sub02_02 .txt{width:100%;} /* #subContents .sub02_02 .txt p.ti{font-size:1.875em;margin:0 auto 20px;} */ #subContents .sub02_02 .txt p{font-size:1em;} #subContents .sub05_01 .con .box-line p{font-size:1.063em;} #subContents .sub05_01 .con .qr, #subContents .sub05_01 .con .bank{/*float:none;*/display:block;width:100%;} #subContents .sub05_01 .con .qr{margin-bottom:1%;} #subContents .sub05_01 .con .qr .layoutLeft{float:left;} #subContents .sub05_01 .con .qr .layoutRight{float:right;} #subContents .sub05_01 .con .info ul li br {display: none;} #subContents .sub05_01 .con .box-line{padding:14px 18px;} #subContents .sub05_01 .con .box{padding:14px 18px;} #subContents .sub05_01 .btnBox a{padding:14px 18px;} #subContents .subetc_sitemap .con .depth01_lists{width:33.333%; padding:24px;} #subContents .subetc_sitemap .con .depth01_lists .conTitle{margin:0 0 20px;} #subContents .subetc_sitemap .con .depth01_lists .conTitle h4{font-size:1.25em;} #subContents .subetc_sitemap .con .depth01_lists ul li.depth02_list{flex:1 1 100%; max-width:100%; margin:0 0 12px;} #subContents .subetc_sitemap .con .depth01_lists ul li a.depth02{font-size:1em;} #bo_v_con{overflow-x:auto;} } @media all and (max-width:768px){ #subVisual{height:220px;} #subVisual .title h2{margin:0 auto 20px; font-size:2em;} #path ul li{width:50%;} #path ul li:after{display:none;} #path ul li.btnHome{display:none;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button, #path ul li.pathDepth4 button{width:100%; min-width:auto; z-index:2;} #path ul li.pathDepth2, #path ul li.pathDepth2 button, #path ul li.pathDepth2 ul, #path ul li.pathDepth3, #path ul li.pathDepth3 button, #path ul li.pathDepth3 ul, #path ul li.pathDepth4, #path ul li.pathDepth4 button, #path ul li.pathDepth4 ul{border-right:none;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul, #path ul li.pathDepth4 ul{width:100%; left:0; border-left:none; z-index:3;} #path ul li.pathDepth2 ul{left:-1px;} #path ul li.pathDepth3, #path ul li.pathDepth4{width:100%; border-top:1px solid #ddd;} #path ul li.pathDepth2 ul{border-left:1px solid #ddd;} #path ul li ul li{width:100%;} #path ul li ul li a:after{display:none;} #subContents{padding:28px 0 40px; font-size:15px;} #subContents .conTitle h4{margin:10px 0 16px; font-size:1.313em;} #subContents .conTitle h5{line-height:1.2; margin:18px 0 12px; font-size:1.125em;} #subContents .con{margin:0 auto 40px;} #subContents .con p{line-height:1.5; margin-bottom:32px;} #subContents .con > p + ul.list, #subContents .con > p + ol.number{margin-top:-20px;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ul.list.circle > li:before{top:10.5px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul.inline li, #subContents .con ul.inline li{margin-right:12px;} #subContents .tab{margin:0 auto 20px;} #subContents .tabMenu{margin:0 auto 28px;} #subContents .tabMenu ul li{min-width:auto;} #subContents .tabMenu ul li a{padding:12px 14px;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:5px 8px;} #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_01 .intro .txt{padding:28px 32px;} #subContents .sub01_01 ol li{width:49%;} #subContents .sub01_01 ol li:nth-child(3),#subContents .sub01_01 ol li:nth-child(5){margin-right:1%;} #subContents .sub01_01 ol li:nth-child(even){margin-right:0;} #subContents .sub01_01 ol li:nth-child(n + 4){margin-bottom:1%;} #subContents .sub01_01 ol li:last-child{margin-bottom:0;} #subContents .sub01_02 .greeting .img{width:100%;float:none;height:280px;overflow:hidden;} #subContents .sub01_02 .greeting .txt{float:none;width:100%;padding-left:0;margin-top:40px;} #subContents .sub01_02 .greeting .txt .tit{text-align:center;} #subContents .sub01_02 .greeting .txt .name{text-align:right;} #subContents .sub01_03 .history .ti{font-size:1.625em;padding:40px 10px;} #subContents .sub01_03 .history table th{width:40%;} #subContents .sub01_04 .box{padding:28px;} #subContents .sub01_04 .box .chart{position:relative;} #subContents .sub01_04 .box .chart:after{content: '';display: block;position: absolute;height: calc(100% - 24px);width: 1px;top: 0;left: 2%;background: #d6d8df;} #subContents .sub01_04 span.blue{width:100%;box-sizing:border-box;border:none;border-radius: 8px;font-size:1.125em;height:auto;line-height:1.2;padding:12px 8px;} #subContents .sub01_04 .con ul li{margin-bottom:18px;overflow:hidden;} #subContents .sub01_04 .con ul:last-child > li:last-child{margin-bottom:0;} #subContents .sub01_04 .con ul li > span{width:80%;float:right;padding:12px 8px;} #subContents .sub01_04 .con ul.group1{margin-top:18px;max-width:auto;} #subContents .sub01_04 .con ul.group1:before,#subContents .sub01_04 .con ul.group2:before,#subContents .sub01_04 .con ul.group3:before,#subContents .sub01_04 .con ul.group3 > li:before{display:none;} #subContents .sub01_04 .con ul.group1 li{float:none !important;} #subContents .sub01_04 .con ul.group1 li:before{content: '';display: block;background: #d6d8df;z-index: -1;height: 1px;float: left;width: 18%;margin: 20px 0 0 2%;} #subContents .sub01_04 .con ul.group2{margin-top:0;} #subContents .sub01_04 .con ul.group3 > li{padding-top:0;} #subContents .sub01_04 .con ul.group2 li span{width:100%;} #subContents .sub01_04 .con ul.group3 li ul{padding-top:0;} #subContents .sub01_04 .con ul.group3 li ul li{display:block;margin:0;margin-bottom:18px;overflow:hidden;font-size:15px;} #subContents .sub01_04 .con ul.group3 li ul li:last-child{margin-bottom:0;} #subContents .sub01_04 .con ul.group3 li ul li:before{content: '';display: block;background: #d6d8df;z-index: -1;height: 1px;float: left;width: 18%;margin: 20px 0 0 2%;} #subContents .sub01_04 .con ul.group3 li ul li span{width:80%;} #subContents .sub01_05 .map{height:360px;margin-bottom:28px;} #subContents .sub02_01 .eight ul{grid-template-columns: repeat(4,50%);grid-template-rows: 25% 25% 25% 25%;} /* #subContents .sub02_01 .eight ul li a{font-size:1em;} */ /* #subContents .sub02_01 .eight ul li{margin-bottom:1%;margin-right:1%;} #subContents .sub02_01 .eight ul li:last-child{margin-bottom:1%;} #subContents .sub02_01 .eight ul li a{padding:20px;text-align:center;line-height:1.4;} #subContents .sub02_01 .eight ul li a:after{display:none !important;} #subContents .sub02_01 .eight ul li a span{display:block;} #subContents .sub02_01 .eight ul li a span.hanja{margin-right:0;} #subContents .sub02_01 .eight ul li a span.eng{margin-left:0;} */ #subContents .sub02_01 .box{padding:20px;} #subContents .sub02_02 .box{padding:28px;margin-bottom:28px;} #subContents .sub02_02 .box:before{font-size:1.875em;bottom:28px;right:28px;} #subContents .sub02_02 .box p.ti{font-size:1.375em;} #subContents .sub02_02 .box span.eng{font-size:1em;margin-left:6px;} /* #subContents .sub02_02 .con{display:block;} #subContents .sub02_02 .img{width:100%;} #subContents .sub02_02 .img:after{display:none;} #subContents .sub02_02 .txt{width:100%;}*/ #subContents .sub02_02 .txt p{font-weight:400;} #subContents .sub02_02 .txt p br{display:none;} #subContents .sub03_01 .title{margin-bottom:32px;} #subContents .sub03_01_04 .img{margin-bottom:32px;} #subContents .sub05_01 .con .box-line.alignCenter{text-align:left;} #subContents .sub05_01 .con .box-line p.name{text-align:right;} #subContents .sub05_01 .con .box-line p br.dn {display: none;} #subContents .sub05_01 .con .box-line p br.db {display: block;} /*#subContents .sub05_01 .con .qr .layoutLeft p{margin-bottom:24px;}*/ #subContents .sub05_01 .con .qr .layoutRight{width:30%;min-width:120px;max-width:140px;} #subContents .sub05_01 .con .info ul {gap: 2.5em;} #subContents .sub05_01 .con .bank .txt{padding:12px;line-height:1.6;} #subContents .sub05_01 .con .bank .txt strong{font-size:1.063em;} #subContents .sub05_01 .btnBox a{display:flex;justify-content: flex-start;gap: 1.5em;align-items: center;padding:12px 14px;text-align:left;} #subContents .sub05_01 .btnBox a img{width:86px;} #subContents .sub05_01 .btnBox a.new p {margin: 0;} #subContents .sub05_01 .btnBox a span{word-break:keep-all;line-height:1.4;} #subContents .sub05_01 .btnBox ul.btnList li{width:100%;margin-bottom:1%;word-break:keep-all;line-height:1.4;} #subContents .sub05_01 .btnBox ul.btnList li:last-child{margin-bottom:0;} #subContents .sub05_01 .con .paypal{display:block; position:relative; width:100%; margin:0 auto 1em;} #subContents .sub05_01 .con .paypal a{padding:.9em 2.5em;} #subContents .conference_view .con.item.top{margin:0 auto 1.5em;} #subContents .conference_view .con.item.top .flexW{gap:.5em;} #subContents .conference_view .con.item.top .flexW .imgW{flex:1 1 100%;} #subContents .conference_view .con.item.top .flexW .txtW{flex:1 1 100%;} #subContents .submypage_my-page .con ul.payment{padding:.75em 1em;} #subContents .submypage_my-page .con ul.payment li{margin:.5em auto;} #subContents .subetc_sitemap .con .depth01_lists{width:50%; padding:20px;} #subContents .subetc_sitemap .con .depth01_lists .conTitle{margin:0 0 16px;} /* #subContents .subetc_sitemap .con .depth01_lists .conTitle a.depth01{padding:0 12px 2px;} */ #subContents .subetc_use .con .box,#subContents .subetc_email .con .box,#subContents .register .box{padding:20px;} } @media all and (max-width:580px){ #subContents .conTitle h3 span.depth02 > span {display: block;margin: 0;font-size: .65em;line-height: 1.6;} #subContents .sub05_01 .con .qr .layoutLeft{float:none;width: 100%;margin-bottom:14px;} /*#subContents .sub05_01 .con .qr .layoutLeft p{margin-bottom:12px;}*/ #subContents .sub05_01 .con .qr .layoutLeft p.mb {margin-bottom: 2.5em;} #subContents .sub05_01 .con .qr .layoutLeft a.btn{width: 100%; padding:10px 16px;} #subContents .sub05_01 .con .qr .layoutRight{float:none;width:100%;max-width:100%;background:#fff;text-align:Center;} #subContents .sub05_01 .con .qr .layoutRight img{max-width:75px;} } @media all and (max-width:540px){ #path ul li{font-size:.75em;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button, #path ul li.pathDepth4 button{height:40px; line-height:40px;} #path ul li ul li a{font-size:.75rem;} #path ul li ul li.new a:after{width:11px; height:11px;} #subContents .conTitle h3{margin:0 auto 24px;} #subContents .conTitle h5:before{top:2px;} #subContents .conTitle h5:after{top:2px;} #subContents .con{margin:0 auto 20px; padding:0 0 20px;} #subContents .con ul.list > li{line-height:1.4; margin:0 auto 8px;} #subContents .con ul.list.line > li:before{top:8px;} #subContents .con ul.list.circle > li:before{top:8px;} #subContents .con ul.list.triangle > li:before{top:5px;} #subContents .con ul.list.star > li:before{top:3.5px;} #subContents .con ul.list.check > li:before{top:3px;} #subContents .con ol.number > li{line-height:1.4; margin:0 auto 8px;} #subContents .con ul.list li li, #subContents .con ol.numbeer li li{margin:0 auto 4px;} #subContents .con ul.inline li, #subContents .con ul.inline li{display:block; margin-right:0;} #subContents .tabMenu ul li{margin:0 -.5px;} #subContents .tabMenu ul li a{padding:10px 6px; font-size:1em;} #subContents .tabMenu ul li.new a span:after{width:13px; height:13px;} #subContents table{border:none; border-top:2px solid #5761b2;} #subContents .sub01_01 .intro .txt{padding:18px;font-size:1.063em;} #subContents .sub01_01 ol li{width:100%;margin:0 0 12px 0 !important;} #subContents .sub01_01 ol li:last-child{margin-bottom:0;} #subContents .sub01_01 ol li span{font-size:1em;} #subContents .sub01_02 .greeting .img{height:220px;} #subContents .sub01_02 .greeting .txt{margin-top:32px;} #subContents .sub01_02 .greeting .txt .tit{font-size:1.375rem;margin-bottom:18px;padding-bottom:18px;} #subContents .sub01_03 .history .ti{font-size:1.375em;padding:30px 10px;} #subContents .sub01_03 .history .ti span{letter-spacing:4px;} #subContents .sub01_03 .history .ti span:before{width:14px;margin-right:8px;} #subContents .sub01_03 .history .ti span:after{width:14px;margin-left:8px;} #subContents .sub01_03 .history table tr{display:block;margin-bottom:18px;} #subContents .sub01_03 .history table th{display:block;width:100%;border-bottom:none;padding:0;} #subContents .sub01_03 .history table th span{font-size:1em;border: 2px solid #5761b2;padding:10px 12px;} #subContents .sub01_03 .history table td{display:block;width:100%;border-bottom:none;padding:10px 12px;} #subContents .sub01_04 .box{padding:18px} #subContents .sub02_02 .box{padding:18px;margin-bottom:18px;} #subContents .sub02_02 .box:before{font-size:1.75em;bottom:18px;right:18px;} #subContents .sub02_02 .box p.ti{font-size:1.25em;} #subContents .sub02_02 .box span.eng{font-size:0.938em;margin-left:4px;} #subContents .sub03_01 .title{padding:18px;font-size:1.063em;} #subContents .submypage_my-page .con ul.payment{text-align:left;} #subContents .submypage_my-page .con .tableW table tr th, #subContents .submypage_my-page .con .tableW table tr td{font-size:.875em;} #subContents .subetc_sitemap .con .depth01_lists{width:100%;} /* #subContents .subetc_sitemap .con .depth01_lists .conTitle a.depth01{padding:0 8px 2px;} */ #subContents .subetc_sitemap .con .depth01_lists ul li a{width:100%;} #subContents .subetc_sitemap .con .depth01_lists ul li.new a:after{position:relative; top:0; right:auto; margin-left:4px;} } @media all and (max-width:480px){ #subVisual{height:160px;} #subVisual .title h2{margin:0 auto 12px; font-size:1.5em;} #subContents{padding:24px 0 32px; font-size:14px;} #subContents .conTitle h4 span.eng{display: block; margin: 0;line-height: 1.6;} #subContents .sub01_02 .greeting .img{height:180px;} #subContents .sub01_02 .greeting .txt .tit{font-size:1.25em;} #subContents .sub01_05 .map{height:240px;} #subContents .sub02_01 .eight ul li a{font-size:0.938em;} #subContents .sub02_02 .txt p.ti{font-size:1.75em;} #subContents .sub02_02 .txt p{font-size:0.938em;} #subContents .sub05_01 .con .info ul {flex-wrap: wrap; gap: .5em;} #subContents .sub05_01 .con .info ul li {flex: 1 1 100%;} #subContents .sub05_01 .btnBox a img {width: 56px;} #subContents .sub05_02 .con p.unit{position:relative; margin:-1em auto 0;} } @media all and (max-width:319px){ #subVisual{min-width:280px;} #path{min-width:280px;} #subContents{min-width:280px;} #subContents .sub02_01 .eight ul li a{padding:14px;} }