@charset "utf-8";

#wrap{width:100%;margin:0 auto;overflow:hidden;min-height:100%;min-width:320px;position:relative;word-break:keep-all}
/* 채용정보 */
#header_pop{position:relative;background:url(../img/main/pop_bg.gif) center top no-repeat;width:100%;height:160px;padding:20px 0 0 0;box-sizing:border-box}
	.header_pop{position:relative;width:1600px;margin:0 auto}
	.header_pop a.btn_more{position:absolute;top:-22px;right:0;font-size:11px;color:#666;font-weight:300;font-family:Dotum}
	.header_pop a.btn_more:hover{font-weight:bold;text-decoration:none}
	.header_pop .list{width:calc(100% - 50px);}
	.header_pop .list > li{position:relative;float:left;background:#fff;border:1px solid #a8b7bb;width:calc(100% / 7);box-sizing:border-box;padding:25px 0 25px 30px;margin-left:-1px}
	.header_pop .list > li > span{position:absolute;left:0;top:0;width:40px;height:15px;display:block;text-align:center;color:#fff;font-size:11px;font-family:Dotum;line-height:15px}
	.header_pop .list > li > span.area_1{background:#84b44d}
	.header_pop .list > li > span.area_2{background:#f7a233}
	.header_pop .list > li > span.area_3{background:#d185d2}
	.header_pop .list > li > span.area_4{background:#007eff}
	.header_pop .list > li > span.area_5{background:#54c3c8}







	.header_pop .list > li > dl > dt > a{display:block;font-size:15px;color:#222;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:92%}
	.header_pop .list > li > dl > dd > a{display:block;font-size:14px;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:92%}
	.header_pop .list > li > dl > dd > a:hover{font-weight:500;text-decoration:none}
	.header_pop .list > li .state .ing{display:inline-block;color:#007eff;font-size:11px;font-family:Dotum;line-height:14px;border:1px solid #007eff;border-radius:3px;margin-right:7px;padding:0 2px}
	.header_pop .list > li .state .end{display:inline-block;color:#de3939;font-size:11px;font-family:Dotum;line-height:14px;border:1px solid #de3939;border-radius:3px;margin-right:7px;padding:0 2px}
	.header_pop .list > li .state .dday{font-size:13px}
	.header_pop .btn{float:left}
	.header_pop .btn > li > a{display:block;width:50px;height:38px}
	.header_pop .btn > li > a span{font-size:0}
	.header_pop .btn > li > a.btn_prev{background:#10a6be url(../img/main/header_btn_prev.png) center center no-repeat;border-bottom:1px solid #39b9ce} 
	.header_pop .btn > li > a.btn_next{background:#10a6be url(../img/main/header_btn_next.png) center center no-repeat} 
	.header_pop .btn > li > a:hover{background-color:#058094}
	.header_pop .btn > li.list_num{background:#606060;color:#fff;height:50px;text-align:center;line-height:48px;font-size:12px;color:#dfdfdf}
	.header_pop .btn > li.list_num strong{font-size:14px;color:#fff}
	
	.pop_open .btn_fullmenu_t{top:210px !important}
	.pop_open .btn_fullmenu_m{position:relative;top:140px !important;right:12px}
	.header_pop_m{display:none}
/* header */
#header{}
	.header_info_wrap{width:100%;height:32px;background:#325aa5;box-sizing:border-box}
	.header_info{position:relative;width:1600px;margin:0 auto}
	.header_info .link_info > li > a{border-right:1px solid #94a6c8;color:#fff;float:left;height:32px;line-height:30px;font-size:12px;padding:0 23px;text-align:left}
	.header_info .link_info > li > a:hover{background-color:#fff;color:#222;font-weight:500;background-position:95% 3px}
	.header_info .link_info > li > a.on{background:#fff;color:#222;font-weight:500}
	.header_info .header_set{position:absolute;right:0}
	.header_info .header_set > li > a{display:inline-block;float:left;color:#666}
	.header_info .blank{background:url(../img/main/icon_blank.gif) 95% 3px no-repeat;overflow:hidden}
	.header_info .blank:hover{background:url(../img/main/icon_blank2.gif) 95% -3px no-repeat}
	.header_info .header_set > li{float:left}
	.header_info .header_set > li > a{float:left;display:block;font-size:12px;min-width:94px;height:32px;line-height:30px;box-sizing:border-box}
	.header_info .header_set > li > a.job_regist1{background:#fff url(../img/main/header_set_job1.png) 10% top no-repeat;color:#222;min-width:auto;padding:0 15px 0 30px;border-right:1px solid #ddd}
	.header_info .header_set > li > a.job_regist2{background:#fff url(../img/main/header_set_job2.png) 10% top no-repeat;color:#222;min-width:auto;padding:0 15px 0 30px}
	.header_info .header_set > li > a.job_regist1:hover,.header_info .header_set > li > a.job_regist2:hover{color:#222;font-weight:500}
	.header_info .header_set > li > a.jobinfo{background:#eee  10% top no-repeat;color:#222;text-align:center;font-weight:500;min-width:100px}
	.header_info .header_set > li > a.jobinfo span{color:#10a6be}
	.header_info .header_set > li > a.sitemap2{background:#3572cb;color:#fff;text-align:center}
	.header_info .header_set > li > a.login{background:#19b5d6 url(../img/main/header_set_login.png) 10% top no-repeat;color:#fff;padding-left:30px}

/*소셜아이콘*/
.Social_icon {position: absolute;right:0;margin-right:67px;}
.Social_icon li{width:45px;position: relative;float: left;margin: 19px 3px;}

/* menuwrap */
#menuwrap{width:1600px;height:160px;box-sizing:border-box;margin:0 auto;padding:53px 0 38px 0;position:relative;z-index:9}
	#menuwrap h1{padding:0px 35px 0 10px;float:left;margin-top: -20px;}		
	#menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation{float:left;margin-top:5px}
	#navigation > li{display:inline;line-height:75px}
	#navigation > li > a{font-size:16px;color:#1c1c1c;padding:0 25px;font-weight:500;letter-spacing:-0.5px}
	#navigation > li > a.last{color:#e6224c}
	#navigation > li > a.on{color:#1e4ad7}
	.pullDown{width:100%;position:absolute;z-index:9999;height:auto;background:#0995ad;top:160px;left:0;display:none}
	.pullDown .title{float:left;position:relative;width:190px;font-size:24px;line-height:30px;color:#fff;font-weight:500;padding:60px 50px 85px 100px;border-right:1px solid #63b6c5} 
	.pullDown .title::after{content:'';position:absolute;top:0;left:0;width:180px;height:1px;background:#63b6c5}
	.pullDown > ul{float:left;width:950px;padding:40px 0 0px 50px}
	.pullDown > ul > li{display:block;float:left;position:relative;padding:0 9px;margin-bottom:10px;line-height:30px !important}
	.pullDown > ul > li > a{color:#fff;font-size:15px !important;position:relative;border:1px solid #63b6c5;display:block;width:200px;padding:2px 0 2px 12px}
	.pullDown > ul > li > a:hover{background:#fff;border-left:5px solid #454b55;border-bottom:none;background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
	linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);color:#222;font-weight:500;border:1px solid #fff}
	.pullDown .br_none{border-right:none !important}

/* 전체메뉴버튼 */
.header_fullmenu{padding:18px 0 0 4px;float:left;position:absolute;top:51px;right:0}
.header_fullmenu a.btn_fullmenu{display:block;width:50px;height:50px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat}
	     		 a.btn_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
			

.header_fullmenu_t{padding:10px 0 0 4px;float:left}
.header_fullmenu_t a.btn_fullmenu_t{display:block;width:50px;height:50px;position:fixed;top:26px;right:20px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat}
				   a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
				   a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.header_fullmenu_t{display:none}

#navigation_mobile_wrap{display:none}

/* 소셜로그인 */
 #social_login {position : absolute;top: 32px;border : 1px solid #efefef;z-index: 9999;background:#eee;padding:12px;display: none}
 #social_login li{ float: left;width:24px;margin:0 6px 0 6px}
 #social_login li img{width:24px;cursor:pointer}

/* pop_section */
#pop_section{width:100%;max-width:1750px;overflow:hidden;margin:0 auto;box-sizing:border-box}
/* visual */
	#visual{position:relative;float:left;width:1165px;height:560px}
	#visual > ul > li{float:left}
	#visual .arrow a{display:block;width:60px;height:60px;z-index:9}
	#visual .arrow a:hover{background-position:0 -60px}
	#visual .arrow span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#visual .arrow .btn_prev{background:url(../img/main/visual_btn_prev.png) no-repeat;position:absolute;top:220px;left:0px}
	#visual .arrow .btn_next{background:url(../img/main/visual_btn_next.png) no-repeat;position:absolute;top:220px;right:0px}

	#visual .btn{width:100%;position:absolute;bottom:40px;text-align:center;z-index:8}
	#visual .btn > ul > li {position:relative;display:inline-block;}
	#visual .btn > ul > li > a{display:block;border-radius:50%;border:3px solid #959ba8;width:6px;height:6px;margin-right:12px;overflow:hidden}
	#visual .btn > ul > li > a.on,#visual .btn ul li a:hover{border:none;background:#959ba8;width:15px;height:15px}
	#visual .btn > ul > li > a span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#visual .btn > ul > li > a.btn_play{display:block;background:url('../img/main/visual_btn_playnstop.png') 0 0 no-repeat !important;border:none !Important;width:13px;height:15px;border-radius:0 !important}
	#visual .btn > ul > li > a.btn_play:hover,#visual .btn > ul > li > a.stop{background-position:0 -15px !Important}
	#visual .btn > ul > li > a.btn_play a span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	
   #visualvido{background-color:#e8edf0;text-align: center; z-index:100; position:absolute; width:1167px; height:548px }

/* popzone */
#popzone{float:left;position:relative;width:580px;padding: 15px 25px 20px; margin-left:5px; border: 5px solid #e8e8e8;box-sizing:border-box;white-space: nowrap;overflow: hidden}
#popzone h3{font-size: 27px; line-height: 24px; padding-bottom: 18px; color: #222; font-weight: 500;letter-spacing: -2px;}
#popzone .cardnews_box{}
		 .cardnews_box li{background: #fff; width: 100%; height: 461px;display: block; text-align: center;}

#popzone .popzone_area{position:absolute;bottom:0px;right:0px;z-index:10}
		 .popzone_area .num{width:70px;height:50px;background:url('../img/main/popzone_numbg.gif') no-repeat;text-align:center;font-size:12px;color:#fff;line-height:48px;float:left;margin-right:1px}
		 .popzone_area .num span{font-weight:bold}
		 .popzone_area ul.btn{float:left}
		 .popzone_area ul.btn li{display:inline}
		 .popzone_area ul.btn li a{display:block;float:left;margin-right:1px}
		 .popzone_area ul.btn li a.btn_prev{width:50px;height:50px;background:url(../img/main/popzone_btn_prev.png) center top no-repeat}
		 .popzone_area ul.btn li a.btn_next{width:50px;height:50px;background:url(../img/main/popzone_btn_next.png) center top no-repeat}
		 .popzone_area ul.btn li a.btn_play{width:50px;height:50px;background:url(../img/main/popzone_btn_playstop.png) center top no-repeat}
		 .popzone_area ul.btn li a:hover{background-position:0 -50px}
		 .popzone_area ul.btn li a.stop{background-position:0 -50px}
		 .popzone_area ul.btn li span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#popzone .btn_more2 { position: absolute; top: 15px; right: 25px; text-decoration: underline;  background: url(../img/main/bbs_btn_more.png) no-repeat; width: 32px;height: 32px;}
#popzone .btn_more2 span { overflow: hidden; position: absolute; width: 1px; height: 1px;font-size: 0;line-height: 0;}

/* 상단배너 */
#banner_section{overflow:hidden;width:100%;max-width:1750px;margin:0 auto;box-sizing:border-box; padding-bottom:20px;}
#banner_section .mbn a{width:583px;height:238px;float:left;box-sizing:border-box;color:#fff;padding:36px 0 0 33px}
#banner_section .mbn a:hover{background-position:0 -238px}
#banner_section .mbn a > h3{font-size:22px;line-height:27px;font-weight:500}
#banner_section .mbn a > p{font-size:15px;line-height:22px;padding:10px 0 28px 0}
#banner_section .mbn a > p.btn_more{border:1px solid #fff;box-sizing:border-box;padding:4px;width:125px}
#banner_section .banner1 a{background:url(../img/main/mbn1.jpg) no-repeat}
#banner_section .banner2 a{background:url(../img/main/mbn2.jpg) no-repeat}
#banner_section .banner3 a{background:url(../img/main/mbn3.jpg) no-repeat}




/* bbs_section */
#bbs_section{width:100%;height:764px;max-width:1750px;margin:0 auto;background:url('../img/main/bbs_bg2.jpg') center top no-repeat;margin-top:20px;box-sizing:border-box}
#bbs_section .title_wrap{text-align:center;padding-top:96px;color:#352828}
#bbs_section .title_wrap h2{font-size:38px;line-height:45px;font-weight:300;padding-bottom:20px;letter-spacing:-1px}
#bbs_section .title_wrap h2 span{font-weight:500}
#bbs_section .title_wrap p{font-size:17px}

#bbs_wrap{width:1380px;height:430px;background:#fff;margin:50px auto 0}

/* 공지사항 */
#notice_wrap{width:785px;height:430px;padding:43px 0 0 47px;border-right:1px solid #ddd;position:relative;float:left;box-sizing:border-box;overflow:hidden}
#notice_wrap h3.title{font-size:15px;color:#222;padding:0 0 20px 0}
#notice_wrap h3.title span{font-size:13px;color:#666;font-weight:400;padding-left:4px}
		.tabMenu{position:relative}
		.tabMenu .wrap{float: left}
		.tabMenu .tab{float:left;position:relative;z-index:2;}
		.tabMenu .tab a{display:block;float:left;position:relative;width:120px;height:40px;font-size:12px;line-height:40px;color:#575757;text-align:center;text-decoration:none;border:1px solid #ddd;margin-left:-1px}
		.tabMenu .tab a:hover{background:#303030;color:#fff;text-decoration:none}
		.tabMenu .cnt{width:684px;height:auto;position:absolute;left:0px;top:58px;z-index:1;display:none;box-sizing:border-box}
		.tabMenu .cnt ul li{position:relative;width:100%;border-bottom:1px solid #ddd}
		.tabMenu .cnt ul li a{color:#666;line-height:23px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:80%;font-size:15px;padding-left:55px}
		.tabMenu .cnt ul li a:hover{font-weight:500;color:#555;text-decoration:none}
		.tabMenu .cnt ul li a span.area{position:absolute;left:0;top:0;width:40px;height:15px;display:block;text-align:center;font-size:11px;font-family:Dotum;line-height:15px;margin-top:12px}
		.tabMenu .cnt ul li a span.area_1{border:1px solid #84b44d;color:#84b44d}
		.tabMenu .cnt ul li a span.area_2{border:1px solid #f7a233;color:#f7a233}
		.tabMenu .cnt ul li a span.area_3{border:1px solid #d185d2;color:#d185d2}
		.tabMenu .cnt ul li a span.area_4{border:1px solid #007eff;color:#007eff}
		.tabMenu .cnt ul li a span.area_5{border:1px solid #54c3c8;color:#54c3c8}

		.tabMenu .cnt ul li a span.area_6{border:1px solid #5485c8;color:#5485c8}
		.tabMenu .cnt ul li a span.area_7{border:1px solid #545fc8;color:#545fc8}
		.tabMenu .cnt ul li a span.area_8{border:1px solid #f77833;color:#f77833}
		.tabMenu .cnt ul li a span.area_9{border:1px solid #d37697;color:#d37697}
		.tabMenu .cnt ul li a span.area_10{border:1px solid #3697d4;color:#3697d4}
		.tabMenu .cnt ul li a span.area_11{border:1px solid #4fbd83;color:#4fbd83}
		.tabMenu .cnt ul li a span.area_12{border:1px solid #23b9ff;color:#23b9ff}
		.tabMenu .cnt ul li a span.area_13{border:1px solid #d8637f;color:#d8637f}
		.tabMenu .cnt ul li a span.area_14{border:1px solid #7993de;color:#7993de}
		.tabMenu .cnt ul li a span.area_15{border:1px solid #8a939e;color:#8a939e}



		.tabMenu .cnt ul li a span.date{position:absolute;right:0;color:#1888d0;font-size:14px}
		.tabMenu .tab a.btn_more{display:none}

		.tabMenu .cnt .btn_more2{position:absolute;top:-55px;right:0px;text-decoration:underline;background:url('../img/main/bbs_btn_more.png') no-repeat;width:32px;height:32px}
		.tabMenu .cnt .btn_more2 span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
		.tabMenu .cnt a.btn_more2:hover{background-position:0 -32px}

		.tabMenu .wrap.on  a.tab1,.tabMenu .wrap.on a.tab2,.tabMenu .wrap.on a.tab3{color:#fff;background:#303030}
		.tabMenu .wrap.on  a.tab1:after,.tabMenu .wrap.on  a.tab2:after,.tabMenu .wrap.on  a.tab3:after{content:"";display:block; width:16px;height:11px;vertical-align:middle;margin:-1px auto 0}
		.tabMenu .wrap.on .cnt{display:block}
		.tabMenu .wrap.on .tab a.btn_more{display:none;position:absolute;z-index:100;top:4px;right:5px;color:#666;width:18px;height:18px;background:none;border:none}
		

/* 퀵메뉴 */
.quick_wrap{width:595px;height:224px;float:left;overflow:hidden;padding:38px 0 0 38px;box-sizing:border-box}
.quick_wrap h3{font-size:16px;padding-bottom:20px}
.quick_wrap ul li a{display:block;float:left;min-width:75px;height:75px;border-radius:50%;background:#f8f8f8;box-sizing:border-box;margin-right:28px;font-size:15px}
.quick_wrap ul li a.icon1{background:url(../img/main/quick1.png) no-repeat}
.quick_wrap ul li a.icon2{background:url(../img/main/quick2.png) no-repeat}
.quick_wrap ul li a.icon3{background:url(../img/main/quick3.png) no-repeat}
.quick_wrap ul li a.icon4{background:url(../img/main/quick4.png) no-repeat}
.quick_wrap ul li a.icon5{background:url(../img/main/quick5.png) no-repeat}
.quick_wrap ul li a span{color:#666;font-weight:500;text-align:center;display:block;padding-top:80px}
.quick_wrap ul li a:hover{color:#555}
/* banner_box */
.banner_box{width:595px;float:left;box-sizing:border-box}
.banner_box ul li a{width:calc(100% / 2);width:50%}
.banner_box ul li a.banner{float:left;height:207px;color:#fff;padding:37px 0 0 33px;box-sizing:border-box}
.banner_box ul li a.banner h3{font-size:20px;padding-bottom:13px}
.banner_box ul li a.banner p.btn_more{line-height:20px;border:1px solid #cbdaeb;margin-bottom:15px;padding:7px;width:115px;margin-top:20px;font-size:13px;box-sizing:border-box}
.online_center{background:#328cec}
.banner_box .job_guide{background:#2a509f}

/* 메인 타이틀 공통 */
.title_wrap_common{text-align:center;padding:60px 0 24px 0}
.title_wrap_common h3{font-size:30px;line-height:37px;padding-bottom:18px;color:#222;font-weight:400;letter-spacing:-2px}
.title_wrap_common h3 span{font-weight:500}
.title_wrap_common p{font-size:15px;color:#999}

/* 지역별 새일센터 */
#location_section{width:100%;max-width:1750px;margin:0 auto;position:relative;overflow:hidden; padding-bottom:40px;}
#location_section .location_box{position:relative;background:#f0f0f0;width:100%;height:650px}
#location_section .location_box .text_wrap{position:relative;left:257px;top:125px;width:400px;z-index:99}
#location_section .location_box .text_wrap h3{font-size:30px;line-height:48px;    font-weight: 400;
    padding-bottom: 24px;
    letter-spacing: -1px;}
#location_section .location_box .text_wrap p{font-size:15px;color:#2a81da;font-weight:500;position:relative}
#location_section .location_box .text_wrap p::after{content:'';display:block;position:absolute;top:50px;left:0;width:100px;height:1px;background:#666;margin:8px 0;box-sizing:border-box}
#location_section .location_box .list{padding:54px 0 50px 0}
#location_section .location_box .list li{color:#666;font-size:17px;line-height:30px}
#location_section .location_box .list li span{font-weight:500;padding-right:7px}
#location_section .location_box .text_wrap a.detail_view{display:block;width:320px;height:80px;color:#fff;background:#0d3070 url(../img/main/location_detail_view.png) right center no-repeat;box-sizing:border-box;
padding:0 0 0 32px;line-height:78px;font-size:16px;font-weight:500}
#location_section .location_box .map_wrap{width:750px;height:575px;position:absolute;right:240px;top:0;background:url(../img/map/map_common.jpg) right center no-repeat}



.top_tit{padding:75px 0 0px 0px;text-align:center}
.top_tit h2{font-size:34px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#fff;margin-bottom:18px}
.top_tit p{font-size:17px;line-height:1.5em; color:#fff}

#mobile_program_tab{display:none}

/* 새일센터 프로그램 */
#program_section{width:100%;max-width:1750px;margin:0 auto;position:relative;overflow:hidden;padding-bottom:10px;box-sizing:border-box}
#program_section .program_list ul li a{width:342px;height:430px;float:left;padding:58px 0 0 35px;box-sizing:border-box;margin-right:10px}
#program_section .program_list ul li a.program1{background:url(../img/main/program_bg1.jpg) no-repeat}
#program_section .program_list ul li a.program2{background:url(../img/main/program_bg2.jpg) no-repeat}
#program_section .program_list ul li a.program3{background:url(../img/main/program_bg3.jpg) no-repeat}
#program_section .program_list ul li a.program4{background:url(../img/main/program_bg4.jpg) no-repeat}
#program_section .program_list ul li a.program5{background:url(../img/main/program_bg5.jpg) no-repeat;margin-right:0}
#program_section .program_list ul li a p.stitle{font-size:14px;color:#fff;border-bottom:1px solid #fff;display:inline-block;margin-bottom:18px}
#program_section .program_list ul li a h3{font-size:27px;line-height:32px;color:#fff;font-weight:500;letter-spacing:-1px}
#program_section .program_list ul li a p.detail_view{border:2px solid #fff;padding:4px;box-sizing:border-box;color:#fff;width:125px;margin-top:180px}
#program_section .program_list ul li a{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#program_section .program_list ul li a:hover{text-decoration:none;background-position:0 -430px;-webkit-transition: background-color 2s ease-out;}

/* contents */	
.contents_wrap{min-height:500px;margin-bottom: 200px;}
.contents_wrap .tit_h2{font-size:34px;line-height:40px;color:#000;font-weight:500;text-align:center;letter-spacing:-2px}
.contents_wrap .tit_h2:after{display:block;content:'';margin: 0 auto;margin-top:25px;width: 40px;height:1px;background:#000}

/* s_visual */
#s_visual{position:relative}
.s_visual{width:100%;max-width:1920px;height:260px;margin:0 auto}
.sub01{background:url('../img/sub/s_visual1.jpg') center top no-repeat}
.sub02{background:url('../img/sub/s_visual2.jpg') center top no-repeat}
.sub03{background:url('../img/sub/s_visual3.jpg') center top no-repeat}
.sub04{background:url('../img/sub/s_visual4.jpg') center top no-repeat}
.sub05{background:url('../img/sub/s_visual5.jpg') center top no-repeat}
.sub06{background:url('../img/sub/s_visual6.jpg') center top no-repeat}
.sub07{background:url('../img/sub/s_visual7.jpg') center top no-repeat}
.sub08{background:url('../img/sub/s_visual1.jpg') center top no-repeat}

/* 서브메뉴 */
#lnb{width:1300px;margin:0 auto;margin-top:50px;padding-bottom:30px;overflow:hidden}	
	#lnb ul{border-left:1px solid #efefef;margin-top:50px}
	#lnb li {float:left;position:relative;margin-left:-1px}
	#lnb 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}
	#lnb li a.on, #lnb li a:hover.on{color:#fff;font-weight:400;background:#00a0c1;z-index:9}
	#lnb li a:hover{background:#efefef;text-decoration:none;color:#000}

	#contens{width:100%;float:left;min-height:400px;box-sizing:border-box;padding:20px 20px 50px 20px;overflow:hidden}
	#contens h1{font-size:24px;color:#000;font-weight:300;background:url('/pages/basic/img/sub/sub_h1_butt.gif') center top no-repeat;padding-top:13px;display:block;width:100%;margin-bottom:40px;text-align:center}
	.lnb_01 li{width: calc(100% / 8)}

/* weblocation */
#wrap .weblocation{display:block;/* position:absolute;left:0;z-index:10; */width:100%;height:40px;margin-top:0;border-bottom:1px solid #bac0cb;border-top:1px solid #bac0cb;background:#fff}
	  .weblocation{width:100%;height:40px;max-width:1920px;margin:0 auto;border:1px solid #ddd}
	  .weblocation .weblocation_box{position:relative;z-index:10;max-width:1600px;background:#fff;min-width:1400px;width:100%;height:40px;margin:0 auto}
	  .weblocation_box h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	  .weblocation_box .location{float:left;position:relative;width:100%;height:40px;padding-left:10px}
	  .weblocation_box .location > li{float:left;height:40px;padding:0 19px 0 12px;border-right:1px solid #ddd}
	  .weblocation_box .location li.mn{box-sizing:border-box;width:220px}
	  .weblocation_box .location > li > a{display:block;height:40px;font-size:15px;line-height:38px;color:#4a4a4a;position:relative}
	  .weblocation_box .location > li > a > span{display:inline-block;width:100%;padding:0px 0px 0 10px;background:url(../img/sub/sub_navi_btn_arrow.gif) no-repeat right center;cursor:pointer}
	  .weblocation_box .location > li > a:hover span{font-weight:bold}
	  .weblocation_box .location > li.home{float:left;width:45px;height:40px;background:url(../img/sub/sub_navi_btn_home.gif) no-repeat center top;padding:0;border-left:1px solid #ddd}
	  .weblocation_box .location > li.home a span{font-size:0;background:none !important;padding:0 !important}
	  .weblocation_box .location > li.last{background:none !important}

	.weblocation_box .location_dept_wrap h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	.weblocation_box .location_dept{display:none;position:absolute;top:40px;z-index:15;width:220px;min-width:167px;height:auto;padding:9px 0 7px!important;border:1px solid #d6d6d6 !important;
	background-color:#fff !important;margin-left:-13px}
	.location_dept > li{margin:0 0 1px !important;background:none !important;height:28px !important}
	.location_dept > li > a{display:block;width:100%;min-width:167px !important;height:30px !important;line-height:30px !important;color:#444 !important;font-size:14px !important;padding-left:9px;box-sizing:border-box}
	.location_dept > li > a:hover, .location_dept li a.on{background-color:#5b5c62 !important;font-weight:700 !important;color:#fff !important}
	.location_dept > li > a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
	

	.weblocation_box .location_dept2{display:none;position:absolute;top:40px;z-index:15;width:220px;min-width:167px;height:auto;padding:9px 0 7px!important;border:1px solid #d6d6d6 !important;
	background-color:#fff !important;margin-left:-13px}
	.location_dept2 > li{margin:0 0 1px !important;background:none !important;height:28px !important}
	.location_dept2 > li > a{display:block;width:100%;min-width:167px !important;height:30px !important;line-height:30px !important;color:#444 !important;font-size:14px !important;padding-left:9px;box-sizing:border-box}
	.location_dept2 > li > a:hover, .location_dept2 li a.on{background-color:#5b5c62 !important;font-weight:700 !important;color:#fff !important}
	.location_dept2 > li > a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
	.
	.weblocation_box a.location_dept_on,.weblocation_box a:hover.location_dept_on{background-color:#5CA2E5 !important;font-weight:700 !important;color:#fff !important}

	.weblocation .info .sns{position:absolute;right:0}
	.weblocation .info .sns button{width:40px;height:40px;border-left:1px solid #ddd;border-right:1px solid #ddd;font-size:0;background:url(../img/sub/location_sns_icon.png) center center no-repeat;border-top:none;border-bottom:none;cursor:pointer;position:relative}
	.weblocation .info .sns button:hover{}
	.weblocation .info .sns ul{display:block;width:220px;padding:15px 0 15px 20px;background:#fff;border:1px solid #ddd;overflow:hidden;height:120px;z-index:20;position:absolute;top:40px;right:0}
	.weblocation .info .sns ul li a{display:block;width:100% !important;float:left;font-size:13px;letter-spacing:0;line-height:13px;height:19px !important;background:url('../img/sub/sns_list.gif') 0 0 no-repeat;
	color:#555;margin-bottom:3px}

	.weblocation .info .sns ul li a:hover{font-weight:700;color:#333}
	.weblocation .info .sns ul li a span{display:block !important;padding-left:25px;padding-top:1px}
	.weblocation .info .sns ul li.fa a, .weblocation .info .sns ul li li.fa a:hover{background-position: 0 0}
	.weblocation .info .sns ul li.tw a, .weblocation .info .sns ul li li.tw a:hover{background-position: 0 -19px}
	.weblocation .info .sns ul li.me a, .weblocation .info .sns ul li li.me a:hover{background-position: 0 -38px}
	.weblocation .info .sns ul li.yz a, .weblocation .info .sns ul li li.yz a:hover{background-position: 0 -57px}
	.weblocation .info .sns ul li.cw a, .weblocation .info .sns ul li li.cw a:hover{background-position: 0 -76px}
	.weblocation .info .sns ul li.cp a, .weblocation .info .sns ul li li.cp a:hover{background-position: 0 -94px}
	.weblocation .info .sns ul li.bd a, .weblocation .info .sns ul li li.bd a:hover{background-position: 0 -133px}
	.weblocation .info .sns ul li.gp a, .weblocation .info .sns ul li li.gp a:hover{background-position: 0 -114px}
	.weblocation .info .sns ul li.ks a, .weblocation .info .sns ul li li.ks a:hover{background-position: 0 -152px}
	.weblocation .info .sns ul li.kk a, .weblocation .info .sns ul li li.ks a:hover{background-position: 0 -172px}

	.weblocation .info a.btn_qr_sub{position:absolute;right:40px;display:block;float:left;height:40px;font-size:13px;font-weight:700;color:#777;line-height:38px;padding:0 20px;overflow:hidden;border-left:1px solid #ddd;margin-left:2px}
	.weblocation .info a:hover.btn_qr_sub{color:#222}

	.weblocation .sub_navi{position:absolute;top:59px;right:0;color:#777}

	.weblocation .qr_sub_on{width:310px;height:415px;box-sizing:border-box;padding:30px 24px 0 24px;box-shadow:5px 5px 5px #999;position:absolute;z-index:2;top:45px;right:0
	;background:url(/pages/basic/img/sub/qr_subbg.gif) top center #fff no-repeat;border:1px solid #ddd;overflow:hidden;z-index:9999}
	.weblocation .qr_sub_on dl{display:block;border-bottom:1px solid #ddd;width:100%;padding:12px 0 15px 0}
	.weblocation .qr_sub_on dt{font-size:18px;color:#000;font-weight:700;padding-bottom:10px}
	.weblocation .qr_sub_on dd{font-size:14px;line-height:20px;color:#555}
	.weblocation .qr_sub_on .qr_img{width:100%;text-align:center;padding-top:130px}
	.weblocation .qr_sub_on .btn_close{position:absolute;top:10px;right:10px}



/* footer */
#footer{clear:both;height:280px;border-top:1px solid #ccc;box-sizing:border-box}	
	.footer_info{overflow:hidden;padding:15px 0 10px 0}
	.footer_info > li > a{display:block;float:left;padding:0 12px;box-sizing:border-box;border-right:1px solid #ddd;color:#555;font-size:14px;font-weight:500}
	.footer_info > li > a:hover{font-weight:500;text-decoration:none}
	.footer_info > li:nth-child(1) a{padding-left:0}
	.footer_info > li:last-child a{border-right:none}

#footer .footer_box{position:relative;width:1600px;margin:0 auto;padding-top:14px}
#footer .footer_box address{font-style:normal;line-height:23px;padding:4px 0 4px 0;color:#222;font-size:14px}
#footer .footer_box .copyright{font-size:14px;letter-spacing:0}
#footer .footer_box h2{float:left;padding-top:10px}

#footer .cscenter{position:absolute;top:28px;right:310px}
#footer .cscenter dl{float:left;padding-right:30px;height:112px;background-size:23px !important}
#footer .cscenter dl dt{font-size:16px;color:#222;padding-bottom:13px}
#footer .cscenter dl dd{font-size:20px;font-weight:500}
#footer .cscenter dl.call{background:url(../img/main/footer_ico_call.png) left bottom no-repeat}
#footer	.cscenter dl.call span{color:#0668d6}
#footer	.cscenter dl.fax{background:url(../img/main/footer_ico_fax.png) left bottom no-repeat}
#footer	.cscenter dl.email{background:url(../img/main/footer_ico_email.png) left bottom no-repeat}

	/* sitelink_wrap */
	#sitelink_box{position:absolute;top:28px;right:110px}
	#sitelink_box h3{font-weight:400;padding-right:10px;font-size:15px}
	.sitelink_sbox{float:left;position:relative}
	.sitelink_sbox button{text-align:left;float:left;border:1px solid #7f7f7f;color:#9d9d9d;padding:0 30px 0 15px;width:210px;height:34px;position:relative;top:10px;
	cursor:pointer;background:url(../img/main/sitelink_arrow.gif) top right no-repeat;font-size:13px}
	.sitelink_sbox button:hover{font-weight:bold}
	.sitelink_sbox ul{position:absolute;top:44px;left:0px;width:210px;height:auto;display:block;background:#535353;padding:20px 10px 20px 25px;z-index:10;box-sizing:border-box}
	.sitelink_sbox ul li a{line-height:23px;color:#fff;display:block;width:100%;font-size:14px}
	
#footer .qrcode{position:absolute;right:0;top:20px}
#footer .total{position:absolute;right:0}
#footer .total p{font-size:13px;line-height:20px}
#footer .total span.title{font-weight:bold;padding-left:10px}
#footer .total span.today{color:#0f69c4}



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

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

.cardnews_box li img{ width: 100% !important; }

/* 채용정보 */
#header_pop_wrap{position:relative}
#header_pop{padding:18px 12px 31px;height:auto}
	.header_pop{width:100%}
	.header_pop .list{width:calc(100% - 43px);height:93px;overflow:hidden}
	.header_pop .list > li{width:calc(100% / 2);padding:20px 0 10px 15px}
	.header_pop .list > li > dl > dt > a{font-size:13px;line-height:15px}
	.header_pop .list > li > dl > dd > a{font-size:12px}
	.header_pop .btn{position:absolute;right:0;top:0}
	.header_pop .btn > li > a{width:44px;height:50px}
	.header_pop .btn > li.list_num{display:none}
	/* .header_pop a.btn_more{display:none} */
	
	.header_pop_m{display:block;position:absolute;bottom:0;right:0;z-index:99}	
	.header_pop_open{top:0}
	.header_pop_m a.btn_pop{color:#fff;width:80px;padding:0 12px;font-size:12px;box-sizing:border-box;display:block;background:#6f7574 url(../img/main/header_pop_close.gif) right top no-repeat}
	.header_pop_m a.open{background-position:right -24px}
	
/* header */
.header_info_wrap{display:none}
#navigation_pc{display:none}
#menuwrap{width:100%;height:100px;padding:15px 10px}
#menuwrap h1{padding:10px 35px 0 15px}
#menuwrap h1 a img{width:250px}


/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:290px;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:9999;display:none}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile #navigation_m{padding-top:10px}
	#navigation_mobile #navigation_m > li > a{color:#222;font-size:17px;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #ccc;padding-left:20px;font-weight:500;position:relative}
	/*#navigation_mobile ul > li > a:hover{color:#fff}*/
	#navigation_mobile ul > li > a.on{background:#0170b0;font-weight:bold;color:#fff;border-bottom:1px solid #fff}
	/* #navigation_mobile ul > li > a.on span{font-size:33px} */
	#navigation_mobile ul > li > a span{position:absolute;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;background:#2a2e53;line-height:45px;height:45px;font-size:13px;padding-left:30px;border-bottom:1px solid #51586e;color:#fff}
	#navigation_mobile li > ul > a span{right:30px}

	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:40px;height:40px;background:url(/pages/basic/img/sub/qrcode_close_btn.png) no-repeat;top:15px;right:0}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	
  .navigation_top{overflow:hidden;padding:12px}
  .navigation_top ul li {float:left;padding:12px}
  .navigation_top ul li img{width:24px;cursor:pointer}
  .navigation_top ul li a.login{display:block;color:#222;border:1px solid #666;font-size:15px;padding:0 20px;height:40px;line-height:38px}
  .navigation_top ul li a.login:hover{background:#222;color:#fff;border:1px solid #222}
/* pop_section */
#pop_section{max-width:100%;padding:0 10px}

/* visual */
#visual{width:100%;height:auto}
#visual li img{width:100%}
#visual .arrow .btn_prev{top:70px;width:45px;height:45px;background-size:cover}
#visual .arrow .btn_next{top:70px;width:45px;height:45px;background-size:cover}
#visual .arrow a:hover{background-position:0 -45px}
#visual .btn{bottom:10px}

#visualvido{width:100%;height:auto}

/* 팝업존 */
#popzone{width:100%;height:auto;margin:10px 0 0 0}
#popzone li img{width:100%}
.popzone_area ul.btn li a.btn_prev,.popzone_area ul.btn li a.btn_next,.popzone_area ul.btn li a.btn_play{width:45px;height:45px}
.popzone_area .num{width:60px;height:45px}
.popzone_area ul.btn li a:hover{background-position:top center}
.cardnews_box li{height:100%;}


/* 상단배너 */
#banner_section{max-width:100%;padding:0 10px;margin-top:10px}
#banner_section .mbn a{width:100%;background-size:cover;overflow:hidden;padding:30px 0 0 25px;height:160px;margin-top:1px}
#banner_section .banner1 a{background:url(../img/main/mbn1_m.jpg) right top no-repeat}
#banner_section .banner2 a{background:url(../img/main/mbn2_m.jpg) right top no-repeat}
#banner_section .banner3 a{background:url(../img/main/mbn3_m.jpg) right top no-repeat}
#banner_section .mbn a > h3{font-size:18px;line-height:23px;font-weight:400}
#banner_section .mbn a > p{font-size:13px;line-height:19px}
#banner_section .mbn a:hover{background-position:right top}
#banner_section .mbn a > p.btn_more{display:none}

/* s_visual */
.s_visual{width:100%;height:130px;background-size:cover}
.top_tit{padding:35px 0 0 0}
.top_tit h2{font-size:24px;line-height:30px}
.top_tit p{font-size:15px}

/* bbs_section */
#bbs_section{max-width:100%;height:auto;width:95%}
#bbs_section .title_wrap{display:none/* padding:30px 0 20px 0 */}
#bbs_section .title_wrap h2{font-size:21px;line-height:30px;padding-bottom:6px}
#bbs_section .title_wrap p{font-size:12px}
#bbs_wrap{width:100%;height:auto;margin:0}

/* 공지사항 */
#notice_wrap{width:100%;padding:0px 0 0 15px;height:270px;border-right:none}
#notice_wrap h3.title{display:none}
.tabMenu .tab a{font-size:11px;width:75px}
.tabMenu .cnt{width:100%}
.tabMenu .cnt ul li a{font-size:14px;width:56%;line-height:35px}
.tabMenu .cnt ul li a span.date{font-size:13px;right:20px}
.tabMenu .cnt .btn_more2{background:none;top:-18px;width:auto}
.tabMenu .cnt .btn_more2 span{font-size:12px;overflow:visible;position:static;color:#666}
/* 퀵메뉴 */
.quick_wrap{width:100%;padding:20px 0 0 0px;height:auto;margin-bottom:1px}
.quick_wrap h3{display:none;/* font-size:14px;padding:0 0 10px 20px */}
.quick_wrap ul li a{font-size:14px;width:calc(100% / 3);float:left;height:110px;border:1px solid #ddd;border-radius:0;min-width:auto;margin-right:0;margin-left:-1px;background-size:70px !important;background-position:center 12px !Important}
.quick_wrap ul li a span{padding-top:80px;font-weight:300}
.quick_wrap ul li a.icon1{margin-left:0}
.quick_wrap ul li a.icon4,.quick_wrap ul li a.icon5{width:calc(100% / 2);width:50%;background-size:70px !important;margin-top:-1px}
.quick_wrap ul li a.icon4{margin-left:0}

/* banner_box */
.banner_box{width:100%}
.banner_box ul li a.banner{height:120px;padding:20px 30px 0 20px}
.banner_box ul li a.banner h3{font-size:16px;padding-bottom:6px;font-weight:500}
.banner_box ul li a.banner p.btn_more{display:none}
.banner_box ul li a.banner p{font-size:12px;line-height:18px}
.banner_box ul li a.banner p br{display:none}

/* 메인 타이틀 공통 */
.title_wrap_common{padding:30px 25px 24px 25px}
.title_wrap_common h3{font-size:21px;line-height:28px;padding-bottom:7px}

/* 지역별 새일센터 */
#location_section{max-width:100%;height:auto;width:95%;overflow:visible;clear:both}
#location_section .location_box{padding:0 0 35px 0}
#location_section .location_box .map_tab_m{display:block}
#location_section .location_box .map_tab_m ul li a{float:left;width:100%}
.sitelink_sbox2{width:99%;position:relative}
		.sitelink_sbox2 button{height:50px;width:100%;border:1px solid #ddd;font-weight:700;color:#fff;text-align:left;box-sizing:border-box;padding:0 50px 0 20px;
		background:#666 url(/pages/basic/img/sub/sitelink_arrow3.png) right center no-repeat;letter-spacing:-1px;font-size:14px;cursor:pointer;position:relative}	
		.sitelink_sbox2 ul{position:absolute;background:#333;padding:20px 10px 20px 15px;z-index:10;box-sizing:border-box;border:1px solid #6e7e98}
		.sitelink_sbox2 ul li a{font-size:14px;line-height:33px;letter-spacing:-1px;color:#fff;padding-left:20px;display:block;width:100%}
		.sitelink_sbox2 ul{top:40px;bottom:auto;border-radius: 0 0 4px 4px;width:100%;padding:10px 0 20px 0;z-index:999}
#mobile_program_tab{display:block}
#location_section .location_box .map_wrap{background:none}
#location_section .location_box .map_wrap img{display:none}
#location_section .location_box .map_wrap p{display:none}
#location_section .location_box{height:auto}
#location_section .location_box .text_wrap{width:100%;left:0px;top:20px}
#location_section .location_box .text_wrap h3{font-size:22px;padding:0 0 10px 15px;color:#2a509f}
#location_section .location_box .text_wrap p{display:none}
#location_section .location_box .list{padding:0 0 20px 15px}
#location_section .location_box .list li{font-size:15px;line-height:24px}
#location_section .location_box .text_wrap a.detail_view{height:60px;line-height:58px;font-size:14px;width:95%;margin:0 auto}


/* 프로그램 */
#program_section{max-width:100%;height:auto;padding:0 10px 25px 10px}
#program_section .program_list ul li a{width:100%;margin-right:0;padding:30px 0 0 20px;height:170px;background-size:cover;transition:none;margin-bottom:1px}
#program_section .program_list ul li a.program1{background:url(../img/main/program_bg1_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program2{background:url(../img/main/program_bg2_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program3{background:url(../img/main/program_bg3_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program4{background:url(../img/main/program_bg4_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program5{background:url(../img/main/program_bg5_m.jpg) right top no-repeat}
#program_section .program_list ul li a:hover{background-position:top right}
#program_section .program_list ul li a h3{font-size:18px}
#program_section .program_list ul li a:hover{transition:none;background-pisition:0}
#program_section .program_list ul li a p.stitle{display:none}
#program_section .program_list ul li a p.detail_view{margin-top:40px;border:1px solid #fff}


/* weblocation */
#wrap .weblocation{display:none}
.weblocation .info a.btn_qr_sub{display:none}

/* contents */
.contents_wrap{padding:0 10px}
.contents_wrap .tit_h2{font-size:24px}
.contents_wrap .tit_h2:after{margin-top:20px}

/* 서브메뉴 */
#lnb{width:100%;margin-top:30px;padding-bottom:20px}
#lnb ul{padding:15px;border:5px solid #ddd;margin-top:20px;text-align:center}
#lnb li{float:none;display:inline-block;line-height:32px;margin-right:7px}
#lnb li a{float:none;line-height:36px;border:none;padding:0 4px}
.lnb_01 li{width:auto !important}

/* footer */
#footer{padding:0 20px;height:auto}
#footer .footer_box{width:100%;padding-top:5px}
#footer .qrcode{display:none}
#footer .cscenter{display:none}
#footer .footer_box .copyright{font-size:12px;font-family:Dotum}
#footer h2 a img{width:260px}
.footer_info > li > a{border-right:none;padding:0 7px 0 0;font-size:13px;font-family:Dotum}
#footer .footer_box h2{padding:24px 0 65px 0}
#footer .footer_box address{font-size:13px;line-height:18px}
#footer .total{display:none}
/* sitelink_wrap */
#sitelink_box{position:static}
#sitelink_box h3{display:none}
.sitelink_sbox{width:100%}
.sitelink_sbox button{width:100%;background:url(../img/main/sitelink_arrow2.gif) top right no-repeat}
.sitelink_sbox ul{width:100%;bottom:24px;top:auto;text-align:left}

/*소셜아이콘*/
.Social_icon {top:0px;margin-right:70px;}

/* 전체메뉴버튼 */
	.header_fullmenu, .header_fullmenu_t{display:none}
	.header_fullmenu_m{position:fixed;float:none;top:26px;right:-2px;z-index:20}
	.header_fullmenu_m a.btn_fullmenu_m{display:block;width:50px;height:50px;overflow:hidden;background:url(../img/main/header_btn_fullmenu.gif) 0 0 no-repeat}
	a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

	#navigation_mobile_wrap{display:block}


}

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

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

/*소셜아이콘*/
.Social_icon {display:none;}

.cardnews_box li{height:100%;}
}



/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
/* 채용정보 */
#header_pop{padding:20px 12px;height:auto}
	.header_pop_open{top:0}
	.header_pop{width:100%}
	.header_pop .list{width:calc(100% - 48px);height:100px;overflow:hidden}
	.header_pop .list > li{width:calc(100% / 4 );padding:15px 0 18px 15px}
	.header_pop .list > li > dl > dt > a{font-size:13px}
	.header_pop .list > li > dl > dd > a{font-size:12px}
	.header_pop .btn{position:absolute;right:0;top:0}
	.header_pop .btn > li.list_num{font-size:11px;height:32px;line-height:30px}
	
	
/* header */
/* .header_info_wrap{display:none} */
.header_info{width:100%}
.header_info .link_info{display:none}

#navigation_pc{display:none}
#menuwrap{width:100%;height:115px;padding:20px 10px}
#menuwrap h1{padding:16px 35px 0 10px}
#menuwrap h1 a img{width:280px}


/* 모바일메뉴 */
	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.8;display:none}
	#navigation_mobile{position:absolute;width:290px;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:9999;display:none}
	#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#navigation_mobile #navigation_m{padding-top:10px}
	#navigation_mobile #navigation_m > li > a{color:#222;font-size:16px;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #ccc;padding-left:20px;font-weight:500;position:relative}
	#navigation_mobile ul > li > a:hover{color:#fff}
	#navigation_mobile ul > li > a.on{background:#0170b0;font-weight:bold;color:#fff;border-bottom:1px solid #fff}
/* 	#navigation_mobile ul > li > a.on span{font-size:33px} */
	#navigation_mobile ul > li > a span{position:absolute;right:20px;font-size:20px;font-weight:bold}
	#navigation_mobile li > ul{padding-top:0}
	#navigation_mobile li > ul > li > a{display:block;background:#2a2e53;line-height:45px;height:45px;font-size:13px;padding-left:30px;border-bottom:1px solid #51586e;color:#fff}
	#navigation_mobile li > ul > a span{right:30px}

	#navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:40px;height:40px;background:url(/pages/basic/img/sub/qrcode_close_btn.png) no-repeat;top:15px;right:0}
	#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	
	.navigation_top{overflow:hidden;padding:12px}
  .navigation_top ul li {float:left;padding:12px}
  .navigation_top ul li img{width:24px;cursor:pointer}
  .navigation_top ul li a.login{display:block;color:#222;border:1px solid #666;font-size:15px;padding:0 20px;height:40px;line-height:38px}
  .navigation_top ul li a.login:hover{background:#222;color:#fff;border:1px solid #222}
  #navigation_mobile_wrap{display:block}
/* pop_section */
#pop_section{max-width:100%;padding:0 10px}

/* visual */
#visual{width:70%;height:auto}
#visual li img{width:100%}
#visual .arrow .btn_prev{top:150px;width:45px;height:45px;background-size:cover}
#visual .arrow .btn_next{top:150px;width:45px;height:45px;background-size:cover}
#visual .arrow a:hover{background-position:0 -45px}
#visual .btn{bottom:10px}

/* 팝업존 */
#popzone{width:30%;height:auto;    padding: 5px 15px 12px;margin:0px}
#popzone h3 {font-size: 24px;padding-bottom: 5px;line-height: 32px;}
#popzone li img{width:100%}
.popzone_area ul.btn li a.btn_prev,.popzone_area ul.btn li a.btn_next,.popzone_area ul.btn li a.btn_play{width:45px;height:45px}
.popzone_area .num{width:60px;height:45px}
.popzone_area ul.btn li a:hover{background-position:top center}
.cardnews_box li{height:100%;}
#popzone .btn_more2{top:10px;right: 15px;}


/* 상단배너 */
#banner_section{max-width:100%;padding:0 10px;margin-top:10px}
#banner_section .mbn a{width:calc(100% / 3);-webkit-calc((100% / 3) - 1px);-moz-calc((100% / 3) - 1px);calc((100% / 3) - 1px);width:33.3%;background-size:cover;overflow:hidden;padding:30px 0 0 25px;height:160px;margin-top:1px}
#banner_section .banner1 a{background:url(../img/main/mbn1_m.jpg) right top no-repeat}
#banner_section .banner2 a{background:url(../img/main/mbn2_m.jpg) right top no-repeat}
#banner_section .banner3 a{background:url(../img/main/mbn3_m.jpg) right top no-repeat}
#banner_section .mbn a > h3{font-size:18px;line-height:23px;font-weight:400}
#banner_section .mbn a > p{font-size:13px;line-height:19px}
#banner_section .mbn a:hover{background-position:right top}
#banner_section .mbn a > p.btn_more{display:none}

/* bbs_section */
#bbs_section{max-width:100%;height:auto;width:95%}
#bbs_section .title_wrap{display:none/* padding:30px 0 20px 0 */}
#bbs_section .title_wrap h2{font-size:21px;line-height:30px;padding-bottom:6px}
#bbs_section .title_wrap p{font-size:12px}
#bbs_wrap{width:100%;height:auto;margin:0}

/* 공지사항 */
#notice_wrap{width:100%;padding:0px;height:325px;border-right:none}
.tabMenu .tab a{font-size:11px}
.tabMenu .cnt{width:100%}
.tabMenu .cnt ul li a{font-size:14px;width:64%;line-height:35px}
.tabMenu .cnt ul li a span.date{font-size:13px;right:20px}

/* 퀵메뉴 */
.quick_wrap{width:100%;padding:20px 0 0 0px;height:auto;margin-bottom:1px}
.quick_wrap h3{font-size:14px;padding:0 0 10px 0px}
.quick_wrap ul li a{font-size:14px;width:20%;float:left;height:110px;border:1px solid #ddd;border-radius:0;min-width:auto;margin-right:0;margin-left:-1px;background-size:70px !important;background-position:center 12px !Important}
.quick_wrap ul li a span{padding-top:80px;font-weight:300}
.quick_wrap ul li a.icon1{margin-left:0}

/* banner_box */
.banner_box{width:100%}
.banner_box ul li a.banner{height:120px;padding:20px 30px 0 20px}
.banner_box ul li a.banner h3{font-size:16px;padding-bottom:6px;font-weight:500}
.banner_box ul li a.banner p.btn_more{display:none}
.banner_box ul li a.banner p{font-size:12px;line-height:18px}
.banner_box ul li a.banner p br{display:none}

/* 메인 타이틀 공통 */
.title_wrap_common{padding:30px 25px 24px 25px}
.title_wrap_common h3{font-size:21px;line-height:28px;padding-bottom:7px}

/* 지역별 새일센터 */
#location_section{max-width:100%;height:auto;width:95%;overflow:visible;clear:both}
#location_section .location_box{padding:0 0 35px 0}
#location_section .location_box .map_wrap{display:none}
#location_section .location_box .map_tab_m{display:block}
#location_section .location_box .map_tab_m ul li a{float:left;width:100%}
#mobile_program_tab{display:block}
.sitelink_sbox2{width:99%;position:relative}
		.sitelink_sbox2 button{height:50px;width:100%;border:1px solid #ddd;font-weight:700;color:#fff;text-align:left;box-sizing:border-box;padding:0 50px 0 20px;
		background:#666 url(/pages/basic/img/sub/sitelink_arrow3.png) right center no-repeat;letter-spacing:-1px;font-size:14px;cursor:pointer;position:relative}	
		.sitelink_sbox2 ul{position:absolute;background:#333;padding:20px 10px 20px 15px;z-index:999;box-sizing:border-box;border:1px solid #6e7e98}
		.sitelink_sbox2 ul li a{font-size:14px;line-height:33px;letter-spacing:-1px;color:#fff;padding-left:20px;display:block;width:100%}
		.sitelink_sbox2 ul{top:40px;bottom:auto;border-radius: 0 0 4px 4px;width:100%;padding:10px 0 20px 0}

#location_section .location_box .map_wrap p{display:none}
#location_section .location_box{height:auto}
#location_section .location_box .text_wrap{width:100%;left:0px;top:20px}
#location_section .location_box .text_wrap h3{font-size:22px;padding:0 0 10px 15px;color:#2a509f}
#location_section .location_box .text_wrap p{display:none}
#location_section .location_box .list{padding:0 0 20px 15px}
#location_section .location_box .list li{font-size:15px;line-height:24px}
#location_section .location_box .text_wrap a.detail_view{height:60px;line-height:58px;font-size:14px;width:95%;margin:0 auto}

/* 프로그램 */
#program_section{max-width:100%;height:auto;padding:0 10px 25px 10px}
#program_section .program_list ul li a{width:50%;margin-right:0;padding:30px 0 0 20px;height:170px;background-size:cover;transition:none;margin-bottom:1px}
#program_section .program_list ul li a.program1{background:url(../img/main/program_bg1_t.jpg) right top no-repeat;width:100%}
#program_section .program_list ul li a.program2{background:url(../img/main/program_bg2_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program3{background:url(../img/main/program_bg3_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program4{background:url(../img/main/program_bg4_m.jpg) right top no-repeat}
#program_section .program_list ul li a.program5{background:url(../img/main/program_bg5_m.jpg) right top no-repeat}
#program_section .program_list ul li a:hover{background-position:top right}
#program_section .program_list ul li a h3{font-size:18px}
#program_section .program_list ul li a:hover{transition:none;background-pisition:0}
#program_section .program_list ul li a p.stitle{display:none}
#program_section .program_list ul li a p.detail_view{margin-top:40px;border:1px solid #fff}

/* s_visual */
.s_visual{width:100%;height:180px;background-size:cover}
.top_tit{padding:50px 0 0 0}
.top_tit h2{font-size:30px;line-height:38px}
.top_tit p{font-size:16px}

/* weblocation */
#wrap .weblocation{display:none}
.weblocation .info a.btn_qr_sub{display:none}

/* contents */
.contents_wrap{padding:0 10px}
.contents_wrap .tit_h2{font-size:28px}

/* 서브메뉴 */
#lnb{width:100%}
#lnb ul{padding:15px;border:5px solid #ddd;margin-top:20px;text-align:center}
#lnb li{float:none;display:inline-block;line-height:32px;margin-right:7px}
#lnb li a{float:none;line-height:36px;border:none;padding:0 4px}
.lnb_01 li{width:auto !important}

/* footer */
#footer{padding:0 20px}
#footer .footer_box{width:100%;padding-top:5px}
#footer .qrcode{display:none}
#footer .cscenter{display:none}
#footer .footer_box .copyright{font-size:12px}
#footer h2 a img{width:260px}

#footer .footer_box h2{padding:24px 0 65px 0}
#footer .total{display:none}

/* sitelink_wrap */
#sitelink_box{position:static}
#sitelink_box h3{display:none}
.sitelink_sbox{width:100%}
.sitelink_sbox button{background:url(../img/main/sitelink_arrow2.gif) top right no-repeat;width:260px}
.sitelink_sbox ul{width:260px;bottom:24px;top:auto;text-align:left}

/*소셜아이콘*/
.Social_icon {top:12px;margin-right:80px;}

/* 전체메뉴 버튼 */
	.header_fullmenu,.header_fullmenu_m,a.btn_fullmenu_m span{display:none}
	.header_fullmenu_t{display:block}

#visualvido{width:100%; height:auto}

}

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

/* 채용정보 */
#header_pop{padding:20px 12px;height:auto}
	.header_pop{width:100%}
	.header_pop_open{top:0}
	.header_pop .list{width:calc(100% - 48px);height:101px;overflow:hidden}
	.header_pop .list > li{width:calc(100% / 4 );padding:15px 0 18px 15px}
	.header_pop .list > li > dl > dt > a{font-size:13px}
	.header_pop .list > li > dl > dd > a{font-size:12px}
	.header_pop .btn{position:absolute;right:0;top:0}
	.header_pop .btn > li.list_num{font-size:11px;height:33px;line-height:31px}
	.header_pop_m{display:none}

/* header */
.header_info{width:100%}
.header_info .link_info > li > a{padding:0 17px}
#menuwrap h1{float:none}
#menuwrap{width:100%;padding:23px 0 38px 0}
.pullDown .title{display:none}
.pullDown > ul{padding:20px 0 20px 20px}
#navigation{margin-top:0}

#navigation > li > a{padding:0 18px}
.pullDown > ul{width:100%}

/* pop_section */
#pop_section{max-width:100%;padding:0 10px}

/* visual */
#visual{width:69%;height:auto}
#visual li img{width:100%}
#visual .arrow .btn_prev{top:150px;width:45px;height:45px;background-size:cover}
#visual .arrow .btn_next{top:150px;width:45px;height:45px;background-size:cover}
#visual .arrow a:hover{background-position:0 -45px}
#visual .btn{bottom:10px}
#visualvido{width:67%;height:auto}
/* 팝업존 */
#popzone{width:30%;height:auto;margin:0px}
#popzone li img{width:100%}
.popzone_area ul.btn li a.btn_prev,.popzone_area ul.btn li a.btn_next,.popzone_area ul.btn li a.btn_play{width:45px;height:45px}
.popzone_area .num{width:60px;height:45px}
.popzone_area ul.btn li a:hover{background-position:top center}
.cardnews_box li{height:100%;}


/* 상단배너 */
#banner_section{max-width:100%;padding:0 10px;margin-top:10px}
#banner_section .mbn a{width:calc(100% / 3);-webkit-calc((100% / 3) - 1px);-moz-calc((100% / 3) - 1px);calc((100% / 3) - 1px);width:33.3%;background-size:cover;overflow:hidden;padding:30px 0 0 25px;height:160px;margin-top:1px}
#banner_section .banner1 a{background:url(../img/main/mbn1_m.jpg) right top no-repeat}
#banner_section .banner2 a{background:url(../img/main/mbn2_m.jpg) right top no-repeat}
#banner_section .banner3 a{background:url(../img/main/mbn3_m.jpg) right top no-repeat}
#banner_section .mbn a > h3{font-size:18px;line-height:23px;font-weight:400}
#banner_section .mbn a > p{font-size:13px;line-height:19px}
#banner_section .mbn a:hover{background-position:right top}
#banner_section .mbn a > p.btn_more{display:none}

/* bbs_section */
#bbs_section{max-width:100%;height:auto;width:95%}
#bbs_section .title_wrap{display:none/* padding:30px 0 20px 0 */}
#bbs_section .title_wrap h2{font-size:21px;line-height:30px;padding-bottom:6px}
#bbs_section .title_wrap p{font-size:12px}
#bbs_wrap{width:100%;height:auto;margin:0}

/* 공지사항 */
#notice_wrap{width:50%;height:320px;padding:0px;border-right:none}
.tabMenu .tab a{font-size:11px;width:95px}
.tabMenu .cnt{width:100%}
.tabMenu .cnt ul li a{font-size:14px;width:64%;line-height:35px}
.tabMenu .cnt ul li a span.date{font-size:13px;right:20px}

/* 퀵메뉴 */
.quick_wrap{width:49.5%;padding:0px;height:auto;margin-bottom:1px;margin-left:4px}
.quick_wrap h3{font-size:14px;padding:0 0 20px 0px}
.quick_wrap ul li a{font-size:14px;width:20%;float:left;height:118px;border:1px solid #ddd;border-radius:0;min-width:auto;margin-right:0;margin-left:-1px;background-size:70px !important;background-position:center 12px !Important}
.quick_wrap ul li a span{padding-top:85px;font-weight:300}
.quick_wrap ul li a.icon1{margin-left:0}

/* banner_box */
.banner_box{width:49.5%;margin:4px 0 0 4px}
.banner_box ul li a.banner{height:150px;padding:20px 30px 0 20px}
.banner_box ul li a.banner h3{font-size:16px;padding-bottom:6px;font-weight:500}
.banner_box ul li a.banner p.btn_more{display:none}
.banner_box ul li a.banner p{font-size:12px;line-height:18px}
.banner_box ul li a.banner p br{display:none}

/* 메인 타이틀 공통 */
.title_wrap_common{padding:30px 25px 24px 25px}
.title_wrap_common h3{font-size:21px;line-height:28px;padding-bottom:7px}

/* 지역별 새일센터 */
#mobile_program_tab{display:none}
#location_section{max-width:100%;height:auto;width:95%}
#location_section .location_box{height:580px}
#location_section .location_box .text_wrap{left:50px;top:50px}
#location_section .location_box .text_wrap h3{font-size:30px}
#location_section .location_box .map_wrap{right:20px}

/* 프로그램 */
#program_section{max-width:100%;height:auto;padding:0 10px 25px 10px}
#program_section .program_list ul li a{width:calc(100% / 3);-webkit-calc((100% / 3) - 1px);-moz-calc((100% / 3) - 1px);calc((100% / 3) - 1px);width:33.3%;margin-right:0;padding:30px 0 0 20px;height:340px;transition:none;margin-bottom:1px;background-size:cover !Important}
#program_section .program_list ul li a:hover{background-position:right top}
#program_section .program_list ul li a p.detail_view{margin-top:160px}
#program_section .program_list ul li a h3{font-size:21px}
#program_section .program_list ul li a.program4{width:50%}
#program_section .program_list ul li a.program5{width:50%;background-position:right 17%}
/* s_visual */
.s_visual{width:100%;height:180px;background-size:cover}
.top_tit{padding:50px 0 0 0}
.top_tit h2{font-size:30px;line-height:38px}
.top_tit p{font-size:16px}

/* weblocation */
.weblocation .weblocation_box{min-width:100%}

/* contents */
.contents_wrap .tit_h2{font-size:28px}

/* 서브메뉴 */
#lnb{width:100%}


/* footer */
#footer{padding:0 20px}
#footer .footer_box{width:100%;padding-top:5px}
#footer .footer_box .copyright{font-size:12px}
#footer h2 a img{width:260px}
#footer .footer_box h2{padding:24px 0 65px 0}
#footer .cscenter{display:none}

/* sitelink_wrap */
#sitelink_box{position:static}
#sitelink_box h3{display:none}
.sitelink_sbox{width:100%}
.sitelink_sbox button{background:url(../img/main/sitelink_arrow2.gif) top right no-repeat;width:260px}
.sitelink_sbox ul{width:260px;bottom:24px;top:auto;text-align:left}

/*소셜아이콘*/
.Social_icon {top:22px;margin-right:80px;}

/* 전체메뉴버튼 */
.header_fullmenu{position:absolute;top:20px;right:20px}

#navigation_mobile_wrap, .header_fullmenu_m, .header_fullmenu_t{display:none}
.header_pop_m{display:none}
}

/****** Desktop Wide Device ******/
@media screen and (min-width:1600px) and (max-width:1765px) {
/* 채용정보 */
.header_pop{width:100%}
.header_pop_m{display:none}
/* header */
.header_info{width:100%}
/* #menuwrap h1{float:none} */
#menuwrap{width:100%/* ;padding:23px 0 38px 0 */}
.pullDown .title{display:none}
.pullDown > ul{padding:20px 0 20px 20px}
/* #navigation{margin-top:0} */
#pop_section{max-width:100%}

/* visual */
#visual{width:70%}
#visualvido{width:70%}
#popzone{width:29%}

/* 상단배너 */
#banner_section .mbn a{width:calc(100% /3);width:33.3%}

/* bbs_section */
#bbs_section{max-width:100%}





/* 프로그램 */
#program_section .program_list ul li a{width:19%}
/* s_visual */
.s_visual{width:100%}

/* weblocation */
.weblocation .weblocation_box{min-width:100%}

/* 서브메뉴 */
#lnb{width:100%}

/* footer */
#footer .footer_box{width:95%}
#footer .cscenter{display:none}

/*소셜아이콘*/
.Social_icon {top:22px;margin-right:80px;}

/* 전체메뉴버튼 */
.header_fullmenu{position:absolute;top:20px;right:20px}


	#navigation_mobile_wrap,.header_fullmenu_m,.header_fullmenu_t{display:none}
	a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.header_pop_m{display:none}

}