/* Animate.css - http://daneden.me/animate | Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */


/* ********************************************************************* SUBPAGE 서브페이지 ********************************************************************** */

.row:after {
    content: "";
    display: block;
    clear: both;
}

.navbar-custom {
    background: none;
}


/* .nav-bg {
    background:none;
} */

b,
strong {
    font-weight: 500;
}

#subTop {
    z-index: 666;
}

.sub-visual {
    position: relative;
    width: 100%;
	max-width: 1240px;
	margin: 0 auto;
    height: 350px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	padding-bottom: 60px;
	display: flex;
	align-items: flex-end;
}

.sub-visual h2 {
    margin-bottom: 30px;
    letter-spacing: -1px;
    line-height: 1;
    font-weight: 600;
    font-size: 50px;
}

.sub-visual p {
    font-size: 18px;
    word-break: keep-all;
}


/* 
.sub-visual:before {
    max-width: 1920px;
    height: 328px;
    opacity: 0.6;
    background-image: linear-gradient(to bottom, #3c0508 -37%, rgba(60, 5, 8, 0) 306%, #3c0508 648%);
    display: block;
    content: "";
}
 */

.sub-tab {
    width: 100%;
}

.sub-tab.fixed {
    z-index: 666;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    opacity: 0.92;
}

.sub-tab > ul {
    margin: 0 auto;
    max-width: 1200px;
    height: 70px;
    text-align: center;
    line-height: 0;
    font-size: 0;
}

.sub-tab > ul:after {
    display: block;
    content: "";
    clear: both;
}

.sub-tab.fixed ul {
    margin: 0 auto;
    width: 100%;
}

.sub-tab li {
    float: left;
    width: 50%;
    height: 70px;
    border-bottom: 2px solid #dfdfdf;
}

.sub-tab li.active {
    border-bottom: 2px solid #f17321;
}

.sub-tab li a {
    display: inline-block;
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 400;
    font-size: 20px;
    color: #f17321;
}

.sub-tab.fixed a {
    border-bottom: 0;
    border-top: 0;
}

#subContents {
	max-width: 1200px;
    margin: 120px auto;
}

.sub-contents-w100 {
    width: 100%;
	max-width: 1200px;
    margin: 120px auto;
}

.sub-contents {
    max-width: 1200px;
    margin: 120px auto 0;
}

#subContents .tit {
    text-align: center;
    position: relative;
	margin-bottom: 100px;
}

#subContents .subtit .tit:before {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #f17321;
    left: 50%;
    margin-left: -8px;
    top: -39px;
}

#subContents .tit h3 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -2px;
    color: #f17321;
    line-height: 50px;
}

.bbs-layout {width: 100%; max-width: 1200px; margin: 120px auto;}

@media only screen and (max-width: 1280px) {
	#subContents .tit {margin-bottom: 60px;}
}


@media only screen and (max-width: 768px) {
	.bbs-layout {margin-top: 60px;}
	#subContents {margin-top: 60px;}
	#subContents .tit {margin-bottom: 30px;}


}

/* ---------------- sub1-1 ---------- */

.sub1-1 .cont_1 {
    max-width: 1200px;
    margin: 0 auto 95px auto;
}

.sub1-1 .cont_1 .tit {
    margin-bottom: 150px;
}

.sub1-1 .cont_1 .img_frame p {
    max-width: 500px;
    background-image: url(/images/mtl01r-19-0004/2439041.jpg);
    height: 370px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

.sub1-1 .cont_1:after,
.sub1-1 .cont_2:after {
    content: "";
    display: block;
    clear: both;
}

.sub1-1 .cont_1 .text_frame,
.sub1-1 .cont_1 .img_frame {
    position: relative;
    float: left;
    width: 50%;
}

.sub1-1 .cont_1 .img_frame:before {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #f17321;
    left: -6px;
    top: -37px;
    opacity: 0.8;
}

.sub1-1 .cont_1 .text_frame span {
    font-size: 18px;
    color: #000;
    padding-top: 30px;
    line-height: 1.7;
    letter-spacing: -1px;
    max-width: 485px;
    display: block;
    position: relative;
}

.sub1-1 .cont_1 .text_frame span:after {
    display: block;
    position: absolute;
    content: "";
    width: 728px;
    height: 386px;
    border: 1px solid #d2d2d2;
    left: -144px;
    top: -67px;
    z-index: -1;
}

.sub1-1 .cont_2 {
    max-width: 100%;
    margin: 0px auto;
    padding: 110px 0 150px 0;
    background-color: #f9f9f9;
}

.sub1-1 .cont_2 .tit {
    margin-bottom: 85px;
}

.sub1-1 .cont_2 .row {
    max-width: 1200px;
    margin: 0 auto;
}

.sub1-1 .cont_2 .sub-box {
    width: 33.333333%;
    float: left;
}

.sub1-1 .cont_2 .card {
    height: 520px;
    box-shadow: 4.8px 8.7px 35px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    margin: 0 auto 30px;
    width: calc(100% - 20px);
}

.sub1-1 .cont_2 .card p {
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sub1-1 .cont_2 .sub-box:nth-child(1) .card p {
    background-image: url('/images/mtl01r-19-0004/biz_1.jpg');
}

.sub1-1 .cont_2 .sub-box:nth-child(2) .card p {
    background-image: url('/images/mtl01r-19-0004/biz_2.jpg');
}

.sub1-1 .cont_2 .sub-box:nth-child(3) .card p {
    background-image: url('/images/mtl01r-19-0004/biz_3.jpg');
}

.sub1-1 .cont_2 .card dl {
    padding: 49px 29px;
}

.sub1-1 .cont_2 .card dl dd:nth-child(1) {
    font-size: 20px;
    color: #f17321;
    line-height: 2.2;
}

.sub1-1 .cont_2 .card dl dd:nth-child(2) {
    font-size: 34px;
    color: #000;
    line-height: 1.3;
    font-weight: 500;
}

.sub1-1 .cont_2 .card dl dd:nth-child(3) {
    font-size: 18px;
    color: #666;
    font-weight: 500;
    padding-top: 30px;
}


/* ---------------- sub1-2----------- */

.sub1-2 .cont_1 {
    max-width: 100%;
    margin: 0 auto 160px auto;
}

.sub1-2 .cont_1 .tit {
    margin-bottom: 60px;
}

.sub1-2 .root_daum_roughmap {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sub1-2 .cont_1:after,
.sub1-2 .cont_2:after {
    content: "";
    display: block;
    clear: both;
}

.sub1-2 .cont_1 .map-info {
        width:100%;
    margin: 0 auto;
    position: absolute;
    height: 130px;
    bottom: 0;
    z-index: 9;
    display: block;
}

.sub1-2 .cont_1 .map-info dl {
    display: block;
    padding: 60px 100px;
    border: 1px solid #d2d2d2;
    width: 1200px;

    background: #fff;
    z-index: 1;
    margin: 0 auto;
}

.sub1-2 .cont_1 .map-info dl dt,
.map-info dl dd {
    display: inline-block;
}

.sub1-2 .cont_1 .map-info dl dt {
    width: 29%;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #000;
    letter-spacing: -2px;
    font-weight: 500;
    vertical-align: middle;
    border-right: 2px solid #f17321;
}

.sub1-2 .cont_1 .map-info dl dd {
    height: 60px;
    line-height: 29px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.5px;
    padding-left: 50px;

}

.sub1-2 .cont_1 .map-info dl dd em {
    font-style: normal;
    color: #f17321;
    display: inline-block;
    font-weight: 400;
}

.sub1-2 .cont_2 .img-txt p {
    position: absolute;
    margin-left: -91px;
    left: 50%;
    top: -100px;
    width: 192px;
    height: 192px;
    background-color: #f4f4f4;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.sub1-2 .cont_2 .img-txt:nth-child(1) p {
    background-image: url('/images/mtl01r-19-0004/map_icn_1.png');
}

.sub1-2 .cont_2 .img-txt:nth-child(2) p {
    background-image: url('/images/mtl01r-19-0004/map_icn_2.png');
}

.sub1-2 .cont_2 .img-txt:nth-child(3) p {
    background-image: url('/images/mtl01r-19-0004/map_icn_3.png');
}

.sub1-2 .cont_2 .img-txt h4 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    letter-spacing: -1.5px;
}

.sub1-2 .cont_2 .img-txt li dl {
    padding-left: 10px;
    text-align: left;
}

.sub1-2 .cont_2 .img-txt li dl dt {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 40px;
    color: #f17321;
    padding-left: 10px;
    position: relative;
}

.sub1-2 .cont_2 .img-txt li dl dt:before {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #f17321;
    border-radius: 5px;
    left: 0;
    top: 12px;
}

.sub1-2 .cont_2 .img-txt li dl dd {
    font-size: 18px;
    line-height: 1.6;
    padding-left: 10px;
    letter-spacing: -1px;
    word-break: keep-all;
}

.sub1-2 .cont_2 .img-txt {
    text-align: center;
    position: relative;
    padding: 0;
    width: calc(33.33333333% - 15px);
    margin-right: 22px;
	float:left;
}

.sub1-2 .cont_2 .img-txt ul {
    border: 1px solid #d2d2d2;
    height: 466px;
    padding: 130px 20px;
    /* padding: 0; */
}

.sub1-2 .cont_2 .img-txt:last-child {
    margin-right: 0;
}

.sub1-2 .cont_2 .img-txt:nth-child(2) {
    margin-right: 23px;
}

.sub1-2 .cont_1 .img_frame {
    position: relative;
}

.sub1-2 .cont_1 .img_frame:before {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #f17321;
    left: -6px;
    top: -37px;
    opacity: 0.8;
}

.sub1-2 .cont_1 .text_frame span {
    font-size: 18px;
    color: #000;
    padding-top: 60px;
    line-height: 1.7;
    letter-spacing: -1px;
    max-width: 485px;
    display: block;
    position: relative;
}

.sub1-2 .cont_1 .text_frame span:after {
    display: block;
    position: absolute;
    content: "";
    width: 728px;
    height: 386px;
    border: 1px solid #d2d2d2;
    left: -144px;
    top: -67px;
    z-index: -1;
}

.sub1-2 .cont_2 {
    max-width: 100%;
    margin: 200px auto 100px auto;
}

.sub1-2 .cont_2 .tit {
    margin-bottom: 85px;
}

.sub1-2 .cont_2 .row {
    max-width: 1200px;
    margin: 0 auto;
}


/* ---------------- sub2-1----------- */

.sub2-1 .cont_1 {
    max-width: 100%;
    margin: 0 auto 160px auto;
}

.sub2-1 .tit {
    margin-bottom: 60px;
}

.cont {
    margin-bottom: 139px;
}

.sub2-1 .cont_1:after,
.sub2-1 .cont_2:after,
.sub2-1 .cont_3:after {
    content: "";
    display: block;
    clear: both;
}

.sub2-1 .row {
    max-width: 100%;
    height: 500px;
    margin: 0;
    position: relative;
}

.sub2-1 .sub-box {
    padding: 0;
}

.sub2-1 ._left.txt-frame {
    float: right;
    padding: 175px 25px 40px 0;
    position: relative;
}

.sub2-1 ._right.txt-frame {
    float: left;
    text-align: right;
    padding: 175px 0 40px 25px;
    position: relative;
}

.sub2-1 .txt-frame {
    max-width: 580px;
}

.sub2-1 .txt-frame p {
    font-size: 25px;
    font-weight: 300;
    color: #000;
    line-height: 42px;
}

.sub2-1 .txt-frame h3 {
    font-size: 40px;
    line-height: 42px;
    color: #000;
    font-weight: 500;
    letter-spacing: -2px;
}

.sub2-1 .txt-frame h3 b {
    font-weight: 500;
    color: #f17321;
}

.sub2-1 .txt-frame span {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    padding-top: 30px;
    display: inline-block;
    font-weight: 300;
}

.sub-box-inner._left.txt-frame:before {
    position: absolute;
    width: 1px;
    height: 166px;
    content: "";
    display: block;
    background-color: #f17321;
    top: 0;
    left: 0;
}

.sub-box-inner._right.txt-frame:before {
    position: absolute;
    width: 1px;
    height: 166px;
    content: "";
    display: block;
    background-color: #f17321;
    top: 0;
    right: 0;
}

.sub2-1 .img-frame {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sub2-1 .cont_1 .img-frame {
    background-image: url(/images/mtl01r-19-0004/sub/63280.jpg);
}

.sub2-1 .cont_2 .img-frame {
    background-image: url(/images/mtl01r-19-0004/sub/6132.jpg);
}

.sub2-1 .cont_3 .img-frame {
    background-image: url(/images/mtl01r-19-0004/sub/14594.jpg);
}

.sub2-1 .row:after {
    display: block;
    position: absolute;
    content: "";
    width: 75%;
    height: 500px;
    top: 69px;
    background-color: #fcfbfb;
    z-index: -1;
}

.sub2-1 .cont_1 .row:after {
    left: 0;
}

.sub2-1 .cont_2 .row:after {
    right: 0;
}

.sub2-1 .cont_3 .row:after {
    left: 0;
}

.sub2-1 .cont_2.cont .sub-box:nth-child(2) {
	float: left;
}
.sub2-1 .cont_2.cont .sub-box:nth-child(1) {
	float: right;
}
.sub2-1 .sub-box {
	width:50%;
	float:left;
}
.page-title {
    margin: 0;
}

.page-title small {
    color: rgba(51, 51, 51, 0.5);
}

.title-divider {
    text-align: left;
    margin: 0.5em 0 1em;
    background: #ffffff url(/images/mtl01r-19-0004/bg_divider.png) left center repeat-x;
    padding: 0;
}

.title-divider span {
    background: #ffffff;
    padding-right: 0.5em;
    font-weight: 700;
}

.title-divider small {
    display: block;
    color: rgba(51, 51, 51, 0.6);
}

#content {
    padding: 30px 0;
}

.sidebar {
    margin: 2em 0 1em 0;
}

.sidebar .block {
    margin-bottom: 2em;
}

.sidebar ul.big-list {
    font-size: 1em;
}

.section-menu ul.nav-list {
    padding: 2em 0;
    margin-left: 0;
}

.section-menu ul.nav-list li.nav-header {
    padding-left: 5px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.section-menu ul.nav-list li.whois-sub-left-nav-customer {
    padding: 20px;
    margin: 120px 0 0 3px;
    color: #fff;
    background-color: #0062AA;
}


/* 좌측메뉴 */

.section-menu ul.nav-list li.whois-sub-left-nav-customer h5 {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 600;
}

.section-menu ul.nav-list li.whois-sub-left-nav-customer .whois-sub-left-nav-customer-list {}

.section-menu ul.nav-list li.whois-sub-left-nav-customer .whois-sub-left-nav-customer-list li {
    padding: 0 0 10px 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.section-menu ul.nav-list li.whois-sub-left-nav-customer .whois-sub-left-nav-customer-list li i {
    width: 10%;
    margin: 4px 0 0 0;
    vertical-align: top;
    color: #fff;
}

.section-menu ul.nav-list li.whois-sub-left-nav-customer .whois-sub-left-nav-customer-list li a {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.section-menu ul.nav-list li.whois-sub-left-nav-customer .whois-sub-left-nav-customer-list li .whois-sub-left-nav-customer-list-text {
    width: 90%;
    display: inline-block;
}

.section-menu ul.nav-list li a {
    color: #494949;
    color: rgba(27, 27, 27, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    border-top: none;
    margin: 0 -1px 0 3px;
    -webkit-box-shadow: 1px 1px 1px #ffffff;
    box-shadow: 1px 1px 1px #ffffff;
    background: #fafafa;
    text-shadow: none;
    padding: 8px 15px;
    position: relative;
}

.section-menu ul.nav-list li a.first {
    border-top: 1px solid #e6e6e6;
}

.section-menu ul.nav-list li a:hover {
    background: #f0f0f0;
}

.section-menu ul.nav-list li a:hover i {
    color: #0062AA;
}

.section-menu ul.nav-list li a i {
    font-size: 22px;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #e6e6e6;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.section-menu ul.nav-list li a small {
    display: block;
    font-weight: 600;
    font-size: 12px;
    color: rgba(27, 27, 27, 0.5);
}

.section-menu ul.nav-list li.active > a,
.section-menu ul.nav-list li.active > a:hover {
    border-left: 4px solid #0062AA;
    background: #ffffff;
    color: #0062AA;
}

.section-menu ul.nav-list li.active > a i,
.section-menu ul.nav-list li.active > a:hover i {
    color: #0062AA;
}


/* 서브상단 페이지네비 */

.whois-sub-page-guide {
    background-color: #fafafa;
    overflow: hidden;
}

.whois-sub-page-guide .whois-sub-page-guide-navi {
    padding: 14px 0 14px 0;
    font-size: 12px;
    text-align: right;
    color: #888888;
}

.whois-sub-page-guide .whois-sub-page-guide-navi b {
    color: #0062AA;
}

@media only screen and (max-width: 768px) {
    .whois-sub-page-guide .whois-sub-page-guide-navi {
        width: 100%;
        padding: 14px 0 14px 0;
        float: right;
    }
}


/* 서브페이지 포인트 색상 */

.sub_color {
    color: #0062AA;
}


/* ********************************************************************* 게시판 CSS ********************************************************************** */


/* 일반게시판 List */

.whois-board-list {
    display: inline-block;
    padding: 0;    
}

.whois-board-list .whois-board-row {
    width: 100%;
    margin: 0 0 0 0;
    padding: 15px 0 15px 0;
    float: left;
    border-bottom: 1px solid #eee;
    color: #000000;
}

.whois-board-list .whois-board-row:first-child {
    border-top: 1px solid #f17321;
}
.whois-board-list .whois-board-row .whois-board-row-noti {
	background: #f17321 !important;
}

/* Line 색상 */

.whois-board-list .whois-board-row .whois-board-row-subject {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}

.whois-board-list .whois-board-row .whois-board-row-info {
    color: #acacac;
}
.whois-board-row-info {
	line-height:45px;	
}
.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author {
    max-width: 33vw;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}


/* 일반게시판 view */

.whois-board-view {
    display: inline-block;    
    border-top: 1px solid #0062AA;
}


/* Line 색상 */

.whois-board-view .whois-board-view-row {
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 10px 0 10px 0;
    float: left;
    border-bottom: 1px solid #eee;
}

.whois-board-view .whois-board-view-row .whois-board-view-subject {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    font-size: 18px;
    font-weight: 600;
}

.whois-board-view .whois-board-view-row .whois-board-view-author {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    float: left;
    font-size: 13px;
    font-weight: 600;
}

.whois-board-view .whois-board-view-row .whois-board-view-info {
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    float: left;
    color: #acacac;
}

.whois-board-view .whois-board-view-row .whois-board-view-content {
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
    float: left;
    font-size: 12px;
}

.whois-board-view .whois-board-view-files {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.whois-board-view .whois-board-view-files .whois-board-view-file {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    float: left;
    font-size: 12px;
}

.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count {
    font-size: 11px;
    color: #c4c4c4;
}


/* 게시판 버튼 */

.btn-search,
.whois-button-submit,
.btn-sub {
    color: #fff;
    background-color: #f17321;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-search:hover,
.btn-search:focus,
.whois-button-submit:hover,
.whois-button-submit:focus,
.btn-sub:hover,
.btn-sub:focus {
    color: #fff;
    background-color: #f17321;
}


/* 게시판 공통 */

.whois-board-list .sub-box {
	margin-right:5px;
	background-color: #f17321;
	border: 0;
    color:#ffffff;
	display: inline-block;
}
.whois-board-list .end-event {
    background: #bbb;
}
.sub-box.sm {
    font-size: 12px;
    padding: 2px 5px;
}

.sub-box.m {
    font-size: 14px;
    padding: 4px 8px;
}

.sub-box.lg {
    font-size: 16px;
    padding: 6px 12px;
}

.sub-border {
    border: 1px solid #0062AA;
}

.sub-border-t {
    border-top: 1px solid #0062AA;
}

.sub-border-r {
    border-right: 1px solid #0062AA;
}

.sub-border-b {
    border-bottom: 1px solid #0062AA;
}

.sub-border-l {
    border-left: 1px solid #0062AA;
}

.sub-bg {
    background-color: #f17321;
}

.sub-bg-hover:hover {
    background-color: #f17321;
}

/* ********************************************************************* 로그인/회원가입 관련 CSS ********************************************************************** */

.material-form {
    background: #fff;
    /*border: 1px solid #ccc;*/
    margin: 0 auto;
}

.material-form .header {
    background: #6498fe;
    color: #fff;
    font-size: 16px;
    padding: 50px 10px;
}

.material-form .header h3 {
    font-size: 30px;
}

.material-form .header p,
.material-form .header span {
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.material-form .sub-header h4 {
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

.material-form .sub-content .form-group:last-child {
    margin: 0;
}

.material-form .body {}

.material-form .input-group {
    border: 0;
    position: relative;
}

.material-form .input-group .input-group-addon {
    background: #fff;
    border: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.material-form .form-control,
input[type='text'].whois,
input[type='password'].whois,
select.whois {
    border: 1px solid #ccc;
    transition: 0.3s all ease;
}


/*.material-form .btn:first-child,*/

.material-form .input-group .form-control:first-child,
.material-form .input-group .form-control.first,
.material-form .input-group .th + .form-control,
.th + input[type='text'].whois,
.th + input[type='password'].whois,
.th + select.whois {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}


/*.material-form .btn:last-child,*/

.material-form .input-group .form-control:last-child,
.material-form .input-group .form-control.last,
.material-form .input-group .input-group-btn:last-child,
.material-form .input-group .input-group-btn:last-child button,
.material-form .input-group .input-group-btn:last-child .btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.material-form .form-group {
    margin-bottom: 15px;
    overflow: visible;
}

.material-form .form-group.success .form-control {
    color: #5cb85c;
}

.material-form .form-group.failed .form-control {
    color: #d9534f;
}

.material-form .form-control[readonly] {
    background: #fff;
}

.material-form .btn {
    height: 38px;
}

.material-form .btn-default {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.material-form .input-group input,
.material-form .input-group select,
input[type='text'].whois,
input[type='password'].whois,
select.whois {
    z-index: 10;
}

.input-group label.th {
    color: #ccc;
    display: none;
    height: 20px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 9;
}

.input-group label.th.ie9 {
    display: block;
    z-index: 11;
}

.material-form .desc {
    padding: 10px 0;
}

.chkbox{display:inline-block; margin:0; padding:0;}
.chk-block,
.chk-block span{display:block; text-align:center; width:100%;}
.chkbox input[type='radio'],
.chkbox input[type='checkbox']{display:none}
.chkbox input[type='radio']~.rbtn{padding:6px 12px;line-height:27px;border:1px solid #ccc;border-radius:3px;cursor:pointer}
.chkbox input[type='radio']:checked~.rbtn{background:#ccc;color:#fff}
.chkbox input[type='radio']~.box,
.chkbox input[type='checkbox']~.box{color:#bbb;cursor:pointer;transition:0.5s all ease; display: flex; align-items: center;}
.chkbox input[type='radio']~.box:before,
.chkbox input[type='checkbox']~.box:before{display:inline-block;margin-right:5px;padding:2px;font-family:'Glyphicons Halflings';font-size:18px;font-weight:normal;line-height:1;text-align:center;transition:0.4s all ease;vertical-align:middle;color:#cfcfcf}
.chkbox input[type='radio']~.box:before,
.chkbox input[type='checkbox']~.box:before {content:''; display: block; width: 4px; height: 10px; margin-right: 10px; margin-top: -2px; border-bottom: solid 2px #bbb; border-right: solid 2px #bbb; box-sizing: border-box; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.chkbox input[type='radio']:checked~.box,
.chkbox input[type='checkbox']:checked~.box{color: #333;}
.chkbox input[type='radio']:checked~.box:before,
.chkbox input[type='checkbox']:checked~.box:before{border-color:#333}

.input-group-addon .box .material-icons {
    font-size: 15px;
    padding-right: 5px;
}


.chkbox input[type='radio']:checked~.box,
.chkbox input[type='checkbox']:checked~.box {
    color: #666;
}

.chkbox input[type='radio']:checked~.box:before,
.chkbox input[type='checkbox']:checked~.box:before {
    color: #666;
}

@media only screen and (max-width: 1024px) {
    h2.title-divider {
        font-size: 2rem;
    }
    #content {
        padding: 15px 0;
    }
    #subContents {
        /* margin-top: 0; */
		padding:0 15px;
    }
	.sub-contents-w100 {
	}
    .sidebar {
        margin: 0 0 1em 0;
    }
    .section-menu ul.nav-list {
        padding: 0;
    }
    .section-menu ul.nav-list li.whois-sub-left-nav-customer {
        margin: 30px -1px 0 3px;
    }
    .sub-visual {
        height: 240px;
		padding-bottom: 30px;
    }
    #subContainer {
        overflow: hidden;
    }
    .sub1-1 .cont_1 .text_frame span {
        padding: 0 15px;
        word-break: keep-all;
    }
    .sub-visual p {
        font-size: 16px;
    }
    .sub-visual h2 {
        font-size: 40px;
		margin-bottom: 20px;
    }
    #subContents .tit h3 {
        font-size: 30px;
    }
    .sub1-2 .cont_2 .img-txt h4 {
        font-size: 26px;
    }
    .sub1-2 .cont_2 .img-txt li dl dd {
        font-size: 16px;
    }
    .sub1-2 .cont_2 {
        margin-top: 140px;
    }
    .sub1-2 .map-info dl {
        padding: 30px !important;
    }
    .sub1-2 .map-info dl dt,
    .sub1-2 .map-info dl dd {
        display: block !important;
    }
    .sub1-2 .map-info dl dt {
        width: 100% !important;
        border: none !important;
    }
    .sub1-2 .map-info dl dd {
        padding-left: 0 !important;
		font-size: 16px !important;
		line-height: 1.6 !important;
    }
    .sub2-1 ._right.txt-frame,
    .sub2-1 ._left.txt-frame {
        padding: 25px !important;
    }
    .sidebar {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .sub-visual {
        height: 140px;
    }
    .sub-visual h2 {
        font-size: 20px;
		margin-bottom: 10px;
    }
    .sub-visual p {
        font-size: 13px;
    }
    .sub-contents-w100 {
        margin-top: 60px;
    }
    #subContents .tit h3 {
        font-size: 22px;
        font-weight: 500;
    }
    #subContents .subtit .tit:before {
        top: -29px;
    }
    .sub1-1 .cont_1 .tit {
        margin-bottom: 65px;
    }
    .sub1-1 .cont_1 .img_frame p {
        height: 260px;
    }
    .sub1-1 .cont_1 .text_frame span {
        font-size: 14px;
        line-height: 26px;
        padding: 20px;
    }
    .sub1-1 .cont_1 .text_frame span:after {
        height: 280px;
    }
    .sub1-1 .cont_1 {
        margin-bottom: 40px;
    }
    .sub1-1 .cont_2 {
        margin-top: 0;
        padding: 60px 0 0 0;
    }
    .sub1-1 .cont_2 .sub-box {
        width: 33.333333%;
        float: left;
    }
    .sub1-1 .cont_2 .tit {
        margin-bottom: 30px;
    }
    .sub1-1 .cont_2 .card {
        height: auto;
        margin-bottom: 30px;
    }
    .sub1-1 .cont_2 .card dl {
        padding: 18px 25px;
    }
    .sub1-1 .cont_2 .card dl dd:nth-child(1) {
        font-size: 14px;
    }
    .sub1-1 .cont_2 .card dl dd:nth-child(2) {
        font-size: 18px;
        line-height: 1.5;
    }
    .sub1-1 .cont_2 .card dl dd:nth-child(3) {
        font-size: 14px;
        font-weight: 400;
        padding-top: 0;
    }
    .sub-tab li a {
        font-size: 15px;
        line-height: 50px;
        height: 50px;
    }
    .sub-tab li {
        height: 50px;
    }
    .sub1-2 .cont_1 {
        margin-bottom: 0;
    }
    .sub1-2 .cont_1 .tit {
        margin-bottom: 20px;
    }
    .sub1-2 .cont_1 .map-info dl {
        position: static;
        min-height: 187px;
    }
    .sub1-2 .cont_1 .map-info dl dt {
        font-size: 20px;
        height: auto;
        line-height: initial;
    }
    .sub1-2 .cont_1 .map-info dl dd {
        font-size: 14px;
        line-height: 1.5;
    }
    .sub1-2 .cont_2 {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .sub1-2 .cont_2 .img-txt {
		width:100%;
        margin-bottom: 20px;
    }
    .sub1-2 .cont_2 .img-txt p {
        margin-left: 0 !important;
        width: 60px !important;
        height: 60px !important;
        top: 24px !important;
        left: 24px !important;
        background-size: 35px 35px;
    }
    .sub1-2 .cont_2 .img-txt h4 {
        font-size: 20px;
        text-align: left;
        padding-left: 74px;
        line-height: 50px;
    }
    .sub1-2 .cont_2 .img-txt ul {
        padding: 30px 20px !important;
		height:auto !important;
    }
    .sub1-2 .cont_2 .img-txt li dl dd,
    .sub1-2 .cont_2 .img-txt li dl dt {
        font-size: 14px;
    }
    .sub1-2 .cont_2 .img-txt li dl dt {
        margin-top: 20px;
    }
    .sub1-2 .root_daum_roughmap .wrap_map {
        height: 300px !important;
    }
    .sub2-1 .tit {
        margin-bottom: 0;
    }
    .sub2-1 .txt-frame p {
        font-size: 18px;
    }
    .sub2-1 .txt-frame h3 {
        font-size: 24px;
    }
    .sub2-1 .txt-frame span {
        padding-top: 0;
        font-size: 14px;
        line-height: 1.5;
    }
    .sub2-1 .txt-frame {
        max-width: 100%;
        float: none !important;
    }
    .sub2-1 .img-frame {
        min-height: 260px;
        height: auto;
        background-position: center bottom;
    }
    .sub2-1 .row {
        height: auto;
    }
    .sub2-1 .cont {
        margin-bottom: 30px !important;
    }
    .whois-main-contents-area {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .whois-main-contents-area .whois-main-contents-area-box {
        width: 100%;
        min-height: inherit;
        margin: 0 0 20px 0;
    }
    .whois-main-contents-area .whois-main-contents-area-box:last-child {
        margin: 0;
    }
    .whois-main-contents-area .whois-main-contents-area-box-inner h5 {
        margin: 0 0 30px 0;
    }
}

@media only screen and (max-width: 600px) {
    .sub1-1 .cont_1 .text_frame span:after {
        display: none;
    }
    .sub1-1 .cont_1 .text_frame,
    .sub1-1 .cont_1 .img_frame {
        width: 100%;
    }
    .sub1-1 .cont_2 .sub-box {
        width: 100%;
    }	
	.sub2-1 .cont_2.cont .sub-box:nth-child(2) {
		float: right;
	}
	.sub2-1 .cont_2.cont .sub-box:nth-child(1) {
		float: left;
	}
	.sub2-1 .sub-box {
		width:100%;
	}
	.sub2-1 ._right.txt-frame {
		text-align:left;
	}
}

@media (min-width: 1025px) {
    .sidebar {
        margin: 0;
    }
    .sidebar.sidebar-right .inner,
    .sidebar.sidebar-right .divider {
        border-left: 1px solid #e6e6e6;
        padding-left: 20px;
    }
    .sidebar.sidebar-left .inner,
    .sidebar.sidebar-left .divider {
        border-right: 1px solid #e6e6e6;
        padding-right: 20px;
    }
    .section-menu ul.nav-list {
        border-right: 1px solid #e6e6e6;
    }
    .section-menu ul.nav-list li a i {
        right: 10px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .section-menu ul.nav-list li.active > a,
    .section-menu ul.nav-list li.active > a:hover {
        margin: 0 -1px 0 3px;
    }
}

@media (min-width: 1025px) {
    #content {
        min-height: 707px;
    }
}





/* ci */
.ci-title {font-size: 30px; margin-top: 100px; margin-bottom: 30px; color: #000; font-weight: 800;}
.ci-symbol {display: flex; align-items: flex-start;}
.ci-symbol dt {width: calc(50% - 100px); margin-right: 100px; padding: 100px; border: solid 1px #dbdbdb; display: flex; align-items: center; justify-content: center; /* background: url('/images/mtl01r-19-0004/ci_pattern.png'); background-size: 11px auto; */}
.ci-symbol dt img {display: block; width: 108px; max-width: 40%;}
.ci-symbol dd {width: 50%; font-size: 40px; color: #000; line-height: 1.6;}
.ci-symbol dd strong {display: block; font-size: 26px; font-weight: 800; margin-bottom: 20px;}
.ci-logo {border: solid 1px #dbdbdb; padding: 120px 60px 160px; display: flex; align-items: center; justify-content: center;}
.ci-logo img {display: block; max-width: 40%;}
.ci-txt {margin-top: 40px; text-align: center;}
.ci-txt h5 {font-size: 35px; font-weight: 800; color: #e17a39;}
.ci-txt p {font-size: 20px; color: #000; margin-top: 30px; line-height: 1.8;}
.ci-txt p strong {font-weight: 800;}

@media only screen and (max-width: 1280px) {
	.ci-title {font-size: 26px; margin-top: 80px; margin-bottom: 20px;}
	.ci-symbol dt {width: calc(50% - 60px); margin-right: 60px; padding: 80px;}
	.ci-symbol dd {font-size: 30px;}
	.ci-symbol dd strong {font-size:18px; margin-bottom: 20px;}
	.ci-logo {padding: 100px 60px;}
	.ci-txt {margin-top: 30px;}
	.ci-txt h5 {font-size: 30px;}
	.ci-txt p {font-size: 18px; margin-top: 20px;}
}

@media only screen and (max-width: 980px) {
	.ci-title {font-size: 20px; margin-top: 60px;}
	.ci-symbol dt {width: calc(50% - 40px); margin-right: 40px; padding: 60px;}
	.ci-symbol dd {font-size: 24px;}
	.ci-symbol dd strong {font-size:14px; margin-bottom: 10px;}
	.ci-txt h5 {font-size: 24px;}
	.ci-txt p {font-size: 16px; }
}

@media only screen and (max-width: 768px) {
	.ci-title {margin-top: 40px; margin-bottom: 10px;}
	.ci-symbol {display: block;}
	.ci-symbol dt {width: 100%; margin-right: 0;}
	.ci-symbol dd {width: 100%; font-size: 18px; margin-top: 20px; text-align: center;}
	.ci-symbol dd strong {font-size:13px;}
	.ci-txt h5 {font-size: 20px;}
	.ci-txt p {font-size: 14px;}
	.ci-txt p br {display: none;}
}



/* 복리후생 */
.benefit {margin: -50px 0; display: flex; flex-wrap: wrap;}
.benefit li {width: 25%; font-size: 18px; text-align: center; padding: 50px 0; font-weight: 700; color: #000;}
.benefit li:before {content: ''; display: block; width: 160px; height: 160px; margin: 0 auto 20px; -webkit-border-radius: 50%; border-radius: 50%;}
.benefit li:nth-child(1):before {background: #50546f url('/images/mtl01r-19-0004/benefit_1.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(2):before {background: #50546f url('/images/mtl01r-19-0004/benefit_2.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(3):before {background: #50546f url('/images/mtl01r-19-0004/benefit_3.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(4):before {background: #50546f url('/images/mtl01r-19-0004/benefit_4.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(5):before {background: #50546f url('/images/mtl01r-19-0004/benefit_5.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(6):before {background: #50546f url('/images/mtl01r-19-0004/benefit_6.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(7):before {background: #50546f url('/images/mtl01r-19-0004/benefit_7.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(8):before {background: #50546f url('/images/mtl01r-19-0004/benefit_8.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(9):before {background: #50546f url('/images/mtl01r-19-0004/benefit_9.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(10):before {background: #50546f url('/images/mtl01r-19-0004/benefit_10.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(11):before {background: #50546f url('/images/mtl01r-19-0004/benefit_11.png')no-repeat center center / auto 64px;}
.benefit li:nth-child(12):before {background: #50546f url('/images/mtl01r-19-0004/benefit_12.png')no-repeat center center / auto 64px;}

@media only screen and (max-width: 1280px) {
	.benefit li:before {width: 140px; height: 140px; background-size: auto 56px !important;}
}

@media only screen and (max-width: 980px) {
	.benefit {margin: -30px 0;}
	.benefit li {font-size: 15px; padding: 30px 0;}
	.benefit li:before {width: 120px; height: 120px; background-size: auto 48px !important;}
}

@media only screen and (max-width: 768px) {
	.benefit {margin: -15px 0;}
	.benefit li {font-size: 12px; padding: 15px 0; width: 33.3333%;}
	.benefit li:before {width: 60px; height: 60px; margin: 0 auto 10px; background-size: auto 32px !important;}
}




/* 인재상 */
.talent {display: flex; margin: 0 -1%; padding: 0 30px;}
.talent li {width: 33.3333%; padding: 0 1%;}
.talent li dl {}
.talent li dl dt {margin: 0 -8%; padding-bottom: 100%; position: relative; mix-blend-mode: darken;}
.talent li:nth-child(1) dl dt {background: url('/images/mtl01r-19-0004/talent_outer_1.png')no-repeat center center / cover;}
.talent li:nth-child(2) dl dt {background: url('/images/mtl01r-19-0004/talent_outer_2.png')no-repeat center center / cover;}
.talent li:nth-child(3) dl dt {background: url('/images/mtl01r-19-0004/talent_outer_3.png')no-repeat center center / cover;}
.talent li dl dt span {font-size: 40px; font-weight: 700; color: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.talent li dl dt span:after {content: ''; display: block; width: 100%; height: 88px; margin-top: 30px;}
.talent li:nth-child(1) dl dt span:after {background: url('/images/mtl01r-19-0004/talent_1.png')no-repeat center center / auto 100%;}
.talent li:nth-child(2) dl dt span:after {background: url('/images/mtl01r-19-0004/talent_2.png')no-repeat center center / auto 100%;}
.talent li:nth-child(3) dl dt span:after {background: url('/images/mtl01r-19-0004/talent_3.png')no-repeat center center / auto 100%;}
.talent li dl dd {margin-top: 30px; line-height: 1.8; background: #f1f1f1; padding: 30px 0; text-align: center; font-size: 20px; font-weight: 700; color: #000;}

@media only screen and (max-width: 1280px) {
	.talent li dl dt span {font-size: 30px;}
	.talent li dl dt span:after {height: 76px; margin-top: 20px;}
	.talent li dl dd {font-size: 18px;}
}

@media only screen and (max-width: 980px) {
	.talent li dl dt span {font-size: 20px;}
	.talent li dl dt span:after {height: 56px; margin-top: 10px;}
	.talent li dl dd {font-size: 14px;}
}

@media only screen and (max-width: 768px) {
	.talent {display: block; margin: 0; padding: 0;}
	.talent li {width: 100%; padding: 0; margin-bottom: 40px;}
	.talent li:last-child {margin-bottom: 0;}
	.talent li dl dt {margin: 0 auto; width: 60%; padding-bottom: 60%;}
	.talent li dl dt span {font-size: 18px;}
	.talent li dl dt span:after {height: 40px;}
	.talent li dl dd {font-size: 13px; padding: 20px 0; margin-top: 10px;}
}




/* 인증서 */
.cer-title {margin-top: 100px; margin-bottom: 30px; font-size: 35px; font-weight: 800; color: #000;}
.cer-list {margin: -40px -30px; display: flex; flex-wrap: wrap;}
.cer-list li {width: 33.3333%; padding: 40px 30px;}
.cer-list li a {display: block;}
.cer-list li a div {background: #f4f4f4; padding: 80px 60px; position: relative;}
.cer-list li a div:after {content: ''; opacity: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 6px #f17321; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.cer-list li a:hover div:after {opacity: 1;}
.cer-list li a img {display: block;}
.cer-list li a p {font-size: 20px; margin-top: 20px; text-align: center; font-weight: 700; color: #000;}

@media only screen and (max-width: 1280px) {
	.cer-title {font-size: 30px;}
	.cer-list {margin: -30px -20px;}
	.cer-list li {padding: 30px 20px;}
	.cer-list li a div {padding: 30px;}
	.cer-list li a p {font-size: 16px; margin-top: 15px;}
}

@media only screen and (max-width: 980px) {
	.cer-title {font-size: 24px; margin-top: 80px; margin-bottom: 20px;}
	.cer-list {margin: -20px -10px;}
	.cer-list li {padding: 20px 10px;}
	.cer-list li a div {padding: 20px;}
	.cer-list li a p {font-size: 14px;}
}

@media only screen and (max-width: 768px) {
	.cer-title {font-size: 20px; margin-top: 60px; margin-bottom: 10px;}
	.cer-list {margin: -10px -5px;}
	.cer-list li {padding: 10px 5px; width: 50%;}
	.cer-list li a div {padding: 5px;}
	.cer-list li a p {font-size: 12px; margin-top: 10px;}
}




/* 제품소개 */
.goods-wrap {}
.goods.sub-title {height: auto; padding: 60px 60px 60px 0;}
.goods.sub-title:before {background: linear-gradient(180deg, #E32119 0%, #BE2819 36.16%, #561652 100%);}
.goods.sub-title dl {position: relative; display: flex; align-items: center; justify-content: space-between;}
.goods.sub-title dl dd a {border: solid 1px #fff; padding: 8px 24px; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center;}

.goods-cate {position: relative; margin-bottom: 30px; background: #f5f5f5; display: flex; flex-wrap: wrap;}
.goods-cate li {width: 25%;}
.goods-cate li a {height: 60px; color: #888; font-weight: 500; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.goods-cate li.current a {background: #f17321; color: #fff; font-weight: 700;}

.goods-chk {margin-top: 30px; position: relative; display: flex; flex-wrap: wrap;}
.goods-chk li {margin-right: 30px;}
.goods-chk li:last-child {margin-right: 0;}
.goods-chk li input[type="checkbox"] {}
.goods-chk li input[type="checkbox"]:checked:after {background: none; width: 6px; height: 12px; margin-left: 2px; margin-top: -2px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.goods-chk li input[type="checkbox"] + label {font-weight: 400;}
.goods-search {background: #f9f9f9; padding: 20px;}
.goods-search > div {display: flex; width: 100%; max-width: 480px; margin: 0 auto;}
.goods-search input[type="text"] {display: block; height: 50px; flex-grow: 1; border: solid 1px #dcdcdc; border-right: none; padding: 0 20px;}
.goods-search button {width: 70px; height: 50px; background: #f17321; color: #fff; border: none; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.goods-list {display: flex; flex-wrap: wrap; margin: -60px -10px; padding-top: 60px;}
.goods-list li {width: 25%; padding: 60px 10px;}
.goods-list li.none {width: 100%; padding: 30px; text-align: center;}
.goods-list li a {display: block;}
.goods-list li a em {display: block; padding-bottom: 80%; position: relative;}
.goods-list li a h5 {margin-top: 10px; text-align: center; font-size: 18px; font-weight: 700; color: #000;}
.goods-list li a em:after {content: ''; opacity: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 4px #f17321; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.goods-list li a:hover em:after {opacity: 1;}


.goods-dtl__top {display: flex; align-items: center;}
.goods-dtl__top h4 {flex-grow: 1; font-size: 35px; line-height: 1.3; font-weight: 800; color: #000;}
.goods-dtl__top button {margin-left: 30px; height: 40px; background: #f17321; color: #fff; border: none; padding: 0 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
/* .goods-dtl__top button:after {content: ''; display: block; width: 16px; height: 14px; margin-left: 10px; background: url('/images/mtl01r-19-0004/goods_contact.png')no-repeat center center / cover;} */
.goods-dtl__half {display: flex; margin-top: 60px;}
.goods-dtl__img {width: 50%;}
.goods-dtl__img img {display: block; width: 100%; border: solid 1px #dcdcdc;}
.goods-dtl__img button {display: block; width: 50px; height: 50px; border: none; text-indent: -9999px; margin: 10px auto; background: #ececec url('/images/mtl01r-19-0004/goods_zoom.png')no-repeat center center / 32px auto;}
.goods-dtl__cont {width: 50%; padding-left: 60px;}
.goods-dtl__origin {display: none;}
.goods-dtl__list li {color: #000; display: flex; margin-bottom: 10px; letter-spacing: 0rem;}
.goods-dtl__list li:last-child {margin-bottom: 0;}
.goods-dtl__list li:before {content: ''; display: block; width: 3px; height: 3px; background: #000; margin-right: 10px; margin-top: 10px; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%;}
.goods-dtl__down {margin-top: 70px;}
.goods-dtl__down dt {font-size: 20px; font-weight: 400;}
.goods-dtl__down dd {margin-top: 15px; padding: 20px; background: #f8f8f8;}
.goods-dtl__down dd ul {margin: -10px; display: flex; flex-wrap: wrap;}
.goods-dtl__down dd ul li {width: 50%; padding: 10px;}
.goods-dtl__down dd ul li a {font-size: 14px; display: flex; align-items: center;}
.goods-dtl__down dd ul li a span {display: block; padding-right: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.goods-dtl__down dd ul li a:after {content: ''; display: block; flex-shrink: 0; width: 16px; height: 16px; background: url('/images/mtl01r-19-0004/goods_down.png')no-repeat center center / cover;}
.goods-dtl__back {border-top: solid 1px #333; margin-top: 60px; padding-top: 20px; display: flex; justify-content: flex-end;}
.goods-dtl__back button {height: 40px; border: solid 1px #333; background: none; padding: 0 15px; display: flex; align-items: center; justify-content: center;}

.goods-content {margin-top: 100px;}
.goods-content-header {padding-bottom: 30px; border-bottom: solid 1px #333;}
.goods-content-header h5 {font-size: 35px;}
.goods-content-body {margin-top: 30px;}

.goods-main {margin: -15px; display: flex; flex-wrap: wrap;}
.goods-main li {padding: 15px; width: 25%;}
.goods-main li a {display: block;}
.goods-main li a span {display: block; position: relative;}
.goods-main li a img {display: block; width: 100%;}
.goods-main li a p {text-align: center; margin-top: 10px; color: #000; font-weight: 700;}
.goods-main li a span:after {content: ''; opacity: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 4px #f17321; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.goods-main li a:hover span:after {opacity: 1;}


.goods-dtl__thumb {width: 50%;}
.goods-dtl__big {}
.goods-dtl__big .slick-slide {border: solid 1px #ddd;}
.goods-dtl__small {margin: 30px -30px 0; padding: 0 25px;}
.goods-dtl__small .slick-slide {padding: 0 5px;}
.goods-dtl__small .slick-slide img {display: block; border: solid 1px #ddd;}
.goods-dtl__small .slick-arrow {display: block; position: absolute; top: 0; bottom: 0; width: 25px; border: none; background: none; text-indent: -9999px;}
.goods-dtl__small .slick-prev {left: 0;}
.goods-dtl__small .slick-next {right: 0;}
.goods-dtl__small .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #ccc; position: absolute; left: 50%; top: 50%; margin-top: -6px;}
.goods-dtl__small .slick-prev:after {border-left: solid 2px #ccc; margin-left: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.goods-dtl__small .slick-next:after {border-right: solid 2px #ccc; margin-left: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.goods-dtl__small .slick-arrow:hover:after {border-color: #666;}

.goods-dtl__tb {width: 100%; margin-top: 60px; border-top: solid 1px #333;}
.goods-dtl__tb th,
.goods-dtl__tb td {text-align: center; padding: 10px; border-bottom: solid 1px #ddd; color: #000;}
.goods-dtl__tb thead th {background: #f7f7f7;}
.goods-dtl__tb td {text-align: left;}



@media only screen and (max-width:1280px){
	.goods.sub-title {padding: 40px 60px 40px 0;}
	.goods.sub-title dl dd a {font-size: 14px; padding: 5px 15px;}
	.goods-cate li a {font-size: 14px;}
	.goods-chk li input[type="checkbox"] + label {font-size: 14px;}
	
	.goods-list {margin: -40px -10px;}
	.goods-list li {padding: 40px 10px;}
	.goods-list li a h5 {font-size: 16px;}

	.goods-dtl__top h4 {font-size: 26px;}
	.goods-dtl__top button {padding: 0 10px; font-size: 14px;}
	.goods-dtl__half {margin-top: 40px;}
	.goods-dtl__cont {padding-left: 40px;}
	.goods-dtl__down {margin-top: 60px;}
	.goods-dtl__down dt {font-size: 18px; font-weight: 500;}
	.goods-dtl__down dd {margin-top: 10px;}
	.goods-dtl__down dd ul {margin: 0;}
	.goods-dtl__down dd ul li {width: 100%; padding: 0; margin-bottom: 10px;}
	.goods-dtl__down dd ul li:last-child {margin-bottom: 0;}

	.goods-content {margin-top: 60px;}
	.goods-content-header {padding-bottom: 20px;}
	.goods-content-header h5 {font-size: 26px;}
	.goods-content-body {margin-top: 20px;}

	.goods-dtl__thumb {}
	.goods-dtl__small {margin: 30px -20px 0; padding: 0 15px;}
	.goods-dtl__small .slick-arrow {width: 20px;}

	.goods-dtl__tb {margin-top: 30px;}
	.goods-dtl__tb th,
	.goods-dtl__tb td {padding: 5px;}
}

@media only screen and (max-width:980px){
	.goods.sub-title {padding: 30px 60px 30px 0;}
	.goods.sub-title dl dd a {font-size: 13px; padding: 5px 10px;}
	.goods-cate li {width: 33.3333%;}
	.goods-cate li a {font-size: 13px; height: 50px;}
	.goods-chk {margin-top: 10px; padding-top: 10px; border-top: solid 1px rgba(255,255,255,0.5);}
	.goods-chk li {margin-right: 20px;}
	.goods-search {padding: 15px;}
	.goods-search input[type="text"] {height: 46px; font-size: 14px;}
	.goods-search button {height: 46px;}

	.goods-list {margin: -30px -5px;}
	.goods-list li {padding: 30px 5px; width: 33.3333%;}  
	.goods-list li a h5 {font-size: 14px;}

	.goods-dtl__top h4 {font-size: 20px;}
	.goods-dtl__half {margin-top: 30px;}
	.goods-dtl__list li {font-size: 13px;}
	.goods-dtl__list li:before {margin-top: 8px; margin-right: 8px;}
	.goods-dtl__cont {padding-left: 30px;}
	.goods-dtl__down {margin-top: 40px;}
	.goods-dtl__down dt {font-size: 16px;}
	.goods-dtl__down dd ul li a {font-size: 13px;}

	.goods-content {margin-top: 40px;}
	.goods-content-header {padding-bottom: 15px;}
	.goods-content-header h5 {font-size: 20px;}
	.goods-content-body {margin-top: 15px;}

	.goods-main {margin: -15px -10px;}
	.goods-main li {padding: 15px 10px; width: 33.3333%;}

	.goods-dtl__thumb {}
	.goods-dtl__small .slick-arrow {display: none !important;}

}

@media only screen and (max-width:767px){
	.goods.sub-title {padding: 20px 30px 20px 0;}
	.goods-cate li {width: 50%;}
	.goods-cate li a {font-size: 11px; height: 40px;}
	.goods-chk li input[type="checkbox"] + label {font-size: 13px;}

	.goods-search {padding: 0;}
	.goods-search input[type="text"] {height: 44px; font-size: 14px; padding: 0 10px;}
	.goods-search button {height: 44px; font-size: 14px;} 

	.goods-list {margin: -20px -5px;}
	.goods-list li {padding: 20px 5px; width: 50%;}
	.goods-list li a h5 {font-size: 13px;}

	.goods-dtl__top {display: block;}
	.goods-dtl__top h4 {text-align: center;}
	.goods-dtl__top button {margin-left: auto; margin-right: auto; margin-top: 15px; height: 34px; font-size: 12px;}
	.goods-dtl__top button:after {width: 12px; height: 11px;}
	.goods-dtl__half {display: block; margin-top: 20px;}
	.goods-dtl__img {width: 100%;}
	.goods-dtl__img button {width: 40px; height: 40px; background-size: 24px auto;}
	.goods-dtl__cont {width: 100%; padding-left: 0; margin-top: 30px;}
	.goods-dtl__down {margin-top: 30px;}

	.goods-dtl__back {margin-top: 30px; padding-top: 15px;}
	.goods-dtl__back button {height: 34px; padding: 0 10px; font-size: 12px;}

	.goods-main {margin: -10px -5px;}
	.goods-main li {padding: 10px 5px; width: 50%;}
	
	.goods-dtl__thumb {width: 100%;}
	.goods-dtl__small {margin-top: 10px;}

}




/* 게시판 */
.paginate_regular {margin-top: 50px;}
.board_pagetab {display: flex; align-items: center; justify-content: center;}
.board_pagetab a {display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin: 0 5px; color: #888;}
.board_pagetab span.on a {color: #000; font-weight: 700;}
.board_pagetab a.page-first,
.board_pagetab a.page-prev,
.board_pagetab a.page-next,
.board_pagetab a.page-last {text-indent: -9999px; border: solid 1px #ccc; -webkit-border-radius: 50%; border-radius: 50%;}
.board_pagetab a.page-first {background: url('/images/mtl01r-19-0004/paging_first.png')no-repeat center center / 16px auto;}
.board_pagetab a.page-prev {background: url('/images/mtl01r-19-0004/paging_prev.png')no-repeat center center / 16px auto;}
.board_pagetab a.page-next {background: url('/images/mtl01r-19-0004/paging_next.png')no-repeat center center / 16px auto;}
.board_pagetab a.page-last {background: url('/images/mtl01r-19-0004/paging_last.png')no-repeat center center / 16px auto;}

@media screen and (max-width: 768px) {
	.paginate_regular {margin-top: 30px;}
	.board_pagetab a {width: 32px; height: 32px; margin: 0 2px; font-size: 12px; background-size: 12px auto !important;}
}