@charset "utf-8";

/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	
	/* ******************** 도프 스타일+ ******************** */
	.company .research .certify_wrap a {
		padding:20px 50px 15px; border:7px solid #eee; display:inline-block; border-radius:50px;
		font-family:"GmarketSans"; font-size:22px; color:#000; font-weight:500;
		
	}
		.company .research .certify_wrap a i {
			background:url(../images/common/i_certify.png)no-repeat center; width:35px; height:35px; display:inline-block; vertical-align:middle;
			background-size:cover; margin-left:20px;
		}
	.company .research .certify_wrap a:hover {border-color:#ddd;}
		
	
	/*테이블*/
	table.thtd {border-top:1px solid #000;}
	table.thtd tbody>tr>* {padding:13px 30px; border-bottom:1px solid #e5e5e5; font-size:18px;}
	table.thtd tbody>tr>th {background:#f9f9f9; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-weight:400; color:#000;}
	table.thtd tbody>tr>td {color:#555; text-align:center;}
	table.thtd tbody>tr>td:last-child {border-right:1px solid #e5e5e5;}
	
	.group_table+.group_table {margin-top:50px;}
	.scroll-inWrap {margin-top:20px;}
	
	table.list {border-top:1px solid #000;}
	table.list tr>* {font-size:16px; color:#000; font-weight:300; padding:8px 20px;}
	table.list thead tr th {border:1px solid #e5e5e5; border-top:1px solid #000;}
	table.list tbody tr th {background:#f9f9f9; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	table.list tbody tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; color:#666;}
	table.list tbody tr td:last-child {border-right:1px solid #e5e5e5;}
	table.list tr b {font-weight:500; color:#000;}
	table.list tr span.eng {font-size:14px;}
	table.list tbody tr td ul {font-size:0; text-align:left;}
	table.list tbody tr td ul li {display:inline-block; margin:5px;}
	table.list tbody tr td ul li span {display:block; font-size:15px; color:#000; padding:8px 15px; background:#f9f9f9; border:1px solid #ddd; border-radius:50px; line-height:1; transition:.3s;}
	table.list tbody tr td ul li:hover span {background:#009f3b; color:#fff; border-color:#009f3b;}
	table.align tbody tr td:nth-of-type(1) {text-align:left;}
	table.special tbody tr th:nth-of-type(2) {text-align:left;}
	
	
	/* ******************** 도프 스타일+ ******************** */
	ul.fertilizerType {overflow:hidden;}
	ul.fertilizerType li {float:left; display:inline-block; padding:10px 20px; line-height:1; font-size:17px; color:#000; background:#f5f5f5; border:1px solid #e0e0e0; border-radius:30px; margin-right:10px;}
	.business .inner.all .inner_box + .inner_box {margin-top:30px; padding-top:30px; border-top:1px dotted #ddd;}
	.business .inner.all .inner_box p {font-size:19px; color:#000; margin-top:30px;}
	.business .inner.all .inner_box ul.fertilizerType {margin-top:20px;}
	.business .inner.all .inner_box ul.fertilizerType li {margin-bottom:10px;}
	
	/*탭*/
	.tab_wrap>ul {font-size:0; text-align:center;}
	.tab_wrap>ul>li {display:inline-block; width:calc(100%/5);}
	.tab_wrap>ul>li>a {display:block; font-size:20px; font-family:"GmarketSans"; font-weight:; color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px;}
	
	/*탭-셀렉트*/
	.select_wrap {display:table; width:100%; padding:30px; border:1px solid #ddd; background:#f9f9f9; border-radius:30px; margin-bottom:50px;}
	.select_wrap>* {display:table-cell; vertical-align:middle; line-height:1;}
	.select_wrap>.tit {width:20%; font-size:24px; font-family:"GmarketSans"; font-weight:700; color:#000; padding-left:80px; background:url(../images/common/i_category.png)no-repeat left center; padding-top:3px;}
	.select_wrap>.tit span {color:#ccc; font-size:.6em; display:block; font-weight:500; margin-top:10px;}
	.select_wrap>.con {width:80%;}
	.select_wrap select {
		background-position:98% center !important; height:60px; line-height:60px;
		font-size:20px; font-family:"GmarketSans"; font-weight:; color:#000;
		border:1px solid #ccc;
	}
	.select_wrap select:focus {border:1px solid #a2abc9; background-color:#e3e9fb !important; background-image:url(../images/common/arrow_down_lightblue.png) !important;}
	
	.business .inner.all article.box .typeGray {margin-top:30px;}
	.business .inner.all article.box .typeGray ul.img {display:table; width:100%;}
	.business .inner.all article.box .typeGray ul.img>li {display:table-cell; vertical-align:bottom; padding:0 30px;}
	
	
	
	/**/
	.layer-popup-wrap.pop-certify1>.wrap {width:calc(100vw - 40vw); height:calc(100vh - 20vh); display:block;}
	.layer-popup-wrap.pop-certify1>.wrap>article {width:calc(100vw - 40vw); height:calc(100vh - 20vh);}
	.layer-popup-wrap.pop-certify1>.wrap>article .img {width:calc(100vw - 40vw); height:calc(100vh - 20vh - 80px - 100px); text-align:center;}
	.layer-popup-wrap.pop-certify1>.wrap>article .img img {height:95%;}
	
	
	
}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	/*테이블*/
	.scroll-inWrap {width:100%;  position:relative; margin-top:50px;}
	.scroll-inWrap:before {
		/* content:"좌 · 우로 드래그(Drag) 할 수 있습니다."; */
		display:block; padding:10px; font-size:12px; color:#000; text-align:center; background:#fff;
	}
	/* .scroll-inWrap .scroll-in {overflow-x:auto;} */
	.scroll-inWrap .scroll-in table.scroll {width:120vw !important; margin:0 !important; white-space:nowrap;}
	
	
	
	
	
	
	
	
	
	/* ******************** 도프 스타일+ ******************** */
	.company .research .certify_wrap a {
		padding:20px 50px 15px; border:7px solid #eee; display:inline-block; border-radius:50px;
		font-family:"GmarketSans"; font-size:22px; color:#000; font-weight:500;
		
	}
		.company .research .certify_wrap a i {
			background:url(../images/common/i_certify.png)no-repeat center; width:35px; height:35px; display:inline-block; vertical-align:middle;
			background-size:cover; margin-left:20px;
		}
	.company .research .certify_wrap a:hover {border-color:#ddd;}
		
	
	/*테이블*/
	table.thtd {border-top:1px solid #000;}
	table.thtd tbody>tr>* {padding:13px 30px; border-bottom:1px solid #e5e5e5; font-size:18px;}
	table.thtd tbody>tr>th {background:#f9f9f9; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-weight:400; color:#000;}
	table.thtd tbody>tr>td {color:#555; text-align:center;}
	table.thtd tbody>tr>td:last-child {border-right:1px solid #e5e5e5;}
	
	.group_table+.group_table {margin-top:50px;}
	.scroll-inWrap {margin-top:20px;}
	
	/*영업소 소개*/
	.company .call_guide .scroll-inWrap {margin-top:0;}
	
	table.list {border-top:1px solid #000;}
	table.list tr>* {font-size:16px; color:#000; font-weight:300; padding:8px 20px;}
	table.list thead tr th {border:1px solid #e5e5e5; border-top:1px solid #000;}
	table.list tbody tr th {background:#f9f9f9; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	table.list tbody tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; color:#666;}
	table.list tbody tr td:last-child {border-right:1px solid #e5e5e5;}
	table.list tr b {font-weight:500; color:#000;}
	table.list tr span.eng {font-size:14px;}
	table.list tbody tr td ul {font-size:0; text-align:left;}
	table.list tbody tr td ul li {display:inline-block; margin:5px;}
	table.list tbody tr td ul li span {display:block; font-size:15px; color:#000; padding:8px 15px; background:#f9f9f9; border:1px solid #ddd; border-radius:50px; line-height:1; transition:.3s;}
	table.list tbody tr td ul li:hover span {background:#009f3b; color:#fff; border-color:#009f3b;}
	table.align tbody tr td:nth-of-type(1) {text-align:left;}
	table.special tbody tr th:nth-of-type(2) {text-align:left;}
	
	
	/* ******************** 도프 스타일+ ******************** */
	ul.fertilizerType {overflow:hidden;}
	ul.fertilizerType li {float:left; display:inline-block; padding:10px 20px; line-height:1; font-size:17px; color:#000; background:#f5f5f5; border:1px solid #e0e0e0; border-radius:30px; margin-right:10px;}
	.business .inner.all .inner_box + .inner_box {margin-top:30px !important; padding-top:30px !important; border-top:1px dotted #ddd;}
	.business .inner.all .inner_box p {font-size:19px; color:#000; margin-top:30px;}
	.business .inner.all .inner_box ul.fertilizerType {margin-top:20px;}
	.business .inner.all .inner_box ul.fertilizerType li {margin-bottom:10px;}
	
	/*탭*/
	.tab_wrap>ul {font-size:0; text-align:center;}
	.tab_wrap>ul>li {display:inline-block; width:calc(100%/5);}
	.tab_wrap>ul>li>a {display:block; font-size:20px; font-family:"GmarketSans"; font-weight:; color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px;}
	
	/*탭-셀렉트*/
	.select_wrap {display:table; width:100%; padding:30px; border:1px solid #ddd; background:#f9f9f9; border-radius:30px; margin-bottom:50px;}
	.select_wrap>* {display:table-cell; vertical-align:middle; line-height:1;}
	.select_wrap>.tit {width:20%; font-size:24px; font-family:"GmarketSans"; font-weight:700; color:#000; padding-left:80px; background:url(../images/common/i_category.png)no-repeat left center; padding-top:3px;}
	.select_wrap>.tit span {color:#ccc; font-size:.6em; display:block; font-weight:500; margin-top:10px;}
	.select_wrap>.con {width:80%;}
	.select_wrap select {
		background-position:98% center !important; height:60px; line-height:60px;
		font-size:20px; font-family:"GmarketSans"; font-weight:; color:#000;
		border:1px solid #ccc;
	}
	.select_wrap select:focus {border:1px solid #a2abc9; background-color:#e3e9fb !important; background-image:url(../images/common/arrow_down_lightblue.png) !important;}
	
	.business .inner.all article.box .typeGray {margin-top:30px;}
	.business .inner.all article.box .typeGray ul.img>li {display:block;}
	.business .inner.all article.box .typeGray ul.img>li+li {margin-top:30px;}
	
	
	
	/**/
	.layer-popup-wrap.pop-certify1>.wrap {width:calc(100vw - 40vw); height:calc(100vh - 20vh); display:block;}
	.layer-popup-wrap.pop-certify1>.wrap>article {width:calc(100vw - 40vw); height:calc(100vh - 20vh);}
	.layer-popup-wrap.pop-certify1>.wrap>article .img {width:calc(100vw - 40vw); height:calc(100vh - 20vh - 80px - 100px); text-align:center;}
	.layer-popup-wrap.pop-certify1>.wrap>article .img img {height:95%;}
	
	
	
	
	
	
	
	/*사업분야*/
	.business .inner.all .img_txt_wrap.ideology>div.img {background-image:url(../images/business/all_img.jpg);}
	.business .inner.all .img_txt_wrap.business_area>div.img {background-image:url(../images/business/all_img_dof.jpg);}
	.business .inner.all .img_txt_wrap.overseas>div.img {background-image:url(../images/business/bg_overseas.jpg); min-height:350px;}
	.business .inner.all .img_txt_wrap.investment>div.img {background-image:url(../images/business/bg_investment.jpg); min-height:350px;}
	
	.business .inner.all .img_txt_wrap>div.con {padding:30px;}
	.business .inner.all article.box h3 {margin-bottom:10px;}
	.business .inner.all article.box .type_stroke {margin-top:20px;}
	.business .inner.all .inner_box p {margin-top:10px;}
	
	.business .inner.all article.box .typeGray {padding:0; border-radius:0; background:#fff; border:0;}
	.business .inner.all article.box .typeGray ul.img>li {padding:0;}
	
	
}




/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.layout_circle_stroke ul li {float:left; width:39vw; margin-left:20px; height:39vw !important; margin-bottom:20px;}
	.layout_circle_stroke ul li:last-child {margin-bottom:0;}
	/* .layout_circle_stroke ul li:nth-child(1)~li {margin-top:20px;} */
	
	/*인재채용*/
	.company .recruit .box .benefit ul li {float:left; width:calc(100%/1 - 50px); margin-left:50px; min-height:auto !important;}
	.company .recruit .box .benefit ul li:nth-child(1)~li {margin-top:30px;}
	.company .recruit .box.who .layout_img_ {border:none; border-radius:0; padding:0;}
	.company .recruit .box p.top_ment2+div {border:none; border-radius:0; padding:0;}
	.company .recruit .box .benefit ul {padding:0;}
	.company .recruit .box .benefit ul li>h4 {}
	.company .recruit .box .benefit ul li i {width:60px; height:60px; background-size:60%;}
	p.top_ment2 span.acc {font-size:1.2em; line-height:1.4;}
	.company .recruit .box .infor ul>li {display:block; margin-right:0;}
	.company .recruit .box .infor ul>li+li {margin-top:30px;}
	.company .recruit .box .infor ul>li>span {line-height:1.2;}
	.company .recruit .box .infor ul>li>span b {display:block;}
	
	h3.top_title {font-size:24px;}
	
	/*인사말*/
	.company .ceo .img_wrap .txt {margin-top:0;}
	.company .ceo .img_wrap .img img {border-radius:30px 30px 0 0;}
	.company .ceo .img_wrap .txt {padding:0;}
	.company .ceo .img_wrap .txt>div {border-radius:0 0 30px 30px; padding:20px 30px 30px; display:block;}
	.company .ceo .img_wrap .txt>div>p+p {margin-top:20px;}
	.company .ceo .img_wrap .txt>div>p br {display:none;}
	
	.company .ceo .con_wrap>p {font-size:16px;}
	.company .ceo .con_wrap>p.major {font-size:24px;}
	.company .ceo .con_wrap>p+p {margin-top:30px;}
	.company .ceo .con_wrap>p.ceo span {font-size:18px;}
	
	/*연혁*/
	.company .history .tit-imgBox {max-width:100%; padding:30px 15px;}
	.company .history .tit-imgBox>span {font-size:30px;}
	.company .history .con-txtBox>div>.con>div.txt-year,
	.company .history .con-txtBox>div>.con>div.txt-con {width:100%;}
	
	.company .history .con-txtBox>div>.con>div.txt-con {margin-top:10px; padding-left:50px;}
	.company .history .con-txtBox>div>.con>div.txt-con>ul>li.acc {font-size:16px;}
	
	.company .history .con-txtBox>div>.con+.con {margin-top:50px;}
	.company .history .con-txtBox>div>.con>div.txt-con>ul>li+li.acc {margin-top:10px;}
	
	.company .history .con-txtBox>div>.con>div.txt-con>ul>li {font-size:15px;}
	.company .history .con-txtBox>div>.con>div.txt-con>ul>li:before {top:11px;}
	
	/*비전과경영철학*/
	div[class*="layout_img_"] {padding:0;}
	
	/*사회공헌*/
	.company .social .list {margin-top:50px;}
	
	.layout_formA>ul>li h4 {font-size:20px; margin-top:20px;}
	.layout_formA>ul>li>article {min-height:auto !important;}
	.layout_formA>ul>li:nth-child(1)~li {margin-top:50px;}
	
	/*사업분야*/
	.business .inner.all .top.box h2 {font-size:36px;}
	.business .inner.all article.box .typeGray ul.img {display:block;}
	.business .inner.all article.box .typeGray ul.img>li {display:block;}
	.business .inner.all article.box .typeGray ul.img>li+li {margin-top:20px;}
	.business .inner.all .top_ment3 {font-size:16px; margin-top:10px;}
	.business .inner.all .inner_box p {font-size:17px;}
	
	/* 연구소소개 */
	.layer-popup-wrap.pop-certify1>.wrap>article {height:auto;}
	.layer-popup-wrap.pop-certify1>.wrap>article .img {height:auto;}
	.layer-popup-wrap.pop-certify1>.wrap>article .img img {height:auto; width:100%}
	
	
	
}

/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {

.layout_circle_stroke ul li {width:230px; height:230px !important;}

}