@charset "UTF-8";



#header {
    width:100%; height:96px; min-width:1280px; z-index:100; position:absolute; top:0;background:#fff;border-bottom:1px #eaeaea solid;}
#skipNavigation a { position: absolute; top: -100px; left: 0; z-index: 100; width: 100%; border-bottom: 1px solid #dbdbdb; background: #f8f7f3; line-height: 50px; }


#header .header_wrap { width:100%;max-width: 1920px; margin: 0 auto; position: relative; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#header #logo { float: left; padding: 30px 0 0; position: relative; z-index: 1; }

#header #logo a { width: 193px; height: 36px; display: block; background-image: url(../../images/layout/logo.png); text-indent: -9999px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#header #gnb { width: 100%; position: absolute; padding: 33px 370px 0 193px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#header #gnb .depth1 { display: inline-block; }

#header #gnb .depth1 > li { float: left; margin: 0 21px; padding: 0 0 42px; }

#header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li.active > a { color: #009944; }

#header #gnb .depth1 > li.active > a:after { width: 100%; }

#header #gnb .depth1 > li > a { font-size:16px;position: relative; font-weight: 500; -webkit-transform: translate(color, 0.2s); -moz-transform: translate(color, 0.2s); -ms-transform: translate(color, 0.2s); -o-transform: translate(color, 0.2s); transform: translate(color, 0.2s); }

#header #gnb .depth1 > li > a:after { width: 0; height: 1px; display: block; content: ""; bottom: -3px; background-color: #df002c; position: absolute; left: 0; }

#header #gnb .depth2 { width: 1218px; left: 50%; margin: 0 0 0 -675px; position: absolute; top: 96px; display: none; text-align: left; padding: 40px 0 0; opacity: 0; filter: alpha(opacity=0); }

#header #gnb .depth2 ul { position: relative; }

#header #gnb .depth2.depth2_1 { background-image: url(/upload/images/sydepth_bg01.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat; }

#header #gnb .depth2.depth2_2 { background-image: url(/upload/images/sydepth_bg02_2.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat; }

#header #gnb .depth2.depth2_2xx { background-image: url(/upload/images/sydepth_bg02_2x.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat; }

#header #gnb .depth2.depth2_3 { background-image: url(/upload/images/sydepth_bg02.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 40px; background-position-y: 40px; background-repeat: no-repeat; }

#header #gnb .depth2.depth3_3 { background-image: url(/upload/images/sydepth_bg03.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 40px; background-position-y: 40px; background-repeat: no-repeat; }

#header #gnb .depth2.depth2_4 { background-image: url(/upload/images/sydepth_bg04.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat;padding-bottom: 176px; }

#header #gnb .depth2.depth2_4_1 {-ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat;}

#header #gnb .depth2.depth2_5 { background-image: url(/upload/images/sydepth_bg05.jpg); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 40px; background-position-y: 40px; background-repeat: no-repeat; }
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height:auto !important}
#header #gnb .depth2 li { width: 274px;
    height: 200px;
    float: left;
    margin: 0 0 30px 30px;}

#header #gnb .depth2 li a:hover h3 { color: #009944; }

#header #gnb .depth2 li a:hover h3:after { background-color: #009944; }

#header #gnb .depth2 li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#header #gnb .depth2 li .img_wrap { width: 100%; height: 105px; overflow: hidden; }

#header #gnb .depth2 li .img_wrap img { width: 100%; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; }

#header #gnb .depth2 li h3 { font-size: 20px; position: relative; margin: 25px 0 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#header #gnb .depth2 li h3 span { padding: 0 15px 0 0; background-color: #fff; position: relative; z-index: 1; display: inline-block; }

#header #gnb .depth2 li h3:after { width: 26px; height: 26px; display: block; content: ""; position: absolute; right: 0; top: -4px; background-image: url(/upload/images/syright.png); background-color: #009944; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#header #gnb .depth2 li h3:before { width: 100%; height: 1px; background-color: #bfbfbf; right: 0; top: 50%; margin: -1px 0 0; position: absolute; display: block; content: ""; }

#header #gnb .depth2 li a > span { font-size: 14px; line-height: 22px; padding: 7px 0 0; display: block; color: #666}

.header_util_wrap { width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }

.header_util_wrap .header_util { float: right; width:15%;}

.header_util_wrap .header_util .set_util { float: left; padding: 42px 20px 0 0; position: relative; font-size: 14px; font-weight: 500; }

.header_util_wrap .header_util .set_util:after { width: 1px; height: 16px; display: block; content: ""; background-color: #d6d6d6; position: absolute; right: 0; bottom: -1px; z-index: 1; }

.header_util_wrap .header_util .set_util li { float: left; margin: 0 0 0 15px; }

.header_util_wrap .header_util .set_util li a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

.header_util_wrap .header_util .set_util li a:hover { color: #df002c; }

.header_util_wrap .header_util .language_select { width:30%;margin-top: 28px; float: left;font-size: 14px; position: relative; overflow: hidden; font-weight: 500; border-width: 1px; border-style: solid; border-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; }


.header_util_wrap .header_util .language_select:hover button:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.header_util_wrap .header_util .language_select button { padding: 5px; background: none; font-size: 14px; position: relative;border: none; }
.header_util_wrap .header_util .language_select button i{padding-left: 6px;}
.header_util_wrap .header_util .language_select button:after { width: 11px; height: 6px; position: absolute; right: 10px; top: 20px; display: block; content: ""; background-image: url(../../images/layout/util_dot01.png); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.header_util_wrap .header_util .language_select ul { position: absolute;width: 100%;background: #fff;margin: 0;}

.header_util_wrap .header_util .language_select ul li { padding: 5px 0;text-align: center;}

.header_util_wrap .header_util .language_select ul a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

.header_util_wrap .header_util .language_select ul a:hover { color: #009944; }

.header_util_wrap .header_util #allNavBtn { width: 110px;font-size: 16px; height: 44px; margin: 28px 0 0;right:290px; float: left; position: absolute;background: none;  border-width: 1px; border-style: solid; border-color: transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat;display: none;outline:none;}

.header_util_wrap .header_util #allNavBtn:after, .header_util_wrap .header_util #allNavBtn:before, .header_util_wrap .header_util #allNavBtn span { width: 24px; height: 2px; display: block; content: ""; background-color: #000; position: absolute; right: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.header_util_wrap .header_util #allNavBtn:before { top: 12px; }

.header_util_wrap .header_util #allNavBtn:after { top: 32px; }

.header_util_wrap .header_util #allNavBtn span { width: 14px; top: 22px; }

.header_util_wrap .header_util #allNavBtn:hover span { width: 24px; }

.header_util_wrap .header_util #allNavBtn.active { text-indent:-1.5em;background-image: url(/upload/images/sy_close.png);background-position-x:70px; }

.header_util_wrap .header_util #allNavBtn.active:after, .header_util_wrap .header_util #allNavBtn.active:before, .header_util_wrap .header_util #allNavBtn.active span { opacity: 0; filter: alpha(opacity=0); }

.header_util_wrap .header_util #allNavBtn.active:hover { background-color: #009944;text-indent:-1.5em;color: #fff; background-image: url(/upload/images/sy_close_over.png);background-position-x:70px; border-color: #009944; }

#headerSiteMap { width: 200px; height: 0;right: 220px; position: absolute; top: 96px; z-index: 99; overflow: hidden; background: url(../../images/layout/header_line.gif) 0 0 repeat-x #fff;box-shadow: 0 0px 20px #4b4b4b;}

#headerSiteMap .site_wrap {     padding: 38px 0;
    position: relative;
    width: 70%;
    margin-left: 0;
    left: 25px;}
#headerSiteMap .site_wrap li a{font-size: 16px;display: block;line-height: 40px;transition: all .6s;}
#headerSiteMap .site_wrap li a:hover{color: #009944;transition: all .6s;transform:translateX(8px);}


#headerSiteMap .site_wrap article { width: 175px; float: left; }

#headerSiteMap .site_wrap article:hover h1:after { width: 78px; }

#headerSiteMap .site_wrap h1 { font-size: 22px; font-weight: 700; display: inline-block; position: relative; }

#headerSiteMap .site_wrap h1:after { width: 25px; height: 2px; display: block; content: ""; background-color: #df002c; position: absolute; bottom: -18px; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; -ms-transition: width 0.2s ease; }

#headerSiteMap .site_wrap .depth1 { padding: 38px 0 0; line-height: 34px; font-weight: 500; }

#headerSiteMap .site_wrap .depth1 a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#headerSiteMap .site_wrap .depth1 a:hover { color: #009944; }

#headerSiteMap .site_wrap .depth2 { line-height: 25px; font-size: 15px; font-weight: 300; padding: 0 0 0 10px; }

#footer { max-width: 1800px; padding: 0 50px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footer .footer_wrap { padding: 50px 0 70px; border-top: 2px solid #a8a8a8; position: relative; }

#footer .footer_wrap h1 { float: left; }

#footer .footer_box { float: left; margin: 0 0 0 57px; }

#footer .footer_box .f_link { margin: 6px 0 0; font-size: 14px; }

#footer .footer_box .f_link li { float: left; padding: 0 0 0 25px; position: relative; }

#footer .footer_box .f_link li strong { font-weight: 700; }

#footer .footer_box .f_link li:first-child { margin: 0; padding: 0; }

#footer .footer_box .f_link li:first-child:before { display: none; }

#footer .footer_box .f_link li:before { width: 1px; height: 13px; display: block; content: ""; position: absolute; left: 13px; background-color: #333; top: 2px; }

#footer .footer_box .f_link li a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#footer .footer_box .f_link li a:hover { color: #df002c; }

#footer .footer_box .f_bottom { font-size: 13px; color: #636363; line-height: 25px; padding: 25px 0 0; }

#footer .footer_box .f_bottom address { display: inline-block; }

#footer #familySite { width: 220px; height: 47px; border-style: solid; border-color: #d6d6d6; border-width: 1px; position: absolute; right: 0; bottom: 110px; background-color: #f6f6f6; overflow: hidden; z-index: 11; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#footer #familySite.on button:after { border-top-color: #333; border-bottom-color: transparent; top: 19px; }

#footer #familySite button { width: 100%; height: 47px; line-height: 45px; padding: 0 13px; text-align: left; color: #333; position: absolute; bottom: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#footer #familySite button:after { width: 0; height: 0; display: block; content: ""; position: absolute; right: 13px; top: 12px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top-color: transparent; border-top-style: solid; border-top-width: 8px; border-bottom-color: #333; border-bottom-style: solid; border-bottom-width: 8px; }

#footer #familySite div { width: 100%; position: absolute; right: -1px; bottom: 47px; padding: 0 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footer #familySite div ul { line-height: 30px; border-bottom: 1px solid #7e7e7e; padding: 9px 0; }

#footer #familySite div li { width: 100%; }

#footer #familySite div li a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#footer #familySite div li a:hover { color: #df002c; }

#main, #main body, #main #mainContainer, #section01, #mainVisual, #main .visual_wrap, #main .visual_img { height: 100%; }

#fp-nav { position: fixed; right: 50px; z-index: 99; top: 50%; margin: -86px 0 0; }

#fp-nav ul li { width: 24px; height: 24px; margin: 24px 0 0; }

#fp-nav ul li:last-child { display: none; }

#fp-nav ul a { height: 24px; display: block; position: relative; }

#fp-nav ul a.active span { width: 2px; height: 100%; border-color: #009944; left: 11px; top: 0; border-width: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

#fp-nav ul a span { width: 10px; height: 10px; position: absolute; top: 7px; left: 7px; border-width: 2px; border-style: solid; border-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.fp-viewing-business #fp-nav li span, .fp-viewing-news #fp-nav li span, .fp-viewing-footerStep #fp-nav li span { border-color: #606060; }

#main, #main body { overflow: hidden; }

#section01 { z-index: 11111; overflow: hidden; }

#mainVisual { padding: 96px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mainVisual .visual_wrap { position: relative; }

#mainVisual .visual_img { position: relative; }

#mainVisual .visual_img li { width: 0; height: 100%; position: absolute; top: 0; left: 0; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }

#mainVisual .visual_img li:first-child { width: 100%; }

#mainVisual .visual_img li:nth-of-type(2) { -ms-background-position-y: 0; background-position-y: 0; }

#mainVisual #navBtn { width: 100%; position: absolute; top: 50%; z-index: 10; margin: -64px 0 0; left: 50px; }

#mainVisual #navBtn button { width: 65px; height: 65px; font-size: 40px; color: #fff; display: block;  background-color:rgba(0,0,0,0.6); position: relative; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 11px; background-position-y: 11px; background-repeat: no-repeat;border: none; }

#mainVisual #navBtn button i{color: #fff;}
#mainVisual #navBtn button.prev_btn { margin: 2px 0 0; }

#mainVisual .visual_txt { width: 46%; height: 100%; padding: 112px 0 80px; position: absolute; z-index: 80; top: 0; right: 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mainVisual .visual_txt .visual_txt_wrap { height: 100%; position: relative; background-color: rgba(0, 153,68, 0.9); color: #fff; }

#mainVisual .visual_txt .visual_txt_wrap:before { width: 100%; height: 0; border-bottom-width: 32px; border-bottom-style: solid; border-right: 32px solid transparent; border-bottom-color: rgba(0, 153,68, 0.9); display: block; content: ""; position: absolute; top: -32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mainVisual .visual_txt .visual_txt_wrap:after { width: 260px; height: 75px; display: block; content: ""; background: url(../../images/main/visual_dot01.png) 50% 50% no-repeat; top: 50px; right: -45px; position: absolute; }

#mainVisual .visual_txt .visual_txt_wrap li { position: absolute; bottom: 175px; left: 55px;width:600px;}

#mainVisual .visual_txt .visual_txt_wrap li:first-child h1, #mainVisual .visual_txt .visual_txt_wrap li:first-child p, #mainVisual .visual_txt .visual_txt_wrap li:first-child a { display: block; opacity: 1; filter: alpha(opacity=100); }

#mainVisual .visual_txt .visual_txt_wrap li h1 { font-size: 50px; line-height: 70px; display: none; letter-spacing: 0; }

#mainVisual .visual_txt .visual_txt_wrap li p { line-height: 30px; padding: 40px 0 0; display: none;font-size: 16px; }

#mainVisual .visual_txt .visual_txt_wrap li a { width: 105px; height: 46px; background-color: #df002c; color: #fff; position: absolute; text-indent: 23px; line-height: 46px; display: none; bottom: -95px;letter-spacing: 0; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#mainVisual .visual_txt .visual_txt_wrap li a:hover { background-color: #009944; }

#mainVisual .visual_txt .visual_txt_wrap li a:hover:after { left: 88px; }

#mainVisual .visual_txt .visual_txt_wrap li a:after { width: 40px; height: 7px; display: block; content: ""; background: url(../../images/main/more_icon.png) 50% 50% no-repeat; position: absolute; left: 84px; top: 18px; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; -o-transition: left 0.2s ease; -ms-transition: left 0.2s ease; }

#mainContainer #section02 { background-color: #f1f1f1; position: relative; }

#mainContainer #section02 .fp-tableCell { overflow-x: auto; overflow-y: hidden; }

#mainContainer #section02 .business_wrap { width: 100%; height: 100%; min-width: 1200px; max-width: 1800px; margin: 0 auto; position: relative; }





#mainContainer #section02 .txt_wrap p.tit { font-size: 22px; line-height: 35px; padding: 70px 0 0;  letter-spacing: 0; }

#mainContainer #section02 .txt_wrap p.txt { line-height: 25px; color: #009944; padding: 20px 0 0; }



#mainContainer #section02 .bg_line { width: 100%; height: 100%; position: absolute; z-index: 20; top: 0; left: 0; }

#mainContainer #section02 .bg_line div { width: 100%; height: 100%; position: absolute; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#mainContainer #section02 .bg_line .line01 { background-image: url(/upload/images/sy_bg01.png); }

#mainContainer #section02 .bg_line .line02 { background-image: url(/upload/images/sy_bg02.png); }

#mainContainer #section02 .bg_line .line03 { background-image: url(/upload/images/sy_bg03.png); }

#mainContainer #section02 .box_wrap { width: 71%; position: absolute; right: 80px; top: 50%; z-index: 50; }

#mainContainer #section02 .box_wrap article { width: 30%; height: 668px; position: relative; float: left; -moz-box-shadow: 50px 80px 150px -76px #000; -webkit-box-shadow: 50px 80px 150px -76px #000; box-shadow: 50px 80px 150px -76px #000; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

#mainContainer #section02 .box_wrap article:hover { height: 628px; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); }

#mainContainer #section02 .box_wrap article:hover .txt_box { background-color: #009944; }

#mainContainer #section02 .box_wrap article:hover h1 { color: #fff; }

#mainContainer #section02 .box_wrap article:hover p { color: #fff; }

#mainContainer #section02 .box_wrap .box01 { background-image: url(/upload/images/sy_img01.jpg); margin: -346px 0 0; }

#mainContainer #section02 .box_wrap .box02 { background-image: url(/upload/images/sy_img02.jpg); margin: -346px 0 0 4%; -webkit-transform: translate(0, 77px); -moz-transform: translate(0, 77px); -ms-transform: translate(0, 77px); -o-transform: translate(0, 77px); transform: translate(0, 77px); }

#mainContainer #section02 .box_wrap .box03 { background-image: url(/upload/images/sy_img03.jpg); margin: -346px 0 0 4%; -webkit-transform: translate(0, -77px); -moz-transform: translate(0, -77px); -ms-transform: translate(0, -77px); -o-transform: translate(0, -77px); transform: translate(0, -77px); }

#mainContainer #section02 .box_wrap a { height: 100%; display: block; }

#mainContainer #section02 .box_wrap .txt_box { width: 250px; height: 150px; position: absolute; bottom: 45px; left: -20px; background-color: #fff; padding: 26px 0 26px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; }

#mainContainer #section02 .box_wrap h1 { font-size: 24px; line-height: 36px; color: #009944;margin:10px 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease;  letter-spacing: 0; }

#mainContainer #section02 .box_wrap p { padding:  0;font-size:15px;; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }




#mainContainer #section03 { background-color: #f1f1f1; position: relative; }
#mainContainer #section03 .business_wrap { height: 100%; position: absolute;top: 150px;left: 110px; z-index: 999}

#mainContainer #section03 .txt_wrap h1 { font-size: 35px; color: #009944;letter-spacing: 0;margin: 30px 0 80px;font-weight: bold}

#mainContainer #section03 .txt_wrap p.tit { font-size: 22px; line-height: 35px; padding: 70px 0 0; letter-spacing: 0; }

#mainContainer #section03 .txt_wrap p.txt { line-height: 25px; color: #009944; padding: 20px 0 0; }

#mainContainer #section03 .box_wrap { height: 540px; margin: 30px 0; position: relative; -moz-box-shadow: 50px 80px 150px -76px #000; -webkit-box-shadow: 50px 80px 150px -76px #000; box-shadow: 50px 80px 150px -76px #000; }

#mainContainer #section03 article { width: 50%; position: absolute; font-size: 30px; font-weight: 700; background-color: #fff; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }

.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

#mainContainer #section03 { background-image: url(/upload/images/index_imgbg.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
#mainContainer #section03 article.box01 { height: 100%; background-image: url(/upload/images/index_img1.jpg); }

#mainContainer #section03 article.box02 { height: 50%; right: 0; top: 0; background-image: url(/upload/images/index_img2.jpg); }

#mainContainer #section03 article.box03 { height: 50%; right: 0; bottom: 0; background-image: url(/upload/images/index_img3.jpg); }

#section03 h1{font-weight: bold;padding-bottom: 30px;}
.box01_wz1{padding: 50px 30px;color: #fff;font-size: 24px;}
.box01_wz1 a{color: #fff;font-weight: normal}.box01_wz1 a:hover{color: #fff;}
.box01_wz2 a{color: #fff;font-weight: normal;position: relative;}.box01_wz2 a:hover{color: #fff;}
.box01_wz2 a::before{width: 40%;position: absolute;bottom: -10px; content: "";border-bottom: 1px #fff solid;transition: all 0.6s ease}
.box01_wz2 a:hover::before{width: 100%;transition: all 0.6s ease}
.box01_wz2:hover{transition:0.6s;transform:translateX(5px);}



.careers_wrap{  max-width: 1250px; margin: 0 auto; }
.box01_wz2{position: absolute;bottom: 60px;left: 30px;transition:0.6s;font-size: 24px;}
.box02 .djlj3 a{font-size: 16px;font-weight: normal;display: block;}
.box03 .djlj3 a{font-size: 16px;font-weight: normal;display: block;}
.box02 .djlj3{position: absolute;right: 40px;top: 50px;}
.box03 .djlj3{position: absolute;right: 40px;top: 50px;}
.box3_mo{width: 220px;margin: 60px auto 20px;text-align: center;font-size: 16px; height: 44px;}
.box3_mo a{color: #fff;line-height: 42px;border:1px #fff solid;display: block;transition: 0.6s;border-radius: 20px;}.box3_mo a:hover{color: #009944;border: 1px #009944 solid;transform:translateX(10px);transition: 0.6s;}.box3_mo a:hover i{color: #009944;transition: 0.6s;}
.box3_mo a i{color: #fff;line-height: 42px;padding-left: 14px;transition: 0.6s;}


#mainContainer #section04 { background-color: #f1f1f1;}
#mainContainer #section04 .news_wrap { max-width: 1700px; min-width: 1180px; margin: 0 auto; }

#mainContainer #section04 .news_wrap .tit_wrap { float: left;  letter-spacing: 0; }
#mainContainer #section02 .txt_wrap { position: absolute; left: 50px; top: 50%; margin: -306px 0 0; z-index: 50; }
#mainContainer #section04 .news_wrap .tit_wrap h1 { font-size: 34px; font-weight:bold;color: #009944; line-height: 50px; padding: 0 0 20px; }
#mainContainer #section02 .txt_wrap h1 { font-size: 34px; font-weight:bold;color: #009944; line-height: 50px; padding: 0 0 20px; }

#mainContainer #section04 .news_wrap .tit_wrap a { width: 85px; height: 44px; display: inline-block; text-align: center; line-height: 40px; border-width: 2px; border-style: solid; border-color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#mainContainer #section04 .news_wrap .tit_wrap a:hover { border-color: #009944; color: #fff; background-color: #009944; }

#mainContainer #section04 .news_wrap .news_box { width: 74%; float: right; margin: 0 60px 0 0; }

#mainContainer #section04 .news_wrap .news_box .notice article { width: 32%;margin: 0 0 0 2%; float: left; background-color: #fff; }

#mainContainer #section04 .news_wrap .news_box .notice article:first-child { margin: 0; }

#mainContainer #section04 .news_wrap .news_box .notice article a { display: block; height: 100%; position: relative; padding: 25px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#mainContainer #section04 .news_wrap .news_box .notice article a:after, #mainContainer #section04 .news_wrap .news_box .notice article a:before { width: 2px; height: 0; position: absolute; display: block; content: ""; background-color: #009944; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }


#mainContainer #section04 .news_wrap .news_box .notice article a:after { left: 0; top: 0; }

#mainContainer #section04 .news_wrap .news_box .notice article a:before { right: 0; bottom: 0; }

#mainContainer #section04 .news_wrap .news_box .notice article a:hover:after, #mainContainer #section04 .news_wrap .news_box .notice article a:hover:before { height: 100%; opacity: 1; filter: alpha(opacity=100); }

#mainContainer #section04 .news_wrap .news_box .notice article a:hover h1 { color: #009944; }

#mainContainer #section04 .news_wrap .news_box .notice article a:hover h1:after, #mainContainer #section04 .news_wrap .news_box .notice article a:hover h1:before { width: 100%; opacity: 1; filter: alpha(opacity=100); }

#mainContainer #section04 .news_wrap .news_box .notice article a:hover h1 .tit, #mainContainer #section04 .news_wrap .news_box .notice article a:hover h1 .txt { color: #fff; }

#mainContainer #section04 .news_wrap .news_box .notice article h1 { height: 80px; font-size: 25px; line-height: 40px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }

#mainContainer #section04 .news_wrap .news_box .notice article h1:after, #mainContainer #section04 .news_wrap .news_box .notice article h1:before { width: 0; height: 2px; position: absolute; display: block; content: ""; background-color: #009944; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }

#mainContainer #section04 .news_wrap .news_box .notice article h1:after { right: 0; top: 0; }

#mainContainer #section04 .news_wrap .news_box .notice article h1:before { left: 0; bottom: 0; }



#mainContainer #section04 .news_wrap .news_box .notice_banner { width: 100%; height: 213px; margin: 28px 0 0; display: block; overflow: hidden; position: relative; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#mainContainer #section04 .news_wrap .news_box .notice_banner img { position: absolute; left: 50%; margin: 0 0 0 -634px; top: 0; }

#mainContainer #section05 { background-color: #f1f1f1; }

#mainPopup { overflow: hidden; }

#mainPopup body { min-width: auto; }

#mainPopup .popup_wrap a { width: 100%; display: block; }

#mainPopup .popup_wrap img { width: 100%; }

#mainPopup .popup_wrap .btn_wrap { height: 40px; line-height: 40px; background-color: #009944; }

#mainPopup .popup_wrap .btn_wrap button { height: 40px; background-color: #009944; padding: 0 10px; color: #fff; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#mainPopup .popup_wrap .btn_wrap button:hover { background-color: #df002c; }

#mainPopup .popup_wrap .btn_wrap button#mainPopupToday { float: left; }

#mainPopup .popup_wrap .btn_wrap button#mainPopupClose { float: right; }

#content.about .about_tit { padding: 0 50px 100px 50px; width: 100%; max-width: 1800px; min-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.about .about_tit .tit_wrap { position: relative; }

#content.about .about_tit .tit_wrap .tit_img { width: 96%; height: 548px; background-image: url(../../images/company/about_tit_img.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 57%; background-position-y: 57%; background-repeat: no-repeat; }

#content.about .about_tit .tit_wrap h4.tit { width: 450px; height: 262px; padding: 120px 50px 0; position: absolute; bottom: -55px; right: 0; background-color: #009944; color: #fff; font-size: 33px; line-height: 45px;  letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 20px 20px 60px -25px #000; -webkit-box-shadow: 20px 20px 60px -25px #000; box-shadow: 20px 20px 60px -25px #000; }

#content.about .about_tit .tit_wrap h4.tit:after { width: 135px; height: 4px; display: block; content: ""; background: url(../../images/icon/about_tit_dot.png) 50% 50% no-repeat; position: absolute; top: 188px; right: -55px; }

#content.about .about_tit .txt_wrap { width: 1180px; margin: 0 auto; padding: 80px 0 0; }

#content.about .about_tit .txt_wrap p.tit { font-size: 30px; line-height: 45px; font-weight: 700; color: #009944; }

#content.about .about_tit .txt_wrap p.txt { margin: 70px 0 0; position: relative; padding: 0 0 0 200px; line-height: 30px; }

#content.about .about_tit .txt_wrap p.txt:before { width: 2px; height: 105px; display: block; content: ""; background-color: #009944; position: absolute; left: 100px; top: 8px; }

#content.about .mission { width: 100%; height: 570px; background-image: url(../../images/company/about_img01.jpg); text-align: center; color: #fff; display: table; position: relative; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.about .mission .mission_wrap { display: table-cell; vertical-align: middle; }

#content.about .mission h1 { font-size: 23px;  letter-spacing: 0; }

#content.about .mission p { font-size: 30px; padding: 35px 0 0; font-weight: 700; }

#content.about .mission:after, #content.about .mission:before { width: 206px; height: 205px; display: block; content: ""; background-image: url(../../images/icon/mission_bar.png); position: absolute; left: 50%; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.about .mission:after { top: 0; margin: 0 0 0 -20px; }

#content.about .mission:before { bottom: 0; margin: 0 0 0 -185px; }

#content.about .philosophy_wrap { width: 1180px; margin: 118px auto 0; }

#content.about .philosophy_wrap h3 { font-size: 23px; text-align: center;letter-spacing: 0; }

#content.about .philosophy_wrap .philosophy_box { margin: 63px 0 0; }

#content.about .philosophy_wrap .philosophy_box article { width: 341px; float: left; margin: 0 0 0 78px; }

#content.about .philosophy_wrap .philosophy_box article:first-child { margin: 0; }

#content.about .philosophy_wrap .philosophy_box article h1 { font-size: 35px; color: #009944; font-weight: 700; }

#content.about .philosophy_wrap .philosophy_box article p.tit_unit { margin: 20px 0 0; position: relative; font-size: 19px;  letter-spacing: 0; }

#content.about .philosophy_wrap .philosophy_box article p.tit_unit span { padding: 0 13px 0 0; background-color: #fff; position: relative; z-index: 1; }

#content.about .philosophy_wrap .philosophy_box article p.tit_unit:after { width: 100%; height: 1px; background-color: #333; display: block; content: ""; position: absolute; left: 0; top: 9px; }

#content.about .philosophy_wrap .philosophy_box article p.txt { line-height: 30px; color: #636363; padding: 25px 0; }

#content.about .core_wrap { width: 100%; position: relative; margin: 120px 0 0; }

#content.about .core_wrap:after { width: 100%; height: 1px; display: block; content: ""; background-color: #f1f1f1; position: absolute; top: 266px; }

#content.about .core_wrap h4 { font-size: 23px; text-align: center;  letter-spacing: 0; }

#content.about .core_wrap .core_box { width: 1180px; margin: 55px auto 0; background-color: #fff; z-index: 1; position: relative; }

#content.about .core_wrap .core_box:after, #content.about .core_wrap .core_box:before { width: 44px; height: 1px; display: block; content: ""; background-color: #f1f1f1; position: absolute; top: 188px; }

#content.about .core_wrap .core_box:before { left: 0; }

#content.about .core_wrap .core_box:after { right: 0; }

#content.about .core_wrap .box { width: 1071px; margin: 0 auto; }

#content.about .core_wrap article { width: 357px; float: left; text-align: center; }

#content.about .core_wrap article i { width: 380px; height: 380px; display: block; border: 3px solid #f1f1f1; margin: 0 0 0 -12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.about .core_wrap article i.step01 { background-image: url(../../images/icon/core_icon01.gif); }

#content.about .core_wrap article i.step02 { background-image: url(../../images/icon/core_icon02.gif); }

#content.about .core_wrap article i.step03 { background-image: url(../../images/icon/core_icon03.gif); }

#content.about .core_wrap article h1 { padding: 35px 0 0; font-size: 30px; font-weight: 700; }

#content.about .core_wrap article p.tit_unit { padding: 18px 0 0; font-size: 19px; letter-spacing: 0; }

#content.about .core_wrap article p.txt { padding: 20px 0 0; color: #636363; line-height: 25px; }

#content.about .core_wrap .down_btn { text-align: center; margin: 50px 0 0; }

#content.about .core_wrap .down_btn .blue_btn { padding: 28px 35px; background-color: #009944; color: #fff; display: inline-block; font-size: 18px; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.about .core_wrap .down_btn .blue_btn:hover { background-color: #df002c; }

#content.about .core_wrap .down_btn .blue_btn:hover i { -webkit-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0); }

#content.about .core_wrap .down_btn .blue_btn i { width: 28px; height: 18px; display: inline-block; background-image: url(../../images/icon/more_icon.png); margin: 0 0 0 15px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: 28px auto; background-size: 28px auto; background-repeat: no-repeat; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; }

#content.ceo { width: 1180px; margin: 0 auto 150px; }

#content.ceo .ceo_wrap { margin: -9px 0 0; }

#content.ceo .ceo_wrap h1 { font-size: 27px; line-height: 40px; color: #009944; font-weight: 700; }

#content.ceo .ceo_wrap .txt_wrap { margin: 35px 0 95px; position: relative; letter-spacing: -0.8px; }

#content.ceo .ceo_wrap .txt_wrap p { width: 550px; line-height: 30px; text-align: justify; padding: 0 0 25px; }

#content.ceo .ceo_wrap .txt_wrap p:nth-of-type(1) { float: left; }

#content.ceo .ceo_wrap .txt_wrap p:nth-of-type(2) { float: right; }

#content.ceo .ceo_wrap .txt_wrap .sign { height: 49px; padding: 0 95px 0 0; line-height: 49px; display: inline-block; position: absolute; left: 630px; bottom: -51px; background-image: url(../../images/company/ceo_sign.gif); -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.ceo .ceo_wrap .txt_wrap .sign.sign02 { left: 820px; padding: 0 125px 0 0; background-image: url(../../images/company/ceo_sign02.gif); }

#content.ceo .ceo_wrap .ceo_img { height: 392px; background-image: url(../../images/company/ceo_img.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.operation #subTitle { margin: 60px 0 80px; }

#content.operation .operation_box .txt_wrap { width: 1180px; margin: 0 auto; }

#content.operation .operation_box .txt_wrap h4 { float: left; }

#content.operation .operation_box .txt_wrap h4 span { position: relative; display: inline-block; font-size: 25px; font-weight: 700; color: #009944; }

#content.operation .operation_box .txt_wrap h4 span:after { width: 100%; height: 2px; display: block; content: ""; background-color: #009944; margin: 20px 0 0; }

#content.operation .operation_box .txt_wrap .info_wrap { width: 880px; float: right; }

#content.operation .operation_box .operation_down { text-align: center; margin: 45px 0 0; }

#content.operation .operation_box .operation_down a, #content.operation .operation_box .operation_down button { display: inline-block; padding: 17px 45px 17px 40px; border: 3px solid #009944; line-height: 34px; color: #009944; font-weight: 700; font-size: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.operation .operation_box .operation_down a i, #content.operation .operation_box .operation_down button i { width: 25px; height: 34px; display: inline-block; background-image: url(../../images/icon/certificate_icon.png); vertical-align: top; margin: 0 20px 0 0; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: background-image 0.2s ease; -moz-transition: background-image 0.2s ease; -o-transition: background-image 0.2s ease; -ms-transition: background-image 0.2s ease; }

#content.operation .operation_box .operation_down a:hover, #content.operation .operation_box .operation_down button:hover { background-color: #009944; color: #fff; }

#content.operation .operation_box .operation_down a:hover i, #content.operation .operation_box .operation_down button:hover i { background-image: url(../../images/icon/certificate_icon_over.png); }

#content.operation .quality01 .txt_wrap p { line-height: 30px; margin: -7px 0 0; color: #636363; }

#content.operation .quality01 .img_wrap { height: 627px; padding: 0 50px; width: 100%; max-width: 1800px; min-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.operation .quality01 .img_wrap .img_box { height: 100%; margin: 60px 0 0; background: url(../../images/company/quality_img01.jpg) 50% 50% no-repeat; position: relative; }

#content.operation .quality01 .img_wrap h1 { width: 100%; text-align: center; position: absolute; bottom: 0; line-height: 166px; font-size: 32px; color: #fff; }

#content.operation .quality01 .img_wrap em { margin: 0 0 0 25px;  letter-spacing: 0; }

#content.operation .quality02 { width: 1180px; margin: 95px auto 0; }

#content.operation .quality02 .quality_box article { width: 100%; height: 220px; margin: 10px 0 0; padding: 0 0 0 320px; background-color: #f1f1f1; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-background-position-x: 82px; background-position-x: 82px; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.operation .quality02 .quality_box article:nth-of-type(1) { margin: 0; background-image: url(../../images/icon/quality_icon01.gif); }

#content.operation .quality02 .quality_box article:nth-of-type(2) { background-image: url(../../images/icon/quality_icon02.gif); }

#content.operation .quality02 .quality_box article:nth-of-type(3) { background-image: url(../../images/icon/quality_icon03.gif); }

#content.operation .quality02 .quality_box article:nth-of-type(4) { background-image: url(../../images/icon/quality_icon04.gif); }

#content.operation .quality02 .quality_box article:nth-of-type(5) { background-image: url(../../images/icon/quality_icon05.gif); }

#content.operation .quality02 .quality_box article .txt_wrap { display: table-cell; vertical-align: middle; }

#content.operation .quality02 .quality_box article h1 .tit { font-size: 25px;  letter-spacing: 0; }

#content.operation .quality02 .quality_box article h1 .tit em { color: #df002c; }

#content.operation .quality02 .quality_box article h1 .unit { font-size: 20px; font-weight: 700; margin: 0 0 0 5px; }

#content.operation .quality02 .quality_box article p { line-height: 30px; margin: 20px 0 0; }

#content.operation .environment01 .txt_wrap p { line-height: 30px; margin: -7px 0 0; color: #636363; }

#content.operation .environment01 .img_wrap { height: 548px; padding: 0 50px; position: relative; z-index: 10; width: 100%; max-width: 1800px; min-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.operation .environment01 .img_wrap .img_box { height: 100%; margin: 60px 0 0; background-image: url(../../images/company/environment_img01.jpg); position: relative; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 123%; background-position-y: 123%; background-repeat: no-repeat; }

#content.operation .environment01 .policy { position: relative; z-index: 5; padding: 372px 0 100px; background-color: #f1f1f1; margin: -282px 0 0; }

#content.operation .environment01 .policy .policy_txt { width: 976px; margin: 0 auto; }

#content.operation .environment01 .policy h1 { text-align: center; font-size: 25px; font-weight: 700; }

#content.operation .environment01 .policy p { line-height: 35px; margin: 40px 0 0; color: #636363; }

#content.operation .environment02 { margin: 100px 0 80px; }

#content.operation .environment02 .environment_mission { width: 1180px; margin: 0 auto; }

#content.operation .environment02 .environment_mission article { margin: 80px 0 0; }

#content.operation .environment02 .environment_mission article h1 { font-size: 22px; font-weight: 700; float: left; }

#content.operation .environment02 .environment_mission article .box_wrap { width: 880px; float: right; }

#content.operation .environment02 .environment_mission article .box_wrap img { width: 100%; }

#content.operation .environment02 .environment_mission article ol { font-size: 20px; font-weight: 500; margin: 20px 0 0; text-align: center; }

#content.operation .environment02 .environment_mission article ol li { width: 33.3%; float: left; }

#content.operation .environment02 .environment_mission article p { padding: 30px 0 0; line-height: 35px; color: #636363; }

#content.operation .environment03 { border-top: 1px solid #d6d6d6; padding: 80px 0 0; }

#content.operation .environment03 .environment_wrap03 { width: 1180px; margin: 0 auto; }

#content.operation .management_tab { margin: 70px 0 0; }

#content.operation .management_tab .tab_btn { float: left; }

#content.operation .management_tab .tab_btn li:first-child button { border-top-width: 1px; }

#content.operation .management_tab .tab_btn li button { width: 210px; height: 60px; text-align: left; text-indent: 15px; position: relative; font-weight: 700; font-size: 18px; color: #636363; letter-spacing: -1.3px; border-width: 1px; border-style: solid; border-color: #d6d6d6; border-top-width: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.operation .management_tab .tab_btn li button:hover, #content.operation .management_tab .tab_btn li button.active { background-color: #009944; color: #fff; border-color: #009944; }

#content.operation .management_tab .tab_btn li button:after { width: 0; height: 0; display: block; content: ""; border-top: 4px solid transparent; border-left: 8px solid #fff; border-bottom: 4px solid transparent; position: absolute; top: 25px; right: 15px; }

#content.operation .management_tab .management { width: 880px; height: 606px; float: right; position: relative; }

#content.operation .management_tab .management li { display: none; position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; filter: alpha(opacity=0); }

#content.operation .management_tab .management li:first-child { display: block; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

#content.operation .management_tab .management li img { margin: 0 0 10px; }

#content.operation .management_tab .management li dl { padding: 40px 0 0; }

#content.operation .management_tab .management li dl dt { font-weight: 500; }

#content.operation .management_tab .management li dl dd { color: #636363; line-height: 30px; margin: 5px 0 0; }

#content.operation .compliance01 { margin: 0 0 70px; }

#content.operation .compliance01 .img_wrap { height: 548px; padding: 0 50px; width: 100%; max-width: 1800px; min-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.operation .compliance01 .img_wrap .img_box { height: 100%; background: url(../../images/company/compliance_img01.jpg) 50% 81% no-repeat; }

#content.operation .compliance01 .operation_down { margin: 65px 0 0; }

#content.operation .compliance01 .txt_wrap { margin: 60px auto 0; }

#content.operation .compliance01 .txt_wrap .line02 { margin: 20px 0 0; }

#content.operation .compliance01 .info_wrap { color: #636363; line-height: 30px; }

#content.operation .compliance01 .info_wrap li { position: relative; padding: 0 0 0 37px; margin: 15px 0 0; }

#content.operation .compliance01 .info_wrap li:first-child { margin: 0; }

#content.operation .compliance01 .info_wrap li em { width: 27px; height: 27px; display: block; position: absolute; background-color: #333; color: #fff; line-height: 27px; text-align: center; left: 0; top: 3px;  -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

#content.operation .compliance03 { border-top: 1px solid #d6d6d6; padding: 30px 0 0; overflow: hidden; }

#content.operation .compliance03 .compliance_wrap03 { width: 1180px; margin: 0 auto; }

#content.operation .compliance_tab { width: 880px; height: 424px; float: right; position: relative; }

#content.operation .compliance_tab > li { width: 100%; display: none; position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; filter: alpha(opacity=0); }

#content.operation .compliance_tab > li:first-child { display: block; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

#content.operation .compliance_tab .popup_open { width: 183px; height: 46px; line-height: 46px; padding: 0 15px; background-color: #009944; color: #fff; position: absolute; right: 0; top: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.operation .compliance_tab .popup_open:hover { background-color: #df002c; }

#content.operation .compliance_tab .popup_open i { width: 23px; height: 7px; position: absolute; display: inline-block; vertical-align: top; top: 20px; right: 15px; }

#content.operation .compliance_tab .popup_open i:before { width: 20px; height: 1px; display: block; content: ""; background-color: #fff; position: absolute; top: 3px; left: 0; }

#content.operation .compliance_tab .popup_open i:after { width: 0; height: 0; display: block; content: ""; border-top: 4px solid transparent; border-left: 7px solid #fff; border-bottom: 4px solid transparent; position: absolute; top: 0; right: 0; }

#content.operation .compliance_tab01 .box02 { padding: 50px 0 0; }

#content.operation .compliance_tab01 p.tit { font-size: 22px; font-weight: 700; }

#content.operation .compliance_tab01 p.txt { line-height: 30px; padding: 15px 0 0; }

#content.operation .compliance_tab02 p.tit { font-size: 22px; font-weight: 700; }

#content.operation .compliance_tab02 p.txt { line-height: 30px; padding: 15px 0 0; }

#content.operation .compliance_tab02 table { margin: 35px 0 0; }

#content.operation .compliance_tab02 table thead tr { background-color: #333; height: 45px; color: #fff; font-weight: 700; }

#content.operation .compliance_tab02 table thead th, #content.operation .compliance_tab02 table thead td { padding: 0 0 0 40px; }

#content.operation .compliance_tab02 table tbody { color: #636363; vertical-align: top; }

#content.operation .compliance_tab02 table tbody tr { background-color: #f1f1f1; line-height: 30px; border-top: 5px solid #fff; }

#content.operation .compliance_tab02 table tbody th { padding: 20px 0 20px 40px; font-weight: 700; text-align: left; }

#content.operation .compliance_tab02 table tbody td { padding: 20px 0 20px 40px; }

#content.operation .compliance_tab03 p.tit { font-size: 22px; font-weight: 700; }

#content.operation .compliance_tab03 p.txt { line-height: 30px; padding: 15px 0 0; }

#content.operation .compliance_tab03 p.guide { width: 100%; height: 180px; font-size: 22px; line-height: 36px; font-weight: 700; margin: 40px 0 0; padding: 55px 0 0 355px; color: #009944; background: url(../../images/company/compliance_img02.jpg) 50% 50% no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.operation .compliance_tab04 p.tit { font-size: 22px; font-weight: 700; }

#content.operation .compliance_tab04 p.txt { line-height: 30px; padding: 15px 0 0; }

#content.operation .compliance_tab04 .conduct_wrap { margin: 75px 0 0; }

#content.operation .compliance_tab04 .conduct_wrap img { width: 100%; }

#content.operation .compliance_tab04 .conduct_wrap p { padding: 35px 0 0; text-align: center; line-height: 30px; color: #636363; font-weight: 500; }

#content.operation .compliance_tab04 .conduct_wrap p em { color: #009944; font-weight: 700;  letter-spacing: 0; }

#content.operation .compliance_tab05 p.tit { font-size: 22px; font-weight: 700; padding: 0 0 0 10px; }

#content.operation .compliance_tab05 ol { width: 890px; padding: 25px 0 0; text-align: center; }

#content.operation .compliance_tab05 ol li { width: 435px; height: 400px; padding: 55px 0 60px; background-color: #f1f1f1; margin: 0 0 10px 10px; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.operation .compliance_tab05 ol dl dt { font-size: 20px; font-weight: 700; color: #333; line-height: 30px; }

#content.operation .compliance_tab05 ol dl dd { line-height: 24px; padding: 15px 0 0; }

#content.operation .compliance_tab05 ol .popup_open { top: auto; bottom: 60px; left: 50%; margin: 0 0 0 -92px; }

#content.operation .compliance_tab06 p.tit { font-size: 22px; font-weight: 700; }

#content.operation .compliance_tab06 p.txt { line-height: 30px; padding: 15px 0 0; }

#content.operation .compliance_tab06 .box01 ol { margin: 50px 0 0 105px; text-align: center; }

#content.operation .compliance_tab06 .box01 ol li { width: 170px; padding: 190px 0 0; font-size: 20px; font-weight: 700; float: left; margin: 0 0 0 80px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 0; background-position-y: 0; background-repeat: no-repeat; }

#content.operation .compliance_tab06 .box01 ol li:nth-of-type(1) { background-image: url(../../images/icon/compliance_icon01.gif); margin: 0; }

#content.operation .compliance_tab06 .box01 ol li:nth-of-type(2) { background-image: url(../../images/icon/compliance_icon02.gif); }

#content.operation .compliance_tab06 .box01 ol li:nth-of-type(3) { background-image: url(../../images/icon/compliance_icon03.gif); }

#content.operation .compliance_tab06 .box02 { line-height: 30px; color: #636363; }

#content.operation .compliance_tab06 .box02 li { margin: 35px 0 0; }

#content.operation .compliance_tab06 .box02 li:first-child { margin: 55px 0 0; }

#content.operation .compliance_tab06 .box02 li em { color: #009944; font-size: 20px; font-weight: 700; }

#content.operation .compliance_tab06 .box03 { margin: 50px 0 0; }

#content.operation .compliance_tab06 .box03 p.tit { font-size: 16px; font-weight: 500; }

#content.operation .compliance_tab06 .box03 p.txt { line-height: 30px; padding: 15px 0 0; color: #636363; }

#content.operation .compliance_tab06 .box04 { padding: 60px 50px; background-color: #009944; color: #fff; line-height: 30px; margin: 60px 0 0; }

#content.operation .compliance_tab06 .box04 p { color: #fff; float: left; }

#content.operation .compliance_tab06 .box04 a { width: 150px; height: 60px; display: block; float: right; color: #df002c; background-color: #fff; font-weight: 700; text-align: center; font-size: 20px; line-height: 60px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.operation .compliance_tab06 .box04 a:hover { background-color: #df002c; color: #fff; }

#modalPopup #qualityPopup img { width: 100%; margin: 0 0 55px; border: 1px solid #d6d6d6; }

#modalPopup #environmentPopup img { width: 100%; margin: 0 0 55px; border: 1px solid #d6d6d6; }

#modalPopup #compliancePopup img { width: 100%; }

#modalPopup .compliance_popup .tit_wrap { text-align: center; }

#modalPopup .compliance_popup .tit_wrap h1 { width: 313px; height: 88px; border: 3px solid #009944; font-size: 25px; font-weight: 700; line-height: 82px; color: #009944; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#modalPopup .compliance_popup .txt_wrap { padding: 50px 0; line-height: 30px; }

#modalPopup .compliance_popup .day_wrap { padding: 35px 40px; background-color: #009944; color: #fff; position: relative; font-size: 18px; line-height: 35px; font-weight: 500; }

#modalPopup .compliance_popup .day_wrap:after { width: 90px; height: 1px; display: block; content: ""; position: absolute; right: 0; bottom: 52px; background-color: #df002c; }

#content.social #subTitle { margin: 60px 0 70px; }

#content.social .social_title { padding: 0 50px; width: 100%; max-width: 1800px; min-width: 1280px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.social .social_title p.tit { font-size: 27px; font-weight: 700; text-align: center; line-height: 40px; }

#content.social .social_title .img_wrap { height: 548px; margin: 60px 0 0; background-image: url(../../images/company/social_img01.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 104%; background-position-y: 104%; background-repeat: no-repeat; }

#content.social .social_box { width: 1180px; margin: 0 auto; }

#content.social .social_box > div article { width: 50%; float: left; margin: 80px 0 0; }

#content.social .social_box > div article h1 { font-size: 25px; font-weight: 700; position: relative; padding: 0 0 0 50px; }

#content.social .social_box > div article h1:before { width: 30px; height: 1px; display: block; content: ""; background-color: #df002c; position: absolute; left: 0; top: 50%; }

#content.social .social_box > div article ol { line-height: 30px; color: #636363; }

#content.social .social_box > div article ol li { margin: 20px 0 0; padding: 0 0 0 60px; position: relative; }

#content.social .social_box > div article ol li:before { position: absolute; display: block; content: "-"; left: 50px; }

#content.history .history_title { width: 96%; position: relative; }

#content.history .history_title p.txt { font-size: 25px; line-height: 42px; position: absolute; left: 25%; top: 65px; font-weight: 700; z-index: 10; }

#content.history .history_title p.txt:before { display: block; content: "“"; position: absolute; top: 0; left: -15px; }

#content.history .history_title .img_box01 { width: 38%; height: 421px; float: right; background-image: url(../../images/company/history_img01.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }

#content.history .history_title .img_box02 { width: 60%; height: 386px; float: left; margin: 127px 0 0; background-image: url(../../images/company/history_img02.jpg); -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }

#content.history #cycleBtn { margin: 90px 0 0;  letter-spacing: 0; }

#content.history .history_wrap { width: 1180px; margin: 80px auto 0; position: relative; }

#content.history .history_wrap.js-motion-end:before { height: 100%; }

#content.history .history_wrap:before { width: 1px; height: 0; display: block; content: ""; position: absolute; background-color: #a8a8a8; left: 50%; top: 20px; -webkit-transition: height 4s ease; -moz-transition: height 4s ease; -o-transition: height 4s ease; -ms-transition: height 4s ease; }

#content.history .history_wrap dl:nth-of-type(odd) { width: 591px; float: right; }

#content.history .history_wrap dl:nth-of-type(odd) dt { float: left; padding: 0 0 0 40px; }

#content.history .history_wrap dl:nth-of-type(odd) dt:after { left: -3px; }

#content.history .history_wrap dl:nth-of-type(odd) dd { float: right; }

#content.history .history_wrap dl:nth-of-type(odd) em { padding: 0 20px 0 0; }

#content.history .history_wrap dl:nth-of-type(odd) em:after { left: -4px; top: 19px; }

#content.history .history_wrap dl:nth-of-type(even) { width: 590px; float: left; direction: rtl; }

#content.history .history_wrap dl:nth-of-type(even) dt { float: right; padding: 0 40px 0 0; }

#content.history .history_wrap dl:nth-of-type(even) dt:after { right: -5px; }

#content.history .history_wrap dl:nth-of-type(even) dd { float: left; }

#content.history .history_wrap dl:nth-of-type(even) em { padding: 0 0 0 20px; }

#content.history .history_wrap dl:nth-of-type(even) em:after { right: -5px; top: 18px; }

#content.history .history_wrap dl:nth-of-type(even) p { direction: ltr; text-align: right; }

#content.history .history_wrap dl dt { width: 100px; position: relative; font-size: 45px;  letter-spacing: 0; }

#content.history .history_wrap dl dt:after { width: 9px; height: 9px; display: block; content: ""; position: absolute; top: 50%; background-color: #df002c; margin: -5px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

#content.history .history_wrap dl dd { width: 410px; line-height: 30px; margin: 10px 0 0; position: relative; }

#content.history .history_wrap dl dd:nth-of-type(1) { margin: 0; }

#content.history .history_wrap dl dd em { vertical-align: top; font-size: 22px; color: #df002c; line-height: 34px;  letter-spacing: 0; }

#content.history .history_wrap dl dd em:after { width: 3px; height: 3px; display: block; content: ""; background-color: #df002c; position: absolute; }

#content.history .history_wrap dl dd p { width: 355px; display: inline-block; font-weight: 500; color: #333; }

#cycleBtn { text-align: center; position: relative; font-weight: 700; }

#cycleBtn.js-motion-end:before { transition-delay: 0.4s; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

#cycleBtn:before { width: 100%; height: 1px; display: block; content: ""; position: absolute; top: 50%; left: 0; background-color: #a8a8a8; z-index: -1; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -o-transition: transform 2s ease; -ms-transition: transform 2s ease; }

#cycleBtn ul { display: inline-block; }

#cycleBtn ul li { float: left; margin: 0 0 0 20px; }

#cycleBtn ul li:first-child { margin: 0; }

#cycleBtn ul a, #cycleBtn ul button { width: 252px; height: 62px; line-height: 62px; display: block; background-color: #f1f1f1; position: relative; color: #636363; border-width: 1px; border-style: solid; border-color: #f1f1f1; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cycleBtn ul a:after, #cycleBtn ul button:after { width: 0; height: 0; display: block; content: ""; border-top: 9px solid #009944; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; left: 50%; margin: 0 0 0 -8px; bottom: -9px; opacity: 0; filter: alpha(opacity=0); }

#cycleBtn ul a.active, #cycleBtn ul button.active { background-color: #009944; color: #fff; border-color: #009944; }

#cycleBtn ul a:hover, #cycleBtn ul button:hover { border-color: #009944; }

#cycleBtn ul a.active:after, #cycleBtn ul button.active:after { opacity: 1; filter: alpha(opacity=100); }

#content.contact .headquarters { position: relative; }

#content.contact .headquarters .head_contact { width: 494px; height: 337px; position: absolute; background-color: #009944; z-index: 10; left: 110px; top: 85px; padding: 0 0 0 57px; color: #fff; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 20px 20px 60px -25px #000; -webkit-box-shadow: 20px 20px 60px -25px #000; box-shadow: 20px 20px 60px -25px #000; }

#content.contact .headquarters .head_contact:after { width: 514px; height: 4px; display: block; content: ""; background-color: #df002c; position: absolute; top: 154px; }

#content.contact .headquarters .head_contact h4 { padding: 45px 0 0; font-size: 25px; background: url(../../images/icon/location_logo.gif) 0 0 no-repeat; font-weight: 700; margin: 50px 0 0; }

#content.contact .headquarters .head_contact .contact_info { padding: 70px 0 0; font-size: 18px; }

#content.contact .headquarters .head_contact .contact_info dl { padding: 15px 0 0; }

#content.contact .headquarters .head_contact .contact_info dl:first-child { padding: 0; }

#content.contact .headquarters .head_contact .contact_info dt { width: 85px; float: left;  letter-spacing: 0; }

#content.contact .headquarters .head_contact .contact_info dd { float: left; font-weight: 500; }

#content.contact .headquarters #map01 { width: 82%; height: 507px; margin: 0 0 0 13%; }

#content.contact #cycleBtn { margin: 90px 0 0; }

#content.contact .contact_wrap { width: 1180px; margin: 60px auto 0; }

#content.contact .contact_wrap .contact_box { width: 1200px; margin: 0 0 0 -20px; }

#content.contact .contact_wrap article { width: 580px; height: 510px; float: left; margin: 0 0 0 20px; }

#content.contact .contact_wrap article .map_area { width: 580px; height: 312px; background-color: #636363; }

#content.contact .contact_wrap article .txt_wrap { padding: 30px 40px 0 40px; }

#content.contact .contact_wrap article .txt_wrap h1 { font-size: 25px; font-weight: 700; color: #009944; margin: 0 0 20px; }

#content.contact .contact_wrap article .txt_wrap dl { margin: 5px 0 0; line-height: 30px; font-size: 17px; color: #636363; }

#content.contact .contact_wrap article .txt_wrap dl dt { width: 60px; float: left;  letter-spacing: 0; }

#content.contact .contact_wrap article .txt_wrap dl dd { width: 440px; float: left; margin: -2px 0 0; }

#content.intro #subTitle p { font-size: 20px; padding: 50px 0 0; line-height: 35px; }

#content.intro .intro_wrap .intro_product { width: 1180px; margin: 0 auto; }

#content.intro .intro_wrap .intro_product .product_tab { position: relative; text-align: center; }

#content.intro .intro_wrap .intro_product .product_tab:after { width: 780px; height: 1px; display: block; content: ""; background-color: #d6d6d6; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -390px; z-index: -1; }

#content.intro .intro_wrap .intro_product .product_tab li { display: inline-block; margin: 0 5px; }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(1) button { background-image: url(../../images/icon/intro_icon01.png); }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(1) button:hover, #content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(1) button.active { background-image: url(../../images/icon/intro_icon01_over.png); }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(2) button { background-image: url(../../images/icon/intro_icon02.png); }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(2) button:hover, #content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(2) button.active { background-image: url(../../images/icon/intro_icon02_over.png); }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(3) button { background-image: url(../../images/icon/intro_icon03.png); }

#content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(3) button:hover, #content.intro .intro_wrap .intro_product .product_tab li:nth-of-type(3) button.active { background-image: url(../../images/icon/intro_icon03_over.png); }

#content.intro .intro_wrap .intro_product .product_tab li button { width: 165px; height: 110px; padding: 55px 0 0; background-color: #f1f1f1; background-position: 50% 17px; background-repeat: no-repeat; position: relative; color: #636363; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  letter-spacing: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.intro .intro_wrap .intro_product .product_tab li button:after { width: 0; height: 0; display: block; content: ""; border-top: 9px solid #009944; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; left: 50%; margin: 0 0 0 -8px; bottom: -9px; opacity: 0; filter: alpha(opacity=0); }

#content.intro .intro_wrap .intro_product .product_tab li button:hover, #content.intro .intro_wrap .intro_product .product_tab li button.active { background-color: #009944; color: #fff; }

#content.intro .intro_wrap .intro_product .product_tab li button.active:after { opacity: 1; filter: alpha(opacity=100); }

#content.intro .intro_wrap .intro_product .product_img { margin: 60px 0 0; position: relative; height: 580px; }

#content.intro .intro_wrap .intro_product .product_img li { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }

#content.intro .intro_wrap .intro_product .product_img li:first-child { opacity: 1; filter: alpha(opacity=100); }

#content.intro .intro_wrap .intro_product .product_txt { width: 1020px; height: 300px; margin: 70px auto 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.intro .intro_wrap .intro_product .product_txt article { width: 100%; position: absolute; top: 15px; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); }

#content.intro .intro_wrap .intro_product .product_txt article:first-child { display: block; top: 0; opacity: 1; filter: alpha(opacity=100); }

#content.intro .intro_wrap .intro_product .product_txt article .product_name { float: left; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name h1 { font-size: 30px; position: relative; display: inline-block; color: #009944;  letter-spacing: 0; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name h1:after { width: 100%; height: 2px; display: block; content: ""; position: absolute; background-color: #009944; bottom: -7px; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name a { width: 100px; display: block; margin: 45px 0 0; position: relative; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name a:after { content: ""; background: url(../../images/careers/more_icon_red.png) no-repeat; width: 33px; height: 7px; top: 50%; right: -40px; margin: -4px 0; position: absolute; display: block; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name a:hover { color: #df002c; }

#content.intro .intro_wrap .intro_product .product_txt article .product_name a:hover:after { -webkit-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0); }

#content.intro .intro_wrap .intro_product .product_txt article p { width: 725px; float: right; line-height: 30px; margin: -5px 0 0; }

#content.intro .intro_wrap .intro_box { margin: 0 auto; border-top: 1px solid #d6d6d6; text-align: center; padding: 110px 0 0; }

#content.intro .intro_wrap .intro_box h4 { font-size: 25px; }

#content.intro .intro_wrap .intro_box p { line-height: 30px; color: #636363; padding: 25px 0 40px; }

#content.intro .intro_wrap .intro_box img { width: 1180px; }

#content.rnd { width: 1180px; margin: 0 auto 150px; }

#content.rnd .rnd_wrap .rnd_title { position: relative; }

#content.rnd .rnd_wrap .rnd_title:after { width: 0; height: 2px; display: block; content: ""; background-color: #df002c; position: absolute; bottom: 34px; right: 0; -webkit-transition: width 2s ease; -moz-transition: width 2s ease; -o-transition: width 2s ease; -ms-transition: width 2s ease; }

#content.rnd .rnd_wrap .rnd_title.js-motion-end:after { width: 76px; }

#content.rnd .rnd_wrap .rnd_title h4 { line-height: 45px; font-size: 28px; font-weight: 700; padding: 23px 0; }

#content.rnd .rnd_wrap .rnd_title h4:before, #content.rnd .rnd_wrap .rnd_title h4:after { width: 12px; height: 10px; position: absolute; display: block; left: 0; background: url(../../images/icon/quotes_icon01.gif) 50% 50% no-repeat; }

#content.rnd .rnd_wrap .rnd_title h4:before { top: 0; content: ""; }

#content.rnd .rnd_wrap .rnd_title h4:after { bottom: 0; content: ""; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#content.rnd .rnd_wrap > article { margin: 95px 0 0; }

#content.rnd .rnd_wrap > article > h1 { font-size: 25px; color: #009944; font-weight: 700; }

#content.rnd .rnd_wrap .rnd_box01 p { line-height: 30px; padding: 50px 0 0; color: #636363; }

#content.rnd .rnd_wrap .rnd_box01 ol { text-align: center; font-size: 18px; font-weight: 700; padding: 50px 0 0; }

#content.rnd .rnd_wrap .rnd_box01 ol li { width: 585px; float: left; margin: 0 0 0 10px; }

#content.rnd .rnd_wrap .rnd_box01 ol li:first-child { margin: 0; }

#content.rnd .rnd_wrap .rnd_box01 ol li img { width: 100%; }

#content.rnd .rnd_wrap .rnd_box01 ol li span { display: inline-block; padding: 30px 0 0; }

#content.rnd .rnd_wrap .rnd_box03 { margin: 90px 0 0; }

#content.rnd .rnd_wrap .rnd_box03 ol { margin: 55px 0 0; padding: 250px 65px 0; background-image: url(../../images/business/rnd_img03.jpg); text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 0; background-position-y: 0; background-repeat: no-repeat; }

#content.rnd .rnd_wrap .rnd_box03 ol li { width: 350px; float: left; line-height: 26px; font-weight: 500; }

#content.rnd .rnd_wrap .rnd_box02 { margin: 90px 0 0; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_history { margin: 110px 0 0; padding: 60px 75px 60px 85px; background-color: #009944; color: #fff; position: relative; overflow: hidden; }

#content.rnd .rnd_wrap .rnd_box02 .history_info { position: relative; }

#content.rnd .rnd_wrap .rnd_box02 .history_info article { display: none; position: absolute; left: 0; top: 0; -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); opacity: 0; filter: alpha(opacity=0); }

#content.rnd .rnd_wrap .rnd_box02 .history_info article:first-child { display: block; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

#content.rnd .rnd_wrap .rnd_box02 .history_info article h1 { font-size: 35px; position: relative; display: inline-block;  letter-spacing: 0; }

#content.rnd .rnd_wrap .rnd_box02 .history_info article h1:after { width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: -14px; display: block; content: ""; }

#content.rnd .rnd_wrap .rnd_box02 .history_info article h1 span { font-size: 20px;  }

#content.rnd .rnd_wrap .rnd_box02 .history_info article ol { margin: 40px 0 0; line-height: 35px; }

#content.rnd .rnd_wrap .rnd_box02 #historyBtn { position: absolute; right: 75px; top: 60px; }

#content.rnd .rnd_wrap .rnd_box02 #historyBtn button { width: 33px; height: 33px; text-indent: -9999px; background-image: url(../../images/icon/visual_btn_icon.png); margin: 0 0 0 3px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; -webkit-background-size: 6px auto; background-size: 6px auto; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; border-width: 1px; border-style: solid; border-color: #7d8bb4; }

#content.rnd .rnd_wrap .rnd_box02 #historyBtn button:hover { background-color: #df002c; border-color: #df002c; }

#content.rnd .rnd_wrap .rnd_box02 #historyBtn button.prev_btn { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart { margin: 55px 0 0; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart div { width: 578px; float: left; margin: 0 0 0 20px; border: 1px solid #d6d6d6; padding: 50px 45px 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart div:first-child { margin: 0; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart div:after { width: 100%; display: block; position: absolute; bottom: -40px; text-align: center; left: 0; font-weight: 500; font-size: 18px; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart div .ct-series-b .ct-point, #content.rnd .rnd_wrap .rnd_box02 .rnd_chart div .ct-series-b .ct-line, #content.rnd .rnd_wrap .rnd_box02 .rnd_chart div .ct-series-b .ct-bar, #content.rnd .rnd_wrap .rnd_box02 .rnd_chart div .ct-series-b .ct-slice-donut { stroke: #df002c; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart .label_unit { width: 437px; background-color: #fff; position: absolute; text-align: center; bottom: 21px; left: 95px; padding: 10px 0; color: #636363; font-size: 14px; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart .label_unit li { float: left; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .chart_label { position: absolute; top: 30px; right: 40px; font-weight: 500; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .chart_label li { float: left; padding: 0 0 0 16px; margin: 0 0 0 16px; position: relative; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .chart_label li:after { width: 10px; height: 10px; display: block; content: ""; position: absolute; left: 0; top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .chart_label li:nth-of-type(1):after { background-color: #df002c; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .chart_label li:nth-of-type(2):after { background-color: #009944; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart:after { content: "기술별 지적재산권 현황"; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #technologyChart .label_unit li { width: 50%; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #intellectualChart:after { content: "국내·외 지적재산권 현황"; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #intellectualChart .label_unit li { width: 16.5%; }

#content.rnd .rnd_wrap .rnd_box02 .rnd_chart #intellectualChart .ct-bar { stroke: #009944 !important; }

#content.product_list { width: 1180px; margin: 0 auto 150px; }

#content.product_list .list_wrap { margin: 70px 0 0; }

#content.product_list .list_wrap article { width: 100%; height: 353px; margin: 30px 0 0; }

#content.product_list .list_wrap article:first-child { margin: 0; }

#content.product_list .list_wrap article a { display: block; height: 100%; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.product_list .list_wrap article a:hover { background-color: #009944; }

#content.product_list .list_wrap article a:hover h1 { color: #fff; }

#content.product_list .list_wrap article a:hover p { color: #fff; }

#content.product_list .list_wrap article a:hover ol { border-color: #fff; }

#content.product_list .list_wrap article .img_wrap { width: 680px; height: 100%; float: left; overflow: hidden; }

#content.product_list .list_wrap article .img_wrap img { width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.product_list .list_wrap article .txt_wrap { width: 500px; height: 100%; float: left; padding: 45px 60px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.product_list .list_wrap article .txt_wrap h1 { font-size: 28px; color: #009944;  letter-spacing: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.product_list .list_wrap article .txt_wrap p { height: 150px; color: #636363; line-height: 30px; margin: 15px 0 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }

#content.product_list .list_wrap article .txt_wrap ol { padding: 10px 18px; position: absolute; bottom: 45px; left: 60px; background-color: #fff; font-size: 15px; border-width: 1px; border-style: solid; border-color: #a8a8a8;  letter-spacing: 0; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; }

#content.product_list .list_wrap article .txt_wrap ol li { display: inline-block; margin: 0 0 0 10px; }

#content.product_list .list_wrap article .txt_wrap ol li:first-child { margin: 0; }

#content.product_view .view_box { width: 1180px; margin: 0 auto; overflow: hidden; }

#content.product_view .view_tit { margin: 80px 0 60px; position: relative; }

#content.product_view .view_tit a.back_btn { height: 19px; line-height: 19px; color: #636363; font-size: 16px; display: inline-block; padding: 0 40px 0 0; background-image: url(../../images/icon/back_icon.gif); position: absolute; left: 0; top: 10px;  letter-spacing: 0; -ms-background-position-x: 100%; background-position-x: 100%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.product_view .view_tit a.back_btn:hover { color: #df002c; background-image: url(../../images/icon/back_icon_over.gif); }

#content.product_view .view_tit h3 { text-align: center; font-size: 43px;  letter-spacing: 0; }

#content.product_view .view_tit button { width: 107px; height: 40px; position: absolute; right: 0; top: 0; border: 2px solid #009944; line-height: 37px; display: none; text-indent: 26px; background-image: url(../../images/icon/video_icon.png);  letter-spacing: 0; -ms-background-position-x: 16px; background-position-x: 16px; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.product_view .view_tit button:hover { background-color: #009944; background-image: url(../../images/icon/video_icon_on.png); color: #fff; }

#content.product_view .intro_wrap { margin: 100px 0 0; }

#content.product_view .intro_wrap article { margin: 78px 0 0; }

#content.product_view .intro_wrap article:first-child { margin: 0; }

#content.product_view .intro_wrap article h1 { float: left; position: relative; font-size: 22px;  letter-spacing: 0; }

#content.product_view .intro_wrap article h1:after { width: 20px; height: 1px; display: block; content: ""; position: absolute; background-color: #df002c; right: -35px; top: 50%; }

#content.product_view .intro_wrap article p { width: 880px; float: right; line-height: 30px; white-space: pre-line; margin: -10px 0 0; }

#content.product_view .intro_wrap article p strong { font-weight: 700; }

#content.product_view .intro_box { margin: 50px 0 0; line-height: 26px; }

#content.product_view .intro_box img { width: 100%; }

#content.product_view #relation { padding: 80px 0; position: relative; margin: 0 0 -150px; }

#content.product_view #relation:after { width: 100%; height: 436px; background-color: #009944; display: block; content: ""; position: absolute; bottom: -2px; z-index: 5; }

#content.product_view #relation.relation_none:after { height: 285px; }

#content.product_view #relation h4 { font-size: 20px; font-weight: 700; }

#content.product_view #relation .relation_wrap { width: 1180px; margin: 0 auto; position: relative; z-index: 10; }

#content.product_view #relation .relation_wrap .relation_box { padding: 25px 0 0; }

#content.product_view #relation .relation_wrap article { width: 580px; float: left; margin: 0 0 0 20px; }

#content.product_view #relation .relation_wrap article:first-child { margin: 0; }

#content.product_view #relation .relation_wrap a { display: block; position: relative; }

#content.product_view #relation .relation_wrap a:after { width: 40px; height: 7px; display: block; content: ""; background-image: url(../../images/icon/relation_icon.png); position: absolute; right: 50px; bottom: 10px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.product_view #relation .relation_wrap a:hover h1:after { width: 100%; }

#content.product_view #relation .relation_wrap a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

#content.product_view #relation .relation_wrap a:hover:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0); }

#content.product_view #relation .relation_wrap .img_wrap { height: 300px; overflow: hidden; }

#content.product_view #relation .relation_wrap .img_wrap img { width: 100%; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; }

#content.product_view #relation .relation_wrap h1 { margin: 20px 0 0 40px; font-size: 22px; color: #fff; display: inline-block; position: relative;  letter-spacing: 0; }

#content.product_view #relation .relation_wrap h1:before { width: 23px; height: 1px; display: block; content: ""; background-color: #fff; position: absolute; left: -40px; top: 50%; }

#content.product_view #relation .relation_wrap h1:after { width: 0; height: 2px; display: block; content: ""; background-color: #fff; position: absolute; bottom: -3px; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; -ms-transition: width 0.2s ease; }

#content.product_view #relation .relation_wrap .tech_advice { width: 100%; height: 122px; margin: 60px 0 0; border: 5px solid #fff; text-align: center; line-height: 112px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.product_view #relation .relation_wrap .tech_advice .tech_wrap { display: inline-block; color: #fff; }

#content.product_view #relation .relation_wrap .tech_advice .tech_wrap h5 { float: left; font-size: 20px; font-weight: 700; padding: 0 0 0 70px; background-image: url(../../images/icon/advice_icon.gif); -ms-background-position-x: 0; background-position-x: 0; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.product_view #relation .relation_wrap .tech_advice .tech_wrap p { float: left; margin: 0 0 0 60px; font-weight: 500; }

#content.product_view #youtubePopup { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #009944; text-align: center; z-index: 110; display: none; }

#content.product_view #youtubePopup #youtubeCloseBtn { position: absolute; right: 0; }

#content.product_view #youtubePopup .youtube_wrap { display: table-cell; vertical-align: middle; }

#content.product_view #youtubePopup .youtube_wrap h1 { font-size: 35px; color: #fff; margin: 0 0 30px;  letter-spacing: 0; }

#productRolling .img_wrap { width: 100%; height: 638px; position: relative; }

#productRolling .img_wrap li { position: absolute; top: 0; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); }

#productRolling .img_wrap li:first-child { display: block; opacity: 1; filter: alpha(opacity=100); }

#productRolling .nav_btn { text-align: center; margin: 25px 0 0; }

#productRolling .nav_btn .prev_btn, #productRolling .nav_btn .next_btn { width: 40px; height: 40px; display: inline-block; text-indent: -9999px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border-width: 1px; border-style: solid; border-color: #a8a8a8; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#productRolling .nav_btn .prev_btn:hover, #productRolling .nav_btn .prev_btn.active, #productRolling .nav_btn .next_btn:hover, #productRolling .nav_btn .next_btn.active { background-color: #009944; border-color: #009944; background-image: url(../../images/icon/page_prev_over.png); }

#productRolling .nav_btn .prev_btn { background-image: url(../../images/icon/nav_prev_icon.png); margin: 0 17px 0 5px; }

#productRolling .nav_btn .next_btn { background-image: url(../../images/icon/nav_prev_icon.png); margin: 0 5px 0 17px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#productRolling .nav_btn .indi_btn { display: inline-block; margin: 16px 0 0; vertical-align: top; }

#productRolling .nav_btn .indi_btn button { width: 8px; height: 8px; margin: 0 10px; vertical-align: top; float: left; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; -ms-transition: width 0.2s ease; }

#productRolling .nav_btn .indi_btn button span { width: 8px; height: 8px; display: block; border-width: 2px; border-style: solid; border-color: #636363; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#productRolling .nav_btn .indi_btn button.active { width: 28px; }

#productRolling .nav_btn .indi_btn button.active span { width: 28px; background-color: #333; border-color: #333; }

#productRolling .process_wrap { position: relative; background-color: #f1f1f1; margin: 70px 0 0; }

#productRolling .process_wrap:before { width: 20px; height: 100%; display: block; content: ""; background-color: #fff; position: absolute; left: 580px; }

#productRolling .process_wrap article { width: 580px; padding: 35px 40px; float: left; margin: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#productRolling .process_wrap article:first-child { margin: 0; }

#productRolling .process_wrap article h1 { font-size: 19px; border-bottom: 2px solid #333; padding: 0 0 18px;  letter-spacing: 0; }

#productRolling .process_wrap article p { line-height: 30px; font-weight: 300; color: #636363; padding: 15px 0 0; }

#content.news_list { width: 1180px; margin: 0 auto 150px; }

#content.news_list .list_wrap { width: 1200px; margin: 0 0 0 -20px; }

#content.news_list .list_wrap article { width: 380px; height: 390px; float: left; margin: 0 0 20px 20px; }

#content.news_list .list_wrap article a { width: 100%; height: 100%; display: block; position: relative; }

#content.news_list .list_wrap article a:hover .box_link_dot:after, #content.news_list .list_wrap article a:hover .box_link_dot:before { width: 100%; opacity: 1; filter: alpha(opacity=100); }

#content.news_list .list_wrap article a:hover:after, #content.news_list .list_wrap article a:hover:before { height: 100%; opacity: 1; filter: alpha(opacity=100); }

#content.news_list .list_wrap article a:after, #content.news_list .list_wrap article a:before { width: 2px; height: 0; position: absolute; display: block; content: ""; background-color: #009944; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }

#content.news_list .list_wrap article a:after { right: 0; top: 0; }

#content.news_list .list_wrap article a:before { left: 0; bottom: 0; }

#content.news_list .list_wrap article a .box_link_dot:after, #content.news_list .list_wrap article a .box_link_dot:before { width: 0; height: 2px; position: absolute; display: block; content: ""; background-color: #009944; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }

#content.news_list .list_wrap article a .box_link_dot:after { right: 0; top: 0; }

#content.news_list .list_wrap article a .box_link_dot:before { left: 0; bottom: 0; }

#content.news_list .list_wrap article a:hover h1 { color: #009944; }

#content.news_list .list_wrap article a:hover img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

#content.news_list .list_wrap article.img_ex .img_wrap { height: 250px; overflow: hidden; position: relative; }

#content.news_list .list_wrap article.img_ex .img_wrap img { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.news_list .list_wrap article.img_ex h1 { height: 70px; font-size: 22px; line-height: 35px; padding: 0 20px; margin: 15px 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.news_list .list_wrap article.img_ex p.unit { padding: 0 0 0 20px; margin: 15px 0 0; }

#content.news_list .list_wrap article.img_ex p.unit time {  letter-spacing: 0; }

#content.news_list .list_wrap article.img_ex p.unit span { position: relative; padding: 0 0 0 25px; }

#content.news_list .list_wrap article.img_ex p.unit span:before { width: 1px; height: 15px; display: block; content: ""; position: absolute; left: 12px; top: 5px; background-color: #636363; }

#content.news_list .list_wrap article.img_none { background-color: #f1f1f1; }

#content.news_list .list_wrap article.img_none a { padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.news_list .list_wrap article.img_none h1 { height: 70px; font-size: 25px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.news_list .list_wrap article.img_none p.txt { height: 75px; line-height: 25px; color: #636363; margin: 20px 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }

#content.news_list .list_wrap article.img_none p.unit { position: absolute; bottom: 40px; left: 40px; }

#content.news_list .list_wrap article.img_none p.unit time {  letter-spacing: 0; }

#content.news_list .list_wrap article.img_none p.unit span { position: relative; padding: 0 0 0 25px; }

#content.news_list .list_wrap article.img_none p.unit span:before { width: 1px; height: 15px; display: block; content: ""; position: absolute; left: 12px; top: 5px; background-color: #636363; }

#content.news_view { width: 1180px; margin: 0 auto 150px; }

#content.news_view .view_wrap .tit_box { width: 100%; padding: 30px; border: 2px solid #333; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.news_view .view_wrap .tit_box h4 { width: 675px; font-size: 25px; font-weight: 700; display: inline-block; line-height: 32px; }

#content.news_view .view_wrap .tit_box time { display: block; padding: 18px 0 0;  letter-spacing: 0; }

#content.news_view .view_wrap .img_wrap { margin: 50px 0 0; }

#content.news_view .view_wrap .img_wrap img { width: 100%; }

#content.news_view .view_wrap .txt_wrap { padding: 60px 100px; }

#content.news_view .view_wrap .txt_wrap p { white-space: pre-line; line-height: 30px; }

#content.news_view .view_wrap .txt_wrap .down_wrap { margin: 30px 0 0; }

#content.news_view .view_wrap .txt_wrap .down_wrap a { display: inline-block; padding: 15px; margin: 0 2px 0 0; border-width: 1px; border-style: solid; border-color: #a8a8a8; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.news_view .view_wrap .txt_wrap .down_wrap a:hover { border-color: #df002c; background-color: #df002c; color: #fff; }

#content.news_view .view_wrap .btn_wrap { padding: 20px 0; text-align: center; position: relative; background-color: #f1f1f1; font-weight: 500; }

#content.news_view .view_wrap .btn_wrap .prev, #content.news_view .view_wrap .btn_wrap .next { position: absolute; top: 35px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.news_view .view_wrap .btn_wrap .prev i, #content.news_view .view_wrap .btn_wrap .next i { width: 10px; height: 17px; display: inline-block; background-image: url(../../images/icon/prev_icon.png); vertical-align: top; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.news_view .view_wrap .btn_wrap .prev:hover, #content.news_view .view_wrap .btn_wrap .next:hover { color: #df002c; }

#content.news_view .view_wrap .btn_wrap .prev:hover i, #content.news_view .view_wrap .btn_wrap .next:hover i { background-image: url(../../images/icon/prev_icon_over.png); }

#content.news_view .view_wrap .btn_wrap .prev { left: 50px; }

#content.news_view .view_wrap .btn_wrap .prev i { margin: 0 15px 0 0; }

#content.news_view .view_wrap .btn_wrap .next { right: 50px; }

#content.news_view .view_wrap .btn_wrap .next i { margin: 0 0 0 15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#content.news_view .view_wrap .btn_wrap .list_go { width: 132px; height: 45px; display: inline-block; background-color: #009944; color: #fff; line-height: 45px; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.news_view .view_wrap .btn_wrap .list_go:hover { background-color: #df002c; }

#content.ci { width: 1180px; margin: 0 auto 150px; }

#content.ci .ci_wrap .ci_box { margin: 100px 0 0; }

#content.ci .ci_wrap .ci_box:first-child { margin: 0; }

#content.ci .ci_wrap h1 { font-size: 20px; margin: 0 0 25px;  letter-spacing: 0; }

#content.ci .ci_wrap .ci_img { width: 100%; height: 335px; border: 1px solid #d6d6d6; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.ci .ci_wrap .ci_img.ci_img01 { background-image: url(../../images/pr/ci_logo01.jpg); }

#content.ci .ci_wrap .ci_img.ci_img02 { background-image: url(../../images/pr/ci_logo02.jpg); }

#content.ci .ci_wrap .txt_wrap { margin: 55px 0 0; }

#content.ci .ci_wrap .txt_wrap ol { float: left; text-indent: 25px; font-weight: 500; }

#content.ci .ci_wrap .txt_wrap ol li { width: 204px; height: 50px; line-height: 44px; margin: 0 0 10px; }

#content.ci .ci_wrap .txt_wrap ol a { display: block; color: #009944; background-image: url(../../images/icon/download_icon.png); border-width: 3px; border-style: solid; border-color: #009944; -ms-background-position-x: 160px; background-position-x: 160px; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.ci .ci_wrap .txt_wrap ol a:hover { color: #fff; background-color: #009944; background-image: url(../../images/icon/download_icon_over.png); }

#content.ci .ci_wrap .txt_wrap p { width: 780px; float: right; line-height: 30px; color: #636363; margin: -10px 0 0; }

#content.ci .ci_wrap .color_step { color: #fff; text-align: center;  letter-spacing: 0; }

#content.ci .ci_wrap .color_step li { width: 380px; margin: 25px 0 0 20px; float: left; padding: 25px 0 45px; position: relative; }

#content.ci .ci_wrap .color_step li:nth-of-type(1) { background-color: #009944; margin: 25px 0 0; }

#content.ci .ci_wrap .color_step li:nth-of-type(1):before { border-bottom-color: #009944; }

#content.ci .ci_wrap .color_step li:nth-of-type(2) { background-color: #acacac; }

#content.ci .ci_wrap .color_step li:nth-of-type(2):before { border-bottom-color: #acacac; }

#content.ci .ci_wrap .color_step li:nth-of-type(3) { background-color: #df002c; }

#content.ci .ci_wrap .color_step li:nth-of-type(3):before { border-bottom-color: #df002c; }

#content.ci .ci_wrap .color_step li:before { width: 100%; height: 0; border-bottom-width: 25px; border-bottom-style: solid; border-right: 25px solid transparent; display: block; content: ""; position: absolute; top: -25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.ci .ci_wrap .color_step p.tit { font-size: 25px; }

#content.ci .ci_wrap .color_step p.rgb { line-height: 30px; padding: 15px 0 0; }

#content.magazine { width: 1180px; margin: 0 auto 150px; }

#content.magazine .magazine_wrap ul { width: 1200px; margin: 0 0 0 -20px; }

#content.magazine .magazine_wrap li { width: 280px; height: 490px; float: left; margin: 0 0 27px 20px; overflow: hidden; }

#content.magazine .magazine_wrap a:hover .txt_wrap { background-color: #009944; }

#content.magazine .magazine_wrap a:hover .img_wrap:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, -13px); -moz-transform: translate(0, -13px); -ms-transform: translate(0, -13px); -o-transform: translate(0, -13px); transform: translate(0, -13px); }

#content.magazine .magazine_wrap a:hover p.txt, #content.magazine .magazine_wrap a:hover small { color: #fff; }

#content.magazine .magazine_wrap a:hover small { background-color: #009944; }

#content.magazine .magazine_wrap .img_wrap { height: 350px; position: relative; overflow: hidden; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.magazine .magazine_wrap .img_wrap img { width: 100%; }

#content.magazine .magazine_wrap .img_wrap:after { width: 85px; height: 85px; display: block; content: ""; position: absolute; top: 50%; left: 50%; background-color: #009944; background-image: url(../../images/icon/magnifying_icon.png); margin: -30px 0 0 -43px; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.magazine .magazine_wrap .txt_wrap { padding: 20px 0 25px 20px; position: relative; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.magazine .magazine_wrap .txt_wrap:after { width: 100%; height: 1px; display: block; content: ""; background-color: #df002c; position: absolute; bottom: 34px; }

#content.magazine .magazine_wrap p.txt, #content.magazine .magazine_wrap small { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.magazine .magazine_wrap p.txt { font-size: 22px; font-weight: 500; line-height: 29px; height: 58px; }

#content.magazine .magazine_wrap small { color: #636363; margin: 20px 0 0; display: inline-block; background-color: #fff; position: relative; z-index: 1; padding: 0 10px 0 0;  letter-spacing: 0; }

#content.magazine #listPage { margin: 30px 0 0; }

table.basic_table th, table.basic_table td { padding: 22px 0; }

table.basic_table td { border-left: 1px solid #d6d6d6; }

table.basic_table thead { border-top: 2px solid #636363; border-bottom: 1px solid #636363; font-weight: 500; }

table.basic_table tbody tr { border-bottom: 1px solid #d6d6d6; }

table.basic_table tbody tr.spot { font-weight: 500; background-color: #f1f1f1; }

table.basic_table tbody th { font-weight: 500; }

#content.ownership { width: 1180px; margin: 0 auto 150px; }

#content.ownership .ownership_wrap h4 { padding: 0 0 50px; font-size: 27px; text-align: center; }

#content.ownership .ownership_wrap h4 em { font-size: 28px; color: #df002c; padding: 0 0 0 25px;  letter-spacing: 0; }

#content.ownership .ownership_wrap table { text-align: center; }

#content.ownership .ownership_wrap table .td_num01 { width: 75px; display: inline-block; text-align: right; }

#content.ownership .ownership_wrap table .td_num02 { width: 50px; display: inline-block; text-align: right; }

#content.ownership .ownership_wrap p { color: #636363; padding: 25px 0 0; }

#content.governance { width: 1180px; margin: 0 auto 150px; }

#content.governance .governance_wrap p.tit { text-align: center; font-size: 22px; color: #009944; font-weight: 500; }

#content.governance .governance_wrap article { margin: 50px 0 0; }

#content.governance .governance_wrap article h1 { font-size: 20px; margin: 0 0 20px; }

#content.governance .governance_wrap article table { text-align: center; }

#content.governance .governance_wrap article table .text_left { text-align: left; padding: 15px 0 15px 30px; line-height: 25px; }

#content.incorporation .incorporation_wrap { width: 1180px; margin: 0 auto; }

#content.incorporation .incorporation_wrap .incorporation_info { width: 100%; color: #333; border: 2px solid #333; margin: 50px 0 0; padding: 50px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.incorporation .incorporation_wrap .down_wrap { margin: 50px 0 0; text-align: center; font-size: 17px; }

#content.incorporation .incorporation_wrap .down_wrap a { width: 204px; height: 50px; line-height: 44px; display: inline-block; color: #009944; background-image: url(../../images/icon/download_icon.png); text-align: left; padding: 0 0 0 25px; font-weight: 500; border-width: 3px; border-style: solid; border-color: #009944; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-background-position-x: 160px; background-position-x: 160px; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.incorporation .incorporation_wrap .down_wrap a:hover { color: #fff; background-color: #009944; background-image: url(../../images/icon/download_icon_over.png); }

#content.financial_information01 { width: 1180px; margin: 0 auto 150px; }

#content.financial_information01 #category_nav { font-weight: 500; }

#content.financial_information01 .chart_wrap div { width: 380px; height: 400px; position: relative; float: left; margin: 0 0 0 20px; }

#content.financial_information01 .chart_wrap div:first-child { margin: 0; }

#content.financial_information01 .chart_wrap div:after { width: 100%; background-color: #fff; display: block; position: absolute; bottom: -15px; left: 0; font-size: 20px; font-weight: 500; color: #333; text-align: center; padding: 30px 0 0; }

#content.financial_information01 .chart_wrap #chart01:after { content: "매출액"; }

#content.financial_information01 .chart_wrap #chart02:after { content: "영업이익"; }

#content.financial_information01 .chart_wrap #chart03:after { content: "부채비율"; }

#content.financial_information01 .info_wrap .table_sec { margin: 70px 0 0; }

#content.financial_information01 .info_wrap .table_sec .tit_wrap { margin: 0 0 20px; }

#content.financial_information01 .info_wrap .table_sec .tit_wrap h4 { font-size: 20px; float: left; }

#content.financial_information01 .info_wrap .table_sec .tit_wrap small { float: right; color: #636363; }

#content.financial_information01 .info_wrap .table_sec table { text-align: center; }

#content.financial_information01 .info_wrap .info_txt { padding: 20px 0 0; }

#content.financial_information02 { width: 1180px; margin: 0 auto 150px; }

#content.financial_information02 .info_wrap { margin: 50px 0 0; }

#content.financial_information02 .table_title { line-height: 50px; background-color: #333; color: #fff; text-align: center; font-weight: 500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.financial_information02 .table_title p.num { width: 177px; float: left; }

#content.financial_information02 .table_title p.subject { width: 725px; float: left; }

#content.financial_information02 .table_title p.day { width: 278px; float: left; }

#content.financial_information02 .table_info { line-height: 30px; text-align: center; color: #636363; }

#content.financial_information02 .table_info li { margin: 10px 0 0; padding: 25px 0; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; border-width: 2px; border-style: solid; border-color: #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.financial_information02 .table_info li:hover { border-color: #009944; }

#content.financial_information02 .table_info li:hover .num, #content.financial_information02 .table_info li:hover .subject button, #content.financial_information02 .table_info li:hover .subject button a, #content.financial_information02 .table_info li:hover .day { color: #009944; }

#content.financial_information02 .table_info li .num { width: 175px; float: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease;  letter-spacing: 0; }

#content.financial_information02 .table_info li .subject { width: 725px; float: left; padding: 0 0 0 25px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.financial_information02 .table_info li .subject button { line-height: 30px; color: #636363; text-align: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.financial_information02 .table_info li .day { width: 276px; float: left;  letter-spacing: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.financial_information02 .count_not { font-size: 20px; color: #a8a8a8; text-align: center; font-weight: 700; padding: 120px 0 0; }

#content.stock { width: 1180px; margin: 0 auto 150px; }

#content.stock .table_sec { margin: 70px 0 0; }

#content.stock .table_sec .tit_wrap { margin: 0 0 20px; }

#content.stock .table_sec .tit_wrap h4 { font-size: 20px; float: left; }

#content.stock .table_sec .tit_wrap small { float: right; color: #636363; }

#content.stock .stock_box01 #stockLive .ct-line { stroke-width: 2px; }

#content.stock .stock_box01 #stockLive .ct-point { display: none; }

#content.stock .stock_box01 #stockLive .ct-labels { /* foreignObject span {display:none;} foreignObject span.ct-start {display:block;} foreignObject:nth-of-type(29n+1) span.ct-end {display:block;} text {display:none;} text.ct-start {display:block;} text:nth-of-type(29n+1).ct-end {display:block;}*/ }

#content.stock .stock_box02 .stock_con h1 { font-size: 22px; text-align: center; font-weight: 700; color: #fff; background-color: #162b6a; padding: 20px 0; }

#content.stock .stock_box02 .stock_con h1 span { font-size: 16px; vertical-align: bottom; font-weight: 500; display: inline-block; padding: 0 0 0 5px;  letter-spacing: 0; }

#content.stock .stock_box02 .stock_con ol { background-color: #009944; color: #fff; padding: 30px 0; }

#content.stock .stock_box02 .stock_con ol li { width: 277px; height: 70px; float: left; position: relative; padding: 0 40px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.stock .stock_box02 .stock_con ol li:first-child { width: 348px; padding: 0 50px 0 40px; }

#content.stock .stock_box02 .stock_con ol li:first-child p.num { font-size: 40px; }

#content.stock .stock_box02 .stock_con ol li:before { width: 2px; height: 70px; display: block; content: ""; background-color: #344d96; position: absolute; left: 0; top: 0; }

#content.stock .stock_box02 .stock_con ol li p.tit { font-size: 15px; font-weight: 700; }

#content.stock .stock_box02 .stock_con ol li p.num { bottom: 10px; right: 40px; position: absolute; font-size: 22px;  letter-spacing: 0; }

#content.stock .stock_box02 .stock_con ol li p.num.crr:before { width: 0; height: 0; display: block; content: ""; position: absolute; left: -40px; top: 12px; }

#content.stock .stock_box02 .stock_con ol li p.num.crr.row:before { border-top: 14px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }

#content.stock .stock_box02 .stock_con ol li p.num.crr.high:before { border-bottom: 14px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }

#content.stock .stock_box02 .stock_con ol li p.num.day:before { width: 0; height: 0; display: block; content: ""; position: absolute; left: -20px; top: 6px; }

#content.stock .stock_box02 .stock_con ol li p.num.day.row:before { border-top: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; }

#content.stock .stock_box02 .stock_con ol li p.num.day.high:before { border-bottom: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; }

#content.stock .stock_box02 .stock_con p.unit { text-align: right; margin: 35px 0 0; }

#content.stock .stock_box02 .stock_table { margin: 15px 0 0; }

#content.stock .stock_box02 .stock_table table { width: 580px; float: left; margin: 0 0 0 20px; }

#content.stock .stock_box02 .stock_table table:first-child { margin: 0; }

#content.stock .stock_box03 { margin: 100px 0 0; }

#content.stock .stock_box03 #stock_tab { margin: 0 0 40px; background-color: #f1f1f1; }

#content.stock .stock_box03 #stock_tab li { width: 25%; float: left; position: relative; }

#content.stock .stock_box03 #stock_tab li:before { width: 1px; height: 25px; display: block; content: ""; background-color: #d6d6d6; left: -1px; top: 20px; position: absolute; }

#content.stock .stock_box03 #stock_tab li:first-child button:before { display: none; }

#content.stock .stock_box03 #stock_tab li:hover button, #content.stock .stock_box03 #stock_tab li.active button { color: #fff; background-color: #636363; }

#content.stock .stock_box03 #stock_tab li button { width: 297px; height: 65px; font-weight: 300; color: #636363; position: relative; font-size: 18px; z-index: 1; left: -1px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.stock .stock_box03 p.unit { text-align: right; margin: 0 0 15px; }

#content.stock .stock_box03 .stock_con_table article { display: none; }

#content.stock .stock_box03 .stock_con_table article:first-child { display: block; }

#content.stock .stock_box03 .stock_con_table .custom_table02 span { display: inline-block; position: relative; padding: 0 0 0 18px; }

#content.stock .stock_box03 .stock_con_table .custom_table02 span:before { width: 0; height: 0; display: block; content: ""; position: absolute; left: 0; top: 5px; }

#content.stock .stock_box03 .stock_con_table .custom_table02 span.row:before { border-top: 8px solid #009944; border-left: 6px solid transparent; border-right: 6px solid transparent; }

#content.stock .stock_box03 .stock_con_table .custom_table02 span.high:before { border-bottom: 8px solid #df002c; border-left: 6px solid transparent; border-right: 6px solid transparent; }

#content.stock .stock_box03 .stock_con_table .member_trade table { width: 580px; float: left; margin: 0 0 0 20px; }

#content.stock .stock_box03 .stock_con_table .member_trade table:first-child { margin: 0; }

#content.stock .stock_box03 .stock_con_table .member_trade table .f_bold { font-weight: 500; }

.custom_table01 { border-top: 2px solid #636363; text-align: center; }

.custom_table01 tr { border-bottom: 1px solid #d6d6d6; }

.custom_table01 tr th { font-weight: 500; padding: 20px 0; }

.custom_table01 tr td { border-left: 1px solid #d6d6d6; padding: 20px 0; }

.custom_table02 { border-top: 2px solid #636363; text-align: center; }

.custom_table02 thead { font-weight: 500; }

.custom_table02 thead tr { border-bottom: 1px solid #636363; }

.custom_table02 thead td { border-left: 1px solid #d6d6d6; padding: 20px 0; }

.custom_table02 thead td:first-child { border-left: 0; }

.custom_table02 tfoot { background-color: #f1f1f1; border-bottom: 1px solid #d6d6d6; }

.custom_table02 tfoot td { border-left: 1px solid #d6d6d6; padding: 20px 0; }

.custom_table02 tfoot td:first-child { border-left: 0; }

.custom_table02 tfoot td.f_bold { font-weight: 500; }

.custom_table02 tbody tr { border-bottom: 1px solid #d6d6d6; }

.custom_table02 tbody tr th { font-weight: 500; padding: 20px 0; }

.custom_table02 tbody tr td { border-left: 1px solid #d6d6d6; padding: 20px 0; }

.custom_table02 tbody tr td:first-child { border-left: 0; }

#content.disclosure { width: 1180px; margin: 0 auto 150px; }

#content.disclosure .info_wrap { margin: 50px 0 0; }

#content.disclosure .table_title { line-height: 50px; background-color: #333; color: #fff; text-align: center; font-weight: 500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.disclosure .table_title p.num { width: 180px; float: left; }

#content.disclosure .table_title p.subject { width: 700px; float: left; }

#content.disclosure .table_title p.company_name { width: 120px; float: left; }

#content.disclosure .table_title p.day { width: 180px; float: left; }

#content.disclosure .table_info { line-height: 30px; text-align: center; color: #636363; }

#content.disclosure .table_info li { margin: 10px 0 0; padding: 25px 0; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; border-width: 2px; border-style: solid; border-color: #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.disclosure .table_info li:hover { border-color: #009944; }

#content.disclosure .table_info li:hover .num, #content.disclosure .table_info li:hover .subject button, #content.disclosure .table_info li:hover .subject button a, #content.disclosure .table_info li:hover .company_name, #content.disclosure .table_info li:hover .day { color: #009944; }

#content.disclosure .table_info li .num { width: 178px; float: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease;  letter-spacing: 0; }

#content.disclosure .table_info li .subject { width: 700px; float: left; padding: 0 0 0 25px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.disclosure .table_info li .subject button { line-height: 30px; color: #636363; text-align: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.disclosure .table_info li .company_name { width: 120px; float: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.disclosure .table_info li .day { width: 178px; float: left;  letter-spacing: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.notice_list { width: 1180px; margin: 0 auto 150px; }

#content.notice_list .info_wrap { margin: 50px 0 0; }

#content.notice_list .table_title { line-height: 50px; background-color: #333; color: #fff; text-align: center; font-weight: 500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.notice_list .table_title p.num { width: 177px; float: left; }

#content.notice_list .table_title p.subject { width: 725px; float: left; }

#content.notice_list .table_title p.day { width: 278px; float: left; }

#content.notice_list .table_info { line-height: 30px; text-align: center; color: #636363; }

#content.notice_list .table_info li { margin: 10px 0 0; padding: 25px 0; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; border-width: 2px; border-style: solid; border-color: #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content.notice_list .table_info li:hover { border-color: #009944; }

#content.notice_list .table_info li:hover .num, #content.notice_list .table_info li:hover .subject a, #content.notice_list .table_info li:hover .day { color: #009944; }

#content.notice_list .table_info li .num { width: 175px; float: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease;  letter-spacing: 0; }

#content.notice_list .table_info li .subject { width: 725px; float: left; padding: 0 0 0 25px; text-align: left; font-weight: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.notice_list .table_info li .subject button { line-height: 30px; color: #636363; text-align: left; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.notice_list .table_info li .day { width: 276px; float: left;  letter-spacing: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

/* 인재상 */
#content.talent .content_wrap { max-width: 1700px; min-width: 1280px; width: 100%; padding: 0 50px; margin: 0 auto 150px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.talent .content_wrap .bg_box { width: 100%; height: 577px; background: url(../../images/careers/talent_bg.jpg) 50% 50% no-repeat; }

#content.talent .content_wrap .bg_box h3 { font-size: 27px; line-height: 45px; color: #fff; text-align: center; padding: 200px 0 0; }

#content.talent .content_wrap .figure_box { margin: -82px 0 0 0; }

#content.talent .content_wrap .figure_box ul { width: 1180px; height: 277px; background: url(../../images/careers/figure_bg.png) no-repeat; margin: 0 auto; }

#content.talent .content_wrap .figure_box ul li { float: left; width: 384px; padding: 31px 0; text-align: center; margin: 0 5px; }

#content.talent .content_wrap .figure_box ul li:last-child { margin: 0 0 0 5px; }

#content.talent .content_wrap .figure_box ul h5 { font-size: 25px; line-height: 25px; color: #009944; font-weight: 500; margin: 0 0 18px 0; }

#content.talent .content_wrap .figure_box ul p { font-size: 18px; line-height: 25px; color: #333; font-weight: 500; }

#content.talent .content_wrap .figure_box .blue_circle { font-size: 20px; line-height: 30px; text-align: center; background-color: #009944; width: 820px; color: #fff; border-radius: 50px; margin: 0 auto; padding: 35px 0; }

/* 직무소개 list */
#content.introduction_list .content_wrap { max-width: 1180px; width: 100%; margin: 0 auto; text-align: center; }

#content.introduction_list .content_wrap .txt_box { text-align: center; margin: 0 0 60px 0; }

#content.introduction_list .content_wrap .txt_box h5 { font-size: 30px; line-height: 30px; color: #009944; margin: 0 0 18px 0;  letter-spacing: 0; text-transform: uppercase; }

/* education */
#content.education .content_wrap .system_img_box { max-width: 1180px; width: 100%; height: 351px; text-align: center; margin: 130px auto 0 auto; background-image: url(../../images/careers/system_img.png); background-repeat: no-repeat; background-position: 50% 50%; }

#content.education .content_wrap .system_img_box div { padding: 107px 0; width: 403px; }

#content.education .content_wrap .system_img_box .f_l { float: left; }

#content.education .content_wrap .system_img_box .f_r { float: right; }

#content.education .content_wrap .system_img_box b { font-size: 25px; font-weight: 500; color: #333; width: 100%; display: inline-block; margin: 0 0 56px 0; }

#content.education .content_wrap .system_img_box span { font-size: 16px; font-weight: 500; color: #636363; line-height: 28px; }

.content_wrap .txt_box p { font-size: 18px; line-height: 30px; color: #636363; font-weight: 500; }

#content.introduction_list .content_wrap .img_box { text-align: left; }

#content.introduction_list .content_wrap .img_box ul { display: inline-block; }

#content.introduction_list .content_wrap .img_box ul li { float: left; padding: 0 0 49px 0; margin: 0 20px 0 0; }

#content.introduction_list .content_wrap .img_box ul li:nth-child(3n) { margin: 0; }

#content.introduction_list .content_wrap .img_box ul li a { display: inline-block; }

#content.introduction_list .content_wrap .img_box .img { width: 380px; height: 234px; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#content.introduction_list .content_wrap .img_box .team_name { font-size: 25px; padding: 27px 0 0 20px; font-weight: 700; }

#content.introduction_list .content_wrap .img_box .name { font-size: 18px; color: #636363; font-weight: 500; padding: 13px 0 0 20px; position: relative; }

#content.introduction_list .content_wrap .img_box a:hover .img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

#content.introduction_list .content_wrap .img_box a:hover .name { color: #009944; }

#content.introduction_list .content_wrap .img_box .name:after { content: ""; background: url(../../images/careers/more_icon_red.png) no-repeat; width: 33px; height: 7px; top: 50%; right: 25px; margin: 3px 0; position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.introduction_list .content_wrap .img_box a:hover .name:after { -webkit-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0); opacity: 1; filter: alpha(opacity=100); }

#content.introduction_list .content_wrap .btn_more { width: 154px; height: 57px; margin: 14px auto 0 auto; text-align: center; font-size: 16px; line-height: 25px; color: #333; position: relative; padding: 0 0 0 24px; border-width: 2px; border-style: solid; border-color: #333; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.introduction_list .content_wrap .btn_more:hover { background-color: #009944; color: #fff; border-color: #009944; }

#content.introduction_list .content_wrap .btn_more:hover:before, #content.introduction_list .content_wrap .btn_more:hover:after { background-color: #fff; }

#content.introduction_list .content_wrap .btn_more:before, #content.introduction_list .content_wrap .btn_more:after { content: ""; width: 10px; height: 2px; display: block; background-color: #333; position: absolute; top: 50%; left: 43px; margin: 3px 0 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#content.introduction_list .content_wrap .btn_more:before { -webkit-transform: rotate(-45deg) translate(5px, 0); -moz-transform: rotate(-45deg) translate(5px, 0); -ms-transform: rotate(-45deg) translate(5px, 0); -o-transform: rotate(-45deg) translate(5px, 0); transform: rotate(-45deg) translate(5px, 0); }

#content.introduction_list .content_wrap .btn_more:after { -webkit-transform: rotate(45deg) translate(-5px, 0); -moz-transform: rotate(45deg) translate(-5px, 0); -ms-transform: rotate(45deg) translate(-5px, 0); -o-transform: rotate(45deg) translate(-5px, 0); transform: rotate(45deg) translate(-5px, 0); }

/* 직무소개 view */
#content.introduction_view { margin: 0 0 -2px; overflow: hidden; position: relative; z-index: 10; }

#content.introduction_view .content_first_bg { max-width: 1920px; width: 100%; min-width: 1280px; height: 729px; position: relative; background-size: cover; background-position-x: 50%; -ms-background-position-y: 21.5%; background-position-y: 21.5%; margin: 0 auto; }

#content.introduction_view .content_first_bg .btn_return { font-size: 16px; line-height: 25px; color: #fff; position: absolute; padding: 0 40px 0 0; top: 64px; left: 50%; margin: 0 0 0 -590px; z-index: 10;  letter-spacing: 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }

#content.introduction_view .content_first_bg .btn_return:hover { color: #df002c; }

#content.introduction_view .content_first_bg .btn_return:hover:after { background-image: url(../../images/careers/return_icon_over.png); }

#content.introduction_view .content_first_bg .btn_return:after { content: ""; background-image: url(../../images/careers/return_icon.png); width: 29px; height: 19px; position: absolute; top: 50%; right: 0; margin: -8px 0; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-transition: background-image 0.2s ease; -moz-transition: background-image 0.2s ease; -o-transition: background-image 0.2s ease; -ms-transition: background-image 0.2s ease; }

#content.introduction_view .content_summary { background-color: #009944; width: 1181px; height: 195px; color: #fff; margin: -97px auto 0 auto; }

#content.introduction_view .content_summary .txt_left { width: 50%; float: left; }

#content.introduction_view .content_summary .txt_left h5 { font-size: 40px; line-height: 45px; font-weight: 500; margin: 43px 0 0 101px; }

#content.introduction_view .content_summary .txt_left p { font-size: 24px; /* line-height: 45px; */ font-weight: 500; margin: 30px 0 0 101px; position: relative; display: inline-block; }

#content.introduction_view .content_summary .txt_left p:after { content: ""; position: absolute; width: 76px; height: 2px; background-color: #df002c; top: 50%; margin: -1px 0 -1px 40px; }

#content.introduction_view .content_summary .txt_right { font-size: 20px; line-height: 35px; width: 50%; height: 100%; float: left; }

#content.introduction_view .content_summary .txt_right span { position: relative; padding: 0 13px; text-align: left; top: 50%; left: 50%; display: table; transform: translate(-50%, -50%); }

#content.introduction_view .content_summary .txt_right span:before { content: "“"; position: absolute; top: 0; left: 0; }

#content.introduction_view .content_summary .txt_right span:after { content: "”"; position: absolute; bottom: 0; right: 0; }

#content.introduction_view .content_detail { width: 1180px; margin: 107px auto 60px auto; }

#content.introduction_view .content_detail article.only_txt { margin: 0 0 90px 0; }

#content.introduction_view .content_detail article .question { width: 350px; float: left; font-size: 20px; line-height: 35px; color: #333; font-weight: 500; position: relative; padding: 0 0 0 30px; word-break: keep-all; }

#content.introduction_view .content_detail article .question:before { position: absolute; left: 0; content: "Q."; color: #df002c; font-size: 20px; line-height: 35px; }

#content.introduction_view .content_detail article .answer { width: 780px; font-size: 16px; line-height: 30px; color: #636363; float: right; word-break: keep-all; }

#content.introduction_view .content_detail article.only_img { width: 100%; height: 533px; background-size: cover; background-position: 50% 50%; margin: 0 0 98px 0; }

#content.introduction_view .content_detail article.half { width: 100%; height: 560px; display: inline-block; margin: 0 0 99px 0; }

#content.introduction_view .content_detail article.half .half_img { max-width: 580px; width: 50%; height: 100%; float: left; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin: 0 10px 0 0; }

#content.introduction_view .content_detail article.half .half_txt { float: left; width: 50%; height: 100%; display: table; }

#content.introduction_view .content_detail article.half .half_txt .half_wrapper { display: table-cell; vertical-align: middle; }

#content.introduction_view .content_detail article.half .half_txt .question { width: 100%; margin: 0 0 42px 74px; }

#content.introduction_view .content_detail article.half .half_txt .answer { width: auto; margin: 0 0 0 74px; }

#content.introduction_view .content_detail article.half .half_txt .half_wrapper .answer.first { margin: 0 0 97px 74px; }

#content.introduction_view .content_last_bg { max-width: 1920px; width: 100%; min-width: 1280px; height: 558px; background-color: #b3b3bb; background-size: cover; background-position: 50% 50%; margin: 0 auto; }

#content.introduction_view .introduction_bottom article { width: 1180px; margin: 107px auto 98px; }

#content.introduction_view .introduction_bottom article.only_txt { margin: 0 auto 90px; }

#content.introduction_view .introduction_bottom article .question { width: 350px; float: left; font-size: 20px; line-height: 35px; color: #333; font-weight: 500; position: relative; padding: 0 0 0 30px; word-break: keep-all; }

#content.introduction_view .introduction_bottom article .question:before { position: absolute; left: 0; content: "Q."; color: #df002c; font-size: 20px; line-height: 35px; }

#content.introduction_view .introduction_bottom article .answer { width: 780px; font-size: 16px; line-height: 30px; color: #636363; float: right; word-break: keep-all; }

#content.introduction_view .introduction_bottom article.only_img { height: 533px; background-size: cover; background-position: 50% 50%; }

/* 인사제도 */
#content.system .content_wrap { text-align: center; padding: 0 50px; }

#content.system .content_wrap h5.sub_scr { font-size: 20px; line-height: 30px; color: #333; text-align: center; font-weight: 300; }

#content.system .content_wrap img.step_img { margin: 80px 0 0 0; }

#content.system .content_wrap .bg_box { max-width: 1820px; width: 100%; min-width: 1280px; height: 536px; background-image: url(../../images/careers/system_bg.jpg); margin: 100px auto 0 auto; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 182%; background-position-y: 182%; background-repeat: no-repeat; }

#content.system .content_wrap .bg_box ul { width: 871px; height: 246px; background: url(../../images/careers/system_figure.png) no-repeat 50% 50%; margin: 91px auto 41px auto; display: inline-block; }

#content.system .content_wrap .bg_box ul li { font-size: 23px; /* line-height: 20px; */ line-height: 248px; color: #fff; text-align: center; float: left; width: 248px; height: 248px; margin: 0 63px 0 0; font-weight: 500; }

#content.system .content_wrap .bg_box ul li:last-child { margin: 0; }

#content.system .content_wrap .bg_box p { font-size: 20px; line-height: 30px; color: #fff; }

#content.system .content_tab { margin: 100px 0 0 0; text-align: center; }

#content.system .content_tab .tab_title { position: relative; }

#content.system .content_tab .tab_title:before { content: ""; border: 1px solid #a8a8a8; position: absolute; top: 50%; left: 0; width: 100%; z-index: -1; }

#content.system .content_tab .tab_title ul { width: 607px; margin: 0 auto; display: inline-block; }

#content.system .content_tab .tab_title li { width: 292px; background-color: #efefef; border-radius: 30px; float: left; font-weight: 500; font-size: 17px; line-height: 28px; text-align: center; color: #636363; padding: 17px 0; }

#content.system .content_tab .tab_title li:first-child { margin: 0 19px 0 0; }

#content.system .content_tab .tab_title li.active { background-color: #009944; color: #fff; position: relative; }

#content.system .content_tab .tab_title li.active:after { content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: -14px; margin: 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #009944; }

/* 인사제도 2 */
#content.system .content_tab .tab_contents { padding: 0 50px; margin: 0 auto; }

#content.system .content_tab .tab_contents.type02 { width: 1180px; margin: 0 auto; padding: 85px 0 100px; display: none; }

#content.system .content_tab .tab_contents.type02 h5 { font-size: 17px; line-height: 30px; color: #333; font-weight: 300; }

#content.system .content_tab .tab_contents.type02 ul { display: inline-block; margin: 70px 0 0 0; }

#content.system .content_tab .tab_contents.type02 ul li { float: left; margin: 0 10px 38px 10px; }

#content.system .content_tab .tab_contents.type02 ul li:nth-child(4n) { margin: 0 0 38px 10px; }

#content.system .content_tab .tab_contents.type02 ul li:nth-child(4n-3) { margin: 0 10px 38px 0; }

#content.system .content_tab .tab_contents.type02 li img { margin: 0 0 22px 0; }

#content.system .content_tab .tab_contents.type02 li h3 { font-size: 22px; line-height: 28px; color: #333; font-weight: 700; }

#content.system .content_tab .tab_contents.type02 li p { font-size: 16px; line-height: 22px; color: #636363; font-weight: 300; position: relative; padding: 10px 0 0; }

#content.system .content_tab .tab_contents.type02 li p.bar { color: #fff; }

#content.system .content_tab .tab_contents.type02 li p span { width: 16px; height: 1px; position: absolute; top: 50%; left: 50%; background-color: #636363; margin: 0 -8px; }

/* 조직문화 */
#content.culture .content_wrap { text-align: center; padding: 0 50px; }

#content.culture .content_wrap h5 { font-size: 20px; line-height: 30px; font-weight: 300; margin: 0 0 74px 0; }

#content.culture .content_wrap .card_box { max-width: 1180px; margin: 0 auto; display: inline-block; }

#content.culture .content_wrap .card_box p { font-size: 24px; line-height: 25px; color: #333; margin: 0 0 52px 0; font-weight: 500; }

#content.culture .content_wrap .card_box .card_wrapper { display: inline-block; }

#content.culture .content_wrap .card_box .card_wrapper li { width: 385px; height: 218px; background: url(../../images/careers/card_bg.gif) no-repeat; float: left; margin: 0 6px 23px 0; }

#content.culture .content_wrap .card_box .card_wrapper li:nth-child(3n) { margin: 0 0 23px 6px; }

#content.culture .content_wrap .card_box .card_wrapper li:nth-child(3n-2) { margin: 0 6px 23px 0; }

#content.culture .content_wrap .card_box .card_wrapper .number { font-size: 18px; /* line-height: 25px; */ line-height: 40px;  letter-spacing: 0; }

#content.culture .content_wrap .card_box .card_wrapper .txt_wrapper { width: 100%; height: 50px; display: table; margin: 33px 0 0 0; }

#content.culture .content_wrap .card_box .card_wrapper .txt { font-size: 16px; line-height: 25px; font-weight: 500; display: table-cell; vertical-align: middle; }

#content.culture .content_wrap .card_box .card_wrapper .img { margin: 31px 0 0 0; position: relative; height: 48px; }

#content.culture .content_wrap .card_box .card_wrapper .img:before, #content.culture .content_wrap .card_box .card_wrapper .img:after { content: ""; width: 135px; height: 1px; position: absolute; top: 50%; background-color: #a8a8a8; }

#content.culture .content_wrap .card_box .card_wrapper .img:before { left: 0; }

#content.culture .content_wrap .card_box .card_wrapper .img:after { right: 0; }

#content.culture .content_wrap .slide_box { max-width: 1700px; width: 100%; height: 577px; margin: 0 auto 97px auto; position: relative; overflow: hidden; }

#content.culture .content_wrap .slide_box .visual_left { width: 38%; height: 100%; background-color: #009944; float: left; color: #fff; position: relative; }

#content.culture .content_wrap .slide_box .visual_txt li { position: absolute; top: 164px; left: 50%; transform: translateX(-50%); }

#content.culture .content_wrap .slide_box .visual_txt li:first-child h5, #content.culture .content_wrap .slide_box .visual_txt li:first-child p { display: block; opacity: 1; filter: alpha(opacity=100); }

#content.culture .content_wrap .slide_box .visual_txt li h5, #content.culture .content_wrap .slide_box .visual_txt li p { display: none; }

#content.culture .content_wrap .slide_box .visual_txt h5 { font-size: 45px; line-height: 40px; position: relative; margin: 0 0 100px 0; font-weight: 700; }

#content.culture .content_wrap .slide_box .visual_txt span { content: ""; position: absolute; width: 2px; height: 50px; background-color: #df002c; left: 50%; top: 73px; margin: 0 -1px; }

#content.culture .content_wrap .slide_box .visual_txt p { font-size: 23px; line-height: 27px;  letter-spacing: 0; display: inline-block; }

#content.culture .content_wrap .slide_box .visual_right { width: 62%; height: 100%; float: left; position: relative; overflow: hidden; }

#content.culture .content_wrap .slide_box .visual_right .visual_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=100); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

#content.culture .content_wrap .slide_box .visual_right .visual_bg:first-child { opacity: 1; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li { width: 700px; height: 100%; padding: 31px 0; position: relative; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li:first-child:after { display: none; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li:after { width: 100%; height: 2px; content: ""; background-color: #fff; position: absolute; top: 0; left: 0; display: block; opacity: 0.3; filter: alpha(opacity=30); }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li:last-child { border: none; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li div { font-size: 16px; line-height: 40px; color: #df002c; border-radius: 5px; width: 94px; height: 39px; background-color: #fff; font-weight: 500;  letter-spacing: 0; float: left; margin: 0 30px 0 0; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li h5 { font-size: 30px; line-height: 36px; color: #fff; font-weight: 500; margin: 0 0 14px 0; text-align: left; }

#content.culture .content_wrap .slide_box .visual_right .ul_wrapper li p { font-size: 17px; line-height: 25px; color: #fff; text-align: left; margin: 0 0 0 124px; }

#content.culture .content_wrap .slide_box .visual_btn { position: absolute; bottom: 148px; left: 50%; transform: translateX(-50%); width: max-content; }

#content.culture .content_wrap .slide_box .visual_btn button { width: 40px; height: 40px; float: left; }

#content.culture .content_wrap .slide_box .visual_btn .prev_btn { margin: 0 19px 0 0; background: url(../../images/careers/prev_btn.png) no-repeat 50% 50%; }

#content.culture .content_wrap .slide_box .visual_btn .next_btn { margin: 0 0 0 19px; background: url(../../images/careers/next_btn.png) no-repeat 50% 50%; }

#content.culture .content_wrap .slide_box .visual_btn .visual_dots { float: left; padding: 16px 0; text-indent: -9999px; }

#content.culture .content_wrap .slide_box .visual_btn .visual_dots li { width: 4px; height: 4px; border: 2px solid #fff; border-radius: 100%; opacity: 0.5; float: left; margin: 0 11px; }

#content.culture .content_wrap .slide_box .visual_btn .visual_dots li.active { width: 28px; height: 8px; border-radius: 10px; opacity: 1; background-color: #fff; border: none; }

/* 여기서부터 추가 */
#content.system { margin: 0 0 -2px; position: relative; z-index: 1; }

#content.system .content_wrap .system_img_box { max-width: 1180px; width: 100%; height: 351px; text-align: center; margin: 130px auto 0 auto; background-image: url(../../images/careers/system_img.png); background-repeat: no-repeat; background-position: 50% 50%; }

#content.system .content_wrap .system_img_box div { padding: 107px 0; width: 403px; }

#content.system .content_wrap .system_img_box .f_l { float: left; }

#content.system .content_wrap .system_img_box .f_r { float: right; }

#content.system .content_wrap .system_img_box b { font-size: 25px; font-weight: 500; color: #333; width: 100%; display: inline-block; margin: 0 0 56px 0; }

#content.system .content_wrap .system_img_box span { font-size: 16px; font-weight: 500; color: #636363; line-height: 28px; }

#content.system .content_tab .tab_contents.type01 { padding: 90px 0 0 0; margin: 0; }

#content.system .content_tab .tab_contents.type01 .ul_box { padding: 90px 0 150px 0; background-color: #f6f6f6; }

#content.system .content_tab .tab_contents.type01 .ul_box h5 { font-size: 22px; font-weight: 700; color: #333; margin: 0 0 25px 0; }

#content.system .content_tab .tab_contents.type01 .ul_box p { font-size: 16px; line-height: 30px; font-weight: 300; color: #636363; }

#content.system .content_tab .tab_contents.type01 ul { max-width: 1030px; margin: 50px auto 0 auto; padding: 60px 0 60px 150px; border-color: #d6d6d6; border-width: 2px; border-radius: 10px; border-style: solid; background-color: #fff; }

#content.system .content_tab .tab_contents.type01 li { width: 100%; display: inline-block; margin: 0 0 45px 0; }

#content.system .content_tab .tab_contents.type01 li:last-child { margin: 0; }

#content.system .content_tab .tab_contents.type01 .num { width: 35px; height: 35px; border-radius: 100%; line-height: 36px; margin: 0 16px 0 0; float: left; font-size: 15px; color: #fff;  letter-spacing: 0; background-color: #df002c; }

#content.system .content_tab .tab_contents.type01 .title { float: left; font-size: 20px; font-weight: 500; color: #333; line-height: 35px; position: relative; padding: 0 51px 0 0; margin: 0 15px 0 0; }

#content.system .content_tab .tab_contents.type01 .title:after { content: ""; width: 35px; height: 1px; background-color: #333; position: absolute; top: 50%; right: 0; }

#content.system .content_tab .tab_contents.type01 .sub { float: left; font-size: 17px; font-weight: 500; color: #636363; line-height: 35px; }

#content.system .content_tab .tab_contents.type01 dl { float: left; text-align: left; margin: 11px 0 0 0; padding: 0 0 0 50px; }

#content.system .content_tab .tab_contents.type01 b { color: #333; }

#content.system .content_tab .tab_contents.type01 dd { font-size: 15px; line-height: 26px; font-weight: 300; color: #636363; }

#content.system .content_tab .tab_contents.type01 .table_box { max-width: 1180px; width: 100%; margin: 0 auto 110px; text-align: center; }

#content.system .content_tab .tab_contents.type01 .table_box h5 { font-size: 22px; font-weight: 700; color: #333; margin: 0 0 30px 0; }

#content.system .content_tab .tab_contents.type01 .table_box p { font-size: 16px; line-height: 30px; font-weight: 300; color: #636363; margin: 0 0 48px 0; }

/* etc 공통 버튼 */
#content.terms .button, #content.report .button { background-color: #009944; display: block; margin: 0 auto; width: 220px; height: 70px; text-align: center; }

#content.terms .button a, #content.report .button a { display: inline-block; padding: 15px 74px; font-size: 20px; font-weight: 500; line-height: 40px; color: #fff; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#content.terms .button input[type=submit], #content.report .button input[type=submit] { width: 100%; cursor: pointer; display: inline-block; padding: 15px 74px; font-size: 20px; font-weight: 500; line-height: 40px; color: #fff; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.report #report02 .button a, #content.report #report03 .button a { padding: 15px 92px; }

#content.terms .button a:hover, #content.report .button a:hover, #content.terms .button input[type=submit]:hover, #content.report .button input[type=submit]:hover { background-color: #df002c; }

/* 개인정보처리방침 */
#content.terms .content_wrap { width: 1180px; margin: 0 auto; }

#content.terms .info_box { margin: 50px 0; border: 2px solid #5e5e5e; padding: 79px 94px 137px 90px; font-size: 16px; line-height: 30px; color: #636363; }

#content.terms .info_box .title { font-size: 24px; text-align: center; color: #333; font-weight: 500; }

#content.terms .info_box strong { color: #333; }

#content.terms .info_box table { border: 1px solid windowtext; width: 100%; }

#content.terms .info_box table th { border-bottom: 1px solid windowtext; font-weight: 500; color: #333; }

#content.terms .info_box table td { border-bottom: 1px solid windowtext; padding: 0 0 0 10px; }

#content.terms .info_box table.table_hori th { background-color: #f1f1f1; padding: 0 0 0 10px; }

#content.terms .info_box table.table_inline th { width: 23%; border-right: 1px solid windowtext; padding: 0 0 0 25px; background-color: #f1f1f1; }

/* 이메일무단수집거부 */
#content.email .content_wrap { width: 1180px; margin: 0 auto; }

#content.email .info_box { border: 2px solid #5e5e5e; padding: 79px 90px 80px 90px; margin: 0 0 47px 0; font-size: 16px; line-height: 30px; color: #636363; }

/* 제보하기 공통 */
#content.report .content_wrap { width: 1180px; margin: 0 auto; }

#content.report .step_box { position: relative; width: 100%; display: inline-block; margin: 0 0 58px 0; }

#content.report .step_box:before { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #a8a8a8; z-index: -1; }

#content.report .step_box ul { width: 537px; margin: 0 auto; font-weight: 500; }

#content.report .step_box ul li { float: left; width: 167px; background-color: #f1f1f1; font-size: 18px; line-height: 18px; text-align: center; border-radius: 30px; padding: 20px 0; margin: 0 18px 0 0; }

#content.report .step_box ul li:last-child { margin: 0; }

#content.report .step_box ul li.active { background-color: #333; color: #fff; }

/* 제보하기01 */
#content.report #report01 .info_box { border: 2px solid #5e5e5e; padding: 83px 97px 67px 90px; margin: 0 0 47px 0; font-size: 16px; line-height: 30px; color: #636363; }

#content.report #report01 .info_box strong { color: #333; }

#content.report #report01 .info_box .inner_title { margin: 0 auto 59px auto; display: table; font-size: 22px; line-height: 40px; font-weight: 500; color: #333; }

#content.report #report01 .info_box .inner_title:after { content: ""; height: 2px; background: #333; display: block; margin: 0 0 12px 0; }

/* 제보하기02 */
#content.report #report02 .info_box { max-width: 1180px; border: 2px solid #5e5e5e; padding: 32px 43px 22px 52px; margin: 0 0 40px 0; }

#content.report #report02 .check_box { position: relative; }

#content.report #report02 .check_box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

#content.report #report02 .check_box input[type="checkbox"] + label:before { content: ""; width: 19px; height: 19px; border: 2px solid #333; position: absolute; top: 50%; left: 0; margin: -10.5px 0; }

#content.report #report02 .check_box input[type="checkbox"] + label { font-size: 18px; line-height: 28px; font-weight: 500; color: #000; padding: 0 0 0 29px; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

#content.report #report02 .check_box input[type="checkbox"]:checked + label:before { content: ""; width: 19px; height: 19px; background: url(../../images/etc/check_icon.png) no-repeat 50% #333; position: absolute; top: 50%; left: 0; margin: -10.5px 0; }

#content.report #report02 .scroll_box { height: 319px; overflow-y: scroll; font-size: 16px; line-height: 28px; color: #636363; padding: 27px 0 36px 0; margin: 24px 0 0 0; border-top: 1px solid #d6d6d6; }

/* 제보하기03 */
#content.report #report03 .form_box table { border-top: 2px solid #636363; border-bottom: 2px solid #636363; font-size: 16px; line-height: 50px; }

#content.report #report03 .form_box table tr { border-bottom: 1px solid #d6d6d6; }

#content.report #report03 .form_box table th { padding: 0 0 0 30px; font-weight: 500; text-align: left; }

#content.report #report03 .form_box table tr td:last-child { padding: 8.5px 40px 8.5px 0; }

#content.report #report03 .form_box table input, #content.report #report03 .form_box table select, #content.report #report03 .form_box table textarea { width: 100%; background-color: #f1f1f1; border: 1px solid #d6d6d6; font-weight: 300; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; vertical-align: middle; display: block; float: left; }

#content.report #report03 .form_box table input, #content.report #report03 .form_box select { height: 35px; padding: 0 11px; }

#content.report #report03 .form_box select { background: url(../../images/etc/select_arrow.png) no-repeat #f1f1f1; background-position: right 10px center; }

#content.report #report03 .form_box textarea { height: 285px; vertical-align: middle; margin: 7px 0; padding: 11px; }

#content.report #report03 .form_box input[type="file"] { display: none; }

#content.report #report03 .form_box table .wt-380 { width: 380px; }

#content.report #report03 .form_box table .wt-190 { width: 190px; }

#content.report #report03 .form_box table .wt-110 { width: 110px; }

#content.report #report03 .form_box table .ml-10 { margin: 0 0 0 10px; }

#content.report #report03 .form_box table .right { float: right; }

#content.report #report03 .form_box table span.bar { margin: 0 10px; float: left; font-size: 16px; /* line-height: 50px; */ line-height: 35px; }

#content.report #report03 .form_box .file_btn { width: 106px; height: 35px; font-size: 15px; line-height: 35px; text-align: center; color: #fff; background-color: #636363; display: inline-block; vertical-align: middle; float: left; }

#content.report #report03 .form_box p { position: relative; font-size: 15px; line-height: 50px; font-weight: 300; padding: 0 0 0 48px; }

#content.report #report03 .form_box p:before { content: ""; background: url(../../images/etc/star_icon.png) no-repeat 50%; width: 14px; height: 14px; position: absolute; top: 50%; left: 29px; margin: -7px 0; }

#content.report #report03 .txt_unit { height: 35px; float: left; line-height: 30px; margin: 0 11px; }

/* 제보하기04 */
#content.report #report04 { position: relative; max-width: 1900px; width: 100%; margin: 0 auto 252px; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.report #report04 .bg_box { width: 100%; height: 659px; background-image: url(../../images/etc/report04_bg.jpg); margin: 101px 0 0 0; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 81%; background-position-y: 81%; background-repeat: no-repeat; }

#content.report #report04 .txt_box { width: 780px; height: 98px; padding: 48px 0 44px 0; background-color: #fff; text-align: center; position: absolute; top: -129px; left: 50%; margin: 0 -390px; z-index: 10; }

#content.report #report04 .txt_box h5 { font-size: 50px; margin: 0 0 27px 0;  letter-spacing: 0; }

#content.report #report04 .txt_box p { font-size: 20px; line-height: 16px; font-weight: 500; }

#content.report #report04 .msg_box { position: absolute; left: 50%; bottom: -92px; width: 779px; margin: 0 -389.5px; box-shadow: 21px 48px 50px 0 rgba(0, 0, 0, 0.3); }

#content.report #report04 .msg_box .msg_box_wrap { width: 779px; height: 273px; background-color: #009944; position: relative; text-align: center; padding: 35px 0 0 0; }

#content.report #report04 .msg_box:before { content: ""; width: 3px; height: 92px; background-color: #df002c; position: absolute; left: 50%; top: -92px; z-index: 10; margin: 0 -1.5px; }

#content.report #report04 .msg_box .msg_box_wrap:before { content: ""; width: 100%; height: 0; border-bottom-width: 34px; border-bottom-style: solid; border-right: 34px solid transparent; border-bottom-color: #009944; display: block; position: absolute; top: -34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.report #report04 .msg_box .email_img { width: 130px; height: 130px; border-radius: 100%; margin: 0 auto 30px auto; background: url(../../images/etc/email_icon.png) no-repeat 50% #fff; }

#content.report #report04 .msg_box p { font-size: 22px; font-weight: 500; line-height: 35px; color: #fff; }

.ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 0.75rem; line-height: 1; }

.ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.ct-chart-pie .ct-label, .ct-chart-donut .ct-label { dominant-baseline: central; }

.ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }

.ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; }

.ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; }

.ct-grid-background { fill: none; }

.ct-point { stroke-width: 10px; stroke-linecap: round; }

.ct-line { fill: none; stroke-width: 4px; }

.ct-area { stroke: none; fill-opacity: 0.1; }

.ct-bar { fill: none; stroke-width: 10px; }

.ct-slice-donut { fill: none; stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #009944; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: #009944; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #697ebf; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: #697ebf; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #889cd1; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { fill: #889cd1; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #d17905; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { fill: #d17905; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #453d3f; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { fill: #453d3f; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #59922b; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { fill: #59922b; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #0544d3; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { fill: #0544d3; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #6b0392; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { fill: #6b0392; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #f05b4f; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { fill: #f05b4f; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #dda458; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { fill: #dda458; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #eacf7d; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { fill: #eacf7d; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #86797d; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { fill: #86797d; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #b2c326; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { fill: #b2c326; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #6188e2; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { fill: #6188e2; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #a748ca; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { fill: #a748ca; }

.ct-square { display: block; position: relative; width: 100%; }

.ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; }

.ct-square:after { content: ""; display: table; clear: both; }

.ct-square > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-minor-second { display: block; position: relative; width: 100%; }

.ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; }

.ct-minor-second:after { content: ""; display: table; clear: both; }

.ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-second { display: block; position: relative; width: 100%; }

.ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.88889%; }

.ct-major-second:after { content: ""; display: table; clear: both; }

.ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-minor-third { display: block; position: relative; width: 100%; }

.ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.33333%; }

.ct-minor-third:after { content: ""; display: table; clear: both; }

.ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-third { display: block; position: relative; width: 100%; }

.ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; }

.ct-major-third:after { content: ""; display: table; clear: both; }

.ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-perfect-fourth { display: block; position: relative; width: 100%; }

.ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; }

.ct-perfect-fourth:after { content: ""; display: table; clear: both; }

.ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-perfect-fifth { display: block; position: relative; width: 100%; }

.ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.66667%; }

.ct-perfect-fifth:after { content: ""; display: table; clear: both; }

.ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-minor-sixth { display: block; position: relative; width: 100%; }

.ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; }

.ct-minor-sixth:after { content: ""; display: table; clear: both; }

.ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-golden-section { display: block; position: relative; width: 100%; }

.ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.8047%; }

.ct-golden-section:after { content: ""; display: table; clear: both; }

.ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-sixth { display: block; position: relative; width: 100%; }

.ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; }

.ct-major-sixth:after { content: ""; display: table; clear: both; }

.ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-minor-seventh { display: block; position: relative; width: 100%; }

.ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; }

.ct-minor-seventh:after { content: ""; display: table; clear: both; }

.ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-seventh { display: block; position: relative; width: 100%; }

.ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.33333%; }

.ct-major-seventh:after { content: ""; display: table; clear: both; }

.ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-octave { display: block; position: relative; width: 100%; }

.ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; }

.ct-octave:after { content: ""; display: table; clear: both; }

.ct-octave > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-tenth { display: block; position: relative; width: 100%; }

.ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; }

.ct-major-tenth:after { content: ""; display: table; clear: both; }

.ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-eleventh { display: block; position: relative; width: 100%; }

.ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; }

.ct-major-eleventh:after { content: ""; display: table; clear: both; }

.ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-major-twelfth { display: block; position: relative; width: 100%; }

.ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.33333%; }

.ct-major-twelfth:after { content: ""; display: table; clear: both; }

.ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; }

.ct-double-octave { display: block; position: relative; width: 100%; }

.ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; }

.ct-double-octave:after { content: ""; display: table; clear: both; }

.ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; }

#chart02 .ct-series-a .ct-point, #chart02 .ct-series-a .ct-line, #chart02 .ct-series-a .ct-bar, #chart02 .ct-series-a .ct-slice-donut { stroke: #df002c; }

#chart02 .ct-series-b .ct-point, #chart02 .ct-series-b .ct-line, #chart02 .ct-series-b .ct-bar, #chart02 .ct-series-b .ct-slice-donut { stroke: #e45a74; }

#chart02 .ct-series-c .ct-point, #chart02 .ct-series-c .ct-line, #chart02 .ct-series-c .ct-bar, #chart02 .ct-series-c .ct-slice-donut { stroke: #f38da2; }

/*
  z-index 가이드
  container : auto
  header, footer :100
  header dimmed :80
  popup : 200
  subLocation : 50
*/
input[type=text], textarea, select { outline: none; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; }

input[type=text]:focus, textarea:focus, select:focus { border-color: #009944 !important; }

::selection { background: #009944; color: #fff; text-shadow: none; }

::-moz-selection { background: #009944; color: #fff; text-shadow: none; }

img { vertical-align: top; image-rendering: -webkit-optimize-contrast; }

.popup_dimmed { width: 100%; height: 100%; position: fixed; z-index: 300; background-color: #000; display: none; top: 0; opacity: 0; filter: alpha(opacity=0); }

caption { width: 1px; height: 1px; overflow: hidden; margin: -1px; }

.hidden-txt, legend { overflow: hidden; display: inline-block; text-indent: -999px; width: 0; height: 0; line-height: 1px; position: absolute; }

#container { padding: 96px 0 0; }

#wrap { position: relative; }

#modalPopup { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.4); z-index: 150; overflow-y: scroll; top: 0; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); }

#modalPopup .popup_container { width: 1024px; margin: 100px auto; background-color: #fff; position: relative; }

#modalPopup .popup_container .popup_close { width: 58px; height: 58px; position: absolute; top: 0; right: -68px; text-indent: -9999px; overflow: hidden; background: url(../../images/icon/popup_close.png) 50% 50% no-repeat; border-width: 1px; border-style: solid; border-color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#modalPopup .popup_container .popup_close:hover { border-color: #009944; background-color: #009944; }

#modalPopup .popup_wrap { padding: 55px 60px 0; display: none; }

#listPage { position: relative; margin: 60px 0 0; text-align: center; }

#listPage .page_btn { display: inline-block; }

#listPage .page_btn button { width: 40px; height: 40px; float: left; line-height: 40px; display: inline-block; margin: 0 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  letter-spacing: 0; }

#listPage .page_btn button.prev_end_btn, #listPage .page_btn button.prev_btn, #listPage .page_btn button.next_btn, #listPage .page_btn button.next_end_btn { text-indent: -9999px; overflow: hidden; background-color: #f1f1f1 !important; border-width: 1px; border-style: solid; border-color: #f1f1f1; }

#listPage .page_btn button.prev_end_btn:hover, #listPage .page_btn button.prev_btn:hover, #listPage .page_btn button.next_btn:hover, #listPage .page_btn button.next_end_btn:hover { border-color: #009944; }

#listPage .page_btn button.prev_end_btn { background-image: url(../../images/icon/page_prev_all.png); }

#listPage .page_btn button.prev_btn { background-image: url(../../images/icon/page_prev.png); margin: 0 17px 0 5px; }

#listPage .page_btn button.next_btn { background-image: url(../../images/icon/page_prev.png); margin: 0 5px 0 17px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#listPage .page_btn button.next_end_btn { background-image: url(../../images/icon/page_prev_all.png); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#listPage .page_btn button:hover, #listPage .page_btn button.active { color: #fff; background-color: #009944; }

#subLocation { width: 100%; height: 60px; position: relative; }

#subLocation .location_box { width: 100%; height: 60px; margin: 0 auto; position: absolute; z-index: 50; background-color: #009944; padding: 0 50px; font-weight: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#subLocation .location_box:after, #subLocation .location_box:before { height: 76px; display: block; content: ""; position: absolute; top: 0; z-index: -1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; }

#subLocation .location_box:after { right: 0; }

#subLocation .location_box:before { left: 0; }

#subLocation .location_box.active { position: fixed; top: 0; }

#subLocation .location_list > li { height: 60px; float: left; position: relative; overflow: hidden; }

#subLocation .location_list > li:after { width: 1px; height: 30px; background-color: #6878a8; display: block; content: ""; position: absolute; right: 0; top: 15px; z-index: -1; }

#subLocation .location_list > li button, #subLocation .location_list > li a { width: 100%; text-align: left; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#subLocation .location_list > li button { height: 60px; position: relative; display: block; padding: 0 0 0 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#subLocation .location_list > li button:before, #subLocation .location_list > li button:after { width: 10px; height: 2px; display: block; content: ""; background-color: #fff; position: absolute; top: 50%; right: 20px; margin: 5px 0 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#subLocation .location_list > li button:before { -webkit-transform: rotate(-45deg) translate(5px, 0); -moz-transform: rotate(-45deg) translate(5px, 0); -ms-transform: rotate(-45deg) translate(5px, 0); -o-transform: rotate(-45deg) translate(5px, 0); transform: rotate(-45deg) translate(5px, 0); }

#subLocation .location_list > li button:after { -webkit-transform: rotate(45deg) translate(-5px, 0); -moz-transform: rotate(45deg) translate(-5px, 0); -ms-transform: rotate(45deg) translate(-5px, 0); -o-transform: rotate(45deg) translate(-5px, 0); transform: rotate(45deg) translate(-5px, 0); }

#subLocation .location_list > li button.active { background-color: #333; }

#subLocation .location_list > li button.active:before, #subLocation .location_list > li button.active:after { background-color: #fff; }

#subLocation .location_list > li button.active:before { right: 27px; }

#subLocation .location_list > li button.active:after { right: 13px; }

#subLocation .location_list > li button:hover { background-color: #333; }

#subLocation .location_list > li.home a { width: 67px; height: 60px; display: block; background-image: url(../../images/icon/sub_nav_home.png); text-indent: -9999px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }

#subLocation .location_list > li.home a:hover { background-color: #df002c; }

#subLocation .location_list > li.depth1 { width: 220px; }

#subLocation .location_list > li.depth1 button { font-size: 15px; }

#subLocation .location_list > li.depth2 { width: 220px; }

#subLocation .location_list > li.depth2 button { font-size: 15px; }

#subLocation .location_list > li .under_depth { background-color: #333; font-size: 15px; border-top: 1px solid #636363; }

#subLocation .location_list > li .under_depth .accent { font-weight: 700; }

#subLocation .location_list > li .under_depth a { height: 50px; line-height: 50px; color: #fff; display: block; padding: 0 0 0 20px; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; }

#subLocation .location_list > li .under_depth a:hover, #subLocation .location_list > li .under_depth a.active { background-color: #df002c; }

#content { margin: 0 0 150px; }

#content #subTitle { margin: 60px 0; text-align: center; }

#content #subTitle h3 { font-size: 40px; font-weight: 700; }

.js-scr-box { -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); -o-transform: translate(0, 50px); transform: translate(0, 50px); opacity: 0; filter: alpha(opacity=0); }

#categoryNav { text-align: center; font-size: 17px; line-height: 56px; font-weight: 700; margin: 50px 0 0; }

#categoryNav li { width: 197px; height: 58px; margin: 0 2px; display: inline-block; }

#categoryNav li:first-child, #categoryNav li:last-child { width: 202px; }

#categoryNav li:first-child a { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }

#categoryNav li:last-child a { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

#categoryNav li a { width: 100%; height: 100%; display: block; border-width: 1px; border-style: solid; border-color: #d6d6d6; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#categoryNav li a.active { border-color: #df002c; background-color: #df002c; color: #fff; }

#categoryNav li a:hover { border-color: #df002c; }

#selectCustom { text-align: center; height: 40px; position: relative; z-index: 10; }

#selectCustom .select_box { width: 235px; height: 40px; display: inline-block; position: relative; }

#selectCustom .select_box > button { width: 100%; height: 40px; border-bottom: 2px solid #333; padding: 0 28px 0 10px; position: relative; font-weight: 700; text-align: left; }

#selectCustom .select_box > button:after { width: 0; height: 0; display: block; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #333; position: absolute; top: 16px; right: 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#selectCustom .select_box > button.active:after { border-top: 0; border-bottom: 7px solid #333; }

#selectCustom .select_box ul { width: 100%; height: 0; background-color: #333; overflow: hidden; position: absolute; text-align: left; }

#selectCustom .select_box ul li { padding: 0 28px 20px 10px; }

#selectCustom .select_box ul li:first-child { padding: 20px 28px 20px 10px; }

#selectCustom .select_box ul a { color: #d6d6d6; position: relative; }

#selectCustom .select_box ul a:after { width: 0; height: 1px; display: block; content: ""; background-color: #d6d6d6; position: absolute; left: 0; bottom: -3px; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; -ms-transition: width 0.2s ease; }

#selectCustom .select_box ul a:hover:after { width: 100%; }

#topBtn { width: 58px; height: 58px; padding: 18px 0 0; background-color: #f1f1f1; font-size: 12px; position: fixed; bottom: 50px; right: 50px; z-index: 50; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  letter-spacing: 0; }

#topBtn.fixed { position: absolute; bottom: 267px; }

#topBtn:hover { color: #009944; }

#topBtn:hover:after { border-color: #009944; top: 18px; }

#topBtn:after { width: 6px; height: 6px; display: block; content: ""; position: absolute; top: 20px; left: 25px; border-width: 1px 1px 0 0; border-style: solid; border-color: #333; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

/*# sourceMappingURL=../map/common.css.map */