@charset "utf-8";
@import url(reset.css);
@import url(motion.css);

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}

html, body{width: 100%;height: 100%;}

#header{position: relative;width: 100%;min-width: 1200px;height: 100px;background-color: #fff;z-index: 999;}
#header .container{width: 1200px;margin: 0 auto;overflow: hidden;min-height: 100px;}
.navi {position:absolute;width: 1200px;height: 100px;box-sizing:border-box;z-index: 600;}
h1{width: 200px;}
h1 a{display: inline-block;width: 200px;height: 63px;padding: 37px 0 0 0;}
.gnb {position: absolute;top: 0;left: 260px;z-index:700;overflow:hidden;height:100px;letter-spacing:0;}
.gnb ul li{position: relative;float: left;width: 195px;height: 100px;text-align: center;}
.gnb .depth1{display: block;width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 18px;color: #363636;font-weight: normal;}
.gnb ul li ul {display:block;padding: 45px 0;min-height:140px; opacity:0;transform:translateY(20px)}
.gnb ul li ul li{float: none;height: 40px;width: auto;}
.gnb ul li ul li a{display: block;font-size: 16px;color: #363636;font-weight: 300;line-height: 40px;width: 100%;text-align: center;}
.gnb ul li ul li a:hover{color: #2060ac;}

.language{position: absolute;right: 0;top: 0;}
.language:after{display: block;content: '';clear: both;}
.language li{float: left;width: 38px;margin-left: 10px;height: 67px;padding-top: 33px;}
.language li a{display: block;width: 100%;height: 38px;background: url(../img/s_img/bg_language_off.png) no-repeat center center;line-height: 38px;font-size: 15px;color: #c0c0c0;font-weight: 500;text-align: center;}
.language li.on a{background: url(../img/s_img/bg_language_on.png) no-repeat center center;color: #2060ac;}

.navi-bg{position:absolute; display:block;width:100%;height: 0;left: 0;top: 100px;z-index:100;overflow: hidden;}
.navi-bg .white-bg{width:100%;min-width: 1200px;height:287px;background: #eee url(../img/s_img/navi_bg.gif) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}
.navi-bg.open {}

/*#video{position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;overflow: hidden;background: url(../img/p_img/visual_main.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#video iframe{ position: absolute;z-index: 1;top: 0; left: 0; width: 100%; height: 100%;}*/

#video{position: relative;width: 100%;height: 100%;overflow: hidden;margin-bottom: 43px;background: #000;}
#video .box{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
#video .box iframe{ position: absolute;z-index: 1;top: 0; left: 0; width: 100%; height: 100%;}

.index{position: relative;width: 100%;height: 100%;min-width: 1200px;min-height: 768px;overflow: hidden;-webkit-transform-style: preserve-3d;}
.index header{position: fixed;top: 0;left: 0;}
.wrapper{position: relative;z-index: 2;}
.page {display: none;position: absolute;top: 0;left: 0;z-index: 2;overflow: hidden}
#main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .page{width: 100%;height: 100%;}
#main .page#last{background: url(../img/s_img/bg_page_last.png) repeat;}

#main .page .container{position: relative;width: 100%;height: 100%;}

#main .page .scroll_view{position: absolute;bottom: 45px;z-index: 600;width: 100%;height: 90px;}
#main .page .scroll_view .icon{width: 100%;height: 90px;background: url(../img/s_img/bg_scroll_down.png) no-repeat center 100%;}
#main .page .scroll_view .icon span{display: block;font-size: 13px;font-weight: 300;color: #fff;text-align: center;}

#main .page .scroll_view.up{top: 140px;}
#main .page .scroll_view.up .icon{background: url(../img/s_img/bg_scroll_up.png) no-repeat center 100%;}
#main .page .scroll_view.up .icon span{color: #fff;}

#main .page .big_logo{text-align: center;margin-top: 24%;font-size: 100px;color: #fff;font-weight: 500}

#main .page ul.business{width: 1200px;height: 100%;margin: 0 auto;padding-top: 17%;}
#main .page ul.business:after{display: block;content: '';clear: both;}
#main .page ul.business li{float: left;width: 235px;height: 447px;margin-right: 6px;text-align: center;}
#main .page ul.business li.last{margin-right: 0;}
#main .page ul.business li .logo{margin-top: 318px;}
#main .page ul.business li h3{font-size: 18px;color: #010101;font-weight: normal;margin: 6px 0 16px 0;}
#main .page ul.business li a{display: block;width: 120px;margin: 0 auto;height: 30px;line-height: 30px;background: url(../img/s_img/bg_business_more.png) repeat;color: #fff;font-size: 15px;text-align: center;font-weight: 300;}

#main .page ul.business li.b1{background: url(../img/s_img/img_business1.jpg) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}
#main .page ul.business li.b2{background: url(../img/s_img/img_business2.jpg) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}
#main .page ul.business li.b3{background: url(../img/s_img/img_business3.jpg) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}
#main .page ul.business li.b4{background: url(../img/s_img/img_business4.jpg) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}
#main .page ul.business li.b5{background: url(../img/s_img/img_business5.jpg) no-repeat center 0;-webkit-background-size: 100%;background-size: 100%;}


#main .page p.copyright{position: absolute;bottom: 0;left: 0;width: 100%;height: 77px;background-color: #000;font-weight: 300;text-align: center;color: #fff;font-size: 14px;line-height: 77px;}


.page.active{display: block;}
.page-pagination{position: absolute;right: 60px;top: 56%;z-index: 5;margin-top: -75px;}

.page-pagination>a{display: block;width: 140px;height: 34px;margin: 15px;background-color: #8f8f8f;text-align: center;line-height: 34px;font-size: 15px;font-weight: 300;color: #fff;}
.page-pagination>a.active{background-color: #0166be;}

#con .sub_vis{width: 100%;height: 400px;background-color: #ccc;}
#con .sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#con .sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#con .sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#con .sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#con .sub_vis h2{color: #fff;font-weight: 500;font-size: 30px;text-align: center;padding-top: 188px;}


#con .con_wrap{width: 1200px;margin: 0 auto;padding-top: 100px;}
#con .con_wrap:after{display: block;content: '';clear: both;}
#con .con_wrap .con_left{float: left;width: 180px;margin-right: 90px;}
#con .con_wrap .con_right{float: right;width: 930px;}
#con .con_wrap .con_left h3.title{font-size: 23px;color: #2263af;font-weight: 600;height: 90px;padding-left: 43px;background: url(../img/s_img/bullet_h3.png) no-repeat 0 0;}
#con .con_wrap .con_left ul{border-top: 1px solid #ccc;}
#con .con_wrap .con_left ul li{width: 165px;padding-left: 15px;border-bottom: 1px solid #ccc;}
#con .con_wrap .con_left ul li.double a{height: 57px;padding-top: 16px;line-height: 20px;}
#con .con_wrap .con_left ul li a{display: block;width: 100%;height: 48px;line-height: 48px;color: #252525;font-size: 16px;font-weight: 300;}
#con .con_wrap .con_left ul li.on a{color: #2263af;}

#con .con_wrap .con_right .title{position: relative;width: 100%;height: 90px;}
#con .con_wrap .con_right .title h4{font-size: 35px;color: #252525;font-weight: 500;}
#con .con_wrap .con_right .title ul.history{position: absolute;top: 0;right: 0;}
#con .con_wrap .con_right .title ul.history:after{display: block;content: '';clear: both;}
#con .con_wrap .con_right .title ul.history li{float: left;padding-left: 20px;background: url(../img/s_img/bullet_history.png) no-repeat 7px center}
#con .con_wrap .con_right .title ul.history li.home{float: left;padding-left: 0;background: none;}
#con .con_wrap .con_right .title ul.history li.this a{color: #2263af;}
#con .con_wrap .con_right .title ul.history li a{float: left;font-size: 14px;color: #252525;font-weight: 300;}

#con .con_box{padding: 0 0 125px 0;min-height: 200px;}

#con .con_box .table_box#default{width: 100%;}
#con .con_box .table_box#default table{width: 100%;border: none;}
#con .con_box .table_box#default table thead th{font-size: 16px;color: #202020;border: 1px solid #b7b7b7;border-top: 1px solid #252525;border-bottom: 1px solid #252525;background-color: #f3f3f3;height: 54px;font-weight: normal;text-align: center;}
#con .con_box .table_box#default table tbody th, #con .con_box .table_box#default table tbody td{font-size: 16px;color: #202020;height: 76px;line-height: 21px;border: 1px solid #b7b7b7;font-size: 16px;color: #202020;font-weight: 300;text-align: center;}
#con .con_box .table_box#default table tbody th{font-weight: normal;border-right: 1px solid #252525;border-bottom: 1px solid #252525;}
#con .con_box .table_box#default table tbody td{}

#con .con_box .table_box#default table tbody tr.last td{border-bottom: 1px solid #252525;}

#con .con_box .table_box#default table thead .start{border-right: 1px solid #252525;}
#con .con_box .table_box#default table thead .start, #con .con_box .table_box#default table tbody .start{border-left: none;}
#con .con_box .table_box#default table thead .finish, #con .con_box .table_box#default table tbody .finish{border-right: none;}

#con .con_box .table_box{width: 100%;}

#con .con_box ul.script_txt{margin-bottom: 75px;}
#con .con_box ul.script_txt li{padding-left: 12px;background: url(../img/s_img/script_txt_bullet.png) no-repeat 0 10px;margin-bottom: 30px;}
#con .con_box ul.script_txt li.last{margin-bottom: 0;}
#con .con_box ul.script_txt li p{}
#con .con_box ul.script_txt li p.tit{font-size: 18px;color: #000;margin-bottom: 10px;}
#con .con_box ul.script_txt li p.txt{font-size: 16px;line-height: 25px;color: #202020;font-weight: 300;}

#con .con_box .packaging{margin-bottom: 50px;}
#con .con_box .packaging h5{font-size: 20px;color: #2263af;font-weight: 500;margin-bottom: 12px;}
#con .con_box .packaging .inner{width: 100%;}
#con .con_box .packaging .inner:after{display: block;content: '';clear: both;}
#con .con_box .packaging .inner .left{float: left;width: 381px;margin-right: 12px;}
#con .con_box .packaging .inner .right{float: left;width: 537px;}
#con .con_box .packaging .inner .right ul{}
#con .con_box .packaging .inner .right ul li{margin-bottom: 4px;padding-left: 10px;background: url(../img/s_img/packaging_li_bullet.png) no-repeat 0 9px;font-size: 16px;color: #202020;line-height: 21px;font-weight: 100;letter-spacing: 0.1px;}

#con .con_box .img_box{width: 100%;}
#con .con_box .img_box:after{display: block;content: '';clear: both;}
#con .con_box .img_box .img{position: relative;margin-bottom:15px;}
#con .con_box .img_box .img.left{float: left;}
#con .con_box .img_box .img.right{float: right;}
#con .con_box .img_box .img.big{float: left;width: 100%;margin-top: 17px;}
#con .con_box .img_box .img.big img{width: 100%;}
#con .con_box .img_box .img img{}
#con .con_box .img_box .img p.tit{position: absolute;top: 32px;left: 0;color: #000;font-size: 20px;font-weight: 500;width: 100%;text-align: center;}

#con .con_box .double_box{width: 100%;}
#con .con_box .double_box:after{display: block;content: '';clear: both;}
#con .con_box .double_box .box{float: left; margin-right:14px;}
#con .con_box .double_box .box.last{margin-right:0;}

#con .con_box .triple_box{width: 100%;}
#con .con_box .triple_box:after{display: block;content: '';clear: both;}
#con .con_box .triple_box .box{float: left;width: 33.33333333333333%;}
#con .con_box .triple_box .box ul.script_txt{margin-bottom: 0;height: 95px;}
#con .con_box .triple_box .box ul.script_txt li{margin-bottom: 0;}

#con .con_box .table_box#normal{margin: 20px 0 36px 0;}
#con .con_box .table_box#normal table{width: 100%;}
#con .con_box .table_box#normal table tbody{}
#con .con_box .table_box#normal table tbody th, #con .con_box .table_box#normal table tbody td{border: 1px solid #ccc;height: 70px;font-size: 16px;color: #202020;line-height: 23px;}
#con .con_box .table_box#normal table tbody th{font-weight: normal;background-color: #f8f8f8;}
#con .con_box .table_box#normal table tbody td{font-weight: 300;padding-left: 40px;}

#con .con_box ul.prd{}
#con .con_box ul.prd:after{display: block;content: '';clear: both;}
#con .con_box ul.prd li{float: left;width: 304px;margin-right: 9px;margin-bottom: 9px;}
#con .con_box ul.prd li.last{margin-right: 0;}

/* 회사소개(sub1_1) */
#con .con_box.sub1_1{}
#con .con_box.sub1_1 .company_vis{width: 100%;height: 330px;margin-bottom: 60px;background: url(../img/s_img/sub1_1_company_vis.jpg) no-repeat center center;color: #fff;line-height: 330px;font-size: 35px;font-weight: normal;text-align: center;text-indent: -9999%}

#con .con_box.sub1_1 h5{font-size: 30px;line-height: 39px;color: #202020;font-weight: normal;text-align: center;}
#con .con_box.sub1_1 h5 strong{color: #2263af;font-weight: normal;}

#con .con_box.sub1_1 .txt_box{padding-top: 40px;}
#con .con_box.sub1_1 .txt_box p{color: #202020;font-weight: 300;font-size: 18px;line-height: 27px;margin-bottom: 25px;letter-spacing: -0.5px;}
#con .con_box.sub1_1 .txt_box p strong{font-weight: normal}
/* 회사소개(sub1_1) */


/* CI 소개(sub1_2) */
#con .con_box.sub1_2 .ci_box:after{display: block;content: '';clear: both;}
#con .con_box.sub1_2 .ci_box{width: 100%;border-bottom: 1px solid #d7d7d7;margin-bottom: 70px;}
#con .con_box.sub1_2 .ci_box .tit{font-size: 20px;line-height: 24px;font-weight: 500;color: #003e79;margin-bottom: 10px;}
#con .con_box.sub1_2 .ci_box .con{padding-bottom: 85px;background: url(../img/s_img/sub1_4_con_bg.gif) no-repeat 0 4px;}
#con .con_box.sub1_2 .ci_box .con p.txt{font-size: 17px;font-weight: 300;color: #231f20;line-height: 24px;letter-spacing: -0.5px;}

#con .con_box.sub1_2 .ci_box.logo .con .logo_img:after{display: block;content: '';clear: both;}
#con .con_box.sub1_2 .ci_box.logo .con .logo_img{width: 100%;padding-top: 25px;text-align: center;}
#con .con_box.sub1_2 .ci_box.logo .con .logo_img .img{width: 100%;height: 100px;border: 1px solid #e1e1e1;padding-top: 58px;}
#con .con_box.sub1_2 .ci_box.logo .con .logo_img p{font-size: 15px;font-weight: 500;color: #231f20;margin-top: 15px;}

#con .con_box.sub1_2 .ci_box.symbol .con .symbol_box{width: 100%;margin-top: 25px;height: 228px;border: 1px solid #e1e1e1;}
#con .con_box.sub1_2 .ci_box.symbol .con .symbol_box:after{display: block;content: '';clear: both;}
#con .con_box.sub1_2 .ci_box.symbol .con .symbol_box .left{float: left;margin-top: 34px;margin-left: 225px;}
#con .con_box.sub1_2 .ci_box.symbol .con .symbol_box .right{float: left;margin-top: 34px;margin-left: 145px;}

#con .con_box.sub1_2 .ci_box.logo.space .con .logo_img .container{border: 1px solid #e1e1e1;}
#con .con_box.sub1_2 .ci_box.logo.space .con .logo_img .img{width: 100%;border: none;height: auto;}
#con .con_box.sub1_2 .ci_box.logo.space .con .logo_img .img img{}
#con .con_box.sub1_2 .ci_box.logo.space .con .logo_img .mini{padding: 55px 0 50px 0;}
#con .con_box.sub1_2 .ci_box.logo.space .con .logo_img p{margin-top: 15px;}

#con .con_box.sub1_2 .ci_box.rule .con .rule_box{margin-top: 40px;}
#con .con_box.sub1_2 .ci_box.rule .con .rule_box .container{border: 1px solid #e1e1e1;height: 200px;padding-left: 115px;}
#con .con_box.sub1_2 .ci_box.rule .con .rule_box .container:after{display: block;content: '';clear: both;}
#con .con_box.sub1_2 .ci_box.rule .con .rule_box .box{float: left;width: 235px;margin-top: 45px;text-align: center;}
#con .con_box.sub1_2 .ci_box.rule .con .rule_box p{font-size: 15px;font-weight: 500;color: #231f20;text-align: center;margin-top: 15px;}
#con .con_box.sub1_2 .ci_box.rule p.etc{font-size: 15px;color: #ff0000;letter-spacing: -1px;text-align: center;margin-top: 8px;}

#con .con_box.sub1_2 .ci_box.color .con .color_box{margin-top: 40px;border: 1px solid #e1e1e1;padding: 60px 0 65px 0;text-align: center;}
#con .con_box.sub1_2 .ci_box.color .con .color_box .container{}

#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img{width: 100%;padding-top: 35px;text-align: center;}
#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img .left{float: left;width: 265px;}
#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img .right{float: right;width: 618px;}
#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img .img{width: 100%;height: 129px;border: 1px solid #e1e1e1;padding-top: 0;}
#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img .left .img img{margin-top: 52px;}
#con .con_box.sub1_2 .ci_box.logo.system .con .logo_img .right .img img{margin-top: 18px;}

#con .con_box.sub1_2 .ci_box.pattern{border-bottom: none;}
#con .con_box.sub1_2 .ci_box.pattern .con .pattern_box{margin-top: 40px;}
#con .con_box.sub1_2 .ci_box.pattern .con .pattern_box ul:after{display: block;content: '';clear: both;}
#con .con_box.sub1_2 .ci_box.pattern .con .pattern_box ul{width: 680px;margin: 0 auto;}
#con .con_box.sub1_2 .ci_box.pattern .con .pattern_box ul li{float: left;width: 210px;margin-right: 20px;}
#con .con_box.sub1_2 .ci_box.pattern .con .pattern_box ul li.last{margin-right: 0;}
/* CI 소개(sub1_2) */


/* 찾아오시는 길(sub1_3) */
#con .con_box.sub1_3{}
#con .con_box.sub1_3 .tab{position:relative;width: 930px;margin: 0 auto;}
#con .con_box.sub1_3 .tab:after{display: block;content: '';clear: both;}
#con .con_box.sub1_3 .tab li{position: relative;float: left;width: 50%;}
#con .con_box.sub1_3 .tab>li>a {display:block;width: 463px;height: 65px;font-size: 20px;color: #474747;line-height: 64px;border: 1px solid #eaeaea;border-bottom: none;background-color: #eaeaea;text-align: center;}
#con .con_box.sub1_3 .tab>li.on>a{color: #2263af;height: 64px;border: 1px solid #2263af;border-bottom: none;background-color: #fff;}
#con .con_box.sub1_3 .tab>li>div.tab_box{height: 0;overflow: hidden;position: absolute;left: 0;width: 930px;padding-top: 40px;}
#con .con_box.sub1_3 .tab>li.on>div.tab_box{height:auto;position: static;}

#con .con_box.sub1_3 .map{position: relative;width: 100%;height: 400px;background-color: #eee;margin-bottom: 45px;}

#con .con_box.sub1_3  .table_box#company p.factory{font-size: 20px;color: #202020;font-weight: normal;padding-left: 20px;height: 32px;background: url(../img/s_img/bullet_p_factory.png) no-repeat 0 3px;}
#con .con_box.sub1_3  .table_box#company table{width: 100%;}
#con .con_box.sub1_3  .table_box#company table th, #con .con_box.sub1_3  .table_box#company table td{font-size: 16px;color: #202020;padding: 20px 0;}
#con .con_box.sub1_3  .table_box#company table th{font-weight: normal;letter-spacing: 1px;text-align: center;background-color: #f3f3f3;border: 1px solid #252525;border-left: none;border-right: none;}
#con .con_box.sub1_3  .table_box#company table td{border: 1px solid #b7b7b7;border-left: none;border-right: none;padding-left: 63px;font-weight: 300;}

#con .con_box.sub1_3 .tab li.one div.tab_box{position: relative;left: 0;}
#con .con_box.sub1_3 .tab li.two div.tab_box{position: relative;left: -100%;}
/* 찾아오시는 길(sub1_3) */


/* Retort/Aseptic Packaging(sub2_1) */


/* Retort/Aseptic Packaging(sub2_1) */


/* Eco Foam Packaging(sub2_3) */
#con .con_box.sub2_3 .packaging{margin-bottom: 80px;}
/* Eco Foam Packaging(sub2_3) */


/* Flexible Packaging(sub2_4) */
#con .con_box.sub2_4{}
#con .con_box.sub2_4 .packaging{margin-bottom: 100px;}
#con .con_box.sub2_4 .triple_img{margin-top: 35px;}
#con .con_box.sub2_4 .triple_img:after{display: block;content: '';clear: both;}
#con .con_box.sub2_4 .triple_img .img{float: left;width: 300px;margin-right: 15px;}
#con .con_box.sub2_4 .triple_img .img.last{margin-right: 0;}
#con .con_box.sub2_4 .triple_img .img img{width: 100%;}
/* Flexible Packaging(sub2_4) */


/* 주요 PROCESS(sub3_1) */
#con .con_box.sub3_1 .process_box{position: relative;}
#con .con_box.sub3_1 .process_box:after{display: block;content: '';clear: both;}
#con .con_box.sub3_1 .process_box .box{float: left;width: 463px;height: 359px;border: 1px solid #b7b7b7;}
#con .con_box.sub3_1 .process_box .box .padding{padding: 75px 0 0 85px;}
#con .con_box.sub3_1 .process_box .box.b1 .padding{padding: 75px 0 0 85px;}
#con .con_box.sub3_1 .process_box .box.b2 .padding{padding: 75px 0 0 140px;}
#con .con_box.sub3_1 .process_box .box.b3 .padding{padding: 120px 0 0 85px;}
#con .con_box.sub3_1 .process_box .box.b4 .padding{padding: 120px 0 0 140px;}

#con .con_box.sub3_1 .process_box .box.b1{background: url(../img/s_img/bg_sub4_1_b1.png) no-repeat center center;border-right: none;border-bottom: none;width: 464px;height: 360px;}
#con .con_box.sub3_1 .process_box .box.b2{background: url(../img/s_img/bg_sub4_1_b2.png) no-repeat center center;border-bottom: none;height: 360px;}
#con .con_box.sub3_1 .process_box .box.b3{background: url(../img/s_img/bg_sub4_1_b3.png) no-repeat center center;border-right: none;width: 464px;}
#con .con_box.sub3_1 .process_box .box.b4{background: url(../img/s_img/bg_sub4_1_b4.png) no-repeat center center;}

#con .con_box.sub3_1 .process_box .box .pro{padding-bottom: 15px;}
#con .con_box.sub3_1 .process_box .box p.tit{font-size: 16px;color: #202020;font-weight: 500;padding-left: 12px;background: url(../img/s_img/bullet_sub4_1_tit.png) no-repeat 0 5px;}
#con .con_box.sub3_1 .process_box .box ul{padding: 15px 0 0 12px;}
#con .con_box.sub3_1 .process_box .box ul li{font-size: 16px;color: #202020;font-weight: 300;line-height: 22px;padding-left: 10px;background: url(../img/s_img/bullet_sub4_1_li.png) no-repeat 0 12px;}

#con .con_box.sub3_1 .process_box .circle{position: absolute;top: 219px;left: 0;width: 100%;}
#con .con_box.sub3_1 .process_box .circle .img{width: 284px;margin: 0 auto;}
/* 주요 PROCESS(sub3_1) */


/* 주요납품실적(sub3_3) */
#con .con_box.sub3_3 ul.deliver{}
#con .con_box.sub3_3 ul.deliver:after{display: block;content: '';clear: both;}
#con .con_box.sub3_3 ul.deliver li{float: left;width: 225px;margin-right: 9px;margin-bottom: 25px;}
#con .con_box.sub3_3 ul.deliver li.right{margin-right: 0;}
#con .con_box.sub3_3 ul.deliver li .item{width: 100%;height: 143px;}
#con .con_box.sub3_3 ul.deliver li .item img{width: 100%;height: 143px;}
#con .con_box.sub3_3 ul.deliver li p.txt{font-size: 16px;color: #000;font-weight: 300;text-align: center;padding-top: 10px;}
/* 주요납품실적(sub3_3) */


/* 인증현황(sub3_4) */
#con .con_box.sub3_4 ul.cert{}
#con .con_box.sub3_4 ul.cert:after{display: block;content: '';clear: both;}
#con .con_box.sub3_4 ul.cert li{position: relative;float: left;width: 223px;margin-right: 12.66666666666667px;margin-bottom: 50px;}
#con .con_box.sub3_4 ul.cert li.last{margin-right: 0;}
#con .con_box.sub3_4 ul.cert li .img{position: relative;z-index: 2;width: 219px;height: 296px;}
#con .con_box.sub3_4 ul.cert li .img img{width: 219px;height: 296px;}
#con .con_box.sub3_4 ul.cert li .bg{position: absolute;top: 4px;left: 4px;width: 219px;height: 296px;background-color: #d7d7d7;}
#con .con_box.sub3_4 ul.cert li p{font-size: 16px;color: #202020;font-weight: 500;line-height: 20px;margin-top: 18px;text-align: center;letter-spacing: -1px;}
/* 인증현황(sub3_4) */



/* 견적문의(sub4_1) */
#con .con_box.sub4_1{}
#con .con_box.sub4_1 p.txt{text-align: center;font-size: 18px;font-weight: 300;line-height: 22px;color: #565656;}

#con .con_box.sub4_1 .form_wrap{width: 930px;margin: 0 auto;margin-bottom: 0;}
#con .con_box.sub4_1 .form_wrap h5{font-size: 22px;color: #010101;margin-bottom: 20px;font-weight: 400;}

#con .con_box.sub4_1 .form_wrap p.sp{font-size: 16px;color: #2263af;font-weight: 300;padding-left: 15px;background: url(../img/s_img/form_sp.png) no-repeat 0 3px;margin-top: 15px;}

#con .con_box.sub4_1 .form_wrap .form_box{}
#con .con_box.sub4_1 .form_wrap p.essential_txt{font-size: 15px;height: 20px;padding-left: 18px;line-height: 20px;margin-bottom: 10px;background: url(../img/s_img/form_bullet.png) no-repeat 5px center;}
#con .con_box.sub4_1 .form_wrap .form_box dl{height: 70px;font-size: 15px;}
#con .con_box.sub4_1 .form_wrap .form_box dl.txtarea{height: auto;border-bottom: 1px solid #ccc;}
#con .con_box.sub4_1 .form_wrap .form_box dl.txtarea dd{height: auto;border-bottom: none;}

#con .con_box.sub4_1 .form_wrap .form_box dl.first{height: 70px;}
#con .con_box.sub4_1 .form_wrap .form_box dl.first dt{border-top: 1px solid #000;}
#con .con_box.sub4_1 .form_wrap .form_box dl.first dd{border-top: 1px solid #ccc;}

#con .con_box.sub4_1 .form_wrap .form_box dl:after{display: block;content: '';clear: both;}
#con .con_box.sub4_1 .form_wrap .form_box dl dt{float: left;font-size: 16px;width: 210px;height: 70px;line-height: 70px;font-weight: 400;color: #565656;border-bottom: 1px solid #000;text-indent: 75px;}
#con .con_box.sub4_1 .form_wrap .form_box dl.essential dt{background: url(../img/s_img/form_bullet.png) no-repeat 62px 51%;}
#con .con_box.sub4_1 .form_wrap .form_box dl dd{float: left;width: 680px;height: 70px;padding-left: 40px;border-bottom: 1px solid #ccc;}
#con .con_box.sub4_1 .form_wrap .form_box dl dd input{width: 680px;height: 68px;border: 1px solid #fff;font-size: 16px;font-weight: 300;}
#con .con_box.sub4_1 .form_wrap .form_box dl dd input[placeholder]{color: #000;}
::-webkit-input-placeholder{color: #a7a7a7 !important;}
:-moz-placeholder{color: #a7a7a7 !important;opacity: 1;}
::-moz-placeholder{color: #a7a7a7 !important;opacity: 1;}
:-ms-input-placeholder {color: #a7a7a7 !important;}
#con .con_box.sub4_1 .form_wrap .form_box textarea{width: 680px;height: 320px;padding: 15px 0;border: 1px solid #fff;line-height: 24px;font-size: 16px;color: #000;font-weight: 300;}
#con .con_box.sub4_1 .form_wrap textarea#agree-text{width: 97%;padding: 1.5%;height: 195px;color: #3e3e3e;border: 1px solid #d7d7d7;font-size: 15px;line-height: 18px;font-weight: 300;}
#con .con_box.sub4_1 .form_wrap .ck_agree{width: 100%;margin-top: 15px;}
#con .con_box.sub4_1 .form_wrap .ck_agree:after{display: block;content: '';clear: both;}
#con .con_box.sub4_1 .form_wrap .ck_agree span{float: left;display: block;width: 20px;}
#con .con_box.sub4_1 .form_wrap .ck_agree p{float: left;font-size: 15px;color: #4a4a4a;}

#con .con_box.sub4_1 p.send{margin-top: 60px;text-align: center;}
#con .con_box.sub4_1 p.send a{cursor: pointer;}

#con .con_box.sub4_1 .form_wrap .form_box dl.product ul.product_form{}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd{padding-left: 15px;width: 740px;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form:after{display: block;content: '';clear: both;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li{float: left;width: 175px;margin-right: 10px;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li.last{margin-right: 0;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li input{width: 165px;padding-left: 10px;height: 30px;border: 1px solid #e1e1e1;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li .tit{font-size: 15px;color: #4a4a4a;font-weight: 600;width: 100%;border: 1px solid #ebebeb;height: 30px;line-height: 30px;text-align: center;background: #ebebeb;}
#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li .txt{margin-top: 8px;}

#con .con_box.sub4_1 .form_wrap .form_box dl.product dd ul.product_form li.ea input{background: url(../img/s_img/product_input_ea.png) no-repeat 139px center;}
/* 견적문의(sub4_1) */



/* privacy */
#con .con_box .privacy{padding: 0 0 100px 0;}
#con .con_box .privacy h4 {clear:both; margin:15px 0px 10px 0px; padding:5px 0 0 0px; font-weight:600; color:#222; font-size:15px; letter-spacing:-0.5px;background: none;text-align: left;font-style: normal;line-height: 1.5;height: auto;letter-spacing: 0;margin-bottom: 0;}
#con .con_box .privacy h5{margin:0;padding:10px 0 0 10px; background:none; font-size:14px; font-weight:600; color:#444; padding-bottom: 0;border-bottom: none;text-align: left;background: none;}

#con .con_box .privacy p.box{margin: 10px auto;background:#f4f4f4;border:1px solid #cdcdcd;width:95%;padding:15px;font-size: 15px;line-height: 1.5;margin-bottom: 50px;}

#con .con_box .privacy ul {margin:10px 0px 10px 0px; padding:0px 0 0px 0px;}
#con .con_box .privacy ul li{font-weight:normal; padding-left:15px;  margin:2px 0px 0px 3px; vertical-align:middle; line-height: 1.5;font-size: 15px;font-weight: 300;}
#con .con_box .privacy ul.int li{padding:0;  margin:0px 0px 0px 30px; text-indent:-15px; background:none;}
#con .con_box .privacy ul li li{ margin:2px 0px; padding: 0 0 0 10px;  }

#con .con_box .privacy li dl{margin:10px 0px 10px 0px; padding:0px 0 0px 0px;}
#con .con_box .privacy li dt{font-weight:normal; padding:0;  margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal; color:#1c3d7c;text-indent:0px;}
#con .con_box .privacy li dd{font-weight:normal; padding-left:10px; margin:2px 0px 0px 0px; vertical-align:middle;text-indent:0px; }

#con .con_box .privacy dl{margin:10px 0px 10px 10px; padding:0px 0 0px 0px;}
#con .con_box .privacy dt{font-weight:normal; padding-left:0px;  margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal;color:#1c3d7c;line-height: 1.5;font-size: 15px;}
#con .con_box .privacy dd{font-weight:normal; padding-left:10px;  margin:2px 0px 0px 0px; vertical-align:middle; line-height: 1.5;font-size: 15px;}



#footer{width: 100%;min-width: 1200px;height: 225px;background-color: #000;}
#footer .container{width: 1200px;margin: 0 auto;text-align: center;}
#footer h2.copy_logo{padding: 45px 0 35px 0;}
#footer p{color: #f6f6f6;font-size: 14px;line-height: 22px;}
#footer p.copyright{padding-top: 12px;}







/*en*/

/* 주요 PROCESS(sub3_1) */
.en #con .con_box.sub3_1 .process_box{position: relative;}
.en #con .con_box.sub3_1 .process_box:after{display: block;content: '';clear: both;}
.en #con .con_box.sub3_1 .process_box .box{float: left;width: 463px;height: 359px;border: 1px solid #b7b7b7;}
.en #con .con_box.sub3_1 .process_box .box .padding{padding: 75px 0 0 65px;}
.en #con .con_box.sub3_1 .process_box .box.b1 .padding{padding: 75px 0 0 65px;}
.en #con .con_box.sub3_1 .process_box .box.b2 .padding{padding: 75px 0 0 120px;}
.en #con .con_box.sub3_1 .process_box .box.b3 .padding{padding: 70px 0 0 65px;}
.en #con .con_box.sub3_1 .process_box .box.b4 .padding{padding: 110px 0 0 110px;}

.en #con .con_box.sub3_1 .process_box .box.b1{background: url(../img/s_img/bg_sub4_1_b1.png) no-repeat center center;border-right: none;border-bottom: none;width: 464px;height: 360px;}
.en #con .con_box.sub3_1 .process_box .box.b2{background: url(../img/s_img/bg_sub4_1_b2.png) no-repeat center center;border-bottom: none;height: 360px;}
.en #con .con_box.sub3_1 .process_box .box.b3{background: url(../img/s_img/bg_sub4_1_b3.png) no-repeat center center;border-right: none;width: 464px;}
.en #con .con_box.sub3_1 .process_box .box.b4{background: url(../img/s_img/bg_sub4_1_b4.png) no-repeat center center;}

.en #con .con_box.sub3_1 .process_box .box .pro{padding-bottom: 15px;}
.en #con .con_box.sub3_1 .process_box .box p.tit{font-size: 16px;color: #202020;font-weight: 500;padding-left: 12px;background: url(../img/s_img/bullet_sub4_1_tit.png) no-repeat 0 5px;}
.en #con .con_box.sub3_1 .process_box .box ul{padding: 15px 0 0 12px;}
.en #con .con_box.sub3_1 .process_box .box ul li{font-size: 16px;color: #202020;font-weight: 300;line-height: 22px;padding-left: 10px;background: url(../img/s_img/bullet_sub4_1_li.png) no-repeat 0 12px;}

.en #con .con_box.sub3_1 .process_box .circle{position: absolute;top: 219px;left: 0;width: 100%;}
.en #con .con_box.sub3_1 .process_box .circle .img{width: 284px;margin: 0 auto;}
/* 주요 PROCESS(sub3_1) */
/* 지도(정적 이미지 + 외부 지도 링크) */
#con .con_box.sub1_3 .map.map-static{overflow: hidden;}
#con .con_box.sub1_3 .map-links{position: absolute;right: 16px;bottom: 16px;}
#con .con_box.sub1_3 .map-links a{display: inline-block;margin-left: 8px;padding: 0 16px;height: 38px;line-height: 38px;background: #1b4591;color: #fff;font-size: 14px;border-radius: 4px;}
#con .con_box.sub1_3 .map-links a:hover{background: #0166be;}

/* BUSINESS 카드 4개(친환경 발포 포장재 제거, 2026-10-16) 가운데 정렬 */
#main .page ul.business{width: 958px;}