@charset "utf-8";


input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {color:#fff;}
.orange:hover {color:#e6a306!important;}
/*main*/
.dark #mainMenu nav>ul>li>a, #mainMenu.dark nav>ul>li>a {color:#000;}
.main_img_01 {background-image: url(../images/slide2.png); min-height: 1000px; background-position: bottom; background-size: cover;}
.main_img_02 {background-image: url(../images/machine_img.png); min-height: 400px; background-position: center; background-size: cover;}
.main_img_03 {background-image: url(../images/robot_img.png); min-height: 400px; background-position: center; background-size: cover;}
.main_img_04 {background-image: url(../images/logics_img.png); min-height: 400px; background-position: center; background-size: cover;}
.main_img_txt {text-align:center; padding:20em 0 5em;}
.main_img_txt_down{text-align: center; padding:10em 0 5em;}
.main_img_txt h4 {font-size: 20px;}
.main_img_txt h1 {font-size: 50px;}
.text-white {color:#fff;}
.main_btn {border: 1px solid #fff; background-color:transparent; padding:10px 20px; margin-top:200px; font-size: 18px;}
.main_btn img {margin-bottom: 10px; margin-left: 50px;}
#mainMenu nav>ul>li .dropdown-menu {border-style: none; border-color:#fff; padding:20px; min-width:190px;}
.mega-menu-bg {background-color:#fff; width:100%; height: 400px; display:none;}
#header .header-inner #logo, #header #header-wrap #logo {width:10%;}
#header .header-inner div.container div.logo a.logo-link span.logo-default img {height:auto;}
#header .header-inner div.container div.logo a.logo-link span.logo-dark img {height:auto;}
#header .header-inner div.container div.mainMenu div.container nav ul li.large-menu>a {padding:0; }
#mainMenu nav>ul>li {width: 160px; text-align: center; margin:0;}
.menu_more_box {display: none;}
.menu_more_box li {line-height:40px; text-indent: 10px;}
#header, .header-inner {box-shadow: 0 2px 2px rgb(0 0 0 / 6%);}
.brain_btn {border-radius: 5px; background-color:#e6a306; height:30px; padding:0 10px; vertical-align: middle; line-height:30px; font-size: 14px; border:none;}
.user_menu {width:400px; float: left;}
.user_menu ul {float:right;}
.user_menu li {float: left; margin-right:20px;position: relative;}
.user_menu li:before{content:''; position: absolute; right:-10px; background-color:#ccc; bottom:32px; height:15px; width:1px;}
.user_menu li.logout:before {display:none !important;}
.user_menu li a {font-size: 14px;}
#mainMenu nav {width:90%;}
.float-left {float:left;}
.footer_txt {font-size: 12px;}
.footer_txt .right-line {margin-right: 40px; position:relative;}
.footer_txt .right-line:before {position: absolute; right: -20px; bottom:4px; content:''; height:15px; background-color:#ccc; width:1px;}
.cl-both {clear: both;}
.row {align-items:center;}
#footer div.footer-content div.container div.row div.row-left img {width: 50%;}
.copy {color: #878686; font-size: 11px;}

/* 반응형 헤더 메뉴 개선 */
@media screen and (max-width: 1400px) {
    #mainMenu nav>ul>li {width: 140px; font-size: 14px;}
    .user_menu {width: 350px;}
    .user_menu li {margin-right: 15px;}
    .user_menu li a {font-size: 13px;}
}

@media screen and (max-width: 1200px) {
    #mainMenu nav>ul>li {width: 120px; font-size: 13px;}
    .user_menu {width: 300px;}
    .user_menu li {margin-right: 12px;}
    .user_menu li a {font-size: 12px;}
    #mainMenu nav>ul>li a {padding: 0 8px;}
}

@media screen and (max-width: 1000px) {
    #mainMenu nav>ul>li {width: 100px; font-size: 12px;}
    .user_menu {width: 250px;}
    .user_menu li {margin-right: 10px;}
    .user_menu li a {font-size: 11px;}
    #mainMenu nav>ul>li a {padding: 0 5px;}
}

/*sub0101*/
.content_box_title h1 {font-size: 20px; position:relative;}
.content_box_title h1:before {position:absolute; content:''; width:100px; background-color:#eb6306; height:2px; bottom:-15px; left:50%; transform: translate(-50%,0);}
.content_box .txt_box {padding-bottom:50px;}
.content_wrap {padding:100px 0;}
.company_box {display: flex;}
.company_box .left_box, .company_box .right_box {width:50%; }
.company_box .left_box {word-break: keep-all; padding:0 30px;}
.company_box .txt_box h1 {color:#eb6306; font-size: 20px; font-weight: 600;}
.company_box .txt_box h3 {font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 16px;}
.company_box .txt_box p {font-family: 'Noto Sans KR', sans-serif; font-size: 15px; margin-top: 30px;}

/*sub0102*/
.history_ul {position: relative;}
.history_ul:before {position: absolute; height:100%; content:''; width: 1px; background-color:#ccc; left:50%; transform: translate(-50%,0%);}
.history_ul li {position: relative; left:600px; margin-left: 30px; margin-bottom: 50px; width:50%;}
.history_ul li:before {content:''; position:absolute; background: #fff; border:5px solid #eb6306; border-radius: 15px; top:0; left:-55px; width:20px; height:20px;}
.history_ul li h1 {font-size: 40px; font-weight: 800; color:#444;}
.history_ul li:nth-child(even) {position: relative; left:-80px; margin-left: 30px; text-align:right;}
.history_ul li:nth-child(even):before {content:''; position:absolute; background: #fff; border:5px solid #eb6306; border-radius: 15px; top:0; left:625px; width:20px; height:20px;}

/*mobile*/
@media screen and (max-width: 768px) {
    .history_ul li:before {top: 0; left: -17%;}
    .history_ul li {margin-left: 55%; width: 40%; left:0;}
    .history_ul li:nth-child(even) {margin-left: 5%; left:0;}
    .history_ul li:nth-child(even):before {left: 107%;}
}

/*sub0103*/
.organized_box img {display: block; margin:0 auto;}

/*sub0104*/
.location_box .txt_box h3 {font-family: 'NanumSquare', sans-serif; text-align:center; margin-top: 30px; font-size: 14px;}
.location_box .txt_box h3 span {color:#eb6306; font-size: 16px; margin-right: 50px; font-weight: 600;}
.location_box .txt_box h3 a {margin-left:50px;}
.location_box .txt_box h3 br {display:none;}
.button {display:block; text-align: center;}

/*sub0105*/
.company_list_box div {display:flex; justify-content: space-around; align-items: center; margin-bottom: 50px;}
.company_list_box img {max-width:180px;}

/*sub0201*/
.care_flow_box .txt_box {padding-bottom:0;}
.care_desc_box {position:relative; margin-top:140px;}
.care_desc_box .left_box {width: 90%; background-color: #f8f8f8; padding: 50px 40px;}
.care_desc_box .left_box p {font-size: 16px; font-family: 'Noto Sans KR', sans-serif; margin-bottom:20px; color:#666;}
.care_desc_box .right_box {position: absolute; top: -160px; left: 640px;}
.care_desc_box .left_box p:first-child, .care_desc_box .left_box p:nth-child(2), .care_desc_box .left_box p:nth-child(3), .care_desc_box .left_box p:nth-child(4) {width: 55%;} 

.color_wrap {background-color: #f8f8f8;}
.color_blue_wrap {background-color: #203762;}
.content_title {text-align: center; font-size:20px; position:relative; font-weight: 500; color:#444;}
.content_title:before {content:''; position:absolute; width:50px; height:1px; background-color:#fcc704; bottom:-15px; left:50%; transform: translate(-50%,0);}
.care_flow_box .txt_box p, .care_func_box .txt_box p, .care_menu_box .txt_box p {font-family: 'Noto Sans KR', sans-serif; width:60%; word-break: keep-all; margin:50px auto 0; font-size: 16px;}
.img_box img {display:block; margin:50px auto;}
.icon_box {background-color:#d5d5d5; width:100%; text-align:center; padding: 20px; }
.icon_txt_box {background-color:#fff; height:350px; padding: 30px; }
.icon_txt_box h1 {font-size: 18px; color:#eb6306; font-weight: 700; font-family: 'NanumSquare', sans-serif; letter-spacing: -1px;}
.icon_txt_box p {font-size: 12px; color:#888; font-family: 'NanumSquare', sans-serif; }
.icon_txt_box h5 {font-size: 14px; color:#666; font-family: 'Noto Sans KR', sans-serif; position:relative; margin-top: 20px; word-break: keep-all;} 
.icon_txt_box h5:before {position: absolute; content: ''; top:-10px; left:0; width:100%; height:1px; background-color:#ccc;}
.care_menu_box .img_box {display:flex; align-items: flex-start;}

/*sub0202*/
.product_button {display: flex; justify-content: center;}
.product_btn {border:1px solid #eb6306; border-radius: 5px; color:#eb6306; background-color: transparent; font-family: 'NanumSquare', sans-serif; padding: 10px 30px; margin:0 10px; font-size: 18px; display: flex; align-items: center;}
.product_btn:hover {background-color: #eb6306; color:#fff;}
.product_person_intro_box {display: flex; align-items: center; justify-content: space-around;}
.product_person_intro_box .txt_box p {word-break: keep-all; font-family: 'Noto Sans KR', sans-serif; padding-left: 50px; text-indent: -50px;}
.margin {margin:0 20px;}
.product_person_intro_box table  {margin-top: 40px;}
.border {border: 1px solid #ccc; height:420px; }
.product_person_intro_box table tr td:nth-child(2) img {padding:0 20px;}
.border img {padding: 20px;}
.manual_box {border: 1px solid #ccc; padding: 50px;}
.sub_title {text-align: center; font-size:22px; font-weight: 800; color:#444; margin-bottom:30px;}
.manual_box_content {display:flex; justify-content: space-evenly; align-items: center;}
.manual_download h3 {color:#666; font-weight: 600; font-family: 'NanumSquare', sans-serif; font-size: 24px; text-align:center;}
.download_btn {font-family: 'NanumSquare', sans-serif; color:#0c3cb6; border: 1px solid #0c3cb6; background-color:transparent; padding:10px 20px; font-size:16px; display: block; margin:0 auto;}
.download_btn i {margin-left: 10px;}
.product_btn:hover, .product_btn:focus, .product_btn:active {background:#df6613;}

.video_box_txt {display:flex; justify-content: space-around; margin-bottom:30px;}
.video_box_content {display:flex; justify-content: space-around;}
.video_box_content video {width:30%;}
.video_box_content iframe:nth-child(2) {margin:0 30px;}
.video_box_content iframe {display: block; border:none; height:25vh; width:100vw;}
.spec_box_content table {font-family: 'Noto Sans KR', sans-serif; margin:0 auto; color:#888;}
.spec_box_content table tr td:first-child{text-align: center; color:#444;}
.spec_box_content table tr td{padding:30px 20px;}
.spec_box_content table tr:first-child{border-top: 2px solid #eb6306;}
.spec_box_content table tr{border-bottom: 1px solid #ccc;}
.bro_box_button .download_btn {margin:0;}
.bro_box_button, .bro_box_content {display:flex; justify-content: space-evenly; margin-top:40px;}

/*sub0205*/
.product_health_box .img_box {display:flex;}

/*sub0206*/
.product_robot_box .img_box .img_left {width:40%;}
.product_robot_box .img_box {display:flex; margin:50px 0; border-bottom: 1px dashed #ccc; padding-bottom: 50px;}
.product_robot_box .img_box:last-child{border-bottom: none;}
.product_robot_box .img_box h1 {font-size: 20px;}
.product_robot_box .img_box table {width: 50%; margin:0 auto;}
.product_robot_box .img_box table tr {border-bottom: 1px solid #ccc;}
.product_robot_box .img_box table tr td {padding:20px; font-size: 14px; font-family: 'Noto Sans KR';}
.product_robot_box .img_box table tr td:first-child {background-color:#eee; text-align:center;width:30%;}

/*sub0207*/
.product_exam_box .img_box {display:flex; margin-top:50px; justify-content: space-around;}
.product_exam_box .img_box:last-child {margin-top:10px;}
.product_exam_box .img_box img {margin:0;}

/*sub0301*/
.busi_rehab {border-bottom:1px dashed #ccc; padding:50px 0;}
.busi_rehab h1 {font-family: "S-CoreDream-3Light",sans-serif; font-weight: 700; font-size:20px; color:#555;}
.busi_rehab_box .img_box {display: flex; justify-content: space-between; align-items: center;}
.busi_rehab_box .img_right {width: 50%;}
.busi_rehab_box .img_right_bro {display: flex;}
.busi_rehab_box .img_right iframe {display: block; border:none; width:100%; height:30vh; margin-top:30px;}
.busi_rehab_box .img_right_bro a {display:block; margin:0 auto;}
.busi_rehab video {margin-top:20px;}

/*pad*/
@media screen and (max-width: 1200px) {
    .dark #header .header-inner .lines, .dark #header .header-inner .lines:before, .dark #header .header-inner .lines:after, .dark #header #header-wrap .lines, .dark #header #header-wrap .lines:before, .dark #header #header-wrap .lines:after, #header.dark .header-inner .lines, #header.dark .header-inner .lines:before, #header.dark .header-inner .lines:after, #header.dark #header-wrap .lines, #header.dark #header-wrap .lines:before, #header.dark #header-wrap .lines:after {background-color:#000!important;}
    #header .header-inner #logo, #header #header-wrap #logo {width: 10%; left:30px; top: 5px;}
    #mainMenu nav>ul>li.dropdown:before {content:'';}
    #mainMenu nav>ul>li {width: 100%;}
    .user_menu li:first-child:before {bottom:13px; right:-110%; display: none;}
    #mainMenu:not(.menu-overlay) nav>ul>li {padding:10px 0;}
    #header #logo>a img {width:90px;}
    .user_menu {margin: 50px auto; width: 100%; padding-bottom: 50px;}
    .user_menu ul {display:flex; justify-content: space-evenly; align-items: center; width:50%; margin:0 auto;}
    .user_menu li:first-child {margin-left:0;}
    .user_menu li {margin-right:0;}
    .mainMenu-open #header #mainMenu {min-height:400px!important; height:auto; background-color:#fff; overflow:auto; top:0; position:relative; padding-top:50px;}
    .lines {width:25px; top:0;}
    .lines::before {top: 8px;}
    .lines::after {top: -8px;}
    .container, .container-md, .container-sm {max-width:95%;}
    #mainMenu-trigger {position: relative; opacity: 1; visibility: visible;}
    .history_ul li {left:52%;}
    .history_ul li:before {left:-60px;}
    .history_ul li:nth-child(even):before {left:110%;}
    .history_ul li:nth-child(even) {left:-90px;}
    #mainMenu:not(.menu-overlay)>.container {text-align: left !important; width: 100%;max-width: 100%;}
    #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu {background-image: none !important; max-height: 0; overflow: hidden; opacity: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); position: static;
        clear: both; float: none; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; min-width: 100%; margin: 0; border-radius: 0px; padding: 0 16px;}
    #mainMenu:not(.menu-overlay) nav>ul>li {margin: 0; clear: both; float: none; display: block; border: 0; line-height:20px;}
    #mainMenu:not(.menu-overlay) nav>ul {float:none; width:100%;}
    #mainMenu:not(.menu-overlay) nav {line-height: 40px; float: none; width: 100%; padding-bottom: 20px; -webkit-transition: .7s ease;
        transition: .7s ease; display:none; -webkit-transform: translateY(-18px); transform: translateY(-18px); }
    #mainMenu:not(.menu-overlay).menu-animate nav {display:block; transform: translateY(0);}
    .header-inner .container {width:100%; padding-right:0; padding-left:0;}
    .mainMenu-open #header .header-inner, .mainMenu-open #header #header-wrap {box-shadow: 0 4px 10px rgb(0 0 0 / 30%); background-color: #fff !important; height:auto;}
    #mainMenu:not(.menu-overlay) nav>ul li.hover-active>.dropdown-menu {visibility: visible; opacity: 1; max-height:3000px;}
    #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu {background-color: transparent; display: block;}

    .product_btn {font-size: 14px;}
    
}

/* 모바일 메뉴 세로 표시 개선 */
@media screen and (max-width: 768px) {
    /* 메인 메뉴 세로 표시 */
    #mainMenu nav>ul {
        display: block !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    #mainMenu nav>ul>li {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
    }
    
    #mainMenu nav>ul>li:last-child {
        border-bottom: none !important;
    }
    
    #mainMenu nav>ul>li a {
        display: block !important;
        padding: 10px 20px !important;
        font-size: 16px !important;
        color: #333 !important;
    }
    
    /* 드롭다운 메뉴 세로 표시 */
    #mainMenu nav>ul>li .dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background-color: #f8f8f8 !important;
    }
    
    #mainMenu nav>ul>li.hover-active .dropdown-menu {
        display: block !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li:last-child {
        border-bottom: none !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li a {
        display: block !important;
        padding: 12px 30px !important;
        font-size: 14px !important;
        color: #666 !important;
        text-decoration: none !important;
    }
    
    /* 서브 메뉴 (menu_more_box) 세로 표시 */
    #mainMenu nav>ul>li .dropdown-menu li ul.menu_more_box {
        position: static !important;
        display: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: #f0f0f0 !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li:hover ul.menu_more_box {
        display: block !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li ul.menu_more_box li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #d0d0d0 !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li ul.menu_more_box li:last-child {
        border-bottom: none !important;
    }
    
    #mainMenu nav>ul>li .dropdown-menu li ul.menu_more_box li a {
        display: block !important;
        padding: 10px 40px !important;
        font-size: 13px !important;
        color: #888 !important;
        text-decoration: none !important;
    }
    
    /* 사용자 메뉴 세로 표시 */
    .user_menu {
        width: 100% !important;
        margin: 20px auto !important;
        padding: 0 !important;
    }
    
    .user_menu ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .user_menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #eee !important;
        float: none !important;
    }
    
    .user_menu li:before {
        display: none !important;
    }
    
    .user_menu li a,
    .user_menu li button {
        display: block !important;
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
        text-align: left !important;
        color: #333 !important;
        text-decoration: none !important;
        background: none !important;
        border: none !important;
    }
    
    .user_menu li:last-child {
        border-bottom: none !important;
    }
}



/*mobile*/
@media screen and (max-width: 1000px) {

    #header #logo>a img {padding-bottom: 4px;}
    .main_img_txt h1 {font-size: 35px;}
    .main_img_01 {min-height:80vh;}
    .main_btn {margin-top:100px;}
    .main_img_txt {padding:7em 0 3em;}
    .row {flex-direction: column;}
    #footer div.footer-content div.container div.row div.row-right {max-width: 100%; margin-top:30px;}
    #footer div.footer-content div.container div.row div.row-left {max-width: 100%;}
    #footer div.footer-content div.container div.row div.row-left img {display: block; margin:0 auto; width: 120px;}
    .footer_txt .right-line:before {display:none;}
    #header .header-inner #logo, #header #header-wrap #logo {width:30%; left:20px;}
    #mainMenu-trigger {right:20px;}
    .mainMenu-open #header #mainMenu {padding-top:0; overflow-y: auto; overflow-x: hidden; width:100%;}
    .user_menu ul {width:90%;}

    .company_box {flex-direction: column-reverse;}
    .company_box .left_box, .company_box .right_box {width: 100%;}
    .company_box .left_box {padding:0;}
    .content_wrap {padding: 50px 0;}
    .img_box img {margin:50px auto ;}
    .history_ul:before {left:0;}
    .history_ul li {margin-left:0; width:90%; left:30px;}
    .history_ul li:before {left:-40px;}
    .history_ul li:nth-child(even) {width:90%; margin-left:0; text-align: left; left:30px;}
    .history_ul li:nth-child(even):before {left:-40px;}

    .location_box .txt_box h3 {text-align: left;}
    .location_box .txt_box h3 br {display:block;}
    .location_box .txt_box h3 a {margin-left:0;}
    .content_box .txt_box {padding-bottom: 0;}

    .company_list_box div {align-items: center; flex-direction: column; margin-bottom:0;}
    .company_list_box div img {margin:10px 0;}

    .care_desc_box {margin-top:0;}
    .care_desc_box .right_box {left:0; top:0; position:relative;}
    .care_desc_box .left_box {width: 100%; padding: 40px 20px;}
    .care_desc_box .left_box p:first-child, .care_desc_box .left_box p:nth-child(2), .care_desc_box .left_box p:nth-child(3), .care_desc_box .left_box p:nth-child(4) {width:100%;}
    .care_flow_box .txt_box p, .care_func_box .txt_box p, .care_menu_box .txt_box p {width: 100%; margin: 50px auto 0; }
    .color_blue_wrap .content_box .row .col-lg-3 {margin-bottom:20px;}
    .care_menu_box .img_box {flex-direction: column;}

    .product_button {flex-direction: column;}
    .product_btn {flex-direction: column; margin: 10px 90px;}
    .product_person_box .img_box img {margin: 50px auto;}
    .product_person_intro_box {flex-direction: column;}
    .margin {margin: 20px 0;}
    .border {border: none!important; height:100%;}
    .border:nth-child(2) {margin:20px 0;}
    .border img {padding:0;}
    .manual_box_content {flex-direction: column;}
    .manual_download h3 {margin: 20px 0;}
    .video_box_txt {flex-direction: column; align-items: center;}
    .video_box_content {flex-direction: column; align-items: center;}
    .video_box_content iframe {width: 85vw; height: 25vh;}
    .video_box_content iframe:nth-child(2) {margin: 20px 0;}
    .spec_box_content table tr td {font-size: 12px; padding: 20px; word-break: keep-all;}
    .bro_box_content img {width: 40%;}
    .download_btn {padding: 10px 20px; word-break: keep-all; }
    .bro_box_button .download_btn {width: 100%;}
    .product_health_box .img_box {flex-direction: column; margin-top: 50px;}
    .product_robot_box .img_box {flex-direction: column; width:100%;}
    .product_robot_box .img_box .img_left {width:100%;}
    .product_robot_box .img_box table {width:100%}
    .product_exam_box .img_box {flex-direction: column;}
    .product_exam_box .img_box img {margin-top:20px;}
    .busi_rehab_box .img_box {flex-direction: column;}
    .busi_rehab_box .img_right {width:100%;}
    .busi_rehab_box .img_right_bro img {width: 40%;}
    .busi_rehab_box .img_right_bro .download_btn {width:100%;}
    .video_box_content video {width:100%;}
}


#contents_login {font-size:12px;}