
.com_greeting,.com_history{overflow: hidden;}

.company_inner{padding-bottom: 130px;}
.com_greet_wrap{width: 100%;}
.com_greet_pic{width: 550px; height: 600px; position: relative; float: left;}
.com_color_box{width: 480px; height: 437px; position: absolute; bottom: 0; left: 0;}
.com_ceo_pic{width: 515px; height: 567px; position: absolute; top: 0; right: 0; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}
.com_ceo_pic>img{width: 100%; height: 100%; display: block;}
.com_greet_text{padding: 0 70px; float: left; width: 730px; position: relative;}
.com_greet_text>h1{font-size: 34px; font-weight: 500; line-height: 1.4;}
.com_greet_text>h1>span{font-weight: 700;}
.com_greet_text>p{padding: 90px 0 56px 0; font-size: 16px; line-height: 30px;}
.com_greet_line{width: 235px; height: 1px; position: absolute; top: 185px; left: -70px;}
.ceo_pic_mo{display: none !important;}

/* ---------ceo 인사말------------- */

.com_history{padding-bottom: 120px;}
.com_history_wrap{padding: 20px 0 40px 0; position: relative;}
.history-tab_con{margin-top:100px; position: relative }
.history-dot{width: 16px; height: 16px; border-radius: 8px; border: 3px solid #004ea2; position: absolute;left:50%; margin-left:-8px; top: 0;}
.history-in-dot{width: 16px; height: 16px; border-radius: 8px; border: 3px solid #004ea2; position: absolute; left:50%; margin-left:-8px; bottom: -32px;}
.history-line{width: 1px; height:100%; overflow: hidden;; background-color: #dddddd; position: absolute; left:50%; top: 16px;}
.history-container{width: 100%; overflow: hidden; position: relative; margin-top: 80px;}
.history-container>li{width: 100%; overflow: hidden; margin-bottom:30px;}
.history-content{width: 50%; height:auto; float: left; display: flex; }
.history-num{font-size: 35px; width: 90%; font-weight:700; text-align: right; color: #333; float: left; padding-top: 10px;}
.history-top-bar{float:left; width:5%;  height:1px; background-color:#dddddd; display: block; margin: auto; margin-left:32px; position: relative; }
.history-top-bar::after{content: ""; width: 6px; height: 6px; background-color: #004ea2; position: absolute; border-radius: 5px; top: -2px; right: -3px;}
.his-inner{padding: 19px 0 15px 41px;}
.h-con-left{height:75px;}
.h-con-right>.his-inner>p{color: #424242; letter-spacing: 1px; line-height: 40px; font-size: 17px;}
.history-bg-text{font-size: 120px; position: absolute; font-weight: 900; color: #f5f5f5; left: 50%; bottom: -115px; margin-left: -343px;}
.his-add>.his-inner>p{line-height: 30px;}
.his-add span{font-weight: 500;}
.his-add{margin-top: 5px;}

/* ---------연혁------------- */

.com_cert{width: 100%;}
.com_cert>li{width: 33.333%; padding: 40px; float: left; /* border: 1px solid #ddd; margin-right: 5%; */}
/* .com_cert>li:nth-child(3n){margin-right: 0;} */
.com_cert_pic{border: 1px solid #ddd; overflow: hidden; cursor: pointer; padding: 20px;}
.com_cert_pic>img{width: 100%; display: block; border: 0; transition-duration: 1s;}
.com_cert>li>p{text-align: center; padding-top: 20px; font-size: 16px;}
.com_cert_pic:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);}
/* .com_cert_pic:hover>img{transform: scale(1.1);} */

/* ---------인증서------------- */

.policy_sec{padding: 100px 0; border-bottom: 1px solid #ddd;}
.policy_sec01{padding-top: 0;}
.policy_title_wrap{text-align: center;}
.policy_num{font-size: 70px; color: #f5f5f5; font-weight: 900; position: relative;}
.policy_title{font-size: 26px; position: relative; top: -56px;}
.policy_title::after{content: ""; width: 30px; height: 1px; background-color: #333; position: absolute; bottom: -5px; left: 50%; margin-left: -15px;}
.policy_con01{width: 900px; margin: 0 auto; overflow: hidden; position: relative;}
.policy_con01>li{width: 240px; height: 240px; margin:30px; float: left; position: relative;}
.con01_circle{width: 100%; height: 100%; border-radius: 200px; position: absolute; top: 0; left: 0; z-index: 5;}
.policy_con01_gray{background-color: #a7a7a7;}
.policy_circle{width: 70%; height: 70%; border-radius: 200px; background-color: white; position: absolute; top: 50%; margin-left: -35%; left: 50%; margin-top: -35%; text-align: center; font-size: 30px; line-height: 1.1; padding-top: 54px; z-index: 5;}
.shadow_blue{box-shadow: 6px 6px 0 #002676;}
.shadow_gray{box-shadow: 6px 6px 0 #888888;}
.policy_con01>li::before{content: ""; width: 300px; height: 1px; border-top: 1px dashed #e4e4e4; position: absolute; top: 90px; left: 50px;}
.policy_con01>li::after{content: ""; width: 300px; height: 1px; border-top: 1px dashed #e4e4e4; position: absolute; top: 160px; left: 50px; z-index: 0;}
.policy_con01>.circle_3::before,.policy_con01>.circle_3::after{content: none;}
.policy_con02>li{width: 25%; padding: 30px 24px 60px 24px; float: left;}
.policy_con02>li:first-child{margin-left: 12%;}
.policy_inner_box{border: 1px solid #e1e1e1; position: relative; padding: 30px 36px;  text-align: center; height: 240px; box-shadow: 2px 2px 3px rgba(0,0,0,0.1);}
.policy_inner_box>h1{font-size: 40px;font-weight: 300; margin-bottom: 24px;}
.policy_inner_box>h4{font-size: 20px;}
.policy_inner_box>p{font-size: 16px;}
.policy_side{width: 30px; position: absolute; top: -1px; right: -1px; box-shadow: 5px -2px 0 white;}
.policy_side>img{width: 100%; display: block; border: 0;}
.policy_sec03{padding: 0 24px; padding: 100px;}
.policy_con03{border: 8px solid #f1f1f1; margin-top: 20px;}
.policy_con03>li{float: left; width: 25%; padding: 50px 0; text-align: center; position: relative;}
.policy_con03>li>h1{font-size: 45px;}
.policy_con03>li>h1>span{font-size: 16px;}
.policy_con03>li::before{content: ""; width: 1px; height: 64px; background-color: #dddddd; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.policy_con03>li:last-child::before{content: none;}

/* ---------경영방침------------- */

.com_chart_wrap{position: relative;}
.chart_ceo,.chart_member{width: 200px; margin: 0 auto; position: relative;}
.chart_con{color: white; font-size: 20px; text-align: center; padding: 18px 0; position: relative; border: 1px solid #ccc;}
.chart_ceo{border: 1px solid #004ea2;}
.chart_member{background-color: #333333; top: -140px; border: 1px solid #333333;}
.chart_list_1,.chart_list_2{width: 100%; position: relative;}
.chart_list_1>li,.chart_list_2>li{width: 20%; float: left; padding: 0 16px; position: relative;}
.chart_list_1>.chart_right{float: right;}
.chart_list_1{margin-top: 120px;}
.chart_list_2{margin-top: 90px;}
.com_chart_wrap::before{width: 1px; height: 73%; content: ""; background-color: #ddd; position: absolute; left: 50%; z-index: 0;}
.chart_list_1::before{content: ""; width: 90%; height: 1px; background-color: #ddd; position: absolute; top: 35px; left: 30px; z-index: 0;}
.chart_inner{width: 100%; background-color: white; border: 1px solid #cccccc; margin-top: 12px; padding: 20px 25px;}
.chart_inner>li{list-style: disc; list-style-position: outside; line-height: 28px; font-size: 16px; margin-left: 16px;}
.chart_list_2 .chart_inner{height: 238px;}
.chart_list_2>li::after{content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; top: -70px; left: 50%;}
.chart_list_2>li:last-child::after{content: none;}
.chart_list_2>li::before{content: ""; width: 1px; height: 100px; background: #ddd; position: absolute; left: 50%; top: -70px; z-index: 0;}
.chart_list_2>li:nth-child(3)::before{content: none;}
.chart_con:hover{background-color: #fff; color: #777;}
.chart_ceo:hover{background-color: #fff; color: #004ea2;}
.chart_member:hover{background-color: #fff; color: #333}

/* ---------조직도------------- */

.promo_video{cursor: pointer; width: 100%; height: 720px; position: relative;}
.overlay{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.overlay>img{width: 100%; height: 100%; display: block;}
.promo_sec02{border-bottom: 0;}
.promo_sec01{padding-top: 0;}
.promo_color_bg{width: 100%; background-color: #ebebeb; padding: 90px 140px; height: 500px;}
.promo_catalog{float: left; border: 1px solid #eee; width: 45%; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.promo_catalog{float: left; border: 1px solid #eee; width: 45%; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.promo_catalog>img{width: 100%; display: block;}
.promo_catalog_text{padding: 0 0 0 160px; float: right; width: 55%;}
.promo_catalog_text>p{font-weight: 700; padding-left: 70px; position: relative;}
.promo_catalog_text>p::before{content: ""; width: 50px; height: 2px; background-color: #004ea2; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.promo_catalog_text>h1{font-size: 28px; padding: 30px 0 60px;}

.promo_color_bg01 {width: 100%; background-color: #ebebeb; padding: 90px 140px; height: 500px;}
.promo_ecatalog{float: left; border: 1px solid #eee; width: 45%; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.promo_ecatalog{float: left; border: 1px solid #eee; width: 45%; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.promo_ecatalog>img{width: 100%; display: block;}
.promo_ecatalog_text{padding: 0 0 0 160px; float: right; width: 55%;}
.promo_ecatalog_text>p{font-weight: 700; padding-left: 70px; position: relative;}
.promo_ecatalog_text>p::before{content: ""; width: 50px; height: 2px; background-color: #004ea2; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.promo_ecatalog_text>h1{font-size: 28px; padding: 30px 0 60px;}

.catalog_btn{padding: 20px; cursor: pointer;}
.catalog_btn a{color: #fff;}
.promo_down{width: 19px; height: 18px; display: block; float: right; background-image: url(/DONGYANG/img/sub/down_ico.png);}
