/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

#wrap{position:relative;width:100%;font-size:18px;margin:0 auto;font-size:18px;}
#wrap {

  background-image: url("../images/bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.contents {background-color:none !important;color:#fff}

#main{}
#main .container{max-width:1145px;width:100%;height:100%;border:0px solid #000}
#main .container .row{padding:5% 20px 20%;border:0px solid #000;position:relative;}
#main .container .row h3{width:100%;text-align:center;margin-bottom:150px}
#main .container .row h3 img{max-width:200px;width:80%}
#main .container .row h1{font-size:3.5em;font-weight:800;display:block;width:100%;text-align:center}
#main .container .row h1 img{max-width:570px;width:100%;}
.row a.regibtn{font-size:1.6em;font-weight:500;padding:10px 10px;display:inline-block;font-weight:700;max-width:250px;width:100%;background-image: linear-gradient(to right, #bfdaff , #7fbdff);margin:0 auto;margin-top:85px;text-align:center;border-radius:50px}

.clearfix{clear:both}

.contents .container{padding:80px 0;max-width:1200px;width:100%;border:0px solid #000}
.greeting .container .row h2{font-size:2.0em;text-align:Center;margin:0 auto;display:block;width:100%;font-weight:700;margin-top:30px}
.greeting .container .row p{font-size:1.6em;text-align:center;margin:0 auto;margin-top:60px;display:block;width:100%;}
.greeting .container .row img{margin:0 auto;margin-top:60px;display:block;}
.greeting .container .row h4{font-size:1.5em;text-align:Center;margin:0 auto;display:block;width:100%;margin-top:30px}
.greeting .container .row h4 strong{font-size:1.3em}
.greeting .container .row h5{font-size:1.3em;text-align:Center;margin:0 auto;display:block;width:100%;margin-top:30px;font-weight:400}

.contents .container .row {text-align:center !important}
.contents .container .row dt{font-size:2.2em;text-align:center;border:0px solid #000;margin-bottom:50px}

.agenda{}
.agenda .container .row table{width:100%;border-top:3px solid #fff;border-bottom:2px solid #fff}
.agenda .container .row td.time{width:20%;border-left:0px;text-align:center}
.agenda .container .row td{text-align:left;padding:0px 15px;font-size:1.3em;border-bottom:2px solid #fff;border-right:0px;vertical-align:middle}
.agenda .container .row td h6{font-size:1.1em;margin-bottom:0px}
.agenda .container .row  p{font-size:1.3em;text-align:center;margin:0 auto;margin-top:20px;display:block;width:100%;}

.linecell{border:4px solid #7fbdff;border-radius:30px;padding:0% 5% 5% 5%;background-color : rgb(14,48,109,0.5);}
.linecell > dt{background-color:none;display:inline-block !important;margin:0 auto;margin-top:-35px;color:#7fbdff;padding:0 !important;}
.linecell > dt img{max-width:340px;width:70%}


.map{}

.map .container .row h3{font-size:2.0em;padding:10px;width:100%;text-align:center;}
.map .container .row .map_box{padding:0%;border-radius:0px 0px 0px 0px;text-align:center}
.map .container .row .map_box h4{font-size:1.0em;border-bottom:3px solid #7fbdff;display:inline-block !important;;padding:10px 0;margin:0 auto;color:#7fbdff}
.map .container .row .map_box h4 b{font-size:1.2em}
.map .container .row .map_box > img{display:Block;margin:0 auto;max-width:911px;width:100%;margin-top:30px;margin-bottom:30px}
.map .container .row .map_box ul.mp li{font-size:1.10em;padding:0px;padding-left:15px;;text-align:left;color:#bebebe}
.map .container .row .map_box ul.mp li b{margin-left:-15px}
.map .container .row .map_box ul.mp li span{font-size:0.8em}
.map .container .row .map_box h6{font-size:1.2em;margin-top:40px;margin-bottom:10px;text-align:left;color:#7fbdff}
.map .container .row p{font-size:1.2em;text-align:center;margin:0 auto;margin-top:60px;display:block;width:100%;color:#bebebe}

.map .container .row .map_box .btnbox{width:100%;bordeR:0px solid #000;margin-top:30px;margin-bottom:10px}
.map .container .row .map_box .btnbox .bigbtn{background-color:#ff0000;max-width:350px;width:90%;margin:0 auto;color:#fff;display:block;text-align:Center;font-size:1.4em;padding:10px 20px 10px;border-radius:50px}
.map .container .row .map_box .btnbox .bigbtn img{max-width:191px;width:80%;display:inline;margin:0;padding:0}


.faq{}
.faq .row > dt{margin:0 auto;margin-top:0px;padding:0 3px;color:#7fbdff}

.faq .container .faqbox{width:100%;;text-align:left}
.faq .container .faqbox ul{border-top:3px solid #7fbdff;border-bottom:3px solid #7fbdff}
.faq .container .faqbox ul li{border-bottom:1px solid #d7d7d7;color:#fff !important;text-align:left}
.faq .container .faqbox ul li dt{font-size:1.4em;font-weight:bold;padding:15px 0;position:relative;text-align:left !important;margin-bottom:0px;padding:20px 10px}
.faq .container .faqbox ul li dt .arw{position:absolute;right:0}
.faq .container .faqbox ul li .answer{display:none;padding:5px 10px 5px;font-size:20px;color:#fff !important}
.faq .container .faqbox ul li .answer  h6{font-size:1.0em;margin-top:5px;border-bottom:1px solid #ccc;display:inline-block;font-weight:bold}
.faq .container .row p{font-size:1.0em;text-align:left;margin:0 auto;margin-top:20px;display:block;width:100%;padding-left:10px}




footer{background-color:#111111;color:#f7f6f5;padding:10px 0 0}
footer .container{max-width:1920px;width:100%;padding:0;}
footer .container .row{padding:20px 0;max-width:1350px;width:100%;border:0px solid #000;margin:0 auto}

footer .line{border-top:1px solid #787c87}

footer .container h5{font-size:1.2em;color:#f7f6f5;font-weight:600;line-height:28px}
footer .container h5 > span{font-size:0.8em;color:#f7f6f5;display:inline-block;padding-top:3px;font-weight:300 !important}
footer .container .row > span{font-size:0.8em;color:#f7f6f5;display:block;;padding-top:5px;width:100%;}

footer .line .row .left{font-size:0.9em;padding:0;margin:0;padding-top:10px}
footer .line .row .right{text-align:right}
footer .line .row .left span{display:inline-block;padding-right:10px}
footer .line .row dd{font-size:0.9em;margin-bottom:5px;}

form{width:100%;}

.register{;position:relative;z-index:10;}
.register .container{border:0px solid #000;max-width:1500px;width:100%;padding:110px 20px 80px}
.register .container .row{border:0px solid #000;width:100%;}
.register .container .row > h5{font-size:1.4em;width:100%;display:block;text-align:center;margin-bottom:40px;color:#ff0000;}
.register ul.regi_form{display:block;padding:0;margin:0;width:100%;}
.register ul.regi_form li{padding:10px;margin:0;float:left;width:50%;box-sizing:border-box;;border:0px solid #000}
.register ul.regi_form li:nth-child(odd){padding-right:0%}
.register ul.regi_form li:nth-child(even){padding-right:0%}
.register ul.regi_form li label{display:block;width:20%;float:left;text-align:left;padding-top:5px;padding-bottom:0px;font-size:1.0em;font-weight:600}
.register ul.regi_form li label b{font-size:13px;color:#cc0000}
.register ul.regi_form li span{display:block;width:80%;float:left;padding:0px;box-sizing: border-box;border:0px solid #000;}
.register ul.regi_form li input[type=text]{width:100%;background-color:#fff !important;  font-size:18px;padding:10px 5px;box-sizing: border-box;border:1px solid #ccc}
.register ul.regi_form li:after{display:block;content:"";clear:both;display:block}
.register ul.regi_form li .selbox{width:100%;background-color:#fff !important;  font-size:18px;padding:10px 5px;box-sizing: border-box;color:#000;border:1px solid #ccc;}
.register ul.regi_form li.wid100 label{display:block;width:50%;}
.register ul.regi_form li.wid100 span{display:block;width:50%;}

.register .container .row .btnbox{width:100%;bordeR:0px solid #000;margin-top:60px;margin-bottom:30px}
.register .container .row .btnbox .bigbtn{background-color:#535353;max-width:350px;width:90%;margin:0 auto;color:#fff;display:block;text-align:Center;font-size:1.8em;padding:10px 20px 10px;border-radius:15px}





.agree{text-align:left}
.agree  .agree_area{padding-top:0px;border-bottom:2px solid #2a2826;width:100%;text-align:left !important;color:#2a2826;margin-top:50px}
.agree  .agree_area h4{font-size:1.2em;display:block;border:0px solid #000;margin-bottom:10px}
.agree  .agree_area p{display:block;}
.agree  .agree_area h5{display:block;text-align:right;height:50px;font-weight:500;font-size:1.0em}


.agree .agree_box{padding:20px 0px;border-bottom:1px solid #ccc;width:100%;}
.agree .agree_box h5{font-size:1.1em;display:block;padding:10px 0 0 !important;position:relative;z-index:1;margin:0;border:0px solid #000}
.agree .agree_box ul.ab{display:block;z-index:9;border:1px solid #fff;margin-top:0px !important}

.agree .agree_box ul.ab li b{margin-left:-15px}
.agree .agree_box ul.ab li{padding:0 0 0 15px !important;font-size:0.9em;line-height:1.8em;border:1px solid #fff}
.agree .agree_box ul.ab li:after{content:"";clear:both;display:block}
.agree .ul_txt{text-align:right}

.agreebox{
    display:none;
}

input[type="checkbox"] + label {
    color:#f2f2f2;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px !important;
    height:20px;
    margin:2px 5px 0 0;
    vertical-align:middle;
    background:url('../images/checkbox.png') left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url('../images/checkbox.png') -20px top no-repeat;
}


.web{display:block !important}
.mobile{display:none !important}

.agenda .container .row table th  {border-bottom:3px solid #bedaff;border-top:3px solid #bedaff;margin:0%;text-align:left;font-size:1.2em}
.agenda .container .row table th .row{padding:15px 5px;margin:0.5%;text-align:left}
.agenda .container .row table th .row h6{font-size:1.2em;margin:0;padding:0;text-align:left;font-weight:600;color:#bedaff}
.agenda .container .row th.time{width:20%;text-align:left !important;vertical-align:middle;color:#bedaff;font-weight:600;padding:15px 5px;font-size:1.4em}
.agenda .container .row > dt{font-size:2.6em}
.agenda .container .row td.time{text-align:left}

.agenda .container .row table td .row {padding:20px 0;border-bottom:1px solid #bedaff;margin:0.5%}
.agenda .container .row table td .row dt{font-size:1.0em;margin:0;padding:0;text-align:left;font-weight:600}
.agenda .container .row table td .row dd{font-size:0.9em;text-align:left;font-weight:300}
.agenda .container .row table td .row .right dt{font-size:0.9em;}
.agenda .container .row table td .row .online{margin-top:15px}

@media only screen and (max-width: 1400px) {
.contents .container{padding:80px 30px;}
footer .container .row{padding:20px 30px;}

}

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

.register ul.regi_form li label{display:block;width:100%;}
.register ul.regi_form li span{display:block;width:100%;}
.register ul.regi_form li.wid100 label{display:block;width:100%;}
.register ul.regi_form li.wid100 span{display:block;width:100%;}

.agenda .container .row td dd{display:block;width:45%;margin-right:3%;margin-bottom:1%;;margin-top:1%;
.agenda .container .row table td .row .online{margin-top:0px}
}



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


#wrap{font-size:14px;margin:0 auto}



.map .container .row .map_box h4{font-size:1.1em}
.map .container .row .map_box h4 b{font-size:1.4em}
.map .container .row .map_box ul.mp li{font-size:1.1em;padding:3px}
.map .container .row .map_box .btnbox .bigbtn{font-size:1.4em;}
.agree  .agree_area h5{margin-top:30px}
.register .container .row .btnbox .bigbtn{font-size:1.6em;}


.web{display:none !important}
.mobile{display:block !important}

.greeting .container .row .graybox{padding:25px;}
.greeting .container .row .btnbox{width:100%;bordeR:0px solid #000;margin-top:30px;margin-bottom:0px}
.event .container .row .eventbox{border-radius:30px;width:100%;padding:40px 20px}
.map .container .row .map_box .btnbox .bigbtn img{max-width:140px;width:80%;display:inline;margin:0;padding:0}

#main .container .row h3 img{max-width:850px;width:40%}
#main .container .row h3{width:100%;text-align:center;margin-bottom:50px}


}	




@media only screen and (max-width: 580px) {
.agenda .container .row td.time{width:35%;border-left:0px;text-align:center;padding-right:0px;padding-left:0px}
.agenda .container .row td{text-align:left;padding:15px 5px;font-size:1.3em;border:1px solid #ccc;border-right:0px}
.greeting .container .row h2{font-size:1.5em;margin-top:20px}
.greeting .container .row p{font-size:1.2em;}
.greeting .container .row p br{display:none}
 .faq .container .faqbox ul li dt .arw{position:absolute;right:0;width:20px}
.contents .container .row dt{margin-bottom:30px}

#main .container .row{padding:30% 20px 70%;border:0px solid #000;position:relative;}
.agenda .container .row td{font-size:1.0em}
.agenda .container .row td h6{font-size:1.0em;margin-bottom:5px}
.agenda .container .row  p{font-size:1.1em;}

.map .container .row .map_box h4{font-size:1.0em;}
.map .container .row .map_box h4 b{font-size:1.2em}

.map .container .row .map_box ul.mp li{font-size:1.0em;padding:0px;padding-left:15px;}
.map .container .row .map_box ul.mp li b{margin-left:-15px}
.map .container .row .map_box ul.mp li span{font-size:0.8em}


.faq .container .faqbox ul li dt{font-size:1.1em;font-weight:bold;padding:15px 0;position:relative;text-align:left !important;margin-bottom:0px;padding:20px 10px}
.faq .container .faqbox ul li .answer{display:none;padding:5px 10px 5px;font-size:16px;color:#fff !important}
.faq .container .faqbox ul li .answer  h6{font-size:0.9em;}
.faq .container .row p{font-size:0.9em;}


.contents .container{padding-top:40px;padding-bottom:40px;max-width:1200px;width:100%;border:0px solid #000}
footer .container .row{padding:20px 15px;}

#main .container .row h3 img{max-width:850px;width:40%}
#main .container .row h3{width:100%;text-align:center;margin-bottom:50px}
.agenda .container .row td dd{display:block;width:100%;margin-right:0%;margin-bottom:1%;;margin-top:1%;}

.linecell > dt{background-color:none;display:inline-block !important;margin:0 auto;margin-top:-28px;color:#7fbdff;padding:0 !important;}
.linecell > dt img{max-width:500px;width:60%}
.agenda .container .row td dd{padding:5px 0px;}


}


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


}