/* Reset CSS */
* {margin:0; padding:0; outline:0;}
a {text-decoration:none; color:#313131;}
img {border:none; margin:0 auto; padding:0 auto; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
input[type='checkbox'] {margin:0 auto; padding:0; border:none;}
input[type='radio'] {margin:0 auto; padding:0; border:none;}
body {background:#fff;font-family:Verdana, Tahoma, dotum; font-size:100%; line-height:1em; color:#333}
alt {overflow:hidden;}
a { text-decoration: none; }
a { color:inherit; }
ul, ol, dl { list-style: none; }
input, select {background:#fff;border:solid 1px #ccc;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;font: 0.9em Verdana bold;outline: none;height:2.0em;padding:2px;}

input[type='radio'] {background: #fff;border: solid 1px #C9C7C5;height: 20px;width: 20px;-webkit-appearance: none;-webkit-border-radius: 4px;}
input[type='radio']:checked {background: #fff;border: solid 1px #858585;}
input[type='radio']:checked:after {content: ' ';display: block;width: 14px;height: 14px;background:url(/event/mega1705/images/radiob_14.png) no-repeat;position: relative;top: 2px;left: 2px;-webkit-border-radius: 2px;}
input[type='checkbox'] {background: #fff;border: solid 1px #C9C7C5;height: 20px;width: 20px;-webkit-appearance: none;-webkit-border-radius: 4px;}
input[type='checkbox']:checked {background: #fff;border: solid 1px #858585;}
input[type='checkbox']:checked:after {content: ' ';display: block;width: 14px;height: 14px;background:url(/event/mega1705/images/checkb_14.png) no-repeat;position: relative;top: 2px;left: 2px;-webkit-border-radius: 2px;}

/* basic */
.ta100center {width:100%;margin:0 auto;}
.taback {width:720px;}
.mainbg {background:url(/event/mega1705/images/m_main_bg.png) no-repeat;width:100%;height:100%;background-position:center top;padding:2.0em;}
.mainbg2 {background:#333;width:100%;height:100%;background-position:center top;}
.mmenu_bg {background:#ff9000;width:100%;height:100%;}
.mmenu_bg2 {background:#fff;border-bottom:solid 1px #ff9000;}
.mmenu_btn {width:100%;padding:1.75em 1.0em;display:block;}
.msub_tit {padding:1.25em 0;background:#ff9000;color:#fff;font-size:2.0em;font-weight:bold;}
.msub_btarea {border-bottom:solid 1px #c4c4c4;}
.msub_btn {width:100%;padding:1.1em 0;display:block;font-size:1.3em;}
.s04pyo_01 {padding:1.0em 0;background:#e7e7e7;text-align:center;border:solid 1px #dddddd;}
.s04pyo_02 {padding:1.0em 0;background:#f3f3f3;text-align:center;border:solid 1px #dddddd;}
.s04pyo_03 {padding:1.0em 0;background:#fff;text-align:center;border:solid 1px #dddddd;}
.pyobb {font-size:1.3em;font-weight:bold;}
.mintit {width:5.0em;font-size:0.8em;text-align:right;}

.toplogo {height:1.3em;}
.toppd {padding:1.25em 1.0em;}
.toparea {z-index:98; top:0px; left:0px; right:0px; position:absoulte !important; position:absolute;border-bottom:solid 1px #1963a7;}
.topbg {z-index:97; top:0px; left:0px; right:0px; position:absoulte !important; position:absolute;background-color:#fff;height:3.75em;}
.topblank {height:3.75em;}
.mainbtn {z-index:98; top:30.0em; left:0px; right:0px; position:absoulte !important; position:absolute;}

/* Btn */
.btn {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding:1.0em;}
.btn:hover { text-decoration: none;}
.btn:active { text-decoration: none;}

.bttran {width:9.0em;color: #999; font-size:1.0em;-webkit-border-radius: 2.0em;-border-radius: 2.0em; border-radius: 2.0em;border:solid 1px #5f5f5f;}
.bttran:hover {color:#999;}
.bttran:active { color: #999;}
.btw {width:9.0em;color: #fff; font-size:1.0em;-webkit-border-radius: 2.0em;-border-radius: 2.0em; border-radius: 2.0em;border:solid 1px #fff;}
.btw:hover {color:#fff;}
.btw:active { color: #fff;}
/* Popup */
.poptit {font-family:"Malgun Gothic";width:100%;padding:1.5em;text-align:left;font-size:1.15em;background:#f5f5f5;font-weight:bold;border-bottom:solid 2px #57a1ee;}
.popsub {font-family:"Malgun Gothic";padding:1.5em 1.5em 0.5em; font-size:1.0em;line-height:1.3em;}
.poptxt {}
.popclose {font-family:"Malgun Gothic";padding:0.5em 1.2em; background:#ffffff;border:solid 1px #ccc;}

/* Layer menu */
.white_content {display: none;top:3.0em; left:50%; right:0; position:fixed;background:#fff;margin-left:-300px;width:600px;height:30.0em;z-index:1006;overflow: auto;}
.white_content1 {display: none;top:3.0em; left:50%; right:0; position:fixed;margin-left:-300px;width:600px;height:800px;z-index:1004;overflow: auto;}
.white_content2 {display: none;top:3.0em; left:50%; right:0; position:fixed;margin-left:-300px;width:600px;z-index:1004;overflow: auto;}
.white_content700 {display: none;top:2.0em; left:50%; right:0; position:fixed;background:#fff;margin-left:-45%;width:90%;height:36.0em;z-index:1004;overflow: auto;}
.black_overlay{display: none;top:0;bottom:0px; left:0px; right:0px; position:fixed;width: 100%;height: 100%;background-color: black;z-index:1003;-moz-opacity: 0.80;opacity:.75;filter: alpha(opacity=75);}
.black_overlay2{display: none;top:0;bottom:0px; left:0px; right:0px; position:fixed;width: 100%;height: 100%;background-color: black;z-index:1005;-moz-opacity: 0.80;opacity:.75;filter: alpha(opacity=75);}
/* Layer Location */
.btmbtn {display:block;bottom:0;left:50%;margin-left:-50%;width:100%;position:fixed;z-index:1000;overflow:none;background:#3366ff;}

.mmenutxt{display:block;padding:0.75em 1.0em;background:#fff;border-top:solid 1px #e1e1e1;border-bottom:solid 1px #e1e1e1;text-align:left; font-size:1.1em; color:#333; line-height:1.5em;}
.mmenuicon{float:right;}
.mmicon2 {width:60%;padding-top:0.5em;float:right;}

/* mobile,tablet */
@media only screen
and (min-width: 320px )
and (max-width: 1279px ){
body{font-size:0.75em;}
.white_content {display: none;top:3.0em; left:50%; right:0; position:fixed;background:#fff;margin-left:-49%;width:98%;height:30.0em;z-index:1006;overflow: auto;}
.white_content1 {display: none;bottom:0; left:50%; right:0; position:fixed;margin-left:-50%;width:100%;height:45.0em;z-index:1004;overflow: auto;}
.white_content2 {display: none;bottom:0; left:50%; right:0; position:fixed;margin-left:-50%;width:100%;z-index:1004;overflow: auto;}
.taback {width:100%;}
.endimg {width:100%;}
.btmbtn {display:block;bottom:0;left:50%;margin-left:-50%;width:100%;position:fixed;z-index:1000;overflow:none;}
}