@charset "UTF-8";
@font-face {
	font-family: "Industry";
	font-style: bold;
    font-weight: 700;
	src: url('../font/IndustryTest-Bold.woff') format('woff');
}

/* history_top */
.history_top { width: 1100px; margin:80px auto 120px auto; text-align:center; }
.history_top strong{ display:block; margin-bottom:30px; font-size:30px; color:#111; }
.history_top p{ font-size:16px; line-height:1.75; color:#666; }

/* tabmenu */
.history_tabmenu{position: relative;}
.history_tabmenu ul li {float: left; width:25%;}
.history_tabmenu ul li a{ display:block; font-size: 24px;line-height: 2.16;color: #111; font-weight: 700; letter-spacing: -.01em;text-align: center; border-bottom: 2px solid #DDDDDD;padding-bottom: 11px;}
.history_tabmenu ul li:hover a, .history_tabmenu ul li.active a{font-weight: 600; color:#BF232B;}
.history_tabmenu .tab_bar {position: absolute; bottom: 0; width:25%; height: 2px; background-color: #BF232B;}

/* tab_cont */
.history .tab_cont {display: none;}
.history .tab_cont.active {display: block;}
.history .tab_cont.tab03 {padding-bottom: 0;}
.clearFix:after {display: block; clear: both; content: '';}
.half > * {float: left; width: 50%;}

/* history_txt */
.history .tab_cont .history_txt {padding-top:80px;text-align: center;}
.history .tab_cont .history_txt .tit { margin-bottom:30px; font-weight: 700; font-size: 30px; color:#111; }
.history .tab_cont .history_txt .sec_desc { font-size:16px; line-height:26px; color:#666666; }

/* history_year */
.history .tab_cont .history_year {position: absolute; left: 0; top: 0;}
.history .tab_cont .history_year .year_wrap {position: relative;padding-right: 160px;text-align: right;}
.history .tab_cont .history_year .year_quick li {margin-bottom: 20px;}
.history .tab_cont .history_year .year_quick li a {position: relative; display: inline-block; font-family: 'Industry', sans-serif; font-size: 46px; color: #e3e6e8; letter-spacing: -.02em; z-index: 10;}
.history .tab_cont .history_year .year_quick li:hover a {color: #3b4951;}
.history .tab_cont .history_year .year_quick li.active a {position: relative; font-family: 'Industry'; font-size: 120px; color: #3b4951; letter-spacing: -.02em;/* margin-bottom: 46px; */margin-top: -30px;text-indent: 3.1%; z-index: 1;}
.history .tab_cont .history_wrap {position:relative; margin-top: 120px;}
.history .tab_cont .history_wrap .indicator { position:absolute; left:49.7%; top:0px; width:40px; height:20px; transform:translateX(-50%); background:url(../images/company/ico_vector.png) no-repeat center center; }
.history .tab_cont .history_wrap.fixed .indicator {position: fixed; left: 49.56vw; top:200px;}
.history .tab_cont .history_wrap.fixed .history_year {position: fixed;top: 150px;left: 8px;}

/* history_list */
.history .tab_cont .history_list {float: right; border-left: 1px solid #c0c1c1;}
.history .tab_cont .history_list li {position: relative; padding-left: 115px;padding-top: 50px;}
.history .tab_cont .history_list li:first-child {padding-top: 0;}
.history .tab_cont .history_list li:last-child {padding-bottom: 160px;}
.history .tab_cont .history_list li.hislast {padding-bottom: 438px;}
.history .tab_cont .history_list li p.year_m{display: none;}
.history .tab_cont .history_list > li dl {position: relative; }
.history .tab_cont .history_list > li dl + dl {margin-top: 30px;}
.history .tab_cont .history_list > li dt {display: inline-block; vertical-align: middle; font-weight: 700; font-size: 20px; line-height: 1.6; letter-spacing: -.03em;position: absolute;top: 0;left: 0; color: #111;}
.history .tab_cont .history_list > li[data-active] dt{color: #bf232b;}
.history .tab_cont .history_list > li dd {display: inline-block;vertical-align: middle; font-size: 20px; line-height: 1.6;  letter-spacing: -.02em; color: #111;}
.history .tab_cont .history_list > li dd + dd {padding-top: 30px;}
.history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 60px;}
.history .tab_cont .history_list > li dd.obj_wrap {padding-top: 18px; padding-bottom: 18px; padding-left: 60px;}
.history .tab_cont .history_list > li dd.obj_wrap .obj { overflow: hidden;}
.history .tab_cont .history_list > li dd .bracket {display: block;color: #878b8d;font-size: 18px;line-height: 1.78;}
.history .tab_cont .history_list > li dd .bracket.inb {display: inline-block;}

/* gotop */
.goTop {width: 70px; height: 70px; background-color: #4b585f; border-radius: 50%; position: fixed; bottom: 50px; right: 50px; opacity: 0; z-index: 20; }
.goTop .top_icon {width: 22px; height: 13px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
html:not(.device) .goTop:hover{background-color: #bf232b; transition: all .3s ease;}

@media screen and (max-width: 1417px) {
	.history .tab_cont .history_txt {padding-top: 4.03vw;}
	.history .tab_cont .history_txt .tit:after {width: 3.47vw; height: 0.14vw;  margin: 2.36vw 0 0.35vw 0;}
	.history .tab_cont .history_year .year_wrap {padding-right: 11.11vw;}
	.history .tab_cont .history_year .year_quick li {margin-bottom: 1.39vw;}
	/* .history .tab_cont .history_year .year_quick li a { font: normal 600 3.19vw/1 acumin-pro, sans-serif;} */
	/* .history .tab_cont .history_year .year_quick li.active a {font: normal 700 11.11vw/1 acumin-pro, sans-serif; margin-top: -2.08vw;} */
	/* .history .tab_cont .history_wrap { margin-top: 5.56vw;} */
	.history .tab_cont .history_wrap .indicator {width: 6vw;height:20px;}
	.history .tab_cont .history_wrap.fixed .indicator {left: 49.37vw; top: 14.31vw;}
	.history .tab_cont .history_wrap.fixed .history_year {top: 11vw; left: 0.56vw;}
	.history .tab_cont .history_list li {padding-left: 7.99vw;padding-top: 9.03vw;}
	/* .history .tab_cont .history_list li:last-child {padding-bottom: 9.03vw;} */
	.history .tab_cont .history_list > li dl + dl {margin-top: 2.08vw;}
	.history .tab_cont .history_list > li dt {font-size: 1.8vw;}
	.history .tab_cont .history_list > li dd { font-size: 1.9vw;}
	.history .tab_cont .history_list > li dd + dd {padding-top: 2.08vw;}
	.history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 7vw;}
	.history .tab_cont .history_list > li dd.obj_wrap {padding-top: 1.25vw; padding-bottom: 1.25vw;}
	/* .history .tab_cont .history_list > li dd.obj_wrap .obj {border-radius: 0.69vw; } */
	.history .tab_cont .history_list > li dd.obj_wrap .obj img{ width:100%; }
	.history .tab_cont .history_list > li dd .bracket {font-size: 1.25vw;}
	.inner {padding: 0 8.33vw; }
	.tit { font-size: 2.22vw; margin-bottom: 2.29vw;}

	/* tabmenu */
	.tabmenu{padding: 4.17vw 0 0;}
	.tabmenu li > a, .link_tab li > a {font-size: 1.67vw; padding-bottom: 0.76vw;}
	footer .footer {padding: 4.86vw 0 5.56vw;}
	footer a, footer p, footer .familysite button {font-size: 1.11vw;}
	.goTop {width: 4.86vw; height: 4.86vw; bottom: 3.47vw; right: 3.47vw;}
	.goTop .top_icon {width: 2vw; height: 0.90vw;}
   .wrap{ min-width: inherit;}
   footer .f_wrap{ width: 100%; }
   .content_wrap section{ width:100%; }
   .visual_container .navigation{ width:100%; }
   .history_top p{ width:auto; }
}
@media screen and (max-width: 1240px){
    .history .tab_cont .history_txt .sec_desc{ padding:0; }
}

@media screen and (max-width: 1180px){
    .history .tab_cont .history_wrap.fixed .indicator{top: 16.31vw; left: 49.27vw; }
    .history .tab_cont .history_wrap.fixed .history_year{ top: 13vw; }
}

@media screen and (max-width: 1075px){
    .history .tab_cont .history_wrap.fixed .indicator{ left: 49.1vw; }
}

@media screen and (max-width: 990px){
    .history .tab_cont .history_wrap.fixed .indicator{top: 18.31vw; }
    .history .tab_cont .history_wrap.fixed .history_year{ top: 14.5vw; }
}

@media screen and (max-width: 950px){
    .history_top{ padding:70px 0; }
    .history_top p{ padding:0; }
    footer .f_links{ padding-right: 20px; padding-bottom:75px; text-align:right; }
    footer .f_sns{ top:42px; }
    footer .f_family {top:32px; right:20px; }
    footer address{ margin-right:20px; text-align:right; }
}

@media screen and (max-width: 800px){
    .history .tab_cont .history_wrap.fixed .indicator{top: 22.31vw; left: 49vw; }
    .history .tab_cont .history_wrap.fixed .history_year{ top: 17.5vw; }
}

@media screen and (max-width: 565px){
    .history_tabmenu ul li a{ font-size:20px; }
    footer .f_wrap{ padding-left:110px; }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.history .tab_cont .history_txt .tit:after {width: 36px; height: 1px;}
	/* .history .tab_cont .history_year .year_quick li a { font: normal 600 33px/1 acumin-pro, sans-serif;} */
	/* .history .tab_cont .history_year .year_quick li.active a {font: normal 700 114px/1 acumin-pro, sans-serif;} */
	.history .tab_cont .history_wrap .indicator {width: 37px;height: 20px;}
}

/* 연혁 하단 제어 */
@media screen and (min-height: 1010px){
    .content_wrap{ margin: 80px 0 12%;}
}
@media screen and (min-height: 1070px){
    .content_wrap{ margin: 80px 0 14%;}
}
@media screen and (min-height: 1100px){
    .content_wrap{ margin: 80px 0 11%; padding-bottom: 60px;}
}
@media screen and (min-height: 1101px){
    .content_wrap{ margin: 80px 0 15%;}
}
@media screen and (min-height: 1130px){
    .content_wrap{ margin: 80px 0 17%;}
}
@media screen and (min-height: 1170px){
    .content_wrap{ margin: 80px 0 19%;}
}
@media screen and (min-height: 1190px){
    .content_wrap{ margin: 80px 0 20%;}
}
@media screen and (min-height: 1200px){
    .content_wrap{ margin: 80px 0 20%;}
}