body,html{margin: 0;padding: 0;font-family:'맑은 고딕',sans-serif;font-size:15px;}
a,
a:hover{text-decoration:none;color:#333}

.body{padding:10px;min-width:300px;}

.micro_site{width: 100%;left: 0;right: 0;z-index:300;border:1px solid #127cc3;background: #fff;box-sizing:border-box;margin: auto;}
.micro_s_wrap{}
.micro_s_header{position: relative;border-bottom: 1px solid #d2d2d2;background: url(header_bg.gif) left bottom repeat-x;}
.micro_s_header img{position: absolute;left: 20px;top: 20px;width: 130px;}
.micro_s_header h2{margin: 0;padding:20px;text-align: center;font-size: 24px;}
.micro_s_header h2 span{display: block;width:calc(100% - 260px);margin: 0 auto;}
.micro_s_mimg{}
.micro_s_mimg img{display: block;width: 100%;}
.micro_s_cont{padding: 30px;line-height:1.5em;}
.micro_s_relation{padding:0 30px 30px 30px;}
.micro_s_relation .content_tit1{margin: 0;padding: 0;line-height: 1em;margin-bottom:15px}
.micro_s_relation > ul,
.micro_s_relation > li{list-style: none;}
.micro_s_relation > ul{border: 1px solid #e5e5e5;border-left: 0;border-right: 0;padding:15px 0;}
.micro_s_relation > ul > li:first-child{margin-top: 0;}
.micro_s_relation > ul > li{font-size: 14px;margin-top: 5px;}
.micro_s_relation > ul > li b{color: #0d79c2;}
.micro_s_relation .bbs_page{margin-top: 20px;}

.micro_s_cont ul,
.micro_s_cont li{padding: 0;margin: 0;list-style: none;}
.micro_s_cont li{padding-left: 15px;margin-top: 10px;}
.micro_s_cont li:first-child{margin-top: 0;}

.micro_s_btns{text-align: center;padding: 30px;}
.micro_s_btns > *{width:100px}
.micro_s_btns .c_btn3{color: #fff;font-weight: bold;}

.micro_s_quick{padding:30px 30px 0 30px;}
.micro_s_quick > *{padding:0 20px;color: #fff;}
.micro_s_quick > *:hover{color:#fff;text-decoration:underline;}
.micro_s_quick::after{content: '';display: block;clear: both;}

.micro_s_quick.opt_col3{margin:0 -5px;}
.micro_s_quick.opt_col3 > *{width: calc(33.3333% - 10px);float: left;text-align: center;margin:0 5px;}

/*이벤트 신청폼*/
ul.event_list,
ul.event_list li{margin: 0;padding:0px;list-style: none;}
ul.event_list{border-top: 1px solid #6d6d6d;border-bottom: 1px solid #6d6d6d;}
ul.event_list li{border-top: 1px solid #ececec;padding:10px 0;}
ul.event_list li:first-child{border-top: 0;}
ul.event_list li::after{content: '';display: block;clear: both;}
ul.event_list li > div{margin-left: 100px;}
#t_file{line-height: 35px;}
ul.event_list strong{float: left;display: block;line-height: 35px;}

.event_txt1{margin-bottom: 5px;font-size: 13px;}
.event_txt2{margin-top: 10px;font-size: 13px;}
.event_txt2 input{margin-top: -3px;}
.event_txt2 .c_btn4{padding-left: 10px;padding-right: 10px;font-size: 13px;margin-left: 15px;}

.event_btns{margin-bottom: 20px; text-align: center;}
.event_btns > *{width:100px;font-weight: bold;font-size: 15px;}

.lay_modal{position: fixed;left: 30px;top: 30px;right: 30px;padding:30px;background: #fff;border:1px solid #127cc3;display: none;}
.lay_modal > div{}
.lay_modal > div > div{background: #fff;}
.lay_modal .lay_modal_container{}
.lay_modal h2{text-align: center;margin: 0;font-size: 18px;}
.lay_modal .lay_modal_cont{margin-top: 20px;max-height:300px;overflow-y:auto;border:1px solid #ececec;padding:10px;}

.lay_modal .lay_modal_close{background: url(/mfds/images/inc/search_icon_close.png) center no-repeat;width: 30px;height: 30px;display: inline-block;background-size:19px;vertical-align: middle;margin-top: -2px;margin-left: 4px;border:0;font-size: 0;right:30px;top:30px;position: absolute;cursor:pointer;}

@media (max-width:767px){

	.lay_modal{left: 10px;top: 10px;right: 10px;padding: 10px;padding-top: 15px;}
	.lay_modal .lay_modal_close{top: 10px;right: 10px;}
}



@media (max-width:600px){
	body,html{font-size: 14px;}
	.micro_s_header img{display: block;position: unset;}
	.micro_s_header h2{padding: 10px;font-size: 17px;}
	.micro_s_header h2 span{width: auto;margin-top: 10px;}

	.micro_s_cont{padding: 10px;}
	.micro_s_relation{padding: 10px;}
	.micro_s_relation .content_tit1{margin-bottom: 0;}
	.micro_s_relation > ul{padding-top: 10px;}

}

@media (max-width:400px){
	ul.event_list strong{float: none;line-height: 1.3em;margin-bottom: 5px;}
	ul.event_list li > div{margin-left: 0;}
}