@charset "utf-8";

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




/* 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:14px;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%;}
*/




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

#subtop{overflow: hidden;}
#subtop .sub_bg{position: absolute;top: -100px;left: 0;width: 100%;height: 60vh;overflow: hidden;}
#subtop .sub_bg .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*
#subtop.st1 .sub_bg .img{background: url(/images/sub/sub11.jpg)no-repeat center/cover;}
#subtop.st2 .sub_bg .img{background: url(../images/page/st2_bg.jpg)no-repeat center/cover;}
#subtop.st3 .sub_bg .img{background: url(../images/page/st3_bg.jpg)no-repeat center/cover;}
#subtop.st4 .sub_bg .img{background: url(../images/page/st4_bg.jpg)no-repeat center/cover;}
#subtop.st5 .sub_bg .img{background: url(../images/page/st5_bg.jpg)no-repeat center/cover;}
#subtop.st6 .sub_bg .img{background: url(../images/page/st6_bg.jpg)no-repeat center/cover;}
*/

#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;}



#location_wrap {padding-top: 40px;}
#location_wrap .location_depth{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;font-size: 12px;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: 8px;}
#location_wrap .location_depth .dep .btn:before{display:block;content:"";position: absolute;top: 6px;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:8px;transform:rotate(-135deg);}
#location_wrap .location_menu{position: absolute;top: calc(100% + 7px);right: 0;width: 100px;text-align: right;border: 1px solid #555;background: #fff;color: #555;font-size: 12px;display: none;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
#location_wrap .location_menu ul{padding: 10px 12px;}
#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: 60%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);color: #fff;word-break: keep-all;margin-top: 5px;padding: 0 22px;box-sizing: border-box;}
#subtop .sub_top_title:before{display:block;content:"";width: 38px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 30px;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: 35px;line-height: 1em;font-weight: 600;letter-spacing: -1px;}
#subtop .sub_top_title .slogan{font-size: 12px;color: rgba(255,255,255,0.9);font-weight: 200;margin-top: 11px;}
@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}
}



#subtop .sub_top_title .slogan p{font-size: 18px;color: rgba(255,255,255,0.9);font-weight: 200;margin-top: 11px;}
@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: 57px;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: 40px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 57px;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: 57px;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: 1rem;color: #fff;font-weight: 600;font-family: 'Montserrat',sans-serif;line-height: 1em;margin-bottom: 10px;display: block;}
#scroll_down .fig{width: 20px;height: 32px;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}
}

#main{position:relative;padding-top: 100px;}
.page_dep2{text-align: center;font-size: 30px;color: #000;font-weight: 600;line-height: 1.3;word-break:keep-all;margin-bottom: 40px;}

section{position:relative; width: 100%;}
section *{box-sizing:border-box;}
section .txt1{font-size: 16px;font-weight: 400;line-height: 1.75;word-break: keep-all;color: #444;}
.con_title_g{position: relative;width: 100%;text-align: center;word-break: keep-all;}
.txt_left{text-align:left;}
.con_title_g .title1 br{display:none;}
.con_title_g .title1{font-size: 22px;font-weight: 400;color: #000;line-height: 1.25;}
.con_title_g .title2{font-size: 30px;font-weight: 600;color: #000;line-height: 1.3;}
.con_title_g .title3{font-size: 24px;font-weight: 600;color: #000;line-height: 1.3;}
#wrap .con_title_g .en{font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 700;}
.con_title_g .title3.dot:after{display: inline-block; content:"";width: 6px;height: 6px;border-radius: 50%;background: #d9005f;vertical-align: top;margin: 4px 0 0 6px;}
.con_title_g .title4{font-size: 17px;font-weight: 600;color: #000;line-height: 1.3;}


.paging{margin-top: 30px;text-align:center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.paging > *{display: inline-block;width: 30px;height: 30px;font-size: 12px;font-family: 'Montserrat',sans-serif;color: rgba(0,0,0,0.7);line-height: 30px;font-weight: 500;margin: 0 2px;}
.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;background-size: auto 5px;}
.paging .page_prev{background: url(../images/page/paging_prev.png)no-repeat center;margin-left: 4px;margin-right: 10px;border: 1px solid #e2e2e2;background-size: auto 5px;}
.paging .page_next{background: url(../images/page/paging_next.png)no-repeat center;margin-left: 10px;border: 1px solid #e2e2e2;margin-right: 4px;background-size: auto 5px;}
.paging .page_end{background: url(../images/page/paging_last.png)no-repeat center;margin-left: 0px;border: 1px solid #e2e2e2;background-size: auto 5px;}

.m11 .sec1{padding-bottom: 80px;}
.m11 .sec1 .contents{padding: 50px 0 0 0;}
.m11 .sec1 .diagram{position:relative;}
.m11 .sec1 .diagram:before{display: block;content: "";position: absolute;top: 150px;left: 50%;width: 640px;height: 640px;background: linear-gradient(45deg, #e9e9e9, transparent,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: 200px;height: 200px;border: 2px solid #d8005d;border-radius: 50%;padding: 7px;background: #fff;margin: 0 auto;}
.m11 .sec1 .diagram .logo .g{width: 100%;height: 100%;background: url(../images/page/m11_icon1.png)no-repeat top 56px center;background-size: auto 30px;border: 1px dashed #d8005d;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;}
.m11 .sec1 .diagram .logo svg{width: 124px;height: 18px;margin: 20px auto 0;}
.m11 .sec1 .diagram .list{position: relative;max-width: 1200px;width: 100%;margin: 30px auto 0;text-align: center;z-index: 1;}
.m11 .sec1 .diagram .list .l + .l{margin-top: 20px;}
.m11 .sec1 .diagram .list .title_g{position: relative;width: 200px;height: 200px;border: 1px dashed #d8005d;border-radius: 50%;overflow: hidden;margin: 0 auto;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;background-size: auto 30px;}
.m11 .sec1 .diagram .list .title_g .title{position: relative;width: 100%;height: 50%;background: #d8005d;color: #fff;text-align: center;font-size: 1.6rem;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: 18px;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: 1.4rem;display: block;font-weight: 600;letter-spacing: -0.2px;margin-bottom: 3px;}
.m11 .sec1 .diagram .list .text_g{width: 200px;height: 200px;background: #222222;border-radius: 50%;margin: -80px auto 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color: #fff;padding-top: 50px;}
.m11 .sec1 .diagram .list .text_g .text{text-align: center;color: #fff;}

.m12 .sec1 .con_title_g{margin-bottom: 35px;}
.m12 .tabs{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;}
.m12 .tabs li{width: 95px;height: 40px;font-size: 1.30px;font-weight: 600;margin: 5px;}
.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{width: 93%;background: #f5f5f5 url(../images/page/m12_bg.png)no-repeat right top;background-size: 200px;margin: 0 auto 80px;padding: 50px 20px;}
.m12 .contents.con_style1 .inner{width: 100%;}
.m12  .contents.con_style1 .img{border-top-left-radius: 30px;border-bottom-right-radius: 30px;overflow: hidden;display: inline-block;max-width: 450px;width: 90%;}
.m12 .contents.con_style1 .img img{max-width: 100%;}
.m12 .contents.con_style1 .info_box{width: 100%;word-break: keep-all;padding-top: 42px;}
.m12 .contents.con_style1 .info_box .slogan{font-size: 2.5rem;color: #222;font-weight: 300;letter-spacing: -0.5px;margin-bottom: 25px;padding: 2px 22px 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 .name_pos{width: 100%;padding-bottom: 22px;border-bottom: 1px solid #191919;margin-bottom: 27px;}
.m12 .contents.con_style1 .info_box .name_pos .name{font-size: 2.5rem;color: #222;font-weight: 600;line-height: 1em;}
.m12 .contents.con_style1 .info_box .name_pos .pos{font-size: 1.30px;color: #d9005f;font-weight: 500;margin-left: 8px;font-family: 'Montserrat','AritaDotum',sans-serif;}
.m12 .contents.con_style1 .info_box .history .tit{font-size: 1.5rem;color: #222;font-weight: 600;line-height: 1em;margin-bottom: 12px;}
.m12 .contents.con_style1 .info_box .history ul{}
.m12 .contents.con_style1 .info_box .history ul li{position: relative;padding-left: 12px;}
.m12 .contents.con_style1 .info_box .history ul li + li{margin-top: 6px;}
.m12 .contents.con_style1 .info_box .history ul li:before{display: block; content:""; position: absolute;top: 10px;left: 0;width: 5px;height: 2px;background: #d9005f;}
.m12 .contents.con_style2 .group{padding: 70px 0 75px;background: #fff;}
.m12 .contents.con_style2 .group:nth-child(odd){background: #f5f5f5;}
.m12 .contents.con_style2 .group .people{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.m12 .contents.con_style2 .group .people > li:nth-child(2n){margin-right: 0;}
.m12 .contents.con_style2 .group .people > li:nth-child(n+3){margin-top: 15px;}
.m12 .contents.con_style2 .group .people > li{position: relative;width: calc(50% - 7.5px);height: 55vw;margin-right: 15px;background: #eee;cursor: pointer;}
.m12 .contents.con_style2 .group .people > li .name p{font-size: 12px;color: rgba(255,255,255,0.8);font-weight: 400;margin-bottom: 3px;}
.m12 .contents.con_style2 .group .people > li .name b{font-size: 1.6rem;line-height: 1em;}
.m12 .contents.con_style2 .group .people > li .name{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;padding: 20px 20px 22px 20px;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{width: 80%;position: relative;top: 0;margin: 0 auto;background: #ffffff;box-sizing: border-box;}
#people_popup .close{position: absolute;bottom: calc(100% + 10px);right: 0;width: 40px;height: 40px;border: 2px solid #fff;z-index:1;}
#people_popup .close:before,#people_popup .close:after{display:block;content:"";position:relative;width: 21px;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: 100%;height: 100vw;}
#people_popup .group .text_g{width: 100%;padding: 40px 20px;font-size: 1.8rem;line-height: 1.62;word-break: keep-all;order: 2;}
#people_popup .text_g .name{padding-bottom: 22px;border-bottom: 1px solid #363636;margin-bottom: 26px;}
#people_popup .text_g .name b{font-size: 2.5rem;color: #000;font-weight: 600;vertical-align: top;display: block;line-height: 1em;}
#people_popup .text_g .name p{font-size: 1.30px;color: #666666;display: inline-block;vertical-align: top;margin-bottom: 4px;font-weight: 500;letter-spacing: -0.5px;font-family: 'Montserrat','AritaDotum',sans-serif;}
#people_popup .history{width: ;}
#people_popup .history .tit{font-size: 1.5rem;color: #222;font-weight: 500;line-height: 1em;margin-bottom: 15px;}
#people_popup .history ul{font-size: 12px;font-weight: 400;word-break: keep-all;letter-spacing: -0.25px;line-height: 1.7;}
#people_popup .history ul li{position: relative;padding-left: 12px;}
#people_popup .history ul li + li{margin-top: 3px;}
#people_popup .history ul li:before{display: block; content:""; position: absolute;top: 8px;left: 0;width: 5px;height: 2px;background: #d9005f;}



.m13 .sec1{margin-top: 55px;background: #f5f5f5;padding: 70px 0 80px;}
.m13 .sec1 .con_title_g{text-align: left;margin-bottom: 35px;}
.m13 .sec1 .history_slider:before{display: block;content:"";position: absolute;top: 5px;left: 0;width: 100vw;height: 3px;background: linear-gradient(90deg, #cf206d, #af929f,#bec7c3, #cacaca);}
.m13 .sec1 .history_slider{position: relative;}
.m13 .sec1 .history_slider .item{position: relative;width: 280px;padding-top: 40px;padding-right: 30px;}
.m13 .sec1 .history_slider .item:before{display: block;content:"";position: absolute;top: 0;left: 0;width: 12px;height: 12px;border: 3px 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: 5px;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #bec7c3, #cacaca, #cacaca);transition: 0.5s;}
.m13 .sec1 .history_slider .year{font-size: 30px;color: #444;line-height: 1em;font-family: 'Montserrat',sans-serif;font-weight: 600;margin-bottom: 13px;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: 6px;}
.m13 .sec1 .history_slider .history ul > li .md{width: 30px;font-size: 12px;font-family: 'Montserrat',sans-serif;color: #666;font-weight: 600;line-height: 1.45;transition: 0.3s;}
.m13 .sec1 .history_slider .history ul > li .con{width: calc(100% - 30px);font-size: 12px;color: #666;font-weight: 400;line-height: 1.5;transition: 0.3s;}
/* .m13 .sec1 .history_slider .history ul > li .img{margin-top: 16px;padding-left: 30px;}
.m13 .sec1 .history_slider .history ul > li .img img{max-width:100%;} */
.m13 .sec1 .history_slider .history > .img{margin-top: 16px;margin-left: 30px;}
.m13 .sec1 .history_slider .history > .img img{max-width:100%;width:364px;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: relative;margin-top: 20px;}
.m13 .sec1 .his_util .swiper-pagenav{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.m13 .sec1 .his_util .swiper-pagination{padding: 0 20px;display: block;width: auto;bottom: auto;position: relative;font-size: 12px;color: #666666;font-family: 'Montserrat',sans-serif;font-weight: 500;}
.swiper-pagination-current{color:#222;font-weight: 600;}
.m13 .sec1 .his_util button{position: relative;width: 35px;height: 35px;background: #fff;border-radius: 50%;display: block;}
.m13 .sec1 .his_util button:before{display: block;content:"";position: absolute;top: 15px;left: 15px;width: 4px;height: 4px;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: 13px;}



.m14 .sec1{padding-bottom: 80px;}
.m14 .sec1 .contents{margin-top: 55px;}
.m14 .sec1 .partner_list{width: 100%;display: flex;flex-wrap: wrap;}
.m14 .sec1 .partner_list li{width: calc(50% - 5px);margin-right: 10px;text-align: center;}
.m14 .sec1 .partner_list li:nth-child(2n){margin-right: 0;}
.m14 .sec1 .partner_list li:nth-child(n+3){margin-top: 25px;}
.m14 .sec1 .partner_list li .img{width: 100%;border: 1px solid #dddddd;background: #f9f9f9;border-radius: 4px;overflow: hidden;}
.m14 .sec1 .partner_list li .img img{max-width: 100%;margin: 0 auto;}
.m14 .sec1 .partner_list li .text{padding-top: 15px;font-size: 1.4rem;color: #222;font-weight: 600;font-family: 'Montserrat','AritaDotum',sans-serif;word-break: keep-all;letter-spacing: -0.5px;}



.m15 .sec1{padding-bottom: 80px;}
.m15 .sec1 .map{position: relative;margin: 55px auto 0;max-width: 1400px;width: 90%;}
.m15 .sec1 .map iframe{width: 100%;height: 300px;display: block;}
.m15 .sec1 .map .info_wrap{position: relative;width: 100%;padding: 50px 0 0;word-break: keep-all;font-family: 'Montserrat','AritaDotum',sans-serif;}
.m15 .sec1 .map .info_wrap .title{font-size: 2.8rem;font-weight: 700;color: #000;border-bottom: 1px solid #707070;padding-bottom: 16px;}
.m15 .sec1 .map .info_wrap .title .en{font-size: 1.30px;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: 24px;}
.m15 .sec1 .map .info_wrap .info li{padding-left: 22px;display: flex;flex-wrap: wrap;background-repeat: no-repeat;background-position: left top 2px;background-size: auto 14px;}
.m15 .sec1 .map .info_wrap .info li.add{background-size: auto 16px;background-image: url(../images/page/map_add.png);background-position: top 1px 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: 9px;}
.m15 .sec1 .map .info_wrap .info li b{color: #222;font-size: 1.30px;width: 45px;font-weight: 600;line-height: 1.4;}
.m15 .sec1 .map .info_wrap .info li .con{width: calc(100% - 45px);font-size: 12px;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: 13px auto 0;font-size: 12px;font-weight: 400;color: #222;letter-spacing: -0.5px;text-align: center;}
.m21 .con_title_g ul li + li{margin-top: 3px;}
.m21 .con_title_g ul li:before{display: inline-block; content:""; width: 5px;height: 2px;background: #d9005f;vertical-align: top;margin: 9px 5px 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: 80px;}
.m21 .sec1 .contents{margin-top: 45px;position: relative;width: 100%;}
.m21 .sec1 .pipline {width: calc(100% + 5.5%);overflow-x: auto;}
.m21 .sec1 .pipline .scroll_x{border-top: 3px solid #000;width: 820px;margin-right: 5.5%;}
.m21 .sec1 .pipline .tr{position: relative;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: 45px;background: #f5f5f5;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 12px;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: 55px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 12px;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 .progress_bar:after{left: 40%;border-left: 0;}
.m21 .sec1 .pipline .tbody .tr:before{left:auto; right:0;width: calc(40% - 25%);border-right: 0;}
.m21 .sec1 .pipline .tbody .progress_bar .bar{opacity:0;width: 100%;height: 35px;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: 21px;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: 30px;}
.pipline_info_wrap .sec1{position: relative;max-width: 1400px;width: 90%;margin: 0 auto;}
.pipline_info_wrap .info_wrap{background: #e9e4de url(../images/page/pipline_info_bg.png)no-repeat bottom right;padding: 50px 0;background-size: auto 150px;}
.pipline_info_wrap .info_wrap .img{width: 100%;height: 81vw;}
.pipline_info_wrap .info_wrap .img span{display: block;width: 100%;height: 100%;border-bottom-right-radius: 35px;}
.pipline_info_wrap .info_wrap .info{padding-top: 50px;word-break: keep-all;}
.pipline_info_wrap .info_wrap .info .tit1{font-size: 1.30px;font-family: 'Montserrat','AritaDotum',sans-serif;color: #666;font-weight: 600;text-transform: uppercase;letter-spacing: -0.25px;margin-bottom: 7px;}
.pipline_info_wrap .info_wrap .info .tit2{font-size: 30px;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: 12px;letter-spacing: -0.25px;margin-top: 20px;font-weight: 400;color: #666;}
.pipline_info_wrap .info_wrap .info .con .list > li{position: relative;padding-left: 12px;}
.pipline_info_wrap .info_wrap .info .con .list > li + li{margin-top: 10px;}
.pipline_info_wrap .info_wrap .info .con .list > li:before{display: block; content:""; position: absolute;top: 10px;left: 0;width: 5px;height: 2px;background: #d9005f;}
.pipline_info_wrap .info_wrap .info .con .list ol{width: 100%;border: 2px solid #d90461;padding: 18px 15px;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: 4px;}
.pipline_info_wrap .info_wrap .info .con .list ol .num{width: 18px;height: 18px;background:  #d90461;color: #fff;border-radius: 50%;text-align: center;line-height: 20px;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;font-size: 1rem;margin-top: 2px;}
.pipline_info_wrap .info_wrap .info .con .list ol .txt{width: calc(100% - 25px);padding-left: 9px;color: #222;font-weight: 400;}
.pipline_info_wrap .line_box{border:1px solid #d1d1d1;}
.pipline_info_wrap .sec2{padding: 70px 0 75px;}
.pipline_info_wrap .section:last-child{padding-bottom: 80px;}

.m22 .sec2 .contents.line_box{padding: 50px 20px;text-align: center;overflow-x: auto;}
.m22 .sec2 .contents.line_box .scroll_x{width: 800px;}
.m22 .sec2 .contents.line_box img{max-width:100%;}

.m23.pipline_info_wrap .sec2 .scroll_x{width: 100%;overflow-x: auto;}
.m23.pipline_info_wrap .sec2 table{width: 700px;}
.m23.pipline_info_wrap .sec2 .con_title_g{}
.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: 60px;}
.m23 table{width: 100%;border-top: 3px solid #000;font-family: 'Montserrat','AritaDotum',sans-serif;text-align: center;}
.m23 table tr{height: 50px;}
.m23 table th,
.m23 table td{position: relative;font-family: 'Montserrat','AritaDotum',sans-serif;font-size: 12px;letter-spacing: -0.25px;}
.m23 table th{border-bottom: 1px solid #000000;background: #f5f5f5;color: #000;font-weight: 600;padding: 0 10px;line-height: 1.2;}
.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: 30px;width: 100%;background: #f5f5f5;padding: 25px 20px 30px;}
.m23 .reference .tit{font-size: 1.4rem;color: #000;font-weight: 600;margin-bottom: 10px;}
.m23 .reference ul{font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 400;}
.m23 .reference ul li{position: relative;padding: 0 10px 0 10px;}
.m23 .reference ul li:before{display:block;content:"-";position: absolute;top: 0;left: 0;}
.m23 .reference ul li + li{margin-top: 1px;}
.m23 .sec3{padding: 70px 0;background:#f5f5f5;}
.m23 .sec3 .reference{background:#fff;}
.m23 .sec3 .contents{width: 100%;}
.m23 .sec3 .contents .item{width: 100%;}
.m23 .sec3 .contents .item + .item{margin-top:30px;}
.m23 .sec3 .contents .item.w100{width:100%;}
.m23 .sec3 .contents .item.point .tit{background: #d9005f;}
.m23 .sec3 .contents .item.point .box{border: 1px solid #d9005f;}
.m23 .sec3 .contents .item .tit{background: #666666;width: 100%;color: #fff;text-align: center;font-size: 1.30px;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 700;word-break: keep-all;padding: 15px;margin-bottom: 10px;}
.m23 .sec3 .contents .item .box{background: #fff;text-align: center;padding: 30px 50px;}
.m23 .sec3 .contents .item .box img{max-width: 100%;}
.m23 .sec3 .contents .item .box.scroll_x{overflow-x:auto;}
.m23 .sec3 .contents .item .box.scroll_x img{max-width: initial;width: 800px;}
.m23 .graph_table_wrap{position:relative;width:100%;margin-top:60px;overflow-x: auto;}
.m23 .graph_table{position: relative;width: 800px;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 + .tr{margin-top: 20px;}
.m23 .graph_table .th{width: 180px;padding-left: 40px;font-size: 1.30px;color: #000;font-weight: 500;z-index: 10;}
.m23 .graph_table .td{width: calc(100% - 180px);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: 180px;width: calc(25% - 65px);height: calc(100% - 40px - 67px);border-left: 1px dashed #cecece;border-right: 1px dashed #cecece;}
.m23 .graph_table_wrap:before{z-index: 1;width: 22%;}
.m23 .graph_table:before{left: auto;right: calc(87px + 13.5%);}
.m23 .graph_table:after{left: auto;right: 0;width: 54px;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: 12px;background: #d9005f;display: block;}
.m23 .graph_table .td .progress_bar .bar2 span{background: #d0d0d0;}
.m23 .graph_table .details{position: absolute;bottom: 155px;right: 54px;width: calc(25% - 58px);text-align: center;z-index: 10;}
.m23 .graph_table .details .txt{font-size: 12px;color: #000;font-weight: 400;margin-bottom: 26px;}
.m23 .graph_table .details .item{text-align: center;}
.m23 .graph_table .details .item .i{width: 90px;height: 15px;background: #d9005f;color: #fff;font-size: 12px;font-family: 'Montserrat',sans-serif;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: 12px;font-family: 'Montserrat',sans-serif;color: #222;font-weight: 500;display: flex;flex-wrap: wrap;margin-left: 178px;line-height: 1em;margin-top: 10px;}
.m23 .graph_table .number span{width: calc(25% - 64px);}
.m23 .graph_table .number span:last-child{width: 70px;}
.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 .graph_table .tr.point:after{display:block;content:"";position: absolute;top: -10px;left: 0;width: 100%;height: calc(100% + 20px);border: 1px solid #d9005f;background: #fbedf2;box-sizing: border-box;z-index: 0;}
.m23 .sec4{padding: 70px 0 75px;}
.m23 .reference_wrap .table{position: relative;width: 100%;border-top: 3px solid #000000;font-size: 1.30px;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: 13px 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: 13px 0px;font-weight: 500;}
.m23 .reference_wrap .table .tbody .td .date{font-family: 'Montserrat',sans-serif;font-weight: 500;letter-spacing: 0.5px;}
.m23 .reference_wrap .table .tbody .td .con.text{text-align:left;padding: 0 14px;}
.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{}
.m24.pipline_info_wrap .info_wrap .info .con{margin-top: 20px;}
.m24 .sec2 .contents{width: 100%;}
.m24 .sec2 .contents .box{text-align: center;}
.m24 .sec2 .contents .box + .box{margin-top: 15px;}
.m24 .sec2 .contents .box img{max-width: 100%;}
.m24 .sec2 .contents .box.scroll_x{overflow-x:auto;}
.m24 .sec2 .contents .box.scroll_x img{width: 700px;max-width: initial;}



.m31 .con_title_g .title3 span{font-family: 'Montserrat',sans-serif;}
.m31 .con_title_g .title4{display: inline-block;min-height: 41px;padding: 0 50px;background: url(../images/page/quotes_s.png)no-repeat left top, url(../images/page/quotes_l.png)no-repeat top right;margin-top: 20px;background-size: auto 25px;}
.m31 .con_title_g ul{margin: 16px auto 0;font-weight: 300;color: #222;letter-spacing: -0.5px;text-align: left;max-width: 334px;}
.m31 .con_title_g ul li + li{margin-top: 1px;}
.m31 .con_title_g ul li:before{display: inline-block; content:""; width: 5px;height: 2px;background: #d9005f;vertical-align: top;margin: 10px 6px 0 0;}
.m31 .sec1{padding-bottom: 80px;}
.m31 .sec1 .contents{margin: 50px auto 0;position: relative;}
.m31 .sec1 .diag_tit{position: relative;width: 230px;height: 230px;background: #222222;color: #fff;border-radius: 50%;font-size: 2.5rem;text-align: center;font-family: 'Montserrat',sans-serif;font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 auto 30px;line-height: 1.35;}
.m31 .sec1 .diag_item{position: relative;width: 100%;display: flex;flex-wrap: wrap;max-width: 400px;margin: 0 auto;}
.m31 .sec1 .diag_item figure{width: 110px;height: 110px;border-radius: 50%;border: 7px solid #d9005f;background-repeat: no-repeat;background-position: center;margin: 0 auto 20px;background-color: #fff;background-size: auto 30px;}
.m31 .sec1 .diag_item .d:nth-child(n+3){margin-top: 30px;}
.m31 .sec1 .diag_item .d{position: relative;top: 0;width: 50%;text-align: center;}
.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: 1.5rem;color: #222;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 7px;}
.m31 .sec1 .diag_item .con{padding:0 10px;}
.m31 .sec1 .diag_item .con b{font-weight: 500;}
.m31 .sec1 .diag_item .con br{display:none;}
.m31 .sec1 .diag_item ul{font-size: 12px;color: #666;line-height: 1.63;text-align: left;width: auto;margin: 0 auto;display: inline-block;}
.m31 .sec1 .diag_item ul li{position:relative;padding-left: 7px;}
.m31 .sec1 .diag_item ul li + li{margin-top: 2px;}
.m31 .sec1 .diag_item ul li:before{display: inline-block; content: "-";position: absolute;top: 0;left: 0;}
.m31 .sec2{padding: 80px 0;background: #f5f5f5;}
.m31 .sec2 .contents{margin-top: 50px;}
.m31 .sec2 .contents .item{width: 100%;}
.m31 .sec2 .contents .item + .item{margin-top: 60px;}
.m31 .sec2 .contents .item .title{font-size: 1.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%;text-align: center;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;}
.m31 .sec2 .contents .item .table .tr{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #000;line-height: 1.2;}
.m31 .sec2 .contents .item .table .tr .th{position: relative;width: 12.48333333333333%;color: #000000;font-weight: 500;padding: 15px 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: 14.5px 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.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%;}
.m31 .sec2 .contents .noti{font-size: 12px;color: #666666;font-family: 'Montserrat',sans-serif;letter-spacing: -0.5px;line-height: 1.6;margin-top: 12px;font-weight: 300;}
.m31 .sec2 .contents .noti a{display: inline-block;text-decoration: underline;}


.m32 .section.dark{background: #f5f5f5;}
.m32 .section .con_title_g{margin-bottom: 40px;}
.m32 .section .con_title_g .txt1{margin-top: 18px;}
.m32 .section .contents{width: 100%;padding-top: 60px;}
.m32 .section .contents .title{text-align: center;font-size: 2rem;color: #000;font-weight: 600;word-break: keep-all;margin-bottom: 30px;}
.m32 .section .bg{width: 100%;border-bottom-right-radius: 30px;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(50% - 5px);margin-right: 10px;text-align: center;}
.m32 .section .contents ul li:nth-child(2n){margin-right: 0;}
.m32 .section .contents ul li:nth-child(n+3){margin-top: 10px;}
.m32 .section .contents ul li img{width: 100%;}
.m32 .section .contents ul li .text{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 12px;color: #000000;font-family: 'Montserrat','AritaDotum',sans-serif;font-weight: 600;padding: 10px;letter-spacing: -0.5px;}
.m32 .section .contents ul li .text.type2{color: #fff;}
.m32 .sec1{margin-top: 50px;padding: 70px 0 80px;}
.m32 .sec2{padding: 70px 0 80px;background: url(../images/page/m32_bg2.png)no-repeat top 220px right;background-size: 200px;}
.m32 .sec3{padding: 70px 0 80px;}



.m61 .sec1{background: #f5f5f5;margin-top: 50px;padding: 70px 0 75px;}
.m61 .sec1 .step_list{position: relative;flex-wrap: wrap;width: 100%;max-width: 240px;margin: 40px auto 0;}
.m61 .sec1 .step_list li{position: relative;width: 100%;height: 240px;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-top: -37px;}
.m61 .sec1 .step_list li + li:before{display: block; content:"";position: absolute;bottom: calc(100% - 23px);left: 50%;width: 6px;height: 10px;background: url(../images/page/step_icon.png)no-repeat left top;transform: translateX(-50%) rotate(90deg);opacity: 0.5;z-index: 10;}
.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: 65px;}
.m61 .sec1 .step_list li figure img{transform: scale(0.6);}
.m61 .sec1 .step_list li .num{font-family: 'Montserrat',sans-serif;font-size: 12px;color: rgba(255,255,255,.6);line-height: 1em;margin-bottom: 10px;}
.m61 .sec1 .step_list li.point .num{color:#fff;font-weight: 500;}
.m61 .sec1 .step_list li .txt{font-size: 1.4rem;color: #fff;font-weight: 500;line-height: 1em;}
.m61 .sec1 .con1{padding-bottom: 70px;}
.m61 .sec1 .con2 .con_title_g{margin-bottom: 60px;}
.m61 .sec1 .con2 .item_wrap .item + .item{margin-top: 55px;}
.m61 .sec1 .con2 .item_wrap .title{font-size: 1.4rem;color: #222;font-weight: 600;margin-bottom: 15px;}
.m61 .sec1 .con2 .item_wrap .list_wrap{position: relative;width: 100%;border-top: 2px solid #000000;background: #fff;}
.m61 .sec1 .con2 .item_wrap .list_wrap li{width: 100%;padding: 24px 20px;border-bottom: 1px solid #cfd2d8;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit{font-size: 12px;color: #222222;font-weight: 600;margin-bottom: 4px;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit .num{width: 24px;font-size: 1.30px;font-family: 'Montserrat',sans-serif;color: #d9005f;display: inline-block;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .tit .txt{width: calc(100% - 24px);display: inline-block;}
.m61 .sec1 .con2 .item_wrap .list_wrap li .con{color: #666;font-weight: 400;}
.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: 25px 20px;background: #fff;color: #666;font-weight: 400;}
.m61 .sec1 .con2 .item_wrap .dot_list_wrap li{position: relative;width: 100%;padding-left: 11px;}
.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: 10px;left: 0;width: 5px;height: 2px;background: #d9005f;}



.ir_wrap .sec1{padding-bottom: 80px;}
.ir_wrap .table{position: relative;width: 100%;border-top: 3px solid #000000;}
.ir_wrap .table .tr{line-height: 1.6;border-bottom: 1px solid #d9d6d1;display: flex;flex-wrap: wrap;padding: 20px 15px;}
.ir_wrap .table .tbody .tit{width: 80px;font-weight: 500;color:#161616;}
.ir_wrap .table .tbody .con{width: calc(100% - 80px);}
.ir_wrap .table .tbody .td{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 6px;order: 1;}
.ir_wrap .table .tbody .td.tm_first{order:0;margin-bottom: 10px;}
.ir_wrap .table .tbody .td:last-child{margin-bottom: 0;}
.ir_wrap .table .tbody .td .con.text{width: 100%;text-align: left;font-size: 1.4rem;color: #000;font-weight: 500;}
.ir_wrap .table .tbody .td .date{font-family: 'Montserrat',sans-serif;font-weight: 500;letter-spacing: 0.5px;}




.board_list .sec1{padding-bottom: 80px;}
.board_list .sec1 .con_title_g{margin-bottom: 50px;}
.board_skin1 .list_wrap{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.board_skin1 .list_wrap .item{width: calc(50% - 5px);margin-right: 10px;}
.board_skin1 .list_wrap .item:nth-child(2n){margin-right: 0;}
.board_skin1 .list_wrap .item:nth-child(n+3){margin-top: 30px;}
.board_skin1 .list_wrap .item a{display:block;}
.board_skin1 .list_wrap .item .thumbnail{width: 100%;height: 25vw;margin-bottom: 10px;}
.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: 1rem;font-family: 'Montserrat',sans-serif;line-height: 1em;height: 22px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 11px;border-radius: 22px;}
.board_skin1 .list_wrap .item .cate_date .cate1{background: #d9005f;}
.board_skin1 .list_wrap .item .cate_date .date{font-size: 1rem;color: #555;font-family: 'Montserrat',sans-serif;font-weight: 500;}
.board_skin1 .list_wrap .item .text_g{padding-top: 14px;word-break: keep-all;}
.board_skin1 .list_wrap .item .text_g .title{font-size: 1.5rem;color: #222222;font-weight: 600;}
.board_skin1 .list_wrap .item .text_g .title .e_{-webkit-line-clamp: 2;}
.board_skin1 .list_wrap .item .text_g .txt1{color: #666;font-weight: 400;margin-top: 6px;}
.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% - 5px);margin-right: 10px;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: 30px;}
.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: 18px;}
.board_skin2 .sec1 .list_wrap .item .text_g .date{font-size: 12px;font-family: 'Montserrat',sans-serif;color: rgba(85,85,85,0.9);font-weight: 500;margin-bottom: 7px;}
.board_skin2 .sec1 .list_wrap .item .text_g .title{font-size: 1.5rem;font-weight: 600;color: #000;}
.board_skin2 .sec1 .list_wrap .item .text_g .title .e_{-webkit-line-clamp: 2;}





.board_view .sec1{padding-bottom: 80px;}
.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: 32px 3% 30px 3%;border-bottom: 1px solid #cfd2d8;}
.board_view .g_head .title{font-size: 2rem;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: 12px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.board_view .g_head .sub > *{font-size: 12px;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: 1rem;font-family: 'Montserrat',sans-serif;height: 22px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 11px 1px 11px;border-radius: 22px;margin-right: 22px;}
.board_view .g_head .cate:after{display:block;content:"";position: absolute;width: 1px;height: 10px;background: #d8d8d8;top: 50%;right: -11px;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: 40px 0 50px;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: 12px 10px;}
.board_view .page_list .list + .list{border-top: 1px solid #cfd2d8;}
.board_view .page_list .list b{position: relative;width: 63px;font-size: 12px;color: rgba(102,102,102,0.6);font-weight: 600;padding-left: 18px;font-family: 'Montserrat',sans-serif;}
.board_view .page_list .list b:before{display:block;content:"";position: absolute;top: 7px;left: 2px;width: 5px;height: 5px;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% - 63px - 75px);}
.board_view .page_list .list .tit p.e_{font-size: 12px;color: #666;}
.board_view .page_list .list .date{width: 75px;font-size: 12px;font-family: 'Montserrat',sans-serif;font-weight: 500;color: #777;text-align: right;}
.board_view .g_pagination{position: relative;margin-top: 30px;}
.board_view .g_pagination .pg_list_btn{width: 150px;height: 45px;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: 12px;font-family: 'Montserrat',sans-serif;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);
}
}