@charset "utf-8";
/* base */
body {font-family:"나눔고딕",NanumGothic, sans-serif; font-size:12px; color:#555;background:#ddf0ff;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, br {margin: 0; padding: 0; border:0;}

input, select { font-family:dotum, "돋움", sans-serif; font-size:12px; color:#555; margin:0; padding:0;border: 1px solid #ddd;height: 27px;}

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

a { text-decoration:none; color:#353535; cursor:pointer;/* float: right; */}
a:hover { /* color:#000; */}
input[type=button] { text-decoration:none; cursor:pointer;}

.Hidden {overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute; padding:0 !important;}

.Clear {clear:both;}

.floatL {float:left !important;}
.floatR {float:right !important;}

h1, h2, h3, h4, h5, h6, th, strong, b, dt {font-weight:normal;}

textarea, textarea:hover, textarea:active, textarea:visited { font-family:dotum, "돋움", sans-serif; color:#555; font-size:12px; padding:10px; margin:0;border: 1px solid #ddd;height: 27px;}
 
/* IE7 IE8 */

@font-face {font-family:"나눔고딕"; font-style:normal; font-weight:normal; src:url(../../font/2021/NanumGothic.eot);}
@font-face {font-family:"나눔고딕B"; font-style:normal; font-weight:bold;  src:url(../../font/2021//NanumGothicBold.eot);}
@font-face {font-family:"나눔고딕EB"; font-style:normal; font-weight:bold; src:url(../../font/2021/NanumGothicExtraBold.eot);}
/* NanumGothic */
@font-face {font-family:"나눔고딕"; font-style:normal; font-weight:normal; src:url(../../font/2021/NanumGothic.woff) format('woff');}
@font-face {font-family:"나눔고딕B"; font-style:normal; font-weight:bold; src:url(../../font/2021/NanumGothicBold.woff) format('woff');}
@font-face {font-family:"나눔고딕EB"; font-style:normal; font-weight:bold; src:url(../../font/2021/NanumGothicExtraBold.woff) format('woff');}

#SkipNavi { position:absolute; top:0; left:0;}
#SkipNavi a { margin-top:-50px; position:absolute; display:block; font-size:11px; padding:2px 4px; background:#003366; color:#fff; white-space:nowrap; }
#SkipNavi a:focus, #Header #SkipNavi a:active { margin-top:0;}

.content{max-width: 1400px;width: 100%; margin:0 auto;background: #f8fff8 url(../../images/2021/imgback.png) no-repeat 0 -100px;background-size: 100%;overflow: hidden;position: relative; } 
.content::after{content: ""; display: block; width: 100%; height: 1000px;background: #36a38e;position: absolute;bottom: 0;}
.content h1{padding-top: 20px;padding-left: 20px;}
.content h2{padding-top: 225px; margin: 0 auto;display: block; text-align: center;} 
.content .date{font-size: 20px; font-weight: 600; text-align: center;  background: #fff; width: 40%; border-radius: 50px; line-height: 40px; margin:30px auto}
.content .date .datetitle{ border-right: 2px solid #17826f; padding-right: 10px; color: #000;}
.content .date .datecon{padding-left: 10px;color: #000;}
.content .enrollment{display: flex;justify-content: space-between; margin-top: 100px;}
.content .enrollment li{width: 100%; text-align: center;font-size: 16px;}
.content .enrollment li a{display: block; padding-bottom: 10px;}
.content .enrollment li span{border-radius: 20px; background:#e7f1e6;width: 200px;display: block; padding: 10px 0;margin: 0 auto;font-weight: 600;color: #000;}
.content .enrollment li:nth-child(1){border-right:1px dashed #ddd;}
.content .enrollment li:nth-child(2){border-right:1px dashed #ddd;}

.content .box{background: #fff;box-shadow:0px 0px 6px 0px #024f1b; padding: 50px; max-width: 1200px;margin: 50px auto;overflow: hidden;display: flex; flex-wrap: wrap;position: relative;z-index:2;}
.content .box h3{background: #249a82 url(../../images/2021/bullet01.png) no-repeat 10px center; color: #fff; font-weight: 600; display: block; padding-left: 40px; border-radius: 10px; font-size: 18px; line-height: 40px; width: 120px;text-shadow:0px 0px 4px #0d4237;}
.content .yellowbox::before{content:""; background: url(../../images/2021/boldA.png) no-repeat 0 0; width: 20px; height: 30px; margin-left: -9px; position: absolute; top: 0;}
.content .yellowbox{font-size: 16px;font-weight: 600;background: url(../../images/2021/boldC.png) repeat-x 0 0; color: #000; height: 30px; display: inline-block; margin-left: 10px; position: relative; line-height: 30px; margin-top: 10px;}
.content .yellowbox::after{content:""; background: url(../../images/2021/boldB.png) no-repeat 0 0; display:inline-block; width: 20px; height: 30px; position: absolute; top: 0; right: -19px;}
.content .graybox{margin-top: 5px;background: #f6f6f6; overflow: hidden;padding: 8px; border-radius: 15px;width: 85%;}
.content .graybox dt{float: left; width: 50px; height: 50px;font-size: 14px;margin-top: 5px;}
.content .graybox dd:nth-child(odd){float: left; width:30%;font-size: 14px;line-height: 25px;} 
.content .graybox dd:nth-child(even){float: left; width:50%;font-size: 14px;line-height: 25px;} 
.content .graybox dd::before{content:"·";margin-right: 5px;}
.content .box .conbox{width: 50%; margin-bottom: 30px;}
.content .bold{font-size: 16px; font-weight: 600; color: #000;margin-top: 10px;word-break: keep-all;}
.content .basic{margin-top: 10px; width: 90%;}
.content .basic li{font-size: 14px; line-height: 30px;position: relative;padding-left:8px;word-break: keep-all;}
.content .basic li::before{content: "·"; position: absolute; top:0px;left: 0;font-size:16px;}
.content .boldred{font-size: 16px;  color:#dd3030;margin-top: 10px;word-break: keep-all;}
.content .awordtable{width: 100%; border-collapse:collapse; margin-top: 10px;font-size:16px;}
.content .awordtable thead{background: #ffe27f;}
.content .awordtable thead th{font-size: 16px; color: #000;line-height: 30px;}
.content .awordtable thead th:nth-child(1){border-bottom-left-radius: 30px;border-top-left-radius:30px;}
.content .awordtable thead th:nth-child(3){border-bottom-right-radius: 30px;border-top-right-radius:30px;}
.content .awordtable tbody td{border-bottom: 1px solid #e6e6e6;vertical-align: middle;padding:15px 0}
.content .awordtable tbody .aword1{background: url(../../images/2021/award01.png) no-repeat 20px center; text-indent:50px;}
.content .awordtable tbody .aword2{background: url(../../images/2021/award02.png) no-repeat 20px center; text-indent:50px;}
.content .awordtable tbody .aword3{background: url(../../images/2021/award03.png) no-repeat 20px center; text-indent:50px;}
.content .awordtable tbody td:nth-child(2){text-align: center;}
.content .boxalign{margin-top: -120px;}
.content .btngroup{display: inline-block; margin-left: 15px;}
.content .btn_down{padding: 0px 27px 0px 7px ; background:#f1f1ee url(../../images/2021/down.png) no-repeat center right 8px;border-radius: 10px;display: inline-block;}
.content .call{background: url(../../images/2021/call.png) no-repeat 0px 2px; padding-left: 25px;}
.content .mail{background: url(../../images/2021/mail.png) no-repeat 0px 3px; padding-left: 25px;}
.footerlogo{ z-index: 3;position: relative;text-align: center;margin-bottom: 25px;}   

@media (max-width: 1023px) {
    .content .box .conbox{width: 100%;}
    .content .boxalign{margin-top: 0px;}
    .content .date{width: 80%; }
    .content .box{padding: 10px;}
    .content{background: #f8fff8 url(../../images/2021/imgback.png) no-repeat 0 -0px;background-size: 100%; } 
 }
 @media (max-width: 800px) {
    .content .box h3{font-size: 15px;width: 110px;}
    .content h2{padding-top: 12%;}
    .content h2 img{width:80%;}
    .content .box{padding: 10px;}
    .content .enrollment li span{width: auto;background: none; font-size: 14px;}
    .content .enrollment li{background-size:70%;}
    .content .enrollment{margin-top: 40px;}
    .content h1 img{width: 30%;}
    .content .bold{font-size: 14px;}
    .content .boldred{font-size: 14px;}
    .content .basic{width: 100%;}
}
@media (max-width: 600px) {
    .enrollment li img{width: 70%;}
}
  
@media (max-width: 500px) {
    .content .yellowbox{font-size: 12px;}
    .content .graybox dd:nth-child(odd){float: none; width:80%;} 
    .content .graybox dd:nth-child(even){float: none; width:80%;} 
    .content .graybox dt {width: 50px; height: 100px;}
    .content .graybox{width: 100%;}
    .content .awordtable tbody td{font-size: 14px;}
    .content .awordtable tbody .aword1 {background: url(../../images/2021/award01.png) no-repeat 10px center;text-indent: 35px;}
    .content .awordtable tbody .aword2{background: url(../../images/2021/award02.png) no-repeat 10px center; text-indent: 35px;}
    .content .awordtable tbody .aword3{background: url(../../images/2021/award03.png) no-repeat 10px center; text-indent: 35px;}
    .content .btngroup{margin-left: 0;}
    .content .date {width: 90%;}
    .content .date .datetitle {font-size: 15px;}
    .content .date .datecon{font-size: 15px;}
 }

/* html 에 있던거  */
#box {/* float:left; */width:760px;padding:0px 20px 20px 20px;background: #ddf0ff;margin: 0 auto;}
#box p {text-align:right;font-family:'나눔고딕B',NanumGothicBold, sans-serif;color:#36393b;margin-top:15px;width:100%;}
#box h2 {/* float:left; */width:100%;text-align:center;margin-top:30px;margin-bottom:15px;font-family:'나눔고딕B',NanumGothicBold, sans-serif;color:#36393b;font-size: 22px;}
.Table01 { border-collapse:collapse;width:100%;border-bottom-style:inset;}
.Table01 caption {display:none;}
.Table01 thead th {border-left:1px #99a2c9 solid; background-color: #2869b7; /* height:30px; */ border-bottom: #2869b7 solid 1px; border-right: #2869b7 solid 1px; font-weight:bold; text-align:center;color:#fff;padding-left:10px;font-size: 14px;line-height: 31px;position: relative;}
.Table01 thead th span {font-size: 10px}	
.Table01 thead th.LI {border-left:0px;}
.Table01 tbody th { border-bottom:#d2d2d2 solid 1px; border-left:#d2d2d2 solid 1px; background-color:#f8f8f8;border-right:#d2d2d2 solid 1px; text-align:center;padding:5px 7px; font-weight:normal;}
.Table01 tbody th span {display:block;clear:both;}
.Table01 tbody td { background-color:#fff; border-bottom:#d2d2d2 solid 1px;border-left:#d2d2d2 solid 1px; border-right:#d2d2d2 solid 1px; height:30px;padding:10px; font-weight:normal;/* position: relative; */}
.Table01 tbody th.TBold {font-weight:bold;color:#395cac;background:#ebeef2;text-align:center;}
.Table01 tbody th.TBoldL {font-weight:bold;color:#395cac;background:#ebeef2;text-align:left;padding-left:10px;}

.pri {/* float:left; *//* clear:both; */line-height:17px;}
.pri .pri_box h3 {float:left;width:100%;font-family:'나눔고딕B',NanumGothicBold, sans-serif;color:#333;}
.pri .pri_box input {vertical-align:middle;}
.pri .pri_box {/* float:left; */width:720px;height:200px;background:#fff;border:1px solid #d2d2d2;overflow-y:scroll;padding:20px 15px 0px 15px;}
.pri .pri_box ul {float:left;width:640px;margin-top:10px;border:1px solid #d2d2d2;padding:10px 12px;}

.pri .pri_box ul li {float:left;text-align:left;margin-bottom:7px;background:url(/ext/contest/images/2021/br.png) no-repeat 0 4px;padding-left:8px;}
.pri .pri_box ul ul li {background:url(/ext/contest/images/2021/br1.png) no-repeat 0 7px;padding-left:8px;}
.pri .pri_box ul ul {float:left;margin-top:3px;margin-left:5px;width:600px;border:0px;padding:0px;}
.pri_box p {font-family:'나눔고딕B',NanumGothicBold, sans-serif;color:#36393b;float:right;padding-bottom:20px;margin-top:0px;}

.buttonPng {}

.textCenter {text-align: center}
.textCenter input{text-align: center}

.textCount {width:20px;border:none; text-align: center;}

.btn_add{position:absolute;right:5px;top: 3px;display: inline-block;color: #fff;background: #063e80;padding: 0px 16px;border-radius: 5px;line-height: 27px;}
.btn_add2{position:relative;display: inline-block;color: #fff;background: #063e80;border-radius: 5px;line-height: 27px;font-size: 14px;width: 100%;text-align: center;font-weight: 600;}

.BtnGroup{margin-top:15px;}
.btn_enter{background:#063e80;color:#fff; padding:5px 20px; border-radius:20px;border:none;font-size:15px;cursor: pointer;}
.btn_del{background: #2f2f2f;color:#fff; padding:5px 20px; border-radius:20px;border:none;font-size:15px;cursor: pointer;}