html, body {width:100%; min-height:100%;}
html {overflow-y:scroll; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;}
body.fixed {overflow:hidden;}
body.fixed #wrap {position:static;}
body.stop-transitions * { transition: none !important; }
#wrap {position:relative; width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:500;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; max-width:1420px; margin:0 auto; box-sizing:border-box;}
.inner:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.tablet {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}

*::placeholder { opacity:1; }                     
*::-webkit-input-placeholder { opacity:1; }
*:-moz-placeholder { opacity:1; }             
*::-moz-placeholder { opacity:1; }           
*:-ms-input-placeholder { opacity:1; }      
*::-ms-input-placeholder { opacity:1; } 

.tb {display:table; table-layout:fixed;}
.tbc {display:table-cell; vertical-align:middle; width:210px;}

/*header*/
#header {position:fixed; top:0; left:0; width:100%; height:110px; background:rgba(0,0,0,0.35); box-sizing:border-box; z-index:450; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap {position:relative; margin:0 auto;}
.headerWrap h1 {position:absolute; top:30px; left:0; width:225px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:50;}
.headerWrap h1 a {display:block;}
.headerWrap h1 img {position:absolute; top:0; left:0; width:100%; vertical-align:top; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap h1 img.logo {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}

.headerWrap .h_util {position:absolute; top:35px; right:0; z-index:50;}
.headerWrap .h_util .login_util {display:inline-block; overflow:hidden; vertical-align:middle;}
.headerWrap .h_util .login_util li {position:relative; float:left; padding-left:17px; margin-left:16px; font-size:13px; font-weight:300;}
.headerWrap .h_util .login_util li:first-child {padding-left:0; margin-left:0;}
.headerWrap .h_util .login_util li a {color:#dfdfdf;}
.headerWrap .h_util .login_util li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:9px; transform:translateY(-50%); background:#dfdfdf;}
.headerWrap .h_util .login_util li:first-child:before {display:none;}

.headerWrap .h_util .lang_util {display:inline-block; margin-left:25px; position:relative; vertical-align:middle;}
.headerWrap .h_util .lang_util .lang {width:66px; height:40px; border:1px solid #eee; font-size:13px; text-align:center; color:#fff; box-sizing:border-box; line-height:38px; cursor:pointer;}
.headerWrap .h_util .lang_util .lang span {position:relative; display:inline-block; padding-right:20px; vertical-align:top;}
.headerWrap .h_util .lang_util .lang span:after {position:absolute; right:0; top:50%; content:''; display:inline-block; width:0; height:0; transform:translateY(-20%); border-style:solid; border-width:5px; border-color:#fff transparent transparent transparent;}
.headerWrap .h_util .lang_util ul {display:none; position:absolute; top:39px; width:100%; padding:5px 0; border:1px solid #222; background:#fff; box-sizing:border-box;}
.headerWrap .h_util .lang_util ul li {font-size:13px; line-height:25px;}
.headerWrap .h_util .lang_util ul li a {display:block; padding:0 8px; color:#222; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.headerWrap .h_util .lang_util ul li a:hover {color:#7bc143;}

#h_search {display:inline-block; margin-left:15px; vertical-align:middle;}
#h_search .btn_h_search {display:block; width:23px; height:23px; border:none; background:url('/images/common/btn/btn_search_w.png') no-repeat center center; background-size:100%; font-size:0; line-height:0; text-indent:-9999px;}
#h_search .search_layer {display:none; position:absolute; top:74px; right:0; width:330px; padding:20px; border:1px solid #dfdfdf; background:#fff; box-sizing:border-box;}
#h_search .search_layer:before {content:''; position:absolute; top:-11px; right:66px; width:19px; height:11px; background:url('/images/common/icon/search_ar_bg.png') no-repeat 0 0; background-size:100%; z-index:10;}
#h_search .search_layer .search_area {position:relative;}
#h_search .search_layer input.text {width:100%; height:45px; padding-right:45px;}
#h_search .search_layer .btn_h_search {position:absolute; top:0; right:0; width:45px; height:45px; padding:0; background-image:url('/images/common/btn/btn_search.png'); background-size:23px; cursor:pointer;}
#h_search .search_layer .btn_search_close {float: right; display:inline-block; margin-top:5px; padding-right:16px; background:url('/images/common/btn/btn_close.png') no-repeat right center; font-size:13px; font-weight:300; color:#222;}

#topmenu {position:absolute; top:0; left:50%; padding-bottom:10px; transform:translateX(-55%); z-index:10;}
#topmenu > ul {font-size:0;}
#topmenu > ul > li {position:relative; display:inline-block; font-size:20px; font-weight:400; line-height:110px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; vertical-align:top;}
#topmenu > ul > li > a {position:relative; display:block; padding-left:60px; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#topmenu > ul > li:first-child > a {padding-left:0;}
#topmenu > ul > li:hover > a,
#topmenu > ul > li > a.on {color:#7ac142 !important;}
#topmenu > ul > li > a > span {position:relative; display:block;}
#topmenu > ul > li > a > span:after {content:''; position:absolute; left:50%; width:0; bottom:0; width:0; height:3px; transform:translateX(-50%); background:#7ac142; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#topmenu > ul > li > a.on > span:after,
#topmenu > ul > li:hover > a > span:after {width:100%; opacity:1;}

#submenu {display:none; position:absolute; top:110px; left:0; width:100%; padding:30px 0; background:#fff;}
#submenu .sm_list {display:none;}
#submenu .sm_tt {position:relative; float:left; width:270px;}
#submenu .sm_tt:after {content:''; position:absolute; top:-30px; right:0; width:433px; height:263px; background:url('/images/common/submenu_bg.jpg') no-repeat 0 0;}
#submenu .sm_tt strong {position:relative; display:block; font-size:40px; font-weight:500; color:#222; z-index:1;}
#submenu .sm_tt p {position:relative; padding-top:15px; font-size:16px; font-weight:300; line-height:26px; word-break:keep-all; z-index:1;}
#submenu .menu {position:relative; float:right; width:calc(100% - 350px); min-height:203px; padding-right:350px; box-sizing:border-box;}
#submenu .menu:before {content:''; position:absolute; top:0; left:290px; width:1px; height:100%; background:#dfdfdf;}
#submenu .menu dl {overflow:hidden;}
#submenu .menu dl dt {width:45%; margin-top:10px; font-size:16px; line-height:24px;}
#submenu .menu dl dt a {position:relative; display:inline-block; padding-right:17px; color:#222; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; vertical-align:top;}
#submenu .menu dl dt a:hover,
#submenu .menu dl.on dt a {color:#7ac142;}
#submenu .menu dl dt.depth a:after {content:''; position:absolute; top:7px; right:0; width:11px; height:11px; background:url('/images/common/icon/submenu_off.png') no-repeat right center; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
#submenu .menu dl dt.depth a:hover:after,
#submenu .menu dl.on dt.depth a:after {background-image:url('/images/common/icon/submenu_on.png'); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg);}
#submenu .menu dl dd {display:none; position:absolute; top:0; left:330px;}
#submenu .menu dl dd ul li {font-size:15px; font-weight:300; line-height:36px;}
#submenu .menu dl dd ul li a {color:#555;}
#submenu .menu dl dd ul li a:hover {font-weight:400; color:#7ac142;}
#submenu .sm_list.li02 .menu:before {display:none;}
#submenu .sm_list.li02 .menu {overflow:hidden;}
#submenu .sm_list.li02 .menu dl {float:left; width:45%;}
#submenu .sm_list.li02 .menu dl:nth-child(2n) {padding-left:6%; box-sizing:border-box;}
#submenu .sm_list.li02 .menu dl dt {width:100%;}
#submenu .sm_list.li02 .menu dl dt a {display:block; padding:0;}

#submenu .li01 .menu {background:url('/images/common/submenu_01.jpg') no-repeat right top;}
#submenu .li02 .menu {background:url('/images/common/submenu_02.jpg') no-repeat right top;}
#submenu .li03 .menu {background:url('/images/common/submenu_03.jpg') no-repeat right top;}
#submenu .li04 .menu {background:url('/images/common/submenu_04.jpg') no-repeat right top;}
#submenu .li05 .menu {background:url('/images/common/submenu_05.jpg') no-repeat right top;}
#submenu .li03 .menu:before,
#submenu .li05 .menu:before {display:none;}

#header:hover,
.sub #header {background:#fff; border-bottom:1px solid #dfdfdf;}
#header:hover h1 img.logo,
.sub #header h1 img.logo {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#header:hover h1 img.logo_w,
.sub #header h1 img.logo_w {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#header:hover #topmenu > ul > li > a,
.sub #header #topmenu > ul > li > a {color:#222;}
#header:hover .h_util .login_util li a,
.sub #header .h_util .login_util li a {color:#888;}
#header:hover .h_util .lang_util .lang,
.sub #header .h_util .lang_util .lang {border-color:#222; color:#222;}
#header:hover .h_util .lang_util .lang span:after,
.sub #header .h_util .lang_util .lang span:after {border-color:#222 transparent transparent transparent;}
#header:hover #h_search .btn_h_search,
.sub #header #h_search .btn_h_search {background-image:url('/images/common/btn/btn_search.png');}
#header:hover .bar1, 
#header:hover .bar2, 
#header:hover .bar3,
.sub #header .bar1, 
.sub #header .bar2, 
.sub #header .bar3 {background-color:#222;}

/* allmenu */
.btn_menu {display:inline-block; width:35px; margin-left:25px; cursor: pointer; z-index:600; vertical-align:middle;}
.bar1, 
.bar2, 
.bar3 {float:right; width:100%; height: 3px; background-color: #fff; margin-top:9px; transition: 0.4s;}
.bar1 {margin-top:0;}

.allmenu_wrap {display:none; position:fixed; top:0; right:-550px; width:550px; height:100%; z-index:501;}
#allmenu {position:relative; width:100%; height:100%; background:#fff; overflow-y:auto; z-index:10;}
#allmenu .allmenu_top {position:relative; padding:20px; border-bottom:1px solid #222;}
#allmenu .allmenu_top .login_util {overflow:hidden;}
#allmenu .allmenu_top .login_util li {float:left; width:85px; height:35px; margin-left:10px; border:1px solid #888; font-size:14px; font-weight:300; text-align:center; line-height:33px;}
#allmenu .allmenu_top .login_util li:first-child {margin-left:0; border-color:#7ac142; background:#7ac142;}
#allmenu .allmenu_top .login_util li a {display:block;}
#allmenu .allmenu_top .login_util li:first-child a {color:#fff;}
#allmenu .allmenu_top .btn__close_menu {position:absolute; top:50%; right:20px; display:inline-block; width:35px; transform:translateY(-50%); cursor: pointer;}
#allmenu .allmenu_top .btn__close_menu .bar1 {background:#222; -webkit-transform: rotate(-45deg) translate(-9px, 8px) ; transform: rotate(-45deg) translate(-9px, 8px) ;}
#allmenu .allmenu_top .btn__close_menu .bar2 {opacity: 0;}
#allmenu .allmenu_top .btn__close_menu .bar3 {background:#222; -webkit-transform: rotate(45deg) translate(-9px, -9px) ; transform: rotate(45deg) translate(-9px, -9px) ;}
#allmenu .am_tab {border-bottom:1px solid #dfdfdf; overflow:hidden;}
#allmenu .am_tab li {position:relative; float:left; width:20%; padding:20px 0; border-left:1px solid #dfdfdf; background:#f8f9f6; font-weight:500; color:#222; text-align:center; box-sizing:border-box; cursor:pointer;}
#allmenu .am_tab li:first-child {border-left:none;}
#allmenu .am_tab li:after {content:''; position:absolute; left:50%; bottom:-1px; width:0; height:4px; background:#7ac142; transform:translateX(-50%); z-index:10; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#allmenu .am_tab li span {display:block; padding-top:36px; line-height:25px;}
#allmenu .am_tab li.m1 span {background:url('/images/common/icon/icon_menu01.png') no-repeat center top; background-size:28px;}
#allmenu .am_tab li.m2 span {background:url('/images/common/icon/icon_menu02.png') no-repeat center top; background-size:28px;}
#allmenu .am_tab li.m3 span {background:url('/images/common/icon/icon_menu03.png') no-repeat center top; background-size:28px;}
#allmenu .am_tab li.m4 span {background:url('/images/common/icon/icon_menu04.png') no-repeat center top; background-size:28px;}
#allmenu .am_tab li.m5 span {background:url('/images/common/icon/icon_menu05.png') no-repeat center top; background-size:28px;}
#allmenu .am_tab li.on {background:#fff; color:#7ac142;}
#allmenu .am_tab li.on.m1 span {background-image:url('/images/common/icon/icon_menu01_ov.png');}
#allmenu .am_tab li.on.m2 span {background-image:url('/images/common/icon/icon_menu02_ov.png');}
#allmenu .am_tab li.on.m3 span {background-image:url('/images/common/icon/icon_menu03_ov.png');}
#allmenu .am_tab li.on.m4 span {background-image:url('/images/common/icon/icon_menu04_ov.png');}
#allmenu .am_tab li.on.m5 span {background-image:url('/images/common/icon/icon_menu05_ov.png');}
#allmenu .am_tab li.on:after {width:100%;} 
#allmenu .am_box {display:none;}
#allmenu .am_box dl dt {position:relative; padding:0 20px;  border-bottom:1px solid #dfdfdf; background:#fff; font-weight:500; color:#222; line-height:60px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; cursor:pointer;}
#allmenu .am_box dl dt a {display:block; color:#222;}
#allmenu .am_box dl dt i {position:absolute; right:20px; top:50%; display:block; width:16px; height:16px; transform:translateY(-50%); overflow:hidden;}
#allmenu .am_box dl dt i:before {content:''; position:absolute; left:0; top:50%; width:100%; height:2px; transform:translateY(-50%); background:#222;}
#allmenu .am_box dl dt i:after {content:''; position:absolute; left:50%; top:0; width:2px; height:100%; transform:translateX(-50%); background:#222; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#allmenu .am_box dl dd {display:none; padding:0 35px; border-bottom:1px solid #dfdfdf; background:#f8f9f6;}
#allmenu .am_box dl dd .tt {display:block; border-bottom:1px solid #dfdfdf; font-weight:500; line-height:60px;}
#allmenu .am_box dl dd ul {padding:15px 0;}
#allmenu .am_box dl dd ul li {position:relative; padding-left:10px; font-size:15px; font-weight:300; line-height:40px;}
#allmenu .am_box dl dd ul li:before {content:''; position:absolute; top:50%; left:0; width:2px; height:2px; background:#555; transform:translateY(-50%); border-radius:100%;}
#allmenu .am_box dl dd ul li a {display:block; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#allmenu .am_box dl dd ul li a:hover {color:#7ac142;}
#allmenu .am_box dl.on dt {color:#7ac142;}
#allmenu .am_box dl.on dt i:before {background:#7ac142;}
#allmenu .am_box dl.on dt i:after {background:#7ac142; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);  -ms-transform: rotate(90deg);}
.allmenu_wrap .allmenu_bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}

/* 메인비주얼 */
#mainVisual {position:relative;}
#mainVisual .slick-slide {position:relative;}
#mainVisual .VideoArea {position:relative; width:100%; height:1000px; overflow:hidden;} 
/* #mainVisual .VideoArea:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} */
#mainVisual .VideoArea video {position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

#mainVisual .mainvisual_txt {position:absolute; min-width: 670px; top:41%; left:68%; transform:translate(-50%, -50%); color:#fff; z-index:10; line-height:1.2;}
/* opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; */
#mainVisual .video_1 .mainvisual_txt {top: 42.5%;}
#mainVisual .mainvisual_txt h1 {display:block; margin-left:10px; margin-bottom: 5px; font-size:70px; font-weight:700; transform:translateX(-100px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; word-break:keep-all;}
#mainVisual .mainvisual_txt strong b {font-weight:600;}
#mainVisual .mainvisual_txt span {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-left:10px; font-size: 24px; font-weight: 500; color: #de0080;  transform:translateX(-100px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#mainVisual .video_2 .mainvisual_txt span {color: #13ac67;}
#mainVisual .video_3 .mainvisual_txt span {color: #c10d23;}
#mainVisual .mainvisual_txt span .learn-more {margin-left: 10px; display: block;}
#mainVisual .mainvisual_txt .left-line {position: relative; padding-left: 10px; transform:translateX(0); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#mainVisual .mainvisual_txt .left-line::before {content: ''; width: 2px; height: calc(100% - 21px); background-color: #ffffff; position: absolute; top: 17px; left: 0;}
#mainVisual .mainvisual_txt p {padding-top:10px; margin-left:10px; margin-top: 20px; font-size:16px; font-weight:100; line-height:1.5; transform:translateX(-100px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Noto Sans KR', Sans-serif;}



#mainVisual .slide-controls {position:absolute; top:40%; left:67.5%; width:600px; margin-top:180px;  opacity: 0; transform: translate(-50%, 0%); filter:alpha(opacity=0); -mox-opacity:0;}
#mainVisual .slide-controls.margin-top {margin-top: 80px;}
#mainVisual .slide-controls .slick-dots {width:100%; max-width:1420px; margin:0 auto; overflow:hidden;}
#mainVisual .slide-controls .slick-dots li {float:left; margin-left:46px; font-size:16px; font-weight:300;}
#mainVisual .slide-controls .slick-dots li:first-child {margin-left:0;}
#mainVisual .slide-controls .slick-dots li a {position:relative; display:inline-block; color:#ddd; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; vertical-align:top;}
#mainVisual .slide-controls .slick-dots li a:after {content:''; position:absolute; top:50%; right:0; width:0; height:2px; background:#fff; transform:translateY(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#mainVisual .slide-controls .slick-dots li.slick-active {font-weight:700;}
#mainVisual .slide-controls .slick-dots li.slick-active a {color:#fff;}
/* #mainVisual .slide-controls .slick-dots li.slick-active a:after {width:36px;} */
#mainVisual .btn_scrollDown {position:absolute; bottom:35px; left:50%; margin-left:-53px; font-size:14px; font-weight:500; animation: scroll 1.5s infinite; -webkit-animation: scroll 1.5s infinite; -o-animation: scroll 1.5s infinite;}
#mainVisual .btn_scrollDown span {display:block; padding-bottom:40px; background:url('/images/main/icon_scr_down.png') no-repeat center bottom; color:#fff;}

@keyframes scroll {
	0% {transform:translateY(0);}
	100% {transform:translateY(15px);}
}

#mainVisual .mainSlide .first-active .mainvisual_txt .left-line {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;transition-delay:1.8s; -webkit-transition-delay:1.8s;}
#mainVisual .mainSlide .first-active .mainvisual_txt h1 {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2s; -webkit-transition-delay:2s;}
#mainVisual .mainSlide .first-active .mainvisual_txt span {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2.3s;-webkit-transition-delay:2.3s;}
#mainVisual .mainSlide .first-active .mainvisual_txt p {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2.5s;-webkit-transition-delay:2.5s;}

#mainVisual .mainSlide .active .mainvisual_txt .left-line {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;  transition-delay:1.8s; -webkit-transition-delay:1.8s;}
#mainVisual .mainSlide .active .mainvisual_txt h1 {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2s; -webkit-transition-delay:2s;}
#mainVisual .mainSlide .active .mainvisual_txt span {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2.3s;-webkit-transition-delay:2.3s;}
#mainVisual .mainSlide .active .mainvisual_txt p {transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:2.5s;-webkit-transition-delay:2.5s;}


/* animate */
.aniBox {position: relative;}
.aniBox.active {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.aniBox.delay01 {transition-delay:.1s;-webkit-transition-delay:.1s;}
.aniBox.delay02 {transition-delay:.2s;-webkit-transition-delay:.2s;}
.aniBox.delay03 {transition-delay:.3s;-webkit-transition-delay:.3s;}
.aniBox.delay04 {transition-delay:.4s;-webkit-transition-delay:.4s;}
.aniBox.delay05 {transition-delay:.5s;-webkit-transition-delay:.5s;}
.aniBox.delay06 {transition-delay:.6s;-webkit-transition-delay:.6s;}
.aniBox.delay07 {transition-delay:.7s;-webkit-transition-delay:.7s;}
.aniBox.delay08 {transition-delay:.8s;-webkit-transition-delay:.8s;}
.aniBox.delay09 {transition-delay:.9s;-webkit-transition-delay:.9s;}
.aniBox.delay1 {transition-delay:1s;-webkit-transition-delay:1s;}

.aniBox.type_fade {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.aniBox.type_fade.active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

.aniBox.type_scale {-ms-transform: scale(.2); -moz-transform: scale(.2); -webkit-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2);}
.aniBox.type_scale.active {-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.aniBox.type_left {opacity: 0;transform:translateX(-80px);-webkit-transform:translateX(-80px);}
.aniBox.type_left.active {opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}

.aniBox.type_right {opacity: 0;transform:translate(80px);-webkit-transform:translate(80px);}
.aniBox.type_right.active {opacity: 1;transform:translate(0);-webkit-transform:translate(0);}

.aniBox.type_bot {opacity: 0;transform:translateY(80px);-webkit-transform:translateY(80px);}
.aniBox.type_bot.active {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.aniBox.type_top {opacity: 0;transform:translateY(-80px);-webkit-transform:translateY(-80px);}
.aniBox.type_top.gogo {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

/*main contents */
.mainConWrap .main_section {position:relative; padding:150px 0;}
.mainConWrap .main_section.bg {background:#f5f5f5;}
.mainConWrap .main_titleArea {margin-bottom:55px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.mainConWrap .main_titleArea h3 {margin-bottom:25px; font-size:50px; font-weight:600; color:#222; line-height:1;}
.mainConWrap .main_titleArea p {font-size:20px; word-break:keep-all;}
.mainConWrap .main_titleArea .btn_more02 {margin-top:50px;}
.mainConWrap .active .main_titleArea {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap h4.Title {margin-bottom:30px; font-size:24px; font-weight:600; line-height:1;}
.mainConWrap .main_section .Big_tt {position:absolute; bottom:0; font-size:162px; font-weight:700; color:#f5f5f5; letter-spacing:-5px; line-height:118px;}

.mainConWrap #business .business_con {float:left; position:relative; width:47%; padding-left:50px; box-sizing:border-box; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; transform:translateY(80px);-webkit-transform:translateY(80px);}
.mainConWrap #business .business_con.right {float:right; width:50%; margin-top:-155px; padding-top:20px; padding-right:20px; background:url('/images/main/business_bg.png') no-repeat right top; background-size:calc(100% - 70px);}
.mainConWrap #business h4.tt {position:absolute; top:0; left:30px; font-size:30px; font-weight:600; color:#222; white-space: nowrap; text-transform:uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);  -ms-transform: rotate(90deg); -ms-transform-origin: none; -ms-writing-mode:sideways-lr; *writing-mode:sideways-lr; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
.mainConWrap #business h4.tt span {position:relative; padding-right:68px;}
.mainConWrap #business h4.tt span:after {content:''; position:absolute; top:50%; right:0; width:48px; height:1px; background:#222; transform:translateY(-50%);}
.mainConWrap #business .business_con.right h4.tt {top:18px; left:35px;} 
.mainConWrap #business .slide_con {width:100%;}
.mainConWrap #business .slide_con a {position:relative; display:block; overflow:hidden;}
.mainConWrap #business .slide_con img {width:100%; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.mainConWrap #business .slide_con .TxtArea {position:absolute; left:0; bottom:8%; width:100%; padding:0 6%; color:#fff; z-index:10; box-sizing:border-box;}
.mainConWrap #business .slide_con .TxtArea strong {display:block; font-size:30px; font-weight:600; line-height:1; transform:translateY(50%); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #business .slide_con .TxtArea p {padding-top:10px; font-size:18px; word-break:keep-all; transform:translateY(50%); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #business .slide_con .TxtArea .btn_more01 {margin-top:35px; transform:translateY(50%); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #business .slide-controls .slick-dots {margin-left:-45px; margin-top:10px; overflow:hidden;}
.mainConWrap #business .slide-controls .slick-dots li {float:left; margin-left:45px; margin-top:10px;}
.mainConWrap #business .slide-controls .slick-dots li a {position:relative; display:inline-block; cursor:pointer; line-height:1.7; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.mainConWrap #business .slide-controls .slick-dots li a:after {content:''; position:absolute; left:50%; bottom:0; width:0; height:1px; transform:translateX(-50%); background:#7bc143; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.mainConWrap #business .slide-controls .slick-dots li.slick-active a {color:#7bc143;}
.mainConWrap #business .slide-controls .slick-dots li.slick-active a:after {width:100%;}
/* .mainConWrap #business .business_factory .slide-controls .slick-dots li:last-child {width:calc(100% - 45px);} */
.mainConWrap #business .Big_tt {right:-100px; font-size:192px; line-height:142px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #business .slide_con .slick-active img {-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.mainConWrap #business .slide_con .slick-active .TxtArea strong {transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.mainConWrap #business .slide_con .slick-active .TxtArea p {transition-delay:.3s;-webkit-transition-delay:.3s; transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.mainConWrap #business .slide_con .slick-active .TxtArea .btn_more01 {transition-delay:.6s;-webkit-transition-delay:.6s; transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.mainConWrap #business .slide_con a:hover img {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.mainConWrap #business .slide_con a:hover i {-webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.mainConWrap #business.active .business_con {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
.mainConWrap #business.active .business_con.left {transition-delay:.2s;-webkit-transition-delay:.2s;}
.mainConWrap #business.active .business_con.right {transition-delay:.4s;-webkit-transition-delay:.4s;}
.mainConWrap #business.active .Big_tt {right:0; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.6s;-webkit-transition-delay:.6s;}

.mainConWrap #industry {background:url('/images/main/industry_bg.jpg') no-repeat center top; background-size:cover;}
.mainConWrap #industry .main_titleArea {text-align:center;}
.mainConWrap #industry .main_titleArea h3, 
.mainConWrap #industry .main_titleArea p {color:#fff;}
.mainConWrap #industry .industry_list ul {border-left:1px solid #888; border-top:1px solid #888; background:rgba(0,0,0,0.2); overflow:hidden;}
.mainConWrap #industry .industry_list li {float:left; width:20%; border-bottom:1px solid #888; border-right:1px solid #888; font-weight:300; text-align:center; box-sizing:border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mainConWrap #industry .industry_list li .tb {width:100%;}
.mainConWrap #industry .industry_list li .tbc {width:100%;} 
.mainConWrap #industry .industry_list li a {padding:05%; height:23vw; max-height:355px; color:#fff; box-sizing:border-box; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.mainConWrap #industry .industry_list li a .tbc.btn_industry_more {padding-top:0; vertical-align:middle;}
.mainConWrap #industry .industry_list li img {width:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mainConWrap #industry .industry_list li strong {display:block; margin-top:8%; font-size:18px; font-weight:400; line-height:1.4;}
.mainConWrap #industry .industry_list li p {margin-top:5%; line-height:1.5;}
.mainConWrap #industry .industry_list li .btn_industry_more strong {margin-top:14%;}
.mainConWrap #industry .industry_list li:hover {background:#7bc143;}
.mainConWrap #industry .industry_list li:hover img {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg);  transform: rotateY(360deg);}


.mainConWrap #company .company_con {float:left; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; transform:translateY(80px);-webkit-transform:translateY(80px);}
.mainConWrap #company .company_con.con01 {width:45%;}
.mainConWrap #company .company_con.con02 {float:right; width:45.5%; margin-top:-150px;}
.mainConWrap #company .company_con.con03 {float:right; width:46%; margin-right:3%; margin-top:5%;}
.mainConWrap #company .company_con a {display:block;}
.mainConWrap #company .company_con .ImgArea {overflow:hidden;} 
.mainConWrap #company .company_con .ImgArea img {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #company .company_con .TxtArea {position:relative; width:100%; padding-top:6%; padding-right:4%; margin-top:-12%; color:#212121; z-index:10; box-sizing:border-box;}
.mainConWrap #company .company_con .TxtArea:before {content:''; position:absolute; top:0; left:0; width:60%; height:100%; background:#fff;}
.mainConWrap #company .company_con .TxtArea strong,
.mainConWrap #company .company_con .TxtArea p {position:relative; z-index:1;}
.mainConWrap #company .company_con .TxtArea strong {display:block; font-size:30px; font-weight:600;}
.mainConWrap #company .company_con .TxtArea p {padding-top:10px; font-weight:300; word-break:keep-all; line-height:1.4;}
.mainConWrap #company .company_con .TxtArea .btn_more02 {margin-top:30px;}
.mainConWrap #company .Big_tt {left:-100px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #company .company_con:hover .ImgArea img {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.mainConWrap #company .company_con:hover .btn_more02 {color:#7fc143;}
.mainConWrap #company .company_con:hover .btn_more02 i,
.mainConWrap #company .company_con:hover .btn_more02 i:before,
.mainConWrap #company .company_con:hover .btn_more02 i:after {background-color:#7fc143;}
.mainConWrap #company .company_con:hover .btn_more02 i {-webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.mainConWrap #company.active .company_con {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
.mainConWrap #company.active .company_con.con01 {transition-delay:.2s;-webkit-transition-delay:.2s;}
.mainConWrap #company.active .company_con.con02 {transition-delay:.4s;-webkit-transition-delay:.4s;}
.mainConWrap #company.active .company_con.con03 {transition-delay:.6s;-webkit-transition-delay:.6s;}
.mainConWrap #company.active .Big_tt {left:0; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.8s;-webkit-transition-delay:.8s;}
.mainConWrap #notice .main_titleArea {float:left; width:280px; margin-top:20px; margin-bottom:0;}
.mainConWrap #notice .notice_wrap {float:left; width:calc(100% - 280px); transform:translateY(80px);-webkit-transform:translateY(80px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #notice.active .notice_wrap {transform:translateY(0);-webkit-transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.3s;-webkit-transition-delay:.3s;}

.mainConWrap #information.main_section {padding:100px 0;}
.mainConWrap #information .cols {float:left; width:50%; box-sizing:border-box; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mainConWrap #information .cols.col1 {padding-right:66px;}
.mainConWrap #information .cols.col2 {padding-left:66px; border-left:1px solid #dfdfdf;}
.mainConWrap #information .cols.col2 .stock_info {overflow:hidden;}
.mainConWrap #information .cols.col2 .stock_info strong {float:left; padding-right:34px; font-size:50px; font-weight:400; color:#ff0000; line-height:1;}
.mainConWrap #information .cols.col2 .stock_info strong.up {background:url('/images/main/icon_up.png') no-repeat right 55%; background-size:22px;}
.mainConWrap #information .cols.col2 .stock_info strong.down {background:url('/images/main/icon_down.png') no-repeat right 55%; background-size:22px; color:#2e4f9e;}
.mainConWrap #information .cols.col2 .stock_info ul {float:right; margin-top:15px; overflow:hidden;}
.mainConWrap #information .cols.col2 .stock_info ul li {float:left; margin-left:30px;}
.mainConWrap #information .cols.col2 .stock_info ul li:first-child {margin-left:0;}
.mainConWrap #information .cols.col2 .stock_info ul li .num {padding-left:5px; color:#ff0000;}
.mainConWrap #information .cols.col2 .stock_info ul.down li .num {color:#2e4f9e;}
.mainConWrap #information .cols.col2 .stock_info ul.up li .num.icon {padding-right:18px; background:url('/images/main/icon_up.png') no-repeat right 55%; background-size:13px;}
.mainConWrap #information .cols.col2 .stock_info ul.down li .num.icon {padding-right:18px; background:url('/images/main/icon_down.png') no-repeat right 55%; background-size:13px;}
.mainConWrap #information.active .cols {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.mainConWrap #information.active .cols.col2 {transition-delay:.4s;-webkit-transition-delay:.4s;}

/* 서브비주얼 */
#subVisual {height:285px; margin-top:110px; text-align:center; color:#fff; overflow:hidden;}
#subVisual:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/subvisual_01.jpg') no-repeat center top; background-size:cover;  -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
#subVisual.subVsal02:after {background-image:url('/images/common/subvisual_02.jpg');}
#subVisual.subVsal03:after {background-image:url('/images/common/subvisual_03.jpg');}
#subVisual.subVsal04:after {background-image:url('/images/common/subvisual_04.jpg');}
#subVisual.subVsal05:after {background-image:url('/images/common/subvisual_05.jpg');}
#subVisual.subVsal06:after {background-image:url('/images/common/subvisual_06.jpg');}
#subVisual.subVsal07:after {background-image:url('/images/common/subvisual_07.jpg');}
#subVisual.subVsal08:after {background-image:url('/images/common/subvisual_08.jpg');}
#subVisual.active:after  {-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#subVisual .subv-title {position:relative; z-index:10;}
#subVisual .subv-title span {position:relative; display:block; font-size:48px; font-weight:500; line-height:285px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
#subVisual.active .subv-title span {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

/*sub navigation bar*/
#SNB {width:100%; height:58px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.SNBWrap {width:100%; max-width:1420px; margin:0 auto; line-height:58px;}
.SNBWrap:after {content:''; clear:both; display:block; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
.SNBWrap div {border-right:1px solid #dfdfdf; box-sizing:border-box;}
.SNBWrap .home {float:left; width:60px; height:58px; border-left:1px solid #dfdfdf;}
.SNBWrap .home a {display:block; width:100%; height:100%; background:url('/images/common/icon/icon_home.png') no-repeat center center; background-size:35%; font-size:0; line-height:0; text-indent:-9999px;}
.SNBWrap .depth {position:relative; float:left; width:300px; z-index:100;}
.SNBWrap .depth span {display:block; padding-right:20px; margin:0 20px; background:url('/images/common/icon/snb_arrow.gif') no-repeat right center; font-weight:300; color:#000; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.SNBWrap .depth span.depthNone {background:none; cursor:default;}
.SNBWrap .depth ul {display:none; position:absolute; top:58px; left:-1px; padding:15px 0; width:100%; border:1px solid #dfdfdf; background:#fff;}
.SNBWrap .depth ul li {margin-top:10px; line-height:23px;}
.SNBWrap .depth ul li:first-child {margin-top:0;}
.SNBWrap .depth ul li a {display:block; padding:0 20px; font-weight:300; color:#000; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.SNBWrap .depth ul li a:hover {color:#7ac142;}

/*sub contents*/
.sub #contents {position:relative; width:100%; padding:85px 0; box-sizing:border-box; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.sub #contents .titleArea {margin-bottom:100px; text-align:center;}
.sub #contents .titleArea h3 {font-size:44px; font-weight:600; color:#222; line-height:1.2;}
.sub #contents .titleArea p {margin-top:25px; font-size:20px; font-weight:300; line-height:1.6; word-break:keep-all;}
.sub #contents .titleArea img {margin-top:35px;}

.sub #contents .titleArea02 {margin-bottom:60px; text-align:center; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.sub #contents .titleArea02 h3 {font-size:44px; font-weight:600; color:#222; line-height:1.2;}
.sub #contents .titleArea02 p {margin-top:15px; font-size:22px; line-height:1.6; word-break:keep-all;}
.sub #contents .titleArea02 p.small_txt {font-size:18px; font-weight:300; line-height:1.5;}
.sub #contents .titleArea02 p.small_txt strong {font-weight:500; color:#222;}
.sub #contents .titleArea02 p.small_txt02 {font-size:20px; font-weight:300; line-height:1.5;}
.sub #contents .titleArea02 img {margin-top:45px;}
.sub #contents .titleArea02 .TabType01 {margin-top:50px;}
.sub #contents .titleArea02.active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.sub #contents .titleArea02.first,
.sub #contents .section_01 .titleArea02,
.sub #contents .section:first-child .titleArea02 {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.sub #contents .titleArea03 {margin-bottom:50px; text-align:center; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.sub #contents .titleArea03 h4 {font-size:34px; font-weight:600; color:#222;}
.sub #contents .titleArea03 h4 span {font-weight:300;}
.sub #contents .titleArea03 p {padding-top:10px; font-size:18px; font-weight:300; line-height:1.5; word-break:keep-all;}
.sub #contents .titleArea03.active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

.contentsArea .section {position:relative; padding:90px 0; word-break:keep-all;}
.contentsArea .section:first-child {padding-top:0;} 
.contentsArea .section.bg {background:#f6f8f5;}
.contentsArea .section .inner_section {margin-top:80px;}
.contentsArea .section02 {margin-top:80px;}
.contentsArea .red-txt {padding-top:15px; font-size:15px; font-weight:300; color:#dd0000;}

/* QnA_Style */
.qna_style {position:relative; padding:5px 10px; background:#f9f9f9; border:1px solid #ccc; cursor:pointer;}
.qna_style dt {background:url('/images/common/icon/icon_arrow01.png') no-repeat; background-position:calc(100% - 10px) 15px; background-size:12px; font-weight:500;}
.qna_style dt span {position:relative; display:block; padding:7px 36px; background:url('/images/common/icon/icon_q.png') no-repeat 0 5px; line-height:1.5;}
.qna_style dd {display:none; padding:5px 36px; margin-top:5px; background:url('/images/common/icon/icon_a.png') no-repeat 0 3px; font-weight:300; line-height:1.5;}
.qna_style.on dt {background-image:url('/images/common/icon/icon_arrow01_on.png');}

/* ListStyle */
.ListType01 li {position:relative; margin-top:10px; line-height:1.4;}
.ListType01 li:first-child {margin-top:0;}
.ListType01 li a {position:relative; display:inline-block; padding-left:10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.ListType01 li a:before {content:''; position:absolute; top:50%; left:0; width:4px; height:4px; background:#555; transform:translateY(-50%); border-radius:100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.ListType01 li a:hover {color:#7bc143;}
.ListType01 li a:hover:before {background-color:#7bc143;}
.ListType01 li a span {position:relative; display:inline-block;}
.ListType01 li a span:after {content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#7bc143; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.ListType01 li a:hover span:after {width:100%;}

.ListType02 li {position:relative; padding-left:15px; margin-top:10px; font-weight:300; line-height:1.4;}
.ListType02 li:first-child {margin-top:0;}
.ListType02 li:before {content:''; position:absolute; top:50%; left:0; width:4px; height:4px; background:#555; transform:translateY(-50%); border-radius:100%;}

.ListType03 li {position:relative; padding-left:16px; margin-top:5px; font-size:20px; font-weight:300; line-height:1.5;}
.ListType03 li:first-child {margin-top:0;}
.ListType03 li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#555; border-radius:100%;}

.ListType04 li {position:relative; margin-top:5px; padding-left:10px; font-weight:300; text-align:left; line-height:1.4;}
.ListType04 li:before {content:''; position:absolute; top:9px; left:0; width:2px; height:2px; background:#666;}
.ListType04 li:first-child {margin-top:0;}

/* TableStyle */
.TableWrap .tbl_info {margin-top:-10px; padding-bottom:10px; text-align:right; font-size:15px; font-weight:300;}

.TableType01 {width:100%; table-layout:fixed;}
.TableType01 thead th {padding:16px 0; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#7ac142; font-size:15px; font-weight:300; color:#fff; text-align:center; line-height:1.4; word-break:keep-all;}
.TableType01 thead th:first-child {border-left:none;}
.TableType01 tbody th {padding:16px 5px; border-bottom:1px solid #dfdfdf; font-size:15px; text-align:center; font-weight:400; color:#222; line-height:1.4; word-break:keep-all;}
.TableType01 tbody td {padding:16px 5px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:15px; text-align:center; font-weight:300; line-height:1.4; word-break:keep-all;}

.TableType02 {width:100%; table-layout:fixed; word-break:break-all;}
.TableType02.bdt {border-top:1px solid #dfdfdf;}
.TableType02 thead th {padding:16px 0; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#7ac142; font-size:15px; font-weight:300; color:#fff; text-align:center; line-height:1.4;}
.TableType02 tbody th {padding:16px 5px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#7ac142; font-size:15px; text-align:center; font-weight:400; color:#fff; line-height:1.4;}
.TableType02 tbody td {padding:16px 5px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fff; font-size:15px; text-align:center; font-weight:300; line-height:1.4;}
.TableType02 thead th:first-child,
.TableType02 tbody td:first-child {border-left:none;}
.TableType02 tbody td.left {padding-left:20px; text-align:left;}
.TableType02 tbody td.bdL {border-left:1px solid #dfdfdf;}
.TableType02 tbody.last-left td:last-child {padding-left:20px; text-align:left;}

/* TabStyle */
.TabType01 {margin-bottom:90px;}
.TabType01 .menu {display:none;}
.TabType01 ul:after {display:block; content:""; clear:both;}
.TabType01 ul li {float:left; width:25%; height:65px; border:1px solid #dfdfdf; border-left:none; font-size:20px; font-weight:400; text-align:center; box-sizing:border-box; line-height:65px;}
.TabType01 ul li:first-child {border-left:1px solid #dfdfdf;}
.TabType01 ul li a {display:block; color:#888;}
.TabType01 ul li.on {background:#7ac142; border-color:#7ac142;}
.TabType01 ul li.on a {color:#fff;}
.TabType01.list3 ul li {width:33.33333333333%;}

/* 사업분야 */
.sub #business:after {display:block; content:""; clear:both;}
.sub #business .list {position:relative; padding-top:80px;}
.sub #business .list:after {display:block; content:""; clear:both;}
.sub #business .list:first-child {margin-top:0;}
.sub #business .list .anchor_section {position:absolute; top:-100px; left:0;}
.sub #business .list .ImgArea {float:left; width:42%;}
.sub #business .list .ImgArea img {width:100%; height:24.1vw; max-height:380px;}
.sub #business .list .TxtArea {float:left; width:58%; padding-left:5%; box-sizing:border-box;}
.sub #business .list .TxtArea .tt {display:block; font-size:30px; font-weight:600; color:#222; line-height:1.2;}
.sub #business .list .TxtArea p {margin-top:3%; font-weight:300; word-break:keep-all; line-height:1.4;}
.sub #business .list .TxtArea .qna_style {margin-top:25px;}
.sub #business .list .TxtArea .ListType01 {margin-top:25px;}

.sub #business.list_ib {font-size:0;}
.sub #business .list2 {display:inline-block; width:22.75%; margin-left:3%; margin-top:5%; vertical-align:top;}
.sub #business .list2:nth-child(4n-3) {margin-left:0;}
.sub #business .list2:nth-child(-n+4) {margin-top:0;}
.sub #business .list2 a {display:block;}
.sub #business .list2 .ImgArea {overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.sub #business .list2 .ImgArea img {width:100%; height:14.8vw; max-height:224.5px; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.sub #business .list2 strong {display:block; margin-top:6%; font-size:18px; font-weight:500; color:#222; line-height:1;}
.sub #business .list2 p {min-height:48px; margin-top:2%; font-size:16px; font-weight:300; line-height:24px;}
.sub #business .list2 .btn_more02 {margin-top:4%;}
.sub #business .list2 a:hover .ImgArea {-webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.3); box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.3);}
.sub #business .list2 a:hover .ImgArea img {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.sub #business .list2 a:hover .btn_more02 {color:#7fc143;}
.sub #business .list2 a:hover .btn_more02 i,
.sub #business .list2 a:hover .btn_more02 i:before,
.sub #business .list2 a:hover .btn_more02 i:after {background-color:#7fc143;}
.sub #business .list2 a:hover .btn_more02 i {-webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

/* OVERVIEW */
.overview .section_01 .intro_txt {overflow:hidden;}
.overview .section_01 .intro_txt p {float:left; width:48.5%; margin-left:3%; font-weight:300; line-height:1.5;}
.overview .section_01 .intro_txt p:first-child {margin-left:0;}

.overview .section_02 {background:#f6f8f5;}
.overview .section_02 ul li {float:left; width:33.3333333333333%; text-align:center; line-height:1.5; box-sizing:border-box; transform:translateY(80px);-webkit-transform:translateY(80px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.overview .section_02 ul li .tt {position:relative;}
.overview .section_02 ul li .tt .num {display:block; font-size:126px; font-weight:500; color:#eceeeb; line-height:1;}
.overview .section_02 ul li .tt span {position:absolute; top:50%; left:0; width:100%; background:#f6f8f5; transform:translateY(-50%); font-size:20px; font-weight:500; color:#222;}
.overview .section_02 ul li strong {display:block; padding-top:10px; font-size:18px; font-weight:500; color:#222;}
.overview .section_02 ul li p {padding-top:10px; font-weight:300;}
.overview .section_02.active ul li {transform:translateY(0);-webkit-transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.overview .section_02.active ul li:nth-child(2) {transition-delay:.2s;-webkit-transition-delay:.2s;}
.overview .section_02.active ul li:last-child {transition-delay:4s;-webkit-transition-delay:.4s;}

.overview .section_03 .value_con {position:relative; margin-top:80px;}
.overview .section_03 .value_con:after {display:block; content:""; clear:both;}
.overview .section_03 .value_con .ImgArea {position:absolute; top:0; width:50%; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.overview .section_03 .value_con.left .ImgArea {left:0; transform:translateX(-80px);-webkit-transform:translateX(-80px);}
.overview .section_03 .value_con.right .ImgArea {right:0; transform:translate(80px);-webkit-transform:translate(80px);}
.overview .section_03 .value_con .TxtArea {position:relative; width:55%; height:380px; padding:5%; margin-top:5%; background:#fff; -webkit-box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:1px 1px 12px 0px rgba(0, 0, 0, 0.3); box-shadow:1px 1px 12px 0px rgba(0, 0, 0, 0.3); z-index:10; box-sizing:border-box; line-height:1.5; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.overview .section_03 .value_con.left .TxtArea {float:right; transform:translate(80px);-webkit-transform:translate(80px);}
.overview .section_03 .value_con.right .TxtArea {float:left; transform:translateX(-80px);-webkit-transform:translateX(-80px);}
.overview .section_03 .value_con .TxtArea b {display:block; font-size:18px; font-weight:400; color:#7ac142;}
.overview .section_03 .value_con .TxtArea strong {display:block; padding-top:1.5%; font-size:30px; font-weight:600; color:#222; line-height:1.2;}
.overview .section_03 .value_con .TxtArea p {padding-top:3.5%; font-weight:300;}
.overview .section_03 .value_con.active .ImgArea {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.overview .section_03 .value_con.left.active .ImgArea {transform:translateX(0);-webkit-transform:translateX(0);}
.overview .section_03 .value_con.right.active .ImgArea {transform:translate(0);-webkit-transform:translate(0);}
.overview .section_03 .value_con.active .TxtArea {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.overview .section_03 .value_con.left.active .TxtArea {transform:translate(0);-webkit-transform:translate(0);}
.overview .section_03 .value_con.right.active .TxtArea {transform:translateX(0);-webkit-transform:translateX(0);}

.overview .section_04 {padding-top:20px;}
.overview .section_04 .ceo_info {height:446px; padding-left:6%; padding-top:115px; background:url('/eng/images/company/ceo.jpg') no-repeat center top; box-sizing:border-box;}
.overview .section_04 .ceo_info .name {display:block; margin-bottom:20px; font-size:32px; font-weight:400; color:#222;}
.overview .section_04 .ceo_info .name strong {font-size:42px; font-weight:600;}

/* 연혁 */
.history .history_con {position:relative; margin-top:100px; padding-bottom:80px;}
.history .history_con:before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#dfdfdf;}
.history .history_list {position:relative; padding-left:50%; margin-top:80px;}
.history .history_list:first-child {margin-top:0;}
.history .history_list:before {content:''; position:absolute; top:0; left:50%; width:20px; height:20px; background:#7ac142; transform:translateX(-50%); border-radius:100%;}
.history .history_list.year_2012 {min-height:650px;}
.history .history_list.year_2014,
.history .history_list.year_2013 {min-height:380px;}
.history .history_list.year_2017 {min-height:820px;}
.history .history_list.year_2020 {min-height:600px;}
.history .history_list.year_2022 {min-height:410px;}
.history .history_list.year_2023 {min-height:340px;}
.history .history_list .world {font-weight:500; color:#f00;}
.history .history_list .domestic {font-weight:500; color:#2e4f9e;}
.history .history_list .year {position:absolute; top:-12px; right:50%; margin-right:60px; font-size:40px; font-weight:500; color:#222; line-height:1;}
.history .history_list .detail {padding-left:60px;}
.history .history_list .detail dl {width:100%; margin-top:15px; overflow:hidden;}
.history .history_list .detail dl:first-child {margin-top:0;}
.history .history_list .detail dt {float:left; width:34px; font-weight:500; color:#222; line-height:1.5;}
.history .history_list .detail dd {float:left; width:calc(100% - 34px); font-weight:300; line-height:1.5;}
.history .history_list .detail dd ul li {margin-top:10px;}
.history .history_list .detail dd ul li:first-child {margin-top:0;}
.history .history_list .detail dd b {color:#222; font-weight:500;}
.history .history_list .detail img {position:absolute; top:80px; right:50%; margin-right:60px;}

/* 파트너/고객사 */
.sub #contents .partner .titleArea03 {margin-bottom:35px;}
.partner ul {margin-top:-1.5%; transform:translateY(80px);-webkit-transform:translateY(80px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.partner ul:after {display:block; content:""; clear:both;}
.partner ul li {float:left; width:18.8%; margin-left:1.5%; margin-top:1.5%; border:1px solid #dfdfdf; box-sizing:border-box; overflow:hidden;}
.partner ul li:nth-child(5n-4) {margin-left:0;}
.partner ul li img {width:100%; height:4.8vw; max-height:78px;}
.partner .section.active ul {transform:translateY(0);-webkit-transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; transition-delay:.2s;-webkit-transition-delay:.2s;}

/* 위치 및 연락처 */
.location #map {width:100%; height:540px;}
.location .map_conWrap {padding-top:60px;}
.location .map_conWrap .tb {width:100%;}
.location .map_con {display:table-cell; width:30%; padding:0 2%; border-left:1px solid #dfdfdf; font-weight:300; vertical-align:top; box-sizing:border-box; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.location .map_con:first-child {border-left:none;}
.location .map_con.con01 {width:40%; padding-left:0;}
.location .map_con.con03 {padding-right:0;}
.location .map_con .map_box {padding-left:95px;}
.location .map_con.con01 .map_box {background:url('/images/company/icon_location.png') no-repeat 0 0;}
.location .map_con.con02 .map_box {background:url('/images/company/icon_mail.png') no-repeat 0 0;}
.location .map_con.con03 .map_box {background:url('/images/company/icon_bus.png') no-repeat 0 0;}
.location .map_con strong {display:block; margin-bottom:15px; font-size:24px; font-weight:600; color:#222; line-height:1;}
.location .map_con dl {margin-top:8px; line-height:1.5; overflow:hidden;}
.location .map_con dl:first-child {margin-top:0;}
.location .map_con dl dt {float:left; width:40px; font-weight:400; color:#222; white-space:nowrap;}
.location .map_con dl dd {float:left; width:calc(100% - 40px); word-break:break-all;}
.location .map_con dl.address dt {width:75px;}
.location .map_con dl.address dd {width:calc(100% - 75px);}
.location .map_con.con02 dl dt,
.location .map_con.con02 dl dd {display:block; width:100%;}
.location .map_con ul {margin-top:10px;}
.location .map_con ul li {margin-top:5px; line-height:22px;}
.location .map_con ul li:first-child {margin-top:0;}
.location .map_con p {line-height:1.5;}
.location .map_con .line_bus {display:inline-block; width:48px; height:22px; margin-right:5px; background:#4ba236; font-size:14px; font-weight:4400; text-align:center; color:#fff; line-height:22px; vertical-align:middle;}

.location .aniBox.active .map_con {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.location .aniBox.active .map_con.con02 {transition-delay:.2s;-webkit-transition-delay:.2s;}
.location .aniBox.active .map_con.con03 {transition-delay:.4s;-webkit-transition-delay:.4s;}

/* 채용절차 */
.recruit_process .BtnArea {margin-top:80px;}

/* 인재상 */
.talent ul:after {display:block; content:""; clear:both;}
.talent ul li {float:left; width:33.3333333333%; font-weight:300; text-align:center; line-height:1.5; box-sizing:border-box;}
.talent ul li .TxtArea {width:250px; margin:6% auto 0; word-break:keep-all;}
.talent ul li .TxtArea strong {display:block; padding-bottom:3%; font-size:18px; font-weight:500; color:#222;}

/* 복지제도 */
.welfare > ul {margin-top:-3%; overflow:hidden;}
.welfare > ul > li {float:left; width:22.75%; margin-left:3%; margin-top:3%; text-align:center; word-break:keep-all;}
.welfare > ul > li:nth-child(4n-3) {margin-left:0;}
.welfare > ul > li .list_con {height:100%; padding:10%; border:1px solid #dfdfdf; box-sizing:border-box;}
.welfare > ul > li img {width:72px; margin-bottom:10%;}
.welfare > ul > li strong {display:block; margin-bottom:10%; font-size:20px; font-weight:400; color:#222; line-height:1;}
.welfare > ul > li.nodata {background:url('/images/common/logo_g.png') no-repeat center center; background-size:65%;}

/* 주가정보 */
.ir-table-container table tr.arr-style td { padding-top:25px; padding-bottom:25px; }
.ir-table-container table .arrow { display:inline-block; font-size:0;}
.ir-table-container table .arrow > div { position:relative; height:80px;  }
.ir-table-container table .arrow i {position:absolute;left:0; display:inline-block;  border-style:solid; }
.ir-table-container table .arrow.red i {top:0; border-width:0 45px 25px 45px; border-color:#fff #fff #ff0000 #fff;}
.ir-table-container table .arrow.blue i {bottom:0;  border-width:25px 45px 0 45px; border-color:#2e4f9e #fff #fff #fff;}
.ir-table-container table .arrow.equal i {display:none;}
.ir-table-container table .arrow p {  font-size:14px; color:#fff; width:70px; margin:0 10px;  height:80px; line-height:1.3; font-weight:400; box-sizing:border-box;  }
.ir-table-container table .arrow.red p {padding-top:30px;  background:#ff0000; }
.ir-table-container table .arrow.blue p {padding-top:15px; background:#2e4f9e;}
.ir-table-container table .arrow.equal p { background:#666; padding-top:20px;  }
.ir-table-container table .arrow span { display:block; padding-top:5px; font-size:15px; color:#333; font-weight:300; }

.prices-container {position:relative; padding-bottom:20px;  }
.prices-container .front-price-area { display:inline-block; vertical-align:top;width:225px;  line-height:1; }
.prices-container .front-price-area span { display:inline-block; vertical-align:bottom; border-style:solid; margin-bottom:5px; margin-right:5px;  }
.prices-container .front-price-area span.arr-up { border-width:0 16px 24px 16px; border-color:transparent transparent #ff0000 transparent;  }
.prices-container .front-price-area span.arr-down { border-width:24px 16px 0 16px; border-color:#2e4f9e transparent transparent transparent;  }
.prices-container .front-price-area span.arr-equal { position:relative; width:30px; height:22px; margin-bottom:7px; border:none; }
.prices-container .front-price-area span.arr-equal:before { content:''; position:absolute; left:0; top:0; width:100%; height:6px; background:#222; }
.prices-container .front-price-area span.arr-equal:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:6px; background:#222; }
.prices-container .front-price-area p { display:inline-block; vertical-align:bottom; font-size:40px; color:#222; font-weight:500; line-height:1; }

.prices-container .compare-data { display:inline-block; vertical-align:top; max-width:340px; }
.prices-container .compare-data > div ,
.prices-container .compare-data span ,
.prices-container .compare-data p,
.prices-container .compare-data p u { height:22px; line-height:22px; }
.prices-container .compare-data span { display:inline-block; vertical-align:top;  padding-right:10px; font-size:14px; color:#222;}
.prices-container .compare-data p { display:inline-block; vertical-align:top;  }
.prices-container .compare-data p u { text-decoration:none; display:inline-block; vertical-align:top; min-width:60px; font-size:14px; font-weight:300; }
.prices-container .compare-data p u + u { margin-left:10px;  }
.prices-container .compare-data p u.blue { color:#2e4f9e; }
.prices-container .compare-data p u.red { color:#ff0000; }
.prices-container .compare-data p u.equal { color:#222; }
.prices-container .compare-data p u i { display:inline-block; vertical-align:middle; border-style:solid; margin-right:4px; margin-bottom:4px; }
.prices-container .compare-data p u.blue i { border-width:11px 8px 0 8px; border-color:#2e4f9e transparent transparent transparent;  }
.prices-container .compare-data p u.red i { border-width: 0 8px 11px 8px; border-color:transparent transparent #ff0000 transparent;  }
.prices-container .compare-data p u.equal i { position:relative; width:12px; height:8px; margin-bottom:2px; border:none;  }
.prices-container .compare-data p u.equal i:before { content:''; position:absolute; left:0; top:0;  width:100%; height:2px; background:#222; }
.prices-container .compare-data p u.equal i:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#222;}
.prices-container .ri-txt { position:absolute; right:0; bottom:20px; font-size:14px; color:#222; font-weight:300; }

.toppad {height:40px;}

/* 검색결과 */
.total-num {margin-bottom:15px; overflow:hidden;}
.total-num .total {float:left; display:block; font-size:22px; font-weight:400;}
.total-num a {float:right; display:block; margin-top:5px;}

/* 로그인 */
#MemBody .login_con {width:455px; margin:0 auto;}
#MemBody .login_con table {width:100%;}
#MemBody .login_con table td {padding-top:10px;}
#MemBody .login_con table tr:first-child td {padding-top:0;}
#MemBody .login_con table input.text {width:100%; height:60px; padding:0 20px;}
#MemBody .login_con table .btn_login {width:100%; height:68px; border:none; background:#7ac142; text-align:center; font-size:22px; font-weight:500; color:#fff; line-height:68px; cursor:pointer;}
#MemBody .login_con .login_util {margin-top:15px; font-weight:300; overflow:hidden;}
#MemBody .login_con .login_util ul {margin-top:15px; text-align:center; overflow:hidden;}
#MemBody .login_con .login_util ul li {position:relative; display:inline-block; padding-left:11px; margin-left:10px; vertical-align:middle;}
#MemBody .login_con .login_util ul li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:15px; background:#dfdfdf; transform:translateY(-50%);}
#MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0;}
#MemBody .login_con .login_util ul li:first-child:before {display:none;}

/* 아이디/비밀번호 찾기 */
#findIdpw.find_idpw {font-size:0; text-align:center; overflow:hidden;}
#findIdpw.find_idpw .find_box {display:inline-block; width:595px; max-width:48%; height:531px; padding:60px; margin-left:4%; border:1px solid #dfdfdf; text-align:left; box-sizing:border-box; vertical-align:top;}
#findIdpw.find_idpw .find_box:first-child {margin-left:0;}
#findIdpw.find_idpw .find_box .login_con {width:100%;}
#findIdpw.find_idpw .find_box h4 {margin-bottom:15px; font-size:22px; font-weight:400; color:#222;}
#findIdpw.find_idpw .find_box p {font-size:16px; font-weight:300; line-height:1.5; word-break:keep-all;}
#findIdpw.find_idpw .find_box .writeBtnArea {margin-top:35px;}

#findIdpw.idpw_result .find {padding:80px 40px; border:1px solid #dfdfdf; text-align:center;}
#findIdpw.idpw_result .find p {font-size:18px; font-weight:300; line-height:1.5;}
#findIdpw .btnArea {margin-top:30px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #dfdfdf; background:#f5f5f5; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:250px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; font-size:20px; font-weight:400; color:#222;}
#MemBody.join_agree .join_agree_box textarea {width:100%; padding:20px; font-weight:300; box-sizing:border-box;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 회원가입 */
#MemBody .btn_red.btn_mem_break {width:auto; padding:0 20px;}
#MemBody .btn_red.btn_mem_break:hover {text-decoration:none;}

.join_complete .complete_box {width:675px; margin:0 auto; padding:50px 0; border:1px solid #c6c5c4; text-align:center; box-sizing:border-box;}
.join_complete .complete_box img {margin:0 auto;}
.join_complete .complete_box strong {display:block; margin-top:20px; font-size:22px; font-weight:500; color:#222;}
.join_complete .complete_box p {margin-top:10px; font-weight:300; line-height:22px;}
.join_complete .complete_box .BtnArea {margin-top:30px;}
.join_complete .complete_box .BtnArea a {width:170px;}

/* 사이트맵 */
.sitemap .sitemap_section {margin-top:60px;}
.sitemap .titleArea02 + .sitemap_section {margin-top:0;}
.sitemap .sitemap_section h4 {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #000; font-size:30px; font-weight:600; color:#222; line-height:1;}
.sitemap .sitemap_section .sitemap_con {font-size:0; overflow:hidden;}
.sitemap .sitemap_section dl {display:inline-block; width:25%; vertical-align:top;}
.sitemap .sitemap_section dl dt a {font-size:20px; font-weight:600; color:#222;}
.sitemap .sitemap_section dl dd .depth2 > li {margin-top:20px; font-size:16px;}
.sitemap .sitemap_section dl dd .depth2 > li > a {font-weight:400; color:#222;}
.sitemap .sitemap_section dl dd .depth3 {margin-top:5px; padding-right:8%;}
.sitemap .sitemap_section dl dd .depth3 li {position:relative; padding-left:10px; margin-top:2px; line-height:22px;}
.sitemap .sitemap_section dl dd .depth3 li:first-child {margin-top:0;}
.sitemap .sitemap_section dl dd .depth3 li:before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#ccc;}
.sitemap .sitemap_section dl dd .depth3 li a {font-size:14px; font-weight:300; color:#666;}
.sitemap .sitemap_section ul.depth1 {margin-top:-20px; font-size:0; overflow:hidden;}
.sitemap .sitemap_section ul.depth1 li {display:inline-block; width:25%; margin-top:20px; font-size:16px; vertical-align:top;}
.sitemap .sitemap_section ul.depth1 li a {font-weight:400; color:#222;}

/*foot*/
#foot {width:100%; padding:50px 0; background:#fff; border-top:1px solid #dfdfdf;}
.footWrap .footCnt {line-height:2;}
.footWrap address {font-size:15px; font-weight:300; color:#777;}
.footWrap address span {position:relative; padding-right:21px; margin-right:18px;}
.footWrap address span::after {content:''; position:absolute; top:50%; right:0; width:1px; height:10px; background:#bbb; transform:translateY(-50%);}
.footWrap address a {color:#777;}
.footWrap .copy {padding-top:15px; font-size:14px; font-weight:300; color:#aaa;}
.footWrap .copy a {color:#aaa;}
.footWrap .icons-area {position:absolute; top:0; right:0; overflow:hidden;}
.footWrap .icons-area a {float:left; display:block; width:46px; margin-left:15px;}
.footWrap .icons-area a:first-of-type {margin-left:20px;}
.footWrap .icons-area a img {width:100%;}
.footWrap .icons-area span {float:left; display:block; width:130px;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:80px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}



/*============================================================*/
/*======================= PC 1800 px ~ =======================*/
/*============================================================*/
@media screen and (max-width: 1800px) {
    #mainVisual .video_1 .mainvisual_txt span .learn-more {margin-left: 10px; margin-top: 10px;}
}


/*============================================================*/
/*======================= PC 1500 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1500px){
    #mainVisual .mainvisual_txt {left: 72%;}
    #mainVisual .slide-controls {left: 71.5%;}

.inner {max-width:100%; padding:0 3%;}

/*header*/
.headerWrap h1 {left:3%;}
.headerWrap .h_util {right:3%;}

#topmenu > ul > li > a {padding-left:65px;}
#submenu .menu {width:calc(100% - 330px);}

/* 메인비주얼 */
#mainVisual .slide-controls .slick-dots {max-width:100%; padding:0 3%;}

/*sub navigation bar*/
.SNBWrap {max-width:100%; padding:0 3%; box-sizing:border-box;}

/* footer */
.footWrap .icons-area {right:3%;}

}


/*============================================================*/
/*======================= PC 1400 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1400px){

/*header*/
#topmenu > ul > li > a {padding-left:45px;}
#submenu .menu:before {left:31%;}
#submenu .menu dl dd {left:35%;}
#submenu .sm_list.li02 .menu dl:nth-child(2n) {padding-left:13.5%;}

/*main contents */
.mainConWrap #industry .industry_list li a {height:25vw;}
.mainConWrap #industry .industry_list li p {word-break:break-all;}

}


/*============================================================*/
/*======================= PC 1280 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1280px){

/*header*/
#topmenu,
#submenu,
.headerWrap .h_util .login_util {display:none;}
.headerWrap .h_util .lang_util {margin-left:0;}
#h_search {margin-left:20px;}

/* 메인비주얼 */
#mainVisual .mainvisual_txt {left: 75%;}
#mainVisual .slide-controls {left: 74%;} 
/* #mainVisual .mainvisual_txt strong {font-size:65px;}
#mainVisual .mainvisual_txt p {font-size:25px;} */
#mainVisual .video_1 .mainvisual_txt span .learn-more {margin-left: 0;}

/*main contents */
.mainConWrap .main_section .Big_tt {font-size:140px; line-height:102px;}

.mainConWrap #business .Big_tt {font-size:150px; line-height:112px;}
.mainConWrap #business .slide-controls .slick-dots {margin-left:0;}
.mainConWrap #business .slide-controls .slick-dots li {margin-left:0; text-align:left;}
.mainConWrap #business .slide-controls .slick-dots li:nth-child(2n-1) {width:55%;}
.mainConWrap #business .slide-controls .slick-dots li:nth-child(2n) {width:45%;}
.mainConWrap #business .business_factory .slide-controls .slick-dots li:last-child {width:100%;}

.mainConWrap #industry .industry_list li {font-size:15px;}
.mainConWrap #industry .industry_list li a {height:30vw;}
.mainConWrap #industry .industry_list li strong {word-break:break-all;}

.mainConWrap #company .company_con.con02 .TxtArea:before {width:75%;}

.mainConWrap #information .cols.col1 {padding-right:50px;}
.mainConWrap #information .cols.col2 {padding-left:50px;}
.mainConWrap #information .cols.col2 .stock_info ul li {margin-left:20px;}

.mainConWrap #notice .notice_wrap {float:right; width:650px;}

/* 사업분야 */
.sub #business .list2 p {min-height:72px;}

/* OVERVIEW */
.overview .section_02 ul li {padding:0 2%;}
.overview .section_02 ul li p br {display:none;}
.overview .section_03 .value_con .TxtArea p br.enter {display:none;}

/* 인재상 */
.talent ul li img {max-width:70%;}
.talent ul li .TxtArea {width:75%;}

/* 아이디/비밀번호 찾기 */
#findIdpw .find_box {height:535px; padding:50px;}

/* footer */
.footWrap address span {padding-right:13px; margin-right:8px;}
.footWrap .icons-area {top:40px;}
.footWrap .icons-area a {margin-left:10px;}
}

.solution_title {position: relative;padding: 0 30px;background: #f6f8f5;overflow: hidden;cursor: pointer;}
.solution_title h4 {font-size: 40px;color: #7ac142;font-weight: 600;line-height: 90px;}
.solution_etc .tt {font-size:24px !important;}