@charset "utf-8";
/*==== reset ====*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {
	margin: 0; padding: 0;
}
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, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, 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, section, summary,
time, mark, audio, video { margin: 0; padding: 0;}

article, aside, footer, header, nav, section, main, figure, figcaption { display: block;}
body { font-family: "Noto Sans KR","Noto Sans TC",sans-serif; line-height: 1.5;}
fieldset,img { border:0 none;}
dl, ul, ol, menu, li { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
input, select, textarea, button { font-size:100%; vertical-align: middle;}
button { border:0 none; background-color: transparent; cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0;}

input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { padding: 0; border-radius: 0;}
input[type='text'], input[type='password'] , textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
input:checked[type='checkbox'] { background: #999;}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { padding: 0; border-radius: 0;}

input[type='submit'], input[type='search'], input[type='radio'], input[type='checkbox'] { cursor: pointer;}


body { background: #fff;}
html,body{ -webkit-text-size-adjust: 100%; height:100%; margin: 0; color: #555; letter-spacing: -0.5px;}

body, th, td, input, select, textarea, button { font-size: 16px; line-height:1; font-style: normal; font-variant-ligatures: normal;font-stretch: normal; }
th, td { word-break: keep-all; box-sizing: border-box;}
input[type="text"]:disabled { background-color: #eee;}
input[readonly="readonly"] { background-color: #eee;}
b, strong { font-weight: 500;}
p{ word-wrap: break-word; word-break:keep-all;}

select:disabled { background-color: #eee;}
a { color:#555; text-decoration: none;}
a:active, a:hover { text-decoration: none;}
a:focus{outline:1px auto #90B5CF;}

address,caption,legend,cite,code,dfn,em,var { font-style:normal; font-weight:normal;}
textarea{ resize: none;}
caption, legend { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}
input[data-type='number'] {text-align: right;}
label { cursor: pointer;}

/*========== skip navigation ===========*/
.offscreen { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}
.skipNav { position:absolute; top: 0; width: 100%; z-index: 1090;}
.skipNav a { position:absolute; top:-200px;}
.skipNav a:focus, .skipNav a:active, .skipNav a:hover { display:block; top:0; width: 100%; height: 40px; padding-top: 20px; color: #000; font-weight: 700; background: #ddd; text-decoration: none; text-align:center;}
.skipNav a:focus, .skipNav a:active, .skipNav a:hover {z-index:1091;}


/* float --------------------------*/
.fl-left { float: left !important;}
.fl-right { float: right !important;}

/* display --------------------------*/
.dis-in { display: inline-block !important;}
.dis-bl { display: block !important;}

/* text --------------------------*/
/* align */
.textl { text-align: left !important;}
.textr { text-align: right !important;}
.textc { text-align: center !important;}

/* ellipsis --- */
.row01-crop{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.row02-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2rem; height: 2.4rem; /* line-height 가 1.2em 이고 2라인을 자르기 때문에 height는 1.2rem * 2 = 2.4rem */}
.row03-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2rem; height: 3.6rem; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2rem * 3 = 3.6rem */}


/* vertical-align*/
.ver-mi{vertical-align: middle !important;}
.ver-tp{vertical-align: top !important;}

/* notice */
.notice-text { color: #ff451a;}
.note-text { position: absolute; display: inline-block; color: #555; vertical-align: middle;}
.noti-txt01{padding-top: 7px; padding-left: 10px; font-size: 14px; color: #ff451a;}

/* notice */
.notice-text-step { color: #ff451a;}

/* input --------------------------*/
input[type=text] { padding: 2px;}
input[type=text].right { text-align: right;}

/* margin --------------------------*/
.mgt-small { margin-top: 10px !important;}
.mgt-middle { margin-top: 25px !important;}
.mgt-no { margin-top: 0 !important;}
.mgt-10 { margin-top: 10px !important;}
.mgt-20 { margin-top: 20px !important;}
.mgl-5 { margin-left: 5px !important;}
.mgl-10 { margin-left: 10px !important;}
.mgl-15 { margin-left: 15px !important;}
.mgr-15 { margin-right: 15px !important;}
.mgb-0 { margin-bottom: 0px !important;}
.mgb-10 { margin-bottom: 10px !important;}
.mgb-20 { margin-bottom: 20px !important;}
.mg-ntop { margin-top: -3px !important; margin-left: 10px !important;}

/* width 값 뒤에 붙는 마진 10*/
.mgl-w145 { margin-left: 155px !important;} /* w145 뒤에 붙는 마진 left 10 */
.mgl-w200 { margin-left: 210px !important;} /* w200 뒤에 붙는 마진 left 10 */
.mgl-w300 { margin-left: 310px !important;} /* w300 뒤에 붙는 마진 left 10 */
.mgl-w400 { margin-left: 410px !important;} /* w400 뒤에 붙는 마진 left 10 */
.mgl-wmd { margin-left: 250px !important;} /* 다중(input, button) 뒤에 붙는 마진 left 10 */


/* padding --------------------------*/
.pdr-5 { padding-right: 5px !important;}
.pdl-center { padding-left: 170px !important}
.pdt-5 { padding-top: 5px !important;}
.pdt-10 { padding-top: 10px !important;}
.pdt-15 { padding-top: 15px !important;}
.pdt-20 { padding-top: 20px !important;}
.pdt-30 { padding-top: 30px !important;}
.pdl-5 { padding-left: 5px !important;}
.pdl-5 { padding-left: 5px !important;}
.pdl-10 { padding-left: 10px !important;}
.pdl-15 { padding-left: 15px !important;}
.pdr-30 { padding-right: 30px !important;}
.pdb-10 { padding-bottom: 10px !important;}
.pdb-5 { padding-bottom: 5px !important;}
.pdtb-20 { padding: 20px 0 !important;}
.pdtb-15 { padding-top: 15px; padding-bottom: 15px;}
.pdtb-10 { padding-top: 10px; padding-bottom: 10px;}
.pdtb-5 { padding-top: 5px; padding-bottom: 5px;}


/* background-color ------------------*/
.bg-colorf7{background-color: #f7f7f7}

/* font size */
.fw300 { font-weight:300 !important;}
.f17 { font-size:17px !important;}
.f16 { font-size:16px !important;}
.f15 { font-size: 15px !important;}
.f14 { font-size: 14px !important;}
.f13 { font-size: 13px !important;}

/* text color ------------------------*/
.red { color: #dc0032 !important;}
.org { color: #ff451a !important;}
.purple1 { color: #6b1e74 !important;}
.wte { color: #fff !important;}

/* privacy test color */
.priv { color: #be343a !important;}

/* width -----------------------------*/
.w50 { width: 50px !important;}
.w60 { width: 60px !important;}
.w55 { width: 55px !important;}
.w70 { width: 70px !important;}
.w80 { width: 80px !important;}
.w85 { width: 85px !important;}
.w120 { width: 120px !important;}
.w145 { width: 145px !important;}
.w200 { width: 200px !important;}
.w290 { width: 290px !important;}
.w300 { width: 300px !important;}
.w400 { width: 400px !important;}
.w500 { width: 500px !important;}

.w25per { width: 25% !important;}
.w29per { width: 29% !important;}
.w40per { width: 40% !important;}
.w50per { width: 50% !important;}
.w55per { width: 55% !important;}
.w60per { width: 60% !important;}
.w65per { width: 65% !important;}
.w70per { width: 70% !important;}
.w75per { width: 75% !important;}
.w80per { width: 80% !important;}
.w90per { width: 90% !important;}
.w100per { width: 100% !important;}


/*25-05-27 margin, padding 추가*/

/*margin값 정리*/
.mg-0{margin: 0 !important}
.mg-5{margin: 5px !important}
.mg-10{margin: 10 !important}
.mg-15{margin: 15px !important}
.mg-20{margin: 20 !important}
.mg-25{margin: 25px !important}
.mg-30{margin: 30 !important}
.mg-35{margin: 35px !important}
.mg-40{margin: 40 !important}
.mg-45{margin: 45px !important}
.mg-50{margin: 50 !important}
.mg-55{margin: 55px !important}
.mg-60{margin: 60 !important}
.mg-65{margin: 65px !important}
.mg-70{margin: 70 !important}
.mg-75{margin: 75px !important}
.mg-80{margin: 80 !important}
.mg-85{margin: 85px !important}
.mg-90{margin: 90 !important}
.mg-95{margin: 95px !important}
.mg-100{margin: 100 !important}


.mgt-1{margin-top: 1px !important}
.mgt-2{margin-top: 2px !important}
.mgt-3{margin-top: 3px !important}
.mgt-4{margin-top: 4px !important}
.mgt-5 { margin-top: 5px !important;}
.mgt-6{margin-top: 6px !important}
.mgt-7{margin-top: 7px !important}
.mgt-8{margin-top: 8px !important}
.mgt-9{margin-top: 9px !important}
.mgt-10 { margin-top: 10px !important;}
.mgt-11{margin-top: 11px !important}
.mgt-12{margin-top: 12px !important}
.mgt-13{margin-top: 13px !important}
.mgt-14{margin-top: 14px !important}
.mgt-15{ margin-top: 15px !important;}
.mgt-16{margin-top: 16px !important}
.mgt-17{margin-top: 17px !important}
.mgt-18{margin-top: 18px !important}
.mgt-19{margin-top: 19px !important}
.mgt-20 { margin-top: 20px !important;}
.mgt-25{ margin-top: 25px !important;}
.mgt-30 { margin-top: 30px !important;}
.mgt-35{ margin-top: 35px !important;}
.mgt-40 { margin-top: 40px !important;}
.mgt-45{ margin-top: 45px !important;}
.mgt-50 { margin-top: 50px !important;}
.mgt-55{ margin-top: 55px !important;}
.mgt-60 { margin-top: 60px !important;}
.mgt-65{ margin-top: 65px !important;}
.mgt-70 { margin-top: 70px !important;}
.mgt-75{ margin-top: 75px !important;}
.mgt-80 { margin-top: 80px !important;}
.mgt-85{ margin-top: 85px !important;}
.mgt-90 { margin-top: 90px !important;}
.mgt-95{ margin-top: 95px !important;}
.mgt-100 { margin-top: 100px !important;}

.mgr-1{margin-right: 1px !important}
.mgr-2{margin-right: 2px !important}
.mgr-3{margin-right: 3px !important}
.mgr-4{margin-right: 4px !important}
.mgr-5 { margin-right: 5px !important;}
.mgr-6{margin-right: 6px !important}
.mgr-7{margin-right: 7px !important}
.mgr-8{margin-right: 8px !important}
.mgr-9{margin-right: 9px !important}
.mgr-10 { margin-right: 10px !important;}
.mgr-11{margin-right: 11px !important}
.mgr-12{margin-right: 12px !important}
.mgr-13{margin-right: 13px !important}
.mgr-14{margin-right: 14px !important}
.mgr-15{ margin-right: 15px !important;}
.mgr-16{margin-right: 16px !important}
.mgr-17{margin-right: 17px !important}
.mgr-18{margin-right: 18px !important}
.mgr-19{margin-right: 19px !important}
.mgr-20 { margin-right: 20px !important;}
.mgr-25{ margin-right: 25px !important;}
.mgr-30 { margin-right: 30px !important;}
.mgr-35{ margin-right: 35px !important;}
.mgr-40 { margin-right: 40px !important;}
.mgr-45{ margin-right: 45px !important;}
.mgr-50 { margin-right: 50px !important;}
.mgr-55{ margin-right: 55px !important;}
.mgr-60 { margin-right: 60px !important;}
.mgr-65{ margin-right: 65px !important;}
.mgr-70 { margin-right: 70px !important;}
.mgr-75{ margin-right: 75px !important;}
.mgr-80 { margin-right: 80px !important;}
.mgr-85{ margin-right: 85px !important;}
.mgr-90 { margin-right: 90px !important;}
.mgr-95{ margin-right: 95px !important;}
.mgr-100 { margin-right: 100px !important;}

.mgb-1{margin-bottom: 1px !important}
.mgb-2{margin-bottom: 2px !important}
.mgb-3{margin-bottom: 3px !important}
.mgb-4{margin-bottom: 4px !important}
.mgb-5 { margin-bottom: 5px !important;}
.mgb-6{margin-bottom: 6px !important}
.mgb-7{margin-bottom: 7px !important}
.mgb-8{margin-bottom: 8px !important}
.mgb-9{margin-bottom: 9px !important}
.mgb-10 { margin-bottom: 10px !important;}
.mgb-11{margin-bottom: 11px !important}
.mgb-12{margin-bottom: 12px !important}
.mgb-13{margin-bottom: 13px !important}
.mgb-14{margin-bottom: 14px !important}
.mgb-15{ margin-bottom: 15px !important;}
.mgb-16{margin-bottom: 16px !important}
.mgb-17{margin-bottom: 17px !important}
.mgb-18{margin-bottom: 18px !important}
.mgb-19{margin-bottom: 19px !important}
.mgb-20 { margin-bottom: 20px !important;}
.mgb-25{ margin-bottom: 25px !important;}
.mgb-30 { margin-bottom: 30px !important;}
.mgb-35{ margin-bottom: 35px !important;}
.mgb-40 { margin-bottom: 40px !important;}
.mgb-45{ margin-bottom: 45px !important;}
.mgb-50 { margin-bottom: 50px !important;}
.mgb-55{ margin-bottom: 55px !important;}
.mgb-60 { margin-bottom: 60px !important;}
.mgb-65{ margin-bottom: 65px !important;}
.mgb-70 { margin-bottom: 70px !important;}
.mgb-75{ margin-bottom: 75px !important;}
.mgb-80 { margin-bottom: 80px !important;}
.mgb-85{ margin-bottom: 85px !important;}
.mgb-90 { margin-bottom: 90px !important;}
.mgb-95{ margin-bottom: 95px !important;}
.mgb-100 { margin-bottom: 100px !important;}

.mgl-1{margin-left: 1px !important}
.mgl-2{margin-left: 2px !important}
.mgl-3{margin-left: 3px !important}
.mgl-4{margin-left: 4px !important}
.mgl-5 { margin-left: 5px !important;}
.mgl-6{margin-left: 6px !important}
.mgl-7{margin-left: 7px !important}
.mgl-8{margin-left: 8px !important}
.mgl-9{margin-left: 9px !important}
.mgl-10 { margin-left: 10px !important;}
.mgl-11{margin-left: 11px !important}
.mgl-12{margin-left: 12px !important}
.mgl-13{margin-left: 13px !important}
.mgl-14{margin-left: 14px !important}
.mgl-15{ margin-left: 15px !important;}
.mgl-16{margin-left: 16px !important}
.mgl-17{margin-left: 17px !important}
.mgl-18{margin-left: 18px !important}
.mgl-19{margin-left: 19px !important}
.mgl-20 { margin-left: 20px !important;}
.mgl-25{ margin-left: 25px !important;}
.mgl-30 { margin-left: 30px !important;}
.mgl-35{ margin-left: 35px !important;}
.mgl-40 { margin-left: 40px !important;}
.mgl-45{ margin-left: 45px !important;}
.mgl-50 { margin-left: 50px !important;}
.mgl-55{ margin-left: 55px !important;}
.mgl-60 { margin-left: 60px !important;}
.mgl-65{ margin-left: 65px !important;}
.mgl-70 { margin-left: 70px !important;}
.mgl-75{ margin-left: 75px !important;}
.mgl-80 { margin-left: 80px !important;}
.mgl-85{ margin-left: 85px !important;}
.mgl-90 { margin-left: 90px !important;}
.mgl-95{ margin-left: 95px !important;}
.mgl-100 { margin-left: 100px !important;}


/* padding --------------------------*/
.pdr-5 { padding-right: 5px !important;}
.pdr-10 { padding-right: 10px !important;}
.pdl-center { padding-left: 170px !important}
.pdt-5 { padding-top: 5px !important;}
.pdt-10 { padding-top: 10px !important;}
.pdt-15 { padding-top: 15px !important;}
.pdt-20 { padding-top: 20px !important;}
.pdt-30 { padding-top: 30px !important;}
.pdl-5 { padding-left: 5px !important;}
.pdl-10 { padding-left: 10px !important;}
.pdl-15 { padding-left: 15px !important;}
.pdl-25 { padding-left: 25px !important;}
.pdr-30 { padding-right: 30px !important;}
.pdb-10 { padding-bottom: 10px !important;}
.pdb-5 { padding-bottom: 5px !important;}
.pdb-0 { padding-bottom: 0 !important;}
.pdtb-0 { padding: 0 !important;}
.pdtb-3 { padding: 3px 5px !important;}
.pdtb-20 { padding: 20px 0 !important;}
.pdtb-15 { padding-top: 15px; padding-bottom: 15px;}
.pdtb-10 { padding-top: 10px; padding-bottom: 10px;}
.pdtb-5 { padding-top: 5px; padding-bottom: 5px;}

.pd-0{padding: 0 !important}
.pd-5{padding: 5px !important}
.pd-10{padding: 10 !important}
.pd-15{padding: 15px !important}
.pd-20{padding: 20 !important}
.pd-25{padding: 25px !important}
.pd-30{padding: 30 !important}
.pd-35{padding: 35px !important}
.pd-40{padding: 40 !important}
.pd-45{padding: 45px !important}
.pd-50{padding: 50 !important}
.pd-55{padding: 55px !important}
.pd-60{padding: 60 !important}
.pd-65{padding: 65px !important}
.pd-70{padding: 70 !important}
.pd-75{padding: 75px !important}
.pd-80{padding: 80 !important}
.pd-85{padding: 85px !important}
.pd-90{padding: 90 !important}
.pd-95{padding: 95px !important}
.pd-100{padding: 100 !important}

.pdtb-0{padding: 0 0 !important}
.pdtb-5{padding: 5px 0 !important}
.pdtb-10{padding: 10 0 !important}
.pdtb-15{padding: 15px 0 !important}
.pdtb-20{padding: 20 0 !important}
.pdtb-25{padding: 25px 0 !important}
.pdtb-30{padding: 30 0 !important}
.pdtb-35{padding: 35px 0 !important}
.pdtb-40{padding: 40 0 !important}
.pdtb-45{padding: 45px 0 !important}
.pdtb-50{padding: 50 0 !important}
.pdtb-55{padding: 55px 0 !important}
.pdtb-60{padding: 60 0 !important}
.pdtb-65{padding: 65px 0 !important}
.pdtb-70{padding: 70 0 !important}
.pdtb-75{padding: 75px 0 !important}
.pdtb-80{padding: 80 0 !important}
.pdtb-85{padding: 85px 0 !important}
.pdtb-90{padding: 90 0 !important}
.pdtb-95{padding: 95px 0 !important}
.pdtb-100{padding: 100 0 !important}

.pdrl-0{padding: 0 0 !important}
.pdrl-5{padding: 0 5px !important}
.pdrl-10{padding: 0 10 !important}
.pdrl-15{padding: 0 15px !important}
.pdrl-20{padding: 0 20 !important}
.pdrl-25{padding: 0 25px !important}
.pdrl-30{padding: 0 30 !important}
.pdrl-35{padding: 0 35px !important}
.pdrl-40{padding: 0 40 !important}
.pdrl-45{padding: 0 45px !important}
.pdrl-50{padding: 0 50 !important}
.pdrl-55{padding: 0 55px !important}
.pdrl-60{padding: 0 60 !important}
.pdrl-65{padding: 0 65px !important}
.pdrl-70{padding: 0 70 !important}
.pdrl-75{padding: 0 75px !important}
.pdrl-80{padding: 0 80 !important}
.pdrl-85{padding: 0 85px !important}
.pdrl-90{padding: 0 90 !important}
.pdrl-95{padding: 0 95px !important}
.pdrl-100{padding: 0 100 !important}

.pdt-1{padding-top: 1px !important}
.pdt-2{padding-top: 2px !important}
.pdt-3{padding-top: 3px !important}
.pdt-4{padding-top: 4px !important}
.pdt-5 { padding-top: 5px !important;}
.pdt-6{padding-top: 6px !important}
.pdt-7{padding-top: 7px !important}
.pdt-8{padding-top: 8px !important}
.pdt-9{padding-top: 9px !important}
.pdt-10 { padding-top: 10px !important;}
.pdt-11{padding-top: 11px !important}
.pdt-12{padding-top: 12px !important}
.pdt-13{padding-top: 13px !important}
.pdt-14{padding-top: 14px !important}
.pdt-15{ padding-top: 15px !important;}
.pdt-16{padding-top: 16px !important}
.pdt-17{padding-top: 17px !important}
.pdt-18{padding-top: 18px !important}
.pdt-19{padding-top: 19px !important}
.pdt-20 { padding-top: 20px !important;}
.pdt-25{ padding-top: 25px !important;}
.pdt-30 { padding-top: 30px !important;}
.pdt-35{ padding-top: 35px !important;}
.pdt-40 { padding-top: 40px !important;}
.pdt-45{ padding-top: 45px !important;}
.pdt-50 { padding-top: 50px !important;}
.pdt-55{ padding-top: 55px !important;}
.pdt-60 { padding-top: 60px !important;}
.pdt-65{ padding-top: 65px !important;}
.pdt-70 { padding-top: 70px !important;}
.pdt-75{ padding-top: 75px !important;}
.pdt-80 { padding-top: 80px !important;}
.pdt-85{ padding-top: 85px !important;}
.pdt-90 { padding-top: 90px !important;}
.pdt-95{ padding-top: 95px !important;}
.pdt-100 { padding-top: 100px !important;}


.pdr-1{padding-right: 1px !important}
.pdr-2{padding-right: 2px !important}
.pdr-3{padding-right: 3px !important}
.pdr-4{padding-right: 4px !important}
.pdr-5 { padding-right: 5px !important;}
.pdr-6{padding-right: 6px !important}
.pdr-7{padding-right: 7px !important}
.pdr-8{padding-right: 8px !important}
.pdr-9{padding-right: 9px !important}
.pdr-10 { padding-right: 10px !important;}
.pdr-11{padding-right: 11px !important}
.pdr-12{padding-right: 12px !important}
.pdr-13{padding-right: 13px !important}
.pdr-14{padding-right: 14px !important}
.pdr-15{ padding-right: 15px !important;}
.pdr-16{padding-right: 16px !important}
.pdr-17{padding-right: 17px !important}
.pdr-18{padding-right: 18px !important}
.pdr-19{padding-right: 19px !important}
.pdr-20 { padding-right: 20px !important;}
.pdr-25{ padding-right: 25px !important;}
.pdr-30 { padding-right: 30px !important;}
.pdr-35{ padding-right: 35px !important;}
.pdr-40 { padding-right: 40px !important;}
.pdr-45{ padding-right: 45px !important;}
.pdr-50 { padding-right: 50px !important;}
.pdr-55{ padding-right: 55px !important;}
.pdr-60 { padding-right: 60px !important;}
.pdr-65{ padding-right: 65px !important;}
.pdr-70 { padding-right: 70px !important;}
.pdr-75{ padding-right: 75px !important;}
.pdr-80 { padding-right: 80px !important;}
.pdr-85{ padding-right: 85px !important;}
.pdr-90 { padding-right: 90px !important;}
.pdr-95{ padding-right: 95px !important;}
.pdr-100 { padding-right: 100px !important;}


.pdb-1{padding-bottom: 1px !important}
.pdb-2{padding-bottom: 2px !important}
.pdb-3{padding-bottom: 3px !important}
.pdb-4{padding-bottom: 4px !important}
.pdb-5 { padding-bottom: 5px !important;}
.pdb-6{padding-bottom: 6px !important}
.pdb-7{padding-bottom: 7px !important}
.pdb-8{padding-bottom: 8px !important}
.pdb-9{padding-bottom: 9px !important}
.pdb-10 { padding-bottom: 10px !important;}
.pdb-11{padding-bottom: 11px !important}
.pdb-12{padding-bottom: 12px !important}
.pdb-13{padding-bottom: 13px !important}
.pdb-14{padding-bottom: 14px !important}
.pdb-15{ padding-bottom: 15px !important;}
.pdb-16{padding-bottom: 16px !important}
.pdb-17{padding-bottom: 17px !important}
.pdb-18{padding-bottom: 18px !important}
.pdb-19{padding-bottom: 19px !important}
.pdb-20 { padding-bottom: 20px !important;}
.pdb-25{ padding-bottom: 25px !important;}
.pdb-30 { padding-bottom: 30px !important;}
.pdb-35{ padding-bottom: 35px !important;}
.pdb-40 { padding-bottom: 40px !important;}
.pdb-45{ padding-bottom: 45px !important;}
.pdb-50 { padding-bottom: 50px !important;}
.pdb-55{ padding-bottom: 55px !important;}
.pdb-60 { padding-bottom: 60px !important;}
.pdb-65{ padding-bottom: 65px !important;}
.pdb-70 { padding-bottom: 70px !important;}
.pdb-75{ padding-bottom: 75px !important;}
.pdb-80 { padding-bottom: 80px !important;}
.pdb-85{ padding-bottom: 85px !important;}
.pdb-90 { padding-bottom: 90px !important;}
.pdb-95{ padding-bottom: 95px !important;}
.pdb-100 { padding-bottom: 100px !important;}

.pdl-1{padding-left: 1px !important}
.pdl-2{padding-left: 2px !important}
.pdl-3{padding-left: 3px !important}
.pdl-4{padding-left: 4px !important}
.pdl-5 { padding-left: 5px !important;}
.pdl-6{padding-left: 6px !important}
.pdl-7{padding-left: 7px !important}
.pdl-8{padding-left: 8px !important}
.pdl-9{padding-left: 9px !important}
.pdl-10 { padding-left: 10px !important;}
.pdl-11{padding-left: 11px !important}
.pdl-12{padding-left: 12px !important}
.pdl-13{padding-left: 13px !important}
.pdl-14{padding-left: 14px !important}
.pdl-15{ padding-left: 15px !important;}
.pdl-16{padding-left: 16px !important}
.pdl-17{padding-left: 17px !important}
.pdl-18{padding-left: 18px !important}
.pdl-19{padding-left: 19px !important}
.pdl-20 { padding-left: 20px !important;}
.pdl-25{ padding-left: 25px !important;}
.pdl-30 { padding-left: 30px !important;}
.pdl-35{ padding-left: 35px !important;}
.pdl-40 { padding-left: 40px !important;}
.pdl-45{ padding-left: 45px !important;}
.pdl-50 { padding-left: 50px !important;}
.pdl-55{ padding-left: 55px !important;}
.pdl-60 { padding-left: 60px !important;}
.pdl-65{ padding-left: 65px !important;}
.pdl-70 { padding-left: 70px !important;}
.pdl-75{ padding-left: 75px !important;}
.pdl-80 { padding-left: 80px !important;}
.pdl-85{ padding-left: 85px !important;}
.pdl-90 { padding-left: 90px !important;}
.pdl-95{ padding-left: 95px !important;}
.pdl-100 { padding-left: 100px !important;}


/* background-color ------------------*/
.bg-colorf7{background-color: #f7f7f7}

/* text color ------------------------*/
.red { color: #dc0032;}
.org { color: #ff451a;}
.wte { color: #fff !important;}
.co_blue {color:#004d97}
.co_blue2 {color:#4b96e6 !important; } /* blue */
.co_red2 {color:#ed2a11 !important; } /* red */
.co_org2 {color:#fb8060 !important; } /* orange */
.co_yellow {color:#fbcf60 !important; } /* yellow */
.co_green {color:#009688 !important; } /* green */
.co_purple {color:#6b1d7a  !important; } /* pupple */
.co_purple2  {color:#850699 !important; } /* pupple2 */
.co_gray {color:#666 !important; } /*gray */
.co_gray2 {color:#555 !important; } /*gray */

/* bold 진하게 */
.bold4{font-weight:400 !important;}
.bold5{font-weight:500 !important;}
.bold6{font-weight:600 !important;}
.bold7{font-weight:700 !important;}
.bold9{font-weight:900 !important;}

/* privacy test color */
.priv { color: #be343a !important;}

/* font size ------------------------*/
.f10{font-size:10px !important; }
.f11{font-size:11px !important; }
.f12{font-size:12px !important; }
.f13 { font-size: 13px !important;}
.f14 { font-size: 14px !important;}
.f15 { font-size: 15px !important;}
.f16 { font-size: 16px !important;}
.f17 { font-size: 17px !important;}
.f18{font-size:18px !important; }
.f20 { font-size: 20px !important;}
.f22{font-size:22px !important; }
.f24{font-size:24px !important; }


.bdt2{border-top-width: 2px !important}
.bdr2{border-right-width: 2px !important}
.bdb2{border-bottom-width:2px !important}
.bdl2{border-left-width: 2px !important}