#header, #bottom { display:none; }
* { box-sizing:border-box; }
body { overflow:hidden; width:100%; max-width:100%;
    overflow-y: scroll;
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */ }
body::-webkit-scrollbar { 
    display: none; /* 크롬, 사파리, 오페라, 엣지 */}

#contents { width:100%; padding:0; }
.index { background:url('../image/index_bg.jpg') no-repeat; 	background-size: cover;  width:100%; height:100vh; position:fixed ; left:0; }
.index .inner { background: rgba(0,0,0,0.6);  width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; padding-bottom:30px; }
.index .inner .text { color:#ffe400;  letter-spacing:-2px; text-align:center; margin-bottom:50px; }
.index .inner .text .p1 { font-size:25px; }
.index .inner .text .p2 { font-size:40px; font-weight:bold; }
.index .inner ul { display:flex; margin:30px auto; width:700px; justify-content:center; }
.index .inner ul li { width:200px; text-align:center; position:relative; background:url('../image/index_icon_bg.png') no-repeat; background-size:70% auto; background-position:center top; }
.index .inner ul li:hover { background:url('../image/index_icon_bg_over.png') no-repeat; background-size:70% auto; background-position:center top;  }
.index .inner ul li a { color:#fff; text-align:center; display:block; padding-top:30px; }
.index .inner ul li a img { width:80px; margin:0 auto; }
.index .inner ul li a span { display:block; font-size:20px; margin-top:40px; white-space:nowrap; }
.bottom_fixed_menu { display:none; }
.blank { height:40px; width:100%; display:block; }

@media(max-width:800px){
#contents { width:100%; padding:0 !important; }
.index .inner .text { color:#ffe400; letter-spacing:-1px; text-align:center; margin-bottom:30px; }
.index .inner .text .p1 { font-size:15px; }
.index .inner .text .p2 { font-size:20px; font-weight:bold; }
.index .inner ul { display:flex; margin:20px auto; width:300px; justify-content:center; }
.index .inner ul li { width:calc(100% / 3); text-align:center; position:relative; background:url('../image/index_icon_bg.png') no-repeat; background-size:80% auto; background-position:center top; }
.index .inner ul li:hover { background:url('../image/index_icon_bg_over.png') no-repeat; background-size:80% auto; background-position:center top;  }
.index .inner ul li a { color:#fff; text-align:center; display:block; padding-top:20px; }
.index .inner ul li a img { width:40%; margin:0 auto; }
.index .inner ul li a span { display:block; font-size:14px; margin-top:30px; white-space:nowrap; }
.blank { height:20px; width:100%; display:block; }
}


.index_bg { background:url('../image/index_bg.jpg') no-repeat; 	background-size: cover;  width:100%; height:100vh; position:fixed ; left:0; overflow-y:auto; display:flex; align-items:center; }
.company {  margin:30px auto; width:calc(100% - 30px);  max-width:1200px; background:rgba(255,255,255,0.9); border-radius:20px;  display:flex; align-items:center; justify-content:center; flex-direction:column; padding:80px 50px; position:relative; }
.company h1 { text-align:center; font-size:50px; font-weight:bold; }
.company > div { margin:50px auto; width:100%; max-width:1000px; }
.company .dv1 { font-size:23px; text-align:center;  margin-bottom:0; }
.company .dv2 ul {}
.company .dv2 li { font-size:18px;  display:flex; align-items:center;  margin:15px auto; }
.company .dv2 li strong { background:#da291c; display:block; color:#fff; white-space:nowrap; width:120px; border-radius:5px; text-align:center; margin-right:20px; font-weight:normal; padding:7px 0; flex-shrink:0; }
.company .dv2 li p { flex-grow:1; display:block; font-size:18px; }
.company .dv3 { margin:0 auto; font-size:20px; align-items:center;border:2px solid #444; width:auto; padding:30px 50px; }
.company .dv3 strong { color:#0073a6; display:block;  font-size:23px; }
.company .dv3 span { display:block; padding:10px 0px; font-size:20px; }
.company .btn_prev { margin:0; }
.company .btn_prev a { border:1px solid #aaa; height:50px; width:50px; border-radius:25px; overflow:hidden; display:block; position:absolute; left:30px ; top:30px; }

@media(max-width:800px){
.index_bg { background:url('../image/index_bg.jpg') no-repeat; 	background-size: cover;  width:100%; height:100vh; position:fixed ; left:0; overflow-y:auto; padding:20px 0; display:block;  }
.company {  margin:0px auto; width:calc(100% - 30px);  max-width:1200px; background:rgba(255,255,255,0.9); border-radius:20px;  display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px; }
.company h1 { text-align:center; font-size:20px; font-weight:bold; }
.company > div { margin:30px auto; width:100%; max-width:1000px; }
.company .dv1 { font-size:14px; text-align:center; margin-bottom:0; }
.company .dv2 ul {}
.company .dv2 li { font-size:14px;  display:flex; align-items:center;  margin:15px auto; }
.company .dv2 li strong { background:#da291c; display:block; color:#fff; white-space:nowrap; width:80px; border-radius:5px; text-align:center; margin-right:10px; font-weight:normal; padding:7px 0; flex-shrink:0; }
.company .dv2 li p { flex-grow:1; display:block; font-size:14px; }
.company .dv3 { margin:0 auto; font-size:20px; align-items:center;border:2px solid #444; width:auto; padding:10px 20px 0; }
.company .dv3 strong { color:#0073a6; display:block;  font-size:16px; }
.company .dv3 span { display:block; padding:10px 0px; font-size:14px; }
.company .btn_prev { margin:0; }
.company .btn_prev a { border:1px solid #aaa; height:30px; width:30px; border-radius:15px; overflow:hidden; display:block; position:absolute; left:20px ; top:20px; }
.company_history { padding-left:20px; padding-right:20px; }
}

.dv_ceo { max-width:800px; margin:0 auto; }
.dv_ceo p {  text-align:left; font-size:19px; line-height:27px; }
.dv_ceo span { font-size:19px; }
.dv_ceo .ceo { display:flex; align-items:center; margin-top:30px; }
.dv_ceo .ceo img.ceo_photo { width:170px; border-radius:50%; }
.dv_ceo .ceo p { position:relative; display:flex; align-items:center; justify-content:flex-start }
.dv_ceo .ceo .ceo_sign { width:150px; padding:0 10px; }

@media(max-width:800px){
.dv_ceo { max-width:800px; margin:0 auto; }
.dv_ceo p {  text-align:left; font-size:13px; line-height:17px; margin:10px auto; letter-spacing:-0.5px; }
.dv_ceo .ceo { }
.dv_ceo .ceo p { position:relative; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; flex-grow:1; font-size:14px; margin-bottom:0; }
.dv_ceo .ceo img.ceo_photo { width:100px; border-radius:50%;}
.dv_ceo .ceo span { flex-grow:1;font-size:14px; }
.dv_ceo .ceo .ceo_sign { width:110px; padding:0 0px; }
.dv_ceo  br { display:none; }
}
/*
.history_pc_only { display:block; }
.history_mobile_only { display:none; }

@media(max-width:800px){
.history_pc_only { display:none; }
.history_mobile_only { display:block; }
}
*/

.his_bg { display:block;    }


.his_in{position:relative; margin-bottom:20px; }
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 70px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 70px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 70px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 70px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 5px 13px}
.his_table:last-child {padding-bottom:0 !important}
.his_table:before {display:block; content:""; width:5px; height:2px; background:#858585; position:absolute; top:12px; left:0}
.his_in:nth-child(even) .his_table{padding:0 13px 9px 0}
.his_in:nth-child(even) .his_table:before{left:auto; right:0}

.his_table dd {position:relative; line-height:25px;  text-align:left; color:#222; letter-spacing:-0.5pt; }
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; width:80px; float:left; font-weight:700 }
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}

.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:12px; height:12px; background:#fff;  border-radius: 12px; border:2px solid #2470b1; box-sizing: border-box; position:absolute; top:18px; left:-4px; z-index:9}
.his_in ul:after{ width:30px; height:30px;  content: '';display: block; background-color: #dbebf8; border:0px solid #ddd; border-radius: 50%; position: absolute; left:-13px; top:9px; z-index: 0; /* animation: dots 1.5s ease-in-out infinite; */}
.his_in:nth-child(even) ul:before{left:auto; right:-8px}
.his_in:nth-child(even) ul:after{right: -17px;left: auto;}
.his_in li.year{ font-size:40px; font-weight:bold; line-height:1; color:#333; font-weight:700; text-align:left; margin-bottom:20px; }
.his_in li.year:before {display:block; content:""; width:50px; height:1px; background:#2470b1; position:absolute; top:24px; left:0; z-index:1}
.his_in:nth-child(even) li.year:before{left:auto; right:0}

.sub_history{position:relative; overflow:hidden; padding-top:100px; margin-top:-50px; padding-bottom:100px;  }
.sub_history:before{content:""; width:10px; height:10px; display:none; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.sub_history:after {display:block; content:""; background:#9cc0df; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: 2;}
.sub_history li{}


.his_in li.days{position: relative; font-size:19px; font-weight:300; letter-spacing:-1px; }



@media screen and (max-width: 900px) {


.his_in{position:relative; margin-bottom:20px; }
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 30px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 30px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 30px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 30px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 5px 0px}
.his_table:last-child {padding-bottom:0 !important}
.his_table:before {display:block; content:""; width:5px; height:1px; background:#858585; position:absolute; top:9px; left:0}
.his_in:nth-child(even) .his_table{padding:0 9px 9px 0}
.his_in:nth-child(even) .his_table:before{left:auto; right:0}

.his_table dd {position:relative; line-height:17px;  text-align:left; color:#222; letter-spacing:-0.5pt; font-size:12px; }
.his_table dd.col{color:#f57b20; }
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; width:80px; float:left; font-weight:700 ; white-spacePnowrap; }
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}

.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:10px; height:10px; background:#fff;  border-radius: 12px; border:2px solid #2470b1; box-sizing: border-box; position:absolute; top:5px; left:-4px; z-index:9}
.his_in ul:after{ width:20px; height:20px;  content: '';display: block; background-color: #dbebf8; border:0px solid #ddd; border-radius: 50%; position: absolute; left:-9px; top:0px; z-index: 0; /* animation: dots 1.5s ease-in-out infinite; */}
.his_in:nth-child(even) ul:before{left:auto; right:-5px}
.his_in:nth-child(even) ul:after{right: -10px;left: auto;}
.his_in li.year{ font-size:18px; font-weight:bold; line-height:1; color:#333; font-weight:700; text-align:left; margin-bottom:15px; margin-top:2px; }
.his_in li.year:before {display:block; content:""; width:20px; height:1px; background:#2470b1; position:absolute; top:10px; left:0; z-index:1}
.his_in:nth-child(even) li.year:before{left:auto; right:0}

.sub_history{position:relative; overflow:hidden; padding-top:50px; margin-top:-50px; padding-bottom:50px;  }
.sub_history:before{content:""; width:8px; height:8px; display:none; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.sub_history:after {display:block; content:""; background:#9cc0df; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: 2;}
.sub_history li{}


.his_in li.days{position: relative; font-size:14px; font-weight:300; letter-spacing:-1px; }

}