@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2021-12-24
************************** 수정이력 **************************************
* 날짜                    작업자                 변경내용
* 2021-12-24              한주현                 최초작성
**************************************************************************/

/* basic style */
* {box-sizing: border-box;}
html {width: 100%;height: 100%;}
body {overflow: inherit;width: 100%;height: 100%;}
body.on {overflow: hidden;}
.layout {position:relative;margin: 0 auto;max-width: 1420px;box-sizing: border-box;}
.no-data {display: block !important;  font-size: 20px;font-weight: 500;width: 100% !important;padding: 230px 0 !important;text-align: center;margin: 0 !important;background: transparent !important;}
.no-data:hover{background: transparent !important;}
.page-tit {position: relative;color: #333;font-size: 32px;text-align: center;font-weight: 600;}
.page-tit2{position:relative;padding-top:28px;font-size: 60px;font-weight: bold;letter-spacing: -1.8px;color: #000;}
.page-tit2:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:60px;height:1px;background: #000;}
.blind{position: absolute;top:-9999999px;left:-999999px;}
.required{color:#e32a2a;}
.overlay{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);z-index: 1000;}


#pagination{margin: 30px 0 0px;font-size:0;width:auto;display: flex;align-items:center;justify-content:center;position: relative;}
#pagination a{display:inline-block;margin:0 5px;font-family: Roboto;width:40px;height:40px;line-height:40px;font-size: 18px;font-weight: 500;text-align: center;color: #000;border-radius:100%;border-radius: 100%;}
#pagination a.active{background:#000;color:#fff;vertical-align:top;}
#pagination .prev-block,
#pagination .next-block{text-indent: -99px;overflow: hidden;width:8px;height:13px;font-size:0;}
#pagination .prev-block{background:url(/_public/images/common/prev.svg) no-repeat;background-size:cover;}
#pagination .next-block{background:url(/_public/images/common/next.svg) no-repeat;background-size:cover;}
#pagination .end-prev,
#pagination .end-next{text-indent: -99px;overflow: hidden;width:12px;height:13px;font-size:0;}
#pagination .end-prev{background:url(/_public/images/common/first-prev.svg) no-repeat;background-size:cover;}
#pagination .end-next{background: url(/_public/images/common/end-next.svg) no-repeat;background-size:cover;}


/* dl style */
.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}
/* text style */
.t-align-left {text-align: left !important;}
.t-align-center {text-align: center !important;}
.t-align-right {text-align: right !important;}

.ios-chk {display:inline-block;position: relative;cursor: pointer;}
.ios-chk input[type="checkbox"]{position: absolute;display: inline-block;opacity: 0;}
.ios-chk label {position:relative !important;top:inherit !important; left:inherit !important;cursor: pointer;display: inline-block;padding-left:60px;color: #555;font-size: 15px;line-height: 27px;vertical-align: middle;font-weight: 400;}
.apple-switch::before {content:"";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;left:0;vertical-align: middle;-webkit-appearance: none;outline: none;width: 50px;height: 25px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
.apple-switch:after {content: "";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 3px;left: 1px;background: transparent;width: 22px;height: 22px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}
.ios-chk input[type="checkbox"]:checked + .apple-switch:before {box-shadow: inset 26px 0 0 0 #222;border-color: #222;}
.ios-chk input[type="checkbox"]:checked + .apple-switch:after {left: 20px;box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);}

.filebox{position:relative;font-size:0;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {position:relative !important;top:inherit !important;left:inherit !important;display: inline-block;margin-right:5px;padding-left:65px;width:160px;color: #fff;font-size:14px;vertical-align: middle;background-color: #333;cursor: pointer;border: 1px solid #333;border-radius: 10px;line-height: 41px;}
.filebox label:before{content: "";position: absolute;top: 2px;left: 22px;display:inline-block;width:35px;height:35px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 490px;background-position: -280px 0;}
.filebox .upload-name {display: inline-block;height: 45px;font-size:14px;padding: 0 10px;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-radius: 10px;}

.checkbox-type1 input[type=checkbox] {position: absolute;display: inline-block;opacity: 0;}
.checkbox-type1 label {position: relative !important;top: inherit !important;left: inherit !important;display: inline-block;padding-left: 22px;font-size: 14px;text-align: left;box-sizing: border-box;cursor: pointer;}
.checkbox-type1 label:before {content: "";position: absolute;top: 3px;left: 0;display: inline-block;width: 15px;height: 15px;box-sizing: border-box;border: 1px solid #c3c3c3;border-radius: 3px;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 3px;left: 5px;width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type=checkbox]:checked + label:before {border-color: #333;background-color:#333 }
.checkbox-type1 input[type=checkbox]:checked + label:after {display: inline-block;}

.checkbox-type2{display:inline-block;vertical-align:top;width:33.333%;margin:10px 0;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{display:block;font-size:18px;padding-left:40px;position:relative;cursor:pointer;}
.checkbox-type2 label::before{content:'';width:30px;height:30px;border:1px solid #fff;border-radius:50%;position:absolute;left:0;top:-3px;}
.checkbox-type2 label::after{display:none;content:'';width:7px;height:13px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;left:11px;top:3px;}
.checkbox-type2 input[type="checkbox"]:checked + label::before{background:#222;border-color:#222;}
.checkbox-type2 input[type="checkbox"]:checked + label::after{display:block;}

.radio-type1 { margin: -0.5px;}
.radio-type1 input[type="radio"] {display: inline-block;position: absolute;opacity: 0;}
.radio-type1 label {position: relative !important;top: inherit !important;left: inherit !important;cursor: pointer;display: block;text-align: center;font-size: 14px;line-height: 50px;border: 1px solid #e5e5e5;}
.radio-type1 input[type="radio"]:checked + label {background-color: #222;color: #fff;}


.radio-type2{display:inline-block;vertical-align:middle;width:33.333%;}
.radio-type2 input[type="radio"]{position:absolute;opacity:0;}
.radio-type2 label{display:block;font-size:18px;padding-left:40px;margin-top:20px;position:relative;cursor:pointer;}
.radio-type2 label::before{content:'';width:30px;height:30px;border:1px solid #fff;border-radius:50%;position:absolute;left:0;top:-3px}
.radio-type2 label::after{display:none;content:'';width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:10px;top:6px;}
.radio-type2 input[type="radio"]:checked + label::after{display:block;}

#goTop{display:none;position: fixed;z-index: 10;right:92px;bottom:40px;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
#goTop.bottom{bottom:347px;}


/* 상단 */
header{position: fixed;top:0;left:0;width:100%;padding:20px 60px;z-index: 100;}
header .logo{display: inline-block;font-size:0;width:60px;height:60px;background: url(/_public/images/common/logo.svg) no-repeat;background-size: cover;font-size:0;vertical-align: middle;}
header .navi-wrap{position: absolute;top:14px;right:60px;border:1px solid transparent;width:80px;height:80px;border-radius: 100%;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
header .navi-wrap .nav-icon {position:absolute;top: 25px;left: 16px;display:block;width:48px;height:27px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 1000;}
header .navi-wrap .nav-icon span {display: block;position: absolute;width: 100%;height:2px;background: #fff;opacity: 0.9;right:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
header .navi-wrap .nav-icon span:nth-child(1) {top: 0;width:75%}
header .navi-wrap .nav-icon span:nth-child(2),
header .navi-wrap .nav-icon span:nth-child(3) {top: 50%;margin-top: -1px;}
header .navi-wrap .nav-icon span:nth-child(4) {bottom: 0;width:75%}
header .navi-wrap:hover{border:1px solid #fff;}
header .navi-wrap:hover .nav-icon{left: 9px;}
header .navi-wrap:hover .nav-icon span:nth-child(2),
header .navi-wrap:hover .nav-icon span:nth-child(3) {width:75%;}
header .navi-wrap.open{position:fixed;border:1px solid #fff;z-index: 1000;}
header .navi-wrap.open .nav-icon{left: 9px;}
header .navi-wrap.open .nav-icon span {background: #fff;}
header .navi-wrap.open .nav-icon span:nth-child(1) {top:0;width: 0%;left: 50%;}
header .navi-wrap.open .nav-icon span:nth-child(2),
header .navi-wrap.open .nav-icon span:nth-child(3) {width:75%;}
header .navi-wrap.open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .navi-wrap.open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .navi-wrap.open .nav-icon span:nth-child(4) {top: 18px;left: 50%;width: 0%;}
header.submain{position: relative;background: #fff;}
header.submain .logo{position: relative;    background: url(/_public/images/common/logo-b.svg) no-repeat;background-size: cover;}
header.submain .navi-wrap .nav-icon span{background: #000;}
header.submain .navi-wrap:hover{border-color:#000;}
header.submain .navi-wrap.open .nav-icon span{background: #fff;}
header.submain .navi-wrap.open:hover{border-color:#fff;}
header.submain.fixed{position: fixed;top:0;left:0;width:100%;z-index: 100;}
header.scroll{background: rgba(255,255,255,0.97)}

header.sub-header{background: #fff;}
header.sub-header .logo{background: url(/_public/images/common/logo-b.svg) no-repeat;background-size: cover;}
header.sub-header .navi-wrap .nav-icon span{background: #000;}
header.sub-header .navi-wrap.open .nav-icon span{background: #fff;}
header.sub-header .gnb{position:absolute;top:0;left:50%;transform: translateX(-50%);display: flex;}
header.sub-header .gnb a{position:relative;display: inline-block; font-size: 22px;font-weight: 500;line-height: 100px;}
header.sub-header .gnb a:before{content: "";display: none;width:10px;height:10px;border-radius: 100%;background: #445dff;position: absolute;top: 33px;left: -10px;}
header.sub-header .gnb a.on:before{display: block;}
header.sub-header .gnb a + a{margin-left: 120px;}
header.sub-header.scroll{background: rgba(255,255,255,0.97);}
header.sub-header.scroll .navi-wrap:hover{border-color:#000;}
header.sub-header.scroll .navi-wrap.open:hover{border-color:#fff;}
header.sub-header.sitemap-header .gnb{display: none;}
header.sub-header.sitemap-header + #pages{padding-top:50px;}




.all-menu{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.9) url(/_public/images/common/menu_bg.png);z-index: 10;}
.all-menu .layout{position: absolute;top:46%;left:50%;transform:translate(-50%, -50%);width:100%;}
.all-menu .layout dl{}
.all-menu .layout dl dt{width:335px;z-index: 1;}
.all-menu .layout dl dt a{display: block; font-size: 50px;font-weight: 500;color: #fff;}
.all-menu .layout dl dd{padding:10px 0 69px 335px;}
.all-menu .layout dl dd a{display: inline-block; font-size: 28px;font-weight: normal;line-height: 1.61;color: #aaa;}
.all-menu .info{position: absolute;right: 11%;bottom: 9%;}
.all-menu .info li{position:relative; font-size: 20px;font-weight: normal;line-height: 2;letter-spacing: -0.6px;color: #fff;padding-left:50px;}
.all-menu .info li:before{content: "";display: inline-block;position:absolute;left:0;top: 50%;transform: translateY(-50%);}
.all-menu .info .icon1:before{width:23px;height:28px;background: url(/_public/images/icon/map_icon.svg) no-repeat;background-size: cover;}
.all-menu .info .icon2{font-family: Roboto;}
.all-menu .info .icon2:before{width:27px;height:27px;background: url(/_public/images/icon/tel_icon.svg) no-repeat;background-size: cover;}
.all-menu .info .icon3{font-family: Roboto;}
.all-menu .info .icon3:before{width:27px;height:18px;background: url(/_public/images/icon/email_icon.svg) no-repeat;background-size: cover;}





footer{padding:50px 0 92px;background: #fff;}
footer .f-top{display: flex;position:relative;}
footer .f-top address{margin-left:90px;padding-top:10px;}
footer .f-top address p{font-size: 16px;font-weight: normal;color: #000;}
footer .f-top address p span{font-family: Roboto;font-size: 16px;position: relative;display: inline-block;}
footer .f-top address p span:before{content: "";position: absolute;top: 6px;left: -18px;display: inline-block;width: 1px;height: 13px;background: #d2d2d2;}
footer .f-top address p span:first-child:before{display: none;}
footer .f-top address p span + span{margin-left: 36px;}
footer .f-top address p span em{font-weight: bold;font-family: Roboto;}
footer .f-top .right{position: absolute;right:0;font-size: 0;display: flex;align-items: center;}
footer .f-top .right nav{font-size:0;display:inline-block;}
footer .f-top .right nav a{display: inline-block; font-size: 16px;font-weight: normal;color: #000;}
footer .f-top .right nav a + a{margin-left: 25px;}
footer .f-top .right .site{display:inline-block;width:200px;position:relative;margin-left:46px;display: inline-block;}
footer .f-top .right .site button{position:relative;display: block;width:100%;height:45px;  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.16);background-color: #fff;padding:0 17px;  font-size: 16px;font-weight: normal;color: #000;text-align: left;}
footer .f-top .right .site button:after{content: "";position:absolute;right:17px;display: inline-block;width:11px;height:6px;background: url(/_public/images/icon/arrow.svg) no-repeat;background-size: cover;top: 50%;transform: translateY(-50%);}
footer .f-top .right .site ul{display:none;margin-top: 5px;position: absolute;width:100%;background: #fff;box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.16);padding: 10px 20px;}
footer .f-top .right .site ul li{}
footer .f-top .right .site ul li a{display: block;font-size: 14px;font-weight: normal;line-height: 1.71;color: #000;}
footer .copyright{margin-top:79px;font-family: Roboto;font-size: 16px;font-weight: normal;color: #999;}
footer.sub{margin:0 60px;border-top:2px solid #000;}



#main{}
#main .section{overflow: hidden;}
#main .section1{position:relative;}
#main .section1 .main_video:before{background: rgba(0, 0, 0, 0.5); mix-blend-mode: darken;}
#main .section1 .bg{position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images/main/section1.png) 50% 50% no-repeat;background-size: cover;}
#main .section1 .bg:after{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.2);}
#main .section1 .layout{position:absolute;top:0;left:50%;width:100%;transform:translateX(-50%);height:100%;z-index: 10;}
#main .section1 .txt-box{position:absolute;left:0;top:50%;transform: translateY(-50%);font-size:0;}
#main .section1 .txt-box h1{}
#main .section1 .txt-box h2{margin-top:40px;font-size: 60px;font-weight: 500;letter-spacing: -1.35px;color: #fff;}
#main .section1 .txt-box h2 em{display: block;font-size:45px;}
#main .section1 .txt-box p{margin-top:30px;font-size: 30px;font-weight: 300;letter-spacing: -0.9px;color: #fff;}
#main .section1.active .txt-box h1{  -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
#main .section1.active .txt-box h2{-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 .section1.active .txt-box p{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section2{position:relative;}
#main .section2 .bg{position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images/main/section2.png) 50% 50% no-repeat;background-size: cover;}
#main .section2 .bg:after{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.2);}
#main .section2 .layout{height:100%;}
#main .section2 .txt-box{position:absolute;left:0;top:50%;transform: translateY(-50%);font-size:0;}
#main .section2 .txt-box h2{font-family: GmarketSans;font-size: 80px;font-weight: bold;color: #fff;line-height: 1.1em}
#main .section2 .txt-box h3{margin-top:9px;font-size: 50px;font-weight: 500;letter-spacing: -1.5px;color: #fff;}
#main .section2 .txt-box p{margin-top:10px;font-size: 30px;font-weight: 300;letter-spacing: -0.9px;color: #fff;}
#main .section2 .txt-box a{position:relative;margin-top:40px;display: inline-block;width:200px;line-height: 50px;border-radius: 25px;font-family: SBAggro;font-size: 20px;font-weight: 300;text-align: center;color: #fff;background: #10218b;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section2 .txt-box a:after{content: "";position:relative;display: inline-block;width:26px;height:18px;background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left: 13px;top:-1px;left:0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section2.active .txt-box a:hover{transform: scale(1.1);}
#main .section2 .txt-box a:hover:after{left:5px;}
#main .section2.active .txt-box h2{-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 .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section2.active .txt-box p{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;}
#main .section2.active .txt-box a{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;}

#main .section3{position:relative;}
#main .section3 .bg{position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images/main/section3.png) 50% 50% no-repeat;background-size: cover;}
#main .section3 .bg:after{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.2);}
#main .section3 .layout{height:100%;}
#main .section3 .txt-box{position:relative;left:0;top:50%;transform: translateY(-50%);font-size:0;}
#main .section3 .txt-box h2{font-family: GmarketSans;font-size: 80px;font-weight: bold;color: #fff;line-height: 1.1em}
#main .section3 .txt-box h3{margin-top:9px;font-size: 50px;font-weight: 500;letter-spacing: -1.5px;color: #fff;}
#main .section3 .txt-box p{margin-top:10px;font-size: 22px;font-weight: 300;letter-spacing: -0.9px;color: #fff;}
#main .section3 .txt-box a{position:relative;margin-top:40px;display: inline-block;width:200px;line-height: 50px;border-radius: 25px;font-family: SBAggro;font-size: 20px;font-weight: 300;text-align: center;color: #fff;background: #10218b;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
#main .section3 .txt-box a:after{content: "";position:relative;display: inline-block;width:26px;height:18px;background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left: 13px;top:-1px;left:0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section3 .slide-box{position:absolute;top:50%;transform: translateY(-50%);right:0;width:50%;}
#main .section3 .slide-box .slick-track{padding:30px 0;left:0;}
#main .section3 .slide-box .slick-slide{position:relative;margin:0 35px;max-width:500px;}
#main .section3 .slide-box .slick-slide a{display: block;}
#main .section3 .slide-box .slick-slide figure{display: block;  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.16);overflow: hidden;border-radius: 30px;}
#main .section3 .slide-box .slick-slide figure img{display: block;width:100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);}
#main .section3 .slide-box .slick-slide .txt{position: absolute;top:0;left:0;width:100%;height:100%;padding:57px 55px;}
#main .section3 .slide-box .slick-slide .txt i{display: inline-block;width:62px;height:62px;border-radius: 100%;text-align: center;color:#fff;line-height: 62px;background: #000; font-family: Roboto;font-size: 26px;font-weight: bold;}
#main .section3 .slide-box .slick-slide .txt h4{font-size: 45px;font-weight: 500;letter-spacing: -1.35px;color: #fff;}
#main .section3 .slide-box .slick-slide .txt p{margin-top:16px;font-size: 22px;font-weight: normal;line-height: 1.36;color: #fff;letter-spacing: -.03em;}
#main .section3 .slide-box .slick-slide.slick-active .txt i{background: #0d738e;}
#main .section3 .slide-box .slick-arrow{position: absolute;width:80px;height:80px;background: url(/_public/images/icon/arrow3.svg) no-repeat;background-size: cover;font-size:0;z-index: 10;bottom:-80px;}
#main .section3 .slide-box .slick-arrow:hover{background: url(/_public/images/icon/arrow4.svg) no-repeat;background-size: cover;}
#main .section3 .slide-box .slick-prev{left:0;}
#main .section3 .slide-box .slick-next{left:95px;transform: rotate(-180deg);}
#main .section3.active .txt-box a:hover{transform: scale(1.1);}
#main .section3 .txt-box a:hover:after{left:5px;}
#main .section3.active .txt-box h2{-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.active .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section3.active .txt-box p{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;}
#main .section3.active .txt-box a{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;}
#main .section3 .slide-box .slick-slide:hover figure img{transform: scale(1.1);}
#main .section4{position:relative;}
#main .section4 .layout{height:100%;}
#main .section4 .bg{position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images/main/section4.png) 50% 50% no-repeat;background-size: cover;}
#main .section4 .bg:after{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.2);}
#main .section4 .txt-box{position:relative;left:0;top:50%;transform: translateY(-50%);font-size:0;}
#main .section4 .txt-box h2{font-family: GmarketSans;font-size: 80px;font-weight: bold;color: #fff;line-height: 1.1em}
#main .section4 .txt-box h3{margin-top:9px;font-size: 50px;font-weight: 500;letter-spacing: -1.5px;color: #fff;}
#main .section4 .txt-box p{margin-top:10px;font-size: 22px;font-weight: 300;letter-spacing: -0.9px;color: #fff;}
#main .section4 .txt-box a{position:relative;margin-top:40px;display: inline-block;width:200px;line-height: 50px;border-radius: 25px; font-family: SBAggro;font-size: 20px;font-weight: 300;text-align: center;color: #fff;background: #10218b;}
#main .section4 .txt-box a:after{content: "";position:relative;display: inline-block;width:26px;height:18px;background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left: 13px;lefT:0;top:1px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section4.active .txt-box a:hover{transform: scale(1.1);}
#main .section4 .txt-box a:hover:after{left:5px;}
#main .section4.active .txt-box h2{-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 .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section4.active .txt-box p{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;}
#main .section4.active .txt-box a{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;}
#main .section4 .slide-box .slick-slide:hover figure img{transform: scale(1.1);}
#main .section5{position:relative;}
#main .section5 .layout{height: 100%;position: absolute;top: 0;left: 50%;width: 100%;transform: translateX(-50%);z-index: 10;}

#main .section5 .txt-box{position:relative;left:0;top:50%;transform: translateY(-50%);font-size:0;}
#main .section5 .txt-box h2{font-family: GmarketSans;font-size: 80px;font-weight: bold;color: #fff;line-height: 1.1em;}
#main .section5 .txt-box h3{margin-top:9px;font-size: 50px;font-weight: 500;letter-spacing: -1.5px;color: #fff;}
#main .section5 .txt-box p{margin-top:10px;font-size: 22px;font-weight: 300;letter-spacing: -0.9px;color: #fff;}
#main .section5 .txt-box a{position:relative;margin-top:60px;display: inline-block;width:200px;line-height: 50px;border-radius: 25px;  font-family: SBAggro;font-size: 20px;font-weight: 300;text-align: center;color: #fff;background: #10218b;}
#main .section5 .txt-box a:after{content: "";position:relative;display: inline-block;width:26px;height:18px;background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left: 13px;top:-1px;left:0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section5.active .txt-box a:hover{transform: scale(1.1);}
#main .section5 .txt-box a:hover:after{left:5px;}
#main .section5.active .txt-box h2{-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 .section5.active .txt-box h3{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
#main .section5.active .txt-box p{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;}
#main .section5.active .txt-box a{-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;}
#main .section5 .slide-box .slick-slide:hover figure img{transform: scale(1.1);}
#main .section6{height: auto !important;}
#main .section1.active .bg{
    -webkit-animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
    animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
}
#main .section2.active .bg{
    -webkit-animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
    animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
#main .section3.active .bg{
    -webkit-animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
    animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
#main .section4.active .bg{
    -webkit-animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
    animation: scale-down-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}


.scroll-icon{font-size:0;position: absolute;top: calc(50% - 83.5px);transform: translateY(-50%);left:72px;width:27px;height:167px;background:url(/_public/images/icon/scroll.svg) no-repeat;background-size:cover;z-index: 10;-webkit-animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s infinite both;
    animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s infinite both;}

.main_video{postiion:relative;height:100vh;}
.main_video:before{content: ""; background: rgba(0, 196, 33, 0.1);mix-blend-mode: overlay;z-index: 5;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main_video,
.video_wrap{overflow:hidden; position:relative; width:100%;}
.main_video .video_wrap{padding-top:100vh;}
.main_video .video{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_video .video.active{}
.main_video .video video{ position: absolute; left: 50%; top: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);    object-fit: cover; }


.visual-container{position: relative;display: flex;justify-content: center;align-items: center;height: 100vh;background-color: #999999;background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;}
.visual-container.submain1{background: url(/_public/images/sub/top1.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.visual-container.submain2{background: url(/_public/images/sub/top2.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.visual-container.submain3{background: url(/_public/images/sub/top3.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.visual-container.submain4{background: url(/_public/images/sub/top4.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.visual-container .hgroup h1{ font-size: 60px;font-weight: bold;letter-spacing: -1.8px;text-align: center;color: #fff;-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;}
.visual-container .hgroup p{text-transform:uppercase;font-family: GmarketSans;font-size: 30px;font-weight: 300;text-align: center;color: #fff;-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
.visual-container i{position: absolute;left:48%;transform: translateX(-50%);bottom:26px;-webkit-animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s infinite both;
    animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.5s infinite both;z-index: 10;}


#pages{padding-top:100px;}
#pages .contents{padding:100px 0;}
.page-top{position: relative;}
.page-top .visual{position: relative;padding-top:26%;}
.page-top .visual .hgroup{position: absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;}
.page-top .visual .hgroup h1{font-size: 60px;font-weight: bold;text-align: center;color: #fff;}
.page-top .visual .hgroup p{margin-top:20px;font-size: 20px;font-weight: normal;line-height: 1.45;text-align: center;color: #fff;}
.page-top .visual.sub0101{background: url(/_public/images/sub/sub_visual0101.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0102{background: url(/_public/images/sub/sub_visual0102.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0103{background: url(/_public/images/sub/sub_visual0103.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0201{background: url(/_public/images/sub/sub_visual0201.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0202{background: url(/_public/images/sub/sub_visual0202.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0203{background: url(/_public/images/sub/sub_visual0203.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub0501{background: url(/_public/images/sub/sub_visual0501.png) 50% 50% no-repeat;background-size: cover;}




.breadcrumbs{font-size:0;}
.breadcrumbs .layout{}
.breadcrumbs .layout:before{content: "";display: inline-block;width: 60px;height: 1px;background: #000;position: absolute;bottom: -38px;left: 0;}
.breadcrumbs a{position:relative;display: inline-block;font-size: 20px;font-weight: normal;letter-spacing: -0.6px;color: #000;}
.breadcrumbs a:before{content: "";display: inline-block;width:4px;height:4px;background: #000;border-radius: 100%;position: absolute;left:-22px;top:12px;}
.breadcrumbs .home:before{display: none;}
.breadcrumbs a + a{margin-left: 44px; }

.cooperative-main{padding:90px 0 203px;}
.cooperative-main .breadcrumbs .layout:before{display: none;}
.cooperative-main .main-contents{padding-top:50px;}
.cooperative-main .main-contents .txt-box1{}
.cooperative-main .main-contents em{position:relative;padding:0 18px 6px;display:inline-block;  font-family: GmarketSans;font-size: 26px;font-weight: 500;color: #000;}
.cooperative-main .main-contents em:after{content: "";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background: #000;}
.cooperative-main .main-contents h1{margin-top:39px;font-size: 60px;font-weight: bold;letter-spacing: -1.8px;color: #000;}
.cooperative-main .main-contents h1 br{display: none;}
.cooperative-main .main-contents h1 strong{display: block; font-size: 80px;font-weight: bold;letter-spacing: -2.4px;}
.cooperative-main .main-contents p{margin-top:45px; font-size: 26px;font-weight: 500;line-height: 1.54;color: #000;}
.cooperative-main .main-contents span{display: block;margin-top:120px;font-size:20px; letter-spacing: -0.6px;color: #333;}
.cooperative-main .main-contents span strong{display:block;font-size:35px;font-weight: 500;}
.cooperative-main .main-contents figure{margin-top:140px;}
.cooperative-main .main-contents figure img{display: block;width:100%;}
.cooperative-main .main-contents .txt-box2{margin-top:120px;}
.cooperative-main .main-contents .txt-box2 h1{margin-top:0;}
.cooperative-main .main-contents .txt-box2 p{margin-top:20px;}
.cooperative-main .main-contents ul{display: flex;margin-top:150px;}
.cooperative-main .main-contents ul li{position:relative;display: inline-block;flex:1;border-radius: 30px;background-image: linear-gradient(to bottom, #000, rgba(84, 84, 84, 0));overflow: hidden;}
.cooperative-main .main-contents ul li a{display: block;}
.cooperative-main .main-contents ul li a > img{display: block;width:100%;transform: scale(1);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li .txt{position:absolute;top:30%;left:0;width:100%;text-align: center;padding:0 30px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li .txt h3{top:0;font-size: 50px;font-weight: 500;color: #fff;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li .txt p{margin-top: 17px;font-size: 22px;font-weight: normal;line-height: 1.45;letter-spacing: -0.66px;color: #fff;height:0;opacity: 0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li .txt span{font-family: SBAggro;display:inline-block;position: relative;margin-top:20px; font-size: 20px;font-weight: 300;color: #fff;padding-right:30px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li .txt span:after{content: "";position:absolute;top:9px;right:0;display: inline-block;width:18px;height:12px;background: url(/_public/images/icon/view.svg) no-repeat;background-size: cover;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cooperative-main .main-contents ul li + li{flex:1;margin-left:80px;}
.cooperative-main .main-contents ul li:hover a > img{transform: scale(1.1);}
.cooperative-main .main-contents ul li:hover .txt{top:50px;text-align: left;}
.cooperative-main .main-contents ul li:hover .txt p{top:50px;height:96px;opacity: 1;}

.cooperative{position: relative;max-width:1420px;margin:38px auto 0;}
.cooperative .history{padding-top:58px;}
.cooperative .history .hgroup{}
.cooperative .history .hgroup h3{font-size: 40px;font-weight: bold;color: #000;}
.cooperative .history .hgroup p{margin-top:18px;font-size: 22px;font-weight: normal;line-height: 1.64;letter-spacing: -0.66px;color: #000;}
.cooperative .history .slier-wrap{position:relative;margin-top:125px;}
.cooperative .history .slier-wrap:before{content:"";position: absolute;top:61px;left:0;width:100%;height:1px;background:#ddd;}
.cooperative .history .slick-controls{z-index:10;position:absolute;left:0;top:46%;transform: translateY(-50%);width:100%;}
.cooperative .history .slier-wrap .history-slider{position:relative;padding-top:160px;}
.cooperative .history  .slick-arrow{position: absolute;width:80px;height:80px;background: url(/_public/images/icon/arrow5.svg) no-repeat;background-size: cover;font-size:0;z-index: 10;}
.cooperative .history  .slick-arrow:hover{background: url(/_public/images/icon/arrow6.svg) no-repeat;background-size: cover;}
.cooperative .history  .slick-prev{left:-40px;}
.cooperative .history  .slick-next{transform:rotate(-180deg);right:-40px;}
.cooperative .history .slier-wrap .history-slider .slick-slide{}
.cooperative .history .slier-wrap .history-slider .slick-slide .banner{height: 300px;}
.cooperative .history .slier-wrap .history-slider .slick-slide .banner1{background: url(/_public/images/sub/history_bnr1.png) 50% 50% no-repeat;background-size: cover}
.cooperative .history .slier-wrap .history-slider .slick-slide .banner2{background: url(/_public/images/sub/history_bnr2.png) 50% 50% no-repeat;background-size: cover}
.cooperative .history .slier-wrap .history-slider .slick-slide .banner3{background: url(/_public/images/sub/history_bnr3.png) 50% 50% no-repeat;background-size: cover}
.cooperative .history .slier-wrap .history-slider .slick-slide dl{margin-top:104px;font-family: Roboto;font-size: 50px;font-weight: bold;letter-spacing: -1.5px;color: #000;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dt{font-family: 'Roboto';width:285px;padding:0 20px;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd{padding:0 0 0 285px;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul{position:relative;padding-left:75px;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul:before{content: "";display: inline-block;width:1px;height: calc(100% - 85px);position: absolute;left:0;top:18px;background: #ccc;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li{position: relative}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li:before{content: "";position:absolute;top: 18px;left: -79px;display: inline-block;width:10px;height:10px;border-radius: 100%;background: #000;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li + li{margin-top:50px;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li strong{display: block; font-family: Roboto;font-size: 35px;font-weight: bold;color: #000;}
.cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li p{font-size: 30px;font-weight: 400;color: #000;}
.cooperative .history .slier-wrap .slick-dots{position:absolute;top:0;left:0;width:100%;display: flex;}
.cooperative .history .slier-wrap .slick-dots li{flex:1;border:1px solid #dddddd;}
.cooperative .history .slier-wrap .slick-dots li + li{margin-left: -0.5px;}
.cooperative .history .slier-wrap .slick-dots li button{display: block;width:100%;height:60px;text-align: center; background-color: #f9f9f9;font-size: 26px;font-weight: 500;color: #999;}
.cooperative .history .slier-wrap .slick-dots li.slick-active{border-color: #4556c1;}
.cooperative .history .slier-wrap .slick-dots li.slick-active button{background: #4556c1;color:#fff;}

.cooperative .organization{padding:100px 0 258px;}
.cooperative .organization .chart{position: relative}
.cooperative .organization .chart .level1{position:relative;text-align: center;}
.cooperative .organization .chart .level1:before{content: "";display: inline-block;width:1px;height:90px;background: #ddd;position:absolute;bottom:-88px;left:50%;transform: translateX(-50%);}
.cooperative .organization .chart .level1 h1{display: inline-block;width:210px;height:210px;border:1px solid #10218b;padding:15px;border-radius: 100%;}
.cooperative .organization .chart .level1 h1 span{display: inline-block;width:100%;height:100%;border-radius: 100%;background: #10218b;text-align: center;line-height: 190px; font-size: 30px;font-weight: 500;color: #fff;}
.cooperative .organization .chart .level2{position:relative;margin-top:170px;display: flex;}
.cooperative .organization .chart .level2:before{content: "";position:absolute;top:-85px;left:50%;transform: translateX(-50%);display: block;width: calc(100% - 377px);height:1px;background:#ddd;}
.cooperative .organization .chart .level2:after{content: "";display: inline-block;width:1px;height:105px;background: #ddd;position:absolute;bottom:-105px;left:50%;transform: translateX(-50%);}
.cooperative .organization .chart .level2 > div{position:relative;flex:1;line-height: 80px;text-align: center;background: #4556c1;font-size:26px;font-weight: 500;color: #fff;}
.cooperative .organization .chart .level2 > div:before{content: "";display: inline-block;width:1px;height:85px;background: #ddd;position:absolute;top:-85px;left:50%;transform: translateX(-50%);}
.cooperative .organization .chart .level2 > div + div{margin-left:140px;}
.cooperative .organization .chart .level3{position:relative;margin-top:210px;display: flex;}
.cooperative .organization .chart .level3:before{content: "";position:absolute;top:-105px;left:50%;transform: translateX(-50%);display: block;width: calc(100% - 377px);height:1px;background:#ddd;}
.cooperative .organization .chart .level3 > div{position:relative;flex:1;border-radius: 30px;background-color: #f3f3f3;padding:46px 60px 198px;}
.cooperative .organization .chart .level3 > div:before{content: "";display: inline-block;width:1px;height:105px;background: #ddd;position:absolute;top:-105px;left:50%;transform: translateX(-50%);}
.cooperative .organization .chart .level3 > div + div{margin-left:140px;}
.cooperative .organization .chart .level3 > div h4{font-size: 30px;font-weight: bold;color: #000;}
.cooperative .organization .chart .level3 > div ul{margin-top:20px;}
.cooperative .organization .chart .level3 > div ul li{position:relative;padding-left:20px;font-size: 22px;font-weight: normal;;line-height: 1.55;color: #000;}
.cooperative .organization .chart .level3 > div ul li:before{content: "";display: inline-block;width:3px;height:3px;background: #000;border-radius: 100%;position: absolute;left:0;top:16px;}
.cooperative .organization .chart .level3 > div p{position: absolute;left:0;bottom:49px;padding:0 60px;width:100%;font-family: Roboto;font-size: 18px;font-weight: 500;color: #999;}
.cooperative .organization .chart .level3 > div p span{position:relative;font-family: Roboto;font-size: 18px;font-weight: 500;color: #999;display: inline-block;color: #999;}
.cooperative .organization .chart .level3 > div p span:before{content: "";display: inline-block;width:1px;height:15px;background:#999;position: absolute;top:5px;left:-15px;}
.cooperative .organization .chart .level3 > div p span:first-child{font-family: 'Noto Sans KR';}
.cooperative .organization .chart .level3 > div p span:first-child:before{display:none;}
.cooperative .organization .chart .level3 > div p span + span{margin-left: 30px;}

.cooperative .support{padding:180px 0  310px;}
.cooperative .support .list{font-size:0;display: flex;justify-content:space-between}
.cooperative .support .list + .list{margin-top:275px;}
.cooperative .support .list > div{position:relative;max-width:650px;}
.cooperative .support .list > div:nth-child(even){top:220px;}
.cooperative .support .list > div .figure{display: block;}
.cooperative .support .list > div .figure img{display: block;width:100%;}
.cooperative .support .list > div .txt-box{position: relative;top:-42px;}
.cooperative .support .list > div .txt-box h4{ font-size: 50px;font-weight: 500;color: #000;}
.cooperative .support .list > div .txt-box ul{margin-top:20px;}
.cooperative .support .list > div .txt-box ul li{position:relative;padding-left:20px;font-size: 24px;font-weight: 500;line-height: 1.67;color: #000;}
.cooperative .support .list > div .txt-box ul li:before{content: "";display: inline-block;width:4px;height:4px;background: #000;border-radius: 100%;position: absolute;left:0;top:19px;}


.join-main{padding:90px 0 203px;}
.join-main .main-contents{padding-top:38px;}
.join-main .main-contents h1{position:relative;padding-top:58px;font-size: 60px;font-weight: bold;line-height: 1.17;letter-spacing: -1.8px;color: #000;}
.join-main .main-contents p{margin-top:20px;font-size: 32px;font-weight: normal;line-height: 1.44;letter-spacing: -0.96px;color: #000;}
.join-main .main-contents ul{display: flex;margin-top:117px;}
.join-main .main-contents ul li{position:relative;display: inline-block;flex:1;border-radius: 30px;background-image: linear-gradient(to bottom, #000, rgba(84, 84, 84, 0));overflow: hidden;}
.join-main .main-contents ul li a{display: block;}
.join-main .main-contents ul li a > img{display: block;width:100%;transform: scale(1);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li .txt{position:absolute;top:30%;left:0;width:100%;text-align: center;padding:0 30px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li .txt h3{top:0;font-size: 50px;font-weight: 500;color: #fff;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li .txt p{margin-top: 17px;font-size: 22px;font-weight: normal;line-height: 1.45;letter-spacing: -0.66px;color: #fff;height:0;opacity: 0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li .txt span{font-family: SBAggro;display:inline-block;position: relative;margin-top:20px; font-size: 20px;font-weight: 300;color: #fff;padding-right:30px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li .txt span:after{content: "";position:absolute;top:9px;right:0;display: inline-block;width:18px;height:12px;background: url(/_public/images/icon/view.svg) no-repeat;background-size: cover;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.join-main .main-contents ul li + li{display: inline-block;flex:1;margin-left:80px;}
.join-main .main-contents ul li:hover a > img{transform: scale(1.1);}
.join-main .main-contents ul li:hover .txt{top:50px;text-align: left;}
.join-main .main-contents ul li:hover .txt p{top:50px;height:96px;opacity: 1;}

.join{position: relative;max-width:1420px;margin:38px auto 0;}
.join .condition{padding:120px 0 210px;}
.join .condition .list{max-width:1060px;margin:0 auto;}
.join .condition .list ul{margin:0 -4%;display: flex;flex-wrap: wrap;}
.join .condition .list ul li{display:inline-block;width:42%;margin:4%;border-radius: 50px;background-color: #f3f3f3;padding:90px 30px 60px;text-align: center;}
.join .condition .list ul li h4{margin-top:45px;font-size: 30px;font-weight: bold;;color: #000;}
.join .condition .list ul li p{margin-top:30px;padding-top:30px;position: relative;font-size: 22px;font-weight: 400;line-height: 1.64;color: #000;}
.join .condition .list ul li p strong{font-weight:600;font-family: Roboto;}
.join .condition .list ul li p:before{content: "";display: inline-block;width:50px;height:1px;background: #000;position: absolute;top:0;left:50%;transform: translateX(-50%);}

.join .process{padding:137px 0 393px;}
.join .process .process-swiper{padding-bottom: 80px;}
.join .process .process-swiper .swiper-slide{text-align:center;border-radius: 60px;background-color: #f3f3f3;padding:107px 0 110px;transform: scale(0.9);opacity: 0.5;height:723px;}
.join .process .process-swiper .swiper-slide.swiper-slide-active{transform: scale(1);opacity: 1;top:0;}
.join .process .process-swiper .swiper-slide .title-group{font-size:0;}
.join .process .process-swiper .swiper-slide .title-group .step{display: inline-block;width:132px;height:132px;background: #000;border-radius: 100%;text-align: center;padding-top: 36px;}
.join .process .process-swiper .swiper-slide .title-group .step span{display:block; font-family: SBAggro;font-size: 25px;font-weight: 500;color: #fff;line-height: 100%;}
.join .process .process-swiper .swiper-slide .title-group .step i{display:block;font-family: Roboto;font-size: 40px;line-height:120%;font-weight: bold;color: #fff;}
.join .process .process-swiper .swiper-slide .title-group h4{position:relative;padding-bottom:40px;margin-top:18px;font-size: 40px;font-weight: bold;color: #000;}
.join .process .process-swiper .swiper-slide .title-group h4:after{content: "";display: inline-block;width:100px;height:1px;background: #000;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
.join .process .process-swiper .swiper-slide p{margin-top:44px;font-size: 20px;font-weight: 500;color: #444;}
.join .process .process-swiper .swiper-slide a{display:inline-block; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);border: solid 1px #10218b;background-color: #f3fbff;font-size: 28px;font-weight: bold;color: #10218b;line-height: 100px;padding:0 78px;margin-top:56px;}
.join .process .process-swiper .swiper-slide a:after{content: "";position:relative;display: inline-block;width:24px;height:28px;background: url(/_public/images/icon/down.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left:18px;}
.join .process .process-swiper .swiper-controls{max-width:800px;margin:45px auto 0;position: relative;}
.join .process .process-swiper .swiper-controls .swiper-button-next{left:135px;right:inherit;background: url(/_public/images/icon/arrow11.svg) no-repeat;background-size: cover;width:80px;height:80px;transform: rotate(-180deg);}
.join .process .process-swiper .swiper-controls .swiper-button-next:after{display: none;}
.join .process .process-swiper .swiper-controls .swiper-button-prev{left:40px;background: url(/_public/images/icon/arrow11.svg) no-repeat;background-size: cover;width:80px;height:80px;}
.join .process .process-swiper .swiper-controls .swiper-button-prev:after{display: none;}
.join .process .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;background: #ddd;opacity: 1;}
.join .process .swiper-pagination-bullet-active{background:#5769de;}
.join .process .process-swiper .swiper-controls .swiper-button-prev:hover,
.join .process .process-swiper .swiper-controls .swiper-button-next:hover{background: url(/_public/images/icon/arrow12.svg) no-repeat;background-size: cover;}
.join .process .process-swiper .swiper-pagination{bottom:40px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;}

.join .member-status{padding-top:100px;}
.join .member-status .search-box{position:relative;max-width:800px;margin:0 auto;}
.join .member-status .search-box input[type="text"]{width: 100%;height:80px;text-align: left;padding:0 80px 0 40px; border-radius: 40px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);background-color: #fff;font-size: 22px;font-weight: 500;color: #000;}
.join .member-status .search-box input[type="text"]::placeholder{color: #999;font-size:18px;font-weight:normal;}
.join .member-status .search-box input[type="text"]:focus{outline: 0;border:1px solid #445dff;background: #f3fbff;}
.join .member-status .search-box button{position: absolute;top:50%;transform:translateY(-50%);right:30px;width:39px;height:38px;display: inline-block;background: url(/_public/images/icon/search.svg) no-repeat;background-size: cover;font-size:0;}
.join .member-status .search-box input[type="text"]:focus + button{width:28px;height:26px;background: url(/_public/images/icon/close.svg) no-repeat;background-size: cover;}
.join .member-status .list{margin-top:59px;}
.join .member-status .list .list-top{margin-bottom:14px;font-size: 18px;font-weight: normal;line-height: 1.33;color: #000;}
.join .member-status .list .thead{border-top:1px solid #000;}
.join .member-status .list .thead li{display: flex;border-bottom: 1px solid #ddd;}
.join .member-status .list .thead li .col{display: inline-block;width:25%;padding:29px 10px;font-size: 18px;text-align:center;font-weight: normal;color: #000;}
.join .member-status .list .thead li .addr{width:30%;}
.join .member-status .list .thead li .name{width:20%;}
.join .member-status .list .thead li .tel{width:20%;}
.join .member-status .list .thead li .product{width:30%;}
.join .member-status .list .tbody li{border-bottom: 1px solid #ddd;}
.join .member-status .list .tbody li .top{display: flex;}
.join .member-status .list .tbody li .top .col{display: flex;justify-content:center;align-items:center;width:25%;text-align: center;  font-family: NotoSansKR;font-size: 18px;font-weight: 600;color: #000;padding:15px 10px;}
.join .member-status .list .tbody li .top .addr{width:30%;text-align: left;padding:15px 50px;justify-content: flex-start;}
.join .member-status .list .tbody li .top .addr p{position: relative;padding-left:31px;}
.join .member-status .list .tbody li .top .addr p:before{content: "";position:absolute;top:4px;left:0;display: none;width:16px;height:17px;background: url(/_public/images/icon/home.svg) no-repeat;background-size: cover;}
.join .member-status .list .tbody li .top .addr p span{display: block; font-size: 15px;font-weight: normal;color: #666;}
.join .member-status .list .tbody li .top .addr p.icon:before{display: inline-block;}
.join .member-status .list .tbody li .top .name{width:20%;}
.join .member-status .list .tbody li .top .tel{width:20%;font-family: Roboto;}
.join .member-status .list .tbody li .top .product{width:30%;}
.join .member-status .list .tbody li .bottom{background: #f9f9f9;padding:25px;display: none;}
.join .member-status .list .tbody li .bottom dl{}
.join .member-status .list .tbody li .bottom dl dt{width:75px;font-size: 14px;font-weight: normal;color: #999;}
.join .member-status .list .tbody li .bottom dl dd{font-size: 14px;font-weight: 500;color: #000;padding:0 0 10px 75px;}


.cooperative-news{padding:110px 0 204px;}
.cooperative-news .breadcrumbs .layout:before{left:0;}
.cooperative-news .main-contents{padding-top:38px;}
.cooperative-news .txt-wrap{position:relative;padding-top:58px;font-size: 36px;font-weight: bold;line-height:normal;color: #000;}
.contactus-main{padding:90px 0 251px;}
.contactus-main .main-contents{padding-top:38px;}
.contactus-main .main-contents h1{position:relative;padding-top:58px;font-size: 36px;font-weight: bold;line-height: 1.17;letter-spacing: -1.8px;color: #000;}
.contactus-main .main-contents .map-box{margin-top:80px;border:1px solid #ddd;height:700px;}
.contactus-main .main-contents ul{margin-top:47px;}
.contactus-main .main-contents ul li{position:relative;padding:49px 49px 49px 145px;border-bottom: 1px solid #ddd;font-size:0;}
.contactus-main .main-contents ul li i{position: absolute;top:38px;left:49px;}
.contactus-main .main-contents ul li i img{display: block;}
.contactus-main .main-contents ul li span{position:relative;display: inline-block;font-size: 24px;font-weight: normal;letter-spacing: -0.72px;color: #000;}
.contactus-main .main-contents ul li span + span:before{content: "";position:absolute;top:9px;left:-27px;display: inline-block;width:1px;height:20px;background: #707070;}
.contactus-main .main-contents ul li span strong{font-weight: bold;font-family: Roboto;}
.contactus-main .main-contents ul li span + span{margin-left:55px;}

.sitemap{position:relative;margin-top:38px;padding:80px 0 208px;}
.sitemap:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:60px;height:1px;background: #000;}
.sitemap .list{display: flex;}
.sitemap .list .menu{display: inline-block;flex:1;}
.sitemap .list .menu strong{display: block;}
.sitemap .list .menu strong a{display: block;font-size: 32px;font-weight: bold;color: #000;}
.sitemap .list .menu ul{margin-top:54px;}
.sitemap .list .menu ul li{line-height: 2.5;}
.sitemap .list .menu ul li a{display:block;font-size: 22px;font-weight: 300;color: #000;}



/* tablet */
@media all and (max-width:1640px) {
    #main .section1 .txt-box{padding:0 60px;}
    #main .section2 .txt-box{padding:0 60px;}
    #main .section3 .txt-box{padding:0 60px;}
    #main .section3 .slide-box .slick-slide{max-width:400px;}
    #main .section4 .txt-box{padding:0 60px;}
    #main .section5 .txt-box{padding:0 60px;}
    .scroll-icon{left:1%;}
}


/* tablet */
@media all and (max-width:1280px) {
    #pagination a{width:30px;height:30px;line-height: 30px;font-size:16px;}
    .page-tit2{padding-top:20px;font-size:30px;}
    .page-tit2:before{width:30px;}


    header{padding:10px 40px;}
    header .logo{width:50px;height:50px;vertical-align: middle;}
    header .navi-wrap{width:50px;height:50px;top:10px;right:40px;border:0;}
    header .navi-wrap:hover{border:0}
    header .navi-wrap.open{border:0;}
    header .navi-wrap .nav-icon{width:32px;height:18px;top: 16px;left: 8px;}
    header .navi-wrap:hover .nav-icon{left:8px;}
    header .navi-wrap.open .nav-icon{left:8px;}
    header.sub-header .gnb a{line-height: 70px;}
    header.sub-header .gnb a:before{top: 20px;left: -11px;}
    header.sub-header .gnb a + a{margin-left: 60px;}

    .all-menu .layout{padding:0 60px;top:30%;}
    .all-menu .layout dl dt{width:220px;}
    .all-menu .layout dl dt a{font-size:30px;}
    .all-menu .layout dl dd{padding:5px 0 35px 220px;}
    .all-menu .layout dl dd a{font-size:20px;}
    .all-menu .info{bottom: 48px;right: inherit;left: 0;padding: 0 60px;}

    footer{padding:29px 40px;}
    footer .f-top{display: block;padding-top:53px;}
    footer .f-top address{margin-left: 0;}
    footer .f-top .right{margin-top:40px;display: block;position:static;right:inherit;}
    footer .f-top .right nav{position: absolute;top:0;}
    footer .f-top .right .site{margin:0;}
    footer .copyright{margin-top:65px;font-size:11px;text-align: center;}

    #goTop{width:45px;right:65px;bottom:405px;}

    .scroll-icon{left:1%;}
    #main .section1 .txt-box{width:100%;padding:0 80px;}
    #main .section1 .txt-box h1 img{max-width:200px;}
    #main .section1 .txt-box h2{font-size:40px;}
    #main .section1 .txt-box h2 em{font-size:35px;}
    #main .section1 .txt-box p{font-size:25px;}
    #main .section2 .txt-box{width:100%;padding:0 80px;}
    #main .section2 .txt-box h2{font-size:50px;}
    #main .section2 .txt-box h3{font-size:40px;}
    #main .section2 .txt-box p{font-size:25px;}
    #main .section2 .txt-box a{line-height: 45px;font-size:18px;}
    #main .section2 .txt-box a:after{width:20px;height:14px;top:0;}
    #main .section3{padding-top:125px;}
    #main .section3 .layout{height:auto;}
    #main .section3 .txt-box{transform:none;top:0;width:100%;padding:0 80px;}
    #main .section3 .txt-box h2{font-size:40px;}
    #main .section3 .txt-box h3{font-size:30px;}
    #main .section3 .txt-box p{font-size:25px;}
    #main .section3 .txt-box a{margin-top:30px;line-height: 45px;font-size:18px;}
    #main .section3 .txt-box a:after{width:20px;height:14px;top:0;}
    #main .section3 .slide-box{position: relative;top:0;transform: none;right:inherit;width:100%;padding-left:0;}
    #main .section3 .slide-box .slick-slide{margin:0 15px;max-width:300px;}
    #main .section3 .slide-box .slick-track{left: 0;}
    #main .section3 .slide-box .slick-slide .txt{padding:30px;}
    #main .section3 .slide-box .slick-slide .txt i{width:40px;height:40px;font-size:18px;line-height: 40px;}
    #main .section3 .slide-box .slick-slide .txt h4{font-sizE:24px;}
    #main .section3 .slide-box .slick-slide .txt p{font-size:16px;font-weight:300;}
    #main .section3 .slide-box .slick-slide .txt p br{display: none;}
    #main .section3 .slide-box .slick-arrow{width:50px;height:50px;}
    #main .section3 .slide-box .slick-prev{left:10%;}
    #main .section3 .slide-box .slick-next{left: 10%;margin-left: 55px;}
    #main .section4 .txt-box{width:100%;padding:0 80px;}
    #main .section4 .txt-box h2{font-size:40px;}
    #main .section4 .txt-box h3{font-size:30px;}
    #main .section4 .txt-box p{font-size:25px;}
    #main .section4 .txt-box a{margin-top:30px;line-height: 45px;font-size:18px;}
    #main .section4 .txt-box a:after{width:20px;height:14px;top:0;}
    #main .section5 .txt-box{width:100%;padding: 0 80px;}
    #main .section5 .txt-box h2{font-size:40px;}
    #main .section5 .txt-box h3{font-size:30px;}
    #main .section5 .txt-box p{font-size:25px;}
    #main .section5 .txt-box a{margin-top:30px;line-height: 45px;font-size:18px;}
    #main .section5 .txt-box a:after{width:20px;height:14px;top:0;}

    .visual-container .hgroup h1{font-size:50px;}
    .visual-container .hgroup p{font-size:20px;}


    .breadcrumbs .layout{padding:0 40px;}
    .breadcrumbs .layout:before{bottom:-28px;width:30px;left: 40px;}
    .breadcrumbs a{font-size:18px;}

    .cooperative-main{padding:48px 0 156px;}
    .cooperative-main .layout{padding:0 60px;}
    .cooperative-main .main-contents em{font-size:20px;padding:0 9px 3px;}
    .cooperative-main .main-contents h1{font-size:40px;}
    .cooperative-main .main-contents h1 br{display:inline;}
    .cooperative-main .main-contents h1 strong{font-size:60px;}
    .cooperative-main .main-contents p{font-size:20px;}
    .cooperative-main .main-contents span{margin-top:60px;font-size:18px;}
    .cooperative-main .main-contents span strong{font-size:35px;}
    .cooperative-main .main-contents figure{margin-top:70px;}
    .cooperative-main .main-contents .txt-box2{margin-top:60px;}
    .cooperative-main .main-contents ul{margin-top:75px;}
    .cooperative-main .main-contents ul li + li{margin-left: 20px;}
    .cooperative-main .main-contents ul li{border-radius:25px;}
    .cooperative-main .main-contents ul li .txt{top:0;left:0;padding:50px 40px;width:100%;height:100%;text-align: left;}
    .cooperative-main .main-contents ul li .txt h3{font-size:30px;}
    .cooperative-main .main-contents ul li .txt p{margin-top:5px;opacity: 1; font-size: 16px;font-weight: normal;line-height: 1.5;color: #fff;min-height:96px;height:auto;word-break: keep-all;}
    .cooperative-main .main-contents ul li .txt p br{display: none;}
    .cooperative-main .main-contents ul li .txt span{margin-top:32px;font-size:14px;}
    .cooperative-main .main-contents ul li .txt span:after{top:6px;width:14px;height:9px;}


    #pages{padding-top:70px;}
    #pages .contents{padding:50px 0;}
    .cooperative{margin-top:28px;}
    .cooperative:before{width:30px;left:40px;}
    .cooperative .history{padding-top:30px;}
    .cooperative .history .layout{padding:0 40px;}
    .cooperative .history .slick-controls{}
    .cooperative .history .slick-arrow{width:45px;height:45px;}
    .cooperative .history .slick-prev{left:40px;}
    .cooperative .history .slick-next{right:40px;}
    .cooperative .history .hgroup h3{font-size:30px;}
    .cooperative .history .hgroup p{font-size:18px;}
    .cooperative .history .hgroup p br{display: none;}
    .cooperative .history .slier-wrap{margin-top:60px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide .banner{height:150px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide .banner1{background: url(/_public/images/sub/m_history_bnr1.png) 50% 50% no-repeat;background-size: cover}
    .cooperative .history .slier-wrap .history-slider .slick-slide .banner2{background: url(/_public/images/sub/m_history_bnr2.png) 50% 50% no-repeat;background-size: cover}
    .cooperative .history .slier-wrap .history-slider .slick-slide .banner3{background: url(/_public/images/sub/m_history_bnr3.png) 50% 50% no-repeat;background-size: cover}
    .cooperative .history .slier-wrap .slick-dots li button{height:50px;font-size:18px;}
    .cooperative .history .slier-wrap:before{top:51px;}
    .cooperative .history .slier-wrap .history-slider{padding-top:80px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl{margin-top:50px;font-size:40px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dt{width:200px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd{padding:0 0 0 200px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul{padding-left:35px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li:before{left:-39px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li strong{font-size:30px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li p{font-size:20px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li + li{margin-top:25px;}

    .cooperative .support{padding:90px 0 160px;}
    .cooperative .support .layout{padding:0 40px;}
    .cooperative .support .list + .list{margin-top:110px;}
    .cooperative .support .list > div{max-width:45%;}
    .cooperative .support .list > div:nth-child(even){top:110px;}
    .cooperative .support .list > div .txt-box{top:-25px;}
    .cooperative .support .list > div .txt-box h4{font-size:30px;}
    .cooperative .support .list > div .txt-box ul li{font-size:20px;}
    .cooperative .support .list > div .txt-box ul li:before{top:15px;}
    .cooperative .organization{    padding: 100px 40px 258px;}
    .cooperative .organization .chart .level2 > div + div{margin-left: 35px;}
    .cooperative .organization .chart .level2:before{width:calc(100% - 249px)}
    .cooperative .organization .chart .level2 > div{font-size:22px;line-height: 60px;}
    .cooperative .organization .chart .level3:before{width:calc(100% - 249px)}
    .cooperative .organization .chart .level3 > div{padding:23px 30px 100px;}
    .cooperative .organization .chart .level3 > div + div{margin-left: 35px;}
    .cooperative .organization .chart .level3 > div h4{font-size:20px;}
    .cooperative .organization .chart .level3 > div ul{margin-top:10px;}
    .cooperative .organization .chart .level3 > div ul li{font-size:16px;padding-left:15px;}
    .cooperative .organization .chart .level3 > div ul li:before{top:11px;}
    .cooperative .organization .chart .level3 > div p{bottom:25px;padding:0 30px;font-size:15px;}
    .cooperative .organization .chart .level3 > div p span{font-size:15px;}
    .cooperative .organization .chart .level3 > div p span:before{left:-8px;top:4px;height:12px;}
    .cooperative .organization .chart .level3 > div p span + span{margin-left:15px;}

    .join-main{padding:48px 0 156px;}
    .join-main .breadcrumbs .layout:before{left:60px;}
    .join-main .layout{padding:0 60px;}
    .join-main .main-contents h1{padding-top:30px;font-size:40px;}
    .join-main .main-contents p{font-size:20px;}
    .join-main .main-contents ul{margin-top:75px;}
    .join-main .main-contents ul li + li{margin-left: 20px;}
    .join-main .main-contents ul li{border-radius:25px;}
    .join-main .main-contents ul li .txt{top:0;left:0;padding:50px 40px;width:100%;height:100%;text-align: left;}
    .join-main .main-contents ul li .txt h3{font-size:30px;}
    .join-main .main-contents ul li .txt p{margin-top:5px;opacity: 1; font-size: 16px;font-weight: normal;line-height: 1.5;color: #fff;min-height:96px;height:auto;word-break: break-all;}
    .join-main .main-contents ul li .txt p br{display: none;}
    .join-main .main-contents ul li .txt span{margin-top:32px;font-size:14px;}
    .join-main .main-contents ul li .txt span:after{top:6px;width:14px;height:9px;}

    .join{margin-top:28px;}
    .join:before{width:30px;left:40px;}
    .join .condition{padding:60px 40px 105px;}
    .join .condition .list ul li{border-radius: 25px;padding:67px 15px 91px;}
    .join .condition .list ul li i{display: inline-block;}
    .join .condition .list ul li i img{max-height:60px;}
    .join .condition .list ul li h4{margin-top:25px;font-size:25px;}
    .join .condition .list ul li p{padding-top:15px;margin-top:15px;font-size:16px;}

    .join .member-status{padding:50px 20px 0;}
    .join .member-status .search-box{max-width:100%;}
    .join .member-status .search-box input[type="text"]{height:60px;font-size:18px;}
    .join .member-status .search-box input[type="text"]::placeholder{font-size:15px;}
    .join .member-status .search-box input[type="text"]:focus + button{width:22px;height:22px;}
    .join .member-status .search-box button{width:25px;height:25px;}
    .join .member-status .list .thead{display: none;}
    .join .member-status .list .tbody{border-top:1px solid #000;}
    .join .member-status .list .tbody li .top{position: relative;display: block;}
    .join .member-status .list .tbody li .top:after{content: "";position:absolute;top:32px;right:15px;display: inline-block;width:15px;height:8px;background: url(/_public/images/icon/arrow7.svg) no-repeat;background-size: cover;}
    .join .member-status .list .tbody li .top .addr{width:100%;padding:15px 0;}
    .join .member-status .list .tbody li .top .name{display: none;}
    .join .member-status .list .tbody li .top .tel{display: none;}
    .join .member-status .list .tbody li .top .product{display: none;}

    .join .process{padding:100px 0 256px;}
    .join .process .process-swiper{padding:0 80px 50px;}
    .join .process .process-swiper .swiper-slide{padding:50px 20px 94px;border-radius: 20px;opacity: 0.8;transform: scale(1);height:521px;}
    .join .process .process-swiper .swiper-slide .title-group .step{width:100px;height:100px;padding-top:28px;}
    .join .process .process-swiper .swiper-slide .title-group .step span{font-size:18px;}
    .join .process .process-swiper .swiper-slide .title-group .step i{font-size:30px;}
    .join .process .process-swiper .swiper-slide .title-group h4{margin-top:15px;font-size:28px;padding-bottom: 30px;}
    .join .process .process-swiper .swiper-slide .title-group h4:after{width:50px;}
    .join .process .process-swiper .swiper-slide p{margin-top:30px;font-size:18px;}
    .join .process .process-swiper .swiper-slide a{margin-top:40px;font-size:20px;line-height: normal;padding:20px 27px;}
    .join .process .process-swiper .swiper-slide a:after{width:17px;height:20px;margin-lefT:10px;}
    .join .process .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;}
    .join .process .process-swiper .swiper-pagination{bottom:30px;}
    .join .process .process-swiper .swiper-controls .swiper-button-next{width:50px;height:50px;left:76px;}
    .join .process .process-swiper .swiper-controls .swiper-button-prev{width:50px;height:50px;left:20px;}
    .join .process .process-swiper .swiper-controls{margin:20px auto 0;height:50px;}


    .cooperative-news{padding:58px 40px 90px}
    .cooperative-news .txt-wrap{padding-top:28px; font-size: 27px;font-weight: bold;line-height: 1.41;letter-spacing: -0.81px;color: #000;}
    .cooperative-news .txt-wrap br{display: none;}
    .cooperative-news .txt-wrap:before{width:30px;}
    .cooperative-news .main-contents{padding-top:28px;}
    .cooperative-news .breadcrumbs .layout{padding:0;}

    .contactus-main{padding:90px 40px 251px;}
    .contactus-main .breadcrumbs .layout{padding:0;}
    .contactus-main .breadcrumbs .layout:before{left:0;}

    .sitemap{padding:80px 40px 208px;}
    .sitemap:before{left:40px;}


}

/* mobile */
@media all and (max-width:640px) {
    .no-data{font-size:18px;padding:120px 0 !important;}



    #goTop{right:20px;bottom:40px;}
    #goTop.bottom{bottom:367px;}
    .all-menu{overflow-y: auto;padding-bottom:24px;}
    .all-menu .layout{padding: 60px 30px 0;position: relative;top: 0;transform: none;left: 0;}
    .all-menu .layout dl dt{width:100%;float: none;}
    .all-menu .layout dl dt a{font-size:25px;}
    .all-menu .layout dl dd{padding: 0;margin-top:10px;}
    .all-menu .layout dl dd a{display:block;font-size:16px;line-height: 1.75;}
    .all-menu .layout dl dd + dt{margin-top:20px;}
    .all-menu .info{margin-top:74px;padding:0 30px;position: relative;bottom:inherit;}
    .all-menu .info li{font-size:14px;font-weight: 300;padding-left: 30px;}
    .all-menu .info .icon1:before{width:15px;height:18px;}
    .all-menu .info .icon2:before{width:15px;height:15px;}
    .all-menu .info .icon3:before{width: 18px;height: 12px;}

    header.sub-header .gnb{position: relative;width:100%;left:0;transform: none;justify-content: center;}
    header.sub-header .gnb a{text-align: center;line-height: normal;padding:10px 0;font-size:16px;}
    header.sub-header .gnb a:before{width:5px;height:5px;left: -5px;top: 12px;}
    header.sub-header .gnb a + a{margin-left: 40px;}


    footer{padding:29px 20px;}
    footer .f-top .f-logo{display: inline-block;width:220px;}
    footer .f-top .right nav a{font-size:14px;}
    footer .f-top address p{font-size:14px;}
    footer .f-top address p span{font-size:14px;}
    footer .f-top address p span + span{margin-left: 18px;}
    footer .f-top address p span:before{left:-9px;}
    footer .f-top .right .site{width:100%;}
    footer .f-top .right .site button{height:40px;font-size:14px;}
    footer .f-top .right .site ul{padding:13px 20px 17px;}
    footer .f-top .right .site ul li a{font-size:13px;line-height: 1.5}
    footer .f-top .right .site ul li + li{margin-top:12px;}
    footer .f-top .right{margin-top:20px;}
    footer .copyright{margin-top:32px;}
    footer.sub{margin:0 20px;}


    .scroll-icon{width: 35px;height: 72px;background: url(/_public/images/icon/m_scroll.svg) no-repeat;background-size: cover;top:inherit;left:46%;bottom:20px;transform: translateX(-50%);font-size:0;}

    header{padding:5px 20px;}
    header .logo{width:40px;height:40px;}
    header .navi-wrap{width:40px;height:40px;top:5px;right:20px;}
    header .navi-wrap .nav-icon{width: 32px;height: 18px;top: 11px;left: 4px;}
    header .navi-wrap:hover .nav-icon{left:4px;}
    header .navi-wrap.open .nav-icon{left:4px;}
    #main .section1 .txt-box{padding:0 40px;}
    #main .section1 .txt-box h1 img{max-width:200px;}
    #main .section1 .txt-box h2{margin-top:20px;font-size:20px;}
    #main .section1 .txt-box h2 em{font-size:18px;}
    #main .section1 .txt-box p{margin-top:15px;font-size:15px;word-break: keep-all;}
    #main .section1 .txt-box p br{display: none;}
    #main .section2 .bg{background: url(/_public/images/main/section2.png) 65% 50% no-repeat;background-size: cover;}
    #main .section2 .txt-box{padding:0 40px;top:35%;}
    #main .section2 .txt-box h2{font-size:36px;}
    #main .section2 .txt-box h3{font-size:26px;}
    #main .section2 .txt-box p{font-size:16px;}
    #main .section2 .txt-box a{margin-top:25px;font-size:14px;line-height: 40px;width: auto;padding: 0 20px;}
    #main .section2 .txt-box a:after{width: 15px;height: 11px;top: 1px;}
    #main .section3{padding-top:65px;}
    #main .section3 .bg{background: url(/_public/images/main/section3.png) 60% 50% no-repeat;background-size: cover;}
    #main .section3 .txt-box{padding:0 40px;}
    #main .section3 .txt-box h2{font-size:36px;}
    #main .section3 .txt-box h3{font-size:26px;}
    #main .section3 .txt-box p{font-size:14px;word-break: keep-all;}
    #main .section3 .txt-box p br{display: none;}
    #main .section3 .txt-box a{margin-top:25px;font-size:14px;line-height: 40px;width: auto;padding: 0 20px;}
    #main .section3 .txt-box a:after{width: 15px;height: 11px;top: 1px;}
    #main .section3 .slide-box{padding-left:0;}
    #main .section3 .slide-box .slick-track{left:0;}
    #main .section3 .slide-box .slick-slide{border-radius: 15px;max-width:200px;}
    #main .section3 .slide-box .slick-slide figure{border-radius: 15px;}
    #main .section3 .slide-box .slick-slide .txt{padding:15px;}
    #main .section3 .slide-box .slick-slide .txt i{width:30px;height:30px;line-height: 30px;font-size:13px;}
    #main .section3 .slide-box .slick-slide .txt h4{margin-top:5px;font-size:16px;}
    #main .section3 .slide-box .slick-slide .txt p{font-size:13px;}
    #main .section3.active .txt-box a:hover{transform: scale(1);}
    #main .section4 .txt-box{padding:0 40px;top:35%;}
    #main .section4 .txt-box h2{font-size:36px;}
    #main .section4 .txt-box h3{font-size:26px;}
    #main .section4 .txt-box p{font-size:16px;}
    #main .section4 .txt-box a{margin-top:25px;font-size:14px;line-height: 40px;width: auto;padding: 0 20px;}
    #main .section4 .txt-box a:after{width: 15px;height: 11px;top: 1px;}
    #main .section5 .txt-box{padding:0 40px;top:35%;}
    #main .section5 .txt-box h2{font-size:36px;}
    #main .section5 .txt-box h3{font-size:26px;}
    #main .section5 .txt-box p{font-size:16px;}
    #main .section5 .txt-box a{margin-top:25px;font-size:14px;line-height: 40px;width: auto;padding: 0 20px;}
    #main .section5 .txt-box a:after{width: 15px;height: 11px;top: 1px;}

    .breadcrumbs .layout{padding:0 20px;}
    .breadcrumbs .layout:before{left:20px;bottom:-28px;}
    .breadcrumbs a{font-size:15px;}
    .breadcrumbs a + a{margin-left:20px;}
    .breadcrumbs .home{width:12px;}
    .breadcrumbs a:before{width:2px;height:2px;left:-10px;top:10px;}

    .visual-container i{left:45%;width:45px;bottom:13px;}
    .visual-container .hgroup h1{font-size:35px;}
    .visual-container .hgroup p{font-size:16px;}
    .visual-container.submain1{background: url(/_public/images/sub/m_top1.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;}
    .visual-container.submain2{background: url(/_public/images/sub/m_top2.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;}
    .visual-container.submain3{background: url(/_public/images/sub/m_top3.png) 50% 0% no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;}
    .visual-container.submain4{background: url(/_public/images/sub/m_top4.png) 50% bottom no-repeat;background-size: cover;background-repeat: no-repeat;background-size: cover;}

    .cooperative-main .main-contents{padding-top:25px;}
    .cooperative-main .layout{padding:0 30px;}
    .cooperative-main .main-contents em{font-size:16px;}
    .cooperative-main .main-contents h1{margin:0;font-size:22px;padding-top: 30px;line-height: 1.3em;}
    .cooperative-main .main-contents h1 strong{font-size:30px;line-height: normal;}
    .cooperative-main .main-contents p{margin-top:18px;font-size:16px;font-weight: 300;line-height: 1.56;letter-spacing: -0.54px;word-break: keep-all;}
    .cooperative-main .main-contents span{font-size:14px;margin-top: 30px;}
    .cooperative-main .main-contents span strong{font-size:22px;}
    .cooperative-main .main-contents .txt-box2{margin-top:45px;}
    .cooperative-main .main-contents ul{margin-top:40px;display: block;}
    .cooperative-main .main-contents ul li{display: block;}
    .cooperative-main .main-contents ul li .txt p{min-height: 75px;}
    .cooperative-main .main-contents ul li + li{margin-left:0;margin-top:20px;}

    #pages{padding-top:94px;}
    .page-top .visual{padding-top:93%;}
    .page-top .visual .hgroup h1{font-size:30px;}
    .page-top .visual .hgroup p{font-size:16px;margin-top:10px;}
    .page-top .visual.sub0101{background: url(/_public/images/sub/m_sub_visual0101.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0102{background: url(/_public/images/sub/m_sub_visual0102.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0103{background: url(/_public/images/sub/m_sub_visual0103.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0201{background: url(/_public/images/sub/m_sub_visual0201.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0202{background: url(/_public/images/sub/m_sub_visual0202.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0203{background: url(/_public/images/sub/m_sub_visual0203.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub0501{background: url(/_public/images/sub/m_sub_visual0501.png) 50% 50% no-repeat;background-size: cover;}

    .cooperative:before{left:20px;}
    .cooperative .history .layout{padding:0 20px}
    .cooperative .history .hgroup h3{font-size:25px;}
    .cooperative .history .hgroup p{margin-top:9px;font-size:16px;}
    .cooperative .history .slier-wrap{margin-top:30px;}
    .cooperative .history .slick-controls{transform: translateX(-50%);top: 256px;max-width: 225px;width: 100%;left: 50%;}
    .cooperative .history .slick-arrow{position: absolute;width:40px;height:40px;left:50%;background: url(/_public/images/icon/arrow5.svg) no-repeat;background-size: cover;font-size:0;}
    .cooperative .history .slick-arrow:hover{background: url(/_public/images/icon/arrow6.svg) no-repeat;background-size: cover;}
    .cooperative .history .slick-prev{left:0;}
    .cooperative .history .slick-next{transform: rotate(-180deg);left:initial;right:0;}
    .cooperative .history .slier-wrap .slick-dots li button{height:45px;font-size:15px;}
    .cooperative .history .slier-wrap:before{top:46px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl{margin-top:25px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dt{width:100%;float: none;text-align: center;font-size:30px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd{padding: 0;margin-top:40px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul{padding-left:30px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul:before{left:5px;top:10px;height: calc(100% - 43px);}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li:before{left:-29px;top:10px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li strong{font-size:20px;}
    .cooperative .history .slier-wrap .history-slider .slick-slide dl dd ul li p{font-size:16px;}

    .cooperative .organization{padding:50px 20px 130px;}
    .cooperative .organization .chart .level1:before{height:60px;bottom:-60px;}
    .cooperative .organization .chart .level1 h1{width:140px;height:140px;padding:10px;}
    .cooperative .organization .chart .level1 h1 span{line-height: 120px;font-size:25px;}
    .cooperative .organization .chart .level2{margin-top:60px;display: block;}
    .cooperative .organization .chart .level2:before{display: none;}
    .cooperative .organization .chart .level2 > div{line-height: 50px;font-size:18px;}
    .cooperative .organization .chart .level2:after{height:60px;bottom:-60px;}
    .cooperative .organization .chart .level2 > div:before{height:20px;top:-20px;}
    .cooperative .organization .chart .level2 > div:first-child:before{display:none;}
    .cooperative .organization .chart .level2 > div + div{margin-left: 0;margin-top:20px;}
    .cooperative .organization .chart .level3{margin-top:60px;display: block;}
    .cooperative .organization .chart .level3:before{display: none;}
    .cooperative .organization .chart .level3 > div{height:285px;}
    .cooperative .organization .chart .level3 > div + div{margin-left:0;margin-top:20px;}
    .cooperative .organization .chart .level3 > div:before{height:20px;top:-20px;}
    .cooperative .organization .chart .level3 > div:first-child:before{display: none;}
    .cooperative .organization .chart .level3 > div h4{font-size:18px;}
    .cooperative .organization .chart .level3 > div ul li{font-size:14px;}
    .cooperative .organization .chart .level3 > div p{font-size:14px;}
    .cooperative .organization .chart .level3 > div p span{font-size:14px;}

    .cooperative .support{padding:45px 0 80px;}
    .cooperative .support .layout{padding:0 20px;}
    .cooperative .support .list{display: block;}
    .cooperative .support .list + .list{margin-top:50px;}
    .cooperative .support .list > div{max-width:100%;}
    .cooperative .support .list > div + div{margin-top:50px;}
    .cooperative .support .list > div:nth-child(even){top:0;}
    .cooperative .support .list > div .txt-box{top:-17px;}
    .cooperative .support .list > div .txt-box h4{font-size:22px;}
    .cooperative .support .list > div .txt-box ul{margin-top:10px;}
    .cooperative .support .list > div .txt-box ul li{font-size:16px;padding-left:10px;}
    .cooperative .support .list > div .txt-box ul li:before{width:2px;height:2px;top:13px;}

    .join-main .breadcrumbs .layout:before{left:30px;}
    .join-main .main-contents{padding-top:25px;}
    .join-main .layout{padding:0 30px;}
    .join-main .main-contents h1{padding-top: 30px;font-size: 24px;line-height: 1.3em;}
    .join-main .main-contents h1:before{width:30px;}
    .join-main .main-contents p{margin-top:18px;font-size:16px;font-weight: 300;line-height: 1.56;letter-spacing: -0.54px;word-break: keep-all;}
    .join-main .main-contents ul{margin-top:40px;display: block;}
    .join-main .main-contents ul li{display: block;}
    .join-main .main-contents ul li + li{margin-left:0;margin-top:20px;}

    .join:before{left:20px;}
    .join .condition{padding:30px 20px 50px;}
    .join .condition .list ul{margin:0;}
    .join .condition .list ul li{width:100%;margin:0;}
    .join .condition .list ul li + li{margin-top:20px;}

    .join .process{padding:50px 0 128px;}
    .join .process .process-swiper{padding:0 40px 50px;}
    .join .process .process-swiper .swiper-slide{height:565px;}
    .join .process .process-swiper .swiper-slide .title-group .step{width: 80px;height: 80px;padding-top: 20px;}
    .join .process .process-swiper .swiper-slide .title-group .step span {font-size: 14px;}
    .join .process .process-swiper .swiper-slide .title-group .step i {font-size: 25px;}
    .join .process .process-swiper .swiper-slide a{font-size:16px;padding:15px;}
    .join .process .process-swiper .swiper-slide a:after{font-size:14px;height:17px;}
    .join .process .process-swiper .swiper-slide .title-group h4{font-size:22px;word-break: keep-all;}
    .join .process .process-swiper .swiper-slide p{font-size: 16px;word-break: keep-all;}

    .join .member-status{padding:50px 20px 130px;}
    .join .member-status .search-box input[type="text"]{padding:0 50px 0  25px;  border-radius: 30px;
        background-color: #f3f3f3;font-size:15px;  letter-spacing: -0.75px;box-shadow: none;}
    .join .member-status .search-box button{right:20px;}
    .join .member-status .search-box input[type="text"]::placeholder{font-size:15px;  letter-spacing: -0.75px;}
    .join .member-status .list{margin-top:20px;}
    .join .member-status .list .list-top{font-size:16px;}
    .join .member-status .list .tbody li .top:after{top:23px;}
    .join .member-status .list .tbody li .top .col{font-size:16px;}
    .join .member-status .list .tbody li .top .addr p span{font-size:14px;}

    .contactus-main{padding:48px 30px 176px;}
    .contactus-main .main-contents{padding-top:25px;}
    .contactus-main .breadcrumbs .layout:before{left:0;}
    .contactus-main .main-contents h1{padding-top: 30px;font-size: 24px;line-height: 1.3em;word-break: keep-all;}
    .contactus-main .main-contents h1:before{width:30px;}
    .contactus-main .main-contents .map-box{margin-top:50px;height:500px;}
    .contactus-main .main-contents ul{margin-top:25px;}
    .contactus-main .main-contents ul li{padding:25px 10px;text-align:center;}
    .contactus-main .main-contents ul li i{position: relative;left:0;top:0;width:46px;height:46px;}
    .contactus-main .main-contents ul li span{display: block;margin-top:10px;font-size:20px;}
    .contactus-main .main-contents ul li span strong.block{display: block;}
    .contactus-main .main-contents ul li span + span{margin-left:0;margin-top:0;}
    .contactus-main .main-contents ul li span + span:before{display: none;}

    .cooperative-news{padding:48px 30px 90px;}
    .cooperative-news .txt-wrap{    padding-top: 30px;
        font-size: 24px;
        line-height: 1.3em;}

    .sitemap{margin-top:28px;padding:46px 20px 250px;}
    .sitemap:before{left:20px;width:30px;}
    .sitemap .list{flex-wrap: wrap;}
    .sitemap .list .menu{flex:auto;width:50%;}
    .sitemap .list .menu:nth-child(3),
    .sitemap .list .menu:nth-child(4){margin-top:80px;}
    .sitemap .list .menu strong a{font-size:20px;}
    .sitemap .list .menu ul{margin-top:20px;}
    .sitemap .list .menu ul li{line-height: 2.25}
    .sitemap .list .menu ul li a{ font-size: 16px;font-weight: 300;}
}

/* mobile */
@media all and (max-width:320px) {
    #main .section3{padding-top:0;}
    #main .section3 .layout{height:100%;}
    #main .section3 .txt-box{position: absolute;left: 0;top: 37%;transform: translateY(-50%);font-size: 0;}
    #main .section3 .txt-box p{font-size:16px;}
    #main .section3 .slide-box{display: none;}
}