@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:100;
    src:local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:400;
    src:local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:600;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:700;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:800;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

html.ko body {font:16px/1.3 "Noto Sans Korean","留묒� 怨좊뵓", "Malgun Gothic", "dotum", "�룍��"; font-weight:400; color:#666;}
html.en body {font:16px/1.3 "Noto Sans","Arial","Nanum Barun Gothic","留묒� 怨좊뵓", "Malgun Gothic"; font-weight:400; color:#666;}
html.ja body {font:16px/1.3 "Noto Sans","Meiryo","Hiragino Kaku Gothic Pro", "MS PGothic", "�깚�꺀�궙�깕鰲믡궡 Pro W3","Nanum Barun Gothic"; font-weight:400; color:#666;}
html.zh-CN body {font:16px/1.3 "Noto Sans","Microsoft Yahei", "simsun","Nanum Barun Gothic"; font-weight:400; color:#666;}
html.zh-TW body {font:16px/1.3 "Noto Sans","Microsoft JhengHei","simhei","Nanum Barun Gothic"; font-weight:400; color:#666;}
body{-webkit-text-size-adjust:none;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea{margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block; margin:0; padding:0;}
hr, table caption {display:block;width:0;height:0;font-size:0;overflow:hidden; text-indent:-9999999px;}
legend, .hd-element {position:absolute; overflow:hidden; text-indent:-9999999px; }
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input {border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}
button {vertical-align:top; background:transparent;}
button::-moz-focus-inner {padding:0; border:0;}
h1, h2, h3, h4, h5, h6, strong {font-size:1em; font-weight:normal;}
input, select, button, textarea {font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; color:#666; color:#555;}
img {max-width:100%}
@media all and (max-width:480px){
    hr, table caption {display:none}
}

/* �젒洹쇱꽦 硫붾돱 */
#accessibility {position:absolute; z-index:999999999999999999; top:0; left:5%; width:90%;}
#accessibility a {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:#000;}
#accessibility a:focus, #accessibility a:active {height:50px;}
#accessibility a span {display:block; height:50px; border:1px solid #000; text-align:center; line-height:50px;}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

/* font */
[class*="textleft"] {text-align:left !important;}
[class*="textcenter"] {text-align:center !important;}
[class*="textright"] {text-align:right !important;}
[class*="italic"] {font-style:italic;}

/* button */
/* button */
.button {display:inline-block; position:relative; z-index:6; padding:1px 12px 3px 12px; border-width:1px; border-style:solid; border-radius:4px; border-color:#bbb; background:#bbb; vertical-align:top; font-size:14px; text-align:center; color:#fff; border-color:#777; background:#777;}
.button [class*="ion"] {display:inline-block; position:relative; top:-1px; margin-left:3px; vertical-align:middle; font-size:0.875em;}
.button.middle {padding-top:4px; padding-bottom:6px;}
.button.big {padding-top:9px; padding-bottom:11px;}
.button.noneround {border-radius:0;}
.button.blue {border-color:#0966bc; background:#0966bc;}
.button.sky {border-color:#63a7e1; background:#63a7e1;}
.button.indigo {border-color:#6d91de; background:#6d91de;}
.button.red {border-color:#ea3b3e; background:#ea3b3e;}
.button.red2 {border-color:#f83b3b; background:#f83b3b;}
.button.pink {border-color:#e86172; background:#e86172;}
.button.green {border-color:#51b035; background:#51b035;}
.button.green2 {border-color:#77c65b; background:#77c65b;}
.button.flugreen {border-color:#44c4d3; background:#44c4d3;}
.button.grey {border-color:#7e8083; background:#7e8083;}
.button.grey2 {border-color:#b4b4b4; background:#b4b4b4; border-color:#777; background:#777;}
.button.grey3 {border-color:#eee; background:#eee; color:#868686; color:#666;}
.button.grey4 {border-color:#999; background:#999;}
.button.black {border-color:#333; background:#333;}
.button[class*="border"] {border-color:#bbb; background:#fff; color:#bbb;}
.button.borderblue {border-color:#0066eb; color:#0066eb;}
.button.bordersky {border-color:#63a7e1; color:#63a7e1;}
.button.borderindigo {border-color:#6d91de; color:#6d91de;}
.button.borderred {border-color:#ea3b3e; color:#ea3b3e;}
.button.borderred2 {border-color:#f83b3b; color:#f83b3b;}
.button.borderpink {border-color:#e86172; color:#e86172;}
.button.bordergreen {border-color:#51b035; color:#51b035;}
.button.bordergreen2 {border-color:#77c65b; color:#77c65b;}
.button.borderflugreen {border-color:#44c4d3; color:#44c4d3;}
.button.bordergrey {border-color:#7e8083; color:#7e8083;}
.button.bordergrey2 {border-color:#b4b4b4; color:#b4b4b4;}
.button.bordergrey3 {border-color:#eee; color:#868686; color:#777;}
.button.bordergrey4 {border-color:#999; color:#999;}
.button.borderblack {border-color:#333; color:#333;}


[class*="fc-black2"] {color:#000 !important;}

/* register */
 .wrp-register {width:100%;max-width:900px;margin-top:40px; padding-bottom:100px;}
 .wrp-register:after {content:" "; display:block; clear:both;}
 .wrp-register .holder {margin:0 20px;}
 .wrp-register label, .wrp-register .inbox {display:block;}
 .wrp-register .inbox {margin-top:11px;}
 .wrp-register .inbox textarea {padding:10px 0; height:12em;}
 .wrp-register .inbox.maxwidth {max-width:260px;}
 .wrp-register .inchk {display:inline-block;}
 .wrp-register .insel {margin-top:11px;}
 .wrp-register .insel label {display:block !important;}
 .wrp-register .wrp-datafield {float:left; width:53.7%;}
 .wrp-register .wrp-agreefield {float:right; padding:12px 0 63px 0; width:39.3%; border-top:3px solid #007dc3; background:#f5f5f5;}
 .wrp-register .wrp-agreefield .cnt-agree {position:relative; z-index:5; margin-top:37px; border-top:3px solid #333; border-bottom:1px solid #333; background:#fff;}
 .wrp-register .wrp-agreefield .cnt-agree a.fold {position:absolute; bottom:-14px; left:50%; margin-left:-36px; width:72px; height:14px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background:#333; line-height:10px; font-size:12px; text-align:center; color:#fff;}
 .wrp-register .wrp-agreefield .cnt-agree dt {position:relative;}
 .wrp-register .wrp-agreefield .cnt-agree dt a {display:block; padding:11px 40px 13px 10px; color:#000;}
 .wrp-register .wrp-agreefield .cnt-agree dt [class*="ion"] {position:absolute; top:50%; right:13px; margin-top:-11px; color:#000;}
 .wrp-register .wrp-agreefield .cnt-agree dd {display:none; margin:9px 10px 0 10px; max-height:280px; overflow:auto;}
 .wrp-register .wrp-agreefield .inchk {margin-top:15px;}
 .wrp-register .wrp-agreefield .cnt-agree.on {padding-bottom:61px;}
 .wrp-register .wrp-agreefield .cnt-agree.on a.fold {bottom:0; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
 .wrp-register .wrp-agreefield .cnt-agree.on dd {display:block;}
 .wrp-register .set-agree-button {padding-top:80px; clear:both; text-align:center;}
 .wrp-register .set-agree-button .button {margin:0 1px; padding:3px 0 5px 0; width:151px; font-size:1.125em;}

 .wrp-register .inbox {display:block; z-index:5; position:relative; padding:0 10px; border:1px solid #ccc; border-radius:6px; background:#fff;}
 .wrp-register .inbox:after {content:" "; display:block; clear:both;}
 .wrp-register .inbox input, .wrp-register .inbox textarea {float:left; width:100%; border:0; background:#fff;}
 .wrp-register .inbox input {height:40px; line-height:40px;font-size:17px;}
 .wrp-register .inbox textarea {resize:vertical;}
 .wrp-register .insel.focus, .wrp-register .inbox.focus {border-color:#007bc0; color:#007bc0;}
 .wrp-register .inbox label {position:absolute; top:0; right:10px; left:10px; height:40px; line-height:40px;}
 .wrp-register .insel {display:inline-block; position:relative; z-index:5; padding:2px 3px 4px 3px; height:34px; overflow:hidden; border:1px solid #ccc; border-radius:6px; background:#fff;}
 .wrp-register .insel select {position:relative; z-index:3; float:left; width:100%; height:34px; border:0; background:transparent; -webkit-appearance:none; -moz-appearance:none; padding-right:30px;}
 .wrp-register .insel label[class*="ion"] {position:absolute; z-index:2; top:0; right:3px; width:21px; text-align:center; height:40px; line-height:40px; font-size:14px; background:#fff; color:#333;}
 .wrp-register .insel.focus label[class*="ion"] {color:#007bc0;}
 .wrp-register .inchk {vertical-align:middle;}
 .wrp-register .inchk .input {position:relative; top:-1px; display:inline-block; width:25px; height:24px; overflow:hidden; vertical-align:middle;}
 .wrp-register .inchk .input [class*="ion"] {position:absolute; z-index:2; top:-2px; left:1px; line-height:20px; font-size:28px; color:#ccc;}
 .wrp-register .inchk .input input {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; opacity:0;}
 .wrp-register .inchk .input .ion-android-checkbox-outline {color:#007bc0;}
 .wrp-register .inchk .input .ion-android-radio-button-on {color:#007bc0;}

 .wrp-register [class*="heading3"] {font-size:20px; line-height:1.3; font-weight:700; color:#333;}
 .wrp-register button{height:38px;}
 .sm-login.pw-change button{height:38px;}