@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@charset "utf-8";


.mb_30{margin-bottom:30px;}

.color_red{color:#ec5b47;}

.text_bg_red{position:relative; display:inline-block; padding:5px 10px;}
.text_bg_red::before{content:""; position:absolute; left:0; bottom:0 ; width:100%; height:50%; background:rgba(236,91,71,0.3); z-index:-1;}


/*회사소개*/
.company h1{position:relative; padding-bottom:30px; margin-bottom:40px; line-height:140%; font-family:"GyeonggiBatang"; font-size:25px; word-break:keep-all; color:#333;}
.company h1::before{content:""; position:absolute; right:0; bottom:0; width:93%; height:2px; background:#333;}
.company h1::after{content:""; position:absolute; right:0; bottom:0; width:20%; height:10px; background:#ec5b47;}
.company h1 strong{font-size:35px; color:#ec5b47;}

.company p{margin-left:20px; font-size:18px; line-height:140%; word-break:keep-all;}
.company p strong{position:relative; display:block; padding-left:23px; margin-bottom:10px; font-size:25px; color:#333;}
.company p strong::before{content:""; position:absolute; left:0; top:6px; width:15px; height:15px; border-radius:100%; border:3px solid #ec5b47;}


.company > ul{position:relative; display:flex; margin-top:50px; padding:30px 0;}
.company > ul::before{content:""; position:absolute; top:0; left:0; width:50%; height:5px; background:#ec5b47;}
.company > ul::after{content:""; position:absolute; top:5px; right:0; width:50%; height:5px; background:#69833a;}
.company > ul > li{flex:1; color:#333; margin-left:10px; font-size:17px; text-align:center; word-break:keep-all;}
.company > ul > li:first-child{margin-left:0;}
.company > ul > li > dl > dd{padding:20px;}


/* 주요거래처 */
.company_account ul{width:100%; overflow:hidden;}
.company_account ul li{float:left; width:19%; height:222px; padding:150px 15px 0 15px; margin:0 .5% 15px .5%; text-align:center; line-height:140%; font-family:"GyeonggiBatang";  font-weight:bold; font-size:24px; letter-spacing:-1px; word-break:keep-all; box-shadow:2px 5px 5px rgba(0,0,0,.3);}


.company_account ul li:nth-child(even){margin-top:40px;}

.company_account ul li:nth-child(1){color:#69833a; border-top:8px solid #69833a; background:#fff url('../img/mobile/sub/company_account_icon01.png') center top 40px no-repeat;}
.company_account ul li:nth-child(2){color:#ec5b47; border-top:8px solid #ec5b47; background:#fff url('../img/mobile/sub/company_account_icon02.png') center top 40px no-repeat;}
.company_account ul li:nth-child(3){color:#538cb7; border-top:8px solid #538cb7; background:#fff url('../img/mobile/sub/company_account_icon03.png') center top 40px no-repeat;}
.company_account ul li:nth-child(4){color:#f89a5b; border-top:8px solid #f89a5b; background:#fff url('../img/mobile/sub/company_account_icon04.png') center top 40px no-repeat;}
.company_account ul li:nth-child(5){color:#ad9d5a; border-top:8px solid #ad9d5a; background:#fff url('../img/mobile/sub/company_account_icon05.png') center top 40px no-repeat;}


/*생산공정*/

.process > li{margin-left:0 !important;}
.process > li:first-child{position:relative;}
.process > li:first-child::before{content:""; position:absolute; right:0; top:0; width:100%; height:100%; border-right:3px dotted #ddd;}

.process > li .title_neme{margin-bottom:35px; text-align:center; font-size:35px; font-family:"GyeonggiBatang"; color:#333; font-weight:bold;}

.process li > ul{display:flex; margin-bottom:50px;}
.process li > ul > li{flex:1; position:relative; margin-right:2%; text-align:left;}
.process li:nth-child(2n) > ul > li{margin-left:2%; margin-right:0;}
.process li > ul > li strong{position:absolute; left:50%; top:0; display:block; width:70%; padding:5px 10px; text-align:center; font-size:17px; color:#fff; font-weight:500; background:#ec5b47; transform:translateX(-50%);}

.process li > ul > li dl dt{margin-top:15px;}
.process li > ul > li dl dt img{width:100%;}
.process li > ul > li dl dd p{font-size:15px; color:#333; margin-left:0;}
.process li > ul > li dl dd p.pro_fi{min-height:80px; padding:10px 0;}
.process li > ul > li dl dd p.pro_sc{min-height:80px; padding:10px; background:#f3f3f3;}

.pojang{padding-top:70px !important;}
.pojang::before{content:""; position:absolute; left:0; top:0 !important; width:50.2% !important; height:5px !important; background:#ccc !important; transform:rotate(5deg);}
.pojang::after{content:""; position:absolute; right:0; top:0 !important; width:50.2% !important; height:5px !important; background:#ccc !important; transform:rotate(-5deg);}

.pojang > li{margin:0 !important;}
.pojang > li:first-child::before{content:""; border:0 !important;}
.pojang > li > ul > li{margin-left:2% !important; margin-right:0 !important;}


/*인사말*/
.intro_roding{text-align:center;}
.intro_roding img{width:100%; max-width:1100px;}


.info_intro_img{float:right; width:50%;}

.info_intro{float:left; width:46%; margin-right:2%;}
.info_intro strong{position:relative; display:block; padding-top:15px; margin-bottom:30px; word-break:keep-all; color:#ec5b47; font-size:28px; font-weight:600; letter-spacing:-.5px;}
.info_intro strong::before{content:""; position:absolute; top:0; left:0; width:25px; height:3px; background:#ec5b47;}
.info_intro p{font-size:18px; letter-spacing:-1px; font-weight:400; color:#333; word-break:keep-all; line-height:160%;}
.info_intro p.sain{position:relative; background:url("../img/mobile/sub/sain_img.png") left 140px top 10px no-repeat;}
.info_intro p.sain::before{content:""; position:absolute; right:60px; top:50%; width:20px; height:3px; background:#ec5b47;}
.info_intro p.sain::after{content:""; position:absolute; right:40px; top:50%; width:20px; height:3px; background:#69833a;}
.info_intro p.sain span{position:relative; width:100%; padding:10px 0; display:block;}
.info_intro p.sain span::before{content:""; position:absolute; right:20px; top:50%; width:20px; height:3px; background:#538cb7;}
.info_intro p.sain span::after{content:""; position:absolute; right:0px; top:50%; width:20px; height:3px; background:#f89a5b;}

/*연혁*/
.history h1{margin-bottom:30px; text-align:center; font-size:35px; color:#333; font-family:"GyeonggiBatang"; line-height:120%; word-break:keep-all;}
.history .history_img_box{position:relative; width:100%; margin-bottom:10%; padding:0 8%; text-align:center;}
.history .history_img_box::before{content:""; position:absolute; left:0; top:15%; width:100%; height:100%; border-radius:50px 0 50px 0; background:#ec5b47; z-index:-1;}

.history_list{position:relative; margin:0 8%;}
.history_list::before{content:""; position:absolute; left:8px; top:0; width:5px; height:100%; background:#f3f3f3; z-index:-1;}

.history_list ul.first_history{position:relative; margin-bottom:50px; padding-bottom:30px;}
.history_list ul.first_history::before{content:""; position:absolute; bottom:0; right:0; width:98%; border-bottom:2px dotted #333;}

.history_list ul li{margin-top:50px; font-size:20px; color:#333;}
.history_list ul li:first-child{margin-top:0;}
.history_list ul li strong{position:relative; display:block; padding-left:30px; margin-bottom:15px; font-size:35px; color:#ec5b47; font-weight:600;}
.history_list ul li strong::before{content:""; position:absolute; left:0; top:20px; width:20px; height:20px; border:5px solid #ec5b47; border-radius:100%;}
.history_list ul li p{position:relative; padding-left:15px; margin-left:30px;}
.history_list ul li p::before{content:""; position:absolute; left:0; top:15px; width:8px; height:3px; background:#333;}

/* C.I */

.logo_ci ul{display:flex;}
.logo_ci ul li{flex:1; margin-left:20px;}
.logo_ci ul li:first-child{margin-left:0;}
.logo_ci ul li strong{display:block; padding:10px; margin:30px 0; font-size:20px; color:#fff; font-family:"GyeonggiBatang"; background:#ec5b47;}
.logo_ci ul li p{font-size:17px; color:#333; word-break:keep-all;}
.logo_ci ul li dl{display:flex; margin-top:10px;}
.logo_ci ul li dl:first-child{margin-top:0;}
.logo_ci ul li dl dt{flex:2; min-width:100px; height:100%; margin-right:10px; padding:5px; text-align:center; font-size:17px; font-weight:600; color:#333; background:#f3f3f3;}
.logo_ci ul li dl dd{flex:8; height:100%; color:#333; font-size:17px; word-break:keep-all;}

/*오시는 길*/
.location{position:relative; margin-top:50px;}
.location::before{content:""; position:absolute; left:0; top:0; width:50px; height:5px; background:#ec5b47; z-index:1;}
.location::after{content:""; position:absolute; left:50px; top:0; width:50px; height:5px; background:#69833a;}

.location_box{position:relative; padding-top:3px;}
.location_box::before{content:""; position:absolute; left:100px; top:0; width:50px; height:5px; background:#538cb7;}
.location_box::after{content:""; position:absolute; left:150px; top:0; width:50px; height:5px; background:#f89a5b;}

.location_box table{width:100%; border-top:2px solid #333; border-spacing:0; border-collapse:separate; table-layout:fixed;}
.location_box table th{width:14.3%; font-size:17px; padding:15px; color:#333; background:#f3f3f3; border-bottom:1px solid #ccc;}
.location_box table td{font-size:17px; padding:15px; color:#333; border-bottom:1px solid #ccc;}


@media (max-width: 970px){

	/*인사말*/
	.info_intro_img{float:none; width:100%;}
	.info_intro_img img{width:100%;}
	.info_intro{float:none; width:100%; margin-top:50px;}


	/* 주요거래처 */
	.company_account ul{display:flex; width:100%; flex-wrap:wrap; justify-content:center; overflow:hidden;}
	.company_account ul li{width:31%; height:222px; padding:150px 15px 0 15px; margin:0 1% 15px 1%; text-align:center; line-height:140%; font-family:"GyeonggiBatang";  font-weight:bold; font-size:20px; letter-spacing:-1px; word-break:keep-all; box-shadow:2px 5px 5px rgba(0,0,0,.3);}

	.company_account ul li:nth-child(even){margin-top:0;}



}

@media (max-width: 640px){


	.text_bg_red::before{content:""; position:absolute; left:0; bottom:0 ; width:100%; height:100%; background:rgba(236,91,71,0.3); z-index:-1;}

	/*회사소개*/
	.company h1{font-size:20px;}
	.company h1 strong{font-size:30px;}

	.company p{margin-left:0; font-size:15px;}
	.company p strong{pfont-size:20px;}


	.company > ul{position:relative; display:block; margin-top:50px; padding-top:30px;}
	.company > ul > li{flex:auto; font-size:15px; margin-top:30px; margin-left:0;}
	.company > ul > li:first-child{margin-top:0;}


	/* 주요거래처 */
	.company_account ul{display:flex; width:100%; flex-wrap:wrap; justify-content:left; overflow:hidden;}
	.company_account ul li{width:48%; height:100%; padding:120px 15px 15px 15px;}

	.company_account ul li:nth-child(1){color:#69833a; border-top:8px solid #69833a; background:#fff url('../img/mobile/sub/company_account_icon01.png') center top 30px no-repeat;}
	.company_account ul li:nth-child(2){margin-top:20%; color:#ec5b47; border-top:8px solid #ec5b47; background:#fff url('../img/mobile/sub/company_account_icon02.png') center top 30px no-repeat;}
	.company_account ul li:nth-child(3){margin-top:-15%; color:#538cb7; border-top:8px solid #538cb7; background:#fff url('../img/mobile/sub/company_account_icon03.png') center top 30px no-repeat;}
	.company_account ul li:nth-child(4){margin-top:5%; color:#f89a5b; border-top:8px solid #f89a5b; background:#fff url('../img/mobile/sub/company_account_icon04.png') center top 30px no-repeat;}
	.company_account ul li:nth-child(5){margin-top:-15%; color:#ad9d5a; border-top:8px solid #ad9d5a; background:#fff url('../img/mobile/sub/company_account_icon05.png') center top 30px no-repeat;}


	/*생산공정*/

	.process{display:flex !important;}
	.process > li{flex:1 !important; margin-left:0 !important;}
	.process > li:first-child{margin-right:10px;}
	.process > li:first-child::before{right:-8px;}

	.process > li .title_neme{margin-bottom:35px; text-align:center; font-size:35px; font-family:"GyeonggiBatang"; color:#333; font-weight:bold;}

	.process li > ul{display:block; margin-bottom:0;}
	.process li > ul > li{flex:auto; position:relative; width:100%; margin-right:2%; text-align:left;}
	.process li > ul > li strong{position:relative; left:0; top:0; width:100%; font-size:17px; transform:translateX(0);}

	.process li > ul > li dl dt{margin-top:0;}
	.process li > ul > li dl dd{margin-bottom:30px;}

	.pojang{padding-top:70px !important; display:block !important;}

	.pojang > li{flex:auto; width:100% !important; margin:0 !important;}
	.pojang > li:first-child::before{content:""; border:0 !important;}
	.pojang > li > ul > li{margin-left:2% !important; margin-right:0 !important;}



	/*인사말*/
	.info_intro strong{font-size:20px;}
	.info_intro p{font-size:15px;}
	.info_intro p.sain{text-align:right; background:url("../img/mobile/sub/sain_img.png") right center no-repeat;}
	.info_intro p.sain::before{content:""; position:absolute; right:60px; top:6px; width:20px; height:3px; background:#ec5b47;}
	.info_intro p.sain::after{content:""; position:absolute; right:40px; top:3px; width:20px; height:3px; background:#69833a;}
	
	.info_intro p.sain span{position:relative; width:100%; display:block; padding:20px 100px 20px 0;}
	.info_intro p.sain span::before{content:""; position:absolute; right:20px; top:0; width:20px; height:3px; background:#538cb7;}
	.info_intro p.sain span::after{content:""; position:absolute; right:0px; top:6px; width:20px; height:3px; background:#f89a5b;}

	/*연혁*/
	.history h1{font-size:25px;}

	.history_list ul li{margin-top:30px; font-size:15px; color:#333;}
	.history_list ul li strong{font-size:25px;}
	.history_list ul li strong::before{content:""; position:absolute; left:0; top:10px; width:20px; height:20px; border:5px solid #ec5b47; border-radius:100%;}
	.history_list ul li p{position:relative; padding-left:15px; margin-left:30px;}
	.history_list ul li p::before{top:10px; width:8px; height:2px;}

	/* C.I */

	.logo_ci ul{display:block;}
	.logo_ci ul li{flex:auto; margin-left:0; margin-bottom:30px;}
	.logo_ci ul li p{font-size:15px;}
	.logo_ci ul li strong{font-size:17px; margin:15px 0;}
	.logo_ci ul li dl{display:block;}
	.logo_ci ul li dl dt{flex:auto; width:100%; min-width:auto; height:100%; padding:10px 5px; margin-right:0; font-size:15px;}
	.logo_ci ul li dl dd{flex:auto; font-size:15px;}
	

}