/*** basic-reset ***/
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;	border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
strong {font-weight:bold;}
img {max-width:100%;}
ul:after, .clearfix::after {clear:both; display:block; content:'';}
a{text-decoration:none; color:inherit;}
a:hover { text-decoration:none; }
sup { vertical-align: super; font-size:smaller;}
sub { vertical-align: sub; }
img { vertical-align: top; border: 0; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges;}
.blind { position: absolute; top: -9999999px;}
.underline { position: relative; padding-bottom: 1px;}
.underline:before { display: block; width: 100%; height: 1px; background: #fff; content: ''; position: absolute; left: 0; bottom: 0; }
:focus { outline: none;}
:disabled { cursor: auto;}
::placeholder, ::-webkit-input-placeholder, ::-ms-input-placeholder, input::-ms-input-placeholder { color: #999;}
select option { color: #000;}
input[readonly="readonly"] { background-color: #ecf2fb!important;}
input[readonly], textarea[readonly] { background-color: #ecf2fb!important;}
input[readonly].back-white { background-color: #fff!important;}
/*** //basic-reset ***/

/*** table css ***/
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
table th { text-align: left;}
/*** //table css ***/

/*** input + select css ***/
select { color: #999; background: no-repeat; border: 0; width: 100%; }
select:disabled { opacity: 0.6;}
select::-ms-expand { display: none; }
select, input { appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; font-size: 14px; padding: 0;}

.select-box select {  width: 100%; height: 50px; background: url(/images/front/basic-icon/select-arrow-b.png) no-repeat right 15px center #fff; cursor: pointer; line-height: 40px; font-size: 15px; padding: 0 35px 0 20px; box-sizing: border-box; border-radius: 6px; -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05);}

.select-line select { border-bottom: 1px solid;}

.select-none select { border: 0;}

.select-list { padding: 30px 0 20px;}
.select-list > li { float: left;}
.select-list > li:nth-child(n+2) { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px;}

input { border: 0; }
input[type=text]::-ms-clear{display: none;}
input[type='radio'],input[type='checkbox'],input[type='file'] { display: none; }
input[type='text'],input[type='password'] { width: 100%; background-color: transparent;}

.ip-chk-box input[type='checkbox'] + label { display: inline-block; width: 24px; height: 24px; position: relative;  font-size: 0; cursor: pointer; vertical-align: middle; }
.ip-chk-box input[type='checkbox'] + label:before { display: block; content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: url(/images/front/basic-icon/checkbox-icon.png) no-repeat left center; background-size: 48px;}
.ip-chk-box input[type='checkbox']:checked + label:before { background-position: right center;}

label { -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none;}
.ip-chk-txt input[type='checkbox'] + label { display: inline-block; position: relative; font-size: 13px; line-height: 26px; padding-left: 34px; letter-spacing: -0.04em; color: #999; cursor: pointer; vertical-align: middle; font-weight: 400; margin-right: 20px;}
.ip-chk-txt input[type='checkbox'] + label:before { display: block; content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: url(/images/front/basic-icon/checkbox-icon.png) no-repeat left center; background-size: 48px;}
.ip-chk-txt input[type='checkbox'] + label:last-child { margin-right: 0px;}
.ip-chk-txt input[type='checkbox']:checked + label:before { background-position: right center;}

.ip-chk-txt2 input[type='checkbox'] + label { display: inline-block; position: relative; font-size: 13px; line-height: 27px; padding-left: 34px; letter-spacing: -0.04em;  cursor: pointer; vertical-align: middle; font-weight: 400; margin-right: 20px;}
.ip-chk-txt2 input[type='checkbox'] + label:before { display: block; content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: url(/images/front/basic-icon/checkbox-icon2.png) no-repeat left center; background-size: 48px;}
.ip-chk-txt2 input[type='checkbox'] + label:last-child { margin-right: 0px;}
.ip-chk-txt2 input[type='checkbox']:checked + label:before { background-position: right center;}

.ip-ra-box input[type='radio'] + label { display: inline-block; width: 17px; height: 17px; position: relative;  font-size: 0; cursor: pointer; top: 1px}
.ip-ra-box input[type='radio'] + label:before { display: block; content: ''; width: 17px; height: 17px; position: absolute; left: 0; top: 0; background: url(/images/front/basic-icon/radio-icon.png) no-repeat left center; background-size:34px;}
.ip-ra-box input[type='radio']:checked + label:before { background-position: right center;}

.ip-ra-txt { font-size: 0;}
.ip-ra-txt input[type='radio'] + label { display: inline-block; position: relative; vertical-align: middle; font-weight: 300; font-size: 16px; line-height: 30px; padding-left: 34px; cursor: pointer; color: #000; margin-right: 20px;}
.ip-ra-txt input[type='radio'] + label:nth-last-of-type(1) { margin-right: 0;}
.ip-ra-txt input[type='radio'] + label:before { display: block; content: ''; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: url(/images/front/basic-icon/radio-icon.png) no-repeat left center; background-size:48px;}
.ip-ra-txt input[type='radio']:checked + label:before { background-position: right center; }

.ip-line input { border-bottom: 1px solid #b2b2b2; }

.ip-box input { width: 100%; height: 50px; line-height: 51px; background-color: #fff; font-size: 15px; padding: 0 20px; box-sizing: border-box; border-radius: 6px; -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05);}

.ip-button-box { position: relative;}
.ip-button-box input { padding-right: 45px;}
.ip-button-box .btn-box { position: absolute; top: 50%; right: 17px; margin-top: -15px;}
.ip-button-box .btn-box .icon { width: 22px; height: 22px; background: no-repeat center; box-shadow: none;}

input::-webkit-calendar-picker-indicator {opacity: 1; display: block; background: no-repeat right 2px transparent; width: 26px; height: 30px; border-width: 0; background-size:17px; position: absolute; right: 0; cursor: pointer;}
input::-webkit-calendar-picker-indicator:focus { outline: 0;}

/*** //input + select css ***/

/*** textarea ***/
textarea { width: 100%; resize: none; border: 0; background-color: transparent; font-size: 15px; font-family:'Barlow','Noto Sans KR',sans-serif; letter-spacing: inherit; line-height: 1.5; box-sizing: border-box;}

.text-box textarea { height: 80px; background-color: #fff; line-height: 1.4; font-size: 14px; padding: 15px 20px; box-sizing: border-box; border-radius: 6px; box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05);}

.text-line textarea { border-bottom: 1px solid}
/*** textarea ***/

/*** button ***/
button { border: 0; background-color: transparent; border-radius: 6px; cursor: pointer; padding: 0; width: 100%; color: #fff; display: block; font-weight: 500; font-family:'Barlow','Noto Sans KR',sans-serif; cursor: pointer;  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);}

.btn-box button { height: 100%; font-size: 20px;color: #000; font-family: 'Barlow','Noto Sans KR',sans-serif;}

.btn-default { font-family: 'Barlow','Noto Sans KR',sans-serif;}
.btn-default span { display: inline-block; background: no-repeat left center; }
.btn-a { font-size: 12px;}
.btn-a span { display: inline-block; background: no-repeat left calc(50% - 1px); }
/*** //button ***/

/*** margin ***/
.mg0 { margin: 0!important;}

.mgt5 { margin-top: 5px!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt40 { margin-top: 40px!important;}
.mgt50 { margin-top: 50px!important;}
.mgt60 { margin-top: 60px!important;}
.mgt70 { margin-top: 70px!important;}
.mgt80 { margin-top: 80px!important;}
.mgt90 { margin-top: 90px!important;}
.mgt100 { margin-top: 100px!important;}
.mgt110 { margin-top: 110px!important;}
.mgt115 { margin-top: 115px!important;}

.mgb5 { margin-bottom: 5px!important;}
.mgb8 { margin-bottom: 8px!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb35 { margin-bottom: 35px!important;}
.mgb40 { margin-bottom: 40px!important;}
.mgb45 { margin-bottom: 45px!important;}
.mgb50 { margin-bottom: 50px!important;}
.mgb60 { margin-bottom: 60px!important;}
.mgb70 { margin-bottom: 70px!important;}
.mgb80 { margin-bottom: 80px!important;}
.mgb90 { margin-bottom: 90px!important;}
.mgb100 { margin-bottom: 100px!important;}
.mgb110 { margin-bottom: 110px!important;}
.mgb120 { margin-bottom: 120px!important;}
.mgb170 { margin-bottom: 170px!important;}
.mgb230 { margin-bottom: 230px!important;}
.mgb280 { margin-bottom: 280px!important;}

.mgl-1 { margin-left: -1px}
.mgl5 { margin-left: 5px!important;}
.mgl10 { margin-left: 10px!important;}
.mgl15 { margin-left: 15px!important;}
.mgl20 { margin-left: 20px!important;}
.mgl25 { margin-left: 25px!important;}
.mgl30 { margin-left: 30px!important;}

.mgr5 { margin-right: 5px!important;}
.mgr10 { margin-right: 10px!important;}
.mgr15 { margin-right: 15px!important;}
.mgr20 { margin-right: 20px!important;}
.mgr25 { margin-right: 25px!important;}
.mgr30 { margin-right: 30px!important;}

.mg-15 { margin: 0 -15px!important;}
/*** //margin ***/

/*** padding ***/
.pd0 { padding: 0!important;}

.pdt5 { padding-top: 5px!important;}
.pdt10 { padding-top: 10px!important;}
.pdt15 { padding-top: 15px!important;}
.pdt20 { padding-top: 20px!important;}
.pdt25 { padding-top: 25px!important;}
.pdt30 { padding-top: 30px!important;}
.pdt35 { padding-top: 35px!important;}
.pdt40 { padding-top: 40px!important;}
.pdt45 { padding-top: 45px!important;}
.pdt50 { padding-top: 50px!important;}
.pdt55 { padding-top: 55px!important;}
.pdt60 { padding-top: 60px!important;}
.pdt65 { padding-top: 65px!important;}
.pdt70 { padding-top: 70px!important;}
.pdt75 { padding-top: 75px!important;}
.pdt80 { padding-top: 80px!important;}
.pdt85 { padding-top: 85px!important;}
.pdt90 { padding-top: 90px!important;}
.pdt95 { padding-top: 95px!important;}
.pdt100 { padding-top: 100px!important;}
.pdt120 { padding-top: 120px!important;}
.pdt140 { padding-top: 140px!important;}

.pdb5 { padding-bottom: 5px!important;}
.pdb10 { padding-bottom: 10px!important;}
.pdb15 { padding-bottom: 15px!important;}
.pdb20 { padding-bottom: 20px!important;}
.pdb25 { padding-bottom: 25px!important;}
.pdb30 { padding-bottom: 30px!important;}
.pdb35 { padding-bottom: 35px!important;}
.pdb40 { padding-bottom: 40px!important;}
.pdb45 { padding-bottom: 45px!important;}
.pdb50 { padding-bottom: 50px!important;}
.pdb55 { padding-bottom: 55px!important;}
.pdb60 { padding-bottom: 60px!important;}
.pdb65 { padding-bottom: 65px!important;}
.pdb70 { padding-bottom: 70px!important;}
.pdb75 { padding-bottom: 75px!important;}
.pdb80 { padding-bottom: 80px!important;}
.pdb85 { padding-bottom: 85px!important;}
.pdb90 { padding-bottom: 90px!important;}
.pdb95 { padding-bottom: 95px!important;}
.pdb100 { padding-bottom: 100px!important;}
.pdb120 { padding-bottom: 120px!important;}

.pdl10 { padding-left: 10px!important;}
.pdl20 { padding-left: 20px!important;}
.pdl30 { padding-left: 30px!important;}

.pdr5 { padding-right: 5px!important;}
.pdr10 { padding-right: 10px!important;}
.pdr20 { padding-right: 20px!important;}
.pdr30 { padding-right: 30px!important;}
.pdr100 { padding-right: 100px!important;}
.pdr120 { padding-right: 120px!important;}
.pdr140 { padding-right: 140px!important;}
.pdr200 { padding-right: 200px!important;}
.pdr210 { padding-right: 210px!important;}
/*** //padding ***/

/*** width ***/
.wid5 { width: 5%!important; }
.wid8 { width: 8%!important; }
.wid10 { width: 10%!important; }
.wid15 { width: 15%!important; }
.wid20 { width: 20%!important; }
.wid25 { width: 25%!important; }
.wid30 { width: 30%!important; }
.wid33 { width: 33.3333%!important; }
.wid35 { width: 35%!important; }
.wid40 { width: 40%!important; }
.wid45 { width: 45%!important; }
.wid50 { width: 50%!important; }
.wid55 { width: 55%!important; }
.wid60 { width: 60%!important; }
.wid65 { width: 65%!important; }
.wid70 { width: 70%!important; }
.wid75 { width: 75%!important; }
.wid80 { width: 80%!important; }
.wid85 { width: 85%!important; }
.wid90 { width: 90%!important; }
.wid92 { width: 92%!important; }
.wid95 { width: 95%!important; }
.wid100 { width: 100%!important; }
/*** //width ***/

/*** text-align ***/
.tal { text-align: left!important;}
.tar { text-align: right!important;}
.tac { text-align: center!important;}
/*** //text-align ***/

/*** font-weight ***/
.f-bold { font-weight: bold;}
/*** //font-weight ***/

/*** overflow ***/
.of-h { overflow: hidden!important;}
.of-s { overflow: scroll!important;}
.ofy-s { overflow-y: scroll!important;}
.ofx-s { overflow-x: scroll!important;}
/*** //overflow ***/

/*** min-height ***/
.h80 { height: 80px;}
.h100 { height: 100px;}
.h140 { height: 140px;}
.h200 { height: 200px;}
/*** //min-height ***/

/*** min-height ***/
.min-h80 { min-height: 80px!important;}
.min-h100 { min-height: 100px!important;}
.min-h140 { min-height: 140px!important;}
.min-h200 { min-height: 200px!important;}
/*** //min-height ***/

/*** white-space + text-overflow ***/
.WTO { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.WTOB { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block!important;}
/*** //white-space + text-overflow ***/

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

.flex { display: flex!important; display: -ms-flexbox;}
.flex-wrap { flex-wrap: wrap!important; }
.flex-sb { justify-content: space-between!important; }
.flex-fe { justify-content: flex-end!important; }
.flex-stretch { align-items: stretch!important; }
.flex-center { align-items: center!important; }
.flex-self { align-self: center;}
.flex-grow > * { flex: 1;}
/*** //align ***/

/*** inner-padding ***/
.inner10 { padding: 0 10px; position: relative;}
.inner15 { padding: 0 15px; position: relative;}
.inner20 { padding: 0 20px; position: relative;}
.inner30 { padding: 0 30px; position: relative;}
.inner40 { padding: 0 40px; position: relative;}
/*** //inner-padding ***/

/*** pagenation ***/
.pagenation { text-align: center; font-size: 0; padding: 30px 0; position: relative;}

.pagenation a, .pagenation button { height: 40px; width: 40px; padding-top: 1px; box-sizing: border-box; line-height: 40px; font-weight: 300; display: inline-block; vertical-align: middle; background-color: #fff; box-sizing: border-box; color: #999999; font-size: 14px; transition: all .2s; border-radius: 6px; position: relative;}
.pagenation a.active,.pagenation a:hover { color: #000; background-color: #fff; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1); z-index: 1;}
.pagenation button { color: #000; width: 80px;}
.pagenation button[class*='page-']:hover { background-color: #fff; border-color: #000;}
.pagenation button span { background: no-repeat; /* padding-top: 6px; */ }
.pagenation .page-prev span { background-image: url(/images/front/pager-prev-icon.png); background-position: left center; padding-left: 18px;}
.pagenation .page-next span { background-image: url(/images/front/pager-next-icon.png); background-position: right center; padding-right: 18px;}
.pagenation .page-num { display: inline-block; margin: 0 20px;}
.pagenation .page-num a:last-child { margin-right: 0;}
.pagenation .write-btn { position: absolute; right: 0; background-color: #2e7fe2; border-color: #000; color: #fff; width: 100px; margin-right: 0;}
.pagenation .write-btn span { background-image: url(/images/front/sympo-btn-icon1-2.png); background-position: left center; padding-left: 24px; background-size: 14px; }
/*** //pagenation ***/

/*** text-border ***/
.t-border { position: relative; display: inline-block; line-height: 1;}
.t-border::after { display: block; content: ''; width: 100%; height: 1px; position: absolute; bottom: 0;}
/*** //text-border ***/


/*body { -webkit-font-smoothing: subpixel-antialiased; -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }*/