#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} .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; } /* 산학협력단 소개_인사말 */ #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;} /*오시는 길*/ .location-box .root_daum_roughmap{width:100%} .root_daum_roughmap.root_daum_roughmap_landing .cont{display:none} .btn_common{margin:0 auto;text-align:center;min-width:150px;padding:10px;border-radius:5px;border:1px solid #084bbb;color:#084bbb;display:inline-block;transition:all 0.2s;} .btn_common span{position:relative;padding-left:20px;} .btn_common:hover{text-decoration:none;color:#fff;background:#084bbb;} .btn_down span::before{position:absolute;background:url('/_res/deu/education/img/ic_down02.png') left top/contain no-repeat;width:15px;height:15px;left:0;top:5px;content:'';} .btn_down:hover span::before{background:url('/_res/deu/education/img/ic_down02_on.png') left top/contain no-repeat} .btn_go span::before{position:absolute;background:url('/_res/deu/education/img/ic_go.png') left top/contain no-repeat;width:15px;height:15px;left:0;top:5px;content:'';} .btn_go:hover span::before{background:url('/_res/deu/education/img/ic_go_on.png') left top/contain no-repeat} .gray_box{padding:40px;border:1px solid #ddd;background:#f8f8f8} .ht_text{color:#ff0e6e;display:block} .flo_r{float:right} .box_flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start} .left_box{width:calc(100% - 200px);padding-right:50px;} .right-box{width:150px;} /*가족회사*/ .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;} /* sub */ .con-box{margin:80px 0} .con-sbox{margin:50px 0} .h3-tit{color:var(--color-h);font-size:1.25rem;margin-bottom:20px} .item-num-flex li{display:flex;gap:10px;align-items:flex-start} .item-num-flex .num{flex-shrink:0} .text-secondary{opacity:.8} .s1_1_con dl dt{line-height:1.2} .s1_1_con dl::before{display:none; } .item-arrow > li{position:relative;padding-left:20px;margin:10px 0} .item-arrow > li:before{position:absolute;display:block;content:"";left:0;top:3px;background:url('/_res/deu/www/img/sub/ico-arrow.png') center/8px no-repeat;width:10px;height:18px} .item-arrow .subject{font-weight:600;font-size:1.125rem;line-height:1.4;margin:5px 0} .txt-arrow{position:relative;padding-left:20px;margin:10px 0} .txt-arrow:before{position:absolute;display:block;content:"";left:0;top:3px;background:url('/_res/deu/www/img/sub/ico-arrow.png') center/8px no-repeat;width:10px;height:18px} .tit-badge{border:2px dashed #ddd; border-radius:5px; padding:10px 10px 30px; text-align:center} .tit-badge .tit{transform: translateY(-25px)} .tit-badge .tit span{background-color:var(--color-m);color:#fff;font-size:1.25rem;border-radius:50px;font-weight:500;padding:10px 50px;border-top-left-radius:0} .tit-badge span{color:var(--color-m)} .tit-badge .con{text-align:center} .item-flow{display:flex;gap:80px;flex-direction:column;counter-reset:section} .item-flow > li{position:relative;} .item-flow .inner{position:relative;overflow:hidden;border-top-left-radius:15px;height:100%;;border:1px solid #D4DAE6} .item-flow .inner::before{color:#fff;counter-increment:section;content:counter(section) " 단계";background-color:var(--color-m);height:50px;width:100px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0} .item-flow .con{padding:50px 20px;text-align:center;height:calc(100% - 50px);display:flex;align-items:center;justify-content:center} .item-flow .subject{font-size:1.25rem;padding:5px 5px 5px 120px;font-family:'Paperlogy';font-weight:600;height:50px;display:flex;align-items:center;background-color:#e3f1ff} .item-flow > li:not(:last-child)::after{position:absolute;width:56px;height:56px;content:"";background:url('/_res/deu/www/img/sub/ico-flow-arrow.png') center no-repeat;bottom:-65px;transform:translateX(-50%) rotate(90deg);left:50%} .txt-gray-box{background:#f8f8f8;padding:30px;border:1px solid #ddd;text-align:center} .txt-warning{background:url('/_res/deu/www/img/sub/ico-warning.png') #FDF5F5 20px 22px no-repeat;padding:20px 20px 20px 50px;color:var(--color-red);margin:10px 0;font-weight:500} .tabs-wrap{display:flex;border-radius:50px;background-color:#F7F8F9;padding:10px;overflow:hidden;margin:80px 0} .tabs-wrap .tab-item{position:relative;flex:1;height:60px;display:flex;align-items:center;justify-content:center;font-weight:400;text-align:center;padding:10px;word-break:keep-all;border-radius:50px} .tabs-wrap .tab-item:hover{color:var(--color-m)} .tabs-wrap .tab-item.on{background-color:var(--color-m);color:#fff} .s1_1_con .img{width:40%;} .s1_1_con dl{width:60%;} .fr-video{position:static;} .li_dot > li:last-of-type{margin-bottom: 0;} .li-dash{margin-bottom:10px;text-align:left} .li-dash > li{position:relative;padding-left:10px; font-size: 1rem; color: #555} .li-dash > li::before{position:absolute;top:13px;left:0;width:5px;height:2px;content:'';background-color:#333;} .mint-title{color: #17a2b8; font-size: 1.125rem; margin-bottom: 10px;} .link-box-list{display: flex; flex-wrap: wrap; gap: 30px;} .link-box-list li{width: calc((100% / 3) - (60px / 3));} .link-box-list .item{display: block; padding: 20px; background-color: #f4f7fc; border: 1px solid transparent; border-radius: 0 30px; transition: 0.3s;} .link-box-list .item .img-box{width: 100%; height: 100px; background-color: white; position: relative; margin-bottom: 20px; border-radius: 0 20px;} .link-box-list .item .img-box img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .link-box-list .subject{font-size: 1.125rem; text-align: center;} .link-box-list .item:hover{border-color: var(--color-m); text-decoration: none;} .link-box-list .item:hover p{color: var(--color-m);} /* login */ .login-wrap{max-width:500px;margin:0 auto;width:100%} .login-wrap .flex-column{position:relative;aspect-ratio:108/119;background:url('/_res/deu/www/img/sub/character-04.png') center/contain no-repeat;padding:350px 50px 0 50px;display:flex;gap:5px;flex-direction:column} .login-wrap .input-text{background-color:rgba(255,255,255,.25);color:#fff;border:1px solid #a2a4a7;width:100%;margin:0} .login-wrap .check-wrap{display:flex;justify-content:flex-end} .login-wrap .check-box label{font-size:.97rem} .login-wrap .check-box input[type="checkbox"] + label:before{top:2px} .login-wrap .btn-base{width:100%} .login-wrap .flex-justify-spc{width:100%} .login-wrap .flex-justify-spc > *{text-decoration:underline} .login-wrap .flex-column .point{font-family:'Paperlogy';font-size:1.25rem;text-align:center;display:flex;width:100%;aspect-ratio:2.3/1;justify-content:center;align-items:center} .flex-justify-spc{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0} .btn-base{padding:5px 15px;min-width:140px;height:48px;font-size:1rem;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;transition:.3s;border:1px solid var(--color-m);background-color:var(--color-m);color:#fff;border-top-left-radius:15px;display:flex;gap:2px;align-items:center;justify-content:center;word-break:keep-all} .btn-base:hover{background-color:var(--color-h);border-color:var(--color-h)} /*찾아오시는 길 지도*/ .map_box .text_box {text-align:left; padding:40px; border:1px solid #ddd;} .map_box .text_box > span{display:block;margin-bottom:10px;} .map_box .text_box > strong{display:block;margin-bottom:10px;font-weight:700;} .map_box .text_box > span em{display:inline-block;width:40px;font-weight: 600; padding-right: 20px; position: relative; margin-right: 10px;} .map_box .text_box > span em:after{position: absolute; top: 50%; margin-top: -10px; right: 0; width: 2px; height: 20px; background: #ddd; content: '';} .gray_inner{padding:20px;background:#f5f5f5;margin-top:10px;} .location_box span{display:inline-block;background:url('/_res/deu/www/img/sub/ico-arrow.png') right center/8px no-repeat;padding-right:20px;margin-right:10px;} .location_box span:last-child{background:none;padding-right:0;margin-right:0;} @media all and (max-width:1200px){ .s1_1_con .img{float:none; width:100%; text-align:center;} .s1_1_con dl{width:100%;} .s1_1_con .img{padding-right:0} } @media all and (max-width:1024px){ .link-box-list{gap: 20px;} .link-box-list li{width: calc(50% - 10px);} } @media all and (max-width:640px){ .map_box .text_box{padding:20px} .link-box-list li{width: 100%;} .con-box{margin:50px 0} .txt-arrow:before{top:0} .tit-badge .tit span{font-size:1.125rem} .item-flow .subject{font-size:1rem} .item-flow .con{padding:20px} .s1_1_con dl dt{font-size:1.25rem} .s1_1_con dl dt b::after{display:none} .s1_2_con ol li .list-dot > li{padding-left:0;margin:5px 0} .login-wrap{max-width:280px} .login-wrap .flex-column{padding:250px 20px 0 20px} .login-wrap .input-text{height:35px} .login-wrap .check-box input[type="checkbox"] + label:before{width:18px;height:18px} .login-wrap .btn-base{margin-top:20px} } /* ========================================================================= 반응형 레이아웃 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%;} } @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;} }