@charset "UTF-8";
/* @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../font/Roboto-Footlong.eot);
    src: url(../font/Roboto-Footlong.eot?#iefix) format('embedded-opentype'),
         url(../font/Roboto-Footlong.woff) format('woff'),
         url(../font/Roboto-Footlong.ttf) format('truetype');
} */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section, main, audio, video { margin: 0; padding: 0; }

/* html의 모든 요소와 가상요소선택자에 border-box사용하여 padding, border사용시
늘어나지않게함 */
*, :before, :after {box-sizing: border-box;}

/*html5추가 시멘틱엘리먼트를 익스하위버전에서 블럭으로 인식되도록함*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block }

/* button태그에 손모양 커서 */
button { cursor: pointer }

/* 반응형에서 이미지 원본크기보다 커지지않고 줄어들수는 있게함 */
img {max-width: 100%;}

/* 익스하위버전에서 이미지 선없애기 */
fieldset, img { border: 0; vertical-align: top }

/* 리스트 기호 빼기 */
ol, ul { list-style: none }

/* 태그 기본 기울임꼴 제거 */
address, em { font-style: normal }

/* 페이지안에서 가장 많은 링크색 지정 */
a { text-decoration: none; color: #666;  font-weight:400;}

/* iframe으로 외부컨텐츠를 연결했을때
외부컨텐츠안쪽내용이 우리페이지에 영향을 주지못하도록 가려줌
iframe아래쪽 간격없애기
*/
iframe { overflow: hidden; border: 0; vertical-align: top; }

/* 칸의 선을 합치기, 칸의 간격없애기, 가로를 늘려줌 */
table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; }

/* 굵기 빼고 헤딩태그 폰트크기를 body에 선언한 크기와 일치시킴 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }

/* 폼요소의 높이가 다를때 요소끼리 세로정렬시킴 */
input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0 }

/* textarea 리사이즈기능 빼기 */
textarea { resize: none }

/* 페이지안의 모든 폰트의 줄간격을 1.5로 통일시킴
모바일 크롬, 모바일 사파리 브라우져의 텍스트 자동확대 방지
*/
/* body { line-height: 1.5; -webkit-text-size-adjust: none } */
/* 지금 작업하는 페이지는 line-height:1.5를 제외하고 작업함 */
body {-webkit-text-size-adjust: none}

/* 선택영역 */
::-moz-selection {background: #e91e63; color:#fff;}
::selection {background: #e91e63; color:#fff;}

/* legend,caption,메뉴제목,섹션제목 블라인드 */
legend, caption, .blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px }

/* 공통스타일 */
/* skip Navgation */
#skipNavi a {display:block; position: absolute; left: 0; top: -999px; transition:all 0.5s; width: 100%; padding:10px 0; background:#fff; color: #000; z-index: 99999; text-align: center; transform: translateY(-100%); }

#skipNavi a:focus, #skipNavi a:hover, #skipNavi a:active { transform: translateY(0); }

body, input, select, textarea, button, table { font-family: 'Roboto'; font-size: 16px; color: #222; letter-spacing: -0.025em; font-weight:400;}


/* placeholder공통 */
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #999; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #999; opacity: 1; /* Firefox */ }

/* 테이블 공통스타일 */
/*테이블 제목 공통*/
.tbl_wrap { margin-top: 100px; }
.tbl_wrap h3 { font-family: 'Roboto'; font-size: 30px; color: #333; position: relative; }
.tbl_wrap h3:before { content: ''; position: absolute; left: 0; top: -20px; width: 80px; height: 3px; background: #000; }
.tbl_wrap h4 { font-family: 'Roboto'; font-size: 25px; color: #333; margin-top: 40px; }

.tbl_wrap .unit { float: right; }

.tbl_wrap .warning { color: #9e897d; margin: 10px 0; padding-left: 25px; position: relative; }
.tbl_wrap .warning:before {
    content: '\f06a';
    font-family: 'Roboto';
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -4px;
}

table thead th { border: 1px solid #d9d9d9; border-top: 2px solid #333; border-bottom: none; height: 70px; background: #f7f7f7; font-size: 18px; font-weight: bold; color: #333; }

table tbody th,
table tbody td { border: 1px solid #d9d9d9; height: 60px; text-align: center; font-size: 16px; font-weight: normal; }

table td.left_td { text-align: left; }
table td.left_td a:hover { text-decoration: underline; }


/* 게시판 페이징 공통 */
.tbl_wrap .paging_wrap { text-align: center; margin-top: 20px; }
.tbl_wrap .paging_wrap .paging { display: inline-block; vertical-align: top; }
.tbl_wrap .paging_wrap .paging .btn_paging {
    float: left;
    width: 22px;
    height: 40px;
    text-indent: -9999px;
    background: url(../images/sprite_pc.png) no-repeat -392px -296px;
}

.tbl_wrap .paging_wrap .paging .btn_prev { background-position: -362px -168px; margin-right: 5px; }
.tbl_wrap .paging_wrap .paging .btn_num { float: left; width: 38px; height: 38px; border: 1px solid #eee; line-height: 38px; margin: 0 5px; }
.tbl_wrap .paging_wrap .paging span.on { background: #bb0841; color: #fff; border-color: #bb0841; }
.tbl_wrap .paging_wrap .paging .btn_next { background-position: -21px -417px; margin-left: 5px; }
.tbl_wrap .paging_wrap .paging .btn_last { background-position: -438px -374px; }

/* 폼요소 공통스타일 */

/* input[type="checkbox"] + label {
    cursor:pointer;
    position:relative;
    padding-left:40px;
    color:#292929;
    line-height:30px;
    display:inline-block;
} */
/* 태그에서 + 는 인접형제선택자 라는 역활을 하는데 바로밑에있는 형제만 선택한다. 그밑에있는 형제는 선택안됨 */
/* input[type="checkbox"] + label:before {
    content:'';
    position:absolute;
    left:0;
    top:7px;
    width:23px;
    height:23px;
    background:url(../images/_check01.png) no-repeat;
} */

/* input[type="checkbox"] + label em {
    color:#009223;
} */
/* input[type="checkbox"]:checked + label:before {
    background: url(../images/icon_checkbox.png) no-repeat 50% 50%;
    background-size:50%;
} */

/* input[type="checkbox"] + label:after {
    content:'';
    position:absolute;
    top:10px;
    left:6px;
    width:0;
    height:20px;
    background:url(../images/_check01.png) no-repeat;
    transition: all 0.5s;
}
input[type="checkbox"]:checked + label:after {
    width:24px;
} */

body.on {overflow:hidden;}
/* 레이아웃 크기 입력하여 줄어들지않게함 */
#wrap {min-width: 360px; position:relative; overflow:hidden;}

/* header */
#header {width:100%; position:absolute; top:30px; left:50%; z-index:20; transform:translateX(-50%);
transition:all 0.3s cubic-bezier(.78,.13,.15,.86);}
#header.activated {position:fixed; top:0; width:100%; border-radius:unset;}
#header.activated .header_inner {border-radius:0; max-width:100%; box-shadow:0 1px 0 rgb(0 0 0 / 8%);}
#header .header_inner {max-width:1280px; height:96px; margin:0 auto; border-radius:50px; position:relative; padding:0 2.5rem; background-color:#fff; transition:all 0.3s cubic-bezier(.78,.13,.15,.86);}
#header .header_inner .header_logo {position:absolute; top:50%; left:4.5rem; transform:translateY(-50%);}
#header .header_inner .header_logo a {display:block;}
#header .header_inner .gnb {display:flex; justify-content:center;}
#header .header_inner .gnb li {padding:0 25px; text-align:center; flex-shrink:0; position:relative;}
#header .header_inner .gnb li a {display:block; line-height:95px; font-size:1.10rem; font-weight:700;}
#header .header_inner .gnb li> .gnb_depth2 {background-color:#fff; display:none; box-shadow:0 5px 15px rgb(0 0 0 / 15%); position:absolute; top:96px; left:0; width:170px;}
#header .header_inner .gnb li> .gnb_depth2 li a {display:block; line-height:1.5em; padding:0.6em 0px; text-align:left;}
/* //header */

/* main */
#main .section1 {}
#main .section1 .main_slider {}
#main .section1 .main_slider .swiper-slide {position:relative;}
#main .section1 .main_slider .swiper-slide .brand_info_btn {position:absolute; bottom:31%; right:20.5%; width:15%;}
#main .section1 .main_slider .swiper-slide .membership_btn {position:absolute; bottom:29%; left:27.5%; width:5%;}
#main .section1 .main_slider .swiper-slide .introduce_btn {position:absolute; bottom:21%; right:28%; width:9%;}
#main .section1 .main_slider .swiper-slide .curiculrum_btn {position:absolute; bottom:7%; right:23%; width:10%;}
#main .section1 .main_slider .swiper-button-prev {left:30px; width:50px; height:50px; background:url(../images/left_arrow.png) 50% 50% no-repeat; background-size:40% 70%;}
#main .section1 .main_slider .swiper-button-next {right:30px; width:50px; height:50px; background:url(../images/right_arrow.png) 50% 50% no-repeat; background-size:40% 70%;}
#main .section1 .main_slider .swiper-pagination {bottom:20px;}
#main .section1 .main_slider .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px; background-color:#ffef52; opacity:1;}
#main .section1 .main_slider .swiper-pagination .swiper-pagination-bullet-active {background-color:#ff7463;}

/* section2 */
#main .section2 {background:url(../images/Main_con2_bg.png) 50% top no-repeat; text-align:center; padding:144px 0 128px; background-size:auto; background-color:#fefef6;}
#main .section2 h2 {background-color:#ff7463; border-radius:50px; display:inline-block; padding:15px 40px; color:#fff; font-size:2.4rem; font-weight:700;}
#main .section2 p {font-size:1.7rem; line-height:2.5rem; margin-top:48px;}
#main .section2 .ability {padding:56px 1.5rem 0; display:flex; justify-content:center;}
#main .section2 .ability li {margin-right:20px;}
#main .section2 .ability li:last-child {margin-right:0px;}
#main .section2 .ability li p {margin-top:17px; font-size:1.2rem; line-height:28px;}
#main .section2 .ability li p strong {font-size:1.5rem; position:relative; z-index:3;}
#main .section2 .ability li p strong:after {content:''; position:absolute; bottom:-6px; left:-8px; width:111%; background-color:#ffee51; z-index:-1; height:100%;}

/* section3 */
#main .section3 {background:url(../images/Main_con3_bg.png) top right no-repeat; background-size:auto; background-color:#fefef6; padding:0 2.5rem 80px; transition:background 0.3s ease;}
#main .section3 .section_inner {max-width:1280px; margin:0 auto 80px;}
#main .section3 .section_inner .section_tit {font-size:2.4rem; font-weight:700; padding:88px 0 48px;}
#main .section3 .section_inner .section3_txt {font-size:1.1rem; color:#fff; padding:2px 24px; display:inline-block; background-color:#ff7463; border-radius:50px;}
#main .section3 .section_inner .section3_txt2 {padding-top:13px; font-size:1.4rem; line-height:2.4rem;}
#main .section3 .section_inner .ability2 {padding-top:32px;}
#main .section3 .section_inner .ability2 li {padding-left:17px; margin-bottom:0.5rem; background:url(../images/Cg_circle_red.png) no-repeat left top 10px;}
#main .section3 .section_inner .ability2 li p {font-size:1.2rem;}

/* section4 */
#main .section4 {background:url(../images/Main_con4_bg.png) top left no-repeat; background-size:auto; background-color:#fefef6; padding:0 2.5rem 80px; height:663px; transition:background 0.3s ease;}
#main .section4 .section_inner {max-width:1280px; margin:0 auto; display:flex; justify-content:flex-end;}
#main .section4 .section_inner .notice {width:38%; position:relative;}
#main .section4 .section_inner .notice .section_tit {font-size:2.4rem; font-weight:700; padding-top:88px;}
#main .section4 .section_inner .notice .move_notice {font-size:17px; font-weight:700; border-radius:1.7em; padding:0.5em 1.3em; background-color:#f9d5b4; color:#fff; position:absolute; top:98px; right:0; transition:background 0.3s;}
#main .section4 .section_inner .notice .move_notice:hover {background-color:#f7caa1;}
#main .section4 .section_inner .notice .notice_list {padding:32px 0 9px;}
#main .section4 .section_inner .notice .notice_list li {padding:9px 0; border-bottom:1px solid #a7a7a7; position:relative;}
#main .section4 .section_inner .notice .notice_list li:after {content:''; position:absolute; top:12px; right:10px; background:url(../images/notice_arrow.png) no-repeat; width:9px; height:16px;}
#main .section4 .section_inner .notice .notice_list li a {display:block; width:60%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#main .section4 .section_inner .notice .notice_btn_wrap {width:100%; margin-top:16px; display:flex;}
#main .section4 .section_inner .notice .notice_btn_wrap .notice_btn {display:inline-block; width:50%; padding:10px 1.5rem; font-size:1.5rem; position:relative; z-index:1; margin-top:2rem;}
#main .section4 .section_inner .notice .notice_btn_wrap .notice_btn:before {content:''; position:absolute; top:-9px; left:-3px; width:60px; height:60px; background-color:#ff7463; border-radius:50%; z-index:-1;}
#main .section4 .section_inner .notice .notice_btn_wrap .notice_btn:last-child:before {background-color:#ffee51;}
#main .section4 .section_inner .notice .notice_btn_wrap .notice_btn:after {content:''; position:absolute; top:17px; right:15px; background:url(../images/notice_arrow.png) no-repeat; z-index:2; width:16px; height:16px;}

#main .top_btn {position:fixed; bottom:-50px; right:20px; width:50px; height:50px; z-index:99; text-indent:-9999px; background-color:rgba(0,0,0,0.3); border:none; transition:bottom 0.3s ease;}
#main .top_btn:after {content:''; position:absolute; top:0%; left:0%; transform:rotate(-90deg);  background:url(../images/top_btn.png) 50% 50% no-repeat; width:50px; height:50px;}
#main .top_btn:hover {background-color:#ff7463;}
#main .top_btn.activated {bottom:20px;}
/* //main */

/* footer */
#footer {padding:2rem 2.5rem; background-color:#ff7463;}
#footer .footer_inner {max-width:1280px; margin:0 auto; position:relative;}
#footer .footer_inner .footer_list {display:flex; border-bottom:1px solid #fff; padding-bottom:2rem;}
#footer .footer_inner .footer_list li {margin-right:3%;}
#footer .footer_inner .footer_list li a {display:block; font-size:1.1rem; font-weight:500; color:#fff; padding:5px 0;}
#footer .footer_inner .footer_txt_wrap{padding-top:1.1rem;}
#footer .footer_inner .footer_txt_wrap .footer_txt {padding-top:0.4rem; color:rgba(255, 255, 255, 0.7); transform:skew(-0.05deg); font-weight:300;}
#footer .footer_inner .footer_txt_wrap .footer_txt span {margin:0 13px;}
#footer .footer_inner .footer_txt_wrap .footer_txt:last-child {margin-top:3%; font-size:0.9rem;}
#footer .footer_inner .footer_sns_wrap {position:absolute; bottom:0; right:0;}
#footer .footer_inner .footer_sns_wrap .footer_sns {display:flex;}
#footer .footer_inner .footer_sns_wrap .footer_sns li {margin-left:15px;}
#footer .footer_inner .footer_sns_wrap .footer_sns li a {display:block;}
/* //footer */

/* 딤처리, 팝업창 */
.dimm {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,0.8); display:none;}
.dimm .btn_close {position:fixed; top:30px; right:30px; width:45px; height:45px; z-index:99999;}
.popup_box {width:70%; height:100%; position:fixed; top:20px; left:50%; transform:translateX(-50%);z-index:9999;}
.popup_box .popup_list {width:100%; height:100%;}
.popup_box .popup_list .popup_content {width:100%; height:100%; background-color:#fff; display:none;}
.popup_box .popup_list .popup_content.on {display:block;}
.popup_box .popup_list .popup_content .popup_head {color:#1a1a1a; background:#f5f5f5; font-size:2rem; line-height:1.5; padding:1rem 1.5rem;}
.popup_box .popup_list .popup_content .popup_txt {padding:5%; background-color:#fff; color:#4d4d4d; overflow-y:scroll; height:calc(100% - 80px);}
.popup_box .popup_list .popup_content .popup_txt p {line-height:28px; overflow-y:auto;}
.popup_box .popup_list .popup_content .popup_txt p:last-child {margin-top:20px;}
.popup_box .popup_list .popup_content .popup_txt img {width:16px; height:16px;}

/* //딤처리, 팝업창 */

/* 웹에서 보이지말아야할 것 숨김 */
#header .header_inner .m_gnb {display:none;}
#header .header_inner .m_gnb.on {display:none;}
#header .header_inner .m_menu_wrap {display:none;}
.m_br {display:none;}

/* //웹에서 보이지말아야할 것 숨김 */

/* section3,4 두가지 배경 크기 맞추기 */
@media screen and (max-width:1400px) {
    #main .section3 {background-image:url(../images/tablet_con3_bg.png);}
    #main .section4 {background-image:url(../images/tablet_con4_bg.png);}
}

/* 노트북분기점 width:1200 */
@media screen and (max-width:1200px) {
    #header {position:fixed; top:0;}
    #header .header_inner {max-width:100%; border-radius:0; height:65px;}
    #header .header_inner .header_logo img {width:60%;}
    #header .header_inner .gnb {justify-content:flex-end;}
    #header .header_inner .gnb li a {line-height:65px;}
    #header .header_inner .gnb li> .gnb_depth2 {top:65px;}

    /* main */
    #main {padding-top:65px;}

    /* section2 */
    #main .section2 h2 {padding:5px 35px;}
    #main .section2 .ability li {margin-right:10px;}

    /* section3 */
    #main .section3 {background-image:url(../images/tablet_con3_bg.png);}
}

/* section3,4 두가지 배경맞추기 두번째 */
@media screen and (max-width:1100px) {
    #main .section3 {background-image:url(../images/m_con3_bg.png);}
    #main .section4 {background-image:url(../images/m_con4_bg.png);}
}

/* 태블릿 분기점 */
@media screen and (max-width:900px) {
    #header .header_inner {padding:0 1rem;}
    #header .header_inner .header_logo {left:1rem;}
    #header .header_inner .gnb {display:none;}
    #header .header_inner .m_gnb {display:none; width:100%; position:absolute; top:65px; left:0; background-color:#fff; padding:0 1rem 0.5rem; opacity:0; transition:opacity 1s; overflow-y:auto;}
    #header .header_inner .m_gnb.on {opacity:1; transition:opacity 1s;}
    #header .header_inner .m_gnb li {position:relative; z-index:1;}
    #header .header_inner .m_gnb li.on:before {content:''; position:absolute; top:3px; left:-13px; width:30px; height:30px; border-radius:50%; background:#ff7463; z-index:-1;}
    #header .header_inner .m_gnb li a {display:block; font-size:1.1rem; padding:0.9rem 0; font-weight:600;}
    #header .header_inner .m_menu_wrap {display:block; position:absolute; top:0; right:1rem; width:20px; height:65px;}
    #header .header_inner .m_menu_wrap a {display:block; height:100%;}
    #header .header_inner .m_menu_wrap .m_menu_btn {border-bottom:0.15em solid #4d4d4d; border-width:3px; position:absolute; top:50%; transform:translateY(-50%); width:20px; transition:transform 0.15s cubic-bezier(0,1,.8,1);}
    #header .header_inner .m_menu_wrap .m_menu_btn:before {content:''; position:absolute; top:-0.3333em; transition:top 0.15s cubic-bezier(0,1,.8,1) 0.15s, opacity 0.15s cubic-bezier(0,1,.8,1); border-bottom:inherit; width:inherit;}
    #header .header_inner .m_menu_wrap .m_menu_btn:after {content:''; position:absolute; top:0.4em; transition:top 0.15s cubic-bezier(0,1,.8,1) 0.15s, opacity 0.15s cubic-bezier(0,1,.8,1); border-bottom:inherit; width:inherit;}
    /* 햄버거메뉴 클릭시  */
    #header .header_inner .m_menu_wrap .m_menu_btn.active {transform:translateY(-50%) rotate(45deg); transition-delay:0.15s;}
    #header .header_inner .m_menu_wrap .m_menu_btn.active:before {top:0; opacity:0; transition:top 0.15s cubic-bezier(0,1,.8,1), opacity 0.15s cubic-bezier(0,1,.8,1) 0.15s;}
    #header .header_inner .m_menu_wrap .m_menu_btn.active:after {top:0; transform:rotate(90deg); transition:top 0.15s cubic-bezier(0,1,.8,1), transform 0.15s cubic-bezier(0,1,.8,1) 0.15s;}
    #header .header_inner .m_gnb> li .m_gnb_depth2 {display:none;}
    #header .header_inner .m_gnb> li .m_gnb_depth2 li a {padding-left:1.4rem; font-size:0.9rem; font-weight:500; position:relative;}
    #header .header_inner .m_gnb> li.m_hover_brand.activated> a:after,
    #header .header_inner .m_gnb> li.m_hover_membership.activated> a:after {transform:rotate(90deg);}
    #header .header_inner .m_gnb> li.m_hover_brand> a:after,
    #header .header_inner .m_gnb> li.m_hover_membership> a:after {content:''; position:absolute; top:18px; right:0; background:url(../images/notice_arrow.png) center center no-repeat; width:15px; height:15px; transform:rotate(-90deg); transition:transform 0.5s;}

    /* #main */
    #main .section1 .main_slider .swiper-button-prev,
    #main .section1 .main_slider .swiper-button-next {display:none;}
    #main .section3 {background-position-x:150%;}
    #main .section4 {background-position-x:-50%;}
    #main .section4 .section_inner .notice .notice_btn_wrap .notice_btn {font-size:1.2rem;}
}

/* 모바일분기점 최소 width:360 최대 767px */
@media screen and (max-width:767px) {
    
    #main .section2 {padding:2rem 0 3rem; background-size:100%;}
    #main .section2 h2 {padding:7px 30px; font-size:1.2rem;}
    #main .section2 p {margin-top:1.5rem; font-size:1rem; line-height:1.6rem;}
    #main .section2 .ability {padding:25px 1rem 0;}
    #main .section2 .ability img {width:80%;}
    #main .section2 .ability li {margin-right:-30px;}
    #main .section2 .ability li p {font-size:1rem; line-height:1.2rem;}
    #main .section2 .ability li p strong {font-size:1rem;}
    
    #main .section3 {background-image:none; padding-bottom:48px;}
    #main .section3 .section_inner {margin-bottom:0;}
    #main .section3 .section_inner .section_tit {font-size:1.9rem; padding:2rem 0;}
    #main .section3 .section_inner .section3_txt {font-size:1rem; padding:5px 15px;}
    #main .section3 .section_inner .section3_txt2 {font-size:1.2rem; line-height:1.8rem;}
    #main .section3 .section_inner .ability2 {margin-left:0.3rem; padding-top:16px}
    #main .section3 .section_inner .ability2 li p {font-size:0.9rem;}

    #main .section4 {background-image:none; height:auto;}
    #main .section4 .section_inner .notice {width:100%;}
    #main .section4 .section_inner .notice .section_tit {font-size:1.9rem; padding-top:40px;}
    #main .section4 .section_inner .notice .move_notice {top:40px;}
    #main .section4 .section_inner .notice .notice_btn_wrap .notice_btn {font-size:1.5rem;}

    #footer {padding:1.5rem 1.5rem 2rem;}
    #footer .footer_inner .footer_list {padding-bottom:1rem;}
    #footer .footer_inner .footer_list li a {font-size:1rem;}
    #footer .footer_inner .footer_txt_wrap {padding-bottom:2rem;}
    #footer .footer_inner .footer_txt_wrap .footer_txt {font-size:0.9rem;}

    /* dimm,popup */
    .dimm .btn_close {background-color:#000; width:50px; height:50px;}
    .dimm .btn_close img {width:70%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); right:20px;}
    .popup_box {width:100%;}
}

/* footer sns버튼 최소 분기점 */
@media screen and (max-width:600px) {
    .m_br {display:block;}

    #main .section1 .main_slider .swiper-slide .membership_btn {bottom:24%;}
    #main .section2 .ability li {width:31%; margin-right:0.7rem;}
    #main .section2 .ability li p {font-size:0.9rem;}
    #main .section2 .ability li p strong {font-size:0.8rem;}


    #footer .footer_inner .footer_sns_wrap {bottom:-10px; left:0; right:auto;}
    #footer .footer_inner .footer_sns_wrap .footer_sns li a {width:30px; height:30px;}
    #footer .footer_inner .footer_sns_wrap .footer_sns li:first-child {margin-left:0;}
}