@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('./notosanskr.css');



body {margin:0;padding:0;font-size:22px;font-family:'Noto Sans KR', sans-serif;color:#000;border:0; overflow: hidden!important; 
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

div {
-ms-overflow-style: none;
}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus { outline:none; }


/*NAV STYLE*/
#floatMenu { 
    position: fixed; 
    margin-top:0px;  
    border:0px solid #FF0000; 
    width:100%; 
    z-index:50; 
    height:50px; 
    background: rgba(0, 0, 0, 0.9);
    opacity: .9;
}
#floatMenu .to_menu{
    margin:0 auto; 
    width:100%;  
    border:0px solid #FF0000; 
    height: 50px;
    padding:0 20px;
    display: flex;
    justify-content: space-between;
}
#floatMenu .to_menu a.logo {
    display: block;
    width: 100%;
    max-width: 200px;
    height: 50px;
    line-height: 50px;
    color:#ffffff;
}
#floatMenu .to_menu ul{ 
    width:100%; 
    height:50px; 
    font-size:0.7em; 
    display: flex;
    justify-content: flex-end;
}
#floatMenu .to_menu li{ 
    display: inline-block;
    vertical-align: middle;
    border:0px solid #FF0000; 
    height:50px;
    font-weight: bold; 
    line-height:50px;
    color:#ffffff; 

}

#floatMenu .to_menu li a { 
    color:#ffffff; 
}
#menu li{ 
    color: #0080C0; 
    padding:0 20px;
}
#menu li#n.active{
    opacity: 0;
}
#menu li.active{  
    background-color: #5b9bd5; 
    padding:0 20px;
}



/* (1200이상) p1 */
#section00{  border:0px solid #3366FF; height:auto; padding:0px; margin:0px; z-index: 10; background:#C0C0C0; }


#section01 {  border:0px solid #3366FF; height:auto; padding:50px 0px 0; margin:0px; z-index: 10; background:#D0D0E8; }
#section01 h1{  text-align:center; }

#section02{  border:0px solid #3366FF; height:auto; padding:0px; margin:0px; z-index: 10; background:#3EC1BB; }
#section02 h1{  text-align:center; }


#section03 {  border:0px solid #3366FF; height:auto; padding:50px 0px 0; margin:0px; z-index: 10; background:#B5C0D9; }
#section03 h1 {  text-align:center; }

#section04 {  border:0px solid #3366FF; height:auto; padding:50px 0px 0; margin:0px; z-index: 10; background:#B5C0D9; }
#section04 h1 {  text-align:center; }

#section05 {  border:0px solid #3366FF; height:auto; padding:50px 0px 0; margin:0px; z-index: 10; background:#B5C0D9; }
#section05 h1 {  text-align:center; }

/* (1200이상) foot */
#foot{   padding-top:10px;  background:#606060; border:1px solid #606060; height:150px;  z-index: 10;}
#foot .text{ line-height:1.1em;	font-size:13pt; 	margin-top:10px;	margin-bottom :10px;}


/**메인화면 section00**/
#section00 .slide{
    width: 100%;
}
#section00 .fp-slidesContainer{

}
#section00 #section00_main{
    width: 100% !important;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 50px;
}
#section00 #section00_main .fp-tableCell{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 30%;
}
#section00 #section00_main .sm_l,
#section00 #section00_main .sm_r{
    width: 50%;
}


#section00 #section00_main.fp-tableCell div img{
    width: 100%;
}
/**회사소개 section0**/