﻿.col-xs-12, .col-sm-6 {    padding: 0 5px;}

@media (min-width: 1200px){
.container {    width: 1130px;}
}

#main_middle_icons { background:url('/UserData/gyesin/Layouts/gyesin_Layout/Images/main_bg1.jpg'); background-size:100% auto; }
#main_middle_icons ul { width:100%; text-align:center; }
#main_middle_icons ul li { display:inline-block; text-align:center; width:16%; padding-top:15px; padding-bottom:20px;  }
#main_middle_icons ul li img { margin-bottom:5px; }
#main_middle_icons ul li a { text-decoration:none; color:#fff; font-size:16px; font-weight:600; }

#main_bottom { background:#eee; padding-top:30px; padding-bottom:10px;  }
#main_bottom img { /*width:100%;*/ }

#mb1, #mb2, #mb3 { overflow:hidden; margin-bottom:20px; }

.mb1_1 { position:relative; }
#mb1_1_text { position:absolute; top:50px; left:50px; text-align:left;  }
#mb1_1_text p { color:#697582;    }
#mb1_1_text p:first-child { color: #2076cd; font-size:14px;   padding:0px 0px; display:inline-block; margin:0 auto;  font-weight:600; }
#mb1_1_text p:last-child { font-size:28px; font-weight:600; line-height:130%; margin-top:15px; color: #0d1d58;   }

.mb1_2 { position:relative; }
.mb1_2 p { position:absolute; top:37px; text-align:center; color:#fff; font-size:20px; width:100%; font-weight:600;  }
.mb1_2.dark p{color:#182547;}

.m2_widget { background:#fff; padding:30px; position:relative; min-height:250px;     display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.m2_widget_title { font-size:20px; font-weight:600; color:#003366;     padding: 0 5px;}
.m2_widget span.glyphicon-plus { position:absolute; font-size:20px; color:#636363; top:20px; right:15px; }
.m2_widget .document-widget.normal { margin-bottom:5px;     width: 100%; }
.m2_widget .document-widget.normal td { border-bottom:1px solid #ddd; padding:4px 6px; }
.m2_widget .document-widget.normal td:hover { background:#efefef; }
.m2_widget .document-widget.normal .document { color:#555; font-size:17px;       height: 30px;  padding: 5px 0; text-decoration:none; }
.m2_widget .document-widget.normal > p.text-center {  font-size:16px; }

.mb3_box { position:relative; }
.mb3_widget { position:absolute; top:30px; left:30px; }
.mb3_widget_title a { color:#fff; font-size:20px; text-decoration:none; font-weight:600;  }
.mb3_widget_title.dark a { color:#000;  }
.mb3_widget .document-widget.normal { margin-bottom:5px; }
.mb3_widget .document-widget.normal td { border-bottom:0px solid #ddd; padding:4px 6px; color:#fff; font-size:16px;   }
.mb3_widget .document-widget.normal td:first-child { padding-left:0px; }
.mb3_widget .document-widget.normal a,
.mb3_widget .document-widget.normal span { color:#fff; font-size:16px; text-decoration:none; }
.mb3_widget.dark .document-widget.normal span { color:#000;   }
.mb3_widget .document-widget.normal > p.text-center { color:#fff; font-size:16px; }

.slider .slider-wrapper .slide img { width:100% !important; }



@media(max-width:1199px)
{   
	.mb1_2 p { top: 35%;  	}
	#mb1_1_text {     top: 20%; }
}

@media(max-width:992px)
{   
	.mb1_2 p { top: 26%;  	}
	#mb1_1_text {     top: 12%; }
	#mb1_1_text p:last-child {    font-size: 23px; }
	.mb3_widget {     top: 9%;}
	
}

 

@media(max-width:767px)
{   
	#main_middle_icons ul li {    width: 18%;}
    #main_middle_icons ul li a { font-size:10px; }
    #mb1_1 { margin-bottom:15px; }
    #mb1_1_text { top:20px; left:34px; }
    #mb1_1_text p:last-child { font-size:5vw; }
    .mb1_2 p { top: 32%;    font-size: 5vw; }
    .m2_widget { margin-bottom:15px; }
    .mb3_box { margin-bottom:15px; }
    .mb3_widget { top:15px; left:15px; }
    .mb3_widget .document-widget.normal tr:nth-child(4) { display:none; }
	#main_bottom img { width:100%; }
	.mb3_box > img {    min-height: 250px;}
	
	#mb1 .col-xs-6 {    padding: 0 1vw;}
	#mb1 .col-xs-12.col-sm-6 {    padding: 0;}
	
}

@media(max-width:467px)
{   
	 
	.mb3_box > img {    min-height: 190px;} 
	.header-mobile-gnb {     top: 33px;}
	
}