@charset "utf-8";
#layer_popup{/*display:none;*/font-size:0;padding-bottom: 32px;text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 99999;background:#000;max-width:1200px }


#layer_popup .img01{float: left; width:100%; border-right: 1px solid #000;}
#layer_popup .img02{float: left; width:100%; border-left: 1px solid #000;}
#layer_popup .img03{float: left; width:33.3333%; border-left: 1px solid #000;}
#layer_popup .img04{float: left; width:25%; border-left: 1px solid #000;}

#layer_popup .img01 img,
#layer_popup .img02 img,
#layer_popup .img03 img,
#layer_popup .img04 img{width:100%;display:inline-block;}
#layer_popup .img img{width:100%}
#layer_popup .close div{float:left; text-align:right;}
#layer_popup #check{font-size:12px; font-family:'돋움'; color: #fff; position:absolute; bottom:5px; right:45px; }
#layer_popup #close{font-size:12px; position:absolute; bottom:5px; right:10px; }
#layer_popup #close a { color:#000; padding: 2px 3px; background: #fff; }
@media all and (max-width:1190px){
	#layer_popup{width:95%;max-width:400px}
	#layer_popup .img01,
	#layer_popup .img02,
	#layer_popup .img03,
	#layer_popup .img04{float:none;width:100%}
	#layer_popup .img01 img,
	#layer_popup .img02 img,
	#layer_popup .img03 img,
        #layer_popup .img04 img{width:100%;max-width:400px}
}

#layer_popup2{/*display:none;*/font-size:0;padding-bottom: 32px;text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 99999;background:#000 }
#layer_popup2 .img01{float: left; width:50%; border-right: 1px solid #000;}
#layer_popup2 .img02{float: left; width:50%; border-left: 1px solid #000;}
#layer_popup2 .img03{float: left; width:50%; border-left: 1px solid #000;}
#layer_popup2 .img04{float: left; width:50%; border-left: 1px solid #000;}
#layer_popup2 .img01 img,
#layer_popup2 .img02 img,
#layer_popup2 .img03 img,
#layer_popup2 .img04 img{width:100%;display:inline-block;}
#layer_popup2 .img img{width:100%}
#layer_popup2 .close div{float:left; text-align:right;}
#layer_popup2 #check{font-size:12px; font-family:'돋움'; color: #fff; position:absolute; bottom:5px; right:45px; }
#layer_popup2 #close{font-size:12px; position:absolute; bottom:5px; right:10px; }
#layer_popup2 #close a { color:#000; padding: 2px 3px; background: #fff; }
@media all and (max-width:1190px){
	#layer_popup{width:95%;max-width:567px}
	#layer_popup .img01,
	#layer_popup .img02,
	#layer_popup .img03,
        #layer_popup .img04{float:none;width:100%}
	#layer_popup .img01 img,
	#layer_popup .img02 img,
	#layer_popup .img03 img,
        #layer_popup .img04 img{width:100%;max-width:567px}
}


.contents{position:relative;min-height:820px;clear:both;margin-top:190px}
/*visual*/
.visual{text-align:center;position:relative}
.visual img{width:96%;max-width:1400px}
.visual .visual-list{}
.visual .visual-list li.visual{}
.visual .visual-list li.visual a{}
.visual .visual-list li.visual01{background:#f7fcfe url(/scanimal/common/images/main/bg_main_visual01.gif) center top no-repeat;}
.visual .visual-list li.visual02{background:#ffeee0 url(/scanimal/common/images/main/bg_main_visual02.gif) center top no-repeat;}
.visual .visual-list li.visual03{background:#eef8cb url(/scanimal/common/images/main/bg_main_visual03.gif) center top no-repeat;}
.visual .visual-list li.visual04{background:#fff5cc url(/scanimal/common/images/main/bg_main_visual04.gif) center top no-repeat;}
.visual .visual-list li.visual05{background:#f7fcfe url(/scanimal/common/images/main/bg_main_visual05.gif) center top no-repeat;}

.visual .control {
	font-size:0;    position: absolute;    bottom: 10px;    margin: 0 auto;    z-index: 200;left:calc(50% - 65px)}

.visual .control #control_btn {
    display: inline-block;    width: 50px;    height: 15px;
}

.visual .control .bx-controls-auto {
    display: inline-block;    width: 50px;    height: 15px;
}

.visual .control .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;    width: 15px;    height: 15px;    margin: 0 5px;
}

.visual .control #control_pager {
    display: inline-block;    width: 75px;    height: 15px;
}

.visual .control .bx-pager {
    display: inline-block;    width: 200px;    height: 15px;}

.visual .control .bx-pager-item {
    display: inline-block;    width: 15px;    height: 15px;    margin: 0 5px;
}

.visual .control .bx-stop {
    display: inline-block;    width: 15px;    height: 15px;    text-indent: -9999px;    background: url(/scanimal/common/images/main/silder_stop.png) no-repeat;}

.visual .control .bx-start {
    display: inline-block;    width: 15px;    height: 15px;    text-indent: -9999px;    background: url(/scanimal/common/images/main/silder_play.png) no-repeat;}

.visual .control .bx-pager-link.active {
    display: inline-block;    width: 15px;    height: 15px;    margin: 0 5px;    text-indent: -9999px;    background: url(/scanimal/common/images/main/silder_on.png) no-repeat;}

.visual .control .bx-pager-link {
    display: inline-block;    width: 15px;    height: 15px;    margin: 0 5px;    text-indent: -9999px;    background: url(/scanimal/common/images/main/silder_off.png) no-repeat;}

@media all and (max-width:1599px){
	.info .inner .info-text01{background:#01634f;border-radius:30px;width:31%;margin-right:2.3%;padding:40px}
}
@media all and (max-width:1280px){
	.contents .info{padding:50px 0 0 0}
	
}
@media all and (max-width:768px){
	

}
.swiper-pagination{z-index:1!important}
/*info*/
.info{width:100%;background:#fff9e9; font-family:'GmarketSans';padding:90px 0 0 0 }
.info .inner{border-radius:30px;background:green;padding:30px;color:#fff;font-size:0}
.info .info-text01{width:33.33%;height:170px;display:inline-block;vertical-align:top;background:url(/scanimal/common/images/main/bg_info_tit.png) left top no-repeat;color:#fff;padding:57px 0 0 55px}
.info .info-text01 p.info-text0101{color:#fff;font-size:3rem;font-weight:300;line-height:100%}
.info .info-text01 p.info-text0102{font-weight:600;color:#fff;font-size:3rem;line-height:100%;padding-top:10px}
.info .info-text02{width:33.33%;display:inline-block;vertical-align:top;margin-top:15px}
.info .info-text02 dl{background:url(/scanimal/common/images/main/icon_info_time.png) left 4px no-repeat;padding-left:50px;font-size:2.3rem}

.info .info-text02 dl dt{font-weight:600;font-size:3.6rem;}
.info .info-text02 dl dd{font-weight:200;font-size:3rem;}
.info .info-text03{width:33.33%;display:inline-block;vertical-align:top;margin-top:15px}
.info .info-text03 dl{background:url(/scanimal/common/images/main/icon_info_date.png) left 4px no-repeat;padding-left:50px;font-size:2.3rem}
.info .info-text03 dl dt{font-weight:600;font-size:3.6rem}
.info .info-text03 dl dd{font-weight:200;font-size:3rem}
.info .text-bold{font-weight:600}
.info .info-text{margin-left:20px}
@media all and (max-width:1600){

}
@media all and (max-width:1280px){
.info .inner .info-text01 p.info-text0101{font-size:2.4rem}
	.info .text-bold{display:block}
	.info .info-text{margin-left:0px}
}
@media all and (max-width:1000px){
	.info .inner .info-text01{width:100%;margin-right:0;height:100%;margin-bottom:20px}
	.info .info-text02{width:49%;margin-right:2%}
	.info .info-text03{width:49%;}


}

@media all and (max-width:640px){
	.visual .control{vertical-align:bottom}
	.visual .control #control_pager{vertical-align:bottom}
	.contents .info{padding:20px 0 0 0}
	.info .inner{padding:20px;}
	.info .inner .info-text01{padding:10px;margin-bottom:0;text-align:center;border-radius:10px}
	.info .info-text01 p.info-text0101{font-size:1.6rem!important}
	.info .info-text01 p.info-text0102{font-size:2rem}
	.info .info-text02{width:100%;margin-right:0}
	.info .info-text02 dl{background-position:left top;min-height:43px}
	.info .info-text02 dl dt{margin-bottom:0;font-size:1.6rem}
	.info .info-text02 dl dd{font-size:1.6rem}

	.info .text-bold{display:inline-block;margin-right:10px}
	.info .info-text03{width:100%;}
	.info .info-text03 dl{background-position:left top;min-height:43px}
	.info .info-text03 dl dt{font-size:1.6rem;margin-bottom:0px}
	.info .info-text03 dl dd{font-size:1.6rem}

	

}

@media all and (max-width:470px){
}
/*quick*/
.quick{background:#fff9e9 }
.quick ul{width:100%;max-width:1600px;height:280px;margin:0 auto;padding:40px 0;font-size:0}
.quick ul li{display:inline-block;width:23.5%;margin-right:2%;text-align:center}
.quick ul li:nth-child(4){margin-right:0}
.quick ul li a{position:relative;text-align:left;display:inline-block;width:100%;height:200px;color:#fff;padding:30px 117px 30px 30px;font-size:1.8rem;font-weight:600;border-radius:30px;background-repeat:no-repeat;background-position:center 40px;box-shadow:3px 3px 7px rgba(0,0,0,.05);vertical-align:top}
.quick ul li a:hover{color:#fff;}

.quick ul li:nth-child(1) a{background:#ffc700 url(/scanimal/common/images/main/icon_quick01.png) right 20px bottom 20px no-repeat}
.quick ul li:nth-child(2) a{background:#79c477 url(/scanimal/common/images/main/icon_quick02.png) right 20px bottom 20px no-repeat}
.quick ul li:nth-child(3) a{background:#ff7c1d url(/scanimal/common/images/main/icon_quick03.png) right 20px bottom 20px no-repeat;}
.quick ul li:nth-child(4) a{background:#03a0ce url(/scanimal/common/images/main/icon_quick04.png) right 20px bottom 20px no-repeat}

.quick ul li a .info-tit{display:block;font-weight:600;font-size:2.4rem}
.quick ul li a em.dsc{font-size:1.6rem;font-weight:400;word-break:keep-all;line-height:1.3;display:block;margin-top:10px}
.quick ul li a span.link-btn{display:block;width:136px;height:46px;border:2px solid #fff;font-size:1.6rem;border-radius:100px;line-height:1;display:inline-flex;align-items:center;white-space:nowrap;position:absolute;bottom:27px;left:30px;padding-left: 16px;}
.quick ul li a span.icon{display:inline-block;width:18px;height:14px;background:url(/scanimal/common/images/main/icon_quick_arrow00.png) no-repeat;position: absolute;left: 133px;bottom: 43px;}
/*
.quick ul li:nth-child(1) a:hover{background-image:url(/scanimal/common/images/main/icon_quick01_on.png)}
.quick ul li:nth-child(2) a:hover{background-image:url(/scanimal/common/images/main/icon_quick02_on.png)}
.quick ul li:nth-child(3) a:hover{background-image:url(/scanimal/common/images/main/icon_quick03_on.png)}
.quick ul li:nth-child(4) a:hover{background-image:url(/scanimal/common/images/main/icon_quick04_on.png)} */
.quick .link:hover .arrow,.quick .link:focus .arrow{animation:arrow .7s linear;animation-delay:.1s }
@media (max-width:860px){
	
	.contents .quick ul{height:auto;padding:10px 0}
	.contents .quick ul li{width:49%}
	.contents .quick ul li:nth-child(1){margin-bottom:10px;}
	.contents .quick ul li:nth-child(2){margin-right:0;margin-bottom:10px}
	.contents .quick ul li a span.icon{left:auto;right:50px}
	.edu-board .inner{padding:54px 0 76px 0}
}
@media (max-width:500px){
.contents .quick ul li a .info-tit{font-size:2rem}
}
@media (max-width:380px){	
	.contents .quick ul li a{padding:20px!important;background-image:none!important;text-align:center}
	.contents .quick ul li a span.icon{display:none}
	.contents .quick ul li a{height:170px!important}
	.contents .quick ul li a em.dsc{height:45px}
	.contents .quick ul li a span.link-btn{width: 100px;position: relative;text-align: center;bottom: 0;height: 40px;padding-left: 0;display: block;line-height: 36px;left: auto;margin: 10px auto 0 auto;}
	
}

.program-info{width: calc(100% + 60px);margin:0 -30px;display: flex;align-items: center;}
.program-info .li{display:inline-block;width: calc(100% / 3 - 30px);margin:30px;/* min-height: 306px; */}
.program-info .link{display:block;border-radius: 35px;box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);padding:69px 60px;min-height: 306px; position: relative; transition: all 0.3s; text-align: left;}

.program-info .link *{   color: #FCFFFF;}

.program-info .link-btn{width:136px;height:46px;position:absolute;bottom:64px;left:60px}
.program-info .arrow{height:14px;margin-left:16px}
.program-info .link .icon{background-position:center center;background-repeat:no-repeat;width:129px;height:101px;position:absolute;right:40px;bottom:36px}

.program-info .link.link1{background-color: #FFC700;}
.program-info .link.link2{background-color: #08B68C;}
.program-info .link.link3{background-color: #FF7C1D;}

.program-info .link:hover,.program-info .link:focus{transform: translateY(-30px);}
.program-info .link:hover .arrow,.program-info .link:focus .arrow{animation:arrow .7s linear;animation-delay:.1s }
.program-info .link:hover .link-btn,.program-info .link:focus .link-btn{background-color: #fff;}
.program-info .link.link1:hover .link-btn,.program-info .link.link1:focus .link-btn{color:#FFC700}
.program-info .link.link1:hover .link-btn .arrow,.program-info .link.link1:focus .link-btn .arrow{background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581055 6.82135L15.277 6.82135M10.5936 1.17114L16.4188 7.30436M9.80813 12.8288L15.6333 6.69561' stroke='%23FFC700' stroke-width='2'/%3E%3C/svg%3E%0A");}

.program-info .link.link2:hover .link-btn,.program-info .link.link2:focus .link-btn{color:#08B68C}
.program-info .link.link2:hover .link-btn .arrow,.program-info .link.link2:focus .link-btn .arrow{background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581055 6.82135L15.277 6.82135M10.5936 1.17114L16.4188 7.30436M9.80813 12.8288L15.6333 6.69561' stroke='%2308B68C' stroke-width='2'/%3E%3C/svg%3E%0A");}

.program-info .link.link3:hover .link-btn,.program-info .link.link3:focus .link-btn{color:#FF7C1D}
.program-info .link.link3:hover .link-btn .arrow,.program-info .link.link3:focus .link-btn .arrow{background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581055 6.82135L15.277 6.82135M10.5936 1.17114L16.4188 7.30436M9.80813 12.8288L15.6333 6.69561' stroke='%23FF7C1D' stroke-width='2'/%3E%3C/svg%3E%0A");}

.program-info .info-tit{font-size: 26px;text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12); font-weight: bold;}
.program-info .info-tit.mo{display:none}
.program-info .dsc{font-family: 'Pretendard';font-weight: 400;font-size: 16px;margin-top: 8px;}
.program-info .info-tit,.program-info .dsc{display:block;line-height: 1.2; position: relative; z-index: 3; word-break: keep-all;}


.program-info .link .icon.icon1{background-image:url(/images/child/main/ic1.svg)}
.program-info .link .icon.icon2{background-image:url(/images/child/main/ic2.svg)}
.program-info .link .icon.icon2:before{content: '';display:inline-block;width: 73.45px;height: 16.28px;background: radial-gradient(circle, rgba(000,000,000,1) 0%, rgba(255,255,255,0) 100%);border-radius: 100%;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);opacity: 0.1;}
.program-info .link .icon.icon{}


/*멍냥시민학교*/
.edu-board{background:#fff9e9 url(/scanimal/common/images/main/bg_edu08.jpg) center bottom repeat-x;position:relative;background-size:auto 560px}
.edu-board .inner{position:relative;padding:100px 0 127px 0}
.edu-board h3.main-tit{font-size:4.6rem;font-weight:700;font-family:'GmarketSans';color:#000}
.edu-board p.tit-ex{font-size:2.2rem;color:#000;}
.edu-board ul{font-size:0;margin-top:93px}
.edu-board ul li{width:23.5%;margin-right:2%;display:inline-block;background: #fff;border-radius: 30px;vertical-align:top;position:relative}
.edu-board ul li:after{background:url(/scanimal/common/images/main/bg_edu04.png) no-repeat;width:20px;height:84px;content:'';position:absolute;bottom:109px;right:-20px;}
.edu-board ul li:nth-child(2){margin-top:70px}
.edu-board ul li:nth-child(4){margin-top:70px;margin-right:0}

.edu-board ul li a{width:100%;}
.edu-board .thumb-area{}
.edu-board .thumb-area img{border-radius:30px 30px 0 0;width:100%;}
.edu-board .thumb-status{position:absolute;top:0px;padding: 5px 20px;border-radius:20px 0 20px 0}
.edu-board .thumb-status.status01{background:#00876C;color:#fff}/*접수중*/
.edu-board .thumb-status.status02{background:grey;color:#fff}/*접수마감*/
.edu-board .thumb-status.status03{background:#ffc11d;color:#000}/*접수예정*/
.edu-board .thumb-text{text-align:center;padding:20px 0}
.edu-board .thumb-text .thumb-tit{font-size:2.2rem;color:#000;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:45px;padding:0 10px}
.edu-board .thumb-text .thumb-date{font-size:1.6rem;color:#666}
.edu-board .thumb-text .thumb-date strong{margin-right:10px}
.edu-board .board-more{position: absolute;right: 0;top: 111px;font-size: 2.4rem;color: #000;}



.object-wrap{}
.object-wrap .object{position:absolute;}
.object-wrap .object.running-person{background:url(/scanimal/common/images/main/bg_edu01.png) no-repeat;width:233px;height:282px;left: calc(50% - 146px); top: 94px;}
.object-wrap .object.running-dog{background:url(/scanimal/common/images/main/bg_edu02.png) no-repeat;width:157px;height:71px;right:calc(50% - 685px);top:300px;}
.object-wrap .object.tree-left{background:url(/scanimal/common/images/main/bg_edu05.png) no-repeat;width:229px;height:206px;left:0;top:160px;}
.object-wrap .object.tree-right{background:url(/scanimal/common/images/main/bg_edu06.png) no-repeat;width:223px;height:243px;right:0;top:160px;}
.object-wrap .object.person-sitting{background:url(/scanimal/common/images/main/bg_edu03.png) no-repeat;width:253px;height:240px;left:0;bottom:0;}



@media all and (max-width:1900px){
.object-wrap .object.person-sitting{display:none}
}
@media all and (max-width:1600px){
.object-wrap .object.tree-right{display:none}

}

@media all and (max-width:1280px){
.object-wrap .object.tree-left{display:none}
.object-wrap .object.running-dog{display:none}
.object-wrap .object.running-person{display:none}
.contents .edu-board{background:#a8c68d url(/scanimal/common/images/main/bg_edu08.jpg) center bottom repeat-x;padding:50px 0 0 0}
.contents .edu-board .inner{padding:0 0 76px 0}
.contents .edu-board .board-more{top:0}
.contents .edu-board ul{margin-top:32px}
}

@media all and (max-width:768px){
.contents .edu-board ul li{width:49%}
.contents .edu-board ul li:nth-child(2){margin-right:0;margin-top:50px}
.contents .edu-board ul li:nth-child(3){margin-top:-40px}
.contents .edu-board ul li:nth-child(4){margin-top:20px}
.contents .edu-board .inner{padding: 0 0 50px 0}


}


/*공지사항*/
.notice{float:left;position:relative;width:32%;margin-right:3.7%}
.notice h3{padding-bottom:25px;border-bottom:1px solid #ccc}
.notice ul li{font-size:1.8rem;line-height:70px;border-bottom:1px solid #eee;overflow:hidden}
.notice ul li a{color:#666;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;line-height:70px}
.notice ul li a:hover{color:#000;text-decoration:underline}
.notice ul li span{color:#aaa;float:right;line-height:70px}
.notice a.more{position:absolute;right:0;top:5px;color:#999;font-size:1.6rem;padding-right:15px;background:url(/women/common/images/main/icon_more.gif) no-repeat right 50%}
@media all and (max-width:990px){
	.notice{float:none;width:100%}
	.notice ul li a,
	.notice ul li span{line-height:60px}
}

.main-board-wrap{background:#fff9e9;font-size:0;padding:150px 0;}
.board-wrap{position:relative;width:48%;display:inline-block;vertical-align:top}
.board-list{margin-bottom:36px}
.board-list a{font-weight:600;font-size:3rem}
.board-list a:first-child{padding-right:20px;position:relative}
.board-list a:first-child:after{background:url(/scanimal/common/images/main/bg_board_dot.png);width:6px;height:6px;top:10px;right:5px;position:absolute;content:''}
.board-list a.board-tab{color:#666;font-family:'GmarketSans';}
.board-list a.board-tab.active{color:#000}
.board-wrap .board{display:none}
.board-wrap .board.active{display:block}
.board-wrap .board h3{}
.board-wrap .board ul{}
.board-wrap .board ul li{border-top:2px dotted #c3c3c3;padding:30px 0}
.board-wrap .board ul li:last-child{border-bottom:2px dotted #c3c3c3}
.board-wrap .board ul li a{font-size:2.2rem;color:#000;display:inline-block;width:calc(100% - 120px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.board-wrap .board ul li span{font-size:2.2rem;color:#666;position:absolute;right:0;}
.board-wrap .board a.more{position:absolute;background:url(/scanimal/common/images/main/btn_more.png) no-repeat;width:35px;height:35px;font-size:0;right:0;top:-80px;}

/*반려가족소개*/
.photo-board-wrap{width:48%;display:inline-block;margin-left:4%;position:relative}
.photo-board-wrap h3{font-size:3rem;font-weight:600;font-family:'GmarketSans';color:#000;.}
.photo-board-wrap ul{}
.photo-board-wrap ul li{display:inline-block;width:49%}
.photo-board-wrap ul li:first-child{margin-right:2%}
.photo-board-wrap ul li a{width:100%;display:inline-block;vertical-align:top;margin-top:30px}
.photo-board-wrap ul li a p.photo-img{height:396px;}
.photo-board-wrap ul li a p.photo-img img{width:100%;height:100%;border-radius:30px}
.photo-board-wrap ul li a p.photo-tit{text-align:center;background:rgba(0,0,0,0.7);padding:10px 0;margin-top:-48px;z-index:100;display:block;position:relative;border-radius:0 0 30px 30px ;color:#fff}
.photo-board-wrap a.more{position:absolute;background:url(/scanimal/common/images/main/btn_more.png) no-repeat;width:35px;height:35px;font-size:0;right:0;top:0px;}

.controlbox {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    line-height: 0;
    font-size: 0;
}

.controlbox button, .controlbox [type="button"]{background-color:transparent;cursor:pointer}
.controlbox:before {
    display: block;
    position: absolute;
    top: 0;
    left: -25px;
    z-index: 1;
    width: calc(100% - 24px);
    height: 100%;
   background-color: rgba(255, 255, 255, 0.85);
    border-radius: 39px;
    content: '';
}

.controlbox .page {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-top: 8px;
    margin-right: 19px;
    vertical-align: top;
    color: #0087cd;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.controlbox .page span {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
    font-size: 15px;
}

.controlbox .page .current {
    color: #05054c;
}

.controlbox .page .gap {
    margin: 0 6px;
}

.controlbox .slide_control {
    display: inline-block;
    position: relative;
    z-index: 2;
    vertical-align: top;
}

.controlbox .slide_control button {
    position: relative;
    width: 39px;
    height: 39px;
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
    color: transparent;
    font-size: 0;
}

.controlbox .slide_control .auto {
    margin-right: 8px;
    margin-left: 8px;
}

.controlbox .slide_control .arrow {
    border-radius: 39px;
    transition-property: background-color;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}

.controlbox .slide_control .arrow:hover {
    background-color: #FFF;
}

.controlbox .slide_control button:before {
    display: block;
    position: absolute;
    top: 11px;
    background-repeat: no-repeat;
    background-image: url(../images/main/main_icons.png);
    content: '';
}

.controlbox .slide_control .arrow:before {
    left: calc(50% - 5px);
    width: 10px;
    height: 17px;
}

.controlbox .slide_control .prev:before {
    background-position: -15px -30px;
}

.controlbox .slide_control .prev:hover:before {
    background-position: -15px -30px;
}

.controlbox .slide_control .next:before {
    background-position: -45px -30px;
}

.controlbox .slide_control .next:hover:before {
    background-position: -45px -30px;
}

.controlbox .slide_control .auto:before {
    left: 12px;
    width: 15px;
    height: 17px;
}

.controlbox .slide_control .slick-pause:before {
    background-position: -60px -30px;
}

.controlbox .slide_control .slick-play:before {
    background-position: -90px -30px;
}

.controlbox .more {
    display: inline-block;
    position: relative;
    width: 37px;
    height: 37px;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    background-color: #546476;
    border-radius: 39px;
    vertical-align: top;
    color: transparent;
    font-size: 0;
    transition-property: background-color;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}

.controlbox .more:hover {
    background-color: #109cd9;
}

.controlbox .more:before {
      display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: -150px -30px;
    background-image: url(../images/main/main_icons.png);
    content: '';

}



@media all and (max-width:1600px){
.contents .main-board-wrap{padding:80px 0}
.contents .main-board-wrap .inner{width:90%}
}


@media all and (max-width:1000px){
.contents .board-wrap{width:100%}
.contents .board-wrap .board ul li{padding:20px 0}
.contents .photo-board-wrap{width:100%;margin-left:0;margin-top:40px}
.contents .photo-board-wrap ul li a p.photo-img{height:500px}
.contents .photo-board-wrap ul li a p.photo-tit{padding:20px 10px; margin-top:-63px;font-size:1.8rem;height:63px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
}

@media all and (max-width:600px){
.contents .main-board-wrap{padding:55px 0}
.contents .photo-board-wrap ul li a p.photo-img{height:320px}
}
@media all and (max-width:540px){
.controlbox .page{display:none}
.controlbox:before{background:none}
}
@media all and (max-width:420px){
.controlbox .slide_control button{width:20px}
.controlbox .slide_control .auto{margin-right:3px;margin-left:3px}
.controlbox .slide_control .auto:before{left:3px}
}
@media all and (max-width:400px){
.contents .photo-board-wrap ul li a p.photo-img{height:280px}
}