@charset "UTF-8";
/*
파일이름 : main.css
제작자 : 김동영
제작일 : 2020.05.13
수정시 수정일,수정자,등록내용을 게재


Copyright© 울산US소프트 http://ussoft.kr All Rights Reserved.
*/

/* main */
.main .main_img {text-align: center;margin-bottom: 30px;}
.main {margin-top: 0;}
.main .r1 .s1 {background: url('../img/main/background.jpg') no-repeat;height: 419px;}
.main .r1 .s2 {background: #fff;padding-bottom: 56px;}
.main .r1 .s3 {background: #fff;}
.main .r1 .s1 h3 {color: #fff;font-size: 2.5rem;line-height: 36px;padding: 20px 0 0 20px; letter-spacing: -1px;}
.main .r1 .s1 p {color: #cbd3e4;padding: 15px 0 0 20px;font-size: 1.7rem;}
.main .r1 .s2 {text-align: center;}
.main .r1 .s2 .step_img {margin-top: 80px;margin-bottom: 20px;}
.main .r1 .s2 h3 {font-size: 5rem;color: #848684;margin-top: 0;margin-bottom: 30px;}
.main .r1 .s2 h3 strong {color: #333;font-size: 7rem;}
.main .r1 .s2 p {text-align: left;padding: 0 0 0 59px;font-size: 2rem;line-height: 35px;}
.main .r1 .s2 p mark {background: none;padding: 0;}
#edu-list-wrapper {margin-top: 30px;}
#edu-list-wrapper-xs {margin-top: 30px;}
#edu-list-wrapper-xs #edu-list li {display: inline-block;}
#edu-list li {background: #004098;height: 67px;border-radius: 10px;margin-bottom: 20px;line-height: 65px;font-size: 2rem;width: 80%;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
#edu-list li.active:hover {background: #fff;border: solid 1px #004098;color: #333;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
#edu-list li.active:hover > * {color: #333;}
#edu-list li.complete {background: #5a6268;}
#edu-list li a {color: #fff;display: block;}
#edu-list li p {color: #fff;padding: 0;text-align: center;display: inline-block;}
#edu-list li .side {float: right;margin-right: 20px;font-size: 2rem;}

.main .r1 .s3 .row {margin-top: 40px;}
.main .r1 .s3 {padding-bottom: 31px; }

.main .r2 {margin-top: 30px;margin-bottom: 30px;}
.main .r2 .col-md-4 {background: #fff;border-radius: 15px;width: 31.5%;margin-left: 28px;height: 231px; cursor: pointer; box-shadow: none;}
.main .r2 .col-md-4 strong {color: black;}
/*.main .r2 .col-md-4:hover {border: solid 1px #004098;}*/
.main .r2 .col-md-4:hover {box-shadow: 1px 3px 5px 3px #B0B0B0;}
/*.main .r2 .top_div {padding: 30px 0 0 20px;}*/
.main .r2 .top_div {padding: 15px 0 15px 0;}
.main .r2 p {/*padding: 15px 0 0 20px;*/font-size: 1.5rem;line-height: 25px;margin-top: 0;color: #4e4e4e;}
.main .r2 .top_div img {margin-top: -8px; margin-right: 5px;}
.main .r2 .top_div strong {font-size: 2.2rem;}
.main .r2 div:first-child {margin-left: 0;}
.main .r2 .date {font-size: 1.5rem;position: absolute;bottom: 0;}

/*.main .factory_name {text-align: right;font-size: 3rem;margin-top: -80px;margin-bottom: 10px;font-weight: 300;}*/
.main .factory_name {text-align: right;font-size: 3rem;margin-top: -50px;margin-bottom: 10px;font-weight: 300;}
/*.main .factory_logout {width: 6%; border-radius: 10px; float: right; margin-bottom: 20px; font-size: 1.8rem; background-color: #004098; height: 36px; text-align: center; line-height: 36px; font-weight: 300;}*/

/*@media screen and (min-width: 768px) {*/
/*    .main .r1 .s1 {margin-top: 56px;}*/
/*}*/

@media (min-width: 320px) and (max-width: 480px) {
    .main .factory_name {margin-top: -38px !important;font-size: 2rem !important;}
}