/* ABOUT  */
.page_name {position: relative !important}
.container{width:100%; position:relative; }
.about_bg01, .about02{
  display: block;
  position:relative;
  margin:0;
}
.container{position:relative;width:100%;margin:0;z-index:1;}

.rollBnr .dot { display:inline-block; background-color:#666; border-radius:50%; width:15px; height:15px; cursor:pointer; margin-top:100px; margin-right:15px}
/*
.about_blank{width:100%; height:calc(100vh - 220px); height:-webkit-calc(100vh - 220px); position:relative; background:transparehttp://pristontale.ncucu.com/nt; display:inline-block; margin:0;}*/
.about_blank{width:100%; height:calc(100vh - 320px); height:-webkit-calc(100vh - 320px); position:relative; background:transparent; display:inline-block; margin:0;}
.about_ad {opacity:0.9; height:100px; width:1000px; margin:0 auto; bottom:0}
.about_ad:hover{opacity:1}
.about_bg01, .about_bg02 .about_bg03, .about_bg04, .about_bg05{
  display:block; position:relative; width:100%; margin:0; box-sizing:border-box; }
.about_bg01{background:#fff; padding:0; height:100%; }
.about_bg02{background:url("http://web-files-cdn.masangsoft.com/common/20190221/1550733041/images/732570/338/748/dbea9e2d5ee39b673d7d0e776b571c2e.jpg") center bottom no-repeat; background-size:cover; background-attachment: fixed;}
.about_bg03{background:rgba(0,0,0,.8); height:900px; background:url("http://web-files-tokyo-cdn.masangsoft.com/common/20160713/1468383562/5e9f49d898928bdad1c0d3b3b79f8d45.jpg")no-repeat; background-size: cover; background-attachment: fixed;  padding:0;}
.about_bg04{background:rgba(0,0,0,0.9); height:1000px; padding:0; }
.about_bg05{background:#efefef; height:100%; margin: 0; padding:0;box-sizing:border-box;}

/* width 1000 */
.company02, .ceo01, #history01_pc{
  position: relative; max-width:1000px; margin:0px auto; }
/* COMPANY */
.company01 {position:relative;  height:220px; text-align: center; margin:0px auto; vertical-align:top }
.company01_center {height:220px; width:100%; max-width:1000px; margin:0 auto; background:#fff; text-align: center; display:inline-block; vertical-align:top}
.company01 .line{width:100%; height:1.2em; display:block; background:#222 url("../images/about/line.gif"); background-size:cover; }
.company01_center img{max-width:330px; margin-left:1em;} 
.company01_center p{font:bold 1em'quicksand';letter-spacing: 1em;}
.company01_center span{font:bold italic 3em 'Playfair Display';}
.company02 {height:320px}
.company02 p{font:400 1.3em 'Roboto','Noto Sans KR', sans-serif; line-height:2em; color:#444; padding:2em; margin:0em 1.5em 1.5em;}
.company02 img{width:50%; margin:0;} .company02 img:hover{opacity:0.9;}
/* CEO */
.ceo01{height:100%; max-height:900px; text-align:center; transition:0.3s}
.ceo01 div{
  position: relative;
  vertical-align:top;
  top:0px;
  height:600px;
  padding:30px 5em;
  opacity:1;
  transition: all 0.5s ease-out; 
} 
.ceo01 p { font:300 1.4em 'Roboto','Noto Sans KR', sans-serif; line-height:1.8em; color:#eee; padding:1em; padding-bottom:20px; border-bottom:1px solid #eee; width:600px; margin:0 auto; }
.ceo01 img { width:80px; vertical-align: middle;}
.ceo01 div h1::before, .ceo01 div h2::before {
  position: relative; font-family:'Playfair Display',serif;
  font-style: bold italic; color: #fff;}
.ceo01 div h1::before{
  content: "\201C";
  font-size: 2em;
  left: -.6em;
}
.ceo01 div h2::before{
  content: "\201D";
  font-size: 4em;
  right: -5.5em;
  line-height:0px;
}
.ceo01 h1{font:bold 3em 'Playfair Display'; color:#fff;}
.ceo01 h2{position:relative; display:inline-block; font:400 italic 1.5em 'Roboto', 'Noto Sans KR', sans-serif; color:#eee; line-height: 0;}

/*     HISTORY     */
.history_name {position:relative; height:80px; width:100%}
#history01_mobile {display:none}
#history01_pc {   
  width: 650px;
  height: 650px;
  margin: 0px auto;
  padding:0px;
  top:60px;
  border-radius: 50%;
  border: .1em solid #ddd;
  }
#history01_pc .viewport{ height:650px; position: absolute;  margin: 0 auto; border-radius: 50%; overflow:hidden; width:650px;}
#history01_pc .overview { position: absolute; width: 800px; list-style: none; margin: 0; padding: 0;  left: 0px; top: 0px;}
#history01_pc .overview li { height:650px; width:650px;  border-radius: 50%; overflow:hidden; margin: 0 20px 0 0; float: left; position: relative;}
#history01_pc .thumb {width:20px; height:20px; border-radius:50%;position: absolute; content:''; cursor: pointer; margin-top:-1px; z-index:101; }
#history01_pc .thumb > span { display:inline-block; position:absolute; top:40px; left:-10px; border: transparent; border-left: 20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff;}
#history01_pc .dot { cursor: pointer; text-align: center; line-height: 22px; left:50%; position: absolute; left:0; top: 0px; margin-top:-2.5%; margin-left:43.5%; z-index: 100; }
#history01_pc .menu_current {color:#526bbe; background:#526bbe}
#history01_pc .dot span { cursor: pointer;  font-family:'Raleway','Noto Sans KR', sans-serif;  color: #fff; font-size:2.5em;  font-weight: 400;}
#history01_pc .dot:hover > span, #history01_pc .dot span:active {color:#526bbe;}
.history_content{
color:#eee;
width:100%; height:100%;
 text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history_content h1{display:none}
.history_content h3{
  font: bolder 'Raleway' 3em;
  color:#526bbe;
  clear:both;display:block;
}
.history_content p{
 font-family:'Roboto','Noto Sans KR', sans-serif;
 font-weight:400;
  font-size:1.2em;
  margin-top:0px;
  color:#ddd;
  width:80%;
}
.history_content div{
  display:block;
  height:1px;width:80%;
  border-bottom:1px dotted #ddd;
}

/* Parners - Map */
.partners01 {
  padding:0 20px 20px;
  width:100%;
  max-width:1700px;
  text-align:center;
  position:relative;
  font-family:'Roboto','Noto Sans KR', sans-serif;
  margin:0 auto;
  box-sizing: border-box; }
div img footer{
  position: relative;
  box-sizing: border-box; }
.partners01 h1, .partners01 h2{
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  color:#526bbe; }
.partners01 .map-point .partnerscontent img{margin-bottom:10px;}
.partners01 .map-point .partnerscontent .line{ width:90%; height:1px; background-color:rgba(85,107,178,0.3); margin:15px auto 20px; }
.partners01 p {font-size: 12pt; color:#ddd; width:90%; margin:0 auto 12px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:300}
.partners01 strong {
  font-weight: 900;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  color: #e5e5e5; }
.centered {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
.centered-y {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.partners01 > img {
  width: 100%;
  position: relative; 
  padding:0;margin:0; }
.partners01 .map-point {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  background: rgba(26, 26, 26, .9);
  border: 4px solid #eee;
  transition: .2s }
.map-point:hover{
  border: 5px solid rgba(85,107,178,0.5);
  width: 50px; height: 50px; }
.partners01 .map-point .partnerscontent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  padding:0px;
  overflow: overlay;
  vertical-align:top; }
.partners01 .map-point:active, .partners01 .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 400px;
  height: auto;
  color: #e5e5e5;
  border-radius: 20px;
  border: 4px solid rgba(85,107,178,.5);
  z-index: 100;
  -o-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out; }
.partners01 .small:active, .partners01 .small:focus { height:250px;}
.partners01 .map-point:active .partnerscontent, .partners01 .map-point:focus .partnerscontent {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0s, 0s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  overflow: hidden;
}
.partners01 .map-point:active .partnerscontent a:hover, .partners01 .map-point:active .partnerscontent a:active, .partners01 .map-point:focus.partnerscontent a:hover, .partners01 .map-point:focus .partnerscontent a:active {
  color: #afe1fa;
}

/* CONTACT US */
.contact_wrapper {width:100%;position: relative; margin-top:40px;}
.contact_wrapper .tabs{
  display: table;  position: relative;  max-width:1000px;  margin:0em auto; }
.tabs li {
  transition-duration: .25s;
  display: table-cell;
  text-align: center;
  padding:20px 60px;
  color: white; left:0;
  background: #444;
  border:1px solid #333;
}
.tabs > li b{font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.tabs > li:hover{  opacity: 0.7;}
.tabs > li.active {  color: #fff;  background:#526bbe;}
.tab_content {
  position: relative;
  width: 100%;
  border-radius: 5px;
  margin-top:-12px;
}
.tab_content > li {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}
.tab_content > li .content_wrapper {
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding:1em;
}
.content_wrapper h2 {
  text-align: center;
  font-family:  'Roboto', 'Noto Sans KR', sans-serif;
  padding-bottom: 20px;
  font-weight: 700;
}
.content_wrapper img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
#google-container { position: relative; width: 100%; height: 500px; }
#google-map {  position: relative;}
.about_bg05 .copy{ display: block; position:relative; max-width:900px; margin:0 auto; color:#222; font-size:1em; text-align: center; vertical-align: top; }
.about_bg05 .copy div{display:table-cell; width:300px; height:200px}
.about_bg05 .copy p{ color:#222;  font-size:1em;}
.about_bg05 .copy a{border:1px solid #222;  color:#222; padding: 10px 20px; font-size:1em; border-radius:3px; transition:0.2s;}
.about_bg05 .copy a:hover{background:#526bbe; border:1px solid #526bbe;  color:#fff}
.about_bg05 .copy h3{ color:#526bbe;  font-size:1.3em;}


/* width 1000 */
@media screen and (max-width: 1260px){
  .partners01 {padding-top:0em; position: relative;}
  .about_bg04 {height:auto}
  .contact_wrapper{padding:0; position:relative;}
  .ceo01 div {padding:0em;}
  .company01_center img{ width:80%;}
  .company02 p{font-size:1em; margin:0 1em;}
  .about_ad{display:none}
}
/* mobile ver */
@media screen and (max-width: 700px){

.page_name{font-size:1.2em;}
.about_blank{height:450px;}
.about_bg01{max-height:100vh;}
.company02 img{width:100%; height:auto;}
.about_bg02 {background:#222;  height:620px; padding:0}
.ceo01{top:100px}
.ceo01 div{position:relative;top:0; opacity:1; width:100%;}
.ceo01 h1{font-size:1.5em;}
.ceo01 h2{font-size:1.2em}
.ceo01 p{font-size:1em; border-color:#222}
.ceo01 div h1:before{display:none}.ceo01 div h2:before{display:none}
.about_bg03 {background:#222; height:100%; padding:0}
#history01_pc{display:none; }
#history01_mobile {display:block; height:100%; padding:1em 0; position:relative; padding:30px 10px; }
#history01_mobile span{display:block; color:#bbb; font-weight:300; margin-bottom:15px}
#history01_mobile b{color:#526bbe; display:block;}
.partners01{padding:0; width:100%; margin-top:1em;}
.partners01 > img{display:none;}
.partners01 .partnerscontent{width:100%}
.partners01 .map-point,.partners01 .map-point:hover,.partners01 .map-point:focus,.partners01 .map-point:active{
	position: relative; width:100%;  
	vertical-align:top;
	top:auto !important;left:auto !important;
	border-radius:0;border:1px solid #444;
	display:block;background:transparent;
	opacity:1; margin:0;z-index:100;
	-webkit-transform:translateX(0);
    			transform:translateX(0);
	overflow-y:hidden;
}
  .partners01 .map-point{height:70px;vertical-align:top;}
  .partners01 .map-point .partnerscontent{opacity:1; height:auto}
  .partners01 .map-point .partnerscontent .centered-y{position:relative; -webkit-transform: translateY(0%);  transform: translateY(0%)}
  #google-container { height:300px; padding-top:80px}
  .contact_wrapper{width:100%; display:block; clear:both}
  .tabs{margin:0; padding-left:0}
  .tabs > li {left:0; padding:20px auto; right:0}
  .about_bg05 .copy {position:relative;}
  .about_bg05 .copy div{display:block; width:100%; height:110px; padding:0}
  #scrollup{position:fixed; right:10px; bottom:10px}

  }