body{background:#f8f9fa;} #wrap{width:100%;} #wrap:before{content:""; display:block; position:absolute; top:0; left:0; background:url("../../img/intro/intro_bg.jpg") no-repeat center bottom; height: 770px; width: 100%; z-index: -1;} /* .intro_bg{width:100%; height:770px; background:url("../../img/intro/intro_bg.jpg") no-repeat center;} */ .intro_inner{font-family: "s-core", sans-serif; max-width:1250px; margin:0 auto; padding:80px 0 0 0; box-sizing:border-box;} .header{max-width:1250px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding-right:0;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;-ms-flex-align:center; align-items:center;} .header .logo{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .header .logo img{width:100%;} .header .link_sns{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .header .link_sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;} .header .link_sns ul li{margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .header .link_sns ul li a{width: 34px; height: 34px; display: block; text-indent: -9999px; transition: all 0.5s;} /* .header .link_sns ul li a:hover{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} */ .header .link_sns ul li.facebook a{background:url("../../img/intro/icon.png") no-repeat;} .header .link_sns ul li.kakaoch a{background:url("../../img/intro/icon.png") no-repeat -52px 0px;} .header .link_sns ul li.youtube a{background:url("../../img/intro/icon.png") no-repeat -103px 0px;} .header .link_sns ul li.naverblog a{background:url("../../img/intro/icon.png") no-repeat -155px 0px;} .header .link_sns ul li.instagram a{background:url("../../img/intro/icon.png") no-repeat -206px 0px;} .cont{width:100%; height:100%; padding:30px 0; box-sizing:border-box; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;-ms-flex-align:center; align-items:center;} .cont .video{width:750px; position: relative; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .cont .video .video_m{position: relative; width: 750px; height: 422px;} .cont .video .video_m iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .cont .video .video_btn{width: 336px; height: 60px; background: #282828; position: absolute; top: 0px; left: 0px; z-index: 1;} .cont .video .video_btn:hover{transition: all 0.2s; background:#0095d3;} .cont .video .video_btn a{color:#fff; font-size:20px; text-align:center;} .cont .video .video_btn a p:before{content:""; display:block; position:absolute; top:16px; left:30px; width:32px; height:26px; background:url("../../img/intro/icon.png") no-repeat -268px 0px;} .cont .video .video_btn a p{position:relative; line-height:60px; padding-left:40px;} .cont .video .video_btn a p span{font-weight:700;} .move_btn{width:calc(100% - 750px); height:100%; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .move_btn ul{width:100%; padding-left: 32px; box-sizing: border-box;} .move_btn ul li{width: 100%; height: 127px; transition: all 0.2s; background: #304267; margin-bottom: 20px; box-sizing: border-box; } .move_btn ul li:last-child{margin-bottom:0;} .move_btn ul li.move_box01{} .move_btn ul li.move_box02{background:#eb5454;} .move_btn ul li.move_box03{background:#f49918;} .move_btn ul li:hover{-webkit-box-shadow:0px 5px 7px 2px rgba(0,0,0,0.2);box-shadow:0px 5px 7px 2px rgba(0,0,0,0.2);} .move_btn ul li:hover span.btn{background: rgba(255,255,255,0.4);} .move_btn ul li a{display: inline-block; width:100%; padding: 39px; box-sizing: border-box;} .move_btn ul li a:after{content:""; display:block; clear:both;} .move_btn ul li a div{float:left;} .move_btn ul li div p.t_tit{font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:1.2;} .move_btn ul li div p span.s_txt{font-size:18px; font-weight:300; display:block; color:#fff; letter-spacing:-0.03em; line-height:1.2;} .move_btn ul li span.btn{color: #fff; background: rgba(255,255,255,0.2); position:relative; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; text-align: center; box-sizing: border-box; float: right; transition: all 0.2s;} .move_btn ul li span.btn:before {content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 2px;background: #ffffff;} .move_btn ul li span.btn:after {content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 2px;height: 8px;background: #ffffff;} .dept{width:100%; background:#fff; box-sizing:border-box; padding:35px 25px 60px 25px; -webkit-box-shadow:0px 5px 17px 1px rgba(0,0,0,0.1);box-shadow:0px 5px 17px 1px rgba(0,0,0,0.1);} .sec04 .inner .top .title{font-size:28px;} .sec04 .inner .top .button-wrapper .item .button{} .sec04 .inner .top .button-wrapper .item .list ul li a{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "���� ����", sans-serif; font-size:14px;} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card .back a div .title{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "���� ����", sans-serif;} .footer{padding: 80px 0 40px 0; text-align: center; font-size: 14px; color: #bec1c5; line-height: 1.2; letter-spacing: -0.03em;} .f_link_sns{margin-top:50px; display:-webkit-box;display:-ms-flexbox; display:none; width:100%; -webkit-box-align:center;-ms-flex-align:center;align-items:center; justify-content:center;} .f_link_sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;} .f_link_sns ul li{margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .f_link_sns ul li a{width: 34px; height: 34px; display: block; text-indent: -9999px; transition: all 0.5s;} /* .header .link_sns ul li a:hover{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} */ .f_link_sns ul li.facebook a{background:url("../../img/intro/icon.png") no-repeat;} .f_link_sns ul li.kakaoch a{background:url("../../img/intro/icon.png") no-repeat -52px 0px;} .f_link_sns ul li.youtube a{background:url("../../img/intro/icon.png") no-repeat -103px 0px;} .f_link_sns ul li.naverblog a{background:url("../../img/intro/icon.png") no-repeat -155px 0px;} .f_link_sns ul li.instagram a{background:url("../../img/intro/icon.png") no-repeat -206px 0px;} @media screen and (max-width: 1250px){ .intro_inner{padding:60px 20px 0 20px;} .header .logo a{margin-right:30px;} .header .link_sns ul li{margin:0 5px;} } @media screen and (max-width: 1140px){ .cont .video{width:700px;} .cont .video .video_m{width: 700px;} .move_btn{width:calc(100% - 700px);} .move_btn ul li a{padding: 39px 25px;} .move_btn ul li div p.t_tit{font-size:20px;} .move_btn ul li div p span.s_txt{font-size:16px; display:block;} .move_btn ul li span.btn{width: 38px; height: 38px; line-height: 38px;} } @media screen and (max-width: 1024px){ .cont{display:block; padding:20px 0 0 0;} .cont .video{width:100%; display:block;} .cont .video .video_btn{width:100%; position:relative;} .cont .video .video_btn a{text-align:left;} .cont .video .video_btn a p{padding-left:80px;} .cont .video .video_m{width: 100%; height: 0; padding-bottom: 56.25%;} .move_btn{margin:30px 0; width:100%;} .move_btn ul{padding-left:0;} .move_btn ul li{height:78px; margin-bottom:0;} .move_btn ul li{width:100%;} .move_btn ul li a{padding:28px 25px;} .move_btn ul li div p span.s_txt{display:inline-block; padding-left:10px;} .move_btn ul li span.btn{width: 24px; height: 24px; line-height: 24px;} .footer { padding: 55px 0 40px 0;} .f_link_sns{display:flex;} } @media screen and (max-width: 480px){ .intro_inner{padding: 30px 20px 0 20px;} .header .logo img{width:100%; max-width:240px;} .header .link_sns{display:none;} .cont .video .video_btn{width:100%;} .cont .video .video_btn a{font-size:15px;} } @media screen and (max-width: 380px){ .move_btn ul li a{padding:30px 20px;} .move_btn ul li div p.t_tit{font-size:18px;} .move_btn ul li div p span.s_txt{font-size:15px} .move_btn ul li span.btn{display:none;} } /* 220711 학과소개페이지 개편 */ #wrap .sec04 .inner .top{padding:0 22px;} #wrap .sec04 .inner .top .title{margin-bottom:16px} .sub-wrapper .department-detail .top .title-box .title{margin-bottom:32px;} .sub-wrapper .department-detail .top{padding-top:0; margin-bottom:80px;} .sub-wrapper .department-detail .top .goto{position:absolute; right:0; top:0; margin-top:46px;} .sub-wrapper .department-detail .top .title-box{width:100%;} .sub-wrapper .department-detail .top .rep_img{display:none;} .department-detail .part-title{display: inline-block; background: #000; color: #fff; font-weight: bold; line-height: 32px; font-size: 14px; padding: 0 0.8em; border-radius: 4px; margin-bottom: 20px;} .department-detail .c-0100{background-color:#8564A9} .department-detail .c-0200{background-color:#0097D9} .department-detail .c-0300{background-color:#ED6C00} .department-detail .c-0400{background-color:#DF0050} .department-detail .c-0500{background-color:#8564A9} .department-detail .c-0600{background-color:#0097D9} .department-detail .c-0700{background-color:#8ABA29} .department-detail .c-0800{background-color:#DF0050} .department-detail .c-0900{background-color:#8564A9} .department-latest{margin-bottom:30px;} .department-latest #board_box .board thead th{height:3.6em} .department-latest #board_box .board tbody td{height:3.6em;} .department-latest .common_pager, .department-latest .board_page{margin-top:20px;} /* .dept-list .dept-0101 figure{background-image:url(../../img/intro/main_22/dep_01.jpg)} */ /* .dept-list .dept-0102 figure{background-image:url(../../img/intro/main_22/dep_03.jpg)} */ /* .dept-list .dept-0103 figure{background-image:url(../../img/intro/main_22/m_dep01_12.png)} */ /* .dept-list .dept-0104 figure{background-image:url(../../img/intro/main_22/m_dep01_13.png)} */ /* .dept-list .dept-0105 figure{background-image:url(../../img/intro/main_22/dep_04.jpg)} */ /* .dept-list .dept-0106 figure{background-image:url(../../img/intro/main_22/dep_41.jpg)} */ /* .dept-list .dept-0201 figure{background-image:url(../../img/intro/main_22/dep_09.jpg)} */ /* .dept-list .dept-0202 figure{background-image:url(../../img/intro/main_22/dep_10.jpg)} */ /* .dept-list .dept-0301 figure{background-image:url(../../img/intro/main_22/dep_21.jpg)} */ /* .dept-list .dept-0302 figure{background-image:url(../../img/intro/main_22/dep_22.jpg)} */ /* .dept-list .dept-0303 figure{background-image:url(../../img/intro/main_22/dep_08.jpg)} */ /* .dept-list .dept-0304 figure{background-image:url(../../img/intro/main_22/m_dep04_08.png)} */ /* .dept-list .dept-0401 figure{background-image:url(../../img/intro/main_22/dep_13.jpg)} */ /* .dept-list .dept-0402 figure{background-image:url(../../img/intro/main_22/dep_20.jpg)} */ /* .dept-list .dept-0501 figure{background-image:url(../../img/intro/main_22/dep_18.jpg)} */ /* .dept-list .dept-0502 figure{background-image:url(../../img/intro/main_22/dep_28.jpg)} */ /* .dept-list .dept-0503 figure{background-image:url(../../img/intro/main_22/dep_06.jpg)} */ /* .dept-list .dept-0601 figure{background-image:url(../../img/intro/main_22/m_dep02_02.png)} */ /* .dept-list .dept-0602 figure{background-image:url(../../img/intro/main_22/dep_27.jpg)} */ /* .dept-list .dept-0701 figure{background-image:url(../../img/intro/main_22/dep_12.jpg)} */ /* .dept-list .dept-0702 figure{background-image:url(../../img/intro/main_22/dep_38.jpg)} */ /* .dept-list .dept-0703 figure{background-image:url(../../img/intro/main_22/dep_19.jpg)} */ /* .dept-list .dept-0801 figure{background-image:url(../../img/intro/main_22/dep_24.jpg)} */ /* .dept-list .dept-0802 figure{background-image:url(../../img/intro/main_22/m_dep04_05.png)} */ /* .dept-list .dept-0803 figure{background-image:url(../../img/intro/main_22/m_dep04_07.png)} */ /* .dept-list .dept-0804 figure{background-image:url(../../img/intro/main_22/m_dep04_06.png)} */ /* .dept-list .dept-0805 figure{background-image:url(../../img/intro/main_22/dep_47.jpg)} */ /* .dept-list .dept-0901 figure{background-image:url(../../img/intro/main_22/dep_23.jpg)} */ /* .dept-list .dept-0902 figure{background-image:url(../../img/intro/main_22/dep_29.jpg)} */ /* .dept-list .dept-0903 figure{background-image:url(../../img/intro/main_22/dep_30.jpg)} */ .dept-list .dept-0101 figure{background-image:url(../../img/intro/main_22/2024/dep_0101.jpg)} .dept-list .dept-0102 figure{background-image:url(../../img/intro/main_22/2024/dep_0102.jpg)} .dept-list .dept-0103 figure{background-image:url(../../img/intro/main_22/2024/dep_0103.jpg)} .dept-list .dept-0104 figure{background-image:url(../../img/intro/main_22/2024/dep_0104.jpg)} .dept-list .dept-0105 figure{background-image:url(../../img/intro/main_22/2024/dep_0105.jpg)} .dept-list .dept-0201 figure{background-image:url(../../img/intro/main_22/2024/dep_0201.jpg)} .dept-list .dept-0202 figure{background-image:url(../../img/intro/main_22/2024/dep_0202.png)} .dept-list .dept-0203 figure{background-image:url(../../img/intro/main_22/2024/dep_0203.jpg)} .dept-list .dept-0204 figure{background-image:url(../../img/intro/main_22/2024/dep_0204.jpg)} .dept-list .dept-0205 figure{background-image:url(../../img/intro/main_22/2024/dep_0205.jpg)} .dept-list .dept-0301 figure{background-image:url(../../img/intro/main_22/2024/dep_0301.jpg)} .dept-list .dept-0302 figure{background-image:url(../../img/intro/main_22/2024/dep_0302.jpg)} .dept-list .dept-0303 figure{background-image:url(../../img/intro/main_22/2024/dep_0303.jpg)} .dept-list .dept-0304 figure{background-image:url(../../img/intro/main_22/2024/dep_0304.jpg)} .dept-list .dept-0305 figure{background-image:url(../../img/intro/main_22/2024/dep_0305.jpg)} .dept-list .dept-0401 figure{background-image:url(../../img/intro/main_22/2024/dep_0401.jpg)} .dept-list .dept-0402 figure{background-image:url(../../img/intro/main_22/2024/dep_0402.jpg)} .dept-list .dept-0403 figure{background-image:url(../../img/intro/main_22/2024/dep_0403.jpg)} .dept-list .dept-0404 figure{background-image:url(../../img/intro/main_22/2024/dep_0404.jpg)} .dept-list .dept-0405 figure{background-image:url(../../img/intro/main_22/2024/dep_0405.jpg)} .dept-list .dept-0406 figure{background-image:url(../../img/intro/main_22/2024/dep_0406.jpg)} .dept-list .dept-0407 figure{background-image:url(../../img/intro/main_22/2024/dep_0407.png)} /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0101{background-image:url(../../img/intro/main_22/dep_01.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0102{background-image:url(../../img/intro/main_22/dep_03.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0103{background-image:url(../../img/intro/main_22/m_dep01_12.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0104{background-image:url(../../img/intro/main_22/m_dep01_13.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0105{background-image:url(../../img/intro/main_22/dep_04.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0106{background-image:url(../../img/intro/main_22/dep_41.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0201{background-image:url(../../img/intro/main_22/dep_09.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0202{background-image:url(../../img/intro/main_22/dep_10.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0301{background-image:url(../../img/intro/main_22/dep_21.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0302{background-image:url(../../img/intro/main_22/dep_22.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0303{background-image:url(../../img/intro/main_22/dep_08.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0304{background-image:url(../../img/intro/main_22/m_dep04_08.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0401{background-image:url(../../img/intro/main_22/dep_13.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0402{background-image:url(../../img/intro/main_22/dep_20.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0403{background-image:url(../../img/intro/main_22/dep_42.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0501{background-image:url(../../img/intro/main_22/dep_18.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0502{background-image:url(../../img/intro/main_22/dep_28.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0503{background-image:url(../../img/intro/main_22/dep_06.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0601{background-image:url(../../img/intro/main_22/m_dep02_02.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0602{background-image:url(../../img/intro/main_22/dep_27.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0701{background-image:url(../../img/intro/main_22/dep_12.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0702{background-image:url(../../img/intro/main_22/dep_38.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0703{background-image:url(../../img/intro/main_22/dep_19.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0801{background-image:url(../../img/intro/main_22/dep_24.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0802{background-image:url(../../img/intro/main_22/m_dep04_05.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0803{background-image:url(../../img/intro/main_22/m_dep04_07.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0804{background-image:url(../../img/intro/main_22/m_dep04_06.png)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0805{background-image:url(../../img/intro/main_22/dep_47.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0901{background-image:url(../../img/intro/main_22/dep_23.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0902{background-image:url(../../img/intro/main_22/dep_29.jpg)} */ /* .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0903{background-image:url(../../img/intro/main_22/dep_30.jpg)} */ .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0101{background-image:url(../../img/intro/main_22/2024/dep_0101.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0102{background-image:url(../../img/intro/main_22/2024/dep_0102.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0103{background-image:url(../../img/intro/main_22/2024/dep_0103.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0104{background-image:url(../../img/intro/main_22/2024/dep_0104.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0105{background-image:url(../../img/intro/main_22/2024/dep_0105.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0201{background-image:url(../../img/intro/main_22/2024/dep_0201.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0202{background-image:url(../../img/intro/main_22/2024/dep_0202.png)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0203{background-image:url(../../img/intro/main_22/2024/dep_0203.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0204{background-image:url(../../img/intro/main_22/2024/dep_0204.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0205{background-image:url(../../img/intro/main_22/2024/dep_0205.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0301{background-image:url(../../img/intro/main_22/2024/dep_0301.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0302{background-image:url(../../img/intro/main_22/2024/dep_0302.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0303{background-image:url(../../img/intro/main_22/2024/dep_0303.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0304{background-image:url(../../img/intro/main_22/2024/dep_0304.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0305{background-image:url(../../img/intro/main_22/2024/dep_0305.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0401{background-image:url(../../img/intro/main_22/2024/dep_0401.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0402{background-image:url(../../img/intro/main_22/2024/dep_0402.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0403{background-image:url(../../img/intro/main_22/2024/dep_0403.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0404{background-image:url(../../img/intro/main_22/2024/dep_0404.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0405{background-image:url(../../img/intro/main_22/2024/dep_0405.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0406{background-image:url(../../img/intro/main_22/2024/dep_0406.jpg)} .sec04 .inner .tabpanel-wrapper .tabpanel .department-slide ul li .card.dept-0407{background-image:url(../../img/intro/main_22/2024/dep_0407.png)} #wrap .sec04 .inner .top{justify-content: space-between;} #wrap .sec04 .inner .top .button-wrapper .item{margin:0;} #wrap .sec04 .inner .top .button-wrapper .item .button{font-size:15px;} #wrap .sec04 .inner .top .button-wrapper .item:nth-child(8) .list, #wrap .sec04 .inner .top .button-wrapper .item:nth-child(9) .list{right:0;} #wrap .sec04 .inner .tabpanel-wrapper .tabpanel .controller .arrow{display:none;} @media screen and (max-width:1440px) { #wrap .sec04 .inner .top{display:block; height:auto;} #wrap .sec04 .inner .top .button-wrapper {margin-top: 30px; flex-wrap:wrap;} #wrap .sec04 .inner .top .button-wrapper .item{margin-bottom:12px;} #wrap .sec04 .inner .top .button-wrapper .item .button{font-size:16px;} #wrap .sec04 .inner .top .button-wrapper .item.mouseon .list, #wrap .sec04 .inner .top .button-wrapper .item .button:after{display:none !important} } @media screen and (max-width:1024px) { .department-latest #board_box{border-top: 2px solid #555;} .department-latest #board_box .board thead{display:none} #board_box .board tbody td.date{text-align: right; padding-right:1em} #wrap .sec04 .inner .top .button-wrapper .item{margin-bottom:0px;} } @media screen and (max-width:768px) { .department-latest #board_box .board tbody td{height:3.3em;} .sub-wrapper .department-detail .top .title-box .eng-title{display:none} .sub-wrapper .department-detail .top{margin-bottom: 24px; padding-top:0;position: relative;} .sub-wrapper .department-detail .top .title-box{margin-bottom:20px;padding-right: 130px;border-bottom:none;} .sub-wrapper .department-detail .top .info .item{margin-bottom: 10px;} .sub-wrapper .department-detail .top .goto{font-size:13px;height: 34px;line-height: 34px;width: 124px;padding: 0px 10px;background-image: none;text-align: center;position: absolute;right: 0;top: 0;margin-top: 0px;} .sub-wrapper .department-detail .top .info .item .label .icon{display:none} .sub-wrapper .department-detail .top .info .item .label span{line-height:1em} .sub-wrapper .department-detail .top .info .item .content{line-height:1em} }