/* BASIC css start */
.sub{ width:100%;}
.sub_com { width:950px; height:100%; position:relative; margin:-185px auto; margin-bottom:5px; }
.loca { padding-bottom:30px;}
.loca dd { float:right; font-size:13px; color:505050;}
.text { height: 20px; border-bottom: 3px solid #8b9abb; margin-bottom:20px;  }
.text h1 { float: left; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; font-size:24px; font-weight:600; color:#212121; padding-top:40px; }


.contents { width:100%; margin:10px 0 40px 0;}
.contents .blue { font-family:'나눔고딕', 'Nanum Gothic', sans-serif; color:#3360a3; font-size:18px; font-weight:800; text-align:left; letter-spacing:0.1em; border-bottom:1px solid #ccc;}
.contents p { font-family:'나눔고딕', 'Nanum Gothic', sans-serif; color:#212121; font-size:14px; text-align:left; line-height:1.8em; letter-spacing:0.05em; }
.contents .pro { font-family:'나눔고딕', 'Nanum Gothic', sans-serif; color:#666; font-size:12px; text-align:left; line-height:1.8em; letter-spacing:0.05em; } 
.contents img {position:relative; width:100%; border:0px solid #ccc; }
.sub_title { width: 100%; margin: 0 auto;  text-align: center;}
.sub_title span{ letter-spacing:0.2px; color:505050; font-size:14px;}

#side { width:900px; margin-left:25px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; }
#side .top { margin-top: 30px; padding-top:10px; border-top:1px solid #274b92; }
#side h1{ width: 100%; height:60px; color:#274b92; font-size:20px; font-weight: 800; line-height:70px; border-bottom:2px solid #274b92; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
#side h3{ color:#274b92; font-size:16px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}

#side table { font-family:'나눔고딕', 'Nanum Gothic', sans-serif; font-size:14px; font-weight:400; color:#353535; border-bottom:2px solid #274b92; margin:30px 0 30px 0;}
#side table th { height:40px; background: #274b92; color: #fff; border-bottom: 4px double #274b92;}
#side table td { box-sizing:border-box; padding-left:10px; height: 80px; }
#side table .first { text-indent:10px; height: 80px; border-right: 1px solid #274b92; font-weight:800; }
#side table .second { height: 80px; border-right: 1px solid #274b92; }


.task {width: 100%;}
.task_part {
    float: left;
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;

    margin-bottom: 40px;
    margin-top: 20px;
}
.task .task_part .title {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #3360A3;
}
.task .task_part .bar {
    border-bottom: 1px dashed #313131;
    margin-bottom: 10px;
}
.task .task_part .task_sub {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
}

.task .task_part .task_video {
    color: #3360A3;
    font-size: 14px;
    font-weight: 600;
margin-top:15px;
}

.task .task_part a {
    color: #3360A3;
    font-size: 14px;
    font-weight: 600;
margin-top:15px;
}
.clear {clear:both;}
/* BASIC css end */