@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: "Open Sans",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: 15px; 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: 600;}
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;}
.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;}
.pdr-30 { padding-right: 30px !important;}
.pdb-10 { padding-bottom: 10px !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}

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

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

/* font size */
.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;}

/* 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;}

.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;}