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

    body,
    html {
    margin: 0 auto;
    width: 100%;
    font-family: 'Noto Sans KR', 'Nanum Gothic', 'yg-jalnan', 'nanumsquare', sans-serif ;
    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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; color: #94a9c3; font-size: 28px; line-height: 85px; letter-spacing: -1px;}
.top_right{float: right; padding-left: 30px; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, 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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; padding: 12px 0 17px 0; font-weight: 400;}
#title div span{font-size: 29px; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; padding: 10px 0 15px 0; font-weight: 800;}
#title hr{width: 350px; 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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif;}
.subtitle span{color: #000; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, 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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; font-size: 20px; height: 30px; font-weight: 800; }

input[type=text0]
    {color: #000; width: 306px; height: 46px; font-size: 23px; border: 2px solid #c9c9c9; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; padding-left: 20px; display: inline-block; outline: none;
    }
input[type=text],input[type=password],input[type=email], textarea
    {color: #000; width: 458px; height: 46px; font-size: 23px; border: 2px solid #c9c9c9; font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; padding-left: 20px; display: inline-block; outline: none;
    }
    input::placeholder { color: #ccc;}
.inbox{width: 480px; position: relative; min-height: 20px;}

button{width: 150px; background-color: #248ccc; color: #fff; height: 50px; border: 0; font-size: 20px; letter-spacing: 0px; display: inline-block;  font-family: 'yg-jalnan'; 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;}


    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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, 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(img/student_check_list0.png) center 0px no-repeat;
    cursor:pointer;
vertical-align:text-top;
}
input[type="checkbox"]:checked + label span {
    background:url(img/student_check_list00.png) center 0px no-repeat;}

.ch_box{ width: 250px; text-align: left; float: left; height: 40px; position: relative;}
.terms{font-family: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; font-size: 15px; text-align: right; float: right; 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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, 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: 'Noto Sans KR', 'Noto Sans', 'Malgun Gothic', 'Segoe UI', Arial, sans-serif; font-size: 13px; line-height: 25px; min-width: 600px;}