@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    text-decoration:none
}
html{
    font-family:'Noto Sans KR',Tahoma,Helvetica,Arial,"Microsoft Yahei","�좎럥�뤄옙�숈삕占쎈뿭�뺝뜝�댢딉옙類앸쐻占쎄쑬�ゅ뜝�숈삕,STXihei,"�좎럩伊숋옙恝�쇿뜝�뚯뗄�좎럩瑗삼옙�용쐻占쎈슪�쇿뜝�숈삕,sans-serif
}
body{
    font-size:100%
}
#wrap{
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    position:relative
}
header,section,footer{
    width:100%;
    margin:0;
    padding:0;
    clear:both
}
header nav ul.gnb>li:nth-child(7){
    background:#0080b6
}
header nav ul.gnb>li:nth-child(7)>a{
    color:#fff
}
header{
    border-bottom:1px solid #005d84!important
}
header nav ul.gnb li.gnb_dropdown:hover:after{
    background:#005382!important
}
div#about_com,div#about_pat,div#contactus{
    margin-top:70px;
    width:100%
}
div#company_nav{
    clear:both;
    position:fixed;
    width:100%;
    height:40px;
    margin:0 auto;
    margin-top:-39px;
    text-align:center;
    box-sizing:border-box;
    z-index:3;
    background:#005382
}
div#company_nav ul{
    width:960px;
    height:40px;
    box-sizing:border-box;
    margin:0 auto;
    padding:0 0 0 512px
}
div#company_nav ul li{
    display:block;
    float:left;
    margin:0 20px 0 0
}
div#company_nav ul li a{
    display:block;
    padding:8px 10px 12px 10px;
    color:#fff;
    font-weight:500;
    font-size:.825em
}
div.page_title_com,div.page_title_pat,div.page_title_con{
    position:relative;
    height:170px;
    padding:45px 0;
    margin-top:110px;
    box-sizing:border-box;
    overflow:hidden;
    background:#003959
}
div.page_title_com:before,div.page_title_pat:before,div.page_title_con:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:.3
}
div.page_title_com:before{
    background:url(../images/pagetitle/company.png) no-repeat 50% 42.5%;
    background-size:cover
}
div.page_title_pat:before{
    background:url(../images/pagetitle/partner.png) no-repeat 50% 32.5%;
    background-size:cover
}
div.page_title_con:before{
    background:url(../images/pagetitle/contact.png) no-repeat 50% 42.5%;
    background-size:cover
}
div#page_title p,div#page_title span{
    display:block;
    z-index:2;
    position:relative;
    text-align:center;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,0.2)
}
div#page_title p{
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:3px
}
div#page_title span{
    font-size:1.2em
}
section#com_hello{
    max-width:960px;
    height:380px;
    margin:40px auto;
    box-sizing:border-box;
    clear:both
}
article.hello_title{
    max-width:560px;
    margin:0 20px 0 0;
    float:left
}
article.hello_title p{
    display:block;
    font-weight:bold;
    font-size:1.2em;
    margin:0 0 10px 0;
    color:#147da8
}
article.hello_title span{
    display:block;
    font-size:.9em;
    line-height:160%;
    letter-spacing:-0.5px;
    margin:0 0 20px 0;
    word-break:keep-all
}
article.hello_title span b{
    font-weight:500;
    font-size:1.08em
}
article.hello_img{
    float:right;
    max-width:380px
}
section#com_history{
    max-width:960px;
    margin:40px auto;
    box-sizing:border-box;
    clear:both
}
article.history_title p{
    display:block;
    font-weight:bold;
    font-size:1.2em;
    margin:0 0 5px 0;
    color:#147da8
}
article.history_tab{
    padding:20px 0 0 0;
    max-width:960px;
    margin:0 auto
}
ul.tab_category{
    width:937px;
    height:38px;
    margin:0 auto;
    background:url(../images/company/bg_historyline.png) repeat-x center center
}
ul.tab_category li{
    float:left;
    width:96px;
    margin-right: 39.3px;
    background:#fff;
    border:1px solid rgba(27,119,160,0.3);
    border-radius:30px;
    box-sizing:border-box;
    text-align:center
}
ul.tab_category li:last-child{
    margin:0;
    width:125px
}
ul.tab_category li a{
    display:inline-block;
    width:96px;
    color:#0080b6;
    padding:8px 15px 9px 15px;
    border-radius:30px;
    box-sizing:border-box;
    text-align:center;
    font-size:.825em;
    cursor:pointer;
    transition:.25s
}
ul.tab_category li:last-child a{
    width:125px
}
ul.tab_category li a:hover{
    background:rgba(0,128,182,0.9);
    color:#fff
}
ul.tab_category li a:focus,.tab_active{
    background:#0080b6;
    color:#fff!important
}
div.tab_content{
    display:none;
    padding:15px;
    -webkit-animation:fadeEffect .5s;
    animation:fadeEffect .5s;
    margin-bottom:60px
}
@-webkit-keyframes fadeEffect{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeEffect{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
div.tab_content p{
    display:block;
    font-size:2.2em;
    font-weight:bold;
    color:#ccc;
    margin-bottom:10px
}
div.tab_content span{
    display:block;
    font-size:.9em;
    line-height:180%;
    letter-spacing:-0.1em;
    margin:0 0 20px 0;
    word-break:keep-all;
    color:#3f3f3f
}
div.tab_content span b{
    display:block;
    width:30px;
    float:left;
    color:#0080b6
}
.second-half{
    float:left;
    width:430px;
    margin:0 40px 0 0
}
.first-half{
    float:left;
    width:430px
}
.no-half{
    float:left;
    width:430px
}
#y2019{
    display:inline-block;
}
.y2011,.y2009,.y2007{
    float:left;
    clear:both;
    width:430px;
    margin-right:40px
}
.y2010,.y2008{
    float:left;
    width:430px
}
section#com_patent{
    max-width:960px;
    margin:40px auto;
    margin-bottom:140px;
    box-sizing:border-box;
    clear:both
}
article.patent_title p{
    display:block;
    font-weight:bold;
    font-size:1.2em;
    margin:0 0 5px 0;
    color:#147da8
}
article.patent_slider{
    height:300px;
    margin:20px 0 0 0;
    position:relative;
    overflow:hidden
}
article.patent_slider div.item{
    max-height:260px;
    width:auto
}
article.patent_slider div.item span{
    width:100%;
    padding:5px 10px;
    position:absolute;
    text-align:center;
    font-size:.725em;
    box-sizing:border-box;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    color:#fff;
    border-radius:0 0 5px 5px
}
article.patent_slider div.item span b{
    font-weight:500
}
article.patent_slider img{
    width:auto!important;
    height:100%;
    max-height:260px;
    box-sizing:border-box;
    border-radius:5px;
    border:1px solid #f1f1f1
}
article.patent_slider .owl-carousel div.item1{
    margin-top:40px
}
article.patent_slider .smooth_hidden{
    z-index:2;
    width:20px;
    height:300px;
    position:absolute;
    top:0;
    right:0;
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 35%,rgba(255,255,255,1) 100%)
}
section#pat_gallery{
    max-width:960px;
    margin:40px auto;
    margin-bottom:140px;
    box-sizing:border-box;
    clear:both
}
article.pat_title p{
    display:block;
    font-weight:bold;
    font-size:1.1em;
    margin:0 0 10px 0;
    color:#147da8
}
article.pat_list{
    max-width:960px;
    text-align:center;
    display:inline-block
}
article.pat_list img{
    width:18%;
    margin:1%;
    float:left
}
article.pat_list img:nth-child(5n+1){
    clear:both
}
section#con_map{
    max-width:960px;
    margin:40px auto;
    margin-bottom:140px;
    box-sizing:border-box;
    clear:both
}
article.daummap{
    width:100%;
    height:350px;
    background:linear-gradient(0deg,#3ca7d2 78%,#3f89d2 100%)
}
article.con_text{
    width:900px;
    margin:0 auto;
    margin-top:20px
}
article.con_text p{
    display:block;
    font-weight:bold;
    font-size:1.6em;
    margin:0 0 10px 0;
    color:#147da8
}
article.con_text ul{
    display:block;
    font-size:1.0em;
    line-height:180%;
    letter-spacing:-0.5px;
    word-break:keep-all
}
article.con_text ul li{
    margin:20px 0;
    cursor:default;
    color:#333
}
article.con_text ul li span{
    display:block;
    float:left;
    width:80px;
    color:#333
}
article.con_text ul li span b{
    font-weight:500
}
article.con_text ul li a{
    color:#333;
    transition:.3s
}
article.con_text ul li a:hover{
    color:#147da8;
    transition:.15s
}
.banner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	z-index: 10
}

.banner>div.snsid {
	width: 88px;
	height: 292px;
	position: fixed;
	top: 121px;
	margin-left: 1000px
}

.banner>div.snsid>img {
	width: 100%;
	position: static;
	top: 0
}

.banner>div.downpdf {
	width: 88px;
	height: 46px;
	position: fixed;
	top: 364px;
	margin-left: 1000px
}

.banner>div.downpdf>img {
	width: 100%;
	position: static;
	top: 0
}

.banner>div.downapp {
	width: 88px;
	height: 135px;
	position: fixed;
	top: 416px;
	margin-left: 1000px
}

.banner>div.downapp>img {
	width: 100%;
	position: static;
	top: 0
}