@charset "utf-8";
@import url(css/reset.css);

/**common**/
.clearfix:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; } 
.clearfix { display:block; } 
.blind { position:absolute; left:-99999px; top:-9999999px; font-size:0; } 
body { overflow-x:hidden; width:100%; } 
#wrap { overflow-x:hidden; position:relative; } 
#container_wrap { background-color:#fff; } 
#container:not(.index) { width:100%; max-width:1200px; margin:0 auto; background-color:#fff; } 
#content.sub { padding:10px 30px 64px 30px; } 
#content.single { padding:10px 120px 50px 120px; } 
@media all and (max-width:960px){
 #content.sub { padding:10px 15px 64px 15px; } 
 }
@media all and (max-width:480px){
 #content.sub { padding:0 15px 40px; } 
 }

/**input, button**/
input[type=text] { -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:36px; padding:0 10px; border-radius:3px; border:1px solid #ccc; font-size:14px; color:#333; line-height:normal; box-shadow:none; background-color:#fff; } 
input[type=text]:read-only { background-color:#f8f8f8; } 
.btn_basic { display:inline-block; min-width:120px; height:36px; padding:0 20px; line-height:36px; text-align:center; border:1px solid #454545; color:#333; font-size:14px; font-weight:bold; background:#fff; } 
.btn_pop_ok { display:inline-block; min-width:80px; height:36px; padding:0 20px; line-height:38px; text-align:center; border-radius:3px; color:#fff; font-size:13px; font-weight:bold; background-color:#666; } 

/**checkbox**/
.sub .check label { cursor:pointer; display:inline-block; position:relative; } 
.sub .check input[type="checkbox"] { width:1px; height:1px; overflow:hidden; padding:0; margin:-1px; position:absolute; clip:rect(0,0,0,0); border:0; visibility:hidden; } 
.sub .check input[type="checkbox"] + label:before { content:""; width:18px; height:18px; background:#fff; border:1px solid #bbb; position:absolute; top:8px; left:0; } 
.sub .check input[type="checkbox"]:checked + label:before { content:""; width:18px; height:18px; border:1px solid transparent; background:url(./images/posco_sprite.png) no-repeat -40px 0; } 
@media all and (max-width:768px){
 .sub .check input[type="checkbox"]:checked + label:before { background:url(./images/posco_sprite_m.png) no-repeat -40px 0; background-size:100px auto; } 
 }

/**170925 skip navigation 추가**/
.skip_nav { position:absolute; top:-20px; left:0; width:100%; height:20px; text-align:center; background-color:#004677; color:#fff; z-index:1503; font-size:12px; line-height:20px; } 
.skip_nav.transparent { background-color:#fff; } 

/**header**/
header { width:100%; background:transparent; border-bottom: 1px solid #DEDEE5; } 
header .inner { max-width:1200px; margin:0 auto; display: flex; height: 80px; justify-content: space-between; align-items: center; padding: 0 30px; } 
header .logo { position:relative; } 
header .logo a { display:block; width:100%; height:100%; } 
header .logo img { display:block; max-width:100%; } 
header .header_wrap { height: 100%; } 
header .util { display: flex; align-items: center; } 
header .onlymobilebtn { display:none; } 
header .gnb { height: 100%; } 
header .gnb > ul { display: flex; gap: 30px; } 
header .gnb > ul > li > a { display:block; font-weight:700; } 
header .gnb .depth1 > li { position:relative; padding: 20px 7px; } 
header .gnb .depth1 > li .sub-menu-open { display: none; } 
header .gnb .depth1 > li > a { font-size:19px; color:#000; font-weight: 700; padding: 8px 0 7px; letter-spacing: -0.005em; } 
header .gnb .depth1 > li.current-menu-ancestor > a,
header .gnb .depth1 > li.current-post-ancestor > a,
header .gnb .depth1 > li.current-menu-item > a { border-bottom:1px solid #000; } 
header .gnb .depth1 > li.current .sub-menu { display:block; } 
header .gnb .sub-menu { display: none; position:absolute; top:67px; left:0; z-index:1; border-radius: 4px; border: 1px solid #DCDCDC; background: #FFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10); min-width: 117px; padding: 4px 0; } 
header .gnb .sub-menu li { min-width: 117px; } 
header .gnb .sub-menu li a { padding:10px 8px; font-size:14px; color:#000; white-space:nowrap; text-align: center; display: block; font-weight: 700; } 
header .gnb .sub-menu li.current a { background-color:#f1f1f1; } 
header .gnb .sub-menu li.current a:after { background-position:-20px -50px; } 
header .search_box { display: none; position:absolute; top:81px; left:0; width:100%; border-top:0; z-index:1; background: #fff; } 
header .search_box.open { display: block; border-bottom: 1px solid #DEDEE5; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); } 
header .search_box .inner { height: auto; position: relative; padding: 48px 30px 56px; justify-content: center; flex-wrap: wrap; } 
header .search_box form { display: flex; justify-content: center; position: relative; } 
header .search_box .input_search { -webkit-appearance:none; -moz-appearance:none; appearance:none; width:676px; height:56px; padding:16px; border-radius: 2px 0px 0px 2px; border: 1px solid #ADB4B9; font-size: 18px; } 
header .search_box input::placeholder { color: #ADB4B9; font-size: 18px; } 
header .search_box input:focus { outline: 1px solid #777; border-color: transparent; } 
header .search_box .btn_clear { position: absolute; right: 128px; top: 16px; width: 24px; height: 24px; background: url(images/btn_clear.svg) no-repeat center; } 
header .search_box .btn_clear:hover { background: url(images/btn_clear_hover.svg); } 
header .search_box .btn_srch_submit { position: relative; right: 56px; width: 56px; height: 56px; background: #3C70DF; border-radius: 0px 2px 2px 0px; } 
header .search_box .btn_srch_submit:hover { background: #2155C3; } 
header .search_box .btn_srch_submit::after { content: ''; display: inline-block; width: 32px; height: 32px; background: url(images/btn_search_white.svg) no-repeat center; } 
header .btn_srch { position: relative; margin-right: 24px; width: 24px; height: 24px; background: url(images/btn_search.svg) no-repeat center; } 
header .recommend { display: flex; padding-top: 24px; min-width: 732px; align-items: center; gap: 24px; } 
header .recommend.open { display:block; } 
header .recommend .title { font-size: 16px; font-weight: 700; } 
header .recommend ul { overflow-y:auto; display: flex; gap: 16px; } 
header .recommend li { background-color:#fff; cursor:pointer; } 
header .recommend li a { display:block; width:100%; height:100%; font-size: 16px; color: #000; } 
header .recommend li.current { text-decoration:underline; background-color:#f4f4f4; } 
header .recommend strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } 
header .btn_close_search { position: absolute; right: 30px; top: 16px; width: 24px; height: 24px; background: url(images/btn_close.svg) no-repeat center; } 
input::-ms-clear,
input::-ms-reveal { display:none; width:0; height:0; } 
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display:none; } 
header .link_parallel_site { width: 24px; height: 24px; background: url(images/btn_language.svg) no-repeat center; position: relative; z-index: 1; } 
header .btn_menu { position: relative; } 
header .btn_menu::after { content: ''; display: inline-block; left: 0; top: 0; width: 24px; height: 24px; background: url(images/btn_menu.svg) no-repeat center; } 

@media all and (max-width:1280px) { header .header_wrap { right:30px; } 
 }
@media all and (max-width:1280px) { header .gnb .depth1 > li { padding: 20px 7px 15px; } 
 }
@media all and (max-width:1200px) { header .gnb > ul { gap: 15px; } 
 }
@media all and (min-width:1079px) { header .gnb .depth1 > li:hover > a { border-bottom:1px solid #000; } 
 }

@media all and (max-width:1080px) { header { position:relative; z-index:150; } 
header.on { border-bottom: none; } 
header .inner { height: 60px; } 
header .gnb { display: none; } 
header .logo { z-index:151; } 
 header .logo.on { display: none; } 
header .logo a { display:block; width:180px; /*  height:14px; */}  
 header .btn_srch { margin-right: 16px; } 
 header .gnb .depth1 > li .sub-menu-open { display: block; } 
 header .onlymobilebtn { display: block; margin-left: 16px; } 
 header .btn_menu.active:after { background:url(images/btn_close.svg) no-repeat center; } 
 header .header_wrap { position: absolute; width:100%; top:0; right:auto; left:0; } 
 header .gnb { float:none; margin:61px 0 0 0; background-color:#fff; } 
 header .gnb > ul { flex-wrap: wrap; gap: 0; display: block; } 
 header .gnb.open { display:block; } 
 header .gnb .depth1 > li { width:100%; padding:0; border-bottom:1px solid #ccc; } 
 header .gnb .depth1 > li .sub-menu-open { width: 15%; height: 80px; font-size: 0; position: absolute; right: 0; top: 0; } 
 header .gnb .depth1 > li .sub-menu-open::after { content: ''; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(images/btn_arrow_left.svg) no-repeat center; } 
 header .gnb .depth1 > li .sub-menu-open.on::after { top:28px; transform: translateY(0) rotateZ(-90deg); } 
 header .gnb .depth1 > li.current { border-bottom:none } 
 header .gnb .depth1 > li > a { position:relative; font-size:18px; color:#000; line-height: 64px; padding-left: 30px; } 
 header .gnb .depth1 > li.menu-item-has-children > a::after { display: none; } 
 header .gnb .depth1 > li > a:after { position:absolute; top:50%; right:30px; transform: translateY(-50%); content:""; width:24px; height:24px; background:url(images/btn_arrow_left.svg) no-repeat center; } 
 header .gnb .depth1 > li.current-menu-ancestor > a, header .gnb .depth1 > li.current-post-ancestor > a, header .gnb .depth1 > li.current-menu-item > a { border: none; } 
 header .gnb .sub-menu { position:static; width:100%; border:0; z-index:auto; padding: 0; border-top: 1px solid #ccc; } 
 header .gnb .sub-menu li { min-width:100%; width:100%; } 
 header .gnb .sub-menu li:last-child { border-bottom: none } 
 header .gnb .sub-menu li a { line-height: 64px; font-size:14px; background-color:#f1f1f1; text-align: left; padding: 0 30px; position: relative; } 
 header .gnb .sub-menu li a::after { position:absolute; top:50%; right:30px; transform: translateY(-50%); content:""; width:24px; height:24px; background:url(images/btn_arrow_left.svg) no-repeat center; } 
 header .util.on .btn_srch, header .util.on .link_parallel_site, header .util.on .btn_menu { display: none; } 
 header .search_box { top: 60px; } 
 header .search_box.open { box-shadow: none; } 
 header .search_box .inner { padding: 8px 15px; display: block; height: 100vh; } 
 header .search_box form { display: block; } 
 header .search_box .btn_srch_submit { position: absolute; right: 0; top: 0; } 
 header .search_box .btn_clear { right: 72px; } 
 header .search_box .input_search { width:100%; } 
 header .btn_close_search { left: 15px; top: -46px; text-align: left; width: 30px; height: 30px; background-image: url(images/m_btn_search_close.svg); } 
 header .recommend { padding: 24px 0 0 9px; display: block; min-width: 0; } 
 header .recommend ul { flex-wrap: wrap; gap: 16px 24px; padding-top: 16px; } 
 }

 @media all and (max-width:960px) { header .inner { padding: 0 15px; } 
 header .gnb .depth1 > li > a { padding-left: 15px; } 
 header .gnb .depth1 > li .sub-menu-open::after, header .gnb .depth1 > li > a:after, header .gnb .sub-menu li a::after
 {
 right: 15px; } 
 header .gnb .sub-menu li a { padding: 0 15px; } 

 }
 
/**footer**/
footer { width:100%; } 
footer .link_box { position: relative; background: #f8f8f8; } 
footer .notice_newsletter { position:relative; width:100%; margin:0 auto; padding: 8px 0; background:#05507D; } 


/* 2024 푸터 뉴스레터 */
footer #newsletter {
     font-family: "Nanum Gothic"; 
     position: relative;
}
footer #newsletter .notice_wrap{
    width: 100%;
}
footer #newsletter .newsletter_container{
    display: flex;
    justify-content: space-between;
  
}
footer #newsletter .newsletter_box{
    padding: 32px 0;
    display: flex;
    gap: 50px;
}
footer #newsletter .newsletter_box .apply_button{
    border-radius: 2px;
    background: #CFDEFF;
    padding: 8px 36px;
    display: inline-flex;
    padding: 8px 36px;
    justify-content: center;
    align-items: flex-end;
    color: #2D28A9;
    font-size: 16px;
    font-weight: bold !important;
    line-height: 24px; 
    font-family: "Nanum Gothic" !important; 
    margin-top: 20px;
}
footer #newsletter .newsletter_title{
    color: #FFF;
  
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 39.2px; 

}
footer #newsletter .newsletter_text{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; 

}

footer #newsletter .newsletter_container .img_wrap {  max-width: 312px;  width: 100%; background: url(images/newsletter.svg) no-repeat center; } 

footer .link_box .inner { gap: 0; justify-content: space-between; align-items: center; padding: 64px 170px 32px 42px; position: relative; } 
footer .desc { display: flex; align-items: flex-end; gap: 25px; } 
footer .copy { font-size: 12px; color: #666;  text-align: end; margin-top: 5px;} 
footer .web_accessibility { position: absolute; right: 30px; top: 28px; } 
footer .sns { position:absolute; top:24px; right:170px; } 
footer .sns li { width: 32px; height: 32px; border-radius: 50%; background: #bbb url(images/icon_sns_home.svg) no-repeat center; margin-right: 16px;  } 

footer .sns .home { background-position: center; background-image: url(images/icon_sns_home.svg); } 
footer .sns .ig { background-position: center; background-image: url(images/icon_sns_instagram.svg); } 
footer .sns .fb { background-position: center;  background: #bbb url(images/icon_sns_facebook.svg) no-repeat center; } 
footer .sns .yt { background-position: center; background-image: url(images/icon_sns_youtube.svg); } 
footer .sns .li { background-position: center; background-image: url(images/icon_sns_li.svg); } 
footer .inner { max-width:1200px; margin:0 auto; padding: 0 16px; display: flex; gap: 150px; }
footer .logo{position: relative; transform: translateY(-10px)}
footer .logo img { display:block; max-width:100%; width: 258px; margin-top: -12px;} 
footer .link_wrap li { display:inline-block; margin: 0 4px; } 
footer .link_wrap li:last-child { padding-right:0; border-right:0; margin-right:0; } 
footer .link_wrap a { color:#666; font-size: 12px; position: relative; } 
footer .link_wrap li a::after { content: ''; position: absolute; right: -8px; top: 1px; width: 1px; height: 14px; background: #dadada; } 
footer .link_wrap li:last-child a:after { display: none; } 


/* 뉴스레터 팝업 */


footer #newsletter_popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4); 
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;


    text-align: left;
}
footer #newsletter_popup.hidden {
  display: none;
}

/* 팝업 컨테이너 */
footer .newsletter_popup_container {
    background: #fff;
    
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 600px;
 
}
footer .newsletter_popup_container .pop_top{
    padding: 14px 22px 8px 30px;
    color: #000;
    font-weight: 600;
    font-size: 22px;
   display: flex;
   justify-content: space-between;
}
footer .newsletter_popup_container .pop_top .btn_close{
    background-image: url(images/popup_close.svg);
    width: 24px;
     height: 24px;
    /* padding: 14px 22px 8px 30px;
    color: #000;
    font-weight: 600;
    font-size: 22px; */
}
footer .newsletter_popup_container .pop_content{
  background-color: #ECF0FC;
  padding: 30px;
  border-radius: 0px 0px 10px 10px;

}
footer .newsletter_popup_container .pop_content .pop_content{
    
    max-width: 700px;
    height: 110px;
    overflow-y: scroll;
    margin-bottom: 20px;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #bbb;
    /* position: relative; 
    overflow: hidden; */

}
footer .newsletter_popup_container .pop_content .email_input{
    
   width: 360px;
   height: 40px;
   padding: 11px;
   color: #333333;
   border: 1px solid #CCC;
   border: 1px solid #CCC;
}






footer .newsletter_popup_container .pop_content .email_input:focus{
    
 
 outline: none;
}

footer .newsletter_popup_container .pop_content .email_input::placeholder{
    color: #333333;
 
}
footer .newsletter_popup_container .pop_content .checkbox_box{
    position: relative;
   display: flex;
  margin:16px 0 ;
}
footer .newsletter_popup_container .pop_content .checkbox_box .checkbox-label{
    margin-left: 28px;
   font-size: 14px;
   color: #000;
cursor: pointer;
display: flex;
align-items: center;
}
footer .newsletter_popup_container .pop_content .checkbox_box .checkbox-label .checkbox_text{
    
  text-decoration: underline;
  color: #000;
  margin-right: 4px;
}
footer .newsletter_popup_container .pop_content .checkbox_box .checkbox-label span{
    display: inline-block;
    margin-left: 4px;
font-size: 12px;
}


footer .newsletter_popup_container .pop_content  input[type="checkbox"] { width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; position: absolute; clip: rect(0,0,0,0); border: 0; visibility: hidden; } 
footer .newsletter .check label {  display: inline-block; position: relative; padding-left: 28px; } 
footer .newsletter_popup_container .pop_content input[type="checkbox"] + label:before { content: ''; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; border: 1px solid #CCC; border-radius: 2px; background: #FFF; } 
footer .newsletter_popup_container .pop_content input[type="checkbox"]:checked + label:before { border: 1px solid #555; background: #555 url(images/btn_check.svg) no-repeat center; } 



footer .newsletter_popup_container .pop_content .textarea{
    
    max-width: 540px;
    height: 160px;
    overflow-y: scroll;
    margin-bottom: 16px;
    padding: 16px 21px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #bbb;
    font-size: 14px;
    color: #666;
    display: none;


}
footer .newsletter_popup_container .pop_content .textarea.on{
    display: block;
}
footer .newsletter_popup_container .pop_content .textarea span{
    font-size: 12px;
}
footer .newsletter_popup_container .pop_content .textarea li{
    
    margin-bottom: 5px;

}
footer .newsletter_popup_container .pop_content .textarea .text_box_f{
    
  font-size: 15px;
  font-weight: 600;
  color: #333;
  line-height: 1.7;
  margin-bottom: 4px;
}
footer .newsletter_popup_container .pop_content .textarea::-webkit-scrollbar {
    width: 7px; 
}

footer .newsletter_popup_container .pop_content .textarea::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);; 
    border-radius: 10px; 
}


footer .newsletter_popup_container .pop_last .caution{
    font-size: 14px;
    color: #888;
    margin-bottom: 100px; 
}
footer .newsletter_popup_container .pop_last .caution.on{
    font-size: 14px;
    color: #888;
    margin-bottom: 0px; 
}

footer .newsletter_popup_container .pop_last .btn_pop_ok{
  
  padding: 8px 36px;
  background-color: #2D28A9;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 30px;
  /* margin-bottom: 20px; */
}

footer .newsletter_popup_container .pop_last .btn_pop_ok.on{
  
 margin-bottom: 0px !important;
}




 body.no-scroll {
    overflow-y: hidden;
}




/**180702 웹 인증마크 추가**/
footer .mobile_accessibility { display:none; } 

/**180702 웹 인증마크 추가**/
@media all and (max-width:1200px) { footer .inner { gap: 120px; } 
 }
@media all and (max-width:1020px) { 
    footer #newsletter .newsletter_title{  
        font-size: 22px;
    }
    footer #newsletter .newsletter_text{
        font-size: 16px;
    }
    footer #newsletter .newsletter_box{
      
        gap: 30px;
    } 
 }

@media all and (max-width:960px) { 
    footer #newsletter .newsletter_container{
      flex-direction: column;
      align-items: center;
      padding:26px 0px ;
      gap: 30px;
    }
    footer #newsletter .newsletter_box{
        flex-direction: column;
        gap: 15px;
        order: 2;
        padding: 0 ;
    }
    footer #newsletter .newsletter_box .newsletter_br{
        display: none;
    }

    footer #newsletter .newsletter_box .apply_button{
       width: 100%;
    }
    footer #newsletter .newsletter_container .img_wrap{
        height: 126px;
    }

    footer #newsletter .newsletter_text{
       font-weight: 400;
    }


    /* 팝업  */
    footer .newsletter_popup_container .pop_content .email_input{
    
        width: 100%;
      
     }
     footer .newsletter_popup_container .pop_content{
     
        padding: 16px 16px 24px 16px;
     
      
      }
      footer .newsletter_popup_container .pop_top{
        font-size: 16px;
        padding: 14px 12px 8px 16px;}
      footer .newsletter_popup_container .pop_last .caution{
        margin-bottom: 16px;
        
      }

      footer .newsletter_popup_container .pop_last .btn_pop_ok{
        margin-top: 16px;
      }
    }

    @media all and (max-width:410px) { 
        footer #newsletter .newsletter_title{  
            font-size: 18px;
        }
        footer #newsletter .newsletter_text{
            font-size: 14px;
        }
        footer #newsletter .newsletter_box{
          
            gap: 6px;
          
        }
    }
    @media all and (max-width:360px) { 
        footer #newsletter .newsletter_title{  
            font-size: 16px;
        }
        footer #newsletter .newsletter_text{
            font-size: 12px;
        }
      
    }
 @media all and (max-width:1080px) { footer .desc { width: 100%; } 
 }

@media all and (max-width:960px) { footer { text-align:center; } 

 footer .box { border-top:0; z-index:auto; } 

 footer .sns ul,
 footer .link_wrap ul { display:inline-block; } 
 footer .link_wrap { float:none; padding:0; margin-bottom:10px; } 
 footer .link_wrap li { margin-bottom:10px; } 
 footer .link_box .inner { padding: 28px 15px 32px; flex-wrap: wrap; justify-content: center; } 
 footer .link_wrap { order: 1; } 
 footer .sns { padding: 0; border: none; order: 2; margin-top: 22px; position: static; width: 100%; } 
 footer .link_box .desc { order: 3; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: center; padding-top: 24px; } 
 footer .link_box span { width: 100%;} 
 footer .logo { order: 2; width: 100%; transform: translateY(0) }
 footer .logo img { margin: 0 auto; width: 191px;} 
 footer .link_box { padding-bottom: 3%;}  
 footer .copy { width: 100%; order: 3; text-align:center; position: absolute; left:0 
;bottom: 0;}  
 footer .mobile_accessibility { display: block; } 
 footer .web_accessibility { display: none; } 
 footer .newsletter .check label { font-size: 12px; } 
 }



@media all and (max-width:600px) { 
 footer .link_wrap { margin-bottom:0; } 
 footer .link_box {
    padding-bottom:5%
 }
 }

 @media all and (max-width:400px) {
    footer .link_box .desc {gap: 8px;
        padding-top: 10px;
    padding-bottom: 10px;
 }

 }


/**single fixed title**/
.fixed_title_wrap { display:none; position:fixed; left:0; top:0; width:100%; border-bottom:3px solid #bbb; background-color:#fff; font-size:30px; color:#000; font-weight:bold; letter-spacing:-0.025em; z-index:101; } 
.fixed_title_wrap.isTitleHidden { display:block; } 
.fixed_title_wrap .inner { position:relative; max-width:1200px; height:100px; padding:30px; padding-left:330px; margin:0 auto; } 
.fixed_title_wrap .single_logo { position:absolute; top:0; left:30px; width:300px; height:100%; } 
.fixed_title_wrap .single_logo:before { content:""; display:inline-block; width:1px; height:100%; vertical-align:middle; } 
.fixed_title_wrap .single_logo a { display:inline-block; vertical-align:middle; } 
.fixed_title_wrap .single_logo img { display:block; } 
.fixed_title_wrap .fixed_title { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; } 
.fixed_title_wrap .status { position:absolute; left:0; bottom:-3px; display:block; width:0; height:3px; background-color:#005386; } 
@media all and (max-width:960px){
 .fixed_title_wrap { display:none; } 
 }

 /**pagination**/
.pagination { margin-top:64px; text-align:center; } 
.pagination ul { display:inline-block; } 
.pagination li { float:left; position:relative; width:30px; height:30px; border:1px solid #ddd; margin-right:9px; } 
.pagination li:last-child { margin-right:0; } 
.pagination li.current { border-color:#005386; } 
.pagination li a { display:block; width:100%; height:100%; line-height:28px; font-size:12px; color:#565656; text-align:center; } 
.pagination li span { display:block; width:100%; height:100%; opacity:0.5; } 
.pagination li.ctrl a:after { position:absolute; top:10px; left:11px; display:block; content:""; width:6px; height:8px; background:url(images/posco_sprite.png) no-repeat 0 -40px; } 
.pagination li.ctrl span:after { position:absolute; top:10px; left:11px; display:block; content:""; width:6px; height:8px; background:url(images/posco_sprite.png) no-repeat 0 -40px; } 
.pagination li.ctrl.prev a:after { background-position:0 -40px; } 
.pagination li.ctrl.next a:after { background-position:-10px -40px; } 
.pagination li.ctrl.prev span:after { background-position:0 -40px; } 
.pagination li.ctrl.next span:after { background-position:-10px -40px; } 
.pagination li.current a { font-weight:700; color:#005386; } 
.pagination li:hover { border-color:#005386; } 
.pagination li.disabled:hover { border-color:#ddd; } 
.pagination li:hover a { font-weight:700; color:#005386; } 

@media all and (max-width:960px){
 .pagination li.ctrl:after { background:url(images/posco_sprite_m.png) no-repeat 0 -40px; background-size:100px auto; } 
 }

 @media all and (max-width:480px){
 .pagination { margin-top:40px; } 
 }

/**page location bar**/
.breadcrumb.is_single { padding:30px 120px 0 120px; } 
.breadcrumb { padding: 13px 30px 0 } 
.breadcrumb li { position:relative; float:left; height:20px; padding-right:15px; margin-right:10px; font-size:13px; color:#888; line-height:20px; } 
.breadcrumb li:after { position:absolute; top:5px; right:0; display:block; content:""; width:6px; height:10px; background:url(images/posco_sprite.png) no-repeat -20px -20px; } 
.breadcrumb li.home { width:33px; } 
.breadcrumb li.home a:before { position:absolute; top:3px; display:block; content:""; width:16px; height:13px; background:url(images/posco_sprite.png) no-repeat -40px -20px; } 
.breadcrumb li.current { padding-right:0; margin-right:0; color:#005386; } 
.breadcrumb li.current:after { display:none; } 
.breadcrumb li.current a { color:#888; } 
.breadcrumb li a { display:block; width:100%; height:100%; font-size:13px; color:#666; } 
@media all and (max-width:960px){
 .breadcrumb { padding: 13px 15px 0; } 
 .breadcrumb.is_single { padding: 13px 15px 0; } 
 }

/**작성자 네임카드**/
.writer_box { display:table; width:100%; padding:20px 30px; border:1px solid #e6eef1; background-color:#f3f7fa; } 
.writer_box .profile_img { display:table-cell; width:80px; height:80px; border-radius:50%; border:1px solid #ccc; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; vertical-align:middle; } 
.writer_box .writer_info { display:table-cell; padding-left:30px; vertical-align:middle; } 
.writer_box .writer_info .name { margin-right:10px; font-size:16px; font-weight:700; color:#333; line-height:20px; vertical-align:top; } 
.writer_box .writer_info .name:hover { text-decoration:underline; } 
.writer_box .writer_info .anchor_mail { font-size:14px; color:#336699; text-decoration:underline; line-height:20px; vertical-align:top; } 
.writer_box .writer_info .desc { font-size:14px; color:#666; } 

@media all and (max-width:768px){
 .writer_box { display:block; padding:16px; text-align:center; } 
 .writer_box .profile_img { display:inline-block; margin-top:0; margin-bottom:16px; } 
 .writer_box .writer_info { display:block; padding-left:0; } 
 }
@media all and (max-width:480px){
 .writer_box .profile_img { width:60px; height:60px; margin-bottom:10px; } 
 .writer_box .writer_info .name { font-size:14px; } 
 .writer_box .writer_info .anchor_mail { font-size:14px; } 
 .writer_box .writer_info .desc { font-size:12px; } 
 }

/**top버튼**/
.btn_top { position:absolute; right:0; bottom:0; display:block; width:36px; height:36px; background-color:rgba(0,0,0,.4); z-index:100; } 
.btn_top:after { position:absolute; top:12px; left:8px; display:block; content:""; width:20px; height:13px; background:url(images/posco_sprite.png) no-repeat -20px 0; } 

@media all and (max-width:960px){
 .btn_top:after { background:url(images/posco_sprite_m.png) no-repeat -20px 0; background-size:100px auto; } 
 }

/**overlay**/
.overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:101; } 
.overlay.gnb_open { display:block; } 
.overlay.layer_open { display:block; z-index:150; } 

/**팝업**/
.layer { display:none; position:absolute; left:10%; width:80%; border-radius:3px; background-color:#fff; z-index:250; } 
.layer.open { display:block; } 
.layer .pop_top { position:relative; width:100%; height:40px; padding:0 20px; border-bottom:1px solid #ccc; line-height:40px; } 
.layer .btn_close { position:absolute; top:5px; right:15px; width:30px; height:30px; } 
.layer .btn_close:after { position:absolute; top:50%; left:50%; display:block; content:""; width:18px; height:18px; margin-left:-9px; margin-top:-9px; background:url(images/posco_sprite_m.png) no-repeat 0 -80px; background-size:100px auto; } 
.layer .pop_title { font-size:16px; font-weight:700; color:#333; } 
.layer .pop_wrap { width:100%; padding:15px 20px; font-size:15px; color:#454545; } 

/**개별 팝업**/
.layer_sns { width:320px; border:1px solid #bbb; } 
.layer_sns .label_copy { display:none; } 

@media all and (max-width:360px){
 .layer_sns { left:3%; width:94%; margin:0; } 
 .layer_sns .sns li { margin-right:10px; } 
 }

.layer_sns_m { left:50%; width:300px; margin-left:-150px; } 
.layer_sns_m .sns { text-align:center; font-size:0; } 
.layer_sns_m .sns ul { display:inline-block; } 
.layer_sns_m .url_wrap { margin-top:15px; } 

@media all and (max-width:360px){
 .layer_sns_m { left:3%; width:94%; margin:0; } 
 .layer_sns_m .sns li { margin-right:10px; } 
 }

.layer_alert { left:50%; width:480px; margin-left:-240px; } 
.layer_alert .notice_wrap { display:table; width:100%; padding-left:10px; } 
.layer_alert .bg_icon { display:table-cell; width:90px; height:90px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; } 
.layer_alert .notice { display:table-cell; min-height:140px; padding-left:30px; line-height:1.5; vertical-align:middle; } 
.layer_alert .notice .title { font-weight:700; } 
.layer_alert .notice .cont { display:block; padding-top:5px; } 
.layer_alert .block { display:block; } 
.layer_alert.layer_agree .bg_icon { background-image:url(images/pop_bg_icon01.png); } 
.layer_alert.layer_confirm .bg_icon { background-image:url(images/pop_bg_icon02.png); } 
.layer_alert .btn_wrap { width:100%; padding-top:10px; margin-top:15px; border-top:1px solid #eee; text-align:right; } 

@media all and (max-width:530px){
 .layer_alert { left:3%; width:94%; margin:0; } 
 .layer_alert .notice_wrap { display:table; width:100%; padding:0 10px; } 
 .layer_alert .bg_icon { display:block; width:70px; height:70px; margin:0 auto; background-size:contain; } 
 .layer_alert .notice { display:block; min-height:0; padding-left:0; margin-top:20px; text-align:center; } 
 .layer_alert .block_m { display:block; } 
 .layer_alert .block { display:inline; } 
 .layer_alert.layer_agree .bg_icon { background-image:url(images/pop_bg_icon01_m.png); } 
 .layer_alert.layer_confirm .bg_icon { background-image:url(images/pop_bg_icon02_m.png); } 
 .layer_alert .btn_wrap { text-align:center; } 
 }

/**페이지 상위 타이틀**/
.page_title { padding:22px 0 16px; font-size:32px; font-weight: 700; } 
.page_tit p { font-size: 20px; padding-bottom: 24px; } 
@media all and (max-width:480px){
 .page_title { font-size: 26px; padding: 32px 0 16px; } 
 .page_tit p { font-size: 14px; padding-bottom: 24px; } 
 }


/**SNS 아이콘**/
.sns li { float:left; width:32px; height:32px; margin-right:20px; background:url(images/icon_sns.png) no-repeat 0 0; } 
.sns li a { display:block; width:100%; height:100%; } 
.sns li button { display:block; width:100%; height:100%; } 
.sns li:last-child { margin-right:0; } 
.sns .home { background-position:0 0; } 
.sns .fb { background-position:-32px 0; } 
.sns .ig { background-position:-64px 0; } 
.sns .yt { background-position:-96px 0; } 
.sns .li { background-position:-128px 0; } 
.sns .url { background-position:0 -32px; } 
.sns .mail { background-position:-32px -32px; } 
.sns .kt { background-position:-64px -32px; } 
.sns .tw { background-position:-96px -32px; } 
.sns .url_wrap { position:relative; padding:0 50px 0 30px; } 
.sns .url_wrap:before { position:absolute; top:50%; left:0; display:block; content:""; width:20px; height:20px; margin-top:-10px; background:url(images/posco_sprite_m.png) no-repeat -20px -80px; background-size:100px auto; } 
.sns .btn_copy { position:absolute; top:0; right:0; width:50px; height:100%; border-radius:0 3px 3px 0; font-size:13px; color:#fff; background-color:#666; } 
.sns .copy_url { border-radius:3px 0 0 3px; border-right:0; background-color:#f8f8f8; } 

@media all and (max-width:768px){
 .sns li { width:36px; height:36px; background:url(images/icon_sns_m.png) no-repeat 0 0; background-size:180px auto; } 
 .sns .home { background-position:0 0; } 
 .sns .fb { background-position:-36px 0; } 
 .sns .ig { background-position:-72px 0; } 
 .sns .yt { background-position:-108px 0; } 
 .sns .li { background-position:-144px 0; } 
 .sns .mail { background-position:0 -36px; } 
 .sns .kt { background-position:-36px -36px; } 
 .sns .tw { background-position:-72px -36px; } 
 }
 
/**글 목록 (기본 글목록, 동영상 목록)**/
.archive .tag_wrap { display: flex; gap: 24px; flex-wrap: wrap; padding-bottom: 56px; } 
.archive .tag_wrap li.active { background:#2D28A9; } 
.archive .tag_wrap li.active a { color: #fff; } 
.archive .tag_wrap li { min-width: 50px; border-radius:99px; background: #E9EDF0; text-align: center; } 
.archive .tag_wrap li > a { display: block; color: #777; font-size: 14px; padding: 6px 10px; font-weight: 700; } 
.archive .archive_list { display: flex; flex-wrap: wrap; gap: 40px 30px; } 
.archive .archive_list > li { width: calc((100% - 60px) / 3); } 

@media all and (max-width:768px){
 .archive .archive_list > li { width: calc((100% - 30px) / 2); } 
 .archive .tag_wrap li > a { font-size: 12px; } 
 .archive .tag_wrap { gap: 24px 16px; padding-bottom:48px; } 
 }
@media all and (max-width:480px){
 .archive .archive_list > li { width: 100%; } 
 }

/**글 목록 없을 때**/
.archive_none { margin-top:10px; border:1px solid #ddd; text-align:center; } 
.archive_none .inner { margin:147px auto; font-size:0.888em; font-weight:700; } 
.archive_none .inner p { padding-top:47px; } 
@media all and (max-width:480px){
 .archive_none { margin-top:5px; } 
 .archive_none .inner { margin:73px auto; } 
 .archive_none .inner img { width:25.6%; min-width:82px; } 
 .archive_none .inner p { padding-top:40px; } 
 }

/**********페이지별 디자인**********/
/**PAGE INDEX**/
.index { font-size:18px; } 
.index .inner { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 30px 73px; } 
.cont_wrap { display: flex; min-width: 0; padding: 16px 10px; flex-wrap: wrap; gap: 8px; } 
.cont_wrap .title { color: #000; font-size: 16px; font-weight: 700; display: -webkit-box; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.index .kv_area { position: relative; } 
.index .kv_area .carousel > ul { display: none; } 
.index .kv_area .carousel > ul.slick-slider { display: block; } 
.index .kv_area .thumb { height: 320px; max-width: 1920px; margin: 0 auto; } 
.index .kv_area .thumb img { width: 100%; height: 100%; object-fit: cover; } 
.index .slick-arrow { font-size: 0; width: 48px; height: 48px; background: url(./images/arrow_left.svg) no-repeat } 
.index .slick-arrow.next { background: url(./images/arrow_right.svg) no-repeat; } 
.index .kv_area .controller { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: none; align-items: center; justify-content: center; } 
.index .kv_area .slick-dots { display: flex; } 
.index .kv_area .slick-dots button { display: block; width: 10px; height: 10px; font-size: 0; border-radius: 8px; margin-right: 8px; background: #BCBBD4; border: 1px solid #fafafa; } 
.index .kv_area .slick-active button { background: #2D28A9; } 
.index .kv_area .prev, .index .kv_area .next { display: none; } 
.index .kv_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); } 
.index .kv_area .slick-arrow:hover { background-image: url(images/arrow_hover.svg); } 
.index .kv_area .slick-arrow:hover.prev { transform: translateY(-50%) rotateZ(180deg) } 
.index .kv_area .slick-arrow.prev { left: 50%; margin-left: -672px; } 
.index .kv_area .slick-arrow.next { right: 50%; margin-right: -672px; } 
.index .kv_area .toggle { width: 16px; height: 16px; background: url(images/kv_area_pause.svg) no-repeat; font-size: 0; } 
.index .kv_area .toggle.on { background-image: url(images/kv_area_play.svg); } 
.index .main_contents { margin-top: 40px; } 
.index .main_contents .layout_right { width:31%; } 
.index .main_contents .layout_right section { margin:0 0 24px 0; } 
.index .section_title { font-size:1em; } 
.index .icon_anchor { position:absolute; top:3px; right:0; line-height:20px; padding-right:13px; font-size:0.722em; color:#666; } 
.index .icon_anchor:after { position:absolute; top:50%; right:0; display:block; content:""; width:8px; height:12px; margin-top:-6px; background:url(images/posco_sprite.png) no-repeat 0 -20px; } 
@media all and (max-width:1400px){
 .index .kv_area .slick-arrow.prev { left: 30px; margin-left: 0; } 
 .index .kv_area .slick-arrow.next { right: 30px; margin-right: 0; } 
 }

@media all and (max-width:1180px){
 .index { font-size:17px; } 
 }
@media all and (max-width:1100px){
 .index { font-size:16px; }
 }
@media all and (max-width:1050px){
 .index { font-size:15px; } 
 }
@media all and (max-width:1000px){
 .index { font-size:14px; } 
 }
@media all and (max-width:960px){
 .index { font-size:20px; } 
 .index .inner { padding: 0 15px 48px; } 
 .index .icon_anchor:after { background:url(images/posco_sprite_m.png) no-repeat 0 -20px; background-size:100px auto; } 
 .index .kv_area .thumb { height: 360px; } 
 }
@media all and (max-width:820px){
 .index { font-size:18px; } 
 }
@media all and (max-width:768px){
 .index { font-size:16px; } 
 .index .icon_anchor { font-size:0.813em; } 
 }

@media all and (max-width:1024px){
 .index .main_contents { margin:16px; } 
 .index .main_contents .archive_area { width:66.5%; margin-right:2%; } 
 .index .main_contents .layout_right { width:31.5%; } 
 }
@media all and (max-width:960px){
 .index .main_contents .archive_area,
 .index .main_contents .layout_right { float:none; } 
 .index .main_contents .archive_area { width:100%; margin-right:0; } 
 .index .main_contents .layout_right { width:100%; } 
 .index .kv_area { padding:0; } 
 .index .kv_area .controller { bottom: 16px; } 
 .index .kv_area .title { height:2.8em; } 
 .index .kv_area .btn_wrap { bottom:7em; } 
 .index .kv_area a:hover .thumb { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
 .index .kv_area .slide_btn_wrap { display: none; } 
 }

@media all and (max-width:768px){
 .index .inner { padding: 0 15px 40px; } 
 } 
@media all and (max-width:768px){
 .index .kv_area { font-size:14px; } 
 }
@media all and (max-width:480px){
 .index .kv_area { font-size:12px; } 
 }





 /* 메인 컨텐츠 영영 */


/* .index .archive_list { display: flex; gap: 24px; margin-top: 16px; flex-wrap: nowrap; } 
.index .archive_list > li { width: calc((100% - 72px)/4); } 
.index .archive_list > li a { display: block; }  */
.archive_list .thumb_wrap { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; width: 100%; } 
.archive_list .thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; } 

.archive_list .cont_wrap .tag { display: flex; flex-wrap: wrap; width: 100%; } 
.archive_list .cont_wrap .tag li { margin-right: 8px; display: block; color: #1C3E88; font-size: 14px; } 
.archive_list .cont_wrap .date { color: #000; font-size: 14px; display: block; } 
.archive_list .cont_wrap .meta { display: flex; gap: 16px; margin-top: 8px; } 
.archive_list .cont_wrap .author { color: #000; font-size: 14px; display: block; position: relative; } 
.archive_list .cont_wrap .author::before { content: ''; position: absolute; right: -8px; top: 2px; width: 1px; height: 16px; background: #666; }/*   */
.index .media_contents { background: #1B3DAB; position: relative; padding: 40px 0; } 
.index .media_contents .inner { padding: 0 30px; } 
.index .media_contents .slick-arrow { position: absolute; top: 30%; } 
.index .media_contents .slick-arrow.prev { left: 50%; margin-left: -640px; } 
.index .media_contents .slick-arrow.next { right: 50%; margin-right: -640px; } 
.index .media_contents .slide_btn_wrap .slick-arrow:hover { transform: rotateZ(180deg); background-image: url(images/arrow_hover.svg); } 
.index .media_contents .slide_btn_wrap .next:hover { transform: rotateZ(0); } 
.index .media_contents .media_slide .slick-list { margin: 0 -15px; overflow: visible; } 
.index .media_contents .media_slide .slick-slide { margin: 0 15px; opacity: 0.4; pointer-events: none; } 
.index .media_contents .media_slide .slick-slide.slick-active { margin: 0 15px; opacity: 1; pointer-events:all; } 
.index .media_contents .media_slide .thumb_wrap { overflow: hidden; padding-bottom: 47.07%; position: relative; height: 0; width: 100%; } 
.index .media_contents .media_slide .thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; } 
.index .media_contents .controller { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); align-items: center; justify-content: center; display: none; } 
.index .media_contents .dots { display: flex; } 
.index .media_contents .slick-dots { display: flex; } 
.index .media_contents .slick-dots button { display: block; width: 8px; height: 8px; font-size: 0; border-radius: 10px; margin-right: 10px; background: #8DA8E4; border: 1px solid #fafafa; } 
.index .media_contents .slick-active button { background: #fff; } 
.index .media_contents .toggle { width: 16px; height: 16px; background: url(images/media_contents_pause.svg) no-repeat center; font-size: 0; } 
.index .media_contents .toggle.on { background-image: url(images/media_contents_play.svg); } 
.index .media_contents .cont_wrap { padding: 16px 0 0; } 
.index .media_contents .sns_type { color: #CFDEFF; font-size: 12px; font-weight: 700; } 
.index .media_contents .sns_type::before { content: ''; display: inline-block; padding-right: 6px; width: 16px; height: 16px; vertical-align: -4px; background: url(images/icon_instagram.svg) no-repeat; } 
.index .media_contents .sns_type.youtube::before { background-image: url(images/icon_youtube.svg); } 
.index .media_contents .title { color: #fff; } 
.banner_area img { max-width: 100%; max-height: 100%; } 



#archive_area .archive_area {
  font-family: NanumGothic;
  width: 100%;
}
#archive_area a{
  color: #000;
  
}
#archive_area .archive_area_inner {
  display: flex;
  padding-top: 38px;
  width: 100%;
  justify-content: space-between;
  gap: 30px;
}

#archive_area .go_to_container{ 
  margin-top: 58px;
}
#archive_area .content_box {
  display: flex;
  flex-direction: column;
}

#archive_area .recommend_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
  padding: 0;
}
#archive_area .recommend_content {
  display: flex;
}
#archive_area .recommend_content img {
  max-width: 144px;  
  min-width: 130px;
  width: 100%;       
  height: auto;     
  aspect-ratio: 16 / 9; 
  object-fit: cover; 
  border-radius: 6px;
}

#archive_area .recommend_text_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 16px;
  max-width: 203px;
}
#archive_area .recommend_title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
#archive_area .recommend_date {
  color: #000;

  font-family: 'Nanum Gothic';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

#archive_area .recommend_goto_container{
  display: flex
;
width: 31%;
    flex-direction: column;
    justify-content: space-between;
}

/* 그룹사 바로가기 */
#archive_area .group_box {
  
background-color: #BCBBD426;
  margin-top: 16px;
  display: flex;
  padding: 16px;
  justify-content: space-between;
  gap: 16px;
  border-radius: 6px;
  min-width: 294px;
}
#archive_area .group_select {
  width: 100%;
  position: relative;
  text-align: left;
 background-color: #FFF;
 
}
#archive_area .group_select a {
  font-size: 14px;
 
}

#archive_area .posco_holding_a {
  background-image: url('images/holding_logo.png');
  width: 60px;
  background-size: contain;  
  background-repeat: no-repeat;  
  background-position: center;  
}


#archive_area .go_to_btn{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}

#archive_area .go_to_btn_icon {
  
  background-image: url('images/go_to_icon.png');
  height: 24px;
  width: 24px;
  background-size: contain;  
  background-repeat: no-repeat;  
  background-position: center;  
  transition: transform 0.3s ease;
}


#archive_area .group_select.active .go_to_btn_icon{
  transform: rotate(180deg);
}

#archive_area .group_select .group_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 47px;
  padding: 0 18px;
  font-size: 16px;
  color: #000000;
  background-color: transparent;
  box-sizing: border-box;
  border: 1px #ddd solid;
  text-decoration-line: none;
  border-radius: 2px;
}

#archive_area .group_select > ul {
  position: absolute;
  list-style: none;
  bottom: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 112;
  overflow-y: auto;
  height: 200px;
  border: 1px solid #ccc;
  padding: 18px;
  visibility: hidden;
  box-sizing: border-box;
}

#archive_area .group_select .sub-menu {
  list-style: none;
}

#archive_area .group_select > ul > li .sector {
  font-size: 1em;
  color: #005c9c;
  margin: 10px 0;
  font-weight: 600;
}
#archive_area .group_select > ul > li a {
  font-size: 0.88em;
  color: #000;
  text-decoration-line: none;
}

#archive_area .group_select.active > ul {
  visibility: visible;
  height: 40vh;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

#archive_area .group_select > ul > li > ul > li + li {
  margin-top: 5px;
}


/* 컨텐츠 영역 */

#archive_area .content_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  row-gap: 15px;
  column-gap: 30px;

}
#archive_area .content_container > :nth-child(n+3):nth-child(-n+4) {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 348.55px;
  /* justify-content: end; */
}

#archive_area .archive_list_top p a { font-size:20px; font-family: NanumGothic;} 
#archive_area .archive_list_top p a::after {display: none;} 
#archive_area .archive_list_top { display: flex; justify-content: space-between; align-items: center;  } 
#archive_area .archive_list_top a { color: #000; font-size: 14px; font-weight: 700; } 
#archive_area .archive_list_top a::after { content: ''; display: inline-block; width: 16px; height: 16px; background: url(images/btn_more.svg) no-repeat; margin-left: 4px; vertical-align: -3px; } 
#archive_area .recommend_box_title,.go_to_title {
  font-family: NanumGothic;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}


#archive_area .archive_list_top a:hover { color: #3C70DF; } 
#archive_area .archive_list_top h3 a:hover { color: #3C70DF; } 

#archive_area .archive_list_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: repeat(2, auto);  
 gap: 24px;
 margin-top: 16px;
}

.business_containe,.industry_report_containe{
  min-height: 444px;
  }

.business_containe,.press_center_containe,
.people_culture_containe,.industry_report_containe{
  max-width: 360px;
}

#archive_area .archive_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  height: 187.22px;
}



#archive_area .archive_content:hover  {
  background-color: #3C70DF;
  border-radius: 6px;
}
#archive_area .archive_content:hover img {  
  background-color: #3C70DF;  
  border-bottom-left-radius: 0px;  
  border-bottom-right-radius: 0px;  
}
#archive_area .archive_content:hover .archive_text_box {
  color: #FFF;
}
#archive_area .archive_content:hover .archive_date {
  color: #FFF;
}

#archive_area .archive_content img {
  max-width: 170px;  
  width: 100%;       
  height: auto;     
  aspect-ratio: 16 / 9; 
  object-fit: cover; 
  border-radius: 6px;
  min-width:142px ;
}

#archive_area .archive_text_box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 6px;
max-width: 170px;
padding: 10px 8px; 
}
#archive_area .archive_title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-word;
}
#archive_area .archive_date {
  color: #000;

  font-family: 'Nanum Gothic';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;

}

#archive_area .archive_list_box_line {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 첫 줄 2개 */
  grid-template-rows: auto auto; /* 두 줄 */
  gap: 24px;
  margin-top: 16px;
}

#archive_area .archive_list_box_line > *:nth-child(3) {
  grid-column: span 2; /* 두 번째 줄의 첫 번째 요소가 전체 너비 차지 */
}

#archive_area .archive_line_title{
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.14px;
  width: 100%;
  padding: 12px 4px;
  border-top: #DCDCDC solid 1px;
}

#archive_area .line_bottom{
  border-bottom: #DCDCDC solid 1px;
}

#archive_area .archive_line_text{
  
overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;

}

@media all and (max-width:1024px) { 
  #archive_area .archive_area_inner {
 
    gap: 16px;
}
#archive_area .recommend_list {
 
  gap: 10px;

}
  #archive_area .content_container {

    row-gap: 15px;
    column-gap: 16px;
}
#archive_area .archive_content {

  height: 170.56px;
}
#archive_area .archive_list_box,
#archive_area .archive_list_box_line 
{
  gap: 12px;
}
.business_containe,.industry_report_containe{
  min-height: 404px;
  }
#archive_area .recommend_content img { 
  min-width: 124px;
}
#archive_area .content_container > :nth-child(n+3):nth-child(-n+4) {
  min-height: 312.81px;

}

#archive_area .recommend_date, #archive_area .recommend_title, 
#archive_area .archive_title, #archive_area .archive_date,
#archive_area .archive_line_title
{
  font-size: 12px;
}

#archive_area .go_to_container {
  margin-top: 30px;
}
#archive_area .recommend_text_box {
  margin-left: 12px;
}
#archive_area .group_box {
  min-width: 280px;
}
} 

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

  #archive_area .archive_area_inner {
   flex-direction: column;
   gap: 36px;
}
#archive_area .content_container {
  display: flex
  ;
      flex-direction: column;
      gap: 36px;
}
#archive_area .archive_content {

  height: 100%;
}

.business_containe,.industry_report_containe{
min-height: 0px;
}
#archive_area .content_container > :nth-child(n+3):nth-child(-n+4) {
  
  min-height: 0;
}
#archive_area .recommend_goto_container{

width: 100%;
    
}

.business_containe, .press_center_containe, .people_culture_containe, .industry_report_containe {
  max-width: none;
}
#archive_area .archive_content img {
  min-width:0;
  max-width: none;
}
#archive_area .archive_text_box {
  max-width: none;
}
#archive_area .recommend_title, 
#archive_area .archive_title, 
#archive_area .archive_line_title
{
  font-size: 14px;
}

#archive_area .recommend_date, #archive_area .archive_date{
  font-size: 13px;
}

#archive_area .group_box {
   min-width: 240px;
   margin-top: 12px;
}
#archive_area .archive_list_top p a {
  font-size: 18px;
}
#archive_area .recommend_box_title, .go_to_title {
  font-size: 18px;
}
#archive_area .go_to_container {
  margin-top: 37px;
}
#archive_area .recommend_img{
  width: 45%;
}
#archive_area .recommend_content img {
  max-width: none;
  min-width: 0;
}
#archive_area .recommend_text_box {
  max-width: none;
  width: 55%;
}
}






/* hover style */
@media all and (min-width:960px) { header .recommend li:hover { text-decoration:underline } 
 header .btn_srch:hover { background-image: url(images/btn_search_hover.svg); } 
 header .link_parallel_site:hover { background-image: url(images/btn_language_hover.svg); } 

.archive_list > li:hover .thumb { border-radius: 10px 10px 0 0; } 
/* .archive_list > li:hover .cont_wrap { background: #3C70DF; border-radius: 0 0 10px 10px; } 
.archive_list > li:hover .cont_wrap .title { color: #FFF; } 
.archive_list > li:hover .cont_wrap .tag li { color: #CFDEFF; } 
.archive_list > li:hover .cont_wrap .date { color: #FFF; } 
.archive_list > li:hover .cont_wrap .author { color: #FFF; } 
.archive_list > li:hover .cont_wrap .author::before { background: #fff; }  */
.custom_select .option_list ul li button:hover { background-color:#f4f4f4; } 
.index .media_contents .media_slide .slick-slide:hover .title { text-decoration: underline; } 
footer .link_wrap li:hover a { text-decoration: underline; } 
 footer .newsletter .btn_basic:hover { background: #17137A; } 
 footer .sns li:hover { background-color: #909090; } 
 footer .newsletter .custom_select .option_list ul li button:hover,
 footer .newsletter .custom_select .option_list ul li:first-child button:hover { background: #F1F1F1; } 
 }

 @media all and (max-width:1320px){
 .media_slide.inner { max-width: 1000px; } 
 .index .media_contents .slick-arrow.prev { margin-left: -545px; } 
.index .media_contents .slick-arrow.next { margin-right: -545px; } 
 }
 @media all and (max-width:1200px){
 .media_slide.inner { max-width: 900px; } 
 .index .media_contents .slick-arrow.prev { margin-left: -490px; } 
.index .media_contents .slick-arrow.next { margin-right: -490px; } 
 }
 @media all and (max-width:1000px){
 .media_slide.inner { max-width: 800px; } 
 .index .media_contents .slick-arrow.prev { margin-left: -440px; } 
.index .media_contents .slick-arrow.next { margin-right: -440px; } 
 }
 
 @media all and (max-width:960px){
 .index .archive_list-top { margin-top: 32px; } 
 .index .archive_list { flex-wrap: wrap; } 
 .index .archive_list > li { width: calc((100% - 24px) / 2); } 
 .cont_wrap { padding: 16px 0 0; } 
 .media_slide.inner { max-width: 660px; } 
 .index .archive_list-top h3 { font-size:20px; } 
 .banner_area { display: none; } 
 .index .media_contents .slick-arrow.prev { margin-left: -370px; } 
.index .media_contents .slick-arrow.next { margin-right: -370px; } 
.index .archive_list-top h3 a { font-size: 20px;}
 }

 @media all and (max-width:799px){
 .index .media_contents .slide_btn_wrap { display: none; } 
 .index .media_contents .controller { display: flex; } 
 .index .media_contents .cont_wrap { padding: 16px 0; } 
 }

 @media all and (max-width:767px){
 .index .archive_list { gap: 32px; } 
 .index .archive_list > li { width:100%; } 
 .index .media_contents { padding: 24px 0 40px; } 
 .index .media_contents .inner { padding: 0 15px; } 
 .index .media_contents .media_slide .slick-slide { opacity: 1; } 
 }


/**PAGE SINGLE**/
.single .post_detail .post_title { margin-bottom:30px; font-size:30px; line-height:1.6; } 
.single .post_detail .info { position:relative; padding-bottom:10px; border-bottom:1px solid #ccc; } 
.single .post_detail .meta { font-size:15px; color:#666; } 
.single .post_detail .author { padding-right:8px; border-right:1px solid #d5d5d5; margin-right:8px; font-size:15px; font-weight:700; color:#666; vertical-align:middle; } 
.single .post_detail .sns { position:absolute; right:0; bottom:10px; } 
.single .post_detail .sns li { width:24px; height:24px; margin-right:12px; background-size:120px auto; } 
.single .post_detail .sns li:last-child { margin-right:0; } 
.single .post_detail .sns .fb { background-position:-24px 0; } 
.single .post_detail .sns .ig { background-position:-48px 0; } 
.single .post_detail .sns .yt { background-position:-72px 0; } 
.single .post_detail .sns .li { background-position:-96px 0; } 
.single .post_detail .sns .url { background-position:0 -24px; } 
.single .post_detail .sns .mail { background-position:-24px -24px; } 
.single .post_detail .sns .kt { background-position:-48px -24px; } 
.single .post_detail .sns .tw { background-position:-72px -24px; } 
.single .post_detail .sns .btn_layer { display:none; } 
.single .post_content { padding:20px 0; font-size:17px; color:#454545; line-height:1.8; } 
.single .post_content:before,
.single .post_content:after { content:""; display:table; } 
.single .post_content:after { clear:both; } 
.single .post_content div { margin:0.7em 0 1.6em 0; } 
.single .post_content p { margin:0.7em 0 1.6em 0; } 
.single .post_content ul { margin:0.7em 0 1.6em 0; } 
.single .post_content h1, .single .post_content h2, .single .post_content h3, .single .post_content h4, .single .post_content h5, .single .post_content h6 { clear:both; color:#454545; font-weight:700; line-height:1.5; margin:0.4em 0 0.5em 0; } 
.single .post_content h2 { font-size:20px; } 
.single .post_content h3 { font-size:19px; } 
.single .post_content h4 { font-size:18px; } 
.single .post_content h5 { font-size:17px; } 
.single .post_content h6 { font-size:17px; } 
.single .post_content img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } 
.single .post_content video { width:100%; height:auto; } 
.single .post_content .alignright { display:inline; float:right; } 
.single .post_content .alignleft { display:inline; float:left; } 
.single .post_content .aligncenter { display:block; margin-right:auto; margin-left:auto; } 
.single .post_content .alignone { display:block; margin-right:auto; margin-left:auto; } 
.single .post_content .wp-caption { margin-bottom:1.6em; max-width:100%; } 
.single .post_content blockquote.alignleft,
.single .post_content .wp-caption.alignleft,
.single .post_content img.alignleft { margin: 0.4em 1.6em 1.6em 0; } 
.single .post_content blockquote.alignright,
.single .post_content .wp-caption.alignright,
.single .post_content img.alignright { margin: 0.4em 0 1.6em 1.6em; } 
.single .post_content blockquote.aligncenter,
.single .post_content .wp-caption.aligncenter,
.single .post_content img.aligncenter { clear: both; margin-top:0.4em; margin-bottom:1.6em; } 
.single .post_content .wp-caption.alignleft,
.single .post_content .wp-caption.alignright,
.single .post_content .wp-caption.aligncenter { margin-bottom: 1.2em; } 
.single .post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0; } 
.single .post_content .full_size_img { width:100%; height:auto; } 
.single .post_content .video_wrap { position:relative; width:100%; height:0; padding-bottom:56.25%; margin-bottom:1.2em; } 
.single .post_content .video_wrap iframe { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:0; } 
/*.single .post_content .wp-caption { max-width:100% !important; width:100%; height:auto; } */
.single .post_content .o_title { position:relative; padding-bottom:10px; font-weight:700; } 
.single .post_content .o_title:before { position:absolute; bottom:0; left:0; display:block; content:""; width:100%; height:2px; background-color:#b4b4b0; } 
.single .post_content .o_title:after { position:absolute; bottom:0; left:0; display:block; content:""; width:155px; height:2px; background-color:#2b36e2; } 
.single .post_content .o_remarks { padding-top:1.6em; border-top:1px solid #bbb; color:#454545; font-weight:700; text-align:center; } 
.single .post_content .o_imgset { text-align:center; margin:0.7em 0 1.6em 0; } 
.single .post_content .o_imgset figure { display:inline; width:auto; } 
.single .post_content .o_imgset figcaption { width:960px; padding-top:3px; margin:0 auto; font-size:14px; font-weight:700; color:#999; text-align:left; } 
.single .post_content .o_imgset figcaption a,
.single .post_content .o_imgset figcaption * { font-size:14px; } 
.single .post_content .wp-caption .wp-caption-text { padding-top:3px; margin:0; font-size:14px; font-weight:700; color:#666; text-align:left; } 
.single .post_content div.single-gallery { margin:30px 0 50px; } 
.single .post_content .single-gallery div { margin:0; } 

.single .kit { padding-top:20px; border-top:1px solid #bbb; } 
.single .tag { padding:10px 0; margin-bottom:20px; } 
.single .tag li { float:left; margin-right:20px; } 
.single .tag li a { font-size:17px; color:#333; } 
.single .tag li a:before { display:inline; content:"#"; } 
.single .tag li a:hover { font-weight:700; color:#165f8e; text-decoration:underline; } 

@media all and (max-width:960px){
 .single .post_detail .post_title { font-size:27px; } 
 .single .post_content { font-size:15px; } 
 .single .tag li a { font-size:15px; } 
 }
@media all and (max-width:768px){
 .breadcrumb.is_single { padding:13px 16px 0; } 
 #content.single { padding:16px; } 
 .single .post_detail .post_title { font-size:25px; margin-bottom:15px; } 
 .single .post_detail .sns .btn_layer { display:block; width:28px; height:28px; background:url(images/icon_sns_m.png) no-repeat -108px -36px; background-size:180px auto; } 
 .single .post_detail .sns ul { display:none; } 
 }
@media all and (max-width:480px){
 .single .post_detail .meta { font-size:14px; } 
 .single .post_detail .post_title { font-size:20px; } 
 .single .post_content { padding:10px 0; font-size:14px; } 
 .single .kit { padding-top:10px; } 
 .single .tag li { margin-right:10px; } 
 .single .tag li a { font-size:14px; } 
 .single .writer_info .name { font-size:14px; } 
 .single .writer_info .anchor_mail { font-size:14px; } 
 .single .writer_info .desc { font-size:12px; } 
 .single .post_content h2 { font-size:18px; } 
 .single .post_content h3 { font-size:17px; } 
 .single .post_content h4 { font-size:16px; } 
 .single .post_content h5 { font-size:15px; } 
 .single .post_content h6 { font-size:14px; } 
 .single .post_content .o_imgset figcaption,
 .single .post_content .o_imgset figcaption a,
 .single .post_content .o_imgset figcaption * { font-size:12px; } 
 .single .post_content .wp-caption .wp-caption-text { font-size:12px; } 
 .single .post_content div.single-gallery { margin:15px 0 40px; } 
 }

.related_post { font-size:1em; } 
.related_post { padding:30px; border-top:1px solid #ddd; } 
.related_post .section_title { font-size:20px; font-weight:700; color:#333; margin-bottom:15px; } 
.related_post ul { margin-right:-30px; } 
.related_post li { float:left; width:33.3333%; padding-right:30px; } 
.related_post li .thumb_wrap { overflow:hidden; position:absolute; top:0; left:0; width:120px; height:100%; } 
.related_post li .thumb { width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out; -ms-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out; } 
.related_post li a { position:relative; display:block; width:100%; height:100%; min-height:120px; padding:10px 10px 10px 130px; font-size:14px; color:#333; background-color:#f4f4f4; } 
.related_post li .cont_wrap { display: block; padding: 0; } 
.related_post a:hover .thumb { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
.related_post .title { overflow:hidden; height:2.8em; margin-bottom:12px; line-height:1.4em; } 
.related_post a:hover .title { text-decoration:underline; } 
.related_post .category { display:inline-block; padding:3px 5px; margin-bottom:10px; font-size:13px; font-weight:700; color:#fff; line-height:18px; background-color:#6e7579; } 
.related_post .meta { font-size:12px; color:#666; } 
.related_post .author { padding-right:8px; border-right:1px solid #d3d3d3; margin-right:8px; font-weight:700; color:#666; } 

@media all and (max-width:960px){
 .related_post { padding:16px; } 
 .related_post ul { margin-right:-16px; } 
 .related_post li { float:left; width:33.3333%; padding-right:16px; } 
 }
@media all and (max-width:850px){
 .related_post li .thumb_wrap { width:100px; } 
 .related_post li a { padding-left:110px; } 
 }
@media all and (max-width:768px){
 .related_post .section_title { font-size:18px; } 
 .related_post ul { margin-right:0; } 
 .related_post li { width:100%; padding-right:0; margin-bottom:8px; } 
 .related_post li .thumb_wrap { width:120px; } 
 .related_post li a { padding-left:130px; } 
 }

/**PAGE SINGLE_IMAGE, SINGLE_VIDEO 공통**/
.post_multimedia .post_title { margin-top:26px; margin-bottom:16px; font-size:24px; line-height:1.6; } 
.post_multimedia .post_content { padding:0; font-size:17px; color:#454545; line-height:1.8; } 
.post_multimedia .post_content img { max-width:100%; margin:0 auto; } 
.post_multimedia .meta { padding-bottom:20px; border-bottom:1px solid #ededed; position:relative; } 
.post_multimedia .date { font-size:15px; color:#666; display:block; } 
.post_multimedia .description { padding:20px 0; border-bottom:1px solid #bbb; font-size:17px; color:#454545; line-height:1.8; } 
.post_multimedia .btn_wrap { padding:20px 0; text-align:right; } 
.post_multimedia .btn_wrap .btn_go_list { min-width:100px; } 
.post_multimedia .btn_down { width:36px; height:36px; position:absolute; right:0; bottom:10px; background:url(images/icon_sns.png) no-repeat 0 -64px; } 

@media all and (max-width:960px){
 .post_multimedia .post_title { font-size:22px; } 
 .post_multimedia .post_content { font-size:15px; } 
 .post_multimedia .description { font-size:15px; } 
 }
@media all and (max-width:768px){
 .post_multimedia .post_title { font-size:20px; } 
 .post_multimedia .meta { padding-bottom:10px; } 
 .post_multimedia .btn_wrap { text-align:center; } 
 .post_multimedia .btn_down { bottom:5px; width:32px; height:32px; background:url(images/icon_sns_m.png) no-repeat 0 -72px; background-size:180px auto; } 
 }
@media all and (max-width:480px){
 .post_multimedia .post_title { margin:10px 0 15px; font-size:18px; } 
 .post_multimedia .post_content { font-size:14px; } 
 .post_multimedia .description { padding:10px 0; font-size:14px; } 
 }

/**PAGE ARCHIVE_IMAGE**/
.justified-gallery > a { overflow:hidden; } 
.justified-gallery > a > .cover { position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/bg_list.png) repeat-x 0 0; background-size:auto 100%; font-size:14px; font-weight:bold; } 
.justified-gallery > a > .cover > p.caption_title { display:none; position:absolute; bottom:0; left:0; width:100%; color:#ffffff; font-size:14px; padding:12px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.justified-gallery > a:hover > .cover > p.caption_title { display:block; } 
.justified-gallery > a:focus > .cover > p.caption_title { display:block; } 

@media all and (max-width:768px){
 .justified-gallery > a > .cover > p.caption_title { display:block; font-size:16px; } 
 }

/**PAGE ARCHIVE_VIDEO**/
.archive.video .icon_play { position:absolute; top:38.18%; left:43.335%; width:13.33%; height:23.64%; background:url(images/icon_video.png) no-repeat left top; background-size:contain; } 

/**PAGE ARCHIVE_AUTHOR**/
.archive.author .text_date { margin-left:5px; font-size:12px; color:#666; } 

/**PAGE SEARCH, ARCHIVE_AUTHOR**/
h3.archive_title { font-size:18px; margin:10px 0; } 
.result_board h4.result_text { font-size:24px; margin-top:15px; padding:20px 0; } 
.result_board h4 span.search_text { color:#005386; } 
@media all and (max-width:768px){
 .result_board h4.result_text { padding:10px 0; font-size:18px; } 
 }

/**PAGE_SEARCH**/
/* result_block 검색결과가 있을 때*/
.result_board .result_block ul.item { font-size:16px; border-top:1px solid #005386; } 
.result_board .result_block ul.item li { border-bottom:1px solid #ccc; font-size:1em; padding:20px 0; } 
.result_board .result_block ul.item li:nth-child(1) { border-top:0 } 
.result_board .result_block ul.item li:last-child { margin-bottom:0; } 
.result_board .result_block ul.item li .title { font-size:1em; color:#333333; font-weight:bold; overflow:hidden; line-height:1.8em; height:1.8em; } 
.result_board .result_block ul.item li .text { height:3.6em; line-height:1.8em; font-size:0.875em; color:#666; margin:11px 0 30px; overflow:hidden; } 
.result_board .result_block ul.item li .type { background:#6e7579; color:#fff; padding:4px 9px; font-size:0.875em; font-weight:bold; } 
.result_board .result_block ul.item li .right { display:inline-block; color:#666; } 
.result_board .result_block ul.item li .right span { padding:0 10px; font-size:0.875em; } 
.result_board .result_block ul.item li .right .user { font-weight:bold; border-right:1px solid #dadada; } 
.result_board .result_block ul.item li .right .text_date { padding-right:0; } 
.result_board .result_block ul.item li:hover .title { text-decoration:underline; } 
.result_board .result_block ul.item li a { display:block; position:relative; height:135px; width:100%; padding-right:0; } 
.result_board .result_block ul.item li .desc { display:table-cell; padding-right:310px; } 
.result_board .result_block ul.item li .thumb_wrap { position:absolute; top:0; right:0; width:240px; height:100%; } 
.result_board .result_block ul.item li .thumb_wrap .thumb { display:inline-block; vertical-align: middle; overflow: hidden; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } 

@media all and (max-width:768px){
 .result_board .result_block ul.item li { padding:10px 0 15px; } 
 .result_board .result_block ul.item li .text { display:none; } 
 .result_board .result_block ul.item li .type { font-size:0.75em; padding:4px 6px; } 
 .result_board .result_block ul.item li .right span { font-size:0.75em; } 
 .result_board .result_block ul.item li .info { padding:10px 0 15px; } 
 .result_board .result_block ul.item li .thumb_wrap { padding-top:56.31%; } 
 .result_board .result_block ul.item li a { padding-right:0; height:auto; } 
 .result_board .result_block ul.item li .desc { display:block; padding-right:0; } 
 .result_board .result_block ul.item li .thumb_wrap { position:relative; width:100%; height:0; padding-top:56.03%; } 
 .result_board .result_block ul.item li .thumb_wrap .thumb { position:absolute; top:0; left:0; width:100%; height:100%; } 
 }
@media all and (max-width:480px){
 .result_board .result_block ul.item li .title { padding:0; font-size:16px; } 
 }
@media all and (max-width:320px){
 .result_board .result_block ul.item li .right span { padding:0 5px; } 
 }

/* result_none 검색결과가 없을 때*/
.result_none { text-align:center; padding:40px 0; border-top:1px solid #005386; border-bottom:1px solid #bbbbbb; font-size:14px; letter-spacing:0.001em; line-height:1.7; } 
.result_none p.impact { font-weight:bold; font-size:1.142em; margin:42px 0 22px; } 

@media all and (max-width:600px){
 .result_none .desc img { width:21%; min-width:75px; } 
 .result_none p.impact { margin-top:30px; } 
 }

@media all and (max-width:340px){
 .result_none { font-size:13px; } 
 }

/* srch_wrap 검색 레이아웃 */
.srch_wrap .wrapper { width:100%; background:#f3f7fa; border:1px solid #e6eef1; } 
.srch_wrap .list_title { position:absolute; top:0; left:0; line-height:36px; color:#666; font-weight:bold; } 
.custom_select { position:relative; } 
.custom_select .option_select { position:relative; font-size:0; display:block; } 
.custom_select .option_list .select_btn { width:100%; height:36px; color:#333333; font-weight:400; text-align:left; padding:0 25px 0 10px; box-sizing:border-box; border:1px solid #cdcdcd; border-radius:1px; font-size:14px; background:#fff url(images/blet_arrow.png) no-repeat 100% 50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
.custom_select .option_list.on .select_btn { background-image:url(images/blet_arrow_on.png) } 
.custom_select .option_list { position:relative; display:inline-block; font-size:14px; vertical-align:top; } 
.custom_select .option_list.on { z-index:102; } 
.custom_select .option_list ul { display: none; width: 100%; position: absolute; top: 1px; left: 0; min-height: 160px; height: 200px; z-index: 102; } 
 .custom_select .option_list.on ul { display: block; } 
.custom_select .option_list ul li button { display:block; width:100%; font-size:14px; color:#4c4c4c; font-weight:400; text-align:left; box-sizing:border-box; padding-left:10px; border:1px solid #cdcdcd; border-top:none; background:#ffffff; } 
.custom_select .option_list ul li.on button { font-weight:600; background-color: #f1f1f1; } 
.custom_select .option_list ul li.on button,
.custom_select .option_list ul li:first-child button,
.custom_select .option_list .change_text { color:#4c4c4c; } /* addClass */
.custom_select .option_list ul li:first-child button, .custom_select .option_list ul li:first-child button:hover { background:#fff url(images/blet_arrow_on.png) no-repeat 100% 50%; color:#bdbdbd; } 
/* archive_new_letter > custom_select */
.srch_wrap .option_select { max-width:965px; margin-top:10px; margin-right:160px; padding-top:30px; padding-left:55px; } 
.srch_wrap .option_list { width:33.3%; padding-left:40px; } 
.srch_wrap .option_list.search_option1 { width:31.2%; margin-right:2%; padding-left:53px; } 
.srch_wrap .option_list.search_option1 .list_title { width:47px; text-align:right; } 
.srch_wrap .option_list.search_option2 { width:29.4%; margin-right:2%; } 
.srch_wrap .option_list.search_option3 { width:35.4%; margin-right:0; padding-left:98px; } 
.srch_wrap .option_list.search_option1 ul { padding-left:53px; } 
.srch_wrap .option_list.search_option2 ul { padding-left:40px; } 
.srch_wrap .option_list.search_option3 ul { padding-left:98px; } 
.srch_wrap .option_list ul li button { height:36px; } 
.srch_wrap .option_list ul li:first-child button { height:36px; } 
.srch_wrap .option_list ul li:first-child button,
.srch_wrap .option_list ul li:first-child button:hover { height:36px; } 
#search_btn {color: #000;}

/* 검색 페이지 결과박스 추가 */
.result_box { position:relative; font-size:0; max-width:965px; padding:15px 0 15px 55px; margin-right:160px; } 
.result_box span.list_title { font-size:14px; } 
.result_box .buttom_search { display:block; width:100%; box-sizing:border-box; height:36px; background:none; padding:0 0 0 53px; position:relative; } 
.result_box .result_btm_area { position:relative; width:100%; max-width:864px; height:36px; border:1px solid #bbbbbb; background-color:#fff; text-align:left; } 
.result_box .result_btm_area input[type="text"] { width:100%; height:100%; font-size:14px; color:#000; border:0; box-sizing:border-box; } 
.result_box .result_btm_area button { position:absolute; top:-1px; right:-105px; float:left; width:100px; height:36px; background:#fff; border:1px solid #333333; font-weight:600; } 
.result_box .other_date { display:inline-block; margin-top:15px; margin-left:53px; color:#005386; font-size:14px; font-weight:600; text-decoration:underline; } 
.result_box .other_date:before { content:''; display:inline-block; width:12px; height:12px; background:url(images/posco_sprite.png) no-repeat -60px -40px; vertical-align:middle; margin-right:5px; } 
.result_box + .notice { padding:0 70px 30px 108px; font-size:14px; font-weight:bold; color:#666; line-height:1.6em; } 
.result_box + .notice .nowrap { white-space:nowrap; } 
@media all and (max-width:1080px){
 .custom_select .option_select li:first-child button { background-image:url(images/blet_arrow_m.png); background-size:20px auto; background-repeat: no-repeat; background-position: right; } 
 .custom_select .option_list.search_option1 { width:54.1%; margin-right:1.8%; padding-left:98px; } 
 .srch_wrap .option_list.search_option2 { width:44.1%; margin-right:0 } 
 .srch_wrap .option_list.search_option3 { width:100%; margin-top:10px; } 
 .srch_wrap .option_list.search_option1 .list_title { width:92px; } 
 .srch_wrap .option_list.search_option1 ul { padding-left:98px; } 
 .result_box { padding-top:10px; } 
 .result_box span.list_title { width:93px; text-align:right; } 
 .result_box .buttom_search { padding-left:98px; } 
 .result_box .other_date { margin-left:90px; } 
 .result_box + .notice { padding:0 55px 30px 153px; } 
 }
@media all and (max-width:768px){
 .srch_wrap .option_select { padding-left:20px; margin-right:115px; } 
 .srch_wrap .option_list.search_option1 { width:100%; margin-right:0; padding-left:98px; } 
 .srch_wrap .option_list.search_option2 { width:100%; margin-right:0; margin-top:10px; padding-left:98px; } 
 .srch_wrap .option_list.search_option3 { width:100%; margin-top:10px; } 
 .srch_wrap .option_list.search_option1 ul,
 .srch_wrap .option_list.search_option2 ul,
 .srch_wrap .option_list.search_option3 ul { padding-left:98px; } 
 .srch_wrap .option_list.search_option1 .list_title,
 .srch_wrap .option_list.search_option2 .list_title { width:93px; text-align:right; } 
 .result_box { padding-left:20px; margin-right:115px; } 
 .result_box + .notice { padding:0 15px 30px 118px; } 
 }
@media all and (max-width:600px){
 .srch_wrap .option_select { padding-right:17px; padding-top:17px; } 
 .srch_wrap .option_select { width:100%; } 
 .srch_wrap .option_list { padding-left:0; } 
 .srch_wrap .option_list .list_title { display:none; } 
 .srch_wrap .option_list.search_option1 { width:100%; padding-left:0; } 
 .srch_wrap .option_list.search_option2 { width:100%; margin-right:0; padding-left:0; } 
 .srch_wrap .option_list.search_option3 { width:100%; padding-left:0; } 
 .srch_wrap .option_list.search_option1 ul { padding-left:0; } 
 .srch_wrap .option_list.search_option2 ul { padding-left:0; } 
 .srch_wrap .option_list.search_option3 ul { padding-left:0; } 
 .result_box { width:100%; padding-right:17px; padding-bottom:17px; } 
 .result_box .buttom_search { padding-left:0; } 
 .result_box .result_btm_area button { top:45px; right:50%; margin-right:-50px; } 
 .result_box .other_date { margin-left:0; text-align:center; display:block; margin-top:60px; } 
 .srch_wrap .result_board h4.result_text { font-size:18px; padding:10px 0 } 
 .result_box + .notice { padding:40px 17px 27px; } 
 }

/* 달력 datepicker css */
.search_dimm { display:none } 
.srch_date { display:none; position:absolute; top:75px; left:0; z-index:200; width:616px; padding:20px 19px 20px; background-color:#ffffff; border:1px solid #bbbbbb } 
.srch_date .wrap { position:relative; } 
.srch_date .dates { float:left; width:280px; } 
.srch_date .bar { float:left; width:16px; text-align:center; color:#3d3d3d; font-size:16px; line-height:36px } 
.srch_date .dates input { width:100%; height:36px; border:1px solid #c4c4c4; text-align:center; margin-bottom:16px; border-radius:0; } 
.srch_date .dates input:focus { border-color:#005386; color:#005386; } 
.srch_date .btns { text-align:center; padding-top:10px; font-size:0 } 
.srch_date .btns button { margin:0 8px } 
.srch_date .btns .btn_ok { display:inline-block; width:100px; height:36px; font-size:14px; font-weight:600; line-height:36px; border:1px solid #454545; background:#fff; } 
.srch_date .btns .btn_cancel { display:inline-block; width:100px; height:36px; font-size:14px; font-weight:600; line-height:36px; border:1px solid #454545; background:#fff; } 

/* datepicker */
.ui-datepicker { width:280px; padding:0;margin-top: 5px;} 
.ui-datepicker td { padding:0; border:1px solid #eee; } 
.ui-datepicker tr td:first-child { border-left-color:#bbb; } 
.ui-datepicker tr td:last-child { border-right-color:#bbb; } 
.ui-datepicker tr:last-child td { border-bottom:0; } 
.ui-datepicker table { font-size:12px; margin:0; } 
.ui-datepicker table thead th:first-child { border-left:1px solid #bbb; } 
.ui-datepicker table thead th:last-child { border-right:1px solid #bbb; } 
.ui-datepicker table tbody { border:0; } 
.ui-datepicker td span,
.ui-datepicker td a { height:31px; padding:7px 0 0; text-align:center; } 
.ui-widget-content .ui-state-default { border:0; border-color:#eee; } 
.ui-widget-content .ui-state-default.ui-state-highlight { background-color: #f3f7fa;color: #005386;border: 1px solid #005386;}
.ui-state-default,
.ui-widget-content .ui-state-default { color:#3d3d3d; background-color:#fff; } 
.ui-widget.ui-widget-content { border:0; border-bottom:1px solid #bbb; border-radius:0; } 
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled { opacity:1; } 
.ui-state-disabled .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-state-default { color:#bdbdbd; } 
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { background-color:#f3f7fa; color:#005386; border:1px solid #005386; } 
.ui-datepicker .ui-datepicker-header { height:36px; padding:0; border-radius:0; border:1px solid #bbb; border-bottom-color:#dbdcdd; background-color:#eeeeee; color:#005386; } 
.ui-datepicker .ui-datepicker-title { font-size:14px; line-height:36px; } 
.ui-datepicker th { font-family:verdana; text-transform:uppercase; font-weight:normal; color:#6a6a6a; font-size:11px; } 
.date_min .ui-state-default { background-color:#fff; color:#3d3d3d; } 
.date_min .ui-state-default.ui-state-active { background-color:#2575dd; color:#fff; } 
.date_min .ui-state-default.ui-state-highlight { background-color:#2575dd; color:#fff;}
.period .ui-state-default,
.period .ui-widget-content .ui-state-default { background:#fff; background:linear-gradient(#ffffff, #fff); color:#3d3d3d } 
.ui-widget-header .ui-icon { background:none; } 
.ui-icon { width:30px; height:30px; } 
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span { margin-left:-15px; margin-top:-15px; } 
.ui-datepicker .ui-datepicker-prev { left:19px; top:15px; background:url(images/posco_sprite.png) no-repeat 0 -40px; width:7px; height:8px; cursor:pointer } 
.ui-datepicker .ui-datepicker-prev-hover { background:url(images/posco_sprite.png) no-repeat 0 -40px; border:0; } 
.ui-datepicker .ui-datepicker-next { right:19px; top:15px; background:url(images/posco_sprite.png) no-repeat -9px -40px; width:7px; height:8px; cursor:pointer } 
.ui-datepicker .ui-datepicker-next-hover { background:url(images/posco_sprite.png) no-repeat -9px -40px; border:0; } 
/* .ui-widget select {font-family: 'Nanum Gothic'}; */
.ui-datepicker select.ui-datepicker-year {width: 35%; margin-right: 5px;font-family: 'Nanum Gothic'}
.ui-datepicker select.ui-datepicker-month {width: 35%; margin-left: 7px;font-family: 'Nanum Gothic'}
@media (max-width:768px){
 .search_dimm { position:fixed; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.8); z-index:2001; } 
 .srch_date { position:fixed; width:96%; max-width:320px; padding:20px 19px; left:0; margin:-174px 0 0 -160px; top:50%; z-index:9999 } 
 .srch_date .wrap { padding-top:37px; } 
 .srch_date .dates input { position:absolute; top:0; width:130px; } 
 .srch_date .date_start input { left:0; } 
 .srch_date .date_end input { right:0; } 
 .srch_date .bar { position:absolute; left:131px; top:0; width:18px; } 
 .srch_date .dates { width:280px; } 
 .srch_date .dates > div { display:none; } 
 .srch_date .dates.date_show > div { display:block; } 
 .srch_date .dates.date_show input { border-color:#2575dd; } 
 .srch_date .dates.date_show input:focus { color:#005386; } 
 .ui-datepicker table { /* width:86%; */ margin:0 auto; } 
 .srch_date .dates { padding-top:11px; } 
 .srch_date .dates.date_end { padding-top:0; } 
 .srch_date .btns { padding-top:10px; } 
 .srch_date .btns button { margin:0 5px; } 
 .ui-datepicker {width: 280px;}
 .noscroll {
   overflow: hidden;
 }
 }

@media (max-width:400px){
 .srch_date { padding-left:20px; padding-right:20px; margin-left:0; left:2%; max-width:100%; } 
 .srch_date .dates { width:100%; } 
 .srch_date .dates input { width:47%; } 
 .srch_date .bar { left:47%; width:6%; } 
 .ui-datepicker {width: 342px;}
 }
 @media (max-width:375px){
   .ui-datepicker {width: 318px;}
 }
 @media (max-width:320px){
   .ui-datepicker {width: 266px;}
 }
@media (max-width:300px){
 .srch_date .btns .btn_ok,
 .srch_date .btns .btn_cancel { width:80px; } 
 .ui-datepicker {width: 247px;}
 }

/** archive_news_letter **/
/* _select box */
.archive_news_letter .custom_select .option_list { width:auto; padding-left:0; } 
.archive_news_letter .custom_select .option_list.search_option1 { width:auto; margin-right:0; padding-left:0; } 
.archive_news_letter .custom_select .option_list.search_option2 { width:auto; margin-right:0; } 
.archive_news_letter .custom_select .option_list.search_option1 ul { padding-left:0; } 
.archive_news_letter .custom_select .option_list.search_option2 ul { padding-left:0; } 
.archive_news_letter .custom_select .option_list .select_btn { width:130px; height:40px; line-height:40px; border-color:#757575; } 
.archive_news_letter .custom_select .option_list li:first-child button { border-color:#757575; } 
.archive_news_letter .custom_select .option_list li button { height:40px; line-height:40px; } 
.archive_news_letter .custom_select .option_list li.option0 button,
.archive_news_letter .custom_select .option_list li.option0 button:hover { height:40px; } 
.archive_news_letter .custom_select .option_list.search_option2 .select_btn { border-left:0; } 
.archive_news_letter .custom_select .option_select { margin-top:10px; padding:0; margin-right:0; max-width:none; } 
.archive_news_letter .custom_select .option_list ul li:first-child button,
.archive_news_letter .custom_select .option_list ul li:first-child button:hover { height:39px; } 

/* _news_letter_image */
.news_letter_image { overflow:hidden; max-width:1140px; margin-top:19px; margin-bottom:-1.4%; } 
.news_letter_image ul { margin-right:-2.9%; letter-spacing:-10px; } 
.news_letter_image li { width:25%; padding-right:2.9%; margin-bottom:4.2%; text-align:center; display:inline-block; vertical-align:top; letter-spacing:0; } 
.news_letter_image a { display:block; width:100%; height:100%; padding:1px; } 
.news_letter_image .thumb_wrap { position:relative; background-color:#eeeeee; width:100%; height:0; padding-top:176.9%; box-sizing:border-box; border:1px solid #ddd; } 
.news_letter_image .thumb { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:0 0; } 
.news_letter_image .thumb:after { content:''; display:none; position:absolute; top:50%; left:50%; width:48px; height:48px; margin-top:-24px; margin-left:-24px; background:url(images/letter_over_icon.png); } 
.news_letter_image a:hover .thumb:before { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); } 
.news_letter_image a:hover .thumb:after { display:inline-block; } 
.news_letter_image .letter_title { font-size:18px; color:#333; font-weight:bold; margin-top:12px; margin-bottom:7px; overflow:hidden; text-overflow:ellipsis; max-height:3.6em; line-height:1.8em; text-align:left; } 
.news_letter_image .letter_date { font-size:13px; color:#787878; text-align:left; } 
.news_letter_image a:hover .letter_title { text-decoration:underline; } 

@media(max-width:960px){
 .news_letter_image li { width:33.33%; margin-bottom:5.5%; } 
 .news_letter_image a:hover .thumb:before { background:none } 
 .news_letter_image a:hover .thumb:after { display:none } 
 }
@media(max-width:768px){
 .archive_news_letter .custom_select .option_list .select_btn { width:100px; height:40px; line-height:40px; } 
 .archive_news_letter .custom_select .option_list.search_option2 { margin-top:0; } 
 .archive_news_letter .custom_select .option_select { width:200px; margin:10px auto 0; } 
 .news_letter_image li { width:50%; margin-bottom:6.8%; } 
 }
@media(max-width:480px){
 .news_letter_image { margin-bottom:-9%; } 
 .news_letter_image li { width:100%; margin-bottom:9% } 
 .news_letter_image .letter_title { min-height:initial; } 
 }

/**PAGE EMAIL, NEWSLETTER 공통**/
.inquire { color:#333; } 
.inquire .page_title { margin:20px 0; padding: 10px 0; } 
.inquire .sub_title { line-height:30px; font-size:16px; color:#333; border-bottom:none; } 
.inquire h3 { margin:39px 0 12px; line-height:28px; font-size:18px; font-weight:bold; color:#333; display:block; } 
.inquire .post_content { padding:19px 58px 20px; font-size:14px; color:#787878; border:1px solid #e6eef1; background:#f3f7fa; } 
.inquire .post_content ul li { color:#333; } 
.inquire .post_content textarea { width:100%; height:198px; line-height:25px; padding:14px 20px 24px; border:1px solid #bbb; background:#fff; resize:none; } 
.inquire .post_content .mobile_text_area_title { text-decoration:underline; font-weight:bold; color:#005386; display:none; } 
.inquire input { border-radius:0; } 
.inquire .btn_wrap { padding:20px 0; text-align:center; } 
.inquire .email_input input { width:52.631%; vertical-align:top; } 
.inquire .email_input .sign { width:3%; display:inline-block; font-size:14px; line-height: 36px; text-align:center; vertical-align:top; } 
.inquire .email_input input + .sign + label + input { width:24.153%; vertical-align:top; } 
.inquire .email_write .email_option { width:17.647%; float:right; position:relative; vertical-align:top; } 
.inquire .email_write .email_option .select_btn { width:100%; border:1px solid #bbb; background:#fff url(images/blet_arrow.png) no-repeat 100% 50%; } 
.inquire .email_write .email_option .select_btn:hover { background:#fff url(images/blet_arrow.png) no-repeat 100% 50%; } 

/**select ul**/
.inquire .email_write .email_option ul { width:100%; position:absolute; top:1px; left:0; } 
.inquire .email_write .email_option button { width:100%; height:36px; padding-left:10px; padding-right:30px; text-align:left; margin-bottom:0; font-size:14px; color:#4c4c4c; font-weight:400; box-sizing:border-box; border:1px solid #cdcdcd; border-top:none; background:#fff; } 
.inquire .email_write .email_option li:first-child button { color:#bdbdbd; background:#fff url(images/blet_arrow_on.png) no-repeat 100% 50%; } 
.inquire .email_write .email_option li:first-child button:hover { background:#fff url(images/blet_arrow_on.png) no-repeat 100% 50%; } 
.inquire .email_write .email_option button:hover { background:#f4f4f4; } 

@media all and (max-width:810px){
 .inquire .page_title { margin:20px 0 13px; } 
 .inquire .sub_title { line-height:22px; font-size:14px; } 
 .inquire h3 { margin:17px 0 4px; line-height:28px; font-size:16px; } 
 .inquire .post_content { padding:15px 16px 15px; } 
 .inquire .post_content li { line-height:22px; } 
 .inquire .email_input input { width:100%; margin-bottom:10px; } 
 .inquire .email_input .sign { width:5%; } 
 .inquire .email_input input + .sign + label + input { width:46%; } 
 .inquire .email_input .email_option { width:46%; float:right; } 
 .inquire .email_input .email_option button { height:36px; padding-left:10px; padding-right:30px; text-align:left; color:#333; } 
 .inquire .email_input .email_option .select_btn { width:100%; border:1px solid #bbb; background:#fff url(images/blet_arrow.png) no-repeat 100% 50%; } 
 }
@media all and (max-width:480px){
 .inquire .email_input .sign { width:6%; } 
 .newsletter .post_content .mobile_text_area_title { margin-bottom:13px; display:inline-block; } 
 .inquire .post_content .onlydesktop { display:none; } 
 .inquire .post_content .personal_information label { display:none; } 
 }

/* newsletter */
.newsletter .post_content .check label { line-height:36px; padding-left:32px; font-size:14px; } 
.newsletter .post_content .alert { margin-top:14px; color:#666; } 
.newsletter .email_write { line-height:36px; padding:20px 59px 24px; font-size:13px; font-weight:bold; color:#666; border:1px solid #e6eef1; background:#f3f7fa; position:relative; } 
.newsletter .btn_basic { min-width:180px; } 

@media all and (max-width:810px){
 .newsletter .post_content .check { margin-top:6px; } 
 .newsletter .post_content .check label { line-height:22px; margin-bottom:10px; } 
 .newsletter .post_content .check .m_block { display:block; } 
 .newsletter .post_content .alert { margin-top:10px; } 
 .newsletter .email_write { padding:15px; } 
 }

/* email */
.email .post_content > ul > li { line-height:36px; margin-bottom:15px; font-weight:bold; color:#666; } 
.email .post_content > ul > li.set { padding-left:70px; position:relative; } 
.email .post_content li:last-child { margin-bottom:0; } 
.email .post_content .set .email_title { position:absolute; top:0; left:0; } 
.email .post_content .name .email_title { left:13px; } 
.email .post_content .title .email_title { left:13px; } 
.email .post_content .content .email_title { margin-left:13px; } 
.email .post_content .email_title:after { content:":"; margin:0 4px; } 
.email .post_content .personal_information label:after,
.email .post_content .check label:after { display:none; } 
.email .post_content input { width:58.586%; vertical-align:top; } 
.email .post_content .email_input input + .sign + label + input { width:20.739%; } 
.email .post_content .email_input .email_option { width:16.565%; } 
.email .post_content .title { margin-bottom:19px; } 
.email .post_content .title input { width:93.542%; width:100%; } 
.email .post_content .personal_information { margin-bottom:0; } 
.email .post_content .personal_information label,
.email .post_content .check label { width:100%; text-align:left; margin-left:0; float:none; } 
.email .post_content .check { line-height:22px; } 
.email .post_content .check label { padding-left:30px; margin-top:10px; } 
.email .post_content .check input[type="checkbox"] + label:before { top:0; } 


.email .check label { cursor:pointer; display:inline-block; position:relative;  } 
.email .check input[type="checkbox"] { width:1px; height:1px; overflow:hidden; padding:0; margin:-1px; position:absolute; clip:rect(0,0,0,0); border:0; visibility:hidden; } 
.email .check input[type="checkbox"] + label:before { content:""; width:18px; height:18px; background:#fff; border:1px solid #bbb; position:absolute; top:8px; left:0; } 


.email .check input[type="checkbox"]:checked + label:before {
  border: 1px solid #555;
  background: #555 url(images/btn_check.svg) no-repeat center;
}









@media all and (max-width:810px){
 .email .post_content > ul > li { margin-bottom:10px; } 
 .email .post_content > ul > li.set { padding-left:0; position:static; } 
 .email .post_content .set .email_title { position:static; text-align:left; } 
 .email .post_content .content .email_title { margin-left:0; } 
 .email .post_content .email_title:after { display:none; } 
 .email .post_content input { width:100%; } 
 .email .post_content input { width:100%; } 
 .email .post_content .email_input input + .sign + label + input { width:46%; } 
 .email .post_content .email_input .email_option { width:46%; } 
 .email .post_content .check label { margin-top:10px; } 
 }
@media all and (max-width:530px){
 .email .sub_title .m_block { display:block; } 
 }
@media all and (max-width:480px){
 .email .post_content .check label { margin-top:8px; } 
 .email .post_content .mobile_text_area_title { display:block; } 
 }
@media all and (max-width:360px){
 .email .post_content .title { margin-bottom:15px; } 
 .email .post_content .check label { line-height:22px; margin-top:3px; } 
 }

/**PAGE PRIVACY, POLICY, 소개페이지 공통**/
#content.terms .post_detail .info { margin-top:57px; border-bottom:1px solid #999; } 
#content.terms .post_title { margin-bottom:20px; text-align:center; } 
.terms .post_content { font-size:16px; } 
.terms .post_content .text { margin:24px 0 28px; } 
.terms .post_content .text h2 { color:#333; } 
.terms .post_content .text p { margin-bottom:0; } 
.terms .post_content .text li { padding-left:14px; position:relative; } 
.terms .post_content .text li:before { content:"•"; color:#005386; position:absolute; top:0; left:0; } 
.terms .post_content .text li .word { word-break:keep-all; word-wrap:break-word; } 

/* single policy */
.policy .post_content .text h2 { margin-bottom:10px; font-size:24px; } 
.policy .post_content .text { padding-bottom:33px; border-bottom:1px solid #eee; } 
.policy .post_content .text:first-child { margin-top:13px; } 
.policy .post_content .text ul { margin-top:36px; } 
.policy .post_content .text a { text-decoration: underline; color: #336699; } 

/* single privacy */
.privacy .post_content .sub_title { margin-top:19px; margin-bottom:33px; } 
.privacy .post_content .text { margin-bottom:33px; } 
.privacy .post_content .text h2 { margin-bottom:5px; font-size:18px; } 
.privacy .post_content .text a { text-decoration:underline; color:#336699; } 
.privacy .post_content .privacy_info { font-size: 14px; } 

@media all and (max-width:960px){
 #content.terms .post_detail .info { margin-top:40px; } 
 }
@media all and (max-width:768px){
 #content.terms .post_detail .info { margin-top:25px; } 
 }
@media all and (max-width:480px){
 #content.terms .post_detail .info { margin-top:2px; } 
 #content.terms .post_title { margin-bottom:4px; } 
 .terms .post_content .text { margin:13px 0; } 
 .terms .post_content .text h2 { line-height:24px; font-size:16px; } 
 .terms .post_content .text p { line-height:22px; margin-bottom:11px; font-size:14px; } 
 .terms .post_content .text ul { line-height:22px; font-size:14px; } 

 .policy .post_content .text { padding-bottom:15px; } 
 .policy .post_content .text:first-child { margin-top:6px; } 
 .policy .post_content .text h2 { margin-bottom:7px; } 
 .policy .post_content .text ul { margin-top:0; margin-bottom:15px; } 

 .privacy .post_content .text { margin:23px 0; } 
 }

/* 404 page */
.privacy h2.page_title { /*margin-top:45px; */ margin:20px 0; } 
.privacy_page { border:1px solid #ddd; margin:23px 0 69px; } 
.privacy_page .inner { text-align:center; margin:59px auto; } 
.privacy_page .inner p { font-size:0.777em; line-height:1.7em; } 
.privacy_page .inner p.impact { margin:55px 0 11px 0; font-size:1em; font-weight:700; } 
.privacy_page .buttons { width:260px; margin:40px auto 0; } 
.privacy_page .buttons a { display:block; float:left; width:120px; height:36px; line-height:36px; border:1px solid #454545; font-size:0.777em; color:#333; font-weight:700; } 
.privacy_page .buttons a.btn_prev { margin-right:20px; } 
@media all and (max-width:960px){
 .privacy h2.page_title { margin-top:10px; } 
 .privacy_page { margin:10px 0 56px; } 
 }
@media all and (max-width:600px){
 .privacy h2.page_title { margin-top:5px; } 
 .privacy_page { margin:7px 0 0; } 
 .privacy_page .inner { margin:31px auto; } 
 .privacy_page .inner p { padding:0 14px; } 
 .privacy_page .inner p.impact { margin-top:32px; } 
 .privacy_page .inner img { width:31.25%; min-width:100px; } 
 }
@media all and (max-width:480px){
 .privacy_page .inner p.impact { font-size:0.888em; } 
 }
@media all and (max-width:320px){
 .privacy_page .inner p { font-size:0.662em; } 
 .privacy_page .buttons { width:210px; } 
 .privacy_page .buttons a { width:100px; } 
 .privacy_page .buttons a.btn_prev { margin-right:10px; } 
 }

/**포스코 뉴스룸 소개**/
.page_intro .page_title { margin-top:47px; margin-bottom:25px; font-size:30px; color:#333; text-align:center; padding-top: 0; } 
.page_intro .info { margin-bottom:35px; } 
.page_intro .info img { max-width:100%; } 
.page_intro .title { font-size:24px; margin-bottom:15px; color:#333; } 
.page_intro section { margin-bottom:60px; } 
.page_intro section p { font-size:16px; line-height:1.6; color:#454545; margin-bottom:20px; } 
.page_intro section p strong { font-weight:700; color:#005386; } 
@media all and (max-width:480px){
 .page_intro .page_title { margin:4px 0 8px 0; font-size:20px; } 
 .page_intro .info { margin-bottom:15px; } 
 .page_intro .title { font-size:16px; margin-bottom:10px; } 
 .page_intro section { margin-bottom:30px; } 
 .page_intro section p { font-size:14px; } 
 }
/* 준비된-포스코-회장-최정우-회장의-35년-철강인생을-돌 */
.about_ceo .block { display:block; } 
.about_ceo .inner { padding:0 25px; } 
.about_ceo .about_ceo_wrap { padding:20px 0; margin:0.7em 0 1.6em 0; } 
.about_ceo .about_ceo_wrap img { max-width:100%; } 
.about_ceo .about_ceo_wrap p { line-height:28px; font-size:16px; color:#555; } 
.about_ceo .title_box p { padding-top:30px; } 
.about_ceo .history_box { padding-top:58px; margin:0 25px; margin-top:75px; border-top:2px solid #bebebe; position:relative; } 
.about_ceo .history_box .content_box { margin-right:-23px; } 
.about_ceo .history_box .box { width:50%; padding-right:23px; float:left; } 
.about_ceo .history_box.with_posco .img_box,
.about_ceo .history_box.expert .img_box,
.about_ceo .history_box.introduction .img_box { float:right; } 
.about_ceo .history_box.introduction .text_box { margin-bottom:30px; } 
.about_ceo .history_box.introduction .outside_text { padding-right:23px; clear:both; } 
.about_ceo .history_box .text { margin-top:30px; } 
.about_ceo .countryside_boy { margin-top:80px; } 
.about_ceo .history_box .title { width:560px; line-height:55px; text-align:center; font-size:33px; color:#212121; background:#fff; position:absolute; top:0; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.about_ceo .career { margin:50px 25px 0; border:1px solid #bebebe; background:url(https://newsroom.posco.com/kr/wp-content/uploads/2018/07/about_ceo_bg.png)no-repeat; } 
.about_ceo .career { position:relative; } 
.about_ceo .career .img_box { position:absolute; bottom:0; left:8%; } 
.about_ceo .career .text_box { padding:60px 20px 50px 47%; } 
.about_ceo .career p { line-height:1.2em; font-size:35px; color:#212121; } 
.about_ceo .career .career_list { margin-top:65px; position:relative; z-index:5; } 
.about_ceo .career .career_list::before { content:""; width:3px; height:98%; background:#5888fe; position:absolute; top:3px; left:108px; display:block; } 
.about_ceo .career .career_list li { margin-bottom:30px; text-align:left; position:relative; } 
.about_ceo .career .career_list li::before { content:""; width:11px; height:11px; border:4px solid #4e6eb2; border-radius:50%; background:#eef3ff; position:absolute; top:3px; left:100px; display:block; } 
.about_ceo .career .date { font-weight:bold; font-size:19px; color:#202020; position:absolute; top:0; left:0; } 
.about_ceo .career .des { padding-left:144px; font-size:18px; color:#202020; display:block; } 

@media all and (max-width:988px){
 .about_ceo .career .career_list::before { height:95%; } 
 }
@media all and (max-width:960px){
 .about_ceo .post_detail .info { padding:6px 0 10px; margin:0 16px; } 
 #content.about_ceo { padding:10px 0 40px 0; } 
 .about_ceo .inner { padding:0 10px; } 
 .single.about_ceo .kit { margin:0 16px; } 
 .about_ceo .about_ceo_wrap img { margin:0 auto; display:block; } 
 .about_ceo .title_box p { padding-top:20px; } 
 .about_ceo .history_box { padding:0 16px; padding-top:23px; margin:0; margin-top:40px; } 
 .about_ceo .history_box .content_box { margin-right:0; } 
 .about_ceo .history_box .box { width:100%; padding-right:0; float:none; } 
 .about_ceo .history_box.with_posco .img_box,
 .about_ceo .history_box.expert .img_box,
 .about_ceo .history_box.introduction .img_box { float:none; } 
 .about_ceo .history_box.introduction .outside_text { padding-right:0; } 
 .about_ceo .history_box .img_box { margin-top:5px; } 
 .about_ceo .history_box .text_box { margin-top:15px; } 
 .about_ceo .history_box .title { width:auto; line-height:40px; padding-bottom:14px; text-align:center; font-size:27px; position:static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 
 .about_ceo .career { margin:40px 0 0; border:none; border-top:2px solid #bebebe; background:none; } 
 .about_ceo .career .img_box { width:400px; height:100%; margin-left:-200px; background:url(https://newsroom.posco.com/kr/wp-content/uploads/2018/07/about_ceo_bg_m02.png)no-repeat; background-size:contain; left:50%; bottom:-11%; } 
 .about_ceo .career .img_box img { display:none; } 
 .about_ceo .career .text_box { padding:30px 10px 0 10px; text-align:center; } 
 .about_ceo .career p { text-align:center; font-size:27px; } 
 .about_ceo .career .career_list { padding-left:15px; margin-top:30px; display:inline-block; } 
 .about_ceo .career .career_list::before { height:98%; left:98px; } 
 .about_ceo .career .career_list li::before { left:75px; } 
 .about_ceo .career .career_list li:last-child { margin-bottom:0; } 
 .about_ceo .career .date { font-size:17px; } 
 .about_ceo .career .des { padding-left:109px; font-size:16px; } 
 }
@media all and (max-width:340px){
 .about_ceo .career .img_box { bottom:-13%; } 
 }
@media all and (max-width:335px){
 .about_ceo .career .career_list::before { height:95%; } 
 }
/**fact sheet**/
.fact_sheet { font-family: "Spoqa Han Sans", Arial, sans-serif; font-weight:400; color:#121212; } 
.fact_sheet .block { display:block; } 
.fact_sheet p,
.fact_sheet span,
.fact_sheet strong { letter-spacing:-1.35px; line-height: 1.5; } 
.fact_sheet .inner_box { max-width:890px; width:100%; margin:0 auto 35px; } 
.fact_sheet .com { padding:40px 0; } 
.fact_sheet .small_f { font-size:18px; } 
.fact_sheet .refer { display:block; padding-top:5px; font-size:13px; color:#6e6e6e; text-align:right; } 
.fact_sheet .btn_click { width:100%; margin:0 auto; padding:15px 0; border-bottom:3px solid #ebebeb; border-color:#ebebeb; } 
.fact_sheet .btn_click .title { position: relative; display:inline-block; padding-right:42px; font-size:27px; font-weight:700; color:#333; font-family:"Spoqa Han Sans", Arial, sans-serif; } 
.fact_sheet .btn_click .title:before { content:""; position:absolute; top:50%; right:0; margin-top:-13px; width:26px; height:26px; border:1px solid #ff6600; } 
.fact_sheet .btn_click .title:after { content:""; position:absolute; top:50%; right:7px; margin:-3px 0 0 -7px; width:14px; height:7px; background:url("images/factsheet_sprite.png") no-repeat -36px -93px; } /*79*/
.fact_sheet .bold { font-weight:700; } 
.fact_sheet .side { font-weight:700; } 
.fact_sheet .side:before { content:""; display:inline-block; width:10px; height:15px; vertical-align: middle; margin-right:10px; background:url("images/factsheet_sprite.png") no-repeat -60px -89px; } 
/*활성화*/
.fact_sheet .tab.active .hide { display:block; } 
.fact_sheet .tab .hide { display:none; } 
.fact_sheet .tab.active .btn_click .title:before { border-color:#ff6600; } 
.fact_sheet .tab.active .btn_click .title:after { background-position: -36px -79px; } 
@media all and (max-width:768px){
 .fact_sheet .com { padding:20px 0; } 
 .fact_sheet .block { display:inline; } 
 .fact_sheet .m_block { display:block; } 
 .fact_sheet .side:before { margin-right:13px; } 
 }
.fact_sheet .fact { position:relative; margin:30px 0 23px; text-align:center; } 
.fact_sheet .fact .fact_title { position:relative; display:inline-block; margin:0 35px; position:relative; } 
.fact_sheet .fact .about_fact { display:inline; font-size: 45px; color:#004795; line-height:1em; position:relative; } 
.fact_sheet .fact .about_fact:before { content:""; position:absolute; top:50%; left:-49px; width:82px; height:82px; margin-top:-41px; border-radius:50%; background-color:#f0f4f9; } 
.fact_sheet .fact .about_fact .txt { position:relative; } 
.fact_sheet .fact .about_fact .line1 { position:relative; display:inline-block; width:23px; height:3px; margin-left:13px; background-color:#0e86d4; vertical-align:middle; } 
.fact_sheet .fact .about_fact .line1:after { content:""; position:absolute; top:0; right:-10px; width:5px; height:3px; background-color:#0e86d4; } 
@media all and (max-width:768px){
 .fact_sheet .fact .fact_title { margin:0 25px; } 
 .fact_sheet .fact .about_fact { font-size:40px; } 
 }
@media all and (max-width:500px){
 .fact_sheet .fact .about_fact { font-size:30px; } 
 .fact_sheet .fact .fact_title { width:285px; } 
 .fact_sheet .fact .about_fact:before { left:-30px; width:50px; height:50px; margin-top:-25px; } 
 }
.fact_sheet .global { width:100%; line-height:1.5em; letter-spacing:-1.08px; text-align:center; } 
.fact_sheet .global .small_f { font-weight:400; } 
.fact_sheet .global .bold_f { font-weight:700; } 
.fact_sheet .global .blue_f { color: #004795; } 
.fact_sheet .global > ul { margin-right:-10px; } 
.fact_sheet .global > ul > li { float: left; width: 50%; padding:0 10px 10px 0; } 
.fact_sheet .global .gl_wrap { width: 100%; margin: 0 auto; padding: 35px 30px 30px; } 
.fact_sheet .global .gl_no { display: block; width: 174px; margin: 0 auto; padding: 8px 25px; border-radius: 30px; background-color: #004795; font-size: 22px; color: #fff; font-weight: 700; text-align: center; line-height: 100%; letter-spacing: 0; white-space: nowrap; } 
.fact_sheet .global .gl_title { display:block; padding:20px 0 30px; font-size:29px; font-weight:700; letter-spacing:-2.175px; } 
.fact_sheet .global .gl_cont { font-size:17px; } 
.fact_sheet .global .gl_ranking { min-height:175px; font-size:16px; color:#9daecb; letter-spacing:-0.96px; } 
.fact_sheet .global .gl_ranking li { display:inline-block; white-space: nowrap; } 
.fact_sheet .global .chk { display:block; margin:2px auto; padding:5px 0; border:2px solid #004795; background-color:#ffd248; font-size:19px; color:#004795; font-weight:700; line-height:100%; white-space:nowrap; } 
/*각 class*/
.fact_sheet .global .gl1 .gl_wrap { background:#f2f6fa url("images/factsheet_global01.png") no-repeat 50%; background-position:-54px; } 
.fact_sheet .global .gl2 .gl_wrap { background:#dee4ee url("images/factsheet_global02.png") no-repeat 50%; background-position:-47px; } 
.fact_sheet .global .gl3 .gl_wrap { background:#dee4ee url("images/factsheet_global03.png") no-repeat 50%; background-position:-83px; padding-bottom: 50px; } 
.fact_sheet .global .gl3 .chk { max-width:290px; } 
.fact_sheet .global .gl4 .gl_wrap { background:#f2f6fa url("images/factsheet_global04.png") no-repeat 50%; background-position:-96px; } 
.fact_sheet .global .gl4 .id { width:50%; } 
.fact_sheet .global .gl4 .percent { width:40%; } 
@media all and (max-width:1045px){
 .fact_sheet .global .gl_wrap { padding:35px 25px 30px; } 
 }
@media all and (max-width:1025px){
 .fact_sheet .global .gl_wrap { padding:35px 20px 30px; } 
 }
@media all and (max-width:1005px){
 .fact_sheet .global .gl_wrap { padding:35px 15px 30px; } 
 }
@media all and (max-width:985px){
 .fact_sheet .global .gl_wrap { padding:35px 10px 30px; } 
 }
@media all and (max-width:965px){
 .fact_sheet .global .gl_wrap { padding:35px 5px 30px; } 
 }
@media all and (max-width:805px){
 .fact_sheet .global .gl_wrap { padding:35px 12px 30px; } 
 }
@media all and (max-width:768px){
 .fact_sheet .global > ul > li { float:none; width:100%; } 
 .fact_sheet .global .gl_wrap { padding: 37px 10px; } 
 .fact_sheet .global .gl3 .gl_wrap { padding-bottom: 37px; } 
 .fact_sheet .global .gl_title { font-size:27px; } 
 .fact_sheet .global .gl_cont { font-size:16px; } 
 .fact_sheet .global .gl_ranking { min-height:0; } 
 }
.fact_sheet .global_network { position:relative; width:100%; padding-top: 30px; } 
.fact_sheet .global_network > div { background-color:#f2f6fa; } 
.fact_sheet .global_network img { display:block; max-width:100%; width:100%; } 
.fact_sheet .global_network .people { display:block; padding-bottom:17px; font-size:18px; color:#111b36; text-align:right; font-weight:bold; } 
.fact_sheet .global_network .blue { font-size:36px; color:#2062b2; letter-spacing:-0.06em; } 
.fact_sheet .global_network .table_wrap { padding:10px 34px 20px; margin-top:-71px; } 
.fact_sheet .global_network .table > li { float:left; width:14.28%; border-top:1px solid #2062b2; border-right:2px dashed #cfcfcf; border-bottom:1px solid #c0c0c0; font-size:17px; text-align:center; } 
.fact_sheet .global_network .table > li:last-child { border-right:none; } 
.fact_sheet .global_network .table_head { height:60px; padding:5px; background-color:#f9f9f9; border-bottom:1px solid #c0c0c0; } 
.fact_sheet .global_network .table_head:before { content:""; display:inline-block; height:100%; vertical-align:middle; } 
.fact_sheet .global_network .table_head span { display:inline-block; vertical-align:middle; } 
.fact_sheet .global_network .small br { display: block; } 
.fact_sheet .global_network .line br { display: none; } 
.fact_sheet .global_network .table_figure { height:50px; padding:5px; background-color:#fff; font-size: 20px; font-weight: 700; } 
.fact_sheet .global_network .table_figure:before { content:""; display:inline-block; height:100%; vertical-align:middle; } 
.fact_sheet .global_network .table_figure span { display:inline-block; vertical-align:middle; } 
.fact_sheet .global_network .table .sum { color:#2062b2; font-weight: 700; } 
@media all and (max-width:1026px){
 .fact_sheet .global_network .line br { display: block; } 
 }
@media all and (max-width:768px){
 .fact_sheet .global_network { padding-top:10px; } 
 .fact_sheet .global_network .people { padding-bottom:7px; font-size:15px; } 
 .fact_sheet .global_network .blue { font-size:29px; } 
 .fact_sheet .global_network .table_wrap { position: relative; margin-top: -26px; padding:0 7px 20px; } 
 .fact_sheet .global_network .table > li { width:25%; } 
 .fact_sheet .global_network .table > li:nth-child(5) { border-right:none; } 
 .fact_sheet .global_network .table > li:nth-child(8) { border-right:2px dashed #cfcfcf; } 
 .fact_sheet .global_network .table > li:nth-child(6),
 .fact_sheet .global_network .table > li:nth-child(7),
 .fact_sheet .global_network .table > li:nth-child(8) { border-top:none; } 
 .fact_sheet .global_network .table_head { height:48px; font-size:15px; } 
 .fact_sheet .global_network .table_figure { height:40px; font-size:16px; } 
 .fact_sheet .global_network .refer { position:absolute; bottom:20px; right:10px; } 
 }
@media all and (max-width:380px){
 .fact_sheet .global_network .blue { font-size:26px; } 
 .fact_sheet .global_network .table_head.small { font-size:13px; } 
 }
.fact_sheet .gain { padding-top: 40px; margin-right: -10px; } 
.fact_sheet .gain ul { width:100%; } 
.fact_sheet .gain li { float:left; width:50%; padding-right:10px; } 
.fact_sheet .gain .gain_cont { padding:40px 33px; min-height:347px; border:1px solid #e3e3e3; background-color:#f6f6f6; color:#121212; } 
.fact_sheet .gain .gain_cont strong { position:relative; display:block; font-size:26px; font-weight:bold; } 
.fact_sheet .gain .gain_cont strong:after { content:""; position:absolute; background:url("images/factsheet_sprite.png") no-repeat; } 
.fact_sheet .gain .gain_rank strong:after { bottom:-19px; right:-17px; width:65px; height:65px; background-position:-271px -3px; } 
.fact_sheet .gain .gain_rank .chart { padding-top:50px; font-size:16px; color:#bbb; } 
.fact_sheet .gain .gain_rank .chart p { line-height: 2; } 
.fact_sheet .gain .gain_rank .chart .chk { width:95%; padding:7px 0; margin:1px 0; line-height:100%; font-size:27px; color:#2062b2; border:3px solid #2062b2; text-align:center; font-weight:700; background-color:#fff; letter-spacing: -0.06em; } 
.fact_sheet .gain .gain_won { font-weight:700; padding-bottom:53px; } 
.fact_sheet .gain .gain_won .refer { font-weight:400; } 
.fact_sheet .gain .gain_won .chart { padding-top:40px; } 
.fact_sheet .gain .gain_won strong:after { top: 50%; transform: translateY(-50%); right:-19px; width:54px; height:72px; background-position:-350px -3px; } 
.fact_sheet .gain .gain_won p { padding-bottom:15px; white-space: nowrap; } 
.fact_sheet .gain .gain_won p:nth-child(3) { padding-bottom:10px; } 
.fact_sheet .gain .gain_won .blue_font { font-size:28px; color:#2062b2; } 
.fact_sheet .gain .gain_won .wh_box { display:inline-block; max-width:125px; width:100%; padding:10px 0; margin-right:15px; background-color:#fff; border:1px solid #d1d1d1; border-radius:30px; font-size:18px; color:#121212; text-align:center; line-height:100%; } 
.fact_sheet .gain .refer { text-align:left; margin-top: 30px; font-size: 16px; } 
.fact_sheet .gain .gain_won .refer { padding-bottom:0; } 
@media all and (max-width:1070px){
 .fact_sheet .gain .gain_rank .chart { padding: 50px 0 0 0; } 
 }
@media all and (max-width:1043px){
 .fact_sheet .gain .gain_won { padding-bottom: 53px; } 
 }
@media all and (max-width:1019px){
 .fact_sheet .gain .gain_won { padding-bottom: 34px; } 
 .fact_sheet .gain .gain_cont { min-height:374px; } 
 .fact_sheet .gain .gain_won p:nth-child(3) { padding-bottom:29px; } 
 }
@media all and (max-width:960px){
 .fact_sheet .gain .gain_won { padding-bottom: 60px; } 
 .fact_sheet .gain .gain_cont { min-height:347px; } 
 .fact_sheet .gain .gain_won p:nth-child(3) { padding-bottom:2px; } 
 }
@media all and (max-width:835px){
 .fact_sheet .gain .gain_won { padding-bottom: 61px; } 
 }
@media all and (max-width:811px){
 .fact_sheet .gain .gain_won { padding-bottom: 35px; } 
 .fact_sheet .gain .gain_cont { min-height:374px; } 
 .fact_sheet .gain .gain_won p:nth-child(3) { padding-bottom:29px; } 
 }
@media all and (max-width:768px){
 .fact_sheet .gain { margin-right:0; padding-top:20px; } 
 .fact_sheet .gain li { float:none; width:100%; padding:0 0 10px; } 
 .fact_sheet .gain .gain_rank .chart { padding-top: 20px; } 
 .fact_sheet .gain .gain_rank .chart p { text-indent:5px; } 
 .fact_sheet .gain .gain_rank .chart .chk { width:100%; text-indent:0; font-size:26px; } 
 .fact_sheet .gain .gain_cont { padding:40px 20px 40px 15px; } 
 .fact_sheet .gain .gain_cont .mo { color: #2062b2; font-size: 22px; } 
 .fact_sheet .gain .gain_cont strong:after { right:0; } 
 /* .fact_sheet .gain .gain_won { height: auto !important; } */
 .fact_sheet .gain .gain_rank strong { font-size: 25px; } 
 .fact_sheet .gain .gain_won .wh_box { margin-right:12px; } 
 .fact_sheet .gain .gain_won strong { font-size: 18px; } 
 .fact_sheet .gain .gain_won .blue_font { font-size:26px; } 
 .fact_sheet .gain .gain_won p:nth-child(3) { padding-bottom:12px; } 
 .fact_sheet .gain .refer { text-align:left; } 
 .fact_sheet .gain .gain_won .refer { padding-bottom:0; } 
 }
@media all and (max-width:375px){
 .fact_sheet .gain .gain_cont strong span.mo { } 
 }
@media all and (max-width:350px){
 .fact_sheet .gain .gain_won .blue_font { font-size:22px; } 
 }
.fact_sheet .info_industry { width:100%; padding-top: 40px; text-align:left; color:#121212; font-weight:bold; } 
.fact_sheet .info_industry table { width:100%; border-top:2px solid #2062b2; letter-spacing:-0.06em; } 
.fact_sheet .info_industry table td { border-bottom:1px solid #c0c0c0; } 
.fact_sheet .info_industry .table_title { width:20%; font-size:26px; text-align: left; } 
.fact_sheet .info_industry .deco { width:24%; font-size:20px; vertical-align: middle; } 
.fact_sheet .info_industry .deco .icon { position:relative; } 
.fact_sheet .info_industry .deco .icon:before { content:""; position:absolute; top:11px; left:0; display:block; width: 8px; height: 8px; margin-right:10px; background-color: #121212; } 
.fact_sheet .info_industry .deco .icon_p { padding-left:15px; } 
.fact_sheet .info_industry .info_cont { width:55%; padding:15px 0; font-weight:normal; } 
.fact_sheet .info_industry .info_cont .font_blue { font-weight:bold; color:#2062b2; } 
.fact_sheet .info_industry .newgrow { border-top:2px solid #2062b2; } 
.fact_sheet .info_industry .newgrow .table_title { border-bottom:1px solid #c0c0c0; } 
@media all and (max-width:768px){
 .fact_sheet .info_industry { padding-top:10px; } 
 .fact_sheet .info_industry .table_title { width:30%; padding: 10px 50px 10px 10px; font-size:25px; } 
 .fact_sheet .info_industry .deco { width: 25%; padding:5px 30px 0 15px; font-size:18px; vertical-align:top; } 
 .fact_sheet .info_industry .deco .icon:before { top:8px; left:-11px; } 
 .fact_sheet .info_industry .deco .icon_p { padding-left:1px; } 
 .fact_sheet .info_industry .info_cont { width:35%; padding: 5px 0 15px; font-size:16px; } 
 }
@media all and (max-width:415px){
 .fact_sheet .info_industry .table_title { padding: 10px 30px 10px 10px; } 
 }
@media all and (max-width:362px){
 .fact_sheet .info_industry .deco { padding: 5px 20px 0 15px; } 
 }
@media all and (max-width:346px){
 .fact_sheet .info_industry .table_title { padding: 10px 20px 10px 10px; } 
 }
.fact_sheet .citizen { color:#333; } 
.fact_sheet .citizen .top_line p { float: left; } 
.fact_sheet .citizen .top_line .list_icon { position:relative; width:65px; height:65px; border-radius:50%; background-color:#d9f0ff; } 
.fact_sheet .citizen .top_line .list_icon:before { content:""; position:absolute; width:73px; height:60px; background:url("images/factsheet_sprite.png") no-repeat 0 0; } 
.fact_sheet .citizen .top_line .list_title { padding:0 29px 0 60px; font-size:26px; font-weight: 700; line-height:1.2; } 
.fact_sheet .citizen .top_line .list_title span { display:block; color:#0e86d4; } 
.fact_sheet .citizen .top_line .bar { width:56px; height:2px; margin-top:50px; background-color:#0e86d4; } 
.fact_sheet .citizen .top_line .list_info { padding:36px 0 8px 22px; font-size:19px; } 
.fact_sheet .citizen .middle { width:100%; padding-top:40px; text-align:center; } 
.fact_sheet .citizen .middle li { float:left; width:50%; padding-bottom: 20px; border-right: 2px dashed #dbdbdb; } 
.fact_sheet .citizen .middle li:last-child { border-right:none; } 
.fact_sheet .citizen .middle .thumb img { max-width:100%; } 
.fact_sheet .citizen .middle .thumb_title { display:block; padding:10px 0 15px; font-size:36px; color:#004795; font-weight:bold; letter-spacing: 0; } 
.fact_sheet .citizen .middle .thumb_cont { min-height:135px; padding:0 10px; color:#131313; letter-spacing: -0.9px; } 
.fact_sheet .citizen .notice { width:100%; padding:20px 30px; margin-top:25px; background-color:#f6f6f6; } 
.fact_sheet .citizen .busi1 .list_icon { background-color:#d9f0ff; } 
.fact_sheet .citizen .busi1 .list_icon:before { top:0; left:23px; width:73px; height:60px; background-position:0 0; } 
.fact_sheet .citizen .busi2 { margin-top:47px; border-top:3px solid #ebebeb; } 
.fact_sheet .citizen .busi2 .top_line,
.fact_sheet .citizen .busi3 .top_line { padding-top:40px; } 
.fact_sheet .citizen .busi2 .list_icon { background-color:#fff5cb; } 
.fact_sheet .citizen .busi2 .list_icon:before { top:-3px; left:36px; width:57px; height:70px; background-position:-100px 0; } 
.fact_sheet .citizen .busi3 { margin-top:47px; border-top:3px solid #ebebeb; } 
.fact_sheet .citizen .busi3 .list_icon { background-color:#d6f5da; } 
.fact_sheet .citizen .busi3 .list_icon:before { top:1px; left:26px; width:68px; height:66px; background-position:-182px -7px; } 
.fact_sheet .citizen .busi3 li { float:left; width:50%; padding:30px 15px 35px 10px; min-height:210px; } 
.fact_sheet .citizen .busi3 li:nth-child(even) { border-right:none; } 
.fact_sheet .citizen .busi3 li:nth-child(1),
.fact_sheet .citizen .busi3 li:nth-child(2) { padding-top:15px; border-bottom:2px dashed #dbdbdb; } 
.fact_sheet .citizen .busi3 .thumb { float:left; width:37%; padding-top:20px; } 
.fact_sheet .citizen .busi3 .cont_box { float:left; width:63%; text-align:left; } 
.fact_sheet .citizen .busi3 .thumb_title { padding:0; } 
.fact_sheet .citizen .busi3 .thumb_cont { padding:10px 0 0; min-height: 0; } 
@media all and (max-width:1041px){
 .fact_sheet .citizen .busi3 .thumb_title { white-space:nowrap; } 
 .fact_sheet .citizen .busi3 .thumb_cont { font-size:16px; } 
 }
@media all and (max-width:1060px){
 .fact_sheet .citizen .busi3 li { padding:30px 0 35px; } 
 }
@media all and (max-width:768px){
 .fact_sheet .citizen .middle { padding-top:0; } 
 .fact_sheet .citizen .middle .thumb_cont { min-height:0; padding: 0 52px 30px; font-size:16px; } 
 .fact_sheet .citizen .middle li { float:none; width:100%; padding:20px 0 0; border-bottom: 2px dashed #dbdbdb; border-right:none; } 
 .fact_sheet .citizen .busi2,
 .fact_sheet .citizen .busi3 { margin-top:30px; } 
 .fact_sheet .citizen .busi3 .thumb_cont { padding: 0 0 30px; } 
 .fact_sheet .citizen .busi3 .cont_box { width:55%; padding:0; } 
 .fact_sheet .citizen .busi1 li:last-child,
 .fact_sheet .citizen .busi2 li:last-child { padding-top:30px; } 
 .fact_sheet .citizen .busi1 li:nth-child(1) { padding-bottom:0; } 
 .fact_sheet .citizen .busi1 li:nth-child(1),
 .fact_sheet .citizen .busi1 li:nth-child(2) { padding-top:0; } 
 .fact_sheet .citizen .busi3 li { min-height:0; } 
 .fact_sheet .citizen .busi3 li:nth-child(1) { padding-top:35px; } 
 .fact_sheet .citizen .busi3 li:nth-child(3) .thumb_cont,
 .fact_sheet .citizen .busi3 li:nth-child(3) .thumb_title,
 .fact_sheet .citizen .busi3 li:last-child .thumb_cont,
 .fact_sheet .citizen .busi3 li:last-child .thumb_title { padding-left:7px; } 
 .fact_sheet .citizen .middle .thumb_title { padding:5px 0; } 
 .fact_sheet .citizen .busi1 .thumb { height:auto; } 
 .fact_sheet .citizen .busi1 li:nth-child(1) .thumb { padding-top:0; } 
 .fact_sheet .citizen .busi1 li:nth-child(2) .thumb { padding-top:0; } 
 .fact_sheet .citizen .busi3 .thumb { width:45%; padding: 10px 0; } 
 .fact_sheet .citizen .middle li:last-child { border-bottom:none; } 
 .fact_sheet .citizen .notice { padding:23px 15px; margin-top:0; font-size:16px; } 
 .fact_sheet .citizen .top_line { padding-top:30px; } 
 .fact_sheet .citizen .top_line p { float:none; } 
 .fact_sheet .citizen .top_line .bar { display:none; } 
 .fact_sheet .citizen .top_line .list_title { padding: 0 0 0 60px; vertical-align: top; } 
 .fact_sheet .citizen .top_line .list_icon,
 .fact_sheet .citizen .top_line .list_title { display:inline-block; } 
 .fact_sheet .citizen .top_line .list_info { padding: 20px 0 0; font-size:17px; } 
 }
@media all and (max-width:387px){
 .fact_sheet .citizen .middle .thumb_title { padding:5px 0; font-size:30px; } 
 }
.fact_sheet .enviroment .enviro_circul { color:#121212; } 
.fact_sheet .enviroment .enviro_circul h3 { padding-bottom:47px; font-size:26px; font-weight: bold; text-align: center; letter-spacing: -1.56px; } 
.fact_sheet .enviroment .enviro_circul .green { color:#235b2f; } 
.fact_sheet .enviroment .enviro_chart { padding-bottom:54px; } 
.fact_sheet .enviroment .enviro_chart > div { float:left; width:50%; } 
.fact_sheet .enviroment .enviro_chart img { display:block; max-width:100%; } 
.fact_sheet .enviroment .turn_box { padding: 10px; } 
.fact_sheet .enviroment .turn_cont { width:100%; padding-top:30px; } 
.fact_sheet .enviroment .turn_cont li { width:100%; min-height:150px; padding-bottom:20px; } 
.fact_sheet .enviroment .turn_cont li > div { padding:25px 35px 30px; border-left:5px solid #65b67a; background-color:#f9f9f9; } 
.fact_sheet .enviroment .turn_cont li:last-child { padding-bottom:0; } 
.fact_sheet .enviroment .turn_cont strong { display:block; padding-bottom:20px; font-size:26px; } 
.fact_sheet .enviroment .turn_cont .green { color:#3c6946; font-weight:bold; } 
.fact_sheet .enviroment .down_arrow { width:100%; max-width:220px; height:65px; margin:0 auto; background:url("images/factsheet_sprite.png")no-repeat -350px -100px; } 
.fact_sheet .enviroment .enviro_table { width:100%; } 
.fact_sheet .enviroment .enviro_table .icon { position:relative; padding-left:20px; } 
.fact_sheet .enviroment .enviro_table .icon:before { content:""; position:absolute; top:8px; left:0; display:block; width:10px; height:15px; vertical-align: middle; margin-right:10px; background:url("images/factsheet_sprite.png") no-repeat -60px -89px; } 
.fact_sheet .enviroment .enviro_table li { float:left; width:50%; padding:43px 20px 39px; line-height: 1.5; border-bottom:2px dashed #cfcfcf; } 
.fact_sheet .enviroment .enviro_table li:nth-child(3) { border-right:2px dashed #cfcfcf; } 
.fact_sheet .enviroment .enviro_table strong { position:relative; display:block; padding-bottom:34px; font-size:42px; font-weight:bold; color:#004795; letter-spacing:0; } 
.fact_sheet .enviroment .enviro_table strong:after { content:""; position:absolute; top:-7px; right:0; width:75px; height:87px; background:url("images/factsheet_sprite.png") no-repeat; } 
.fact_sheet .enviroment .enviro_table .one { width:100%; border-bottom:2px dashed #cfcfcf; line-height: 1.5; } 
.fact_sheet .enviroment .enviro_table .one .po { padding-top:30px; } 
.fact_sheet .enviroment .enviro_table .one .tree { padding-bottom:30px; } 
.fact_sheet .enviroment .enviro_table .one .tree span { color:#004795; font-weight:bold; } 
.fact_sheet .enviroment .enviro_table arrow { position:relative; padding-left:20px; font-weight:bold; } 
.fact_sheet .enviroment .enviro_table .item1:after { top:-24px; right:10px; width:46px; height:88px; background-position:-300px -100px; } 
.fact_sheet .enviroment .enviro_table .item2:after { top:-22px; background-position:1px -100px; } 
.fact_sheet .enviroment .enviro_table .gas strong:after { top:-1px; width:60px; height:66px; background-position:-74px -123px; } 
.fact_sheet .enviroment .enviro_table .water strong:after { width:68px; height:70px; background-position:-150px -100px; } 
.fact_sheet .forest { width:100%; } 
.fact_sheet .forest .forest_img { padding-top: 35px; } 
.fact_sheet .forest .forest_img img { display:block; max-width:100%; } 
.fact_sheet .link_out { display:block; width:100%; margin-top:30px; color:#121212; text-align:center; font-weight:bold; } 
.fact_sheet .link_out:hover { color:#0c6d25; } 
@media all and (max-width:964px){
 .fact_sheet .enviroment .enviro_table li { padding:43px 15px 39px; } 
 }
@media all and (max-width:768px){
 .fact_sheet .enviroment .com { padding-bottom:0; } 
 .fact_sheet .enviroment .enviro_circul h2 { padding-bottom:34px; font-size: 24px; } 
 .fact_sheet .enviroment .enviro_chart { padding-bottom:30px; } 
 .fact_sheet .enviroment .enviro_chart > div { float:none; width:100%; } 
 .fact_sheet .enviroment .enviro_chart img { margin:0 auto; } 
 .fact_sheet .enviroment .turn_box { padding:0; } 
 .fact_sheet .enviroment .turn_box .big_c { width:203px; height:203px; } 
 .fact_sheet .enviroment .turn_box span { padding:80px 0; } 
 .fact_sheet .enviroment .turn_box .turn { width:128px; height:128px; } 
 .fact_sheet .enviroment .turn_box .turn span { padding:35px 0; } 
 .fact_sheet .enviroment .turn_cont { padding-top:24px; } 
 .fact_sheet .enviroment .turn_cont strong { padding-bottom:15px; font-size:24px; } 
 .fact_sheet .enviroment .turn_cont li > div { padding:25px 23px; font-size:16px; } 
 .fact_sheet .enviroment .enviro_table ul { padding-top:35px; } 
 .fact_sheet .enviroment .enviro_table strong { font-size:34px; } 
 .fact_sheet .enviroment .enviro_table .dust strong:after { top:-16px; } 
 .fact_sheet .enviroment .enviro_table .one .tree { padding-bottom:13px; } 
 .fact_sheet .enviroment .enviro_table li { float:none; width:100%; padding:25px 20px; font-size:16px; } 
 .fact_sheet .enviroment .enviro_table li:nth-child(3) { border-right:none; } 
 .fact_sheet .enviroment .enviro_table li:last-child { padding-bottom:20px; border-bottom:none; } 
 .fact_sheet .forest .forest_img { padding-top:0; } 
 .fact_sheet .forest a { font-size:15px; } 

 .fact_sheet .enviroment .enviro_table .item1:after { top:-14px; width:40px; height:80px; background-position:-250px -256px; } 
 .fact_sheet .enviroment .enviro_table .item2:after { top:0; width:61px; height:73px; background-position:2px -258px; } 
 .fact_sheet .enviroment .enviro_table .gas strong:after { top:-1px; width:51px; height:58px; background-position:-59px -274px; } 
 .fact_sheet .enviroment .enviro_table .water strong:after { width:62px; height:62px; background-position:-113px -269px; } 
 }

/*191211 .series_title 시리즈 타이틀 추가*/
.series_title { background-color:#f1f1f1; padding:4px 6px; font-weight:700; font-size: 12px; color:#1C3E88; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-radius: 2px; display: inline; } 
.index .list_row .title.one_line { height:2.8em; } 
.single.post .series_title a { color:#00578a; } 
@media all and (max-width:768px){
 .index .list_row .title.one_line { height:2.8em; } 
 }

/*200519 - // IE 싱글페이지 a링크 내부 이미지에 포커스 추가*/
.single .post_detail a.block { display:block; } 

/*200526 - page-poscotv*/
.poscotv .page_title { padding:20px 30px 10px 30px; } 
.poscotv .youtube-container { padding:0 30px; } 
.poscotv .youtube-container .title { padding:22px 0 38px; font-size:20px; font-weight:bold; } 
.poscotv .youtube { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } 
.poscotv .youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 
.poscotv .title_wrap { position:relative; } 
.poscotv .title_wrap:nth-child(1) { border-top:1px solid #ccc; } 
.poscotv .list_title { padding:35px 0 15px; font-size:24px; } 
.poscotv .icon_anchor { position: absolute; top:50%; right: 0; line-height: 20px; padding-right: 13px; font-size: 0.722em; color: #666; } 
.poscotv .icon_anchor:after { position:absolute; top:50%; right:0; display:block; content:""; width:8px; height:12px; margin-top:-6px; background:url(images/posco_sprite.png) no-repeat 0 -20px; } 
.poscotv .archive_list ul { letter-spacing:-10px; } 
.poscotv .archive_list li { float:unset; display:inline-block; vertical-align:top; letter-spacing:0; } 
.poscotv .archive_list .title { line-height:1.4em; max-height:2.8em; } 

@media (max-width:768px){
 .poscotv #content.sub { padding-top:0; } 
 .poscotv .page_title { padding:0 16px 10px 16px } 
 .poscotv .youtube-container { padding:0; } 
 .poscotv .youtube-container .title { padding:15px 16px; font-size:16px; } 
 .poscotv .list_title { padding:21px 0 8px; font-size:18px; } 
 }

@media(max-width:480px){
 .poscotv.mo-list .archive_list li:nth-child(4),
 .poscotv.mo-list .archive_list li:nth-child(5),
 .poscotv.mo-list .archive_list li:nth-child(6) { display:none; } 
 }