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


Copyright© 울산홈페이지제작, 온라인 마케팅 울산US소프트 http://ussoft.kr All Rights Reserved.
*/



@media (min-width: 768px) and (max-width: 1024px) {




}




@media (min-width: 320px) and (max-width: 480px) {
    .r2 .top_p {height: 120px; overflow: hidden; color: #333 !important;}

    .container {width:100% !important;}
    header {height:60px;}
    header .logo {margin-top:7px;float: left;}
    header .logo img {max-width:160px;}
    footer p {line-height:25px;margin-top:30px; font-size:1.4rem;}
    footer {height:100px;}


    .main .r1 .s1 {background:url('../img/main/m_main02.jpg')no-repeat;height: 100px;background-position:top center;background-size: cover;}
    .main .r1 .s1 h3 {float:right;margin-right: 22px;margin-top:0; margin-bottom: 0;padding-top: 0px;font-size: 1.6rem;/* text-align: center; */line-height: 27px; }
    .main .r1 .s1 .top_p {clear:both;float:right;font-size: 1.6rem;margin-right: 11px;display: none;}
    .main .r1 .s1 p {padding:0;}

    .main .r1 .s2 {padding-bottom:0;}
    .main .r1 .s2 h3 span {font-size:1.8rem;}
    .main .r1 .s2 h3 span mark {background:#3c3a3c; color:#fff;}
    .main .r1 .s2 h3 {font-size:3rem;margin-top: 10px;margin-bottom: 15px;}
    .main .r1 .s2 h3 strong {font-size:4rem;}
    .main .r1 .s2 h3 span br {display:none;}
    .main .r1 .s3 .row {margin-top:10px;}
    .main .r2 .col-xs-12 {width:100%;margin-left:0;margin-bottom:20px;height: 200px;}
    .main .r2 {padding:0 15px 0 15px;margin-top: 15px;margin-bottom: 0 !important;}
    .main .r1 .s3 ul li a {margin-left: 0;/* display: inline-block; */}
    .main .r1 .s3 ul li a .side {margin-right: 3px;display: none;}
    .main .r1 .s3 ul li {/* width: 70%; */height:40px;line-height: 39px;text-align: center;/* margin: 0 auto; */font-size: 1.7rem;}
    .main .r1 .s3 ul {width: 70%;}
    .main .r1 .s3 .le1 {float:right;}
    .main .r1 .s3 {padding-bottom: 0;}
    .main .r2 .top_div {padding-top:15px;}
    .main .r2 .top_p {height: 100px; overflow: hidden;}

    .login {padding-bottom:0 !important;/* height: auto !important; *//* margin-bottom: 20px !important; */}
    .login .r1 .s1 .le_title {background: url('../img/sub/bg44.jpg')no-repeat !important;height: 120px !important;background-position:top center;background-size: cover !important;}
    .login .r1 .s1 h3 {float:right !important;margin-right: 5px !important;margin-top: 30px !important;padding-top: 5px !important;font-size: 1.7rem !important;/* text-align: center; */line-height: 27px !important;}
    .login .r1 .s1 .top_p {clear:both !important;float:right;font-size: 1.6rem;margin-right: 11px;display: none !important;}
    .login .r1 .s1 p {padding:0 !important;}
    .login .r1 .s1 {padding:0;}

    .login .r1 .s2 h3 span {font-size:1.8rem;}
    .login .r1 .s2 h3 span mark {background:#3c3a3c; color:#fff;}
    .login .r1 .s2 h3 {font-size: 2.8rem !important;/* margin-top: 10px !important; */margin-bottom: 10px !important;}
    .login .r1 .s2 h3 strong {font-size: 4rem !important;}
    .login .r1 .s2 h3 span br {/* display:none; */}
    .login .r1 .s2 {padding-bottom: 0 !important;height: auto !important;}
    .login .r1 .s2 .u1 .j1 {margin-top: 50px;text-align:left !important;margin-left:-20px;}
    .login .r1 .s2 .u1 div {padding:0;}
    /*.login .r1 .s3 {padding-top: 15px !important;height: auto !important;}*/
    .login .r1 .s3 {width: 100% !important;}
    .login .r1 .s3 .login_wp ul li input {width: 100% !important;}
    .login .r1 .s3 .login_wp button {width: 40% !important;height: 40px !important;}
    .login .r1 .s3 .no_p  {text-align:center;font-size: 1.3rem;margin-top:30px;line-height:27px;}
    .login .factoty_name {margin-top: -38px !important;font-size: 2rem !important;}
    .login .r1 .s3 .login_wp {padding-top:20px !important;}
    .login .r1 .s3 .box {height:45px !important;width: 80% !important;}
    .login .r1 .s3 .box p {line-height:40px !important; font-size:1.6rem !important;}
    .login .r1 .s3 .login_wp button p {
        line-height: 38px !important;
        font-size: 1.6rem !important;
    }
    .login .r1 .s2 .step_img {margin-top:20px !important;margin-bottom:0px !important;max-width: 50%;}
    .login .r1 .s2 .u1 .col-xs-6 {text-align: center;}
    .login .r1 .s2 .u1 .col-xs-6 h3 {line-height:33px;}


    .content .factoty_name {width: 18% !important;margin-top: -53px !important;border-radius: 0 !important;}
    .content .factoty_name a {font-size:1.5rem !important;}
    .content .r2 .col-xs-12 {width: 100% !important;margin-left: 0 !important;margin-bottom:20px;height: 200px !important;}
    .content .r2 .top_div {padding-top:15px !important;}
    .content .r2 {padding:0 15px 0 15px;margin-left: 0;margin-right: 0;}
    .content .head_box .title_h2 {float: none !important;text-align:center;padding-top: 20px !important;margin-top: 0px !important;padding-left: 0 !important;font-size: 1.8rem !important;}
    .content .head_box ul {float: none !important;margin-left: 0 !important;text-align:center;margin-top: 10px !important;}
    .content .head_box ul li {display:inline-block;padding-right: 5px !important;font-size: 1.5rem !important;}
    .content .head_box{height: 96px !important;}
    .content .container {padding:0;/* margin: 0; */}
    .content .c1 .s1 .list_div {padding: 0px !important;}
    .content .c1 .s1 .title_d {padding-left: 0px !important;}

    .content .c1 .s1 .title_list {font-size: 1.5rem !important;}
    .content .c1 .s1 .list_div  .time {margin-left:30px;/* display: none; */}
    .content .c1 .s1 .list_div th {height: 65px !important;}
    .content .c1 .s1 .list_div td {height: 65px !important;}
    .content .c1 .s1 .list_div ul li .complate {position: absolute;right: 0;padding: 0 !important;margin-right: 39px;width: 17%;border-radius: 30px !important;}
    .content .c1 .s1 .list_div ul li .ing {position: absolute;right: 0;padding: 0 !important;margin-right: 39px;width: 17%;border-radius: 30px !important;}
    .content .c1 .s1 .list_div ul li .start {position: absolute;right: 0;padding: 0 !important;margin-right: 39px;width: 17%;border-radius: 30px !important;}
    .content .c1 .s2 .title_d {padding-left: 0 !important;}
    .content .c1 .s2 .notice_d ul {margin-left:10px;}
    .content .c1 .s2 .notice_d ul li {list-style-position: outside !important;font-size: 1.4rem !important;}
    .content .c1 .s2 {height:auto !important; padding-bottom:20px;}
    .content .c1 .s1 {height:auto !important;padding-bottom:20px;background-size: cover !important;}
    .content .c1 .s1 .list_div table thead th {font-size:1.5rem !important; text-align:center !important;}

    .view .container {padding:0;}
    .view .factoty_name {width: 25% !important;margin-top: -64px !important;z-index: 555;position: absolute;right: 0;}
    .view .head_box .title_h2 {float: none !important;text-align: center;padding-top: 0px !important;margin-top: 0px !important;padding-left: 0px !important;font-size: 1.51rem !important; word-break: keep-all; padding-right: 5px;}
    .view .head_box ul {float: none !important;margin-left: 0 !important;text-align:center;margin-top: 0px !important;margin-bottom: 0px !important;}
    .view .head_box ul li {display:inline-block; padding-right: 5px !important;text-align: right !important;}
    .view .head_box{height: 65px !important;}
    .view .video_wp {/* padding: 20px 15px 0 15px !important; */}
    .view .left_box {margin-top:30px !important;padding-bottom: 30px !important;}
    .view .left_box ul li {list-style-position:outside !important;}

    .view .complete_box {width:90% !important;height:181px;background:#fff;position:absolute;z-index:55; left:50%; transform:translateX(-50%); margin-top:150px;  box-shadow: rgba(0, 0, 0, 0.7) 0 0 0 9999px; }
    .view .complete_box  .com_box {padding: 0px 20px 0 20px !important;}
    .view .complete_box h2 {font-size: 1.3rem !important;letter-spacing:-0.5px;border-bottom:solid 2px #333;padding-bottom:10px;}
    .view .complete_box p {text-align: left !important;margin-top: 15px !important;font-size: 1.3rem !important;line-height:25px;}
    .view .complete_box button {background:#004098;width:100%;padding:0;margin:0;height: 56px;border: 0; outline:none;}
    .view .complete_box button a {color:#fff; font-size:1.8rem;}
    .view .complete_box .close {font-size:2.5rem;font-weight:normal;margin-top:-32px;color: #fff;text-shadow:none !important;opacity: 1;}

    .view .survey_box {width: 100% !important;height: auto !important;position:absolute;z-index:555;background:#fff;left:50%;transform:translateX(-50%);box-shadow: rgba(0, 0, 0, 0.7) 0 0 0 9999px; /* padding: 0 10px 0 10px; */padding-bottom: 50px;}
    .view .ab_box {position:absolute; margin-top:-120px; text-align:center; left:50%; transform:translateX(-50%); width:100%; color:#fff;}
    .view .ab_box h2 {line-height:40px;}
    .view .survey_wp {padding: 10px 20px 0 20px !important;}
    .view .survey_box .head_u {padding: 20px 20px 0 20px;}
    .view .survey_box .head_u li {font-size:1.7rem;font-weight:500;line-height:30px;list-style-position: inside;list-style: square;margin-left: 25px;}
    .view .survey_box h3 {margin-top:0;font-size:1.9rem;line-height: 30px;/* word-break: break-word; *//* list-style-position: inside; */}
    .view .survey_box h3 strong {font-size:2.5rem; margin-right:5px;}
    .view .survey_wp ul li {/* display:inline-block; */margin-left: 12px !important;}
    .view .survey_wp ul li input {margin-right:5px;margin-top: 3px;position: absolute;}
    .view .survey_wp ul li span {font-size:1.5rem;margin-left: 17px;}
    .view .survey_wp ul {margin: 10px 0 30px 0px !important;}
    .view .survey_wp .pd_area {width: 100% !important;margin: 20px 0px 40px 0px !important;resize:none;height:112px;text-align: left;border: solid 1px #999;}
    .view .survey_box button {width: 50% !important;height:48px;margin:0 auto;display: block;background:#004098;line-height:43px;}
    .view .survey_box button a {color:#fff; font-size:1.8rem; }
    .view .ing_wp {margin-top:0px !important;}

    .board .c1 .s1 .list_div ul li {height:45px !important;}





    .board .container {padding:0;}
    .board .c1 .s2 h2 {text-align: left;padding:0 !important;font-size:2rem;line-height:28px;}
    .board .c1 .s1 .list_div ul li {padding-left:5px; font-size:1.5rem ; word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .board .c1 .s1 {height:300px !important;}
    .board .c1 .s2 .con {min-height:300px !important;}
    .board .c1 .s2 .con p {margin-top:0px !important;}
    .board {padding-bottom:0px !important;}
    .board .list_div a {color:#333;}
    .view .video-js {height: calc(100vw/1.78) !important;}
    .view .factoty_name {width: 18% !important;margin-top: -47px !important;border-radius: 0 !important;}
    .view .factoty_name a {font-size:1.5rem !important; display:block !important;}

    .view .r2 .col-xs-12 {width:100% !important;margin-left:0 !important;margin-bottom:20px !important;height: 200px !important;}
    .view .r2 {padding:0 15px 0 15px !important;margin-top: 15px !important;margin-bottom: 0 !important;}
    .login .r2 .col-xs-12 {width:100% !important;margin-left:0 !important;margin-bottom:20px !important;height: 220px !important;}
    .login .r2 {padding:0 15px 0 15px !important;margin-top: 15px !important;margin-bottom: 0 !important;}
    .login .r2 .a1 .top_p {margin-bottom:0; padding-top:15px;}
    .board .head_box .title_h2 {font-size:1.6rem !important;padding:0 !important;text-align:center !important;float: none !important; line-height:60px;}
    .board .head_box {height:60px !important;}

}