/* 2022 04 05 추가 */
.sub_title {  text-align:center; margin-bottom:70px; }
.sub_title p { border-bottom:1px solid #2866b1; font-size:33px; font-weight:600; color:#333; display:inline-block; padding-bottom:20px;}
.sub_title img{display:block; margin:0 auto; max-width:560px; width:100%; height:auto;}
.form_title{margin-bottom:80px !important;}
.form_title p{vertical-align: middle;}
.form_title img{width:45%; margin-right:45px !important;}
.form_title::after{bottom:0 !important}
.analysis_view colgroup col:nth-child(1){width:100px !important}
.analysis_login { width:500px; margin:0 auto; }
.analysis_login .top_txt { font-size:20px; text-align:center; margin-bottom:35px;}
.analysis_login input[type=text] {width:100%; border:1px solid #ddd; height:60px; margin-bottom:5px; padding-left:20px; font-size:18px; color:#888;     box-sizing: border-box;}


.analysis_login .btn_wrap { margin-top:5px; overflow:hidden; } 
.analysis_login .btn_wrap input { display:inline-block; width:49%; line-height:50px; background:#004faa; color:#fff; font-size:20px; text-align:center; border:none;  }
.analysis_login .btn_wrap input[type=button] { margin-right:4px; border:1px solid #004faa; background:#fff; color:#004faa; box-sizing:border-box;    line-height: 48px; width:192px;}
.analysis_login .btn_wrap input[type=submit] { width:192px;}






.analysis_view .title { font-size:32px; color:#004faa; margin-bottom:25px;}
.analysis_view table { width:100%; }
.analysis_view table th, .analysis_view table td { height:50px; border:1px solid #ddd;  padding:0 10px;}
.analysis_view table th{ background: #f9f9f9;
    font-size: 22px;
    color: #333;
    text-align: left; }
.analysis_view table td { font-size:22px; color:#666; }

.analysis_view input[type=radio] {     width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px; margin-left:50px;}
.analysis_view input[type=radio]:first-child { margin-left:0; }

.analysis_view input[type=text] { border:1px solid #ddd; height:38px; width:70%}

.analysis .btn_wrap02 { margin-top:50px; overflow:hidden; float:right; } 
.analysis .btn_wrap02 input { display:inline-block; width:49%; line-height:50px; background:#004faa; color:#fff; font-size:17px; text-align:center; border:none; width:192px; }
.analysis .btn_wrap02 input[type=button] {    display: inline-block;
    width: 49%;
    line-height: 50px;
    background: #004faa;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: none;
    width: 192px;
    cursor: pointer; }

.analysis .btn_wrap02 input[type=button]:first-child {
    margin-right: 4px;
    border: 1px solid #004faa;
    background: #fff;
    color: #004faa;
    box-sizing: border-box;
    line-height: 48px;
}
.mt50 { margin-top:50px;}

.ml0 { margin-left:0;}




/*메인 비주얼 */
#visual { position: relative; height:400px; width: 100%; overflow: hidden; margin-top: 0px; }
.visual_wrap { position:absolute; width:100%;}
.visual_wrap .slick-dots { width:100%; }
.visual_wrap .slick-dots li{  text-indent:-9999px; width:14px; height:14px;  z-index:1;cursor:pointer; border:1px solid #fff; background:transparent; border-radius:50%; }
.visual_wrap .slick-dots .slick-active { background:#00baf2; border-radius:50%; width:14px; height:14px; border:1px solid #00baf2;}


.slider div { position:relative; }
.visual_txtwrap { position:absolute !important; top:0; width:600px; text-align:left; left:0; right:0;margin:auto;} 
.visual_txtwrap p { color:#fff; position:absolute; left:0; right:0; margin:auto; }
.visual_txtwrap .txt01 { font-size:20px;top:85px; opacity:0; color:#00b9f1;}
.visual_txtwrap .txt02  { font-size:40px; top:120px; opacity:0;  color:#FFF; line-height:45px;}
.visual_txtwrap .txt03  { font-size:18px;  top:200px; opacity:0; color:#FFF;} 
.visual_txtwrap .txt03 .line { display:block; width:34px; background:#FFF; height:2px;  margin-bottom:15px;}


/************************ 메인 content ************************/ 

/* 메인 공통 */
.main_title { font-size:32px; font-weight:600; color:#333; margin-top:70px; margin-bottom:40px;}




/* WHAT WE DO */
.wedo { padding:0 20px; }
.wedo .main_title { margin-bottom:20px;}
.wedo_list { border-bottom:1px solid #e3e3e3; padding:20px 0; overflow: hidden; position: relative; height: 220px; box-sizing: border-box;}
.wedo_list .list_img { /*float:left;*/ width:210px; height:180px;     position: absolute; left:-50px; opacity:0;}
.wedo_list .txt_wrap { /*float:left; padding-left:20px; */ position: absolute; right:70px; opacity:0;     width: 60%;}
.wedo_list .txt_wrap .txt01 { font-size:26px; color:#333; font-weight:600; margin-top:15px;}
.wedo_list .txt_wrap .txt02 { font-size:22px; color:#888;  margin-top:10px;}
.wedo_list .txt_wrap .txt03 { font-size:18px; color:#2452a0; margin-top:20px; }
.wedo_list .txt_wrap .txt03 img { vertical-align: top; margin-top: 10px; margin-left:5px;}



/* 배너 */
.main_banner { width:100%; height:240px; background:url(../image/main/main_bn.png)no-repeat; text-align:center; margin-top:70px;}
.main_banner a { display:inline-block; width:100%; height:100%; box-sizing:border-box; padding: 30px 0;}
.main_banner .txt01 { color:#fff; font-size:28px; font-weight:600; }
.main_banner .txt02 { color:#394458; font-size:16px; margin-top:15px; }
.main_banner .more { color:#fff; font-size:18px; width:150px; line-height:40px; display:inline-block; border:1px solid #ddd; box-sizing:border-box; margin-top:20px;}



/* 퀵메뉴 */
.q_menu { border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; overflow:hidden; margin-top:70px; }
.q_menu ul li { float:left; border-right:1px solid #eee; box-sizing:border-box; width:33.3%; height:130px; text-align:center; }
.q_menu ul li a { font-size:22px; font-weight:600; color:#454d68; padding-top: 92px; line-height:24px; display:inline-block; } 
.q_menu ul li a:hover { color:#00baf2; }
.q_menu ul li:nth-child(1) { background:url(../image/main/q_icon01.png)no-repeat center 20px; }
.q_menu ul li:nth-child(2) { background:url(../image/main/q_icon02.png)no-repeat center 20px; }
.q_menu ul li:nth-child(3) { background:url(../image/main/q_icon03.png)no-repeat center 18px; border-right:0; }
.q_menu ul li:nth-child(3) a { padding-top:77px;}

.q_menu ul li:nth-child(1):hover { background:url(../image/main/q_icon01_on.png)no-repeat center 20px; }
.q_menu ul li:nth-child(2):hover { background:url(../image/main/q_icon02_on.png)no-repeat center 20px; }
.q_menu ul li:nth-child(3):hover { background:url(../image/main/q_icon03_on.png)no-repeat center 18px; }



/* 현장갤러리 */
.gallery { height:320px; padding:0 20px; }
.gallery_list { text-align:left; position:relative; }
.gallery_list span {display:inline-block; font-size:29px; color:#333; }
.gallery_list .slick-dots { left: 503px; top: -100px;}
.gallery_list .slick-dots li{  text-indent:-9999px; width:14px; height:14px;  z-index:1; top:45px; cursor:pointer; border:1px solid #2452a0; background:transparent;  float:left; border-radius:50%; }
.gallery_list .slick-dots .slick-active { background:#2452a0; border-radius:20px;  width:37px; height:14px;}
.gallery_list .view { margin-top:17px;}
.gallery_list .view .view_list { float:left; width:100%; }
.gallery_list .view .view_list .img_box { width:290px; height:152px;}
.gallery_list .view .view_list .img_box img { width:100%; height:100%;}
.gallery_list .view .view_list .txt { font-size:22px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:block;
width:97%; padding:0 5px; margin-top:15px; }	
.gallery_list .view .view_list .day { font-size:22px; color:#aaa; padding:0 5px;  }
	
	
	
/* 상담전화 */
.main_contact { width:100%; height:160px; background:url(../image/main/contact_bg01.png)no-repeat #f5f5f5; margin-top:70px; box-sizing: border-box;
    padding: 55px 0;
    padding-left:252px; /*border: 1px solid #ddd;*/
    border-bottom: 0;}	
.main_contact  .txt01 {font-size:24px; color:#fff; font-weight:600; }
.main_contact  .txt02 {font-size:45px; color:#00baf2; font-weight:600;    line-height: 45px;}
	
.main_mail {  width:100%; height:55px; line-height:55px; background:#f5f5f5; text-align:center; }	
.main_mail p { font-size:22px; color:#333; font-weight:600; }
.main_mail p span { color:#0850a2; margin-left:10px;} 	
	
	
/* 공지사항 */
.main_notice { padding:0 20px;}
.main_notice .main_title { margin-bottom:20px;}
.main_notice .main_title a{ font-size:21px; color:#2452a0; font-weight:normal; float:right; }	
.main_notice .main_title a img { vertical-align:top; margin-top:12px; margin-left:10px;}	
.main_notice ul li {height:80px;  line-height:80px; border-bottom:1px solid #eee; }	
.main_notice ul li a{ font-size:24px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; width:70%;  }	
.main_notice ul li .day { font-size:22px; color:#aaa; float:right; }	
	
	
	
	

/************************ sub 공통 ************************/

.content				{ position:relative; margin:0; padding:62px 10px 120px 10px;}
.content h2.page_title	{ position:absolute; top:0; left:0; width:100%; height:32px; padding:0 10px; box-sizing:border-box; color:#fff; font-size:12px; font-weight:600; line-height:32px; background:#6891b1}
.content h3				{ margin-bottom:10px; color:#333; font-size:14px; font-weight:600}

.sub_menu {  margin-bottom:40px; border-top:1px solid #00469e; border-bottom:1px solid #00469e; line-height:65px;     display: inline-block;height: 65px;}
.sub_menu .top_title {  text-align:center; color:#fff; font-weight:600; font-size:28px; background:#00469e; width:240px; float:left; }

.sel_meun1 { position: relative; z-index: 10;float: left;  width: 400px;
}
.sel_on { width: 100%;  height: 65px; display: inline-block; font-weight: 600; font-size: 24px; color: #00469e; background: url(../image/sub/arrow.png) no-repeat 95% 50% ; line-height: 65px;  text-align: center;box-sizing:border-box; border-right:1px solid #00469e
}
.sel_box { position: absolute;  background: #fff; top: 65px; width:100%; 
}
.sel_box ul { display: none; background: #fff; border: 1px solid #00469e; box-sizing:border-box;
}
.opn .sel_box ul { display: block; background: #fff; box-sizing:border-box; border: 1px solid #00469e;}
.sel_box ul li a { display: inline-block; width: 400px; height: 50px; font-weight: 600; font-size: 24px; color: #00469e; border: none; line-height: 50px; text-align: center;}


.sub_content { padding:0 20px;}




/* About */
.about_top { overflow:hidden; }
.about_top img { float:left; width:600px; }
.about_top .top_txtbox { width:600px; float:left; background:#394458;  box-sizing: border-box; padding: 40px 35px; }
.top_txtbox ul li { font-size:22px; color:#fff; margin-bottom:12px; }
.top_txtbox ul li span { font-weight:600; width:140px; display:inline-block}
.top_txtbox ul li .add { float:left; height:70px;}
.about_list { text-align:center; margin-top:95px;}
.about_list ul { margin-top:40px; overflow:hidden;}
.about_list ul li { float:left; width:33.3%; line-height:40px; }
.about_list ul li .line { width:32px; height:2px; background:#2866b1; display:inline-block; margin-bottom:25px;}
.about_list ul li p { font-size:22px; color:#333; }
.about_list ul li p.tit01 {color:#2866b1; font-size:24px; padding:30px 0 20px 0;}


/* 교수진 */
.professor_wrap{ margin-bottom:100px;}
.professor_wrap .title { color:#004faa; font-size:26px; border-bottom:1px solid #004faa; text-align:center; padding-bottom:20px;}
.professor_wrap ul li { border-bottom:1px solid #ddd; }
.professor_wrap ul li .professor_name { line-height:80px; height:80px; text-align:left; padding-left:250px; position:relative; font-size:24px; color:#333; background:url(../image/sub/view_off.png)no-repeat 96% center; cursor:pointer; }
.professor_wrap ul li .professor_name span { position:absolute; left:20px;  }
.professor_wrap ul li .professor_view_wrap { padding:30px 0; /*display:none;*/ }

.professor_wrap ul li .on {
    line-height:80px; height:80px; text-align:left; padding-left:250px; position:relative; font-size:24px; color:#333; background:url(../image/sub/view_on.png)no-repeat 96% center; cursor:pointer;
}


.professor_view_warp { display:none; width:100%; padding:30px 0; overflow: hidden;}
.professor_view_warp .view_box { text-align:center; }
.professor_view_warp .view_box img { width:168px; height:210px; border:1px solid #ddd;}
.professor_view_warp .view_box .txt_box { text-align:left; padding:0 10px; margin-top:30px;}
.professor_view_warp .view_box .txt_box p { font-size:22px; color:#666; line-height:40px;}
.professor_view_warp .view_box .txt_box p span { color:#0096e4; display:block; margin-top:30px;}




/* 연혁 */
.history_wrap { border-top:1px solid #cacfd5; padding-top:25px; padding-bottom:40px; position:relative ;     display: inline-block;
    width: 100%;}
.history_wrap .txt_box { width:70%; float:right; }
.history_wrap .txt_box tr { padding:5px 0; }
.history_wrap .txt_box td { font-size:22px; color:#333; line-height:40px; padding-left:10px;}
.history_wrap .txt_box th {font-size:22px;  color:#2452a0; font-weight:normal; vertical-align:top; padding-top:5px; width:26px;}

.history_wrap .year { position:absolute; top:-2px; left:0; color:#2452a0; font-size:32px; font-weight:600; border-top:2px solid #2866b1;  width:120px; padding-top:20px;}




/* 프로그램 맵 */
.program .title { font-size:25px; color:#004faa; text-align:center; margin-bottom:45px; }
.program .program_list  {overflow: hidden; border-left:1px solid #004faa;}
.program .program_list li {border-right:1px solid #666; border-bottom:1px solid #666; height:50px; line-height:50px;  width:100%; box-sizing:border-box; text-align:center;  }
.program .program_list li:nth-child(1){border-top:1px solid #666; }
.program .list02 li{ width:49.6%;} 
.program .program_list li a { font-size:22px; color:#666; display:inline-block; width:100%; height:100%; } 
.program .program_list li a:hover { background:#004faa; color:#fff; }
.program .program_list .on a { background:#004faa; color:#fff;}




/* 리더십 */
.leadership { margin-top:80px; }
.leadership .img_box { width:100%; height:330px;  margin-bottom:40px; text-align:center;}
.leadership .title { font-size:32px; color:#004faa; margin-bottom:40px; }
.leadership .info { padding:0 10px;}
.leadership .info p { font-size:22px; color:#666; line-height:40px;}
.leadership .info p span { font-weight:600; color:#333; margin-right:15px;}
.leadership .info .sub_title { font-size:22px; font-weight:600; color:#333; margin-top:50px; margin-bottom:5px; text-align:left; }
.leadership .info table { width:100%; margin-top:10px;}
.leadership .info table th, .leadership .info table td { height:50px; font-size:22px;  border:1px solid #ddd; border-left:0; line-height:40px;}
.leadership .info table th { color:#333; font-weight:normal; } 
.leadership .info table td { color:#666; padding:40px 0; text-align:center; }
.leadership .info table td:nth-child(2) { padding-left:20px; text-align:left; }
.leadership .info table th:last-child, .leadership .info table td:last-child { border-right:0; }


/* 계층별 역량진단 */
.photo_list { overflow:hidden;}
.photo_list li { float:left; margin-right:20px; margin-bottom:80px;}
.photo_list li:nth-child(2n) { margin-right:0; }
.photo_list li .title { font-size:24px; color:#333; font-weight:600; margin-top:20px; margin-bottom:15px; }
.photo_list li .day { border-top:1px solid #959595; padding-top:15px;}
.photo_list li .day p { font-size:18px; color:#aaa; }
.photo_list li .day p span { color:#333; display:block; margin-top:5px;}
.photo_list li .day p span img { margin-left:20px;}





/* 맞춤진단 분석 */
.analysis_warp { width:500px; margin:0 auto; }
.analysis_warp .top_txt { font-size:22px; text-align:center; margin-bottom:35px;}
.analysis_warp input {width:100%; border:1px solid #ddd; height:55px; margin-bottom:5px; padding-left:20px; font-size:18px; color:#888;     box-sizing: border-box;}


.analysis_view .title { font-size:32px; color:#004faa; margin-bottom:25px;}
.analysis_view table { width:100%; }
.analysis_view table th, .analysis_view table td { height:50px; border:1px solid #ddd;  padding-left:15px !important;}
.analysis_view table th{ background:#f9f9f9;  font-size:22px; color:#333; text-align:left;  }
.analysis_view table td { font-size:22px; color:#666; }

.analysis_view input[type=radio] { width:20px; height:20px;  vertical-align:middle; margin-right:10px;}
.analysis_view input[type=radio]:first-child { margin-left:0; }
.analysis_view .check td { padding:15px 30px;     line-height: 45px;}



/* Q&A list */

.qna_top { overflow:hidden; margin-bottom:30px;}
.qna_top .txt_box { width:80%;  background:url(../image/sub/qna.png) no-repeat center 20px #f4f4f4; float:left;     box-sizing: border-box; padding:0 20px; padding-top:100px; text-align:center; padding-bottom:20px;}
.qna_top .qna_btn { width:20%; text-align:center; height:204px; color:#fff; background:#2866b1; display:inline-block; font-size:22px; font-weight:600;  box-sizing: border-box;
    padding: 74px 0;}

.qna_top .txt_box p { font-size:18px; color:#333; line-height:28px; }
.qna_top .txt_box p span { color:#2866b1; }

.basic_list { display:inline-block; width:100%; border-top:2px solid #00469e; margin-bottom:60px;}
.basic_list li { padding:20px; border-bottom:1px solid #ddd; }
.basic_list .title { font-size:24px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; max-width:90%; }
.basic_list .title span { font-weight:600; margin-right:20px;}
.basic_list li img { vertical-align:top; margin-top:7px;}
.basic_list .day { font-size:22px; color:#888; text-align:right; margin-top:5px; }
.answer01 { color:#394458}
.answer02 { color:#2866b1}

/* Q&A view */
.view_box { overflow:hidden; }
.view_box .view_title { background:#ececec; line-height:35px;  font-size:24px; color:#333; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.view_box .view_title .name {display: block;
    font-size: 18px;
    color: #888;
    text-align: right; }
.view_box .view_file { line-height:60px;height:60px; border-bottom:1px solid #ddd; padding:0 20px; font-size:22px; color:#333; }
.view_box .view_file img { vertical-align:middle; margin-left:5px;} 
.view_box .view_file .file { margin-left:20px; border-bottom:1px solid #333;  }
.view_box .view_file .day { float:right; }
.view_box .view_txt { border-bottom:1px solid #ddd; padding:30px 40px; }
.view_box .view_txt p { font-size:22px; color:#666; line-height:40px;}

.view_box02 { margin-top:60px; }
.view_box02 .view_title {  font-weight:600; background:#e9eff7; }
.view_box02 .view_title .name {font-weight:normal;  }



/* 공지사항 view */
.view_box03 .view_title{ border-bottom:1px solid #ddd; padding-bottom:20px; }
.view_box03 .view_title .title { font-size:24px; color:#333; }
.view_box03 .view_title .day { font-size:18px; color:#888; margin-top:10px;}
.view_box03 .view_file { line-height:55px; height:55px; padding:0 20px; font-size:22px; border-bottom:1px solid #ddd; }
.view_box03 .view_file a{ border-left:1px solid #dddddd; margin-left:10px; padding-left:10px;}
.view_box03 .view_file img { vertical-align:middle; margin-left:5px;}
.view_box03 .view_file .views { float:right; font-size:18px; color:#888;  }
.view_box03 .view_file .views span { border-left:1px solid #dddddd; margin-left:10px; padding-left:10px; }
.view_box03 .view_txt { border-bottom:1px solid #888; padding:30px 40px; }
.view_box03 .view_txt p { font-size:22px; color:#666; line-height:40px;}

.nexe_post,.prev_post  { line-height:55px; height:55px; border-bottom:1px solid #ddd; padding:0 40px; font-size:14px; color:#333;}
.nexe_post a { margin-left:30px; color:#888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; font-size:22px; width: 80%;}
.prev_post a { margin-left:30px; color:#888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; font-size:22px;width: 80%;}
.nexe_post p,.prev_post p { font-size:22px; float:left;}



/* CEO */
.ceo .top { position:relative;     height: 235px;}
.ceo .top_txt01 { font-size:26px; color:#004faa;}
.ceo .top_txt02 { font-size:22px; color:#333; line-height:30px; margin-top:15px; }

.info_txtbox { padding:20px; background:#edf3f8; margin-top:25px;} 
.info_txtbox p { font-size:22px; color:#333; line-height:30px;margin-bottom:30px; }
.info_txtbox p:last-child { margin-bottom:0; }

.ceo_history { margin-top:45px; padding-bottom:20px;   position:relative; }
.ceo_history .txt02 { font-size:22px; color:#333; line-height:35px; } 

.ceo_history p:last-child { margin-top:20px;}
.ceo_img { position: absolute;
    top: 0;
    right: 0;
    text-align: right; }
.ceo_history .txt01 {  font-size:26px; color:#004faa;   border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.ceo_img .name {   font-size:18px; color:#333;  display:inline-block;  margin-bottom:10px; } 
.ceo_img p span {  font-size:24px; } 
.ceo_img img { vertical-align:bottom ;}




/* 교보재 */
.textbook .top_txt { font-size:24px; color:#666; text-align:center; }
.textbook ul { margin-top:30px; overflow:hidden; }
.textbook ul li { float:left; width:290px; height:270px; border:1px solid #ddd; margin-right:20px; box-sizing:border-box; text-align:center;margin-bottom:20px;
    padding-top: 135px; }
.textbook ul li:nth-child(2n) { margin-right:0; }
.textbook ul li .txt01 {  font-size:26px; color:#2866b1; font-weight:600; margin-bottom:10px;}
.textbook ul li .txt02 {  font-size:22px; color:#666; }
.textbook ul li:nth-child(1) { background:url(../image/sub/bookicon01.png)no-repeat center 42px; }
.textbook ul li:nth-child(2) { background:url(../image/sub/bookicon02.png)no-repeat center 45px; }
.textbook ul li:nth-child(3) { background:url(../image/sub/bookicon03.png)no-repeat center 24px; }
.textbook ul li:nth-child(4) { background:url(../image/sub/bookicon04.png)no-repeat center 42px; }
.textbook ul li:nth-child(5) { background:url(../image/sub/bookicon05.png)no-repeat center 35px; }



/* 오시는길 */
.map table { width:100%; border-top:2px solid #004faa; margin-top:20px;}
.map table th { background:#f9f9f9;  height:60px; }
.map table th, .map table td {border-bottom: 1px solid #ddd; font-size: 22px;}
.map table td {     padding: 8px 20px;}



/* 비전 */
.vision .top_banner{ width:100%; height:220px; background:url(../image/sub/vision_bg.png)no-repeat; padding: 48px 0px; box-sizing:border-box; text-align:center;}
.top_banner .txt01 { font-size:32px; font-weight:600; color:#fff; line-height:40px; }
.top_banner .txt02 { font-size:18px; color:#fff; margin-top:25px; }

.vision_info { text-align:center; margin:80px 0; background:url(../image/sub/info_bg.png)no-repeat center 220px ; }
.vision_info ul { display:table; margin:auto; }
.vision_info ul li { width:260px; height:260px; background:url(../image/sub/vision_li01.png)no-repeat; float:left; text-align:center; box-sizing:border-box; padding-top:90px;  }
.vision_info ul li:first-child { width:100%; background:url(../image/sub/vision_li01.png)no-repeat center;}
.vision_info ul li:nth-child(2) { background:url(../image/sub/vision_li02.png)no-repeat; margin-right:80px; padding-top: 74px ;} 
.vision_info ul li:nth-child(3) { padding-top:74px;}
.vision_info ul li .txt01 { font-size:28px; font-weight:600; color:#004faa; }
.vision_info ul li .txt02 { font-size:18px; color:#666; line-height:26px; margin-top:15px; }

.edu_box { box-sizing:border-box; border:5px solid #f5f5f5; width:100%; overflow:hidden;  padding:40px 10px; }
.edu_box .title { width:200px; height:200px; background:url(../image/sub/edu_icon.png)no-repeat center 45px #2866b1; border-radius:50%; text-align:center; color:#fff; font-size:28px; box-sizing:border-box; padding-top:120px; position:relative; margin:0 auto 40px;  }
.edu_box .title .arrow { position:absolute; top:0; bottom:0; margin:auto; right:-88px;}


.edu_box ul { overflow:hidden;  }
.edu_box ul li { clear:both; margin-bottom:25px; text-align: center;}
.edu_box ul li:last-child { margin-bottom:0; }
.edu_box ul li .name { margin:0 auto; width:180px; line-height:50px; color:#004faa; font-size:26px; font-weight:600;     border: 2px dashed #004faa; border-radius:50px; text-align:center; box-sizing:border-box; position:relative; margin-bottom:30px;}
.edu_box ul li .name .line { position:absolute; right: 0;
    left: 0;
    bottom: -31px; margin:auto;}
.edu_box ul li .txt { font-size:22px; color:#333; }




/* 교육과정 */

.process .top_title { color:#2866b1; font-size:32px; text-align:center; }
.process .top_box { border:5px solid #f5f5f5;    padding: 30px 15px; margin-top:30px;}
.process .top_box ul { overflow:hidden; display:table; margin:auto;  }
.process .top_box ul li { font-size:19px; color:#666; line-height:28px; margin-bottom:10px;}


.process_list { margin-top:80px; overflow:hidden; /* background:url(../image/sub/pc_arrow.png)no-repeat 109px 224px; */ }
.process_list ul { overflow:hidden;}
.process_list ul li { margin-bottom:20px; overflow: hidden; display:table;}
.process_list ul li .title{ border-radius:50%; width:190px; height:190px; font-size:18px; font-weight:600; text-align:center; float:left; box-sizing:border-box; padding-top:115px; margin-right:20px; }
.process_list .txt { font-size:20px; display:table-cell; vertical-align:middle;color:#666;  }

.process_list ul li:nth-child(1) .title{ border:5px solid #a4c4ec; color:#a4c4ec; background:url(../image/sub/pc01.png)no-repeat center 48px #fff; }
.process_list ul li:nth-child(2) .title{ border:5px solid #7fabe1; color:#7fabe1; background:url(../image/sub/pc02.png)no-repeat center 43px #fff; }
.process_list ul li:nth-child(3) .title{ border:5px solid #689bda; color:#689bda; background:url(../image/sub/pc03.png)no-repeat center 43px #fff; }
.process_list ul li:nth-child(4) .title{ border:5px solid #4d88d0; color:#4d88d0; background:url(../image/sub/pc04.png)no-repeat center 50px #fff; }
.process_list ul li:nth-child(5) .title{ border:5px solid #2866b1; color:#2866b1; background:url(../image/sub/pc05.png)no-repeat center 43px #fff; }

.pclist_txt { margin-top:25px;}
.pclist_txt ul li { float:left; margin-right:20px;  width:224px; text-align:center;}
.pclist_txt ul li p {  font-size:15px; color:#666; margin-bottom:20px;  }
.pclist_txt ul li:last-child { margin-right:0; }


/* Activity Simulation */

.activity .top_txt { font-size:24px; color:#666;  text-align:center;} 

.activity ul { overflow:hidden; margin-top:40px;}
.activity ul li { border:1px solid #666; width:275px;  float:left; margin-right:50px; box-sizing:border-box;     padding-top: 90px; text-align:center;  position:relative; margin-bottom:50px; padding-bottom: 20px; color:#2866b1;}
.activity ul li img { position:absolute; margin:auto; }
.activity ul li:nth-child(2n) { margin-right:0;  }
.activity ul li:nth-child(1) { background:url(../image/sub/ac_icon01.png)no-repeat center 20px; }
.activity ul li:nth-child(2) { background:url(../image/sub/ac_icon02.png)no-repeat center 20px; color:#4da6d0;}
.activity ul li:nth-child(3) { background:url(../image/sub/ac_icon03.png)no-repeat center 20px; color:#4da6d0;}
.activity ul li:nth-child(4) { background:url(../image/sub/ac_icon04.png)no-repeat center 20px; }
.activity ul li:nth-child(5) { background:url(../image/sub/ac_icon05.png)no-repeat center 20px; }
.activity ul li:nth-child(6) { background:url(../image/sub/ac_icon06.png)no-repeat center 20px; color:#4da6d0;}
.activity ul li:nth-child(7) { background:url(../image/sub/ac_icon07.png)no-repeat center 20px; color:#4da6d0;}
.activity ul li:nth-child(8) { background:url(../image/sub/ac_icon08.png)no-repeat center 20px; }
.activity ul li:nth-child(9) { background:url(../image/sub/ac_icon09.png)no-repeat center 20px; }





.activity ul li:nth-child(1) img,.activity ul li:nth-child(5) img { right:-51px; top:0; bottom:0; }
.activity ul li:nth-child(4) img,.activity ul li:nth-child(8) img { left:-51px; top:0; bottom:0; }
.activity ul li:nth-child(2) img, .activity ul li:nth-child(3) img,.activity ul li:nth-child(6) img,.activity ul li:nth-child(7) img { right:0; left:0; bottom:-51px; }
.activity ul li:nth-child(8) img, .activity ul li:nth-child(9) img { left:-51px; top:0; bottom:0; }
.activity ul li .txt01 { font-size:26px; font-weight:600; margin-bottom:5px;}
.activity ul li .txt02 { color:#666; font-size:20px; }




/* 역량진단 */
.word .top_txt { font-size:24px; color:#666; text-align:center; }
.word ul { margin-top:30px; overflow:hidden; }
.word ul li { float:left; width:290px; height:310px; border:1px solid #ddd; margin-right:20px; box-sizing:border-box; text-align:center;margin-bottom:20px;
    padding-top: 135px; }
.word ul li:nth-child(2n) { margin-right:0; }
.word ul li .txt01 {  font-size:26px; color:#2866b1; font-weight:600; margin-bottom:10px;}
.word ul li .txt02 {  font-size:22px; color:#666; }
.word ul li:nth-child(1) { background:url(../image/sub/wordicon1.png)no-repeat center 40px; }
.word ul li:nth-child(2) { background:url(../image/sub/wordicon2.png)no-repeat center 35px; }
.word ul li:nth-child(3) { background:url(../image/sub/wordicon3.png)no-repeat center 36px; }
.word ul li:nth-child(4) { background:url(../image/sub/wordicon4.png)no-repeat center 36px; }

.word .top_banner{ width:100%; height:282px; background:url(../image/sub/word_bg.png)no-repeat; margin-top:40px; }



































/* 공통 */
.mt80 {margin-top:80px;}
.ml0 {margin-left:0 !important;} 

/* 버튼 */
.btn_wrap {margin-top:60px; overflow:hidden; text-align: center;} 
.btn_wrap .btn01 { display:inline-block; width:180px; line-height:50px; background:#004faa; color:#fff; font-size:20px; text-align:center; }
.btn_wrap a{ display:inline-block;  width:180px; margin-right:10px; border:1px solid #004faa; background:#fff; color:#004faa; box-sizing:border-box;    line-height: 50px; font-size:20px; text-align:center;     vertical-align: middle;}
input[type=submit]  { display:inline-block; width:220px; line-height:55px; background:#004faa; color:#fff; font-size:24px; text-align:center; border:none; cursor:pointer; }
.btn_wrap a:nth-child(3) { background:#666; border:0; color:#fff;}
.btn_wrap02 {  margin-top:5px; overflow:hidden; text-align: center;} 
.btn_wrap02 a { display:inline-block; width:245px; line-height:55px; background:#004faa; color:#fff; font-size:24px; text-align:center; }
.btn_wrap02 a:first-child { margin-right:10px; border:1px solid #004faa; background:#fff; color:#004faa; box-sizing:border-box;    line-height: 53px; }



/* 검색 */
.search_wrap { float: right; margin-bottom: 10px; position: relative;}	
.search_wrap select { width: 100px; height: 45px; border: 1px solid #ccc; padding: 0 10px; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../image/sub/s_arrow.png) no-repeat 90% 50% #fff; vertical-align:middle; font-size:22px;}	
.search_wrap input[type=text] { width: 220px; height: 45px; border: 1px solid #ccc; padding: 0 10px; box-sizing: border-box; margin-left: 5px; font-size:18px;}	
.search_wrap input[type=image] {  position: absolute; top: 0; right: 0; cursor: pointer;}