@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
};
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');



/* basic */
html {}
*, *::before, *::after {box-sizing: border-box;}
html, body {margin:0; padding:0; overflow-x:hidden; width: 100%; height: 100%;}
a, a:link, a:visited, a:focus {text-decoration:none; color:inherit; outline:none; border:none;}
ul, li, dl, dt, dd {margin:0; padding:0;}
ul, li {list-style:none;}
table, fieldset, img {border:none;}
table {border:0; border-spacing:0; border-collapse:collapse;}
img {max-width:100%; vertical-align:top; outline:none;}
p {margin:0; padding:0;}
*:focus {outline:none;}

.fL {float:left;}
.fR {float:right;}
.cB {zoom:1;}
.cB::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl {zoom:1;}
.ulFl::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl > li {float:left;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.tI { font-style: italic; }
.mauto {margin:0 auto;}
.mX {position:absolute; left:50%; transform:translateX(-50%);}
.mY {position:absolute; top:50%; transform:translateY(-50%);}
.mXY {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cutstr {width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.cutstr2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3.0em;}
.cutstr3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:4.5em;}
.pR {position:relative;}
.pA {position:absolute;}
.tblwrap {overflow-x:auto;}
.vT {vertical-align:top;}
.dI {display:inline-block;}
.dB {display:block;}
.dN {display:none;}
.oH {overflow:hidden;}
.oV {overflow:visible;}
.fff {color:#fff;}
.test {border:1px solid red;}

.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt140 {margin-top:150px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb180 {margin-bottom:180px !important;}
.mb200 {margin-bottom:200px !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;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !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;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w23 {width:23%;}
.w25 {width:25%;}
.w27 {width:27%;}
.w30 {width:30%;}
.w31 {width:31%;}
.w33 {width:33.33%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w48 {width:48%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w52 {width:52% !important;}
.w53 {width:53% !important;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h100 {height:100%;}
.pL80 { padding-left: 80px; }

/* custom */
.mhtml {}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:16px; font-weight:400; color:#666; background:none; position: relative; -webkit-text-size-adjust: 100% !important; }
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', 'sans-serif';}
input, button {font-family:'Noto Sans KR', 'sans-serif';}
textarea, .subtitselect {font-family:'Noto Sans KR', 'sans-serif';}

.wrapper {width:100%; max-width:1420px; margin:0 auto; z-index:auto; position:relative;}
.wrapper3 {width:100%; width:1420px; margin:0 auto; z-index:auto; position:relative;}
.wrapper2 {width:100%; margin:0 auto; z-index:auto; position:relative;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper-inner {width:100vw; margin-left:calc(-50vw + 50%); padding:0; position:relative; overflow:hidden;}
.wrapper-inner img {max-width:100%;}

.noto {font-family:'Noto Sans KR', 'sans-serif';}
.poppins {font-family: 'Poppins', sans-serif;}
.blackhan {font-family: 'Black Han Sans', sans-serif;}

.hdwrap {width:100%; height:100px; position:relative; z-index:1;}

.header {background-color:#fff;}
.header .logo {position:absolute; top:18px; left: 20px; z-index:800; width: 300px; text-align: center;}

.fa-pencil { width: 30px !important; position: relative; top: -4px; } 

#sicon {right:0; }
.sns {z-index:99999;position:absolute; width:210px; right:40px;}
.sns li{float:left; width:30px; margin:6px;}

/* gnb */
#gnb {  }

.btn_gnb {position:absolute; top:30px; right:15px; font-size:40px; color:#000; cursor:pointer; z-index:900; display:none;}
.btn_gnb_close {position:fixed; top:10px; right:15px; font-size:30px; color:#fff; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#f5f5f5; text-align:left; display:none; z-index:990; overflow-y: scroll;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {margin-top:80px;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {font-size:18px; color:#444; line-height:240%; padding-left:20px; cursor:pointer;}
.mgnb .mgnb_2ul {width:100%; background:#fff; padding:10px 0px 15px 20px; display:none;}
.mgnb .mgnb_2ul li {margin:5px 0px;}
.mgnb .mgnb_2a {font-size:14px; color:#333; display:block;}
.mgnb .mgnb_2a:hover {color:#000;}
.mgnb_1>a { border: 1px solid #444; padding: 4px 12px; border-radius: 50px; }

/* 햄버거메뉴 */
.fullscreen_menu { display: none; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; overflow: hidden;
    position: fixed; z-index: 99999;}
.closeBtn { position: absolute; right: 17px; top: 0px; z-index: 99999; }
.topsns { display: inline-block; position: absolute; right: 250px; top: 34px; }
.topsns a { margin-left: 18px; }
.userBtn { display: inline-block; position: absolute; right: 40px; top: 10px; width: 300px; height: 100px; text-align: center; font-size: 14px; color: #444;  }
.userBtn a { display: block; border: 1px solid #444; border-radius: 30px; padding: 4px 12px; float: left;
    margin-left: 16px; }
.allham { display: inline-block; position: absolute; right: 0; top: 10px; }

.hide_Bg { background: url('../img/img_m14.jpg') 50% 50% no-repeat; background-size: cover; width: 33.3%; height: 100vh; color: white; padding: 150px 90px; font-size: 38px; }
.hide_Bg h1 b { font-size: 56px; }

.hide_manu { width: 66.7%; right: 0; overflow: hidden; padding: 0 100px; }
.hide_manu>li { overflow: hidden; margin-bottom: 50px; position: relative; border-bottom: 1px solid #e7e7e7;  }
.hide_manu>li::after { content: ''; display: block; clear: both; }
.hide_manu>li:nth-child(4) { margin-right: 0; }
.hide_manu>li h1 { font-size: 26px; color: #444; padding-bottom: 20px; width: 220px; padding-bottom: 40px; float: left; }
.hide_manu>li::after { content: ''; width: 30px; height: 2px; background: #ff143c; position: absolute; bottom: 0; left: 0; }
.hide_manu .hide_sub li { float: left; margin-right: 80px; }
.hide_manu .hide_sub b { display: block; font-size: 18px; margin-bottom: 3px; font-weight: normal; }
.hide_manu .hide_sub span { color: #999; }



  /* slick slider detail */
  .slick3 {width:100%; height:64px; /* 넓이 높이 똑같이 맞출것 */
    position:relative;}
  .slick3 .slick-list {width:100%; height:64px;} /* 넓이 높이 똑같이 맞출것 */
  .slick3 .slick-slider {}
  
  .slick3box .btnbox .playstop {display:none;}
  
  .slick3 .slick-arrow {width:10px; height:18px;
          position:absolute; top:15px;
          text-indent:-9999px;
          font-size:0; line-height:0;
          border:0;
          cursor:pointer;
          z-index:990;}
  
  .slick3 .slick-prev {left:-110px; background:#fff url('../img/slick3_prev.png') 50% 50% no-repeat;}
  .slick3 .slick-next {left:-70px; background:#fff url('../img/slick3_next.png') 50% 50% no-repeat;}

.slick3box .galley_li { border-right: 1px solid #ccc; padding: 10px; }
.slick3box .galley_li img { width: 100%; }

/* slider */
#Slider {position:relative; top: -100px;}
.slick {width:100%; height:860px; position:relative;}

/* slick slider detail */
.slick-prev, .slick-next { z-index: 0; }
.slick-loading .slick-list{background:#fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
.slick .slick-list { z-index: -1; }
.slick-slide {}
.slick .slickbox {height:860px; background-size:cover !important;}

.slick-active {}
.slick-center {}

.slick-arrow {width:62px; height:62px; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999999px; font-size:0; line-height:0; border:0; cursor:pointer; z-index:0;}
.slick .slick-prev {left:240px; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:240px; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:inline-block; position:absolute; bottom:64px; left:50%; transform:translateX(-50%);}
.slick-dots li {display:inline-block; margin:0px 10px;}
.slick-dots li button {width:8px; height:8px; font-size:0; line-height:0; background:#fff; padding:0; cursor:pointer; border:0px; border-radius:50%;}
.slick-dots li.slick-active button {background:#ff153c;}
.slick-dots li button:hover {background:#fff;}
.slick-dots li button:focus {background:#ff153c;}

#Slider .playstop {display:none;}

.slicktext {
    font-size: 30px;
    font-weight: 400;
    color: white;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 65%);
    word-break: keep-all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    margin: -120px 0 0 0;
    /* padding-left: 154px; */
    text-align: center;
}
.slicktext strong {
    font-size: 64px;
    /* text-shadow: 3px 4px 4px rgb(0 0 0 / 65%); */
    display: block;
    font-size: 72px;
    line-height: 1;
    font-weight: normal;
}

.slicktext h5 { font-size: 32px; }
.slicktext h5 b {font-size: 48px;}
.slicktext h5 span { font-weight: normal; }

.subvisu {width:100%; height:520px; position:relative; text-align:center; top: -100px;}
.sub {background:url('../img/sub1.jpg') 50% 50% no-repeat; background-size:cover;}
.sub1 {background:url('../img/sub1.jpg') 50% 50% no-repeat; background-size:cover;}
.sub2 {background:url('../img/sub2.jpg') 50% 50% no-repeat; background-size:cover;}
.sub3 {background:url('../img/sub3.jpg') 50% 50% no-repeat; background-size:cover;}
.sub4 {background:url('../img/sub4.jpg') 50% 50% no-repeat; background-size:cover;}
.sub5 {background:url('../img/sub5.jpg') 50% 50% no-repeat; background-size:cover;}
.sub6 {background:url('../img/sub6.jpg') 50% 50% no-repeat; background-size:cover;}
.subvisu .titwrap {width: 100%;}
.subvisu .titwrap h2 {font-size:64px; font-weight:600; color:#fff; text-shadow:4px 3px 4px rgb(0 0 0 / 49%); text-align: left;}

.subnav {color: white; text-shadow:4px 3px 4px rgb(0 0 0 / 49%);}
.subnav img { position: relative; top: 7px; }

.pbpg01, .pbpg02, .pbpg03, .pbpg04 { display: none; }

.lnbwrap {margin-top: 40px;}
.lnb {}
.lnb li {}
.lnb li a {display:block; font-size:16px; color:#fff; text-align:center; line-height:50px; border:1px solid #efefef;width: 160px; background: rgba(0, 0, 0, 0.272); margin-right: 10px;}
.lnb li:last-child a {border-right:1px solid #efefef;}
.lnb li a.on {color:#333; background: white;}

.ftwrap {width:100%; background:#020202; padding:50px 0px; border-top:1px solid #5b5b5b; font-size: 14px; color: #8c8c8c;}
.ftwrap .logowrap {display:inline-block; margin-right:60px;}
.ftwrap .ftbox {display:inline-block; vertical-align:top; width: 100%;}
.ftwrap .ftbox::after {content: ''; display: block; clear: both;}
.ftwrap .ftbox p {font-size:12px; color:#8c8c8c; line-height:140%;}
.ftwrap .ftbox p span {margin-right:20px;}
.ftwrap .ftbox .copy {font-size:12px; color:#9d9d9d;}
.ftwrap .login {position:absolute; bottom:-30px; right:0;}
.ftwrap .login a {color: #2c2c2c; margin-left:10px;}
.ftwrap .login a.logout {color:#600000;}
.ftwrap .ftbox .w70 .gnb_2dul { display: block !important; position: unset; width: auto !important; border-radius: 0; min-width: unset; padding-top: 14px; }
.ftwrap .ftbox .w70 .gnb_1dli { float: left; margin: 0px; }
.ftwrap .ftbox .w70 .gnb_1da { font-size: 14px; line-height: normal; text-align: center; padding: 0 40px; }
.ftwrap .ftbox .w70 .gnb_2da { padding: 0; font-size: 13px; line-height: 30px; color: #8c8c8c; }
.ftwrap .ftbox a.gnb_2da:hover { color: #ccc; }
.ftwrap .w30 b { font-weight: normal; color: #ff153c; }
.ftwrap .w30 h2 {font-size: 32px; padding: 24px 0; color: #fff; font-weight: 500; }

#top_btn {border-radius:100%;}
#top_btn:hover {border-color:#3059c7; background:#3059c7;}

/* common */
.stab {text-align:center; margin-bottoms:80px; width:96%; margin: 0 auto;}
.stab > li {display:inline-block; cursor:pointer; color:#888; width:32%; line-height:52px; border-radius:8px; border:1px solid #d6d6d6; text-align: center; widths: 158px; margin: 0 8px 8px 0; }
.stab > li:nth-child(8) { margin-right: 0; }
.stab > li.stabOn {background:#f43238; color:#fff;}

.stab2 {text-align:center; margin-bottom:120px;}
.stab2 > li {display:inline-block; color:#888; line-height:60px; border:1px solid #efefef; border-left:0px;}
.stab2 > li:first-child {border-left:1px solid #efefef;}
.stab2 > li.on {background:#f43238; color:#fff;}
.stab2 > li a {display:block;}

.tabL {display:none;}
.tabOn {display:block;}

.ul2 > li {width:48%; margin-right:4%; margin-bottom:70px;}
.ul2 > li:nth-child(2n) {margin-right:0;}
.ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

.ul3 > li {width:32%; margin-right:2%; margin-bottom:20px;}
.ul3 > li:nth-child(3n) {margin-right:0;}
.ul3 > li:nth-last-child(-n + 3) {margin-bottom:0;}

.ul4 > li {width:23%; margin-right:2.6666%; margin-bottom:20px;}
.ul4 > li:nth-child(4n) {margin-right:0;}
.ul4 > li:nth-last-child(-n + 4) {margin-bottom:0;}

.ul5 > li {width:18%; margin-right:2.5%; margin-bottom:20px;}
.ul5 > li:nth-child(5n) {margin-right:0;}
.ul5 > li:nth-last-child(-n + 5) {margin-bottom:0;}

.ul6 > li {width:18%; margin-right:2%; margin-bottom:20px;}
.ul6 > li:nth-child(5n) {margin-right:0;}
.ul6 > li:nth-last-child(-n + 6) {margin-bottom:0;}

.ult1 li {padding-left:15px; position:relative;}
.ult1 li::before {content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}
.ult2 {}
.ult2 li {}
.ult2 img {margin-bottom:40px; box-shadow:10px 10px 20px 10px rgba(0, 0, 0, 0.2);}
.grid-sizer,
.grid-item {width:50%;}
.grid-item {margin-bottom:150px;}
.grid-item:nth-last-child(-n + 2) {margin-bottom:0;}
.grid-item span {width:560px; float:left;}
.grid-item span.left {float:left;}
.grid-item .fL img, .grid-item .fR img {width:100%;}

.tbl1 {width:100%; border-top:3px solid #75777b;}
.tbl1 tr:nth-child(even) {background:#f8f8f8;}
.tbl1 th {width:250px; font-weight:normal; padding:15px 0; border-left:1px solid #dcdcdc;}
.tbl1 td {padding:15px 20px;}
.tbl1 th, .tbl1 td {border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}

/* main */
.mtit { margin-bottom: 32px; font-family: 'Montserrat', sans-serif; }
.mtit span { font-weight: 400; }
.mtit h3 { margin-top: 3px; font-size: 32px; font-weight: 600; color: #444; font-family: 'Montserrat', sans-serif; }

.mquick { width: 1320px; position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%); }
.mquick::after {content: ''; display: block;clear: both;}
.mquick .w30 { background: url('../img/img_m01.png') 100% 140% no-repeat #ff153c; color: #fff; border-radius: 20px 0 0 20px; }
.mquick .w30 i { display: inline-block; font-style: normal; font-size: 14px; color: #ff153c; padding: 2px 10px;  border-radius: 20px; background: #fff;}
.mquick .w30 span { display: block; font-size: 24px; }
.mquick .w30 a { width: 100%; height: 100%; display: inline-block; padding: 34px; }
.mquick .w70 { height: 128px; background: #fff; overflow: hidden; border-radius: 0 20px 20px 0; }
.mquick .w70 a { width: 24.7%; text-align: center; display: inline-block;     height: 100%; padding-top: 38px; }
.mquick .w70 a b { display: block; font-weight: bold; font-size: 18px; color: #ff153c; }
.mquick .w70 a:first-child { background: url('../img/img_m02.png') 50% 50% no-repeat; }
.mquick .w70 a:nth-child(2) { background: url('../img/img_m03.png') 50% 50% no-repeat; }
.mquick .w70 a:nth-child(3) { background: url('../img/img_m04.png') 50% 50% no-repeat; }
.mquick .w70 a:last-child { background: url('../img/img_m05.png') 50% 50% no-repeat; }

.mft { background: #020202; padding: 22px 0; color: #ccc; }
.mft b {  }
.mft a { position: relative; padding-right: 42px; }
.mft a::after { content: '·'; position: absolute; right: 18px; top: 0px; }
.mft a:last-child::after { content: none; }

.mBtn { text-align: center; }
.mBtn a { font-size: 18px; color: white; background: #ff153c; padding: 12px 24px; border-radius: 50px; }
.mBtn a b { margin-left: 12px; }

.m01 { background: url('../img/img_m06.jpg') 50% 50% no-repeat;     background-size: cover; margin-top: -100px; }
.m01 .wrapper { padding: 120px 0 200px 0; }
.m01 .tI { text-align: center; margin-bottom: 40px; }
.m01 .tI h5 { color: #b3c2e1; font-size: 32px; font-weight: bold; }
.m01 .tI h5 b { font-size: 56px; }
.m01 .tI h5 span { font-weight: normal; }
.m01 .tI h1 { font-size: 82px; color: #0a1867; font-weight: 500; line-height: 1; }
.m01 .tI>span { color: #ff153c; font-size: 62px; }
.m01 .tC { margin: 40px 0 70px 0; font-size: 18px; }
.m01 .tC b { color: #444; font-size: 26px; margin-bottom: 12px; display: inline-block; }

.m02 { background: url('../img/img_m07.png') 50% 50% no-repeat; margin-top: -100px; z-index: 999; position: relative;     background-size: cover; }
.m02 .wrapper { padding: 155px 0 261px 0; }
.m02 h2 { text-align: center; display: block; font-size: 58px; color: #ff153c; font-style: italic; }
.m02 .w100 { margin-top: 62px; position: relative; }
.m02 .w100::before { content: ''; width: 1px; height: 320px; background: #575581; position: absolute; left: 50%; top: 0px; }
.m02 .w100 .w50 { text-align: center; color: white; }
.m02 .w100 .w50 h5 { font-size: 28px; }
.m02 .w100 .w50 span { display: block; margin: 40px 0 80px 0; color: #b3c2e1; font-size: 18px; }
.m02 .mBtn a { background: none; border: 1px solid white; }

.m03 { background: url('../img/img_m08.jpg') 50% 50% no-repeat; margin-top: -100px; background-size: cover; color: white; }
.m03 .wrapper { padding: 150px 0; }
.m03 .w100 { }
.m03 .w100::after { content: ''; display: block; clear: both; }
.m03 span {font-size: 18px; position: relative;}
.m03 h1 {font-size: 34px; font-weight: normal; margin-top: 24px;}
.m03 .w60 { padding-top: 120px; }
.m03 .wrapper>div:first-child .w60 span::after {content: ''; background: url('../img/img_m12.png'); width: 536px; height: 122px; position: absolute; top: -60px; left: 0;}
.m03 .wrapper>div:nth-child(2) .w60 span::after {content: ''; background: url('../img/img_m13.png'); width: 536px; height: 122px; position: absolute; top: -60px; left: 0;}
.m03 .w70 a { margin-top: 52px; position: relative; padding-left: 20px; display: block; }
.m03 .w70 a::before { content: ''; width: 68px; height: 68px; background: #ff153c; border-radius: 80px; position: absolute; top: -21px; left: 0; }
.m03 .w100 a b { position: relative; z-index: 1; }
.m03 .w100 .w30 {border-radius: 20px; overflow: hidden;}
.wrap_controllers { display: none; }

/* 메인 카운트다운 */
.countdown { overflow: hidden; text-align: center; width: 540px; margin: 0 auto;  }
.countdown h1 { font-size: 3rem; }
.countdown>div { width: 25%; float: left; position: relative; }
.countdown>div::before { content: ''; width: 1px; height: 58px; background: #c4cdde; position: absolute; left: 0; top: 11px; }
.countdown>div:last-child::after { content: ''; width: 1px; height: 58px; background: #c4cdde; position: absolute; right: 0; top: 11px; }
.countdown .count-text { font-size: 32px; color: #333; font-family: 'Poppins', sans-serif; font-weight: bold; }
.countdown span { font-size: 18px; color: #b6bed4; font-family: 'Poppins', sans-serif; }

/* contents */
.container {padding:50px 0 120px 0; }
.container p {word-break:keep-all; line-height:180%;}

.red { color: #e72826; }
.blue { color: #00509a; }
.white { color: white !important; }
.gray { color: rgb(168, 168, 168) !important; }

.subtit { position: relative; font-size: 24px; color: #444; font-weight: bold; padding-left: 20px; margin: 80px 0 20px 0; }
.subtit span { color: #666; margin-left: 8px; font-weight: normal; font-size: 16px; }
.subtit::before { content: ''; background: url('../img/img_ba02.jpg'); width: 11px; height: 22px; position: absolute; left: 0; top: 7px; }
#bo_w .subtit::before { content: ''; background: url('../img/ico_point.png'); width: 8px; height: 27px; position: absolute; left: 0; top: 6px; }
.subtit b { font-weight: normal; font-size: 16px; color: #888; margin-left: 20px; display: inline-block; }

.subtit2 { margin-bottom: 30px; }
.subtit2 span { color: #00509a; margin-bottom: 3px; }
.subtit2 h3 { font-size: 24px; color: #444; }

.subtit3 { margin: 50px 0 18px 0; color: #00509a; position: relative; font-size: 18px; font-weight: bold; padding-left: 20px; }
.subtit3::before { content: ''; background: url('../img/img_aa04.png'); width: 13px; height: 13px; position: absolute; left: 0; top: 7px; }

.pgBox { width: 100%; border-top: 2px solid #744848; border-bottom: 2px solid #744848;  padding: 10px 0; }

.step {}
.step>div { float: left; background: #efefef; width: 15%; margin-right: 2%; border-radius: 10px; color: #888; text-align: center; padding: 14px; position: relative; }
.step>div:last-child { margin-right: 0; }
.step>div::after { content: ''; background: url('../img/img_aa07.jpg'); width: 9px; height: 17px; position: absolute; right: -18px; top: 47px; }
.step>div:last-child::after { content: none; }
.step::after { display : block; content: ''; clear: both; }
.step b { font-size: 12px; color: #c3c3c3; padding: 1px 16px; background: #e5e5e5; display: inline-block; border-radius: 20px; font-weight: normal; }
.step h5 { font-size: 17px; margin-top: 4px; }
.step span { font-size: 14px; }
#step-active { color: #fff; background: #ff153c; }
#step-active b { background: #cf0023; color: #ffcece; }
#step-off { color: #7b7b7b; background: #a4a4a4; }
#step-off b { background: #979797; color: #c3c3c3; }

.entable { width: 100%; border-top: 2px solid #855656; }
.entable th { width: 20%; background: #fff9f7; font-weight: 500; color: #444; }
.entable th, .entable td { text-align: left; border-bottom: 1px solid #e6e8ef; padding: 10px 24px; }
.entable th span { display: block; color: #888; font-weight: normal; font-size: 14px; }
.entable .radio label { margin-right: 4px; cursor: pointer; }
.entable .radio input { display: none !important; }
.entable .radio input + label {display: inline-block;background: url("../img/ico_check.png") 0 0 no-repeat; background-size: cover; width: 22px; height: 22px; cursor:pointer; }
.entable .radio input:checked + label {background: url("../img/ico_checkon.png") 0 0 no-repeat; background-size: cover; }
.entable input[type="text"], .entable select { border: 1px solid #c9cacc; padding: 4px; }
.entable td span { margin: 0 12px 0 4px; }

.entable .add input { margin-bottom: 5px; }
.entable .add input:last-child { margin-bottom: 0px; }
.entable .add button { color: white; background: #485574; padding: 5px 12px; border: 0; position: relative; top: -5px; margin-left: 10px; }
.entable .mg { margin: 6px; }

.entable.row {}
.entable.row td { padding: 10px 12px; height: 65px; }
.entable.row th { text-align: center; width: auto; padding: 10px 0px; }
.entable.row td:first-child { text-align: center; }
.entable.row input[type="text"] { width: 100%; }
.entable.row td .top { position: relative; top: 3px; }
.entable.row td:last-child { padding: 0; }

.entable .addBtn, .entable .delBtn { width: 27px; height: 27px; text-align: center; cursor: pointer; font-weight: bold; line-height: 1.6; }
.entable .addBtn { color: white; background-color: #485574; }
.entable .delBtn { border: 1px solid #485574; }

.moctit {
    text-align: center;
    margin-top: 40px;
}
.modB {
    display: none;
}
.modN {
    display: block;
}

textarea { width: 100%; border: 1px solid #c9cacc; padding: 30px 20px; text-align: justify; font-size: 16px; color: #666; min-height: 200px; }

.filebox span { color: #999; }
.filebox label {
    display: inline-block;
    padding: 8px 44px 8px 16px;
    color: #666;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f2f2f2;
    cursor: pointer;
    border: 1px solid #ebebeb;
    position: relative;
}
.filebox label::after { content: ''; background: url('../img/ico_file.png'); width: 15px; height: 14px; position: absolute; right: 16px; top: 13px; }
  
.filebox input[type="file"] {  /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.notice { position: relative; padding-left: 34px; margin-top: 24px; }
.notice::before { content: '!'; width: 25px; height: 25px; background: #ff9a38; color: white; border-radius: 25px; position: absolute; left: 0; top: 2px; text-align: center; }

.Btn { width: 100%; margin-top: 80px; text-align: center; }
.Btn::after { display : block; content: ''; clear: both; }
.Btn button, .Btn a { margin: 0 2px; padding: 11px 0px; border: 0; width: 207px; display: inline-block; }
.Btn button span, .Btn a span { display: block; font-size: 14px; }
.Btn .blue { background: #ff153c; color: #fff; }
.Btn .blue span { color: #ffcece; }
.Btn .gray { background: #999999; color: #fff !important; }
.Btn .black { background: #272727; color: #fff; }

.checkbox {display: none!important;}
.checkbox + label {display: inline-block;background: url("../img/ico_check.png") 0 0 no-repeat; background-size: cover; width: 22px; height: 22px; cursor:pointer; position: relative;
    top: -1px; }
.checkbox:checked + label {background: url("../img/ico_checkon.png") 0 0 no-repeat; background-size: cover; }

.view  { position: relative; }
.view .entable th { width: 15%; }
.view .entable.row th { width: initial; }
.view .entable.row td { text-align: center; }
.view #bo_v_info { font-size: 14px; }
.view #bo_v_info b { font-weight: 500; color: #444; }
.view #bo_v_info span { margin-left: 8px; color: #a8a8a8; }
.view #bo_v_title { font-size: 32px; color: #444; margin-bottom: 18px; }

.ico_ing, .ico_re, .ico_ok { color: white; text-align: center; padding: 8px 32px; font-weight: normal; }
.ico_ing { background: #898989; }
.ico_re { background: #ef482e; }
.ico_ok { background: #005789; }

.topBtn { position: absolute; right: 0; top: 50px; }
.topBtn.pobtm { position: relative; right: 0; text-align: right; width: 100%; padding-top: 20px; margin-top: 70px; border-top: 1px solid #d1d1d1; top: auto; }
.topBtn a { color: white; padding: 8px 24px; font-size: 14px; margin-left: 4px; }
.topBtn .tbtnExle { background: #338250; } /*엑셀버튼 안보임*/
.topBtn .tbtn01 { background: #fc830d; }
.topBtn .tbtn02 { background: #7c7c7c; display: none; } /*답글버튼 안보임*/
.topBtn .tbtn03 { background: #33393e; }

.tbtnExle {color: white !important; padding: 8px 24px; font-size: 14px; margin-left: 4px;background: #338250;}

.filedw ul { width: 100%; background: #fff9f7; border-top: 1px solid #ddd; }
.filedw ul li { border-bottom: 1px solid #ddd; padding: 10px 0 10px 34px; }
.filedw ul li h5 { position: relative; font-size: 18px; color: #444; margin-bottom: 4px; }
.filedw ul li h5::before { content: ''; background: url('../img/ico_file.png'); width: 15px; height: 14px; position: absolute; left: -24px; top: 6px; }
.filedw ul li b { font-weight: normal; }
.filedw ul li span { color: #888; padding-left: 8px; }
.filedw ul li b, .filedw ul li span { font-size: 16px;  }

.subUl, .subUl li { width: 100%; }
.subUl li { margin-bottom: 20px; }
.subUl li:last-child { margin-bottom: 0px; }
.subUl li div:first-child { width: 189px; border-radius: 10px; margin-right: 32px; color: white; text-align: center; background: url('../img/img_ba03.jpg') 50% 50% no-repeat; background-size: cover; padding: 18px 0; }
.subUl li div:last-child { width: 83%; line-height: 1.6; padding: 6px 0; }
.subUl li div:last-child span { display: block; color: #999; font-size: 14px; }
.subUl li::after { content: ''; display: block; clear: both; }

.subUl2 li { margin-bottom: 8px; padding-left: 20px; position: relative; }
.subUl2 li::before { content: ''; width: 4px; height: 4px; background: #f43238; border-radius: 10px; position: absolute; top: 10px; left: 4px; }
.subUl2 b { font-weight: normal; color: #444; }

.bgtext { background: url('../img/img_ba01.jpg') 50% 50% no-repeat; background-size: cover; padding: 120px 96px; color: white; }
.bgtext h1 { font-size: 56px; margin-bottom: 38px; }

.subBox { border-top: 2px solid #f43339; border-bottom: 1px solid #cbcbcb; background-color: #fff9f7; width: 100%; padding: 40px 0; text-align:center;}
.subBox h1{font-size: 32px; color:#444;}
.subBox span{color:#f43339;}
.caption {background: #f43238;
    color: white;
    padding: 18px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    border-radius: 10px;
}


.subtb01 { width: 100%; position: relative; border-top: 2px solid #f43238; }
.subtb01 th, .subtb01 td { padding: 30px 40px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; min-height: 63px; }
.subtb01 th:last-child, .subtb01 td:last-child { border-right: 0; }
.subtb01 th { background: #fff9f7; width: 17%;color: #888; font-weight: normal; margin-left: 8px;  }
.subtb01 th b { font-weight: bold; color: #666; }
.subtb01 td span { font-size: 14px; color: #999; }

.subtb02 { border-top: 1px solid #e0e0e0; }
.subtb02 th { background: #f9f9f9; }
.subtb02 th, .subtb02 td { padding: 32px 38px; border-bottom: 1px solid #e0e0e0; }
.subtb02 ul li { padding-left: 16px; position: relative; margin-bottom: 4px; }
.subtb02 ul li::before { content: ''; width: 4px; height: 4px; background: #00509a; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.subtb02 td span { margin-top: 32px; display: inline-block; }

.subtb03 { width: 100%; border-top: 1px solid #e3e3e3; }
.subtb03 th { color:#666; background: #fff9f7; }
.subtb03 td {  }
.subtb03 th, .subtb03 td { text-align: center; padding: 18px; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.subtb03 th:last-child, .subtb03 td:last-child { border-right: 0; }

.subline { width: 100%; height: 1px; background: #d1d1d1; margin-bottom: 20px; position: relative; }
.subline::before { content: ''; width: 30px; height: 2px; background: #00509a; position: absolute; top: -2px; left: 0; }

.Point { position: relative; }
.Point::before { content: ''; width: 30px; height: 2px; background: #00509a; position: absolute; top: -2px; left: 0; }

.imgBox { position: relative; }
.imgBox img { width: 100%; height: 100%; object-fit: cover;  }
.imgBox span { position: absolute; background: #000; color: white; padding: 10px 14px; top: 10px; left: 10px; }

.flCl::after { display: block; content: ''; clear: both; }

.privacy {  }
.privacy>h1, .provision>h1 { display: block; font-size: 24px; padding: 12px; background: #f9f9f9; margin-bottom: 60px; text-align: center; border: 1px solid #ededed; }
.privacy>h1, .privacy>h5, .provision>h1, .provision>h5 {color: #444; margin: 40px 0 12px 0;}
.privacy>h5, .provision>h5 { font-size: 18px; }
.privacy>span, .privacy>p { text-align: justify; display: inline-block; }

.provision ol { padding-left: 20px; }
.provision ol li { list-style: auto; margin-bottom: 4px; text-align: justify; }
.provision ol li ol { margin-bottom: 18px; }

.lineheader { display: none; background: #00509b; }
.lineheader .linegnb { height: 30px; }
.lineheader .linegnb .topsns { top: 3px; color: white; font-size: 14px; }
.lineheader .linegnb .userBtn { height: auto; color: white !important; top: 4px; border-left: 1px solid #dddddd80; border-right: 1px solid #dddddd80; }

.hideclose { display: none; }
.btn_gnb_login { position: absolute;
    right: 100px;
    top: 0;
    width: 114px;
    height: 100px;
    background: #f8f8f8;
}
.mgnb_1li.mt50 { position: relative; }
.mgnb_1li.mt50::after { content: ''; background: url('../img/img_aa04.png'); width: 13px; height: 13px; position: absolute; left: 20px; top: 20px; }

.tbBox { overflow: auto; width: 100%; }
.tbBox table { white-space: nowrap; border-collapse: collapse; }

.moctit { text-align: center; margin-top: 40px; }
.moctit h5 { font-size: 24px; color: #333; }

.mobile_scroll { width: 100%; overflow-x: auto; white-space: nowrap; }
.mobile_scroll table { width: auto; }


/* sub page */
.aa01 .fL { border: 4px solid #e5e5e5; border-radius: 10px; margin-right: 3%; }
.aa01 .fL:first-child { background: url('../img/img_aa01.png') 90% 104% no-repeat #fbfbfb;  }
.aa01 .fL:nth-child(2) { background: url('../img/img_aa02.png') 90% 104% no-repeat #fbfbfb;  }
.aa01 .fL:last-child { background: url('../img/img_aa03.png') 90% 104% no-repeat #fbfbfb; margin-right: 0; }
.aa01 .fL a { width: 100%; height: 100%; padding: 52px 52px 140px 52px; display: block; }
.aa01 .fL a span { font-size: 16px; color: #ff153c; display: block; }
.aa01 .fL a b { font-size: 24px; color: #444; }
.ab02 {
    width: 100%;
    background: #f3f3f3f9;
    padding: 12px 0;
    text-align: center;
}
.ab02 label {
    font-size: 18px;
    color: #444;
    padding-left: 6px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    top: -3px;
}

/* about race */
.fa01 { background: url('../img/img_fa03.jpg') 50% 50% no-repeat; background-size: cover; padding: 100px 80px; overflow: hidden; }
.fa01 h1 { font-size: 32px; color: black; margin-bottom: 40px; }
.fa01 .tL { margin-top: 30px; }
.fa01 .tL span { display: block; font-size: 14px; color: #999; }
.fa01 .tL h2 { font-size: 22px; display: inline-block; }
.fa01 .fL>img { width: 100%; margin-bottom: 16px; }
.fa01 .fL .tC span { display: block; font-size: 14px; color: #999; }
.fa01 .fL .tC img { margin-top: 8px; }
.fa01 .fR {}
.fa01 .fR p { text-alignS: justify; display: inline-block; font-size:16px; line-height: 160%;}


.fb01 table { border-top: 1px solid #e3e3e3; margin-top: 40px; }
.fb01 table th, .fb01 table td { padding: 24px 40px; border-bottom: 1px solid #e3e3e3; }
.fb01 table th { background: #f5f5f5; color: #444; }

.entBox { width: 100%; padding: 30px; background: #fbf9f9; }
.entBox h5 { padding-left: 22px; position: relative; color: #444; margin: 24px 0 8px 0; }
.entBox h5:first-child { margin-top: 0; }
.entBox h5::before { content: ''; background: url('../img/ico_tit2.png'); width: 13px; height: 13px; position: absolute; top: 6px; left: 0; }
.entBox h5 span { font-weight: normal; font-size: 14px; color: #999; padding-left: 8px; }

.ag01 .w100 { background: url('../img/img_aabg.jpg') 50% 50% no-repeat; padding: 140px 0 90px 0; color: white; text-align: center; }
.ag01 .w100 h2 { font-size: 32px; }
.ag01 .w100 p { margin-top: 30px; display: block; }

.ba01>.w100 h1 { font-size: 48px; color: #444; line-height: 1.2; }
.ba01>.w100 b { font-size: 26px; margin: 16px 0 40px 0; display: block; }
.ba01>.w100 img {border-radius:20px; display: block; }
.ba01 p{font-size:18px;}
.ba01 ul.a{}
.ba01 ul.a li{padding:8px 0;}
.ba01 ul.a .stit{background-color:#ffeeee; margin-right: 16px; color: #f43238; border-radius: 4px; width:60px; display:inline-block; text-align: center; padding:4px 10px;}

.ba01 ul.ep{margin-top:64px;}
.ba01 ul.ep li{width:300px; float:left; margin-right: 40px; padding:0; border: solid 1px #e8e8e8; border-radius: 12px; overflow:hidden;}
.ba01 ul.ep p{}
.ba01 ul.ep p.tit{font-size:20px; font-weight:400; padding:10px 16px;}
.ba01 ul.ep p.pri{padding:4px 16px 20px 16px;}
.ba01 ul.ep p.pri .stit{background-color:#ffeeee; margin-right: 16px; color: #f43238; border-radius: 4px; width:60px; display:inline-block; text-align: center; padding:2px 6px;}


.bat01 { width: 100%; position: relative; border-top: 2px solid #f43238; }
.subtit4 { position: relative; font-size: 24px; color: #444; font-weight: bold; background: url('../img/img_ba02.jpg') 0 50% no-repeat; padding-left: 20px; margin: 0 0 30px 0; }
.subtit4 span{ font-size:14px; color: #999; font-weight: normal;}
.bat01 th, .bat01 td {padding: 40px 0; font-size:15px; line-height: 160%;  border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; min-height: 100px; }
.bat01 th:last-child, .bat01 td:last-child { border-right: 0; }
.bat01 th { background: #fff9f7; color: #222; font-weight: bold;}
.bat01 th b { font-weight: bold; color: #666; }
.bat01 td span.red { font-size: 14px; color: #f43339; }
.bat01 td ul{}
.bat01 td li{ margin-left: 10px; padding: 4px 0 4px 10px;  list-style-image: url('../img/list_bulet.png') 0 50% no-repeat;}

.bb01 .imgBox.w48 { border: 1px solid #efefef; }

.bc01 .subtb01 th { width: auto; }

.mow80 { width: 80% !important; }

.car {width: 100%; position: relative; }
.car .btop {margin-bottom: 80px;}
.car ul{}
.car li{width:33%x;}
.car li.a{margin-right:40px;}


@media screen and (min-width: 2000px){
    .subvisu { height: 700px; }
    .m02 .wrapper { padding: 100px 0; }
}

@media screen and (max-width: 1700px){
    .lineheader { display: block; }
    /* .header .allham, .header .userBtn, .header .topsns { display: none; } */

    /* #Slider { top: -130px; } */
}

@media screen and (max-width: 1300px){
    .wrapper {width:100%; min-width:320px; padding:0 15px;}
    .header .logo {left:15px;}
    .gnb_all_bg .wrapper .mY {width:30%; margin-left:2%;}

    .gnb .gnb_1a { width: 136px; }
    .pic_lt .botit {height: 78px; display: inline-block;}

    .mquick, #gnb { display: none; }
    .slick .slick-prev { left: 40px; }
    .slick .slick-next { right: 40px; }
    .hide_Bg { display: none; }
    .hide_manu { width: 100%; }
    .closeBtn { right: 0; }
    .hide_manu.mY { top:50%; left:50%; transform:translate(-50%, -50%);}
}

@media screen and (max-width: 1180px){
    .bnrwrap a {font-size:14px;}
    .grid-sizer,
    .grid-item {width:50%; padding-right:2%;}
    .grid-item.end {padding:0 0 0 2%;}
    .grid-item span {width:auto;}

    .tabL .year {position:relative; top:0; left:0; }
    
    .uly {padding:30px 0 0 0px;}
    .uly li {margin-bottom:20px;}

    .header .logo { width: 180px; }
    .gnb .gnb_1ul { padding-left: 200px; }
}

@media screen and (max-width:950px){

    .ftwrap {text-align:center;}
    .ftwrap .logowrap {display:block; margin:0 0 30px 0;}
    .ftwrap .ftlink {display:inline-block;}
    .ftwrap .login {display:none;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    
    .lnb {display:none;}

    .lineheader { display: none; }
    .header .userBtn { display: block; }
    .hide_manu { width: 100%; }
    .hide_manu>li {padding: 80px 22px 0 22px;}
    .hideclose { display: inline-block; }
    .mainclose { display: none; }
    .btn_gnb, .btn_gnb_close { top: 0; right: 0; }
    
    .step>div { width: 31%; margin-right: 2%; margin-bottom: 16px; }
    .step h5, .step span { display: none; }
    .step>div::after { right: -11px; top: 17px; }
    .step b { padding: 1px 9px; }
    .ab02 label { font-size: 15px; }
    .entable th, .entable td { padding: 10px 14px; }
    .entable input[type="text"], .entable select { width: 80%; }
    .dmb10 { margin-bottom: 10px; }
    .entable .ml5 { margin-left: 0 !important; }
    .subtit b { margin: 0; }
    .entable.row th { padding: 10px 24px; }
    .filebox label { display: block; }
    .ag01 .w100 { padding: 140px 20px 90px 20px; }
    .ag01 .w100 h2 { font-size: 20px; }
    .aa01>.w33 { width: 100%; }
    .aa02 img {    margin-top: 24px;}
    .aa01 .fL {height: 280px;}

    .mdB { display: block; }
    .dN {display:block;}

    .slicktext .dI { display: none; }

    .allham { display: none; }
    .mgnb { background: url('../img/hamBg.jpg') 50% 50% no-repeat; }
}

@media screen and (max-width:950px){
    body {font-weight:normal; font-size: 15px; }

    #hd_pop {width:100% !important;}
    .hd_pops {top:0px !important; left:0 !important;}
    .hd_pops_con {height:auto !important;}

    .ftwrap .ftbox span {display:block;}
    
    .slick {height:520px;}
    .slick .slickbox {height:520px;}
    
    .subvisu {height:250px;}
    .subvisu .titwrap h2 {font-size:26px; text-shadow:none;}
    
    .container {padding:20px 0 80px 0; margin-top: -80px; }
    .slicktext strong { font-size: 34px; margin-bottom: 10px;    line-height: 1; font-weight: 900; margin-top: 20px; }
    .slicktext { font-size: 16px; }

    .dpnone { display: none !important; }

    .header .userBtn { display: none; }
    .lat li { padding: 24px 22px; }
    .lt_info {float: none;}
    .countdown { padding: 10px; }
    .countdown>div { padding: 8px; }

    .pic_lt li { width: 100%; display: none; }
    .pic_lt li:first-child { display: block; }
    .pic_lt li::after { display: none; }
    .pic_lt .lt_more { top: -70px; }

    .mft { word-break: keep-all; font-size: 12px; text-align: center; }
    .mft a { padding: 0 4px; }
    .mft a::after { display: none; }

    .bgtext { padding: 30px 26px; }
    .bgtext h1 { font-size: 26px; margin-bottom: 18px; }

    .brdB { display: none !important; }
    .modB { display: block; }
    .modN { display: none; }

    .mbskin { margin: 0 auto !important; width: 100%; }

    .gall_row .col-gn-4 { width: 50% !important; }
    .gall_img { height: 142px !important; }
    #bo_gall .gall_li { height: 290px;}

    .fb01 .fR img { object-fit: cover; width: 100%; }

    .countdown { width: 100%; }

    .slicktext h5 b {     font-size: 36px; }
    .slicktext h5 { font-size: 22px; }
    .slick-arrow {bottom: 10px; top: unset;}

    .m01 .tI { padding: 0 13px; }
    .m01 .tI h5 { font-size: 18px; }
    .m01 .tI h5 b { font-size: 36px; }
    .m01 .tI h1 { font-size: 46px; font-weight: 900; }
    .m01 .tI>span { font-size: 42px; font-weight: 900; }
    .countdown span { font-size: 14px; }
    .m01 .tC { font-size: 15px; }
    .m01 .tC b { font-size: 18px; }
    .m02 .w100 .w50 { width: 100%; margin-bottom: 80px; }
    .m02 .w100::before { display: none; }
    .m02 .w100 .w50 span { margin: 40px 0; }
    .m03 .w40, .m03 .w60, .m03 .w30, .m03 .w70 { width: 100%; }
    .m03 .pL80 { padding-left: 0; }
    .m03 .wrapper { padding: 150px 13px; }
    .m03 h1 { font-size: 24px; }
    .subtb01 th, .subtb01 td {padding: 20px 13px;}

    .ftbox .w30 { width: 100%; }
    .ftbox .w70 { display: none; }

    i.dB { display: none; }

    .lnbwrap { margin: 0;  }
    .subvisu .wrapper3 { padding-left: 20px; }
    .aa01 .w31 { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .ba01>.w100 h1 { font-size: 26px; margin-top: 20px; }
    .ba01>.w100 b { font-size: 18px; }
    .ba01 .mt20 { margin-top: 60px; }
    .subUl li div:first-child { width: 100%; margin-right: 0; }
    .subUl li div:last-child { width: 100%; }
    .bb01 .w48 { width: 100%; }

    .provision .oH .fR { float: left; margin-top: 12px; text-align: left; }
    

    /*참가신청*/
    .tbl_head01 thead th:nth-child()
    #daum_juso_pagemb_zip { position: absolute !important; }
    input[type=text].w50 { width: 100%; }
    input[type=text] { width: 100%; }
    #bo_w .subtit {margin: 40px 0 20px 0;}
    #bo_w .subtit, .view .subtit { font-size: 18px; }
    #bo_w .subtit::before, .view .subtit::before { top: 4px; }
    .ac01 select { width: 80%; margin-left: 0; }
    .add button { width: 100%; float: none; margin: 10px 0 0 0; }
    .email select { margin: 10px 0; width: 100% !important; }
    .email .ml5 { margin: 0 !important; }
    .email .dmb10 { width: 80%; }
    .topBtn { top: -40px; }
    #bo_list_total { margin-bottom: 20px; }
    .Btn button {width: 48%;}
    .ag01 .mt100 { margin-top: 0px !important; }
}

@media screen and (max-width:700px){
        .step>div::after { display: none; }
}