@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

select { padding:4px; }
.input_b01 { padding:5px; border:1px solid #ccc }
img { max-width:100%; } 

#mms { background:url(/etc/mms/images/mms_bbg.gif) repeat left top }
#mms * { font-family:'Nanum Gothic','나눔고딕', sans-serif }
#mms div.wrap { width:96%; max-width:1132px; margin:0 auto; padding-top:28px; text-align:center; background:url(/etc/mms/images/mms_tbg.png) repeat-x left top }
#mms div.wrap h1 { margin-top:22px; }
#mms div.wrap h2 { margin-top:2%; }
#mms div.wrap h3 { margin-top:1%; }
#mms div.wrap ul.menu { overflow:hidden; margin:3% auto; width:55%; }
#mms div.wrap ul.menu li { float:left; padding:1.5%; width:30.3%; text-align:center; }
#mms div.wrap div.box { position:relative; margin-top:4%; background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,.5)}
#mms div.wrap div.box:after { display:block; content:''; position:absolute; top:-20px; width:100%; height:40px; background:url(/etc/mms/images/bg_tape.png) no-repeat center top; }
#mms div.wrap div.box_warp { padding:50px 30px 40px; text-align:center; }
#mms div.wrap div.box_warp p.info { padding-bottom:3%; background:url(/etc/mms/images/dot.gif) repeat-x left bottom }
#mms div.wrap div.box_warp p.info_tit { padding-top:4%; text-align:center }
#mms div.wrap div.box_warp p.info_txt { font-weight:bold; padding-top:3%; text-align:center; line-height:150% }
#mms div.wrap div.box_warp .btn_box { padding-top:25px; text-align:center }
#mms div.wrap div.box_warp form { display:inline-block; width:auto; }
#mms div.wrap div.box_warp .sBtn { display:inline-block; padding:0 35px; height:42px; line-height:42px; font-size:20px; color:#fff; font-weight:600; border-radius:5px; border:1px solid #202224; background:#2b2c2e url(/etc/mms/images/btn_bg.gif) repeat-x; }
#mms div.wrap div.box_warp input.sBtn { height:44px; vertical-align:top; }
#mms div.wrap select { margin:1px 0px; }
#mms div.wrap ul.part_check li {  display:inline-block; width:30%; min-width:130px }
#mms .agree_check { margin-top:5px; padding-bottom:20px; overflow:hidden}
#mms .agree_check>p { float:right; font-weight:bold}
#mms .agree_check p:first-child { float:left; }

#mms table.mms_tbl { width:100%; }
#mms table.mms_tbl th, #mms table.mms_tbl td { width:100%; min-width:80px; border:1px solid #ccc; padding:10px; }
#mms table.mms_tbl tbody th { width:20%; background:#f0f0f0 }
#mms table.mms_tbl .group_idx { margin-left:15px; vertical-align:middle; }
#mms textarea { margin-top:20px; padding:3%; width:94%; border:1px solid #ccc; font-size:14px; line-height:160%; }

@media screen and (min-width:768px) {
	.pc_inline { display:inline; }
	.pc_block { display:block; }
}
@media screen and (max-width:768px) {
	.wrap { padding:0px 2% 30px; }
	#mms div.wrap p.slogan img { max-width:80%; }		
	#mms div.wrap h1 img { max-width:80%; }
	#mms div.wrap h2 { padding:20px 20px 0px; text-align:left; }
	#mms div.wrap h2 img { height:30px; }
	#mms div.wrap h3 { padding:10px 20px 0px ;font-size:13px; text-align:left; }
	#mms div.wrap ul.menu { width:90%; }
	#mms div.wrap div.box_warp { padding:30px 6% 20px; }
	#mms div.wrap div.box_warp p.info img { margin:2px 0px; height:17px; }
	#mms div.wrap div.box_warp p.info_txt { font-size:14px; text-align:left; }
	#mms div.wrap div.box_warp .sBtn { display:inline-block; margin:2px 0px; padding:5px 20px; height:20px; line-height:20px; font-weight:600; font-size:16px; border-radius:5px; border:1px solid #202224; background:#2b2c2e url(/etc/mms/images/btn_bg.gif) repeat-x; }
	#mms div.wrap div.box_warp input.sBtn { vertical-align:top; height:30px; }

}