/*
	Theme Name: RESPONSIVE ARTICLES FOR COMMON
	Theme URL: http://www.designersol.co.kr
	Author: Sangok Lee
	Version: 1.0
	License URL: http://www.designersol.co.kr
 	Copyright 2014~ DESIGNSOL
*/

@charset "utf-8";
@media (max-width: 991px) {
	.must,
	.must table {font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:15px !important}
	.must h3,
	.must h4 {font-weight:700}
	.must h3{ font-size:20px}
	.must h4 {font-size:16px}
}
@media (min-width: 992px) {
	.must,
	.must table {font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px !important}
	.must h3,
	.must h4 {font-weight:500}
	.must h3 {font-size:25px}
	.must h4 {font-size:16px}
}
@media (max-width: 480px) {
	.col-xxs-12 {width:100%; padding-left:0; padding-right:0}
	.col-xxs-6 {width:50%; padding-left:15px; padding-right:15px}
}

.must {margin-bottom:40px}
.must.bg-white {background:#fff; color:#333}
.must.bg-dark {background:#3a4050; color:#ccc}
@media (max-width: 767px) {.must.bg-dark {padding:15px}}
@media (min-width: 768px) {.must.bg-dark {padding:30px}}

.must p {text-align: justify; line-height: 24px !important}
.must p.cnt-p {text-align:center}
.mgt40 {margin-top:40px !important}
.mgb40 {margin-bottom:40px !important}
.mgb20 {margin-bottom:20px !important}
.mgbt0 {margin-top:0; margin-bottom:0}
.pdlr0 {padding-left:0; padding-right:0}

.must a {	
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    text-decoration: none;
}
.must a:hover {text-decoration: none}

/* 구분선 */
.bg-white .hr-l {display:inline-block; float:left; width:40px; border-bottom:4px solid #333}
.bg-white .hr-r {display:block; border-bottom:4px solid #eee}
.bg-dark .hr-l {display:inline-block; float:left; width:40px; border-bottom:4px solid #000}
.bg-dark .hr-r {display:block; border-bottom:4px solid #474d5d}

/* display table */
.dp-tbl {display:table}
.dp-tbl-cel {display:table-cell; vertical-align:middle}

.map1,
.history1 {margin-bottom:40px}

/* history */
.must .cnt-img {
	background-position: center!important;
	background-repeat: no-repeat;
	background-size: cover;
}
.history1 p {background-color:#fff; color:#333}
.history2 .cnts {border-top:1px solid #f27242}
.history2 h3 {text-align:center; color:#fff}
.history2 table > tbody > tr > td {border-top:1px solid #4f5b6b}
.history2 table > tbody {border-bottom:1px solid #4f5b6b}
.history2 .table-responsive {margin-bottom:30px}
@media (max-width:767px) {
	.history1 .cnt-img {height:200px}
	.history1 p {padding:15px; border-left:5px solid #f27242}
	.history2 .table-responsive {border:1px solid #4f5b6b} 
}
@media (min-width:768px) {
	.history1 {height:350px; position: relative}
	.history1 .cnt-img {height:inherit}
	.history1 .cnt-txt {position: absolute; bottom:30px; left:0; right:0; margin:0 50px}
	.history1 p {padding:30px;  border-radius: 3px; border-left:20px solid #f27242}
	.history2 .cnts h4,
	.history2 .cnts div {float:left} 
	.history2 .cnts h4 {width:10%; text-align: right; padding-right:15px}
	.history2 .cnts div {width:90%}
}
@media (max-width:991px) {.history .cnts h4 {font-size:20px}}
@media (min-width:992px) {
	.history1 {height:500px}
	.history1 .cnt-txt {margin:0 100px}
	.history1 p {border-left:50px solid #f27242}
	.history2 .cnts {width:80%; margin:auto}
	.history2 .cnts h4 {font-size:20px; font-weight:400}
}

/* map*/
.map1 {position: relative}
.map1 span {position: absolute; background:#f27242; color:#fff; top:0; right:0}
.map1 .fa-map-marker {font-size:25px}
.map1 .cnt-b {background:#fff; color:#333; padding:15px}
.map1 .cnt-b .fa {font-size:15px; color:#f27242;margin-right:15px}
.map2 .cnts {background:#fff}
.map2 .cnt-l p {background:#f27242; color:#fff}
.map2 .cnt-r {background:#eee}
.map2 .cnt-r p {color:#333}
.map2 strong {font-size:16px; font-weight:500} 
@media (max-width:767px) {
	.map1 .cnt-t {height:350px}
	.map1 span {padding:10px 20px}
	.map2 p {padding:20px 15px}
}
@media (min-width:768px) {
	.map1 .cnt-t {height:450px}
	.map1 span {padding:20px 30px}
	.map2 .cnt-l,
	.map2 .cnt-r {height:200px}
	.map2 p {padding:0 30px}
}