@charset "utf-8";
/* 공통 */
.h3_butt{clear:both;padding-top:10px;line-height:30px;font-weight:700;font-size:17px;color:#000;background:url('/pages/basic/img/sub/h3_title.gif') 3px 16px no-repeat;padding-left:28px;margin-top:20px;clear:both}
.h4_butt{clear:both;font-size:15px;font-weight:500;margin-left:5px;color:#374c8a;line-height:22px;letter-spacing:-.02em;padding-bottom:5px;padding-top:3px;background:url('/pages/basic/img/sub/h4_title.gif') 0 7px no-repeat;padding-left:19px;clear:both}
.h5_butt{clear:both;font-size:14px;font-weight:400;margin-left:10px;color:#333;line-height:20px;letter-spacing:-.02em;padding-bottom:5px;background:url('/pages/basic/img/sub/h5_title.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/basic/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_dw{background:url('/pages/basic/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/basic/img/sub/icon_link.png') right 12px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_link{background:url('/pages/basic/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/basic/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.pdf_download {background:url('/pages/basic/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}

.img_c{text-align:center}
.img_c img{text-align:center}

.head_top_butt{margin-top: 50px;font-size:24px; padding:0; line-height: 40px; background:url('/pages/basic/img/sub/h3_title03.png') 0px top no-repeat;}

.person_in_charge{border:1px solid #ddd; padding:16px 25px; font-size:16px; color:#444; margin-top: 30px; background: #fcfcfc;}
.person_in_charge span.person{background:url('/pages/basic/img/sub/person_icon.png') left no-repeat;padding-left: 22px;}
.person_in_charge span.call{background:url('/pages/basic/img/sub/call_icon.png') left no-repeat;padding-left: 18px;margin-left: 20px;}

.propel_wrap{min-height:260px; margin-bottom:30px;}
.propel_wrap dl{width: calc(100% / 3 - 10px); float:left;    margin: 0 5px;}
.propel_wrap dt{font-size:14px; font-weight:400; text-align:center;}
.propel_wrap dt span{font-size:15px;display:block;letter-spacing: -0.03em;}
.propel_wrap dd{width:100%}
.propel_wrap dd img {width:100%;}

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

/* 로그인 */
.login_bg{font-size:50px;font-weight:900;text-align:center;padding:170px 0 50px;color:#ddd;letter-spacing:-2px;background:url(/pages/basic/img/sub/login_bg.jpg) no-repeat center 30px}
.login_box{width:480px;margin:0 auto;box-sizing:border-box;padding:40px 0}
.login_box fieldset{position:relative}
.login_box dl input{float:left;margin-bottom:7px;width:320px;height:40px;border:1px solid #ddd;color:#585858;text-indent:10px;border-color:#b6b6b6 #dfdfdf #dfdfdf #b6b6b6}
.login_box h3{text-align:center;padding:0 0 35px 0;font-weight:200;font-size:28px;line-height:32px;letter-spacing:-.08em;color:#222}
.login_box h3 span{font-weight:500}
.login_box .btn_login{position:absolute;right:0;width:150px;height:92px;line-height:90px;color:#fff;font-weight:600;margin-left:10px;border-radius:3px;cursor:pointer;background:#1f72a7 url('/pages/basic/img/sub/login_btn_ico.png') 32px center no-repeat;border:0;padding-left:15px}
.login_box .btn_login:hover{background-color:#1c4478}
.login_box .id_save{float:left;width:100%;padding-top:10px}
.login_box .id_save input{margin-right:4px}
.login_type{margin:20px 0;width:100%;box-sizing:border-box;border-top:1px solid #ddd}
.login_type li{position:relative;line-height:68px;border-bottom:1px dotted #ddd;height:70px;padding-left:4px;color:#666}
.login_type li strong{color:#000;font-size:16px;padding-right:7px}
.login_type li span{color:#e64c4c;font-size:13px}
.login_type li a.btn{float:right;border-radius:3px;background:#6e6e6e;width:140px;line-height:45px;text-align:center;color:#fff;font-size:13px;margin-top:16px}
.login_type li a.btn2{float:right;border-radius:3px;background:#fff;width:140px;line-height:38px;text-align:center;color:#666;font-size:13px;border:1px solid #ddd;margin-top:16px}
.login_type li a.btn:hover{background:#666;text-decoration:none;color:#fff;font-weight:600}
.login_type li a.btn2:hover{border:1px solid #999;text-decoration:none;font-weight:700;}

/* 정보입력 */
.join_table_list_group{width:620px;margin:20px auto;overflow:hidden;}
.join_table_list_box{width:100%;border:1px solid #dadada;box-sizing:border-box;float:left;clear:both;background:#fff;padding:15px 50px !important;position:relative}
.join_table_list_box h3{display:inline;margin-right:7px;width:20%;line-height:32px;font-size:14px}
.join_table_list_box span.star{color:#f41e1d;font-weight:600;margin-right:4px;margin-left:-14px}
.leave_table_list_box{width:100%;border:1px solid #dadada;box-sizing:border-box;clear:both;background:#fff;padding:15px 20px;position:relative}

.type_input_t{border:0;padding:7px 10px;color:#555;font-size:13px;width:74%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px}
.type_input_t2{border:0;padding:7px 10px;color:#555;font-size:13px;width:20%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px}
.type_input_t3{border:0;padding:7px 10px;color:#555;font-size:15px;width:20%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px}
.br_t_n{border-top:0 !important}
.join_info_ok{color:#577FBD;letter-spacing:-.02em;line-height:18px;display:block;clear:both}
.join_info_normal{color:#777;letter-spacing:-.02em;line-height:18px;display:block;clear:both}
.join_info_normal2{color:#777;letter-spacing:-.02em;line-height:18px;display:block;clear:both;padding-bottom:7px;padding-left:3px}
.join_info_error{color:red;letter-spacing:-.02em;line-height:18px;display:block;clear:both}
.fixed_p{font-size:15px;color:#000;line-height:35px;font-weight:700}
.passwd_1{padding-left:22%;font-size:12px !important}

/* 아이디/비밀번호찾기 */
.find_idpw_wrap{width:880px;margin:0px auto;overflow:hidden}
.find_idpw_wrap .idbox_wrap{float:left;width:420px;border:1px solid #d9d9d9;box-sizing:border-box;border-radius:10px;padding:35px 40px 45px;box-sizing:border-box;margin:50px 20px 0 0;min-height:450px}
.find_idpw_wrap .idbox_wrap dt{color:#000;font-weight:600;font-size:20px;line-height:23px;border-bottom:1px dotted #999;padding:0 0 10px 0}
.find_idpw_wrap .idbox_wrap dd{line-height:20px;color:#666;padding-top:10px;font-size:13px}

.find_idpw_wrap .find_list{padding:15px 0 0 0}
.find_idpw_wrap .find_list ul li{float:left;width:100%;padding:4px 0 0 2px}
.find_idpw_wrap .find_list label{float:left;cursor:normal}
.find_idpw_wrap .find_list .sel{float:left;width:55px;height:30px;margin-left:3px;text-indent:2px;min-width:55px;color:#666}
.find_idpw_wrap .find_list p.label_type{padding:5px 10px 0 0;width:57px}
.find_idpw_wrap .find_list input{float:left;height:28px;text-indent:5px;border:none;border-bottom:1px solid #ddd;width:100%}
.find_idpw_wrap .find_list input.id_btn{padding:0 !important;width:100%;display:block;float:left;border:1px solid #7ba1a1;background:#97a7b9;height:43px;line-height:38px;font-size:12px;box-sizing:border-box;color:#fff;font-weight:500;margin:20px 0 0 4px;cursor:pointer}
.find_idpw_wrap .find_list input.pw_btn{padding:0 !important;width:100%;display:block;float:left;border:1px solid #494949;background:#606060;height:43px;line-height:38px;font-size:12px;box-sizing:border-box;color:#fff;font-weight:500;margin:20px 0 0 4px;cursor:pointer}
.find_idpw_wrap .find_list input.id_btn:hover{text-decoration:underline}
.find_idpw_wrap .find_list input.pw_btn:hover{text-decoration:underline}
.find_idpw_wrap .mb_alert{font-size:12px;line-height:28px;color:#777;background:#f8f8f8;border-radius:10px;display:block;float:left;margin-left:15px;padding:0 15px;box-sizing:border-box}

/* 부가정보 > 사이트맵 */
#sitemap{width:100%;background:#fff;overflow:hidden}
#sitemap ul li{float:left;width:32%;position:relative;margin:10px 10px 0 0;min-height:360px;box-sizing:border-box;border-radius:10px}
#sitemap ul li:last-child{margin-right:0 !important}
#sitemap ul li a{padding:11px;text-align:center;font-weight:500;background:#5989bf ;color:#fff;line-height:22px;font-size:17px;letter-spacing:-1px; display:block;border-bottom:1px solid #ddd;border-radius:5px;}

#sitemap ul li ul li{height:auto;border:none;padding:0;width:100%;margin:0;min-height:auto}
#sitemap ul li ul li a{font-weight:normal;background:#fff;padding:0;color:#666;border:1px solid #d1dfee;padding:8px;border-radius:5px;font-size:14px;line-height:23px;margin-bottom:2px}
#sitemap ul li ul li a:hover{color:#222;text-decoration:none;font-weight:600}
#sitemap .site_depth2{margin-top:2px}

/* 큰 컬러버튼 스타일 */
.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 a { display:inline-block;min-width:60px;background-color:#fff;padding:8px 25px 11px;background:#fff;font-size:14px;color:#4b7dae;border:1px solid #8ac1d7;font-weight:500; text-align:center;line-height:145%;border-radius:4px;margin:2px	}
.bluebtn a:hover { background-color:#8ac1d7;color:#fff;}


.blue-greenbtn_box{    position: relative;width:260px; margin:0 auto;}
.blue-greenbtn { display:inline-block;background:#4f7090;padding:8px 55px 11px;font-size:14px;color:#fff;font-weight:500; text-align:center;line-height:145%;border-radius:4px; margin: 5px auto;	}
.blue-greenbtn:hover { background-color:#32506d;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 20px 15px}
.ul_type1 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#444}
.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:13px 10px;font-size:14px;position:relative}
.table_type1 th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#fff}
.table_type1 th:last-child:before{background:none}
.table_type1 tbody th{background:#7badd4;font-weight:normal}
.table_type1 td{color: #666;padding:10px;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:1px 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: #7faacb;color: #fff;padding:17px 15px;font-size:14px}
.table_type3 tbody th{background:#7faacb;font-weight:normal}
.table_type3 td{color: #868686;padding:15px;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:17px 15px;font-weight:bold;font-size:14px}
.table_type4 tbody th{background:#f9f9f9;font-weight:normal}
.table_type4 td{color: #868686;padding: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;display:block;box-sizing: border-box;width:100%;clear:both;float:left;margin-bottom:20px;background:#fff}
.tab_type1 a {width:30%;box-sizing:border-box;border:1px solid #ddd;margin-left:-1px;display:block;float:left;white-space:nowrap;text-overflow:ellipsis;line-height:16px;padding:20px 10px;text-align:center;color:#555;}
.tab_type1 a:hover{color:#333;background:#f5f5f5;font-weight:700;text-decoration:none}
.tab_type1 a.on{font-weight:700;color:#333;border-bottom:none;border-top:3px solid #3dae2d;font-size:15px}

#board_total_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:27px;background:url('/pages/basic/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/basic/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/basic/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;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 }
.p_box5{float:left;border:1px solid #ddd;box-sizing: border-box;padding:18px 20px 13px 15px;margin:2px 0 15px 0;width:100%;border-radius:7px}
span.star{font-weight:700;color:#e6224c !important;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;}


 .worksp1{float:left; width:30%}
.worksp2{float:left; width:65%; margin-left:25px}

/* 로그인 */
/*
#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%}
.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}
.join_step4_box .btn_type2{background:#22b773;padding:6px 20px; border-radius:4px;color:#fff}
.agreeCheck {position:relative; padding:6px 0 20px; text-align:right; width:100%;}
#join_step_wrap .btn_box{text-align:center;}
#join_step_wrap .btn_box a{cursor:pointer;display:inline-block;width:130px;box-sizing:border-box;border-radius:3px;}
#join_step_wrap .btn_box .btn_prev{background:#ddd;color:#333;padding:10px 20px;height:43px}
#join_step_wrap .btn_box .btn_next{background:#1b8664;color:#fff;padding:10px 20px;height:43px}




/* 본인인증 */
.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:1px 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: 15px 35px; text-align:left;font-size:14px}
.table_type4 tbody th{background:#f9f9f9;font-weight:normal}
.table_type4 td{color: #868686;padding: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:0;border-radius:0;}

.wfull_95{width:95%}

/* 인사말 */
.wrap_introduce{width:100%; margin-top:30px}
/*.wrap_introduce{width:100%; background:url(/pages/basic/img/sub/2025_insa_w.png) no-repeat right 30px; margin-top:30px}*/
/*.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}*/
.wrap_introduce .title{font-size: 22px;
    font-weight: 400;
    margin-top: 50px;
    line-height: 34px;}
.wrap_introduce .txt{color:#5cb855;font-weight:600;padding:30px 0;font-size:15px}
p.sign{padding:40px 0;text-align:left;font-weight:600;font-size:16px}
.insa{width: 100%;
    font-size: 16px;
    text-align: justify;}
.insa .insa1{width:65%}
.wrap_introduce p{font-size:16px; 
    letter-spacing: -1px;
    line-height: 24px;}


/* 비전과목표 */
.vision_goals_box{background-size:100%; padding-top:20px}
.vision_h3_type{position:absolute; left:0px; width:150px; font-size:26px; color:#3c576e;}

.vision_box {border:1px solid #3c86c7; border-top:5px solid #3c86c7;background:#fff; position:relative; padding:37px 30px 30px; width:90%; margin:0 auto 40px ; 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}


.value_box{position:relative; height:230px; background:url('/pages/basic/img/sub/sub_vision_bg001.jpg') no-repeat right 0;  margin-bottom:15px}
.value_box h3 { top:70px; width:120px }
.value_box ul li {width:135px; height:135px; border-radius:50%; float:left; padding:58px 10px; box-sizing:border-box; text-align:center; font-size:18px; color:#fff; font-weight:400; position:absolute;}
.value_box ul li.value1 {background:#afcb2a; top:30px; left:21.5%}
.value_box ul li.value2 {background:#5eb543; top:30px; left:42%}
.value_box ul li.value3 {background:#38a07f; top:30px; left:61.5%}
.value_box ul li.value4 {background:#407ecb; top:30px; left:82%}

.goals_box{position:relative; height:195px;margin-bottom:25px;  background:url('/pages/basic/img/sub/sub_vision_bg002.jpg') no-repeat right 70px;}
.goals_box h3 { top:65px; width:120px}
.goals_box ul {position:relative;width:80%; left:8%;margin:0 auto}
.goals_box ul li {width:145px; height:145px;  border-radius:50%; float:left; padding:40px 0px 0px 0; box-sizing:border-box; text-align:center; font-size:16px; color:#3d3d3d; font-weight:500; position:absolute; background:#fff;}
.goals_box ul li.goal1{top:0px; left:4%; border:solid 10px #afcb2a;}
.goals_box ul li.goal2{top:0px; left:30%;  border:solid 10px #5eb543}
.goals_box ul li.goal3{top:0px; left:55%;  border:solid 10px #38a07f}
.goals_box ul li.goal4{top:0px; left:80%;  border:solid 10px #407ecb}

.strategy_box{position:relative; height:285px;margin-bottom:25px;  background:url('/pages/basic/img/sub/sub_vision_bg003.jpg') no-repeat right 100px;}
.strategy_box h3 { top:85px; width:120px}
.strategy_box ul {position:relative;width:80%; height:auto; left:8%;margin:0 auto}
.strategy_box ul li {position:absolute;width:130px; height:145px;  background:url('/pages/basic/img/sub/strategy_libg.png') no-repeat left 0; color:#fff;text-align:center; font-size:16px;font-weight:500; float:left;  padding:40px 0 0 0; }
.strategy_box ul li.strategy1{top:0px; left:2%; }
.strategy_box ul li.strategy2{top:95px; left:22%; }
.strategy_box ul li.strategy3{top:0px; left:41%;}
.strategy_box ul li.strategy4{top:95px; left:62%;}
.strategy_box ul li.strategy5{top:0px; left:82%;}

.push_box{position:relative; height:160px;}
.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:160px}
.push_box > ul > li > ul {margin:0}

.assignment_box{position:relative; height:145px;}
.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:140px}
.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; margin-top:50px}
.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}

.cinew{width:100%;display: flex;justify-content: center;align-items: center;margin: 50px 0px 30px  0;}
.ci_left{width:50%; text-align:center}
.ci_left ul {margin-top:10px}
.ci_left ul li{    width: calc(100% /2 - 25px);
    float: left;
    margin: 0px 10px;
    text-align: center;
    background: #333;
    padding: 10px 0;
    }
.ci_left ul li.btn1{background: #006eb6;}
.ci_right{width:50%; font-size:15px; margin-top:25px}
.ci_left ul li a{color:#fff}
.ci_etc{width:100%;border: solid 3px #e3e2e2;text-align:center;padding: 30px 0;}


/* 친환경 */
.ecocar_vision{padding:15px 0;position:relative;height:700px;width:100%;background:url(/pages/basic/img/sub/eco_bg.png) no-repeat center 100px}
.ecocar_vision h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px}
.ecocar_vision h3 span{color:#3879af;font-weight:600}
.ecocar_vision h4{background:#3879af;font-size:18px;color:#fff;text-align:center;position:absolute;left:50%;top:150px;padding-top:70px;width:200px;height:200px;margin-left:-100px;box-sizing:border-box;border-radius:50%}
.ecocar_vision .ecocar_box1{background:none;border:1px solid #ddd;width:250px;height:190px;padding:0 20px;position:absolute;left:20px;top:170px;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:190px;padding:0 20px;position:absolute;right:20px;top:170px;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;}
.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:220px}
.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:235px;border-top:12px       solid transparent; border-bottom:12px solid transparent;border-right:12px solid #a7b8c6}
span.right_triangle{position:absolute;right:290px;top:235px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6}


/* 친환경 구축사업 */
.ecocar_build{padding:15px 0;position:relative;height:700px;width:100%;background:url(/pages/basic/img/sub/eco_bg3.png) no-repeat center 215px}
.ecocar_build .ecocar_buildbox{background:none;border:1px solid #ddd;width:100%;    padding: 20px 20px 0px;position:absolute;box-sizing:border-box}
.ecocar_build .ecocar_buildbox h5{font-size:16px;color:#333;padding:5px 0;position:relative;border-bottom: 1px dotted #0575c7;}
.ecocar_build .ecocar_buildbox h5 span{background: #0575c7;color: #fff; padding: 3px 8px 5px;border-radius: 5px;}
.ecocar_build dl{float:left;position:relative;width:32%;float:left;height:240px;top:295px;margin-right:10px}
.ecocar_build dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0;}
.ecocar_build 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:220px}
.ecocar_build dl dd .ul_type4 li{width:100%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px}
.ecocar_build .ecocar_buildbox .ul_type1{margin: 10px 0 20px 15px;}
.ecocar_build .ecocar_buildbox .ul_type1 li span{font-size: 12px;padding-left: 20px;color: #666;}



/* 국가인적자원개발컨소시엄 공동훈련센터 */
.sub0208_wrap .sub0208_box {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px;box-sizing: border-box;}
.sub0208_wrap .sub0208_box h5 {font-size: 16px; text-align: center;  color: #333; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;}
.sub0208_wrap .sub0208_box2 {position: relative; background: url(/pages/basic/img/sub/arrow_bg.png) no-repeat center top;width: 870px;height: 372px; margin: 30px auto;}
.sub0208_wrap .sub0208_box2 dl {position: relative;display: block; top: 50px; width: 48.8%;float: left; height: 240px;  margin: 30px 5px;}
.sub0208_wrap .sub0208_box2 dl dt {background: #9abcd5;color: #fff; text-align: center;  padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;}
.sub0208_wrap .sub0208_box2 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: 220px;}

.sub0208_wrap2 {position: relative;}
.sub0208_wrap2 .sub0208_box3 {position: relative; width: 870px;margin: 0 auto;}
.sub0208_wrap2 .sub0208_box3 dl {position: relative;display: block; width: 32%;float: left;margin: 0 5px 100px;}
.sub0208_wrap2 .sub0208_box3 dl dt {color: #fff; text-align: center;  padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;}
.sub0208_wrap2 .sub0208_box3 dl.sub0208_green dt{background: #408e01;}
.sub0208_wrap2 .sub0208_box3 dl.sub0208_blue dt{background: #0a58ce;}
.sub0208_wrap2 .sub0208_box3 dl.sub0208_purple dt{background: #7c0fb4;}
.sub0208_wrap2 .sub0208_box3 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: 200px;}
.sub0208_wrap2 .sub0208_box3 dl dd p {border:1px solid #ddd; padding:5px 10px;}
.sub0208_wrap2 span.triangle1{position:absolute;left:286px;top:130px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6}
.sub0208_wrap2 span.triangle2{position:absolute;right:291px;top:130px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6}

.sub0208_wrap .sub0208_box4 {position: relative; background: url(/pages/basic/img/sub/arrow_bg.png) no-repeat center top;width: 870px;height: 372px; margin: 30px auto;}
.sub0208_wrap .sub0208_box4 dl {position: relative;display: block; top: 50px; width: 23.8%;float: left; height: 240px;  margin: 30px 5px;}
.sub0208_wrap .sub0208_box4 dl dt {background: #9abcd5;color: #fff; text-align: center;  padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;}
.sub0208_wrap .sub0208_box4 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: 220px;}

/* 인공지능중심산업 융합집적단지 조성사업 */
.sub0209_wrap{padding:15px 0;position:relative;height:865px;width:100%;background:url(/pages/basic/img/sub/sub0209_wrap_bg.png) no-repeat center 100px}
.sub0209_wrap h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px}
.sub0209_wrap h4{font-size:18px;color:#fff;text-align:center;position:absolute;left:50%;top:136px;padding-top:10px;width:100px;height:100px;margin-left:-55px;}

.sub0209_wrap dl{float:left;position:relative;width:32%;float:left;height:240px;top: 230px;margin-right:10px}
.sub0209_wrap dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0;}
.sub0209_wrap 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:289px;background: #fff;}
.sub0209_wrap dl dd .ul_type4 li{width:100%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px}
.sub0209_wrap h5{position: absolute; bottom: 143px; left: 29%;width: 427px;font-size: 17px; color: #fff; margin: 0 auto; text-align: center;}
p.sub0209_p {border-top:1px solid #88bee7; color:#0b2d5d; text-align:center; font-size:18px;font-weight: 600; padding-top: 10px;margin-bottom: 30px;}

.sub0209_wrap2 {background: #fff url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center bottom; width:100%; height:309px;}
.sub0209_wrap2 h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;margin-top: 50px;border-radius:5px}
.sub0209_wrap2 .sub0209_box2 {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px 20px;box-sizing: border-box;position: relative;display: inline-block;}
.sub0209_wrap2 .sub0209_box2 h5 {font-size: 16px; text-align: center;  color: #fff; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;}
.sub0209_wrap2 .sub0209_box2 ul {position: relative; display: block;}
.sub0209_wrap2 .sub0209_box2 li {width: 30%; float: left;  text-align: center; color: #fff; background: #555; padding: 5px 10px; margin: 0 2px; border: 1px solid #ddd; position: relative; display: inline-block; }

.sub0209_wrap3 {background: #fff url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center bottom; width:100%; height:312px;}
.sub0209_wrap3 .sub0209_box3 {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px 20px;box-sizing: border-box;position: relative;display: inline-block;}
.sub0209_wrap3 .sub0209_box3 h5 {font-size: 16px; text-align: center;  color: #fff; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;}
.sub0209_wrap3 ul{margin-top:10px; position: relative; display: block; height: 100px;}
.sub0209_wrap3 li {float:left; width:25%; height: 30px;padding-top: 70px;text-align:center; position: relative; display: inline-block; }
.sub0209_wrap3 li.sub0209_icon1{background:url(/pages/basic/img/sub/sub0209_icon1.png) no-repeat center top;}
.sub0209_wrap3 li.sub0209_icon2{background:url(/pages/basic/img/sub/sub0209_icon2.png) no-repeat center top;}
.sub0209_wrap3 li.sub0209_icon3{background:url(/pages/basic/img/sub/sub0209_icon3.png) no-repeat center top;}
.sub0209_wrap3 li.sub0209_icon4{background:url(/pages/basic/img/sub/sub0209_icon4.png) no-repeat center top;}

.sub0209_wrap4 {position: relative; width: 870px;height: 355px; margin: 30px auto;}
.sub0209_wrap4 dl {position: relative;display: block; width: 48.8%;float: left; height: 240px;  margin:0px 5px;}
.sub0209_wrap4 dl dt {background: #9abcd5;color: #fff; text-align: center;  padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;}
.sub0209_wrap4 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: 220px;}




/* 광주형일자리 */
.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; margin: 30px 0;border-radius:5px}
.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}








/* 친환경 추진체계 */
.s0202_system{position:relative;height:825px;background:url(/pages/basic/img/sub/s0202_bg.png) no-repeat center top;width:870px;margin:0 auto}
.s0202_system h4{position:absolute;width:168px;height:200px;padding:40px 0;text-align:center;left:50%;margin-left:-88px;top:210px;font-size:21px; z-index:99;color:#fff;line-height:26px}
.s0202_system h4 span{display:block;font-size:14px;font-weight:300;line-height:18px;margin-top:4px}
.s0202_system h5{font-size:15px;line-height:19px;position:absolute;color:#333;text-align:center;z-index:99}
.s0202_system h5.s0202_t1{left:219px;top:85px}
.s0202_system h5.s0202_t2{right:232px;top:70px}
.s0202_system h5.s0202_t3{left:216px;top:421px}
.s0202_system h5.s0202_t4{right:232px;top:432px}
.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}



/* 클린디젤 */
.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:120px}
.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:120px}
.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}

/* 입주신청 */
.movein_step dl{box-sizing:border-box;width:16.6%;float:left;margin-right:5px;text-align:center;min-height:120px;margin:20px 0px 20px 0px;position:relative;border-right:1px solid #fff;height:130px}
.movein_step dl.step01{background:#6dafd8 url(/pages/basic/img/sub/movein_step01.png) no-repeat left top}
.movein_step dl.step02{background:#4696c8 url(/pages/basic/img/sub/movein_step02.png) no-repeat left top}
.movein_step dl.step03{background:#287aad url(/pages/basic/img/sub/movein_step03.png) no-repeat left top}
.movein_step dl.step04{background:#0f659b url(/pages/basic/img/sub/movein_step04.png) no-repeat left top}
.movein_step dl.step05{background:#004774 url(/pages/basic/img/sub/movein_step05.png) no-repeat left top}
.movein_step dl.step06{background:#002741 url(/pages/basic/img/sub/movein_step06.png) no-repeat left top}
.movein_step dl dt{font-size:17px;padding:40px 0 0px;color:#fff;font-weight:500;}
.movein_step dl dd{padding:10px;color:#fff}


/* 윤리경영 */
.wrap_ethics {position:relative;width:680px;margin:0 auto;border:1px solid #ddd;border-radius:10px;display:inline-block;width:100%;box-sizing:border-box;padding:30px 0}
.wrap_ethics  .ethtitle {font-family:Nanum Myeongjo; font-size:50px;font-weight:500;line-height:105%;color:#34393b;padding:20px 20px;text-align:center}
.wrap_ethics  .ethtitle span {color:#3c8ad3}
.wrap_ethics  .extext {position:relative;padding:30px 30px 40px;width:680px;line-height:160%;color:#666;text-align:center;border-bottom:1px dashed #aaa;margin:0 auto 40px; }
.wrap_ethics  .textboxgroup {padding:0px 0 0 60px;width:680px;margin:0 auto}
.wrap_ethics  .textboxgroup li {display:block;margin:10px;background:#fff;opacity:0.97;width:100%;margin:0 auto}
.wrap_ethics  .textboxgroup li .number {display:block;width:10%; text-align:center; font-family:Nanum Myeongjo;font-size:20px;line-height:140%; color:#565a5c;padding-top:30px; padding-bottom:6px;float:left;font-weight:700}
.wrap_ethics  .textboxgroup li .conttext {padding:20px;width:80%;display:block;line-height:160%;float:left;height:60px}


/* CI */
.ci{width:100%; margin:0 auto; text-align:center}
.ci img{margin:0 auto}
.ci p{font-size:16px; margin-top:20px; text-align:left}
a.btn_download{display:inline-block;height:40px;line-height:43px;padding:0 28px;margin-right:3px;background:#636b70;font-size:15px;color:#fff;text-align:center;font-weight:400;box-sizing:border-box}
a.btn_download:before{content:'';display:inline-block;width:20px;height:100%;margin-right:10px;background:url(../img/sub/icon_download_wh.png) no-repeat center;vertical-align:top}
a.btn_download:hover{background-color:#273245;text-decoration:none;font-weight:400}
.ci_btn_download{width:100%;height:45px; margin:10px 0}

.type{float:left; width:100%; margin:0 auto; text-align:center; padding-bottom:10px}
.type dl{width:32%; margin:10px 5px; float:left}
.type dl dt{margin-bottom:10px; height:70px}
.type2{float:left; width:100%; margin:0 auto; text-align:center; padding-bottom:40px}
.type2 dl{width:32%; margin:10px 5px; float:left}
.type2 dl dt{margin-bottom:10px; height:170px}
a.btn_download2{display:inline-block;width:98%; height:35px;line-height:35px;padding:0 28px;margin-right:3px;background:#a4a5a6;font-size:14px;color:#fff;text-align:center;font-weight:400;box-sizing:border-box}
a.btn_download2:before{content:'';display:inline-block;width:20px;height:100%;margin-right:10px;background:url(../img/sub/icon_download_wh.png) no-repeat center;vertical-align:top}
a.btn_download2:hover{background-color:#273245;text-decoration:none;font-weight:400}

/* 기업애로 */
.bgnone { background:none; padding:0 0 5px 8px; margin:20px 0 0 0;}
.stepbox{margin:0 auto;text-align: center}
.stepbox li {display: inline-block; vertical-align: top; padding-right: 20px; text-align: center; background: url(/pages/basic/img/sub/job_step_arrow.png) no-repeat 100% 40%;}
.stepbox li.bgtop {background: url(/pages/basic/img/sub/job_step_arrow.png) no-repeat 100% 24%;}
.stepbox li dl dt {border-top: 2px solid #333; border-bottom: 1px solid #333; padding: 10px 15px; color: #0562c1;}
.stepbox li dl dd {padding: 15px; border-bottom: 1px solid #ccc;}
.stepbox li:last-child {background: none;}

.sub0605_step_wrap{margin-bottom:80px;}
.sub0605_step_box{width:100%; min-height: 105px;display:block;}
.sub0605_step_box2{width:100%; min-height: 115px;display:block;}
.sub0605_step_img{width:90px; float:left; margin-right:15px;}
.pdlf7{padding-left:6px; }
.sub0605_step_text{text-align: justify;padding: 5px 0 15px; margin-left:100px; border-bottom:1px solid #e9e9e9;}
.sub0605_step_text2{text-align: justify;padding:0px 0 15px 0; margin-left:103px; border-bottom:1px solid #e9e9e9;}

.way_wrap{position:relative;width:100%}
.way_wrap li{height:230px;float:left;width:22%; padding: 20px 5px 10px 5px; margin-right:15px;text-align: center;color: #fff;}
.way_wrap li:last-child{margin-right:0px;}
.way_01{ background:#a5a4a4}
.way_02{background:#06b6a9}
.way_03{background:#059dcc}
.way_04{ background:#5a8dda}

.way_wrap{height: 260px;margin-bottom: 50px;}
.way_wrap li h2{font-size:15px; letter-spacing:-0.03em; padding: 10px 0 10px;line-height: 20px;}
.way_wrap li .way_h2{margin-top:10px}
.way_wrap li p{line-height: 20px; padding: 0 10px; font-size: 13px;letter-spacing: -0.04em;}

.sub0607{width:100%; margin:0 auto;}
.sub0607_logo{width:244px; margin: 0 auto;}
.sub0607 h1 {text-align:center;color: #555;font-size: 18px; font-weight: 500; line-height: 24px;padding: 5px 0;}
.sub0607 h1 span{color:#3c8ad3}
.sub0607_decoTop{width: 453px;margin: 20px auto;}
.sub0607_decoTop li{width:145px; height:130px;float:left;margin:0 3px;font-size:14px;color: #555;font-weight: 600; text-align: center;padding-top: 70px;}
.sub0607_top01{background:url(/pages/basic/img/sub/sub0607_top01.png) no-repeat;}
.sub0607_top02{background:url(/pages/basic/img/sub/sub0607_top02.png) no-repeat;}
.sub0607_top03{background:url(/pages/basic/img/sub/sub0607_top03.png) no-repeat;}



.sub0607_wrap{position: relative;margin: 0 auto 50px auto; border: 1px solid #ddd; border-radius: 10px; display: inline-block; width: 100%;box-sizing: border-box; padding:10px 0;}
.sub0607_wrap h2{font-size: 25px;font-weight: 500;line-height: 105%; color:#3c8ad3;padding: 20px 20px 10px;text-align: center;}
.sub0607_wrap p{position: relative;padding: 0px 10px 10px;line-height: 160%;color: #666; text-align: center;}
.sub0607_ulBox{margin:0 auto;}
.sub0607_ulBox ul{margin: 0 0 20px 15px;}
.sub0607_ulBox li{    color: #666;padding-left: 14px; position: relative; margin-bottom: 5px; line-height: 135%;}
.sub0607_ulBox li:before {content: '';display: block; position: absolute; left: 5px;top: 8px; width: 3px; height: 3px; background-color: #3b486b;}

/*정보공개 경영공시*/
.tabinfo{width:100%;height:370px}
.tab{width:100%;margin:0 auto;margin-top:0px;padding-bottom:30px;overflow:hidden}
.tab ul{border-left:1px solid #efefef;margin-top:10px}
.tab li {float:left;width:33.33%;position:relative;margin-left:-1px}
.tab li a{display:block;float:left;width:100%;line-height:60px;font-size:15px;color:#58585a;border:1px solid #ddd;font-weight:300;box-sizing:border-box;text-align:center;position:relative}
.tab li a.on, #tab li a:hover.on{color:#fff;font-weight:400;background:#00a0c1;z-index:9}
.tab li a:hover{background:#efefef;text-decoration:none;color:#000}

.tab4{width:320px;margin:0 auto;margin-top:0px;padding-bottom:10px;overflow:hidden}
.tab4 ul{border-left:1px solid #efefef;margin:0 5px}
.tab4 li {float:left;width:45%;  position:relative;margin-right:10px}
.tab4 li a{display:block;float:left;width:100%; border-radius:50%; height:130px;font-size:15px; padding-top:50px;background:#efefef; color:#58585a;border:1px solid #ddd;font-weight:300;box-sizing:border-box;text-align:center;position:relative}
.tab4 li a.on, #tab li a:hover.on{color:#fff;font-weight:400;background:#efefef;z-index:9}
.tab4 li a:hover{background:#00a0c1;text-decoration:none;color:#fff; font-weight:bold}

/* 버튼 */
.btn_apply{position: absolute;float:right; top:440px; cursor:pointer;background:#8a96b1 url(/pages/basic/img/sub/apply_btn_ico.png) right center no-repeat;display:inline-block;min-width:210px;padding:0 18px;height:50px;font-size:16px;line-height:48px;font-weight:500;color:#fff;padding-left:20px;box-sizing:border-box}
.btn_apply:hover{background-color:#707684;text-decoration:none; color:#fff}
.btn_apply a{ color:#fff}


.code_of_conduct{position: relative;width:100%; overflow: auto;}
.code_of_conduct .info{width:100%; margin-top:20px; text-align:right}
.code_of_conduct h1 {font-size: 30px; text-align: center; color: #555;letter-spacing: -0.04em;padding: 20px 0 10px;line-height: 30px;}
.code_of_conduct h2 { font-size: 24px;color: #1461A5; line-height: 36px; font-weight: 400; margin: 40px 0 24px;}
.code_of_conduct h3 { font-size: 20px; color: #506273; line-height: 32px; margin: 30px 0 20px;}
.code_of_conduct h3 span{font-weight:400;margin-left: 13px;font-size: 18px;}
.code_of_conduct p { line-height: 24px; margin-bottom: 20px; color: #555; -ms-word-break: keep-all;word-break: keep-all;}
.code_of_conduct ul, .code_of_conduct ol {list-style: decimal;line-height: 30px; margin-bottom: 15px;}
.code_of_conduct ul li, .code_of_conduct ol li {margin-left: 24px; margin-bottom: 10px;line-height: 22px;}
.code_of_conduct ul.nostyle {list-style: none; margin-top: 10px;}
.code_of_conduct ul.nostyle li {margin-left: 0; margin-bottom: 7px;}
.code_of_conduct table { margin: 10px 0 15px; width: 100%; font-size: 15px; line-height: 20px;display: block; overflow-x: auto;text-align: center;}
.code_of_conduct table th {font-weight: bold; text-align: center; background: #e6e6e6;border: 1px solid #ccc; padding: 8px 10px;}
.code_of_conduct table td {border: 1px solid #ccc;padding: 8px 10px;}

.table_left_align{text-align:left;}


.costumer_board{border:1px solid #e8e8e8; background: #f9f9f9;padding:8px 40px; margin-bottom:10px;letter-spacing:1px;}
.costumer_board span{font-weight:600;}


/****** Mobile ******/
@media screen and (max-width:690px){
	/* 공통 */
	.img_type2 img{width:100%}
	.pc_img{display:none}
	.p_box img{width:100%}
	.m_w100per{width:100%}
	.imgtable img{width:100%}

	a.btn_dw {display:block;margin-top:2px;padding:10px 30px 10px 10px;line-height:17px}

	.ul_type1 li{font-size:13px;line-height:155%}




	/* 이미지삽입 */
	.basicimgbox img {width:100%}
	.m_img{display:block}

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

	.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}

	.worksp1 {
    float: left;
    width: 80%;
        margin-left: 10%;}
			.worksp2 {
    float: left;
    width: 96%;
        margin-left: 2%;}


	/* 인사말 */
		.wrap_introduce{background:none}
	    .wrap_introduce .title {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
    }
	.insa{font-size: 15px;}
	.insa .insa1{width:100%}
	.wrap_introduce p {
    font-size: 14px;}

	.wrap_introduce_m{display:block;}

	.ci img{margin:0 auto; width:100%}
	.type dl{width:98%; }
	.type2 dl{width:98%; }
	.type2 dl dt{margin-bottom:10px; height:auto}
	/* 비전과목표 */
	.vision_goals_box{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:282px; background:none}
	.value_box h3{width:100%; font-size:20px; top:100px;  z-index:20; background:#e1e4e8; width:80px; height:80px;margin:0 auto; border-radius:50%; text-align:center; left:50%; margin-left:-40px;padding-top:29px;box-sizing:border-box; color:#1d3450;}
	.value_box ul {width:260px; margin:0 auto; position:relative;}
	.value_box ul li{width:140px; height:140px; padding:52px 10px; line-height:18px;}
	.value_box ul li.value1{top:0; left:0px}
	.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; left:120px;}

	.goals_box{height:210px;  background:none}
	.goals_box h3 {width:100%; top:0; font-size:20px;}
	.goals_box ul{width:100%; left:0}
	.goals_box ul li {background:none; width:46%;  height:auto; padding:12px; border-radius:10px;; background:#fff; font-size:15px; font-weight:400 }
	.goals_box ul li.goal1{left:0; top:35px; border:solid 5px #afcb2a;}
	.goals_box ul li.goal2{left:48%;top:35px; border:solid 5px #5eb543;}
	.goals_box ul li.goal3{left:0; top:120px; border: solid 5px #38a07f}
	.goals_box ul li.goal4{left:48%;top:120px; border:solid 5px #407ecb;}

	.strategy_box{height:260px; margin-bottom:25px;  background:none}
	.strategy_box h3 {width:100%; top:0; font-size:20px;}
	.strategy_box ul{width:100%; left:0; top:30px}
	.strategy_box ul li{width:42%; min-height:50px; font-size:14px; padding:10px 5px; background:#149e79; border-radius:3%}
	.strategy_box ul li.strategy1{height:auto; left:0; }
	.strategy_box ul li.strategy2{height:auto; left:48%; top:0}
	.strategy_box ul li.strategy3{height:auto; left:0; top:95px; }
	.strategy_box ul li.strategy4{height:auto; left:48%;}
	.strategy_box ul li.strategy5{height:auto; left:0; top:190px;}


	.push_box{height:210px; 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:180px}

	.assignment_box{height:218px}
	.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:188px}
	.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}


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

	/* 오시는길 */
	.direct_box img{width:100%}


	.imgboxe2 li:first-child {width:99%;margin-left:0.5%;margin-bottom:1%}
	.imgboxe2 li {width:99%;margin-left:1%;}

	.imgboxe3 li:first-child {width:99%;margin-left:0.5%;margin-bottom:1%}
	.imgboxe3 li:last-child {margin-left:1%;}
	.imgboxe3 li {width:49%;margin-left:0.5%}

	/* 친환경 */
	.ecocar_vision{min-height:1350px}
	.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_build{min-height:1350px}
	.ecocar_build dl{width:100%;height:auto;margin-bottom:10px;top:0;}
	.ecocar_build dl dd{height:auto;min-height:auto}
	.ecocar_build .ecocar_buildbox{position:relative;}
	.ecocar_build .ecocar_buildbox h5{margin-left:10px}
	.ecocar_build dl{top:110px}


	/* 친환경 추진체계 */
	.s0202_system{width:100%;background:url(/pages/basic/img/sub/s0202_msystem.jpg) no-repeat center bottom;height:1030px}
	.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}

	/* 입주신청 */
	.movein_step dl{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;width:47.5%;float:left;margin-right:0px;text-align:center;min-height:120px;margin:10px 3px;position:relative}

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


	/* 윤리경영 */
	.wrap_ethics  .ethtitle {font-size:25px;letter-spacing:-0.5px;font-weight:600}
	.wrap_ethics  .extext {position:relative; left:0; top:0; width:auto; padding:0 20px;padding-bottom:20px}
	.wrap_ethics  .ethtitle br {display:none}
	.wrap_ethics  .textboxgroup {padding:0 20px; width:100%;margin:0 auto;box-sizing:border-box}
	.wrap_ethics .textboxgroup li .conttext{width:100%;box-sizing:border-box;height:auto;padding:0}
	.wrap_ethics .textboxgroup li .number{width:100%;box-sizing:border-box}

	/* 광주형일자리 */
	.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;}


	.sub0605_step_img{width:60px;margin-top: 20px;}
	.sub0605_step_img img{width:60px;}

	.sub0605_step_box2{padding: 10px 0;}
	.sub0605_step_text{line-height: 20px;margin-left: 84px;font-size: 13px; letter-spacing: -0.03em;}
	.sub0605_step_text2{line-height: 20px;margin-left: 84px;font-size: 13px;letter-spacing: -0.03em;}


	.way_img img{width:75px;}
	.way_wrap li{width: 100%;height: auto;padding:10px 5px;margin-right: 0px;margin-bottom: 10px;}
	.way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;}

	.code_of_conduct table {overflow-x: scroll;width: 878px;overflow: hidden;}


	/* 국가인적자원개발컨소시엄 공동훈련센터 */
	.sub0208_wrap .sub0208_box2{width:100%; height: auto; margin: 30px auto 70px auto;}
	.sub0208_wrap .sub0208_box2 dl {float:none; width:100%; height: auto; margin: 20px 0px;}
	.sub0208_wrap .sub0208_box2 dl dd {min-height: 160px;}

	.sub0208_wrap2 .sub0208_box3{width:100%;}
	.sub0208_wrap2 .sub0208_box3 dl{width:100%; float:none; margin: 0 5px 40px;}
	.sub0208_wrap2 .sub0208_box3 dl dd {min-height: auto;}
	.sub0208_wrap2 span.triangle1{left: 50%; top: 560px;  border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent;  border-right: 12px solid transparent; border-left: 12px solid transparent;}
	.sub0208_wrap2 span.triangle2{left: 50%; top: 820px;  border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent;  border-right: 12px solid transparent; border-left: 12px solid transparent;}


	/* 인공지능중심산업 융합집적단지 조성사업 */
	.sub0209_wrap{background:none; height: 895px;}
	.sub0209_wrap h4 {position: relative;left: 0; top: 10px;  margin: 0;width:100%;height: auto; background:#0a62a6 url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center 100px;; padding:10px 0px;}
	.sub0209_wrap dl {position: relative;height: auto;margin-bottom: 15px;top: 30px;float:none; width:100%; }
	.sub0209_wrap dl dd {min-height: auto;}
	.sub0209_wrap h5{bottom:0; left:0; width: 427px; position: relative; font-size: 17px; padding: 13px 0;  background: #7539a8;  border-radius: 30px; margin: 43px auto 0 auto; text-align: center;}

	.sub0209_wrap2 {height: 350px;}
	.sub0209_wrap2 .sub0209_box2 li {width: 100%;padding: 5px 0px;}
	.sub0209_wrap2 h3 {font-size: 18px;}

	.sub0209_wrap4 {width:100%; height: auto;}
	.sub0209_wrap4 dl{ width:100%; height: auto;float:none; margin: 0 0 20px;}

.btn_apply{display:none}
.cinew {display: block;
        margin-top: 20px;
        float: left;
        font-size: 14px;}
.ci_left{width:100%;}
.ci_right{display: block;
        margin-top: 20px;
        float: left;width:100%; font-size:14px}
.ci_etc img{width:96%}
}


/****** Mobile ******/
@media screen and (max-width:590px){

	/* 친환경 구축사업 */
	.ecocar_build {background: url(/pages/basic/img/sub/eco_bg3.png) no-repeat center 290px;}
	.ecocar_build dl{top:164px}

}

/****** 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;}

	.sub0607_decoTop{width:380px;margin: 5px auto;}
	.sub0607_decoTop li{width:100px;height:80px;font-size: 13px;    padding-top:50px;}
	.sub0607_top01, .sub0607_top02,.sub0607_top03{background-size:100%}


	/*정보공개 경영공시*/
	.tab{width:100%;margin:0 auto;margin-top:0px;padding-bottom:30px;overflow:hidden}
	.tab ul{border-left:1px solid #efefef;margin-top:10px}
	.tab li {float:left;width:48.8%;position:relative;margin-left:-1px;}
	.tab li a{font-size:13px}


	/* 친환경 구축사업 */
	.ecocar_build dl{top:140px}
}


/****** Mobile ******/
@media screen and (max-width:400px){


	.sub0208_wrap2 span.triangle2{left: 50%; top: 840px;  border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent;  border-right: 12px solid transparent; border-left: 12px solid transparent;}


	/* 인공지능중심산업 융합집적단지 조성사업 */
	.sub0209_wrap2 {height: 320px;}
	.sub0209_wrap2 .sub0209_box2, .sub0209_wrap3 .sub0209_box3 {background: #fff;}
	.sub0209_wrap3 {height: 260px;}
	.ci_left img{width:98%}
}


/****** 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%}
	.m_w100per{width:100%}

	/* 인사말 */
	.wrap_introduce{background: url(/pages/basic/img/sub/2025_insa_w.png) no-repeat right 100px; background-size:29%;}
	.wrap_introduce .title{font-size:18px;}
	.wrap_introduce p {
    font-size: 14px;}
	.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}

    .insa{width: 100%;
    font-size: 14px;
    text-align: justify;}
.insa .insa1{width:64%}

	/* 광주형일자리 */
	.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;}

	.propel_wrap dl{width: 100%;float:none;margin: 0 0 10px 0;}

	/* 비전과목표 */
	.vision_h3_type {left:0}
	.value_box{background:none}
	.value_box ul li{width:150px; height:150px; padding:52px 10px; }
	.value_box ul li.value1{left:16%}
	.value_box ul li.value2{left:34%}
	.value_box ul li.value3{left:54%}
	.value_box ul li.value4{left:73%}

	.goals_box{background:none}
	.goals_box ul{width:90%; left:9%}

	.goals_box ul li.goal1{left:2%}
	.goals_box ul li.goal2{left:23%}
	.goals_box ul li.goal3{left:44%}
	.goals_box ul li.goal4{left:65%}

	.strategy_box{height:260px; background:none}
	.strategy_box ul li{height:106px}
	.strategy_box ul li.strategy1{left:0%}
	.strategy_box ul li.strategy2{top:120px; left:18%}
	.strategy_box ul li.strategy3{left:33%}
	.strategy_box ul li.strategy4{top:120px; left:48%}
	.strategy_box ul li.strategy5{left:66%}

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

	/* 오시는길 */
	.direct_box img{width:100%}

	/* 친환경 */
	.ecocar_vision{min-height:1350px}
	.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:-90px;top:53px;background:#3879af;padding-top:55px;width:180px;height:180px;}
	.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}


	/* 친환경 구축사업*/
	.ecocar_build{min-height:1350px}
	.ecocar_build dl{width:100%;height:auto;margin-bottom:10px;top:115px;}
	.ecocar_build dl dd{height:auto;min-height:auto}
	.ecocar_build .ecocar_buildbox{position:relative;}
	.ecocar_build .ecocar_buildbox h5{margin-left:10px}

	/* 친환경 추진체계 */
	.s0202_system{width:650px;height: 920px;background:url(/pages/basic/img/sub/s0202_tbg.jpg) no-repeat center 60px;padding-top:10px}
	.s0202_system h4{padding-top:144px;width:188px}
	.s0202_system h5.s0202_t1{left:105px;top:177px}
	.s0202_system h5.s0202_t2{right:95px;top:164px}
	.s0202_system h5.s0202_t3{left:99px;top:538px}
	.s0202_system h5.s0202_t4{right:98px;top:554px}
	.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%}

	/* 입주신청 */
	.movein_step dl{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;width:32%;float:left;margin-right:0px;text-align:center;min-height:120px;margin:10px 3px;position:relative}

	.sub0605_step_img{width:60px}
	.sub0605_step_img img{width:60px;}
	.sub0605_step_text{margin-left: 84px;font-size: 13px; letter-spacing: -0.03em;}
	.sub0605_step_text2{margin-left: 84px;font-size: 13px;letter-spacing: -0.03em;}

	.way_wrap li{width: 100%;height: auto;padding:10px 5px;margin-right: 0px;margin-bottom: 10px;}
	.way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;}

	.code_of_conduct table {overflow-x: scroll;width: 878px;overflow: hidden;}



	/* 국가인적자원개발컨소시엄 공동훈련센터 */
	.sub0208_wrap .sub0208_box2{width:100%; height: auto; margin: 30px auto 70px auto;}
	.sub0208_wrap .sub0208_box2 dl {float:none; width:100%; height: auto; margin: 20px 0px;}
	.sub0208_wrap .sub0208_box2 dl dd {min-height: 160px;}

	.sub0208_wrap2 .sub0208_box3{width:100%;}
	.sub0208_wrap2 .sub0208_box3 dl{width:100%; float:none; margin: 0 5px 40px;}
	.sub0208_wrap2 .sub0208_box3 dl dd {min-height: auto;}
	.sub0208_wrap2 span.triangle1{left: 50%; top: 585px;  border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent;  border-right: 12px solid transparent; border-left: 12px solid transparent;}
	.sub0208_wrap2 span.triangle2{right: 50%; top: 850px;  border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent;  border-right: 12px solid transparent; border-left: 12px solid transparent;}

	/* 인공지능중심산업 융합집적단지 조성사업 */
	.sub0209_wrap{background:none; height: 895px;}
	.sub0209_wrap h4 {position: relative;left: 0; top: 10px;  margin: 0;width:100%;height: auto; background:#0a62a6 url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center 100px;; padding:10px 0px;}
	.sub0209_wrap dl {position: relative;height: auto;margin-bottom: 15px;top: 30px;float:none; width:100%; }
	.sub0209_wrap dl dd {min-height: auto;}
	.sub0209_wrap h5{bottom:0; left:0; width: 427px; position: relative; font-size: 17px; padding: 13px 0;  background: #7539a8;  border-radius: 30px; margin: 43px auto 0 auto; text-align: center;}

	.sub0209_wrap2 {height: 350px;}
	.sub0209_wrap2 .sub0209_box2 li {width: 100%;padding: 5px 0px;}

	.sub0209_wrap4 {width:100%; height: auto;}
	.sub0209_wrap4 dl{ width:100%; height: auto;float:none; margin: 0 0 20px;}


.ci_left img{width:90%}
.ci img{width:100%}
.ci_right{font-size:14px}
.ci_etc img{width:96%}
}




/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {

	.m_w100per{width:100%}
	/* 비전과목표 */
	.vi_go_box h3{float:none;width:100%}
	.vi_go_box div{float:none;width:100%}

	.border_rndbox ul li{width:33%;border-right:1px dotted #ddd;border-bottom:none;padding:15px}

	.corevalue_box{margin:40px auto;width:670px}
	.corevalue_box h3{left:286px}
	.corevalue_box li.value1{left:170px}
	.corevalue_box li.value2{left:400px}
	.corevalue_box li.value3{left:170px}
	.corevalue_box li.value4{left:400px}

	/* 오시는길 */
	.direct_box img{width:100%}


	/* 친환경 */
	.ecocar_vision{width:100%;margin:0 auto}
	.ecocar_vision h4{left:50%;margin-left:-100px}
	.ecocar_vision .ecocar_box1{left:0}
	.ecocar_vision .ecocar_box2{right:0}


	/* 친환경 추진체계 */
	.s0202_system{width:870px}
	.s0202_system h5.s0202_t1{left:219px;top:87px}
	.s0202_system h5.s0202_t2{right:233px;top:69px}
	.s0202_system h5.s0202_t3{left:216px;top:420px}
	.s0202_system h5.s0202_t4{right:234px;top:432px}

	.way_wrap li{width: 24%;padding:20px 0px 10px;margin-right: 10px;}
	.way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;}

	.value_box{background:none;}
	.goals_box{background:none;}
	.strategy_box{background:none;}
	.strategy_box ul li.strategy2{top:0}
	.strategy_box ul li.strategy4{top:0}

	/* 국가인적자원개발컨소시엄 공동훈련센터 */
	.sub0208_wrap .sub0208_box2{width:100%;}

	.sub0208_wrap2 .sub0208_box3{width:100%;}

}





/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){

	/* 비전과목표 */
	.vi_go_box h3{float:none;width:100%}
	.vi_go_box div{float:none;width:100%}

	.border_rndbox ul li{width:33%;border-right:1px dotted #ddd;border-bottom:none;padding:15px}

	.corevalue_box{margin:40px auto;width:670px}
	.corevalue_box h3{left:286px}
	.corevalue_box li.value1{left:170px}
	.corevalue_box li.value2{left:400px}
	.corevalue_box li.value3{left:170px}
	.corevalue_box li.value4{left:400px}


	/* 오시는길 */
	.direct_box img{width:100%}

	/* 친환경 */
	.ecocar_vision{width:100%;margin:0 auto}


}