/* 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{vertical-align:middle; padding:10px; border:solid 1px #ccc;background:#fff;font-family:Malgun Gothic;font-size:13px;color:#666;}
select{vertical-align:middle;height:39px;padding:7px; border:solid 1px #ccc;background:#fff;font-family:Malgun Gothic;font-size:12px;line-height:1.5em;color:#666;}

body {background:#fff;font-family:Malgun Gothic, Verdana, Tahoma, Dotum; font-size:100%; line-height:1.2em; color:#313131;}
alt {overflow:hidden;}
a { text-decoration: none; }
a { color:inherit; }
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

input[type=radio]:not(old){  width: 24px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=radio]:not(old) + label{  display: inline-block;  margin-left  : -24px;  padding-left : 24px;  background: url(../images/checks.png) no-repeat 0 0;  line-height: 24px;}
input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}

input[type=checkbox]:not(old){  width: 24px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=checkbox]:not(old) + label{  display: inline-block;  margin-left  : -24px;  padding-left : 24px;  background: url(../images/checks.png) no-repeat 0 0;  line-height: 24px;}
input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}

#sagree input[type='checkbox'] {background: #fff;border: solid 2px #C9C7C5;height: 22px;width: 22px;-webkit-appearance: none;-webkit-border-radius: 4px;}
#sagree input[type='checkbox']:checked {background: #fff;border: solid 2px #ff630b;}
#sagree input[type='checkbox']:checked:after {content: ' ';display: block;width: 14px;height: 14px;background:url(/images/checkb_14.png) no-repeat;position: relative;top: 2px;left: 2px;-webkit-border-radius: 2px;}
#sagree input[type='radio'] {background: #fff;border: solid 2px #C9C7C5;height: 22px;width: 22px;-webkit-appearance: none;-webkit-border-radius: 4px;}
#sagree input[type='radio']:checked {background: #fff;border: solid 2px #0068b7;}
#sagree input[type='radio']:checked:after {content: ' ';display: block;width: 14px;height: 14px;background:url(/images/radiob_14.png) no-repeat;position: relative;top: 2px;left: 2px;-webkit-border-radius: 2px;}

/* basic */
.topgnb {top:0px; left:0; right:0; position:absoulte !important; position:fixed;width: 100%;z-index:10;overflow:hidden;text-align:center;}
.ta100center {width:100%;margin:0 auto;}
.mainbg0 {background:#666;width:100%;height:100%;background-position:center top;}
.mainbg {background:url(/test/170518mega/images/main_bg_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.mainbg2 {background:url(/test/170518mega/images/main_bg2_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.mainbg3 {background:url(/test/170518mega/images/main_bg3_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.mainbg4 {background:url(/test/170518mega/images/main_bg4_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.mainbg5 {background:url(/test/170518mega/images/main_bg5_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.mainbg6 {background:url(/test/170518mega/images/main_bg6_w.png) no-repeat;width:100%;height:100%;background-position:center top;}
.topbg {background:url(/test/170518mega/images/top_bg_w.png); height:70px;}
.pageover {padding:0 12px;color:#ff9000;font-size:18px;}
.pagenor {padding:0 12px;color:#fff;font-size:18px;}
.s04pyo_01 {padding:10px 0;background:#e7e7e7;width:158px;text-align:center;border:solid 1px #dddddd;}
.s04pyo_02 {padding:10px 0;background:#f3f3f3;text-align:center;border:solid 1px #dddddd;}
.s04pyo_03 {padding:10px 0;background:#fff;text-align:center;border:solid 1px #dddddd;}
.pyobb {font-size:18px;font-weight:bold;}
.sub01box {display: inline-block;outline: none;text-align: center;text-decoration: none;padding: 18px 0;width:342px;color:#262626; font-size:18px;background:#fff ; border: solid 1px #c4c4c4;font-weight:bold;}
.intit00 {width:50px;}
.intit001 {width:10px;}
.intit01 {width:100px;padding-left:10px;}
.intit02 {width:50px;padding-right:10px;text-align:right;}


/* btn */
.btn {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 20px 0;}
.btn:hover { text-decoration: none;}
.btn:active { position: relative;}
.btnbt {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 18px 0;}
.btnbt:hover { text-decoration: none;}
.btnbt:active { position: relative;}

.sub01b {width:342px;color:#262626; font-size:18px;background:#fff ; border: solid 1px #c4c4c4;font-weight:bold;}
.sub01b:hover {color:#fff; background: #ff7800; border: solid 1px #ff7800;}
.sub01b:active {color: #fff;}
.goevent {width:367px;color:#fff; font-size:24px;background:#007cee;font-weight:bold;border-radius:0px;line-height:1.3em;}
.goevent:hover {color:#fff; background: #0060b9;}
.goevent:active {color: #fff;}

/* Layer Location */
.inpbg {position:absolute;left:50%;margin-left:-350px;margin-top:1.0em;background-color:rgba(259,259,259,0.95);border:solid 1px #424242;width:700px;z-index:1000;padding:20px 0;overflow:none;}
.rbanner {position:absoulte !important;position:fixed;top: 200px;right: 50px;z-index:102;overflow:none;}
.white_content {display:none;position:absoulte !important;position:fixed;top:15.0em;left: 50%;background-color: #fff;margin-left:-350px;width:700px;z-index:1004;overflow: auto;padding-bottom:2.0em;}
.black_overlay{display:none;position:absoulte !important;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.25;opacity:.25;filter: alpha(opacity=25);}
.btn_popclose {position:absoulte !important;position:fixed;bottom:1.0em; right:1.0em;z-index:1002;}

.inputrarea {width:30.0em;}
.hptxt {width:35%;}
.poptit {font-family:"Malgun Gothic";width:100%;padding:15px;text-align:left;background:#f5f5f5;font-weight:bold;border-bottom:solid 2px #57a1ee;}
.popsub {font-family:"Malgun Gothic";padding:15px 15px 5px; font-size:13px;line-height:1.5em;}
.poptxt {}
.popclose {font-family:"Malgun Gothic";padding:2px 12px; background:#ffffff;border:solid 1px #ccc;}
.topmenu {font-size:14px;padding:0 0 0 35px;font-weight:bold;}

/* 750px ÀÌÇÏ */
@media only screen
and (max-width: 749px ){
body{font-size:1.1em;}
input {background:#eee;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;}
select {background:#eee;border:solid 1px #ccc;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;font: 1.0em Verdana bold;outline: none;height:2.1em;padding:2px;}
.inpbg {position:absolute;left:50%;margin-left:-45%;margin-top:1.0em;background-color:rgba(259,259,259,0.9);border:solid 1px #424242;width:90%;z-index:1000;overflow:none;}
.white_content {display:none;position:absoulte !important;position:fixed;top:15.0em;left: 50%;background-color: #fff;margin-left:-45%;width:90%;z-index:1004;overflow: auto;padding-bottom:2.0em;}
.inputrarea {width:15.0em;}
.hptxt {width:30%;}
}