/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}

body {
    font-family: 'Malgun Gothic', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.footer h2{margin:0 0 20px; 0}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'Malgun Gothic';font-size: 14px;}



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}


/*---------------------------------------------------------------------*/

@media (min-width: 1px) and (max-width: 991px) {

    #mc .col-lg-3 {
        display: none;
    }
}


@media (min-width: 992px) {
	.navbar-expand-lg > .container {
		flex-direction: column;
	}
}


.navbar .container.custom {
	flex-direction: row;
	height: 45px;
}

.navbar .container.custom .navbar-brand.custom {
	font-size: 45px;
}

#logoWrap img.custom {
    display: none;
}

#sb1 a:hover,
#sb1 .active,
#m1-1 .title,
#m1-2 .title,
#m1-3 .title,
#m1-4 .title,
#m1-5 .title2 {
	color: #cb7f7f;
}

#sb2 a:hover,
#sb2 .active,
#m2-1 .title,
#m2-2 .title,
#m2-3 .title {
	color: #b79e76;
}

#sb3 a:hover,
#sb3 .active,
#m3-1 .title,
#m3 .title,
#m3-3 .title
 {
	color: #a2b9bf;
}

#sb4 a:hover,
#sb4 .active,
#m4-1 .title,
#m4-2 .title {
	color: #609488;
}


#logoWrap img {
    position: absolute;
    left: 42px;
    bottom: 15px;
    width: 165px;
}

.bg-op {
    background-color: rgba(0,0,0,0.3);
}

/*-------------------------------m1---------------------------------*/


@media (min-width: 1px) and (max-width: 1089px) {
	#m1-1 .img-1{background-image:url('');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;}
}
     

@media (min-width: 1090px) {
	#m1-1 .img-1{background-image:url('');background-position:center center;background-repeat:no-repeat;color:#fff;height:100%}
}

#m1-1 .img-1 {
    margin-bottom: 30px;
/*    width: 795px;
    height: 350px;*/
}


#m1-1 .container-p .container-h3 {
    font-size: 25px;
    font-weight: 700;
    text-decoration: none solid rgb(3, 0, 3);
    color: #CB7F7F;
    line-height:10px;
    text-align: left;
}

/*#m1-1 .content {
    content: '';
    display: inline-block;
    width: 360px;
    height: 3px;
    background-color: #CB7F7F;
    
    top: 15px;
}
*/
#m1-1 .container-p .container-pp {
    line-height: 28.8px;
    font-size: 18px;
}

#m1-1 .container-h3:after {
        content: "";
        display: block;
        width: 360px;
        border-bottom: 3px solid #CB7F7F;
        margin: 20px 0px;
      }










#m1-2 .agency p {
    line-height: 25px;
}


#m1-2 .agency-h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 25.2px;
    text-decoration: none solid rgb(51, 51, 51);
}

#m1-2 .before:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background-color: #CB7F7F;
    margin: 0 5px;
    vertical-align: -1px;
}














#m1-3 .way-h4 {
    color: #CB7F7F;
    font-size: 20px;
    font-weight: 700;
}

#m1-3 .container-2-p {
    font-size: 15px;
    line-height: 30px;
}

#m1-3 .p-wrap {
    width: 100%;
    height: 50px;
    line-height: 24px;
}

#m1-3 .left {
    float: left;
    width: 40%;
    height: 27px;
}

#m1-3 .right {
    float: right;
    width: 60%;
    height: 27px;
}

#m1-3 .left-p {
    font-size: 17px;
    font-weight: bold;
}

#m1-3 .right-p {
    font-size: 16px;
    color: #767676;
}













#m1-4 .container-2-p {
    font-size: 15px;
    line-height: 30px;
}

#m1-4 .container-2-p h4.operate {
    font-size: 18px;
    font-weight: 700;
    line-height: 25.2px;
    text-decoration: none solid rgb(51, 51, 51);
}

#m1-4 .before:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background-color: #CB7F7F;
    margin: 0 5px;
    vertical-align: -1px;
}

#m1-4 .tg  {border-collapse:collapse;border-spacing:0; width: 100%;}
#m1-4 .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
#m1-4 .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
#m1-4 .tg .tg-baqh{text-align:center;vertical-align:top}
		

/*-------------------------------m2---------------------------------*/
#m2-3 img {
    width: 98%;
}

#m2-3 .col-lg-4 {
    padding: 0;
}
/*-------------------------------m3---------------------------------*/
#m3 .row {
    flex-wrap: nowrap;
}

.m3-img {
    width: 100%;
    border-radius: 5px;
}

.m3-title {
    text-align: center; 
    color: #666666;
}
/*-------------------------------m4---------------------------------*/