@charset "utf-8";
.b1r {border:1px solid red}
span.sign{vertical-align: middle; display: inline-block;}
/*span.sign img{vertical-align: middle}*/
sub, sup{font-size: 10px;}
p.con span.inline{display: block;}
#container{width: 100%;background:  #fff;}
#container .sub_top{width: 100%; max-height: 426px; height: auto;overflow: hidden; position: relative; top: -100px; margin-bottom: -100px; z-index: 0;}
#container .sub_top img{width: 100%;}
.location{background:#003591; }
.location ul li{text-align: center; line-height: 55px; border-right: 1px solid #ccc; box-sizing: border-box;}
.location ul.ty5 li{width: 16.3%;}
.location ul.ty3 li{width: 33.3333%;}
.location ul.ty2 li{width: 50%;}
.location ul.ty1 li{width: 100%;}
.location ul li:first-child{border-left: 1px solid #ccc;}
.location ul li a{color: #fff; font-size: 17px; display: block; width: 100%; height: 100%;}
.location ul li.on{background: #fff;}
.location ul li.on a{color: #003591; font-weight: bold;}
.navi {text-align: right;  width: 100%; max-width: 1280px; margin: 10px auto;}
.navi span{line-height: 20px; font-size: 15px; font-family: 'Nanum Gothic';}
.navi span.arw{font-size: 10px; margin: 0 8px;}
.navi a {color: #00afef;font-family: 'Nanum Gothic';}
.contents{width: 100%; max-width: 1280px; margin: 30px auto 50px;}
.contents .tabmenu>ul{border: 0; background: none; margin: 70px 0; border: 0;}
.contents .tabmenu>ul>li{display: inline-block; border: 0; margin-right: 18px; margin-bottom: 10px;}
.contents .tabmenu>ul>li a{font-size: 20px;}
.contents .sectionbox{margin: 100px 0;}
.ui-widget.ui-widget-content{border: 0;}
.ui-widget-content{border: 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #00afef;}
.tab_box1 .comlist{margin: 40px 0;}
.tab_box1 .comlist li{width: 50%;}
.tab_box1 .comlist li.txt {background: #fff; }
.tab_box1 .comlist li.txt p.p1{color: #222; font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.tab_box1 .comlist li.txt p.p2{font-size: 17px; line-height: 20px; color: #606060;}
.tab_box1 .comlist li.txt.txt1{margin-top: 97px; margin-left: -40px; box-sizing: border-box; padding: 20px;}
.tab_box1 .comlist li.txt.txt3{margin-top: 140px;}
.tab_box1 .comlist li.img.img2{position: relative}
.tab_box1 .comlist li.img.img2 span.wbox{position: absolute; width: 40px; height: 110px; left: 0; top: 0; background: #fff;}
.tab_box1 .comlist li.img img{width: 100%;}
.tab_box1 .comlist li.tb1{padding-top: 120px; text-align: right;}
.tab_box1 .comlist li.tb2{padding-top: 160px; text-align: left;}
.tab_box1 .comlist li.tb3{padding-top: 200px; text-align: right;}
.tab_box1 .comlist li .tablebox{width: 90%; display: inline-block;}
.tab_box1 .comlist .tablebox p.t_tit{font-size: 20px; color: #003591; text-align: left;}

.tab_box2>ul>li:first-child{width: 35%;}
.tab_box2>ul>li:last-child{width: 65%;}
.tab_box2 .history{box-sizing: border-box; padding-left: 30px;}
.tab_box2 .history .con{padding: 10px 0; border-bottom: 1px solid #ccc;}
.tab_box2 .history .con li.year{width: 20%; text-align: center; font-weight: bold; font-size: 27px; color:#003591;}
.tab_box2 .history .con li.mon{width: 80%;}
.tab_box2 .history .con li.mon p{position: relative; box-sizing: border-box; padding-left: 55px; font-size: 17px; line-height: 24px;}
.tab_box2 .history .con li.mon p span{display: block; position: absolute; left: 0; font-weight: bold; font-size: 17px; color:skyblue;}
.tab_box3 .con{margin: 60px 0;}
.tab_box3 .con li{width: 50%;}
.tab_box3 .con li img{width: 100%; height: 300px;}
.tab_box3 .con li.loc img{height: 500px; width: auto; max-width: 100%; margin: 0 auto; display: block;}
.tab_box3 .con li .txt_box{box-sizing: border-box; padding: 15px 25px; background: #f5f5f5;}
.tab_box3 .con li .txt_box p.p1{font-weight: bold; font-size: 18px; margin-bottom: 15px;}
.tab_box3 .con li .txt_box p.p2{font-size: 17px; line-height: 1.6;}
.tab_box3 .con li .txt_box p span {color: #6565c3;font-weight: bold;}
.sectionbox p.sectionTit{font-size: 35px; line-height: 50px; font-weight: bold; margin-bottom: 50px;}
.sectionTit{font-size: 35px; line-height: 50px; font-weight: bold; margin-bottom: 50px;}
.tit{font-size: 25px; color: #222; margin-bottom: 20px; line-height: 1.2;}
.tit span{color: #003591;}
.sectionbox p.con{font-size: 20px; line-height: 1.2; color: #606060; margin-bottom: 15px;}
.sectionbox .welcome ul li.img{width: 35%;}
.sectionbox .welcome ul li.txt{width: 65%; box-sizing: border-box; padding: 50px 40px 0;}
.sectionbox .welcome ul li p{color: #606060;}
.sectionbox .welcome ul li p.p1{font-weight: bold; font-size: 28px; margin-bottom: 25px;color: darkred;}
.sectionbox .welcome ul li p.p2{ font-size: 25px; line-height: 33px; margin-bottom: 20px; color: #003590;}
.sectionbox .welcome ul li p.p3{ font-size: 18px;}
.sectionbox .welcome ul li p.p4{ font-size: 28px; line-height: 35px; color: #003591; font-weight: bold; text-align: right; margin-bottom: 10px;}
.sectionbox .welcome ul li p.con{font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.sectionbox .welcome ul.ul2{position: relative; top: -70px;}
.sectionbox .welcome ul.ul2 li.txt{padding-top: 120px; padding-left: 0; }
.sectionbox .welcome .last {font-size: 22px; font-weight: bold; color: #606060; word-spacing: 20px; text-align: right;}
.sectionbox .welcome p.con.lastcon{position: relative; top: -50px;
}
.ing{padding: 100px 0;}
.ing p{font-size: 33px; font-weight: bold;}
.tab_box2 .quality .conlist {position: relative;}
.tab_box2 .quality .conlist:first-of-type {margin-top: 50px;}
.tab_box2 .quality .conlist img{width: 50%;}
.tab_box2 .quality .conlist.con2 {text-align: right;}
.tab_box2 .quality .conlist .sho_box{display: block;  position: absolute; width: 250px; height: 100px; padding: 20px; border: 1px solid #ccc; box-shadow: 3px 3px 3px #ccc; left: 45%; top: 60px; background: #fff;}
.tab_box2 .quality .conlist .sho_box p.p1{font-weight: bold; margin-bottom: 10px; font-size: 17px;}
.tab_box2 .quality .conlist .sho_box p.p2{color: #606060; font-size: 17px; line-height: 18px;}
/*.tab_box2 .quality .bg_box{background: #003591; padding: 40px; box-sizing: border-box;}*/
.tab_box2 .quality .bg_box p{color: #222; text-align: center; font-size: 27px; line-height: 33px; font-weight: bold;}
.tab_box2 .quality  .last {text-align: right; margin: 20px 0;}
.tab_box2 .quality .last p.p1{font-size: 20px; margin-bottom: 10px;}
.tab_box2 .quality .last p.p2 img{display: inline-block; vertical-align: middle; margin-left: 30px;}
.tab_box2 .quality2{text-align: center;}
.tab_box2 .quality2 .section .y_box{display: inline-block; background: #fe9900; padding: 10px 20px; color: #fff; font-size: 23px; margin-bottom: 30px;}
.tab_box2 .quality2 .section .bulewrap{border: 3px solid #222;display: inline-block; padding: 20px 20px; margin-bottom: 20px; text-align: left;}
.tab_box2 .quality2 .section .bulewrap p.blue{color: #fff; background: #003591; text-align: center;display: inline-block; line-height: 75px; margin-bottom: 15px;}
.tab_box2 .quality2 .section .bulewrap.b1 p.blue{width: 190px; }
.tab_box2 .quality2 .section .bulewrap.b2 p.blue{width: 190px; }
.tab_box2 .quality2 .section .bulewrap.b3 p.blue{width: 210px; }
.tab_box2 .quality2 .section li{width: 25%;}
.tab_box2 .quality2 .section li:nth-child(2){width: 50%;}
.tab_box2 .quality2 .section span.arw1{display: inline-block; width: 150px; margin: 25px -15px; position: relative;}
.tab_box2 .quality2 .section p.bold{font-weight: bold; font-size: 17px; display: inline-block;  margin-right: 10px; margin: 100px 0;}
.tab_box2 .quality2 .section span.arw2{display: inline-block; vertical-align: middle; margin: 0 10px;}
.tab_box2 .quality2 .section span.arw3{display: block; margin: 10px auto;}
.tab_box2 .quality2 .section span.arw3 img{max-height: 100px;}
.tab_box2 .save .sec1{text-align: center; margin: 40px 0;}
.tab_box2 .save .sec1 .tit{font-size: 27px; margin-bottom: 20px;}
.tab_box2 .save .section .bgbox{background: #f5f5f5; padding: 40px; box-sizing: border-box; }
.tab_box2 .save2 p.con.con2{text-align: center; margin: 50px 0;}
.tab_box2 .save2 .list{margin: 40px 0;}
.tab_box2 .save2 .list li{width: 50%;}
.tab_box2 .save2 .list li img{width: 100%; height: 400px;}
.tab_box2 .save2 .list li.txt{background: #f5f5f5; padding: 250px 30px 30px; box-sizing: border-box; height: 400px;}
.tab_box2 .save2 .list li p.num{font-size: 30px; margin-bottom: 10px; color: #003591;}
.tab_box2 .save2 .list li p.con{margin: 10px 0;}
.tab_box2 .save3 .section{margin: 50px 0;}
.tab_box2 .save3 .section .title{font-weight: bold;
    font-size: 60px;
    margin-bottom: 10px;
    color: green;}
.tab_box2 .save3 .section li{width: 50%; margin: 40px 0;}
/*.tab_box2 .save3 .section li:last-child{box-sizing: border-box; padding: 10px;}*/
.tab_box2 .save3 .section li p.p1{font-size: 20px; font-weight: bold; margin: 10px 0;}
.tab_box2 .save3 .section li.txt{padding-top: 220px;}
.tab_box2 .save3 .section li.txt2 {padding-top: 150px;}
/*.tab_box2 .save3 .section li.txt2 p.p1{margin-bottom: 20px;}*/
.tab_box2 .save3 .section.sec2{text-align: right;}
.tab_box2 .save3 .list li img{width: 100%; height: 525px;}
.tab_box2 .save3 .list li.txt{background: #f5f5f5; padding: 12px 30px 30px; box-sizing: border-box; height: 525px;}
.tab_box2 .save3 .list li.txt p span.bold{font-size: 60px; color: blue; vertical-align: middle;}
.tab_box2 .save3 .list li.txt.txt2{padding-top: 30px;}
.tab_box2 .save3 .list li.txt.txt3{padding-top: 170px;}
.tab_box2 .save3 .list li.txt3 p.p1{margin-bottom: 30px;}
.tab_box2 .wel2 .top_txt{font-weight: bold; text-align: center; font-size: 20px; line-height: 25px; margin: 40px 0;}
.tab_box2 .wel2 li:first-child{width: 35%;}
.tab_box2 .wel2 li:last-child{width: 65%; box-sizing: border-box; padding: 40px ;}
.tab_box2 .wel2 li p{line-height: 20px; }
.tab_box2 .goal .section {margin: 50px auto;  text-align: center;}
.sectionbox .ci{width: 100%; margin: 50px auto;}
.sectionbox .ci .bg{width: 100%; box-sizing: border-box; padding: 40px 0; background: #ededee; text-align: center;}
.sectionbox .ci p.title{font-size: 23px; line-height: 35px; font-weight: bold; margin-bottom: 10px;}
.sectionbox .ci img{display: block; margin: 20px auto; width: 890px; max-width: 90%; }
.sectionbox .ci .right{text-align: right; width: 90%; max-width:893px; margin: 0 auto;}
.sectionbox .ci a.y_btn{display: inline-block; width: 120px; line-height: 40px; background: #fda729; color: #fff; text-align: center;}
.sectionbox .ci a.b_btn{background: #003591; }
.sectionbox .tel{padding: 50px; background: url(../img/tel01.png) no-repeat 50% 50%; position: relative;background-size: 15%;}
.sectionbox .tel li{width: 50%; box-sizing: border-box;}
.sectionbox .tel li:first-child{text-align: right; padding-right: 10%;}
.sectionbox .tel li:last-child{text-align: left; padding-left: 10%;}

.sectionbox .tel span.left{position: relative; display: inline-block; width: 300px; height: 100px; text-align: right; background: #f5f5f5; border-top-right-radius: 30px;  border-bottom-right-radius: 30px; box-sizing: border-box; padding: 30px 100px 0 0; margin-bottom: 50px;}
.sectionbox .tel span.left.l01, .sectionbox .tel span.left.l03{right: -50px;}
.sectionbox .tel span.left.l01{background: #c6c3df;}
.sectionbox .tel span.left.l02{background: #fee9c8;}
.sectionbox .tel span.left.l03{background: #d0ec99;}
.sectionbox .tel span.right{position: relative; display: inline-block; width: 300px; height: 100px; text-align: left; background: #f5f5f5; border-bottom-left-radius: 30px; border-top-left-radius: 30px; box-sizing: border-box; padding: 30px 0 0 100px;margin-bottom: 50px;}
.sectionbox .tel span.right.r01, .sectionbox .tel span.right.r03{left: -50px;}
.sectionbox .tel span.right.r01{background: #ff7f7c}
.sectionbox .tel span.right.r02{background: #a9cefb;}
.sectionbox .tel span.right.r03{background: #93aaff;}
.sectionbox .tel span.left img{position: absolute; top: 20px; right: 20px;}
.sectionbox .tel span.right img{position: absolute; top: 30px; left: 20px;}
.sectionbox .tel span p.p1{font-size: 17px; font-weight: bold; line-height: 22px;}

.sectionbox .bs li{width: 50%; text-align: center;}
.sectionbox .bs li .tit{font-size: 28px; text-align: center; color: #003591;}
.sectionbox .bs li a.down{display: block; margin:  20px auto; border: 1px solid #ccc; width: 130px; text-align: center; padding: 10px 0; border-radius: 14px;}
.sectionbox .research p.title{font-size: 24px; font-weight: bold; line-height: 35px; border-bottom: 2px solid #222; margin-bottom: 15px;}
.sectionbox .research .sec1 ul{width: 100%; margin: 0 auto;text-align: center;}
.sectionbox .research .sec1 ul li{width: 50%; box-sizing: border-box; padding: 30px; }
/* .sectionbox .research .sec1 ul li:last-child{text-align: right;} */
.sectionbox .research .sec1 ul li img{width: 75%;}
.sectionbox .research .sec1 ul.max li img{width: 100%;}
.sectionbox .research .sec2 li:first-child{width: 25%; text-align: left;}
.sectionbox .research .sec2 li:last-child{width: 75%; box-sizing: border-box; padding-left: 20px;}
.sectionbox .research p.p1{font-size: 25px; margin-bottom: 25px; color: #003591;}
.sectionbox .research p.p2{font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 8px;  font-size: 20px; line-height: 1.7;}
.sectionbox .research p.p2::before{content: "■"; color:#fcdb06; margin-right: 10px; }
.sectionbox .research p.p3{padding: 0 0 20px 18px;}
.sectionbox .research3 img{display: block; margin:  100px auto; }
.sectionbox .research3 img.mg{margin: 180px auto;}
.sectionbox .research3 .o_tit{font-size: 30px; color: #f27c34; font-weight: bold; line-height: 35px; margin-bottom: 20px;}
.sectionbox .research3 .o_tit.t2{font-size: 30px; font-weight: normal; line-height: 28px; margin-bottom: 20px;}
.sectionbox .research3 .section{margin-bottom: 80px;}
.sectionbox .research3 table{margin: 50px 0;}
.sectionbox .research3 p.bold {font-size: 17px; font-weight: bold; line-height: 25px; margin-bottom: 20px;}
.sectionbox .research3 table.table1{border: 0; border-bottom: 2px solid #222; text-align: center;}
.sectionbox .research3 table.table1 tr.tit{border-top: 2px solid #222; text-align: center;}
.sectionbox .research3 table.table1 tr.tit.tit2{border-top: 0; border-bottom: 2px solid #222;}
.sectionbox .research3 table.table1 tr.tit th{background: #f27c34; border: 0; }
.sectionbox .research3 table.table1 tr td{ border: 0; padding: 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.sectionbox .research3 table.table1 tr td:last-child{border-right: 0;}
.sectionbox .research3 table.table2 tr.tit{border-top: 2px solid #222; border-bottom: 2px solid #222;}
.sectionbox .research3 table.table2 tr th{background: none; border: 0;}
.sectionbox .research3 table.table2 tr td{border: 0;}
.sectionbox .research3 table.table2{border-bottom: 2px solid #222;}
.sectionbox .research3 table.table2 tr .red{color: #f27c34; font-weight: bold; font-size: 17px;}
.sectionbox .research3 ul.img li{width: 50%; text-align: center; box-sizing: border-box;}
.sectionbox .research3 ul.img li:first-child{padding-right: 20px;}
.sectionbox .research3 ul.img li:last-child{padding-left: 20px;}
.sectionbox .research3 ul.img li p{font-size: 17px; margin: 10px 0; }
.sectionbox .research3 ul.img2 li{width: 50%; text-align: center;}
.sectionbox .research3 ul.img2 li img{margin: 100px auto 10px;}
.sectionbox .research3 ul.img2 li p{margin-bottom: 80px;}
.sectionbox .research3 .sec3 p.p1{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.sectionbox .research3 .sec3 p.p2{font-size: 17px; line-height: 23px;  margin-bottom: 10px;}
.sectionbox .research3 .color{position: relative; text-align: left;}
.sectionbox .research3 .color span{display: inline-block;}
.sectionbox .research3 .color span.txt{position: absolute; top: 130px; left: 45px; text-align: center; font-size: 20px; background: rgba(255,255,255,0.6); padding: 15px; color: #e73f3f;}
.sectionbox .research3 .color span.txt2{max-width: 53%; line-height: 300px; color: #e73f3f; font-size: 20px; text-align: center;}
.sectionbox .research3 .color span.txt2 span.arw{margin: 0 30px 0 100px;}
.sectionbox .research3 .color span.txt2 span.arw *{color: #222;}
.sectionbox .research3 ul.sub023ul li{width: 50%; box-sizing: border-box;}
.sectionbox .research3 ul.sub023ul li table th{padding: 50px 0;}
.sectionbox .research3 ul.sub023ul li table td{padding: 40px 0;}
.sectionbox .research3 ul.sub023ul li:last-child{box-sizing: border-box; padding-left: 20px;}
.sectionbox .research3 ul.sub023ul li:last-child img{display: block; width: auto; height: 360px; margin:  45px auto;}
.sectionbox .research3  ul.img.he li img{height: 430px;}
.sectionbox .produc img{display: block; margin: 40px auto;}
.sectionbox .produc p.p1{font-size: 22px; text-align: center; margin:  10px; }
.sectionbox .produc p.p1 span{color: #858585;}
.sectionbox .produc .section{margin: 80px 0;}
.sectionbox .produc .section.bd{border: 1px solid #aaa;}
.sectionbox .produc .section p.title{ font-size: 28px; font-weight: bold;}
.sectionbox .produc .section .bg_box{background: #f5f5f5; padding: 30px; box-sizing: border-box; margin: 30px 0;}
.sectionbox .produc table tr.tit th{background: #eee; }
.sectionbox .produc table tr td, .sectionbox .produc table tr th{background: none; padding: 15px 0;}
.sectionbox .produc table{border-top: 2px solid #003591; border-bottom: 2px solid #003591;}
.sectionbox .produc table tr .bg { background: #fddfc7;}
.sectionbox .produc table tr.tit th.bg { background: #fddfc7;}
.sectionbox .produc2 .section .top{text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #222;
    position: relative;
    top: -17px;
    width: 150px;
    margin: 0 auto;
    background: #fff;
  text-shadow: -3px -3px #bbb;}
.sectionbox .produc2 .section ul{width: 100%; margin: 0 auto; text-align: left}
.sectionbox .produc2 .section ul img{margin: 0 auto; width: 90%; display: inline-block;min-width: 100%;}
.sectionbox .produc2 .section ul li.left{text-align: left;}
.sectionbox .produc2 .section ul li.right{text-align: right;}
.sectionbox .produc2 .section ul.ul1 li{width: 50%; box-sizing: border-box; padding: 20px;}
.sectionbox .produc2 .section ul.ul1 li.right{text-align: right;}
.sectionbox .produc2 .section ul.ul2 li{width: 33.33%; box-sizing: border-box; padding: 20px;}
.sectionbox .produc2 .section p.sub{color: #858585; text-align: center; margin-top: 10px; font-size: 17px; line-height: 25px;}
.sectionbox .produc .secbg p.p1{text-align: left;margin: 0; margin-bottom: 15px;}
.sectionbox .produc .secbg p.p2{ font-size: 16px; line-height: 25px;}
.sectionbox .produc .secbg .bg_box{background: #f5f5f5 url(../img/produc04.png) no-repeat 10% 65%; box-sizing: border-box; padding: 150px 80px 300px 50%;}
.sectionbox .produc3 ul li{width: 50%;}
.sectionbox .produc3 p.p1{margin: 0; color: #222; text-align: left;}
.sectionbox .produc3 p.p2{margin: 10px 5px;}
.sectionbox .produc4 table tr td:first-child{font-weight: bold;}
/*.sectionbox .produc4 img{height: 200px;}*/
.sectionbox .fac p.title{font-size: 24px; font-weight: bold; line-height: 35px; border-bottom: 2px solid #222; margin-bottom: 15px;}
.sectionbox .fac img{width: 100%;}


.sectionbox .section{margin-bottom: 100px;}
.sectionbox .fac ul li{width: 33.33%; box-sizing: border-box; padding: 20px; }
.page06_wrap.ir{padding: 50px 0 150px;}
.contents .read_box{margin: 50px 0;}
.contents .read_box button{display: block; margin: 20px auto; width: 150px; line-height: 40px; background: #003591; color: #fff; border: 0;}
.contents .read_box ul.tit{ border-bottom: 1px solid #003591 }
.contents .read_box ul.tit li{color: #003591; font-size: 20px;box-sizing: border-box;padding: 15px 20px; }
.contents .read_box ul.tit li:first-child{width: 80%;}
.contents .read_box ul.tit li:last-child{width: 20%;text-align: center;}
.contents .read_box2 ul.tit li:first-child{width: 65%;}
.contents .read_box2 ul.tit li:last-child{width: 13%;text-align: center;}
.contents .read_box .con_box{text-align: left; padding: 20px; margin: 0; min-height: 200px; border-bottom: 1px solid #ccc;}
.contents .read_box .con_box p{color: #606060;}
.contents .read_box .con_box a{text-decoration: underline;}
.contents .read_box .con_box a:hover{color: #222;}
.contents .read_box .m_read li {border-bottom: 1px solid #ccc;}
.contents .read_box .m_read li span{display: inline-block; width: 115px; height: 35px; text-align: center; line-height: 35px; margin: 20px; color: #fff;}
.contents .read_box .m_read li span.pre{ background: #999;}
.contents .read_box .m_read li span.nxt{ background: #999 ;}
.contents .read_box .m_read li a{margin: 20px 0; line-height: 75px;}
.contents .search_box {text-align: center; margin: 40px 0;}
.contents .search_box input[type="button"]{display: inline-block; margin: 0; width: 150px; height: 35px; border: 0; background: #003591 ; color: #fff;}
.contents .search_box select{width: 100px; height: 35px;}
.contents .search_box input[type="text"]{width: 250px; height: 35px; box-sizing: border-box;}
.contents .paging{margin-top: 20px; text-align: center;}
.contents .paging a{margin: 0 5px; font-size: 12px;}
.contents .paging a .arw{display: inline-block; width: 15px; height: 15px;}
.contents .paging a .l_arw{background: url(../img/page_arw.png) no-repeat 0 100%; background-size: 1500%; }
.contents .paging a .r_arw{background: url(../img/page_arw.png) no-repeat 100% 100%; background-size: 1500%; }
.contents .paging a.on span{padding: 5px 8px; border: 1px solid #ccc;}
.contents .m_pageing{display: none; text-align: center;margin: 20px 0;}
.contents .m_pageing a{display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.contents .m_pageing a:not(.arw){margin: 0 3%; font-size: 12px; }
.contents .m_pageing a .arw{display: block; width: 100%; height: 20px; border: 1px solid #ccc;}
.contents .m_pageing a .f_l_arw{background: url(../img/m_page_fl_arw.png) no-repeat 50%; background-size: 50%;}
.contents .m_pageing a .l_arw{background: url(../img/m_page_l_arw.png) no-repeat 50%; background-size: 25%;}
.contents .m_pageing a .r_arw{background: url(../img/m_page_r_arw.png) no-repeat 50%; background-size: 25%;}
.contents .m_pageing a .l_r_arw{background: url(../img/m_page_lr_arw.png) no-repeat 50%; background-size: 50%;}
.contents .sitemap p.big_tit{text-align: center; margin-bottom: 30px; font-size: 25px; }
.contents .sitemap .sitebox{display: inline-block;background: #f2f2f2; width: 23.5%;text-align: center;height: 349px; margin-right: 1%; box-sizing: border-box; padding: 25px;}
.contents .sitemap .sitebox.box2{background:#e3edf8}
.contents .sitemap .sitebox img{display: block;  height: 45px; margin: 0 auto;}
.contents .sitemap .sitebox p.tit{font-size: 18px; color: #444; margin-bottom: 10px;}
.contents .sitemap .sitebox a{display: block; padding: 10px 0; border-bottom: 1px dotted #ccc;}
.join_form li .label{display: inline-block; width: 20%; margin-right: 10px; background: #00aacd; color: #fff; text-align: center; padding: 10px 0;}
.table_box.type3 ul li{width: 33.33%; box-sizing: border-box; padding: 20px; margin-bottom: 30px;}
.table_box.type3 ul li a{display: block;  border: 1px solid #ccc; box-sizing: border-box;}
.table_box.type3 ul li a .img_box{height: 200px; overflow: hidden;}
.table_box.type3 ul li a .img_box img{width: 100%; min-height: 200px;}
.table_box.type3 ul li a  p.tit{padding: 20px 10px; font-size: 18px; line-height: 25px; height: 40px;}

@media (max-width:1280px){
  .tab_box1 .comlist li.img img{height: 300px;}
.tab_box1 .comlist li.tb1{padding-top: 80px;}
.tab_box1 .comlist li.tb2{padding-top: 120px;}
.tab_box1 .comlist li.tb3{padding-top: 160px;}
}
@media (max-width:960px){
  .sectionbox p.con{font-size: 15px;}
  .sectionbox .produc .secbg .bg_box{background-size: 80%;}
/*
  .sectionbox .tel span.left.l01{left:  100px; top: 0;}
  .sectionbox .tel span.left.l02{left:  100px;}
  .sectionbox .tel span.left.l03{left:  100px;}
  .sectionbox .tel span.right.r01{right: 85px; top: 0;}
  .sectionbox .tel span.right.r02{right: 85px;}
  .sectionbox .tel span.right.r03{right: 85px;}
*/
  .sectionbox .welcome ul.ul2{top: 0;}
  .tab_box1 .comlist li{width: 100%; height: auto; }

  .tab_box1 .comlist li.img img{display: none;}
.tab_box1 .comlist li.tb1{padding-top: 0;}
.tab_box1 .comlist li.tb2{padding-top: 0;}
.tab_box1 .comlist li.tb3{padding-top: 0;}

.sectionbox .tel span.left.l02{right: 20px;}
.sectionbox .tel span.right.r02{left: 20px;}
}
@media (max-width:786px){

p.con span.inline{display: inline;}
  .tab_box2>ul>li:first-child{width: 100%; margin-bottom: 30px;}
  .tab_box2>ul>li:last-child{width: 100%;}
  .tab_box3 .con{margin-bottom: 100px;}
  .tab_box3 .con li{width: 100%;}
  .tab_box3 .con li .txt_box{height: auto;}
/*  .sectionbox .welcome ul.ul2{top: 0;}*/
  .tab_box2 .quality .conlist img{width: auto; display: block; margin: 0 auto;}
  .tab_box2 .quality .conlist .sho_box{position: relative; top: 0; left: 0; margin: 30px auto; width: 200px; height: auto;}
  .tab_box2 .save2 .list li{width: 100%; height: auto;}
  .tab_box2 .save2 .list li img{width: 100%; height: auto;}
  .tab_box2 .save2 .list li.txt{width: 100%; height: auto; padding: 20px;}
  .tab_box2 .save3 .section li{margin: 0;}
  .tab_box2 .save3 .list li.txt.txt3{padding-top: 20px;}
  .sectionbox .welcome p.con.lastcon{top: 0;}
  .tab_box2 .wel2 li:first-child{width: 100%; text-align: center;}
  .tab_box2 .wel2 li:last-child{width: 100%; text-align: center;}
  .contents .tabmenu>ul{text-align: center;}
  .contents .tabmenu>ul>li{width: 30%;}
  .sectionbox .produc .secbg .bg_box{padding: 40px 40px 500px; background-position: 40% 90%;}
  .sectionbox .research .sec1 ul li{width: 100%;}
  .sectionbox .research .sec2 li:first-child{width: 100%; text-align: center; margin-bottom: 20px;}
  .sectionbox .research .sec2 li:last-child{width: 100%;}
  .sectionbox .research3 ul.img li{width: 100%;}
  .sectionbox .research3 .color span.txt2{line-height: 30px; margin: 100px auto;}
  .contents .m_search_box, .contents .m_pageing{display: block;}
  .contents .paging{display: none;}
  .table_box.type3 ul li{width: 50%;}
  .sectionbox .tel span.right, .sectionbox .tel span.left{position: relative;  display: block; margin: 0 auto 20px;}
  .sectionbox .tel{background-position: 53% 50%;}
  .sectionbox .tel span.left.l01{left:  0; top: 0;}
  .sectionbox .tel span.left.l02{left:  0;top: 0; right: 0;}
  .sectionbox .tel span.left.l03{left:  0;top: 0;}
  .sectionbox .tel span.right.r01{right: 0; top: 0; left: 0;}
  .sectionbox .tel span.right.r02{right: 0;top: 0; left: 0;}
  .sectionbox .tel span.right.r03{right: 0;top: 0; left: 0;}

  .sectionbox .bs li{width: 100%; text-align: center;}
  .sectionbox .bs li img{max-width: 90%; }
  .contents .read_box ul.tit li{font-size: 16px; }
  .contents .search_box input[type="text"]{width: 200px;}
  .contents .search_box input[type="button"]{width: 80px;}
  .contents .sitemap .sitebox{width: 47.5%; margin-bottom: 30px;}
  .tab_box2 .history{padding-left: 0;}
  header{background: none;}
  #container .sub_top{top: 0; margin-bottom: 0;}
  .sectionbox .research3 ul.sub023ul li table td, .sectionbox .research3 ul.sub023ul li table th{padding: 10px  0;}
.sectionbox .research3 ul.sub023ul li:first-child{width: 100%; }
.sectionbox .research3 ul.sub023ul li:last-child{width: 100%; text-align: center; padding-left: 0;}
.sectionbox .research3 ul.sub023ul li:last-child img{width: 80%; height: auto; margin: 0 auto 30px;}
}
@media (max-width:600px){
  .tab_box1 .comlist li{width: 100%;}
  .tab_box1 .comlist li.txt.txt1{margin: 0;}
  .tab_box1 .comlist li.img.img2 span.wbox{display: none;}
  .sectionbox .welcome ul li.img{width: 100%; margin-bottom: 30px;}
  .sectionbox .welcome ul li.img img{display: block; width: 80%; margin: 0 auto;}
  .sectionbox .welcome ul li.txt{width: 100%; padding: 0;}
  .sectionbox .fac ul li{width: 100%; }
  .sectionbox .research3 .color span.txt2{width: 100%; max-width: 100%; margin: 20px auto;}
  .contents .read_box2 ul.tit li:first-child, .contents .read_box2 ul.tit li:last-child{width: 100%}
  .contents .read_box2 ul.tit li:last-child{text-align: right;}
  .contents .read_box ul.tit li:first-child{width: 100%;}
  .contents .read_box ul.tit li:last-child{width: 100%; text-align: right;}
  .sectionbox .tel li{width: 100%;}
  .sectionbox .tel li:first-child{margin-bottom: 100px;}
   .location{display: none;}
  .sectionbox .welcome ul.ul2 li.txt{padding-top: 0;}
  .sectionbox .welcome ul li p.p4{padding-top: 40px;}
  .sectionbox .research3 .color span{display: block;}
  .sectionbox .research3 .color span.txt{top: 100px; left: 30%;}
  .sectionbox .research3 .color span.txt2 span.arw{margin: 0 auto; transform: rotateZ(90deg);)}
  .sectionbox .research3 .color span.txt2{margin-top: -50px;}

}
@media (max-width:486px){
  table tr td, table tr th{font-size: 10px;}
  .sectionbox .research3 p.bold{font-size: 15px; line-height: 23px;}
  .sectionbox .research3 table.table2 tr .red{font-size: 14px;}
/*  .sectionbox .produc2 .section ul.ul1 li{width: 100%;}*/
  .contents .tabmenu>ul>li{width: auto;}
  .table_box.type3 ul li{width: 80%; float: none; display: block; margin: 0 auto 20px;}

.contents .search_box input[type="text"]{width: 150px;}
  .tab_box2 .quality .bg_box p{font-size: 17px; line-height: 25px;}
  .sectionbox .produc table tr td, .sectionbox .produc table tr th{font-size: 10px;}
  .sectionbox .tel{background-size: 50%;}
}
@media (max-width:425px){
  .sectionbox .produc .secbg .bg_box{padding-bottom: 380px;}
  .sectionbox .tel li:first-child{padding: 0;}
  .sectionbox .tel li:last-child{padding: 0;}
  .sectionbox .tel{padding: 0;}
  .sectionbox .produc2 .section ul li.left{text-align: center;}
  .sectionbox .produc2 .section ul li.right{text-align: center;}
  .sectionbox .produc2 .section ul.ul1 li.right{text-align: center;}
}
@media (max-width:360px){}


/* lee chan yong */
.mb50{margin-bottom: 50px !important;}
.mb40{margin-bottom: 40px !important;}
.mt20{margin-top: 20px !important;}