@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.ty7 li{width: 14.25%;}
.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;}




/* 공통 */
.color-active{ color: #159B97 !important; }

br.mobi{ display: none;}
br.pc{ display: inline-block;}


/* 페이지 탭 (스와이퍼) */
.page-tab{ position: relative; margin-bottom: 80px; overflow:hidden;}
.page-tab::before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; height: 1px; width: 100vw; left: 50%; transform: translateX(-50%); background-color: #EBEBEB;}
.page-tab .inner-wrap{}
.page-tab .inner-wrap::after{ content: ''; display: block; clear: both;}
.page-tab .swiper-slide{ width: auto; }
.page-tab .itm{ position: relative; display: block; height: 80px; line-height: 80px; font-size: 20px; color: #777; float: left;}
.page-tab .itm::after{ content: ''; display: block; position: absolute; bottom: 1px; left: 50%; width: 0; height: 3px; background-color: #1C8B85; opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.page-tab .swiper-slide.active .itm,
.page-tab  .itm.active { color: #1C8B85; font-weight: 700; }
.page-tab .swiper-slide.active .itm::after,
.page-tab  .itm.active:after {  width: 100%; left: 0; opacity: 1;}
.page-tab .itm:hover{ color: #1C8B85; }
.page-tab .itm:hover::after{ opacity: 1; left: 0; width: 100%;}
.page-tab  .itm + .itm {margin-left:20px;}

/* 리스트 스타일 */
.ul-list01 > li{ text-indent: -10px; padding-left: 10px;}
.ul-list01 > li::before{ content: ''; display: inline-block; width: 4px; height: 4px; background-color: #777; border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.ul-list01 > li + li{ margin-top: 10px;}

/* 페이지 타이틀 */
#contents{ position: relative; max-width: 1224px; margin: 0 auto;}
#contents .page-tit{ font-size: 60px; font-weight: 600; margin: 80px 0 60px; color: #000;}
#contents .page-tit2{ position: relative; font-weight: 600; margin-top: 100px; margin-bottom: 50px; color: #000; font-size: 40px; padding-left: 34px; line-height: 1.1;} 
#contents .page-tit2::before{ content: ''; display: block; position: absolute; width: 10px; height: 24px; background-color: #1C8B85; top: 0; left: 0; transform: skewX(-30deg);}
#contents .page-tit3{ position: relative; font-weight: 600; margin-top: 80px; margin-bottom: 40px; color: #000; font-size: 32px; line-height: 1.1;} 
#contents .page-tit + .page-tit2{ margin-top: 80px;}
@media all and (max-width:768px){
    .page-tab{ margin-bottom: 40px;}
    .page-tab .itm{ height: 50px; line-height: 50px; font-size: 15px; }
    .page-tab .itm::after{ height: 2px;}

    #contents{ padding: 0 20px;  box-sizing:border-box;}
    #contents .page-tit{ margin: 40px 0 30px; font-size: 30px;}
    #contents .page-tit2{ margin-bottom: 25px; margin-top: 60px; font-size: 22px; padding-left: 24px;}
    #contents .page-tit2::before{ height: 14px; width: 8px;}
    #contents .page-tit3{ margin-bottom: 20px; margin-top: 30px; font-size: 17px;}
    #contents .page-tit + .page-tit2{ margin-top: 35px;}
}

/* 경영철학 */
.value-sct01 .thumb{ position: relative; background: url('../img/value_img01.png?ver=250905') 50% 50% no-repeat; height: 444px; display: table; width: 100%; background-size: cover; text-align: center;}
.value-sct01 .thumb .inbx{ display: table-cell; vertical-align: middle;}
.value-sct01 .thumb .inbx div{ position: relative; display: inline-block; font-size: 55px; color: #fff; font-weight: 600;}
.value-sct01 .thumb .inbx div::before{ content: ',,'; position: absolute; top: 0px; left: 10px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #fff; opacity: .1; letter-spacing: -.1em; transform: rotate(180deg);}
.value-sct01 .thumb .inbx div::after{ content: ',,'; position: absolute; bottom: 0px; right: -10px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #fff; opacity: .1; letter-spacing: -.1em; }
.value-sct01 .thumb .inbx div em{ color: #D0EBEA; }
.value-sct01 .thumb .inbx p{ margin-top: 25px; color: #ccc; font-size: 26px; font-family: "Roboto";}
.value-sct01 .desc{ margin-top: 45px; font-size: 18px; color: #444; margin-bottom: 1.5rem;}
.value-sct01 .desc strong{ font-size: 26px; color: #000;  display: block; font-weight: 700;margin-bottom:15px;}

/* VISION */
.value-sct02{ text-align: center;}
.value-sct02 .desc{ position: relative; text-align: center; display: inline-block;}
.value-sct02 .desc p{ display: block; color: #aaa; font-size: 28px;}
.value-sct02 .desc strong{ position: relative; font-size: 48px; color: #000; font-weight: 700;}
.value-sct02 .desc strong::before{ content: ',,'; position: absolute; top: 0px; left: -60px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #F5F5F5; letter-spacing: -.1em; z-index: -1; transform: rotate(180deg);}
.value-sct02 .desc strong::after{ content: ',,'; position: absolute; bottom: 0px; right: -60px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #F5F5F5; letter-spacing: -.1em; z-index: -1; }
.value-sct02 .thumb{ position: relative; height: 390px; margin-top: 60px;}
.value-sct02 .thumb h5{ position: absolute; top: 50%; left: 50%; margin: -140px 0 0 -140px; width: 280px; height: 280px; background-color: #159b97; border-radius: 50%; text-align: center; padding-top: 90px; box-sizing:border-box;}
.value-sct02 .thumb h5 span{ display: block; color: #fff; font-size: 52px; font-family: "Roboto"; font-weight: 600;}
.value-sct02 .thumb h5::before{ content: ''; display: block; width: 390px; height: 390px; position: absolute; top: 50%; left: 50%; margin: -195px 0 0 -195px; z-index: -1; background-color: #fff; border-radius: 50%; border: #f7f7f7 18px solid; box-sizing: border-box;}
.value-sct02 .thumb .itm{ position: absolute; top: 50%; left: 30px; margin-top: -70px; width: 316px; font-family: "Roboto"; text-transform: uppercase; border-radius: 120px; border: #159b97 2px solid; padding: 30px; text-align: center; color: #159b97; font-size: 28px; font-weight: 600; background-color: #fff; letter-spacing: -.05em; box-sizing:border-box;}
.value-sct02 .thumb .itm.right{ left: auto; right: 30px;}
.value-sct02 .thumb .itm::before{ content: ''; display: block; border-bottom: #159b97 2px dashed; width: 130px; position: absolute; right: -130px; top: 70px; margin-top: -1px;}
.value-sct02 .thumb .itm.right::before{ right: auto; left: -130px;}
.value-sct02 .thumb .itm::after{ content: ''; display: block; position: absolute; top: 50%; right: -10px; border: #159b97 3px solid; background-color: #fff; width: 16px; height: 16px; border-radius: 50%; transform:translateY(-50%);}
.value-sct02 .thumb .itm.right::after{ border-bottom-right-radius: auto; left: -10px;}
.value-sct02 .desc02{ margin-top: 80px; border-top: #222 2px solid; text-align: left;}
.value-sct02 .desc02 .itm{ position: relative; padding: 50px 50px 50px 240px; border-bottom: #ddd 1px solid;}
.value-sct02 .desc02 .itm .ic{ display: block; width: 100px; height: 100px; position: absolute; top: 50%; left: 50px; margin-top: -50px;}
.value-sct02 .desc02 .itm h5{ color: #000; font-size: 26px; font-weight: 600;}
.value-sct02 .desc02 .itm ul{ color: #444; font-size: 18px; margin-top: 25px;}
.value-sct02 .desc02 .itm ul strong{ color: #000; font-weight: 700;}

/* 핵심가치 */
.value-sct0201{ text-align: center;}
.value-sct0201 .tx01{ position: relative; font-size: 48px; color: #000; font-weight: 600; margin-bottom: 40px;}
.value-sct0201 .tx02{ font-size: 26px;}
.value-sct0201 .grp { position: relative; margin: 50px 0 140px;display:flex;}
.value-sct0201 .grp .itm .ic {display:inline-block;position:relative;z-index:1;}
.value-sct0201 .grp img {vertical-align:top;}
.value-sct0201 .grp .itm{ position: relative; width: 20%;color:#000;}
.value-sct0201 .grp .itm span{ display: block; font-size: 30px; padding-top: 18px; background-color: #fff;position:relative;}
.value-sct0201 .grp .itm span:before { content: ''; display: block; position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background-color: #000;}

/* 핵심가치개념과 행동원칙 */
.thumbDesc + .thumbDesc{ margin-top: 40px;}
.thumbDesc .thumb{ position: relative;}
.thumbDesc .thumb img{ display: block; height: 294px; object-fit: cover; object-position: center;}
.thumbDesc .thumb.free img{ height: auto; max-width: 100%; width: 100%; }
.thumbDesc .thumb .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 294px; display: table; }
.thumbDesc .thumb .txt p{ display: table-cell; color: #fff; vertical-align: middle; text-align: center;}
.thumbDesc .thumb .txt p b{ font-size: 34px; display: block;}
.thumbDesc .thumb .txt p span{ display: block; font-size: 18px; text-transform: uppercase; letter-spacing: .1em;margin-top:7px;}
.thumbDesc .desc{ padding: 50px 0;}
.thumbDesc .desc + .desc{ border-top: #ddd 1px solid;}
.thumbDesc .desc > div{ font-size: 22px; color: #000;font-weight:600;}
.thumbDesc .desc > div.lg{ font-size: 28px;}
.thumbDesc .desc p + p{ margin-top: 20px;}
.thumbDesc .desc > div + p {margin-top:10px;}

.thumbDesc[class*=value] .thumb {height:294px;display:flex;align-items:center;justify-content:center;background: url(../img/value_img0201.png) center center no-repeat ; background-size:cover;}
.thumbDesc[class*=value] .thumb .txt {position:initial;left:auto;top:auto;width:auto;height:auto;display:initial;text-align:center;}
.thumbDesc.value01 .thumb {background-image: url('../img/value_img0201.png?ver=250905') ;}
.thumbDesc.value02 .thumb {background-image: url('../img/value_img0202.png?ver=250905') ;}
.thumbDesc.value03 .thumb {background-image: url('../img/value_img0203.png?ver=250905') ;}
.thumbDesc.value04 .thumb {background-image: url('../img/value_img0204.png?ver=250905') ;}
.thumbDesc.value05 .thumb {background-image: url('../img/value_img0205.png?ver=250905') ;}

.thumbDesc[class*=value] .desc {padding:25px 0;}
.thumbDesc[class*=value] .desc {padding:25px 0;}

@media screen and (max-width:768px){
	.pc-show {display: none !important;}
	.mo-show {display: block !important;}

	.value-sct01 .thumb { height: 276px; }
	.value-sct01 .thumb .inbx div { font-size: 25px; }
	.value-sct01 .thumb .inbx div::before { top: -10px; left: 0; font-size: 140px; }
	.value-sct01 .thumb .inbx div::after { bottom: -10px; right: 0; font-size: 140px; }
	.value-sct01 .thumb .inbx p { font-size: 15px; margin-top: 15px; }
	.value-sct01 .thumb .inbx div br,
	.value-sct01 .thumb .inbx p br { display: none; }
	.value-sct01 .thumb .inbx div span,
	.value-sct01 .thumb .inbx p span { display: block; }
	.value-sct01 .desc { margin-top: 20px; font-size: 14px; }
	.value-sct01 .desc strong { font-size: 17px; margin-bottom: 10px; }
	.value-sct02 .desc p { font-size: 14px; display: block; }
	.value-sct02 .desc strong { font-size: 24px; margin-top: 10px; display: block; }
	.value-sct02 .desc strong::before { top: -20px; left: 0; font-size: 140px; }
	.value-sct02 .desc strong::after { bottom: -20px; right: -20px; font-size: 140px; }
	.value-sct02 .desc strong em,
	.value-sct02 .desc p em { display: block; }
	.value-sct02 .thumb { margin-top: 30px; height: 560px; }
	.value-sct02 .thumb img { width: auto; }
	.value-sct02 .thumb h5 { width: 220px; height: 220px; margin: -110px 0 0 -110px; padding-top: 70px; }
	.value-sct02 .thumb h5::before { width: 300px; height: 300px; border-width: 14px; margin: -150px 0 0 -150px; }
	.value-sct02 .thumb h5 .ic { width: 64px; }
	.value-sct02 .thumb h5 span { font-size: 38px; }
	.value-sct02 .thumb .itm,
	.value-sct02 .thumb .itm.right { width: 240px; font-size: 20px; padding: 20px 30px; left: 50%; right: auto; margin-left: -120px; top: 0; margin-top: 0; }
	.value-sct02 .thumb .itm.right { bottom: 0; top: auto; }
	.value-sct02 .thumb .itm::after,
	.value-sct02 .thumb .itm.right::after { width: 14px; height: 14px; bottom: -18px; left: 50%; margin: 0 0 0 -9px; top: auto; right: auto; }
	.value-sct02 .thumb .itm::before,
	.value-sct02 .thumb .itm.right::before { width: 1px; height: 86px; left: 50%; top: auto; bottom: -86px; border: none; border-left: #159b97 2px dashed; right: auto; }
	.value-sct02 .thumb .itm.right::after { bottom: auto; top: -1px; }
	.value-sct02 .thumb .itm.right::before { bottom: auto; top: -86px; }
	.value-sct02 .desc02 { margin-top: 60px; }
	.value-sct02 .desc02 .itm { padding: 30px 0; }
	.value-sct02 .desc02 .itm .ic { position: relative; margin: 0 auto 20px; top: auto; left: auto; }
	.value-sct02 .desc02 .itm h5 { font-size: 17px; }
	.value-sct02 .desc02 .itm ul { font-size: 14px; margin-top: 15px; }
	.value-sct0201 .tx01 { font-size: 24px; margin-bottom: 20px; }
	.value-sct0201 .tx02 { font-size: 17px; }
	.value-sct0201 .grp { position: relative; height: 375px; margin: 25px -20px 65px; display: block; }
	.value-sct0201 .grp::after { content: ''; display: block; clear: both; }
	.value-sct0201 .grp::before { content: ''; position: absolute; display: block; left: 0; width: auto; top: 88px; right: calc(5% + 47px); height: 232px; border: #000 2px solid; border-left: none; background-color: #fff; border-radius: 0 50px 50px 0; }
	.value-sct0201 .grp .itm { position: absolute; width: 100px; float: left; }
	.value-sct0201 .grp .itm .ic { width: 90px; height: 90px; display: block; margin: 0 auto; }
	.value-sct0201 .grp .itm span { font-size: 15px; white-space: nowrap; padding-top: 5px; border-radius: 30px; }
	.value-sct0201 .grp .itm.itm1 { top: 0; left: 10%; }
	.value-sct0201 .grp .itm.itm2 { top: 0; left: 45%; }
	.value-sct0201 .grp .itm.itm3 { top: 130px; right: 5%; }
	.value-sct0201 .grp .itm.itm4 { top: 230px; left: 10%; }
	.value-sct0201 .grp .itm.itm5 { top: 230px; left: 45%; }
	.value-sct0201 .grp .itm span:before { display: none; }
	.thumbDesc + .thumbDesc { margin-top: 20px; }
	.thumbDesc .thumb { height: 147px; }
	.thumbDesc .thumb .txt { height: 147px; }
	.thumbDesc .thumb .txt p b { font-size: 20px; }
	.thumbDesc .thumb .txt p span { font-size: 14px; }
	.thumbDesc .thumb img { height: 147px; object-fit: cover; object-position: center; }
	.thumbDesc .thumb.free { height: auto; }
	.thumbDesc .thumb.free img { height: auto; }
	.thumbDesc .desc { padding: 15px 0; }
	.thumbDesc .desc > div { font-size: 17px; }
	.thumbDesc .desc > div.lg { font-size: 17px; }
	.thumbDesc[class*=value] .thumb { height: 147px; }
	.thumbDesc[class*=value] .thumb .txt { height: auto; }
}

/* ******************* CI ******************* */
/* CI */
.logo-box {border:solid 1px #ddd;display:flex;height:400px;justify-content:center;align-items:center;background: url(../img/bg_rect.png); background-size:21px;text-align:center;padding:0 20px;}
.logo-box p + p {margin-top:110px;}
.logo-summary .logo-text {margin-top:40px;font-size:26px;font-weight:700;line-height:1.5em;color:#000;}
.logo-summary .logo-detail {margin-top:40px;display:flex;justify-content:space-between;}
.logo-summary .logo-detail > dl {text-align:center;max-width:320px;width:30%;}
.logo-summary .logo-detail dt {font-weight:700;color:#1C9B97;font-size:26px;}
.logo-summary .logo-detail dt img {width:220px;vertical-align:top;margin-bottom:25px;}
.logo-summary .logo-detail dd {margin-top:20px;line-height:1.6em;}
.logo-summary .logo-detail dd strong {color:#000;}
.logo-type {display:flex;justify-content:space-between;}
.logo-type > div {width:50%;}
.logo-type > div + div {margin-left:4%;}
.logo-type > div h5 {font-size:22px;font-weight:500;margin-bottom:20px;}
.logo-type .logo-box {height:300px;}
.logo-type .logo-box.type2 {height:625px;}

.btn-bottom {margin-top:140px;text-align:center;}
.btn-basic {display:inline-flex;height:60px;align-items:center;padding:0 40px;background:#159B97;color:#fff;color:#fff;}
.btn-basic.download:after {content:"";display:inline-block;width:17px;height:15px;background: url(../img/icon_down.png) center center no-repeat;background-size:cover;margin-left:10px;margin-bottom:2px;}
.btn-basic + .btn-basic {margin-left:20px;}
.btn-basic.small {height:47px;font-size:16px;padding:0 30px;margin-right:20px;margin-left:0 !important;}

@media all and (max-width:768px){
	.logo-box {height:195px;padding:0 70px;}
	.logo-box p + p {margin-top:55px;}
	.logo-box img {max-width:280px;width:100%;}
	.logo-summary .logo-text {margin-top:25px;font-size:17px;}
	.logo-summary .logo-detail {margin-top:25px;display:flex;flex-wrap:wrap;}
	.logo-summary .logo-detail > dl {max-width:100%;width:100%;}
	.logo-summary .logo-detail > dl + dl {margin-top:25px;}
	.logo-summary .logo-detail dt {font-size:17px;}
	.logo-summary .logo-detail dt img {width:140px;margin-bottom:11px;}
	.logo-summary .logo-detail dd {margin-top:12px;}

	.logo-type {display:block}
	.logo-type > div {width:100%;}
	.logo-type > div + div {margin-left:0;margin-top:25px;}
	.logo-type > div h5 {font-size:16px;margin-bottom:10px;}
	.logo-type .logo-box {height:165px;}
	.logo-type .logo-box.type2 {height:400px;padding:0 20px;}

	.btn-bottom {margin-top:70px;}
	.btn-basic {height:50px;padding:0 20px;}
}

/* ******************* 그룹사 ******************* */
.group-slide { position: relative; overflow: hidden;}
.group-slide img {vertical-align:top;}
.group-slide .pag{ position: absolute; bottom: 23px; left: 0; width: 100%; height: 8px; z-index: 1; text-align: center;}
.group-slide .pag .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; margin: 0 4px; border-radius: 8px; opacity: .6;}
.group-slide .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 26px; opacity: 1;}

table.data{ border-collapse: collapse; border-spacing: 0; border-top: #222 2px solid; width: 100%; table-layout: fixed;}
table.data tbody th{ padding: 20px 35px; text-align: left; border-bottom: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; background-color: #f8f8f8;vertical-align: middle;}
table.data tbody td{ padding: 20px 30px; text-align: left; border-bottom: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; vertical-align: middle;}
table.data tbody .brdLn{ border-left: none !important;}
table.data .pub-tbl1{ width: 200px;}
table.data tbody td em{ display: inline-block; margin-right: 15px;}
table.data tbody td em strong{color:#444; font-weight:700;}

.homepage-bx{ margin-top: 50px; background-color: #f8f8f8; border-top: #222 2px solid; border-bottom: #ddd 1px solid; padding: 10px 30px; display: flex; align-items: center;}
.homepage-bx .tx{ flex: 1; font-size:18px;}
.homepage-bx .tx i{position: relative; top: 5px; display: inline-block; margin-right: 10px;}
.homepage-bx .bt-home{ flex: none; background: #1c9b97; color: #fff; width: 200px; text-align: center; line-height: 48px; height: 48px; display: inline-flex; justify-content: center; align-items: center; font-size: 16px;}
.homepage-bx .bt-home i{ display: inline-block; width: 16px; height: 16px; margin-left: 10px; }

@media all and (max-width:768px){
    .thumbDesc .group-slide { margin: 0 -20px;}
    .group-slide .swiper-slide img{ height: 250px; object-fit: cover; object-position: center; width: 100%;}
    .group-slide .pag{ bottom: 15px;}

	table.data tbody th{ padding: 15px; font-size:14px;}
    table.data tbody td{ padding: 15px; font-size:14px;}
    table.data .pub-tbl1{ width: 100px;}
    table.data tbody td em{ display: block; margin-left: 0 !important;}
    
    .homepage-bx{ padding: 10px; display: block; margin-top: 25px;}
    .homepage-bx .tx{ display: block; flex: none; text-align: center;}
    .homepage-bx .tx i{ display: none;}
    .homepage-bx .bt-home{ display: block; margin: 15px auto 0; height: 40px; line-height: 40px; width: 154px; font-size: 13px;}
    .homepage-bx .bt-home i{ vertical-align: -11px; margin-left: 5px;}
}