/***************************************/
/* MEDIAQUERIES */
/***************************************/


@media screen and (min-width:1360px){
	

	}



@media screen and (min-width:1280px){
	.cycle-slideshow img {
		width: 1000px;
	}
	
	#header_inner {
		margin: 0 auto;
		position: relative;
	}
	#logo {
		border-bottom: none;
	}
	#sub_page {
		margin: 0 auto;
	}
	/*
	body:before {
		border-bottom: 1px solid #252525;
		content: "";
		width: 100%;
		position: absolute;
		top: 95px;
		left: 0;
		z-index: 99;
	}
	*/
    .sub_body {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
        padding-left: 0;
        padding-right: 0;
	}

    .about_02_pc img, .about_04_pc img {
   		width: 80%;
    }
	.story_inner .text {
		width: 96%;
		margin: 0 auto;
	}
}


@media screen and (max-width:1280px){#main_quickbanner .quickbanner_inner {
		width: 100% !important;
		margin: 0 auto;
		}
}
@media screen and (max-width:1230px){

		#page_nav{
		width:100%;
		}
		.organization_scroll {
    overflow-x: scroll;
}
}
@media screen and (max-width:1200px){

	/* ä¿ë¾È³» */

	.recon_top div .txt_box ul li { padding: 50px 30px; }
	.recon_top div .txt_box ul li .desc { margin-left: 0; width: 100%; margin-top: 20px; }
	.recon_top div .txt_box { width: 90%; margin-left: 5%; }



		/*È÷½ºÅ丮*/
		.history{	background-color: #fff;}

		/*¸ÞÀÎ*/
			.logo img {
			margin-top: 18px;
		}

		#sidebar{}
		#single_dropdown{
			height: auto !important;
			margin: 0;
			background: none;
			width: 320px;
			display: none;
		}
		.business_areas_imgbox img {
			width: 100% !important;
		}

			#submenu {
		display: block;
	}

 #single_dropdown #main_menu li { float: none; }
    #single_dropdown #main_menu > li { float: none;  background:#000;clear: both;}
    #single_dropdown #main_menu li a { display: block; float: none; text-align: left;background:none; }
    #single_dropdown #main_menu ul,  #full_dropdown #main_menu ul.submenu_03 {float: left; position: inherit; display: none; visibility: visible; padding: 0; margin: 0; top: 0; left: 0; background: #232323; width: 100%; }
    div#main_menu_container { overflow: auto; margin-top: 0; width: 320px; margin: 0; background: #000; top: 0; left: 0; display: none; position: fixed; box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.4); z-index: 999; }
    #single_dropdown #main_menu ul {border:none;}
    #single_dropdown #main_menu ul li a {color:#686868;padding-left: 60px;height:30px;}
	/* HEADER */
    header { transform: none; z-index: inherit; }
    #logo a { margin: 0; position: inherit; top: 0; left: 0; display: inline-block; margin-top: 12px; }
    div#logo { text-align: center; z-index: 0; }
    div#header_inner { width: auto; }
	#content_container {
    width: 100%;
    padding: 3%;
    float: none;
}
		.wrap { width: 100%; }
			section {
		width: 100%;
	}

	.thumbSlide01 .bx-wrapper .bx-next {
		right: 0;
	}
	.thumbSlide01 .bx-wrapper .bx-prev {
		left: 0;
	}

	.main_con02_inner ul li {
		width: 48%;
		margin: 0 1%;
	}
	.imgbox img {
		width: 100%;
	}
	.main_con02_inner ul li:first-child {
		margin-left: 1%;
	}

	#main_vis {
		height: 700px;
	}
	#slides01 {
		min-height: 700px;
		height: 700px !important;
		background-position: center center;
	}
	.deco {
		display:none;
	}
	.main_vis_text {
		top: 224px;
		font-size: 36px;
	}

	/*Çì´õ*/
	#head_inner{top:0;}
	.logo {
	   display:none;
	   padding-left:5px;
	}
	.logo.logo_mobile {
		display: block;
	}
	#header { position: fixed; }
	.logo { background: transparent;
	}
	.top_navi {
		float: left;
		display: none;
	}
	.all_menu_inner span {
		background: #fff;
	}
	.all_menu {
		border-left:none;
	}
		/*ȸ»ç¼Ò°³*/
		.infoA {
		padding-left: 0 !important;
		padding-top: 20px;
	}
	.introduce li {
		text-align: center;
	}
	.introduce li .infoA .txt li {
		text-align: left;
	}
	.introduce li .imgA {
		clear: both;
		width: 100%;
		height: auto;
		float: none;
	}
	.introduce li .imgA img {
		width: 100%;
	height: auto;
	}
	.introduce li .infoA {
		float:none;
		width: 95%;
		margin: 0 auto;
	}

	/*°æ¿µÀ̳ä*/
	.philosophy_img {
		width: 100%;
	}
	.philosophy_img img{
		width: 100%;
	}
	.philosophy_img02 img{
		width: 100%;
	}
	/*ci*/
	.identity .identity_box.ci {
		padding: 60px 60px;
	}



	/*biÃß°¡*/
	.identity_box.ci.bi.other_bi > .wrap > .sec_txt_box > p.sec_txt {
		height: 15px;
	}
	.identity_box.ci.bi.other_bi > .wrap > span.sec_logo {
		margin: 0;
	}
	.identity_box.ci.bi.other_bi > .wrap > span.sec_logo > img {
		width: 100%;
	}
	.identity_box.ci.bi.other_bi ul.ci-color.js-reveal {
		float: left;
		width: 660px;
		margin: 0;
		padding: 0;
	}
	.identity_box.ci.bi.other_bi {
		margin-bottom: 30px;
	}
	.sec_txt_box.bi_box2 h5{padding-bottom: 23px;}
}


@media (max-width:1075px){
	p.sec_txt {
		width: 100% !important;
		height: auto !important;
	}
	span.sec_logo {
		margin-left: 0;
		width: 100%;
		margin-bottom:40px;
	}
	span.sec_logo img {
		width: 100%;
	}
	.identity .identity_box .sec_txt {
		font-size: 20px !important;
	}

	/* TOUCH SCROLL MENU */
	#sidebar { bottom: 0px; }
	.home #menu_touch_primary, .home #submenu { display:none;}
	#menu_touch_primary #main_menu_container {
		border-bottom: none;
	}

	#menu_touch_primary ul.children {
		display: none;
	}

	#menu_touch_primary #main_menu li{
		clear:none;
	}

	#menu_touch_primary ul li a {
		display: block;
		float: left;
		font-size: 14px;
		color: #000;
	}
	#menu_touch_primary {
		background: #eee;
	}
	#sidebar ul li a { background: none; }

	#menu_touch_primary ul li.current_page_parent a,
	#menu_touch_primary ul li.current_page_item a{
	    background: url(images/sub/current_page_item_icon01.png) center bottom no-repeat;
		color: #fff;
		background: #007687;
		}

	#menu_touch_primary ul li:first-child a {
		border-left: none;
	}

	#menu_touch ul,#menu_touch ul li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#menu_touch ul li {
		border-bottom: 3px solid #fff;
	}
	#menu_touch ul li.current_page_parent, #menu_touch ul li.current_page_item {
		border-bottom: 3px solid #0b93df;
	}

	#menu_touch ul li a {
		font-size: 24px;
		color: #eee;
		display: inline-block;
		padding: 36px 30px;
		margin: 0 0;
		border-left: 2px solid #000;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}

	#menu_touch ul li:first-child a {
		border-left: none;
	}

	#menu_touch ul li.active a {
		background-color: #F0F0F0;
		color: #333;

		-webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
	}

	#sub_menu_touch {
		background: #eee;

		-webkit-box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2);
		box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2);
		margin-bottom: 0px !important;
	}

	#sub_menu_touch ul li a {
		font-size: 22px;
		display: inline-block;
		padding: 36px 30px;
		margin: 0 0;
		border-left: 2px solid #ccc;
	}

	#sub_menu_touch ul li:first-child a {
		border-left: none;
	}

	#sub_menu_touch ul li.active a {
		color: #900;
		font-weight: bold;
		background: transparent url(../images/menu_arrow.png) no-repeat center bottom;
	}

	#movie #sub_menu_touch ul li.active a {
		background-image: url(../images/menu_arrow_02.png);
	}

	#menu_touch {
		background: #fff;
	}

	.touchscroll {
		overflow: hidden;
		clear: both;
		float: left;
		width: 100%;
	}

	.touchscroll::-webkit-scrollbar {
		width: 0 !important;
	}

		.touchscroll ul {
			width: 2000px;
			float: left;
			margin-bottom: 0 !important;
		}
	.touchscroll ul li {
		float: left;
	}

	#menu_touch ul li a {
		font-size: 14px;
		color: #888;
		display: inline-block;
		padding: 10px 20px;
		margin: 0 0;
		border-left: none;
	}

	.touchscroll ul li a:active {
		background: rgba(174, 211, 250, 0.5);
	}
}



@media (max-width:959px){

	.recon_top div .txt_box ul li .tilte { font-size: 23px; }
	.recon_top div .txt_box ul li .desc dl dt { font-size: 14px; }
	.recon_top div .txt_box ul li .desc dl dd { font-size: 14px; width: 75%; }

	/*Åä¸ñºÐ¾ß*/
	.business_areas_imgbox h3 {
    bottom: 0;
	}
	img.business_areas02_img01, img.business_areas03_img01 {
    display: none;
	}
	img.business_areas02_img01_01, img.business_areas03_img01_01 {
    display: block;
	}
	.business_areas_imgbox h3 {
    position: static;
    margin-top: 20px;
	}
    .mapSelect {
        display: none;
    }

    .map_search_container {
        padding: 0 5% 20px 5%;
        width: 90%;
    }
	span.point01 {
    font-size: 36px;
	}

	span.eng01 {
		font-size: 62px;
	}
	div#pibs_nboard_search {
		padding: 15px 0px !important;
	}
	.mobile .pibs_nboard tr {
		padding: 15px 0 !important;
	}
	.mobile .pibs_nboard_write_subject {
    margin-bottom: 20px;
}
		
    /* FOOTER */
    footer { width: 100% }
    #footer_sns { float: none; text-align: center; clear: both; }
    div#footer_inner > p { text-align: center; width: 90%; margin: 0 auto;float: none;}
    div#footer_inner > p small { text-align: center; }

    /* MENU */
    #single_dropdown #main_menu #main_menu_1,
    #single_dropdown #main_menu #main_menu_2,
    #single_dropdown #main_menu #main_menu_3,
    #single_dropdown #main_menu #main_menu_4,
    #single_dropdown #main_menu #main_menu_5,
    #single_dropdown #main_menu #main_menu_6 { width: auto; margin: 0;color: #ccc; }

    
    .open_menu #btn_menu { left: 280px; position: fixed; top: 26px; margin-top: 0; z-index: 1000; }
    .open_menu #btn_menu span { background: url('images/mobile/icon_menu_close.png') center top no-repeat; }
    
    ul#main_menu { height: auto !important; padding-top: 60px; }
   
    /* MAIN PAGE */
    div#main_banner_container img { max-width: 100%; }
    #main_menu_img { text-align: center; padding-top: 10px; }
    div#main_media { clear: both; }
    div#main_media h2 { text-align: center; }
    #main_open h2 span { width: 100%; display: block; margin-left: 0; }
    #main_banner_container #notice li a { color: #F4DDC9; }

    /* SIDEBAR */
    div#sidebar { }
    
    /* SUB PAGE */
    #sub_visual1,
    #sub_visual2,
    #sub_visual3,
    #sub_visual4,
    #sub_visual5,
    #sub_visual6,
    #sub_visual7 { padding-top: 0; background-position: center top; background-size: cover;}
    #main_container { padding-top: 0px;}
    
    /* °í°´¹®ÀÇ (CONTAT FORM7) */
    .wpcf7 input, .wpcf7 textarea,.wpcf7 input#user_name, .wpcf7 #user_file{ width: 100%;}
    .wpcf7 form { margin-left: 0;}
    .wpcf7 input.wpcf7-submit { margin-left: 0; max-width: 300px;}
    .wpcf7 .contact_form_btn { text-align: center; margin-top: 10px;}
    .wpcf7 label { padding-bottom: 6px; padding-top: 5px;}
    .sub_body div.wpcf7 { padding: 10px 20px;}
    .wpcf7 .upload_limit { display: inline-block; width: 75px;}
    .wpcf7 span.wpcf7-not-valid-tip,.wpcf7 .wpcf7-response-output { width: 90%;  margin-left: 0; padding: 10px 5%;}
    
    
    /* PIBS nBoard custom */
    body.mobile #content_container #pibs_nboard_keyword_type, body.mobile #pibs_nboard_keyword_type {background: #fff;   border: 1px solid #ccc;}
    body.mobile #content_container #pibs_nboard_keyword_text, body.mobile #pibs_nboard_keyword_text {background: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); width: 150px; border: 1px solid #ccc;}
    body.mobile table.pibs_nboard {border-top: 2px solid #cbcbcb;}
    body.mobile .pibs_nboard tr {border-bottom: 1px solid #ccc;}
    body.mobile .pibs_nboard_sns { top: -20px; }


	/*Åä¸ñºÐ¾ß*/

	.business_areas_imgbox img {
		width: 100%;

	}
	.organization_scroll {
				overflow-x: scroll;
		}
		.organization p{display:block; margin-top:15px;color:#15467b;}

		
}


@media screen and (min-width:959px){

	.page header, .post-type-archive header, .single header, .tax-portfolio_categories header {
	}

	#top_menu {
		position: absolute;
		right: 0;
		display: block;
		z-index: 999;
		top: 11px;
	}
	#top_menu ul li {
		float: left;
		background: url('images/gnb_dot.png') left 7px no-repeat;
	}
	#top_menu ul li:first-child {
		background:none;
	}
	#top_menu ul li a {
		padding: 3px 6px;
	}
	.main_menu, .home .main_menu {
        z-index: 999;
	}
	.main_menu a {
		width: auto;
		border-bottom: none;
		padding: 0;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.home .main_menu a:first-child {
		border-top: none;
	}
	.main_menu a:hover {
		background: none;
		box-shadow:none;
		-webkit-box-shadow: none;
	}
	.touchscroll {
		clear: both;
		float: left;
		background: none;
		padding: 0px;
	}
	.main_menu a {
		font-size: 14px;
		padding: 8px 0;
		/* padding-left: 10px; */
		/* padding-right: 10px; */
		border: none;

		text-align: center;
	}

	.main_menu a:hover {
		color:#868686;
    }
    .home #main_menu a{
    	border-bottom:none;
    	width: auto;
    	padding:0;
		text-align:center;
	}
	.main_menu a.active {
		background: none;
	}
	.main_menu a:hover {
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
	}


	footer {
		width: 100%;
	}
	#event {
	display: none;
	}

	/* sub */
    .sub_body {
        margin: auto;
    }
	.sub_body_inner {
		margin: 0 auto;
	}
    .tax-portfolio_categories .sub_body_inner,
    .post-type-archive-portfolio .sub_body_inner,
    .post-type-archive-portfolio2 .sub_body_inner{
        width: 100%;
        min-height:680px;
    }
	#the_content {
		color: #8E8E8E;
		margin: 0 auto;
	}
	.page h1, .sub_body_inner h1 {
		font-family: 'Roboto Slab', 'NanumGothic', serif;
		color: #222;
		font-size: 90px;
		text-align: center;
		padding: 10px 0;
		border: none;
		margin-bottom: 0;
	}
	h1.map {
		text-align: left;
		display: block;
		margin-top: 0px;
	}
	body.single.single-portfolio h1 {
		display: block;
	}
	#sub_page {
		margin: 0 auto;
	}
	#sub_page.about-us h1 {
		font-family: 'NanumGothic', serif;
		color: #848484;
		text-align: left;
		font-size: 25px;
		padding: 0;
		border: none;
		margin-bottom: 20px;
		margin-top: 140px;
		padding-left: 22px;
		background: url('images/icon.png') left 7px no-repeat;
	}
	.mobile_img{
		display: none;
	}
	#main_quickbanner .quick_con {background: none !important;}
}



@media screen and (max-width:959px){
			.deco {	background: transparent url(../images/main/main_deco.png) center -90px no-repeat;}
			#head_inner { top:0;}

				#header_inner {height: 70px;}
				#blank_none {}
				#logo img {width: 177px;}
				#logo a{  margin-left:0;}
				.wap{width:100%;}
				.slideshow_container{height:auto;z-index:-1;}
				#slideshow_nav{top: 50%;}
				#slideshow img{max-width:100%; height:auto !important;}
				#main_quickbanner {height:auto;}
				#main_quickbanner li {width: 50%;float: left;height: 177px;}
				#top_menu, #ment, #main_banner, #breadcrumbs{display:none;}
				#main_banner_container{width:100%;float:left;}
				#btn_menu {left: 10px;
				position: absolute;
				top: 22%;
				margin-top: 0;
				z-index: 99;
				background: rgb(11, 147, 223);
				padding: 10px;
				border-radius: 6px;}
				#btn_menu span{background: url('images/mobile/icon_menu.png') center top no-repeat; display: block; position: relative; height: 22px; width:27px;	}
				#main_banner_container #notice,
				#main_menu_img{float:auto; width:100%;}
				#main_banner_container #notice {height: auto;border-right: none;}
				#main_banner_container #notice h2{display:none;}
				#main_banner_container #notice li{display: none; border-top:0; width: 100%;padding: 15px 0;}
				#main_banner_container #notice li a{line-height: 20px; display:block;}
				#main_banner_container #notice li:first-child {display: block;}
				#main_banner_container #notice li a b {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:auto;}
				#main_banner_container #notice li a span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:auto;}
				div#main_banner_container img {max-width: 95% !important;}
				#main_menu_img img{width:95%}
				#main_open .portfolio_thumb{background-position:center bottom !important;}
				#main_open #last_photos .portfolio_title{margin-top:0; margin-bottom: 30px;}
				#main_sales {clear:both;width: 100%;float: left;height: auto;background: #efefef;border-right: none;}
				#main_banner_container .sales_inner {width:100%;margin:0;float: left;height: auto;}
				#main_sales ul {padding:10px;}
				#main_banner_container #main_sales li {float:left;width:33.3%;clear:none;}
				#main_banner_container #main_sales h2 {display:none;}
				#main_banner_container #main_sales li p {display:none;}
				#main_banner_container #main_sales li a img {width:80%;height:auto;margin:0 auto;float:none;}
				#main_banner_container #main_sales li h3 {margin:5px 0 10px 0;clear:both;text-align:center;display:block;font-family: 'NanumBarunGothic';font-size:15px;color:#000;font-weight:400;}
				#content_container {width: 100%;padding: 3%;float: none;	}
				#sub_visual {
				position: relative;
				top: 0 !important;
				}
				#sub_mobile_visual {
				display:block;
				clear: both;
				width: 100%;
				float: left;
				height: 80px;
				background:#8fb6df;
				}
				#sub_mobile_visual .sub_mobile_con {
				width: 100%;
				height: 80px;
				background: url(images/sub/sub_mobile_img.jpg) center top no-repeat;
				}
				#content_container h2 {
				color: #000;
				font-size: 25px;
				line-height: 40px;
				margin-bottom: 30px;
				margin-top: 30px;
				}
				#the_content img {max-width: 100%;  height: auto;}
				#sub_page p.sub1_1_2{background:none; width:100%; height:auto;}
				#sub_page .section ul{background:none; }
				#sub_page .section li{ width: 100%; padding: 0 0; margin-bottom: 50px;}
				#sub_page .section li img{float:left}
				#sub_page .section li span{display:none;}
				#sub_page .section li p{margin-top: -14px;float:right; width:65%;}
				.sub4_3_1 li{ text-align: center;}
				.sub4_3_1 li img{width:95%;}
				
				#sub_visual1{background: url(images/mobile/sub_visual1.jpg) no-repeat center top;}
				#sub_visual2{background: url(images/mobile/sub_visual2.jpg) no-repeat center top;}
				#sub_visual3{background: url(images/mobile/sub_visual3.jpg) no-repeat center top;}
				#sub_visual4{background: url(images/mobile/sub_visual4.jpg) no-repeat center top;}
				#sub_visual5{background: url(images/mobile/sub_visual5.jpg) no-repeat center top;}
				#sub_visual6{background: url(images/mobile/sub_visual6.jpg) no-repeat center top;}
				#sub_visual7{background: url(images/mobile/sub_visual7.jpg) no-repeat center top;}

				/* mobile_menu */
				div#main_menu_container{box-shadow:5px 0px 10px rgba(0, 0, 0, 0.4) !important;  background: #000 !important; }
				.open_menu #btn_menu{top:15px;left: 258px;}
				#full_dropdown #main_menu #main_menu_1, #full_dropdown #main_menu #main_menu_2, #full_dropdown #main_menu #main_menu_3, #full_dropdown #main_menu #main_menu_4, #full_dropdown #main_menu #main_menu_5, #full_dropdown #main_menu #main_menu_6
				 {	margin-left: 20px !important;	}
				ul#main_menu {padding-top: 50px;}
				ul#main_menu > li{border-bottom: 1px dotted #454545;}
				#full_dropdown #main_menu ul{background: #784f33 !important;}
				#full_dropdown #main_menu li{padding:10px 0; }
				.home #main_menu a{border-bottom: 0;}
				#full_dropdown #main_menu ul li a{padding: 0px 10%; width: 80%;}
				#main_open h2{padding-left:5px;}
				#footer_menu{display:none;}	
					/*¸ÞÀÎ*/
				ul.main_con03_inner li span {
				font-size: 14px;
				padding:0 10%;
			}
			ul.main_con03_inner li h3 {
				font-size: 25px;
				margin-bottom: 35px;
				margin-top:100px;
			}

			/*ȸ»ç¼Ò°³*/
				

			/*¿À½Ã´Â±æ*/
			.location .tab_menu .tabs {
				   position: static;
			}
			.location_info {
				position: static;
				width: 100%;
				height: auto;
				background: #fff;
				right: 0;
				border: none;
				padding-bottom:30px;
			}
			.tab_container .tab_content .location_info ul {
				margin-top: 40px;
			}
			.location ul.tabs  {
				width: 100%;
			}
			.location ul.tabs li {
				width: 50%;
			}
			.location iframe {
			height: 450px;
		}
			#page_nav a {
				display: inline-block;
				padding: 10px 15px;
				color: #333;
				font-size: 13px;
				font-weight:bold;
			}
			.mobile .pibs_nboard_write {
				border-top: 2px solid #333 !important;
			}
			.mobile .pibs_nboard_write_subject {
				margin-bottom: 20px !important;
				font-size:18px !important;
			}

		.organization_scroll img {
			width: 800px;
		}
}



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

	.sales-list .info {
    float: left;
    width: 40%;
}

.detail_list .detail_info {
    float: left;
    width: 45%;
    text-align: left;
}

.recon_top div .txt_box ul li { width: 100%; border-left: none; border-top: 1px solid #ccc; }
.recon_top div .txt_box ul li:first-child { border-top: none; }
.recon_top div .txt_box ul li .desc dl dd { width: auto;  }


}


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

		ul.ci-color li {
			text-align: center;
		}
		ul.ci-color li img {
			float: none;
		}
		.identity .ci-color p {
			float: none;
			margin-left: 0;
		}

}

@media screen and (max-width:820px){
	table.history, .map_guide, #map_info{background:none;}
	table.map_info_inner{width:100%;}
	.tax-work_category #workdone_top {display: none;}
	#overlay ul li {
    width: 100%;
	}
	#overlay ul.nav_inn ul {
		display: none;
	}

	.identity_box.ci.bi.other_bi ul.ci-color.js-reveal{width:100%;}
	.identity_box.ci.bi.other_bi > .wrap > .sec_txt_box > p.sec_txt{margin-bottom:10px;}
    
}
@media screen and (max-width:800px){
	#workdone_top {display:none !important;}
	.history_list {background:none !important;padding-bottom: 20px;}
	.history_list h4 {font: bold 30px 'NanumGothic';color: #b8b8b8;background: none;letter-spacing: -0.1em;display: inline-block;float: left;padding-right:0;margin-right:0;clear: both;width: 100%;}
    .history_list ul {clear:both;width: 100%;float:left;}
	.history_list h4 span {font: bold 32px 'NanumGothic';color: #66c5ef;}
	.history_list ul li span {font: bold 12px 'Malgun Gothic';color: #7E7E7E;margin-right: 15px;width: 15px;display: inline-block;}
	.history_list ul li {font: normal 12px 'Malgun Gothic';color: #888888;padding-top: 5px;padding-bottom: 5px;}
	#recruit_inner {background: none;width: 100%;float: left;}
	#recruit_inner .recruit_con {padding-right: 0px;}
	#recruit_inner .recruit_con h4 {width: 29%;}
	#recruit_inner .recruit_con p {float: right;width: 71%;}
}
@media screen and (max-width:780px){

	ul.main_con03_inner li {
    width: 100%;
    text-align: center;
    height: 420px;
    box-sizing: border-box;
    color: #fff;
	}
	.footer_navi {
		display: none;
	}
	.footer_text {
		width: 70%;
	}

	#main_vis {
		height: 600px;
	}

	#slides01 .slides-container div {
		width: 100% !important;
		height: 600px !important;
		background-position: center center;
	}
		
}


@media screen and (max-width:740px){
	.recon_top div .txt_box ul li .desc dl dd { clear: both;  }
	.recon_top div .txt_box ul li { padding: 30px 30px; }
	.recon_bottom .recon_bottom_img01 { display: none; }
	.recon_bottom .recon_bottom_img01_1 { display: block; max-width: 550px; margin:0 auto; }
	.recon_bottom { padding: 70px 0;}
}


@media screen and (max-width:700px){
	
	ul.tabs {
		width: 100%;
	}
	ul.tabs li {
    width: 33.3%;
	}
		/*¿¬Çõ*/

		.byYear dd.history_photo {
			padding-right: 40px;
		}
		.byYear dd.history_photo02 {
			padding-left: 40px;
		}
			
		.byYear dt {
		font-size: 35px;
		}
		.byYear dl.y2000 {
			margin-top: 60px;
		}
	.identity_box.ci.bi.other_bi ul.ci-color.js-reveal li p {
		margin-left: 0;
		font-size: 12px;
		line-height: 20px;
	}

}


@media screen and (max-width:660px){
		#pibs_slider {
		width: 100%;
		position: relative;
		margin-bottom: 20px;
		float: left;
		}
		.sales-list li {
		clear:none;
		width: 100%;
		float: left;
		padding: 15px 0;
		}
		.sales-list li:first-child {
		padding-top: 15px;
		}
		.sales-list .img {
		float: left;
		width: 100%;
		cursor: pointer;
		}
		.sales-list .img a {
		display:block;
		margin:0 auto;
		}
		.sales-list .img a img{
		width:100%;
		height:auto;
		}
		.sales-list .info {
		clear:both;
		float: left;
		width: 100%;
		}
		.sales-list .apt_info {}
		.sales-list .btn {}
		.sales-list h4 {margin-top: 10px;margin-bottom:10px;text-align:center;}
		.sales-list h4 a {
		}
		.sales-list .btn {
			position: static;
			text-align: center;
		}
		.sales-list .apt_info {
			position: static;
			overflow: hidden;

		}
		.detail_list .detail_img {
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
		cursor: pointer;
		}
		.detail_img img{width:100%;}
		.detail_list .detail_img a {
		width: 98%;
		display:block;
		margin:0 auto;
		}
		.detail_list .detail_img a img {
		width: 100%;
		display:block;
		margin:0 auto;
		}
		.detail_list .detail_info {
		float: left;
		width: 100%;
		clear:both;
		}
		.detail_list .info_tit {
		display:none;
		}
		.detail_list .apt_info {
		width: 98%;
		margin:0 auto;
		}
		.detail_list .btn {
		width: 98%;
		margin:0 auto;
		text-align:center;
		padding-top:26px;
		}
		.detail_list .btn a {margin-right: 3px;padding: 10px 16px;}
		.workdone_con .work_img {width: 100%;float: left;margin-right: 0;}
		.workdone_con .work_txt {width: 100%;float: left;clear: both;margin-top: 18px;margin-left: 0;}
		table.t3 td span {display: none;}
		table.t3 td input {width:100% !important;height:24px !important;}
		table.t3 td input[type="checkbox"] {width:auto !important;height:auto !important;}
		table.t3 td input[type="radio"] {width:auto !important;height:auto !important;}

		/*°ÇÃàºÐ¾ß*/
		.business_areas_imgbox h3 {
		font-size: 25px;
		}
		.business_areas p {
		font-weight:300;
		padding-top:35px;
		background-size: 15px;
		}
		.business_areas_imgbox h3 span {
			font-size: 15px;
			margin-top: 10px;
		}

	

}
@media screen and (max-width:600px){
	div#pibs_nboard_search {
		padding: 15px 0px;
	}
	#sub_visual span.eng01 {
		font-size: 40px;}
	#sub_visual span.point02 {
		font-size: 17px;
	}
	table.news_table01 th, table.news_table01 td {
		padding: 10px 5px;
		font-size: 13px;
		border-bottom: 1px solid #ddd;
	}
	#slides02 { height: 355px !important; }
	#sub_visual { height: 355px; }


	div#main_open #last_photos li{width:33%;}
	div#main_open #last_photos li:nth-child(4){display:none;}
	#sub_page .section li{ width: 100%; padding: 0 0; margin-bottom: 50px;}
	#sub_page .section li span{padding-top:10px; display:block !important;}
	#sub_page .section li img{float:none !important;}
	#sub_page .section li p{margin-top: 10px !important; float: none !important; width: auto !important;}
	#sub_page .section .sub1_1_3{float:none !important; text-align: center;}
	#sub_page .section .sub1_1_4{float:none !important; width:100% !important; margin:10px 0 0 0 !important;}
	table.history{margin:0px 0 0 0; width:100%}
	.history .year{ display: block; line-height: 50px;}
	.history td { display: inline-block;}
	#project_table th:nth-child(5),	#project_table th:nth-child(6),	#project_table th:nth-child(7),#project_table th:nth-child(4),
	#project_table td:nth-child(5),	#project_table td:nth-child(6),	#project_table td:nth-child(7),#project_table td:nth-child(4),
	#project_map .thumb_images, .sub_body p.icon_info{display:none;}
	#project_map .info_window p{margin-left:0}
	.single_locator_info table.t1_map tr { display: block;}
	.single_locator_info table.t1_map th{  display: block; float: left; clear: both; width: 20%;}
	.single_locator_info table.t1_map td{  display: block;}
	.page-id-1253 #sub_page .sub4_3_1 h3, .page-id-1253 #sub_page .sub4_3_2 h3{background:none; height:auto;}
	.page-id-1253 #sub_page .sub4_3_1 h3 img, .page-id-1253 #sub_page .sub4_3_2 h3 img{display:block;}

	.gallery li{width:100%;}
	#main_quickbanner {height:auto;}
	#main_quickbanner li {height: 120px;}
	#main_quickbanner .quick_01 {background-size: 43%;}
	#main_quickbanner .quick_02 {background-size: 43%;}
	#main_quickbanner .quick_03 {background-size: 43%;}
	#main_quickbanner .quick_04 {background-size: 43%;}
	#main_quickbanner .quick_con p {display:none;}
	#main_quickbanner .quick_con {padding-left: 48%;background:none;}
	#main_quickbanner .quick_con h2 {font-size:14px;margin: 31% 19% 0 0;line-height: 146%;}
	#main_quickbanner .quick_con h2 span {font-size: 15px;}
	#page {width: 100%;float: left;margin-bottom:30px;}
    #cerif_inner .cerif_img li {width: 50%;	float: left;margin-bottom: 10px;}
	.greetings {background: url(images/sub/ceo_bg.jpg) center bottom no-repeat;background-size:100%;padding-bottom: 152px;}
	#greet_inner {padding-bottom: 40%;}
	#greet_inner .greeting_con {padding: 0 0 0 10px;}
	#greet_inner .greeting_sign {padding: 40px 151px 0 10px;}
	#greet_inner h3 {font-size: 17px;margin: 0 0 36px 0;line-height: 25px;letter-spacing:-1px;}
	#greet_inner h3 span{font-size: 19px;color:#108fca;}
	#recruit_inner .recruit_con h4 {width: 100%;}
	#recruit_inner .recruit_con p {float:none;width: 100%;clear:both;}
	table.t1 th:nth-child(4), table.t1 th:nth-child(5),table.t1 th:nth-child(6) {display:none;}
	table.t1 td:nth-child(4), table.t1 td:nth-child(5),table.t1 td:nth-child(6) {display:none;}
	table.t1 th:nth-child(3) span {border-right:none;}

	/*ci*/

	.identity .identity_box.ci {
    padding: 20px;
}
.identity .identity_box.ci .sec_txt {
    font-size: 15px !important;
}

}


@media screen and (max-width:560px){
			.identity_box.ci.bi.other_bi ul.ci-color.js-reveal li p {display: none;}
			.footer_logo{display:none;}
			.footer_text {
				width: 96%;
				padding: 5% 2%;
				margin: 0 !important;
			}
			/*ci*/
			.identity .identity_box .ci_lst .li_v2 {
				padding-right: 0;
			}
			.identity .identity_box .ci_lst li {
				width: 100%;
				padding-left: 0;
				border-left: none;
			}
			.identity .identity_box .ci_lst li:first-child {
				padding: 0 0 0 0;
			}
			ul.ci-color li {
				width: 100%;
			}
			ul.ci-color li img {
				float: left;
			}
			ul.ci-color li {
				width: 100%;
				margin-bottom: 15px;
			}
			.identity .ci-color p {
				float: left;
				margin-left: 25px;
			}

			/*°æ¿µÀ̳ä*/

			.philosophy_img02 {
				display: block;
			}
			.philosophy_img {
				display:none;
			}
			.philosophy h4 {
				  font-size: 20px;
			}
			.philosophy h4 span{
				font-size: 20px;
				line-height: 30px;
			}
}

@media screen and (max-width:515px){
			#news .thumb_container{width:100%;}
			.thumb_container a.thumb img {
				width: 100%;
				height: auto;
			}
			#news .text {
				width: 100%;
				text-align: left;
				margin-top:15px;
			}
			#news .text h2 a {
				font-size: 16px !important;
			}
			#news .text > div{margin-bottom:3px;}

		.byYear .line {
			left: 0;
			top: 0px;
			width: 1px;
			height: 100%;
			margin-left: 15px;
			position: absolute;
			background-color: rgb(110, 110, 110);
		}
		.history_left {
		width: 100%;
		}
		.byYear dt.left {
		padding-right: 0;
		text-align: left;
		padding-left: 70px;
		}

		.byYear dt::before {
			background: url(images/sub/history-bg.png) no-repeat center 0px;
			top: 12px;
			width: 19px;
			height: 22px;
			position: absolute;
			content: "";
			left: 5px;
		}
		.byYear dd.left {
		padding-left: 70px;
		padding-right:10px;
		text-align: left;
		}
		.byYear dd .date::before {
		background: url(images/sub/history-bg.png) no-repeat -20px -32px;
		top: 6px;
		width: 11px;
		height: 12px;
		position: absolute;
		z-index: 2;
		content: "";
		left: 10px;
	}
			.byYear dd .date::after {
			background: rgb(232, 232, 232);
			top: 11px;
			width: 40px;
			height: 1px;
			position: absolute;
			content: "";
			left: 10px;
		}
		.byYear dd.right {
				left: 15px;
				padding-left: 50px;
			}
		.byYear dt.right {
			left: 15px;
			padding-left: 50px;

		}
		.history_right {
			width: 100%;
		}
		.byYear dd.history_photo {
			padding-right: 40px;
			display: none;
		}
		.byYear dd.full::before{background-image:none;}
		.byYear dd.history_photo02 {
		padding-left: 40px;
		display: none;
		}
		.byYear dd.full {
			left: 15px;
		}

		.byYear dd.ty1.full {
			background: url(images/sub/history-photo5.jpg) no-repeat 50% 5%;
			margin-top: 50px;
			height: 110px;
			background-size: 220%;
		}

		.byYear dl {
			margin-top: 0;
		}
				.byYear dl.y1990 {
			margin-top: 50px;
		}
		.byYear::before {
			background: url(http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png) no-repeat 0px -32px;
			left: 12px;	
			margin-right: 0;
			margin-left: 0;
		}
		.byYear::before {
		margin-bottom: 50px;
	}
				
			.byYear::after {
			background: url(http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png) no-repeat 0px -32px;
			left: 12px;
			margin-right: 0;
			margin-left: 0;
		}
		.byYear dt {
		font-size: 25px;
	}





}

@media screen and (max-width:500px){
	div#main_open #last_photos li{width:50% !important;}
	div#main_open #last_photos li:nth-child(3), div#main_open #last_photos li:nth-child(4){display:none;}
	.history .month{display: block; width: 100%; background-position: 40px center;}
	.history td{padding-left:0;}
	#project_table th:nth-child(2),#project_table td:nth-child(2){display:none;}

	.sub4_3_1 li{ width:49% !important; text-align: center;}
	#cibi .ci_content {background: url(images/sub/ci_img_02.png) center bottom no-repeat;padding-bottom: 175px;}
	#cibi .ci_content p {padding: 0 0 0 10px;}
	#cibi .ci-02 {background: url(images/sub/ci_img_03.png) center bottom no-repeat;padding-bottom: 210px;}
	#cibi .ci_content02 p {padding: 0 0px 0 10px;}

		.main_con02_inner ul li {
			width: 46%;
			margin: 0 2%;
		}
		.main_con02_inner ul li:first-child {
		  margin-left: 2%;
		   margin-bottom: 15%;
			}
			span.js-reveal.span_txt02 {
			display: block;
			}
			span.js-reveal.span_txt01 {
				display: none;
			}

		/*¸ÞÀÎ*/

		.main_vis_text {
			font-size: 25px;
		}
		span.point01 {
			font-size: 25px;
		}
		span.eng01 {
			font-size: 43px;
		}
		span.point02 {
			font-size: 20px;
		}

		#main_con01 h2 {
			font-size: 36px;
		}
		#main_con02 h2 {
			font-size: 36px;
		}
		  #main_con02 h2{  margin-bottom: 40px;
		}
		section {
			padding: 45px 0 0px 0;
		}
		#main_con02 {
			padding: 80px 0px;
		}
		#main_con01 {
			padding: 80px 0px;
		}

		ul.main_con03_inner li {
		height: 400px;
	}
	ul.main_con03_inner li h3 {
    margin-top: 80px;
	}
	ul.main_con03_inner li span {
		padding: 0 7%;
		line-height: 24px;
	}
	/*È÷½ºÅ丮*/
	.history02 img{max-width:100%;}



}
@media (max-width:480px){

	#sub_page .sub4_1_2 li span.cycle{
	  display: block;   float: none;   margin: 0 auto;   width: auto; padding: 4px 0; line-height: 17px; height:auto;
	}
	#sub_page .t_wine{
	  display: block;
	  text-align: left;
	  clear: both;}
	#sub_page .sub4_1_2 li p{margin-left:0; text-align: left;}
	.detail_list .btn a {margin-right: 3px;padding: 10px 13px;}
	#intro_inner h3 {font-size: 16px;line-height: 20px;letter-spacing:-1px;margin: 0 0 26px 0;}
	#intro_inner h3 span{font-size: 17px;font-weight: bold;letter-spacing:-1px;}
	#slides .cycle-pager {left: 40%;}
	#slides .cycle-pager span {margin: 0 3px;}

	ul#pibs_sales_menu {
    width: 100%;
	}
	#pibs_sales_menu li {
		float: left;
		width: 50%;
		margin-right:0;
	}
	#pibs_sales_menu a {
		width: 100%; 
	}
	#pibs_sales_menu a.current {
		width: 100%;
	}

	.mobile .pibs_nboard_write_subject {
		font-size: 17px !important;
		margin-bottom: 15px !important;;
	}
	.main_con02_inner ul li {
		width: 96%;
		margin: 2% 2%;
	}


}

@media (max-width:420px){
		#main_con01 h2 {
			font-size: 28px;
		}
		#main_con01 h2 span {
			font-size: 15px;
			margin-top: 5px;
		}
		#main_con02 h2 {
			font-size: 28px;
		}
		#main_con02 h2 span{
			margin-top: 5px;
			font-size: 15px;
		}
}


@media (max-width:400px){
	.page-id-1995 #content_container h2:after {
	display:block;
	margin-left:0;
	}
	.workdone_con .work_txt table th {width: 20%;}
	
	.identity .identity_box.ci {
    padding: 15px;
	}
	#sub_visual span.eng01 {
    font-size: 35px;
	}
	#sub_visual span.point02 {
		font-size: 15px;
	}
	
	.emp_pw {padding:30px 20px 70px;}
	.emp_pw p {font-size:24px; margin:40px 0 20px}
	.emp_pw input {font-size:16px; width:100%;}

}





@media screen and (max-width:359px) {
    
    /* PIBS nBoard custom */
    .mobile td.pibs_nboard_date { display: block;}
    .mobile table.pibs_nboard td.pibs_nboard_username {clear: both;   }
    .mobile table.pibs_nboard td.pibs_nboard_username, .mobile table.pibs_nboard td.pibs_nboard_date, .mobile table.pibs_nboard td.pibs_nboard_visit { display: block; float: right; margin-top: 5px;}
    body.mobile .pibs_nboard td.pibs_nboard_file{ padding-left:0}
        
    body.mobile #the_content a.pibs_nboard_btn_secondary.pibs_nboard_btn_list,
    body.mobile a.pibs_nboard_btn_secondary.pibs_nboard_btn_list,
    body.mobile .pibs_nboard_btn_secondary.pibs_nboard_btn_list {
        margin-left: 0;
    }
    
    body.mobile #the_content a.pibs_nboard_btn_secondary.pibs_nboard_btn_delete,
    body.mobile a.pibs_nboard_btn_secondary.pibs_nboard_btn_delete,
    body.mobile .pibs_nboard_btn_secondary.pibs_nboard_btn_delete {
       margin-right: 0px;
    }
		

		/*¿¬Çõ*/
.byYear .date {
    font-size: 15px;
}
.byYear dd {
    font-size: 13px;
}
.byYear dd.left {
    padding-left: 60px;
}
.byYear dt.left {
    padding-left: 55px;
}
    
}