@charset "utf-8";

/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/*--WEBFONT
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
    
    @font-face {
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 400;
        src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
        
    @font-face {
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 500;
        src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
    
    @font-face {
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 700;
        src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}--*/

/*--SETTING--*/
* {
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Noto Sans KR", "Open Sans", "Roboto", Helvetica, Arial, sans-serif !important;
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-weight: 300;
    letter-spacing: -0.5px;
    background-color: #ffffff
}

body {
    margin: 0;
    padding: 0;
    color: #222222;
    overflow-y: scroll;
}

div, table, ul, ol, li, dl, dt, dd, p, input, textarea, select, img, h1, h2, h3, h4, em, address, fieldset, form, iframe, object {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: none;
}

a {
    text-decoration: none;
    color: #000
}

a:link {
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    border: none;
}

a:active {
    border: none;
}

button {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}

button:active {
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

button:visited {
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

button:focus {
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

span {
    display: inline-block;
    vertical-align: top;
}

textarea:focus {
    outline: none;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*--header--*/
#wrap {
    width: 100%;
    height: 100%;
    min-width: 320px;
    position: relative;
}

.composition {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 80px;
    background-color: #ffffff;
    z-index: 10;
}

.head {
    margin: 0 auto;
    padding: 20px 0;
    max-width: 1080px;
    overflow: hidden;
    position: relative;
}

.head .logo {
    display: inline-block;
    background: url(../images/logo.png) center center no-repeat;
    width: 140px;
    height: 40px;
    background-size: 140px;
}

.head .navi {
    display: inline-block;
    float: right;
    vertical-align: middle;
}

.head .navi_m {
    display: none;
}

.head .navi ul {
    display: inline-block;
    vertical-align: middle;
}

.head .navi ul li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.head .navi .lang_select {
    display: inline-block;
    background-color: #2668ff;
    width: 70px;
    height: 30px;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    padding: 3px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.head .navi .lang_select select {
    background: url(../images/ico_arrow_down.png) no-repeat 95% 40%;
    display: block;
    color: #ffffff;
    width: 100%;
    background-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 3px;
}

.head .navi .lang_select select option {
    background-color: #ffffff;
    color: #000;
    border: none;
}

/*--contents--*/
.container {
    padding-top: 80px;
}

.mainvisual {
    width: 100%;
    height: 800px;
    margin: 0 auto;
    color: #ffffff;
    position: relative;
}

.mainvisual .main_img {
    background: url(../images/img_main.png) center center no-repeat;
    height: 800px;
    background-size: cover;
}

.mainvisual .main_phrase {
    margin: 0 auto;
    max-width: 1080px;
    padding-top: 150px;
}

.mainvisual .main_phrase h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
}

.mainvisual .main_phrase h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 20px;
}

.mainvisual .main_phrase .main_btn {
    position: relative;
    margin-top: 50px;
}

.mainvisual .main_phrase .main_btn a {
    display: inline-block;
    padding: 18px 30px;
    border: 2px solid #ffffff;
    border-radius: 18px;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    margin-right: 3px;
}

.mainvisual .main_phrase .main_btn a:hover {
    color: #ffffff;
    opacity: 0.7;
}

/*--video--*/
.intro {
    width: 100%;
    padding: 90px 0;
}

.intro .v_s {
    max-width: 1080px;
    margin: 0 auto;
    height: 100%;
}

/*--video 수정 및 추가(200923)--*/
.intro .video {
    margin: 20px 0 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.intro .video li {
    display: inline-block;
    width: 345px;
    margin-right: 22px;
    float: left
}

.intro .video li:last-child {
    margin-right: 0;
}

.intro .video li a {
    display: block;
    position: relative;
    cursor: pointer;
}

.intro .video li a img {
    width: 100%;
}

/*--video 추가(200923)--*/
.intro .video li a .dimmed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
}

.intro .video li a .play {
    display: block;
    background: url(../images/ico_play.png) center center no-repeat;
    width: 60px;
    height: 60px;
    background-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -31px;
    margin-left: -31px;
}

.video_contents {
    display: block;
    position: relative;
    overflow: hidden;
    height: 245px;
    width: 100%;
}

.page_btn {
    display: block;
    position: absolute;
    top: 40%;
    width: 100%
}

.page_btn .button_left {
    position: absolute;
    top: 0;
    left: 18px;
    background: url(../images/ico_arrow_gl.png) center center no-repeat;
    width: 20px;
    height: 39px;
    background-size: 18px;
}

.page_btn .button_right {
    position: absolute;
    top: 0;
    right: 18px;
    background: url(../images/ico_arrow_gr.png) center center no-repeat;
    width: 20px;
    height: 39px;
    background-size: 18px;
}

.intro .sns {
    width: 340px;
    margin: 0 auto;
    text-align: center;
}

.intro .sns li {
    display: inline-block;
    margin: 0 7px;
}

.intro .sns li.kakao a {
    display: block;
    background: url(../images/img_kakao.png) center center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.intro .sns li.telegram a {
    display: block;
    background: url(../images/img_telegram.png) center center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.intro .sns li.facebook a {
    display: block;
    background: url(../images/img_facebook.png) center center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.intro .sns li.twitter a {
    display: block;
    background: url(../images/img_twitter.png) center center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.intro .sns li.medium a {
    display: block;
    background: url(../images/img_medium.png) center center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

/*--about--*/
.about {
    width: 100%;
}

.about .about_pp {
    max-width: 1080px;
    margin: 0 auto;
    padding: 90px 0;
    border-top: 1px solid #a1a1a1;
}

/*--about 내용 수정(200925)--*/
.about .about_pp .about_img {
    width: 38%;
    display: inline-block;
    text-align: left
}

.about .about_pp .about_img h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
}

.about .about_pp .about_img h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 10px;
}

.about .about_pp .about_img img {
    display: block;
    text-align: left;
    width: 323px;
    margin-top: 60px;
}

.about .about_pp .about_text {
    width: 60%;
    display: inline-block;
}

.about .about_pp .about_text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.about .about_pp .about_text h2 {
    color: #2668ff;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    margin: 40px 0 15px;
}

/*--strategy--*/
.strategy {
    width: 100%;
    height: 1050px;
    background-color: #f2f2f2;
    padding: 50px 0;
    text-align: center;
}

.strategy .sub_title {
    text-align: center;
    margin: 50px 0;
}

.strategy .sub_title h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
}

.bar {
    width: 40px;
    height: 3px;
    background-color: #2668ff;
}

.strategy ul {
    position: relative;
    margin-bottom: 50px;
}

.strategy ul li {
    display: inline-block;
    width: 200px;
    margin-right: 12px;
    background-color: #ffffff;
    height: 360px;
    padding: 20px;
    text-align: left;
}

.strategy ul li:last-child {
    margin-right: 0;
}

/*--strategy 내용수정 및 추가(200925)--*/
.strategy ul li h1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    height: 85px;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 1px;
}

.strategy ul li p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #222222;
    margin-top: 20px;
}

.strategy_img {
    display: block;
    background: url(../images/img_strategy.png) center center no-repeat;
    width: 730px;
    height: 282px;
    text-align: center;
    margin: 0 auto;
}

.strategy ul li h1.strategy_en {
    font-size: 15px;
    line-height: 22px;
}

/*--strategy 내용수정(200925)--*/
.strategy02 {
    width: 100%;
    height: 100%;
    padding: 110px 0;
    text-align: center;
}

.strategy02 ul {
    position: relative;
    padding: 0 25px;
}

.strategy02 ul li {
    display: inline-block;
    width: 324px;
    margin-right: 40px;
    text-align: left;
}

.strategy02 ul li img {
    display: block;
    width: 100%;
}

.strategy02 ul li:last-child {
    margin-right: 0;
}

/*--strategy 내용수정(201008)--*/
.strategy02 ul li h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 50px;
    height: 108px;
}

.strategy02 ul li p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.strategy02 ul li p.strategy02_en {
    font-size: 15px;
    line-height: 24px;
}

/*--service--*/
.service {
    width: 100%;
    height: 1100px;
    padding: 100px 0;
    text-align: center;
    background-color: #2668ff;
}

.service .sub_title {
    text-align: center;
    margin: 15px 0;
}

.service .sub_title h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
    color: #ffffff;
}

.bar_w {
    width: 40px;
    height: 3px;
    background-color: #ffffff;
}

.service .service_pp {
    text-align: center;
    max-width: 1080px;
    overflow: hidden;
    margin: 0 auto;
}

.service .service_text {
    color: #ffffff;
    width: 325px;
    text-align: left;
    display: inline-block;
    text-align: right;
    float: left;
    margin-top: 42px;
}

/*--service 내용 추가(200925)--*/
.service h1.title_en {
    font-size: 32px;
    margin-bottom: 50px;
    font-weight: 300;
}

.service .service_img {
    display: inline-block;
    width: 68%
}

.service .service_img img {
    display: block;
    width: 100%
}

.service h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
}

.service h5 {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 70px;
    letter-spacing: 0;
}

.service h3 {
    font-size: 21px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 18px;
    margin-right: 30px;
    position: relative;
}

.service h3::before {
    width: 8px;
    height: 8px;
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: -25px;
    border-radius: 50%;
    background-color: #ffffff;
}

.service .service_contents {
    position: relative;
}

.service .service_contents::after {
    width: 1px;
    height: 77%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 9px;
    background-color: #ffffff;
    margin-top: 16px;
    opacity: 0.3;
}

.service .paycoinday {
    position: relative;
}

.service .paycoinday h1 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
}

.service .paycoinday ul {
    margin-top: 10px;
}

.service .paycoinday ul li {
    display: inline-block;
    margin-right: 5px;
}

.service .paycoinday ul li:last-child {
    margin-right: 0;
}

.service .paycoinday ul li button {
    width: 160px;
    height: 48px;
    background-color: #2668ff;
    border: 1px solid #ffffff;
    border-radius: 15px;
}

.service .paycoinday ul li button a {
    display: block;
}

.service .paycoinday ul li button a img {
    width: 120px;
}

.service .paycoinday ul li button.more_btn {
    background-color: #ffffff;
    border: 1px solid #2668ff;
    border-radius: 15px;
}

.service .paycoinday ul li button.more_btn a {
    display: inline-block;
}

.service .paycoinday ul li button.more_btn a span {
    color: #2668ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.service .paycoinday ul li button.more_btn a span.arrow {
    background: url(../images/ico_arrow.png) center center no-repeat;
    width: 24px;
    height: 10px;
    vertical-align: middle;
    margin-left: 5px;
    background-size: 24px;
}

/*--roadmap--*/
.roadmap {
    width: 100%;
    height: 630px;
    text-align: center;
    position: relative;
}

.roadmap .roadmap_img {
    background: url(../images/img_merchants.png) center center no-repeat;
    height: 630px;
    background-size: cover;
}

.roadmap .roadmap_contents {
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 70px;
}

.roadmap .roadmap_contents ul {
    margin: 110px 0;
}

.roadmap .roadmap_contents ul li {
    display: inline-block;
    width: 33%;
    color: #ffffff;
}

.roadmap .roadmap_contents ul li span {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.roadmap .roadmap_contents ul li h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 52px;
    margin-top: 10px;
}

.roadmap .roadmap_contents .major_merchants h1 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
}

.more_btn {
    width: 160px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 15px;
}

.more_btn a {
    display: inline-block;
}

.more_btn a span {
    color: #2668ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.more_btn a span.arrow {
    background: url(../images/ico_arrow.png) center center no-repeat;
    width: 24px;
    height: 10px;
    vertical-align: middle;
    margin-left: 5px;
    background-size: 24px;
}

/*--team--*/
.team {
    width: 100%;
    text-align: center;
    padding: 100px 0 0;
}

.team .team_contents {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 150px;
}

.title_section {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
    text-align: center;
} /*240326 수정*/

.team_list{
    margin-bottom: 80px;
} /*240326 수정*/

.team_list > strong {
    font-size: 24px;
    color: #1774ff;
} /*240326 수정*/

.team ul {
    display: flex;
    justify-content: center;
} /*240326 수정*/

.member_desc{
    display: block;
    margin-top: 20px;

}/*240326 수정*/

.member_desc > dt{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}/*240326 수정*/

.member_desc > dd{
    display: block;
    margin-top: 8px;
    font-size: 20px;
    color: #222;
}/*240326 수정*/

.wrap_period {
    display: block;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}/*240326 수정*/

.wrap_period > .period {
    margin-bottom: 12px;
    font-size: 18px;
    text-align: left;
    color: #555;
}/*240326 수정*/

.wrap_period > .period > span{
    display: block;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: normal;
}/*240326 수정*/

.team ul li {
    display: inline-block;
    text-align: center;
    margin-right:40px ;
    width: 30%;
}/*240326 수정*/

.team ul li img {
    width: 100%;
}/*240326 수정*/

.team ul li:last-child {
    margin-right: 0;
}

.team ul li p {
    width: 100%;
    text-align: left;
    margin-top: 50px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
}

/*--notice--*/ /*240412 추가*/
.notice{
    background: #f5f5f5;
}

.notice_contents{
    display: flex;
    flex-direction: column;
    max-width: 1080px;
    margin: 0 auto;
    padding: 100px 20px;
}

.list_notice{
    display: flex;
    flex-wrap: wrap;
    flex:1;
}

.list_notice > li{
    width: 100%;
    margin-top: 20px;
}

.list_notice > li:first-child{
    margin-top: 0;
}

.list_notice > li > a{
    display: flex;
    align-items: center;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}

.title_notice{
    width: 100%;
    font-size: 22px;
    color: #1774ff;
}

.date{
    font-size: 18px;
    color: #999;
}

/*notice detail*/ /*240412*/
.inner-padding{max-width: 1080px; margin: 0 auto; padding:100px 20px;}
.notice-view > h2.titie-article{font-size: 40px; text-align: center; margin-bottom:40px;}
.notice-view > p{display:flex; justify-content:center; margin-bottom:100px;}
.notice-view > p span{display:inline-block; padding:0 20px; color:#aaa; font-size:18px; border-right:1px solid #ddd;}
.notice-view > p span:last-child{border-right:none;}
.notice-view > div{padding-bottom:100px; font-size:20px; border-bottom:1px solid #ccc;}
.notice-view > div > span{display:block; padding-bottom:8px; font-size:15px; color:#999;}
.notice-view > div > p{padding-bottom:40px; font-size:18px; white-space:pre-line; line-height:1.5;}
.notice-view > div > p > a{color:#1774ff; text-decoration:underline;}
.notice-view > div > p > strong{color:#ff4f4f; font-weight: normal;}
.notice-view > ul > li{padding:40px 0; border-bottom:1px solid #eee;}
.notice-view > ul > li:last-child{border-bottom:1px solid #ccc;}
.notice-view > ul > li > a{color:#444; font-size:20px; transition:all 0.3s linear;}
.notice-view > ul > li > a span{margin-right:12px; padding:6px 20px; font-size:14px; color:#fff; background:#000; border-radius:50px;}
.notice-view > ul > li > a.no-cont{color:#999; transition:all 0.3s linear;}
.notice-view > ul > li > a.no-cont span{color:#aaa; background:#eee;}
.notice-view > ul > li:hover > a{color:#000; font-size:20px; transition:all 0.3s linear;}
.notice-view > ul > li:hover > a.no-cont {color:#999;}


/*--partners--*/
.partners {
    max-width: 1080px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}

.partners h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 30px;
}

.partners ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 80px;
}

.partners ul::after {
    content: '';
    display: block;
    clear: both;
}

/*.partners ul li{position:relative; display:inline-block; width:16%; border-right:1px solid #cccccc;}*/ /*240418*/
/*240418 수정*/
.partners ul li {
    position: relative;
    display: inline-block;
    margin-bottom: 70px;
    padding: 0 12px;
    flex: 0 0 30%; /*250317 수정*/
}
/*.partners ul li.pd-side{
    display: flex;
    padding: 0 30px;
    align-items: center;
} 250317 수정*/

/*230414 수정*/
.partners ul li img {
    width: 100%;
}

.partners ul li:last-child {
    border: none;
}

/*--footer--*/
.footer {
    width: 100%;
    padding: 80px 0;
    background-color: #2e2e2e;
}

.footer .footer_contents {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}

.footer .footer_contents img {
    width: 163px;
}

.footer .footer_contents p {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 30px;
    letter-spacing: 0;
}

.footer .footer_contents h6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 30px 0 0;
}

/*--footer 약관 수정(210707)--*/
.footer .footer_contents .fotter_terms {
    position: relative;
}

.footer .footer_contents .fotter_terms li {
    display: inline-block;
    margin-right: 10px;
}

.footer .footer_contents .fotter_terms a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
}

.footer .footer_contents .fotter_terms a.font_blue {
    color: #428EFF;
}

/*--footer 약관 수정(210707)--*/
.footer .sns_link {
    position: absolute;
    top: 0;
    right: 0;
}

.footer .sns_link li {
    display: inline-block;
    margin: 0 5px;
}

.footer .sns_link li.kakao a {
    display: block;
    background: url(../images/img_kakao.png) center center no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

.footer .sns_link li.telegram a {
    display: block;
    background: url(../images/img_telegram.png) center center no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

.footer .sns_link li.facebook a {
    display: block;
    background: url(../images/img_facebook.png) center center no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

.footer .sns_link li.twitter a {
    display: block;
    background: url(../images/img_twitter.png) center center no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

.footer .sns_link li.medium a {
    display: block;
    background: url(../images/img_medium.png) center center no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

/* --footer vqf image */
.footer .vqf {
    position: absolute;
    top: 50px;
    right: 0px;
    margin: 10px 0;
}

.footer .vqf img {
    width: auto;
    height: auto;
}

/*--동영상 팝업 추가(200923)--*/
.video_popup {
    display: block;
}

.dimm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
    z-index: 99;
}

.popup_container {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.popup_content {
    width: 1000px;
    height: 564px;
    position: relative;
    display: block;
    max-width: 1080px;
}

.popup_content iframe {
    width: 100%;
    height: 100%;
}

.popup_close {
    display: block;
    position: absolute;
    top: -70px;
    right: -20px;
    padding: 20px;
}

.popup_close button {
    display: block;
    background: url(../images/ico_close_w.png) center center no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    z-index: 999;
}

/*--popup 약관-*/
.popup02 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.p_container02 {
    position: fixed;
    top: 13%;
    width: 700px;
    height: 700px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    left: 0;
    right: 0;
    z-index: 999;
}

.p_container02 .iframe_w {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.p_container02 .iframe_w iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.btn_close {
    position: absolute;
    top: -30px;
    right: -10px;
}

.btn_close button {
    width: 20px;
    height: 20px;
    background: url(../images/ico_close_w.png) center center no-repeat;
    background-size: 50px;
}

.dimmed_pop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    /*--header--*/
    .head {
        padding: 20px 40px;
    }

    /*--contents--*/
    .mainvisual .main_phrase {
        padding: 130px 40px;
    }

    /*--video--*/
    .intro .video {
        padding: 0 25px;
    }

    /*--video 추가(200924)--*/
    .page_btn .button_left {
        left: 40px;
    }

    .page_btn .button_right {
        right: 40px;
    }

    /*--about--*/
    .about {
        padding: 0 40px;
    }

    /*--strategy--*/
    .strategy {
        height: 100%;
    }

    .strategy ul li {
        width: 180px;
    }

    .strategy02 ul li {
        width: 294px;
    }

    .strategy02 ul li img {
        display: inline-block;
    }

    .strategy02 ul li h1 {
        margin-top: 40px;
    }

    /*--service--*/
    .service {
        height: 100%;
    }

    .service .service_pp {
        padding: 0 25px;
    }

    .service .service_img {
        width: 66%
    }

    .service h5 {
        margin: 15px 0 45px
    }

    .service h3 {
        margin-bottom: 13px;
    }

    /*--team--*/
    .team {
        height: 100%;
        padding: 100px 25px 0;
    }

    /*--footer--*/
    .footer {
        padding: 80px 25px;
    }

    /*--partners--*/
    .partners ul li { /*width:140px;*/
        padding: 0 8px;
        border-right: 0;
    }

    /*230414 수정*/
    .partners ul li img { /*width:150px;*/
    }

    /*230414 수정*/
}

@media (max-width: 1023px) and (min-width: 840px) {
    /*--header--*/
    .head {
        padding: 20px 40px;
    }

    /*--contents--*/
    .mainvisual .main_phrase {
        padding: 130px 40px;
    }

    /*--video--*/
    .intro {
        padding: 25px;
    }

    .intro .video li {
        width: 290px;
    }

    /*--video 추가(200924)--*/
    .page_btn {
        top: 35%
    }

    .page_btn .button_left {
        left: 20px;
        background-size: 14px;
    }

    .page_btn .button_right {
        right: 20px;
        background-size: 14px;
    }

    /*--about--*/
    .about {
        padding: 40px;
    }

    .about .about_pp {
        padding: 70px 0;
    }

    .about .about_pp .about_img img {
        width: 95%;
    }

    .about .about_pp .about_text {
        padding-left: 20px;
    }

    .about .about_pp .about_text p {
        font-size: 15px;
    }

    /*--strategy--*/
    .strategy {
        height: 100%;
    }

    .strategy ul {
        margin: 0 40px 50px;
    }

    .strategy ul li {
        width: 100%;
        height: 140px;
        margin-top: 10px;
    }

    .strategy ul li h1 {
        margin-top: 5px;
        border-bottom: 0;
        height: 25px;
    }

    .strategy ul li p {
        margin-top: 10px;
    }

    .strategy02 {
        height: 100%;
    }

    .strategy02 ul li {
        width: 100%;
        height: 200px
    }

    .strategy02 ul li.strategy02_en_t {
        height: 300px
    }

    .strategy02 ul li div {
        display: inline-block;
        width: 60%;
        margin-left: 30px;
    }

    .strategy02 ul li img {
        display: inline-block;
        width: 30%
    }

    .strategy02 ul li h1 {
        margin-top: 0;
        height: auto;
        margin-bottom: 20px;
    }

    /*--service--*/
    .service {
        height: 100%;
    }

    .service .service_text {
        width: 45%;
        display: block;
        text-align: center;
        padding: 0 50px;
        float: none;
        margin: 0 auto;
    }

    .service h5 {
        margin: 20px 0 50px
    }

    .service h3 {
        margin-right: 0;
    }

    .service .service_contents {
        text-align: left;
        padding-left: 25px;
    }

    .service h3::before {
        right: 0;
        left: -23px;
    }

    .service .service_contents::after {
        right: 0;
        left: 5px;
    }

    /*--team--*/
    .team {
        height: 100%;
        padding: 100px 20px 0;
    }

    .team .team_contents {
        padding-bottom: 100px;
    }

    .team ul li {
        margin-right: 40px;
        width: 30%;
    }/*240326 수정*/

    .team ul li img {
        width: 100%;
    }/*240326 수정*/

    .team ul li p {
        width: 230px;
    }

    /*--footer--*/
    .footer {
        padding: 80px 25px;
    }

    .footer .vqf {
        position: absolute;
        top: 50px;
        right: 0px;
        margin: 10px 0;
    }

    .footer .vqf img {
        width: 400px;
        height: auto;
    }

    /*--동영상 팝업 추가(200924)--*/
    .popup_content {
        width: 720px;
        height: 406px;
    }

    /*--partners--*/
    .partners ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    /*240418 수정*/
    .partners ul li {
        display: block;
        width: 50%;
        margin-bottom: 40px;
        border-right: 0;
        flex: 0 0 30%;
    }

    /*240418 수정*/
    .partners ul li img {
        width: 90%;
    }

    /*230414 추가*/
}

@media (max-width: 839px) and (min-width: 320px) {
    /*--header--*/
    .head .navi {
        display: none;
    }

    .head .logo {
        margin: 0 20px;
    }

    .head .navi_m {
        display: block;
        background-color: #ffffff;
        padding: 20px
    }

    .head .menu_btn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .head .menu_btn button {
        outline: 0;
        border: 0;
        padding: 29px;
        background-color: #ffffff;
    }

    .head .menu_btn button span {
        display: inline-block;
        background: url(../images/ico_menu.png) center center no-repeat;
        width: 22px;
        height: 22px;
        background-size: 22px;
    }

    .head .navi_m .language {
        display: inline-block;
        color: #2668ff;
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        border-bottom: 1px solid #2668ff;
        margin-right: 10px;
    }

    .head .navi_m ul {
        margin-top: 25px;
    }

    .head .navi_m ul li {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .head .navi_m ul li a {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .head .navi_m ul li:last-child {
        margin-bottom: 10px;
    }

    /*--contents--*/
    .mainvisual {
        height: 100%;
    }

    .mainvisual .main_phrase {
        padding: 30px 25px;
    }

    /*--video--*/
    .intro {
        padding: 25px;
        height: 100%;
        margin-top: 30px;
    }

    .intro .sns {
        width: 100%;
        margin-bottom: 50px;
    }

    /*--video 수정(201005)--*/
    .video_contents {
        height: 200px;
    }

    .intro .video {
        width: 1800px;
        margin: 0 0 5px 0;
    }

    .intro .video li {
        width: 265px;
    }

    /*--video 추가(200924)--*/
    .page_btn {
        top: 28%
    }

    .page_btn .button_left {
        left: 15px;
        background-size: 14px;
    }

    .page_btn .button_right {
        right: 15px;
        background-size: 14px;
    }

    .button_view_more {
        display: block;
        background: url(../images/ico_arrow_gd.png) center center no-repeat;
        width: 100%;
        height: 33px;
        background-size: 20px;
        margin: 0 auto;
        border: 1px solid #d2d2d2;
        padding: 3px 20px;
        border-radius: 5px;
    }

    /*--about--*/
    .about {
        padding: 25px;
        height: 100%;
    }

    .about .about_pp {
        padding: 60px 0;
    }

    .about .about_pp .about_img {
        display: block;
        width: 100%;
    }

    .about .about_pp .about_text {
        width: 100%;
        margin-top: 30px;
    }

    .about .about_pp .about_img img {
        width: 100%;
        margin-top: 20px;
    }

    /*--strategy--*/
    .strategy {
        height: 100%;
    }

    .strategy .sub_title {
        margin: 30px 0;
    }

    .strategy .sub_title h1 {
        font-size: 40px;
    }

    .strategy ul {
        margin: 0 25px 40px;
    }

    /*--strategy 내용 수정 및 추가(200925)--*/
    .strategy ul li h1 {
        margin-top: 5px;
        border-bottom: 0;
        height: 25px;
    }

    .strategy ul li h1.strategy_en {
        height: 40px;
        font-size: 16px;
        margin-top: 0;
    }

    .strategy ul li p {
        margin-top: 10px;
        line-height: 21px;
    }

    .strategy02 {
        height: 100%;
        padding: 70px 0;
    }

    .strategy02 ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    /*--strategy 내용 추가(200925)--*/
    .strategy02 ul li h1 {
        line-height: 42px;
    }

    .strategy02 ul li:last-child {
        margin-bottom: 0;
    }

    /*--service--*/
    .service {
        height: 100%;
        padding: 70px 0;
    }

    /*--service 내용 추가(200925)--*/
    .service h1.title_en {
        font-size: 43px;
        line-height: 51px;
    }

    .service .sub_title {
        padding: 0 25px;
    }

    .service .sub_title h1 {
        font-size: 40px;
    }

    .service .service_text {
        width: 50%;
        display: block;
        text-align: center;
        padding: 0 50px;
        float: none;
        margin: 0 auto;
    }

    .service h5 {
        margin: 20px 0 50px
    }

    .service h3 {
        margin-right: 0;
    }

    .service .service_contents {
        text-align: left;
        padding-left: 25px;
    }

    .service h3::before {
        right: 0;
        left: -23px;
    }

    .service .service_contents::after {
        right: 0;
        left: 5px;
    }

    /*--roadmap--*/
    .roadmap {
        height: 100%;
    }

    .roadmap .roadmap_contents {
        padding: 70px 25px;
    }

    .roadmap .roadmap_contents ul {
        margin: 30px 0 120px;
        text-align: center;
    }

    .roadmap .roadmap_contents ul li {
        display: block;
        margin: 0 auto;
        margin-bottom: 60px;
        width: 100%;
        padding: 0 25px;
    }

    .roadmap .roadmap_contents ul li h1 {
        font-size: 48px
    }

    .roadmap .roadmap_contents ul li span {
        font-size: 21px
    }

    .roadmap .roadmap_img {
        background: url(../images/img_merchants_m.png) center center no-repeat;
        height: 840px;
        background-size: cover;
    }

    /*--team--*/
    .team {
        height: 100%;
        padding: 80px 25px 0;
    }

    .team ul {
        display: flex;
        margin-top: 20px;
    }/*240326 수정*/

    .team ul li {
        margin-right: 20px;
        width: 70%;
    }/*240326 수정*/

    .team ul li img {
        width: 100%;
    }/*240326 수정*/

    .team ul li p {
        width: 100%;
        margin: 15px 0 70px;
    }

    .member_desc > dt{
        font-size: 20px;
    }/*240326 수정*/

    .member_desc > dd{
        margin-top: 8px;
        font-size: 16px;
    }/*240326 수정*/

    .team .team_contents {
        padding-bottom: 0;
    }

    .title_section {
        font-size: 40px;
    }/*240326 수정*/

    /*notice*/ /*240412 추가*/
    .list_notice > li > a{
        flex-direction: column;
        align-items: baseline;
        padding: 20px 30px;
    }

    .title_notice{
        margin-bottom: 4px;
        font-size: 18px;
    }

    .date{font-size: 15px;}

    /*notice detail*/ /*240412 추가*/
    .inner-padding{padding:60px 20px;}
    .notice-view > h2.titie-article{
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
        padding: 0 30px;
    }

    .notice-view > div > p{font-size: 16px;}/*240412 추가*/

    /*--partners--*/
    .partners {
        padding: 80px 25px;
    }

    .partners h1 {
        font-size: 40px;
    }

    .partners ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 60px;
    }

    /*240418 수정*/
    .partners ul li {
        display: block;
        width: 50%;
        margin-bottom: 40px;
        border-right: 0;
        flex: 0 0 50%;
    }

    /*240418 수정*/
    .partners ul li img{
        width: 80%;
    }

    /*230414 수정*/
    /*--footer--*/
    .footer {
        padding: 80px 25px;
    }

    .footer .vqf {
        position: static;
        margin: 10px 0;
    }

    .footer .vqf img {
        width: 400px;
        height: auto;
    }

    /*--동영상 팝업 추가(200924)--*/
    .popup_close button {
        width: 18px;
        height: 18px;
        background-size: 18px;
        top: -50px;
    }
}


@media (max-width: 840px) and (min-width: 630px) {
    /*--header--*/
    /*--contents--*/
    .mainvisual .main_phrase h1 {
        font-size: 36px;
        line-height: 48px;
    }

    .mainvisual .main_phrase h3 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px;
    }

    .mainvisual .main_img {
        background: url(../images/img_main_main.png) center center no-repeat;
        height: 605px;
        background-size: cover;
    }

    .mainvisual .main_phrase .main_btn {
        margin-top: 20px;
    }

    .mainvisual .main_phrase .main_btn a {
        font-size: 15px;
        padding: 18px 25px;
        border-radius: 13px;
        background-color: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(254, 254, 254, 0.5)
    }

    /*--strategy--*/
    .strategy ul li {
        width: 100%;
        height: 140px;
        margin-top: 10px;
    }

    .strategy_img {
        background: url(../images/img_strategy.png) center center no-repeat;
        width: 100%;
        background-size: 86%;
    }

    .strategy02 ul li h1 {
        margin-top: 25px;
        height: auto;
        margin-bottom: 20px;
    }

    /*--service--*/
    .service .service_text {
        width: 60%;
    }

    /*--동영상 팝업 추가--*/
    .popup_content {
        width: 600px;
        height: 338px;
    }

}

@media (max-width: 630px) and (min-width: 500px) {
    .mainvisual .main_phrase h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .mainvisual .main_phrase h3 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px;
    }

    .mainvisual .main_img {
        background: url(../images/img_main_main.png) center center no-repeat;
        height: 605px;
        background-size: cover;
    }

    .mainvisual .main_phrase .main_btn {
        margin-top: 22px;
    }

    .mainvisual .main_phrase .main_btn a {
        font-size: 14px;
        padding: 12px 20px;
        border-radius: 13px;
        background-color: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(254, 254, 254, 0.5)
    }

    /*--strategy--*/
    .strategy ul li {
        width: 100%;
        height: 140px;
        margin-top: 10px;
    }

    .strategy_img {
        background: url(../images/img_strategy_m.png) center center no-repeat;
        width: 100%;
        background-size: 80%;
    }

    .strategy02 ul li h1 {
        margin-top: 25px;
        height: auto;
        margin-bottom: 20px;
    }

    /*--service--*/
    .service .service_text {
        width: 75%;
    }

    .service .paycoinday ul {
        padding: 0 25px;
    }

    .service .paycoinday ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    /*--동영상 팝업 추가--*/
    .popup_content {
        width: 480px;
        height: 270px;
    }

}

@media (max-width: 500px) and (min-width: 414px) {
    /*--video 추가(201005)--*/
    .intro .video li {
        width: 360px;
    }

    .intro .sns {
        margin-top: 25px;
    }

    .page_btn {
        top: 40%
    }

}

@media (max-width: 500px) and (min-width: 375px) {
    /*--contents--*/
    .mainvisual .main_phrase h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .mainvisual .main_phrase h3 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px;
    }

    .mainvisual .main_img {
        background: url(../images/img_main_main.png) center center no-repeat;
        height: 605px;
        background-size: cover;
    }

    .mainvisual .main_phrase .main_btn {
        margin-top: 22px;
    }

    .mainvisual .main_phrase .main_btn a {
        font-size: 14px;
        padding: 12px 20px;
        border-radius: 13px;
        background-color: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(254, 254, 254, 0.5)
    }

    /*--video--*/
    .intro .sns li {
        margin: 0 5px;
    }

    .intro .sns li.kakao a {
        width: 45px;
        height: 45px;
        background-size: 45px
    }

    .intro .sns li.telegram a {
        width: 45px;
        height: 45px;
        background-size: 45px
    }

    .intro .sns li.facebook a {
        width: 45px;
        height: 45px;
        background-size: 45px
    }

    .intro .sns li.twitter a {
        width: 45px;
        height: 45px;
        background-size: 45px
    }

    .intro .sns li.medium a {
        width: 45px;
        height: 45px;
        background-size: 45px
    }

    /*--strategy--*/
    .strategy ul li {
        width: 100%;
        height: 175px;
        margin-top: 10px;
    }

    .strategy_img {
        background: url(../images/img_strategy_m.png) center center no-repeat;
        width: 100%;
        height: 200px;
        background-size: 80%;
    }

    .strategy02 ul li h1 {
        margin-top: 25px;
        height: auto;
        margin-bottom: 20px;
    }

    /*--service--*/
    .service .service_text {
        width: 100%;
    }

    .service .service_img {
        width: 90%;
    }

    .service .paycoinday {
        margin-top: 30px;
    }

    .service .paycoinday ul {
        padding: 0 25px;
    }

    .service .paycoinday ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .service .paycoinday h1 {
        padding: 0 25px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    /*--team--*/
    .team ul {
        display: block;
        margin-top: 20px;
    }/*240326 수정*/

    .team ul li {
        margin-right: 20px;
        width: 100%;
    }/*240326 수정*/


    /*--footer--*/
    .footer {
        padding: 80px 25px 150px;
    }

    .footer .sns_link {
        top: 350px;
        left: 0;
    }

    .footer .vqf {
        position: static;
        margin: 10px 0;
    }

    .footer .vqf img {
        width: 400px;
        height: auto;
    }

    /*--동영상 팝업 추가--*/
    .popup_content {
        width: 360px;
        height: 203px;
    }
}

@media (max-width: 413px) and (min-width: 375px) {
    /*--video 추가(201005)--*/
    .intro .video li {
        width: 325px;
    }

    .intro .sns {
        margin-top: 25px;
    }

    .page_btn {
        top: 37%;
    }

    .footer .vqf {
        position: static;
        margin: 10px 0;
    }

    .footer .vqf img {
        width: 300px;
        height: auto;
    }
}

@media (max-width: 374px) and (min-width: 320px) {
    /*--contents--*/
    .mainvisual .main_phrase h1 {
        font-size: 32px;
        line-height: 40px
    }

    .mainvisual .main_phrase h3 {
        font-size: 16px;
        line-height: 21px
    }

    .mainvisual .main_img {
        background: url(../images/img_main_main.png) center center no-repeat;
        height: 605px;
        background-size: cover;
    }

    .mainvisual .main_phrase .main_btn {
        margin-top: 20px;
    }

    /*--contents 내용수정(200925)--*/
    .mainvisual .main_phrase .main_btn a {
        font-size: 13px;
        padding: 12px;
        border-radius: 13px;
        background-color: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(254, 254, 254, 0.5)
    }

    /*--video--*/
    .intro .sns li {
        margin: 0 5px;
    }

    .intro .sns li.kakao a {
        width: 40px;
        height: 40px;
        background-size: 40px
    }

    .intro .sns li.telegram a {
        width: 40px;
        height: 40px;
        background-size: 40px
    }

    .intro .sns li.facebook a {
        width: 40px;
        height: 40px;
        background-size: 40px
    }

    .intro .sns li.twitter a {
        width: 40px;
        height: 40px;
        background-size: 40px
    }

    .intro .sns li.medium a {
        width: 40px;
        height: 40px;
        background-size: 40px
    }

    /*--about--*/
    .about .about_pp .about_img h1 {
        font-size: 38px;
    }

    /*--strategy--*/
    .strategy ul li {
        width: 100%;
        height: 190px;
        margin-top: 10px;
    }

    .strategy ul li h1 {
        height: 48px;
    }

    .strategy ul li p {
        font-size: 13px;
        line-height: 20px;
    }

    .strategy .sub_title h1 {
        font-size: 38px;
    }

    .strategy_img {
        background: url(../images/img_strategy_m.png) center center no-repeat;
        width: 100%;
        height: 160px;
        background-size: 80%;
    }

    .strategy02 ul li h1 {
        margin-top: 25px;
        height: auto;
        margin-bottom: 15px;
    }

    /*--service--*/
    .service .service_text {
        width: 100%;
    }

    .service .service_img {
        width: 90%;
    }

    .service .paycoinday {
        margin-top: 30px;
    }

    .service .paycoinday ul {
        padding: 0 25px;
    }

    .service .paycoinday ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .service .paycoinday h1 {
        padding: 0 25px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    /*--team--*/
    .team ul {
        display: block;
        margin-top: 20px;
    }/*240326 수정*/

    .team ul li {
        margin-right: 20px;
        width: 100%;
    }/*240326 수정*/

    .wrap_period > .period {
        margin-bottom: 8px;
        font-size: 16px;
        text-align: left;
        color: #999;
    }/*240326 수정*/

    .wrap_period > .period > span{
        display: block;
        background: #f5f5f5;
        font-size: 14px;
        font-weight: normal;
    }/*240326 수정*/


    /*--footer--*/
    .footer {
        padding: 80px 25px 150px;
    }

    .footer .sns_link {
        top: 350px;
        left: 0;
    }

    .footer .vqf {
        position: static;
        margin: 10px 0;
    }

    .footer .vqf img {
        width: 300px;
        height: auto;
    }

    /*--동영상 팝업 추가--*/
    .popup_content {
        width: 300px;
        height: 169px;
    }
}