@charset "UTF-8";

input {box-sizing: initial; -webkit-box-sizing: initial;}

/*
    =====================================================
    레이아웃
*/
/*.ed.container {max-width: none !important;}*/
.ed.container {max-width: none; width: auto;}
.eq.container #page {max-width: 860px; margin-left: auto; margin-right: auto;}
.eq.container #fo_write {max-width: 860px; margin-left: auto; margin-right: auto;}

.eq.navbar.dark .eq.navbar-nav > li.active > a {font-weight: bold;}
.eq.nav-dropdown {background: rgba(37, 40, 43, 0.95); border-radius: 0 0 3px 3px;}
.eq.nav-dropdown-list li a {color: rgba(255, 255, 255, 0.6);}
.eq.nav-dropdown-list li a:hover {color: rgba(255, 255, 255, 0.8);}
.eq.nav-dropdown-list li.active > a {font-weight: 600;}

@media all and (max-width: 1200px)
{
    #navbar .eq.dropdown:nth-last-of-type(3),
    #navbar .eq.dropdown:nth-last-of-type(2) {display: none;}
}

@media all and (max-width: 1100px)
{
    #navbar .navbar-search {display: none;}
}

@media all and (min-width: 1160px)
{

    /* 메인 */
    #main .eq.container-fluid:after {content: ''; display: table; clear: both; float: none;}
    #main .xe-widget-wrapper.review {max-width: 45%; margin-left: 4% !important;}
    #main .xe-widget-wrapper.new_event {max-width: 45%; margin-right: 4% !important;}
}

/*
    =====================================================
    헤더 네비 아이콘(네이버, 페이스북, 인스타) 고정
*/
#navbar .eq.navbar-nav > li:nth-last-child(3) a,
#navbar .eq.navbar-nav > li:nth-last-child(2) a,
#navbar .eq.navbar-nav > li:nth-last-child(1) a {padding: 0;}
#navbar .eq.navbar-nav > li:nth-last-child(3) img,
#navbar .eq.navbar-nav > li:nth-last-child(2) img,
#navbar .eq.navbar-nav > li:nth-last-child(1) img {vertical-align: middle; margin-top: -5px;}

#navbar .eq.navbar-icon {padding: 0;}
#navbar .eq.dropdown-angle .eq.dropdown-menu::before,
#navbar .eq.dropdown-angle .eq.dropdown-menu::after {right: 12px;}


/*
    =====================================================
    메인
*/
#umhome {margin-top: -40px; position: relative;}
#umhome>#fulid {margin-bottom: 50px;}
#umhome>#fulid h2 {font-weight: 600; color: #333; font-size: 20px; margin-bottom: 0;}
#umhome>#fulid .swiper-slide {height: 600px; overflow: hidden; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
#umhome>#fulid .swiper-pagination {bottom: 20px;}
#umhome>#fulid .swiper-pagination-bullet {width: 12px; height: 12px; background: rgba(64, 64, 64, 0.8); position: relative;}
#umhome>#fulid .swiper-pagination-bullet:after {content: ''; display: block; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; border: 1px solid rgba(64, 64, 64, 0.8); border-radius: 50%;}
#umhome>#fulid .swiper-button-next {right: 20px; text-align: center; width: 38px; height: 38px; border-radius: 50%;}
#umhome>#fulid .swiper-button-prev {left: 20px; text-align: center; width: 38px; height: 38px; border-radius: 50%;}
#umhome>#fulid .swiper-button-next:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yOTEsMTQuMjc2TDE0LjcwNSw0LjY5Yy0wLjg3OC0wLjg3OC0yLjMxNy0wLjg3OC0zLjE5NSwwbC0wLjgsMC44Yy0wLjg3OCwwLjg3Ny0wLjg3OCwyLjMxNiwwLDMuMTk0ICBMMTguMDI0LDE2bC03LjMxNSw3LjMxNWMtMC44NzgsMC44NzgtMC44NzgsMi4zMTcsMCwzLjE5NGwwLjgsMC44YzAuODc4LDAuODc5LDIuMzE3LDAuODc5LDMuMTk1LDBsOS41ODYtOS41ODcgIGMwLjQ3Mi0wLjQ3MSwwLjY4Mi0xLjEwMywwLjY0Ny0xLjcyM0MyNC45NzMsMTUuMzgsMjQuNzYzLDE0Ljc0OCwyNC4yOTEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==') no-repeat -5px -1px;
}
#umhome>#fulid .swiper-button-prev:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik03LjcwMSwxNC4yNzZsOS41ODYtOS41ODVjMC44NzktMC44NzgsMi4zMTctMC44NzgsMy4xOTUsMGwwLjgwMSwwLjhjMC44NzgsMC44NzcsMC44NzgsMi4zMTYsMCwzLjE5NCAgTDEzLjk2OCwxNmw3LjMxNSw3LjMxNWMwLjg3OCwwLjg3OCwwLjg3OCwyLjMxNywwLDMuMTk0bC0wLjgwMSwwLjhjLTAuODc4LDAuODc5LTIuMzE2LDAuODc5LTMuMTk1LDBsLTkuNTg2LTkuNTg3ICBDNy4yMjksMTcuMjUyLDcuMDIsMTYuNjIsNy4wNTQsMTZDNy4wMiwxNS4zOCw3LjIyOSwxNC43NDgsNy43MDEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==') no-repeat -5px -1px;
}

#umhome>#brand {max-width: 1400px; margin: 0 auto 120px;}
#umhome>#brand h2 {text-align: center; margin-bottom: 20px;}
#umhome>#brand h2>a {color: #333; font-size: 20px; font-weight: 400;} 
#umhome>#brand h2>a:hover {text-decoration: none;}
#umhome>#brand .swiper-wrapper {padding-bottom: 30px;}
#umhome>#brand .swiper-button-next {top: 40%; right: 10px; background: rgba(0, 0, 0, 0.1); text-align: center; width: 38px; height: 38px; border-radius: 50%;}
#umhome>#brand .swiper-button-prev {top: 40%; left: 10px; background: rgba(0, 0, 0, 0.1); text-align: center; width: 38px; height: 38px; border-radius: 50%;}
#umhome>#brand .swiper-button-next:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yOTEsMTQuMjc2TDE0LjcwNSw0LjY5Yy0wLjg3OC0wLjg3OC0yLjMxNy0wLjg3OC0zLjE5NSwwbC0wLjgsMC44Yy0wLjg3OCwwLjg3Ny0wLjg3OCwyLjMxNiwwLDMuMTk0ICBMMTguMDI0LDE2bC03LjMxNSw3LjMxNWMtMC44NzgsMC44NzgtMC44NzgsMi4zMTcsMCwzLjE5NGwwLjgsMC44YzAuODc4LDAuODc5LDIuMzE3LDAuODc5LDMuMTk1LDBsOS41ODYtOS41ODcgIGMwLjQ3Mi0wLjQ3MSwwLjY4Mi0xLjEwMywwLjY0Ny0xLjcyM0MyNC45NzMsMTUuMzgsMjQuNzYzLDE0Ljc0OCwyNC4yOTEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==') no-repeat -5px 0;
}
#umhome>#brand .swiper-button-prev:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik03LjcwMSwxNC4yNzZsOS41ODYtOS41ODVjMC44NzktMC44NzgsMi4zMTctMC44NzgsMy4xOTUsMGwwLjgwMSwwLjhjMC44NzgsMC44NzcsMC44NzgsMi4zMTYsMCwzLjE5NCAgTDEzLjk2OCwxNmw3LjMxNSw3LjMxNWMwLjg3OCwwLjg3OCwwLjg3OCwyLjMxNywwLDMuMTk0bC0wLjgwMSwwLjhjLTAuODc4LDAuODc5LTIuMzE2LDAuODc5LTMuMTk1LDBsLTkuNTg2LTkuNTg3ICBDNy4yMjksMTcuMjUyLDcuMDIsMTYuNjIsNy4wNTQsMTZDNy4wMiwxNS4zOCw3LjIyOSwxNC43NDgsNy43MDEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==') no-repeat -5px 0;
}
#umhome>#brand .swiper-pagination-bullet-active {background: #515151;}
#umhome>#brand .inc_brand {font-weight: 600;}
#umhome>#brand .card {display: block; width: 90%; margin: 5%; color: #222;}
#umhome>#brand .card:hover {text-decoration: none;}
#umhome>#brand .card:hover>.thumb>.crop {height: 98%;}
#umhome>#brand .thumb {position: relative; overflow: hidden; height: 250px; display: flex; justify-content: center; align-items: center;}
#umhome>#brand .crop {height: 94%; width: auto; max-width: none; transition: .1s linear;}
#umhome>#brand .capsule {padding: 20px 15px 15px; text-align: center;}
#umhome>#brand .category {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    border-radius: 500px;
    background-color: #333333;
}
#umhome>#brand .title {font-weight: 600; font-size: 16px; margin-bottom: 0;}

#umhome>#news_event {padding: 50px 0 40px; background: #25282b; margin-bottom: 80px;}
#umhome>#news_event h3 {margin-bottom: 30px; text-align: center;}
#umhome>#news_event h3>a {font-size: 20px; font-weight: 400; color: #9f9f9f;}
#umhome>#news_event h3>a:hover {text-decoration: none;}
#umhome>#news_event strong {color: #fff;}
#umhome>#news_event .press {max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#umhome>#news_event .invite {width: 100%; max-width: 24%; margin-bottom: 15px; position: relative; transition: .1s ease-in-out; text-align: center; overflow: hidden;}
#umhome>#news_event .invite:hover {margin-top: -10px; margin-bottom: 25px;}
#umhome>#news_event .image {z-index: 1; vertical-align: top; max-width: none; width: 100%;}
#umhome>#news_event .capture {z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 5%; transition: .1s linear;}
#umhome>#news_event .capture:hover {text-decoration: none; background: rgba(0, 0, 0, 0.9);}
#umhome>#news_event .title {color: #fff; font-size: 1.1rem; font-weight: 600; word-break: keep-all; margin-bottom: 5px;}
#umhome>#news_event .elapsed {color: rgba(255, 255, 255, 0.8); font-size: 13px;}

#umhome>#preview {max-width: 1340px; padding: 0 20px; margin: 0 auto 120px; display: flex;}
#umhome>#preview .review {flex: 1; max-width: 74%;}
#umhome>#preview .review h3 {margin-bottom: 20px;}
#umhome>#preview .review h3::before {content: ''; display: inline-block; width: 5px; height: 28px; background: #8e6ace; border-radius: 4px; margin-right: 7px; vertical-align: middle;}
#umhome>#preview .review h3>a {font-size: 18px; font-weight: 600; color: #8e6ace;}
#umhome>#preview .review h3>a:hover {text-decoration: none;}
#umhome>#preview .showcase {display: flex; flex-wrap: wrap; justify-content: space-between;}
#umhome>#preview .figure {display: block; align-self: flex-start; border-radius: 3px; overflow: hidden; width: 32%; /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);*/}
#umhome>#preview .figure:hover {text-decoration: none;}
#umhome>#preview .image {height: 150px; position: relative; overflow: hidden; text-align: center;}
#umhome>#preview .image>img {display: block; min-width: 100%; min-height: 100%; max-width: none; width: auto; transition: .1s linear;}
#umhome>#preview .caption {font-size: 15px; padding: 10px 0; color: #111; word-break: keep-all;}
#umhome>#preview .title {margin-bottom: 5px;}

#umhome>#preview .notice {width: 22%; margin-left: auto;}
#umhome>#preview .notice h3 {font-size: 16px; font-weight: 400; color: #555b61;}
#umhome>#preview .notice .warn:hover {text-decoration: none;}


@media all and (max-width: 959px)
{
    #umhome>#fulid .swiper-slide {height: 350px;}

    #umhome>#brand .thumb {height: 200px;}
    /*#umhome>#brand .swiper-slide {height: 250px;}*/

    #umhome>#news_event .invite {max-width: 33%;}
    #umhome>#news_event .invite:nth-last-child(3) ~ .invite {display: none;}

    #umhome>#preview {flex-flow: column;}
    #umhome>#preview .review {width: 100%; max-width: none; box-sizing: border-box; margin-bottom: 40px;}
    #umhome>#preview .figure:nth-last-child(7) ~ .figure {display: none;}
    #umhome>#preview .notice {width: 50%; margin: 0 auto;}
}

@media all and (max-width: 639px)
{
    #umhome>#fulid .swiper-slide {height: 250px;}

    #umhome>#fulid .swiper-button-next {display: none;}
    #umhome>#fulid .swiper-button-prev {display: none;}

    #umhome>#brand .swiper-button-next {display: none;}
    #umhome>#brand .swiper-button-prev {display: none;}

    #umhome>#news_event .invite {max-width: 100%; height: 200px; margin-bottom: 5px;}
    #umhome>#news_event .invite:hover {margin-top: 0; margin-bottom: 5px;}
    #umhome>#news_event .invite:nth-last-child(4) ~ .invite {display: none;}

    #umhome>#preview .review {margin-bottom: 50px;}
    #umhome>#preview .review .figure {width: 100%;}
    #umhome>#preview .review .figure:nth-last-child(9) ~ .figure {display: none;}

    #umhome>#preview .notice {width: 100%;}
}


/*
    =====================================================
    검색
*/
.localNavigation li a {box-sizing: content-box; font-size: 12px; line-height: 1;}


/*
    =====================================================
    게시판
*/

/* 게시판: article.html 유튜브 링크 */
#board_read {max-width: 960px; margin-left: auto; margin-right: auto;}
#board_read #yu {max-width: 600px; margin: 0 auto;}
#board_read #yu>iframe {width: 100%;}
#board_read #yu>iframe .ytp-cued-thumbnail-overlay-image {background-size: 100%;}

/* 게시판: article.html 외부 링크 */
#board_read #eu_fol {position: absolute; top: 10px; right: -220px; width: 200px; height: 100%; transition: .1s;}
#board_read #eu_fol>.sticky {position: -webkit-sticky; position: sticky; top: 100px; left: 0; width: 100%;}
#board_read #eu_fol h3 {font-size: .8rem; font-weight: bold; color: #222;}
#board_read #eu_fol h4.title {font-size: .9rem; color: #333; letter-spacing: -1px; font-weight: bold;}
#board_read #eu_fol ul {display: none; margin: 0; padding: 0; list-style: none;}
#board_read #eu_fol ul.active {display: block;}
#board_read #eu_fol li {margin-bottom: 25px; margin: 0; padding: 0; list-style: none;}
#board_read #eu_fol li>a:hover {text-decoration: none;}
#board_read #eu_fol nav {display: block; text-align: center;}
#board_read #eu_fol nav>a {color: #222; display: inline-block; margin: 2px; padding: 2px; width: 20px; height: 20px; box-sizing: border-box; vertical-align: middle; font-size: .72rem;}
#board_read #eu_fol nav>a:hover {text-decoration: none;}
#board_read #eu_fol nav>a.active {display: inline-block; margin: 3px; vertical-align: middle; width: 20px; border-radius: 3px; background: #555; color: #fff;}
#board_read #eu_fol .thumb {position: relative; width: 200px; height: 70px; margin-bottom: 5px;}
#board_read #eu_fol .thumb:before {
	z-index: 2;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#board_read #eu_fol .thumb>.img {display: block; width: 200px; height: 70px; background-repeat: no-repeat; background-position: center; z-index: 1; border-radius: 5px;}

#board_read #eu {display: none;}
#board_read #eu h3 {font-size: .8rem; font-weight: bold; color: #222;}
#board_read #eu li {margin-bottom: 10px;}
#board_read #eu li>a {color: #333; font-size: .9rem;}
#board_read #eu li>a:hover {text-decoration: underline;}

@media all and (max-width: 1440px)
{
	#board_read #eu_fol {display: none;}
	#board_read #eu {display: block;}
}

.ed.table thead tr .author {width: auto !important;}
.ed.table tr .title {width: auto !important;}



/*
    =====================================================
    제품 등록
*/
#product_registration h1 {font-size: 27px; font-weight: bold; color: #25282b;}
#product_registration .register {display: flex;}
#product_registration .guide {max-width: 750px; width: 100%; padding: 0 10px 20px;}
#product_registration .inform {width: 100%; max-width: 340px; padding-left: 30px; padding-right: 15px;}
#product_registration .inform .control {margin-bottom: 35px;}
#product_registration .inform h2 {font-size: 18px; color: #111; margin-bottom: 15px;}
#product_registration #model {
	background: #f8f8f8;
    padding: 5px 10px;
    border: 1px solid #222;
    margin-bottom: 5px;
}
#product_registration input[type="text"] {
	display: block;
	box-sizing: border-box;
    padding: 0 12px;
    background-color: #f8f8f8;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-size: 14px;
    font-weight: 300;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    border: 0;
    margin-bottom: 5px;
    color: #333;
}
#product_registration #valid_serial {display: none; font-size: 13px; margin-bottom: 15px;}
#product_registration .about_email {font-size: 12px; color: #999;}
#product_registration .about_file {color: #999; font-size: 11px; padding: 5px 0; margin: 5px 0 10px;}
#product_registration #file_sample {display: flex; cursor: pointer; color: #999; font-size: 12px; border: 1px solid #ddd; max-height: 180px; height: 160px; width: 280px; margin-bottom: 10px; border-style: dashed;}
#product_registration #file_sample.empty {text-align: center; justify-content: center; align-items: center;}
#product_registration #file_sample img {max-height: 160px; margin: 10px; max-width: 260px; width: auto;}
#product_registration input#file_reg {
	/*max-width: 230px;
	padding: 10px;
	background: #f8f8f8;
	border-top: 1px solid rgba(0,0,0,.075);*/
	display: none;
	visibility: hidden;
}
#product_registration label#file_cfm {
	color: #666666;
    background-color: white;
    border-color: #c4c4c4;
    border-radius: 100px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    padding: 10px 18px;
    border-width: 1px;
    border-style: solid;
    text-decoration: none !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#product_registration #file_upload_msg {display: inline-block; margin-left: 10px; padding: 8px 10px; font-size: 12px; vertical-align: middle; max-width: 235px; border-radius: 3px;}
#product_registration #file_upload_msg.danger {background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24;}
#product_registration #file_upload_msg.warning {color: #856404; background-color: #fff3cd; border-color: #ffeeba;}
#product_registration .agreement {padding: 10px 15px; margin-top: 40px; margin-bottom: 10px; background: #f8f8f8; border-radius: 2px; border-top: 1px solid rgba(0,0,0,.075); overflow: hidden;}
#product_registration .agreement textarea {font-size: 12px; height: 175px; overflow-y: scroll; display: block; width: 100%; resize: vertical; border: 1px solid #ddd;}
#product_registration .agreement h2 {font-size: 13px; margin-bottom: 5px; color: #222;}
#product_registration .agreement .control {padding-top: 5px; text-align: center;}
#product_registration #cfm_agreement {display: none; visibility: hidden;}
#product_registration #cfm_agreement + label {
	display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#product_registration #cfm_agreement + label:before {
    display: inline-block;
    cursor: pointer;
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px auto;
    -webkit-background-size: 10px auto;
    -moz-background-size: 10px auto;
    -o-background-size: 10px auto;
    border-radius: 4px;
    border: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    vertical-align: middle;
    background-color: white;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#product_registration #cfm_agreement:checked + label {
    color: #ff5a5a;
}
#product_registration #cfm_agreement:checked + label:before {
    border-color: #ff5a5a;
    background-color: #ff5a5a;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K");
}
#product_registration .post {text-align: center; margin-top: 10px;}
#product_registration button#cfm {
	color: white;
    border-color: #ff5a5a;
    border-radius: 100px;
    background-color: #ff5a5a;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    padding: 10px 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #ededed;
    text-decoration: none !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#product_registration #denied_msg {margin-bottom: 10px; font-size: 13px; color: #ff5a5a;}
#product_registration button#cfm.denied {
	background: #9e9e9e;
	border-color: #c4c4c4;
}

@media all and (max-width: 959px)
{
    #product_registration .register {flex-flow: column; align-items: center;}
}

@media all and (max-width: 639px)
{
    #product_registration .register {flex-flow: column;}
}