@media screen and (max-width: 1200px) {
	.wrap {
		width: 100%;
	}

	#head .wrap {
		width: 96%;
	}

	.menu ul li {
		float: left;
		position: relative;
	}

	ul.seen2_list li {
		padding: 0px 30px;
	}

	ul.seen2_list li img {
		max-width:100%;
	}

	.img1 {
		padding: 0 10px;
	}

	.da-thumbs {
		width: 92%;
	}

	.da-thumbs li {
		margin: 1%;
		width: 31%;
	}

	.da-thumbs li a, .da-thumbs li a img {
		width:100%;
	}

	a span.category {
		margin: 1% 0px;
	}

	/* sub */
	#sub_page.wrap {
		width: 96%;
	}

	#sub_page img {
		max-width:100%;
	}

	ul.snb li:first-child {
		border-left: 0px solid #ddd;
	}

	ul.snb li:last-child {
		border-right: 0px solid #ddd;
	}

	.sub0106_map {
		width:100%;
		max-width:100%;
	}

	/* 대표실적 */

	ul.sub02_list02 li {
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}

	ul.sub02_list02 li:last-child {
		margin-bottom: 0px;
	}

	dl.sub02_list02_innerlist dt {
		width: 100%;
		padding: 20px;
		text-align: center;
	}

	dl.sub02_list02_innerlist dd {
		width: 100%;
		text-align: center;
	}

	dl.sub02_list02_innerlist dd img {
		width: 100%;
	}

	.listbox {
		width: 100%;
	}

	.morebox {
		width: 100%;
		height: auto;
		padding: 15px 0;
	}

	.morebox a {
		line-height: 20px;
	}
	
}

@media screen and (max-width: 1000px) {
	/* head */
	ul.sub_mn {
		width: 145px;
	}

	/* sec02*/
	ul.sec02_list01 li {
		width: 50%;
		padding: 2%;
	}

	.sec02_list01_inner {
		position: relative;
		width: 100%;
		height: 300px;
	}

	ul.seen2_list li span {
		font-size: 14px;
	}

	#footer {
		font-size: 11px;
		letter-spacing: 0px;
	}

	#footer_inner p {
		font-size: 11px;
	}

	/* 경영이념 */
	ul.sub0102_inner02_list02 li dl dd span {
		display: block;
	}
}

@media screen and (max-width: 920px) {
	/* head */
	.menu ul li {
		padding:0 20px;
	}
	
	.da-thumbs {
		width: 100%;
		margin:0;
	}
	
	.da-thumbs li a.title {
		width: 100%;
	}

	.gall_row .col-gn-4 {
		width: 33.33%;
	}

	.gall_row .box_clear {
		clear: none;
	}
}

@media screen and (max-width: 845px) {
	nav#accordian {
		display: block;
	}

	#gnb, .menu.slidenav {
		display: none;
	}

	/*  BURGER
	========================================== */

	.burger {
		position: absolute;
		top: 0px;
		right: 0px;
		border-radius: 4px;
		z-index: 1000;
		float: right;
		text-align: center;
		margin-left: 0px;
		margin-top: 25px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background: transparent;
		padding: 10px 0;
	}

	.burger.burger-close {
		display: none;
	}

	.burger.burger-close.clicked {
		display:inline-block;
		right: 2%;
	}


	.cbp-af-header-shrink .burger {
		margin-top: 35px;
	}

	.burger span {
		position: relative;
		margin-top: 9px;
		margin-bottom: 9px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* position: absolute; */
		/* top: 50px; */
		/* left: 50%; */
		/* margin-left: -15px; */
		/* margin-top: -1.5px; */
	}

	.burger span, .burger span::before, .burger span::after {
	  display: block;
	  width: 25px;
	  height: 2px;
	  background-color: #fff;
	  outline: 1px solid transparent;
	  -webkit-transition-property: background-color, -webkit-transform;
	  -moz-transition-property: background-color, -moz-transform;
	  -o-transition-property: background-color, -o-transform;
	  transition-property: background-color, transform;
	  -webkit-transition-duration: 0.3s;
	  -moz-transition-duration: 0.3s;
	  -o-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}

	.sub_head .burger span, .sub_head .burger span::before, .sub_head .burger span::after {
		background-color: #39499f;
	}


	.burger span::before, .burger span::after {
	  position: absolute;
	  content: "";
	}

	.burger span::before { top: -9px; }

	.burger span::after { top: 9px; }

	.burger.clicked span { background-color: transparent; }

	.burger.clicked span::before {
	  -webkit-transform: translateY(9px) rotate(45deg);
	  -moz-transform: translateY(9px) rotate(45deg);
	  -ms-transform: translateY(9px) rotate(45deg);
	  -o-transform: translateY(9px) rotate(45deg);
	  transform: translateY(9px) rotate(45deg);
	}

	.burger.clicked span::after {
	  -webkit-transform: translateY(-9px) rotate(-45deg);
	  -moz-transform: translateY(-9px) rotate(-45deg);
	  -ms-transform: translateY(-9px) rotate(-45deg);
	  -o-transform: translateY(-9px) rotate(-45deg);
	  transform: translateY(-9px) rotate(-45deg);
	}

	.burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff; }

	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */

	nav.allmenu {
	  background-color: #39499f;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  right: 0;
	  height: 100%;
	  max-width: 80%;
	  width: 100%;
	  padding: 100px 40px 60px 40px;
	  overflow-y: auto;
	  -webkit-transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  transform: translateX(100%);
	  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.allmenu.show {
	  -webkit-transform: translateX(0px);
	  -moz-transform: translateX(0px);
	  -ms-transform: translateX(0px);
	  -o-transform: translateX(0px);
	  transform: translateX(0px);
	}

	nav.allmenu.show ul.allmenu_inner li {
	  -webkit-transform: translateX(0px);
	  -moz-transform: translateX(0px);
	  -ms-transform: translateX(0px);
	  -o-transform: translateX(0px);
	  transform: translateX(0px);
	  opacity: 1;
	}

	nav.allmenu.show ul.allmenu_inner li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(4) { transition-delay: 0.6s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(5) { transition-delay: 0.75s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(6) { transition-delay: 0.9s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(7) { transition-delay: 1.05s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(8) { transition-delay: 1.2s; }
	nav.allmenu.show ul.allmenu_inner li:nth-child(9) { transition-delay: 1.35s; }

	nav.allmenu.show .about, nav.allmenu.show .social, nav.allmenu.show ul.sub {
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px);
	  opacity: 1;
	  transition-delay: .85s;
	}
	@media (min-width: 667px) {
		nav.allmenu { /*padding: 120px 90px 70px 90px;*/ }
	}

	nav.allmenu ul.allmenu_inner { list-style-type: none; }

	nav.allmenu ul.allmenu_inner li {
	  margin-bottom: 20px;
	  -webkit-transform: translateX(40px);
	  -moz-transform: translateX(40px);
	  -ms-transform: translateX(40px);
	  -o-transform: translateX(40px);
	  transform: translateX(40px);
	  opacity: 0;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}

	nav.allmenu ul.allmenu_inner li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.allmenu_inner li a {
		color: #ffffff;
		text-decoration: none;
		/* text-transform: uppercase; */
		font-size: 15px;
		display: block;
		letter-spacing: 1px;
		font-weight: 400;
		padding: 10px 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.allmenu_inner li a span { color: #a9c2da; }
	nav.allmenu ul.allmenu_inner li a:hover, nav.allmenu ul.allmenu_inner li:hover > a { color: #a9c2da; }

	nav.allmenu .about {
	  margin-top: 40px;
	  -webkit-transform: translateY(30px);
	  -moz-transform: translateY(30px);
	  -ms-transform: translateY(30px);
	  -o-transform: translateY(30px);
	  transform: translateY(30px);
	  opacity: 0;
	  -webkit-transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	nav.allmenu .about p {
		color: #ffffff;
		letter-spacing: 1px;
		line-height: 170%;
		font-weight: 100;
	}

	nav.allmenu .about p span {
		display: inline-block;
		width: 90px;
		font-weight: 200;
		color: #a9c2da;
	}

	nav.allmenu .social {
	  margin-top: 40px;
	  position: relative;
	  padding-bottom: 30px;
	  -webkit-transform: translateY(30px);
	  -moz-transform: translateY(30px);
	  -ms-transform: translateY(30px);
	  -o-transform: translateY(30px);
	  transform: translateY(30px);
	  opacity: 0;
	  -webkit-transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	nav.allmenu .social:after {
	  content: "";
	  width: 230px;
	  height: 2px;
	  background-color: #a9c2da;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}

	nav.allmenu .social a {
	  display: inline-block;
	  width: 30px;
	  height: 30px;
	  margin-right: 25px;
	}

	nav.allmenu .social a:last-of-type { margin-right: 0px; }

	nav.allmenu .social a:hover svg path, nav.allmenu .social a:hover svg circle { fill: #a9c2da; }

	nav.allmenu .social a svg {
	  width: 100%;
	  height: 100%;
	}

	nav.allmenu .social a svg path, nav.allmenu .social a svg circle {
	  fill: #ffffff;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}

	nav.allmenu ul.sub {
		list-style-type: none;
		margin-top: 40px;
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	nav.allmenu ul.sub li {
		margin-bottom: 10px;
		float: left;
		margin-right: 20px;
	}

	nav.allmenu ul.sub li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.sub li a {
		color: #ffffff;
		font-family: "Raleway", sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.sub li a:hover { color: #a9c2da; }

	nav.allmenu ul.sub li a img, nav.allmenu ul.sub li a i {
		float: left;
	}

	/*  OVERLAY
	========================================== */

	.overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 100;
	  width: 100%;
	  height: 100%;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	  background: #000;
	  opacity: 0;
	  visibility: hidden;
	  z-index:9;
	}

	.overlay.show {
	  opacity: 0.6;
	  visibility: visible;
	}


	/* Centered texts in each section
	* --------------------------------------- */

	/* 서브메뉴 스타일 */
	#accordian ul ul li {
		margin-bottom:0px;
	}

	#accordian ul ul li a {
		color: white;
		text-decoration: none;
		font-size: 13px;
		line-height: 30px;
		display: block;
		padding: 0px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}

	#accordian ul ul li a:hover {
		/* background: #003545; */
		text-decoration: underline;
	}

	/* active 클래스 외에 것은 보이지 않게 하기 */
	#accordian ul ul {
		display: none;
		margin-top: 10px;
	}
	#accordian li.active ul {
		display: block;
	}

	.about {
		position: absolute;
		right: 20px;
		bottom: 50px;
	}

	.about a {
		display: inline-block;
		margin-right:10px;
		color: #fff;
	}

	.footer {
		letter-spacing: -0.5px;
		text-align: center;
	}

}

@media screen and (max-width: 735px) {
	body { font-size: 12px; }

	#seen1 .menu-first {
		right: 10px;
	}
	
	.main_text img{
		width:90%;
	}

	ul.seen2_list {
		margin-top: 20vh;
	}

	ul.seen2_list li {
		width: 50%;
	}

	ul.seen2_list li:nth-child(1), ul.seen2_list li:nth-child(2) {
		margin-bottom:20px;
	}

	ul.seen2_list li img {
		width:164px;
		max-width: 100%;
	}

	#seen1 .menu-first {
		bottom: 130px;
		right: 40%;
		top: auto;
	}

	#seen1 .menu-first li {
		display: inline-block;
		text-align: right;
		margin: 0 2px;
	}

	#seen1 .menu-first li a {
		font-family: 'Roboto', sans-serif;
		width:10px;
		height:10px;
		border:2px solid #fff;
		display:inline-block;
		border-radius:50%;
	    background: transparent;
	}

	#seen1 .menu-first li.active a {
		color: #fff;
		height:10px;
		background:#fff;
		border-radius:10px;
	}

	#seen1 .active .menu-first li a { color:#fff;}
	#seen1 .active .menu-first li.active a { color:#fff;}

	/* sub */

	.sub_vis h2 {
		font-size: 26px;
	}

	#sidebar {
		margin-bottom: 30px;
	}

	.sub_title h2 {
		font-size: 24px;
	}

	.sub_title h2 span {
		font-size: 12px;
	}

	ul.snb li a {
		font-size: 12px;
	}
	
	#bo_cate a {
		font-size: 12px;
	}

	.gall_row .col-gn-4 {
		width: 50%;
	}

	/* CEO인사말 */
	.sub0101 h3 {
		font-size: 26px;
	}

	/* 경영이념 */
	.sub0102 .ways > div {
		padding: 30px 30px;
		height: 360px;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.sub0102 .ways > div + div {
		border-left: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
	}

	.sub0102 .ways > div:nth-child(2) {
		border-top: 0px solid #e5e5e5;
	}

	.sub0102 .ways > div:nth-child(3) {
		border-left: 0px solid #e5e5e5;
	}

	.sub0102 .ways dd {
		line-height: 18px;
	}

	/* 연혁 */
	.year01 > .year_inr > .thum, .year02 > .year_inr > .thum  {
		position: relative;
		/* left: 0; */
		/* top: 0; */
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.year01 > .year_inr, .year02 > .year_inr {
		padding: 0;
	}
	.year01 > .year_inr > .thum::before, .year01 > .year_inr > .thum::after, .year02 > .year_inr > .thum::before, .year02 > .year_inr > .thum::after{
		display:none;
	}

	.year_inr {
		margin-bottom: 0px;
	}

	.year01 {
		margin-bottom: 50px;
	}

	.sub0102_inr {
		background:none; 
	}

	.year_inr dl {
		padding-left: 130px;
		position: relative;
		border-left: 0;
		margin-bottom: 36px;
		border-right: 0;
	}

	.year_inr dl:last-child {
		border-left: 0px solid #eaeaea;
		margin-bottom:0px;
	}

	.year02 .year_inr dl {
		padding-left: 130px;
		padding-right: 0px;
		position: relative;
		border-left: 0;
		margin-bottom: 36px;
		border-right: 0;
	}
	.year02 .year_inr dl:last-child {
		border-right: 1px solid #eaeaea;
		border-right: 0;
	}
	span.mg_box {
		display: inline-block;
		width: 49px;
		/* background: #ccc; */
		height: 10px;
	}
	.year_inr dl dd {
		margin-bottom: 5px;
		font-size: 14px;
		text-align: left;
	}
	.year_inr dl dt::after, .year02 .year_inr dl dt::after {
		display:none;
	}
	.year_inr dl::before, .year02 .year_inr dl::before{display:none;}
	.year_inr dl dd b, .year02 .year_inr dl dd b {
		position: absolute;
		left: -60px;
		top: 0px;
		color: #454545;
		margin-right: 0px;
		margin-left: 0px;
		font-size: 14px;
	}

	.year_inr dl dt {
		font-size: 19px;
		font-weight: 600;
		color: #39499f;
		margin-bottom: 13px;
		position: absolute;
		left: 0;
	}
	.year02 .year_inr dl dt {
		left: 0;
	}
	.year_inr dl dt::before, .year02 .year_inr dl dt::before{display:none;}
	.year01 > .year_inr > .thum span{
		font-size: 19px;
		text-align: left;
		margin-bottom: 6px;
	}
	.year02 > .year_inr > .thum span {
		font-size: 19px;
		text-align: left;
		margin-bottom: 6px;
	}

	.year01 > .year_inr > .thum span b, .year02 > .year_inr > .thum span b  {
		display: block;
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 5px;
		color: #39499f;
	}

	/* 관계사 */
	.sub0105_list01 {
		width: 100%;
		height: auto;
		margin: 0% 0% 1%;
	}

	#sub_page .sub0105_imgbox img {
		width: 100%;
	}

	/* 찾아오시는 길 */

	.ways {
		height: auto;
		margin-top: 30px;
	}

	.ways > div {
		padding: 0 20px 20px;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: block;
		vertical-align: top;
	}

	.ways > div + div {
		border-left: 0px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
	}

	.ways h3 {
		font-size: 20px;
		margin-top: 20px;
	}

	.ways h3.last {
		margin-top: 20px;
	}

	.ways h3:after {
		margin: 30px auto 0;
	}

	.ways h3 > .small {
		font-size: 13px;
	}


	/* 사업분야 */
	.sub0201 h3 {
		font-size: 16px;
	}

}

@media screen and (max-width: 640px) {
	/* head */
	#head { height: 70px; }

	.logo { margin-top: 20px; }

	.logo a {
		width: 180px;
		height: 33px;
		background-size: 180px !important;
	}

	.burger { margin-top: 15px; }

	/* sec01 */
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: auto;
		bottom: 2%;
		outline: 0;
		width: 45px;
		height: 45px;
		margin-top: -45px;
	    background-size: 45px;
	}

	/* sec02 */
	
	ul.sec02_list01 li {
		width: 100%;
		padding: 2%;
	}

	.sec02_list01_inner {
		position: relative;
		width: 100%;
		height: 120px;
	}

	ul.sec02_list01 li h3 {
		margin-left: 15px;
		margin-bottom: 15px;
		font-size: 16px;
	}

	/* sub */
	#sub_page {
		margin-bottom: 50px;
	}

	.sub_title {
		margin-bottom: 30px;
	}

	.sub0102 h3, .sub0303_inner03 h3 {
		position: relative;
		font-size: 20px;
		padding-left: 25px;
	}

	.sub0102 h3::after, .sub0303_inner03 h3::after {
		top: 5px;
		width: 20px;
		height: 20px;
		border: #39499f 5px solid;
	}

	/* 경영이념 */

	.sub0102 h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.sub0102 h4 {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.sub0102_inner01 p {
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 24px;
	}

	ul.sub0102_inner02_list02 li img {
		margin-bottom: 10px;
	}

	ul.sub0102_inner02_list02 li {
		float: left;
		width: 50%;
		padding: 10px;
	}

	.sub0102 .ways > div {
		padding: 20px;
		height: 320px;
	}

	.sub0102 .ways div > span {
		margin: 15px 0;
	}

	.sub0102 .ways h3 {
	    font-size: 18px;
	}

	.sub0102 .ways h3:after {
	    width: 20px;
		margin: 15px auto 0;
	}

	

	/* 게시판 */
	th.th01, td.td_num2 {
		display: none;
	}

	#bo_v_title .bo_v_tit {
		font-size: 16px;
	}

	.gall_row .col-gn-4 {
		width: 50%;
	}

	.gall_row .box_clear {
		clear: none;
	}

	#bo_gall .bo_tit {
		font-size: 18px;
	}

	#bo_cate .sub0201_bo_cate li {
		width: 25%;
	}

	/* 인재상 */

	.sub0303_inner01, .sub0303_inner02 {
		margin-bottom: 50px;
	}

	.sub0303_inner01 h3 {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.sub0303_inner01 h4 {
		font-size: 20px;
	}

	.sub0303_inner01 p {
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 24px;
	}

	ul.sub0303_list01 {
		width: 100%;
	}

	ul.sub0303_list01 li {
		width: 33.33%;
		padding: 0 10px;
	}

	ul.sub0303_list01 li:nth-child(2) {
		margin: 0 0px;
	}

	.sub0303_icon img {
		max-width: 100%;
	}

	ul.sub0303_list01 li h4 {
		font-size: 16px;
	}

	ul.sub0303_list01 li p {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
	}

}

@media screen and (max-width: 540px) {
	/* sub */
	.sub_title {
		text-align: center;
	}
	
	span.sub_navi {
		display:none;
	}

	.sub0102 h3, .sub0303_inner03 h3 {
		position: relative;
		font-size: 18px;
		padding-left: 25px;
	}

	/* 인재상 */

	ul.sub0303_list01 {
		margin-top: -60px;
	}

	.sub0303_icon {
		margin-bottom: 10px;
	}

	ul.sub0303_list01 li p {
		font-size: 12px;
		line-height: 18px;
	}

}

@media screen and (max-width: 450px) {
	/* main */

	/* sec02 */
	.sec02_list01_inner {
		height: 100px;
	}

	/* sec03 */
	
	a.title {
		font-size: 12px;
	}
	
	a span.category {
		font-size: 11px;
	}

	

	/* sub */
	ul.snb.wh6 li {
		width: 33.33%;
	}

	ul.snb.wh6 li:nth-child(4), ul.snb.wh6 li:nth-child(5), ul.snb.wh6 li:nth-child(6) {
		border-top:1px solid #ddd;
	}

	ul.snb.wh6 li:nth-child(3), ul.snb.wh6 li:nth-child(6) {
		border-right:none;
	}

	/* 경영이념 */

	.sub0102 .ways > div {
		height: auto;
		width: 100%;
	}

	.sub0102 .ways > div + div {
		border-left: 0px solid #e5e5e5;
	}

	.sub0102 .ways > div:nth-child(2) {
		border-top: 1px solid #e5e5e5;
	}
	
	/* 관계사 */
	.sub0105_list01 {
		margin-bottom:10px;
	}

	.sub0105_imgbox {
		float: left;
		width: 100%;
		margin-right: 0%;
		margin-bottom:10px;
	}
	
	.sub0105_textbox {
		float: right;
		width: 100%;
	}

	#bo_cate .sub0201_bo_cate li {
		width: 33.33%;
	}

	#bo_cate .sub0202_bo_cate li {
		width: 33.33%;
	}


}

@media screen and (max-width: 420px) {
	/* sub */
	span.bo_subject {
		left: 20px;
	}

	#bo_gall .gall_text_href {
		padding: 30px 20px;
	}

}

@media screen and (max-width: 360px) {
	.logo {
		/*margin-top: 40px;*/
	}

	.logo img {
		width: 250px;
		height: auto;
	}

	.gall_row .col-gn-4 {
		width: 100%;
	}
}