@charset "UTF-8";

@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:100;
    src:local('NotoSansKR-Thin'),
        url('../fonts/user/NotoSansKR-Thin.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Thin.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Thin.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:200;
    src:local('NotoSansKR-Light'),
        url('../fonts/user/NotoSansKR-Light.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Light.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Light.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:400;
    src:local('NotoSansKR-Regular'),
        url('../fonts/user/NotoSansKR-Regular.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Regular.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:600;
    src:local('NotoSansKR-Medium'),    
        url('../fonts/user/NotoSansKR-Medium.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Medium.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Medium.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:700;
    src:local('NotoSansKR-Bold'),
        url('../fonts/user/NotoSansKR-Bold.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Bold.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:800;
    src:url('../fonts/user/NotoSansKR-Black.woff');
    src:local('NotoSansKR-Black'),
        url('../fonts/user/NotoSansKR-Black.eot') format('eot'),
        url('../fonts/user/NotoSansKR-Black.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-Black.woff') format('font-woff');
}
@font-face {
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:900;
    src:url('../fonts/user/NotoSansKR-SemiBold.woff');
    src:local('NotoSansKR-SemiBold'),
        url('../fonts/user/NotoSansKR-SemiBold.eot') format('eot'),
        url('../fonts/user/NotoSansKR-SemiBold.woff2') format('woff2'),
        url('../fonts/user/NotoSansKR-SemiBold.woff') format('font-woff');
}

/* css reset */
*, *:after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html, body { width:100%; min-width:320px; font-family:'NotoSansKR', '맑은고딕', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; font-weight:400; font-size:17px; color:#3c3c3c; line-height:1.7; letter-spacing:-0.03em; font-smoothing:antialiased;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-shadow:none; text-stroke:0.6px; /*마치 맥의 폰트처럼 두께 라인을 살려준다. */; overflow-x:hidden; overflow-y:auto; scroll-behavior:smooth; word-break:keep-all; background:#fff; } 
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, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-weight:400; vertical-align:baseline; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -o-text-size-adjust:100%; }
a, a:link, a:hover, a:visited { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#17181a;}
a[href^="tel"], .tel{ color:inherit; text-decoration:none; }
button, select {font-family:'NotoSansKR', '맑은고딕', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Font Awesome 6 Pro', 'Font Awesome 6 Brands' !important; letter-spacing:0em; cursor:pointer; vertical-align:middle; /*line-height:1.3;*/ font-weight:400; color:#3c3c3c; }
label { cursor:pointer; }
address { font-style:normal; }

/* HTML5 display-role reset for older browsers */
pre { font-family:'NotoSansKR', '맑은고딕', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; white-space:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
ol, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote::before, blockquote::after, q::before, q::after { content:''; content:none;}
button { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer; background:#fff; padding:0; border:0; cursor:pointer; vertical-align:middle; font-size:1em; } 
textarea { font-family:'NotoSansKR', '맑은고딕', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; display:block; color:#121212; border:1px solid #cdcdcd; padding:10px 15px; width:100%; max-width:100% !important; line-height:1.6; box-sizing:border-box; font-size:.882em; letter-spacing:0; font-weight:400; min-height:100px; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="date"] {
	font-family:'NotoSansKR', '맑은고딕', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Font Awesome 6 Pro', 'Font Awesome 6 Brands'; 
  /* ios 둥근 테두리 제거, 그림자 삭제 */
    -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; 
    -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; 
    font-size:1em; letter-spacing:0; width:100%; height:45px; line-height:45px; padding:0 10px; background:#fff; font-weight:400; color:#3c3c3c; vertical-align:middle; 
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
    -webkit-border:1px solid #b0b0b0; -moz-border:1px solid #b0b0b0; -o-border:1px solid #b0b0b0; border:1px solid #b0b0b0; 
}
input[type="date"] { cursor:pointer; }
select::-ms-expand { display:none; } 
input::-ms-check { display:none; } 
form { display:block; width:100%; } 
a { color:inherit; }
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="radio"]:focus + label, input[type="checkbox"]:focus + label, .select:focus .placeholder, textarea:focus { outline:2px solid #000; /*border:2px dotted #0078ff;*/ }
button:focus { outline:2px solid #000; }
input[readonly] { color:#3c3c3c; background:#fff; -webkit-border-color:#fff; border-color:#fff; padding-left:0; cursor:auto; }
input[type="text"]:disabled,
input[type="email"]:disabled { color:#828181; background:#f0f0f0; -webkit-border-color:#b0b0b0; border-color:#b0b0b0; cursor:auto; }
input[type="text"] { width:100%; }
input[type="text"].xs { width:50px !important; }
input[type="text"].s { width:100px !important; }
input[type="text"].m { width:200px !important; }
input[type="text"].l { width:400px !important; }



/***********************************************************************************
  팝업 
************************************************************************************/
.pop { display:none; position:fixed; left:50%; top:50%; width:94%; max-width:900px; min-width:320px; height:auto; max-height:88vh; font-size:.941em; background:#fff; transform:translate(-50%,-50%); overflow-y:auto; z-index:99999999; } 
.pop.xlarge { max-width:1400px; max-height:95vh; }
.pop.large { max-width:1100px; max-height:95vh; }
.pop .tit { padding:50px 50px 35px 50px; } 
.pop .tit p { margin-top:10px; font-weight:200; line-height:1.4; /*color:#656777; */ } 
.pop .cont { padding:35px 50px 50px 50px; } 
.pop .cont table td span { display:block; white-space:nowrap; } 
.pop .btn_close { position:absolute; right:25px; top:25px; width:25px; height:25px; z-index:1; } 
.btn_close { position:absolute; right:30px; top:30px; width:27px; height:27px; background:none; z-index:1; } 
.btn_close::before,
.btn_close::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; } 
.btn_close::before { transform:rotate(45deg); } 
.btn_close::after { transform:rotate(-45deg); } 
.btn_close.w::before,
.btn_close.w::after { background:#fff; } 
.btn_close.large { width:35px; height:35px; }
.pop.alert { min-width:300px; max-width:500px; text-align:center; } 
.pop.alert .cont { padding:50px 25px 40px 25px; } 
.pop.alert .cont img { display:block; margin:0 auto 20px auto; } 
.pop.alert .cont strong { font-size:1.25em; letter-spacing:-0.015em; color:#1e1e1e; } 
.pop .btngroup { margin:0 !important; }
.pop.alert .btngroup { border-top:1px solid #aeaeae; }
.pop.alert .btngroup .btn { position:relative; max-width:100%; margin:0; padding:20px; border:0; }
.pop.alert .btngroup .btn::after { content:''; position:absolute; right:0; top:50%; width:1px; height:20px; background:#aeaeae; transform:translateY(-50%); } 
.pop.alert .btngroup .btn:last-child::after { content:none; }
.pop .btn_s { width:100%; /*padding:20px 0;*/ text-align:center; color:#1e1e1e; border-top:1px solid #ddd; } 
.pop .cont.ok p {}
.pop .cont.ok p::before { content:'\f00c'; display:block; width:70px; height:70px; line-height:70px; margin:0 auto 25px auto; font-weight:bold; font-size:1.6em; color:#1095cf; border:1px solid #1095cf; border-radius:50%; }
.pop .pop_tit { margin-bottom:2em; padding-bottom:1em; border-bottom:2px solid #555; }
.pop .pop_tit h3 { font-size:1.5em; font-weight:700; letter-spacing:-0.03em; }
.pop .video_wrap,
.pop .photo_wrap { text-align:center; }
.pop .video_wrap video { max-width:100%; }
.pop .photo_wrap img { display:inline-block; max-height:500px; }
.dim { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999999; } 

/* select box */
select { min-width:150px; height:45px; padding:0 25px 0 20px; font-size:1em; color:#3c3c3c; border:1px solid #b0b0b0; 
    -webkit-appearance:none; -moz-apperance:none; appearance:none; background:url(../images/user/bo_select_arrow.png) no-repeat right 10px center;
}
select.large { min-width:300px; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { margin:0 2px; }
.ui-datepicker .ui-datepicker-header select { min-width:unset; height:34px; padding:0 10px; font-size:.882em; font-weight:600; }

/***********************************************************************************
  checkbox
************************************************************************************/
input[type="checkbox"] { position:absolute; left:0; width:1px; height:1px; opacity:0; }
/* check1 */
.check_group li { position:relative; display:inline-block; margin-right:20px; }
.check_group li:last-child { margin-right:0; }
.check + label { position:relative; white-space:nowrap; cursor:pointer; padding:0 0 0 25px; } 
.check + label::before { content:''; position:absolute; top:1px; left:0; width:20px; height:20px; background:#fff; border:1px solid #787878; border-radius:50%; }
.check + label::after { content:'\f00c'; position:absolute; left:3px; top:10px; line-height:.1; font-size:.882em; color:#787878; z-index:1; }
.check:checked + label::before { background:#1095cf; border-color:#1095cf; }
.check:checked + label::after { color:#fff; }
.check:disabled + label { color:#787878; cursor:auto; }
.check:disabled + label::before { background:#eee; }
.check:disabled + label::after { background:none; }
.check:disabled:checked + label { color:#3c3c3c; cursor:auto; }
.check:disabled:checked + label::before,
.check:disabled:checked + label::after { background:#fff; }
/* check2 (radio style) */
.check2 li { position:relative; display:inline-block; margin-right:5px; }
.check2 li:last-child { margin-right:0; }
.check2 li input[type="checkbox"] + label { position:relative; display:block; padding:5px 15px 5px 35px; background:#fff; border:1px solid #ddd; border-radius:30px; overflow:hidden; -webkit-transition:.1s linear; transition:.1s linear; }
.check2 li input[type="checkbox"] + label::before { content:none; }
.check2 li input[type="checkbox"] + label::after { content:'\f00c'; position:absolute; top:50%; left:15px; width:auto; height:auto; font-size:.824em; border:0; background:transparent; transform:translateY(-50%); }
.check2 li input[type="checkbox"]:checked + label,
.check2 li input[type="checkbox"] + label:focus { outline:none; }
.check2 li input[type="checkbox"]:checked + label { color:#1095cf; background:#fff; border: color #000;; }
.check2 li input[type="checkbox"]:checked + label::after { display:block; left:16px; top:50%; padding:0; color:#000; background:none; transform:translate(0,-50%); }

/***********************************************************************************
  radio
************************************************************************************/
.radio::after { content:''; display:block; clear:both; }
/* radio1 */
.radio li { position:relative; display:inline-block; margin-right:1em; }
.radio li:last-child { margin-right:0; }
.radio input[type="radio"] { position:absolute; left:0; opacity:0; width:1px; height:1px; }
.radio input[type="radio"], .radio[type="radio"] + label { cursor:pointer; }
.radio input[type="radio"] + label { position:relative; display:inline-block; padding:0; font-size:1em; white-space:nowrap; -webkit-transition:.1s linear; transition:.1s linear; }
.radio input[type="radio"] + label::before { content:''; display:inline-block !important; position:relative; top:-1px; width:20px; height:20px; background:#e6ebf0; border:1px solid #a7b2c5; vertical-align:middle; margin-right:6px; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%; box-shadow:inset 0px 0px 0px 10px #fff; }
.radio input[type="radio"]:checked + label { -webkit-transition:.1s linear; transition:.1s linear; }
.radio input[type="radio"]:checked + label::before { display:inline-block; content:''; position:relative; left:auto; top:-2px; width:20px; height:20px; background:#000; border-color:#000; box-shadow:inset 0px 0px 0px 4px #fff; }
.radio input[type="radio"]:disabled + label { cursor:default; }
.radio::after { content:''; display:block; clear:both; }
.radio.radio_full li { width:100%; }
/* radio2 */
.radio.radio2 li { margin-right:5px; }
.radio.radio2 li:last-child { margin:0; }
.radio.radio2 input[type="radio"]:focus + label { outline:none; }
.radio.radio2 input[type="radio"] + label { padding:5px 15px 5px 35px; background:#fff; border:1px solid #ccc; border-radius:30px; }
.radio.radio2 input[type="radio"] + label::before { content:'\f00c'; position:absolute; top:50%; left:15px; width:auto; height:auto; font-size:.824em; border:0; background:transparent; transform:translateY(-50%); box-shadow:none; }
.radio.radio2 input[type="radio"]:checked + label { color:#000; border-color:#1095cf; background:#fff/*e8f8ff*/; }
.radio.radio2 input[type="radio"]:checked + label::before { box-shadow:none; }

/* 기간 검색 */
.datepick_term { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.datepick_term > div { flex:1; }
.datepick_term input { position:relative; flex:1; padding-right:15px; color:#3c3c3c; background:url(../images/user/datepick_icon.png) no-repeat right 5px center #fff; border-color:#ccc; cursor:pointer; }
.datepick_term span { flex-shrink:0; margin:0 6px; }
/* 데이트피커 */
input[readonly].datepick { padding:0 10px !important; border:1px solid #b0b0b0 !important; cursor:pointer; background:url(../images/user/datepick_icon.png) no-repeat right 10px center #fff; }

/***********************************************************************************
  align
************************************************************************************/
.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.alignC { text-align:center !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }
.block { display:block !important; }
.inlineblock { display:inline-block !important; }
.clear { clear:both !important; *zoom:1; }
.clear::after {content:""; display:block; clear:both; }

button span { line-height:1; } 
.color1 { color:#0197a0; }
.color2 { color:#127bbb; }
.color3 { color:#bf2348; }
.color4 { color:#163a56; }
.color5 { color:#787878; }
.color6 { color:#3c3c3c; }
.color7 { color:#288155; }
.color8 { color:#8226e9; }
.color9 { color:#007eff; }
.color10 { color:#f73449; }
.color11 { color:#d54c6c; }
.underline {  text-decoration:underline; }
.not_scroll { position:fixed; overflow:hidden !important; width:100%; height:100%; min-height:100%; touch-action:none; } 
/* .not_scroll { position:fixed; overflow:hidden; width:100%; height:100% }  */
.scroll_hidden { overflow:hidden; touch-action:none; } 

.flex { display:flex; flex-wrap:wrap; }
.flex_aic { display:flex; flex-wrap:wrap; align-items:center; }
.flex_ais { display:flex; flex-wrap:wrap; align-items:flex-start; }
.flex_aie { display:flex; flex-wrap:wrap; align-items:flex-end; }
.flex_acc { display:flex; flex-wrap:wrap; align-content:center; }
.flex_acs { display:flex; flex-wrap:wrap; align-content:flex-start; }
.flex_acsb { display:flex; flex-wrap:wrap; align-content:space-between; }
.c-buttons__center,
.flex_jc { display:flex; flex-wrap:wrap; justify-content:center; }
.flex_je { display:flex; flex-wrap:wrap; justify-content:flex-end; }
.flex_sb { display:flex; flex-wrap:wrap; justify-content:space-between; }
.flex_right { justify-content:right;}
.flex_nw { display:flex; flex-wrap:nowrap; }
.unflex { display:block !important; flex-wrap:unset !important; align-items:unset !important; }

.fw100 { font-weight:100 !important; }
.fw200 { font-weight:200 !important; }
.fw400 { font-weight:400 !important; }
.fw600 { font-weight:600 !important; }
.fw700 { font-weight:700 !important; }
.fw800 { font-weight:800 !important; }

/* hr , legend , caption */
hr { clear:both; display:none; list-style:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; border:0; background:none; font-size:0px; line-height:0; visibility:hidden;}
caption, legend, .blind { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); } 

/* hidden*/
.m_show,
.m_show800 { display:none !important; } 
.m_hidden,
.m_hidden800 { display:inline-block !important; } 
@media ( max-width:1280px ) {
    html, body { font-size:16px; }
    /* 팝업 */
    .pop .cont.ok p::before { width:60px; height:60px; line-height:60px; }
    /* chekcbox */
    .check + label::after { left:4px; top:11px; }
}
@media ( max-width:1024px ) {
    html, body { font-size:14px; }
    .m_show { display:inline-block !important; } 
    .m_hidden { display:none !important; } 
    .pop .photo_wrap img { max-width:100%; }

}
@media ( max-width:800px ) {
    .m_show800 { display:inline-block !important; } 
    .m_hidden800 { display:none !important; } 
}

@media ( max-width:768px ) {
    /* 팝업 */
    .pop .tab_wrap nav.tab_nav li { width:20%; }
    .pop .cont { padding:20px 35px 35px 35px; }
}

@media ( max-width:600px ) {
    html, body { font-size:13px; }
    
    /* checkbox */
    .check + label { white-space:normal; }
    .check + label::before { top:-1px; width:19px; height:19px; }
    .check + label::after { top:8px; }

    /* button */
    .btn_close { width:22px !important; height:22px !important; }

    /* 팝업 */
    .pop .cont { padding:40px; }
    .pop .tab_wrap nav.tab_nav li { width:33.3%; }

}
@media ( max-width:480px ) {
    /* select */
    select { min-width:120px; padding:0 15px; }
    
    /* 팝업 */
    .pop .cont { padding:25px 35px 35px 35px; }
    .pop .cont.ok p::before { width:55px; height:55px; line-height:55px; margin:0 auto 20px auto; }
    .check + label::after { top:9px; }
}
@media ( max-width:400px ) {
}

.pointer { cursor:pointer } 

.b0 { border:0 !important; }
.bt0 { border-top:0 !important; }
.br0 { border-right:0 !important; }
.bb0 { border-bottom:0 !important; }
.bl0 { border-left:0 !important; }

.mg0auto { margin:0 auto; }
.mr0 { margin-right:0!important; } 
.mr5 { margin-right:5px !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; } 
.mr40 { margin-right:40px !important; } 
.mr50 { margin-right:50px !important; } 
.ml0 { margin-left:0!important; } 
.ml5 { margin-left:5px !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; } 
.ml40 { margin-left:40px !important; } 
.ml50 { margin-left:50px !important; } 
.mb0 { margin-bottom:0!important; } 
.mb5 { margin-bottom:5px!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; } 
.mb40 { margin-bottom:40px !important; } 
.mb50 { margin-bottom:50px !important; } 
.mt0 { margin-top:0!important; } 
.mt5 { margin-top:5px !important; } 
.mt10 { margin-top:10px !important; } 
.mt15 { margin-top:15px !important; } 
.mt15 { margin-top:15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt25 { margin-top:25px !important; } 
.mt30 { margin-top:30px !important; } 
.mt40 { margin-top:40px !important; } 
.mt50 { margin-top:50px !important; } 
.mt60 { margin-top:60px !important; } 
.mt70 { margin-top:70px !important; } 

.p0 { padding:0!important; } 
.p5 { padding:5px } 
.p10 { padding:10px } 
.p15 { padding:15px } 
.p20 { padding:20px } 
.p25 { padding:25px } 
.p30 { padding:30px } 
.p40 { padding:40px } 
.p50 { padding:50px } 
.pr0 { padding-right:0!important; } 
.pr5 { padding-right:5px } 
.pr10 { padding-right:10px } 
.pr15 { padding-right:15px } 
.pr20 { padding-right:20px } 
.pr25 { padding-right:25px } 
.pr30 { padding-right:30px } 
.pr40 { padding-right:40px } 
.pr50 { padding-right:50px } 
.pl0 { padding-left:0!important; } 
.pl5 { padding-left:5px } 
.pl10 { padding-left:10px } 
.pl15 { padding-left:15px } 
.pl20 { padding-left:20px } 
.pl25 { padding-left:25px } 
.pl30 { padding-left:30px } 
.pl40 { padding-left:40px } 
.pl50 { padding-left:50px } 
.pb0 { padding-bottom:0!important; } 
.pb5 { padding-bottom:5px } 
.pb10 { padding-bottom:10px } 
.pb15 { padding-bottom:15px } 
.pb20 { padding-bottom:20px } 
.pb25 { padding-bottom:25px } 
.pb30 { padding-bottom:30px } 
.pb40 { padding-bottom:40px } 
.pb50 { padding-bottom:50px } 
.pt0 { padding-top:0!important; } 
.pt5 { padding-top:5px } 
.pt10 { padding-top:10px } 
.pt15 { padding-top:15px } 
.pt20 { padding-top:20px } 
.pt25 { padding-top:25px } 
.pt30 { padding-top:30px } 
.pt40 { padding-top:40px } 
.pt50 { padding-top:50px } 

.bdt_none { border-top:none !important; } 
.bdb_none { border-bottom:none !important; } 
.bdl_none { border-left:none !important; } 
.bdr_none { border-right:none !important; } 

.hidden,
.ir_text { width:0; height:0; overflow:hidden; position:absolute } 
.is_hidden { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0, 0, 0, 0); } 
/* .inner { width:1600px; max-width:100%; height:auto; margin:0 auto; position:relative }  */

.wd100p { width:100% !important; }


/************************************************************************************************ 
 slider
*************************************************************************************************/
.slick-slider { position:relative; display:block; box-sizing:border-box; 
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none; 
    -webkit-touch-callout:none; 
    -khtml-user-select:none; 
    -ms-touch-action:pan-y; 
    touch-action:pan-y; 
    -webkit-tap-highlight-color:transparent; 
 } 
 
 .slick-list { display:block; position:relative; margin:0; padding:0; overflow:hidden; } 
 .slick-list.dragging { cursor:pointer; } 
 .slick-slider .slick-track,
 .slick-slider .slick-list { 
    -webkit-transform:translate3d(0, 0, 0); 
    -moz-transform:translate3d(0, 0, 0); 
    -ms-transform:translate3d(0, 0, 0); 
    -o-transform:translate3d(0, 0, 0); 
    transform:translate3d(0, 0, 0); 
 } 
 .slick-track { display:block; position:relative; top:0; left:0; margin-left:auto; margin-right:auto; } 
 .slick-track::before,
 .slick-track::after { content:''; display:table; } 
 .slick-track::after { clear:both; } 
 .slick-loading .slick-track { visibility:hidden; } 
 .slick-slide { display:none; float:left; height:100%; min-height:1px; } 
 [dir='rtl'] .slick-slide { float:right; } 
 .slick-slide img { display:block; } 
 .slick-slide.slick-loading img { display:none; } 
 /* .slick-slide.dragging img { pointer-events:none; }  */
 .slick-initialized .slick-slide { display:block; } 
 .slick-loading .slick-slide { visibility:hidden; } 
 .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } 
 .slick-arrow.slick-hidden { display:none; } 
 
 .slick-slide { display:block; transition:all ease-in-out .3s; }   
 .slick-slide img { display:block; width:100%; }
 /* .slick-active { opacity:.5; } */
 .slick-current { opacity:1; }