/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_tab						{display:none;}

.inner {max-width: 1400px; width: 100%; height: auto; margin: 0 auto;}
@media(max-width:1480px){
.inner {padding: 0 4%;}
}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative; background: #F7F9FB;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_right					{width:100%; padding-right:0%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf; display: none;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t {width:100%; height: 100px; display:flex; align-items: center; justify-content: space-between; position: fixed; z-index: 10; left:0; top:0; background: #fff; padding-left: 60px;}

.header_logo {width: 15%;}
.header_logo img {display: block; max-width: 260px; width: 100%; height: auto;}

.header_gnb_bg {width: 60%; display: flex; align-items: center; justify-content: center; height: 100%;}
.header_gnb_bg::after {content: ''; display: block; width: 100vw; height: 0; background: #ffffffeb; position: absolute; left: 0; top: 100px; transition: height 0.2s; z-index: 8;}
.header_gnb_bg > div {width: 100%; height: 100%;}
.header_gnb_bg .nav_ul {display: flex; align-items: center; justify-content:space-between; width: 100%; height: 100%;}
.header_gnb_bg .nav_ul > li {flex:1 0 auto; position: relative; text-align: center;}
.header_gnb_bg .nav_ul > li::before {content: ''; width: 0; height: 3px; background: #034EA2; display: block; position: absolute; bottom: -40px; left: 0; transition:all 0.5s; z-index: 10;}
.header_gnb_bg .nav_ul > li:hover::before {width: 100%;}
.header_gnb_bg .nav_ul > li > a {font-size: 19px; font-weight: 600; color: #222; display: flex; align-items: center; justify-content: center; height: 100%;}
.header_gnb_bg .nav_ul > li:hover > a {color: #034EA2;}

.header_gnb_bg .nav_ul > li.active::before { width:100%; }
.header_gnb_bg .nav_ul > li.active > a {color: #034EA2;}

.header_gnb_bg .nav_ul > li:nth-child(4) .sub li:nth-child(2), .header_gnb_bg .nav_ul > li:nth-child(4) .sub li:nth-child(3) {line-height: 1.6;}
.header_gnb_bg .nav_ul > li .sub a {display: inline-flex; align-items: center; justify-content: center;}
.header_gnb_bg .nav_ul > li .sub a img {display: block; padding-left: 5px;}
.header_gnb_bg .sub {width: 0; height: 0; opacity: 0; visibility: hidden; text-align: center;}
.header_gnb_bg .sub li {margin-bottom: 12px;}
.header_gnb_bg .sub a {font-size: 17px; position: relative; top: 0; left: 0; }
.header_gnb_bg .sub a::before {content: ''; width: 0; height: 10px; background: #034EA2; opacity: 0.21; display: block; position: absolute; left: 0; bottom: 5px; z-index: -1; transition:all 0.3s;}
.header_gnb_bg .sub a:hover::before {width: 100%;}
.header_gnb_bg .sub a.cactive::before {width: 100%;}

.header_gnb_bg:hover::after {height: 570px; transition: height 0.2s;}
.header_gnb_bg:hover .sub {width: 120%; height: auto; opacity: 1; visibility: visible; position: absolute; left: 50%; top: 80px; transform: translate(-50%,0); z-index: 9; line-height: 2; transition:opacity 0.2s 0.2s;}
.header_gnb_bg:hover .sub a {color: #212121; font-weight: 400;}

.h-right {width: 15%; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600;}
.h-right .login_btn a:first-child {color: #034EA2; position: relative;}
.h-right .login_btn a:first-child::after {content: ''; display: inline-block; width: 3px; height: 3px; background: #E6E6E6; margin: 0 10px 3px 10px;}

.header_btn{width:5%;display: flex; justify-content: flex-end;}
.header_btn .language_btn{width:100%; position: relative; text-align:center;}
.header_btn .language_btn>a{color:#fff; font-size:16px; width:100%; text-align:center;}
.header_btn .language_btn ul{position:absolute; top:30px; width:100%; display: none; background:#fff; padding:5px 10px; border:1px solid #ddd;}
.header_btn .language_btn ul li a{display:block; font-size:15px; color:#121212; padding:5px 0; text-align:center;}

.header_t.f-nav .header_btn .language_btn a{color:#121212;}
.header_btn .language_btn a:hover, .header_btn .language_btn a:focus{color:#034EA2 !important;}

.header_btn .login_btn{display: flex; flex-direction: column; align-items: flex-end;}
.header_btn .login_btn a{display: block; font-size:14px; color:#fff; padding:3px 0;}
.f-nav .header_btn .login_btn a{color:#121212;}

.mo_nav {width: 100px; height: 100px; display:flex; align-items: center; justify-content: center; background: #034EA2; text-align: right;}
.mo_nav button {background: transparent; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-end;}
.mo_nav .icon-bar {display: block; width: 32px; height: 2px; background: #fff; transition: all 0.2s;}
.mo_nav .middle-bar {margin: 9px 0; width: 24px;}

.mo_nav:hover .middle-bar {transform:translateX(-8px);}


@media(max-width:1480px){
.header_t {height: 85px; padding-left: 40px;}

.header_gnb_bg .nav_ul > li > a {font-size: 17px;}
.header_gnb_bg:hover .sub {top: 70px}
.header_gnb_bg .sub a {font-size: 14px;}
.h-right {width: 18%; font-size: 14px;}
.header_gnb_bg .sub li {margin-bottom: 10px;}
.header_gnb_bg .nav_ul > li::before {bottom: -33px;}
.header_gnb_bg .nav_ul > li .sub a img {height: auto !important; width: 16px !important; padding-left: 2px;}

.header_gnb_bg::after {top: 85px;}
.header_gnb_bg:hover::after {height: 510px;}

.mo_nav {width: 85px; height: 85px;}
}
@media(max-width:1180px){
.header_t {padding-left: 2%;}
.header_logo {width: 15%;}
.header_gnb_bg {width: 65%;}
.header_gnb_bg .nav_ul > li > a {font-size: 15px;}
.header_gnb_bg .sub a {font-size: 14px;}
.header_gnb_bg .nav_ul > li {flex: auto; width: calc(100%/0.5);}

.h-right {font-size: 13px;}

.h-right .login_btn a:first-child::after {margin: 0 3px 3px 5px;}
}
@media(max-width:1000px){
.header_btn .login_btn, .header_btn .language_btn{display: none;}
.header_btn, .header_logo{width:40%;}
.header_t{justify-content: space-between;}
.header_gnb_bg, .login_btn {display: none;}

.mo_nav{display:flex; width: 65px; height: 65px;}
.mo_nav .icon-bar {width: 25px;}
.mo_nav .middle-bar {width: 18px; margin: 7px 0;}
.header_t {height: 65px; padding-left: 4%;}
.header_logo img {width: 200px;}
.h-right {width: auto;}
}

/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual * {color: #fff;}
.main_visual {width: 100%; height: 905px; position: relative;}
.main_visual::after {content: ''; display: block; width: 1px; height: 100%; background: #ffffff50; position: absolute; right: 100px; top: 0; z-index: 2;}
.main_visual .mct-wrap {max-width: 1400px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.mv-tit span {font-size: 18px; text-transform: uppercase;}
.mv-tit h2 {font-size: 60px; margin: 15px 0 50px; font-weight: 700; line-height: 1.2;}
.mv-tit p {font-size: 20px;}

.mv-pager {margin: 76px 0 0 5px; position:absolute;  bottom: 33%; left: 0; right: 0; max-width:1385px; width:100%; margin: auto;}
.main_visual .swiper-pagination-bullet {width: 6px; height: 6px; background: #9D9D9D; opacity: 1; margin-right: 20px; position: relative;}
.main_visual .swiper-pagination-white .swiper-pagination-bullet-active::after {content: ''; display: block; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.main_visual .swiper_play {display: none !important;}

.mv-scroll {width: 100px; position: absolute; right: 0; bottom: 80px; z-index: 2; display: flex; flex-direction: column; align-items: center; animation:visual_scroll 1s ease-in Infinite Alternate; animation-timing-function:ease;}
.mv-scroll span {display: block; text-transform: uppercase; transform: rotate(-90deg); margin-bottom: 55px; font-size: 13px;}
.mv-scroll img {display: block; max-width: 14px; width: 100%; height: auto;}
@keyframes visual_scroll {
  0% {
    bottom: 80px;
  }
  100% {
    bottom: 110px;
  }
}

@media(max-width:1480px){
.main_visual::after {right: 85px;}
.mv-scroll {width: 85px;}
.mv-scroll span {font-size: 12px; margin-bottom: 50px;}

.main_visual .mct-wrap {padding-left: 40px;}

.mv-tit h2 {font-size: 50px; line-height: 1.1;}
}
@media(max-width: 1080px){
.main_visual {height: 700px;}
.mv-tit h2 {font-size: 36px; margin: 15px 0 35px;}
.mv-tit span {font-size: 16px;}
.mv-tit p {font-size: 18px;}

.mv-pager {margin: 40px 0 0 5px;}
.main_visual .swiper-pagination-bullet {width: 4px; height: 4px;}
}
@media(max-width:890px){
.main_visual {height: 90vh;}
.main_visual .mct-wrap {padding-left: 4%; top: auto; bottom: 10%;}
.main_visual::after {right: 65px;}
.mv-tit {width: 96%;}
.mv-scroll,.main_visual::after {display: none;}

.mv-tit h2 {font-size: 1.6em; margin: 2% 0 7%;}
.mv-tit span, .mv-tit p {font-size: 1em;}

.mv-pager {margin: 3% 0 0 2%;}
.main_visual .swiper-pagination-bullet {margin-right: 15px;}

@keyframes visual_scroll {
  0% {
    bottom: 180px;
  }
  100% {
    bottom: 140px;
  }
}
}
@media(max-width:580px){
.main_visual {height: 70vh;}
.mv-tit h2 {font-size: 1.3em; line-height: 1.4; margin: 2% 0 5%;}
.mv-tit span, .mv-tit p {font-size: 0.9em; line-height: 1.3;}
}

/* main 공통 */
.m-tit h2 {font-size: 36px; color: #222; font-weight: 700;}
.m-pager {display: flex; align-items: center; justify-content: space-between;}
.m-pager > div {cursor: pointer; background: #fff; border: 1px solid #E6E6E6; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); z-index: 5; transition: all 0.2s;}
.m-pager > div:last-child {left: auto; right: 0;}
.m-pager > div > i {color: #222; font-weight: 600; font-size: 23px;}
.m-pager > div:hover {background: #034EA2; border: 1px solid #034EA2;}
.m-pager > div:hover  i {color: #fff;}

@media(max-width:1280px){
.m-tit h2 {font-size: 28px;}
}
@media(max-width:1080px){
.m-tit h2 {font-size: 24px;}
}
@media(max-width:768px){
.m-tit h2 {font-size: 1.4em;}
}

/* main1 */
.main1 .mct-wrap {background: #F7F9FB; box-shadow: 8px 8px 10px rgba(34, 34, 34, 0.1); display: flex; align-items: center; justify-content: space-between; padding: 40px; position: relative; bottom: 80px; z-index: 2;}
.main1 .mct-wrap > div {display: flex; align-items: center;}
.m1-box {}
.m1-box > a {background: #034EA2; border-radius: 10px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 155px; height: 145px;}
.m1-box2 > a {background: #22A9FD; margin-left: 25px;}
.m1-box > a p {font-size: 20px; font-weight: 500; margin-top: 10px;}
.m1-box > a img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.m1-right {display: flex; align-items: center; justify-content: space-between; width: 71%; padding-left: 40px; border-left: 1px solid #E6E6E6;}
.m1-right a {display: block; color: #222;}
.m1-right figure {background: #fff; width: 105px; height: 105px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s;}
.m1-right img {display: block; max-width: 100%; height: auto;}
.m1-right p {font-size: 17px; text-align: center; font-weight: 500; margin-top: 12px;}
.m1-right a:hover figure {box-shadow: 5px 6px 15px rgba(3, 78, 162, 0.3);}

@media(max-width:1280px){
.main1 .mct-wrap {padding: 25px;}
.main1 .mct-wrap > div {width: 28%;}
.m1-box > a {width: 11vw; height: 11vw;}
.m1-box2 > a {margin-left: 10%;}
.m1-box > a img {max-width: 72%;}
.m1-box > a p {font-size: 17px;}
.m1-right {width: 69%; padding-left: 4%;}
.m1-right figure {width: 10vw; height: 10vw;}
.m1-right img {max-width: 55%;}
.m1-right p {font-size: 15px; margin-top: 8px;}
}
@media(max-width:890px){
.m1-box > a img {width: 55%;}
.m1-box > a p {font-size: 0.9em;}
.m1-right {padding-left: 0; border-left: none;}
.m1-right p {font-size: 0.9em;}
}
@media(max-width:768px){
.main1 .mct-wrap {flex-flow: row wrap; padding: 4%;}
.main1 .mct-wrap > div, .m1-right {width: 100%;}
.main1 .mct-wrap > div {justify-content: space-between; margin-bottom: 3%;}
.m1-box {width: 49%;}
.m1-box > a {width: 100%; height: auto; padding: 15px; flex-direction: row;}
.m1-box > a p {margin-top: 0; margin-left: 4%;}
.m1-box2 > a {margin-left: 0;}
.m1-box > a img {max-width: none; max-height: 30px; width: auto;}

.m1-right {align-items: flex-start; flex-flow: row wrap; justify-content: center;}
.m1-right li:not(:last-child) {margin: 0 2% 2% 0;}
.m1-right figure {width: 15vw; height: 15vw; margin: 0 auto;}
}
@media(max-width:500px){
.m1-right figure {width: 20vw; height: 20vw;}
.m1-right li:not(:last-child) {margin: 0 5% 3% 0;}
}

.main2 {padding: 20px 0 100px;}
.main2 .m-tit {text-align: center;}

.main3 {padding: 100px 0; background: #F7F9FB;}
.main3 .mct-wrap {display: flex; align-items: flex-start; justify-content: space-between;}
.m3-left {width: 55%;}
.m3-tab li {cursor: pointer;}
.m3-l-top {width: 100%; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.m3-tab {display: flex; align-items: center;}
.m3-tab li {font-size: 20px; color: #6D6D6D; font-weight: 600; margin-right: 18px; position: relative;}
.m3-tab li:last-child {margin-right: 0;}
.m3-tab li.current {color: #034EA2; font-weight: 600;}
.m3-tab li.current::before {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin: 0 5px 5px 0; background: #034EA2;}

.m3-btn {background: #fff; border: 1px solid #E6E6E6; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin-right: 0; transition: all 0.2s;}
.m3-btn i {font-size: 18px; color: #222; font-weight: 600;}
.m3-btn:hover {background: #034EA2;}
.m3-btn:hover i {color: #fff;}

.tab-content {display: none;}
.tab-content.current {display: block;}

.m3-right {width: 42%;}
.m3-right .mct-wrap {margin-top: 30px; width: 100%;}
.m3-right iframe {width: 100%; height: 300px;}

@media(max-width:1280px){
.main2 {padding: 0 0 80px;}

.main3 {padding: 80px 0;}
.m3-tab li {font-size: 17px;}
}
@media(max-width:1080px){
.main2 {padding: 0 0 60px; margin-top: -20px;}
.main3 {padding: 60px 0;}

.m3-tab li {font-size: 15px; margin-right: 14px;}

.m3-l-top {margin-bottom: 25px;}
.m3-right .mct-wrap {margin-top: 25px;}

.m3-right {width: 43%;}
.m3-right iframe {height: 260px;}
}
@media(max-width:890px){
.main2 {padding: 0 0 50px;}
.main3 {padding: 50px 0;}

.m3-l-top {flex-flow: row wrap;}
.m3-l-top .m-tit {width: 100%;}
.m3-tab {width: 100%; justify-content: flex-end; margin-top: 8px;}

.main3 .mct-wrap {flex-flow: row wrap;}
.m3-left, .m3-right {width: 100%;}
.m3-left {margin-bottom: 6%;}

.m3-l-top {margin-bottom: 3%;}
.m3-right .mct-wrap {margin-top: 3%;}

.m3-right iframe {height: 45vw;}

.m3-btn {width: 25px; height: 25px;}
.m3-btn i {font-size: 14px; line-height: 25px;}
}

.main4 {background: url('./img/m4_bg.jpg')no-repeat center/ cover; width: 100%; padding: 100px 0;}
.main4 .m-tit {text-align: center;}
.main4 .m-tit h2 {color: #fff; font-weight: 500;}
.main4 .m-tit h2 strong {font-weight: 700;}
.main4 .mct-wrap {width: 100%; background: #1F2C5C63; display: flex; align-items: center; justify-content: space-between; margin-top: 35px; overflow: hidden;}
.main4 .mct-wrap li {width: calc(100%/3); text-align: center; padding: 100px 0; position: relative;}
.main4 .mct-wrap h2 {font-size: 20px; color: #fff; font-weight: 500; margin: 20px 0 10px;}
.main4 .mct-wrap p {font-size: 17px; color: #fff; font-weight: 500;}
.main4 .mct-wrap img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.main4 .mct-wrap li:not(:last-child)::after {content: ''; display: block; width: 1px; height: 80%; background: #E6E6E654; position: absolute; top: 50%; right: 0; transform: translate(0,-50%)}

.m4-btn {display: inline-flex; align-items: center; justify-content: center; font-weight: 500; color: #222 !important; font-size: 16px; background: #fff; padding: 12px 30px; border-radius: 5px; position: relative; bottom: -150px; transition: cubic-bezier(0.29, 0.31, 0, 1.27) 0.2s;}
.m4-btn i {display: inline-block; font-size: 17px; margin-left: 5px;}

.main4 .mct-wrap li:hover .m4-btn {bottom: -20px;}

@media(max-width:1280px){
.main4 {padding: 80px 0;}
.main4 .mct-wrap li {padding: 80px 0;}
}
@media(max-width:1080px){
.main4 {padding: 60px 0;}
.main4 .mct-wrap li {padding: 60px 0;}
.main4 .mct-wrap {margin-top: 20px;}
.main4 .mct-wrap h2 {font-size: 18px;}
.main4 .mct-wrap p {font-size: 15px;}
.m4-btn {font-size: 14px;}
}
@media(max-width:768px){
.main3 {padding: 50px 0;}
.main4 .mct-wrap li {padding: 40px 0 50px;}
.main4 .mct-wrap li:hover .m4-btn, .main4 .mct-wrap li .m4-btn {bottom: -15px; padding: 7px 15px; font-size: 0.8em;}
.main4 .mct-wrap h2 {font-size: 1em; margin: 8% 0 2%;}
.main4 .mct-wrap p {font-size: 0.8em;}
}
@media(max-width:500px){
.main4 .mct-wrap {flex-flow: row wrap; margin-top: 7%;}
.main4 .mct-wrap li {width: 100%; border: 1px solid #ffffff40; padding: 7% 0 10%;}
.main4 .mct-wrap h2 {margin: 3% 0;}
}

.main5 {padding: 100px 0;}
.main5 .inner {position: relative;}
.main5 .m-tit {text-align: center; margin-bottom: 35px;}
.main5 .m-pager > div {left: -30px; top: 60%;}
.main5 .m-pager > div:last-child {left: auto; right: -30px;}

@media(max-width:1480px){
.main5 .m-pager > div {left: 0;}
.main5 .m-pager > div:last-child {right: 0;}
}
@media(max-width:1280px){
.main5 {padding: 80px 0;}
}
@media(max-width:1080px){
.main5 {padding: 60px 0;}
.main5 .m-tit {margin-bottom: 3%;}
}
@media(max-width:768px){
.main5 {padding: 50px 0;}
}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.s-visual {max-width: 100%; height: 300px; position: relative;}
.sv {text-align:left; width:100%; height: 100%;  margin-top: 100px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; overflow: hidden; }
.sv::after {content: ''; display: block; width: 110%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90.64deg, #1F2C5C 48.89%, rgba(31, 44, 92, 0) 99.67%); z-index: -1;}
.sv::before{content: ''; display: block; width: 110%; height: 100%; position: absolute; left: 0; top: 0; z-index: -2; background:url('./img/subtop_bg.jpg') no-repeat right 50%; background-size:cover;}

.sv > iframe {position: absolute; top: 0; left: 0; width: 130vw; height: 100vh;z-index: -2;}
.sv-tit {padding-top: 80px;}
.sv-tit h2 {font-size: 36px; color: #fff; font-weight: 600; margin-bottom: 20px;}
.sv-tit p {font-size: 17px; color: #fff;}

.sub_title_navi {display:block; width: 86.5%; position: absolute; bottom: 0; left: 0;}
.navi_all {width: 100%; height: 70px; display: flex;}
.navi_in {display: flex; width: 100%;}
.navi-left, .navi-right {display: flex;}
.navi-left {width: 99%; height: 100%; display: flex; align-items: center; justify-content: flex-start; background: #F7F9FB; padding-left: 15%;}
.navi-right {width: 30%;height: 100%;overflow: hidden;}
.navi-right li {width: 50%; height: 100%;}
.navi-right li:hover {bottom:20px;}
.navi-right a {display: block; width: 100%; height: 100%; background: #034EA2; display: flex; align-items: center; color: #fff; justify-content: center; transition:all .2s;}
.navi-right li:last-child a {background: #22A9FD;}

.navi-right a img {display: block; max-width: 100%; height: auto; transition:all .2s;}
.navi-right a span {display: block; font-size: 16px; font-weight: 600; margin-left: 10px; transition:all .2s;}

.navi-right a:hover {margin-top: 5px;}
.navi-right a:hover span {letter-spacing: 2px;}
.navi-right a:hover img {margin-bottom: 5px;}

.navi_in .home_btn_all a {display: block;}
.navi_in .home_btn_all a img {max-width: 100%; width: 100%; height: auto;}
.navi_in .down_btn {position:relative; height: 100%; display: flex; align-items: center; justify-content: center;}
.navi_in .down_btn1 {margin: 0 20px;}
.navi_in .down_btn_title {display: flex; align-items: center; cursor: pointer; height: 10%;}
.navi_in .down_btn_title h3 {font-size: 14px; font-weight: 500; height: 100%; transition:all .2s; display: flex; align-items: center; justify-content: center;}
.navi_in .down_btn_title i {display: block; margin-left: 7px; font-size: 15px;}
.navi_in .down_btn:hover .down_btn_title h3 {color:#034EA2;}
.navi_in .down_btn_title img {position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

.extend {position: absolute; width: 150px; top: 60px; left: 50%; transform: translate(-50%,0); padding: 11px 8px; background: #fff; text-align: center; z-index: 5; border: 1px solid #ddd; display: none;}
.extend li{}
.extend li a {display: block; font-size: 14px; transition:all .2s;}
.extend li:not(:last-child) a {margin-bottom: 15px;}
.extend li a:hover{color:#034EA2; font-weight: 500; letter-spacing: 1.2px;}

@media(max-width:1480px){
.sub_title_navi {width: 96%;}
.navi-left {padding-left: 4%;}
.navi-left {width: 80%;}
.navi-right {width: 30%;}
.sv > iframe {height: 70vh;}
}
@media(max-width:1280px){
.sv-tit h2 {font-size: 30px; margin-bottom: 15px;}
.sv-tit p {font-size: 16px;}
}
@media(max-width:1080px){
.sv-tit {padding-top: 90px;}
.sv-tit h2 {font-size: 20px; margin-bottom: 12px;}
.sv-tit p {font-size: 15px;}
.navi-right {width: 40%;}
.navi-right a span {font-size: 14px;}
.navi-right a img {max-width: none; max-height: 28px; width: auto;}
.navi-right a:hover {margin-top: 7px;}
}
@media(max-width:890px){
.sv {margin-top: 65px;}
.navi_all {height: 70px;}
.sv > iframe {height: 50vh;}
}
@media(max-width:768px){
.sv > iframe {height: 80vh; top: -100%;}
.s-visual {height: 250px;}
.sv-tit {padding-top: 70px;}
.sv-tit h2 {font-size: 1.2em; margin-bottom: 7px;}
.sv-tit p {font-size: 0.9em;}
.navi_all {height: 60px;}
.navi_in .down_btn_title h3, .navi-right a span {font-size: 13px;}
.navi_in .home_btn_all a img {max-width: 90%;}
.navi-right {width: 55%;}
.navi-right a img {max-height: 25px;}
}
@media(max-width:500px){
.sv > iframe {width: 210vw; height: 110vh;}
.sv::after {background: linear-gradient(90.64deg, #1F2C5C 30%, rgb(31 44 92 / 0%) 99.67%);}
.navi_all {height: 55px;}
.navi-right a img {display: none;}
.navi-right a span {margin-left: 0;}
.navi-right {width: 50%;}
.navi_in .down_btn1 {margin: 0 7%;}
.extend {top: 50px;}
.navi_in .down_btn2 {display: none;}
.sv-tit p {line-height: 1.4;}
}

/* 
@media(max-width:1050px){
	.navi_in .down_btn .down_btn_title {width:200px; padding: 20px;}
}
@media(max-width:768px){
	ul.extend {top:55px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.navi_in .down_btn .down_btn_title {width:100%; padding: 15px;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend {top:43px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
} */


/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_site_link						{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0;text-align:center;}
.footer_site_link ul li			{display:inline; margin:0 8px; }


.footer_t								{margin:1% auto 3% auto; padding:0 2%; line-height:150%; font-size:12px;}
.footer_t:after					{width:100%; display:block; clear:both; content:'';}
.footer_logo						{float:left; width:15%; }
.footer_txt							{float:left; width:60%; margin-left:3%;}
.footer_familysite			{float:right; width:15%; position:relative; max-width:160px; }

.footer_logo img				{width:100%; height:auto; max-width:150px;}

.footer_txt p							{margin-bottom:10px;}
.footer_txt p b						{font-weight:600;}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:10px;}


@media(max-width:768px){
.footer_logo						{width:100%; margin-bottom:2%;}
.footer_txt							{width:100%; margin-left:0%; }
.footer_familysite			{float:left; width:100%; max-width:160px; margin:0 auto;}
}



/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer; }
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}



.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}



.footer-top {border-top: 1px solid #E6E6E6; padding: 40px 0;}

.footer-bottom * {color: #9D9D9D; font-size: 15px;}
.footer-bottom {background: #222; padding: 0 60px;}
.fb-t {padding: 50px 0; border-bottom: 1px solid #E6E6E654;}
.fb-t figure {width: 15%; margin-right: 2%;}
.fb-t figure img {display: block; max-width: 200px; width: 100%; height: auto;}
.fb-flx {display: flex; align-items: flex-start;}
.fb-flx ul {width: 60%; line-height: 1.6;}
.fb-flx ul span {display: inline-block; position: relative;}
.fb-t .sns-logo {max-width: 410px; width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-end;}
.fb-t .sns-logo a {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 5px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(1) {margin-left: 80px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(2) {margin-left: 25px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(3) {margin-left: 25px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(4) {margin-left: 25px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(6) {margin-left: 25px;}
.fb-t .sns-logo i {display: block; font-size: 25px; margin-right: 10px;}
.fb-t .sns-logo a:hover i, .fb-t .sns-logo a:hover span, .fb-t .sns-logo a i, .fb-t .sns-logo a span {transition: all 0.2s;}
.fb-t .sns-logo a:hover i, .fb-t .sns-logo a:hover span {color: #fff !important;}

.fb-b {width: 100%; display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between; padding: 20px 0;}
.fb-b > p {margin-bottom: 5px;}
.fb-b > p a {color: #555; text-transform: uppercase; font-size: 13px; border: 1px solid #555; padding: 2px 5px; margin-left: 5px;}
.fb-b ul {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 5px;}
.fb-b li a {display: block; position: relative; color: #9D9D9D;}

.fb-flx ul span:not(:last-child)::after, .fb-b li:not(:last-child) a::after {content: ''; display: inline-block; width: 1px; height: 10px; background: #E6E6E654; margin: 0 15px;}


@media(max-width:1480px){
.footer-bottom {padding: 0 40px;}
}
@media(max-width:1280px){
.footer-top {padding: 25px 0;}

.footer-bottom {padding: 0 4%;}
.footer-bottom * {font-size: 14px;}
.fb-t {padding: 40px 0;}
.fb-t figure {width: 20%;} 
.fb-flx ul {width: 50%;}
.fb-t .sns-logo {width: 30%;}
.fb-t .sns-logo a {width: auto; margin: 0 3% 5px 3%;}
.fb-t .sns-logo i {font-size: 20px; margin-right: 6px;}
.fb-t .sns-logo a:last-child, .fb-t .sns-logo a:nth-child(2) {margin-left: 0;}
.fb-b > p {margin-bottom: 2%;}
.fb-b ul {width: 100%;}
}
@media(max-width:768px){
.footer-top {padding: 5% 0;}

.footer-bottom * {font-size: 0.8em;}
.fb-flx, .fb-b ul {flex-flow: row wrap;}
.fb-b ul {justify-content: flex-start;}
.fb-t {padding: 5% 0 3%;}
.fb-t figure, .fb-t ul {width: 100%;}
.fb-t .sns-logo {max-width: 100%; width: 100%; margin-top: 3%;}
.fb-t figure {margin-right: 0; margin-bottom: 3%;}
.fb-b {padding: 3% 0;}
.fb-flx ul span:not(:last-child)::after, .fb-b li:not(:last-child) a::after {margin: 0 7px;}
.fb-b > p {margin-bottom: 3%;}
}
@media(max-width:500px){
.footer-top {padding: 3% 0;}
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/
/* 서브공통 */
.s-tit h2 {font-size: 36px; font-weight: 700; line-height: 1.5; color: #222;}
.s-tit h2 span {color: #1F2C5C;}
.s-tit h2 em {color: #034EA2;}
.s-tit p {font-size: 24px; font-weight: 600; color: #222;}
.s-tit-1 h2 {font-size: 24px; color: #222; font-weight: 700; border-bottom: 2px solid #222; padding-bottom: 20px;}
.s-tit-1 h2 > span {color: #FF1624; font-size: 18px; display: inline-block; margin-left: 3px; font-weight: 600;}
.s-tit-2 h2 {font-size: 40px;font-weight: 700;line-height: 1.3;}
.s-btn1 {font-size: 16px; color: #fff !important; font-weight: 600; background: #034EA2; display: inline-block; border-radius: 5px; width: 180px; height: 47px; text-align: center; line-height: 45px; border: 2px solid #034EA2; transition: all 0.2s; padding:0;}
.s-btn1:hover {background: #fff; color: #034EA2 !important;}
.s-btn1.id_ck{cursor: pointer;}
.s-id-pt {font-size: 24px; font-weight: 500;}
.s-id-pt span {display: inline-block; font-weight: 700; color: #034EA2;}
.s-id-pt2 {font-size: 16px; color: #6D6D6D; line-height: 1.5; margin-top: 16px;}
.s-btn2 a {background: linear-gradient(-45deg, #034ea2, #23a1db);color: #fff;font-size: 18px;display: flex;align-items: center;justify-content: space-between;padding: 20px 28px;border-radius: 5px;transition: all 0.2s;font-weight: 500;}
.s-btn2 i {display: block; padding-left: 120px;}
.s-btn2 a:hover {letter-spacing: 5px;}
.s-btn3 {background: #034EA2; border:2px solid #034EA2; color: #fff; font-size: 15px; border-radius: 5px; padding: 4px 12px; transition: all 0.2s; font-weight: 500;}
.s-btn3:hover {background: #fff; color: #034EA2;}

.s-btn2-pc {display: block;}
.s-btn2-mo {display: none;}

@media(max-width: 1280px){
.s-tit-1 h2, .s-id-pt {font-size: 22px;}
.s-tit-1 h2 > span {font-size: 16px;}

.s-btn2 a {padding: 17px 22px;}

.s-tit h2 {font-size: 30px;}
.s-tit p {font-size: 20px;}

.s-btn1 {font-size: 15px;}
}
@media(max-width: 1080px){
.s-tit-1 h2 {font-size: 20px; padding-bottom: 2%;}
.s-tit-1 h2 > span {font-size: 14px;}
.s-id-pt {font-size: 20px;}
.s-id-pt2 {font-size: 15px;}

.s-btn2 a {font-size: 16px; padding: 15px 18px;}
.s-btn2 i {padding-left: 80px;}

.s-tit h2 {font-size: 24px;}
.s-tit p {font-size: 18px;}

.s-btn1 {font-size: 14px;}
.s-btn3 {font-size: 14px;}
}
@media(max-width: 768px){
.s-btn2-pc {display: none;}
.s-btn2-mo {display: flex; margin-top: 5%;}

.s-btn2 a {font-size: 0.9em; padding: 12px 15px;}
.s-btn2 i {padding-left: 50px;}

.s-tit-1 h2 {font-size: 1.2em; line-height: 1.5;}
.s-tit-1 h2 > span {font-size: 0.8em;}
.s-id-pt {font-size: 1.1em;}
.s-id-pt2 {font-size: 1em;}

.s-tit h2 {font-size: 1.3em;}
.s-tit h2 br {display: none;}
.s-tit p {font-size: 1.1em;}

.s-btn1 {width:auto; height: auto; line-height: normal; padding: 2.5% 6%; font-size: 0.9em; font-weight: 500;}
}
@media(max-width: 500px){
.s-tit-1 h2 {font-size: 1em;}
.s-id-pt2 br {display: none;}

.s-tit h2 {font-size: 1.1em;}

.s-btn1 {font-size: 0.9em;}
.s-btn3 {font-size: 13px; padding: 4px 8px;}
}

/* 로그인 폼 */
.login-p {}
.login-p * {font-family: 'Pretendard', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;}
#mb_login {max-width: 575px;width: 100%;height: auto;margin: 0 auto;background: #fff;}
.logo-wrap {padding: 90px 70px;}
.log-tit {font-size: 24px; font-weight: 500; color: #222; line-height: 1.4; margin-bottom: 45px;}
.log-tit span {display: inline-block; font-weight: 700; color: #034EA2;}

#mb_login #login_fs .frm_input {height: 50px;border-radius: 5px;border: 1px solid #D9D9D9;padding: 10px 15px;font-size: 16px;margin-bottom: 15px;width: 100%;}
#mb_login #login_fs #login_pw {margin-bottom: 20px;}
#mb_login .autofind {font-size: 16px;display: flex;justify-content: space-between;}

#mb_login .autofind div {display: flex; align-items: center; color: #6D6D6D;}
#mb_login .autofind div a {display: block; color: #6D6D6D;}
#mb_login .autofind div a:first-child::after {content: ''; display: inline-block; width: 1px; height: 12px; background: #6D6D6D; margin: 0 12px;}

.login_btn_submit {background: #034EA2;color: #fff;font-weight: 700;width: 100%;height: 50px;border-radius: 5px;font-size: 16px;margin: 45px 0 20px;border: 1px solid #1F2C5C;transition: all 0.2s;cursor: pointer;}
.login_btn_submit:hover {background: #fff; color: #1F2C5C; border: 1px solid #1F2C5C;}

.sign-up {display: flex; align-items: center; justify-content: flex-start; font-size: 16px; color: #6D6D6D;}
.sign-up a {display: block; margin-left: 20px; font-weight: 600; color: #034EA2;}

fieldset {border: 0; padding: 0;}

@media(max-width:1280px){
.login-p {padding: 80px 0;}
}
@media(max-width:1080px){
.login-p {padding: 60px 0;}
}
@media(max-width:768px){
.login-p {padding: 50px 0;}
.logo-wrap {padding: 10%;}
.log-tit {font-size: 1.3em; margin-bottom: 6%;}
#mb_login #login_fs .frm_input {height: 45px; font-size: 1em; padding: 8px 10px;}
#mb_login .autofind, .login_btn_submit, .sign-up, .sign-up a {font-size: 1em;}
}
@media(max-width:768px){
.logo-wrap {padding: 7% 5%;}
#mb_login .autofind, .login_btn_submit, .sign-up, .sign-up a {font-size: 0.9em;}
}

/* 로그인 체크박스 */
.logo-chk > input {display:none;}
.logo-chk > input + label{cursor:pointer;}
.logo-chk > input  + label::before {content:""; display:inline-block; width:15px; height:15px; line-height:15px; border:1px solid #D9D9D9; vertical-align:middle; margin: 0 8px 3px 0;}
.logo-chk > input:checked + label::before {content:"\f00c"; font-family:"Font Awesome 5 free"; font-weight: 600; color:#fff; background-color:#034EA2; border-color:#D9D9D9; font-size: 10px; text-align:center;}

/* id 아이디 찾기 */
.s-id .sct-wrap {text-align: center; margin-top: 70px;}
.id-top h3 {font-size: 20px; color: #6D6D6D; font-weight: 400;}
.id-top ul {max-width: 765px; width: 100%; height: auto; margin: 30px auto 0;}
.id-top li {width: 100%; display: flex; align-items: center; justify-content: center;}
.id-top li:not(:last-child) {margin-bottom: 15px;}
.id-top h4 {width: 10%; font-size: 20px; font-weight: 600; text-align: left;}
.id-top form {width: 100%;}
.id-top input {height: 50px; border: 1px solid #D9D9D9; border-radius: 5px; font-size: 16px; padding: 10px 15px;}
.id-top .id-name {width: 100%;}

.id-li2 {display: flex; align-self: center; justify-content: space-between;}
form.id-li2 input {height: 45px;}
.id-li2 span {font-size: 18px; display: flex; align-items: center; font-weight: 600;}

.id-em1, .id-em2 {width: 33%;}
.id-em3 {width: 26%;}
.id-em2 input {width: 100%;}
.id-em3 select.mail-3 {border: 1px solid #D9D9D9; border-radius: 5px; height: 45px; padding: 8px 10px; font-size: 16px; width: 100%;}

.s-id2 {margin-top: 70px;}
.s-id2 .sct-wrap {display: flex; justify-content: space-between;}
.s-id2 article {background: #fff; width: 48.5%; text-align: center; padding: 60px 2%;}
.s-id2 article img {display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.s-id2 article h3 {font-size: 22px; font-weight: 700; margin-top: 25px;}
.s-id2 article p {font-size: 16px; color: #6D6D6D; margin: 15px 0 27px;}

/* id 아이디 찾기 완료 */
.s-id-2 .sct-wrap {background: #fff; width: 100%; text-align: center; padding: 90px 0;}
.s-id-2 .sct-wrap img {display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.s-id-2 .s-id-pt {margin-top: 45px;}
.id-find {font-size: 36px; font-weight: 800; margin: 25px 0 45px;}
.s-id-2-btn .s-btn1 {width: 200px; height: 55px; line-height: 55px;}
.s-id-2-btn .s-btn1:first-child {margin-right: 13px;}

.s-pw-3 .s-id-2-btn {margin-top: 55px;}

@media(max-width:1280px){
/* id 아이디 찾기 */
.s-id .sct-wrap, .s-id2 {margin-top: 60px;}
.id-top h3 {font-size: 18px;}
.s-id2 article {padding: 50px 2%;}
.s-id2 article h3 {font-size: 20px;}

/* id 아이디 찾기 완료 */
.s-id-2 .sct-wrap {padding: 60px 0;}
.s-pw-3 .s-id-2-btn {margin-top: 45px;}
}
@media(max-width:1080px){
/* id 아이디 찾기 */
.s-id .sct-wrap, .s-id2 {margin-top: 50px;}
.id-top h3 {font-size: 17px;}
.s-id2 article h3 {font-size: 18px;}
.id-top h4 {font-size: 16px;}
.id-top input {font-size: 15px;}

/* id 아이디 찾기 완료 */
.s-id-2 .s-id-pt, .s-pw-3 .s-id-2-btn {margin-top: 3%;}
.s-id-2-btn .s-btn1 {width: 160px; height: 50px; line-height: 50px;}
}
@media(max-width:768px){
/* id 아이디 찾기 */
.s-id .sct-wrap, .s-id2 {margin-top: 5%;}
.id-top h3 {font-size: 1em;}
.s-id2 article {padding: 5% 2%;}
.s-id2 article h3 {font-size: 1.1em;}
.s-id2 article p {font-size: 1em; margin: 4% 0 8%;}
.s-id2 article img {max-width: 45px; width: 100%;}
.id-top h4 {width: 13%; font-size: 1em;}
.id-top .id-name {width: 87%; font-size: 1em;}
.id-top input {padding: 8px 10px; height: 45px;}

/* id 아이디 찾기 완료 */
.s-id-2 .sct-wrap {padding: 50px 0;}
.s-id-2 .s-id-pt {margin-top: 4%;}
.s-pw-3 .s-id-2-btn {margin-top: 7%;}
.s-id-2 .sct-wrap img {max-width: 50px; width: 100%;}
.s-id-2-btn .s-btn1 {width: auto; height: auto; line-height: normal;}
}
@media(max-width:500px){
/* id 아이디 찾기 */
.id-top h3 {text-align: left;}
.id-top h3 br {display: none;}
.s-id2 article h3 {font-size: 1em; margin-top: 10%;}
.s-id2 article p {font-size: 0.9em;margin: 7% 0 15%;}
.s-id .sct-wrap {margin-top: 6%;}
.s-id2 {margin-top: 10%;}
.id-top h4 {width: 20%; font-size: 0.9em;}
.id-top .id-name {width: 80%; font-size: 0.9em;}

/* id 아이디 찾기 완료 */
.s-id-2 .sct-wrap {padding: 35px 4%;}
.s-id-2-btn .s-btn1:first-child {margin-right: 8px;}
.s-id-2 .s-id-pt {margin-right: 5%;}
.s-id-2 .sct-wrap img {max-width: 45px;}
}

/* 새로운 비밀번호 입력 */
.s-pw-2 .sct-wrap {background: #fff; width: 100%; padding: 90px 0; margin-top: 0;}
.s-pw-2 .id-top ul {max-width:535px; width: 100%; height: auto;}
.s-pw-2 .id-top li {justify-content: space-between;}
.s-pw-2 .id-top h4 {width: 25%;}
.s-pw-ul li > input {width: 74%; height: 45px; border: 1px solid #D9D9D9; border-radius: 5px; padding: 10px 15px; font-size: 16px;}
.s-pw-2 .s-id-2-btn {margin-top: 30px;}

/* 회원가입 */
.s-up-wrap ul {display: flex; align-items: flex-start; justify-content: center; position: relative; margin-bottom: 65px;}
.s-up-wrap ul::after {content: ''; width: 30%; border: 1px dashed #b1b1b17d; display: block; position: absolute; top: 45px; left: 50%; transform: translate(-50%,0); font-size: 14px; visibility: visible;}
.s-up-wrap li {width: calc(48%/3); position: relative; z-index: 1;}
.s-up-wrap li span {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 85px; height: 85px; margin: 0 auto; background: #fff; color: #B1B1B1; font-size: 24px; font-weight: 700; border-radius: 50%;}
.s-up-wrap li p {font-size: 20px; font-weight: 600; color: #B1B1B1; text-align: center; margin-top: 20px;}
.s-up-wrap li.atv span {background: #034EA2; color: #fff;}
.s-up-wrap li.atv p {color: #034EA2; font-weight: 700;}

@media(max-width:1280px){
/* 새로운 비밀번호 입력 */
.s-pw-2 .sct-wrap {padding: 60px 0;}
}
@media(max-width:1080px){
/* 새로운 비밀번호 입력 */
.s-pw-ul li > input {font-size: 15px;}

/* 회원가입 */
.s-up-wrap ul {margin-bottom: 50px;}
.s-up-wrap ul::after {width: 50%; top: 35px;}
.s-up-wrap li {width: calc(65%/3);}
.s-up-wrap li span {width: 70px; height: 70px; font-size: 20px;}
.s-up-wrap li p {font-size: 17px; margin-top: 17px;}
}
@media(max-width:768px){
/* 새로운 비밀번호 입력 */
.s-pw-2 .sct-wrap {padding: 50px 4%;}
.s-pw-ul li > input {font-size: 0.9em; padding: 8px 10px;}

/* 회원가입 */
.s-up-wrap ul {margin-bottom: 40px;}
.s-up-wrap ul::after {width: 70%;}
.s-up-wrap li {width: calc(100%/3);}
.s-up-wrap li span {width: 65px; height: 65px; font-size: 1.1em}
.s-up-wrap li p {font-size: 1em; margin-top:7%;}
}
@media(max-width:500px){
/* 새로운 비밀번호 입력 */
.s-pw-2 .id-top li {flex-flow: row wrap;}
.s-pw-2 .id-top h4, .s-pw-ul li > input {width: 100%;}
.s-pw-2 .id-top h4 {margin-bottom: 7px;}
.s-pw-ul li > input {padding: 8px 6px;}

/* 회원가입 */
.s-up-wrap ul {margin-bottom: 40px;}
.s-up-wrap ul::after {width: 70%; top: 28px;}
.s-up-wrap li {width: calc(100%/3);}
.s-up-wrap li span {width: 55px; height: 55px;}
.s-up-wrap li p {font-size: 0.9em; margin-top:12%;}
}

/* 라디오 체크박스 */
.s-radio {display: flex; align-items: center; flex-flow: row wrap;}
.s-radio label {display: flex; align-items: flex-start; width: auto; margin-right: 30px; font-size: 16px; cursor: pointer;}
.s-radio label.radio-fah {align-items: center;}
.s-radio label:last-child {margin-right: 0;}
.s-radio label input {margin: 0;}
.s-radio label input[type="radio"], .s-radio label input[type="checkbox"] {display:none;}
.s-radio label input[type="radio"] + span {display: inline-block; width: 16px; height: 16px; border: 1px solid #D9D9D9; border-radius:50%; background: #fff; cursor:pointer; margin: 1px 7px 0 0; position: relative;}
.s-radio label.radio-fah input[type="radio"] + span, .s-radio label.radio-fah input[type="checkbox"] + span {margin: 0 7px 0 0;}
.s-radio label input[type="radio"]:checked + span {border: 1px solid #034EA2;}
.s-radio label input[type="radio"]:checked + span::after {content: ''; display: block; background: #034EA2; width: 9px; height: 9px; border-radius:50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.s-radio label input[type="checkbox"] + span {width: 18px; height: 18px; line-height: 17px; border: 1px solid #D9D9D9; background: #fff; margin: 5px 10px 0 0;}
.s-radio label input[type="checkbox"]:checked + span {position: relative;}
.s-radio label input[type="checkbox"]:checked + span::before {content:"\f00c"; font-family:"Font Awesome 5 free"; font-weight: 600; color:#fff; background:#034EA2; border-color:#D9D9D9; font-size: 10px; text-align:center; display: block; width: 100%; height: 100%;}

@media(max-width:1280px){
.s-radio label input[type="radio"] + span {width: 14px; height: 14px;}
.s-radio label input[type="radio"]:checked + span::after {width: 8px; height: 8px;}

.s-radio label input[type="checkbox"] + span {width: 15px; height: 15px; line-height: 13px;}
}
@media(max-width:1080px){
.s-radio label input[type="radio"] + span {margin: 5px 7px 0 0;}
.s-radio label input[type="checkbox"] + span {margin: 4px 10px 0 0;}
}

/* signup2 */
.s-up-1 {padding-bottom: 85px;}

.su-flx {width: 100%; display: flex; flex-flow: row wrap;}
.su-flx li {width: 50%; display: flex; background: #F8F8F8; border-bottom: 1px solid #D9D9D9;}
.su-flx h3 {width: 240px; padding: 20px 30px; font-size: 20px; font-weight: 600; display: flex; align-items: center; justify-content: flex-start;}
.su-flx h4 {font-size: 18px; color: #222; font-weight: 600; display: flex; align-items: center; width:calc(100% - 110px); height: 100%;}
.su-flx .su-f100 h4 {width: 100% !important;}
.su-flx li input:not([type="button"]) {border: 1px solid #D9D9D9; border-radius: 5px; height: 45px; padding: 8px 10px; font-size: 16px;}
.su-flx .s-btn1 {width: 150px; height: 45px;}
.su-flx select {border: 1px solid #D9D9D9; border-radius: 5px; height: 45px; padding: 8px 10px; font-size: 16px; width: 100%;}

.su-flx li > div {width: calc(100% - 240px); padding: 15px; background: #fff;}
.su-flx .su-li-f {display: flex; justify-content:space-between;}
.su-flx .su-li-f > div {display: flex; align-items: center; justify-content: space-between;}
.su-flx .su-li-f input:not([type="button"]) {width: 62%;}

.su-flx .su-li-n input {width: 100%;}
.su-flx .sv-bg input {background: #f8f8f8;}

.su-flx .su-li-w {width: 100%;}
.su-flx .su-li-w > div {width: calc(100% - 240px);}
.su-add-t {display: flex; align-items: center;}
.su-add-t input {width: 23.5%; margin-right: 15px;}
.su-add-b input {width: 49%; margin-top: 15px;}

.su-flx .su-li-f3 > div {display: flex; align-items: center; justify-content: space-between;}
.su-flx .su-li-f3 input {width: 29%;}
.su-flx .su-li-f3_w > div {justify-content: flex-start;}
.su-flx .su-li-f3_w input {width: 15%;}
.su-flx .su-li-f3_w em {margin: 0 8px;}

.su-li-e > div {display: flex; align-items: center;}
.su-li-e .su-f {width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.su-li-e input {width: 20%;}
.su-li-e .su-f > select, .su-li-e .su-f > div, .su-li-e > div .id-em3 {width: 15%; margin-left: 15px;}
.su-li-e span {display: inline-block; margin: 0 5px;}

/* s15 */
.s-15-w section:not(:last-child), .s-31-w section:not(:last-child) {margin-bottom: 60px;}
.su-li-w-f {display: flex;}
.su-li-w-f > div {width: 18%; display: flex; align-items: center; margin-right: 35px;}
.su-li-w-f > .su-li-f3 {width: 43%; margin-right: 0;}
.su-li-w-f > div div {width: 100%;}
.su-li-w-f > div input {width: 100%;}
.su-li-w-f .su-li-f3 input {width: 98%;}
.su-li-w-f .su-li-f3 em {margin: 0 8px;}

/* 증명사진 */
.su-li-poto label {display: none;}
/* .su-li-poto .tbl_file .upload-hidden:not([type="button"]) {border: none; display: none;} */
.su-li-poto > div {display: flex; align-items: center;}
.su-li-poto .s-btn1 {margin-left: 15px;}


.s15-w-2 select {width: 80px;}
.s15-w-2 .s-radio label {width: calc(85%/4); margin-right: 0; line-height: 1.6;}

.s15-w-3 em {display: inline-block; font-size: 18px; color: #222; font-weight: 500; margin-left: 15px;}

/* 취소하기 */
.s15-tit-flx .s-tit-1 {display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 2px solid #222; padding-bottom: 20px;}
.s15-tit-flx .s-tit-1 h2 {border-bottom: none; padding-bottom: 0;}
.s15-tit-flx .view_btn a {padding: 11px 25px; font-size: 14px;}

@media(max-width: 1280px){
.s15-w-2 .s-radio label {width: calc(100%/4); padding-right: 2%;}
.s15-tit-flx .s-tit-1 {padding-bottom: 2%;}

.su-flx li > div {width: calc(100% - 210px);}
.su-flx .su-li-w > div {width: calc(100% - 210px);}
}
@media(max-width: 1080px){
.s15-w-2 .s-radio label {width: calc(100%/3);}

.su-li-poto .s-btn1 {margin-left: 1%;}
.su-flx li > div {width:calc(100% - 170px);}
.su-flx .su-li-w > div {width:calc(100% - 170px);}
}
@media(max-width: 768px){
.s15-w-2 .s-radio label {width: calc(100%/2); padding: 0 2% 1% 0;}
.s15-tit-flx .view_btn a {padding: 8px 13px; font-size: 13px;}
.su-flx .su-li-w > div {width:calc(100% - 150px);}
.s15-w-3 .su-flx .su-li-w > div input[type="text"] {width: 80%;}

}

/* 테이블 */
.s33-w-3 .s-tit-1 {width: 100%; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 2px solid #222; padding-bottom: 20px;}
.s33-w-3 .s-tit-1 h2 {border-bottom: 0; padding-bottom: 0;}
.su-flx_table {width: 100%;}
.su-flx_table tr {text-align: center; border-bottom: 1px solid #D9D9D9; background: #fff;}
.su-flx_table tr:first-child {background: #F8F8F8;}
.su-flx_table th {padding: 20px 30px; font-size: 20px; font-weight: 600;}
.su-flx_table td {border-right: 1px solid #D9D9D9;}
.su-flx_table td:last-child {border-right: none;}
.su-flx_table td input {height: 45px; border: 1px solid #D9D9D9; border-radius: 5px; padding: 8px 10px; font-size: 16px; width: 90%;}

.st-txt {padding: 15px;}
.st-txt1 {width: 15%; background: #F8F8F8;}
/* .st-txt2 {width: 35%;} */
/* .st-txt3 {width: 35%;} */
.st-txt4 {width: 15%;}

@media(max-width:1280px){
/* signup2 */
.s-up-1 {padding-bottom: 75px;}
.su-flx h3 {width: 210px; padding: 15px 20px; font-size: 16px;}
.su-flx h4 {font-size: 16px;}
.su-flx li > div {padding: 15px 10px;}
.su-flx .s-btn1 {width: 125px;}
.su-flx li input:not([type="button"]) {font-size: 15px;}
.su-add-t input {margin-right: 12px;}
.s15-w-3 em {font-size: 16px; margin-left: 6px;}
.su-flx_table th {padding: 15px 20px; font-size: 16px;}
.st-txt {padding: 10px;}

/* 라디오 체크박스 */
.s-radio label {font-size: 16px;}
}
@media(max-width:1080px){
/* signup2 */
.s-up-1 {padding-bottom: 60px;}
.su-flx h3 {width: 170px; padding: 12px 15px; font-size: 14px;}
.su-flx h4 {font-size: 14px;}
.su-flx li > div {padding: 15px 10px;}
.su-flx .s-btn1 {width: auto; height: 40px; padding: 0 3%; line-height: normal; display: flex; align-items: center; justify-content: center;}
.su-flx li input:not([type="button"]) {font-size: 14px; height: 40px;}
.id-em3 select.mail-3, .su-li-e > div .id-em3 select, .su-flx select {height: 40px; font-size: 14px;}
.su-flx li > div {padding: 12px 10px;}
.su-flx .su-li-f input:not([type="button"]) {width: 74%;}
.su-add-t input {margin-right: 1%; width: 27%;}
.su-li-e input {width: 25%;}
.su-li-e .su-f > select, .su-li-e .su-f > div, .su-li-e > div .id-em3 {width: 20%;}
.su-add-b input {width: 100%;}
.su-li-w-f > div {margin-right: 2%; width: 20%;}
.su-li-w-f > .su-li-f3 {width: 55%;}
.su-flx .su-li-f3_w input {width: 25%;}
.s15-w-3 em {font-size: 14px; margin-left: 3px;}
.s-15-w section:not(:last-child), .s-31-w section:not(:last-child) {margin-bottom: 50px;}
.su-flx_table th {padding: 12px 10px; font-size: 14px;}
.su-flx_table td {font-size: 14px;}
.st-txt {padding: 10px;}
.su-flx_table td input {height: 40px;}

/* 라디오 체크박스 */
.s-radio label {font-size: 14px;}
}
@media(max-width:768px){
/* signup2 */
.s-up-1 {padding-bottom: 50px;}
.su-flx .su-li-f, .su-flx li, .su-add-b input {width: 100%;}
.su-flx .su-li-f {width: calc(100% - 150px);}
.su-flx li > div {width: calc(100% - 150px); padding: 2%;}
.su-flx h3 {padding: 2%; width: 150px;}
.su-flx h4 {width: 80px;}
.su-flx .su-li-f h4 {width:calc(100% - 90px);}
.su-flx .su-li-f input:not([type="button"]) {width: 75%;}
.su-flx li input:not([type="button"]), .id-em3 select.mail-3, .su-li-e > div .id-em3, .su-flx select  {padding: 5px;}
.su-flx .s-btn1 {width: auto; padding: 0 5%;}
.su-add-t input {width: 60%;}
.su-li-e input, .su-li-e .su-f > select, .su-li-e .su-f > div, .su-li-e > div .id-em3 {width: 30%;}
.su-flx .s-btn1 {font-size: 13px;}
.su-add-b input {margin-top: 5px;}
.su-li-e .su-f > select, .su-li-e .su-f > div, .su-li-e > div .id-em3 {margin-left: 1%;}
.su-li-w-f {flex-flow: row wrap;}
.su-li-w-f > div {margin-right: 0; width: 100%;}
.su-li-w-f > div:not(:last-child) {margin-bottom: 10px;}
.su-li-w-f > .su-li-f3 {width: 100%;}
.su-li-w-f > div div {width: calc(100% - 80px);}
.su-li-w-f .su-li-f3 em {margin: 0 4px;}
.su-flx .su-li-f3_w input {width: 31%;}
.su-flx_table td input {width: 100%; padding: 5px; font-size: 14px;}
.st-txt1 {width: 10%;}
/* .st-txt2 {width: 40%;}
.st-txt3 {width: 40%;} */
.st-txt4 {width: 10%;}
.s33-w-3 .s-tit-1 {padding-bottom: 2%;}

.su-li-w-f3 .s-radio h4 {width: 40%; height: auto;}

/* 라디오 체크박스 */
.s-radio label {font-size: 14px; margin-right: 20px;}
.s-radio label input[type="radio"] + span {width: 12px; height: 12px;}
.s-radio label input[type="radio"]:checked + span::after {width: 8px; height: 8px;}
.s-radio label input[type="checkbox"] + span {width: 15px; height: 15px; margin-right: 8px; line-height: 14px;}
.s-radio label input[type="checkbox"]:checked + span::before {font-size: 7px;}
}
@media(max-width:500px){
/* signup2 */
.su-flx h3 {width: 120px;}
.su-flx .su-li-w > div {width: calc(100% - 120px);}
.su-flx .s-btn1 {padding: 0 2%;}
.su-flx li > div {width: calc(100% - 120px);}
.su-flx .su-li-f {width: calc(100% - 120px);}
.su-add-t input {width: 72%;}
.su-flx h4 {width: 100%; height: auto;}
.su-li-w-f > div {flex-wrap: wrap;}
.su-li-w-f > div div {margin-top: 10px; width: 100%;}
.st-txt1 {width: 7%;}
/* .st-txt2 {width: 43%;}
.st-txt3 {width: 43%;} */
.st-txt4 {width: 7%;}

/* 라디오 체크박스 */
.s-radio label {margin-right: 12px;}
.s-radio label input[type="radio"] + span {margin-right: 5px;}
}

/* records */
.records {padding: 100px 0;}
.records-tab1 {display: flex; align-items: center; justify-content: center;}
.records-tab1 li:first-child {margin-right: 35px;}
.records-tab1 a {background: #fff; border: 1px solid #B3B3B3; color: #B3B3B3; display: inline-flex; align-items: center; justify-content: center; padding: 15px 55px; border-radius: 5px; font-size: 20px; transition: all 0.2s;}
a.records-tab1-atv, .records-tab1-atv a {background: #034EA2; border: 1px solid #034EA2; color: #fff;}


.records-tab1-left {justify-content: flex-start; margin-top: 100px;}

.records-tab2 {display: flex; justify-content: space-between; margin-top: 100px;}
.records-tab2 a {display: block; font-size: 20px; color: #B1B1B1; font-weight: 600; text-align: center;}
.records-tab2 figure {width: 135px; height: 135px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; margin-bottom: 16px;}
.records-tab2 img {display: block; max-width: 100%; width: auto; height: auto;}
.records-tab2-atv a {color: #034EA2;}

/* records slide 생활체육 표 - records-la */
.records-la {position: relative; padding-top: 100px;}
.records-sbj {font-size: 24px; color: #222; font-weight: 700; text-align: left;}
.records-sbj > em {font-size: 17px; font-weight: 400; color: #777; display: inline-block; margin-left: 12px;}
.records-s-tit {font-weight: 600;}
.records-flx {display: flex; border-top: 2px solid #222; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
.records-table {font-size: 20px; color: #222;}
.records-table li {text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px 5px; border-bottom: 1px solid #D9D9D9; background: #fff;}
.records-t-li1 {height: 70px;}
.records-t-bg {height: 140px; background: transparent !important;}
.records-t-he {height: 140px;}

.records-t-h3 {font-size: 36px; font-weight: 800; color: #034EA2;}
.records-t-h4 {font-size: 17px; font-weight: 800; color: #222; margin: 6px 0;}
.records-t-h4 span {font-size: 17px; font-weight: 300; color: #777;}
.records-t-p {font-size: 17px; color: #777; word-break: break-all;}

.records-table-0 {width: 100px; border-right: 1px solid #D9D9D9;}
.records-slide-a {width: 93%;}
.records-slide-a .swiper-slide:not(:last-child) ul {border-right: 1px solid #D9D9D9;}
.records-table-0 .records-t-li2, .records-table-0 .records-t-li3 {background: #fff !important;}

.swiper-pagination-recordsa {display: none;}

/* s-pager */
.records-la-t {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.s-pager {display: flex; align-items: center; justify-content: flex-end;}
.s-pager > div {background: #fff; border:1px solid #E6E6E6; width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.s-pager > div:first-child {margin-right: 11px;}
.s-pager > div i {color: #222; font-size: 24px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

/* records 전문체육 표 */
.records-2-bot {width: 100%;}
.records-2-bot br {display: none;}
.records-2-bot table {width: 100%; font-size: 20px; color: #222; border-top: 1px solid #222; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
.records-2-bot tr {border-bottom: 1px solid #D9D9D9;}
.records-th:not(:last-child), .records-td:not(:last-child) {border-right: 1px solid #D9D9D9;}
.records-th {font-weight: 600; background: #fff; padding: 20px 10px;}
.records-td {padding: 20px 10px; text-align: center;}
.records-th1, .records-td1 {width: 100px;}
.records-td1 {background: #fff;}

@media(max-width:1280px){
.records-tab1 a {padding: 12px 45px; font-size: 18px;}
.records-tab1 li:first-child {margin-right: 25px;}

.records-tab2 figure {width: 110px; height: 110px; margin-bottom: 13px;}
.records-tab2 img {max-width: 60%;}
.records-tab2 a {font-size: 18px;}

.records {padding: 80px 0;}
.records-tab2, .records-tab1-left {margin-top: 80px;}
.records-la {padding-top: 80px;}
.records-2-bot table {font-size: 17px;}
.records-t-h3 {font-size: 30px;}
.records-th, .records-td {padding: 15px 8px;}
.records-th1, .records-td1 {width: 80px;}

.records-table li {font-size: 17px; padding: 15px 5px;}
.records-t-li1 {height: 50px;}
.records-table-0 {width: 80px;}
.records-table-0 {width: 80px;}
}
@media(max-width:1080px){
.records-tab1 a {padding: 12px 45px; font-size: 15px;}
.records-tab1 li:first-child {margin-right: 25px;}

.records-tab2 figure {width: 90px; height: 90px; margin-bottom: 13px;}
.records-tab2 img {max-width: 50px; width: 100%;}
.records-tab2 a {font-size: 15px;}
.records-tab2 li:nth-child(5) img {max-width: 30px;}margin: 0 2% 4% 0;

.records {padding: 60px 0;}
.records-sbj {font-size: 20px;}
.records-tab2, .records-tab1-left {margin-top: 60px;}
.records-la {padding-top: 50px;}
.records-2-bot table {font-size: 14px;}
.records-t-h3 {font-size: 18px;}
.records-t-h4, .records-t-p, .records-t-h4 span {font-size: 14px;}
.records-th, .records-td {padding: 12px 5px;}
.records-th1, .records-td1 {width: 70px;}
.records-la-t {margin-bottom: 20px;}

.s-pager > div {width: 35px; height: 35px;}
.s-pager > div i {font-size: 20px;}
.s-pager > div:first-child {margin-right: 6px;}

.records-table li {font-size: 14px; padding: 12px 5px;}
.records-t-li1 {height: 40px;}
.records-t-bg {height: 120px;}
.records-t-he {height: 120px;}
.records-sbj > em {font-size: 15px;}
.records-table-0 {width: 70px;}

}
@media(max-width:768px){
.records-tab1 a {padding: 8px 30px; font-size: 14px;}
.records-tab1 li:first-child {margin-right: 2%;}

.records-tab2 figure {width: 65px; height: 65px; margin-bottom: 10px;}
.records-tab2 img {max-width: 50px; width: 100%;}
.records-tab2 a {font-size: 14px;}
.records-tab2 li:nth-child(5) img {max-width: 30px;}

.records {padding: 60px 0;}
.records-sbj {font-size: 1.1em;}
.records-sbj > em {font-size: 0.8em; margin-left: 5px;}
.records-tab2, .records-tab1-left {margin-top: 50px;}
.records-tab2 {flex-flow: row wrap;}
.records-la {padding-top: 40px;}
.records-2-bot table, .records-t-p, .records-t-h4 span {font-size: 0.8em;}
.records-t-h3 {font-size: 1em;}
.records-t-h4, .records-t-p {font-size: 0.9em;}
.records-th, .records-td {padding: 10px 5px;}
.records-th1, .records-td1 {width: 53px;}
.records-la-t {margin-bottom: 2%;}

.records-table-0 {width: 53px;}
.records-table li {font-size: 0.8em; padding: 10px 3px;}
.records-t-li1 {height: 36px;}
.records-t-bg {height: 130px;}
.records-t-he {height: 130px;}
}
@media(max-width:500px){
.records-th, .records-td, .records-table li {word-break: break-all;}
.records-tab2, .records-tab1-left {margin-top: 30px;}

.records-tab2 {justify-content: center;}
.records-tab2 figure {width: 15vw; height: 15vw;}
.records-tab2 li:not(:last-child) {margin: 0 2% 4% 0;}
.records-tab2 img {max-width: 40px;}
.records-tab2 li:nth-child(5) img {max-width: 23px;}
.records-t-p {font-size: 0.7em;}

.records-2-bot br {display: block;}

.s-pager > div {width: 28px; height: 28px;}
.s-pager > div i {font-size: 16px;}
.s-pager > div:first-child {margin-right: 4px;}

.records-slide-a {width: 100%;}
.records-t-bg {height: 140px;}
.records-t-he {height: 140px;}
.records-sbj > em {font-size: 0.7em; margin-left: 3px;}
.records-table li {padding: 10px 3px;}
.records-t-h4 span {display: block;}
}

/* 이용약관 */
.su-terms {margin-top: 40px;}
.su-ts {margin-bottom: 50px;}
.su-ts:last-child {margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid #D9D9D9;}
.terms-tit {font-size: 20px; color: #222; font-weight: 600;}
.terms-tit > span {color: #FF1624; font-size: 16px; font-weight: 500; display: inline-block; margin-left: 2px;}
.terms-tbox {width: 100%; height: 135px; margin: 17px 0;}
.terms-tbox textarea {width: 100%; height: 100%; overflow: auto; background: #fff; border-radius: 5px; border: 1px solid #D9D9D9; resize:none; white-space: pre-wrap; padding: 15px; font-size: 15px; color: #6D6D6D;}

.btn_confirm .s-btn1, .s-up-2 .s-btn1 {display: block; width: 200px; height: 55px; line-height: 55px; margin: 85px auto 0; text-align: center;}

.terms-tbox textarea::-webkit-scrollbar {width: 5px; border-radius: 10px;}
.terms-tbox textarea::-webkit-scrollbar-thumb {background-color: #D9D9D9;}
.terms-tbox textarea::-webkit-scrollbar-track {background-color: #898989;}

@media(max-width:1280px){
.terms-tit {font-size: 18px;}
.terms-tit > span {font-size: 15px;}
}
@media(max-width:1080px){
.su-terms {margin-top: 30px;}
.su-ts {margin-bottom: 40px;}
.terms-tbox {margin: 15px 0;}
.terms-tbox textarea {padding: 12px;}
.terms-tit {font-size: 18px;}
.terms-tit > span {font-size: 15px;}
.su-ts:last-child {padding-bottom: 30px;}

.btn_confirm .s-btn1, .s-up-2 .s-btn1 {width: 160px; height: 45px; line-height: 45px; margin: 60px auto 0;}
}
@media(max-width:768px){
.su-terms {margin-top: 20px;}
.su-ts {margin-bottom: 30px;}
.terms-tit {font-size: 1em;}
.terms-tit > span {font-size: 0.8em;}
.terms-tbox {margin: 10px 0; height: 100px; font-size: 0.9em; line-height: 1.5;}
.terms-tbox textarea {line-height: 1.5; font-size: 0.9em; padding: 10px;}
.su-ts:last-child {margin-bottom: 15px; padding-bottom: 15px;}

.btn_confirm .s-btn1, .s-up-2 .s-btn1 {width: 25%; height: auto; line-height: normal; padding: 2%; margin: 50px auto 0;}
}

/* 마이페이지 */
.mp-tab {display: flex; align-items: center; justify-content: center;}
.mp-tab li {width: calc(45%/3);}
.mp-tab a {display: block; width: 85%; background: #fff; border: 1px solid #B3B3B3; border-radius: 5px; text-align: center; font-size: 18px; color: #B3B3B3; padding: 15px; transition: all 0.2s;}
.mp-tab .mp-atv a {background: #034EA2; border: 1px solid #034EA2; color: #fff;}
.mp-tab a:hover {border: 1px solid #034EA2; color: #034EA2; letter-spacing: 2px;}
.mp-tab .mp-atv a:hover {border: 1px solid #034EA2; color: #fff; letter-spacing: normal;}

@media(max-width:1280px){
.mp-tab a {width: 90%;}
}
@media(max-width:1080px){
.mp-tab li {width: calc(65%/3);}
}
@media(max-width:768px){
.mp-tab li {width: auto;}
.mp-tab li:not(:last-child) {margin-right: 2%;}
.mp-tab a {width: auto; padding: 12px 30px; font-size: 15px;}
}
@media(max-width:500px){
.mp-tab {flex-flow: row wrap;}
.mp-tab li {margin-bottom: 3%;}
.mp-tab a {padding: 8px 25px; font-size: 14px;}
}

/* 게시판 상단 박스 */
.s-t-box {background: url('/assets/images/pages/logogram-gyeong.svg')no-repeat bottom right #fff;background-size: 350px;background-position: right 40px;border: 1px solid #D9D9D9;padding: 70px 100px;margin-bottom: 65px;border-radius: 20px;}
.s-t-box .s-tit-2 {display: flex; align-items: flex-end; justify-content: space-between;}
.s-t-box .s-tit-2 + p {font-size: 20px; color: #6D6D6D; font-weight: 400; margin-top: 30px; line-height: 1.4;}
.s-t-box ul {margin-top: 30px;}
.s-t-box li {font-size: 15px; color: #6D6D6D; font-weight: 400; line-height: 1.6; position: relative; padding-left: 10px;}
.s-t-box li::after {content: ''; display: block; width: 4px; height: 4px; background: #034EA2; border-radius: 50%; position: absolute; top: 9px; left: 0;}

.s31 .s-t-box {padding: 50px 100px;}

@media(max-width:1280px){
.s-t-box {padding: 70px;}
.s-tit-2 h2 {font-size: 28px;}
.s-t-box .s-tit-2 + p {font-size: 18px;}

.s31 .s-t-box {padding: 50px 70px;}
}
@media(max-width:1080px){
.s-t-box {padding: 50px;}
.s-tit-2 h2 {font-size: 20px;}
.s-t-box .s-tit-2 + p {font-size: 16px;}

.s31 .s-t-box {padding: 40px 50px;}
}
@media(max-width:768px){
.s-t-box {padding: 7%; margin-bottom: 7%; background-size: 40%;}
.s-tit-2 h2 {font-size: 1.2em;}
.s-tit-2 h2 br {display: none;}
.s-t-box .s-tit-2 + p {font-size: 1em; margin-top: 2%;}

.s31 .s-t-box {padding: 5% 7%;}
.s-t-box ul {margin-top: 2%;}
}

/* s33 */
.s33 {padding: 100px 0; width: 100%;}
.s33 .table-common-1 {padding-top: 0; width: 100%;}
.s33 .sct-wrap {background: url('./img/dot_icon.png')no-repeat bottom right #fff; padding: 50px 80px; border: 1px solid #dfdfdf;}
.s33 .s-tit-2 {margin-bottom: 20px;}
.s33 .sch_wr {display: flex; justify-content: space-between; width: 100%; height: 50px;}
.s33 .frm_input, .s33 .btn_submit {font-family: 'Pretendard', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.s33 .frm_input {width: 88%; height: 100%; padding: 10px; background: #fff;}
.s33 .btn_submit {width: 10%; height: 100%; background: #1F2C5C; border:2px solid transparent; border-radius: 5px; transition: all 0.2s;}
.s33 .btn_submit i {display: inline-block; padding-right: 8px; font-size: 15px; transition: all 0.2s;}
.s33 .btn_submit:hover i {font-size: 20px;}
.s33-bot {margin-top: 80px;}
.s32-tp {margin-top: 10px; line-height: 1.5;}
.s32-tp > a {display: inline-block; text-decoration: underline;}

@media(max-width:1280px){
.s33 {padding: 80px 0;}
.s33-bot {margin-top: 60px;}
.s33 .frm_input {width: 85%;}
.s33 .btn_submit {max-width: 120px; width: 100%; margin-left: 2%;}
}
@media(max-width:1080px){
.s33 {padding: 60px 0;}
.s33 .sct-wrap {padding: 40px 50px;}
.s33 .s-tit-2 {margin-bottom: 12px;}
.s33-bot {margin-top: 45px;}
.s33 .sch_wr {height: 43px;}
.s33 .frm_input {width: 80%;}
.s32-tp {font-size: 14px;}
}
@media(max-width:890px){
.s33 {padding: 50px 0;}
.s33-bot {overflow-x: scroll;}
.s33 .sct-wrap {padding: 5% 6%; background-size: 35%;}
.s33 .s-tit-2 {margin-bottom: 2%;}
.s33 .frm_input {width: 85%;}
.s33 .btn_submit {max-width: 80px; font-size: 14px;}
.s33 .btn_submit i {padding-right: 4px;}
.s33 .btn_submit:hover i, .s33 .btn_submit i {font-size: 14px;}
.s32-tp {font-size: 13px; line-height: 1.3; margin: 2% 0 4%;}
}

/* ceo-message */


/* histories */


/* table-common */


.s69-1 {padding-top: 100px;}
.s69-timg img {max-width: 100%; width: 100%; height: auto; display: block; margin: 0 auto;}
.s69-1 .sct-wrap {width: 87%; background: #fff; position: relative; right: -13%; top: -150px; border-radius: 15px 0 0 0; padding: 100px; display: flex; align-items: flex-start; flex-flow: row wrap;}
.s69-logo {width: 30%;}
.s69-logo img {display: block; max-width: 428px; width: 100%; height: auto;}
.s69-tbox {width: 70%; padding-left: 7%;}
.s69-tbox p {font-size: 20px; color: #4E4E4E; font-weight: 400; line-height: 1.6;}
.s69-tbox p:last-child {display: flex; align-items: center; font-size: 32px; font-weight: 800; color: #034EA2; margin-top: 30px;}
.s69-tbox p:last-child img {display: block; max-width: 36px; width: 100%; height: auto;}
.s69-tbox p:last-child span {font-size: 18px; font-weight: 600; color: #034EA2; display: block; margin: 0 20px;}

.s69-2 {padding-bottom: 170px;}
.s69-2 ul {display: flex; align-items: flex-start; justify-content: space-between; flex-flow:row wrap;}
.s69-2 li h3 {font-size: 24px; color: #222; font-weight: 700;}
.s69-2 li figure {background: #fff; border-radius: 15px; display: flex; align-items: center; justify-content: center; width: 350px; height: 100px; margin-top: 35px;}
.s69-2 li img {display: block; max-width: 222px; width: 100%; height: auto; margin: 0 auto;}
/* .s69-2 li:first-child img {max-width: 262px;} */

@media(max-width: 1280px){
.s69-1 {padding-top: 80px;}
.s69-1 .sct-wrap {width: 96%; right: -4%; padding: 70px;}
.s69-logo img {max-width: 280px;}
.s69-tbox {padding-left: 5%;}
.s69-tbox p {font-size: 18px;}
.s69-tbox p:last-child {font-size: 28px; margin-top: 5%;}
.s69-tbox p:last-child span {font-size: 16px; margin: 0 12px;}

.s69-2 {padding-bottom: 120px;}
.s69-2 li h3 {font-size: 20px;}
.s69-2 li figure {width: 320px; height: 90px;}
.s69-2 li img {width: 80%;}
}
@media(max-width:1080px){
.s69-1 {padding-top: 60px;}
.s69-1 .sct-wrap {padding: 5%; top: -80px; margin-bottom: 20px;}
.s69-tbox p {font-size: 16px;}
.s69-tbox p br {display: none;}
.s69-logo img {max-width: 230px;}
.s69-tbox p:last-child {font-size: 24px;}
.s69-tbox p:last-child img {max-width: 30px;}
.s69-tbox p:last-child span {font-size: 15px;}

.s69-2 {padding-bottom: 100px;}
.s69-2 li {width: calc(100%/3.2);}
.s69-2 li h3 {font-size: 18px;}
.s69-2 li figure {margin-top: 5%; width: 100%; padding:0 15px;}
}
@media(max-width:768px){
.s69-1 {padding-top: 50px;}
.s69-1 .sct-wrap {flex-flow: row wrap; top: -40px; padding: 4% 5%;}
.s69-logo {display: none;}
.s69-tbox {width: 100%;}
.s69-tbox {padding-left: 0;}
.s69-tbox p {font-size: 1em;}
.s69-tbox p:last-child {font-size: 1.2em; margin-top: 3%;}
.s69-tbox p:last-child img {max-width: 25px;}
.s69-tbox p:last-child span {font-size: 0.9em; margin: 0 15px 0 8px;}

.s69-2 {padding-bottom: 60px;}
.s69-2 li h3 {font-size: 1.1em;}
.s69-2 li figure {height: 75px; padding:0;}
}
@media(max-width:500px){
.s69-2 ul {flex-flow: row wrap;}
.s69-2 li {width: 100%;}
.s69-2 li:not(:last-child) {margin-bottom: 5%;}
.s69-2 li figure {margin-top: 2%; height: auto; padding: 7% 0;}
}



/* s71 */
.s71 {padding: 100px 0 60px;}

.s71-tab1 {padding-bottom: 100px;}
.s71-tab1 li:not(:last-child) {margin-right: 35px;}

.s71-top .s-tit-1 {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #222; padding-bottom: 30px;}
.s71-top .s-tit-1 h2 {border-bottom: none; padding-bottom: 0;}
.s71-ck {display: flex; align-items: center; justify-content: flex-end;}
.s71-ck a {display: block; font-size: 20px; color: #6D6D6D; position: relative; padding-left: 15px; font-weight: 600;}
.s71-ck a:not(:last-child) {margin-right: 20px;}
.s71-ck a.s71-atv {color: #034EA2;}
.s71-ck a.s71-atv::after {content: ''; display: block; width: 5px; height: 5px; background: #034EA2; border-radius: 50%; position: absolute; left: 0; top: 11px;}

.s71-op {display: flex; justify-content: flex-end; margin: 30px 0;}
.s71-op select {width: 400px; height: 45px; background-color: #fff; border:1px solid #D9D9D9; font-size: 16px; color: #222; padding: 10px 20px; border-radius: 5px; font-family: 'Pretendard', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;}

.s71-bot {display: flex; flex-flow: row wrap; justify-content: space-between;}
.s71-bot li {width: 49%; display: flex; align-items: center; justify-content: space-between; border:2px solid #ddd; padding: 30px 40px; margin-bottom: 40px; transition: all 0.2s;}
.s71-bot figure {width: 35%; height: 250px; overflow: hidden;}
.s71-bot figure img {display: block; max-width: 200px; width: 100%; height: 100%; object-fit: cover;}
.s71-tbox {width: 60%;}
.s71-tb-t span {font-size: 16px; color: #fff; background: #034EA2; padding: 7px 18px; border-radius: 5px;}
.s71-tb-t h3 {font-size: 22px; color: #222; font-weight: 600; margin: 20px 0 45px;}
.s71-tb-b, .s71-tb-b h3 {display: flex; align-items: center;}
.s71-tb-b > div {width: 50%;}
.s71-tb-b h3 {font-size: 18px; font-weight: 600;}
.s71-tb-b img {display: block; max-width: 21px; width: 100%; height: auto; margin-right: 8px;}
.s71-tb-b p {font-size: 18px; color: #6D6D6D; margin-top: 15px;}

.s71-bot li:hover {background: #fff; border:2px solid #034EA2;}

@media(max-width:1280px){
.s71 {padding: 80px 0 40px;}
.s71-tab1 {padding-bottom: 80px;}
.s71-bot li {padding: 25px 35px;}
.s71-bot figure {width: 40%; height: 230px;}
.s71-tbox {width: 55%;}
.s71-tb-t span {font-size: 15px; padding: 7px 15px;}
.s71-tb-t h3 {font-size: 20px;margin: 18px 0 35px;}
.s71-tb-b h3, .s71-tb-b p {font-size: 16px;}

.s71-top .s-tit-1 {padding-bottom: 20px;}
.s71-ck a {font-size: 18px; padding-left: 12px;}
.s71-ck a:not(:last-child) {margin-right: 15px;}
.s71-ck a.s71-atv::after {top: 9px;}
}
@media(max-width:1080px){
.s71 {padding: 60px 0 40px;}
.s71-tab1 {padding-bottom: 60px;}
.s71-bot li {padding: 2%; margin-bottom: 2%;}
.s71-bot figure {width: 42%; height: 210px;}
.s71-tbox {width: 53%;}
.s71-tb-t span {font-size: 14px; padding: 5px 12px;}
.s71-tb-t h3 {font-size: 18px; margin: 15px 0 30px;}
.s71-tb-b h3, .s71-tb-b p {font-size: 15px;}
.s71-tb-b img {max-width: 17px;}
.s71-tb-b p  {margin-top: 10px;}

.s71-top .s-tit-1 {padding-bottom: 2%;}
.s71-ck a {font-size: 16px;}
.s71-op {margin: 2% 0 30px;}
.s71-op select {width: 350px; font-size: 15px; padding: 10px;}
}
@media(max-width:768px){
.s71-bot li {flex-flow: row wrap; padding: 3%;}
.s71-bot figure, .s71-tbox {width: 100%;}
.s71-bot figure {height: 230px;}
.s71-bot figure img {margin: 0 auto;}
.s71-tbox {margin-top: 8%;}
.s71-tb-t {width: 100%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 8%;}
.s71-tb-t h3 {margin: 0; font-size: 1em;}
.s71-tb-t span {font-size: 0.8em; margin-right: 8px;}
.s71-tb-b {justify-content: space-between;}
.s71-tb-b h3, .s71-tb-b p {font-size: 0.9em;}
.s71-tb-b h3 {justify-content: center;}
.s71-tb-b > div {text-align: center; width: 49%;}

.s71-ck a {font-size: 1em; padding-left: 10px;}
.s71-ck a:not(:last-child) {margin-right: 5%;}
.s71-ck a.s71-atv::after {top: 8px; width: 4px; height: 4px;}
.s71-op {margin: 2% 0 5%;}
.s71-op select {width: 300px; height: 40px; font-size: 0.9em;}
.s71-tab1 {flex-flow: row wrap;}
.s71-tab1 li {margin-bottom: 2%;}
.s71-tab1 li:not(:last-child) {margin-right: 2%;}
}
@media(max-width:500px){
.s71-bot figure {height: 50vw;}
.s71-bot figure img {max-width: 100%;}
.s71-tb-t span {margin-right: 4px; padding: 3px 6px;}
.s71-tb-t h3 {font-size: 0.9em;}

.s71-tb-b {flex-flow: row wrap;}
.s71-tb-b > div {width: 100%;}
.s71-tb-b > div:not(:last-child) {margin-bottom: 8%;}
.s71-tb-b p {margin-top: 6px;}

.s71-ck a {font-size: 0.9em;}
}

/* s69-1-ci */
.s69-a {padding: 180px 0;}
.logo1-flx {display: flex; justify-content: space-between; flex-flow: row wrap; height: 600px;}
.logo1-flx > div {width: calc(95%/2);}
.s69-1-ci .s-tit h2 {margin-bottom: 40px;}
.s69-1-ci .s-tit p {font-size: 17px; color: #6D6D6D; font-weight: 400; line-height: 1.4; margin-bottom: 10px;}
.s69-1-ci .s-tit p:last-child {margin-bottom: 0;}
.logo1-l {display: flex; flex-direction: column; justify-content: space-between;}
.logo-down a {display: flex; align-items: center; justify-content: space-between; font-size: 24px; color: #222; font-weight: 700; padding: 25px 0; border-bottom: 1px solid #D9D9D9; transition: all 0.2s;}
.logo-down a:first-child {border-top: 1px solid #D9D9D9;}
.logo-down a img {display: block; max-width: 25px; width: 100%; height: auto;}
.logo-down a img:last-child {display: none;}

.logo-down a:hover {color: #034EA2;}
.logo-down a:hover img:last-child {display: block;}
.logo-down a:hover img:first-of-type{display: none;}

.logo1-r {height: 100%; background: #fff; border: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: center;}
.logo1-r img {display: block; max-width: 300px; width: 100%; height: auto; margin: 0 auto;}

.s69-b {background: #fff; padding: 180px 0;}
.logo-smb figure {max-width: 87px;}
.logo-smb span {display: block; font-size: 20px; color: #23A1DB; width: 100%; text-align: center; margin-bottom: 10px;}
.logo-smb img {display: block; width: 100%; height: auto;}
.logo-smb p {font-size: 17px; color: #23A1DB; line-height: 1.5; margin-top: 12px;}
.logo1-r-bg {background: url('./img/s69_2_bg1.png')repeat center / 100% #fff;}
.s69-b .logo1-r figure {width: calc(80%/2);}
.s69-b .logo1-r figure:last-child {margin-top: 28%; display: flex; flex-direction: column-reverse;}
.s69-b .logo1-r span {display: block; color: #23A1DB; font-size: 20px; text-align: center;}
.s69-b .logo1-r figure:first-child img {max-width: 324px; width: 100%; height: auto; margin: 30px auto 0;}
.s69-b .logo1-r figure:last-child img {max-width: 86px; width: 100%; height: auto; margin: 0 auto 30px;}

.s69-c {padding: 180px 0;}
.s69-c h3 {font-size: 20px; color: #23A1DB; font-weight: 600; margin-bottom: 15px;}
.s69-c .logo1-r-bg {border: 1px solid #D9D9D9;}
.logo-signt .logo1-r-bg {padding: 20px;}
.logo-signt .logo1-r-bg img {display: block; max-width: 470px; width: 100%; height: auto; margin: 0 auto;}
.logo1-r-signt {background: transparent; border: none; display: flex; flex-direction: column; justify-content: space-between;}
.logo1-r-signt .logo1-r-bg {display: flex;}

.log-r-box1, .log-r-box2 {width: 100%;}
.log-r-box1 .logo1-r-bg, .log-r-box2 .logo1-r-bg {height: 250px; display: flex; align-items: center; justify-content: space-between; padding: 0 45px;}
.log-r-box1 img {display: block; width: 100%; max-height: 120px; height: 100%; margin: 0 auto;}
.log-r-box2 img {display: block; max-width: 240px; width: 100%; height: auto; margin: 0 auto;}

.s69-d {background: #fff; padding: 180px 0 80px 0;}
.s69-d h3 {font-size: 16px; color: #23A1DB; font-weight: 600;}
.s69-c-t {display: flex; align-items: center; justify-content: space-between;}
.s69-c-t > div {width: calc(95%/2);}
.s69-c-t > div:last-child, .s69-c-t > div ul {display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;}
.s69-c-t > div ul {width: 75%;}
.s69-c-t li {width: 30%;}
.s69-c-t li img {display: block; max-width: 140px; width: 100%; height: auto; margin: 0 auto;}
.s69-c-t li p {font-size: 16px; color: #23A1DB; font-weight: 400; text-align: center; margin-top: 15px;}

.s69-c-b {margin-top: 110px;}
.s69-c-box {display: flex; align-items: center; justify-content: space-between;}
.s69-c-box > h3 {width: 16%;}
.s69-c-box > figure {width: 60%; position: relative;}
.s69-c-box > figure img {display: block; max-width: 835px; width: 100%; height: auto; margin: 0 auto;}
.s69-c-box > div {width: 20%; height: 150px; background: #004097; color: #fff; padding: 15px 20px;}
.s69-c-box h4 {font-weight: 600; margin-bottom: 13px;}
.s69-c-box > div ul, .s69-c-box > div li {display: flex; align-items: center;}
.s69-c-box > div li {font-weight: 300; margin-bottom: 8px;}
.s69-c-box > div li span {display: block; margin: 0 12px 0 7px;}

.s69-c-box2 {margin-top: 10px;}
.s69-c-box2 > div {background: #034EA2;}

.s69-c-box1 > figure::after {content: ''; display: block; background: url('./img/s69_d_img7.png')no-repeat center / 100%; width: 15px; height: 11px; position: absolute; top: -10px; left: 50%; transform: translate(-50%,0);}
.s69-c-box2 > figure::after {content: ''; display: block; background: url('./img/s69_d_img6.png')no-repeat center / 100%; max-width: 856px; width: 100%; height: 11px; position: absolute; bottom: -20px; right: 30px;}


@media(max-width: 1280px){
.s69-a, .s69-b, .s69-c, .s69-d {padding: 130px 0;}
.s69-1-ci .s-tit h2 {margin-bottom: 25px;}
.s69-1-ci .s-tit p {font-size: 16px;}
.logo-down a {font-size: 22px; padding: 20px 0;}
.logo-down a img {max-width: 21px;}

.logo-smb p {font-size: 16px;}
.logo-smb span, .s69-b .logo1-r span {font-size: 18px;}
.s69-b .logo1-r figure {width: calc(70%/2);}
.s69-b .logo1-r figure:last-child {margin-top: 20%;}
.s69-b .logo1-r figure:first-child img {margin: 20px auto 0;}
.s69-b .logo1-r figure:last-child img {margin: 0 auto 20px;}

.s69-c h3 {font-size: 18px;}
.s69-d h3, .s69-c-box h4 {font-size: 15px;}
.s69-c-box > div {height: 120px;}
.s69-c-box h4 {margin-bottom: 10px;}
.s69-c-box > div li {font-size: 14px;}
}
@media(max-width: 1080px){
.s69-a, .s69-b, .s69-c, .s69-d {padding: 100px 0;}
.s69-1-ci .s-tit h2 {margin-bottom: 20px;}
.s69-1-ci .s-tit p {font-size: 15px; margin-bottom: 8px;}
.s69-1-ci .s-tit p br {display: none;}
.logo-down a {font-size: 20px; padding: 18px 0;}
.logo-down a img {max-width: 18px;}
.logo1-r img {max-width: 250px;}
.logo1-flx {height: 500px;}

.logo-smb p {font-size: 15px;}
.logo-smb span, .s69-b .logo1-r span {font-size: 16px;}
.s69-b .logo1-r figure {width: calc(87%/2);}

.log-r-box1 .logo1-r-bg, .log-r-box2 .logo1-r-bg {height: 200px;}
.s69-c h3 {margin-bottom: 10px; font-size: 16px;}
.log-r-box1 .logo1-r-bg figure {width: 48%;}
.logo-signt .logo1-r-bg figure {width: 100%;}
.log-r-box1 img {max-height: none; height: auto;}

.s69-c-t {align-items: flex-start; flex-flow: row wrap;}
.s69-c-t h3, .s69-c-t > div ul {width: 100%;}
.s69-c-t h3 {margin-bottom: 15px;}
.s69-c-t li p {font-size: 15px; margin-top: 12px;}
.s69-c-b {margin-top: 80px;}
.s69-c-box {flex-flow: row wrap;}
.s69-c-box > h3 {width: 100%; margin-bottom: 12px;}
.s69-c-box > figure {width: 75%;}
.s69-c-box > div {width: 24%; height: 13vw; padding: 2%;}
.s69-c-box > div ul, .s69-c-box > div li {flex-flow: row wrap;}
.s69-c-box > div ul, .s69-c-box h4 {margin-bottom: 8px;}
.s69-c-box > div li {margin-bottom: 5px;}
}
@media(max-width:768px){
.s69-a, .s69-b, .s69-c, .s69-d {padding: 60px 0;}
.s69-1-ci .s-tit h2 {margin-bottom: 3%;}
.s69-1-ci .s-tit p {font-size: 0.9em; margin-bottom: 6px;}
.logo1-flx {height: auto;}
.logo1-flx > div {width: 100%;}
.logo-down {margin: 5% 0;}
.logo-down a {font-size: 1.1em; padding: 2.5% 0;}
.logo1-r {padding: 5%;}
.logo1-r img {max-width: 230px;}

.logo-smb {margin: 12% 0 2%; display: flex; align-items: flex-end; justify-content: space-between;}
.logo-smb figure {max-width: none; width: 18%; padding-right: 3%;}
.logo-smb p {width: 80%;}
.logo-smb p, .s69-b .logo1-r span {font-size: 0.9em;}
.logo-smb p br {display: none;}
.logo-smb span {font-size: 1em;}
.s69-b .logo1-r figure:last-child {margin-top: 26%;}
.s69-b .logo1-r figure:first-child img {margin: 6% auto 0;}
.s69-b .logo1-r figure:last-child img {margin: 0 auto 6%;}

.logo-signt, .s69-c-b {margin-top: 10%;}
.logo1-r-signt {padding: 0;}
.log-r-box1 .logo1-r-bg, .log-r-box2 .logo1-r-bg {height: auto; padding: 5%;}
.log-r-box1, .log-r-box2 {margin-top: 4%;}
.s69-c h3 {font-size: 1em;}

.s69-c-t > div {width: 100%;}
.s69-c-t > div:last-child {margin-top: 5%;}
.s69-c-t h3 {margin-bottom: 3%;}
.s69-c-t li {width: 32%;}
.s69-c-t li p {font-size: 0.9em; margin-top: 10px;}
.s69-c-box2 {margin-top: 5%;}
.s69-c-box2 > figure::after {display: none;}
.s69-d h3 {font-size: 1em;}
.s69-c-box > figure, .s69-c-box > div {width: 100%;}
.s69-c-box > div {height: auto;}
.s69-c-box .s69-rgb, .s69-c-box .s69-panton, .s69-c-box > div li {margin-bottom: 0;}
.s69-c-box > div ul {margin-bottom: 5px;}
.s69-c-box h4, .s69-c-box > div li {font-size: 0.9em;}
.s69-c-box > div li span {margin: 0 10px 0 5px;}
}
@media(max-width: 500px){
.logo-down {margin: 7% 0 5%;}
.logo-down a {font-size: 1em; padding: 3% 0;}

.logo-smb {margin-top: 10%; align-items: center;}
.logo-smb figure {width: 25%;}
.logo-smb p {width: 70%;}
.s69-b .logo1-r figure:last-child {margin-top: 19%;}

.s69-c h3, .s69-d h3 {font-size: 0.9em;}

.s69-c-t li {width: 30%;}
.s69-c-box > div li {font-size: 0.8em;}
}

/* 개인정보처리방침 */
.s-f-p {padding: 100px 0; line-height: 1.5;}
.s-f-p article:not(:last-child) {margin-bottom: 80px;}
.s-f-p h2 {font-size: 28px; font-weight: 800; color: #222; margin-bottom: 50px;}
.s-f-p .sfp-mtit {font-size: 22px; margin-bottom: 15px;}
.s-f-p h3 {font-weight: 700; color: #222; margin-bottom: 10px; font-size: 18px;}
.s-f-p .sfp-tit {font-size: 20px; font-weight: 600; color: #034EA2; padding-left: 12px; position: relative; margin-bottom: 25px;}
.s-f-p .sfp-tit::after {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #034EA2; position: absolute; top: 12px; left: 0;}
.s-f-p p {font-size: 18px; color: #444;}
.s-f-p p a {}
.sfp-box p {background: #fff; padding: 20px 25px; border: 1px solid #ddd;}
.s-f-p p:not(:last-child) {margin-bottom: 5px;}
.sfp-sb {margin: 30px 0;}
.s-f-p table {width: 100%; margin-top: 30px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 18px;}
.s-f-p tr {border-bottom: 1px solid #ddd;}
.s-f-p th {background: #fff;}
.s-f-p th, .s-f-p td {border-right: 1px solid #ddd; padding: 10px 15px;}
.s-f-p th:first-child, .s-f-p td:first-child {width: 5%; text-align: center;}
.s-f-p th:nth-child(2), .s-f-p td:nth-child(2) {width: 10%; text-align: center;}
.s-f-p th:nth-child(3), .s-f-p td:nth-child(3) {width: 15%; text-align: center;}
.s-f-p th:nth-child(4), .s-f-p td:nth-child(4) {}
.s-f-p th:nth-child(5), .s-f-p td:nth-child(5) {width: 10%; text-align: center;}
.s-f-p th:last-child, .s-f-p td:last-child {width: 20%;}
.sfp-sb li {font-size: 18px; position: relative; padding-left: 9px;}
.sfp-sb li::after {content: ''; width: 3px; height: 3px; background: #222; border-radius: 50%; position: absolute; top: 13px; left: 0;}

.sfp-wrap {margin-bottom: 30px;}
.sfp-wrap h4 {font-weight: 600; font-size: 20px; margin-bottom: 8px;}
.sfp-wrap span {display: block; padding: 0 0 8px 17px; font-size: 17px;}

@media(max-width:1280px){
.s-f-p {padding: 80px 0;}
.s-f-p h2 {margin-bottom: 35px;}
.s-f-p .sfp-tit {font-size: 18px; margin-bottom: 18px;}
.sfp-box p {padding: 15px 20px;}
.s-f-p p, .s-f-p table, .sfp-sb li, .s-f-p h3 {font-size: 16px;}
.s-f-p article:not(:last-child) {margin-bottom: 60px;}
.sfp-sb {margin: 25px 0;}
.sfp-wrap h4 {font-size: 18px;}
.sfp-wrap span {font-size: 15px; padding: 0 0 6px 12px;}
}
@media(max-width:1080px){
.s-f-p {padding: 60px 0;}
.s-f-p h2 {font-size: 22px; margin-bottom: 30px;}
.s-f-p .sfp-mtit {font-size: 20px;}
.s-f-p .sfp-tit {margin-bottom: 15px;}
.s-f-p article:not(:last-child) {margin-bottom: 50px;}
.s-f-p th, .s-f-p td {padding: 8px 12px;}
}
@media(max-width:768px){
.s-f-p {padding: 50px 0;}
.s-f-p h2 {font-size: 1.2em;}
.s-f-p .sfp-mtit {font-size: 1.1em;}
.s-f-p .sfp-tit {font-size: 1em; margin-bottom: 2%; padding-left: 10px;}
.s-f-p .sfp-tit::after {width: 5px; height: 5px; top: 10px;}
.s-f-p p, .sfp-sb li, .s-f-p h3 {font-size: 0.9em;}
.s-f-p article:not(:last-child) {margin-bottom: 6%;}
.s-f-p table {font-size: 0.7em; line-height: 1.3; margin-top: 3%;}
.s-f-p th, .s-f-p td {padding: 6px; word-break: break-all;}
.s-f-p th:first-child, .s-f-p td:first-child {display: none;}
.sfp-sb {margin: 6% 0;}
.sfp-wrap h4 {font-size: 1em;}
.sfp-wrap {margin-bottom: 4%;}
.sfp-wrap span {font-size: 0.8em; padding: 0 0 5px 10px;}
}


/* global */
.btn-blue {background: #034EA2; color: #fff;}
.btn-blue:hover {background: #fff; color: #034EA2; border: 1px solid #034EA2;}
.btn-dark {background: #222; color: #fff;}
.btn-dark:hover {background: #fff; color: #222; border: 1px solid;}