@charset "utf-8";

/* set */
body {font-size:16px;margin:0;padding:0;font-family:GmarketSans, SCDream, Dotum, "돋움", sans-serif;color:#363636;font-weight:300;}
input, select, button{font-family:GmarketSans, SCDream, Dotum, "돋움", sans-serif;font-size:16px;color:#363636}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:-5000px;left:-5000px;font-size:0;}
.hide{display:none !important;margin:0;padding:0}
.new_win{display:inline-block;width:12px;height:0;padding:12px 0 0 0;overflow:hidden;margin:0 0 0 7px;vertical-align:middle;background:url("/images/02jbeducation/common/ico_cmd.png") -120px -20px}



/* Mobile */
/* 취임사 */
.inaugural>div {background: linear-gradient(to bottom, #f1fbfb, #edf6fa); border-radius: 70px 0;  padding: 20px;}
.inaugural .content {border-radius: 50px 0; padding: 20px 10px 20px 30px;  box-shadow: 0 0 10px rgba(219,219,219,.3); background: #fff url(/images/02jbeducation/content/bg.png) no-repeat right bottom;  background-size: 195px; padding-bottom: 200px;}
.inaugural .content p {line-height: 1.4; display: block; margin: 20px 0;word-break: keep-all;color: #666;}
.inaugural .content .tit { font-size: 35px;  font-weight: 100; color: #000;  margin-bottom: 35px;}
.inaugural .content .txt_bd {font-size: 18px; font-weight: 600; color: #00898b;}
.inaugural .center {margin: 0 auto;}
.inaugural .center p {margin: 40px 0 0; font-family: NanumMJ; font-size: 16px; font-weight: bold; text-align: center; color:#000;}
.inaugural .content  .txt_impact {font-weight: 300; font-size: 19px; color: #0054a6;}
.inaugural .center .sign { font-size: 16px; color: #000; display: block; margin: 20px auto; text-align: center;font-family: GmarketSans, SCDream, Dotum, "돋움", sans-serif; font-weight: 300;}
.inaugural .center .sign strong { font-weight: 300; display: block; margin: 0 4px; font-size: 28px; letter-spacing: 2px; color: #000;}

/* Tablet */
@media all and (min-width:768px) {
.inaugural>div { padding: 5px;}
.inaugural .content {padding: 50px 50px 300px 50px; margin: 30px; background-size: 50%;}
.inaugural .content p {text-align: center;}
.inaugural .center .sign {margin: 30px auto 0;}
.inaugural .center .sign strong {margin: 5px auto;}
}

/* Desktop */
@media all and (min-width:1023px) {
.inaugural {margin-bottom: 100px;}
.inaugural>div { max-width: 1000px;  margin: 100px auto 0;}
.inaugural .content {padding: 50px 50px 350px 50px;}
.inaugural .content .tit {font-size: 45px;}
}

/* Mobile */
/* 인사말 */
.greeting { margin-top: 40px; padding-bottom: 40px;}
.greeting .gre_tit {font-size: 16px; position: relative;}
.greeting .gre_tit::after {content: '';background-color: #d3d0e4; margin: 27px auto 0;  width: 1px;height: 20px; position: absolute; bottom: -70px;   left: 50%;}
.gre_tit strong {margin-bottom: 5px; font-size: 20px;color: #008789;}
.gre_tit strong:first-child {color: #0054a6;}
.greeting .gee_ex {color: #666; font-weight: 300; font-size: 14px;margin-top: 10px;}
.gre_box {margin-top: 20px;}
.gre_box .gre_img {display: block;margin:0 auto 25px auto; position: relative;z-index: 0;max-width: 406px; width: 96%;}
.gre_box .gre_img img {width: 100%; border-radius: 30px 5px;box-shadow: 5px 5px 0 #d3d0e4;}
.gre_txt {margin-top: 20px;position:relative;padding-left: 10px;}
.gre_txt::after { content: 'Greeting'; z-index: -1;display: block; position: absolute;bottom: -126px; left: -44px; font-size:45px; font-weight:600; color: #d3d0e4;opacity: .25;}
.gre_txt strong {color: #0054a6;}
.gre_name {margin-top: 40px;}
/* Tablet */
@media all and (min-width:768px) {
.greeting {position: relative; margin-top: 50px;letter-spacing: -0.035em; padding-bottom: 90px;}
.greeting .gre_tit {position: relative;text-align: center; }
.gre_tit strong { font-size: 28px;}
.greeting .gee_ex {text-align: center;font-weight: 500;font-size: 18px;}
.greeting .gre_tit::after {bottom: -100px;height: 25px;}
.gre_box {overflow: hidden;}
.gre_box .gre_img {margin-right: 30px;max-width: 406px; width: 300px;margin-right: 30px; z-index: 0; float: left;}
.gre_box .gre_img img {border-radius: 50px 5px;}
.gre_txt {margin-top: 0;width: calc(100% - 340px); float: right;}
.gre_name {margin-left: 25px;}
.gre_txt::after {left: -83%;bottom: 0;opacity: .22; font-size: 90px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.greeting .gre_tit {font-size: 30px;}
.greeting .gre_tit::after {height: 50px; bottom: -130px;}
.gre_box { margin-bottom: 80px;}
.gre_box .gre_img {width: 406px;margin-right: 74px;}
.gre_box::before {content:'';display: block;position: absolute;bottom: 15%;z-index: -2;/* background:linear-gradient(-45deg, #0054a6 -40%, #008789); */height: 774px;left: 0;margin-right: -300px;border-radius:0 100px 0;border-radius: 0 100px 0;width:26%;}
.gre_txt {width: calc(100% - 495px);margin-top: 20px;padding-bottom: 100px;}
.gre_txt::after { bottom: -13px; right: 0;left: auto; font-size: 150px;}
.gre_name {margin-left: 157px;/* color: #fff; */}
}
/* Pc */
@media all and (min-width:1400px) {
.gre_box::before {width:28%;}
.gre_name{margin-left: 8%;}
}

/* Mobile */
/* 프로필 */
.gre_box h4 {display: block; font-weight: 300;  background: none;margin: 30px 0 0 0;  padding: 0 0 20px; color:#0054a6;text-align: center;}
.career_list_out {text-align: center; font-weight: 100; font-size: 18px; word-break: keep-all;}
.career_list_out li strong{font-weight:600;displat:inline-block;padding-right:10px;}
/* Tablet */
@media all and (min-width:768px) {
.gre_box h4 {text-align:left;position:relative;}
.profile {width: calc(100% - 400px); float: left;padding: 20px 0 20px 60px;}
.gre_box h4::before {content:''; display: block; position: absolute; top: 0; left: -50px; width: 30px; height: 30px; border: 7px solid #e9edf5; border-radius: 100%; background-color: #0054a6; box-sizing: border-box;}
.career_list_out {text-align: left;}
.career_list_out li {padding: 0 0 5px 14px;position:relative;font-weight: 300;}
.career_list_out li::before {content:'';position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius:50px; background: #ccc;}
.pf_box {position:relative;}
.pf_box::before {content: '';display: block; position: absolute; top: 71px; left: 355px; width: 1px; height: 1200px; background-color: #e9edf5;}
}

/* Desktop */
@media all and (min-width:1023px) {
.profile {width: calc(100% - 540px);}
.pf_box::before {left: 505px;height: 1350px;}
.pro_box::before {height: 1400px;bottom: 12%; opacity: .9;}
.profile:last-of-type {position:relative;}
.profile:last-of-type::after {content: 'Greeting'; z-index: -1; display: block; position: absolute; bottom: -13px; left: -52%;  font-size: 200px; font-weight: 600;   color: #d3d0e4;  opacity: .22;}

.photo_list li{width: 31.3%;}
}