@import url("template.css");
/* Layout */
#container { position:relative;}
#sub_visual { height:200px; border: 1px solid #e5e5e5; }
#sub_visual p { text-align:center; padding-top:55px;}
.bt_0{color:#666; margin-top:10px;font-size:15px;}
.bt_01{color:#666; margin:10px 0 0 20px;font-size:15px;}
/* 사이드 메뉴 */
#snb { float:left; width:240px; margin:-83px 50px 0 0; }
.h_snb { background:#9c76b5 url(../images/sub/bg_h_snb.gif) no-repeat center bottom; color:#fff; font-size:27px; height:112px; text-align:center; padding-top:55px; margin-bottom:18px;}
.side_menu > ul > li > a { display:block; padding:15px; color:#525252; border-bottom:1px solid #ddd; background:#fff url(../images/sub/bg_snb_on.png) no-repeat 95% center; background-size:0;transition: all .3s ease;}
.side_menu > ul > li > a:hover, .side_menu > ul > li.on > a { background:#f1eff9 url(../images/sub/bg_snb_on2.png) no-repeat 95% center; color:#43318d;font-weight:bold; transition: all .3s ease;}
.side_menu > ul > li > ul { background:#f6f6f6; padding:0;border-bottom:0px solid #ddd;}
.side_menu > ul > li > ul > li:first-child {padding-top:15px;}
.side_menu > ul > li > ul > li:last-child {padding-bottom:15px;border-bottom:1px solid #ddd;}
.side_menu > ul > li > ul > li a { display:block; color:#666; padding:5px 10px 5px 20px;}
.side_menu > ul > li > ul > li a:before { content:"- ";}
.side_menu > ul > li > ul > li a:hover, .side_menu > ul > li > ul > li.on a { color:#875ca4; text-decoration:underline;}

button{border:none;background-color: #7a6b8f !important; color:#fff !important;}

/* Login */
	.fc_222 {color:#222;}
	.login_box { position:relative; width:93.5%; background-color:#f8f8f8; border:1px solid #eee; padding:30px 3%; overflow:hidden; clear:both; letter-spacing:-0.3px; font-size:15px; color:#666; line-height:33px; }
	.login_box2 { position:relative; width:100%; overflow:hidden; clear:both; letter-spacing:-0.3px; }
	.login_box2 .l_box01 { position:relative; width:43%; height:100%; float:left; margin-right:0.5%; background-color:#f8f8f8; border:1px solid #eee; padding:30px 3%; font-size:15px; color:#666; line-height:28px; }
	.login_box2 .l_box02 { position:relative; width:43%; height:100%; float:left; margin-left:0.5%; background-color:#f8f8f8; border:1px solid #eee; padding:30px 3%; font-size:15px; color:#666; line-height:28px; }
	.login_box2 .l_box_top { position:relative; width:100%; overflow:hidden; clear:both; }
	.login_box2 .l_box_top .l_icon { position:relative; width:100%; height:100%; text-align:center; }
	.login_box2 .l_box_top .l_icon img{ position:relative; width:85px;margin:0 auto;padding-top:20px; }
	.login_box2 .l_box_top .txt01 { position:relative; width:100%; overflow:hidden; clear:both; font-size:24px; color:#222; font-weight:bold; margin-top:40px; text-align:center; }
	.login_box2 .l_box_top .txt02 { position:relative; width:100%; min-height:100px; overflow:hidden; clear:both; font-size:14px; color:#888; line-height:24px; margin-top:20px; text-align:center; }
	.login_box2 .l_box_bot { position:relative; width:90%; height:40px; margin:5%; padding:30px 0px 0px 0px; border-top:1px solid #eee; overflow:hidden; clear:both; }
	.login_box2 .l_box_bot .l_bot_btn { position:relative; width:80%; height:40px; margin:0 auto; background-color:#394375; border-radius:3px; }
	.login_box2 .l_box_bot .l_bot_btn a { display:block; color:#fff; text-align:center; line-height:40px; font-weight:bold; }

	@media (max-width: 640px) and (min-width: 320px){

	/* Login */
.login_box { position:relative; width:89.5%; background-color:#f8f8f8; border:1px solid #eee; padding:30px 5%; overflow:hidden; clear:both; letter-spacing:-0.3px; font-size:13px; color:#666; line-height:33px; }
.login_box2 { position:relative; width:100%; overflow:hidden; clear:both; letter-spacing:-0.3px;  }
.login_box2 .l_box01 { position:relative; width:93.5%; height:100%; float:left; margin-right:0%; background-color:#f8f8f8; border:1px solid #eee; padding:30px 3%; font-size:13px; color:#666; line-height:28px; }
.login_box2 .l_box02 { position:relative; width:93.5%; height:100%; float:left; margin-left:0%; margin-top:10px; background-color:#f8f8f8; border:1px solid #eee; padding:30px 3%; font-size:13px; color:#666; line-height:28px; }
.login_box2 .l_box_top { position:relative; width:100%; overflow:hidden; clear:both; }
.login_box2 .l_box_top .l_icon { position:relative; width:100%; height:100%; text-align:center; }
.login_box2 .l_box_top .l_icon img { position:relative; width:85px; margin:0 auto; }
.login_box2 .l_box_top .txt01 { position:relative; width:100%; overflow:hidden; clear:both; font-size:24px; color:#222; font-weight:bold; margin-top:100px; text-align:center; }
.login_box2 .l_box_top .txt02 { position:relative; width:100%; overflow:hidden; clear:both; font-size:14px; color:#888; line-height:24px; margin-top:10px; text-align:center; }
.login_box2 .l_box_bot { position:relative; width:90%; height:40px; margin:5%; padding:30px 0px 0px 0px; border-top:1px solid #eee; overflow:hidden; clear:both; }
.login_box2 .l_box_bot .l_bot_btn { position:relative; width:80%; height:40px; margin:0 auto; background-color:#394375; border-radius:3px; }
.login_box2 .l_box_bot .l_bot_btn a { display:block; color:#fff; text-align:center; line-height:40px; font-weight:bold; }

 .login_box {
    position: relative;    width: 89.5%;    background-color: #f8f8f8;    border: 1px solid #eee;    padding: 30px 5%;    overflow: hidden;    clear: both;    letter-spacing: -0.3px;    font-size: 14px;    color: #666;    line-height: 28px;}

	
}

span.date_tt{font-size:15px; color:#6a6a6a;}

/* 컨텐츠 */
#colgroup { float:left; width:910px; min-height:700px;}
.sub_head { position:relative; padding-top:54px;}
.sub_title h1 { color:#010102; font-size:27px; padding:35px 0; border-top:1px solid #dadada;}
.path { position:absolute; top:17px; right:0; color:#666; font-size:15px;}
.path li { float:left;}
.path li a { color:#666; display:block; background:url(../images/sub/bg_loca_div.gif) no-repeat right center; padding:0 15px;}
.path .last { background:none; color:#333; padding:0 20px 0 15px;}


#contents { margin-bottom:40px;overflow:hidden;}
.img_ready { text-align:center;}


/* 태블릿 가로 */
@media all and (max-width:1260px) {
#sub_visual { height:150px;}
#sub_visual p { padding-top:35px;}
#sub_visual p img { width:350px; padding-right:50px;}
#snb { display:none;}
#colgroup { width:100%;}
}

/* 태블릿 세로 */
@media all and (max-width:1000px) {
#sub_visual { height:120px;}
#sub_visual p img { width:270px; padding-right:30px;}
.img_ready img { width:90%;}
}

/* 모바일 가로 */
@media all and (max-width:736px) {
#colgroup { min-height:300px;}
#sub_visual p { padding-top:30px;}
.sub_head { padding-top:40px;}
.sub_title h1 { font-size:20px; padding:25px 0;}
.path { top:11px; font-size:13px;}
}

/* 모바일 세로 */
@media all and (max-width:414px) {
#sub_visual { height:100px; }
#sub_visual p { text-align:left;}
#sub_visual p img { width:200px; padding-left:10px;}
.sub_head { padding-top:0;}
.sub_title h1 { text-align:center; border-top:none;}
.path { font-size:12px; display:none;}
.path li a {padding:0 10px;}
.path .last { padding:0 10px;}
.img_ready img { width:100%;}
}


/* 반응형일 때 좌우스크롤 넘김 */

		@media all and (max-width:1000px) {	
			 
			.mCont_scroll img{width:100%;}
			.tm_img { width:100%; }
		}
		/* == CONTENT : 640 이하 == */
		@media all and (max-width:640px) {
			.mCont_scroll { overflow-x:scroll; padding-top:45px; background:url("../images/board/mCont_scroll_ico.png") no-repeat right 0; background-size:65px 34px; }
			.mCont_scroll table { width:835px !important; }
			.mCont_scroll img { width:700px !important; }
		}
/*버튼*/
.grayL_nw{cursor: pointer;
    display: inline-block; 
    height: 54px;
    line-height: 54px;
    padding-left: 17px;
    background: url("../images/sub/btnPack.gif") no-repeat left 0;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
	clear:both;overflow:hidden;margin-top:30px;
	}

	 

	.grayL_nw span{
	display: inline-block;
    padding-right: 45px;
    background: url("../images/sub/btnPack.gif") no-repeat right 0;
	}

	.purpleL_go{cursor: pointer;
    display: inline-block; 
    height: 54px;
    line-height: 54px;
    padding-left:10px;
    background: url("../images/sub/btnPack.gif") no-repeat left -173px;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
	clear:both;overflow:hidden;margin-top:30px;
	}
	.purpleL_go span{
	display: inline-block;
    padding-left:10px;
    background: url("../images/sub/btnPack.gif") no-repeat left -173px;
	}

	.whiteM_l{cursor: pointer;
    display: inline-block; 
    height: 44px;
    line-height: 44px;
    padding-left: 17px;
    background: url("../images/sub/btnPack.gif") no-repeat left -68px;
    color: #666 !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
	clear:both;overflow:hidden; 
	margin-top:20px;
	margin-left:10px;
	font-weight:bold;
	}

	.whiteM_l span{
	display: inline-block;
    padding-right: 45px;
    background: url("../images/sub/btnPack.gif") no-repeat right -68px;
	 
	}

	.purpleM_b {cursor: pointer;
    display: inline-block; 
    height: 44px;
    line-height: 44px;
    padding-left: 17px;
    background: url("../images/sub/btnPack2.gif") no-repeat left -119px;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
	clear:both;overflow:hidden; 
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
	}

	.purpleM_b span{
	display: inline-block;
    padding-right: 45px;
    background: url("../images/sub/btnPack2.gif") no-repeat right -119px;
	 
	}

	.blueM_b {cursor: pointer;
    display: inline-block; 
    height: 44px;
    line-height: 44px;
    padding-left: 17px;
    background: url("../images/sub/btnPack.gif") no-repeat left -119px;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
	clear:both;overflow:hidden; 
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
	}

	.blueM_b span{
	display: inline-block;
    padding-right: 45px;
    background: url("../images/sub/btnPack.gif") no-repeat right -119px;
	 
	}

	.btn_pp{background:url("../images/sub/btn_pp.gif") no-repeat;display: inline-block; 
    height: 51px;width:231px;
    line-height: 52px; margin-top:30px;}
	 .btn_pp span{color:#fff; text-align:left !important; } 



/* == CONTENT Table */
table { border-collapse:separate; border-spacing:0; }
.table_w { position:relative; width:99.5%; margin-top:20px; }
.table_w .table { position:relative; width:100%; letter-spacing:0px; border-top:2px solid #656d84; border-left:1px solid #e5e5e5; }
.table_w .table th { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fbfdff; word-break:break-all; }
.table_w .table th.gray { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("../images/board/tbody_th.gif") repeat left top; }
.table_w .table td { padding:15px 15px; line-height:18px; font-weight:normal; font-size:14px; color:#777; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; word-break:break-all; }
.table_w .table td.bg_01 { background:#f9f9f9; }
.table_w .table td textarea { width:98%; border:1px solid #e5e5e5; height:200px; padding:5px; margin:0 auto; line-height:24px; }
.table_normal { font-size:12px; color:#777; text-align:right; line-height:18px; margin:10px 5px -10px 0px; }
ul.table_ul01 { position:relative; margin:5px 0px; }
ul.table_ul01 li { padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 12px; }
ul.table_ul02 { position:relative; margin:5px 0px; }
ul.table_ul02 li { margin-left:15px;padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 10px; }
ul.table_ul03 { position:relative; margin:5px 0px; }
ul.table_ul03 li { margin-left:15px;padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 11px; }
ul.table_ul04 { position:relative; margin:5px 0px; }
ul.table_ul04 li { margin-left:15px;padding:2px 0px 1px 26px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul05.gif") no-repeat 10px 6px; }

ul.table_ul02_ li { margin-left:2px;padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 9px; }
ul.table_ul03_ li { margin-left:2px;padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 11px; }
ul.table_ul04_ li { margin-left:0px;padding:2px 0px 1px 20px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul05.gif") no-repeat 3px 6px; }
/* 테이블 들여쓰기 */
.table_w_ { position:relative; width:97%; margin:10px 0 0 2.7%; }
.table_w_ .table { position:relative; width:100%; letter-spacing:0px; border-top:2px solid #474747; border-left:1px solid #e5e5e5; }
.table_w_ .table th { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fbfdff; word-break:break-all; }
.table_w_ .table th.gray { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("../images/board/tbody_th.gif") repeat left top; }
.table_w_ .table td { padding:15px 15px; line-height:18px; font-weight:normal; font-size:14px; color:#777; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; word-break: break-all; }	

/* 171019 김정화 추가 */
.state { }
.state > span { color:#fff; border-radius:20px; padding:3px 10px; font-size:14px;}
.state .st0 { background:#a8a8a8;}
.state .st1 { background:#8787dc;}
.state .st2 { background:#ff475d;}
.state .st3 { background:#1f96e1;}
.state .st4 { background:#484848;}
.state .st5 { background:#dd294b;}
/* 171019 김정화 추가 */

/******************************/
	 
.arrow_b01{width:100%;background:url("../images/sub/arrow_b01.png") no-repeat center center; height:89px;}
	 /*행동강령*/
	 .scroll_box{height:500px;overflow:hidden; overflow-y:scroll;}


/* 1.재단소개 */
	/*  1-1. 대표이사 소개  */
	.cheif_intro_wrap { width:100%; min-height:400px; position:relative; background:url("../images/sub/01/people.png") no-repeat right 0px; } 
	.cheif_intro_wrap { width:100%; min-height:400px; position:relative; }
	.cheif_intro_wrap p{font-size:17px; color:#666666;  font-weight:normal;  line-height:30px; word-break:keep-all;}

	/*  1-1-1. 대표이사 경력 소개  */
	.ceo_history.ceo_01 .ceo_img { position:relative; float:right; background:url("../images/sub/01/people_01.png") no-repeat right 0px;  padding-top:300px;  width:300px; text-align:Right; }
	.ceo_history.ceo_01 .ceo_img span {display:block;  font-size:0.9em; opacity:0.8; }
	.ceo_history.ceo_02 .ceo_img { position:relative; float:right; background:url("../images/sub/01/people.png") no-repeat right 0px;  padding-top:320px;  width:300px; text-align:Right; }
	.cheif_intro_wrap .ceo_img { position:relative; float:right; background:url("../images/sub/01/3th_ceo.jpg") no-repeat right 0px;  padding-top:320px;  width:300px; text-align:Right; margin-top: 60px; }

	.ceo_history dl {margin-bottom:30px;}
	.ceo_history dl dt:before {position:Absolute; top:-10px; width:100%;  content:""; display:Block; height:3px; background-color:#9c76b5;   }
	.ceo_history dl dt {position:relative; width:50px; display:inline-block;  vertical-align:top;  margin-top:20px; text-align:center;  }
	.ceo_history dl dd {width:400px; display:inline-block;  margin-left:20px; }


	@media all and (max-width:900px) {		
		.cheif_intro_wrap { width:100%; min-height:300px; position:relative;  background:none; }
        .cheif_intro_wrap h3{font-size:25px;}
		.cheif_intro_wrap .ceo_img {display: none;}
		.cheif_intro_wrap p{font-size:17px; color:#666666;  font-weight:normal;  line-height:30px; margin-top:40px; background:url("../images/sub/01/3th_ceo.jpg") no-repeat center 0; background-size:180px auto; padding-top:280px;}
		.cheif_intro_wrap .mb_25{padding-top:350px}
	}

	/*   1-6. 재단CI   */
		.ci_grop{width:99.8%; background:url("../images/sub/ci_bg.gif") repeat; border:1px solid #e8e8e8;text-align:center;padding-bottom:20px;}
		.ci_grop .ci_img{width:80%; display:inline-block;padding-bottom:20px; }
		 .ci_grop .ci_img ul li{width:50%;float:left;margin-top:20px;text-align:center;}
		 .ci_grop .ci_img ul li img{text-align:center;}

		 .ci_grop .ci_img_e ul li{width:100%;float:left;margin-top:20px;text-align:center;}
		 .ci_grop .ci_img_e ul li img{text-align:center;margin-bottom:20px;}
		@media all and (max-width:790px) {
		.ci_grop .ci_img{text-align:center;margin-bottom:20px;display:inline-block;float:left;width: 100%;} 
		.ci_grop .ci_img img{max-width:80%;} 

		.ci_grop .ci_img_e{text-align:center;margin-bottom:0px;display:inline-block;float:left;width: 100%;} 
		.ci_grop .ci_img_e img{max-width:80%;} 

		
		/*  1-1-1. 대표이사 경력 소개  */
		.ceo_history.ceo_01 .ceo_img { position:relative; float:none; background:url("../images/sub/01/people_01.png") no-repeat 50% 0px;  padding-top:300px;  width:300px; margin:0 auto; text-align:center; margin-bottom:40px; }
		.ceo_history.ceo_02 .ceo_img { position:relative; float:none; background:url("../images/sub/01/people.png") no-repeat 0 0px;  padding-top:300px;  width:300px; margin:0 auto; text-align:center;  margin-bottom:40px;}

		.ceo_history dl {margin-bottom:30px;}
		.ceo_history dl dt:before {position:Absolute; top:-10px; width:100%;  content:""; display:Block; height:3px; background-color:#9c76b5;   }
		.ceo_history dl dt {position:relative; width:50px; display:inline-block;  vertical-align:top;  margin-top:20px; text-align:center;  }
		.ceo_history dl dd {width:auto; display:inline-block;  margin-left:20px; }
		}

		@media all and (max-width:640px) {
		.ci_grop .ci_img{text-align:center;margin-bottom:0px;display:inline-block;float:left;width: 100%;}
		.ci_grop .ci_img ul li{width:100%;float:left;margin-top:20px;text-align:center;margin-bottom:20px;}
		.ci_grop .ci_img img{max-width:50%;} 
		}


.vision{width:100%;text-align:center;}
@media all and (max-width:970px) {
.vision{width:100%;text-align:center;}
.vision img{width:100%;}

}


/*연혁*/
.history_wrap{width:100%;height:auto;overflow:hidden;position:relative;clear:both;/*background:url("../images/sub/01/history_bg01.jpg") no-repeat right 300px;*/}
.history_wrap .his_inn{}
.history_wrap:before {position:Absolute;left:50%; margin-left:-7px; top:0px; width:15px; height:15px; display:block; background-color:#99c1e3; content:""; border-radius:50%; }
.history_wrap .his_inn:before {position:Absolute; left:50%; width:1px; height:100%; display:block; background-color:#99c1e3; content:""; }
.history_wrap .his_inn:after {position:Absolute; left:50%; margin-left:-7px; bottom:0px; width:15px; height:15px; display:block; background-color:#99c1e3; content:""; border-radius:50%; }
.history_wrap .his_inn ul li {position:relative; float:left; width:calc(50% - 80px); margin-left:50%; text-align:left; padding-left:80px;  }
.history_wrap .his_inn li:nth-child(2n) {width:calc(50% - 80px);  margin-right:50%;  margin-left:0%; text-align:Right;   padding-right:80px; padding-left:0px;}
.history_wrap .his_inn ul li img {width:100%; margin:10px 0;  }
.history_wrap .his_inn li ul li {width:100%; margin-left:0%; padding-left:0px; }
.history_wrap .his_inn li:nth-child(2n)  ul li {width:100%; margin-left:0%; margin-right:0%;   text-align:right; padding-right:0px; }
.history_wrap .his_inn li:nth-child(2n)  ul li:nth-child(2n) {text-align:right; padding-right:0px; }
.history_wrap .his_inn li ul li:nth-child(2n) {width:100%; margin-left:0%; margin-right:0%;  text-align:left; padding-left:0px; }

.history_wrap .his_inn .year{font-size:40px;font-weight:bold;  margin-top:30px;}
.history_wrap .his_inn .month{ font-size:17px;color:#666;  padding:20px 0 0 0px;width:100%;height:auto;}
.history_wrap .his_inn .month .date{font-size:21px;font-weight:bold;color:#333;margin-bottom:7px;}
.history_wrap .his_inn .month .list{padding-bottom:20px;}

 .history_wrap .his_inn .month ul.month_in:before {position:absolute; content:"";  top:40px;  width:70px; left:-5px; height:24px; background:url("../images/sub/01/his_point01.gif") no-repeat left 8px; } 
 .history_wrap .his_inn li:nth-child(2n) .month ul.month_in:before{position:absolute; content:"";  width:70px; left:auto; right:-7px; height:24px; background:url("../images/sub/01/his_point01.gif") no-repeat left 8px;  transform: rotate(180deg);} 


@media all and (max-width:749px) {

	/*연혁*/
	.history_wrap{width:100%;height:auto;overflow:hidden;position:relative;clear:both;/*background:url("../images/sub/01/history_bg01.jpg") no-repeat right 300px;*/}
	.history_wrap .his_inn{}
	.history_wrap:before {position:Absolute;left:20px; margin-left:-7px; top:0px; width:15px; height:15px; display:block; background-color:#99c1e3; content:""; border-radius:50%; }
	.history_wrap .his_inn:before {position:Absolute; left:20px; width:1px; height:100%; display:block; background-color:#99c1e3; content:""; }
	.history_wrap .his_inn:after {position:Absolute; left:20px; margin-left:-7px; bottom:0px; width:15px; height:15px; display:block; background-color:#99c1e3; content:""; border-radius:50%; }

	.history_wrap .his_inn ul li {position:relative; float:left; width:calc(100% - 80px); margin-left:0%; text-align:left; padding-left:80px;  }
	.history_wrap .his_inn li:nth-child(2n) {width:calc(100% - 80px);  margin-right:0%;  margin-left:0%; text-align:left;   padding-right:0px; padding-left:80px;  }
	.history_wrap .his_inn ul li img {width:100%; margin:10px 0;  }
	.history_wrap .his_inn li ul li {width:100%; margin-left:0%; padding-left:0px; }
	.history_wrap .his_inn li:nth-child(2n)  ul li {width:100%; margin-left:0%; margin-right:0%;   text-align:left; padding-right:0px; }
	.history_wrap .his_inn li:nth-child(2n)  ul li:nth-child(2n) {text-align:left; padding-right:0px; }
	.history_wrap .his_inn li ul li:nth-child(2n) {width:100%; margin-left:0%; margin-right:0%;  text-align:left; padding-left:0px; }

	.history_wrap .his_inn .year{font-size:30px;font-weight:bold; margin-top:30px; }
	.history_wrap .his_inn .month{ font-size:16px;color:#666;  padding:20px 0 0 0px;width:100%;height:auto;}
	.history_wrap .his_inn .month .date{font-size:17px;font-weight:bold;color:#333;margin-bottom:7px;}
	.history_wrap .his_inn .month .list{padding-bottom:20px;}

	 .history_wrap .his_inn .month ul.month_in:before {position:absolute; content:"";  top:40px; width:50px; left:15px; height:24px; background:url("../images/sub/01/his_point01.gif") no-repeat left 8px; } 
	 .history_wrap .his_inn li:nth-child(2n) .month ul.month_in:before{position:absolute; content:"";  width:50px; left:15px; right:auto; height:24px; background:url("../images/sub/01/his_point01.gif") no-repeat left 8px;  transform: rotate(0deg);} 


}

/*
@media all and (max-width:749px) {
.history_wrap{width:100%;height:auto;overflow:hidden;position:relative;clear:both;background:none;}
.history_wrap .his_inn .year{font-size:30px;font-weight:bold; margin:0 0 0 30px;}
.history_wrap .his_inn .month{ font-size:17px;color:#666;padding:10px 0 0 30px;width:100%;height:auto; }
.history_wrap .his_inn .month .date{font-size:20px;font-weight:bold;color:#333;padding-left:10px;margin-bottom:7px;background-color:#fff;}
.history_wrap .his_inn .month .list{padding-left:10px;}
.history_wrap .his_inn .month ul.month_in{position:relative;overflow:hidden;height:auto;width:80%;padding-bottom:20px;background:url("../images/sub/01/his_point01.gif") no-repeat left 8px; padding-left:10%;} 

}

@media all and (max-width:480px) {
.history_wrap{width:100%;height:auto;overflow:hidden;position:relative;clear:both;background:none;}
.history_wrap .his_inn .year{color:#4d7fb3;background:url("../images/sub/01/his_point.gif") no-repeat 11px 34px;font-size:28px;font-weight:bold; margin:0 0 0 0px; padding:20px 0 0 30px; border-top:1px dotted #aeafb0;}
.history_wrap .his_inn .month{ font-size:17px;color:#666;padding:10px 0 0 0px;width:100%;height:auto; }
.history_wrap .his_inn .month .date{font-size:20px;font-weight:bold;color:#333;padding-left:0;margin-bottom:7px;background-color:#fff;}
.history_wrap .his_inn .month .list{padding-left:0px;}
.history_wrap .his_inn .month ul.month_in{position:relative;overflow:hidden;height:auto;width:80%;padding-bottom:20px;background:none; padding-left:10%;} 

}*/


 /*01 비전 및 전략*/
 .vision_wrap{position:relative;width:100%;  background-color:#f2f2f2;}
 .vision_wrap .v_title ul li{width:100%;height:auto;overflow:hidden;clear:both;text-align:center;}
  .vision_wrap .v_title{padding-top:105px;width:100%;height:auto;overflow:hidden;clear:both;background:url("../images/sub/01/vision_title_bg.png") no-repeat center 125px;}
 .vision_wrap .v_title .v_title01{ font-size:41px;color:#c2c2c2; font-weight:700; font-family:Nanum Barun Gothic;}
 .vision_wrap .v_title .v_title02{ font-size:17px;color:#808080; font-weight:bold; letter-spacing:1px;}
  .vision_wrap .v_title .v_title03{ font-size:32px;color:#306aab; font-weight:bold; letter-spacing:-1px; line-height:1.3;}
  .vision_wrap .v_title .v_title04{color:#ce4e75;font-size:22px;padding-top:24px;}

  .v_group{width:720px;margin:0 auto;padding-top:35px;padding-bottom:80px;height:auto;clear:both; overflow:hidden;background:url("../images/sub/01/vg_01.png") no-repeat center bottom;}
   .v_group ul li{float:left;}
  .v_group .vg01{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v01.png") no-repeat center 0;}
  .vg02{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v02.png") no-repeat center 0;}
  .vg03{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v03.png") no-repeat center 0;}
  .vg04{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v04.png") no-repeat center 0;}
  .vg05{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v05.png") no-repeat center 0;}

  .vision_wrap .v_list_wrap{position:relative; width:100%;background-color:#fff;border-top:1px solid #b9b9b9; padding-bottom:50px;}
   .vision_wrap .v_list_wrap .vl_tt{width:300px;height:60px;line-height:60px;color:#fff;text-align:center;border-radius:100px;font-size:20px;background-color:#474747;position:absolute;top:-29px;background:#474747 url("../images/sub/line001.png") repeat;left:50%;margin-left:-150px;}
   .v_list_wrap .v_list{width:350px;height:auto;overflow:hidden;margin:0 auto;padding-top:50px;}
   .v_list_wrap .v_list li{font-size:17px;color:#666; background:url("../images/sub/icon_ul02.gif") no-repeat left 18px; padding:10px 0 0 10px;}

	@media all and (max-width:790px) {
	.vision_wrap{position:relative;width:100%; height:auto;  background-color:#f2f2f2;}

	.v_group{width:95%;margin:0 auto;padding-top:35px;padding-bottom:80px;height:auto;clear:both; overflow:hidden;background:url("../images/sub/01/vg_01.png") no-repeat center bottom;}
	.v_group ul li{float:left; }
	.v_group ul.v_group1{clear:both;width:432px;margin:0 auto;display:block;}
	.v_group ul.v_group2{clear:both;height:auto;display:block;width:288px;margin:0 auto;}
	.v_group .vg01{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v01.png") no-repeat center 0;}
	.vg02{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v02.png") no-repeat center 0;}
	.vg03{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v03.png") no-repeat center 0;}
	.vg04{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v04.png") no-repeat center 0;}
	.vg05{width:144px;height:145px;line-height:145px;font-weight:bold;font-size:23px;text-align:center;color:#fff;background:url("../images/sub/01/v05.png") no-repeat center 0;}

  .vision_wrap .v_list_wrap{ width:100%;height:auto;background-color:#fff;border-top:1px solid #b9b9b9;}

	}


	@media all and (max-width:480px) {
	 .vision_wrap .v_title{padding-top:65px;background:none;}
	 .vision_wrap .v_title .v_title02{ width:95%;font-size:17px;color:#808080; font-weight:bold; letter-spacing:1px;}
	.vision_wrap .v_title .v_title03{width:95%; font-size:28px;color:#306aab; font-weight:bold; letter-spacing:-1px;}
	 .vision_wrap .v_title .v_title04{color:#ce4e75;font-size:20px;width:90%;margin:0 auto;padding-top:20px;}
	 .v_group ul li{clear:both;margin-bottom:5px;}
		.v_group ul.v_group1{clear:both;width:100%;margin:0 auto;display:block;}
		.v_group ul.v_group2{clear:both;height:auto;display:block;width:100%;margin:0 auto;}
		.vg01{border-radius:10px;width:99.3% !important;height:60px !important;line-height:60px !important;font-weight:bold;font-size:20px !important;text-align:center;color:#cb244b !important;background:#fff !important;clear:both;border:1px solid #dedede;}
		.vg02{border-radius:10px;width:99.3% !important;height:60px !important;line-height:60px !important;font-weight:bold;font-size:20px !important;text-align:center;color:#2c549e;background:#fff !important;clear:both;border:1px solid #dedede;}
		.vg03{border-radius:10px;width:99.3% !important;height:60px !important;line-height:60px !important;font-weight:bold;font-size:20px !important;text-align:center;color:#e39c21;background:#fff !important;clear:both;border:1px solid #dedede;}
		.vg04{border-radius:10px;width:99.3% !important;height:60px !important;line-height:60px !important;font-weight:bold;font-size:20px !important;text-align:center;color:#77b838;background:#fff !important;clear:both;border:1px solid #dedede;}
		.vg05{border-radius:10px;width:99.3% !important;height:60px !important;line-height:60px !important;font-weight:bold;font-size:20px !important;text-align:center;color:#643ba9;background:#fff !important;clear:both;border:1px solid #dedede;}


	}


	/*교육사업*/
	.edu_wrap{position:relative;width:100%; height:auto; padding-bottom:50px; background:url("../images/sub/arrow_b02.png") no-repeat center 120px;}
	.edu_wrap .edu_title{width:100%;text-align:center;font-size:30px; color:#f23461; font-family:Nanum Square; font-weight:700;padding-top:5px;}
	.edu_wrap .edu_title02{width:350px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:22px; border-radius:100px; background-color:#d33e5e;margin:0 auto;}

	.edu_wrap .edu_box{width:910px; position:relative; overflow:hidden; height:auto;margin:0 auto; padding-top:100px;background:url("../images/sub/arrow_b03.png") no-repeat center 277px;padding-bottom:120px; }
	.edu_wrap .edu_box .edu01{width:211px; height:154px; background:url("../images/sub/03/ed_box01.png") no-repeat center 0;float:left;margin:0 22px 0 0;}
	.edu_wrap .edu_box .edu02{width:211px; height:154px; background:url("../images/sub/03/ed_box02.png") no-repeat center 0;float:left;margin:0 22px 0 0;} 
	.edu_wrap .edu_box .edu03{width:211px; height:154px; background:url("../images/sub/03/ed_box01.png") no-repeat center 0;float:left;margin:0 22px 0 0;} 
	.edu_wrap .edu_box .edu04{width:211px; height:154px; background:url("../images/sub/03/ed_box02.png") no-repeat center 0;float:left;}

	.edu_wrap .edu_box .tt{ color:#fff; text-align:center;padding-top:13px;font-size:18px;}
	.edu_wrap .edu_box .list{color:#666; text-align:center;padding-top:30px;}
	.edu_wrap .edu_box .tt_m{display:none;}

	.edu_step_tt{width:910px;margin:0 auto; text-align:left; font-size:20px; color:#333;padding-bottom:20px;}
	.edu_step01{width:910px; margin:0 auto; position:relative; overflow:hidden; height:auto; background:url("../images/sub/bg_snb_on.png") no-repeat 31% 42%; }
	.edu_step01 .tt{margin-bottom:15px;font-size:20px;color:#fff;width:25%;  padding: 2%; border-radius:10px; background:#7fbeaa;text-align:center; line-height:1.4;float:left; word-break: keep-all; font-weight: 600;}
	.edu_step01 .list{margin-bottom:15px;font-size:20px; width:62%;  line-height:1.4;padding: 2%;margin-left:4%; background:#f9f9f9; border-radius:10px;  border:1px solid #d1d1d1; float:left; word-break: keep-all; color: #444;}
	.edu_step01 .list_m{display:none;}

	@media all and (max-width:970px) {
 
	.edu_wrap .edu_box{width:100%;   margin:0 auto; background:url("../images/sub/arrow_b03.png") no-repeat center 347px;padding-bottom:90px;padding-top:70px; }
	.edu_wrap .edu_box .edu01{background:#7a6abb !important; width:100%; height:60px !important; line-height:60px; border-radius:10px;margin:0 0 10px 0;}
	.edu_wrap .edu_box .edu02{background:#54449a !important; width:100%; height:60px !important; line-height:60px; border-radius:10px;margin:0 0 10px 0;}
	.edu_wrap .edu_box .edu03{background:#7a6abb !important; width:100%; height:60px !important; line-height:60px; border-radius:10px;margin:0 0 10px 0;}
	.edu_wrap .edu_box .edu04{background:#54449a !important; width:100%; height:60px !important; line-height:60px; border-radius:10px;margin:0 0 10px 0;}

	.edu_wrap .edu_box .tt{display:none;}
	.edu_wrap .edu_box .list{display:none;}
	.edu_wrap .edu_box .tt_m{ display:block;color:#fff; text-align:center; font-size:18px;line-height:60px;}

	.edu_step01{width:100%; margin:0 auto; position:relative; overflow:hidden; height:auto; background:url("../images/sub/bg_snb_on.png") no-repeat 31% 42%;}

	}
	@media all and (max-width:840px) {		
		/* .edu_step01 .tt{font-size:18px;} */
		.edu_step01 .list{font-size:18px;}
	}

		@media all and (max-width:770px) {
			.block {display: block!important;}
		.edu_step01 .tt{display:none;}
		.edu_step01 .list{display:none;}
		.edu_step01 .list_m{display:block;margin-bottom:15px;font-size:17px;width:93.5%; padding:15px 3%; background:#f9f9f9; border-radius:10px;  border:1px solid #d1d1d1; float:left;}
		.edu_step01 .list_m b{ color:#1d8161; background:#dff5ee;clear:both;}
		.edu_step01 .list_m span{width:100%; overflow:hidden; clear:both; display:block;padding-top:7px;}
		.edu_step01 .tt.block br{display: none;}
		.edu_step01 .tt{width:100%; width: 95.5%; margin-bottom: 10px;}
		.edu_step01 .list{font-size:18px;width:95.5%;margin-left:0; margin-bottom: 20px;}
		.edu_step01{background: none; }


		}

		@media all and (max-width:480px) {
		.edu_wrap{position:relative;width:100%; height:auto; padding-bottom:90px; background:url("../images/sub/arrow_b02.png") no-repeat center 120px;}
		.edu_wrap .edu_title02{width:100%; height:auto;text-align:center; color:#7a7a7a; font-weight:bold; font-size:22px; background:none !important;}

		}


		

		.esch_title{padding:38px 0;width:100%;height:80px; font-size:20px;text-align:center;background:url("../images/sub/03/sc0302_img01.png") no-repeat center 0;color:#fff;font-weight:bold;}
		.esch_title p{font-size:28px; font-weight:bold;}
		.esch_title02{color:#4d4387;font-size:28px; letter-spacing:-1px;width:100%;text-align:center;line-height:56px;background:#f9f8fe url("../images/sub/03/esc_tt_bg2.png") repeat-x center 0;padding-top:5px;}
		.e_sche_wrap{position:relative; width:100%; height:auto; overflow:hidden;}
		 
		.e_sche_wrap .esc_tt{margin-top:30px; float:left;border-radius:5px;width:28%;margin-right:2%;text-align:center;height:150px; background:#737f9e url("../images/sub/line10p.png") repeat; line-height:150px; }
		.e_sche_wrap .esc_tt span{ width:90%;margin:0 auto; display:inline-block;overflow:hidden;line-height:150px;color:#fff;font-size:19px;text-align:center;}

		.e_sche_wrap .esc_tt02{margin-top:30px;text-align:center;float:left;border-radius:5px;width:28%;margin-right:2%;height:203px; background:#908cb2 url("../images/sub/line10p.png") repeat;}
		.e_sche_wrap .esc_tt02 span{width:96%;padding:0 2%;line-height:203px;color:#fff;font-size:19px;text-align:center;}

		.e_sche_wrap .esc_tt04{margin-top:30px;text-align:center;float:left;border-radius:5px;width:28%;margin-right:2%;height:93px; background:#908cb2 url("../images/sub/line10p.png") repeat;}
		.e_sche_wrap .esc_tt04 span{width:96%;padding:0 2%;line-height:93px;color:#fff;font-size:19px;text-align:center;}
		
		.e_sche_wrap .esc_01{margin-top:30px;float:left;position:relative; width:70%; height:auto; overflow:hidden;}
		.e_sche_wrap .esc_01 ul{position:relative; clear:both; overflow:hidden;margin-bottom:20px;background:url("../images/sub/line003.png") repeat-x left center; }
		.e_sche_wrap .esc_01 .num span{background:#b4c053; border-radius:5px;width:36px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:17px;display:inline-block;float:left;}
		.e_sche_wrap .esc_01 .list{min-width:175px;background-color:#fff;float:left;padding:0 20px 0 20px;}
		.e_sche_wrap .esc_01 .list span{height:36px;line-height:36px;word-break: keep-all;text-align:center;color:#333;font-size:19px;display:inline-block;float:left;}
		.e_sche_wrap .esc_01 .date{background-color:#fff;float:right;padding:0 0 0 20px;}
		.e_sche_wrap .esc_01 .date span{background:#eeeeee; border-radius:5px;width:85px;height:36px;line-height:36px;text-align:center;color:#333;font-size:17px;display:inline-block;float:right;}

		@media all and (max-width:760px) {
		.e_sche_wrap .esc_tt{margin-top:30px; float:left;border-radius:5px;width:25%;margin-right:1%;text-align:center;height:150px; background:#737f9e url("../images/sub/line10p.png") repeat; line-height:150px; }
		.e_sche_wrap .esc_tt span{ width:90%;margin:0 auto; display:inline-block;overflow:hidden;line-height:150px;color:#fff;font-size:16px;text-align:center;}

		.e_sche_wrap .esc_tt02{margin-top:30px;text-align:center;float:left;border-radius:5px;width:25%;margin-right:1%;height:203px; background:#908cb2 url("../images/sub/line10p.png") repeat;}
		.e_sche_wrap .esc_tt02 span{width:96%;padding:0 2%;line-height:203px;color:#fff;font-size:16px;text-align:center;}

		.e_sche_wrap .esc_tt04{margin-top:30px;text-align:center;float:left;border-radius:5px;width:25%;margin-right:1%;height:93px; background:#908cb2 url("../images/sub/line10p.png") repeat;}
		.e_sche_wrap .esc_tt04 span{width:96%;padding:0 2%;line-height:93px;color:#fff;font-size:16px;text-align:center;}

		.e_sche_wrap .esc_01{margin-top:30px;float:left;position:relative; width:74%; height:auto; overflow:hidden;}
		.e_sche_wrap .esc_01 .list{min-width:175px;background-color:#fff;float:left;padding:0 20px 0 10px;}
		.e_sche_wrap .esc_01 .list span{height:36px;line-height:36px;word-break: keep-all;text-align:center;color:#333;font-size:16px;display:inline-block;float:left;}
		.e_sche_wrap .esc_01 .date{width:70px;background-color:#fff;float:right;padding:0 0 0 20px;}
		.e_sche_wrap .esc_01 .date span{background:#eeeeee; border-radius:5px;width:100%;height:36px;line-height:36px;text-align:center;color:#333;font-size:16px;display:inline-block;float:right;}


		}
		@media all and (max-width:640px) {
			.e_sche_wrap .esc_tt{margin-top:20px; float:left;border-radius:5px;width:100%;margin-right:2%;text-align:center;height:50px; background:#737f9e url("../images/sub/line10p.png") repeat; line-height:50px; } 
			.e_sche_wrap .esc_tt span{text-align:center;display:inline-block;width:96%;padding:0 2%;line-height:50px;color:#fff;font-size:16px;}
			
			.e_sche_wrap .esc_tt02{margin-top:20px; float:left;border-radius:5px;width:100%;margin-right:2%;text-align:center;height:50px; background:#908cb2 url("../images/sub/line10p.png") repeat; line-height:50px; }  
			.e_sche_wrap .esc_tt02 span{text-align:center;display:inline-block;width:96%;padding:0 2%;line-height:50px;color:#fff;font-size:16px;}

			.e_sche_wrap .esc_tt04{margin-top:20px; float:left;border-radius:5px;width:100%;margin-right:2%;text-align:center;height:50px; background:#908cb2 url("../images/sub/line10p.png") repeat; line-height:50px; }  
			.e_sche_wrap .esc_tt04 span{text-align:center;display:inline-block;width:96%;padding:0 2%;line-height:50px;color:#fff;font-size:16px;}
			
			.e_sche_wrap .esc_01{margin-top:30px;float:left;position:relative; width:100%; height:auto; overflow:hidden;}
			.e_sche_wrap .esc_01 ul{background:none; }
			.e_sche_wrap .esc_01 .num span{display:none;}
			.e_sche_wrap .esc_01 .list{width:72%;float:left;padding:10px 0 0 18px;background:url("../images/sub/icon_ul02.gif") no-repeat 5px 17px;}
			.e_sche_wrap .esc_01 .list span{font-size:16px;word-break: keep-all;text-align:left;height:auto; line-height:20px; }
			.e_sche_wrap .esc_01 .date{background:none;float:right !important;padding:0 0 0 1%;width:21%;}
			.e_sche_wrap .esc_01 .date span{width:100%; font-size:16px;}
		}


	/*0402_충북성별영향분석평가센터*/
		.center02_wrap{position:relative; width:100%;height:auto;margin-bottom:60px;overflow:hidden;clear:both;} /*margin-bottom:20px;*/
		.center02_wrap .tt_box{width:230px; height:35px;line-height:35px;text-align:center;margin:0 auto; border-radius:50px; background-color:#de86bc; color:#fff;font-size:18px;margin-bottom:20px;clear:both;}
		.center02_wrap .tt_01{width:100%;height:80px;line-height:30px;font-size:30px;color:#c3609d;text-align:center;clear:both;background:url("../images/sub/04/point_01.png") no-repeat center bottom;}

		.center_list{width:100%;height:auto;text-align:center;margin-top:30px;}
		.center_list .list01{font-size:18px;color:#666;line-height:25px;}
		.center_list .list02{font-size:19px;color:#232323;line-height:30px; }

		.center02_wrap .center_box{width:93.5%;height:auto;padding:3%;border:1px solid #dadada;background-color:#fdfdfd;margin-top:20px;display:block; overflow:hidden;}
		.center02_wrap .center_box .box_wrap{width:100%;height:auto;overflow:hidden;clear:both;}
		.center02_wrap .center_box .box_wrap .num01{width:50%;float:left;height:auto;display:block; overflow:hidden;}
		.center02_wrap .center_box .box_wrap .num01 dl {width:100%;height:auto;overflow:hidden; }
		.center02_wrap .center_box .box_wrap .num01 dl dd.date{width:62%;float:left;font-size:20px;margin-top:50px;background:url("../images/sub/04/round_bg.png") no-repeat right 20px;}
		.center02_wrap .center_box .box_wrap .num01 dl dd.round{width:150px;float:left;margin-right:10px; }
		.center02_wrap .center_box .box_wrap .num01 dl dd.round span{ float:right;width:150px;height:85px;background:#7d62a4; border-radius:50%;color:#fff;text-align:center;display:block;font-size:28px;padding-top:65px; }

		.center02_wrap .center_box .box_wrap .num02{width:50%;float:left;height:auto;display:block; overflow:hidden;}
		.center02_wrap .center_box .box_wrap .num02 dl {width:100%;height:auto;overflow:hidden; } 
		.center02_wrap .center_box .box_wrap .num02 dl dd.round{width:150px;float:right;margin-left:10px; }
		.center02_wrap .center_box .box_wrap .num02 dl dd.round span{ float:right;width:149px;height:84px;background:#fff; border-radius:50%;color:#6d4c9e;text-align:center;display:block;font-size:28px;padding-top:65px; border:1px solid #bfc0de;}
		.center02_wrap .center_box .box_wrap .num02 dl dd.date{width:62%;float:right;font-size:20px;margin-top:50px;background:url("../images/sub/04/round_bg2.png") no-repeat left 20px;text-align:right;}

		.center02_wrap .num_txt{display:block;clear:both;margin-top:45px;width:100%;height:auto;overflow:hidden;padding:1% 0;background-color:#b8b8b8;color:#fff;text-align:center;font-size:18px;line-height:25px;}

		.center02_wrap .center_box .box_wrap .num01:nth-child(3),
		.center02_wrap .center_box .box_wrap .num02:nth-child(4) {margin-top:10px;}
		

		.center02_wrap .box_wrap02{margin-top:0px;width:100%;height:auto;padding:30px 0;clear:both;overflow:hidden;display:block;background:url("../images/sub/04/point_02.png") no-repeat center 0;} /*margin-top:70px;*/
		.center02_wrap .box_wrap02 span.tt_02{margin-top:30px;color:#448096;font-size:30px;line-height:45px;width:100%;height:auto;overflow:hidden;clear:both;text-align:center;display:block;}
		.center02_wrap .box_wrap02 span.tt_list{font-size:18px;line-height:30px;color:#63747b;padding:30px 0;display:block;width:80%;text-align:center;margin:0 auto;}

		.box_wrap02 .box02_wrap{width:100%;height:auto;clear:both;overflow:hidden;display:block;}
		.box_wrap02 .box02_wrap .box02_01{width:45%;float:left;border:1px solid #dadada;background-color:#fdfdfd;padding:2%;margin-bottom:10px;}
		.box_wrap02 .box02_wrap .box02_02{width:45%;float:right;border:1px solid #dadada;background-color:#fdfdfd;padding:2%;margin-bottom:10px;}
		.icon_img01{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img01 span{background:#c2b794 url("../images/sub/04/icon_img01.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}
 
		.icon_img02{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img02 span{background:#9e94c2 url("../images/sub/04/icon_img02.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}

		.icon_img03{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img03 span{background:#94c2b9 url("../images/sub/04/icon_img03.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}

		.icon_img04{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img04 span{background:#c294b8 url("../images/sub/04/icon_img04.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}

		.icon_img05{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img05 span{background:#b2c294 url("../images/sub/04/icon_img05.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}

		.icon_img06{margin:10px 0;width:30%;height:71px;float:left;}
		.icon_img06 span{background:#94b1c2 url("../images/sub/04/icon_img06.png") no-repeat center center;border-radius:50%;width:71px;height:71px;text-align:center;margin:0 auto;display:block;}


		.icon_txt{width:68%;text-align:left;float:right;padding-top:20px;font-size:17px;line-height:25px; color:#474747;}

	@media all and (max-width:965px) {

		.center02_wrap .center_box .box_wrap .num01{width:48%;float:left;height:auto;display:block; overflow:hidden;}
		.center02_wrap .center_box .box_wrap .num01 dl {width:100%;height:auto;overflow:hidden; } 
		.center02_wrap .center_box .box_wrap .num01 dl dd.round{width:35%;float:left;margin-left:0;  }
		.center02_wrap .center_box .box_wrap .num01 dl dd.round span{float:left;width:100%;height:38px;background:#fff; border-radius:5%;color:#6d4c9e;text-align:center;display:block;font-size:20px;padding-top:17px; border:1px solid #bfc0de;}
		.center02_wrap .center_box .box_wrap .num01 dl dd.date{width:60%;float:right;font-size:18px;margin-top:5px;background:none;text-align:left; padding-left:0;}
		.center02_wrap .center_box .box_wrap .num02{width:48%;float:right;height:auto;display:block; overflow:hidden;}
		.center02_wrap .center_box .box_wrap .num02 dl {width:100%;height:auto;overflow:hidden; } 
		.center02_wrap .center_box .box_wrap .num02 dl dd.round{width:35%;float:left;margin-left:0; }
		.center02_wrap .center_box .box_wrap .num02 dl dd.round span{ float:left;width:100%;height:38px;background:#fff; border-radius:5%;color:#6d4c9e;text-align:center;display:block;font-size:20px;padding-top:17px; border:1px solid #bfc0de;}
		.center02_wrap .center_box .box_wrap .num02 dl dd.date{width:60%;float:right;font-size:18px;margin-top:5px;background:none;text-align:left; padding-left:0;}

		.center02_wrap .num_txt{margin-top:15px;}

	}

	@media all and (max-width:580px) {

		.center02_wrap .center_box .box_wrap .num01{width:100%;float:left;height:auto;display:block; overflow:hidden;margin-bottom:15px;}
		.center02_wrap .center_box .box_wrap .num01 dl {width:100%;height:auto;overflow:hidden; } 
		.center02_wrap .center_box .box_wrap .num01 dl dd.round{width:35%;float:left;margin-left:0;  }
		.center02_wrap .center_box .box_wrap .num01 dl dd.round span{float:left;width:100%;height:38px;background:#fff; border-radius:5%;color:#6d4c9e;text-align:center;display:block;font-size:20px;padding-top:17px; border:1px solid #bfc0de;}
		.center02_wrap .center_box .box_wrap .num01 dl dd.date{width:60%;float:right;font-size:18px;margin-top:5px;background:none;text-align:left; padding-left:0;}
		.center02_wrap .center_box .box_wrap .num02{width:100%;float:right;height:auto;display:block; overflow:hidden;margin-bottom:15px;}
		.center02_wrap .center_box .box_wrap .num02 dl {width:100%;height:auto;overflow:hidden; } 
		.center02_wrap .center_box .box_wrap .num02 dl dd.round{width:35%;float:left;margin-left:0; }
		.center02_wrap .center_box .box_wrap .num02 dl dd.round span{ float:left;width:100%;height:38px;background:#fff; border-radius:5%;color:#6d4c9e;text-align:center;display:block;font-size:20px;padding-top:17px; border:1px solid #bfc0de;}
		.center02_wrap .center_box .box_wrap .num02 dl dd.date{width:60%;float:right;font-size:18px;margin-top:5px;background:none;text-align:left; padding-left:0;}

		.center02_wrap .center_box .box_wrap .num01:nth-child(3),
		.center02_wrap .center_box .box_wrap .num02:nth-child(4) {margin-top:0;}

		.box_wrap02 .box02_wrap .box02_01{width:95.5%;float:left;border:1px solid #dadada;background-color:#fdfdfd;padding:2%;margin-bottom:10px;}
		.box_wrap02 .box02_wrap .box02_02{width:95.5%;float:left;border:1px solid #dadada;background-color:#fdfdfd;padding:2%;margin-bottom:10px;}

		
		
	}


/*교육일정 추가 20191223 */
.esc-wrap {padding-bottom:50px;}
.esc__title {position:relative; padding-top:24px; text-align:center;}
.esc__title-wrap {background-color:#f5f5f5; border-top:1px solid #737f9e;  padding:30px;}
.esc__title-wrap:after {content:''; display:inline-block; width:48px; height:48px; position:absolute; background:url('../images/sub/03/esc_tit_dot01.png') 50% 50% no-repeat; background-size:cover; top:0; left:50%; transform:translateX(-50%);}
.esc__title-h2 {color:#4d4387; font-size:32px;}

.esc__con-wrap {margin-top:40px; text-align:center;}
.esc__con-wrap + .esc__con-wrap {margin-top:50px;}

.esc__con-h3 {display:inline-block; min-width:250px; box-sizing:border-box; text-align:center; color:#fff; font-size:20px; background-color:#737f9e; border-radius:25px; line-height:50px; height:50px; padding:0 20px;}
.esc__con-h4 {display:inline-block; box-sizing:border-box; margin-bottom:10px; font-size:20px; padding:0 20px; background:url('../images/sub/03/esc_tit_dot02.png') 0 5px no-repeat; color:#222;}

.esc__con-list {text-align:left;}
.esc__con-item {margin-top:20px;}
.esc__con-inner {position:relative; display:table;table-layout:fixed; width:100%; cursor:pointer;}
.esc__con-inner p{font-size:17px; display:table-cell; vertical-align:middle;}
.esc__con-inner p.num { width:36px;}
.esc__con-inner p.num span{display:inline-block; border-radius:5px; width:36px; height:36px; color:#fff; background-color:#b4c053; text-align:center; line-height:36px;}
.esc__con-inner p.title {width:auto; box-sizing:border-box; background-color:transparent; background:#fff url('../images/sub/line003.png') repeat-x left center;}
.esc__con-inner p.title span {display:inline-block;}
.esc__con-inner p.title span em {line-height:1.3; max-height:2.6em; white-space: normal; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; padding:0 20px 0 10px; background-color:#fff;}
.esc__con-inner p.date { width:105px; background-color:#fff;}
.esc__con-inner p.date span {display:inline-block; line-height:36px; border-radius:5px; background-color:#eeeeee; width:85px; text-align:center; margin:0 10px 0 20px;}
.esc__con-inner p.btn-open {width:46px; height:36px; line-height:36px; text-align:right;background-color:#fff;}
.esc__con-inner p.btn-open span {display:inline-block; width:36px; height:36px; overflow:hidden; text-indent:999px; background:#fff url('../images/sub/03/esc_arrow01.png') center 0 no-repeat; box-sizing:border-box; border:1px solid #ccc; border-radius:5px;}


.esc__con-box {background-color:#f5f5f5; margin-top:0px; box-sizing:border-box; max-height:0; overflow:hidden; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.esc__con-desc {padding:30px;}
.esc__con-text {font-size:15px; color:#555; line-height:1.6; letter-spacing:-0.05em; word-break: keep-all;}
.esc__con-text p {font:inherit;}
.esc__con-text p + p { margin-top:10px;}

.esc__con-desc .table_w {margin-top:0; width:100%;}
.esc__con-desc .table_w .cols1 {width:65%;}
.esc__con-desc .table_w .cols2 {width:35%;}
.esc__con-desc .table_w tbody th,
.esc__con-desc .table_w tbody td {padding:10px 15px;}
.esc__con-desc .table_w tbody td {background-color:#fff;}

.esc__con-wrap.is-active .esc__con-item.is-active .esc__con-box {max-height:3000px; margin-top:20px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.esc__con-item.is-active .esc__con-inner p.num span{background-color:#9c76b5;}
.esc__con-item.is-active .esc__con-inner p.btn-open span {background-color:#9c76b5; background-position:center -37px; border-color:#9c76b5;}


@media only screen and (max-width: 1024px) {
    .esc__con-h4 {font-size:18px; background-position:0 3px;}
    .esc__con-text {font-size:15px;}
}

@media only screen and (max-width: 768px) {
	.esc__title-h2 {font-size:28px;}
    .esc__con-h3 {min-width:200px; font-size:18px; border-radius:20px; line-height:1.3; height:auto; padding:8px 15px;}
    .esc__con-h4 {font-size:17px; background-position:0 2px;}
    .esc__con-inner p.title {font-size:15px;}
    .esc__con-inner p.title span em {padding:0 10px;}
    .esc__con-inner p.date { width:75px; background-color:#fff;}
    .esc__con-inner p.date span {font-size:14px; white-space:nowrap; width:65px; margin:0 10px 0 10px;}
    .esc__con-text {font-size:14px;}

    .esc__con-desc {padding:20px;}
}

/* 교육일정 type2 추가 20210209 */
.esc__con-wrap.type2 .esc__con-item {margin-top:40px;}
.esc__con-wrap.type2 .esc__con-box{ margin-top:20px; max-height:10000px; border:1px solid #d6d6d6; background-color:#fff; border-radius: 5px;}
.esc__con-wrap.type2 .esc__con-inner {cursor:default;}
.esc__con-wrap.type2 .esc__con-inner p.num span {background-color: #737f9e;}
.esc__con-wrap.type2 .esc__con-inner p.date span {display: inline-block; box-sizing: border-box; line-height: 36px; border-radius: 5px; background-color: #9c76b5; margin: 0 0 0 20px; color:#fff; letter-spacing:-0.05em;}
.esc__con-wrap.type2 .esc__con-inner p.title span em {font-size:20px;}
.esc__con-wrap.type2 .esc__con-text p {font-size:16px;}

@media only screen and (max-width: 768px){
    .esc__con-wrap.type2 .esc__con-inner p.date span {font-size: 14px; width: 65px; margin: 0 0 0 10px;}
    .esc__con-wrap.type2 .esc__con-inner p.title span em {font-size:16px;}
    .esc__con-wrap.type2 .esc__con-text p {font-size:14px;}
}



/* 강사DB 탭부분 수정 20200406 */
#selTab.type1.thcr_etc1 li.site-link {float:right; width:18%; background:#fef7f1; border:1px solid #9c76b5;}
#selTab li.site-link a {display:block; height:100%; background:url('../images/sub/03/tab_ico01.png') 0 50% no-repeat; padding:0 0 0 30%;  white-space:nowrap;}

@media only screen and (max-width: 768px) {
    #selTab.type1.thcr_etc1 li {width: 16%; }
    #selTab.type1.thcr_etc1 li.site-link {width:20%;}
    #selTab li.site-link a {padding:0 0 0 32%; background-size:28%;}
}

@media only screen and (max-width: 480px) {
    #selTab.type1.thcr_etc1 li {width: auto !important; font-size:12px; letter-spacing:-0.05em;box-sizing: border-box; padding:0 7px;}
    #selTab.type1.thcr_etc1 li.site-link {width:30% !important; padding: 0 3px 0 3px;}
    #selTab li.site-link a {padding:0 0 0 32%; background-size:28%; }
}
@media only screen and (max-width: 360px) {
    #selTab.type1.thcr_etc1 li {width: auto; font-size:12px; letter-spacing:-0.05em;box-sizing: border-box; padding:0 5px;}
    #selTab.type1.thcr_etc1 li.site-link {width:auto !important;padding:0 5px;}
    #selTab li.site-link a {padding:0 0 0 0; background-size:28%; background:none; }
}


/*Coming Soon*/
.comingsoon {background-color:#f5f5f5; padding:10% 2.5%;}
.comingsoon-inner {text-align:center; color:#222;}

.comingsoon-ico {display:inline-block; width:25%;}
.comingsoon-h3 {font-size:60px; font-weight:200; text-transform: uppercase;  margin-top:2.1%; font-family: 'Nanum Barun Gothic', sans-serif;}
.comingsoon-h3 em {font-weight:500; vertical-align:baseline;}

.comingsoon-text1 {font-size:32px; font-weight:400;  margin-top:2.1%;}
.comingsoon-text2 {font-size:16px; margin-top:1.4%; line-height:1.3; color:#666;}

@media (max-width: 768px){
	.comingsoon {padding:10% 3%;}

    .comingsoon-h3 {font-size:52px;  margin-top:5%;}
    .comingsoon-text1 {font-size:28px; margin-top:4%;}
    .comingsoon-text2 {font-size:16px; margin-top:2%;}
}

@media (max-width: 480px){

    .comingsoon-h3 {font-size:34px;  margin-top:8%;}
    .comingsoon-text1 {font-size:24px; margin-top:6%;}
    .comingsoon-text2 {font-size:12px; margin-top:4%;}
}


/*비전 및 전략 20210114 수정*/
.v_list-table {background-color:#fff; box-sizing: border-box; padding-top:20px; font-size:0;}
.v_list-box {display:inline-block; width:48%; margin:0 0 0 2%; vertical-align:top;}
.v_list-box:first-child {margin:0 2% 0 0;}

.v_list-heder {position:relative; border-radius:10px; border:2px solid #9c76b5 ; padding:50px 15px 50px 15px; border-bottom-width:0;}
/*.v_list-heder:before {content:''; display:block; height:20px; background-color:#efefef;position:absolute; top:100%; width:100%; left:0; z-index:0;}*/
.v_list-heder h4 {display:inline-block; width:50%; background-color:#9c76b5; max-width:160px; font-size:20px; line-height:40px; height:40px; border-radius: 30px;text-align:center; color:#fff; position:absolute; top:-21px; font-weight:500; left:50%; transform:translateX(-50%)}
.v_list-heder p {font-size:21px; color:#000; text-align:center; letter-spacing:-0.05em;}
.v_list-contents {position:relative; border-radius:10px; border:2px solid #9c76b5;padding:30px 20px 30px 20px;  background-color:#f1f1f1;border-top-color:#d6d6d6;border-top-style:dashed;}
.v_list-contents h5 {display:inline-block; width:50%; background-color:#fff; max-width:160px;border:2px solid #9c76b5 ;font-size:18px; line-height:36px; height:36px; border-radius: 30px;text-align:center; color:#43318d; position:absolute; top:-22px; font-weight:700; left:50%; transform:translateX(-50%);}

.v_list-text li {font-size:16px; color:#222; line-height:1.5; margin-top:10px; padding:0 0 0 28px; position: relative;}
.v_list-text li:before {content:attr(data-num); display:block; width:24px; height:24px; border-radius: 20px; overflow: hidden; background-color:#9c76b5; color:#fff; text-align:center; font-size:14px; font-weight: 700; line-height: 24px; position:absolute; left:0; top:0;}


@media (max-width: 768px){
	.v_list-box {width:100%; margin:60px 0 0 0;}
	.v_list-box:first-child {margin:0;}
}


/* 정보담당자 */

.manager_info{
	position: relative;
	border: 1px solid #e5e5e5;
	margin: 60px 0 ;
}
.manager_info::before{
	content: ""; background: url(../images/sub/manager_icon2.png) no-repeat center;
	width: 20px; height:20px; position: absolute; right: 0; top:0;
}
.manager_info .manager_box{
	float: left;
	width:180px;
	background: #9c76b5;
	position: relative;
	padding: 15px;
}
.manager_info h4{
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-left: 50px;
	color: #fff;
}
.manager_info h4::Before{
	content: ""; width: 30px; height:30px; background:url(../images/sub/manager_icon.png) no-repeat center;
	position: absolute; left: 30px;  transform: translateY(-15%);
}
.manager_info ul li{
	float: left;
	margin-left: 30px;
	font-size: 16px;
	font-weight:normal;
	color: #666;
	padding: 15px;
}
.manager_info ul li span{
	display: inline-block;
	font-weight: 600;
	color: #333;
}

@media (max-width: 768px){
	.manager_info .manager_box{width:100%;}
	.manager_info h4{margin-left:0;}
}
@media (max-width: 460px){
	.manager_info ul li{width:100%; margin-left:10px; padding:10px;}
	.manager_info ul li:first-child{padding-bottom:0;}

}

/* 수강신청조회 */
.form_wrap{
	width:500px; border: 1px solid #dadada; padding: 40px; margin: 0 auto; background: #fdfdfd;
	text-align: center; position: relative;
}
.form_wrap img{
	margin-bottom: 10px;
}
.form_wrap h4{
	font-size: 26px; color: #333; font-weight: 600; margin-bottom: 40px;
}
.form_wrap .form_box01{
	margin-bottom: 40px;
}
.form_wrap .form_box01 input{
	height: 40px; border: 1px solid #d1d1d1; background: #f9f9f9; padding-left: 20px;
	font-size: 14px; color: #666; font-weight: normal; 
}
.form_wrap .name_box input{
	width: 300px; margin-bottom: 15px;
}
.form_wrap .tel_box input{
	width: 75px; 
}
.form_wrap .form_box02 input{
	width: 320px; background: #9c76b5; color: #fff; border: none; height: 40px;
}

@media (max-width: 768px){
	.form_wrap{width: 95%; padding: 30px 0; }
	.form_wrap h4{	font-size: 22px; margin-bottom: 30px;}
	.form_wrap .form_box01{	margin-bottom: 30px;}
	.form_wrap .name_box input{	width: 300px; margin-bottom: 15px;}
}
@media (max-width: 460px){
	.form_wrap{width: 95%; }
	.form_wrap h4{	font-size: 20px; margin-bottom: 25px;}
	.form_wrap .form_box01{	margin-bottom: 25px;}
	.form_wrap .name_box input{	width: 230px; margin-bottom: 15px;}
	.form_wrap .tel_box input{width: 53px; }
	.form_wrap .form_box02 input{width: 255px; background: #9c76b5; color: #fff; border: none; height: 40px;}
	
}