/*서브-상단비주얼 */
#svisual{width:100%;min-width:1200px;height:530px;background:url(../img/sub/s_top01.jpg) no-repeat center 0px;margin:0px auto;text-align:left;border-radius: 0 0 180px;}
#svisual.ver01{background:url(../img/sub/s_top01.jpg) no-repeat center 0px;}
#svisual.ver02{background:url(../img/sub/s_top02.jpg) no-repeat center 0px;}
#svisual.ver03{background:url(../img/sub/s_top03.jpg) no-repeat center 0px;}
#svisual.ver04{background:url(../img/sub/s_top04.jpg) no-repeat center 0px;}
#svisual .s_text{position:relative; top:50%; max-width:1200px; margin:0 auto; padding:0 0 0 50px; box-sizing:border-box; color:#fff;}
#svisual .s_text h3{font-size:45px; font-weight:700; margin-bottom:48px; position:relative;}
#svisual .s_text h3 span{display:inline-block;}
#svisual .s_text span{display:block; font-size:2em;}

#container{z-index:0;}
#container .line.gray{top:-28px; height:103%;}
#container .line.gray i{border-right:1px solid rgba(0,0,0,0.03);}
@media (max-width:1600px) {
	#svisual .s_text{width:1000px}
}
@media (max-width:1500px) {
	#svisual .s_text{width:90%; max-width:90%;}
	#svisual .line .left{left:calc(50% - 45%); left:-webkit-calc(50% - 45%);}
	#svisual .line .right{right:calc(50% - 45%); right:-webkit-calc(50% - 45%);}
}
@media (max-width:1400px) {
	#svisual .line{display:none;}
	#svisual .s_text{width:100%; max-width:100%;}
}

@media (max-width:1200px) {
#svisual { min-width:100%; background-position:center top; background-size:cover;}

}
@media (max-width:850px) {
	#svisual{height:240px;border-radius: 0 0 50px;}	
	#svisual .s_text{padding:0; text-align:center; top:60%;}
	#svisual .s_text h3{font-size:38px; margin-bottom:0;}
	#container .line.gray{top:0;}
}
@media (max-width:768px) {
	#svisual .s_text{top:55%; width:80%;}
}
@media (max-width:550px) {
	#svisual .s_text h3{font-size:30px;}
}





/*인사말*/

.area_ceo{margin:0 0 80px;}
.area_ceo:after{content:''; display:block; clear:both;}
.area_ceo > div{float:left;}
.area_ceo .area_txt{position:relative; width:calc(100% - 700px); width:-webkit-calc(100% - 700px); box-sizing:border-box; padding:60px 0 60px 50px;}
.area_ceo .area_txt:before{content:''; /* position:absolute; right:-80px; bottom:-40%; width:450px; height:0; padding-bottom:50%; background:url('../img/sub/img_logo.png')no-repeat center; background-size:100% auto; z-index:-1; */}
.area_ceo .area_txt h2{font-size: 28px;font-weight: 400;color: #4076bb;line-height:1.5em;word-break:keep-all;letter-spacing: -1.5px;}
.area_ceo .area_txt h2 p {font-size: 29px;word-break: keep-all;line-height: 1.3;font-weight: 600;color: #000;}
.area_ceo .area_txt > p{padding:20px 0;font-size: 15px;font-weight:400;color:#555;line-height: 1.6;word-break:keep-all;letter-spacing: -.5px;}
.area_ceo .area_txt span{font-size:17px; font-weight:400; color:#333;}
.area_ceo .area_txt em{display:inline-block; padding:0 0 0 10px; font-style:normal; font-size:22px; font-weight:600; color:#333; letter-spacing:1px;}
.box > h3{position:relative; padding:0 0 0 25px; font-size:22px; font-weight:bold;}
.box > h3:before{content:''; position:absolute; top:3px; left:0; width:18px; height:18px; background:url('../img/sub/icon_title.png')no-repeat center; background-size:cover;}

/* table */
.area_intro table.table{margin:20px 0 0;}
.area_intro table.table caption{display:none;}
.area_intro .table > tbody > tr > td{padding:25px 50px; vertical-align:middle; font-size:17px;}
.area_intro .table > tbody > tr > th{background:#fbfbfb; font-weight:600; color:#222; border-right:1px solid #eee; text-align:center;padding:25px 50px;vertical-align:middle; font-size:17px;}
.area_intro .table > tbody > tr > td:last-child{font-weight:400; color:#333; background:#fff;}
.area_intro .table > tbody > tr > td p{line-height:2em; font-weight:500;}
.area_intro .table > tbody > tr > td p:first-child{margin:0 0 10px;}
.area_intro .table > tbody > tr > td p span{display:block; font-size:16px; font-weight:400; line-height:1.5em;}
.area_intro .table>tbody>tr>td, 
.area_intro .table>tbody>tr>th, 
.area_intro .table>tfoot>tr>td, 
.area_intro .table>tfoot>tr>th, 
.area_intro .table>thead>tr>td, 
.area_intro .table>thead>tr>th{border-top:1px solid #eee;}
.area_intro .table>tbody>tr:last-child{border-bottom:1px solid #eee;}

@media (max-width:1400px) {
	.area_ceo .area_txt:before{right:0;}
}
@media (max-width:1200px) {
	.area_ceo > div{width:100%; text-align:center;}
	.area_ceo .area_txt{width:100%; padding:60px 50px 0;}
	.area_ceo .area_txt:before{display:none;}
}

@media (max-width:800px) {
	.area_ceo .area_txt p br{display:none;}
	.table > tbody > tr > td{padding:20px;}
}
@media (max-width:550px) {
	.box h3{font-size:20px;}
	.area_ceo{margin:0 0 40px;}
	.area_ceo .area_txt{padding:40px 20px;}
	.area_ceo .area_txt h2{font-size: 17px;}
	.area_ceo .area_txt em{font-size:20px; letter-spacing:0.5px;}
	.table > tbody > tr > td{padding:15px; font-size:16px;}
	.table > tbody > tr > td p{font-size:16px;}
}
@media (max-width:450px) {
	.inr .box > h3{margin:0 0 0 15px;}
	.area_ceo .area_img img{max-width:100%;}
}

/* 연혁 */
.box_img{margin:0 0 50px; width:100%; height:0; padding-bottom:35%; box-shadow: 2.868px 4.096px 16px 4px rgba(0, 0, 0, 0.07);}
.box_img.history{background:url(../img/sub/img_history01.jpg)no-repeat center; background-size:cover !important;}
.box.history{position:relative; margin:50px 0 150px;}
.box.history > h3{font-size:26px; font-weight:300; color:#333; line-height:1.4em;}
.box.history > h3 .txt_blue{font-weight:600;}
.box.history > span{display:inline-block; position:absolute; top:50px; left:50%; width:2px; height:100%; background:#eee;}
.box.history > ul{width:100%;}
.box.history > ul:after{content:''; display:block; clear:both;}
.box.history > ul > li{position:relative; content:''; margin:0 0 50px; padding:0; width:50%; border:none; transition:all 0.3s ease;}
.box.history > ul > li.active{opacity:1;  transform:translateY(0px); transition:all 0.3s ease;}
.box.history > ul > li.active em:after{background:#273069;}
.box.history > ul > li > em{position:relative; display:block; font-style:normal; font-size:40px; font-weight:800; color:#333; line-height:1.6em;}
.box.history > ul > li > em:after{content:''; position:absolute; top:30px;; width:12px; height:12px; background:#ddd; border-radius:50px;}
.box.history > ul > li.right > em:after{margin-left:-5px; left:0;}
.box.history > ul > li.left > em:after{margin-right:-6px; right:0;}
.box.history > ul > li > ul{display:block;}
.box.history > ul > li > ul > li{display:block;}
.box.history > ul > li > ul > li > p{position:relative; display:inline-block; padding:0 0 0 10px;font-size:16px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
.box.history > ul > li > ul > li > p:before{content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background:#333;}
.box.history > ul > li > .area_img.v1{margin:20px 38px 0 0;}
.box.history > ul > li > .area_img.v2{margin:20px 38px 0 45px; }
.box.history > ul > li.right{float:right; margin-left:50%;}
.box.history > ul > li.right > em{padding:0 0 5px 38px;}
.box.history > ul > li.right > ul{padding:0 0 0 38px;}
.box.history > ul > li.left{float:left; margin-right:50%; text-align:right;}
.box.history > ul > li.left > em{padding:0 38px 5px 0;}
.box.history > ul > li.left > ul{padding:0 38px 0 0;}
.box.history #historyLine{display:block; width:2px; height:0%; background:#273069;}
.txt_blue{color:#273069; font-weight:400;}


@media (max-width:850px) {
	.box.history > span{left:0; top:130px;}
	.box.history > ul{margin:50px 0 0;}
	.box.history > ul > li{width:100%; margin:0 0 30px;}
	.box.history > ul > li > em{font-size:32px;}
	.box.history > ul > li > em:after{top:25px;}
	.box.history > ul > li.right{float:left; margin-left:0;}
	.box.history > ul > li.left{text-align:left;}
	.box.history > ul > li.left > em{padding:0 0 5px 38px;}
	.box.history > ul > li.left > em:after{right:unset; left:-5px;}
	.box.history > ul > li.left > ul{padding:0 0 0 38px;}
	.box.history > ul > li > .area_img.v1{margin:20px 0 0 38px;}
}
@media (max-width:550px) {
	.box_img{margin:0 0 30px; padding-bottom:45%;}
	.box.history > ul{margin:30px 0 0;}
	.box.history > ul > li.right > em{padding:0 0 5px 20px;}
	.box.history > ul > li.right > ul{padding:0 0 0 20px;}
	.box.history > ul > li.left > em{padding:0 0 5px 20px;}
	.box.history > ul > li.left > ul{padding:0 0 0 20px;}
	.box.history > ul > li > .area_img.v1,
	.box.history > ul > li > .area_img.v2{margin:20px 0 0 20px;}
	.box.history > ul > li > em:after{top:20px;}
}
@media (max-width:450px) {
	.box.history > h3{font-size:22px;}
	.box.history > ul > li > .area_img{width:80%;}
	.box.history > ul > li > .area_img img{max-width:100%;}
}


/* 조직도 */
.number{float:right; display:inline-block; margin:0 15px 0 0; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box; text-align:right;}
.number > p{display:inline-block; padding:15px 40px; font-size:20px; font-weight:bold; color:#222;}
.area_box img{width:100%; max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}
.area_box.line{border:1px solid #f7f7f7;}

@media (max-width:768px) {
	.number{margin:0;}
	.number > p{padding:12px 30px; font-size:18px;}
	.area_box img.w{display:none;}
	.area_box img.m{display:block;}
}

/* 경영방침 및 사훈 */
.box{margin:0 0 50px;}
.motto{margin:30px 0 0; text-align:center;}
.motto > li{position:relative; display:inline-block; margin:0 55px 0 0; box-sizing:border-box; width:23%; }
.motto.v1 > li{padding:20px; border-radius:50%; box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1); height:0; padding-bottom:22%;}
.motto.v1 > li:nth-child(1){background:#273069 url(../img/sub/icon_motto01.svg)no-repeat center 40%; background-size:25%;}
.motto.v1 > li:nth-child(2){background:#293689 url(../img/sub/icon_motto02.svg)no-repeat center 40%; background-size:23%;}
.motto.v1 > li:nth-child(3){background:#273069 url(../img/sub/icon_motto03.svg)no-repeat center 40%; background-size:27%;}
.motto.v1 > li > p{padding-top:67%; font-size:22px; font-weight:400; color:#fff;}
.motto > li:last-child{margin:0;}
.motto.v2 > li{border:1px solid #eee; box-sizing:border-box; background:#fff;}
.motto.v2 > li > h3{padding:15px 10px; box-sizing:border-box; background:#273069; font-size:22px; font-weight:500; color:#fff;}
.motto.v2 > li:nth-child(2) > h3{background:#293689;}
.motto.v2 > li > h3:before{display:none;}
.motto.v2 > li > ul.list{padding:30px 10px; box-sizing:border-box;}
.motto.v2 > li > ul.list > li{font-size:17px; font-weight:400; color:#333; line-height:2em; word-break:keep-all;}
.area_goal{margin:30px 0 0;}
.area_goal .title{position:relative; width:100%; height:55px; background:#fff; border:1px solid #eee; box-sizing:border-box;}
.area_goal .title > i{position:absolute; top:0; left:0; display:block; width:55px; height:54px; font-style:normal; font-size:22px; font-weight:bold; background:#273069; color:#fff; text-align:center; line-height:55px;}
.area_goal .title h3{margin:0 0 0 70px; padding:13px 0; font-size:20px; font-weight:600; color:#333; line-height:1.4em;}
.area_goal .area_txt{margin:10px 0 0; padding:20px; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box;}
.area_goal .area_txt > p{position:relative; padding:0 0 0 10px; font-size:17px; font-weight:400; color:#333; line-height:1.7em;}
.area_goal .area_txt > p:before{content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background:#333;}
.area_goal_wrap{margin:30px 0 0;}
.area_goal_wrap .area_goal{margin:15px 0 0;}

@media (max-width:1200px) {
	.motto.v1 > li{padding-bottom:21.5%;}
}
@media (max-width:1024px) {
	.motto > li{width:25%; margin:0 30px 0 0;}
	.motto.v1 > li{padding-bottom:23%;}
}
@media (max-width:900px) {
	.motto.v1 > li > p{font-size:20px;}
}
@media (max-width:768px) {
	.motto > li{width:30%; margin:0 20px 0 0;}
	.motto.v1 > li{padding-bottom:28%;}
	.motto.v1 > li > p{font-size:18px;}
	.motto.v2 > li > h3{font-size:20px;}
	.motto.v2 > li > ul.list{padding:20px 10px;}
	.motto.v2 > li > ul.list > li{font-size:16px;}
}
@media (max-width:650px) {
	.motto > li{width:47%; margin:0 0 20px;}
	.motto > li:first-child{margin:0 20px 20px;}
	.motto > li:last-child{margin:0 0 20px 20px;}
	.motto.v1 > li{padding-bottom:44%;}
}
@media (max-width:550px) {
	.box{margin:0 0 30px;}
	.area_goal .title{height:auto;}
	.area_goal .title h3{margin:0 0 0 50px; padding:7px 0; font-size:18px;}	
	.area_goal .title > i{font-size:20px; width:40px; height:40px; line-height:40px;}
	.area_goal .area_txt{padding:15px;}
	.area_goal .area_txt > p{font-size:16px;}
}

@media (max-width:500px) {
	.motto > li{width:48%; margin:0 0 10px;}
	.motto > li:first-child{margin:0 10px 10px;}
	.motto > li:last-child{margin:0 0 10px 10px;}
	.motto.v1 > li{padding-bottom:42%;}
}

@media (max-width:450px) {
	.motto.v2 > li{width:100%; margin:0 0 10px;}
	.motto.v2 > li:last-child{margin:0;}
	.area_goal .title h3{margin:0 0 0 45px; font-size:16px;}	
	.area_goal .title > i{font-size:18px;  width:36px; height:36px; line-height:36px;}
	.area_goal .area_txt > p{font-size:15px;}
}
@media (max-width:400px) {
	.motto > li{width:47%;}
}


/* 품질방침 및 목표 */
.col3{margin:30px 0 0;}
.col3:after{content:''; display:block; clear:both;}
.col3 > li{position:relative; float:left; padding:20px 40px; box-sizing:border-box; width:calc(100% /3); width:-webkit-calc(100% /3); border-top:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); }
.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 35%; background-size:14%;}
.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 35%; background-size:15%;}
.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 35%; background-size:15%;}
.col3 > li .area_txt{padding-top:52%; margin:0 0 60px; text-align:center;}
.col3 > li .area_txt > h4{display:block; padding:0 0 15px; font-size:22px; font-weight:600; color:#333;}
.col3 > li .area_txt > span{font-size:17px; font-weight:400; color:#555; line-height:1.5em;}
.col3 > li > i{position:absolute; top:15px; left:15px; width:50px; height:50px; line-height:50px; background:#273069; font-style:normal; font-size:25px; font-weight: bold; color:#fff; text-align:center;}

.goal_list{margin:30px 0 0; text-align:center;}
.goal_list > li{position:relative; display:inline-block; margin:0 28px 0 0; box-sizing:border-box; width:20%; padding:20px; background:#273069; border-radius:50%; box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1); height:0; padding-bottom:18%;}
.goal_list > li:nth-child(2n){background:#293689;}
.goal_list > li:last-child{margin:0;}
.goal_list > li > h3{position:absolute; top:50%; left:50%; width:75%; font-size:24px; font-weight:300; color:#fff; transform:translate(-50%, -50%); line-height:1.4em;}
.txt_yellow{color:#fffa7b; font-weight:bold;}

@media (max-width:1400px) {
	.inr .box > h3{margin:0 0 0 20px;}
	.inr.sub .box > h3{margin:0;}
}
@media (max-width:1200px) {
	.col3 > li{background-color:#fff !important; border:1px solid #eee; border-left:none; }
	.col3 > li:nth-child(1){border-left:1px solid #eee; background:url(../img/sub/icon_goal01.svg)no-repeat center 30%; background-size:14%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 30%; background-size:15%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 30%; background-size:15%;}
}
@media (max-width:950px) {
	.col3 > li{padding:20px;}
	.col3 > li .area_txt{margin:0; min-height:250px;}
	.col3 > li .area_txt > h4{padding:0 0 10px;}
	.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 30%; background-size:18%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 30%; background-size:17%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 30%; background-size:17%;}
	.goal_list > li{margin:0 20px 0 0;}
	.goal_list > li > h3{font-size:22px;}
}
@media (max-width:768px) {
	.col3 > li{padding:15px;}
	.col3 > li .area_txt{min-height:240px; padding-top:55%;}
	.col3 > li .area_txt > h4{padding:0 0 6px; font-size:19px;}
	.col3 > li > i{left:10px; top:10px; width:40px; height:40px; line-height:40px;}
	.col3 > li .area_txt > span{font-size:16px;}
	.goal_list > li{width:32%; padding-bottom:30%;}
	.goal_list > li:nth-child(1){margin:0 20px 20px;}
	.goal_list > li:nth-child(2){margin:0 0 20px;}
	.goal_list > li > h3{font-size:24px; width:70%;}
}

@media (max-width:700px) {
	.col3 > li:nth-child(1){background:url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:18%;}
	.col3 > li:nth-child(2){background:url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:17%;}
	.col3 > li:nth-child(3){background:url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:17%;}
}

@media (max-width:550px) {
	.col3 > li{border:1px solid #eee; border-bottom:none;}
	.col3 > li{width:100%; border-bottom:none;}
	.col3 > li:nth-child(1){background:#fff url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li:nth-child(2){background:#fff url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li:nth-child(3){border-bottom:1px solid rgba(0,0,0,0.03); background:#fff url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:10%;}
	.col3 > li .area_txt{min-height:200px; padding-top:21%;}
	.goal_list > li > h3{font-size:22px; width:80%;}
}
@media (max-width:500px) {
	.col3 > li .area_txt{padding-top:25%;}
	.goal_list > li{margin:0 10px 0 0; padding:10px; width:40%; padding-bottom:36%;}
	.goal_list > li:nth-child(1){margin:0 10px 10px;}
	.goal_list > li:nth-child(2){margin:0 0 10px;}
	.goal_list > li > h3{font-size:20px;}
}

@media (max-width:450px) {
	.col3 > li:nth-child(1){background:#fff url(../img/sub/icon_goal01.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li:nth-child(2){background:#fff url(../img/sub/icon_goal02.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li:nth-child(3){background:#fff url(../img/sub/icon_goal03.svg)no-repeat center 25%; background-size:12%;}
	.col3 > li .area_txt{padding-top:30%;}
	.goal_list > li > h3{font-size:18px;}
}

/* 회사전경 */
.list_company{text-align:center;}
.list_company{width:80%; margin:0 auto;}
.list_company:after{content:''; display:block; clear:both;}
.list_company > li{float:left; margin:0 35px 35px 0 ; padding:10px;  width:calc((100% / 3) - 26px); width:-webkit-calc((100% / 3) - 26px); height:250px; border:1px solid #eee; box-sizing:border-box;}
.list_company > li > .area_img{width:100%; height:100%;}
.list_company > li > .area_img img{width:100%; height:100%;}
.list_company > li:nth-child(3){margin:0 0 35px;}
.list_company.col2 > li{float:left; margin:0 35px 35px 0; width:calc((100% / 2) - 18px); width:-webkit-calc((100% / 2) - 18px); height:350px;}
.list_company.col2 > li:nth-child(2n){margin:0;}
.list_company.col2 > li:nth-child(1) > .area_img{ background:url(../img/sub/img_company01.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(2) > .area_img{background:url(../img/sub/img_company02.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(3) > .area_img{background:url(../img/sub/img_company03.jpg)no-repeat center; background-size:cover;}
.list_company.col2 > li:nth-child(4) > .area_img{background:url(../img/sub/img_company04.jpg)no-repeat center; background-size:cover;}

.list_company > li:nth-child(1) > .area_img{background:url(../img/sub/img_company05.jpg)no-repeat center; background-size:cover;}
.list_company > li:nth-child(2) > .area_img{background:url(../img/sub/img_company06.jpg)no-repeat center; background-size:cover;}
.list_company > li:nth-child(3) > .area_img{background:url(../img/sub/img_company07.jpg)no-repeat center; background-size:cover;}

@media (max-width:1200px) {
	.list_company > li{margin:0 20px 20px 0; width:calc((100% / 3) - 16px); width:-webkit-calc((100% / 3) - 16px); height:0; padding-bottom:29%; vertical-align:top;}
	.list_company.col2 > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px); height:0; padding-bottom:45%;}
	.list_company > li > .area_img{padding-bottom:95%;}
}
@media (max-width:850px) {
	.list_company{width:92%; margin:0 auto;}
	.list_company > li:nth-child(4){margin:0 20px 20px 0;}
	.list_company > li:nth-child(5){margin:0 0 20px;}
	.list_company > li{width:calc((100% / 32) - 10px); width:-webkit-calc((100% / 2) - 10px); padding-bottom:45%;}
	.list_company > li:nth-child(2){margin:0 0 20px;}
}

@media (max-width:550px) {
	.list_company.col2{width:92%; }
	.list_company.col2 > li{margin:0 17px 17px 0; width:calc((100% / 2) - 9px); width:-webkit-calc((100% / 2) - 9px); height:0; padding-bottom:44%;}
	.list_company{text-align:left;}
	.list_company > li{margin:0 15px 15px 0; width:47.8%; padding-bottom:43.5%; vertical-align:top;}
	.list_company.col2 > li > .area_img{padding-bottom:96%;}
}

@media (max-width:464px) {
	.list_company > li{width:47%; padding-bottom:42%;}
	.list_company.col2 > li > .area_img{padding-bottom:98%;}
}
@media (max-width:344px) {
	.list_company > li{width:46.7%; padding-bottom:41%;}
	.list_company.col2 > li > .area_img{padding-bottom:100%;}
}


/*오시는길*/
#content .root_daum_roughmap{border:none; box-sizing:border-box;}
.area_txt.map{position:relative; margin:30px 0; padding: 0 4%;}
.area_txt.map > h2{font-size:27px;font-weight:400;color:#333;line-height:1.6em;word-break:keep-all;}
.area_txt.map ul > li{position:relative;margin:8px 0 0;font-size:16px; font-weight:300; color:#666;}
.area_txt.map ul > li > a{color:#666;}
.area_txt.map ul > li > a > span{font-weight:500;}
.area_txt.map a.btn_map{margin:20px 0 0; min-width:175px; box-sizing:border-box; display:inline-block; padding:17px 20px; background:#003a7c; border-radius:2px;}
.area_txt.map a.btn_map span{position:relative; display:block; padding:0 20px 0 0;; font-size:15px; font-weight:400; color:#fff;}
.area_txt.map a.btn_map span:before{content:''; position:absolute; top:50%; right:0; margin-top:-4.5px; width:13px; height:9px; background:url(../img/main/icon_arrow.svg)no-repeat center; }
.daum_map{margin:20px 0 0;}

@media screen and (max-width:850px) {
	.area_txt.map{padding: 0 2%;}
	.area_txt.map > h2{font-size:22px}
}
@media screen and (max-width:500px) {
	.area_txt.map{margin:10px 0;}
	.area_txt.map > h2{font-size:18px}
	.area_txt.map a.btn_map{margin:15px 0 0;}
	.root_daum_roughmap .wrap_map{ height:250px !important;}
}

/* 인증서 */
#layerPopup img{width:500px;}
.popLayer{display:none; position:fixed; opacity:0; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{display:block; opacity:1; z-index:99;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0px; right:-67px; width:67px;}
.popupBox  .hamburger .bar{left:22px;}
.hamburger{display:block; position:absolute; opacity:1; top:0px; right:0; z-index:9999; width:71px; height:71px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger:hover{opacity:1;}
.hamburger.open{position:fixed; background:#273169;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25px; width:25px; height:2px; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33px;}
.hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49px;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}

.area_certificate{width:100%;}
.area_certificate:after{content:''; display:block; clear:both;}	
.area_certificate > li{float:left; width:-webkit-calc(100% / 3); width:calc(100% / 3); background:#fff; height:auto; border:1px solid rgba(0,0,0,0.05); border-left:none; border-bottom: none; box-sizing:border-box;}
.area_certificate > li > a{display:block; height:100%;}
.area_certificate > li .area_img{display:table; padding:20px; box-sizing:border-box; width:100%; height:100%;;}
.area_certificate > li .area_img_wrap{display:table-cell; vertical-align:middle;}
.area_certificate > li .area_img_wrap img{width:100%; height:auto;}

.area_certificate > li:nth-child(1),
.area_certificate > li:nth-child(4),
.area_certificate > li:nth-child(7),
.area_certificate > li:nth-child(10){border-left:1px solid rgba(0,0,0,0.05);}
.area_certificate > li:nth-child(7) .area_img,
.area_certificate > li:nth-child(8) .area_img,
.area_certificate > li:nth-child(9) .area_img{height:528px;}
.area_certificate > li:nth-child(n+10){border-bottom:1px solid rgba(0,0,0,0.05);}
.area_certificate > li p{display:block; padding:0 30px 20px; font-size:18px; font-weight:bold; color:#333; line-height:1.4em; word-break:keep-all;}

@media screen and (max-width:1600px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:438px;}
	.area_certificate > li:nth-child(6) p{min-height:72px;}
}

@media screen and (max-width:1500px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:524px;}

}
@media screen and (max-width:1400px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img, 
	.area_certificate > li:nth-child(9) .area_img{height:608px;}
}
@media screen and (max-width:1200px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:496px;}
}
@media screen and (max-width:1000px) {
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:400px;}
}
@media screen and (max-width:850px) {
	.area_certificate > li{width:-webkit-calc(100% / 2); width:calc(100% / 2);}
	.area_certificate > li:nth-child(1),
	.area_certificate > li:nth-child(4),
	.area_certificate > li:nth-child(7),
	.area_certificate > li:nth-child(10){border-left:none;}
	.area_certificate > li:nth-child(7) .area_img, 
	.area_certificate > li:nth-child(8) .area_img,
	.area_certificate > li:nth-child(9) .area_img{height:auto;}
	.area_certificate > li:nth-child(4) p{min-height:47px;}
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:504px;}
	#layerPopup img{width:100%;}
	.popupBox .hamburger{right:-57px; width:57px; height:57px;}
	.popupBox .hamburger .bar{left:17px;}
}
@media screen and (max-width:768px) {
	.area_certificate > li:nth-child(4) p{min-height:auto;}
}
@media screen and (max-width:600px) {
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:400px; }
}
@media screen and (max-width:550px) {
	.area_certificate > li .area_img{padding:15px;}
	.area_certificate > li p{padding:0 15px 20px;}
}
@media screen and (max-width:500px) {
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:300px; }
	.area_certificate > li p{padding:0 15px 20px; font-size:16px;}
	.area_certificate > li p{min-height:40px;}
	.area_certificate > li:nth-child(6) p{min-height:64px;}
	.popupBox .hamburger{right:-45px; width:45px; height:45px;}
	.popupBox .hamburger .bar{left:10px;}
}
@media screen and (max-width:420px) {
	.area_certificate > li .area_img{padding:10px;}
	.area_certificate > li:nth-child(7) .area_img,
	.area_certificate > li:nth-child(8) .area_img{height:250px; }
	.area_certificate > li p{padding:0 10px 10px; font-size:15px;}
	#layerPopup img{width:240px;}
}
@media screen and (max-width:400px) {
	.area_certificate > li p{ font-size:14px;}
}
@media screen and (max-width:350px) {
	.area_certificate > li p{min-height:48px;}
	.area_certificate > li:nth-child(4) p{min-height:50px;}
	.area_certificate > li:nth-child(6) p{min-height:67px;}
}


/* LIST */
table.table caption{display:none;}
.area_table .table{border:1px solid #eee;}
.area_table .table > thead{padding:50px 0;}
.area_table .table > thead > tr > th{padding:15px 5px; vertical-align:middle; font-size:17px; font-weight:bold; border:none; border-right:1px solid #eee; background:#f9f9f9; text-align:center;}
.area_table .table > thead > tr > th.bb1{border-bottom:1px solid #eee}
.area_table .table .th_st{background:#f9f9f9;font-weight:600}
.area_table .table .bb1{border-bottom:1px solid #eee}
.area_table .table > thead > tr > th:last-child{border-right:none;}
.area_table .table > tbody > tr > td{padding:15px 5px; background:#fff; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center;}
.area_table .table > tbody > tr > td:last-child{border-right:none !important;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
@media screen and (max-width:950px) {
	.area_table .table > thead > tr > th{padding:15px 5px;}
	.area_table .table > tbody > tr > td{font-size:16px;}
}
@media screen and (max-width:850px) {
	.mob_info{display:block;}
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:850px;}
}

/* 생산LINE */
.area_product{}
.area_product .box .list{margin:20px 0 0;}
.area_product .box .list:after{content:''; display:block; clear:both;}
.area_product .box .list > li{float:left; padding:15px; width:calc(100% / 3); width:-webkit-calc(100% / 3); background:#fff; border:1px solid #eee; border-left:none; box-sizing:border-box;}
.area_product .box .list.txtmode > li {
    width: 100%;
    border-top: 3px solid #4076bb;
}
.area_product .box .list > li:first-child{border-left:1px solid #eee;}
.area_product .box .list > li img{width:100%; height:auto;}

@media screen and (max-width:850px) {
	.area_product .box .list > li{padding:10px;}
}
@media screen and (max-width:760px) {
	.area_product .box .list > li{border-right:1px solid rgba(0,0,0,0.03); width:calc(100% / 2); width:-webkit-calc(100% / 2);}
	.area_product .box .list > li:nth-child(2n){border-right:none;}
	.area_product .box .list > li:nth-child(3){border-top:none;}
	.area_product.v2 .box .list > li:nth-child(3){border-top:1px solid #eee;}
}
@media screen and (max-width:400px) {
	.area_product .box .list{margin:10px 0 0;}
}


/* 설비현황 */
.area_equipment{}
.area_equipment .box .txt_blue{font-weight:bold;}
.area_equipment .box .list{margin:20px 0 0;}
.area_equipment .box .list:after{content:''; display:block; clear:both;}
.area_equipment .box .list > li{float:left; padding:15px; width:calc(100% / 2); width:-webkit-calc(100% / 2); background:#fff; border:1px solid #eee; border-left:none; box-sizing:border-box;}
.area_equipment .box .list > li:first-child{border-left:1px solid #eee;}
.area_equipment .box .list > li img{width:100%; height:auto;}
.area_equipment .box .list > li .area_txt{padding:0 0 30px; text-align:center; min-height:114px; box-sizing:border-box;}
.area_equipment .box .list > li .area_txt p{font-size:17px; font-weight:600; color:#333; line-height:1.7em; word-break:keep-all;}

@media screen and (max-width:550px) {
	.area_equipment .box .list > li{padding:10px;}
	.area_equipment .box .list > li .area_txt{padding:0 0 20px; min-height:104px;}
}
@media screen and (max-width:500px) {
	.area_equipment .box .list > li .area_txt{padding:0 0 10px; min-height:85px;}
	.area_equipment .box .list > li .area_txt p{font-size:15px;}
}
@media screen and (max-width:400px) {
	.area_equipment .box .list > li .area_txt p{font-size:14px;}
}


/* 계측기현황 */
.area_product .box .list p{display:block; padding:20px 0 0; text-align:center; min-height:66px; font-size:17px; font-weight:600; color:#333; box-sizing:border-box; word-break:keep-all; line-height:1.3em;}
.area_product.v2 .box .list > li{padding:40px 40px 20px; border-bottom:none;}
.area_product.v2 .box .list > li:nth-child(4){border-left:1px solid #eee;}
.area_product.v2 .box .list > li:nth-child(n+4){border-bottom:1px solid #eee;}


@media screen and (max-width:850px) {
	.area_product.v2 .box .list > li{padding:20px;}
}
@media screen and (max-width:768px) {
	.area_product.v2 .box .list > li:nth-child(n+4){border-bottom:none;}
	.area_product.v2 .box .list > li:nth-child(n+5){border-bottom: 1px solid #eee;}
	.area_product.v2 .box .list > li:nth-child(4){border-left:none;}
}
@media screen and (max-width:550px) {
	.area_product .box .list p{min-height:62px; font-size:16px;}
}
@media screen and (max-width:450px) {
	.area_product .box .list p{padding:10px 0 0; font-size:15px;}
}
@media screen and (max-width:400px) {
	.area_product .box .list p{min-height:76px; font-size:14px;}
}

/* 생산 ITEM */
.box_group{margin:30px 0 0;}
.area_product .p_title{display:inline-block; padding:10px 20px; background:#183799; box-sizing:border-box; font-size:15px; font-weight:300; color:#fff; line-height:1.6em;}
.area_product.v3 .box .list{margin:10px 0 0;}
.area_product.v3 .box .list .area_txt{margin:15px 0 0;}
.area_product.v3 .box .list .area_txt > h3{font-size:17px; font-weight:bold; color:#333;}
.area_product.v3 .box .list .area_txt .txt_list{margin:10px 0 0;}
.area_product.v3 .box .list .area_txt .txt_list > li{display:block; margin:0 0 5px; border-bottom:none; box-sizing:border-box;}
.area_product.v3 .box .list .area_txt .txt_list > li:after{content:''; display:block; clear:both;}
.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:8px; background:#242e4e; float:left; text-align:center; width:30%; font-size:15px; font-weight:400; color:#fff; border-radius:2px;}
.area_product.v3 .box .list .area_txt .txt_list > li > p{padding:8px; float:left; margin:0 0 0 2%; width:68%; border:1px solid #eee; box-sizing:border-box; border-radius:2px; min-height:auto; text-align:left; font-size:15px; font-weight:400; color:#555;}
.area_product.v3 .box .list > li:nth-child(4),
.area_product.v3 .box .list > li:nth-child(5){border-top:none;}
.area_product.v3 .box .list > li:nth-child(4){border-left:1px solid #eee;}

@media screen and (max-width:768px) {
	.area_product.v3 .box .list > li:nth-child(4){border-left:none;}
	.area_product.v3 .box .list > li:nth-child(n+3){border-top:none;}
}
@media screen and (max-width:500px) {
	.box_group{margin:15px 0 0;}
	.area_product .p_title{display:block; padding:10px; padding:5px; line-height:1.4em; text-align:center;}
	.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:1px 5px; font-size:14px;}
	.area_product.v3 .box .list .area_txt .txt_list > li > p{width:100%; margin:0; padding:5px; border:none;}
}
@media screen and (max-width:450px) {
	.area_product.v3 .box .list .area_txt .txt_list > li > span{padding:1px 10px;width:auto;}
}
@media screen and (max-width:400px) {
	.area_product.v3 .box .list .area_txt > h3{font-size:15px;}
}


.vision{padding:140px 0 0; background:#fff;}
.vision:after{content:''; display:block; clear:both;}
.vision > li{position:relative; float:left; width:calc(25% + 4.5rem); height:45rem; margin-left: -6rem;}
.vision > li:nth-child(1){margin-left: 0;}
.vision > li:before{content: '';
    width: 1px;
    height:calc(100% - 15rem);
    background-color:#eee;
    position: absolute;
    left: 0;
    }

.vision > li > .title {position:absolute; bottom:0; display:table; width:100%; height:140px;
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
	margin:0 0 30px;
	padding-right: 3rem;
}
.vision > li > .title:before{content: '';
    width: 0;
    height: 0;
    border-left: 6rem solid transparent;
    position: absolute;
    left: 0;
    bottom: -4rem;}

.vision > li > .title .title_wrap{display:table-cell; vertical-align:middle; height:100%; }
.vision > li > .title .title_wrap > h2{display:block; padding:0 0 5px; font-weight:20px; font-weight:bold;}
.vision > li > .title .title_wrap > h3{display:block; font-size:23px; font-weight:500; color:#fff815;}
.vision > li > .title .title_wrap > p{display:inline-block; margin:7px 0 0; font-size:16px; background:#00b9ff; color:#fff; padding:2px 20px; border-radius:50px; box-sizing:border-box;}

.vision > li:nth-child(1) > .title{background:#5a79bf; }
.vision > li:nth-child(2) > .title{background:#33459e; bottom:40px;}
.vision > li:nth-child(3) > .title{background:#2e3877; bottom:80px;}
.vision > li:nth-child(4) > .title{padding:0; background:#131a48; bottom:120px;}
.vision > li:nth-child(2) > .title:before{border-top:4rem solid #1c2c7d;}
.vision > li:nth-child(3) > .title:before{border-top:4rem solid #1f285a;}
.vision > li:nth-child(4) > .title:before{border-top:4rem solid #060b29;}
.vision > li > i{position:absolute; top:-40px; left:-1px; font-style:normal; font-size:50px; font-weight:bold; color:#ddd;}

.vision > li > .vision_list{margin:20px 0 0;}
.vision > li > .vision_list > li{position:relative; display:block; word-break:keep-all; padding:0 0 5px 20px; font-size:16px; font-weight:500; color:#555; line-height:1.4em;}
.vision > li > .vision_list > li:before{content:''; position:absolute; top:10px; left:10px; width:4px; height:1px; background:#999;}
.vision > li:nth-child(4) > .vision_list{text-align:center;}
.vision > li > .vision_list > li.point{display:inline-block; padding:10px 15px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; color:#ff0081; border:3px solid #ff0081;}
.vision > li > .vision_list > li.point:before{display:none;}

@media screen and (max-width:900px) {
	.vision{padding:80px 0 0;}
	.vision > li{width:100%; margin-left:0; margin-bottom:30px; height:auto;}
	.vision > li > i{position:relative; top:0;}
	.vision > li:nth-child(2) > .title{bottom:0;}
	.vision > li:nth-child(3) > .title{bottom:0;}
	.vision > li:nth-child(4) > .title{bottom:0;}
	.vision > li .title:before{display:none;}
	.vision > li > .title{position:relative; margin:30px 0 0; padding-right:0;}
	.vision > li:nth-child(4) > .vision_list{margin:0;}
	.vision > li:before{display:none;}
	.vision > li > .vision_list > li{padding:0 0 5px 10px;}
	.vision > li > .vision_list > li:before{left:0;}
}
@media screen and (max-width:550px) {
	.vision{padding:40px 0 0;}
	.vision > li > i{font-size:40px;}
	.vision > li > .title{height:120px;}
	.vision > li > .title{margin:20px 0 0;}
}
@media screen and (max-width:400px) {
	.vision > li > .title{height:100px;}
}

.area_strategy{}
.area_strategy > h2{display:none;}
/*
.area_strategy > h2{display:inline-block;width:240px; height:240px; line-height:240px; text-align:center; background:#2a378a; border-radius:50%; font-size:28px; font-weight:bold; color:#fff;}
.area_strategy .strategy_list{text-align:left;}
*/
.area_strategy .strategy_list > li{padding:20px ;background:transparent;}
.area_strategy .strategy_list > li .top{text-align:center; height:120px;}
.area_strategy .strategy_list > li .top h3{padding-top:90px; font-size:22px; font-weight:500; color:#333;}
.area_strategy .strategy_list > li:nth-child(1) .top{background:url(../img/sub/icon_strategy01.svg)no-repeat 50% 10%; background-size:17%;}
.area_strategy .strategy_list > li:nth-child(2) .top{background:url(../img/sub/icon_strategy02.svg)no-repeat 50% 15%; background-size:17%;}
.area_strategy .strategy_list > li:nth-child(3) .top{background:url(../img/sub/icon_strategy03.svg)no-repeat 50% 10%; background-size:17%;}

body.ie .area_strategy .strategy_list > li:nth-child(1) .top{background-size:55%;}
body.ie .area_strategy .strategy_list > li:nth-child(2) .top{background-size:55%;}
body.ie .area_strategy .strategy_list > li:nth-child(3) .top{background-size:55%;}


.area_strategy .strategy_list > li .bottom{position:relative; margin:20px 0 0; min-height:170px; text-align:center;}
.area_strategy .strategy_list > li .bottom li{margin:0 0 10px;}
.area_strategy .strategy_list > li .bottom p{display:inline-block; padding:2px 10px; margin:0 0 3px; box-sizing:border-box; background:#242e4e; font-size:14px; font-weight:400; text-transform:uppercase; border-radius:2px; color:#fff;}
.area_strategy .strategy_list > li .bottom span{position:relative; display:block; font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:keep-all;}
/*.area_strategy .strategy_list > li:nth-child(2) .bottom span{padding:0 0 0 15px;}
.area_strategy .strategy_list > li:nth-child(2) .bottom span:before{content:'';position:absolute; top:10px; left:0; width:5px; height:1px; background:#333;}
*/

@media screen and (max-width:1024px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:20%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:20%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:20%;}
	.area_strategy .strategy_list > li .bottom{min-height:200px;}
}
@media screen and (max-width:850px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:25%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:25%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:25%;}
	.area_strategy .strategy_list > li .bottom{min-height:240px;}
}
@media screen and (max-width:768px) {
	.area_strategy .strategy_list > li{width:100%; background:#fff; border-left:1px solid #eee; border-bottom:none;}
	.area_strategy .strategy_list > li:nth-child(3){border-bottom:1px solid #eee;}
	.area_strategy .strategy_list > li .top{height:150px;}
	.area_strategy .strategy_list > li .top h3{padding-top:95px;}
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:10%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:10%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:10%;}
	.area_strategy .strategy_list > li .bottom{margin:0; min-height:auto;}
	.area_ceo .area_txt h2 p {font-size: 18px;}
}

@media screen and (max-width:600px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:13%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:13%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:13%;}
	.area_strategy .strategy_list > li .top h3{font-size:20px; padding-top:20%;}
}
@media screen and (max-width:500px) {
	.area_strategy .strategy_list > li .top{height:120px;}
}
@media screen and (max-width:450px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:15%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:15%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:15%;}
	.area_strategy .strategy_list > li .top h3{font-size:18px; padding-top:22%;}
}
@media screen and (max-width:400px) {
	.area_strategy .strategy_list > li:nth-child(1) .top{background-size:17%;}
	.area_strategy .strategy_list > li:nth-child(2) .top{background-size:17%;}
	.area_strategy .strategy_list > li:nth-child(3) .top{background-size:17%;}
	.area_strategy .strategy_list > li .top h3{padding-top:25%;}
}
/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.3em; line-height:1.3em; color:#333;}
#ready strong{color: #FC3;}
#ready p{font-size:0.8em; color:#666;}

.ready{ text-align:center;}



/*제품상세페이지*/
.thumb_img table{ width:100%; margin:2% 0; font-size:1.1em; line-height:1.8em; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.thumb_img table td{padding:1%; border:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}