@charset "utf-8";

html{font-family: 'Nanum Gothic', sans-serif; font-size:62.5%; color:#222;}
/* font-size default set 62.5% // rem = 0.1 = 1px */
/*font-family: 'Jua', sans-serif;  jua font */
/*font-family: 'Do Hyeon', sans-serif;   dohyeon font*/


#header{ border-bottom:1px solid #d6d7e8;}

#container{}
    #container:after{content: ''; display: block; clear: both;}
    #navigator{width:100%; display:block; background: #2d3083; }
    #navigator ul{width:100%; text-align: center; display: block;}
    #navigator ul li{width:160px; display:inline-block;}
    #navigator ul li:first-child{margin-top:0;}
    #navigator ul li a{display:block; padding:14px 8px; text-align:center; font-size:1.6rem; background:#2d3083; color:#fff; border-radius: 8px 8px 0 0}
	#navigator ul li:last-child a {background-color: #ff4d83;}
    #navigator ul li.active a{background: #fff; color:#2d3083; font-weight: 800}
    #content {width:1140px; min-height:550px; margin:0 auto; padding:30px 0; position: relative;}






.login{width:300px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -155px;}
.login .btn{display:block; width:300px; padding:0; margin:0; padding:10px 0; background:#2d3083; border:0; border-radius: 8px;
font-size:2.4rem; color:#fff;
}
/* form starting stylings ------------------------------- */
.item        { 
  position:relative; 
  margin-top:30px; 
}
.item:last-child{margin-top:14px}
.login input         {
  font-size:18px;
  padding:10px 0 ;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
.login input:focus     { outline:none; }

/* LABEL ======================================= */
.login label          {
  color:#bdbeda; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  font-family: 'Jua', sans-serif; 
}

/* active state */
.login input:focus ~ label, input:valid ~ label    {
  top:-20px;
  font-size:14px;
  color:#2d3083;
}

/* BOTTOM BARS ================================= */
.bar  { position:relative; display:block; width:300px; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#2d3083; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.login input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.login input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
button{vertical-align: middle;}
/**** icon set ****/
.userC{font-family: 'jua', sans-serif;  border:1px solid #ddd; border-radius: 15px; }
.userC a{display:block; width:100%; color:#ddd; padding:100px 0; position:relative}
.userC a:hover .ico, .userC a:hover span{color:#0e70a4; transition:0.5s ease color; 
-moz-transition:0.5s ease color; 
-webkit-transition:0.5s ease color;}
.userC .ico{font-size:10rem; display:block;}
.userC span{font-size:3.2rem; display:block; margin-top:20px;}
.userC a p{font-family:'Nanum Gothic', sans-serif !important; font-size:1.6rem; color:#555; text-align:center; width:320px; position:absolute; left:50%; margin-left:-160px}
/*************************************** button ****************************************/
.buttons{border:0; background:transparent; font-family: 'Nanum Gothic', sans-serif; text-align: center; border-radius: 6px;
outline: none; cursor: pointer;
transition:0.5s ease all; 
-moz-transition:0.5s ease all; 
-webkit-transition:0.5s ease all;
}
.submitBtn{border:0; width:180px; padding:8px 0;  font-size:1.7rem; letter-spacing: 1px;}
.boardBtn{border:0; width:120px; padding:6px 0;  font-size:1.5rem; letter-spacing: 1px;}
.copyTop{width:140px; height:28px; vertical-align: middle; font-size:1.5rem; margin-left:10px;}
.statusbox{display:block; width:150px; padding:6px 0; text-align: center; font-size:1.6rem;}
.downbtn{display:block; width:250px; height:40px; margin:0 auto; line-height: 40px; text-decoration: none !important; color:#fff !important;}
.movebtn{padding:10px 20px; font-size:1.8rem;}
.inlinebtn{display:inline-block; width:49%; padding:10px 0;}
/*********** Button Color Set ************/
.basic{background:#2d3083; color:#fff;}
.basic:hover{background:#3dabe1}
.success{background:#0e70a4; color:#fff;}
.success:hover{background:#5dabd6}
.point{background:#e63e8b; color:#fff;}
.point:hover{background:#e682b0}
/*************************************** align *****************************************/
.alCenter{text-align: center;}
.alLeft{text-align: left}
.alRight{text-align: right;}
/************************************* pointcolor **************************************/
.fontColor{color:transparent;}
.fontColor.hotpink{color:#e63e8b;}
.fontColor.skyblue{color:#2998d3;}
/**************************************** div ******************************************/
.clearfix{*zoom:1;}
.clearfix:after{content: ''; display: block; clear: both;}
.rows{font-size:1.5rem; line-height:1.4; width:100%; margin-top:10px;}
.rows:first-of-type{margin-top:0;}
.rows p{font-size:1.8rem; line-height: 1.4;  text-align: justify;}
.rows p#signArea{text-align:right;}
.rows p#signArea strong{font-size:2.2rem; font-weight: 700}
.rows .column2{display:inline-block; width:50%;}
.rows .column3{display:inline-block; width:32%; margin-right:1%;}
.rows .column3:last-child{margin-right:0;}
.rows .column4{display:inline-block; width:20%;}

.borderbox{border:1px solid #a9cde0; padding:10px;}
.rounded{border-radius: 10px}

.view{width:100%; float:left;}
.widget{width:32%; float:right;}
.fullimage img{width:100%;}
.buttonArea{padding:20px 0;}
.group{margin:20px 0;}
.msgfield{width:100%; border:1px solid #eee; padding:10px; background: #f9f9f9}
.msgfield p{font-size:1.6rem; line-height: 1.5}
/***************************************** list ****************************************/
#infor_caution li{position: relative; padding:0 0 0 36px; margin:12px 0;line-height:1.4;}
#infor_caution li span{position: absolute; top:50%; left:0; transform: translateY(-50%); display:block; padding:4px 10px;
   text-align: center; color:#fff; border-radius: 6px}
#infor_caution li:nth-child(even) span{background:#2d3083;}
#infor_caution li:nth-child(odd) span{background:#e63e8b;}
#infor_caution li strong{font-weight: 700}

/*************************************** title *****************************************/
.groupTle{font-size:1.8rem; font-weight:700; padding:18px 0;}
.pageTitle{font-family: 'Jua', sans-serif; font-size:3.6rem; letter-spacing: 0.5rem; color:#2d3083; margin-bottom:30px;}
.subTitle{font-family: 'Jua', sans-serif; font-size:2.8rem; text-align:left; color:#217fb1;}
/************************************** formTable **************************************/
.formTable{border-top:2px solid #2d3083; border-bottom:2px solid #2d3083; font-size:1.4rem; width:100%;}
.formTable tr th, .formTable tr td{padding:4px; border-bottom:1px solid #eee; height:40px; vertical-align: middle;}
.formTable tr th{background:#f7f7f7;}
.formTable tr th span{color:#e63e8b}
.formIntable{width:100%; border:1px solid #999; text-align: center;}
.formIntable th, .formIntable td{border-bottom:1px solid #999 !important;}
.formIntable th, .formIntable td{border-right:1px solid #999;}

.inforTable{border-top:2px solid #2d3083; border-bottom:2px solid #2d3083; font-size:1.6rem; width:100%;}
.inforTable tr th, .inforTable tr td{padding:4px; border-bottom:1px solid #eee; height:40px; vertical-align: middle;}
.inforTable tr th{background:#f7f7f7;}
.inforTable tr th span{color:#e63e8b}
.inforTable .headcell{background:#2998d3; color:#fff;}
.inforTable tr td a{text-decoration: underline; color:#e63e8b; font-weight: 700}
.inforTable tr td.downarea{padding:30px 0;}

.basictable{border-top:2px solid #2d3083; border-bottom:2px solid #2d3083; font-size:1.6rem;}
.basictable tr td{padding:20px 0; vertical-align: middle;}
.fulltable{width:100%;}

.place {display: block; text-align: right; padding: 30px 0; font-size: 18px;}
.place span {font-weight: bold;}

.programTable{border-top:2px solid #2d3083; border-bottom:2px solid #2d3083; font-size:1.6rem; width:100%;}
.programTable tr th, .programTable tr td{padding:4px; border-bottom:1px solid #eee; height:40px; vertical-align: middle;}
.programTable tr td {padding-left: 10px;}
.programTable tr th{background:#f7f7f7; font-weight: bold;}
.programTable tr th span{color:#e63e8b}
.margin_l {margin-right: 20px;}
.programTable tr.session th, .programTable tr.session td{background:#c5e7ec;}
.programTable tr.session th{font-weight: 700; color:#055789;}
.programTable tr.session td:first-of-type{font-weight: 700; color:#009b90; padding-left: 50px;}
.programTable tr.rest td{color:#763c00;}
.programTable tr.luncheon th, .programTable tr.luncheon td{background:#f6cee3;}
.programTable tr.luncheon_detail th, .programTable tr.luncheon_detail td{background:#fbeff5;}
.programTable tr.session_detail th, .programTable tr.session_detail td{background:#effbfb;}
.programTable .bggreen {background-color: #cdf2e4;}
.programTable .bggray {background-color: #f2f2f2;}
.programTable .fwb {font-weight: bold;}
.td_lineheight {line-height: 25px;}
.btnstyle {background-color: #2d3083; border: 1px solid #2d3083; color: #fff; width: 50px; height: 20px; display: inline-block; text-align: center; font-weight: normal !important;}

/**************************************** input ****************************************/
input {vertical-align: middle;}
.inpText{border:0; border-bottom:1px solid #ddd; outline:none; 
  width:200px; height:26px; padding:0; margin:0;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;}
.addr{border:0; border-bottom:1px solid #ddd; outline:none; 
  width:300px; height:26px; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.number{border:0; border-bottom:1px solid #ddd; outline:none; 
  width:100px; height:26px; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.inpText:focus,.addr:focus,.number:focus{border-bottom-color:#3dabe1;}
input[type="radio"]{vertical-align: top;}

.btnstyle {background-color: #2d3083; border: 1px solid #2d3083; color: #fff; transition: all 0.3s; font-weight: bold;}
.btnstyle:hover {color: #2d3083; background-color: #fff;}
/***************************************************************************************/

.pointboard {display: block; margin: 30px 0;}
.pointboard li {line-height: 30px; padding-left: 40px; position: relative;}
.pointboard li:before {content:"";
	position: absolute; left: 20px; top: 8px;	
	width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #000;
    border-bottom: 7px solid transparent;
}
.pointboard li span{font-weight: bold;}
.pointboard li em{font-weight: bold; text-decoration: underline;}

.contacts li {line-height: 30px;}

.subnav {}
.subnav li {float: left; width: 150px; height: 30px;
	background-color: #2d3083;
	text-align: center;
	border-radius: 5px;
	transition: all 0.3s;
}
.subnav li a {color: #fff; font-weight: bold; line-height: 30px; width: 100%; display: block;}
.subnav li:hover {background-color: #5270ff;}
.subnav li+li {margin-left: 20px;}

.info_txt {width: 100%; padding: 20px; background-color: #efefef; border: 4px solid #fff200;}
.info_txt p {font-size: 16px; line-height: 40px; padding-left: 25px; position: relative;}
.info_txt p:before {content:"※"; position: absolute; left: 0; top: 0;}


/*footer-S*/

#footer {width: 100%; height: 120px; min-width: 1900px;
    background-color: #eee;
}
#footer .logofoot {float: left; width: 175px; height: 50px; display: block; margin-top: 30px;
    background: url(../../img/logo_foot.png) no-repeat 0 0;
    text-indent: -9999px;
}
#footer address {float: left; margin: 20px 0 0 70px;
    color: #666; font-size: 13px;
}
#footer address ul {}
#footer address ul li {}
#footer address ul li a {line-height: 30px; color: #333;}
#footer address ul li a span {padding-left: 20px;
    position: relative;
}
#footer address ul li a span:before {content: ""; width: 1px; height: 10px;
    background-color: #666;
    position: absolute; left: 11px; top: 5px;
}
#footer address ul .copy {padding-top: 10px;
    font-size: 16px;
}
#footer .inner {width: 1200px; margin: 0 auto;}

/*footer-E*/

/* home */

.leftside {float: left; width: 60%; margin-right: 5%;}
.rightside {float: left; width: 35%;}



.leftside .tit {width: 100%; height: 40px; text-align: center; color: #fff; background-color: #71a2cd; line-height: 40px; font-size: 20px; border-radius: 50px; margin-bottom: 30px;}
.leftside .info_covid {background-color: #efefef; padding: 10px;}
.leftside .info_covid p {font-size: 16px; position: relative; padding-left: 20px; margin-bottom: 20px;}
.leftside .info_covid p:nth-of-type(3) {margin-bottom: 0;}
.leftside .info_covid p:before {content:"※"; position: absolute; left: 0; top: 0;}
.leftside .info_date {padding: 50px;}
.leftside .info_date figure {float: left;}
.leftside .info_date ul {float: left; padding-left: 40px;}
.leftside .info_date ul li {font-size: 18px; line-height: 40px; position: relative; padding-left: 20px;}
.leftside .info_date ul li:before {content:""; width: 0; position: absolute; left: 0; top: 12px;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #4668cc;
    border-bottom: 8px solid transparent; }
.leftside .tel {width: 100%; border: 1px solid #eee; border-radius: 10px;}
.leftside .tel span {color: #fff; width: 15%; display: inline-block; text-align: center; background-color: #4668cc; border-radius: 10px; padding: 10px 0;}
.leftside .tel em {background-color: #fdfdfd; width: 36%; display: inline-block; padding-left: 30px;}
.leftside .tel em:nth-of-type(2) {padding-left: 0; position: relative;}
.leftside .tel em:nth-of-type(2)::before {content: "/";
  position: absolute; left: -35px; top: 0;
}



.rightside .right_date {}
.rightside .right_date table {border: 1px solid #d6d6d6; text-align: center; width: 100%; margin-bottom: 40px;}
.rightside .right_date table tr td {vertical-align: middle; font-size: 16px; height: 40px; font-weight: bold; line-height: 35px;}
.rightside .rightbtn {}
.rightside .rightbtn ul {width: 70%; margin: 0 auto;}
.rightside .rightbtn li {padding-left: 55px; margin-bottom: 20px; height: 60px; border: 1px solid #d6d6d6; line-height: 60px; font-size: 18px; letter-spacing: 5px;}
.rightside .rightbtn li i {color: #82aed3; padding-right: 10px;}
.rightside .rightbtn li a {color: #fff; display: block; width: 100%;}

.info_p tr td p {padding: 5px 0; font-size: 12px;}
.info_p tr td p:nth-of-type(7) {margin-top: 10px;}
.impor {position: relative; padding-left: 20px; padding-top: 10px; font-weight: bold;}
.impor:before {content: "※"; position: absolute; left: 0; top: 10px;}