@charset "UTF-8";

body {
  font-family: "Noto Sans KR", "맑은고딕", "Sans-serif";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  overflow-x: hidden;
} /* font-size:0.875em; */
.kr {
  font-family: "Noto Sans KR", "맑은고딕", "Sans-serif";
  font-size: 0.875em;
  letter-spacing: 0.5px;
  overflow-x: hidden;
}
.en {
  font-family: "Roboto", sans-serif !important;
  font-weight: 300;
}
.en_b {
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 300%;
}
.en_m {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300;
}
.en_r {
  font-family: "Raleway", sans-serif !important;
}
.en_l {
  font-family: "Libre Baskerville", serif !important;
}
.title_font {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600;
}
.white {
  color: #fff;
}
.pos_ab {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.clear {
  clear: both;
}
.clear:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.inner {
  width: 73.5%;
  max-width: 100%;
  margin: 0 auto;
}
.inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.menu {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.menu:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.zoom_09 {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}
.zoom_10 {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.zoom_13 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
}
.zoom_15 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}
.red {
  color: #fa6d62;
}
.white {
  color: #ffffff;
}
.yellow {
  color: #facd62;
}
.mint {
  color: #c2dee0;
}
.green {
  color: #49b5c0;
}
.indigo {
  color: #224b76;
}
.blue {
  color: #006bb7;
}
.h30_temp {
  display: none;
}
.about_orgnization_img {
  width: 100%;
  background: url("/images/about_organization.png");
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.top_50 {
  position: absolute;
  top: 50%;
  left: 19.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.top_49 {
  position: absolute;
  top: 50%;
  left: 18.2%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.top_48 {
  position: absolute;
  top: 50%;
  left: 19%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.top_47 {
  position: absolute;
  top: 50%;
  left: 17%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.about_grid_1 {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: 830px;
  background-color: #006bb7;
}
.about_grid_2 {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: 450px;
  background-image: url("/images/main_img_1.jpg");
  background-size: cover;
  background-position: center center;
}
.about_grid_3 {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: 450px;
  text-align: center;
  margin: 0 auto;
  background-color: #facd62;
  background-image: url("/images/spacebanana.svg");
  background-size: 30% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.about_grid_4 {
  position: relative;
  float: left;
  width: 25%;
  height: 450px;
  background-color: #224b76;
  background-image: url("/images/imgW.png");
  background-size: 30% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.about_grid_5 {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: 450px;
  background-image: url("/images/main_img_4.jpg");
  background-size: cover;
  background-position: center center;
}
.title_black {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 300%;
}
.font_con {
  font-size: 60px;
}
.font_title {
  font-size: 180px;
}
.font_emphasis {
  font-size: 80px;
  font-weight: bold;
}
.font_con_sub {
  font-size: 32px;
}
.font_con_sub2 {
  font-size: 32px;
}
.font_describe {
  font-family: "Noto Sans KR", "맑은고딕", "Sans-serif";
  letter-spacing: 0.5px;
  line-height: 200%;
  font-weight: 600 !important;
}

hr:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.footer_class {
  height: 30%;
  width: 100%;
  float: left;
  background: #224b76;
}
/* .left {
	float: left; position:relative; 
	width: 70%;	
}
.left > a > img {
	content:url('/images/event1.png')
}
.left > a > img:after {
	content:url('/images/event1.png')
}
.right {float:left; position:relative;}
.right > a > img {
	content:url('/images/event2.png')
}
.left > a > img::after {
	content:url('/images/event1.png')
} */
.left {
  float: left;
  position: relative;
  display: flex;
  width: 69%;
  height: 80%;
  background: url("/images/event1.png") no-repeat;
  background-position: center center;
  background-size: contain;
}

.right {
  width: 31%;
  height: 80%;
  float: left;
  position: relative;
  background: url("/images/event2.png") no-repeat;
  background-position: center center;
  background-size: contain;
}

.about_link {
  height: 20%;
  width: 11%;
  float: right;
  background: rgba(53, 123, 192, 0.7);
  right: 10%;
  top: 65%;
  z-index: 1;
  position: absolute;
}
.about_link > div {
  position: absolute;
  bottom: 0;
  right: 5pt;
}
.about_link > div > h2 {
}

.title_cover {
  height: 30%;
  width: 100%;
  float: right;
  background: rgba(53, 123, 192, 0.7);
  top: 70%;
  z-index: 1;
  position: absolute;
  text-align: center;
}

.title_cover > section > h1 {
  /* width:73.5%; */
  font-family: "Montserrat", sans-serif !important;
  font-size: 52px;
  font-weight: 700;
  color: #fff;
  text-align: left;
}

.over {
  height: 160pt;
  width: 1400pt;
  float: right;
  background: 006bb7;
  top: 500pt;
  z-index: 1;
  position: absolute;
}

.footer_logo {
  width: 25%;
  float: left;
  position: relative;
  text-align: left;
  left: 1%;
  margin-right: 20%;
}

.footer_hidden {
  width: 86%;
  float: left;
  position: relative;
  left: 20pt;
  top: 10pt;
  float: left;
  padding-top: 10pt;
  border-top: 1px solid #fff;
  display: none;
}
.footer_line {
  float: left;
  position: relative;
  margin: 10pt 0 10pt 0;
  left: 1%;
  width: 98%;
  border-top: 1px solid #fff;
}
.footer_family_site {
  width: 12.5%;
  float: left;
  position: relative;
  text-align: left;
}

.footer_family_site .box {
  text-align: center;
  padding: 2pt;
  width: 70%;
  display: inline-block;
}

.footer_family_site > div {
  margin-right: 30%;
  text-align: center;
}

.footer_partner {
  width: 12.5%;
  float: left;
  position: relative;
  text-align: center;
}

.footer_partner .box {
  padding: 2pt;
  width: 70%;
  display: inline-block;
  text-align: center;
}
.footer_info {
  /* width: 12.5%; */
  float: left;
  position: relative;
  text-align: center;
  padding-top: 2px;
  margin: 0 3.5%;
}
.footer_info .hidden {
  display: none;
}
.footer_icon {
  /* width: 11%;
	float: right;  */
  position: relative;
  padding-top: 2px;
  right: 3%;
  text-align: right;
}

.footer_icon > div {
  width: 50%;
}
.footer_icon > a > img {
  display: inline;
  margin: 0 10pt;
}

.store {
  text-align: center;
}
.store > img {
  margin: 30pt;
}
.homespick_icon {
  float: left;
  width: 15%;
  text-align: center;
}

.homespick_text {
  float: left;
  width: 85%;
  padding: 3% 0% 1.5% 5%;
}
.homespick_text > h1 {
  line-height: 200%;
  font-size: 20px;
}
.homespick_img {
  padding: 2%;
}
/* NAV */
#menu-main {
  text-align: right;
  margin-right: 70pt;
  float: right;
}
.top_logo {
  position: fixed;
  top: 3pt;
  left: 7pt;
  display: inline-block;
}
.top_logo > div {
  width: 50px;
  height: 50px;
  background: url("/images/logo6.svg") no-repeat;
  background-position: 50% 50%;
}
/* .top_menu{position:fixed; top:3pt; left:7pt; display:inline-block;}
.top_menu > div {width:50px; height:50px; background:url('/images/icon_menu.png') no-repeat; background-position:50% 50%;} */
.top_menu {
  position: relative;
  display: inline;
}
.top_menu > li {
  position: relative;
  text-align: center;
  display: inline-block;
}
.top_menu > li > a {
  display: block;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding-bottom: 0.5em;
  margin: 1em;
  font-size: 110%;
  border-bottom: 3px solid rgba(241, 90, 41, 0);
  color: rgba(255, 255, 255, 0.6);
}
.top_menu > li.active > a,
.top_menu > li:hover > a {
  border-bottom: 3px solid rgba(34, 75, 118, 1);
  color: rgba(255, 255, 255, 1);
}
.top_menu > li:last-child > a {
  margin-right: 0;
}
.top_menu > li:first-child > a {
  margin-left: 0;
}
.top_menu > li > ul {
  position: absolute;
  left: -9999px;
  top: 10px;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.3s ease, top 0.25s ease;
  -moz-transition: opacity 0.3s ease, top 0.25s ease;
  -ms-transition: opacity 0.3s ease, top 0.25s ease;
  -o-transition: opacity 0.3s ease, top 0.25s ease;
  transition: opacity 0.3s ease, top 0.25s ease;
}
.top_menu > li:hover > ul {
  left: 50%;
  top: 4em;
  transform: translate(-50%, 0%);
  opacity: 1;
}

.top_menu > li > ul > li > a {
  display: block;
  width: 150px;
  padding: 3pt 0;
  font-weight: 500;
  color: #fff;
}
.top_menu > li > ul > li > a:hover {
  color: rgba(241, 90, 41, 1);
}
.top_menu > li:last-child > ul {
  padding-left: 10pt;
}

header {
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#header-main {
  position: relative;
}
/* #header-main{position:relative;} */

#header-main .btn_lang {
  display: block;
  position: fixed;
  top: 8pt;
  right: 20pt;
}
#header-main .btn_lang a {
  display: inline-block;
  color: #fff;
  font-size: 80%;
  padding: 0.5em;
  background: #006bb7;
}
#header-main.active {
  background-color: #fff;
  top: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 5pt 0;
  height: 60px;
}
#header-main.active .btn_lang {
  float: right;
  top: 12pt;
  right: 20pt;
}
#header-main.active .top_menu {
  float: right;
  top: 0pt;
}
#header-main.active .top_menu > li > a {
  color: #000;
  padding-bottom: 0;
  font-size: 100%;
}
#header-main.active .top_menu > li > ul > li {
  background: #fff;
  margin-top: -5pt;
}
#header-main.active .top_menu > li > ul > li > a {
  color: #000;
  font-size: small;
  padding-bottom: 7pt;
}
#header-main.active .top_menu > li > ul > li > a:hover {
  color: #cd4643;
}
#header-main.active .top_logo > div {
  background: url("/images/logo7.svg") no-repeat;
  background-position: 50% 50%;
  width: 240px;
  height: 50px;
  float: left;
}

#header-main .logo {
  width: 30%;
  float: left;
}
#header-main .logo a {
  display: inline;
  color: #fff;
  font-size: xx-large;
  margin: 0 auto 10pt auto;
  width: 300px;
  height: 80px;
  font-size: 0;
  background-image: url("/images/logo6.svg");
  background-repeat: no-repeat;
  /* background-position:top center; */
  background-position: 50% 50%;
  background-size: auto 100%;
}
#header-main.active #logo-icon {
  width: 320px;
  height: 35px;
  background-image: url("/images/logo7.svg");
  background-position: top left;
  background-size: auto 100%;
}

#header-main .logo strong {
  font-weight: 700;
}

.main_slider {
  position: relative;
  background: #252525;
  width: 100%;
  height: 100%;
}
.main_slider .top_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 275px;
  max-height: 100%;
  background: url(/images/navi_bg.png) repeat-x;
  z-index: 1;
}

.main_section {
  width: 100%;
  height: 500pt;
}
.main_section1 {
  background: url(/images/main_section_bg1.png) no-repeat;
  background-position: bottom left;
  background-size: cover;
}
.main_section1 > div {
  display: table;
}
.main_section1 > div > section {
  display: table-cell;
}
.main_section1 > div > .about_box {
}
.main_section1 > div > .about_box .about_txt {
  color: #87929c;
  font-size: small;
  padding-top: 30pt;
}
.main_section1 > div > .about_box .about_ico {
  font-size: 0;
  padding-top: 50pt;
  width: 90%;
  margin: 0 auto;
}
.main_section1 > div > .about_box .about_ico li {
  display: inline-block;
  vertical-align: top;
  width: 24.5%;
  text-align: left;
  font-size: 10pt;
  letter-spacing: 0;
  color: #87929c;
  font-weight: 200;
}
.main_section1 > div > .about_box .about_ico li img {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
.main_section1 > div > .about_box .about_ico li h3 {
  display: block;
  color: #000;
  margin: 6pt 0 2pt 0;
}

.main_section1 > div > .news_box {
  float: right;
  width: 290px;
  max-width: 30%;
}

.main_con h1 {
  display: block;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #000;
}
.main_con h1 b {
  font-weight: 700;
  color: #006bb7;
}
.main_con h3 {
  display: block;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: rgba(0, 0, 0, 0.7);
}

.main_event {
}
.main_event .box {
  position: relative;
}
.main_event .box .box_bb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background: #fff;
}
.main_event .inner {
  position: relative;
  z-index: 2;
}
.main_event .box img {
  margin: 0 auto;
  max-width: 95%;
}
.main_business .box {
  background: url(/images/main_business.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.main_business > .box > section {
  display: flex;
  text-align: center;
  color: #fff;
  padding-bottom: 3em;
  /*cursor: pointer; */
  height: 600px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -webkit-flex-basis: 33.09%;
  flex-basis: 33.25%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.main_business .box > section:nth-of-type(1) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex-row;
}
.main_business .box > section:nth-of-type(2) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex-row;
}
.main_business .box > section:nth-of-type(3) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex-row;
}
.main_business .box > section img {
  width: 100pt;
  display: block;
  margin-top: 120pt;
  text-align: center;
}
.main_business .box > section h2 {
  width: 100%;
  font-size: 24pt;
}
.main_business .box > section span {
  display: block;
  width: 100%;
  line-height: 100%;
  margin-bottom: 100pt;
}
.main_business .box > section:hover {
  background: rgba(53, 123, 192, 0.7);
}
.main_business .box > section a {
  font-size: 120%;
  letter-spacing: 0.1em;
  margin-top: 30pt;
  border-bottom: 3px solid #fff;
  padding: 3pt 0;
  opacity: 0.5;
  color: #f1f1f1;
}
.main_business .box > section:hover a {
  padding: 3pt 15pt;
  opacity: 1;
}

.con .inner .marketing > ul {
  width: 100%;
  display: inline-block;
  margin-top: 30pt;
  font-size: 0;
  padding: 1%;
  background: #facd62;
}
.con .inner .marketing > ul li {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  vertical-align: top;
  padding: 2pt;
}
.con .inner .marketing > ul li img {
  display: inline-block;
  margin-bottom: 3%;
  max-width: 100%;
  width: 100%;
  height: 30%;
}
.con .inner .marketing > ul li h1 {
  display: block;
  font-size: x-large;
  font-weight: 600;
}
.con .inner .marketing > ul li span {
  display: block;
  font-weight: 400;
  font-size: 15px;
}

.main_product {
  padding-top: 10pt;
  width: 100%;
}
.main_product .product_slider {
}
.main_product .product_slider .box {
  height: 20%;
  width: 50%;
  text-align: center;
  cursor: pointer;
  border: 0px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.main_product .product_slider .box:hover {
}
.main_product .product_slider .box:nth-child(odd) {
}
.main_product .product_slider .box h2 {
  display: block;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  font-size: 200%;
}
.main_product .product_slider .box h3 {
  display: block;
  color: #828282;
  font-size: 130%;
  font-weight: 400;
  margin: 0;
}
.main_product .product_slider .box h4 {
  display: block;
  font-size: 98%;
  color: #000;
  letter-spacing: 0;
  font-weight: normal;
  margin: 10pt 0;
  line-height: 120%;
  height: 60pt;
}
.main_product .product_slider .box h4 span {
  display: block;
  margin-bottom: 5pt;
}
.main_product .product_slider .box .more {
  display: block;
  border: 1px solid #000;
  margin: 0 auto;
  background: #fff;
  font-size: 90%;
  padding: 3pt 10pt;
}
.main_product .product_slider .box:hover .more {
  background: #252525;
  color: #fff;
}
.main_product .product_slider .box .thumb {
  height: 100%;
}
.main_product .product_slider .box .thumb .space_one {
  padding: 50pt;
}
.main_product .product_slider .box .thumb img {
  width: auto !important;
  max-height: 100%;
  margin: 0 auto;
  height: 100%;
}

.main_contact {
  /* background: #006bb7; */
  padding: 40pt 0;
  color: #fff;
}
.main_contact .inner {
  position: relative;
}
.main_contact .inner > section > .btn_area {
  position: flex;
  bottom: 0;
}
.main_contact .section_left {
  float: left;
  width: 30%;
}
.main_contact .section_left h1 {
  display: block;
  margin: 0;
  font-weight: 400;
  color: #fff;
  font-size: 260%;
  margin-top: 5pt;
  margin-bottom: 20pt;
}
.main_contact .section_left h3 {
  display: block;
  font-weight: 500;
  color: #006bb7;
}
.main_contact .section_left a {
  color: #fff;
}
.main_contact .section_left span {
  margin-top: 10pt;
  display: block;
  font-weight: 200;
  margin: 5pt 0;
}
.main_contact .section_left span strong {
  display: block;
  font-size: 110%;
  margin-bottom: 5pt;
}
.main_contact .section_left span i {
  display: inline-block;
  font-size: 100%;
  vertical-align: -1px;
  margin-right: 5pt;
}
.main_contact .section_left > hr {
  height: 1px;
  background: rgba(241, 90, 41, 0.3);
  margin: 20pt 0;
}
.main_contact .section_right {
  float: center;
  width: 100%;
  text-align: centerl;
}

footer {
  position: relative;
  z-index: 100;
  padding: 30pt 0 0 0;
  color: #aaa;
  background: #224b76;
  display: inline-block;
  width: 100%;
}
footer .logo {
  display: block;
  font-size: 140%;
}
footer .logo strong {
  font-weight: 700;
}
footer .copyright {
  display: block;
  margin-top: 5pt;
  font-size: small;
  line-height: 150%;
}
footer a {
  color: #aaa;
  font-size: small;
}
footer a:hover {
  color: #fff;
}
footer a i {
  font-size: small !important;
  vertical-align: middle !important;
  margin-bottom: 1pt;
  margin-right: 1pt;
}
.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}

/* Button */
.btn_area {
  margin-top: 20pt;
}
.btn_area:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.btn {
  display: inline-block;
  padding: 5pt 10pt;
  margin: 0 2pt;
}
.btn:first-child {
  margin-left: 0;
}
.btn:last-child {
  margin-right: 0;
}
.btn_i {
  position: relative;
  padding-left: 35pt;
}
.btn_i i {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  height: 100%;
  width: 25pt;
  background: #facd62;
  text-align: center;
  font-size: 100%;
  line-height: 25pt;
}

.btn_red {
  background: rgba(241, 90, 41, 0.5);
  border: 1px solid rgba(241, 90, 41, 0.5);
  color: #fff;
}
.btn_red:hover {
  background: rgba(241, 90, 41, 1);
  border: 1px solid rgba(241, 90, 41, 1);
}
.btn_red2 {
  background: rgba(241, 90, 41, 1);
  border: 1px solid rgba(241, 90, 41, 1);
  color: #fff;
}
.btn_red2:hover {
  background: #212121;
  border: 1px solid #212121;
  color: #fff;
}
.btn_white {
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
}
.btn_white:hover {
  background: #f1f1f1;
}
.btn_blue {
  background: rgba(0, 106, 160, 0.5);
  border: 1px solid #003c65;
  color: #fff;
}
.btn_blue:hover {
  background: #003c65;
  border: 1px solid #003c65;
  color: #fff;
}
.btn_gray {
  background: #c2dee0;
  border: 1px solid #c2dee0;
  color: #224b76;
}
.btn_gray:hover {
  background: #c2dee0;
  border: 1px solid #c2dee0;
  color: #224b76;
}
.btn_brown {
  background: #bc5e00;
  color: #fff;
}
.btn_brown:hover {
  background: #bc5e00;
  border: 1px solid #bc5e00;
  color: #fff;
}
.btn_s {
  padding: 5pt 5pt;
}
.bbs_btn {
  margin-top: 10px;
}

.icon_size {
  height: 40px;
}

#content {
  position: relative;
  height: 100%;
}

.con {
  background-color: #fff;
  width: 100%;
  min-height: 500px;
  z-index: 2;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateZ(0);
}
.con > .inner {
  padding: 0;
}
.con .bg_dark {
  background-image: url(/images/bg_section2.png);
}
.con .bg_lightgray {
  background: #e9e9e9;
}

.page_title {
  position: relative;
  width: 100%;
  height: 500px;
  max-height: 60%;
  z-index: 0;
  background-position: fixed;
  background-size: cover;
  display: table;
}
.page_title.about {
  background-image: url(/images/about_img_team.jpg);
  background-size: 100% 100%;
}
.page_title.business {
  background-image: url(/images/business.jpg);
  background-size: 100% 100%;
}
.page_title.cooperation {
  background-image: url(/images/cooperation_new.jpg);
  background-size: 100% 100%;
}
.page_title.brand {
  background-image: url(/images/brand_new.jpg);
  background-size: 100% 100%;
}
.page_title.history {
  background-image: url(/images/company_historyjpg.jpg);
  background-size: 100% 100%;
}
.page_title.news {
  background-image: url(/images/title_news.jpg);
  background-size: 100% 100%;
}
.page_title.contact {
  background-image: url(/images/contact_img.jpg);
  background-size: 100% 100%;
}
.page_title .inner {
  display: table-cell;
  text-align: Center;
  vertical-align: middle;
  padding-top: 5%;
}

.parallux {
  height: 500px;
  max-height: 60%;
  z-index: 0;
}
.parallux .parallux-bg .parallux-inner.about {
  background-image: url(/images/about_img_team.jpg);
}
.parallux .parallux-bg .parallux-inner.business {
  background-image: url(/images/business.jpg);
}
.parallux .parallux-bg .parallux-inner.product {
  background-image: url(/images/title_product.jpg);
}
.parallux .parallux-bg .parallux-inner.info {
  background-image: url(/images/title_info.jpg);
}
.parallux .parallux-bg .parallux-inner.contact {
  background-image: url(/images/contact_img.jpg);
}

.main_about {
}
.main_about section {
  width: 100%;
  display: block;
  margin-top: 30pt;
  padding-left: 200px;
  padding-right: 100px;
}
.main_about > section > span {
  font-size: 20pt;
  line-height: 200%;
  font-weight: 500;
}
.main_about ul {
  width: 100%;
  display: block;
  margin-top: 30pt;
  font-size: 0;
  padding-left: 200px;
  padding-right: 75px;
}
.main_about ul li {
  display: inline-block;
  width: 33.3%;
  text-align: left;
  vertical-align: top;
  padding: 2pt;
}
.main_about ul li img {
  display: block;
  margin-bottom: 30pt;
  max-width: 100%;
}
.main_about ul li h1 {
  display: block;
  font-size: x-large;
  font-weight: 600;
}
.main_about ul li span {
  display: block;
  font-weight: 400;
  font-size: 15px;
}
.main_about img {
  width: 360px;
  height: 240px;
}
.main_about .about_text {
  line-height: 200%;
  font-weight: 500;
  margin-right: 32%;
  text-align: justify;
}
#main_about_hidden {
  display: none;
}
.sub_title {
  border: 5px solid #fff;
  color: #fff;
  display: inline;
  padding: 20pt;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
}
.sub_title h1 {
  font-weight: 100;
  font-size: 400%;
  padding: 0;
  margin: 0;
  letter-spacing: 3pt;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.sub_title h1 strong {
  font-weight: 700;
}
.sub_title h2 {
  display: block;
  margin-top: 10pt;
  font-size: 100%;
  font-weight: 400;
  letter-spacing: 3pt;
}
.view_960 {
  display: none;
}
.page_about {
  display: flex;
  padding: 10pt 0;
}
.page_about .t1 {
  margin-right: 50pt;
}
.page_about .t2 {
  padding-top: 25pt;
  line-height: 150%;
}
.page_about .t3 {
  margin-left: 50pt;
  text-align: right;
}
.page_about .t4 {
  margin-left: 50pt;
  text-align: center;
}

.page_about .t2 strong {
  display: block;
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 10pt;
}
.page_about .t2 span {
  display: block;
  margin: 5pt 0;
  line-height: 200%;
  font-size: 130%;
  line-height: 200%;
  font-weight: 500;
}
.page_about .t2 .hidden {
  display: inline;
  margin: 5pt 0;
  line-height: 200%;
  font-size: 18.2px;
  line-height: 200%;
  font-weight: 500;
}
.page_about .t2 span i {
  font-size: 100%;
  vertical-align: -1pt;
  margin-right: 5pt;
}
.page_about .t2 span a {
  color: #000;
}

.page_about h1 {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 300%;
  padding-top: 12pt;
}
.page_about h1:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  background: #224b76;
  margin-top: -20pt;
}
.page_about h3 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 100%;
}
.page_about .t1 h1:before {
  left: 0;
}
.page_about .t3 h1:before {
  right: 0;
}
.page_about .his:before {
  background: #facd62 !important;
}

.page_contact {
  display: flex;
  padding: 10pt 0 !important;
}
.page_contact .t1 {
  margin-right: 50pt;
}
.page_contact .t2 {
  padding-top: 25pt;
  line-height: 150%;
}
.page_contact .t3 {
  margin-left: 50pt;
  text-align: right;
}
.page_contact .t4 {
  margin-left: 50pt;
  text-align: center;
}

.page_contact .t2 strong {
  display: block;
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 10pt;
}
.page_contact .t2 span {
  display: block;
  margin: 5pt 0;
  line-height: 200%;
}
.page_contact .t2 span i {
  font-size: 100%;
  vertical-align: -1pt;
  margin-right: 5pt;
}
.page_contact .t2 span a {
  color: #000;
}

.page_contact h1 {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 300%;
  padding-top: 12pt;
}
.page_contact h1:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  background: #224b76;
  margin-top: -20pt;
}
.page_contact h3 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 100%;
}
.page_contact .t1 h1:before {
  left: 0;
}
.page_contact .t3 h1:before {
  right: 0;
}

.contact_font1 {
  font-size: 15pt;
  color: #006bb7;
  font-weight: 900;
}
.contact_font2 {
  font-size: 12pt;
  font-weight: 900;
}

.page_history {
  padding: 0;
  vertical-align: top;
}
.page_history li {
  margin-bottom: 20pt;
  line-height: 250%;
}
.page_history li:last-child {
  margin-bottom: 0;
}
.page_history li strong {
  display: inline-block !important;
  color: #facd62;
  font-size: 130%;
  vertical-align: top;
}
.page_history li strong i {
  font-size: 80%;
  margin-right: 3pt;
}
.page_history dt {
  display: inline-block;
  color: #fff;
}
.page_history dt b {
  display: inline-block;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  margin-left: 20pt;
  width: 50pt;
}

.page_business {
  padding: 50pt 0 !important;
}
.page_business .t1 {
  float: left;
  width: 40%;
}
.page_business .t1 strong {
  line-height: 150%;
}
.page_business .t1 span {
  line-height: 200%;
}
.page_business .txt {
  margin-top: 30pt;
  font-size: 120%;
  display: block;
  line-height: 150%;
}
.page_business .right_photo {
  float: right;
  width: 55%;
  text-align: right;
}
.page_business h1 {
  position: relative;
  font-weight: 700;
  line-height: 100%;
  font-size: 300%;
  padding-top: 12pt;
}
.page_business h1:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  background: #49b5c0;
  margin-top: -20pt;
}
.page_business h3 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 100%;
}
.page_business .t1 h1:before {
  left: 0;
}
.page_business .t3 h1:before {
  right: 0;
}
.page_business .design_marketing:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  margin-top: -20pt;
  background: #facd62 !important;
}
.strong_cooperation_text {
  display: flex;
  padding: 5pt;
  justify-content: center;
}
.strong_cooperation_text .brand_1 {
  
  text-align: center;
}
.strong_cooperation_text .brand_2 {
  
  text-align: center;
}
.strong_cooperation_text > div > h2 {
  font-size: 20pt;
  color: #224b76;
}
.page_business .eink_table {
  width: 800px;
  max-width: 90%;
  margin: 10pt auto;
  border-top: 5px solid #006bb7;
}
.page_business .eink_table th,
.page_business .eink_table td {
  width: 50%;
  padding: 10pt;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 10pt;
}
.page_business .eink_table th:last-child,
.page_business .eink_table td:last-child {
  border-right: 0;
}
.page_business .eink_table td {
  color: #555;
  line-height: 200%;
}

.page_comming {
  padding: 50pt 0 !important;
}
.page_product {
  padding: 50pt 0 !important;
}
.page_product .product_08 {
  display: inline-block;
  max-width: 50%;
}
.page_product .product_08 li {
  margin-bottom: 50pt;
}
.page_product .product_08 li:last-child {
  margin-bottom: 0;
}

.page_acc {
  padding: 50pt 0 !important;
}
.page_acc .t1 {
}
.page_acc h1 {
  position: relative;
  font-weight: 700;
  line-height: 100%;
  font-size: 300%;
  padding-top: 12pt;
}
.page_acc h1:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  background: #006bb7;
  margin-top: -20pt;
}
.page_acc h3 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 100%;
}
.page_acc ul {
  margin-top: 30pt;
}
.page_acc ul li {
  float: left;
}
.page_acc ul.pouch li {
  width: 22%;
  margin-right: 4%;
  text-align: center;
  color: #555;
}
.page_acc ul.pouch li img {
  border: 1px solid #eee;
  margin-bottom: 10pt;
}
.page_acc ul.pouch li:last-child {
  margin-right: 0;
}

.page_acc ul.case li {
  width: 48%;
  margin-right: 4%;
}
.page_acc ul.case li:last-child {
  margin-right: 0;
}
.page_acc ul.case li table {
  width: 100%;
  padding: 10pt;
  background: #f5f5f5;
}
.page_acc ul.case li .case_txt {
}
.page_acc ul.case li .case_txt h2 {
  display: block;
  font-size: large;
  margin-top: 20pt;
}
.page_acc ul.case li .case_txt h2:first-child {
  margin-top: 0;
}
.page_acc ul.case th {
  text-align: left;
  min-width: 90px;
  padding: 3px 0;
}

.page_news {
  display: flex;
  padding: 10pt 0;
}
.page_news .t1 {
  margin-right: 50pt;
}
.page_news .t2 {
  padding-top: 25pt;
  line-height: 150%;
}
.page_news .t3 {
  margin-left: 50pt;
  text-align: right;
}
.page_news .t4 {
  margin-left: 50pt;
  text-align: center;
}

.page_news .t2 strong {
  display: block;
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 10pt;
}
.page_news .t2 span {
  display: block;
  margin: 5pt 0;
  line-height: 200%;
  font-size: 130%;
  line-height: 200%;
  font-weight: 500;
}
.page_news .t2 .hidden {
  display: inline;
  margin: 5pt 0;
  line-height: 200%;
  font-size: 18.2px;
  line-height: 200%;
  font-weight: 500;
}
.page_news .t2 span i {
  font-size: 100%;
  vertical-align: -1pt;
  margin-right: 5pt;
}
.page_news .t2 span a {
  color: #000;
}

.page_news h1 {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 300%;
  padding-top: 12pt;
}
.page_news h1:before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 5px;
  width: 80px;
  background: #224b76;
  margin-top: -20pt;
}
.page_news h3 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 100%;
}
.page_news .t1 h1:before {
  left: 0;
}
.page_news .t3 h1:before {
  right: 0;
}
.page_news .news:before {
  background: #fa6d62 !important;
}

.product_sound {
  width: 100%;
}
.product_sound img {
  width: 1200px;
  max-width: 100%;
}
.product_sound .s1 {
  position: relative;
  padding: 2% 0;
}
.product_sound .s1 .bg_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(/images/product_sound_01_bg_top.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}
.product_sound .s1 .bg_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(/images/product_sound_01_bg_bottom.jpg) no-repeat;
  background-position: bottom right;
}
.product_sound .s2 {
  background: url(/images/product_sound_02_bg.jpg) no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.product_sound .s3 {
  background: url(/images/product_sound_03_bg.jpg) no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.product_sound .s4 {
  background: url(/images/product_sound_04_bg.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
.product_sound .s5 {
  background: url(/images/product_sound_05_bg.jpg) no-repeat;
  background-position: top center;
  background-size: cover;
}
.product_sound .s6 {
  background: url(/images/product_sound_06_bg.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
.product_sound .s7 {
}
.product_sound .s8 {
  background: url(/images/product_sound_08_bg.jpg) no-repeat;
  background-position: middle center;
  background-size: cover;
}
.product_sound .s9 {
  padding-bottom: 2%;
}
.product_sound .s10 {
  padding-bottom: 2%;
  background: url(/images/product_sound_10_bg.jpg) no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.product_sound .s11 {
  padding: 3% 0;
}
.product_sound .s12 {
  background: #252525;
  padding-bottom: 2%;
}

.product_sound .d1 {
  height: 500px;
  background-size: cover;
  background-color: #352c2b;
  background-position: 50% 20%;
  background-image: url("http://www.oneware.co.kr/uploads/ow1509001/201603/faa6380afd66565a2a2c606428836862_crop_blur90.png");
}

.dis_flex {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.dis_flex.col3 li {
  width: 33.33%;
}
/* 서브 탭메뉴 */
.tab {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tab ul {
  font-size: 0;
}
.tab ul li {
  display: inline-block;
  font-size: 12pt;
  font-weight: 600;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: -1px;
}
.tab ul li:last-child {
  border-right: 1px solid #ddd;
}
.tab ul li a {
  display: block;
  color: #000;
  padding: 10pt;
}
.tab ul li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.tab ul li.on {
  background: #006bb7;
  border-color: rgba(0, 0, 0, 0);
}
.tab ul li.on a {
  color: #fff;
}

.tab_sub {
  text-align: center;
  padding: 10pt;
}
.tab_sub ul li {
  position: relative;
  display: inline-block;
  padding: 5pt 0;
}
.tab_sub ul li:after {
  content: "";
  width: 3pt;
  height: 3pt;
  background: #006bb7;
  display: inline-block;
  vertical-align: 3pt;
  margin: 0 20px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
.tab_sub ul li:last-child:after {
  display: none;
}
.tab_sub ul li a {
  font-size: large;
  font-weight: 500;
  color: #999;
  padding-bottom: 5px;
}
.tab_sub ul li.on {
}
.tab_sub ul li.on a {
  color: #006bb7;
  border-bottom: 3px solid #006bb7;
  font-weight: 700;
}

.tab ul.col1 li {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.tab ul.col2 li {
  width: 50%;
}
.tab ul.col3 li {
  width: 33.33%;
}
.tab ul.col4 li {
  width: 33.33%;
}

/* 게시판 */
.bbs caption {
  display: none;
}
.notice_list {
  width: 100%;
  margin-top: -5pt;
}
.notice_list > li {
  margin-bottom: 30pt;
}
.notice_list > li > table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.notice_list > li > table td {
  vertical-align: top;
}
.notice_list .td_date {
  width: 60pt;
}
.notice_list .td_date span {
  display: block;
  font-size: 80%;
  line-height: 80%;
}
.notice_list .td_date span.date_y {
  color: #ccc;
  margin-bottom: -1pt;
  letter-spacing: 1.5pt;
}
.notice_list .td_date_line {
  background: url(/images/notice_td_date_line.gif) repeat-y;
  background-position: top center;
  height: 40pt;
}
.notice_list .td_subject {
}
.notice_list .td_subject h2 {
  display: block;
  color: #000;
  font-weight: 600;
  font-size: 160%;
}
.notice_list .td_subject span {
  display: block;
  color: #777;
  font-size: 95%;
}

.notice_view {
  width: 100%;
  margin-top: -3pt;
}
.notice_view > .v_info {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10pt;
}
.notice_view > .v_info > h2 {
  font-size: 220%;
  line-height: 120%;
}
.notice_view > .v_info > .v_date {
  font-size: 90%;
  color: #ccc;
  margin-top: 10pt;
}
.notice_view > .bo_v_atc {
  padding: 30pt 0;
  border-bottom: 1px solid #ddd;
}
.notice_view > .bo_v_atc img {
  max-width: 100%;
}
.notice_view > .bo_v_atc .bo_v_file {
  margin-top: 30pt;
}
.notice_view > .bo_v_atc .bo_v_file a {
  color: #888;
  display: block;
  padding: 3pt 0;
}
.notice_view > .bo_v_atc .bo_v_file a:hover {
  color: #000;
}
.notice_view > .bo_v_atc .bo_v_file a i {
  font-size: 11pt;
  vertical-align: -1pt;
}
.notice_view > .bo_v_atc .bo_v_file_cnt {
  display: inline-block;
  color: rgba(241, 90, 41, 1);
}
.notice_view > .bo_v_atc .bo_v_file_cnt2 {
  font-size: 9pt;
  margin-top: -3pt;
  padding-left: 15pt;
}

.bbs_write {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #eee;
}
.bbs_write th,
.bbs_write td {
  border-bottom: 1px solid #eee;
  padding: 8pt 0;
  height: 40pt;
}
.bbs_write input[type="text"],
.bbs_write input[type="password"],
.bbs_write input[type="email"] {
  border: 1px solid #eee;
  background: #fff !important;
  height: 25pt;
  width: 180pt;
  max-width: 100%;
}
.bbs_write input.w100 {
  width: 100% !important;
}
.bbs_write textarea {
  border: 1px solid #eee;
  background: #fff !important;
  height: 25pt;
  width: 100%;
}
.bbs_write th {
  text-align: left;
  width: 120pt;
}

#slider1_txt {
  text-align: center;
  line-height: 200%;
}
#slider1_txt h1 {
  color: #fff;
  font-size: 7vw;
  display: block;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#slider1_txt h2 {
  color: #fff;
  font-size: 4vw;
  display: block;
  font-weight: 400;
  margin-top: 4vw;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.2);
  padding: 1vw;
}
#slider1_txt h2 strong {
  color: #006bb7;
}
#slider1_txt h3 {
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: 600 !important;
  letter-spacing: 3pt !important;
}
#slider1_txt hr {
  display: block;
  width: 100pt;
  height: 2px;
  background: #fff;
  margin: 4vw auto;
}

#slider2_txt {
  text-align: left;
  line-height: 200%;
}
#slider2_txt h1 {
  color: #fff;
  font-size: 5vw;
  display: block;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider2_txt h2 {
  color: #fff;
  font-size: 4vw;
  display: block;
  font-weight: 100 !important;
  margin-top: 4vw;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider2_txt h2 strong {
  color: #006bb7;
}
#slider2_txt h3 {
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: 600 !important;
  letter-spacing: 3pt !important;
}
#slider2_txt hr {
  display: block;
  width: 100pt;
  height: 2px;
  background: #fff;
  margin: 40pt 0 30pt 0;
  text-align: left;
}

#slider3_txt {
  text-align: left;
  line-height: 150%;
}
#slider3_txt h1 {
  color: #fff;
  font-size: 5vw;
  display: block;
  letter-spacing: 5pt;
  margin-right: -5pt;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider3_txt h2 {
  color: #fff;
  font-size: 5vw;
  display: block;
  font-weight: 100 !important;
  margin-top: 50pt;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider3_txt h2 strong {
  color: #006bb7;
}
#slider3_txt h3 {
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: 600 !important;
  letter-spacing: 3pt !important;
}
#slider3_txt hr {
  display: block;
  width: 100pt;
  height: 2px;
  background: #fff;
  margin: 40pt 5pt 30pt 0;
  float: left;
}

#slider4_txt {
  text-align: center;
  line-height: 150%;
}
#slider4_txt h1 {
  color: #fff;
  font-size: 5vw;
  display: block;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider4_txt h2 {
  color: #fff;
  font-size: 4vw;
  display: block;
  font-weight: 100 !important;
  margin-top: 50pt;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider4_txt h2 strong {
  color: #006bb7;
}
#slider4_txt h3 {
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: 600 !important;
  letter-spacing: 3pt !important;
}
#slider4_txt hr {
  display: block;
  width: 100pt;
  height: 2px;
  background: #fff;
  margin: 40pt auto 30pt auto;
}

#slider5_txt {
  text-align: center;
  line-height: 150%;
  background: rgba(0, 0, 0, 0.5);
  padding: 15pt 10pt;
}
#slider5_txt h1 {
  color: #fff;
  font-size: 5vw;
  display: block;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider5_txt h2 {
  color: #fff;
  font-size: 4vw;
  display: block;
  font-weight: 100 !important;
  margin-top: 50pt;
  -webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
#slider5_txt h2 strong {
  color: #006bb7;
}
#slider5_txt h3 {
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: 600 !important;
  letter-spacing: 3pt !important;
}
#slider5_txt hr {
  display: block;
  width: 100pt;
  height: 2px;
  background: #fff;
  margin: 40pt auto 30pt auto;
}

/* FAQ */
#faq_category {
}
#faq_category ul {
  margin-bottom: 10px;
  padding-left: 1px;
  zoom: 1;
}
#faq_category ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#faq_category li {
  float: left;
  margin-bottom: -1px;
}
#faq_category a {
  display: block;
  position: relative;
  margin-left: -1px;
  padding: 5pt 10pt;
  border: 1px solid #eee;
  background: #f7f7f7;
  color: #888;
  text-align: center;
  cursor: pointer;
}
#faq_category #faq_category_on {
  z-index: 2;
  border: 1px solid #222;
  background: #222;
  color: #fff;
}

#faq_wrap {
}
#faq_wrap h2 {
  display: none;
}
#faq_con {
}
#faq_con li {
  border-bottom: 1px solid #eee;
  padding: 10pt 0pt;
}

#faq_con h3 {
  display: block;
}
#faq_con h3 a span {
  display: inline-block;
  font-weight: bold;
  margin-right: 10pt;
}
#faq_con .con_inner {
  display: none;
  background: #f5f5f5;
  padding: 15pt;
  margin-bottom: -10pt;
}
#faq_con .con_closer {
  margin: 10px 0 0;
  text-align: right;
}
#faq_con .closer_btn {
  cursor: pointer;
  background: #ccc;
  padding: 5px 5px 0 5px;
}
#faq_con .closer_btn i {
  font-size: medium;
}

#faq_sch {
  float: left;
  display: none;
}
#faq_sch legend {
  display: none;
}

#bbs_news {
}
#bbs_news {
}

#bbs_news li {
  display: table;
  width: 100%;
  margin-bottom: 30pt;
}
#bbs_news li:last-child {
  margin-bottom: 0;
}
#bbs_news .thumb {
  display: table;
  width: 290px;
  min-width: 30%;
}
#bbs_news .thumb a {
  position: relative;
  display: block;
}
#bbs_news .thumb a .bder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  height: 100%;
  border: 3px solid rgba(241, 90, 41, 0);
  padding: 5pt;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#bbs_news .thumb img {
  display: block;
  width: 100% !important;
  height: auto;
}
#bbs_news .info {
  display: table-cell;
  padding-left: 20pt;
  vertical-align: middle;
}
#bbs_news .info .title {
  display: block;
  color: #000;
  font-weight: 600;
  font-size: 160%;
  line-height: 120%;
}
#bbs_news .info .date {
  color: #ccc;
}
#bbs_news .info .con_ing {
  display: block;
  color: #777;
  font-size: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  height: 4.2em;
}
#bbs_news .info .btn_view {
  display: inline-block;
  font-size: small;
  font-weight: bold;
  color: #fa6d62;
  margin: 15pt 0 0 0;
}
#bbs_news .info .btn_view i {
  display: inline-block;
  font-size: medium;
  vertical-align: -3pt;
}

#bbs_news li:hover .thumb a .bder {
  border: 3px solid rgba(241, 90, 41, 1);
}
#bbs_news li:hover .info .btn_view {
  margin-left: 5pt;
}

#latest_news {
}
#latest_news ul {
  border: 1px solid #000;
  padding: 0;
  vertical-align: top;
}
#latest_news li {
  padding: 0;
  margin: 0;
  vertical-align: top;
}
#latest_news .news_img {
  position: relative;
}
#latest_news .news_img .aw {
  position: absolute;
  width: 20%;
  height: 20%;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
}
#latest_news .news_txt {
  padding: 20pt 0;
}
#latest_news .news_txt h2 {
  display: block;
  font-size: 100%;
}
#latest_news .news_txt h2:before {
  content: "";
  border-top: 3px solid #006bb7;
  display: block;
  width: 20pt;
  margin-bottom: 3pt;
}
#latest_news .news_txt .news_subject {
  display: block;
  margin: 10pt 0 6pt 0;
  font-weight: bold;
  font-size: 160%;
  letter-spacing: -1pt;
}
#latest_news .news_txt .news_con {
  display: block;
  color: #777;
  font-size: 100%;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 3.4em;
}
#latest_news .news_btn {
  margin-top: 0pt;
}
#latest_news .news_btn a {
  display: inline-block;
  border: 1px solid #222;
  color: #222;
  letter-spacing: 0;
  padding: 3pt 5pt;
  font-size: small;
}
#latest_news li:hover .news_btn a {
  border: 1px solid #222;
  background: #222;
  color: #fff;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 팝업 */
.popup_box {
  position: fixed;
  background: #fff;
  z-index: 15000;
  max-width: calc(100% - 20px);
}
.popup_box .bottom_x {
  width: 100%;
  height: 30px;
  background: #222;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
}
.popup_box .bottom_x form {
  padding: 0 10px;
}
.popup_box .bottom_x input[type="checkbox"] {
  vertical-align: -2px;
}
.popup_box .bottom_x .close_btn {
  float: right;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

#logo-icon {
  width: 50px;
  height: 50px;
  background: url("/images/logo6.svg") no-repeat;
  background-position: 50% 50%;
  float: left;
  margin: 0 0 0 1%;
}
#menu-icon {
  display: none;
  float: left;
  margin: 0 0 0 2%;
  z-index: 2;
}