@charset "utf-8";
@import url('basic.css');

@font-face {
  font-family:'Pretendard';
  font-weight:400;
  src:url(../fonts/Pretendard-Regular.woff) format('woff');
 }
@font-face {
  font-family:'Pretendard';
  font-weight:700;
  src:url(../fonts/Pretendard-Bold.woff) format('woff');
 }
@font-face {
  font-family:SBAggro;
  font-weight:300;
  font-style:normal;
  src:url(../fonts/SBAggroLight.ttf) format('ttf');
  font-display:swap
 }
/*@font-face {
  font-family:JalnanGothic;
  src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff) format("woff");
  font-weight:400;
  font-style:normal
 }*/

/* public */
html{font-size:16px;}
body{/*font-size:14px;*/font-family:'Pretendard','SBAggro','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif; font-weight:400; color:#000; background:#fff;}
pre{font-family:'Pretendard','SBAggro','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif;}
.wrap{margin:0 auto;}
img{width:100%;max-width:100%;}
.scrollArea{overflow:hidden;overflow-y:scroll}
.noScroll{overflow:hidden !important;}
.show{display:block !important;}
.hide{display:none !important;}
.forPc{display:block !important;}
.forMbl{display:none !important;}

/* positioning */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right;}
.vat{vertical-align:top !important;}
.pd0{padding:0 !important}
.mt0{margin-top:0 !important;}
.mtXXs{margin-top:3px !important;}
.mtXs{margin-top:5px !important;}
.mtSm{margin-top:10px !important;}
.mtSMd{margin-top:16px !important}
.mtMmd{margin-top:20px !important;}
.mtMd{margin-top:25px !important;}
.mtSLg{margin-top:30px !important;}
.mtLg{margin-top:40px !important;}
.mtXlg{margin-top:56px !important;}
.mtXl{margin-top:90px !important;}

.pointer{cursor: pointer;}

/* titles */
.wrapTit{position:relative;}
.wrap .cntTitXL{margin-bottom:54px;font-size:48px;font-weight:400;color:#fff;text-align:center;}
.wrap .cntTitLg{margin-bottom:20px;font-size:32px;font-weight:400;color:#0090FF;line-height:1.2}

/* txt */
.wrap .clrPrimary{color:#0090FF;}
/*.txtDsc{font-size:20px;color:#fff;line-height:2;}*/
.txtDsc{font-size:20px;color:#fff;line-height:1.5;}
.txtDscLeftOrange{text-align: left; color: orange;}
.txtDscOrange{color: orange;}
.br{display:block;}

/* buttons */
a,button{font-family:'Pretendard','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif;}
.btnWrap{position:relative;margin-top:40px;font-size:0;}
.btnWrap:after{content:'';display:inline-block;clear:both}
.btnWrap a,
.btnWrap button{display:inline-block;width:100%;height:72px;padding:0 15px;font-size:20px;line-height:70px;color:#fff;font-weight:700;white-space:nowrap;text-decoration:none;text-align: center;background: #004098;margin-left:8px;}
.btnWrap .btnType2{color:#fff;background:#C8C8C8;}
.btnWrap.sizeSm a,
.btnWrap.sizeSm button{width:auto;min-width:150px;padding:0 20px;height:60px;line-height:60px;}

/* forms */
input{vertical-align:middle;}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"]{width:100%;height:53px;padding:12px 24px;font-family:'Pretendard','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif;font-size:24px;color: #000;line-height:1.1;border-radius: 8px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.90);}
input::placeholder{color: #C5C5C5;}
select{width:100%;height:53px;padding:12px 24px;font-size:24px;border-radius: 8px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.90);}
label{vertical-align:middle;}

/* tab */
.tab{display:flex;margin:0 -8px 16px;justify-content: center;}
.wrap .cntTitXL + .tab{margin-top:-20px;}
.tab li{width:100%;max-width:300px;margin:0 8px;}
.tab li a{display:block;width:100%;height:48px;font-size:20px;font-weight:700;line-height:48px;color:#fff;text-align:center;vertical-align:middle;background:#303030;}
.tab li a:hover,
.tab li .active{background:#EB0028;}

/* table */
.wrapTbl{max-width:1430px;margin:0 auto;}
.wrapTbl table{overflow:hidden;border-radius: 8px 8px 0 0;}
.wrapTbl table thead{background: #505050;}
.wrapTbl table tbody{border-left:1px solid #5B5B5B;border-right:1px solid #5B5B5B;border-bottom:1px solid #5B5B5B;}
.wrapTbl table th{height:55px;padding:0 12px;color:#fff;font-size:20px;font-weight:700;line-height:1.1;text-align:center;border-bottom:1px solid #5B5B5B;}
.wrapTbl table th.tal{padding-left:32px;}
.tblList td{height:55px;padding:12px;color:#fff;font-size:20px;font-weight:400;line-height:1.1;text-align:center;border-bottom:1px solid #5B5B5B;}
.tblList td a{color:#fff;font-size:20px;}
.tblList td a:hover{text-decoration:underline;}
.tblView .cnts{padding:24px 32px 100px;font-size:24px;vertical-align:top;}
.tblView .cnts.fullH{height:500px;}
.tblView .cnts,
.tblView .cnts *,
.wrapTbl .cntRe,
.wrapTbl .cntRe *{font-family:'Pretendard','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif;font-size:20px;color:#fff;line-height:1.2;white-space: pre-wrap;}
.wrapTbl .titRe{padding:14px 32px;font-size:20px;color:#fff;font-weight:700;line-height:1.2}
.wrapTbl .titRe .el{color: #0090FF;}
.wrapTbl .cntRe{padding:24px 32px 100px;border: 1px solid #5B5B5B;background: rgba(255, 255, 255, 0.10);}
.wrapTbl .tblForm{overflow:hidden;border-radius: 8px 0 0 8px;}
.wrapTbl .tblForm tbody{border:1px solid #5B5B5B;}
.wrapTbl .tblForm th{padding:16px;color:#fff;font-size:20px;font-weight:700;text-align:center;background: #505050;}
.wrapTbl .tblForm td{padding:16px;border-bottom:1px solid #5B5B5B;}
.wrapTbl .tblForm td textarea{width:100%;height:500px;padding:24px;resize:none;font-family:'Pretendard','helvetica','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans',sans-serif;font-size:24px;color:#000;line-height:1.2}
.wrapTbl .tblGall{text-align:center;border-radius:0;table-layout:fixed;}
.wrapTbl .tblGall td{padding:16px;border-top:1px solid #5B5B5B}
.wrapTbl .tblGall td a{display:block;}
/*.wrapTbl .tblGall .box{height: 130px; line-height: 130px;}*/
.wrapTbl .tblGall .img{display:inline-block;width:200px;height:130px;}
.wrapTbl .tblGall .img img{width:auto;max-width:100%; max-height:100%;}
.wrapTbl .tblGall .txt{margin-top:9px;font-size: 20px;color:#fff;}

/* Paging */
.wrapPaging{overflow:hidden;position:relative;margin:16px auto 0;}
/*.wrapPaging .fr{position:absolute;top:50%;right:0;margin:-30px 0 0 0;}*/
.wrapPaging .fr{top:50%;right:0;margin:-30px 0 0 0;}
.wrapPaging .paging{margin:20px auto;font-size:0;text-align:center;}
.wrapPaging .paging a{display:inline-block;width:24px;height:24px;margin:0 8px;font-size:24px;color:#8C8A8A;text-align:center;vertical-align:middle;line-height:24px;}
.wrapPaging .paging a:hover{text-decoration:underline;}
.wrapPaging .paging .on{color:#0090FF;font-weight:700;cursor:default;}
.wrapPaging .paging [class^="btn"]{width:24px;height:24px;font-size:0;text-indent:-9999px;background-size:100% !important}
.wrapPaging .paging .btnFirst{background:url(../images/arrow_paging01.png) no-repeat 0 0;}
.wrapPaging .paging .btnPrev{background:url(../images/arrow_paging02.png) no-repeat 0 0;}
.wrapPaging .paging .btnNext{background:url(../images/arrow_paging03.png) no-repeat 0 0;}
.wrapPaging .paging .btnLast{background:url(../images/arrow_paging04.png) no-repeat 0 0;}

/* layer popup */
.wrapPopLayer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:scroll;padding-bottom:100px;background:rgba(0,0,0,.5);z-index:999;}
.wrapPopLayer .popCnt{position:relative;overflow:hidden;width:580px;max-width:580px;padding:66px 40px 60px;top:120px;left:50%;border-radius:8px;margin-bottom:100px;background:#fff;z-index:990;}
.wrapPopLayer .popCnt.sizeSm{width:420px;max-width:420px;;padding:60px 40px;}
.wrapPopLayer .popCnt .header .btnClose a{display:block;width:28px;height:28px;position:absolute;top:11px;right:14px;}
.wrapPopLayer .popCnt .cnt .txt{font-size:24px;}
.wrapPopLayer .popCnt .cnt .btnWrap{text-align:center;}
.wrapPopLayer .popCnt .wrapForm{display:flex;align-items:center;}
.wrapPopLayer .popCnt .wrapForm input{height:53px;padding:12px 24px;border-radius:8px;border:1px solid #AEAEAE;}
.wrapPopLayer .popCnt .wrapForm .btnWrap{margin:0 0 0 10px;}
.wrapPopLayer .popCnt .wrapForm .btnWrap a{height:53px;line-height:53px;}
.wrapPopLayer .popCnt .btnClose a{display:block;position:absolute;top:20px;right:20px;width:40px;height:40px;font-size:0;text-indent:-9999px;background:url(../images/btn_close_pop.png) no-repeat center;background-size:100%;}


/* ========== ========== ========== 
              Layouts
========== ==========  ========== */
/* header */
.wrap .header{position:relative; z-index:99;height:96px;display:flex;align-items:center;background:#000;transition:all .5s;}
.wrap .header.fixed{position:fixed;top:0;right:0;left:0;background:rgba(0, 0, 0, 0.5);}
.wrap .header .innrWrap{position:relative;display:flex;align-items:center;width:100%;max-width:1900px;padding:0 20px;margin:0 auto; z-index:50}
.wrap .header .logo{margin-right:12.5%;}
.wrap .header .logo a{display:block;width:281px;height:42px; background:url(../images/logo.png) no-repeat center;background-size:100%;text-indent: -9999px;}
.wrap .header .wrapGnb{-webkit-transform: translateZ(0); transform: translateZ(0);}
.wrap .header .wrapGnb ul{display:flex;-webkit-transform: translateZ(0); transform: translateZ(0);}
.wrap .header .wrapGnb ul li:not(:first-child){padding-left:5vw;}
.wrap .header .wrapGnb ul li a{color:#fff;font-size:20px;transition:color .5s;white-space:nowrap;}
.wrap .header .wrapGnb ul li a.active,
.wrap .header .wrapGnb ul li a:hover{color: #0090FF;}
.wrap .header .wrapGnb ul li a.active{font-weight:700}

/* contents */
.container{padding:104px 35px;}
.container .innrWrap{width:100%;max-width:1830px;margin:0 auto}
.wrapCol{display:flex;}
.wrapCol > [class^="col"]{}

/* footer */
.wrap .footer{padding:55px 30px;background:#000;position:relative;margin:0 auto;text-align:center;z-index:50}
.wrap .footer .logo{display:inline-block;width:225px;margin:0 auto 18px;}
.wrap .footer .txt{color:#fff;font-size:24px;}

/* 모바일-태블릿 화면 ~1280px */
@media (max-width:1280px){
  .br{display:inline}
  .wrap .header .logo{margin-right:9%}
  .wrap .header .logo a{width:210px;height:32px;}
  .wrap .header .wrapGnb ul li a{}
}


/* 모바일-태블릿 화면 ~991px */
@media (max-width:991px){
  .forPc{display:none !important;}
  .forMbl{display:block !important;}
  img{max-width:none;}
  /* Tit */
  .wrap .cntTitXL{margin-bottom:24px;font-size:22px;}
  .wrap .cntTitLg{margin-bottom:16px;font-size:16px;}
  .txtDsc{font-size:14px;line-height:1.3}
  .txtDscLeftOrange{text-align: left; color: orange;}
  .txtDscOrange{color: orange;}
  /* form */
  input[type="text"],
  input[type="password"],
  input[type="email"],
  select{font-size:14px !important;height:36px !important;padding:5px 10px !important;}
  .btnWrap{margin-top:24px;}
  .btnWrap a,
  .btnWrap button{height:35px !important;line-height:35px !important;font-size:16px !important; margin-left:8px;}
  .btnWrap .btnType2{color:#fff;background:#C8C8C8;}
  .btnWrap.sizeSm a,
  .btnWrap.sizeSm button{min-width:100px;}
  .wrapPaging .fr{position:static;margin:24px 0 0 0}
  .wrapPaging .paging{margin:0 auto}
  .wrapPaging .paging a{margin:0;font-size:16px;}
  /* tab */
  .tab li{max-width:none}
  .tab li a{height:42px;font-size:16px;line-height:42px;}
  .wrap .cntTitXL + .tab{margin-top:0}
  /* table */
  .wrapTbl *{font-size:16px !important;word-break:break-word;}
  .wrapTbl table th{height:42px;}
  .wrapTbl .cntRe,
  .tblView .cnts{padding:12px 12px 36px;}
  .wrapTbl .tblForm th{padding:10px;}
  .wrapTbl .tblForm td textarea{height:300px;padding:10px;font-size:14px;}
  .tblView .cnts.fullH{height:auto;}
  .wrapTbl .titRe{padding:14px 24px;}
  .wrapTbl .tblGall td{display:block;}
  /* layer pop */
  .wrapPopLayer{padding-bottom:50px;}
  .wrapPopLayer .popCnt{width:80vw !important;top:60px;margin-bottom:50px;}
  .wrapPopLayer .popCnt.sizeSm{padding:32px;}
  .wrapPopLayer .popCnt .cnt .txt{font-size:16px;}
  .wrapPopLayer .popCnt .wrapForm .btnWrap a{height:36px !important;line-height:36px !important;}
  .wrapPopLayer.popGall .popCnt{padding:50px 24px 24px}
  .wrapPopLayer.popGall img{max-width: inherit;}
  .wrapPopLayer .popCnt .btnClose a{top:8px;right:12px;width:26px;height:26px;}
  
  
  /* ========== Layouts ========== */
  /*** header ***/
  .wrap .header{height:56px;}
  /*.wrap .sub02 .header,
  .wrap .sub03 .header{background:transparent;border-bottom: 1px solid rgba(80, 80, 80, 1)}
  .wrap .sub02 .header.fixed{background: rgba(0, 0, 0, 0.5);}*/
  .wrap .header .titArea .tit{font-size:16px;color:#fff}
  .wrap .header .titArea .btnBack a{display:block;position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;font-size:0;text-indent:-9999px;background:url(../images/btn_arrow_back.png) no-repeat center;background-size:100%}
  .wrap .header .logo a{width:144px;height:22px;}
  .wrap .header .innrWrap{padding:0 16px 0 48px;}
  .wrap .header .ico_buggerNav{position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url(../images/ico_bugger.png) no-repeat center; background-size:100%;font-size:0}
  /*.wrap .header .wrapGnb{position:relative;width:300px;padding:24px;position:fixed;top:0;left:-100%;bottom:0;background: rgba(0, 0, 0, 0.80);opacity:0;transition:all .6s}*/
  .wrap .header .wrapGnb{width:300px;padding:24px;position:fixed;top:0;left:-100%;bottom:0;background: rgba(0, 0, 0, 0.80);opacity:0;transition:all .6s}
  .wrap .header .wrapGnb.opened{opacity:1;left:0}
  .wrap .header .wrapGnb ul{display:block;}
  .wrap .header .wrapGnb ul li{padding:0 !important}
  .wrap .header .wrapGnb ul li a{display:block;padding:8px 0;font-size:16px;line-height:1.2}
  .wrap .header .wrapGnb ul li:first-child a{padding-top:8px}
  .wrap .header .wrapGnb .btnClose a{display:block;position:absolute;width:24px;height:24px;top:24px;right:24px;font-size:0;text-indent:-9999px;background:url(../images/btn_close.png) no-repeat;background-size:100%;}

  /*** contents ***/
  .container{padding:32px;}

   /*** footer ***/
  .wrap .footer{padding:55px 24px 36px;}
  .wrap .footer .logo{width:116px;margin-bottom:10px}
  .wrap .footer .txt{font-size:14px;}
  
}

/* ##### 모바일 화면 ~640px ##### */
@media (max-width:640px){
 
}