/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     :
* @ 작성일     : 2022-09-23
*****************************************************************************/

@charset "utf-8";

* {box-sizing: border-box;}
html{height: 100%;}
body{overflow: inherit;height: 100%}
body.on{overflow: hidden;}
.layout{position:relative;margin:0 auto;width:100%;max-width:1620px;}
#wrap{height: 100%;}
.nodata{padding:50px 0;text-align: center;}
.nodata p{margin-top:16px;font-weight: 400;font-size: 12px;line-height: 14px;color:#999;}
.page-title{text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: -2.2px;}
.page-title2{text-align: center;font-size: 34px;font-weight: 600;letter-spacing: -1.36px;color: #010101;}
.overlay{display:none;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 100;}
.mt0{margin-top:0 !important;}
.pt100{padding-top:100px !important;}
.Nanum Myeongjo * {font-family: 'Nanum Myeongjo', serif;}

/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}

/* text align */
.txt-left{text-align: left !important}
.txt-center{text-align: center!important}
.txt-right{text-align: right !important}


.filebox{display:flex;width:490px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {margin-left:5px;display: inline-block;vertical-align: middle;cursor: pointer;width:92px;height:32px;line-height:30px;text-align: center;font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;border: 1px solid #c2c2c2;}
.filebox .upload-name{vertical-align:middle;width: 100%;max-width: calc(100% - 134px);height: 32px;border: 1px solid #ddd;padding: 0 24px;font-size: 16px;font-weight: normal;background:#fff;color:rgba(34,34,34,0.4);}
.filebox button{display: inline-block;margin-left:5px;vertical-align: middle;width:34px;height:32px;}
.filebox button img{display:block;width:100%;}

/* checkbox style */
.checkbox-type1{position:relative;display:inline-block;font-size:0;}
.checkbox-type1 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type1 label{position:relative;display:inline-block;padding-left:30px;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #777;cursor:pointer;}
.checkbox-type1 label:before{content:"";display:inline-block;width:21px;height:21px;border:1px solid #c2c2c2;position:absolute;top:1px;left:0;background: #fff;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 1px;left: 7px;width: 8px;height: 15px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type="checkbox"]:checked + label:before{border-color:#00a94f;background:#00a94f;}
.checkbox-type1 input[type="checkbox"]:checked + label:after{display:inline-block;}


/* radio style */
.radio-type1{position:relative;display:inline-block;font-size:0;}
.radio-type1 input[type="radio"]{position:absolute;opacity:0;}
.radio-type1 label{position:relative;display:inline-block;padding-left:18px;font-size: 18px;font-weight: normal;cursor:pointer;color:#666;}
.radio-type1 label:before{content:"";display:inline-block;width:11px;height:11px; border: solid 1px #c2c2c2;background-color: #fff;border-radius: 100%;position:absolute;top:5px;left:0;}
.radio-type1 input[type="radio"]:checked + label:before{border-color:#00a94f;background:#00a94f;}


/* 페이징 */
#pagination{font-size:0;text-align: center;margin-top: 120px;}
#pagination a{display: inline-block;width: 38px;height: 38px;line-height: 38px;border: 1px solid #e1e1e1;text-align: center;font-size: 16px;font-weight: normal;letter-spacing: -0.66px;color: #626262;vertical-align: middle;}
#pagination a.active{color: #fff;border-color: 000;background: #000;}
#pagination a + a{margin-left: 3px;}
#pagination .prev{border: 0;}
#pagination .next{border: 0;}
#pagination .prev img{display: block;}
#pagination .next img{display: block;}


/* 상단 */
aside{position: fixed;right:-653px;width:653px;height:100%;padding:90px 123px;background:rgba(0,0,0,0.84);z-index: 1000;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;overflow-y: auto;}
aside.active{right:0;}
aside .close-menu{position: absolute;top:50px;right:103px;}
aside dl dt{width:220px;}
aside dl dt a{display:block;font-size: 36px;font-weight: bold;letter-spacing: -1px;color: #fff;}
aside dl dd{padding:0 0 20px 220px;}
aside dl dd a{display: block;font-size: 30px;font-weight: 300;letter-spacing: -1px;color: #fff;white-space: nowrap;}
aside dl dd a + a{margin-top:30px;}


    /*header{position:fixed;top:0;left:0;width:100%;z-index: 100;border-bottom: 1px solid #fff;}*/
header{position:fixed;top:0;left:0;width:100%;z-index: 100;height:80px;min-width: 1300px;}
header .layout{max-width:1720px;height:100%;display:flex;justify-content:space-between;align-items: center;}
header .logo{display:inline-block;background:url(/images/common/logo.png) no-repeat;background-size: cover;width:148px;height:40px;font-size:0;}
header .gnb{}
header .gnb ul{display:flex;}
header .gnb ul li{position:relative;padding:0 50px;}
header .gnb ul li > a{position:relative;display:block;font-size:20px;color:#fff;font-weight:bold;line-height: 100px;}
header .gnb ul li > a:before{content:"";position:absolute;left:0;bottom:0;display:none;width:100%;height:2px;background:#004999;}
header .gnb ul li:hover > a:before{display:inline-block;}
header .gnb ul li .dropdown{position:absolute;display:none;left:0;z-index: 100;width:100%;height:290px;padding-top:35px;}
header .gnb ul li .dropdown a{display:block;text-align: center; font-size: 18px;font-weight: normal;line-height: 2;letter-spacing: -0.36px;color: #677482;}
header .util{display:flex;align-items: center;}
header .util .lan{position: relative;}
header .util .lan .list{position: absolute;display: none;z-index: 10;padding-top:5px;}
header .util .lan .list a{display:block;font-size: 16px;font-weight: 500;letter-spacing: -0.83px;text-align: center;color: #000;}
header .util .lan .list a + a{margin-top:5px;}
header .util .lan button{position:relative;display: block;padding-right:22px;font-size: 16px;font-weight: 500;letter-spacing: -0.83px;color:#000;}
header .util .lan button:after{content: "";display:inline-block;background: url(/images/icon/select_icon2.png) no-repeat; background-size: cover;width:8px;height:7px;position: absolute;right:0;top:6px;}
header .util .toggle-menu{display:inline-block;width:37px;height:12px;margin-left:50px;font-size:0;background:url(/images/icon/toggle_navi.png) no-repeat;background-size: cover;}
header .gnb-bg{position:absolute;display:none;left:0;width:100%;height:290px;background:#f1f1f1;z-index: 10;}
header .meta-link{display:inline-block;position: absolute;right: 187px;}
header .meta-link img{display: block;}
header.active{background:#fff;}
header.active .logo{background:url(/images/common/logo2.png) no-repeat;background-size: cover;}
header:hover{background:#fff;}
header:hover .logo{background:url(/images/common/logo2.png) no-repeat;background-size: cover;}



footer{padding:67px 0 80px;background:#000;}
footer .footer-menu{display:flex;flex-wrap: wrap;width:100%;}
footer .footer-menu .menu{display:inline-block;width:20%;}
footer .footer-menu .menu strong{display:block;}
footer .footer-menu .menu strong a{font-size: 16px;font-weight: 500;letter-spacing: -0.8px;color: #fff;}
footer .footer-menu .menu ul{margin-top:23px;}
footer .footer-menu .menu ul li{}
footer .footer-menu .menu ul li + li{margin-top:24px;}
footer .footer-menu .menu ul li a{display:block;font-size: 16px;font-weight: 500;letter-spacing: -0.8px;color: #a2a2a2;}
footer .footer-menu .menu:nth-child(6),
footer .footer-menu .menu:nth-child(7),
footer .footer-menu .menu:nth-child(8),
footer .footer-menu .menu:nth-child(9){margin-top:67px;}
footer .footer-menu .menu:nth-child(6) ul,
footer .footer-menu .menu:nth-child(7) ul,
footer .footer-menu .menu:nth-child(8) ul,
footer .footer-menu .menu:nth-child(9) ul {margin-top:0;}
footer .family-site{margin-top:67px;font-size:0;}
footer .family-site a{position:relative;padding:12px 0 12px 18px;display:inline-block;width:20%;position:relative;font-size: 16px;font-weight: 500;letter-spacing: -0.8px;color: #a2a2a2;}
footer .family-site a:before{content:"";position:absolute;top:16px;left:0;display:inline-block;width:13px;height:12px;background:url(/images/icon/link.png) no-repeat;background-size: cover;}
footer .family-site a span {display: none;position: absolute;padding: 8px 10px;top: 43px;left: -7px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #333;color: #fff;font-size: 14px;}
footer .family-site a span:after {position: absolute;bottom: 100%;left: 50%;width: 0;height: 0;margin-left: -10px;border: solid transparent;border-color: rgba(51, 51, 51, 0);border-bottom-color: #333;border-width: 10px;pointer-events: none;content: ' ';}
footer .family-site a:hover span{display: block;}
footer .footer-bottom{margin-top:56px;padding-top:32px;border-top:1px solid #3c3c3c;display: flex;justify-content:space-between;align-items: flex-end;}
footer .footer-bottom .left .f-logo{}
footer .footer-bottom .left .f-logo img{display:block;}
footer .footer-bottom .left{}
footer .footer-bottom .left address{margin-top:17px;font-size: 16px;font-weight: normal;letter-spacing: -0.8px;color: #a2a2a2;}
footer .footer-bottom .right{text-align:right;}
footer .footer-bottom .right .lan{font-size:0;}
footer .footer-bottom .right .lan a{display:inline-block;width:63px;line-height: 24px;text-align: center;font-size: 16px;font-weight: normal;letter-spacing: -0.8px;color: #fff;}
footer .footer-bottom .right .lan a.active{background:#fff;color:#000;}
footer .footer-bottom .right .copyright{margin-top:10px;œfont-size: 16px;font-weight: normal;letter-spacing: -0.8px;color: #a2a2a2;}

#main{}


#main .main-video{}
#main .main-video video{width:100%;}
#main .main-visual{position:relative;}
#main .main-visual > img{display:block;width:100%;}
#main .main-visual .txt-box{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;}
#main .main-visual .txt-box h3{font-size: 70px;font-weight: bold;line-height: 1.43;letter-spacing: -3.5px;color: #fff;}
#main .main-visual .txt-box p{margin-top:20px;font-size: 20px;font-weight: 500;letter-spacing: -1px;text-align: center;color: rgba(255, 255, 255, 0.72);}
#main .main-visual i{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);}
#main .section2{padding:89px 0 84px;}
#main .section2 .flex-box{display:flex;align-items: flex-end}
#main .section2 .flex-box > div{flex:1;}
#main .section2 .flex-box .left{}
#main .section2 .flex-box .left h3{position:relative; top:40px; font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #000;}
#main .section2 .flex-box .left p{margin-top:35px;font-size: 20px;font-weight: normal;letter-spacing: -0.5px;color: #000;}
#main .section2 .flex-box .left a{margin-top:80px;display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #000;}
#main .section2 .flex-box .left a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more2.png) no-repeat;background-size: cover;}
#main .section2 .flex-box .left figure{margin-top:70px;}
#main .section2 .flex-box .left figure img{display:block;}
#main .section2 .flex-box .right{}
#main .section3{}
#main .section3 .business-slide{}
#main .section3 .business-slide .slick-slide{position:relative;padding-top:4%;}
#main .section3 .business-slide .item01{background:url(/images/main/business01.png) no-repeat;background-size: cover !important;background-position: 50% 50% !important;}
#main .section3 .business-slide .item02{background:url(/images/main/business02.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main .section3 .business-slide .item03{background:url(/images/main/business03.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main .section3 .business-slide .item04{background:url(/images/main/business04.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main .section3 .business-slide .item05{background:url(/images/main/business05.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}
#main .section3 .business-slide .item06{background:url(/images/main/business06.png) no-repeat;background-size: cover !important;;background-position: 50% 50% !important;}

#main .section3 .business-slide .slick-slide .layout{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#main .section3 .business-slide .slick-slide .txt-box{padding-top:255px;height:100%;}
#main .section3 .business-slide .slick-slide .txt-box h3{font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #fff;}
#main .section3 .business-slide .slick-slide .txt-box p{margin-top:55px;font-size: 24px;font-weight: normal;letter-spacing: -0.24px;color: #fff;}
#main .section3 .business-slide .slick-slide p span{margin-top:18px;display:block;font-size: 18px;font-weight: 300;letter-spacing: -0.18px;color: #e0e0e0;}
#main .section3 .business-slide .slick-slide .txt-box a{margin-top:71px;display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #fff;}
#main .section3 .business-slide .slick-slide .txt-box a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more.png) no-repeat;background-size: cover;}
#main .section3 .business-slide .slick-slide .txt-box em{position:absolute;left:0;bottom:68px;line-height: 1.43;display:inline-block;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #a1a1a1;}

#main .section4{padding:90px 0 88px;}
#main .section4 .hgroup{position:relative; top:70px;}
#main .section4 .hgroup h3{font-size: 70px;font-weight: 600;letter-spacing: -2.5px;color: #000;}
#main .section4 .hgroup p{margin-top:25px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #484848;}
#main .section4 ul{max-width:1280px;margin:94px auto 0;border-top:1px solid #000;border-bottom: 1px solid #e2e2e2;}
#main .section4 ul li{display:flex;padding:35px 0 35px;border-top: 1px solid #e2e2e2;}
#main .section4 ul li:first-child{border-top:0;}
#main .section4 ul li .ct{display:inline-block;font-size: 16px;font-weight: 300;letter-spacing: -0.8px;color: #464646;width:200px;}
#main .section4 ul li a{display:inline-block;width:calc(100% - 430px);}
#main .section4 ul li a h4{font-size: 26px;font-weight: normal;letter-spacing: -1.3px;color: #464646;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 28px;}
#main .section4 ul li a p{margin-top:16px;font-size: 14px;font-weight: normal;line-height: 1.71;letter-spacing: -0.35px;color: #808080;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px;}
#main .section4 ul li .date{display:inline-block;font-size: 14px;font-weight: 300;letter-spacing: -0.7px;color: #b1b1b1;width:230px;text-align: right;}
#main .section4 .button-box{margin-top:64px;text-align: center;}
#main .section4 .button-box a{display:inline-block;position:relative;padding-right:46px;font-size: 14px;font-weight: bold;letter-spacing: -0.14px;color: #000;}
#main .section4 .button-box a:after{content:"";position:absolute;top:-4px;right:0;display:inline-block;width:36px;height:25px;background:url(/images/icon/more2.png) no-repeat;background-size: cover;}

#main .section2.active{}
#main .section2.active .flex-box .left h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main .section2.active .flex-box .left p{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;}
#main .section2.active .flex-box .left a{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;}
#main .section2.active .flex-box .left figure{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.1s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.1s both;}
#main .section2.active .flex-box .right{-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section3 .business-slide{}
#main .section3 .business-slide .slick-slide.slick-active{}
#main .section3 .business-slide .slick-slide.slick-active .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main .section3 .business-slide .slick-slide.slick-active .txt-box p{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;}
#main .section3 .business-slide .slick-slide.slick-active .txt-box a{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;}
#main .section3 .business-slide .slick-slide.slick-active .txt-box em{-webkit-animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;}

#main .section4.active .hgroup h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main .section4.active .hgroup p{-webkit-animation: slide-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;animation: slide-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;}
#main .section4.active ul{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section4.active .button-box{-webkit-animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;}

#pages{min-height: calc(100vh - 741px);}
.pages-top{}
.pages-top .visual{position:relative;padding-top:31%;}
.pages-top .visual.sub0101{background:url(/images/contents/sub_visual0101.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0102{background:url(/images/contents/sub_visual0102.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0103{background:url(/images/contents/sub_visual0103.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0104{background:url(/images/contents/sub_visual0104.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0201{background:url(/images/contents/sub_visual0201.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0202{background:url(/images/contents/sub_visual0202.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0301{background:url(/images/contents/sub_visual0301.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0401{background:url(/images/contents/sub_visual0401.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0501{background:url(/images/contents/sub_visual0501.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual.sub0601{background:url(/images/contents/sub_visual0601.png) 50% 50% no-repeat;background-size: cover;}
.pages-top .visual .hgroup{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;}
.pages-top .visual .hgroup h3{font-size: 54px;font-weight:bold;line-height: 1.56;letter-spacing: -2.16px;color: #fff;}
.pages-top .visual .hgroup p{margin-top:40px;font-size: 30px;font-weight: normal;line-height: 1.4;letter-spacing: -1.2px;color: #fff;}
.pages-top .visual .hgroup a{display: inline-block;margin-top: 40px;color: #fff;font-size: 20px;background: rgba(0,0,0,0.0);padding: 3px 10px;}
.pages-top .breadcrumbs{background:#f6f6f6;}
.pages-top .breadcrumbs .layout{max-width:1100px;display:flex;}
.pages-top .breadcrumbs .layout a{display:inline-block;border-left:1px solid #ececec;padding:30px;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;}
.pages-top .breadcrumbs .layout a:last-child{border-right:1px solid #ececec;}
.pages-top .breadcrumbs .layout .home{display:inline-block;}
.pages-top .breadcrumbs .layout a.on{color: #3a3a3a;font-weight:bold;text-decoration: underline;}

.contents{}

.group{padding:120px 0;}
.group .vision .layout{max-width:994px;}
.group .vision .section1{padding:138px 81px;background: url(/images/contents/vision6.png) 50% 50% no-repeat;background-size: cover;}
.group .vision .section1 h3{  font-size: 70px;font-weight:bold;line-height: 1.21;letter-spacing: -2.8px;color: #fff;}
.group .vision .section2,
.group .vision .section3,
.group .vision .section4,
.group .vision .section5{margin-top:100px;}
.group .vision .section2 ul{display: flex;}
.group .vision .section2 ul li{text-align: center;display: inline-block;}
.group .vision .section2 ul li + li{margin-left: 36px;}
.group .vision .section2 ul li h3{font-size: 34px;font-weight: 600;letter-spacing: -1.36px;color: #010101;}
.group .vision .section2 ul li figure{position: relative;margin-top: 48px;}
.group .vision .section2 ul li figure img{display: block;width:100%;}
.group .vision .section2 ul li figure figcaption{padding: 0 44px;position: absolute;top:50%;transform: translateY(-50%);width:100%;font-size: 30px;font-weight: 600;line-height: 1.33;letter-spacing: -1.2px;color: #fff;text-align: left;}
.group .vision .section3{text-align: center;}
.group .vision .section3 .box{margin-top:48px;  background: #efefef;padding:89px 0;text-align: center;}
.group .vision .section3 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.group .vision .section3 a{position:relative;margin-top:40px;width:139px;line-height:40px;display:inline-block;  background-color: #fff;border-radius:25px;border:1px solid #a6a6a6;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;}
.group .vision .section3 a:after{content:"";display:inline-block;width:12px;height:14px;background:url(/images/icon/down_icon.png) no-repeat;background-size: cover;margin-left:5px;vertical-align: middle;position: relative;top: -2px;}
.group .vision .section4{text-align: center;}
.group .vision .section4 .box{margin-top:48px;  background: #efefef;padding:89px 0;text-align: center;display:flex;justify-content: center;}
.group .vision .section4 .box span{display:inline-block;}
.group .vision .section4 .box span img{display:block;}
.group .vision .section4 .box span + span{display:block;margin-left:19px;}
.group .vision .section4 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.group .vision .section5{}
.group .vision .section5 .box{display:flex;margin-top:48px;background:#efefef;padding:70px 135px;}
.group .vision .section5 .box > div{flex:1;border:1px solid #d7d7d7;}
.group .vision .section5 .box > div + div{margin-left:20px;}
.group .vision .section5 .box > div .color{padding:23px 20px 50px;font-size: 15px;font-weight: normal;letter-spacing: -0.96px;color: #fff;}
.group .vision .section5 .box > div ul{font-size:0;padding:8px 23px;background: #fff;}
.group .vision .section5 .box > div ul li{display:inline-block;font-size: 11px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #8b8b8b;}
.group .vision .section5 .box > div ul li + li{margin-left:18px;}
.group .vision .section5 .box > div:nth-child(1) .color{background:#ffb300}
.group .vision .section5 .box > div:nth-child(2) .color{background:#008837}
.group .vision .section5 .box > div:nth-child(3) .color{background:#0f218b}
.group .vision .section5 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;text-align: center;}

.group{padding:120px 0;}
.group .vision1 .layout{max-width:1100px;}
.group .vision1 .section0 {padding-top:100px;}
.group .vision1 .section0 .sl_font {}
.group .vision1 .section0 .pin-spacer{    height: 675px !important;padding: 0 !important;}
.group .vision1 .section0 h3{font-size: 41px;font-weight: 600;letter-spacing: -1.64px;color: #000;    -moz-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.group .vision1 .section0 h4{margin-top:45px;font-size: 168px;font-weight: 800;letter-spacing: -1.68px;color: #000; line-height: 1.13; -moz-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.group .vision1 .section0 .sl_font.on h3{color:#f5f5f5}
.group .vision1 .section0 .sl_font.on h4{color:#f5f5f5;}
.group .vision1 .section0 .visual{margin-top:253px;}


.group .vision1 .section1{margin-top:255px; height:994px; padding:138px 81px;background: url(/images/contents/vision6.png) 50% 50% no-repeat;background-size: cover;}
.group .vision1 .section2,
.group .vision1 .section3,
.group .vision1 .section4,
.group .vision1 .section5,
.group .vision1 .section6,
.group .vision1 .section7,
.group .vision1 .section8{margin-top:50px;}
.group .vision1 .section2 ul{height:788px; margin-top:200px; text-align:center;}
.group .vision1 .section2 ul li{position:relative;}
.group .vision1 .section2 ul li h3{font-size: 34px;font-weight: 800;letter-spacing: -1.36px;color: #010101;}
.group .vision1 .section2 ul li figure{position: relative;}
.group .vision1 .section2 ul li figure p{position:absolute;}
.group .vision1 .section2 ul li figure p.se2_img01 {top:206px; right:442px; z-index:1;}
.group .vision1 .section2 ul li figure p.se2_img02 {top:322px; right:0;}
.group .vision1 .section2 ul li figure p img{display: block;width:100%;}
.group .vision1 .section2 ul li figure figcaption{padding: 0 44px;position: absolute;top:321px;width:100%;font-size: 24px;font-weight: 600;line-height: 1.7;letter-spacing: -1.2px;color: #000;text-align: left;}
.group .vision1 .section2 ul li figure figcaption span{display:block; margin-bottom:22px; font-size:54px; font-weight:800; line-height:1.33;}
.group .vision1 .section2 ul li figure figcaption span:after{content:""; position:absolute; display:block; width:32px; height:4px; top:168px; background:#004999;}
.group .vision1 .section3 ul{height:910px; margin-top:100px; text-align:center;}
.group .vision1 .section3 ul li{position:relative;}
.group .vision1 .section3 ul li h3{font-size: 34px;font-weight: 800;letter-spacing: -1.36px;color: #010101;}
.group .vision1 .section3 ul li figure{position: relative;}
.group .vision1 .section3 ul li figure p{position:absolute;}
.group .vision1 .section3 ul li figure p.se3_img01 {top:0; left:0;}
.group .vision1 .section3 ul li figure p.se3_img02 {top:246px; left:102px;}
.group .vision1 .section3 ul li figure p.se3_img03 {top:607px ; left:64px; z-index:-1;}
.group .vision1 .section3 ul li figure p img{display: block;width:100%;}
.group .vision1 .section3 ul li figure figcaption{padding: 0 44px;position: absolute;top:321px;left:821px;width:30%;font-size: 24px;font-weight: 600;line-height: 1.7;letter-spacing: -1.2px;color: #000;text-align: left;}
.group .vision1 .section3 ul li figure figcaption span{display:block; margin-bottom:22px; font-size:54px; font-weight:800; line-height:1.33;white-space: nowrap;}
.group .vision1 .section3 ul li figure figcaption span:after{content:""; position:absolute; display:block; width:32px; height:4px; top:168px; background:#004999;}
.group .vision1 .section4 ul{height:678px; margin-top:100px; text-align:center;}
.group .vision1 .section4 ul li{position:relative;}
.group .vision1 .section4 ul li h3{font-size: 34px;font-weight: 800;letter-spacing: -1.36px;color: #010101;}
.group .vision1 .section4 ul li figure{position: relative;}
.group .vision1 .section4 ul li figure p{position:absolute;}
.group .vision1 .section4 ul li figure p.se4_img01 {right:0;}
.group .vision1 .section4 ul li figure p.se4_img02 {top:208px; right:59px;}
.group .vision1 .section4 ul li figure p img{display: block;width:100%;}
.group .vision1 .section4 ul li figure figcaption{padding: 0 44px;position: absolute;top:185px;width:100%;font-size: 24px;font-weight: 600;line-height: 1.7;letter-spacing: -1.2px;color: #000;text-align: left;}
.group .vision1 .section4 ul li figure figcaption span{display:block; margin-bottom:22px; font-size:54px; font-weight:800; line-height:1.33;}
.group .vision1 .section4 ul li figure figcaption span:after{content:""; position:absolute; display:block; width:32px; height:4px; top:168px; background:#004999;}
.group .vision1 .section5{margin:190px 0; text-align: center;}
.group .vision1 .section5 h4 {margin-bottom:48px;}
.group .vision1 .section5 .box {display:flex; justify-content:space-between;}
.group .vision1 .section5 .box > div h5 {font-size:25px;}
.group .vision1 .section5 .box > div span {font-size:16px;}
.group .vision1 .section5 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.group .vision1 .section5 a{position:relative;margin-top:40px;width:139px;line-height:40px;display:inline-block;  background-color: #fff;border-radius:25px;border:1px solid #a6a6a6;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;}
.group .vision1 .section5 a:after{content:"";display:inline-block;width:12px;height:14px;background:url(/images/icon/down_icon.png) no-repeat;background-size: cover;margin-left:5px;vertical-align: middle;position: relative;top: -2px;}
.group .vision1 .slidebox {display:none;}
.group .vision1 .slidebox.active {display:block;}
.group .vision1 .section6{text-align: center;}
.group .vision1 .section6 .box{margin-top:48px;  background: #efefef;padding:89px 0;text-align: center;}
.group .vision1 .section6 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.group .vision1 .section6 .down{position:relative;margin-top:40px;width:139px;line-height:40px;display:inline-block;  background-color: #fff;border-radius:25px;border:1px solid #a6a6a6;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;}
.group .vision1 .section6 .down:after{content:"";display:inline-block;width:12px;height:14px;background:url(/images/icon/down_icon.png) no-repeat;background-size: cover;margin-left:5px;vertical-align: middle;position: relative;top: -2px;}
.group .vision1 .section7{text-align: center;}
.group .vision1 .section7 .box{margin-top:48px;  background: #efefef;padding:89px 0;text-align: center;display:flex;justify-content: center;}
.group .vision1 .section7 .box span{display:inline-block;}
.group .vision1 .section7 .box span img{display:block;}
.group .vision1 .section7 .box span + span{display:block;margin-left:19px;}
.group .vision1 .section7 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.group .vision1 .section7 a.viewmore {font-size:16px;}
.group .vision1 .section8{}
.group .vision1 .section8 .box{display:flex; margin-top:48px;background:#efefef;padding:70px 135px;}
.group .vision1 .section8 .box > div{flex:1;border:1px solid #d7d7d7;}
.group .vision1 .section8 .box > div + div{margin-left:20px;}
.group .vision1 .section8 .box > div .color{padding:23px 20px 50px;font-size: 15px;font-weight: normal;letter-spacing: -0.96px;color: #fff;}
.group .vision1 .section8 .box > div ul{font-size:0;padding:8px 23px;background: #fff;}
.group .vision1 .section8 .box > div ul li{display:inline-block;font-size: 11px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #8b8b8b;}
.group .vision1 .section8 .box > div ul li + li{margin-left:18px;}
.group .vision1 .section8 .box > div:nth-child(1) .color{background:#ffb300}
.group .vision1 .section8 .box > div:nth-child(2) .color{background:#008837}
.group .vision1 .section8 .box > div:nth-child(3) .color{background:#0f218b}
.group .vision1 .section8 p{margin-top:29px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;text-align: center;}

.group .vision1 .viewmore {margin-top:50px;display:block; text-align:center;}


/* 251002 추가 */
.group.ci .vision1 .section6{margin-top:0;}
.group.ci .vision1 .section7, .group.ci .vision1 .section8{margin-top:140px;}
.group.ci .vision1 .section8{text-align:center;}
.group.ci .vision1 .section8 .box{padding:70px 190px;}
.group.ci .vision1 .section8 .box > div{text-align:left;}
.group.ci .vision1 .section8 .down{position:relative;margin-top:40px;width:139px;line-height:40px;display:inline-block;  background-color: #fff;border-radius:25px;border:1px solid #a6a6a6;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;text-align:center;}
.group.ci .vision1 .section8 .down:after{content:"";display:inline-block;width:12px;height:14px;background:url(/images/icon/down_icon.png) no-repeat;background-size: cover;margin-left:5px;vertical-align: middle;position: relative;top: -2px;}
.group.ci .vision1 .section8 .box > div:nth-child(1) .color{background:#fbb812}
.group.ci .vision1 .section8 .box > div:nth-child(2) .color{background:#00a652}
.group.ci .vision1 .section8 .box > div:nth-child(3) .color{background:#0b4da2}
.group.ci .vision1 .section8 .box > div .color{padding:15px 20px 50px;}
/* ~ 251002 추가 */


.group .ceo{}
.group .ceo .layout{max-width:1100px;}
.group .ceo .tab{margin-top:40px;display:flex;justify-content: center;}
.group .ceo .tab button{display:inline-block;font-size:30px;font-weight:normal;}
.group .ceo .tab button.active{font-weight:bold;}
.group .ceo .tab button  + button{margin-left:40px;}
.group .ceo .tab-box{margin-top:96px;text-align: center;display:none;}
.group .ceo .tab-box .ceo-top{background:url(/images/contents/ceo_bg.png) center bottom no-repeat;background-size: 100%;padding-bottom:73px;}
.group .ceo .tab-box .ceo-top strong{display:block;width:100%;font-size: 44px;font-weight: bold;line-height: 1.36;letter-spacing: -1.76px;color: #000;}
.group .ceo .tab-box .ceo-top figure{display:inline-block; position:relative;font-size:0;z-index: 10;}
.group .ceo .tab-box .ceo-top figure:before{content:"";display:inline-block;width:100%;height:100%;border:1px solid #a6a6a6;position: absolute;z-index: -1;top:20px;right:-20px;}
.group .ceo .tab-box .top figure img{}
.group .ceo .tab-box .top p{margin-top:75px;font-size: 28px;font-weight: normal;line-height: 1.43;letter-spacing: -1.12px;text-align: center;color: #3a3a3a;}
.group .ceo .tab-box .ceo-bottom{padding-top:112px;}
.group .ceo .tab-box .ceo-bottom .layout{display:flex;text-align: left;}
.group .ceo .tab-box .ceo-bottom .layout h4{font-size: 40px;font-weight: 600;line-height: 1.4;letter-spacing: -1.6px;color: #000;width:380px;}
.group .ceo .tab-box .ceo-bottom .layout .txt{padding-left:170px;width:calc(100% - 380px);font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.72px;text-align: left;color: #444;}
.group .ceo .tab-box .ceo-bottom .layout .txt span{display:block;margin-top:47px;text-align: right;}

.group .ceo1{}
.group .ceo1 .layout{max-width:1100px;}
.group .ceo1 .tab{margin-top:40px;display:flex;justify-content: center;}
.group .ceo1 .tab button{display:inline-block;font-size:30px;font-weight:normal;}
.group .ceo1 .tab button.active{font-weight:bold;}
.group .ceo1 .tab button  + button{margin-left:40px;}
.group .ceo1 .tab-box{margin-top:203px;text-align: center;display:none;}
.group .ceo1 .tab-box .ceo-top{position:relative; height:592px; background:url(/images/contents/ceo_bg.png) center bottom no-repeat;padding-bottom:73px;}
.group .ceo1 .tab-box .ceo-top strong{display:block;width:100%;font-size: 44px;font-weight: bold;line-height: 1.36;letter-spacing: -1.76px;color: #000;}
.group .ceo1 .tab-box .ceo-top figure{display:inline-block; position:absolute;; top:-107px; right:0px; font-size:0;z-index: 10;}
.group .ceo1 .tab-box .ceo-top figure:before{content:"";display:inline-block;width:100%;height:100%;border:1px solid #a6a6a6;position: absolute;z-index: -1;top:14px;right:-14px;}
.group .ceo1 .tab-box .ceo-top h4{font-size: 40px;font-weight: 600;line-height: 1.4;letter-spacing: -1.6px;color: #000;width:460px; position:relative; text-align:left; top:90px; left:0;}
.group .ceo1 .tab-box .top figure img{}
.group .ceo1 .tab-box .top p{margin-top:75px;font-size: 28px;font-weight: normal;line-height: 1.43;letter-spacing: -1.12px;text-align: center;color: #3a3a3a;}
.group .ceo1 .tab-box .ceo-bottom{padding-top:112px;}
.group .ceo1 .tab-box .ceo-bottom .layout{display:flex;text-align: left;}

.group .ceo1 .tab-box .ceo-bottom .layout .txt{width:100%;font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.72px;text-align: left;color: #444;}
.group .ceo1 .tab-box .ceo-bottom .layout .txt span{display:block;margin-top:47px;text-align: right;}



.group .management{}
.group .management .txt{text-align: center;padding:61px 0;background:#efefef;font-size: 24px;font-weight: normal;line-height: 1.67;letter-spacing: -0.96px;color: #3a3a3a;}
.group .management .list{margin-top:83px;}
.group .management .list ul{display:flex;justify-content: center;font-size:0;}
.group .management .list ul li{position:relative;text-align: center;width:250px;}
.group .management .list ul li:before{content:"";position:absolute;display:inline-block;width:40px;height:9px;background:url(/images/icon/dot.png) no-repeat;background-size: cover;left: -80px;top: 86px;}
.group .management .list ul li:first-child:before{display:none;}
.group .management .list ul li figure{}
.group .management .list ul li figure img{}
.group .management .list ul li .txt-box{margin-top:50px;}
.group .management .list ul li .txt-box h4{font-size: 24px;font-weight: 600;line-height: 1.23;letter-spacing: -0.96px;color: #000;}
.group .management .list ul li .txt-box p{margin-top:15px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.82px;color: #3a3a3a;}
.group .management .list ul li + li{margin-left:132px;}

.group .history{}
.group .history .layout{max-width: 1100px;}
.group .history .hgroup{}
.group .history .hgroup h3{position: relative;padding-top: 40px;font-size: 40px;font-weight: 600;letter-spacing: -2.2px;color: #000;}
.group .history .hgroup h3:before{content: "";position: absolute;top: 0;left: 0;display: inline-block;width: 284px;height: 2px;background:#00a652;}
.group .history .hgroup p{font-size: 24px;font-weight: normal;letter-spacing: -1.12px;color: #3a3a3a;}
.group .history .section{margin-top: 100px;display: flex;position: relative;}
.group .history .section > div{}
.group .history .section + .hgroup{margin-top: 100px;}
.group .history .section .left{width: 60%;}
.group .history .section .left dl{}
.group .history .section .left dl dt{width: 193px;font-size: 48px;font-weight: 700; letter-spacing: 1.2px; color: #000;}
.group .history .section .left dl dd{padding: 0 80px 0  193px;}
.group .history .section .left dl dd ul{padding: 30px 0 40px;border-bottom: 1px solid #e1e1e1;}
.group .history .section .left dl dd ul li{position: relative;padding-left: 68px;font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #010101; word-break: keep-all;}
.group .history .section .left dl dd ul li em{position: absolute;left: 0;color: #9b9b9b;}
.group .history .section .left dl dd ul li + li{margin-top: 15px;}
.group .history .section .right{width: 40%;position: absolute;right:0;top:0;height: 100%;}
.group .history .section .right .slide-wrap{position: sticky;top:110px;}
.group .history .section .right .slide{position: relative;}
.group .history .section .right .slide .slick-dots{position:absolute;left: 0;top: 263px;width: 100%;text-align: center;font-size: 0;}
.group .history .section .right .slide .slick-dots li{display: inline-block;width: 53px;height: 3px;}
.group .history .section .right .slide .slick-dots li + li{margin-left: 2px;}
.group .history .section .right .slide .slick-dots li button{display: block;width: 100%;height: 100%;background: #9e9e9e;font-size: 0;}
.group .history .section .right .slide .slick-dots li.slick-active button{background: #00a652;}
.group .history .section .right p{margin-top: 19px;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #666;}

.media{padding:120px 0;position: relative;}
.media .layout{max-width:1100px;}
.media .view-share{text-align:right; padding:10px;}
.media .view-share img{padding-left:10px; width:45px;}
.media .list{position: relative;}
.media .list .category-tab{display:flex;justify-content:center;}
.media .list .category-tab a{font-size: 28px;font-weight: normal;line-height: 1.43;letter-spacing: -1.12px;color: #000;}
.media .list .category-tab a + a{margin-left:30px;}
.media .list .category-tab a.on{font-weight:bold;text-decoration: underline;}
.media .list .category-tab a:hover{font-weight:bold;}
.media .list .list-top{margin-top:90px;display: flex;align-items: center;justify-content: space-between;}
.media .list .list-top p{font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;}
.media .list .list-top p em{display: inline-block;color:#00a651}
.media .list .search-box{text-align: right;font-size: 0;}
.media .list .search-box .input-wrap{position:relative;}
.media .list .search-box .input-wrap input[type="text"]{border: solid 1px #c2c2c2;background-color: #fff;width:220px;height:32px;padding:0 40px 0 14px;font-size: 16px;letter-spacing: -0.64px;}
.media .list .search-box .input-wrap input[type="text"]::placeholder{color:#666;}
.media .list .search-box .input-wrap button{display:inline-block;position:absolute;top:8px;right:14px;width:16px;height:16px;font-size:0;background:url(/images/icon/zoom.png) no-repeat;background-size: cover;}
.media .list  ul{padding-top:23px;font-size:0;margin:-2%;}
.media .list  ul li{position:relative;display:inline-block;vertical-align:top;width:29.3333%;margin:2%;}
.media .list  ul li a{position:relative;display:block;}
.media .list  ul li .title {width:100%; padding-top:17px; font-size:16px; color:#000;}
.media .list  ul li figure{height: 223px;overflow: hidden;position: relative;background: #000;}
.media .list  ul li figure img{position:absolute;top:50%;transform:translateY(-50%);display:block;width:100%;}
.media .list  ul li .bottom{position:absolute;left:0;bottom:0;width:100%;background:#000;padding:16px 50px 16px 16px;border-radius:20px 20px 0 0;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.media .list  ul li .bottom h4{font-size: 17px;font-weight:bold;letter-spacing: -0.68px;color: #fff;}
.media .list  ul li .bottom i{display:inline-block;width:24px;height:24px;font-size:17px;border:1px solid #00a651;color:#00a651;border-radius:100%;text-align: center;line-height: 20px;position: absolute;right: 16px;top: 17px;}
.media .list  ul li .mask{position:absolute;bottom:0;left:0;width:100%;padding: 10px 0;height: 69px;background:url(/images/@draft/mask.png) no-repeat;background-size: cover;opacity:1;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.media .list  ul li .mask p{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;padding:0 20px;font-size: 18px;font-weight: normal;line-height: 1.41;letter-spacing: -0.68px;color: #fff;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:50px;}
.media .list  ul li .mask i{display:none;width:24px;height:24px;font-size:17px;border:1px solid #00a651;color:#fff;background:#00a651;border-radius:100%;text-align: center;line-height: 20px;position: absolute;right: 16px;bottom: 15px;}
.media .list  ul li:hover .bottom{opacity:0;}
.media .list  ul li:hover .mask{opacity:1;}
.media .list  ul li .hash{font-size: 0;margin-top: 14px;}
.media .list  ul li .hash span{display: inline-block;padding:0 18px;border-radius: 20px;margin: 3px;line-height: 31px;background: #eee; font-size: 15px;font-weight: normal;letter-spacing: -0.6px;color: #545454;cursor: pointer;}

.media .view{}
.media .view .view-top{position:relative;padding:11px 32px 19px;border-top:2px solid #000;background:#f7f7f7;}
.media .view .view-top .subsidiary{display:inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.64px;color: #202020;}
.media .view .view-top h3{margin-top:17px;font-size: 24px;font-weight: 500;line-height: 1;letter-spacing: -0.96px;color: #000;}
.media .view .view-top .date{position:absolute;right:30px;top:11px;display:inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.64px;color: #666;}
.media .view .view-content{min-height: 284px;padding:27px;font-size: 18px;font-weight: normal;letter-spacing: -0.64px;color: #202020;}
.media .view .view-bottom{display:flex;justify-content:space-between;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding:17px 32px;}
.media .view .view-bottom a{display:inline-block;flex:1;line-height: 44px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #3a3a3a; text-overflow:ellipsis; overflow: hidden;white-space: nowrap; padding-right:20px}
.media .view .view-bottom a + a{border-left:1px solid #ebebeb;text-align: right; padding-right:0px; padding-left:20px}
.media .view .view-bottom span {line-height:39px; margin-right:10px;}
.media .view .view-bottom span:nth-of-type(2) {margin-left:10px;}

.media .view .button-box{margin-top:26px;text-align: center;}
.media .view .button-box a{display:inline-block;width:141px;line-height: 40px;background:#000;text-align: center;color:#fff;font-size: 18px;letter-spacing: -0.72px;}


.hyundai{padding:120px 0 197px;}
.hyundai .layout{max-width:1100px;}
.hyundai .list{display: flex;}
.hyundai .list > div{flex:1;}
.hyundai .list > div + div{margin-left:19px;}
.hyundai .list > div img{display: block;}
.hyundai .link-box{margin-top:40px;display: flex;}
.hyundai .link1{flex:1;background: url(/images/contents/talent4.png) no-repeat;background-size: cover;padding:80px 55px;height:348px;}
.hyundai .link1 h3{font-size: 30px;font-weight:600;line-height: 1.33;letter-spacing: -1.2px;color: #fffefe;}
.hyundai .link1 a{margin-top:30px;display: inline-block;padding:0 15px;line-height: 33px;border: solid 1px #fff;color:#fff;border-radius: 20px; font-size: 15px;font-weight: normal;text-align: center;}
.hyundai .link2{margin-left:20px;flex:1;background: url(/images/contents/talent5.png) no-repeat;background-size: cover;padding:80px 55px;height:348px;}
.hyundai .link2 h3{font-size: 30px;font-weight:600;line-height: 1.33;letter-spacing: -1.2px;color: #fffefe;}
.hyundai .link2 a{margin-top:30px;display: inline-block;padding:0 15px;line-height: 33px;border: solid 1px #fff;color:#fff;border-radius: 20px; font-size: 15px;font-weight: normal;text-align: center;}

.product{padding:120px 0;}
.product .subsidiary{}
.product .subsidiary .layout{max-width:1200px;}
.product .subsidiary .hgroup{}
.product .subsidiary .hgroup h3{font-size: 40px;font-weight: 600;line-height: 1.23;letter-spacing: -1.76px;color: #000;}
.product .subsidiary .hgroup p{margin-top:20px;font-size: 24px;font-weight: normal;line-height: 1.43;letter-spacing: -1.12px;color: #3a3a3a;}
.product .subsidiary .banner-box{position:relative;margin-top:70px;padding-bottom: 50px;}
.product .subsidiary .banner-box:before{content: "";position:absolute;right:0;bottom:0;display: inline-block;height:500px;width:70%;background:#efefef;}
.product .subsidiary .banner-box figure{position: relative;max-width:1510px;z-index: 1;}
.product .subsidiary .banner-box figure:before{content:"";position:absolute;top:24px;right:-24px;width:100%;height:100%;border:1px solid #a6a6a6;z-index: -1;}
.product .subsidiary .banner-box figure img{display: block;}
.product .subsidiary .list{margin-top:140px;}
.product .subsidiary .list .layout{}
.product .subsidiary .list .flex-box{position:relative; display: flex;}
.product .subsidiary .list .flex-box + .flex-box{margin-top:100px;}
.product .subsidiary .list .flex-box .slide-box{position: relative;width:540px;height: 400px;}
.product .subsidiary .list .flex-box .txt-box{width:530px;margin-left:40px;}
.product .subsidiary .list .flex-box .txt-box .info-top{display:flex; height:52px; justify-content:space-between;}
.product .subsidiary .list .flex-box .txt-box .info-top h4{font-size: 34px;font-weight: 600;line-height: 1.18;letter-spacing: -1.36px;color: #3a3a3a;}
.product .subsidiary .list .flex-box .txt-box .info-top a{display: inline-block; width:35px; float:right; margin-top:5px; margin-left:10px;}
.product .subsidiary .list .flex-box .txt-box .info-top a img{display: block;}
.product .subsidiary .list .flex-box .txt-box .info-top .icon {float:right; overflow:hidden;}
.product .subsidiary .list .flex-box .txt-box .sub-icon {display:none; position:absolute; height:90px; right:9%; padding:21px 33px; text-align:center; border-radius:17px; border:1px solid #000; background:#fff; z-index:10;}
.product .subsidiary .list .flex-box .txt-box .sub-icon a {display:inline-block; width:44px; margin-right:7px;}
.product .subsidiary .list .flex-box .txt-box .sub-icon a:last-child {margin-right:0;}
.product .subsidiary .list .flex-box .txt-box .sub-icon img {width:100%;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom{margin-top:6px;border-top:1px solid #666;border-bottom:1px solid #666;padding:15px 15px 15px;min-height:342px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom h5{font-size: 24px;font-weight: 600;line-height: 1.67;letter-spacing: -0.96px;color: #3a3a3a;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul{margin-top:10px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li{padding-left:20px;position:relative;letter-spacing: -1px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li + li{margin-top:15px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li strong{position:relative;font-size:18px;padding-left:10px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li strong:before{content: "";position:absolute;top:8px;left:0;display: inline-block;width:5px;height:5px;background: #004999}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li p{font-size:16px;margin-top:5px;padding-left:18px;}
.product .subsidiary .list .flex-box .txt-box .txt-bottom ul li p span{display: inline-block;}
.product .subsidiary .list .flex-box.type2{padding-left: 120px;}
.product .subsidiary .list .flex-box.type2 .txt-box{position:relative; padding-right: 40px;margin: 0;}
.product .subsidiary .list .flex-box.type2 .slide-box:before{content: "";position: absolute;top: -20px;right: -20px;display: inline-block;width: 100%;height: 100%;border:1px solid #a6a6a6;z-index: -1;}


.social{padding:120px 0;}
.social .esg{padding-bottom:190px;}
.social .esg .layout{max-width:1100px;}
.social .esg ul{margin-top:279px;}
.social .esg ul li{display: flex;}
.social .esg ul li .img{font-size:0;}
.social .esg ul li .img span{display: inline-block;font-size:0;}
.social .esg ul li .img span img{display:block;}
.social .esg ul li .txt{}
.social .esg ul li .txt h4{position:relative;padding-bottom:23px;font-size: 54px;font-weight: bold;letter-spacing: -2.64px;color: #000;}
.social .esg ul li .txt h4:after{content: "";display: inline-block;position: absolute;left:0;bottom:0;width:32px;height:4px;background: #004999;}
.social .esg ul li .txt p{margin-top:35px;font-size: 23px; line-height: 1.67;letter-spacing: -0.96px;color: #000; font-weight:600;}
.social .esg ul li + li{margin-top:220px;}
.social .esg ul .li1{display: flex;}
.social .esg ul .li1 .img{text-align: right;position: relative;width:605px;height:318px;font-size:0;}
.social .esg ul .li1 .img .i1{}
.social .esg ul .li1 .img .i2{position: absolute;width:231px;left: 18px;top: -130px;}
.social .esg ul .li1 .img .i3{position: absolute;width:360px;left: -15px;bottom: -195px;}
.social .esg ul .li1 .txt{margin-left:98px;}
.social .esg ul .li2 .img{margin-left:79px;padding-top:140px;position: relative;width:551px;font-size:0;}
.social .esg ul .li2 .img .i2{position: absolute;width:360px;top: -66px;right: -48px;}
.social .esg ul .li3 .img{width:472px;height:331px;padding-left:43px;margin-top:40px;}
.social .esg ul .li3 .img .i1{position: relative;z-index: 10;}
.social .esg ul .li3 .img .i2{position: absolute;width:250px;height:173px;top:-136px;left:0;}
.social .esg ul .li3 .img .i3{position: absolute;width:323px;height:224px;right: -34px;bottom: -168px;}
.social .esg ul .li3 .txt{margin-left:100px;}
.social .esg ul .li4 .txt{padding-top:56px;}
.social .esg ul .li4 .img{margin-left:135px;width:488px;height:300px;padding-right:36px;}
.social .esg ul .li4 .img .i2{position: absolute;right:0;bottom:-172px;width:325px;height:216px;}



.social .report{}
.social .report .layout{max-width:1100px;}
.social .report .top{text-align: right}
.social .report .top select{ border: solid 1px #c2c2c2;width:200px;height:32px;font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;padding:0 30px 0 14px;}
.social .report ul{font-size:0;margin:30px -1% 0;}
.social .report ul li{display: inline-block;width:23%;margin:1% 1% 40px;}
.social .report ul li figure{border: solid 1px #a6a6a6;}
.social .report ul li figure img{display: block;with:100%;}
.social .report ul li .txt-box{margin-top:19px;text-align: center;}
.social .report ul li .date{ font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #a6a6a6;}
.social .report ul li h4{margin-top:7px;font-size: 22px;font-weight:600;line-height: 1.18;letter-spacing: -0.88px;color: #3a3a3a;}
.social .report ul li p{font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.72px;color: #3a3a3a;}
.social .report ul li a{margin-top:17px;display: inline-block;width:82px;line-height: 29px;text-align: center; font-size: 14px;font-weight: normal;letter-spacing: -0.58px;color: #a6a6a6; border: solid 1px #a6a6a6;}
.social .report ul li a:after{content: "";display: inline-block;width:10px;height:12px;background:url(/images/icon/down_icon2.png) no-repeat;background-size: cover;vertical-align:middle;margin-left:3px;position: relative;top:-1px;}

.social .report ul li:hover figure{border-color:#00a652}

.policy{padding:120px 0 197px;}
.policy .layout{max-width:1100px;}
.policy .top-box{background: #efefef;padding:60px 0;text-align: center;font-size: 24px;font-weight: normal;line-height: 1.67;letter-spacing: -0.96px;color: #3a3a3a;}
.policy .txt-box{margin-top:119px;font-size: 16px;font-weight: normal;line-height: 1.67;letter-spacing: -0.72px;color: #000;}
.policy .txt-box strong{display:block;font-size:24px;}
.policy .txt-box em{display:block;font-size:16px;font-weight: bold;}
.policy .cg-history {position:absolute; top:26px; right:215px;}
.policy .past-policy {width:200px; line-height:39px; padding:0 10px; margin-top:15px; float:right; border:1px solid #ddd;}


.epeople{padding:120px 0;}
.epeople .layout{max-width:1100px;}
.epeople .box{background:#efefef;padding:62px 0;}
.epeople .box .inner{}
.epeople .box .inner + .inner{margin-top:50px;border-top:1px solid #d7d7d7;padding-top:30px;}
.epeople .box .inner h4{font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #3a3a3a;}
.epeople .box .inner ul{margin-top:20px;}
.epeople .box .inner ul li{position: relative; font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.96px;color: #3a3a3a;padding-left:15px;}
.epeople .box .inner ul li:before{content: "";display: inline-block;width:5px;height:5px;background:#3a3a3a;border-radius:100%;position: absolute;left:0;top:15px;}
.epeople .box .inner .chk{margin-top:20px;text-align: right;}
.epeople .table-box{margin-top:79px;}
.epeople .table-box .info-top{}
.epeople .table-box .info-top h4{font-size: 28px;line-height: 1.43;letter-spacing: -1.12px;color: #000;}
.epeople .table-box .info-top p{text-align:right;font-size: 18px;font-weight: normal;letter-spacing: -0.64px;color: #666;}
.epeople .table-box .info-top p em{position: relative;color:#00a651;top:-5px;}
.epeople .table-box table{margin-top:5px;border-top:1px solid #d9d9d9;table-layout: fixed;}
.epeople .table-box table tbody tr th{border-bottom:1px solid #d9d9d9;padding:14px 0; font-size: 18px;font-weight: 500;letter-spacing: -0.72px;color: #3a3a3a;text-align: left;}
.epeople .table-box table tbody tr th em{color:#00a651;}
.epeople .table-box table tbody tr td{border-bottom:1px solid #d9d9d9;padding:14px 0; font-size: 18px;font-weight: normal;letter-spacing: -0.64px;color: #666;padding-right: 70px;}
.epeople .table-box table tbody tr td select{background: url(../images/icon/select_icon3.png) no-repeat;background-position: 95% 50%;width:125px;height:32px;border:1px solid #c2c2c2;font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;padding:0 30px 0 13px;}
.epeople .table-box table tbody tr td textarea{width:100%;height:260px;border:1px solid #c2c2c2;font-size: 16px;padding:29px 13px;resize: none;color: #c3c3c3;}
.epeople .table-box table tbody tr td textarea:focus{color: #3a3a3a;}
.epeople .table-box table tbody tr td input[type="text"],
.epeople .table-box table tbody tr td input[type="tel"],
.epeople .table-box table tbody tr td input[type="number"] {width:100%;height:250px;border:1px solid #c2c2c2;font-size: 16px;padding:29px 13px;resize: none;width:100%;height:32px;padding:0 13px;font-size: 16px;font-weight: normal;letter-spacing: -0.64px;}
.epeople .table-box table tbody tr td .radio-group{font-size:0;}
.epeople .table-box table tbody tr td .radio-group .radio-type1 + .radio-type1{margin-left:40px;}
.epeople .table-box table tbody tr td .txt{text-align: right;font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;}
.epeople .table-box table tbody tr td .tel-wrap{display: flex;align-items: center;}
.epeople .table-box table tbody tr td .tel-wrap input[type="tel"],
.epeople .table-box table tbody tr td .tel-wrap input[type="text"]{width:125px;}
.epeople .table-box table tbody tr td .tel-wrap i{display: inline-block;margin:0 10px;color:#c2c2c2;}
.epeople .table-box table tbody tr td .tel-wrap select{margin-left:25px;}
.epeople .table-box table tbody tr td .capcha{margin-:10px;}
.epeople .table-box table tbody tr td .filebox{margin-bottom: 10px;}
.epeople .table-box table tbody tr td p{font-size: 16px;font-weight: normal;letter-spacing: -0.64px;color: #666;}
.epeople .button-box{margin-top:68px;text-align: center;}
.epeople .button-box button{width: 217px;height:54px;text-align: center;background:#00a94f;color:#fff; font-size: 26px;font-weight: normal;letter-spacing: -1.04px;}

table .lt{text-align:left !important;}
.tbl-col{margin-top:10px; text-align:center;}
.tbl-col caption{width:1px; height:1px; visibility:hidden;}
.tbl-col thead tr th, .tbl-col tbody tr td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px;}
.tbl-col thead tr th{border-top:1px solid #ccc; background:#f2f2f2;}
.tbl-col thead tr th:nth-child(1), .tbl-col tbody tr td:nth-child(1){border-left:1px solid #ccc;}
.tbl-col tbody tr th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f2f2f2; padding:10px;}
.f-line{color: #0064ff; border-bottom: 1px solid #0064ff; padding-bottom: 2px;}

/* ----------------------------------------------
 * Generated by Animista on 2022-10-22 22:47:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

.slide-top {
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-left {
    -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-left {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


/* 서체페이지 */
.hdn{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;zoom:1;text-indent:-999em}
.pt120{padding-top:120px;}

.p_font #container, .p_font .box__container{position:relative;}

.p_font{position:relative; width: 100%;}
.p_font .mt_add{margin-top: 50px;}
.p_font .box__aside{position:fixed;bottom:230px;right:80px;left:0;height:0;z-index:200}
.p_font .box__aside .sec_wrap{width:auto;margin:0 auto}
.p_font .box__aside .button__download{position:relative;left:0px;float:right;width:150px;height:150px;background-color:#00C218;border-radius:50%;z-index:20; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; box-shadow:0 0 20px 0 rgba(0,0,0,.1);}
.p_font .box__aside.box__aside--hide .button__download{left:500px;opacity:0}
.p_font .box__aside .button__download{display:block;width:150px;height:150px;font-size:0;color:transparent;margin:0;padding:0;border:0;outline:0;background:url('../images/font/btn_btm.png') no-repeat 0 / 100% auto;}

.p_font #section_01{background-color:#fff;}
.p_font #section_intro{background:#fff url('../images/font/section_intro.png?2') no-repeat center / auto 100%;}
.p_font #section_02{background-color:#01b84a}
.p_font #section_03{background-color:#fff}
.p_font #section_04{background-color:#fff}
.p_font #section_05{background-color:#42549e}

.p_font .sec{position:relative; box-sizing:border-box;}
.p_font .sec .title__subtitle{position:absolute;top:0;left:0;font-size:50px;line-height:55px;color:#262626;z-index:20}
.p_font .sec .title__subtitle:after{content:'_';display:block;font-size:50px;line-height:55px}
.p_font .sec .title__description{display:block;font-size:25px;line-height:40px;color:#333;font-weight:300}
.p_font .sec_wrap{position:relative;width:100%;max-width:1700px;margin:0 auto;}
.p_font #section_01 .sec_wrap, .p_font #section_03 .sec_wrap{width:100%;}

.p_font .sec_neohyundai .box__font-visual, 
.p_font .sec_neohyundai .box__font-visual .image__top-visual{height:850px;}
.p_font .sec_neohyundai .box__font-visual{position:relative;overflow:hidden;}
.p_font .sec_neohyundai .box__font-visual .image__top-visual{display:block;background: url('../images/font/section_01.gif?251110') no-repeat center top / auto 100%;}
.p_font .pin-spacer{height: 1005px !important; padding: 0 !important;}
.p_font .sec_neohyundai .box__font-intro{padding:176px 0 186px;text-align:center}
.p_font .sec_neohyundai .box__font-intro .text__title{font-size:75px;color:#01b84a;font-weight:700;margin-bottom:45px}
.p_font .sec_neohyundai .box__font-intro .text__description{margin-top:13px;font-size:20px;color:#303030;line-height:34px;font-weight:500}

.p_font #section_intro{padding: 170px 0 150px 0;}
.p_font #section_intro .tit{display: block; font-size: 110px; color: #4254c9; text-align: center; margin-bottom: 80px;}
.p_font #section_intro .tit strong{font-weight: 800;}
.p_font #section_intro p{display: block; font-weight: 700; font-size: 30px; color: #292929; line-height: 1.7; text-align: center; word-break: keep-all;}

.p_font .sec_charator{padding:170px 0 85px 0;}
.p_font .sec_charator .sec_wrap{text-align:center}

.slider_char{width: 100%; max-width: 1300px; margin: 0 auto;}
.slider_char .img{display:block; width:auto;}
.slider_char .slick-slide{text-align: center;}
.slider_char .slick-slide .info, .slider_char .slick-slide .img{margin:0 auto;} 
.slider_char .slick-slide .info{display: flex; justify-content: space-between; align-items: center; letter-spacing:-2px;}
.slider_char .slick-slide .info p{text-align: left;}
.slider_char .slick-slide .info p.lt{font-weight: 400; font-size: 60px; line-height: 1.3; color:#fff;}
.slider_char .slick-slide .info p.lt strong{font-weight:800; color:#ffe100;}
.slider_char .slick-slide .info p.rt{font-weight: 400; font-size: 30px; line-height: 1.7; color:#000; text-align:right;}
.slider_char .slick-slide.slide_01 .info{max-width:1290px;}
.slider_char .slick-slide.slide_01 .img{margin-top:90px;}
.slider_char .slick-slide.slide_02 .info{max-width:1270px;}
.slider_char .slick-slide.slide_02 .img{margin-top:40px;}
.slider_char .slick-slide.slide_03 .info{max-width:1300px;}
.slider_char .slick-slide.slide_03 .img{margin-top:45px;}
.slider_char .slick-slide.slide_04 .info{max-width:1290px;}
.slider_char .slick-slide.slide_04 .img{margin-top:72px;}
.slider_char .slick-slide.slide_05 .info{max-width:1290px;}
.slider_char .slick-slide.slide_05 .img{margin-top:80px;}
.slider_char .slick-dots{display: inline-flex; margin-top:60px;}
.slider_char .slick-dots li ~ li{margin-left: 20px;}
.slider_char .slick-dots li button{display: block; width: 23px; height: 23px; border: 3px solid #000; border-radius: 50%; font-size: 0; color: transparent; box-sizing: border-box; padding: 0; margin: 0;}
.slider_char .slick-dots li.slick-active button{background:#000;}
.slider_char_btn .btn{position:absolute; top:45%; transform:translateY(-50%); display:block; width:34px; height:64px; font-size: 0; color: transparent; cursor:pointer;}
.slider_char_btn .btn_prev{left:0; background: url('../images/font/ico_slide_prev.png') no-repeat 50% / 34px auto;}
.slider_char_btn .btn_next{right:0; background: url('../images/font/ico_slide_next.png') no-repeat 50% / 34px auto;}

.p_font .sec_gallery .sec_exam .box__item{width:1065px}
.p_font .sec_gallery .sec_exam .box__item .image__sample{width:100%}
.slider_gallery{width: 100%; max-width: 1700px; margin: 0 auto;}
.slider_gallery, .slider_gallery .slick-track, .slider_gallery .slick-list{height:930px;}
.slider_gallery .img{width:100%; height:100%; object-fit: cover;}
.slider_gallery .slick-slide{display:flex; gap:0 70px;}
.slider_gallery .slick-dots{position: absolute; z-index: 1; bottom: 86px; display: flex; width: 100%; justify-content: center;}
.slider_gallery .slick-dots li ~ li{margin-left: 20px;}
.slider_gallery .slick-dots li button{display: block; width: 23px; height: 23px; border: 3px solid #fff; border-radius: 50%; font-size: 0; color: transparent; box-sizing: border-box; padding: 0; margin: 0;}
.slider_gallery .slick-dots li.slick-active button{background:#fff;}
.slider_gallery_btn .btn{position:absolute; top:45%; transform:translateY(-50%); display:block; width:34px; height:64px; font-size: 0; color: transparent; cursor:pointer;}
.slider_gallery_btn .btn_prev{left:0; background: url('../images/font/ico_slide_prev_w.png') no-repeat 50% / 34px auto;}
.slider_gallery_btn .btn_next{right:0; background: url('../images/font/ico_slide_next_w.png') no-repeat 50% / 34px auto;}

.p_font .sec_try_it{padding: 200px 0 230px;}
.p_font .sec_try_it, .p_font .sec_try_it .sec_wrap{text-align:center}
.p_font .sec_try_it .box__testarea{width:100%; text-align:center;}
.p_font .sec_try_it .box__testarea .box__type-font{position:relative;display:inline-block;text-align:center}
.p_font .sec_try_it .box__testarea .box__type-font:after{content:'';display:inline-block;width:1px;height:130%;vertical-align:middle}
.p_font .sec_try_it .box__testarea .box__type-font .form__output{position:relative;display:inline-block;width:1065px;max-height:395px;min-height:175px;font-size:110px;font-weight:200;color:#000;line-height:1.2;vertical-align:middle;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;zoom:1;padding:5px 10px;box-sizing:border-box;outline:0}
.p_font .sec_try_it .box__testarea .box__type-font .form__output .text__bar{position:relative;display:inline-block;vertical-align:text-top}
.p_font .sec_try_it .box__testarea .box__type-font .form__output .text__bar:after{content:'|';display:inline-block;vertical-align:top;width:1px;line-height:1;text-indent:-999em;background:#01B611; -webkit-animation-name: cursor; animation-name: cursor; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@-webkit-keyframes cursor{
	0%{opacity:1.0}
	100%{opacity:0.0}
}

.p_font .sec_try_it .box__testarea .box__type-font .form__output:focus .text__bar{display:none}
.p_font .sec_try_it .box__testarea .box__type-font .form__textarea{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;opacity:0}
.p_font .sec_try_it .box__font-range{display:flex; justify-content: space-between; align-items: center; width: 1000px; margin:90px auto 0 auto;}
.p_font .sec_try_it .box__font-range .box__slider{position:relative;font-size:15px;}
.p_font .sec_try_it .box__font-range .box__slider .box__size-slider{position: relative; width:380px;}
.p_font .sec_try_it .box__font-range .box__slider .box__size-slider:after{content:'';display:block;width:100%;height:2px;background-color:#01b84a}
.p_font .sec_try_it .box__font-range .box__slider .ui-slider-handle{position:absolute; z-index:2; top:0; width:22px; height:22px; transform: translate(-50%, -50%); background-color:#01b84a; cursor:col-resize; border-radius:50%; box-sizing:border-box; -ms-touch-action:none; touch-action:none; -webkit-transition: 0.1s ease-out; transition:left 0.1s ease-out;}
.p_font .sec_try_it .box__font-range .box__weight-select div + div{margin-top:18px;}
.p_font .sec_try_it .box__font-range .box__weight-select div label ~ label{margin-left:16px;}
.p_font .sec_try_it .box__font-range .box__weight-select .form__label{display: inline-block; height: 50px; line-height: 41px; border-radius: 25px; font-size: 30px; color: #000; font-weight: 700; border: 2px solid #000; padding: 0 25px; box-sizing: border-box; cursor:pointer}
.p_font .sec_try_it .box__font-range .box__weight-select input[type=radio]:checked + .form__label{color:#fff; background-color:#01b84a; border-color:#01b84a;}
.p_font .sec_try_it .box__font-range .box__weight-select .form__label.form__label-light{left:0%}
.p_font .sec_try_it .box__font-range .box__weight-select .form__label.form__label-medium{left:50%}
.p_font .sec_try_it .box__font-range .box__weight-select .form__label.form__label-bold{left:100%}
.p_font .sec_try_it .box__font-range .box__slider .text__size{position:absolute; top: 25px; font-size: 20px; color:#01b84a; font-weight: 700; line-height: 1;}
.p_font .sec_try_it .box__font-range .box__slider .text__size.text__size-min{left:0; transform: translateX(-50%);}
.p_font .sec_try_it .box__font-range .box__slider .text__size.text__size-max{right:0; transform: translateX(50%);}

.p_font .sec_license{position:relative;height:850px;text-align:center;overflow:hidden;zoom:1}
.p_font .sec_license .img_bg{position:relative;top:0;width:100%;height:521px;background:url('../images/font/section_05.png?2') no-repeat 50% 0 / auto 100%;}
.p_font .sec_license .img_bg.mo{display:none; top:16%;}
.p_font .sec_license .sec_wrap{position:absolute;top:0;left:50%;transform:translate(-50%, 32%);width:100%;overflow:hidden;zoom:1;z-index:20}
.p_font .sec_license .title__subtitle{position:static;display: block; font-weight: 800; font-size: 134px; color: #fff; line-height: 1; margin-bottom: 70px;}
.p_font .sec_license .title__subtitle:after{display:none}
.p_font .sec_license .title__description{display: block; font-weight: 700; font-size: 30px; color: #fff; text-align: center; line-height: 1.7;}
.p_font .sec_license .btn_cover{display:block; margin-top:80px;}
.p_font .sec_license .btn_cover div + div{margin-top:30px;}
.p_font .sec_license .btn_cover a + a{margin-left:35px;}
.p_font .sec_license .btn_cover .btn_line{display:inline-block;width: auto; height: 74px; line-height: 64px; font-weight: 900; font-size: 40px; color: #fff; background: transparent; border: 2.5px solid #fff; border-radius: 37px; vertical-align: middle; padding: 0 45px; box-sizing: border-box; cursor:pointer;}
.p_font .sec_license .btn_cover .btn_line:hover{color:#000; background:#fff;}
.p_font .sec_license .btn_cover .btn_download .ico_download{display:inline-block;width:32px;height:30px;font-size:0;color:transparent; background:url('../images/font/ico_download_w.png') no-repeat 0 / 100% auto; vertical-align:-4px;}
.p_font .sec_license .btn_cover .btn_download:hover .ico_download{background-image:url('../images/font/ico_download.png');}

.pop_wrap{display:none; position:absolute; z-index: 110; z-index:1000; bottom:50px; left:50%; transform:translateX(-50%); width:90%; max-width:1525px; background:#fff; padding:70px 50px; border:9px solid #00b84a; overflow:hidden;}
.pop_wrap .fc_green{color:#00b84a !important;}
.pop_wrap .fc_red{color:#ff0000 !important;}
.pop_wrap .pop_inner{height: 400px; overflow-y: overlay; background:#fff; box-sizing:border-box;}
.pop_wrap .pop_close{position: absolute; top: 30px; right: 34px; line-height: 1; font-weight:900; font-size:41px; color:#000; cursor: pointer;}
.pop_wrap .pop_body .tit{display:block; font-weight:800; font-size:47px; color:#00b84a;}
.pop_wrap .pop_body .ul_dot li{font-weight:700; font-size:23px; color:#000; line-height: 1.8; word-break: keep-all; padding-left: 10px; text-indent: -10px;}
.pop_wrap .pop_body .ul_dot li::before{content:''; display:inline-block; width:5px; height:5px; background:#000; border-radius:50%; vertical-align:middle; margin-right: 5px;}
.pop_wrap .pop_body .ul_dot li + li{margin-top:10px;}
.pop_wrap .pop_body .pop_tbl_col{text-align:left;}
.pop_wrap .pop_body .pop_tbl_col th, .pop_wrap .pop_body .pop_tbl_col td{font-size:18px; color:#000; padding:10px; vertical-align: top;}
.pop_wrap .pop_body .pop_tbl_col th{font-weight:900;}
.pop_wrap .pop_body .pop_tbl_col td{font-weight:700;}
.pop_wrap .pop_body .pop_tbl_col.last_cnt th:last-child, .pop_wrap .pop_body .pop_tbl_col.last_cnt td:last-child{text-align:center;}
.pop_wrap .pop_body section{font-size:0;}
.pop_wrap .pop_body section + section{margin-top:70px;}
.pop_wrap .pop_body section .tit{width:37%; padding-right:1%; box-sizing:border-box;}
.pop_wrap .pop_body section .tit + .ul_dot, .pop_wrap .pop_body section .tit + table{width:63%;}
.pop_wrap .pop_body section .tit, .pop_wrap .pop_body section .tit + .ul_dot, .pop_wrap .pop_body section .tit + table{display:inline-block; vertical-align:top;}

.pop_wrap#pop_vision{position: fixed; z-index: 510; top: 50%; bottom: unset; transform: translate(-50%, -50%); width: 800px; max-width: unset; border: none; padding: 0; line-height: 0;}
.pop_wrap#pop_vision .pop_inner{height: auto; overflow-y: unset;}
.pop_wrap#pop_vision .pop_close{top: 0; right: 0; font-size: 0; color: transparent; width: 48px; height: 36px;}
.pop_wrap#pop_vision img{display:block; width:100%;}
.pop_wrap#pop_vision .btn_close_oneDay{position: absolute; bottom: 0; right: 0; display: block; width: 170px; height: 34px;}
.pop_wrap ~ #dim{position: fixed; z-index: 500; top: 0; left: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}