@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;}
#wrap:before {position:absolute; top:0; left:0; display:block; content:""; width:100%; height:575px; margin-left:0; background:url(images/kv_bg_0603.png) no-repeat top center; background-size:cover; z-index:-1;}
#container_wrap {background-color:#fff;}
#container {width:100%; max-width:1200px; margin:0 auto; background-color:#fff;}
#content.sub {padding:10px 30px 50px 30px;}
#content.index {padding:0;}
#content.single {padding:10px 120px 50px 120px;}
@media all and (max-width:1920px) {
    #wrap:before {width:1920px; left:50%; margin-left:-960px; background-size:contain;}
}
@media all and (max-width:960px) {
    #content.sub {padding:10px 16px 40px 16px;}
}
@media all and (max-width:600px) {
    #wrap:before {position:absolute; top:0; left:50%; display:block; content:""; width:900px; height:200px; margin-left:-450px; background-position:left top; background-size:cover;}
}

/**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:500; 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:500; 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;}
.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;}
}

/**header**/
header {width:100%; background:transparent;}
header .inner {position:relative; max-width:1200px; padding:29px 0 22px 0; margin:0 auto;}
header .logo {position:relative; width:163px; height:53px;}
header .logo a {display:block; width:100%; height:100%;}
header .logo img {display:block; max-width:100%;}
header .header_wrap {position:absolute; top:0; right:0;}
header .onlymobilebtn {display:none;}
header .gnb {float:left; margin-right:20px;}
header .gnb a {display:block; font-weight:500;}
header .gnb .depth1 > li {position:relative; float:left; padding:36px 10px 28px 10px;}
header .gnb .depth1 > li > a {padding:7px 10px; font-size:19px; color:#000;}
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:90px; left:0; border:1px solid #ccc; z-index:1;}
header .gnb .sub-menu li {position:relative; min-width:180px; border-bottom:1px solid #ccc;}
header .gnb .sub-menu li:last-child {border:0;}
header .gnb .sub-menu li a {padding:13px 40px 13px 20px; font-size:16px; color:#000; background-color:#fff; white-space:nowrap;}
header .gnb .sub-menu li a:after {position:absolute; top:50%; right:19px; display:block; content:""; width:6px; height:10px; margin-top:-5px; background:url(images/posco_sprite.png) no-repeat -20px -40px;}
header .gnb .sub-menu li.current a {color:#fff; background-color:#005386;}
header .gnb .sub-menu li.current a:after {background-position:-20px -50px;}
header .search_box {position:relative; float:left; width:180px; margin:40px 0 32px 0;}
header .search_box label {display:block;}
header .search_box .input_search {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:180px; height:32px; padding:0 40px 0 10px;  border-radius:3px; border:none; font-size:0.722em; color:#333; box-shadow:0 2px 0 #c1c3c5;}
header .search_box .btn_srch_submit {position:absolute; top:0; right:0; width:32px; height:33px; background-color:#333; border-radius:0 3px 3px 0;}
header .search_box .btn_srch_submit:after {position:absolute; top:50%; left:50%; display:block; content:""; width:16px; height:16px; margin-left:-8px; margin-top:-9px; background:url(images/posco_sprite.png) no-repeat 0 0;}
header .recommend {display:none; position:absolute; top:32px; left:0; width:100%; border:1px solid #ccc; border-top:0; z-index:1;}
header .recommend.open {display:block;}
header .recommend .title {width:100%; padding:0.667em 0.833em; font-size:0.722em; color:#333; border-bottom:1px solid #fff; background-color:#eee;}
header .recommend ul {overflow-y:auto;}
header .recommend li {padding:0.667em 0.833em; background-color:#fff; cursor:pointer;}
header .recommend li a {font-size:0.667em; color:#666;}
header .recommend li.current {text-decoration:underline; background-color:#f4f4f4;}
header .recommend li:hover {text-decoration:underline; background-color:#f4f4f4;}
header .recommend strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
header .skip_nav {display:none;}
@media all and (max-width:1280px) {
    header .inner {padding:29px 30px 22px 30px;}
    header .header_wrap {right:30px;}
    header .gnb .depth1 > li{padding: 36px 8px 28px 8px;}
    header .gnb{margin-right:10px;}
}
@media all and (max-width:1200px) {
    header .gnb .depth1 > li{padding: 36px 5px 28px 5px;}
    header .gnb .depth1 > li > a{font-size:18px;}
}
@media all and (max-width:1140px) {
    header .gnb .depth1 > li > a{padding:7px 5px;}
}
@media all and (max-width:1080px) {
    header .gnb .depth1 > li {padding:36px 3px 28px 3px;}
    header .gnb .depth1 > li > a{font-size:17px;}
}
@media all and (max-width:1024px) {
    header .gnb{margin-right:5px;}
    header .gnb .depth1 > li > a{padding:7px 4px;}
}
@media all and (max-width:1023px) {
    header .logo {width:130px;}
}
@media all and (max-width:1000px) {
    header .gnb{margin-right:3px;}
    /*header .gnb .depth1 > li > a{padding:7px 3px;}*/
    /*header .gnb .depth1 > li{padding: 36px 2px 28px 2px;}*/
}
@media all and (max-width:960px) {
    header {position:relative; z-index:150;}
    header .inner {padding:16px;}
    header .logo {width:90px; height:28px; z-index:151;}
    header .onlymobilebtn {display:block; position:absolute; top:0; right:0; width:40px; height:60px;}
    header .onlymobilebtn:after {position:absolute; top:50%; left:50%; display:block; content:""; width:18px; height:18px; margin-left:-9px; margin-top:-9px; background-repeat:no-repeat; background-position:0 0;  background-size:100px auto;}
    header .btn_srch {right:50px;}
    header .btn_srch:after {background:url(images/icon_srch_bk.png) no-repeat; background-size:100% auto;}
    header .btn_srch.active:after {background-position:-80px 0;}
    header .btn_menu {right:10px;}
    header .btn_menu:after {height:12px; margin-top:-6px; background:url(images/icon_menu_bk.png) no-repeat; background-size:100% auto;}
    header .btn_menu.active:after {height:18px; margin-top:-9px; background:url(images/posco_sprite_m.png) no-repeat; background-position:-80px -20px;  background-size:100px auto;}
    header .header_wrap {width:100%; top:0; right:auto; left:0;}

    header .gnb {display:none; float:none; margin:59px 0 0 0; border-top:1px solid #005386; background-color:#fff;}
    header .gnb.open {display:block;}
    header .gnb .depth1 > li {float:none; width:100%; padding:0; border-bottom:1px solid #ccc;}
    header .gnb .depth1 > li.current > a {color:#fff; background-color:#005386;}
    header .gnb .depth1 > li > a {position:relative; padding:14px 40px 14px 20px; /*padding:9px 20px;*/ font-size:16px; color:#000;}
    header .gnb .depth1 > li > a:after {position:absolute; top:50%; right:19px; display:block; content:""; width:10px; height:6px; margin-top:-3px; background:url(images/posco_sprite_m.png) no-repeat -30px -40px; background-size:100px auto;}
    header .gnb .depth1 > li.current > a:after {background-position:-30px -50px;}
    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:0;}
    header .gnb .sub-menu {position:static; width:100%; border:0; z-index:auto;}
    header .gnb .sub-menu li {min-width:100%; width:100%;}
    header .gnb .sub-menu li a {padding:10px 20px; font-size:14px; background-color:#f4f4f4;}
    header .gnb .sub-menu li a:after {background:url(images/posco_sprite_m.png) no-repeat -20px -40px; background-size:100px auto;}
    header .gnb .sub-menu li.current a {color:#005386; background-color:#f4f4f4;}
    header .gnb .sub-menu li.current a:after {background:url(images/posco_sprite_m.png) no-repeat -20px -50px; background-size:100px auto;}
    header .search_box {display:none; float:none; width:100%; padding:16px; margin:59px 0 0 0; border-top:1px solid #005386; background-color:#fff;}
    header .search_box.open {display:block;}
    header .search_box .input_search {width:100%; border-radius:0;}
    header .search_box .btn_srch_submit {top:16px; right:16px;}
    header .recommend {display:block; position:static; z-index:auto;}
}

/**footer**/
footer {position:relative; width:100%;}
footer .box {border-top:1px solid #ddd; background-color:#fff; z-index:100;}
footer .link_box {border-top:1px solid #eee; background-color:#f8f8f8;}
footer .sns {width:100%; max-width:1200px; margin:0 auto; padding:29px 30px;}
footer .sns ul {float:right;}
footer .inner {max-width:1200px; padding:15px 30px; margin:0 auto;}
footer .logo {float:left; width:103px; margin-right:20px;}
footer .logo img {display:block; max-width:100%; margin:5px 0;}
footer .copy {float:left; padding:21px 0; font-size:12px; color:#666;}
footer .link_wrap {float:right; padding:20px 0; font-size:12px;}
footer .link_wrap li {display:inline-block; padding-right:8px; border-right:1px solid #dadada; margin-right:8px; line-height:1em;}
footer .link_wrap li:last-child {padding-right:0; border-right:0; margin-right:0;}
footer .link_wrap a {color:#666;}

@media all and (max-width:960px) {
    footer {text-align:center;}
    footer .box {border-top:0; z-index:auto;}
    footer .sns {padding:15px 16px; border-top:1px solid #eee; font-size:0; text-align:center;}
    footer .sns ul {float:none;}
    footer .sns ul,
    footer .link_wrap ul {display:inline-block;}
    footer .link_wrap {float:none; padding:0; margin-bottom:10px;}
    footer .inner {padding:16px;}
    footer .link_wrap li {margin-bottom:10px;}
    footer .desc {display:inline-block;}
}
@media all and (max-width:600px) {
    footer .logo {width:80px; margin-right:10px}
    footer .copy {padding:13px 0;}
    footer .link_wrap {margin-bottom:0;}
}
@media all and (max-width:480px) {
    footer .inner {padding:16px 10px;}
    footer .logo {width:65px;}
    footer .copy {font-size:9px;}
}
@media all and (max-width:350px) {
    footer .desc {display:block;}
    footer .logo,
    footer .copy {float:none; margin:0 auto;}
    footer .copy {padding:5px 0; font-size:10px;}
}

/**pagination**/
.pagination {margin-top:30px; 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.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.prev a:after {background-position:0 -40px;}
.pagination li.ctrl.next a:after {background-position:-10px -40px;}
.pagination li.current a {font-weight:500; color:#005386;}
.pagination li:hover {border-color:#005386;}
.pagination li:hover a {font-weight:500; 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;}
}

/**page location bar**/
.breadcrumb.is_single {padding:30px 120px 0 120px;}
.breadcrumb {padding:30px 30px 0 30px;}
.breadcrumb li {position:relative; float:left; height:20px; padding-right:15px; margin-right:10px; font-size:13px; color:#666; 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:#005386;}
.breadcrumb li a {display:block; width:100%; height:100%; font-size:13px; color:#666;}

@media all and (max-width:960px) {
    .breadcrumb.is_single,
    .breadcrumb {padding:16px 16px 0 16px;}
}

/**작성자 네임카드**/
.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:500; 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:500; color:#333;}
.layer .pop_wrap {width:100%; padding:15px 20px; font-size:15px; color:#454545;}

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

@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:500;}
.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:10px 0; font-size:30px;}

@media all and (max-width:960px) {
    .page_title {font-size:27px;}
}
@media all and (max-width:768px) {
    .page_title {padding-top:0; font-size:24px;}
}
@media all and (max-width:480px) {
    .page_title {font-size:20px;}
}

/**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 .ks {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_list {font-size:1em;}
.archive_list ul {width:auto; margin-right:-30px;}
.archive_list li {float:left; width:33.3333%; padding-right:30px; margin-bottom:30px;}
.archive_list li:hover .thumb {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.archive_list li:hover .title {text-decoration:underline;}
.archive_list li a {display:block; width:100%; color:#333;}
.archive_list .thumb_wrap {overflow:hidden; position:relative; width:100%; height:0; padding-bottom:56.25%;}
.archive_list .thumb {position:absolute; top:0; left:0; 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;}
.archive_list .cont_wrap {margin-top:15px;}
.archive_list .title {overflow:hidden; margin-bottom:0.556em; font-weight:500; line-height:1.4em; max-height:4.2em;}
.archive_list .meta {font-size:0.722em}
.archive_list .author {padding-right:8px; border-right:1px solid #d3d3d3; margin-right:8px; font-weight:500; color:#666;}

@media all and (max-width:960px) {
    .archive_list {font-size:16px;}
    .archive_list ul {margin-right:-16px;}
    .archive_list li {padding-right:16px; margin-bottom:16px;}
}
@media all and (max-width:768px) {
    .archive_list li {width:50%;}
}
@media all and (max-width:480px) {
    .archive_list ul {margin-right:0;}
    .archive_list li {width:100%; padding-right:0;}
}

/**글 목록 없을 때**/
.archive_none{margin-top:10px;border:1px solid #ddd; text-align:center;}
.archive_none .inner{margin:147px auto; font-size:0.888em; font-weight:500;}
.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 section {position:relative; margin:15px 10px;}
.index .kv_area {margin:0;}
.index .main_contents {margin:30px;}
.index .main_contents .archive_area,
.index .main_contents .layout_right {float:left; margin:0;}
.index .main_contents .archive_area {width:66%; margin:0 3% 30px 0;}
.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: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 .icon_anchor:after {background:url(images/posco_sprite_m.png) no-repeat 0 -20px; background-size:100px auto;}
}
@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 section {margin:16px 16px 24px 16px;}
    .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:10px; padding-bottom:0; font-size:1em; background-color:#fff;}
.index .kv_area .carousel {overflow:hidden;}
.index .kv_area .carousel > ul {position:relative; width:100%; height:0; padding-bottom:39%;}
.index .kv_area .carousel > ul > li {position:absolute; width:100%; height:100%; left:100%;}
.index .kv_area .carousel > ul > li:first-child {left:0;}
.index .kv_area a {display:block; width:100%; height:100%; font-size:1.778em; color:#fff;}
.index .kv_area a:hover .thumb {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.index .kv_area .thumb {overflow:hidden; position:relative; width:100%; height:100%; 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;}
.index .kv_area .thumb img {display:block; max-width:100%;}
.index .kv_area .thumb:after {position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; background:url(images/bg_list.png) repeat-x 0 0; background-size:auto 100%;}
.index .kv_area .title {overflow:hidden; position:absolute; bottom:0.7em; left:0; width:100%; height:1.4em; padding:0 2.5%; font-weight:700;}
.index .kv_area .sw2Slider {position:relative;}
.index .kv_area .btn_wrap {position:absolute; bottom:4.2em; left:0; padding:3px 2.5%; z-index:1;}
.index .kv_area .btn_wrap:after {content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.index .kv_area .sw2_page {font-size:0; display:inline;}
.index .kv_area .sw2_page button {float:left; display:block; width:12px; height:12px; margin:0 6px; border-radius:50%; background-color:rgba(255,255,255,.5); border:1px solid #333;}
.index .kv_area .sw2_page button.on {background-color:rgba(0,0,0,1); border:1px solid #333;}
.index .kv_area .sw2_ctrl {font-size:0; display:inline;}
.index .kv_area .sw2_ctrl button {float:left; display:block; width:11px; height:12px; margin:0 6px; background:url(images/posco_sprite.png) no-repeat -40px -60px;}
.index .kv_area .sw2_ctrl button.hide {display:none;}
.index .kv_area .sw2_ctrl .btn_pause {background-position:-51px -60px;}
.index .kv_area .sw2_ctrl .btn_play {background-position:-40px -60px;}
.index .kv_area .sw2_ctrl .btn_prev,
.index .kv_area .sw2_ctrl .btn_next{display:none;}

@media all and (max-width:960px) {
    .index .kv_area {padding:0;}
    .index .kv_area .carousel > ul {padding-bottom:66.6666%;}
    .index .kv_area .sw2_ctrl button {background-image:url(images/posco_sprite_m.png); background-size:100px auto;}
    .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);}
}
@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 .hashtag {background-color:#eaedef;}
.index .hashtag .inner {padding:25px 20px;}
.index .hashtag .search_box {position:relative; float:left; width:28.3%;}
.index .hashtag .search_box .input_search {width:100%; padding:15px 50px 15px 20px; font-size:15px; color:#666; border:2px solid #00427b; border-radius:7px;}
.index .hashtag .search_box .btn_srch_submit {position:absolute; top:50%; right:20px; width:30px; height:30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.index .hashtag .search_box .btn_srch_submit:after {content:''; position:absolute; width:24px; height:24px; top:50%; left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background:url(images/icon_srch_bl.png) no-repeat 50% / cover;
}
.index .hashtag .hashtag_wrap {float:right; width:71.7%;}
.index .hashtag .hashtag_wrap ul {font-size:0;}
.index .hashtag .hashtag_wrap li {display:inline-block; padding:12px 27px;}
.index .hashtag .hashtag_wrap li:last-child {padding-right:0;}
.index .hashtag .hashtag_wrap a {position:relative; display:block; font-size:19px; font-weight:bold; color:#00427b;}
.index .hashtag .hashtag_wrap a:before {content:'#'; display:inline-block;}
@media (max-width: 960px) {
    .index .hashtag .inner {padding:15px 15px 6px;}
    .index .hashtag .search_box,
    .index .hashtag .hashtag_wrap {float:none; width:100%;}
    .index .hashtag .search_box .input_search {padding:10px 30px 10px 10px; font-size:11px; border-width:1px;}
    .index .hashtag .hashtag_wrap ul {padding-top:10px;}
    .index .hashtag .hashtag_wrap li {padding:7px 30px 7px 5px;}
    .index .hashtag .hashtag_wrap li:last-child {padding-right:30px;}
    .index .hashtag .hashtag_wrap a {font-size:14px;}
    .index .hashtag .search_box .btn_srch_submit {width:20px; height:20px; right:10px;}
    .index .hashtag .search_box .btn_srch_submit:after {width:16px; height:17px; background-size:100% auto;}
}
@media (max-width: 380px) {
    .index .hashtag .hashtag_wrap li {padding:7px 16px 7px 5px;}
}

.index .special_post {margin:20px 30px 30px; font-size:1em;}
.index .special_post a {display:block; width:100%; height:100%; font-size:1em; color:#000;}
.index .special_post a strong {font-weight:500;}
.index .special_post ul {position:relative; width:100%; height:0; padding-bottom:22.8%;}
.index .special_post li {position:absolute; height:100%;}
.index .special_post li:nth-child(2) {left:50.9%;}
.index .special_post li:nth-child(3) {left:76.35%;}
.index .special_post li:nth-child(4) {top:51.9%; left:0;}
.index .special_post li:nth-child(5) {top:51.9%; left:25.45%;}
.index .special_post li:nth-child(6) {top:51.9%; left:50.9%;}
.index .special_post li .thumb {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;}
.index .special_post li:hover .title {text-decoration:underline;}
.index .special_post li:hover .thumb {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.index .special_post .size_m {width:49.1%;}
.index .special_post .size_m a {overflow:hidden; color:#fff;}
.index .special_post .size_m .thumb {height:100%;}
.index .special_post .size_m .thumb:after {position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; background:url(images/bg_list.png) repeat-x 0 0; background-size:auto 100%;}
.index .special_post .size_m .title {overflow:hidden; position:absolute; left:0; bottom:4%; width:100%; max-height:2.8em; padding:0 4%; font-size:1.333em; line-height:1.4em;}
.index .special_post .size_s {width:23.65%;}
.index .special_post .size_s .thumb_wrap {overflow:hidden; height:56.25%;}
.index .special_post .size_s .thumb {width:100%; height:100%;}
.index .special_post .size_s .meta {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; font-size:0.722em;}
.index .special_post .size_s .author {color:#666; padding-right:8px; border-right:1px solid #d5d5d5; margin-right:8px; vertical-align:middle;}
.index .special_post .size_s .date {vertical-align:middle;}
.index .special_post .size_s .cont_wrap {height:43.75%; padding:5% 6%; background-color:#eee;}
.index .special_post .size_s .title {overflow:hidden; height:2.8em; line-height:1.4em;}

@media all and (max-width:960px) {
    .index .special_post {margin:16px 16px 24px 16px;}
    .index .special_post ul {width:auto; height:auto; padding-bottom:0; margin-right:-16px;}
    .index .special_post li {float:left; position:static; height:auto; padding-right:16px; margin-bottom:16px;}
    .index .special_post li:nth-child(2),
    .index .special_post li:nth-child(3),
    .index .special_post li:nth-child(4),
    .index .special_post li:nth-child(5),
    .index .special_post li:last-child {top:auto; left:auto;}
    .index .special_post li:last-child {margin-bottom:0;}
    .index .special_post .size_m {width:100%;}
    .index .special_post .size_m a {position:relative; width:100%; height:0; padding-bottom:56.40%;}
    .index .special_post .size_m .thumb {position:absolute; top:0; left:0; width:100%; height:100%;}
    .index .special_post .size_s {width:50%;}
    .index .special_post .size_s .thumb_wrap {position:relative; width:100%; height:0; padding-bottom:55.62%;}
    .index .special_post .size_s .thumb {position:absolute;}
}
@media all and (max-width:480px) {
    .index .special_post .size_m .title {font-size:1em;}
    .index .special_post .size_s .title {font-size:0.875em;}
    .index .special_post ul {margin-right:-10px;}
    .index .special_post li {padding-right:10px; margin-bottom:10px;}
}

.index .banner_area {margin:20px 30px 30px;}
/* .index .banner_area .inner{height:84px;} */
.index .banner_area img {max-width:100%;}

@media all and (max-width:960px) {
    .index .banner_area {display:none;}
}

.index .archive_area {position:relative; font-size:1em;}
.index .archive_area .section_title {position:absolute; top:0; left:0; width:114px; height:28px; line-height:26px; border:1px solid #aaa; margin-bottom:10px; text-align:center; background-color:#fff;}
.index .archive_area .section_title a {display:block; width:100%; height:100%; font-size:0.778em; color:#666;}
.index .archive_area .section_title.current {border:1px solid #00578a; z-index:1;}
.index .archive_area .section_title.current a {font-weight:500; color:#00578a;}
.index .archive_area .section_title.popular_title {left:113px;}
.index .archive_area .list_row {display:none; padding-top:38px;}
.index .list_row > ul > li {position:relative; height:0; padding-bottom:21.73%; margin-bottom:20px;}
.index .list_row > ul > li a {display:block; width:100%; height:100%; font-size:1em; color:#333;}
.index .list_row .title {overflow:hidden; height:2.8em; line-height:1.4em; color:#000;}
.index .list_row a:hover .title {text-decoration:underline;}
.index .list_row a:hover .thumb {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.index .list_row .desc {overflow:hidden; height:3.2em; margin-top:0.556em; font-size:0.722em; color:#666; line-height:1.6em;}
.index .list_row .meta {margin-top:0.667em; color:#666; display:none;}
.index .list_row .category {display:inline-block; padding:3px 5px; margin-right:5px; font-size:0.722em; font-weight:500; color:#fff; line-height:18px; background-color:#6e7579;}
.index .list_row .date {font-size:0.667em;}
.index .list_row > ul > li .thumb_wrap {overflow:hidden; position:absolute; top:0; left:0; width:38.65%; height:100%;}
.index .list_row > ul > li .thumb_wrap .thumb_inner {overflow:hidden; position: relative; width:100%; height:0; padding-top: 56.25%;}
.index .list_row > ul > 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;
    position:absolute; top:0; left:0;}
.index .list_row > ul > li .cont_wrap {position:absolute; top:0; left:38.65%; width:61.3%; height:100%; padding:2% 3%; background-color:#f8f8f8;}
.index .list_row.current {display:block;}

@media all and (max-width:1000px) {
    .index .list_row .meta {margin-top:0.7em;}
}
@media all and (max-width:961px) {
    .index .list_row .desc {display:none;}
    .index .list_row .meta {display:block; position:absolute; bottom:0; margin-bottom:10px;}
}
@media all and (max-width:768px) {
    .index .archive_area .list_row {padding-top:44px;}
    .index .archive_area .section_title {width:50%; margin-bottom:8px; height:38px; line-height:36px;}
    .index .archive_area .section_title.popular_title {left:50%; margin-left:-1px;}
    .index .archive_area .section_title a {font-size:16px;}
    .index .list_row .title {height:auto; max-height:2.8em;}
}
@media all and (max-width:570px) {
    .index .list_row > ul > li {padding-bottom:26.73%;}
    .index .list_row > ul > li .thumb_wrap {width: 47.65%;}
    .index .list_row > ul > li .thumb_wrap .thumb_inner {}
    .index .list_row > ul > li .cont_wrap {width: 52.35%; right: 0; left: auto;}
}
@media all and (max-width:480px) {
    .index .list_row > ul > li .cont_wrap {padding:10px 16px;}
    .index .list_row .title {font-size:0.75em;}
    .index .list_row .category {padding: 2px 5px; font-size:0.63em;}
}
@media all and (max-width:390px) {
    .index .list_row > ul > li .cont_wrap {padding: 4px 10px;}
    .index .list_row .title {font-size:0.7em;}
    .index .list_row .category {padding: 0 5px; font-size:0.5em;}
    .index .list_row .date {font-size:0.5em;}
    .index .list_row .meta {margin-bottom: 6px;}
}
@media all and (max-width:370px) {
    .index .list_row .title {font-size:0.6em;}
    .index .list_row .category {font-size:0.4em;}
    .index .list_row .date {font-size:0.4em;}
}
@media all and (max-width:340px) {
    .index .list_row > ul > li {padding-bottom:29.73%;}
    .index .list_row > ul > li .thumb_wrap {width: 55%;}
    .index .list_row > ul > li .cont_wrap {width: 45%;}
    .index .list_row .title {font-size:0.45em;}
    .index .list_row .category {font-size:0.25em;}
    .index .list_row .date {font-size:0.25em; display:block;}
    .index .list_row .meta {margin:0;}
}
.index .press_room {margin-bottom:40px !important;}
.index .press_room .section_title {padding-top:0; margin-bottom:10px; font-weight:500; font-size:1.222em; color:#00578a;}
.index .press_room .section_title:before {display:inline-block; vertical-align:bottom; content:""; width:1.273em; height:1.455em; margin:0 0.318em -0.136em 0; background:url(images/icon_press.png) no-repeat 50% 50%; background-size:contain;}
.index .press_room div {border:1px solid #e6eef1; background-color:#f3f7fa;}
.index .press_room ul {padding:0 1.111em;}
.index .press_room li {padding:1.09em 0 1.09em 0; border-bottom:1px solid #ededed;}
.index .press_room li:last-child {border:0;}
.index .press_room li a {position:relative; display:block; width:100%; height:100%; padding-right:20px; font-size:0.889em; color:#000;}
.index .press_room li a:after {position:absolute; top:50%; right:0; display:block; content:""; width:7px; height:12px; margin-top:-6px; background:url(images/posco_sprite.png) no-repeat -10px -20px;}
.index .press_room a:hover .title {text-decoration:underline;}
.index .press_room .title {overflow:hidden; max-height:2.8em; line-height:1.4em;}
.index .press_room .title strong {display:block;}
.index .press_room .date {display:block; margin-top:0.556em; font-size:0.667em; color:#666;}
.index .press_room .icon_anchor {top:0.833em;}
@media all and (max-width:1230px) {
    .index .press_room li {padding:0.933em 0 0.933em 0;}
}
@media all and (max-width:960px) {
    .index .press_room .section_title:before {background-image:url(images/icon_press_m.png);}
}
@media all and (max-width:768px) {
    .index .press_room .section_title:before {margin:0 0.318em 0 0;}
    .index .press_room .date {font-size:0.750em;}
}
@media all and (max-width:480px) {
    .index .press_room .section_title {margin-bottom:0.5em; font-size:1.125em;}
    .index .press_room li a {font-size:0.875em;}
    .index .press_room li a:after {background:url(images/posco_sprite_m.png) no-repeat -10px -20px; background-size:100px auto;}
}

.index .multimedia {position:relative; padding-bottom:30px;}
.index .multimedia .section_title {margin-bottom:10px;}
.index .multimedia .carousel {overflow:hidden;}
.index .multimedia .carousel a {overflow:hidden; display:block; width:100%; height:100%;}
.index .multimedia .carousel a:hover .thumb {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.index .multimedia .carousel ul {position:relative; padding-bottom:56.25%;}
.index .multimedia .carousel li {position:absolute; top:0; left:100%; width:100%; height:100%;}
.index .multimedia .carousel li:first-child {left:0;}
.index .multimedia .carousel .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;}
.index .video .carousel .thumb:after {position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; background:url(images/bg_video.png) repeat-x 0 0; background-size:auto 100%;}
.index .video .carousel .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;}
.index .video .carousel .title {position:absolute; top:0; left:0; padding:0.556em; font-weight:500; font-size:0.889em; color:#fff; overflow:hidden; line-height:1.4em; max-height:2.8em;}
.index .multimedia .sw2Slider {position:relative;}
.index .multimedia .sw2_page {position:absolute; bottom:-30px; width:100%; padding:3px; text-align:center;}
.index .multimedia .sw2_page button {width:10px; height:10px; margin:0 6px; border-radius:50%; border:1px solid #6e6e6e; background-color:#b2b2b2;}
.index .multimedia .sw2_page button.on {background-color:#fff;}

@media all and (max-width:960px) {
    .index .multimedia {display:none;}
}

/**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:500; 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 .ks {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:500; 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 video{width:100%;height:auto;}
.single .post_content img {-ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle;}
.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:500;}
.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:500; 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:500; 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:500; color:#999; 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:500; 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) {
    #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:500; 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 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:500; 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:500; 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:500;}
.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:500;font-weight:bold;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:500;}
.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:500;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:500;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; text-align:right; padding-right:8px;}
.custom_select {position:relative;}
.custom_select .option_select{position:relative;font-size:0;letter-spacing: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; letter-spacing:0.025em;}
.custom_select .option_list.on {z-index:102;}
.custom_select .option_list ul {display:none; position:absolute; width:100%; min-height:180px; top:1px; left:0;  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:500;}
.custom_select .option_list ul li.on button,
.custom_select .option_list ul li button:hover {background-color:#f4f4f4;}
.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;}
.custom_select .option_list .change_text {color:#4c4c4c;}/* addClass */

/* 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:34.8%;margin-right:2%;padding-left:104px;}
.srch_wrap .option_list.search_option1 .list_title{width:104px;}
.srch_wrap .option_list.search_option2 {width:28.7%;margin-right:2%;padding-left:45px;}
.srch_wrap .option_list.search_option2 .list_title{width:45px;}
.srch_wrap .option_list.search_option3 {width:32.5%;margin-right:0;padding-left:77px;}
.srch_wrap .option_list.search_option3 .list_title{width:77px;}
.srch_wrap .option_list.search_option1 ul {padding-left:104px;}
.srch_wrap .option_list.search_option2 ul {padding-left:45px;}
.srch_wrap .option_list.search_option3 ul {padding-left:77px;}
.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;}

/* 검색 페이지 결과박스 추가 */
.result_box {position:relative; font-size:0;max-width:965px;padding:15px 0 30px 55px;margin-right:160px;}
.result_box span.list_title{font-size:14px; width:104px;}
.result_box .buttom_search {display:block; width:100%; box-sizing:border-box; height:36px; background:none; padding:0 0 0 104px;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:500; }
.result_box .other_date{display:inline-block;margin-top:15px;margin-left:53px;color:#005386;font-size:14px;font-weight:500;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;}
@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;}
    .custom_select .option_list.search_option1 {width:53.1%;margin-right:1.8%;padding-left:104px;}
    .srch_wrap .option_list.search_option2 {width:45.1%;margin-right:0}
    .srch_wrap .option_list.search_option3 {width:100%;margin-top:10px;padding-left:104px;}
    .srch_wrap .option_list.search_option1 .list_title{width:104px;}
    .srch_wrap .option_list.search_option3 .list_title{width:104px;}
    .srch_wrap .option_list.search_option1 ul,
    .srch_wrap .option_list.search_option3 ul{padding-left:104px;}
    .result_box{padding-top:10px;}
    .result_box span.list_title{text-align:right;}
    .result_box .other_date{margin-left:90px;}
}
@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;}
    .srch_wrap .option_list.search_option2 {width:100%;margin-right:0;margin-top:10px;padding-left:104px;}
    .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:104px;}
    .srch_wrap .option_list.search_option1 .list_title,
    .srch_wrap .option_list.search_option2 .list_title{width:104px; text-align:right;}
    .result_box{padding-left:20px;margin-right:115px;}
}
@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:55px;}
    .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}
}

/* 달력 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:500; 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:500; line-height:36px; border:1px solid #454545; background:#fff;}

/* datepicker */
.ui-datepicker{width:100%; padding:0;}
.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-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:400; 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;}
.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:13px; 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:13px; 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;}
@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;}
}
@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%;}
}
@media (max-width:300px){
    .srch_date .btns .btn_ok,
    .srch_date .btns .btn_cancel{width:80px;}
}

/** 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 .thumb{position:relative;background-color:#eeeeee;width:100%;height:0;padding-top:176.9%;background-size:cover;box-sizing:border-box;border:1px solid #ddd;}
.news_letter_image .thumb a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-indent:-9999px;}
.news_letter_image .thumb a:before{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 .thumb:hover a{background:rgba(0,0,0,0.4);}
.news_letter_image .thumb:hover a:before{display:inline-block;}
.news_letter_image .letter_title{font-size:18px;color:#333;font-weight:500;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;}

@media(max-width:960px) {
    .news_letter_image li{width:33.33%;margin-bottom:5.5%;}
    .news_letter_image .thumb:hover a{background:none}
    .news_letter_image .thumb:hover a:before{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;}
.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:500; 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:500; 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 + 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 + 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; margin-top:66px; font-size:13px; font-weight:500; color:#666; border:1px solid #e6eef1; background:#f3f7fa; position:relative;}
.newsletter .email_write label {line-height:28px; font-size:18px; font-weight:500; color:#333; display:block; position:absolute; top:-40px; left:0;}
.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 .check input[type="checkbox"] + label:before {top:0; left:0;}
    .newsletter .post_content .check .m_block {display:block;}
    .newsletter .post_content .alert {margin-top:10px;}
    .newsletter .email_write {padding:15px; margin-top:58px;}
    .newsletter .email_write label {line-height:28px; font-size:16px; top:-41px; left:0;}
}

/* email */
.email .post_content > ul > li {line-height:36px; margin-bottom:15px; font-weight:500; 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 label {position:absolute;top:0; left:13px;}
.email .post_content .email label {left:15px;}
.email .post_content .title label {left:21px;}
.email .post_content label: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 + 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; left:0;}

@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 label {position:static;text-align:left;}
    .email .post_content label {width:100%;}
    .email .post_content label:after {display:none;}
    .email .post_content input {width:100%;}
    .email .post_content input {width:100%;}
    .email .post_content .email_input input + .sign + 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 {color:#336699; text-decoration:underline;}

/* 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;}

@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:500;}
.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:500;}
.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;}
.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:500; 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;}
}

/**About 포스코**/
.single .about_posco{padding:0 38px; margin:20px 0; color:#111b36; font-size:18px;}
.single .about_posco .web_img{display:block;}
.single .about_posco .mobile_img{display:none;}
.single .about_posco > div{margin-top:40px;}
.single .about_posco .top_text{line-height:1.6; text-align: justify;}
.single .about_posco .short{margin-bottom:1em;}
.single .about_posco .short .impact{font-weight:500;}
.single .about_posco .fact{width:100%; margin-top:70px; text-align:center; position:relative;}
.single .fact .title{display:inline-block; background:#fff; margin:0 35px; position:relative; z-index:1;}
.single .fact .title:before,
.single .fact .title:after{content:''; display:block; width:4px; height:100%; position:absolute; top:0; background:#111b36;}
.single .fact .title:before{left:0;}
.single .fact .title:after{right:0;}
.single .fact h2.about_fact{font-size:2.77em; color:#004795; line-height:1em;  padding:0 35px 6px 35px; position:relative;}
.single .fact h3.about_fact{font-size:1.33em; line-height:1em; padding:0 35px;}
.single .fact .about_fact:before,
.single .fact .about_fact:after{content:''; display:block; width:11px; height:40px; position:absolute; background:url(images/bracket.png) no-repeat;}
.single .fact h2.about_fact:before{top:0; left:0; background-position:0 0;}
.single .fact h2.about_fact:after{top:0; right:0; background-position:-11px 0;}
.single .fact h3.about_fact:before{bottom:0; left:0; background-position:0 -40px;}
.single .fact h3.about_fact:after{bottom:0; right:0; background-position:-11px -40px;}
.single .title_line{width:100%; height:6px; border-top:2px solid #111b36; border-bottom:2px solid #111b36; position:absolute; top:50%; margin-top: -3px; z-index:0;}
.single .about_title{font-size:1.55em; background:#f7f7f7; margin-bottom:30px; padding:3px 10px 3px 62px; position:relative; letter-spacing:-0.04em;}
.single .about_title:before{content:''; display:inline-block; width:27px; height:27px; position:absolute; top:9px; left:21px; background:url(images/about_title.png) no-repeat;}

.single .no_1 li{width:100%; position:relative; padding-bottom:10px;}
.single .no_1 li:after{content:''; display:block; width:100px; height:3px; background:#e3e3e3; position:absolute; top:65px; left:150px;}
.single .no_1 .img{width:290px; display:table-cell; padding:10px 0;}
.single .no_1 .img img{margin:0 25px;}
.single .no_1 .inner{vertical-align:middle; display:table-cell; background:#fff;}
.single .no_1 li .impact, .single .no_1 li .disc{display:block;}
.single .no_1 li .impact{font-size:1.5em; font-weight:500; line-height:1.25; padding-bottom:5px;}
.single .no_1 li .disc{font-size:1.11em; color:#8a8f9c;}

.single .presence .operation,
.single .presence .overseas,
.single .presence .employees{width:33.333%; display:table-cell;}
.single .presence .operation{background:url(images/earth.png) #f2f6fa no-repeat left center;}
.single .presence .overseas{background:url(images/person.png) #dee4ee no-repeat left center;}
.single .presence .employees{background:url(images/human.png) #f2f6fa no-repeat left center;}
.single .presence .num{padding:15px 0 5px; text-align:center; color:#004795; font-size:2.88em; font-weight:500; letter-spacing:-0.01em;}
.single .presence .num_text{text-align:center; font-size:1.11em;; padding:0 35px 20px 35px; line-height:1.25;}

.single .overview .about_title{margin-bottom:0;}
.single .overview li{padding:20px 0; border-bottom:1px dashed #d3d5da;}
.single .overview li:last-child{border-bottom:0;}
.single .overview li > div{display:table-cell;}
.single .overview .img{width:32%; text-align:center; vertical-align:middle;}
.single .overview .img > img{width:100%; max-width:239px;}
.single .overview .text{width:32%; text-align:center; font-size:1.5em; padding:20px; padding-bottom:0;}
.single .overview .center{width:36%;}
.single .overview .num{font-size:1.92em; font-weight:500; line-height:1em; color:#004795; letter-spacing:-0.01em; word-break:break-all;}
.single .overview .num_text{display:block; font-size:0.74em; line-height:1.25; padding:10px 20px 0 20px;}

.single .production .inner{width:100%; background:#111b36; text-align:center; color:#fff; font-weight:300; padding:10px 35px 20px; margin-top:30px; line-height:1.5;}
.single .production .num{font-size:1.94em; line-height:1.2; padding-bottom:10px;}
.single .production .num .impact{font-size:1.57em; color:#0f9dd1; font-weight:500; word-break:break-all;}

.single .premium img{width:100%;}
.single .premium .text{font-size:0.88em; padding:24px 50px; margin-top:10px; background:#f2f2f2;}

.single .leadership .inner{width:100%; background:url(images/leadership_bg.png) #c2c2c5 no-repeat; background-size:cover; padding:14px; line-height:1.25; position:relative;}
.single .leadership .cont{width:100%; height:100%; background:#dde7f3; padding:27px 58px;}
.single .leadership .cont > div:nth-child(1){border-bottom:2px solid #bcc5cf;}
.single .leadership .text{width:50%; text-align:center; display:table-cell;}
.single .leadership .box > div:nth-child(1){border-right:2px solid #bcc5cf;}
.single .leadership .num{font-size:2.88em; display:block; padding:20px 0;}
.single .leadership .num_text{display:block; padding:0 50px 25px 50px;;}
.single .leadership .prize{position:absolute; top:0; left:50%; margin-left:-109px; text-align:center;}

.single .responsibility .cont{padding-bottom:20px;}
.single .responsibility > div:last-child{padding-bottom:0;}
.single .responsibility .cont > div{display:table-cell; vertical-align:middle;}
.single .responsibility .left_txt{width:65%; position:relative;}
.single .responsibility .left_txt:after{content:''; display:block; width:100%; height:1px; border-bottom:2px dashed #edeef0; position:absolute; top:50%; z-index:0;}
.single .responsibility .left_txt .impact{letter-spacing:-0.02em; font-size:1.3em; font-weight:500; display:inline-block; line-height:1.3em; padding-right:10px; margin-right:20px; background:#fff; word-break:break-all; position:relative; z-index:1;}
.single .responsibility .left_txt .text{display:inline-block; padding-top:10px; font-size:0.74em; color:#858790; line-height:1.4em;}
.single .responsibility .right_txt{font-size:1.1em; width:345px;}
.single .responsibility .right_txt .num{color:#00a0e2; font-size:2.26em; font-weight:500;}
.single .responsibility .right_txt .num:before{content:''; display:inline-block; width:52px; height:52px; vertical-align:middle; background:url(images/responsibility.png) no-repeat 0 0; margin:0 10px 4px 15px;}
.single .responsibility .time .num:before{background-position:0 0;}
.single .responsibility .donate .num:before{background-position:0 -52px;}
.single .responsibility .startup .num:before{background-position:0 -104px;}
/*.single .responsibility .house .num:before{background-position:0 -156px;}*/
.single .responsibility .percent .num:before{background-position:0 -208px;}
.single .responsibility .house .num:before{width:52px;height:63px;background:url(images/responsibility_change.png) no-repeat;background-size:100% auto;margin-top:-12px;}

@media all and (min-width:1220px){
    .single .responsibility .left_txt:after{right:0;}
    .single .responsibility .right_txt span{display:inline-block;width:100px;padding-top:25px;vertical-align:top;}
}

@media all and (max-width:1220px){
    .single .overview .num{font-size:1.72em;}

    .single .responsibility .right_txt{font-size:1.11em;}
    .single .responsibility .right_txt .num{font-size:2.66em;}

    .single .responsibility .cont > div{display:block;}
    .single .responsibility > div:last-child{border-bottom:0;}
    .single .responsibility .left_txt{width:100%;}
    .single .responsibility .left_txt .impact{padding-right:0; margin-right:0; word-break:break-all;}
    .single .responsibility .right_txt{width:100%;}
    .single .responsibility .left_txt:after{display:none;}
    .single .responsibility .cont{padding:12px 0; border-bottom:2px dashed #edeef0;}
    .single .responsibility .right_txt .num:before{margin-left:0;}
}
@media all and (max-width:1100px){
    .single .overview .num{font-size:1.62em;}
    .single .responsibility .right_txt .num{font-size:2.46em;}
}
@media all and (max-width:1080px){
    .single .overview .num{font-size:1.52em;}
}
@media all and (max-width:1042px){
    .single .overview .num{font-size:1.3em;}
}
@media all and (max-width:986px){
    .single .overview .num{font-size:1.22em;}
}
@media all and (max-width:960px){
    .single .overview .num{font-size:1.75em;}
}
@media all and (max-width:890px){
    .single .overview .num{font-size:1.5em;}
}
@media all and (max-width:768px){
    .single .about_posco{padding:0; font-size:16px; letter-spacing:0.001em;}
    .single .about_posco .web_img{display:none;}
    .single .about_posco .mobile_img{display:block;}
    .single .about_title{padding-left:51px;}
    .single .about_title:before{top:9px; left:17px; background:url(images/about_title_m.png) no-repeat; background-size:22px auto;}

    .single .fact .title{margin:0 25px;}
    .single .fact h2.about_fact{font-size:2.56em; padding:0 27px 10px 27px;}
    .single .fact .about_fact:before,
    .single .fact .about_fact:after{background:url(images/bracket_m.png) no-repeat; background-size:22px auto;}



    .single .no_1 .img{display:block; width:100%; text-align:center;}
    .single .no_1 .img img{margin:0 auto; width:79px;}
    .single .no_1 li{text-align:center;}
    .single .no_1 li:after{display:none;}
    .single .no_1 .inner{display:inline-block; word-break:break-all;}
    .single .no_1 .inner span{text-align:left;}
    .single .no_1 li .impact{font-size:1.4em;}

    .single .presence .operation,
    .single .presence .overseas,
    .single .presence .employees{width:100%; display:block; padding:5px 0;}
    .single .presence .operation{background:url(images/earth_m.png) #f2f6fa no-repeat left center; background-size:61px auto;}
    .single .presence .overseas{background:url(images/person_m.png) #dee4ee no-repeat left center; background-size:63px auto;}
    .single .presence .employees{background:url(images/human_m.png) #f2f6fa no-repeat left center; background-size:51px auto;}
    .single .presence .num{font-size:2.68em;}
    .single .presence .num_text{padding:0 20% 20px 20%}

    .single .overview .img,
    .single .overview .text{width:100%; display:block; padding:25px 10px 0 10px;}
    .single .overview .img > img{max-width:184px; margin:0 auto;}
    .single .overview .num_text{padding:20px;}
    .single .overview .num{font-size:1.75em;}

    .single .production .num .impact{font-size:1.46em;}

    .single .premium .text{padding:20px 24px;}

    .single .leadership .inner{background-size:150% auto; padding:10px;}
    .single .leadership .box > div:nth-child(1){border-right:0;}
    .single .leadership .cont{padding:25px;}
    .single .leadership .cont > div:nth-child(1){border-bottom:0;}
    .single .leadership .num{font-size:2.68em;}
    .single .leadership .num_text{padding-right:40px; padding-left:40px;}
    .single .leadership .text{width:100%; display:block; border-bottom:2px solid #bcc5cf;}
    .single .leadership .cont > div:nth-child(1) > div:nth-child(1){padding-top:100px;}
    .single .leadership .cont > div:last-child > div:last-child{border-bottom:0;}
    .single .leadership .prize{margin-left:-90px;}
    .single .leadership .prize img{width:180px; height:auto;}

    .single .responsibility .cont{padding:25px 0;}
    .single .responsibility .about_title{margin-bottom:15px;}
    .single .responsibility .left_txt .impact{font-size:1.4em;}
    .single .responsibility .right_txt .num:before{width:41px; height:41px; background-size:41px auto;}
    .single .responsibility .donate .num:before{background-position:0 -41px;}
    .single .responsibility .startup .num:before{background-position:0 -82px;}
    /*.single .responsibility .house .num:before{background-position:0 -123px;}*/
    .single .responsibility .percent .num:before{background-position:0 -164px;}
    .single .responsibility .house .num:before{height:50px;}
}

/**190522 fact-sheet 추가**/
.fact_sheet {font-weight:400; color:#121212;}
.fact_sheet .block {display:block;}
.fact_sheet .b_block {display:block;}
.fact_sheet .black {color:#000;}
.fact_sheet .whitespace {white-space:nowrap;}
.fact_sheet p,
.fact_sheet span,
.fact_sheet strong {/*letter-spacing:-1.35px;*/ line-height: 1.5;}
.fact_sheet  sup {font-size:0.5em;}
.fact_sheet .inner_box{max-width:890px; width:100%; margin:0 auto 35px;}
.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 .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 .enviroment .enviro_circul {color:#121212;}
.fact_sheet .enviroment .enviro_circul h2 {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 20px 30px 35px; 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 p {word-break:break-word;}
.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:25px; 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:15px;}
.fact_sheet .enviroment .enviro_table .one .tree span {color:#004795; /*font-weight:bold;*/}
.fact_sheet .enviroment .enviro_table .one .unit {padding-top:5px;}
.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 {margin-bottom: 40px; padding-top: 40px;}
.fact_sheet .forest .forest_img img {display:block; max-width:100%;}

@media all and (max-width:1140px){
    .fact_sheet .b_block {display:inline;}
    .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 .one .unit {padding-left:20px;}
    .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;}
}
@media all and (max-width:964px){
    .fact_sheet .enviroment .enviro_table li {padding:25px 15px;}
}
@media all and (max-width:768px){
    .fact_sheet .m_block {display:block;}
    .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 .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;}
}
@media all and (max-width:480px){
    .fact_sheet .b_block {display:block;}
    .fact_sheet .enviroment .enviro_table strong.item1 {font-size:30px;}
}

/*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:none; 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;}
}