@import url('../../shared/common/css/external-fonts.css');
* {margin: 0; padding: 0;}

        body,
        html {
        margin: 0 auto;
          width: 100%;
         font-family: 'Roboto', sans-serif, 'Coiny', cursive;
        padding: 0; border: 0;
        font-size: 13px;
        height: auto;
          }
#top_logo{width: 100%; background-color: #153a69; height: 55px; text-align: center; margin: 0 auto; }
#top_title{width: 100%; background-color: #315e97; height: 85px; text-align: center; margin: 0 auto; }
.top{max-width: 1200px; min-width: 620px; text-align: left; margin: 0 auto; padding: 0 20px;}
.top_left{float: left; font-family: 'Roboto', sans-serif; color: #94a9c3; font-size: 28px; line-height: 85px; letter-spacing: -1px;}
.top_right{float: right; padding-left: 30px; font-family: 'Roboto', sans-serif; color: #94a9c3; font-size: 16px; line-height: 85px; letter-spacing: 0px;}
.top_right_close{float: right; right:0; padding-left: 30px; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; color: #94a9c3; font-size: 16px; letter-spacing: 0px; padding-top: 8px;}

        #con {
              width: 100%;
            min-width: 620px;
              position: relative;
              height: auto;
            text-align: center;
            margin: 0 auto;
            }


#title{text-align: center; margin: 0 auto;  padding: 55px 0 20px 0; width: 600px; }
#title i{color: #315e97; font-size: 25px;}
#title div{font-size: 29px; font-family: 'Roboto', sans-serif; padding: 12px 0 17px 0; font-weight: 400;}
#title div span{font-size: 29px; font-family: 'Roboto', sans-serif; padding: 10px 0 15px 0; font-weight: 800;}
#title hr{width: 550px; text-align: center; margin: 0 auto; }

.subtitle{width: 600px; text-align: left; margin: 0 auto; padding-top: 50px;}
.subtitle p {color: #315e97; font-size: 26px; font-weight: 600; font-family: 'Roboto', sans-serif;}
.subtitle span{color: #000; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; letter-spacing: 0px;}

        .con_box {
              width: 480px;
              position: relative;
              z-index: 5;
            text-align: center;
            border: 1px solid #e0e0e0;
            border-radius: 15px;
            margin: 10px auto;
            padding: 70px 60px;
            background-color: #f9f9f9;
            }
.con_box p{width: 480px; text-align: left; font-family: 'Roboto', sans-serif; font-size: 20px; height: 30px; font-weight: 800; }

input[type=text0]
        {color: #000; width: 206px; height: 46px; font-size: 23px; border: 2px solid #c9c9c9; font-family: 'Roboto', sans-serif; padding-left: 20px; display: inline-block; outline: none;
        }
input[type=text],input[type=password],input[type=email],input[type=date], textarea
        {color: #000; width: 458px; height: 46px; font-size: 23px; border: 2px solid #c9c9c9; font-family: 'Roboto', sans-serif; padding-left: 20px; display: inline-block; outline: none;
        }
        input::placeholder { color: #ccc;}
.inbox{width: 480px; position: relative; min-height: 60px;}

button{width: 250px; background-color: #248ccc; color: #fff; height: 50px; border: 0; font-size: 20px; letter-spacing: 0px; display: inline-block;  font-family: 'Coiny', cursive; margin: 0 auto; cursor: pointer;}


 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
button{line-height: 62px;}
}
input[type=text0]:-ms-input-placeholder {
    color: #ccc;
}
input[type=text]:-ms-input-placeholder {
    color: #ccc;
}
input[type=email]:-ms-input-placeholder {
    color: #ccc;
}

#submmit{position: relative; padding: 50px 0 100px 0; width: 600px; margin: 0 auto; text-align: center;}
#submmit button{width: 350px; background-color: #315e97; border-radius: 15px; height: 60px; font-size: 28px; line-height: 65px; cursor: pointer;}
#submmit input{width: 350px; background-color: #315e97; border-radius: 15px; height: 60px; font-size: 28px; line-height: 65px; cursor: pointer;}


        a:link { color: #94a9c3; text-decoration: none; }
        a:visited { color: #94a9c3; text-decoration: none; }
        a:hover { color: #94a9c3; text-decoration: none; }


input[type="checkbox"] {
    display:none;}
input[type="checkbox"] + label {
    color:#666; font-family: 'Roboto', sans-serif; font-size: 20px; letter-spacing: 0.5px; font-weight: 600; cursor: pointer;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:30px;
    height:25px;
    background:url(../common/img/student_check_list0.png) center 0px no-repeat;
    cursor:pointer;
    vertical-align:text-top;
    }
input[type="checkbox"]:checked + label span {
    background:url(../common/img/student_check_list00.png) center 0px no-repeat;}

.ch_box{ width: 450px; text-align: left; float: left; height: 40px; position: relative;}
.terms{font-family: 'Roboto', sans-serif; font-size: 15px; text-align: left; float: left; line-height: 30px; color: #000; height: 40px; position: relative;}
        .terms a:link { color: #000; text-decoration: none; }
        .terms a:visited { color: #000; text-decoration: none; }
        .terms a:hover { color: #000; text-decoration: none; }

.pad{height: 35px; position: relative;}
.fin{color:#666; font-family: 'Roboto', sans-serif; font-size: 28px; letter-spacing: 0.5px; font-weight: 800; text-align: center; margin: 0 auto; line-height: 55px;}

button:focus{
    border: none;
    outline:none;
    }

bottom {width: 100%; height: auto; margin: 0 auto; position:relative; text-align: center; z-index: 10;}
#bottom{position: relative; min-width: 600px; height: 100px; margin: 0 auto; text-align: center;}
#bott p{text-align: center; margin: 0 auto; color: #666; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 25px; min-width: 600px;}