#wrapper #content #container{padding-top:0px !important;} /*.stitBox { position: relative; margin: 50px auto 0; padding: 0 0 0; max-width: 1650px !important; }*/ /*.stitBox{position:relative; margin:50px auto 0; padding:0 0 0; max-width:1400px !important;}*/ .subVisual{height:170px !important; margin-top:20px !important;} .subVisual.bg1{background-image: url('../img/pc/sub/img_top_bg.png') !important;} .subVisual.bg2{background-image: url('../img/pc/sub/img_top_bg02.png') !important;} .subVisual.bg3{background-image: url('../img/pc/sub/img_top_bg03.png') !important;} .subVisual.bg4{background-image: url('../img/pc/sub/img_top_bg04.png') !important;} #wrapper{width:100%; margin:0 auto; position: relative;} #container #content .subConBox{max-width:1360px !important;} /*테이블*/ .subConBox_inner .t_typel thead th{font-weight:600;} .subConBox_inner .t_typel tbody th{vertical-align:middle;} .subConBox_inner .t_typel tbody th:first-child{font-weight:600;} .subConBox_inner .t_typel tbody td{vertical-align:middle;} /* #wrapper .subConBox {position: relative;margin: 50px auto 0;padding: 0 0 150px !important;max-width: 1650px !important; z-index:99 !important;} #wrapper .subConBox02 {position: relative;margin: 50px auto 0;padding: 0 0 150px !important;max-width: 1650px !important; z-index:99 !important;} */ /* 산학협력단 소개_소개 */ #wrapper .subConBox .sub_innerbox{font-size:0; text-align:left;} #wrapper .subConBox .sub_innerbox .cont_ab_img{width:910px; height:465px; position:relative; display:inline-block; vertical-align:top;} #wrapper .subConBox .sub_innerbox .cont_ab_img .blue_titlebox{z-index:20; width:100%; height:140px; position:absolute; top:0; right:0; background:url('../img/pc/sub/s1_01_img02.png') right top no-repeat;} #wrapper .subConBox .sub_innerbox .cont_ab_img .blue_titlebox .img_title{display:block; width:100%; font-family:'Roboto-Black'; font-size:60px; text-align:right; color:#ffffff; margin-top:55px; padding-right:40px;} #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox{z-index:10; width:865px; height:420px; overflow:hidden; position:absolute; top:40px; left:0;} #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox img{width:100%; height:auto;} #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox img.mb_none{display:block;} #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox img.pc_none{display:none;} #wrapper .subConBox .sub_innerbox .ab_txtbox{display:inline-block; vertical-align:top; width:600px; padding-top:40px; padding-left:40px;} #wrapper .subConBox .sub_innerbox .ab_txtbox .ab_title{font-size:40px; font-weight:bold; line-height:1.4;} #wrapper .subConBox .sub_innerbox .ab_txtbox .ab_text{font-size:18px; line-height:1.4; margin-top:100px;} #wrapper .ab_graybox{position:absolute; width:55%; height:550px; background:#eeeeee; padding-top:110px; top:115px; right:0; z-index:1; margin-bottom:150px;} .conBox02{width:100%; font-size:0; text-align:left;margin-bottom:100px} .sign-author { text-align: right; font-weight: 600; margin-top: 2em; font-size: 1.05rem; color: black; } .leftBox{display:inline-block; vertical-align:top; width:45%; margin-right:3%;border-radius:0px 40px;overflow:hidden;} .leftBox img{width:100%;} .rightBox{display:inline-block; vertical-align:top; width:52%;} .conSubject{font-size:22px; font-weight:600; position:relative; padding:30px 40px 30px 60px; display:block; word-break:keep-all; margin-bottom:40px;} .conSubject:before{position:absolute; top:0; left:0; width:24px; height:20px; content:''; background:url('/_res/deu/bhcoss/img/pc/sub/quote.png') left top no-repeat;} .conSubject:after{position:absolute; right:0; bottom:0; width:24px; height:20px; content:''; background:url('/_res/deu/bhcoss/img/pc/sub/quote_end.png') left top no-repeat;} .conText{font-size:18px; word-break:keep-all;padding:0 40px 0 60px; } .highlight { font-weight: bold; color: #000; } /* 산학협력단 소개_인사말 */ #wrapper .subConBox02 .subConBox_inner {min-height:600px;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox{max-width:1650px; height:300px; margin:0 auto; position: relative;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{width:50%; position: absolute; top:100px; left:50%; font-size:40px; font-weight: bold; color:#ffffff; line-height: 1.4;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .mb_none{display: block;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .pc_none{display: none;} #wrapper .subConBox02 .subConBox_inner .gt_textbox{width:calc(100% - 70px); position: absolute; top:70px; left:70px; font-size: 0; text-align: left;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title{padding:70px 0 0 70px; width:400px; height:400px; background: #006dcb url('../img/pc/sub/s1_02_img03.png') 90% 95% no-repeat; border-radius: 0px 90px 0 90px; display: inline-block; vertical-align: top;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-family:"Roboto-Bold"; color:#ffffff; font-size:60px; line-height:60px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{display: block; font-size:30px; line-height:30px; color:#ffffff; margin-top:20px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_text{display: inline-block; vertical-align: top; width:calc(100% - 470px); font-size:18px; line-height: 1.4; margin-left:70px; margin-top:300px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box{width:calc(100% - 70px); text-align:right; margin-left:70px; margin-top:30px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box .grade{font-size:18px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box .name{font-size:70px; font-family:"InkLipquid"; margin-left:30px;} /* 산학협력단 소개_연혁 */ .subConBox_inner .sub_inner{width:100%; margin:0 auto; text-align: center;} .subConBox_inner .sub_inner .sub_title{z-index:2;position:relative;display:inline-block;padding-left:40px;font-weight:700;font-size:40px;line-height:60px;margin-bottom:100px;} .subConBox_inner .sub_inner .sub_title::after{z-index:-1;width:60px;height:60px;position:absolute;top:4px;left:0;content:'';background: url('../img/pc/sub/s1_03_img01.png')left top/contain no-repeat;} .subConBox_inner .sub_inner .ht_box {font-size:0; text-align: left;} .subConBox_inner .sub_inner .ht_box .ht_year{display:inline-block; vertical-align:top;} .subConBox_inner .sub_inner .ht_box .ht_year span{display:inline-block; vertical-align:top; text-align: center; padding:15px 30px; border-radius: 0px 20px 0px 20px; line-height: 60px; background:#eeeeee; color:#006dcb; font-size:35px; font-weight:bold;} .subConBox_inner .sub_inner .ht_box:last-child .ht_year span{background:#006dcb; color:#ffffff;} .subConBox_inner .sub_inner .ht_box .ht_list{display: inline-block; vertical-align:top; margin-left:40px; width:calc(100% - 192px);} .subConBox_inner .sub_inner .ht_box .ht_list ul li{font-size:0; text-align:left; padding-bottom:10px; position:relative;} .subConBox_inner .sub_inner .ht_box .ht_list ul li:after{position:absolute; left:6px; top:10px; height:100%; width:1px; border:1px dashed #0381ed; content:''; z-index:-1;} .subConBox_inner .sub_inner .ht_box .ht_list ul li:last-child:after{display:none;} /*.subConBox_inner .sub_inner .ht_box .ht_list ul li{background: url('../img/pc/sub/s1_03_line.png')6px top repeat-y; font-size:0; text-align:left; padding-bottom:10px;} .subConBox_inner .sub_inner .ht_box .ht_list ul li:first-child{background: url('../img/pc/sub/s1_03_line.png')6px 13px no-repeat;} .subConBox_inner .sub_inner .ht_box .ht_list ul li:last-child{background: url('../img/pc/sub/s1_03_line.png')6px top no-repeat;}*/ .subConBox_inner .sub_inner .ht_box .ht_list ul li > strong{font-weight:700; font-size:20px; display: inline-block; vertical-align:top; background: url('../img/pc/sub/s1_03_dot.png')left 8px no-repeat; padding-left:27px;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{margin-left:20px; font-size:20px; display: inline-block; vertical-align:top;} .subConBox_inner .sub_inner .brd_bt{border-bottom:1px solid #eeeeee; padding-bottom:40px; margin-bottom:40px;} .subConBox_inner .sub_inner .brd_bt:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;} /*조직도 */ .t_org{width:100%;} .t_org tbody tr th{padding-bottom:30px;} .t_org tbody th span{display:inline-block; margin:0 auto; padding:20px 50px; background:#ddd; color:#444; font-size:24px; border-radius:10px;} .t_org tbody th span.th_top{background:#084bbb; color:#fff; position:relative;} .t_org tbody th span.th_top:after{position:absolute; transform:translate(-50%, 0); top:0; left:50%; width:610px; height:676px; background:url('../img/bg-line.png') left top/cover no-repeat; content:''; z-index:-1;} .t_org tbody a{position:relative;padding-right:25px;display:inline-block} .t_org tbody a:after{position:absolute; margin-top:-7px; top:50%; right:0;content:''; width:15px; height:15px; background:url('../img/pc/sub/ico-link.png') left top no-repeat;} .t_org tbody td .li_table{width:100%; position:relative;} .t_org tbody td .li_table:after{position:absolute; top:0; left:50%; width:2px; height:80%; background:#ddd; content:''; z-index:-1;} .t_org tbody td .li_table li{display:inline-block; width:60%; padding:10px 15px; background:#ddd; color:#444; font-size:24px; border-radius:10px; margin-bottom:20px;} .t_org tbody th.bdr_right{position:relative;} .t_org tbody th.bdr_right:after{position:absolute; top:50%; left:50%; width:80%; height:2px; background:#ddd; content:''; z-index:-1;} .t_org tbody .brd_center{position:relative;} .t_org tbody .brd_center:after{position:absolute; top:50%; left:20%; width:50%; height:2px; background:#ddd; content:''; z-index:-1;margin-top:-15px;} .t_org tbody .pb_none th{padding-bottom:0 !important;} .t_org tbody .pb_none th span{width:250px; border-radius:10px 10px 0 0;} .t_org tbody td .li_team{width:250px; margin:0 auto; border:1px solid #ddd; padding:20px;background:#fff} .t_org tbody td .li_team li{margin:0 auto; width:80%; position:relative; text-align:left; padding-left:12px;} .t_org tbody td .li_team li:before{width:3px; height:3px; background:#0381ed; content:''; position:absolute; top:10px; left:0;} /*오시는 길*/ .subConBox_inner .map_box h2.title{text-align:left; margin-bottom:20px;} .subConBox_inner .map_box .text_box{text-align:left; padding:40px; border:1px solid #ddd;} .subConBox_inner .map_box .text_box > span{display:block; margin-bottom:5px;} .subConBox_inner .map_box .text_box > span:last-child{margin-bottom:0;} .subConBox_inner .map_box .text_box > span em{font-weight:600; padding-right:20px; position:relative; margin-right:10px;} .subConBox_inner .map_box .text_box > span em:after{position:absolute; top:50%; margin-top:-10px; right:0; width:2px; height:20px; background:#ddd; content:'';} /*가족회사*/ .text_box{border:1px solid #ddd;padding:40px} .text_box span{display:block;margin-bottom:10px} .text_box span em{font-weight:600} .text_box_blue{border:1pz solid #acc7f2;background:#ecf1f9;padding:50px;font-size:1.1rem;line-height:1.4;text-align:left} .conBox04{text-align:left} .li_box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;border-radius:10px;border:1px solid #ddd;padding:40px} .li_box > li{width:calc(100% / 4);padding:0 40px;border-right:1px dotted #ddd} .li_box > li:first-child{padding-left:0} .li_box > li:last-child{border-right:0;padding-right:0} .li_dot02 li{width:100%;padding-left:15px;position:relative} .li_dot02 li::before{position:absolute;top:10px;left:0;width:3px;height:3px;background:#0381ed;content:'';} .li_flow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .li_flow li{width:calc(100% / 6);padding-right:40px;position:relative;} .li_flow li:last-child{padding-right:0} .li_flow li span{border-radius:5px;border:2px dashed #ddd;display:block;min-height:100px;padding:20px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;word-break:keep-all;background:#f5f9ff} .li_flow li::after{background:url('../img/arrow_flow.png') left top/contain no-repeat;width:40px;height:40px;position:absolute;top:50%;right:0;transform:translate(0, -50%);content:'';} .li_flow li:last-child::after{display:none} table tr td.td_left{text-align:left} .box{margin:0 auto;text-align:center} .t_typel tbody th.tbd-th{color:#084bbb;background:#f4f7fc;border-bottom:1px solid #dee2e6;border-right:1px solid #98a1a6;} /* 메인 타이틀 테이블 박스 */ .facility-title-table { margin-top: 2rem; margin-bottom: 1.5rem; } .facility-title-table table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; } .t_facility_title th { background-color: #0056b3; /* 진한 파랑 */ color: white; font-size: 1.125rem; font-weight: bold; padding: 1rem; text-align: left; border: 1px solid #ccc; } /* 이미지 그리드 */ .facility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .facility-item { text-align: center; } .facility-item img { width: 100%; height: auto; max-height: 200px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .facility-name { margin-top: 0.75rem; font-weight: 500; color: black; font-size: 1rem; text-align: center; } /* 교수지원 프로그램 소개 그리드 CSS */ .sun-program-table { width: 100%; border-collapse: collapse; font-family: 'Noto Sans KR', sans-serif; color: black; max-width: 1200px; margin: 2rem auto 0; } .sun-program-table thead th { background-color: #0047b3; color: white; padding: 0.8rem 1rem; text-align: center; border: 1px solid #003a8c; } .sun-program-table tbody td { border: 1px solid #ddd; padding: 0.8rem 1rem; vertical-align: middle; word-break: keep-all; } .sun-program-table tbody td:first-child { color: black; text-align: center; width: 80px; vertical-align: middle; } .learning-support-table { width: 100%; max-width: 1200px; margin: 2rem auto 0; border-collapse: collapse; font-family: 'Noto Sans KR', sans-serif; color: #333; box-sizing: border-box; overflow-x: auto; display: block; /* 모바일 가로 스크롤용 */ } .learning-support-table thead { background-color: #0047b3; color: #fff; font-weight: 700; user-select: none; display: table; width: 100%; table-layout: fixed; } .learning-support-table thead th { padding: 0.75rem 1rem; border: 1px solid #003a8c; text-align: center; word-break: keep-all; } .learning-support-table tbody { display: table; width: 100%; table-layout: fixed; background-color: #fff; } .learning-support-table tbody td { padding: 0.75rem 1rem; border: 1px solid #ddd; vertical-align: middle; word-break: break-all; overflow-wrap: break-word; white-space: normal; } .learning-support-table tbody td:first-child { color: black; text-align: center; white-space: normal; /* nowrap 대신 normal로 변경 */ word-break: break-word; /* 필요하면 추가 */ } @media (max-width: 768px) { .learning-support-table { font-size: 0.85rem; } } /* ========================================================================= 반응형 레이아웃 css ========================================================================= */ @media all and (max-width:1650px){ .stitBox { position: relative; margin: 50px auto 0; padding: 0 30px 0; max-width: 1360px; } #wrapper .subConBox {padding: 0 30px 150px 30px !important;} #wrapper .subConBox02 {padding: 0 30px 150px 0 !important; width:100%;} #wrapper .subConBox .sub_innerbox .cont_ab_img{width:57%; } #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox{width:95%;} #wrapper .subConBox .sub_innerbox .ab_txtbox{width:37%;} #wrapper .subConBox .sub_innerbox .ab_txtbox .ab_title{font-size:35px;} #wrapper .ab_graybox{width:65%;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox{height: auto;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size:35px; top:50%; margin-top:-49px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox{width:calc(100% - 100px);} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_text{width: calc(100% - 450px); margin-top:20%; margin-left:50px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box{width:100%; margin-left:0;} } @media all and (max-width:1360px){ #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size:30px; margin-top:-42px;} .t_org tbody th span, .t_org tbody td .li_table li{font-size:20px} } @media all and (max-width:1200px){ #wrapper .subConBox .sub_innerbox .cont_ab_img{margin:0 auto; width:90%; display:block;} #wrapper .subConBox .sub_innerbox .cont_ab_img .sub_imgbox{height:400px;} #wrapper .subConBox .sub_innerbox .ab_txtbox{width:100%; display:block; background:#eeeeee; margin-top:-200px; padding:20% 5% 10% 5%;} #wrapper .subConBox .sub_innerbox .ab_txtbox .ab_text{margin-top: 5%;} #wrapper .ab_graybox{display:none;} #wrapper .subConBox02 .subConBox_inner .gt_textbox{position:relative; width: calc(100% - 100px); left: 50px; top:-80px;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size:25px; margin-top:-35px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title{width:300px; height:300px; background-size: 80%; padding: 50px 0 0 50px; border-radius: 0px 65px 0 65px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-size:40px; line-height:40px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{font-size:24px; line-height:24px; margin-top: 5px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_text{width: calc(100% - 350px); margin-left:50px; margin-top:15%;} #wrapper .subConBox02 .subConBox_inner .sub_inner{width: calc(100% - 100px);} .t_org tbody th span{font-size:20px;} .t_org tbody td .li_table li{font-size:20px;} /*.t_org tbody th span.th_top:after{height:640px;}*/ .li_box > li{width:50%} .li_box > li:nth-child(2){padding-right:0;border-right:0} .li_box > li:nth-child(3){padding-left:0} .conSubject{font-size:20px;} } @media all and (max-width:1024px){ #wrapper .subConBox02 {padding: 0 !important;} #wrapper .subConBox01 {padding: 0px !important;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{width:calc(100% - 100px); left:50px;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox img{width:100%;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .pc_none{display:block;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .mb_none{display:none;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{top:20%; font-size:35px; margin-top:0;} #wrapper .subConBox02 .subConBox_inner .gt_textbox{top:0; margin-top:-20%;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title{width:100%; height:auto; padding:50px 50px 100px 50px; background-size: 45%;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-size:50px; line-height:50px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{margin-top:20px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_text{width:100%; margin-left:0; margin-top:5%;} #wrapper .subConBox02 .subConBox_inner .sub_inner .sub_title{margin-bottom:10%;} #wrapper .subConBox02 .subConBox_inner .sub_inner .brd_bt{margin-bottom:50px;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_year{display:block;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_year span{display:block;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list{margin-left:0; margin-top:40px; width:100%;} .subConBox_inner .sub_inner .sub_title{margin-bottom:10%; font-size:30px; line-height:45px;padding-left:20px} .subConBox_inner .sub_inner .sub_title::after{width:30px;height:30px;top:4px;} .subConBox_inner .sub_inner .ht_box .ht_year span{font-size:24px; line-height:34px;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > strong{font-size:16px; background: url(../img/pc/sub/s1_03_dot.png)left 5px no-repeat;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{font-size:16px;} .t_org tbody tr th{padding-bottom:15px;} .t_org tbody th span{padding:15px 30px; font-size:18px;} /*.t_org tbody th span.th_top:after{height:480px;}*/ .t_org tbody th span.th_top:after{position:absolute; transform:translate(-50%, 0); top:0; left:50%; width:610px; height:676px; background:url('../img/bg-line02.png') left top/cover no-repeat; content:''; z-index:-1;} .t_org tbody td .li_table li{margin-bottom:10px; font-size:18px;} .t_org tbody .brd_center:after{margin-top:-7px} .li_flow li{width:calc(100% / 3);margin-bottom:20px} .li_flow li:last-child{padding-right:40px} .conBox02{margin-bottom:40px} .conSubject{font-size:18px;padding:20px 40px} .leftBox{ width:100%; margin-right:0;} .rightBox{width: 100%; margin-top:5%;} .conText{font-size:14px;padding:0} } @media all and (max-width:830px){ .t_org tbody td .li_table li{width:90%;} .t_org tbody th span{width:50%; word-break:keep-all;} .t_org tbody th span.th_top:after{height:505px;} } @media all and (max-width:820px){ .t_org tbody th span.th_top:after{height:530px;} } @media all and (max-width:740px){ .t_org tbody th span.th_top:after{position:absolute; transform:translate(-50%, 0); top:0; left:50%; width:610px; height:676px; background:url('../img/bg-line03.png') left top/cover no-repeat; content:''; z-index:-1;} } @media all and (max-width:730px){ .subConBox_inner .sub_inner .ht_box .ht_list ul li > strong{ width:25%;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{width:62%;} .t_org tbody th span.th_top:after{position:absolute; transform:translate(-50%, 0); top:24px; left:50%; width:610px; height:676px; background:url('../img/bg-line03.png') left top/cover no-repeat; content:''; z-index:-1;} } @media all and (max-width:680px){ #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size:25px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title{padding: 30px 30px 80px 30px; background-size: 50%; border-radius: 0px 35px 0 35px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-size:45px; line-height:45px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{font-size:20px; line-height:20px; margin-top:15px;} .t_org tbody th span{padding:15px; font-size:16px;} .t_org tbody td .li_table li{font-size:16px;} .t_org tbody th span.th_top:after{position:absolute;width:2px;height:500px;background:#ddd;content:'';} .t_org tbody th span.th_top:before{position:absolute;transform:translate(-50%, 0);left:50%;top:525px;width:90%;height:2px;background:#ddd;content:'';z-index:-1;} } @media all and (max-width:640px){ .subVisual{height:100px !important; margin-top:0px !important; padding-top:35px !important;} #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size:24px; width: calc(100% - 40px); left: 20px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox{width: calc(100% - 40px); left: 20px; top: 0; margin-top:-15%;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_text{font-size:14px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box .grade{font-size:14px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .sign_box .name{font-size:40px; margin-left:20px;} #wrapper .subConBox02 .subConBox_inner .sub_inner{width: calc(100% - 40px);} #wrapper .subConBox02 .subConBox_inner .sub_inner .sub_title{font-size: 30px; line-height:50px; background: url('../img/mobile/sub/s1_03_img01.png')left top no-repeat; padding-left:25px; background-size:contain;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_year span{font-size:24px; line-height:24px;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li > strong{font-size:14px; background: url('../img/mobile/sub/s1_03_dot.png')left 4px no-repeat;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{font-size:14px; width:60%;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li{background: url('../img/mobile/sub/s1_03_line.png')6px top repeat-y; padding-bottom:20px;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li:first-child{background: url('../img/mobile/sub/s1_03_line.png')6px 22px no-repeat;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li:last-child{background: url('../img/mobile/sub/s1_03_line.png')6px top no-repeat;} .subConBox_inner .sub_inner .sub_title{font-size:24px; line-height:30px; padding-left:15px;} .subConBox_inner .sub_inner .sub_title::after{width:25px;height:25px;top:4px;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > strong{display:block; width:100%;} .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{display:block; width:100%; padding-left:2%;} .subConBox_inner .map_box .text_box{padding:20px;} .subConBox_inner .map_box .text_box > span em{display:block;padding-bottom:10px; margin-bottom:10px;} .subConBox_inner .map_box .text_box > span em:after{right:auto; top:auto; left:0; bottom:0; width:25px; height:2px;} .t_org tbody th span{padding:10px 5px;} .t_org tbody .pb_none th span{width:70%;} .t_org tbody td .li_team{width:70%;} .li_box > li{width:100%;padding:0;border-right:0} .li_flow li{width:50%;} .facility-grid{grid-template-columns:repeat(2, 1fr);gap:10px} } @media all and (max-width:563px){ .t_org tbody th span{font-size:14px; line-height:1.2;} .t_org tbody td .li_table li{font-size:14px; line-height:1.2;} } @media all and (max-width:503px){ .t_org tbody a{padding-right:20px} .t_org tbody td .li_table li{width:100%; padding:10px;} .t_org tbody th span{width:80%;} .t_org tbody th span.th_top:after{position:absolute;width:2px;height:380px;background:#ddd;content:'';} .t_org tbody th span.th_top:before{position:absolute;transform:translate(-50%, 0);left:50%;top:405px;width:90%;height:2px;background:#ddd;content:'';z-index:-1;} } @media all and (max-width:414px){ #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size: 20px;} #wrapper .subConBox02 .subConBox_inner.gt_textbox .gt_title{padding: 30px 30px 60px 30px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-size:35px; line-height:35px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{font-size:14px; line-height:14px;} .subConBox_inner .sub_inner .ht_box .ht_year{display:block; margin-bottom:5%;} .subConBox_inner .sub_inner .ht_box .ht_year span{width:100%; padding:10px;} .subConBox_inner .sub_inner .ht_box .ht_list{margin:0 5%; width:90%;} .t_org tbody .pb_none th span{width:80%;} .t_org tbody td .li_team{width:80%; padding:10px;} .t_org tbody td .li_team li{width:100%;} .text_box_blue{padding:20px;font-size:1rem} .li_box{padding:20px} .li_flow li{width:100%;padding-right:0;padding-bottom:40px;margin-bottom:0} .li_flow li::after{top:auto;bottom:0;left:50%;transform:rotate(90deg);margin-left:-20px} .li_flow li:last-child{padding-right:0;padding-bottom:0} .text_box{padding:20px} } @media all and (max-width:360px){ #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size: 18px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title {padding: 30px 30px 50px 30px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title h1{font-size:30px; line-height:30px;} #wrapper .subConBox02 .subConBox_inner .gt_textbox .gt_title span{margin-top:10px;} #wrapper .subConBox02 .subConBox_inner .sub_inner .ht_box .ht_list ul li > span{width:50%;} #wrapper .subConBox02 .subConBox_inner .sub_inner .sub_title{font-size:20px; line-height:30px; padding-left:15px;} } @media all and (max-width:280px){ #wrapper .subConBox02 .subConBox_inner .gt_imgbox .gt_slogan{font-size: 16px;} }