@charset "utf-8"; /* 게시판에 사용되는 공통 레이어창*/ #bbs_layer_popup{display: none; position: fixed; z-index: 999999; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .bbs_layer_popup{ top:50%;left:50%; transform: translate(-50%, -50%); position: absolute; width: 350px; border: 1px solid #00b16d; box-shadow: 1px 10px 10px #000; background: #fff; border-radius: 10px; text-align: center; padding-bottom: 25px;} .bbs_layer_popup h7{ background: #00b16d; color: #fff; padding:5px 0; display: block;border-radius: 9px 9px 0 0; position: relative;} .bbs_layer_popup h7 > strong{font-size: 15px;} .bbs_layer_popup h7 > a{ display: inline-block; width: 33px; height: 30px; text-indent: -5000px; background: url("../../images/board/top_close01.png") center center no-repeat; cursor: pointer; position: absolute; top:0;left:calc(100% - 33px); background-size: 25px;} .bbs_layer_popup p{font-size: 15px; padding: 7%; word-break: keep-all;} .bbs_layer_popup span{ color:red; font-weight: 500;} #bbs_layer_popup .sbtn_style{ min-width:60px;} /* 개설과목 검색 */ .bbs_search_cur01_txt{ display: inline-block; width: 170px; line-height: 52px; height: 52px;border-radius: 0 100px 100px 100px; background: #3161f1 url("../images/inc/top_search_icon03.png") 96% 10px no-repeat; color: #fff; padding-left: 30px; font-size: 24px; font-weight: 700; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);} .bbs_search_cur01{ box-shadow: 1px 5px 20px rgba(0,0,0,0.1); padding: 50px 50px 30px 50px; margin-bottom: 50px; border-radius: 0 25px 25px 25px; border: 1px solid #f6f6f6; margin-top: -35px; display: flex; align-items: center; justify-content: space-between;} .bbs_search_cur01 select, .bbs_search_cur01 input[type=text]{ height: 45px; line-height: 45px; border: 2px solid #cadcee; margin-right: 5px; width: 100%; padding: 0 10px; font-weight: 500;} .bbs_search_cur01.bsc_w01 select{width: 30%;} .bbs_search_cur01.bsc_w01 input[type=text]{width: 70%;} .bbs_search_cur01_btn {background: #000; color: #fff; font-size: 14px; font-weight: 600; border-radius: 4px; line-height: 45px; min-width: 100px; white-space: nowrap; height: 45px;} @media all and (max-width :1520px) { .bbs_search_cur01_txt{ width: 150px; line-height: 45px; height: 45px; padding-left: 25px; font-size: 22px; background-size: 30px;} .bbs_search_cur01{ margin-top: -30px;} } @media all and (max-width :1280px) { .bbs_search_cur01_txt{ width: 120px; line-height: 35px; height: 35px; padding-left: 20px; font-size: 18px; background-size: 25px;} .bbs_search_cur01{padding: 30px 30px 20px 30px; margin-top: -20px;} } @media all and (max-width :1023px) { .bbs_search_cur01{padding: 30px 20px 20px 20px;border-radius: 0 10px 10px 10px; } } @media all and (max-width :767px) { .bbs_search_cur01_txt{ width: 100px; line-height: 30px; height: 30px; padding-left: 13px; font-size: 16px; background-size: 20px;} .bbs_search_cur01.bsc_w01 select, .bbs_search_cur01.bsc_w01 input[type=text]{width: calc(50% - 3px);} .bbs_search_cur01{flex-wrap: wrap; gap:5px;} .bbs_search_cur01 select, .bbs_search_cur01 input[type=text]{ height: 35px; line-height: 35px; width: calc(50% - 3px); margin-right: 0; font-size: 13px;} .bbs_search_cur01_btn { font-size: 12px;line-height: 35px; min-width:inherit; height: 35px; width: 100%;} } /*bbs_all_top*/ .bbs_all_top.flex_ar{justify-content:flex-end;} .bbs_all_top{ margin:0 0 15px 0;display: flex; justify-content: space-between;flex-wrap: wrap; } .bbs_all_top .bbs_total{background:url("../images/board/total_icon.png") left center no-repeat; padding-left:20px;line-height:35px;font-size: 14px; height: 35px;} .bbs_total strong{ font-weight: 700; color: #ff0000;} /*게시판 검색 폼*/ .bbs_all_top .bbs_search, .bbs_all_top .bbs_search form, .bbs_all_top .bbs_search fieldset{ display: flex; justify-content: flex-end; flex-wrap: wrap; gap:5px;} .bbs_all_top .bbs_search select{width:120px;height: 35px;line-height: 35px; border: 1px solid #ddd;} .bbs_all_top .bbs_search input{width:200px;vertical-align: top; padding: 0 10px;} .bbs_search button{width:60px; background:#000; color:#fff; line-height: 35px; height: 35px;vertical-align: top; border-radius: 4px;} @media all and (max-width :767px) { .bbs_all_top{ margin:0 0 10px 0;} .bbs_all_top .bbs_total{background-size:11px; padding-left:15px; height: 25px;line-height:25px;font-size: 13px;} .bbs_all_top .bbs_search, .bbs_all_top .bbs_search form, .bbs_all_top .bbs_search fieldset{ width: 100%;} .bbs_all_top .bbs_search.w02 select{width:calc(33.333% - 5px);} .bbs_all_top .bbs_search.w02 input{width:calc(100% - 70px);} .bbs_all_top .bbs_search select{width:30%;font-size: 13px;} .bbs_all_top .bbs_search input{width:calc(70% - 70px); font-size: 13px;} .bbs_search button{font-size: 13px;} } /* 게시판 상단 주석정보 */ .bbs_info{margin-bottom:30px; border:1px dashed #ddd; background:#f6f6f6; padding:20px;} .bbs_info li{ background:url(../images/board/icon10.gif) left 7px no-repeat; padding-left:15px; word-break:keep-all; font-size:14px; line-height:1.8em;} .bbs_info li span{ display:inline-block;} @media all and (max-width :767px) { .bbs_info{ text-align:left; margin-bottom:20px;} .bbs_info li{ background:url(../images/board/icon10.gif) left 7px no-repeat; font-size:13px;} } /*게시판 공통 데이타 없음 & 리스트 체크 삭제시 사용 */ .bbs_nodata{ padding:150px 0 70px 0; text-align:center; border:2px solid #f1f1f1; margin-bottom:50px; background:#fff url(../images/board/data_none.png) center 60px no-repeat; color: #555;background-size: 60px;font-size: 15px; border-radius: 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.03)} .bbs_nodata strong{ color: #ff0000;} @media all and (max-width :767px) { .bbs_nodata{ padding:70px 0 30px 0;background-size: 30px; background-position: center 30px;margin-bottom:20px;font-size: 12px; border-radius: 15px;} } .bbs_check{ position: absolute; left: 0; top:0px; padding: 0; background: none; z-index: 99; border: none !important;} @media all and (max-width :767px) { .bbs_list01 .t_check{ left: inherit; right: 0; top:0px; } } /*bbs_list00 div 구조************************************************************************************/ .bbs_list_guide { margin-bottom: 50px;border-top:1px solid #000;} .bbs_list_guide dl{ display: flex; justify-content: space-between; align-content: center;background: #f9f9f9; flex-wrap: wrap;} .bbs_list_guide dl dt{ font-size: 12px; padding: 8px 0; text-align: center; width: 100%; display: block;} .bbs_list_guide dl dt:nth-of-type(1){width: 80px; } .bbs_list_guide dl dt:nth-of-type(2){width: calc(80% - 80px);} .bbs_list_guide dl dt:nth-of-type(3){ width: 10%;} .bbs_list_guide dl dt:nth-of-type(4){width: 10%; } @media all and (max-width :767px) { .bbs_list_guide dl{ display: none;} } .bbs_list00{border-bottom:1px solid #000;} .bbs_list00 .t_check{ position: absolute; left: 0; top:0; padding: 0; border: none; background: none; z-index: 6;} .bbs_list00 .notice_tip {position: relative; background: #2b6cf8; border-radius: 40px;color: #fff; font-size: 10px; text-align: center; display: inline-block; padding: 0 8px; font-weight: 500; height: 20px; line-height: 20px; min-width: 35px;} .bbs_list00 .notice_tip:before { right:-4px; content: "▶"; font-size: 15px; color: #2b6cf8; top: 50%;transform: translateY(-50%); position: absolute; z-index: -1;} .bbs_list00 .pw {display: inline-block; width: 30px; height: 30px; background:#f9f9f9 url(../images/board/key01.png) center no-repeat; border-radius: 50%; text-indent: -99999px; margin-right: 5px;min-width: 30px;} .bbs_list00 .rey {display: inline-block; margin-right: 2px; border: 1px solid #eee; border-radius: 50px; padding: 0 7px 0 23px; font-size: 12px; font-weight: 500;background: url(../images/board/rey01.png) 8px center no-repeat;line-height: 22px; height: 22px;} .bbs_list00 .new{ font-style:normal; display:inline-block; padding:0 7px; background:#ff0000; color:#fff; border-radius:0 50px 50px 50px; font-size:9px;line-height: 18px; height: 18px; font-weight: 500;min-width: 35px;} .bbs_list00 > ul{ display: flex; justify-content: space-between; align-items: center; padding: 25px 0; flex-wrap: wrap; border-bottom: 1px dashed #ddd;} .bbs_list00 > ul > li:first-child{ width: 80%; position: relative;} .bbs_list00 > ul > li:last-child{ width: 20%;} .bbs_list00 > ul:last-child{ border-bottom: 0;} .bbs_list00 > ul > li > .bbs_list_text01 { display: flex; } .bbs_list00 > ul > li > .bbs_list_text01 > li { display: flex; align-items: center;gap:10px;} .bbs_list00 > ul > li > .bbs_list_text01 > li .bt_none{font-size: 13px; min-width: 60px; text-align: center;} .bbs_list00 > ul > li > .bbs_list_text01 > li > a{ display: block; font-size: 18px; font-weight: 500;overflow: hidden; line-height: 40px; height: 40px; } .bbs_list00 > ul > li > .bbs_list_text01 > li > a:hover, .bbs_list00 > ul > li > .bbs_list_text01 > li > a:focus{ text-decoration: underline;} .bbs_list00 > ul > li > .bbs_list_text02 { display: flex; justify-content: space-between; font-size: 14px; align-items: center;} .bbs_list00 > ul > li > .bbs_list_text02 > li{width: 50%; text-align: center;} @media all and (max-width :1280px) { .bbs_list_guide { margin-bottom: 30px;} } @media all and (max-width :1023px) { .bbs_list00 > ul > li > .bbs_list_text01 > li > a{ font-size: 16px; } } @media all and (max-width :767px) { .bbs_list_guide { margin-bottom: 20px;} .bbs_list00 > ul{ padding: 10px 10px 20px 10px;} .bbs_list00 > ul > li:first-child{ width: 100%;} .bbs_list00 > ul > li:last-child{ width: 100%;} .bbs_list00 > ul > li .bt_none{ display: none;} .bbs_list00 > ul > li > .bbs_list_text01 > li > a{ font-size: 16px; } .bbs_list00 > ul > li > .bbs_list_text02{ font-size: 13px; justify-content:space-between; position: relative; align-items: flex-start;} .bbs_list00 > ul > li > .bbs_list_text02 li{ width: auto; margin-right: 2px;} .bbs_list00 > ul > li > .bbs_list_text02 .bt_writer{background: url(../images/board/bbs_write.png) left center no-repeat; padding-left: 17px; background-size: 13px;} .bbs_list00 > ul > li > .bbs_list_text02 .bt_count{background: url(../images/board/bbs_count.png) left center no-repeat; padding-left: 17px; background-size: 13px;} .bbs_list00 > ul > li > .bbs_list_text02 .bt_date{background: url(../images/board/bbs_date.png) left center no-repeat; padding-left: 17px; background-size: 13px;} .bbs_list00 > ul > li > .bbs_list_text02 .bt_file img{width: 20px; margin-left: 5px;} } /*bbs_list01 table 구조 ************************************************************************************/ .ti_h4{background: url(../images/inc/tit_01.png) left center no-repeat; padding-left: 30px; font-size: 24px;font-weight: 700; margin-bottom: 20px; background-size: 26px;} @media all and (max-width :1280px) { .ti_h4{; padding-left: 26px; font-size: 20px; background-size: 22px;} } @media all and (max-width :767px) { .ti_h4{; padding-left: 20px; font-size: 15px; background-size: 16px; margin-bottom: 10px;} } .bbs_list01 {margin-bottom:40px;border-bottom:1px solid #000;border-top:1px solid #000; } .bbs_list01 *{box-sizing: border-box;} .bbs_list01.jisan td{padding: 10px; white-space: normal;} .bbs_list01.jisan td a{ font-size: 15px;} .bbs_list01 .jisan_home01{ padding-left: 25px; background: url(../images/inc/link01.png) left center no-repeat; background-size: 20px; display: inline-block;} .bbs_list01 .jisan_icon01{ border: 1px dashed #a8b8df; border-radius: 4px; padding: 0 10px; text-align: center;font-size: 12px; font-weight: 600; background: #f1f5ff; display: inline-block; height: 24px; line-height: 22px; min-width: 60px;} .bbs_list01 .notice_tip {position: relative; background: #2b6cf8; border-radius: 40px;color: #fff; font-size: 10px; text-align: center; display: inline-block; padding: 0 8px; font-weight: 500; height: 20px; line-height: 20px; min-width: 35px;} .bbs_list01 .notice_tip:before { right:-3px; content: "▶"; font-size: 15px; color: #2b6cf8; top: 50%;transform: translateY(-50%); position: absolute; z-index: -1;} .bbs_list01 .pw {display: inline-block; width: 30px; height: 30px; background:#f9f9f9 url(../images/board/key01.png) center no-repeat; border-radius: 50%; text-indent: -99999px; margin-right: 5px;min-width: 30px;} .bbs_list01 .rey {display: inline-block; margin-right: 2px; border: 1px solid #eee; border-radius: 50px; padding: 0 7px 0 23px; font-size: 12px; font-weight: 500;background: url(../images/board/rey01.png) 8px center no-repeat;line-height: 22px; height: 22px;} .bbs_list01 .new{ font-style:normal; display:inline-block; padding:0 7px; background:#ff0000; color:#fff; border-radius:0 50px 50px 50px; font-size:9px;line-height: 18px; height: 18px; font-weight: 500;min-width: 35px; margin-left: 5px;} .bbs_list01 a:hover, .bbs_list01 a:focus{ text-decoration:underline;} .bbs_list01 table tr:hover, .bbs_list01 table tr:focus{background: #f3f5f7;} .bbs_list01 table tr:last-child td{border-bottom: none;} .bbs_list01 table{width:100%; text-align: center;} .bbs_list01 table tr{position: relative;} .bbs_list01 table th {font-size: 12px; padding: 8px 0; text-align: center;background:#f9f9f9; word-break:keep-all;border-bottom:1px dashed #fff; } .bbs_list01 table td {padding:25px 1%; text-align:center;line-height:1.5em; font-size: 14px;border-bottom:1px dashed #ddd; /*white-space: nowrap;*/} .bbs_list01 table td.tit{text-align:left;} .bbs_list01 table td.tit a{display: inline-block; font-size: 18px; font-weight: 500;overflow: hidden; line-height: 40px; height: 40px; vertical-align:middle; white-space: normal; width: calc(100% - 35px);} /* .bbs_list01 tbody tr:nth-child(odd) {background:#fff;} .bbs_list01 tbody tr:nth-child(even) {background: #f7f7f7;} */ @media all and (max-width :767px) { .m_hide{ display:none !important;} /*bbs_list01*/ .bbs_list01 {margin-bottom:30px;} .bbs_list01 table{ text-align: left; } .bbs_list01 table thead{ display:none;} .bbs_list01 table colgroup{ display:none;} .bbs_list01 table tr{ display:block; border-bottom:1px dashed #ddd; padding: 10px 0;} .bbs_list01 table tr:last-child{ border-bottom:none;} .bbs_list01 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:5px 2%; font-size: 13px;} .bbs_list01 table td img{ width: 20px;} .bbs_list01 table td.tit{ border-bottom:none; margin-left:0; } .bbs_list01 table td.tit a{ font-size:16px; vertical-align:middle; line-height:18px; height: 18px; width: 100%;} .bbs_list01 table td:nth-of-type(5){ text-align: left!important;} .bbs_list01 table td:first-child{ padding: 0 2%;} .bbs_list01 .notice_tip:before { display: none;} .bbs_list01 .new{display: none;} .bbs_list01 .bt_writer{background: url(../images/board/bbs_write.png) left center no-repeat; padding-left: 17px; background-size: 13px;} .bbs_list01 .bt_count{background: url(../images/board/bbs_count.png) left center no-repeat; padding-left: 17px; background-size: 13px;} .bbs_list01 .bt_date{background: url(../images/board/bbs_date.png) left center no-repeat; padding-left: 17px; background-size: 13px; display: inline-block;} .bbs_list01.jisan table td:nth-of-type(3), .bbs_list01.jisan table td:nth-of-type(4){ width: auto;} } /* bbs_view01 ************************************************************************************/ .bbs_view01 {border-bottom:2px solid #000; clear:both; margin-bottom:50px;border-top:1px solid #000;} .bbs_view01 *{ box-sizing:border-box;} /* bbs_view01 // 타이틀 */ .bbs_view01 .bv_title{ border-bottom:1px dashed #ddd; display: flex;justify-content: space-between; align-items: center;} .bbs_view01 .bv_title .jisan_badge01{ position: relative; white-space: nowrap; border-radius: 4px;} .bbs_view01 .bv_title div {display: flex;align-items: center;} .bbs_view01 .bv_title > strong{font-size:20px; padding:18px 10px; line-height:23px;font-weight: 600; display: block; width: 100%;} .bbs_view01 .bv_title div > strong{font-size:20px; padding:18px 10px; line-height:23px;font-weight: 600; display: block; width: 100%;} .bbs_view01 .bv_title > strong{font-size:20px; padding:18px 10px; line-height:23px;font-weight: 600; display: block; width: 100%;} .bbs_view01 .bv_title01 .coss_badge01{height: 23px; line-height: 23px; display: inline-block; text-align: center; font-size: 12px; font-weight: 500; border-radius: 4px; padding: 0 8px; white-space: nowrap; background-color: #fff; border: 1px solid #00a3ef; color: #00a3ef; margin-right: 5px;} .bbs_view01 .bv_title01{ border-bottom:1px solid #efefef;font-size:20px; padding:18px 10px; line-height:23px;font-weight: 600; display: flex; align-items: center;} .bbs_view01 .bv_title01 p{ font-size: 13px;line-height: 15px; margin-top: 10px; font-weight: normal; border-top: 1px dashed #eee; padding-top: 10px;} .bbs_view01 .bv_title01 .bt_date {background: #eee url("../images/board/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;} .bbs_view01 .bv_info01{ font-size:13px;padding:20px 10px; display: flex; align-items: center; gap:25px;white-space: nowrap;} .bbs_view01 .bv_info01 strong {background: #f0f5ff url("../images/board/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;} .bbs_view01 .bv_info01 .bt_date{background-image: url(../images/board/bbs_date.png); } .bbs_view01 .bv_info_guide{ background: #fff; margin-top: -1px; } .bbs_view01 .bv_info{border:3px solid #d5ebfb;padding:10px 15px 15px 20px; font-size:14px; border-radius:20px 20px;background: #fff; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);} .bbs_view01 .bv_info li{margin: 10px 0 0 0; display: flex; align-items: flex-start;font-size: 15px;} .bbs_view01 .bv_info strong {background: #f0f5ff; margin-right:10px; border-radius: 4px; padding: 8px 10px; display: inline-block; min-width: 100px; text-align: center;font-size:14px; } .bbs_view01 .bv_info span{margin: 8px 0; } .bbs_view01 .bv_info_01{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .bbs_view01 .bv_info_01 li{ width: calc(33.33% - 25px); } .bbs_view01 .bv_info02{ font-size:13px;padding:20px 0; display: inline-flex; align-items: center; gap:25px;white-space: nowrap; flex-wrap: wrap;} .bbs_view01 .bv_info02 strong {background: #f0f5ff url("../images/board/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;} .bbs_view01 .bv_info02 .bt_count{background-image: url(../images/board/bbs_count.png); } .bbs_view01 .bv_info02 .bt_date{background-image: url(../images/board/bbs_date.png); } .bbs_view01 .bv_info02 .bt_file{background-image: url(../images/board/bbs_fiel.png); } .bbs_view01 .bv_info02 .bt_list{background-image: url(../images/board/bbs_list.png); background-size: 15px;} /* bbs_view01 // 컨텐츠 */ .bv_content {padding:30px; clear:both; line-height:1.8em; font-size:16px; width:100%; color:#000;} .bv_content div{} .bv_content img{ text-align:center; max-width:80%;} .bv_content_img{ text-align:center; margin: 10px 0;} .bv_content_img img{ text-align:center; max-width:80%;} .bv_content_img p, .bv_content_img figure figcaption{ text-align:center;} .bv_content .bv_content_img iframe, .bv_content .bv_content_img video{ width:100% !important; margin:0 auto;} .bv_content .bv_content_img iframe{height: 600px;} .bv_content_img figure{ text-align: center;} .bv_content .bv_content_text *{ word-break:keep-all; box-sizing:border-box;} .bv_content .bv_content_text p{} .bv_content .bv_content_text div{} .bv_content .bv_content_text table{ margin:10px 0; font-size:15px;width:100% !important;} .bv_content .bv_content_text table td{ padding:5px;} .bv_content .bv_content_text table, .bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ border:1px solid #ccc;} .bv_content .bv_content_text table th{background:#f9f9f9;} .bv_content table{width: 100%; margin: 20px 0; border: 1px solid #d5e5fd;} .bv_content table thead th{background: #d5e5fd; padding: 5px; font-size: 14px; border-left: 1px solid #fff;} .bv_content table tbody th{background: #e6efff; padding: 5px; font-size: 14px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;} .bv_content table td{ padding: 10px 5px; font-size: 15px; text-align: center; border-bottom: 1px dashed #ddd;} /* 비교과활동 신청버튼*/ .subject_btn_guide{ text-align: center;} .subject_btn_guide .subject_btn{ display: inline-block; line-height: 70px; height: 70px; text-align: center; color: #fff; font-size: 18px; font-weight: 700; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); border-radius: 100px; width: 350px; margin: 30px 0; background: #3161f1; } .subject_btn_guide .subject_btn span{ display: inline-block; background: url('../images/inc/copy_btn_img.png') left center no-repeat; background-size: 25px; padding-left: 35px;} /* bbs_view01 // 첨부파일 */ .bbs_view01 .bv_file01 {padding:10px 30px 14px 30px;border-bottom:1px solid #ddd; border-top:1px dashed #ddd; background:#f1f9ff;} .bbs_view01 .bv_file01 ul{ margin-top: 5px;} .bbs_view01 .bv_file01 li{ display:inline-block;} .bbs_view01 .bv_file01 span{ display:inline-block; padding:0 10px 0 25px; background:url('../images/board/file01.png') left 5px no-repeat; background-size: 18px;} .bbs_view01 .bv_file01 span a{ padding:5px 0; display:inline-block;color: #000;} .faq_box .bv_file01 {padding:10px 20px; background:#fff; border-radius: 10px; margin-top: 10px; line-height: normal; border: 1px solid #cfe6f2;} .faq_box .bv_file01 li{ display:inline-block;} .faq_box .bv_file01 span{ display:inline-block; padding:0 10px 0 25px; background:url('../images/board/file01.png') left 5px no-repeat; background-size: 18px;} .faq_box .bv_file01 span a{ padding:5px 0; display:inline-block;color: #000;} @media all and (max-width :1280px) { .bbs_view01 { margin-bottom:30px;} .bbs_view01 .bv_title div > strong{font-size:18px; padding:10px; line-height:22px;} .bbs_view01 .bv_title > strong{font-size:18px; padding:10px; line-height:22px;} .bbs_view01 .bv_title01{font-size: 18px; line-height:22px;} .bbs_view01 .bv_info_01 li{ width: calc(50% - 25px); } .bv_content{padding:30px 0;} /* 비교과활동 신청버튼*/ .subject_btn_guide .subject_btn{ line-height: 60px; height: 60px;width: 300px; } } @media all and (max-width :1023px) { .bv_content .bv_content_img iframe{height: 380px;} .bbs_view01 .bv_info_01 li{ width: 100%; } .bbs_view01 .bv_info{border:2px solid #d5ebfb; border-radius:10px;} } @media all and (max-width :767px) { /* bbs_view01 */ .bbs_view01 { margin-bottom:20px;} .bbs_view01 .bv_title.cb01{flex-direction: row;} .bbs_view01 .bv_title{ flex-direction: column; } .bbs_view01 .bv_title div{width: 100%;} .bbs_view01 .bv_title div > strong{font-size:15px; padding:12px 10px; line-height:20px; width: 100%;} .bbs_view01 .bv_title strong{font-size:15px; padding:12px 10px; line-height:20px; width: 100%;} .bbs_view01 .bv_title01{font-size: 15px; line-height:20px;} .bbs_view01 .bv_info01{ padding:5px 10px; display:block; width: 100%; border-top: 1px dashed #ddd;} .bbs_view01 .bv_info01 li { font-size:12px; display: inline-block; margin: 5px 0;} .bbs_view01 .bv_info01 strong { margin-right:4px; font-size:10px; border-radius: 40px; padding: 6px 10px 6px 20px;background-size: 12px; background-position: 5px center;} .bbs_view01 .bv_info01 span{ margin-right: 4px;} .bbs_view01 .bv_info { padding:10px;} .bbs_view01 .bv_info li {margin: 3px 0; font-size: 14px;} .bbs_view01 .bv_info strong { margin-right:8px; font-size:11px; padding: 8px 0; min-width: 90px;} .bbs_view01 .bv_info span{ margin: 6px 0;} .bv_content .bv_content_img iframe{height:200px;} .bbs_view01 .bv_file01 {padding:5px 10px 9px 10px;} .bbs_view01 .bv_file01 span{padding:0 10px 0 20px; background:url('../images/board/icon_file01.png') left 5px no-repeat; background-size:13px; font-size:13px;} .faq_box .bv_file01 {padding:5px 10px;} .faq_box .bv_file01 span{padding:0 10px 0 20px; background:url('../images/board/icon_file01.png') left 5px no-repeat; background-size:13px; font-size:13px;} .bbs_view01 .bv_info02{ gap:5px;} /* 비교과활동 신청버튼*/ .subject_btn_guide .subject_btn{ line-height: 50px; height: 50px;width: 250px; font-size: 16px;} .bv_content_img img{max-width:100%; height: auto !important;} .bv_content{padding:20px 0; font-size:14px;} .bv_content img{max-width:100%; height: auto !important;} .bv_content .bv_content_text{ overflow:hidden;} .bv_content .bv_content_text a{ word-break:break-all !important;} .bv_content .bv_content_text iframe{ width:100% !important;} .bv_content .bv_content_text table{font-size:14px;} .bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ word-break:break-all !important;} .bv_content table thead th, .bv_content table tbody th{ font-size: 12px;} .bv_content table td{ font-size: 13px;} } .bbs_p05_box_guide .bv_content_qna_guide{ margin:0;} .bv_content_qna_guide{border: 1px solid #9db5f2; border-radius: 20px; margin: 50px 0; overflow: hidden;} .bv_content_qna dl{border-bottom: 1px dashed #ddd; } .bv_content_qna dl:last-child{border-bottom:0; } .bv_content_qna dl dt{ padding:15px 25px; background: #f1f5ff; position: relative;} .bv_content_qna dl dt strong:before{display: inline-block;position: absolute; content: ''; width: 25px; height: 30px;background:url('../images/board/faq_q.png') center no-repeat; background-size: 25px; left:25px; } .bv_content_qna dl dt strong{ font-size:18px; font-weight: 600; padding:5px 0 5px 30px; display: block;line-height: 25px;} .bv_content_qna dl dd{padding: 20px 25px 35px 25px; position: relative;font-size:15px; background: #fff;} .bv_content_qna dl dd span:before{display: inline-block;position: absolute; content: ''; width: 20px; height: 25px;background:url('../images/board/faq_a.png') center no-repeat; background-size: 20px; left:35px;} .bv_content_qna dl dd span{ padding-left: 40px; display: block; line-height: 22px;} @media all and (max-width :1280px) { .bv_content_qna_guide{border-radius: 15px; margin: 30px 0;} .bv_content_qna dl dt{ padding:10px 20px;} .bv_content_qna dl dt strong:before{ background-size:20px; background-position: left 3px;left:20px;} .bv_content_qna dl dt strong{ font-size:16px; padding:4px 0 5px 25px;} .bv_content_qna dl dd{padding: 15px 20px 30px 20px;font-size:14px;} .bv_content_qna dl dd span:before{ width: 20px; height: 20px; background-size: 15px; left:20px;} .bv_content_qna dl dd span{ padding-left: 25px;} } @media all and (max-width :767px) { .bv_content_qna_guide{border-radius: 10px} .bv_content_qna dl dt{ padding:10px;} .bv_content_qna dl dt strong{ font-size:14px; padding:5px 0 5px 30px; line-height: 20px;} .bv_content_qna dl dt strong:before{ background-position: left top; left:15px;} .bv_content_qna dl dd{padding: 15px 10px 20px 15px; font-size: 13px;} .bv_content_qna dl dd span:before{left:15px;} .bv_content_qna dl dd span{ line-height: 20px; } } /* 댓글달기 */ .bv_reply{ margin-top: 20px;} .bv_reply *{box-sizing: border-box;} .bv_reply_write{border:2px dotted #ddd; padding: 30px; border-radius:0 30px 30px 40px; background: #fff; box-shadow: 1px 10px 10px rgba(0,0,0,0.03); margin-bottom: 20px;} .bv_reply .bv_reply_tit{display: flex; align-content: center;gap:20px; font-size: 14px;} .bv_reply .bv_reply_tit strong{font-size:16px; font-weight: 500; margin-bottom: 10px;background:url('../images/board/rey02.png') left 2px no-repeat; padding-left: 23px; display: inline-block;} .bv_reply .bv_reply_tit input{ width: 20px;height: 20px;line-height: 20px;} .bv_reply .re_write .re_write_guide{position: relative;display: flex; margin-bottom: 5px; justify-content:space-between; align-items: center; flex-wrap: wrap;gap:10px;} .bv_reply .re_write textarea{width: calc(100% - 140px); border:1px solid #dedede;padding: 5px 10px;border-radius: 10px; height: 80px; } .bv_reply .re_write .re_write_btn{ width: 130px;background: #768695; color: #fff;height: 80px;border-radius: 10px;} .bv_reply .re_write .re_write_file .re_write_file_name { margin-bottom: 10px; padding-bottom: 10px;} .bv_reply .re_write .re_write_file .re_write_file_name .rw_file_name{ padding: 10px 10px 0 10px; display: inline-block; align-items: center;} .bv_reply .re_write .re_write_file .re_write_file_link{ background: #f9f9f9; padding: 5px; border-radius: 4px;} .bv_reply .re_write .re_write_file .sp_delete{border-radius: 50%; height: 21px; width: 21px; background: #cdcdcd url(../images/shop/icon_close.png) center no-repeat; display: inline-block; text-align: center; line-height: 21px; text-indent: -99999px; margin-left: 5px;} .bv_reply .re_view{ margin-top: 10px;} .bv_reply .re_view ul{border-top:1px dashed #ddd; padding: 20px;} .bv_reply .re_view ul:first-child{border-top:0;} .bv_reply .re_view ul li:first-child{display: flex; justify-content:space-between;} .bv_reply .re_view ul li{ padding: 5px 0; font-size: 15px; font-weight: 300;} .bv_reply .re_view ul li strong{font-weight: 600;margin-right: 10px; font-size: 16px; background: url(../images/shop/title_icon06.png) left center no-repeat;padding-left: 23px;} .bv_reply .re_view ul li span{ font-size: 13px;} .bv_reply .re_view ul li a{display: inline-block; height: 56px; overflow: hidden; border-radius: 6px; width: 56px; margin-right: 5px;} .bv_reply .re_view ul li img{ width: 100%; height: 56px;} @media all and (max-width :767px) { .bv_reply{padding:10px 0;} .bv_reply_write{padding:20px; border-radius:10px; margin-bottom: 20px;border:0; background: #e8edf1;} .bv_reply .re_write textarea{width: 100%; border-radius: 4px;} .bv_reply .re_write .re_write_btn{ width: 100%;height: 35px; border-radius: 4px;} .bv_reply .re_view{ font-size: 14px;} .bv_reply .re_view ul{ padding: 10px 20px; border: 1px solid #ddd; border-radius: 20px; margin: 20px 0;} .bv_reply .re_view ul:first-child{border-top:1px solid #ddd;} .bv_reply .re_view ul li:first-child{ flex-wrap: wrap;} .bv_reply .re_view ul li.re_view_name > em{ width: 100%; margin: 10px 0 0 0; justify-content: space-between;display: flex;order: 2;} .bv_reply .re_view ul li.re_view_name i{text-align: right; order: 1;width: 100%;} } /* bbs_vlist// 이전다음글게시판**************************************************/ .bbs_vlist{border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:40px; margin-top: -10px;} .bbs_vlist ul li{ display: flex; gap:20px;padding:15px 10px; border-bottom:1px dashed #ccc;color:#000; align-items: center;background: #f9f9f9} .bbs_vlist ul li:last-child{ border-bottom:0; } .bbs_vlist ul li > span{ background:#555 url("../images/board/arrow_next01.png") calc(100% - 10px) center no-repeat; color:#fff; text-align: center; padding:10px 25px 10px 15px; font-size:13px; border-radius: 5px; background-size: 4px;} .bbs_vlist ul li a{width: calc(100% - 100px); font-size: 17px; overflow: hidden; line-height: 40px; height: 40px;} .bbs_vlist a:hover, .bbs_vlist a:focus{ text-decoration:underline;} .bbs_vlist ul li:last-child > span{background:#555 url("../images/board/arrow_prev01.png") 10px center no-repeat;padding:10px 15px 10px 25px; background-size: 4px;} @media all and (max-width :767px) { .bbs_vlist{ margin-bottom:20px; } .bbs_vlist ul li{gap:10px;padding:10px; } .bbs_vlist ul li > span{ padding:5px 15px 5px 10px; font-size:11px; background-size: 5px;background-position: calc(100% - 5px) center; } .bbs_vlist ul li:last-child > span{padding:5px 10px 5px 15px;background-size: 5px;background-position: 5px center; } .bbs_vlist ul li a{width: calc(100% - 100px); font-size: 15px;line-height: 35px; height: 35px;} } /* 약관 동의서*/ .bbs_agree{margin-bottom:50px;} .bbs_agree h5{ font-size: 18px; margin-bottom: 10px;} .bbs_agree_txt{ border:1px dashed #ccc; padding:20px; margin-bottom:10px;} .bbs_agree p{ text-align: right;} /* bbs_write01 */ .bbs_write01{clear:both;margin-bottom:40px;font-size:15px;border-bottom:2px solid #0048a9;} .bbs_write01 *{ box-sizing:border-box;} .bbs_write01 input[type=text], .bbs_write01 input[type=file]{ padding:0 1%; margin: 1px 0;} .bbs_write01 select{line-height:40px; padding:0 1%; border:1px solid #ddd; height:40px;min-width: 120px; margin: 1px 0;} .bbs_write01 .txt_guide{ font-size:13px; margin-bottom:10px;} .bbs_write01 table{ width:100%;border-top:2px solid #0048a9; } .bbs_write01 th {border-bottom:1px solid #e7e7e7; background:#f8f8f8; font-size:14px; padding:10px 0.5%; word-break:keep-all !important; width:15%;} .bbs_write01 td {border-bottom:1px solid #e7e7e7; padding:15px 2%;text-align:left;} .bbs_write01 .bg_color01{ background:#f8f8f8} .bbs_write01 .bw_text01{ margin:10px 0; border:1px solid #ddd;} .bbs_write01 .bw_text01 > textarea{ width:100%; height:250px; border:0;} .bbs_write01 .bw_bg01{background:#f8f8f8;} .bbs_write01 td > span{ padding-right:20px; display:inline-block;} .bbs_write01 td > textarea{width:100%; height:60px; border:1px solid #ddd; padding:10px;} .bbs_write01 td input{ margin:1px 0;} .bbs_write01 table td .bbs_txt01{ font-size:12px;background:url('../images/board/icon_file01.png') left center no-repeat; padding-left: 15px; background-size: 10px;} .bbs_write01 table td input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0;} .bbs_write01 table td .uploadFile > textarea{ width:100%; padding:0 1%; border:1px solid #ddd;} .bbs_txt02_guide > p{ text-align: right;} .bbs_txt02_guide .bbs_txt02{border-radius: 10px; background: #fff; border: 1px dashed #ddd; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);} .bbs_txt02_guide .bbs_txt02 dl {padding:20px; border-bottom: 1px dashed #ddd;} .bbs_txt02_guide .bbs_txt02 dl:last-child {border-bottom: 0;} .bbs_txt02_guide .bbs_txt02 dl dt, .bbs_txt02_guide .bbs_txt02 dl dd{display: flex; align-items: flex-start;} .bbs_txt02_guide .bbs_txt02 dl dd{ margin-top: 5px;} .bbs_txt02_guide .bbs_txt02 dl strong{ min-width:60px; margin-top:10px; display: inline-block; background-position: left center; background-repeat:no-repeat; padding-left: 20px; background-size: 17px;} .bbs_txt02_guide .bbs_txt02 dl dt strong{background-image:url('../images/board/faq_q.png')} .bbs_txt02_guide .bbs_txt02 dl dd strong{background-image:url('../images/board/faq_a.png');} .bbs_txt02_guide .bbs_txt02 textarea{height: 100px; border: 1px solid #ddd; border-radius: 4px;} .bbs_txt02_guide .bbs_txt02_btn{text-align: right;} .bbs_txt02_guide .bbs_txt02_btn button{ background: #3161f1; color: #fff; border-radius: 4px; margin-top: 10px; text-align: center; line-height: 30px; height: 30px; font-size: 13px; font-weight: 600; padding: 0 20px;} .bbs_write01 td .invalid{color:#ff0000;} .bbs_write01 td .message{color:#0000ff;} @media all and (max-width :767px) { /*bbs_write01*/ .bbs_write01 .txt_guide{ font-size:12px;} .bbs_write01{margin-bottom:20px;} .bbs_write01 input[type=text], .bbs_write01 input[type=file]{ width:100%;} .bbs_write01 table{ line-height:1em;} .bbs_write01 table td{ display:block;border-left:none; text-align:left; padding:7px 2%;} .bbs_write01 table th{display:block; font-size:13px; border-left:none; border-bottom:none; text-align:left; padding:7px 2%; width:100%;} .bbs_write01 table td > span{font-size:14px;} .bbs_write01 .bbs_w30, .bbs_write01 .bbs_w40{width:45% !important;} .bbs_write01 .bbs_w20{width:40% !important;} .bbs_write01 table td > .bbs_txt{ display:block; font-size:13px;} .bbs_write01 .bbs_w40{width: 100%!important;} .bbs_write01 table td .bbs_txt02_guide{} .bbs_write01 table td .bbs_txt02_guide .bbs_txt02{border-radius: 4px;} .bbs_write01 table td .bbs_txt02_guide .bbs_txt02 dl {padding:10px; } .bbs_write01 table td .bbs_txt02_guide .bbs_txt02 dl strong{font-size: 13px;min-width:50px;} } /*bbs_photo04 비교과활동 ********************************************************/ /*4장 나열 기본*/ .subject_list01{ margin-top: 30px; width:100%;display: flex; flex-wrap: wrap;} .subject_list01 .subject_list_box{ padding-bottom:20px; overflow: hidden; position: relative;margin:0 10px 40px 10px; width:calc(25% - 20px);} .subject_list01 .subject_list_box .s_badge{ background:#3161f1; height: 22px; line-height: 22px; display: inline-block; position: absolute; top:0; right:0; color: #fff; text-align: center; z-index: 5; font-size: 11px; font-weight: 600; border-radius: 4px; padding: 0 10px;} .subject_list01 .subject_list_box a{display: flex; flex-direction: column; border-radius:10px; background: #fff;box-shadow:1px 15px 20px rgba(0,0,0,0.05); padding-bottom: 20px; border: 1px solid #eee} .subject_list01 .subject_list_box a > span{ display:block; } .subject_list01 .subject_list_box a > span:nth-of-type(1){ height:280px; position: relative;overflow:hidden;border-radius:10px 10px 0 0;} .subject_list01 .subject_list_box a > span:nth-of-type(1) > img{width: 100%;} .subject_list01 .subject_list_box a > span:nth-of-type(1):before{ content: ''; width: 100%; display: block; height: 60px; background: url("../images/inc/photo_bg01.png") center top no-repeat; left:0; position: absolute; z-index: 1; bottom: 0;} .subject_list01 .subject_list_box a:hover img{transform:scale(1.1, 1.1);transition: all 0.4s;} .subject_list01 .subject_list_box a .txt_box{ position: relative; margin:-20px 30px 20px 30px; display:block; z-index: 2;} .subject_list01 .subject_list_box a .txt_box > i{ display: inline-block; font-size: 12px; font-weight: 600; background: #e9f4ff; border-radius: 50px; line-height: 24px; height: 24px; padding: 0 13px; margin-bottom: 10px; margin-left: -5px;} .subject_list01 .subject_list_box a .txt_box > strong{display: block; font-size: 18px; height: 20px; overflow: hidden; margin-bottom: 15px;} .subject_list01 .subject_list_box a:hover .txt_box > strong{ text-decoration: underline;} .subject_list01 .subject_list_box a .txt_box > em{ margin-bottom: 20px; display: block; line-height: 15px;} .subject_list01 .subject_list_box a .txt_box > em >i{font-size: 11px; width: 45px; display: inline-block; background: #f8f8f8; border: 1px solid #f4f4f4; border-radius: 0 30px 30px 30px; text-align: center; margin: 5px 10px 5px 0;} .subject_list01 .subject_list_box a .txt_box > em >b{font-size: 15px;width: calc(100% - 60px); display: inline-block;} .subject_list01 .subject_list_box a .txt_box > em >b:nth-of-type(3){font-size: 13px;} .subject_list01 .subject_list_box a .txt_box > span { border-radius: 4px; border: 1px solid #3161f1; width: 100%; display: block; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; text-align: center; color: #3161f1;} .subject_list01 .subject_list_box a:hover .txt_box > span, .subject_list01 .subject_list_box a:focus .txt_box > span{ background: #3161f1; color: #fff;} @media all and (max-width: 1520px) { .subject_list01 { margin-top: 20px;} .subject_list01 .subject_list_box{width:calc(25% - 20px); margin:0 10px 30px 10px;} .subject_list01 .subject_list_box a > span:nth-of-type(1){height:220px;} .subject_list01 .subject_list_box a .txt_box{ margin:-15px 20px 10px 20px; } .subject_list01 .subject_list_box a .txt_box > strong{font-size: 17px; height: 18px;} .subject_list01 .subject_list_box a .txt_box > em{ margin-bottom: 15px; } .subject_list01 .subject_list_box a .txt_box > em >b{font-size: 14px; font-weight: 500;} .subject_list01 .subject_list_box a .txt_box > span { height: 35px;line-height: 35px; font-size: 13px;} } @media all and (max-width: 1280px) { .subject_list01 .subject_list_box{width:calc(33.333% - 20px);} } @media all and (max-width: 1023px) { .subject_list01{width: 100%;} .subject_list01 .subject_list_box{margin:0 10px 20px 10px;} .subject_list01 .subject_list_box a > span:nth-of-type(1){height:220px;} } @media all and (max-width: 767px) { .subject_list01 .subject_list_box{width:calc(50% - 10px);margin:0 5px 0 5px;} .subject_list01 .subject_list_box a{ padding-bottom: 10px} .subject_list01 .subject_list_box a > span:nth-of-type(1){height:120px;} .subject_list01 .subject_list_box a > span:nth-of-type(1):before{display: none;} .subject_list01 .subject_list_box a .txt_box{margin:15px 16px 10px 16px; } .subject_list01 .subject_list_box a .txt_box > i{ font-size: 11px; line-height: 20px; height: 20px; padding: 0 10px;} .subject_list01 .subject_list_box a .txt_box > strong{font-size: 14px; height: 15px; margin-bottom: 5px;} .subject_list01 .subject_list_box a .txt_box > em{ margin-bottom: 10px;} .subject_list01 .subject_list_box a .txt_box > em >b:nth-of-type(1), .subject_list01 .subject_list_box a .txt_box > em >b:nth-of-type(2){font-size: 12px;width:100%;} .subject_list01 .subject_list_box a .txt_box > span { line-height: 25px;height: 25px; font-size: 11px;} .subject_list01 .subject_list_box a .txt_box > em >b:nth-of-type(3){font-size: 12px;} } /*bbs_photo01 보도자료 사용********************************************************/ /*3장 나열 기본*/ /* 기시원문 아이콘*/ .bp_guide{ position: absolute; top: 20px; right:20px; z-index: 2; box-shadow: 1px 2px 6px rgba(0,0,0,0.1);} .bp_icon_news{ display: inline-block; background: #ffe26b url(../images/board/photo_news_icon.png) 10px center no-repeat; border-radius: 30px; padding: 8px 15px 8px 35px; font-size: 12px; } .bp_icon_news:hover, .bp_icon_news:focus{background-color: #8b6ef3; color: #fff;} .bbs_photo01.jisan ul { border-bottom: 0; } .jisan_badge01{ position: absolute; top:0; left:0; padding: 10px 15px; border-radius:10px 0; background: #1a1e54; color: #fff; text-align: center; font-size: 12px; font-weight: 700; z-index: 3;} .bbs_photo01 { margin: 0 -15px 50px -15px} .bbs_photo01 ul {display: flex; flex-wrap: wrap; border-bottom: 1px solid #000; /*border: 1px solid red*/} .bbs_photo01 .photo_box{width:calc(33.333% - 30px); vertical-align: top; margin:0 15px 60px 15px; border: 1px solid #eee; border-radius: 10px; box-shadow:1px 15px 20px rgba(0,0,0,0.05); position: relative;} .bbs_photo01 .photo_box .photo_click{position:relative; display:block; overflow:hidden; } .bbs_photo01 .photo_box .photo_click img {display:block; width:100%; height:auto; transition: all 0.4s;} .bbs_photo01 .photo_box .photo_click:hover img{transform:scale(1.1, 1.1);} .bbs_photo01 .photo_box .photo_click > span{ display:block; overflow:hidden;} .bbs_photo01 .photo_box .photo_click > span:nth-of-type(1){ height:280px; overflow: hidden; border-radius: 10px 10px 0 0;} .bbs_photo01 .photo_box .photo_click > span:nth-of-type(1) > img{width: 100%; height: 100%} .bbs_photo01 .photo_box .photo_click .txt_box{ position: relative; margin:30px 40px; display:block;} .bbs_photo01 .photo_box .photo_click .txt_box > strong{display: block; height: 20px; overflow:hidden;font-size:17px; white-space: nowrap;text-overflow: ellipsis;} .bbs_photo01 .photo_box .photo_click:hover .txt_box > strong{ text-decoration: underline;} .bbs_photo01 .photo_box .photo_click .txt_box > em{ margin-top: 10px; text-align: right; display: block;} .bbs_photo01 .photo_box .photo_click .txt_box > em > i{display: inline-block;font-size: 12px; background: #f9f9f9 url(../images/board/bbs_date.png) 10px 8px no-repeat; padding:8px 10px 8px 25px; background-size: 12px; border-radius: 30px;} /*4장 나열*/ .bbs_photo01.bsp_pw04 .photo_box{width:calc(25% - 20px);} @media all and (max-width :1520px) { .bbs_photo01 .photo_box .photo_click > span:nth-of-type(1){ height:250px;} } @media all and (max-width :1280px) { .bbs_photo01 .photo_box{width:calc(50% - 20px); margin:0 10px 60px 10px;} .bbs_photo01 {margin-bottom:30px;} .bbs_photo01.bsp_pw04 .photo_box{width:calc(33.333% - 20px);} } @media all and (max-width :1023px) { .bbs_photo01 .photo_box{border-radius: 10px; margin-bottom:30px; } .bbs_photo01 .photo_box .photo_click .txt_box{margin:15px 20px;} .bbs_photo01 .photo_box .photo_click > span:nth-of-type(1){ height:200px;border-radius: 10px 10px 0 0;} .bbs_photo01 .photo_box .photo_click .txt_box > em > i{font-size: 12px; padding:5px 8px 5px 22px; background-size: 11px; background-position: 8px center;} .bbs_photo01 .photo_box .photo_click .txt_box > strong{ font-size:15px;} .bp_guide{ top: 10px; right:10px; } } @media all and (max-width :767px) { .bbs_photo01 { margin: 0 0 20px 0} .bbs_photo01 ul {justify-content: space-between;} .bbs_photo01 .photo_box{width:calc(50% - 6px);margin:0 0 20px 0;box-shadow:1px 10px 10px rgba(0,0,0,0); } .bbs_photo01 .photo_box .photo_click .txt_box{ margin:15px;} .bbs_photo01 .photo_box .photo_click > span:nth-of-type(1){ height:120px;border-radius: 6px;} .bbs_photo01 .photo_box .photo_click .txt_box > strong{ font-size:13px; height: 15px;} .bbs_photo01 .photo_box .photo_click .txt_box > em { text-align: left; margin-top: 3px;} .bbs_photo01 .photo_box .photo_click .txt_box > em > i{padding:0 0 0 15px; background-color: #fff;background-position: left center;} .bbs_photo01.bsp_pw04 .photo_box{width:calc(50% - 6px);} .bp_guide{ top:inherit; right:2px;} .bp_icon_news{ padding: 5px 10px 5px 28px; font-size: 11px; background-size: 15px; bottom:3px; box-shadow:none;} .jisan_badge01{ padding: 5px 10px;font-size: 10px;} } /* 서포터즈 sns */ .supports_guide h5{ font-size: 25px;font-weight: 700; background: url("../images/board/tit_icon.png") 10px center no-repeat; padding-left: 40px; background-size: 25px;} .sup_guide{margin:10px 0 80px 0; border: 1px solid #bbd9e8; border-radius:15px; padding:30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);} .sup_guide .nodata{padding:120px 0 50px 0; text-align:center;background: url(../images/board/data_none.png) center 50px no-repeat; color: #555;background-size: 60px;font-size: 15px; } .sup_character ul{ display: flex; justify-content: center; gap:1%; text-align: center; align-items: flex-end;} .sup_character ul li{width: 15.6666%;} .sup_character ul li img{ width: 100%;} .sup_character ul li strong{ text-align: center; display:inline-block; margin-top: 10px; border-radius: 50px; background: #f9f9f9; padding: 5px 10px;} .sns_guide{ display: flex; justify-content: space-between; align-items:flex-end;} .sns_guide .sns_link{display: flex; flex-wrap: wrap;gap:5px;} .sns_guide .sns_link a{position: relative; border-radius:30px 0 30px 30px; background: #fff; padding: 13px 15px 13px 40px; font-size: 15px; font-weight: 600; border: 1px dashed #79b4d2;box-shadow: -1px -10px 10px rgba(0,0,0,0.05);} .sns_guide .sns_link a:before{position: absolute; content: ''; display: block; top:50%; left: 10px; transform: translateY(-50%);border-radius: 50%; width: 25px; height: 25px; background-position:center; background-repeat: no-repeat; background-size: 25px;} .sns_guide .sns_link a:hover, .sns_guide .sns_link a:focus{ background: #d4f9ff; } .sns_guide .sns_link .blog:before{background-image: url("../images/inc/icon_blog.png");} .sns_guide .sns_link .insta:before{background-image: url("../images/inc/icon_instagram.png");} .sns_guide .sns_link .youtube:before{background-image: url("../images/inc/icon_youtube.png");} .sns_guide .sns_link .channel:before{background-image: url("../images/inc/icon_sns_channel.png");} .sns_guide .sns_link.bbs_nodata{margin: 0; padding: 0; border: none; text-align: center; margin-bottom: 50px; line-height: 35px;} @media all and (max-width :1280px) { .sup_character ul{ flex-wrap: wrap;} .supports_guide h5{ font-size: 20px; padding-left: 35px; background-size: 20px;} } @media all and (max-width :1023px) { .supports_guide h5{ font-size: 18px; } .sup_guide{ padding: 20px; margin-bottom: 50px;} .sup_character ul{margin-bottom: 20px;} .sup_character ul li{ width: 24%;} .sns_guide .sns_link a{padding: 10px 13px 10px 33px; font-size: 13px;} .sns_guide .sns_link a:before{left:8px; background-size: 20px;width: 20px; height: 20px;} } @media all and (max-width :767px) { .supports_guide h5{ font-size: 15px; padding-left: 20px; background-size: 16px; background-position: left center;} .sns_guide{ display: block;} .sup_guide{ padding:0; border-radius:0; border: none; box-shadow: none;} .sup_character ul{margin-bottom: 10px;} .sup_character ul li strong{ font-size: 12px;} .sns_guide .sns_link {margin-top: 10px;} .sns_guide .sns_link a{padding: 8px 13px 8px 33px; font-size: 11px;} } /*bbs_photo02********************************************************/ .bbs_photo02 {line-height: 1.6em;margin:15px 0 80px 0; border: 1px solid #bbd9e8; border-radius:15px; padding:30px 30px 0 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);} .bbs_photo02 *{ box-sizing:border-box;} .bbs_photo02 ul {display: flex; flex-wrap: wrap; justify-content: center; gap:2%;} .bbs_photo02 .photo_box{position: relative; vertical-align: top; margin-bottom:30px;width:23%;} .bbs_photo02 .photo_box .sns{position: absolute; z-index: 5; display: inline-block; top: 10px; right: 10px; width: 39px; height: 39px; border-radius:50%; overflow: hidden; background-color: #fff; background-position: center; background-repeat: no-repeat;} .bbs_photo02 .photo_box a{position:relative; display:block; overflow:hidden; font-size:16px; border:1px solid #e7e7e7; border-radius: 0 10px 10px 10px;} .bbs_photo02 .photo_box a:hover img{transform:scale(1.2, 1.2); transition: all 0.4s;} .bbs_photo02 .photo_box a > span{ display:block; overflow:hidden; background:#fff;} .bbs_photo02 .photo_box a > span:nth-of-type(1){ height:260px; display: flex; align-items: center;} .bbs_photo02 .photo_box a > span:nth-of-type(1) > img{width:100%; min-height: 100%; height:auto; display: flex; align-items: center;} .bbs_photo02 .photo_box a .txt_box{ position: relative; margin:20px; display:block; min-height:50px;} .bbs_photo02 .photo_box a .txt_box > strong{display: block; font-weight: 400; max-height: 25px; overflow:hidden; font-size: 18px; white-space: nowrap; text-overflow: ellipsis;} .bbs_photo02 .photo_box a .txt_box > strong > b{font-weight: 600; padding-right: 10px;} .bbs_photo02 .photo_box a:hover .txt_box > strong{ text-decoration: underline;} .bbs_photo02 .photo_box a .txt_box > em{ position: absolute; bottom: 0; display: block; width: 100%; font-size: 14px; color: #888;} .bbs_photo02 .photo_box a .txt_box > em > b{float: right;background: url("../images/board/icon_man.png") left center no-repeat; display: inline-block; padding-left: 18px;} .bbs_photo02 .photo_box a .txt_box > em:after{display: block; content: ''; clear: both;} .bbs_photo02 .photo_box .blog{background-image: url("../images/inc/icon_blog.png");} .bbs_photo02 .photo_box .insta{background-image: url("../images/inc/icon_instagram.png");} .bbs_photo02 .photo_box .youtube{background-image: url("../images/inc/icon_youtube.png");} .bbs_photo02 .photo_box .channel{background-image: url("../images/inc/icon_sns_channel.png");} .bbs_photo02 .photo_box a .overlay{position:absolute; bottom:0; background:rgba(19,54,117,0.0) ; overflow:hidden; width:100%; height:00%; text-align:center; vertical-align:middle; display: flex; align-items: center;} .bbs_photo02 .photo_box a .overlay > strong{display: block; width: 80%; margin: 0 auto; color: white; font-size: 14px; line-height: 20px; padding: 20px 0;} .bbs_photo02 .photo_box a:hover .overlay {height:35%; background:rgba(19,54,117,0.7); transition:.4s ease; transform:translate(00%, 0%);} @media all and (max-width :1280px) { .bbs_photo02 .photo_box a > span:nth-of-type(1){ height:200px; } .bbs_photo02 .photo_box a:hover .overlay {height:50%;} } @media all and (max-width :1023px) { .bbs_photo02 { padding:20px 20px 0 20px; border-radius:20px 0 20px 20px;} .bbs_photo02 .photo_box{margin-bottom:20px;width:31.333%;} .bbs_photo02 .photo_box a{ font-size:14px;} } @media all and (max-width :767px) { .bbs_photo02 { padding:0; border-radius:0; border: none; box-shadow: none;} .bbs_photo02 ul {justify-content:space-between;} .bbs_photo02 .photo_box{ margin-bottom:10px;width:48%;} .bbs_photo02 .photo_box a > span:nth-of-type(1){ height:120px;} .bbs_photo02 .photo_box a .overlay > strong{font-size: 13px; line-height: 17px;} .bbs_photo02 .photo_box a:hover .overlay {height:100%;} } /* 교과과정 > 개설과목 리스트*/ /*bbs_photo03********************************************************/ .bbs_photo03 .badge > em{height: 24px;line-height: 24px; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; padding: 0 6px; border-radius: 4px; margin-bottom: 7px;letter-spacing: 0; margin-right: 3px;} .bbs_photo03 .badge > em.wem_st01{background: #fff; border: 1px solid #3161f1;color: #3161f1;} .bbs_photo03 .badge > em.ipa_st01{background: #fff; border: 1px solid #00b56f;color: #00b56f;} .bbs_photo03 .badge > em.wem_st02{background: #3161f1; border: 1px solid #3161f1;color: #fff;} .bbs_photo03 .badge > em.ipa_st02{background: #00cd7d; border: 1px solid #00cd7d;color: #fff;} .bbs_photo03 .badge_top{position: absolute; top:10px; right: 10px; z-index: 5;} .bbs_photo03 .badge_top > em{height: 24px;line-height: 24px; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; padding: 0 6px; border-radius: 4px; margin-bottom: 7px;letter-spacing: 0; margin-right: 3px;} .bbs_photo03 .badge_top > em.wem_st01{background: #fff; border: 1px solid #3161f1;color: #3161f1;} .bbs_photo03 .badge_top > em.ipa_st01{background: #fff; border: 1px solid #00b56f;color: #00b56f;} .bbs_photo03 .badge_top > em.wem_st02{background: #3161f1; border: 1px solid #3161f1;color: #fff;} .bbs_photo03 .badge_top > em.ipa_st02{background: #00cd7d; border: 1px solid #00cd7d;color: #fff;} .bbs_photo03 .badge.bg_01{ background-color: #00caff;} /*디노베이션 : 스카이*/ .bbs_photo03 .badge.bg_02{ background-color: #00db66} /* 디바이스 : 그린 */ .bbs_photo03 .badge.bg_03{ background-color: #4e8fff} /* 데이타 :블루 */ .bbs_photo03 .badge.bg_04{ background-color: #f6d900} /* 디자인 : 엘로우*/ .bbs_photo03 .badge.bg_05{ background-color: #fc8fed} /* 첨단바이오테크 : 핑크*/ .bbs_photo03 {margin-bottom:20px;line-height: 1.6em;} .bbs_photo03 *{ box-sizing:border-box;} .bbs_photo03 ul {display: flex; flex-wrap: wrap;} .bbs_photo03 .photo_box{width:calc(25% - 20px); vertical-align: top; margin:0 10px 50px 10px; border: 1px solid #eee; border-radius: 10px; box-shadow:1px 15px 20px rgba(0,0,0,0.05); position: relative; overflow: hidden;} .bbs_photo03 .photo_box a{position:relative; display:block; overflow:hidden; font-size:16px;} .bbs_photo03 .photo_box a img {display:block; width:100%; height:100%;} .bbs_photo03 .photo_box a:hover img{transform:scale(1.1, 1.1); transition: all 0.4s;} .bbs_photo03 .photo_box a > span:nth-of-type(1) > img{width: 100%;} .bbs_photo03 .photo_box a > span{ display:block; overflow:hidden; background:#fff;} .bbs_photo03 .photo_box a > span:nth-of-type(1){ height:205px; position: relative;} /* .bbs_photo03 .photo_box a > span:nth-of-type(1):before{ content: ''; width: 100%; display: block; height: 60px; background: url("../images/inc/photo_bg01.png") center top no-repeat; left:0; position: absolute; z-index: 1; bottom: 0;} */ .bbs_photo03 .photo_box a .txt_box{ position: relative; padding:25px 40px 20px 40px; display:block; border-radius: 10px 10px 0 0; background: #fff; margin-top: -10px; box-shadow:-1px -10px 10px rgba(0,0,0,0.05);} .bbs_photo03 .photo_box a .txt_box > strong{display: block; font-size: 18px; height: 25px; overflow: hidden; margin-bottom: 10px; white-space: nowrap;text-overflow: ellipsis;} .bbs_photo03 .photo_box a:hover .txt_box > strong, .bbs_photo03 .photo_box a:focus .txt_box > strong{ color: #00199a;} .bbs_photo03 .photo_box a .txt_box > em{ margin-bottom: 20px; display: block; line-height: 15px; background: #eef5ff; border-radius: 10px; padding: 10px;} .bbs_photo03 .photo_box a .txt_box > em >i{font-size: 11px; width: 40px; display: inline-block; background: #fff; border-radius: 0 30px 30px 30px; text-align: center; margin: 3px 10px 3px 0; padding: 2px 0; border: 1px dashed #b1d3ff;} .bbs_photo03 .photo_box a .txt_box > em >b{font-size: 12px;width: calc(100% - 55px); display: inline-block;} .bbs_photo03 .photo_box a .txt_box > span { border-radius: 30px; border: 1px dashed #ddd; width: 100%; display: block; line-height: 45px; font-size: 14px; font-weight: 600; text-align: center; margin-bottom: 15px;} .bbs_photo03 .photo_box a:hover .txt_box > span, .bbs_photo03 .photo_box a:focus .txt_box > span{ background: #3161f1; color: #fff; border: 1px dashed #fff; } @media all and (max-width :1520px) { .bbs_photo03 .photo_box{ margin:0 10px 40px 10px;width:calc(25% - 20px);} .bbs_photo03 .photo_box a > span:nth-of-type(1){ height:222px} .bbs_photo03 .photo_box a > span:nth-of-type(1):before{ height: 50px;} .bbs_photo03 .photo_box a .txt_box{padding:25px 30px 20px 30px;} .bbs_photo03 .photo_box a .txt_box > strong{font-size: 18px; height: 20px; margin-bottom: 15px; font-weight: 500;} .bbs_photo03 .photo_box a .txt_box > span {line-height: 40px; margin-bottom: 10px;} .bbs_photo03 .photo_box a .txt_box > em{ margin-bottom: 10px; } .bbs_photo03 .photo_box a .txt_box > em > b{font-weight: 400; font-size: 14px;} } @media all and (max-width :1280px) { .bbs_photo03 .photo_box{width:calc(33.333% - 20px);} .bbs_photo03 .photo_box a > span:nth-of-type(1){ height:199px} } @media all and (max-width :1023px) { .bbs_photo03 .photo_box{width:calc(50% - 20px);} .bbs_photo03 .photo_box a .txt_box{padding:20px 30px;} } @media all and (max-width :767px) { .bbs_photo03 .badge{height: 22px;line-height: 22px; font-size: 10px; padding: 0 6px;} .bbs_photo03 .photo_box{width:calc(50% - 10px); margin:0 5px 20px 5px;} .bbs_photo03 .photo_box a > span:nth-of-type(1):before{ display: none;} .bbs_photo03 .photo_box a > span:nth-of-type(1){ height:109px;} .bbs_photo03 .photo_box a .txt_box{ padding:10px 15px 15px 15px; display:block;} .bbs_photo03 .photo_box a .txt_box > strong{font-size: 14px; height: 18px; margin-bottom: 10px;} .bbs_photo03 .photo_box a .txt_box > span {line-height: 30px; margin-bottom: 0; font-size: 12px;} .bbs_photo03 .photo_box a .txt_box > em{ border-radius: 6px; } .bbs_photo03 .photo_box a .txt_box > em >i{ margin: 2px 10px 2px 0;} .bbs_photo03 .photo_box a .txt_box > em > b{font-weight: 400; font-size: 14px;} } /*마이크로디그리 */ .bbs_photo05_txt{ margin: -10px 15px 25px 15px;} .bbs_photo05_txt ul{ padding-left: 10px;} .bbs_photo05_txt ul li{background: url("../images/inc/point05.png") left 6px no-repeat;padding-left: 11px; font-size: 16px; margin: 3px 0;} .bbs_photo05 .badge{height: 26px;line-height: 22px; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; padding: 0 10px; border-radius: 4px; margin-bottom: 7px; border: 2px solid #3161f1; color: #0034cf; } .bbs_photo05 {margin-bottom:20px;line-height: 1.6em;} .bbs_photo05 *{ box-sizing:border-box;} .bbs_photo05 ul {display: flex; flex-wrap: wrap;} .bbs_photo05 .photo_box{width:calc(25% - 20px); vertical-align: top; margin:0 10px 50px 10px; border: 1px solid #eee; border-radius: 10px; box-shadow:1px 15px 20px rgba(0,0,0,0.05); position: relative; overflow: hidden;} .bbs_photo05 .photo_box a{position:relative; display:block; overflow:hidden; font-size:16px;} .bbs_photo05 .photo_box a img {display:block; width:100%; height:100%;} .bbs_photo05 .photo_box a:hover img{transform:scale(1.1, 1.1); transition: all 0.4s;} .bbs_photo05 .photo_box a > span:nth-of-type(1) > img{width: 100%;} .bbs_photo05 .photo_box a > span{ display:block; overflow:hidden; background:#fff;} .bbs_photo05 .photo_box a > span:nth-of-type(1){ height:205px; position: relative;} .bbs_photo05 .photo_box a .txt_box{ position: relative; padding:25px 40px 20px 40px; display:block; border-radius: 10px 10px 0 0; background: #fff; margin-top: -10px; box-shadow:-1px -10px 10px rgba(0,0,0,0.05)} .bbs_photo05 .photo_box a .txt_box > strong{display: block; font-size: 18px; height: 25px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .bbs_photo05 .photo_box a .txt_box > b{display: block; font-size: 15px; height: 25px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-weight: 400;} .bbs_photo05 .photo_box a:hover .txt_box > strong, .bbs_photo05 .photo_box a:focus .txt_box > strong{ color: #00199a;} .bbs_photo05 .photo_box a .txt_box > em{ margin:10px 0 20px 0; display: block; line-height: 18px; font-size: 14px; height: 110px; overflow: hidden; } .bbs_photo05 .photo_box a .txt_box > span { border-radius: 30px; border: 1px dashed #ddd; width: 100%; display: block; line-height: 45px; font-size: 14px; font-weight: 600; text-align: center; margin-bottom: 15px;} .bbs_photo05 .photo_box a:hover .txt_box > span, .bbs_photo05 .photo_box a:focus .txt_box > span{ background: #3161f1; color: #fff; border: 1px dashed #fff; } @media all and (max-width :1520px) { .bbs_photo05_txt{ margin: -5px 15px 20px 15px;} .bbs_photo05_txt ul li{ font-size: 15px;} .bbs_photo05 .photo_box{ margin:0 10px 40px 10px;width:calc(25% - 20px);} .bbs_photo05 .photo_box a > span:nth-of-type(1){ height:220px} .bbs_photo05 .photo_box a > span:nth-of-type(1):before{ height: 50px;} .bbs_photo05 .photo_box a .txt_box{padding:25px 30px 20px 30px;} .bbs_photo05 .photo_box a .txt_box > strong{font-size: 18px; height: 20px; font-weight: 500;} .bbs_photo05 .photo_box a .txt_box > span {line-height: 40px; margin-bottom: 10px;} .bbs_photo05 .photo_box a .txt_box > em{ margin-bottom: 10px; } } @media all and (max-width :1280px) { .bbs_photo05 .photo_box{width:calc(33.333% - 20px);} .bbs_photo05 .photo_box a > span:nth-of-type(1){ height:199px} .bbs_photo05 .photo_box a .txt_box > em{ height: 92px;} } @media all and (max-width :1023px) { .bbs_photo05 .photo_box{width:calc(50% - 20px);} .bbs_photo05 .photo_box a .txt_box{padding:20px 30px;} .bbs_photo05 .photo_box a .txt_box > em{ height: 75px;} } @media all and (max-width :767px) { .bbs_photo05_txt{ margin: 0 15px 10px 15px;} .bbs_photo05_txt ul{ padding-left: 0;} .bbs_photo05_txt ul li{ font-size: 13px;} .bbs_photo05 .badge{height: 22px;line-height: 20px; font-size: 10px; padding: 0 6px; letter-spacing: 0;} .bbs_photo05 .photo_box{width:calc(50% - 10px); margin:0 5px 20px 5px;} .bbs_photo05 .photo_box a > span:nth-of-type(1):before{ display: none;} .bbs_photo05 .photo_box a > span:nth-of-type(1){ height:109px;} .bbs_photo05 .photo_box a .txt_box{ padding:10px 15px 15px 15px; display:block;} .bbs_photo05 .photo_box a .txt_box > strong{font-size: 14px; height: 18px; margin-bottom: 0;} .bbs_photo05 .photo_box a .txt_box > span {line-height: 30px; margin-bottom: 0; font-size: 12px;} .bbs_photo05 .photo_box a .txt_box i{ margin: 2px 10px 2px 0;} .bbs_photo05 .photo_box a .txt_box b{font-weight: 400; font-size: 14px;} .bbs_photo05 .photo_box a .txt_box > em{ margin:0 0 20px 0;font-size: 13px; line-height: 16px; height: 77px;} } /* 마이크로디그리 상세페이지 */ .bbs_photo05_view{ border-top: 2px solid #000;border-bottom: 1px solid #000; padding-bottom: 25px; margin-bottom: 50px;} .bbs_p05_tit {margin-bottom: 30px;border-bottom: 1px dashed #ddd; padding: 15px 5px;} .bbs_p05_tit strong{display: block; font-size: 25px; font-weight: 700; margin-bottom: 5px;} .bbs_p05_tit p{font-size: 18px; font-weight: 500; padding-left: 2px; letter-spacing: 0;} .bbs_p05_box_guide h5{ background: url("../images/inc/tit_02.png") 5px center no-repeat;padding-left:30px; margin-bottom: 10px; font-size: 20px; font-weight: 700; background-size: 18px;} .bbs_p05_box_guide{ margin-bottom: 70px;} .bbs_p05_box_guide01{ border-top: 1px solid #ebf2ff;} .bbs_p05_box_guide01 h4{ font-size: 22px; font-weight: 700; border-top: 3px solid #3261f2; margin-bottom: 15px; padding: 5px 0; display: inline-block;} .bbs_p05_box_guide .bbs_photo03, .bbs_p05_box_guide .bbs_photo05{margin-bottom: 0!important; margin-top: -20px;} .bbs_p05_box_guide .bbs_photo03 li, .bbs_p05_box_guide .bbs_photo05 li{margin: 20px 10px 0 10px;} @media all and (max-width :1520px) { .bbs_photo05_view{ padding-bottom: 20px; margin-bottom: 30px;} .bbs_p05_tit {margin-bottom: 20px;} .bbs_p05_tit strong{font-size: 18px;} .bbs_p05_tit p{font-size: 16px;padding-left: 0;} .bbs_p05_box_guide h5{ padding-left:25px; font-size: 18px; background-size: 15px;} .bbs_p05_box_guide{ margin-bottom: 50px;} } @media all and (max-width :1280px) { .bbs_p05_tit p{font-size: 15px;} .bbs_p05_box_guide h5{ padding-left:20px; font-size: 16px; background-size: 12px;} } @media all and (max-width :1024px) { .bbs_p05_tit p{font-size: 13px;} .bbs_p05_box_guide h5{ font-weight: 600;} .bbs_p05_box_guide{ margin-bottom: 30px;} } @media all and (max-width :767px) { .bbs_p05_tit { padding: 10px 5px;} .bbs_p05_tit strong{font-size: 15px; line-height: 20px;} .bbs_p05_box_guide .bbs_photo03 li, .bbs_p05_box_guide .bbs_photo05 li{margin: 20px 5px 0 5px;} } .bbs_p05_box01{ display: flex; justify-content: space-between; align-items: center;} .bbs_p05_box01 .bbs_p05_left01 img{ width: 400px; overflow: hidden; border-radius:0 20px 20px 20px; height: 265px;} .bbs_p05_box01 .bbs_p05_right01{ width:calc(100% - 450px); font-size: 20px; line-height: 30px; font-weight: 600;} @media all and (max-width :1520px) { .bbs_p05_box01 .bbs_p05_left01 img{ width: 300px;height: 200px;} .bbs_p05_box01 .bbs_p05_right01{ width:calc(100% - 330px); font-size: 18px; } } @media all and (max-width :1280px) { .bbs_p05_box01 .bbs_p05_right01{ font-size: 16px; line-height: 25px;} } @media all and (max-width :1024px) { .bbs_p05_box01 .bbs_p05_right01{ font-size: 15px; line-height: 20px; font-weight: 500;} } @media all and (max-width :767px) { .bbs_p05_box01{ flex-wrap: wrap;} .bbs_p05_box01 .bbs_p05_left01{width: 100%;} .bbs_p05_box01 .bbs_p05_left01 img{ width: 100%;} .bbs_p05_box01 .bbs_p05_right01{ width:100%; font-size: 14px; margin-top: 15px;} } .bbs_p05_box02 ul {display: inline-flex; width: 100%; flex-wrap: wrap; justify-content: space-between;} .bbs_p05_box02 ul li { width: calc(50% - 20px); background: #f9f9f9; border-radius: 10px; padding: 35px 25px 35px 100px; margin: 10px 0; font-weight: 500; font-size: 18px; word-break: keep-all; background-position: 30px center; background-repeat: no-repeat; background-size: 50px; display: flex; align-bbs_p05_box02items: center;background-image: url("../images/inc/bbs_p05_icon08.png") ;} .bbs_p05_box02 ul li:nth-of-type(1){background-image: url("../images/inc/bbs_p05_icon01.png") ;} .bbs_p05_box02 ul li:nth-of-type(2){background-image: url("../images/inc/bbs_p05_icon02.png") ;} .bbs_p05_box02 ul li:nth-of-type(3){background-image: url("../images/inc/bbs_p05_icon03.png") ;} .bbs_p05_box02 ul li:nth-of-type(4){background-image: url("../images/inc/bbs_p05_icon04.png") ;} .bbs_p05_box02 ul li:nth-of-type(5){background-image: url("../images/inc/bbs_p05_icon05.png") ;} .bbs_p05_box02 ul li:nth-of-type(6){background-image: url("../images/inc/bbs_p05_icon06.png") ;} .bbs_p05_box02 ul li:nth-of-type(7){background-image: url("../images/inc/bbs_p05_icon07.png") ;} .bbs_p05_box02 ul li:nth-of-type(8){background-image: url("../images/inc/bbs_p05_icon08.png") ;} .bbs_p05_box02 ul li:nth-of-type(9){background-image: url("../images/inc/bbs_p05_icon01.png") ;} .bbs_p05_box02 ul li:nth-of-type(10){background-image: url("../images/inc/bbs_p05_icon02.png") ;} .bbs_p05_box02 ul li:nth-of-type(11){background-image: url("../images/inc/bbs_p05_icon03.png") ;} .bbs_p05_box02 ul li:nth-of-type(12){background-image: url("../images/inc/bbs_p05_icon04.png") ;} .bbs_p05_box02 ul li:nth-of-type(13){background-image: url("../images/inc/bbs_p05_icon05.png") ;} .bbs_p05_box02 ul li:nth-of-type(14){background-image: url("../images/inc/bbs_p05_icon06.png") ;} .bbs_p05_box02 ul li:nth-of-type(15){background-image: url("../images/inc/bbs_p05_icon07.png") ;} .bbs_p05_box02 ul li:nth-of-type(16){background-image: url("../images/inc/bbs_p05_icon08.png") ;} @media all and (max-width :1520px) { .bbs_p05_box02 ul li { width: calc(50% - 10px); font-size: 16px;padding: 30px 20px 30px 90px;background-position: 25px center; } } @media all and (max-width :1280px) { .bbs_p05_box02 ul li {width: calc(50% - 5px);font-size: 15px;margin: 5px 0;} } @media all and (max-width :767px) { .bbs_p05_box02 ul li {width:100%;font-size: 14px;padding: 20px 10px 20px 70px;background-position: 20px center;background-size: 40px;} } /* 이수방법 */ .bbs_p05_box03 { border-radius: 20px; padding: 30px; display: flex; align-items: center; background: #f5f9fd; position: relative; min-height: 280px;} .bbs_p05_box03 img{ width: 230px; position: absolute; bottom:0; left:30px;} .bbs_p05_box03 ul{width: 100%; padding-left: 280px;} .bbs_p05_box03 li{ padding: 12px 0 12px 45px; background: url("../images/inc/title_icon01.png") 10px 10px no-repeat; background-size: 23px; font-size: 16px; font-weight: 500;} @media all and (max-width :1520px) { .bbs_p05_box03 ul{padding-left: 250px;} .bbs_p05_box03 li{ padding: 12px 0 12px 40px; background-size: 20px; font-size: 15px;} } @media all and (max-width :1280px) { .bbs_p05_box03 { border-radius: 10px; padding: 20px;min-height: 240px;} .bbs_p05_box03 img{ width: 200px; left:20px;} .bbs_p05_box03 ul{padding-left: 200px;} } @media all and (max-width :1024px) { .bbs_p05_box03 { min-height: 220px;} .bbs_p05_box03 img{ width: 180px; } .bbs_p05_box03 li{ padding: 10px 0 10px 30px; background-size: 16px; font-size: 14px;} } @media all and (max-width :767px) { .bbs_p05_box03 { min-height: 180px; padding:10px 15px;} .bbs_p05_box03 ul{padding-left:0; padding-bottom: 130px;} .bbs_p05_box03 img{ width: 120px; left:50%; transform: translateX(-50%);} .bbs_p05_box03 li{ padding: 10px 0 10px 20px; background-position:left 10px;background-size: 14px; font-size: 13px;} } .bbs_p05_box04 {display: inline-flex; width: 100%; flex-wrap: wrap; margin-top: -5px;} .bbs_p05_box04 dl{ width: calc(33.333% - 20px); margin: 10px; border: 1px solid #ddd; border-radius: 10px; padding: 25px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05)} .bbs_p05_box04 dl dt{font-size: 17px; font-weight: 600; margin-bottom: 5px; color: #015aca;} .bbs_p05_box04.w04 dl{ width: calc(25% - 20px);} .bbs_p05_box04.w04 dl dt{color: #000;} .bbs_p05_box04.w05 dl{ width: calc(20% - 20px);} .bbs_p05_box04.w05 dl dt{color: #000;} @media all and (max-width :1520px) { .bbs_p05_box04.w04 dl, .bbs_p05_box04.w05 dl, .bbs_p05_box04 dl{ width: calc(33.333% - 10px); margin: 5px; border-radius: 10px; padding: 20px;} .bbs_p05_box04 dl dd{font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box04 {justify-content: space-between;} .bbs_p05_box04.w04 dl, .bbs_p05_box04.w05 dl, .bbs_p05_box04 dl{ width: calc(50% - 10px); padding: 15px;} .bbs_p05_box04 dl dt{font-size: 16px; margin-bottom: 5px;} .bbs_p05_box04 dl dd{font-size: 13px;} } @media all and (max-width :767px) { .bbs_p05_box04.w04 dl, .bbs_p05_box04.w05 dl, .bbs_p05_box04 dl{ width: 100%;} .bbs_p05_box04 dl dt{font-size: 14px;} } .bbs_p05_box04_01 {border: 2px solid #ebf2ff; border-radius: 10px; padding: 5px 0;box-shadow: 1px 10px 10px rgba(0,0,0,0.05); display: flex; justify-content: space-between; align-items: center;} .bbs_p05_box04_01 img{max-width: 370px; margin-right: 10px;} .bbs_p05_box04_01 > div{ width: calc(100% - 400px);} .bbs_p05_box04_01 dl{ padding: 20px 25px; border-top: 1px dashed #cbdaf5; display: flex; align-items: flex-start;} .bbs_p05_box04_01 dl:first-child{border-top:0;} .bbs_p05_box04_01 dl dt{font-size: 17px; font-weight: 700; color: #001b4c;background: url(../images/inc/title_icon01.png) left 3px no-repeat; background-size: 18px; padding: 2px 0 2px 25px; } .bbs_p05_box04_01 dl dd{ padding-top: 5px; padding-left: 20px;} @media all and (max-width :1520px) { .bbs_p05_box04_01 img{max-width: 300px;} .bbs_p05_box04_01 > div{ width: calc(100% - 340px);} .bbs_p05_box04_01{ border-radius: 10px;} .bbs_p05_box04_01 dl dd{font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box04_01 img{max-width: 200px;} .bbs_p05_box04_01 > div{ width: calc(100% - 240px);} .bbs_p05_box04_01 dl dt{font-size: 16px; margin-bottom: 5px;} .bbs_p05_box04_01 dl dd{font-size: 13px;} } @media all and (max-width :767px) { .bbs_p05_box04_01 img{max-width:inherit; display: none;} .bbs_p05_box04_01 > div{ width: 100%;} .bbs_p05_box04_01 dl{flex-wrap: wrap; padding: 10px 20px;} .bbs_p05_box04_01 dl dt{font-size: 14px; width: 100%;background-size: 14px; padding: 2px 0 2px 20px;} .bbs_p05_box04_01 dl dd{ padding-top: 0; padding-left: 0;} } .bbs_p05_box04_02 {display: inline-flex; width: 100%; flex-wrap: wrap;} .bbs_p05_box04_02 dl{ width: calc(25% - 20px); margin: 10px; border-radius: 10px; padding: 25px;} .bbs_p05_box04_02 dl:nth-child(odd) {background:#f8f4ff;} .bbs_p05_box04_02 dl:nth-child(even) {background: #ebf2ff;} .bbs_p05_box04_02 dl dt{font-size: 17px; font-weight: 700; margin-bottom: 10px;} @media all and (max-width :1520px) { .bbs_p05_box04_02 dl{ width: calc(33.333% - 10px); margin: 5px; border-radius: 10px; padding: 20px;} .bbs_p05_box04_02 dl dd{font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box04_02 {justify-content: space-between;} .bbs_p05_box04_02 dl{ width: calc(50% - 10px); padding: 15px;} .bbs_p05_box04_02 dl dt{font-size: 16px; margin-bottom: 5px;} .bbs_p05_box04_02 dl dd{font-size: 13px;} } @media all and (max-width :767px) { .bbs_p05_box04_02 dl{ width: 100%;} .bbs_p05_box04_02 dl dt{font-size: 14px;} } /* 마이크로디그리 소개 페이지에 사용 */ .bbs_p05_box05_01 { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 100%;} .bbs_p05_box05_01 dl:nth-child(odd) {background:#f8f4ff;} .bbs_p05_box05_01 dl:nth-child(even) {background: #fffbee;} .bbs_p05_box05_01 dl{ display: flex; justify-content: space-between; align-items: center;border-radius: 20px; padding: 30px; width: calc(50% - 20px); margin-bottom: 15px;} .bbs_p05_box05_01 dl dt{width: 100px; height: 100px; border-radius: 50%; overflow: hidden; box-shadow: 1px 5px 5px rgba(0,0,0,0.1);} .bbs_p05_box05_01 dl dt img{width: 100%;} .bbs_p05_box05_01 dl dd{ width: calc(100% - 130px);} .bbs_p05_box05_01 dl dd p{ font-size: 16px; margin: 10px 0;font-weight: 500; line-height: 1.5em} .bbs_p05_box05_01 dl dd p:last-child{font-weight: 600; font-size: 15px;} @media all and (max-width :1520px) { .bbs_p05_box05_01 dl{ border-radius: 10px; padding: 20px; width: calc(50% - 10px); margin-bottom: 10px;} .bbs_p05_box05_01 dl dt{width: 80px; height: 80px;} .bbs_p05_box05_01 dl dd{ width: calc(100% - 100px);} .bbs_p05_box05_01 dl dd p{ font-size: 15px;} .bbs_p05_box05_01 dl dd p:last-child{ font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box05_01 dl{ padding: 15px; width: calc(50% - 5px); margin-bottom: 10px;} .bbs_p05_box05_01 dl dt{width: 60px; height: 60px;} .bbs_p05_box05_01 dl dd{ width: calc(100% - 75px);} .bbs_p05_box05_01 dl dd p{ font-size: 14px; font-weight: 400;line-height: 1.4em} .bbs_p05_box05_01 dl dd p:last-child{ font-size: 13px;} } @media all and (max-width :1024px) { .bbs_p05_box05_01 p br{display: none;} } @media all and (max-width :767px) { .bbs_p05_box05_01 dl{ width:100%;} .bbs_p05_box05_01 dl dd p{ font-size: 13px;} .bbs_p05_box05_01 dl dd p:last-child{ font-size: 11px;font-weight: 500;} } .bbs_p05_box05 { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 100%;} .bbs_p05_box05 dl:nth-child(odd) {background:#f8f4ff;} .bbs_p05_box05 dl:nth-child(even) {background: #fffbee;} .bbs_p05_box05 dl{ display: flex; justify-content: space-between; align-items: center;border-radius: 20px; padding: 30px; margin-bottom: 15px;} .bbs_p05_box05 dl dt{width: 100px; height: 100px; border-radius: 50%; overflow: hidden; box-shadow: 1px 5px 5px rgba(0,0,0,0.1);} .bbs_p05_box05 dl dt img{width: 100%;} .bbs_p05_box05 dl dd{ width: calc(100% - 130px);} .bbs_p05_box05 dl dd p{ font-size: 16px; margin: 10px 0;font-weight: 500; line-height: 1.5em} .bbs_p05_box05 dl dd p:last-child{font-weight: 600; font-size: 15px;} @media all and (max-width :1520px) { .bbs_p05_box05 dl{ border-radius: 10px; padding: 20px; margin-bottom: 10px;} .bbs_p05_box05 dl dt{width: 80px; height: 80px;} .bbs_p05_box05 dl dd{ width: calc(100% - 100px);} .bbs_p05_box05 dl dd p{ font-size: 15px;} .bbs_p05_box05 dl dd p:last-child{ font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box05 dl{ padding: 15px; margin-bottom: 10px;} .bbs_p05_box05 dl dt{width: 60px; height: 60px;} .bbs_p05_box05 dl dd{ width: calc(100% - 75px);} .bbs_p05_box05 dl dd p{ font-size: 14px; font-weight: 400;line-height: 1.4em} .bbs_p05_box05 dl dd p:last-child{ font-size: 13px;} } @media all and (max-width :767px) { .bbs_p05_box05 dl{ width:100%;} .bbs_p05_box05 dl dd p{ font-size: 13px;} .bbs_p05_box05 dl dd p:last-child{ font-size: 11px;font-weight: 500;} } .bbs_p05_box06{font-size: 18px; padding: 30px 40px;border-radius: 20px; border: 1px dashed #ddd;font-weight: 500; position: relative; min-height: 200px; display: flex; align-items: center; padding-right: 400px; line-height: 30px;} .bbs_p05_box06 img{ width: 350px; position: absolute;bottom:0;right:30px;} @media all and (max-width :1520px) { .bbs_p05_box06{font-size: 16px;min-height: 180px; padding: 20px 30px;border-radius: 10px; padding-right: 320px; line-height: 28px;} .bbs_p05_box06 img{ width: 300px;right:20px;} } @media all and (max-width :1280px) { .bbs_p05_box06{font-size: 15px;min-height: 160px; padding: 15px 25px; padding-right: 280px;line-height: 25px;} .bbs_p05_box06 img{ width: 260px;right:15px;} } @media all and (max-width :767px) { .bbs_p05_box06{font-size: 14px;min-height: 120px; padding: 15px 20px; padding-right: 100px;line-height: 20px;} .bbs_p05_box06 img{ width: 100px;right:0;} } .bbs_p05_vtable01{padding: 0;border: 2px solid #d5e5fd; overflow: hidden; border-radius: 10px;} .bbs_p05_vtable01 table{width:100%; text-align: center;} .bbs_p05_vtable01 table tr{position: relative;} .bbs_p05_vtable01 table thead th{ padding: 12px 10px;font-weight: 600;font-size: 14px; white-space: nowrap;background: #ebf2ff;color: #1a1e54; border-bottom: 1px solid #d5e5fd;} .bbs_p05_vtable01 table tbody th {padding:10px 5px; text-align:center; border-bottom:1px solid #e0e8f7; font-size: 15px; color: #1a1e54; font-weight: 500;} .bbs_p05_vtable01 table td{padding:10px 5px; text-align:center; border-bottom:1px solid #e0e8f7; font-size: 16px; line-height: 26px;} .bbs_p05_vtable01 table tr.tr_bg01 th, .bbs_p05_vtable01 table tr.tr_bg01 td{ border-top: 2px solid #d5e5fd; background: #f6f9ff; font-weight: 600; color: #1681fa;} .bbs_p05_vtable01 table tbody tr:last-child th, .bbs_p05_vtable01 table tbody tr:last-child td, .bbs_p05_vtable01 table tr:last-child td{border: 0;} @media all and (max-width :767px) { .bbs_p05_vtable01{ border-radius: 4px;} .bbs_p05_vtable01 table thead th{ padding: 7px; font-size: 11px;} .bbs_p05_vtable01 table tbody th {font-size: 13px;} .bbs_p05_vtable01 table td{ font-size: 13px; line-height: 18px; word-break: keep-all;} } .bbs_p05_box07{font-size: 18px; padding: 30px 40px;border-radius: 20px; border: 1px solid #ddd;font-weight: 600; position: relative; min-height: 200px; display: flex; align-items: center; padding-right: 400px; line-height: 30px;} .bbs_p05_box07 img{ width: 350px; position: absolute;bottom:0;right:30px;} .bbs_p05_box07 ul li{background: url("../images/inc/title_icon01.png") left 7px no-repeat; background-size: 18px; padding: 2px 0 2px 25px; font-weight: 500;} @media all and (max-width :1520px) { .bbs_p05_box07{font-size: 16px;min-height: 180px; padding: 20px 30px;border-radius: 10px; padding-right: 320px; line-height: 28px;} .bbs_p05_box07 img{ width: 300px;right:20px;} } @media all and (max-width :1280px) { .bbs_p05_box07{font-size: 15px;min-height: 160px; padding: 15px 25px; padding-right: 280px;line-height: 25px;} .bbs_p05_box07 ul li{background-position:left 7px; background-size: 12px;padding: 2px 0 2px 17px; } .bbs_p05_box07 img{ width: 260px;right:15px;} } @media all and (max-width :767px) { .bbs_p05_box07{font-size: 14px;min-height: 120px; padding: 15px 20px; padding-right: 100px;line-height: 20px;} .bbs_p05_box07 img{ width: 100px;right:0;} } .bbs_p05_box07_02{padding: 20px 30px;border-radius: 10px; border: 1px solid #ddd;font-weight: 600; position: relative;} .bbs_p05_box07_02 ul li{ margin: 2px 0; background: url("../images/inc/point05.png") left 10px no-repeat;padding:5px 0 5px 10px; font-weight: 500;margin-right: 10px;border-radius: 4px; font-size: 16px; min-width: 100px;} .bbs_p05_box07_02 p{background: #ebf2ff url("../images/inc/h4_bg.png") 15px 9px no-repeat;padding: 10px 20px 10px 43px; border-radius: 30px; margin-top: 10px; display: inline-block;} @media all and (max-width :1520px) { .bbs_p05_box07_02{ padding: 20px 25px;} .bbs_p05_box07_02 ul li{ font-size: 15px; } } @media all and (max-width :1280px) { .bbs_p05_box07_02{ padding: 15px 20px;} .bbs_p05_box07_02 ul li{ bpadding: 2px 0 2px 10px; font-size: 14px; font-weight: 400;} .bbs_p05_box07_02 p{font-size: 14px;} } @media all and (max-width :767px) { .bbs_p05_box07_02{ padding: 10px 15px;} .bbs_p05_box07_02 ul li{ font-size: 13px; margin: 0;} .bbs_p05_box07_02 p{font-size: 12px; background-size: 15px; background-position: 10px 7px;border-radius: 4px;padding: 5px 15px 5px 30px; font-weight: 500; } } /* .bbs_p05_box07_01{padding: 30px 40px;border-radius: 20px; border: 1px solid #ddd;font-weight: 600; position: relative; min-height: 200px; display: flex; align-items: center; padding-right: 400px;} .bbs_p05_box07_01 img{ width: 350px; position: absolute;bottom:0;right:30px;} .bbs_p05_box07_01 ul li{display: flex;align-items: flex-start; margin: 2px 0;} .bbs_p05_box07_01 ul li strong{ background: url("../images/inc/h4_bg.png") left center no-repeat;padding:5px 0 5px 30px; font-weight: 700; margin-right: 10px; color: #3261f2; border-radius: 4px; font-size: 16px; min-width: 100px;} .bbs_p05_box07_01 ul li span{font-size: 16px; font-weight: 500; padding: 5px 0; } @media all and (max-width :1520px) { .bbs_p05_box07_01{min-height: 180px; padding: 20px 30px;border-radius: 10px; padding-right: 320px;} .bbs_p05_box07_01 img{ width: 300px;right:20px;} } @media all and (max-width :1280px) { .bbs_p05_box07_01{font-size: 15px;min-height: 160px; padding: 5px 25px; padding-right: 280px;} .bbs_p05_box07_01 ul li{ flex-wrap: wrap; margin: 10px 0;} .bbs_p05_box07_01 ul li strong{ background-size: 15px;padding: 2px 0 2px 20px;min-width:inherit; width: 100%; font-size: 16px;} .bbs_p05_box07_01 ul li span{font-size: 14px;padding: 0; font-weight: 400; line-height: 20px;} .bbs_p05_box07_01 img{ width: 260px;right:15px;} } @media all and (max-width :767px) { .bbs_p05_box07_01{min-height: 120px; padding: 0 15px; padding-right: 100px;line-height: 20px;} .bbs_p05_box07_01 img{ width: 100px;right:0;} .bbs_p05_box07_01 ul li strong{ font-size: 14px;} .bbs_p05_box07_01 ul li span{font-size: 13px; line-height: 18px;} }*/ .bbs_p05_box08{padding: 30px;border-radius: 10px; background: #ebf2ff;} .bbs_p05_box08 ul{ display: inline-flex; align-items: center; flex-wrap: wrap; width: 100%; justify-content: center;} .bbs_p05_box08 ul li{ font-size: 16px;font-weight: 500; line-height: 38px; border-radius: 30px; background: #fff; padding: 0 15px; margin: 5px 10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);} @media all and (max-width :1520px) { .bbs_p05_box08{padding: 20px;} } @media all and (max-width :1280px) { .bbs_p05_box08{ padding: 15px 20px;} .bbs_p05_box08 ul li{font-size: 15px;line-height: 30px;margin:3px 5px;} } @media all and (max-width :767px) { .bbs_p05_box08{ padding: 15px;} .bbs_p05_box08 ul li{font-size: 14px;line-height: 25px;} } /*이수자 후기*/ .bbs_p05_box09 {border-radius: 20px; border: 1px solid #d5e5fd; overflow: hidden;} .bbs_p05_box09 dl{border-top: 3px solid #d5e5fd;} .bbs_p05_box09 dl:first-child{border-top:0;} .bbs_p05_box09 dl dt{font-weight: 400; padding: 20px 30px 15px 30px; font-size: 16px;line-height: 25px;} .bbs_p05_box09 dl dd {display: inline-flex; align-items:flex-start; padding: 15px 30px;background: #ebf2ff; flex-wrap: wrap; width: 100%;} .bbs_p05_box09 dl dd strong{margin:2px 5px 2px 0; font-size: 500; background: #fff; border-radius: 30px; padding: 5px 15px 6px 15px;} .bbs_p05_box09 dl dd strong:nth-of-type(1){background: #fff url("../images/inc/login_icon03.png") 8px center no-repeat; background-size: 22px; padding-left: 32px;} .bbs_p05_box09 dl dd p:last-child{font-weight: 600; font-size: 15px;} @media all and (max-width :1520px) { .bbs_p05_box09 { border-radius: 10px;} } @media all and (max-width :1280px) { .bbs_p05_box09 dl dt{ padding: 15px; font-size: 14px;line-height: 20px;} .bbs_p05_box09 dl dd {padding: 10px 15px;} .bbs_p05_box09 dl dd strong{font-size: 14px;} } /*상담 및 문의*/ .bbs_p05_box10{border-radius: 20px; background: #f9f9f9 url("../images/inc/bbs_p05_img04.png") 30px center no-repeat; background-size: 80px; padding: 30px 30px 30px 150px; display: flex; align-items: center; min-height: 60px; font-size: 17px; line-height: 25px;} @media all and (max-width :1520px) { .bbs_p05_box10{border-radius: 10px;font-size: 16px; line-height: 24px; } } @media all and (max-width :1280px) { .bbs_p05_box10{font-size: 14px; line-height: 20px;padding: 20px 20px 20px 130px; background-size: 70px;} } @media all and (max-width :767px) { .bbs_p05_box10{ background-position: 15px center;background-size: 50px;padding: 15px 15px 15px 80px;font-size: 13px; line-height: 18px} } .bbs_p05_box11{display: flex; justify-content: space-between; flex-wrap: wrap;} .bbs_p05_box11 dl{width: calc(50% - 20px); padding: 25px 30px; border-radius: 10px; margin:0 5px 5px 5px;} .bbs_p05_box11 dl dt{ font-size: 20px;padding-bottom: 5px;} .bbs_p05_box11 dl dd{display: block; font-size: 16px;margin-top: 5px; background: url("../images/inc/point06.png") left 6px no-repeat; padding-left: 10px;} .bbs_p05_box11 dl:nth-child(odd) {background:#f8f4ff;} .bbs_p05_box11 dl:nth-child(even) {background: #fffbee;} @media all and (max-width :1520px) { .bbs_p05_box11 dl{width: calc(50% - 10px);padding: 20px 25px;} .bbs_p05_box11 dl dt{ font-size: 18px;} .bbs_p05_box11 dl dd{ font-size: 14px; background-position: left 4px;} } @media all and (max-width :1280px) { .bbs_p05_box11 dl{padding: 15px;} .bbs_p05_box11 dl dt{ font-size: 15px;} } @media all and (max-width :767px) { .bbs_p05_box11 dl{width:100%; } .bbs_p05_box11 dl dt{ font-size: 14px;} } .bbs_p05_box12 {} .bbs_p05_box12 a{display: block; text-decoration: underline;text-decoration-color: #999} .bbs_p05_box12 a:hover, .bbs_p05_box12 a:focus{color: #2a5aca; font-weight: 600;} .bbs_p05_box12 .bbs_p05_box12_01{margin: 10px 10px 20px 10px; border: 1px solid #ddd; border-radius: 20px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05);padding: 5px 0 0 0;} .bbs_p05_box12 .bbs_p05_box12_01 > dt{font-size: 20px; font-weight: 700; margin-bottom: 10px;padding: 15px 30px 15px 60px; background-position: 30px center; background-repeat: no-repeat; background-size: 25px; border-bottom: 1px dashed #ddd;} .bbs_p05_box12 .bbs_p05_box12_01 > dd{padding: 10px 15px 0 15px; display: inline-flex; width: 100%; flex-wrap: wrap;} .bbs_p05_box12 .bbs_p05_box12_01 > dd .bbs_p05_box12_02{width:calc(33.333% - 40px); margin:0 20px 20px 20px;} .bbs_p05_box12 .bbs_p05_box12_01:nth-of-type(1) > dt{background-image: url("../images/inc/con_icon02_01.png");} .bbs_p05_box12 .bbs_p05_box12_01:nth-of-type(2) > dt{background-image: url("../images/inc/con_icon01.png");} .bbs_p05_box12 .bbs_p05_box12_01:nth-of-type(3) > dt{background-image: url("../images/inc/con_icon03.png");} .bbs_p05_box12 .bbs_p05_box12_02{margin: 15px 0 20px 0;} .bbs_p05_box12 .bbs_p05_box12_02 > dt{margin-bottom: 5px;} .bbs_p05_box12 .bbs_p05_box12_02 > dd{background: url("../images/inc/point06.png") left 8px no-repeat; padding: 3px 0 3px 10px; font-size: 14px;} @media all and (max-width :1520px) { .bbs_p05_box12 .bbs_p05_box12_01{ margin: 5px 5px 10px 5px; border-radius: 10px;padding: 5px 0 10px 0;} .bbs_p05_box12 .bbs_p05_box12_01 > dt{font-size: 18px;} .bbs_p05_box12 .bbs_p05_box12_01 > dd{font-size: 14px;} } @media all and (max-width :1280px) { .bbs_p05_box12 .bbs_p05_box12_01 > dt{font-size: 16px; margin-bottom: 5px;padding: 15px 20px 15px 45px;background-position: 15px center;} .bbs_p05_box12 .bbs_p05_box12_01 > dd{font-size: 13px;padding: 10px 15px 0 15px;} .bbs_p05_box12 .bbs_p05_box12_01 > dd .bbs_p05_box12_02{width:calc(50% - 20px); margin:0 10px 20px 10px;font-size: 13px;} .bbs_p05_box12 .bbs_p05_box12_02 > dt{font-size: 14px;} } @media all and (max-width :767px) { .bbs_p05_box12 .bbs_p05_box12_01{padding: 0 0 5px 0;} .bbs_p05_box12 .bbs_p05_box12_01 > dd .bbs_p05_box12_02{width:100%; margin:0 0 10px 0;} .bbs_p05_box12 .bbs_p05_box12_01{ width: 100%;} .bbs_p05_box12 .bbs_p05_box12_01 > dt{font-size: 15px;} } /* 교과과정 > 개설과목 상세페이지*/ /* bbs_view02 ************************************************************************************/ .bbs_view02 { clear:both; } .bbs_view02 *{ box-sizing:border-box;} .bbs_view02 h5 { padding-left: 10px; justify-content: space-between; display:flex; align-items: center;} .bbs_view02 h5 strong{ font-size: 25px; font-weight: 800; border-bottom: 3px solid #1779ff; padding: 0 5px 5px 5px; display: inline-block; margin-bottom: 20px;} .bbs_view02 h5 .cl_txt_btn{ background: #5379ff url("../images/inc/copy_btn_img.png") 10px center no-repeat; border-radius: 4px; line-height: 28px; height: 28px; text-align: center; color: #fff; padding: 0 15px 0 28px; font-size: 13px; font-weight: 500; background-size: 12px; box-shadow: 1px 5px 5px rgba(0,0,0,0.05);} .bbs_view02 .cview_blind01{display: none;} @media all and (max-width :1280px) { .bbs_view02 h5 { padding-left: 5px; align-items:flex-start} .bbs_view02 h5 strong{ font-size: 20px;margin-bottom: 10px; font-weight: 700; } .bbs_view02 h5 .cl_txt_btn{line-height: 24px; height: 24px; padding: 0 10px; font-size: 11px; background-image:none;} } @media all and (max-width :1023px) { .bbs_view02 .cview_blind01{display: block;} .bbs_view02 .cview_blind02{display: none;} .bbs_view02 h5 { padding-left: 5px;} .bbs_view02 h5 strong{ font-size: 18px;padding: 0 0 3px 0; font-weight: 600; border-bottom: 2px solid #1779ff;} } @media all and (max-width :767px) { .bbs_view02 h5 strong{ font-size: 15px;} } .cur_view01_tab ul{ display: flex; justify-content:center; gap:7px; align-items: center;} .cur_view01_tab li{width: 33.333%; } .cur_view01_tab li a{display: block;background:#f9f9f9; color: #555; font-weight: 700; font-size: 15px; border-radius: 100px; line-height: 52px; height: 52px; padding: 0 15px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); text-align: center;} .cur_view01_tab li a.active span{ display: inline-block; padding-left: 20px; background: url("../images/inc/copy_btn_img.png") left center no-repeat; background-size: 15px;} .cur_view01_tab li a:hover, .cur_view01_tab li a:focus, .cur_view01_tab li a.active{background:#1779ff; color: #fff;} @media all and (max-width :1520px) { .cur_view01_tab ul{ gap:5px;} .cur_view01_tab li a{ font-size: 14px; line-height: 40px; height: 40px; padding: 0 10px; } } @media all and (max-width :1280px) { .cur_view01_tab li a{ font-size: 13px; line-height: 40px; height: 40px; padding: 0 5px; border-radius: 4px;} .cur_view01_tab li a.active span{ padding-left: 0; background: none;} } @media all and (max-width :1024px) { .cur_view01_tab ul{ justify-content: center; padding-right: 0; margin-bottom: 15px;} .cur_view01_tab li a{ line-height: 35px; height: 35px; padding: 0 5px; font-weight: 600; } } @media all and (max-width :767px) { .cur_view01_tab ul{ margin-bottom: 10px;} .cur_view01_tab li a{ font-size: 12px; line-height: 30px; height: 30px; padding: 0 13px; font-weight: 500; box-shadow: 1px 5px 5px rgba(0,0,0,0.05); } .cur_view01_tab li a.active span{ padding-left: 0; background-image:none;} } .cur_view_guide{ display: flex; justify-content: space-between; } .cview_left{ width: 62%;} .cview_right{ width: 35%;} @media all and (max-width :1023px) { .cur_view_guide{ flex-wrap: wrap;} .cview_left{ width: 100%; order: 2;} .cview_right{ width: 100%; order: 1;} } .cl_txt_guide{ margin-bottom: 50px;} .cl_txt_guide h6 {margin-bottom: 10px;} .cl_txt_guide h6 strong{background: url("../images/board/total_icon01.png") 5px center no-repeat; font-size: 17px; padding-left: 25px;font-weight: 600;} .cur_table01 .al{ text-align: left;} .cur_table01 table{ text-align: center; width: 100%; border-radius: 6px;box-shadow: 0 0 2px rgba(44, 100, 183, 0.7); overflow: hidden;} .cur_table01 table th{border-left:1px solid #eaeef4; padding:10px 2%; font-size:14px; background: #ebf3ff;} .cur_table01 thead tr:first-child th:first-child { border-top-left-radius: 6px; border-left:0; } .cur_table01 table td{ padding:20px 2%; font-size:15px; border-left:1px solid #eaeef4;border-bottom:1px dashed #dbe2ec;} .cur_table01 table tbody tr:last-child td{border-bottom:0;} .cur_table01 table tbody tr td:first-child{border-left:0;} @media all and (max-width :1280px) { .cl_txt_guide h6 strong{ font-size: 15px; padding-left: 22px; background-size: 12px;} .cur_table01 table{ border-radius: 4px;} .cur_table01 table th{padding:7px 2%; font-size:13px; font-weight: normal;} .cur_table01 table td{ padding:18px 2%; font-size:14px; } } @media all and (max-width :767px) { .cl_txt_guide{ margin-bottom:40px;} .cl_txt_guide h6 {margin-bottom: 3px;} .cur_table01{overflow: auto; padding: 5px;} .cur_table01 table{ width: 750px;} } /* 해시테그 */ .c_hashtag dl{ display: flex; gap:5px; align-items: center;margin-top: 20px; flex-wrap: wrap;} .c_hashtag dl dt strong{ display: block; border-radius: 0 30px 30px 30px; font-size: 15px; font-weight: 600; color: #fff;background:#3161f1; padding: 5px 10px} .c_hashtag dl dd{font-size: 16px; font-weight: 500; color: #555;padding-left: 5px;} @media all and (max-width: 1280px) { .c_hashtag dl{margin-top: 10px; gap:3px;} .c_hashtag dl dt strong{ font-size: 12px;} .c_hashtag dl dd{ font-size: 13px;font-weight: 400;} } .cl_txt01 img{ width: 100%;border-radius:10px; overflow: hidden; border:1px solid #d3dff0} .cl_txt02 {border: 1px solid #d3dff0; padding: 20px 0; border-radius: 10px; margin-bottom: 40px;} .cl_txt02 li{ display: flex; justify-content: space-between; border-top:1px solid #f3f6fb; padding: 15px 40px; align-items: center;} .cl_txt02 li:first-child{border-top:0;} .cl_txt02 strong{ width: 90px; border-radius: 0 50px 50px 50px; padding: 10px 0; word-break: keep-all; font-size: 14px;background:#eff5ff; text-align: center;} .cl_txt02 span{ width: calc(100% - 110px);} .cl_txt03 { margin-bottom: 40px;} @media all and (max-width :1280px) { .cl_txt02 { padding: 10px 0;margin-bottom: 30px;} .cl_txt02 li{ padding: 10px 20px;} .cl_txt02 span{ font-size: 14px;} .cl_txt03 { margin-bottom: 30px;} } @media all and (max-width :1023px) { .cl_txt02 strong{ font-size: 13px; width: 80px;} .cl_txt02 span{ width: calc(100% - 100px);} } @media all and (max-width :767px) { .cl_txt02 { padding: 5px 0;} .cl_txt02 li{ padding: 7px 15px;} .cl_txt02 strong{ font-size: 12px;} } .cl_txt04 {border: 1px solid #d3dff0;background: #f6f9ff; padding:20px 30px; border-radius: 10px; margin-bottom: 40px;} .cl_txt04 ul{ background: #fff; border-radius: 10px; padding: 15px 20px; margin: 20px 0; display: flex;; align-items: center; justify-content: space-between; box-shadow: 0 5px 10px rgba(0,0,0,0.03);} .cl_txt04 ul li:first-child{ width: 200px; } .cl_txt04 ul li:nth-of-type(2){ width: calc(100% - 240px); margin: 0 20px;word-break: keep-all; line-height: 20px;} .cl_txt04 ul li{ display: flex; align-items: center; flex-wrap: wrap;} .cl_txt04 ul li strong{font-size: 17px; font-weight: 700; background: url("../images/inc/cur_v_icon01.png") left center no-repeat; background-size: 45px; padding: 15px 0 15px 55px;} .cl_txt04 ul:nth-of-type(2) li strong{ background-image: url("../images/inc/cur_v_icon02.png");} .cl_txt04 ul:nth-of-type(3) li strong{ background-image: url("../images/inc/cur_v_icon03.png");} .cl_txt04 ul:nth-of-type(4) li strong{ background-image: url("../images/inc/cur_v_icon04.png");} .cl_txt04 ul:nth-of-type(5) li strong{ background-image: url("../images/inc/cur_v_icon05.png");} .cl_txt04 ul li em{font-size: 25px; font-weight: 800; color: #1779ff; } .cl_txt04 ul li i{font-size: 12px; background: #5ee1ed; border-radius: 80px; height: 30px; line-height: 30px; width: 30px; margin-right: 8px;color: #fff; text-align: center; display: none;} @media all and (max-width :1280px) { .cl_txt04 { padding:15px 15px 5px 15px; } .cl_txt04 ul{ padding: 10px 15px; margin: 0 0 10px 0;} .cl_txt04 ul li:first-child{ width: 110px;} .cl_txt04 ul li strong{font-size: 14px; background: url("../images/inc/cur_v_icon01.png") center top no-repeat; background-size: 35px; padding: 40px 0 0 0; font-weight: 600; display: block; text-align: center; width: 100%;} .cl_txt04 ul li:nth-of-type(2){ width: calc(100% - 130px); margin: 0 10px;line-height: 18px; font-size: 14px;} .cl_txt04 ul li em{font-size: 23px;} } @media all and (max-width :767px) { .cl_txt04 ul{flex-wrap: wrap; position: relative;} .cl_txt04 ul li:first-child{ width: 250px; } .cl_txt04 ul li:nth-of-type(2){ width: 100%; margin: 10px 0 0 0 ;padding: 10px 0; border-top: 1px dashed #ddd;} .cl_txt04 ul li:last-child{ position: absolute; top:10px; right:10px;} .cl_txt04 ul li strong{background: url("../images/inc/cur_v_icon01.png") left center no-repeat; background-size: 30px; padding: 0 0 0 35px; line-height: 30px; height: 30px; text-align: left;} .cl_txt04 ul li em{font-size: 18px;} .cl_txt04 ul li i{font-size: 10px;} } .cl_txt05{margin-bottom: 10px;} .cl_txt05 dl:first-child{ border-radius: 10px 10px 0 0; } .cl_txt05 dl:last-child{ border-radius: 0 0 10px 10px;border-bottom: 1px solid #d3dff0} .cl_txt05 dl{ border: 1px solid #d3dff0;background: #f6f9ff; border-bottom: 0;} .cl_txt05 dl dt{ padding: 15px 30px; display: flex;align-items: center; justify-content: space-between;} .cl_txt05 dl dt em{ display: flex;align-items: center;} .cl_txt05 dl dt strong{ background: #003379; color: #fff; text-align: center; border-radius: 0 50px 50px 50px; font-size: 14px;font-size: 800; margin-right: 10px; line-height: 28px; height: 28px; padding: 0 13px; } .cl_txt05 dl dt span{ font-size: 16px; font-weight: 600; } .cl_txt05 dl dt button{ background: #fff url("../images/inc/arrow_down01.png") center 11px no-repeat; border-radius: 50%; height: 26px; width: 26px; background-size: 12px; text-indent: -9999px; display: inline-block; box-shadow: 1px 2px 5px rgba(0,0,0,0.05); border: 1px solid #d3dff0;} .cl_txt05 dl dt button.active{ background-image: url("../images/inc/arrow_top01.png"); background-position: center 9px; } .cl_txt05 dl dd{background: #fff;border-radius: 20px;} .cl_txt05 dl dd p{ line-height: 25px; padding: 30px;} .cl_txt05 dl dd div{ border-top:1px solid #d3dff0; padding: 15px 30px; /*display: flex;*/ align-items: center; gap:30px; display: none;} .cl_txt05 dl dd div span{ background: #9dd0ff; padding: 0 10px; line-height: 26px; height:26px; margin-right: 10px; border-radius: 4px; display: inline-block; font-size: 12px; color: #fff;} @media all and (max-width :1280px) { .cl_txt05 dl dt{ padding: 12px 20px;} .cl_txt05 dl dt strong{font-size: 13px;line-height: 24px; height: 24px; padding: 0 10px;} .cl_txt05 dl dt span{ font-size: 15px;} .cl_txt05 dl dt button{ height: 24px; width: 24px; background-size: 10px; } .cl_txt05 dl dd{border-radius: 15px;} .cl_txt05 dl dd p{ line-height: 22px; padding:10px 25px; font-size: 14px;} .cl_txt05 dl dd div{ padding: 10px 25px;} .cl_txt05 dl dd div span{line-height: 22px; height:22px; font-size: 11px;} } .cview_box01{ border: 2px solid #1779ff;border-radius:10px; overflow: hidden; margin-top: 25px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);} .cr_txt01{ padding: 20px 30px;} .cr_txt01 ul li{ display: flex; justify-content: space-between; padding:10px 0; align-items:flex-start;} .cr_txt01 ul li span{ width: 84px; font-size: 14px; font-weight: 600;background: #eef5ff url("../images/inc/point05.png") 12px center no-repeat; padding:0 0 0 22px; border-radius:0 30px 30px 30px; line-height: 30px; height: 30px; border: 1px dashed #b1d3ff; box-shadow: 1px 5px 5px rgba(0,0,0,0.03);} .cr_txt01 ul li strong{ width: calc(100% - 95px); font-size: 16px; font-weight: 600; padding-top: 4px;} .cr_txt01 ul li .cview_fs01{ font-size: 17px; font-weight: 700;} .cr_txt02{ background: #f0f6ff; padding: 10px 0;} .cr_txt02 ul{border-top: 1px dashed #8ec0ff;padding: 20px 40px;display:flex; justify-content: space-between;flex-wrap: wrap; } .cr_txt02 ul:first-child{border-top:0;} .cr_txt02 ul li:first-child{width: 100px;} .cr_txt02 ul li:last-child{width: calc(100% - 120px);} .cr_txt02 ul li img{ width: 100px; height: 110px; overflow: hidden; border-radius: 15px;} .cr_txt02 ul li p {margin: 5px 0 10px 0; display: flex;align-items:flex-start; flex-wrap: wrap;} .cr_txt02 ul li p > i{ display: inline-block; padding: 0 10px; line-height: 25px; height: 23px; color: #fff; background: #1778fd; border-radius: 50px; font-size: 12px; font-weight: 600; text-align: center; } .cr_txt02 ul:nth-of-type(2) li p > i{ background: #00c3da;} .cr_txt02 ul li p > span{ font-size: 13px; width: 52px;background: url("../images/inc/point02.png") 4px center no-repeat; padding-left: 12px; } .cr_txt02 ul li p > strong{ font-size: 14px; width: calc(100% - 58px); word-break: break-all;} @media all and (max-width :1280px) { .cview_box01{ margin-top: 15px;} .cr_txt01{ padding: 15px 20px;} .cr_txt01 ul li{ padding:8px 0; } .cr_txt01 ul li span{ width: 68px; font-size: 12px;; line-height: 22px; height: 24px; border: 1px dashed #b1d3ff; box-shadow: 1px 5px 5px rgba(0,0,0,0.03); background-position: 8px center; padding-left: 15px;} .cr_txt01 ul li strong{ width: calc(100% - 75px); font-size: 14px; } .cr_txt01 ul li .cview_fs01{ font-size: 15px;} .cr_txt02 ul{padding: 15px 20px;} .cr_txt02 ul li:first-child{width: 70px;} .cr_txt02 ul li:last-child{width: calc(100% - 80px);} .cr_txt02 ul li img{ width: 70px; height: 80px;border-radius: 10px;} .cr_txt02 ul li p {margin: 3px 0 5px 0; } .cr_txt02 ul li p > i{ padding: 0 8px; line-height: 19px; height: 18px;font-size: 10px; font-weight: 500;} .cr_txt02 ul li p > span{ font-size: 11px; width: 45px;} .cr_txt02 ul li p > strong{ font-size: 12px; width: calc(100% - 50px); font-weight: 500;} } @media all and (max-width :1023px) { .cview_box01{ margin-top: 0; margin-bottom: 20px;border:1px solid #d3dff0;box-shadow: none;} } @media all and (max-width :767px) { .cr_txt01 ul li{ padding:6px 0;} .cr_txt01 ul li span{ font-weight: normal;} .cr_txt01 ul li strong{ font-weight: 500;} .cr_txt01 ul li .cview_fs01{font-weight: 600;} } /*bbs_list02 // MD 교육과정 ************************************************************************************/ .bbs_list02 {width: 100%;margin-bottom: 40px;} .bbs_list02 * {box-sizing: border-box;font-style: normal;} .bbs_list02 li{ justify-content: space-between; display: flex; border-radius: 10px; border: 1px solid #eee; padding: 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); margin-bottom: 30px;} .bbs_list02 li .img_box{height: 210px;width: 320px;overflow: hidden; border-radius: 10px;} .bbs_list02 li .img_box img{width: 100%; height: 100%;} .bbs_list02 .txt_box { width:calc(100% - 370px);letter-spacing: 0;} .bbs_list02 .txt_box .badge{ display: inline-block; padding: 0 12px; border-radius: 4px; color: #fff; font-size: 13px; line-height: 26px; height: 26px; font-weight: 700; } .bbs_list02 .txt_box .badge.bg_01{background-color: #00d7df;} .bbs_list02 .txt_box .badge.bg_02{background-color: #00df73;} .bbs_list02 .txt_box .badge.bg_03{background-color: #f5d500;} .bbs_list02 .txt_box .badge.bg_04{background-color: #f5d500;} .bbs_list02 .txt_box .badge.bg_05{background-color: #dd76fb;} .bbs_list02 .txt_box .badge.bg_06{background-color: #ffa7a7;} .bbs_list02 .txt_box strong{display: block;font-size: 20px; line-height: 22px; margin: 10px 0;} .bbs_list02 .txt_box em{display: block; font-size: 17px; line-height: 25px; } @media all and (max-width :1520px) { .bbs_list02 li{ padding: 20px; } } @media all and (max-width :1280px) { .bbs_list02 li{ padding: 20px; } .bbs_list02 .txt_box { width:calc(100% - 350px);} .bbs_list02 .txt_box strong{font-size: 17px;line-height: 20px;} .bbs_list02 .txt_box em{ font-size: 16px; line-height: 20px;} } @media all and (max-width :1023px) { .bbs_list02 .txt_box strong{font-size: 16px;line-height: 18px;} .bbs_list02 .txt_box em{ font-size: 15px; } } @media all and (max-width :767px) { .bbs_list02 li{flex-wrap: wrap; padding: 0; border: 0; box-shadow: none;} .bbs_list02 li .img_box{height: auto;width: 100%; margin-bottom: 10px;} .bbs_list02 .txt_box { width:100%;} .bbs_list02 .txt_box strong{font-size: 16px;line-height: 16px;} .bbs_list02 .txt_box em{ font-size: 15px; } } /* 진출분야 */ .list_movie { display: flex; justify-content: space-between; /* border-radius: 10px; padding: 20px;border: 1px solid #e8e7eb;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);*/ flex-wrap: wrap;} .list_movie ul{width: 31.333%; margin: 0 0.5% 50px 0.5%; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); border-radius: 10px;} .list_movie ul li{ line-height: 20px; font-size: 15px;word-break: keep-all; letter-spacing: 0; margin-bottom: 15px;} .list_movie ul li img{ width: 100%; overflow: hidden; border-radius: 10px 10px 0 0;height: 300px; } .list_movie ul li strong{ font-weight: 700;background: url("../images/main/icon_movie01.png") left center no-repeat; padding-left: 50px; display: block; background-size: 38px; margin: 20px 30px 0 30px;} .list_movie ul li strong em{ display: block; font-size: 15px; } .list_movie ul li strong span{ font-size: 17px; display: block;font-weight: 600; } .list_movie ul li p{margin: 0 30px; padding-bottom: 20px;} @media all and (max-width :1520px) { .list_movie ul li img{ height: 250px;} .list_movie ul li strong em{ font-size: 14px; } .list_movie ul li strong span{ font-size: 16px;} } @media all and (max-width :1280px) { .list_movie ul li img{ height: 200px;} .list_movie ul li strong{ margin: 0 20px;} .list_movie ul li strong em{ font-size: 15px;} .list_movie ul li strong span{ font-size: 14px;} .list_movie ul li p{font-size: 14px; line-height: 18px; padding-bottom: 10px; margin: 0 20px;} } @media all and (max-width :1023px) { .list_movie ul{width: 48%; margin: 0 1% 30px 1%;} } @media all and (max-width :767px) { .list_movie ul{width: 48%; margin: 0 1% 30px 1%;} .list_movie ul li{ margin-bottom: 5px;} .list_movie ul li img{ height: 140px;} .list_movie ul li strong{ padding-left: 0;background:none; margin: 10px 10px 0 10px;} .list_movie ul li strong em{ font-size: 14px;} .list_movie ul li strong span{ font-size: 13px;} .list_movie ul li p{font-size: 13px; line-height: 16px; margin: 0 10px; } } /* 인터뷰*/ .list_interview{margin-bottom: 40px;} .list_interview .main_news_box{ justify-content: space-between; display: flex;margin-bottom: 50px; border-radius: 10px;} .list_interview .mnb_left{height: 310px; width: 470px; overflow: hidden; border-radius:10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); border: 1px solid #f1f1f1;} .list_interview .mnb_left img{ width: 100%; height: 100%; } .list_interview .mnb_right{ position: relative; width:calc(100% - 520px); padding-top: 5px;} .list_interview .mnb_right .inter_tit{ display: block; font-size: 20px; font-weight: 700;line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list_interview .mnb_right .inter_tit > i{ display: inline-block; font-size: 11px; border-radius: 4px; color: #fff; text-align: center; height: 24px; line-height: 24px; margin-right: 5px; vertical-align: top; min-width: 40px; white-space: nowrap;} .list_interview .mnb_right .inter_tit i.cjob{ background: #3161f1;}/* 취업*/ .list_interview .mnb_right .inter_tit i.csta{ background: #6c45db;}/* 창업 */ .list_interview .mnb_right .inter_tit i.csch{ background: #ffba00;}/* 진학 */ .list_interview .mnb_right .mnb_txt{margin: 20px 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-radius: 6px; padding:10px 20px;background: #f1f9ff;border: 1px solid #d5ebfb} .list_interview .mnb_right .mnb_txt em{display: flex; justify-content: flex-start; align-items: center; width: 100%;margin: 3px 0;} .list_interview .mnb_right .mnb_txt em:first-child strong{font-size: 17px; font-weight: 700; color: #3161f1;} .list_interview .mnb_right .mnb_txt i{ padding: 5px 10px 5px 13px;background: #fff url("../images/inc/point05.png") 5px center no-repeat; border-radius: 4px; text-align: center; font-size: 13px; background-size: 3px; white-space: nowrap; margin-right: 10px;font-weight: 500; } .list_interview .mnb_right .mnb_txt strong{ width: calc(100% - 50px); font-size: 15px; font-weight: 500;} .list_interview .mnb_right > p{display: block; margin: 0 5px; font-size: 16px; line-height: 25px; height: 72px; overflow: hidden;} @media all and (max-width :1520px) { .list_interview .mnb_right{width:calc(100% - 500px); } } @media all and (max-width :1280px) { .list_interview .mnb_left{height: 200px; width: 300px;} .list_interview .mnb_right{ width:calc(100% - 320px); } .list_interview .mnb_right .inter_tit{ font-size: 18px;line-height: 22px; font-weight: 600; } .list_interview .mnb_right > p{ font-size: 15px; line-height: 20px; height: 60px;} .list_interview .mnb_right .mnb_txt{margin: 10px 0;} } @media all and (max-width :1023px) { .list_interview .mnb_left{height: 200px; width: 300px;} .list_interview .mnb_right{ width:calc(100% - 320px); } .list_interview .mnb_right .inter_tit{ font-size: 15px;line-height: 20px; font-weight:500; } .list_interview .mnb_right .mnb_txt{padding:10px;} .list_interview .mnb_right .mnb_txt i{ font-size: 12px;} .list_interview .mnb_right .mnb_txt strong{ font-size: 14px; font-weight: 400;} .list_interview .mnb_right > p{ font-size: 14px; line-height: 18px;height: 54px;} } @media all and (max-width :767px) { .list_interview .main_news_box{flex-wrap: wrap; padding: 0; border: 0; box-shadow: none;} .list_interview .mnb_left{height: auto; width: 100%; margin-bottom: 10px;} .list_interview .mnb_right{ width:100%; } .list_interview .mnb_right .inter_tit{ font-size: 15px;line-height: 20px; font-weight:500; } .list_interview .mnb_right .mnb_txt strong{ font-size: 12px;} } .main_news_box01{ justify-content: space-between; display: flex;margin:30px 0; border-bottom: 1px dashed #ddd; padding-bottom: 30px;} .main_news_box01 .mnb_left{ height: 233px; width: 350px; overflow: hidden; border-radius:10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); border: 1px solid #f1f1f1;} .main_news_box01 .mnb_left img{ width: 100%; height: 100%;} .main_news_box01 .mnb_right{ position: relative;width:calc(100% - 400px);} .main_news_box01 .mnb_right .inter_tit{ display: flex; font-size: 23px; font-weight: 700; align-items: flex-start;} .main_news_box01 .mnb_right .inter_tit > i{ display: inline-block; font-size: 11px; border-radius: 4px; color: #fff; text-align: center; height: 24px; line-height: 24px; margin-right: 5px; vertical-align: top; min-width: 40px; white-space: nowrap; margin-top: 3px;} .main_news_box01 .mnb_right .inter_tit i.cjob{ background: #3161f1;}/* 취업*/ .main_news_box01 .mnb_right .inter_tit i.csta{ background: #6c45db;}/* 창업 */ .main_news_box01 .mnb_right .inter_tit i.csch{ background: #ffba00;}/* 진학 */ .main_news_box01 .mnb_right .mnb_txt{margin: 20px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-radius: 6px; padding:10px 20px;background: #f1f9ff} .main_news_box01 .mnb_right .mnb_txt em{display: flex; justify-content: flex-start; align-items: center; width: 100%;margin: 3px 0;} .main_news_box01 .mnb_right .mnb_txt em:first-child strong{font-size: 17px; font-weight: 700; color: #3161f1;} .main_news_box01 .mnb_right .mnb_txt i{ padding: 5px 10px 5px 13px;background: #fff url("../images/inc/point05.png") 5px center no-repeat; border-radius: 4px; text-align: center; font-size: 13px; background-size: 3px; white-space: nowrap; margin-right: 10px;font-weight: 500; } .main_news_box01 .mnb_right .mnb_txt strong{ width: calc(100% - 50px); font-size: 15px; font-weight: 500;} @media all and (max-width :1280px) { .main_news_box01 .mnb_right .inter_tit{font-size: 20px; } .main_news_box01 .mnb_right .inter_tit > i{margin-top: 1px;} } @media all and (max-width :1023px) { .main_news_box01{padding: 0 0 30px 0; margin: 30px 0 20px 0; border: 0; border-bottom:1px dashed #999; border-radius: 0;box-shadow: none;} .main_news_box01 .mnb_left{height: 180px; width: 240px} .main_news_box01 .mnb_right {width:calc(100% - 260px);} .main_news_box01 .mnb_right .inter_tit{ font-size: 18px; } .main_news_box01 .mnb_right .inter_tit > i{margin-top: 0;} .main_news_box01 .mnb_right .mnb_txt{padding:10px 15px;} .main_news_box01 .mnb_right .mnb_txt i{ font-size: 12px;} .main_news_box01 .mnb_right .mnb_txt strong{ font-size: 14px; font-weight: 400;} .main_news_box01 .mnb_right > p{ font-size: 14px; line-height: 18px;height: 54px;} } @media all and (max-width :767px) { .main_news_box01 {flex-wrap: wrap;} .main_news_box01 .mnb_left{height: auto; width: 100%; margin-bottom: 20px;} .main_news_box01 .mnb_right{ width:100%; } .main_news_box01 .mnb_right .inter_tit{ font-size: 16px; font-weight:600; } .main_news_box01 .mnb_right .mnb_txt em:first-child strong{font-size: 15px;} .main_news_box01 .mnb_right .mnb_txt i{ font-size: 12px;} .main_news_box01 .mnb_right .mnb_txt strong{ font-size: 12px;} } /*bbs_faq // 교육대상*/ .bbs_faq00{margin-bottom:50px;border-top:1px solid #000;border-bottom:1px solid #000;} .bbs_faq00 .faq_box li{ border-bottom:1px dashed #ddd; overflow:hidden;} .bbs_faq00 .faq_box li:last-child{ border-bottom:none;} .bbs_faq00 .faq_box li > a{ display:flex;font-size:18px; position: relative; align-items: center; gap:10px; flex-wrap: wrap; padding: 30px 25px 30px 15px;} .bbs_faq00 .faq_box li > a:hover strong, .bbs_faq00 .faq_box li > a:focus strong{ text-decoration:underline;} .bbs_faq00 .faq_box li > a > i{ display: inline-block; height: 33px; width: 100px;background:#00c6d2; margin-right: 10px; border-radius: 0 20px 20px 20px; text-align: center; font-size: 14px; font-weight: 600; line-height: 33px; color: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);} .bbs_faq00 .faq_box li > a > strong{ width: calc(100% - 150px);} .bbs_faq00 ul li a.faq_fix::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 15px; background:#fff url("../images/board/arrow_down02.png") center no-repeat; width: 34px; height: 34px; display: inline-block; } .bbs_faq00 ul li a.faq_fix.active::after{ background-image:url("../images/board/arrow_top02.png");} .bbs_faq00 .faq_box .s_view{ display:none;padding:30px; transition: max-height 0.2s ease-out;font-size:16px; line-height: 28px; background: #f5faff; position: relative; border-top: 1px solid #cfe6f2; } .bbs_faq00 .faq_box .s_view strong{color: #5d4aff; font-size: 18px; font-weight: 600;} .bbs_faq00 .faq_box .s_view > .btn_guide{ text-align:right;} .bbs_faq00 .faq_box .s_view > .btn_guide button{ display:inline-block;} .bbs_faq00 .faq_box .s_view > .btn_guide .btn_style{height:40px; line-height:40px;padding:0px 20px;} .bbs_faq00 .faq_box .btn_guide{ margin-top: 10px;} @media all and (max-width :1280px) { .bbs_faq00{margin-bottom:20px;} } @media all and (max-width :1023px) { .bbs_faq00 .faq_box li > a{font-size:16px;padding: 20px 25px 30px 10px; } .bbs_faq00 .faq_box .s_view{ padding:20px;font-size:15px; } } @media all and (max-width :767px) { .bbs_faq00{margin-bottom:20px;} .bbs_faq00 .faq_box li > a{gap:5px;padding: 15px 25px 15px 10px;font-size:15px;} .bbs_faq00 .faq_box li > a > i{ height: 22px; width: 70px; border-radius: 0 20px 20px 20px; font-size: 11px; line-height: 22px;} .bbs_faq00 .faq_box li > a > strong{ width: calc(100% - 95px);} .bbs_faq00 .faq_box .s_view{font-size:14px;padding:15px;line-height: 22px;} .bbs_faq00 ul li a.faq_fix::after { right: 10px; width: 20px; height: 20px;background-size: 20px;} .bbs_faq00 .faq_box .s_view strong{font-size: 15px;} } /*bbs_faq // 자주하는질문*/ .bbs_faq01{margin-bottom:50px;border-top:1px solid #000;border-bottom:1px solid #000;} .bbs_faq01 .faq_box li{ border-bottom:1px dashed #ddd; overflow:hidden;} .bbs_faq01 .faq_box li:last-child{ border-bottom:none;} .bbs_faq01 .faq_box li > a{ display:flex;font-size:18px; position: relative; align-items: center; gap:10px; flex-wrap: wrap; padding: 30px 25px 30px 15px;} .bbs_faq01 .faq_box li > a:hover strong, .bbs_faq01 .faq_box li > a:focus strong{ text-decoration:underline;} .bbs_faq01 .faq_box li > a > i{ display: inline-block; height: 33px; width: 33px;background:url("../images/board/faq_q.png") center no-repeat;text-indent: -9999px; margin-right: 10px;} .bbs_faq01 .faq_box li > a > strong{ width: calc(100% - 100px);} .bbs_faq01 ul li a.faq_fix::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 15px; background:#fff url("../images/board/arrow_down02.png") center no-repeat; width: 34px; height: 34px; display: inline-block; } .bbs_faq01 ul li a.faq_fix.active::after{ background-image:url("../images/board/arrow_top02.png");} .bbs_faq01 .faq_box a strong{display: inline-flex; align-items: center;} .bbs_faq01 .faq_box .s_view{ display:none;padding:30px 30px 30px 70px; transition: max-height 0.2s ease-out;font-size:16px; line-height: 28px; background: #f5faff; position: relative; border-top: 1px solid #cfe6f2; } .bbs_faq01 .faq_box .s_view:before{ content: ''; left: 25px;top: 30px; position: absolute; display: inline-block; z-index: 3; background: url(../images/board/faq_a.png) center no-repeat; height: 33px; width: 33px; background-size: 30px;} .bbs_faq01 .faq_box .s_view > .btn_guide{ text-align:right;} .bbs_faq01 .faq_box .s_view > .btn_guide button{ display:inline-block;} .bbs_faq01 .faq_box .s_view > .btn_guide .btn_style{height:40px; line-height:40px;padding:0px 20px;} .bbs_faq01 .faq_box .btn_guide{ margin-top: 10px;} .bbs_faq01 .faq_badge{ height: 26px;line-height: 24px;display: inline-block; text-align: center; font-size: 12px; font-weight: 600; padding: 0 7px; border-radius: 4px; border: 1px solid #3161f1; color: #0034cf; margin-right: 10px; white-space: nowrap;} @media all and (max-width :1280px) { .bbs_faq01{margin-bottom:20px;} } @media all and (max-width :1023px) { .bbs_faq01 .faq_box li > a{font-size:16px;padding: 20px 25px 30px 10px; } .bbs_faq01 .faq_box .s_view:before{ left: 20px;top: 20px;} .bbs_faq01 .faq_box .s_view{ padding:20px 20px 20px 70px;font-size:15px; } } @media all and (max-width :767px) { .bbs_faq01{margin-bottom:20px;} .bbs_faq01 .faq_box li > a > i{ height: 25px; width: 25px;background-size: 25px; margin-right: 5px;} .bbs_faq01 .faq_box li > a{gap:5px;padding: 15px 25px 15px 10px; font-size: 15px;} .bbs_faq01 .faq_box li > a > strong{ width: calc(100% - 55px);} .bbs_faq01 .faq_box .s_view{font-size:14px;padding:15px 25px 15px 45px;line-height: 22px;} .bbs_faq01 .faq_box .s_view:before{left: 13px;top: 10px; height: 25px; width: 25px;background-size: 25px;} .bbs_faq01 ul li a.faq_fix::after { right: 10px; width: 20px; height: 20px;background-size: 20px;} .bbs_faq01 .faq_badge{height: 20px; line-height: 18px; font-size: 10px; padding: 0 6px; letter-spacing: 0;} .bbs_faq01 .faq_box a strong{flex-wrap: wrap;} .bbs_faq01 .faq_box a strong > em{width: 100%; margin-top: 5px; display: block;} } /* 오름차순 테이블 */ .bio_vtable01{padding: 0; margin-bottom: 30px;} .bio_vtable01 table{width:100%; text-align: center; table-layout: fixed; border-bottom: 2px solid #c5e6ff;} .bio_vtable01 table tr{position: relative;} .bio_vtable01 table thead th{ padding: 12px 10px;font-weight: 600;font-size: 13px; white-space: nowrap;background: #ebf2ff;color: #1a1e54; border-bottom: 1px solid #d5e5fd; position: sticky; top: 0; z-index: 2;} .bio_vtable01 table thead th > button{display: block; width: 100%;background: url("../images/inc/table_arrow02.png") right center no-repeat; font-weight: 600; padding: 2px 16px 2px 0;} .bio_vtable01 table thead th > button:hover, .bio_vtable01 table thead th > button:focus{ text-decoration: underline;} .bio_vtable01 table thead th > button.active{background-image: url("../images/inc/table_arrow03.png");} .bio_vtable01 table td{ padding: 7px 10px; text-align: center; border-bottom: 1px solid #e0e8f7; font-size: 14px;} .bio_vtable01 table td .ct_down01 {border-radius: 100px; background: #f0f5ff; text-align: center; display: inline-block; padding: 0 15px 0 10px; } .bio_vtable01 table td .ct_down01 i{display: inline-block;padding-left: 25px;background: url(../images/inc/top_search_icon03_01.png) left center no-repeat;font-size: 11px; height: 26px; line-height: 26px; white-space: nowrap; background-size: 20px;} .bio_vtable01.al{ text-align: left!important;} .bio_vtable01 .bio_bg01{background: #f1f6ff;} .bio_vtable01 .bio_bg02{background: #ebf2ff;} .bio_vtable01 .bio_txt01{color: #ff0000; font-weight: 500;} @media all and (max-width :1520px) { .bio_vtable01{overflow:auto;} .bio_vtable01 table{width: 150%;} } @media all and (max-width :767px) { .bio_vtable01{max-height: 500px;} .bio_vtable01 table{width: 250%;} .bio_vtable01 table thead th{ padding: 7px; font-size: 11px;} .bio_vtable01 table td {padding:10px 5px; font-size: 12px;} .bio_vtable01 table td .ct_down01 i{font-size: 10px;} } /* 교수진 */ .professor{margin-bottom:40px;display: flex; justify-content: flex-start; flex-wrap: wrap;} .professor ul{width: 33.33%; display: inline; margin-bottom: 50px; } .professor ul li{width: 100%;display:flex; align-items:flex-end;} .professor ul li img{display: inline-block; width:180px; height: 220px; margin-right: 30px; border-radius: 20px; background-color: #f6f6f6; overflow: hidden; border: 1px solid #f1f1f1;} .professor ul li .txt_profile{width:calc(100% - 230px); } .professor ul li .txt_profile .txt_titfs{display: block; font-size:26px; font-weight: 700; margin-bottom: 15px; } .professor ul li .txt_profile span{display: inline-block; line-height: 18px;} .professor ul li .txt_profile strong{display: block; font-size:16px; padding: 5px 0 10px 0; } .professor ul li .txt_profile a{display: block; width: 70%; border-radius: 30px; border: dashed 1px #fff; padding:8px 25px;background: #00beff url("../images/content/goto_more02.png") calc(100% - 20%) center no-repeat;color: #fff; font-size: 15px; font-weight: 600;} .professor ul li .txt_profile a:hover, .professor ul li .txt_profile a:focus{border-color:#00beff; background-color: #fff; color: #000; background-image: url("../images/content/goto_more02_on.png") } @media all and (max-width :1345px){ .professor ul li .txt_profile{width:calc(100% - 210px); } .professor ul li .txt_profile a{ width:100%;} } @media all and (max-width :1280px){ .professor ul li .txt_profile a{ padding:8px 15px;background: #00beff url("../images/content/goto_more02.png") calc(100% - 15%) center no-repeat;font-size: 14px;} } @media all and (max-width :1140px){ .professor ul li img{ width:150px; height: 188px;} .professor ul li .txt_profile{width:calc(100% - 190px); } .professor ul li .txt_profile .txt_titfs{ font-size:22px; } .professor ul li .txt_profile strong{ font-size:15px; } } @media all and (max-width :1024px){ .professor ul{width: 50%; margin-bottom:30px; } .professor ul li .txt_profile a{ width:70%;} } @media all and (max-width :767px){ .professor{margin-bottom:20px;} .professor ul{width:50%; margin-bottom:20px; } .professor ul li img{ width:120px; height: 150px;} .professor ul li .txt_profile{width:calc(100% - 160px); } .professor ul li .txt_profile a{ width:90%;} } @media all and (max-width :580px){ .professor ul{width:100%; margin-bottom:20px;} .professor ul li .txt_profile a{ width:90%;} } .profile_layer_guide{display: none; position: fixed; width: 100%; height: 100%;z-index: 999999; background: rgba(0,0,0,0.5); left:0; top:0;} .profile_layer{ width:900px;border-radius: 20px; background-color: #f6f6f6; position: absolute; display: inline-block; transform: translate(-50% , -50%);top:50%; left:50%; z-index: 999; padding-bottom: 50px;} .profile_layer .photo_tit{padding: 50px 50px 40px 50px; display: flex; } .profile_layer .photo_tit li img{display: inline-block; width:170px; height: 210px;border-radius: 20px; background-color: #fff; overflow: hidden;margin-right:35px; border: 2px solid #fff; box-shadow: 1px 5px 10px rgba(0,0,0,0.08);} .profile_layer .photo_tit .right_txt01{margin-right: 30px;width: calc(100% - 205px); } .profile_layer .photo_tit .right_txt01 > strong{display:block;font-size: 44px; font-weight: 700;} .profile_layer .photo_tit .right_txt01 > i{display: block; font-size:24px; font-weight: 600; color: #0082df; margin-top: 20px; } .profile_layer .photo_tit .right_txt01 > em{display: block;margin-top: 5px; font-size: 16px; line-height: 18px;} .profile_layer .photo_tit .right_txt01 > em > i{display: block;margin-top: 5px; font-weight: 600;} .profile_layer .photo_tit .right_txt01 >.email{display:block; background: url("../images/content/email_icon.png")left center no-repeat;padding: 20px 0 20px 50px;font-size: 16px; } .profile_layer .photo_tit .right_txt01 >.email_mo{background: url("../images/content/email_icon.png")left center no-repeat;padding: 20px 0 20px 50px;font-size: 11px; display: none;} .profile_layer .pro_Career{ border-top: 1px dashed #e5e5e5; padding: 30px 50px 50px 50px; display: flex; justify-content:space-between; overflow-y: auto; max-height:300px; width: 100%; } .profile_layer .pro_Career li{width: calc(33.33% - 20px);} .profile_layer .pro_Career dl dt{background: url("../images/content/pro_career_icon01.png")left center no-repeat; font-size:20px; font-weight: 600;padding-left: 30px; } .profile_layer .pro_Career dl dd{background: url("../images/content/txt_dot.png")20px 5px no-repeat; padding-left:30px; margin: 10px 0; background-size:4px; } .profile_layer .pro_Career li:nth-of-type(2) dl dt{background-image: url("../images/content/pro_career_icon02.png")} .profile_layer .pro_Career li:nth-of-type(3) dl dt{background-image: url("../images/content/pro_career_icon03.png")} .btn_pro_close a{border-radius:100%; width:40px; height: 40px;background:#e4ecf9 url("../images/content/close_icon01.png")center no-repeat;position: absolute; z-index:2px; display: block; top:30px; right:30px;} .btn_pro_close a:hover, .btn_pro_close a:focus{background-color: #cbdfff; box-shadow: 2px 5px 10px rgba(0,0,0,0.08);} @media all and (max-width :1024px){ .profile_layer{ width:90%;} .profile_layer .photo_tit{padding: 40px 40px 30px 40px;} .profile_layer .pro_Career{gap:0; padding: 30px;} .profile_layer .pro_Career li{width: calc(33.33% - 10px);} } @media all and (max-width :767px){ .profile_layer{ width:100%;} .profile_layer .photo_tit{padding: 20px 20px 20px 20px;} .profile_layer .photo_tit li img{width:120px; height: 150px;margin-right:20px; margin-top: 5px; } .profile_layer .photo_tit .right_txt01{width: calc(100% - 140px); } .profile_layer .photo_tit .right_txt01 > strong{font-size: 24px;} .profile_layer .photo_tit .right_txt01 >.email{padding: 15px 10px 15px 30px;font-size: 14px;background-size:24px;border: solid 1px red; display: none;} .profile_layer .photo_tit .right_txt01 > i{font-size:18px; margin-top: 5px; } .profile_layer .photo_tit .right_txt01 > em{ font-size: 14px; line-height: 16px;} .profile_layer .pro_Career{ padding:20px 30px 30px 30px;flex-wrap: wrap; } .profile_layer .pro_Career li{width:100%; margin-bottom: 15px;} .profile_layer .pro_Career dl{ margin-left: 10px;} .profile_layer .pro_Career dl dt{font-size: 17px; background-size: 22px;padding:3px 0 3px 26px;} .profile_layer .pro_Career dl dd{background-position:17px center; padding-left:27px;} .btn_pro_close a{width:30px; height: 30px; top:20px; right:20px; background-size:10px; } .profile_layer .photo_tit .right_txt01 >.email_mo{display:block; background-size:24px; padding: 10px 0 10px 30px;font-size: 14px; } } /* 게시판 페이지링 ************************************************************************************/ .bbs_page{text-align:center; margin-bottom:30px;} .bbs_page *{ box-sizing:border-box;} .bbs_page ul{ display: flex; justify-content: center; flex-wrap: wrap;} .bbs_page ul li{ border:1px solid #ccc; width:45px; height:45px;line-height:45px; border-radius: 4px; overflow: hidden; font-size:16px; margin:0 3px;} .bbs_page a{display:block; height: 100%; text-align:center; border-radius: 4px;} .bbs_page a:hover, .bbs_page a:focus{background:#ddd;} .bbs_page a img{margin-top:-4px; vertical-align:middle;} .bbs_page .active{font-weight:bold; color:#fff; background:#000; border:none;} @media all and (max-width :767px) { .bbs_page ul li{width:35px; height:35px;line-height:35px; font-size:15px; margin:0.5px;} .bbs_page a img{ margin-top:-1px; height: 13px;} } /*버튼 스타일************************************************************************************/ .photo_more_btn{ border: 3px solid #3161f1; line-height: 44px; height: 50px; font-size: 15px; font-weight: 500; border-radius: 100px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); background: #fff; width: 240px; display: inline-block;} .photo_more_btn:hover, .photo_more_btn:focus{ background: #3161f1; color: #fff;margin-top: -10px;} @media all and (max-width :1023px) { .photo_more_btn{ border: 2px solid #3161f1; line-height: 34px;height: 40px; font-size: 14px;} } @media all and (max-width :767px) { .photo_more_btn{ line-height: 29px;height: 35px; font-size: 12px;width: 80%;} } .bbs_btn_guide{ margin-bottom:50px; vertical-align:top;text-align: right;} .bbs_btn_guide a, .bbs_btn_guide button{ margin:2px;} .cbtn_style{font-size:13px; padding:0px 7px; border-radius:3px; border:1px solid; letter-spacing:-0.05em;}/*컨텐츠내 버튼*/ .sbtn_style{font-size:14px; padding:5px 12px; border:1px solid #fff; letter-spacing:-0.05em;}/*작은버튼*/ .btn_style{font-size:16px; padding:0px 30px; letter-spacing:-0.05em; display:inline-block; height:55px; line-height:55px; vertical-align:top; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.1)}/*기본버튼*/ .btn_red {color: #fff;background:#ea2c00;} .btn_blue {color: #fff;background:#005ede;} .btn_purple {color: #fff;background:#4e00de;} .btn_navy {color: #fff;background:#1e2459;} .btn_orange{color: #fff;background:#ff6000;} .btn_green {color: #fff;background:#539801;} .btn_black {color: #fff;background:#000;} .btn_gray {color: #fff;background:#555;} .btn_line_blue {color: #000; border: 2px solid #2764d0 !important; background: #fff;} .btn_white {color:#000;background:#f5f5f5; border:1px solid #ccc !important;} .btn_white:hover, .btn_white:focus{ border:1px solid #ccc !important;} @media all and (max-width :767px) { .cbtn_style{font-size:12px;} .sbtn_style{font-size:12px;} .btn_style{font-size:13px; padding:0px 15px; height:40px; line-height:40px;}/*기본버튼*/ } /* bbs_w setting */ .bbs_w10{ width:10%;} .bbs_w15{ width:15%;} .bbs_w20{ width:20%;} .bbs_w25{ width:25%;} .bbs_w30{ width:30%;} .bbs_w35{ width:35%;} .bbs_w40{ width:40%;} .bbs_w45{ width:45%;} .bbs_w50{ width:50%;} .bbs_w55{ width:55%;} .bbs_w60{ width:60%;} .bbs_w65{ width:65%;} .bbs_w70{ width:70%;} .bbs_w75{ width:75%;} .bbs_w80{ width:80%;} .bbs_w85{ width:85%;} .bbs_w90{ width:90%;} .bbs_w95{ width:95%;} .bbs_w100{ width:100%!important;} .bbs_w100px{ width:100px;} .bbs_w150px{ width:150px;} .bbs_w200px{ width:200px;} .bbs_w250px{ width:250px;} .bbs_w300px{ width:300px;} .scb_guide{ position: relative;} .scb_title {position: absolute; display: inline-block; z-index:2; width: 100%; top:40%; transform:translateY(-40%); } .scb_title a{ position: absolute; top: 0;} .scb_title a img{ } .scb_title a.prev{left:0; } .scb_title a.next{ right:0;} /*프로그램에서 박는 div*/ .scb_list{display: inline-block; flex-wrap: wrap;text-align: left; margin-bottom: 20px;} .scb_list.owl-carousel .owl-stage-outer{ padding-bottom:25px;} .scb_list .cab_box01{position: relative;} .scb_list .cab_box01 .jisan_badge01{ position: absolute; top: 0; left: 0; padding: 10px 15px; border-radius: 10px 0; background: #1a1e54; color: #fff; text-align: center; font-size: 12px; font-weight: 700; z-index: 3;} .scb_list .cab_box01 .photo_click{ margin: 0 10px; background: #fff; border-radius: 10px; position: relative;border: 1px solid #ddd; display: block; overflow: hidden; box-shadow: 0 15px 20px rgba(0,0,0,0.03);} .scb_list .cab_box01 .photo_click span:nth-of-type(1) {height: 280px;border-radius: 10px;overflow: hidden;display: block;} .scb_list .cab_box01 .photo_click img{width: 100%; height: 100%;transition: all 0.4s; } .scb_list .cab_box01 .photo_click:hover img, .scb_list .cab_box01 .photo_click:focus img {transform:scale(1.1, 1.1);} .scb_list .cab_box01 .photo_click .txt_box{ position: relative; margin: 30px 40px; display: block;} .scb_list .cab_box01 .photo_click .txt_box > strong { display: block; height: 20px; overflow: hidden; font-size: 17px; white-space: nowrap; text-overflow: ellipsis;} .scb_list .cab_box01 .photo_click .txt_box > em {margin-top: 10px; text-align: right; display: block;} .scb_list .cab_box01 .photo_click .txt_box > em > i {display: none; font-size: 12px; background: #f9f9f9 url(../images/board/bbs_date.png) 10px 8px no-repeat; padding: 8px 10px 8px 25px; background-size: 12px; border-radius: 30px;} .scb_list .cab_box01 .photo_click .txt_box > strong:hover, .scb_list .cab_box01 .photo_click .txt_box > strong:focus{text-decoration: underline;} @media all and (max-width :1520px) { .scb_list .cab_box01 .photo_click span:nth-of-type(1) {height:250px;} } @media all and (max-width :1024px) { .scb_list{ margin-bottom: 0;} .scb_list .cab_box01 .photo_click span:nth-of-type(1) {height:200px;} .scb_list .cab_box01 .photo_click .txt_box{margin:20px 20px;} .scb_list .cab_box01 .photo_click .txt_box > strong { font-size: 15px;} .scb_list .cab_box01 .jisan_badge01{padding: 5px 10px;font-size: 10px; font-weight: 700; z-index: 3;} } @media all and (max-width :767px) { .scb_list .cab_box01 .photo_click{ margin: 0 5px;box-shadow:none;} .scb_list .cab_box01 .photo_click span:nth-of-type(1) {height:120px;} .scb_list .cab_box01 .photo_click .txt_box{margin:15px 15px;} .scb_list .cab_box01 .photo_click .txt_box > strong { font-size: 14px; height: 16px;} .scb_list .cab_box01 .photo_click .txt_box > em {margin-top: 0px; text-align: left;} .scb_list .cab_box01 .photo_click .txt_box > em > i {background:url(../images/board/bbs_date.png) 0px 8px no-repeat; padding: 7px 10px 7px 16px; background-size: 12px; border-radius:none;} .scb_title a img{width: 30px; } }