@charset "utf-8";
@import url('font/font.css');
*{padding:0; margin:0; list-style: none;box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
body{width:100%; height:100%;}
a{text-decoration: none;color:#091139;}
strong{color:crimson;}
#section{width:100%;height:auto;margin:0px auto;text-align: center;overflow-x: hidden;}
#section::after{display: block;content: ''; clear: both;}
#top{width:100%;}

.guide_title, .guide_title_2, .guide_title_3{width:100%;height:100px;text-align: center;margin-top:-30px; background:#fff;}
.guide_title ul, .guide_title_2 ul, .guide_title_3 ul{width:100%; height:100px;}
.guide_title li, .guide_title_2 li, .guide_title_3 li{box-shadow: 0px 3px 0px #999;}
.guide_title li{float:left; width:20%; height:120px;padding-top:30px;transition:0.5s;}
.guide_title li a{width:100%; padding: 20px; display: block; font-family: 'NanumSquare', '나눔스퀘어', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'dotum'; font-size:1.4em;text-align: center;}
.guide_title_2 li{float:left; width:33%; height:100px;padding-top:30px;transition:0.5s;}
.guide_title_2 li a{width:100%; height:100px;display: block; font-family: 'NanumSquare', '나눔스퀘어', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'dotum'; font-size:20px;text-align: center;}
.guide_title_3 li{float:left; width:50%; height:100px;padding-top:40px;transition:0.5s;}
.guide_title_3 li a{width:100%; height:100px;display: block; font-family: 'NanumSquare', '나눔스퀘어', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'dotum'; font-size:20px;text-align: center;}

.guide_title li:nth-child(2){padding-top:20px !important;line-height: 22px;}
.guide_title li:nth-child(6){padding-top:40px;}

.guide_title_2 li:nth-child(3){padding-top:40px;}
.guide_title_2 li:nth-child(4){padding-top:40px;}

.guide_title li:hover, .guide_title_2 li:hover,.guide_title_3 li:hover{box-shadow: 0px 3px 0px #fed809; transition:0.5s;}

h1{float:left; font-size: 40px;text-align: center; font-family: 'NanumSquare', '나눔스퀘어', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'dotum';width:100%;margin-top:30px;}
h1 img{width:100%;margin-bottom: -11px;}
#top2{margin-top:0px;}
h1+p{width:80%; font-size:20px;font-weight: bold;margin-bottom: 50px;margin-left:10%;}
h2{width:100%;color:#091139;text-align: center; margin-top:160px; font-size:30px;float: left; font-family: 'NanumSquare', '나눔스퀘어', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'dotum';font-weight: 400;line-height: 40px;}
.line{width:100%; height:1px;background:#999;clear: both;margin-bottom:40px;float: left;}
.line_point{width:80px; height:3px; margin-top:30px; margin-left: calc(50% - 40px); background:#666;clear: both;float: left;}
h2 span{color:#999;}
h2 span+span{color:#666;}
h2+p{color:#091139; text-align: center;margin-top:10px; float:left;margin-left: calc(50% - 400px);}
h3{color:#fff; padding:15px;border-radius: 20px 20px 0 0;font-size: 16px; text-align: center;display: inline-block;}

.course_btn{float: right; border-radius: 20px; margin-top:10px; }
.course_btn a{display: block; padding:5px 10px; font-weight: bold; border-radius: 20px;}
.course_btn a:hover{color:#fff;}
.table_title_size_1{width:100px;}
.table_title_size_2{width:200px;}
.table_title_size_3{width:300px;}
.table_title_size_4{width:400px;}
.table_title_size_5{width:450px;}

.course_btn_1:hover{background:#2b9df4;}
.course_btn_1 a{color: #2b9df4;border:2px solid #2b9df4;}



.course_btn_2:hover{background:#fd448e;}
.course_btn_2 a{color: #fd448e;border:2px solid #fd448e;}



.course_btn_3:hover{background:#ff8237;}
.course_btn_3 a{color: #ff8237;border:2px solid #ff8237;}



.course_btn_4:hover{background:#25b655;}
.course_btn_4 a{color: #25b655;border:2px solid #25b655;}

.table_title_bg_1{background:#2b9df4;box-shadow: 5px 0 0 #2589d6;}
.table_title_bg_2{background:#fd448e;box-shadow: 5px 0 0 #d83978;}
.table_title_bg_3{background:#ff8237;box-shadow: 5px 0 0 #dd702f;}
.table_title_bg_4{background:#25b655;box-shadow: 5px 0 0 #209c49;}





.guide_con{width:510px;height:525px;border:1px solid #999;border-collapse: collapse;font-size: 14px; box-shadow: 5px 5px 0 #eee;}
.table_size_1{height:420px;}
.table_size_2{height:320px;}
.table_size_3{height:280px;}
.table_box{float:left; margin-bottom: 30px;text-align: left; position: relative;}
.left_table{margin-right:30px;margin-left:87px;}
.clear_table::after{content: "";display: block; clear:both;}
.guide_con th{width:129px;border:1px solid #999;padding:10px;text-align: center;}
.guide_con td{border:1px solid #999;padding:10px;text-align: left;}
.td_small{word-spacing: -2px;}
.logo{margin:50px auto 20px; text-align: center;float:left; width:100%;}
.top_btn{position: fixed; right:20px; bottom:30px;font-size: 1.3em;width:40px; height:40px; background:#999;overflow: visible; border-radius: 50%;text-align: center;}
.top_btn span:nth-child(1){color:#fff !important;}
.top_btn span:nth-child(2){color:#999 !important;}

.bttn{
    width:300px;
    clear: both;
    display: block;
    margin: 800px auto 0;
    padding:20px 20px;
    background:#ff9900;
    text-align: center;
    font-size: 20px;
    color:#fff;
    box-shadow:5px 5px 0px #ff6600;
    cursor: pointer;
}
@media screen and (max-width:1156px) {
    
    .guide_title{display: none;}
    .guide_title_2{display: none;}
    .guide_title_3{display: none;}
    .table_box{float:none;margin: 50px auto 0;}
    .guide_con{width:100%; margin: 0 auto;}
    .left_table{float:none;}
    .table_size_1,.table_size_2,.table_size_3{width:100%;}
    .bttn{margin:0 auto;}
    #section{padding:0 10px;}
    .guide_title a{font-size: 1em;}
    .course_btn{float:right;}
    .top_btn{font-size: 1em;}
    h2+p{width:100%; font-size:1em;font-weight: bold;margin-bottom: 50px;margin-left:0;}
.table_title_size_1, .table_title_size_2, .table_title_size_3, .table_title_size_4, .table_title_size_5{width:60%; word-wrap: break-word; word-break: keep-all;}
.logo {float:none;width: 100%;}
.logo img{width:100%;}
.top_btn span:nth-child(2){display:none;}

}