@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
@import url('https://webfontworld.github.io/onestore/OneMobile.css');
@import url('https://webfontworld.github.io/Montserrat/Montserrat.css');
@import url('https://webfontworld.github.io/onestore/OneMobileTitle.css');
@import url('https://webfontworld.github.io/Oswald/Oswald.css');

/*�޷�ȭ��ǥ*/
@font-face {
  font-family:'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

/* Common */
html,body{height:100%; font-size:16px;}
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;
 vertical-align: baseline; letter-spacing:-0.03em; font-style:normal; font-weight:inherit; font-family:'OneMobile';}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
ul:after{display: block; content:' '; clear: both;}
table {border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; color:inherit;letter-spacing:inherit; font-weight:inherit ;}
a:hover,a:active,a:focus{text-decoration:none;}
input,select,button{vertical-align:middle; outline:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box ;box-sizing:border-box; font-family:'OneMobile'; bordeR:0}
input[type="text"],input[type="tel"],input[type="submit"],input[type="email"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;}
ul::after{display: block; clear: both; content:' ';}

::selection{background:#996c59; color:#fff; }
::-moz-selection{background:#996c59; color:#fff; }

.clear { display: block; clear: both; }

/* display */
.dis_b {display:block !important; clear:both}
.dis_ib {display:inline-block !important; }


/* position */
.p_fixed {position:fixed;}
.p_absoloute {position:absolute;}
.p_relatvie {position:relative;}


/* ���� */
.t_center{text-align:center; }
.m_0auto {margin: 0 auto;}
.left {float:left;}
.right {float:right;}

/* ������ */
.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}


/* padding & margin */
.p0 {padding: 0 !important;}
.pt5{padding-top:.5em;}
.pt10{padding-top:1em;}
.pt15{padding-top:1.5em;}
.pt20{padding-top:2em;}
.pt25{padding-top:2.5em;}
.pt30{padding-top:3em;}
.pt35{padding-top:3.5em;}
.pt40{padding-top:4em;}
.pt45{padding-top:4.5em;}
.pt50{padding-top:5em;}
.pb5{padding-bottom:.5em;}
.pb10{padding-bottom:1em;}
.pb15{padding-bottom:1.5em;}
.pb20{padding-bottom:2em;}
.pb25{padding-bottom:2.5em;}
.pb30{padding-bottom:3em;}
.pb35{padding-bottom:3.5em;}
.pb40{padding-bottom:4em;}
.pb45{padding-bottom:4.5em;}
.pb50{padding-bottom:5em;}
.pr5{padding-right:.5em;}
.pr10{padding-right:1em;}
.pr15{padding-right:1.5em;}
.pr20{padding-right:2em;}
.pr25{padding-right:2.5em;}
.pr30{padding-right:3em;}
.pr35{padding-right:3.5em;}
.pr4{padding-right:4em;}
.pr45{padding-right:4.5em;}
.pr50{padding-right:5em;}
.pl5{padding-left:.5em;}
.pl10{padding-left:1em;}
.pl15{padding-left:1.5em;}
.pl20{padding-left:2em;}
.pl25{padding-left:2.5em;}
.pl30{padding-left:3em;}
.pl35{padding-left:3.5em;}
.pl40{padding-left:4em;}
.pl45{padding-left:4.5em;}
.pl50{padding-left:5em;}

.m0 {margin: 0 !important}
.mt3{margin-top:.3em !important;}
.mt5{margin-top:.5em !important;}
.mt7{margin-top:.7em !important;}
.mt10{margin-top:1em !important;}
.mt15{margin-top:1.5em !important;}
.mt20{margin-top:2em !important;}
.mt25{margin-top:2.5em !important;}
.mt30{margin-top:3em !important;}
.mt35{margin-top:3.5em !important;}
.mt40{margin-top:4em !important;}
.mt45{margin-top:4.5em !important;}
.mt50{margin-top:5em !important;}
.mt60{margin-top:6em !important;}

.mb3{margin-bottom:.3em;}
.mb5{margin-bottom:.5em !important;}
.mb10{margin-bottom:1em !important;}
.mb15{margin-bottom:1.5em !important;}
.mb20{margin-bottom:2em !important;}
.mb25{margin-bottom:2.5em !important;}
.mb30{margin-bottom:3em !important;}
.mb40{margin-bottom:4em !important;}
.mb50{margin-bottom:5em !important;}
.mb60{margin-bottom:6em !important;}

.mr3{margin-right:.3em !important;}
.mr5{margin-right:.5em !important;}
.mr10{margin-right:1em !important;}
.mr15{margin-right:1.5em !important;}
.mr20{margin-right:2em !important;}
.mr25{margin-right:2.5em !important;}
.mr30{margin-right:3em !important;}
.mr35{margin-right:3.5em !important;}
.mr40{margin-right:4em !important;}
.mr45{margin-right:4.5em !important;}
.mr50{margin-right:5em !important;}

.ml3{margin-left:.3em !important;}
.ml5{margin-left:.5em !important;}
.ml10{margin-left:1em !important;}
.ml15{margin-left:1.5em !important;}
.ml20{margin-left:2em !important;}
.ml25{margin-left:2.5em !important;}
.ml30{margin-left:3em !important;}
.ml35{margin-left:3.5em !important;}
.ml40{margin-left:4em !important;}
.ml45{margin-left:4.5em !important;}
.ml50{margin-left:5em !important;}





/*÷������*/
.btn-upload {width: 130px; height: 30px; background: #fff; border: 1px solid #4d4d4d; border-radius:4px; font-size:12px; font-weight:700; cursor: pointer; display: inline-block; text-align: center; line-height: 30px; }
.btn-upload:hover { background: #363739; color: #fff;}
#file { display: none;}



/*�÷�*/
.blue_bg{background:#008fd3  !important; bordeR:1px solid #008fd3 ; color:#fff;}
.r_blue_bg{background:#5299c4  !important; bordeR:1px solid #5299c4 ; color:#fff;}
.blue{color:#008fd3  !important;}
.black_bg{background:#272a39; color:#fff;  bordeR:1px solid #272a39 ; }
.g_black_bg{background:#818181; color:#fff;  bordeR:1px solid #818181 ; }
.red_bg{background:#9b0000; color:#fff;  bordeR:1px solid #9b0000 ; }
.navy_bg{background:#404860  !important; bordeR:1px solid #404860 ; color:#fff;}

/*input*/
.basic_input input[type="text"] {bordeR:1px solid #e1e2e2;padding-left:15px; height:35px; line-height:35px; font-size:0.7rem;}

/*��ư:���˻� ��񿹾�*/
.buttom_box{clear:both;}
.buttom_box a{display:inline-block;  width:110px;height:30px; line-height:30px; text-align:center; border-radius:5px; font-size:14px; font-weight:700; }
.buttom_box a.bt_black{background:#282828; color:#fff; border:1px solid #282828}
.buttom_box a.bt_black_line{border:1px solid #282828; color:#000 ;}
.buttom_box button{display:inline-block;  width:152px;height:42px; text-align:center; border-radius:5px; font-size:14px; font-weight:700; cursor: pointer; line-height: 30px;}
.buttom_box button.bt_black{background:#282828; color:#fff; border:1px solid #282828}
.buttom_box button.bt_black_line{border:1px solid #282828; color:#000 ;}

/*��ư:�����ϱ�*/
.bt_btn{ height:38px; line-height:38px; padding:0 20px;font-size:13px; font-weight:600; border-radius:5px;  cursor: pointer; letter-spacing:-0.5px}
.nt_icon_size{font-size:0.7rem;margin-right:3px;}


/*�ϴ�������ǥ��*/

.pagination{margin-top:40px; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 20px; }
.pagination .num_list {display: flex; align-items: center; margin-left: 30px; margin-right: 30px;}
.pagination .num_list li.on a { color: #fff  ;background:#5299c4;  }
.pagination .num_list a { color:#373535 ;background:#eceeef; font-weight:800;padding:5px 8px 5px;  margin:0 2px;font-size:0.7rem;border-radius:4px; display: inline-block;}
.pagination > a.next {margin-right: 18px;}
.pagination > a.prev {margin-left: 18px;}

.pcmo_posi{bottom:0px; right:0; text-align: right; }

/*/////////////Ÿ��///////////////*/
@media all and (max-width: 1279px) {

.bt_btn{ height:30px; line-height:30px; padding:0 13px;font-size:0.7rem; font-weight:600; border-radius:5px;  cursor: pointer; letter-spacing:-0.5px}
.nt_icon_size{font-size:0.6rem;margin-right:3px;}


}




/*////////////�����//////////////////*/
@media all and (max-width: 800px) {


.bt_btn{ height:27px; line-height:27px; padding:0 13px;font-size:0.7rem; font-weight:600; border-radius:5px;  cursor: pointer; letter-spacing:-0.5px}
.nt_icon_size{font-size:0.6rem;margin-right:3px;}
.pcmo_posi{bottom:38px;}
.pagi_posi{margin:60px 0 0}


/*��ư*/
.buttom_box{width:auto; width:100%;  }
.buttom_box a{display:inline-block;  width:25%;height:40px; line-height:40px; text-align:center; border-radius:5px; font-size:0.8rem; font-weight:700; }
.equ_search .mob15{margin-top:127px;}



}









