@charset "utf-8";
/* 공통 */
.h3_butt{clear:both;padding-top:2px;line-height:30px;font-weight:700;font-size:17px;color:#000;background:url('/pages/headquarter/img/sub/h3_butt.gif') 0 0 no-repeat;padding-bottom:5px;margin-top:20px;clear:both}
.h4_butt{clear:both;font-size:15px;font-weight:700;color:#374c8a;line-height:22px;letter-spacing:-.02em;padding-bottom:5px;padding-top:3px;background:url('/pages/headquarter/img/sub/h4_butt.gif') 0 7px no-repeat;padding-left:19px;clear:both}
.h5_butt{clear:both;font-size:14px;font-weight:700;color:#333;line-height:20px;letter-spacing:-.02em;padding-bottom:5px;background:url('/pages/headquarter/img/sub/h5_butt.gif') 0 9px no-repeat;padding-left:15px}
.text_type1{margin: 0 0 15px 5px;line-height:21px}
.text_type1 a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.text_type1 strong{color:#333}
.img_type1{margin:10px 0}
.img_type2{border:1px solid #ddd;box-sizing: border-box;padding:20px 10px;margin:10px 0;text-align:center;border-radius:6px;overflow:hidden}
a.btn_dw{text-align:center;line-height:30px;padding:10px 60px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/headquarter/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_dw{background:url('/pages/headquarter/img/sub/icon_down.png') right 13px #2a4c6e no-repeat}
a.btn_link{text-align:center;line-height:30px;padding:10px 60px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/headquarter/img/sub/icon_link.png') right 12px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_link{background:url('/pages/headquarter/img/sub/icon_link.png') right 12px #2a4c6e no-repeat}

.pdf_download {text-align:center;line-height:30px;padding:10px 30px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/headquarter/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.pdf_download {background:url('/pages/headquarter/img/sub/icon_down.png') right 13px #2a4c6e no-repeat}


.btn_type1{background:#535353 ;color:#fff;border:none;padding:6px 16px;font-weight:400;font-family:'Nanum Gothic';cursor:pointer}
.btn_type1:hover{background:#000}

.tag{width:100%;box-sizing:border-box;padding:30px;text-align:center;background:#333;color:#fff;font-size:18px;font-weight:700;height:250px;margin:10px 0 20px 0}
.m_img{display:none}

 /* 이미지삽입 */
.basicimgbox {width:100%;margin-bottom:20px;text-align:center}
.basicimgbox p {border:1px solid #dddddd}
.bordernone p {border:none !important}


/* 큰 컬러버튼 스타일 */
.whitebtn { margin:0 auto; text-align:center}
.whitebtn a { display:inline-block;min-width:60px;background-color:#fff;	border:1px solid #dae4ee;padding:8px 18px;	color:#333;font-size:14px;	font-weight:600; text-align:center;line-height:145%;border-radius:6px;margin:0 2px	}
.whitebtn a:hover { background-color:#4785df;color:#fff;}

.bluebtn { margin:0 auto; text-align:center}
.bluebtn a { display:inline-block;min-width:60px;background-color:#fff;	border:1px solid #dae4ee;padding:8px 18px;	background-color:#4785df;font-size:14px;color:#fff;	font-weight:600; text-align:center;line-height:145%;border-radius:6px;margin:0 2px	}
.bluebtn a:hover { background-color:#466da5;color:#fff;}
 
/*
.ul_type1 {margin: 0 0 35px 0}
	.ul_type1 li{padding-left: 10px;position: relative;margin-bottom:13px}
	.ul_type1 li span, .ul_type1 li strong {color: #000}
	.ul_type1 li a{border-bottom:1px dotted #333;color:#333;margin-left:3px}
	.ul_type1 li:last-child{margin-bottom:0}
	.ul_type1 li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 3px;height: 3px;background-color: #3b486b}
*/
.ul_type1 {margin: 0 0 15px 0px}
	.ul_type1 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%}
	.ul_type1 li span, .ul_type1_2 li strong {color: #000}
	.ul_type1 li strong{padding-right:5px;color:#333}
	.ul_type1 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
	.ul_type1 li:last-child{margin-bottom:0}
	.ul_type1 li:before{content: '';display: block;position: absolute;left:5px;top:8px;width: 3px;height: 3px;background-color: #3b486b}

.ul_type1_2 {margin: 0 0 15px 0}
	.ul_type1_2 li{padding-left: 14px;position: relative;margin-bottom:7px}
	.ul_type1_2 li span, .ul_type1_2 li strong {color: #000}
	.ul_type1_2 li strong{padding-right:5px;color:#333}
	.ul_type1_2 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
	.ul_type1_2 li:last-child{margin-bottom:0}
	.ul_type1_2 li:before{content: '';display: block;position: absolute;left:5px;top:8px;width: 3px;height: 3px;background-color: #3b486b}

.ul_type2 {margin: 6px 0 10px 0}
	.ul_type2 > li{padding-left: 13px;position: relative;margin-bottom:3px;line-height:155%}
	.ul_type2 > li span {color: #333; font-weight:600}
	.ul_type2 > li a{border-bottom:1px dotted #333;color:#333}
	.ul_type2 > li:last-child{margin-bottom: 0}
	.ul_type2 > li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 4px;height: 1px;background-color: #757575}

.ul_type3 {margin: 6px 0 10px 0}
	.ul_type3 > li{padding-left: 13px;position: relative;margin-bottom:3px;line-height:145%;}
	.ul_type3 > li span {color: #333; font-weight:600}
	.ul_type3 > li a{border-bottom:1px dotted #333;color:#333}
	.ul_type3 > li:last-child{margin-bottom: 0}
	.ul_type3 > li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 2px;height: 1px;background-color: #757575}

.table_type1 {margin: 4px 0 30px 0}
.table_type1 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff}
	.table_type1 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2}
	.table_type1 th{background-color: #7faacb;color: #fff;padding:17px 10px;font-size:14px;position:relative; border-right:1px solid #a1c5e0}
	/*.table_type1 th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#fff}*/
	.table_type1 th:last-child {border-right:none}
	.table_type1 th:last-child:before{background:none}
	.table_type1 tbody th{background:#7badd4;font-weight:normal}
	.table_type1 td{color: #666;padding:15px;line-height:160%}
	.table_type1 td a{color:#666}
	.table_type1 td a:hover{color:#000}
	.table_type1 td strong{color:#333}
	.table_type1 td span{color:#333}
	.table_type1 td span.redpoint{color:#c40101 !important;font-weight:600}
	/*.table_type1 th:first-child,.table_type1 td:first-child{border-left: none}*/
	.m_info{display:none}
	.imgtable img{width:60%}

.table_type2 {margin: 4px 0 30px 0}
.table_type2 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff}
	.table_type2 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2}
	.table_type2 th{background-color: #7faacb;color: #fff;padding:17px 10px;font-size:14px;position:relative}
	/*.table_type2 th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#fff}*/
	.table_type2 th:last-child:before{background:none}
	.table_type2 tbody th{background:#f5f5f5;font-weight:normal;color:#333}
	.table_type2 tbody th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#f5f5f5}
	.table_type2 td{color: #666;padding:15px;line-height:160%}
	.table_type2 td a{color:#666}
	.table_type2 td a:hover{color:#000}
	.table_type2 td strong{color:#333}
	.table_type2 td span{color:#333}
	.table_type2 td span.redpoint{color:#c40101 !important;font-weight:600}
	/*.table_type1 th:first-child,.table_type1 td:first-child{border-left: none}*/
	.m_info{display:none}
	.imgtable img{width:60%}

.table_type3{border-top:2px solid #7e869b;margin: 0 0 30px 0}
	.table_type3 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff}
	.table_type3 th,.table_type3 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;}
	.table_type3 th{background-color: #f4f3f3;color: #494949;padding: 6px 15px;}
	.table_type3 tbody th{background:#f9f9f9;font-weight:normal}
	.table_type3 td{color: #868686;padding:6px 5px;border-bottom: 1px dotted #e2e2e2}
	.table_type3 td a{color:#868686}
	.table_type3 td a:hover{color:#000}
	.table_type3 td strong{color:#333}
	.table_type3 td span{color:#333}
	.table_type3 td span.redpoint{color:#c40101 !important;font-weight:600}
	/*.table_type2 th:first-child,.table_type1 td:first-child{border-left: none}*/

.table_type4{border-top:2px solid #7e869b;margin: 0 0 30px 0;}
	.table_type4 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff}
	.table_type4 th,.table_type2 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;}
	.table_type4 th{background-color: #f4f3f3;color: #494949;padding: 6px 15px;font-weight:bold}
	.table_type4 tbody th{background:#f9f9f9;font-weight:normal}
	.table_type4 td{color: #868686;padding:12px 15px;border-bottom: 1px dotted #e2e2e2}
	.table_type4 td a{color:#868686}
	.table_type4 td a:hover{color:#000}
	.table_type4 td strong{color:#333}
	.table_type4 td span{color:#333}
	
.tab_type{position:relative; overflow:hidden; background:#fff;margin-bottom:25px}
	.tab_type ul.title_box{height:42px}
	.tab_type ul.title_box li{float:left}
	.tab_type ul.title_box li h4 a{display:block; height:27px;padding:13px 28px 0 28px; font-size:13px; line-height:16px; color:#808080; font-weight:bold; border:1px solid #d8d8d8;background:#f5f5f5;border-radius:3px 3px 0 0;margin-right:-1px;}
	.tab_type ul.title_box li h4 a.on{border-bottom:1px solid #fff; color:#41a2a8; background:#fff}

.tab_type1{position:relative;padding:15px 20px;display:block;box-sizing: border-box;border:4px solid #71b9c5 ;width:100%;clear:both;float:left;margin-bottom:20px;background:#fff}
	.tab_type1 li{display:block;float:left;white-space:nowrap;text-overflow:ellipsis;line-height:16px;padding:5px 18px 10px 9px;background:url('/pages/headquarter/img/sub/tab_butt.gif') 0 12px no-repeat}
	.tab_type1 li a{color:#555;font-size:15px;font-weight:700;letter-spacing:-1px}
	.tab_type1 li a:hover{color:#333;font-weight:700;border-bottom:1px dotted #999;text-decoration:none}
	.tab_type1 li a.on{font-weight:700;color:#e6224c;border-bottom:1px dotted #e6224c}

#board_total_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:27px;background:url('/pages/headquarter/img/sub/board_total_top_bg.gif') 30px 50% no-repeat;margin-bottom:20px;border-radius:6px;clear:both}
	#board_total_top dl{padding-left:150px}
	#board_total_top dl dt{font-size:15px;font-weight:700;color:#f19000;padding-bottom:3px;padding-top:4px}
	#board_total_top dl dd a{text-decoration:underline;color:#333}
	#board_total_top dl dd span{border-bottom:1px dotted #333;line-height:26px}

.con_info_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:20px 30px 20px 110px;margin-bottom:20px;border-radius:6px;background:url('/pages/headquarter/img/sub/con_total_top_bg.gif') 25px center no-repeat}
	.con_info_top p{font-size:15px;font-weight:700;color:#666;padding-bottom:3px;padding-top:4px;line-height:22px}
	.con_info_top .btn_area{margin-top:10px}

/*
.con_info_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:32px 50px 32px 27px;background:url('/pages/headquarter/img/sub/board_total_top_bg.gif') 30px center no-repeat;margin-bottom:20px;border-radius:6px;}
	.con_info_top p{padding-left:180px;font-size:15px;letter-spacing:-1px;font-weight:700;color:#555;padding-bottom:3px;padding-top:4px;line-height:22px}
	.con_info_top .btn_area{padding-left:180px;margin-top:10px}
*/

.p_box{clear:both;border:1px solid #ddd;box-sizing: border-box;padding:18px 20px 13px 15px;margin:2px 0 15px 0;width:100%;border-radius:7px}
.p_box2{clear:both;border:1px dotted #ddd;background:#f9f9f9;box-sizing: border-box;padding:1px 30px 10px 30px;margin:5px 0 25px 0}
.p_box3{clear:both;border-bottom:2px solid #999;border-top:2px solid #999;background:#fff;box-sizing: border-box;padding:15px 10px 7px 10px;margin:5px 0 25px 0}
.p_box4{clear:both;width:100%;height:auto;margin-bottom:20px}
	.p_box4 .title{width:100%;box-sizing: border-box;padding:10px 20px;font-size:15px;color:#444;border:1px solid #ccc}
	.p_box4 .con{box-sizing: border-box;padding:20px 20px 5px 20px;border-bottom:1px solid #ddd;background:#f9f9f9 }

span.star{font-weight:700;color:#e6224c;padding:0 2px}


.h5_butt2{font-size:17px;font-weight:800;line-height:20px;color:#444;letter-spacing:-1px;padding-left:15px}

.ul_basic{display:block;clear:both;width:100%;margin-bottom:10px;padding-top:10px;color:#777}
.ul_basic li{padding:0 12px 3px 15px;background:url(/pages/hospital/img/sub/li_butt.gif) no-repeat scroll 1px 9px transparent;line-height:20px;font-size:13px;*zoom:1;letter-spacing:-1px}
.ul_basic li strong{font-weight:700;color:#000}
.ul_basic li img{vertical-align:middle}
.ul_basic li a{padding:0 5px;font-size:15px;font-weight:700;color:#777;text-decoration:underline}
.ul_basic li a:hover{color:#d52d0c;text-decoration:underline}
.ul_basic li.info{display:block;clear:both;padding-left:25px !important;background:url(/pages/hospital/img/sub/icon_alert.gif) no-repeat scroll 4px 4px transparent;font-size:14px;font-weight:700;line-height:24px;color:#3c50ac}
.ul_basic li.info a{padding:0 5px}
.ul_basic li.info a:hover{color:#000;text-decoration:underline}
.ul_basic li.point{font-weight:700;color:#2e62c1}
.ul_basic li span { text-align:center; display: block; margin:10px 0;}

/* 로그인 */
#login_wrap{width:100%;height:auto}
		#login_wrap > .login_top{width:100%;height:auto}
				.login_top > h4{font-size:18px;letter-spacing:-2px;font-weight:400;color:#444;padding:13px 0 4px 0;margin-bottom:6px !important}
				.login_box{border:6px solid #e2e2e2;border-radius:3px;width:100%;height:200px;margin-top:20px;position:relative;box-sizing:border-box}
				.login_box fieldset{width:520px;margin:0 auto;padding-top:45px}
				.login_box dl dt{clear:both;width:70px;line-height:40px;font-size:15px;color:#555;font-weight:700}
				.login_box dl dt, .login_box dl dd{float:left;margin-bottom:7px} 
				.login_box dl dd input{width:285px;height:40px;color:#585858;font-weight:700;font-size:15px;font-family:'Malgun Gothic';letter-spacing:-1px;padding-left:10px;border-top:1px solid #b6b6b6;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-left:1px solid #b6b6b6;border-radius:3px}
				.login_box .btn_login{width:130px;height:90px;line-height:90px;text-align:center;background:#555;color:#fff;border:1px solid #444;font-weight:700;font-size:15px;letter-spacing:-1px;margin-left:6px;border-radius:3px;cursor:pointer}
				.login_box .btn_login:hover{background:#333}

				.login_type{padding-top:20px}
				.login_type .btn{color:#333}
				.login_type .btn:hover{color:#053ddb}

/* 회원가입 */
#join_wrap{width:100%;height:auto}

		.join_step_top { margin:10px 0 30px 0;border-top:2px solid #2e62c1;border-bottom:1px solid #ddd}
		.join_step_top ol { position:relative;margin-bottom:18px;width:100%;height:80px}
		.join_step_top ol li { display:inline;float:left}
		.join_step_top ol li span { display:block; font-size:12px; line-height:1;padding-bottom:10px}
		.join_step_top ol li strong { display:block; font-size:20px;color:#777;letter-spacing:-2px;font-weight:400}
		.join_step_top ol li.on span,
		.join_step_top ol li.on strong { color:#333;font-weight:700}
		.join_step_top ol .step1 {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat}
		.join_step_top ol .step2  {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat}
		.join_step_top ol .step3  {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat}
		.join_step_top ol .step4  {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px}

		.agree_cont_box{padding-top:10px}
		.agree_cont_box .agree_cont{border:2px solid #ddd;padding:20px;margin:20px 0;border-radius:3px}
		.agree_cont_box .agree_cont section{height:140px;overflow-y:scroll;padding:0 20px 0 0}
		.agree_cont_box .agree_cont section h4{font-size:15px;letter-spacing:-1px;padding:10px 0 10px 0}
		.agree_cont_box .agree_cont section h5{font-size:14px;letter-spacing:-1px;padding:10px 0 10px 0}

		.agree_check{width:100%;height:40px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:40px;background:#5872a5 ;text-align:center;display:block}
		.agree_check input.i_check{position:relative;border:1px solid #000;width:20px;height:20px}
		.agree_check label{padding-left:10px;cursor:pointer;letter-spacing:-1px;color:#fff;font-weight:700}
		.agree_check label:hover{color:#ffd837}
		.agree_cont_box2 ul{text-align:center;width:100%;border-top:1px solid #ddd;padding-top:20px !important}
		.agree_cont_box2 li{display:inline}

		.join_btn_list{text-align:center}
		.join_btn_list li{display:inline}

		.join_step4_box{text-align:center;width:100%;height:420px}
		.join_step4_box > p{font-size:22px;font-weight:400;letter-spacing:-2px;padding-top:210px;color:#333;padding-bottom:20px}
		.join_step4_box > a{margin: 0 auto !important;float:none !important}
		.agreeCheck {position:relative; padding:6px 0 20px; text-align:right; width:100%;}

		


/* 본인인증 */
.join_step5_box {height:auto;overflow:hidden;padding:25px 0 50px 0}
	.join_step5_box ul li {position:relative;height:350px; float:left; width:44%;border:1px solid #d2e1e7; border-radius:8px}
	.join_step5_box ul li.bg1 {background:url('/pages/basic/img/sub/icon_ipin2.gif')  50% 40px no-repeat;margin-left:5.5%;margin-right:1.3%}
	.join_step5_box ul li.bg2 {background:url('/pages/basic/img/sub/icon_ipin.gif')  50% 40px no-repeat;margin-left:1.3%}
	.join_step5_box ul li dl {padding:130px 40px 60px 40px;}
	.join_step5_box ul li dl dt {text-align:center; font-size:20px; color:#333; font-weight:600;padding-bottom:18px;letter-spacing:-1px}
	.join_step5_box ul li dl dd{font-size:13px;letter-spacing:-1px;color:#777;line-height:17px}
	.join_step5_box ul li dl dd.btn {padding-top:30px;text-align:center}

/* 가입완료 */
.join_finish{width:100%;box-sizing:border-box;padding:30px;text-align:center}
	.join_finish dt{font-size:18px;letter-spacing:-1px;padding-bottom:15px}
	.join_finish dd{color:#555;letter-spacing:-.02em}
	.join_finish dd img{padding:30px 0 0 0}


.table_type4{border-top:2px solid #7e869b;margin: 0 0 30px 0}
	.table_type4 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff}
	.table_type4 th,.table_type3 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;}
	.table_type4 th{background-color: #f4f3f3;color: #494949;padding: 12px 35px;text-align:left}
	.table_type4 tbody th{background:#f9f9f9;font-weight:normal}
	.table_type4 td{color: #868686;padding:12px 18px;border-bottom: 1px dotted #e2e2e2;text-align:left}
	.table_type4 td a{color:#868686}
	.table_type4 td a:hover{color:#000}
	.table_type4 td strong{color:#333}
	.table_type4 td span{color:#333}
	.table_type4 td span.redpoint{color:#c40101 !important;font-weight:600}



.button_type2{display:inline-block;width:55px;height:29px;border-radius:4px;border:1px solid #566963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666e81), color-stop(1, #6c7c7c));background:-moz-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-webkit-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-o-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-ms-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:linear-gradient(to bottom, #666e81 5%, #6c7c7c 100%);background-color:#666e81;font-size:13px !important;font-weight:bold;line-height:29px;color:#fff !important;text-align:center;-moz-box-shadow:inset 0 1px 3px 0 #91b8b3;-webkit-box-shadow:inset 0 1px 3px 0 #91b8b3;box-shadow:inset 0 1px 3px 0 #91b8b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666e81',endColorstr='#6c7c7c',GradientType=0);-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;text-shadow:0 -1px 0 #2b665e}
.button_type2{width:auto;padding:0 15px}
.button_type2:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);background-color:#6c7c7c;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c',endColorstr='#768d87',GradientType=0)}
.button_type2:active{position:relative;top:1px}

.button_type3{display:inline-block;width:auto;height:32px;border-radius:3px;border:1px solid #fa2;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);background-color:#ffec64;font-size:12px;font-weight:bold;line-height:32px;color:#000 !important;letter-spacing:-1px;text-align:center;-moz-box-shadow:inset 0 1px 0 0 #fff6af;-webkit-box-shadow:inset 0 1px 0 0 #fff6af;box-shadow:inset 0 1px 0 0 #fff6af;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);-moz-border-radius:6px;-webkit-border-radius:6px;cursor:pointer;text-shadow:0 1px 0 #fe6}
.button_type3{width:auto;padding:0 15px}
.button_type3:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);background-color:#ffab23;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0)}
.button_type3:active{position:relative;top:1px}

.button_type5{display:inline-block;padding:16px 23px;border-radius:5px;border:1px solid #4e6096;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);background-color:#7892c2;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;-moz-box-shadow:inset 0 1px 3px 0 #9fb4f2;-webkit-box-shadow:inset 0 1px 3px 0 #9fb4f2;box-shadow:inset 0 1px 3px 0 #9fb4f2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2',endColorstr='#476e9e',GradientType=0);-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;text-shadow:0 -1px 0 #283966}
.button_type5{font-family:'Nanum Gothic'}
.button_type5:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);background-color:#476e9e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e',endColorstr='#7892c2',GradientType=0)}
.button_type5:active{position:relative;top:1px}

.button_type6{display:inline-block;padding:16px 23px;border-radius:5px;border:1px solid #dcdcdc;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);background-color:#ededed;font-size:13px;font-weight:bold;color:#777;text-decoration:none;-moz-box-shadow:inset 0 1px 3px 0 #fff;-webkit-box-shadow:inset 0 1px 3px 0 #fff;box-shadow:inset 0 1px 3px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf',GradientType=0);-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;text-shadow:0 -1px 0 #fff}
.button_type6{font-family:'Nanum Gothic'}
.button_type6:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed',GradientType=0)}
.button_type6:active{position:relative;top:1px}

.input_type{position:relative;height:28px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font-size:12px;font-family:'Nanum Gothic';line-height:30px;padding:0 3px 0 6px;margin:2px 0;border-radius:0;}

	/* 인사말 */
	.greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom;padding:80px 0 0 0;border-bottom:1px solid #ddd}
	.greed_top .title{font-size:20px;font-family:Nanum Myeongjo;font-weight:400; line-height:26px}
	.greed_top .txt{color:#5cb855;font-weight:600;padding:30px 0;font-size:15px}
	p.sign{padding:40px 0;text-align:right;font-weight:600;font-family:Nanum Myeongjo;font-size:16px}

	/* 비전과목표 */
	.vision_goals_box{background:url('/pages/basic/img/sub/sub_vision_arrow_bg.jpg') no-repeat 0px 0; background-size:100%; padding-top:20px}
	.vision_h3_type{position:absolute; left:0px; width:150px; font-size:17px; color:#3c576e; background:url('/pages/basic/img/sub/vision_goals_h3_bg.png') no-repeat 112px 7px;}

	.vision_box {border:1px solid #3c86c7; border-top:5px solid #3c86c7;background:#fff; position:relative; padding:37px 30px 30px; width:90%; margin:0 auto 20px ; box-sizing:border-box; left:5%}
	.vision_box h3 {width:168px; height:40px; border-radius:27px; background:#3c86c7; color:#fff; padding:0; line-height:39px; position:absolute; top:-20px; left:50%; margin-left:-84px; font-size:19px;text-align:center }
	.vision_box p{color:#010101; font-size:20px; font-weight:400; text-align:center}
	.vision_box p .eng{font-size:12px; color:#88b1d5; line-height:18px; padding-top:4px;text-align:center;display:block}
	
	.value_box{position:relative; height:230px; margin-bottom:15px}
	.value_box h3 { top:90px; width:300px }
	.value_box ul li {width:160px; height:160px; border-radius:50%; float:left; padding:44px 10px; box-sizing:border-box; text-align:center; font-size:14px; color:#3d3d3d; font-weight:400; position:absolute;}
	.value_box ul li.value1 {background:rgba(216,232,245,1); top:0px; left:23%}
	.value_box ul li.value2 {background:rgba(151,221,197,0.5); top:50px; left:38%}
	.value_box ul li.value3 {background:rgba(167,216,225,0.5); top:50px; left:54%}
	.value_box ul li.value4 {background:rgba(182,229,177,0.5); top:0px; left:69%}

	.goals_box{position:relative; height:215px;margin-bottom:25px}
	.goals_box h3 { top:80px; width:340px}
	.goals_box ul {position:relative;width:80%; left:8%;margin:0 auto}
	.goals_box ul li {width:270px; height:215px; float:left; padding:95px 10px 10px; box-sizing:border-box; text-align:center; font-size:16px; color:#3d3d3d; font-weight:500; position:absolute; background:url('/pages/basic/img/sub/sub_goals_bg.png') no-repeat 0px 0;}
	.goals_box ul li.goal1{top:0px; left:7%}
	.goals_box ul li.goal2{top:0px; left:27%; transform:rotate(180deg)}
	.goals_box ul li.goal2 span {transform:rotate(180deg); display:block}
	.goals_box ul li.goal3{top:0px; left:48%}

	.strategy_box{position:relative; height:100px;margin-bottom:8px}
	.strategy_box h3 { top:15px; }
	.strategy_box ul {position:absolute; left:15%; width:85%}
	.strategy_box ul li {width:31%; margin-right:1%; background:#3879af; color:#fff;text-align:center; font-size:14px;font-weight:500; float:left; border-radius:10px; padding:10px; box-sizing:border-box; height:100px}

	.push_box{position:relative; height:230px;}
	.push_box h3 { top:35px; }
	.push_box > ul  {position:absolute; left:15%; width:85%}
	.push_box > ul > li {width:31%; margin-right:1%;border:1px solid #bebebe; border-bottom:none; color:#656565; font-size:13px; font-weight:400; float:left; border-radius:10px 10px 0 0; padding:20px 10px; box-sizing:border-box; background:#fff; min-height:230px}
	.push_box > ul > li > ul {margin:0}

	.assignment_box{position:relative; height:240px;}
	.assignment_box h3 { top:35px; }
	.assignment_box > ul  {position:absolute; left:15%; width:85%}
	.assignment_box > ul > li {width:31%; margin-right:1%; border:1px solid #bebebe; border-top:none; color:#656565; font-size:13px; font-weight:400; float:left; border-radius:0 0 10px 10px; padding:0px 10px 20px; box-sizing:border-box; background:#fff; min-height:240px}
	.assignment_box > ul > li > ul {margin:0; border-top:1px dashed #bebebe; padding-top:15px}
	.assignment_box > ul > li > ul > li {letter-spacing:-0.02em}


	/* 연혁 */
	.history .view_list { position: relative; }
	.history .view_list::before { content: ""; width: 1px; height: 98%; margin: 1% 0; background: url(/pages/basic/img/sub/dot_line.gif); display: block; position: absolute; left: 50%}
	.history .view_list::after { content: ""; display: block; clear: both; }
	.history .view_list li dl { width: 100%; padding-right: calc( 50% + 35px ); box-sizing: border-box; text-align: right; }
	.history .view_list li dl:nth-child(even) { padding-right: 0; padding-left: calc( 50% + 35px ); box-sizing: border-box; text-align: left; }
	.history .view_list li dt { margin-bottom: 30px; font-size: 31px; position: relative }
	.history .view_list li dt::before { content: ""; width: 27px; height: 27px; margin-top: -14px; display: block; border: 7px #3d89c0 solid; box-sizing: border-box; border-radius: 14px; position: absolute; top: 50%; right: -49px; background: #fff; z-index: 2; }
	.history .view_list li dl:nth-child(even) dt::before { left: -49px; }
	.history .view_list li dd li { margin-bottom: 7px; line-height:22px; position: relative; }
	.history .view_list li dd li::after { content: ""; width: 7px; height: 7px; margin-top: -4px; display: block; background: #b6c6e9; border-radius: 4px; position: absolute; z-index: 2; top: 50%; right: -39px; }
	.history .view_list li dl:nth-child(even) dd li::after { left: -38px; }
	.history .view_list li dd span { margin-right: 10px;font-weight:500}
	.wrap_fbasis {background:url(/pages/basic/img/sub/fbasisbg.png) no-repeat right bottom;position:relative; width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #d1d7de}
	

	/* 조직도 */
	#organization{text-align:center;margin:0 auto}
	#organization img {width:100%; max-width:862px}

	/* 오시는길 */
	.kakaonavi{margin:10px 0;font-size:16px;color:#333;}
	.navi_iconbox{margin:10px 0 30px}
	.navi_iconbox a span{padding:15px 10px;color:#333;display:block;float:left}
	.navi_iconbox img{width:50px;float:left}

	/* 친환경 */
	.ecocar_vision{padding:15px 0;position:relative;height:900px;width:100%;background:url(/pages/basic/img/sub/eco_bg.png) no-repeat center 130px}
	.ecocar_vision h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px; line-height:30px}
	.ecocar_vision h3 span{color:#3879af;font-weight:600}
	.ecocar_vision h4{background:#3879af;font-size:16px;color:#fff;text-align:center;position:absolute;left:50%;top:180px;padding-top:36px;width:200px;height:200px;margin-left:-100px;box-sizing:border-box;border-radius:50%; line-height:21px}
	.ecocar_vision .ecocar_box1{background:none;border:1px solid #ddd;width:250px;height:210px;padding:0 20px;position:absolute;left:20px;top:200px;box-sizing:border-box}
	.ecocar_vision .ecocar_box1 h5{font-size:16px;text-align:center;color:#333;padding:12px 0;background:#3879af;border-radius:5px;color:#fff;position:relative;top:-20px}
	.ecocar_vision .ecocar_box2{background:none;border:1px solid #ddd;width:250px;height:210px;padding:0 20px;position:absolute;right:20px;top:200px;box-sizing:border-box}
	.ecocar_vision .ecocar_box2 h5{font-size:16px;text-align:center;color:#333;padding:12px 0;background:#3879af;border-radius:5px;color:#fff;position:relative;top:-20px}
	.ecocar_vision dl{float:left;position:relative;width:32%;float:left;height:240px;top:350px;margin-right:10px}
	.ecocar_vision dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0; min-height:60px}
	.ecocar_vision dl dd{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;min-height:322px}
	.ecocar_vision dl dd .ul_type4 li{width:49%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px}
	.ul_type4 li::before{clear:both;background:#fff}
	span.left_triangle{position:absolute;left:290px;top:270px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-right:12px solid #a7b8c6}
	span.right_triangle{position:absolute;right:290px;top:270px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6}

	/* 친환경 추진체계 */
	.s0202_system{position:relative;height:930px;background:url(/pages/greencar_en/img/sub/s0202_bg.jpg) no-repeat center top;width:870px;margin:0 auto}
	.s0202_system h4{position:absolute;width:168px;height:150px;padding:23px 0;text-align:center;left:50%;margin-left:-88px;top:200px;font-size:18px; z-index:99;color:#fff;line-height:22px}
	.s0202_system h4 span{display:block;font-size:14px;font-weight:300;line-height:18px;margin-top:4px}
	.s0202_system h5{font-size:13px;line-height:16px;position:absolute;color:#333;text-align:center;z-index:99}
	.s0202_system h5.s0202_t1{left:201px;top:68px}
	.s0202_system h5.s0202_t2{right:201px;top:68px}
	.s0202_system h5.s0202_t3{left:210px;top:422px}
	.s0202_system h5.s0202_t4{right:193px;top:407px}
	.s0202_system dl{width:50%;float:left;height:330px;padding:100px 40px;box-sizing:border-box;z-index:1}
	.s0202_system dl dt{font-size:16px;color:#333;margin-bottom:10px;font-weight:500}
	.s0202_system dl.s0202_dl1{text-align:right;padding:33px 256px 40px 0}
	.s0202_system dl.s0202_dl2{padding:33px 0px 0 254px}
	.s0202_system dl.s0202_dl3{text-align:right;padding:70px 256px 40px 0}
	.s0202_system dl.s0202_dl4{padding:70px 0px 0 254px}
	.s0202_system dl.s0202_dl1 dt {color:#0662b0}
	.s0202_system dl.s0202_dl2 dt {color:#94c11f}
	.s0202_system dl.s0202_dl3 dt {color:#009fe2}
	.s0202_system dl.s0202_dl4 dt {color:#54bec7}

	/* 기업지원 */
	.business_support li a{width:100%;padding:20px;border:1px dotted #bbb;display:block;box-sizing:border-box;color:#333;margin-bottom:5px;border-radius:5px;font-size:15px; background:url(/pages/basic/img/sub/business_support_bg.png) no-repeat right center}
	.business_support li a:hover{border:1px dotted #66a9e3;color:#fff;background:#4a87c3  url(/pages/basic/img/sub/business_support_bg2.png) no-repeat right center}
	.business_support li a h4{font-weight:400; padding-right:30px}

	/* 클린디젤 */
	.infra_box dl{clear:both}
	.infra_title dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;border:1px solid #6abeda;padding:10px;box-sizing:border-box;text-align:center;border-radius:5px;font-size:15px}
	.infra_title dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;border:1px solid #6abeda;padding:10px;box-sizing:border-box;text-align:center;border-radius:5px;font-size:15px}
	.infra_txt dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;text-align:center;padding:50px 10px;border:1px solid #6abeda;border-radius:5px;box-sizing:border-box;height:200px}
	.infra_txt dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;padding:20px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;height:200px}
	.infra_txt2 dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;text-align:center;padding:140px 10px;border:1px solid #6abeda;border-radius:5px;box-sizing:border-box;height:310px}
	.infra_txt2 dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;padding:10px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;height:310px;text-align:center;margin-bottom:30px}
	.infra_t_before{background:#b3d3f3;color:#333;border:1px solid #b3d3f3 }
	.infra_t_after{background:#2682c6;color:#fff}
	.infra_txt_before{background:#f9f9f9}
	.infra_txt_after{background:#f2f2f2}

	/* 수소스테이션 */
	.h2station_box{border-radius:5px;padding:30px 10px 40px 50px;background:url(/pages/basic/img/sub/h2station_bg.jpg) no-repeat 0px center; min-height:165px; background-size:100% }
	.h2station_box h4 span {color:#2394fd}

 	/* 광주형일자리 */
	.sub0206{padding:15px 0;position:relative;width:100%;}
	.sub0206_box{margin:0 auto; width:830px;}
	.sub0206 h3{font-size:20px;font-weight:600;color:#3879af;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px}
	.sub0206 h3 span{display:block;font-size:14px; font-weight:400px; color:#888; line-height:20px; padding-top:5px;}
	.sub0206_box p {font-size:14px; font-weight:400px;text-align:center;line-height:20px;}
	.sub0206 h4.sub0206_con1{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:200px;height:200px;box-sizing:border-box;border-radius:50%}
	.sub0206 h4.sub0206_con2{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:200px;height:200px;box-sizing:border-box;border-radius:50%}
	.sub0206 h4.sub0206_con3{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:200px;height:200px;box-sizing:border-box;border-radius:50%}
	span.left_add{width:23px; height:23px; position:relative;float:left;left:0;top:114px;background:url(/pages/basic/img/sub/add.png) no-repeat}
	span.right_add{width:23px; height:23px; position:relative;float:left;right:0;top:114px;background:url(/pages/basic/img/sub/add.png) no-repeat}
 


/****** Mobile ******/
@media screen and (max-width:690px){
	/* 공통 */
	.img_type2 img{width:100%}
	.pc_img{display:none}
	.m_img{display:block}
	a.btn_dw {display:block;margin-top:2px;padding:10px 30px 10px 10px;line-height:17px}
    
	/* 이미지삽입 */
	.basicimgbox img {width:100%}

	/* 테이블 */
	.table_type1{overflow:hidden;overflow-x:scroll;width:100%}
	.table_type1 th,.table_type1 td{white-space:nowrap}
	.table_type1 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700}

	.table_type2{overflow:hidden;overflow-x:scroll;width:100%}
	.table_type2 th,.table_type2 td{white-space:nowrap}
	.table_type2 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700}

	.table_type3{overflow:hidden;overflow-x:scroll;width:100%}
	.table_type3 th,.table_type3 td{white-space:nowrap}
	.table_type3 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700}

	/* 로그인 */
	.login_box{height:auto;padding:20px 0 20px 0}
	.login_box fieldset{width:100%;text-align:center;padding-top:0}
	.login_box fieldset dl{text-align:center;display:block;width:95%;margin:0 auto;overflow:hidden}
	.login_box dl dt, .login_box dl dd{float:none;width:99%;line-height:30px}
	.login_box dl dd{display:block;width:96%}
	.login_box dl dd input{width:100%;display:block;}
	.login_box .btn_login{width:96%;clear:both;height:50px;line-height:50px;margin-top:5px;margin-left:0;box-sizing:border-box}

	.join_step_top ol{overflow:hidden;padding-bottom:10px;height:auto}
	.join_step_top ol .step1, .join_step_top ol .step2, .join_step_top ol .step3, .join_step_top ol .step4{width:50%}
	.agreeCheck{text-align:center;font-size:15px}
	.join_step5_box ul li{width:98%}
	.join_step5_box ul li.bg1{margin-left:0;margin-right:0}
	.join_step5_box ul li.bg2{margin-left:0;margin-top:10px}
	.button_type5{color:#fff !important}

	/* 인사말 */
	.greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom / 50%;padding:20px 0px 0 0;}
	.greed_top .title{font-size:20px;font-family:Nanum Myeongjo;font-weight:400;margin-bottom:50px}
	.greed_top .txt{color:#5cb855;font-weight:600;padding:30px 0;font-size:15px}
	p.sign{padding:40px 0;text-align:right;font-weight:600;font-family:Nanum Myeongjo;font-size:16px}

	/* 비전과목표 */
	.vision_goals_box{background:url('/pages/basic/img/sub/sub_vision_arrow_bg_m.jpg') no-repeat center 0;background-size:100%}
	.vision_h3_type {background:none; width:100%;text-align:center;}

	.vision_box{width:100%; left:0; }
	.vision_box h3 {font-size:17px}
	.vision_box p{font-size:17px; line-height:22px}

	.value_box{height:262px}
	.value_box h3{width:100%; top:90px;  z-index:20; background:#50bd53; width:80px; height:80px;margin:0 auto; border-radius:50%; text-align:center; left:50%; margin-left:-40px;padding-top:20px;box-sizing:border-box; color:#fff;}
	.value_box ul {width:260px; margin:0 auto; position:relative;}
	.value_box ul li{width:140px; height:140px; padding:40px 10px; line-height:18px}
	.value_box ul li.value1{top:0; left:0px; padding-top:20px}
	.value_box ul li.value2{top:0; right:0px;left:unset;}
	.value_box ul li.value3{top:120px; left:0px}
	.value_box ul li.value4{top:120px; right:0px; left:unset;}

	.goals_box{height:405px}
	.goals_box h3 {width:100%; top:0}
	.goals_box ul{width:100%; left:0}
	.goals_box ul li {background:none; width:100%; border:3px solid #73c6a0; height:auto; padding:12px; border-radius:10px; border-image:linear-gradient(to right, #77cc9f 20%, #3879af 80%); border-image-slice:1; background:#fff; font-size:15px; font-weight:400 }
	.goals_box ul li.goal1{left:0; top:48px}
	.goals_box ul li.goal2{left:0;top:184px; transform:rotate(360deg)}
	.goals_box ul li.goal2 span{transform:rotate(360deg)}
	.goals_box ul li.goal3{left:0; top:320px}

	.strategy_box{height:160px; margin-bottom:25px}
	.strategy_box h3 {top:0}
	.strategy_box ul{width:100%; left:0; top:30px}
	.strategy_box ul li{width:32.3%; min-height:130px; font-size:12px; line-height:16px}

	.push_box{height:347px; margin-bottom:25px}
	.push_box h3{top:0}
	.push_box > ul{width:100%; left:0; top:30px}
	.push_box > ul > li {width:32.3%; padding:15px 5px 15px 2px; border-bottom:1px solid #bebebe; min-height:317px}

	.assignment_box{height:342px}
	.assignment_box h3 {top:0}
	.assignment_box > ul{width:100%; left:0; top:30px}
	.assignment_box > ul > li {width:32.3%; padding:15px 5px 15px 2px; border-top:1px solid #bebebe; min-height:314px}
	.assignment_box > ul > li > ul {border-top:none; padding-top:0}

	
	/* 연혁 */
	.history .view_list { position: relative; }
	.history .view_list::before { content: ""; width: 1px; height: 98%; margin: 1% 0; background: url(/pages/basic/img/sub/dot_line.gif); display: block; position: absolute; left: 16px}
	.history .view_list::after { content: ""; display: block; clear: both; }
	.history .view_list li dl { width: 100%; padding-right:0; box-sizing: border-box; text-align: left;margin-bottom:30px }
	.history .view_list li dl:nth-child(even) { padding-right: 0; padding-left: 0; box-sizing: border-box; text-align: left; }
	.history .view_list li dt { margin-bottom: 30px; font-size: 31px; position: relative;padding-left:40px }
	.history .view_list li dt::before { content: ""; width: 27px; height: 27px; margin-top: -14px; display: block; border: 7px #3d89c0 solid; box-sizing: border-box; border-radius: 14px; position: absolute; top: 50%; left: 5px; background: #fff; z-index: 2; }
	.history .view_list li dl:nth-child(even) dt::before { left: 5px; }
	.history .view_list li dd{padding-left:40px}
	.history .view_list li dd li { margin-bottom: 7px; line-height:22px; position: relative; }
	.history .view_list li dd li::after { content: ""; width: 7px; height: 7px; margin-top: -4px; display: block; background: #b6c6e9; border-radius: 4px; position: absolute; z-index: 2; top: 50%; left: -27px; }
	.history .view_list li dl:nth-child(even) dd li::after { left: -27px; }
	.history .view_list li dd span { margin-right: 10px;font-weight:500}
	.wrap_fbasis {background:url(/pages/basic/img/sub/fbasisbg.png) no-repeat right bottom;position:relative; width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #d1d7de}
		
	/* 친환경 */
	.ecocar_vision{min-height:1570px; background:url(/pages/basic/img/sub/eco_bg.png) no-repeat center 150px}
	.ecocar_vision h3{line-height:21px;font-size:18px;;padding:25px 10px;margin-bottom:10px}
	.ecocar_vision dl{width:100%;height:auto;margin-bottom:10px;top:0;}
	.ecocar_vision dl dd{height:auto;min-height:auto}
	.ecocar_vision h4{position:relative;left:50%;margin-left:-100px;top:30px;background:#3879af}
	.ecocar_vision .ecocar_box1{position:relative;top:70px;float:left;left:0;background:#fff;width:48%;margin-right:10px;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px}
	.ecocar_vision .ecocar_box2{position:relative;top:70px;float:left;right:0;background:#fff;width:48%;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px}
	.ecocar_vision .ecocar_box1 h5{margin-left:10px}
	.ecocar_vision .ecocar_box2 h5{margin-left:10px}
	.ecocar_vision dl{top:80px}
	span.left_triangle{display:none}
	span.right_triangle{display:none}
	
	/*친환경*/
	.ecocar_vision dl dt{min-height:30px}
	/* 친환경 추진체계 */
	.s0202_system{width:100%;background:url(/pages/greencar_en/img/sub/s0202_msystem.jpg) no-repeat center bottom;height:1130px}
	.s0202_system h4{position:relative;width:100%;left:auto;top:auto;padding:20px 10px;background:#80bc3a;box-sizing:border-box;text-align:center;margin:0;height:auto }
	.s0202_system h4 br{display:none}
	.s0202_system h5{position:relative;padding:10px 0;border-radius:5px;margin:5px 0}
	.s0202_system h5.s0202_t1{left:auto;top:auto;background:#0662b0;color:#fff}
	.s0202_system h5.s0202_t2{left:auto;top:auto;right:auto;background:#94c11f;color:#fff}
	.s0202_system h5.s0202_t3{left:auto;top:auto;background:#009fe2;color:#fff}
	.s0202_system h5.s0202_t4{left:auto;top:auto;right:auto;background:#5fc4cd;color:#fff}
	.s0202_system dl{float:none}
	.s0202_system dl.s0202_dl1{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%}
	.s0202_system dl.s0202_dl2{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%}
	.s0202_system dl.s0202_dl3{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%}
	.s0202_system dl.s0202_dl4{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%}

	/* 기업지원 */
	.business_support li a{padding:10px 60px 10px 10px;font-size:13px}

	/* 클린디젤 */
	.infra_txt2 img{width:100%}
	.infra_title dd{width:35%;height:auto;}
	.infra_txt dt{min-height:220px;height:auto;padding:100px 5px}
	.infra_txt dd{width:35%;height:auto;min-height:220px;padding:10px}
	.infra_txt2 dd{width:35%;height:325px;}
	.infra_txt2 dt{height:auto}

	/* 수소스테이션 */
	.h2station_box{padding:0px 10px 0px 0px;}

/* 광주형일자리 */
.sub0206_box{width:100%;}
.sub0206_conbox{margin-bottom:10px;}
.sub0206 h4.sub0206_con1{float:none; margin:30px auto 0 auto;}
.sub0206 h4.sub0206_con2{float:none; margin:30px auto 0 auto;}
.sub0206 h4.sub0206_con3{float:none; margin:30px auto 0 auto;}
span.left_add{display:none;}
span.right_add{display:none;}

}
	

/****** Mobile ******/
@media screen and (max-width:500px){
 	/* 광주형일자리 */
	.sub0206 h3{font-size:18px;text-align:center;padding:25px 0;}
	.sub0206_box ul li.middle{width:90%; margin:0 auto;}
	.sub0206 h4.sub0206_con1{position:relative;float:none;margin:25px auto 0 auto;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%}
	.sub0206 h4.sub0206_con2{position:relative;float:none;margin: 25px auto 0 auto;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%}
	.sub0206 h4.sub0206_con3{position:relative;float:none;margin: 25px auto 0 auto;top:0;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%}
	span.left_add{width:23px; height:23px; position:relative;top:0;float:none;}
	span.right_add{width:23px; height:23px; position:relative;top:0;float:none;}
 
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
	/* 공통 */
	/*테이블*/
	.table_type1 .m_info, .table_type2 .m_info, .table_type3 .m_info{display:none}

	.img_type2 img{width:100%}

	/* 인사말 */
	.greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom / 50%;padding:20px 330px 0 0;}
	.greed_top .title{font-size:20px;font-family:Nanum Myeongjo;font-weight:400;margin-bottom:50px}
	.greed_top .title br{display:none}

	/* 비전과목표 */
	.vision_h3_type {left:0}
	.value_box ul li{width:150px; height:150px; padding:25px 10px}
	.value_box ul li.value1{left:16%}
	.value_box ul li.value2{left:34%; padding-top:45px}
	.value_box ul li.value3{left:55%; padding-top:45px}
	.value_box ul li.value4{left:73%; padding-top:35px}

	.goals_box{height:200px}
	.goals_box ul{width:90%; left:9%}
	.goals_box ul li{width:250px; height:200px; background-size:contain; padding:112px 10px 50px}
	.goals_box ul li.goal1{left:0%}
	.goals_box ul li.goal2{left:23%}
	.goals_box ul li.goal3{left:46%}

	.strategy_box{height:140px}
	.strategy_box ul li{height:140px}

	.push_box{height:290px}
	.push_box > ul > li{min-height:290px}

	.assignment_box{height:360px}


	/* 친환경 */
	.ecocar_vision{min-height:1520px; background:url(/pages/basic/img/sub/eco_bg.png) no-repeat center 140px}
	.ecocar_vision h3{line-height:21px;font-size:18px;;padding:25px 10px;margin-bottom:10px}
	.ecocar_vision dl{width:100%;height:auto;margin-bottom:10px;top:0;}
	.ecocar_vision dl dd{height:auto;min-height:auto}
	.ecocar_vision h4{position:relative;left:50%;margin-left:-100px;top:53px;background:#3879af;padding-top:28px;width:200px;height:200px;}
	.ecocar_vision .ecocar_box1{position:relative;top:155px;float:left;left:0;background:#fff;width:49%;margin-right:10px;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px}
	.ecocar_vision .ecocar_box2{position:relative;top:155px;float:left;right:0;background:#fff;width:49%;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px}
	.ecocar_vision .ecocar_box1 h5{margin-left:10px}
	.ecocar_vision .ecocar_box2 h5{margin-left:10px}
	.ecocar_vision dl{top:150px}
	span.left_triangle{display:none}
	span.right_triangle{display:none}


	/* 친환경 추진체계 */
	.s0202_system{width:650px;background:url(/pages/basic/img/sub/s0202_tbg.jpg) no-repeat center 60px;padding-top:10px}
	.s0202_system h4{padding-top:130px;width:188px}
	.s0202_system h5.s0202_t1{left:90px;top:160px}
	.s0202_system h5.s0202_t2{right:63px;top:160px}
	.s0202_system h5.s0202_t3{left:96px;top:540px}
	.s0202_system h5.s0202_t4{right:58px;top:528px}
	.s0202_system dl.s0202_dl1{padding:0 50px 40px 0; text-align:left}
	.s0202_system dl.s0202_dl2{padding:0 0px 40px 50px}
	.s0202_system dl.s0202_dl3{padding:300px 50px 0 0; text-align:left}
	.s0202_system dl.s0202_dl4{padding:300px 0 0 50px}
	.s0202_system dl.s0202_dl2 br{display:none}

	/* 클린디젤 */
	.infra_txt2 img{width:100%}
	.infra_title dd{width:35%}
	.infra_txt dd{width:35%}
	.infra_txt2 dd{width:35%}

/* 광주형일자리 */
.sub0206_box{width:100%;}
.sub0206_conbox{margin-bottom:10px;}
.sub0206 h4.sub0206_con1{float:none; margin:30px auto 0 auto;}
.sub0206 h4.sub0206_con2{float:none; margin:30px auto 0 auto;}
.sub0206 h4.sub0206_con3{float:none; margin:30px auto 0 auto;}
span.left_add{display:none;}
span.right_add{display:none;}

}


/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){
	/* 친환경 */
	.ecocar_vision{width:100%;margin:0 auto}

}