@charset "utf-8";

.content h5.tit02{font-size:36px; font-weight:300; color:#222; text-align:center; margin-bottom:45px;}
.content h5.tit02 span{position:relative; display:inline-block;}
.content h5.tit02 span:after{position:absolute; content:''; left:0; right:0; width:100%; height:10px; bottom:0; background:rgba(231,46,53,0.3);}
.content h5.tit03{font-size:20px; font-weight:300; color:#222; text-align:left; margin-bottom:20px;}
.content h5.tit03 span{position:relative; display:inline-block;}
.content h5.tit03 span:after{position:absolute; content:''; left:0; right:0; width:100%; height:10px; bottom:0;}
.list_type01 ul{overflow:hidden;}
.list_type01 ul li{position:relative; color:#222; font-size:21px; padding-left:20px; line-height:36px; box-sizing:border-box;}
.list_type01 ul li + li{margin-top:5px;}
.list_type01 ul li:before{position:absolute; content:''; width:6px; height:6px; left:0; top:15px; background:#e72e35;}
.list_type02 ul{overflow:hidden;}
.list_type02 ul li{position:relative; line-height:22px; padding-left:40px; box-sizing:border-box;}
.list_type02 ul li + li{margin-top:15px;}
.list_type02 ul li:before{position:absolute; content:''; width:19px; height:19px; left:0; top:0; background:url('../images/common/icon_check.png') no-repeat ;}

.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb150{margin-bottom:150px !important;}

/********* corporation *********/

/* Company & CEO Message */
.company{margin-top:50px;}
.company h5{font-size:21px; color:#333; line-height:36px; text-align:center;}
.company .img_wrap{height:308px; margin:25px -50px 50px; background:url('../images/sub/img_ceo.jpg') no-repeat;}
.company .img_wrap p{line-height:42px; font-size:32px; padding:112px 0 0 160px; color:#111;}
.company .img_wrap em{color:#e72e35; font-weight:bold;}
.company .img_wrap span{color:#ee7609; font-weight:bold;}
.company p{line-height:26px;;}
.company .txt{font-size:21px; color:#222;}
.company .txt em{color:#e72e35;}
.company .txt span{color:#ee7609;}

/*임시*/
.company2{margin-top:50px;}
.company2 h5{font-size:21px; color:#333; line-height:36px; text-align:center;}
.company2 .img_wrap{height:380px; margin:25px -50px 50px; background:url('../images/sub/img_ceo02_new2.jpg') no-repeat;}
.company2 .img_wrap p{line-height:42px; font-size:32px; padding:145px 0 0 160px; color:#111;}
.company2 .img_wrap em{color:#e72e35; font-weight:bold;}
.company2 .img_wrap span{color:#ee7609; font-weight:bold;}
.company2 p{line-height:26px;;}
.company2 .txt{font-size:21px; color:#222;}
.company2 .txt em{color:#e72e35;}
.company2 .txt span{color:#ee7609;}

/* Vision */
.vision{max-width:100%; margin-top:50px; text-align:center;}
.vision div > h5{font-size:32px; color:#222; font-weight:bold;}
.vision .cont01{position:relative; height:335px; background:#f8f8f8; text-align:center; box-sizing:border-box;}
.vision .cont01 .inner{width:1200px; height:335px; background:url('../images/sub/icon_butterfly.png') no-repeat;}
.vision .cont01 h5{padding:70px 0 40px; z-index:2;}
.vision .cont01 p{font-size:28px; color:#222; line-height:38px; z-index:2;}
.vision .cont02{margin:80px 0 75px; color:#222; position:relative;}
.vision .cont02 > p{font-size:24px; margin:45px 0 55px;}
.vision .cont02 ul{position:relative; text-align:center; padding-bottom:35px; width: 940px;margin: 0 auto;background: #ededed;border-radius: 15px; padding-top: 40px;}
.vision .cont02 ul li{position:relative; display:inline-block; width:228px; height:228px; border-radius:50%; background:#fff; }
.vision .cont02 ul li + li{margin-left:56px}
.vision .cont02 ul li p{font-weight:300; font-size:21px; margin:32px 0 40px;}
.vision .cont02 ul li strong{display:block; color:#666; font-size:50px; line-height:100%; font-weight:300;}
/* .vision .cont02 ul li:before{position:absolute; content:''; width:10px; height:10px; background:#ddd; bottom:-5px; left:50%; margin-left:-5px; border-radius:50%;}
.vision .cont02 ul li:after{position:absolute; content:''; bottom:-35px; left:50%; margin-left:-1px; width:1px; height:35px; background:#ddd} */
/* .vision .cont02 ul:after{position:absolute; content:''; bottom:0; left:50%; margin-left:-291px; width:581px; height:1px; background:#ddd;} */
.vision .cont02 > strong{ position:absolute; width:260px; height:40px; left:50%; display:block; font-weight:300; font-size:18px; z-index: 99; transform: translate(-50%, -50%);}
.vision .cont02 > strong:after { position: absolute; content:''; width:260px; height:40px;background:url('../images/sub/2025bg.png') no-repeat; top:0px; left:0px; }
.vision .cont02 > strong > p {position:absolute; z-index:100;width:260px; height:40px; top:8px; color:white; text-align: center;}
.vision .cont03{background:#ededed; padding:80px;}
.vision .cont03 h5{margin-bottom:60px;}
.vision .cont03 ul{text-align:center;}
.vision .cont03 ul li{display:inline-block; width:250px; height:250px; border-radius:50%; background:#fff; vertical-align:top;}
.vision .cont03 ul li p{ color:#222; font-size:21px; font-weight:300;}
.vision .cont03 ul li + li{margin-left:66px;}
.vision .cont03 ul li.icon01{background:#fff url('../images/sub/icon_vision01.png') no-repeat center 48px;}
.vision .cont03 ul li.icon02{background:#fff url('../images/sub/icon_vision02.png') no-repeat center 48px;}
.vision .cont03 ul li.icon03{background:#fff url('../images/sub/icon_vision03.png') no-repeat center 48px;}
.vision .cont03 ul li.icon01 p{padding-top:168px;}
.vision .cont03 ul li.icon02 p{padding-top:157px;}
.vision .cont03 ul li.icon03 p{padding-top:142px;}
.vision .cont04{padding-top:80px;}
.vision .cont04 h5{margin-bottom:60px;}
.vision .cont04 ul{text-align:center; background:url('../images/sub/bg_vision_value.png') no-repeat center top;}
.vision .cont04 ul li{display:inline-block; width:250px; height:250px; color:#fff; border-radius:50%; vertical-align:top;}
.vision .cont04 ul li + li{margin-left:-26px;}
.vision .cont04 ul li strong{display:block; font-size:21px; margin:48px 0 20px;}
.vision .cont04 ul li p{line-height:26px;}
.vision .cont04 ul li.value03 p{padding-top:22px;}

/* history */
.history{padding-top:50px;}
.history .tab{width:1100px; height:65px; margin:0 auto; position:absolute; top:50px;}
.history .tab.fixed{top:149px; z-index:5;}
.history .tab ul{overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:1100px;}
.history .tab ul li{float:left; width:25%; border-right:1px solid #ddd; position:relative; box-sizing:border-box;}
.history .tab ul li:first-child{border-left:1px solid #ddd;}
.history .tab ul li a{display:block; height:65px; line-height:65px; position:relative; font-size:16px; color:#666666; text-align:center; background-color:#fff;}
.history .tab ul li.active{z-index:3;}
.history .tab ul li.active a{
	color:#fff;
	background:#ee7609; /* Old browsers */
	background: -moz-linear-gradient(left, #ee7609 0%, #ee7609 0%, #dc2d34 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ee7609 0%,#ee7609 0%,#dc2d34 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ee7609 0%,#ee7609 0%,#dc2d34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7609', endColorstr='#dc2d34',GradientType=1 ); /* IE6-9 */
}

.history_list_wrapper{position:relative;width: 100%;overflow: hidden; margin-top:135px; padding-bottom:250px;}
.history_list_wrapper:before{position:absolute;content:'';width:270px;height:270px;left:50%;margin-left:-135px;bottom:0;;background:url('../images/sub/company03_01.png')no-repeat;z-index:1;}
/*.history_list_wrapper:after{content:'';position:absolute;top:50px;bottom:0;left:50%;width:1px;margin-left:-1px;background-color:#dddddd;}*/
.history_list_wrapper > ul > li {padding-top:100px;position:relative;}
.history_list_wrapper > ul > li:first-child{padding-top:0;}
.history_list_wrapper .history_item{position:relative; width:1100px;margin:0 auto;padding-bottom:90px; padding-top:100px;}
.history_list_wrapper .history_item:after {content:''; display:block; clear:both;}
.history_list_wrapper .history_item:before{position:absolute; content:''; left:0; top:0; color:#fafafa; font-size:175px; line-height:130px;}
.history_list_wrapper .history_item.year01:before{content:'GROWTH';}
/*.history_list_wrapper .history_item.year01 > .year:after{position:absolute; content:''; width:1px; height:50px; left:50%; bottom:-50px; margin-left:-1px; background:#e72e35; z-index:2;}*/
.history_list_wrapper .history_item.year02:before{content:'MATURITY'; left:auto; right:0;}
.history_list_wrapper .history_item.year03:before{content:'CHANGES';}
.history_list_wrapper .history_item.year04:before{content:'NEW START'; left:auto; right:0;}

.history_list_wrapper .history_item .right .year .dot{left:auto;right:100%;margin-left:0;margin-right:-23px;}
.history_list_wrapper .history_item .right .detail > li:after{position: absolute;left:0;}
.history_list_wrapper .history_item .left{float:left;width:50%;}
.history_list_wrapper .history_item .right{float:right;width:50%;text-align:right;}

.history_list_wrapper .lineAll{content:'';position:absolute;top:50px;bottom:0;left:50%;width:1px;margin-left:-1px;background-color:#dddddd;}
/*.history_list_wrapper .line span{position:absolute; content:''; width:1px; height:50px; top:0; left:50%; bottom:-50px; background:#e72e35; z-index:2;} */

.history_item > .year{position:absolute;left:0;right:0;top:0;text-align:center;display:block;font-size:50px;color:#e72e35;line-height:100%;}

.history_list_wrapper .year01 .year{background: #fff; z-index: 20;}
.history_list .year{display:block;font-size:26px;color:#222;padding-top:2px;}
.history_list .year:before{position:absolute;content:'';background:#ddd;top:11px;width:70px;height:1px;left:0;}
.history_list .year .dot{width:42px;height:42px;border:1px solid #ffcc93;border-radius:50%;display:block;position:absolute;left:100%; margin-left:-22px;top:-10px;z-index:3; transform:scale(0); transition:.3s all;}
.history_list .year .dot:after{width:8px;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;
	background:#dc2d34; /* Old browsers */
	background: -moz-linear-gradient(left, #dc2d34 0%, #dc2d34 0%, #ee7609 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2d34', endColorstr='#ee7609',GradientType=1 ); /* IE6-9 */
}
.history_list .detail > li{padding-left:80px;position:relative;margin-top:38px;text-align:left;}
.history_list .detail > li:first-child{margin-top:10px;}
.history_list .detail > li.active .dot {transform:scale(1);}
.history_list .detail > li .lastLine { position: absolute; right:0;  transition:.2s all;; border-left:1px solid #e72e35;z-index: 10;  top:15px; }
.history_list .detail > li.active .lastLine { position: absolute; right:0;   }

.history_list_wrapper .detail .line {position: absolute; left:-1px; bottom:calc(100% - 8px);  height:0; border-left:1px solid #e72e35; z-index: 10; transition:.2s all; box-sizing:border-box;}
.history_list_wrapper .left .detail .line {right:0; left:auto; }




.history_list .list_year{margin-top:10px;}
.history_list .list_year li{position:relative; line-height:30px;}
.history_list .list_year li img{vertical-align:text-top; margin:0 5px;}
.history_list .list_year li.icon:before{position:absolute; content:''; top:-8px; margin-left:-186px; width:176px; height:33px; background:url('../images/sub/img_company03_2.jpg')no-repeat;}
.history_list .detail > li:after{content:'';width:8px;height:8px;position:absolute;left:100%;top:8px;margin-left:-4px;border-radius:50%;z-index:1;
	background:#dc2d34; /* Old browsers */
	background: -moz-linear-gradient(left, #dc2d34 0%, #dc2d34 0%, #ee7609 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2d34', endColorstr='#ee7609',GradientType=1 ); /* IE6-9 */
}
.left .history_list .detail > li{text-align:right; padding-left:0; padding-right:80px;}
.left .history_list .year:before{left:auto; right:0;}

.history_list .detail > li.img01:before{position:absolute; content:''; top:-23px; left:-172px; width:100px; height:70px; background:url('../images/sub/company03_01.jpg') no-repeat;}
.history_list .detail > li.img02:before{position:absolute; content:''; top:-23px; left:-172px; width:100px; height:70px; background:url('../images/sub/company03_02.jpg') no-repeat;}
.history_list .detail > li.img03:before{position:absolute; content:''; top:-23px; left:-172px; width:100px; height:70px; background:url('../images/sub/company03_03.jpg') no-repeat;}
.history_list .detail > li.img04:before{position:absolute; content:''; top:-23px; right:-172px; width:100px; height:70px; background:url('../images/sub/company03_04.jpg') no-repeat;}
.history_list .detail > li.img05:before{position:absolute; content:''; top:-23px; left:-172px; width:100px; height:70px; background:url('../images/sub/company03_05.jpg') no-repeat;}
.history_list .detail > li.img06:before{position:absolute; content:''; top:-23px; left:-291px; width:219px; height:70px; background:url('../images/sub/company03_06.jpg') no-repeat;}
.history_list .detail > li.img07:before{position:absolute; content:''; top:-23px; left:-291px; width:219px; height:70px; background:url('../images/sub/company03_07.jpg') no-repeat;}
.history_list .detail > li.img08:before{position:absolute; content:''; top:-23px; right:-172px; width:100px; height:70px; background:url('../images/sub/company03_08.jpg') no-repeat;}
.history_list .detail > li.img09:before{position:absolute; content:''; top:-23px; right:-172px; width:100px; height:70px; background:url('../images/sub/company03_09.jpg') no-repeat;}

/* Business */
.business p{font-size:28px; text-align:center; line-height:38px; color:#222; padding:45px 0 50px;}
.business img + img{margin-top:54px;}

/* global */
.global{position:relative; max-width:100%; height:658px; margin-top:50px; padding-bottom:0; background:#ededed url('../images/sub/bg_company05.jpg') no-repeat center;}
.global .inner{height:658px;}
.global .icon{position:absolute; display:inline-block; width:26px; height:36px;}
.global .icon:before{position:absolute; content:''; width:26px; height:36px; background:url('../images/sub/icon_check.png') no-repeat;}
.global .icon.active:before{position:absolute; content:''; left:50%; margin-left:-30px; top:50%; margin-top:-35px; width:60px; height:70px; background:url('../images/sub/icon_check_active.png') no-repeat;}
.global .icon.active{z-index:2;}
.global .icon.icon01{top:228px; left:498px;}
.global .icon.icon02{top:219px; left:495px;}
.global .icon.icon03{top:229px; left:506px;}
.global .icon.icon04{top:237px; left:427px;}
.global .icon.icon05{top:233px; left:543px;}
.global .icon.icon06{top:175px; left:105px;}
.global .icon.icon07{top:286px; left:439px;}
.global .icon.icon08{top:290px; left:459px;}

.global .cont_wrap.active{display:block;}
.global .cont_wrap{display:none; position:absolute; top:148px; right:53px; background:#fff; width:508px; height:237px; box-sizing:border-box; padding:20px 5px 20px 20px; z-index:3;}
.global .cont_wrap .img_wrap{float:left;}
.global .cont_wrap .cont{margin-left:155px;}
.global .cont_wrap .tit{display:inline-block; height:38px; line-height:38px; padding:0 30px; border-radius:20px;
	background:#dc2d34; /* Old browsers */
	background: -moz-linear-gradient(left, #dc2d34 0%, #dc2d34 0%, #ee7609 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2d34', endColorstr='#ee7609',GradientType=1 ); /* IE6-9 */
}
.global .cont_wrap .tit span{color:#fff; font-weight:300; font-size:15px;}
.global .cont_wrap strong{color:#333; display:block; margin-top:10px; letter-spacing:-0.05em;}
.global .cont_wrap .address{line-height:24px; color:#333; font-size:14px; margin-top:20px;}
.global .cont_wrap .tel{color:#ed730b; font-size:14px; margin-top:15px;}

.global #global01:before{position:absolute; content:''; left:-119px; top:37px; width:119px; height:55px; background:url('../images/sub/line01.png') no-repeat;}
.global #global02:before{position:absolute; content:''; left:-122px; top:40px; width:122px; height:45px; background:url('../images/sub/line02.png') no-repeat;}
.global #global03:before{position:absolute; content:''; left:-108px; top:39px; width:108px; height:55px; background:url('../images/sub/line03.png') no-repeat;}
.global #global04:before{position:absolute; content:''; left:-189px; top:39px; width:189px; height:125px; background:url('../images/sub/line04.png') no-repeat;}
.global #global05:before{position:absolute; content:''; left:-71px; top:39px; width:71px; height:60px; background:url('../images/sub/line05.png') no-repeat;}
.global #global06:before{position:absolute; content:''; left:-133px; top:39px; width:133px; height:65px; background:url('../images/sub/line06.png') no-repeat;}
.global #global07:before{position:absolute; content:''; left:-182px; top:26px; width:182px; height:66px; background:url('../images/sub/line09.png') no-repeat;}
.global #global08:before{position:absolute; content:''; left:-157px; top:62px; width:157px; height:134px; background:url('../images/sub/line08.png') no-repeat;}
.global #global04{top:86px;}
.global #global06{top:86px; right:430px;}
.global #global07{top:212px;}
.global #global08{top:240px;}

.global .btn_wrap{position:absolute; bottom:86px; margin:0 30px;}
.global .btn_global{display:inline-block; height:42px; line-height:42px; padding:0 43px; border-radius:20px;}
.global .btn_global.active{background:#fff;}
.global .btn_global span{position:relative; padding-left:27px; font-size:15px; font-weight:300; color:#333;}
.global .btn_global span:before{position:absolute; content:''; left:0; top:50%; margin-top:-8px ;width:16px; height:16px; background:url('../images/sub/icon_global.png') no-repeat;}
.global .btn_global.active span{color:#e72e35;}
.global .btn_global.active span:before{background:url('../images/sub/icon_global_active.png') no-repeat;}

/* 윤리경영 */
.she > h5 {font-size: 32px;color: #222;font-weight: bold;padding-top: 45px;}
.she {max-width:100%; text-align:center;}
.she > p{font-size:28px; color:#222; line-height:38px; padding:45px 0 40px;}
.she .txt01{display:block; color:#333; font-size:21px; line-height:31px;}
.she .txt{color:#222;}
.she .txt em{color:#e72e35;}
.she .txt span{color:#ee7609;}


.she .cont01{margin-top:80px;padding:105px 0 85px;background-image: url(../images/common/bg_she.jpg);background-size: cover;}
.she .cont01 ul{overflow:hidden;margin-bottom: -30px;}
.she .cont01 ul li{float:left; width:50%; height: 80px;vertical-align:top; text-align:left; box-sizing:border-box;margin-bottom: 60px;}
.she .cont01 ul li:nth-of-type(2n) {width: calc(50% - 50px);}
.she .cont01 ul li:nth-of-type(2n-1) {margin-right: 50px;}
.she .cont01 ul li span {color: #fff;width: 50px;height: 50px;border-radius: 50%;background-color: #ed1a2d;display: block;text-align: center;line-height: 50px;float: left;margin-right: 24px;}
.she .cont01 ul li p {float: left;line-height:26px; letter-spacing:-0.03em;color: #000;}

.she .cont01 .mark_ceo {margin: 0 auto;display: inline-block;}
.she .cont01 .mark_ceo span {display: block;float: left;}
.she .cont01 .mark_ceo .date {color: #333;padding-right: 19px;padding-top: 32px;}
.she .cont01 .mark_ceo .logo {width: 280px;height: 54px;background: url(../images/common/logo.png) no-repeat center center;}
.she .cont01 .mark_ceo .ceo {font-size: 21px;font-weight: bold;color: #222;margin-left: 10px;padding-top: 32px;}

.she .cont02{text-align:left;padding-top: 75px;}

.she .cont02 > h5 {font-size: 32px; color: #222; font-weight: bold; text-align: center;}
.she .cont02 > p {margin: 50px auto 65px; color: #333; font-size: 21px;text-align: center;line-height: 36px}

.she .cont02 ul{overflow:hidden;}
.she .cont02 ul li {float:left;width: 250px;height: 250px;border-radius: 50%;color: #fff;text-align: center;}
.she .cont02 ul li + li {margin-left: 33px;}
.she .cont02 ul li:nth-of-type(1) {background-color: #df4347;}
.she .cont02 ul li:nth-of-type(2) {background-color: #e8674e;}
.she .cont02 ul li:nth-of-type(3) {background-color: #f97439;}
.she .cont02 ul li:nth-of-type(4) {background-color: #ff8f30;}
.she .cont02 ul li .cont {padding-top: 53px;}
.she .cont02 ul li .cont strong{display:block;font-size:24px;font-weight: bold;margin-bottom: 25px;}
.she .cont02 ul li .cont p{line-height:26px;}


/* 윤리강령 */
.policy{max-width:100%; text-align:center;margin: 0 auto;width:1100px;}
.policy > p{font-size:28px; color:#222; line-height:38px; padding:30px 0 50px;}
.policy .txt{color:#222;}
.policy .txt em{color:#e72e35;}
.policy .txt span{color:#ee7609;}
.policy > ul{text-align:left;}
.policy > ul > li{position:relative; vertical-align:top; padding:0 50px;}

.policy > ul > li strong{display:block; font-size:21px; height:30px; color:#333; padding:20px 0 0; line-height:21px;}
.policy > ul > li p{line-height:26px;}
.policy {padding-top:70px;}
.policy h5{font-size:32px; color:#222; font-weight:bold;text-align:left;}
.policy h5{margin-bottom:50px;margin-left:50px;}
.policy .cont ul{text-align:center; background:url('../images/sub/bg_vision_value.png') no-repeat center top;}
.policy .cont ul li{display:inline-block; width:250px; height:250px; color:#fff; border-radius:50%; vertical-align:top;}
.policy .cont ul li + li{margin-left:-26px;}
.policy .cont ul li strong{display:block; font-size:21px; margin:48px 0 20px;}
.policy .cont ul li p{line-height:26px;}
.policy .cont ul li.value03 p{padding-top:22px;}







/* 윤리경영 */
.ethical{max-width:100%; text-align:center; padding-bottom:0}
.ethical > p{font-size:28px; color:#222; line-height:38px; padding:45px 0 70px;}
.ethical .txt{color:#222;}
.ethical .txt em{color:#e72e35;}
.ethical .txt span{color:#ee7609;}
.ethical ul{text-align:center;}
.ethical ul li{position:relative; display:inline-block; vertical-align:top; padding:0 50px;}
.ethical ul li + li:before{position:absolute; content:''; left:0; width:1px; height:530px; background:#ddd;}
.ethical ul li strong{display:block; font-size:21px; color:#333; padding:35px 0 20px;}
.ethical ul li p{line-height:26px;}
.ethical .cont{position:relative; height:335px; background:#f8f8f8; margin-top:80px; text-align:center; box-sizing:border-box;}
.ethical .cont .inner{width:1200px; height:335px; padding:75px 0 0; background:url('../images/sub/icon_butterfly.png') no-repeat; box-sizing:border-box;}
.ethical .cont h5{color:#222; font-size:28px; font-weight:bold;}
.ethical .cont p{color:#222; font-size:28px; padding:10px 0 45px;}
.ethical .cont .btn{width:226px;}
.ethical .cont .btn span{position:relative; padding-right:25px;}
.ethical .cont .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

/* 인재상 */
.talent{max-width:100%; text-align:center;}
.talent > p{font-size:28px; color:#222; line-height:38px; padding:45px 0 70px;}
.talent .txt{color:#222;}
.talent .txt em{color:#e72e35;}
.talent .txt span{color:#ee7609;}
.talent > ul{text-align:center;}
.talent > ul > li{position:relative; display:inline-block; vertical-align:top; padding:0 50px;}
.talent > ul > li + li:before{position:absolute; content:''; left:0; width:1px; height:530px; background:#ddd;}
.talent > ul > li strong{display:block; font-size:21px; height:52px; color:#333; padding:35px 0 20px; line-height:26px;}
.talent > ul > li p{line-height:26px;}
.talent .cont{padding-top:70px;}
.talent .cont h5{font-size:32px; color:#222; font-weight:bold;}
.talent .cont h5{margin-bottom:50px;}
.talent .cont ul{text-align:center; background:url('../images/sub/bg_vision_value.png') no-repeat center top;}
.talent .cont ul li{display:inline-block; width:250px; height:250px; color:#fff; border-radius:50%; vertical-align:top;}
.talent .cont ul li + li{margin-left:-26px;}
.talent .cont ul li strong{display:block; font-size:21px; margin:48px 0 20px;}
.talent .cont ul li p{line-height:26px;}
.talent .cont ul li.value03 p{padding-top:22px;}

/* 채용안내 */
.recruit{max-width:100%; text-align:center;}
.recruit > p{font-size:28px; color:#222; line-height:38px; padding:45px 0 70px;}
.recruit .txt{color:#222;}
.recruit .txt em{color:#e72e35;}
.recruit .txt span{color:#ee7609;}
.recruit .cont{position:relative; height:380px; background:#f8f8f8; text-align:center; box-sizing:border-box;}
.recruit .cont .inner{width:1200px; height:380px; padding:74px 0 0; background:url('../images/sub/icon_butterfly.png') no-repeat; box-sizing:border-box;}
.recruit .cont h5{color:#333; font-size:21px; line-height:31px;}
.recruit .cont h5 strong{display:block; font-weight:bold;}
.recruit .cont p{color:#666; font-size:16px; padding:40px 0 45px; line-height:26px;}
.recruit .cont .btn{width:290px;}
.recruit .cont .btn span{position:relative; padding-right:25px;}
.recruit .cont .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}
.recruit .cont02{width:1200px; margin:0 auto;}
.recruit .cont02 > h5{font-size:32px; color:#222; font-weight:bold; margin-top:80px;}
.recruit .cont02 > p{margin:50px 0 70px; color:#222; font-size:20px;}
.recruit .cont02 ul{text-align:center; overflow:hidden;}
.recruit .cont02 ul li{position:relative; float:left; vertical-align:top; width:384px; height:464px; box-sizing:border-box;}
.recruit .cont02 ul li:nth-child(3n+1){margin-left:0;}
.recruit .cont02 ul li:nth-child(3n+1):before{display:none;}
.recruit .cont02 ul li:nth-child(3n+2){width:430px;}
.recruit .cont02 ul li:nth-child(4){border-top:1px solid #ddd; padding-top:40px;}
.recruit .cont02 ul li:nth-child(5){border-top:1px solid #ddd; padding-top:40px;}
.recruit .cont02 ul li:nth-child(6){border-top:1px solid #ddd; padding-top:40px;}
.recruit .cont02 ul li:before{position:absolute; content:''; left:0; width:1px; height:530px; background:#ddd;}
.recruit .cont02 ul li strong{display:block; font-size:21px; color:#333; padding:35px 0 20px;}
.recruit .cont02 ul li strong span{color:#e72e35; margin-right:5px;}
.recruit .cont02 ul li p{line-height:26px;}

.personnel{max-width:100%; text-align:center;}
.personnel > p{font-size:28px; color:#222; line-height:38px; padding:45px 0 40px;}
.personnel .txt01{display:block; color:#333; font-size:21px; line-height:31px;}
.personnel .txt{color:#222;}
.personnel .txt em{color:#e72e35;}
.personnel .txt span{color:#ee7609;}
.personnel .cont01{margin-top:80px; background:#fafafa; padding:80px 0 75px;}
.personnel .cont02{margin-top:80px;}
.personnel .cont02 ul{overflow:hidden;}
.personnel .cont02 ul li{position:relative; float:left; width:262px; vertical-align:top; height:380px; text-align:left; box-sizing:border-box; padding-left:15px;}
.personnel .cont02 ul li strong{display:block; color:#222; font-size:21px; margin-bottom:35px;}
.personnel .cont02 ul li strong span{color:#e72e35; margin-right:5px;}
.personnel .cont02 ul li:nth-child(1){padding-left:0;}
.personnel .cont02 ul li:nth-child(2),
.personnel .cont02 ul li:nth-child(3){width:288px;}
.personnel .cont02 ul li + li{border-left:1px solid #ddd;}
.personnel .cont02 ul li p{line-height:26px; letter-spacing:-0.03em;}
.personnel .cont03{text-align:left; margin-top:50px;}
.personnel .cont03 > strong{display:block; color:#222; font-size:21px; margin-bottom:35px;}
.personnel .cont03 > strong span{color:#e72e35; margin-right:5px;}
.personnel .cont03 ul{overflow:hidden; margin-top:10px;}
/*.personnel .cont03 ul li{position:relative; width:400px; float:left; margin-top:30px;}
.personnel .cont03 ul li:nth-child(3n+3){width:300px;}*/
.personnel .cont03 ul li{position:relative; width:366px; float:left; margin-top:30px;}
.personnel .cont03 ul li:nth-child(3n+3){width:366px;}
.personnel .cont03 ul li img{float:left;}
.personnel .cont03 ul li .cont{margin-left:170px;}
.personnel .cont03 ul li .cont strong{display:block; color:#333; font-size:18px; padding:15px 0 18px;}
.personnel .cont03 ul li .cont p{line-height:26px;}
.personnel .cont03 h5 {font-size: 32px; color: #222; font-weight: bold; margin-top: 80px;text-align: center;}


/* display */
.display01 .tit{font-size:21px; color:#222; line-height:36px; padding:45px 0 10px; text-align:center;}
.display01 .txt{color:#222;}
.display01 .txt em{color:#e72e35;}
.display01 .txt span{color:#ee7609;}
.display01 ul{overflow:hidden;}
.display01 ul li{float:left; margin-top:40px;}
.display01 ul li:nth-child(2n){margin-left:40px;}
.display01 .btn{width:250px;}
.display01 .btn span{position:relative; padding-right:25px;}
.display01 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}


.display02{margin-top:50px;}
.display02 h5{font-size:36px; font-weight:300; color:#222; text-align:center; margin-bottom:45px;}
.display02 h5 span{position:relative; display:inline-block;}
.display02 h5 span:after{position:absolute; content:''; left:0; right:0; width:100%; height:10px; bottom:0; background:rgba(231,46,53,0.3);}
.display02 > p{font-size:21px; text-align:center; color:#222; line-height:36px; margin-bottom:30px;}
.display02 .img_wrap.col02{overflow:hidden;}
.display02 .img_wrap.col02 img:first-child{float:left;}
.display02 .img_wrap.col02 img:last-child{float:right;}
.display02 .img_wrap + .img_wrap{margin-top:40px;}
.display02 .table_wrapper{margin:60px 0 95px;}
.display02 ul{width:840px; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.display02 ul li:nth-child(2n+1){margin-right:50px;}
.display02 ul li{position:relative; float:left; width:395px; color:#222; font-size:21px; padding-left:20px; margin-bottom:20px; box-sizing:border-box;}
.display02 ul li:before{position:absolute; content:''; width:6px; height:6px; left:0; top:50%; margin-top:-3px; background:#e72e35;}
.display02 .btn{width:250px;}
.display02 .btn span{position:relative; padding-right:25px;}
.display02 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}



.display03{margin-top:50px;}
.display03 table{margin-bottom:95px;}
.display03 table thead th{font-size:18px; color:#222; height:59px; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.display03 table thead th + th{border-left:1px solid #ccc;}
.display03 table tbody td + td{border-left:1px solid #ccc;}
.display03 table tbody td{padding:20px 0 50px;}
.display03 .img_wrap + .img_wrap{margin-top:70px;}
.display03 .btn{width:250px;}
.display03 .btn span{position:relative; padding-right:25px;}
.display03 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}



.display04{margin-top:50px;}
.display04 .table_wrapper table th,
.display04 .table_wrapper table td{text-align:center; text-indent:0;}
.display04 .btn{width:250px;}
.display04 .btn span{position:relative; padding-right:25px;}
.display04 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}



.display05{margin-top:50px;}
.display05 .btn{width:250px;}
.display05 .btn span{position:relative; padding-right:25px;}
.display05 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}



/* mobile */
.mobile01{margin-top:50px;}
.mobile01 .cont_wrap{margin-top:35px; border-top:1px solid #ccc; padding-top:55px; overflow:hidden;}
.mobile01 .cont_wrap > div{float:left; width:550px; height:400px;}
.mobile01 .cont h5{position:relative; color:#ff0000; font-size:18px; font-weight:bold; padding-left:17px; margin-bottom:18px;}
.mobile01 .cont h5:before{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:7px; height:7px; border-radius:50%; background:#ff0000;}
.mobile01 .cont ul li + li{margin-top:20px;}
.mobile01 .cont ul + h5{margin-top:50px;}
.mobile01 .cont_wrap .img_wrap img{float:right;}
.mobile01 .btn{width:250px;}
.mobile01 .btn span{position:relative; padding-right:25px;}
.mobile01 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}


.mobile02{margin-top:50px;}
.mobile02 .cont_table{margin-bottom:40px;}
.mobile02 .cont_table thead th{font-size:18px; color:#222; height:59px; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.mobile02 .cont_table thead th + th{border-left:1px solid #ccc;}
.mobile02 .cont_table tbody td + td{border-left:1px solid #ccc;}
.mobile02 .cont_table tbody td{border-bottom:1px solid #ccc;}
.mobile02 .cont h5{position:relative; color:#ff0000; font-size:18px; font-weight:bold; padding-left:17px; margin-bottom:18px;}
.mobile02 .cont h5:before{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:7px; height:7px; border-radius:50%; background:#ff0000;}
.mobile02 .cont ul li + li{margin-top:20px;}
.mobile02 .cont ul + h5{margin-top:50px;}
.mobile02 .cont_wrap{margin-top:35px; border-top:1px solid #ccc; padding-top:55px; overflow:hidden;}
.mobile02 .cont_wrap > div{float:left; width:550px; height:400px;}
.mobile02 .cont_wrap .img_wrap img{float:right;}
.mobile02 .table_wrapper{margin-top:30px;}
.mobile02 .table_wrapper tbody th{background:#fff; text-indent:0; text-align:center;}
.mobile02 .btn{width:250px;}
.mobile02 .btn span{position:relative; padding-right:25px;}
.mobile02 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}


/* it */
.it01{margin-top:50px;}
.it01 > p{text-align:center; color:#222; font-size:21px; margin-bottom:50px;}
.it01 ul{width:820px; margin:0 auto; overflow:hidden; margin-bottom:75px;}
.it01 ul li{position:relative; float:left; width:410px; color:#222; font-size:21px; padding-left:20px; margin-bottom:20px; box-sizing:border-box;}
.it01 ul li:before{position:absolute; content:''; width:6px; height:6px; left:0; top:50%; margin-top:-3px; background:#e72e35;}
.it01 .table_wrapper td{border-left:0; line-height:30px;}
.it01 .table_wrapper td + td{border-left:1px solid #ccc;}
.it01 .btn{width:250px;}
.it01 .btn span{position:relative; padding-right:25px;}
.it01 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

.it02{margin-top:50px;}
.it02 .cont_table{margin-bottom:55px;}
.it02 .cont_table thead th{font-size:18px; color:#222; height:59px; border-top:1px solid #222; border-bottom:1px solid #ccc;}
.it02 .cont_table thead th + th{border-left:1px solid #ccc;}
.it02 .cont_table tbody td + td{border-left:1px solid #ccc;}
.it02 .cont_table tbody td{border-bottom:1px solid #ccc; padding:45px 70px 40px;}
.it02 .cont_table tbody td .list_type02 + img{margin-top:30px;}
.it02 .btn{width:250px;}
.it02 .btn span{position:relative; padding-right:25px;}
.it02 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

/* .it03 {margin-top:50px;}
.it03 .tit { margin-bottom:55px; font-size:21px; color:#222; line-height:36px; text-align:center;}
.it03 ul { overflow:hidden;}
.it03 ul li { float:left; width:530px; margin-left:40px;}
.it03 ul li:first-child { margin-left:0;}
.it03 ul li strong { display:block; margin-bottom:38px; font-size:28px; color:#222; text-align:center;}
.it03 ul li .list_type01 { margin-top:30px;}
.it03 ul li .list_type01 li { margin-left:0; font-size:18px;}
.it03 .table_wrapper .table_tit { margin-bottom:30px; text-align:center; font-weight:bold;}
.it03 .table_wrapper table tbody tr th { text-align:center; text-indent:0}
.it03 .table_wrapper table .type_box { margin:21px 18px; border:1px solid #aaaaaa;}
.it03 .table_wrapper table .type_box span { display:block; font-size:14px; color:#666666; line-height:38px; border-top:1px solid #aaaaaa;}
.it03 .table_wrapper table .type_box span:first-child { border-top:0;}
.it03 .table_wrapper .table_txt { text-align:right}
.it03 .btn{width:250px;}
.it03 .btn span{position:relative; padding-right:25px;}
.it03 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;} */

.it03{margin-top:50px;}
.it03 .tit{font-size:21px; color:#222; line-height:36px; padding:45px 0 10px; text-align:center; word-break: keep-all;}
.it03 h5{font-size:36px; font-weight:300; color:#222; text-align:center; margin-bottom:45px;}
.it03 h5 span{position:relative; display:inline-block;}
.it03 h5 span:after{position:absolute; content:''; left:0; right:0; width:100%; height:10px; bottom:0; background:rgba(231,46,53,0.3);}
.it03 .btn{width:250px;}
.it03 .btn span{position:relative; padding-right:25px;}
.it03 .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

/* color filter */
.filter{margin-top:50px; text-align:center;}
.filter .tit{font-size:21px; color:#222; line-height:36px; padding:0 0 80px; text-align:center;}
.filter .txt{color:#222;}
.filter .txt em{color:#e72e35;}
.filter .txt span{color:#ee7609;}
.filter .list_type01 ul li{display:inline-block;}
.filter .txt_cont{line-height:26px; margin:40px 0 100px;}
.filter .txt_cont strong{color:#222;}

.filter .table_wrapper:first-child tbody th{background:#fff; font-weight:normal; color:#666; text-indent:20px;}
.filter .btn{width:250px;}
.filter .btn span{position:relative; padding-right:25px;}
.filter .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

/* 제품문의 */
.scroll_wrapper + .form_checkbox label em{color:#222; font-weight:normal;}
.inquiry .cont_box{position:relative; height:414px; margin-top:60px; text-align:center; border:1px solid #ccc; border-top:2px solid #e72e35; box-sizing:border-box;}
.inquiry .cont_box:before{position:absolute; content:''; left:84px; bottom:0; width:441px; height:332px; background:url('../images/sub/icon_butterfly02.png') no-repeat;}
.inquiry .cont_box h5{font-size:35px; color:#222; font-weight:bold; margin-top:72px;}
.inquiry .cont_box p{line-height:28px; margin-top:42px; font-size:18px;}
.inquiry .cont_box .cont{left:0; right:0; position:absolute;}
.inquiry .btn{width:250px;}
.inquiry .btn span{position:relative; padding-right:25px;}
.inquiry .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}

.etc01 .cont_box{padding-top:50px; border-top:2px solid #e72e35; overflow:hidden;}
.etc01 .cont_box .cont{float:left; box-sizing:border-box; padding-left:39px; height:auto;}
.etc01 .cont_box .cont strong{display:block; font-size:28px; font-weight:300; color:#222; margin-bottom:40px; letter-spacing:-0.02em;}
.etc01 .cont_box .cont strong span{color:#e72e35;}
.etc01 .cont_box .cont h5{font-weight:300; color:#222; font-size:18px;}
.etc01 .cont_box .cont h5 a{display:inline-block;}
.etc01 .cont_box .cont h5 a:hover{color:#e72e35;}
.etc01 .cont_box .cont h5 + ul{margin-top:28px;}
.etc01 .cont_box .cont h5 + h5{margin-top:38px;}
.etc01 .cont_box .cont ul li{}
.etc01 .cont_box .cont ul li + li{margin-top:33px;}
.etc01 .cont_box .cont ul li a{display:block; letter-spacing:-0.04em; color:#666;}
.etc01 .cont_box .cont ul li a:hover{color:#e72e35; text-decoration:underline;}
.etc01 .cont_box .cont ul + h5{margin-top:45px;}

.etc01 .cont_box .cont01{width:267px;}
.etc01 .cont_box .cont02{width:364px; border-left:1px solid #ccc;}
.etc01 .cont_box .cont03{width:273px; border-left:1px solid #ccc;}
.etc01 .cont_box .cont04{width:193px; border-left:1px solid #ccc;}

.etc02 .cont_box{border:1px solid #ccc; border-top:2px solid #e72e35; padding:38px 28px; box-sizing:border-box; font-weight:100; line-height:26px;}
.etc03 .cont_box{border:1px solid #ccc; border-top:2px solid #e72e35; padding:38px 28px; box-sizing:border-box; font-weight:100; line-height:26px; margin-bottom:40px;}