@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* font-family:'Nanum Pen Script', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family:'Nanum Brush Script', sans-serif; */

@charset "utf-8";



* {margin:0; padding:0; border:0 /*none transparent; box-sizing:border-box*/;}
:before, :after {box-sizing:border-box;}
html, body, pre, p, table th, table td, input, select, textarea, button {font-family:'Nanum Gothic', sans-serif; font-size:13px; /* line-height:18px; */ color:#666; letter-spacing:-0.03em;}
form, fieldset, p, figure {word-break:break-all; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td {color:#666; vertical-align:top; word-break:normal; word-wrap:break-word;}
input, select, textarea, button {color:#666; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
a:link, a:visited {color:#666;}
a:hover, a:active {color:#333;}
h1, h2, h3, h4, h5, h6, p {word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}

.ellipsis {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clr {clear:both;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm, .btns {vertical-align: middle;}

.nobg {background:none !important;}
.nobd {border:0 none !important;}
.nobl {border-left:0 none !important;}
.nomg {margin:0 !important;}
.nomt {margin-top:0 !important;}
.noml {margin-left:0 !important;}
.nopdt {padding-top:0 !important;}
.nopd {padding:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopl {padding-left:0 !important;}
.nodp {display:none;}
.blind, .hide {position:absolute !important; width:0 !important; height:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
.blind * {width:0 !important; height:0 !important; padding:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

.btnL {margin-top:30px; text-align:left;}
.btnL [class^=btn0] {margin-right:6.5px;}
.btnR {margin-top:30px; text-align:right;}
.btnR [class^=btn0] {margin-left:3px;}
.btnR.pgNext {float:right; margin-top:-30px;}
.btnC {margin-top:40px; text-align:center;}
.btnC [class^=btn0], .btnC a {margin:0 3px;}
.btnC .fr {margin-right:0;}

.btnTop {margin-bottom:8px;}
.btnMid {margin-top:20px; margin-bottom:60px;}
.btnBtm {margin-top:30px !important;}

.tblTop {margin-bottom:20px;}
.tblMid {margin-bottom:40px;}
.tblBtm {margin-top:10px;}

.tabBtm {margin-top:40px;}

.pgMid {margin-top:30px; margin-bottom:30px;}
.pgBtm {margin-top:50px;}

::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa; opacity:1;}
::-moz-placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa !important;}
::-ms-input-placeholder {color:#aaa;}
.placeholder {color:#aaa !important;}


/* input
------------------------------------------------------------------------------- */
/*input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] { background-color:#fff; outline:0; transition:background 0.2s linear 0s,box-shadow 0.2s linear 0s;}

.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .m-uneditable-input:focus {color:#666;}
input[type=image] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none;}

input[type=radio], input[type=checkbox] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none; vertical-align:-3px;}
input[type=radio], input[type=checkbox] {width:16px !important; height:16px !important; margin-right:-18px !important; line-height:0; border:0; vertical-align:middle; display:inline-block; opacity:0;}
input[type=radio]:focus + label, input[type=checkbox]:focus + label {}
input[type=radio] + label, input[type=checkbox] + label {position:relative; padding-left:24px; margin-right:15px; line-height:20px; text-align:left !important; vertical-align:middle; display:inline-block; transition:border 0.2s linear 0s, color 0.2s linear 0s;}
input[type=radio] + label.st01 {width:16px; padding-left:16px; text-indent:-9999px;}
input[type=radio] + label:last-child, input[type=checkbox] + label:last-child {margin-right:0;}
input[type=radio]:checked + label, input[type=checkbox]:checked + label {color:#333;}
input[type=radio] + label:before, input[type=radio] + label:after, input[type=checkbox] + label:before, input[type=checkbox] + label:after {vertical-align:middle; display:inline-block; content:""; transition:border 0.2s linear 0s, color 0.2s linear 0s;}
input[type=radio] + label:before, input[type=radio] + label:after {position:absolute; top:50%; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px;}
input[type=radio] + label:before {left:0; width:16px; height:16px; margin:-8px 8px 0 0; border:1px solid #dedede; background:#eee;}
input[type=radio]:checked + label {color:#666;}
input[type=radio]:checked + label:before {border:5px solid #768396; background:#f7f7f7;}

input[type=checkbox] + label {font-size:12px;}
input[type=checkbox] + label:before {position:absolute; left:0; top:50%; width:17px; height:17px; margin:-8.5px 10px 0 0; border:1px solid #ddd; background:#eee;}
input[type=checkbox] + label:after {position:absolute; left:3.5px; top:50%; width:16px; height:16px; margin-top:-10px; font-family:'icomoon'; font-size:11px; color:#ddd; content:"\f00c";}
input[type=checkbox] + label.st01 {padding-left:17px; text-indent:-9999px;}
input[type=checkbox]:checked + label:before {border-color:#768396; background:#768396;}
input[type=checkbox]:checked + label:after {color:#fff;}
input[type=checkbox] + label.em01 {font-size:13px; color:#474e61;}
input[type=checkbox] + label.tr {padding-right:25px;}
input[type=checkbox] + label.tr:before {position:absolute; left:auto; right:0; margin-right:0;}
input[type=checkbox] + label.tr:after {left:auto; right:-2.8px;}
input[type=checkbox] + label.em01.tr:before {margin-top:-8px;}
input[type=checkbox] + label.em01.tr:after {margin-top:-9px;}
input[type=checkbox] + label.em02 {line-height:17px;}
input[type=checkbox] + label.em02:after {margin-top:-8px;}

input[disabled], select[disabled] {background:#e5e9ec;}
input[disabled] + label {color:#dbdbdb; cursor:default;}
input[disabled] + label:before {border-color:#dbdbdb;}

input[readonly], select[readonly] {color:#333; background:#f7f7f7;}

select {height:38px; color:#666; border:1px solid #e5e9ec;}

textarea {width:100%; padding:17px 16px 17px 20px; border:0 none; background:#f7f7f7;}

input.error, select.error {border-color:#996b56;}*/