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

#subTop {
    z-index: 666;
}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#header.sub_header{background:rgba(255,255,255,1);}
	.sub-tab{height:50px; background:#067139; text-align:center;}
	.sub-tab > ul:after{content:""; display:block; clear:both;}
	.sub-tab li a{display:inline-block; width: 100%; height:50px; text-align:center; line-height:50px; font-size:17px; color:#fff; font-weight:400; border-left:1px solid #004a23;font-weight:300;}
	.sub-tab li.active a{ background:#004a23; font-size:19px;height:60px;line-height:60px;margin-top:-5px;box-shadow: 2px 10px 10px rgba(0,0,0,0.3);font-weight:400;}
	/*.sub-tab.fixed{z-index:555;position:fixed;top:80px;left:0;width:100%;background:#fff;}
	.sub-tab.fixed ul{width:1200px;margin:0 auto;}
	.sub-tab.fixed a{ border-bottom:0;border-top:0;}*/

	.sub-tab > ul{width:1200px;margin:0 auto;}
	.sub-tab > ul li {position: relative; display: inline-block; float: left; width: 20%; height: 50px;}
	.sub-tab > ul.col-1 li{width:100%;}
	.sub-tab > ul.col-2 li{width:50%;}
	.sub-tab > ul.col-3 li{width:33.33%;}
	.sub-tab > ul.col-4 li{width:25%;}
	.sub-tab > ul.col-5 li{width:20%;}
	.sub-tab > ul.col-6 li{width:16.6666%;}


	@media only screen and (min-width:1201px) {
		.sub-tab > ul{margin:0 auto; display: inline-block;}
		.sub-tab li:last-child a{border-right:1px solid #004a23;}
	
	}

	@media only screen and (max-width:1200px) {
		.sub-tab > ul{width:100%;}
		/*.sub-tab.fixed {top: 65px;}*/
		.sub-tab li:first-child a{border-left:0;}

	}
	@media only screen and (max-width:980px) {
		.sub-tab li a.line-2-sub, .sub-tab li a.line-3-sub{line-height:18px;padding:10px 0;}
	}
	@media only screen and (max-width:768px) {
		.sub-tab{height:35px;}
		.sub-tab li a{height:35px; line-height:35px; font-size:13px;}
		.sub-tab li.active a{font-size:14px;height:40px;line-height:40px;margin-top:-2px;}
	
		.sub-tab.line-2-tab{height:85px;}
		.sub-tab > ul.col-6 li{width:33.333%;}

	}

	@media only screen and (max-width:500px) {
		.sub-tab li a{font-size:12px;}
		.sub-tab li.active a{font-size:13px;letter-spacing:-.5px;}
		.sub-tab li.active a.line-2-sub, .sub-tab li.active a.line-3-sub{}
		.sub-tab li.line-2 a{line-height:14px;padding:5px 0;}
		.sub-tab li.line-2.active a{line-height:15px;height:40px;padding:5px 0;}
	}

/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents, .product_top{padding:60px 0px 100px 0;width:1200px;margin:0 auto;font-weight:400;}
	.sub-contents p{white-space:pre-line; word-break:break-all;}

	.sub-visual > div{position:relative; width:100%; height:350px; text-align:center; background:url('/images/mtl01r-19-0004/subtop_image_1.jpg') no-repeat center center/cover;}
	.sub-visual{width:100%;height:auto;position:relative; text-align:center;}
	.sub-visual .subbg_01{width:100%;background:url('/images/mtl01r-19-0004/sub/sub_visual01.jpg') no-repeat center center/cover;}
	.sub-visual .subbg_02{width:100%;background:url('/images/mtl01r-19-0004/sub/sub_visual02.jpg') no-repeat center center/cover;}
	.sub-visual .subbg_03{width:100%;background:url('/images/mtl01r-19-0004/sub/sub_visual03.jpg') no-repeat center center/cover;}
	.sub-visual .subbg_04{width:100%;background:url('/images/mtl01r-19-0004/sub/sub_visual04.jpg') no-repeat center center/cover;}
	.sub-visual .subbg_05{width:100%;background:url('/images/mtl01r-19-0004/sub/sub_visual05.jpg') no-repeat center center/cover;}

	.sub-visual h2{position:absolute; top:48%; bottom:0; left:0; right:0; margin:auto; font-size:50px; color:#fff;text-shadow:1px 1px 1px #000;}
	.sub-visual p.sub_title{position:absolute; top:70%; bottom:0; left:0; right:0; margin:auto; font-size:20px; color:#fff;font-weight:400;}

	#sub-navi{padding:0 0 20px 0;margin-bottom:50px;border-bottom:1px solid #d7d7d7;}
	#sub-navi:after{content:""; display:block; clear:both;}
	#sub-navi h3{font-size:35px;float:left;font-weight:400;color:#222;}
	#sub-navi .navi_list{float:right;margin-top:15px;}
	#sub-navi .navi_list span{display:block-inline;float:left;}
	#sub-navi .bt_home{display:block;width:30px;height:30px;font-size:0;background:url('/images/mtl01r-19-0004/sub/icon_home.png') no-repeat 0 5px; padding:10px 10px 2px 10px;}
	#sub-navi span{color:#666;background:url('/images/mtl01r-19-0004/sub/icon_navi.png') no-repeat left 50%;padding:0 10px 0 20px;line-height:170%;font-weight:300;}
	#sub-navi span.last{padding-right:0;font-weight:400;}

	@media only screen and (max-width:1200px) {
		#subContents, .product_top{padding:50px 0px 80px 0;width:95%;margin:0 auto;font-size:15px;}

	
	}
	@media only screen and (max-width:980px) {
		#subContents, .product_top{padding:40px 0px 60px 0;font-size:14px;}

		#sub-navi{padding:0 0 20px 0;margin-bottom:30px;}
		#sub-navi h3{font-size:30px;}
		.sub-visual > div{height:250px;}
		.sub-visual h2{font-size:40px;}
		.sub-visual p.sub_title{top:70%;font-size:17px;}
	
	}
	@media only screen and (max-width:768px) {
		#subContents, .product_top{padding:30px 0px 50px 0;}
		/* .sub-contents p{font-size:14px; white-space:normal; word-break:break-word;} */
		#sub-navi{padding:0 0 10px 0;margin-bottom:20px;}
		#sub-navi h3{font-size:25px;}
		#sub-navi .bt_home{width:20px;padding:10px 0 2px 0px;}
		#sub-navi span{padding:0 7px 0 10px;line-height:170%;font-weight:300;font-size:13px;}
		.sub-visual > div{height:200px;}
		.sub-visual h2{font-size:30px;}
		.sub-visual p.sub_title{font-size:14px;font-weight:300;}

	}

#subContents {
	overflow:hidden;
}

.sub-contents-w100 {
    width: 100%;
    margin: 60px auto 0;
}

.sub-contents {
    max-width: 1200px;
    margin:60px auto 0;
}
@media only screen and (max-width:768px) {
	.sub-contents {margin:30px auto 0;}
}

#subContents .tit {
    text-align: center;
    position: relative;
}

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

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


/* ---------------- 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: 500px;
    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: #1c9e75;
    left: -6px;
    top: -37px;
    opacity: 0.8;
}

.sub1-1 .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-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: #1c9e75;
    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 0px 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 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 130px;
}

.sub1-2 .cont_1 .map-info dl {
    display: block;
    padding: 60px 50px;
    border: 1px solid #d2d2d2;
    position: absolute;
    width: 100%;
    top: -50px;
    background: #fff;
    z-index: 1;
}

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

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

.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: 44px;
}

.sub1-2 .cont_1 .map-info dl dd em {
    font-style: normal;
    color: #41af71;
    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: #41af71;
    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: #41af71;
    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: #1c9e75;
    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;
}

.cont.mgb50{
    margin-bottom: 70px;
}
.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: #1c9e75;
}

.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: #1c9e75;
    top: 0;
    left: 0;
}

.sub-box-inner._right.txt-frame:before {
    position: absolute;
    width: 1px;
    height: 166px;
    content: "";
    display: block;
    background-color: #1c9e75;
    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 #1c9e75;
}
.whois-board-list .whois-board-row .whois-board-row-noti {
	background: #1c9e75 !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: #999;
    -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: #000;
}


/* 게시판 공통 */

.whois-board-list .sub-box {
	margin-right:5px;
	background-color: #1c9e75;
	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: #1c9e75;
}

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

	.list-inline{background:#f9f9f9;padding:20px 0;}/*border:1px solid #d9dee2;*/
		.paginate_regular .board_pagetab span a{padding:5px 10px;margin:0 5px 0;background:#3cb878;color:#fff;font-size:14px;}

	    @media only screen and (max-width: 980px) {

		.list-inline{padding:10px 0;}
		.list-inline input, .list-inline select, .list-inline button{font-size:13px;}


        }
/* ********************************************************************* 로그인/회원가입 관련 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{display:block; color:#bbb; cursor:pointer; transition:0.5s all ease;}
.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{content:"\e165";}
.chkbox input[type='checkbox']~.box:before{content:"\e013";}
.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;}

.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:1200px) {
	.sub1-2 .cont_1 .map-info dl {padding:40px 30px;}
	.sub1-2 .cont_1 .map-info dl dt{width:17%;}
	.sub1-2 .cont_1 .map-info dl dd{font-size:18px;padding-left:20px;}
}


@media only screen and (max-width: 1024px) {
    h2.title-divider {
        font-size: 2rem;
    }
    #content {
        padding: 15px 0;
    }
    #subContents {
        margin-top: 0;
		padding:50px 0;
    }
	.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;
    }

    #subContainer {
        overflow: hidden;
    }
    .sub1-1 .cont_1 .text_frame span {
        padding: 0 15px;
        word-break: keep-all;
    }
  
    #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 .cont_1 .map-info{height:auto;min-height:160px;margin-bottom:20px;}
	.sub1-2 .cont_1 .map-info dl {padding:40px 30px;}

    .sub1-2 .map-info dl {
        padding: 30px !important;
    }
    .sub1-2 .map-info dl dt{text-align:center;margin-bottom:10px;}
    .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 .cont_1 .map-info dl dd{height:auto;}
    .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-contents-w100 {
        margin-top: 60px;
    }
    #subContents{padding:30px 0;}
    #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;
    }

    .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;
    }
}

/* sub contents
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.bg_box{background:#f7f7f7;padding:20px 35px;word-break:keep-all;} /* 색상 박스 */
.bg_box_gray{background:#f8f8f8;clear:both;word-break:keep-all;padding:15px 20px;}
.bg_box_yellow{background:#fffdf6;clear:both;word-break:keep-all;padding:15px 20px;}
.bg_box:after{content:""; display:block; clear:both;}

.border_box{border:1px solid #e1e1e1;padding:20px;word-break:keep-all;}/* 라인 박스 */
.border_box_img{border:1px solid #e1e1e1;padding:0px;word-break:keep-all;text-align:Center;}/* 이미지 라인 박스 */
.bdt_gray{border-top:1px solid #ccc;margin-top:25px;padding:20px;word-break:keep-all;} /* 라인 탑 박스 */
.icon_notice{background:url('/images/mtl01r-19-0004/sub/hint_img.gif') no-repeat 0 5px;padding:0px 0px 10px 25px;} /* 공지사항 박스 */
.icon_notice02{position:relative;padding:0px 0px 10px 30px;} /* 공지사항 박스 */
.icon_notice02:before{position:absolute;left:0;top:4px;display:block;content:'\f12a';font-family:'FontAwesome';clear:both;background:#ffbb32;color:#fff;border-radius:50%;font-size:14px;width:20px;height:20px;text-align:center;}
span.m_inline {display:block;} /* pc여러줄(mobile 한줄) */

a.btn_go{padding:10px 20px;font-size:14px;background:#99cc33;color:#fff;margin-left:20px;}
a.btn_go:hover{background:#619100;}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:980px) {
	.bg_box{padding:30px;}
	.icon_notice{background-size:15px;padding:10px 0px 5px 30px;}
}

@media only screen and (max-width:768px) {
	.bg_box{padding:25px;}
	.bg_box_gray{padding:10px 15px;}
	span.m_enter {display:block;}/* 모바일에서 block */
	span.m_inline {display:inline;}/* mobile 한줄(pc여러줄) */
	
	a.btn_go{padding:3px 5px;font-size:12px;}
}


/* SUB TITLE
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
h2.title_h2{position:relative;font-size:25px;line-height:1;color:#000;margin:0px 0 30px 0;}
h2.title_h2:before{content:'';display:block;width:23px;height:2px;background:#000;margin:0 0 10px 0;}
h3.title_h3{position:relative;font-size:23px;font-weight:400;padding:0 0 0px 30px;color:#000;color:#222; letter-spacing:-0.02rem}
h3.title_h3:before{position:absolute;top:2px;left:3px;display:block;content:"";border:5px solid #04572c;border-radius:50%;width:20px;height:20px;}
h4.title_h4{position:relative;font-size:18px;padding:0 0 30px 30px;color:#000;font-weight:400;background:url('/images/mtl01r-19-0004/sub/icon_h4.png') no-repeat 10px 0px;}
h5.title_h5{position:relative;font-size:17px;font-weight:bold;padding:0 0 15px 25px;color:#000;}
h5.title_h5:before{position:absolute;top:2px;left:3px;display:inline;content:"●";color:#bd7b35;font-size:15px;}

/*h5.title_h5:before{position:absolute;left:0px;top:3px;content:'';font-weight:900;font-size:20px;color:#0f5ccc;border-radius:25px;background:#0f5ccc;width:4px;height:20px;}
h4.title_h4{font-size:20px;background:url('/images/kor06r-18-0404/sub/icon_h3.png') no-repeat 0 7px;font-weight:500;padding:5px 0 20px 30px;color:#000:}*/
h5.title_h5:before{position:absolute;top:3px;left:0;display:inline;content:"●";color:#2b7df0;font-size:10px;}
h6.title_h6{position:relative;font-size:16px;font-weight:400;padding:0 0 15px 15px;color:#000:}
h6.title_h6:before{position:absolute;left:0;top:5px;display:block;width:50px;height:10px;content:"";background:url('/images/mtl01r-19-0004/sub/icon_ul.png') no-repeat;}

ul.bu01{}
ul.bu01 li, .bu01 span{display:block;position:relative;padding:3px 0px 2px 15px;background:url('/images/mtl01r-19-0004/sub/icon_ul.png') no-repeat 0 8px;word-break:keep-all;} 
ul.bu01 li em{font-style:normal;} 
ul.bu01.inline-s li{padding:3px 15px 2px 10px;background:url('/images/mtl01r-19-0004/sub/icon_ul.png') no-repeat 0 6px;display:inline;cursor:pointer;} 

ul.bu02:after{content:""; display:block; clear:both;}
ul.bu02 li{position:relative;float:left;padding:0px 0px 3px 13px;} 
ul.bu02 li:before{position:absolute;top:-3px;left:0;content:'-';font-size:20px;margin:0 5px 0 0;}

ol.num01{}
ol.num01 > li{position:relative;padding:3px 0px 5px 25px;word-break:keep-all;}
ol.num01 > li span.num_style02{position:absolute;left:0;top:5px;display:inline-block;background:#5e9941;color:#fff;font-family:"Malgun Gothic", sans-serif;font-weight:600;border-radius:20px;padding:4px 6px;font-size:12px;line-height:10px;margin-right:10px;}


ol.ol_s{}
ol.ol_s li {position:relative;padding:5px 0 5px 30px;word-break:keep-all;}
ol.ol_s li span{position:absolute;left:0;display:inline-block;width:20px;height:20px;background:#567cb3;border-radius:20px;font-size:14px;color:#fff;text-align:center;margin-right:10px;font-family: 'Titillium Web',sans-serif; font-weight:400;}

@media only screen and (max-width:980px) {
	h2.title_h2{font-size:23px;margin:0px 0 20px 0;}
	h2.title_h2:before{width:18px;margin:10px 0;}
	
	h3.title_h3{font-size:21px;}
	h3.title_h3:before{top:3px;}

	h4.title_h4{font-size:17px;padding:0px 0 10px 25px;}
	h5.title_h5{font-size:16px;}
	ul.bu01 li{padding:3px 0px 2px 12px;background-size:5px;} 
	ul.bu01.inline-s li{padding:3px 10px 2px 10px;background-size:5px;} 
	
	ul.bu02 li:before{position:absolute;top:-4px;font-size:17px;}
}


@media only screen and (max-width:760px) {
	h2.title_h2{font-size:20px;}
	h2.title_h2:before{width:15px;margin:0 0 10px 3px;}
	
	h3.title_h3{font-size:18px;padding:0 0 0 25px;}
	h3.title_h3:before{top:2px;width:15px;height:15px;border:4px solid #04572c;}
}



@media only screen and (max-width:500px) {
	h2.title_h2{font-size:18px;}
	h2.title_h2:before{width:13px;margin:0px 0 8px 2px;}
	
	h3.title_h3{font-size:16px;padding:0 0 0 20px;}
	h3.title_h3:before{top:2px;width:13px;height:13px;border:3px solid #04572c;}
}


/* Sub Tab (서브 게시판 탭, 3dpeth)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.sub_3depth{width:100%;background:#fff;margin-bottom:30px;padding-top:30px;}
.sub_3depth ul:after{content:""; display:block; clear:both;}
.sub_3depth ul li{float:left;text-align:center;border-right:1px solid #ddd;}
.sub_3depth ul li:last-child{border-right:0;}
.sub_3depth ul.col2 li{width:50%;}
.sub_3depth ul.col3 li{width:33.333%;}
.sub_3depth ul.col5 li{width:20%;}
.sub_3depth ul.col10 li{width:10%;}
.sub_3depth ul li a{display:block;width:100%;color:#777;height:60px;line-height:60px;border-top:0;font-size:15px;font-weight:500;background:#eee;}
.sub_3depth ul li a.on, .sub_3depth ul li.active a{color:#fff !important;font-size:17px;background:#3cb878;}


@media only screen and (max-width:980px) {
	.sub_3depth ul li a{font-size:18px;height:50px;line-height:50px;}
	.sub_3depth ul li a.on, .sub_3depth ul li.active a{font-size:20px;}
	.sub_3depth ul.col5{border-right:1px solid #ccc;}
	.sub_3depth ul.col5 li{width:33.333%;}
	.sub_3depth ul.col5 li:last-child{width:66.666%;}
}


@media only screen and (max-width:768px) {
	.sub_3depth{margin-bottom:20px;}
	.sub_3depth ul li a{font-size:16px;height:45px;line-height:45px;}
	.sub_3depth ul li a.on, .sub_3depth ul li.active a{font-size:18px;}
	.sub_3depth ul li a.on.long_txt{font-size:17px;letter-spacing:-.5;}
}


@media only screen and (max-width:500px) {
	.sub_3depth ul li a{font-size:13px;font-weight:400;}
	.sub_3depth ul li a.on, .sub_3depth ul li.active a{font-size:16px;letter-spacing:-.5;}
	.sub_3depth ul li a.on.long_txt{font-size:13px;letter-spacing:-.5;}
}



/* 준비중입니다. */
.ing_box{width:100%;background:url('/images/mtl01r-19-0004/sub/img_inc_bg.gif') repeat center;padding:100px 0;margin:30px 0;text-align:center; }
.ing_box div{opacity:1;margin-top:30px;}
.ing_box div img{width:120px;opacity:0.4;}
.ing_box p{font-size:35px;font-weight:500;color:#333;margin:10px 0 5px 0 ;font-family:'S-CoreDream', sans-serif !important;}
.ing_box span{font-size:20px;font-weight:500;letter-spacing:5px;color:#cc3300;}

@media only screen and (max-width:980px) {
	.ing_box p{font-size:25px;}
	.ing_box span{font-size:15px;letter-spacing:2px;}
}

.no-data{text-align:center; line-height:100px;color:#222}


/*  회사소개 */
.sub0101{position:relative;background:url('/images/mtl01r-19-0004/sub/01/img0101.jpg') no-repeat center 580px;}
.sub0101 .box_company{width:90%;background:#fff;padding:50px 50px 50px;margin:0 auto;box-shadow:0px 15px 15px rgba(0,0,0, 0.2);border-top:1px solid #eee;}
.sub0101 .box_company .t_company{border-top:1px solid #222;width:80%;margin:0 auto;}
.sub0101 .t_company > li{border-bottom:1px solid #ddd;padding:15px 10px;font-size:16px;}
.sub0101 .t_company > li dl:after{content:""; display:block; clear:both;}
.sub0101 .t_company > li dl dt{width:20%;float:left;font-weight:500;}
.sub0101 .t_company > li dl dd{width:80%;float:left;}
.sub0101 .tit_company{font-size:40px;font-weight:500;text-align:center;}
.sub0101 .con_company{margin:20px 0;font-size:18px;font-weight:300px;word-break:keep-all;}

.sub0101 .company_style{width:100%;padding:80px 0 60px 0;text-align:center;color:#fff;}
.sub0101 .company_style .com_style_list{width:60%;margin:30px auto 30px auto;}
.sub0101 .company_style .com_style_list:after{content:""; display:block; clear:both;}
.sub0101 .company_style .com_style_list li{float:left;width:33.333%;text-align:center;padding:100px 0 0 0;color:#fff;border-left:1px solid rgba(255,255,255,0.1);}
.sub0101 .company_style .com_style_list li:nth-child(1){background:url('/images/mtl01r-19-0004/sub/01/img0101_icon01.png') no-repeat center;border:0;}
.sub0101 .company_style .com_style_list li:nth-child(2){background:url('/images/mtl01r-19-0004/sub/01/img0101_icon02.png') no-repeat center ;}
.sub0101 .company_style .com_style_list li:nth-child(3){background:url('/images/mtl01r-19-0004/sub/01/img0101_icon03.png') no-repeat center ;}

.vision_box{text-align:center;padding:30px 0 60px 0;text-align:center;color:#333;}
.vision_box .tit_company{position:relative;}
.vision_box .con_company{width:70%;margin:20px auto;}
.vision_box .tit_company:after{position:absolute;top:35px;left:8%;display:block;content:'"'; font-size:100px;color:#000;font-weight:700;}
.vision_box .tit_company:before{position:absolute;top:35px;right:8%;display:block;content:'"'; font-size:100px;color:#000;font-weight:700;}

.business_box{background:#f0f0f0;padding:70px 0 60px 0;text-align:center;}
.business_box .business_list{width:80%;margin:20px auto;}
.business_box .business_list:after{content:""; display:block; clear:both;}
.business_box .business_list li{float:left;width:31.333%;background:#fff;margin:1% 1%;padding:30px 30px 0 30px;min-height:210px;color:#333;}
.business_box .business_list li:before{content:'';display:block;width:100px;height:100px;border-radius:50%;margin:0 auto 20px auto;}
.business_box .business_list li:nth-child(1):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon04.png') no-repeat center;}
.business_box .business_list li:nth-child(2):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon05.png') no-repeat center;}
.business_box .business_list li:nth-child(3):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon06.png') no-repeat center;}
.business_box .business_list li:nth-child(4):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon07.png') no-repeat center;}
.business_box .business_list li:nth-child(5):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon08.png') no-repeat center;}
.business_box .business_list li:nth-child(6):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon09.png') no-repeat center;}
.business_box .business_list li:nth-child(7){background:#eafff2;}
.business_box .business_list li:nth-child(7):before{background:#fff url('/images/mtl01r-19-0004/sub/01/img0101_icon10.png') no-repeat center;}
.business_box .business_list li:nth-child(8):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon11.png') no-repeat center;}
.business_box .business_list li:nth-child(9):before{background:#f5f5f5 url('/images/mtl01r-19-0004/sub/01/img0101_icon12.png') no-repeat center;}



@media only screen and (max-width:1200px) {
	.sub0101{background-size:100% 580px;}
	.sub0101 .box_company{padding:40px 60px 60px;}
	.sub0101 .box_company .t_company{width:85%;}

	.sub0101 .tit_company{font-size:35px;}
	.sub0101 .con_company{margin:18px auto;font-size:16px;}
	
	.sub0101 .company_style{padding:60px 0 50px 0;}

	.vision_box .con_company{width:80%;}
	.vision_box .tit_company:after{left:5%;font-size:70px;}
	.vision_box .tit_company:before{right:5%;font-size:70px;}

	.business_box .business_list{width:85%;}
}


@media only screen and (max-width:980px) {
	.sub0101{background-size:100% 500px;background:none;}
	.sub0101 .box_company{padding:30px 40px 40px;}
	.sub0101 .box_company .t_company{width:90%;}
	.sub0101 .t_company > li{border-bottom:1px solid #ddd;padding:15px 10px;font-size:15px;}

	.sub0101 .tit_company{font-size:33px;}
	.sub0101 .con_company{margin:18px auto;font-size:15px;}

	.sub0101 .company_style{padding:60px 0 40px 0;background:url('/images/mtl01r-19-0004/sub/01/img0101.jpg') no-repeat center top;}

	.vision_box .con_company{width:90%;}
	.vision_box .tit_company:after{left:1%;font-size:60px;}
	.vision_box .tit_company:before{right:1%;font-size:60px;}

	.business_box{background:#f0f0f0;padding:50px 0 40px 0;text-align:center;}
	.business_box .business_list{width:90%;}
	.business_box .business_list li:before{width:80px;height:80px;margin:0 auto 15px auto;}

}

@media only screen and (max-width:500px) {
	.sub0101{background-size:100% 400px;background-position:center 570px;}
	.sub0101 .box_company{padding:15px 0;}
	.sub0101 .t_company  >  li{padding:10px 10px;font-size:14px;}
	.sub0101 .t_company  > li dl dt{width:100%;float:none;}
	.sub0101 .t_company  > li dl dd{width:100%;float:none;}

	.sub0101 .tit_company{font-size:30px;}
	.sub0101 .con_company{margin:15px auto;font-size:14px;}

	.sub0101 .company_style{padding:60px 0 20px 0;}

	.vision_box{padding:30px 0 40px 0;}
	.vision_box .tit_company:after{top:20px;left:1%;font-size:50px;}
	.vision_box .tit_company:before{top:20px;right:1%;font-size:50px;}

	.business_box{background:#f0f0f0;padding:40px 0 30px 0;text-align:center;}
	.business_box .business_list{width:95%;}
	.business_box .business_list li:nth-child(1){width:100%;}
	
	.business_box .business_list li{width:100%;height:auto;min-height:140px;margin:.5% 0%;padding:20px 10px 0 10px;}
	.business_box .business_list li:before{width:70px;height:70px;background-size:100%;margin:0 auto 5px auto;}

}

/*  인사말 */
.sub0102 .ceo_invite {display: table;width: 100%;}
.sub0102 .img_box, .ceo_content {display: table-cell;}
.sub0102 .img_box {width: 49%;vertical-align: top;text-align:right;}
.sub0102 .img_box img {display: block;max-width: 100%;height: auto;}
.sub0102 .ceo_content {width: 51%;vertical-align: middle;}
.sub0102 .ceo_content > h2 {font-size: 40px;font-weight: 200;line-height: 1.22;color: #222;}
.sub0102 .ceo_content > p {padding-top: 30px;font-size: 16px;line-height: 1.75;color: #555;}
.sub0102 .ceo_content > p + p {padding-top:30px;}
.sub0102 .ceo_content > span {display: block;padding-bottom: 13px;font-size: 30px;font-weight: 200;line-height: 1.22;letter-spacing: -0.025em;color: #222;}
.sub0102 .middle_grid_controler {margin-top: 35px;font-size: 0;line-height: 1;}


@media only screen and (max-width:1200px) {
	.sub0102 .ceo_content > h2 {font-size: 35px}
}

@media only screen and (max-width:980px) {
	.sub0102 .ceo_content > h2 {font-size: 32px}
	.sub0102 .ceo_content > p {font-size: 14px;}
}

@media only screen and (max-width:768px) {
	.sub0102 .ceo_invite {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.sub0102 .img_box {display: block;width: 100%;height: 0;padding-top: 60%;position: relative;overflow: hidden;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
	.sub0102 .img_box img {width: 100%;position: absolute;top: -50%;}
	.sub0102 .ceo_content {display: block;width: 100%;-ms-flex-order: 2;-webkit-order: 2;-webkit-box-ordinal-group: 3;order: 2;padding-top: 22px;}
	.sub0102 .ceo_content > h2 {font-size: 24px;line-height: 1.35;}
	.sub0102 .ceo_content > p {padding-top: 10px;font-size: 14px;line-height: 1.6;}
	.sub0102 .ceo_content > span {padding-bottom: 7px;font-size: 15px;}
	.sub0102 .middle_grid_controler {margin-top: 18px;}
}


/*조직도*/
.org { position:relative;margin:0 auto; padding:40px; border:1px solid #dadada; background:#fafafa;/**/ z-index:0;}
.org .txt_box{position:absolute;top:-30px;left:110%;width:310px;border-radius:20px;background:#fcfffd;border:2px solid #aaebbe;padding:15px 30px;color:#777;font-size:14px;font-weight:400;text-align:left;}
.org .txt_box:before{position:absolute; content:"";  z-index:1; left:-25px; top:48%; height:2px;width:25px;background:#aaebbe;}
.org .txt_box em{font-style:normal;font-weight:500;}

.org:before { content:"";  z-index:1; position:absolute; left:50%; top:40px; width:1px; height:calc(100% - 614px); background:#dadada; }
.org > ul > li { position:relative; z-index:100; margin-bottom:20px; }
.org > ul > li:after { content:""; display:block; clear:both; }
.org > ul > li  div { position:relative; z-index:100; }
.org li dt div { width:100%; padding:15px 0;  font-weight:500; text-align:center; border-radius:30px; }
.org li ul { position:relative; padding-top:10px; }
.org li ul:before { position:absolute; z-index:1; content:""; left:50%; top:0; width:1px; height:100%; background:#dadada; }
.org li li { position:relative; z-index:100; margin-bottom:5px; padding:15px 0; color:#555; border-radius:30px; text-align:center; background:#e9e9e9; }
.org li li:last-child { margin-bottom:0; }
.org .depth1 div { margin:0 auto; width:150px; padding:20px 0;font-weight:500; text-align:center; background:#067139; color:#fff; border-radius:60px; }
.org .depth2 { margin:0 auto 20px; width:57.5%; }
.org .depth2:before { content:""; position:absolute; left:0; top:50%; width:50%; height:1px; background:#dadada; }
.org .depth2 div { width:25.7%; padding:15px 0;  font-weight:500; text-align:center; background:#1AA9B0; color:#fff; border-radius:30px; float:left;  }
.org .depth3 { margin:0 auto 20px; width:57.5%; }
.org .depth3:before { content:""; position:absolute; right:0; top:50%; width:50%; height:1px; background:#dadada; }
.org .depth3 div { width:25.7%; padding:15px 0;  font-weight:500; text-align:center; background:#1AA9B0; color:#fff; border-radius:30px; float:right;  }
/*.org .depth3 div { margin:0 auto; width:15%; font-weight:500; padding:15px 0; text-align:center; background:#5d9a73; color:#fff; border-radius:30px; }*/
.org .depth4:before { content:""; position:absolute; left:12.5%; top:-25px; width:75%; height:1px; background:#dadada; }
.org .depth4 {margin-top:50px; }
.org .depth4 .left-box{position:absolute;top:0px;left:0;}
.org .depth4 .left-box div {padding:15px;  font-weight:500; text-align:center; background:#739ebe; color:#fff; border-radius:30px; float:right;  }
.org .depth4 > div { float:left; padding:0px; position:relative; width:25%; margin:0 auto; }
.org .depth4 dl {float:left; width:100%; margin:0;}
.org .depth4 dl:nth-of-type(2) { float:right; }
.org .depth4 dt div { width:80%; background:#339361; color:#fff; margin:0 auto; }
.org .depth4 dd ul{width:100%;padding-top:20px;}
.org .depth4 dd ul:before{height:118%;top:-75px;}
.org .depth4 dd:before {content:""; position:absolute; left:24.5%; top:50%; width:56.3%; height:1px; background:#dadada;display:none; }
.org .depth4 dd li{width:80%;margin:0 auto 10px auto;}
.org .depth4 dd li.s_point{background:#aaebbe;color:#226140;font-weight:500;}
.org .depth4 dd li:before { position:absolute; z-index:1; content:""; left:52%; top:-20px; width:1px; height:50%; background:#dadada; display:none;}


@media only screen and (max-width:1200px) {
	.org:before {height:229px;}

}


@media only screen and (max-width:980px) {
		.org:before {height:225px;}

}

@media only screen and (max-width:768px) {
	.org { padding:20px 10px; }
	.org:before {height:135px;}
	.org .txt_box{top:-25px;width:270px;border-radius:15px;padding:5px 15px;}
	.org .txt_box span{padding-bottom:0;font-size:13px;}

	.org > ul > li { position:relative; margin-bottom:20px; }
	.org li dt div { padding:5px 0; font-size:13px; border-radius:5px; letter-spacing:-1px;}
	.org li li { margin-bottom:5px; padding:5px 0;border-radius:5px; font-size:13px; }
	.org li li:last-child { margin-bottom:0; }
	.org .depth1 div { margin:0 auto; width:100px; padding:15px 0;letter-spacing:-1px;border-radius:20px;  }
	.org .depth2 { width:70%;margin-bottom:0px; }
	.org .depth2:before { top:50%; width:50%; }
	.org .depth2 div { width:30%; padding:5px 0; border-radius:5px; letter-spacing:-1px; }
	.org .depth3 { width:70%;margin-bottom:0px; }
	.org .depth3 div { width:30%; padding:5px 0; border-radius:5px; letter-spacing:-1px; }
	.org .depth4 > div { float:left; padding:0px; position:relative; width:25%; margin:0 auto;}
	.org .depth4:before { left:12.5%;}
	.org .depth4 .left-box{position:absolute;top:40px;left:0;font-size:12px;}
	.org .depth4 .left-box div {padding:5px;border-radius:5px;  }
	.org .depth4 { margin-bottom:0;}
	.org .depth4 dl {width:90%; margin:0 5%;}
	.org .depth4 dt div{width:100%;}
	.org .depth4 dd ul{width:100%;padding-top:10px;}
	.org .depth4 dd ul:before{top:-53px;}
	.org .depth4 dd.m_dd:before {width:50%;left:0%;top:30%;display:none;}
	.org .depth4 dd li:before {display:none; }
	.org .depth4 dd li{float:none;width:100%;margin:0;margin:5px 0;}
}


@media only screen and (max-width:500px) {
	.org:before {height:calc(100% - 375px);}
	.org .txt_box{left:120%;width:230px;border-radius:5px;padding:5px 10px;}
	.org .txt_box:before{ left:-16px;width:16px;}
	.org .txt_box span{font-size:12px;}
	.org .depth1 div {  padding:10px 0;border-radius:7px;}
	.org .depth4 dd li{font-size:12px;}
	.org .depth4 dd li.s_point{font-size:11px;}
}


/* 성능점검대행 프로세스(절차) */
.sub0201:after { content:""; display:block; clear:both; }
.sub0201  > div.process_step{position:relative;width:30%;float:left;border:1px solid #eee;}
.sub0201  > div.process_step:nth-child(2){margin:0 5%;}
.sub0201  > div.process_step:nth-child(3){float:right;}
.sub0201 .process_step .process_box{width:85%;margin:0 auto;padding:30px 0;}
.sub0201 .process_step:after{position:absolute;right:-40px;top:300px;content:'\f054';font-family:'FontAwesome';font-size:40px;color:#39A36C;}
.sub0201 .process_step:nth-child(3):after{display:none;}
.sub0201 .process_step .step_tit{background:#f5faf7;border:2px solid #08a353;text-align:center;padding:10px 0;font-size:20px;font-weight:800;font-family: 'NanumSquare', sans-serif !important;border-radius:50px;margin-bottom:20px;}
.sub0201 .process_step .step_img{margin-bottom:20px;}
.sub0201 .process_step .step_img img{width:100%;border-radius:30px;}
.sub0201 .process_step .process_tit{width:100%;border-radius:30px;color:#fff;background:#08a353;text-align:center;padding:10px 0;font-size:20px;font-weight:500;border-radius:50px;margin-bottom:17px;}
.sub0201 .process_step ol{background:#f5faf7;padding:20px;border-radius:10px;min-height:300px;}
.sub0201 .process_step ol li{font-size:14px;letter-spacing:-.5px;}

@media only screen and (max-width:980px) {
	.sub0201 .process_step .process_box{width:88%;margin:0 auto;padding:20px 0;}
	.sub0201 .process_step:after{right:-30px;top:270px;font-size:30px;}

	.sub0201 .process_step .step_tit{padding:7px 0;font-size:18px;margin-bottom:15px;}
	.sub0201 .process_step .step_img{margin-bottom:15px;}
	.sub0201 .process_step .step_img img{border-radius:20px;}
	.sub0201 .process_step .process_tit{padding:7px 0;font-size:18px;margin-bottom:15px;}
	.sub0201 .process_step ol{padding:15px;}
}

@media only screen and (max-width:768px) {
	.sub0201  > div.process_step{position:relative;width:100%;float:none;}
	.sub0201  > div.process_step:nth-child(2){margin:50px 0;}
	.sub0201  > div.process_step:nth-child(3){float:none;}

	.sub0201 .process_step .process_box{width:95%;}
	.sub0201 .process_step:after{display:none;}
	.sub0201 .process_step:before{position:absolute;left:48%;bottom:-40px;content:'\f078';font-family:'FontAwesome';font-size:23px;color:#39A36C;}
	.sub0201 .process_step:nth-child(3):before{display:none;}
	.sub0201 .process_step .step_tit{font-size:17px;}
	.sub0201 .process_step .process_tit{font-size:16px;}
	.sub0201 .process_step .img_box{float:left;width:30%;}
	.sub0201 .process_step .txt_box{float:right;width:65%;}
	.sub0201 .process_box:after { content:""; display:block; clear:both; }
	.sub0201 .process_step ol{padding:10px;min-height:auto;}
	
}

@media only screen and (max-width:500px) {
	.sub0201 .process_step .process_box{width:90%;}
	.sub0201 .process_step .img_box{float:none;width:100%;}
	.sub0201 .process_step .txt_box{float:none;width:100%;}
}


/* 20250512 추가 */
/* 적용대상 */
.ict-scope {}
.ict-scope dt {}
.ict-scope dt p{ font-weight: 400; padding: 10px 0 20px 32px;}
.ict-scope dd {}
.ict-scope dd table {border-top: solid 2px #000; width: 100%;}
.ict-scope dd th,
.ict-scope dd td {border-bottom: solid 1px #cfcfcf; color: #000; font-size: 18px; padding: 25px;}
.ict-scope dd th {font-weight: 700;}
.ict-scope dd td {font-weight: 300;}

@media screen and (max-width: 1280px) {
	#section08{height: auto !important;}
	#section08 section > div.page01{display: block !important;}
	#section08 section > div.page02{display: block !important;}
	#section08 section > div.page04 .cont p{font-size: 14px;}
	#section08 .cont{width: 100%;}
	.ict-scope dt {width: 40%;}
	.ict-scope dt h4 {font-size: 24px;}
	.ict-scope dt h4 strong {font-size: 36px;}
	.ict-scope dt p{padding-bottom: 0px; font-size: 14px;}
	.ict-scope dd {width: 60%;}
	.ict-scope dd th,
	.ict-scope dd td {font-size: 14px; padding: 15px;}
}

@media screen and (max-width: 768px) {
	.ict-scope {display: block;}
	.ict-scope dt {width: 100%;}
	.ict-scope dt h4 {font-size: 18px;}
	.ict-scope dt h4 strong {display: inline; font-size: 18px; margin-left: 4px;}
	.ict-scope dd {width: 100%; margin-top: 10px;}
	.ict-scope dd th,
	.ict-scope dd td {font-size: 13px; padding: 10px;}
}

/* 점검대상 */
.ict-check {} /*border-top: solid 1px #c5c5c5; padding-top: 30px;*/
.ict-check ul {display: flex; margin: 0 -8px;}
.ict-check ul li {width: 25%; padding: 0 8px;}
.ict-check ul li dl {padding: 20px; background: #f7f7f7; height: 100%; display: flex; flex-direction: column; border: 1px solid #000;}
.ict-check ul li dl dt {font-size: 20px; color: #000; text-align: center;}
.ict-check ul li dl dd {flex-grow: 1; margin-top: 10px; color: #000;}
.ict-check ul li dl dd p {margin-top: 10px; text-align: center;}

@media screen and (max-width: 1280px) {
	.ict-check ul {margin: 0 -4px;}
	.ict-check ul li {padding: 0 4px;}
	.ict-check ul li dl {padding: 30px 20px;}
	.ict-check ul li dl dt {font-size: 16px;}
	.ict-check ul li dl dd {margin-top: 15px;}
	.ict-check ul li dl dd p {font-size: 13px;}
}

@media screen and (max-width: 980px) {
	.ict-check ul li dl {padding: 20px 25px;}
	.ict-check ul li dl dt {font-size: 13px;}
	.ict-check ul li dl dd {margin-top: 10px;}
	.ict-check ul li dl dd h5 {font-size: 16px;}
}

@media only screen and (max-width:767px){
	.ict-check {margin-top: 20px; padding-top: 20px;}
	.ict-check ul {margin: 0; display: block;}
	.ict-check ul li {padding: 0; width: 100%; margin-bottom: 10px;}
	.ict-check ul li:last-child {margin-bottom: 0;}
	.ict-check ul li dl dd {margin-top: 0;}
}

/* 점검주기 */
.ict-check-cycle table {width: 100%; margin-bottom: 30px; border-top: solid 2px #464c5c; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.ict-check-cycle table:last-child {margin-bottom: 0;}
.ict-check-cycle th,
.ict-check-cycle td {color: #000; border: solid 1px #cbcbcb; padding: 20px; text-align: center; width: 20%; word-break: keep-all;}
.ict-check-cycle th {background: #eaeaea; font-size: 18px; font-weight: 600;}
.ict-check-cycle th.nvy {font-size: 20px; color: #fff; background: #1d3359; border-left: solid 2px #1d3359;}
.ict-check-cycle td {font-size: 18px;}

.grd-warn {}
.grd-warn > li {font-size: 18px; font-weight: 500; position: relative; padding-left: 10px; margin-top: 20px; color:#333; }
.grd-warn > li:last-child {margin-bottom: 0;}
.grd-warn > li:before {content: ''; display: block; width: 3px; height: 3px; background: #000; position: absolute; left: 0; top: 10px; -webkit-border-radius: 50%; border-radius: 50%;}
.grd-warn > li > ul {margin-top: 5px;}
.grd-warn > li > ul > li {font-size: 16px; font-weight: 400; position: relative; padding-left: 12px; margin-bottom: 5px;}
.grd-warn > li > ul > li:last-child {margin-bottom: 0;}
.grd-warn > li > ul > li:before {content: ''; display: block; background: #000; width: 5px; height: 1px; position: absolute; left: 0; top: 11px;}

.grd-warn dl {width:50%; display:flex; }
.grd-warn dl dt img {width:50%; }
.grd-warn dl dd {text-align:center}

.grd-warn > li > ul.grd-warn2 {display:flex; margin-top: 20px;  }
.grd-warn > li > ul.grd-warn2 > li { display:flex; flex-direction: column; justify-content: center; width:30%; padding:20px 0; font-size: 15px; font-weight: 400; text-align:center; background: #f7f7f7; border: solid 1px #000; color:#000; margin-bottom:0; }
.grd-warn > li > ul.grd-warn2 > li:nth-child(even) { width:5%; font-size: 15px; font-weight: 400; text-align:center; background: #fff; border: none;}
.grd-warn > li > ul.grd-warn2 > li strong { color:#000; font-weight: 600; font-size: 18px; display:block; margin-bottom:10px; }
.grd-warn > li > ul.grd-warn2 > li:before { display:none; }
.grd-warn > li > ul.grd-warn2 > li:nth-child(even)::after { position: absolute; right: 15px; top: 40px; content: '\f054'; font-family: 'FontAwesome'; font-size: 30px; color: #39A36C;}
.grd-warn > li > ul.grd-warn2 > li:last-child::after {display:none;}

.grd-graph {display: flex; text-align:center; }
.grd-graph p { text-align:center; width:13%; font-size:15px; color:#999; }
.grd-graph p:nth-child(1) { width:22%; }
.grd-graph p:nth-child(even) { width:22%; }
.grd-graph img { width:100%; opacity:0.5; margin-bottom:10px;  }

@media only screen and (max-width:1280px){
	.ict-check-cycle table {margin-bottom: 20px;}
	.ict-check-cycle th,
	.ict-check-cycle td {padding: 10px;}
	.ict-check-cycle th {font-size: 14px;}
	.ict-check-cycle th.nvy {font-size: 16px;}
	.ict-check-cycle td {font-size: 14px;}
	
	.grd-warn {margin-top: 40px;}
	.grd-warn > li {font-size: 16px;}
	.grd-warn > li > ul > li {font-size: 14px;}
	.grd-warn > li > ul > li:before {top: 9px;}
}

@media only screen and (max-width:767px){
	.ict-check-cycle table {margin-bottom: 10px;}
	.ict-check-cycle th,
	.ict-check-cycle td {padding: 5px;}
	.ict-check-cycle th {font-size: 11px;}
	.ict-check-cycle th.nvy {font-size: 11px;}
	.ict-check-cycle td {font-size: 11px;}
	
	.grd-warn {margin-top: 30px;}
	.grd-warn > li {font-size: 14px; margin-bottom: 5px;}
	.grd-warn > li:before {top: 8px;}
	.grd-warn > li > ul {margin-top: 5px;}
	.grd-warn > li > ul > li {font-size: 12px; margin-bottom: 3px; padding-left: 10px;}
	.grd-warn > li > ul > li:before {top: 8px; width: 4px;}
	
	.grd-warn > li > ul.grd-warn2 {display:flex; flex-direction: column;}
	.grd-warn > li > ul.grd-warn2 > li { width:100%; font-size:13px; }
	.grd-warn > li > ul.grd-warn2 > li strong { font-size: 15px;  margin-bottom:5px; }
	.grd-warn > li > ul.grd-warn2 > li:nth-child(even) { width:100%; }
	.grd-warn > li > ul.grd-warn2 > li:nth-child(even)::after { position: absolute; left: 50%; transform: translateX(-50%); top: 5px; content: '\f078'; font-family: 'FontAwesome'; font-size: 20px; }
	
	.grd-graph {display: none; }
}

/* 정보통신 유지관리 및 성능점검 */
.ict-maintenance table {width: 100%; margin-bottom: 30px; border-top: solid 2px #464c5c; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.ict-maintenance table:last-child {margin-bottom: 0;}
.ict-maintenance th,
.ict-maintenance td {border: solid 1px #cbcbcb; color: #555; font-size: 18px;padding: 20px !important; word-break: break-all; }
.ict-maintenance th {background: #eaeaea; font-size: 18px; font-weight: 600; text-align: center;}
.ict-maintenance td.center{text-align: center;}
.ict-maintenance ul {margin-top:10px; }
.ict-maintenance ul li {position:relative; font-size:16px; word-break: keep-all; padding-left:15px }
.ict-maintenance ul li:before{position:absolute;top:0px;left:0;content:'ㆍ';font-size:16px;margin:0 5px 0 0;}

@media only screen and (max-width:1280px){
	.ict-maintenance table {margin-bottom: 20px;}
	.ict-maintenance th,
	.ict-maintenance td {padding: 10px  !important;}
	.ict-maintenance th {font-size: 15px;}
	.ict-maintenance td {font-size: 15px;}
	.ict-maintenance ul li { font-size:14px; word-break: break-all;}
}

@media only screen and (max-width:767px){
	.ict-maintenance table {margin-bottom: 10px;}
	.ict-maintenance th,
	.ict-maintenance td {padding: 5px 20px;}
	.ict-maintenance th {font-size: 13px;}
	.ict-maintenance td {font-size: 13px;}
	.ict-maintenance ul li { font-size:13px;  }
}

/* 업무수행절차 */
.workflow-list {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	margin: 0 auto;
}
.workflow-list .workflow-box {
	padding:30px;
	border:1px solid #000;
}
.workflow-list .workflow-box .number {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom:2px solid #e5e5e5;
	font-weight: 400; 
	font-size: 16px;
	color: #4c4c4c;
}
.workflow-list .workflow-box .number strong {
	font-weight: 700;
	font-size: 30px;
	color: #000;
}
.workflow-list .workflow-box .number:after {
	content:'';
	position: absolute; top:100%; left:0;
	width:30px; height:2px;
	background:#e1251b;
}
.workflow-list .workflow-box .conts {
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
div.page04 .cont p{margin: 20px 0; font-size: 16px;}
div.page04 .cont .workflow-list .workflow-box .conts p{margin-bottom: 0;  font-size: 20px;}

div.page04 .cont .workflow-list .workflow-box .conts p span {
    display: block;
    font-size: 17px;
}

@media screen and (max-width: 950px) {
	.workflow-list {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (max-width: 767px) {
	.workflow-list {
		gap:15px;
	}
	.workflow-list .workflow-box {
		padding:24px 20px;
	}
	.workflow-list .workflow-box .number {
		padding-bottom: 10px;
		font-size: 14px;
	}
	.workflow-list .workflow-box .number strong {
		font-size: 22px;
	}
	.workflow-list .workflow-box .conts h1 {
		margin-right: 10px;
		font-size: 14px;
	}
	.workflow-list .workflow-box .conts ul li {
		margin-bottom: 7px;
		font-size: 14px;
	}
	div.page04 .cont .workflow-list .workflow-box .conts p{ font-size: 17px;}
	div.page04 .cont p{margin: 20px 0; font-size: 14px;}
}
@media screen and (max-width: 480px) {
	.workflow-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


/* 업무수행절차2 */
.workflow-list2 {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	margin: 0 auto 10px;
}
.workflow-list2 .workflow-box {
    position: relative;
	padding:30px;
	border:1px solid #dadada;
}
.workflow-list2 .workflow-box .conts {
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.workflow-list2 .workflow-box .conts img { height:60px; width:auto;}

div.page01 .cont p{margin: 0; font-size: 18px;}
div.page01 .cont .workflow-list2 .workflow-box .conts p{margin: 0;  font-size: 20px; text-align:center; color:#333;}
div.page01 .cont .workflow-list2 .workflow-box .conts p span { display: block; font-size: 15px; color:#666}

.workflow-list2 .workflow-box::after {
    position: absolute;
    right: -35px;
    top: 65px;
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #5c5c5c;
}
.workflow-list2 .workflow-box:last-child::after { display:none; }


@media screen and (max-width: 767px) {
	.workflow-list2 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.workflow-list2 {
		gap:30px;
	}
	.workflow-list2 .workflow-box {
		position: relative;
		padding:24px 20px;
	}
	.workflow-list2 .workflow-box::after { position: absolute; left: 48%; transform: none; top: 100%; content: '\f078'; font-family: 'FontAwesome'; font-size: 20px; }
	.workflow-list2 .workflow-box .conts h1 {
		margin-right: 10px;
		font-size: 14px;
	}
	.workflow-list2 .workflow-box .conts ul li {
		margin-bottom: 7px;
		font-size: 14px;
	}
	div.page01 .cont .workflow-list2 .workflow-box .conts p{ font-size: 17px;}
	div.page01 .cont p{margin: 0; font-size: 16px;}
	.ict-scope dt p {padding: 0;}
}


.workflow-list3 {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	margin: 0 auto 10px;
}
.workflow-list3 .workflow-box {
    position: relative;
	background: #08a353;
    border: 2px solid #08a353;
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 800;
    font-family: 'NanumSquare', sans-serif !important;
    border-radius: 50px;
    margin-bottom: 20px;
	color:#fff;
}

.workflow-list3 .workflow-box::after {
    position: absolute;
    right: -35px;
    top: 13px;
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #5c5c5c;
}
.workflow-list3 .workflow-box:last-child::after { display:none; }

@media screen and (max-width: 950px) {
	.workflow-list3 {
		width: 100%;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media screen and (max-width: 767px) {
	.workflow-list3 {
		gap:10px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.workflow-list3 .workflow-box {
		padding: 15px 0;
		font-size: 18px;
	}
	.workflow-list3 .workflow-box::after { position: absolute; left: 48%; transform: translateX(-50%); top: 100%; content: '\f078'; font-family: 'FontAwesome'; font-size: 20px; }
}


.blue{color: #17569e; display: inline-block;}
.red{color: #dd2326; display: inline-block;}
.green{color: #60a20f; display: inline-block; font-weight: bold;}
.green2{color: #08a353;}