/* Reset CSS */
* {margin:0; padding:0; outline:0;}
html {margin:0;padding:0;height:100%;}
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 {margin:0;padding:0;height:100%;font-family:'Noto Sans KR', sans-serif;font-family:'Roboto', sans-serif; font-size:100%; line-height:1em; color:#313131}
alt {overflow:hidden;}
a { text-decoration:none; }
a { color:inherit; }
ul, ol, dl { list-style:none; }
input {border:solid 1px #ccc;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0px;font:1.0em bold;outline:none; padding:0.5em;}
select {border:solid 1px #ccc;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0px;font:0.75em bold;outline:none; padding:0.5em;}
textarea {border:solid 1px #ccc;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0px;font:0.75em bold;outline:none; padding:0.5em;}

input[type='checkbox'] {background: #fff; border: solid 1px #C9C7C5; height: 18px; width: 18px; -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(../images/checkb_14.png) no-repeat; -webkit-border-radius: 2px;}

/* basic */
.allwidth {width:960px;margin:0 auto;}
.ta100center {width:100%;margin:0 auto;}
.tacenter {margin:0 auto;}
.btmarea {padding:50px 0 50px;}
.btmbtn {height:8.0em;}
.tiside {width:8.0em;color:#fff;text-align:right;font-size:2.0em;padding-right:0.75em;}
.inside {font-size:1.75em;width:85.5%;}
.selside {font-size:1.75em;width:90%;background:#fff;}
.inblank {padding-top:1.5em;}
.intext {font-size:1.0em;color:#fff;}
.intext2 {font-size:1.0em;color:#b5b5b5;}
/* Layer Popup */
.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:0.9em;line-height:1.5em;}
.popclose {font-family:"Malgun Gothic";padding:2px 12px; background:#ffffff;border:solid 1px #ccc;}
.white_content {display:none;position:fixed;top: 3.0em;left: 50%;background-color: #fff;margin-left:-375px;width:750px;height: 30.0em;z-index:1001;overflow: auto;}
.black_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1000;-moz-opacity: 0.50;opacity:.50;filter: alpha(opacity=50);}
.footer {font-size:1.0em;padding:1.0em 0;background:#ccc;line-height:1.5em;}

/* iphone3, iphone4, iphone5, Galaxy s2, Galaxy S4 */
@media only screen
and (min-width: 320px )
and (max-width: 1090px ){
body{font-size:1.2em;width:100%;}
.allwidth {width:100%;margin:0 auto;}
.btmarea {padding:1.0em 0;}
.btmbtn {height:3.0em;}
.tiside {width:6.5em;color:#fff;text-align:right;font-size:0.9em;padding-right:0.75em;}
.inside {font-size:0.85em;width:78.5%;}
.selside {font-size:0.85em;width:85%;background:#fff;}
.inblank {padding-top:1.0em;}
.intext {font-size:0.65em;color:#fff;padding:0 1.0em;}
.intext2 {font-size:0.65em;color:#b5b5b5;}
.poptit {font-family:"Malgun Gothic";width:100%;padding:12px;text-align:left;background:#f5f5f5;font-weight:bold;border-bottom:solid 2px #57a1ee;}
.popsub {font-family:"Malgun Gothic";padding:12px 12px 5px; font-size:0.75em;line-height:1.5em;}
.white_content {display:none;position:fixed;top: 2.0em;left: 50%;background-color: #fff;margin-left:-48%;width: 96%;height: 30.0em;z-index:1001;overflow: auto;}
.footer {font-size:0.60em;padding:1.0em 0;background:#ccc;line-height:1.5em;}
}