.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
.no-margin{margin:0;}
#sermon { background:#fff; height:410px; padding:0px; margin-top: 25px;}
#sermon .container{padding: 0;}
#sermon .sermon-box{height:440px;}
#sermon h2 { font-size:18px; font-weight:normal; color:#333; margin:25px 0 140px; }
.sermon-1 { padding: 0px; background:url(../Images/sermon_bg.png) no-repeat; background-size:cover; height:100%; float:left; display:inline-block; position:relative;}
.sermon-2 { height:100%; display:inline-block; float:right; position:relative;}
.sermon-2 .semina-box{margin-bottom: 45px;height:45%;width:100%;padding: 30px 30px;position:relative;
                      background:url(../Images/seminor_bg.png) no-repeat; background-size:cover;}
.sermon-2 .semina-box .semina-day p{font-size:18px; color:#fff; margin:0px;}
.sermon-2 .semina-box .semina-day p:nth-child(1){margin-bottom:10px;}
.sermon-2 .semina-box hr{width: 40px;float: left;display: inline-block;margin: 15px 0;position: relative;left: 10px;}
.sermon-2 .semina-box .semina-title p{display: inline-block;width: 100%;font-size: 28px;margin: 0; color:#fff}
.sermon-2 .semina-box .semina-btn{position: absolute;right: 0;bottom: 0;}
.sermon-2 .newfamily-box{height:45%;width:100%;padding: 30px;background:url(../Images/newfamily_bg.png) no-repeat; position:relative;
                         background-size:cover;}
.sermon-2 .newfamily-box .newfamily-day p{font-size:18px; color:#fff; margin:0px;}
.sermon-2 .newfamily-box .newfamily-day p:nth-child(1){margin-bottom:10px;}
.sermon-2 .newfamily-box hr{width: 40px;float: left;display: inline-block;margin: 15px 0;position: relative;left: 10px;}
.sermon-2 .newfamily-box .newfamily-name-day p{display: inline-block;width: 100%;font-size: 28px;margin: 0; color:#fff}
.sermon-2 .newfamily-box .newfamily-btn{position: absolute;right: 0;bottom: 0;}
#sermon .sermon{text-align: right;}
#sermon .sermon-desc { position: relative; display: inline-block;width:100%;height:100%; }
#sermon .sermon-desc a { color:#fff; text-decoration:none; }
#sermon .sermon-desc h4 { margin:0; color:#fff; font-size:24px; display:inline-block; margin-bottom:5px;}
.sermon-date {  display:inline-block; font-size:17px; margin:0; }
#sermon .sermon-desc img { float:right; }
#sermon .sermon-desc img:hover { opacity:0.7; transition:0.3s all; }
.sermon-title {clear: both; font-size: 35px; margin: 30px 0; color: #fff; text-decoration:none; font-weight:600;}
.sermon-title:hover,.sermon-title:focus{color:#fff;font-weight:bold;text-decoration:none;}
.sermon-cont { font-size:19px; line-height:30px; }
.sermon_new { position:absolute; width:100%;  bottom:-68px ;  left:0;  }
.sermon_new > a > div { float:left; width:50%;  text-align:center;  font-size:20px; color:#fff;  padding:20px 0;  border-top:1px solid #fff ;}
.sermon_new > a > div.new_left { background:#2F6066;  border-right:1px solid #fff; }
.sermon_new > a > div.new_left:hover { background:#2B5D90; transition:0.2s all; }
.sermon_new > a > div.new_right { background:#2B5D90;  }
.sermon_new > a > div.new_right:hover { background:#2F6066; transition:0.2s all; }


#main1 { padding:200px 0; background:#E9EEF4; }
#main1 > div > div > div { padding:0 50px;}
#main1 h2 { font-size:18px; font-weight:normal; color:#333; margin:25px 0 140px; }
#main1 .main1-box { background:#fff; padding:50px; position:relative; }
#main1 .main1-box .plus { position:absolute; top:45px; right:50px; }
#main1 .main1-box h3 { margin:0; font-weight:bold; font-size:19px; border-bottom:2px solid #000; padding-bottom:15px;}
#main1 .main1-box ul { margin-top:40px;}
#main1 .main1-box a li { overflow:hidden; padding:0 0 20px; }
#main1 .main1-box a:last-child li { padding:0; }
#main1 .main1-box a:hover { color:#114672; transition:0.2s all; }
#main1 .main1-box a li p { font-size:17px; float:left; margin:0; color:#333; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block; width:180px; }
#main1 .main1-box a li:hover p { color:#114672; transition:0.2s all; font-weight:bold; } 
#main1 .main1-box a li:hover span { color:#114672; transition:0.2s all; font-weight:bold; } 
#main1 .main1-box a li span { float:right; font-size:17px; color:#333;}

#main2 h2 { font-size:18px; font-weight:normal; color:#fff; margin:25px 0 140px; }
#main2 > div > div > a > div { padding:0 8px; }
#main2 > div > div > a > div img:hover { opacity:0.7; transition:0.2s all; }
#main2 a img { width:100%; margin-bottom:20px; }
#main2 a { color:#fff; }
#main2 a:hover { font-weight:bold; transition:0.2s all; }
#main2 a p { margin:3px 0; font-size:15px; }
#main2 > div > div > a > div img { height:189px; }
#main2 .main-2-1 .main-img-btn .page-btn{display: inline-block;}

#main3 {     padding: 35px 0; background:#eee; }
#main3 .row2 { margin-bottom: 60px; }
#main3 .main3-box { padding:0 90px;}
#main3 h2 { font-size:27px; margin:10px 0 15px; font-weight:bold; }
#main3 h2 span { font-size:20px; }
#main3 .main3-box2 { padding-top:75px;  }
#main3 ul { border-top:1px solid #333; margin-top:15px; margin-bottom:15px;  }
#main3 ul li:first-child { margin:15px 0 0; }
#main3 ul li { overflow:hidden; padding:5px 0;  }
#main3 ul li p { float:left; font-size:17px; margin:0; color:#666666; }
#main3 ul li span { float:right; display:inline-block; font-size:17px;  color:#666666;}


#main4 {padding: 0 0 35px; background:#eee; }
#main4 .row2 { margin-bottom: 60px; }
#main4 .main3-box { padding:0 90px;}
#main4 h2 { font-size:27px; margin:10px 0 15px; font-weight:bold; }
#main4 h2 span { font-size:20px; }
#main4 .main3-box2 { padding-top:75px;  }
#main4 ul { border-top:1px solid #333; margin-top:15px; margin-bottom:15px;  }
#main4 ul li:first-child { margin:15px 0 0; }
#main4 ul li { overflow:hidden; padding:5px 0;  }
#main4 ul li p { float:left; font-size:17px; margin:0; color:#666666; }
#main4 ul li span { float:right; display:inline-block; font-size:17px;  color:#666666;}

/*공주중앙교회 작업본*/

#main-quick{position:relative;z-index:1;}
#main-quick a{text-decoration: none; color: #fff;}
#main-quick > div > div > a> div{ text-align:center; margin:20px 0px;border-right: 1px solid #eee; float:left; width:16.6%; }
#main-quick > div > div > a:last-child>div{border:none; width:17%;}
#main-quick img{display: inline-block;margin-right: 10px; width: 40px!important;}
#main-quick #liveOn { width:65px!important; }
#main-quick p{display: inline-block;vertical-align: middle;font-size: 18px;margin: 0;}
#main-quick .container{/*background:url(../Images/icon_bg.png);*/background-repeat: no-repeat; background-size: cover; background-image:linear-gradient(120deg, #144f7e, #113959);}
.left-box{position: relative;height: 410px;}
.sermon-1{padding: 0px;background: url(../Images/sermon_bg2025.png) no-repeat;background-size: cover;height: 100%;float: left;
display: inline-block;position: relative;width:100%; padding:45px;}
.sermon-1 .sermon-content-box{line-height: 1.4;text-align: right;overflow: hidden;color: #fff;font-size: 31px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 3em;margin-top: 5px; 
transform: skew(-0.05deg);width: 70%; float:right; word-break: keep-all;}
.right-box{height:410px;}
.right-box-01, .right-box-02{width:100%;height:50%;}
.right-box-01{padding-bottom:10px!important;}
.right-box-02{padding-top:10px!important;}
.semon-box-02,.semon-box-03,.semon-box-04,.semon-box-05{width:50%;height:100%;display:inline-block;}
.semon-box-02,.semon-box-04{float:left;padding-right: 10px;}
.semon-box-03,.semon-box-05{float:right;padding-left: 10px;}
.semon-box-02 .bu-semon-bg{background: url(../Images/manna.png) no-repeat;background-size: cover;}
.semon-box-03 .bu-semon-bg{background: url(../Images/afternoon.png) no-repeat;background-size: cover;}
.semon-box-04 .bu-semon-bg{background: url(../Images/wednesday.png) no-repeat;background-size: cover;}
.semon-box-05 .bu-semon-bg{background: url(../Images/praise.png) no-repeat;background-size: cover;}
.bu-semon-bg{height:100%;}
#main0{margin-top:50px;margin-bottom: 40px;}
.main0-center-btn .sub-menu-btn{width: 100%;display: inline-block;font-size: 20px; color:#000;
font-weight: bold;float: left;position: relative; margin-bottom: 20px;text-decoration:none;}
.main0-center-btn .sub-menu-btn img{float: right;}
.main0-center-btn .sub-menu-btn hr{border: 2px solid #000;width: 10%;float: left;display: block;
position: absolute;bottom: 15px;left: 0px;}
.main0-center-btn .sub-menu-btn span{float: right;border: 1px solid #ddd;width: 8%;text-align: center;}
.main0-contents{width: 100%;display: inline-block;font-size: 17px;}
.main0-contents span:nth-child(1){float: left; width: 70%; color:#000;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;}
.main0-contents span:nth-child(2){float: right;width: 30%;text-align: right; color:#BABABA;}
.main-img-btn .main-img-contents div{display: block;width: 100%;position: relative;height: 290px;overflow: hidden;background-color: #000;margin: 0 auto;
                                     background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
.main-img-btn .main-img-contents div img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main-img-btn:hover span,.main-img-btn:focus span{font-weight:bold;}
.main-img-btn .main-img-contents span{display: inline-block;text-align: center;font-size: 20px;margin: 15px 0 0 0;color: #000;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;}
.main-img-btn .main-img-contents div span{opacity: 0;margin: 0;position: absolute;bottom: 0;padding: 5px; background-color:rgba(255,255,255,.5)}
.main-img-btn .main-img-contents div:hover span{opacity:1; transition:.3s all;}
.day-box{width: 15%;display: inline-block;padding: 5px;text-align: center;border: 1px solid rgba(255,255,255,.5); margin-bottom:10px;}
.day-box .day-data{font-size: 26px;color: #fff;display: inline-block;
line-height: 1.2;font-weight: bold;}
.day-box hr{width: 40%; margin: 5px auto;}
.day-box .year-data{font-size: 15px; color: #fff;}
.sermon p{font-size: 22px;color: #fff;margin: 0 0 5px;}
.sermon-1 .sermon-img{position: absolute;left: 0;bottom: 0;}
.sermon-1 .sermon-bn{width: 100%;display: inline-block;margin-top: 30px;font-size: 19px;color: #fff; text-align: right;}
.sermon-1 .sermon-bn p{display: inline;}
.sermon-1 .sermon-bn span{margin:0 15px;position: relative; bottom: 1px;}
.bu-semon-bg .bu-sermon1-box{display: inline-block;width: 100%;height: 100%;
padding: 20px;font-size: 17px;color: #fff;text-decoration:none; word-break:keep-all;}
.bu-semon-bg .bu-sermon1-box h4{font-size: 20px;font-weight: bold;
letter-spacing: 1.5px;}
.bu-semon-bg .bu-sermon1-box p{margin-bottom:2px;}
.bu-semon-bg .bu-sermon1-box span{margin-right:10px;}
#main3 .main-img-btn .main-img-contents{display: inline-block;width: 100%;height: 100%;border: 1px solid #d3dde7; padding: 15px; background-color:#d3dde7;text-decoration:none;}
#main3 .main-img-btn .main-img-contents p{text-align: center;font-size: 25px;color: #000;font-weight: bold;margin: 0 15px 15px 15px;}

#main4 .main-img-btn .main-img-contents{display: inline-block;width: 100%;height: 100%;border: 1px solid #d3dde7; padding: 15px; background-color:#d3dde7;text-decoration:none;}
#main4 .main-img-btn .main-img-contents p{text-align: center;font-size: 25px;color: #000;font-weight: bold;margin: 0 15px 15px 15px;}
.main0-center > div{padding:0 25px;border-right: 1px solid #ddd;}
.main0-center > div:last-child{border:none;}
/*갤러리 부분 진행*/
.gallery-box-title{font-size: 28px;font-weight: bold;letter-spacing: 1px;margin: 45px 25px 30px;}
.gallery-box .pictures{height: 325px;position: relative;right: 0%;width: 100%;}
.gallery-box .pictures .pictures-wrapper{margin: 0 auto;overflow: hidden;}
.gallery-box .pictures .gallery{width: 301%;}
.gallery-box .pictures .gallery .document{padding: 5px 10px;}
.gallery-box .pictures .gallery .document p{color: #000;font-size: 18px;margin: 11px;white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;width: 285px;}
.document-widget.gallery .document .thumb{display: block;width: 100%;position: relative;height: 250px;overflow: hidden;background-size: cover;
background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
/*
.document-widget.gallery .document .thumb img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    */
.gallery-box{position:relative;}
.gallery-box .arow1{left: -5%;position: absolute;z-index: 9999;float: left;top: 215px;}
.gallery-box .arow2{right: -5%;position: absolute;z-index: 9999;float: right;top: 215px;}


.gallery-box .photo .section5SD{overflow:hidden;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide:hover a .section5M .section5T{opacity:1;transition:.3s all;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a .section5M{display: block;width: 100%;position: relative;
height: 250px;overflow: hidden;background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a{text-decoration:none;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a p{color: #000;font-size: 18px;margin: 11px;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a .section5M .section5T{width: 100%;
height: 100%;padding: 25px;position: relative;background-color: #fff;border: 1px solid #eee; opacity:0;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a .section5M .section5T h1{font-size: 20px;color: #000;border-bottom: 1px solid #000;margin: 0 auto;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.gallery-box .photo .section5SD .contentSlideWrapper .contentSlide a .section5M .section5T h5{margin: 0;
position: absolute;bottom: 15%;right: 15%;color: #000;}
.gallery-box .photo .slidePBTN{width:50px; height:50px; background-size:100%; background-position:center; background-repeat:no-repeat;z-index:1;
position: absolute;top: 50%;left: 7.5%;text-align: center;border: none;display: block;transform: translate(0,-50%);}
.gallery-box .photo .slideNBTN{width:50px; height:50px; background-size:100%; background-position:center; background-repeat:no-repeat;z-index:1;
position: absolute;top: 50%;right: 7.5%;text-align: center;border: none;display: block;transform: translate(0,-50%);}
.gallery-box .photo .slidePBTN div,
.gallery-box .photo .slideNBTN div{height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;position:absolute;transition:.3s all;}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width:1500px) {
}

@media (min-width:1200px) and (max-width:1499px) {
    #main-quick .container{margin:0; width:100%;}
    .main-img-btn .main-img-contents div{width: 230px; height: 170px;}
    #main4 .main-img-btn .main-img-contents div{width: 100%;}
    #main4 .main-img-btn .main-img-contents p{font-size:20px;}
    .sermon-1 .sermon-content-box{width:100%;}
    .sermon-1 .sermon-img{width:55%;}
    /*갤러리*/
    .gallery-box .pictures .gallery{width:400%;}
    .gallery-box .arow1{left: 0%;top: 180px;}
    .gallery-box .arow2{right: 0%;top: 180px;}
    .gallery-box .pictures{width:88%; margin:0 auto; height:275px;}
    .document-widget.gallery .document{width:255px;}
    .document-widget.gallery .document a{height:205px;}
    .document-widget.gallery .document .thumb{width:235px;height: 215px;}
    .gallery-box .pictures .gallery .document p{width:100%;}
}


@media (min-width:993px) and (max-width:1199px) {
    #main-quick .container{margin:0; width:100%;}
	#main-quick img{margin-right: 5px;}
    #main4 .main-img-btn .main-img-contents div{width: 100%;}
    #main4 .main-img-btn .main-img-contents p{font-size:17px;}
    .sermon-1 .sermon-img{width:55%;}
    .sermon-1 .sermon-content-box{width:60%; font-size:31px;}
    #sermon .container .row{margin:0;}
    .main0-contents span:nth-child(1){width:66%;}
    .main0-contents span:nth-child(2){width:33%;}
    .sermon-title{font-size:30px;}
    .day-box{width: 20%;}
    .semon-box-02 .bu-semon-bg,.semon-box-03 .bu-semon-bg,.semon-box-04 .bu-semon-bg,.semon-box-05 .bu-semon-bg
    {background-size: 150% 100%;background-position: right top;background-repeat: no-repeat;}
    .main-img-btn .main-img-contents div{width: 180px; height: 132px;}
    /*갤러리*/
    .gallery-box .pictures .gallery{width:500%;}
    .gallery-box .arow1{left: 5%;top: 175px;}
    .gallery-box .arow2{right: 5%;top: 175px;}
    .gallery-box .pictures{width:80%; margin:0 auto; height:275px;}
    .document-widget.gallery .document{width:255px;}
    .document-widget.gallery .document a{height:205px;}
    .document-widget.gallery .document .thumb{width:235px;height: 215px;}
    .gallery-box .pictures .gallery .document p{width:100%;}
}

@media (min-width:768px) and (max-width:992px) {

    #main-quick .container{margin:0; width:100%;}
    #main-quick img{display: block; margin: 0 auto 5px;}
    #sermon{margin-top: 15px;height: 820px;}
    #sermon > .container > .row > div:nth-child(1){padding-bottom: 15px;}
    .sermon-1 .sermon-content-box{width:100%;}
    .main0-center > div{padding-top: 25px; display: inline-block;}
    .main0-center-btn .sub-menu-btn span{width:15%;}
    .main0-contents{font-size:16px;}
    .main0-contents span:nth-child(1){width:57%;}
    .main0-contents span:nth-child(2){width:42%;}
    .main-2-1 .main-img-btn{width:50%;}
    .main-2-1 .main-img-btn .page-btn{width:100%;}
    #main3 > .container > .row > div{width:50%;}
    #main3 > .container > .row > div:nth-child(1),
    #main3 > .container > .row > div:nth-child(2){margin-bottom:15px;}
    .main-img-btn .main-img-contents span{font-size:18px;}
    #sermon .container .row{margin:0;}
    .right-box-01{padding-bottom:15px!important;}
    /*포토 갤러리*/
    .gallery-box{width:100%!important;}
    .gallery-box .pictures .gallery{width:700%;}
    .gallery-box .arow1{left: 4%;top: 180px;}
    .gallery-box .arow2{right: 4%;top: 180px;}
    .gallery-box .pictures{width:78%; margin:0 auto; height:275px;}
    .gallery-box .pictures .gallery .document{padding:20px;}
    .document-widget.gallery .document{width:290px;}
    .document-widget.gallery .document a{height:205px;}
    .document-widget.gallery .document .thumb{width:250px;height: 215px;}
    .gallery-box .pictures .gallery .document p{width:100%;}
    #main3 .row .main-img-btn{padding:0;}
    #main3 > .container > .row{padding:0 15px;}
    #main3 > .container > .row > div{width:33%;}
	#main3 > .container > .row > div:nth-child(2) > a > div,
	#main3 > .container > .row > div:nth-child(3) > a > div{width:100%!important;}
    
}



@media (max-width: 767px) {
    .sermon-1 .sermon-bn p{width: 100%;display: inline-block;text-overflow: ellipsis;white-space: nowrap; text-align: right; overflow: hidden;float: left;}
    .sermon-1 .sermon-content-box{width: 100%; font-size:30px;}
	.left-box {height:345px ;}
    .bu-semon-bg .bu-sermon1-box h4{font-size:17px; overflow:hidden;}
    #main-quick > div > div > a > div{margin:8px 0; width:50%;}
	#main-quick > div > div > a:last-child>div{width:50%;}
    #main-quick img{margin-right: 15px; width: 45px!important;}
    .day-box{width:35%;margin-bottom: 10px;}
    #main3 > .container > .row > div{width:100%;}
    #main3{padding: 20px 0;}
    .main0-center > div{padding:25px;}
    .bu-semon-bg .bu-sermon1-box span{margin:0;display:block;}
    .main0-center-btn .sub-menu-btn span{width:10%;}
    #sermon{height:820px; margin-top: 15px;}
    .right-box-01,.right-box-02{padding:0!important;}
    .right-box .right-box-01 .semon-box-02, .right-box .right-box-01 .semon-box-03,
    .right-box .right-box-02 .semon-box-04, .right-box .right-box-02 .semon-box-05{padding:0;}
    #main2 .main-2-1 .main-img-btn .page-btn{width:100%;}
    .sermon-1{padding:20px;}
    .sermon-1 .sermon-bn{margin-top: 10px; font-size: 18px;}
    #sermon .container .row{margin:0;}
    #sermon .container .row .left-box,#sermon .container .row .right-box{padding:0;}
    .sermon-1 .sermon-img{width:60%;}
    #main0{margin-top:15px;}
    .sermon-title{font-size:30px;}
	#main2>.container>.row>.main-2-1>div{width:50%!important;}
	#main3>.container>.row>div{width:50%;}
    #main3 .row .main-img-btn{padding:0;}
    #main3 > .container > .row{padding:0 15px;}
    #main3 > .container > .row > div{width:33%;}
	.main-img-btn .main-img-contents div{width: 100%;height: 95px;}
	.main-img-btn .main-img-contents span{font-size: 16px;}
    #main3 .main-img-btn .main-img-contents{margin-bottom:15px;padding: 15px 10px;}
    #main3 .main-img-btn .main-img-contents p{font-size:13px;margin: 0 5px 15px 5px;}
    #main4 .main-img-btn .main-img-contents{margin-bottom:15px;padding: 15px 10px;}
    #main4 .main-img-btn .main-img-contents p{font-size:13px;margin: 0 5px 15px 5px;}
    #main4 .main-img-btn .main-img-contents div{width: 100%;height: 95px;}
    /*포토 갤러리*/
    .gallery-box-title{margin: 25px 15px 20px;font-size: 17px;}
    .gallery-box{width:100%!important;}
    .gallery-box .pictures .gallery{width:1300%;}
    .gallery-box .pictures{width: 70%; margin: 0 auto;}
    .gallery-box .pictures .gallery .document{padding:15px; width:260px;}
    .gallery-box .arow1{left: 5%;top: 160px;}
    .gallery-box .arow2{right: 5%;top: 160px;}
    .document-widget.gallery .document .thumb{width: 100%; height: 230px;}
    .gallery-box .pictures .gallery .document p{width: 90%; font-size:17px;}
}


@media (max-width:320px) {
    .main0-contents span:nth-child(1){width:67%;}
    .main0-contents span:nth-child(2){width:33%;}
    .main-img-btn .main-img-contents div{width: 95px; height: 85px;}
}