/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

   /* 정렬 */
   .textc {text-align:center;}
   .textl {text-align:left;}
   .textr {text-align:right;}
   /* flex */
   .flexnw {display:flex !important; flex-wrap: nowrap;}
   .flexw {display:flex !important; flex-wrap: wrap;}
   .disblock {display:block;}
   .flex10 {width:10%;}
   .flex20 {width:20%;}
   .flex25 {width:25%;}
   .flex30 {width:30%;}
   .flex33 {width:33%;}
   .flex40 {width:40%;}
   .flex50 {width:50%;}
   .flex60 {width:60%;}
   .flex70 {width:70%;}
   .flex80 {width:80%;}
   .flex90 {width:90%;}
   .flex100 {width:100%;}
   .flexjud {justify-content:default;}
   .flexjue {justify-content:flex-end;}
   .flexjuc {justify-content:center;}
   .flexjub {justify-content:space-between;}
   .flexjua {justify-content:space-around;}
   .flexjuo {justify-content:space-evenly;}
   .flexitemst {align-items:flex-start;}
   .flexitemsb {align-items:flex-end;}
   .flexitemsc {align-items:center;}
   .flexitemsb {align-items:baseline;}
   .flexitemsd {align-items:default;}
   .flexitst {align-items: stretch;}
   .flexcons {align-content: space-between}
   .flexdc {flex-direction: column;}
   /* font size */
   .font10 {font-size:10px;}
   .font15 {font-size:15px;}
   .font16 {font-size:16px;}
   .font17 {font-size:17px;}
   .font18 {font-size:18px;}
   .font19 {font-size:19px;}
   .font20 {font-size:20px;}
   .font21 {font-size:21px;}
   .font22 {font-size:22px;}
   .font23 {font-size:23px;}
   .font24 {font-size:24px;}
   .font25 {font-size:25px;}
   .font26 {font-size:26px;}
   .font27 {font-size:27px;}
   .font28 {font-size:28px;}
   .font29 {font-size:29px;}
   .font30 {font-size:30px;}
   .font35 {font-size:35px;}
   .font40 {font-size:40px;}
   .font45 {font-size:45px;}
   .font50 {font-size:50px;}
   /* font weight */
   .fontw100 {font-weight:100;}
   .fontw200 {font-weight:200;}
   .fontw300 {font-weight:300;}
   .fontw400 {font-weight:400;}
   .fontw500 {font-weight:500;}
   .fontw550 {font-weight:550;}
   .fontw600 {font-weight:600;}
   .fontw650 {font-weight:650;}
   .fontw700 {font-weight:700;}
   /* 줄간격 */
   .lineh1 {line-height:1em;}
   .lineh2 {line-height:2em;}
   .lineh3 {line-height:3em;}
   .lineh4 {line-height:4em;}
   .lineh5 {line-height:5em;}
   .lineh6 {line-height:6em;}
   .lineh7 {line-height:7em;}
   /* 기px색상 */
   .cored {color:red;}
   .coblue {color:blue;}
   .cogreen {color:green;}
   .co000 {color:#000;}
   .cofff {color:#fff !important;}
   .bgred {background-color:red;}
   .bgblue {background-color:blue;}
   .bggreen {background-color:green;}
   .bg000 {background-color:#000;}
   .bgfff {background-color:#fff;}
   /* 테스트 박스 */
   .testbor {border:1px solid red;}
   /* 가운데 밑줄 */
   .linec:after {content: "";display: block;width: 60px;border-bottom: 3px solid #bcbcbc;margin: 0px auto;}
   /* 폰트 변경 */
   .ffam {font-family: 'NEXON Lv2 Gothic', sans-serif !important;}
   .posir {position: relative;}
   .posia {position: absolute;}
   .posif {position: fixed;}
   .cursor {cursor:pointer;}
   /* media 쿼리 */
   @media (max-width:767px) {
   }
/*
transition: all 0.5s; 
transform:translate(-50%, -50%);



*/
.gap20 {gap:20px;}
.gap15 {gap:15px;}
.gap10 {gap:10px;}
.gap5 {gap:5px;}

co333 {color:#333 !important;}
cored {color:#dc3545 !important;}
coblue {color:#0d6efd !important;}
cogreen {color:#198754 !important;}
cofff {color:#fff !important;}
coyellow {color:#ffc107 !important;}
@media (min-width: 1400px) {
   .container
{
       max-width: 1400px !important;
   }
}
/*
@media (min-width: 1600px) {
   .container
{
       max-width: 1500px !important;
   }
}
   */