@charset "utf-8";


/* Mobile */

.sub_site .head h1{font-size:20px;line-height:30px;padding-top:0;}
.sub_site .head h1 span{display:inline-block;color:#000;font-size:22px;}
.sub_site .head h1 strong{display:block;font-weight:500;}


.m_top{background:url("/images/17_injae/main/m_back.gif") no-repeat center top;background-size:cover;}


.info_zone{position:relative;padding:30px;}
.info_zone .img img{width:100%;border-radius:30px 30px 0 0;}
.info_zone .control{text-align:center;background:rgba(66,66,100,0.9);border-radius:0 0 30px 30px;padding:10px 0;}
.info_zone .control .btn span{display:inline-block;line-height:33px;padding-right:10px;color:#fff;font-size:16px;}
.info_zone .control .btn button {width:22px;height:33px;padding-top:32px;font-size:0;overflow:hidden;background:url("/images/17_injae/main/btn_all.png") no-repeat;}
.info_zone .control .btn button.prev {background-position:10px 0;}
.info_zone .control .btn button.next {background-position:-48px 0;}
.info_zone .control .btn button.stop {background-position:-18px 0;}
.info_zone .control .btn button.play {background-position:-78px 0;}
.info_zone .control .btn button.more {background-position:-240px 0;width:32px;margin-left:7px;}


.donation{background:#3b4068;padding:30px;}
.donation h2{position:relative;background:#3d426c;border:solid 1px #9da0b4;border-radius:30px 30px 0 0;font-size:20px;color:#fff;padding:10px 0 5px 0;text-align:center;font-weight:400;}
.donation .bank_info{background:#fff;border-radius:0 0 30px 30px;padding:10px;text-align:center;}
.donation .bank_info img{padding-top:3px;}
.donation .bank_info span{display:block;font-size:20px;font-weight:bold;color:#025bbb;}
.dona_con{padding:30px 0 0 0;}
.dona_con dl{text-align:center;color:#fff;padding:30px 0;border-bottom:dotted 1px #9da0b4;}
.dona_con dl.dc01{padding-top:0;}
.dona_con dl dt{font-size:18px;padding-bottom:10px;}
.dona_con dl dd{font-size:20px;line-height:28px;}
.dona_con dl dd strong{color:#ffe257;font-weight:800;font-size:28px;}
.dona_con dl dd ul{height:90px;overflow:hidden;}
.dona_con dl dd li{font-size:14px;}
.dona_con dl.dc03{padding-bottom:0;border:none;}
.donation .btn{position:absolute;top:3px;right:20px;}
.donation .btn button{width:22px;height:33px;padding-top:32px;font-size:0;overflow:hidden;background:url("/images/17_injae/main/btn_all.png") no-repeat;}
.donation .btn button.more {background-position:-240px 0;width:32px;margin-left:7px;}

.minfo2{background:#ffacb4;padding:30px;}
.minfo2 h2{background:#ff5465;font-size:18px;color:#fff;font-weight:300;text-align:center;padding:10px 0 7px 0;border-radius:30px;}
.minfo2 ul{padding:20px 0 0 0;}
.minfo2 ul:after{display:block;content:"";clear:both;}
.minfo2 ul li{font-size:15px;color:#3e4470;font-weight:400;padding:2px 0;}
.minfo2 ul li span{color:#c10316;}


.mm_con div{border-radius:30px;padding:30px;margin:30px;font-weight:400;}
.mm_con div a{display:inline-block;color:#fff;padding:10px 30px;border-radius:30px;font-size:14px;}
.mm_con div.d01{background:#d6b8e2}
.mm_con div.d01 p{color:#292f56;font-size:14px;margin-bottom:30px;}
.mm_con div.d01 a{background:#391d44;}
.mm_con div.d02{background:#ffacb4}
.mm_con div.d02 h2{color:#b21020;font-size:24px;}
.mm_con div.d02 h2 span{display:block;font-size:14px;color:#000;}
.mm_con div.d02 p{padding:30px 0;font-size:14px;color:#3b3b3b;}
.mm_con div.d02 a{background:#df283a;}
.mm_con div.d03{background:#fdeabc}
.mm_con div.d03 h2{font-size:24px;font-weight:400;color:#000;}
.mm_con div.d03 ul li{border-bottom:solid 1px #b1a383;}
.mm_con div.d03 ul li a{position:relative;color:#000;padding:10px 20px;display:block;}
.mm_con div.d03 ul li a:before{display:block;content:"";width:4px;height:4px;border-radius:10px;background:#000;position:absolute;top:17px;left:10px;}
.mm_con div.d03 ul li a:after{display:block;content:"";width:7px;height:10px;background:url("/images/17_injae/main/btn_all.png") no-repeat 0 -40px;position:absolute;top:14px;right:10px;}
.mm_con div.d03 ul li a:hover,
.mm_con div.d03 ul li a:focus{color:#ee3447;}
.mm_con div.d03 ul li a:hover:before,
.mm_con div.d03 ul li a:focus:before{background:#ee3447;}
.mm_con div.d03 ul li a:hover:after,
.mm_con div.d03 ul li a:focus:after{background-position:-20px -40px;}



.main_bbs{position:relative;padding:40px 10px;background:#f8f8f8;height:730px;}
.main_bbs .mbbs_tit{background:#fff;bordeR:solid 1px #d6dbde;border-radius:30px;padding:20px;}
.main_bbs .mbbs_tit:after{display:block;content:"";clear:both;}
.main_bbs h2{font-size:15px;font-weight:300;color:#000;float:left;width:50%;}
.main_bbs h2 a{text-align:center;display:block;color:#000;padding:10px 0;}
.main_bbs h2 a.on{background:#ff5465;color:#fff;border-radius:30px;}

.main_bbs .mbbs_list{position:absolute;top:150px;left:0;width:100%;padding:0 20px;}
.main_bbs .mbbs_list ul{height:470px;overflow-y:scroll;}
.main_bbs .mbbs_list li{padding-bottom:40px;}
.main_bbs .mbbs_list li .date{font-size:14px;}

.main_bbs .mbbs_list li a{display:block;color:#000;font-family:SCDream;}
.main_bbs .mbbs_list li a strong{font-size:20px;display:inline-block;width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:solid 1px #e4e3e1;padding:0 0 15px 0;margin-bottom:15px;}
.main_bbs .mbbs_list li a span{display:block;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#616161;font-weight:300;line-height:24px;height:50px;overflow:hidden;}
.main_bbs .mbbs_list li a:hover,
.main_bbs .mbbs_list li a:focus{text-decoration:underline;color:#ff5465;}

.main_bbs .mbbs_list p.more{padding-top:20px;}
.main_bbs .mbbs_list p.more a{display:block;background:#fff;border:solid 1px #ff5465;border-radius:30px;padding:10px 0;text-align:center;}


.main_gallery{position:relative;padding:30px;}
.main_gallery h2{font-size:24px;font-weight:400;padding-bottom:20px;}
.main_gallery .img img{width:100%;border-radius:30px;}
.main_gallery .img a span{display:block;padding:10px 0;text-align:center;width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;}
.main_gallery .control{position:absolute;top:25px;right:20px;}
.main_gallery .control .btn button {width:15px;height:33px;padding-top:32px;overflow:hidden;background:url("/images/17_injae/main/btn_all.png") no-repeat;}
.main_gallery .control .btn button.prev {background-position:-115px 0;}
.main_gallery .control .btn button.next {background-position:-173px 0;}
.main_gallery .control .btn button.stop {background-position:-143px 0;}
.main_gallery .control .btn button.play {background-position:-203px 0;}
.main_gallery .control .btn button.more {background-position:-240px 0;width:32px;}

.con_pp p{border-top:solid 1px #a09f9f;}
.con_pp h2{font-size: 24px;font-family: 'GmarketSans';font-weight: 500;text-align: center;padding: 10px 0;color: #4c4c4c;font-weight: bold;}
.con_pp a{display:block;border-bottom:solid 1px #b6b6b6;}
.con_pp a:last-child{border:none;}
.con_pp img{width:100%}

.f_banner .control h2 {color:#010101;font-size:17px;margin: 8px 5px 0 0;font-family:'GmarketSans';}
.f_banner .list {width:calc(100% - 210px);padding-top:0;}

/* Tablet */
@media (min-width:768px) {

.sub_site li.menu4 .depth_boxcon>ul{text-align:right}

.m_top{position:relative;padding-bottom:140px;}
.con_wrap:after{display:block;content:"";clear:both;}


.info_zone{float:left;width:40%;padding:30px 20px;}

.main_info{float:right;width:60%;}

.donation{position:relative;padding:30px 20px;}
.donation h2{/* text-align:left;*/padding:13px 0 0 20px;border-radius:30px;height:50px;}
.donation .bank_info{/* top:30px;*/height:50px;border-radius:30px;padding-top:15px;}
.donation .bank_info span{display:inline-block;}
.dona_con dl{padding:20px 0;}
.dona_con dl:after{display:block;content:"";clear:both;}
.dona_con dt, 
.dona_con dd{float:left;}
.dona_con dt{padding:2px 20px;width:30%;}
.dona_con dd{width:70%;}
.dona_con dd li{display:inline-block;padding:0 15px;}
.donation .btn{right:inherit;left:100px;top:8px;}

    
.minfo2{position:absolute;bottom:0;left:0;width:100%;}
.minfo2 ul{text-align:center;}
.minfo2 li{display:inline-block;margin:0 10px;position:relative;}
.minfo2 li:last-child:before{display:block;content:"";background:#3b4068;width:1px;height:10px;position:absolute;top:7px;left:-11px;;}


.mm_con:after{display:block;content:"";clear:both;}
.mm_con{padding-bottom:30px}
.mm_con div{float:left;width:calc(50% - 30px);margin:30px 15px 0 15px;}
    

.mm_con div.d01{background:#d6b8e2 url("/images/17_injae/main/go_bg01.png") no-repeat 130% 10px;min-height:250px;}
.mm_con div.d02{background:#ffacb4 url("/images/17_injae/main/go_bg02.png") no-repeat 190% 50px;min-height:250px;}
.mm_con div.d03{background:#fdeabc url("/images/17_injae/main/go_bg03.png") no-repeat 95% 5px;width:calc(100% - 30px);}
.mm_con div.d03 ul:after{display:block;content:"";clear:both;}
.mm_con div.d03 li{float:left;width:25%;margin:0 10px 0 0;}

   
    
.main_bbs{padding:40px 30px;height:670px;}
.main_bbs .mbbs_tit{padding:10px;height:60px;}
.main_bbs h2{width:20%;}

.main_bbs .mbbs_list{position:absolute;top:130px;left:0;width:100%;padding:0 20px;}
.main_bbs .mbbs_list ul{height:auto;overflow:inherit}
.main_bbs .mbbs_list li{float:left;width:50%;padding:0 20px 40px 20px;}


.main_bbs .mbbs_list p.more{padding:0;position:absolute;top:-89px;right:31px;}
.main_bbs .mbbs_list p.more a{display:block;background:#ffd1d6 url("/images/17_injae/main/more_ico.png") no-repeat center center;border:none;border-radius:40px;width:58px;height:58px;padding:58px 0 0 0;overflow:hidden;box-shadow:none;font-size:0;}
.main_bbs .mbbs_list p.more a span{}    


.con_pp a{width:25%;float:left;border:none;text-align:center;position:relative;}   
.con_pp a:before{display:block;content:'';width:1px;height:30px;position:absolute;right:0;top:39px;background:#ddd;}
.con_pp a:last-child:before{display:none;}
}

/* Desktop */
@media all and (min-width:1023px) {

.con_wrap{width:1400px;margin:0 auto;}

.m_top{height:500px;padding:70px 0;}

.info_zone{position:relative;width:450px;height:360px;margin:0;padding:0;}
.info_zone .img img{border-radius:30px;width:450px;height:360px;}
.info_zone .control{position:absolute;bottom:0;right:0;padding:15px 20px;border-radius:30px 0;}


.main_info{position:relative;width:925px;margin:0;padding:0;}

.donation{border-radius:30px;height:360px;padding:50px;}
.donation h2{text-align:left;}
.donation .bank_info{top:50px;right:50px;padding:15px 60px;position:absolute;width:calc(100% - 280px);}
.donation .bank_info span{margin-left:20px;}

.dona_con{padding:40px 0 0 0;}
.dona_con dl{float:left;width:25%;padding:20px 0 0 0 !important;border-bottom:none;border-right:dotted 1px #9da0b4;height:120px;}
.dona_con dl.dc02{width:50%;}
.dona_con dt, 
.dona_con dd{float:none;width:100%;}
.dona_con dl dd{font-size:24px;}
.dona_con dl dd strong{font-size:36px;}
.dona_con dd li{display:block;padding:0;}
.dona_con dl.dc03{padding-top:10px !important;}
    

.minfo2{position:absolute;top:305px;left:0;border-radius:0 0 30px 30px;height:55px;padding:15px 0 0 0;}
.minfo2 h2{position:absolute;top:-15px;left:0;border-radius:0 30px;height:70px;padding:20px 40px}
.minfo2 ul{padding:0 0 0 180px;}



.mm_con:after{display:block;content:"";clear:both;}
.mm_con{padding:50px 0}
.mm_con div{float:left;width:calc(33.33333% - 25px);margin:0 13px 0 12px;padding:50px 0 0 50px;}
    

.mm_con div.d01{background:#d6b8e2 url("/images/17_injae/main/go_bg01.png") no-repeat 100% 10px;min-height:250px;}
.mm_con div.d01 p{padding:0 0 15px 0}
.mm_con div.d02{background:#ffacb4 url("/images/17_injae/main/go_bg02.png") no-repeat 130% 30px;min-height:250px;}
.mm_con div.d02 p{padding:0 0 30px 0;}
.mm_con div.d03{background:#fdeabc url("/images/17_injae/main/go_bg03.png") no-repeat 92% 30px;min-height:250px;width:calc(33.33333% - 30px);}
.mm_con div.d03 li{float:none;width:200px;margin:0;}


.main_bcon{clear:both;}    
.main_bcon:after{display:block;content:'';clear:both;}
.main_bbs{position:relative;float:left;width:925px;height:480px;background:none;padding:0;}

.main_bbs .mbbs_tit{width:925px;}
.main_bbs h2{position:relative;float:left;width:auto;font-size:18px;}
.main_bbs h2 a{display:block;padding:10px 30px;color:#3e4055;}

.main_bbs .mbbs_list{top:100px;left:0;width:920px;padding:0;}
.main_bbs .mbbs_list li{width:33.3333%;/* padding-bottom:30px;*/}
.main_bbs .mbbs_list li a strong{font-weight:400;font-size:18px;}
.main_bbs .mbbs_list li a span{font-size:14px;}

.main_bbs .mbbs_list p.more{top:-99px;right:-5px;}



.main_gallery{float:right;width:450px;padding:20px 0 0 0;}
.main_gallery h2{padding-bottom:35px;}
.main_gallery .img img{width:450px;height:260px;}
.main_gallery .img a span{padding-top:20px;}
.main_gallery .control{top:15px;right:10px;}
.main_gallery .control .btn button{width:20px;}
    
.con_pp h2{text-align: left;display: inline-block;float: left;padding: 31px 0 0 0;}
.con_pp p{border:none;width: calc(100% - 145px);float: right;margin-bottom: 30px;}
.con_pp img{width:auto;}
.con_pp:after{display:block;content:'';clear:both;}
}


.font_g{font-family:'GmarketSans';}

/*인포모아보기 추가*/
.info_allpop{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;display:none;}
.info_allpop:before{content:"";display:block;position:fixed;top:0;right:0;left:0;bottom:-900px;background:rgba(0, 0, 0, .7);z-index:-1;transition:.5s ease-out;opacity:0;}
.info_allpop:before{bottom:0;opacity:1}
.info_allpop.on{display:block;z-index:2;}
.info_allpop>div{background:#505dd9 url("/images/common/fs_bg.png") no-repeat center top;border-radius:30px;margin:5% auto 0 auto;width:100%;padding:50px 0 0 0;box-sizing:border-box;overflow:hidden;position:relative;}
.info_allpop h3{color:#fff;font-size:1.5rem;}
.info_allpop p{color:#bbcff6;padding-bottom:10px;font-size:1.125rem;}
.info_allpop p i{font-style:normal;display:inline-block;width:25px;height:25px;border-radius:50%;background:#faf9ff;color:#1f298b;line-height:25px;margin-right:5px;}
.info_allpop .all_close{width:40px;height:40px;display:block;font-size:0;position:absolute;overflow:hidden;background:#eee9ff url("/images/common/fs_close.png") no-repeat center;border-radius:50%;box-sizing:border-box;top:10px;left:46%;}
.info_allpop .all_close:hover,.info_allpop .all_close:focus,.info_allpop .all_close:active{background-color:#fff;border-color:#fefefe}
.info_allpop .img_area{background:#fff;padding:20px;height:500px;overflow-y:auto;}
.info_allpop .img_area::-webkit-scrollbar{width:15px;}
.info_allpop .img_area::-webkit-scrollbar-thumb{background-color:#6d50d9;border-radius:50px}
.info_allpop .img_area::-webkit-scrollbar-track{background-color:#e5e0f7;}
.info_allpop .img_area li{border-radius:20px;overflow:hidden;margin-bottom:30px;}
.info_allpop .img_area li:hover,
.info_allpop .img_area li:focus,
.info_allpop .img_area li:active{box-shadow:2px 2px 20px #ccc9c9}
.info_allpop .img_area li a{display:block;}
.info_allpop .img_area li img{width:100%;}

@media (min-width:768px){
.info_allpop>div{padding:40px 0 0 0;margin:40px auto 0 auto;width:90%;}
.info_allpop h3{font-size:2.25rem;}
.info_allpop p{padding-bottom:30px}
.info_allpop .all_close{width:90px;height:90px;border:solid 10px #9a8ad5;right:40px;left:auto;top:30px;}
.info_allpop .img_area{padding:40px;height:600px;}
.info_allpop .img_area li{width:31.333%;margin:0 1% 20px 1%;float:left;}
.info_allpop .info ul li{width:18%;}

}

@media (min-width:1024px){
.info_allpop>div{margin:0 auto;position:fixed;transform:translate(-50%, -50%);top:50%;left:50%;}

.sub_site .menu{width:1000px;}
}

@media all and (min-width:1600px){
.info_allpop>div{width:1400px;}
}              

.f_banner .list li:before{height:20px;top:10px;left:-13px;}