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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; height:100%;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
label, input, button, a, span {line-height:1.6;}
body, button {font-size:0.875em; line-height:1.6; font-family:"Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#383838;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#333;}
/*a:focus, button:focus {outline:thin dotted;}*/
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
label, select, input, button {vertical-align:middle;}
button {border:0; cursor:pointer;}
button, input, select, textarea {margin:0; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
button, input {*overflow:visible; line-height:normal;}
button, select {text-transform:none;}
button[disabled], html input[disabled ]{cursor:default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {*overflow:visible; cursor:pointer; -webkit-appearance:button; border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"], input[type="text"] {ime-mode:active; border-radius:0; -webkit-appearance: none;}
select {margin:0; padding:0; border:1px solid #c9c9c9; box-sizing:border-box; line-height:1; border-radius:0;}
img {/*max-width:100%;*/ border:0; vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
html, body {width:100%; height:100%;}
p {margin:0 0 10px 0;}
strong {font-weight:600;}
/*
html {overflow:hidden;}
body {position:relative; overflow-y:scroll;}
*/


/* Skip Navigation */
#skipToContent {position:relative; overflow:hidden; width:100% ;margin:0 auto; z-index:100;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#2f2f2f;}
#skipToContent a:active ,#skipToContent a:focus {height:auto; padding:7px 0; font-size:0; font-size:1em; line-height:1; font-weight:bold; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#444;} 
a:hover, a:active {color:#000; text-decoration:underline;}


/* color style */
.color_rd {color:#ff5052 !important;}


/* heading style */
h1, h2, h3, h4, h5, h6 {font-weight:600;}
h3 {margin:0 0 15px 0;}
h4 {color:#383838; font-size:1.571em; line-height:1.286em; margin:0 0 15px 0;}
h4 span {font-size:0.762em; font-weight:normal; margin-left:5px;}


/* form,  input set */
form label, form input, form select, form span, form img, form em, form a{display:inline-block;margin-top:0;vertical-align:middle}
input, textarea, select{font-size:1em;font-family:Nanum Gothic;vertical-align:baseline;vertical-align:middle}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer;}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input[type="text"], input[type="password"], input[type="file"], input[type="search"] {width:auto;height:18px;padding:4px 5px;margin:0;border:1px solid #cccccc;}
input[type="file"]{height:26px; line-height:26px; padding:0 5px; border:1px solid #cccccc; cursor:pointer;}
:root input[type="file"]{padding:0 5px 0 0;border:0 none\9}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled]{border:1px solid #adadad;background:#f3f3f3;}
input[type="button"], input[type="reset"], input[type="submit"]{min-width:20px;width:auto;height:34px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top; -webkit-appearance: none; border-radius:0; resize:none;}
select{height:28px; padding:3px; margin:0; border:1px solid #cccccc; cursor:pointer;}
/* label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} */
::-webkit-input-placeholder {color:#444;}
:-moz-placeholder {color:#444;}
::-moz-placeholder {color:#444;}
:-ms-input-placeholder {color:#444;}


/* hide style */
.hidden, legend, caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.fl_left {float:left !important;}
.fl_right {float:right !important;}
.al_left {text-align:left !important; position:relative;}
.al_right {text-align:right !important; position:relative;}
.al_center {text-align:center !important; position:relative;}
.ver_top {vertical-align:middle !important;}
.ver_middle {vertical-align:middle !important;}
.ver_top {vertical-align:top !important;}
.ver_bottom {vertical-align:bottom !important;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}

.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}

.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}

.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}


/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}

.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:45px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}

.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}

.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:45px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}



@media only screen and (min-width: 300px) {
* {max-height:100000px; }
}