@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /*노토산스 웹폰트*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); /*IBM플렉스산스 웹폰트*/
 /*지마켓산스 웹폰트*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* MOBILE 모드 CSS */

html, body { height:100%; font-family: 'Noto Sans KR', sans-serif; }

#main_menu_area { position:fixed; bottom:0px; left:0px; top:0px; right:0px; padding-top:45px; background:#FFF; z-index:30; display:none; overflow-y:scroll; }
	#main_menu_area #main_menu_head { z-index:31; position:fixed; left:0px; right:10px; top:0px; width:100%; height:45px; background:URL('../img/sitemap_bg1.jpg'); text-align:center;  }
	#main_menu_area #main_menu_head #title_text { display:inline-block; margin:0px 50px 0px 50px; text-align:center; color:#FFF; font-size:18px; line-height:45px; font-weight:bold; }
	#main_menu_area #main_menu_head img.btn_close { cursor:pointer; position:absolute; right:10px; top:6px; }
	#main_menu_area #main_menu_head img.btn_home { position:absolute; left:10px; top:6px; }
	#main_menu_area #menu { }
	#main_menu_area #menu ul { position:relative; }
	#main_menu_area #menu ul li { overflow:hidden; position:relative; }
	#main_menu_area #menu ul li.m1 { line-height:35px; background:URL('../img/sitemap_bg2.jpg'); }
	#main_menu_area #menu ul li.m2 { line-height:35px; background:URL('../img/sitemap_bg3.jpg'); }
	#main_menu_area #menu ul li.m3 { height:35px; line-height:35px; background:URL('../img/sitemap_bg4.jpg'); }
	#main_menu_area #menu ul li span.m1 { margin-left:20px; margin-right:40px; color:#A5A5A5; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.m2 { margin-left:20px; margin-right:40px; color:#727272; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; } /*수정전 margin-left:20px; margin-right:40px; color:#CCC; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden;*/
	#main_menu_area #menu ul li span.m3 { margin-left:20px; margin-right:40px; color:#CCC; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.sitemap_low1 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:1px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_low2 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:11px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul1 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul1.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul2 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul2.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul3 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul3.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #etc_menu {  }
	#main_menu_area #etc_menu ul { position:relative; }
	#main_menu_area #etc_menu ul li { overflow:hidden; position:relative; height:35px; line-height:35px; background:URL('../img/sitemap_bg5.jpg'); }
	#main_menu_area #etc_menu ul li span.m4 { margin-left:20px; margin-right:40px; color:#222; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #etc_menu ul li span.sitemap_bul4 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul4.png') center center no-repeat; vertical-align:middle; }

#wrap { min-height:100%; min-width:320px; position:relative; padding:0 0 60px 0; }

	#wrap #top { position:relative; }
		#wrap #top #logo { background:#fff; } /*수정전 background:URL('../img/bg_top_title.jpg') center bottom;*/
			#wrap #top #logo #logo_in { width:270px; text-align:left; overflow:hidden; padding:10px 5%; } /*수정전 margin:0 auto; width:320px; min-height:45px; text-align:center; overflow:hidden;*/
			#wrap #top #logo #logo_in h1 { width:140px; }
			#wrap #top #logo #logo_in h1 img { width:100%; }
			#wrap #top #logo #logo_in .text { font-size:13px; letter-spacing:-1px; color:#333; font-weight:bold; }
			#wrap #top #logo #logo_in #top_logo_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #top_title { position:relative; min-height:45px; text-align:center; background:URL('../img/bg_top_title.jpg') center bottom; }
			#wrap #top #top_title #top_title_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #banner_top { position:relative; overflow:hidden; }
		#wrap #top img.btn_menu { cursor:pointer; position:absolute; right:10px; top:13px; width:20px; height:20px; } /*수정전 cursor:pointer; position:absolute; right:10px; top:6px;*/
		#wrap #top img.btn_home { position:absolute; left:10px; top:6px; }

	#wrap #main_visual { position:relative; margin:0px auto; width:100%; text-align:center; }
	#wrap #main_banner { margin:10px auto; width:100%; overflow:hidden; text-align:center; }
	#wrap #main_banner ul li { display:inline-block; }

	#wrap #content_area { position:relative; overflow:hidden; }
		#wrap #content_area #content_area_padding { position:relative; overflow:hidden; padding:10px; text-align:justify; }
		#wrap #content_area #content_area_padding2 { position:relative; overflow:hidden; padding:10px; text-align:justify; font-size:11pt; font-family:dotum; }
		#wrap #content_area #banner_bottom { position:relative; overflow:hidden; }
		#wrap #content_area #content_area_padding #no_auth { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_auth span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding #no_data { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_data span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding div.bottom_btn { margin:10px 0px 10px 0px; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea1 { float:left; display:inline-block; width:49%; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea2 { float:right; display:inline-block; width:49%; }

	#wrap #bottom { position:absolute; left:0px; bottom:29px; width:100%; height:51px; overflow:hidden; } /*수정전 position:absolute; left:0px; bottom:29px; width:100%; height:51px; overflow:hidden; background:URL('../img/copyright_bg.jpg') center top no-repeat #000;*/
		#wrap #bottom #copyright { text-align:center; height:51px; line-height:51px; color:#999; display:none; } /*수정전 text-align:center; height:51px; line-height:51px; color:#999;*/
		#wrap #bottom #copyright span.private { margin-left:10px; color:#AAA; }

	/*#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:320px; height:29px; overflow:hidden; z-index:20; background:URL('../img/menu_n_call_bg.jpg') left top repeat-x; }
		#menu_n_call ul { width:320px; margin:0 auto; }
		#menu_n_call ul li { float:left; width:80px; height:29px; }*/
	#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:320px; height:60px; overflow:hidden; z-index:20; background:#fff; border-top:1px solid #eee;}
		#menu_n_call ul { width:320px; margin:0 auto; }
		#menu_n_call ul li { float:left; width:20%; height:60px; }
		#menu_n_call ul li span img { width:100%; }
		#menu_n_call ul li a img { width:100%; }



/*inc - main_content1.php*/


		@media screen and (min-width:360px) and (max-width:1260px) {
			.vd_visual { position:relative; width:100%; height:180px; overflow:hidden; margin:0px auto; background:#333; }
			video { position:absolute; width:100%; opacity:0.7; }
			.vd-text { position:absolute; width:100%; margin:21px auto; }
			.vd-text .text_gp .text1 { font-size:16px; line-height:16px; letter-spacing:-1px; color:#fff; font-weight:300; text-align:center; }
			.vd-text .text_gp .text2 { font-size:24px; line-height:24px; letter-spacing:-1px; color:#fff; font-weight:700; text-align:center; }
			.vd-text .text_gp .text2 img { vertical-align:middle; width:146px; }
			.vd-text .text_gp .text3 { font-size:15px; line-height:15px; letter-spacing:-1px; color:#fff; font-weight:500; text-align:center; }
			.vd-text .btn { display:block; width:246px; height:27px; padding:5px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:14px; font-weight:bold; margin:0 auto; margin-top:20px; }
			.vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; }
		}

		@media screen and (max-width:360px) {
			.vd_visual { position:relative; width:100%; height:200px; overflow:hidden; margin:0px auto; background:#333; }
			video { position:absolute; width:100%; opacity:0.7; }
			.vd-text { position:absolute; width:100%; margin:33px auto; }
			.vd-text .text_gp .text1 { font-size:16px; line-height:16px; letter-spacing:-1px; color:#fff; font-weight:300; text-align:center; }
			.vd-text .text_gp .text2 { font-size:24px; line-height:24px; letter-spacing:-1px; color:#fff; font-weight:700; text-align:center; }
			.vd-text .text_gp .text2 img { vertical-align:middle; width:146px; }
			.vd-text .text_gp .text3 { font-size:15px; line-height:15px; letter-spacing:-1px; color:#fff; font-weight:500; text-align:center; }
			.vd-text .btn { display:block; width:246px; height:27px; padding:5px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:14px; font-weight:bold; margin:0 auto; margin-top:20px; }
			.vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; }
		}


		.number { display:block; width:100%; height:210px; margin:30px auto; }
		.number .title_gp .title1 { display:block; text-align:center; font-size:24px; color:#000; font-weight:700; margin:15px 0; letter-spacing:-2px; }
		.number .title_gp .title2 { display:block; text-align:center; font-size:15px; color:#000; line-height:24px; letter-spacing:-2px; }

		.counter_gp { display:block; width:90%; margin:0 auto; text-align:center; padding:0 5%; }		
		.counter_gp ul { width:30%; text-align:center; margin:28px auto; float:left; }
		.counter_gp ul li { font-size:15px; color:#000; letter-spacing:-2px; }
		.counter_gp ul span { font-size:15px; color:#000; padding-left:2px; }
		.counter_gp ul li#counter1 { display:inline-block; font-size:32px; line-height:35px; color:#0179c1; letter-spacing:-2px; font-weight:bold; padding-top:10px; font-family:'GmarketSansBold'; }
		.counter_gp ul li#counter2 { display:inline-block; font-size:32px; line-height:35px; color:#0179c1; letter-spacing:-2px; font-weight:bold; padding-top:10px; font-family:'GmarketSansBold'; }
		.counter_gp ul li#counter3 { display:inline-block; font-size:32px; line-height:35px; color:#0179c1; letter-spacing:-2px; font-weight:bold; padding-top:10px; font-family:'GmarketSansBold'; }
		.counter_gp .bar { display:inline-block; float:left; width:1px; height:46px; background:#c9c9c9; margin:35px 7px; }



		.ipcteam { display:block; width:100%; height:466px; margin:0 auto; }
		.ipcteam .ipcteam_gp { width:100%; margin:0px auto; min-height:134px; background:url('../img_visual/team_bg.png') no-repeat top center; }
		.ipcteam .ipcteam_gp .titie_wrap { position:relative; z-index:1; font-weight:700; padding:10px 5%; margin:0 auto; }
		.ipcteam .ipcteam_gp .titie_wrap .top_text { font-size:15px; color:#fff; }
		.ipcteam .ipcteam_gp .titie_wrap .tit_text { font-size:30px; font-weight:700; color:#fff; line-height:34px; letter-spacing:-1px; padding:20px 0; text-align:right; }
		.ipcteam .ipcteam_gp .tabbed_content { background-color:#000; width:100%; color:#fff; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs { display:inline-block; width:100%; position:relative; float:left; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs .moving_bg { position:absolute; width:21px; z-index:190; top:0; background-position:bottom left; background-repeat:no-repeat; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item { display:block; float:left; padding:20px 7%; width:86%; height:64px; color:#fff; text-align:center; z-index:40; position:relative; cursor:pointer; border-bottom:1px solid #e8e8e8; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item:hover { border-bottom:1px solid #666; background:url('../img_visual/arrow-b.png') no-repeat 90% 50%; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item a p.text1 { font-size:14px; color:#797979; font-weight:400; text-align:left; letter-spacing:-1px; }
		.ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item a p.text2 { font-size:22px; color:#333; font-weight:bold; text-align:left; letter-spacing:-1px; }


		.contribute { display:block; background:#eff3f6; width:100%; padding:30px 0; }
		.contribute .title_gp { display:block; width:90%; margin:0 auto; }
		.contribute .title_gp .title1 { font-size:29px; font-weight:bold; letter-spacing:-1px; color:#000; display:inline-block; }
		.contribute .title_gp .title2 { font-size:15px; font-weight:500; color:#797979; line-height:24px; word-break:keep-all; width:100%; padding:10px 0; letter-spacing:-1px; }
		.contribute .title_gp .btn { display:inline-block; float:right; width:103px; height:13px; line-height:13px; padding:16px 34px; border:1px solid #999; border-radius:6px; font-size:16px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 120px 16px; margin-top:5px; }
		.contribute .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; }


	/* 메인-포토갤러리 칸 main_content1.php */
		.contribute .gallery { display:block; margin:0 auto; width:100%; }
		.contribute .gallery .box4_tit { padding-top:40px; }
		.contribute .gallery .box4_photo {  }
		.contribute .gallery .box4_photo .box { width:320px; height:340px; overflow:hidden; background:#fff; margin:5% auto; }
		.contribute .gallery .box4_photo .box img { width:100%; height:200px; }
		.contribute .gallery .box4_photo .box .data { padding:5% 10%; }
		.contribute .gallery .box4_photo .box .data .date { font-size:14px; letter-spacing:-1px; font-weight:300; color:#a0a0a0; font-family:'IBM Plex Sans', sans-serif; }
		.contribute .gallery .box4_photo .box .data .tit { font-size:18px; letter-spacing:-1px; font-weight:bold; color:#333; overflow:hidden; width:100%; padding:7px 0; text-overflow:ellipsis; white-space:nowrap; font-family:'IBM Plex Sans', sans-serif; }
		.contribute .gallery .box4_photo .box .data .cont { font-size:14px; display:-webkit-box; text-align:left; max-height:39px; line-height:19px; word-break:keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#a0a0a0; }
		.contribute .gallery .btn { display:block; width:112px; height:24px; line-height:24px; padding:10px 15px 10px 30px; border:1px solid #999; border-radius:6px; font-size:14px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 110px 16px; margin:0 auto; margin-top:30px; }
		.contribute .gallery .btn:hover { color:#0179c1; border:1px solid #0179c1; }


		.kocorental_bg { display:block; width:100%; margin:0 auto; background:url('../img_visual/koco_bg.jpg') no-repeat; background-size:cover; } 
		.kocorental_bg .kocorental { display:block; width:90%; margin:0 auto; padding:30px 0; } 
		.kocorental_bg .kocorental .title_gp .title1 { font-size:14px; color:#fff; letter-spacing:-1px; padding:0 0 20px 0; }
		.kocorental_bg .kocorental .title_gp .title1 img { vertical-align:bottom; padding-left:5px; width:100px; }
		.kocorental_bg .kocorental .content_gp .title2 { font-size:26px; color:#fff; letter-spacing:-2px; text-align:center; padding:30px 0; }
		.kocorental_bg .kocorental .content_gp .cont { word-break:keep-all; margin:0 auto; font-size:15px; color:#8c8c8c; letter-spacing:-1px; line-height:26px; text-align:center; padding:0 5% 50px 5%; }
		.kocorental_bg .kocorental .content_gp .iconbox { display:block; width:324px; height:165px; margin:0 auto; text-align:center; }
		.kocorental_bg .kocorental .content_gp .iconbox li { display:inline-block; float:left; width:90px; height:90px; padding:29px; background:rgba(255,255,255,0.1); border-radius:50%; text-align:center; margin:7px; }
		.kocorental_bg .kocorental .content_gp .iconbox li img { width:44%; }
		.kocorental_bg .kocorental .content_gp .iconbox li span { display:block; margin:0 auto; font-size:13px; color:#fff; font-weight:500; padding-top:10px; }
		.kocorental_bg .kocorental .content_gp .btn { display:block; width:197px; height:46px; line-height:46px; margin:30px auto; text-align:center; color:#fff; font-size:14px; background:url('../img_visual/arrow-w.png') no-repeat #0179c1 175px 16px; padding-right:20px; border-radius:6px; border:1px solid #0179c1; }
		.kocorental_bg .kocorental .content_gp .btn:hover { background:url('../img_visual/arrow-w.png') no-repeat 175px 16px; border:1px solid #fff; color:#fff; transition:0.5s ease; }



		.product_bg { display:block; width:100%; height:716px; margin:0 auto; background:url('../img_visual/product_bg.jpg') no-repeat; background-size:cover; padding:40px 0; } 
		.product_bg .product { display:block; width:360px; margin:0 auto;} 
		.product_bg .product .tabbed_content2 { background-color:#fff; width:360px; }
		.product_bg .product .tabbed_content2 .tabs { display:inline-block; width:360px; position:relative; text-align:center; }
		.product_bg .product .tabbed_content2 .tabs .moving_bg2 { position:absolute; width:21px; z-index:190; left:0; background-position:bottom left; background-repeat:no-repeat; }
		.product_bg .product .tabbed_content2 .tabs .tab_item2 { display:inline-block; text-align:center; z-index:40; position:relative; cursor:pointer; background:#f2f4f5; padding:7px 13px; color:#aab7bb; border-radius:50px; margin:3px; }
		.product_bg .product .tabbed_content2 .tabs .tab_item2 .link_text p.text1 { font-size:14px; color:#aab7bb; font-weight:400; text-align:left; }
		.product_bg .product .tabbed_content2 .tabs .tab_item2 .link_text p.text1:hover { color:#2d8efc; }
		.product_bg .product .tabbed_content2 .slide_content2 { overflow:hidden; position:relative; width:360px; float:left; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 { width:10000px; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul { list-style:none; float:left; width:360px; margin:0px; padding:0px; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul a { color:#ffffff; text-decoration:none; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul a:hover {	color:#aaa; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li { width:360px; float:left; text-align:center; margin-top:30px; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text span.tag { display:inline-block; padding:7px 25px; background:#0179c1; border-radius:20px; color:#fff; font-size:15px; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text .title { font-size:37px; font-weight:bold; color:#000; letter-spacing:-2px; margin-top:25px; line-height:47px; text-align:center; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text .linkbtn { display:inline-block; width:125px; height:40px; border:1px solid #a9a9a9; color:#333; font-size:14px; text-align:center; line-height:40px; margin-top:34px; background:url('../img_visual/product_link.png') no-repeat 108px 12px; padding-right:22px; } 
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img1 { height:322px; background:url('../img_visual/product_1-1.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img2 { height:322px; background:url('../img_visual/product_2.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img3 { height:322px; background:url('../img_visual/product_3.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img4 { height:322px; background:url('../img_visual/product_4-1.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img5 { height:322px; background:url('../img_visual/product_5-1.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img6 { height:322px; background:url('../img_visual/product_6.png') no-repeat; background-size:cover; float:right; }
		.product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img7 { height:322px; background:url('../img_visual/product_7.png') no-repeat; background-size:cover; float:right; }



		.recruit_bg { display:block; width:100%; height:767px; margin:0 auto; padding:40px 0; background:url('../img_visual/recruite_bg.jpg') no-repeat; background-size:cover; } 
		.recruit_bg .recruit { display:block; width:360px; margin:0 auto;} 
		.recruit_bg .recruit .title_gp .title1 { font-size:37px; line-height:47px; font-weight:bold; color:#fff; letter-spacing:-2px; text-align:center; padding:0 5%; }
		.recruit_bg .recruit .title_gp .cont { width:90%; word-break:keep-all; margin:0 auto; font-size:16px; color:#bebebe; letter-spacing:-1px; line-height:24px; text-align:center; padding:30px 5%; }
		.recruit_bg .recruit .title_gp .btn_gp { display:block; width:90%; height:47px; text-align:center; margin:30px 0; padding:0 5%; }
		.recruit_bg .recruit .title_gp .btn_gp .btn1 { display:inline-block; width:125px; height:24px; line-height:24px; margin:0 auto; text-align:center; font-size:14px; background:url('../img_visual/arrow-b.png') no-repeat #ffffff1a 182px 20px; padding:10px 12px; border-radius:6px; border:1px solid #0179c1; color:#fff; float:left; margin-right:12px;}
		.recruit_bg .recruit .title_gp .btn_gp .btn1:hover { background:url('../img_visual/arrow-b_o.png') no-repeat #0179c1 182px 20px; border:1px solid #0179c1; color:#fff; transition:0.5s ease; }
		.recruit_bg .recruit .title_gp .btn_gp .btn2 { display:inline-block; width:135px; height:24px; line-height:24px; margin:0 auto; text-align:center; font-size:14px; background:url('../img_visual/arrow-b.png') no-repeat #ffffff1a 190px 20px; padding:10px 12px; border-radius:6px; border:1px solid #0179c1; color:#fff; float:left; }
		.recruit_bg .recruit .title_gp .btn_gp .btn2:hover { background:url('../img_visual/arrow-b_o.png') no-repeat #0179c1 190px 20px; border:1px solid #0179c1; color:#fff; transition:0.5s ease; }
		.recruit_bg .recruit .img_gp { display:block; width:360px; text-align:center; }
		.recruit_bg .recruit .img_gp .img1 { display:inline-block; width:340px; height:103px; background:url('../img_visual/m_recruit1.png') no-repeat; background-size:contain; border-radius:6px; margin:13px 0; box-shadow:0px 6px 11px 0px #000000a8; }
		.recruit_bg .recruit .img_gp .img1:hover { background:url('../img_visual/m_recruit1_o.png') no-repeat; background-size:contain; transition:0.5s ease; }
		.recruit_bg .recruit .img_gp .img2 { display:inline-block; width:340px; height:103px; background:url('../img_visual/m_recruit2.png') no-repeat; background-size:contain; border-radius:6px; margin:13px 0; box-shadow:0px 6px 11px 0px #000000a8; }
		.recruit_bg .recruit .img_gp .img2:hover { background:url('../img_visual/m_recruit2_o.png') no-repeat; background-size:contain; transition:0.5s ease; }
		.recruit_bg .recruit .img_gp .img3 { display:inline-block; width:340px; height:103px; background:url('../img_visual/m_recruit3.png') no-repeat; background-size:contain; border-radius:6px; margin:13px 0; box-shadow:0px 6px 11px 0px #000000a8; }
		.recruit_bg .recruit .img_gp .img3:hover { background:url('../img_visual/m_recruit3_o.png') no-repeat; background-size:contain; transition:0.5s ease; }



		.story { display:block; width:100%; padding:30px 0; }
		.story .title_gp { display:block; width:100%; margin:0 auto; }
		.story .title_gp .title_gp1 { display:inline-block; width:90%; float:left; padding:0 5%; }
		.story .title_gp .title_gp1 .title1 { display:block; font-size:34px; font-weight:bold; letter-spacing:-2px; color:#000; }
		.story .title_gp .title_gp1 .title2 { display:block; font-size:16px; font-weight:300; color:#a3a3a3; padding:30px 0; line-height:24px; letter-spacing:-1px; }
		.story .title_gp .btn { display:inline-block; float:left; width:130px; height:24px; line-height:24px; padding:10px 26px 10px 16px; border:1px solid #ccc; border-radius:6px; font-size:14px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 137px 16px; margin:0 5%; }
		.story .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; transition:0.5s ease; }
		.swiper { width:100%; }
	    .swiper-slide { text-align:center; font-size:18px; background:#fff;
						/* Center slide text vertically */
							display:-webkit-box;
							display:block;
							/*display:-ms-flexbox;*/
							/*display:-webkit-flex;*/
							/*display:flex;*/
							-webkit-box-pack:center;
							-ms-flex-pack:center;
							-webkit-justify-content:center;
							justify-content:center;
							-webkit-box-align:center;
							-ms-flex-align:center;
							-webkit-align-items:center;
							align-items:center;
						  }
		.swiper-slide img { border-radius:20px; box-shadow:1px 1px 12px 9px #e1e1e1; margin-top:50px; width:95%; overflow:hidden; } /*수정전 border-radius:20px; box-shadow:1px 1px 12px 9px #e1e1e1; margin-top:60px;*/
		.swiper-slide span { display:block; color:#333; width:95%; margin:20px auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; letter-spacing:-1px; }
		.swiper-button-next { right:88% !important; }
		.swiper-button-prev { left:88% !important; }

	    @media (max-width:470px) { 
			.swiper-button-next { top:45% !important; transform:rotate(180deg); }
			.swiper-button-prev { top:45% !important; transform:rotate(180deg); }
             					  }
	    @media (min-width:470px) and (max-width:1260px) { 
			.swiper-button-next { top:45% !important; transform:rotate(180deg); }
			.swiper-button-prev { top:45% !important; transform:rotate(180deg); }
             					  }
	    @media (min-width:1260px) and (max-width:2000px) { 
			.swiper-button-next { top:45% !important; transform:rotate(180deg); }
			.swiper-button-prev { top:45% !important; transform:rotate(180deg); }
             					  }




		.kococom { display:block; width:100%; margin:0 auto; text-align:center; } /*수정전 display:block; width:100%; height:800px; padding:40px 0; background:url('../img_visual/kococom_3.png') no-repeat 0px 44px;*/
		.kococom .kococom_img { background:url('../img_visual/kococom_4.png') no-repeat; background-size:cover; width:309px; height:197px; display:inline-block; }
		.kococom .title_gp { display:inline-block; width:100%; background:#fff; }
		.kococom .title_gp .title1 { display:block; font-size:26px; font-weight:300; letter-spacing:-3px; color:#000; line-height:42px; padding:30px 0; }
		.kococom .title_gp .title2 { display:block; font-size:16px; font-weight:300; color:#a3a3a3; line-height:24px; letter-spacing:-1px; }
		.kococom .title_gp .btn { display:block; width:117px; height:24px; line-height:24px; padding:10px 38px 10px 15px; border:1px solid #ccc; border-radius:6px; font-size:14px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 125px 16px; margin:40px auto; }
		.kococom .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; transition:0.5s ease; }



		.banner_bg { display:block; width:100%; background-size:cover; } /*수정전  display:block; width:100%; height:242px; background:url('../img_visual/ban_bg.png') no-repeat; background-size:cover; */
		.banner_bg .banner1 { display:block; width:100%; margin:0 auto; background:#eff3f6; }
		.banner_bg .banner1 .title { display:block; width:324px; padding:30px 18px; margin:0 auto; }
		.banner_bg .banner1 .title .title_gp1 .title1 { font-size:26px; font-weight:700; letter-spacing:-2px; color:#000; line-height:34px; }
		.banner_bg .banner1 .title .title_gp1 .title2 { font-size:15px; font-weight:300; color:#666; line-height:24px; letter-spacing:-1px; padding-top:10px; }
		.banner_bg .banner1 .title .title_gp2 { clear:both; display:block; padding:16px 0; width:100%; height:38px; }
		.banner_bg .banner1 .title .title_gp2 .phone { display:inline-block; font-size:34px; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#0c74bf; float:left; line-height:44px; }
		.banner_bg .banner1 .title .title_gp2 .btn { display:inline-block; width:147px; height:34px; background:url('../img_visual/ban_kakao.png') no-repeat; background-size:cover; float:left; margin-left:10px; }
		.banner_bg .banner1 .title .text { display:block; clear:both; font-size:15px; font-weight:300; line-height:24px; color:#666; letter-spacing:-1px; }
		
		.banner_bg .banner2 { display:block; width:100%; margin:0 auto; background:#e5eef5;  }
		.banner_bg .banner2 .sns { display:block; width:324px; padding:30px 18px; margin:0 auto; }
		.banner_bg .banner2 .sns .title_gp1 { display:block; height:42px; }
		.banner_bg .banner2 .sns .title_gp1 .title1 { display:inline-block; font-size:26px; font-weight:700; letter-spacing:-2px; color:#000; line-height:43px; }
		.banner_bg .banner2 .sns .title_gp2 { padding-top:15px; height:118px; width:100%; }
		.banner_bg .banner2 .sns .title_gp2 .btn { display:inline-block; width:70px; padding-right:14px; text-align:center; float:left; }
		.banner_bg .banner2 .sns .title_gp2 .btn:hover >span { color:#bfbfbf; transition:0.5s ease; }
		.banner_bg .banner2 .sns .title_gp2 .btn:hover >img { opacity:0.7; transition:0.5s ease; }
		.banner_bg .banner2 .sns .title_gp2 .btn img { display:block; width:100%; }
		.banner_bg .banner2 .sns .title_gp2 .btn span { display:block; font-size:14px; line-height:18px; color:#666; padding-top:10px; } 




	/* main - 하단인포 칸 */

		.info { padding:24px 0; height:290px; border-top:1px solid #ddd; background:#f2f2f2; }
		.info p { font-size:8px; letter-spacing:-1px; text-align:center; margin:5px 0; }
		.info p.copyright { font-size:8px; letter-spacing:-1px; text-align:center; color:#9f9d9d; margin-top:13px; }

		.info .sns_gp { width:360px; height:45px; margin:0 auto; margin-top:10px; }
		.info .sns_gp li { display:inline-block; width:39px; height:39px; background:rgba(1 0 0/8%); border-radius:50px; box-shadow:1px 2px 5px #ccc; margin-left:15px; float:left; }
		.info .sns_gp li img { width:100%; }

		.info .cs_gp { width:350px; height:40px; margin:10px auto; padding-left:10px; }
		.info .cs_gp li { display:inline-block; float:left; line-height:30px; padding:5px; }
		.info .cs_gp li.point { font-weight:bold; }
		.info .cs_gp li a { color:#666; font-size:14px; padding-right:12px; border-right:1px solid #ddd; }

		.info .cstxt_gp { width:340px; margin:0 auto; padding-left:10px; margin-top:20px; }
		.info .cstxt_gp li { font-size:13px; font-weight:600; color:#666; letter-spacing:-0.5px; }
		.info .cstxt_gp li a { font-size:14px; font-weight:500; color:#999; letter-spacing:-0.5px; }

		.info .cr_gp { width:340px; margin:0 auto; padding-left:10px; margin-top:20px; }
		.info .cr_gp li { font-size:13px; font-weight:600; color:#666; letter-spacing:-0.5px; }
		.info .cr_gp li.copyright { font-size:13px; font-weight:500; color:#999; letter-spacing:-0.5px; }		

		/* 팝업 CSS */
		div.popup_area { position:fixed; display:block; z-index:100; }
		div.popup_border { border:1px solid #444444; padding:2px; overflow:hidden; }
		div.popup_title { height:23px; line-height:23px; color:#F7F8FA; font-weight:bold; background:URL('../../img/pop.jpg') no-repeat left top; overflow:hidden; padding:0px 5px 0px 40px; font-size:11px; cursor:pointer; }
		div.popup_close { height:31px; text-align:right; overflow:hidden; }
		button.popup_close_but1 { margin-top:4px; background:URL('../../img/pop_today.png'); border:0px; width:101px; height:23px; cursor:pointer; }
		button.popup_close_but2 { margin-top:4px; background:URL('../../img/pop_close.png'); border:0px; width:60px; height:23px; cursor:pointer; }
		.se2_outputarea img { width: 300px!important; }