@charset "utf-8";

 /*-------------------------------------------------------------------------------------------------------------
  File : base.css
  CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
 CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
  CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
 -------------------------------------------------------------------------------------------------------------*/
 *, *:before, *:after,figure,figcaption {box-sizing:border-box; margin:0; padding:0; border:0;word-break:keep-all; word-wrap: break-word; }
 html,
 body { -ms-font-smoothing:antialiased;  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
 html {font-size:62.5%;  }
 body { font-size:1.8rem; line-height:1.5em; font-family:"Kopub", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; font-weight:400; color:#333;}
 body:lang(en) { font-family:"Roboto";font-weight:200;}

 address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
 h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
 img {vertical-align:top;}
 ol, ul, li, dl, dt, dd {list-style:none;}
 table {width:100%; border-spacing:0px; border-collapse:collapse;}

 td span{ font-weight:normal; line-height:1.2rem;}

 fieldset, iframe {width:100%;}
 em, address {font-style:normal;}
 button {font-family:"Kopub", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; vertical-align:middle; cursor:pointer; background-color: transparent;}
 select, input, label {font-family:"Kopub", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; vertical-align:middle;}
 hr {display:none;}
 legend {position:absolute; left:-9999em; top:-9999em;}
 .categoryitems p.caption,
 caption,
 .caption {  font-size:1.4rem; color:#666; caption-side: bottom; text-align:left; word-break:keep-all; word-wrap: break-word; }
 caption{line-height:1.3em;  margin-top:1rem;}
 caption em{display:none; }
 caption::before,
 .caption::before{content:"※";} 
 .caption{line-height:1.3em;}
 p.caption + p.caption{margin-top:1rem;}
 caption em,
 .caption em{color:#01A251;}
 a {text-decoration:none; font-size:1.8rem;}
 /*a:focus, button:focus{outline:2px solid #ababab;outline-offset:2px; transform: translate(1.01px); z-index:9999;}*/
 
 a:focus-visible{outline:2px solid #000;outline-offset:2px; transform: translate(1.01px); z-index:9999;}
 button:focus-visible{outline:2px solid #000; outline-offset:2px;transform: translate(1.01px); z-index:9999;}
 input:focus-visible{outline:2px solid #000;outline-offset:2px;transform: translate(1.01px); z-index:9999;}

 .row{position: relative; width:100%; display:block; overflow:hidden;}
.scrollDisable {/*height:100vh;*/ min-height:100%; overflow:hidden !important; touch-action:none;}


 ::-webkit-input-placeholder {color:#585858;}
 ::-moz-placeholder {color:#585858;}
 :-ms-input-placeholder {color:#585858;}
 :-moz-placeholder {color:#585858;}

 .dis-b {display:block !important;}
 .dis-i {display:inline !important;}
 .dis-ib {display:inline-block !important;}

 .align-l {text-align:left !important;}
 .align-c {text-align:center !important;}
 .align-r {text-align:right !important;}

 .align-cl{align-items: center;}

 .scroll-h {overflow:hidden !important;}
 .scroll-y {overflow-y:hidden !important;}
 .scroll-x {overflow-x:hidden !important;}
 /*.scroll-auto {overflow:auto !important;}*/
 #skip-menu{z-index:200;}
 #skip-menu a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0; text-align: center;}
 #skip-menu a:focus{width:auto;height:32px;text-align: center;margin:0;padding:15px 0 0 15px;background:#20262c;font-size:1.25em;font-weight:700;line-height:1;color:#fff;text-decoration:none;outline:none}

 .mar-t0{margin-top:0rem !important;}
 .mar-t5 {margin-top:0.5rem !important;}
 .mar-t10 {margin-top:1rem !important;}
 .mar-t15 {margin-top:1.5rem !important;}
 .mar-t20 {margin-top:2rem !important;}
 .mar-t30 {margin-top:3rem !important;}
 .mar-t40 {margin-top:3.3rem !important;}
 .mar-t50 {margin-top:4.3rem !important;}
 .mar-t60 {margin-top:5.3rem !important;}
 .mar-t70 {margin-top:7rem !important;}
 .mar-t80 {margin-top:8rem !important;}
 .mar-t90 {margin-top:9rem !important;}
 .mar-t100 {margin-top:10rem !important;}

 .mar-r5 {margin-right:0.5rem !important;}
 .mar-r10 {margin-right:1rem !important;}
 .mar-r20 {margin-right:2rem !important;}
 .mar-r30 {margin-right:3rem !important;}
 .mar-r40 {margin-right:4rem !important;}
 .mar-r50 {margin-right:5rem !important;}
 .mar-r60 {margin-right:6rem !important;}
 .mar-r70 {margin-right:7rem !important;}
 .mar-r80 {margin-right:8rem !important;}
 .mar-r90 {margin-right:9rem !important;}
 .mar-r100 {margin-right:10rem !important;}

 .mar-b5 {margin-bottom:0rem !important;}
 .mar-b10 {margin-bottom:0.3rem !important;}
 .mar-b20 {margin-bottom:1.3rem !important;}
 .mar-b30 {margin-bottom:2.3rem !important;}
 .mar-b35 {margin-bottom:2.8rem !important;}
 .mar-b40 {margin-bottom:3.3rem !important;}
 .mar-b50 {margin-bottom:4.3rem !important;}
 .mar-b60 {margin-bottom:5.3rem !important;}
 .mar-b70 {margin-bottom:6.3rem !important;}
 .mar-b80 {margin-bottom:7.3rem !important;}
 .mar-b90 {margin-bottom:8.3rem !important;}
 .mar-b100 {margin-bottom:9.3rem !important;}
 .mar-b150 {margin-bottom:14.3rem !important;}

 .mar-l5 {margin-left:0.55rem !important;}
 .mar-l10 {margin-left:1rem !important;}
 .mar-l20 {margin-left:2rem !important;}
 .mar-l30 {margin-left:3rem !important;}
 .mar-l40 {margin-left:4rem !important;}
 .mar-l50 {margin-left:5rem !important;}
 .mar-l60 {margin-left:6rem !important;}
 .mar-l70 {margin-left:7rem !important;}
 .mar-l80 {margin-left:8rem !important;}
 .mar-l90 {margin-left:9rem !important;}
 .mar-l100 {margin-left:10rem !important;}
 .mar-l20p {margin-left:20% !important;}

 .pd-t5 {padding-top:0.5rem !important;}
 .pd-t10 {padding-top:1rem !important;}
 .pd-t20 {padding-top:2rem !important;}
 .pd-t30 {padding-top:3rem !important;}
 .pd-t40 {padding-top:3.3rem !important;}
 .pd-t50 {padding-top:4.3rem !important;}
 .pd-t60 {padding-top:5.3rem !important;}
 .pd-t70 {padding-top:7rem !important;}
 .pd-t80 {padding-top:8rem !important;}
 .pd-t90 {padding-top:9rem !important;}
 .pd-t100 {padding-top:10rem !important;}

 .pd-r5 {padding-right:0.5rem !important;}
 .pd-r10 {padding-right:1rem !important;}
 .pd-r20 {padding-right:2rem !important;}
 .pd-r30 {padding-right:3rem !important;}
 .pd-r40 {padding-right:4rem !important;}
 .pd-r50 {padding-right:5rem !important;}
 .pd-r60 {padding-right:6rem !important;}
 .pd-r70 {padding-right:7rem !important;}
 .pd-r80 {padding-right:8rem !important;}
 .pd-r90 {padding-right:9rem !important;}
 .pd-r100 {padding-right:10rem !important;}

 .pd-b5 {padding-bottom:0.5rem !important;}
 .pd-b10 {padding-bottom:1rem !important;}
 .pd-b20 {padding-bottom:2rem !important;}
 .pd-b30 {padding-bottom:3rem !important;}
 .pd-b40 {padding-bottom:4rem !important;}
 .pd-b50 {padding-bottom:5rem !important;}
 .pd-b60 {padding-bottom:6rem !important;}
 .pd-b70 {padding-bottom:7rem !important;}
 .pd-b80 {padding-bottom:8rem !important;}
 .pd-b90 {padding-bottom:9rem !important;}
 .pd-b100 {padding-bottom:10rem !important;}

 .pd-l5 {padding-left:0.5rem !important;}
 .pd-l10 {padding-left:1rem !important;}
 .pd-l20 {padding-left:2rem !important;}
 .pd-l30 {padding-left:3rem !important;}
 .pd-l40 {padding-left:4rem !important;}
 .pd-l50 {padding-left:5rem !important;}
 .pd-l60 {padding-left:6rem !important;}
 .pd-l70 {padding-left:7rem !important;}
 .pd-l80 {padding-left:8rem !important;}
 .pd-l90 {padding-left:9rem !important;}
 .pd-l100 {padding-left:10rem !important;}
 i{display:flex;}
 h1{font-size:2.2rem; color:#333;}
 h1.contents-title{font-size:4rem; font-weight:700; color:#333;letter-spacing: -0.25rem;}
 h1.contents-title:lang(en){font-size:4rem; font-weight:700; color:#333;letter-spacing:0rem;}
 h2{font-size:1.8rem; color:#333;}
 h2.contents-title{font-size:2.4rem; color:#333;}
 h2.contents-title-34{font-size:3.4rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem;}
 h2.contents-title-34:lang(en){font-size:2.8rem; line-height: 3.4rem; font-weight:200; letter-spacing: 0rem;}
 h2.contents-title-40{font-size:4rem; font-weight:700; color:#333;}
 h3.content-title-24.font-size2:lang(en),
 h3.content-title-24.font-size2 strong:lang(en){font-size:2rem;}
 p.text{font-size:1.8rem; color:#333; line-height:3.2rem;}
 p.text-small{font-size:1.6rem; line-height:2.4rem;}
 h3{font-size:1.6rem; color:#333;font-weight:700; line-height:2.4rem;}
 h3.content-title-24{font-size:2.4rem; color:#333; line-height: 3.4rem; font-weight:400; letter-spacing: -0.15rem;}
 h3.content-title-24:lang(en){font-size:2.4rem; color:#333; line-height: 3.4rem; font-weight:400; letter-spacing: 0rem;}
 h3.content-title-24 strong{color:#01A251; font-size:2.4rem; font-weight:400;}
 h4.contents-title-18{font-size:1.8rem; font-weight:700;}
 h4.contents-title-18:lang(en){font-size:1.8rem; font-weight:400;}
 h5.contents-title-16{font-size:1.6rem; font-weight:400; margin-bottom:3rem;}
 h5.contents-title-16:lang(en){font-size:1.6rem; font-weight:400;margin-bottom:3rem;}

 h4.contents-title-16{font-size:1.6rem; font-weight:700;}
 .row-warp.hiddne{display:none;}
 .hiddne{overflow: hidden;border: 0;position: absolute;width: 0.1rem;height: 0.1rem;clip: rect(1px 1px 1px 1px);clip-path: inset(50%);}
 .hidden_project_more_btn{display:none;}
 .bprder-b{border-bottom:1px solid #ccc;}
 .bprder-none{border:0 !important;}
 .border-t{border-top:1px solid #ccc;}
 .text-gray{color:#666 !important; display:inline-block !important;}
 .font-size16{font-size:1.6rem !important; line-height:2.4rem !important;}
 .font-size14{font-size:1.4rem !important; line-height:2rem !important;}
 .clear {clear:both;}

 .float-l {float:left !important;}
 .float-r {float:right !important;}
 .float-n {float:none !important;}

 .bg-gray {background-color:#f1f1f1;}
 .w100 {width:10rem ;}
 .w100p {width:100%;}
 .w1200{width:120rem; margin:0 auto; }
 .w300 {width:30rem ; margin:0 auto;}
 .w35 {width:35rem ; margin:0 auto;}
 .w18 {width:18.8rem ; margin:0 auto;}
 .w110{max-width:110rem;}
 .m-auto{margin:0 auto;}
 .w150{max-width:150rem;}
 .font-12{font-size:1.2rem;}
 .green{color:#01A251 !important;}
 .pc_none{display:none }
 .tpc_none{display:none;}
 .mpc_none{display:none;}
 .dott-ion{display:flex;}
 .dott-ion span{line-height: 3.2rem;}
 .dott-ion::before{content:"ㆍ"; font-size:1.8rem; }
 .project_menu_pc_none{display:none !important;}

 .flex-none{display:block !important;}


/*매인스크롤*/
.scroll 
{display: block;
  position: absolute;
  left: 50%;
  bottom: 55px;
  margin-left: -16px;
  width: 32px;
  height: 46px;
  background: url("/common/img/wheel-box.png") no-repeat 0 0;
  z-index: 2;
    }
.scroll .arrow 
{
  background: url("/common/img/arroow.png") no-repeat 0 0;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  height: 6px;
  width: 10px;

    }
    
 .arrow.top {
  opacity: 0.5;
  top: 18px;
  animation: arrowTop 1.2s infinite;
  -webkit-animation: arrowTop 1.2s infinite;
}

.arrow.bt {
  animation: arrowBt 1.5s infinite;
  -webkit-animation: arrowBt 1.5s infinite;
  top: 25px;
}

.main-banner-navi{position:absolute; width:100%; bottom:20px; text-align:center; z-index:1;}
.main-banner-navi .swiper-pagination-bullet{background:#ffffff; width:10px; height:10px; margin:2px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); }
.main-banner-navi .swiper-pagination-bullet-active{background:var(--swiper-pagination-color, var(--swiper-theme-color));}

@keyframes arrowTop {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.5;
  }
}

 

@keyframes arrowBt {
  0% {
    opacity: 0.25;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }

}

 

@-webkit-keyframes arrowTop {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.5;
  }
}

 

@-webkit-keyframes arrowBt {
  0% {
    opacity: 0.25;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
 /*인트로*/

 .intro{ background-size: cover; width:100%; height:100vh; padding-top:4rem; padding-bottom:12rem;     display: flex;    flex-direction: column;    justify-content: space-between; background-position: center;}
 .intro-inner{width:110rem; margin:0 auto;}
 .intro .logo{width:110rem;margin:0 auto;}
 .intro .logo i{width:15.5rem; height:3rem; margin-left:30px; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(/common/img/main-logo.svg);}
 .intro .intro-copy {display:flex;  flex-direction: column; justify-content: space-between; height:100%; margin-top:100px;}
 .intro .intro-copy i{background-size: contain; background-position: center;background-repeat: no-repeat; width:100%; height:50rem; }
 .intro .intro-button-group{display:flex; width:100%; position:absolute; bottom:10rem;}
 .intro .intro-button-group .left{background-color:rgba(71,71,71,0.5); width:50%; padding-top:3rem; padding-bottom:3rem;padding-right:15rem;  text-align: right;    display: flex;    justify-content: flex-end}
 .intro .intro-button-group .left > div{text-align:left; width:25rem;}
 .intro .intro-button-group .right{background-color:rgba(0,164,82,0.5); width:50%; padding-top:3rem; padding-bottom:3rem; padding-left:15rem; text-align: left;}
 .intro .intro-button-group span{display:block; font-weight: 700; font-size:1.4rem; color:#fff; }
 .intro .intro-button-group a{font-family: Roboto; font-size:4rem; color:#fff; font-weight: 700; display:block;}

 .intro.intro-pc{display:flex !important;}
 .intro.intro-mobile{display:none !important;}

 /*뉴스룸*/
 .news-latter-insert{display:none;bottom:-1000px; left:0;position:fixed; z-index:10; width:100%;   }
 .latter-top{background-color:#01a251; position:relative; padding:4rem 0;}
 .latter-top h1,
 .latter-top p{display:flex; justify-content: center; text-align:center;}
 .latter-top h1{color:#fff; font-size:3rem; font-weight: 300; margin-bottom:2rem;}
 .latter-top p{color:#ffffff; font-size:1.6rem;}
 .latter-content{padding:3rem 0;background-color:#363636; position:relative; }
 .latter-content ul.small-tabs{max-width:17.1rem; border:0;}
 .latter-content ul.small-tabs li{background-color:#363636; }
 .latter-content ul.small-tabs li a{border:1px solid #ccc; display:block; color:#fff;}
 .latter-content ul.small-tabs li a:focus{outline:1px dotted #333;}
 .latter-content ul.small-tabs li + li,
 .latter-content ul.small-tabs li + li a{border-left:0;}
 .latter-content ul.small-tabs li.active {background-color: transparent;}
 .latter-content ul.small-tabs li.active a{background-color:#01A251;text-decoration-line:underline;}
 .latter-content ul.small-tabs li.active a,
 .latter-content ul.small-tabs li:hover a,
 .latter-content ul.small-tabs li:active a:hover{color:#fff !important;text-decoration-line:underline;}
 
 
 
 .latter-content .write-row dl dt{color:#fff; font-size:1.6rem; width:11%;}
 .latter-content .write-row dl dd div + div{margin-left:0.7rem;}
 .latter-content .write-row dl dd input,
 .latter-content .write-row dl dd select,
 .latter-content .write-row dl dd textarea{font-size:1.6rem;border-color:#01A251; background-color:#363636; color:#fff; width:25rem; height:4.5rem;}
 .latter-content .write-row dl dd select{background-image: url(/common/img/news-select.png);}

 .latter-content .write-row dl dd input::placeholder{color:#9F9F9F;}


 .insert-paper{margin-top:3rem;}
 .inser-info{ margin-bottom:2rem;}
 .insert-paper h2{color:#fff; font-size:1.8rem; }
 .insert-paper p{color:#fff; font-size:1.4rem; font-weight: 200;  }
 .insert-paper dl {margin-bottom:0 !important;}
 .insert-paper dl dt{width:10rem !important;  }
 .insert-paper dl dt,
 .insert-paper dl dd{color:#a2a2a2; font-size:1.4rem;}
 .latter-content .check span{color:#fff; font-weight: 400; font-size:1.6rem;}
 .latter-content .check em{color:#a2a2a2; font-size:1.4rem;}
 .btn-warp{position: absolute; display:flex; justify-content: flex-end;  top:4rem; left:50%; width:110rem; transform: translate(-50%, 0); }
 .btn-warp button{display:block; }
 .btn-warp button .w-close{width:2.7rem;  height:2.7rem; display:block;  background-image: url(/common/img/w-close.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
 .news-comfirm{background-color:#01a251; display:block; font-size:1.4rem;  width:16rem; margin:0 auto; padding:1rem 5rem; color:#fff; text-align:center;}
 .news-comfirm:lang(en){width:17rem;}
 .newsroom .header-logo-warp{width:100%;}
 .write-row .inser-info dl dt{font-size: 1.4rem;}


 /*커튼배너*/
 /** VARIABLES
 ===================================*/
 /** RESET AND LAYOUT
 ===================================*/
 .banner1 .banner_pc{display:block;}
 .banner1 .banner_moblie{display:none}
 .close-warp{width:110rem; margin:0 auto; position: absolute; left:50%; top:0; transform: translate(-50%,-0%);}
 .banner_close{position:absolute; right:1rem; top:1rem;
    display: flex;
    flex-direction: column;
    justify-content:     space-between;
    align-items: flex-end;
     }
 .close-warp > p
 {
    position:absolute; right:1rem; top:6.7rem;
    display: flex;
    align-items: center;
    
    }
   .close-warp > p span{font-size:1.5rem;}
 .banner_close i.close{background-image: url(/common/img/close.png); width:2.2rem; height:2.2rem; display:block; background-repeat: no-repeat; background-size: contain;}
 .bx-controls{z-index:5;}
 .banner1{z-index:1;}
 .close-warp{z-index:10;}
 
 .banner_close_check_text{margin-left:5px; font-size: 1.5rem;}

 .bx-wrapper {  position: relative;  padding: 0;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;   }
   .bx-controls{
  position:absolute;  width:100%;  display:flex;  justify-content: center;  align-items: center;  height:2rem;  bottom:1rem; }
   .bx-wrapper img {  width: 100%;  display: block;  position:relative; left:0%; margin-left:0px;}
   .bx-wrapper .banner_moblie {width: initial;}
   .bxslider {  margin: 0;  padding: 0;   }
   ul.bxslider {  list-style: none;   }
   .bx-viewport {  /*fix other elements on the page moving (on Chrome)*/  -webkit-transform: translatez(0);  z-index:3;   }
   /** THEME
   ===================================*/
   .top-banner{width:100%; position: relative; z-index:4;}
   .banner1 .bx-wrapper .banner-inner p{width:110rem; margin:0 auto;}
   .bx-wrapper {  width:100%;  height:10rem;   }
    .bx-wrapper a{display:block;}

   /* LOADER */
   .bx-wrapper .bx-loading {  min-height: 50px;  background: url('/common/img/bx_loader.gif') center center no-repeat #ffffff;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 2000;   }   /* PAGER */
   .bx-wrapper .bx-pager {  text-align: center;  font-size: .85em;  font-family: Arial;  font-weight: bold;  color: #666;   }
   .bx-wrapper .bx-pager.bx-default-pager a {  background: #cfcfcf;  text-indent: -9999px;  display: block;  width: 10px;  height: 10px;  margin: 0 5px;  outline: 0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;   }
   .bx-wrapper .bx-pager.bx-default-pager a.active{width:2rem;}
   .bx-wrapper .bx-pager.bx-default-pager a:hover,
   .bx-wrapper .bx-pager.bx-default-pager a.active,
   .bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #01A251;   }
   .bx-wrapper .bx-pager-item,
   .bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  vertical-align: bottom;  *zoom: 1;  *display: inline;   }
   .bx-wrapper .bx-pager-item {  font-size: 0;  line-height: 0;   }
   /* DIRECTION CONTROLS (NEXT / PREV) */
   .bx-wrapper .bx-prev {  left: 10px;  background: url('/common/img/controls.png') no-repeat ;   }
   .bx-wrapper .bx-prev:hover,
   .bx-wrapper .bx-prev:focus {  background-position: 0 0;   }
   .bx-wrapper .bx-next {  right: 10px;  background: url('/common/img/controls.png') no-repeat;   }

   .bx-wrapper .bx-controls-direction a {  width: 32px;  height: 32px;   }
   .bx-wrapper .bx-controls-direction a.disabled {  display: none;   }
   /* AUTO CONTROLS (START / STOP) */
   .bx-wrapper .bx-controls-auto .bx-start {  display: block;  text-indent: -9999px;  width: 10px;  height: 11px;  outline: 0;  background-image: url('/common/img/play.png');  background-repeat: no-repeat;  background-size: contain;  margin: 0 3px;   }
   .bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 9px;  height: 11px;  outline: 0;  background: url('/common/img/stop.png')no-repeat;  background-repeat: no-repeat;  background-size: contain;  margin: 0 3px;   }
   .bx-wrapper .bx-controls-auto .bx-start:focus {border: 1px dashed #fff;}
   .bx-wrapper .bx-controls-auto .bx-stop:focus {border: 1px dashed #fff;}
   .bx-wrapper .bx-pager.bx-default-pager a:focus {border: 1px dashed #fff;}
  
   /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
   .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {  text-align: center;  display:flex;   }
   .bx-controls-auto{display:flex; }

   /* IMAGE CAPTIONS */
   .bx-wrapper .bx-caption {  position: absolute;  bottom: 0;  left: 0;  background: #666;  background: rgba(80, 80, 80, 0.75);  width: 100%;   }
   .bx-wrapper .bx-caption span {  color: #fff;  font-family: Arial;  display: block;  font-size: .85em;  padding: 10px;   }
  

  

  

 /*위치*/
 .flex-box{ display:flex;}
 .flex-box-none{ display:block !important;}
 .right-align{justify-content: flex-end;}
 .justify-center{justify-content: center;}
 .space-between{justify-content: space-between;}
 .row-warp{width:110rem; margin:0 auto; position:relative;  }
 .row-wide-warp{width:100%; border-bottom:1px solid #ccc;}

 /*버튼 디자인*/
 .a-btn:hover i::before{background-size:contain;}
 .a-btn{display:flex !important;text-align:center; justify-content: center; height:4rem; line-height:1.2em; align-items: center; color:#333;border:1px solid #ccc; font-size:1.4rem; background-color:#fff; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:3rem; padding-right:3rem;  min-width:15rem;}
 .a-btn:lang(en){display:flex;text-align:left; justify-content: center; height:4rem; line-height:1.2em; align-items: center; color:#333;border:1px solid #ccc; font-size:1.4rem; background-color:#fff; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:3rem; padding-right:3rem;  min-width:15rem;}
 .a-btn i{display:block; width:2.5rem; height:2rem; margin-right:0.5rem;  }
 .a-btn:hover{background-color:#01A251; color:#fff;border:1px solid #01A251;}
 .a-btn:hover:lang(en){color:#fff;}
 .a-btn.on{background-color:#01A251; color:#fff;border:1px solid #01A251;}
 .copy-size a{min-width:16.5rem; }
 .a-btn90{ width:90% !important;}
 
 
 

 /*버튼 아이콘*/
.a-btn i::before{background-size:auto;}
.a-btn:hover .download-icon:before,
button.download-icon:hover{content:"";margin-right:1.5rem; background:url("/common/img/download-icon-on.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block;}
.download-icon:before{content:""; margin-right:1.5rem; background:url("/common/img/download-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block;background-position: center; }
.download-icon-irpublic:before{margin-right:0 !important;}

.a-btn:hover .submit-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/submit-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;}

.a-btn:hover .modi-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/modi-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;}
.a-btn:hover .mody-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/mody-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }
.mody-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/mody-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block;background-position: center; }

.a-btn:hover .view-icon::before{content:"";margin-right:1.5rem; background:url("/common/img/viewicon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;}
.view-icon:before{content:""; margin-right:1.5rem; background:url("/common/img/viewicon.svg") no-repeat; background-position: center; width:2.5rem; height:2rem; display:inline-block;}
.view-icon-w:before{content:""; background:url("/common/img/viewicon-on.svg") no-repeat; background-position: center; width:2.5rem; height:2rem; display:inline-block;}

.a-btn:hover .insert-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/insert-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }

.a-btn .website-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/website-icon.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }
.a-btn:hover .website-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/website-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }

.a-btn:hover .question-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/question-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }
.question-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/question-icon.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }

a:hover .page-view:before{content:"";margin-right:1.5rem; background:url("/common/img/page-view-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }
.page-view:before{content:"";margin-right:1.5rem; background:url("/common/img/page-view.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }
.a-btn:hover .page-view:before{content:"";margin-right:1.5rem; background:url("/common/img/page-view-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;background-position: center; }

.img-list:before{content:""; background:url("/common/img/card.svg") no-repeat; width:1.8rem; height:1.8rem; display:inline-block;background-position: center; }
.list-list:before{content:""; background:url("/common/img/list.svg") no-repeat; width:1.8rem; height:1.8rem; display:inline-block;background-position: center; }
.rooki-icon:before{content:""; background:url("/common/img/rooki-icon.svg") no-repeat; background-position: center; width:2.5rem; height:2rem; display:inline-block;}
.a-btn:hover .rooki-icon:before{content:""; background:url("/common/img/rooki-icon-on.svg") no-repeat; background-position: center; width:2.5rem; height:2rem; display:inline-block;}

button:hover .img-list:before{content:""; background:url("/common/img/card-on.svg") no-repeat; width:1.8rem; height:1.8rem; display:inline-block;background-position: center; }
button:hover .list-list:before{content:""; background:url("/common/img/list-on.svg") no-repeat; width:1.8rem; height:1.8rem; display:inline-block;background-position: center; }
.insert-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/insert-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block;background-position: center; }

.center-icon{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

 /*두개 버튼*/
 .btn-tow{width:100%; display:flex;}
 .btn-tow a{ display:flex; height:5rem; text-align:center;border:1px solid #ccc; justify-content: center; align-items: center;padding-top:1.1rem; padding-bottom:1.1rem;   min-width:15rem;color:#333;}
 .btn-tow a:lang(en){ display:flex;text-align:center;border:1px solid #ccc; justify-content: center; align-items: center;padding-top:1.1rem; padding-bottom:1.1rem; padding-left:1rem; padding-right:1rem;  min-width:15rem; font-size:1.4rem; color:#333;}
 .btn-tow a:hover{background-color:#01A251; color:#fff;border:1px solid #01A251;}
 .btn-tow a:hover .download-icon:before{content:"";margin-right:1.5rem; background:url("/common/img/download-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;}
 .btn-tow a + a{border-left:none;}


 /*큰버튼*/
 .big-btn{display:flex;text-align:center;justify-content: center; align-items: center; color:#01A251;border:1px solid #ccc; font-size:1.6rem; font-weight:700; background-color:#fff; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:3rem; padding-right:3rem;  width:100%;}
 .big-btn:hover{ background-color:#01A251; color:#fff;border:1px solid #01A251;}
 .big-btn .arrow:before{content:""; margin-left:0.3rem; background:url("/common/img/more-off.png") no-repeat center; width:0.9rem; height:2rem; display:inline-block;}
 .big-btn:hover .arrow:before{content:"";margin-right:0.3rem; background:url("/common/img/more-on.png") no-repeat center; width:0.9rem; height:2rem; display:inline-block;}

 /*컴펌버튼*/
 .com-btn{display:flex;text-align:center;justify-content: center; align-items: center; color:#333;border:1px solid #ccc; font-size:1.6rem; background-color:#fff; height:5rem;  padding-top:1.1rem; padding-bottom:1.1rem; padding-left:3rem; padding-right:3rem;  }
 .com-btn:hover{background-color:#01A251; color:#fff;border:1px solid #01A251;}
 .com-btn + .com-btn{margin-left:1rem;}


 /*btn-group*/
 .btn-group{display:flex; justify-content: center; flex-wrap: wrap;}
 .btn-group-left{display:flex; justify-content: start; flex-wrap: wrap;}
 button i.del,
 a i.del{background-image: url(/common/img/del-small.svg); width:1.58rem; height:1.5rem; display:block; background-repeat: no-repeat; background-size: contain;}
 btn-right{display:flex; justify-content: center; flex-wrap: wrap; float:right; width:1rem;}

 /*검색 버튼*/
 .serch-box{ display:flex;}
 .serch-box input{-webkit-appearance: none; box-shadow: none;   border-radius: 0; width:20rem;border:1px solid #ccc; padding-left:1rem; padding-right:1rem; height:4.7rem; line-height:4.7rem; }
 .serch-box .serch-btn{ background-color:#fafafa;padding-left:1rem; padding-right:1rem; border:1px solid #ccc; border-left:0; color:#333;height:4rem; line-height:4.7rem; height:4.7rem; text-align:center;font-size:1.2rem; }


 /*인풋 폼*/
 #searchLang{height:5rem; border-right:0;}
 .select-box 
 {
height:4.7rem;
border-radius: 0;
min-width:15rem;
padding-left:1rem;
font-family: inherit;
/*-webkit-appearance: none;
-moz-appearance: none;
appearance: none;*/
border-bottom: 0;
color: #333;
background-color: #ffffff;
border: 1px solid #ccc;
font-size: 1.6rem;
background-image: url(/common/img/down-b.png);
background-repeat:  no-repeat;
background-position:  95% 50%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
 }
 .check{}
 .check input{margin-right:1rem;}
 .check input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #bcbcbc;
  cursor: pointer;
 }
 .check input[type="checkbox"]:checked{background-color:#01A251}
 .check input[type="checkbox"]:checked :root{--swiper-theme-color:#01A251;}

 /*정렬*/
 .list-sort{height:4.7rem; border:1px solid #ccc; display:flex;  }
 .list-sort button{height:4.5rem; width:4.7rem; display:flex; justify-content: center; align-items: center; padding-left:1rem; padding-right:1rem; background-color:#fff;  }
 .list-sort button:nth-child(2){border-left:1px solid #ccc}

  

  

 /*레이아웃*/
 .content-warp{width:100%; position: relative; margin:0 auto;   }
 .content-warp.po-none,
 .content-box.po-none{position: inherit !important;}
 /*에디터*/
 .editor-img img{width:100%;}
 .editor{padding-top:3rem; padding-bottom:1rem; line-height:1.8em;}
 .editor-box b,
 .editor-box i{font-size:inherit !important; display:block !important; }
 .contribute-img{text-align:center;}
 .contribute-img img{max-width:770px;}
 /*.editor-box p > span{display:inline-block;}*/
 .editor-box img{margin-right:2rem;}
 .editor-box ol, .editor-box ul, .editor-box li, .editor-box dl, .editor-box dt, .editor-box dd{list-style-type: inherit; color:#333;}
 .editor-box ol, .editor-box ul{margin-left:2rem;}
 .editor-box li{line-height:3.2rem;}
 .editor-box table{width:100% !important;}
 .editor-box table th,
 .editor-box table td{padding-left:0.5rem; padding-right:0.5rem; font-family: "Kopub"  !important;}
 .editor-box table span{line-height:2.2rem; vertical-align:middle;}
 .editor-box table p{padding:0.5rem;}

 /*main 헤더*/
 .main .header-warp{background-color:transparent;position: absolute; width:100%;z-index:2;  left:50%; top:0; transform: translate(-50%,0%);}
 .main .header-warp.on{background-color:#fff;}
 .main .header{height:100vh; width:100%; /*overflow:hidden; z-index:3; */}
 .main .header-inner{width:110rem; margin:0 auto;}
 .main .header-inner .logo a {display:block;}
 .main .header-inner .logo a i{width:15.5rem; height:2.7rem; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(/common/img/main-logo.svg);}
 .main .header-warp.on .logo a i{background-image: url(/common/img/logo.svg);}

 .main .header .gnb .depth1 > a,
 .main .h-blank-link,
 .main .pc-global a span{color:#fff;}
 .main .header-warp.on .gnb .depth1 > a,
 .main .header-warp.on .h-blank-link{color:#333;}
 .main .header-warp.on .pc-global a span{color:#a3a3a3;}
 .main .header-warp.on .gnb .depth1:hover > a{color:#01A251}
 .main .h-etc i.search{background-image: url(/common/img/w-seach.svg);}
 .main .global{background-image: url(/common/img/w-global.svg);}
  #menu > div.main-visual-position > div > ul > li.swiper-slide > a:focus::after{content:""; position: absolute; width:100%; height: 100%; border: 4px dashed #fff;}
 
 /* 전체메뉴 */
 .full_menu_button{display:block; margin-left:0px; height:20px;}
 
 .full_menu{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.93); z-index:10; overflow-y:auto;}
 .full_menu>ul{position:relative; width:1300px; margin:0 auto; margin-top:80px;}
 .full_menu a{color:#ffffff; font-weight:200; font-size:1.4rem; line-height:1rem;}
 .full_menu a:focus{outline-color:#c00}
 .full_menu a:hover{text-decoration:underline;}
 
 .full_menu_depth1{display:inline-block; vertical-align:top;color:#ffffff;}
 .full_menu_depth1>a{font-size:2rem; font-weight:500;color:#ffffff;}
 
 .full_menu_depth2>ul>li{margin-top:30px; line-height:1rem;}
 .full_menu_depth2>ul>li>a{font-size:1.8rem; color:#fff;}
 .full_menu_depth3{margin-top:10px;}
 .full_menu_depth3>a{font-size:1.6rem;}

 .full_menu_depth3>ul{margin-top:20px;}
 .full_menu_depth3>ul>li{margin-top:4px; line-height:2rem;}
 .full_menu_depth3>ul>li>a{font-size:1.6rem; color:rgba(255,255,255,0.8);}
 .full_menu_depth3>ul>li>a::before{content: "·"; font-weight:200; font-style: normal;line-height:1.8rem; font-size:1.8rem; color:#ffffff; margin-right:1rem;}
 
 .full_menu_depth4>ul{margin-top:8px; padding-left:12px; border-left:1px solid rgba(255,255,255,0.3);}
 .full_menu_depth4>ul>li{line-height:2rem;}
 .full_menu_depth4>ul>li>a{color:rgba(255,255,255,0.6); font-weight:100;}
 
 .full_menu>ul>li:nth-child(1) .full_menu_depth2>ul{display:flex;}
 .full_menu>ul>li:nth-child(1) .full_menu_depth2>ul>li:nth-child(2){margin-left:20px;}
 .full_menu>ul>li:nth-child(1) .full_menu_depth3>ul>li{margin-top:10px;}
 .full_menu>ul>li:nth-child(2) .full_menu_depth2>ul{display:flex;}
 .full_menu>ul>li:nth-child(2) .full_menu_depth2>ul>li:nth-child(2){margin-left:20px;}
 
 .full_menu_depth3>ul>li{margin-top:10px;}
 
 .full_menu>ul>li:nth-child(2){margin-left:50px;}
 .full_menu>ul>li:nth-child(3){margin-left:50px;}
 .full_menu>ul>li:nth-child(4){margin-left:50px;}
 
 .full_menu_newsroom_title{display:block; margin-top:50px;}
 .full_menu_newsroom>ul{margin-top:30px;}
 .full_menu_newsroom>ul>li{margin-top:18px;}
 .full_menu_newsroom>ul>li>a{}
 .full_menu_newsroom>ul>li>a::before{content: "·"; font-weight:200; font-style: normal; font-size:1.8rem; color:#ffffff; margin-right:1rem; text-decoration:none !important;}
 
 .full_menu_etc{display:block; margin-top:20px; font-size:1.6rem !important;}

 .full_menu_close{position: absolute; top:30px; left:1400px;}
 
 
 
 
 .full_menu>ul:lang(en){position:relative; width:1300px; margin:0 auto; margin-top:35px;}
 .full_menu a:lang(en){color:#ffffff; font-weight:200; font-size:1.4rem; line-height:1rem;}
 .full_menu a:hover:lang(en){text-decoration:underline;}
 
 .full_menu_depth1:lang(en){display:inline-block; vertical-align:top;}
 .full_menu_depth1>a:lang(en){font-size:2rem; font-weight:500; line-height:2rem;}
 
 .full_menu_depth2:lang(en){margin-top:25px;}
 .full_menu>ul>li:nth-child(1) .full_menu_depth2{margin-top:10px;}
 
 .full_menu_depth2>ul>li:lang(en){margin-top:15px; width:220px; line-height:1rem;}
 .full_menu_depth2>ul>li>a:lang(en){font-size:1.8rem; line-height:2rem;}
 .full_menu_depth3:lang(en){margin-top:10px;}
 .full_menu_depth3>a:lang(en){font-size:1.6rem;}

 .full_menu_depth3>ul:lang(en){margin-top:20px; margin-bottom:25px;}
 .full_menu_depth3>ul>li:lang(en){margin-top:4px; line-height:2rem;}
 .full_menu_depth3>ul>li>a:lang(en){display:flex; align-items:baseline; line-height:2rem; font-size:1.6rem; color:rgba(255,255,255,0.8);}
 .full_menu_depth3>ul>li>a::before:lang(en){content: "·"; font-weight:200; font-style: normal;line-height:1.8rem; font-size:1.8rem; color:#ffffff; margin-right:1rem;}
 
 .full_menu_depth4>ul:lang(en){margin-top:8px; padding-left:12px; border-left:1px solid rgba(255,255,255,0.3);}
 .full_menu_depth4>ul>li:lang(en){line-height:2rem;}
 .full_menu_depth4>ul>li>a:lang(en){color:rgba(255,255,255,0.6); font-weight:100;}
 
 .full_menu>ul>li:nth-child(1) .full_menu_depth2>ul:lang(en){display:flex;}
 .full_menu>ul>li:nth-child(1) .full_menu_depth2>ul>li:nth-child(2):lang(en){margin-left:20px;}
 .full_menu>ul>li:nth-child(1) .full_menu_depth3>ul>li:lang(en){margin-top:10px;}
 .full_menu>ul>li:nth-child(2) .full_menu_depth2>ul:lang(en){display:inherit;}
 .full_menu>ul>li:nth-child(2) .full_menu_depth2>ul>li:nth-child(2):lang(en){margin-left:0px;}


 

 
 
 .full_menu_depth3>ul>li:lang(en){margin-top:10px;}
 
 .full_menu>ul>li:nth-child(2):lang(en){margin-left:30px;}
 .full_menu>ul>li:nth-child(3):lang(en){margin-left:30px;}
 .full_menu>ul>li:nth-child(4):lang(en){margin-left:30px; width:220px;}
 
 .full_menu_newsroom_title:lang(en){display:block; margin-top:50px;}
 .full_menu_newsroom>ul:lang(en){margin-top:30px;}
 .full_menu_newsroom>ul>li:lang(en){margin-top:12px;}
 .full_menu_newsroom>ul>li a:lang(en){display:flex;}
 
 .full_menu_newsroom>ul>li>a::before:lang(en){content: "·"; font-weight:200; font-style: normal; font-size:1.8rem; color:#ffffff; margin-right:1rem; text-decoration:none !important;}
 
 .full_menu_etc:lang(en){display:block; margin-top:40px; font-size:1.6rem !important;}

 .full_menu_close:lang(en){position: absolute; top:0; left:1200px;}
  

 /*헤더 공통*/
body {
     animation: fadeIn ease 1s;
     -moz-animation: fadeIn 1s;
     /* Firefox */
     -webkit-animation: fadeIn 1s;
     /* Safari and Chrome */
     -o-animation: fadeIn 1s;
     /* Opera
     -ms-overflow-style: none;
     /* IE and Edge
     scrollbar-width: none;
     Firefox */
 }


 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-moz-keyframes fadeIn {

     /* Firefox */
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-webkit-keyframes fadeIn {

     /* Safari and Chrome */
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-o-keyframes fadeIn {

     /* Opera */
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }


 .main .header-warp.nav-down.on{position: fixed; height:6rem; background-color:#fff; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3);}
  
 .header-warp.nav-down {background-color:#fff; -ms-overflow-style: none;}
 /*.header-warp.nav-down .header-inner{position: fixed;}
 .main .header-warp.nav-down .header-inner{position: absolute; }*/

 .main .header.nav-down{min-height:10rem; height:10rem; }
 .main .header.nav-down .main-visual-position .main-visual li{display:none;}
 .main .header.nav-down .gnb .depth1 > a,
 .main .header.nav-down .h-blank-link,
 .main .header.nav-down .pc-global a span{color:#000;}
 .main .header.nav-down .h-etc i.search{background-image: url(/common/img/search.svg);}
 .main .header.nav-down .h-etc i.full_menu_button_icon{background-image: url(/common/img/full_menu_icon2.png);}
 .main .header.nav-down .global{    background-image: url(/common/img/global.svg);}
 .main .header.nav-down .header-inner .logo a i{    background-image: url(/common/img/logo.svg);}


 /*메인헤더*/

 .main .header-warp.on .h-etc i.search{background-image: url(/common/img/search.svg);}
 .main .header-warp.on .h-etc i.full_menu_button_icon{background-image: url(/common/img/full_menu_icon2.png);}
 .main .header-warp.on .global{background-image: url(/common/img/global.svg);}

 .main-visual-position li p.row-warp  img{width: auto;}

 .main-section1{padding-top:8rem; padding-bottom:6rem; }
 .main-section1 h1{color:#01A251 !important; font-size:5rem;text-align: center; margin-bottom:3rem;}
 .main-section1 p{font-size:2rem; color:#000; line-height:2.8rem; text-align: center;}
 .main-section1 p:lang(en){font-weight: 200;}
 .main-section1 .count-warp{display:flex; justify-content: space-between; margin-top:10.5rem;}
 .main-section1 .count-warp dl {overflow:hidden;}
 .main-section1 .count-warp dl dt{display:flex;  overflow:hidden; justify-content: space-between;flex-direction: row-reverse; width:21rem; height:15rem; background-position: center  right; background-size:auto; background-repeat: no-repeat;}
 .main-section1 .count-warp dl dd{margin-top:2.5rem;display:flex; justify-content: flex-end; align-items: flex-end;}
 .main-section1 .count-warp dl dd strong{font-size:5.5rem; line-height:0.7em; line-height:5.5rem; font-weight: 300;}
 .main-section1 .count-warp dl dd strong:lang(en){font-size:5.5rem; line-height:0.7em; line-height:5.5rem; font-weight: 200;}
 .main-section1 .count-warp dl dd span{font-size:1.5rem; font-weight:700; color:#666; }
 .main-section1 .count-warp dl dt span{font-size:1.5rem; margin-right:1rem; height:7rem; display:block;  font-weight:700; line-height:1.7rem;  color:#01A251; }
 .main-section1 .count-warp dl dt i{ display:block;   background-size:auto; background-repeat: no-repeat; background-position: center  right;}
 .main-section1 .count-warp dl:nth-child(1) dt i{width:19rem; height:15rem;background-image: url(/common/img/main/main1.svg);}
 .main-section1 .count-warp dl:nth-child(2) dt i{width:17.2rem;height:13rem;background-image: url(/common/img/main/main2.svg);}
 .main-section1 .count-warp dl:nth-child(3) dt i{width:15.3rem;height:13rem;background-image: url(/common/img/main/main3.svg);}
 .main-section1 .count-warp dl:nth-child(4) dt i{width:19rem;height:13rem;background-image: url(/common/img/main/main4.svg);}
 
 .main_count_icon_area{position:relative; width:100%; height:100px; text-align:center;}
 .main_count_icon{position:absolute; left:50%; margin-left:-65px;}


 .main-section2{padding-top:8rem; padding-bottom:8rem; background-color:#f3f3f3; }
 .main-section2 h1,
 .main-section2 ul{width:110rem; margin:0 auto;}
 .main-section2 h1{font-size:3.4rem; font-weight:700; margin-bottom:4rem; line-height:3.4rem;}
 .main h1{ color:#000;}
 .main-section2 .main-news{display:flex; justify-content: space-between; }
 .main-section2 .main-news li{width:25%; border-right:1px solid #ccc; margin-left:2rem; padding-right:2rem; }
 .main-section2 .main-news li a{display:block;}
 .main-section2 .main-news li:first-child{padding-left:0; margin-left:0;}
 .main-section2 .main-news li:last-child{border-right:0; border-bottom:none;}
 .main-section2 .main-news dl dt {margin-bottom:2rem; line-height:3.4rem; }
 .main-section2 .main-news dl dt .meta{margin-bottom:1rem; display:flex; }
 .main-section2 .main-news dl dt .meta span::after{content:""; width:1px; height:1rem; display:inline-block; background-color:#ccc; margin-left:0.5rem; margin-right:0.5rem;  }
 .main-section2 .main-news dl dt .meta span{color:#01A251; font-size:1.2rem;}
 .main-section2 .main-news dl dt .meta span:last-child:after{content:none;}
 .main-section2 .main-news dl dt strong{font-size:3rem; font-weight: 300; color:#333; word-break: break-all;}
 .main-section2 .main-news dl dt strong:lang(en){font-weight: 400; word-break: keep-all;}
 .main-section2 .main-news dl dd{    line-height: 2.4rem;color: #333;font-size: 1.8rem;font-weight: 400;}
 .main-section2 a.main-more{color:#01A251; display:flex; align-items: center; position: absolute; right:0; top:-7.5rem; }
 .main-section2 a.main-more i::before{content: "+"; font-weight:700; font-style: normal;line-height:1.8rem; display:block; font-size:1.8rem; color:#01A251; margin-right:0.5rem;}
 .main-section2 a.main-more span{color:#01A251; font-weight:700; font-size:1.8rem; line-height:1.8rem;display:block;}

  

 .main-section3 .m-title{display:none;}
 .main-section3{background-image: url(/common/img/main/main5.png); background-position: bottom  center;  background-size:auto; background-repeat: repeat-x;}
 .main-section3 ul{width:110rem;height:26.3rem; margin:0 auto; display:flex; justify-content: space-between; }
 .main-section3 ul li{display:flex;  width:100%; align-items: center;  }
 .main-section3 ul li a{color:#fff; display:flex; flex-wrap: wrap; flex-direction: row; width:100%; justify-content: center;}
 .main-section3 ul li a span{display:block; width:12rem; text-align:center; }
 .main-section3 ul li i{background-position: center; width:12rem;  display:block; background-size:auto; background-repeat: no-repeat;}
 .main-section3 ul li:nth-child(2) i{ height:14.3rem; background-image: url(/common/img/main/main6.svg);}
 .main-section3 ul li:nth-child(3) i{ height:14.3rem;background-image: url(/common/img/main/main7.svg);}
 .main-section3 ul li:nth-child(4) i{ height:14.3rem;background-image: url(/common/img/main/main8.svg);}
 .main-section3 ul li:nth-child(5) i{ height:14.3rem;background-image: url(/common/img/main/main66.svg);}
 .main-section3 ul li:nth-child(6) i{ height:14.3rem;background-image: url(/common/img/main/main67.svg);}
  /*.main-section3 ul li:nth-child(5) i{ height:14.3rem;background-image: url(/common/img/main/main9.svg);}
  .main-section3 ul li:nth-child(6) i{ height:14.3rem;background-image: url(/common/img/main/main10.svg);}*/


 .main-section4{padding-top:8rem; padding-bottom:0rem;}
 .main-section4 h1{font-size:3.4rem; font-weight:700; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: -0.25rem; }
 .main-section4 h1:lang(en){font-size:3.4rem; font-weight:700; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: 0rem; }
 .main-section4 .masonry{margin-bottom:0;}
 .main-section5{position:relative;  padding-top:10rem; padding-bottom:10rem;background-image: url(/common/img/main/main11.png); background-position: center;  background-size:cover; background-repeat: no-repeat;}
 .main-section5 h1{ color:#fff; font-size:4rem; font-weight:300; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: -0.25rem; line-height:4.8rem;}
 .main-section5 h1:lang(en){ font-weight: 200; letter-spacing: 0;}
 .main-section5 .main-down{width:110rem; margin:0 auto; display:flex;  justify-content: space-between;}
 .main-section5 .main-down a{width:100%; padding-top:2.5rem; border-left:2px solid #01A251; margin-right: 2rem; align-items: center;  padding-bottom:2.5rem; padding-left:4rem; height:9.3rem; display:flex;flex-wrap: wrap; background-color:#fff; background-position: center left 5%;  background-size:auto; background-repeat: no-repeat;}
 .main-section5 .main-down a p{display:inline-flex;}
 .main-section5 .main-down a p:lang(en){display:block;}
 .main-section5 .main-down a span{width:100%; display:block; line-height:1rem;}
 .main-section5 .main-down a p{font-size:2rem; color:#666; }
 .main-section5 .main-down a span{color:#01A251; font-size:1.2rem; font-weight: 700; margin-top:1rem;}
 .main-section5 .main-down a i{height:5rem; width:5rem; background-repeat: no-repeat;  margin-right: 2rem; background-size:contain; background-position:  top;}
 .main-section5 .main-down a:nth-child(1) i{ background-image: url(/common/img/main/main12.svg);}
 .main-section5 .main-down a:nth-child(2) i{ background-image: url(/common/img/main/main13.svg);}
 .main-section5 .main-down a:nth-child(3) i{background-image: url(/common/img/main/main14.svg);}

 .section-top{
  position: fixed;
     right: 2%;
     bottom: 40%;
     padding: 0;
     margin: 0;
     display: block;
     z-index: 50; 
     transform: translate(2%, -50%);
  }
 .section-top i{ width:4.3rem; height:3.5rem; background-image: url(/common/img/main/main15.png);}


 .newsroom .header{}
 /*뉴스룸 왼쪽*/
 .newsroom .gnb-warp{position: fixed;  right:-100%; box-shadow: 10px 5px 15px 4px rgba(0, 0, 0, 0.5);  display:none; background-color:#fff; width:30rem; top:0; height:100vh; min-height:100%; z-index:10;}
 .newsroom .gnb-warp .room-gnb{display:block; min-height:100%; position: relative; background-color:#fff; }
 .newsroom .gnb-warp .room-gnb ul{margin-top:7rem;}
 .newsroom .gnb-warp .room-gnb li{border-bottom:1px solid #ccc;position:relative; display:block;padding-top:2rem; padding-bottom:2rem; background-color:#f8f8f8;}
 .newsroom .gnb-warp .room-gnb li a{height:100%;  position:relative; font-size:1.6rem; margin-left:4rem; color:#000;}
 .newsroom .gnb-warp .room-gnb li a:hover,
 .newsroom .gnb-warp .room-gnb li a.on{color:#01A251; }
 /*.newsroom .gnb-warp .room-gnb li:last-child a::before{content: "";  display:block; width:100%;  position: absolute;bottom: -2rem;left: 0;  border-bottom:2px solid #01A251;}*/


 .newsroom .gnb-warp .room-gnb li:last-child a:lang(en)::before{content:none;}
 .newsroom .rmenu-close{ position:absolute; top:2.5rem; left:4rem; }
 .newsroom .lmenu-close{ position:absolute;  right:1rem; }

 .newsroom .rmenu-close i,
 .newsroom .lmenu-close i{background-image:url(/common/img/m-menu-close.svg); background-size: contain; width:2rem; height:2rem; display:block; }

 .header-inner .logo a i{width:15.5rem; height:2.7rem; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(/common/img/logo.svg);}
 .header-inner .logo a{ display:block;}
 .header-inner .logo a:focus-visible{outline:1px solid #000;}
 
 .main_link_banner{ margin-top:35px;}
 .main_link_banner a{ margin-bottom:10px; display:block;}

 /*모바일 리셋*/
 .m-set{display:none;}

 /*소셜*/
 .shiddne-box{
  display:none;
  position:absolute;
  top:3.5rem;
  right:4.8rem;

 }
 .newsroom .shiddne-box{right:0rem;}
 .breadcrumbs .shiddne-box a{display:flex; }
 .social_hide_box{
  position: relative;
  min-width: 28.7rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #ffffff;
  height: 7rem;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between;
  align-items: center;
 }

 .social_hide_box li::after,
 .social_hide_box a::after{content: none !important;}
 .social_hide_box a i{width:2.6rem; height:2.6rem; }
 .social_hide_box a i.youtube{background-image: url(/common/img/u-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.naver{background-image: url(/common/img/n-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.facebook{background-image: url(/common/img/f-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.instargram{background-image: url(/common/img/i-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.kakaotalk{background-image: url(/common/img/k-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.in{background-image: url(/common/img/in-on.svg); background-repeat: no-repeat; margin-right:0;}
 .social_hide_box a i.twi{background-image: url(/common/img/twi.png); background-repeat: no-repeat;  margin-right:0; background-size: contain;}

 .main-visual-position .main-visual li a {display: flex;    width: 100%;    height: 100%;    align-items: center;     }
 
 
 
 @media only all and (min-width:1300px){

    
 /*main*/
 .main-visual-position{position:absolute; top:0; left:0; width:100%; height:100vh; z-index:1;}
 .main-visual-position .main-visual li{display:flex; align-items: center;height:100vh; width:100%; overflow:hidden; background-position: center; background-size:cover; background-repeat: no-repeat; }
 .main-visual-position .main-visual li p{z-index:10;}
 .main-visual-position video.bgvid{  
  min-width: 100%;
     min-height: 100%;
     height: auto;
  width: auto;
     position: absolute;
     left: 50%;
     top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
     *display: inline;
     *zoom: 1;
  }

  .main-banner-navi


  .header .gnb ul > li:hover > div,
  .header .gnb ul > li.on > div
  .header .gnb ul.on{
   display:block !important;
   /*top:10rem;*/
   opacity: 1;
   -webkit-transition: opacity .5s;
   transition: opacity .5s;
  }
  .newsroom .header .gnb ul > li:hover > div,
  .newsroom .header .gnb ul > li.on > div
  .newsroom .header .gnb ul.on{
   display:block !important;
   top:10rem;
   opacity: 1;
   -webkit-transition: opacity .5s;
   transition: opacity .5s;
  }
  


   /*기본 헤더 */
   .header{width:100%;position: relative;  top:0;background-color: #fff; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); z-index:10;}
   .header.nav-down{position: fixed; height:6rem;}
   .header-warp.nav-down.on .gnb > ul li,
   .sub.nav-down .gnb > ul li,
   .sub.nav-down .header-warp{height:6rem; }
   .header-warp.nav-down.on .gnb ul > li:hover > div, 
   .header-warp.nav-down.on .gnb ul > li.on > div .header .gnb ul.on{top:6rem;}
   .sub.nav-down .gnb ul > li:hover > div{top:6rem;}
   
   .main .header.nav-down{position: relative;}/* 메인 스티키 */
   .header-warp{display: block; width:110rem; margin:0 auto; height:9rem;   }
   .header .gnb{  display:block;}
   .header .gnb:lang(en){width:85%;}
   .header .gnb > ul{display:flex; justify-content: space-between; }
   .header .gnb > ul:lang(en){margin-right:20px;}
   .header .gnb > ul li{height:9rem; display:flex; align-items: center;}
   
   

   /*메뉴 hover*/
   .header .gnb ul > li > div{
    display:none;
    position:absolute; top:-5000px; opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); min-height:32.1rem;  background-color:#f8f8f8; border-top:1px solid #ccc;
    width: 100%;    left: 0;
   }
   .header .gnb ul > li > div.chart10:focus{opacity:1; top:9rem; }
   .depth1 a.mmenu > div.on{display:block;/* border:1px solid #c00;*/}
   .header .gnb ul > li:hover > div,
   .header .gnb ul > li.on > div,
   .header .gnb ul.on{
    display:block !important;
    top:9rem;
    opacity: 0.95;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
   }
   .m_menu-warp{left:0; display:flex !important;    width: 79.2rem;   justify-content: space-between; }
   .newsroom .m_menu-warp{width:100%;}
   .m_menu-warp:lang(en){width:83.2rem}

   /*각 뎁스 hover 시 리셋*/
   .header .gnb .depth2 .inner1 ul > li:hover .depth3 a{color:#333;}
   .header .gnb .depth2 .inner1 ul > li:hover .depth3 a:hover{color:#01A251}

   /*각 뎁스 위치 */
   .header .gnb .depth3{top:-4.1rem !important; box-shadow:none; border-top:0; }
   .header .gnb .depth3 .depth4{top:-4rem !important; box-shadow:none; border-top:0; }
   .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3{top:-7.1rem !important;}
   .header .gnb .depth3 li:nth-child(2) .depth4{top:-7rem !important}
   .header .gnb .depth3 li:nth-child(3) .depth4,
   .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(3) .depth4{top:-10rem !important;}
   .header .gnb > ul > li:nth-child(3) .depth2 li:nth-child(3) .depth3{top:-10.1rem !important;}
   .header .gnb .depth3 li:nth-child(4) .depth4,
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 li:nth-child(4) .depth4{top:-13rem !important;}
   .header .gnb .depth3 li:nth-child(5) .depth4,
   .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(5) .depth4,
   .header .gnb > ul > li:nth-child(4) .depth2 .inner1 .depth3 .depth4{top:-16rem !important;}
   .header .gnb > ul > li:nth-child(4) .depth2 .inner1 li:nth-child(7) .depth3 {top:-22.1rem !important;}
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 ul,
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3{min-height:32rem !important;}
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 ul{width:21rem !important;}

   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 ul:lang(en){width:25rem !important;}

   .header .gnb > ul > li:nth-child(1) .depth2 .inner1 ul li:nth-child(1) .depth3 ul li:nth-child(2) ul{width:27rem;}
   .header .gnb > ul > li:nth-child(1) .depth2 .inner1 ul li:nth-child(2) .depth3 ul li:nth-child(3) ul{width:27rem;}
   
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 .depth4{left:21rem;}
   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 .depth4:lang(en){left:25rem;}

   .header .gnb li .depth2 ul li:nth-child(4) .depth3{top:-13.1rem !important; }
   .header .gnb li .depth2 ul li:nth-child(5) .depth3{top:-16.1rem !important; }

   .header .gnb > ul > li:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(8) .depth4{top:-25rem !important;}




   /*.header .gnb ul:hover div{display:block;}*/

   .header .gnb > ul li a{color:#333;}
   .m_menu-warp{display:flex; }
   .m-toggle,
   .search-toggle,
   .m-menu-close{display:none;}
   .m-menu-right{display:flex; justify-content: space-between; align-items: center;}
   .global{display:inline-block; background-image: url(/common/img/global.svg); width:2rem; height:2rem; }
   .pc-global{display:inline-block; margin-top:-2px;}
   .pc-global a{display:flex; align-items: center;}
   .pc-global a span{display:block; color:#a3a3a3; margin-left:0.5rem; font-weight:300; }
   .header-inner{display:flex; align-items: center; justify-content: space-between;}

   /*1뎁스*/
   .header .gnb .depth1{min-width:15rem;}
   .header .gnb .depth1:lang(en){min-width:10rem;}
   .header .gnb .depth1:nth-child(2){padding-left:4.5rem;}
   .header .gnb .depth1:nth-child(3){padding-left:4rem;}
   .header .gnb .depth1:nth-child(2):lang(en),
   .header .gnb .depth1:nth-child(3):lang(en){padding-left:0rem;}
   .header .gnb .depth1 > a{display:block;  text-align:center; font-size:1.8rem; width:100%; color:#000; font-weight:300;}
   .newsroom .header .gnb .depth1 > a{display:block;  text-align:center; font-size:1.6rem; width:100%; color:#000; font-weight:400;}

   .header .gnb .depth1 > a:lang(en){letter-spacing:initial; font-size:1.6rem; text-transform:uppercase; font-weight: 400; }
   .header .gnb .depth1 > a:hover,
   .header .gnb .depth1.on > a,
   .newsroom .header .gnb > ul li a{font-weight: 400; }
   .newsroom .header .gnb .depth1 > a:hover{ color:#01A251;}
   .header .gnb .depth1 > a:hover,
   .header .gnb .depth1.on > a,
   .header .gnb .depth1 > a:active{color:#01A251;}
   .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) ul:lang(en),
   .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) .depth3:lang(en),
   .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) .depth3:lang(en) ul{width:40rem !important; }
   .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul:lang(en) {width:28rem;}
   .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul .depth3:lang(en){left:28rem;}

  

   
   /*1뎁스*/

  

   /*.header .gnb .depth2.on{display:block; transition: all 0.5s ease-in-out;}
   /*.header .gnb .depth1:hover .depth2{display:block !important;}*/
   .header .gnb .depth2 .inner1{display:flex;width:110rem; margin:0 auto; }
   .header .gnb .depth2 .inner1 span{display:flex; line-height:3.5rem; padding-top:4rem; height:100%; min-height:32.1rem;border-right:1px solid #eaeaea;  width:25rem; text-align:left;  font-size:3rem; font-weight: 300;}
   .header .gnb .depth2 .inner1 span:lang(en){font-size:4rem; font-weight: 300; }
   .header .gnb .depth2 .inner1 ul{width:20rem; padding-top:4rem; height:100%; min-height:32.1rem; box-shadow: inset -1px 0px rgba(0,0,0,0.1);}
   .header .gnb .depth2 .inner1 ul:lang(en){width:26rem;}
   .header .gnb .depth2 .inner1 ul > li,
   .main .header-warp.nav-down.on .gnb .depth2 .inner1 ul > li{display:flex;position:relative;  padding-left:2rem; padding-right:1.5rem; height:3rem !important; align-items: center;  }
   .header .gnb .depth2 .inner1 ul > li:hover::before,
   .header .gnb .depth2 .inner1 ul > li.on::before{content:"";display:inline-block; width:0.3rem; height:2rem; background-color: #01A251; position:absolute; left:0;}
   .header .gnb .depth2 .inner1 ul > li a{font-size:1.6rem;}
   .header .gnb .depth2 .inner1 ul > li a:focus div.depth3,
   .header .gnb .depth2 .inner1 ul > li a:active div.depth3{display:block;}
   .header .gnb .depth2 .inner1 ul > li a:lang(en){line-height:1em;}
   .header .gnb .depth2 .inner1 ul > li.on > a,
   .header .gnb .depth2 .inner1 ul > li:hover a{color:#01A251;}
   .header .gnb .depth2 .inner1 ul > li a::after,
   .header .gnb .depth2 .inner1 ul > li:hover li a::after{content:"+";display:inline-block; font-size:2rem; font-weight:400;  position:absolute; right:1.5rem; color:#000}
   
   .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul > li:nth-child(3):lang(en){ margin-top:0rem;}
   .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul > li:nth-child(4):lang(en){ margin-top:0rem;}
   
   
   
   .header .gnb .depth2 .inner1 ul > li:hover a::after,
   .header .gnb .depth2 .inner1 ul > li.on > a::after,
   .header .gnb .depth2 .inner1 ul > li:hover li:hover a::after{content:"-";color:#01A251;font-size:2rem; font-weight:400;  position:absolute; right:1.5rem;}
   
   .header .gnb ul li a:only-child::after,
   .header .gnb .depth2 .inner1 ul > li:hover li:hover a:only-child::after,
   .header .gnb .depth2 .inner1 ul > li:hover a:only-child::after,
   .header .gnb .depth2 .inner1 ul > li a:only-child::after{display:none;}

   .header .gnb ul li a:only-child:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li:hover li:hover a:only-child:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li:hover a:only-child:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li a:only-child:lang(en)::after{display:none;}

   .header .gnb .depth2 .inner1 ul > li:hover a:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li.on a:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li:hover li:hover a:lang(en)::after{content:"-"; font-size:4rem; font-weight:300;color:#01A251; position:absolute; right:1.5rem;}
   .header .gnb .depth2 .inner1 ul > li a:lang(en)::after,
   .header .gnb .depth2 .inner1 ul > li:hover li a:lang(en)::after{content:"+";display:inline-block; font-size:2rem; font-weight:400;  position:absolute; right:1.5rem; color:#000}

  

   /*3뎁스*/
   .header .gnb .depth3{display:none;  min-height:27rem;  background-color:#f8f8f8; border-top:1px solid #ccc;   position: absolute;    width: 100%;    left: 20rem; top:-4.1rem;}
   
   .header .gnb .depth3:lang(en){left:26rem;}
   .header .gnb .depth3.on{display:block;transition: all 0.5s ease-in-out;}

  

   /*4뎁스*/
   .header .gnb .depth4{display:none;min-height:27rem;  background-color:#f8f8f8; border-top:1px solid #ccc;   position: absolute;    width: 100%;    left: 20rem; top:-4.1rem;}
   .header .gnb .depth4:lang(en){left:26rem; min-width:37rem;}
   .header .gnb .depth4 ul:lang(en){min-width:37rem;}
   .header .gnb .depth4.on{display:block;transition: all 0.5s ease-in-out;}


 }

 /*ETC*/
 .h-etc{display:flex; width:12rem; justify-content: space-between;align-items: center; }
 .h-etc:lang(en){display:flex; width:12rem; justify-content: space-between;align-items: center;}
 .h-etc button{background:transparent; display:block; margin-top:-2px;}
 .h-blank-link{font-weight:300; color:#000; margin-left:1rem}
  i.search{background-image: url(/common/img/search.svg); width:1.9rem; height:2rem; display:block; background-repeat: no-repeat; background-size: contain;}
  i.full_menu_button_icon{background-image: url(/common/img/full_menu_icon2.png); width:1.9rem; height:2rem; margin-right:4px; display:block; background-repeat: no-repeat; background-size: contain;}
 .main .h-etc i.search {background-image: url(/common/img/w-seach.svg); width:1.9rem; height:2rem; display:block; background-repeat: no-repeat; background-size: contain;}
 .main .h-etc i.full_menu_button_icon {background-image: url(/common/img/full_menu_icon2-w.png); width:1.9rem; height:2rem; display:block; background-repeat: no-repeat; background-size: contain;}
 .main .h-etc .full_menu_button{}
 .main .h-etc { width:12rem;}
 .main .full_menu{height:inherit;}
 .main .h-etc:lang(en){width:12rem;}
 .search-layer i.del{background-image: url(/common/img/del.svg); width:2.8rem; height:2.8rem; display:block; background-repeat: no-repeat; background-size: contain;}
 .search-layer i.close{background-image: url(/common/img/close.png); width:2.2rem; height:2.2rem; display:block; background-repeat: no-repeat; background-size: contain;}
 .lang_text{margin:0; padding:0; overflow:hidden;}

 /*검색*/
 .search-layer{z-index:10; background-color: #f1f1f1; width:100%; height:30rem; position:absolute; top:-1000px; left:0; display:none; }
 .search-layer .box-tag{width:100%; margin-top:2rem; margin-bottom:2rem; }
 .search-inner{width:110rem; height:25rem; margin:2rem auto; margin-bottom:2rem;    display: flex;        flex-direction: column;    justify-content: space-between;    align-content: space-between; }
 .search-input{display:flex;border-bottom:1px solid #ccc; width:100%; justify-content: space-between; align-items: center;}
 
 .search-input div{width:20%; display: flex;    justify-content: flex-end;}
 .search-input div button{margin-right:1rem; }
 .search-input input{width:94%; font-size:3.4rem; color:#666; background-color:transparent; padding-left:1rem; padding-right:1rem; font-weight:300;}
 .close-button{margin:0 auto; display:flex; justify-content: center;}
 .search-tag{height:11rem; overflow:hidden; margin-bottom:1rem;}
 input::placeholder{color:#585858;}

 /*뉴스룸 링크*/
 .news-room{position: fixed; right:0; top:0; z-index:2; }
 .news-room::before{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 25.2rem solid #057c2d; border-left: 14.4rem solid transparent; }
 .news-room::after{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 22.3rem solid #0CA950; border-left: 14.4rem solid transparent;}
 .news-room a{display:flex; flex-wrap: wrap; justify-content: center; text-align:center; z-index:3;     position: absolute;    width: 5rem;    left: -7rem; top:2rem;}
 .news-room a strong.pc-count{color:#fff; position:absolute; left:3.2rem; top:0.2rem;display:flex; align-items: center;  height:1.5rem;padding-left:0.7rem; padding-right:0.7rem; background-color: #0b4da7; border-radius: 1.2rem; font-size:1rem; font-family: "roboto";}
 .news-room a i{background-image: url(/common/img/news-room.svg); width:4.9rem; height:5rem; background-repeat: no-repeat; }
 .news-room a span{font-size:1.5rem; font-weight:700; color:#fff;  }
 .news-room a span:lang(en){font-size:1.3rem; line-height:1em;}
 .news-room a i:lang(en){height:4.5rem;}
 .m-count{display:none;}

 .newsroom_icon_area{position:absolute; top:8px; left:-79px; z-index:2;}
 .newsroom_impact_icon{position:absolute; top:30px; left:30px; width:10px;}
  


 /*콘텐츠*/
 .content-box{width:100%; display:block; position:relative; }

 /*키 비쥬얼*/
 .key-visual{width:100%; position:relative;background-position: center;  display:flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; background-repeat: no-repeat; background-size: cover; }
 /*.key-visual::after{content: ""; height:27rem; background-image: linear-gradient(to bottom, #00000061, transparent 80% ) ;  background-image: -ms-linear-gradient(top, rgba(0,0,0,.3), transparent 70% ) ; display: block; top:0;    width: 100%;    position: absolute;    left: 0;}*/
 .key-visual.big{ height:65rem;}
 .key-visual.small{ height:38rem;}
 .key-visual.small_tech{ height:50rem;}
 /*.key-visual.small::before{z-index:1; content: ""; width:100%; height:40rem; left:0; position: absolute; top:0; opacity: 0.2; filter: alpha(opacity = 20); display:block; background-image: url(/common/img/pattern.png); background-repeat: repeat; }*/
 .key-visual.small h1{z-index:1; font-size:6rem; color:#fff; font-weight:300; width:100%;  text-align: center; text-shadow: 1px 1px 15px #000000;margin-bottom:4rem;}
 .key-visual.small h1:lang(en){font-weight: 200; line-height:1em; }
 .key-visual.small_tech h1{z-index:1; font-size:6rem; color:#fff; font-weight:300; width:100%;  text-align: center; text-shadow: 1px 1px 15px #000000;margin-bottom:4rem;line-height:1em; }
 .key-visual.small_tech h1:lang(en){font-weight: 200; line-height:1em; }

 /*콘텐츠 브레드 크럼*/
 .breadcrumbs-box{width:120rem; margin:0 auto;  position:relative;  background-color:#fff; z-index:2;}
 .breadcrumbs{width:110rem; margin:0 auto;  margin-top:-5rem; padding-bottom:0.5rem; height:5rem; display:flex; align-items: flex-end; }
 .breadcrumbs .link-box{display:none;}
 .social-box a.m-social{display:none;}
 .breadcrumbs .m-social-inner{display:flex; height:2.8rem;}
 .breadcrumbs ul{display:flex;}
 .breadcrumbs ul > li{position:relative; }
 .breadcrumbs ul > li::after{content:"";margin-left:2.8rem; margin-right:2rem; display:inline-block; width:1px; height:1rem; background-color:#dedede;}
 .breadcrumbs ul > li:last-child::after{content:none;}
 .breadcrumbs ul > li a{font-size:1.4rem; color:#666666; }
 .breadcrumbs ul > li a::after{content:"+";display:inline-block; font-size:1.4rem; font-weight:200;  position:absolute; margin-left:0.3rem; color:#666666}
 .breadcrumbs ul > li a .project_bc_icon{font-size:10px; line-height:normal; display:inline-block; position:relative; top:-1px;}
 .breadcrumbs ul > li a.project_bc::after{content:none;}
 .breadcrumbs ul > li a.project_bc::after{content:none;}
 .breadcrumbs ul > li a.on::after{content:"-";}
 .breadcrumbs ul > li ul li a::after{content:none;}
 .breadcrumbs ul > li a span.point,
 .breadcrumbs ul > li > span{color:#333; font-size:1.4rem;}
 /*
 .breadcrumbs ul > li:last-child a:after,
 .breadcrumbs ul > li:first-child a:after{content:none;}
*/
 .breadcrumbs ul > li.swiper-slide ul{position:absolute;display:none;  top:2.5rem; min-width:18rem;  border:1px solid #ccc; padding:1rem; width:100%; background-color:#fff;}
 .breadcrumbs ul > li.swiper-slide ul li{margin-bottom:1rem;  line-height:1em;}
 .breadcrumbs ul > li.swiper-slide ul li:last-child{margin-bottom:0;}
 .breadcrumbs ul > li.swiper-slide ul li a:hover{color:#01A251;}
 .breadcrumbs ul > li.swiper-slide ul li::after{content:none;}
 .m-social{display:none;}
 .project .breadcrumbs{display:flex; justify-content: space-between; }
 .project .breadcrumbs .link-box{display:block;}

  

  

 /*스와이프 리셋*/
 .breadcrumbs .swiper-container{    margin-left: 0;
     margin-right: 0;
     position: inherit;
     overflow: inherit;
     list-style: inherit;
     padding: inherit;
  z-index: inherit;}
 .breadcrumbs .swiper-slide{margin-right: 0 !important;    width: auto;    height: auto; display:flex; align-items: center; flex-wrap: wrap;}
 .breadcrumbs .swiper-wrapper{ width: auto;    height: auto;}
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none;}

  

 /*footer*/
 .footer{width:100%;/* margin-top:3rem; */  display:block; position: relative;  z-index:3; }
 .footer-inner{width:100%; background-color: #262626; min-height:24.5rem;  display:block;  padding-top:6rem; padding-bottom:6rem; position: relative; }
 .footer-black{width:110rem; margin:0 auto;}
  .footer-black a:focus-visible{outline:solid 2px #fff;}
 .company-address{display:flex; justify-content: space-between; }



 .news-latter{display:none; }
 .newsroom .header{box-shadow: none;}
 .newsroom .footer-inner{padding-top:1rem;}
 .newsroom .news-latter{width:110rem; margin:0 auto; margin-bottom:6rem; position: relative; display:block;}
 .newsroom .news-latter p{font-size:1.4rem; font-weight: 700; color:#fff;}
 .newsroom .news-latter button{width:22.9rem; height:6.9rem; display:block; position: absolute; top:-5.4rem; right:0; background-image: url(/common/img/news-img/newsletter.png);}
 .newsroom .news-latter button span{color:#fff; font-size:1.8rem; font-weight: 500; overflow:hidden; margin-left:2.7rem; margin-top:20px; padding-top:0; display: flex; align-items: center; margin-top:0; }

 .footer-menu ul{display:flex; align-items: center;}
 .footer-menu ul li a{color:#707070; font-size:1.4rem; display:inline-block;  }
 .footer-menu ul > li:nth-child(1) > a,
 .footer-menu ul > li:nth-child(4) > a,
 .footer-menu ul > li:nth-child(5) > a,
 .footer-menu ul > li:nth-child(6) > a{color:#fff; font-weight:700;}
 .footer-menu ul > li:nth-child(4) > button:lang(en){color:#01A251; position:relative; }
 .footer-menu ul > li:nth-child(4) > button:lang(en)::before{content:"+";top:0;display:inline-block !important; font-style:normal; font-size:1.4rem; font-weight:300;  position:absolute; right:-1rem; color:#01A251;}
 .footer-menu ul > li:nth-child(7) > button{margin:0;height:auto; font-size:1.4rem; background-color:transparent; padding:0; color:#01A251;padding-right:1.5rem; position: relative;}
 .footer-menu ul > li:nth-child(7) > button i{display:inline-block; font-size:1.4rem;}
 .footer-menu ul > li:nth-child(7) > button i::before{content:"+";top:0;display:inline-block !important; font-style:normal; font-size:1.4rem; font-weight:300;  position:absolute; right:0rem; color:#01A251;}
 .footer-menu ul > li::after{content:""; width:1px; height:1rem; background-color:#707070; display:inline-block; margin-left:2rem; margin-right:2rem;  }
 .footer-menu ul > li:last-child:after{content: none;}
 .footer-menu ul li .family ul:lang(en){justify-content: center;}

 /*패밀리*/
 .footer-menu ul li .family{display:none; position:absolute; top:0; left:0; width:100%; background-color: #01A251;}
 .footer-menu ul li .family.on{display:block;}
 .footer-menu ul li .family ul{width:80rem; margin:0 auto; height:4rem; display:flex; align-items: center; position: relative;}
 .footer-menu ul li .family ul li{margin-right:2rem;}
 .footer-menu ul li .family i.open{/*width:110rem;*/ position:absolute; left:50%; top:0; transform: translate(-50%, 0%); height:4rem; margin:0 auto;display:block;}
 /*.footer-menu ul li .family i.open::before{content:" "; right:36%; bottom: -1rem; margin-top:-1.3rem; margin-left:3rem;display:block; position:absolute; width:0; height:0;border-left: 9px solid transparent; border-right: 9px solid transparent;  border-top: 10px solid #01A251;}*/
 .footer-menu ul li .family ul li:last-child{margin-right:0;}
 .footer-menu ul li .family ul li::before{content:"·"; display:inline-block;color:#000; font-size:1.4rem; margin-right:0.5rem;}
 .footer-menu ul li .family ul li::after{content:none;}
 .footer-menu ul li .family ul a{color:#000; font-weight:400;}
 .newsroom .footer-menu ul li .family{top:4.5rem;}
 .newsroom .footer-menu ul li .family:lang(en){top:3.5rem;}

  

 /*주소*/
 .company-address{display:flex; justify-content: space-between; margin-top:2rem; }
 .company-address address{margin-bottom:4rem; line-height:1em;}
 .company-address p{font-size:1.2rem; color:#979797; margin-bottom:1rem; line-height:1.5em;}
 .company-address p span{color:#01A251;font-size:1.2rem;line-height:1em;}

 /*소셜*/
 .social{display: flex; align-items: flex-end; }
 .social ul{display:flex;}
 .social ul li{margin-right:2.9rem; }
 .social ul li:last-child{margin-right:0;}
  .social ul li a{display:block;}
 .social ul li a i{width:5.9rem; height:5.9rem; display:block; }
 .social ul li a:hover i.youtube{background-image: url(/common/img/u-on.svg);}
 .social ul li a:hover i.naver{background-image: url(/common/img/n-on.svg);}
 .social ul li a:hover i.facebook{background-image: url(/common/img/f-on.svg);}
 .social ul li a:hover i.instargram{background-image: url(/common/img/i-on.svg);}
 .social ul li a:hover i.kakaotalk{background-image: url(/common/img/k-on.svg);}
 .social ul li a:hover i.in{background-image: url(/common/img/in-on.svg);}

 .youtube{background-image: url(/common/img/u.svg);}
 .naver{background-image: url(/common/img/n.svg);}
 .facebook{background-image: url(/common/img/f.svg);}
 .instargram{background-image: url(/common/img/i.svg);}
 .kakaotalk{background-image: url(/common/img/k.svg);}
 .in{background-image: url(/common/img/in.svg);}

/*어워드*/
 .awerds{width:110rem; margin:0 auto; margin-top:3rem; padding-bottom:4rem;}
 .awerds button{background-color: transparent;}
 .awerd-box{width:77rem; line-height:initial; transition: all 0.5s ease-in-out; position: absolute; bottom:10rem; display:block; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); background-color:#fff;}
 .awerd-box:lang(en){width:80rem; line-height:initial; transition: all 0.5s ease-in-out; position: absolute; bottom:10rem; display:block; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); background-color:#fff;}
 .awerd-box ul{display: flex; position: relative;  height:35rem; padding:3rem 5rem; justify-content: space-between;    flex-direction: column; flex-flow:column wrap;   align-content: center; }
 .awerd-box ul:lang(en){padding:3rem 3rem; align-content:start;}
 .awerd-box ul:lang(en){ height:35rem; }
 .awerd-box li{display:inline-flex; width:30rem; line-height:initial;}
 .awerd-box li:lang(en){display:inline-flex; width:32rem; line-height:initial;    align-items: center;}
 .awerd-box li:nth-child(1){margin-bottom:10px; margin-right:3rem;}
 .awerd-box li:nth-child(2){margin-bottom:10px; margin-right:3rem;}
 .awerd-box li:nth-child(3){margin-bottom:10px; margin-right:3rem;}
 .awerd-box li:nth-child(4){margin-bottom:10px; margin-right:3rem;}
 .awerd-box li:nth-child(4) dt{ padding-top:1rem;}
 .awerd-box li:nth-child(5){margin-bottom:10px; margin-right:3rem;}
 .awerd-box li:nth-child(6){margin-bottom:0; width:36rem; }
 .awerd-box li:nth-child(7){display:block;  margin-top:-10px;}
 .awerd-box li:nth-child(7) dl{margin-left:10px;}
 .awerd-box li:nth-child(8){margin-bottom:0;  }
 .awerd-box li:nth-child(8) dt{ padding-top:1rem;}
 .awerd-box li:nth-child(9){margin-bottom:0; }
 .awerd-box li:nth-child(8) a{min-width: 7rem; width:7rem; padding-left:10px;}
 
 .awerd-box li:nth-child(1):lang(en){ width:37rem;}
 .awerd-box li:nth-child(2):lang(en){ width:37rem;}
 .awerd-box li:nth-child(3):lang(en){ width:38rem;}
 .awerd-box li:nth-child(4):lang(en){ width:37rem;}
 .awerd-box li:nth-child(5):lang(en){ width:38rem;}
 .awerd-box li:nth-child(6):lang(en){width:35rem;}
 .awerd-box li:nth-child(7):lang(en){width:35rem;}
 .awerd-box li:nth-child(8):lang(en){width:35rem;}
 .awerd-box li:nth-child(8):lang(en) dt{margin-top:-2.5rem;}
 
 .awerd-box li p{min-width:7rem; line-height:initial;}
 .awerd-box li img{ display:block;}
 .awerd-box li dl dt{font-weight:700; font-size:1.2rem; color:#666; margin-bottom:0.2rem; line-height:initial;}
 .awerd-box li dl dd{font-weight:400; font-size:1.2rem; color:#666; line-height:1.2em;}
 .awerds-close{display:block;position:absolute; right:0; top:0;width:5rem; height:5rem;}
  .awerds-close::focus{display:block;width:2rem; height:2rem;z-index:2;}
 .awerds-close::after{content:"";position:absolute; right:0; top:0; width: 0; z-index: 1; height: 0;}/* border-top: 9rem solid #01A251; border-left: 5rem solid transparent;*/
 /*.awerds-close::before{content:"X";font-family: "roboto"; display:block; color:#000;position:absolute; right:1rem; top:1rem; z-index: 2;}*/
 .awerds-close i.close{background-image:url(/common/img/close.svg) ; position:absolute; right:0.5rem; top:1rem; width:2rem; height:2rem; z-index:2; background-repeat: no-repeat; }
 .awerd-box li p i{background-repeat: no-repeat; background-size: contain;}
 .awerd-box li p i.a1{background-image: url(/common/img/a1.png); width:3.6rem; height:3rem;}
 .awerd-box li p i.a2{background-image: url(/common/img/a2.png); width:4.5rem; height:3rem;}
 .awerd-box li p i.a3{background-image: url(/common/img/a3.png); width:6.6rem; height:4.4rem;}
 .awerd-box li p i.a4{background-image: url(/common/img/a4.png); width:19.4rem; height:5rem;}
 .awerd-box li p i.a5{background-image: url(/common/img/a5.png); width:4.7rem; height:3.8rem;}
 .awerd-box li p i.a6{background-image: url(/common/img/a6.png); width:5.2rem; height:5rem;}
 .awerd-box li p i.a6:lang(en){background-image: url(/common/img/a6-e.png); width:4.7rem; height:3.8rem;}
 
 .awerd-box li p i.a7{background-image: url(/common/img/a7.png); width:5.2rem; height:4rem;}
 .awerd-box li p i.a8{background-image: url(/common/img/a8.png); width:5.2rem; height:3rem;}
 .awerd-box li p i.a9{background-image: url(/common/img/a9.png); width:6rem; height:4rem;}
 .awerd-box li p i.a9:lang(en){background-image: url(/common/img/a9.png); width:6rem; height:3rem;}

  /*에러 페이지*/
.error-warp{}
.error-warp .logo i{width:15.5rem; height:3rem;background-image: url(/common/img/company/e-logo.png); background-position: center; background-size:100%; background-repeat: no-repeat;}
.e-inner .logo{width:110rem; margin:0 auto; margin-top:5.5rem; margin-bottom:20rem;}
.g-line{width:100%; background-color:#01A251; padding-top:7.5rem; padding-bottom:7.5rem;} 
.g-line .row-warp{display:flex; justify-content: space-between; }
.g-line h2{color:#fff; font-size:6rem; font-weight:100; font-family:Roboto; line-height:1em; margin-bottom:3rem;} 
.g-line p{color:#fff; font-size:1.4rem; font-weight:400; line-height:1.1em;} 
.g-line .left{display:block;}
.g-line .btn-warp{width:45rem; display:flex;justify-content: space-between; position:relative; left:0;    transform: none; }
.g-line .right{width:50%; display: flex;    align-items: center;}
.error-img{width:44.8rem; height:20rem;background-image: url(/common/img/error1.png); background-position: center; background-size:100%; background-repeat: no-repeat;}

@media only all and (max-width: 820px) 
{
    .g-line .right{position:absolute; bottom:320px; right:10px; width:300px;}   
    .g-line .btn-warp{display:block; width:100%;} 
    .g-line .btn-warp a + a{margin-top:0.5rem;}
    .g-line h2{    font-size: 3rem;}
    .error-warp .logo{width:100%; margin-left:0rem !important; padding-left:2rem; }
     .a-btn90{ width:100% !important;}
}

 @media only all and (max-width: 1299px) 
 {
  .project_menu_pc_none{display:block !important;}
  .intro-inner{padding:2rem;width:100%; margin:0 auto;}
  .intro .logo{width:100%;}
  .key-visual{   }
  .a-a{padding-top:8rem;}
  .a-b{padding-top:8rem;}
  .a-c{padding-top:8rem;}
  .a-d{padding-top:8rem;}
  .a-e{padding-top:8rem;}
  .key-visual i{margin-bottom:-3.5rem !important; z-index:2 !important;}
         
  .key-visual.small h1{margin-top:7rem;}
  .key-visual.small h1:lang(en){margin-top:7rem;}

  
  .main .global{display:inline-block; background-image: url(/common/img/global.png); width:2rem; height:2rem; }
  .m-menu-right .global{display:inline-block; background-image: url(/common/img/global.png); width:2rem; height:2rem; }
  button.s-toggle{display:none;}
  button.full_menu_button{display:none;}
  button.full_menu_button:lang(en){display:none;}
     

 /*커튼배너*/
 .banner1{width:100%;}
 .close-warp,
 .btn-warp{width:100%;}
 .btn-warp button{margin-right:2rem;}
 .banner_close{right:1rem;}
 .latter-content .write-row dl dd div + div{margin-left:0;}
 .news-latter-insert .row-warp{padding-left:0; padding-right:0;}
 .latter-content ul.small-tabs{padding-left:2rem; padding-right:2rem;}
 .news-latter-insert{display:none;bottom:-1000px; left:0;position: absolute; z-index:10; width:100%;   }


 /*메인*/


 .shiddne-box{
  display:none;
  position:absolute;
  top:5rem;
  right:4.8rem;

 }
 .social_hide_box{border-top:0;}


 /*main*/
 .main-visual-position{position:absolute; top:0; left:0; width:100%; height:100vh; z-index:1;}
 .main-visual-position .main-visual li{display:flex; align-items: center;height:100vh; width:100%; overflow:hidden; background-position: center; background-size:cover; background-repeat: no-repeat; }
 .main-visual-position .main-visual li p{z-index:10;}

 .main-visual-position video.bgvid{  
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }

  .main-section1 .count-warp dl {height:100%}
  .main-section1 .count-warp dl dt{display:block;  height:17rem;  }
  .main-section1 .count-warp dl dt i{background-position: center;margin:0 auto;}
  .main-section1 .count-warp dl dt span{width:100%;  height:7rem;  display:block; text-align:center; margin-top:2rem;}
  .main-section1 .count-warp dl dd{justify-content: center; }


  .main-section1 .count-warp dl:nth-child(1) dt i{width:19rem; height:10rem;background-image: url(/common/img/main/main1.svg);}
  .main-section1 .count-warp dl:nth-child(2) dt i{width:17.2rem;height:10rem;background-image: url(/common/img/main/main2.svg);}
  .main-section1 .count-warp dl:nth-child(3) dt i{width:15.3rem;height:10rem;background-image: url(/common/img/main/main3.svg);}
  .main-section1 .count-warp dl:nth-child(4) dt i{width:19rem;height:10rem;background-image: url(/common/img/main/main4.svg);}
  

  

 .main .header .header-inner,
 .main .header-warp.on{background-color: transparent;}
 .main-visual-position li p.row-warp{width:100%; text-align:center;}
 .main .header-warp.on .logo a i{background-image: url(/common/img/logo.svg);}
 .main .header-inner{width:100%;}
 .main .header .gnb .depth1 > a, .main .h-blank-link, .main .pc-global a span{color:#000;}
 .content-warp{overflow:hidden;}

  

 /*기본 헤더 */
 .header{width:100%;position: relative;  top:0;background-color: #fff; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); z-index:5;}
 .header.nav-down{position: fixed;}
 .main .header.nav-down{position: relative;}/* 메인 스티키 */
 .header-warp{display: block; width:110rem; margin:0 auto; height:10rem;   }
 .header .gnb{  display:block; width:48rem;}
 .header .gnb:lang(en){width:initial;}
 .header .gnb > ul{display:flex; justify-content: space-between; }
 .header .gnb > ul li{height:10rem; display:flex; align-items: center;}

    
    
 
    
 /*메뉴 hover*/
 .header .gnb ul > li > div{
      display:none;
      position:absolute; 
      top:-5000px; 
      opacity: 0;
      -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
      transition: opacity .3s, visibility 0s .3s, left 0s .3s;
      box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); 
      min-height:27rem;  
      background-color:#f8f8f8; 
      border-top:1px solid #ccc;  
      width: 100%;    
      left: 0; 
  }
 .depth1 a.mmenu > div.on{display:block; border:1px dotted #333;}
 .m_menu-warp{left:0; display:flex ;    width: 79.2rem;   justify-content: space-between; }

  

  

 /*a메뉴 */

 .header .gnb ul > li > div{
  display:none;
  position:absolute; 
  top:-5000px; 
  opacity: 1;
  -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
  transition: opacity .3s, visibility 0s .3s, left 0s .3s;
  box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); 
  min-height:27rem;  
  background-color:#f8f8f8; 
  border-top:1px solid #ccc;
  width: 100%;    
  left: inherit;
 }

 .header .gnb ul li.on div{
  display:block;
  top:inherit;
  opacity: initial;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
 }

 .header .header-inner{display:flex; align-items: center; height:7rem; justify-content: center;   flex-direction: row-reverse; background-color:#fff;}
 .main .header-warp.nav-down.on{height:7rem; }
 .m_menu-warp{  
  display:block;
  background-color: #ffffff;
  position: fixed;
  top: 0rem;
  left:-2999px;
     width: 100%;
     height: 100vh;
     z-index: 500;
     overflow-y: scroll;
     transition: All 0.2s ease;
     -webkit-transition: All 0s ease;
     -moz-transition: All 0s ease;
  -o-transition: All 0s ease;
 }
  
 .m-set{position: absolute;     align-items: center;   left: 2rem;display:flex;   }
 button.m-toggle,
 .serch-toggle{ width:1.9rem; height:1.5rem; background-size:auto;display:block;   background-color:transparent; background-repeat: no-repeat;}
 button.m-toggle{background-image: url(/common/img/menu-toggle.svg);height:1.5rem;margin-right:1.5rem;}
 .search-toggle{background-image: url(/common/img/m-serch-b.svg); width:2rem; height:1.9rem; background-repeat: no-repeat; background-size: contain;background-color: transparent; z-index:10;}
 .main button.m-toggle{background-image: url(/common/img/menu-toggle-on.svg);width:1.9rem; height:1.9rem;margin-right:1.5rem;}
 .main .nav-down button.m-toggle{background-image: url(/common/img/menu-toggle.svg);height:1.9rem;margin-right:1.5rem;}
 .main .nav-down .search-toggle{background-image: url(/common/img/m-serch-b.svg);height:1.9rem;margin-right:1.5rem;}
 .main .search-toggle{background-image: url(/common/img/m-serch-b-on.svg);width:2rem; height:1.9rem; background-size: contain;background-color: transparent; z-index: 10;}

 button.m-menu-close{display:block; position: absolute; top:2rem; left:2rem; background-color: transparent; }
 button.m-menu-close img{width:1.7rem; height:1.7rem;}

  


 /*뉴스룸 링크*/
 .news-room{position: absolute; right:0; top:0; }
 .news-room a{display:flex;    flex-wrap: wrap;    justify-content: center; text-align:center; z-index:3;     position: absolute;    width: 6rem;    left: -8rem; top:4rem;}
 .news-room a strong.pc-count{color:#fff; position:absolute; left:3.2rem; top:0.2rem;display:flex; align-items: center;  height:1.5rem;padding-left:0.7rem; padding-right:0.7rem; background-color: #0b4da7; border-radius: 1.2rem; font-size:1rem; font-family: "roboto";}
 .news-room a i{background-image: url(/common/img/news-room.svg);width:4.9rem; height:5rem;}
 .news-room a span{font-size:1.5rem; font-weight:700; color:#fff; margin-top:1rem; }
 .m-count{display:none;}.m-menu-right{display:inline-flex;align-items: center;flex-direction: row-reverse; }
 .pc-global{display:inline-block; margin-right:0;}
 .pc-global a{display:flex; align-items: center;}
 .pc-global a span{display:block; color:#a3a3a3;}
 .h-blank-link{display:inline-block; margin-right:2.75rem;}
  .h-blank-link.pc_none{display:none;}

 .news-room::before{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 20.1rem solid #057c2d; border-left: 11.5rem solid transparent; }
 .news-room::after{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 17.7rem solid #0ec35b; border-left: 11.5rem solid transparent;}

  .news-room a{left:-7rem; top:2rem;}
  .news-room a span{display:none;}

 .pc_none.m-mews-room,
 .main .pc_none.m-mews-room{display:flex; align-items: center; }
 .m-mews-room span{display:block; font-weight:700; color:#666;}
 .m-room{display:block; margin-right:1rem;  background-image: url(/common/img/m-room-on.svg);height:2.5rem; width:2.5rem; background-size:contain; background-repeat: no-repeat;}
 
 .newsroom_icon_area{left:-75px;}

 .header .gnb,
 .header-warp{width:100%;}
 .h-etc{display: flex; position: absolute; width:100% !important; background-color:#fff; height: 11.5rem; padding-bottom:2rem;   top:0rem; padding-left: 2rem;align-items: flex-end;    padding-right: 2rem;}
 .newsroom .h-etc{width:12rem !important;}
 .h-etc:lang(en){width:100% !important;}
 .header .gnb,
 .header-warp{height:100%;}
 .main .header-warp{height:7rem;}
 .header .gnb{margin-left:0; margin-right:0; margin-top:11.5rem; margin-bottom:11.5rem;}
 .search-layer{z-index:10; padding-left:2rem; padding-right:2rem; }
 .search-tag{height:15.5rem;}
 .search-inner{width:100%; height:24rem;}
 .h-etc .close-button{position:absolute; top:2rem; left:2rem;}
 
 .search-layer .box-tag{margin-top:1rem; }
 .email-dot{display:grid; align-content:center; color:#b9b9b9;}


 /*모바일 메뉴 리셋*/
 .header .gnb a{color:#000;}
 .header .gnb > ul > li.depth1 > a{font-weight:700;}
 .header .gnb .depth2 .inner1 span{display:none; }
 .header .gnb{border-top: 1px solid #ccc;}
 .header .gnb > ul,
 .header .gnb .depth2 .inner1 ul > li{display:block;}
 .header .gnb > ul > li{border-bottom: 1px solid #ccc;}
 .header .gnb > ul li{height:100%; padding-top:0rem; padding-bottom:0rem;  }
 .header .gnb .depth1 > a{text-align:left; }
 .header .gnb .depth1{width:100%; min-width:100%;}
 .header .gnb .depth1:nth-child(2),
 .header .gnb .depth1:nth-child(3){padding-left:0rem; padding-right:0rem;}
 .header .gnb ul > li > div{position:relative; left:inherit; top:inherit; min-height:100%; box-shadow:none;}
 .header .gnb .depth2 .inner1 ul{padding-top:0; min-height:initial;}

  


 .header .gnb .depth3,
 .header .gnb .depth4,
 .header .gnb .depth3 .depth4,
 .header .gnb .depth3 li:nth-child(3) .depth4, .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(3) .depth4,
 .header .gnb > ul > li:nth-child(3) .depth2 li:nth-child(3) .depth3 {position:relative; left:inherit; min-height:auto; height:auto; top:0 !important;}
 .header .gnb .depth2 .inner1,
 .header .gnb .depth2 .inner1 ul,
 .header .gnb > ul > li:nth-child(1) .depth2 .inner1 .depth3 ul li:nth-child(2) ul{width:100%; display:block; }
 .header .gnb .depth2 .inner1 ul > li{height:100%; display:block; padding-left:0; padding-right:0;  border-bottom:1px solid #ccc;}
 .header .gnb .depth2 .inner1 ul > li:last-child{border-bottom:0;}
 .header .gnb ul li{display:block;position:relative;   height:100%; align-items: center;  }

 .header .gnb ul li a{width:80%;padding-left:2rem; line-height:1em; padding-right:2rem;  padding-top:1.7rem; padding-bottom:1.7rem;display:block; }
 .header .gnb ul li.on::before,
 .header .gnb ul li a.open::before{content:"";display:inline-block; width:0.3rem; height:5.5rem; background-color: #01A251; position:absolute; left:0; top:0;}
 .header .gnb ul li a.open{color:#01A251; font-weight:700;}
 .header .gnb ul li li a.open::before{content:none;}

  

  

 .header .gnb ul li a:hover{font-weight:700; color:#01A251;}
 .header .gnb ul li a::after,
 .header .gnb ul li a.mmenu::after{content:"+";display:inline-block; font-size:2rem; font-weight:400;  position:absolute; right:1.5rem; color:#000}
 .header .gnb ul li a.mmenu.open::after{content:"-";color:#01A251;font-size:2rem; font-weight:400;  position:absolute; right:1.5rem;}

 .header .gnb ul li a:only-child::after,
 .header .gnb ul li.on li.on a:only-child::after,
 .header .gnb ul li.on a:only-child::after,
 .header .gnb ul li a:only-child::after{display:none;}


 .header .gnb .depth2 li > a{padding-left:3rem;}
 .header .gnb .depth2 li > a ul li a{padding-left:6rem;}

 .header .gnb .depth3 li{border-bottom:1px solid #ccc; }
 .header .gnb .depth3 li > a{padding-left:4rem;}
 .header .gnb .depth4{border-top:1px solid #ccc !important;}
 .header .gnb .depth4 li:last-child{border-bottom:0 !important;;}
 .header .gnb .depth4 li{border-bottom:1px dashed #ccc !important;}
 .header .gnb .depth4 li a{font-size:1.6rem;}
 .header .gnb .depth4 li:last-child{border-bottom:0; }
 .header .gnb .depth4 li > a{padding-left:6rem;}
 .header .gnb .depth4 li > a ul li a{padding-left:6rem;}


 .header .gnb li.depth1.on li a,
 .header .gnb li.on li a{color:#000;}

  


 /*리셋*/
 .table-warp,
 .content-style1,
 .w110,
 .tab .tab-inner,
 .row-warp,
 .breadcrumbs,
 .breadcrumbs-box,
 .footer-black,
 .awerds,
 .content-style1{width:100%; max-width:initial;}
 .w110{padding-left:2rem; padding-right:2rem; }

 .footer-inner,
 .awerds,
 .breadcrumbs,
 .tab .tab-inner,
 .table-warp,
 .row-warp{padding-left:2rem; padding-right:2rem;}
 .main-section1 .row-warp{max-width:118rem;}
 .main-section2 .row-warp{max-width:110rem; padding-left:2rem; padding-right:2rem;}
 .main-section2 .main-news{flex-wrap: wrap;    justify-content: space-between;}
 .main-section2 .main-news li{width:48%;     margin-bottom: 3rem;     border-right: 1px solid #ccc;}
 .main-section2 .main-news li:nth-child(2){border-right:0;}
 .main-section2 .main-news li:nth-child(4),
 .main-section2 .main-news li:nth-child(3){margin-left:0;}
 .content-set-list .row-warp{padding-left:0; padding-right:0;}

 .tab .tab-inner{width:100% !important;}
 .error-warp .logo{margin-left:2rem;}
  


 .project .breadcrumbs .link-box{display:flex; padding-left:1rem; padding-right:1rem; align-items: center;   background-color:#fff; z-index:2;}
 /*.breadcrumbs .m-social-inner{display:none;}*/
 .social-box > a{display:none}
 .breadcrumbs {
     margin-top: 0;
  border-bottom: 1px solid #cccccc;
  align-items: center;
  padding-bottom:0;
 }
 .breadcrumbs .social-box a.m-social{display:block; margin-right:0;}
 /*.breadcrumbs .social-box a.m-social span{display:none;}*/
 .breadcrumbs ul > li.swiper-slide ul{top:3.9rem;    left: -1.5rem;}

  

  

 .newsroom .news-latter{width:100%;}

 .main-section2 ul,
 .main-section2 h1,
 .main-section5,
 .main-section5 h1,
 .main-section5 .main-down{width:100%;}
 .main-section2 h1,
 .main-section5 h1,
 .main-section5 .main-down{max-width:110rem; padding-left:2rem; padding-right:2rem;}
 .main-section2 h1{max-width:110rem; padding-left:2rem; padding-right:2rem;}
 .main-section4 h1{padding-left:2rem; padding-right:2rem;}
 .main-section2 a.main-more{right:2rem;}
 .main-section4,
 .main-section4 .masonry{padding-bottom:5;}
 .main-section4{padding-top:5rem;}
 .main-section4 .masonry{margin-bottom:0;}
 .main-section5 .main-down a{margin-right:1rem;}
 .main-section5 .main-down a:last-child{margin-right:0;}

  

  


 }
 @media only all and (max-width: 1262px) {
  .footer-menu ul li .family i.open::before{content:none;}
  .intro-inner{padding:2rem;width:100%; margin:0 auto;}

 }
 
 @media only screen and (min-width :1043px) and (max-width :1064px) 
 {
     .pc_none{display:none !important;}
     }


 @media only all and (max-width: 1062px) {
  .main-section3 ul,
  .main-section2 ul{width:100%;}

  .main-section5 .main-down a{padding-left:0; justify-content: center; flex-wrap: initial;}
  .main-section5 .main-down a div{display:block; flex-wrap: wrap;justify-content: start;}
  .section-top{display:none;}
 }
 
 
 @media only all and (max-width: 1024px) {

  .meeting-info{margin-top:1.5rem;}
 .a-btn{ height:4.7rem;}
 .main-section2 .main-news{flex-wrap: wrap; justify-content: space-between;}
 .main-section2 .main-news li{width:48%;padding-left: 0;  margin-left: 0; margin-bottom:3rem;}
 .main-section2 .main-news li:nth-child(2){border-right:0;}
 .main-section2 .main-news li:nth-child(3),
 .main-section2 .main-news li:nth-child(4){margin-bottom:0;}
 .nav-down .content-box.mar-t100{margin-top:15rem !important;}
 .content-box.mar-t100{margin-top:115px !important;}
 .room-right-toggle{display:none !important;}

 .social{margin-top:2rem; margin-right:5rem;}
 .intro .intro-copy i{background-image: url(/common/img/intro-copy.png); background-size: contain; background-position: center;background-repeat: no-repeat; width:80%; }
 .intro .intro-button-group .left{padding-right:0; justify-content:center;}
 .intro .intro-button-group .right{padding-left:0; justify-content:center; display:inline-grid;}
 }

 @media only all and (max-width: 938px) 
 {
 
 .company-address{display:block;}

 .main-visual-position .mm_none{display:none;}
 .main-visual-position .mpc_none{display:block;}
 
 .h-etc:lang(en){width:100%;}
    .a-btn90{ width:100% !important;}
 }

@media (orientation: landscape)
{
    .intro .intro-copy i{height:50%; }
      
}

 @media only all and (max-width: 850px) {
  .main .header-warp.on .logo a i{background-image: url(/common/img/main-logo.svg);}
  .main .header-warp.nav-down.on .logo a i{background-image: url(/common/img/logo.svg);}
     .a-btn90{ width:100% !important;}

 }

 @media only all and (max-width: 820px) 
 {
  
  .main-section1 h1{line-height:1em;}
  .m_none,
  .mm_none{display:block; }
  .pc_none,
  .mpc_none,
  .down_none{display:none;}
  .main .pc_none,
  .main .mpc_none{display:block;}
  .h-blank-link.pc_none{display:none;}
  
  
  .main-section5 .main-down a i{margin-right:1rem;}
  .main-section5{padding-top:5rem; padding-bottom:5rem;}
  .main-section5 .main-down a{padding:1rem;}
  .main-section5 .main-down a p{font-size:1.6rem; line-height:1em;}
  .main-section5 .main-down a div{text-align:center;}

  .main .main-section1 .pc_none{display:none;}
     .a-btn90{ width:100% !important;}

  

  /*푸터*/
 .footer-black,
 .awerds,
 .awerds img{width:100%;}
 .newsroom .footer-menu ul li .family{top:auto;}
 .newsroom .news-latter p{width:100%; line-height:2.4rem; padding-top:3rem; }
 .footer-inner{padding-top:3.6rem; padding-bottom:1.6rem; padding-left:2rem; padding-right:2rem; }
 .footer-menu{display:flex; justify-content: space-between;}
 .footer-menu ul{display:block;}
 .footer-menu ul li{margin-bottom:0rem;}
 .footer-menu ul > li::after{content:none;}
 .company-address{flex-direction: column-reverse; }
 .social{margin-top:3rem; margin-bottom:2rem;}
 .social ul{display:flex; justify-content: space-between; flex: auto;}
 .social ul li{margin-right:0;}
 .company-address address{margin-bottom: 0; margin-top:1.8rem;}

 .header{position:inherit; z-index:100;}
 .news-room{position:fixed; right:0; top:0;}
 .news-room a strong.pc-count{display:none;}
 .news-room a strong.m-count{display:block; position:absolute; left:3.1rem; top:0.4rem;}
 .news-room a strong.m-count i{background-image:none; width:1rem; height:1rem; background-color:#0b4da7; border-radius: 10px;}

 .breadcrumbs{margin-top:0; border-bottom:1px solid #cccccc;}
 .bread-left{position:relative; width:100%;}
 .breadcrumbs .swiper-slide{    height: 5rem; }

  /*푸터*/
  .company-address p span{font-size:1rem;}
  .footer-menu ul li.on:after{content:""; display:block; position:relative; height:8rem; width:100%; background-color: transparent;}
  .footer-menu ul li .family{position: absolute; top:inherit; padding:1rem 2rem; margin-top:1rem;}
  .footer-menu ul li .family > ul::after{content:none;}
  .footer-menu ul li .family ul{width:100%; flex-wrap: wrap; height:100%;}
  .footer-menu ul li .family > ul li{width:44%; margin-bottom:0; line-height:2rem;}


  .awerd-box{top:25px; width:100%; height:44rem; left:0;box-shadow:none; background-color:#fff;}
  .awerd-box:lang(en){top:-168px; width:100%; height:fit-content; left:0;box-shadow:none; background-color:#fff;}
  .awerd-box:lang(en){height:54rem;}
  .awerd-box ul li p,
  .awerd-box ul li a{width:8rem;}
  .awerd-box ul{display:block; padding:2rem; min-height:32rem; height:100%;}
  .awerd-box ul:lang(en){ height:50rem; }
  
  .awerd-box li{ width: 100%; align-items: center;}
  .awerd-box li:lang(en){ width: 100% !important; align-items: center;}
  .awerd-box li:nth-child(1){margin-bottom:2rem;}
  .awerd-box li:nth-child(2){margin-bottom:2rem;}
  .awerd-box li:nth-child(3){margin-bottom:2rem;}
  .awerd-box li:nth-child(4){margin-bottom:2rem; margin-left:0;}
  .awerd-box li:nth-child(4) p i.a3{margin-left:-10px;}
  .awerd-box li:nth-child(5){margin-bottom:1.5rem; margin-left:0; display:flex;}
  .awerd-box li:nth-child(5) dl{margin-left:0;}
  .awerd-box li:nth-child(5) p i.a4{margin-top:18px; background-image: url(/common/img/m-a4.png); width:4.4rem;}
  .awerd-box li:nth-child(6){margin-left:0;}
  
  .awerd-box li:nth-child(1):lang(en){margin-bottom:0;}
  .awerd-box li:nth-child(2):lang(en){margin-bottom:10px;}
  .awerd-box li:nth-child(3):lang(en){margin-bottom:10px;}
  .awerd-box li:nth-child(4):lang(en){margin-bottom:10px;}
  .awerd-box li:nth-child(5):lang(en){margin-bottom:0;}
  .awerd-box li p{min-width:3rem;}
  .awerd-box li p:lang(en){min-width:7rem; width:7rem;}
  .awerd-box li:nth-child(5){margin-left:0;}
  .search-input input{font-size:2.4rem;}
  .close-button{position:absolute; left:2rem; top:2rem; }
  
  .intro .intro-button-group{bottom:5rem;}
  
  


 }
 @media only all and (max-width: 652px) 
 {
     .main-visual-position video.bgvid{height:100%;}
        .a-btn90{ width:100% !important;}
 }
 @media only all and (max-width: 500px) 
 {
  .awerd-box{top:-25px;}
  .awerd-box:lang(en){top:-180px;}
  .awerd-box ul:lang(en) {height:51rem;}
     .a-btn90{ width:100% !important;}

 }
 
 @media only all and (max-width: 450px) 
 {
  .awerd-box li:nth-child(3) dl{width:200px;}
  .awerd-box li:nth-child(1){margin-bottom:1rem;}
  .awerd-box li:nth-child(2){margin-bottom:1rem;}
  .awerd-box li:nth-child(3){margin-bottom:1rem;}
  .awerd-box li:nth-child(4){margin-bottom:1rem;}
  .awerd-box li:nth-child(5){margin-bottom:1rem;}
     .a-btn90{ width:100% !important;}
 }

 @media only all and (max-width: 768px) {
  .key-visual.small h1{margin-top:0;}
  .banner1 .banner_pc{display:none;}
  .banner1 .banner_moblie{display:block; margin:0 auto;}
  .banner1 .bx-wrapper .banner-inner p{width:100%;}
  

  .shiddne-box{right:0rem;}
  .m-social-inner a.print_none{display:none !important;}
  .social-box button span{display:none;}
  .w300{width:100%; }


  .main-visual-position li p.row-warp  img{width: 100%;}
  .categoryitems.bg-gray{background-color: #fff;}
  /*메인*/
  .main-section1 .count-warp{flex-wrap: wrap; width:100%; margin-top: 5rem;}
  .main-section1 .count-warp dl{width:48%; margin-bottom:4rem; height:100%; position: relative;}
  .main-section1 .count-warp dl:nth-child(3),
  .main-section1 .count-warp dl:nth-child(4){margin-bottom:0;}
  .main-section1 .count-warp dl dt{width:100%; flex-wrap: wrap; min-height: 17.1rem;  -ms-flex-direction: column-reverse;justify-content: center;}
  .main-section1 .count-warp dl dt i{background-position: center; display:block; }
  .main-section1 .count-warp dl dt span{text-align: center; margin-top:2rem; font-size:1.4rem;   width:100%; text-align: center; display:block;}
  .main-section1 .count-warp dl dd{justify-content: center; margin-top:0; }
  .main-section1{padding-bottom:5rem;}
  .main-section2 .main-news dl dd{margin-top:1rem;}
  .main-section1 .count-warp dl dd strong{font-weight: 400;}
  .main-section1 .count-warp dl dd strong:lang(en){width: 100%;    text-align: center;}

  .main-section2 h1,
  .main-section4 h1{padding-left:2rem; padding-right:2rem;}
  .main-section2 h1{margin-bottom:1.7rem;}
  .main-section2 a.main-more{right:2rem; top:-5.5rem;}
  .main-section2 .main-news li{border-bottom:1px solid #ccc; width:100%; padding-bottom:1rem; }
  .main-section2 .main-news li dt strong
  {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #333;
      }
  .main-section2 .main-news dl dt{line-height:inherit;}
  .main-section2 .main-news dl {margin-top:2rem;}
  .main-section2 .main-news li:first-child dl{margin-top:0;}
  .main-section2 .main-news dl dt{margin-bottom: 0;}
  
  .main-section1 h1{font-size: 3rem; line-height: 4.5rem;}
  .main-section1 .count-warp dl dt{display:block;}


  .main-section2 h1,
  .main-section3 h1,
  .main-section4 h1,
  .main-section5 h1{font-size:3.5rem; margin-bottom: 2rem;  line-height:4.5rem;}

  .main-section2 .main-news{width:100%;flex-wrap: wrap; }
  .main-section2 .main-news li{border-right:0; margin-left:0; padding-right:0;}
  
  .main-section5 .main-down a div{display: flex;  justify-content: start;}
  .main-section5 .main-down a span{display:none;}


  /*레이아웃*/
 .content-warp{ min-width: initial;   width:100%;}
 .flex-box{flex-wrap: wrap;}
 .m_none-flex{flex-wrap: nowrap;}

 .mar-l20p{margin-left:0% !important;}
 .mar-t80{margin-top:5rem !important; }
 .pd-b40{padding-bottom:3.5rem !important; }

 .row-warp{width:100%;padding-left:2rem; padding-right:2rem; }
 .row-warp .content-set-list,
 .row-warp  .row-warp{padding-left:0; padding-right:0;}
 .content-set-list .row-warp{padding-left:0; padding-right:0;}

  

 /*헤더*/
 .header .header-inner,
 .header .gnb > ul,
 .breadcrumbs-box,
 .breadcrumbs{width:100%;align-items:center;padding-bottom:0;z-index:10;}
 .breadcrumbs{padding-left:2rem; padding-right:0rem;}
 .breadcrumbs .swiper-container{position:relative; margin-left: auto;margin-right: auto;list-style: none;padding: 0;z-index: 1; display:flex;}
 .breadcrumbs .swiper-wrapper{transform: translate3d(0px, 0, 0);     width: 100%;    height: 100%;}
 .breadcrumbs .bread-left .navigator-swiper-button-prev,
 .breadcrumbs .bread-left .navigator-swiper-button-next{width:2.2rem; height:2.2rem;}
 .breadcrumbs .bread-left .navigator-swiper-button-next{ position: absolute;    top: 11px;    right: 0%;}
 .breadcrumbs .bread-left .navigator-swiper-button-prev{left:1rem;}
 .breadcrumbs .bread-left .navigator-swiper-button-next:after{ content: url(/common/img/btn-swiper.png); background-size:contain}
 .project .breadcrumbs .link-box{display:flex; height:5rem; justify-content: center; padding-left:1rem; padding-right:0rem; align-items: center;  border-left:1px solid #ccc;border-bottom:1px solid #ccc; background-color:#fff; z-index:2;}
 /*.breadcrumbs .m-social-inner{display:none;}*/
 .social-box > a{display:none !important;}
 .breadcrumbs .social-box a.m-social{display:flex; margin-right:0;}
 /*.breadcrumbs .social-box a.m-social span{display:none;}*/

 .breadcrumbs ul > li.swiper-slide ul{top: 4.9rem;    left: -1.5rem;}

 /*브레드 크럼 스크롤 업*/
 .breadcrumbs.nav-down{ position: fixed; top: 0; left: 0; width: 100%; height: 5rem; background: #fff; transition: top 0.2s ease-in-out;}
 .breadcrumbs.nav-up{top:-5rem; }
 .breadcrumbs.nav-down .bread-left .navigator-swiper-button-next{right: 15%;}

  


 .tab-inner .swiper-button-next{top:3.2rem; right:2rem; width:2.2rem; height:2.2rem;}
 .tab-inner .swiper-button-next:after{background-size:contain; content: url(/common/img/btn-swiper-tap.png);}
 .tab-inner .swiper-button-prev{top:3.2rem; left:2rem; width:2.2rem; height:2.2rem;}
 .tab-inner .swiper-button-prev:after{background-size:contain; content: url(/common/img/btn-swiper-tap-pre.png);}


 .main .global{display:inline-block; background-image: url(/common/img/global.png); width:2rem; height:2rem; }
   .pc-global{display:inline-block; margin-right:0rem;}
   .pc-global a{display:flex; align-items: center;}
   .pc-global a span{display:block; color:#a3a3a3; margin-left:0.5rem;}

  

  

  /*컴펌 버튼 */
  .com-btn{width:100%;}

  /*btn-group*/
  .btn-group{display:block !important; width:100%; column-gap: 0;}
  .down_none{display:none !important;}
  
   .a-btn90{ width:100% !important;}
 }

 @media only all and (max-width: 768px) {
  .intro.intro-pc{display:none !important;}
  .intro.intro-mobile{display:flex !important;}
  .com-btn + .com-btn{margin-left:0;}
  .com-btn{margin-bottom:1rem;}
  .content-btn{margin-top:1rem; width:100%;}
  .mar-b40{margin-bottom:1.7rem !important; }

  .editor-box b{font-size:inherit; }
  .editor-box img{width:100%; float: none; display:block; }

  .row-warp .content-info-set{padding-left:0; padding-right:0;}
  .news-room a{top:2rem;}
  h2 + .flex-box{margin-top: 1rem; width:100%;}
  .btn-group a + a{ margin-top:1rem;}


  .main-section1 .count-warp dl dt i{margin:0 auto;}
  .main-section1 .count-warp dl dt span{height:auto;}
  .main-section1 .count-warp dl dd{margin-top:1rem;}
  .main-section1 .count-warp dl dd:lang(en){flex-wrap: wrap;}
  .newsroom .footer-menu ul li .family:lang(en){top:auto;}
  

 /*인트로*/
 .intro{}
 .intro-inner{padding:2rem;width:100%; margin:0 auto;}
 .intro .logo{padding:2rem;width:100%;margin:0 auto;}
 .intro .logo i{width:15.5rem; height:2.7rem; background-position: center; background-size:cover; background-repeat: no-repeat; background-image: url(/common/img/main-logo.svg);}
 .intro .intro-copy {align-items: center;}
 .intro .intro-copy i{background-image: url(/common/img/intro-copy.png); background-size: contain; background-position: center;background-repeat: no-repeat; width:80%; height:15rem; }
 .intro .intro-button-group{display:block; bottom:0;}
 .intro .intro-button-group .left{background-color:rgba(71,71,71,0.5); width:100%; padding-top:3rem; padding-right:0; padding-bottom:3rem;padding-left:2rem;  text-align: center;    display: flex;    justify-content: flex-start}
 .intro .intro-button-group .left > div{text-align:left; width:100%;}
 .intro .intro-button-group .right{background-color:rgba(0,164,82,0.5); width:100%; padding-top:3rem; padding-bottom:3rem; padding-left:2rem; text-align: left; display:inherit;}
 .intro .intro-button-group span{display:block; font-weight: 700; font-size:1.4rem; color:#fff; }
 .intro .intro-button-group a{font-family: Roboto; font-size:4rem; color:#fff; font-weight: 700;}

.ci-inner i{width:100%;}
.h-etc:lang(en){margin-left:0;}
   .a-btn90{ width:100% !important;}

 }

 @media only all and (max-width: 610px) {

  .main-section3{background-image: url(/common/img/main/m-main5.png); background-size:contain; background-repeat: repeat-x;}
  .main-section2 .main-news dl dd{display:none;}
  .main-section2{padding-top:4rem; padding-bottom:4rem;}
  .main-section3 .m-title{display:flex; align-items: center; justify-content: center; color:#fff; font-size: 3.5rem;  line-height:4.5rem;font-weight: 700;}
  .main-section3 .m-title:lang(en){display:flex; align-items: center; justify-content: center; color:#fff; font-size: 2.5rem;  line-height:4.5rem;font-weight: 700;}
  .main-section3 ul{flex-wrap: wrap; height:100%; padding-bottom:4rem;}
  .main-section3 ul li{width:50%;}
  .main-section3 ul li a{flex-wrap: wrap;}
  .main-section3 ul li a span{width:100%;}
  .main-section5 .main-down a{width:30%; min-height: 15.8rem; padding:2.5rem 2rem; justify-content: center; display:block; }
  .main-section5 .main-down a div{justify-content: center;}
  .main-section5 .main-down a i{margin-right:0; background-position: center; margin:0 auto;}
  .main-section5 .main-down a span{display:none;}
  .main-section5 .main-down a p{text-align: center; color:#000;  font-size:1.6rem; margin-top:1rem; line-height:2.4rem;}
  .main-section5{background-image: url(/common/img/main/m-main11.png); padding-top:4rem; padding-bottom:4rem; }
  h2.contents-title-40{width:100%; line-height:1em;}

  .breadcrumbs .swiper-wrapper{ width: auto;    height: auto; }
  .section-top{display:none;}


  caption,
  .caption {  margin-top:2rem;}
  .latter-content ul.small-tabs li a{padding:0;}
  .intro.intro-mobile{justify-content:unset;}
  .intro .intro-button-group{bottom:0;}
  
     .a-btn90{ width:100% !important;}
 }
 
 
 /* Mobile 디자인 (해상도 ~ 479px)*/
 @media only all and (max-width: 500px) {
  .mobile_none{display:none;}
  .main-section1 .count-warp dl dt i{width:100% !important; height:7rem !important;}
  .main-visual-position .main-visual li{height:51rem;}
  .main-section1 .count-warp dl dt{}
  .main .header{min-height:51rem; height:100%;}
  .main-section1{padding-top:3rem;}
  .main-visual-position{height:51rem;}
  .m_none{display:none; }
  .h-blank-link.pc_none{display:block;}
  .pc_none{display:block; }
  h2.contents-title-34{font-size:2.7rem;}
  .m-mar-t80{margin-top:4.5rem !important;}
  .mar-t80{margin-top:4.5rem !important;}
  .mar-t60{margin-top:3.3rem !important;}
  .mar-b150{margin-bottom:9.3rem !important; }
  .mar-b40{margin-bottom:1.7rem !important;}
  .awerds{padding-bottom:0;}
  .newsroom .header .gnb.pc_none > ul,
  .newsroom .header .gnb.pc_none,
  .newsroom .header .gnb.pc_none ul li{width:100%; }
  .newsroom .header .gnb.pc_none > ul{ padding-left:0rem;}

  .m_none-flex{flex-wrap: wrap;}
  .m_none-flex select{margin-bottom:1rem; height:4rem; }
  .m_none-flex select,
  .m_none-flex .serch-box{width:100%;}
  .m_none-flex .serch-box.mar-l5{margin-left:0 !important;}
  
  
  .m_menu-warp{height:100%;min-height:90rem;}

  .news-latter-insert{display:none; bottom:-1000px; position:relative; left:0; z-index:10; width:100%;   }
  .serch-box{width:100%; }
  
  .newsroom .shiddne-box{right:0 !important; z-index:10;}
  .newsroom .social_hide_box{border-top:1px solid #e6e6e6;}
  .newsroom .editor-box{padding-left:2rem !important; padding-right:2rem !important; }
  
.newsroom .news-latter button{display:block; height:6.9rem;}
.newsroom .news-latter button span{display: flex;    align-items: center; margin-top:0;}


  .main-section1 p{font-size: 1.6rem; line-height: 3rem;}
  .header .logo{}
  .newsroom  .header .logo img{width:74%;}
  .header .logo img{width:100%;}
  .scrollUp{ background: #fff; position: fixed;  transition: all 0.5s;  position: fixed; top: 0; left: 0; z-index: 9998;}
  .m-social{display:block;}
  
  .social ul li a i{width:3.75rem; height:3.75rem; background-size: auto; background-repeat: no-repeat;}
  .key-visual.big{height:38.5rem;}
  
  .news-room a i{width:2.8rem; height:3rem;}
  .news-room::before{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 10.05rem solid #057c2d; border-left: 5.75rem solid transparent; }
  .news-room::after{content:"";position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 8.85rem solid #0ec35b; border-left: 5.75rem solid transparent;}

  .news-room a{left:-4.7rem; top:1.5rem;}
  .news-room a span{display:none;}
  .footer{margin-bottom:5rem;}
  .content-box{overflow:hidden;}

  .main-section2 .main-news li { margin-bottom:1rem; }
  
  .newsroom_icon_area{top:-7px; left:-53px;}
  

  .search-inner{height:23rem; margin-top:5rem;}
  .search-tag{height:17.5rem; margin-bottom:2rem;}
  
  .view-icon:before{padding-right:1.5rem; }
  .a-btn{width:100%; min-width:inherit;}
  .arrowlistmenu > li a.a-btn.m_none{display:none;}

  .mar-b30 .a-btn{margin-bottom:0;}
  h2 + a{margin-top:2rem;}
  .serch-box input{width:100%;}
  .serch-box .select-box{width:100%;}
  
  .a-btn90{ width:100% !important;}

  
  .select-box {
   width:100%;
  }
  

 }

 @media only screen and (min-width : 1024px) and (max-width : 1042px) 
 {

  .breadcrumbs{    align-items: center;}
  /*.newsroom .header-warp{left:0 !important;}*/
 }

 /* 타블릿 (세로) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .breadcrumbs{    align-items: center;}
 
  /*.newsroom .header-warp{left:0 !important;}*/
 }

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .newsroom .content-warp{overflow:hidden;}
  .key-visual,
  .w-img,
  .main-section5{background-size: cover !important;}
  .social-voll a{background-size:32% !important;}
  .img-list::before{height:2rem; width:2.8rem; }
  button:hover .img-list::before{height:1.9rem; width:2.8rem; }
  button:hover .list-list::before{width:1.8rem;  height:2.8rem;}
  .newsroom .global{width:1.9rem !important; height:1.9rem !important; background-size:auto !important;}
  .newsroom .news-r-menu{height:2rem !important;}
  .list-list::before{width:2.8rem;  height:1.85rem;}
  

   html{
    overflow: auto;
    height: 100%;  
   }
  
  
  
   
  
   .header{position:relative;}
   /*.m-set{top:2.2rem}*/
   .search-layer .box-tag{margin-top:1.1rem;} 
   .search-tag{margin-bottom:0;}
   button.m-toggle{margin-right:2rem; }
   .tab-inner .swiper-button-next{top:1.5rem; }
   .tab-inner .swiper-button-prev{top:1.5rem;}
   .header .gnb .depth2 .inner1 ul > li:hover::before,
   .header .gnb .depth2 .inner1 ul > li.on::before{top:0.5rem;}
   body{font-weight: 300;}
   body:lang(en){font-weight: 200;}
  
   .main-visual-position .main-visual li{background-size:cover !important;}
   
   .main .header,
   .top-banner{overflow:hidden;}
   .news-room a strong.pc-count{left:2.2rem;}
   .news-room{position:absolute;}
  
   .serch-box .serch-btn{width:6rem;}
   .list-sort button{padding-left:0; padding-right:0;}
   .breadcrumbs ul > li.swiper-slide ul{left:-2rem;}
   select::-ms-expand {display:none}
  
  
  
  
  }
 /*SVG랜더링 코드*/ 
 .ie9  img[src$=.svg"] {
   width : 100% ;
}
@media screen and ( -ms-high-contrast : active) , ( -ms-high-contrast : none) {
   img[src$=".svg"] {
     width : 100% ;
  }
}