@charset 'euc-kr';

/* ȸ»ç¼Ò°³ */
.info .top_menu_area { background-image: url('/static/images/about-us/about-us-cover.jpg'); }
.info .top_menu_txt { text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.info .top_menu_txt ul { text-align: center; padding: 60px 0; }
.info .top_menu_txt ul li:nth-child(1) { 
    margin-bottom: 10px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #CFBE9F;
}
.info .top_menu a { 
    vertical-align: top; display: inline-block; 
    position: relative; 
}
.info .top_menu a span { 
    margin: 0 15px; display: inline-block; padding-top: 19px; padding-bottom: 21px; opacity: 0.7; -webkit-transition: all .3s; transition: all .3s;
    position: relative;
}
.info .top_menu a.ST span { opacity: 1; }
.info .top_menu a.ST span:after { position: absolute; content: ''; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 2px; background: #fff; }
.info .top_menu a:hover span { opacity: 1; -webkit-transition: all .3s; transition: all .3s; }
.info .top_menu a span:after { 
    position: absolute; content: ''; top: 0; left: 0; right: 0; margin: auto; width: 0; -webkit-transition: all .3s; transition: all .3s; 
    height: 2px; background: #fff;
}
.info .top_menu a:hover span:after { -webkit-transition: all .3s; transition: all .3s; width: 100%; }
.info_cont { padding-top: 50px; padding-bottom: 120px; }
.info_cont .txt_1 { position: relative; }
.info_cont .txt_1.BG { background: url('/static/images/about-us/about-us-ceo-greetings.jpg') right 147px no-repeat; }
.info_cont .txt_1 ul.basic_ul li:nth-child(1) { margin-bottom: 20px; }
.info_cont .txt_1 ul.basic_ul li:nth-child(2) { margin-bottom: 20px; }
.info_cont .txt_1 ul.basic_ul li:nth-child(3) {  }
.info_cont .txt_1 ul.etc_ul { padding-bottom: 132px; }
.info_cont .txt_1 ul.etc_ul li { margin-top: 25px; }
.about_container { width: 920px; margin: 0 auto; }
.info_cont .img_1 { padding: 60px 20px; }
.info_cont .img_1 ul { text-align: center; }
.info_cont .img_1 ul li:last-child { margin-top: 10px; }
.info_cont .plus_icon { display: inline-block; width: 32px; height: 32px; margin-left: 70px; margin-right: 70px; margin-top: 64px; }
.info_cont .plus_icon svg { color: #A3A9B0; }
.info_cont .txt_2 .table { width: 920px; }
.info_cont .txt_2 .table th, .info_cont .txt_2 .table td { text-align: left; padding-top: 12px; padding-bottom: 12px; }
.info_cont .txt_2 .table th { 
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: #2B2D30;
    padding-left: 0;
    border-right: 2px solid #2B2D30;
}
.info_cont .txt_2 .table td {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #2B2D30;
    padding-left: 20px;
}
.vision_1 { border-bottom: 1px solid #D4DBE4; position: relative; margin-top: 60px; }
.vision_1 .box {
    border: 6px solid #F3F6FA;
    box-sizing: border-box;
    border-radius: 10px;
    height: 300px;
    margin-bottom: 297px;
}
.vision_1_txt { position: absolute; left: 0; top: 50px; width: 100%; }
.vision_1_txt ul { text-align: center; }
.vision_1_txt ul li:nth-child(1) {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B29F7D;
    margin-bottom: 10px;
}
.vision_1_img ul { display: inline-block; padding-top: 40px; padding-bottom: 50px; margin: 0 5px; }
.vision_1_img ul li:nth-child(2) { margin-top: 10px; margin-bottom: 5px; }
.vision_2 { margin-top: 50px; text-align: center; }
.vision_2 li:nth-child(1) { margin-bottom: 5px; }
.history_1 { padding-bottom: 50px; padding-top: 50px; border-top: 1px solid #D4DBE4; }
.history_1:first-child { padding-top: 0; border-top: 0; }
.history_1:last-child { padding-bottom: 0; }
.history_1 .title2 { margin-right: 140px; width: 200px; }
.history_1 .cont ul li { padding-left: 12px; background: url(/static/images/common/list-bullet.png) left center no-repeat; background-size: 4px 4px; }
.business_won { width: 460px; height: 460px; display: inline-block;  position: relative; }
.business_won:after { 
    content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #264966; box-sizing: border-box; 
    border-radius: 50%; z-index: 1; 
    opacity: 0.2;
}
.bi_div_1 { padding-right: 170px; }
.bi_div_1 .won1 { background: #148AE1; margin-left: 20px; }
.bi_div { position: absolute; left: 0; top: 80px; z-index: 33; width: 100%; }
.bi_div .won { position: relative; width: 150px; height: 150px; }
.bi_div ul { text-align: left; }
.bi_div ul li { padding-left: 12px; background: url(/static/images/common/list-bullet.png) left 9px no-repeat; background-size: 4px 4px; }
.bi_div_2 { padding-left: 170px;  }
.bi_div_2 .won2 { background: #264966; margin-right: 20px; }
.bi_div_3 { position: absolute; left: 0; bottom: 10px; z-index: 33; width: 100%; text-align: center; }
.bi_div_3 .won3 { position: relative; width: 150px; height: 150px; background: #B29F7D; margin-bottom: 20px; }
.bi_div_3 ul { text-align: left; display: inline-block; }
.bi_div_3 ul li { padding-left: 12px; background: url(/static/images/common/list-bullet.png) left 9px no-repeat; background-size: 4px 4px; }
.info_cont h4 { margin-bottom: 10px; }
.ci_txt_1 { word-break: keep-all; margin-bottom: 20px; }
.ci_img_1 { margin-bottom: 80px; }
.ci_img_2 ul { display: inline-block; width: 110px; margin-right: 15px; }
.ci_img_2 ul:last-child { margin-right: 0; }
.ci_img_2 ul li:first-child { height: 60px; margin-bottom: 10px; }
.ci_img_2 ul li.bg_1 { background: #0080C9; }
.ci_img_2 ul li.bg_2 { background: #B1C84A; }
.ci_img_2 ul li.bg_3 { background: #00B2E4; }
.ci_img_2 ul li.bg_4 { background: #0092D4; }
.ci_img_2 ul li.bg_5 { background: #1D1D1B; }
.ci_img_2 ul li.bg_6 { background: #5C6062; }
.ci_img_2 ul li.bg_7 { background: #869097; }
.about_news_cont { margin-top: 20px; min-height: 500px; }
.about_news_cont .subject_1 { word-break: keep-all; }
.about_news_cont .subject_1 a { vertical-align: top; display: inline-block; width: 100%; word-break: keep-all; }

.about_news_cont .news_1 { margin-top: 12px; }
.news_txt {
    margin-top: 5px;
    word-break: keep-all;
}
.location_1 img { margin-top: 10px; }
.location_2 { padding: 24px 0; border-bottom: 1px solid #D4DBE4; }
.location_2 .title2 { width: 80px; margin-right: 20px; }
.location_2 .won_1 {
    display: inline-block;
    background: #6C6F73;
    border-radius: 12px;
    margin-right: 10px;
    text-align: center;
    padding: 2px 9px 3px 9px;
}
.location_2 ul li { line-height: 24px; }
.location_2 ul li:nth-child(n+2) { margin-top: 10px; }
.location_2 .won_2 { background: #148AE1 !important; }
.location_2 b { margin-right: 10px; display: inline-block; }
.location_2 .won_3 { background: #5DB049; }
.location_2 .won_4 { background: #C42438; }
.location_2 .won_5 { background: #E55B0E; }
.location_2 .won_6 { background: #FFB41C; }

/* End ȸ»ç¼Ò°³ */


/* ¸¶ÀÌÆäÀÌÁö */
.mypage_top .top_menu_area { background-image: url('/static/images/my-page/my-page-cover.jpg'); }
.mypage_cont { padding-top: 50px; padding-bottom: 120px; min-height: 660px; }
.mypage_cont .box_1 { margin-top: 20px; }
.mypage_cont .box_2 { padding-top: 40px; }
.mypage_cont .box_2 a { width: 140px; }
.mypage_cont .update_btn { margin-right: 10px; width: 140px; }
.updateMember input { display: inline-block; }
.updateMember .input_area input { width: 230px; }
#mpw { margin-right: 7px; }
.updateMember .table { margin-bottom: 0; }
.updateMember .table th { padding-left: 0; text-align: left; }
.updateMember .table td { text-align: left; }
.contact_area select, .contact_area input { display: inline-block; width: 100px; }
.contact_area .title2 { display: inline-block; width: 70px; }
.contact_area .line { margin: 0 2px; }
.email_area input, .email_area select { display: inline-block; }
.email_area span { margin: 0 2px; }
#mem1 { width: 180px; }
#mem2 { width: 260px; margin-right: 7px; }
#email_list { width: 284px; }
#refer1 { width: 400px; }
.receive_info .form-check .form-check-input { margin-top: 4px; }
.receive_info .form-check-inline:nth-child(2) { margin-right: 7px; }
.join_member .etc { margin-top: 5px; margin-bottom: 20px; }
.join_member .table { margin-bottom: 0; }
.join_member .table input { display: inline-block; width: 230px; }
.join_member .table th { padding-left: 0; text-align: left; }
.join_member .table span { margin-right: 17px; }
.mypage_cont .txt_1 { 
    margin-top: 60px;
    border: 6px solid #F3F6FA;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 30px;
}
.mypage_cont .txt_1 li { padding-left: 12px; background: url(/static/images/common/list-bullet-light.png) left center no-repeat; background-size: 4px 4px; }
.mypage_cont .txt_1 p { margin-bottom: 5px; }
.leaveMember .table { margin-top: 20px; margin-bottom: 0; }
.leaveMember .table .title2 { width: 80px; margin-right: 20px; }
.leaveMember .table_1 input, .leaveMember .table_1 select { display: inline-block; }
.leaveMember .table_1 input { width: 280px; }
.leaveMember .table td { padding-left: 0; }
#year { width: 100px; }
#month { width: 70px; }
#day { width: 70px; }
.birthday_area select { margin-right: 10px; }
.leaveMember .table_2 { margin-bottom: 0; margin-top: 20px; }
.leaveMember .table_2 input { margin-top: 4px; }
.leaveMember_1 { margin-top: 60px; }
.leaveMember .table_2 .etc_txt { margin-top: 10px; }
/* End ¸¶ÀÌÆäÀÌÁö */

/* °í°´¼¾ÅÍ */
.customer_top { background-image: url('/static/images/customer-center/customer-center-cover.jpg'); }
.about_news_cont .subject_2 a {
    vertical-align: top;
    display: inline-block;
}
.about_news_cont .subject_2 span { vertical-align: top; display: inline-block; }
.customer_cont .about_news_cont { position: relative; top: -50px; }
.customer_write { padding-top: 60px; padding-bottom: 120px; }
.customer_write .title_area ul { display: inline-block; }
.customer_write .title_area ul li:last-child { margin-top: 10px; }
.customer_write .write_area { padding-top: 50px; }
.customer_write .write_area textarea { min-height: 400px; }
.customer_write .write_area .button_area { padding-top: 40px; }
.reference { background: #F3F6FA; }
.reference .box_1 { margin-top: 20px; height: 196px; }
.reference .box_1 > a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(43, 45, 48, 0.2);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 15px;
}
.reference .box_1 > a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-transition: all .3s; transition: all .3s;
}
.reference .box_1 > a:hover:after {
    box-shadow: 0 0 0 2px #264966 inset;
    -webkit-transition: all .3s; transition: all .3s;
}
.reference .box_1 .img_area { margin-right: 25px; width: 220px; }
.reference .box_1 > a ul { display: inline-block; transform: translateX(0); -webkit-transition: all .3s; transition: all .3s; }
.reference .box_1 > a ul li:nth-child(2) { margin: 15px 0; height: 63px; }
/*.reference .box_1 > a ul li:nth-child(3) { transform: translateY(-3px); -webkit-transition: all .3s; transition: all .3s; }*/
/*.reference .box_1 > a:hover ul li:nth-child(3) { transform: translateY(0); -webkit-transition: all .3s; transition: all .3s; }*/
.reference .box_1 > a:hover ul { transform: translateX(5px); -webkit-transition: all .3s; transition: all .3s; }
/* End °í°´¼¾ÅÍ */

/* ÀÔ½ÃÁ¤º¸ */
.admissions_top { padding-top: 60px; text-align: center; }
.admissions_top ul li:last-child { margin-top: 10px; }
.admissions .box_1_right { width: 420px; height: 100%; margin-left: 20px; }
.admissions .box_1_right a { height: 270px; min-height: 270px; }
.admissions .box_1_left { 
    padding: 30px; 
    border: 6px solid #F3F6FA;
    box-sizing: border-box;
    border-radius: 10px;
    height: 270px;
}
.admissions .box_1_left ul { margin-top: 20px; }
.admissions .box_1_left ul li { margin-bottom: 11px; }
.admissions .box_1_left ul li:last-child { margin-bottom: 0; }
.admissions .box_1_left ul li a { margin-left: 7px; position: relative; top: -2px; max-width: 500px; }
.admissions .box_1_left ul li a:hover { text-decoration: underline; }
.admissions .box_1_left ul li .won_1 {
    width: 28px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #D4DBE4;
    border-radius: 12px;
    display: inline-block;
}
.admissions .box_1_left ul li .new_icon { position: relative; top: -2px; }
.rolling_line {
    width: 1px;
    height: 12px;
    background: #2B2D30;
    opacity: 0.3;
    margin: 0 5px;
}
.table_list { margin-top: 12px; position: relative; }
.admissions .data-table-export tbody tr td:nth-child(2) { text-align: left; }
.presentation .data-table-export tbody tr td:nth-child(2) { text-align: center; }
.presentation .data-table-export tbody tr td:nth-child(3) { font-weight: 700; }
.presentation .data-table-export tbody tr td:nth-child(4) { text-align: left; }
.admissions .data-table-export tbody tr td {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #6C6F73;
}
.admissions .data-table-export tbody tr td a {
    display: inline-block;
    max-width: 700px;
    vertical-align: top;
    font-size: 15px;
    line-height: 22px;
    color: #2B2D30;
}
.presentation .data-table-export tbody tr td a { max-width: 510px; }
.admissions .data-table-export tbody tr td span { display: inline-block; vertical-align: top; }
.moExamGrade .box_1 {
    border: 6px solid #F3F6FA;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 24px 24px 17px 24px;
}
.moExamGrade .box_1_select { text-align: right; }
.moExamGrade .box_1_select select { display: inline-block; width: 220px; }
.moExamGrade .box_1_menu a {
    border: 1px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 23px;
    width: 60px;
    height: 40px;
    line-height: 38px;
    margin-right: 10px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.moExamGrade .box_1_menu a.ST { background: #264966; border: 1px solid #264966; color: #fff !important; }
.moExamGrade .box_1_menu a:not(.ST):hover {
    background: #148AE1;
    border: 1px solid #148AE1;
    color: #fff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.moExamGrade_title { padding: 20px 0; }
.moExamGrade .box_2 { padding-top: 17px; border-top: 1px dashed #B8BFC8; margin-top: 30px; }
.moExamGrade .box_2 .line { background: #D4DBE4; width: 1px; height: 14px; margin: 0 40px; }
.moExamGrade .box_2 a:hover { text-decoration: underline; }
.moExamGrade .box_3 { margin-top: 30px; }
.moExamGrade .box_3 .basic_jum li { background-position: left center; }
.moExamGrade .box_3 .menu:first-child { padding-right: 10px; }
.moExamGrade .box_3 .menu:nth-child(2n) { padding-left: 10px; }
.moExamGrade .box_3 .menu:nth-child(2n+1) { padding-right: 10px; }
.moExamGrade .table_1 { margin-top: 15px; margin-bottom: 10px; }
.moExamGrade .table th,
.moExamGrade .table td {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #D4DBE4 !important;
    vertical-align: middle;
    font-size: 14px;
    line-height: 21px;
}
.moExamGrade .table th { background: #F3F6FA; }
.moExamGrade .table>:not(:first-child) { border-top: 0; }
.moExamGrade .table_2 tbody tr td:first-child {
    font-weight: 700;
    color: #DB4C65;
}
.moExamGrade .table_2 { margin-bottom: 30px; }
.moExamGrade .box_3 .menu:last-child .table_2 { margin-bottom: 0; }
/*.nemo_box { margin-top: 30px; }*/
.nemo_box .box_1 {
    border: 6px solid #F3F6FA;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 24px;
}
.nemo_box .box_1 .title2 { width: 100px; margin-right: 10px; }
.nemo_box .box_1 .cont a {
    border: 1px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 23px;
    height: 35px;
    line-height: 33px;
    padding: 0 10px;
    text-align: center;
    margin-right: 5px;
    -webkit-transition: all .3s; transition: all .3s;
}
.nemo_box .box_1 .cont a:not(.ST):hover {
    background: #148AE1;
    border: 1px solid #148AE1;
    -webkit-transition: all .3s; transition: all .3s;
    color: #fff !important;
}
.nemo_box .box_1 .cont a.ST {
    background: #264966;
    border: 1px solid #264966;
    color: #fff !important;
}
.nemo_box .box_1 .line { height: 0; border-top: 1px dashed #B8BFC8; margin: 15px 0; }
.guide .data_list { margin-top: 12px; }
.guide .table td a { text-decoration: underline; }
.guide .table td {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #2B2D30;
}
.departmentInfo .table td { vertical-align: middle; }
.departmentInfo .basic_jum li { margin-top: 5px; }
.departmentInfo .basic_jum li:first-child { margin-top: 0; }
.class_info .table td { padding: 12px 20px; word-break: keep-all; }
.class_info .table th { border-right: 2px solid #2B2D30; }
.science_1 .table td, .science_2 .table td { vertical-align: middle; }
#class_view .univ_cont { padding-top: 30px; }
#class_view table td { vertical-align: middle; }
.high_shot { display: inline-block; width: 30px; }
.high_shot2, .high_shot3 { color: #5DB049; }
.high_shot1, .high_shot4 { color: #B29F7D; }
.high_name { display: inline-block; width: 240px; text-align: left; }
.highSchoolInfo .table tr td:first-child { text-align: right; }
/* End ÀÔ½ÃÁ¤º¸ */

@media (max-width: 1399px) {
    .admissions .box_1_left ul li a { max-width: 400px; }
    .admissions .data-table-export tbody tr td a { max-width: 600px; }
}