/****** reset ******/ body,h1,h2,h3,h4,input,button,textarea,p,a{font:normal 14px/1 ng,ngb,'�룍��',Dotum, Arial, Tahoma , Geneva, Verdana, sans-serif;color:#333;} .clearfix {*zoom:1;} .clearfix:before, .clearfix:after {display:block;content:"";line-height:0;} .clearfix:after {clear:both;} .blind {display:block;font-size:0;text-indent:-9999px} .bold{font-family:'ng';font-weight:600 !important} a:hover, a:active{color:#0D326F;} .swiper-container .swiper-wrapper .swiper-slide{border:0} .swiper-container, .swiper-container .swiper-wrapper, .swiper-container .swiper-slide{width:100%;height:100%;background-color:transparent} .mobile{display:none !important} .mobile_hidden{display:block !important} /* ellipsis */ .ellipsis{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap} .ellipsis_02{overflow:hidden;display:block;display:-webkit-box !important;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;word-wrap:break-word;} .ellipsis_03{overflow:hidden;display:block;display:-webkit-box !important;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;word-wrap:break-word;} /****** layout ******/ #header{position:relative;z-index:1000;} #footer{position:relative;z-index:100;} .container {max-width:1200px;width:100%;margin:0 auto} .sub_container {position:relative;top:-80px;max-width:1280px;margin:0 auto;padding:38px 50px;background:#fff;border:1px solid #e6e6e6} /****** header ******/ #header {background:#fff} #header .container{} #header .logo {float:left;padding-top:22px} #header .logo a {display:block;padding:18px 0 18px 200px;background:url(./images/common/khu_logo.png) no-repeat 0 50%;} #header .logo .site_title{font-family:ngb;font-size:19px;color:#333;letter-spacing:-0.8px} #header .logo .site_title::before{content:'';display:inline-block;width:1px;height:14px;margin-right:10px;background:#ddd;vertical-align:middle} #header #gnb {float:right;height:auto;} #header #gnb > ul{float:none;font-size:0} #header #gnb > ul > li{float:none;padding:0;vertical-align:middle} #header #gnb > ul > li > a {padding:40px 40px 32px;font-family:ngb;font-size:18px;color:#555;transition:0s} #header #gnb > ul > li:nth-child(4) > a{padding-right:0} #header .sub_gnb{display:block;top:90px;left:auto;right:0;width:240px;height:0;padding:0;text-align:right;transition:0.2s} #header .sub_gnb::before{content:'';position:absolute;top:0;right:0;width:66px;height:2px;background:#9E1915;} #header .sub_gnb li{display:inline-block;padding:21px 15px 21px 25px;} #header .sub_gnb li a{display:block;padding:0;font-size:15px;color:#444;text-align:left;transition:0s;} #header .sub_gnb li:hover a{font-weight:600;color:#9e1915} #header .sub_gnb li:hover::before{background:#9e1915} #header #gnb > ul > li > a:hover + .sub_gnb, #header .sub_gnb.is-active{height:58px} #header .sub_gnb_bg{overflow:hidden;position:absolute;top:90px;width:100%;height:0;border-top:1px solid #D8D8D8;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:height 0.2s} #header .sub_gnb_bg.is-active{height:58px} /****** footer ******/ #footer {height:auto;padding:40px 0;background:#333} #footer .footer_info {float:left} #footer .family_site {float:right} #footer ul li, #footer a, #footer p {font-size:13px;color:#858585;letter-spacing:0} #footer .footer_addr {padding-bottom:10px} #footer .footer_addr li {display:inline-block;padding-right:12px;} #footer .footer_addr li a{padding-left:10px;} #footer .family_site{position:relative;width:190px} #footer .family_site .family_head{height:35px;padding:0 15px;border:1px solid #848484;} #footer .family_site .family_head a {background:url(./images/common/footer_arrow.png) no-repeat 100% 50%} #footer .family_site .family_head a, #footer .family_site ul li > a{display:block;width:100%;height:100%;line-height:35px;color:#a4a4a4;} #footer .family_site ul li{height:35px;padding:0 15px;} #footer .family_site ul{overflow:hidden;position:absolute;bottom:35px;left:0;width:100%;display:none;border:1px solid #848484;border-bottom:0;background:#333} #footer .family_site ul li > a:hover{font-weight:600} #footer .family_site select{height:35px;border:1px solid #848484;background:transparent;line-height:35px;color:#a4a4a4;cursor:pointer} #footer .family_site option{color:#333} /****** contents - main ******/ #main #contents {position:relative;height:900px;} #main #contents .container{position:relative;z-index:10;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none} .swiper-button-lock, .swiper-pagination-lock{display:block} /* wide_banner */ #main .wide_banner{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%} #main .wide_banner .swiper-container, #main .wide_banner .swiper-wrapper, #main .wide_banner .swiper-slide{width:100%;height:100%;background:no-repeat 50%;background-size:cover} #main .wide_banner_button {width:54px;height:104px;margin-top:-52px;background:no-repeat 50%;background-size:100%;opacity:0.2;transition:opacity 0.3s} #main .wide_banner_button:hover{opacity:1} #main .wide_banner_button.swiper-button-next{right:-180px;background-image:url(./images/common/wide_banner_next.png)} #main .wide_banner_button.swiper-button-prev{left:-180px;background-image:url(./images/common/wide_banner_prev.png)} #main .wide_banner_bullet.swiper-pagination {top:335px;bottom:auto;left:50%;z-index:50;width:1200px;margin-left:-600px;opacity:0.8;text-align:left} #main .wide_banner_bullet.swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0;margin-right:12px;opacity:1;background:#fff;vertical-align:middle;transition:0.3s} #main .wide_banner_bullet.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;height:12px;border:3px solid #05388C;background:transparent;} /* text_wrap */ #main .main_text {padding-top:90px} #main .main_text p{color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.8)} #main .main_text .main_title {font-family:ngl;font-size:76px;line-height:1.1;letter-spacing:-2px} #main .main_text .main_title .bold{font-family:'ngb'} #main .main_text .main_desc{padding-top:30px;opacity:0.7;font-size:20px} /* block_wrap */ #main .cont_wrap {padding-top:76px} #main .block_wrap .block{float:left;position:relative;width:340px;height:238px;padding:35px 30px;} #main .block_wrap .block.introduce{padding:0;background:#0D326F} #main .block_wrap .block.introduce > a {display:block;width:100%;height:100%;padding:35px 30px} #main .block_wrap .block.goals{background:#fff} #main .block_wrap .block.professor{background:#E3E4EA} #main .block_wrap .block.notice{width:520px;background:#EFF0F5} #main .block_wrap .block .block_tit{position:relative;z-index:10;display:inline-block;font-family:ngeb;font-size:16px;color:#0d326f;letter-spacing:-0.2px;text-transform:uppercase} #main .block_wrap .block.introduce .block_tit, #main .block_wrap .block.other_major .block_tit{color:#fff} #main .block_wrap .block .block_text_tit{padding-bottom:5px;font-weight:600;font-size:15px;color:#333} #main .block_wrap .block .block_text_01 {padding-top:25px;line-height:1.4;font-size:15px;color:#fff;} #main .block_wrap .block .block_text_02 {line-height:1.4;font-size:15px;color:#666;letter-spacing:-0.8px} #main .block_wrap .more {position:absolute;top:35px;right:30px;display:block;width:16px;height:16px;} #main .block_wrap .more::before, #main .block_wrap .more::after{content:'';display:block;position:absolute;z-index:20;background:#0D326F} #main .block_wrap .more::before{top:0;left:7px;width:2px;height:16px;} #main .block_wrap .more::after{top:7px;left:0;width:16px;height:2px;} #main .block_wrap .more.white::before, #main .block_wrap .more.white::after{background:#fff} /* mini banner */ #main .block_wrap .mini_banner{position:absolute;top:0;left:0;width:100%;height:100%} #main .block_wrap .mini_banner .swiper-slide{padding:35px 30px;text-align:left} #main .block_wrap .mini_banner .slide_cont{display:block;width:100%;height:100%;padding-top:40px} #main .block_wrap .swiper-pagination {bottom:35px;left:30px;z-index:20;width:auto;} #main .block_wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0;margin-left:6px;border:1px solid #C5C5C5;opacity:1;background:transparent;vertical-align:middle} #main .block_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0D326F;border-color:#0D326F} #main .block_wrap .mini_banner .banner_link{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%} /* goals */ #main .block.goals .mini_banner .swiper-slide{background-color:#fff} #main .block.goals .mini_banner .swiper-slide .slide_cont{background: no-repeat 100% 100%} /* professor */ #main .block.professor .mini_banner .swiper-slide{background-color:#E3E4EA} #main .block.professor .profile_wrap{overflow:hidden} #main .block.professor .profile_wrap .profile_text {padding:0;margin-left:0} #main .block.professor .profile_wrap .profile_img {width:40%;max-width:108px;height:117px;border:0} #main .block.professor .profile_wrap .profile_text .univ {padding-bottom:2px;font-weight:300;font-size:15px;color:#777} #main .block.professor .profile_wrap .profile_text .name{padding-top:5px} #main .block.professor .profile_wrap .profile_text .name, #main .block.professor .profile_wrap .profile_text .name span{font-weight:600;font-size:16px;color:#333} /* other_major */ #main .block.other_major .mini_banner .swiper-slide{padding:0} #main .block.other_major .slide_cont{position:relative;padding:35px 30px;background:url(./images/common/other_major_bg.jpg) no-repeat 50%;background-size:cover} #main .block.other_major .slide_cont span{display:inline-block;padding-top:40px;line-height:1.4;font-size:15px;color:#fff;} #main .block.other_major .slide_cont span::after{content:'';display:inline-block;width:8px;height:13px;margin-left:8px;} #main .block.other_major .swiper-pagination .swiper-pagination-bullet{border:1px solid #fff;} #main .block.other_major .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;border-color:#fff} /* notice */ #main .block.notice .notice_wrap {overflow:hidden;height:150px;padding-top:26px} #main .block.notice li{padding:7px 0;font-size:0} #main .block.notice .subject {position:relative;display:inline-block;max-width:70%;padding-bottom:2px;border-bottom:1px solid transparent;font-weight:600;font-size:15px;vertical-align:top} #main .block.notice .subject:hover{border-bottom:1px solid #333;color:#333;} #main .block.notice span{font-size:15px} #main .block.notice .date {float:right;display:inline-block;width:30%;color:#777;text-align:right;} /* block_pagenation */ .block_pagenation{position:absolute;bottom:30px;left:0;width:100%;height:30px;padding:0 30px} #main .block_pagenation .swiper-pagination{position:relative;left:0;bottom:0;letter-spacing:-1.6px;text-align:left} .block_pagenation .swiper-pagination-current{font-weight:600} .block_pagenation .ctrl_box{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:68px;z-index:50;width:44px;height:16px;} .block_pagenation .swiper-button-prev, .block_pagenation .swiper-button-next{position:relative;top:0;width:12px;height:16px;margin:0;background:no-repeat 50% 50%} .block_pagenation .swiper-button-prev{left:0;background-image:url(./images/common/block_pagenation_prev.png)} .block_pagenation .swiper-button-next{right:0;background-image:url(./images/common/block_pagenation_next.png)} .block_pagenation .ctlr_btn{width:20px;height:16px;background:no-repeat 50% 50%} .block_pagenation .ctlr_btn.stop{background-image:url(./images/common/block_pagenation_stop.png)} .block_pagenation .ctlr_btn.play{background-image:url(./images/common/block_pagenation_play.png)} #main .block_pagenation.white .swiper-pagination{color:#fff} .block_pagenation.white .swiper-button-prev{left:0;background-image:url(./images/common/block_pagenation_prev_white.png)} .block_pagenation.white .swiper-button-next{right:0;background-image:url(./images/common/block_pagenation_next_white.png)} .block_pagenation.white .ctlr_btn.stop{background-image:url(./images/common/block_pagenation_stop_white.png)} .block_pagenation.white .ctlr_btn.play{background-image:url(./images/common/block_pagenation_play_white.png)} /****** contents - sub ******/ #sub #contents {background:#FAFAFA} .location_wrap {position:absolute;top:50px;right:50px} .location_wrap > ul {font-size:0} .location_wrap > ul > li{display:inline-block;} .location_wrap > ul > li > a{display:block;padding:0 11px 0 8px;background:url(./images/common/location_arrow.png) no-repeat 100% 50%;font-size:14px;color:#888} .location_wrap > ul > li.now > a{padding-right:0;background:none;font-weight:bold;color:#0d326f} .sub_visual {position:relative;width:100%;height:240px;background:no-repeat 50%;background-size:cover} .sub_visual > .container{height:100%;} .sub_visual .text_wrap{padding-top:50px;text-align:center} .sub_visual .text_wrap p{color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.8)} .sub_visual .text_wrap .page_title{padding-bottom:10px;font-size:35px;} .sub_visual .text_wrap .page_desc{font-weight:300;font-size:24px;opacity:0.5} #sub .sub_visual.bg_02 {background-image:url(./images/common/sub_visual_bg_02.jpg)} #sub .sub_visual.bg_03 {background-image:url(./images/common/sub_visual_bg_03.jpg)} #sub .sub_visual.bg_04 {background-image:url(./images/common/sub_visual_bg_04.jpg)} .sub_container > .text_wrap{padding-bottom:10px;border-bottom:2px solid #000} .sub_container .page_tit{padding-bottom:10px;font-weight:600;font-size:30px;} #sub .cont_wrap{padding:40px 20px;border-bottom:1px solid #D2D2D2} #sub .cont_wrap:last-child{padding-bottom:0;border-bottom:0} #sub .cont_wrap .cont_tit{padding-bottom:25px;font-weight:bold;font-size:22px;color:#0d326f} #sub .cont_wrap .cont_subtit{padding-bottom:15px;font-weight:bold;font-size:16px;color:#333} #sub .cont_wrap .cont_subtit::before{content:'';display:inline-block;position:relative;top:2px;width:2px;height:14px;margin-right:8px;background:#333} #sub .cont_wrap .cont_dot{padding-bottom:15px;font-weight:bold;font-size:16px;color:#333} #sub .cont_wrap .cont_dot::before{content:'';display:inline-block;position:relative;top:-4px;width:3px;height:3px;margin-right:8px;background:#0D326F} #sub .cont_wrap .cont_desc{font-size:15px;line-height:1.6;color:#777;letter-spacing:-1px} #sub .cont_wrap .table_wrap + .text_wrap{margin-top:40px} #sub .cont_wrap .cont_subtit + .cont_desc{margin:-10px 0 10px} #sub .intro{background:no-repeat 100% 50%;} #sub .intro p{letter-spacing:-0.8px} #sub .intro_tit{padding-bottom:35px;font-size:28px;line-height:1.4;} #sub .goal ul{display:flex;flex-wrap:wrap;} #sub .goal li{display:flex;align-items:center;position:relative;width:calc(50% - 10px);padding:20px 0;margin-right:20px;margin-bottom:20px;border:1px solid #E6E6E6;background:no-repeat 20px 50%;} #sub .goal li:nth-child(2n){margin-right:0} #sub .goal dl{padding-right:20px;padding-left:135px} #sub .goal dt{padding-bottom:10px;font-size:18px;font-weight:600;line-height:1.4} #sub .goal dd{letter-spacing:-1px} #sub .into ul{overflow:hidden} #sub .into li{float:left;width:50%;padding-bottom:20px;font-size:17px;letter-spacing:-1px} #sub .into li:before{content:'';display:inline-block;width:46px;height:46px;margin-right:15px;border-radius:50%;background:#0D326F;line-height:46px;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box} #sub .into li:nth-child(1):before{content:'01';} #sub .into li:nth-child(2):before{content:'02';} #sub .into li:nth-child(3):before{content:'03';} #sub .into li:nth-child(4):before{content:'04';} #sub .into li span{display:inline-block;width:calc(100% - 70px);padding-right:30px;line-height:1.4;vertical-align:middle;} .search_form_wrap {margin-bottom:40px;border:1px solid #EBEBEB;background:#FAFAFA} .search_form li{text-align:center} .search_form li .search_title{height:40px;padding:0 10px;font-weight:600;line-height:40px;font-size:15px;} .search_form input[type="text"]{width:500px;height:40px;border-color:#E1E1E1;line-height:40px;} .search_form select {height:40px;margin-right:5px;border-color:#E1E1E1;line-height:40px;color:#333} .search_form .btn_search {width:104px;height:40px;margin:0;border-radius:0;border-color:#26336A;line-height:40px;background:#26336A} .search_form .btn_search:hover{background:#26336A !important; border:1px solid #26336A !important;color:#fff;} .search_form .btn_wrap {display:inline-block;padding:0;vertical-align:middle} .table_wrap {border-top:1px solid #E6E6E6} .table_wrap table.t_view {border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6} .table_wrap table.t_list .col_01, .table_wrap table.t_list .col_03, .table_wrap table.t_list .col_04, .table_wrap table.t_list .col_05{width:12%} .table_wrap table.t_list .col_06{width:20%} .table_wrap table.t_list .col_07{width:15%} .table_wrap table.t_list .col_08{width:45%} .table_wrap table.t_view .col_01, .table_wrap table.t_view .col_03{width:15%} .table_wrap table.t_list thead th, .table_wrap table.t_view thead th, .table_wrap table.t_view tbody th{background:#FAFAFA;padding:18px 20px;font-weight:600;font-size:15px;color:#333;text-align:center;} .table_wrap table.t_list tbody td, .table_wrap table.t_view tbody td{padding:20px;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;font-size:15px;color:#777} .table_wrap table.t_list tbody td.title{overflow:hidden;padding:18px 20px;line-height:1;} .table_wrap table.t_list tbody td.title a{overflow:hidden;float:left;display:block;max-width:calc(100% - 25px);border-bottom:0;font-size:15px;color:#26336a;text-overflow:ellipsis;white-space:nowrap;} .table_wrap table.t_list tbody td.title a:hover {font-weight:600;border-bottom:0;color:#26336a !important} .table_wrap table.t_list tbody td.title .notice::before{content:'[怨듭�]';display:inline-block;margin-right:3px;font-size:15px;color:#d0211c} .table_wrap table.t_list tbody td.title .file {display:inline-block;width:14px;height:16px;margin-left:6px;background:url(./images/common/file_ic.png) no-repeat 0 50%} .table_wrap table.t_view tbody td.td_input2 {padding:20px} .table_wrap .co_le {text-align: left !important;} .NO_RESULT {border:1px solid #E6E6E6} .table_wrap .NO_RESULT {border:0} .table_wrap table.t_view.t_center{border-right:0;border-left:0} .tab_bottom{overflow:hidden;padding-top:20px;} .tab_bottom li{font-size:14px;color:#777} .tab_bottom span {color:#26336a} .page_list{padding-top:40px;font-size:0} .page_list li{margin:0} .page_list li a{width:40px;height:40px;background:none;font-family:'Lato';line-height:40px;font-size:16px;color:#999} .page_list li.on a, .page_list li:hover a {background-color:transparent;font-weight:600;color:#333} .page_list li.first_btn a, .page_list li.prev_btn a, .page_list li.next_btn a, .page_list li.last_btn a{width:40px;height:40px;border:1px solid #EBEBEB} .page_list li.first_btn a, .page_list li.next_btn a{border-right:0} .page_list li.prev_btn {margin-right:20px} .page_list li.next_btn {margin-left:20px} .ul_file li a{background:none} .ul_file li a:hover{color:#26336a;text-decoration:underline} .btn_wrap{padding-top:20px} .btn_wrap .btn{display:inline-block;min-width:50px;height:40px;padding:0 40px;background:#26336A;line-height:40px;color:#fff;text-align:center} .btn_wrap .btn:active{transform:scale(0.95)} .profile_wrap ul{overflow:hidden} .profile_wrap li{overflow:hidden;float:left;width:calc(50% - 30px);height:230px;margin-top:40px;margin-right:60px;} .profile_wrap li:nth-child(1), .profile_wrap li:nth-child(2){margin-top:0} .profile_wrap li:nth-child(2n){margin-right:0} .profile_wrap .profile_img{overflow:hidden;float:left;width:40%;height:100%;border:1px solid #e6e6e6;background:url(./images/common/profile_img_common.png) no-repeat 50% #fff;background-size:cover;text-align:center;} .profile_wrap .profile_img > img {position:relative;top:50%;width:100%;transform:translateY(-50%)} .profile_wrap .profile_text{float:left;position:relative;width:calc(60% - 10px);height:100%;margin-left:10px;padding:25px 20px 20px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;font-size:15px} .profile_wrap .profile_text .univ{font-weight:600} .profile_wrap .profile_text .name{padding-top:10px;color:#777} .profile_wrap .profile_text .name span{font-size:18px;color:#333} .profile_wrap .profile_info {position:absolute;bottom:20px;left:20px} .profile_wrap .profile_text .major{padding-bottom:12px;font-size:15px;font-weight:600} .profile_wrap .profile_info dt, .profile_wrap .profile_info dd{display:inline-block;font-size:14px;line-height:1.6} .profile_wrap .profile_info dt{font-weight:600;} .profile_wrap .profile_info dd{color:#777} /* board_04_list */ .board_04_list {max-width:100%;} .board_04_list .faq_wrap .NO_RESULT {border-right:0;border-left:0;text-align:center;} .board_04_list .faq_wrap > ul > li{border-top:1px solid #e6e6e6;} .board_04_list .faq_wrap > ul > li:last-child{border-bottom:1px solid #e6e6e6} .board_04_list .faq_list li {color:#333;font-weight:300;line-height:1;} .board_04_list .faq_list .q {position:relative;padding:25px 78px;background:url(./images/common/faq_q_icon.png) no-repeat 40px 22px #FAFAFA;} .board_04_list .faq_list .q a {font-weight:600;font-size:15px;color:#333;line-height:1.4} .board_04_list .faq_list .a {display:none;border-top:1px solid #E6E6E6;background-color:#fff;} .board_04_list .faq_list .a .a_value{display:block;padding:32px 105px;background:url(./images/common/faq_a_icon.png) no-repeat 50px 30px;font-size:15px;line-height:1.4;color:#777} .board_04_list .faq_list .a p{font-size:15px;line-height:1.4;color:#777} .board_04_list .faq_list .a .ul_file {margin-top:15px;padding-top:10px;border-top:1px solid #e6e6e6} .board_04_list .faq_list .a .ul_file li{padding:5px;padding-left:20px;background:url(./images/common/file_ic.png) no-repeat 0 50%} .board_04_list .faq_list .a .ul_file li a{vertical-align:top} .board_04_list .faq_list .q a::after{content:'';position:absolute;top:0;right:30px;width:22px;height:100%;background:url(./images/common/faq_arrow.png) 0 50% no-repeat;transition:transform 0.2s;transform-origin:center;} .board_04_list .faq_list.active .q a::after{background-image:url(./images/common/faq_arrow_active.png);transform:rotate(180deg)} /* track_info */ .track_info .table_wrap{overflow:auto;border-top:2px solid #0D326F} .track_info .table_wrap table thead th, .track_info .table_wrap table tbody td{padding:12px 5px;font-size:13px;line-height:1.2} .track_info .table_wrap table thead th{position:relative;border-bottom:1px solid #C9D1DE;color:#7B8493} .track_info .table_wrap table thead th::after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:9px;background:#0D326F} .track_info .table_wrap table thead th:last-child::after{display:none} .track_info .table_wrap table thead tr + tr th::after{height:6px;background:#BFC8D7} .track_info .table_wrap table tbody td{color:#494d55} .track_info .table_wrap tr.orange_bg td{background:#FAEDD2} .track_info .table_wrap tr.sky_bg td{background:#E5EEF7} .track_info .table_wrap tr.gray_bg td{background:#eee} /* purpose_wrap */ .purpose_wrap{padding:60px;margin-bottom:30px;background:#FCFCFC;text-align:center;} .purpose_wrap p{line-height:1.4} .purpose_wrap .tit{margin-bottom:10px;font-weight:600;font-size:32px;color:#333} .purpose_wrap .desc{font-size:16px;color:#333} .purpose_wrap .obj{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:50px} .purpose_wrap .obj li{display:flex;align-items:center;justify-content:center;position:relative;width:250px;height:250px;border-radius:50%;border:12px solid #D4E8F9;background:#fff} .purpose_wrap .obj li + li{margin-left:60px} .purpose_wrap .obj p{padding-top:55px;font-size:16px;background:no-repeat 50% 0} .purpose_wrap .obj p strong{color:#0d326f} .purpose_wrap .obj .obj_last{border:0;background:url(./images/common/purpose_obj_last_bg.png) no-repeat 50% 50%;background-size:cover;font-weight:600;font-size:28px;color:#fff;line-height:1.4} .purpose_wrap .obj li:first-child::before{content:'';display:block;position:absolute;top:50%;right:-72px;width:60px;height:50px;margin-top:-25px;background:url(./images/common/purpose_plus.png) no-repeat 50% 50%;} .purpose_wrap .obj .obj_last::before{content:'';display:block;position:absolute;top:50%;left:-68px;width:119px;height:18px;margin-top:-9px;background:url(./images/common/purpose_obj_last_line.png) no-repeat 0 0} /****** globaleng 湲�濡쒕쾶 �뿏吏��땲�뼱留� ******/ #main.globaleng .wide_banner .swiper-slide.bg_01{background-image:url(./images/globaleng/main/wide_banner_bg_01.jpg)} #main.globaleng .wide_banner .swiper-slide.bg_02{background-image:url(./images/globaleng/main/wide_banner_bg_02.jpg)} #main.globaleng .wide_banner .swiper-slide.bg_03{background-image:url(./images/globaleng/main/wide_banner_bg_03.jpg)} #main.globaleng .wide_banner .swiper-slide.bg_04{background-image:url(./images/globaleng/main/wide_banner_bg_04.jpg)} #main.globaleng .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/globaleng/main/main_goals_bg_01.png)} #main.globaleng .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/globaleng/main/main_goals_bg_02.png)} #main.globaleng .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/globaleng/main/main_goals_bg_03.png)} #sub.globaleng .sub_visual.bg_01 {background-image:url(./images/globaleng/sub/sub_visual_bg_01.jpg)} #sub.globaleng .intro{background-image:url(./images/globaleng/sub/intro_bg.png)} #sub.globaleng .goal li:nth-child(1){background-image:url(./images/globaleng/sub/goal_ic_01.png)} #sub.globaleng .goal li:nth-child(2){background-image:url(./images/globaleng/sub/goal_ic_02.png)} #sub.globaleng .goal li:nth-child(3){background-image:url(./images/globaleng/sub/goal_ic_03.png)} .globaleng #footer .family_site ul li.family_01{display:none} /****** 湲�濡쒕쾶臾명솕湲곗닠 ******/ #main.globalct .wide_banner .swiper-slide.bg_01{background-image:url(./images/globalct/main/wide_banner_bg_01.jpg)} #main.globalct .wide_banner .swiper-slide.bg_02{background-image:url(./images/globalct/main/wide_banner_bg_02.jpg)} #main.globalct .wide_banner .swiper-slide.bg_03{background-image:url(./images/globalct/main/wide_banner_bg_03.jpg)} #main.globalct .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/globalct/main/main_goals_bg_01.png)} #main.globalct .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/globalct/main/main_goals_bg_02.png)} #main.globalct .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/globalct/main/main_goals_bg_03.png)} #sub.globalct .sub_visual.bg_01 {background-image:url(./images/globalct/sub/sub_visual_bg_01.jpg)} #sub.globalct .intro{padding-bottom:80px;background-image:url(./images/globalct/sub/intro_bg.png)} #sub.globalct .goal li:nth-child(1){width:100%;min-height:208px;margin-right:0;background-image:url(./images/globalct/sub/goal_ic_01.png)} #sub.globalct .goal li:nth-child(2){width:100%; min-height:135px;margin-right:0;background-image:url(./images/globalct/sub/goal_ic_03.png)} #sub.globalct .goal li:nth-child(3){margin-right:0;background-image:url(./images/globalct/sub/goal_ic_02.png)} .globalct #footer .family_site ul li.family_02{display:none} /****** art4d 4D�븘�듃 ******/ #main.art4d .wide_banner .swiper-slide.bg_01{background-image:url(./images/art4d/main/wide_banner_bg_01.jpg)} #main.art4d .wide_banner .swiper-slide.bg_02{background-image:url(./images/art4d/main/wide_banner_bg_02.jpg)} #main.art4d .wide_banner .swiper-slide.bg_03{background-image:url(./images/art4d/main/wide_banner_bg_03.jpg)} #main.art4d .wide_banner .swiper-slide.bg_04{background-image:url(./images/art4d/main/wide_banner_bg_04.jpg)} #main.art4d .wide_banner .swiper-slide.bg_05{background-image:url(./images/art4d/main/wide_banner_bg_05.jpg)} #main.art4d .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/art4d/main/main_goals_bg_01.png)} #main.art4d .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/art4d/main/main_goals_bg_02.png)} #main.art4d .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/art4d/main/main_goals_bg_03.png)} #sub.art4d .sub_visual.bg_01 {background-image:url(./images/art4d/sub/sub_visual_bg_01.jpg)} #sub.art4d .intro{background-image:url(./images/art4d/sub/intro_bg.png)} #sub.art4d .goal li:nth-child(1){background-image:url(./images/art4d/sub/goal_ic_01.png)} #sub.art4d .goal li:nth-child(2){background-image:url(./images/art4d/sub/goal_ic_02.png)} #sub.art4d .goal li:nth-child(3){background-image:url(./images/art4d/sub/goal_ic_03.png)} .art4d #footer .family_site ul li.family_03{display:none} /****** artntech �븘�듃 �븻 �뀒�겕���윭吏� ******/ #main.artntech .wide_banner .swiper-slide.bg_01{background-image:url(./images/artntech/main/wide_banner_bg_01.jpg)} #main.artntech .wide_banner .swiper-slide.bg_02{background-image:url(./images/artntech/main/wide_banner_bg_02.jpg)} #main.artntech .wide_banner .swiper-slide.bg_03{background-image:url(./images/artntech/main/wide_banner_bg_03.jpg)} #main.artntech .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/artntech/main/main_goals_bg_01.png)} #main.artntech .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/artntech/main/main_goals_bg_02.png)} #sub.artntech .sub_visual.bg_01 {background-image:url(./images/artntech/sub/sub_visual_bg_01.jpg)} #sub.artntech .intro{padding-bottom:165px;background-image:url(./images/artntech/sub/intro_bg.png)} #sub.artntech .goal li{min-height:185px} #sub.artntech .goal li:nth-child(1){background-image:url(./images/artntech/sub/goal_ic_01.png)} #sub.artntech .goal li:nth-child(2){background-image:url(./images/artntech/sub/goal_ic_02.png)} #sub.artntech .into li.last{padding-left:90px;} .artntech #footer .family_site ul li.family_04{display:none} /****** �뒪留덊듃�뙗怨듯븰 ******/ #main.smartfeng .wide_banner .swiper-slide.bg_01{background-image:url(./images/smartfeng/main/wide_banner_bg_01.jpg)} #main.smartfeng .wide_banner .swiper-slide.bg_02{background-image:url(./images/smartfeng/main/wide_banner_bg_02.jpg)} #main.smartfeng .wide_banner .swiper-slide.bg_03{background-image:url(./images/smartfeng/main/wide_banner_bg_03.jpg)} #main.smartfeng .wide_banner .swiper-slide.bg_04{background-image:url(./images/smartfeng/main/wide_banner_bg_04.jpg)} #main.smartfeng .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/smartfeng/main/main_goals_bg_01.png)} #main.smartfeng .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/smartfeng/main/main_goals_bg_02.png)} #main.smartfeng .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/smartfeng/main/main_goals_bg_03.png)} #main.smartfeng .block.goals .mini_banner .swiper-slide.bg_04 .slide_cont{background-image:url(./images/smartfeng/main/main_goals_bg_04.png)} #sub.smartfeng .sub_visual.bg_01 {background-image:url(./images/smartfeng/sub/sub_visual_bg_01.jpg)} #sub.smartfeng .intro{background-image:url(./images/smartfeng/sub/intro_bg.png)} #sub.smartfeng .goal li:nth-child(1){background-image:url(./images/smartfeng/sub/goal_ic_01.png)} #sub.smartfeng .goal li:nth-child(2){background-image:url(./images/smartfeng/sub/goal_ic_02.png)} #sub.smartfeng .goal li:nth-child(3){background-image:url(./images/smartfeng/sub/goal_ic_03.png)} #sub.smartfeng .goal li:nth-child(4){background-image:url(./images/smartfeng/sub/goal_ic_04.png)} .smartfeng #footer .family_site ul li.family_05{display:none} /****** k-�띁�룷諛� ******/ #main.kperformingarts .wide_banner .swiper-slide.bg_01{background-image:url(./images/kperformingarts/main/wide_banner_bg_01.jpg)} #main.kperformingarts .wide_banner .swiper-slide.bg_02{background-image:url(./images/kperformingarts/main/wide_banner_bg_02.jpg)} #main.kperformingarts .wide_banner .swiper-slide.bg_03{background-image:url(./images/kperformingarts/main/wide_banner_bg_03.jpg)} #main.kperformingarts .wide_banner .swiper-slide.bg_04{background-image:url(./images/kperformingarts/main/wide_banner_bg_04.jpg)} #main.kperformingarts .wide_banner .swiper-slide.bg_05{background-image:url(./images/kperformingarts/main/wide_banner_bg_05.jpg)} #main.kperformingarts .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/kperformingarts/main/main_goals_bg_01.png)} #main.kperformingarts .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/kperformingarts/main/main_goals_bg_02.png)} #main.kperformingarts .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/kperformingarts/main/main_goals_bg_03.png)} #sub.kperformingarts .sub_visual.bg_01 {background-image:url(./images/kperformingarts/sub/sub_visual_bg_01.jpg)} #sub.kperformingarts .intro{padding:40px 20px 80px;background-image:url(./images/kperformingarts/sub/intro_bg.png)} #sub.kperformingarts .goal li:nth-child(1){background-image:url(./images/kperformingarts/sub/goal_ic_01.png)} #sub.kperformingarts .goal li:nth-child(2){background-image:url(./images/kperformingarts/sub/goal_ic_02.png)} #sub.kperformingarts .goal li:nth-child(3){background-image:url(./images/kperformingarts/sub/goal_ic_03.png)} .kperformingarts #footer .family_site ul li.family_06{display:none} /****** sic - 怨쇳븰吏��뒫�젙蹂� ******/ #main.sic .wide_banner .swiper-slide.bg_01{background-image:url(./images/sic/main/wide_banner_bg_01.jpg)} #main.sic .wide_banner .swiper-slide.bg_02{background-image:url(./images/sic/main/wide_banner_bg_02.jpg)} #main.sic .wide_banner .swiper-slide.bg_03{background-image:url(./images/sic/main/wide_banner_bg_03.jpg)} #main.sic .wide_banner .swiper-slide.bg_04{background-image:url(./images/sic/main/wide_banner_bg_04.jpg)} #main.sic .wide_banner .swiper-slide.bg_05{background-image:url(./images/sic/main/wide_banner_bg_05.jpg)} #main.sic .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/sic/main/main_goals_bg_01.png)} #main.sic .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/sic/main/main_goals_bg_02.png)} #main.sic .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/sic/main/main_goals_bg_03.png)} #sub.sic .sub_visual.bg_01 {background-image:url(./images/sic/sub/sub_visual_bg_01.jpg)} #sub.sic .intro{padding:40px 20px 80px;background-image:url(./images/sic/sub/intro_bg.png)} #sub.sic .goal li:nth-child(1){background-image:url(./images/sic/sub/goal_ic_01.png)} #sub.sic .goal li:nth-child(2){background-image:url(./images/sic/sub/goal_ic_02.png)} #sub.sic .goal li:nth-child(3){background-image:url(./images/sic/sub/goal_ic_03.png)} .sic #footer .family_site ul li.family_07{display:none} /****** semiconductor - 諛섎룄泥댁쑖�빀�쟾怨� ******/ #main.semiconductor .wide_banner .swiper-slide.bg_01{background-image:url(./images/semiconductor/main/wide_banner_bg_01.jpg)} #main.semiconductor .wide_banner .swiper-slide.bg_02{background-image:url(./images/semiconductor/main/wide_banner_bg_02.jpg)} #main.semiconductor .wide_banner .swiper-slide.bg_03{background-image:url(./images/semiconductor/main/wide_banner_bg_03.jpg)} #main.semiconductor .wide_banner .swiper-slide.bg_04{background-image:url(./images/semiconductor/main/wide_banner_bg_04.jpg)} #main.semiconductor .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/semiconductor/main/main_goals_bg_01.png)} #main.semiconductor .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/semiconductor/main/main_goals_bg_02.png)} #main.semiconductor .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/semiconductor/main/main_goals_bg_03.png)} #sub.semiconductor .sub_visual.bg_01 {background-image:url(./images/semiconductor/sub/sub_visual_bg_01.jpg)} #sub.semiconductor .intro{padding:40px 20px 80px;background-image:url(./images/semiconductor/sub/intro_bg.png)} #sub.semiconductor .goal li:nth-child(1){background-image:url(./images/semiconductor/sub/goal_ic_01.png)} #sub.semiconductor .goal li:nth-child(2){background-image:url(./images/semiconductor/sub/goal_ic_02.png)} #sub.semiconductor .goal li:nth-child(3){background-image:url(./images/semiconductor/sub/goal_ic_03.png)} .semiconductor #footer .family_site ul li.family_08{display:none} /****** css - �궗�쉶怨쇳븰�쑖�빀�쟾怨� ******/ #main.css .wide_banner .swiper-slide.bg_01{background-image:url(./images/css/main/wide_banner_bg_01.jpg)} #main.css .wide_banner .swiper-slide.bg_02{background-image:url(./images/css/main/wide_banner_bg_02.jpg)} #main.css .wide_banner .swiper-slide.bg_03{background-image:url(./images/css/main/wide_banner_bg_03.jpg)} #main.css .wide_banner .swiper-slide.bg_04{background-image:url(./images/css/main/wide_banner_bg_04.jpg)} #main.css .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/css/main/main_goals_bg_01.png)} #main.css .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/css/main/main_goals_bg_02.png)} #main.css .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/css/main/main_goals_bg_03.png)} #sub.css .sub_visual.bg_01 {background-image:url(./images/css/sub/sub_visual_bg_01.jpg)} #sub.css .intro{padding:40px 20px 80px;background-image:url(./images/css/sub/intro_bg.png)} #sub.css .goal li:nth-child(1){background-image:url(./images/css/sub/goal_ic_01.png)} #sub.css .goal li:nth-child(2){background-image:url(./images/css/sub/goal_ic_02.png)} #sub.css .goal li:nth-child(3){background-image:url(./images/css/sub/goal_ic_03.png)} .css #footer .family_site ul li.family_09{display:none} /****** xrmedia - �떎媛먮�몃뵒�뼱 �쑖�빀�쟾怨� ******/ #main.xrmedia .wide_banner .swiper-slide.bg_01{background-image:url(./images/xrmedia/main/wide_banner_bg_01.jpg)} #main.xrmedia .wide_banner .swiper-slide.bg_02{background-image:url(./images/xrmedia/main/wide_banner_bg_02.jpg)} #main.xrmedia .wide_banner .swiper-slide.bg_03{background-image:url(./images/xrmedia/main/wide_banner_bg_03.jpg)} #main.xrmedia .wide_banner .swiper-slide.bg_04{background-image:url(./images/xrmedia/main/wide_banner_bg_04.jpg)} #main.xrmedia .wide_banner .swiper-slide.bg_05{background-image:url(./images/xrmedia/main/wide_banner_bg_05.jpg)} #main.xrmedia .block.goals .mini_banner .swiper-slide.bg_01 .slide_cont{background-image:url(./images/xrmedia/main/main_goals_bg_01.png)} #main.xrmedia .block.goals .mini_banner .swiper-slide.bg_02 .slide_cont{background-image:url(./images/xrmedia/main/main_goals_bg_02.png)} #main.xrmedia .block.goals .mini_banner .swiper-slide.bg_03 .slide_cont{background-image:url(./images/xrmedia/main/main_goals_bg_03.png)} #main.xrmedia .block.goals .mini_banner .swiper-slide.bg_04 .slide_cont{background-image:url(./images/xrmedia/main/main_goals_bg_04.png)} #main.xrmedia .block.goals .mini_banner .swiper-slide.bg_05 .slide_cont{background-image:url(./images/xrmedia/main/main_goals_bg_05.png)} #sub.xrmedia .sub_visual.bg_01 {background-image:url(./images/xrmedia/sub/sub_visual_bg_01.jpg)} #sub.xrmedia .sub_visual.bg_02 {background-image:url(./images/xrmedia/sub/sub_visual_bg_02.jpg)} #sub.xrmedia .sub_visual.bg_03 {background-image:url(./images/xrmedia/sub/sub_visual_bg_03.jpg)} #sub.xrmedia .sub_visual.bg_04 {background-image:url(./images/xrmedia/sub/sub_visual_bg_04.jpg)} #sub.xrmedia .intro{padding:40px 20px 80px;background:url(./images/xrmedia/sub/intro_bg.png) no-repeat 100% 20px;} #sub.xrmedia .goal li{min-height:200px} #sub.xrmedia .goal li:nth-child(1){background-image:url(./images/xrmedia/sub/goal_ic_05.png)} #sub.xrmedia .goal li:nth-child(2){background-image:url(./images/xrmedia/sub/goal_ic_01.png)} #sub.xrmedia .goal li:nth-child(3){background-image:url(./images/xrmedia/sub/goal_ic_02.png)} #sub.xrmedia .goal li:nth-child(4){background-image:url(./images/xrmedia/sub/goal_ic_03.png)} #sub.xrmedia .goal li:nth-child(5){background-image:url(./images/xrmedia/sub/goal_ic_04.png)} #sub.xrmedia .purpose_wrap .obj li:nth-child(1) p{background-image:url(./images/xrmedia/sub/purpose_ic_01.png)} #sub.xrmedia .purpose_wrap .obj li:nth-child(2) p{background-image:url(./images/xrmedia/sub/purpose_ic_02.png)} .xrmedia #footer .family_site ul li.family_10{display:none} @media (max-width:1600px) { #main .wide_banner_button{display:none} } @media (max-width:1400px) { .container {padding:0 10px} #header #gnb > ul > li > a {padding:36px 25px} #header #gnb > ul > li:nth-child(3) > a{padding:36px 45px} #header .sub_gnb {padding:0 0 0 10px} #main #contents{height:auto} #main .wide_banner_button{display:block} #main .wide_banner_button.swiper-button-next{right:10px} #main .wide_banner_button.swiper-button-prev{left:10px} #main .wide_banner_bullet.swiper-pagination{left:10px;width:auto;margin-left:0} #main .cont_wrap{width:80%;margin:0 auto;padding-bottom:50px} #main .block_wrap .block{width:50%} #main .block_wrap .block.notice{width:100%} } @media (max-width:1280px) { .sub_visual{height:160px} .sub_container{top:0;} .purpose_wrap{padding:60px 30px} #sub.xrmedia .intro{background-size:360px} } @media (max-width:1080px) { body, h1, h2, h3, h4, input, button, textarea, p, a {font:normal 12px/1 ng,ngb,'�룍��',Dotum, Arial, Tahoma , Geneva, Verdana, sans-serif} .mobile{display:block !important} .mobile_hidden{display:none !important} .container{padding:0 15px} .sub_container{padding:20px 15px;} /****** header ******/ #header{border-bottom:1px solid #EBEBEB} #header .logo{padding-top:0} #header .logo a {padding:25px 0 25px 56px;background-image:url(./images/common/khu_logo_m.png);background-size:130px} #header .logo .site_title::before{display:none} #header .logo .site_title{position:relative;top:11px;font-size:12px} #header .menu_btn{overflow:hidden;position:absolute;top:0;right:0;z-index:100;width:50px;height:70px;} #header .menu_btn > a {overflow:hidden;position:relative;top:20px;right:15px;float:right;display:block;width:25px;height:24px} #header .menu_btn span{position:relative;display:block;width:100%;height:2px;margin:5px auto;background:#333;transition:all 0.3s} #header #gnb {position:fixed;top:0;right:-100%;float:none;width:100%;height:100%;background:#F5F5F5;transition:right 0.3s} #header .gnb_top {padding:40px 15px;background:#26336A url(./images/common/gnb_top_bg.png) no-repeat;background-size:190px;background-position-x:calc(100% - 15px);background-position-y:80px} #header .gnb_top .gnb_tit {padding-bottom:10px;font-weight:600;font-size:18px;line-height:1.4;color:#fff;} #header .gnb_top .mail_link{font-size:14px;color:#8aaeff} #header #gnb > ul{background:#fff} #header #gnb > ul > li {display:block;padding:0;border-bottom:1px solid #EAEAEA;background:no-repeat 15px 21px;background-size:25px;} #header #gnb > ul > li:nth-child(1){background-image:url(./images/common/mobile_gnb_ic_01.png)} #header #gnb > ul > li:nth-child(2){background-image:url(./images/common/mobile_gnb_ic_02.png)} #header #gnb > ul > li:nth-child(3){background-image:url(./images/common/mobile_gnb_ic_03.png)} #header #gnb > ul > li:nth-child(4){background-image:url(./images/common/mobile_gnb_ic_04.png)} #header #gnb > ul > li > a {position:relative;padding:25px 15px 25px 55px !important;font-size:14px;text-align:left} #header #gnb > ul > li > a::after{content:'';display:block;position:absolute;top:0;right:15px;width:15px;height:100%;background:url(./images/common/mobile_gnb_arrow.png) no-repeat 0 50%;background-size:100%;transform-origin:center;transform:rotate(-90deg)} #header #gnb > ul > li:last-child > a::after{transform:rotate(0);transition:all 0.3s;} #header #gnb > ul > li.is-active > a::after{background-image:url(./images/common/mobile_gnb_arrow_on.png);transform:rotate(180deg)} #header .sub_gnb{position:relative;top:0;width:100%;padding:0;border:0;transition:0.2s} #header #gnb > ul > li:hover .sub_gnb{height:0} #header #gnb > ul > li > a:hover + .sub_gnb{height:0} #header #gnb > ul > li.is-active .sub_gnb{height:106px !important} #header .sub_gnb::before{display:none} #header .sub_gnb li{display:block;border-top:1px solid #F0F0F0;background:#FAFAFA} #header .sub_gnb li, #header .sub_gnb li:first-child{padding:0 55px} #header .sub_gnb li a{padding:20px 0;font-size:12px} #header .sub_gnb li a::before{content:'';display:inline-block;width:2px;height:2px;margin-right:5px;background:#444;vertical-align:middle} #header.is-active #gnb {right:0} #header.is-active .menu_btn{position:fixed;} #header.is-active .menu_btn span{background:#fff} #header.is-active .menu_btn span:nth-child(1){top:8px;transform:rotate(45deg)} #header.is-active .menu_btn span:nth-child(2){transform:translateX(100%);} #header.is-active .menu_btn span:nth-child(3){top:-6px;transform:rotate(-45deg)} /****** footer ******/ #footer{padding:15px;background:#333} #footer .container{padding:0;} #footer ul li, #footer a, #footer p{font-size:12px;line-height:1.8;color:#777} #footer .footer_info {padding-bottom:15px;border-bottom:1px solid #4F4F50} #footer .footer_info, #footer .family_site{float:none} #footer .footer_addr{padding-bottom:0;} #footer .footer_addr li{display:block;} #footer .footer_addr li a{display:block;padding:0} #footer .family_site{padding-top:15px;} #footer .family_site select{font-size:12px} /****** contents - main ******/ #main .main_text {padding-top:20px} #main .main_text .main_title {font-size:34px} #main .main_text .main_desc{font-size:14px} #main .wide_banner_bullet.swiper-pagination{top:160px;left:15px} #main .wide_banner_button.swiper-button-next, #main .wide_banner_button.swiper-button-prev{top:322px;width:30px;background-size:20px;} #main .cont_wrap{padding-top:85px} #main .block_wrap .block{width:100%;height:200px;padding:20px} #main .block_wrap .block.introduce > a{padding:20px} #main .block_wrap .block .block_text_01{left:20px;bottom:20px;padding-top:15px;font-size:13px;letter-spacing:-0.8px} #main .block_wrap .block .block_text_02{font-size:13px} #main .block_wrap .swiper-pagination{left:20px;bottom:20px} #main .block_wrap .more{top:20px;right:20px} #main .block_wrap .mini_banner .swiper-slide{padding:20px} #main .block_wrap .mini_banner .slide_cont{padding-top:30px} #main .block.professor .profile_wrap .profile_text{width:55%;font-size:12px} #main .block.professor .profile_wrap .profile_text .univ {font-size:13px} #main .block.professor .profile_wrap .profile_text .name, #main .block.professor .profile_wrap .profile_text .name span{font-size:14px} #main .block.professor .profile_wrap .profile_img{width:45%;min-height:100px} #main .block.other_major .slide_cont{padding:20px} #main .block.other_major .slide_cont span{bottom:20px;left:20px;padding-top:30px;font-size:13px;} #main .block.notice .notice_wrap{height:140px;padding-top:15px} #main .block.notice .more{top:20px;right:20px} #main .block.notice .subject {max-width:65%;font-size:13px} #main .block.notice span{font-size:12px} #main .block.notice .date{max-width:35%;letter-spacing:-1px} /****** contents - sub ******/ .sub_visual{height:auto} .sub_visual::after, .sub_visual .location_wrap{height:40px} .sub_visual .text_wrap{padding:20px 0;} .sub_visual .text_wrap .page_title {font-size:22px;} .sub_visual .text_wrap .page_desc {font-size:16px;} .sub_container > .text_wrap{padding-bottom:10px;} .sub_container .page_tit{padding-bottom:5px;font-size:18px} #sub .cont_wrap{padding:15px 10px 20px} #sub .cont_wrap .cont_tit{padding-bottom:15px;font-size:18px} #sub .cont_wrap .cont_subtit, #sub .cont_wrap .cont_dot{padding-bottom:10px;font-size:16px} #sub .cont_wrap .cont_subtit + .cont_desc{margin:0 0 10px} #sub .cont_wrap .cont_desc{font-size:12px;} #sub .cont_wrap .table_wrap + .text_wrap{margin-top:30px} #sub .intro{background-size:auto 190px;background-position:50% 35px} #sub .intro_tit{padding-top:200px;padding-bottom:15px;font-size:18px;} #sub .goal li{float:none;width:100%;min-height:auto !important;margin-right:0 !important;padding:20px 0 20px 100px;margin-bottom:10px;background-size:80px;background-position-x:10px} #sub .goal dl{padding-left:0} #sub .goal dt{font-size:16px} #sub .into li{float:none;width:100%;padding:5px 0;font-size:12px} #sub .into li:before{width:35px;height:35px;margin-right:10px;line-height:35px;} #sub .into li span{display:inline-block;width:calc(100% - 50px);line-height:1.4;vertical-align:middle;} .search_form_wrap{padding:15px 10px;margin-bottom:30px} .search_form li{overflow:hidden;} .search_form li .search_title{display:none} .search_form select, .search_form input[type="text"]{display:block;width:100% !important;max-width:500px;margin:0 auto 5px;font-size:12px} .search_form .btn_wrap{display:block;width:100%;max-width:500px;margin:0 auto} .search_form .btn_search{float:left;width:calc(50% - 2px);max-width:250px} .search_form .btn_search.reset{margin-left:4px} .table_wrap table.t_list .col_01{width:12%} .table_wrap table.t_list .col_03{width:16%} .table_wrap table.t_list .col_04{width:25%} .table_wrap table.t_list .col_05{width:16%} .table_wrap table.t_view .col_01, .table_wrap table.t_view .col_03{width:20%} .table_wrap table.t_list thead th, .table_wrap table.t_list tbody td, .table_wrap table.t_list tbody td.title a, .table_wrap table.t_list tbody td.title .notice::before, .table_wrap table.t_view thead th, .table_wrap table.t_view tbody th, .table_wrap table.t_view tbody td{font-size:12px} .table_wrap table.t_list thead th, .table_wrap table.t_list tbody td, .table_wrap table.t_list tbody td.title, .table_wrap table.t_view tbody th, .table_wrap table.t_view tbody td{padding:15px 5px} .table_wrap table.t_list tbody td.title .file{height:13px;background-size:12px} .table_wrap table.t_view tbody td.td_input2{padding:15px 5px} .tab_bottom{padding-bottom:5px;} .tab_bottom li{font-size:12px} .page_list{padding-top:30px} .page_list li a{width:30px;height:30px;line-height:30px;font-size:14px} .page_list li.first_btn a, .page_list li.prev_btn a, .page_list li.next_btn a, .page_list li.last_btn a{width:30px;height:30px;} .page_list li.prev_btn{margin-right:10px} .page_list li.next_btn{margin-left:10px} .btn_wrap{text-align:center} .btn_wrap .btn{padding:0 30px} .profile_wrap li {float:none;width:100%;max-width:485px;height:200px;margin:0 auto 30px !important} .profile_wrap li:last-child{margin-bottom:0} .profile_wrap .profile_text{padding:15px 10px} .profile_wrap .profile_text .name span{font-size:15px} .profile_wrap .profile_text .univ{font-size:12px;} .profile_wrap .profile_info {bottom:10px;left:10px} .profile_wrap .profile_info dt, .profile_wrap .profile_info dd{font-size:12px} .profile_wrap .profile_text .major{padding-bottom:8px;font-size:13px;} .board_04_list .faq_list .q a, .board_04_list .faq_list .a p{font-size:12px;} .board_04_list .faq_list .q{padding:20px 45px;padding-left:50px;background-position:15px 16px} .board_04_list .faq_list .q a::after{right:15px;width:18px;background-size:100%} .board_04_list .faq_list .a .a_value {padding:20px;padding-left:70px;background-position:20px 18px} #main .block_pagenation .swiper-pagination{left:0;bottom:0} .block_pagenation{bottom:10px} .block_pagenation .ctrl_box{top:-2px;left:55px} .track_info .table_wrap table thead th, .track_info .table_wrap table tbody td{padding:10px 5px} .purpose_wrap{padding:30px;margin-bottom:20px} .purpose_wrap .tit{font-size:24px} .purpose_wrap .desc{font-size:14px} .purpose_wrap .obj{display:block;margin-top:20px} .purpose_wrap .obj li{width:100%;height:120px;border-radius:10px;border-width:5px} .purpose_wrap .obj li + li{margin-left:0;margin-top:40px} .purpose_wrap .obj p{padding-left:75px;padding-top:0;background-position:15px 50%;text-align:left} .purpose_wrap .obj .obj_last{background-color:#0D326F;font-size:20px;text-align:center} .purpose_wrap .obj .obj_last br{display:none} .purpose_wrap .obj li:first-child::before{top:auto;right:0;bottom:-45px;left:50%;margin:0;height:40px;margin-left:-30px;background-size:12px} .purpose_wrap .obj .obj_last::before{top:-16px;left:50%;width:80px;margin:0;margin-left:-40px;background-size:100%;transform:rotate(90deg)} /****** 湲�濡쒕쾶臾명솕湲곗닠 ******/ #sub.globalct .intro{padding-bottom:20px} #main.globalct .main_text .main_title {font-size:30px} /****** artntech �븘�듃 �븻 �뀒�겕���윭吏� ******/ #sub.artntech .intro{padding-bottom:20px} #sub.artntech .into li.last{padding-left:0;} /*k �띁�룷諛띿븘�듃*/ #sub.kperformingarts .intro{padding:15px 10px 20px} #sub.xrmedia .intro{background-position:50% 35px;background-size:auto 190px} } @media (max-width:370px) { #main .main_text .main_title {font-size:28px} #main.globalct .main_text .main_title {font-size:26px} .profile_wrap .profile_info dt, .profile_wrap .profile_info dd{letter-spacing:-0.5px} #header #gnb > ul > li{background-position-y:16px} #header #gnb > ul > li > a{padding:20px 15px 20px 55px !important} }