@charset "utf-8";
/* 
Reset & Set Stylesheet
First Updated: 2016-08-01
Last Updated: 2023-12-01
Author: OBS
*/
/***** 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:inherit; 
vertical-align:middle;
font-family:'Pretendard', 'Bellefair', sans-serif;
/* font-family:'NanumBarunGothic','Poppins', sans-serif; */
font-weight: 400;
/* word-break:keep-all !important; -ms-word-break:keep-all; -webkit-text-size-adjust:none; */
word-break: keep-all;
line-height: 1.5;
font-size: 16px;
outline:none;
background: #193656;
color: #90a6bb;
letter-spacing: 0;
}
img {-webkit-touch-callout:none !important}
button,a,input {
outline:none;
/* iOS 터치하이라이트 비활성화 */
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
/* 안드로이드 터치 하이라이트 비활성화 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance:none;
background: none;
border: none;
padding: 0;
}
::placeholder,
::-webkit-input-placeholder {color: #7d7d7d ;}
.safari input {line-height: 1 !important;}
.safari input::-webkit-input-placeholder {line-height: 1.5 !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select:invalid {color: #1c1c1c;}

body {word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}

ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

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

textarea {overflow:auto} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */

input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; border:0; outline:0;  box-sizing: border-box;}
button {cursor:pointer; font-family:'Pretendard', sans-serif;}
em, address{font-style:normal;}

/* Hyper Link */
a, a:link, a:visited, a:active, a:hover{text-decoration:none}

/* Form Type (html5 & 모바일 적용) */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}

/* blind */
caption, legend, .blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap;}

/* 이미지 막기 */
body img {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}



/***** SET *****/
html {
scrollbar-arrow-color: #eee;
scrollbar-Track-Color: #eee; 
scrollbar-base-color: #eee;
scrollbar-Face-Color: #bbb;
scrollbar-3dLight-Color: #eee;         
scrollbar-DarkShadow-Color: #eee;
scrollbar-Highlight-Color: #bbb;
scrollbar-Shadow-Color: #eee
}
::-webkit-scrollbar {width: 12px; height: 8px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 100px #ddd; border-radius: 3px;}
::-webkit-scrollbar-thumb {background: #999; border-radius: 3px;}


/* elip */
.ellipsis {display: block; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; width: calc(100% - 15px);}
.ellipsis1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } 
.ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } 
.break_ellipsis1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: break-spaces; word-wrap: break-word; word-break: break-all; overflow: hidden; } 
.break_ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: break-spaces; word-wrap: break-word; word-break: break-all; overflow: hidden; } 
.break_ellipsis3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: break-spaces; word-wrap: break-word; word-break: break-all; overflow: hidden; } 
.break_ellipsis4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: break-spaces; word-wrap: break-word; word-break: break-all; overflow: hidden; } 

/* float */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.aftClear:after {content:""; display:block; height:0; overflow:hidden; clear:both;}

/* vertical align */
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.vabl {vertical-align: baseline !important;}

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

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.dn {display:none !important;}
.difxc {display: flex; justify-content: space-between; align-items: center;}
.difxt {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.difxl {display: flex; justify-content: flex-start; align-items: center;}
.difxr {display: flex; justify-content: flex-end; align-items: center;}
.difxu {display: flex; justify-content: space-between; align-items: normal;}
.difxd {display: flex; justify-content: space-between; align-items: flex-end;}
.difxrw {flex-flow: row wrap;}
/* board */
.bd0 {border:0 !important;}
.bdt0 {border-top:0 !important;}
.bdl0 {border-left:0 !important;}
.bdr0 {border-right:0 !important;}
.bdb0 {border-bottom:0 !important;}

/* etc */
.csp {cursor:pointer;}
.tdu {text-decoration: underline;}
.bdrus0 {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.fwb {font-weight: bold !important;}

/* font size */
.fz12 {font-size: 12px !important;}
.fz13 {font-size: 13px !important;}
.fz14 {font-size: 14px !important;}
.fz15 {font-size: 15px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}

/* font weight */
.fw300 {font-weight: 300px !important;}
.fw400 {font-weight: 400px !important;}
.fw500 {font-weight: 500px !important;}
.fw600 {font-weight: 600px !important;}

/* 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;}
.w120p {width: 120% !important;}
.w130p {width: 130% !important;}
.w150p {width: 150% !important;}
.w170p {width: 170% !important;}
.w180p {width: 180% !important;}
.w190p {width: 190% !important;}
.w200p {width: 200% !important;}

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !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;}
.w600 {width: 600px !important;}
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.w900 {width: 900px !important;}
.w1000 {width: 1000px !important;}
.w1100 {width: 1100px !important;}
.w1200 {width: 1200px !important;}
.w1400 {width: 1400px !important;}
.w1024 {width: 1024px !important;}
/* height */
.h10 {height: 10px !important;}
.h20 {height: 20px !important;}
.h30 {height: 30px !important;}
.h40 {height: 40px !important;}
.h50 {height: 50px !important;}
.h60 {height: 60px !important;}
.h70 {height: 70px !important;}
.h80 {height: 80px !important;}
.h90 {height: 90px !important;}
.h100 {height: 100px !important;}
.h110 {height: 110px !important;}
.h120 {height: 120px !important;}
.h130 {height: 130px !important;}
.h140 {height: 140px !important;}
.h150 {height: 150px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h500 {height: 500px !important;}
.h1000 {height: 1000px !important;}
.h100p {height: 100% !important;}

/* margin */
.mc {margin:0 auto !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:3px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

/* padding */
.p0 {padding:0px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}