@charset "utf-8";

#main_container{width:100%;position:relative;}
.inner {width:1100px;margin:0 auto;position:relative;}

#main_notice {background:#ecebed;height:452px;}
#main_notice h3 {cursor:pointer;height:45px;background:#5c6265;text-align:center;width:25%;float:left;font-weight:normal;margin-top:30px;position:relative;}
#main_notice h3 .ttl {color:#fff;display:block;font-size:16px;line-height:45px;}
#main_notice h3 .more{display: block;height: 30px; width: 10px; position: absolute; right: 15px; top: 5px;}
#main_notice h3 .more:before {content:"+";color: #fff; font-size: 20px;}
#main_notice h3 .more span{position:absolute;left:-20000px;}
/* #main_notice h3:first-child{width:366px;} */

#main_notice h3.notice_ttl01.on {background:#61a04b;}
#main_notice h3.notice_ttl02.on {background:#ce6c9a;}
#main_notice h3.notice_ttl03.on {background:#D87C18;}
#main_notice h3.notice_ttl04.on {background:#5091c6;}

#main_notice .inner>div{display:none;}
#main_notice div.on {display:block;}
#main_notice div:after {clear:both;content:"";display:block;}

.notice_list {position:absolute;top:105px;width:100%;height:317px;}
.notice_list .owl-stage-outer {height:277px;overflow:hidden;}
.ntc_slide .items {background:#fff;width:204px;height:277px;padding:30px 20px;box-sizing:border-box;text-align:center;}
.ntc_slide .items span.ico_ntc {display:block;height:23px;line-height:23px;color:#fff;font-size:12px;width:74px;margin:0 auto 15px;}
.ntc_slide .items span.ico_ntc01 {background:#61a04b;}
.ntc_slide .items span.ico_ntc02 {background:#ce6c9a;}
.ntc_slide .items span.ico_ntc04 {background:#5091c6;}
.ntc_slide .items strong {display:block;width:100%;color:#333;font-size:17px;line-height:1.3;margin-bottom:10px;height:87px;overflow:hidden;}
.ntc_slide .items p {color:#777;font-size:13px;line-height:1.4;height:57px;overflow:hidden;margin-bottom:15px;}
.ntc_slide .items p.date {color:#777;font-size:13px;height:initial;}
.ntc_slide .items span.bul_prg{border: 1px solid #005bab;height: 22px;width:60px;text-align: center;line-height: 22px;font-size: 13px;color: #005bab;display:block;margin:0 auto 15px;}
.ntc_slide .items a {color:#222;font-weight:bold;display:block;}
/*.ntc_slide .items a:after {content:">";display:inline-block;margin-left:5px;}*/
.ntc_slide .items .thum {/* height:75px; */width:164px;margin-bottom:10px;}
.ntc_slide .items .thum img{height:100%;-webkit-transform-style: initial !important;}
.ntc_slide .items span.date {padding-right:20px;}

.ntc_slide.ntc_slider01 .items {background:none;width:260px;height:277px;padding:0;}
.ntc_slide.ntc_slider01 .items img {height:100%;}
.ntc_slide.ntc_slider01 .items a {display: block; height: 100%;width: 100%;}
.ntc_slide.ntc_slider01 .items a:after {content:"";}
.ntc_slide.ntc_slider01 .owl-dots{margin-left:-140px;}

.ntc_slide.ntc_slider02 .items strong {height:65px;margin-bottom:0;}

.ntc_slide .owl-dots, .ntc_slider04 .owl-dots, #main_service .box1 .owl-dots, .donation .owl-dots{padding:30px 0 0;border:none;text-align:center;font-size:0;line-height:0;width:100%;vertical-align:middle;}
.ntc_slide .owl-dot, .ntc_slider04 .owl-dot, #main_service .box1 .owl-dot, .donation .owl-dot{border: none;background: transparent;}
.ntc_slide .owl-dot span, .ntc_slider04 .owl-dot span, #main_service .box1 .owl-dot span, .donation .owl-dot span{border:2px solid #bababa;margin:0 5px;display:inline-block;width:6px;height:6px;border-radius:10px;text-indent: -20000px;}
.ntc_slide .owl-dot.active span, .ntc_slider04 .owl-dot.active span, #main_service .box1 .owl-dot.active span, .donation .owl-dot.active span {background:#393b3c;width:23px;border:none;height:10px;}

.notice_each {float:left;background:#fff;padding:30px 20px;height:277px;width:100%;box-sizing:border-box;border-left:1px solid #ededed;position:relative;}
.ntc_slider04 .owl-stage>div:first-child .notice_each{border-left:0;}
.notice_each > span {background:#D87C18;display:block;height:23px;line-height:23px;color:#fff;font-size:12px;width:74px;margin:0 auto 25px;text-align:center;}
.notice_each ul {}
.notice_each ul li {background:url(/images/arko/main/bul_ntc.gif) 0 9px no-repeat;padding-left:12px;margin-top:9px;}
.notice_each ul li:first-child{margin-top:0;}
.notice_each ul li a {color:#777;font-size:14px;display:inline-block;width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.notice_each ul li span {display:inline-block;margin-left:5px;vertical-align:middle;float:right;}
.notice_each .btn_more {background:url(/images/arko/main/btn_more.gif) no-repeat;display:block;height:13px;width:13px;position:absolute;right:20px;top:36px;text-indent:-20000px;}

#main_service {height:455px;box-sizing:border-box;padding:50px 0;}
#main_service:after {clear:both;content:"";display:block;}
#main_service .inner > div {width:530px;position:relative;}
#main_service .inner > div:first-child {margin-right:40px;}
#main_service .inner > div > h3 {font-size:19px;color:#333;margin-bottom:15px;}
#main_service .inner > div > a.btn_arkoNow{display: block;position: absolute; right: 0; top: 0;}
#main_service .inner > div > a.btn_arkoNow:before {content:"+";font-size: 25px; line-height: 1; border: 1px solid #ddd; padding: 0 12px; }
#main_service .inner > div > a.btn_arkoNow span{position: absolute;left: -20000px;}
#main_service .box1:after {clear:both;content:"";display:block;}
#main_service .box1 .ico_wrap{float:left;}
#main_service .box1 div.ico {float:left;width:100%;height:160px;padding:20px;box-sizing:border-box;}
#main_service .box1 div.ico .ttl > a {color:#333;font-size:17px;}
#main_service .box1 div.ico .txt {color:#777;width:150px;margin-top:15px;}
#main_service .box1 div.ico > a {background:#5091c6;color:#fff;display:inline-block;height:19px;line-height:19px;width:38px;text-align:center;font-size:12px;margin-left:10px;vertical-align:text-bottom;}
#main_service .box1 div.ico1 {background:url("/images/arko/main/ico_service01.png") right bottom no-repeat #e2e2e2;}
#main_service .box1 div.ico2 {background:url("/images/arko/main/ico_service02.png") right bottom no-repeat #f9f9f9;}
#main_service .box1 div.ico3 {background:url("/images/arko/main/ico_service03.png") right bottom no-repeat #f9f9f9;}
#main_service .box1 div.ico4 {background:url("/images/arko/main/ico_service04.png") right bottom no-repeat #e2e2e2;}

#main_service .box2 > div {border:1px solid #ebebeb;width:50%;height:321px;float:left;box-sizing:border-box;}
#main_service .box2 > div:first-child {margin-right:-1px;}
#main_service .box2 > div > a{display:block;}
#main_service .box2 > div .thum {width:264px;height:159px;}
#main_service .box2 > div .thum img {height:100%;width:100%;}
#main_service .box2 > div .desc {padding:20px;}
#main_service .box2 > div .desc .ttl {color:#333;font-size:17px;display:block;margin-bottom:15px;line-height:1.3;height:44px;overflow:hidden;}
#main_service .box2 > div .desc .txt {color:#777;display:block;height:38px;overflow:hidden;}
#main_service .box2 > div .desc .date {color:#777;}


#main_menu {background:#ecebed;padding:50px 0 25px;}
#main_menu:after {clear:both;content:"";display:block;}
#main_menu .inner>div {background:#fff;position:relative;margin-bottom:25px;}
#main_menu div h3 {color:#333;font-size:19px;border-bottom:1px solid #ecebed;padding:15px;}
#main_menu div.w340 {width:340px;}
#main_menu div.w720 {width:720px;margin-left:40px;}


/* 문화예술후원 */
#cult_news {background:#ededed;padding:50px 0;display:none;}
#cult_news h3 {font-size: 19px;color: #333;margin-bottom: 15px;}
/* .cult_list {margin-top:40px;} */
.cult_list:after{clear:both;content:"";display:block;}
.cult_list > article {float:left;width:550px;height:250px;position:relative;}
.cult_list > article .cult_fig {float:left;width:275px;height:100%;}
.cult_list > article .cult_fig img {height:100%;width:100%;}
.cult_list > article .cult_cont {float:left;width:275px;height:100%;padding:45px 15px;box-sizing:border-box;background:#fff;text-align:center;}
.cult_list > article .cult_cont .tit{font-weight:700;font-size:17px;height:55px;color:#000;overflow:hidden;}
.cult_list > article .cult_cont .txt{margin-top:10px;font-size:14px;color:#666;height:45px;overflow:hidden;}
.cult_list > article .cult_cont a {border:1px solid #c3c3c3;height:25px;line-height:25px;width:98px;text-align:center;font-size:14px;display:block;color:#777;margin:25px auto 0; transition:background-color .7s, color .7s; -webkit-transition:background-color .7s, color .7s; }
.cult_list > article .cult_cont a:hover { background:#c3c3c3; color:#fff; }
.cult_list > article .arrow_l:after{content:"";display:block;background:url("/images/arko/main/arrow_l.png") no-repeat;width:10px;height:20px;position:absolute;left:50%;top:50%;margin-top:-10px;}
.cult_list > article .arrow_r:before{content:"";display:block;background:url("/images/arko/main/arrow_r.png") no-repeat;width:10px;height:20px;position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-10px;}

/* 예술나무키우기 */
#art_tree {padding:50px 0;}
#art_tree h3 {font-size: 19px;color: #333;margin-bottom: 15px;}
/* .tree_cont {margin-top:40px;} */
.tree_cont:after{clear:both;content:"";display:block;}
.tree_cont > figure {float:left;width:535px;height:359px;}
.tree_cont > figure img {border:1px solid #ebebeb;width:533px;height:357px;}
.tree_cont > div {float:right;width:534px;}
.tree_cont > div .tit{display:block;font-size:25px;height:40px;color:#000;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.tree_cont > div .txt{margin-top:10px;font-size:14px;color:#666;/* height:105px; */overflow:hidden;}
.tree_cont > div .donate {position:relative;margin-top:30px;float:left;width:50%;}
.tree_cont > div .donate dt {color:#808080;font-size:15px;}
.tree_cont > div .donate dt:before{content:"";border-bottom:2px solid #808080;display:block;width:26px;margin-bottom:10px;}
.tree_cont > div .donate dd {color:#000;font-size:25px;}
.tree_cont > div a {background:url("/images/arko/main/btn_arrow.png") 90% center no-repeat #ce6c9a;display:block;height:45px;line-height:45px;width:190px;color:#fff;font-size:15px;text-indent:20px;clear:both;position:relative;top:30px;}
/* .tree_cont > div .donate a:hover {background-position:92% center;} */

.quick_menu {font-size:0;padding:20px;}
.quick_menu a {display:inline-block;text-align:center;padding-top:60px;width:12.5%;vertical-align:top;}
.quick_menu a span{font-size:14px;color:#333;line-height:1.2;}
.quick_menu a.ico01{background:url("/images/arko/main/ico_quick01.png") center top no-repeat;}
.quick_menu a.ico02{background:url("/images/arko/main/ico_quick02.png") center top no-repeat;}
.quick_menu a.ico03{background:url("/images/arko/main/ico_quick03.png") center top no-repeat;}
.quick_menu a.ico04{background:url("/images/arko/main/ico_quick04.png") center top no-repeat;}
.quick_menu a.ico05{background:url("/images/arko/main/ico_quick05.png") center top no-repeat;}
.quick_menu a.ico06{background:url("/images/arko/main/ico_quick06.png") center top no-repeat;}
.quick_menu a.ico07{background:url("/images/arko/main/ico_quick07.png") center top no-repeat;}
.quick_menu a.ico08{background:url("/images/arko/main/ico_quick08.png") center top no-repeat;}
.quick_menu a.ico09{background:url("/images/arko/main/ico_quick09.png") center top no-repeat;}

.sns_menu {font-size:0;padding:20px;}
.sns_menu a {display:inline-block;height:59px;margin-left:20px;width:59px;text-indent:-20000px;}
.sns_menu a:first-child {margin-left:0;}
.sns_menu a.ico01{background:url("/images/arko/main/ico_sns01.png") center top no-repeat;}
.sns_menu a.ico02{background:url("/images/arko/main/ico_sns02.png") center top no-repeat;}
.sns_menu a.ico03{background:url("/images/arko/main/ico_sns03.png") center top no-repeat;}
.sns_menu a.ico04{background:url("/images/arko/main/ico_sns04.png") center top no-repeat;}

.ad_ctrl button{border:0; position:absolute; width:24px; height:24px; top:14px;}
.ad_ctrl button span{display:block;text-indent:-20000px;}
.ad_ctrl .ad_stop{left:213px; background:url(/images/arko/main/ad_ctrl_pause.png) no-repeat 0 0}
.ad_ctrl .ad_play{left:213px;background:url(/images/arko/main/ad_ctrl_play.png) no-repeat 0 0}
.ad_ctrl .ad_left{left:160px;background:url(/images/arko/main/ad_ctrl_l.png) no-repeat 0 0}
.ad_ctrl .ad_right{left:186px;background:url(/images/arko/main/ad_ctrl_r.png) no-repeat 0 0}
.ad_list_set{overflow:hidden;padding:20px;}
.ad_list_set ul{width:100%;}
.ad_list_set ul li{float:left;margin-right:13px}
.ad_list_set ul li a img{vertical-align:top;border:1px solid #e6e6e6;width:158px;}


/* 이전 기부금
.donation {overflow: hidden;padding-bottom:50px}
.donation li{width:21.8%; background-color: #f9f9f9; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;float: left; text-align: center;padding:1.5%}
.donation li:first-child{border-left: 1px solid #e3e3e3;}
.donation figure {height: 170px; padding-top: 15px}
.donation p {font-size: 18px; line-height: 55px;color:#333}
.donation span {display:block; font-size: 15px; text-align: left; background:url("/images/arko/main/donation_dot.png") 0 40% no-repeat; text-indent: 10px}
.donation span strong {color:#e81a3c; font-size: 17px}
.donation_suport {overflow: hidden;}
.donation_suport li {float: left; width: 12.5%; text-align: center;}
.donation_suport p {font-size:17px; line-height: 32px; color:#333}
.donation_suport span {font-size:15px;color:#666666;display:block}
.donation_suport span.fred {color:#e81a3c}
.donation_icon img {width:110px;margin-bottom: 25px} */

/* 기부금 */
.donation{margin-bottom:50px;}
.donation .owl-stage-outer{border:1px solid #e3e3e3;}
.donation:after{content:"";display:block;clear:both;}
.donation li{width:100%;  float: left; text-align: center;box-sizing:border-box;}
.donation li:first-child, .donation .owl-item:first-child{border-left: 0;}
.donation .owl-item{border-left:1px solid #e3e3e3;box-sizing:border-box;padding:1.5%;background-color: #f9f9f9;}
.donation figure {height: 170px; padding-top: 15px}
.donation p {font-size: 18px; line-height: 55px;color:#333}
.donation li span {display:block; font-size: 15px; text-align: left; background:url("/images/arko/main/donation_dot.png") 0 40% no-repeat; text-indent: 10px}
.donation li span strong {color:#e81a3c; font-size: 17px}
.donation_suport {overflow: hidden;}
.donation_suport li {float: left; width:100%; text-align: center;}
.donation_suport p {font-size:17px; line-height: 32px; color:#333}
.donation_suport span {font-size:15px;color:#666666;display:block}
.donation_suport span.fred {color:#e81a3c}
.donation_icon img {width:110px;margin-bottom: 25px}
.donation_suport.owl-carousel .owl-item .donation_icon img{width:110px;margin:auto;}
.donation.owl-carousel .owl-item img{display:inline-block;width:auto;}


/* 반응형 추가 */
#main_notice .notice_list .img{position:absolute;z-index:1;}
#main_notice .notice_list>div.ntc_slider01{width:828px;margin-left:278px;}
#main_notice .mMore{display:none;}



@media all and (max-width : 1024px){
#main_notice{padding:0 20px;box-sizing:border-box;}
#main_notice .inner, #main_service .inner, #main_menu .inner{width:100%;}
#main_notice .notice_list .img{display:none;}
#main_notice .notice_list>div.ntc_slider01{width:100%;margin-left:0;}
.ntc_slide.ntc_slider01 .items{width:auto;}
.ntc_slide.ntc_slider01 .owl-dots{margin-left:0;}

.ntc_slider02 .items, .ntc_slider03 .items{width:100%;}

.ntc_slider02 .items .thum{margin:0 auto 10px;height:98px;}
.ntc_slider02 .items span.date{float:left;}

.notice_each ul li a{width:78%;}

#main_service{padding:50px 20px;}
#main_service .inner > div{width:calc(50% - 20px);}
#main_service .box1 div.ico > .txt{width:124px;}
#main_service .box2 > div .thum{width:100%;}
#main_service .box2 > div .desc .txt{height:45px;}

#art_tree .inner{width:calc(100% - 40px);}

#main_menu div.w340{width:calc(100% - 760px);}
.sns_menu a{width:25%;margin-left:0;}
.sns_menu a.ico01, .sns_menu a.ico02, .sns_menu a.ico03, .sns_menu a.ico04{background-size:contain;}

}

@media all and (max-width : 768px){
#main_notice{height:522px;}
#main_notice .inner{padding-top:30px;}
#main_notice h3{width:100%;z-index:10;margin-top:0;}
#main_notice h3 .ttl{position:relative;}
#main_notice h3 .ttl:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-4px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;bottom:auto;left:auto;transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#main_notice h3.on .ttl:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-9px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;bottom:auto;left:auto;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
#main_notice h3.notice_ttl01.on, #main_notice h3.notice_ttl02.on, #main_notice h3.notice_ttl03.on, #main_notice h3.notice_ttl04.on{background:#5c6265;}

#main_notice h3 .more{display:none;}
#main_notice .mMore{display:block;text-align:center;margin-top:18px;}
#main_notice .mMore a{display:inline-block;text-align:center;width:120px;background:#000;height:40px;line-height:40px;position:relative;}
#main_notice .mMore a:after{padding-left:5px;content:"+";color:#fff;font-size:15px;}
#main_notice .mMore a span{color:#fff;}

#notice_list_03 .owl-carousel{display:block;}

.notice_each ul li a{width:84%;}

#main_service{height:auto;}
#main_service .inner > div{width:100%;}
#main_service .inner > div:first-child{margin-right:0;margin-bottom:50px;}
#main_service .inner > div > h3{text-align:center;}
#main_service .inner > div.fl{float:none;}
#main_service .box1 div.ico > .txt{width:70%;}
#main_service .box2 > div{height:auto;}
#main_service .box2 > div .thum{height:100%;}

.donation_suport .owl-nav{position:absolute;top:50%;width:100%;}
.donation_suport .owl-nav button{width:36px;height:36px;border:none;border-radius:72px;background:rgba(154,154,154,0.6);}
.donation_suport .owl-nav button span{text-indent:-9999px;}

.donation_suport .owl-nav .owl-prev{position:absolute;left:0;}
.donation_suport .owl-nav .owl-next{position:absolute;right:0;}
.donation_suport .owl-nav .owl-next:before{width:10px;height:10px;background-color:transparent;content:"";margin-top: -6px;margin-right: -4px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right: 50%;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.donation_suport .owl-nav .owl-prev:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-6px;margin-left:-4px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;left: 50%;bottom:auto;right:auto;transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

#art_tree h3{text-align:center;}

.quick_menu a{width:25%;}
.quick_menu a.ico02, .quick_menu a.ico07, .quick_menu a.ico08, .quick_menu a.ico09{margin-top:20px;}

#main_menu{padding:50px 20px 25px;}
#main_menu div h3{text-align:center;}
#main_menu div.w340{width:46%;}
#main_menu div.w720{width:50%;margin-left:4%;}
.ad_ctrl .ad_stop{display:none;}
.ad_list_set ul li{margin-left:10px;margin-right:10px;}
.ad_ctrl button{width:36px;height:36px;border-radius:72px;top:8px;}
.ad_ctrl button span{text-indent:-9999px;}
.ad_ctrl .ad_left{background:rgba(154,154,154,0.6);left:20px;}
.ad_ctrl .ad_left:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-6px;margin-left:-4px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;left: 50%;bottom:auto;right:auto;transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.ad_ctrl .ad_right{background:rgba(154,154,154,0.6);right:20px;left:auto;}
.ad_ctrl .ad_right:before{width:10px;height:10px;background-color:transparent;content:"";margin-top: -6px;margin-right: -4px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right: 50%;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

}


@media all and (max-width : 640px){
	.sns_menu a.ico01{background-image:url("/images/arko/main/m_ico_sns01.png");}
	.sns_menu a.ico02{background-image:url("/images/arko/main/m_ico_sns02.png");}
	.sns_menu a.ico03{background-image:url("/images/arko/main/m_ico_sns03.png");}
	.sns_menu a.ico04{background-image:url("/images/arko/main/m_ico_sns04.png");}


}

@media all and (max-width : 414px){
#main_notice{height:463px;}
#main_notice .inner{padding-top:20px;}
.notice_list{top:81px;}
.ntc_slide .owl-dots, .ntc_slider04 .owl-dots, #main_service .box1 .owl-dots, .donation .owl-dots{padding:15px 0 0 0;}
.ntc_slide .owl-dot span, .ntc_slider04 .owl-dot span, #main_service .box1 .owl-dot span, .donation .owl-dot span{margin:0 3px;}
.ntc_slide.ntc_slider01 .items{height:auto;padding:0 30px;box-sizing:border-box;}
.notice_list .owl-stage-outer{height:auto;overflow:visible;}

.ntc_slider02 .items, .ntc_slider03 .items{width:calc(100% - 60px);margin-left:30px;}

.notice_each ul li a{width:78%;}

#main_notice .mMore{margin-top:9px;}

#main_service{padding-top:40px;padding-bottom:0;}
#main_service .inner > div:first-child{margin-bottom:40px;}

#main_service .box2 > div{width:100%;}
#main_service .box2 > div:last-child{display:none;}

#art_tree{padding:40px 0;}
.donation figure{height:150px;padding-top:10px;}
.donation .owl-item{border-left:0;}

#main_menu{padding:40px 20px;}
#main_menu .inner>div{margin-bottom:40px;}
.quick_menu{padding:0;}
.quick_menu a.ico01, .quick_menu a.ico02, .quick_menu a.ico03, .quick_menu a.ico04, .quick_menu a.ico05, .quick_menu a.ico06, .quick_menu a.ico07, .quick_menu a.ico08, .quick_menu a.ico09{background:none;}

.quick_menu{overflow:hidden;}
.quick_menu a{width:50%;padding-top:0;vertical-align:middle;display:table;float:left;box-sizing:border-box;border-top:1px solid #ecebed;}
.quick_menu a span{width:100%;vertical-align:middle;display:table-cell;height:48px;}
.quick_menu a.ico02, .quick_menu a.ico07, .quick_menu a.ico08, .quick_menu a.ico09{margin-top:0;}
.quick_menu a:nth-child(odd){border-right:1px solid #ecebed;}
#main_menu .inner div:first-child h3{border-bottom:0;}

#main_menu .inner>div.fl{float:none;}
#main_menu div.w340{width:100%;}
#main_menu div.w720{width:100%;margin-left:0;margin-bottom:0;}
}

@media all and (max-width : 320px){
#main_notice{padding:0 10px;}
#main_service{padding-left:10px;padding-right:10px;}
#art_tree .inner{width:calc(100% - 20px);}
}