@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.tmbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}



#wrap header .logo,
#wrap header #nav > .gnb,
#wrap header .area_r,
#wrap header .line{opacity: 0;}

#subtop{position: relative;width: 100%;overflow: hidden;}
#subtop .sub_bg{position: absolute;top: 0;left: 0;width: 100%;height:70vh;overflow: hidden;margin-top:-6.3vh}
#subtop .sub_bg .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#subtop.st1 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('/images/sub/sub11.jpg')no-repeat 0% 100%/cover;}
#subtop.st2 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('/images/sub/sub222.jpg')no-repeat 0% 65%/cover;}
#subtop.st3 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('/images/sub/sub3333.jpg')no-repeat center/cover;}
#subtop.st4 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('/images/cm3.jpg')no-repeat 0% 45%/cover;}
#subtop.st5 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('http://websitekorea.co.kr/images/dongsan/main29.jpg')no-repeat center/cover;}
#subtop.st6 .sub_bg .img{background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) ),url('http://websitekorea.co.kr/images/dongsan/main29.jpg')no-repeat center/cover;}



/* subtab 
.sub_tab_wrap{position:relative;background:#fff;z-index:10;}
.sub_tab_wrap .sub_tab{padding-top: 0; overflow: hidden;margin-top:-270px}
.sub_tab_wrap .sub_tab li{width:auto;height:60px; line-height:60px; ;float: left;font-size:18px;color:#555;text-align:center;box-sizing: border-box;border:1px solid #d7d7d7;font-weight:600}
.sub_tab_wrap .sub_1 li{width:100%}
.sub_tab_wrap .sub_2 li{width:50%;}
.sub_tab_wrap .sub_3 li{width:33.33%;}
.sub_tab_wrap .sub_4 li{width:25%;}
.sub_tab_wrap .sub_5 li{width:20%;}
.sub_tab_wrap .sub_6 li{width:16.666%;}

.sub_tab_wrap .sub_7 li{width:16.666%;}


.sub_tab_wrap .sub_tab li+li{border-left:0;} 
.sub_tab_wrap .sub_tab li.on{color:#fff;border: 3px solid #184fa1;font-weight: 500;line-height: 56px;background:#184fa1;}
.sub_tab_wrap .sub_tab li a{display:block; width:100%; height:100%;}
*/


#location_wrap {padding-top: 60px;}
#location_wrap .location_depth{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;font-size: 15px;color: #555555;font-weight: 400;}
#location_wrap .location_depth .dep{position: relative;}
#location_wrap .location_depth .dep:after{display:inline-block;content:">";margin: 0 8px;}
#location_wrap .location_depth .dep:last-child:after{display:none;}
#location_wrap .location_depth .dep > a{display: inline-block;}
#location_wrap .location_depth .dep .btn{position: relative;color: #555;display: flex;flex-wrap: wrap;align-items: center;}
#location_wrap .location_depth .dep .btn:after{display: inline-block;content:"";width: 14px;height: 14px;background: #222222;border-radius: 50%;margin-left: 9px;}
#location_wrap .location_depth .dep .btn:before{display:block;content:"";position: absolute;top: 8px;right: 5px;width: 3px;height: 3px;border: 1px solid #fff;transform: rotate(45deg);border-top: 0;border-left: 0;}
#location_wrap .location_depth .dep .btn.on:before{top:10px;transform:rotate(-135deg);}
#location_wrap .location_menu{position: absolute;top: calc(100% + 7px);right: 0;width: 180px;text-align: right;border: 1px solid #555;background: #fff;color: #555;font-size: 15px;display: none;border-top-left-radius: 20px;border-bottom-right-radius: 20px;z-index: 100;}
#location_wrap .location_menu ul{padding: 20px 15px;}
#location_wrap .location_menu ul li + li{margin-top: 5px;}
#location_wrap .location_menu ul li a{display: inline-block;}
#subtop .sub_top_title{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);color: #fff;word-break: keep-all;margin-top: 5px;padding: 0 100px;box-sizing: border-box;}
#subtop .sub_top_title:before{display:block;content:"";width: 76px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 67px;transform-origin: left; opacity:0;}
#subtop.is-inview .sub_top_title:before{animation:lineActiveAnimation2 .9s cubic-bezier(0.445,0.05,0.55,0.95) 0.5s; opacity:1; transition:1s .5s;}
#subtop .sub_top_title .dep1{font-family: 'Montserrat','AritaDotum',sans-serif;font-size: 50px;line-height: 1em;font-weight: 600;letter-spacing: -1px;}
#subtop .sub_top_title .slogan{font-family: 'Montserrat','AritaDotum',sans-serif;font-size: 22px;color: rgba(255,255,255,0.95);font-weight:400;margin-top: 23px;}
@keyframes lineActiveAnimation2 {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}


#scroll_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#scroll_down:after{display:block;content:"";width: 1px;height: 80px;position: absolute;top: 100%;left: 50%;background: rgba(0,0,0,0.4);margin-left: -1px;}
#scroll_down a{position: relative;display: block;padding-bottom: 60px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 80px;position: absolute;bottom: 0;left: 50%;background: rgba(255,255,255,0.5);margin-left: -1px;}
#scroll_down a:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 80px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
#scroll_down .txt{font-size: 12px;color: #fff;font-weight: 600;line-height: 1em;margin-bottom: 17px;display: block;}
#scroll_down .fig{width: 25px;height: 38px;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}

.paging{margin-top: 100px;text-align:center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.paging > *{display: inline-block;width: 40px;height: 40px;font-size: 18px;color: rgba(0,0,0,0.7);line-height: 40px;font-weight: 500;margin: 0 8px;}
.paging strong{background: #222222;color: #fff;border: 0;font-weight: 700;}
.paging .page_begin{background: url(../images/page/paging_first.png)no-repeat center;margin-right: 0;border: 1px solid #e2e2e2;}
.paging .page_prev{background: url(../images/page/paging_prev.png)no-repeat center;margin-left: 10px;margin-right: 70px;border: 1px solid #e2e2e2;}
.paging .page_next{background: url(../images/page/paging_next.png)no-repeat center;margin-left: 70px;border: 1px solid #e2e2e2;margin-right: 10px;}
.paging .page_end{background: url(../images/page/paging_last.png)no-repeat center;margin-left: 0px;border: 1px solid #e2e2e2;}




#main{position: relative;padding-top: 0px;}
.page_dep2{text-align: center;font-size: 50px;color: #000;font-weight: 700;line-height: 1.3;word-break:keep-all;margin-bottom: 95px;font-family: 'Montserrat','AritaDotum',sans-serif;}

section{position:relative; width: 100%;box-sizing: border-box;}
section *{box-sizing:border-box;}
section .txt1{font-size:19px;font-weight: 300;line-height: 1.75;word-break: keep-all;color: #444;letter-spacing: -0.25px;}
.con_title_g{position: relative;width: 100%;text-align: center;word-break: keep-all;}
.txt_left{text-align:left;}


.con_title_g .title1{font-size: 24px;font-weight: 300;color: #000;line-height: 1.35;}
.con_title_g .title2{font-size: 60px;font-weight: 600;color: #000;line-height: 1.3;}
.con_title_g .title3{font-size: 40px;font-weight: 600;color: #000;line-height: 1.3;}
#wrap .con_title_g .en{font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;}
.con_title_g .title3.dot:after{display: inline-block; content:"";width: 8px;height: 8px;border-radius: 50%;background: #d9005f;vertical-align: top;margin: 5px 0 0 6px;}
.con_title_g .title4{font-size: 30px;font-weight: 600;color: #000;line-height: 1.3;}






.con_title_g2{position: relative;width: 100%;text-align: center;word-break: keep-all;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.con_title_g2 .title1{font-size: 24px;font-weight: 300;color: #000;line-height: 1.35;}
.con_title_g2 .title2{font-size: 60px;font-weight: 600;color: #000;line-height: 1.3;}
.con_title_g2 .title3{font-size: 40px;font-weight: 600;color: #000;line-height: 1.3;}
#wrap .con_title_g2 .en{font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;}
.con_title_g2 .title3.dot:after{display: inline-block; content:"";width: 8px;height: 8px;border-radius: 50%;background: #d9005f;vertical-align: top;margin: 5px 0 0 6px;}
.con_title_g2 .title41{font-size: 30px;font-weight: 600;color: #000;line-height: 1.6;}






.m11 .sec1{padding-bottom: 237px;}
.m11 .sec1 .contents{padding: 70px 0 0 0;}
.m11 .sec1 .diagram{position:relative;}
.m11 .sec1 .diagram:before{display: block;content: "";position: absolute;top: 250px;left: 50%;width: 640px;height: 640px;background: linear-gradient(45deg, #e9e9e9, transparent);transform: rotate(135deg) skewX(14deg) skewY(14deg) translateX(-50%);transform-origin: left center;margin-left: -20px;z-index: -1;}
.m11 .sec1 .diagram .logo{width: 354px;height: 354px;border: 2px solid #d8005d;border-radius: 50%;padding: 13px;background: #fff;margin: 0 auto;}
.m11 .sec1 .diagram .logo .g{width: 100%;height: 100%;background: url(../images/page/m11_icon1.png)no-repeat top 85px center;border: 1px dashed #d8005d;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;}
.m11 .sec1 .diagram .logo svg{width: 227px;height: 35px;margin: 40px auto 0;}
.m11 .sec1 .diagram .list{position: relative;max-width: 1200px;width: 100%;margin: 50px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;z-index: 1;}
.m11 .sec1 .diagram .list .title_g{position: relative;width: 354px;height: 354px;border: 1px dashed #d8005d;border-radius: 50%;overflow: hidden;z-index: 1;}
.m11 .sec1 .diagram .list .title_g .fig{position: relative;width: 100%;height: 50%;background-repeat: no-repeat;background-position: center;background-color: #fff;}
.m11 .sec1 .diagram .list .title_g .title{position: relative;width: 100%;height: 50%;background: #d8005d;color: #fff;text-align: center;font-size: 26px;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 12px;}
.m11 .sec1 .diagram .list .title_g .title:before,
.m11 .sec1 .diagram .list .title_g .fig:before{display:block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 28px;background: #d8005d;}
.m11 .sec1 .diagram .list .title_g .title:before{background: #fff;bottom: auto;top: 0;}
.m11 .sec1 .diagram .list .title_g .title .en{font-size: 24px;display: block;font-weight: 600;letter-spacing: -0.2px;margin-bottom: 7px;}
.m11 .sec1 .diagram .list .text_g{width: 354px;height: 354px;background: #222222;border-radius: 50%;margin-top: -160px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color: #fff;padding-top: 70px;}
.m11 .sec1 .diagram .list .text_g .text{text-align: center;color: #fff;}


.m12 .sec1 .con_title_g{margin-bottom: 75px;}
.m12 .tabs{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;}
.m12 .tabs li{width: 200px;height: 60px;font-size: 20px;font-weight: 600;margin: 10px;}
.m12 .tabs li > *{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 60px;overflow: hidden;cursor: pointer; color: rgba(102,102,102,0.5);}
.m12 .tabs li.on > *{background: #d9005f;color: #fff;}
.m12 .contents_wrap{position: relative;width: 100%;}
.m12 .contents{position: relative;width: 100%;display: none;}
.m12 .contents:first-child{display: block;}
.m12 .contents.con_style1{margin-left: 100px;width: calc(100% - 200px);background: #f5f5f5 url(../images/page/m12_bg.png)no-repeat right top;margin-bottom: 160px;padding: 150px 0;}
.m12 .contents.con_style1 .inner{display:flex;}
.m12  .contents.con_style1 .img{width: 541px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;overflow: hidden;}
.m12 .contents.con_style1 .img img{max-width: 100%;}
.m12 .contents.con_style1 .info_box{width: calc(100% - 541px);word-break: keep-all;padding-left: 100px;}
.m12 .contents.con_style1 .info_box .slogan{font-size: 36px;color: #222;font-weight: 300;letter-spacing: -0.5px;margin-bottom: 45px;margin-left: -23px;padding: 2px 30px 2px 23px;display: inline-block;background: url(../images/page/quotes_f1.png)no-repeat top left, url(../images/page/quotes_l2.png)no-repeat bottom right;}
.m12 .contents.con_style1 .info_box .slogan b{width: ;}
.m12 .contents.con_style1 .info_box .name_pos{width: 100%;padding-bottom: 42px;border-bottom: 1px solid #191919;margin-bottom: 47px;}
.m12 .contents.con_style1 .info_box .name_pos .name{font-size: 40px;color: #222;font-weight: 600;line-height: 1em;}
.m12 .contents.con_style1 .info_box .name_pos .pos{font-size: 20px;color: #d9005f;font-weight: 500;margin-left: 30px;font-family: 'Montserrat','AritaDotum',sans-serif;}
.m12 .contents.con_style1 .info_box .history{width: ;}
.m12 .contents.con_style1 .info_box .history .tit{font-size: 24px;color: #222;font-weight: 600;line-height: 1em;margin-bottom: 20px;}
.m12 .contents.con_style1 .info_box .history ul{font-size: 17px;}
.m12 .contents.con_style1 .info_box .history ul li{position: relative;padding-left: 15px;}
.m12 .contents.con_style1 .info_box .history ul li + li{margin-top: 10px;}
.m12 .contents.con_style1 .info_box .history ul li:before{display: block; content:""; position: absolute;top: 13px;left: 0;width: 6px;height: 3px;background: #d9005f;}
.m12 .contents.con_style2{width: ;}
.m12 .contents.con_style2 .group{padding: 140px 0 150px;background: #fff;}
.m12 .contents.con_style2 .group:nth-child(odd){background: #f5f5f5;}
.m12 .contents.con_style2 .group + .group{width: ;}
.m12 .contents.con_style2 .group .con_title_g{width: ;}
.m12 .contents.con_style2 .group .people{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m12 .contents.con_style2 .group .people > li:nth-child(3n){margin-right: 0;}
.m12 .contents.con_style2 .group .people > li:nth-child(n+4){margin-top: 50px;}
.m12 .contents.con_style2 .group .people > li{position: relative;width: calc(33.33333333% - 36px);max-height: 540px;height: 34vw;margin-right: 54px;background: #eee;cursor: pointer;}
.m12 .contents.con_style2 .group .people > li .name p{font-size: 17px;color: rgba(255,255,255,0.8);font-weight: 400;margin-bottom: 8px;}
.m12 .contents.con_style2 .group .people > li .name b{font-size: 22px;line-height: 1em;}
.m12 .contents.con_style2 .group .people > li .name{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;padding: 40px 40px 32px 40px;background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.2), transparent);word-break: keep-all;}
.m12 .contents.con_style2 .group .people > li .img{position: relative;width: 100%;height: 100%;}

#people_popup{position: fixed;top:0;left:0;padding: 150px 0 150px;width: 100%;box-sizing: border-box;overflow-y: scroll;height:100%;display: none;z-index: 2005;}
#people_popup .contents{max-width: 1200px;width: 90%;position: relative;top: 0;margin: 0 auto;background: #ffffff;box-sizing: border-box;}
#people_popup .close{position: absolute;bottom: calc(100% + 20px);right: 0;width: 80px;height: 80px;border: 2px solid #fff;z-index:1;}
#people_popup .close:before,#people_popup .close:after{display:block;content:"";position:relative;width: 53px;height: 2px;background: #fff;display:block;margin: 0 auto;left: 2px;}
#people_popup .close:before{transform: rotate(45deg) translate(-1px,2px);}
#people_popup .close:after{transform: rotate(-45deg) translateY(-1px);left: 0px;}
#people_popup .group *{box-sizing:border-box;}
#people_popup .group{display: flex;flex-wrap: wrap;}
#people_popup .group .img{width: 600px;height: 752px;}
#people_popup .group .text_g{width: calc(100% - 600px);padding: 80px;font-size: 18px;line-height: 1.62;word-break: keep-all;}
#people_popup .text_g .name{padding-bottom: 30px;border-bottom: 1px solid #363636;margin-bottom: 47px;}
#people_popup .text_g .name b{font-size: 50px;color: #000;font-weight: 600;vertical-align: top;display: block;line-height: 1em;}
#people_popup .text_g .name p{font-size: 17px;color: #666666;display: inline-block;vertical-align: top;margin-bottom: 16px;font-weight: 500;letter-spacing: -0.5px;font-family: 'Montserrat','AritaDotum',sans-serif;}
#people_popup .history{width: ;}
#people_popup .history .tit{font-size: 24px;color: #222;font-weight: 500;line-height: 1em;margin-bottom: 20px;}
#people_popup .history ul{font-size: 17px;font-weight: 300;word-break: keep-all;letter-spacing: -0.25px;line-height: 1.7;}
#people_popup .history ul li{position: relative;padding-left: 15px;}
#people_popup .history ul li + li{margin-top: 10px;}
#people_popup .history ul li:before{display: block; content:""; position: absolute;top: 13px;left: 0;width: 6px;height: 3px;background: #d9005f;}




.m13 .sec1{margin-top: 80px;background: #f5f5f5;padding: 135px 0 150px;}
.m13 .sec1 .con_title_g{text-align: left;margin-bottom: 85px;}
.m13 .sec1 .history_slider:before{display: block;content:"";position: absolute;top: 7px;left: 0;width: calc(100vw - 260px);height: 3px;background: linear-gradient(90deg, #cf206d, #af929f,#bec7c3, #cacaca);}
.m13 .sec1 .history_slider{position: relative;}
.m13 .sec1 .history_slider .item{position: relative;padding-top: 60px; margin-right: 150px; width: unset !important;max-width:700px !important;}
.m13 .sec1 .history_slider .item:before{display: block;content:"";position: absolute;top: 0;left: 0;width: 18px;height: 18px;border: 5px solid #cacaca;background: #f4f1ee;border-radius: 50%;box-sizing: border-box;transition: 0.3s;z-index: 20;}
.m13 .sec1 .history_slider .item:after{display: block;content:"";position: absolute;top: 7px;left: 0;width: 200%;height: 3px;background: linear-gradient(90deg, #bec7c3, #cacaca, #cacaca);transition: 0.5s;}
.m13 .sec1 .history_slider .year{font-size: 70px;color: rgba(102,102,102,0.3);line-height: 1em;font-weight: 600;margin-bottom: 40px;transition: 0.3s;}
.m13 .sec1 .history_slider .history ul > li{width: 100%;display: flex;flex-wrap: wrap;}
.m13 .sec1 .history_slider .history ul > li + li{margin-top: 18px;}
.m13 .sec1 .history_slider .history ul > li .md{width: 46px;font-size: 22px;color: rgba(34,34,34,0.3);font-weight: 600;line-height: 1.45;transition: 0.3s;}
.m13 .sec1 .history_slider .history ul > li .con{
word-break:break-all;
width:calc(100% - 46px);box-sizing:border-box;padding-right: 1vw;
font-size: 1.875rem;color: rgba(102,102,102,0.3);font-weight: 400;line-height: 1.5;transition: 0.3s;}
/* .m13 .sec1 .history_slider .history ul > li .img{margin-top: 32px;}
.m13 .sec1 .history_slider .history ul > li .img img{max-width:100%;} */
.m13 .sec1 .history_slider .history>.img{margin-left: 60px;margin-top: 32px;}
.m13 .sec1 .history_slider .history>.img img{max-width:100%;width:364px;min-height:277px;object-fit:contain;}


.m13 .sec1 .history_slider .swiper-slide-prev .history ul > li .img{opacity:0.5;}
.m13 .sec1 .history_slider .swiper-slide-active .history ul > li .img,
.m13 .sec1 .history_slider .swiper-slide-next .history ul > li .img{opacity:1;}


.m13 .sec1 .history_slider .item.swiper-slide-next:before{border-color:#b29aa5;}
.m13 .sec1 .history_slider .item.swiper-slide-active:before{background:#f5f5f5;border-color:#d9005f;}
.m13 .sec1 .history_slider .item.swiper-slide-next:after{background: linear-gradient(90deg, #af929f,#bec7c3,#bec7c3);}
.m13 .sec1 .history_slider .item.swiper-slide-prev:after{background: linear-gradient(90deg,  #af929f,#cf206d);}
.m13 .sec1 .history_slider .item.swiper-slide-active:after{background: linear-gradient(90deg, #cf206d, #af929f,#af929f,#af929f);}
.m13 .sec1 .history_slider .swiper-slide-next .year{color:#444;}
.m13 .sec1 .history_slider .swiper-slide-next .history ul > li .md,
.m13 .sec1 .history_slider .swiper-slide-active .history ul > li .md{color:#222;}
.m13 .sec1 .history_slider .swiper-slide-next .history ul > li .con,
.m13 .sec1 .history_slider .swiper-slide-active .history ul > li .con{color:#666;}
.m13 .sec1 .history_slider .swiper-slide-active .year{color:#d9005f;}
.m13 .sec1 .his_util{position: absolute;top: 14px;right: 0;}
.m13 .sec1 .his_util .swiper-pagenav{display: flex;flex-wrap: wrap;align-items: center;}
.m13 .sec1 .his_util .swiper-pagination{padding: 0 30px;display: block;width: auto;bottom: auto;position: relative;font-size: 17px;color: #666666;font-weight: 500;}
.swiper-pagination-current{color:#222;font-weight: 600;}
.m13 .sec1 .his_util button{position: relative;width: 54px;height: 54px;background: #fff;border-radius: 50%;display: block;}
.m13 .sec1 .his_util button:before{display: block;content:"";position: absolute;top: 23px;left: 24px;width: 7px;height: 7px;border: 1px solid #777;transform: rotate(135deg);border-top: 0;border-left: 0;}
.m13 .sec1 .his_util button.button_next:before{transform: rotate(-45deg);left: 20px;}



.m14 .sec1{padding-bottom: 200px;}
.m14 .sec1 .contents{margin-top: 80px;}
.m14 .sec1 .partner_list{width: 100%;display: flex;flex-wrap: wrap;}
.m14 .sec1 .partner_list li{width: calc(25% - 22.5px);margin-right: 30px;text-align: center;}
.m14 .sec1 .partner_list li:nth-child(4n){margin-right: 0;}
.m14 .sec1 .partner_list li:nth-child(n+5){margin-top: 75px;}
.m14 .sec1 .partner_list li .img{position: relative;width: 100%;border: 1px solid #dddddd;background: #f9f9f9;border-radius: 8px;transition: .3s;}
.m14 .sec1 .partner_list li .img img{max-width: 100%;margin: 0 auto;border-radius: 8px;}
.m14 .sec1 .partner_list li .text{padding-top: 27px;font-size: 24px;color: #222;font-weight: 600;font-family: 'Montserrat','AritaDotum',sans-serif;word-break: keep-all;letter-spacing: -0.5px;}
.m14 .sec1 .partner_list li .img:after{display:block; content:"";;position: absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #e91e63;box-sizing: border-box;border-radius: 8px;opacity: 0;transition: 0.3s;}
/*.m14 .sec1 .partner_list li:hover .img:after{opacity:1;}*/
.m14 .sec1 .partner_list li:hover .img{transform:translate3d(0,-10px,0);box-shadow:10px 10px 30px rgba(0,0,0,0.1);}
.m15 .sec1{padding-bottom: 150px;}
.m15 .sec1 .map{position: relative;margin-top: 85px;width: 100%;height: 640px;padding: 0 100px;}
.m15 .sec1 .map iframe{width: 100%;height: 100%;display: block;}
.m15 .sec1 .map .info_wrap{position: absolute;width: 550px;top: 50%;left: calc(100px + 160px);background: rgba(255,255,255,0.9);border-top-left-radius: 30px;border-bottom-right-radius: 30px;padding: 70px 80px 80px;word-break: keep-all;transform: translateY(-50%);font-family: 'Montserrat','AritaDotum',sans-serif;}
.m15 .sec1 .map .info_wrap .title{font-size: 3.6rem;font-weight: 700;color: #000;border-bottom: 1px solid #707070;padding-bottom: 22px;}
.m15 .sec1 .map .info_wrap .title .en{font-size: 1.7rem;color: rgba(102,102,102,0.7);font-weight: 500;letter-spacing: -0.25px;margin-left: 15px;}

.m15 .sec1 .map .info_wrap .info{width: 100%;padding-top: 38px;}
.m15 .sec1 .map .info_wrap .info li{padding-left: 30px;display: flex;flex-wrap: wrap;background-repeat: no-repeat;background-position: left top 5px;}
.m15 .sec1 .map .info_wrap .info li.add{background-image: url(../images/page/map_add.png);background-position: top 3px left;}
.m15 .sec1 .map .info_wrap .info li.tel{background-image: url(../images/page/map_tel.png);}
.m15 .sec1 .map .info_wrap .info li.fax{background-image: url(../images/page/map_fax.png);}
.m15 .sec1 .map .info_wrap .info li + li{margin-top: 19px;}
.m15 .sec1 .map .info_wrap .info li b{color: #222;font-size: 2rem;width: 64px;font-weight: 600;line-height: 1.4;}
.m15 .sec1 .map .info_wrap .info li .con{width: calc(100% - 64px);font-size: 1.7rem;font-weight: 500;color: #777;}
.m15 .sec1 .map .info_wrap .info li .con a{display: inline-block;}
.m15 .sec1 .map .info_wrap .info li.add .con{font-family: 'Noto Sans KR',sans-serif;font-weight: 400;}


.m21 .con_title_g ul{margin: 19px auto 0;font-size: 2rem;font-weight: 400;color: #222;letter-spacing: -0.5px;text-align: center;}
.m21 .con_title_g ul li + li{margin-top: 4px;}
.m21 .con_title_g ul li:before{display: inline-block; content:""; width: 6px;height: 3px;background: #d9005f;vertical-align: top;margin: 14px 6px 0 0;}
.m21:before{display:block;content:"";position: absolute;top: -81px;left: 0;background: url(../images/page/m21_bg1.png)no-repeat left top;width: 583px;height: 631px;}
.m21 .sec1{padding-bottom:160px;}
.m21 .sec1 .contents{margin-top: 84px;position: relative;width: 100%;border-top: 3px solid #000;}
.m21 .sec1 .pipline .tr{width: 100%;display: flex;flex-wrap: wrap;text-align: center;border-bottom: 1px solid #000;}
.m21 .sec1 .pipline .tr .th{position: relative;width: 15%;height: 70px;background: #f5f5f5;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.7rem;color: #000;font-family: 'Montserrat','Noto Sans KR', sans-serif;font-weight: 600;}
.m21 .sec1 .pipline .tr .th:after{display: block; content:"";position: absolute;top: 50%;right: 0;width: 1px;height: 10px;background: #d8d8d8;transform: translateY(-50%);}
.m21 .sec1 .pipline .tr .th:last-child:after{display: none;}
.m21 .sec1 .pipline .tr .th:nth-child(1){width: 12.5%;}
.m21 .sec1 .pipline .tr .th:nth-child(2){width: 12.5%;}
.m21 .sec1 .pipline .tbody .tr{border-bottom-color: #cfd2d8;}
.m21 .sec1 .pipline .tbody .td{width: 12.5%;height: 100px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.7rem;color: #000;font-family: 'Montserrat','Noto Sans KR', sans-serif;font-weight: 500;border-right: 1px solid #cfd2d8;}
.m21 .sec1 .pipline .tbody .progress_bar{position: relative;width: 75%;display: flex;flex-wrap: wrap;align-items: center;}
.m21 .sec1 .pipline .tbody .tr:before,.m21 .sec1 .pipline .tbody .progress_bar:before, .m21 .sec1 .pipline .tbody .progress_bar:after{display:block;content:"";position: absolute;top: 0;left: 20%;width: 20%;height: 100%;border-left: 1px dashed #e1e1e1;border-right: 1px dashed #e1e1e1;z-index: -1;box-sizing: border-box;}
.m21 .sec1 .pipline .tbody .tr:before{left:auto; right:0;width: calc(40% - 25%);border-right: 0;}
.m21 .sec1 .pipline .tbody .progress_bar:after{left: 40%;border-left: 0;}
.m21 .sec1 .pipline .tbody .progress_bar .bar{opacity:0;width: 100%;height: 60px;background: #f5f5f5;display: flex;flex-wrap: wrap;align-items: center; }
.m21 .sec1 .pipline .tbody .tr.is-inview .progress_bar .bar{animation:1.2s progressBar 0.1s;  animation-fill-mode: forwards;}
.m21 .sec1 .pipline .tbody .progress_bar .bar span{position: relative;height: 30px;background: url(../images/page/pipline_bar.png);display: block;}
@keyframes progressBar{
0% {
 opacity:0; width:0%;
}
100% {
  opacity:1; width:100%;
}
}
.pipline_info_wrap .section .con_title_g{margin-bottom:55px;}
.pipline_info_wrap .sec1{padding:0 100px;}
.pipline_info_wrap .info_wrap .inner{display:flex;flex-wrap: wrap;}
.pipline_info_wrap .info_wrap{background: #e9e4de url(../images/page/pipline_info_bg.png)no-repeat bottom right;padding: 130px 0;}
.pipline_info_wrap .info_wrap .img{width: 50%;height: 610px;padding-right: 90px;}
.pipline_info_wrap .info_wrap .img span{display: block;width: 100%;height: 100%;border-bottom-right-radius: 75px;}
.pipline_info_wrap .info_wrap .info{width: 50%;padding-left: 90px;padding-top: 60px;border-left: 1px solid #b1b1b1;word-break: keep-all;}
.pipline_info_wrap .info_wrap .info .tit1{font-size: 2.1rem;font-family: 'Montserrat','AritaDotum',sans-serif;color: #666;font-weight: 600;text-transform: uppercase;letter-spacing: -0.25px;margin-bottom: 12px;}
.pipline_info_wrap .info_wrap .info .tit2{font-size: 6rem;color: #000;font-weight: 600;line-height: 1.3;font-family: 'Montserrat','AritaDotum',sans-serif;}
.pipline_info_wrap .info_wrap .info .tit2.en{font-weight: 800;}
.pipline_info_wrap .info_wrap .info .con{font-size: 2rem;letter-spacing: -0.25px;margin-top: 55px;font-weight: 400;color: #666;}
.pipline_info_wrap .info_wrap .info .con .list > li{position: relative;padding-left: 15px;}
.pipline_info_wrap .info_wrap .info .con .list > li + li{margin-top: 35px;}
.pipline_info_wrap .info_wrap .info .con .list > li:before{display: block; content:""; position: absolute;top: 16px;left: 0;width: 6px;height: 3px;background: #d9005f;}
.pipline_info_wrap .info_wrap .info .con .list ol{width: 100%;border: 2px solid #d90461;padding: 25px 30px;margin-top: 15px;}
.pipline_info_wrap .info_wrap .info .con .list ol li{width: 100%;display: flex;flex-wrap: wrap;}
.pipline_info_wrap .info_wrap .info .con .list ol li + li{margin-top: 11px;}
.pipline_info_wrap .info_wrap .info .con .list ol .num{width: 25px;height: 25px;background:  #d90461;color: #fff;border-radius: 50%;text-align: center;line-height: 25px;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;font-size: 1.4rem;margin-top: 3px;}
.pipline_info_wrap .info_wrap .info .con .list ol .txt{width: calc(100% - 25px);padding-left: 12px;color: #222;font-weight: 400;}
.pipline_info_wrap .line_box{border:1px solid #d1d1d1;}
.pipline_info_wrap .sec2{padding:145px 0 150px;}
.pipline_info_wrap .section:last-child{padding-bottom:160px;}

.m22 .sec2 .contents.line_box{padding:80px 50px;text-align: center;}
.m22 .sec2 .contents.line_box img{max-width:100%;}


.m23.pipline_info_wrap .sec2 .con_title_g{margin-bottom:45px;}
.m23 .con_title_g .title4{font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 700;letter-spacing: -0.25px;}
.m23 .sec2 .contents .con_g + .con_g{margin-top: 100px;}
.m23 table{width: 100%;border-top: 3px solid #000;font-family: 'Montserrat','AritaDotum',sans-serif;text-align: center;}
.m23 table tr{height: 70px;}
.m23 table th,
.m23 table td{position: relative;font-family: 'Montserrat','AritaDotum',sans-serif;font-size: 1.7rem;letter-spacing: -0.25px;}
.m23 table th{border-bottom: 1px solid #000000;background: #f5f5f5;color: #000;font-weight: 600;}
.m23 table td{border-bottom: 1px solid #cfd2d8;font-weight: 500;color: #666;}
.m23 .table1 tr td:first-child{background: #fcfcfc;color: #000;}

.m23 .table1 tr th:after,
.m23 .table2 .th2:after{display: block; content:""; position: absolute;top: 50%;right: 0;width: 1px;height: 10px;background: #d8d8d8;transform: translateY(-50%);}
.m23 .table1 tr th:last-child:after,
.m23 .table2 .th2:last-child:after{display: none;}


.m23 .table2 tr:first-child th:first-child{border-right: 1px solid #cfd2d8;}
.m23 .table2 tr:first-child th + th{border-bottom-color:#cfd2d8;}
.m23 .table2 th{font-weight:500;font-family: 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;}
.m23 .table2 .th2{background: #fcfcfc;}
.m23 .table2 td:first-child{color:#000;border-right: 1px solid #cfd2d8;}


.m23 table tr.point td{background: #fefafc;color: #d9005f !important;}
.m23 table tr.point td:first-child{background:#fbedf2;color: #d9005f;font-weight: 600;}
.m23 .reference{margin-top: 60px;width: 100%;background: #f5f5f5;padding: 55px 30px 55px 100px;display: flex;flex-wrap: wrap;}
.m23 .reference .tit{width: 185px;font-size: 2.4rem;color: #000;font-weight: 600;}
.m23 .reference ul{width: calc(100% - 185px);font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 400;}
.m23 .reference ul li{position: relative;padding: 0 10px;}
.m23 .reference ul li:before{display:block;content:"-";position: absolute;top: 0;left: 0;}
.m23 .reference ul:not(.type2) li:nth-child(n+3){margin-top: 9px;}
.m23 .reference ul:not(.type2){display: flex;flex-wrap: wrap;}
.m23 .reference ul:not(.type2) li{width: 50%;}
.m23 .reference ul.type2 li + li{margin-top:9px;}
.m23 .sec3{padding:160px 0;background:#f5f5f5;}
.m23 .sec3 .reference{background:#fff;}
.m23 .sec3 .contents{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m23 .sec3 .contents .item{width: calc(50% - 20px);}
.m23 .sec3 .contents .item + .item{width:;}
.m23 .sec3 .contents .item:nth-child(n+3){margin-top: 40px;}
.m23 .sec3 .contents .item.w100{width:100%;}
.m23 .sec3 .contents .item.point .tit{background: #d9005f;}
.m23 .sec3 .contents .item.point .box{padding: 60px 50px;border: 1px solid #d9005f;}
.m23 .sec3 .contents .item .tit{background: #666666;width: 100%;color: #fff;text-align: center;font-size: 2rem;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 700;word-break: keep-all;padding: 18px;margin-bottom: 10px;}
.m23 .sec3 .contents .item .box{background: #fff;text-align: center;padding: 50px;}
.m23 .sec3 .contents .item .box img{max-width: 100%;}
.m23 .graph_table_wrap{position:relative;width:100%;margin-top:60px;overflow-x: auto;}
.m23 .graph_table{position: relative;width: 1400px;background: #fcfcfc;border-top: 3px solid #000;border-bottom: 1px solid #000;padding: 40px 0 30px;overflow: hidden;}
.m23 .graph_table .tr{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.m23 .graph_table .tr.point:after{display:block;content:"";position: absolute;top: -15px;left: 0;width: 100%;height: calc(100% + 30px);border: 1px solid #d9005f;background: #fbedf2;box-sizing: border-box;z-index: 0;}
.m23 .graph_table .tr + .tr{margin-top:30px;}
.m23 .graph_table .th{width: 280px;padding-left: 100px;font-size: 1.7rem;color: #000;font-weight: 500;z-index: 10;}
.m23 .graph_table .td{width: calc(100% - 280px);position: relative;z-index: 10;}
.m23 .graph_table_wrap:before,
.m23 .graph_table:before,
.m23 .graph_table:after{display: block; content:"";position: absolute;top: 40px;left: 280px;width: calc(25% - 100px);height: calc(100% - 40px - 67px);border-left: 1px dashed #cecece;border-right: 1px dashed #cecece;padding-right: 4px;z-index: 2;}
.m23 .graph_table_wrap:before{z-index: 2;}
.m23 .graph_table:before{left: auto;right: calc(100px + 18%);}
.m23 .graph_table:after{left: auto;right: 0;width: 100px;border-right: 0;}
.m23 .graph_table .td .progress_bar{width: 100%;}
.m23 .graph_table .td .progress_bar .bar{width: 100%; opacity:0;}
.m23 .graph_table .td .progress_bar .bar span{height: 20px;background: #d9005f;display: block;}
.m23 .graph_table .td .progress_bar .bar2{width: ;}
.m23 .graph_table .td .progress_bar .bar2 span{background: #d0d0d0;}
.m23 .graph_table .details{position: absolute;bottom: 155px;right: 100px;width: calc(25% - 100px);text-align: center;z-index: 10;}
.m23 .graph_table .details .txt{font-size: 1.7rem;color: #000;font-weight: 400;margin-bottom: 26px;}
.m23 .graph_table .details .item{text-align: center;}
.m23 .graph_table .details .item .i{width: 160px;height: 20px;background: #d9005f;color: #fff;font-size: 1.7rem;font-weight: 500;display: inline-block;}
.m23 .graph_table .details .item .i + .i{margin-top: 10px;}
.m23 .graph_table .details .item .i2{background: #d0d0d0;color: #000;}
.m23 .graph_table .number{width: 100%;font-size: 1.7rem;color: #222;font-weight: 500;display: flex;flex-wrap: wrap;margin-left: 262px;line-height: 1em;margin-top: 20px;}
.m23 .graph_table .number span{width: calc(25% - 100px);}
.m23 .graph_table .number span:last-child{width:100px;}
.m23 .graph_table .tr.is-inview .progress_bar .bar{animation:1.2s progressBar 0.1s;  animation-fill-mode: forwards;}
.m23 .graph_table .progress_bar .bar span{position: relative;height: 30px;background: url(../images/page/pipline_bar.png);display: block;}

.m23 .sec4{padding: 145px 0 150px;}
.m23 .reference_wrap .table{position: relative;width: 100%;border-top: 3px solid #000000;font-size: 1.7rem;color: #666;font-weight: 400;font-family: 'Montserrat','AritaDotum',sans-serif;}
.m23 .reference_wrap .table .tr{display: flex !important;flex-wrap: wrap;text-align: center;line-height: 1.6;border-bottom: 1px solid #cfd2d8;}
.m23 .reference_wrap .table .thead{background: #f5f5f5;border-color: #000;}
.m23 .reference_wrap .table .thead .th{position: relative;color: #000;font-weight: 600;padding: 23px 10px;}
.m23 .reference_wrap .table .thead .th:after{display:block;content:"";position: absolute;top: 50%;right: 0;width: 1px;height: 10px;background: #d8d8d8;transform: translateY(-50%);}
.m23 .reference_wrap .table .thead .th:last-child:after{display:none;}
.m23 .reference_wrap .table .thead .th:nth-child(1),
.m23 .reference_wrap .table .tbody .td:nth-child(1){width: 18%;}
.m23 .reference_wrap .table .thead .th:nth-child(2),
.m23 .reference_wrap .table .tbody .td:nth-child(2){width: 82%;}
.m23 .reference_wrap .table .tbody .td{padding: 23px 0px;font-weight: 500;}
.m23 .reference_wrap .table .tbody .td .date{font-weight: 500;letter-spacing: 0.5px;}
.m23 .reference_wrap .table .tbody .td .con.text{text-align:left;padding: 0 30px;}
.m23 .reference_wrap .table .tbody .td .con.text:before{display:inline-block;content:"-";vertical-align: top;margin-right: 5px;}
.m23 .reference_wrap .table .tbody .td .con.text.type2{font-weight: 400;}

.m24 .page_dep2{font-weight: 800;}
.m24.pipline_info_wrap .info_wrap{background: #e9e4de url(../images/page/pipline_info_bg2.png)no-repeat bottom left;}
.m24.pipline_info_wrap .info_wrap .info{padding-top:0;}
.m24.pipline_info_wrap .info_wrap .info .con{margin-top:35px;}
.m24 .sec2 .contents{width: 100%;display: flex;flex-wrap: wrap;}
.m24 .sec2 .contents .box{width: 32.15%;}
.m24 .sec2 .contents .box + .box{margin-left: 29px;width: calc(100% - 32.15% - 29px);}
.m24 .sec2 .contents .box img{max-width: 100%;}


.m31 .con_title_g .title3 span{}

.m31 .con_title_g .title4{display: inline-block;min-height: 41px;padding: 0 120px;background: url(../images/page/quotes_s.png)no-repeat left top, url(../images/page/quotes_l.png)no-repeat top right;margin-top: 50px;}


.m31 .con_title_g ul{margin: 28px auto 0;font-size: 20px;font-weight: 400;color: #222;letter-spacing: -0.5px;text-align: left;max-width: 570px;}
.m31 .con_title_g ul li + li{margin-top: 1px;}
.m31 .con_title_g ul li:before{display: inline-block; content:""; width: 6px;height: 3px;background: #d9005f;vertical-align: top;margin: 16px 6px 0 0;}



.m31 .con_title_g2 {margin: 28px 0 50px;}
.m31 .con_title_g2 .title3 span{}
.m31 .con_title_g2 .title4{display: inline-block;min-height: 41px;padding: 0 120px;background: url(../images/page/quotes_s.png)no-repeat left top, url(../images/page/quotes_l.png)no-repeat top right;margin-top: 50px;}
.m31 .con_title_g2 .title41{display: inline-block;min-height: 41px;padding: 0 0;margin-top: 0;text-align:left}
.m31 .con_title_g2 ul{margin: 28px auto 0;font-size: 20px;font-weight: 400;color: #222;letter-spacing: -0.5px;text-align: left;max-width: 570px;}
.m31 .con_title_g2 ul li + li{margin-top: 1px;}
.m31 .con_title_g2 ul li:before{display: inline-block; content:""; width: 6px;height: 3px;background: #d9005f;vertical-align: top;margin: 16px 6px 0 0;}




.m31 .sec1{padding-bottom: 610px;}
.m31 .sec1 .contents{margin: 110px auto 0;position: relative;width: 1200px;}
.m31 .sec1 .diag_tit{position: relative;width: 460px;height: 460px;background: #222222;color: #fff;border-radius: 50%;font-size: 4.7rem;text-align: center;font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 auto;line-height: 1.35;}
.m31 .sec1 .diag_tit:before{display: block; content:"";position: absolute;top: 50%;left: 50%;width: calc(100% + 220px);height: 340px;border: 1px solid rgba(34,34,34,0.3);border-radius: 0px 0px 340px 340px;border-top: 0;box-sizing: border-box;transform: translateX(-50%);border-style: solid; }
.m31 .sec1 .diag_item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m31 .sec1 .diag_item figure{width: 200px;height: 200px;border-radius: 50%;border: 15px solid #d9005f;background-repeat: no-repeat;background-position: center;margin: 0 auto 25px;background-color: #fff;}
.m31 .sec1 .diag_item .d{position: absolute;top: 0;width: 310px;text-align: center;}
.m31 .sec1 .diag_item .d .dot{ position: absolute; width: 30px;height: 30px;border: 2px solid #6a6a6a;background: #fff;border-radius: 50%;}
.m31 .sec1 .diag_item .d .dot:after{display:block;content:"";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background: #d9005f;border-radius: 50%;transform: translate(-50%,-50%);}
.m31 .sec1 .diag_item .d_1{top: 117px;left: -64px;}
.m31 .sec1 .diag_item .d_2{left: 16%;top: 100%;margin-top: 110px;}
.m31 .sec1 .diag_item .d_3{right: 16%;top: 100%;margin-top: 110px;}
.m31 .sec1 .diag_item .d_4{right: -64px;top: 117px;}
.m31 .sec1 .diag_item .d_1 .dot{top: 87px;left: 100%;}
.m31 .sec1 .diag_item .d_2 .dot{top: -68px;left: 212px;}
.m31 .sec1 .diag_item .d_3 .dot{top: -68px;left: 66px;}
.m31 .sec1 .diag_item .d_4 .dot{top: 87px;right: 100%;}
.m31 .sec1 .diag_item .d_2 figure{border-color: #f4428a;}
.m31 .sec1 .diag_item .d_3 figure{border-color: #ec5650;}
.m31 .sec1 .diag_item .d_4 figure{border-color: #f9929a;}
.m31 .sec1 .diag_item .d_2 .dot:after{background: #f4428a;}
.m31 .sec1 .diag_item .d_3 .dot:after{background: #ec5650;}
.m31 .sec1 .diag_item .d_4 .dot:after{background: #f9929a;}
.m31 .sec1 .diag_item .tit{font-size: 2.6rem;color: #222;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 13px;}
.m31 .sec1 .diag_item .con b{font-weight: 500;}
.m31 .sec1 .diag_item .con{width: 328px;margin: 0 auto;display: inline-block;}
.m31 .sec1 .diag_item .d:nth-child(n+3) .con{;;;;;width: auto;display: inline-block;}
.m31 .sec1 .diag_item ul{font-size: 1.7rem;color: #666;line-height: 1.63;text-align: left;}
.m31 .sec1 .diag_item ul li{position:relative;padding-left:10px;}
.m31 .sec1 .diag_item ul li + li{margin-top: 7px;}
.m31 .sec1 .diag_item ul li:before{display: inline-block; content: "-";position: absolute;top: 0;left: 0;font-weight: 500;}
.m31 .sec2{padding: 160px 0;background: #f5f5f5;}
.m31 .sec2 .contents{margin-top: 100px;display: flex;flex-wrap: wrap;}
.m31 .sec2 .contents .noti{font-size: 1.7rem;color: #666666;letter-spacing: -0.5px;line-height: 1.6;margin-top: 19px;font-weight: 300;}
.m31 .sec2 .contents .noti a{display: inline-block;text-decoration: underline;}
.m31 .sec2 .contents .item{width: 501px;}
.m31 .sec2 .contents .item + .item{margin-left: 40px;width: calc(100% - 501px - 40px);}
.m31 .sec2 .contents .item .title{font-size: 2.6rem;color: #000000;font-weight: 500;word-break: keep-all;line-height: 1.3;text-align: center;margin-bottom: 28px;letter-spacing: -0.25px;}
.m31 .sec2 .contents .item .img{width: 100%;min-height: 540px;background: #fff;}
.m31 .sec2 .contents .item .img img{max-width: 100%;}
.m31 .sec2 .contents .item .table{width: 100%;background: #fff;border-top: 3px solid #000;text-align: center;font-size: 1.7rem;font-family: 'Montserrat','AritaDotum',sans-serif;}
.m31 .sec2 .contents .item .table .tr{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #000;}
.m31 .sec2 .contents .item .table .tr .th{position: relative;width: 12.48333333333333%;color: #000000;font-weight: 600;padding: 21px 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.m31 .sec2 .contents .item .table .tr .th:after{display:block;content:"";width: 1px;height: 10px;background: #d8d8d8;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.m31 .sec2 .contents .item .table .tr .th:last-child:after{display:none;}
.m31 .sec2 .contents .item .table .tbody .tr{border-color: #cfd2d8;}
.m31 .sec2 .contents .item .table .tr .td{width: 12.48333333333333%;color: #777;padding: 21.5px 10px;font-weight: 400;}
.m31 .sec2 .contents .item .table .tr .td:first-child{color:#000;font-weight: 500;letter-spacing: -0.8px;}
.m31 .sec2 .contents .item .table .tr .th:first-child,
.m31 .sec2 .contents .item .table .tr .td:first-child{width: 25.1%;}
.m32:before{display:block;content:"";position: absolute;top: -81px;left: 0;background: url(../images/page/m32_bg1.png)no-repeat left top;width: 523px;height: 562px;}
.m32 .section.dark{background: #f5f5f5;}
.m32 .section .con_title_g{margin-bottom: 60px;}
.m32 .section .con_title_g .txt1{margin-top: 24px;}
.m32 .section .contents{width: 100%;padding-top: 95px;}
.m32 .section .contents .title{text-align: center;font-size: 3rem;color: #000;font-weight: 600;word-break: keep-all;margin-bottom: 50px;}
.m32 .section .bg{width: 100%;border-bottom-right-radius: 65px;overflow: hidden;}
.m32 .section .bg img{max-width: 100%;}
.m32 .section .bg.border{border: 1px solid #cfd2d8;}
.m32 .section .contents ul{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m32 .section .contents ul li{position: relative;width: calc(33.33333333% - 40px);margin-right: 60px;text-align: center;}
.m32 .section .contents ul li:nth-child(3n){margin-right: 0;}
.m32 .section .contents ul li:nth-child(n+4){margin-top: 50px;}
.m32 .section .contents ul li img{max-width: 100%;}
.m32 .section .contents ul li .text{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 2.6rem;color: #000000;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;padding: 38px;letter-spacing: -0.5px;}
.m32 .section .contents ul li .text.type2{color: #fff;}
.m32 .sec1{margin-top: 80px;padding: 145px 0 150px;}
.m32 .sec2{padding: 145px 0 150px;background: url(../images/page/m32_bg2.png)no-repeat top 422px right;}
.m32 .sec3{padding: 145px 0 150px;}




.ir_wrap .sec1{padding-bottom: 160px;}
.ir_wrap .table{position: relative;width: 100%;border-top: 3px solid #000000;font-size: 1.7rem;color: #666;font-weight: 400;}
.ir_wrap .table .tr{display: flex !important;flex-wrap: wrap;text-align: center;line-height: 1.6;border-bottom: 1px solid #cfd2d8;}
.ir_wrap .table .thead{background: #f5f5f5;border-color: #000;}
.ir_wrap .table .thead .th{position: relative;color: #000;font-weight: 500;padding: 21px 10px;}
.ir_wrap .table .thead .th:after{display:block;content:"";position: absolute;top: 50%;right: 0;width: 1px;height: 10px;background: #d8d8d8;transform: translateY(-50%);}
.ir_wrap .table .thead .th:last-child:after{display:none;}
.ir_wrap .table .thead .th:nth-child(1),
.ir_wrap .table .tbody .td:nth-child(1){width: 21%;}
.ir_wrap .table .thead .th:nth-child(2),
.ir_wrap .table .tbody .td:nth-child(2){width: 58%;}
.ir_wrap .table .thead .th:nth-child(3),
.ir_wrap .table .tbody .td:nth-child(3){width: 21%;}
.ir_wrap .table .tbody .td{padding: 22px 10px;}
.ir_wrap .table .tbody .td .date{font-weight: 500;letter-spacing: 0.5px;}



.m61 .sec1{background: #f5f5f5;margin-top: 80px;padding: 140px 0 160px;}
.m61 .sec1 .step_list{position: relative;display: flex;flex-wrap: wrap;width: 100%;max-width: 1200px;margin: 100px auto 0;}
.m61 .sec1 .step_list li{position: relative;width: calc(25% + 40px);height: 340px;background: rgba(43,43,43,0.5);border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
.m61 .sec1 .step_list li + li{margin-left: -54px;}
.m61 .sec1 .step_list li + li:before{display: block; content:"";position: absolute;top: 50%;right: calc(100% - 29px);width: 6px;height: 10px;background: url(../images/page/step_icon.png)no-repeat left top;transform: translateY(-50%);opacity: 0.5;}
.m61 .sec1 .step_list li.point:before{opacity:1;}
.m61 .sec1 .step_list li:nth-child(2){background: rgba(43,43,43,0.7);}
.m61 .sec1 .step_list li:nth-child(3){background: rgba(43,43,43,0.9);}
.m61 .sec1 .step_list li:nth-child(4){background: rgba(217,0,95,0.9);}
.m61 .sec1 .step_list li figure{height: 100px;}
.m61 .sec1 .step_list li figure img{width: ;}
.m61 .sec1 .step_list li .num{font-size: 1.4rem;color: rgba(255,255,255,.6);line-height: 1em;margin-bottom: 18px;}
.m61 .sec1 .step_list li.point .num{color:#fff;font-weight: 500;}
.m61 .sec1 .step_list li .txt{font-size: 1.8rem;color: #fff;font-weight: 500;line-height: 1em;}
.m61 .sec1 .con1{padding-bottom: 150px;}
.m61 .sec1 .con2 .con_title_g{margin-bottom: 60px;}
.m61 .sec1 .con2 .item_wrap .item + .item{margin-top: 75px;}
.m61 .sec1 .con2 .item_wrap .title{font-size: 2.4rem;color: #222;font-weight: 600;margin-bottom: 25px;}
.m61 .sec1 .con2 .item_wrap .list_wrap{position: relative;width: 100%;border-top: 3px solid #000000;background: #fff;}
.m61 .sec1 .con2 .item_wrap .list_wrap li{width: 100%;padding: 34px 100px;display: flex;flex-wrap: wrap;border-bottom: 1px solid #cfd2d8;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit{width: 160px;font-size: 2rem;color: #222222;font-weight: 600;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit .num{width: 44px;font-size: 2.1rem;color: #d9005f;display: inline-block;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit .txt{width: calc(100% - 44px);display: inline-block;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .con{width: calc(100% - 160px);color: #666;font-weight: 400;font-size: 1.7rem;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .con a{color: #000;text-decoration: underline;font-weight: 500;}
.m61 .sec1 .con2 .item_wrap .dot_list_wrap{width: 100%;padding: 55px 100px;background: #fff;font-size: 1.7rem;color: #666;font-weight: 400;}
.m61 .sec1 .con2 .item_wrap .dot_list_wrap li{position: relative;width: 100%;padding-left: 14px;}
.m61 .sec1 .con2 .item_wrap .dot_list_wrap li + li{margin-top: 8px;}
.m61 .sec1 .con2 .item_wrap .dot_list_wrap li:before{display: block; content:""; position: absolute;top: 13px;left: 0;width: 6px;height: 3px;background: #d9005f;}





.board_list .sec1{padding-bottom: 160px;}
.board_list .sec1 .con_title_g{margin-bottom: 80px;}
.board_skin1 .list_wrap{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.board_skin1 .list_wrap .item{width: calc(25% - 30px);margin-right: 40px;}
.board_skin1 .list_wrap .item:nth-child(4n){margin-right: 0;}
.board_skin1 .list_wrap .item:nth-child(n+5){margin-top: 73px;}
.board_skin1 .list_wrap .item a{display:block;}
.board_skin1 .list_wrap .item .thumbnail{width: 100%;height: 180px;margin-bottom: 17px;}
.board_skin1 .list_wrap .item .thumbnail .img{display: block;width: 100%;height: 100%;}
.board_skin1 .list_wrap .item .cate_date{display: flex;justify-content: space-between;align-items: center;}
.board_skin1 .list_wrap .item .cate_date .cate{background: #222222;color: #fff;font-size: 1.2rem;height: 28px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 12px 1px 12px;border-radius: 28px;}
.board_skin1 .list_wrap .item .cate_date .cate1{background: #d9005f;}
.board_skin1 .list_wrap .item .cate_date .date{font-size: 1.5rem;color: #555;font-weight: 500;}
.board_skin1 .list_wrap .item .text_g{padding-top: 16px;word-break: keep-all;}
.board_skin1 .list_wrap .item .text_g .title{font-size: 2.1rem;color: #222222;font-weight: 600;line-height: 1.5;}
.board_skin1 .list_wrap .item .text_g .title .e_{-webkit-line-clamp: 2;}
.board_skin1 .list_wrap .item .text_g .txt1{font-size: 1.7rem;color: #666;font-weight: 400;margin-top: 6px;line-height: 1.65;}
.board_skin1 .list_wrap .item .text_g .txt1 .e_{-webkit-line-clamp: 2;}
.board_skin2 .sec1 .list_wrap{width: 100%;display: flex;flex-wrap: wrap;}
.board_skin2 .sec1 .list_wrap .item{position: relative;width: calc(50% - 20px);margin-right: 40px;background: #fff;}
.board_skin2 .sec1 .list_wrap .item:nth-child(2n){margin-right: 0;}
.board_skin2 .sec1 .list_wrap .item:nth-child(n+3){margin-top: 60px;}
.board_skin2 .sec1 .list_wrap .item a{display: block;background: #fff;}
.board_skin2 .sec1 .list_wrap .item a:after{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 3px solid #d9005f;box-sizing: border-box;opacity: 0;transition: 0.3s;}
.board_skin2 .sec1 .list_wrap .item a .thumbnail{position: relative;top: 0;left: 0;width: 100%;height: 25vw;max-height: 388px;}
.board_skin2 .sec1 .list_wrap .item .text_g{position: relative;width: 100%;padding-top: 35px;}
.board_skin2 .sec1 .list_wrap .item .text_g .date{font-size: 1.5rem;color: rgba(85,85,85,0.9);font-weight: 500;margin-bottom: 10px;}
.board_skin2 .sec1 .list_wrap .item .text_g .title{font-size: 2.1rem;font-weight: 500;letter-spacing: -0.5px;color: #000;word-break: keep-all;}
.board_skin2 .sec1 .list_wrap .item .text_g .title .e_{-webkit-line-clamp: 2;}





.board_view .sec1{padding-bottom:150px;}
.board_view .g_container{position: relative;width: 100%;text-align: center;word-break: keep-all;}
.board_view .g_head{width: 100%;border-top: 3px solid #000000;padding: 62px 3% 60px 3%;border-bottom: 1px solid #cfd2d8;}
.board_view .g_head .title{font-size: 4rem;color: #000;letter-spacing: -0.25px;line-height: 1.5;font-weight: 600;}
.board_view .g_head .item{min-width: 102px;height: 36px;background: #4f86c6;border-radius: 36px;text-align: center;line-height: 35px;font-size: 16px;color: #fff;display: inline-block;vertical-align: top;margin: 1px 18px 0 0;padding: 0 20px;}
.board_view .g_head .item.closed{background:#c6cbcd;}
.board_view .g_head .sub{margin-top: 16px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.board_view .g_head .sub > *{font-size: 1.5rem;color: #555;font-weight: 500;font-family: 'Montserrat','AritaDotum',sans-serif;}
.board_view .g_head .sub b{font-weight: 500;color: #222222;margin-right: 9px;}
.board_view .g_head .cate{position: relative;background: #222222;color: #fff;font-size: 1.2rem;height: 28px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 12px 1px 12px;border-radius: 28px;margin-right: 42px;}
.board_view .g_head .cate:after{display:block;content:"";position: absolute;width: 1px;height: 10px;background: #d8d8d8;top: 50%;right: -21px;transform: translateY(-50%);}
.board_view .g_head .cate1{background: #d9005f;}
.board_view .g_file{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;padding: 17px 3%;border-bottom: 1px solid #d7d7d7;}
.board_view .g_file ul li:nth-child(1){position: relative;padding-left: 36px;background: url(../images/page/file_icon.png)no-repeat top left;}
.board_view .g_file ul li{display: inline-block;margin-right: 15px;}
.board_view .g_file ul li:last-child{margin-right:0;}
.board_view .g_file ul a{display: inline-block;font-size: 16px;}
.board_view .g_file ul a:hover{text-decoration: underline;}
.board_view .g_body{padding: 60px 0 70px;border-bottom: 1px solid #d7d7d7;}
.board_view .g_body img{max-width:100%;}
.board_view .page_list{border-bottom: 1px solid #cfd2d8;}
.board_view .page_list .list{display: flex;flex-wrap: wrap;align-items: center;padding: 22px 100px;}
.board_view .page_list .list + .list{border-top: 1px solid #cfd2d8;}
.board_view .page_list .list b{position: relative;width: 93px;font-size: 1.7rem;color: rgba(102,102,102,0.6);font-weight: 600;padding-left: 30px;}
.board_view .page_list .list b:before{display:block;content:"";position: absolute;top: 9px;left: 2px;width: 7px;height: 7px;border: 1px solid #888;transform: rotate(45deg);border-bottom: 0;border-right: 0;}
.board_view .page_list .list.next b:before{top:4px;transform: rotate(-135deg);}
.board_view .page_list .list .tit{width: calc(100% - 93px - 95px);}
.board_view .page_list .list .tit p.e_{font-size: 1.7rem;color: #666;}
.board_view .page_list .list .date{width: 95px;font-size: 1.7rem;font-weight: 500;color: #777;text-align: right;}
.board_view .g_pagination{position: relative;margin-top: 60px;}
.board_view .g_pagination .pg_list_btn{width: 210px;height: 56px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 auto;border: 1px solid #222;color: #222;border-radius: 56px;font-size: 1.7rem;font-weight: 600;}




.ani_style2{opacity: 0;}
.ani_style2.is-inview{animation:1.5s aniStyle2 0.7s;  animation-fill-mode: forwards;}
.ani_style3{opacity: 0;}
.ani_style3.is-inview{animation:1.5s aniStyle3 0.3s;  animation-fill-mode: forwards;}

@keyframes aniStyle2{
0% {
 opacity:0; 
}
100% {
  opacity:1; 
}
}
@keyframes aniStyle3{
0% {
 opacity:0; transform:scale(1.35);
}
100% {
  opacity:1; transform:scale(1);
}
}

@media(max-width: 1600px){
	.m15 .sec1 .map{padding: 0 80px;}
	.pipline_info_wrap .sec1{padding:  0 80px;}
	.m15 .sec1 .map .info_wrap{left: calc(80px + 80px);}
	.m12 .contents.con_style1{margin-left: 80px;width: calc(100% - 160px);}
}

@media(max-width: 1460px){
	.m15 .sec1 .map{height:auto;}
	.m15 .sec1 .map iframe{height:640px;}
	.m15 .sec1 .map .info_wrap{position: relative;top: auto;transform: inherit;left: 0;width: 100%;background: transparent;border: 0;padding: 75px 0 0;}
	.pipline_info_wrap .info_wrap .info{padding-left: 60px;}
	.pipline_info_wrap .info_wrap .img{padding-right: 60px;}
	.m12 .contents.con_style1 .info_box{width: calc(100% - 500px);padding-left: 70px;}
	.m12 .contents.con_style1 .img{width: 500px;}
}




















.news_notice{padding: 180px 0 175px;}
.news_notice .inner{max-width:1400px;}
.news_notice .sec_title_g{text-align: center;margin-bottom: 60px;}
.news_notice .sec_title_g .view_more{position: absolute;top: 5px;right: 0;z-index: 1;}
.news_notice .view_more a .arr:after{top:2px;}
.news_notice .sec_title_g .view_more a{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.1rem;font-weight: 500;text-transform: uppercase;color: #444;}
.news_notice .contents{position: relative;width: 100%;}
.news_notice .board_slider{position: relative;width: 100%;overflow: hidden;}
.news_notice .board_slider .item{margin-right: 40px;}
.news_notice .board_slider .item a{display:block;}
.news_notice .board_slider .item .thumbnail{width: 100%;height: 180px;margin-bottom: 17px;background: #d7d2cb;}
.news_notice .board_slider .item .thumbnail .img{display: block;width: 100%;height: 100%;}
.news_notice .board_slider .item .cate_date{display: flex;justify-content: space-between;align-items: center;}
.news_notice .board_slider .item .cate_date .cate{background: #222222;color: #fff;font-size: 1.2rem;height: 28px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 12px;border-radius: 28px;}
.news_notice .board_slider .item .cate_date .cate1{background: #d9005f;}
.news_notice .board_slider .item .cate_date .date{font-size: 1.5rem;color: #555;font-weight: 500;}
.news_notice .board_slider .item .text_g{padding-top: 14px;word-break: keep-all;}
.news_notice .board_slider .item .text_g .title{font-size: 2.1rem;color: #222222;font-weight: 600;}
.news_notice .board_slider .item .text_g .title .e_{-webkit-line-clamp: 2;}
.news_notice .board_slider .item .text_g .txt1{font-size: 1.7rem;color: #666;font-weight: 400;margin-top: 6px;}
.news_notice .board_slider .item .text_g .txt1 .e_{-webkit-line-clamp: 2;}
.news_notice .board_util{position: absolute;top: 0;left: 100%;padding-left: 46px;}
.news_notice .board_util .swiper-pagenav button{display: block;position: relative;width: 54px;height: 54px;background: #f4f4f4;border-radius: 50%;}
.news_notice .board_util .swiper-pagenav button + button{margin-top: 5px;}
.news_notice .board_util .swiper-pagenav button:before{display: block;content:"";position: absolute;top: 23px;left: 24px;width: 7px;height: 7px;border: 1px solid #666;transform: rotate(135deg);border-top: 0;border-left: 0;}
.news_notice .board_util .swiper-pagenav button.button_next:before{transform: rotate(-45deg);left: 20px;}























.inview{padding: 180px 0 175px;}
.inview .inner{}
.inview .sec_title_g{text-align: center;margin-bottom: 60px;}
.inview .sec_title_g .view_more{position: absolute;top: 5px;right: 0;z-index: 1;}
.inview .view_more a .arr:after{top:2px;}
.inview .sec_title_g .view_more a{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.1rem;font-weight: 500;text-transform: uppercase;color: #444;}
.inview .contents{position: relative;width: 100%;}
.inview .board_slider{position: relative;width: 100%;overflow: hidden;}
.inview .board_slider .item{margin-right: 40px;}
.inview .board_slider .item a{display:block;}
.inview .board_slider .item .thumbnail{width: 100%;height: 180px;margin-bottom: 17px;background: #d7d2cb;}
.inview .board_slider .item .thumbnail .img{display: block;width: 100%;height: 100%;}
.inview .board_slider .item .cate_date{display: flex;justify-content: space-between;align-items: center;}
.inview .board_slider .item .cate_date .cate{background: #222222;color: #fff;font-size: 1.2rem;height: 28px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 12px;border-radius: 28px;}
.inview .board_slider .item .cate_date .cate1{background: #d9005f;}
.inview .board_slider .item .cate_date .date{font-size: 1.5rem;color: #555;font-weight: 500;}
.inview .board_slider .item .text_g{padding-top: 14px;word-break: keep-all;}
.inview .board_slider .item .text_g .title{font-size: 2.1rem;color: #222222;font-weight: 600;}
.inview .board_slider .item .text_g .title .e_{-webkit-line-clamp: 2;}
.inview .board_slider .item .text_g .txt1{font-size: 1.7rem;color: #666;font-weight: 400;margin-top: 6px;}
.inview .board_slider .item .text_g .txt1 .e_{-webkit-line-clamp: 2;}
.inview .board_util{position: absolute;top: 0;left: 100%;padding-left: 46px;}
.inview .board_util .swiper-pagenav button{display: block;position: relative;width: 54px;height: 54px;background: #f4f4f4;border-radius: 50%;}
.inview .board_util .swiper-pagenav button + button{margin-top: 5px;}
.inview .board_util .swiper-pagenav button:before{display: block;content:"";position: absolute;top: 23px;left: 24px;width: 7px;height: 7px;border: 1px solid #666;transform: rotate(135deg);border-top: 0;border-left: 0;}
.inview .board_util .swiper-pagenav button.button_next:before{transform: rotate(-45deg);left: 20px;}