@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


/*---------표*/
.tbl04 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    border-left: 1px solid #aaa;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
     max-width: 1100px;
}

.tbl05 {
    width: 100%;
    max-width: 1100px;
}

.tbl04 th {
    padding: 10px 0;
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    background-color: #e5e6e6;
    border-bottom: 1px solid #d0d0d0;
    border-left: none;
    font-size: 1.5rem;
    color: #101010;
    font-weight: 400;
    padding-left: 10px;
    width: 30%;
    
}

.tbl04 td {
    padding: 10px 0;
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    font-size: 1.5rem;
    padding-left: 20px;
    width: 800px;

}
    .date_wrapper {
     max-width: 1100px;
  
        margin: auto;
        
    }
.text01 {
    font-size: 18px;
}

.footer {
    clear: both;
}

.text01 {
text-align: center;}


#container{width:100% !important; margin: 0 auto; float: inherit;}
#containers{width:100% !important; margin: 0 auto;}
#wrapper{ width: 100%; margin: 144px auto 0;}
.wrap{    width: 100%;
    height: 100%;
    background: url(/images/sub_bg.jpg);}
.pagename{ font-size: 38px; color: #854f9a; text-align: center; line-height:4em;}
#bo_w{ margin: 0 auto 100px; width: 100%;}
.tbl_frm01_simple{  margin: auto;}
.fwrite_simple{ }
#bo_w table{ }
.tbl_frm01_simple table{}
.tbl_frm01.tbl_frm01_simple th{width: 110px; padding: 27px 13px; border: 0; border-left: 0; background: none; text-align: center; font-size: 16px;}
.tbl_frm01.tbl_frm01_simple td{border:0;}
.simple_write_tbo tr{ margin: 0px 0;}
.simple_write_tbo input, .simple_write_tbo select{
width: 100%; height: 42px; border-radius: 5px; border: 1px solid #cfcfcf; background-color: #fff !important; box-sizing: border-box; padding: 4px 10px;
}
.simple_write_tbo input.simple_chek{ width: 14px; height: 14px; margin-right: 6px;}
.simple_chek_tr td{ display: inline-block; }


.btn_submit { width:70px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	padding:12px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	font-family:NanumBarunGothic, 'Malgun Gothic','돋움', 'dotum';
}
.btn_submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f4f4f4 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f4f4f4 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f4f4f4 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f4f4f4 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f4f4f4 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0);
	background-color:#f4f4f4;
}
.btn_submit:active {
	position:relative;
	top:1px;
}


textarea #wr_content{ width: width: 384px; border-radius: 5px; border: 1px solid #cfcfcf; background-color: #fff !important; box-sizing: border-box;}
.simple_chek{ width: 100px;}
.tbl_frm01 td{ padding: 10px;}

#captcha #captcha_key{ width: 200px;}

p.strtotime{ text-align: center; margin: 0px auto 20px; font-size: 18px;}


    .schedule02 p {
        padding: 8px;
        font-size: 18px;
        cursor: pointer;
        padding-left: 30px;
     
    }
    .schedule02 p:hover {
        opacity: 0.7;
    }
    
    .btnbtn {
        width: 420px;
        overflow: hidden;
        margin: auto;
    }
  
    .btn_l {
        width: 200px;
        height: 50px;
        border: 1px solid #9a9a9a;
        float: left;
    }
    .btn_r{
           width: 200px;
        height: 50px;
        border: 1px solid #9a9a9a;
        float: right;
    }
    .btn_r a, .btn_l a {
        text-align: center;
        color: #9a9a9a;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        display: block;
        width: 100%;
    }
    .btn_l:hover {
        color: #333333;
        border: 1px solid #333333;
    }
  .btn_r:hover {
        color: #333333;
        border: 1px solid #333333;
    }
    .btn_l:hover a{
        color: #333;
    }
       .btn_r:hover a{
        color: #333;
    }

/*모바일*/


@media screen and (min-width:0px) and (max-width:767px) {
    .tbl04 {
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    border-left: 1px solid #aaa;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
        margin: auto;
   
}
    
    
    .tbl04,
    .tbl04 thead,
    .tbl04 tbody,
    .tbl04 tr,
    .tbl04 th,
    .tbl04 td {
        display: block
    }

    /* 테이블의 모든 요소를 block화 시킴*/
    .tbl04 tr:after {
        content: "";
        display: block;
        clear: both
    }

    /* th,td의 플롯해제 */
    .tbl04 th {
        position: relative;
        border-top: 0 none;
        float: left;
        width: 100%;
        border-right: 0;
        box-sizing: border-box;
        height: 40px;
        line-height: 20px;
        padding-left: 20px;
    }
    .text01 {
        text-align: left;
    }

    /* ie9에서 float을 줘야함 */
    .tbl04 td {
        position: relative;
        border-top: 0 none;
        float: left;
        width: 100%;
        border-right: 0;
        box-sizing: border-box;
    }

    
    .schedule01 {
       
        margin: auto;
        width: 100%;
        
    }
    .date_l{
        width: 100%;
    }
    .date_r, .date_r {
        width: 50%;
        float: left;
        
    }
  
    .text01 {
    font-size: 17px;
        padding: 20px;
}
 
    .ag_text {
        padding: 0px 10px;
        text-align: center
    }
    .ag_text01 {
        text-align: center;
        padding: 0px 50px;
    }
    .attecstitle_wrap {
        text-align: center;
     
    }
    
    .attecstitle_wrap h5 {
           font-size: 18px;
    }
    
    .footer {
    clear: both;
}
    .le990 {
        text-align: center;
        padding: 10px; 20px;
    }
    .le990  span {
        font-size: 10px;
    }
    
    .number {
        border: 1px solid red;
    }
}



/* 태블릿 */
@media (min-width:768px) {

        .date_l{
        width: 100%;
    }
    .date_r, .date_r {
        width: 50%;
        float: left;
        
    }
      .attecstitle_wrap h5 {
           font-size: 18px;
    }
         .text01 {
    font-size: 17px;
     
}
}



/* 데스크톱 */
@media (min-width:980px) {
    .tbl04 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    border-left: 1px solid #aaa;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
 border: 1px solid silver;
    margin: auto;
}
   .tbl05 {
        width: 100%;
    }

        .date_l{
    width: 50%;
            float: left;
    }
    .date_r, .date_r {
        width: 23%;
        float: left;
        margin-left: 2%;
        
    }
    .date_wrapper {
       width: 1100px;
    }
      .attecstitle_wrap h5 {
           font-size: 18px;
    }
    
        .text01 {
    font-size: 17px;
     
}
}