@charset "UTF-8";
/* reset */
@font-face {font-family:'NotoKrR';font-style:normal;font-weight:300;src:local('Noto Sans Light'), local('NotoSans-Light'), url(../fonts/NotoSans-Light.eot);src:url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/NotoSans-Light.woff2) format('woff2'),url(../fonts/NotoSans-Light.woff) format('woff')}
@font-face {font-family:'NotoKrR';font-style:normal;font-weight:400;src:local('Noto Sans Regular'), local('NotoSans-Regular'), url(../fonts/NotoSans-Regular.eot);src:url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/NotoSans-Regular.woff2) format('woff2'),url(../fonts/NotoSans-Regular.woff) format('woff')}
@font-face {font-family:'NotoKrR';font-style:normal;font-weight:500;src:local('Noto Sans Medium'), local('NotoSans-Medium'), url(../fonts/NotoSans-Medium.eot);src:url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/NotoSans-Medium.woff2) format('woff2'),url(../fonts/NotoSans-Medium.woff) format('woff')}
@font-face {font-family:'NotoKrR';font-style:normal;font-weight:700;src:local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSans-Bold.eot);src:url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/NotoSans-Bold.woff2) format('woff2'),url(../fonts/NotoSans-Bold.woff) format('woff')}

@font-face {font-family:'Roboto';font-style:normal;font-weight:100;src: url(../fonts/Roboto-Thin.woff2) format('woff2'),url(../fonts/Roboto-Thin.woff) format('woff'),url(../fonts/Roboto-Thin.otf) format('opentype');}
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src: url(../fonts/Roboto-Light.woff2) format('woff2'),url(../fonts/Roboto-Light.woff) format('woff'),url(../fonts/Roboto-Light.otf) format('opentype');}
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src: url(../fonts/Roboto-Regular.woff2) format('woff2'),url(../fonts/Roboto-Regular.woff) format('woff'),url(../fonts/Roboto-Regular.otf) format('opentype');}
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src: url(../fonts/Roboto-Medium.woff2) format('woff2'),url(../fonts/Roboto-Medium.woff) format('woff'),url(../fonts/Roboto-Medium.otf) format('opentype');}
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src: url(../fonts/Roboto-Bold.woff2) format('woff2'),url(../fonts/Roboto-Bold.woff) format('woff'),url(../fonts/Roboto-Bold.otf) format('opentype');}

* {-webkit-overflow-scrolling:touch;outline:none}
*, div, article, aside, footer, header, main, nav, section {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {position:relative;width:100%;min-width:320px;font-weight:500;font-size:16px;line-height:1.5;font-family:"애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "NotoKrR", "Malgun Gothic", Dotum, Hevetica, Arial, sans-serif;color:#222;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;background-color:#fff}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, figure {margin:0;padding:0}
fieldset {min-width:auto;border:0 none}
img {max-width:100%;height:auto;vertical-align:top;-webkit-user-select:none;-webkit-touch-callout:none}
video {vertical-align:middle}
dl, ul, ol, menu, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
input, select, textarea, button {font-size:16px;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none}
button:disabled {cursor:auto}
table {border-collapse:collapse;border-spacing:0}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display:none}
input[type="text"], input[type="password"] {overflow:hidden !important;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}
input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder {color:#aaa}
input[disabled], input[readonly] {color:#888;-webkit-text-fill-color:#888;opacity:1}
button, input, textarea, select {/* -webkit-appearance:none;*/-webkit-border-radius:0;border-radius:0;border:0 none}
select::-ms-expand {display:none}
section, header, footer, main, article, aside, nav, figcaption, figure {display:block}
address, cite, code, dfn, em, var, i {font-style:normal;font-weight:400}
legend, caption {font-size:0;line-height:0;visibility:hidden}
h1, h2, h3, h4, h5, h6 {font-weight:600;font-size:16px;line-height:1.25;word-break:keep-all}
strong {font-weight:600}
a {color:#222;text-decoration:none;-webkit-user-select:none;-webkit-touch-callout:none}
a:active, a:hover {text-decoration:none}
hr {display:none}
mark {background-color:transparent;color:inherit}
i {vertical-align:middle}
iframe {background-color:#eceef1}

/*common*/
.bg_blue {background-color:#4376c3 !important;color:#fff}
.fl {float:left}

.tf_lab {display:inline-block;position:relative;margin-right:15px;}
.tf_lab input {position:absolute;top:0;left:0;z-index:-1;width:1px;height:1px;opacity:0.01}
.tf_lab .rd_cont {display:inline-block;position:relative;width:15px;height:15px;cursor:pointer;background:url(/images/radio_off.png) no-repeat 0 0;background-size:contain;vertical-align:sub}
.tf_lab input:checked + .rd_cont {background-image:url(/images/radio_on.png)}

.lab_chk {position:relative;font-size:16px;font-weight:400}
.lab_chk .chk_txt {margin-left:5px}
.lab_chk input[type=checkbox]:after {display:block;width:14px;height:14px;margin-top:-5px;background-image:url(/images/chk_off.gif);background-size:contain;content:""}
.lab_chk input[type=checkbox]:checked:after {background-image:url(/images/chk_on.gif);}

/* layer popup */
.wrap_layer {z-index:9999;display:none;position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.7);}
.wrap_layer .inner {padding:30px;background:#fff;position:absolute;top:20%;left:50%;border-radius:2px}
.wrap_layer .layer_tit {display:block;margin-bottom:30px;font-size:20px;font-weight:500;}
.wrap_layer .layer_cont {margin-bottom:27px;}
.wrap_layer .layer_cont .tf_lab {width:88.25px;line-height:40px}
.wrap_layer .layer_cont input {width:300px;height:40px;padding:0 10px;background-color:#f7f7f7}
.wrap_layer .layer_foot {padding-top:15px;text-align:center}
.wrap_layer .layer_foot button {display:inline-block;height:36px;padding:0 30px;border-radius:2px;font-size:14px;color:#fff;}
.wrap_layer .layer_foot .btn_save{background-color:#4376c3;}
.wrap_layer .layer_foot .btn_close{background-color:#999;}

/*bx-slider paging*/
.bx-pager {display:block;margin:15px 0 5px;text-align:center}
.bx-pager-item {display:inline-block;}
.bx-pager .bx-pager-link {display:block;width:12px;height:12px;margin:0 5px;border-radius:100px;background-color:#c9c9c9;text-indent:-999em;cursor:pointer}
.bx-pager .bx-pager-link.active {width:25px;background-color:#15a4fa}

/* login */
.login_wrap {width:100%;height:100vh;text-align:center;background-color:#ddd}
.login_wrap:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}

.box_login {display:inline-block;width:400px;margin:0 auto;padding:30px;border-radius:6px;box-shadow:3px 3px 3px #aaa;vertical-align:middle;background-color:#fff}
.box_login .tit_admin {margin-bottom:15px;font-weight:400;text-align:left}
.box_login .tit_admin .point {font-weight:600;color:#4376c3}
.box_login .lab_fld {display:block;font-size:0}
.box_login .tf_inp {width:100%;height:50px;margin-bottom:10px;padding:5px 10px;border:1px solid #d8d8d8;font-size:16px;color:#666;box-sizing:border-box;background-color:#f9f9f9}
.box_login .btn_login {display:block;width:100%;height:50px;font-size:18px;color:#fff;background-color:#4376c3}

.login_warning {margin-top:15px;text-align:left}
.login_warning .disagreement {display:block;margin-bottom:10px;padding:10px 0;border-bottom:1px dashed #ddd;font-size:14px;color:#ff0000}
.login_warning .txt {font-size:13px}

/* wrap */
.admin_wrap {overflow:hidden;position:relative;width:100%;min-width:1200px;min-height:100vh;padding:50px 0 0 240px;box-sizing:border-box;background:#f3f3f3}
.user_info {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:50px;background-color:#36393e;z-index:1}
.gnb_comm {position:absolute;top:0;left:0;width:240px;height:100%;background-color:#222222;z-index:5}

/* header */
.gnb_comm .logo .link_home {display:block;padding:40px 40px}

.list_gnb > li {border-top:1px solid #2a3443;border-bottom:1px solid #394558}
.list_gnb > li:first-child {border-top:0 none}
 .list_gnb > li:last-child {border-bottom:0 none}
.list_gnb > li > .link {display:block;height:50px;padding:0 20px;box-sizing:border-box;font-size:16px;line-height:50px;color:#a2adc0;transition:0.1s}
.list_gnb > li:hover > .link {color:#fff;background-color:#2f3949}
.list_gnb > li.active > .link {color:#fff;background-color:#2f3949}

.list_snb {display:none;background:#2a3342}
.list_snb > li {border-bottom:1px solid #394558}
.list_snb > li:last-child {border-bottom:0 none}
.list_snb .link {display:block;height:40px;padding:0 25px;font-size:13px;line-height:40px;color:#a2adc0}
.list_snb > li.active > .link {color:#4598ca}
.list_gnb > li.active .list_snb {display:block}

.user_info .user_info_btn {float:right;height:34px;margin:7px 10px 0;padding:0 30px;border-radius:2px;font-size:13px;line-height:34px;color:#fff;background-color:#747b87;transition:0.2s}
/* .user_info .btn_logout:hover {background-color:#d0defa} */
.user_info .connect_id {float:right;font-size:20px;line-height:52px;color:#fff;padding-right: 16px;}

/* layout */
.container {width:100%;padding:25px}

/* button */
.btn_area {overflow:hidden;margin-top:10px}
.btn_area.right {text-align:right}
.btn_area.center {text-align:center}
.btn_area button {display:inline-block;height:36px;padding:0 30px;border-radius:2px;font-size:14px;color:#fff;background-color:#394f6c}
.btn_area a {display:inline-block;height:36px;padding:0 30px;border-radius:2px;font-size:14px;line-height:36px;color:#fff;background-color:#4376c3}
.btn_active {line-height:34px;padding:0 12px;font-size:13px;color:#fff;border-radius:2px;background-color:#ff5a5a}

.btn_area .btn_left {float:left;margin-right:5px}
.btn_area .btn_right {float:right;margin-left:5px}
.btn_area .red {color:#fff;background-color:#ff5a5a}
.btn_area .black {color:#fff;background-color:#444}

/* selectBox */
.select_comm {min-width:100px;height:36px;padding:0 48px 0 10px;border:1px solid #ccc;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/images/pc/icon/arr_down.svg) no-repeat 85% 50%}
.select_comm.left {float:left;margin-right:10px}

/* table */
.tbl_comm {table-layout:fixed;width:100%;border-top:2px solid #42729c}
.tbl_comm th, .tbl_comm td {height:50px;padding:8px 10px}
.tbl_comm th {border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-weight:600;font-size:14px;background-color:#e6e6e6}
.tbl_comm td {border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;font-size:14px;background-color:#fff}
.tbl_comm .tf_inp {width:100%;height:36px;padding:5px;border:1px solid #ccc;font-size:16px;color:#666;box-sizing:border-box;background-color:#f9f9f9}
.tbl_comm .tf_inp.wd80 {width:80%}
.tbl_comm .tf_inp.wd35 {width:40%}
.tbl_comm .wrap_date {float:left}
.tbl_comm .tf_date {width:200px;height:36px;padding:5px;border:1px solid #ccc;font-size:16px;color:#666;text-align:center;box-sizing:border-box;background-color:#f9f9f9}
.tbl_comm .tf_time {width:150px;height:36px;padding:5px;border:1px solid #ccc;font-size:16px;color:#666;text-align:center;box-sizing:border-box;background-color:#f9f9f9}

.tbl_comm .tf_lab {cursor:pointer}
.tbl_comm .tf_lab input[type=radio] {margin-right:5px}
.tbl_comm .lab_chk {display:inline-block}
.tbl_comm .lab_chk input[type=checkbox] {float:left;cursor:pointer}
.tbl_comm .link_id {color:#4376c3}
.tbl_comm .link_id:hover {text-decoration:underline}

.tbl_comm.row_type th, .tbl_comm.row_type td {height:45px;padding:10px;word-break:break-all}
.tbl_comm.row_type th {border-bottom:0 none}
.tbl_comm.row_type td {text-align:center;transition:0.1s}
.tbl_comm.row_type tr:hover > td {background:#eef1f6}
.tbl_comm.row_type .align_left {text-align:left}
.tbl_comm.row_type .answer th {background-color:#495261;color:#fff}
.tbl_comm.row_type .answer .feed_cont {display:inline-block;width:90%;margin-right:10px;}
.tbl_comm.row_type .btn_apply {display:inline-block;height:36px;padding:0 30px;border-radius:2px;vertical-align:bottom;font-size:14px;color:#fff;background-color:#31363c;}

.tbl_comm .thumb_list {display:inline-block;width:60px}
.tbl_comm .thumb_list img {max-width:100%}
.tbl_comm .link_summary {display:block;color:#4376c3}
.tbl_comm .link_summary:hover {text-decoration:underline}

.tbl_comm .txt_comment {display:block;font-weight:600;text-align:left;}
.tbl_comm .txt_reply {display:block;position:relative;padding-left:28px;font-size:13px;text-align:left;background:url(/images/icon_reply.png) 4px 4px no-repeat;background-size:15px;}
.tbl_comm .txt_reply:before {display:block;overflow:hidden;position:absolute;top:4px;left:15px;width:0;height:0;border-top:6px solid transparent;border-left:8px solid #325395;border-bottom:6px solid transparent;font-size:0;content:''}
.tbl_comm .txt_reply:after {display:block;position:absolute;top:9px;left:4px;width:12px;height:2px;content:'';background-color:#325395}
.tbl_comm .date_available, .tbl_comm .tr_thumbnail, .tbl_comm .tr_recruit_division {display:none;}

.tbl_comm .tr_thumbnail .input_file{width:100%; display:block;padding: 3px 0;}
.tbl_comm .tr_thumbnail .warning{font-size:13px; color:red;padding-top: 3px;}
.tbl_comm .search_inp {position:relative;padding-left:120px}
.tbl_comm .search_inp .rdo_box {position:absolute;top:0;left:0;padding:0 10px;line-height:52px}

/* paging */
.paging_comm {margin-top:30px;text-align:center}
.paging_comm .page {display:inline-block;margin:0 8px;font-size:14px;vertical-align:middle}
.paging_comm .page.on {border-bottom:1px solid #4376c3;font-weight:600;color:#4376c3}

.store_detail .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;background-color:#a50034;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.store_detail .btn_close:before {display:block;height:2px;margin:0 auto;background-color:#222;transform:rotate(45deg);content:""}
.store_detail .btn_close:after {display:block;height:2px;margin:-2px auto 0;background-color:#222;transform:rotate(-45deg);content:""}
.store_detail .btn_close:before, .store_detail .btn_close:after {width:24px;background-color:white}

.paging_comm .first, .paging_comm .prev, .paging_comm .next, .paging_comm .last {position:relative;overflow:hidden;width:20px;height:20px;margin:3px 4px 0;border:1px solid #808080;background-color:#fff;font-size:0}

.paging_comm .first:before, .paging_comm .first .line:before, .paging_comm .prev:before {display:block;position:absolute;width:6px;height:1px;background-color:#808080;transform:rotate(45deg);content:""}
.paging_comm .first:after, .paging_comm .first .line:after, .paging_comm .prev:after {display:block;position:absolute;width:6px;height:1px;background-color:#808080;transform:rotate(-45deg);content: ""}
.paging_comm .next:before, .paging_comm .last:before, .paging_comm .last .line:before {display:block;position:absolute;width:6px;height:1px;background-color:#808080;transform:rotate(-45deg);content:""}
.paging_comm .next:after, .paging_comm .last:after, .paging_comm .last .line:after {display:block;position:absolute;width:6px;height:1px;background-color:#808080;transform:rotate(45deg);content: ""}

.paging_comm .first:before, .paging_comm .last:before {top:11px;left:3px;}
.paging_comm .first:after, .paging_comm .last:after {top:6px;left:3px;}
.paging_comm .first .line:before, .paging_comm .last .line:before {top:11px;left:8px;}
.paging_comm .first .line:after, .paging_comm .last .line:after {top:6px;left:8px;}
.paging_comm .prev:before, .paging_comm .next:before {top:11px;left:5px;}
.paging_comm .prev:after, .paging_comm .next:after {top:6px;left:5px;}

.paging_comm .first:hover,
.paging_comm .prev:hover,
.paging_comm .next:hover,
.paging_comm .last:hover {border:1px solid #4376c3}

.paging_comm .first:hover:before,
.paging_comm .first:hover:after,
.paging_comm .first:hover .line:before,
.paging_comm .first:hover .line:after,
.paging_comm .prev:hover:before,
.paging_comm .prev:hover:after,
.paging_comm .next:hover:before,
.paging_comm .next:hover:after,
.paging_comm .last:hover:before,
.paging_comm .last:hover:after,
.paging_comm .last:hover .line:before,
.paging_comm .last:hover .line:after
 {background-color:#4376c3}

/* title */
.head_cont {margin-bottom:10px;}
.head_cont .tit_sub {display:inline-block;}
.head_cont .select_comm {display:inline-block;margin-left:10px;margin-top:10px}
.tit_page {margin-bottom:10px;font-size:20px;color:#4376c3}
.tit_sub {line-height:36px}
.tit_area {overflow:hidden;margin-bottom:10px}
.tit_area .tit_sub {float:left}
.tit_area .btn_excel {display:inline-block;float:left;height:36px;margin-left:10px;padding:0 30px;border-radius:2px;font-size:14px;color:#fff;background-color:#444}

/* search */
.box_search {margin-bottom:30px}

/*sns*/
.sns_chk {display:none}
.sns_chk .lab_chk {margin-left:10px}

.join_type {display:inline-block;width:26px;height:26px;text-indent:-99999em}
.join_type.face{background:url('/images/facebook.png') no-repeat 50% 50%}
.join_type.email{background:url('/images/email.png') no-repeat 50% 50%}
.join_type.kakao{background:url('/images/kakao.png') no-repeat 50% 50%}
.join_type.naver{background:url('/images/naver.png') no-repeat 50% 50%}

/* member info */
.box_info {position:relative;margin-bottom:50px;padding-left:200px}
.box_info .profile_img {overflow:hidden;position:absolute;top:0;left:0;width:180px;height:180px;border:1px solid #bbb}
.box_info .profile_img img {max-width:100%}

/* doodle info */
.box_doodle {margin-bottom:30px}
.box_doodle .contents_doodle {display:block;word-break:break-all}
.slider_wrap {overflow:hidden;width:250px;}
.slider_wrap .img_doodle {display:block;overflow:hidden;width:250px;height:250px}
.slider_wrap .img_doodle img {max-width:100%;}

/* board */
.editer_area {width:100%;min-height:500px;border:1px solid #c8c8c8;background:#f9f9f9}
.detail_contents {width:100%;min-height:500px;}
.feed_message {overflow-x:hidden;overflow-y:scroll;height:140px;line-height:20px}

/* term button */
.term_btn {overflow:hidden;float:left;margin-left:8px}
.term_btn .term {float:left;width:90px;height:36px;margin-left:5px;border:1px solid #d6d6d6;font-size:13px;line-height:32px;color:#999;text-align:center;border-radius:3px;background-color:#fff}
.term_btn .term:first-child {margin-left:0}
.term_btn .term.active {border-color:#4376c3;color:#fff;background-color:#4376c3}

/* 두들 등록 현황 */
.detail_cont {overflow:hidden;background-color:#fff}
.detail_cont .inner:first-child {float:left;width:38%;padding:35px 0}
.detail_cont .inner:last-child {float:left;width:62%}
.detail_cont .bx-wrapper {width:250px;margin:0 auto}
.detail_cont .list_doodle li {min-width:250px}
.detail_cont .list_doodle .video:before {display:block;position:absolute;top:20px;right:20px;width:35px;height:35px;text-indent:-9999em;background:url('/images/ico_video.png') no-repeat 0 0;background-size:contain;content:"비디오"}
.detail_cont .bx-viewport {min-height:250px;}
.tbl_comm.row_type.current tr td {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tbl_comm.current tr.hide>td {padding:0}
.detail_cont .tbl_comm.detail {border-top:0 none;}
.detail_cont .tbl_comm.detail tr td {text-align:left;color:#555;font-size:14px}
.detail_cont .tbl_comm.detail tr:hover > td {background:#fff}
.detail_cont .tbl_comm.detail .feed_cont {padding:5px 10px;overflow-x:hidden;overflow-y:scroll;height:150px;white-space:initial;border:1px solid #cbcbcb;color:#555;font-size:14px}

.tbl_comm.current tr.show {cursor:pointer}
.tbl_comm.current tr.show.active td {background-color:#eef1f6}
.tbl_comm.current tr.show .ico_arr {display:block;width:21px;height:21px;text-indent:-999em;background:url('/images/ico_down.gif') no-repeat 100% 50%;background-size:contain;}
.tbl_comm.current tr.show.active .ico_arr {background-image:url('/images/ico_up.gif')}
.tbl_comm.current tr.hide {display:none}
.tbl_comm.current tr.hide .bx-pager {overflow:hidden}
.tbl_comm.current tr.hide .bx-pager li {display:inline-block;}
.tbl_comm.current tr.hide .bx-pager .bx-pager-link {display:inline-block;}

/* 공지사항 */
.head_cont.noti {overflow:hidden}
.head_cont.noti .tit_sub {float:left;margin:6px 10px 0 0}

/* The Modal (background) */
.modal {
  display: none;  /*Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  border-radius: 14px;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 500px;
  top: 30%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* The Close Button */
.close {
  color: #949494;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 10px;

}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-body {padding: 45px 16px;}
 .file_box{margin:auto; width:300px;padding: 40px 0 40px 10px;}
 .file_box input[type="file"] {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0;
 }

 .file_box label {
   display: inline-block;
   padding: .5em .75em;
   color: #999;
   font-size: inherit;
   line-height: normal;
   vertical-align: middle;
   cursor: pointer;
   border: 1px solid #ebebeb;
   border-bottom-color: #e2e2e2;
   border-radius: .25em;
 }

 .file_box .btn_ok{
    width: 275px;
   border: none;
   color: white;
   padding: 15px 32px;

   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 10px 2px 4px 2px;
   cursor: pointer;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   background-color: #337ab7;
   border-color: #2e6da4;
   border-radius: .25em;

 }

 /* named upload */
 .file_box .upload-name {
   display: inline-block;
   padding: .5em .75em;
   font-size: inherit;
   font-family: inherit;
   line-height: normal;
   vertical-align: middle;
   background-color: #f5f5f5;
   border: 1px solid #ebebeb;
   border-bottom-color: #e2e2e2;
   border-radius: .25em;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 .file_box.bs3-primary label {
   color: #fff;
   background-color: #989898;
   border-color: #989898;
 }