@charset "utf-8";

.section_top .section_inner .text_container {margin-top:-130px;}
#contents.history .year_tab_ul {width:1065px;overflow:hidden;position:absolute;left:50%;bottom:110px;margin-left:-532px;}
#contents.history .year_tab_ul.hidden {opacity:0;filter:alpha(opacity=0);visibility:hidden;}
#contents.history .year_tab_ul li {width:213px;float:left;}
#contents.history .year_tab_ul li a {height:47px;display:block;position:relative;padding:17px 0 0 22px;text-align:left;}
#contents.history .year_tab_ul li a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url('/Images/company/history/tab_bg.jpg') no-repeat 0 0;z-index:2;opacity:0;filter:alpha(opacity=0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#contents.history .year_tab_ul li a span {display:block;position:relative;}
#contents.history .year_tab_ul li a span.border_t {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:0.5;filter:alpha(opacity=50);}
#contents.history .year_tab_ul li a span.border_lt {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:0.5;filter:alpha(opacity=50);}
#contents.history .year_tab_ul li a span.border_rb {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:0.53;filter:alpha(opacity=50);}
#contents.history .year_tab_ul li a span.border_t:before {content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;}
#contents.history .year_tab_ul li a span.border_lt:before {content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;}
#contents.history .year_tab_ul li a span.border_lt:after {content:'';width:1px;height:100%;background:#fff;position:absolute;left:0;top:0;}
#contents.history .year_tab_ul li a span.border_rb:before {content:'';width:100%;height:1px;background:#fff;position:absolute;right:0;bottom:0;}
#contents.history .year_tab_ul li a span.border_rb:after {content:'';width:1px;height:100%;background:#fff;position:absolute;right:0;top:0;}
#contents.history .year_tab_ul li a .year {font-size:18px;color:#ff4311;line-height:18px;margin-bottom:5px;z-index:3;}
#contents.history .year_tab_ul li a .text {font-size:12px;color:#fff;z-index:3;  line-height: 14px;}
#contents.history .year_tab_ul li a .off {position:absolute;right:25px;top:19px;z-index:3;}
#contents.history .year_tab_ul li a .on {position:absolute;right:25px;top:19px;opacity:0;filter:alpha(opacity=0);z-index:3;}

#contents.history .year_tab_ul li a:hover span.border_t {opacity:0;filter:alpha(opacity=0);}
#contents.history .year_tab_ul li a:hover span.border_lt {opacity:0;filter:alpha(opacity=0);}
#contents.history .year_tab_ul li a:hover span.border_rb {opacity:0;filter:alpha(opacity=0);}
#contents.history .year_tab_ul li a:hover:before {opacity:1;filter:alpha(opacity=100);}
#contents.history .year_tab_ul li a:hover .year {color:#fff;}
#contents.history .year_tab_ul li a:hover .off {opacity:0;filter:alpha(opacity=0);}
#contents.history .year_tab_ul li a:hover .on {opacity:1;filter:alpha(opacity=100);}

#contents.history .section_top .back_container{background:none;}
#contents.history .section_top .back_container .expand_bg {width:100%;height:100%;display:block;background-image: url(/Images/company/history/history_top_bg.jpg);background-size:cover;}
/*#contents.history .section_top .back_container:before{content:'';width:100%;height:100%;display:block;background-image: url(/Images/company/history/history_top_bg.jpg);background-size:cover;}*/

.section_area {position:relative;background:#fff;}

#contents.history .section_box {position:relative; padding-top:100px;}
#contents.history .section_box.mt {padding-top:170px;}
#contents.history .section_box.last {padding-bottom:140px;}
#contents.history .section_box .title {text-align:center;margin-bottom:15px;position:relative;z-index:3;}
#contents.history .section_box .text {text-align:center;font-size:24px;color:#333;font-weight:300;line-height:24px;margin-bottom:15px;position:relative;z-index:3;}
#contents.history .section_box .img {text-align:center;position:relative;z-index:3;}

#contents.history .section_box .ico {position:absolute;left:50%;top:300px;}
#contents.history .section_box .circle {position:absolute;left:50%;top:0;}

#contents.history .section_box.sec3 .ico {top:400px;}
#contents.history .section_box.sec3 .circle {top:-200px;}
#contents.history .section_box.sec3 .ico {top:400px;}
#contents.history .section_box.sec3 .circle {top:-200px;}
#contents.history .section_box.sec4 .ico {top:500px;}
#contents.history .section_box.sec4 .circle {top:-250px;}
#contents.history .section_box.sec5 .ico {top:600px;}
#contents.history .section_box.sec5 .circle {top:-300px;}

#contents.history .section_box .year_ul {width:1000px;margin:0 auto;overflow:hidden;position:relative;padding-top:50px;z-index:3;}
#contents.history .section_box.left .year_ul .left_box {margin-top:50px;}
#contents.history .section_box.left .ico {margin-left:70px;}
#contents.history .section_box.left .circle {margin-left:-330px;}
#contents.history .section_box.right .year_ul .right_box {margin-top:50px;}
#contents.history .section_box.right .ico {margin-left:-330px;}
#contents.history .section_box.right .circle {margin-left:-20px;}

#contents.history .section_box .year_ul:before {content:'';width:1px;height:100%;background:#e0e0e0;position:absolute;left:50%;top:-10px;}
#contents.history .section_box .year_ul:after {content:'';width:11px;height:11px;background:url('/Images/company/history/ico_circle.png');position:absolute;left:50%;bottom:0;margin-left:-5px;}
#contents.history .section_box .year_ul li {width:500px;float:left;position:relative;}
#contents.history .section_box .year_ul li .year_box {position:relative;width:400px;height:100px;}
#contents.history .section_box .year_ul li.left_box {text-align:right;}
#contents.history .section_box .year_ul li.left_box .year_box {padding-right:100px;}
#contents.history .section_box .year_ul li.left_box .year_box:before {content:'';width:5px;height:5px;background:#666;border-radius:5px;position:absolute;right:-3px;top:5px;z-index:2;}
#contents.history .section_box .year_ul li.left_box .year_box:after {content:'';width:85px;height:1px;position:absolute;right:0;top:7px;border-top:1px dashed #bfbfbf;}
#contents.history .section_box .year_ul li.right_box {text-align:left;}
#contents.history .section_box .year_ul li.right_box .year_box {padding-left:100px;}
#contents.history .section_box .year_ul li.right_box .year_box:before {content:'';width:5px;height:5px;background:#666;border-radius:5px;position:absolute;left:-2px;top:5px;z-index:2;}
#contents.history .section_box .year_ul li.right_box .year_box:after {content:'';width:85px;height:1px;position:absolute;left:0;top:7px;border-top:1px dashed #bfbfbf;}
#contents.history .section_box .year_ul li .year_box .year {font-size:16px;color:#333;font-weight:900;line-height:16px;margin-bottom:5px;}
#contents.history .section_box .year_ul li .year_box .year_text {font-size:16px;color:#333;line-height:24px;}
#contents.history .section_box .year_ul li .year_box .year_text.org {color:#ff4311;}