/* 서브레이아웃 */
.sub_3depth {
	position: absolute;
	right: 20px;
	font-size: 20px;
	font-weight: bold;
}
.sub_3depth.on{
	font-size: 30px;
}

.sub_contents{border-top:1px solid #ddd}
.sub_contentsbox{width:1400px;margin:0 auto;padding-bottom:50px;position:relative;display:table}

span.ft_rd{color:#e61c1d !important;}

#lnb{float:left;width:280px;margin-right:50px}
#lnb h2{background:#464565;padding:70px 20px 35px;box-sizing:border-box;width:100%;font-size:28px;color:#fff;line-height:30px}
#lnb .sub_2dmenu a{color:#666;padding:17px 20px;width:100%;display:block;font-size:15px;box-sizing:border-box;background:#f2f2f2;margin-bottom:3px;position:relative}
#lnb .sub_2dmenu a.on{background:#fff;border:3px solid #464565;text-decoration:none;padding:17px;color:#333;font-weight:700}
#lnb .sub_2dmenu a:hover{text-decoration:none;background:#ddd}
#lnb .sub_2dmenu a br{display:none}

#lnb .sub_2dmenu li ul{display:block;margin-bottom:3px;border:1px solid #457abb;padding:20px 10px;background:#fff}
#lnb .sub_2dmenu li ul li a{display:block;margin:0;padding:7px 20px;font-size:14px;background:#fff}
#lnb .sub_2dmenu li ul li a.on{background:#457abb;color:#fff;padding:7px 20px;border:none}

#contents{float:left;width:1070px}
#contents .contents_top{padding:90px 0 20px;border-bottom:1px solid #ddd;position:relative}
#contents .contents_top h3{font-size:27px;margin-bottom:10px}
#contents .contents_top h3 br{display:none}
#contents .contents_top p{color:#666;padding:5px 0 0}
#contents .contents_top p br{display:none}
#contents .contentsbox{padding:40px 0;color:#444;position:relative}
.contents_top .info{position:absolute;right:0;bottom:10px}
.contents_top .info .sns{float:left}
.contents_top .info .sns button{font-family:Noto Sans KR;height:36px;line-height:36px;color:#333;background:url(/pages/jepa/img/sub/btn_share.jpg) no-repeat left center;padding-left:25px;text-align:center;border:none;font-size:13px;margin-right:20px;cursor:pointer;position:relative}
.contents_top .info .sns button:hover{font-weight:700}
.contents_top .info .sns ul{display:block;width:110px;padding:7px 0 15px 0;background:#7a868f;z-index:20;position:absolute;top:37px;left:0}
.contents_top .info .sns ul li a{color:#fff;line-height:25px;padding-left:10px;font-size:13px;}
.contents_top .info a.btn_print{padding-left:25px;display:block;float:left;overflow:hidden;background:url(/pages/jepa/img/sub/btn_print.jpg) 0 0 no-repeat;margin:9px 15px;text-decoration:none }
.contents_top .info a:hover.btn_print{font-weight:700}
.contents_top .info a.btn_print span{font-size:13px;color:#333}
.contents_top .info a.btn_qr_sub{padding-left:25px;display:block;float:left;overflow:hidden;background:url(/pages/jepa/img/sub/btn_qr.jpg) 0 0 no-repeat;margin: 9px 0;text-decoration:none}
.contents_top .info a:hover.btn_qr_sub{font-weight:700}
.contents_top .info a.btn_qr_sub span{font-size:13px;color:#333}
.contents_top .sub_navi{position:absolute;top:59px;right:0;color:#777}

.contents_top  .qr_sub_on{width:291px;height:415px;;box-sizing: border-box;padding:30px 24px 0 24px;border-radius:8px;box-shadow:5px 5px 5px #999;position:absolute;z-index:2;top:45px;right:0;background:url(/pages/jepa/img/sub/qr_subbg.gif?=444) top center #fff no-repeat;border:1px solid #ddd;overflow:hidden}
.contents_top  .qr_sub_on dl{display:block;border-bottom:1px solid #ddd;width:100%;padding:12px 0 15px 0}
.contents_top  .qr_sub_on dt{font-size:18px;color:#000;font-weight:700;padding-bottom:10px}
.contents_top  .qr_sub_on dd{line-height:15px;color:#555}
.contents_top  .qr_sub_on .qr_img{width:120px;margin:85px auto 0;padding:10px;border-radius:8px;text-align:center;background:#fff}
.contents_top  .qr_sub_on .btn_close{position:absolute;top:10px;right:10px}


/* .depth_3tab {display:inline-block;width:100%;margin-bottom:20px}
.depth_3tab ul li a{float:left;padding:15px 6px;box-sizing:border-box;border:1px solid #ddd;margin:0 2px 2px;border-radius:5px;color:#888;width:19.5%}
.depth_3tab ul li a.on{background:#ff7c20;border:1px solid #ff7c20;color:#fff}
.depth_3tab ul li a:hover{background:#f2f2f2;text-decoration:none}
.depth_3tab ul li a.on:hover{background:#f26400;border:1px solid #f26400;text-decoration:none}
.depth_3box{clear:both}

 */
/* 공통 */
.text_type1{margin: 0 0 15px 5px;line-height:21px;color:#666}
.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;text-align:center}
.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 50px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/jepa/img/sub/icon_down.png') right 11px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_dw{background:url('/pages/jepa/img/sub/icon_down.png') right 11px  #2a4c6e no-repeat;text-decoration:none}
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('/img/sub/icon_link.png') right 12px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.btn_link{background:url('/pages/jepa/img/sub/icon_link.png') right 12px #2a4c6e no-repeat;text-decoration:none}
.pdf_download {text-align:center;line-height:30px;padding:10px 30px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0  !important}
a:hover.pdf_download {background:url('/pages/jepa/img/sub/icon_down.png') right 13px #2a4c6e no-repeat;text-decoration:none}
.btn_type1{background:#7b98b5 ;color:#fff !important;border:none;padding:12px ;font-weight:400;cursor:pointer;margin:0 auto;display:block;width:250px;box-sizing:border-box;text-align:center}
.btn_type1:hover{background:#2a4c6e;text-decoration:none}
.btn_type2{background:#7b98b5 ;color:#fff;border:none;padding:8px ;font-weight:400;cursor:pointer;margin:0 auto;display:block;width:auto;box-sizing:border-box;text-align:center}
.btn_type2:hover{background:#2a4c6e;text-decoration:none}
.btn_type3{background:#79b97f ;color:#fff;border:none;padding:12px ;font-weight:400;cursor:pointer;display:block;width:100px;box-sizing:border-box;text-align:center}
.btn_type3:hover{background:#59985f;text-decoration:none}
.btn_type4{position:relative;background:#7b98b5 ;color:#fff !important;border:none;padding:12px 35px 12px 16px;font-weight:400;cursor:pointer;margin:0 auto;display:block;box-sizing:border-box;text-align:center; display: inline-block;margin-bottom: 10px;}
.btn_type4:hover{background:#2a4c6e;text-decoration:none}
.btn_type4:after{content:""; display:block; width:16px; height:17px; position:absolute; top:14px; right:12px; background:url('/pages/jepa/img/sub/btn_type4.png') left center no-repeat;}


.ml_10{margin-left:10px;}

.img_d{display:block}
.img_t{display:none}
.img_m{display:none}


p.red_point{color:#d75d5d;padding:20px 0;clear:both;font-weight:600}
.talignc{text-align:center}
.talignl{text-align:left}
.talignr{text-align:right}

.sub0702_etc{width:100%; padding-bottom:5px; font-size: 16px;font-weight: 600;}
.sub0702_etc span{float:right;font-size: 14px; font-weight: 400;}

.h130px{height:130px}
.cboth{clear:both}

.ul_type1 {margin: 0 0 15px 0;clear:both;}
.ul_type1 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#666}
.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 li span.red_point{color:#d75d5d}

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

.table_type1 table{text-align: center;border-top: 2px solid #7e869b;border-bottom: 1px solid #b5b9c4;margin: 4px 0 30px 0;font-size:14px;background:#fff}
.table_type1 td.ln_color {background:#e9eff3}
.table_type1 th,.table_type1 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2}
.table_type1 th{background-color: #f4f3f3;color: #494949;padding: 10px 15px}
.table_type1 tbody th{background:#f9f9f9;font-weight:normal}
.table_type1 td{color: #666;padding:10px 15px;line-height:160%}
.table_type1 .m_info{display:none}

.table_type2{margin: 4px 0 30px 0;}
.table_type2 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type2 td.ln_color {background:#e9eff3}
.table_type2 th,.table_type2 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.table_type2 th{background-color: #f4f3f3;color: #494949;padding: 15px 15px;font-size:15px;font-weight:700}
.table_type2 td{color: #666;padding:10px 15px;line-height:160%}
.table_type2 a{font-weight:600;color:#de5a5a}
.table_type2 .m_info{display:none}

.table_type3{width:60%; display: inline-block; margin: 0px 0 30px 0;}
.table_type3 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type3 td.ln_color {background:#e9eff3}
.table_type3 th,.table_type3 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.table_type3 th{background-color: #f4f3f3;color: #494949;padding: 15px 15px;font-size:15px;font-weight:700}
.table_type3 td{color: #666;padding:10px 15px;line-height:160%}
.table_type3 a{font-weight:600;color:#de5a5a}
.table_type3 .m_info{display:none}

.b_top{border-top:1px solid #ddd !important}
.b_right{border-right:1px solid #ddd !important}

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

.p_box{clear:both;border:1px dotted #ddd;background:#f9f9f9;box-sizing: border-box;padding:18px 20px 6px 15px;margin:2px 0 15px 0;width:100%}
.p_box2{clear:both;border:1px dotted #ddd;background:#d6e6d6;box-sizing: border-box;padding:25px;margin:2px 0 15px 0;width:100%;font-size:15px;font-weight:500}

.imgbox{text-align:center;padding:30px 0}
.pcimg{display:block}
.mimg{display:none}

.imgbox2{width:100%}
.imgbox2 img{width:50%;float:left}

.imgbox4{width:100%}
.imgbox4 img{width:25%;float:left}

.h4_butt{font-size:20px;font-weight:600;color:#1eb377;letter-spacing:-1.5px;line-height:28px;padding:15px 0 15px}
.h5_butt{font-size:17px;font-weight:600;color:#333;letter-spacing:-1.5px;line-height:22px;padding:7px 0 15px 0px;background:url(../img/sub/h4_butt.png) no-repeat left top;margin-top:15px}
.h5_butt a{font-size:15px;font-weight:400;color:#ec5900; letter-spacing:-1.5px;line-height:22px; padding:7px 0 15px 0px; text-decoration:none;}

.cut3box {clear:both;display:inline-block;width:100%}
.cut3box div{float:left;border:1px solid #ddd;float:left;padding:25px;box-sizing:border-box;width:32.3%;margin:0.5%}

p.s_title1{font-size:16px;color:#333;padding:10px;font-weight:500}
p.s_title2{font-size:15px;color:#3766d0;padding:10px;font-weight:500}
p.s_title3{font-size:14px;color:#333;padding:10px 5px;font-weight:700}

.box_type2{width:100%;position:relative;overflow:hidden;padding:20px 0 40px 0}
.box_type2 .box_right{overflow:hidden;position:relative}
.box_type2 .box_right .txt{float:left;width:50%;height:340px;padding:70px 0 0 30px;box-sizing:border-box}
.box_type2 .box_right .img{position:absolute;right:0;width:50%;height:340px}
.box_type2 .box_left{overflow:hidden;position:relative}
.box_type2 .box_left .txt{position:absolute;top:70px;left:50%;width:50%;padding:0 0 0 30px}
.box_type2 .box_left .img{width:50%;height:340px}
.box_type2 .txt h4{font-size:22px;line-height:38px;font-weight:500;color:#1eb377;padding-bottom:20px;letter-spacing:-1px}

.blank{background: rgba(0, 0, 0, 0) url("/pages/jepa/img/main/icon_blank.png") no-repeat scroll right top;padding-right: 20px !important}


/* department_info */
#department_info{width:100%;border-top:2px solid #333;border-bottom:1px solid #aaa;position:relative;margin-top:30px;float:left;clear:both;margin-bottom:30px;;box-sizing: border-box;padding:15px 20px;font-size:14px}
#department_info li{display:inline;line-height:30px;padding-left:20px;padding-bottom:3px;padding-right:20px;color:#555}
#department_info li span{font-weight:700;padding-right:5px}
#department_info li.department{background:url(/pages/jepa/img/sub/icon_department.gif) 0 50% no-repeat}
#department_info li.phone{background:url(/pages/jepa/img/sub/icon_phone.gif) 0 50% no-repeat}
#department_info li.phone a{border-bottom:1px dotted #999;color:#333;font-weight:700}
#department_info li.email{background:url(/pages/jepa/img/sub/icon_email.gif)  0 50% no-repeat}
#department_info a.btn_report{position:absolute;top:14px;right:13px;line-height:25px;padding:3px 10px 3px 27px;border:none;color:#fff;border-radius:4px;background:url(/pages/jepa/img/sub/icon_report.gif) 7px 8px #6894c1 no-repeat;font-size:11px;}


/* 페이지 */
#paginate_complex{text-align:center;height:30px}
 p.btn_page a{width:27px;height:25px;border:1px solid #d4d4d4;margin-left:5px;padding:5px 10px 6px 10px;font:bold 13px/16px "Nanum Gothic";color:#666;}
 p.btn_page a:hover{background:#fff;border:1px solid #222;font:bold 13px/16px "Nanum Gothic";color:#222}
 p.btn_page span.on{background:#fff;border: 1px solid #222;margin-left: 5px;padding: 5px 10px 6px 10px;font: bold 13px/16px "Nanum Gothic";color:#222;}
 p.btn_page a.next_back{width:27px;height:25px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
 p.btn_page a.first_back{width:27px;height:25px;background:#fff;border:1px solid #d4d4d4;margin-left:5px}
 p.btn_page a img{vertical-align:baseline}
 p.btn_page strong{border:2px solid #3092da;padding:0 10px 4px;margin-left:4px}



/* jba소개 공통박스 */
.sub01_box{border:1px solid #ddd;padding:60px 100px;box-sizing:border-box;text-align:center;display:inline-block;width:100%}
.sub01_box p.title1{font-size:30px;font-weight:600;padding-top:150px;background:url(/pages/jepa/img/sub/sub010601_bg.png) no-repeat center top}
.sub01_box p.title2{font-size:30px;font-weight:600;padding-top:150px;background:url(/pages/jepa/img/sub/sub009901_bg.png) no-repeat center top}
.sub01_box p.title3{font-size:20px;font-weight:500;line-height:25px;padding-top:150px;background:url(/pages/jepa/img/sub/sub010602_bg.png) no-repeat center top;margin-bottom:50px}
.sub01_box p.desc{font-size:16px;line-height:26px;padding:60px 0;color:#666;font-weight:400}
.sub01_box ul li {font-size:16px;color:#666;line-height:25px;width:70%;margin:0 auto;padding:20px 0;word-break:keep-all}
.sub01_box p.sign{font-size:24px;font-family:Nanum Myeongjo;font-weight:500;margin-top:40px}

.sub01_box dl {position:relative;width:420px;margin:0 auto;display:inline-block}
.sub01_box dl dt{font-size:30px;margin-bottom:100px}
.sub01_box dl dd{width:250px;height:250px;box-sizing:border-box;border-radius:50%;text-align:center;font-size:16px;padding:100px 0;float:left;line-height:24px;color:#fff;margin:-20px;;opacity:0.8}
.sub01_box dl dd.s01{background:#529fd5}
.sub01_box dl dd.s02{background:#527ad5}
.sub01_box dl dd.s03{background:#2581c1}
.sub01_box dl dd.s04{background:#125b8e}

.sub01_box a{color:#333;padding:140px 20px 40px;display:block;width:24%;box-sizing:border-box;float:left;margin:0 0.5%;font-size:16px;font-weight:600;position:relative;text-decoration:none}
.sub01_box a:after{opacity:0.7;filter:alpha(opacirt=70);position:absolute;content:'';display:block;top:0;left:0;width:100%;height:100%;z-index:-1}

.sub01_box a:hover:after{opacity:1;text-decoration:none}

.sub01_box1{background:url(/pages/jepa/img/sub/sub010601_bg.jpg) no-repeat center top;padding:100px 0 150px;text-align:center;color:#fff}
.sub01_box1 h3{padding-top:80px;font-size:26px}
.sub01_box1 p{width:60%;margin:20px auto;text-align:center;font-size:15px;word-break:keep-all}
.sub01_box1_1 {width:800px;margin:0 auto;display:table;text-align:center  }
.sub01_box1_1 a{color:#333;padding:130px 10px 0;width:190px;height:190px;float:left;margin:5px;box-sizing:border-box;text-align:center;border-radius:50%;border:1px solid #ddd }
.sub01_box1_1 a.btn1{background:url(/pages/jepa/img/sub/sub010602_bg1.png) no-repeat center 20px}
.sub01_box1_1 a.btn2{background:url(/pages/jepa/img/sub/sub010602_bg2.png) no-repeat center 20px}
.sub01_box1_1 a.btn3{background:url(/pages/jepa/img/sub/sub010602_bg3.png) no-repeat center 20px}
.sub01_box1_1 a.btn4{background:url(/pages/jepa/img/sub/sub010602_bg4.png) no-repeat center 20px}
.sub01_box1_1 a.btn5{background:url(/pages/jepa/img/sub/sub010602_bg5.jpg) no-repeat center 20px}
.sub01_box1_1 a.btn6{background:url(/pages/jepa/img/sub/sub010602_bg6.jpg) no-repeat center 20px}
.sub01_box1_1 a:hover{font-weight:700;text-decoration:none;border:1px solid #333}

.jobbox{background:url(/pages/jepa/img/sub/job_img.png) no-repeat right bottom;}

/* 인권경영추진체계 */
.propulsion_system{width:100%;margin:0 auto;}
.propulsion_system h2{font-size:32px; color:#1d7fd3;text-align: center;line-height: 24px;margin: 20px 0 25px 0;}
.propulsion_system h2 span{font-size:20px; color:#555; display:block;padding-bottom: 8px; font-weight: 400;}
.propulsion_system_vision {padding-bottom:20px;}
.propulsion_system_vision dl{width:597px; height:61px;margin: 0 auto;background:url(/pages/jepa/img/sub/charter_img.png) center no-repeat;}
.propulsion_system_vision dt{display:inline-block; font-size:30px; color:#fff; font-weight:600; padding: 8px 40px; line-height: 30px;}
.propulsion_system_vision dd {display:inline-block; font-size:22px; font-weight:400; text-align:left;padding: 10px 0 0 30px; margin:0 auto; }
.mj_outo{text-align:center;border: 1px dotted #ddd; background: #f9f9f9; box-sizing: border-box;padding: 15px 20px 15px 15px;font-size: 20px;font-weight: 500;}



/* 인권경영헌장 */
.charter_top {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  box-sizing: border-box; width: 100%; height: 120px;  margin: 0 auto; overflow: hidden; background: url(/pages/jepa/img/sub/charter_top.png) center bottom no-repeat;    background-size: 96%;}
.charter_box {border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding:20px 100px 10px;box-sizing:border-box;text-align:center;display:inline-block;width:100%;background: url(/pages/jepa/img/sub/charterbg.png) center repeat-y;    background-size: 96%;}
.charter_box .charter_title{font-size:32px;font-weight:600;}
.charter_box .charter_desc{font-size:18px;line-height:26px;padding:60px 0;color:#666;font-weight:400}
.charter_box .charter_con ul {padding-left:20px;}
.charter_box .charter_con ul li{text-align: left;line-height: 24px; font-size: 15px; padding-bottom: 30px;}
.charter_box .charter_con ul li span{color:#1e98ff;}
.charter_box .sign{font-size:30px;font-weight:600; margin-top: 50px;}
.charter_box .sign:after{height: 60px;display:block; clear:both; content:"";background:url(/pages/jepa/img/main/logo_new.png) center 20px no-repeat; margin-top: 15px;}
/*.charter_box .sign:after{height: 60px;display:block; clear:both; content:"";background:url(/pages/jepa/img/sub/charter_logo.jpg) center 20px no-repeat;}*/
.charter_bottom {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; width: 100%;height: 120px; padding-bottom:20px; margin: 0 auto;  overflow: hidden; background: url(/pages/jepa/img/sub/charter_bottom.png) center top no-repeat;    background-size: 96%;}


/* 전라남도청년센터 */
.sub03060000_tit img{width:100%;}
.sub03060000_text{font-size: 18px; font-weight: 200; line-height: 28px; letter-spacing: -0.08em; padding: 20px 40px;}
.youth_center_btn {width:800px;margin:0 auto;display:table;text-align:center  }
.youth_center_btn a{color:#333;padding:115px 10px 0;width:190px;height:190px;float:left;margin:5px;box-sizing:border-box;text-align:center;border-radius:50%;border:1px solid #ddd }
.youth_center_btn a.btn1{background:url(/pages/jepa/img/sub/sub03060000_bg1.png) no-repeat center 15px}
.youth_center_btn a.btn2{background:url(/pages/jepa/img/sub/sub03060000_bg2.png) no-repeat center 15px}
.youth_center_btn a.btn3{background:url(/pages/jepa/img/sub/sub03060000_bg3.png) no-repeat center 15px}
.youth_center_btn a.btn4{background:url(/pages/jepa/img/sub/sub03060000_bg4.png) no-repeat center 15px}
.youth_center_btn a:hover{font-weight:700;text-decoration:none;border:1px solid #333}

.sub03060302_top{width:100%;}
.sub03060302_top .left_img{ float:left; padding-right:20px;}

/* jba 소개 > 원장인사말 */
.greed_top {background:#f2f2f2 url(/pages/jepa/img/sub/greed_bg.png) no-repeat right top;padding:85px 10px 85px 50px}
.greed_top p{font-size:24px;font-weight:200;line-height:28px}
.greed_top p span{display:block;font-size:16px;color:#3a8ec3;padding:10px 0;font-weight:600}
.greed_t{font-size:16px;color:#666;line-height:25px;padding:40px;font-weight:300}
.greed_t img{float:right}


/* jba 소개 > 연혁 */
.history .section{width:100%;}
.history .section .sec_inner{width:100%; margin:0 auto;}
.history .section .sec_inner_wrap{width:100%; margin-bottom:65px;}
.history .section .sec_inner_wrap .sec_inner{padding:112px 0; margin:0 auto; text-align:center;}
.history .section .sec_inner_wrap .sec_inner p{font-size:50px; font-weight:400; color:#fff;}
.history .section dl:after{display:block; clear:both; content:"";}
.history .section dl dt{position:relative; float:left; z-index:1; width:335px; font-size:50px; font-weight:400; color:#6b9ecc; text-align:center;}
.history .section dl dt:after{content:""; position:absolute; right:-6px; bottom:2px; width:11px; height:11px; background-color:#fff; border:3px solid #6b9ecc; border-radius:50%; box-sizing:border-box;}
.history .section dl dt span:after{content:""; position:absolute; right:0; bottom:7px; width:66px; height:1px; margin:0 27px; background-color:#6b9ecc; vertical-align:middle;}
.history .section dl dd{float:left; position:relative; width:700px; padding-left:35px; padding-bottom:75px; box-sizing:border-box;}
.history .section dl dd:before{position:absolute; left:0; top:13px; width:1px; height:100%; background-color:#dadada; content:'';}
.history .section dl dd.last{padding-bottom:0;}
.history .section dl dd.last:before{display:none;}
.history .section dl dd div{margin-bottom:30px;}
.history .section dl dd div:last-child{margin-bottom:0;}
.history .section dl dd span{display:inline-block; font-size:20px; font-weight:400; color:#000; vertical-align:top;}
.history .section dl dd.month ul{display:inline-block; margin-left:24px;}
.history .section dl dd ul{display:inline-block; margin-left:55px;}
.history .section dl dd ul li{position:relative; padding-left:8px; margin-bottom:10px;}
.history .section dl dd ul li:last-child{margin-bottom:0;}
.history .section dl dd ul li:before{content:""; position:absolute; left:0; top:12px; width:2px; height:2px; margin-right:5px; background-color:#333;}

/* jba 소개 > 경영정보공시 */
.purpose_box{border-bottom:1px solid #ddd;padding:10px 0 40px;margin-bottom:15px;background:url(/pages/jepa/img/sub/purpose_bg.gif) no-repeat right bottom}
.purpose_box p{font-size:16px;line-height:40px;font-family:Nanum Myeongjo;font-weight:600}


/* jba 소개 > 윤리경영 */
.ethics_3box div{width:32%;border:1px solid #ddd;padding:40px ;box-sizing:border-box;margin-right:15px;float:left;min-height:450px}
.ethics_3box .ethics1 dl{padding-top:100px;background:url(/pages/jepa/img/sub/sub010501_icon01.png) no-repeat center top}
.ethics_3box .ethics2 dl{padding-top:100px;background:url(/pages/jepa/img/sub/sub010501_icon02.png) no-repeat center top}
.ethics_3box .ethics3 dl{padding-top:100px;background:url(/pages/jepa/img/sub/sub010501_icon03.png) no-repeat center top}
.ethics_3box .ethics3 {margin:0}
.ethics_3box dl dt{font-size:25px;font-weight:700;text-align:center;padding:30px 0;line-height:30px;border-bottom:1px solid #ddd;margin-bottom:30px}
.ethics_3box dl dt span{display:block;font-size:15px;color:#c6bcbc}
.ethics_3box dl dd{text-align:center;padding:5px;color:#888}

/*전남일자리플랫폼*/
.box_type4{width:100%;position:relative;overflow:hidden;padding:0;margin-bottom:20px; border:solid 1px #eee}
.box_type4 h5{font-size:18px; line-height:26px; margin-bottom:20px}
.box_type4 .box_right{overflow:hidden;position:relative}
.box_type4 .box_right .txt{float:left;width:50%;height:235px;padding:30px 0 0 30px;box-sizing:border-box}
.box_type4 .box_right .img{position:absolute;right:0;width:50%;height:340px}
.box_type4 .box_left{overflow:hidden;position:relative}
.box_type4 .box_left .txt{position:absolute;top:30px;left:50%;width:50%;padding:0 0 0 30px}
.box_type4 .box_left .img{width:50%;height:235px}
.box_type4 .txt h4{font-size:22px;line-height:38px;font-weight:500;color:#1eb377;padding-bottom:20px;letter-spacing:-1px}

/* jba 소개 > 오시는길 */
.bus_box1 {display:inline-block;width:100%}
.bus_box1 dl {margin-bottom:5px}
.bus_box1 dl dt{width:70px;padding:8px 10px;text-align:Center;border-radius:3px;color:#fff;float:left;font-weight:600}
.bus_box1 dl dd{float:left;padding:10px;width:90%;color:#666}
.bus_box1 dl dd span{float:left;width:auto;display:block;}
.bus_box1 dl dd span.arrow{font-size:0;top:3px;display:block;width:5px;height:5px;border-left:5px solid #ccc;border-top:5px solid #fff;border-bottom:5px solid #fff;margin:4px 5px}
.root_daum_roughmap{width:100% !important}

.bus_box1 dl.bus1 dt{background:#b72f2f}
.bus_box1 dl.bus2 dt{background:#b72f2f}
.bus_box1 dl.bus3 dt{background:#f4bb00}

.bus_box2 {border-top:2px solid #333}
.bus_box2 dl {border-bottom:1px solid #ddd;display:inline-block;width:100%;padding:20px 0}
.bus_box2 dl dt{float:left;width:40%;border-right:1px solid #ddd;box-sizing:border-box;padding:0 0 10px }
.bus_box2 dl dd{float:left;width:60%;box-sizing:border-box;padding:0 10px}

.vr_wrap {position:relative;width:100%;height:500px}
.vr_wrap iframe{width:100%;height:500px}
.map iframe{width:100%}
.vr_mask {position:absolute;width:100%;height:500px;}
.vr_mask .bg{position:absolute;width:100%;height:500px;background:#000;opacity:0.3;left:0;top:0}
.vr_mask p{text-align:center;padding-top:290px;background:url(/pages/jepa/img/sub/vr_maskbg.png) no-repeat center 190px;color:#fff;font-size:17px;position:absolute;left:50%;margin-left:-155px;z-index:99}


/* 입주현황 */
.floor_box dl{width:100%;border-bottom:1px solid #ddd;padding:10px;display:inline-block}
.floor_box dl dt{float:left;width:15%;margin-right:5px;padding:20px;box-sizing:border-box;text-align:center;color:#666}
.floor_box dl dt span{font-size:50px;font-weight:800;color:#333}
.floor_box dl dd{float:left;width:84.4%}
.floor_box dl dd ul li{float:left;width:49.2%;padding:20px;box-sizing:border-box;border:1px solid #ddd;margin:3px}
.floor_box dl dd ul li span{float:right;color:#aaa;font-weight:600}


/* 입주현황 */
.onestop_box ul{width:100%;padding:10px;display:inline-block}
.onestop_box ul li{float:left;width:49.2%;padding:20px;box-sizing:border-box;border:1px solid #ddd;margin:3px}
.onestop_box ul li span{float:right;color:#aaa;font-weight:600}

/* 입주시설안내 > 회의실이용안내 > 사용신청 */
.apply_info {clear:both}
.apply_info ul li{box-sizing:border-box;margin-bottom:10px;width:100%;border-radius:5px;float:left;margin-right:10px;height:auto}
.apply_info ul li:nth-child(2n){margin-right:0}
.apply_info ul li:first-child dl dt{background:#1a475b;color:#fff;border:none}
.apply_info ul li:first-child dt span{color:#fff}
.apply_info ul li:last-child dl dt{margin:0;height:auto;margin-bottom:30px;background:#ffab00;color:#fff;border:none}
.apply_info ul li:last-child dt span{color:#fff}

.apply_info ul li dl dt{position:relative;font-size:20px;width:30%;float:left;padding:45px;text-align:center;font-weight:500;border:1px solid #ddd;border-radius:5px}
.apply_info ul li dl dt span{position:absolute;right:16px;top:16px;font-size:40px;font-weight:700;color:#ccc}
.apply_info ul li dl dd{line-height:22px;color:#666;padding-left:11px;position:relative;float:right;margin:0 0 0 40px;width:65%;box-sizing:border-box}
.apply_info ul li dl dd:before{content:'';position:absolute;left:0;top:10px;width:6px;height:1px;background:#333}
.apply_info ul li dl dd.before_white:before{content:'';position:absolute;left:0;top:10px;width:6px;height:1px;background:#fff;}
.apply_info ul li dl dd span{font-weight:600;color:#d22929}
.apply_info ul li:first-child dl dd:before{content:'';position:absolute;left:0;top:10px;width:6px;height:1px;background:#fff}

.apply_form{clear:both;border:1px solid #ddd;padding:25px 35px;box-sizing:border-box;display:inline-block;width:100%;margin-bottom:20px}
.apply_form h3{font-size:28px;text-align:center;padding:30px 0}
.apply_input {float:left;position: relative;width: 100%;text-align:left}
.input-text {float:left;display: block;color: inherit;width: 100%;font-family: inherit;border: none;padding:10px 10px 0 16px}
.input-text::placeholder {color: #666;}


.input-text:focus{ outline: none}
.input-label {display: block;position: absolute;bottom: 80%;left: 1rem;color: #fff;font-family: inherit;opacity: 0;transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;transform: translateY(15px) scale(0); }
.input-text:placeholder-shown + .input-label {visibility: hidden;z-index: -1;}
.input-text:not(:placeholder-shown) + .input-label, .input-text:focus:not(:placeholder-shown) + .input-label {visibility: visible;z-index: 1;opacity: 1;color: #4f9bca;font-size:13px;font-weight:600;;transform: translateY(5px) scale(1);  }
a.btn_address{background:#458bc8;padding:7px;display:block;width:8%;box-sizing:border-box;border-radius:5px;color:#fff;float:left;margin-right:5px;cursor:pointer;text-decoration:none}
p.apply_p{display:block;width:20px;float:left;line-height:39px}
.input-text:disabled{background-color: #fff}
.input-text:disabled + .input-label {visibility: visible;z-index: 1;opacity: 0;color: #666;transform: translateY(5px) scale(1);  }
.filters .icon {text-align: center;display: inline-block;}
.filters .icon .fa {visibility: hidden;display:inline-block;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased}
.filters input:checked + .icon .fa {visibility: visible;}
.filters input {display: none}
.filters .icon {display: none\9;}
.filters {user-select: none;-ms-user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.filters label {cursor: pointer;}
.filters input { margin: 0 .1em; /* Use something similar to .icon */}
.filters .icon {background: #d2eafc;border: 1px solid;border-color:#a8b8ca #c2e4f9 #c2e2f9 #a8b3ca; border-radius: .3em;text-align: center; font-size: .9em; color: #666; margin: 0 .1em; height: 1.5em; width: 1.5em; padding: 0.15em; line-height: .8em;}
.filters {list-style: none;padding: 8px;display: inline-block;}
.filters li {display: inline-block;margin-right: 0.3em;}
.fa-check:before{content: "\221A";
	font-weight: 900;
	font-family: FontAwesome;
	font-size: 15px;}


.hds-selectbox {font-size: .875rem;font-weight: 400;border-radius: 4px;background-color: #fff;border: 1px solid #ddd;color: #3c3c3c;min-width: 100%;height: 45px;padding: 4px 8px;box-sizing: border-box;margin: 0 0 8px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiICB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTYuNzEsNy4zM2ExLDEsMCwwLDAtMS40MiwwTDEwLDEyLjYzLDQuNzEsNy4zM0ExLDEsMCwxLDAsMy4yOSw4Ljc1bDYsNmExLDEsMCwwLDAsMS40MiwwbDYtNkExLDEsMCwwLDAsMTYuNzEsNy4zM1oiIHN0eWxlPSJmaWxsOiMwMDY2OTkiLz4KPC9zdmc+') no-repeat right 8px center #fff; background-size: 16px 16px;}
.hds-selectbox::-ms-expand {display: none;
	/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */ filter: alpha(opacity=0); opacity:0;}

.select-size{text-align:left}
.select-size input{display: none;}
.select-size label {display: inline-block;width: 80px;height: 50px;text-align: center;border: 1px solid #ddd;line-height: 50px;cursor: pointer;color:#aaa}
#use_air:checked ~ label[for="use_air"], #notuse_air:checked ~ label[for="notuse_air"]{ background: #618ed2;color: #fff;border:1px solid #618ed2}
#use_air_o:checked ~ label[for="use_air_o"], #notuse_air_o:checked ~ label[for="notuse_air_o"]{ background: #618ed2;color: #fff;border:1px solid #618ed2}

#use_beam:checked ~ label[for="use_beam"], #notuse_beam:checked ~ label[for="notuse_beam"]{ background: #618ed2;color: #fff;border:1px solid #618ed2}
#use_beam_o:checked ~ label[for="use_beam_o"], #notuse_beam_o:checked ~ label[for="notuse_beam_o"]{ background: #618ed2;color: #fff;border:1px solid #618ed2}


.file-uploader {border-radius: 3px;}
.file-uploader__message-area {display:none;font-size: 0px;padding: 1em;text-align: center;}
.file-list {font-size: 16px;}
.file-list__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.file-list li {padding-left:15px;height: 50px; line-height: 50px; overflow: hidden;border:1px solid #ddd;margin-bottom:3px}
.removal-button{display:inline-block;height:100%;float:right;width:15%;border:none;background:#d86c6c;color:#fff}
.removal-button:before { content: 'X'}
.removal-button:focus {outline: 0;}

.file-chooser { transition: background-color 1s, height 1s}
.file-uploader { max-width: 600px; height: auto; margin: 0 auto 30px;}
.file-uploader p{margin-bottom:10px;color:#d86c6c;font-weight:600}
.file-list { margin: 0 auto; max-width: 50%;}
.file-list__name { max-width: 70%; float: left;}
.removal-button { display: inline-block; height: 100%; float: right;}
.file-chooser { width: 90%; margin: .5em auto;}
.file-chooser__input { margin: 0 auto;border:1px solid #ddd;padding:15px 115px;margin-top:20px;background:#fff}
.file-uploader__submit-button { width: 100%; border: none; font-size: 1.5em; padding: 1em; color: white;}
.hidden {display: none;}
.error-message {color: red;}

*, *::before, *::after {box-sizing: border-box;}
ul, li {margin: 0;padding: 0;}

.apply_todaydate{text-align:right;padding:30px 0;font-size:15px}
.apply_bottom{font-size:25px;font-weight:700;text-align:center;padding-bottom:30px}
button.apply_btn{background:#458bc8;padding:20px 40px;display:block;cursor:pointer;text-decoration:none;margin:40px auto;border:1px solid #458bc8;color:#fff;font-weight:600}
button.apply_btn:hover{background:#1f71b9}


/* 사용신청 - 기존 신청 정보 */
.apply_form_info{clear:both;border:1px solid #ddd;padding:25px 35px;box-sizing:border-box;display:inline-block;width:100%;margin-bottom:20px;background:#f2f2f2}
.apply_form_info h3{font-size:28px;text-align:center;padding:30px 0}
.apply_form_info dl{ width: 100%; overflow: hidden; padding: 5px; margin: 0;}
.apply_form_info dt{float: left;width: 15%; font-size: 15px; font-weight: 700; padding: 5px;}
.apply_form_info dd{float: left; width: 35%;padding-top:4px; margin: 0;color:#666}
.apply_form_info .dl_header, .apply_form_info .dl_body{float:left;border:1px solid #ddd;height:180px;padding:10px;box-sizing:border-box;margin-bottom:10px;background:#fff}
.apply_form_info .dl_header{text-align:center;padding:65px 0;color:#fff;background:#777}
.apply_form_info .dl_body dl{border-bottom:1px solid #ddd}


/* 입주시설안내 > 회의실이용안내 > 신청내역확인 */
.calendar{position:relative}
.calendar p{width:100%;margin-bottom:30px;text-align:center}
.calendar p .calendar_month{color:#ddd !important}
.calendar p .calendar_month:hover{color:#666 !important;text-decoration:none}
.calendar p span.Ym{font-size:20px;margin:0px 10px;font-weight:600;}
.calendar p a{display:inline-block;vertical-align:bottom;line-height:30px;font-weight:500;font-size:22px;padding:0 5px;z-index:9;position:relative;color:#000 !important}
.calendar ul{display:table;width:100%;margin-bottom:15px;}
.calendar ul li{display:table-row;width:100%;font-size:13px}
.calendar ul li a{color:#333}
.calendar ul li div.today{background:#fff8cf !important;}
.calendar ul li div.Sun time, .calendar ul li div.Sun time span{color:#cc2220;}
.calendar ul li div.Sat time, .calendar ul li div.Sat time span{color:#2453a5;}

.calendar #sc_layer_pop{position:absolute;z-index:999;width:600px;height:450px;left:50%;margin-left:-296px;background:#fff;top:65px;border-radius:5px;background: linear-gradient(#f9f9f9, #efefef ) fixed;box-sizing:border-box;border:1px solid #ddd;padding:40px;box-shadow: 5px 5px 8px #ccc}
.calendar #sc_layer_pop .title{position:absolute;top:40px;left:30px;width:180px;height:380px;border-right:1px solid #ddd}
.calendar #sc_layer_pop .title p{text-align:left;font-size:12px;font-weight:600;color:#585fae;margin-bottom:10px}
.calendar #sc_layer_pop .title dt{font-size:30px;font-weight:500;color:#333;line-height:42px;padding-bottom:15px}
.calendar #sc_layer_pop .title dd{font-size:20px;font-weight:100;color:#000;line-height:20px}
.calendar #sc_layer_pop .text{width:100%;box-sizing:border-box;padding:10px 0 10px 200px}
.calendar #sc_layer_pop .text p{line-height:20px;text-align:left}
.calendar #sc_layer_pop .text dl{padding:0 0 10px}
.calendar #sc_layer_pop .text dl dt{width:100%;padding:8px 10px;background:#e7e7e7;font-weight:600}
.calendar #sc_layer_pop .text dl dd{width:100%;padding:8px 10px;color:#666}
.calendar #sc_layer_pop a.btn_close{display:block;position:absolute;top:13px;right:20px;font-weight:800;font-size:20px;color:#585fae}

.calendar ul li div{display:table-cell;width:14%;min-height:80px;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;}
.calendar ul li div.text{border:none;display:table-cell;width:70%}
.calendar ul li div:last-child{border-right:0px;}
.calendar ul li div.text{border:none;height:auto;min-height:auto;box-sizing:border-box;padding:5px}
.calendar ul li div.text ul{min-height:auto}
.calendar ul li div.text ul li{ padding:0;margin:0;position:relative;color:#000;font-weight:400;font-size:12px;line-height:18px;text-align:left;letter-spacing:0}
.calendar ul li div.text ul li {display:block;padding:4px;border-radius:4px;margin-bottom:3px}
.calendar ul li.header div{height:30px;line-height:30px;min-height:0px;border-top:1px solid #dfd8c6;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;background:#fbfaf7;color:#777 !important;font-weight:bold;text-align:center;}
.calendar ul li.header div:last-child{border-right:0px;}
.calendar ul li.header div.Sun{color:#cc2220;}
.calendar ul li.header div.Sat{color:#2453a5;}
.calendar ul li div.empty{background:#fbfaf7;}
.calendar ul li div time{display:block;padding:3px 0 3px 3px;font-weight:600;min-height:15px;font-size:12px}
.calendar ul li div time span{display:none;}
.calendar ul li div ul{width:100%;font-size:0px;text-align:right;padding:0 3px;min-height:60px;}
.calendar ul li div ul li{margin:0px 3px 3px 0px;padding:3px;}

#apply_agreebox .agreebox{box-sizing:border-box;width:100%;height:250px;padding:15px 25px;font-size:13px;line-height:18px;color:#777;overflow-y:scroll;background:#f4f4f4;border:1px solid #ddd;border-radius:7px;margin:20px 0}

.button_onlinebox{text-align:center;}
.button_online{margin:0 auto;padding:25px 45px;background:#888;color:#fff;border:1px solid #fff;cursor:pointer;font-size:15px;;letter-spacing:-1px}
.button_online:hover{background:#666}


/* 경쟁취약기업 및 근로자지원사업 */
.sub03_box.s01{background:url(/pages/jepa/img/sub/sub0301_img01.jpg) no-repeat center top;padding:120px 0 150px;text-align:center;color:#fff}
.sub03_box.s01 h3{background:url(/pages/jepa/img/sub/sub0301_icon01.png) no-repeat center top;padding-top:80px;font-size:26px}

.sub03_box.s02{background:url(/pages/jepa/img/sub/sub0302_img01.jpg) no-repeat center top;padding:120px 0 150px;text-align:center;color:#fff}
.sub03_box.s02 h3{background:url(/pages/jepa/img/sub/sub0302_icon01.png) no-repeat center top;padding-top:80px;font-size:26px}

.sub03_box.s03{background:url(/pages/jepa/img/sub/sub0303_img01.jpg) no-repeat center top;padding:120px 0 150px;text-align:center;color:#fff}
.sub03_box.s03 h3{background:url(/pages/jepa/img/sub/sub0303_icon01.png) no-repeat center top;padding-top:80px;font-size:26px}

.sub03_box.s04{background:url(/pages/jepa/img/sub/sub0304_img01.jpg) no-repeat center top;padding:120px 0 150px;text-align:center;color:#fff}
.sub03_box.s04 h3{background:url(/pages/jepa/img/sub/sub0304_icon01.png) no-repeat center top;padding-top:80px;font-size:26px}

.sub03_box.s05{background:url(/pages/jepa/img/sub/sub0305_img01.jpg) no-repeat center top;padding:120px 0 150px;text-align:center;color:#fff}
.sub03_box.s05 h3{background:url(/pages/jepa/img/sub/sub0305_icon01.png) no-repeat center top;padding-top:80px;font-size:26px}


/* 경쟁취약기업 ~ */
.sub05_box{width:100%;display:inline-block}
.sub05_box div{float:left;width:49.7%;border-radius:5px;border:1px solid #ddd;margin:5px 5px 0 0;;text-align:center;padding:35px;box-sizing:border-box}
.sub05_box div h4{border-bottom:2px solid #ddd;padding:0 0 25px;font-size:18px;color:#37a8c0 }
.sub05_box div p{margin-top:25px;line-height:24px;color:#777}


/* 시니어 인턴십 */
.sub04_box{background:url(/pages/jepa/img/sub/sub0401_img01.jpg) no-repeat center top;padding:110px 0 130px;text-align:center;color:#fff}
.sub04_box h4{background:url(/pages/jepa/img/sub/sub0401_icon01.png) no-repeat center top;padding-top:80px;font-size:26px;margin-bottom:15px}
.sub04_box p{width:60%;margin:0 auto;text-align:center;font-size:15px}

.sub0404_box{background:url(/pages/jepa/img/sub/sub0404_img01.jpg) no-repeat center top;padding:42px 0 100px;text-align:left;color:#fff}
.sub0404_box h4{color: #4a2f54;font-size:26px;width:63%;margin:0px 0 15px 0;text-align:center;line-height: 30px;}
.sub0404_box p{color: #4a2f54;padding-top:80px;background:url(/pages/jepa/img/sub/sub0404_icon01.png) no-repeat center top;width:63%;margin:30px 0 15px 0;text-align:center;font-size:21px}


/* 우수제품 리스트 */
.goodproduct_list ul li a{float:left;width:23.3%;margin:0 10px 25px;color:#333}
.goodproduct_list ul li a img{width:100%;height:220px}
.goodproduct_list ul li:nth-child(4n) a{margin-right:0}
.goodproduct_list ul li a dt{font-size:17px;letter-spacing:-1.2px;padding:10px 0}
.goodproduct_list ul li a:hover {text-decoration:none}
.goodproduct_list ul li a:hover img{opacity:0.7}

/* 우수제품 뷰 */
.goodproduct_view{clear:both}
.goodproduct_view .product_detail{margin-bottom:40px;clear:both;display:inline-block;width:100% }
.product_detail .imgbox{width:37%;float:left;margin-right:3%;padding:0}
.product_detail .imgbox .img {position:relative;width:395px;height:395px;overflow:hidden}
.product_detail .imgbox .img img{width:100%;height:100%;}
.product_detail .imgbox .img p{position:absolute;bottom:0;padding:15px 0;text-align:center;background:#000;opacity:0.7;font-size:16px;font-weight:500;width:100%;color:#fff}
.product_detail .imgbox .thumb ul li a{width:23%;float:left;margin:10px 10px 0 0;box-sizing:border-box}
.product_detail .imgbox .thumb ul li a img{width:100%;height:100px}
.product_detail .imgbox .thumb ul li:last-child a{margin-right:0}
.product_detail .imgbox .thumb ul li a:hover{opacity:0.7}
.product_detail .txtbox{width:60%;float:left;border-top:2px solid #333;position:relative}
.product_detail .txtbox h4{padding:20px 0;font-size:21px;border-bottom:1px solid #ddd}
.product_detail .txtbox .btnbox{position:absolute;right:0;top:5px}
.product_detail .txtbox .btnbox a{padding:15px 20px;text-align:center;display:block;width:170px;float:left;margin-left:5px;background:#82819d;color:#fff}
.product_detail .txtbox .btnbox a:hover{background:#494796;text-decoration:none}
.product_detail .txtbox .desc{padding:30px 0;line-height:22px;color:#444;word-break:keep-all}

/* 판로/수출지원 */
.process_6step {clear:both}
.process_6step dl{background:#f2f2f2;width:14.7%;float:left;border:1px solid #ddd;border-radius:5px;padding:15px 5px;box-sizing:border-box;height:100px;margin:0 10px 15px;text-align:center;position:relative}
.process_6step dl:after{content:'';display:block;position:absolute;background:#ddd;border-right:10px solid #fff;border-bottom:10px solid #fff;border-top:10px solid #fff;border-left:10px solid #ddd;width:0;height:0;right:-21px;top:28px}
.process_6step dl dt{font-weight:600;color:#666}
.process_6step dl dt span{color:#d75d5d}
.process_6step dl dd{color:#777;margin-top:10px}
.process_6step dl.last:after{display:none;margin:0}
.process_6step p{clear:both;color:#d75d5d}


/* 자금지원 > 중소기업육성자금안내 */
.process_4step {clear:both}
.process_4step dl{background:#f2f2f2;width:23%;float:left;border:1px solid #ddd;border-radius:5px;padding:15px;box-sizing:border-box;height:120px;margin:0 10px 15px;text-align:center;position:relative}
.process_4step dl.process_bg {  background: #e2faff;  border: 1px solid #a3d9e5;}
.process_4step dl.process_bg:after{border-left: 15px solid #e2faff; right: -30px;}
.process_4step dl.arrow_l:after{content: '';display: block;position: absolute;background: #ddd;border-right: 15px solid #ddd;border-bottom: 15px solid #fff;border-top: 15px solid #fff;border-left: 15px solid #fff;width: 0;height: 0;left: -31px;top: 43px;z-index: -9;}
.process_4step dl.arrow_b:after{  content: '';  display: block;  position: absolute;  background: #ddd;  border-right: 15px solid #fff;  border-bottom: 15px solid #fff;  border-top: 15px solid #ddd;  border-left: 15px solid #fff;  width: 0;  height: 0;  right: 107px;  top: 119px;}
.process_4step dl:after{content:'';display:block;position:absolute;background:#ddd;border-right:15px solid #fff;border-bottom:15px solid #fff;border-top:15px solid #fff;border-left:15px solid #ddd;width:0;height:0;right:-31px;top:44px}
.process_4step dl dt{font-weight:600;color:#666}
.process_4step dl.process_bg dt{color: #2956a9;}
.process_4step dl dt span{color:#d75d5d}
.process_4step dl dd{color:#777;margin-top:10px}
.process_4step dl.process_bg dd{color: #2956a9;}
.process_4step dl.last:after{display:none;margin:0}
.process_4step p{clear:both;color:#d75d5d}

.process_3step {clear:both}
.process_3step dl{background:#f2f2f2;width:31%;float:left;border:1px solid #ddd;border-radius:5px;padding:15px;box-sizing:border-box;height:120px;margin:0 10px 15px;text-align:center;position:relative}
.process_3step dl:after{content:'';display:block;position:absolute;background:#ddd;border-right:15px solid #fff;border-bottom:15px solid #fff;border-top:15px solid #fff;border-left:15px solid #ddd;width:0;height:0;right:-31px;top:44px}
.process_3step dl dt{font-weight:600;color:#666}
.process_3step dl dt span{color:#d75d5d}
.process_3step dl dd span.red_point{color:#d75d5d;font-weight:600}
.process_3step dl dd{color:#777;margin-top:10px}
.process_3step dl.last:after{display:none;margin:0}
.process_3step p{clear:both;color:#d75d5d}



.onestop{width:100%; margin:0 auto; text-align: center;}

/* 로그인 */
.login_wrap{width:100%}
.login_user{border-right:1px solid #ddd;width:50%;padding:30px;box-sizing:border-box;float:left}
.login_user .login_user_title strong{font-size:25px}
.login_user .login_user_title p{padding:20px 0 ;font-size:15px;color:#888}
.login_Input .input-text{border-bottom:1px solid #ddd;padding:15px 0 ;width:100%;}
.login_box button{margin-top:20px;background:#4f5a69;border:none;color:#fff;font-size:16px;font-weight:600;width:100%;padding:24px;cursor:pointer}
.login_box button:hover{background:#323d4d}

.login_social{width:50%;padding:30px;box-sizing:border-box;float:left}
.login_social .login_social_title strong{font-size:25px}
.login_social .login_social_title p{padding:20px 0 50px;font-size:15px;color:#888}
.login_social .sns_btn_box{display:block;}
.login_social .sns_btn_box .sns-btn{display:inline-block;position:relative;margin-bottom:25px;float:none;border-radius:50px !important;padding:14px 65px;padding-left:62px;font-size:14px;letter-spacing: -1px;}
.login_social .sns_btn_box .btn-fb{background-color:#20346e;color:#fff;}
.login_social .sns_btn_box .btn-kk{background-color:#ffcf00;color:#333;}
.login_social .sns_btn_box .btn-nv{background-color:#44781f;color:#fff;}
.login_social .sns_btn_box .btn-gg{background-color:#fff;color:#333;border:1px solid #ddd}
.login_social .sns_btn_box .sns-btn .ir-member{display:block;position:absolute;top:-14px;left:14px;width:45px;height:45px;font-size:0;line-height:0;overflow:hidden}

.ir-member{background:url(/pages/jepa/img/sub/ir.png) no-repeat}
.ir-fb{background-position:-158px -15px}
.ir-kk{background-position:-216px -15px}
.ir-nv{background-position:-275px -15px}
.ir-gg{background:url(/pages/jepa/img/sub/login_google.png) no-repeat 0 0 !important}

.txt-tip{color:#6e7179;font-size:14px;padding-left:20px;position:relative}
.txt-tip:before{left:0;top:0;width:16px;height:16px;background:url(/pages/jepa/img/sub/txt-tip.png);display:block;position:absolute;content:'';}

/* 만족도 */
.appraisal{width:100%;overflow:hidden;padding:16px 20px 20px;border:1px solid #dee0e3;box-sizing:border-box; margin-top:40px;float:left}
.appraisal .top {padding:15px;border-right:1px dashed #dee0e3;font-size:13px;width:40%;float:left}
.appraisal .top strong {font-size:15px;display:inline-block;padding-bottom:6px}
.appraisal .top .page_txt{font-size:13px;color:#666}
.appraisal form{width:60%;float:left}
.appraisal .bottom{margin-top:10px;overflow:hidden;width:100%;padding:0 20px;box-sizing:border-box}
.appraisal .bottom ul{overflow:hidden}
.appraisal .bottom ul li {float:left;margin-right:30px}
.appraisal .wrt_box {width:100%;margin-top:10px;float:left;box-sizing:border-box}
.appraisal .wrt_box textarea{width:80%;box-sizing:border-box;padding:5px;float:left;height:50px;margin-right:1%;margin-left:20px}
.appraisal .wrt_box .btn_black{display:inline-block;float:left;height:50px}
.appraisal .wrt_box .btn_black .submit{float:left;display:block;background:#747474;border:1px solid #6d6d6d;color:#fff;line-height:48px;height:50px;box-sizing:border-box;padding:0 20px;cursor:pointer;letter-spacing:-1px}
.appraisal .wrt_box .btn_black .submit:hover{text-decoration:underline}
.readyimg{text-align:center;padding:50px 0}



/* 진흥원 CI */


.cts_box{display:block;width:100%;margin-bottom:28px;padding:8px;background-color:#fff;border:1px solid #e1e1e1;}
.cts_box .cts_box_wrap{display:table;width:100%;height:290px;border-bottom:1px solid #f0f0f0;background-image:url(/pages/jepa/img/sub/ci_box.png);text-align:center;}
.cts_box .cts_box_wrap .logo_img{display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:16px;line-height:24px;}

.human{display:block;width:100%;margin-bottom:35px; font-size:18px; line-height:28px}

.human_box{width:100%;margin-bottom:28px }
.human_box dl{width: 100%;  margin-bottom:15px;border:solid 1px #eee;padding:20px 10px;display: block;min-height:118px;line-height: 24px;}
.human_box dt{width: 17%;font-size:18px; float:left; display: inline-block;text-align: center; padding-top:60px;font-weight: 600; color: #303030;}
.human_box dd{width: 80%;font-size: 16px; float:left; display: inline-block;     margin-bottom: 5px;}
.human_box dl dd.c_red {color:#d45050}
.human_box dl dd span.c_fff {color:#fff}
.human_box dl dt.icon_1{background:url(/pages/jepa/img/sub/human_icon1.jpg) center -6px no-repeat}
.human_box dl dt.icon_2{background:url(/pages/jepa/img/sub/human_icon2.jpg) center -8px no-repeat}
.human_box dl dt.icon_3{background:url(/pages/jepa/img/sub/human_icon3.jpg) center  -8px  no-repeat}

.btn_type_w{text-align:center;text-align: center;width: 100%;margin: 0 auto;}

/* 푸터 */
#footer{border-top:1px solid #ddd}


/* 이미지 */
.mb_100{width:100%;}
.txt_align_c{text-align:center;}





/****** Mobile ******/

@media screen and (max-width:1150px){
.mb_80{width:80%;}
}


@media screen and (max-width:400px){
.process_4step{font-size:12px;}


}

@media screen and (max-width:690px){

	.sub_contentsbox{width:100%;display:inline-block}
	#lnb{display:none}
	#contents{width:100%;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:30px 0 }
	#contents .contents_top h3{line-height:15px;margin-bottom:10px;font-size:20px}

	.contents_top .info a.btn_print{display:none}
	.contents_top .info a.btn_qr_sub{display:none}
	.contents_top .info{bottom:0}
	.imgbox img{max-width:100%}
	.imgbox4 img{width:50%;float:left}

	.cut3box div{width:100%}


	.img_d{display:none}
	.img_t{display:none}
	.img_m{display:block}
	.img_m img{width:100%}

	.vr_wrap iframe{width:100%;height:380px}
	.vr_mask {position:absolute;width:100%;height:380px;}
	.vr_mask .bg{position:absolute;width:100%;height:380px;background:#000;opacity:0.3;left:0;top:0}
	.vr_mask p{text-align:center;padding-top:230px;background:url(/pages/jepa/img/sub/vr_maskbg.png) no-repeat center 130px}

.jobbox{background:none;}
	/* 테이블 */
	.table_type2{overflow:hidden;overflow-x:scroll;width:100%}
	.table_type2 table{width:650px}
	.table_type2 th,.table_type2 td{font-size:15px;word-break:keep-all}
	.table_type2 .m_info{display:block;font-size:13px;line-height:20px;color:#487fda;padding:7px 0;font-weight:700}
	.table_type2 .site_link{position:relative;top:0;right:0}


	/* jba 소개 > 원장인사말 */
	.greed_top{background-color:#fff}
	.greed_top p{font-size:20px}

	/* jba 소개 > 연혁 */
	.history .section dl dt{font-size:28px;width:20%}
	.history .section dl dd{width:80%}
	.history .section dl dt span::after{display:none}
	.history .section dl dd span{font-size:18px;display:block}
	.history .section dl dd.month ul{margin:10px 0 0 0}

	/* jba 소개 > 윤리경영 */
	.ethics_3box div{width:100%;min-height:auto;padding:25px;margin:0 0 10px}
	.charter_top{height: 65px;}
	.charter_box{padding: 20px 40px 10px;}
	.charter_box .charter_title{font-size: 28px;line-height: 28px;letter-spacing: -0.05em;}
	.charter_box .charter_desc{font-size: 16px;line-height: 24px; padding: 30px 0;}
	.charter_box ul li{line-height: 18px; padding-bottom: 25px;}
	.charter_box .sign{font-size: 22px; line-height: 22px;margin-top: 20px;}
	.charter_bottom{height: 65px;}

	
/* 인권경영추진체계 */
.propulsion_system h2{line-height: 34px;}
.propulsion_system_vision dl{background: #fff; border-radius: 5px; border: 1px solid #ddd;margin-bottom: 10px; width: 100%;  height: auto;}
.propulsion_system_vision dt{font-size: 24px; color: #24a990; font-weight: 600;display: block;text-align: center;padding: 8px 0px 5px;line-height: 24px;}
.propulsion_system_vision dd{font-size: 20px;padding: 5px 0 10px 0px;display: block; text-align: center;    line-height: 24px;}

	/* 원장경영방침 */
	.sub01_box{padding:60px 30px}

	/* 고객의소리 */
	.sub01_box1_1{width:400px}
	.sub01_box dl{width:290px}
	.sub01_box dl dt{line-height:35px}
	.sub01_box dl dd{width:185px;height:185px;padding:50px 40px}


	.youth_center_btn{width:400px;}
	/* 설립목적 */
	.purpose_box{padding:10px 0 140px}

	/* 입주현황 */
	.floor_box dl{width:100%}
	.floor_box dl dt{width:100%;text-align:left}
	.floor_box dl dd{width:100%}
	.floor_box dl dd ul li{width:100%}

	/* 입주시설안내 > 회의실이용안내 > 사용신청 */
	.apply_info ul li dl dt{width:100%;padding:20px;margin-bottom:20px}
	.apply_info ul li dl dd{width:100%;margin:0}
	.apply_info ul li{width:100%;height:auto;padding:15px 0}
	.apply_form h3{font-size:24px}
	.apply_bottom{font-size:22px;line-height:28px}

	/* 입주시설안내 > 회의실 소개 */
	.box_type2 .box_left .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;height:auto}
	.box_type2 .box_left .img{width:100%;height:auto}
	.box_type2 .box_left .img img{width:100%}
	.box_type2 .box_right .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;float:none;height:auto}
	.box_type2 .box_right .img{width:100%;position:relative;height:auto}
	.box_type2 .box_right .img img{width:100%}

	.box_type4 .box_left .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;height:auto}
	.box_type4 .box_left .img{width:100%;height:auto}
	.box_type4 .box_left .img img{width:100%}
	.box_type4 .box_right .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;float:none;height:auto}
	.box_type4 .box_right .img{width:100%;position:relative;height:auto}
	.box_type4.box_right .img img{width:100%}

	/* 입주시설안내 > 회의실이용안내 > 신청내역확인 */
	.calendar p{text-align:center}
	.calendar ul{width:100%;display:block;margin-bottom:15px;}
	.calendar > ul{border-top:1px solid #ddd;border-left:1px solid #ddd}
	.calendar ul li{display:block;}
	.calendar ul li div{width:100%;border-bottom:1px solid #dfd8c6;display:block;min-height:auto}
	.calendar ul li div.text{border:none;display:table-cell;width:70%;padding:0 5px}
	.calendar ul li.header{display:none;}
	.calendar ul li div.empty{display:none;}
	.calendar ul li div time{display:table-cell;vertical-align:middle;border-right:1px solid #dfd8c6;width:80px;text-align:right;padding:10px 5px 10px 0;background:#fbfaf7;font-weight:300;}
	.calendar ul li div time span.Ym{font-size:12px;display:block;margin-bottom:5px;}
	.calendar ul li div time span.W{margin-left:5px;}
	.calendar ul li div ul{display:table-cell;padding:5px 10px;vertical-align:middle;}
	.calendar ul li div ul li{margin:2px 2px 2px 0px;padding:3px;}


 .onestop_box ul li{float:left;width:100% }

	/* 사용신청 - 기존 신청 정보 */
	.apply_form_info{padding:25px 10px}
	.apply_form_info h3{font-size:24px}
	.apply_form_info .dl_header, .apply_form_info .dl_body{width:100% !important;height:auto}
	.apply_form_info .dl_header{padding:5px 0;margin:0}
	.apply_form_info .dl_body dl{border:none;padding:0}
	.apply_form_info dt{width:33%}
	.apply_form_info dd{width:67% !important;padding:5px}



	/* 경쟁취약기업 ~ */
	.sub05_box div{width:100%}


	/* 자금지원 > 중소기업육성자금안내 */
	.process_4step dl{width:44%}

	/* 자금지원 > 중소기업육성자금안내 */
	.process_3step dl{width:100%;margin:0 0 20px}
	.process_3step dl::after{top:auto;bottom:-31px;left:50%;margin-left:-10px;border-top:15px solid #ddd;border-left:15px solid #fff;}


	/* 우수제품 리스트 */
	.goodproduct_list ul li a{width:45%}
	.goodproduct_list ul li:nth-child(4n) a{margin-right:10px}
	.goodproduct_list ul li:nth-child(2n) a{margin-right:0}
	.goodproduct_list ul li a dt{height:60px}
	
	
	/* 우수제품 뷰 */
	.product_detail .imgbox{width:100%;}
	.product_detail .imgbox .img{width:100%}
	.product_detail .imgbox .thumb ul li a{width:22%}
	.product_detail .txtbox{width:100%;margin-top:20px}
	.product_detail .txtbox h4{height:120px;}
	.product_detail .txtbox .btnbox{top:60px}

	/* 만족도 */
	.appraisal .top{width:100%;border-right:none;padding:0}
	.appraisal form{width:100%}
	.appraisal .wrt_box textarea{width:100%;margin:0}
	.appraisal .bottom ul li{margin-right:15px}
	.appraisal .bottom{padding:0}
	.appraisal .wrt_box .btn_black{width:100%}
	.appraisal .wrt_box .btn_black .submit{width:100%}


	/* 로그인 */
	.login_user{width:100%;border-right:none;border-bottom:1px solid #ddd;padding:30px 0}
	.login_social{width:100%;padding:0;margin-top:50px;padding:30px 0}

/* 블루이코노미 인턴지원사업  */
.sub0404_box{background:url(/pages/jepa/img/sub/sub0404_img01.jpg) no-repeat 60% top;padding:110px 0 130px;text-align:center;color:#fff}
.sub0404_box h4{width:100%;padding-top:5px;font-size:26px;margin-bottom:15px}
.sub0404_box p{width:60%;margin:0 auto;text-align:center;font-size:21px;background:url(/pages/jepa/img/sub/sub0404_icon01.png) no-repeat center top;}

	/* 전라남도 청년센터 */
	.sub03060302_top .left_img{text-align:center; margin:0 auto 20px auto; padding:0; float:none;}
	.sub03060302_top .left_img img{width:100%;}
	.table_type3{width:100%;}



	.cts_box .cts_box_wrap .logo_img img{width:80%;}
	.btn_type4{padding:12px 16px;}
	.btn_type4:after{display:none;}
	.btn_type_w a.ml_10{margin:0;}

.human{font-size:16px}
.human_box{width:100%;margin-bottom:28px }
.human_box dl{margin-bottom:15px;border:solid 1px #eee;padding: 10px 10px;display: block;min-height:250px;line-height: 24px;}
.human_box dt{width: 17%;font-size:18px;}
.human_box dd{width: 91%;font-size: 14px;}
.human_box dl dd span.c_fff {color:#333}


.onestop img{width:100%}

}




/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	.img_d{display:block}
	.img_t{display:none}
	.img_m{display:none}
	
	.img_d img{width:100%}


	.sub_contentsbox{width:100%}
	#lnb{display:none}
	#contents{width:100%;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:30px 0 }
	#contents .contents_top h3{line-height:15px;margin-bottom:10px;font-size:20px}

	.imgbox img{max-width:100%}

	.cut3box div{padding:25px 10px;height:130px}



	/* jba 소개 > 연혁 */
	.history .section dl dt{font-size:28px;width:20%}
	.history .section dl dd{width:80%}
	.history .section dl dt span::after{display:none}

	/* jba 소개 > 윤리경영 */
	.ethics_3box div{width:32%;min-height:400px;margin-right:5px;padding:15px}

	.charter_box{padding: 20px 55px 10px;}
	.charter_box .charter_title{font-size: 28px;letter-spacing: -0.05em;}
	.charter_box .charter_desc{font-size: 16px;line-height: 24px; padding: 30px 0;}
	.charter_box ul li{line-height: 18px; padding-bottom: 25px;}
	.charter_box .sign{font-size: 22px;margin-top: 20px;}
	.charter_bottom{height: 80px;}


	/* 입주시설안내 > 회의실이용안내 > 사용신청 */
	.apply_info ul li dl dt{width:100%;padding:20px;margin-bottom:20px}
	.apply_info ul li dl dd{width:100%;margin:0}
	.apply_info ul li{width:100%;height:auto;padding:15px 0}

	/* 입주시설안내 > 회의실 소개 */
	.box_type2 .box_left .txt{position:relative;top:0;left:0;width:100%;padding:0;height:auto}
	.box_type2 .box_left .img{width:100%}
	.box_type2 .box_right .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;float:none;height:auto}
	.box_type2 .box_right .img{width:100%;position:relative}

	.box_type4 .box_left .txt{position:relative;top:0;left:0;width:100%;padding:0;height:auto}
	.box_type4 .box_left .img{width:100%}
	.box_type4 .box_right .txt{position:relative;top:0;left:0;width:100%;padding:20px 0;float:none;height:auto}
	.box_type4 .box_right .img{width:100%;position:relative}


	/* 입주시설안내 > 회의실이용안내 > 신청내역확인 */
	.calendar p{text-align:center}
	.calendar ul{display:table;width:100%;margin-bottom:15px;}
	.calendar ul li{display:table-row;width:100%;font-size:13px}
	.calendar ul li div{display:table-cell;width:14%;min-height:80px;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;}
	.calendar ul li div.text{border:none;display:table-cell;width:70%}
	.calendar ul li div:last-child{border-right:0px;}
	.calendar ul li div.text{border:none;height:auto;min-height:auto;box-sizing:border-box;padding:12px 7px 12px 0}
	.calendar ul li div.text ul{min-height:auto}
	.calendar ul li div.text ul li{padding:0;margin:0;position:relative;color:#000;font-weight:400;font-size:12px;line-height:18px;text-align:left;letter-spacing:0}
	.calendar ul li div.text ul li a{border:1px solid #ddd;display:block;padding:4px;border-radius:4px;margin-bottom:3px}
	.calendar ul li div.text ul li a:hover{border:1px solid #333;text-decoration:none}
	.calendar ul li.header div{height:30px;line-height:30px;min-height:0px;border-top:1px solid #dfd8c6;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;background:#fbfaf7;color:#777 !important;font-weight:bold;text-align:center;}
	.calendar ul li.header div:last-child{border-right:0px;}
	.calendar ul li.header div.Sun{color:#cc2220;}
	.calendar ul li.header div.Sat{color:#2453a5;}
	.calendar ul li div.empty{background:#fbfaf7;}
	.calendar ul li div time{display:block;padding:3px 0 3px 3px;font-weight:600;min-height:15px;font-size:12px}
	.calendar ul li div time span{display:none;}
	.calendar ul li div ul{width:100%;font-size:0px;text-align:right;padding:0 3px;min-height:60px;}
	.calendar ul li div ul li{margin:0px 3px 3px 0px;padding:3px;}

	/* 사용신청 - 기존 신청 정보 */
	{}


	/* 입주현황 */
	.floor_box dl{width:100%}
	.floor_box dl dt{width:100%;text-align:left}
	.floor_box dl dd{width:100%}
	.floor_box dl dd ul li{width:48%;height:80px}


	/* 자금지원 > 중소기업육성자금안내 */
	.process_4step dl{width:30%}


	/* 경쟁취약기업 ~ */
	.sub05_box div{width:48.4%;height:200px}



	/* 자금지원 > 중소기업육성자금안내 */
	.process_3step dl{width:30%}

	/* 우수제품 리스트 */
	.goodproduct_list ul li a{width:30%}
	.goodproduct_list ul li:nth-child(4n) a{margin-right:10px}
	.goodproduct_list ul li:nth-child(3n) a{margin-right:0}
	.goodproduct_list ul li a dt{height:60px}
	
	
	/* 우수제품 뷰 */
	.product_detail .imgbox{width:100%;}
	.product_detail .imgbox .img{width:100%;height:450px}
	.product_detail .txtbox{width:100%;margin-top:20px}
	.product_detail .txtbox h4{height:120px;}
	.product_detail .txtbox .btnbox{top:60px}
	.goodproduct_view .product_detail{width:70%;margin:0 auto;display:block}

	/* 만족도 */
	.appraisal .wrt_box textarea{width:69%}


	/* 로그인 */
	.login_user{width:60%;border-right:none;border-bottom:1px solid #ddd;padding:30px 0;margin:0 auto;float:none}
	.login_social{width:60%;padding:0;margin:50px auto;padding:30px 0;float:none}


	/* 전라남도 청년센터 */
	.sub03060302_top .left_img{text-align:center; margin:0 auto 20px auto; padding:0; float:none;}
	.table_type3{width:100%;}

}









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

	.sub_contentsbox{width:100%;padding-bottom:220px}
	#lnb{width:100%}
	#lnb h2{display:none}
	#lnb .sub_2dmenu a{width:24.5%;float:left;margin:0 2px 4px;letter-spacing:-1px;padding:20px 5px}
	#lnb .sub_2dmenu a.on{padding:17px 5px}
	#lnb .sub_2dmenu .sub_3dmenu{position:absolute;top:120px;width:100%}
	#lnb .sub_2dmenu li ul li a{width:auto}
	#lnb .sub_2dmenu li ul{display:inline-block;width:calc(100% - 20px);box-sizing:border-box;margin:10px}

	.pullDown{display:none !important}

	#contents{width:100%;position:relative;top:130px;padding:10px;box-sizing:border-box}
	#contents .contents_top{padding:15px 0 30px; }

	.imgbox img{width:100%}



	/* jba 소개 > 연혁 */
	.history .section dl dt{font-size:28px;width:20%}
	.history .section dl dd{width:80%}
	.history .section dl dt span::after{display:none}

	/* jba 소개 > 윤리경영 */
	.ethics_3box div{width:32%;min-height:400px;margin-right:5px;padding:15px}

	/* 자금지원 > 중소기업육성자금안내 */
	.process_4step dl{width:22%}

	/* 경쟁취약기업 ~ */
	.sub05_box div{width:48.4%;height:200px}


	/* 입주현황 */
	.floor_box dl{width:100%}
	.floor_box dl dt{width:100%;text-align:left}
	.floor_box dl dd{width:100%}
	.floor_box dl dd ul li{width:48%}

	/* 입주시설안내 > 회의실이용안내 > 사용신청 */

	/* 입주시설안내 > 회의실 소개 */
	.box_type2 .box_left .txt{padding:0 20px}
	.box_type2 .box_right .txt{padding:70px 20px}
	.box_type2 .box_left .img{overflow:hidden}
	.box_type2 .box_right .img{overflow:hidden}

	.box_type4 .box_left .txt{padding:0 20px}
	.box_type4 .box_right .txt{padding:70px 20px}
	.box_type4 .box_left .img{overflow:hidden}
	.box_type4 .box_right .img{overflow:hidden}


	/* 우수제품 리스트 */
	.goodproduct_list ul li a{width:22.8%}

	/* 우수제품 뷰 */
	.product_detail .imgbox{width:100%;}
	.product_detail .imgbox .img{width:100%;height:600px}
	.product_detail .txtbox{width:100%;margin-top:20px}
	.product_detail .txtbox h4{height:120px;}
	.product_detail .txtbox .btnbox{top:60px}
	.goodproduct_view .product_detail{width:70%;margin:0 auto;display:block}

		/* 만족도 */
	.appraisal .wrt_box textarea{width:76%}

	/* 전라남도 청년센터 */
	.sub03060302_top .left_img{text-align:center; margin:0 auto 20px auto; padding:0; float:none;}
	.table_type3{width:100%;}


}








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








}