@charset "utf-8";

@import url("fonts.css");
@import url("RemixIcon_Fonts_v4.6.0/remixicon.css");

*{box-sizing:border-box;margin:0;padding:0;font-family:'Pretendard','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}



body,h1,h2,h3,h4,h5,h6,a,p,th,td,div,span,label,input,select,textarea,button,li,caption,small,strong,figcaption,dt,dd,address{font-family:'Pretendard','Paperlogy', sans-serif; }

body { margin:0; font-size:20px; color:#1e2740; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;overflow-x:hidden}

form { margin:0; padding:0;}
fieldset { margin:0; border:0 none; padding:0;}
legend { display:none; padding:0; margin:0;}
input { font-size:0.95em;margin:0; border:0; vertical-align:middle;}
textarea { font-size:0.95em;}
select, option { vertical-align:middle;}
button { font-size:19px; }
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px}
img { margin:0; border:0 none;vertical-align:middle;}
address{font-style:normal;}
div, p, ul, ol, li, img, a, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none; word-break:keep-all;}

table, td, tr, th{padding:0;margin:0;}
table{border-collapse:collapse; vertical-align:top;}

/* 아이폰 사파리 라운드 및 그라데이션 없애기  */
textarea, button {-webkit-appearance:none; -moz-appearance:none; /*appearance:none;*/}
textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
button{ border:none; cursor:pointer}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
strong, b { font-weight:normal;}
/* 스킵 */
#skip { height:0;}
#skip a { display:block; position:absolute; left:-6000px; top:-6000px; z-index:10000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; 

text-align:center;}
#skip a:focus, #skip a:active { left:0; top:0;}

.keep_all table { word-break: keep-all !important; }
.break-all table { word-break: break-all !important;}


ul,ol,li,dl {list-style:none;}


.fw{ font-weight:600;}
.hand{ cursor:pointer;} 
 
 
a{text-decoration:none;color:#1e2740;margin:0;padding:0;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}



.none { display:none;}
.block { display:block;}
.hide{ display:block;overflow:hidden;position:absolute;left:-5000px;top:0;}



.bg_none{ background:none;}
.border_none{ border:0 none;}
.clear{ clear:both;}



.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.aa { text-align:justify;}

.fl{ float:left;}
.fr{float:right;}


.vt { vertical-align:top;}
.vm { vertical-align:middle;}
.vb { vertical-align:bottom;}
.vv { vertical-align:baseline;}

.row{ display:flex;}






.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; max-height:60px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.ellipsis3{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; max-height:87px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.ellipsis4{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;max-height:110px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}




/* 폰트컬러*/
.fc01{ color:#ffffff;}
.fc02{ color:#F30;}  /* 빨강*/
/*.fc03{ color:#e53f4b;} 빨강
.fc04{ color:#54585f;} 비활성글씨
.fc05{ color:#005cbb;}
.fc06{ color:#002270;}
.fc07{ color:#69007c;}
.fc08{ color:#fff;}
.fc09{ color:#000;}
.fc10{ color:#8e8e8e;}*/


.fc11{ color:#df526f}
.fc12{ color:#c17a31}
.fc13{ color:#da5c10}
.fc14{ color:#fa5e41}
.fc15{ color:#0099e3}
.fc16{ color:#f84913}
.fc17{ color:#9a4f50}




/* 폰트사이즈*/
.fs11{ font-size:11px;}
.fs12{ font-size:11px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs19{ font-size:19px;}
.fs20{ font-size:20px;}
.fs21{ font-size:21px;}
.fs22{ font-size:22px;}
.fs23{ font-size:23px;}
.fs24{ font-size:24px;}
.fs25{ font-size:25px;}
.fs26{ font-size:26px;}
.fs27{ font-size:27px;}
.fs28{ font-size:28px;}
.fs29{ font-size:29px;}
.fs30{ font-size:30px;}
.fs31{ font-size:31px;}
.fs32{ font-size:32px;}
.fs33{ font-size:33px;}
.fs34{ font-size:34px;}
.fs35{ font-size:35px;}
.fs36{ font-size:36px;}
.fs37{ font-size:37px;}
.fs38{ font-size:38px;}
.fs39{ font-size:39px;}
.fs40{ font-size:40px;}


.fs50{font-size:50%;}
.fs60{font-size:60%;}
.fs70{font-size:70%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs100{font-size:100%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs160{font-size:160%;}
.fs170{font-size:170%;}
.fs180{font-size:180%;}
.fs190{font-size:190%;}
.fs200{font-size:200%;}
.fs210{font-size:210%;}
.fs220{font-size:220%;}
.fs230{font-size:230%;}
.fs240{font-size:240%;}
.fs250{font-size:250%;}
.fs260{font-size:260%;}
.fs270{font-size:270%;}
.fs280{font-size:280%;}
.fs290{font-size:290%;}
.fs300{font-size:300%;}





/* margin setting */
.mg00 { margin:0 !important;}
.mg05 { margin:5px;}
.mg10 { margin:10px;}
.mg15 { margin:15px;}
.mg20 { margin:20px;}
.mg25 { margin:25px;}
.mg30 { margin:30px;}
.mg35 { margin:35px;}
.mg40 { margin:40px;}
.mg45 { margin:45px;}
.mg50 { margin:50px;}

.mt00{ margin-top:0 !important;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}

.mt-5{margin-top:-5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-15{margin-top:-15px !important;}
.mt-20{margin-top:-20px !important;}
.mt-25{margin-top:-25px !important;}
.mt-30{margin-top:-30px !important;}
.mt-35{margin-top:-35px !important;}
.mt-40{margin-top:-40px !important;}
.mt-45{margin-top:-45px !important;}
.mt-50{margin-top:-50px !important;}

.ml00{ margin-left:0 !important;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}


.mr00{ margin-right:0 !important;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}

.mb00{ margin-bottom:0 !important;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}


/* padding setting */


.pd00 { padding:0 !important;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd25 { padding:25px;}
.pd30 { padding:30px;}
.pd35 { padding:35px;}
.pd40 { padding:40px;}
.pd45 { padding:45px;}
.pd50 { padding:50px;}

.pt00{ padding-top:0 !important;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}

.pl00{ padding-left:0 !important;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}

.pr00{ padding-right:0 !important;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}

.pb00{ padding-bottom:0 !important;}
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}






/* input setting */
.input05{width:5px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input10{width:10px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input20{width:20px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input30{width:30px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input40{width:40px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input50{width:50px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input60{width:60px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input80{width:80px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input90{width:90px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input100{width:100px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input110{width:110px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input120{width:120px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input130{width:130px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input140{width:140px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input150{width:150px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input160{width:160px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input170{width:170px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input180{width:180px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input190{width:190px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input200{width:200px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input210{width:210px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input220{width:220px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input230{width:230px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input240{width:240px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input250{width:250px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input260{width:260px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input270{width:270px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input280{width:280px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input290{width:290px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input300{width:300px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input350{width:350px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input400{width:400px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input450{width:450px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input500{width:500px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input550{width:550px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input600{width:600px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input650{width:650px; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}



/* search input */
.input10f{ width:10%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input20f{ width:20%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input25f{ width:25%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input30f{ width:30%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input35f{ width:35%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input40f{ width:40%; border:1px solid #e5e5e5;height:30px;}
.input45f{ width:45%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input50f{ width:50%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input55f{ width:55%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input60f{ width:60%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input65f{ width:65%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input70f{ width:70%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input75f{ width:75%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input80f{ width:80%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input85f{ width:85%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input90f{ width:90%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input95f{ width:95%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}
.input100f{ width:99.7%; border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}

@media (max-width: 1920px){
	body{ font-size:16px;}
	button { font-size:16px; }
}

@media (max-width: 640px){
	body{ font-size:16px;}
}