html, body {width:100%; min-height:100%;}
html {overflow-y:auto; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;}
#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.7); z-index:450;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; padding:0 8%; 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;}
.hidden {display:none !important;}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

.tb {display:table;}
.tbc {display:table-cell;}
.ib {display:inline-block;}

/*header*/
#header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:100; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap {position:relative; height:100px; padding:0 4%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap h1 {float:left; margin-top:36px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.headerWrap h1 a {position:relative; display:block; width:182px; height:26px;}
.headerWrap h1 img {position:absolute; top:0px; left:0; /*width:100%;*/ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; max-width: 150%;}
.headerWrap h1 img.logo_w {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; top:-10px;}
.headerWrap h1 img.logo {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; top:10px; }

#topmenu {position:absolute; top:50%; right:0; margin-top:280px; margin-right:calc(4% - 170px); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);  -ms-transform: rotate(90deg); z-index:10;}
#topmenu.up {margin-top:200px;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul li {position:relative; float:left; margin-left:60px; font-size:17px; font-weight:400; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#topmenu ul li:first-child {margin-left:0;}
#topmenu ul li.hide {display:none;}
#topmenu ul li a {position:relative; display:block; color:#fff;}
#topmenu ul li a span {position:relative; display:inline-block; padding:0 3px; line-height:1;}
#topmenu ul li a span:after {content:''; position:absolute; left:0; bottom:-1px; width:0; height:10px; background:#47b2d8; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:-1;}
#topmenu ul li.on a span:after,
#topmenu ul li:hover a span:after {width:100%; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

#allmenu {position:fixed; top:0; right:-407px; width:407px; height:100%; background:#fff; z-index:500; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#allmenu .allmenuWrap {height:100%; padding-top:85px; padding-left:70px; box-sizing:border-box; overflow-y:auto; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#allmenu .gnb li {margin-left:-30px; font-size:24px; font-weight:500; line-height:60px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; overflow:hidden; white-space:nowrap;}
#allmenu .gnb li a {position:relative; color:#222;}
#allmenu .gnb li a span {position:relative; display:inline-block; line-height:1.4;}
#allmenu .gnb li a span:after {content:''; position:absolute; left:0; bottom:-1px; width:0; height:14px; background:#47b2d8; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:-1;}
#allmenu .gnb li.on a span:after,
#allmenu .gnb li a:hover span:after {width:100%; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#allmenu .h_util {position:relative; margin-top:30px; margin-left:-30px; padding-top:35px; padding-bottom:85px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#allmenu .h_util:before {content:''; position:absolute; top:0; left:0; width:30px; height:1px; background:rgba(0,0,0,0.7);}
#allmenu .h_util li {font-size:17px; color:#222; line-height:40px;}
#allmenu .h_util li .btn_catalog {padding-right:30px; background:url('/images/common/icon/icon_catalog.png') no-repeat right center; background-size:20px; color:#1eb9e6;}
#allmenu.on {right:0;}

#header.fixed {height:100px; background:#fff;}
#header.fixed .headerWrap {height:100px;}
#header.fixed .headerWrap h1 {margin-top:16px;}
#header.fixed .headerWrap h1 img.logo_w {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#header.fixed .headerWrap h1 img.logo {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#header.fixed #topmenu {top:20px; right:calc(4% + 95px); margin:0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(2); transform: rotate(0);  -ms-transform: rotate(0);}
#header.fixed #topmenu ul li {line-height:60px;}
#header.fixed #topmenu ul li.hide {display:block;}
#header.fixed #topmenu ul li a {color:#222;}
#allmenu.scroll .allmenuWrap {padding-top:65px;}
#allmenu.scroll .h_util {padding-bottom:65px;}

/* allmenu */
.btn_menu {position:fixed; top:43px; right:4%; width:23px; cursor: pointer; z-index:600; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.bar1, 
.bar2 {float:right; width:100%; height:3px; background-color: #fff; margin-top:7px; transition: 0.4s;}
.bar1 {margin-top:0;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 4px) ; transform: rotate(-45deg) translate(-3px, 4px) ; background-color:#222;}
.change .bar2 {-webkit-transform: rotate(45deg) translate(-3px, -4px) ; transform: rotate(45deg) translate(-3px, -4px) ; background-color:#222;}

.btn_menu.scroll {top:43px;}
.btn_menu.scroll .bar1,
.btn_menu.scroll .bar2 {background-color:#222;}

/* 메인비주얼 */
#mainVisual {position:relative; height:100vh; min-height:700px; background:url('/images/main/mainvisual.jpg') no-repeat center top; background-size:cover;}
#mainVisual .mainvisual_txt {position:absolute; left:0; top:50%; width:92%; margin:0 4%; transform:translateY(-72%); color:#fff; text-align:left; box-sizing:border-box; z-index:50; overflow:hidden; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; transition: all .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s;}
#mainVisual .mainvisual_txt b {display:block; font-size:100px; font-weight:500; line-height:1;}
#mainVisual .mainvisual_txt p {padding-top:3vh; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size:36px; font-weight:300;}
#mainVisual .mainvisual_txt b,
#mainVisual .mainvisual_txt p {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transform:translateX(-50%);	transform:translateX(-50%);	-webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s, transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s;	transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s, transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s;}

#mainVisual .btn_scrollDown {display:block; transform: rotate(90deg); color: #fff; letter-spacing: 0.07em; font-size: 11px; position: absolute; right: 0; bottom: 120px; letter-spacing:5px; z-index:10;}
#mainVisual .btn_scrollDown em {width: 90px; height: 1px; top: -4px; transform: translateY(-50%); line-height: 1.6rem; display: inline-block; overflow: hidden; background: rgba(255,255,255,0.4); position: relative; right: 20px}
#mainVisual .btn_scrollDown em:after {content: ""; display: inline-block; background: #fff; height: 1px; width: 100%; position: absolute; animation: scroll 1s linear infinite; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
@keyframes scroll{
    0% {
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(100px);
    }
}

#mainVisual .con_link {position:absolute; left:4%; bottom:70px; z-index:50; overflow:hidden;}
#mainVisual .con_link li {float:left; width:310px; margin-left:100px; font-weight:300; line-height:1.4;}
#mainVisual .con_link li:first-child {margin-left:0;}
#mainVisual .con_link li a {display:block; color:#ddd; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%); -webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s, transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s; transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s, transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s;}
#mainVisual .con_link li b {display:block; background:url('/images/common/btn/btn_more01.png') no-repeat right center; font-size:24px; font-weight:500; color:#fff; letter-spacing:1px;}
#mainVisual .con_link li b em {position:relative; display:inline-block; line-height:1;}
#mainVisual .con_link li b em:after {content:''; position:absolute; left:0; bottom:-2px; width:0; height:10px; background:#1eb9e6; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:-1;}
#mainVisual .con_link li b span {font-size:16px; font-weight:400;}
#mainVisual .con_link li p {padding-top:5px;}
#mainVisual .con_link li:hover b em:after {width:100%; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

#mainVisual .sub-visual-bg-box, 
#mainVisual .sub-visual-line-box {position:absolute; top:0px; right:0px; width:100%; height:100%;}
#mainVisual .sub-visual-bg-box {z-index:1000;}
#mainVisual .sub-visual-line-box {z-index:10;}
#mainVisual .sub-visual-bg-box .visual-intro-item,
#mainVisual .sub-visual-line-box .visual-intro-item {float:right; position:relative; width:20%; height:100%; }
#mainVisual .sub-visual-bg-box .visual-intro-item:after {content:""; position:absolute; width:100%; height:100%; right:0; top:0px; background: #000; transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s }
#mainVisual .sub-visual-line-box .visual-intro-item:before {position:absolute;  right:0; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.15); z-index:1; transition: height .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0.8s; }
#mainVisual .sub-visual-line-box .visual-intro-item:nth-child(odd):before {top:0;}
#mainVisual .sub-visual-line-box .visual-intro-item:nth-child(even):before {bottom:0;}

#mainVisual.active .mainvisual_txt {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#mainVisual.active .mainvisual_txt b,
#mainVisual.active .mainvisual_txt p,
#mainVisual.active .con_link li a {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
#mainVisual.active .sub-visual-line-box .visual-intro-item:before{height:100%;}
#mainVisual.active .sub-visual-bg-box .visual-intro-item:after {width:0; }
#mainVisual.active .sub-visual-bg-box .visual-intro-item {-webkit-transform: scaleX(1);	-moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); transform-origin:right top; transition-property: transform;}

/*main contents */
.mainConWrap .section {position:relative; padding:10% 0; overflow:hidden;} 
.mainConWrap .section .tb {width:100%; table-layout:fixed;}
.mainConWrap .section .tb .TitleArea {display:table-cell; width:615px; vertical-align:top; overflow:hidden;}
.mainConWrap .section .tb .ConArea {display:table-cell; width:calc(100% - 615px); vertical-align:top; overflow:hidden;}
.mainConWrap .TitleArea h2 {font-size:24px; font-weight:500; color:#47b2d8; letter-spacing:12px;}
.mainConWrap .TitleArea h2.kor {letter-spacing:0;}
.mainConWrap .TitleArea h3 {padding-top:45px; font-size:73px; font-weight:500; color:#fff; line-height:1.2;}
.mainConWrap .TitleArea h3 span {font-weight:300;}
.mainConWrap .TitleArea h3 .btn_black {position:relative; top:-10px; font-weight:300;}
.mainConWrap .TitleArea p {padding-top:30px; font-family: 'Oswald','Noto Sans KR', Noto Sans KR, Sans-serif; font-size:24px; font-weight:300; color:#fff; line-height:1.2;}
.mainConWrap .TitleArea .subtxt {padding-top:30px; font-family: 'Oswald','Noto Sans KR', Noto Sans KR, Sans-serif; font-size:22px; font-weight:300; color:#222; line-height:1.2;}
.mainConWrap .TitleArea p.eng {font-family:'Oswald', Sans-serif;}
.mainConWrap .TitleArea br.br {display:none;}
.mainConWrap .TitleArea.black h3 {color:#222;}
.mainConWrap .TitleArea.black p {color:#222;}
.mainConWrap .TitleArea .small_txt {display:block; padding-top:20px; font-size:14px; font-weight:300; color:#888;}
.mainConWrap .TitleArea .small_txt02 {padding-top:30px; padding-right:20%; font-size:16px; font-weight:300; color:#666 !important; line-height:1.5;}
.mainConWrap .ConArea {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.mainConWrap .ConArea .BoxArea {margin-top:20px; border:1px solid #eee; background:#fff; box-sizing:border-box;}
.mainConWrap .ConArea .BoxArea:first-child {margin-top:0;}
.mainConWrap .ConArea .BoxArea.wp {padding: 7% 5%;}
.mainConWrap .ConArea .BoxArea h4 {margin-bottom:40px; font-size:33px; font-weight:500; color:#222; line-height:1;}
.mainConWrap .ConArea .BoxArea h3 {margin-bottom:25px; font-size:33px; font-weight:600; color:#222; line-height:1;}
.mainConWrap .ConArea .BoxArea h5 {margin-bottom:25px; margin-top:60px; font-size:33px; font-weight:600; color:#222; line-height:1;}
.mainConWrap .ConArea .BoxArea h5 h5_setting {padding-bottom:35px; margin-top:60px; font-size:33px; font-weight:600; color:#222; line-height:1;}
.mainConWrap .ConArea .BoxArea .TxtArea p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_02 p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_02 p:nth-child(2n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px; padding-bottom: 5px;}
.mainConWrap .ConArea .BoxArea .TxtArea_02 img {background:url('/images/mian/table.jpg') no-repeat;background-size: cover;}
.mainConWrap .ConArea .BoxArea .TxtArea_03 p {display:block; font-size:16px; font-weight:300; color:#666666; padding-top: 5px; padding-bottom: 40px;}
.mainConWrap .ConArea .BoxArea .TxtArea_04 p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_04 p:nth-child(2n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px; padding-bottom: 30px;}
.mainConWrap .ConArea .BoxArea .TxtArea_05 p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_05 p:nth-child(2n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px;}
.mainConWrap .ConArea .BoxArea .TxtArea_05 p:nth-child(3n) {display:block; font-size:18px; font-weight:300; color:#666666; }
.mainConWrap .ConArea .BoxArea .TxtArea_05 p:nth-child(4n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 0px;}
.mainConWrap .ConArea .BoxArea .TxtArea_05 p:nth-child(5n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 0px;}
.mainConWrap .ConArea .BoxArea .TxtArea_05 p:nth-child(6n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 0px;}
.mainConWrap .ConArea .BoxArea .TxtArea_06 p {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px;}
.mainConWrap .ConArea .BoxArea .TxtArea_07 p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_07 p:nth-child(2n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px; padding-bottom: 15px;}
.mainConWrap .ConArea .BoxArea .TxtArea_08 p {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea_08 p:nth-child(2n) {display:block; font-size:18px; font-weight:300; color:#666666; padding-top: 5px; padding-bottom: 5px;}
.mainConWrap .ConArea .BoxArea .TxtArea_08 p:nth-child(3n) {display:block; font-size:16px; font-weight:300; color:#ff3600; padding-top: 5px; padding-bottom: 5px;}
.mainConWrap .ConArea .BoxArea .TxtArea b {display:block; font-size:18px; font-weight:400; color:#222;}
.mainConWrap .ConArea .BoxArea .TxtArea b:nth-child(2n) {margin-left:19%;}
.mainConWrap .ConArea .BoxArea .TxtArea b:nth-child(4n) {margin-left:16.7%;}
.mainConWrap .ConArea .BoxArea .TxtArea strong {display:block; font-size:18px; font-weight:400; color:#222; padding-top: 25px;}
.mainConWrap .ConArea .BoxArea .TxtArea strong:nth-child(2n) {margin-left:19%;}
.mainConWrap .ConArea .BoxArea .TxtArea strong:nth-child(4n) {margin-left:16.7%;}
.mainConWrap .ConArea .BoxArea .TxtArea li {font-size:18px; font-weight:400; color:#175ea8; padding-top: 30px; }
.mainConWrap .ConArea .BoxArea .TxtArea img {vertical-align:middle; padding-right: 20px; padding-left: 20px;padding-top: 30px;}
.mainConWrap .Inner_section {padding-top:8%;}
.mainConWrap .Inner_section2 {padding-top:0%;}
.mainConWrap .Inner_section:first-child {padding-top:0;}
.mainConWrap .Inner_section h4 {margin-bottom:30px; font-size:30px; font-weight:300; color:#222; line-height:1;}
.mainConWrap .LeftCon {display:table-cell; width:50%; padding:10% 8%; box-sizing:border-box; vertical-align:middle;}
.mainConWrap .RightCon {display:table-cell; width:50%; padding:10% 8%; box-sizing:border-box; vertical-align:middle;}
.mainConWrap .RightCon .rc_wrap {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.mainConWrap .main_section {position:relative;}

.mainConWrap .TitleArea .tt_wrap,
.mainConWrap .LeftCon .lc_wrap {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%); -webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04), transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04); transition: all 0.5s cubic-bezier(0.47, 0, 0.31, 1.04), opacity 1.0s cubic-bezier(0.47, 0, 0.31, 1.04), transform 1.0s cubic-bezier(0.47, 0, 0.31, 1.04);}
.mainConWrap .section.active .tt_wrap,
.mainConWrap .section.active .LeftCon .lc_wrap {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
.mainConWrap .section.active .ConArea,
.mainConWrap .section.active .RightCon .rc_wrap {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:.8s;-webkit-transition-delay:.8s;}

.mainConWrap .slideController .Arrows {display:inline-block; vertical-align:middle;}
.mainConWrap .slideController .Arrows span {display:inline-block; vertical-align:middle;}
.mainConWrap .slideController .Arrows span.slick-arrow {width:12px; height:19px; cursor:pointer;}
.mainConWrap .slideController .Arrows span.aro1_prev {background:url('/images/main/slide_prev.png') no-repeat 0 center;}
.mainConWrap .slideController .Arrows span.aro1_next {background:url('/images/main/slide_next.png') no-repeat 0 center;}
.mainConWrap .slideController .Arrows span.bul {width:1px; height:20px; margin:0 20px; background:rgba(255,255,255,0.4);}
.mainConWrap .slideController .Paging {display:inline-block; padding-left:35px; vertical-align:middle;}
.mainConWrap .slideController .Paging span {display:inline-block; font-size:20px; font-weight:300; color:#ccc; vertical-align:middle;}
.mainConWrap .slideController .Paging span.pagingInfo {font-weight:500; color:#fff;}
.mainConWrap .slideController .Paging span.pagingInfo02 {padding:0 8px;}
.mainConWrap .slideController.black .Arrows span.aro1_prev {background-image:url('/images/main/slide_prev_b.png');}
.mainConWrap .slideController.black .Arrows span.aro1_next {background-image:url('/images/main/slide_next_b.png');}
.mainConWrap .slideController.black .Arrows span.bul {background:rgba(51,51,51,0.4);}
.mainConWrap .slideController.black .Paging span {color:#666;}
.mainConWrap .slideController.black .Paging span.pagingInfo {color:#333;}

#business {background:url('/images/main/business_bg.jpg') no-repeat center top; background-size:cover;}
#business .inner {padding-right:0;}
#business .TitleArea {vertical-align:middle !important;}
#business .ConArea {vertical-align:middle !important;}
#business .business_slider .slick-list {overflow:visible !important;}
#business .business_slider .slick-slide {padding-right:30px;}
#business .business_slider .list {position:relative;}
#business .business_slider .list .TxtArea {position:absolute; left:0; bottom:40px; width:100%; padding:0 40px; font-weight:300; color:#fff; box-sizing:border-box;}
#business .business_slider .list .TxtArea .num {display:block; font-size:60px; font-weight:500;}
#business .business_slider .list .TxtArea strong {display:block; padding-top:5px; font-size:24px; font-weight:500;}
#business .business_slider .list .TxtArea strong .eng {font-weight:400;}
#business .business_slider .list .TxtArea p {padding-top:10px; line-height:1.2;}
#business .slideController {margin-top:150px;}

#why .section {background:#fff url('/images/main/logo_full_bg.jpg') no-repeat left bottom; background-size:100%;}
#why .why_section_01 .ConArea {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; }
#why .why_section_01 .TitleArea p {padding-top:75px;}
#why .why_section_01 ul {display:table; width:100%; border:1px solid #eee; box-sizing:border-box;}
#why .why_section_01 ul li {display:table-cell; width:25%; padding:45px 0; border-left:1px solid #eee; text-align:center; color:#175ea8; vertical-align:middle; box-sizing:border-box; line-height:1.3;}
#why .why_section_01 ul li.list3 {width:33.333333333333%;}
#why .why_section_01 ul li:first-child {border-left:none;}
#why .why_section_01 ul li:nth-child(2n) {background:#f9f9f9; color:#222;}
#why .why_section_01 ul li span {display:block; padding-top:150px; font-size:18px;}
#why .why_section_01 ul li.effect_01 span {background:url('/images/main/icon_effect_01.png') no-repeat center top;}
#why .why_section_01 ul li.effect_02 span {background:url('/images/main/icon_effect_02.png') no-repeat center top;}
#why .why_section_01 ul li.effect_03 span {background:url('/images/main/icon_effect_03.png') no-repeat center top;}
#why .why_section_01 ul li.effect_04 span {background:url('/images/main/icon_effect_04.png') no-repeat center top;}
#why .why_section_01 ul2 {display:table; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
#why .why_section_01 ul2 li {display:table-cell; width:25%; padding:45px 0; border-left:1px solid #eee; border-bottom:1px solid #eee;text-align:center; color:#175ea8; vertical-align:middle; box-sizing:border-box; line-height:1.3;}
#why .why_section_01 ul2 li.list3 {width:33.333333333333%;}
#why .why_section_01 ul2 li:first-child {border-left:none; background:#f9f9f9;}
#why .why_section_01 ul2 li:nth-child(3n) {background:#f9f9f9; color:#222;}
#why .why_section_01 ul2 li span {display:block; padding-top:150px; font-size:18px;}
#why .why_section_01 ul2 li.effect_05 span {background:url('/images/main/icon_effect_05.png') no-repeat center top;}
#why .why_section_01 ul2 li.effect_06 span {background:url('/images/main/icon_effect_06.png') no-repeat center top;}
#why .why_section_01 ul2 li.effect_07 span {background:url('/images/main/icon_effect_07.png') no-repeat center top;}
#why .why_section_01 ul2 li.effect_08 span {background:url('/images/main/icon_effect_08.png') no-repeat center top;}
#why .why_section_01 ul3 {display:table; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
#why .why_section_01 ul3 li {display:table-cell; width:25%; padding:45px 0; border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#175ea8; vertical-align:middle; box-sizing:border-box; line-height:1.3;}
#why .why_section_01 ul3 li.list3 {width:33.333333333333%;}
#why .why_section_01 ul3 li:first-child {border-left:none;}
#why .why_section_01 ul3 li:nth-child(2n) {background:#f9f9f9; color:#222;}
#why .why_section_01 ul3 li span {display:block; padding-top:150px; font-size:18px;}
#why .why_section_01 ul3 li.effect_09 span {background:url('/images/main/icon_effect_09.png') no-repeat center top;}
#why .why_section_01 ul3 li.effect_10 span {background:url('/images/main/icon_effect_10.png') no-repeat center top;}
#why .why_section_01 ul3 li.effect_11 span {background:url('/images/main/icon_effect_11.png') no-repeat center top;}
#why .why_section_01 ul3 li.effect_12 span {background:url('/images/main/icon_effect_12.png') no-repeat center top;}
#why .why_section_01 ul4 {display:table; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
#why .why_section_01 ul4 li {display:table-cell; width:25%; padding:45px 0; border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#175ea8; vertical-align:middle; box-sizing:border-box; line-height:1.3; background-color: #fff;}
#why .why_section_01 ul4 li.list3 {width:33.333333333333%;}
#why .why_section_01 ul4 li:first-child {border-left:none;background:#f9f9f9;}
#why .why_section_01 ul4 li:nth-child(3n) {background:#f9f9f9; color:#222;}
#why .why_section_01 ul4 li span {display:block; padding-top:150px; font-size:18px;}
#why .why_section_01 ul4 li.effect_13 span {background:url('/images/main/icon_effect_13.png') no-repeat center top;}
#why .why_section_01 ul4 li.effect_14 span {background:url('/images/main/icon_effect_14.png') no-repeat center top;}
#why .why_section_01 ul4 li.effect_15 span {background:url('/images/main/icon_effect_15.png') no-repeat center top;}
#why .why_section_01 ul4 li.effect_16 span {background:url('/images/main/icon_effect_16.png') no-repeat center top;}
#why .why_section_01 ul5 {display:table; width:100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
#why .why_section_01 ul5 li {display:table-cell; width:25%; padding:50px 0; border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#175ea8; vertical-align:middle; box-sizing:border-box; line-height:1.3; background-color: #fff;}
#why .why_section_01 ul5 li.list3 {width:33.333333333333%;}
#why .why_section_01 ul5 li:first-child {border-left:none; }
#why .why_section_01 ul5 li:nth-child(2n) {background:#f9f9f9; color:#222;}
#why .why_section_01 ul5 li:nth-child(4n) {background:#fff; color:#222;}
#why .why_section_01 ul5 li span {display:block; padding-top:150px; font-size:18px;}
#why .why_section_01 ul5 li.effect_17 span {background:url('/images/main/icon_effect_17.png') no-repeat center top;}
#why .why_section_01 ul5 li.effect_18 span {background:url('/images/main/icon_effect_18.png') no-repeat center top;}
#why .why_section_01 ul5 li.effect_19 span {background:url('/images/main/icon_effect_19.png') no-repeat center top;}
#why .why_section_01 ul5 li.effect_20 span {background:url('/images/main/icon_effect_20.png') no-repeat center top; border-bottom:0px; border-right:0px !important; }

#why .why_section_02 {background:#2a3956;}
#why .why_section_02 .TitleArea {vertical-align:middle !important;}
#why .why_section_02 .TitleArea .slideController {display:none;}
#why .why_section_02 .ConArea {vertical-align:middle !important;}
#why .why_section_02 .ConArea {position:relative; z-index:10;}
#why .why_section_02 .ConArea .list {font-size:0; overflow:hidden;}
#why .why_section_02 .ConArea .TxtArea {display:inline-block; width:42.5%; height:570px; padding:5% 4%; background:#fff; box-sizing:border-box; vertical-align:bottom;}
#why .why_section_02 .ConArea .TxtArea h4 {margin-bottom:25px; font-size:28px; font-weight:500; color:#175ea8; line-height:1.2;}
#why .why_section_02 .ConArea .TxtArea ul li {margin-top:25px; font-size:16px; word-break:keep-all; line-height:1.2;}
#why .why_section_02 .ConArea .TxtArea ul li:first-child {margin-top:0;}
#why .why_section_02 .ConArea .TxtArea ul li strong {/*display:block;*/ font-size:18px; font-weight:400; color:#222;}
#why .why_section_02 .ConArea .TxtArea ul li strong.last {font-size:16px; font-weight:300;}
#why .why_section_02 .ConArea .TxtArea ul li img {display:inline; vertical-align: initial; padding-right: 10px;}
#why .why_section_02 .ConArea .TxtArea ul li img.img_m {margin-top:20px; margin-bottom:10px;}
#why .why_section_02 .ConArea .TxtArea ul li img.img_h {margin-top:30px; margin-bottom:30px;}
#why .why_section_02 .ConArea .TxtArea ul li p {padding-top:5px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-weight:300;}
#why .why_section_02 .ConArea .ImgArea {display:inline-block; width:57.5%; vertical-align:bottom;}
#why .why_section_02 .ConArea .ImgArea img.img_b {display:block;}
#why .why_section_02 .ConArea .ImgArea img.img_s {display:none;}
#why .why_section_02 .ConArea .slideController {position:absolute; left:6%; bottom:6%; z-index:20;}
#why .why_section_02 .factory_bg {position:absolute; top:0; right:0; width:30%; max-width:589px; height:100%;}
#why .why_section_02 .factory_bg * {height:100%;}
#why .why_section_02 .factory_bg .list {width:100%; height:100%; background-size:cover !important;}
#why .why_section_02 .factory_bg .list.list1 {background:url('/images/main/why_bg_01.jpg') no-repeat center top;}
#why .why_section_02 .factory_bg .list.list2 {background:url('/images/main/why_bg_02.jpg') no-repeat center top;}
#why .why_section_02 .factory_bg .list.list3 {background:url('/images/main/why_bg_03.jpg') no-repeat center top;}
#why .why_section_02 .factory_bg .list.list4 {background:url('/images/main/why_bg_04.jpg') no-repeat center top;}

#service .service_01
.service01 {margin-top:-4.5%; font-size:0; overflow:hidden;}
.service01 li {display:inline-block; width:100%; margin-top:20px; font-size:0; vertical-align:top;}
.service01.check li {width:45%;}
.service01.check li:nth-child(2n) {margin-left:10%;}
.service01 li .check.icon {display:inline-block; width:20px; height:14px; vertical-align:middle;}
.service01 li .check.icon {background:url('/images/main/check_icon.png') no-repeat center center; background-size:100% 100%;}
.service01 li .TxtArea {display:inline-block; width:calc(100% - 66px); padding-left:2.5%; font-size:16px; font-weight:300; line-height:1.2; vertical-align:middle; box-sizing:border-box;}
.service01.analysis li .TxtArea {padding-left:5%;}
.service01 li .TxtArea b {display:block; font-size:18px; font-weight:500; color:#175ea8 !important;}
.service01 li .TxtArea p {padding-top:5px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif;}

#service .service_01_1, 
.service01_1 {margin-top:-4.5%; font-size:0; overflow:hidden;}
.service01_1 li {display:inline-block; width:100%; margin-top:20px; font-size:0; vertical-align:top;}
.service01_1.icon li {width:45%;}
.service01_1.icon li:nth-child(2n) {margin-left:10%;}
.service01_1 li .icon {display:inline-block; width:40px; height:40px; vertical-align:middle;}
.service01_1 li .icon.icon1 {background:url('/images/main/expectation_icon1.png') no-repeat center center; background-size:100% 100%;}
.service01_1 li .icon.icon2 {background:url('/images/main/expectation_icon2.png') no-repeat center center; background-size:100% 100%;}
.service01_1 li .icon.icon3 {background:url('/images/main/expectation_icon3.png') no-repeat center center; background-size:100% 100%;}
.service01_1 li .icon.icon4 {background:url('/images/main/expectation_icon4.png') no-repeat center center; background-size:100% 100%;}
.service01_1 li .TxtArea {display:inline-block; width:calc(100% - 66px); padding-left:2.5%; font-size:16px; font-weight:300; line-height:1.2; vertical-align:middle; box-sizing:border-box;}
.service01_1 li .TextArea {display:inline-block; width:calc(100% - 66px); padding-left:2.5%; font-size:16px; font-weight:300; line-height:1.2; vertical-align:middle; box-sizing:border-box; margin-top: 25px;}
.service01_1.analysis li .TxtArea {padding-left:5%;}
.service01_1 li .TxtArea b {display:block; font-size:18px; font-weight:500; color:#222 !important;}
.service01_1 li .TxtArea p {padding-top:5px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif;}


#service .service_03,
#air .section {background:#fff url('/images/main/service01_bg.jpg') no-repeat left bottom; background-size:100%;}




#service .service_02 {background:#f7f7f7 url('/images/main/service02_bg.jpg') no-repeat left bottom; background-size:100%;}
.ListType01 {margin-top:-4.5%; font-size:0; overflow:hidden;}
.ListType01 li {display:inline-block; width:100%; padding-top:30px; font-size:0; vertical-align:top;}
.ListType01.analysis li {width:45%;}
.ListType01.analysis li:nth-child(2n) {margin-left:10%;}
.ListType01 li .icon {display:inline-block; width:66px; height:66px; vertical-align:middle;}
.ListType01 li .icon.analy_01 {background:url('/images/main/icon_analy_01.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.analy_02 {background:url('/images/main/icon_analy_02.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.analy_03 {background:url('/images/main/icon_analy_03.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.analy_04 {background:url('/images/main/icon_analy_04.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.analy_05 {background:url('/images/main/icon_analy_05.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.fac_01 {background:url('/images/main/icon_fac_01.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.fac_02 {background:url('/images/main/icon_fac_02.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.fac_03 {background:url('/images/main/icon_fac_03.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .TxtArea {display:inline-block; width:calc(100% - 66px); padding-left:2.5%; font-size:16px; font-weight:300; line-height:1.2; vertical-align:middle; box-sizing:border-box;}
.ListType01.analysis li .TxtArea {padding-left:5%;}
.ListType01 li .TxtArea b {display:block; font-size:18px; font-weight:500; color:#175ea8;}
.ListType01 li .TxtArea p {padding-top:5px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif;}

.mapZoom {position:relative; padding:6%;}
.mapZoom .btn_close {position:absolute; top:45px; right:45px; width:50px;}

#bems .section {background:#f7fafc url('/images/main/bems_bg.jpg') no-repeat center bottom; background-size:100%;}
.ListType01 li .icon.bems_01 {background:url('/images/main/icon_bems_01.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.bems_02 {background:url('/images/main/icon_bems_02.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.bems_03 {background:url('/images/main/icon_bems_03.png') no-repeat center center; background-size:100% 100%;}
.ListType01 li .icon.bems_04 {background:url('/images/main/icon_bems_04.png') no-repeat center center; background-size:100% 100%;}

#notice {border-top:1px solid #eee;}
#notice .TitleArea {position:relative; margin-bottom:5%; overflow:hidden;}
#notice .TitleArea .slideController {position:absolute; right:0; bottom:0;}
#notice .TitleArea .tt_wrap {transform:translateX(0) translateY(50%);}
#notice .section.active .TitleArea .tt_wrap {transform:translateX(0) translateY(0);}
#notice .notice_slider {margin-top:-1%;}
#notice .notice_slider .list {width:19.18% !important; margin-left:1%; margin-top:1%; border:1px solid #eee; box-sizing:border-box;}
#notice .notice_slider .list:first-child {margin-left:0;}
#notice .notice_slider .list a {position:relative; display:block; padding:8% 10%;}
#notice .notice_slider .list a:after {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #175ea8; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#notice .notice_slider .list .title {display: -webkit-box; height:60px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-weight:400; color:#222; line-height:20px;-webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#notice .notice_slider .list .icon_new {font-family:'Oswald', Sans-serif; font-size:14px; font-weight:500; color:#175ea8;}
#notice .notice_slider .list .bd_info {position:relative; display:block; width:100%; margin-top:12%; font-size:12px; font-weight:300; color:#666;}
#notice .notice_slider .list .bd_info .icon_notice {position:absolute; top:50%; right:0; width:16px; transform:translateY(-50%);}
#notice .ConArea .slideController {display:none;}
#notice .notice_slider .list:hover a:after {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#notice .notice_slider .list:hover a .title {color:#175ea8;}
#notice .notice_slider .nodata {width:100% !important; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; line-height:250px;}

#layerBoard {position: fixed; width: 1000px; top: 50%; left: 50%; margin-left: -500px; transform:translateY(-50%); z-index: 600; background: #fff; display: none;}
#layerBoard dt {height: 64px; font-size: 17px; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #444; color: #fff; padding: 10px 20px; display: table; width: 100%;}
#layerBoard dt .date {margin-left:10px; font-size:14px; color: #aaa;}
#layerBoard dt span {display: table-cell; width: 100%; padding-right:40px; vertical-align: middle; box-sizing:border-box;}
#layerBoard dd {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; font-weight: 300; color: #444; height: 55vh; overflow-y: auto;}
#layerBoard dd * {font-size: 14px; font-weight: 300; color: #444;}
#layerBoard .imgArea img {max-width: 100%; height: 300px;}
#layerBoard .btn_close {position: absolute; right: 0; top: 0; width:64px; height:64px; background:url('/images/common/btn/btn_close_w.png') no-repeat center center; background-size:40%; font-size:0; line-height:0; text-indent:-9999px;}
#layerBoard .file {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-top: 20px; font-size:14px; color: #999; font-weight: 300; border-top: 1px dashed #d0d0d0;}
#layerBoard .file img {vertical-align: middle; margin-top: -2px;}

#contact .section {padding:0;}
#contact .TitleArea {display:block; width:100%;}
#contact .TitleArea h3 {font-size:70px;}
#contact .LeftCon {background:url('/images/main/contact_bg.jpg') no-repeat center top; background-size:cover;}
#contact .LeftCon .contact_info {position:relative; padding-top:40px; margin-top:40px; color:#fff;}
#contact .LeftCon .contact_info:before {content:''; position:absolute; top:0; left:0; width:40px; height:1px; background:#fff;}
#contact .LeftCon .contact_info p {font-size:18px; font-weight:300; line-height:1.2;}
#contact .LeftCon .contact_info ul {margin-top:30px;}
#contact .LeftCon .contact_info ul li {margin-top:5px; font-size:26px;}
#contact .LeftCon .contact_info ul li:first-child {margin-top:0;}
#contact .LeftCon .contact_info ul li strong {display:inline-block; /*width:50px;*/}
#contact .LeftCon .contact_info ul li strong2 {display:inline-block; /*width:50px;*/}

#contact .RightCon {background:#2a3956;}
#contact .RightCon table {width:100%;}
#contact .RightCon table td {padding-top:10px;}
#contact .RightCon table tr:first-child td {padding-top:0;}
#contact .RightCon table td .InputArea {position:relative;}
#contact .RightCon table td .InputArea_wrap {position:relative;width: 100%;border: none;background: #4a576f;color: #ddd;font-weight: 300;height:50px;}
#contact .RightCon table td input.file,
#contact .RightCon table td input.file_text,
#contact .RightCon table td input.text,
#contact .RightCon table td textarea {width:100%; border:none; background:#4a576f; color:#ddd; font-weight:300;}
#contact .RightCon table td input[type=file] {overflow: hidden; text-indent: -9999px;}
#contact .RightCon table td label,
#contact .RightCon table td .plc {position:absolute; top:0; left:10px; display:inline-block; padding-right:12px; font-weight:300; color:#ddd; line-height:50px;}
#contact .RightCon table td label:after,
#contact .RightCon table td .plc:after {content:'*'; position:absolute; top:0; right:0; color:#1eb9e6;}
#contact .RightCon table td textarea {height:200px; resize:none;}
#contact .RightCon .btn_area {display:table; width:100%; padding-top:10px;}
#contact .RightCon .btn_area .tbc {vertical-align:middle;}
#contact .RightCon .btn_area .tbc.la {padding-right:10px;}
#contact .RightCon .btn_area .CheckType01 {position:relative; padding-left:30px;}
#contact .RightCon .btn_area .CheckType01 span {position:absolute; top:0; left:0;}
#contact .RightCon .btn_area a {display:inline-block; font-size:14px; font-weight:300; color:#ddd;}
#contact .RightCon .btn_area .ba {width:220px;}
#contact .RightCon .btn_area .btn_apply {display:inline-block; width:100%; height:60px; border:none; background:#1eb9e6; text-align:center; font-size:18px; font-weight:400; color:#fff; line-height:58px;}


.btn_download {position:absolute; right:10px; top:10px;}
.inq-btn {display:inline-block; width:115px; height:30px;line-height:27px; box-sizing:border-box; text-align:center;font-size:14px; }
.inq-btn + .inq-btn {margin-left:5px;}
.btn-down{ background:#1eb9e6; border:1px solid #1eb9e6; color:#fff;}

.btn-file-add:hover,.btn-file-add:visited,.btn-file-add:link,.btn-file-add:active {text-decoration:none;}
.btn-file-add {
	display: inline-block;height: 30px;line-height: 27px;box-sizing: border-box;
	text-align: center;font-size: 14px;border:1px solid #1eb9e6; color:#1eb9e6;
	background:#fff url('/images/common/icon/icon_link.png') no-repeat left 10px center;
	padding-left:30px;padding-right:10px;overflow:hidden;
}
input.file_text {padding:0 110px 0 90px; height:50px; color:#666; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; box-sizing:border-box;}
@media (min-width: 1025px) and (max-width: 1200px){
	.btn-file-add {text-indent: -1000px;width:40px;padding-left:0;padding-right:0;}
	input.file_text {padding-right:60px;}
}
@media only screen and (max-width: 520px){
	.btn-file-add {text-indent: -1000px;width:40px;padding-left:0;padding-right:0;}
	input.file_text {padding-right:60px;height: 10vw;}
}

.file-ps {position:relative;font-size: 14px; font-weight: 300; color: #ddd; padding: 0 10px 10px 35px; background: #4a576f;}
.file-ps .i-icon {position:absolute;left:10px;top:9px;}

/* .file-ps > i {display:inline-block; color:#1eb9e6; margin-right:10px; position: relative; top: 5px;} */
.inq-btn img {margin: 0 3px 3px -5px; vertical-align: middle;}



@media only screen and (max-width: 520px){
	.file-ps { font-size: 3.5vw;}
}

#company {background:url('/images/main/ceo_bg.jpg') no-repeat center top; background-size:cover;}
#company .section {padding:0;}
#company .TitleArea {display:block; width:100%;}
#company .TitleArea h2 {font-size:200px; font-weight:700; letter-spacing:0; line-height:160px;}
#company .TitleArea h3 { font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size:35px; padding-bottom: 30px;} 
#company .TitleArea p {padding-top:10px; font-size:18px;}
#company .company_info {margin-top:80px;}
#company .company_info ul {margin-top:-40px;}
#company .company_info ul:after {display:block; content:""; clear:both;}
#company .company_info ul li {float:left; width:50%; padding:7px 0 7px 80px; margin-top:40px; font-family:'Noto Sans KR', Noto Sans KR, Sans-serif; font-size:18px; color:#222; box-sizing:border-box; line-height:1.2;}
#company .company_info ul li.company_01 {background:url('/images/main/icon_company_01.png') no-repeat 0 center;}
#company .company_info ul li.company_02 {background:url('/images/main/icon_company_02.png') no-repeat 0 center;}
#company .company_info ul li.company_03 {background:url('/images/main/icon_company_03.png') no-repeat 0 center;}
#company .company_info ul li.company_04 {background:url('/images/main/icon_company_04.png') no-repeat 0 center;}
#company .company_info ul li b {display:block; font-weight:400; color:#175ea8; white-space:nowrap;}
#company .LeftCon {background:#fff; padding: 4% 8%;}
#company .RightCon {padding:0;}

#company2 .company_02,
#air .section {background:#fff url('/images/main/service01_bg.jpg') no-repeat left bottom; background-size:100%;}
#company2 .TitleArea h3 { font-size:59px;}
#company2 .TitleArea { padding-bottom:5%;}
#company2 .section .tb .ConArea {display:table-row;}

/* 개인정보처리방침 */
#Popup {padding:30px;}
#Popup h1 {margin-bottom:20px; font-size:26px; font-weight:500; color:#222; line-height:1;}
#Popup .privacy_box textarea {width:100%; height:calc(100vh - 120px); font-weight:300; resize:none;}

/*foot*/
#foot {width:100%; padding:40px 0; background:#fff; border-top:1px solid #eee; font-size:13px; text-align:center; font-weight:300; color:#888; line-height:24px;}
#foot address span {display:inline-block; padding:0 7px;}
#foot address a {display:inline-block; color:#222;}
#foot .copy {font-size:12px;}
#foot .copy .btn_priv {color:#888;}
#foot .copy a {color:#888;}

/* 관리자 로그인 */
.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; font-size:16px;}
div#p_input input.text {height:40px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}




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

.inner {padding:0 6%;}

/* 메인비주얼 */
#mainVisual .mainvisual_txt b {font-size:120px;}
#mainVisual .mainvisual_txt p {font-size:34px;}

/*main contents */
.mainConWrap .TitleArea h2 {font-size:22px;}
.mainConWrap .TitleArea h3 {font-size:70px;}
.mainConWrap .TitleArea p {font-size:22px;}
.mainConWrap .section .tb .TitleArea {width:560px;}
.mainConWrap .section .tb .ConArea {width:calc(100% - 560px);}
.mainConWrap .LeftCon {padding:10% 6%;}

#why .why_section_02 .ConArea .TxtArea {width:45%; height:520px;}
#why .why_section_02 .ConArea .ImgArea {width:55%;}


}


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

/*header*/
#topmenu {margin-right:calc(4% - 155px);}
#topmenu ul li {margin-left:50px;}

/* 메인비주얼 */
#mainVisual .con_link {width:90%;}
#mainVisual .con_link li {width:25%; min-width:270px; margin-left:5%;}
#mainVisual .con_link li br {display:none;}

/*main contents */
#mainVisual .btn_scrollDown {right:calc(4% - 64px);}

#why .why_section_02 .TitleArea,
#why .why_section_02 .ConArea {vertical-align:top !important;}
#why .why_section_02 .TitleArea .slideController {display:block; margin-top:30px;}
#why .why_section_02 .ConArea .TxtArea {display:block; width:100%; height:400px;}
#why .why_section_02 .ConArea .ImgArea {display:block; width:100%;}
#why .why_section_02 .ConArea .ImgArea img.img_b {display:none;}
#why .why_section_02 .ConArea .ImgArea img.img_s {display:block;}
#why .why_section_02 .ConArea .slideController {display:none;}

}


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

/*header*/
#topmenu {margin-right:calc(4% - 117px);}
#topmenu ul li {margin-left:25px;}
#header.fixed #topmenu {right:calc(4% + 65px);}

/* 메인비주얼 */
#mainVisual .con_link li b span {font-size:15px;}

/*main contents */
.mainConWrap .TitleArea h2 {font-size:20px;}
.mainConWrap .TitleArea h3 {font-size:65px;}
.mainConWrap .TitleArea p {font-size:20px;}
.mainConWrap .TitleArea br.br {display:block;}
.mainConWrap .Inner_section h4 {font-size:28px;}
.mainConWrap .ConArea .BoxArea h4 {font-size:30px;}

.mainConWrap .section .tb .TitleArea {width:450px;}
.mainConWrap .section .tb .ConArea {width:calc(100% - 450px);}

#why .why_section_01 ul li span {padding-top:50px; font-size:17px; background-size:45px !important;}
#why .why_section_01 ul li .num {margin-top:5px; font-size:20px;}

.ListType01.analysis li {display:block; width:100%;}
.ListType01.analysis li:nth-child(2n) {margin-left:0;}

#contact .RightCon .btn_area {display:block;}
#contact .RightCon .btn_area .tbc {display:block;}
#contact .RightCon .btn_area .tbc.la {padding-right:0; padding-bottom:10px;}
#contact .RightCon .btn_area .ba {width:100%;}

#company .company_info ul li {float:none; width:100%; margin-top:25px;}

}


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

/*main contents */
#layerBoard {width:880px; margin-left:-440px;}

}

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

/*header*/
#topmenu {display:none;}

}

.ConAreaTabs {font-size:0;border-bottom: 2px solid #47b2d8;margin-top: 30px;}
.ConAreaTabs > li {font-size:16px;}
.ConAreaTabs > li {display:inline-block; vertical-align:top; margin-right:2px;}
.ConAreaTabs > li:last-of-type {margin-right:0;}
.ConAreaTabs > li a {display:block; height:47px; line-height:47px; border:1px solid #ccc; border-bottom-width:0; border-radius:5px 5px 0 00; background:#fff; font-size:16px; color:#666; font-weight:300; text-align:center;  padding:0 15px; }
.ConAreaTabs > li a.on {color:#fff; background:#47b2d8; border-color:#47b2d8;}