@charset "utf-8";
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box}
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}
body {font-family:'play','NotoSansKR', sans-serif,'돋움', Dotum, Arial ;font-size:16px;color:#666;-webkit-text-size-adjust:none;word-break:keep-all}
body { background-color:#fff}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
ol, ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
img, fieldset {border:0}
input, select, textarea {line-height:1.2;vertical-align:middle}
button, select {text-transform:none}
button, input {line-height:normal}
textarea {border: solid 1px #ddd;width: 100%;height: 100px;box-sizing: border-box;resize: none;padding: 10px;border-radius:5px;font-family: "play","NotoSansKR","sans-serif"}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
label {cursor:pointer}
legend {display:none;visibility:hidden}
caption {display:none;visibility:hidden}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
a {color:#666;text-decoration:none}
a:active, a:hover, a:focus {text-decoration:none}
button {margin:0px;padding:0px;cursor:pointer;border:0px;background:none;font-family:'NotoSansKR'}
a:focus, button:focus{outline:none}
input:not(input[type="checkbox"], input[type="radio"]), select{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
input:not(input[type="checkbox"], input[type="radio"])::-ms-clear, select::-ms-expand{ display: none}
select {padding-left:10px;background-size: 8px;background-position: calc(100% - 10px) calc(50% + 3px);background-repeat: no-repeat;font-family:'play','NotoSansKR'}
audio, canvas, video {display:inline-block}
audio:not([controls]) {display: none;height: 0}
audio, canvas, img, video {vertical-align:middle}
body {line-height:1}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none}

.text_i {position: absolute;margin: -1px;padding: 0;width: 1px;height: 1px;overflow: hidden;border: 0;clip: rect(0, 0, 0, 0)}
.clearfix:after{clear:both; display:block; content:""}
.hidden_txt{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.material-icons{vertical-align:middle}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.table-layout{display:table; width:100%; height:100%}
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle}
.Skip_nac a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px}
.Skip_nac a:hover { z-index:999999; margin-left:-100px; left:50%}
.Skip_nac a:focus { z-index:999999; margin-left:-100px; left:50%}
.Skip_nac a:active { z-index:999999; margin-left:-100px; left:50%}
.tac {text-align:center}

.mt100{margin-top:100px !important}
.mt95{margin-top:95px !important}
.mt90{margin-top:90px !important}
.mt85{margin-top:85px !important}
.mt80{margin-top:80px !important}
.mt75{margin-top:75px !important}
.mt70{margin-top:70px !important}
.mt65{margin-top:65px !important}
.mt60{margin-top:60px !important}
.mt55{margin-top:55px !important}
.mt50{margin-top:50px !important}
.mt45{margin-top:45px !important}
.mt40{margin-top:40px !important}
.mt35{margin-top:35px !important}
.mt30{margin-top:30px !important}
.mt25{margin-top:25px !important}
.mt20{margin-top:20px !important}
.mt15{margin-top:15px !important}
.mt10{margin-top:10px !important}
.mt5{margin-top:5px !important}
.mt0{margin-top:0px !important}

.mr100{margin-right:100px !important}
.mr95{margin-right:95px !important}
.mr90{margin-right:90px !important}
.mr85{margin-right:85px !important}
.mr80{margin-right:80px !important}
.mr75{margin-right:75px !important}
.mr70{margin-right:70px !important}
.mr65{margin-right:65px !important}
.mr60{margin-right:60px !important}
.mr55{margin-right:55px !important}
.mr50{margin-right:50px !important}
.mr45{margin-right:45px !important}
.mr40{margin-right:40px !important}
.mr35{margin-right:35px !important}
.mr30{margin-right:30px !important}
.mr25{margin-right:25px !important}
.mr20{margin-right:20px !important}
.mr15{margin-right:15px !important}
.mr10{margin-right:10px !important}
.mr5{margin-right:5px !important}

.mb100{margin-bottom:100px !important}
.mb95{margin-bottom:95px !important}
.mb90{margin-bottom:90px !important}
.mb85{margin-bottom:85px !important}
.mb80{margin-bottom:80px !important}
.mb75{margin-bottom:75px !important}
.mb70{margin-bottom:70px !important}
.mb65{margin-bottom:65px !important}
.mb60{margin-bottom:60px !important}
.mb55{margin-bottom:55px !important}
.mb50{margin-bottom:50px !important}
.mb45{margin-bottom:45px !important}
.mb40{margin-bottom:40px !important}
.mb35{margin-bottom:35px !important}
.mb30{margin-bottom:30px !important}
.mb25{margin-bottom:25px !important}
.mb20{margin-bottom:20px !important}
.mb15{margin-bottom:15px !important}
.mb10{margin-bottom:10px !important}
.mb5{margin-bottom:5px !important}

.ml100{margin-left:100px !important}
.ml95{margin-left:95px !important}
.ml90{margin-left:90px !important}
.ml85{margin-left:85px !important}
.ml80{margin-left:80px !important}
.ml75{margin-left:75px !important}
.ml70{margin-left:70px !important}
.ml65{margin-left:65px !important}
.ml60{margin-left:60px !important}
.ml55{margin-left:55px !important}
.ml50{margin-left:50px !important}
.ml45{margin-left:45px !important}
.ml40{margin-left:40px !important}
.ml35{margin-left:35px !important}
.ml30{margin-left:30px !important}
.ml25{margin-left:25px !important}
.ml20{margin-left:20px !important}
.ml15{margin-left:15px !important}
.ml10{margin-left:10px !important}
.ml5{margin-left:5px !important}
.ml0{margin-left:0 !important}


/************   padding     *********************/

.pt100{padding-top:100px !important}
.pt95{padding-top:95px !important}
.pt90{padding-top:90px !important}
.pt85{padding-top:85px !important}
.pt80{padding-top:80px !important}
.pt75{padding-top:75px !important}
.pt70{padding-top:70px !important}
.pt65{padding-top:65px !important}
.pt60{padding-top:60px !important}
.pt55{padding-top:55px !important}
.pt50{padding-top:50px !important}
.pt45{padding-top:45px !important}
.pt40{padding-top:40px !important}
.pt35{padding-top:35px !important}
.pt30{padding-top:30px !important}
.pt25{padding-top:25px !important}
.pt20{padding-top:20px !important}
.pt15{padding-top:15px !important}
.pt10{padding-top:10px !important}
.pt5{padding-top:5px !important}
.pt0{padding-top:0px !important}

.pr100{padding-right:100px !important}
.pr95{padding-right:95px !important}
.pr90{padding-right:90px !important}
.pr85{padding-right:85px !important}
.pr80{padding-right:80px !important}
.pr75{padding-right:75px !important}
.pr70{padding-right:70px !important}
.pr65{padding-right:65px !important}
.pr60{padding-right:60px !important}
.pr55{padding-right:55px !important}
.pr50{padding-right:50px !important}
.pr45{padding-right:45px !important}
.pr40{padding-right:40px !important}
.pr35{padding-right:35px !important}
.pr30{padding-right:30px !important}
.pr25{padding-right:25px !important}
.pr20{padding-right:20px !important}
.pr15{padding-right:15px !important}
.pr10{padding-right:10px !important}
.pr5{padding-right:5px !important}

.pb100{padding-bottom:100px !important}
.pb95{padding-bottom:95px !important}
.pb90{padding-bottom:90px !important}
.pb85{padding-bottom:85px !important}
.pb80{padding-bottom:80px !important}
.pb75{padding-bottom:75px !important}
.pb70{padding-bottom:70px !important}
.pb65{padding-bottom:65px !important}
.pb60{padding-bottom:60px !important}
.pb55{padding-bottom:55px !important}
.pb50{padding-bottom:50px !important}
.pb45{padding-bottom:45px !important}
.pb40{padding-bottom:40px !important}
.pb35{padding-bottom:35px !important}
.pb30{padding-bottom:30px !important}
.pb25{padding-bottom:25px !important}
.pb20{padding-bottom:20px !important}
.pb15{padding-bottom:15px !important}
.pb10{padding-bottom:10px !important}
.pb5{padding-bottom:5px !important}
.pb0{padding-bottom:0px !important}

.pl100{padding-left:100px !important}
.pl95{padding-left:95px !important}
.pl90{padding-left:90px !important}
.pl85{padding-left:85px !important}
.pl80{padding-left:80px !important}
.pl75{padding-left:75px !important}
.pl70{padding-left:70px !important}
.pl65{padding-left:65px !important}
.pl60{padding-left:60px !important}
.pl55{padding-left:55px !important}
.pl50{padding-left:50px !important}
.pl45{padding-left:45px !important}
.pl40{padding-left:40px !important}
.pl35{padding-left:35px !important}
.pl30{padding-left:30px !important}
.pl25{padding-left:25px !important}
.pl20{padding-left:20px !important}
.pl15{padding-left:15px !important}
.pl10{padding-left:10px !important}
.pl5{padding-left:5px !important}

/****가로*****/
.w15 {width:15% !important}
.w20 {width:20% !important}
.w30 {width:30% !important}
.w40 {width:40% !important}
.w45 {width:45% !important}
.w50 {width:50% !important}
.w60 {width:60% !important}
.w65 {width:65% !important}
.w70 {width:70% !important}
.w75 {width:75% !important}
.w80 {width:80% !important}
.w100 {width:100% !important}

.wp80 {width:80px !important}
.wp100 {width:100px !important}
.wp130 {width:130px !important}
.wp150 {width:150px !important}
.wp170 {width:170px !important}
.wp200 {width:200px !important}