@charset "utf-8";
/* CSS Document */

/****************
	Sub - 레이아웃
****************/
.sub_contents {padding:40px 0 80px;}
.sub_contents .sub_left {padding-right:55px;}
.sub_contents .sub_left .title {font-size:26px; color:#fff; padding:50px 20px 35px; background:#154492;}
.sub_contents .sub_left .title small {display:block; font-size:14px; font-weight:300;}
.sub_contents .sub_left a.btn_left, .sub_contents .sub_left a.btn_right {display:none;}

.sub_contents .sub_right {padding-left:0;}


ul.sub_menu {width:100%; display:inline-block; margin:0; padding:0;}
ul.sub_menu li {width:100%; border-bottom:1px solid #eaeaea;}
ul.sub_menu li a {display:block; font-size:14px; color:#777; text-decoration:none; font-weight:600; padding:14px 20px 15px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position:relative; text-transform:uppercase;}
ul.sub_menu li a:after { position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#154492; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; opacity:0.7 }
ul.sub_menu li a:hover:after { transform:scale3d(1,1,1); }
ul.sub_menu li a:hover {color:#154492; text-decoration:none; opacity:0.7}
ul.sub_menu li.active a{color:#154492; opacity:1 !important;}
ul.sub_menu li.active a:after {opacity:1 !important; transform:scale3d(1,1,1);}

.location {padding:10px 0;}
.location span {display:inline-block; font-size:13px; color:#666}
.location span i {margin-right:3px; font-size:14px;}
.location span.arrow {font-size:11px; font-family:돋움,Dotum,arial,sans-serif; padding:0 5px; color:#ddd}
.location span.page {color:#154492}

.sub_contents .pageTitle {font-weight:700; font-size:33px; color:#333; margin:15px 0 40px; display:inline-block;}
.sub_contents p {font-size:14px; color:#666; margin-bottom:15px; line-height:22px;}
.sub_contents .dotTitle {font-size:18px; color:#333; padding-left:20px; position:relative; margin-bottom:10px;}
.sub_contents .dotTitle:after {
	content: "";
    width: 16px;
    height: 16px;
    border: 4px solid #154492;
    position: absolute;
    border-radius: 20px;
    left: 0;
    top:3px;
}
.sub_contents .dotTitle_s {font-size:16px; color:#333; padding-left:18px; position:relative; margin-bottom:5px;}
.sub_contents .dotTitle_s:after {
	content: "";
    width: 12px;
    height: 12px;
    border: 3px solid #154492;
    position: absolute;
    border-radius: 20px;
    left: 0;
    top: 4px;
}

.sub_contents h4 {font-size:23px; color:#d53615; font-weight:500; margin-bottom:12px; letter-spacing:-.035em; word-break:keep-all; line-height:130%}
.sub_contents h4 i {margin-right: 7px;
    color: #fff;
    border-radius: 20px;
    width: 28px;
    height: 28px;
    background: #d53615;
    padding: 6px 0;
    font-size: 16px;
    text-align: center;
	position:relative;
	top:-2px;
}
.sub_contents .color {color:#d53615 !important}
.sub_contents .black {color:#222}

@media (max-width:1199px) {
	.sub_contents .sub_left .title {padding:45px 20px 33px;}
	.sub_contents .sub_left .title small {font-size:12px;}
	.sub_contents .pageTitle {margin-bottom:30px;}
}

@media (max-width:991px) {
	.sub_contents {padding:0 0 50px;}
	.sub_contents .sub_left {display:none}
	.sub_contents .sub_right {padding-left:15px; margin-top:10px}
	.sub_contents .sub_left .title{font-size:20px; color:#333;  padding:20px 0 15px; border-bottom:1px dotted #eaeaea; background:none;}
	.sub_contents .sub_left .title small {padding-left:0; font-size:13px; font-weight:300; color:#999}
	.sub_contents .sub_left a.btn_left, .sub_contents .sub_left a.btn_right {display:block; position:absolute; z-index:999; font-size:35px; top:0; color:#e0e0e0; padding-top:10px;}
	.sub_contents .sub_left a.btn_left:hover, .sub_contents .sub_left a.btn_right:hover {color:#d0d0d0}
	.sub_contents .sub_left a.btn_left {right:50px;}
	.sub_contents .sub_left a.btn_right {right:15px; }
	
	.location {padding:5px 0}

	.sub_menu, .location{display:none;}
	.sub_contents .pageTitle {width:100%; font-size:25px; margin:25px 0 20px ; border:none;}
	.sub_contents .dotTitle {font-size:16px; padding-left:18px;}
	.sub_contents .dotTitle:after {width:14px; height:14px; top:4px;}
	.sub_contents .dotTitle_s {font-size:14px; padding-left:17px;}
	.sub_contents p {margin-bottom:10px;}
	.sub_contents .imgBox p {font-size: 25px; padding: 50px 0 0 30px;}
}

@media (max-width:767px) {
	.sub_contents .borderBox {padding:15px;}
	.sub_contents .sub_left {display:block !important; padding-right: 15px;}
	
	ul.sub_menu li {
    width: 50%;
    border-bottom: 1px solid #eaeaea;
    float: left;
}
ul.sub_menu li a {
    padding: 7px 5px 8px; font-size:13px;
}
	
	.sub_contents .sub_left .title {font-size:14px; text-align:center; color:#154492; background:#f7f7f7; position:relative; text-transform: uppercase; padding-bottom:10px; border:none;}
	.sub_contents .sub_left .title small{display:none;}
	.sub_contents .sub_left .title:after, .sub_contents .sub_left .title:before {position:absolute; background:#f7f7f7; height:100%; top:0; width:15px; content:'';}
	.sub_contents .sub_left .title:after {left:-15px;}
	.sub_contents .sub_left .title:before {right:-15px;}
	
	.sub_contents .sub_left a.btn_left, .sub_contents .sub_left a.btn_right {padding-top:15px; font-size:45px;}
	.sub_contents .sub_left a.btn_left {left:15px; right:inherit;}
	.sub_contents .sub_left a.btn_right {right:15px; }
	
	.sub_contents .pageTitle {display:none; font-size:19px; font-weight:bold; padding:10px 0 17px; margin:0 0 25px;text-align:center; background:#f7f7f7; position:relative;}	
	.sub_contents .pageTitle:after, .sub_contents .pageTitle:before {position:absolute; background:#f7f7f7; height:100%; top:0; width:15px; content:'';}
	.sub_contents .pageTitle:after {left:-15px;}
	.sub_contents .pageTitle:before {right:-15px;}		

	.sub_contents h4 {font-size:17px; line-height:22px;}

}

/*****************
	Footer
*****************/
footer {background:#f0f0f0; padding:30px 0}
footer p {color:#777; display:inline-block; font-size:12px;}
footer p.copyright {margin-top:10px; font-size:11px; display:block; color:#aaa}
@media (max-width:991px) {
	footer img {margin-bottom:10px; display:none}
}