@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url(https://example.com/material-symbols.woff) format('woff');
}
/*font-family: 'Material Symbols Outlined';*/




*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; scroll-behavior: smooth;} 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none;word-break:keep-all; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body { line-height:1.5; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important; overflow-x:hidden; font-size:16px; font-weight: 400; color:#000} 

ul,li,ol,dl,dd,dt{list-style:none; word-break:keep-all; line-height:1.5}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px; border-collapse:collapse; border-spacing: 0;}
td,th{-ms-word-break:keep-all; word-break:keep-all; vertical-align: middle;}

a{display:inline-block; cursor: pointer; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important;}
img{border:0; max-width:100%; display:block;}

button{cursor:pointer; border: 0; outline: none; box-shadow:none; background-color: transparent; font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit; text-decoration:none;}
a img, input {border:none;}
strong, b{font-weight:500}
span, a, strong, b{display:inline-block;}

form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type="button"] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px}

.g-font{font-family: 'GmarketSans', sans-serif !important;}

.flex{display:flex; flex-wrap:wrap}
.flex-center{display:flex; flex-wrap:wrap; align-items:center;}
.flex-side{display:flex; flex-wrap:wrap;justify-content: space-between;}
.flex-column{display:flex; flex-flow:column;}
.wrap{width:90%; max-width:1400px; margin:0 auto}
.wrap1200{width:90%; max-width:1200px; margin:0 auto}
.wrap7{width:90%; max-width:1700px; margin:0 auto}
.p120{padding:120px 0 !important}
.pd0{padding:0 !important}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}


.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}


.form-check-input{margin-top:0 !important}
input[type='radio'], input[type='checkbox'] {width: 15px; height: 15px; cursor:pointer; margin-right: 5px;  border-color:#ccc !important;  border-style: solid;  border-width: 1px;  box-shadow: 0 !important;  border-radius: 3px;}
input[type='text'], input[type='tel'], input[type='password'], select {margin: 0px;	background: none;	/*display: block;*/	height: 45px !important;	padding:0 10px !important;	font-size: 17px;	font-weight: 400;	line-height: 1.5;}
input[type=file] {min-height: calc(1.5em + 1rem + 2px);padding: 0.5rem 1rem;border-radius: 0.3rem;}
input::placeholder {font-family: 'Outfit', 'Pretendard', 'Noto Sans KR', sans-serif !important; color:#555;  font-weight:300 !important; font-size:15px}
label{cursor:pointer}


.confest-hd{width:100%; height:100px;}
.confest-hd .wrap1200, .confesta-logo{height:100%}
.confesta-logo img{height:80px;}


.confesta{ background:#e6f4dc; padding:50px 60px; border-radius:30px}
.confesta-text h1{font-size:42px; line-height:1.3; font-weight:700; margin-bottom:30px; color:#295e00}
.confesta-text ul{padding:0 !important; margin:0 !important}
.confesta-text ul li{padding-left:10px; position:relative; font-size:17px; line-height:1.3;}
.confesta-text ul li::before{content:''; display:block; width:3px; height:3px; background:#295e00; border-radius:0; position:absolute; top:10px; left:0;}
.confesta-text ul li:nth-child(n+2){margin-top:5px}
.confesta-text ul li a{color:#1f8c00; font-weight:700}
.confesta-text ul li a:hover{text-decoration:underline; text-underline-position : under; color:#295e00}
.confesta-text {width:calc(100% - 580px);}
.confesta-img{width:500px}
.fw400 label{font-weight:400; margin-right:2px}


.fes-tit{padding-left:13px; position:relative; line-height:1; font-size:22px; margin-bottom: 10px;}
.fes-tit::before{content:''; display:block; width:5px; height:5px; background:#295e00; position:absolute; top:9px; left:0}
.fes-tit .form-label{color:#295e00 !important; margin-bottom:0 !important}
.fes-tit span{font-size:14px; color:#dd0000; line-height:1.4; margin-left:10px}
.privacy-box{width:100%; height:200px; overflow-y:scroll; background:#f7f7f7; border-radius:10px; padding:30px;}
.privacy-box .inner {font-size:15px; color:#333; line-height:1.5;}
.privacy-box .inner b{font-size:16px; color:#000; margin-bottom:3px}
.agree-che{justify-content:center !important; margin-top:8px}
.agree-che label{font-weight:500; font-size:16px; line-height:1.4; }


.school label{display:none}
.school {width:calc(100%/2 - 5px)}
.school.w100 {width:100% !important; margin-top:8px}
.sc-txt{padding:0; margin:0; margin-top:10px;}
.sc-txt li{font-size:15px; line-height:1.3; color:#dd0000; padding-left:8px; position:relative}
.sc-txt li::before{content:''; display:block; width:3px; height:3px; border-radius:10px; background:#dd0000; position:absolute; top:8px; left:0}
.sc-txt li:nth-child(n+2){margin-top:3px}


.file-down{align-items:center; padding:0 !important; margin:0 !important}
.file-down li {width:calc(100%/5 - 8px)}
.file-down li a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#777; border-radius:5px; overflow:hidden; padding:18px 5px; position: relative; transform: translateZ(0); transition: color 0.3s ease;}
.file-down li a:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #555; content: ''; transform: scaleY(0); transform-origin: 100% 0;  transition: transform 0.3s ease-out;  z-index: -1;}
.file-down li a:hover:before, .file-down li a:focus:before, .file-down li a:active:before {  transform: scaleY(1);}
.file-down li a span{font-weight:300; margin-left:5px ;font-size:22px;color:#fff !important;}
.file-down li p {padding:0 !important; margin:0 !important; font-size:16px;color:#fff !important; line-height:1.2}


.ft-text{display:flex; flex-flow:column; align-items:center; margin-top:50px}
.ft-text dt{font-size:30px; text-align:center; color:#dd0000; font-weight:600}
.ft-text dd{font-size:20px; margin-top:10px; text-align:center;}
.ft-btn{display:flex; flex-flow:column; align-items:center}
.ft-btn > div{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.ft-button{width:48.5%; max-width:590px; overflow:hidden; line-height:80px; font-size:20px; color:#fff !important; border-radius:10px;  text-align:center; background:#f48337;  position: relative; transform: translateZ(0); transition: color 0.5s ease;}
.ft-button:hover{color:#fff; transition:.3s}
.ft-button:before{ position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #ff6b06; content: ''; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; z-index: -1;}
.ft-button:hover:before,
.ft-button:focus:before, 
.ft-button:active:before{transform: scaleX(1);  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.ft-button02{background:#aacc03}
.ft-button02:before{background:#95c10c}


.ft-btn ul{width:100%; padding:0; margin:0; margin-top:15px;}
.ft-btn ul li{font-size:16px; line-height:1.3; padding-left:8px; position:relative;}
.ft-btn ul li::before{content:''; display:block; width:3px; height:3px; background:#000; position:absolute; top:9px; left:0;}
.ft-btn ul li:nth-child(n+2){margin-top:4px}


.photolistwrap{display:flex; flex-flow:column; align-items:center; margin-top:70px}
.photolistwrap > div{width:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; }
.photolistwrap > div img{height:150px; border:1px solid #ddd; max-width:100% }
.cfes-sign{text-align:center; margin:50px 0; font-weight:700; font-size:24px; color:#295e00}


.flex-side .fes-con{width:49%}





@media (max-width: 1230px){
.confest-hd{ height:90px;}
.confesta-logo img{height:70px;}

.confesta{padding:40px 50px; border-radius:25px}
.confesta-text h1{font-size:37px; margin-bottom:20px; }
.confesta-text ul li{padding-left:10px; font-size:16px;}
.confesta-text ul li::before{ width:3px; height:3px; top:9px; left:0;}
.confesta-text ul li:nth-child(n+2){margin-top:5px}
.confesta-text {width:calc(100% - 450px);}
.confesta-img{width:400px}

.wrap1200.mt80{margin-top:70px !important}

.file-down li {width:calc(100%/5 - 5px)}
.file-down li a{padding:16px 3px; }
.file-down li a span{font-size:20px;}
.file-down li p {font-size:14px;}
}






@media (max-width: 1023px){
.confest-hd{ height:80px;}
.confesta-logo img{height:65px;}

.confesta{padding:30px 40px; border-radius:20px}
.confesta-text h1{font-size:30px; margin-bottom:16px; }
.confesta-text ul li{padding-left:8px; font-size:15px;}
.confesta-text ul li::before{ width:2px; height:2px; top:9px; left:0;}
.confesta-text ul li:nth-child(n+2){margin-top:3px}
.confesta-text {width:calc(100% - 300px);}
.confesta-img{width:280px}

.fw400{font-size:15px}
input[type='radio'], input[type='checkbox'] {width: 13px; height: 13px; margin-right:3px}
input::placeholder { font-size:14px}


.file-down li {width:calc(100%/3 - 8px)}
.file-down li:nth-child(4), .file-down li:nth-child(5){width:calc(100%/2 - 8px); margin-top:12px;}
.file-down li a{padding:18px 5px; }
.file-down li a span{font-size:22px;}
.file-down li p {font-size:16px;}


.ft-text{margin:60px 0;}
.ft-text dt{font-size:25px;}
.ft-text dd{font-size:18px; }

.cfes-sign{margin:60px 0; font-size:22px; }

.ft-button{width:49.2%; line-height:70px; font-size:18px; }

.ft-btn ul li{font-size:15px;}
.ft-btn ul li::before{ top:8px;}


}


@media (max-width: 800px){

.confesta{padding:40px 50px; border-radius:30px}
.confesta > div.flex{flex-flow: column-reverse;}
.confesta-text{margin-top:50px}
.confesta-text h1{font-size:30px; margin-bottom:16px; }
.confesta-text ul li{padding-left:10px; font-size:17px;}
.confesta-text ul li::before{ width:3px; height:3px; top:10px; left:0;}
.confesta-text {width:100%;}
.confesta-img{width:100%; max-width:500px;}


.wrap1200.mt80{margin-top:60px !important}
.fes-tit{padding-left:11px;font-size:20px;}
.fes-tit::before{width:4px; height:4px; top:10px;}
.fes-tit span{font-size:13px; margin-left:10px}
.privacy-box{height:180px; padding:20px;}
.privacy-box .inner {font-size:14px; }
.privacy-box .inner b{font-size:15px; }
.agree-che label{font-size:15px }

.school {width:calc(100%/3 - 3px)}
.school.w100 {width:100% !important; margin-top:6px}
.sc-txt{margin-top:7px;}


.ft-text{margin:50px 0;}
.ft-text dt{font-size:23px;}
.ft-text dd{font-size:17px; margin-top:8px }

.file-down li {width:calc(100%/3 - 3px)}
.file-down li:nth-child(4), .file-down li:nth-child(5){width:calc(100%/2 - 3px); margin-top:8px;}
.file-down li a{padding:16px 0px; }
.file-down li a span{font-size:20px;}
.file-down li p {font-size:14px;}

.photolistwrap > div img{height:140px;}
.cfes-sign{margin:50px 0; font-size:20px; }


.ft-button{width:49.5%; line-height:60px; font-size:17px; }

.flex-side .fes-con { width:100%}
.flex-side .fes-con.mt50 {margin-top:40px !important}

}






@media (max-width: 600px){
.confest-hd{ height:70px;}
.confesta-logo img{height:55px;}

.wrap1200.mt80{margin-top:50px !important}
.fes-tit{padding-left:10px;font-size:18px;}
.fes-tit::before{width:3px; height:3px; top:9px;}
.privacy-box{height:150px; padding:16px;}
.privacy-box .inner {font-size:13px; }
.privacy-box .inner b{font-size:14px; }
.agree-che > div.flex-center{align-items:flex-start; width:100%}
.agree-che label {font-weight:400; font-size: 14px; width: calc(100% - 20px); line-height: 1.2; margin-left: 5px;margin-bottom:2px}
.agree-che .form-check-input[type=checkbox] {margin-top:3px !important}

.confesta{padding:30px 30px; border-radius:25px}
.confesta-text{margin-top:25px}
.confesta-text h1{font-size:27px; margin-bottom:13px; }
.confesta-text ul li{padding-left:10px; font-size:15px;}
.confesta-text ul li::before{ width:3px; height:3px; top:9px; left:0;}
.confesta-img{max-width:450px;}

.fes-tit label{display: flex; flex-flow: column; align-items: flex-start;}
.fes-tit label span{margin-left: 0; margin-top:2px}

.fes-con.mt30{margin-top:20px !important}
.fw400{font-size:14px}
input[type='radio'], input[type='checkbox'] {width: 11px; height: 11px; margin-right:2px}
input[type='text'], input[type='tel'], input[type='password'], select { height: 40px !important; padding: 0 7px !important;}


.school {width:100%}
.school:nth-child(n+2){margin-top:6px;}
.sc-txt{margin-top:6px;}
.sc-txt li{font-size:14px; padding-left:7px; }
.sc-txt li::before{ width:2px; height:2px; top:8px}


.ft-text{margin:40px 0;}
.ft-text dt{font-size:21px;}
.ft-text dd{font-size:16px; margin-top:6px }


.file-down li, .file-down li:nth-child(4) {width:49%;}
.file-down li:nth-child(5){width:100%; }
.file-down li:nth-child(n+3){margin-top:8px !important}
.file-down li a{padding:14px 0px; }
.file-down li a span{font-size:20px;}
.file-down li p {font-size:15px;}


.photolistwrap > div img{height:130px;}
.photolistwrap > div p {font-size:15px;}
.cfes-sign{margin:40px 0; font-size:18px; }


.ft-button{width:100%; line-height:55px; font-size:16px; border-radius: 6px;}
.ft-button:nth-child(n+2){margin-top:8px;}



.ft-btn ul{margin-top:12px;}
.ft-btn ul li{font-size:14px; padding-left:6px;}
.ft-btn ul li::before{width:2px; height:2px;}
.ft-btn ul li:nth-child(n+2){margin-top:3px}
}




@media (max-width: 420px){
.confest-hd{ height:65px;}
.confesta-logo img{height:48px;}

.confesta{padding:20px; border-radius:20px}
.confesta-text{margin-top:20px}
.confesta-text h1{font-size:24px; margin-bottom:13px; }
.confesta-text ul li{padding-left:8px; font-size:14px;}
.confesta-text ul li::before{ width:2px; height:2px; top:8px; left:0;}

input::placeholder { font-size:13px}

.school:nth-child(n+2){margin-top:5px;}
.sc-txt{margin-top:5px;}
.sc-txt li{font-size:13px; padding-left:6px; }

.ft-text{margin:30px 0;}
.ft-text dt{font-size:19px;}
.ft-text dd{font-size:15px; margin-top:5px }

.file-down li, .file-down li:nth-child(4) {width:100%;}
.file-down li:nth-child(n+2){margin-top:6px !important}
.file-down li a{padding:13px 5px; }
.file-down li a span{font-size:20px;}
.file-down li p {font-size:14px;}


.photolistwrap > div p {font-size:14px;}
.cfes-sign{margin:30px 0; font-size:16px; }

.ft-button{line-height:50px; font-size:15px; }
.ft-button:nth-child(n+2){margin-top:5px;}
}






@media print {
html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; margin: 0mm 0mm 0mm 0mm; /* margin: auto auto; 로 자동 여백 설정도 가능 */}
.confest-hd{margin-top:30px;}
.confesta {padding: 30px 40px;    border-radius: 15px;}
.confesta-text {    width: calc(100% - 320px);}
.confesta-text h1 {    font-size: 26px; margin-top:-30px !important; padding-top:0 !important}
.confesta-img {    width: 300px;}
.flex-side .fes-con { width:49% !important}
.flex-side .fes-con.mt50 { margin-top:40px !important}
#contest_print {  border-radius: 0px;  border: none;  box-sizing: border-box;    padding: 0;}
.confes-con{display: flex !important;   flex-wrap: wrap !important;   align-items: center !important;   justify-content: space-between !important;}
.confesta > div.flex {flex-flow: row !important;}
#header, .sub_visual, .utility_wrap, footer, .btn_wrap, .ft-btn {display:none}
@page { margin: 0}
}