/* BASIC css start */
#header {position: fixed; top: 0; left: 0; }
#header .WH {display:block !important; } 
#header .BK {display:none !important; }
#header .header_btm #hd_menu, #header .header_top .gnb li #hd_search_box .search_close_btn{color:#fff !important; }
#header .header_top .gnb li #hd_search_box input {border-color:#fff !important}
#header.headroom--not-top .WH {display:none!important; }
#header.headroom--not-top .BK {display:block!important; }
#header.headroom--not-top  .header_btm #hd_menu, #header.headroom--not-top  .header_top .gnb li #hd_search_box .search_close_btn{color:#000 !important; }
#header.headroom--not-top  .header_top .gnb li #hd_search_box input {border-color:#000 !important}
#footer {margin-top:0 !important; }

div {box-sizing: border-box;}
body {margin: 0;}
img {vertical-align: bottom;}
p {font-size: 24px;}
img {max-width: 100%;/* width: 100%; */}


.box1 {display:flex;align-items: flex-start;justify-content: flex-start;}
.box1 span {width:33.333%}
.box1 img {width:100%}
.box2 {position:relative;overflow:hidden;height:660px;text-align:center;display:flex;align-items: center;      justify-content: center;}
.logo-img {margin-bottom: 75px;}
.box2-bg {position:absolute;top: -69%;left:0;width: 100%;}
.box2-text {line-height: 1.6;}
.box3 {background:#000; text-align:center;  padding:96px 0}
.box3 img {max-width:1000px; margin:0 auto; width: 100%;}
.mid {margin-top: 200px;text-align: center;padding: 0px 250px;}
.history {text-align: center;font-size: 25px;margin: 200px 0px 0; padding-bottom:200px; position:relative; }
.history .bg_img span {position:absolute; }
.history .bg_img span.bg01 {left:0; top:0; }
.history .bg_img span.bg02 {right:0; top:30% }
.history .bg_img span.bg03 {right:0; bottom:0%; }
.history .bg_img span.bg04 {left:0; bottom:0; }

.history h1 {font-size:48px; font-weight:600}
.year {margin-top:96px;}
.year h2 {font-size:64px;margin-bottom:32px;  font-weight:800}
.year p {margin-bottom: 16px;}





/* BASIC css end */