@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900');
/* reset  */
html, body, h1, h2, h3, h4, h5, h6, ul, dl, dd, button, p, figure, ol {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; font-family:'Barlow','Noto Sans KR',sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; }
img {max-width: 100%;}
a,
a:hover,
a:focus,
a:active,
a:visited {text-decoration: none; color: inherit;}
ul {*zoom: 1;}
ul:after {content: ""; display: block; clear: both;}
li {list-style: none;}
button {padding: 0; margin: 0; border: 0 none; background: none; cursor: pointer;}
button:focus {outline: none;}
table {width: 100%; table-layout: fixed; border-collapse: collapse; word-break: break-all;}
pre {margin: 0; font-family:'Barlow','Noto Sans KR',sans-serif; white-space: pre-wrap;}

/* common */
.hide {display: none;}
.show {display: block;}
.hidden {position: absolute; left: -9999px; font-size:0; line-height:0;}
.align_left {text-align: left !important;}
.align_right {text-align: right !important;}
.align_center {text-align: center !important;}
.fl_left {float: left;}
.fl_right {float: right;}
.txt_bold {font-weight: 700;}
.txt_underline {border-bottom: 1px solid #000; color: #000;}
.contents_width {position: relative; width: 1280px; margin: 0 auto;}

/* margin & padding */
.ml20 {margin-left: 20px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mb30 {margin-bottom: 30px;}

/* button */
.btn_container {margin-top: 40px; *zoom: 1; text-align: center;}
.btn_container:after {content: ""; display: block; clear: both;}
.btn_container > * {margin-left: 8px;}
.btn_container > *:first-child {margin-left: 0;}
.btn {display: inline-block; height: 40px; font-family:'Barlow','Noto Sans KR',sans-serif; font-size: 14px; font-weight: 700; border: 0 none; background: transparent; box-sizing: border-box; cursor: pointer; line-height: 38px;}
.blue {background: #00397f; color: #fff; text-align: center;}
.list {height: 50px; padding-left: 75px; padding-right: 50px; font-weight: 400; border: 1px solid #ddd; background: url("/images/front_en/icon_list.png") no-repeat 50px center; line-height: 48px;}
.link, a.link {position: relative;width: 100%;height: 36px;padding-left: 12px;font-size: 12px;font-weight: 400;background: #efefef;color: #999;line-height: 36px;}
.link:after {content: ""; display: block; position: absolute; right: 6px; bottom: 6px; width: 0; height: 0; border-bottom: 6px solid #666; border-left: 6px solid transparent;}
.copy {height: auto; padding-left: 20px; font-size: 13px; font-weight: 400; background: url("/images/front_en/icon_link.png") no-repeat 0 center; color: #777; line-height: normal;}
.copy:hover {background-image: url("/images/front_en/icon_link_on.png"); color: #000;}
.close {width: 40px; height: 40px; border: 1px solid #000; background: #f5f5f5 url("/images/front_en/icon_sb_close.png") no-repeat center center; text-indent: -9999px;}
.gnb_open {width: 70px; height: 70px; background: url("/images/front_en/icon_menu.png") no-repeat center center; text-indent: -9999px;}
.sub_pg_open {position: relative; top: -3px; width: 40px; height: 40px; margin-left: 4px; border: 1px solid #72d6ca; background: #fff url("/images/front_en/icon_sb_menu.png") no-repeat center center;text-indent: -9999px; vertical-align: middle;}
.plus_minus li {float: left;}
.plus_minus li button {width: 30px; height: 30px; margin-left: -1px; border: 1px solid #ddd; background-color: #fff; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.plus_minus li .plus {background-image: url("/images/front_en/icon_plus.png");}
.plus_minus li .minus {background-image: url("/images/front_en/icon_minus.gif");}
.page_top {display: none; position: fixed; bottom: 30px; left: 50%; margin-left: 540px; width: 50px; height: 50px; border: 1px solid #ddd; background: #fff  url("/images/front_en/icon_pg_up.png") no-repeat center center; text-indent: -9999px;}
.word {width: 540px;height: 70px;padding-left: 20px;font-size: 15px;font-weight: 400;border: 1px solid #1259a1;background: #007ac2 url("/images/front_en/icon_word.png") no-repeat 100px center;color: #fff;line-height: 68px;box-sizing: border-box;}
.power {width: 540px;height: 70px;padding-left: 20px;font-size: 15px;font-weight: 400;border: 1px solid #0ca4b1;background: #27bfcc url("/images/front_en/icon_power.png") no-repeat 80px center;color: #fff;line-height: 68px;box-sizing: border-box;}
.swc {width: 1150px; height: 70px; padding-left: 20px; font-size: 15px; font-weight: 700; border: 1px solid #1259a1; background: #007ac2; color: #fff; line-height: 68px; box-sizing: border-box;}
.more {width: 40px; height: 40px; background: url("/images/front_en/icon_more.png") no-repeat center center; text-indent: -9999px;}

/* icon */
.icon {display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; vertical-align: middle; text-indent: -9999px;}
.icon.home {background-image: url("/images/front_en/icon_home.png");}
.icon.search {width: 15px; height: 15px; margin-right: 8px; background-image: url("/images/front_en/icon_search.png");}
.icon.noti {width: 16px; height: 16px; margin-right: 8px; background-image: url("/images/front_en/icon_noti.png");}

/* text */
.txt_round {display: inline-block; min-width: 22px; height: 22px; padding: 0 7px; font-size: 14px; font-weight: 700; border-radius: 50px; text-align: center; line-height: 22px; color: #fff; box-sizing: border-box; text-transform:uppercase;}
.txt_round.green {background: #49b71a;}
.txt_round.yl_green {background: #61ba46;}
.txt_round.rg_blue {background: #3575bd;}
.txt_round.red {background: #ec4e4e;}
.txt_round.bl_green {background: #24b0a9;}
.txt_round.blue {background: #00397f;}
.txt_link {border-bottom: 1px solid #007ac2; color: #007ac2 !important;}
.txt_gray {color: #aaa;font-weight: 400;}
.txt_black {color: #000;}
.txt_noti {font-size: 13px; font-weight: 500; color: #999; text-align: center;}
.txt_underline {border-bottom: 1px solid #000; color: #000;}
.txt_bg_line {position: relative; display: inline-block;}
.txt_bg_line:after {content: ""; display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 10px; background: #f2f235; z-index: -1;}

/* input, select, textarea */
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="email"],
textarea,
select {height: 40px; padding: 0 12px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; border: 1px solid #ddd; background: #fff; line-height: 40px; box-sizing: border-box;}
input:focus,
textarea:focus,
select:focus {outline: none;}
textarea {height: auto; padding: 8px; line-height: 1.6; resize: none;}
input::-ms-input-placeholder {color: #000;}
input::-webkit-input-placeholder {color: #000;}
input::-moz-placeholder {color: #000;}
input::placeholder {color: #000;}
.input_innerbtn {position: relative;}
.input_innerbtn input {width: 100%; padding-right: 70px; box-sizing: border-box;}
.input_innerbtn .btn {position: absolute; right: 0; top: 0; width: 64px;}
.search_container {*zoom: 1;}
.search_container:after {content: ""; display: block; clear: both;}
.search_container > * {float: left;}
.search_container .select {width: 30%;}
.search_container .input_innerbtn {width: calc(70% - 4px); margin-left: 4px;}

/* plug in - select2 */
.select2-container--default .select2-selection--single {height: 40px; border-radius: 0; border: 1px solid #ddd; background-color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding-left: 12px; padding-right: 30px; font-size: 14px; line-height: 38px; color: #000;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 30px; height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border: 0 none; height: 6px; width: 10px; margin-left: -5px; margin-top: -2px; background: url("/images/front_en/icon_slt_arr.png") no-repeat 0 0;}
.select2-dropdown {border-color: #ddd; border-radius: 0;}
.select2-results__option {padding: 12px; font-size: 14px; color: #999;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #f1f3f6; color: #2a2c32;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #f1f3f6; color: #2a2c32;}
.white_select .select2-container--default .select2-selection--single {background-color: #fff;}

/* plug in - swiper */
.swiper-container {max-width: 1920px; height: 670px; margin: 0 auto;}
.swiper-slide img {display: block; width: 100%; height: 100%;}
.swiper-button-next, .swiper-button-prev {top: auto; bottom: 10px; width: 100px; height: 100px; margin-top: -50px; background-size: auto;}
.swiper-button-next {left: calc(50% + 240px); background-image: url("/images/front_en/btn_slide_right.png");}
.swiper-button-next:after {content: ""; display: block; position: absolute; left: -1px; top: 50%; width: 1px; height: 50px; margin-top: -25px; background: rgba(255, 255, 255, .2);}
.swiper-button-prev {left: calc(50% + 140px); background-image: url("/images/front_en/btn_slide_left.png");}
.swiper-pagination {text-align: left;}
.swiper-container-horizontal > .swiper-pagination-bullets {padding-left: 34px; left: 50%; top: 70%; bottom: auto; width: 1250px; margin-left: -625px; box-sizing: border-box; z-index: 200;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 14px 0 0;}
.swiper-pagination-bullet {width: 6px; height: 6px; background: #fff; opacity: 1; vertical-align: middle;}
.swiper-pagination-bullet-active {width: 32px; height: 4px; border-radius: 50px; border: 4px solid #fff; background: transparent;}

/* dropdown list */
.dropdown_list {width: 98%; padding: 0 20px; border: 1px solid #72d6ca; border-top: 1px solid #fff; background: #fff; box-sizing: border-box;}
.dropdown_list li {border-top: 1px solid #eee;}
.dropdown_list li:first-child {border-top: 0 none;}
.dropdown_list li a {display: block; min-height: 50px; padding: 18px 0; font-size: 14px; font-weight: 400; color: #777; box-sizing: border-box;}
.dropdown_list li.on a,
.dropdown_list li a:hover {font-weight: bolder; text-decoration: underline; color: #333;}
.link_dropdown {display: none; position: absolute; left: 0; bottom: 40px; z-index: 10;}
.link_dropdown li a {display: block; width: 160px; padding: 8px 12px; font-size: 12px; font-weight: 500; border-top: 1px solid #e0e0e0; background: #efefef; text-align: left; color: #999; box-sizing: border-box;}
.link_dropdown li:first-child a {border-top: 0 none;}
.link_dropdown li a:hover {background: #e6e6e6; color: #000;}
.drop_box {position: relative;}
.drop_box .btn {text-align: left;}
.drop_box .btn.open + .link_dropdown {display: block;}

/* inline list */
.inline_list {display: inline-block;}
.inline_list li {float: left; padding: 0 14px; font-size: 12px; border-left: 1px solid #cfcfcf; line-height: 1;}
.inline_list li:first-child {padding-left: 0; border-left: 0 none;}
.inline_list.slash li {position: relative; padding: 0 10px; font-size: 12px; border-left: 0 none; color: #777;}
.inline_list.slash li:after {content: "/"; display: block; position: absolute; left: -2px; top: 0;}
.inline_list.slash li:first-child:after {display: none;}

/* dic list */
.dic_list,
.dic_list_type2 {*zoom: 1;}
.dic_list:after,
.dic_list_type2:after {content: ""; display: block; clear: both;}
.dic_list dt,
.dic_list dd {margin-top: 10px;font-size: 14px;font-weight: 500;line-height: 20px;word-break: keep-all;}
.dic_list dt {color: #777;font-weight: 700;}
.dic_list dd {}
.dic_list_type2 dt,
.dic_list_type2 dd {float: left; margin-top: 80px; padding-top: 40px; word-break: keep-all;}
.dic_list_type2 dt {width: 260px; font-size: 24px; font-weight: 700; border-top: 1px solid #00397f;}
.dic_list_type2 dd {width: 920px; padding-left: 38px; font-size: 16px; font-weight: 400; border-top: 1px solid #ddd; color: #777; line-height: 1.8; box-sizing: border-box;}
.dic_list_type2.gray dt {border-color: #ddd;}

/* number list */
.num_list > li {position: relative; padding-left: 20px; margin-top: 10px; line-height: 1.6; word-break: keep-all;}
.num_list > li:first-child {margin-top: 0;}
.num_list > li:after {display: block; position: absolute; left: 0; top: 0;}
.num_list > li:nth-child(1):after {content: "①";}
.num_list > li:nth-child(2):after {content: "②";}
.num_list > li:nth-child(3):after {content: "③";}
.num_list > li:nth-child(4):after {content: "④";}
.num_list.type2 > li:nth-child(1):after {content: "1.";}
.num_list.type2 > li:nth-child(2):after {content: "2.";}
.num_list.type2 > li:nth-child(3):after {content: "3.";}
.num_list.type2 > li:nth-child(4):after {content: "4.";}
.num_list.type3 > li:nth-child(1):after {content: "1)";}
.num_list.type3 > li:nth-child(2):after {content: "2)";}
.num_list.type3 > li:nth-child(3):after {content: "3)";}
.num_list.type3 > li:nth-child(4):after {content: "4)";}

.num_list.type3 > li {margin-top: 0;}
.num_list.type2 > li {margin-top: 20px;}
.num_list.sub > li {margin-top: 0; font-size: 13px; font-weight: 400; color: #aaa;}

/* nunber list bold */
.num_list_bold > li {font-weight: 700; color: #777; line-height: 1.8;}
.num_list_bold > li span {margin-right: 4px; color: #00397f;}

/* profile list */
.profile_list li {float: left; width: 190px; margin-left: 40px; margin-top: 40px;}
.profile_list li:nth-child(4n+1) {margin-left: 0;}
.profile_list li:nth-child(1),
.profile_list li:nth-child(2),
.profile_list li:nth-child(3),
.profile_list li:nth-child(4) {margin-top: 0;}
.profile_list li img {display: block; width: 190px; height: 230px;}
.profile_list li figcaption {padding: 20px 0; font-size: 16px; font-weight: 400; border: 1px solid #ddd; background: #fff; color: #777; text-align: center;text-transform: uppercase;}

/* image list */
.img_list {margin-bottom: 40px;}
.img_list li {float: left; width: 260px; margin-left: 50px; margin-top: 40px;}
.img_list li:nth-child(3n+1) {margin-left: 0;}
.img_list li img {display: block; width: 260px; height: 180px;}
.img_list li figcaption {padding: 10px 0 0; font-size: 12px; color: #aaa; height:30px; line-height: 1.3;}
.img_list.small li {width: 190px; margin-left: 40px;}
.img_list.small li:nth-child(4n+1) {margin-left: 0;}
.img_list.small img {width: 190px; height: 140px;}
.img_list.full li,
.img_list.full li img {width: 100%;}
.img_list.full li:first-child {margin-top: 0;}

/* dash list */
.dash_list li {position: relative; padding-left: 12px;}
.dash_list li:after {content: "-"; position: absolute; left: 0; top: 0;}

/* dotted list */
.dot_list li {position: relative; padding-left: 12px;}
.dot_list li:after {content: "·"; position: absolute; left: 0; top: 0;}

/* underline list */
.underline_list li span {display: inline-block; font-size: 13px; border-bottom: 1px solid #eee; color: #aaa; line-height: 1.4;}

/* circle icon list */
.circle_icon_list li {position: relative; padding-left: 30px; font-weight: 400; color: #000;}
.circle_icon_list li:after {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center;}
.circle_icon_list.emergency li:after {background-image: url("/images/front_en/icon_emergency.png");}

/* footer */
.footer_container {min-width: 1280px; background: #00397f; letter-spacing: 0;}
.footer_container .inline_list {position: absolute; right: 50px; bottom: 40px;}
.footer_container .inline_list li {border-color: #5d8bca;}
.footer_container .inline_list li:last-child {padding-right: 0;}
.footer_container .inline_list li a {color: #5d8bca;}
.foot_address {padding: 90px 50px 40px; font-size: 12px; font-style: normal; color: #5d8bca; line-height: 1.6;}
.foot_address .txt_bold {color: #555;}
.foot_logo {position: absolute; left: 50px; top: 30px;}
.foot_btn_link {position: absolute; right: 50px; top: 32px;}
.foot_btn_link .link {width: 210px; background: #0b4892; color: #fff;}
.foot_btn_link .link:after {border-bottom: 6px solid #5d8bca;}
.foot_btn_link .drop_box {float: left;}
.foot_btn_link .drop_box:first-child {margin-right: 10px;}
.foot_btn_link .link_dropdown li a {width: 170px; border-color: #395d8e; background: #0b4892; color: #6a9edd;}
.link_dropdown li a:hover {background: #033b7e; color: #fff;}

/* header */
.header_container {position: relative;}
.header_top {background: url("/images/front_en/bg_header.gif") repeat-x center center;}
.header_top .contents_width {height: 110px;}
.logo,
.header_top .inline_list {position: absolute; z-index: 100;}
.logo {top: 23px; left: 50px;}
.logo a {display: block; width: 400px; height: 60px; background: url("/images/front_en/img_logo.png") no-repeat left center; text-indent: -9999px;}
.header_top .inline_list {right: 50px; top:50%; margin-top: -6px;}
.header_top .inline_list li:last-child {padding-right: 0;}
.header_top .inline_list li {border-color: #fff;}
.header_top .inline_list li a {text-transform: uppercase; color: #fff;}

/* navigation */
.navigation_container {border-bottom: 1px solid #00397f; position:relative;}
.navigation_container .header_width {width:1280px; margin:0 auto;}
.navigation_container .gnb_open {position: absolute; left:50%; margin-left:535px; top: 0;}
.navigation {padding: 0 20px;}
.navigation > li {float: left; width: 190px; box-sizing: border-box;}
.navigation > li > a {display: block; height:70px; font-size: 17px; font-weight: 700; line-height:70px; color: #00397f; padding-left:30px;}
.navigation > li > a * {vertical-align:middle;}
.navigation > li > a > span {line-height:20px; display:inline-block; margin-top:-6px;}
.navigation > li > div.sub-nav {display: none;}
.all_open_link {display: none;position: absolute;left:50%;margin-left: 338px;bottom: 40px;}
.all_open_link .txt_list {margin-bottom: 30px;}
.all_open_link .txt_list > li {margin-top: 20px;}
.all_open_link .txt_list > li:first-child {margin-top: 0;}
.all_open_link .txt_list > li a {display: block;font-size: 12px;font-weight: 400;text-align: right;color: #999;letter-spacing: 0;}
.all_open_link .btn {display: block;}
.all_open_link .drop_box:last-child {margin-top: 14px;}
.navigation > li.on > a {color: #fff; background: #00397f;}
.navigation > li.on > div.sub-nav {background: #00397f; z-index: 200; position: absolute; top: 71px; z-index: 210; left:0; width:100%; display:block;}
/* .navigation > li.on.active > div.sub-nav {display:none;}
.navigation > li.on.active:hover div.sub-nav {display:block;} */
.navigation > li.on .sub-nav ul {display: block; width:1280px; margin:0 auto; box-sizing:border-box; padding:12px 0;}
.navigation > li.third.on .sub-nav ul {padding-left: 414px;}
.navigation > li.fourth.on .sub-nav ul {padding-left: 605px;}
.navigation > li.fifth.on .sub-nav ul {padding-left: 795px;}
.navigation > li.on .sub-nav ul > li {float: left;}
.navigation > li.on .sub-nav ul > li a {display: block; padding: 0 16px; font-size: 14px; line-height:30px; font-weight: 400; color: #5d8bca;}
.navigation > li .sub-nav ul > li a:hover,
.navigation > li.on .sub-nav ul > li.on a {color: #fff;}
.bg_gnb_sub.on {/*position: absolute; left: 0; bottom: -50px; width: 100%;*/ height: 50px; background: #00397f; z-index: 200;}

/* navigation - all open */
.gnb_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 57, 127, .9); z-index: 100;}
.gnb_active .header_container {padding-top: 190px;}
.gnb_active .header_top {position: absolute; left: 0; top: 0; width: 100%; z-index: 200;}
.gnb_active .navigation_container {position: absolute; left: 0; top: 110px; width: 100%; background: #fff; z-index: 200;}
.gnb_active .navigation_container .bg_gnb_sub {display: none;}
.gnb_active .navigation_container .navigation {padding-left: 50px; margin-right: 48px; border-right: 1px solid #ddd;}
.gnb_active .navigation_container .navigation > li {width: 220px; height: 711px; border-left: 1px solid #ddd;}
.gnb_active .navigation_container .navigation > li > a {color: #000; padding-top:20px;}
.gnb_active .navigation_container .navigation > li.on > a {background: transparent;}
.gnb_active .navigation_container .navigation > li .sub-nav {display: block; padding: 10px 15px 100px 30px; box-sizing:border-box;}
.gnb_active .navigation_container .navigation > li.on .sub-nav {position: static; background:none; top:auto; left:auto;}
.gnb_active .navigation_container .navigation > li.on .sub-nav ul {width:100%; margin:0; padding:0;}
.gnb_active .navigation_container .navigation > li.on .sub-nav ul > li {float: none;}
.gnb_active .navigation_container .navigation > li .sub-nav ul > li a,
.gnb_active .navigation_container .navigation > li.on .sub-nav ul > li a {display: block; padding: 12px 0; font-size: 14px; font-weight: 400; color: #999; line-height:18px;}
.gnb_active .navigation_container .navigation > li .sub-nav ul > li a:hover,
.gnb_active .navigation_container .navigation > li.on .sub-nav ul > li.on a{color: #000; text-decoration: underline;}
.gnb_active .all_open_link {display: block;}
.gnb_active .gnb_open {margin-left:512px; top:15px; background-image: url("/images/front_en/icon_close.png");}

/* en VMTH News 준비중 페이지 */
/* .navigation > li.on .sub-nav ul > li button {display: block; padding: 0 16px; font-size: 14px; line-height:30px; font-weight: 400; color: #5d8bca;}
.navigation > li .sub-nav ul > li button:hover,
.navigation > li.on .sub-nav ul > li.on button {color: #fff;}
.gnb_active .navigation_container .navigation > li > button {font-size:14px; color: #000; padding-top:20px;}
.gnb_active .navigation_container .navigation > li.on > button {background: transparent;}
.gnb_active .navigation_container .navigation > li .sub-nav ul > li button,
.gnb_active .navigation_container .navigation > li.on .sub-nav ul > li button {display: block; padding: 12px 0; font-size: 14px; font-weight: 400; color: #999; line-height:18px;}
.gnb_active .navigation_container .navigation > li .sub-nav ul > li button:hover,
.gnb_active .navigation_container .navigation > li.on .sub-nav ul > li.on button {color: #000; text-decoration: underline;}
.sub_title_link ul li button {line-height:50px; display:block; width: 100%; text-align:center;}
.sub_title_link ul li button * {vertical-align:middle;}
.sub_title_link ul li button span {display:inline-block; margin-top:-12px; height: 100%;font-size: 14px;font-weight: 400;color: #aaa;text-align: center;line-height: 16px;}
.sub_title_link ul li.on button {color: #000;}
.dropdown_list li button {display: block; min-height: 50px; padding: 18px 0 !important; font-size: 14px; font-weight: 400 !important; color: #777; box-sizing: border-box;}
.dropdown_list li.on button,
.dropdown_list li button:hover {font-weight: bolder; text-decoration: underline; color: #333;} */

/* table */
.tb_view_th_blue th,
.tb_view_th_blue td {padding: 10px 0; font-weight: 700;}
.tb_view_th_blue th {border-top: 1px solid #029bde; border-bottom: 1px solid #029bde; color: #000; text-align: left; vertical-align: top;}
.tb_view_th_blue td {padding-left: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #777;}
.tb_terms th,
.tb_terms td {height: 50px; padding: 10px 20px; font-size: 14px; font-weight: 700p; border: 1px solid #ddd; text-align: center; color: #777; box-sizing: border-box;}
.tb_terms th {background: #f5f5f5; color: #444;}
.tb_terms.type02 th,
.tb_terms.type02 td {text-align: left;}
.tb_terms.type02 th {font-size: 16px;}
.tb_terms.type02 td {padding: 16px 20px; font-size: 13px; font-weight: 400;}
.tb_terms.type03 td {padding: 16px 0; font-size: 13px; font-weight: 400; line-height: 1.4;}
.tb_terms.type03.lh2 td {line-height: 2;}

/* sub page - common */
.contents_container {min-width: 1280px;}
/*.sub_page_container {padding-top: 50px;}*/
.sub_bar {padding: 26px 0; border-bottom: 1px solid #72d6ca; background: #fff;}
.sub_bar .copy {position: absolute; right: 124px; top: 50%; margin-top: -9px;}
.sub_bar .plus_minus {position: absolute; right: 50px; top: 50%; margin-top: -15px;}
.page_navigation {display: inline-block; padding-left: 50px;}
.page_navigation > li {position: relative; float: left; border-right: 1px solid #ddd; background: url("/images/front_en/icon_arr_down_gray.png") no-repeat 90% center;}
.page_navigation > li:first-child {padding-right: 20px; padding-left: 0; background: none;}
.page_navigation > li button {min-width: 210px; padding: 0 140px 0 20px; font-size: 15px; font-weight: 400; text-align: left; color: #777;}
.page_navigation > li.now button {color: #000; font-weight: bolder;}
.page_navigation .dropdown_list {position: absolute; right: 1%; top: 50px; z-index: 10;}
.sub_contents_container {position: relative; min-height: 680px; padding-bottom: 200px; background: url("/images/front_en/bg_contents.gif") repeat-x center 0;}
.sub_contents_tit {padding: 80px 0 60px; font-size: 44px; text-align: center;}
.sub_contents_tit .tit {position: relative; display: inline-block;}
.sub_contents_tit .sub {display: block; margin-top: 10px; margin-left: -20px; font-size: 15px; color: #777; line-height: 1.6; font-weight:400;}
.sub_title_link {display: none;position: absolute;right: -572px;top: 8px;width: 572px;box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);z-index: 10;}
.sub_title_link ul {border: 1px solid #000; background: #fff;}
.sub_title_link ul li {float: left;width: 190px;height: 50px;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;box-sizing: border-box;}
.sub_title_link ul li:nth-child(3n+1) {border-left: 0 none;}
.sub_title_link ul li:nth-child(1),
.sub_title_link ul li:nth-child(2),
.sub_title_link ul li:nth-child(3) {border-top: 0 none;}
.sub_title_link ul li a {line-height:50px; display:block;}
.sub_title_link ul li a * {vertical-align:middle;}
.sub_title_link ul li a span {display:inline-block; margin-top:-12px; height: 100%;font-size: 14px;font-weight: 400;color: #aaa;text-align: center;line-height: 16px;}
.sub_title_link ul li.on a {color: #000;}
.sub_title_link .btn {position: absolute; left: -39px; top: 0;}
.sub_title_link.type02 {width: 382px; right: -382px;}
.tit_line {font-size: 30px; border-bottom: 1px solid #ddd;}
.tit_line span {display: inline-block; padding-bottom: 24px; margin-bottom: -1px; border-bottom: 1px solid #00397f;}
.img_cnt_container {padding: 0 50px;}
.img_cnt_container .img {margin-bottom: 80px;}
.img_cnt_container .btn_container {padding: 0 40px;}
.img_cnt_container .btn_container .word {float: left;}
.img_cnt_container .btn_container .power {float: right;}
.tel_box {margin: 50px 40px 0; border: 1px solid #ddd; *zoom: 1;}
.tel_box:after {content: ""; display: block; clear: both;}
.tel_box .tit,
.tel_box .txt {float: left; padding: 24px 0; font-size: 18px; font-weight: 400;}
.tel_box .tit {width: 400px; border-right: 1px solid #ddd; box-sizing: border-box; text-align: center; color: #777;}
.tel_box .txt {width: 698px; padding-left: 20px; box-sizing: border-box; font-weight:700;}
.img_contents {text-align: center;}
.img_contents img {max-width: 100%;}
.img_tit_cnt .tit {margin-bottom: 20px; font-size: 16px; color: #111;}
.img_tit_cnt .img_list li:nth-child(1),
.img_tit_cnt .img_list li:nth-child(2),
.img_tit_cnt .img_list li:nth-child(3) {margin-top: 0;}
.tit_cnt .tit {margin-bottom: 12px; color: #111;}
.tit_name li {margin-top: 10px; *zoom: 1;}
.tit_name li:after {content: ""; display: block; clear: both;}
.tit_name li:first-child {margin-top: 0;}
.tit_name .tit,
.tit_name .txt {float: left; }
.tit_name .tit {width: 270px; color: #000;}
.tit_name .txt {width: calc(100% - 100px); color: #777;}

/* board list */
.board_container {padding: 0 50px;}
.board_list {border-top: 1px solid #000; border-bottom: 1px solid #000;}
.board_list li a {position: relative; display: block; height: 100px; padding: 38px 160px 38px 0; font-size: 20px; font-weight: 400; border-top: 1px solid #ddd; box-sizing: border-box;}
.board_list li:first-child a {border-top: 0 none;}
.board_list li a > * {vertical-align: middle;}
.board_list li a .important {position: relative; top: 2px; margin-right: 8px;}
.board_list li a .tit {display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_list li a:hover .tit {font-weight: 700; border-bottom: 1px solid #000;}
.board_list .inline_list {position: absolute; right: 0; top: 50%; margin-top: -6px;}
.board_list .inline_list .view {padding-left: 30px; background: url("/images/front_en/icon_view.png") no-repeat 10px center;}
.board_list .inline_list .file button {width: 10px; height: 12px; background: url("/images/front_en/icon_file.png") no-repeat center center; text-indent: -9999px;}

/* board detail */
.board_tit {border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.board_tit .tit {padding: 24px 30px; font-size: 20px;}
.board_tit .sub {padding:0 30px 24px;}
.board_tit .sub .name {float: right; font-size: 12px; color: #777;}
.board_tit .inline_list li:first-child {padding-left: 0;}
.board_tit .inline_list .view {padding-left: 30px; background: url("/images/front_en/icon_view.png") no-repeat 10px center;}
.board_tit .inline_list .file button {padding-left: 16px; background: url("/images/front_en/icon_file.png") no-repeat 0 center; color: #777;}
.board_main {line-height: 2;}
.board_main {padding: 40px 30px 100px; font-weight: 400; border-bottom: 1px solid #000;}
.board_main img {max-width: 100%;}

/* paging */
/*.paging {text-align: center;}*/
.paging ul {display: inline-block;text-align: center;}
.paging ul li {float: left; margin-left: 4px;}
.paging ul li:first-child {margin-left: 0;}
.paging ul li a {display: block; width: 40px; height: 40px; font-size: 14px; border: 1px solid #ddd; cursor: pointer; line-height: 38px; box-sizing: border-box;}
.paging ul li.active a {border-color: #000;}
.paging ul .btn {background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.paging ul .double_prev {background-image: url("/images/front_en/icon_pg_d_prev.png");}
.paging ul .prev {background-image: url("/images/front_en/icon_pg_prev.png");}
.paging ul .next {background-image: url("/images/front_en/icon_pg_next.png");}
.paging ul .double_next {background-image: url("/images/front_en/icon_pg_d_next.png");}

/* board footer */
.board_foot {position: relative; margin-top: 40px; padding-right: 510px;}
.board_foot .search_container {position: absolute; right: 0px; bottom: 0; width: 440px;}

/* file download list */
.file_list {padding: 20px 30px 40px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.file_list > li {position: relative; float: left; width: 265px; height: 200px; margin-top: 20px; margin-left: 20px; padding-bottom: 50px; border: 1px solid #ccc; background: #fff; box-sizing: border-box;}
.file_list > li:nth-child(4n+1) {margin-left: 0;}
.file_list > li .tit {display: -webkit-box; height: 48px; margin: 24px 24px 30px; font-size: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; overflow: hidden; text-overflow: ellipsis;}
.file_list > li .file {padding-left: 16px; margin: 0 24px 24px; font-size: 12px; background: url("/images/front_en/icon_file.png") no-repeat 0 center; color: #777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.file_list > li .btn {position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; padding-left: 20px; font-size: 14px; border-top: 1px solid #e5e5e5; background: #f5f5f5 url("/images/front_en/icon_download.png") no-repeat 80px center; line-height: 48px; text-align: center;}
.file_list > li:hover {border-color: #00397f;}
.file_list > li:hover .btn {border-color: #00397f; background-color: #00397f; background-image: url("/images/front_en/icon_download_white.png"); color: #fff;}

/* tooltip_tit_list */
.tooltip_tit_list > li {float: left; width: 340px; margin-right: 40px;}
.tooltip_tit_list > li:first-child {margin-left: 40px;}
.tooltip_tit_list .tit_line img {display: block; margin-bottom: 20px;}
.tooltip_tit_list .dic_list {padding-top: 10px;}
.tooltip_tit_list .txt {margin-top: 28px; font-size: 14px; font-weight: 500; line-height: 1.8; color: #777; }
.tooltip_tit_list .cnt {margin-top: 28px; font-weight: 400; color: #555; line-height: 1.8;}
.tooltip_tit_list.one > li {float: none; width: auto;}

/* tab */
.page_tab li {float: left; width: calc((100% + 6px) / 6); margin-left: -1px; box-sizing: border-box;}
.page_tab li a {display: block; padding: 14px; font-size: 15px; font-weight: 400; border: 1px solid #72d6ca; background: #fff; text-align: center;}
.page_tab li.active a {font-weight: 700; border-color: #092c56; background: #00397f; color: #fff;}
.tab_container {padding: 0 50px;}
.page_tab.two li {width: calc((100% + 2px) / 2);}
.page_tab.three li {width: calc((100% + 2px) / 3);} 
.page_tab.four li {width: calc((100% + 4px) / 4);}

/* greeting */
.greeting {min-height: 800px; padding-top: 100px; padding-left: 50px; margin-top: -80px; font-size: 16px; background:url("/images/front/bg_greeting3.png") no-repeat right top; line-height: 1.8; box-sizing: border-box;background-position:right 300px;}
.greeting > .tit {font-size: 38px; margin-bottom: 40px; line-height: 1; letter-spacing: -1px;}
.greeting > .sign {margin-top: 45px; line-height: 1.2;}
.sign .tit {font-size: 13px; color: #aaa;}
.sign .name {font-size: 24px; font-weight: 500; margin-top:5px;}

/* history */
.history_main {position: relative; width: 320px; margin-top: 40px; padding-top: 50px; border-top: 1px solid #ddd;}
.history_main:after {content: ""; display: block; position: absolute; left: 124px; top: -6px; width: 12px; height: 12px; border: 2px solid #053d81; border-radius: 50%; background: #fff; box-sizing: border-box;}
.history_main .tit {margin-bottom: 20px; font-size: 30px; font-weight: 700;}
.history_main .txt {font-size: 20px; line-height: 1.2; word-break: keep-all;}
.history_main .sub {margin-top: 16px; font-size: 14px; color: #aaa}
.history_list {padding: 0 50px;}
.history_list li {float: left; margin-bottom: 40px; box-sizing: border-box;}
.history_list li img  {margin-left: 110px;}
.history_list li .history_main {padding-left: 110px;}
.history_list li:nth-child(3n+1) img  {margin-left: 0;}
.history_list li:nth-child(3n+1) .history_main {padding-left: 0;}
.history_list li:nth-child(3n+1) .history_main:after {left: 14px;}

/* contact us */
.map_img,
.address_container {padding: 0 50px;}
.address_container {padding-top: 60px; *zoom: 1;}
.address_container:after {content: ""; display: block; clear: both;}
.address_container .left {float: left; width: 560px;}
.address_container .right {float: right; width: 560px;}
.address_container li {margin-top: 34px;}
.address_container .tit {margin-bottom: 20px;}
.address_container .tit > .txt_round {margin-right: 10px;}
.access {font-size: 14px; font-weight: 400; color: #777; line-height: 1.8; word-break: keep-all;}
.access img {margin: 0 10px;}

/* contact */
.tel_list {margin: 40px 50px 0; border-bottom: 1px solid #ddd;}
.tel_list li {position: relative; float: left; width: 25%; height: 240px; padding: 50px 20px 70px; border-top: 1px solid #ddd; box-sizing: border-box;}
.tel_list li:after {content: ""; display: block; position: absolute; left: 20px; top: -30px; width: 50px; height: 60px; background: url("/images/front_en/icon_tooltip_plus.png") no-repeat center center;}
.tel_list li.tel:after {background-image: url("/images/front_en/icon_tooltip_tel.png");}
.tel_list .tit {margin-bottom: 34px; font-size: 30px;}
.tel_list p {margin-bottom: 10px; font-size: 14px; font-weight: 700;}
.tel_list p span {color: #777;}

/* animal culture : 2019-05-13 */
.fig_grp_container {padding: 0 50px; margin-bottom: 40px; *zoom: 1;}
.fig_grp_container:after {content: ""; display: block; clear: both;}
.fig_container {width: 560px;}
.fig_container.left {float: left;}
.fig_container.right {float: right;}
.fig_container figcaption {margin: -16px 40px 16px; font-size: 30px; font-weight: 600; line-height: 1;}
.fig_container .txt {margin: 0 40px; font-size: 14px; font-weight: 700; color: #777; line-height: 1.6; word-break: keep-all;}
.accr_container {padding: 40px 50px 0;}
.accr_container .btn_container {padding: 0 40px;}
.accr_container .btn {width: 100%; height: 70px; font-size: 18px; border: 1px solid #1259a1; background: #007ac2; color: #fff; line-height: 68px; text-align: center;}
.accr_container .btn > * {vertical-align: middle;}
.accr_container .btn .icon.pen {margin-right: 5px; background: url("/images/front_en/icon_pen.png") no-repeat 0 center;}
.accordion_list {padding: 0 40px;}
.accordion_list li {margin-top: 10px; border: 1px solid #ddd;}
.accordion_list li:first-child {margin-top: 0;}
.accordion_list button {width: 100%; background: url("/images/front_en/icon_acc_down.png") no-repeat 98% center; text-align: left;}
.accordion_list div {display: none; padding: 20px; font-size: 18px; border-top: 1px solid #ddd; background: #f4f4f4; color: #777; word-break: keep-all; line-height: 1.4;}
.accordion_list li.on button {background-image: url("/images/front_en/icon_acc_up.png");}
.accordion_list button .qst {display: inline-block; width: 120px; padding: 20px 0; font-family: "Barlow", "Noto Sans KR", sans-serif; font-size: 18px; background: #00397f; text-align: center; color: #fff;}
.accordion_list button .txt {display: inline-block; padding: 20px; font-size: 18px;}

/* donate */
.donate_container {padding: 0 40px; margin-top: 50px;}
.donate_cnt {position: relative; *zoom: 1;}
.donate_cnt:after {content: ""; display: block; clear: both;}
.donate_cnt .swiper-container {float: left;}
.swiper-container.donate01,
.swiper-container.donate02 {width: 490px; min-width: auto; height: 340px;}
.donate_cnt .swiper-container-horizontal > .swiper-pagination-bullets {top: auto; bottom: 18px; text-align: center;}
.side_tit_cnt {position: absolute; left: 470px; top: 90px; z-index: 2;}
.side_tit_cnt .tit {font-size: 36px; font-weight: 400; color: 000;}
.side_tit_cnt .txt {margin: 20px 0 0 60px; font-size: 14px; font-weight: 500; color: #000; line-height: 1.8; word-break: keep-all;}
.donate_cnt.type02 {margin-top: 80px; padding-left: 110px;}
.donate_cnt.type02 .side_tit_cnt {left: 580px;}
.donate_cnt_foot {position: relative; margin-top: 110px; padding-left: 210px;}
.donate_cnt_foot .txt {position: relative; font-size: 36px; font-weight: 400; line-height: 1.12;}
.donate_cnt_foot .txt:after {content: ""; display: block; position: absolute; left: 0; top: -70px; width: 0; height: 40px; border-left: 1px solid #2c7de0;}
.donate_cnt_foot .txt.type02 {position: absolute; right: 0; bottom: 0;}
.donate_cnt_foot .txt.type02:after {left: -70px; top: auto; bottom: 0; width: 40px; height: 0; border-left: 0 none; border-top: 1px solid #2c7de0;}
.donate_cnt_foot .txt span {color: #2c7de0;}

/* blood donate */
.blood_info_container {padding: 0 50px;}
.blood_info_container .swiper-container {min-width: auto; height: auto;}
.blood_info_container .swiper_bottom {height: 100px; margin-top: 40px; background: #2c7de0;}
.blood_info_container .swiper-button-next,
.blood_info_container .swiper-button-prev {bottom: 0; background-color: #00397f;}
.blood_info_container .swiper-button-next {right: 0; left: auto; background-image: url("/images/front_en/icon_arr_next.png");}
.blood_info_container .swiper-button-next:after {display: none;}
.blood_info_container .swiper-button-prev {left: 0; background-image: url("/images/front_en/icon_arr_prev.png");}
.blood_info_container .swiper-button-next.swiper-button-disabled,
.blood_info_container .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.blood_info_container .swiper-button-next span,
.blood_info_container .swiper-button-prev span {display: inline-block; position: absolute; top: 50%; width: 400px; margin-top: -9px; font-size: 16px; color: #fff;}
.blood_info_container .swiper-button-next span {right: 120px; text-align: right;}
.blood_info_container .swiper-button-prev span {left: 120px;}

/* terms */
.terms_container {padding: 0 50px;}
.terms_cnt {font-size: 14px; font-weight: 500; color: #777;}
.terms_cnt_box {margin-top: 40px; line-height: 2; word-break: keep-all;}
.terms_cnt_box .tit {margin-bottom: 10px; font-size: 18px; color: #000; line-height: 2;}
.terms_cnt_box .txt_small {font-size: 13px; font-weight: 400;}
.terms_cnt_box .dot_list,
.terms_cnt_box .num_list {margin: 16px 0 0 16px;}
.terms_cnt_box .dot_list li,
.terms_cnt_box .num_list li {color: #444; line-height: 2;}
.terms_cnt_box dl {margin-left: 14px;}
.terms_cnt_box dt {margin-top: 14px; color: #444;}
.terms_cnt_box dd {margin-top: 5px; padding-left: 14px;}
.terms_cnt_box dd .dot_list {margin: 10px 0 0 0;}
.terms_cnt_box dd .dot_list li {font-size: 13px; font-weight: 400; color: #777;}
.terms_cnt_box.type02 {padding-top: 40px; border-top: 1px solid #ddd;}
.green_box {padding: 20px; font-size: 14px; font-weight: 700; border: 1px solid #72d6ca; text-align: center; color: #000;}

/* index */
.swiper_tit {position: absolute; left: 50%; top: 16%; width: 443px; height: 270px; margin-left: -600px; background: url("/images/front_en/txt_slide_tit.png") no-repeat 0 0; z-index: 100; font-size:0;}
.swiper_tit img {position: relative; left: 60px; top: 10px;}
.square_container {position: relative; width: 1190px; margin: 0 auto;}
.img_main_slide_01 {width: 100%; height: 100%; background: url("/images/front_en/img_main_slide_01.jpg") no-repeat center center; background-size: cover;}
.img_main_slide_02 {width: 100%; height: 100%; background: url("/images/front_en/img_main_slide_02.jpg") no-repeat center center; background-size: cover;}
.img_main_slide_03 {width: 100%; height: 100%; background: url("/images/front_en/img_main_slide_03.jpg") no-repeat center center; background-size: cover;}
.img_main_slide_04 {width: 100%; height: 100%; background: url("/images/front_en/img_main_slide_04.jpg") no-repeat center center; background-size: cover;}
.square_list li {position: absolute; width: 230px; height: 210px; padding: 30px 0; background-repeat: no-repeat; background-position: center 110px; text-align: center; box-sizing: border-box; z-index: 50;}
.square_list li a {display: block; width: 100%; height: 100%;}
.square_list .tit {font-size: 20px; font-weight:400; line-height:22px; letter-spacing:0;}
.square_list .txt {margin-top: 8px; font-size: 12px;}
.square_list .squere01 {left: 480px; top: -330px; background-color: #00397f; background-image: url("/images/front_en/icon_square_04.png");}
.square_list .squere01 .tit {color: #fff;}
.square_list .squere01 .txt {color: #9ca9c2;}
.square_list .squere02 {left: 720px; top: -330px; background-color: #dcdcdc; background-image: url("/images/front_en/icon_square_05.png");}
.square_list .squere02 .tit {color: #000;}
.square_list .squere02 .txt {color: #929292;}
.square_list .squere03 {right: 0; top: -330px; background-color: #007ac2; background-image: url("/images/front_en/icon_square_06.png");}
.square_list .squere03 .tit {color: #fff;}
.square_list .squere03 .txt {color: #9cc0e0;}
.square_list .squere04 {left: 0; top: -110px; background-color: #c5cb54; background-image: url("/images/front_en/icon_square_01.png");}
.square_list .squere04 .tit {color: #000;}
.square_list .squere04 .txt {color: #7c8032;}
.square_list .squere05 {left: 240px; top: -110px; background-color: #02478e; background-image: url("/images/front_en/icon_square_02.png");}
.square_list .squere05 .tit {color: #fff;}
.square_list .squere05 .txt {color: #8ea1c1;}
.square_list .squere06 {left: 480px; top: -110px; background-color: #c7d20f; background-image: url("/images/front_en/icon_square_03.png");}
.square_list .squere06 .tit {color: #000;}
.square_list .squere07 {right: 0; top: -110px; background-color: #0160a8; background-image: url("/images/front_en/icon_square_07.png");}
.square_list .squere07 .tit {color: #fff;}
.square_list .squere07 .txt {color: #9db6d3;}
.index_bottom {padding: 160px 0 80px; background: #f4f4f4; *zoom: 1;}
.index_bottom:after {content: ""; display: block; clear: both;}
.notice_container {float: left; position: relative; width: 670px; height: 270px; margin-left: 45px; padding: 24px 40px; background: #fff; box-sizing: border-box;}
.notice_container:after {content: ""; display: block; position: absolute; left: -100px; top: 0; width: 100px; height: 100px; background: #00397f  url("/images/front/icon_note.png") no-repeat center center;}
.notice_container .btn {position: absolute; right: 30px; top: 24px;}
.notice_list { height: 100%; overflow: hidden;}
.notice_list li {line-height: 1.8; *zoom: 1;}
.notice_list li:after {content: ""; display: block; clear: both;}
.notice_list li a {float: left; display: block; width: 85%; font-size: 16px; font-weight: 300; color: #777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.notice_list li .date {float: left; display: block; width: 15%; margin-top: 4px; font-size: 12px; font-weight: 300; color: #999; text-align: right;}
.notice_list li:first-child {margin-bottom: 20px;}
.notice_list li:first-child a {float: none; display: -webkit-box; font-size: 28px; font-weight: 700; color: #000; line-height: 42px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.notice_list li:first-child .date {float: none; width: auto; margin-top: 16px; text-align: left;}
.notice_list li a span {position: relative;}
.notice_list li a:hover span {border-bottom: 1px solid #76eef8;}
/*.notice_list li a:hover span:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #76eef8;}*/
.video_container {position: relative; width: 480px; height: 270px; margin-right: 45px; float: right;}
.video_container:after {content: ""; display: block; position: absolute; right: -100px; top: 0; width: 100px; height: 100px; background: #00397f  url("/images/front_en/icon_camera.png") no-repeat center center;}