@charset "utf-8"; /*퀵메뉴*/ .tol-area > div{position:relative;height:70px;margin-bottom:5px;} .tol-area{position:fixed;bottom:10px;right:25px;z-index:130;transition:bottom .4s ease-in-out;} .tol-out{box-shadow:3px 3px 10px rgb(0 0 0 / 40%);-webkit-box-shadow:3px 3px 10px rgb(0 0 0 / 40%);border-radius:40px;width:70px;height:70px;text-align:center;cursor:pointer;background:#fff;margin-bottom:10px;position:absolute;right:0;font-size:12px;box-sizing:border-box;/* line-height:60px;*/padding-top:7px;display:flex !important;align-items:center;justify-content:center;} .tol-out p:nth-child(2){padding-top:3px;} .tol-out p span{display:block;padding-top:1px;} .tol-in{box-shadow:3px 3px 10px rgb(0 0 0 / 40%);-webkit-box-shadow:3px 3px 10px rgb(0 0 0 / 40%);border-radius:40px;height:70px;line-height:70px;cursor:pointer;background:#fff;box-sizing:border-box;/*padding-left:20px; padding-top:15px;*/font-size:17px;font-weight:700;letter-spacing:-0.5px;text-transform:uppercase;width:70px;clear:both;position:absolute;right:0;text-align: center;overflow: hidden;} .tol-in a{display:block;/* width:175px;*//* height:60px;*//* box-sizing:border-box;*/;} .tol-in a:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .tol-in p{float:left;/* line-height:normal;*/} .tol-in p.tol-c{width: 70px;text-align: center;} .tol-out > div{position:relative;} .tol-out > div > div{float:right;} .floating-linker{box-shadow:3px 3px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:3px 3px 10px rgb(0 0 0 / 20%);border-radius:40px;height:50px;line-height:50px;cursor:pointer;background-color:#fff;box-sizing:border-box;padding-left:20px;font-size:14px;font-weight:700;letter-spacing:-0.5px;text-transform:uppercase;width:175px;clear:both;margin-bottom:5px;background-position:85% center;background-repeat:no-repeat;} .floating-linker.r1{background-image:url("../img/quick_r1.png");} .floating-linker.r2{background-image:url("../img/quick_r2.png");} .floating-linker.r3{background-image:url("../img/quick_r3.png");} .floating-linker.r4{background-image:url("../img/quick_r4.png");} .floating-menu{position:absolute;top:-110px;display:none;} .quMainB{display:none;} @media only all and (max-width:1024px){ .tol-area{display:none;} } /* 서브페이지 상단 및 공용 시작 */ .subgn{background:url(../img/subg.png) no-repeat center;background-size:cover;} .subconBox{background:#FFF;padding:0;box-sizing:border-box;} .subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;} .subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;} .subg{/* padding-top:180px;*/height:500px;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;border-bottom:1px solid #e4e4e4;background:url(../img/sub/subg.jpg) no-repeat center center;background-size:cover;box-sizing:border-box;} .subg .container{display:flex;align-items:center;height:580px;justify-content:space-between;} /* 명도대비: 배경사진 위 흰 텍스트 대비 확보용 블랙 오버레이 */ .subg{position:relative;} .subg::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5);pointer-events:none;} .subg > *{position:relative;z-index:1;} .subg.subbg1{ background-image:url(../img/sub/subg1.jpg);} .subg.subbg2{ background-image:url(../img/sub/subg2.jpg);} .subg.subbg3{ background-image:url(../img/sub/subg3.jpg);} .subg.subbg4{ background-image:url(../img/sub/subg4.jpg);} .subg.subbg5{ background-image:url(../img/sub/subg5.jpg);} .subg.subbg6{ background-image:url(../img/sub/subg6.jpg);} .subg.subbg7{ background-image:url(../img/sub/subg7.jpg);} .subg.subbg8{ background-image:url(../img/sub/subg8.jpg);} .subg.subbg9{ background-image:url(../img/sub/subg9.jpg);} .subg.subbg10{ background-image:url(../img/sub/subg10.jpg);} .sublogo{text-align:left;padding-top:30px;} .sublogoimg{font-size:60px;font-weight:300;letter-spacing:-6px;line-height:100%;margin-bottom:10px; color: #fff} .sublogoimg span{font-weight:500} .sublogotxt{font-size:15px;color:#fff;opacity:0.85;} .subtgnb{float:right;padding-top:50px;display:flex;flex-direction:column;align-content:center;align-items:center;position:relative;} .subtgnb ul{display:flex;width:85px;flex-direction:column;justify-content:space-between;/* margin-top:80px;*/border-top:1px solid rgb(255 255 255 / 40%);text-align:center;} .subtgnb ul li{border-bottom:1px solid rgb(255 255 255 / 40%);font-size:15px;} .subtgnb ul li a{display:block;padding:68px -0 10px;color:#fff;background-repeat:no-repeat;background-position:center 20px;} .subtgnb ul li a:hover{color:#69ecfc;} .subtgnb ul li a.ser01{background-image:url(../img/sub/tm01.png);} .subtgnb ul li a.ser02{background-image:url(../img/sub/tm02.png);} .subtgnb ul li a.ser03{background-image:url(../img/sub/tm03.png);} .subtgnb ul li a.ser01:hover{background-image:url(../img/sub/tm01over.png);} .subtgnb ul li a.ser02:hover{background-image:url(../img/sub/tm02over.png);} .subtgnb ul li a.ser03:hover{background-image:url(../img/sub/tm03over.png);} .subh2{font-size:42px;color:#383838;text-align:center;padding:20px 0 10px;} .subconBox{background:#FFF;padding:0;box-sizing:border-box;} .subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;} .subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;} .subcontent .subnav{position:relative;z-index:10;height:60px;border-bottom:1px solid #e6e9ec;box-sizing:border-box;line-height:60px;} .subcontent .subnav .container{display:flex; justify-content:space-between;} .subcontent .subnav .subnav-in{ width:calc(100% - 93px);float:left;height:50px;font-family:'Nanum Gothic', sans-serif;} .subcontent .subnav .sns{float:right;line-height:50px;} .subcontent .subnav .sns .snshidden{display:none;} .subcontent .subnav .sns .snshidden span{padding-left:5px;} .subcontent .subnav .sns>div{float:left;cursor:pointer;} .subcontent .subnav .sns .printico{margin-left:20px;} .subcontent .subnav .sns .snsico{margin-left:10px;} .subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left:1px solid #e5e5e5;cursor:pointer;} /*fullpage lnb 미번역되서 강제번역 class = "trans" 추가*/ .subcontent .subnav-full .subnav-in{width:auto;} .subcontent .subnav-full .trans{flex:1;} .printw{overflow:hidden;float:left;line-height:50px;} .printw a.addthis_button_url{display:inline-block;/* padding-left:29px;*/width:45px;height:34px;vertical-align:middle;margin-right:1px;/* border:1px solid #d0d0d0;*/box-sizing:border-box;margin-right:7px;/* box-sizing:border-box;*//* line-height:34px;*//* color:#8a8a8a;*//* font-size:12px;*/;} .printw a.addthis_button_url:last-child{margin-right:0;} .printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;} .printw a.btn-b3{background:url(../img/print.png) no-repeat 10px center;text-indent: -9999em;} .hiddenover{overflow:hidden;margin-right:8px; display:none; min-width:125px;} .hiddenoverw{overflow:hidden;margin-right:8px;line-height:50px;display:flex; align-items:center; } .hiddenoverw .btn-b1{display:block;} .hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:28px;vertical-align:middle;margin-right:1px;text-indent: -9999em;} .hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;} .hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;} .hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;} .hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;} .hiddenover a.btn-sns5{background:url(../img/nsns05.png) no-repeat 0 0;} .hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:50px;height:34px;vertical-align:middle;/* margin-right:1px;*//* border:1px solid #d0d0d0;*//* box-sizing:border-box;*//* line-height:34px;*//* color:#8a8a8a;*//* font-size:12px;*//* padding-left:35px;*/;text-indent: -9999em;} .subcontent .navbar-fixed-top{border-bottom:none !important;} .subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;} .qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;} .qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;} .qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;} .qaright dl dd{padding:10px 5px;} .qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;} .qaright dl dd a:hover{color:#ea4a3d;border:1px solid #ea8d8c;} .quickmenu{position:fixed;left:50%;margin-left:730px;overflow:hidden;top:650px;z-index:11;} .floating-menu > div{width:70px;height:70px;line-height:68px;text-align:center;border-radius:50%;margin-bottom:10px;} .floating-menu .q1{background-color:#0a5ee9;} .floating-menu .q2{background-color:#0a78e9;} .floating-menu .q3{background-color:#0a5ee9;} .quickmenu .qucick-arr{display:table-cell;width:70px;height:70px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#5d5858;border:1px solid #eee;border-radius:50%;background:#fff;} .quickmenu .qucick-arr strong{display:block;font-size:110%;} /* 서브페이지 좌측메뉴 정렬 끝 */ /*탭메뉴*/ .tabm .subtabmenu ul{position:relative;} .tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;} .tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;} .tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;} .tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;} .tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;} .tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;} .tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;} .tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;} #tab1{display:block;} @media only all and (max-width:1200px){.tab_tit{width:25%;} .tablist:nth-child(1) .tab_tit{margin-left:-50%;} .tablist:nth-child(2) .tab_tit{margin-left:-25%;} .tablist:nth-child(3) .tab_tit{margin-left:0;} .tablist:nth-child(4) .tab_tit{margin-left:25%;} .tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;} } @media only all and (max-width:760px){ .subcontent .subnav .container{padding:0;} .printw{display:none;} .subcontent .subnav .subnav-in{width:100%;} .subnav-in #lnb{width:calc(100% - 30px);} #lnb>.lnb_area{min-width:auto;width:50%;} .subcontent .subnav .subnav-in .subhome{width:30px;border-right:1px solid #e5e5e5;box-sizing:border-box;} .subcontent .subnav .subnav-in .subhome img{width:20px;} .sublogoimg{font-size: 38px} } .container .inmenu426 ul li a{display:block;width:100%;height:65px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:keep-all;} .container .inmenu426 ul li a > img{padding-left:5px;} .container .inmenu426 ul li{display:flex;/* flex:1;*/border:1px solid #e4e4e4;height:65px;color:#656565;font-weight:500;font-size:18px;width:calc(16.5% - 0.6%);box-sizing:border-box;align-items:center;justify-content:center;margin-right:0.2%;margin-bottom:0.2%;} /*3차메뉴*/ .third-menu{overflow:hidden;margin-top:20px;margin-bottom:40px;text-align:center;} .third-menu ul{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;align-content:center;justify-content:center;} .third-menu ul ul {display:none;} .third-menu ul li a{display:block;width:100%;height:65px; line-height:1.1;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:keep-all;} .third-menu ul li a > img{padding-left:5px;} .third-menu ul li{display:flex; flex:0 1 12.5%; border:1px solid #e4e4e4;height:65px;color:#656565;font-weight:500;font-size:16px;/*width:calc(16.5% - 0.6%);*/box-sizing:border-box;align-items:center;justify-content:center;margin-right:0.2%;margin-bottom:0.2%;} .third-menu ul li.lnbActive, .third-menu ul li.active, .third-menu ul li:hover{background:#1c66b1;color:rgba(255, 255, 255, 1);border:1px solid #e0e0e0;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;} /* 접근성(2026-08-05, 결과서 p30 · 검사항목 6-2): 활성 탭을 색 외 단서로도 구분. 굵은 글자 + 진한 외곽선. :hover 는 제외해 hover 와 활성이 구분되게 둔다 */ .third-menu ul li.lnbActive, .third-menu ul li.active{font-weight:700;border:3px solid #003e7b;} /*4차메뉴*/ .fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:80px;text-align:center;position:relative;} .fourth-menu ul{display:flex; justify-content:center;} .fourth-menu ul ul {display:none;} .fourth-menu ul li{float:left;margin-bottom:-1px;} .fourth-menu ul li a{margin-right:2px;padding:0 3vw;margin-bottom:1px;box-sizing:border-box;width:auto;height:50px;display:inline-block;/*line-height:50px;*/align-content:center;text-align:center;font-weight:500;border:1px solid #165c8c;background:#fff;font-size:16px;border-bottom:1px solid #1660ba;align-items:center;justify-content:center;} .fourth-menu ul li a > img{padding-left:5px;} .fourth-menu ul li.lnbActive a, .fourth-menu ul li.active a{border:1px solid #1c3daf;border-bottom-color:transparent;z-index:3;color:#1631be;} /* 접근성(2026-08-05, 결과서 p30 · 검사항목 6-2): 활성 탭을 색 외 단서로도 구분. 굵은 글자 + 위쪽 강조선 */ .fourth-menu ul li.lnbActive a, .fourth-menu ul li.active a{font-weight:700;border-top:4px solid #3766b1;color:#3766b1;} /* 서브페이지 상단 및 공용 끝 */ .password_wrapper{width:100%;text-align:center;} .password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;} .password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;} .password_wrapper fieldset input[type="password"]{padding:0;} .password_wrapper fieldset input[type="submit"]{cursor:pointer;} @media only all and (max-width:820px){ .third-menu ul li{font-size:90%;} .third-menu ul li a{line-height:1.1;} .fourth-menu ul li a{font-size:90%;} } @media only all and (max-width:740px){ .fourth-menu ul li a{padding:0 30px;font-size:14px;} } @media only all and (max-width:720px){ .third-menu ul li a{padding:0;font-size:15px;height:55px;} .third-menu ul li{display:block;width:33%;height:55px;} .fourth-menu{margin-bottom:50px;} .fourth-menu ul li a{margin-right:-1px;padding:0 25px;width:auto;} } @media only all and (max-width:420px){ .third-menu ul li{height:45px;} .third-menu ul li a{height:45px;font-size:75%;} .fourth-menu ul li a{padding:0 5px;height:40px;font-size:70%;} } /*서브콘텐츠*/ .conbox{border-bottom:1px solid #e7e0e0;margin-bottom:50px;padding-bottom:30px;} .conbox1{position:relative;} .conbox1 a {position:absolute; top:-100px;} /* 접근성(2026-08-05, 사용자심사 u70·u73): 페이지 제목이 h2 인데 본문 제목도 h2 라 위계가 평평했다. 본문 헤딩을 한 칸씩 내리되(h2->h3, h3->h4, h4->h5, h5->h6) 보이는 모습은 그대로여야 하므로, 태그 셀렉터를 옮기지 않고 시각 단계별 클래스를 OR 로 덧붙인다. ⚠️ 셀렉터를 한 칸 "이동" 시키면 안 된다 — 이미 h3 로 시작하는 정상 파일 12개(167·168·169·214·397·56·59·60·61·62·72·79_emergency)의 제목이 깨진다. conhead1=아이콘+32px 검정(옛 h2) · conhead2=29px 파랑(옛 h3) · conhead3=20px(옛 h4) · conhead4=17px(옛 h5) */ .conbox h2, .conbox .conhead1{position:relative;padding:0 0 30px 65px;font-size:32px;font-weight:700;color:inherit;} .conbox h2 + .basic-table, .conbox .conhead1 + .basic-table{margin-top:0;} .conbox h2:before, .conbox .conhead1:before{background:url("../img/sub/h2.png") no-repeat center;width:50px;height:50px;content:'';display:inline-block;position:absolute;left:0;} .conbox h3, .conbox .conhead2{padding:15px 0 15px;color:#2c60b6;font-size:29px;font-weight:700;} .conbox h3 + .basic-table, .conbox .conhead2 + .basic-table{margin-top:0;} .conbox h4, .conbox .lead, .conbox .conhead3{padding:0 0 10px;font-weight:500;font-size:20px;color:#2c60b6;} .conbox h5, .conbox .conhead4{padding:0 0 10px;font-weight:500;font-size:17px;color:#3273e0;} .conbox > ul{margin-bottom:20px;} .conbox > ul > li{position:relative;padding-left:17px;font-size:18px;margin-bottom:12px;word-wrap:break-word;word-break:keep-all;} .conbox > ul > li:before{width:4px;height:4px;background-color:#a9a9a9;position:absolute;left:2px;top:11px;content:'';display:block;} .conbox > ul > li > ul > li{margin-top:10px;padding-left:13px;text-indent:-10px;font-size:16px;color:#252525;font-weight:300;} .conbox > ul > li > ul > li:before{content:'-';padding-right:7px;} .conbox > ul > li > ul > li > p{display:block;position:relative;padding-left:20px;color:#747474;} .conbox > ul > li > ul > li > p:before{display:block;content:'';position:absolute;left:2px;top:11px;width:3px;height:3px;background-color:#a9a9a9;} .conbox > ul > li > ul > li > ol > li{position:relative;margin-top:0px;padding-left:23px;} .conbox > ul > li > ul > li > ol > li:before{display:block;content:'';position:absolute;left:2px;top:11px;width:3px;height:3px;background-color:#a9a9a9;} .conbox > ul > li > ul > li > ol > li > p{position:relative;padding-left:3px;} .conbox > ul > li > ul > li > ol > li > p:before{content:'-';padding-right:7px;} .conbox a{color:#027e98;text-decoration:underline;text-decoration-color:#9fc9d4;text-underline-offset:2px;} .conbox a:hover{color:#1396e5;} .conbox .nodot:before{display:none !important;} .conbox .etc{padding-left:20px;text-indent:-20px;word-wrap:break-word;word-break:keep-all;} .conbox .etc b{font-weight:500;color:#c75000; } /*.conbox ul li strong{float:left; font-weight:500; margin-right:14px;}*/ .conbox .gotolink{display:inline-block;margin-bottom:2px;padding:0 48px 0 22px;line-height:45px;font-size:16px;font-weight:normal;color:#1572ba;border:1px solid #1572ba;background:url(../img/sub/bg_gotolink.gif) right 17px center no-repeat;} .conbox .gotolink:hover{background:url(../img/sub/bg_gotolink_e.gif) right 17px center no-repeat;} /* 접근성(2026-08-05, 결과서 p51 · 검사항목 26-1): bg_gotolink.gif 는 '새 창 열림' 아이콘이다. 실제로 새 창이 열리는 링크(target="_blank")에만 붙도록 해 표시와 동작을 일치시킨다 */ .conbox .gotolink:not([target="_blank"]),.conbox .gotolink:not([target="_blank"]):hover{background-image:none;padding-right:22px;} .conbox .bgdown{display:inline-block;padding:10px 48px 10px 22px;font-weight:normal;color:#1572ba;border:1px solid #1572ba;background:url(../img/sub/bg_down.gif) right 17px top 13px no-repeat;} .conbox .bgdown:hover{background:url(../img/sub/bg_down_e.gif) right 17px top 13px no-repeat;} .conbox .fright{float:right;} .conbox .inboxtxt{margin-bottom:30px;padding:30px;border:1px solid #e3e3e3;border-radius:3px;word-wrap:break-word;word-break:keep-all;} .conbox .inboxtxt p{margin:0 0 15px 10px;} .cation{margin-top:35px;} .cation li{font-size:16px;position:relative;padding-left:25px;color:#656565;margin-bottom:5px;} .cation li:before{content:'※';display:inline-block;position:absolute;left:0;} .cation li .line{border-bottom:1px solid #ccc;} .conbox .lookb .bgdown{margin-bottom:4px;min-width:198px;} .conbox .lookbs{font-size:65%;} .blueboxout214{display:flex; flex-wrap:wrap; gap:10px} .blueboxout214 ul{display:inline-block;vertical-align:top;/* margin-bottom:50px; *//* width:27.9%; */min-height: 270px;text-align:center;flex: 0 1 calc(33% - 10px);box-sizing: border-box;} .blueboxout214 ul li{padding:30px 0 0;} .blueboxout214 ul li a{min-width:219px;} .bluebox{border:18px solid #2b78c7;} .bluebox .div50{margin:100px 120px;word-wrap:break-word;word-break:keep-all;} .bluebox .div50 li{float:left;} .bluebox .div50 li:nth-child(1){width:40%;} .bluebox .div50 li:nth-child(2){width:60%;} .bluebox .div50 li p{font-size:18px;} .bluebox .div50 li p span{margin-right:10px;} .cont215 a{margin-bottom:5px;min-width:206px;} .cont144 a{min-width:206px;} .em_b_blue{color:#3273e0;} .contimg{margin-bottom:80px;width:100%;height:649px;text-align:center;color:#ffffff;} .contimg .bgtext{display:inline-block;width:100%;} .contimg .bgtext strong{display:block;padding-top:160px;font-size:36px;font-weight:700;} .contimg .bgtext span{color:#73ebf9;} .contimg .bgtext p{display:inline-block;width:900px;padding-top:50px;font-size:22px;font-weight:400;line-height:1.7;word-wrap:break-word;word-break:keep-all;} .contimg .bgtext a{display:inline-block;margin-top:70px;padding:0 50px 0 25px;line-height:45px;color:#73ebf9;background:url(../img/sub/bg_gotolinkg.gif) right 20px center no-repeat;border:1px solid #15bab1;} .contimg .bgtext a:hover{color:#baf8ff;background:url(../img/sub/bg_gotolinkg_e.gif) right 20px center no-repeat;border:1px solid #73ebf9;} .bg150{background:url(../img/sub/bg150.jpg) center center no-repeat;background-size:cover;} .bg150 .bgtext strong{padding-top:100px;font-size:34px;} .bg150 .bgtext p{padding-top:30px;font-size:18px;line-height:1.6;} .bg200{background:url(../img/sub/bg200.jpg) center center no-repeat;background-size:cover;} .bg200 .bgtext strong{font-size:34px;} .bg200 .bgtext p{padding-top:30px;font-size:18px;line-height:1.6;} .visual_scroll{-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70px;z-index:1;margin:100px auto 0;position:relative;left:40px;} .visual_scroll .scroll_wrap{position:relative;margin:0 auto;width:1px;height:100px;} .scroll_wrap .bar_bg{position:absolute;top:0;left:0;width:1px;height:100%;background:#fff;opacity:0.3;} .scroll_wrap .bar{position:absolute;top:0;left:0;width:1px;height:0;background:#fff;-webkit-animation:scroll 1.5s infinite ease-out;animation:scroll 1.5s infinite ease-out;} .scroll_txt{color:#fff;font-size:13px;text-align:center;opacity:1;/* font-weight:500;*/margin:10px 0 15px;/* font-family:'Futura-Medium';*/text-transform:uppercase;letter-spacing:0;} /* ui */ .uicolor li span{display:inline-block;margin-right:10px;padding:0 20px;line-height:24px;text-indent:0;font-size:80%;color:#ffffff;font-weight:500;border-radius:3px;} .conbox > ul > li > ul.uicolor > li:before{display:none;} .uicolor li:nth-child(1) span{background:#089cb3;} .uicolor li:nth-child(2) span{background:#e70a0a;} .uicolor li:nth-child(3) span{background:#f79933;} .uicolor li:nth-child(4) span{background:#0e4395;} .uicolor li:nth-child(1) span, .uicolor li:nth-child(3) span{color:#111111;} /* A11Y: 상징색 견본은 보존, 글자만 어둡게 (흰 글자 대비 미달) */ .conbox .ui_logo li:before{display:none !important;} .ui_logo li{display:inline-block;margin:0 1.8% 60px !important;width:20%;text-align:center;} .ui_logo li span{display:table-cell;vertical-align:middle;height:270px;border:1px solid #d5d8eb;border-radius:8px;} .ui_logo li span img{width:80%;} .ui_logo li a.gotolink{margin-top:30px;font-size:15px;} .ui_logo li a.bgdown{margin-top:30px;font-size:15px;} .ui_logo40 li{width:32.5%;} .ui_logo40 li:nth-child(1){width:20%;} .uiimg{margin-bottom:30px;} .uiimg img{margin-right:30px;} .uiimg p{color:#757575;} /* 접근성(2026-08-05, u70·u73 위계 밀기): 이 규칙이 태그를 키로 잡고 있어 h3→h4 로 밀면 안 걸린다(inc/229.php, 여백 20/30 → 15/0 으로 틀어짐). ※ 밀고 나면 옛 h2 가 h3.conhead1 이 되어 아래 .uih3 h3 에 새로 걸리지만, .conbox .conhead1(0-2-0)이 .uih3 h3(0-1-1)을 이겨 무해하다 — 확인 완료. */ .uih3 h3, .uih3 .conhead2{padding:20px 0 30px;} .uidown1{padding-left:0 !important;} .uidown1:before{display:none !important;} .uidown{padding-left:0 !important;margin-bottom:30px;} .uidown:before{display:none !important;} .fontbox{margin-bottom:50px;padding:40px 20px;font-size:20px;font-weight:500;text-align:center;color:#00467d;background:#f8f8f8;border:1px solid #d7e1e9;border-radius:3px;} .uibox .conbox{display:inline-block;width:49.9%;vertical-align:top;border-bottom:0;} .pinfo{margin-bottom:30px;} @-webkit-keyframes scroll{ 0%{height:0%;}100%{height:100%;} } @keyframes scroll{ 0%{height:0%;} 100%{height:100%;} } @media only all and (max-width:1600px){ .conbox{padding:0 20px;} .sublogo{padding:0 20px;box-sizing:border-box;} } @media only all and (max-width:1370px){ .conbox .ui_logo li{padding-left:0;} .uibox .conbox{width:46%;} } @media only all and (max-width:1200px){ .ui_logo li{width:29%;} .ui_logo40 li:nth-child(1){width:25%;} } @media only all and (max-width:1150px){ .subh2{padding:20px 0 ;font-size:40px;} } @media only all and (max-width:1024px){ .third-menu ul li a{font-size:90%;} .uibox .conbox{width:45%;} .bluebox .div50{margin:50px;} .bluebox .div50 img{width:80%;} .conbox h3, .conbox .conhead2{font-size:26px;} .blueboxout214 ul{flex-basis:calc(50% - 10px);} .conbox .bluebox .gotolink{padding:0 48px 0 12px;font-size:90%;} .conbox .bluebox .bgdown{padding:8px 48px 8px 12px;font-size:90%;} .blueboxout214 ul li a{min-width:auto;} } @media only all and (max-width:915px){ .bluebox .div50 li p b{display:block;margin-top:10px;} .bluebox .div50 li p span{display:block;font-size:90%;} } @media only all and (max-width:820px){ .subg .container{height:auto;display:block;} .subtgnb{display:none;} .subg{height:295px;box-sizing:border-box;padding-top:130px;} .sublogotxt p{display:inline;} .sublogoimg img{width:220px;} .subh2{font-size:30px;} .conbox h2, .conbox .conhead1{font-size:26px;} .conbox h2:before, .conbox .conhead1:before{height:40px;} .conbox h3, .conbox .conhead2{padding-top:5px;font-size:24px;} .conbox > ul{padding-top:10px;} .conbox > ul > li{font-size:16px;} .conbox > ul > li > ul > li{font-size:14px;} .uibox .conbox{width:auto;} .ui_logo li{margin:0 1% 60px !important;width:31%;} .ui_logo li a.bgdown{font-size:80%;} .ui_logo40box{text-align:center;} .ui_logo40box h2{text-align:left;} .ui_logo40{display:inline-block;width:50%;} .ui_logo40 li{margin:0 0 60px !important;width:100%;} .ui_logo40 li:nth-child(1){margin:0 0 60px !important;width:100%;} .bluebox .div50{margin:40px 30px 20px;} .bluebox .div50 img{width:80%;} } @media only all and (max-width:740px){ .ui_logo li{width:47%;} .ui_logo40{width:60%;} .ui_logo40 li{width:100%;} .blueboxout214 ul{flex-basis:100%;} } @media only all and (max-width:540px){ .conbox h2, .conbox .conhead1{font-size:21px; letter-spacing: -1px} .conbox h3, .conbox .conhead2{font-size:19px;} .conbox h4, .conbox .lead, .conbox .conhead3{font-size:17px;} .conbox h5, .conbox .conhead4{font-size:15px;} .conbox > ul > li{font-size:14px;} .ui_logo li{width:100%;} .ui_logo li span{height:300px;} .ui_logo li span img{width:50%;} .uidown1 .bgdown{margin-bottom:3px;font-size:80%;} .uidown .bgdown{margin-bottom:3px;font-size:80%;} .ui_logo40{width:90%;} .blueboxout214{text-align:center;} .blueboxout214 ul{margin:0 auto 10px;width:70%;} .bluebox .div50 li:nth-child(1){display:none;} .bluebox .div50 li:nth-child(2){width:100%;} } @media only all and (max-width:420px){ .conbox h2, .conbox .conhead1{padding-left:55px;} .uiimg ul{width:100%;} .uiimg ul li{float:left;width:100%;} .uiimg ul li:nth-child(2){margin:15px 0 0 2px;font-size:80%;} .blueboxout214 ul{width:90%;} } @media only all and (max-width:393px){ .bluebox .div50{margin:40px 17px 20px;} } /*모집학과*/ .h3tit{color:#383838;font-size:42px;font-weight:700;text-align:center;margin-bottom:50px;} .anchor{display:block;margin-bottom:40px;height:70px;font-size:0;} .macate{margin-bottom:0;} .macate ul{/* display:flex;*/margin-bottom:5px;align-items:center;} .macate ul li{/* flex:1;*/ align-content:center;color:#4a4a4a;font-size:19px;height:65px;font-size:19px;color:#4a4a4a;font-weight:500;border:1px solid #e0e0e0;text-align:center;float:left;width:20%;box-sizing:border-box;cursor:pointer;margin-left:-1px;margin-top:-1px;} .macate ul li:nth-child(1){color:#b434e4;} .macate ul li:nth-child(2){color:#198281;} .macate ul li:nth-child(3){color:#607e25;} .macate ul li:nth-child(4){color:#2b6eb0;} .macate ul li:nth-child(5){color:#7741ef;} .macate ul li:nth-child(6){color:#906004;} .macate ul li:nth-child(7){color:#747474;} .macate ul li:nth-child(8){color:#;} .macate ul li:nth-child(9){color:#e21668;} .macate ul li:nth-child(10){color:#a36900;} .macate ul li:nth-child(11){color:#415ece;} .macate ul li.onactive, .macate ul li:hover{background:#1c66b1;color:#fff;} .macate ul li a{display:block;} .macate16 ul li{width:16.7%;} .macate25 ul li{width:25%;} .majortop{overflow:hidden;margin-bottom:60px;border:1px solid #ccc;box-sizing:border-box;display:flex;} .majortop > div{flex:1;} /*2026학년도, google 미번역 되는 영역에 tran section 부여하며 사용한 코드*/ section.trans .majortop, .majortop section.trans{display:flex; width:100%} section.trans .majortop > div, .majortop section.trans > div{flex:1;} /*2026학년도, google 미번역 되는 영역에 tran section 부여하며 사용한 코드*/ .maconex .ma {display:flex;justify-content:space-between;} .maconex .ma .ma1{flex:1;} .majorimg img{width:100%; height:100%; object-fit:cover;} .majortxt{/* width:calc(100% - 670px);*/box-sizing:border-box;padding:30px 30px 20px 20px;/* border:1px solid #ccc;*//* border-left:none;*/;} /* 접근성(2026-08-05, 사용자심사 u69): div → h3 로 바꾸면서 UA 기본 굵기(bold)가 붙어 span 밖 글자가 400→700 으로 굵어진다. 원래 모양 유지용 */ .matit{font-size:48px;color:#000000;padding-left:30px;font-weight:400;} .matit span{font-weight:700;} .mastit{color:#767676;font-size:14px;padding-bottom:30px;padding-left:30px;letter-spacing:0;} .majt{font-size:20px;color:#383838;font-weight:500;padding-bottom:20px;padding-left:30px;} .majts{color:#565555;font-size:16px;padding-left:30px;} .majordbox{/* float:left;*/width:calc(50% - 20px);/* margin-right:30px;*/border:1px solid #eaeaea;box-sizing:border-box;margin-bottom:30px;position:relative;} .majordbox:nth-child(2n){margin-right:0;} .majordbox a{display:block;} .majordt img{width:100%;height:100%;} .majordcon{padding:25px 25px 25px 30px;box-sizing:border-box;} .macontop{border-bottom:1px solid #e1e1e1;padding-bottom:10px; } .macname .mact{font-size:14px;color:#3b3b3b;position:relative;top:3px;} .macts{font-size:36px;} .macts span{color:#0e4fc2;font-weight:700;} .macts b{font-size:50%;color:#c75000;font-weight:500;} .mactel{padding:10px 0; display:flex;} .mactel .macarea{order:2} .mactel .mac{order:1;} .mactel .macarea.macurl{order:3;} .mac{font-size:16px;color:#404040;padding-right:5px;} .mac span{font-weight:600;} .macarea{border:1px solid #0f40ce;height:22px;line-height:21px;padding:0 10px;display:inline-block;color:#0f40ce;} .macarea.macurl{padding:0px 5px;} .macarea.macurl img{vertical-align:inherit;} .macarea.cog{border:1px solid #2a8819;color:#2a8819;} .macurl a{display:block;} .maconlist{color:#0b589f;font-size:16px;padding-top:10px;/* margin-bottom:50px;min-height:200px;*/} .maconlist p{padding-left:12px;text-indent:-11px;} .maconex{margin-top:10px;} .maconextit{color:#3b3b3b;font-size:22px;font-weight:700;padding-bottom:10px;} .maconex ul{overflow:hidden;} .maconex ul li{float:left;width:100%;position:relative;padding-left:10px;box-sizing:border-box;} .maconex ul li:before{content:'';width:4px;height:4px;border-radius:10px;background:#7E7E7E;position:absolute;left:0;top:10px;} .maconex .maconexfull li{width:100%;font-size:98%;} .maconexnon ul li:before{display:none;} .maconex ul li span{margin-left:3px;font-size:95%;font-family:'Futura-Medium';} .maconex ul li span b{font-size:80%;font-weight:normal;} .majordetail{/* overflow:hidden;*/display:flex;justify-content:space-between;flex-wrap:wrap;} .majorbox{margin-bottom:0;word-wrap:break-word;word-break:keep-all;} .line_box{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;} .line_box span{position:absolute;display:inline-block;z-index:5;} .line_box .line01{top:0;left:0;width:0;height:2px;background:#0e4fc2;} .line_box .line02{top:0;right:0;width:2px;height:0;background:#0e4fc2;} .line_box .line03{bottom:0;right:0;width:0;height:2px;background:#0e4fc2;} .line_box .line04{bottom:0;left:0;width:2px;height:0;background:#0e4fc2;} .majordbox:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;} .majordbox:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;} .majordbox:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;} .majordbox:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;} @media only all and (max-width:1024px){ .majortop{display:block;} .majortop > div{display:block;} .majordetail{display:block;} .majordbox{width:100%;} } @media only all and (max-width:720px){ .h3tit{font-size:24px;margin-bottom:20px;} .matit{font-size:20px;} .matit{padding-left:0;} .mastit{padding-left:0;} .majt{padding-left:0;} .majts{padding-left:0;} .macate ul li{height:auto;font-size:15px;padding:10px 0;line-height:inherit;width:33.2%;} .macate{margin-bottom:25px;} .maconlist{min-height:auto;padding-bottom:20px;} .maconex ul li{width:100%;} .macontop{display:block;} .macts{font-size:32px;padding-bottom:10px;} .majordcon{padding:20px;} } /*교가*/ .gyw{overflow:hidden;background:#2567cc;} .gytxt{width:calc(100% - 740px);background:url("../img/sub/gybg.png") no-repeat center;color:aliceblue;padding:50px 40px;box-sizing:border-box;float:left;} .gyimg{width:740px;float:left;} .gyimg img{width:100%;} .gytit{font-size:36px;padding-bottom:50px;} .gyc{font-weight:700;display:inline;} .gytit > div{display:inline-block;} .gycs{font-size:18px;display:inline;} .gybtn{display:flex;border-bottom:1px solid rgb(255 255 255 / 50%);padding-bottom:20px;align-items:center;} .gybtn a{display:block;flex:1;margin-right:10px;border:1px solid #ccc;color:#ffffff;font-size:16px;text-align:center;padding:10px 0;display:flex;align-items:center;justify-content:center;} .gybtn a:nth-child(2){margin-right:0;} .gybtn a img{padding-left:10px;} .gycdebox{padding:45px 0;border-bottom:1px solid rgb(255 255 255 / 50%);} .sycdtit{font-size:30px;font-weight:700;padding-bottom:20px;} .sycdstit{font-size:16px;line-height:180%;} .symboxw{display:flex;width:1320px;justify-content:space-between;margin:165px 0;flex-direction:row;} .symbox{/* flex:1;*/text-align:center;/* margin-right:110px;*/;} .sym03{margin-right:0;} .symimg{ margin-bottom:40px;} .symimg img{border-radius:50%;} .symtit{font-size:42px;color:#383838;text-align:center;padding-bottom:20px;} .symtit span{color:#0b62cd;font-weight:700;} .symstit{text-align:center;font-size:18px;color:#595959;} .symstit span{font-weight:700;} .sym02 .symtit span{color:#05864d;} .sym03 .symtit span{color:#d51b5c;} .visionw{margin:100px 0;} .humw-in{width:1140px;margin:0 auto;} .hunw{background:#f7fcfe url("../img/sub/hunbg.png") no-repeat center top;padding:110px 0;} .huntop{text-align:center;font-size:36px;color:#232323;margin-bottom:100px;letter-spacing:-2px;} .huntop1{font-size:30px;margin-top:70px;margin-bottom:40px;} .huntop1 h3{font-size:inherit;} .huntop p span{color:#1365ca;font-weight:700;} .humbox{margin-bottom:20px;display:flex;align-items:center;overflow:hidden;} .humimg{width:550px;height:550px;background-size:cover;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;float:left;} .humbox01{background-image:url(../img/sub/hun01.png);} .humbox02{background-image:url(../img/sub/hun02.png);} .humbox03{background-image:url(../img/sub/hun03.png);} .humc{color:#10a9f9;font-size:86px;font-weight:800;} .humct{color:#fff;font-size:48px;} .humtxt{color:#5b5b5b;font-size:26px;width:calc(100% - 620px);float:left;padding-left:70px;} .humtxt1 {width:100%;font-size:22px;} .humtxt2 {text-align:center;margin-bottom:50px;} .humtxt3 {text-align:center;margin-top:40px;} .humtxt p{padding-bottom:45px;} .humtxt span{font-weight:700;} .humbox02 .humc{color:#15cde3;} .humbox03 .humc{color:#1dd24c;} .humbox:nth-child(3){display:flex;flex-direction:row-reverse;} .humbox:nth-child(3) .humtxt{text-align:right;padding-right:30px;padding-left:0;} @media only all and (max-width:1140px){ .symboxw{width:100%;} .symbox{margin:0 10px;flex:1;} .symstit p{display:inline;} .humw-in{width:100%;} .humimg{width:400px;height:400px;} .humtxt{width:calc(100% - 423px);padding-left:20px;} } @media only all and (max-width:820px){ .gyimg{width:100%;} .sycdstit{font-size:14px;} .sycdtit{font-size:24px;padding-bottom:10px;} .gytxt{width:100%;padding:15px;box-sizing:border-box;} .gytit p{display:block;} .gytit{padding-bottom:20px;font-size:30px;} .gybtn a{font-size:14px;} .gycdebox{padding:20px 0;} .symtit{font-size:28px;} .symstit{font-size:15px;} .symboxw{margin:50px 0;display:block;} .symbox{margin-bottom:50px;} .symimg img{width:200px;} .symimg{margin-bottom:10px;} .visionw{margin:20px 0;} .hunw{padding:50px 0 0;} .huntop{font-size:20px;margin-bottom:40px;} .huntop p{display:inline;} .humbox{display:block;text-align:center;} .humimg{width:260px;height:260px;margin:0 auto;/* display:block;*/float:none;margin-bottom:16px;} .humtxt{width:100%;padding-left:0;font-size:18px;} .humc{font-size:53px;} .humbox:nth-child(3){display:block;} .humw-in{background-size:cover;} .humbox:nth-child(3) .humtxt{text-align:center;} .humct{font-size:34px;} .sublogo{letter-spacing: -1.1px;} } /*대학소개*/ .desow{margin-top:40px;} .desotop{background:url("../img/sub/desoTop.jpg") no-repeat center;background-size:cover;text-align:center;padding-top:200px;box-sizing:border-box;height:950px;position:relative;} .desotop25 {/*background:url("../img/sub/desoTop25.jpg") no-repeat center;background-size:cover;*/text-align:center;/*padding-top:200px;*/box-sizing:border-box;height:850px;position:relative;} .desotit{padding-bottom:35px;} .desostit{font-size:35px;color:#ffffff;font-weight:700;} .desostit span{color:#21dfeb;} .desostit p:nth-child(2) {font-size:24px;font-weight:400;margin-bottom:100px;} .desob{background:url("../img/sub/desobg.jpg") no-repeat center #ecf4ff;padding-top:90px;padding-bottom:160px;} .desobw{width:1030px;margin:0 auto;} .desobtit{text-align:center;font-size:28px;color:#383838;font-weight:700;padding-bottom:80px;} .desobtit span{color:#226acc;} .desobtxt{font-size:20px;color:#383838;} .desobtxt p{padding-bottom:40px;} .visual_scroll{-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70px;z-index:1;margin:100px auto 0;position:relative;left:40px;} .visual_scroll .scroll_wrap{ position:relative; margin:0 auto; width:1px; height:100px; } .scroll_wrap .bar_bg{ position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; opacity:0.3; } .scroll_wrap .bar{ position:absolute; top:0; left:0; width:1px; height:0; background:#fff; -webkit-animation:scroll 1.5s infinite ease-out; animation:scroll 1.5s infinite ease-out; } .scroll_txt{color:#fff;font-size:13px;text-align:center;opacity:1;/* font-weight:500;*/margin:10px 0 15px;/* font-family:'Futura-Medium';*/text-transform:uppercase;letter-spacing:0;} @-webkit-keyframes scroll{ 0%{height:0%;} 100%{height:100%;} } @keyframes scroll{ 0%{height:0%;} 100%{height:100%;} } .eyuboxw{color:#fff;font-size:17px;display:flex;} .eyumw .container{width:1280px;margin:0 auto;} .eyubox{flex:1;margin-right:65px;line-height:200%;} .eyubox:nth-child(2){margin-right:0;} .eyubox p{padding-bottom:50px;opacity:0.8;} .eysign{text-align:right;font-weight:500;padding-top:25px;font-size:22px;opacity:1 !important;} .eyubtxt{color:#99f3fb;font-size:20px;line-height:180%;opacity:1 ;font-weight:400;} .eyubtxt p{padding-bottom:75px;} .eyumw{background:url("../img/sub/eyum.jpg") no-repeat;padding:80px 0 140px;background-size:cover;} .eyumtop{font-size:28px;color:#4a4a4a;text-align:center;padding-bottom:80px;padding-top:50px;} .eyumtop span, .eyumtop b{color:#1c51a0;font-weight:600;} @media only all and (max-width:1280px){ .eyumw .container{width:100%;padding:0 20px;box-sizing:border-box;} } @media only all and (max-width:1030px){ .desobw{width:100%;padding:0 20px;box-sizing:border-box;} .desotop{padding-top:80px;height:auto;padding-bottom:50px;} .desobtit p{display:inline;} .desobtit{font-size:20px;padding-bottom:40px;} .desobtxt{font-size:16px;} .desobtxt p{padding-bottom:20px;} .desob{padding:50px 0;} .eyumtop{font-size:22px;padding:0 20px 20px;} .eyumtop p{display:inline;} .eyubox{margin-right:20px;} } @media only all and (max-width:720px){ .desow{margin-top:0;} .desotit img{width:250px;} .desostit{font-size:24px;letter-spacing:-2px;padding:0 5px;} .desostit p{display:block;} .desostit p:nth-child(2) {font-size:14px;font-weight:400;margin-bottom:50px;} .visual_scroll{margin-top:50px;} .desob{padding:20px 0;} .desobtit{font-size:18px;} .eyumtop{font-size:16px;} .eyumw{padding:40px 0;} .eyuboxw{display:block;font-size:15px;} .eyubox{margin-right:0;} .eysign{padding-top:20px;padding-bottom:20px;} .eyubtxt{font-size:15px;} .eyubtxt p{padding-bottom:20px;} .eyubox p{padding-bottom:30px;} } /*지도*/ .maph3{border:1px solid #dedede;font-size:36px;color:#383838;font-weight:600;padding:20px;margin-bottom:10px;} .mapwc{display:flex;color:#fff;margin-bottom:65px;} .mapwt{width:400px;background:#304347;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;} .mapwtit{font-size:48px;font-weight:700;letter-spacing:-2px;color:#fff;} .mapwstit{font-size:23px;color:#fff;} .mapwb{background:#304da6;font-size:22px;padding:0 45px 0 80px;width:calc(100% - 400px);display:flex;flex-direction:column;justify-content:space-evenly;} .mapwbm{border-bottom:1px solid rgb(255 255 255 / 20%);display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;} .mapwbm:nth-child(2){border-bottom:none;padding-bottom:0;} .maptu a{display:block;border:1px solid rgb(255 255 255 / 50%);font-size:16px;padding:5px 20px;display:flex;align-items:center;justify-content:space-around;} .maptu a:hover{background:#192d6a;border:1px solid #192d6a;transition:all 0.2s ease-in;} .mapwtm{display:flex;} .mapwtm p{margin-right:40px;} .mapimg{padding-right:30px;} .mapusimg{/* margin-right:70px;*/width:215px;float:left;} .mapus{width:135px;height:135px;background:#dce7f9;line-height:135px;border-radius:50%;text-align:center;} .mapust{font-size:28px;color:#1572ba;font-weight:700;/* text-align:center;*/;} .mapustxt{/* display:flex;*/justify-content:space-between;align-items:center;width:calc(100% - 215px);box-sizing:border-box;float:left;} .mapusm{font-size:28px;color:#383838;font-weight:600;display:inline;} .mapurl a{display:inline-block;border:1px solid #1572ba;color:#1572ba;font-size:16px;padding:5px 35px 5px 15px;background:url("../img/sub/map_url.png") no-repeat 98% center;} .mapurl a:hover{background:#1572ba url("../img/sub/ico_url_w.png") no-repeat 98% center;;border:1px solid #1572ba;transition:all 0.2s ease-in;color:#fff;} .mapusdetail{font-size:16px;color:#6b6b6b;line-height:200%;padding-top:20px;word-wrap:break-word;word-break:keep-all;} .mapc1{padding-right:12px;} .mapustit{display:flex;} .mapusm{padding-right:30px;} .mapuslist{border-bottom:1px solid #e6e6e6;padding-bottom:30px;margin-bottom:30px;} .mapusbox{border-bottom:1px solid #e6e6e6;/* display:flex;*//* width:100%;*/padding:40px 0;margin:0 60px;justify-content:flex-start;overflow:hidden;} .mapurtit{font-size:20px;color:#383838;font-weight:600;} .mapustit p{display:inline;} .mapurl{margin-right:10px;} .mapurboxw{/*display:flex;*/align-items:flex-start;justify-content:space-between;} .mapurbox{display:flex;flex:1;width:100%;justify-content:space-between;} .mapurbox+.mapurbox{margin-top:8px;} .maptnc{ display:flex;align-items:center;} .mapuslist:nth-child(2){border-bottom:none;padding:0;margin:0;} .mapubus .mapurbox{display:block;margin-right:0;} .mapurbw{display:flex;justify-content:space-between;margin-bottom:8px;} .mapurbw:nth-child(2){margin-bottom:0;} /*.mapurboxw .mapurbox:nth-child(2){padding-left:100px;}*/ .mapTw{margin-bottom:70px;} .mapcamtit{font-size:28px;color:#0d62a9;font-weight:700;background:url("../img/sub/maph4.png") no-repeat left 5px;padding-left:47px;padding-bottom:35px;/* display:flex;*/;} .mapcambox{margin-bottom:65px;} .maptable table{border-top:3px solid #67585b;} .maptable table th{background:#f3f3f3;text-align:center;font-size:20px;color:#363636;font-weight:600;padding:15px 0;border-bottom:1px solid #ccc;} .maptable table tr{;} .maptable table td{font-size:18px;color:#6c6c6c;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:20px 0;} .maptable table td.tst,.maptable table th.tst{background:#f7f7f7;font-size:20px;font-weight:600;text-align:center;width:170px;color:#6c6c6c;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0;} .mapcation ul li{font-size:15px;color:#555555;position:relative;padding-left:10px;/* margin-bottom:10px;*/line-height:200%;} .mapcation ul li:before{width:4px;height:4px;background:#a8a8a8;border-radius:10px;position:absolute;content:'';top:13px;left:0px;} .mapcation .cblue{color:#0957a6;} .mapjinw{;} .mapjinchw{ display:flex;justify-content:space-between;} .mapjinchw > div{/* flex:1;*/;} .mapcation{padding-top:30px;} .mapjinimg{text-align:right;} .maptime p{display:flex;justify-content:space-around;/* padding:5px 0;*/height:40px;} .maptime p > span{flex:3;} .maptime p > span:nth-child(2){/* width:60px;*/flex:1;} .mapjinchw .maptable{width:740px;} .maptime{margin:0 50px;} .maptime p > span:nth-child(1){flex:2;/*text-align:justify;text-justify:inter-word;margin:0 50px;*/} .maptime p > span:nth-child(1):after{ content:"";display:inline-block;width:100%;} @media only all and (max-width:1030px){ .mapwt{width:200px;} .mapwb{width:calc(100% - 200px);padding:0 10px;} .mapwc{margin-bottom:20px;} .mapurboxw{display:block;} .mapurbox{margin-bottom:10px;} .mapurboxw .mapurbox:nth-child(2){padding-left:0;} .maptime{margin:0;} .mapjinchw .maptable{width:100%;} .mapjinchw{display:block;} .mapjinimg{text-align:center;} .mapurbw:nth-child(2){margin-bottom:10px;} .mapimg{display:block;} } @media only all and (max-width:760px){ .maph3{font-size:20px;padding:10px;width:100%;box-sizing:border-box;} .root_daum_roughmap{width:100% !important;height:300px !important;} .mapwc{display:block;} .mapwb{width:100%;box-sizing:border-box;padding:20px;} .mapwt{width:100%;height:auto;/* display:block;*/padding:10px 0;} .mapusbox{margin:0;padding:30px 0;} .mapusimg{width:100%;float:none;} .mapustxt{width:100%;} .maptnc{display:block;} .mapwbm{display:block;} .mapcamtit{font-size:20px;} .maptable table th{font-size:14px;padding:10px 0;} .maptable table td{font-size:14px;} .maptable table td.tst,.maptable table th.tst{font-size:14px;width:auto;padding:0 5px;} .mapcambox{margin-bottom:20px;} .mapwtit{font-size:35px;} .mapwb{font-size:18px;} .mapwtm{display:flex;justify-content:space-around;} .mapwtm p{margin-right:0;padding:10px 0 0;} .mapimg{padding-right:0;display:block;text-align:center;} .mapimg img{width:30px;} .maptu{margin-top:10px;} .mapus{margin:0 auto;width:120px;height:120px;line-height:120px;} .mapust{text-align:center;font-size:21px;margin-bottom:20px;} .mapusm{font-size:20px;} .mapustit{display:flex;justify-content:space-between;} .mapurl a{font-size:13px;} .mapusdetail{font-size:14px;line-height:160%;margin-bottom:20px;} .mapurtit{font-size:16px;} .mapurbox{margin-bottom:15px;} .mapurbw{margin-bottom:15px;} .maptime p > span:nth-child(1){margin:0 5px;flex:1.7;} .mapTw{margin-bottom:20px;} .maptime p > span:nth-child(2){flex:0.7;} .maptime p{height:30px;} } /*연혁*/ .htel-vi02-container{ background:#f7fcfe; } .htel-vi02-container-in{ background-size:contain; background-position:center top; padding-top:100px; } .htel-vi02-container .brand-history .list{ position:relative; } .htel-vi02-container .brand-history .list .content-box{ float:right; padding-right:0; } .htel-vi02-container .brand-history .list .content-box .column{ width:-webkit-calc(50% - 15px); width:calc(50% - 15px); margin-top:30px; margin-right:30px; min-height:180px; } .htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column:nth-child(2n+2){ margin-right:0; } .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet::before{ /* content:"";*/ left:0; } .htel-vi02-container .brand-history .list:nth-child(even) .content-box{ float:right; } .htel-vi02-container .brand-history .list:nth-child(even) .content-box .column{ width:-webkit-calc(50% - 15px); width:calc(50% - 15px); margin-top:30px; margin-left:30px; min-height:180px; float:right; margin-right:0; } .htel-vi02-container .brand-history .list:nth-child(even) .content-box .column:nth-child(2n+2){ margin-left:0; } .htel-vi02-container .brand-history .list:nth-child(even) .list-bullet{ /* padding-right:10px; padding-right:100px; padding-left:0;*/ } .htel-vi02-container .brand-history .list:nth-child(even) .list-bullet::after{ /* content:"";*/ right:0; } .htel-vi02-container .brand-history .list:nth-child(even) .list-bullet.no-bullet::after{ display:none; } .htel-vi02-container .brand-history .list:last-child.on .line-active{ height:0; } .htel-vi02-container .brand-history .list:nth-child(even) .list-day{ right:0; } .htel-vi02-container .brand-history .list.on .line-active{height:100%;} .htel-vi02-container .brand-history .list.on .bullet-small{background:#00a8eb;} .htel-vi02-container .brand-history .list.active .bullet-large{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);} .htel-vi02-container .brand-history .list.active .bullet-small{background:#00a8eb;} .htel-vi02-container .brand-history .list:last-child .pagination-wrap{background:transparent;} .htel-vi02-container .brand-history .content-box{width:50%;padding:0 60px;padding:0 3rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-23px;margin-top:-1.4375rem;padding-bottom:100px;padding-bottom:65px;} .htel-vi02-container .brand-history .year{font-size:48px;font-size:36px;/* font-family:"SDGothicNeobTTF-eSm";*/font-weight:700;/* padding-bottom:30px;*/color:#1786cd;font-family:'Futura-Bold';position:relative;left:-213px;top:57px;} .htel-vi02-container .brand-history .year em{font-size:20px;} .htel-vi02-container .brand-history .year + .list-bullet{margin-top:20px;margin-top:20px;} .htel-vi02-container .brand-history .list-bullet{position:relative;word-break:keep-all;line-height:1.33333;padding-left:50px;color:#727272;font-size:18px;display:flex;flex-flow:column wrap;} .htel-vi02-container .brand-history .list-bullet + .list-bullet{margin-top:13px;margin-top:25px;} .htel-vi02-container .brand-history .list-bullet::after,.htel-vi02-container .brand-history .list-bullet::before{position:absolute;top:9px;top:0.5625rem;display:inline-block;width:3px;width:0.1875rem;height:3px;height:0.1875rem;border-radius:3px;border-radius:0.1875rem;background:#666;vertical-align:5px;} .htel-vi02-container .brand-history .pagination-wrap{width:2px;height:100%;background:#e5e5e5;position:absolute;top:46px;left:50%;margin-left:-1px;} .htel-vi02-container .brand-history .pagination-wrap .line-active{width:100%;height:0%;background:#00a8eb;z-index:1;-webkit-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);} .htel-vi02-container .brand-history .pagination-wrap .bullet-small{width:10px;width:0.625rem;height:10px;height:0.625rem;border-radius:10px;border-radius:0.625rem;background:#e5e5e5;position:absolute;top:13px;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;-webkit-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);} .htel-vi02-container .brand-history .pagination-wrap .bullet-large{width:40px;width:2.5rem;height:40px;height:2.5rem;border-radius:40px;border-radius:2.5rem;border:1px solid #00a8eb;background:#e7f2fc;z-index:2;position:absolute;top:13px;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1),-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);} .clfix:after,.clfix:before{display:table;line-height:0;content:"";} .clfix:after{clear:both;} .htel-vi02-container .brand-history .lastlist.active .bullet-small{background:#ffa800;} .htel-vi02-container .brand-history .lastlist.active .pagination-wrap .bullet-large{border:1px solid #ffa800;} .htel-vi02-container .brand-history .lastlistc .pagination-wrap .line-active{background:#ffa800;} .htel-vi02-container .brand-history .hisimg{/* padding:70px 0 0px;float:left;*/ position:absolute; margin-left:150px;} .hisimg p{;} .hisimgb{position:relative;width:400px;height:400px;} .hisimgb .hisimgtxt{width:195px;height:195px;border-radius:50%;background:hsl(217deg 60% 48% / 80%);/* line-height:195px;*/text-align:center;color:#fff;position:absolute;left:50%;top:50%;display:flex;margin-top:-95px;margin-left:-95px;flex-direction:column;justify-content:center;} .histc{font-size:18px;} .histcm{font-size:30px;font-weight:700;} .htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:40px;} .list-bp{padding-right:120px !important;} .fadein{ transition:opacity 1s,-webkit-transform 1s; -webkit-transition:opacity 1s,-webkit-transform 1s; -o-transition:opacity 1s,transform 1s; transition:opacity 1s,transform 1s; transition:opacity 1s,transform 1s,-webkit-transform 1s; } .fadein--fast{ transition:opacity 0.5s,-webkit-transform 0.5s; -webkit-transition:opacity 0.5s,-webkit-transform 0.5s; -o-transition:opacity 0.5s,transform 0.5s; transition:opacity 0.5s,transform 0.5s; transition:opacity 0.5s,transform 0.5s,-webkit-transform 0.5s; } .fadein--hidden{ -webkit-transform:translateY(115px); -ms-transform:translateY(115px); transform:translateY(115px); } .mini--fadein--hidden{ -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px); } .real--mini--fadein--hidden{ -webkit-transform:translateY(45px); -ms-transform:translateY(45px); transform:translateY(45px); } .sub--fadein--hidden{ opacity:0; } .img--fadein{ transition:opacity 2s,-webkit-transform 2s; -webkit-transition:opacity 2s,-webkit-transform 2s; -o-transition:opacity 2s,transform 2s; transition:opacity 2s,transform 2s; transition:opacity 2s,transform 2s,-webkit-transform 2s; } .img--fadein--hidden{ opacity:0; } .moveup{ transition:opacity 1s,-webkit-transform 1s; -webkit-transition:opacity 1s,-webkit-transform 1s; -o-transition:opacity 1s,transform 1s; transition:opacity 1s,transform 1s; transition:opacity 1s,transform 1s,-webkit-transform 1s; } .moveup--hidden{ -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px); } .low--moveup--hidden{ -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); } .high--moveup--hidden{ -webkit-transform:translateY(110px); -ms-transform:translateY(110px); transform:translateY(110px); } .scale--hidden{ opacity:0; -webkit-transform:translate(-50%, -50%) scale(0.2, 0.2); -ms-transform:translate(-50%, -50%) scale(0.2, 0.2); transform:translate(-50%, -50%) scale(0.2, 0.2); } .scale--hidden--false{ opacity:1; -webkit-transform:translate(-50%, -50%) scale(1, 1); -ms-transform:translate(-50%, -50%) scale(1, 1); transform:translate(-50%, -50%) scale(1, 1); } .ui-mp4-handle{ opacity:0; } .ui-mp4-handle::before{ content:""; position:absolute; z-index:200; width:100%; height:100%; bottom:0; background-color:#fff; } .ui-mp4-handle.lift{ opacity:1; -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); } .ui-mp4-handle.lift::before{ height:0%; -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); } .bg--color--03{ -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); background-color:#f7f7f7; } .bg--color--yellow--hidden{ background:#fff; } .bg--color--yellow{ -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); background:#fff4e4; } .txt--color--white{ -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); color:#fff; } .txt--color--black{ -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); color:#000; } .line--hidden{ height:0!important; } .line--show{ -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); height:120px; } .moveup--xm--hidden{ opacity:0; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); } .moveup--xp--hidden{ -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); } .ui-cover{ position:relative; } .ui-cover::before{ content:""; position:absolute; z-index:200; width:100%; height:100%; bottom:0; background-color:#fff; -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1); } .ui-cover.lift::before{ height:0%; } .h-align-c{ text-align:center; } .histitc{ color:#0f4ba4; font-weight:700; padding-bottom:20px; font-size:45px; letter-spacing:-2px; font-family:'Futura-Bold'; } .histit{ font-size:40px; color:#303030; font-weight:400; } .histits{ font-size:20px; color:#676767; font-weight:400; } .current-logo{ padding-bottom:80px; text-align:center; line-height:290%; padding-top:60px;} .histlogo{ padding-bottom:10px; } .htel-vi02-container .list-day{ /*position:absolute;*/ left:0; color:#535353; font-size:20px; font-weight:700; margin-right:10px; order:-1; } .pr0{ padding-right:0 !important; } .pl0{ padding-left:0 !important; } .htel-vi02-container-in .container{width:1500px;} @media only all and (max-width:1500px){ .htel-vi02-container-in .container{width:100%;} } @media only all and (max-width:820px){ .htel-vi02-container .brand-history .content-box{width:100%;padding-left:70px;padding-right:10px;box-sizing:border-box;margin-top:0;} .htel-vi02-container .brand-history .pagination-wrap{left:40px;} .htel-vi02-container .brand-history .list:nth-child(odd) .content-box{text-align:left;} .htel-vi02-container .brand-history .list:nth-child(even) .content-box{padding-left:71px;} .histit{font-size:28px;} .histits{font-size:18px;padding-bottom:20px;} .htel-vi02-container .brand-history .year{font-size:23px;text-align:left;} .htel-vi02-container .brand-history .year + .list-bullet{margin-top:10px;padding-right:20px;margin-bottom:10px;} .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:0;} .htel-vi02-container .list-day{position:relative;display:block;font-size:18px;/* padding-bottom:10px;*/} .htel-vi02-container .brand-history .list-bullet{padding-left:0;font-size:15px;} } @media only all and (max-width:620px){ .htel-vi02-container .brand-history .list-bullet{padding-left:0;} .htel-vi02-container .brand-history .list:nth-child(odd) .content-box{padding-bottom:27px;} .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:0 !important;} .htel-vi02-container .brand-history .list:nth-child(even) .content-box{padding-bottom:20px !important;} .htel-vi02-container .brand-history .list:nth-child(even) .list-bullet{padding-right:0;text-align:left;} .htel-vi02-container .brand-history .hisimg{padding:30px 0 50px;position:relative;z-index:1;margin-left:60px;display:none;} .htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:0;} .current-logo{padding:20px 0;line-height:170%;} .htel-vi02-container-in{padding-top:0;padding-bottom:50px;} } #txt{width:1200px;margin:0 auto;} .orgtel{max-width:1380px;} #txt .orgtel a{width:200px;height:50px;display:block;color:#1572ba;border:1px solid #1572ba;line-height:1;align-content:center;font-weight:700;text-align:left;font-size:16px;padding-left:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;margin-bottom:30px;margin-left:auto} #txt .orgtel a:after{ content:""; display:inline-block; width:1.11em; height:1.11em; margin:0 0 0.2em 0.2em; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:contain; } #txt .orgtel1 a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0 0 4px 6px; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; } #txt [data-item="group"][data-type="1"]{ overflow:hidden; font-size:16px; letter-spacing:-0.03em; clear:both; } #txt [data-item="group"][data-type="1"]:after{ content:""; display:block; clear:both;} #txt [data-item="group"][data-type="1"]>strong{display:table;table-layout:fixed;position:relative;width:360px;height:64px;margin:0 auto;border:1px solid #000;background-color:#1365ca;background-image:url("../img/sub/chong.jpg");background-repeat:no-repeat;background-position:left center;} #txt [data-item="group"][data-type="1"]>strong+strong{margin-top:50px;} #txt [data-item="group"][data-type="1"]>strong:before{ content:""; display:block; position:absolute; left:50%; top:0; z-index:-1; width:1px; height:1525px; background-color:#767676;} #txt [data-item="group"][data-type="1"]>strong:after{ content:""; display:block; position:absolute; right:-1em; bottom:-2.5em; width:5.5em; height:6.8em; background-image:url(../../../images/site/kor/content/group_simbol.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;} #txt [data-item="group"][data-type="1"]>strong>span,#txt [data-item="group"][data-type="1"]>strong>a{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:28px; color:#fff;} #txt [data-item="group"][data-type="1"]>strong>a[target="_blank"]{ text-decoration:none!important; color:#ffffff; } #txt [data-item="group"][data-type="1"]>strong>a[target="_blank"]:after{ content:""; display:inline-block; width:1.11em; height:1.11em; margin:0 0 .2em .1em; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; } .orgpcw{width:50%;/* float:right; */position:relative;display: flex;flex-direction: column;align-content: flex-end;align-items: flex-end;} .orgpc{width:300px;height:56px;color:#ffffff;background:#0a77c7;font-size:20px;border:1px solid #000;box-sizing:border-box;line-height:56px;text-align:center;margin: 60px 120px 20px;/* float:right; */} /* 조직도 연결선 — 결과서 p35 명도대비 지적. 흰 배경 대비 4.54:1 (2026-08-06) */ .orgpcw:before{content:"";display:block;position:absolute;left:0;top: 90px; z-index:-1;width:32%;height:1px;background-color:#767676;} .orgpcw-in{display: flex;justify-content: flex-end;} .orgpcw-in.orgpcw-in-align.\31 { /* float: left; */ position: absolute; left: -692px} .orgpcm{ padding: 20px 10px 20px 40px; /* margin-top: 0.6875em; */ text-align: left; font-size: 18px; border: 1px solid #dddddd; color: #3b3b3b; width: 300px; line-height: 160%; box-sizing: border-box; background: #fff; /* float: right; */ clear: both; margin-bottom: 10px; } .orgpcm p{position: relative;padding-left: 15px;} .orgpcm p:before { width: 5px; height: 5px; border-radius: 50px; background: #1365ca; position: absolute; content: ''; left: 0; top: 10px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3)){ /* width:40%;*/ margin-top:25px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(1){ float:left; padding-left:0; width:50%; position:relative; clear:both; } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(2){ float:right; /* padding-right:5em;*/ width:50%; } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(2) >li>div,#txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(2) >li>ul.orgsub{ float:right; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li{ position:relative; width:100%; /* margin-top:5px;*/ } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(1)>li{ /* padding-right:285px;*/ } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(2)>li{ padding-left:0;overflow:hidden; } #txt [data-item="group"][data-type="1"] .orgpcw-item:nth-of-type(2)>li >strong{float:right;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong, .orgpcw-in-sanhak ul li strong{ display:table; table-layout:fixed; width:300px; height:56px; background-color:#0c3a74; /* float:right;*/ /* text-align:right;*/ margin-bottom:5px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong:before{content:"";display:block;position:absolute;left:0;top: 2em;z-index:-1;width:100%;height:1px;background-color:#767676;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong>span, .orgpcw-in-sanhak ul li strong span{ display:table-cell; width:100%; height:100%; line-height:1.3; vertical-align:middle; text-align:center; font-weight:400; font-size:20px; color:#fff;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong>span>a{ color:inherit;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong>span>a[target="_blank"]{ text-decoration:none!important; color:inherit!important;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong>span>a[target="_blank"]:after, .orgpcw-in-sanhak ul li strong a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0 0 4px 6px; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; } /* 접근성(2026-08-05): 새 창 아이콘은 배경 밝기에 맞춰 두 벌을 쓴다. group_blank.png 는 #1365ca 라 흰 배경용이다(5.61:1). 아래 4곳은 배경이 #1365ca / #0c3a74 인 진한 남색 박스여서 같은 아이콘을 쓰면 1.00:1 / 2.00:1 로 묻힌다 — 흰색 판으로 바꾼다(5.61:1 / 11.21:1) */ #txt .orgtel1 a:after, #txt [data-item="group"][data-type="1"]>strong>a[target="_blank"]:after, #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong>span>a[target="_blank"]:after, .orgpcw-in-sanhak ul li strong a:after{background-image:url(../img/sub/group_blank_w.png);} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>div, #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>ul.orgsub, .orgpcw-in-sanhak ul li div, .orgpcw-in-sanhak ul li ul.orgsub{ padding:20px 10px 20px 40px; margin-top:.6875em; text-align:left; font-size:18px; border:1px solid #767676; color:#3b3b3b; width:300px; line-height:160%; box-sizing:border-box; background:#fff; /* float:right;*/ clear:both; margin-bottom:10px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>div p, #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>ul.orgsub li, .orgpcw-in-sanhak ul li div p, .orgpcw-in-sanhak ul li ul.orgsub li{ position:relative;padding-left:15px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>div p:before, #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>ul.orgsub li:before, .orgpcw-in-sanhak ul li div p:before, .orgpcw-in-sanhak ul li ul.orgsub li:before{ width:5px;height:5px;border-radius:50px;background:#1365ca;position:absolute;content:'';left:0;top:10px; } #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>div a,#txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>ul.orgsub a{display:block;position:relative;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>div a:after,#txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>ul.orgsub a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0px 0 7px 6px; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; } #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3){ clear:both; position:relative; padding:10em 0 50px 0em; background-color:#fff;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3):before{ content:""; display:block; position:absolute; left:0; top:0; width:calc(50% + 1px); height:1px; /* background-color:#767676;*/ } #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3):after{ content:""; display:block; position:absolute; left:106px; top:62px; width:1px; height:100%; background-color:#767676;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li{ position:relative; min-height:4.8em; padding-left:458px; } #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li:nth-child(n+2){ margin-top:4em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong{ display:table; table-layout:fixed; position:absolute; left:0; top:0; width:21.7em; height:4.8em; width:210px; height:60px; } #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong:before{ content:""; display:block; position:absolute; left:-5em; top:2.4em; z-index:10; width:100%; height:1px; background-color:#767676;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong>span{ display:table-cell; position:relative; z-index:100; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:400; font-size:20px; color:#fff; background-color:#0c509c;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong>span>a{ text-decoration:none!important; color:inherit;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong>span>a[target="_blank"]:after{ content:""; display:inline-block; width:1.11em; height:1.11em; margin:0 0 .2em .1em; vertical-align:bottom; background-image:url(../../../images/site/kor/content/group_blank.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div{ padding:1.2em 2.4em; border:1px solid #dddddd;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li:before{content:"·";color:#0f3192;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li:nth-child(n+2){margin-top:.875em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li{width:100%;font-size:1.6em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li:after{content:"";display:block;clear:both;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>a,#txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul{display:inline;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>a{color:#0f3192;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul>li{display:inline-block;position:relative;color:#333;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul>li:nth-child(n+2){padding-left:calc(0.8em + 1px);} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul>li:nth-child(n+2):before{ content:""; display:block; position:absolute; left:.4em; top:15%; width:1px; height:70%; background-color:#333;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul>li>a{color:#0080ff;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul>li>ul>li>a[target="_blank"]:after{ content:""; display:inline-block; width:1.11em; height:1.11em; margin:0 0 .2em .1em; vertical-align:bottom; background-repeat:no-repeat; background-position:center center; background-size:contain;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li:last-child:after{ content:""; display:block; position:absolute; left:calc( -5em - 1px); top:calc(2.4em + 1px);z-index:200;width:5px;height:20000px;background-color:#fff;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li{ position:relative; display:inline-block; width:auto;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li:before{display:none;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li:nth-child(n+2){padding-left:calc(0.8em + 1px);margin-top:0;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li:nth-child(n+2):before{ content:""; display:block; position:absolute; left:.4em; top:15%; width:1px; height:70%; background-color:#333;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li>a{color:#0f3192;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div>ul[data-type="2"]>li>a[target="_blank"]:after{ content:""; display:inline-block; width:1.11em; height:1.11em; margin:0 0 .2em .1em; vertical-align:bottom; background-image:url(../../../images/site/kor/content/group_blank_b2.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;} @media screen and (max-width:700px){ #txt [data-item="group"][data-type="1"]>strong{width:100%;margin:0;} #txt [data-item="group"][data-type="1"]>strong:before{left:2em; height: 1915px;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3)){float:none;width:100%;padding:0 0 0 2em;margin-top:0;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li{padding:0 0 0 2em; box-sizing: border-box;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3){padding:2.4em 0 0 2em;background-color:transparent;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3):before,#txt [data-item="group"][data-type="1"]>ul:nth-of-type(3):after{display:none;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li{padding-left:2em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong{position:relative;left:auto;top:auto;width:100%;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>strong:before{left:-2em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li>div{margin-top:1em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li:nth-child(n+2){margin-top:1em;} #txt [data-item="group"][data-type="1"]>ul:nth-of-type(3)>li:last-child:after{left:0;} /*230809_전주조직도_산학협력단 추가*/ .orgpcw-in-sanhak ul:not(.orgsub){ margin-left:4em; } .orgpcw-in-sanhak ul li strong, .orgpcw-in-sanhak ul li div, .orgpcw-in-sanhak ul li ul.orgsub{ width:100%!important; margin:0; } } #txt [data-item="group"][data-type="2"]{ overflow:hidden; position:relative; font-size:.625em; letter-spacing:-0.03em;} #txt [data-item="group"][data-type="2"]:after{ content:""; display:block; clear:both;} #txt [data-item="group"][data-type="2"]>strong{ display:table; table-layout:fixed; position:relative; width:23.7em; height:5.6em; margin:0 auto; background-color:#0080ff;} #txt [data-item="group"][data-type="2"]>strong:before{ content:""; display:block; position:absolute; left:50%; top:0; z-index:-1; width:1px; height:100000px; background-color:#767676;} #txt [data-item="group"][data-type="2"]>strong:after{ content:""; display:block; position:absolute; right:-1em; bottom:-2.5em; width:5.5em; height:6.8em; background-image:url(../../../images/site/kor/content/group_simbol.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;} #txt [data-item="group"][data-type="2"]>strong>span{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:2em; color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1){margin-top:3.2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li{position:relative;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li:after{ content:""; display:block; clear:both;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>strong{ display:table; table-layout:fixed; position:absolute; left:50%; top:0; width:33%; margin:0 auto; -webkit-transform:translateX(-50%); transform:translateX(-50%);} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>strong>span{ display:table-cell; width:100%; height:100%; padding:.888em .625em; vertical-align:middle; text-align:center; font-weight:500; font-size:1.8em; color:#fff; background-color:#ba135a;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul{float:left;width:30%;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1){ position:absolute; right:calc(50% - (33%/2)); top:calc(8.6em + 2.4em);} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong{ display:block; position:relative; width:auto; height:auto; padding:1.6em 3em; background-color:#ba135a;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong:before{ content:""; display:block; position:absolute; left:50%; bottom:100%; z-index:-1; width:1px; height:2.4em; background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong>span{font-weight:500;font-size:1.8em;color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong>span>span{display:block;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>strong{ display:table; table-layout:fixed; width:100%; height:4.8em; margin:0 auto; background-color:#393939;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>strong:before{ content:""; display:block; position:absolute; left:0; top:2.4em; z-index:-1; width:50%; height:1px; background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>strong>span{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:1.8em; color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>div{ padding:2em; margin-top:1em; border:1px solid #dddddd; color:#333;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>div>ul>li{ position:relative; padding-left:1em; font-size:1.6em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>div>ul>li:nth-child(n+2){margin-top:.2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>div>ul>li:before{ content:""; display:block; position:absolute; left:0; top:.6em; width:6px; height:6px; background-color:#333; -webkit-border-radius:50%; border-radius:50%;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2){margin-top:4.2em;border-top:1px solid #767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2):after{content:"";display:block;clear:both;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li{ float:left; position:relative; width:calc((100% - 1px - (3em*4))/5); padding-top:5.6em; margin-right:3em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:before{ content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:5.6em; background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:nth-child(3):before{display:none;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:nth-child(3):after{ content:""; display:block; position:absolute; left:0; top:5.6em; z-index:0; width:100%; height:20000px; background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:first-child:after{ content:""; display:block; position:absolute; right:50%; top:-2px; z-index:1; width:100%; height:1em; background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:last-child:after{ content:""; display:block; position:absolute; left:calc(50% + 1px); top:-2px; z-index:1; width:100%; height:1em; background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:last-child{margin-right:0;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>strong{ display:table; table-layout:fixed; position:relative; z-index:10; width:100%; height:4.8em; background-color:#747474;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>strong>span{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:400; font-size:1.8em; color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>div{ display:table; table-layout:fixed; position:relative; z-index:10; width:100%; margin-top:1em; color:#333; border:1px solid #dddddd; background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>div>span{ display:table-cell; width:100%; height:5.5em; padding:1.25em; vertical-align:middle; text-align:center; font-size:1.6em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3){ position:absolute; right:0; top:8.8em; width:30%;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>strong{ display:table; table-layout:fixed; width:100%; height:4.8em; margin:0 auto; background-color:#393939;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>strong:before{ content:""; display:block; position:absolute; left:0; top:2.4em; z-index:-1; width:50%; height:1px; background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>strong>span{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:1.8em; color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>div{ padding:2em; margin-top:1em; border:1px solid #dddddd; color:#333;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>div>ul>li{ position:relative; padding-left:1em; font-size:1.6em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>div>ul>li:nth-child(n+2){margin-top:.2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>div>ul>li:before{ content:""; display:block; position:absolute; left:0; top:.6em; width:6px; height:6px; background-color:#333; -webkit-border-radius:50%; border-radius:50%;} /*-------230802_법인소개_조직도 추가-------*/ .corpo_org_wrap{ /*display:flex; justify-content:center; width:100%;*/ display:grid; grid-template-columns: repeat(3, 1fr); grid-template-areas: "header main aside"; align-items:start; justify-items:center; } .corpo_org_wrap>ul{ align-items:center; display:flex; flex-direction:column; gap:30px 0; } .corpo_org_wrap ul.corpo_org_1, .corpo_org_wrap ul.corpo_org_2, .corpo_org_wrap ul.corpo_org_2_2{ width:100%!important; } .corpo_org_wrap>ul.corpo_org_1>li, .corpo_org_wrap>ul.corpo_org_1>li>strong, .corpo_org_wrap>ul.corpo_org_2>li, .corpo_org_wrap>ul.corpo_org_2>li>strong{ width:280px!important; height:70px!important; } .corpo_org_wrap>ul.corpo_org_3>li, .corpo_org_wrap>ul.corpo_org_3>li>strong{ width:270px!important; height:60px!important; } #txt [data-item="group"][data-type="1"]>ul.corpo_org li strong span{ font-weight:bold; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1{ margin-top:0; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1>li>strong span{ color:#ffffff; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1>li:nth-child(1) strong{ background-color:#127ac1!important; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1>li:nth-child(2)>strong{ background-color:#134cca!important; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1>li:nth-child(3) strong{ background-color:#1365ca!important; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1:before, #txt [data-item="group"][data-type="1"]>ul.corpo_org_2:before { content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 1px; height: 200px; background-color: #767676 } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2:before { height: 370px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2{ position:relative; margin-top:100px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li{ overflow:visible; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li strong{ background:#fff; border:3.5px solid #2172e0; box-sizing:border-box; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li:nth-child(3){ margin-top:50px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2>li:first-child>strong:before, #txt [data-item="group"][data-type="1"]>ul.corpo_org_3>li strong:before{ content:""; display:block; position:absolute; z-index:-1; width:100%; height:1px; background-color:#767676; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2>li:first-child>strong:before{ left:-150px; top: 2.5em; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3>li strong:before{ left:-8em; top:2em; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li strong span, #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li strong span{ color:#2172e0; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3, #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li{ padding:0; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li:last-child{ margin-top:3.2em; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li strong span{ background:transparent; border:1px solid #2172e0; box-sizing:border-box; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3:after, #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li:last-child:after{ display:none; } .sub368_org>.corpo_org >li>strong{font-size: 20px; display: inline-block; text-align: center; align-content: center;} .sub368_org .corpo_org_2{margin-top:0!important;} .sub368_org .corpo_org_3{margin-top:100px;} .sub368_org .corpo_org_1:before{display: none!important;} @media all and (max-width: 1200px){ .txt_100{ width:90%!important; } } @media all and (max-width: 1100px){ .jc_org [data-item="group"][data-type="1"]>strong{ margin-left:0!important; } .jc_org [data-item="group"][data-type="1"]>strong:before{ display:none!important; } .jc_org .bonbuw:before{ top:-180px; } } @media all and (max-width: 950px){ .corpo_org_wrap{ height:850px; } .corpo_org_wrap>ul{ gap:20px 0; align-items: flex-end; } .corpo_org_wrap{ display:block; } .corpo_org_wrap>.corpo_org{ overflow: visible; } #txt [data-item="group"][data-type="1"]>ul.corpo_org, #txt [data-item="group"][data-type="1"]>ul.corpo_org li{ padding:0; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_1:before{ height:750px; } .corpo_org_wrap>ul.corpo_org_1>li, .corpo_org_wrap>ul.corpo_org_1>li>strong { width:100%!important; } .corpo_org_wrap>ul.corpo_org_2>li, .corpo_org_wrap>ul.corpo_org_2>li>strong, .corpo_org_wrap>ul.corpo_org_3>li, .corpo_org_wrap>ul.corpo_org_3>li>strong{ width:98%!important; } .corpo_org_wrap>ul.corpo_org_1>li:nth-child(3){ margin-top:540px; } .corpo_org_wrap>ul.corpo_org_2{ margin:0; top:-730px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2>li>strong{ float:left; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li:nth-child(3), #txt [data-item="group"][data-type="1"]>ul.corpo_org_2 li:nth-child(4){ margin-top:90px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3{ background:none; margin-top:0; top:-1090px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li:last-child{ margin-top:85px; } #txt [data-item="group"][data-type="1"]>ul.corpo_org_3 li strong span{ background:#f7f7f7; } #txt [data-item="group"][data-type="1"]>ul:not(:nth-of-type(3))>li>strong:before, #txt [data-item="group"][data-type="1"]>ul.corpo_org_2>li:first-child>strong:before, #txt [data-item="group"][data-type="1"]>ul.corpo_org_3>li strong:before{ background-color:#fff; } .orgpcw-in-align .orgpcw-in-sanhak:before, .orgpcw-in-align .orgpcw:before{ display:none; } } .bonbuw{margin:100px auto;position:relative; max-width:1200px; width:100%;} .bonbubox{overflow:hidden;padding-bottom:100px;position:relative;} .bonbubox:before{ content:""; display:block; position:absolute; left:315px; top:34px; z-index:-1; width:1px; height:calc(100% - 200px); background-color:#767676; } .bonbubox:nth-child(1):before{ height:calc(100% - 212px);} .bonbubox:nth-child(2):before{ height:calc(100% - 286px);} .bonbubox:nth-child(3):before{ height:calc(100% - 210px);} .bonbubox:nth-child(4):before{ height:calc(100% - 292px);} .bonbubox:nth-child(2) .bontit, .bonbubox:nth-child(5) .bontit{background:#227ba7;} .bonbubox:nth-child(3) .bontit, .bonbubox:nth-child(6) .bontit{background:#1b8185;} .bonbubox:nth-child(5) .bontit:after{height:0px;} .bonbubox:nth-child(6) .bontit:after{height:0px;} .bontit{ width:210px;height:70px;/*line-height:70px;*/ align-content:center;font-size:23px;text-align:center;font-weight:600;background:#1365ca;color:#fff;float:left;position:relative;} .bontit:before{ content:""; display:block; position:absolute; left:210px; top:35px; z-index:-1; width:50%; height:1px; background-color:#767676; } .bontit:after{content:""; display:block; position:absolute; left:50%; top:0; z-index:-1; width:1px; height:100000px; background-color:#767676;} .bonbum{border:1px solid #767676;width:780px;box-sizing:border-box;padding:25px 30px 25px 0;float:right;margin-bottom:20px;position:relative;background:#fff;} .bonbum:before{content:"";display:block;position:absolute;left:-104px;top:calc(50% - 7px);z-index:-1;width:50%;height:1px;background-color:#767676;} .bonbox{ display:flex; align-items:center; } .bonbt{font-size:22px;font-weight:600;width:220px;float:left;letter-spacing:-2px;text-align:center;} .bonbt a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0 0 4px 6px; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; top:-5px; margin-left:10px; } .bonslist{font-weight:700; color:#005baa; padding-left:7px; position:relative;} .bonslist{padding-top:20px;clear:both;} .bonslist a:after{ content:""; display:inline-block; width:5px; height:5px; background:#ccc; position:absolute;left:0;top:5px;} .bonblist{ float:left; width:calc(100% - 220px); box-sizing:border-box; border-left:1px solid #dddddd; padding-left:30px; } .bonblist ul li{ float:left; width:50%; color:#3b3b3b; font-size:15px; line-height:168%; position:relative; padding-left:14px; box-sizing:border-box; } .bonblist ul li:before{ content:""; display:inline-block; width:4px; height:4px; background:#4d8bd7; box-sizing:border-box; border-radius:50px; position:absolute; top:10px; left:3px; } .wsorg .wsbox a::after{ content: ""; display: inline-block; width: 1.11em; height: 2.11em; margin: 0 0 .2em .1em; vertical-align: bottom; background-image: url(../img/sub/group_blank_w.png); background-repeat: no-repeat; background-position: center center; } .wsorg .wslist span a::after{ content: ""; display: inline-block; width: 15px; height: 15px; margin: 0 0 4px 6px; vertical-align: bottom; background-image: url(../img/sub/group_blank.png); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; top: 0px } .bonblist ul li a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0 0 4px 6px; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; top:0px; } .bonbc{display:flex;border:none;padding:0;margin-right:0;} .bonbcbox{display:flex;width:100%;} .bonbcbox > div{flex:1;border:1px solid #dddddd;margin-right:20px;text-align:center;} .bonbcbox > div:last-child{margin-right:0;} .bonbcbox > div a{display:block;padding:14px 0;font-weight:500;} .bonbcbox > div a:after{ content:""; display:inline-block; width:15px; height:15px; margin:0 0 4px 6px; vertical-align:bottom; background-image:url(../img/sub/group_blank.png); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; top:0px; } @media screen and (max-width:1200px){ #txt{width:100%;} .bontit:before, .bonbubox:before, .bonbum:before{display: none;} } @media screen and (max-width:1100px){ .bonbum{width:100%;} .bonbuw{margin:50px 0;} .bontit{width:360px; margin-bottom:10px;} .jc_org .bontit:after{display: none;} .jc_org .bonbuw:before{height:103%;} } @media screen and (max-width:800px){ .br_m{display: inline; padding-right:7px; content:"";} .orgpcw{width:100%;} .orgpc{width:100%;margin:10px 0;} .bonbum{padding:10px; height:auto;} /*.bonbt{margin-bottom:15px;}*/ .bonbubox:last-child .bonbt{margin-bottom:0;} .bontit{width:100%;float:none;height:60px;line-height:60px;font-size:20px;} .bonbcbox{display:block;} .bonbt{width:100%;} .bonbox{display:block;} .bonblist{width:100%;padding-left:0;border:none;} .bonbcbox > div{margin-right:0;margin-bottom:5px;} .bonblist ul li{font-size:14px;} .bonbubox{padding-bottom:50px;} #txt [data-item="group"][data-type="2"]{ font-size:.625em;} #txt [data-item="group"][data-type="1"]>ul:not(:nth-of-type(3))>li>strong{width:88%;height:50px;float:left;/* font-size:15px;*/;} #txt [data-item="group"][data-type="1"]>ul:not(:nth-of-type(3))>li>div{width:88%;box-sizing:border-box;float:left;font-size:15px;} #txt [data-item="group"][data-type="2"]>strong{width:100%;} #txt [data-item="group"][data-type="2"]>strong:before{left:2em;} #txt [data-item="group"][data-type="2"]>ul{float:none;padding-left:2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li{padding-left:2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>strong{position:relative;left:auto;top:auto;width:100%;-webkit-transform:translateX(0);transform:translateX(0);} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>strong:before{content:"";display:block;position:absolute;left:-2em;top:50%;z-index:-1;width:50%;height:1px;background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>strong:after{content:"";display:block;position:absolute;left:2em;top:0;z-index:-1;width:1px;height:20000px;background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul{width:100%;padding-left:4em;margin-top:0;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li{position:relative;margin-top:1.4em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1){position:relative;right:auto;top:auto;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong{position:relative;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong:before{content:"";display:block;position:absolute;left:-2em;top:2.4em;z-index:-1;width:50%;height:1px;background-color:#767676;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(1)>strong>span>span{display:inline-block;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>strong{position:relative;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:nth-child(2)>strong:before{left:-2em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(1)>li>ul>li:last-child:before{content:"";display:block;position:absolute;left:-2em;top:calc(2.4em + 1px);width:1em;height:1000px;background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2){padding-left:4em;margin-top:2.4em;border-top:0;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li{float:none;width:100%;padding-top:0;margin-right:0;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:first-child:after{display:none;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:nth-child(n+2){margin-top:1em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:last-child:after{content:"";display:block;position:absolute;left:-2em;top:calc(2.4em + 1px);z-index:10;width:1em;height:20000px;background-color:#fff;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li:before{left:-2em;top:2.4em;width:10000px;height:1px;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>div{display:block;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(2)>li>div>span{display:block;height:auto;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3){position:relative;right:auto;top:auto;z-index:100;width:100%;padding-left:0;margin-top:2.4em;} #txt [data-item="group"][data-type="2"]>ul:nth-of-type(3)>li>strong:before{display:none;} #txt [data-item="group"][data-type="1"] .orgpcw-item:not(:nth-of-type(3))>li>strong:before{display: none;} } /*전주 조직도_산학협력 추가*/ .orgpcw-in-sanhak{display:flex; align-items:flex-start; flex-direction:column; position:relative; width:26%; margin-left: 42px;} .orgpcw-in-sanhak:before{ content:""; display:block; position:absolute; z-index:-1; height:1px; width:100%; top:45px; left:0; background-color:#767676;} .orgpcw-in-sanhak .orgpcw{ align-items:flex-start;} .orgpcw-in-sanhak .orgpcw:before{ display:none;} .orgpcw-in-sanhak .orgpcw strong{line-height:56px; display:table; table-layout:fixed; position:relative; width:300px; height:56px; text-align:center; padding:10px 0; margin:15px auto; font-size:20px; background-color:#1365ca; background-image:url("../img/sub/chong.jpg"); background-repeat:no-repeat; background-position:left center;} .orgpcw-in-sanhak .orgpcw strong, .orgpcw-in-sanhak .orgpcw strong a{ color:#ffffff;} @media only all and (max-width:800px){ /*전주 캠퍼스 조직도_산학협력단 추가*/ .orgpcw-in-align{ flex-wrap:wrap; } .orgpcw-in-sanhak, .orgpcw-in-sanhak .orgpcw strong{ width:100%; } .orgpcw-in-sanhak ul li strong, .orgpcw-in-sanhak ul li div, .orgpcw-in-sanhak ul li ul.orgsub{ width:88%; margin:0 auto; } } /*250721 전주조직도 부총장 4명 추가*/ .org_jj_container{width:1600px!important; margin:0 auto; } .orgpcw_wrap_w1200{max-width:1200px; width:100%; margin:0 auto;} .orgpcw_wrap{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 14%; position:relative;width:100%; margin:4vmin auto 0;} .orgpcw_wrap:before{display: inline-block; content:""; width:100%; height:1px; background:#767676; position: absolute; left:0; top:8%;} .orgpcw_wrap .orgpcw-in{position: relative; column-gap: 2%; justify-content: flex-start;} .orgpcw_wrap .orgpcw-in-sanhak{width:100%; margin-left:0;} .orgpcw_wrap .orgpcw-in-sanhak:before{display: none;} .orgpcw_wrap .orgpcw-in-sanhak .orgpcw strong, .orgpcw_wrap .orgpcw-in-sanhak ul li strong, .orgpcw_wrap .orgpcw-in-sanhak .orgpcw ul li strong span, .orgpcw_wrap .orgpcw-in-sanhak ul li div, .orgpcw_wrap .orgpcw-in-sanhak ul li ul.orgsub, .orgpcw_wrap .orgpcw{width:100%;} /*대학평의원회*/ .orgpcw_wrap .council{ pointer-events: none; height:205px; width:49%; position: absolute; align-items: flex-start; justify-content: flex-end;} .orgpcw_wrap .orgpcw.council:before{top: 175px; left:anchor(-33% --council); width:35%;} .orgpcw_wrap .council .orgpc{margin:0; width:100%; anchor-name:--council;} @media (max-width:1600px){ .org_jj_container{width: 100%!important;} } @media (max-width:1200px){ .orgpcw_wrap{column-gap: 4%;} .orgpcw_wrap .orgpcw.council:before{display: none;} } @media (max-width:1024px){ .orgpcw_wrap{display: flex; flex-flow:column wrap;} .orgpcw_wrap .orgpcw.council{ height:135px;} .orgpcw_wrap_w1200{margin:70px auto 0;} } @media (max-width:800px){ .orgpcw_wrap .orgpcw-in-sanhak ul:not(.orgsub){margin-left:2rem;} .orgpcw_wrap_w1200{margin:40px auto;} .orgpcw_wrap_w1200 .orgpcw-item{padding:0!important;} .orgpcw_wrap .orgpcw.council{margin-top:20px; position: static; width:100%; height: auto;} .orgpcw_wrap_w1200 .orgpcw-item, .orgpcw_wrap_w1200 .orgpcw-item li strong, .orgpcw_wrap_w1200 .orgpcw-item li>div, .orgpcw_wrap_w1200 .orgpcw-item li>ul.orgsub{width:100%!important;} } /* 230808_진천조직도 수정*/ .jc_org [data-item="group"][data-type="1"]>strong:nth-child(1):before{height:170px!important;} .jc_org strong.org-jc-vice:before{display:none!important;} .jc_org strong.org-jc-vice span:after, .jc_org .bonbuw:before{content:"";display:block;position:absolute;background-color:#dddddd;} .jc_org strong.org-jc-vice span:after{left:-315px;top:35px;z-index:-1;width:1000px;height:1px;} .jc_org .bonbuw:before{left:105px;top:-228px;z-index:-1;width:1px;height:280px;} .jc_bonbubox_1:before{height:calc(100% - 235px)!important;} .jc_bonbubox_2:before{height:calc(100% - 218px)!important;} .jc_bonbubox_3:before{height:calc(100% - 211px)!important;} .jc_org .jc_bonbubox_3 .bontit:after{display:none;} /*추가 .jc_org .org-jc-vice1 .vice2:after{left:-315px;top:35px;z-index:-1;width:1000px;height:1px;} /* 빈 부총장 슬롯의 파란 박스만 제거, 가로선(::after)은 유지 .jc_org strong.org-jc-vice:nth-of-type(2){ background:none !important; border:0 !important; box-shadow:none !important; } /* 좌우 박스의 기준점 .jc_org .org-jc-vice .vice2{ position:relative; display:block; width:100%; height:100%; } /* 좌우 조직 박스 공통 .jc_org .vice2 .org-side-item{ position:absolute; top:35px; /* .vice2::after(가로선) top 값과 동일 * transform:translateY(-50%); width:200px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:600; background:#0c3a74; color:#fff; } .jc_org .vice2 .org-side-item a{ display:block; color:#fff; text-decoration:none; } /* 선 왼쪽 끝(-315px) 기준 : 115 = 315 − 박스폭 200 * .jc_org .vice2 .org-side-left { right: calc(100% + 115px); } /* 선 오른쪽 끝(+325px) 기준 : 125 = 325 − 박스폭 200 * .jc_org .vice2 .org-side-right{ left: calc(100% + 125px); } /* 감사실·비서실 박스에 복사된 관통선 제거 * .jc_org .vice2 .org-side-item::after{ content: none !important; display: none !important; } /* 박스를 선 위로 올려두기 * .jc_org .vice2 .org-side-item{ ... z-index: 2; }*/ @media all and (min-width:1000px) and (max-width:1024px){ /*진천 캠퍼스 조직도*/ .jc_org .bonbuw:before{top:-210px;} .jc_org .bonbubox:nth-child(3):before{left:315px;} } /*진천 조직도_학생 취창업센터 추가*/ @media only all and (min-width:801px){ .jc_bonbubox_1 .bonbt{text-align: left; padding-left:30px;} } @media only all and (max-width:800px){ /*진천 캠퍼스 조직도*/ .jc_org [data-item="group"][data-type="1"]>strong{ width:100%!important; } .jc_org .bonbuw:before{ left:50%; } } /* 250918 진천 조직도 지산학융학원 추가 */ .org-jc-vice{anchor-name:--jc-vice; position:relative;} .org-jc-vice~.bonbuw{margin:200px auto 100px;} .org-jisan-item{position: absolute; top:anchor(0% --jc-vice); right:anchor(216% --jc-vice);} .org-jisan-item .orgpc{margin:0 0 5px 0; background-color: #0c3a74;} @media (max-width:1100px){ .org-jisan-item{position:static; margin-top:10px;} .org-jisan-item {justify-content: flex-start; width:360px;} .org-jisan-item .orgpcw, .org-jisan-item .orgpcm, .org-jisan-item .orgpc{width:100%;} .org-jisan-item .orgpcw:before, .jc_org strong.org-jc-vice span:after{display: none;} } @media (max-width:800px){ .org-jisan-item{width:100%;} .org-jc-vice~.bonbuw{margin:50px 0;} } /* 231017 통학버스 진천 표 수정 */ .jc_bus table tr:nth-of-type(1) td:last-child{border-right:none;} .jc_bus table td:last-child{border-right:1px solid #e5e6e7;} /* @media screen and (min-width:1025px) and (max-width:1100px),screen and (max-width:1000px){ #txt{width:100%;} .bonbum, .bonbum1, .bonbum11{width:calc(100% - 260px);margin-left:50px;} .bonbubox:before {display:none;} .bonbum:before, .bonbum1:before, .bonbum11:before{left:-157px;} .bonbubox .bonbum:nth-child(2):before{display:none;} .bonbuw{margin:50px 0;} }*/ /*총장인사말*/ .ceow{ display:flex;background:#0f4492;} .ceow > div{flex:1;} .ceotxt{padding:5vmin;box-sizing:border-box;padding-bottom:60px;} .ceom1{font-size:40px;color:#76e7ff;font-weight:700;} .ceom2{font-size:32px;color:#ffffff;border-bottom:1px solid #3764a4;padding-bottom:30px;margin-bottom:30px;} .ceom3{font-size:32px;color:#fff;} .ceoboxw{display:flex;margin:90px 0 100px;} .ceobox{flex:1;margin-right:60px;} .ceobox:last-child{margin-right:0;} .ceotit{font-size:26px;color:#383838;font-weight:700; margin-bottom:20px;} .ceostxt{font-size:20px;color:#4a4a4a;line-height:200%;} .ceobc{font-size:26px;color:#383838;padding-top:50px;font-weight:700;} .ceoimg{background:url("../img/sub/23_ceo.jpg") no-repeat center;background-size:cover;} .ceoimg2{background:url("../img/sub/24_ceo.jpg") no-repeat center;background-size:cover;text-indent: -9999em;} .ceohan{font-size:26px;} .ceosign{color:#13559e;font-size:24px;font-weight:700;padding-top:50px;text-align:right;} .ceosign img{margin-left:10px;} .ceohistory{margin-bottom:90px;} .ceohistory .ceoimg{background:url(../img/sub/ceo2.jpg) no-repeat center;background-size:cover;} .ceohistory .ceoimg2{background:url(../img/sub/sub396_ceo.jpg) no-repeat center;background-size:cover; box-sizing: border-box;} .ceohistory .ceotxt{color:#fff;line-height:200%;} .ceomh1{font-size:48px;font-weight:700;border-bottom:1px solid #3764a4;padding-bottom:30px;margin-bottom:30px;} .ceomh1 span{font-size:32px;font-weight:600;} .ceomh2{font-size:26px;font-weight:500;} .ceomh3{font-size:18px;} .ceohistoryw .conbox > ul > li{font-size:18px;} .ceohistoryw .conbox .his span{ width:220px;font-weight:500;} @media (max-width:970px){ .ceohistoryw .conbox > ul > li{flex-flow:column wrap;} } .prenav{overflow:hidden;margin-top:20px;margin-bottom:40px;text-align:center;} .prenav ul{display:flex;flex-wrap:wrap;} .prenav ul li{width:16.6%;margin-bottom:4px;} .prenav ul li a{display:block;border:1px solid #e5e5e5;height:55px;align-content:center; /*line-height:55px; padding:0 55px;*/color:#656565;font-weight:500;font-size:17px;} .prenav ul li a.active, .prenav ul li a:hover{background:#1c66b1;color:rgba(255, 255, 255, 1);border:1px solid #e0e0e0;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;} .presidboxw{display:flex;flex-direction:row;flex-wrap:wrap;} .presidbox{/* flex:1;*/margin-right:30px;margin-bottom:30px;border:1px solid #f1f1f1;padding:25px;width:calc(50% - 30px);box-sizing:border-box;} .presidbox:nth-child(2n){margin-right:0;} .presidbox .indent{font-size:16px;color:#4a4a4a;line-height:180%;} .precbox{display:flex;align-items:center;margin-bottom:20px;} .precbox h3{color:#0c3f9c;font-size:27px;padding-left:20px;letter-spacing:-2px;} .precbox p{color:#262626;font-size:22px;padding-left:20px;} /*부총장*/ .his2 li span{font-weight:bold; margin-right:15px; display: inline-block;} /*진천부총장*/ .ceow2{margin-top:20px; display:grid; grid-template-columns:355px auto; column-gap:2%; background:#0f4492;} @media screen and (max-width:1024px){ .ceotxt{padding:20px;} .ceom1{font-size:35px;} .ceom2{font-size:26px;padding-bottom:20px;margin-bottom:20px;} .ceom3{font-size:20px;} .ceoboxw{margin:40px 0;} .ceobox:nth-child(1){padding-left:0;} .ceotit{font-size:22px;} .ceostxt{font-size:17px;} .presidboxw{display:block;} .presidbox{width:100%;margin:0;} .precbox h3{font-size:20px;} .precbox h3 p{font-size:18px;} .presidbox .indent{font-size:14px;} .prenav ul li{width:50%;margin-bottom:2px;} .prenav ul li a{font-size:15px;height:40px;line-height:40px;} } @media screen and (max-width:720px){ .ceow{ display:block;} .ceoimg{height:300px;} .ceoimg2{height:300px;} .ceohistory .ceoimg2{border-bottom:none;} .ceoboxw{display:block;} .ceobox{margin-right:0;margin-bottom:20px;} .ceom2{font-size:20px;} .ceosign{padding-top:20px;} .ceobc{font-size:22px;} .ceohistoryw .conbox > ul > li{font-size:16px;} .ceohistoryw .conbox .his span{width:auto;display:inline;padding-right:5px;} .ceomh1{font-size:36px;} .ceomh1 span{font-size:20px;display:block;padding-left:0;} .ceohistory{margin-bottom:40px;} .ceow2{grid-template-columns:200px auto;} .ceow2 .img{ overflow: hidden; } .ceow2 .img img{ object-fit: cover; height:100%;} } @media screen and (max-width:500px){ .ceow2{display:flex; flex-flow: column wrap;} .ceow2 .img{ text-align: center;} .ceow2 .img img{width:100%;} } /*캠퍼스*/ .campusw{width:1590px;margin:0 auto;} .campusbox{position:relative;margin-bottom:100px;} .campusbox img{/* width:100%;*/;} .camprv{position:absolute;right:20px;padding:35px 20px;background:#246db0;top:0;text-align:center;width:240px;box-sizing:border-box;} .camptit{font-size:26px;color:#81e9ff;font-weight:600;} .campstit{color:#fff;font-weight:700;padding-bottom:40px;text-transform:uppercase;} .camptimg{padding-bottom:13px;text-align:center;} .campbtn a{border:1px solid rgb(255 255 255 / 50%);color:#fefefe;font-size:16px;width:100%;padding:10px 0;display:inline-block;text-align:center;} .campdetail{background:#2370b8;padding:25px 30px;color:#fff;display:flex;justify-content:space-around;} .campbox{display:flex;/* margin-right:100px;*/;} .campusw:not(.jinchon) .campdetail .campbox:nth-of-type(1){display:grid; grid-template-columns:repeat(5, 1fr);} .campbox:nth-child(2){margin-right:0;} .campbox ul{display:flex;font-size:14px;flex-direction:column;margin-right:8px;} .campbox ul li{display:flex;justify-content:space-between;margin-bottom:5px;} .campbox ul li p {display:flex;} .campbox ul li span{display:inline-block;/* flex:auto;*/;} .campbox ul li .camnum{background:#fff;color:#2370b8;width:20px;height:20px; aspect-ratio:1/1; border-radius:50%;text-align:center;margin-right:5px;font-weight:700;line-height:20px; order:1;} .campbox ul li .camtit{text-align:left;/* max-width:120px;*/letter-spacing:0; order:2;} /*.campbox ul li .caminfo{min-width:100px;}*/ .campbox ul li .caminfo a{display:block;font-size:12px;border:1px solid rgba(255,255,255,0.3);padding:3px 5px;margin-left:10px;} .jinchon .camprv{left:30px;} .jinchon .campbox ul{justify-content: center;row-gap: 16px;flex-direction:row;align-items:center;/* width:100%;*/flex-wrap: wrap;} .jinchon .campbox ul li{ display:flex;align-items:center;margin:0 10px;} .jinchon .campbox ul li p{margin:0 5px;} .jinchon .campdetail{display:flex;justify-content:space-around;} .jinchon .campbox{margin-right:0;} @media screen and (max-width:1590px){ .campusw{width:100%;} } @media screen and (max-width:1024px){ .camprv{ position:relative;width:100%;right:0;} .campusw:not(.jinchon) .campdetail .campbox:nth-of-type(1), .campbox, .campdetail .campbox:nth-of-type(1){display:block;} .jinchon .campdetail{display:block;} .jinchon .campbox ul{display:block;} .campusbox{margin-bottom:10px;} .campdetail{padding:15px;display:block;} .jinchon .camprv{left:0;} .campstit{padding-bottom:20px;} } /*전화번호*/ .buse-top{ box-sizing:border-box; position:relative ; padding-top: 14px; text-align: left; padding-left:25px; background: #f2f5fa; padding: 40px 0; margin-bottom: 25px} .bsearch-box{display: flex;justify-content: center;} .bsearch-box-t{font-size:13px; color:#7a7a7a; padding-bottom:5px} .bsearch-box select {width:125px;border:1px solid #e6e6e6;color:#000;font-size:14px;background:url(../img/buse_sel.png) no-repeat 90% center #fff;height:50px;margin-right: 3px;cursor: pointer;padding-left: 10px;} .bsearch-box input[type="text"] {width:260px;border:1px solid #e6e6e6; height:50px; vertical-align: top; box-sizing: border-box; } .bsearch-box .sebarw{position:relative;display:inline-block;/* padding-left: 10px; */} .bsearch-box .sebar {display: block; position: absolute; top: 1px; right: 35px; width: 1px; height: 43px;border-left: 1px solid #d0d0d0; content: ''; } .bsearch-box label{ padding-right:50px;} .bsearch-box label span{font-weight:500;} .bsearch-box .btn-group {margin-top:0;} .bsearch-box .tiny {vertical-align:top;height:50px;background:#082b52; color:#FFF; text-align:center; display:inline-block; width:85px; } .bu-select{margin-left: 30px; margin-right: 20px; margin-top:10px;} .telwsub{display: flex} .telboxsub{flex:1; margin-right: 40px;} .telboxsub:nth-child(2){margin-right: 0} .telboxsub th{border-bottom: 1px solid #0060af; border-top: 3px solid #0060af; font-size: 17px; color: #383838; font-weight: 600; background: #f8f8f8; padding: 15px 0;} .telboxsub td{font-size: 16px; color: #656565; padding: 15px 0; border-bottom: 1px solid #dddddd; text-align:center; border-right: 1px solid #dddddd} .telboxsub tr td:nth-child(1){width:20%} .telboxsub tr td:nth-child(2){width:30%} .telboxsub tr td:nth-child(3){width:20%} .telboxsub tr td:nth-child(4){width:30%} .telboxsub tr td:last-child{border-right: 0} .phone{display:inline-block;float:left;width:49%; max-width:676px; border-bottom:0;} .phone:nth-child(1){margin-right:2%;} .phone .basic-table{margin-bottom:60px;border-top:0;} .phone .basic-table thead th{border-top:3px solid #0060af;border-bottom:1px solid #0060af;} .phone .basic-table td{font-size:15px;word-wrap:break-word;word-break:break-all;} .phone .ptop{vertical-align:top;font-weight:500;color:#1078ce;} /* 접근성(2026-08-04, 3-1 표 구조): 행 머리를 th.rowth 로 올린 뒤에도 이 화면의 기존 모양을 그대로 유지한다 */ .phone .basic-table th.rowth{font-size:15px;word-wrap:break-word;word-break:break-all;} .phone .basic-table th.ptop{vertical-align:top;font-weight:500;color:#1078ce;} @media only all and (max-width:720px){ .telwsub{display: block;} .telboxsub{flex:none; margin-right: 0px;} .buse-top{padding: 0px 0;} .telboxsub th{font-size: 13px; padding: 3px 0;} .telboxsub td{padding: 3px 0px; font-size: 12px;} .phone{padding:0;width:100%;} .phone:nth-child(1){margin-right:0;} } /*도서관 */ .libew{display:flex;border: 1px solid #1572ba;padding: 70px 50px 80px;flex-direction: row; margin: 100px 0} .libetxt{display: flex;flex-direction: column;margin-left: 50px;} .libetit{font-size: 36px; color: #383838; letter-spacing: -2px} .libetit span{font-weight: bold; color: #1572ba} .libest{font-size: 20px;color:#383838;padding-bottom: 20px;padding-top: 20px;} .libelink{display:flex;} .libelink a{display: inline-block;width: 220px;height: 48px; align-content:center; box-sizing: border-box;border: 1px solid #1572ba;padding-left: 20px;background: url("../img/sub/golib_url.png") no-repeat 90% center;color: #1572ba;/*line-height: 48px;*/font-weight: 500;margin-right: 10px;} .libelink a:hover{color: #fff ;background: url("../img/sub/ico_url_w.png") no-repeat 90% center #2375CC; ; transition: all 0.2s ease-in;} @media only all and (max-width:720px){ .libew{margin: 30px 0;} .libew{padding: 50px 15px; display: block;} .libeimg{text-align: center; padding-bottom: 20px;} .libetxt{margin-left: 0;} .libetit{font-size: 22px;} .libest{font-size: 17px;} .libelink{flex-flow:column wrap;} .libelink a{width: 100%; font-size: 14px; margin-bottom: 10px;} } .noticebox{margin-bottom:30px;padding:35px 15px 20px 30px;background:#f8f8f8;border:1px solid #e7e7e7;border-radius:3px;} .noticebox ul{vertical-align:top;} .noticebox li{float:left;position:relative;margin:0 1% 8px;width:45%;padding-left:30px;} .noticebox li p{font-size:90%;} .noticebox li:nth-child(1):before{content:'1';display:block;position:absolute;left:0;top:0;padding-bottom:1px;width:21px;line-height:22px;text-align:center;color:#ffffff;font-weight:500;font-size:12px;background:#3964c7;border-radius:3px;} .noticebox li:nth-child(2):before{content:'2';display:block;position:absolute;left:0;top:0;padding-bottom:1px;width:21px;line-height:22px;text-align:center;color:#ffffff;font-weight:500;font-size:12px;background:#3964c7;border-radius:3px;} .noticebox li:nth-child(3):before{content:'3';display:block;position:absolute;left:0;top:0;padding-bottom:1px;width:21px;line-height:22px;text-align:center;color:#ffffff;font-weight:500;font-size:12px;background:#3964c7;border-radius:3px;} .noticebox li:nth-child(4):before{content:'4';display:block;position:absolute;left:0;top:0;padding-bottom:1px;width:21px;line-height:22px;text-align:center;color:#ffffff;font-weight:500;font-size:12px;background:#3964c7;border-radius:3px;} .noticefull li{margin:0 0 8px;width:95%;} @media only all and (max-width:1024px){ .noticebox li{margin:0 0 8px;width:95%;} } @media only all and (max-width:820px){ .noticebox{padding:25px 15px 10px 15px;} } @media only all and (max-width:420px){ .noticebox{padding:25px 35px 10px 20px;text-align:justify;} } /*총장인사말 */ .ceochw{width: 1300px; margin: 0 auto} .ceochw .ceobg{background: url("../img/sub/ceobg.png") no-repeat center; color: #fff; font-size:28px; padding: 0 55px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;} .ceochw .ceobg span{color:#76e7ff; font-weight: 600;} .ceochw .ceotxt {padding: 80px 50px 0} .ceochw .ceotxt > div{padding-bottom: 50px} .ceochw .ceot1{font-size: 26px; color: #383838; font-weight: 500; } .ceochw .ceot2{font-size: 20px; color: #585858} .ceochw .ceot3{font-size: 20px; color: #434343; font-weight: 500} .ceochw .ceot4{font-size: 26px; font-weight: 600;} /* 접근성(5.3.2 명도대비): 이 히어로엔 딤이 없어 흰 글자와 시안 제목이 사진에 묻혔다. .subg 와 같은 방식으로 덮개를 깐다 */ .bubsogebg{position:relative;} .bubsogebg::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.45);pointer-events:none;} .bubsogebg > *{position:relative;z-index:1;} .bubsogebg{background: url("../img/sub/sobg368.png") no-repeat center ; background-size:cover; width:100%; height: 640px; text-align: center; margin-bottom: 65px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;} .bubtit{font-size: 36px; color: #73ebf9; padding-bottom: 50px; font-weight: 500} .bubstit{color: #fff; font-size: 22px; line-height: 160%} .bubstitop{font-size:28px;font-weight:700;word-wrap:break-word;word-break:keep-all;} .bubinbg{background: url("../img/sub/samu.png") no-repeat center; background-size:cover;} .junbobg{background: url("../img/sub/junbobg.jpg") center no-repeat; background-size:cover; padding-top: 220px ; justify-content: space-around;} .upmuw{display: flex;flex-wrap: wrap;flex-direction: row; margin-top: 50px} .upmubox{border: 1px solid #195cb8;/* flex: 1; */margin-right: 1.5%;width: 18%;display: flex;flex-direction: column;justify-content:flex-start;align-items: center; margin-bottom: 30px; padding: 45px 0 30px} .upmubox:nth-child(5){padding-right: 0} .upimg{padding-bottom:20px; min-height:80px;} .uptxt{color: #1b4da9; font-size:18px; text-align: center; letter-spacing: -1px; font-weight: 500; line-height:1.3;} .conc{line-height: 180%; padding-left: 0px; margin-top: 20px} .conbox:last-child{border-bottom: none} .bubsoge .conbox{border-bottom: none; padding-bottom: 10px;} .conbox .pt20{padding-top: 20px} @media only all and (max-width:1300px){ .ceochw{width: 100%; box-sizing: border-box; padding: 20px 20px 0;} } @media only all and (max-width:1150px){ .ceow{display:block;} .ceow > div{display: block} .ceochw .ceobg{font-size: 24px; padding: 50px} .ceoimgc img{width: 100%} } @media only all and (max-width:720px){ .ceochw{padding: 0 10px} .ceochw .ceobg{padding: 15px; font-size: 16px} .ceochw .ceotxt{padding: 0px} .ceochw .ceot1{font-size: 16px; padding-top: 20px} .ceochw .ceotxt > div{padding-bottom: 20px} .ceochw .ceot2{font-size: 14px; } .ceochw .ceot3{font-size: 14px; } .ceochw .ceot4{font-size: 15px; } .ceochw .ceosign img{width: 140px} .ceochw .ceosign{padding: 0 } .bubsoge .conbox{padding-bottom: 0} .bubstit p{display: inline} .bubsogebg{height: 500px; padding: 0 20px; margin-bottom:20px } .bubstit{font-size: 16px} .bubtit{font-size: 26px} .subgorg{padding-bottom: 20px} .upmuw{display: block; margin-top: 0} .upmubox{width: 48%;float: left;margin-right: 1%;padding: 10px;box-sizing: border-box;/* display: block; */margin-bottom: 3px;display: block;text-align: center;height: 160px;} .uptxt{font-size: 14px;height: 50px;} .upimg{padding-bottom: 10px} .conc{font-size: 14px} .conbox{padding: 0 15px} .fundtext p{display:block;} .bubstitop{font-size:20px;} } .sub106_btn{ color:#2c60b6!important; font-size:16px; display:inline-block; padding:4px 20px; border:1px solid #2c60b6; vertical-align:4px;} /*sub414_글로벌 수소*/ .hydrogen_wrap{position: relative; text-align: center; word-break: keep-all; padding:80px 0 100px; background:url(../img/sub/hydro_bg.jpg) no-repeat center / cover;} .hydrogen_bg{width:100%; height:100%; background:url(../img/sub/hydro_bg_bubble.png) no-repeat center ; background-size: cover; background-attachment: fixed; position: absolute; inset:0; pointer-events:none;} .hydrogen_wrap .desobw .desobtit{padding-bottom:0px;} .hydrogen_wrap .desobw .desobtxt{margin-top:30px;} .hydrogen_head .desostit{color:#222;} .hydrogen_head .desostit h3{font-size:inherit;} .hydrogen_head .desostit span{color:#226acc;} .hydrogen_video{margin:30px 0 40px; } .hydrogen-video-toggle{border-radius:30px; display:block; margin:16px auto 0; padding:6px 24px; border:1px solid #2c60b6; background:#fff; color:#2c60b6; font-size:16px; cursor:pointer;} .hydrogen_video video{width:1280; aspect-ratio: 1280 / 720;} @media (max-width:1280px){ .hydrogen_video video{width:100%;} .hydrogen_bg{display: none;} } /* sub449 W-SKY23 이용안내 */ .sky23-container{max-width:1400px; width:98%; margin:0 auto;} .sky23-info-wrap{position:relative; z-index:0; overflow:hidden; align-content:center; max-height:850px; width:100%; margin-bottom:6vmin;} .sky23-box{position:absolute; z-index:10; left:calc( (100% - 1400px) / 2 ); top:50%; transform:translateY(-50%); box-sizing:border-box; max-width:440px; width:100%; padding:5vmin 4vmin; background:#1c66b1; color:#fff; backdrop-filter:blur(8px);} .sky23-info-title{font-size:32px; border-bottom:1px solid #ffffff30; padding-bottom:20px; margin-bottom:20px;} .sky23-info dl{display:grid; grid-template-columns:60px 1fr; column-gap:6%; align-items:center;} .sky23-info+.sky23-info{border-top:1px solid #ffffff30; padding-top:20px; margin-top:20px;} .sky23-info dt{font-size:16px;text-align:center;align-self: baseline;} .sky23-info dt h4{margin-bottom:8px;} .sky23-info dd{margin-top:1px;} .sky23-info dd p{font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-1px; } .sky23-info dd ul{font-size:16px; } /*slide 전환 애니메이션*/ .swipersky23 .swiper-slide img {transform: scale(1); transition: all 1200ms ease-in-out; width: 100%; height: 100%; object-fit: cover;} .swipersky23 .swiper-slide-active img { transform: scale(1.05);} .sky23-content{display:grid; grid-template-columns:18% 1fr; column-gap:4%; align-items:flex-start; border-bottom:1px solid #eee; padding-bottom:3.6vmin; margin-bottom:3.6vmin;} .sky23-con-title {font-size:28px; letter-spacing:-1px;} .sky23-con-title h4 img{margin:-6px 4px 0 0;} .sky23-text{font-size:20px;} .sky23-text .sky23-highlight{color:#1c66b1;} .sky23-alert{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;} .sky23-alert dl{text-align:center; word-break:keep-all; background:#f6faff; border-radius:16px; padding:2vmin; font-size:16px;} .sky23-alert dl dt{opacity:0.7; margin-bottom:8px;} @media (max-width: 1400px) { .sky23-info-wrap{align-content:flex-end; min-height:auto;} .sky23-box{ left:4%;} .sky23-content{grid-template-columns:1fr;} .sky23-con-title{ margin-bottom:4px;} } @media (max-width: 1024px) { .sky23-content{margin-bottom:28px; padding-bottom:28px;} .sky23-box{max-width:100%; left:0; top:0; transform:translateY(0); padding:3vmin; position:relative;} .sky23-info-title{font-size:22px; } .sky23-info dd h5 {font-size:20px;} .sky23-con-title {font-size:20px;} .sky23-text{font-size:14px;} .sky23-alert dl{font-size:12px; line-height:1.3;} .sky23-con-title h4 img{width:40px;} } @media (max-width: 720px) { .sky23-info dl{grid-template-columns:1fr;} .sky23-info dt{text-align:left; color:#00FFFF;} .sky23-info dt img{display:none;} .sky23-alert{grid-template-columns:repeat(2, 1fr);} .sky23-alert dl dt img{width:50px;} } /* sub73 캠퍼스/교통안내 */ .sub73_transport_tit{display:flex; justify-content:space-between; align-items:center;} .sub73_transport_tit+.basic-table span.em_b_blue{float:left;} .sub73_transport_tit+.basic-table td:has(span.em_b_blue):after{display:block; content:""; clear:both} /* sub307 개인정보처리방침 */ .privacy-policy-wrap{max-width:98%; margin:0 auto 50px; width:1400px;} /* sub215 */ .down_btn_wrap{display:flex; flex-flow:column wrap;} .down_btn_wrap .bgdown{box-sizing:border-box; width:100%;} /* sub377 */ .conbox ol.lookb{display:flex; flex-flow:column wrap;} .conbox ol.lookb .bgdown{width:100%; box-sizing:border-box;} /* sub 70 전주/진천 교내전화번호 링크 버튼 */ .orgtel{max-width:1380px} /* sub 396 다국어 총장 영문이름 숨김 */ body[class*="lang"] .contWrap .ceohistory .ceotxt .ceomh1 span{display:none;} /* sub 464, 465 다국어 레이아웃 깨지는 문제 해결 */ body[class*="lang"] .majordetail{max-width:1380px; margin:0 auto} body[class*="lang"] .majortop{max-width:1380px; margin:0 auto 60px} /* 접근성(5.3.2 명도대비): 배경사진 위 글자인데 딤이 없어 밝은 사진에서 기준에 못 미쳤다 (픽셀 실측: 대학소개 시안 제목 2.86:1 / 우영관 본문 4.38:1). 해당 영역에만 좁게 덮개를 깐다. */ .desotop, .contimg.bg150{position:relative;} .desotop::before, .contimg.bg150::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.4);pointer-events:none;} .desotop > *, .contimg.bg150 > *{position:relative;z-index:1;} /* 조직도 계층 마크업 — .orgpcw-in 이 ul 이라 common.css 의 ul::after 클리어픽스가 flex item 으로 끼어드는 것을 막는다(항목 폭 13.76px 잠식 방지) */ #txt ul.orgpcw-in::after {content: none;} /* 학과명 heading 화(결과서 p46 검사항목 18) — h4 가 되며 붙는 브라우저 기본 bold 를 되돌린다. .macts span 이 700, 그 밖 글자는 얇은 것이 원래 디자인이라 이를 보존한다. p 로 남는 곳은 태그 한정이라 무영향 */ h4.macts {font-weight: 400;}