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

@font-face{
  font-family: 'Noto Sans KR';
  src: url('../font/NotoSansCJKkr-Regular.otf') format('truetype');
}

@font-face{
  font-family: 'Noto Sans KR Bold';
  src: url('../font/NotoSansCJKkr-Bold.otf') format('truetype');
}

* {-webkit-tap-highlight-color: rgba(255,255,255,0); }

/* 버튼 Touch 시 나오는 음영 지우기 */
html,
body{height: 100%; font-size: 13px; line-height: 1; color: #333333; -webkit-text-size-adjust: none; overflow-x: hidden; -webkit-backface-visibility: hidden; }

html, body, div, span, object, iframe, button, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea, select{font-family: AppleSDGothicNeo-Regular,'Noto Sans KR','Noto Sans','Verdana','Malgun Gothic', sans-serif; list-style: none; background: transparent; border: 0; box-sizing: border-box; padding: 0; margin: 0; outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }

fieldset, img, abbr, acronym{border: 0; }

ol, ul{list-style: none; }

table{table-layout: fixed; border: 0; border-collapse: collapse; border-spacing: 0; }

legend, caption, .blind{width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999em; }

th, td{word-break: break-all; }
ins{text-decoration: none; }
del{text-decoration: line-through; }
sub, sup{line-height: 0; padding: 0; margin: 0; }

blockquote:before, blockquote:after, q:before, q:after{content: ""; }
blockquote, q{quotes: """"; }
hr, .hidden{position: absolute; left: -9999em; top: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; /*visibility:hidden; */ }

input{vertical-align: middle; }
textarea{font-size: 13px; color: #333333; line-height: 18px; font-family: AppleSDGothicNeo-Regular,'Noto Sans KR','Noto Sans','Verdana','Malgun Gothic','Nanum Gothic',sans-serif; border: 1px solid #C8C8C8; padding: 1%; resize: vertical; vertical-align: top; overflow: auto; outline: none; }
em{font-style: normal; }
input, textarea{-webkit-appearance: none; -webkit-border-radius: 0; }
select{-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; }
select::-ms-expand{ display:none }
button{cursor: pointer !important; }

a,
a:link,
a:visited,
a:active{color: #333333; text-decoration: none; outline: none; }
a:hover{color: #333333; text-decoration: none; }

.db{display: block !important; }
.dn{display: none !important; }
.vh{visibility: hidden !important; }

/* Float */
.fr{float: right !important; }
.fl{float: left !important; }
.cl{clear: both !important; }
.clearfix:after{content: ""; display: block; clear: both; }

/* Width */
.w10p{width: 10% !important; }
.w20p{width: 20% !important; }
.w30p{width: 30% !important; }
.w40p{width: 40% !important; }
.w50p{width: 50% !important; }
.w60p{width: 60% !important; }
.w70p{width: 70% !important; }
.w80p{width: 80% !important; }
.w90p{width: 90% !important; }
.w100p{width: 100% !important; }

.wauto {width: auto !important; min-width: auto !important; }

.w10p.mr04 + .w90p{width: calc(100% - (10% + 4px) + 4px) !important; }
.w15p.mr04 + .w90p{width: calc(100% - (15% + 4px) + 4px) !important; }
.w20p.mr04 + .w80p{width: calc(100% - (20% + 4px) + 4px) !important; }
.w25p.mr04 + .w90p{width: calc(100% - (25% + 4px) + 4px) !important; }
.w30p.mr04 + .w70p{width: calc(100% - (30% + 4px) + 4px) !important; }
.w35p.mr04 + .w90p{width: calc(100% - (35% + 4px) + 4px) !important; }
.w40p.mr04 + .w60p{width: calc(100% - (40% + 4px) + 4px) !important; }
.w45p.mr04 + .w90p{width: calc(100% - (45% + 4px) + 4px) !important; }
.w50p.mr04 + .w50p{width: calc(100% - (50% + 4px) + 4px) !important; }
.w55p.mr04 + .w90p{width: calc(100% - (55% + 4px) + 4px) !important; }
.w60p.mr04 + .w40p{width: calc(100% - (60% + 4px) + 4px) !important; }
.w65p.mr04 + .w90p{width: calc(100% - (65% + 4px) + 4px) !important; }
.w70p.mr04 + .w30p{width: calc(100% - (70% + 4px) + 4px) !important; }
.w75p.mr04 + .w90p{width: calc(100% - (75% + 4px) + 4px) !important; }
.w80p.mr04 + .w20p{width: calc(100% - (80% + 4px) + 4px) !important; }
.w85p.mr04 + .w90p{width: calc(100% - (85% + 4px) + 4px) !important; }
.w90p.mr04 + .w10p{width: calc(100% - (90% + 4px) + 4px) !important; }

.w30{width: 30px !important; }
.w50{width: 50px !important; }
.w80{width: 80px !important; }
.w100{width: 100px !important; }
.w150{width: 150px !important; }
.w200{width: 200px !important; }
.w250{width: 250px !important; }
.w300{width: 300px !important; }
.w350{width: 350px !important; }
.w400{width: 400px !important; }
.w450{width: 450px !important; }
.w500{width: 500px !important; }
.w520{width: 520px !important; }
.w550{width: 550px !important; }
.w600{width: 600px !important; }
.w650{width: 650px !important; }
.w700{width: 700px !important; }
.w750{width: 750px !important; }
.w800{width: 800px !important; }
.w850{width: 850px !important; }
.w900{width: 900px !important; }
.w950{width: 950px !important; }

/* Height */
.h10p{height: 10% !important; }
.h20p{height: 20% !important; }
.h30p{height: 30% !important; }
.h40p{height: 40% !important; }
.h50p{height: 50% !important; }
.h60p{height: 60% !important; }
.h70p{height: 70% !important; }
.h80p{height: 80% !important; }
.h90p{height: 90% !important; }
.h100p{height: 100% !important; }

.hauto{height: auto !important; }

.h100{height: 100px !important; }
.h150{height: 150px !important; }
.h200{height: 200px !important; }
.h250{height: 250px !important; }
.h300{height: 300px !important; }
.h350{height: 350px !important; }
.h400{height: 400px !important; }
.h450{height: 450px !important; }
.h500{height: 500px !important; }
.h550{height: 550px !important; }
.h600{height: 600px !important; }

/* Bg-Color */
.bg_white{background: #FFFFFF !important; }
.bg_black{background: #181818 !important; }

/* Border */
.bord_none{border: none !important; }
.bordTop_none{border-top: none !important; }
.bordRight_none{border-right: none !important; }
.bordBottom_none{border-bottom: none !important; }
.bordLeft_none{border-left: none !important; }

.bordTop{border-top: 1px solid #C8C8C8 !important; }
.bordRight{border-right: 1px solid #C8C8C8 !important; }
.bordBottom{border-bottom: 1px solid #C8C8C8 !important; }
.bordLeft{border-left: 1px solid #C8C8C8 !important; }

.bord_radius4{border-radius: 4px !important; }
.bord_radius6{border-radius: 6px !important; }
.bord_radius8{border-radius: 8px !important; }

/* Style none */
.style_none{background: transparent !important; border: none !important; }

/* Test */
.test{border: 1px solid red !important; }
.testbg{background: orange !important; }

/* Font-Size */
.fs10{font-size: 10px !important; }
.fs11{font-size: 11px !important; }
.fs12{font-size: 12px !important; }
.fs13{font-size: 13px !important; }
.fs14{font-size: 14px !important; }
.fs15{font-size: 15px !important; }
.fs16{font-size: 16px !important; }
.fs18{font-size: 18px !important; }
.fs20{font-size: 20px !important; }
.fs22{font-size: 22px !important; }
.fs24{font-size: 24px !important; }
.fs26{font-size: 26px !important; }
.fs28{font-size: 28px !important; }
.fs30{font-size: 30px !important; }

/* Font-Weight */
.fb{font-family: 'Noto Sans KR Bold'; }
.fn{font-weight: normal; }

/* Font-Color */
.tred{color: #F56565 !important; }
.torange{color: #FF9500 !important; }
.tyellow{color: #FFC126 !important; }
.tgreen{color: #13A850 !important; }
.tblue{color: #4176FF !important; }
.tpurple{color: #6366F1 !important; }
.tblack{color: #333333 !important; }
.tgray6{color: #666666 !important; }
.tgray{color: #B4B5B7 !important; }

/* Text-Align */
select.tc{text-align-last : center !important; }
.tc{text-align: center !important; }
.tl{text-align: left !important; }
.tr{text-align: right !important; }

/* 텍스트 말줄임 */
.tover{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tover2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }

/* 텍스트 문단구분 */
pre, .tpre{font-size: 13px; line-height: 18px; white-space: pre-wrap; }
/* .ws_n{white-space: normal !important; } */

/* ::after 무력화 */
.after_none::after,
.after_none li::after{display: none !important; }

/* Margin */
.m00{margin: 0px !important; }
.m01{margin: 1px !important; }
.m02{margin: 2px !important; }
.m03{margin: 3px !important; }
.m04{margin: 4px !important; }
.m05{margin: 5px !important; }
.m06{margin: 6px !important; }
.m07{margin: 7px !important; }
.m08{margin: 8px !important; }
.m09{margin: 9px !important; }
.m10{margin: 10px !important; }
.m15{margin: 15px !important; }
.m20{margin: 20px !important; }
.m25{margin: 25px !important; }
.m30{margin: 30px !important; }
.m35{margin: 35px !important; }
.m40{margin: 40px !important; }
.m45{margin: 45px !important; }
.m50{margin: 50px !important; }
.m60{margin: 60px !important; }
.m70{margin: 70px !important; }
.m80{margin: 80px !important; }
.m90{margin: 90px !important; }
.m100{margin: 100px !important; }

/* Margin-Top */
.mt00{margin-top: 0px !important; }
.mt01{margin-top: 1px !important; }
.mt02{margin-top: 2px !important; }
.mt03{margin-top: 3px !important; }
.mt04{margin-top: 4px !important; }
.mt05{margin-top: 5px !important; }
.mt06{margin-top: 6px !important; }
.mt07{margin-top: 7px !important; }
.mt08{margin-top: 8px !important; }
.mt09{margin-top: 9px !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; }
.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; }

/* Margin-Left */
.ml00{margin-left: 0px !important; }
.ml01{margin-left: 1px !important; }
.ml02{margin-left: 2px !important; }
.ml03{margin-left: 3px !important; }
.ml04{margin-left: 4px !important; }
.ml05{margin-left: 5px !important; }
.ml06{margin-left: 6px !important; }
.ml07{margin-left: 7px !important; }
.ml08{margin-left: 8px !important; }
.ml09{margin-left: 9px !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; }
.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; }

/* Margin-Right */
.mr00{margin-right: 0px !important; }
.mr01{margin-right: 1px !important; }
.mr02{margin-right: 2px !important; }
.mr03{margin-right: 3px !important; }
.mr04{margin-right: 4px !important; }
.mr05{margin-right: 5px !important; }
.mr06{margin-right: 6px !important; }
.mr07{margin-right: 7px !important; }
.mr08{margin-right: 8px !important; }
.mr09{margin-right: 9px !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; }
.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; }

/* Margin-Bottom */
.mb00{margin-bottom: 0px !important; }
.mb01{margin-bottom: 1px !important; }
.mb02{margin-bottom: 2px !important; }
.mb03{margin-bottom: 3px !important; }
.mb04{margin-bottom: 4px !important; }
.mb05{margin-bottom: 5px !important; }
.mb06{margin-bottom: 6px !important; }
.mb07{margin-bottom: 7px !important; }
.mb08{margin-bottom: 8px !important; }
.mb09{margin-bottom: 9px !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; }
.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; }

/* Padding */
.p00{padding: 0px !important; }
.p01{padding: 1px !important; }
.p02{padding: 2px !important; }
.p03{padding: 3px !important; }
.p04{padding: 4px !important; }
.p05{padding: 5px !important; }
.p06{padding: 6px !important; }
.p07{padding: 7px !important; }
.p08{padding: 8px !important; }
.p09{padding: 9px !important; }
.p10{padding: 10px !important; }
.p15{padding: 15px !important; }
.p20{padding: 20px !important; }
.p25{padding: 25px !important; }
.p30{padding: 30px !important; }
.p35{padding: 35px !important; }
.p40{padding: 40px !important; }
.p45{padding: 45px !important; }
.p50{padding: 50px !important; }
.p60{padding: 60px !important; }
.p70{padding: 70px !important; }
.p80{padding: 80px !important; }
.p90{padding: 90px !important; }
.p100{padding: 100px !important; }

/* Padding-Top */
.pt00{padding-top: 0px !important; }
.pt01{padding-top: 1px !important; }
.pt02{padding-top: 2px !important; }
.pt03{padding-top: 3px !important; }
.pt04{padding-top: 4px !important; }
.pt05{padding-top: 5px !important; }
.pt06{padding-top: 6px !important; }
.pt07{padding-top: 7px !important; }
.pt08{padding-top: 8px !important; }
.pt09{padding-top: 9px !important; }
.pt10{padding-top: 10px !important; }
.pt15{padding-top: 15px !important; }
.pt20{padding-top: 20px !important; }
.pt25{padding-top: 25px !important; }
.pt30{padding-top: 30px !important; }
.pt35{padding-top: 35px !important; }
.pt40{padding-top: 40px !important; }
.pt45{padding-top: 45px !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; }

/* Padding-Left */
.pl00{padding-left: 0px !important; }
.pl01{padding-left: 1px !important; }
.pl02{padding-left: 2px !important; }
.pl03{padding-left: 3px !important; }
.pl04{padding-left: 4px !important; }
.pl05{padding-left: 5px !important; }
.pl06{padding-left: 6px !important; }
.pl07{padding-left: 7px !important; }
.pl08{padding-left: 8px !important; }
.pl09{padding-left: 9px !important; }
.pl10{padding-left: 10px !important; }
.pl15{padding-left: 15px !important; }
.pl20{padding-left: 20px !important; }
.pl25{padding-left: 25px !important; }
.pl30{padding-left: 30px !important; }
.pl35{padding-left: 35px !important; }
.pl40{padding-left: 40px !important; }
.pl45{padding-left: 45px !important; }
.pl50{padding-left: 50px !important; }
.pl60{padding-left: 60px !important; }
.pl70{padding-left: 70px !important; }
.pl80{padding-left: 80px !important; }
.pl90{padding-left: 90px !important; }
.pl100{padding-left: 100px !important; }

/* Padding-Right */
.pr00{padding-right: 0px !important; }
.pr01{padding-right: 1px !important; }
.pr02{padding-right: 2px !important; }
.pr03{padding-right: 3px !important; }
.pr04{padding-right: 4px !important; }
.pr05{padding-right: 5px !important; }
.pr06{padding-right: 6px !important; }
.pr07{padding-right: 7px !important; }
.pr08{padding-right: 8px !important; }
.pr09{padding-right: 9px !important; }
.pr10{padding-right: 10px !important; }
.pr15{padding-right: 15px !important; }
.pr20{padding-right: 20px !important; }
.pr25{padding-right: 25px !important; }
.pr30{padding-right: 30px !important; }
.pr35{padding-right: 35px !important; }
.pr40{padding-right: 40px !important; }
.pr45{padding-right: 45px !important; }
.pr50{padding-right: 50px !important; }
.pr60{padding-right: 60px !important; }
.pr70{padding-right: 70px !important; }
.pr80{padding-right: 80px !important; }
.pr90{padding-right: 90px !important; }
.pr100{padding-right: 100px !important; }

/* Padding-Bottom */
.pb00{padding-bottom: 0px !important; }
.pb01{padding-bottom: 1px !important; }
.pb02{padding-bottom: 2px !important; }
.pb03{padding-bottom: 3px !important; }
.pb04{padding-bottom: 4px !important; }
.pb05{padding-bottom: 5px !important; }
.pb06{padding-bottom: 6px !important; }
.pb07{padding-bottom: 7px !important; }
.pb08{padding-bottom: 8px !important; }
.pb09{padding-bottom: 9px !important; }
.pb10{padding-bottom: 10px !important; }
.pb15{padding-bottom: 15px !important; }
.pb20{padding-bottom: 20px !important; }
.pb25{padding-bottom: 25px !important; }
.pb30{padding-bottom: 30px !important; }
.pb35{padding-bottom: 35px !important; }
.pb40{padding-bottom: 40px !important; }
.pb45{padding-bottom: 45px !important; }
.pb50{padding-bottom: 50px !important; }
.pb60{padding-bottom: 60px !important; }
.pb70{padding-bottom: 70px !important; }
.pb80{padding-bottom: 80px !important; }
.pb90{padding-bottom: 90px !important; }
.pb100{padding-bottom: 100px !important; }