@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠 [PC FIRST]
--------------------------------------------------------------------------------------------------*/
/* 레이아웃 */
.content-wrap {padding-top:34px;}
.jumbotron {display:table; position:relative; width:100%; height:380px; background:#ddd; text-align:center;}
.jumbotron .box {display:table-cell; vertical-align:middle;}
.content-section {position:relative;}
.content-section .has-lnb {padding-top:50px;}
.content-header {padding:30px 0; text-align:right;}
.breadcrumbs {margin:0; padding:0;}
.breadcrumbs>li {display:inline-block; font-size:14px; line-height:1;}
.breadcrumbs>li+li:before {padding:0 5px; color:#ccc; content:'>';}
.breadcrumbs li.home {width:16px; margin-top:-2px; background:url('../img/sub/icon_home.png') 0 0 no-repeat; vertical-align:middle; text-indent:9999px; overflow:hidden;}
.breadcrumbs li.active {color:#0a69c8;}
.content-body {padding-bottom:100px;}
.content-body .section {margin-bottom:30px; text-align:center;}
.content-body .section + .section {margin-top:100px;}
.section .bg-line {width:100%; height:40px; margin:20px 0; background:url('../img/sub/bg_vline.png') 50% 0 no-repeat;}

/* lnb */
.lnb-wrap {position:absolute; top:0; width:100%;background:#fff;border-bottom:1px solid #ccc; z-index:9;}
.lnb-wrap.fixed {position:fixed;top:114px;bottom:auto;z-index:998;}
.lnb-list {max-width:1310px;margin:0 auto;font-size:0;text-align:center;}
.lnb-list li {display:inline-block;width:262px;width:25%;text-align:center;}
.lnb-list a {display:block;position:relative;line-height:50px;font-size:18px;text-decoration: none;}
.lnb-list a:hover,
.lnb-list .on a {color:#0a69c8;}
.lnb-list a:hover:after,
.lnb-list .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#0a69c8;}

/* 타이포그래픽 */
.sub-tit {font-size:40px;font-family:"Noto Sans KR"; letter-spacing:-2px;}
.sub-tit .small {display:block; margin-top:-10px; font-size:24px;font-family:"Noto Sans KR";}
.pointColor {color:#0a69c8;}
.jumbotron h1 {font-family:'Noto Sans KR'; font-size:40px; color:#fff;}
.tit-type1 {font-size:24px;color:#00578a;}
.tit-type2 {font-size:20px;color:#333;}
.tit-type3 {font-size:30px;font-family:"Noto Sans KR";line-height:40px;}
.tit-type3:after {content:"";display:block;width:24px;height:2px;margin:30px auto 0;background:#ccc;}
p, span, li {word-break:keep-all;}

/* 버튼타입 */


/* 버튼영역 */
.btn-group.center {text-align:center;}
.btn-group.right {text-align:right;}

.btn-default {min-width:130px;height:50px;line-height:54px;text-align:center;color:#fff;}
.btn-default.c-blue {background:#0a69c8;}
.btn-default.c-skyblue {background:#00a8e0;}
.btn-default.c-gray {background:#666;}

/* 리스트 */


/* 테이블 */
.tbl-s1 tbody,
.tbl-s2 thead {border-top:2px solid #333;}
.tbl-s1 tbody th,
.tbl-s1 tbody td {border-bottom:1px solid #ccc;}
.tbl-s1 tbody th {height:50px;padding-left:10px;background:#eee;text-align:left;vertical-align:middle;border-right:1px solid #333;font-size:16px;}
.tbl-s1 tbody td {padding:8px 10px;font-size:0;}
.tbl-s1 .vt-t {padding-top:18px;}
.tbl-s1 .star {position:relative;top:2px;}
.tbl-s1 .ml5 {margin-left:5px;}

.tbl-s2 {text-align:center;}
.tbl-s2 thead th {padding:20px 5px; line-height:1.5; background:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc; word-break:keep-all;}
.tbl-s2 thead th:first-child {border-left:0;}
.tbl-s2 thead th.row {padding:10px 5px;}
.tbl-s2 tbody td {padding:22px 5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc; word-break:keep-all;}
.tbl-s2 tbody td:first-child {border-left:0;}
.tbl-s2 thead th.break, .tbl-s2 tbody td.break {word-break:break-all;}
.tbl-s2 tbody th.w50, .tbl-s2 tbody td.w50 {width:50%;}
.tbl-s2 tbody td.pl40 {padding-left:40px; text-align:left;}
.tbl-s2 td li {margin:5px 0;}

/* 페이징 */
.pagination {display:block; margin:10px auto; text-align:center;}
.pagination>li {display:inline-block; margin:0 2px;}

/* 탭메뉴 */
.tab-wrap .tab-btn:after {content:"";display:block;clear:both;}
.tab-wrap .tab-btn > a {float:left;display:block;width:33.33%;line-height:55px;border:1px solid #ccc;}
.tab-wrap .tab-btn.size5 > a {width:20%;}
.tab-wrap .tab-btn > a + a {border-left:0;}
.tab-wrap .tab-btn .on {background:url(../img/sub/bg_tab.png) repeat-y 0 0;color:#fff;}
.tab-wrap .tab-content > div {display:none;}

/* 박스 */
.fluid-box-type1 {padding:0 20px;}
.fluid-box-type1:after {content:"";display:block;clear:both;}
.fluid-box-type1 .col {float:left;width:50%;}
.fluid-box-type1 .col + .col {padding-left:20px;}

.lr-box:after {content:"";display:block;clear:both;}
.lr-box .left {float:left;}
.lr-box .right {float:right;}

.group-box {text-align:left;}
.group-box a, .group-box span, .group-box em, .group-box div, .group-box p, .group-box li, .group-box th, .group-box td {font-size:16px;}
.group-box .tit {margin-top:40px; padding-bottom:16px;font-size:20px;color:#0a69c8;font-family: "Noto Sans KR";}
.group-box .lead {margin-bottom:20px; font-size:18px;color:#00a8e0;}
.group-box .c-gray {color:#666;}
.group-box > dd > ol, .group-box > dd > ol > li {margin-bottom:15px;}
.group-box .lead-write > li {margin-bottom:5px;}
.group-box > dd ol.sub-depth {margin-left:15px;}
.group-box > dd ol.sub-depth li {margin:5px;}
.group-box > dd .inner-tbl {margin-top:10px;}
.btn-group > a {font-size:18px;}
.btn-group .btn-default {margin-top:40px; padding:0 20px;}

/* 따옴표 박스 */
.quote-box {display:table; width:100%; height:254px; margin-bottom:30px; text-align:center;background-position:50% 0 !important;}
.quote-box .quote {display:table-cell; width:100%; height:254px; color:#fff; vertical-align:middle;}
.quote-box .quote:before {display:block; height:16px; margin-bottom:10px; background:url('../img/sub/icon_quote.png') 50% 0 no-repeat; content:'';}
.quote-box .quote:after {display:block; height:16px; margin-top:10px; background:url('../img/sub/icon_quote.png') 50% -16px no-repeat; content:'';}
.quote-box .quote h4,
.quote-box .quote .tit {margin-bottom:10px; font-family:'Noto Sans KR'; font-size:24px;}
.quote-box .quote.type2:before {margin-bottom:30px;}
.quote-box .quote.type2:after {margin-top:30px;}
.quote-box .quote.type2 .tit {margin-bottom:0;font-size:30px;}

/* 리스트 스타일 */
.list-style {margin:20px 0; width:100%; border-top:2px solid #333;}
.list-style>li {padding:28px; border-bottom:1px solid #ccc; text-align:left;}
.list-style h6 {font-size:18px;}

/* 폼 스타일 */
.select {width:120px;}
.textarea {height:80px;overflow:auto;}
.radio {width:18px;height:18px;margin-right:3px;}

.star {padding-left:10px;font-size:16px;color:#00a8e0;vertical-align:middle;}
.dash {padding:0 5px;vertical-align:middle;font-size:14px;}
.star-tip {padding-top:10px;font-size:14px;color:#666;}
.star-tip .star {padding-right:5px;}

/* top 버튼 */
.btn-go-top {display:none; position:fixed; bottom:40px; width:90px; height:90px; z-index:997;}

/* 레이어팝업 */
.dimd-lay {display:none;opacity:.7;filter:alpha(opacity=70);width:100%;height:100%;z-index:1004;position:fixed;top:0;left:0;background:#000;}
.layer-wrap {width:1024px;margin:0 auto;margin-left:-325px !important;left:50%;box-sizing:border-box;position:fixed;z-index:1005;opacity:0;filter:Alpha(opacity=0); outline:none; display:none;}
.layer-wrap.show {opacity:1;filter:Alpha(opacity=100);display:block;}
.layer-top {position:relative; background:#ddd;}
.layer-cont {padding:40px; max-height:650px;box-sizing:border-box;overflow-y:auto;background:#fff;}
.lay-close {position:absolute;right:0;top:0;}
.lay-close-btn {display:block; width:130px; margin:40px auto 0; padding:10px; font-size:14px; color:#fff; text-align:center; background:#666;}
.lay-close-btn:visited, .lay-close-btn:link {color:#fff;}

/* 레이어팝업 디자인 */
.layer-s1 {padding:30px 0; background:#fff;box-sizing:border-box;}
/*.layer-s1 .layer-top {padding-left:40px;line-height:60px;background:#0a69c8;font-size:24px;color:#fff;}*/
.layer-s1 .layer-top {padding:0 30px; background:#fff;}
.layer-s1 .layer-cont {padding:0 30px; max-height:690px; overflow-y:auto;}
.layer-s1 .layer-top h3 {display:inline-block; font-family:'Noto Sans KR'; font-size:24px; color:#0a69c8;}
/*.layer-s1 .lay-close {width:20px;height:20px;top:20px;right:30px;background:url(../img/common/btn_pop_close.png) no-repeat 0 0;}*/
.layer-s1 .lay-close {right:30px;}
/*.layer-s1 .layer-cont .top-txt {font-size:16px;}*/
.layer-s1 .layer-cont .top-txt {margin-top:20px; padding:15px 20px; font-size:14px; border-top:1px solid #ccc; background:#eee;}
.layer-s1 .layer-cont .lr-box {padding-top:10px;font-size:16px;}
.layer-s1 .layer-cont .lr-box .radio-wrap + .radio-wrap {padding-left:22px;}
.layer-s1 .layer-cont .btn-group {margin-top:40px;}
.layer-s1 .tbl {margin:10px 0;}
.layer-s1 .tbl th {width:130px; padding:18px 18px 18px 8px; border-bottom:1px solid #ccc; text-align:left;}
.layer-s1 .tbl td {padding:18px 18px 18px 0; border-bottom:1px solid #ccc;}
.layer-s1 .tbl th .icon-inquiry {display:inline-block; width:18px; height:18px; margin:-4px 5px; background:url('../img/sub/icon_inqu_layer.png') no-repeat;}
.layer-s1 .tbl th .icon-inquiry1 {background-position:0 50%;}
.layer-s1 .tbl th .icon-inquiry2 {background-position:-18px 50%;}
.layer-s1 .tbl th .icon-inquiry3 {background-position:-36px 50%;}
.layer-s1 .tbl th .icon-inquiry4 {background-position:-54px 50%;}
.layer-s1 .tbl th .icon-inquiry5 {background-position:-72px 50%;}
.layer-s1 .tbl th .icon-inquiry6 {background-position:-90px 50%;}
.layer-s1 .tbl th .icon-inquiry7 {background-position:-108px 50%;}
.layer-s1 .tbl td input[type=text], .layer-s1 .tbl td textarea {border:none;}
.layer-s1 .tbl td input.num, .layer-s1 .tbl td input.email, .layer-s1 .tbl td select {border:1px solid #ccc;}
.layer-s1 .tbl td input:focus, .layer-s1 .tbl td select:focus, .layer-s1 .tbl td textarea:focus {outline:none;}

/* 파일첨부 */
.input-file-wrap {position:relative;}
.input-file-wrap input[type="file"] {position:absolute; top:0; left:0; width:91%; height:30px; border:0; font-size:14px; z-index:1; cursor:pointer; -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0; color:#333;}
.input-file-wrap input[type="text"] {width:70%; height:30px; line-height:30px; padding:0 10px; background:#fafafa; font-size:14px; box-sizing:border-box;}
.layer-s1 .tbl td .input-file-wrap input[type=text] {border:1px solid #bbb;}
.input-file-wrap .btn-ty3 {width:80px; height:30px; font-size:14px; line-height:28px; border:1px solid #bbb; text-align:center; box-sizing:border-box;}

/* -----------------------------------------------------------------------------------------------
	서브
--------------------------------------------------------------------------------------------------*/
/* 기업개요 */
#sub10 {background:url('../img/sub/bg_sub1.jpg') 50% 0 no-repeat; background-size:auto 100%;margin-bottom:0px !important}
#sub20 {background:url('../img/sub/bg_sub21.jpg') 50% 0 no-repeat; background-size:auto 100%;margin-bottom:0px !important}
#sub30 {background:url('../img/sub/bg_sub3_4.jpg') 50% 0 no-repeat; background-size:auto 100%;margin-bottom:0px !important}
#sub40 {background:url('../img/sub/bg_sub4.jpg') 50% 0 no-repeat; background-size:auto 100%;margin-bottom:0px !important}
#sub50 {background:url('../img/sub/bg_sub5.jpg') 50% 0 no-repeat; background-size:auto 100%;margin-bottom:0px !important}

.summary-wrap .tit-type3 {margin:0 0 30px;}
.summary-wrap .lr-box {display:table;width:100%;}
.summary-wrap .lr-box > div {display:table-cell;float:none;width:50%;max-width:540px;height:100%;background:#f8f8f8;vertical-align:middle;}
.summary-wrap .colum1 .right {padding:0 40px;}
.summary-wrap .colum1 .right .inner {text-align:left;}
.summary-wrap .colum1 .right .inner p:first-child {padding-bottom:30px;}
.summary-wrap .colum2 {text-align:left;}
.summary-wrap .colum2 .right.mobile {display:none;}
.summary-wrap .colum2 .left {padding:0 40px;}
.summary-wrap .colum2 .left p + p {padding-top:20px;}

/* 연혁 */
.time-line .quote-box {margin-top:40px;}
.tl-list {position:relative;text-align:left;}
.tl-list:after {content:"";position:absolute;left:50%;top:19px;bottom:110px;width:1px;background:#7fd3ef;}
.tl-list > ul {position:relative;z-index:10;}
.tl-list li {min-height:140px;padding-left:50%;}
.tl-list li img.mobile {display:none;}
.tl-list .inner {padding-left:110px;margin-left:-9px;background:url(../img/sub/bg_years_r.png) no-repeat 0 18px;}
.tl-list .year .inner {padding-left:105px;background:url(../img/sub/bg_years_r2.png) no-repeat 0 0;}
.tl-list .left {padding-left:0;padding-right:50%;text-align:right;}
.tl-list .left .inner {padding-left:0;padding-right:110px;margin-left:0;margin-right:-10px;background:url(../img/sub/bg_years_l.png) no-repeat 100% 18px;}
.tl-list .left.year .inner {padding-right:105px;background:url(../img/sub/bg_years_l2.png) no-repeat 100% 0;}
.tl-list .tl-txt {display:block;}
.tl-tit {padding-bottom:15px;font-size:40px;color:#0a69c8;font-family:"Noto Sans KR";}
.tl-tit span{font-size:30px;}

/*.tl1 .quote-box {background:url(../img/sub/bg_timeline1.jpg) no-repeat;}
.tl2 .quote-box {background:url(../img/sub/bg_timeline2.jpg) no-repeat;}
.tl3 .quote-box {background:url(../img/sub/bg_timeline3.jpg) no-repeat;}*/

/* 경영이념 및 핵심가치 */
.fluid-box {width:100%; vertical-align:top; background:#eee;}
.fluid-box:after {display:block; clear:both; content:'';}
.fluid-box .col {display:table; width:50%;}
.fluid-box .left {float:left;}
.fluid-box .right {float:right;}
.fluid-box .text-wrap {display:table-cell; vertical-align:middle;}
.fluid-box .text-wrap h3 {font-size:30px;font-family:"Noto Sans KR";}
.fluid-box .text-wrap .bg-line {height:2px; margin:30px 0 40px; background:url('../img/sub/bg_line.png') 50% 0 no-repeat;}
.idee-list {width:94%; max-width:1230px; margin:0 auto;}
.idee-list li {height:145px;}
.idee-list li:after {display:block; clear:both; content:'';}
.icon-idee {position:relative; float:left; width:74px; height:78px; margin-top:15px; margin-right:20px; background:url('../img/sub/icon_idee.png') no-repeat; text-align:center;}
.icon-idee1 {background-position:0 0; color:#9552a0;}
.icon-idee2 {background-position:-74px 0; color:#005aa9;}
.icon-idee3 {background-position:-148px 0; color:#e61065;}
.icon-idee4 {background-position:-222px 0; color:#37a231;}
.icon-idee5 {background-position:-296px 0; color:#f68b0c;}
.icon-idee h6 {position:absolute; bottom:-10px; font-size:20px;}
.idee-list .text-wrap {display:table; float:left; height:100%; margin-left:40px;}
.idee-list .text-wrap p {display:table-cell; height:100%; vertical-align:middle;}
.norm-list {margin-top:20px; font-size:0; text-align:center; background:url('../img/sub/bg_line.png') 0 70px repeat-x;}
.norm-list li {display:inline-block; max-width:165px; margin:0 20px; vertical-align:top;}
.norm-list li:first-child {max-width:130px;}
.norm-list li h6 {font-family:"s8"; font-size:50px;}
.norm-list li h6:after {display:block; height:25px; margin:-8px 0 10px; background:url('../img/sub/norm_list_point.png') 50% 0 no-repeat; content:'';}
.norm-list li span {font-size:16px; line-height:1.5; word-break:keep-all;}
.operate img.mobile {display:none;}

/* 서브이미지 */
.law-abiding .quote-box {background:url(../img/sub/bg_law.jpg) no-repeat;}

.recruit-abiding .quote-box {background:url('../img/sub/bg_recruit.jpg') no-repeat;}
.system-abiding .quote-box {background:url('../img/sub/bg_system.jpg') no-repeat;}

.sys_img {background:url('../img/sub/sys_img.png') no-repeat;}

.law-con {margin-top:100px;}
.law-con-m {display:none;}

/* 녹색경영 */
#quote-box1_5 {background:url('../img/sub/bg_quote1_5.jpg') 0 0 no-repeat;}
.green-manage .reward-wrap {margin-top:100px;}
.green-manage .text-wrap .pointColor {padding-bottom:10px;font-family:"Noto Sans KR";}
.green-manage .list-style > li {padding-left:35px;}
/*.green-manage .reward-wrap .text-wrap {margin-left:55px;}*/
.green-manage .icon-reward {height:85px !important;background:url('../img/sub/icon_green_mana.png') 50% 0 no-repeat;}
.green-manage .icon-reward1 {width:78px;background-position:0 10px;}
.green-manage .icon-reward2 {width:72px;background-position:-96px 10px;}
.green-manage .icon-reward3 {width:76px;background-position:-192px 0;}
.green-manage .icon-reward4 {width:68px;background-position:-292px 0;}
.green-manage .icon-reward5 {width:84px;background-position:-381px 0;}
.green-manage .icon-reward6 {width:79px;background-position:-490px 0;}
.certificate-wrap {margin:30px 0 0;}
.certificate-wrap li {float:left; margin-right:40px;}
.m-certificate-wrap {display:none;}
/*.green-manage dt,
.green-manage dd {float:left;}
.green-manage dt {width:30%; padding-right:40px; font-size:20px; word-break:keep-all;}
.green-manage dd {width:70%;}
.green-manage dd p {word-break:keep-all;}*/

/* 오시는길 */
.map-section {margin:80px 0 20px; text-align:left;}
.map-section:first-child {margin:0;}
.map-section h2.tit {font-family:'Noto Sans KR'; font-size:32px; text-align:center;}
.map-wrap {margin:15px 0 0 0;}
.address_wrap {padding:28px; border:1px solid #ccc;text-align:left;}
.address_wrap .tit-type2 {margin-bottom:10px; font-family:'Noto Sans KR';}
.address_wrap p, .address_wrap li {display:inline-block; color:#666;}
.address_wrap ul {float:right;}
.address_wrap li + li:before {display:inline-block; margin:0 10px 0 5px; content:'\0007C';}
.addressBox {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.routeBox p {display:block;}
.metro-2:before {display:inline-block; margin:4px 10px 0 0; padding:0 5px; background:#53b00f; font-size:12px; color:#fff; vertical-align:top; content:'2';}
.icon-arrow {display:inline-block; width:6px; height:10px;margin:0 5px; background:url('../img/sub/icon_arrow.png') 0 50% no-repeat;}

/* 문의하기 */
/*** 문의하기 메인 ***/
.inqu-pg .quote-box {background:url(../img/sub/bg_irqu.jpg) no-repeat 0 0;}
.inqu-box {margin-top:100px;}
.inqu-box:after {content:"";display:block;clear:both;}
.inqu-box a {float:left;position:relative;display:block;width:33.33%;height:280px;}
.inqu-box a:after {content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#ccc;}
.inqu-box .col3:after {display:none;}
.inqu-box a:before {content:"";display:block;width:84px;margin:45px auto 43px;background:url(../img/sub/icon_inqu.png) no-repeat 0 0;}
.inqu-box .col1:before {width:73px;height:60px;}
.inqu-box .col2:before {width:73px;height:75px;margin-top:30px;background-position:0 -74px;}
.inqu-box .col3:before {height:72px;margin-top:34px;background-position:0 -166px;}
.inqu-box .tit {display:block;padding-bottom:16px;font-family:'Noto Sans KR'; font-size:30px;}

/*** 개인정보, 이용 동의 ***/
.terms-box {margin-top:30px;}
.terms-box .tit {padding-bottom:6px;font-size:16px;}
.terms-box .tit span {color:#0a69c8;}
.terms-con {height:167px;overflow:auto;padding:20px;border:1px solid #999;font-size:14px;color:#666;}
.terms-con p + p {margin-top:20px;}
.terms-con ul {margin:20px 0;}
.aid-txt {display:block;font-size:14px;color:#333 !important;}

/* 공시자료 */
#sub2_1 {background:url('../img/sub/bg_sub2_1.jpg') 0 0 no-repeat; background-size:auto 100%;}
.disclosure-wrap {position:relative; width:100%;}
.disclosure-wrap .total-wrap {float:right; font-size:16px;}
.disclosure-wrap .total-wrap .total {color:#0a69c8;}
.disclosure-list {clear:both; margin:0 -10px; width:calc(100% + 20px); font-size:0; line-height:0; text-align:left;}
.disclosure-list .item {display:inline-block; width:19%; min-width:240px; margin:5px 6px; background:#eee; font-size:16px; line-height:1.5; text-align:left; vertical-align:top;}
.disclosure-list .item a {display:block; position:relative; width:100%; height:100%; padding:20px; color:#333;} 
.disclosure-list .item.active, .disclosure-list .item:hover {background:#0a69c8;}
.disclosure-list .item.active a, .disclosure-list .item:hover a {color:#fff;}
.disclosure-list .item-num {font-family:'Noto Sans KR'; font-size:16px;}
.disclosure-list .item-date {position:absolute; bottom:30px; font-size:14px;}
.disclosure-list .item-title {margin:20px 0; font-family:'Noto Sans KR'; letter-spacing:1px; word-break:keep-all;}
.disclosure-wrap .pagination {margin:40px auto;}
.disclosure-wrap .pagination li {vertical-align:top;}
.disclosure-wrap .pagination a {display:block; width:30px; height:30px; border:1px solid #ccc; font-size:14px; color:#333; line-height:30px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.disclosure-wrap .pagination a.start {background:url('../img/sub/icon_pagination.png') 0 50% no-repeat; text-indent:9999px; overflow:hidden;}
.disclosure-wrap .pagination a.previous {margin-right:10px; background:url('../img/sub/icon_pagination.png') -30px 50% no-repeat; text-indent:9999px; overflow:hidden;}
.disclosure-wrap .pagination a.next {margin-left:10px; background:url('../img/sub/icon_pagination.png') -60px 50% no-repeat; text-indent:9999px; overflow:hidden;}
.disclosure-wrap .pagination a.end {background:url('../img/sub/icon_pagination.png') -90px 50% no-repeat; text-indent:9999px; overflow:hidden;}
.disclosure-wrap .pagination a.active, .disclosure-wrap .pagination a:hover {border:1px solid #0a69c8; color:#0a69c8;}
/* 레이어 */
.disclosure-view {padding:30px; background:#fff;}
.disclosure-view .layer-top {background:#fff;}
.disclosure-view .layer-cont {padding:0; overflow:hidden;}
.disclosure-view .layer-top h3 {display:inline-block; font-family:'Noto Sans KR'; font-size:24px; color:#0a69c8;max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.disclosure-view .layer-top .date {display:inline-block; font-size:14px; line-height:36px;vertical-align:top;}
.disclosure-view .layer-top .date:before {display:inline-block; width:40px; margin:0 0 0 10px; padding:3px 0; background:url('../img/sub/bg_line.png') 0 0 no-repeat; content:'';}
.conts-list {border-bottom:1px solid #ccc;}
.conts-list:first-child {margin-top:20px; border-top:1px solid #ccc;}
.conts-list .attach {padding:10px; background:#eee; font-size:14px;}
.conts-list .attach:after {display:block; clear:both; content:'';}
.conts-list .attach .title {float:left;}
.conts-list .attach .attach-file {float:right; color:#666;}
.conts-list .attach .attach-file:before {display:inline-block; width:18px; height:18px; margin:-4px 5px; background:url('../img/sub/icon_attach.png') 0 50% no-repeat; content:'';}
.cotent-detail {max-height:458px; padding:20px; overflow-y:auto;}
.cotent-detail p {margin:10px 0;}
.conts-list .btn {display:block; padding:10px 0; font-size:16px; color:#333;}
.conts-list .btn:after {display:block; clear:both; content:'';}
.conts-list .btn span, .conts-list .btn h4 {display:inline-block;}
.conts-list .btn span {vertical-align:top;}
.conts-list .btn h4 {font-family:'Noto Sans KR';}
.conts-list .btn .title {max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.conts-list .btn .prev-text, .conts-list .btn .next-text {margin:0 40px 0 0;}
.conts-list .btn .prev-text:after {display:inline-block; width:16px; margin:0 10px -4px; padding:8px 0; background:url('../img/sub/icon_PrevNext.png') 0 50% no-repeat; content:'';}
.conts-list .btn .next-text:after {display:inline-block; width:16px; margin:0 10px -4px; padding:8px 0; background:url('../img/sub/icon_PrevNext.png') -16px 50% no-repeat; content:'';}
.conts-list .btn .date {float:right; margin-top:4px; font-size:14px; color:#666;}

/* 인재상 */
#sub3 {background:url('../img/sub/bg_sub3_4.jpg') 0 0 no-repeat; background-size:auto 100%;}
#quote-box3_1 {background:url('../img/sub/bg_quote3_1.jpg') 0 0 no-repeat;}
.creator-wrap {width:94%; max-width:1230px; margin:0 auto;}
.icon-creator {display:inline-block; width:110px; height:110px; background:url('../img/sub/icon_creator.png') no-repeat;}
.icon-creator1 {background-position:0 0;}
.icon-creator2 {background-position:-110px 0;}
.icon-creator3 {background-position:-220px 0;}
.creator-wrap .text-wrap {display:inline-block; width:calc(100% - 160px); margin-left:40px; vertical-align:top;}
.creator-wrap h6 {margin-bottom:15px; font-family:'Noto Sans KR'; font-size:20px;}
.creator-wrap p + p {margin-top:10px; word-break:keep-all;}

/* 인사정책 */
#quote-box3_2 {background:url('../img/sub/bg_quote3_2.jpg') 0 0 no-repeat;}

/* 인재육성 */
#quote-box3_3 {background:url('../img/sub/bg_quote3_3.jpg') 0 0 no-repeat;}
.dev-goals .tit-type1 {margin-bottom:20px; font-family:'Noto Sans KR'; color:#333;}
.dev-goals .img-wrap {margin-top:30px;}
.dev-goals img.mobile {display:none;}

/* 복리후생 */
#quote-box3_4 {background:url('../img/sub/bg_quote3_4.jpg') 0 0 no-repeat;}
.reward-wrap {width:94%; max-width:1230px; margin:0 auto;}
.reward-wrap li {font-size:0;}
.icon-reward {display:inline-block; width:20%; max-width:90px; height:78px; background:url('../img/sub/icon_reward.png') no-repeat; background-size:200%;}
.icon-reward1 {padding:0 20px; background-position:0 50%;}
.icon-reward2 {padding:0 20px; background-position:100% 50%;}
.reward-wrap .text-wrap {display:inline-block; width:calc(100% - 90px); min-width:80%; padding-left:60px; font-size:18px; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.reward-wrap h6 {margin-bottom:15px; font-family:'Noto Sans KR'; font-size:20px;}
.benefit-wrap .tit-type1 {font-family:'Noto Sans KR'; color:#333;}
.benefit-wrap ul {font-size:0; text-align:center;}
.benefit-wrap ul > li {display:inline-block; width:25%; max-width:258px; margin-bottom:15px; padding:0 10px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.icon-benefit {display:block; width:100%; margin:0 auto; background:url('../img/sub/icon_benefit.png') no-repeat; background-size:400%;}
.icon-benefit1 {background-position:0 0;}
.icon-benefit2 {background-position:33.33% 0;}
.icon-benefit3 {background-position:66.66% 0;}
.icon-benefit4 {background-position:100% 0;}
.benefit-wrap p {margin-top:30px; font-size:16px; word-break:keep-all;}
.benefit-wrap p br {display:none;}
.benefit-wrap > span {display:inline-block; margin-top:40px; font-size:16px; color:666;} 

/* 푸터 링크페이지 공통 */
.common-utils {padding-top:100px;}
.common-utils .sub-tit {padding:100px 0 40px;}
.common-utils .tab-wrap .tab-btn > a {padding:15px; line-height:1.5; text-align:center; word-break:keep-all;}
.common-utils .tab-wrap .tab-btn > a br {display:none;}
.group-box dd > p {margin:10px 0 20px; word-break:keep-all;}
.group-box dd > p.lead {margin-top:0; margin-bottom:10px;}

/* 회의실 대관안내 */
.group-box dd > p.address {margin-top:-5px;}
.group-box dd > p.room2 {margin-top:30px;}
.group-box .img-wrap li {position:relative; float:left; width:calc(50% - 5px); height:280px; margin:0 5px 5px 0; overflow:hidden;}
.group-box .img-wrap li + li {margin:0 0 5px 5px;}
.group-box .img-wrap li img {position:absolute; top:0; left:50%; width:650px; max-width:650px; height:280px; margin:0 -325px;}
.group-box .caption {float:right; margin-top:18px; font-size:16px; color:#333;}
.tbl_cost {display:block;}
.tbl_cost_mobile {display:none;}
.tbl_cost_mobile table + table {margin-top:10px;}
.btn-group .btn-default {margin:40px 5px 0;}
.btn-group .btn-default .icon {display:inline-block; width:22px; height:26px; margin:-6px 8px; background:url('../img/sub/icon-office.png') no-repeat;}
.btn-group .btn-default .icon-han {background-position:0 0;}
.btn-group .btn-default .icon-exel {background-position:-22px 0;}

/* 개인정보처리방침 & 개인정보취급방침 */
.group-box .tit-end {margin-top:40px; padding-bottom:16px; font-size:18px; color:#333;}
.tbl-tab {margin-top:30px;}
.tbl-tab tbody td {width:50%;padding:10px 10px 10px 40px; border-left:1px solid #ccc;}
.tbl-tab tbody td:first-child {border-left:0;}
.tbl-tab tbody td a {font-size:22px; color:#0a69c8;font-family: "Noto Sans KR";}
.m-pi,
.m-manager {display:none;}

/* 윤리경영 */
.group-box .lead-write .lead {margin:0;}

/* 비즈니스가이드라인 */
.common-utils.biz dt.tit {padding-bottom:0}

/* 사이트맵 */


/* -----------------------------------------------------------------------------------------------
	서브 컨텐츠 미디어 쿼리
--------------------------------------------------------------------------------------------------*/
@media (max-width:1340px){
	.container {padding:0 28px;} 
}
@media (max-width:1313px){
	.disclosure-list .item {width:23%; min-width:auto;}
}
/* Tablet – 768px~1024px 해상도에서 해석하는 코드 */
@media (min-width:768px) and (max-width:1024px){
	/* 박스 */
	.fluid-box-type1 {padding:0 20px;}

	/* 공시자료 */
	.disclosure-list .item {width:31.33%; min-width:auto;}
}

/* Tablet – 1023px 해상도에서 해석하는 코드 */
@media (max-width:1024px){
	/* 서브공통 */
	.content-wrap {padding-top:70px;}
	.content-header {display:none;}
	.content-body {padding-top:60px;padding-left:0px;padding-right:0px;}



	.content-section .has-lnb {padding-top:62px;}
	.lnb-wrap.fixed {top:70px;}
	.content-body .section + .section {margin-top:60px;}
	.idee-list {width:100%;}
	.idee-list .text-wrap {width:calc(100% - 134px);}
	.sub-tit br {display:none;}
	.quote-box {height:auto;}
	.quote-box .quote {height:auto;padding:20px;}
	.quote-box .quote br {display:none;}

	/* 기업개요 */
	.summary-wrap .lr-box {display:block;}
	.summary-wrap .lr-box > div {display:block;width:100%;max-width:none;}
	.summary-wrap .lr-box > div img {width:100%;max-width:none;}
	.summary-wrap .tit-type3 {padding-top:38px;}
	.summary-wrap .colum1 .right {padding:0 20px 40px;}
	.summary-wrap .colum2 .right {display:none;}
	.summary-wrap .colum2 .right.mobile {display:block;}
	.summary-wrap .colum2 .left {padding:40px 20px 35px;}

	/* 연혁 */
	.tl-list li img {display:none;}
	.tl-list li img.mobile {display:inline-block;}
	.tl-list .year {padding-right:0;padding-left:0;min-height:auto;overflow:hidden;}
	.tl-list .left.year .inner,
	.tl-list .year .inner {padding-right:0;padding-left:0;padding-bottom:30px;text-align:center;background:none;}

	/* 경영이념 및 핵심가치 */
	.fluid-box .col {width:100%;height:auto !important;display:block;}
	.fluid-box .col:nth-child(odd) {padding:40px 0;}
	.fluid-box .text-wrap {display:block;}
	.fluid-box .text-wrap .bg-line {margin:25px 0;}
	.fluid-box img {max-width:none;width:100%;}
	.operate {text-align:center;}
	.operate img {display:none;}
	.operate img.mobile {display:inline-block;}

	/* 준법경영 */
	.law-abiding .quote-box {background:url('../img/sub/m_bg_law.jpg') no-repeat;background-position:50% 50% !important;}
	.law-con {margin-top:60px;}
	.law-con-pc {display:none;}
	.law-con-m {display:inline-block;}

	/* 녹색경영 */
	.green-manage .list-style > li {padding:28px 20px;}
	.green-manage .reward-wrap .text-wrap {width:calc(100% - 135px);}
	.certificate-wrap {display:none;}
	.m-certificate-wrap {display:block;padding-top:25px;text-align:center;}
	#quote-box1_5 {background:url('../img/sub/m_bg_quote1_5.jpg') no-repeat;background-position:50% 50% !important;}

	/* 오시는길 */
	.map-section h2.tit {font-size:25px;}
	.address_wrap ul {float:none;}
	.address_wrap ul li:first-child:before,
	.address_wrap ul li:nth-child(3):before {content:"-";display:inline-block;padding-right:5px;margin:0;}
	.address_wrap ul li:nth-child(3) {display:block;}

	/* 문의하기 */
	.inqu-pg .sub-tit br {display:block;}
	.inqu-box a {padding:0 20px;}

	/* 인재상 */
	.creator-wrap .text-wrap {width:calc(100% - 140px);margin-left:20px;}

	/* 인재육성 */
	.dev-goals .img-wrap img {display:none;}
	.dev-goals .img-wrap img.mobile {display:inline-block;}

	/* 복리후생 */
	.benefit-pg .sub-tit br {display:block;}

	/* 개인정보처리,취급방침 */
	.ethics .tbl-tab {display:none;}
	.m-pi {display:block;margin-top:20px;border-top:2px solid #333;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	.m-pi a {display:block;width:100%;padding:16px 20px;font-size:22px;color:#0a69c8;font-family: "Noto Sans KR";border-bottom:1px solid #ccc;}
	.pc-manager {display:none;}
	.m-manager {display:block;}

	/* 푸터 링크페이지 공통 */
	.common-utils {padding-top:0;}
	.common-utils .tab-wrap .tab-btn > a {padding:5px 10px; font-size:16px;}
	.common-utils .tab-wrap .tab-btn > a br {display:block;}
	.common-utils .tab-wrap .tab-btn > a:nth-child(4) {line-height:3;}
	.common-utils .sub-tit {padding:60px 0 40px;}
}

/* 모바일 – 0px ~ 767px 해상도에서 해석하는 코드 */
@media (max-width:767px){
	/* top 버튼 */
	.btn-go-top {width:60px; height:60px;}

	.sub-tit {font-size:30px;}




	/* lnb 
	.lnb-list li:nth-child(3) a {position:relative;top:9px;line-height:24px;}
	.lnb-list li:nth-child(3) a:hover:after,
	.lnb-list .on:nth-child(3) a:after {bottom:-4px;}
*/

	/* 박스 */
	.fluid-box-type1 .col {float:none;width:100%;}

	/* 레이어팝업 */
	.layer-wrap {width:100%;padding:15px;left:0;margin-left:0 !important;}
	.layer-cont {padding:20px 20px 40px;max-height:inherit;}
	
	.layer-s1 {padding:0 15px 15px;background:none;}
	.layer-s1 .layer-top {padding-top:30px;}
	.layer-s1 .lay-close {top:30px;}
	.layer-s1 .layer-cont .btn-group {padding-bottom:30px;}

	/* 문의 레이어 팝업 */
	.layer-s1 .select,
	.layer-s1 .text {font-size:14px;}
	.layer-s1 .select,
	.layer-s1 .text.num,
	.layer-s1 .text.email {width:27% !important;}
	.layer-s1 .dash {padding:0 3px;}

	/* 공시자료 */
	.disclosure-wrap .total-wrap {float:none;text-align:center;}
	.disclosure-list {width:100%;margin:0;overflow:hidden;}
	.disclosure-list .item {width:calc(50% - 14px); min-width:auto; min-height:221px !important; margin:7px;}

	/* 공시자료 상세 레이어팝업 */
	.disclosure-view {padding:0 15px 15px;background:none;}
	.disclosure-view .layer-top {padding:30px 30px 0;}
	.disclosure-view .layer-top .lay-close {top:35px;right:30px;}
	.disclosure-view .layer-cont {padding:20px 30px 20px;overflow-y:auto;max-height:690px;}
	.cotent-detail {max-height:none;height:auto;overflow:hidden;}
	.conts-list .btn .title {max-width:350px;}
	.disclosure-view .layer-cont .lay-close-btn {margin-bottom:20px;}

	/* 복리후생 */
	.reward-wrap li {padding:20px;}
	.benefit-wrap ul > li {width:50%; margin-bottom:40px;}
	.benefit-wrap p {font-size:18px;}
	.benefit-wrap p br {display:inline-block;}

	/* 푸터 링크페이지 공통 */
	.group-box .lead {font-size:16px;}
	.group-box .tit {font-size:18px;}
	.group-box dd > p {font-size:14px;}
}

@media (max-width:640px){
	/* 녹색경영 */
	.green-manage .reward-wrap {margin-top:50px;}
	.green-manage .list-style > li {padding:14px 10px;}
	.green-manage .reward-wrap .text-wrap {width:calc(100% - 50px); min-width:auto; padding-left:20px;}
	.m-certificate-wrap {padding-top:14px;}
}

/* 모바일2 – 533px 이하 해상도에서 해석하는 코드(갤럭시 기준) */
@media (max-width:533px){
	/* lnb */
	.lnb-wrap.fixed {top:50px;}
	.lnb-list a {font-size:12px;}
	/* .lnb-list li:nth-child(3) a {letter-spacing:-2px;} */

	/* 서브공통 */
	.content-wrap {padding-top:50px;}
	.container {padding:0; width:100%  !important;}
	.jumbotron {height:150px;background-size:960px 150px;}
	.jumbotron h1 {font-size:30px;}
	.content-body {padding:30px 15px 50px 15px;}
	.content-body .section + .section {margin-top:30px;}
	.sub-tit {font-size:25px;}
	.sub-tit .small {font-size:16px;}
	.section .bg-line {height:30px;margin:10px 0;}
	.quote-box .quote {padding:10px;font-size:14px;}
	.quote-box .quote h4,
	.quote-box .quote .tit {margin-bottom:5px;font-size:16px;}
	.reward-wrap {font-size:14px;}
	.reward-wrap .pointColor {font-size:15px;}
	.star {padding-left:5px;font-size:14px;}
	.textarea {height:50px;padding:5px;font-size:11px;}
	.star-tip {padding-top:5px;font-size:12px;}
	.radio {width:auto;height:auto;}
	.btn-group .btn-default {margin:20px 0 0;padding:0 10px;}
	.btn-group > a {font-size:13px;}
	.btn-default {min-width:65px;height:30px;line-height:32px;}
	.pagination>li {margin:0;}

	.tbl-s2 thead th,
	.tbl-s2 tbody td {padding:10px 3px;}
	.tbl-s2 tbody td.pl40 {padding:5px 0 5px 20px;}
	.tbl-s2 th .pdl40,
	.tbl-s2 tbody td .pdl40 {padding-left:20px !important;}

	/* 기업개요 */
	.summary-wrap .tit-type3 {padding-top:20px;margin-bottom:15px;font-size:20px;line-height:1.5;}
	.summary-wrap .tit-type3:after {margin-top:15px;}
	.summary-wrap .colum1 .right {padding:0 10px 20px;}
	.summary-wrap .colum1 .right .inner {font-size:14px;}
	.summary-wrap .colum1 .right .inner p:first-child {padding-bottom:15px;}
	.summary-wrap .colum2 .left {padding:20px 10px 17px;font-size:14px;}

	/* 연혁 */
	.tl-list .left.year .inner,
	.tl-list .year .inner {padding-bottom:15px;}
	.tl-tit {padding-bottom:7px;font-size:16px;}
	.tl-tit span {font-size:16px;}


	.tl-list .inner {padding-left:55px;margin-left:-4px;background-size:48px 9px;background-position-y:10px;}
	.tl-list .left .inner {padding-right:55px;margin-right:-5px;background-size:48px 9px;background-position-y:10px;}
	.tl-list .tl-txt {font-size:14px;}
	.tl-list:after {bottom:125px;}

	/* 경영이념 및 핵심가치 */
	.fluid-box .text-wrap h3 {font-size:20px;}
	.fluid-box .text-wrap {padding:0 20px;font-size:14px;}
	.fluid-box .text-wrap br {display:none;}
	.fluid-box .text-wrap .bg-line {margin:13px 0;}
	.fluid-box .col:nth-child(odd) {padding:20px 0;}
	.idee-list > li {height:auto;padding:14px;}
	.icon-idee {width:37px;height:39px;background-size:185px 27px;}
	.icon-idee h6 {font-size:11px;letter-spacing:-1px;}
	.idee-list .text-wrap {margin-left:0;width:calc(100% - 94px);font-size:13px;}
	.icon-idee4 {background-position:-111px 0;}
	.icon-idee5 {background-position:-148px 0;}
	.operate img.mobile {width:80%;}

	/* 준법경영 */
	.law-con {margin-top:30px;}
	.law-con-m {width:80%;}

	/* 녹색경영 */
	.green-manage .icon-reward {height:42px;background-size:284px 42px;}
	.green-manage .icon-reward1 {width:39px;padding:0 10px;}
	.green-manage .icon-reward2 {width:36px;padding:0 10px;background-position-y:0;}
	.green-manage .icon-reward3 {width:38px;}
	.green-manage .icon-reward4 {width:34px;background-position:-146px 0;}
	.green-manage .icon-reward5 {width:42px;background-position:-190px 0;}
	.green-manage .icon-reward6 {width:39px;background-position:-245px 0;}

	/* 오시는길 */
	.map-section h2.tit {font-size:20px;}
	.address_wrap {padding:14px;}
	.address_wrap .tit-type2 {font-size:16px;}
	.address_wrap p,
	.address_wrap li {font-size:13px;}
	.addressBox {margin-bottom:10px;padding-bottom:10px;}
	.map-section {margin:40px 0 10px;}
	.metro-2:before {margin:0 5px 0 0;}

	/* 문의하기 */
	.inqu-box {margin-top:50px;}
	.inqu-box a {height:auto;min-height:200px;}
	.inqu-box a:before {margin:22px auto 21px;background-size:42px 119px;}
	.inqu-box a > em {font-size:14px;}
	.inqu-box a > em br {display:none;}
	.inqu-box .col1:before {width:36px;height:30px;}
	.inqu-box .col2:before {width:36px;height:37px;margin-top:15px;background-position:0 -37px;}
	.inqu-box .col3:before {width:42px;height:36px;margin-top:17px;background-position:0 -83px;}
	.inqu-box .tit {font-size:18px;padding-bottom:8px;}

	/* 문의 레이어 팝업 */
	.layer-s1 {padding:0;}
	.layer-s1 .layer-top {padding:15px 15px 0;}
	.layer-s1 .layer-top h3 {font-size:18px;}
	.layer-s1 .lay-close {width:15px;top:20px;right:15px;}
	.layer-s1 .layer-cont {padding:0 15px;}
	.layer-s1 .layer-cont .top-txt {margin-top:10px;padding:8px 10px;}
	.layer-s1 .tbl colgroup col:first-child {width:auto !important;}
	.layer-s1 .tbl th {width:90px;padding:9px 9px 9px 4px;font-size:14px;}
	.layer-s1 .tbl th .icon-inquiry {width:9px;height:9px;margin:0 5px;background-size:63px 9px;}
	.layer-s1 .tbl th .icon-inquiry5 {background-position:-36px 50%;}
	.layer-s1 .tbl th .icon-inquiry6 {background-position:-45px 50%;}
	.layer-s1 .tbl th .icon-inquiry7 {background-position:-54px 50%;}
	.layer-s1 .tbl td {padding:9px 9px 9px 0;}
	.layer-s1 .select,
	.layer-s1 .text {height:28px;font-size:11px;}
	.layer-s1 .select,
	.layer-s1 .text.num,
	.layer-s1 .text.email {width:25% !important;}
	.layer-s1 .dash {padding:0 1px;font-size:12px;}
	.layer-s1 .text {padding:0 5px;}
	.terms-box {margin-top:15px;}
	.terms-box .tit {font-size:13px;}
	.terms-con {height:100px;padding:10px;font-size:12px;}
	.terms-con p + p {padding-top:10px;}
	.layer-s1 .layer-cont .lr-box {font-size:13px;}
	.layer-s1 .layer-cont .btn-group {margin-top:20px;padding-bottom:15px;}

	/* 공시자료 */
	.disclosure-wrap .total-wrap {font-size:13px;}
	.disclosure-list .item a {padding:10px;}
	.disclosure-list .item-num,
	.disclosure-list .item-date {font-size:14px;}
	.disclosure-list .item-title {margin:5px 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; max-height:72px;}
	.disclosure-list .item-date {bottom:15px;}
	.disclosure-wrap .pagination {margin:20px auto;}

	/* 공시자료 상세 레이어팝업 */
	.disclosure-view {padding:0;}
	.disclosure-view .layer-top {padding:15px 15px 0;}
	.disclosure-view .layer-top h3 {font-size:18px;}
	.disclosure-view .layer-top .date {font-size:12px;line-height:18px;}
	.disclosure-view .layer-top .lay-close {width:15px;top:20px;right:15px;}
	.disclosure-view .layer-cont {padding:10px 15px 10px;}
	.conts-list:first-child {margin-top:0;}
	.conts-list .attach {padding:5px;font-size:12px;}
	.conts-list .attach .title {display:none;}
	.conts-list .attach .attach-file {float:none;max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:middle;}
	.cotent-detail {padding:10px;}
	.cotent-detail p {margin:5px 0;font-size:14px;}
	.conts-list .btn {padding:5px 0;font-size:14px;}
	.conts-list .btn .prev-text,
	.conts-list .btn .next-text {margin-right:20px;}
	.conts-list .btn .title {max-width:170px;font-size:14px;}
	.conts-list .btn .date {display:none;}
	.disclosure-view .layer-cont .lay-close-btn {width:65px;margin-top:20px;margin-bottom:45px;padding:5px;}

	/* 인재상 */
	.creator-wrap > li {padding:14px 10px;}
	.creator-wrap h6 {margin-bottom:7px;font-size:15px;}
	.creator-wrap .text-wrap {width:calc(100% - 68px);margin-left:5px;}
	.creator-wrap .text-wrap p {font-size:13px;}
	.creator-wrap p + p {margin-top:5px;}
	.icon-creator {width:55px;height:55px;background-size:165px 55px;}
	.icon-creator2 {background-position:-55px 0;}
	.icon-creator3 {background-position:-110px 0;}

	/* 인재육성 */
	.dev-goals .tit-type1 {margin-bottom:10px;font-size:20px;}
	.dev-goals > p {font-size:14px;}
	.dev-goals .img-wrap {margin-top:15px;}

	/* 복리후생 */
	.reward-wrap li {padding:15px;}
	.reward-wrap .text-wrap {padding-left:20px; font-size:14px;}

	/* 개인정보처리,취급방침 */
	.m-pi {margin-top:10px;}
	.m-pi a {padding:8px 10px;font-size:16px;}
	.group-box li,
	.group-box span {font-size:14px;}
	.group-box > dd > ol,
	.group-box > dd > ol > li {margin-bottom:8px;}
	.group-box .tit {margin-top:20px;padding-bottom:8px;font-size:16px;}
	.group-box .tit-end {margin-top:20px;padding-bottom:0;font-size:14px;}
	.group-box > dd ol.sub-depth {margin-left:8px;}
	.group-box .lead {font-size:14px;}

	/* 푸터 링크페이지 공통 */
	.common-utils .tab-wrap .tab-btn > a {padding:5px; font-size:13px;}
	.common-utils .tab-wrap .tab-btn > a:nth-child(4) {line-height:2.95;}
	.common-utils .sub-tit {padding:40px 0 20px;font-size:20px;}
	.group-box th, .group-box td {font-size:14px;}
	.group-box dd > p {margin:5px 0 10px;}

	/*대관안내 */
	.group-box .img-wrap li {position:relative; float:left; width:100%; height:auto; margin:0 0 10px 0; overflow:hidden;}
	.group-box .img-wrap li + li {margin:0;}
	.group-box .img-wrap li img {position:relative; top:0; left:0; width:100%; max-width:100%; height:auto; margin:0;}
	.tbl_cost {display:none;}
	.tbl_cost_mobile {display:block;}
}



















































/*---------------
=================
UI CSS
=================
---------------*/



.tip{
display:inline-block;
height:34px;
font-size:12px;
font-weight:400;
vertical-align: middle;
display:table-cell;
color:#999;
}


.input-sm {
    font-size: 13px;
}

.form-control {
    color:#333;
}


label {
font-weight:500 !important;
}


/* 정돈필요 */
.table>thead>tr>th {
    vertical-align: middle;
	text-align:center !important;
	background-color:#f1f1f1;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
.td_chk,.td_mbcert,.td_mbstat,.td_num,.td_date,.td_numsmall,.td_mngsmall {
text-align:center;
}


.table-bordered {
    border: 1px solid #ddd;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  /*  padding: 15px; */
}

/*
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
*/

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
	font-weight:400 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
}

/*
.table > tbody > tr > td {
   padding-bottom: 6px !important;
}
*/

.table>tbody>tr>th label {
    margin-bottom: 0px !important;
}

.table>tbody>tr>th{
    background-color:#f9f9f9;
	color:#555;
	font-weight:500 !important;
}


.table>tbody>tr>td label {
    display: inline-block;

color: #357ca5 !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}


.table-responsive .form-control {
    display: inline; 
    width: auto; 
    _height: 34px;
    _padding: 6px 12px;
    _font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
 
}


.table-responsive .table>tbody>tr>th {
    vertical-align: middle;
}

.table-responsive .table>tbody>tr>th label {
    margin-bottom: 0px !important;
}


.table-responsive .table>tbody>tr>td label {
    display: inline-block;

    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

/* 정돈필요 끝 */




/* Note */
.note {
    padding: 10px !important;
    margin-bottom: 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
	color: #8a6d3b;
    background-color: #fcf8e3;
	font-size:12px;
}

.note strong {
color: #dd4b39;
}

.box-tools .form-control {
font-size:12px !important;

margin-bottom: 10px !important;
}

.btn-search {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
	margin-bottom:10px;
}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


.boxin-footer {
    padding: 10px 0;
}

textarea {
min-width:100%;
}


.required {
    background: url(../../../img/wrest.gif) #f6f9fa top right no-repeat !important;
	/* border-color: #f39c12; */

    border-color: #00a7d0 !important;
}

.inline label {
font-weight:400;
margin-top: 10px;
}


.control-label {
    margin-top: -10px;
    margin-bottom: 0;
	font-weight:400;
}




.btn {
    font-size: 13px;
    font-weight: 350;
	_border-radius: 0px;
}





/*  
------------
UI_BOARD  
------------
*/


/* LIST */
.ui_list {
font-size:15px;
font-weight:400;
color:#555;
}

.ui_list table a:hover,
.ui_list table a:active,
.ui_list.hover {
  color:#d33724;
}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1;list-style:none;padding-left:0px}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:16px 0 15px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #d33724;background:#fff;color:#d33724;}

.ui_list table {
border-top:1px solid #999;border-bottom:1px solid #999
}
.ui_list th {
font-size:15px;
}

.ui_list td {
font-size:15px;
}

.td_num {text-align:center}
.td_subject a {font-size:16px;font-weight:400;}
.td_subject .label {font-size:10px !important;font-weight:500;padding:0px 5px !important;}
.td_name a {font-size:13px;}
.td_subject .tip {height:auto;}


.sch_word {
padding: 2px 4px;
color:#ff3061;
background-color: #f9f2f4;
border-radius: 4px;
} 


.ui_list .pg_wrap {
    margin: 0px !important;
	border:0px solid red !important;
}


/* LIST END */


/* WRITE */
.ui_write .table>tbody>tr>td label {
	font-weight:500 !important;
}

.ui_write .input-sm {
    padding: 3px 10px 7px 10px;
}

.wr_content textarea {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:20px;}
.wr_content textarea {padding:10px}
.wr_content textarea {width:98%;height:100px}


/*----- G5 Captcha -----*/
.vc-captcha {padding:15px 10px 10px;border:1px solid #ddd}
.vc-captcha fieldset {padding:0}
#captcha #captcha_img {height:62px;border:1px solid #eee;width:158px}
#captcha #captcha_key {width:130px;height:62px;border:1px solid #ddd;font-size:24px;line-height:14px;margin-left:34px}
#captcha .required,#captcha textarea.required {background:#fff !important}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url(../../../img/captcha.png) no-repeat;
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}


#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url(../../../img/captcha.png) no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px;
}


#captcha #captcha_info {
    display: block;
    margin: 5px 0 10px;
    font-size: 0.95em;
    letter-spacing: -0.1em;
}

/* WRITE END */



/* VIEW */
.ui_v {margin-bottom:20px;padding-bottom:20px}
.ui_v_title {padding-top:10px; padding-bottom:20px; margin:0px; font-size:22px; font-weight:700; line-height:30px;}

.ui_v_title .ui_v_cate {color:#777;font-weight:400; }

#ui_v_info {padding:0 0 10px;border-bottom:0px solid #ddd;font-size:12px !important;}
#ui_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ui_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#ui_v_info .sv_member,
#ui_v_info .sv_guest,
#ui_v_info .member,
#ui_v_info .guest {font-weight:bold}

.ui_v .sp {
    display: inline-block;
    width: 20px;
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
	margin-bottom: 0px;
	background-color:#f1f1f1;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 0px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot ul {margin:0;padding:0;list-style:none}


.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}



#bo_v_atc {min-height:200px;height:auto !important;height:200px;padding:0 15px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:15px !important;color:#333;}
#bo_v_con a {color:#000;text-decoration:underline}


#bo_v_con _img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}


#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500}


.bo_vc_title {font-size:20px; padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}



.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

  .boder0 {
    width: 80px;
    height: 100%;
    background: #fafafa;
	border:0px;
	border-right: 1px solid #ccc;
	cursor: pointer;
}


/* Comment */
.comment-media { margin:10px 0px; }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; min-height:60px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* VIEW END*/






.btn-black {
  background-color: #333;
  border-color: #111;
  color: #fff !important;
  border-image: none !important;
  background-image: none !important;
}
.btn-black:hover,
.btn-black:active,
.btn-black.hover {
  background-color: #555; 
}



.btn-lg {
border-radius:3px !important;
}












/* strength 에 사용 */



.management_wrap{}
.management_wrap dl{width:1024px; margin:0 auto;}
.management_wrap dl dt{background-color:#4c5d70; text-align:center; border-radius:80px; padding:34px 0 38px 0}
.management_wrap dl dt h3{color:#fff; font-size:1.500em; letter-spacing:-0.01em;}
.management_wrap dl dt p{color:#dedede; font-size:1em; padding-top:18px; font-weight:400}					
.management_wrap ul{text-align:center; background:url(../img/sub/bg_3t_arr_up.gif) 50% 0 no-repeat; padding-top:101px; margin-top:20px;}
.management_wrap ul li{position:relative; display:inline-block; vertical-align:top; width:232px; padding-top:261px;}
.management_wrap ul li strong{font-size:1.250em; color:#333333;text-align:center !important;}
.management_wrap ul li p{line-height:26px; padding-top:12px;text-align:left; }
.management_wrap ul li p span{display:block;}					
.management_wrap ul li.t01{background:url(../img/sub/icon_3t_01.png) 50% 0 no-repeat;}
.management_wrap ul li.t02{background:url(../img/sub/icon_3t_02.png) 50% 0 no-repeat; margin:0 97px;}
.management_wrap ul li.t03{background:url(../img/sub/icon_3t_03.png) 50% 0 no-repeat;}





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

	.management_wrap{}
	.management_wrap dl{width:100%;}
	.management_wrap dl dt{border-radius:10px; padding:42px 56px}
	.management_wrap dl dt h3{font-size:2.0em;}
	.management_wrap dl dt p{line-height:42px; font-size:1.4em; padding-top:12px;}
	.management_wrap ul{background:url(../img/sub/bg_3t_arr_up_m.gif) 50% 0 no-repeat; padding-top:70px;}
	.management_wrap ul li{display:block; width:100%; padding-top:288px; margin:102px 0 0 0;}
	.management_wrap ul li:after{content:''; position:absolute; left:50%; top:-80px; background-color:#d7d7d7; width:1px; height:50px;}
	.management_wrap ul li:first-child{margin-top:0}
	.management_wrap ul li:first-child:after{display:none;}
	.management_wrap ul li strong{font-size:1.875em;}
	.management_wrap ul li p{font-size:1.2em; line-height:36px; padding:18px 30px 0;text-align:center;}
	.management_wrap ul li p span{display:inline;}	
	
	.management_wrap ul li.t01{background:url(../img/sub/icon_3t_01_m.png) 50% 0 no-repeat;}
	.management_wrap ul li.t02{background:url(../img/sub/icon_3t_02_m.png) 50% 0 no-repeat; margin:102px 0 0 0;}
	.management_wrap ul li.t03{background:url(../img/sub/icon_3t_03_m.png) 50% 0 no-repeat;}		
	

	

}

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

	.management_wrap dl dt{border-radius:5px; padding:21px 28px}
	.management_wrap dl dt h3{font-size:1.063em;}
	.management_wrap dl dt p{line-height:21px; font-size:0.813em; padding-top:6px;}
	.management_wrap ul{padding-top:35px; background-size:100%; }
	.management_wrap ul li{padding-top:144px; margin:51px 0 0 0;}
	.management_wrap ul li:after{top:-40px; height:25px;}
	.management_wrap ul li strong{font-size:0.938em;}
	.management_wrap ul li p{font-size:0.813em; line-height:21px; padding:9px 15px 0}
	
	.management_wrap ul li.t01{background-size:128px 128px;}
	.management_wrap ul li.t02{background-size:128px 128px; margin:51px 0 0 0}
	.management_wrap ul li.t03{background-size:128px 128px;}
	
	.management_wrap .company_profile{margin-top:40px;}
	.management_wrap .company_profile:before{height:139px;}
	.management_wrap .company_profile .cont{background:#00529b url(../img/sub/bg_logo.png) 118% 38px no-repeat; background-size:174px 170px; padding:20px 15px 25px 15px;}
	.management_wrap .company_profile .cont p{font-size:1.063em; line-height:23px;}
	.management_wrap .company_profile .cont .file{margin:15px 0 0 -10px; overflow:hidden;}
	.management_wrap .company_profile .cont .file span a{margin-left:10px; line-height:27px; font-size:0.750em;}
	
}