@charset "utf-8";

@import url("common.css");
@import url("content.css");






#wrap {width: 100%;}
#wrap .inner {width: 1200px; position: relative; margin: 0 auto;}
#container {width: 100%; position: relative; z-index: 1;}
#contents p {word-break:keep-all;  word-wrap:break-word;}


/* 헤더 */
#header {width: 100%; height: 137px; background: #ffffff; z-index: 10; position: absolute; top: 0;}
#header a {}
#header h1 {float: left;}
#header .pos-fixed {position: fixed; left: 0; top: 0; width: 100%; min-width: 800px; background: #ffffff url(/images/common/h_line.png) 0 100% repeat-x;}
#header .inner {position: static; padding-top: 30px;}
#header .util-menu {float: right; z-index: 10;}
#header .util-menu li {position: relative;}
#header .util-menu a {height: 25px; background: url(/images/common/bl_arr_d_2.png) 100% center no-repeat; margin-left: 30px;padding-right: 17px;}
#header .util-menu a,
#header .util-menu ul, 
#header .util-menu li, 
#header .util-menu .keyword, 
#header .util-menu input {float: left;}
#header .util-menu .util-1 span {height: 25px; background: url(/images/common/ic_search.png) center center no-repeat; width: 19px; height: 19px; display: block; color: transparent; font-size: 12px; text-indent:-9999px}
#header .util-menu .util-2 span {height: 25px; background: url(/images/common/ic_global.png) center center no-repeat; width: 24px; height: 24px; display: block; color: transparent; font-size: 12px; text-indent:-9999px}
#header .util-menu .util-3 {padding-top: 3px; height: 22px;}
#header .util-menu .util-3 span {color: #898d92;}
#header .util-menu .btn-cl-search span {height: 25px; background: url(/images/common/btn_close_pop.png) center center no-repeat;}
#header .util-menu .btn-cl-search {position: absolute; right: 0px; top: 0; margin: 0; padding: 0; opacity: 0; display: none;}
#header .util-menu .keyword.show .btn-cl-search {display: block; opacity: 1;}
#header .util-menu .keyword.show .btn-cl-search:hover::after {clear: both; display:none;}
#header .util-menu .keyword.show .util-1 {-webkit-transform: translateX(-170px); transform: translateX(-170px); opacity: 1;}
#header .util-menu .btn-cl-search span {width: 18px; height: 18px; display: block; color: transparent; font-size: 12px; text-indent:-9999px;}
#header .util-menu .keyword {position: relative;}
#header .util-menu .keyword a {
	margin-left: 10px; padding: 3px 0; background: none !important;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#header .util-menu .keyword input {
	width: 0; position: absolute; right: 0; top: -5px; text-indent: 0; background-color: transparent; border: none; border-bottom: 2px solid #51555d; display: none; outline: none;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#header .util-menu .keyword.show input {width: 160px;}



/* 지앤비 */
#gnb {padding-top: 26px; margin: 0 auto; width: 700px;}
#gnb ul li {float: left; width: 25%; text-align: center;}

#gnb ul li.m-1 {height: 81px;}
#gnb ul li.w2 {width: 35%;}
#gnb ul li.w3 {width: 20%;}
#gnb ul li.w4 {width: 20%;}
/* 20200110 김정훈
#gnb ul li.m-1 a:focus {color: #df242b;}
*/
#gnb ul li a.dep-0 {font-size: 24px; font-family: 'nanum-square-b';}
#gnb ul li.on.m-1 {color: #df242b; border-bottom: 1px solid #dd232b;}
#gnb ul li.on.m-1 a.dep-0 {color: #df242b;}
#gnb ul li.curr {color: #df242b; border-bottom: 1px solid #dd232b;}
#gnb ul li.curr a.dep-0 {color: #df242b;}
#gnb ul li li {width: 100%; text-align: left;}
#gnb ul li li a {font-size: 18px; font-weight: normal;}
#gnb ul li li li a {font-size: 15px; color: #898d92;}
#gnb ul li li li a.on {color: #4b4e51;}
#gnb ul li.d-2 {
	width: 150px; position: relative; padding-top: 30px; border-top: 1px solid transparent; z-index: 1;
	-webkit-transition-property: width; transition-property: width;
	-webkit-transition-duration: .3s; transition-duration: .3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}

#gnb ul li.d-2:hover {border-top: 1px solid #dd232b;}
#gnb .menu-1 .dep-1 .fl {background: url(/images/common/ic_gnb_1.png) 100% 83% no-repeat;}
#gnb .w-1 {width: 130px !important;}
#gnb .w-2 {width: 210px !important;}
#gnb .w-3 {width: 180px !important;}
#gnb .w-4 {width: 250px !important;}
#gnb .w-5 {width: 150px !important;}

#gnb .menu-1 ul li.last {width: 150px}
#gnb .menu-2 .dep-1 .fl {background: url(/images/common/ic_gnb_5.png) 100% 83% no-repeat;}
#gnb .menu-2 ul li.w-1 {width: 220px;}
#gnb .menu-3 .dep-1 .fl {background: url(/images/common/ic_gnb_2.png) 100% 83% no-repeat;}
#gnb .menu-3 ul li.d-2 {width: 170px;}

#gnb .menu-3 .d-2 ul li ul {left: 180px;}


/* #gnb .menu-4 {text-align:right;} */
#gnb .menu-4 .dep-1 .fl {background: url(/images/common/ic_gnb_3.png) 100% 83% no-repeat;}
#gnb .menu-4 ul li.d-2 {width: 170px;}

#gnb .dep-1 {
	position: absolute; left: 0; top: 136px; width: 100%; height: 0px; display: none; border-bottom: 2px solid #51555e; background: #ffffff url(/images/common/h_line.png) 0 0 repeat-x;
	-webkit-transition-duration: .4s; transition-duration: .4s;	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#gnb .dep-1.up {background-image: none;}
#gnb .dep-1 .btn-close2 {position: absolute; right: -40px; top: 20px;}
#gnb .dep-1 .btn-close2 a {display: block; width: 18px; height: 18px; text-indent: -100px; overflow: hidden; background: url(/images/common/btn_gnb_close.png) 0 0 no-repeat;}
#gnb .dep-1 .btn-close2 a span {display: block; text-indent:-9999px; overflow: hidden;}
#gnb .dep-1 .fl {position: relative; width: 1200px; height: 244px; margin: 0 auto;}
#gnb .dep-1 .fl:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#gnb .dep-1 .sub-menu {width: 100%; height: 100%; overflow: hidden;}
#gnb .dep-1 .m-list {float: left; width: 100%;}
#gnb .dep-1 .m-list:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#gnb .dep-1 .right {
	float: right; text-align: right; position: absolute; right: 0; top: 26px;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: .3s; transition-duration: .3s;	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#gnb .dep-1 .right.hide {opacity: 0;}
#gnb .dep-1 .right h2 {font-size: 36px; font-weight: bold; line-height: 1em; padding-bottom: 26px;}
#gnb .dep-1 .right p {color: #898d92;}
#gnb .dep-1 ul li:hover a.m-2 {color: #d41c24;}
#gnb .dep-1 ul li ul {padding-top: 10px;}
#gnb .dep-1 ul li li {width: 100%; padding: 2px 0; position: static; line-height: 1.4em;}
#gnb .dep-1 ul li li a span {padding: 5px; margin-left: 7px; background: url(/images/common/ic_sub.png) 80% 50% no-repeat;}
#gnb .dep-1 ul li li a:hover {color: #4b4e51;}
#gnb .dep-1 ul li li a:hover span {background: url(/images/common/ic_sub_over.png) 80% 50% no-repeat;}
#gnb .d-2 ul li ul{
	display: none; position: absolute; left: 90px; top: 60px; width: 120px; opacity: 0; z-index: 2; height: 100%;
	-webkit-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: .3s; transition-duration: .3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
#gnb .d-2 ul li ul.pos-b {top: auto; bottom: 0; height: auto;}
#gnb .d-2 ul li ul.pos-m {top: auto; top: 79px;}
#gnb .d-2 ul li ul.pos-t-2 {top: 85px;}
#gnb .d-2 ul li ul.pos-t-3 {top: 105px;}
#gnb .d-2 .sub.on ul {opacity: 1;}
#gnb .d-2.last ul li ul {right: 0;}
.gnb-area {height: 137px; position: relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.gnb-area.show {display: block;}
#gnb.on .dep-1 {height: 265px !important;}
#gnb.open ul li.m-1 {border-bottom: none;}



body.sm #header {height: 60px;}
body.sm .gnb-area {display: block;}
body.sm #header .inner {padding-top: 0; width: 100%;}
body.sm #header #gnb ul li a.dep-0 {font-size: 18px;}
body.sm #header #gnb ul li.m-1 {height: 39px;}
body.sm #header #gnb {padding-top: 21px;}
body.sm #header .util-menu {padding-top: 0; top: 19px; right: 30px; position: absolute;}
body.sm #header h1 {left: 30px; position: absolute;}
body.sm #header h1 img {max-height: 36px; margin-top: 10px;}
body.sm #header #gnb .dep-1 {top: 60px;}



/* 검색 */
#contents.search .search-wrap {width: 800px; margin: 0 auto; padding-top: 78px; position: relative;}
#contents.search .search-wrap .btn-search {position: absolute; right: 16px; bottom: 18px; height: 25px; background: url(/images/common/ic_search.png) center center no-repeat; margin-left: 10px; padding: 3px 0; width: 19px; height: 19px; display: block;}
#contents.search .search-wrap .btn-search {text-indent: -9999px;}
#contents.search .search-wrap input {text-indent: 0; border: 2px solid #51555e; outline: none; width: 100%; font-size: 16px; color: #e8252d; height: 50px; text-indent: 20px; padding: 4px 0;}
#contents.search p.result {text-align: center; font-size: 18px; color: #4b4e51; padding-top: 30px;}
#contents.search p.result span.keyword {font-weight: bold; color: #898d92;}
#contents.search p.result span.cnt {font-weight: bold; color: #e8252d; border-bottom: 1px solid #e8252d;}
#contents.search .tab-menu {margin-top: 60px;}
#contents.search .tab-menu .count {display: inline-block; min-width: 28px; height: 28px; text-align: center; line-height: 28px; background: #e8252d; color: #ffffff; font-size: 12px; border-radius: 200px 200px 200px 200px; margin-left: 5px;}
#contents.search .tab-menu .count.zero {background: #898d92;}
#contents.search h2 {font-size: 24px; font-weight: bold;}
#contents.search h2 span { color: #e8252d; font-weight: bold;}
#contents.search .no-data {text-align: center; padding: 60px 0; font-size: 18px; margin-top: 23px; border-top: 1px solid #e0e1e2;border-bottom: 1px solid #e0e1e2;}
#contents.search .sec-hearder {position: relative;}
#contents.search .sec-hearder a {position: absolute; right: 0; top: 10px; padding-right: 15px; background: url(/images/common/ic_plus_2.png) 100% center no-repeat;}
#contents.search dl {margin-top: 23px; border-bottom: 1px solid #e0e1e2;}
#contents.search dl dt {padding: 28px 0 18px 0; border-top: 1px solid #e0e1e2;}
#contents.search dl dt a {font-size: 18px; font-family: 'nanum-square-b';}
#contents.search dl dd {position: relative;  line-height: 1.8em; padding-bottom: 23px;}
#contents.search dl dd p {width: 80%;}
#contents.search dl dd span.date {position: absolute; right: 0; top: -45px; color: #898d92;}
#contents.search .section {padding-bottom: 70px;}
#contents.search .tab-menu li {width: 25%;}
#contents.result .tbl-head h3 {text-align: left;}




/* 윤리경영 공정거래 */
#contents.ethics {text-align: center;}
#contents.ethics .grid-2 {padding: 50px 0 100px 0;}
#contents.ethics .grid-2 div {float: left; width: 50%; padding: 300px 50px 0; box-sizing: border-box;}
#contents.ethics .btn-ethics {background: #e8252d; padding: 10px 20px; color: #ffffff;}
#contents.ethics .btn-ethics2 {background: #e8252d; padding: 20px 40px; color: #ffffff;}
#contents.ethics .grid-2 .left {background: url(/images/company/ethics_img_2.jpg) center 0 no-repeat;}
#contents.ethics .grid-2 .right {background: url(/images/company/ethics_img_3.jpg) center 0 no-repeat;}
#contents.ethics .grid-2 .left2 {background: url(/images/company/ethics_img_4.jpg) center 0 no-repeat;}
#contents.ethics .grid-2 .right2 {background: url(/images/company/ethics_img_5.jpg) center 0 no-repeat;}
#contents .ethics-bg-1 {background: url(/images/company/ethics_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .ethics-bg-2 {background: url(/images/company/ethics_taximg.jpg) 0 0 no-repeat; padding-top: 55px;}

#contents.ethics .grid-3 {padding: 0px 0 50px 0;}
#contents.ethics .grid-3 .btns { font-weight: bold;}
#contents.ethics .grid-3 .btns a {margin-right: 0px;}

/* 탭메뉴 */
#contents.ethics .tab-menu {width: 100%; margin-bottom: 60px; height: 57px;}
#contents.ethics .tab-menu .tab-inner {width: 100%; background: #ffffff;}
#contents.ethics .tab-menu li {float: left; width: 33.3%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents.ethics .tab-menu.t4 li {float: left; width: 25%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents.ethics .tab-menu li a {font-size: 17px;}
#contents.ethics .tab-menu li.on {padding-bottom: 16px; border-bottom: 2px solid #51555d;}
#contents.ethics .tab-menu li.on a {font-family: 'nanum-square-b'; color: #51555d;}
#contents.ethics .tab-menu.float .tab-inner {position: fixed; left: 0; top: 60px; z-index: 3; background: #ffffff url(/images/common/under_line.png) 0 100% repeat-x;}
#contents.ethics .tab-menu.float .tab-inner .tab-pos {width: 1200px; margin: 0 auto;}
#contents.ethics .tab-menu li a {color: #6d6f72;}
#contents.ethics .tab-menu:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.ethics .tab-menu.no-mar {margin-bottom: 0;}



#contents.ethics .grid-33 {padding: 50px 0 100px 0;}
#contents.ethics .grid-33 div {float: left; width: 33.3%; padding-top: 300px; }
#contents.ethics .grid-33 .left {background: url(/images/company/ethics_img_2.jpg) center 0 no-repeat;}
#contents.ethics .grid-33 .center {background: url(/images/company/ethics_img_3.jpg) center 0 no-repeat;}
#contents.ethics .grid-33 .right {background: url(/images/company/ethics_img_6.jpg) center 0 no-repeat;}
#contents.ethics .grid-33 div p {padding: 0 50px;}

#contents.ethics h4.ic-1 {background: url(/images/company/ethics_ico_01.png) center 0 no-repeat; padding-top: 80px; margin-top: 20px; }
#contents.ethics h4.ic-2 {background: url(/images/company/ethics_ico_02.png) center 0 no-repeat; padding-top: 80px; margin-top: 20px;}
#contents.ethics h4.ic-3 {background: url(/images/company/ethics_ico_03.png) center 0 no-repeat; padding-top: 80px; margin-top: 20px;}
#contents.ethics h4.ic-4 {background: url(/images/company/ethics_ico_04.png) center 0 no-repeat; padding-top: 80px; margin-top: 20px;}

#contents.ethics .norm   {margin-top: 50px; border:1px solid #e1e1e1; background:#ffffff; display: table; padding:20px 0 20px 0;}
#contents.ethics .norm .hor-4 { position:relative;}
#contents.ethics .norm .hor-4:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
/* #contents.ethics .hor-4 span {display: block; font-size: 20px; color: #e0002a; margin-bottom: 110px;} */
#contents.ethics .norm .hor-4 div {position:relative; float: left; width: 25%; padding: 10px 20px; box-sizing: border-box;background: transparent;}
#contents.ethics .norm .hor-4 h4 {font-size: 22px;}
#contents.ethics .norm .hor-4 h4 span {color:#e8252d; font-size: 22px; display: inline;}
#contents.ethics .norm .hor-4 h4 span.line {display: block; margin-bottom: 0px;}

#contents.ethics .norm2   {margin-top: 50px; border:1px solid #e1e1e1; background:#ffffff;  width:100%; display: table; padding:60px 0 20px 0;}



#contents.ethics .dotbox3 { padding:20px 40px 20px 40px; background: #fbfbfb; 
margin: 0 auto; border:2px dotted #666666; 
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align:left;} 
#contents.ethics .dotbox3 h4{font-size:20px; font-weight:600; color:#2b2d31; margin-top:-20px;}


#contents .btn-type-1 {
	border: 2px solid #eb4047; padding: 15px 20px; font-size: 18px; line-height: 50px; color: #e8252d; font-family: 'nanum-square-b'; display: inline;
	border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;
}




#contents.ethics .call {padding-top: 20px;  }
#contents.ethics .call dl:nth-child(2) {border-top:1px solid #e0e1e2; width:85%; margin:10px auto; padding-top:10px;}
#contents.ethics .call dt {display: inline-block; padding-right: 5px; font-size: 17px !important;}
#contents.ethics .call dd {display: inline-block; padding-right: 20px; color: #898d92; font-size: 17px !important;}
#contents.ethics .call dd a{color: #eb4047;}
#contents.ethics .contact {padding-top: 20px; text-align: center;}
#contents.ethics .contact a {font-size: 18px; font-weight: bold; padding-left: 70px; display: inline-block; line-height: 54px; margin: 0 auto; background: url(/images/company/map_ic_1.png) 0 0 no-repeat;}
#contents.ethics .contact button {border: 0; background: transparent;}





#contents.ethics div.hor-3 div p {padding: 0 20px;}
#contents.ethics div.hor-3 .margin {height: 30px;}
#contents.ethics div.hor-3 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 14px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#contents.ethics .msg {padding-top: 50px;}
#contents.ethics .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.ethics div.hor-3 { padding-bottom: 50px;}
#contents.ethics div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.ethics div.hor-3 div {float: left; width: 50%;}


#contents.ethics div.hor-4 div p {padding: 0 20px; font-size:15px;}
#contents.ethics div.hor-4 .margin {height: 30px;}
#contents.ethics div.hor-4 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#contents.ethics .msg {padding-top: 50px;}
#contents.ethics .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.ethics div.hor-4 { padding-bottom: 50px; text-align:center;}
#contents.ethics div.hor-4:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.ethics div.hor-4 div {float: left; width: 33.3%;}

#contents.ethics div.hor-4 .g-box3 {width:100%;  padding: 0 15px 0 15px; margin: 20px 0px 10px 0px;}
#contents.ethics div.hor-4 .g-box3 p {background: #f8f8f8;  padding: 3px;  font-size: 14px; font-weight:bold; margin: 0px 0px 5px 0px;}

/* 안전보건환경 */
#contents.she-syn {text-align: center;}
#contents.she-syn .grid-2 {padding: 50px 0 100px 0;}
#contents.she-syn .grid-2 .left {border: 1px solid #d6d7d9; width: 48%; padding: 50px 0 50px 0;}
#contents.she-syn .grid-2 .right {border: 1px solid #d6d7d9; width: 48%; float: right; padding: 50px 0 50px 0; min-height: 351px;}
#contents.she-syn .grid-2 .left h4 {padding-top: 60px; background: url(/images/company/she_syn_img_1.gif) center 0% no-repeat;;}
#contents.she-syn .grid-2 .right h4 {padding-top: 60px; background: url(/images/company/she_syn_img_2.gif) center 0% no-repeat;;}
#contents.she-syn .grid-2 li {float: left; width: 50%;}
#contents.she-syn .grid-2 li div {padding: 0 20px; float: none; width: auto; line-height: 1.8em;}
#contents.she-syn .grid-2 li .margin {height: 27px; margin: 17px auto;}
#contents.she-syn div.grid-2 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; background: #df242b; color: #ffffff; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;}
#contents.she-syn .grid-2 div {float: left; width: 50%; min-height: 110px;}
#contents .she-bg-1 {background: url(/images/company/she_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .she-syn-bg-1 {background: url(/images/company/she_syn_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents.she-syn .tab-menu li {width: 33%;}
#contents.she-syn .tbl-head h3 {padding-top: 40px;}
#contents.she div.img {padding: 50px 0;}
#contents.she .tbl tbody th {color: #e0002a;}
#contents.she .tbl td {text-align: left;}
#contents .she-items {width: 902px; margin: 50px auto; margin-bottom: 70px; background: url(/images/company/she_img_3.gif) center 0 no-repeat; min-height: 710px;}
#contents .she-items:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents .she-items div {float: left; width: 260px; padding-top: 24px;}
#contents .she-items div:last-child {width: 255px;}
#contents .she-items dt {color: #ffffff; padding-bottom: 10px;}
#contents .she-items dd {text-align: left; padding: 2px 20px 2px 40px; position: relative;}
#contents .she-items dd:before {content: "ㆍ"; left: 25px; position: absolute;}
#contents .she-items .center {float: left; width: 387px;}
#contents .she-items .center dt {padding: 0 0 10px 0;}
#contents .she-items .center dd {text-align: center; padding: 4px 0;}
#contents .she-items .center dd:before {content: "";}
#contents .she-items .center dd span {text-align: center; padding: 5px 0; padding-left: 0; border-radius: 7px; display: block; width: 226px; margin: 0 auto; background: #ffffff; border: 1px solid #e0e1e2;}
#contents.guide div.img {padding-bottom: 30px;}
#contents.guide .line2-list {margin-top: 70px; border-top: 2px solid #51555e;}
#contents.guide .line2-list li .detail ul li {width: 25%; text-align: left; padding: 8px 0;}
#contents.guide .line2-list li .detail ul li span {padding-left: 20px; display: block;}
#contents.guide .line2-list li .detail ul li a {right: 20px; top: 4px;}
#contents.guide .line2-list li .right p {text-align: left;}
#contents.guide .line2-list li .left {width: 270px;}
#contents.guide .line2-list li .right {width: 320px;}
#contents.guide .line2-list li .right {height: 140px;}
#contents.guide .line2-list li .detail {top: 213px;}
#contents .guide-bg-1 {background: url(/images/company/guide_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .result-bg-1 {background: url(/images/company/result_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}

/*2017년 6월22일*/

#contents.activity .grid-2 {padding: 50px 0 100px 0;}
#contents.activity .grid-2 div {float: left; width: 50%; padding: 300px 50px 0; box-sizing: border-box;}
#contents.activity .btn-ethics {background: #e8252d; padding: 10px 20px; color: #ffffff;}
#contents.activity .grid-2 .left {background: url(/images/company/ethics_img_2.jpg) center 0 no-repeat;}
#contents.activity .grid-2 .right {background: url(/images/company/ethics_img_3.jpg) center 0 no-repeat;}
#contents .ethics-bg-1 {background: url(/images/company/ethics_img_1.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .gstory-bg {background: url(/images/esg/gstory_bg.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .esr-bg-1 {background: url(/images/company/ers_vusial.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents .esr-bg-2 {background: url(/images/company/srg_visual02.jpg) 0 0 no-repeat; padding-top: 55px;}
#contents.activity .tab-menu li {width: 33%;}


#contents.activity div.hor-3 div p {padding: 0 20px;}
#contents.activity div.hor-3 .margin {height: 30px;}
#contents.activity div.hor-3 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#contents.activity .msg {padding-top: 50px;}
#contents.activity .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.activity div.hor-3 {border-bottom: 1px solid #dedfe0; padding-bottom: 50px;}
#contents.activity div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.activity div.hor-3 div {float: left; width: 50%;}



/*2017년 6월26일*/
#contents.activity .grid-4 {padding: 50px 0 100px 0;}
#contents.activity .grid-4 div {float: left; width: 33.3%; padding-top: 300px; }
#contents.activity .grid-4 .left {background: url(/images/company/engage_img_1.png) center 0 no-repeat;}
#contents.activity .grid-4 .center {background: url(/images/company/engage_img_2.png) center 0 no-repeat;}
#contents.activity .grid-4 .right {background: url(/images/company/engage_img_3.png) center 0 no-repeat;}
#contents.activity .grid-4 div p {padding: 0 50px;}
#contents.activity .tab-menu li {width: 25%;}
#contents.activity {text-align: center;}





#contents.activity .grid-3 {padding: 50px 0 100px 0;}
#contents.activity .grid-3 div {float: left; width: 33.3%; padding-top: 300px; }
#contents.activity .grid-3 .left {background: url(/images/company/way_img_2.jpg) center 0 no-repeat;}
#contents.activity .grid-3 .center {background: url(/images/company/way_img_3.jpg) center 0 no-repeat;}
#contents.activity .grid-3 .right {background: url(/images/company/way_img_4.jpg) center 0 no-repeat;}
#contents.activity .grid-3 div p {padding: 0 50px;}
.mtm30 {display:block;margin-top:-30px;}
.ptcsr10 {padding-top:10px;display:block;}
.ptl10 {padding-top:10px;display:block; text-align:left; font-size:13px;}
.ptr10 {padding-top:10px;display:block; text-align:right;}



#contents.activity {text-align: center;}

#contents.activity .grid-5 .left {border: 1px solid #d6d7d9; width: 100%; padding: 50px 0 50px 0;}
#contents.activity .grid-5 .right {border: 1px solid #d6d7d9; width: 48%; float: right; padding: 50px 0 50px 0; min-height: 351px;}
#contents.activity .grid-5 li {float: left; width: 25%;}
#contents.activity .grid-5 li div {padding: 0 20px; float: none; width: auto; line-height: 1.8em;}
#contents.activity .grid-5 li .margin {height: 27px; margin: 17px auto;}
#contents.activity div.grid-5 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; background: #df242b; color: #ffffff; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;}
#contents.activity .grid-5 div {float: left; width: 50%; min-height: 110px;}


#contents.activity .grid-6 div {float: left; width: 50%;}
#contents.activity .grid-6 div p, #contents.activity .grid-6 div h4 {text-align: left;}
#contents.activity .grid-6.mar-t {padding-top: 50px;}
#contents.activity .grid-6 div.right {float: right; width: 48%;}
#contents.activity .grid-6 div.lf-full {float: left; width: 100%;}
#contents.activity .grid-6 div p, #contents.ceo .grid-2 div h4 {text-align: left;}
#contents.activity .grid-6 div p.mar-r {padding-right: 50px;}
#contents.activity .grid-6 div h4 span {margin: 15px 0;}


/*2017년 6월26일끝*/

/* 인재채용 - 채용정보 */


.activity .duty {display: none; margin-top: 50px;}
.activity .duty.on {display: block;}
.activity .duty h3 {padding-bottom: 70px !important;}
.activity .duty li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}

.activity .duty li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
.activity .duty ul li.fl {float: left; clear: both;}
.activity .duty ul li.fl2 {float: left; width: 100%; clear: both;}
.activity .duty ul li.fl2:after {display: block;clear: both;}
.activity .duty li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.activity .duty li.fl2 span {float: left; text-align: left; width: 89%;}

.activity .duty li strong {float: left; width: 22%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.activity .duty li span {float: left; text-align: left; width: 78%;}
.activity .research {background: url(/images/recruit/duty_img_1.gif) 0 0 no-repeat; height: 510px; width: 844px; margin: 0 auto; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}

#contents .activity-bg-3 {background: url(/images/together/sc_bg03.jpg) 0 0 no-repeat; padding-top: 20px;}
/*2017년 6월22일*/

.ethics .duty {display: none; margin-top: 50px;}
.ethics .duty.on {display: block;}
.ethics .duty h3 {padding-bottom: 70px !important;}
.ethics .duty li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}

.ethics .duty li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
.ethics .duty ul li.fl {float: left; clear: both;}
.ethics .duty ul li.fl2 {float: left; width: 100%; clear: both;}
.ethics .duty li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.ethics .duty li.fl2 span {float: left; text-align: left; width: 89%;}

.ethics .duty li strong {float: left; width: 22%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.ethics .duty li span {float: left; text-align: left; width: 78%;}
.ethics .research {background: url(/images/recruit/duty_img_1.gif) 0 0 no-repeat; height: 510px; width: 844px; margin: 0 auto; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.ethics .num {display:block; width: 50px; height: 50px; line-height: 50px; text-align:center;margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}


.she-syn .duty {display: none; }
.she-syn .duty.on {display: block;}
.she-syn .duty h3 {}
.she-syn .duty li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}

.she-syn .duty li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
.she-syn .duty ul li.fl {float: left; clear: both;}
.she-syn .duty ul li.fl2 {float: left; width: 100%; clear: both;}
.she-syn .duty li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.she-syn .duty li.fl2 span {float: left; text-align: left; width: 89%;}

.she-syn .duty li strong {float: left; width: 22%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.she-syn .duty li span {float: left; text-align: left; width: 78%;}
.she-syn .research {background: url(/images/recruit/duty_img_1.gif) 0 0 no-repeat; height: 510px; width: 844px; margin: 0 auto; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}

.ethics .duty2 {display: block; margin-top: 50px; border:1px solid #e1e1e1; background:#ffffff;  width:100%; padding:20px 0px 20px 0px; }
.ethics .duty2 li {float: left; width: 48%; padding-bottom: 25px; line-height: 1.8em; margin-right: 2%; padding-left:80px;}

.ethics .duty2 li:nth-child(2n) {margin-left: 2%; width: 48%; margin-right: 0;  padding-left:0px; padding-right:80px;}
.ethics .duty2 ul li.fl {float: left; clear: both;}
.ethics .duty2 ul li.fl2 {float: left; width: 100%; clear: both;}
.ethics .duty2 li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.ethics .duty2 li.fl2 span {float: left; text-align: left; width: 89%;}

.ethics .duty2 li .box1 {border-top:1px solid #e1e1e1;  padding:45px 0 40px 0;}

.ethics .duty2 li .box1 strong {float: left; width: 22%; font-size: 18px; font-weight: bold; text-align: left !important; display: block; }
.ethics .duty2 li .box1 div {font-size:17px; float: left; text-align: left !important; width: 78%;}
.ethics .duty2 li .box1 div h4 {font-size:22px !important; margin:-10px 0 -25px 0;}
.ethics .duty2 ul:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}

.ethics .research {background: url(/images/recruit/duty_img_1.gif) 0 0 no-repeat; height: 510px; width: 844px; margin: 0 auto; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.ethics .num {display:block; width: 50px; height: 50px; line-height: 50px; text-align:center;margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/* .ethics .duty3 {display: block; margin-top: 50px; border:1px solid #e1e1e1; background:#ffffff;  width:100%; padding:50px 0px 30px 0px; } */

.ethics .duty3  { padding:50px 0px 50px 0px; background: #fbfbfb; 
margin: 0 auto; border:2px dotted #666666; 
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } 

/* 사회공헌 */
#contents.way {text-align: center;}
#contents.way .grid-3 {padding: 50px 0 100px 0;}
#contents.way .grid-3 div {float: left; width: 33.3%; padding-top: 300px;}
#contents.way .grid-3 .left {background: url(/images/company/way_img_2.jpg) center 0 no-repeat;}
#contents.way .grid-3 .center {background: url(/images/company/way_img_3.jpg) center 0 no-repeat;}
#contents.way .grid-3 .right {background: url(/images/company/way_img_4.jpg) center 0 no-repeat;}
#contents.way .grid-3 div p {padding: 0 50px;}
#contents .way-bg-1 {background: url(/images/company/way_img_1.jpg) 0 0 no-repeat; padding-top: 40px;}
#contents .way-bg-2 {background: url(/images/company/ethics_Human-Rights.jpg) 0 0 no-repeat; padding-top: 40px;}
#contents .activity-bg-1 {background: url(/images/company/activity_img_1.jpg) 0 0 no-repeat; padding-top: 60px;}
#contents .activity-bg-2 {background: url(/images/company/ac01_img_1.png) 0 0 no-repeat; padding-top: 60px;}
#contents.activity {text-align: center;}
#contents.activity .past {margin: 0 auto; margin-top: 70px; margin-bottom: 50px; background: url(/images/company/activity_img_2.jpg) 0 10px no-repeat; width: 1116px;}
#contents.activity .past:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.activity .past div {float: left; width: 25%;}
#contents.activity .past dl {margin: 0 20px;}
#contents.activity .past dt {color: #e0002a; font-size: 24px; padding-bottom: 280px; min-height: 50px;}
#contents.activity .past dt:nth-child(3) {padding: 0 0 280px 0;}
#contents.activity .past dd {text-align: left; position: relative; padding: 3px 60px 3px 15px;}
#contents.activity .past dd:before {content: "ㆍ"; position: absolute; left: 0;}
#contents.activity .past dd span {position: absolute; top: 3px; right: 0; color: #898d92; font-size: 12px;}




/* #contents.activity .past2 {margin: 0 auto; margin-top: 70px; margin-bottom: 50px; background: url(/images/company/activity_img_2_1.jpg) 0 10px no-repeat; width: 1116px;}
#contents.activity .past2:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.activity .past2 div {float: left; width: 33.3%;}
#contents.activity .past2 dl {margin: 0 20px;}
#contents.activity .past2 dt {color: #e0002a; font-size: 24px; padding-bottom: 280px; min-height: 50px;}
#contents.activity .past2 dt:nth-child(3) {padding: 0 0 280px 0;}
#contents.activity .past2 dd {text-align: left; position: relative; padding: 3px 60px 3px 15px;}
#contents.activity .past2 dd:before {content: "ㆍ"; position: absolute; left: 0;}
#contents.activity .past2 dd span {position: absolute; top: 3px; right: 0; color: #898d92; font-size: 12px;} */


#contents.activity .past2 {margin: 0 auto; margin-top: -20px; margin-bottom: 50px; 
background: url(/images/company/activity_img_2_2.jpg) 0 10px no-repeat; width: 1116px;}
#contents.activity .past2:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.activity .past2 div {float: left; width: 33.3%;}
#contents.activity .past2 dl {margin: 0 20px;}
#contents.activity .past2 dt {margin-top: 135px; color: #e0002a; font-size: 24px; font-weight:bold;padding-bottom: 250px; min-height: 50px;}
#contents.activity .past2 dt:nth-child(3) {padding: 0 0 280px 0;}
#contents.activity .past2 dd {text-align: left; position: relative; padding: 3px 20px 3px 70px;}
#contents.activity .past2 dd:before {content: "ㆍ"; position: absolute; left: 50px;}
#contents.activity .past2 dd span {position: absolute; top: 3px; right: 0; color: #898d92; font-size: 12px;}

#contents.activity .Great {margin: 0 auto; margin-top: -20px; margin-bottom: 50px; 
 width: 100%;}
#contents.activity .Great h4 {font-size:18px; margin-bottom:-50px;}
#contents.activity .Great:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.activity .Great div:nth-child(1) {float: left; width: 75%; padding:0 10px 0 0px;}
#contents.activity .Great div:nth-child(2) {float: left; width: 25%; padding:0 15px 0 15px;}

#contents.activity .Great .noti {text-align:center; font-size:13px;}



#contents.activity .tab-menu-2 {padding-bottom: 40px;}
#contents.activity .tab-menu-2:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.activity .tbl-type-1 {margin: 60px 0 30px 0;}

#contents.activity .section .img-cont:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.activity .section .img-cont{padding-bottom: 50px;}
#contents.activity .section .img-cont.mar-t {padding-top: 35px;}
#contents.activity .section .img-cont h3 {text-align: left; padding-top: 0;}
#contents.activity .section .img-cont .line {margin: 15px 0; margin-bottom: 0;}
#contents.activity .section .img-cont span {color: #e0002a;}
#contents.activity .section .img-cont p span {color: #e0002a;}
#contents.activity .section .img-cont p {text-align: left;}
#contents div.img.mar-t {padding-top: 50px;}
#contents.activity .section .img-r div.l {float: left; width: 770px; text-align: left;}
#contents.activity .section .img-r div.r {float: right; text-align: right; width: 400px;}
#contents.activity .section .img-l div.l {float: left; width: 400px; text-align: left;}
#contents.activity .section .img-l div.r {float: right; text-align: right; width: 770px;}
#contents.activity .section .red-bg {
	display: inline-block; background: #e0002a; border-radius: 200px; font-size: 18px; padding: 15px 40px 10px 40px; color: #ffffff; margin: 80px 0 0 0; line-height: 1.3em;
	background: rgba(236,72,40,1);
	background: -moz-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236,72,40,1)), color-stop(100%, rgba(224,1,42,1)));
	background: -webkit-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: linear-gradient(135deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4828', endColorstr='#e0012a', GradientType=1 );
}
#contents.activity .section .red-bg span {display: block; }
#contents.activity .section.page {display: none;}
#contents.activity .section.page.on {display: block;}

#contents.activity .corps:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
#contents.activity .corps {background: url(/images/company/activity_img_10.gif) 0 0 no-repeat; height: 360px;}
#contents.activity .corps div {float: left; width: 156px; margin-right: 18px;}
#contents.activity .corps div:last-child {margin-right: 0;}
#contents.activity .corps dl {margin-top: 107px;}
#contents.activity .corps dt {height: 58px; padding-top: 20px;}
#contents.activity .corps dt span {display: block; color: #CD5302; font-size: 12px;}
#contents.activity .corps dd {text-align: left; padding: 1px 15px; position: relative; max-width: 115px; margin-left: 30px;}
#contents.activity .corps dd span {font-size: 12px;}
#contents.activity .corps dd:before {content: "ㆍ"; position: absolute; left: 0;}
#contents.activity .corps dd:nth-child(2) {padding-top: 20px;}



#contents.activity .tab-menu-2 li {width: 20%; float: left; border-right: 0;}
#contents.activity .tab-menu-2 li a {color: #e0002a; font-size: 18px; display: block; padding: 75px 0 20px 0; border: 1px solid #e1e1e1; border-right: none;}
#contents.activity .tab-menu-2 li:nth-child(1) {background: url(/images/company/activity_ic_1.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li:nth-child(2) {background: url(/images/company/activity_ic_2.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li:nth-child(3) {background: url(/images/company/activity_ic_3.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li:nth-child(4) {background: url(/images/company/activity_ic_4.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li:nth-child(5) {background: url(/images/company/activity_ic_5.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li:nth-child(5) a {border-right: 1px solid #e1e1e1;}
#contents.activity .tab-menu-2 li.on {background: #e0002a;}
#contents.activity .tab-menu-2 li.on .arr {display: block; height: 8px; width: 100%; background: #e0002a url(/images/company/activity_tab_arr.png) center 100% no-repeat;;}
#contents.activity .tab-menu-2 li.on a {color: #ffffff; border: none; padding-top: 76px; padding-bottom: 21px;}
#contents.activity .tab-menu-2 li.on:nth-child(1) {background: #e0002a url(/images/company/activity_ic_1_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li.on:nth-child(2) {background: #e0002a url(/images/company/activity_ic_2_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li.on:nth-child(3) {background: #e0002a url(/images/company/activity_ic_3_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li.on:nth-child(4) {background: #e0002a url(/images/company/activity_ic_4_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-2 li.on:nth-child(5) {background: #e0002a url(/images/company/activity_ic_5_over.png) center 27px no-repeat;}


#contents.activity .tab-menu-3 {padding-bottom: 40px;}
#contents.activity .tab-menu-3:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.activity .tab-menu-3 li {width: 25%; float: left; border-right: 0;}
#contents.activity .tab-menu-3 li a {color: #e0002a; font-size: 18px; display: block; padding: 75px 0 20px 0; border: 1px solid #e1e1e1; border-right: none;}
#contents.activity .tab-menu-3 li:nth-child(1) {background: url(/images/company/activity_ic_2.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li:nth-child(2) {background: url(/images/company/activity_ic_3.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li:nth-child(3) {background: url(/images/company/activity_ic_4.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li:nth-child(4) {background: url(/images/company/activity_ic_5.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li:nth-child(5) {background: url(/images/company/activity_ic_1.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li:nth-child(4) a {border-right: 1px solid #e1e1e1;}
#contents.activity .tab-menu-3 li.on {background: #e0002a;}
#contents.activity .tab-menu-3 li.on .arr {display: block; height: 8px; width: 100%; background: #e0002a url(/images/company/activity_tab_arr.png) center 100% no-repeat;;}
#contents.activity .tab-menu-3 li.on a {color: #ffffff; border: none; padding-top: 76px; padding-bottom: 21px;}
#contents.activity .tab-menu-3 li.on:nth-child(1) {background: #e0002a url(/images/company/activity_ic_2_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li.on:nth-child(2) {background: #e0002a url(/images/company/activity_ic_3_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li.on:nth-child(3) {background: #e0002a url(/images/company/activity_ic_4_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li.on:nth-child(4) {background: #e0002a url(/images/company/activity_ic_5_over.png) center 27px no-repeat;}
#contents.activity .tab-menu-3 li.on:nth-child(5) {background: #e0002a url(/images/company/activity_ic_6_over.png) center 27px no-repeat;}



#contents.activity .tab-menu-4 {padding-bottom: 40px;}
#contents.activity .tab-menu-4:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.activity .tab-menu-4 li {width: 33.3%; float: left; border-right: 0;}
#contents.activity .tab-menu-4 li a {color: #e0002a; font-size: 18px; display: block; padding: 75px 0 20px 0; border: 1px solid #e1e1e1; border-right: none;}
#contents.activity .tab-menu-4 li:nth-child(1) {background: url(/images/esg/focus_ico1.png) center 27px no-repeat;}
#contents.activity .tab-menu-4 li:nth-child(2) {background: url(/images/esg/focus_ico2.png) center 27px no-repeat;}
#contents.activity .tab-menu-4 li:nth-child(3) {background: url(/images/esg/focus_ico3.png) center 27px no-repeat;}
#contents.activity .tab-menu-4 li:nth-child(3) a {border-right: 1px solid #e1e1e1;}
#contents.activity .tab-menu-4 li.on {background: #e0002a;}
#contents.activity .tab-menu-4 li.on .arr {display: block; height: 8px; width: 100%; background: #e0002a url(/images/company/activity_tab_arr.png) center 100% no-repeat;;}
#contents.activity .tab-menu-4 li.on a {color: #ffffff; border: none; padding-top: 76px; padding-bottom: 21px;}
#contents.activity .tab-menu-4 li.on:nth-child(1) {background: #e0002a url(/images/esg/focus_ico1_ov.png) center 27px no-repeat;}
#contents.activity .tab-menu-4 li.on:nth-child(2) {background: #e0002a url(/images/esg/focus_ico2_ov.png) center 27px no-repeat;}
#contents.activity .tab-menu-4 li.on:nth-child(3) {background: #e0002a url(/images/esg/focus_ico3_ov.png) center 27px no-repeat;}










/* 광고갤러리 - 목록 */
#contents .gallery {position: relative;}
#contents .gallery .list {float: right; width: 270px;}
#contents .gallery .list li {padding-bottom: 14px;}
#contents .gallery .list li a {display: block; position: relative; width: 230px; height: 116px;}
#contents .gallery .list li a:focus {border:1px dotted #000000; z-index:9999;}
#contents .gallery .list li a img {width: 100%; height: 100%;}
#contents .gallery .list li a span {display: block; position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
#contents .gallery .list li a span.txt:before {content: ""; background: url(/images/company/ic_play.png) 0 0 no-repeat; display: block; position: absolute; top: 10px; left: 50%; width: 25px; height: 29px; margin-left: -12px;}
#contents .gallery .list li a span.txt {color: #fff; font-size: 12px; z-index: 2; padding-top: 45px; margin-top: 20px; line-height: 16px; overflow: hidden; max-height: 32px; text-overflow: ellipsis; -webkit-line-clamp: 2; word-wrap: break-word;}
#contents .gallery .list li a span.cover {background: #000000; z-index: 1; opacity: 0.5; height: 116px;}
#contents .gallery .list li a.on span.txt {display: none;}
#contents .gallery .list li a.on span.cover,
#contents .gallery .list li a:focus span.cover,
#contents .gallery .list li a:active span.cover {opacity: 1; background: transparent; border: 2px solid #e8252d; box-sizing: border-box;}
#contents .mv-area {float: left; width: 900px;}dksoajt
#contents .mv-area .section h3 {padding-top: 30px;}
#contents .mv-area.on {display: block;}

#contents .mv-area2 {margin:0 auto; width: 900px;height: 506px; border: 1px solid #000000; background: #000000; }
#contents .mv-area2 .section h3 {padding-top: 30px;}
#contents .mv-area2.on {display: block;}


/* 광고갤러리 - 레이아웃 */
#contents .gallery .slider-wrap {position: relative; height: 506px; overflow: hidden;}
#contents .gallery .slider-wrap .slider-inner {position: absolute; left: 0; top: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

/* 광고갤러리 - 펼침 닫힘 */
#contents .gallery .mv-info {padding-top: 15px;}
#contents .gallery .mv-info dl dd.first {padding-left: 0;}
#contents .gallery .mv-info dl dt {float: left; width:0; overflow: hidden; display: none;}
#contents .gallery .mv-info dl dd {float: left; background: url(/images/common/line_v.png) 100% center no-repeat; padding: 0 8px;}
#contents .gallery .mv-info dl dd.last {background: none;}
#contents .gallery .mv-info dl dd span {color: #e8252d;}

/* 광고갤러리 - 인쇄광고 */
#contents .mv-gallery {min-height: 506px;}
#contents .mv-gallery .caption {position: relative; float: none; clear: both; width: 100%; margin-top: 10px; padding-top: 10px; display: none;}
#contents .mv-gallery .caption .arrow {position: absolute; left: 0; top: 1px; width: 70px; height: 10px; background: url(/images/company/arrow.png) 0 0 no-repeat;}
#contents .mv-gallery .caption .scroll-wrap {height: 70px; overflow: auto; border: 1px solid #e6e7e9; padding: 30px; color: #898d92; line-height: 1.9em;}
#contents .mv-gallery .mv-info:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents .mv-gallery .mv-info a {float: left; padding-left: 30px; background: url(/images/company/ic_txt.png) 0 center no-repeat;}
#contents .mv-gallery .mv-info dl {float: right;}
#contents .mv-gallery .list {position: absolute; top: 0; right: 0;}




#contents .paper-gallery .mv-area {width: 600px; display: none;}
#contents .paper-gallery .mv-area.on {display: block;}
#contents .paper-gallery .pos-b {position: absolute; right: 0; top:455px;  width: 540px; padding-right: 30px;}
#contents .paper-gallery .slider-wrap {min-height: 460px;}
#contents .paper-gallery .list {width: 570px;}
#contents .paper-gallery .list li {float: left; margin: 0 30px 30px 0; padding: 0;}
#contents .paper-gallery .list li a {width: 150px; height: 200px;}
#contents .paper-gallery .list li a span {width: 150px; height: 200px;}
#contents .paper-gallery .list li a span.txt {background: none; padding-top: 70px;}
#contents .paper-gallery .list li a span.txt:before {display: none;}
#contents .paper-gallery .list li a span.cover {width: 150px; height: 200px;}
#contents .paper-gallery .list li a.on span.cover,
#contents .paper-gallery .list li a:focus span.cover,
#contents .paper-gallery .list li a:active span.cover {opacity: 1; background: transparent; border: 2px solid #e8252d;}



/* #contents .paper-gallery .mv-area {width: 600px; display: none;}
#contents .paper-gallery .mv-area.on {display: block;}
#contents .paper-gallery .pos-b {position: absolute; right: 0; bottom: 0; width: 540px; padding-right: 30px;}
#contents .paper-gallery .slider-wrap {height: 460px;}
#contents .paper-gallery .list {width: 570px;}
#contents .paper-gallery .list li {float: left; margin: 0 30px 30px 0; padding: 0;}
#contents .paper-gallery .list li a {width: 150px; height: 200px;}
#contents .paper-gallery .list li a span {width: 150px; height: 200px;}
#contents .paper-gallery .list li a span.txt {background: none; padding-top: 70px;}
#contents .paper-gallery .list li a span.txt:before {display: none;}
#contents .paper-gallery .list li a span.cover {width: 150px; height: 200px;}
#contents .paper-gallery .list li a.on span.cover,
#contents .paper-gallery .list li a:focus span.cover,
#contents .paper-gallery .list li a:active span.cover {opacity: 1; background: transparent; border: 2px solid #e8252d;} */
.paper_zoom {color: #e8252d;}
.paper_close {display: block; width: 18px; height: 18px; overflow: hidden; background: url(/images/common/btn_close.png) 50% no-repeat; text-indent: -10000px; position: absolute; top: 0; right: -30px; padding: 6px;}
.paper_pop {border: 1px solid #000; background: #fff; position: fixed; z-index: 100; top: 50%; left: 50%; display: none;}
.paper_pop_dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, .7); display: none;}


/* CI매뉴얼 */
#contents.logo .ai .sec-header .right a {font-weight: bold; margin-left: 10px;}
#contents.logo .ai .sec-header .right {padding-top: 14px;}
#contents.logo .ai .box {border: 1px solid #e6e7e8; margin-top: 30px;}
#contents.logo .ai .box:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.logo .ai .box .left {width: 50%; padding: 50px 0; text-align: center;} 



#contents.logo .ai .box2 {overflow: hidden;  display: block; margin-top: 50px; border:1px solid #e6e7e8; background:#ffffff;  width:100%; padding:20px 0px 20px 0px; }
#contents.logo .ai .box2 li {float: left; width: 48%; padding-bottom: 50px; line-height: 1.8em; margin-right: 2%; padding-left:20px;}

#contents.logo .ai .box2 li:nth-child(2n) {margin-left: 2%; width: 48%; margin-right: 0;  padding-left:0px; padding-right:20px;}
#contents.logo .ai .box2 ul li.fl {float: left; clear: both;}






#contents.logo .mark {padding-top: 30px;}
#contents.logo .mark .mar-t {margin-top: 80px; padding-top: 60px; border-top: 1px solid #e0e1e2;}
#contents.logo .mark .innr-1 {position: relative; margin-top: 20px;}
#contents.logo .mark .innr-1:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}

#contents.logo .mark .innr-1 .left {width: 82%; }
#contents.logo .mark .innr-1 .right {position: relative; width: 18%; text-align: right; margin-top: 75px;}
#contents.logo .mark .innr-1 .right img {position: absolute; top: 0; right: 30px; }
#contents.logo .mark .innr-1 .right img.mar-b {top: -20px;}


#contents.logo .mark .innr-3 {position: relative; margin-top: 20px; }
#contents.logo .mark .innr-3:after { display: block; content:""; height: 0px; clear: both; visibility:hidden;}
#contents.logo .mark .innr-3 .left2 {width: 27%; float: left; padding:0px;  margin-right:20px;}
#contents.logo .mark .innr-3 .left2 h3 {font-family: 'nanum-square-b'; font-size: 24px; padding-bottom: 20px; line-height:1.3em;}
#contents.logo .mark .innr-3 .left2 h3 span {display: block; margin-top:-5px;font-size:18px;}
#contents.logo .mark .innr-3 .left2 p {font-size:14px;}
#contents.logo .mark .innr-3 .right2 {float: right; position: relative; width: 70%; text-align: right; margin-top: 80px; }







#contents.logo .mark .innr-1 p .left {width: 145px;}
#contents.logo .mark .innr-1 p .right {}
#contents.logo .mark .innr-2 {margin-top: 35px;}
#contents.logo .mark .innr-2:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.logo .mark .innr-2 .left {width: 46%;}
#contents.logo .mark .innr-2 .right {width: 46%;}
#contents.logo .mark .innr-2 p .left.rule {}
#contents.logo .mark .innr-2 p .left {width: 145px;}
#contents.logo .mark .innr-2 p .right {}
#contents.logo .mark .innr-2 p span {width: 25%; min-height: 100px;}
#contents.logo .mark .innr-2 p span+span {width: 75%;}
#contents.logo .mark .innr-2.mar-b {padding-bottom: 35px;}
#contents.logo .mark .innr-2.mar-b2 {padding-bottom: 45px;}
#contents .sec-header:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}



/* 연혁 */
#contents .tab-menu.history li {width: 20%;}
#contents.history .section .pos-r {float: right;  background: url(/images/company/line.png) 0 0 repeat-y;}
/* #contents.history .section .pos-r {float: right; width: 611px; background: url(/images/company/line.png) 0 0 repeat-y;} */
#contents.history .section dl {}
#contents.history .section dt {position: relative;}
#contents.history .section dt .ic {
	position: absolute; left: 0; bottom: 0; height: 16px; width: 16px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 2px solid #eb4047; background: #ffffff; border-radius: 200px 200px 200px 200px;
	-webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);
	-webkit-transition-duration: 0.5s; transition-duration: 0.4s;
	-moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; 
}
#contents.history .section dt .ic span {
	position: absolute; left: 6px; top: 6px; height: 4px; width: 4px; background: #eb4047; border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;
}
#contents.history .section dt .mar-t {line-height: 1em; padding-left: 90px; padding-top: 80px; background: url(/images/company/line_2.png) 0 100% no-repeat;}
#contents.history .section dt.last-his .mar-t {background: url(/images/company/line_3.png) 0 100% no-repeat;}
#contents.history .section dt.over {background: url(/images/company/line_p.png) 0 0 repeat-y;}
#contents.history .section dt.over .ic {-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#contents.history .section dt .left {position: absolute; left: -589px; top: 0;}
#contents.history .section dt .left.float {position: fixed; left: 0; margin-top: 189px; width: 100%;}
#contents.history .section dt .left.fade .dt-inner {-webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
#contents.history .section dt .left .dt-inner {
	width: 1200px; margin: 0 auto; padding-top: 80px; opacity: 1;
	-webkit-transition-property: transform opacity; transition-property: transform opacity;
	-webkit-transition-duration: 0.1s; transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
	-webkit-transform: translateY(0); transform: translateY(0);
}
#contents.history .section dt .left span {font-size: 36px; font-family: 'nanum-square-b'; display: block; padding-bottom: 20px;}
#contents.history .section dt .left p {font-weight: bold; padding-bottom: 20px; width: 500px; text-align: right;}
#contents.history .section dt .left .pic {padding-top: 20px;}
#contents.history .section dt .left .pic img {-webkit-box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.24); -moz-box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.24); box-shadow: 10px 10px 42px 0px rgba(0,0,0,0.24);}
#contents.history .section dt span.tit {color: #e8252d; font-family: 'nanum-square-b'; font-size: 24px;}
#contents.history .section dd {padding: 7px 0 7px 115px; line-height: 1.8em; position: relative; color: #898d92;}
#contents.history .section dd span {position: absolute; top: 7px; left: 90px; font-weight: bold; color: #51555d;}
#contents.history .section dd.last-his {background: #ffffff;}
#contents.history .section dd.over {background: url(/images/company/line_p.png) 0 0 repeat-y;}
#contents.history .section dd.first {padding-top: 20px;}
#contents.history .section dd.first span {top: 20px;}
#contents.history 



/* 지속가능경영 */
#contents .line2-list {border-top: 2px solid #51555e;}
#contents .line2-list li {border-bottom: 1px solid #e0e1e2; float: left; width: 50%; padding: 40px 0; position: relative; overflow: hidden;}
#contents .line2-list li.on {overflow: visible;}
#contents .line2-list li .left img {border: 1px solid #e0e1e2;}
#contents .line2-list li .left {float: left; text-align: center; width: 220px;}
#contents .line2-list li .right {float: left; width: 370px; position: relative; height: 197px;}
#contents .line2-list li .right .btns {left: 0; bottom: 0; position: absolute; font-weight: bold;}
#contents .line2-list li .right .btns a {margin-right: 20px;}
#contents .line2-list li .right p span {font-size: 18px; display: block; font-family: 'nanum-square-r';}
#contents .line2-list li .right p {font-size: 24px; font-family: 'nanum-square-b'; line-height: 1.3em;}
#contents .line2-list li .right p .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px 0; margin-bottom: 0;}
#contents .line2-list li.on .detail {display: block;}
#contents .line2-list li .detail {width: 1200px; position: absolute; background: #ffffff; z-index: 1; left: 0; display: none; top: 278px; background: #fbfbfb url(/images/common/line_arr_t_2.png) 0 0 no-repeat; padding: 50px 0; border-bottom: 1px solid #e0e1e2;}
#contents .line2-list li .detail .btn-close {position: absolute; right: 12px; top: 27px; width: 15px; height: 15px; background: #fbfbfb url(/images/common/btn_close2.png) 0 0 no-repeat;}
#contents .line2-list li .detail .btn-close span {display: block; text-indent:-9999px}
#contents .line2-list li .detail.r {left: -600px; background: #fbfbfb url(/images/common/line_arr_t.png) 0 0 no-repeat;}
#contents .line2-list li .detail ul li {width: 50%; padding: 3px 0; border: none;}
#contents .line2-list li .detail ul .l {float: left;}
#contents .line2-list li .detail ul .r {float: right;}
#contents .line2-list li .detail ul .none {float: none; clear: both;}
#contents .line2-list li .detail ul li ul {padding-left: 40px;}
#contents .line2-list li .detail ul li a {position: absolute; right: 40px;}
#contents .line2-list li .detail ul li .tit {font-weight: bold; font-size: 18px; padding: 15px 0; padding-left: 40px; display: block;}
#contents .line2-list li .detail ul li li {width: auto; clear: both; padding: 8px 0;}


/* 사업장 - 레이아웃 */
#contents.bus-place .loc {padding-top: 70px;}
#contents.bus-place .loc div h3 {padding-top: 30px;}
#contents.bus-place .loc-list.first {border-top: 2px solid #51555e;}
#contents.bus-place .loc-list3.first {border-top: 2px solid #51555e;}
#contents.bus-place .loc-list p {padding-bottom: 30px;}
#contents.bus-place .loc-list p span {display: block;}
#contents.bus-place .loc-list p span span {display: inline;}
#contents.bus-place .loc-list p div.mar-b {padding-bottom: 40px;}
#contents.bus-place .loc-list h3 span,
#contents.bus-place .loc-list h4 span {color: #e0002a;}
#contents.bus-place .loc-list h4 span.orange {color: #ea6f10;}
#contents.bus-place .loc-list h4 span {border-left: 1px solid #d3d4d6; margin-left: 7px; padding-left: 10px;}
#contents.bus-place .map-inner {overflow: hidden; height: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}


/* 사업장 - 지도 */
#contents .map {position: relative;}
#contents .map a {position: absolute;}
#contents .map a img { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0;}
#contents .map a span {position: absolute; width: 22px; height: 22px; background: url(/images/company/bl_point_4.png) 0 0 no-repeat; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#contents .map a:hover img {opacity: 1;}
#contents .map a:hover span {-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; z-index: 2;}


/* 사업장 - 지도열기 */
#contents .loc-list.show .map-inner {padding-bottom: 30px; height: 399px;}
#contents .loc-list {position: relative; border-bottom: 1px solid #e0e1e2; padding: 0 20px;}
#contents .loc-list.quic {-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#contents .loc-list a span {display: block; text-indent:-9999px}
#contents .loc-list a {display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; height: 165px; background: url(/images/company/ic_arrow_down.png) 98% center no-repeat;}
#contents .loc-list.show a {background: url(/images/company/ic_arrow_up.png) 98% center no-repeat;}
#contents .loc-list h3 span{border-left: 1px solid #d3d4d6; margin-left: 7px; padding-left: 10px;}
#contents .loc-list p span {color: #51555d; line-height: 1em;}
#contents .loc-list p span span{color: #898d92; padding-left: 6px;}
#contents .loc-list .addr {padding-bottom: 10px;}
#contents .loc-list .fl {float: left; border-right: 1px solid #d3d4d6; margin-right: 7px; padding-right: 10px; line-height: 1em;}




#contents .loc-list3 { border-bottom: 1px solid #e0e1e2; height:100px;padding:0 25px;}
#contents .loc-list3 .maplist{width:50%; float:left; position: relative; padding:25px 0 25px 0;}
#contents .loc-list3 .maplist h4 {padding:0;}
#contents .loc-list3 .maplist h4 span {color: #e0002a;}
#contents .loc-list3 .maplist h4 span.box {font-size:14px; border-left: 1px solid #d3d4d6; margin-left: 17px; padding-left: 10px;}
#contents .loc-list3 .maplist a {margin-right:45px; margin-top:10px; float:right;}
/* #contents .loc-list3 .maplist a span {display: block; text-indent:-9999px} */
/* #contents .loc-list3 .maplist a {display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; height: 100px; 
background: url(/images/company/ic_arrow_link2.png) 90% center no-repeat;} */
#contents .loc-list3 .maplist a.link4{display: inline-block; color: #666666; text-decoration: underline;font-weight: bold; background: url(/images/common/ic_arr_r.png) 0 center no-repeat; 
background-size: 22px; min-height: 22px; padding-left: 30px; font-family:'nanum-square-r', 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; }




/* 기업문화 SKMS, CEO인사말 */
#contents .ceo-bg-1 {background: url(/images/company/ceo_img_1.png) 0 0 no-repeat; height: 370px; margin-bottom: 50px; position: relative;}
#contents .ceo-bg-1 dl {color: #ffffff; position: absolute; top: 90px; left: 580px; max-width: 550px; text-align: left;}
#contents .ceo-bg-1 dl dt {color: #fff; font-size: 23px; position: relative;}
#contents .ceo-bg-1 dl dt:before {content: ""; display: block; background: url(/images/company/txt_quote_1.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; top: 0; left: -30px;}
#contents .ceo-bg-1 dl dt:after {content: "";  display: block; background: url(/images/company/txt_quote_2.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; bottom: 0; right: -30px;}
#contents .ceo-bg-1 dl dd {padding-top: 15px; color: #fff; font-size: 24px; text-align: right;}
#contents .ceo-bg-1 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px 0 0 0; padding: 0;}
#contents .ceo-bg-1 dl dd p {color: #f58026; font-size: 16px; font-weight: bold; display: block; margin-top: 20px;}
#contents .ceo-bg-1 .c-rg {color: #e4032a; font-size: 16px; font-weight: bold;  margin-top: 20px;}


#contents .ceo-bg-2 {background: url(/images/company/esg_ceo.png) 0 0 no-repeat; height: 370px; margin-bottom: 50px; position: relative;}
#contents .ceo-bg-2 dl {color: #ffffff; position: absolute; top: 70px; left: 520px; max-width: 600px; text-align: left;}
#contents .ceo-bg-2 dl dt {color: #fff; font-size: 24px; position: relative;}
#contents .ceo-bg-2 dl dt:before {content: ""; display: block; background: url(/images/company/txt_quote_1.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; top: 0; left: -30px;}
#contents .ceo-bg-2 dl dt:after {content: "";  display: block; background: url(/images/company/txt_quote_2.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; bottom: 0; right: -30px;}
#contents .ceo-bg-2 dl dd {padding-top: 15px; color: #fff; font-size: 24px; }
#contents .ceo-bg-2 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px 0 0 0; padding: 0;}
#contents .ceo-bg-2 .c-org {color: #f58026; font-size: 16px; font-weight: bold; display: block; margin-top: 20px;}

#contents.ceo div.half {padding: 20px 70px; padding-bottom: 50px; }
#contents.ceo div.half div p {padding: 0 20px;}
#contents.ceo div.half .margin {height: 30px;}
/* #contents.ceo div.half .num {display:block; width:91px; height: 91px;  margin: 0 auto; background: url(/images/company/carbon01.png) center 0 no-repeat; } */
#contents.ceo div.half .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/* #contents.ceo div.half .num2 {display:block; width:91px; height: 91px;  margin: 0 auto; background: url(/images/company/carbon02.png) center 0 no-repeat; } */
#contents.ceo .msg {padding-top: 50px;}
#contents.ceo .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.ceo div.half:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.ceo div.half div {float: left; width:50%;}
.dotbox2 { font-size:20px; font-weight:600; color:#4b4e51; width: 90%; padding:20px 20px 20px 20px; background: #fbfbfb; margin: 0px auto; border:2px dotted #666666; 
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} 











#contents.ceo {text-align: center;}
#contents.ceo .grid-2 div {float: left; width: 50%;}
#contents.ceo .grid-2.mar-t {padding-top: 50px;}
#contents.ceo .grid-2 div.right {float: right; width: 48%;}
#contents.ceo .grid-2 div.lf-full {float: left; width: 100%;}
#contents.ceo .grid-2 div p, #contents.ceo .grid-2 div h4 {text-align: left;}
#contents.ceo .grid-2 div p.mar-r {padding-right: 50px;}
#contents.ceo .grid-2 div h4 span {margin: 15px 0;}
#contents.ceo div.hor-3 div p {padding: 0 20px;}
#contents.ceo div.hor-3 .margin {height: 30px;}
#contents.ceo div.hor-3 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#contents.ceo .msg {padding-top: 50px;}
#contents.ceo .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.ceo div.hor-3 {border-bottom: 1px solid #dedfe0; padding-bottom: 50px;}
#contents.ceo div.hor-3 h3.ceo1{color: #e0002a; font-size: 24px; font-weight:bold;}
#contents.ceo div.hor-3 h4{ padding:0px 0px 10px 0px ; font-size: 18px; font-weight:bold;}
#contents.ceo div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.ceo div.hor-3 div {float: left; width: 33.3%;}
#contents .culture-bg-1 {background: url(/images/company/culture_img_1.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .culture-bg-2 {background: url(/images/company/shareimg.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .msg-big {font-size: 24px; display: block; font-family: 'nanum-square-b'; padding-bottom: 30px;}



#contents.ceo .grid-3 {padding: 0px 0 100px 0;}
#contents.ceo .grid-3 div {float: left; width: 50%; padding: 300px 50px 0; box-sizing: border-box; }
#contents.ceo .btn-ethics {background: #e8252d; padding: 10px 20px; color: #ffffff;}
#contents.ceo .grid-3 .left {background: url(/images/company/skms_img01.jpg) center 0 no-repeat;}
#contents.ceo .grid-3 .right {background: url(/images/company/skms_img02.jpg) center 0 no-repeat;}
/* #contents.ceo .grid-3 div p, #contents.ceo .grid-3 div h4 {text-align: left;}
#contents.ceo .grid-3 div h4 span {margin: 15px 0;} */
#contents.ceo .grid-3 p {text-align:center;}

#contents.ceo .section .img-cont {display: table; height: 250px; padding-bottom: 30px;}
#contents.ceo .section .img-cont div {height: 250px; display: table-cell; vertical-align: middle;}
#contents.ceo .section .img-cont div a {margin-top: 20px; display: inline-block;}
#contents.ceo .section .img-cont div h3 {font-size: 30px; padding-top: 0;}
#contents.ceo .section .img-l div.l {width: 280px;}
#contents.ceo .section .img-l div.r {width: 640px;text-align: left;}
#contents.ceo .section .img-r {float: right;}
#contents.ceo .section .img-r div.l {width: 640px; text-align: right;}
#contents.ceo .section .img-r div.r {width: 280px; text-align: right;}
#contents.ceo .line2-list li .detail ul li li {width: 100%; clear: both; padding: 8px 0;}




#contents.ceo .grid-4 {padding: 0px 0 100px 0;}
#contents.ceo .grid-4 div {float: left; width: 50%; padding: 480px 50px 0; box-sizing: border-box; }
#contents.ceo .grid-4 .left2 {background: url(/images/company/skms_img03.jpg) center 0 no-repeat;}
#contents.ceo .grid-4 .right2 {background: url(/images/company/skms_img04.jpg) center 0 no-repeat;}
#contents.ceo .grid-4 div p, #contents.ceo .grid-4 div h4 {text-align: left;}
#contents.ceo .grid-4 div h4 span {margin: 15px 0;}
#contents.ceo .grid-4 p {text-align:left;}

#contents.ceo .grid-5 div {float: left; width: 50%; padding: 10px 50px 100px 0 ; box-sizing: border-box; }
#contents.ceo .grid-5 div p, #contents.ceo .grid-5 div h4 {text-align: left;} 
#contents.ceo .grid-5 div h4 span {margin: 15px 0;}
#contents.ceo .grid-5 .left{}
#contents.ceo .grid-5 .right {}
#contents.ceo .grid-5 p {text-align:left;}

#contents.ceo .grid-6 {padding: 0px 0 50px 0;}



/*트레이딩인터내셔널*/
#contents .ticeo-bg-1 {background: url(/images/company/ceo_img_skti.jpg) 0 0 no-repeat; height: 370px; margin-bottom: 50px; position: relative;}
#contents .ticeo-bg-1 dl {color: #ffffff; position: absolute; top: 90px; left: 520px; max-width: 550px; text-align: left;}
#contents .ticeo-bg-1 dl dt {color: #fff; font-size: 24px; position: relative;}
#contents .ticeo-bg-1 dl dt:before {content: ""; display: block; background: url(/images/company/txt_quote_1.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; top: 0; left: -30px;}
#contents .ticeo-bg-1 dl dt:after {content: "";  display: block; background: url(/images/company/txt_quote_2.png) 0 0 no-repeat; width: 16px; height: 12px; position: absolute; bottom: 0; right: -30px;}
#contents .ticeo-bg-1 dl dd {padding-top: 15px; color: #fff; font-size: 24px;}
#contents .ticeo-bg-1 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px 0 0 0; padding: 0;}
#contents .ticeo-bg-1 .c-org {color: #f58026; font-size: 16px; font-weight: bold; display: block; margin-top: 20px;}


/* 회사소개 */
#contents.summary {text-align: center;}
#contents.summary .txt-2 {font-size: 36px; line-height: 1.5; padding: 30px 0 100px 0; font-weight: bold;}
#contents.summary .section.his .box {background: url(/images/company/summary_img_2.jpg) 0 0 no-repeat; padding-top: 82px;}
#contents.summary .section.his h3 {border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; background: #e0002a; padding: 10px 30px; color: #ffffff; display: inline-block; font-weight: normal; font-size: 18px;}
#contents.summary .section.his ul:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.summary .section.his ul li {float: left; width: 16.6%;}
#contents.summary .section.his ul li .ci {height: 155px;}
#contents.summary .section.his ul li .ci.mar-b img {margin-top: 10px;}
#contents.summary .section.his ul li a.ic-plus {background: #ffffff url(/images/company/ic_plus.png) 100% center no-repeat; padding-right: 40px; line-height: 30px; display: inline-block;}
#contents.summary .section.field {padding-top: 20px;}
#contents.summary .summ-tbl {margin-top: 80px; border-top: 2px solid #51555e;}
#contents.summary .summ-tbl th {color: #51555d; padding-top: 30px;}
#contents.summary .summ-tbl td {color: #51555d; padding-top: 14px; font-size: 24px; font-family: 'nanum-square-b'; vertical-align: top;}
#contents.summary .summ-tbl td div {color: #51555d; font-size: 24px; font-family: 'nanum-square-b'; padding-bottom: 130px;}
#contents.summary .summ-tbl td p {padding-top: 20px;}


#contents.summary .summ-tbl2 {margin-top: 0px;}
#contents.summary .summ-tbl2 th {color: #51555d; padding-top: 30px;}
#contents.summary .summ-tbl2 td {color: #51555d; padding-top: 14px; font-size: 24px; font-family: 'nanum-square-b'; vertical-align: top;}
#contents.summary .summ-tbl2 td div {color: #51555d; font-size: 24px; font-family: 'nanum-square-b'; padding-bottom: 130px;}
#contents.summary .summ-tbl2 td p {padding-top: 20px;}
#contents.summary .summ-tbl2 td div.ic-1 {background: url(/images/company/summary_ic_1.png) center 100% no-repeat;}
#contents.summary .summ-tbl2 td div.ic-2 {background: url(/images/company/summary_ic_2.png) center 100% no-repeat;}
#contents.summary .summ-tbl2 td div.ic-3 {background: url(/images/company/summary_ic_3.png) center 100% no-repeat;}







#contents.summary div.hor-3 div a:hover span {background: url(/images/company/summary_bus_dim.png) center center  no-repeat !important;}
#contents.summary div.hor-3 div a.ic-1 span {background: url(/images/company/summary_bus_ic_6.png) center center  no-repeat;}
#contents.summary div.hor-3 div a.ic-2 span {background: url(/images/company/summary_bus_ic_7.png) center center  no-repeat;}
#contents.summary div.hor-3 div a.ic-3 span {background: url(/images/company/summary_bus_ic_4.png) center center  no-repeat;}
#contents.summary div.hor-3 div a.ic-4 span {background: url(/images/company/summary_bus_ic_8.png) center center  no-repeat;}
#contents.summary div.hor-3 div a.ic-5 span {background: url(/images/company/summary_bus_ic_3.png) center center  no-repeat;}
#contents.summary div.hor-3 div a.ic-6 span {background: url(/images/company/summary_bus_ic_5.png) center center  no-repeat;}
#contents.summary .summ-tbl th .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#contents.summary .summ-tbl .line-b td {border-bottom: 1px solid #e6e6e6; padding-bottom: 30px;}
#contents.summary div.hor-3 {position: relative;}
#contents.summary div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.summary div.hor-3 .btn-detail {padding-top: 50px;}
#contents.summary div.hor-3 div {float: left; width: 33.3%;}
#contents.summary div.hor-3 div p span {display: block; padding: 30px 5px 60px;}
#contents.summary div.hor-3 div a {position: relative; display: block;}
#contents.summary div.hor-3 div a span {display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
#contents .summary-bg-1 {background: url(/images/company/summary_img_1.jpg) 0 0 no-repeat; padding-top: 60px;}
#contents.summary h3.mar-t {margin-top: 60px;}
#contents a.btn-detail {width: 50px; height: 50px; display: inline-block; background: #ffffff url(/images/common/ic_more.gif) 0 0 no-repeat;;}
#contents a.btn-detail span {display: block; text-indent:-9999px;}





/* 인재채용*/
#contents .rcculture-bg-1 {background: url(/images/recruit/rcculture_img_1.jpg) 0 0 no-repeat; padding-top: 50px;}

/* 인재채용 - 조직문화 
.rec_org {background: url(/images/recruit/rcculture_img_2.jpg) top center no-repeat; min-height: 438px;}
.rec_tit {color: #fff; height: 77px; font-size: 24px; color: #fff; box-sizing: border-box; padding-top: 20px;}
.rec_org ul {width: 400px; margin: 130px auto 100px;}
.rec_org ul li {padding: 5px; margin-bottom: 10px; color: #df242b; border: 1px solid #e0e1e2; background: #fafafa; border-radius: 20px; font-weight: bold;}
.rec_list {width: 500px; margin: 0 auto;}
.rec_list dd {display: inline-block; vertical-align: top;}
.rec_list dd p {border-radius: 50%; width: 200px; height: 200px; font-size: 24px; font-family: 'nanum-square-b'; box-sizing: border-box; line-height: 200px;}
.rec_list .left {width: 200px;}
.rec_list .left p {border: 3px solid #df242b; color: #df242b;}
.rec_list .center {width: 80px; font-size: 40px; color: #df242b; padding-top: 65px;}
.rec_list .right {width: 200px;}
.rec_list .right p {border: 3px solid #51555d; color: #51555d;}
.rec_list ol {margin: 20px 20px 0 40px;}
.rec_list ol li {text-align: left;}
.rec_list ol li:before {content: "ㆍ"; margin-left: -15px;}*/



/* 인재채용 - 조직문화 */
.rec_org {background: url(/images/recruit/rcculture_img_2.jpg) top center no-repeat; min-height: 438px;}
.rec_tit {color: #fff; height: 77px; font-size: 24px; color: #fff; box-sizing: border-box; padding-top: 20px;}
.rec_org ul {width: 400px; margin: 130px auto 100px;}
.rec_org ul li {padding: 5px; margin-bottom: 10px; color: #df242b; border: 1px solid #e0e1e2; background: #fafafa; border-radius: 20px; font-weight: bold;}
.rec_list {width: 500px; margin: 0 auto;}

.rec_list dd {display: inline-block; vertical-align: top;}
.rec_list dd p {border-radius: 50%; width: 200px; height: 200px; font-size: 24px; font-family: 'nanum-square-b'; box-sizing: border-box; line-height: 200px;}
.rec_list .left {width: 200px;}
.rec_list .left p {border: 3px solid #df242b; color: #df242b;}
.rec_list .center {width: 80px; font-size: 40px; color: #df242b; padding-top: 65px;}
.rec_list .right {width: 200px;}
.rec_list .right p {border: 3px solid #51555d; color: #51555d;}
.rec_list ol {margin: 20px 20px 0 40px;}
.rec_list ol li {text-align: left;}
.rec_list ol li:before {content: "ㆍ"; margin-left: -15px;}

.rec_listall {width: 500px; margin: 0 auto;}
.rec_listall .rec_list2  {display: inline-block;  vertical-align: top;}
.rec_listall .rec_list2 dt {border-radius: 50%; margin-bottom:20px;width: 200px; height: 200px; font-size: 24px; font-family: 'nanum-square-b'; box-sizing: border-box; line-height: 200px;border: 3px solid #df242b; color: #df242b;}
.centerp {width: 80px; font-size: 40px; color: #df242b; padding-top: 65px;}
.rec_listall .rec_list2 dd {text-align: left; margin: 0px 0px 0 40px; }
.rec_listall .rec_list2 dd:before {content: "ㆍ"; margin-left: -15px;}






/* 인재채용 - 인재육성 */
#contents .psnsystem-bg-1 {background: url(/images/recruit/psnsystem_img_1.jpg) 0 0 no-repeat; padding-top: 35px;}
.psnsystem {text-align: center;}
.psnsystem .past {}
.psnsystem .past:after { display: block; content:""; height: 0; clear: both; visibility: hidden;}
.psnsystem .past div {float: left; width: 25%; background-position: top center; background-repeat: no-repeat; padding: 55px 30px 0; box-sizing: border-box;}
.psnsystem .past div:nth-child(1) {background-image: url(/images/recruit/psn_icon_1.png);}
.psnsystem .past div:nth-child(2) {background-image: url(/images/recruit/psn_icon_2.png);}
.psnsystem .past div:nth-child(3) {background-image: url(/images/recruit/psn_icon_3.png);}
.psnsystem .past div:nth-child(4) {background-image: url(/images/recruit/psn_icon_4.png);}
.psnsystem .past .margin {height: 25px !important; margin: 20px auto !important;}
.psnsystem .past p {background: #e8252d; border-radius: 20px; padding: 5px 20px; color: #fff; font-size: 18px; font-family: 'nanum-square-b';}
.psnsystem .past dt {padding: 20px 0; color: #e8252d; font-weight: bold; font-size: 16px;}
.psnsystem .past dd {line-height: 21px; color: #51555d; text-align: left; padding: 10px; margin-left: 5px;}
.psnsystem .past dd:before {content: "ㆍ"; margin-left: -15px;}


/* 인재채용 - 평가보상 */
#contents .appraisal-bg-1 {background: url(/images/recruit/appraisal_img_1.jpg) 0 0 no-repeat; padding-top: 40px;}
.appraisal {text-align: center;}
.appraisal .appr-box {background: url(/images/recruit/appraisal_img_2.jpg) 0 0 no-repeat; height: 357px; position: relative; background-size: 100%;}
.appraisal .indemnify-box {background: url(/images/recruit/appraisal_img_3.jpg) 0 0 no-repeat; height: 385px; position: relative; background-size: 100%;}
.appraisal .section.mar-t {padding-top: 30px;}
.appraisal .appr-box ul {position: absolute; top: 87px; left: 790px; text-align: left;}
.appraisal .appr-box ul li {padding-bottom: 20px;}
.appraisal .appr-box ul li:before {content: "ㆍ"; margin-left: -15px;}
.appraisal .indemnify-box ul {position: absolute; top: 105px; left: 790px; text-align: left;}
.appraisal .indemnify-box ul li {padding-bottom: 20px;}
.appraisal .indemnify-box ul li:before {content: "ㆍ"; margin-left: -15px;}
.welfare li {float: left; width: 33%; min-height: 111px;}
.welfare li:nth-child(1) {background: url(/images/recruit/appraisal_ic_1.png) 0 0 no-repeat; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.welfare li:nth-child(2) {background: url(/images/recruit/appraisal_ic_2.png) 0 0 no-repeat; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.welfare li:nth-child(3) {background: url(/images/recruit/appraisal_ic_3.png) 0 0 no-repeat; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.welfare li:nth-child(4) {background: url(/images/recruit/appraisal_ic_4.png) 0 0 no-repeat; margin-top: 20px;}
.welfare li:nth-child(5) {background: url(/images/recruit/appraisal_ic_5.png) 0 0 no-repeat; margin-top: 20px;}
.welfare li:nth-child(6) {background: url(/images/recruit/appraisal_ic_6.png) 0 0 no-repeat; margin-top: 20px;}
.welfare li div {padding-left: 130px; padding-top: 10px; text-align: left; line-height: 1.8em;}
.welfare li div span {font-size: 18px; font-weight: bold; display: block; padding-bottom: 10px;}

/* 인재채용 - 채용정보 */
#contents.recruit .tab-menu li {width: 33.3%;}
#contents.recruit {text-align: center;}
.recruit .process-1 {background: url(/images/recruit/recruit_proc_1.png) 0 0 no-repeat; background-size: 100%; height: 224px; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.recruit .process-2 {background: url(/images/recruit/recruit_proc_2.png) 0 0 no-repeat; background-size: 100%; height: 188px; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.recruit .process-3 {background: url(/images/recruit/re_process01.png) 0 0 no-repeat; background-size: 100%; height: 344px; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.recruit .process-4 {background: url(/images/recruit/re_process02.png) 0 0 no-repeat; background-size: 100%; height: 294px; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}

.recruit .duty {display: none; margin-top: 50px;}
.recruit .duty.on {display: block;}
.recruit .duty h3 {padding-bottom: 70px !important;}
.recruit .duty li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}
.recruit .duty li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
.recruit .duty ul li.fl {float: left; clear: both;}
.recruit .duty li strong {float: left; width: 19%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.recruit .duty li span {float: left; text-align: left; width: 81%;}
.recruit .research {background: url(/images/recruit/duty_img_1.gif) 0 0 no-repeat; height: 510px; width:1000px; margin: 0 auto; position: relative; display: block; text-indent:-9999px; overflow: hidden; margin-top: 80px;}
.recruit .tab-menu-2 li {width: 25%; float: left;}
.recruit .tab-menu-2 a {color: #e0002a; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 15px;}
.recruit .tab-menu-2 a span {display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.recruit .tab-menu-2 li:nth-child(1) span {background-image: url(/images/recruit/ic_1.png);}
.recruit .tab-menu-2 li:nth-child(2) span {background-image: url(/images/recruit/ic_2.png);}
.recruit .tab-menu-2 li:nth-child(3) span {background-image: url(/images/recruit/ic_3.png);}
.recruit .tab-menu-2 li:last-child span {background-image: url(/images/recruit/ic_4.png);}
.recruit .tab-menu-2 li:last-child a {border-right: 1px solid #ddd;}
.recruit .tab-menu-2 li.on a {background-color: #e0002a; background-position: 0 50px; color: #fff; border: 0;}
.recruit .tab-menu-2 li.on span {background-position: 0 -50px;}
.recruit .tab-menu-2 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr.png) center top no-repeat; content: "";}


/*이사회4개탭
.bod .tab-menu-3 li {width: 25%; float: left; }
.bod .tab-menu-3 a {color: #e0002a; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 15px;}
.bod .tab-menu-3 a span {display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.bod .tab-menu-3 li span.01 {background-image: url(/images/recruit/ic_1.png); }
.bod .tab-menu-3 li span.02  {background-image: url(/images/recruit/ic_2.png);}
.bod .tab-menu-3 li span.03  {background-image: url(/images/recruit/ic_3.png);}
.bod .tab-menu-3 li span.04  {background-image: url(/images/recruit/ic_4.png);}
.bod .tab-menu-3 li:last-child a {border-right: 1px solid #ddd;}
.bod .tab-menu-3 li.on a {background-color: #e0002a;  color: #fff; border: 0;}
.bod .tab-menu-3 li.on span {background-position: 0 -50px; background-position: 0 50px;}
.bod .tab-menu-3 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr.png) center top no-repeat; content: "";}*/



/*이사회4개탭*/
.bod .tab-menu-3 li {width: 25%; float: left; margin-bottom:40px; }
.bod .tab-menu-3 a {color: #e0002a; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 15px;}
.bod .tab-menu-3 a span {display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.bod .tab-menu-3 li:nth-child(1) span  {background-image: url(/images/company/dr_img01.png); }
.bod .tab-menu-3 li:nth-child(2) span  {background-image: url(/images/company/dr_img02.png);}
.bod .tab-menu-3 li:nth-child(3) span  {background-image: url(/images/company/dr_img03.png);}
.bod .tab-menu-3 li:last-child span  {background-image: url(/images/company/dr_img04.png);}
.bod .tab-menu-3 li:last-child a {border-right: 1px solid #ddd;}
.bod .tab-menu-3 li.on a {background-color: #e0002a;  color: #fff; border: 0;}
.bod .tab-menu-3 li.on span {background-position: 0 -50px; }
.bod .tab-menu-3 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr.png) center top no-repeat; content: "";}


/*이사회4개탭*/
.bod_com .tab-menu-3 li {width: 25%; float: left; margin-bottom:40px; text-align:center;}
.bod_com .tab-menu-3 a {color: #e0002a; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 15px;}
.bod_com .tab-menu-3 a span {display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.bod_com .tab-menu-3 li:nth-child(1) span  {background-image: url(/images/company/dr_img01.png); }
.bod_com .tab-menu-3 li:nth-child(2) span  {background-image: url(/images/company/dr_img02.png);}
.bod_com .tab-menu-3 li:nth-child(3) span  {background-image: url(/images/company/dr_img03.png);}
.bod_com .tab-menu-3 li:last-child span  {background-image: url(/images/company/dr_img04.png);}
.bod_com .tab-menu-3 li:last-child a {border-right: 1px solid #ddd;}
.bod_com .tab-menu-3 li.on a {background-color: #e0002a;  color: #fff; border: 0;}
.bod_com .tab-menu-3 li.on span {background-position: 0 -50px; }
.bod_com .tab-menu-3 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr.png) center top no-repeat; content: "";}


/*보고서3개탭*/
.invest .tab-menu-3 li {width: 33.3%; float: left; margin-bottom:40px; text-align:center;}
.invest .tab-menu-3 a {color: #e0002a; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 15px;}
.invest .tab-menu-3 a span {display: block; width: 50px; height: 50px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.invest .tab-menu-3 li:nth-child(1) span  {background-image: url(/images/company/dr_img05.png); }
.invest .tab-menu-3 li:nth-child(2) span  {background-image: url(/images/company/dr_img06.png);}
.invest .tab-menu-3 li:nth-child(3) span  {background-image: url(/images/company/dr_img07.png);}
.invest .tab-menu-3 li:last-child span  {background-image: url(/images/company/dr_img07.png);}
.invest .tab-menu-3 li:last-child a {border-right: 1px solid #ddd;}
.invest .tab-menu-3 li.on a {background-color: #e0002a;  color: #fff; border: 0;}
.invest .tab-menu-3 li.on span {background-position: 0 -50px; }
.invest .tab-menu-3 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr.png) center top no-repeat; content: "";}



#contents .tab-menu li {float: left; width: 50%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents .tab-menu li a {font-size: 17px;}
#contents .tab-menu li.on {padding-bottom: 16px; border-bottom: 2px solid #51555d;}
#contents .tab-menu li.on a {font-family: 'nanum-square-b'; color: #51555d;}



/* 팝업 */
#pop #contents {padding: 0 40px; width: auto; text-align: center;}
#pop.audio {background: #f8f8f8;}
#pop.audio .audiojs {background-image: none !important;}
#pop.audio .player {padding-bottom: 40px; width: 460px; margin: 0 auto;}
#pop.audio .foot {text-align: center; background: #ffffff; padding-top: 30px;}

body.pop {min-width: auto;}
#pop.audio .info {padding: 40px 0; margin: 0 auto;}
#pop.center, #pop.center p, #pop.center h1 {text-align: center;}
#pop h1 {font-size: 30px; font-weight: bold;}
#pop .head {padding-top: 50px; padding-bottom: 50px;}
#pop .report .fr {text-align: right; padding: 40px 0 50px 0; display: block;}
#pop .report-foot {background: #f8f8f8; font-size: 12px; padding: 40px; text-align: left; line-height: 2em;}
#pop .btn-close {width: 18px; height: 18px; display: block; text-indent:-9999px; overflow: hidden; background: url(/images/common/btn_close_pop.png) 0 0 no-repeat; position: absolute; right: 30px; top: 30px;}


/* 전체사이트맵 */
#contents.sitemap .line {display: block; height: 1px; width: 20px; background: #e8252d; margin-bottom: 20px;}
#contents.sitemap dl {position: relative; padding-left: 180px; margin-top: 50px; min-height: 150px;}
#contents.sitemap dl:after {display: block; clear: both; visibility: hidden; content: "";}
#contents.sitemap dt {width: 180px; min-height: 150px; font-size: 24px; color: #e8252d; font-family: 'nanum-square-b'; position: absolute; top: 0; left: 0;}
#contents.sitemap dt .line {width: 85px; height: 2px;}
#contents.sitemap dt.nth-1 {background: url(/images/common/ic_gnb_1.png) 0 80px no-repeat;}
#contents.sitemap dt.nth-2 {background: url(/images/common/ic_gnb_5.png) 0 80px no-repeat;}
#contents.sitemap dt.nth-3 {background: url(/images/common/ic_gnb_3.png) 0 80px no-repeat;}
#contents.sitemap dt.nth-4 {background: url(/images/common/ic_gnb_2.png) 0 80px no-repeat;}
#contents.sitemap dd {width: 200px; float: left;}
#contents.sitemap dd.w1 {width: 160px;}
#contents.sitemap dd.w2 {width: 240px;}
#contents.sitemap dd.pos {position: absolute; left: 200px; top: 240px; padding-top: 0;}
#contents.sitemap dd > a {font-size: 18px; font-family: 'nanum-square-b';}
#contents.sitemap dd ul {padding-top: 5px;}
#contents.sitemap dd ul ul {padding-top: 0px;}
#contents.sitemap li {padding: 4px 0;}
#contents.sitemap li li {padding: 2px 0; margin-left: 15px;}
#contents.sitemap li li:before {content: "ㆍ"; margin-left: -15px;}
#contents.sitemap li li a {color: #898d92;}
#contents.sitemap li a {}
#contents.sitemap #nav .last {padding-left: 10px;}


/* 보도자료 */

/*보도자료내 게글 th 제목 강제표시*/
.view01 {font-weight: bold !important; font-size: 16px !important;width:100% !important;  text-indent:1px !important; overflow:visible !important;}
/*보도자료내 게글 th 제목 강제표시*/
#contents .skip-page dt {border-bottom: 1px solid #e0e1e2; width: 5%; float: left; font-weight: bold; padding: 20px 0;}
#contents .skip-page dt.next {background: url(/images/common/ic_up.png) 100% center no-repeat;}
#contents .skip-page dt.prev {background: url(/images/common/ic_down2.png) 100% center no-repeat;}
#contents .skip-page dl {border-top: 1px solid #e0e1e2;}
#contents .skip-page dd {border-bottom: 1px solid #e0e1e2; width: 95%; float: left; padding: 20px 0;}
#contents .skip-page dd a {padding-left: 20px; color: #898d92;}
#contents .skip-page dl:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents .tlb-view tbody th {width: 0; text-indent:-9999px; overflow: hidden;}

#contents .tlb-view .tit {font-weight: bold; font-size: 18px;}
#contents .tlb-view .tit .subtit {font-weight: bold;color: #6a6d70; font-size: 15px; margin-bottom:-30px;}
#contents .tlb-view a.down {margin-right: 20px;}
#contents .tlb-view .date {color: #898d92;}


/* 페이징 */
#contents .pageing {text-align: center; padding: 50px 0 30px 0;}
#contents .pageing a {display: inline-block; padding: 8px; font-size: 13px;}
#contents .pageing .btn {border: 1px solid #e5e6e7; text-indent:-9999px; padding: 8px 0; width: 40px;}
#contents .pageing .prev1 {background: url(/images/common/btn_pageing_3.png) 50% no-repeat; margin-right: 20px;}
#contents .pageing .prev2 {background: url(/images/common/btn_pageing_1.png) 50% no-repeat;}
#contents .pageing .next1 {background: url(/images/common/btn_pageing_4.png) 50% no-repeat; margin-left: 20px;}
#contents .pageing .next2 {background: url(/images/common/btn_pageing_2.png) 50% no-repeat;}
#contents .pageing .curr {font-weight: bold; color: #e8252d;}
.gallery-paging {position: absolute; right: 0; top: 0; display: table;}
.gallery-paging .tbl-inner {display: table-cell; vertical-align: middle; text-align: center; height: 506px;}
.gallery-paging a {display: block; width: 20px; height: 20px; background: url(/images/company/ic_dot.png) center center no-repeat; text-indent: -9999999px; overflow: hidden;}
.gallery-paging a.on {background: url(/images/company/bl_point.png) center center no-repeat;}



/* 탭메뉴 */
#contents .tab-menu {width: 100%; margin-bottom: 60px; height: 57px;}
#contents .tab-menu .tab-inner {width: 100%; background: #ffffff;}
#contents .tab-menu li {float: left; width: 50%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents .tab-menu li a {font-size: 17px;}
#contents .tab-menu li.on {padding-bottom: 16px; border-bottom: 2px solid #51555d;}
#contents .tab-menu li.on a {font-family: 'nanum-square-b'; color: #51555d;}
#contents .tab-menu.float .tab-inner {position: fixed; left: 0; top: 60px; z-index: 3; background: #ffffff url(/images/common/under_line.png) 0 100% repeat-x;}
#contents .tab-menu.float .tab-inner .tab-pos {width: 1200px; margin: 0 auto;}
#contents .tab-menu li a {color: #6d6f72;}
#contents .tab-menu:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents .tab-menu.no-mar {margin-bottom: 0;}

/* 탭메뉴2 */
#contents .tab-menu2 {width: 100%; margin-bottom: 60px; height: 57px;}
#contents .tab-menu2 .tab-inner {width: 100%; background: #ffffff;}
#contents .tab-menu2.float .tab-inner {position: fixed; left: 0; top: 120px; z-index: 3; background: #ffffff url(/images/common/under_line.png) 0 100% repeat-x;}
#contents .tab-menu2.float .tab-inner .tab-pos {width: 1200px; margin: 0 auto;}
#contents .tab-menu2:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents .tab-menu2.no-mar {margin-bottom: 0;}








/* 테이블 */
#contents table .w-10 {width: 10%;}
#contents table .w-12 {width: 12%;}
#contents table .w-15 {width: 15%;}
#contents table .w-20 {width: 20%;}
#contents table .w-25 {width: 25%;}
#contents table .w-30 {width: 30%;}
#contents table .w-33 {width: 33.3%;}
#contents table .w-40 {width: 40%;}
#contents table .w-51 {width: 51%;}
#contents table .w-70 {width: 70%;}
#contents table .w-80 {width: 80%;}
#contents table .w-90 {width: 90%;}
#contents table.t-line {border-top: 2px solid #51555e !important;}
#contents table.t-line2 {border-top: 2px solid #51555e !important; }
#contents td a {position: relative;}
#contents td a.schedule {margin-top:20px;}
#contents td.gray {color: #898d92;}
#contents td .pos-r {position: relative; display: inline-block;}
#contents td .ic-new {position: absolute; right: -40px; top: -6px; width: 28px; height: 28px; display: inline-block; background: url(/images/common/ic_new.png) 0 center no-repeat; text-indent:-9999px}
#contents thead th {border-top: 2px solid #51555e; border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#contents thead th.none {padding: 0 !important; border: 0 !important; font-size: 0;}
#contents thead th.none2 {border-top: 1px solid #e0e1e2; border-bottom: 0px solid #e0e1e2; background: #fafafa; padding: 20px 0 0 0; font-weight: bold;}
#contents thead th.none3{border-top: 0px solid #51555e !important;  border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#contents thead tr.line-1 th {border-top: none;}
#contents tbody td {border-bottom: 1px solid #e0e1e2; padding: 20px 0; }
#contents tbody td.none2 {border-bottom: 1px solid #e0e1e2; padding: 20px 0; background: #fafafa;}
#contents tfoot td {color: #616366;  padding: 10px 0;}
#contents .tbl {position: relative;}
#contents .tbl-head {position: relative;}
#contents .tbl-head .tbl-unit {position: absolute; right: 0; top: 0; color: #898d92; }
#contents .tbl-type-1 tbody th {text-align: center; border-bottom: 1px solid #e0e1e2; padding: 20px 10px;  font-weight: bold;}
#contents .tbl-type-1 th.big {font-size: 18px;}
#contents .tbl-type-1 td.none{border-bottom:0px solid #ffffff !important;}
#contents .tbl-type-2 {margin-top: 10px; margin-bottom: 30px;}
#contents .tbl-type-2 thead th {border-top: 2px solid #51555e background: #fafafa; border-bottom: 1px solid #e0e1e2;}
#contents .tbl-type-2 thead th.none {padding: 0; font-size: 0;}
#contents .tbl-type-2 tbody th.line01 {border-bottom: 1px solid #e0e1e2 }
#contents .tbl-type-2 .linewh {border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
#contents .tbl-type-2 th.linewh2 {border-bottom: 1px solid #ffffff;  border-top: 2px solid #ffffff !important;}
#contents .tbl-type-2 td {padding: 21px 0; text-align: left;}
#contents .tbl-type-2 ul {padding-left: 50px;}
#contents .tbl-type-2 ul li {padding: 3px 0;}
#contents .tbl-type-5 tbody th {text-align: center; border-bottom: 1px solid #e0e1e2; padding: 10px 10px;  font-weight: bold; background:#ffffff; line-height:15px;}
#contents .tbl-type-5 tbody td {text-align: center;  border-bottom: 1px solid #e0e1e2; padding: 14px 0; line-height:19px;}


/* background: #fafafa; */
#contents .tbl-type-esg {margin-top: 10px; margin-bottom: 30px;}
#contents .tbl-type-esg .linewh2 {border-top: 2px solid #51555e;  border-bottom: 1px solid #e0e1e2;}
#contents .tbl-type-esg .linewh21 {background: #ffffff; border-top: 2px solid #51555e;  border-bottom: 1px solid #e0e1e2;}
#contents .tbl-type-esg  th.none {padding: 0; font-size: 0;}
#contents .tbl-type-esg  th.line01 {border-bottom: 1px solid #e0e1e2 }
#contents .tbl-type-esg .linewh {border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
#contents .tbl-type-esg .linewh3 {border-bottom: 1px solid #ffffff;  border-top: 2px solid #ffffff !important;}
#contents .tbl-type-esg .linewh4 {background: #ffffff; border-bottom: 1px solid #e0e1e2;}
#contents .tbl-type-esg .linewh5 {background: #ffffff; border-bottom: 1px solid #e0e1e2;}
#contents .tbl-type-esg td {padding: 21px 0; text-align: left;}
#contents .tbl-type-esg ul {padding-left: 50px;}
#contents .tbl-type-esg ul li {padding: 3px 0;}








/* MSDS 파일 */
#pop.msds .tbl-abtn {color: #ffffff;  background: #e8252d; padding: 10px 15px; position: relative; top: 0;}
#pop .header {background: #4e525a; padding: 20px 0; text-align: left;}
#pop .header h1 {padding-left: 90px; color: #ffffff;}
#pop.msds .form-area {padding: 30px 0 5px 0;}
#pop.msds .header h1 {background: url(/images/company/msds_ic_1.png) 40px center no-repeat;}
#pop.msds #contents {padding: 0;}
#pop.msds #contents .section {padding: 0 30px; width: auto;}
#pop.msds .btn-close {background: url(/images/common/btn_close.png) 0 0 no-repeat; top: 36px; right: 40px;}
#pop.msds table {border-top: 2px solid #51555e;}
#pop.msds .tbl-type-2 td {padding: 15px 0; text-align: left;}
#pop.msds .tbl-type-2 {margin-bottom: 0;}
#pop.msds .pageing {text-align: center; padding: 20px 0;}


.al2{text-align: left !important; padding-left:30px;text-decoration:underline;}


#contents.together {text-align: center;}
#contents.together .section .img-cont {display: table; padding-bottom: 30px;}
#contents.together .section .img-cont div {min-height: 150px; display: table-cell; vertical-align: middle;}
#contents.together .section .img-cont div a {margin-top: 20px; display: inline-block;}
#contents.together .section .img-cont div h3 {font-size: 30px; padding-top: 0;}
#contents.together .section .img-cont div h4 {font-size: 24px; padding-top: 0;}
#contents.together .section .img-cont h5 {font-size: 18px;}
#contents.together .section .img-l div.l {width: 700px;  text-align: left;}
#contents.together .section .img-l div.r {width: 500px; text-align: right;}
#contents.together .section .img-r {float: right;}
#contents.together .section .img-r div.l {width: 700px; text-align: left;}
#contents.together .section .img-r div.r {width: 500px; text-align: right;}
#contents.together .section .img-r div.l2 {width: 600px; text-align: left; vertical-align: top;}
#contents.together .section .img-r div.r2 {width: 600px; text-align: left; vertical-align: top;}
#contents.together .section .img-r div.l3 {width: 400px; text-align: left; vertical-align: top;}
#contents.together .section .img-r div.r3 {width: 800px; text-align: left; vertical-align: top;}
#contents.together .line2-list li .detail ul li li {width: 100%; clear: both; padding: 8px 0;}
#contents .together-bg-1 {background: url(/images/together/happiness_main_banner01_v02.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-2 {background: url(/images/together/sc_bg02.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-3 {background: url(/images/together/sc_bg03.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-4 {background: url(/images/together/sc_bg04.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-5 {background: url(/images/together/sc_bg05.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-6 {background: url(/images/esg/esgact_bg2.jpg) 0 0 no-repeat; padding-top: 20px;}
#contents .together-bg-7 {background: url(/images/together/hp_bg03.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-8 {background: url(/images/together/hp_bg04.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-9 {background: url(/images/together/hp_bg05.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-10 {background: url(/images/together/hp_bg02.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-11 {background: url(/images/together/sc_bg08.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-12 {background: url(/images/together/sc_bg07.jpg) 0 0 no-repeat; padding-top: 50px;}
#contents .together-bg-13 {background: url(/images/esg/esgact_bg2.jpg) 0 0 no-repeat; padding-top: 20px; font-size:18px !important;}

#contents.together .grid-4 {padding: 0px 0 100px 0;}
#contents.together .grid-4 div {float: left; width: 50%; padding: 480px 50px 0; box-sizing: border-box; }
#contents.together .grid-4 .left2 {background: url(/images/company/skms_img03.jpg) center 0 no-repeat;}
#contents.together .grid-4 .right2 {background: url(/images/company/skms_img04.jpg) center 0 no-repeat;}
#contents.together .grid-4 div p, #contents.ceo .grid-4 div h4 {text-align: left;}
#contents.together .grid-4 div h4 span {margin: 15px 0;}
#contents.together .grid-4 p {text-align:left;}

#contents.together .grid-5 div {float: left; width: 50%; padding: 10px 50px 100px 0 ; box-sizing: border-box; }
#contents.together .grid-5 div p, #contents.together .grid-5 div h4 {text-align: left;} zl
#contents.together .grid-5 div h4 span {margin: 15px 0;}
#contents.together .grid-5 .left{}
#contents.together .grid-5 .right {}
#contents.together .grid-5 p {text-align:left;}

#contents.together .grid-6 {padding: 0px 0 50px 0;}
#contents.together .gray-box {background: #fbfbfb; padding: 50px 70px; margin: 60px 0;}

#contents.together div.hor-3 div p {padding: 0 20px;}
#contents.together div.hor-3 .margin {height: 30px;}
#contents.together div.hor-3 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #666666; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#contents.together .msg {padding-top: 50px;}
#contents.together .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}
#contents.together div.hor-3 {border-bottom: 1px solid #dedfe0; padding-bottom: 50px;}
#contents.together div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.together div.hor-3 div {float: left; width: 33.3%;}





#contents.together div.hor-3 h4 {font-size:20px;}

#contents.together div.hor-31 div p {padding: 0 20px;}
#contents.together div.hor-31 .margin {height: 30px;}
#contents.together div.hor-31 .num {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; 
font-size: 16px; font-family: 'nanum-square-r'; background: #666666; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:30px;}

#contents.together div.hor-31 h3 {font-family: 'nanum-square-b'; font-size: 20px; padding-bottom: 20px;}
#contents.together .msg {padding-top: 50px;}
#contents.together .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}


#contents.together div.hor-31 {border-bottom: 1px solid #dedfe0; padding-bottom: 50px;}
#contents.together div.hor-31:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.together div.hor-31 .box {float: left; width: 33.3%;}
#contents.together div.hor-31 .box .blog-thumb { width:93%; height: 160px;margin:0 auto;}
#contents.together div.hor-31 .box .blog-content { width: calc(100% - 71px); background: #fff; padding: 30px 0px; 
margin-top: -50px; margin-left: 35px;}

#contents.together div.hor-31 .num2 {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; 
font-size: 16px; font-family: 'nanum-square-r'; background: #e8252d; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:30px;}

#contents.together div.hor-31 .num3 {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; 
font-size: 16px; font-family: 'nanum-square-r'; background: #e85200; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:30px;}

#contents.together div.hor-31 .num4 {display:block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; 
font-size: 16px; font-family: 'nanum-square-r'; background: #589620; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:30px;}





#contents.together div.hor-21 {background: url(/images/together/sc08_1.jpg) center 0 no-repeat;height:600px;}
#contents.together div.hor-21 div p {padding: 0 20px;}
#contents.together div.hor-21 .margin {height: 30px; margin:0px auto 0px !important;}
#contents.together div.hor-21 .num {display:block; width: 70px; height: 70px; line-height: 70px; margin: 0 auto; 
font-size: 18px; font-family: 'nanum-square-r'; background: #e1002a; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:20px;}
#contents.together div.hor-21 .num1 {display:block; width: 70px; height: 70px; line-height: 70px; margin: 0 auto; 
font-size: 18px; font-family: 'nanum-square-r'; background: #f26901; color: #ffffff; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-bottom:20px;}


#contents.together div.hor-21 .numnew1 {display:block; width: 150px; height: 60px; line-height: 60px; margin: 0 auto; 
font-size: 18px; font-family: 'nanum-square-r'; background: #e1002a; color: #ffffff; 
border-radius: 20px; border-top-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-bottom:20px;}
#contents.together div.hor-21 .numnew2 {display:block; width: 150px; height: 60px; line-height: 60px; margin: 0 auto; 
font-size: 18px; font-family: 'nanum-square-r'; background: #f26901; color: #ffffff;
border-radius: 20px; border-top-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-bottom:20px;}





#contents.together div.hor-21 h3 {font-family: 'nanum-square-b'; font-size: 22px; padding-bottom: 0px;}
#contents.together .msg {padding-top: 50px;}
#contents.together .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}

#contents.together div.hor-21:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.together div.hor-21 .box {float: left; width: 50%; }

#contents.together div.hor-21 .box .blog-content { padding: 40px 0px; 
}
#contents.together div.hor-21 .box .blog-content dl {margin-top: 10px;}
#contents.together div.hor-21 .box .blog-content dt { padding-top: 0px;text-align: center; }
#contents.together div.hor-21 .box .blog-content dt .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 10px auto 10px; }
#contents.together div.hor-21 .box .blog-content dt h4 {font-size:20px ; color:#ffffff ; height: 30px;}
#contents.together div.hor-21 .box .blog-content dt span {margin-top:40px;display: block;  font-size: 18px; font-weight:bold;  }
#contents.together div.hor-21 .box .blog-content dd {text-align: center;  position: relative;  }
#contents.together div.hor-21 .box .blog-content dd span {font-size: 12px;}


.set-bg {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top center;
}

.blog-metas .blog-meta:after {position: absolute;content: "|";font-size: 13px;color: #828282;right: 0;top: 0;}
.blog-metas .blog-meta:last-child {padding-right: 0;margin-right: 0;}
.blog-metas .blog-meta:last-child:after {
 display: none;
}
 
#contents.together .section .red-bg1 {font-family: 'nanum-square-b';
	display: inline-block; background: #e0002a; border-radius: 200px; font-size: 22px; padding: 15px 40px 10px 40px; color: #ffffff; margin: 80px 0 0 0; line-height: 1.6em;
	background: rgba(236,72,40,1);
	background: -moz-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236,72,40,1)), color-stop(100%, rgba(224,1,42,1)));
	background: -webkit-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	background: linear-gradient(135deg, rgba(236,72,40,1) 0%, rgba(224,1,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4828', endColorstr='#e0012a', GradientType=1 );
}
#contents.together .section .red-bg1 span {display: block; }
#contents.together .corps1:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
#contents.together .corps1 {background: url(/images/together/sc04bg.jpg) 0 0 no-repeat; height: 295px;}
#contents.together .corps1 div {float: left; width:356px; margin-right:30px;}
#contents.together .corps1 div:first-child {margin-left: 33px;}
#contents.together .corps1 div:last-child {margin-right: 33px;}
#contents.together .corps1 dl {margin-top: 85px;}
#contents.together .corps1 dt {height: 58px; padding-top: 20px;text-align: center;}
#contents.together .corps1 dt .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 10px auto 10px; }

#contents.together .corps1 dt p {display: block; color: #4d4d4d; font-size: 20px; font-weight:bold; }
#contents.together .corps1 dd {text-align: center; padding: 1px 15px; position: relative; max-width: 356px; margin-left: 15px;}
#contents.together .corps1 dd span {font-size: 12px;}
/*#contents.together .corps1 dd:before {content: "ㆍ"; position: absolute; left: 0;}*/
#contents.together .corps1 dd:nth-child(2) {padding-top: 10px;}




#contents.together .corps2:after {display: block; content:""; height: 0; clear: both; visibility: hidden;}
#contents.together .corps2 {background: url(/images/together/sc07_1.jpg) 0 0 no-repeat; height: 508px;}
#contents.together .corps2 div {float: left; width:356px; margin-right:34px;}
#contents.together .corps2 div:first-child {margin-left: 32px;}
#contents.together .corps2 div:last-child {margin-right: 32px;}
#contents.together .corps2 dl {margin-top: 0px; margin-left: 25px;}
#contents.together .corps2 dt { padding-top: 0px;text-align: left; }
#contents.together .corps2 dt h4 {font-size:20px ; color:#ffffff ; height: 30px;}
#contents.together .corps2 dt span {display: block;  font-size: 18px; font-weight:bold;  }
#contents.together .corps2 dd {text-align: left;  position: relative; max-width: 300px;}
#contents.together .corps2 dd span {font-size: 12px;}
/*#contents.together .corps1 dd:before {content: "ㆍ"; position: absolute; left: 0;}*/
#contents.together .corps1 dd:nth-child(2) {padding-top: 10px;}
.mtmin {margin-top:10px; color: #ffffff; line-height:20px; margin-bottom:50px;}


#contents.together div.hor-4 {background: #fbfbfb; padding: 50px 70px; padding-bottom: 50px; }
#contents.together div.hor-4 div p {padding: 0 20px;}
#contents.together div.hor-4 .margin {height: 30px;}
#contents.together div.hor-4 .num {display:block; width:150px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; font-family: 'nanum-square-r'; background: #df242b; color: #ffffff; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px;}
#contents.together .msg {padding-top: 50px;}
#contents.together .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}

#contents.together div.hor-4:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.together div.hor-4 div {float: left; width: 33.3%;}


#contents.together div.half {padding: 20px 70px; padding-bottom: 50px; }
#contents.together div.half div p {padding: 0 20px;}
#contents.together div.half .margin {height: 30px;}
#contents.together div.half .num {display:block; width:110px; height: 90px;  margin: 0 auto; background: url(/images/together/together_ico01.png) center 0 no-repeat; }
#contents.together div.half .num2 {display:block; width:110px; height: 90px;  margin: 0 auto; background: url(/images/together/together_ico02.png) center 0 no-repeat; }
#contents.together .msg {padding-top: 50px;}
#contents.together .msg strong {display: block; padding-top: 30px; padding-bottom: 20px; font-size: 18px; color: #898d92;}

#contents.together div.half:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.together div.half div {float: left; width:50%;}

#contents.together .tab-menu {width: 100%; margin-bottom: 60px; height: 57px;}
#contents.together .tab-menu .tab-inner {width: 100%; background: #ffffff;}
#contents.together .tab-menu li {float: left; width: 50%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents.together .tab-menu.t3 li {float: left; width: 33.3%; text-align: center; border-bottom: 1px solid #dcdddf; padding: 17px 0;}
#contents.together .tab-menu li a {font-size: 17px;}tldn
#contents.together .tab-menu li.on {padding-bottom: 16px; border-bottom: 2px solid #51555d;}
#contents.together .tab-menu li.on a {font-family: 'nanum-square-b'; color: #51555d;}
#contents.together .tab-menu.float .tab-inner {position: fixed; left: 0; top: 60px; z-index: 3; background: #ffffff url(/images/common/under_line.png) 0 100% repeat-x;}
#contents.together .tab-menu.float .tab-inner .tab-pos {width: 1200px; margin: 0 auto;}
#contents.together .tab-menu li a {color: #6d6f72;}
#contents.together .tab-menu:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#contents.together .tab-menu.no-mar {margin-bottom: 0;}
#contents.together .grey-box2 {background: #fbfbfb; padding: 50px; }
#contents.together .grey-box3 {border:1px solid #cccccc;  padding: 40px; }

.activity .duty2 {display: none; margin: 0px 0 50px 0;}
.activity .duty2.on {display: block;}
.activity .duty2 h3 {font-size: 20px  !important; padding-bottom: 0px !important;text-align: left;}

.activity .duty2 ul { width:100%;}

.activity .duty2 ul.fl  {float: left; width: 48%;}
.activity .duty2 ul.fl:nth-child(2) {margin-left: 2%; margin-right: 0;}
.activity .duty2 ul li {float: left; padding-bottom: 50px;  line-height: 1.8em; margin-right: 1%;}
.activity .duty2 ul li ul {padding-top: 10px;}
.activity .duty2 ul li li { width: 100%; padding: 2px 0 ; position: static; line-height: 1.4em;}
.activity .duty2 ul li li strong {float: left; width: 19%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.activity .duty2 ul li li p {float: left; text-align: left; width: 81%;}
.activity .duty2 ul li li p.rt {text-align: right !important;}
.activity .duty2 ul li li p span{ display:block;font-size: 17px; font-weight: bold; text-align: left;}


.activity .duty3 {position:relative; display: none; margin: 0px 0 50px 0;}
.activity .duty3.on {display: block;}
.activity .duty3 h3 {font-size: 20px  !important; padding-bottom: 0px !important;text-align: left;}
.activity .duty3 h4 {font-size: 28px  !important; padding-top: 0px !important; padding-bottom: 20px !important; text-align: left;}

.activity .duty3 ul { width:100%;}
.activity .duty3 ul li.linetop4 {border-top:2px solid #51555e; margin:30px 0 30px 0; }
.activity .duty3 ul li.linetop3 {position:absolute;width: 48%; border-bottom:1px solid #cccccc; margin:30px 0 30px 0; bottom:0; }
.activity .duty3 ul.fl  {float: left; width: 49%;}
.activity .duty3 ul.fl:nth-child(2) {margin-left: 2%; margin-right: 0;}
.activity .duty3 ul li {float: left; padding-bottom: 50px;  line-height: 1.8em; margin-right: 1%;}
.activity .duty3 ul li ul {padding-top: 10px;}
.activity .duty3 ul li li { width: 100%; padding: 2px 0 ; position: static; line-height: 1.4em;}
.activity .duty3 ul li li strong {float: left; width: 19%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.activity .duty3 ul li li p {float: left; text-align: left; width:100%;}
.activity .duty3 ul li li p a {display:inline-block;}
.activity .duty3 ul li li p.rt {text-align: right !important;}
.activity .duty3 ul li li p.ct {text-align: center !important;}
.activity .duty3 ul li li p span{ display:block;font-size: 17px; font-weight: bold; text-align: left;}


.activity .duty3 p .simg {margin-top: 20px; vertical-align:top !important; display: inline-block;}
.activity .duty3 p .sline { vertical-align:top !important; display: inline-block; margin:20px 15px 0 15px; width:1px; height:57px; border-left:1px solid #dfdfdf;}
.activity .duty3 p.bt a{margin-top:20px;} 


.linetop {border-top:1px solid #cccccc; margin:30px 0 30px 0; }
.linetop2 {border-top:2px solid #51555e; margin:30px 0 30px 0; }

.mtline01 {border-top:1px solid #e0e1e2; padding-top:50px;}
.mtline02 {border-top:1px solid #e0e1e2; padding-top:70px;}

#contents .mtline03  {display:block; position:relative; border-bottom:1px solid #e0e1e2; width:252px;padding:0px 0 20px 0;margin:0 auto;}
#contents .mtline03 .outline2 { border:1px dashed #cccccc; padding:0px 0px 0px 0px; border-radius:10px;box-shadow:4px 4px 0 0 #ede9e9; }
.togoimg {padding:0;}
.togoimg h4 {padding:0px 0px 20px 0px !important;font-size:20px !important;   text-align: left !important;}
.togoimg2 {margin:0 auto;}
.togoimg2 h4 {padding:30px 0px 20px 0px !important;font-size:20px !important;   text-align: center !important;}
.dotbox { font-size:20px; font-weight:600; color:#e1002a; width: 80%; padding:20px 20px 20px 20px; background: #fbfbfb; margin: 0 auto; border:2px dotted #666666; 
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} 


/*2020.04*/
#contents .tbl-type-3 td {padding: 15px 10px 15px 15px; text-align: left;}
#contents .tbl-type-3 th.grey {background-color:#f5f4f4;border-bottom:1px solid #e0e1e2;}
#contents .tbl-type-3 td .guide {font-size:11px;}


#contents .tbl-type-3 span.ico_lock {display:inline-block; margin:0 0 0 5px; height:26px; width:25px; background:url("/images/together/images/ico_lock.png") no-repeat 0 0;   text-indent: -99999px;}
#contents .tbl-type-3 td .table01 {text-align: left;}
#contents .tbl-type-3 td .table01 li {float: left; width: 50%; position: relative; display:inline-block;}
#contents .tbl-type-3 {margin-bottom: 0;}
#contents .tbl-type-3 thead {margin:0;padding:0;}
#contents .tbl-type-3 thead th.none {visibility: hidden; padding: 0; }
#contents .tbl-type-3 th { border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#contents .tbl-type-3 .inputbox001 {margin-top:-5px;background-color:#ffffff; width:98%;border-bottom:1px solid #888; border-top:0px solid #888;border-left:0px solid #888;border-right:0px solid #888; padding:3px 3px 3px 0px;font-size:14px; color: #51555e;text-indent: 0px; }
#contents .tbl-type-3 .inputbox002 {
    	background-color: #ffffff;
    	/* border-radius: 6px; */
    	border: 1px solid #e2e1e1; 
    	padding: 5px;
    	
    	font-size: 0.9em;
    	color: #3a3a3a;  
		-webkit-transition-duration: 0.7s;
        -moz-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
        transition-duration: 0.7s; }
#contents .tbl-type-3 .inputbox002:focus, #contents .tbl-type-3 .txtbox01:focus{
    		border: 1px solid #ef1f1f;
			background-color: #ffffff; }

#contents .tbl-type-3 .inputbox003 {
    	background-color: #ffffff;
    	/* border-radius: 6px; */
    	border: 0px; 
    	padding: 5px;
    	
    	font-size: 0.9em;
    	color: #3a3a3a;  
}

#contents .tbl-type-3 .txtbox01{
height: 170px;
border: 1px solid #e0e1e2;
padding:20px;
text-indent:0px !important;
background-color: #ffffff;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s; 
		}

#contents .tbl-type-3 .txtbox02{
text-indent:0px !important;
height: 105px;
overflow-Y: auto;
padding:20px;
background-color: #fafafa;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s; 
		}

.w-100 {width: 100%;}
.w-95 {width: 95%;}
.w-90 {width: 90%;}
.w-30 {width: 30%;}
.w300 {width: 300px;}
.w200 {width: 200px;}
.w100 {width: 100px;}
#contents .tbl-type-3 .select2 {font-size: 0.9em; 	 border: 1px solid #e0e1e2; color: #898d92; padding: 10px 5px 10px 5px; min-width:100px;}
#contents .tbl-type-3 .select2  option {color: #97999e;}



.example1 ul li {margin-left:30px; display: inline-block;  vertical-align: top; box-sizing: border-box; text-indent:-17px;}
.example1 ul.social li a.foo{
    font-size:17px;
    cursor:pointer; 
    border-radius:5px;
	border:1px solid #dd232b;
    overflow: hidden;
	color: #ffffff; 
	background: #dd232b;
    
	margin-bottom:10px;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s; 
	padding:15px 40px 15px 40px;
	line-height:40px;}

.example1 ul.social li a.foo:hover {
      border:1px solid #dd232b;
      background: #ffffff;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
     color: #dd232b; }

.example1 ul.social li a.foo2{ font-size:17px;
    cursor:pointer; 
    border-radius:5px;
	border:1px solid #dbdcdc;
    overflow: hidden;
    background: #ffffff;
	margin-bottom:10px;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s; 
	padding:15px 40px 15px 40px;
	line-height:40px;}
.example1 ul.social li a.foo2:hover {
border:1px solid #666666;
        color: #ffffff; 
		background: #666666;}



/*로고탭*/
.logo .section.page {display: none;}
.logo .section.page.on {display: block;}
.logo .tab-menu-2 li {width: 50%; float: left; margin-bottom:40px; text-align:center;}
.logo .tab-menu-2 a {color: #666666; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 20px;}
/* .logo .tab-menu-2 a span {display: block; width: 50px;  overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.logo .tab-menu-2 li:nth-child(1) span  {background-image: url(/images/company/dr_img05.png); }
.logo .tab-menu-2 li:nth-child(2) span  {background-image: url(/images/company/dr_img06.png);}
.logo .tab-menu-2 li:nth-child(3) span  {background-image: url(/images/company/dr_img03.png);}
.logo .tab-menu-2 li:last-child span  {background-image: url(/images/company/dr_img06.png);} */
.logo .tab-menu-2 li:last-child a {border-right: 1px solid #ddd;}
.logo .tab-menu-2 li.on a {background-color: #666666;  color: #fff; border-bottom: 1px solid #666666; }
.logo .tab-menu-2 li.on span {background-position: 0 -50px; }
.logo .tab-menu-2 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr2.png) center top no-repeat; content: "";}
.logo .tab-menu-2:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}


.together .tab-menu-two {padding-bottom: 40px; text-align:center;}

.together .tab-menu-two:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}
.together .tab-menu-two li {width: 15%;  display:inline-block;  border: 1px solid #d1d2d2;}
.together .tab-menu-two li a {color: #666666; font-size: 16px; font-weight:bold; display: block; padding: 13px 0 13px 0; }
/* .together .tab-menu-two li:nth-child(1) {}
.together .tab-menu-two li:nth-child(2) {} */


.together .tab-menu-two li:first-child { border-right: 0px solid #d1d2d2;}
.together .tab-menu-two li:last-child { margin-left:-4px;}
.together .tab-menu-two li.on {background: #ebebeb; color: #4b4e51; }
/* .together .tab-menu-two li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr2.png) center top no-repeat; content: "";} */
.together .tab-menu-two li.on a {color: #4b4e51; border: none; }

.together p.tx2 {font-size:18px;}
.activity p.tx2 {font-size:18px;}

/*sv마켓 리뷰 */
.addfile img{display:block; float:left; border:1px solid #e8e8e8; margin-left:5px; padding:7px;}
.addfile img:nth-child(1) {margin-right:0px;}



/* .starR1{
    background: url('/images/together/images/ico_review.png') no-repeat -52px 0;
    background-size: auto 100%;
    width: 15px;
    height: 30px;
    float:left;
    text-indent: -9999px;
    cursor: pointer;
}
.starR2{
    background: url('/images/together/images/ico_review.png') no-repeat right 0;
    background-size: auto 100%;
    width: 15px;
    height: 30px;
    float:left;
    text-indent: -9999px;
    cursor: pointer;
}
.starR1.on{background-position:0 0;}
.starR2.on{background-position:-15px 0;} */


.starR1{
    background: url('/images/together/images/ico_review.png') no-repeat -35px 0;
    background-size: auto 100%;
    width: 10px;
    height: 20px;
    float:left;
    text-indent: -9999px;
    cursor: pointer;
}
.starR2{
    background: url('/images/together/images/ico_review.png') no-repeat right 0;
    background-size: auto 100%;
    width: 10px;
    height: 20px;
    float:left;
    text-indent: -9999px;
    cursor: pointer;
}
.starR1.on{background-position:0px 0;}
.starR2.on{background-position:-10px 0;}




.subsidiary .tab-menu-2 li {width: 50%; float: left; margin-bottom:40px; text-align:center;}
.subsidiary .tab-menu-2 a {color: #666666; font-size: 18px; display: block; border: 1px solid #ddd; border-right: 0; padding: 20px;}
/* .logo .tab-menu-2 a span {display: block; width: 50px;  overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.logo .tab-menu-2 li:nth-child(1) span  {background-image: url(/images/company/dr_img05.png); }
.logo .tab-menu-2 li:nth-child(2) span  {background-image: url(/images/company/dr_img06.png);}
.logo .tab-menu-2 li:nth-child(3) span  {background-image: url(/images/company/dr_img03.png);}
.logo .tab-menu-2 li:last-child span  {background-image: url(/images/company/dr_img06.png);} */
.subsidiary .tab-menu-2 li:last-child a {border-right: 1px solid #ddd;}
.subsidiary .tab-menu-2 li.on a {background-color: #666666;  color: #fff; border-bottom: 1px solid #666666; }
.subsidiary .tab-menu-2 li.on span {background-position: 0 -50px; }
.subsidiary .tab-menu-2 li.on:after {display: block; height: 8px; width: 100%; background: url(/images/company/activity_tab_arr2.png) center top no-repeat; content: "";}
.subsidiary .tab-menu-2:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}


#contents.subsidiary .tab-menu li {width: 33%;}
#contents.subsidiary .tab-menu li {width: 33%;}





/*20200608*/
#contents .line2-list2 {border-top: 2px solid #51555e;}
#contents .line2-list2 li {border-bottom: 1px solid #e0e1e2; float: left; width: 100%; padding: 40px 0; position: relative; overflow: hidden;}
#contents .line2-list2 li.on {overflow: visible;}
#contents .line2-list2 li .left img {border: 1px solid #e0e1e2;}
#contents .line2-list2 li .left {float: left; text-align: center; width: 240px; padding-left:150px;}
#contents .line2-list2 li .right {float: right; width: 650px; position: relative; height: 197px;}
#contents .line2-list2 li .right .btns {left: 0; bottom: 0; position: absolute; font-weight: bold;}
#contents .line2-list2 li .right .btns a {margin-right: 20px;}
#contents .line2-list2 li .right p span {font-size: 18px; display: block; font-family: 'nanum-square-r';}
#contents .line2-list2 li .right p {font-size: 24px; font-family: 'nanum-square-b'; line-height: 1.3em;}
#contents .line2-list2 li .right p .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px 0; margin-bottom: 0;}


/*202009258*/


/*dart정보*/
.dartSearch{margin-top:15px;}
.searchbox{padding:15px 20px; border:1px solid #e1e1e1;}


.condition_group{padding:10px 0; position:relative; overflow:hidden;}
.con_check {margin-left:5px;}
.condition{float:left; }
.condition .control-label{display:inline-block; width:80px; color:#343434; font-size:1.0rem; font-weight:400;}
.request{color:#ff6c0b; margin:0 5px 0 0px;}
.con_se{float:left;} 
.con_txt{float:left;}
.con_date{float:left;}
.con_date input{float:left; width:120px;}
.comTxt{width:223px;}
.con_date .dateIco{ cursor:pointer; float:right; width:32px; height:28px; border:1px solid #e1e1e1; border-left:none; background:url('/ir/calender/dart_calendar.png') no-repeat center center #f3f3f3; background-size:16px;}
.con_date .dateIco2{ cursor:pointer; float:right; width:32px; height:29px; border-left:none; background:url('/ir/calender/dart_calendar.png') no-repeat center center; background-size:16px;}
.dateTxt{float:left; padding:0 5px; font-size:16px; font-weight:400; line-height:29px; color:#343434;}

.con_date2{float:left; width:150px; height:32px; border-radius: 5px; border:1px solid #bfbfbf; background-color:#fff;}
.con_date2 label{display: inline-block; width:calc(100% - 32px); font-size:1.6rem; line-height: 28px; color:#5a5a5a; text-align: center;}
.con_date2 label a{display: block; font-weight:300; font-size:1.6rem; line-height: 28px; color:#5a5a5a; text-align: center;}
.con_date2 .dateIco{float:right; width:32px; height:30px; background:url('/ir/calender/dart_calendar.png') no-repeat center;}

.condition_group .btn-white{background:#f1f1f1; border:1px solid #d3d3d3;}
.condition_group .form-control, .condition_group .single-line{font-size: 13px;}

.con_txt input[type=text]{padding:0 0 0 8px; color:#343434; font-size:14px;}
.con_txt input[disabled]{background:#f3f3f3;}

.companySearchBtnArea{float:left; margin-left:6px;}
.companySearchBtn{ cursor:pointer; display:inline-block; border:0px;
height:30px; color:#ffffff; font-size:16px; font-weight:400;  line-height:28px; padding:0 15px 0 5px; background:#4b4e51; text-align:center; vertical-align:middle;}
.companySearchBtn span{display:block; color:#ffffff; }

.dateSelect{margin-left:20px;}
.dateSelect ul{overflow:hidden;}
.dateSelect ul li{float:left; margin-left:5px;}
.dateSelect ul li:first-child{margin-left:0;}
.dateSelect ul li input{display:inline-block; line-height:28px; padding:0 10px 0 0; background:#f3f3f3; border:1px solid #e1e1e1; color:#646464;   cursor:pointer; }
.dateSelect ul li.active input{background:#df242b; border:1px solid #df242b; color:#ffffff;}


.financeSearchArea{border:1px solid #e1e1e1; margin-top:-1px;}
.financeSelect{padding:20px;}
.financeSelect ul{width:100%; display:flex; flex-wrap:wrap;}
.financeSelect ul li{flex:auto; margin-left:5px;}
.financeSelect ul li:first-child{margin-left:0;}
.financeSelect ul li input{ cursor:pointer; display:block; border:1px solid #e1e1e1; height:35px;padding:6px 6px 6px 20px; background:url('/images/dart/dart_checkbox.png') no-repeat 8px 8px #f3f3f3; background-size:13px; color:#646464; line-height:16px;}
.financeSelect ul li.activeon input{border:1px solid #df242b; background:url('/images/dart/dart_checkedbox.png') no-repeat 8px 8px #df242b; background-size:13px; color:#ffffff;}
.financeSelect ul li.active input{border:1px solid #df242b; background:url('/images/dart/dart_checkbox.png') no-repeat 6px 8px #df242b; background-size:13px; color:#ffffff;}
.financeSelect ul li.on input{border:1px solid #e1e1e1; background:url('/images/dart/dart_checkList_on.png') no-repeat 6px 8px #f3f3f3; background-size:13px; color:#646464;}
.financeSelect ul li input span{display:block;}

.financeSearchDetail{padding:20px 20px 0;}
.financeDetailList{border-top:1px dashed #cdcdcd; padding:20px 0;}
.financeDetailListTitle{overflow:hidden;}
.financeDetailListTitle h3{float:left; font-size:15px; color:#cc1f26; font-weight:400; font-family: }
.allSelectArea{float:right;}
.allSelectArea li{float:left; margin-left:10px; border-left:1px solid #e3e3e3; line-height:14px; cursor:pointer;}
.allSelectArea li:first-child{margin-left:0; border-left:none;}
.allSelectArea li a{padding-left:26px;  color:#df242b; font-size:13px; }
.allSelectArea li a.allSelect{background:url('/images/dart/dart_checkList_allChecked.png') no-repeat 10px center; background-size:9px;}
.allSelectArea li a.allSelect.unCheck{background:url('/images/dart/dart_checkList_uncheck.png') no-repeat 10px center; background-size:9px;}
.allSelectArea li a.allSelectClose{background:url('/images/dart/dart_checkList_close.png') no-repeat 10px center; background-size:9px;}

.financeDetailCheck{padding-top:10px;}
.financeDetailCheck ul{overflow:hidden;}
.financeDetailCheck ul li{float:left; width:33.3%; padding:2px 0 0;}
.financeDetailCheck ul li input{vertical-align:middle}
.financeDetailCheck ul li label{color:#343434; font-weight:300; margin-left:5px; vertical-align:middle;}

.financeSearchClose{text-align:center; border-top:1px solid #e1e1e1;}
a.financeSearchCloseBtn{display:inline-block; padding:4px 0;}
a.financeSearchCloseBtn span{display:inline-block; color:#646464;  padding-right:20px; background:url('../../images/pc/financeMoreBtnOpen.png') no-repeat right center; background-size:13px;}
a.financeSearchCloseBtn.closeBtn span{background:url('../../images/pc/financeMoreBtnClose.png') no-repeat right center; background-size:13px;}

.financeSearchBtnArea{padding-top:20px; text-align:center;}
.financeSearchBtn{display:inline-block; background:##df242b; font-size:15px; color:#ffffff; padding:10px 60px; }







a.dartbtn {
   padding:10px 30px 10px 30px; 
    text-align: center; 
    font-size:17px;
    cursor:pointer; 
    border-radius:5px;
    display: inline-block;
	border:1px solid #dbdcdc;
    overflow: hidden;
    background: #ffffff;
	margin-bottom:10px;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s; }

a.dartbtn:hover {
      border:1px solid #dd232b;
      background: #dd232b;
	  color: #ffffff; 
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }
a.dartbtn.foo{line-height:50px;}
a.dartbtn.foo:hover {color: #ffffff; }
        
.k-grid-content{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    vertical-align: top
}

.k-grid-content.k-auto-scrollable{
    display: block; 
}
.k-grid-content.k-auto-scrollable.ht01 {height:435px;}
.k-grid-content.k-auto-scrollable.ht02 {height:235px;}
.k-grid-content {
    width: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    -ms-flex: 1;
    flex: 1
}



.k-grid-content>table td{border-bottom: 0px solid #e0e1e2; padding: 8px 0 !important; }
.k-grid-content>table tr:nth-child(even){background-color:#f2f2f2;}
.k-grid-content>table tr{cursor:pointer;}

.k-grid-header-wrap {padding-right:17px;  background: #fafafa url(/images/dart/bg_title.png) 0 0 repeat-x;}
.k-grid-header-locked>table, .k-grid-header-wrap>table {
    margin-bottom: -1px;  table-layout: fixed;
}

.dartTxt01{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; background:#ef9a87; border:1px solid #bf7b6c; color:#fff; font-size:12px;}
.dartTxt02{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; background:#8cba51; border:1px solid #709541; color:#fff; font-size:12px;}
.dartTxt03{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; background:#b55df2; border:1px solid #914ac2; color:#fff; font-size:12px;}
.dartTxt04{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; background:#0092cb; border:1px solid #0075a2; color:#fff; font-size:12px;}


.dartico01{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#b4e9bd, #e2ffea); 
border:1px solid #b4e9bd; color:#333333; font-size:12px;}

.dartico02{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#7fd3e5, #bef2fe); 
border:1px solid #10c5e7; color:#333333; font-size:12px;}

.dartico03{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#d8e9b4, #f2ffe2); 
border:1px solid #c2cba9; color:#333333; font-size:12px;}

.dartico04{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#abdae9, #d4f0f9);  
border:1px solid #5bbbd3; color:#333333; font-size:12px;}

.dartico05{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#ecd8bb, #fdf4de); 
border:1px solid #cbbba9; color:#333333; font-size:12px;}

.dartico06{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#ebb8e4, #fcdcf4); 
border:1px solid #cba9c8; color:#333333; font-size:12px;}

.dartico07{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#cab8eb, #eddefd); 
border:1px solid #b3a9cb; color:#333333; font-size:12px;}

.dartico08{display:inline-block; margin-right:5px; width:18px; height:18px; text-align:center; line-height:18px; border-radius:5px; background:linear-gradient(180deg,#d1d1d1, #ececec);  
border:1px solid #bababa; color:#333333; font-size:12px;}




.dartLogo{position:absolute; right:0; top:0; width:98px; height:25px; background:url('/images/dart/dartLogo.png') no-repeat 0 0; background-size:98px; }



#popup_wrap4 {  border-radius: 20px;  width:950px; height:450px; padding:30px 40px 20px 40px; background:#fff; 
border: solid 1px #666666; position:fixed; top:30%; left:50%;margin:-150px 0 0 -480px; z-index:9999; display:none; } 
#popup_wrap4 p {font-size:18px;  font-weight:bold; text-align:left; line-height:25px;}

#popup_wrap4 h3 {font-family: 'nanum-square-b'; font-size: 24px; padding-bottom: 20px;}
#popup_wrap4 .tbl {position: relative;}
#popup_wrap4 td.gray {color: #898d92;}
#popup_wrap4 td .pos-r {position: relative; display: inline-block;}
#popup_wrap4 td .ic-new {position: absolute; right: -40px; top: -6px; width: 28px; height: 28px; display: inline-block; background: url(/images/common/ic_new.png) 0 center no-repeat; text-indent:-9999px}
#popup_wrap4 thead th {border-top: 2px solid #51555e; border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#popup_wrap4 thead th.none {padding: 0 !important; border: 0 !important; font-size: 0;}
#popup_wrap4 thead th.none2 {border-top: 1px solid #e0e1e2; border-bottom: 0px solid #e0e1e2; background: #fafafa; padding: 20px 0 0 0; font-weight: bold;}
#popup_wrap4 thead tr.line-1 th {border-top: none;}
#popup_wrap4 tbody td {border-bottom: 1px solid #e0e1e2; padding: 20px 0; }
#popup_wrap4 p.red {color:#f31e61;}
#popup_wrap4 .normal{font-size:1.0em; !important; font-weight:normal !important;  }
#popup_wrap4 .small{margin-top:15px;font-size:1.0em; !important; font-weight:normal !important; }
#popup_wrap4 .btnpop {  width:100%; position : relative; margin: 20px auto; text-align: center; border-top:1px solid #e0e1e2; padding-top:20px;}
#popup_wrap4 .btnpop button {  cursor: pointer; width: 180px; height: 44px; line-height: 20px; color: #ffffff; text-align: center; border: none; font-size: 14px; -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;}

/* #popup_wrap3 .btnpop #winpopup { background: #dc1f55; color: #ffffff;} */
#popup_wrap4 .btnpop #winpopup { background: #ed7d31; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap4 .btnpop #winpopup:hover {background: #333333; color: #ffffff;}
#popup_wrap4 .btnpop #popup_close {background: #666666; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap4 .btnpop #popup_close:hover {background: #333333; color: #ffffff;}

#popup_wrap41 .btnpop #winpopup { background: #ed7d31; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap41 .btnpop #winpopup:hover {background: #333333; color: #ffffff;}
#popup_wrap41 .btnpop #popup_close {background: #666666; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap41 .btnpop #popup_close:hover {background: #333333; color: #ffffff;}


#popup_wrap5 {  border-radius: 20px;  width:950px; height:450px; padding:30px 40px 20px 40px; background:#fff; 
border: solid 1px #666666; position:fixed; top:30%; left:50%;margin:-150px 0 0 -480px; z-index:9999; display:none; } 
#popup_wrap5 p {font-size:18px;  font-weight:bold; text-align:left; line-height:25px;}

#popup_wrap5 h3 {font-family: 'nanum-square-b'; font-size: 24px; padding-bottom: 20px;}
#popup_wrap5 .tbl {position: relative;}
#popup_wrap5 td.gray {color: #898d92;}
#popup_wrap5 td .pos-r {position: relative; display: inline-block;}
#popup_wrap5 td .ic-new {position: absolute; right: -40px; top: -6px; width: 28px; height: 28px; display: inline-block; background: url(/images/common/ic_new.png) 0 center no-repeat; text-indent:-9999px}
#popup_wrap5 thead th {border-top: 2px solid #51555e; border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#popup_wrap5 thead th.none {padding: 0 !important; border: 0 !important; font-size: 0;}
#popup_wrap5 thead th.none2 {border-top: 1px solid #e0e1e2; border-bottom: 0px solid #e0e1e2; background: #fafafa; padding: 20px 0 0 0; font-weight: bold;}
#popup_wrap5 thead tr.line-1 th {border-top: none;}
#popup_wrap5 tbody td {border-bottom: 1px solid #e0e1e2; padding: 20px 0; }
#popup_wrap5 p.red {color:#f31e61;}
#popup_wrap5 .normal{font-size:1.0em; !important; font-weight:normal !important;  }
#popup_wrap5 .small{margin-top:15px;font-size:1.0em; !important; font-weight:normal !important; }
#popup_wrap5 .btnpop {  width:100%; position : relative; margin: 20px auto; text-align: center; border-top:1px solid #e0e1e2; padding-top:20px;}
#popup_wrap5 .btnpop button {  cursor: pointer; width: 180px; height: 44px; line-height: 20px; color: #ffffff; text-align: center; border: none; font-size: 14px; -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;}

/* #popup_wrap3 .btnpop #winpopup { background: #dc1f55; color: #ffffff;} */
#popup_wrap5 .btnpop #winpopup { background: #ed7d31; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap5 .btnpop #winpopup:hover {background: #333333; color: #ffffff;}
#popup_wrap5 .btnpop #popup_close {background: #666666; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap5 .btnpop #popup_close:hover {background: #333333; color: #ffffff;}


#popup_wrap5 {  border-radius: 20px;  width:950px; height:450px; padding:30px 40px 20px 40px; background:#fff; 
border: solid 1px #666666; position:fixed; top:30%; left:50%;margin:-150px 0 0 -480px; z-index:9999; display:none; } 
#popup_wrap5 p {font-size:18px;  font-weight:bold; text-align:left; line-height:25px;}

#popup_wrap5 h3 {font-family: 'nanum-square-b'; font-size: 24px; padding-bottom: 20px;}
#popup_wrap5 .tbl {position: relative;}
#popup_wrap5 td.gray {color: #898d92;}
#popup_wrap5 td .pos-r {position: relative; display: inline-block;}
#popup_wrap5 td .ic-new {position: absolute; right: -40px; top: -6px; width: 28px; height: 28px; display: inline-block; background: url(/images/common/ic_new.png) 0 center no-repeat; text-indent:-9999px}
#popup_wrap5 thead th {border-top: 2px solid #51555e; border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#popup_wrap5 thead th.none {padding: 0 !important; border: 0 !important; font-size: 0;}
#popup_wrap5 thead th.none2 {border-top: 1px solid #e0e1e2; border-bottom: 0px solid #e0e1e2; background: #fafafa; padding: 20px 0 0 0; font-weight: bold;}
#popup_wrap5 thead tr.line-1 th {border-top: none;}
#popup_wrap5 tbody td {border-bottom: 1px solid #e0e1e2; padding: 20px 0; }
#popup_wrap5 p.red {color:#f31e61;}
#popup_wrap5 .normal{font-size:1.0em; !important; font-weight:normal !important;  }
#popup_wrap5 .small{margin-top:15px;font-size:1.0em; !important; font-weight:normal !important; }
#popup_wrap5 .btnpop {  width:100%; position : relative; margin: 20px auto; text-align: center; border-top:1px solid #e0e1e2; padding-top:20px;}
#popup_wrap5 .btnpop button {  cursor: pointer; width: 180px; height: 44px; line-height: 20px; color: #ffffff; text-align: center; border: none; font-size: 14px; -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;}

/* #popup_wrap3 .btnpop #winpopup { background: #dc1f55; color: #ffffff;} */
#popup_wrap5 .btnpop #winpopup { background: #ed7d31; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap5 .btnpop #winpopup:hover {background: #333333; color: #ffffff;}
#popup_wrap5 .btnpop #popup_close {background: #666666; color: #ffffff; font-size:1.0em; !important; font-weight:bold !important; }
#popup_wrap5 .btnpop #popup_close:hover {background: #333333; color: #ffffff;}




#popup_wrap6 {  border-radius: 20px;  width:1100px; height:530px; padding:30px 20px 20px 30px; background:#fff; 
border: solid 1px #666666; position:fixed; top:30%; left:50%;margin:-150px 0 0 -520px; z-index:9999; display:none;  } 

#popup_wrap6 .section {overflow: auto; height:390px; text-align:center; padding:0 5px 0 0px;
    overflow-x: auto;
    overflow-y: scroll}

#popup_wrap6 h3 { font-family: 'nanum-square-b'; font-size: 22px; padding-bottom: 20px; line-height: 1.5em;}
#popup_wrap6 h3 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#popup_wrap6 .firm-list:after { display: block; content:""; height: 0; clear: both; visibility:hidden; }
#popup_wrap6 .firm-list li {float: left; width: 20%;}
#popup_wrap6 .firm-list li p {padding: 0 20px; font-size:15px;}
#popup_wrap6 .firm-list li p .num {display:block; width: 47px; padding: 10px 0; margin: 0 auto; font-size: 16px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; background: #df242b; color: #ffffff;}
#popup_wrap6 .firm-list li p .margin {height: 20px; margin: 20px auto;}
#popup_wrap6 .firm-list li span {display: block;}
#popup_wrap6 .firm-list {border: 1px solid #d6d7d9; padding: 30px 0; margin-top: 30px;}
#popup_wrap6.firm tbody td {padding: 10px 0;}

#popup_wrap6 .normal{font-size:1.0em; !important; font-weight:normal !important;  }
#popup_wrap6 .small{margin-top:15px;font-size:1.0em; !important; font-weight:normal !important; }
#popup_wrap6 .btnpop {  width:100%; position : relative; margin: 20px auto; text-align: center; border-top:1px solid #e0e1e2; padding-top:20px;}
#popup_wrap6 .btnpop button {  padding:7px 30px 7px 30px; text-align: center;     font-size:17px;  cursor:pointer; color: #ffffff; border-radius:5px;
 display: inline-block;	border:1px solid #686f79;    overflow: hidden;    background: #686f79;	margin-bottom:10px;    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;    -o-transition-duration: 0.7s;    transition-duration: 0.7s; }

#popup_wrap6  .mar-t {padding-top: 30px;}


#popup_wrap6 .btnpop button:hover {  border:1px solid #dd232b; background: #dd232b; color: #ffffff; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }



#popup_wrap7 {  border-radius: 20px;  width:1100px; height:530px; padding:30px 20px 20px 30px; background:#fff; 
border: solid 1px #666666; position:fixed; top:30%; left:50%;margin:-150px 0 0 -520px; z-index:9999; display:none;  } 
#popup_wrap7  .mar-t {padding-top: 30px;}
#popup_wrap7 .section {overflow: auto; height:390px; text-align:center; padding:0 5px 0 0px;
    overflow-x: auto;
    overflow-y: scroll}

#popup_wrap7 h3 { font-family: 'nanum-square-b'; font-size: 22px; padding-bottom: 20px; line-height: 1.5em;}
#popup_wrap7 h3 .line {display: block; height: 1px; width: 20px; background: #a8aaae; margin: 15px auto; margin-bottom: 0;}
#popup_wrap7 .btnpop {  width:100%; position : relative; margin: 20px auto; text-align: center; border-top:1px solid #e0e1e2; padding-top:20px;}
#popup_wrap7 .btnpop button {  padding:7px 30px 7px 30px; text-align: center;     font-size:17px;  cursor:pointer; color: #ffffff; border-radius:5px;
 display: inline-block;	border:1px solid #686f79;    overflow: hidden;    background: #686f79;	margin-bottom:10px;    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;    -o-transition-duration: 0.7s;    transition-duration: 0.7s; }

#popup_wrap7 .btnpop button:hover {  border:1px solid #dd232b; background: #dd232b; color: #ffffff; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

#popup_wrap7 thead th {border-top: 2px solid #51555e; border-bottom: 1px solid #e0e1e2; background: #fafafa; padding: 10px 0; font-weight: bold;}
#popup_wrap7 thead th.none {padding: 0 !important; border: 0 !important; font-size: 0;}
#popup_wrap7 thead th.none2 {border-top: 1px solid #e0e1e2; border-bottom: 0px solid #e0e1e2; background: #fafafa; padding: 20px 0 0 0; font-weight: bold;}
#popup_wrap7 thead tr.line-1 th {border-top: none;}
#popup_wrap7 tbody td {border-bottom: 1px solid #e0e1e2; padding: 10px 0; }
#popup_wrap7 tbody td.none2 {border-bottom: 1px solid #e0e1e2; padding: 20px 0; background: #fafafa;}
#popup_wrap7 tfoot td {color: #616366;  padding: 10px 0;}
#popup_wrap7 .tbl {position: relative;}
#popup_wrap7 .tbl-head {position: relative;}
#popup_wrap7 .tbl-head .tbl-unit {position: absolute; right: 0; top: 0; color: #898d92; }
#popup_wrap7 .tbl-type-1 tbody th {text-align: center; border-bottom: 1px solid #e0e1e2; padding: 20px 10px;  font-weight: bold;}
#popup_wrap7 .tbl-type-1 th.big {font-size: 18px;}
#popup_wrap7 .tbl-type-2 {margin-top: 10px; margin-bottom: 30px;}
#popup_wrap7 .tbl-type-2 thead th {border-top: 2px solid #51555e background: #fafafa; border-bottom: 1px solid #e0e1e2;}
#popup_wrap7 .tbl-type-2 thead th.none {padding: 0; font-size: 0;}
#popup_wrap7 .tbl-type-2 tbody th.line01 {border-bottom: 1px solid #e0e1e2 }
#popup_wrap7 .tbl-type-2 td {padding: 21px 0; text-align: left;}
#popup_wrap7 .tbl-type-2 ul {padding-left: 50px;}
#popup_wrap7 .tbl-type-2 ul li {padding: 3px 0;}
#popup_wrap7 .tbl .adopt {display: block; width: 18px; height: 18px; text-indent:-9999px; overflow: hidden; margin: 0 auto; background: url(/images/company/ic_adopt.png) center center no-repeat;}

#mask2 {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;} 



/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	/* text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}


.tbl-type-11 td{padding:10px !important;}
.tbl-type-11 th {border-bottom: 1px solid #e0e1e2; padding: 20px 0; }

/* Victoria Buttons */



a.animated-button.victoria-two2 {
	color:#df242b;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:40px;
	display: block ;
	position: relative;
	border: 1px solid #D24D57;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

}



 a.animated-button.victoria-two2 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two2:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two2:hover {
	color: #ffffff !important;
	background-color: transparent;
	text-shadow: nthree;
}
a.animated-button.victoria-two2:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two2:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #df242b !important;
	background: #D24D57;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}




a.animated-button.victoria-one {
	border: 2px solid #7b7f87;
	color:#51555d;
	width:120px;
}
a.animated-button.victoria-one:hover {
	color: #fff !important;
	border: 2px solid #51555d;
	background-color: transparent;
	/* text-shadow: ntwo; */
}
a.animated-button.victoria-one:after {
      
	background: #51555d;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
	border: 1px solid #D24D57;
	color:#df242b;
	font-size:16px;
}
a.animated-button.victoria-two:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-three:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
	height: 140%;
	opacity: 1;
}
a.animated-button.victoria-four {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
/* Sandy Buttons */

a.animated-button.sandy-one {
	border: 2px solid #AEA8D3;
	color: #FFF;

}
a.animated-button.sandy-one:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}
a.animated-button.sandy-one:hover:after {
	height: 120% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-two {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-two:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-three {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-three:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-four {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-four:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
/* Gibson Buttons */

a.animated-button.gibson-one {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-one:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-two {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-two:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-three {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-three:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-four {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-four:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%));
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
/* Thar Buttons */

a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;}
/*2021-07-08*/
.big2c {border-radius:30px; background-color:#51555e; padding : 10px 60px 10px 60px;}

/* 
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000000;
    display: none; }

 */

#mask3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000000;
    display: none; }



#mask3.show { display: block; opacity: 0.7;}

.layerpop {
   
   z-index: 1000;
   left: 40%; top: 500px; display: block; position: absolute; z-index: 9999; 
   width: 700px; min-height: 350px;
   padding :40px 60px 40px 60px;
   background-color : #fff;
   border-radius:30px; 
    cursor: move;
   }

.layerpop_area .title {
    padding: 10px 10px 10px 0px;
    border-bottom: 2px solid #000000;
    color: #1e1e1e;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 24px; }

.layerpop_area a.layerpop_close {
  
    display: block;
    position: absolute;
	background:url("/ir/calender/btn_closed.png") no-repeat 0 0;
    width : 66px;
	text-decoration:none;
	text-indent:-2000px;
	outline:none;
	overflow:hidden;
    height : 66px;
    right : 10px;
    top : 10px; }

.layerpop_area a.layerpop_close:hover {
    background: transparent url('/ir/calender/btn_closed.png') no-repeat;
    cursor: pointer; }

.layerpop_area .content {
    width: 96%;    
    margin: 2%;
    color: #828282; }

/* 
 #mask3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000000;
    display: none; }



#mask3.show { display: block; opacity: 0.7;}






.layerpop {
    display: none;
    z-index: 1000;
   left: 40%; top: 500px; display: block; position: absolute; z-index: 9999; 
   width: 700px; height: 350px;
   padding : 40px 60px 40px 60px;
   background-color : #fff;
   border-radius:30px; 
    cursor: move;
   }
.layerpop_area .title {
    padding: 10px 10px 10px 0px;
    border-bottom: 2px solid #000000;
    color: #1e1e1e;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 24px; }

.layerpop_area .layerpop_close {
  
    display: block;
    position: absolute;
	background:url("/ir/calender/btn_closed.png") no-repeat 0 0;
    width : 66px;
    height : 66px;
    right : 10px;
    top : 10px;
}
.layerpop_area .layerpop_close:hover {
    background: transparent url('./layer/btn_exit_on.png') no-repeat;
    cursor: pointer; }

.layerpop_area .content {
    width: 96%;    
    padding: 2%;
    color: #828282; }
 */

/*20201-08-24*/

*,
*::before,
*::after {
  box-sizing: border-box;
}



.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}



.col-md-3 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  
  .col-md-3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  
}


.section2 {
  padding-top: 0px;
}

.section2 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* @media (min-width: 576px) {
  .section2 {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .section2 {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .section2 {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .section2 {
    max-width: 1140px;
  }
} */





.section2 .row.smallest-version {
  margin-bottom: 80px;
}
.section2 .row.smallest-version .col-md-3 .news-card-container .top {
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 0px;
}
.section2 .row.smallest-version .col-md-3 .news-card-container .top span:nth-of-type(1) {
  color: #d6163a;
  text-transform: uppercase;
}
.section2 .row.smallest-version .col-md-3 .news-card-container .top span:nth-of-type(2) {
  padding-left: 20px;
}
.section2 .row.smallest-version .col-md-3 .news-card-container .top span:nth-of-type(3) {
  padding-left: 20px;
}


.section2 .row.smallest-version .col-md-3 .news-card-container:hover .img-child {
  transform: scale(1.05);
}
.section2 .row.smallest-version .col-md-3 .news-card-container .img-container {
  width: 100%;
  height: 200px;
  margin-bottom: 19px;
  overflow: hidden;
}
.section2 .row.smallest-version .col-md-3 .news-card-container .img-container .img-child {
  transition: 0.5s all;
  background-color: #eee;
  width: 100%;
  height: 100%;
  background-image: url(https://lonelyplanetstatic.imgix.net/copilot/images/QnVraGFuc2FuX1Nlb3VsX0xvbmVseV9QbGFuZXQuanBnTW9uIEp1bCAwMiAyMDE4IDA4OjI1OjI5IEdNVCswMDAwIChVVEMp.jpg?q=40&w=2000&h=1125&fit=crop&fm=pjpg);
  background-size: cover;
}


.section2 .row.smallest-version .col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
}

.section2 .row.smallest-version .col-md-3 .news-card-container:hover .shadow img {
  transform: scale(1.1);
}

.shadow{
         width: 100%;
         height: 200px;
         margin-bottom: 19px;
         overflow: hidden;
		 transition: 0.5s all;
        }
         
.shadow img{
            width:100%;
            height:100%;
			transition: 0.5s all;
        }
         
.shadow img:hover{
            cursor:pointer;
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
        }


.section2 .row.smallest-version .col-md-3 .news-card-container:hover .shadow img {
  transform: scale(1.1);
}

.shadow2{
         width: 420px;
         height: 278px;
         margin-bottom: 19px;
         overflow: hidden;
		 transition: 0.5s all;
        }
         
.shadow2 img{
            width:100%;
            height:100%;
			transition: 0.4s all;
        }
         
.shadow2 img:hover{
            cursor:pointer;
            -webkit-transform:scale(1.05); /*  크롬 */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .4s;
            -o-transition: transform .4s;
            -moz-transition: transform .4s;
            -webkit-transition: transform .4s;
        }

.shadow3{
         width: 570px;
         height: 305px;
         margin-bottom: 19px;
         overflow: hidden;
		 transition: 0.5s all;
        }
         
.shadow3 img{
            width:100%;
            height:100%;
			transition: 0.4s all;
        }
         
.shadow3 img:hover{
            cursor:pointer;
            -webkit-transform:scale(1.05); /*  크롬 */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .4s;
            -o-transition: transform .4s;
            -moz-transition: transform .4s;
            -webkit-transition: transform .4s;
        }





.section2 .row.smallest-version .col-md-3 .news-card-container {
  padding-top: 22px;
  text-align:left;
  padding: 25px 10px 12px 23px;
  border-top: 3px solid #d6163a;
  transition: 0.3s all;
}
.section2 .row.smallest-version .col-md-3 .news-card-container:hover {
  transform: translateY(-3px);
  box-shadow: 0px 4px 15px rgba(1, 1, 1, 0.08);
}
.section2 .row.smallest-version .col-md-3 .news-card-container h2 {
  font-size: 22px;
  color: black;
  line-height:110%;
  font-weight: 900;
}
.section2 .row.smallest-version .col-md-3 .news-card-container p {
  padding-top:5px;
  font-size: 14px;
  color: #545459;
  margin-bottom: 20px;
}
.section2 .row.smallest-version .col-md-3 .news-card-container a {
  font-size: 13px;
  color: #999;
}



/*2021-07-08*/
a.link3 {border: 2px solid #eb4047; display: inline-block; color: #eb4047; background:#ffffff url(/images/common/ic_arr_r.png) 7px center no-repeat;
background-size: 24px; min-height: 24px; padding:4px 15px 4px 45px; line-height:35px;font-size:15px;font-weight: bold;border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;
}
.g-box2 {background: #f8f8f8; padding: 40px 90px; margin: 30px 0px 50px 0px;}
.g-box2 p { font-size: 17px;}
.g-box3 p { font-size: 17px;}

.g-box3 {background: #f8f8f8; padding: 40px 90px; margin: 30px 0px 50px 0px;}
.g-box3 h4 {padding:0;}
.g-box3 h4.big2c { color: #ffffff;display: inline-block;  font-size:22px !important; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; 
line-height:35px; background-color:#51555e; padding:4px 25px 4px 20px !important;}

.g-box3 p { font-size: 15px;}
.g-box3 .downline {background-color:#ffffff; margin-bottom:5px; padding:12px 25px 12px 35px !important; position:relative;}
.g-box3 .downline .esgtit {float: left; width:50%;font-size: 15px; margin:0px !important; text-align:left; }
.g-box3 .downline .downbtn {position:absolute; right:0; padding-right: 35px; text-align:right;}
.g-box3 .downline:after { display: block; content:""; height: 0; clear: both; visibility:hidden;}

.g-box4 {background: #f8f8f8; padding: 60px 150px; margin: 30px 0px 50px 0px;}
.g-box4 h4 {padding:0;}
.g-box4 h4.big2c { color: #ffffff;display: inline-block;  font-size:22px !important; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; 
line-height:35px; background-color:#51555e; padding:4px 25px 4px 20px !important;}
.g-box4 span.nbsp {display:inline-block; width:144px;}



/*2021-08-02*/
#contents .esgvision {background: url(/images/esg/esgmanabg.png) 0 0 no-repeat; padding-top: 60px;}
#contents .focusissue {background: url(/images/esg/esgmanabg3.png) 0 0 no-repeat; padding-top: 60px;}
#contents .netzero {background: url(/images/esg/esgmanabg4.png) 0 0 no-repeat; padding-top: 40px;}
#contents .Initiative {background: url(/images/esg/esgmanabg2.png) 0 0 no-repeat; padding-top: 40px;}
.comt_con .comt_table th {width:10%;}
#contents h3 span.smt {font-size: 18px; padding-top: 8px; padding-bottom: 0;}


.ethics .duty4 {display: none; margin-top: 50px;}
.ethics .duty4.on {display: block;}
/* .ethics .duty4 h3 {padding-bottom: 70px !important;} */
.ethics .duty4 li {float: left; width: 49%; padding-bottom: 50px; line-height: 1.8em; margin-right: 1%;}

.ethics .duty4 li:nth-child(2n) {margin-left: 1%; margin-right: 0;}
.ethics .duty4 ul li.fl {float: left; clear: both;}
.ethics .duty4 ul li.fl2 {float: left; width: 100%; clear: both;}
.ethics .duty4 li.fl2 strong {float: left; width: 11%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.ethics .duty4 li.fl2 span {float: left; text-align: left; width: 89%;}

.ethics .duty4 li strong {float: left; width: 25%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.ethics .duty4 li p {float: left; text-align: left; width:75%;display: block; }
.ethics .duty4 li p span {padding-left:20px; text-indent:-20px;display: block;}


/*2021.09.01*/
#contents.initiative .tab-menu li {width: 50%;}
#contents.initiative {text-align: center;}


#contents.initiative div.hor-3 {position: relative; }
#contents.initiative div.hor-3:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}
#contents.initiative div.hor-3 .btn-detail {padding-top: 50px;}
#contents.initiative div.hor-3 div {float: left; width: 33.3%;}
#contents.initiative div.hor-3 div p  {display: block; padding: 30px 5px 60px; line-height:1.4em; font-size:15px;}
#contents.initiative div.hor-3 div p span {font-weight:bold; font-size:26px; }
#contents.initiative div.hor-3 div a {position: relative; display: block;}



#contents.activity div.hor-33 {position: relative; width:100%; margin:0 auto;}
#contents.activity div.hor-33:after {display: block; content:"";  height: 0; clear: both; visibility:hidden;}
#contents.activity div.hor-33 .btn-detail {padding-top: 50px;}
#contents.activity div.hor-33 div {border:1px solid #dcdddf; padding:0px; display: block; float: left; width: 24.6%; margin:0px 5px 20px 0px; }
#contents.activity div.hor-33 div:nth-child(4n)  { margin:0px 0px 20px 0px; }
#contents.activity div.hor-33 div p  {display: block; padding: 30px 5px 60px; line-height:1.4em; font-size:15px;}
#contents.activity div.hor-33 div p span {font-weight:bold; font-size:26px; }
#contents.activity div.hor-33 div a {position: relative; display: block;}



.ethics .w90 {width:95%;  position: relative; margin:0 auto;}



.bod .duty3 {position:relative; display: none; margin: 0px 0 50px 0;}
.bod .duty3.on {display: block;}
.bod .duty3 h3 {font-size: 20px  !important; padding-bottom: 0px !important;text-align: left;}

.bod .duty3 ul { width:100%;}
.bod .duty3 ul li.linetop4 {border-top:1px solid #51555e; margin:30px 0 30px 0; }
.bod .duty3 ul li.linetop5 {margin:30px 0 30px 0; }
.bod .duty3 ul li.linetop3 {position:absolute;width: 48%; border-bottom:1px solid #cccccc; margin:30px 0 30px 0; bottom:0; }
.bod .duty3 ul.fl  {float: left; width: 48%;}
.bod .duty3 ul.fl:nth-child(2) {margin-left: 4%; margin-right: 0;}
.bod .duty3 ul li {float: left; padding-bottom: 50px;  line-height: 1.8em; margin-right: 1%;}
.bod .duty3 ul li ul {padding-top: 10px;}
.bod .duty3 ul li li { text-align: left; width: 100%; padding: 2px 0 ; position: static; line-height: 1.4em;}
.bod .duty3 ul li li strong {float: left; width: 19%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.bod .duty3 ul li li p {float: left; text-align: left; width:100%;}
.bod .duty3 ul li li p.rt {text-align: right !important;}
.bod .duty3 ul li li p.ct {text-align: center !important;}
.dotbox3 { font-size:17px; text-align: center !important; color:#4b4e51; width: 100%; padding:20px 20px 20px 20px; background: #fbfbfb; margin: 0px auto; border:2px dotted #666666; 
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} 



#contents.ethics .lines-2 {margin-top: 40px;}
#contents.ethics .lines-2 div {display: inline-block; vertical-align: top; width: 45%;}
#contents.ethics .lines-2 div:first-child {padding-right: 30px;}
#contents.ethics .lines-2 div:last-child {padding-left: 30px;}
#contents.ethics .lines-2 p {border-top:1px solid #e0e1e2; text-align: left; padding-top: 20px; font-size:15px;}
#contents.ethics .lines-2 dl {display: table; padding-bottom: 20px; }
#contents.ethics .lines-2 dl dt {display: table-cell; vertical-align: top; padding-right: 10px; padding-top: 8px;}
#contents.ethics .lines-2 dl dd {display: table-cell; text-align: left; vertical-align: top; font-size: 24px; font-family: 'nanum-square-b'; line-height: 1.4em;}
#contents.ethics .lines-2 dl dd span {font-size: 13px; color: #888; display: block; font-family: 'nanum-square-r'; margin-bottom: -8px;}



#contents.activity .section .img-cont {display: table; padding-bottom: 30px;}
#contents.activity .section .img-cont div {min-height: 150px; display: table-cell; vertical-align: middle;}
#contents.activity .section .img-cont div a {margin-top: 20px; display: inline-block;}
#contents.activity .section .img-cont div h3 {font-size: 30px; padding-top: 0;}
#contents.activity .section .img-cont div h4 {font-size: 30px; padding-top: 0; text-align: left;}
#contents.activity .section .img-cont h5 {font-size: 18px;}
#contents.activity .section .img-cont p .simg {margin-top: 20px; vertical-align:top !important; display: inline-block;}
#contents.activity .section .img-cont p .sline { vertical-align:top !important; display: inline-block; margin:20px 15px 0 15px; width:1px; height:57px; border-left:1px solid #dfdfdf;}
#contents.activity .section .img-l div.l {width: 780px;  text-align:left; padding-right:30px;}
#contents.activity .section .img-l div.r {width: 420px; text-align:right; }
#contents.activity .section .img-r {float: right;}
#contents.activity .section .img-r div.r {width: 500px; text-align: right;}
#contents.activity .section .img-r div.l2 {width: 420px; text-align: left; vertical-align: top;}
#contents.activity .section .img-r div.r2 {width: 780px; text-align: left; vertical-align: top; padding-left:30px;}
#contents.activity .section .img-r div.l3 {width: 400px; text-align: left; vertical-align: top;}
#contents.activity .section .img-r div.r3 {width: 800px; text-align: left; vertical-align: top;}
#contents.activity .line2-list li .detail ul li li {width: 100%; clear: both; padding: 8px 0;}




#contents.activity .tbl-head h4 {margin:-50px 0 -60px 0px;}


#contents .scmap {display: block; position: relative; width:1198px; height:500px; background: url(/images/esg/scimg_map2.png) 0 0 no-repeat; }
#contents .scmap .circle {position: absolute;	display: block;}
.kor {left:510px;	top: 210px;}
.geo {left:873px;	top: 220px;}
.oc {left:832px;	top: 215px;}
.hun {left:240px;	top: 155px;}
.pol {left:235px;	top: 178px;}
.spa {left:200px;	top: 203px;}
.ch01 {left:483px;	top: 234px;}
.ch02 {left:468px;	top: 232px;}
.vet {left:458px;	top: 260px;}
.mi {left:435px;	top: 259px;}
.iran {left:332px;	top: 225px;}
#contents .scmap .circle i {display: block; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #e8252d;
                             animation: pulse-animation 2s infinite;   box-shadow: 0px 0px 1px 1px #0000001a;}
#contents .scmap .circle .point {display:inline-block; }

	
#contents .scmap .hidden {display: block; width:1px; height:1px; margin:-1px; overflow:hidden; border:0; text-indent:-9999px;}
.re_text01 {font-size:17px !important;}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(233, 28, 23, 0);
  }  }

  .fs13 { color:#4b4e51  !important; font-size:15px !important;}