@charset "utf-8";

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype');
  src: 
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

/* reset */
html, body {width:100%; height:100%; -webkit-font-smoothing:antialiased;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0}
body {padding:0; background:#fff !important; font-family:'Nanum Barun Gothic', sans-serif; font-size:12px; color:#333;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;} 
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;} 
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:'Nanum Barun Gothic', sans-serif; font-size:12px; color:#000; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
textarea {border: 1px solid #666; resize:none; overflow-y:auto}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'Nanum Barun Gothic', sans-serif;vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

/* Interval */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !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}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb6{margin-bottom:6px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}
.mr100{margin-right:100px !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !important}

/* floating */
.fl {float:left;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}

/* Anchor */
.anchorTy{display:block;height:70px;margin-top:-70px}

/* Align */
.aLeft{text-align:left !important}
.aCenter{text-align:center !important}
.aRight{text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* Input Text */
.inpText{display:inline-block;width:100%;height:28px;line-height:28px;border:none;padding:0 9px;background:#fff;color:#666;border:1px solid #d9d9d9;font-size:13px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.inpText[value]{background:#fafafa}
.inpText[disabled],
.inpText[readonly]{background:#eee;color:#c5c5c5}

::-webkit-input-placeholder{color:#d7cdc0}
::-moz-placeholder{color:#d7cdc0}
:-ms-input-placeholder{color:#d7cdc0}
:-moz-placeholder{color:#d7cdc0}
.placeholdersjs{color:#d7cdc0}

/* Radio */
.radioWrap{display:inline-block;position:relative;}
.radioWrap .radioStyle{display:inline-block;vertical-align:top;width:16px;height:16px;background:url(../images/common/bg_rad_default.png) no-repeat;}
.radioWrap .radioStyle.on{background:url(../images/common/bg_rad_checked.png) no-repeat}
.radioWrap .radioStyle.focus{outline:1px dotted #000;outline:-webkit-focus-ring-color auto;}
.radioWrap .radioStyle.disabled{background:url(../images/common/bg_rad_disabled.png) no-repeat}
.radioWrap .radioStyle.disabled.on{background:url(../images/common/bg_rad_checked_disabled.png) no-repeat}
.radioWrap label{display:inline-block;vertical-align:top;margin:0 0 0 2px;line-height:16px;color:#666;font-size:13px;}
.radioWrap input[type="radio"].inputRadio{display:block;width:16px;height:16px;vertical-align:top;padding:0;margin:0;opacity:0;filter:alpha(opacity=0);}

/* CheckBox */
.checkboxWrap label{display:inline-block;vertical-align:top;margin-left:2px}
.checkboxWrap .inputCheckbox{display:inline-block;vertical-align:top;}

/* Select */
.selectboxWrap{display:inline-block;width:100%;vertical-align:middle;text-align:left}
.selectboxWrap .selectStyle{position:relative;width:100%}
.selectboxWrap .selectStyle .selectResult{display:block;overflow:hidden;width:100%;height:28px;line-height:24px;padding-right:27px;border:1px solid #d9d9d9;background:#fff url(../images/common/select_arrow.png) right center no-repeat;text-indent:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.selectboxWrap .selectStyle .selectResult.disabled{border: 1px solid #bbb;background:#f5f5f5 url(../images/common/select_arrow_disabled.png) right center no-repeat}
.selectboxWrap .selectStyle .selectList{display:none;overflow-y:auto;position:absolute;top:30px;left:0;z-index:5;width:200px;margin:0;padding:0;border:1px solid #7f9db9;background-color:#fff;box-shadow:none;opacity:0;list-style:none;transition:opacity .3s ease-in,transform .3s ease-in;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.selectboxWrap .selectStyle .selectList.maxHeight{max-height:256px}
.selectboxWrap .selectStyle .selectList.reversal{top:auto;bottom:35px;-webkit-transform:translateY(5px);transform:translateY(5px)}
.selectboxWrap .selectStyle .selectList.on{box-shadow:0 2px 10px #555;opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;-webkit-transform:translateY(0);transform:translateY(0)}
.selectboxWrap .selectStyle .selectList .option a{display:block;overflow:hidden;min-height:22px;padding:5px;outline:0;}
.selectboxWrap .selectStyle .selectList .option a:focus,
.selectboxWrap .selectStyle .selectList .option a:hover,
.selectboxWrap .selectStyle .selectList .option.on a{background-color:#1e90ff;color:#fff}
.selectboxWrap .select{display:none}

/* TextArea */
textarea{width:100%;height:160px;border:1px solid #d9d9d9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;padding:20px;line-height:24px;overflow-y:auto}
textarea:disabled{border:1px solid #ddd;color:#999;}

/* Form Input */
.formHorizental{position:relative;display:table;font-size:0;width:auto}
.formHorizental:after{display:block;clear:both;content:''}
.formHorizental > span{display:inline-block;vertical-align:middle;margin-left:25px;font-size:14px;}
.formHorizental > span:first-child{margin-left:0}


.labelHorizental:after{display:block;clear:both;content:''}
.labelHorizental > li{float:left;margin:5px 0 5px 20px}
.labelHorizental > li:first-child{margin-left:0}
.labelHorizental.mRight > li{margin-right:20px;margin-left:0}


/* Text */
.txtBlue{color:#1c5cb0 !important;font-weight:bold}
.txtRed{color:#e5004f !important;font-weight:bold}
.txtOrange{color:#f3b100 !important;font-weight:bold}
.txtGreen{color:#a7c52d !important;font-weight:bold}
.txtGreen02{color:#008995 !important;font-weight:bold}
.txtNavy{color:#515f7a !important;font-weight:bold}
.txtGray{color:#999 !important;}

.paragraph{color:#444;line-height:22px;letter-spacing:-.5px;}

/* listStyle */
.listStyle01 > li{position:relative;padding-left:12px;}
.listStyle01 > li:before{display:block;content:'';width:2px;height:2px;background:#ff0026;position:absolute;top:11px;left:0}

.btns{display:inline-block;font-size:18px;font-weight:500;vertical-align:middle;text-align:center;padding:0 20px;min-width:210px;height:60px;line-height:58px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.btns:first-child{margin-left:0}
.btns > span{color:#fff;}
.btns[class*='btnLine'] > span{color:#666}
.sBtns{display:inline-block;font-size:13px;ont-weight:normal !important;vertical-align:middle;text-align:center;padding:0 12px;min-width:60px;height:28px;line-height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.sBtns:first-child{margin-left:0}
.sBtns > span{color:#fff;}
.sBtns[class*='btnLine'] > span{color:#666}

.btnBlue{background:#1c5cb0}
.btnGray{background:#8f9bb3}
.btnNavy{background:#515f7a}
.btnLineGray{border:1px solid #d4d6d9;background:#fff}

/* Tab  */
.tab{display:table;width:100%;}
.tab li{display:table-cell;text-align:center;width:50%}
.tab li a{position:relative;display:block;}
.tabGroup{position:relative}