* { margin: 0; padding: 0; }
body { width: 100%; margin: 0 auto;font-family: 'Noto Sans', sans-serif; font-weight:400;}
body { background: #fff;padding: 0; }
img { border: 0; }
ul, ol { list-style: none; }


@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* contents */
.area {width:100%; max-width:720px; margin:0 auto; padding: 0;}
.section-01,.section-02,.section-03,.section-04,.section-05 { position: relative;}
.section-01 { background-color: #212121;background-image:url(../images/m_bg1.gif); background-position:center bottom;background-repeat:no-repeat; height: 100%; background-size: contain;text-align: center;}
.section-02 { background-color: #fffff;  height: 1650px; }
.section-03 { background-color: #ffffff; background-image:url(../images/m_bg2.gif); background-position:center bottom;background-repeat:no-repeat; height: 100%;background-size: contain; }
.section-04 { background-color: #f7f7f7; background-image:url(../images/m_bg3.gif); background-position:center bottom;background-repeat:no-repeat; height: 100%; background-size: contain;}
.section-05 { background-color: #fffff; background-image:url(../images/m_bg4.gif); background-position:center bottom;background-repeat:no-repeat; height: 100%;background-size: contain; }

/* floating menu */
.floating-menu ul {width:100%;  margin:0 auto; }
.floating-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.floating-menu li {  text-align: center; margin: 0; float: left;display: inline-block;width:20%;vertical-align:middle;}
.floating-menu a { display: inline-block;padding: 0; color: #212121; text-align:center;vertical-align:middle;
							text-decoration: none; font-size:14px;font-family: "Noto Sans KR", sans-serif; font-weight:500;vertical-align:middle; padding:15px 0}
.floating-menu a.menu-04 { background: none; }
.floating-menu li.on a {     background-color: #212121;    color: #fff; width:100%; display: inline-block; }
.floating-menu li.on a.menu-01 {/* background-position: -131px 0;*/ }
.floating-menu li.on a.menu-02 {/* background-position: -131px -104px;*/ }
.floating-menu li.on a.menu-03 { /*background-position: -131px -219px;*/ }
.floating-menu li.on a.menu-04 { /*background-position: -131px -334px;*/ }
.floating-menu li.on a.menu-05 { /*background-position: -131px -449px;*/ }

.footer { height: 80px; background-color: #212121;}
div#copy {
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 20px 0;font-family: 'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-weight:400;height:90px
}

ul#top {width:100%; display:inline-block;}
ul#top li {display:inline-block;float:left;}
ul#top li img {width:100%;}
ul#top li:nth-child(1) {width:20%;}
ul#top li:nth-child(2) {width:44%;padding:0 8%;}
ul#top li:nth-child(3) {width:20%;}

h3.top_tit img {
    width: 130px;
}
h3.top_tit {
    text-align: center;
}

.area {width:90%;}
ul.main_visual {padding-top:100px;}


/*Å°º¸µå·Î Á¢±Ù °¡´ÉÇÑ °Ç³Ê¶Ù±â ¸µÅ©*/
.skip { position:relative; z-index:99999;} 
.skip a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
.skip a:focus, 
.skip a:active { height:auto; width:100%; padding:5px; margin-bottom:10px;}


.header {
    position: fixed;
    height: 60px;
    background-color: #fff;
    width: 100%;
    top: 0;
    z-index: 9999;
    text-align: center;
}

.header  img { width:150px; padding-top:10px;}

/*1ÆäÀÌÁö*/

.section-01 li h6 {    font-size: 14px;
    color: #fff;
    font-weight: 400;s}
.section-01 li h5 {font-size:12px; color:#fff; font-weight:400;padding:10px 0;}
.section-01 li h5 strong {font-size:20px; color:#fff; font-weight:400;}
.section-01 li h4 {color:#fff; font-size:16px; font-weight:300;    padding-top: 50px; padding-bottom:15px;}
.section-01 li h3 {color:#fff; font-size:30px; font-weight:300;    padding-bottom: 50px;}

ul.boxbtn {
    padding: 20px 0 0 0;
    margin: 0;
}

ul.boxbtn li {
    margin: 0;
    display: inline-block;
    width: 49%;
    float: left;
}



ul.boxbtn li img {
    width:100%;
}

ul.boxbtn li:nth-child(1) {padding-left:5px;}

div#main1_right img {
    padding-bottom: 0px;
}

div#main1_left img {
    padding-bottom: 20px;
}

h1#toplogo {
    display: inline-block;
    width: 735px;
    text-align: center;
}


/*2ÆäÀÌÁö Binarycube*/

.section-02 {  text-align:center; margin:0 auto;}
.section-02 h3 {color:#666; font-weight:400; }
.section-02 h1 {color:#666; font-weight:400; font-size:40px; }
a.btn {
    background: #212121;
    color: #fff;
    padding: 10px 20px;}

div.binary {padding: 30px 0;}
div.binary p { color:#555; font-size:14px;font-weight:400;padding:20px 0;}



/*3ÆäÀÌÁö Our Team*/
.section-03 h3 img{text-align:center; margin:0 auto;}
.section-03 {text-align:center;}
.section-03.scroll h4 {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
}


ul#cardarea {padding:20px 0;text-align:center;}
ul#cardarea li a {text-decoration:none;}
ul#cardarea li {display: inline-block;
    width: 280px;
	height:150px;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    border: 4px solid #212121;margin:5px;}

ul#cardarea li strong { font-family: 'Noto Sans', sans-serif; font-size:20px; }
ul#cardarea li:nth-child(1) strong {color:#fa7501;}
ul#cardarea li:nth-child(2) strong {color:#305ad4;}
ul#cardarea li:nth-child(3) strong {color:#9848d5;}
ul#cardarea li:nth-child(4) strong {color:#f14344;}

ul#cardarea li:nth-child(1) small {color:#fa7501;}
ul#cardarea li:nth-child(2) small {color:#305ad4;}
ul#cardarea li:nth-child(3) small {color:#9848d5;}
ul#cardarea li:nth-child(4) small {color:#f14344;}

ul#cardarea li:nth-child(1) {background: url(/images/team1.jpg) no-repeat top right;}
ul#cardarea li:nth-child(2) {background: url(/images/team2.jpg) no-repeat top right;}
ul#cardarea li:nth-child(3) {background: url(/images/team3.jpg) no-repeat top right;}
ul#cardarea li:nth-child(4) {background: url(/images/team4.jpg) no-repeat top right;}


ul#cardarea li p {font-size:14px;font-weight:200; padding:5px 0;}
ul#cardarea li small {font-size:14px;font-weight:500;width:270px;display:inline-block;}
ul#cardarea li span {rignt:0;bottom:0;}



/*4ÆäÀÌÁö °ü·Ã´º½º*/
.section-04 h2 img{padding:40px 0;}
ul#newsarea li a {text-decoration:none;}
ul#newsarea {margin-bottom: 50px;}
ul#newsarea li {display:inline-block; width: 30%;    padding: 1px 3px;text-align:center;text-decoration:none;}
ul#newsarea li a img {border:4px solid #f7f7f7; display:inline-block; width:100%;}
ul#newsarea li a:hover img  {border:4px solid #212121;}
ul#newsarea li a span {text-align:center; color:#666;text-decoration:underline #fff;height:50px;display:inline-flex;    font-size: 13px;}
ul#newsarea a:hover span {text-decoration:underline #666;}


/*5ÆäÀÌÁö Q&A*/
.section-05 h2 img{padding:30px 0;}
ul.contact_detail {font-size:12px;color:#666; padding:10px 0;}
ul.contact_detail li {padding:5px;}
ul.contact_detail li a {text-decoration:none;color:#666;}

/*À̸ðƼÄÜ*/
p small img {
    width: 25px !important;
}

section {
    padding: 10px 26px;
    max-width: 430px;
    margin: 10px 20px;
    font-size:15px;
	font-family: 'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-weight:400;
    background-color: #fff;
    display: inline-block;
    border-radius: 30px;
    border-top: 30px solid #c3c3c3;
    border-bottom: 60px solid #c3c3c3;
    border-left: 10px solid #c3c3c3;
    border-right: 10px solid #c3c3c3;
}


section div {
  max-width: 350px;
  word-wrap: break-word;
  margin-bottom: 20px;
  line-height: 24px;
}

.clear {
  clear: both;
}

.from-me {
  position: relative;
  padding: 10px 15px;
  color: white;
  background: #0B93F6;
  border-radius: 25px;
  float: right;
}
/*.from-me:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #0B93F6;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.from-me:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}*/

.from-them {
  position: relative;
  padding: 10px 20px;
  background: #E5E5EA;
  border-radius: 25px;
  color: black;
  float: left;
}
/*.from-them:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 20px;
  border-left: 20px solid #E5E5EA;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.from-them:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}*/

}