/* font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: url('../fonts/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/Pretendard-Medium.woff') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Pretendard-Regular.woff') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('../fonts/Pretendard-Thin.woff') format('woff');
}
/* SeoulHangang */
@font-face {
	font-family: 'SeoulHangang';
	font-weight: 100;
	font-display: swap;
	src: url('../fonts/SeoulHangangL.ttf') format('woff');
}
@font-face {
	font-family: 'SeoulHangang';
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/SeoulHangangM.ttf') format('woff');
}
@font-face {
	font-family: 'SeoulHangang';
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/SeoulHangangB.ttf') format('woff');
}
@font-face {
	font-family: 'SeoulHangang';
	font-weight: 900;
	font-display: swap;
	src: url('../fonts/SeoulHangangEB.ttf') format('woff');
}
@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: local('/Akzidenz-Grotesk BQ Bold'), local('Akzidenz-Grotesk-BQ-Bold'),
        url('../fonts/AkzidenzGroteskBQ-Bold.woff2') format('woff2'),
        url('../fonts/AkzidenzGroteskBQ-Bold.woff') format('woff'),
        url('../fonts/AkzidenzGroteskBQ-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'nanumLetter';
	src: url('../fonts/nanum_letter.ttf') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumHaram';
	src: url('../fonts/nanum_haram.ttf') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumAnssang';
	src: url('../fonts/nanum_anssang.ttf') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumMyson';
	src: url('../fonts/nanum_myson.ttf') format('woff');
}
@font-face {
    font-family: 'nanumTree';
	src: url('../fonts/nanum-tree.ttf') format('woff');
}
@font-face {
    font-family: 'nanumHardWork';
	src: url('../fonts/nanum_hardwork.ttf') format('woff');
}

/* size */
@media screen and (max-width: 1530px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; padding-top: 100px;}
@media screen and (max-width: 900px) {
	section {
		padding-top: 30px;
	}
}

a{ color:inherit; }
strong {
    font-weight: bold !important;
}
b {
    font-weight: bold !important;
}
.inner{ max-width:1520px; margin:0 auto; width: 95%; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

/* 추가 CSS */
.div-paging-button.menu-case {
	display: none;
}

.pagination {
	color: #898989;
}

.pagination .active {
	color: black;
}

.pagination a {
	margin-left: 12px;
	margin-right: 12px;
}

@media screen and (max-width: 1530px) { 
    .inner{ width: 95%; }
} /* tablet */
@media screen and (max-width: 1250px) { 
	.inner{ width:100%; padding:0 20px; }
}
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }

	/* 추가 CSS */
	.div-paging-button.menu-case {
		display: block;
	}
} /* mobile */

/* sec_top*/
.sec_top{ padding-top: 100px; }
@media screen and (max-width: 900px) {
	.sec_top{ padding-top: 69.81px; }
}

/* header */
header{ position: fixed; width: 100%; z-index: 999; padding: 27px 0; background-color: #fff; transition: background 0.3s;  }
header .inner{ display: flex; justify-content: space-between; gap: 165px; align-items: center; flex-grow: 1; position: relative; }
header .menuBox{ width: 100%; }
header .menuBox .menuContainer{ display:flex; justify-content: space-between; align-items: center; width: 100%; font-size:18px; font-weight: 500;  }
header .telBox{ background: linear-gradient(95deg, #7EAEFF 16.81%, #BCAAF4 54.81%, #FCA6A6 102.88%); color: #fff; padding: 4px 26px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; border-radius: 100px; } 
header .leftMenuBtn{ display: none; }
header .mo{ display: none; }  
header .main_logo{ display: none; }

header.active{ background-color: transparent; } 
header.active .logo{ display: none; }
header.active .main_logo{ display: block; }
header.active .menuBox{ z-index: 1; }
header.active .menuBox .menuContainer{ color: #fff; }

header .menuBox .menuContainer > li{ position: relative; display: flex; align-items: center; justify-content: center; }
header .menuBox .menuContainer > li .subMenu{ position: absolute; width: 200px; background-color: #fff; text-align: center; padding: 20px 10px; font-size: 0.9em; top: calc(100% + 20px); 
	opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; color: #222;
}
header .menuBox .menuContainer > li:hover .subMenu{ opacity: 1; visibility: visible; }
header .menuBox .menuContainer > li .subMenu > li + li{ margin-top: 10px; }




header .menuBox .menuContainer > li:not(:last-child) > a {
	font-size: 20px;
}
@media screen and (min-width: 900px) and (max-width: 1000px) { 
	header .menuBox .menuContainer > li:not(:last-child) > a {
		font-size: 18px;
	}
}

header .menuBox .menuContainer > li > a,
header .menuBox .menuContainer > li .subMenu > li a {
	position: relative;
}
header .menuBox .menuContainer > li:hover > a,
header .menuBox .menuContainer > li.active > a,
header .menuBox .menuContainer > li .subMenu > li:hover a,
header .menuBox .menuContainer > li .subMenu > li.active a {
	font-weight: 700;
}
header .menuBox .menuContainer > li:not(:last-child):hover > a:after,
header .menuBox .menuContainer > li:not(:last-child).active > a:after,
header .menuBox .menuContainer > li .subMenu > li:hover a:after,
header .menuBox .menuContainer > li .subMenu > li.active a:after {
	position: absolute;
	content: '';
	top: 50%;
	left: -10px;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: linear-gradient(to bottom, #EDA7B8, #7EAEFF);
	border-radius: 50%;
}


@media screen and (max-width: 1530px) { 
	header .inner{ gap: 5%; }
}
@media screen and (max-width: 900px) { 
	header{ padding: 20px 0; }
	header .logoBox img{ width: 128.363px; }
	header .leftMenuBtn{ display: block; background-color: transparent; border: none; position: fixed; z-index: 99; right: 20px;  }  
	header .menuBox{ position: fixed; right: -100%; top: 0; width: 80%; max-width: 300px; height: 100%; background-color: #fff; padding: 100px 0; transition: right 0.5s; overflow-y: scroll; }
	header .menuBox.active{ right: 0; z-index: 9; }
	header .menuBox .menuContainer{ color: #222; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 20px; }
	header .menuBox .menuContainer > li{ width: 100%; }
	header .menuBox .menuContainer > li + li{ margin-top: 20px;  }
	header .telBox{ justify-content: center; padding: 5px 18px; font-size: 14px;  }

	header .menuCloseBg{ position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; cursor: pointer; opacity: 0; visibility: hidden; }
	header .menuCloseBg.on{ opacity: 1; visibility: visible; }

	header.main .main_logo{ display: none; }
	header.main .logo{ display: block; max-width: 100%; }
	header.main .menuBox .menuContainer{ color: #222; }

	header .mo{ display: block; margin-right: 35px; flex-shrink: 0; }   
	header .menuBox .menuContainer > li{ flex-direction: column; justify-content: flex-start; text-align: left; align-items: flex-start; }
	header .menuBox .menuContainer > li > a{ font-weight: 700; }
	header .menuBox .menuContainer > li .subMenu{ position: static; width: auto; opacity: 1; visibility: visible; width: 100%; padding: 20px 0 0 0; }
	header .menuBox .menuContainer > li .subMenu > li{ text-align: left; }
	header .menuBox .menuContainer > li > a.telWrap{ width: 100%; display: flex; justify-content: flex-start; }
	header .menuBox .menuContainer > li > a.telWrap .telBox{ width: 100%; max-width: 280px; }
}
@media screen and (max-width: 300px) { 
	header .telBox img{ display: none;}
}

/* .main .main_banner */
.main .mainBanner{ overflow: hidden; position: relative; }
.main .mainBanner img{ width: 100%; }
.main .mainBanner .banner-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

.main .mainBanner .banner-content .inner{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .mainBanner .banner-content.banner01 .title{ width: 28%; opacity: 0; }
.main .mainBanner .banner-content.banner01 .content1{ width: 30%; margin-top: 5%; opacity: 0; }
.main .mainBanner .banner-content.banner01 .tel-btn{ width: 26.8%; margin-top: 1.2%; opacity: 0; }

.main .mainBanner .swiper-slide-active .banner-content.banner01 .title{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .mainBanner .swiper-slide-active .banner-content.banner01 .content1{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .mainBanner .swiper-slide-active .banner-content.banner01 .tel-btn{ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }

.main .mainBanner .banner-content.banner02 .inner{ flex-direction: row-reverse; justify-content: space-between;  }
.main .mainBanner .banner-content.banner02 .left{ width: 34%; opacity: 0; }
.main .mainBanner .banner-content.banner02 .right{ width: 43.8%; opacity: 0; }
.main .mainBanner .swiper-slide-active .banner-content.banner02 .left{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .mainBanner .swiper-slide-active .banner-content.banner02 .right{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInRight; }


.main .mainBanner .banner-content.banner03 .inner{ align-items: flex-end; }
.main .mainBanner .banner-content.banner03 .title{ width:32%; opacity: 0; }
.main .mainBanner .banner-content.banner03 .btn{ width: 28.7%; margin-left: -1.8%; margin-top: 3%; margin-bottom: 8%; opacity: 0; }

.main .mainBanner .swiper-slide-active .banner-content.banner03 .title{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .mainBanner .swiper-slide-active .banner-content.banner03 .btn{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1250px) { 
	.main .mainBanner .banner-content .inner{ padding-top: 50px; }
	.main .mainBanner .banner-content.banner03 .btn{margin-left: -2.5vw; }
}

@media screen and (max-width: 800px) { 
	.main .mainBanner .banner-content .inner{ padding-top: 50px; }
	.main .mainBanner .banner-content.banner01 .title{ width: 67%; }
	.main .mainBanner .banner-content.banner01 .content1{ width: 75%; margin-top: 5%; }
	.main .mainBanner .banner-content.banner01 .tel-btn{ width: 50%; margin-top: 10%; }

	.main .mainBanner .banner-content.banner02 .inner{ flex-direction: column; align-items: flex-end; justify-content: center; }
	.main .mainBanner .banner-content.banner02 .left{ width: 71%; }
	.main .mainBanner .banner-content.banner02 .right{ width: 100%; margin-top: 5%; }

	.main .mainBanner .banner-content.banner03 .title{ width: 78%; }
	.main .mainBanner .banner-content.banner03 .btn{ width: 68%; margin-bottom: 75%; margin-top: 4%; margin-left: -3vw; }
}


/* .main .findArti */
.main .findArti{ overflow: hidden; padding: 162px 0; }
.main .findArti .topBox{ display: flex; justify-content: space-between; align-items: flex-end; }
.main .main_title_box{ font-size: 50px; letter-spacing: -0.07em; font-weight: 300; }
.main .main_title_box b{ font-weight: 700; }
.main .findArti .topBox .slideBtnWrap{ display: flex; gap: 10px; }
.main .findArti .topBox .slideBtnWrap > li .slideBtn{ border: 1px solid #000; background-color: #fff; padding: 12px; width: 130px; text-align: center; border-radius: 99px; font-weight: 700; font-size: 18px; }
.main .findArti .topBox .slideBtnWrap > li .slideBtn.active{ background-color: #000; color: #fff; }
.main .findArti .findeSlide{ overflow: hidden; margin-top: 30px; position: relative; padding-top: 35px; }
.main .findArti .findeSlide .cover{ position: absolute; z-index: 2; left: 0; top: 0; display: flex; justify-content: space-between; width: 100%; height: 100%; pointer-events: none; }
.main .findArti .findeSlide .cover .right{ display:flex; justify-content: flex-end;} 
.main .findArti .findeSlide .cover img{ height: 100%; width: 70%; }
.main .findArti .findeSlide .cover .right img{ transform: rotate(-180deg); }
.main .findArti .findeSlide .item{ padding: 0; height:100%; }
.main .findArti .findeSlide .item .imgBox{ width: 252.429px; height: 318.857px; border-radius: 200px 200px 0 0; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; transform: scale(1); transform-origin : 50% 100%; transition: transform 0.8s; }
.main .findArti .findeSlide .item .imgBox.img01{ background-image: url('../img/main/find_arti/rape_banner.png'); }
.main .findArti .findeSlide .item .imgBox.img02{ background-image: url('../img/main/find_arti/molestation_banner.png'); }
.main .findArti .findeSlide .item .imgBox.img03{ background-image: url('../img/main/find_arti/camera_banner.png'); }
.main .findArti .findeSlide .swiper-slide{ height: unset; }
.main .findArti .findeSlide .swiper-slide-active .item{ background-image: url('../img/main/find_arti/gradient.png'); background-size:120%; background-repeat: no-repeat; background-position: top center;  }
.main .findArti .findeSlide .swiper-slide-active .item .imgBox{ transform:scale(1.1); }
.main .findArti .findeSlide .item .title{ margin: 20px 0; text-align: center; font-size: 25px; font-weight: 700; }
.main .findArti .findeSlide .item .content{ letter-spacing: -0.08em; text-align: center; word-break: keep-all; font-size: 18px; font-weight: 300; line-height: 1.5em;  }
.main .findArti .slideBox{ position: relative; }
.main .findArti .slideBox .btnWrap{ position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100%; padding-bottom: 100px; }
.main .findArti .slideBox .btnWrap > li button{ position: relative; z-index: 2; background-color: transparent; border: none;  opacity:0.3;  }
.main .findArti .slideBox .btnWrap > li:nth-child(2) button img{ transform: rotate(-180deg); }

.main .findArti .btnBox{ display: flex; justify-content: center; margin-top: 30px; align-items: center; }
.main .main-go-link{ color: #fff; padding: 10px 30px; background: linear-gradient(92deg, #7DAEFF -1.69%, #7072FF 53.25%, #DE8FFF 100.75%); gap: 15px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; border-radius: 100px; }

.main .findArti .main-go-link{ opacity: 0; }
.main .findArti .swiper-slide-active .main-go-link{ opacity: 1; }

.main .findArti .main_title_box{ opacity: 0; }
.main .findArti.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn;  }
.main .findArti .topBox .slideBtnWrap{ opacity: 0; }
.main .findArti.active .topBox .slideBtnWrap{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .findArti .slideBox{ opacity: 0; }
.main .findArti.active .slideBox{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) { 
	.main .main_title_box{ font-size: 40px; }
	.main .findArti .topBox .slideBtnWrap > li .slideBtn{ width: 100px; padding: 10px; font-size: 16px; }
	.main .findArti .findeSlide{ padding-top: 40px; }
	.main .findArti .findeSlide .cover img{ width: 35vw; height: 100%;  }
	.main .findArti .findeSlide .item .imgBox{ width:60%; height: 25vw; }
	.main .findArti .findeSlide .item .content br.pc{ display: none; }
	.main .findArti .findeSlide .item .content{ padding: 0 30px; }
}
@media screen and (max-width: 900px) { 
	.main .findArti{ padding: 50px 0; }
	.main .findArti .topBox{ flex-wrap: wrap; }

	.main .findArti .findeSlide .item .imgBox{ height: 38vw; }
	.main .findArti .topBox .slideBtnWrap{ width: 100%; margin-top: 13px; gap: 7px; }
	.main .findArti .topBox .slideBtnWrap > li{ width: calc(100% / 4); max-width: 85px; }
	.main .findArti .topBox .slideBtnWrap > li .slideBtn{ font-size: 15px; width: 100%; padding: 6px 12px; }
}
@media screen and (max-width: 650px) { 
	.main .main_title_box{ font-size: 30px; }
	.main .findArti .findeSlide .item .imgBox{ width: 45%; height: 53vw; }
	.main .findArti .findeSlide .cover{ display: none; }
	.main .findArti .findeSlide .swiper-slide-active .item{ background-image: none; }

	.main .findArti .findeSlide .item .title{ font-size: 18px; }
	.main .findArti .findeSlide .item .content{ font-size: 15px; }
	.main .findArti .findeSlide .item .content br{ display: inline-block; }
	.main .findArti { background-image: url('../img/main/find_arti/gradient.png'); background-repeat: no-repeat; background-position: top 70% center; background-size: contain; }

	.main .findArti .slideBox .btnWrap{ padding-bottom: calc(100px + 14vw); }
	.main .findArti .slideBox .btnWrap > li button{ opacity: 1; }
	.main .findArti .slideBox .btnWrap > li button img{ width: 10vw; }
}
@media screen and (max-width: 500px) { 
	.main .findArti .findeSlide .item .content br{ display: inline-block; }
	.main .main-go-link{ gap: 5px;  }
	.main .main-go-link img{ width: 10px; }
}

/* .main .findArti */
.main .memberArti{ overflow: hidden; padding: 162px 0; background-image: url('../img/main/member_arti/background.png'); background-repeat: no-repeat; background-position: right center; background-size: contain; }
.main .memberArti .halfContainer{ display: flex; justify-content: space-between; }
.main .memberArti .halfContainer .memberList{ display: flex; flex-wrap: wrap; width: 60%; justify-content: center; } 
.main .memberArti .contentBox .btnWrap{ margin-top: 60px; display: flex; justify-content: flex-start; align-items: center; }
.main .memberArti .mo{ display: none; }

.main .memberArti .halfContainer .contentBox{ opacity: 0; }
.main .memberArti.active .halfContainer .contentBox{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .memberArti .halfContainer .memberList > li img{ opacity: 0; max-width: 238px; opacity: 0; margin: 0 15px;}
.main .memberArti.active .halfContainer .memberList > li:nth-child(1) img{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .memberArti.active .halfContainer .memberList > li:nth-child(2) img{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .memberArti.active .halfContainer .memberList > li:nth-child(3) img{ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
.main .memberArti.active .halfContainer .memberList > li:nth-child(4) img{ animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
.main .memberArti.active .halfContainer .memberList > li:nth-child(5) img{ animation: 0.5s ease-in-out 1.0s 1 normal forwards running fadeIn; }
.main .memberArti .btnWrap.mo .main-go-link{ opacity: 0; }
.main .memberArti.active .btnWrap.mo .main-go-link{ animation: 0.5s ease-in-out 1.2s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) { 
	.main .memberArti .halfContainer .memberList{ width: 70%; }
}
@media screen and (max-width: 1250px) { 
	.main .memberArti .contentBox{ width: 100%; }
	.main .memberArti .contentBox .main_title_box{ text-align: center; width: 100%; }
	.main .memberArti .contentBox .btnWrap{ margin-top: 30px; justify-content: center; }
	.main .memberArti .halfContainer{ flex-wrap: wrap;  }
	.main .memberArti .halfContainer .memberList{ width: 100%; margin: 50px auto 0 auto; max-width: 930px; }
}
@media screen and (max-width: 900px) { 
	.main .memberArti{ padding: 50px 0; }
}
@media screen and (max-width: 650px) { 
	.main .memberArti{ background-position: right top 20%; }
	.main .memberArti .contentBox .btnWrap{ margin-top: 20px; } 
	/* .main .memberArti .contentBox .main_title_box{ text-align: left; } */
	/* .main .memberArti .contentBox .main-go-link{ display: none; } */
	.main .memberArti .halfContainer .memberList{ margin-top: 40px; justify-content: flex-start; max-width: 380px;}
	.main .memberArti .halfContainer .memberList> li{ width: calc(100% / 2); } 
	.main .memberArti .halfContainer .memberList> li:nth-child(2n){ transform: translateY(50%); }
	.main .memberArti .halfContainer .memberList> li img{ max-width: 100%; transform: scale(1.1); margin: 0 15px 0 0;}
	.main .memberArti .pc{ display: flex; justify-content: center; width: 100%; }
	.main .memberArti .pc.btnWrap{ margin-top: 37%; }
}

/* .main .categoryArti */
/* 카테고리 메인 타이틀 */
.main .categoryArti { /* position: relative; */ text-align: center; background: url(../img/main/category_arti/background.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.main .categoryArti-inner { /* position: relative; */ width: 700px; margin: auto; text-align: center; }
.main .categoryArti .title { padding-top: 80px; padding-bottom: 30px; }
.main .categoryArti .title span { font-weight: 500; opacity: 0;}
.main .categoryArti .title span:nth-child(1) { display: block; font-size: 25px;}
.main .categoryArti .title span:nth-child(2) { display: inline-block; font-size: 40px; }
.main .categoryArti .title span:nth-child(3) { display: inline-block; font-size: 40px; }

/* 카테고리 active 메인 타이틀 */
.main .categoryArti.active .title span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn;}
.main .categoryArti.active .title span:nth-child(2) { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn;}
.main .categoryArti.active .title span:nth-child(3) { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn;}

/* 카테고리 카드 */
.main .categoryArti .cards { position: relative; opacity: 0; z-index: 1;}
.main .categoryArti.active .cards { animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
.main .categoryArti .cards .card { display: inline-block; width: 30%; height: 260px; padding: 10px; }

/* 카테고리 카드 - 사진 */
.main .categoryArti .cards .card .photo { width: 100%; height: 100%; cursor: pointer; margin: auto; position: relative; border-radius: 10px; overflow: hidden; }
.main .categoryArti .cards .card .photo:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0; }
.main .categoryArti .cards .card .photo img { width: inherit; height: inherit; object-fit: cover; }
.main .categoryArti .cards .card .photo .card-thum-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; font-weight: 600; color: #fff; width: 100%; }
.main .categoryArti .cards .card .photo:hover .card-thum-title { color: #000; text-shadow: 0 0 5px #fff, 0 0 10px #fff; transition: 0.3s; }
.main .categoryArti .cards .card .photo:hover:before { background-color: transparent; transition: 0.3s; }

/* 카테고리 카드 - 팝업(제목) */
/* 카드 팝업 클릭 시 화면 가운데 위치시키는 코드는 script.js에서 categoryCardPopupOpen함수의 offset */
.main .categoryArti .cards .card .desc { display: none; position: absolute; width: 120%; /* top: 0; */ left: 50%; border-radius: 10px; overflow: hidden; transform: translateX(-50%); z-index: 1; }
.main .categoryArti .cards .card .desc .desc-title { color: #fff; height: 170px; text-align: left; padding-top: 110px; padding-left: 50px; position: relative; }
.main .categoryArti .cards .card .desc .desc-title img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.main .categoryArti .cards .card .desc .desc-title span:first-of-type { font-size: 22px; font-weight: 600; margin-right: 20px; position: relative;}
.main .categoryArti .cards .card .desc .desc-title span:last-of-type { font-size: 16px; position: relative;}

/* 카테고리 카드 - 팝업(설명) */
.main .categoryArti .cards .card .desc .desc-detail { background-color: #F3F1FF; padding: 50px; text-align: left; font-size: 15px; line-height: 1.5em;}
.main .categoryArti .cards .card .desc .desc-detail .desc-detail-photo {  display: none; width: 100%; text-align: center; box-sizing: border-box; }
.main .categoryArti .cards .card .desc .desc-detail .desc-detail-photo img {  width: 100%; height: 100%; object-fit: cover; }
.main .categoryArti .cards .card .desc .desc-detail p { margin-bottom: 15px; }
/* .main .categoryArti .cards .card .desc .desc-detail p:last-child { color: #4951FF; font-weight: 900; margin-top: 50px; margin-bottom: 0; position: relative; } */
/* .main .categoryArti .cards .card .desc .desc-detail p:last-child:before { content: url(../img/common/qutation-mark.png); position: absolute; top: -20px;} */
.main .categoryArti .cards .card .desc .desc-detail p b { font-weight: 700; }

/* 카테고리 카드 - 팝업(X 아이콘) */
.main .categoryArti .cards .card .desc .btn-cardPopup-close { position: absolute; top: 20px; right: 20px; width: 15px; height: 15px; cursor: pointer;}
.main .categoryArti .cards .card .desc .btn-cardPopup-close:after { display: inline-block; content: ''; background: url(../img/common/close_icon_thin.png) no-repeat; background-size: cover; width: 100%; height: 100%; }


/* 카테고리 모바일 */
@media (max-width: 900px) {
	.main .categoryArti .cards .card .desc { width: 100%; }
}
@media (max-width: 700px) {
	.main .categoryArti { width: 100%; margin-top: 60px; background-size: cover; }
	.main .categoryArti-inner { width: 100%; }

	/* 카테고리 메인 타이틀 */
	.main .categoryArti .title { padding-top: 0; padding-bottom: 30px; }
	.main .categoryArti .title span:nth-child(1) { display: block; margin-bottom: 10px; font-size: 17px; }
	.main .categoryArti .title span:nth-child(2) { font-size: 30px; }
	.main .categoryArti .title span:nth-child(3) { display: block; font-size: 30px; }

	/* 카테고리 카드 */
	.main .categoryArti .cards .card { display: block; width: 100%; height: 80px; padding: 0 10px; margin-bottom: 10px; }

	/* 카테고리 카드 - 사진 */
	.main .categoryArti .cards .card .photo img { width: 100%; height: 100%; border-radius: 10px; }
	.main .categoryArti .cards .card .photo:before { background-color: rgba(0, 0, 0, 0.5); }
	/* .main .categoryArti .cards .card:nth-child(1) .photo img { object-position: 0px -76px;} */
	.main .categoryArti .cards .card:nth-child(2) .photo img { object-position: 0px 0px;}
	/* .main .categoryArti .cards .card:nth-child(3) .photo img { object-position: 0px -65px;} */
	/* .main .categoryArti .cards .card:nth-child(4) .photo img { object-position: 0px -48px;}  */
	/* .main .categoryArti .cards .card:nth-child(5) .photo img { object-position: 0px -110px;} */
	/* .main .categoryArti .cards .card:nth-child(6) .photo img { object-position: 0px -103px;} */
	.main .categoryArti .cards .card .photo .card-thum-title { font-size: 20px; }

	/* 카테고리 카드 - 팝업(제목) */
	.main .categoryArti .cards .card .desc { /* width: 90%; */ width: 360px; height: 500px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
	.main .categoryArti .cards .card .desc .desc-title { background-color: #A2A6FF; color: #000; height: 61px; line-height: 61px; padding: 0; text-align: center; }
	.main .categoryArti .cards .card .desc .desc-title span:first-of-type { margin-right: 0; font-size: 20px; }
	.main .categoryArti .cards .card .desc .desc-title span:last-of-type { display: none; }
	
	/* 카테고리 카드 - 팝업(설명) */
	.main .categoryArti .cards .card .desc .desc-detail { background-color: #fff; padding: 0; /* max-height: 400px; */ height: calc(100% - 61px); /* overflow-y: scroll; */ }
	.main .categoryArti .cards .card .desc .desc-detail .desc-detail-photo { display: block; padding: 20px; padding-bottom: 10px; }
	.main .categoryArti .cards .card .desc .desc-detail p { padding: 0 20px; }
	.main .categoryArti .cards .card .desc .desc-detail p:last-child { margin-bottom: 0; }
	/* .main .categoryArti .cards .card .desc .desc-detail p:last-child { margin-bottom: 30px; } */
	.main .categoryArti .cards .card .desc .desc-detail::-webkit-scrollbar { width: 8px; }
	.main .categoryArti .cards .card .desc .desc-detail::-webkit-scrollbar-thumb { background-color: #DADADA; border-radius: 10px; }
	.main .categoryArti .cards .card .desc .desc-detail::-webkit-scrollbar-track { background-color: #ECECEC; }

	/* 카테고리 카드 - 팝업(X 아이콘) */
	.main .categoryArti .cards .card .desc .btn-cardPopup-close { top: 25px; }
	.main .categoryArti .cards .card .desc .btn-cardPopup-close:after { background: url(../img/common/close_icon_thin_black.png) no-repeat; }
	
}

@media (max-width: 450px) {
	.main .categoryArti .cards .card .photo:hover .card-thum-title { color: #fff; text-shadow: none; }
	.main .categoryArti .cards .card .photo:hover:before { background-color: rgba(0, 0, 0, 0.7); }

	/* 카테고리 카드 - 팝업(설명) */
	.main .categoryArti .cards .card .desc .desc-detail { max-height: 490px; }
}


/* .main .exampleArti */
.main .exampleArti{ padding: 163px 0; /* background-color: #FDF3EC; */ overflow: hidden;background: url(../img/main/example_arti/bg.png) no-repeat;background-position: center center; background-size: cover;}
.main .exampleArti .halfBox{ display: flex; justify-content: space-between; align-items: flex-end; }
.main .exampleArti .halfBox .content{ font-size: 24px; color: #4F4F4F; line-height: 1.5em; }
.main .exampleArti .halfBox .content b{ font-weight: 800 !important;color: #000; }
.main .exampleArti .slideContainer{ margin-top: 100px; } 

.main .exampleArti .slideContainer .swiper-slide:nth-child(2n){ margin-top: 3%; }
.main .exampleArti .slideContainer .swiper-slide{filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));}
.main .exampleArti .slideContainer .swiper-slide img{ width: 100%; }
.main .exampleArti .slideContainer .swiper-wrapper{ transition-timing-function: linear; }
.main .exampleArti .mobileContainer{ display: none; }

.main .exampleArti .btnWrap{ margin-top: 100px; display: flex; align-items: center; justify-content: center; }

.main .exampleArti .main_title_box{ opacity: 0; }
.main .exampleArti.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }  
.main .exampleArti .halfBox .content{ opacity: 0; }
.main .exampleArti.active .halfBox .content{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }  
.main .exampleArti .slideContainer{ opacity: 0; }
.main .exampleArti.active .slideContainer{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .exampleArti .btnWrap{ opacity: 0; }
.main .exampleArti.active .btnWrap{ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }

/* 메인 사례 - 액자 */
.photo-frame-container {position: relative;max-width: 1200px;height: 500px;margin: auto;}
.photo-frame-outer {}
.photo-frame-inner {}
.photo-frame-inner .photo-frame {position: absolute}
.photo-frame-inner .photo-frame:nth-child(1) {top: 307px;right: 326px;}
/* .photo-frame-inner .photo-frame:nth-child(2) {top: 1px;right: 617px;} */
.photo-frame-inner .photo-frame:nth-child(2) {top: 209px;right: 125px;}
.photo-frame-inner .photo-frame:nth-child(3) {top: 137px;right: 312px;}
.photo-frame-inner .photo-frame:nth-child(4) {top: 234px;right: 546px;}
.photo-frame-inner .photo-frame:nth-child(5) {top: 70px;right: 877px;}
.photo-frame-inner .photo-frame:nth-child(6) {top: 171px;right: 711px;}
.photo-frame-inner .photo-frame:nth-child(7) {top: 281px;right: 929px;}
.photo-frame-inner .photo-frame a {display: inline-block;width: 85%;}
.photo-frame-inner .photo-frame a:hover {box-shadow: 0 -0 5px 15px  rgba(28, 158, 255,0.7);;}
/* .photo-frame-inner .photo-frame a:hover:before {position: absolute;content: '';width: 116%;height: 115%;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgba(28, 158, 255,0.7);box-shadow: 0 0 5px rgba(28, 158, 255,0.7);} */
.photo-frame-inner .photo-frame img {width: 100%;filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));outline: 7px solid #444;border: 6px ridge rgba(255, 252, 233, 0.5);}
.main-go-link:hover {box-shadow: 0 0 10px rgba(28, 158, 255, 1), 0 0 10px rgba(28, 158, 255, 1),0 0 12px rgba(28, 158, 255, 1);}



@media screen and (max-width: 1250px) { 
	.main .exampleArti .halfBox{ flex-wrap: wrap; }
	.main .exampleArti .halfBox > li:nth-child(2){ width: 100%; margin-top: 20px;  }
	.main .exampleArti .halfBox .content{ font-size: 20px; }

	.photo-frame-container {margin: 0; margin-top: 55px; height: 400px;}
	.photo-frame-inner .photo-frame a {width: 75%;}
	.photo-frame-inner .photo-frame:nth-child(1) {top: 281px;right: 174px;}
	/* .photo-frame-inner .photo-frame:nth-child(2) {top: 23px;right: 425px;} */
	.photo-frame-inner .photo-frame:nth-child(2) {top: 207px;right: -12px;}
	.photo-frame-inner .photo-frame:nth-child(3) {top: 135px;right: 152px;}
	.photo-frame-inner .photo-frame:nth-child(4) {top: 225px;right: 383px;}
	.photo-frame-inner .photo-frame:nth-child(5) {top: 88px;right: 662px;}
	.photo-frame-inner .photo-frame:nth-child(6) {top: 171px;right: 525px;}
	.photo-frame-inner .photo-frame:nth-child(7) {top: 277px;right: 676px;}
}
@media screen and (max-width: 900px) { 
	.main .exampleArti{ padding: 50px 0; }
	.main .exampleArti .halfBox .content{ font-size: 18px; }
	.main-go-link:hover {box-shadow: none;}
}

/* @media screen and (max-width: 650px) {  */
@media screen and (max-width: 900px) { 
	.main .exampleArti {background-position: left center;}
	.photo-frame-container {display: none;}
	.main .exampleArti .slideContainer{ display: none; }
	.main .exampleArti .halfBox .content br{ display: none; }
	.main .exampleArti .halfBox .content br.mo_br{ display: inline-block; }
	.main .exampleArti .mobileContainer{ display: flex; flex-wrap: wrap; margin-top: 76px; width: calc(100% + 10px); margin-left: -5px; padding: 0 20px; }
	.main .exampleArti .mobileContainer > li{ width: calc(100% / 2); padding: 5px; }
	.main .exampleArti .mobileContainer > li img{ width: 100%; }
	.main .exampleArti .btnWrap{ margin-top: 40px; }

	.main .exampleArti.active .halfBox .content{ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }  
	.main .exampleArti .mobileContainer > li{ opacity: 0; }
	.main .exampleArti.active .mobileContainer > li:nth-child(1){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(2){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(3){ animation: 0.5s ease-in-out 1s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(4){ animation: 0.5s ease-in-out 1s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(5){ animation: 0.5s ease-in-out 1.5s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(6){ animation: 0.5s ease-in-out 1.5s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(7){ animation: 0.5s ease-in-out 2s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .mobileContainer > li:nth-child(8){ animation: 0.5s ease-in-out 2s 1 normal forwards running fadeIn; }
	.main .exampleArti.active .btnWrap{ animation: 2.5s ease-in-out 1s 1 normal forwards running fadeIn; }
}








/* .main .applyArti */
.main .applyArti{ padding: 162px 0; background-color: #252525; color: #fff; overflow: hidden; }
.main .applyArti .halfContainer{ display: flex; flex-wrap: wrap; }
.main .applyArti .halfContainer > li:nth-child(1){ width: 100%; max-width: 478px; }
.main .applyArti .halfContainer > li:nth-child(2){ flex-grow: 1; display: flex; align-items: center; justify-content: center; padding-left: 10%; }
.main .applyArti .halfContainer .item .main_title_box{ text-align: center; }
.main .applyArti .halfContainer .item .main_title_box b.active{ background-image: linear-gradient(151deg, #7072FF 19.86%, #DE8FFF 92.29%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.main .applyArti .halfContainer .item .imgBox{ width: 62px; height: 62px; border-radius: 50%; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .applyArti .halfContainer .item .timeBox{ margin-top: 50px; display: flex; justify-content: center; gap: 26px; align-items: center; font-size: 48px; font-weight: 300; }
.main .applyArti .halfContainer .item .text{ margin-top: 32px; color: #ACACAC; text-align: center; font-family: 'SeoulHangang'; font-size: 24px; line-height: 1.5em; height: 80px; } 

.main .applyArti .halfContainer .item .applyList{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 7.5px 0; margin-top: 18px; overflow: hidden; }
.main .applyArti .halfContainer .item .applyList > ul > li{ padding: 24px 0; display: flex; text-align: center; }
.main .applyArti .halfContainer .item .applyList > ul > li > div{ padding: 0 10px; font-size: 15px; color: #717171; }
.main .applyArti .halfContainer .item .applyList > ul > li > div.date{ width: 100px; flex-shrink: 0; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }
.main .applyArti .halfContainer .item .applyList > ul > li > div.name{ width: 100px; flex-shrink: 0; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }
.main .applyArti .halfContainer .item .applyList > ul > li > div.cate{ flex-grow: 1; white-space: nowrap; /* 텍스트를 한 줄로 표시 */ overflow: hidden; /* 넘치는 내용 숨김 */ text-overflow: ellipsis; /* 말줄임표 표시 */ }

.main .applyArti .halfContainer .item .applyList > ul > li > div.labelWrap{ flex-shrink: 0; }
.main .applyArti .halfContainer .item .applyList > ul > li > .labelWrap label{ padding: 6px 15px; background-color: #F2F4FF; border: 1px solid #7BA5FF; color: #7BA5FF; border-radius: 20px;  }
.main .applyArti .halfContainer .item .applyList > ul > li > .labelWrap label.active{ background: linear-gradient(93deg, #7DAEFF -16.93%, #7072FF 53.46%, #DE8FFF 114.33%); color: #fff; border-color: transparent;  }

.main .applyArti .halfContainer .tablet{ position: relative; }
.main .applyArti .halfContainer .tablet::after{ content:''; position: absolute; width: 400px; height: 400px; background-image: url('../img/main/apply_arti/background-gradient.svg'); right: 5%; top: -15%; background-position: center; background-size: contain; background-repeat: no-repeat; }

.main .applyArti .halfContainer .tabletBox{ position: relative; z-index: 1; padding: 4.78px; background-color: #BFBED5; border-radius: 45px; box-shadow: 0px 2.23631px 2.23631px 0px rgba(0, 0, 0, 0.15) inset, 0px 2.23631px 2.23631px 0px rgba(0, 0, 0, 0.15); }
.main .applyArti .halfContainer .tabletBox::before{ content:''; display: block; width: 100%; height: 3px; background-image: url('../img/main/apply_arti/ipad_btn.png'); background-repeat: no-repeat; top: -3px; left: 10%; position: absolute; background-size: auto 100%; }
.main .applyArti .halfContainer .tabletBox .tabletBoard{ padding: 30px; background-color: #000002; border-radius: 45px;  }
.main .applyArti .halfContainer .tabletBox .writeBox{ background-color: #fff; color: hsl(0, 0%, 10%); padding: 40px; width: 441px; width:100%; max-width: 440px; border-radius: 30px; }
.main .applyArti .halfContainer .tabletBox .writeBox .title{ font-size: 22px; font-weight: 400;  } 
.main .applyArti .halfContainer .tabletBox .writeBox .title b{ font-weight: 700; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv{ margin-top: 30px; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv label{ color: #686868; font-size: 18px; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv label.required_label::before{ content:'*'; color: #FF7575; margin-right: 2px; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap{ margin-top: 8px; position: relative; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap input[type="text"]{ border: none; width: 100%; border-bottom: 2px solid #B7B7B7; padding: 2px 0 10px 2px; font-weight: 500; font-size: 20px; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap input[type="text"]:focus{ box-shadow: none; border:none !important; border-bottom: 2px solid #B7B7B7 !important; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .delBtn{ position: absolute; right: 0; top: 0; height: 100%; background-color: unset; border: unset; opacity: 0; visibility: hidden; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .delBtn.active{ opacity: 1; visibility: visible; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .checkLabel{ display: block; color: #000; letter-spacing: -0.07em; font-weight: 500; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .checkLabel + .checkLabel{ margin-top: 8px; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .checkLabel .small{ font-size: 15px; font-weight: 300; }
.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .checkLabel input[type="checkbox"]{ margin-right: 10px; border-radius: 0; border: 1.5px solid #000; }

.main .applyArti .halfContainer .tabletBox .writeBox .applyBtn{ background-color: #000; width: 100%; padding: 10px 50px; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 16px; border-radius: 10px; font-size: 25px; gap: 15px; border: none; }
.main .applyArti .halfContainer .tabletBox .writeBox .notice{ color: #87A9FF; margin-top: 14px; letter-spacing: -0.07em; font-size: 15px; line-height: 1.4em; font-weight: 300; }
.main .applyArti .halfContainer .tabletBox .writeBox .notice b{ font-weight: 600; }

.main .applyArti .halfContainer .item .main_title_box p{ opacity: 0; }
.main .applyArti.active .halfContainer .item .main_title_box p:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .applyArti.active .halfContainer .item .main_title_box p:nth-child(2){ animation: 0.5s ease-in-out 0.25s 1 normal forwards running fadeIn; }
.main .applyArti.active .halfContainer .item .main_title_box p:nth-child(3){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }

.main .applyArti .halfContainer .item .timeBox{ opacity: 0; }
.main .applyArti.active .halfContainer .item .timeBox{ animation: 0.75s ease-in-out 1s 1 normal forwards running fadeIn; }
.main .applyArti .halfContainer .item .text{ opacity: 0; }
.main .applyArti.active .halfContainer .item .text{ animation: 1s ease-in-out 1.25s 1 normal forwards running fadeIn; }
/* .main .applyArti .halfContainer .item .applyList{ opacity: 0; }
.main .applyArti.active .halfContainer .item .applyList{ animation: 0.5s ease-in-out 1.75s 1 normal forwards running fadeIn; } */

@media screen and (max-width: 1530px) { 
	.main .applyArti .halfContainer .tablet::after{ right: -5%; }
}
@media screen and (max-width: 1250px) { 
	.main .applyArti .halfContainer > li:nth-child(1){ max-width: 370px; }
	.main .applyArti .halfContainer > li:nth-child(2){ padding-left: 5%; display: flex; justify-content: center; }
}
@media screen and (max-width: 1000px) { 
	.main .applyArti .halfContainer .tabletBox{ padding: 2px; }
	.main .applyArti .halfContainer .tabletBox .writeBox{ padding: 30px; max-width: 400px;  }
	.main .applyArti .halfContainer .tabletBox .tabletBoard{ padding: 20px 15px; }

	.main .applyArti .halfContainer .item .imgBox{ width: 50px; height: 50px; }
	.main .applyArti .halfContainer .item .timeBox{ font-size: 42px; }
	.main .applyArti .halfContainer .item .text{ font-size: 20px; }

	.main .applyArti .halfContainer .tabletBox .writeBox .title{ font-size: 20px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv label{ font-size: 16px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap input[type="text"]{ font-size: 18px; }

}
@media screen and (max-width: 900px) { 
	.main .applyArti{ padding: 50px 0 0 0; }
	.main .applyArti .halfContainer > li:nth-child(1){ max-width: unset; width: 100%; }
	.main .applyArti .halfContainer > li:nth-child(2){ width: 100%; margin-top: 26px; padding-left: 0; }

	.main .applyArti .halfContainer .tabletBox .tabletBoard{ padding: 0; }
	.main .applyArti .halfContainer .item .applyList{ max-width: 400px; width: 90%; margin: 20px auto 0 auto; }

	.main .applyArti .halfContainer .tablet::after{ display: none; }

	.main .applyArti .halfContainer .tabletBox{ padding: 0; background-color: transparent; }
	.main .applyArti .halfContainer .tabletBox::before{ display: none; }  
	.main .applyArti .halfContainer .tabletBox .writeBox{ border: none; }

	.main .applyArti .halfContainer .tabletBox .writeBox{ max-width: unset; width: calc(100% + 40px); margin-left: -20px; border-radius: 50px 50px 0 0; padding: 26px 39px 0 39px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .applyBtn{ font-size: 20px; padding: 10px 20px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .notice{ font-size: 14px; background-color: #252525; padding: 20px 39px 40px 39px; width: calc(100% + (39px * 2)); margin-left: -39px; }

}
@media screen and (max-width: 650px) { 

	.main .applyArti .halfContainer .item .timeBox{ margin-top: 45px; }
	.main .applyArti .halfContainer .item .text{ margin-top: 20px; }

	.main .applyArti .halfContainer .item .applyList{ width: 100%; }
	.main .applyArti .halfContainer .item .applyList > ul > li > div{ font-size: 13px; padding: 0 5px; }
	.main .applyArti .halfContainer .item .applyList > ul > li > div.date{ width: 75px; }
	.main .applyArti .halfContainer .item .applyList > ul > li > div.name{ width: 75px; }
	.main .applyArti .halfContainer .item .applyList > ul > li > .labelWrap label{ font-size: 12px; padding: 6px 12px; font-weight: 600; }

	.main .applyArti .halfContainer .tabletBox .writeBox .title{ font-size: 19px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv label{ font-size: 14px; }
	.main .applyArti .halfContainer .tabletBox .writeBox .iptDiv .iptWrap .checkLabel{ font-size: 18px; font-weight: 500; }
}

/* .main .revieArti */
.main .revieArti{ padding: 162px 0 40px 0; position: relative; }

.main .revieArti .main_title_box{ opacity: 0; }
.main .revieArti.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInLeft; }

.main .revieArti::after{ content:''; position: absolute; display: block; width: 100%; height: 120%; background-image: url('../img/main/review_arti/background.png'); background-repeat: no-repeat; background-position: center; overflow: hidden; left: 0; top: 0; }
.main .revieArti .inner{ position: relative; z-index: 1; }
.main .revieArti .btnWrap{ margin-top:40px; color: #6893FF; font-size: 24px; display: flex; align-items: center; justify-content: flex-start; }
.main .revieArti .btnWrap a{ display: flex; align-items: center; gap: 10px; width: auto; }
.main .revieArti .slideContainer{ overflow: hidden; padding-bottom: 100px; }
.main .revieArti .reviewSlide{ margin-top: 68px; position: relative; z-index: 1; }
.main .revieArti .reviewSlide .swiper-wrapper{ transition-timing-function: linear; }
.main .revieArti .reviewSlide .swiper-slide{ padding: 0 14px; height: auto; width: auto !important; }
.main .revieArti .reviewSlide .item{ position: relative; width: 206px; max-width: 100%; background-color: #FBFBFB; padding: 40px 14px; filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15)); height: 100%; display: flex; flex-direction: column;  }
.main .revieArti .reviewSlide .item::after{ content:''; position: absolute; width: 100%; height: 27px; background-image: url('../img/main/review_arti/review_pin.svg'); left: 0; top: -13.5px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .revieArti .reviewSlide .titleBox{ display: flex; align-items: center; overflow: hidden; justify-content: space-between; }
.main .revieArti .reviewSlide .titleBox .title{ font-size: 20px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .revieArti .reviewSlide .titleBox .profile{ flex-shrink: 0; display: flex; align-items: center; }
.main .revieArti .reviewSlide .titleBox .profile .imgBox{ background-color: #dfdfdf; border-radius: 50%; width: 27px; height: 27px; margin-right: 5px;  }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img01{ background-image: url('../img/main/review_arti/profile01.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img02{ background-image: url('../img/main/review_arti/profile02.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img03{ background-image: url('../img/main/review_arti/profile03.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img04{ background-image: url('../img/main/review_arti/profile04.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img05{ background-image: url('../img/main/review_arti/profile05.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img06{ background-image: url('../img/main/review_arti/profile06.png'); }
.main .revieArti .reviewSlide .titleBox .profile .imgBox.img07{ background-image: url('../img/main/review_arti/profile07.png'); }
.main .revieArti .reviewSlide .titleBox .profile .contentBox{ color: #9E9E9E; }
.main .revieArti .reviewSlide .titleBox .profile .contentBox .name{ font-size: 12px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50px; } 
.main .revieArti .reviewSlide .titleBox .profile .contentBox .content{ font-size: 9px; }
.main .revieArti .reviewSlide .reviewContent{ margin-top: 15px; border-top: 1px solid #000; padding: 13px 0; color: #4D4D4D; font-weight: 300; font-size: 14px; letter-spacing: -0.07em; line-height: 1.5em; flex-grow: 1; }
.main .revieArti .reviewSlide .tagWrap{ display: flex; gap: 3px; flex-wrap: wrap; }
.main .revieArti .reviewSlide .tagWrap .tag{ color: #6F98FF; font-weight: 600; padding: 5px 9px; border: 1px solid #6F98FF; border-radius: 20px; background-color: #EBF0FF; margin: 1px 0; font-size: 11px; }

@media screen and (max-width: 1250px) { 
	.main .revieArti .slideContainer{ padding-bottom: 50px; }
}
@media screen and (max-width: 900px) { 
	.main .revieArti{ padding: 50px 0 50px 0; background-image: url('../img/main/review_arti/mobile_bg.png'); background-size:cover; background-repeat: no-repeat; background-position: center;  }
	.main .revieArti::after{ display: none; }
	.main .revieArti .btnWrap{ font-size: 16px; }
	.main .revieArti .btnWrap img{ width: 22px; }
	.main .revieArti .slideContainer{ padding-bottom: 20px; }
}

/* .main .faqArti */ 
.main .faqArti{ padding: 50px 0; position: relative; z-index: 30; }
.main .faqArti .inner{ position: relative; z-index: 1; }
.main .faqArti .main_title_box{ text-align: center; }  
.main .faqArti .sub_title{ text-align: center; margin-top: 45px; font-size: 24px; color: #4F4F4F; line-height: 1.5em; } 

.qna_list_box{ margin: 73px auto 0 auto; max-width: 1135px;  }
.qna_list_box .qna_list .title{ display: flex; font-size: 30px; font-family: 'Akzidenz-Grotesk BQ'; font-weight: 700; margin: 15px 0; cursor: pointer; }
.qna_list_box .qna_list .title .txt{ padding: 0 10px; flex-grow: 1; }
.qna_list_box .qna_list .title .icon{ color: #6893FF; letter-spacing: 0.2rem; flex-shrink: 0; }
.qna_list_box .qna_list .title .arrow{ flex-shrink: 0; }
.qna_list_box .qna_list .title .arrow button{ background-color: transparent; border: none;  }
.qna_list_box .qna_list .title .arrow button img{ width: 50px; }
.qna_list_box .qna_list .title .arrow button.active img{ transform: rotate(-180deg); transition: transform 0.5s; }
.qna_list_box .qna_list .content{  color: #4C4C4C; font-size: 18px; padding-bottom: 62px; display: none; line-height: 1.5em; font-weight: 300; }  
.qna_list_box .qna_list .content .t1{ font-weight: 700; }

.qna_list_box .qna_list > li{ border-bottom: 1px solid #C2C2C2; }
.qna_list_box .qna_list > li + li{ margin-top: 30px; }

.main .faqArti .main_title_box{ opacity: 0; }
.main .faqArti.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .faqArti .sub_title{ opacity: 0; }
.main .faqArti.active .sub_title{ animation: 0.5s ease-in-out 0.25s 1 normal forwards running fadeIn; }
.main .faqArti .qna_list_box .qna_list > li{ opacity: 0; }
.main .faqArti.active .qna_list_box .qna_list > li:nth-child(1){ animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeIn; }
.main .faqArti.active .qna_list_box .qna_list > li:nth-child(2){ animation: 0.5s ease-in-out 0.75s 1 normal forwards running fadeIn; }
.main .faqArti.active .qna_list_box .qna_list > li:nth-child(3){ animation: 0.5s ease-in-out 1s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1540px) { 
	.main .faqArti .sub_title{ font-size: 18px; }
	.qna_list_box{ width: 90%; }
	.qna_list_box .qna_list .title{ font-size: 25px; }
	.qna_list_box .qna_list .title .arrow button img{ width: 40px; }
	.qna_list_box .qna_list .content{ font-size: 16px; }
}
@media screen and (max-width: 900px) { 
	.main .faqArti{ padding: 50px 0; }
	.qna_list_box{ width: 100%; }
}
@media screen and (max-width: 650px) { 
	.qna_list_box .qna_list .title{ font-size: 17px; }
	.qna_list_box .qna_list .title .arrow button{ width: 30px; height: 17px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.qna_list_box .qna_list .content{ padding-bottom: 30px; }
}

/* .main .stepArti */ 
.main .stepArti{ padding: 162px 0; position: relative; z-index: 1; }
.main .stepArti::before{ content:''; width: 100%; height: 100%; transform: translateY(-10%); background-image: url('../img/main/setp_arti/background.png'); position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: right top; }
.main .stepArti .inner{ position: relative; z-index: 1; }
.main .stepArti .sub_title{ margin-top: 45px; font-size: 24px; color: #4F4F4F; line-height: 1.5em; } 
.main .stepArti .sub_title .mo_br{ display: none; }

.stepArti .stepBox{ display: flex; flex-wrap: wrap; margin-top: 128px; }
.stepArti .stepBox > li{ width: calc(100% / 6); position: relative; }
.stepArti.contentArti .stepBox > li{ opacity: 0;  }
.stepArti.contentArti .stepBox.active > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.stepArti.contentArti .stepBox.active > li:nth-child(2){ animation: 0.5s ease-in-out 0.05s 1 normal forwards running fadeIn; }
.stepArti.contentArti .stepBox.active > li:nth-child(3){ animation: 0.5s ease-in-out 0.1s 1 normal forwards running fadeIn; }
.stepArti.contentArti .stepBox.active > li:nth-child(4){ animation: 0.5s ease-in-out 0.15s 1 normal forwards running fadeIn; }
.stepArti.contentArti .stepBox.active > li:nth-child(5){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.stepArti.contentArti .stepBox.active > li:nth-child(6){ animation: 0.5s ease-in-out 0.25s 1 normal forwards running fadeIn; }

.stepArti .stepBox > li .circle{ width: 32px; height: 31px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 500; background-color: #6893FF; position: absolute; left: 0; top: 0; }
.stepArti .stepBox > li .item{ margin-top: 16px; }
.stepArti .stepBox > li .item::before{ content:''; display: block; width: 100%; height: 2px; background-color: #6893FF; margin-bottom: 20px; }
.stepArti .stepBox > li:nth-child(4) .item::before{ background:linear-gradient(90deg, #6893FF, #B083FF); }
.stepArti .stepBox > li:nth-child(3) .item::before{ background: #7279FF; }
.stepArti .stepBox > li:nth-child(4) .item::before{ background: #7279FF; }
.stepArti .stepBox > li:nth-child(5) .item::before{ background: #B083FF; }
.stepArti .stepBox > li:nth-child(6) .item::before{ background: #B083FF; }
.stepArti .stepBox > li:last-child .item::after{ content:''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #B083FF; position: absolute; right: 0; top: 10px; }
.stepArti .stepBox > li:nth-child(3) .circle{ background:#7279FF; }
.stepArti .stepBox > li:nth-child(4) .circle{ background:#7279FF; }
.stepArti .stepBox > li:nth-child(5) .circle{ background:#B083FF; }
.stepArti .stepBox > li:nth-child(6) .circle{ background:#B083FF; }
.stepArti .stepBox > li .item .title{ display: flex; gap: 18px; font-weight: 700; font-size: 20px; color: #333; }
.stepArti .stepBox > li .item .title .number1{ font-family: 'Poppins', sans-serif; }

.stepArti .stepBox > li .item .content{ margin-top: 14px; font-size: 17px; color: #575757; letter-spacing: -0.09em;  line-height: 1.7em; padding-right: 44px; }
.stepArti .stepBox > li .item .content .bold{ font-weight: 700; }
.stepArti .stepBox > li .item .content b{ font-weight: 700; }
.stepArti .stepBox > li .item .content .t1{ font-size: 20px; margin-top: 10px; }
.stepArti .stepBox > li .item .content .t2{ font-size: 18px; margin-top: 10px; }
.stepArti .stepBox > li .item .content .blue{ color: #6893FF; }
.stepArti .stepBox > li .item .content .red{ color: #FF7B7B; }
.stepArti .stepBox > li .item .content .gray{ color: #888; }
.stepArti .stepBox > li .item .content .m-t{ margin-top: 30px; }
.stepArti .stepBox > li .item .content .list > li{ position: relative; padding-left: 10px; }
.stepArti .stepBox > li .item .content .list > li::before{ content:'∙'; position: absolute; left: 0; }
.stepArti .stepBox > li .item .content .list{ margin-top: 10px; }

@media screen and (max-width: 1540px){
	.main .stepArti .sub_title { font-size: 18px; }
}
@media screen and (max-width: 1250px){
	.stepArti .stepBox{ margin-top: 50px; }
	.stepArti .stepBox > li{ width: 100%; }
	.stepArti .stepBox > li .item::before{ position: absolute; width: 2px; height: 100%; left: 15px; }
	.stepArti .stepBox > li .circle{ z-index: 1; }
	
	.stepArti .stepBox > li .item{ margin-top: 0; margin-left: 60px; padding-bottom: 20px; }
	/* .stepArti .stepBox > li .item .content{ display: flex; flex-wrap: wrap; gap: 20px; } */
	.stepArti .stepBox > li .item .content .empty{ display: none; }
	.stepArti .stepBox > li .item .content .m-t{ margin-top: 10px; }
	.stepArti .stepBox > li .item .content .wrapBox{ width: calc(100% / 3); max-width: 300px;  }
	.stepArti .stepBox > li:last-child .item::after{ right: unset; left: 10px; top: unset; bottom: 0; }

		
	/* .stepArti .stepBox > li:nth-child(1).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti .stepBox > li:nth-child(2).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti .stepBox > li:nth-child(3).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti .stepBox > li:nth-child(4).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti .stepBox > li:nth-child(5).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti .stepBox > li:nth-child(6).active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; } */

	.stepArti.contentArti .stepBox.active > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
	.stepArti.contentArti .stepBox.active > li:nth-child(2){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
	.stepArti.contentArti .stepBox.active > li:nth-child(3){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
	.stepArti.contentArti .stepBox.active > li:nth-child(4){ animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
	.stepArti.contentArti .stepBox.active > li:nth-child(5){ animation: 0.5s ease-in-out 0.8s 1 normal forwards running fadeIn; }
	.stepArti.contentArti .stepBox.active > li:nth-child(6){ animation: 0.5s ease-in-out 1s 1 normal forwards running fadeIn; }

}
@media screen and (max-width: 1250px){
	.stepArti .stepBox > li .item .content{ gap: unset; }
	.stepArti .stepBox > li .item .content .wrapBox{ width: calc(100% / 2); padding: 0 10px; }
}
@media screen and (max-width: 900px){
	.main .stepArti{ padding: 50px 0; } 
	.main .stepArti::before{ transform: translateY(0); background-image: url('../img/main/setp_arti/mobile_bg.png'); background-repeat: no-repeat; background-size: contain; background-position: right top; }
	.main .stepArti .sub_title .mo_br{ display: inline-block; }

	.stepArti .stepBox > li .item{ margin-left: 45px; }
}
@media screen and (max-width: 900px){
	.stepArti .stepBox > li .item .title{ font-size: 160; display: flex; align-items: center; }
	.stepArti .stepBox > li .item .content{ margin-top: 5px; line-height: 1.7em; font-size: 14px; }
	.stepArti .stepBox > li .item .content .t1{ font-size: 15px; margin-top: 5px; }
	.stepArti .stepBox > li .item .content .t2{ font-size: 14px; margin-top: 5px; }
	.stepArti .stepBox > li .item .content .list{ margin-top: 5px; font-size: 14px; }
}
@media screen and (max-width: 300px){
	.stepArti .stepBox > li .item .content .wrapBox{ width: 100%; }
}
/* .main .stepArti */ 
.main .applyArti2{ padding: 223px 0 0 0; background-color: #252525; overflow: hidden; }
.main .applyArti2 .main_title_box{ color: #fff; }

.main .applyArti2 .halfContainer{ display: flex; flex-wrap: wrap; }
.main .applyArti2 .halfContainer > div { width: calc(100% / 2); }
.main .applyArti2 .halfContainer .contentBox .content{ margin-top: 45px; font-size: 24px; color: #ACACAC; font-weight: 400; line-height: 1.5em; }
.main .applyArti2 .halfContainer .contentBox .notice{ margin-top: 20px; font-size: 18px; color: #87A9FF; font-weight: 300;  }
.main .applyArti2 .halfContainer .phoneBox{ display: flex; align-items: flex-end; justify-content: center; } 
.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ width: 519px; background-color: #fff; padding: 100px 20px; position: relative; border-radius: 100px 100px 0 0; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap::before{ content:''; display: block; width: 110%; height: 100%; background-image: url('../img/main/apply_arti2/iphone_cover.png');  position: absolute; left: -5%; top: 0; z-index: 1; pointer-events: none; background-size: 100%; background-position: top center; background-repeat: no-repeat; background-position: top center; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .progress{ background-color: #E0E0E0; height: 4px; width: 100%; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .progress .bar{ background-color:#6893FF; height: 100%; width: calc(100% / 6); transition: width 0.5s; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap{ margin-top: 30px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap > li{ display: none;  }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap > li.active{ display: block; } 
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .qBox{ font-size: 24px; font-weight: 700; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .qBox b{ font-family: 'Poppins'; font-size: 25px;  }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .qBox b::after{ content:'.'; color: #6893FF; margin-left: 2px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap{ margin-top: 20px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap .radioBox{ background-color: #fff; padding:10px 13px; display: flex; gap: 14px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); font-size: 20px; color: #555; font-weight: 600; cursor: pointer; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap .radioBox + .radioBox{ margin-top: 14px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap .radioBox.active{ border: 1px solid #6893FF; background-color: #EDF2FF; box-shadow: 0px 0px 10px 0px #ABC3FF; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .phoneNav{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .phoneNav button{ background-color: transparent; border: none; display: flex; gap: 10px; align-items: center; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .phoneNav button.prevBtn{ color: #D9D9D9; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .phoneNav button.nextBtn{ color: #6893FF; }

.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap > li .item{ height: 400px; }

.main .applyArti2 .halfContainer .phoneBox .phoneWrap.result,
.main .applyArti2 .halfContainer .phoneBox .phoneWrap.complete { background: linear-gradient(135deg, #6DA4FF 30.7%, #FCA6E9 100%); } 
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle{ text-align: center; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle + .submitTitle { margin-top: 21px; } 
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle .t1{ font-weight: 700; font-size: 30px; color: #fff; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle .t2{ font-size: 18px; font-weight: 300; margin-top: 30px; line-height: 1.5em; color: #fff; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox{ position: relative; width: 100%; display: block; margin-top: 30px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox + .inputBox{ margin-top: 14px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]{ background-color: #fff; padding: 15px 20px; font-size: 20px; font-weight: 700; width: 100%; border: none; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]:focus{ border: none !important; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]::placeholder { font-size: 20px; font-weight: 500; line-height: 27px; letter-spacing: -1.8px; color: #555; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]:-ms-input-placeholder { font-size: 20px; font-weight: 500; line-height: 27px; letter-spacing: -1.8px; color: #555; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]::-webkit-input-placeholder { font-size: 20px; font-weight: 500; line-height: 27px; letter-spacing: -1.8px; color: #555; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]:-ms-input-placeholder { font-size: 20px; font-weight: 500; line-height: 27px; letter-spacing: -1.8px; color: #555; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox .addPlaceHolder { display: block; position: absolute; top: 13px; left: 113px; font-size: 20px; font-weight: 500; line-height: 135%; letter-spacing: -1.8px; color: rgba(85, 85, 85, 0.50); }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox .noti { display: none; font-size: 14px; font-weight: 200; line-height: 14px; letter-spacing: -0.7px; color: #fff; padding: 11px 0 0 6px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .imgWrap { text-align: center; margin: 57px 0 38px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap.complete .submitTitle:nth-child(3) .t1, 
.main .applyArti2 .halfContainer .phoneBox .phoneWrap.complete .submitTitle:last-child .t1 { font-weight: 600; opacity: 0; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap.complete .submitTitle:nth-child(3) .t1 { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap.complete .submitTitle:last-child .t1 { animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }

.main .applyArti2 .halfContainer .phoneBox .phoneWrap .btnWrap{ margin-top: 38px; }
.main .applyArti2 .halfContainer .phoneBox .phoneWrap .btnWrap .btnBox{ width: 100%; background-color: #000; display: flex; align-items: center; justify-content: center; gap: 18px; color: #fff; font-size: 24px; padding: 20px; font-weight: 700; border-radius: 10px; border: none; }

.main .applyArti2 .main_title_box{ opacity: 0; }
.main .applyArti2.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .applyArti2 .halfContainer .contentBox .content{ opacity: 0; }
.main .applyArti2.active .halfContainer .contentBox .content{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .applyArti2 .halfContainer .contentBox .notice{ opacity: 0; }
.main .applyArti2.active .halfContainer .contentBox .notice{ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .applyArti2 .halfContainer .phoneBox{ opacity: 0; }
.main .applyArti2.active .halfContainer .phoneBox{ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1540px){
	.main .applyArti2 .halfContainer > .contentBox{ width: 40%; }
	.main .applyArti2 .halfContainer .phoneBox{ width: 60%; }

	.main .applyArti2 .halfContainer .contentBox .content{ font-size: 18px; }
	.main .applyArti2 .halfContainer .contentBox .notice{ font-size: 16px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ width: 80%; border-radius: 70px 70px 0 0; max-width: 400px;  }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap > li .item{ height: 350px; }

}
@media screen and (max-width: 900px){
	.main .applyArti2{ padding-top: 50px; }
	.main .applyArti2 .halfContainer{ flex-wrap: wrap; }
	.main .applyArti2 .halfContainer > .contentBox{ width: 100%; }
	.main .applyArti2 .halfContainer .phoneBox{ width: 100%; margin-top: 45px; }
	.main .applyArti2 .halfContainer .contentBox .notice{ font-size: 14px; }

	.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ padding: 50px 20px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .progress{ margin-top: 10px; }

	.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ width: calc(100% - 40px); max-width: 300px; border-radius: 8vw 8vw 0 0; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .qBox{ font-size: 18px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .qBox b{ font-size: 20px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap .radioBox{ font-size: 16px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap > li .item{ height: 300px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .phoneNav{ margin-bottom: 0px; }

	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle .t1{ font-size: 22px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .submitTitle .t2{ font-size: 15px; margin-top: 20px; }

	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .applyWrap .item .radioWrap{ margin-top: 10px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox input[type="text"]{ font-size: 16px; padding: 10px; border-radius: 5px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .inputBox .addPlaceHolder { font-size: 16px; top: 8px; left: 95px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .btnWrap .btnBox{ padding: 10px; font-size: 20px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .imgWrap { margin: 27px 0 18px; }
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap .imgWrap img { max-width: 100px; }

}
@media screen and (max-width: 650px){
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap::before{ background-size: 100% 120%; }
}
@media screen and (max-width: 500px){
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ border-radius: 10vw 10vw 0 0; }
}
@media screen and (max-width: 300px){
	.main .applyArti2 .halfContainer .phoneBox .phoneWrap{ width: calc(100% - 10px); }
}


/* .main .newsArti */ 
.main .newsArti{ padding: 162px 0; }
.main .newsArti .main_title_box{ text-align: center; }
.main .newsArti .newsList{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); max-width: 1132px; margin: 70px auto 0 auto; }
.main .newsArti .newsList > li{ padding: 10px; }
.main .newsArti .newsList > li.type01{ width: calc(100% - 540px - 40px);}
.main .newsArti .newsList > li.type01 .item{ background-color: #C4C4C4; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .newsArti .newsList > li.type02 .item{ width: 270px; height: 270px; background-color: #C4C4C4; position: relative; }
.main .newsArti .newsList > li.type02.insta .item { background-image: url('/img/main/news_arti/banner_insta.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .newsArti .newsList > li.type02 .item .btnBox{ position: absolute; right: 10px; bottom: 10px; display: flex; align-items: center; gap:7px; color: #fff; z-index: 2; }
.main .newsArti .newsList > li.type02 .item .btnBox .txt{text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);}
.main .newsArti .newsList > li.type03{ width: 100%;}
.main .newsArti .newsList > li.type03 .item{ height: 270px; background-color: #C4C4C4; background-size: cover; background-repeat: no-repeat; background-position: center;  }
.main .newsArti .newsList > li .slideBox{ width: 100%; height: 100%; overflow: hidden; }
.main .newsArti .newsList > li .swiper{ height: 100%; }
.main .newsArti .newsList > li .swiper .imgBox{ height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.main .newsArti .main_title_box{ opacity: 0; }
.main .newsArti.active .main_title_box{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .newsArti .newsList > li{ opacity: 0; }
.main .newsArti.active .newsList > li:nth-child(1){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .newsArti.active .newsList > li:nth-child(2){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .newsArti.active .newsList > li:nth-child(3){ animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeIn; }
.main .newsArti.active .newsList > li:nth-child(4){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
.main .newsArti.active .newsList > li:nth-child(5){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
@media screen and (max-width: 1132px){
	.main .newsArti .newsList{ margin-left: -10px; }
}
@media screen and (max-width: 900px){
	.main .newsArti{ padding: 50px 0; }
	.main .newsArti .newsList{ width: calc(100% + 10px); margin-left: -5px; }
	.main .newsArti .newsList > li{ padding: 5px; }
	.main .newsArti .newsList > li:nth-child(1){ order: 0; }
	.main .newsArti .newsList > li:nth-child(2){ width: calc(100% / 2); } 
	.main .newsArti .newsList > li:nth-child(3){ width: calc(100% / 2); } 
	.main .newsArti .newsList > li:nth-child(4){ order: 4;  }
	.main .newsArti .newsList > li:nth-child(5){ width: calc(100% / 3); } 
	.main .newsArti .newsList > li.type01{ width: 100%; height: 270px; margin-bottom:10px;}
	.main .newsArti .newsList > li.type02 .item{ height: 30vw; width: 100%; }
	.main .newsArti .newsList > li.type03{ width: 100%; height: 270px; }

	.main .newsArti.active .newsList > li:nth-child(2){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
	.main .newsArti.active .newsList > li:nth-child(3){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
	.main .newsArti.active .newsList > li:nth-child(4){ animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
	.main .newsArti.active .newsList > li:nth-child(5){ animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeIn; }
}
@media screen and (max-width: 650px){
	.main .newsArti .newsList{ margin-top: 40px; }
	.main .newsArti .newsList > li:nth-child(2){ width: calc(100% / 2); }
	.main .newsArti .newsList > li:nth-child(3){ width: calc(100% / 2); }
	.main .newsArti .newsList > li:nth-child(5){ width: calc(100% / 2); }
	main .newsArti .newsList > li.type03 .item{ height: 45vw; width: 100%; }
	.main .newsArti .newsList > li.type02 .item{ height: 45vw; }
	.main .newsArti .newsList > li.type03{ width: 100%; height: auto; }
	.main .newsArti.active .newsList > li:nth-child(5){ animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
}

/* sub common */
.sub{ overflow: hidden; }
.sub .sub-banner{ height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .contentArti{ padding: 190px 0 120px 0; }
.sub .contentArti.media-report,
.sub .contentArti.column-one,
.sub .contentArti.story-list,
.sub .contentArti.work-system,
.sub .contentArti.settlement-money,
.sub .contentArti.faq-list { 
	padding: 31pt 0 120px 0; 
} 

.sub .layout01{ display: flex; gap: 10%; }
.sub .layout01 > .leftBox{ width: 30%; flex-shrink: 0;  }
.sub .layout01 > .rightBox{ flex-grow: 1;  }

.sub .sub_title_box .title{ font-size: 70px; font-weight: 700; letter-spacing: -0.07em; line-height: 1.5em; }
.sub .sub_title_box .content{ font-size: 28px; font-weight: 300; margin-top: 36px; line-height: 1.5em; } 

.sub .sub-link-wrap{ display: flex; justify-content: flex-start; font-size: 24px; font-weight: 700; }
.sub .sub-link-wrap .linkBtn{ display: flex; align-items: center; border-bottom: 1px solid #000; gap: 10px; padding: 10px 0; }
.sub .sub-link-wrap .linkBtn img{ max-width: 20px;  }

@media screen and (max-width: 1530px) { 
	.sub .sub_title_box .title{ font-size: 50px; }
	.sub .sub_title_box .content{ font-size: 20px; }
}
@media screen and (max-width: 1250px) { 
	.sub .contentArti{ padding: 100px 0 60px 0 !important; }
	.sub .sub_title_box .title{ font-size: 40px; }
	.sub .sub_title_box .content{ font-size: 18px; }

	.sub  .sub-link-wrap{ font-size: 20px; }
}
@media screen and (max-width: 900px) { 
	.sub .contentArti{ padding: 50px 0 100px 0 !important; }
	.sub .sub-banner{ height: 328px; }

	.sub .layout01{ gap: 0; flex-wrap: wrap; }
	.sub .layout01 > .leftBox{ width: 100%; }
	.sub .layout01 > .rightBox{ width: 100%; margin-top: 30px; }

	.sub .layout01 > .rightBox .memberList{ width: calc(100% + 40px); margin-left: -20px;  }
	.sub .layout01 > .rightBox .memberList > li { padding: 0 20px; margin-top: 60px;}
	.sub .layout01 > .rightBox .memberList > li:nth-child(1){margin-top: 0;}
	.sub .sub_title_box .title{ font-size: 40px; }
	.sub .sub_title_box .content{ font-size: 18px; margin-top: 20px; }

	.sub  .sub-link-wrap{ font-size: 18px; }
}
@media screen and (max-width: 650px) { 
	.sub .sub_title_box .title{ font-size: 26px; }
	.sub  .sub-link-wrap{ font-size: 17px; }

}

/* sub submenuList*/
.sub .sub-menu-container{ background: white; position: relative; display: none; }
.sub .sub-menu-container .inner{ position: relative; }
.sub .sub-menu-container .menuList{ display: flex; }
.sub .sub-menu-container .menuList > li{ position: relative; flex-shrink: 0; }
.sub .sub-menu-container .menuList > li > a{ display: block; padding:19px 7.5px; font-weight: 700; color: #C9C9C9; font-size: 16px; position: relative; }
.sub .sub-menu-container .menuList > li.active > a{ color: #000; }
.sub .sub-menu-container .menuList > li.active > a::after{ content:''; position: absolute; width: 100%; height: 3px; background-color: #000; left: 0; bottom: 0; }
.sub .sub-menu-container .sub-menu{ display: flex; position: absolute; top: 100%; z-index: 9;  left: 0; width: 100vw; padding: 8px; gap: 5px; }
.sub .sub-menu-container .sub-menu > li{ flex-shrink: 0; }
.sub .sub-menu-container .sub-menu > li > a{ display: block; padding: 9px 15px; font-size: 15px; background-color: #F3F4F5; border-radius: 20px; font-weight: 600; color: #B8B8B8; } 
.sub .sub-menu-container .sub-menu > li.active > a{ background-color: #37373A; color: #fff; }

@media screen and (max-width: 900px) { 
	.sub .sub-menu-container{ display: block; }
	.sub .sub-menu-container .sub-menu{ overflow-x:scroll; overflow-y: none; -ms-overflow-style: none;  scrollbar-width: none; padding:8px 20px; }
	.sub .sub-menu-container .sub-menu::-webkit-scrollbar { display: none; }
	.sub .sub-menu-container .menuList{ overflow-x: scroll; -ms-overflow-style: none;  scrollbar-width: none; padding-left: calc(20px - 10px); }
	.sub .sub-menu-container .menuLis::-webkit-scrollbar { display: none; }
	.sub .sub-menu-container .menuList > li > a{ padding: 19px 10px; }
}
@media screen and (max-width: 1530px) { 
	.sub .sub-menu-container .inner{ padding: 0; }
}

/* .sub01 .sub01_1 */
.sub01_1 .sub-banner{ background-image: url('../img/sub01/sub01_1/banner.png'); }
.sub01_1 .contentBox{ font-size: 20px; font-weight: 300; line-height: 1.5em; max-width:580px; letter-spacing: -0.07em; word-break: keep-all; }
.sub01_1 .contentBox b{ font-weight: 700; }
.sub01_1 .contentBox.m-t01{ margin-top: 86px; }
.sub01_1 .contentBox.m-t02{ margin-top: 50px; }
.sub01_1 .contentBox br.mo_br{ display: none; }
.sub01_1  .sub-link-wrap{ margin-top: 110px; }
.sub.sub01_1 .layout01 > .rightBox{ position: relative; }
.sub.sub01_1 .layout01 > .rightBox .circle{ width: 383px; height: 383px; position:absolute; right: 0; bottom: 10%; background-color: #efefef; background-image: url("../img/sub01/sub01_1/circle_img2.png"); background-size: cover; border-radius: 50%; }

@media screen and (max-width: 1530px) { 
	.sub01_1 .contentBox{ font-size: 18px; }
	.sub.sub01_1 .layout01 > .rightBox .circle{ width: 320px; height: 320px; }
}
@media screen and (max-width: 1250px) { 
	.sub.sub01_1 .layout01 > .rightBox .circle{ width: 280px; height: 280px; } 
}
@media screen and (max-width: 950px) { 
	.sub01_1 .contentBox{ font-size: 16px; }
	.sub.sub01_1 .layout01 > .rightBox .circle{ position: relative; margin-top:20px; width: 28vw; height: 28vw;   } 
	.sub01_1 .contentBox.m-t01{ margin-top: 20px; }
	.sub01_1 .sub-link-wrap{ margin-top: 69px; }
}
@media screen and (max-width: 650px) { 
	.sub01_1 .sub-banner{ background-image: url('../img/sub01/sub01_1/banner_mo.png'); }
	.sub.sub01_1 .layout01 > .rightBox .circleWrap{ display: flex; justify-content: flex-end; margin-top: 20px; height: 130px; }
	.sub.sub01_1 .layout01 > .rightBox .circle{ width: 180px; height: 180px; top: -30px; }
	.sub01_1 .contentBox{ font-size: 15px; }
}
@media screen and (max-width: 512px) { 
	.sub01_1 .contentBox br{ display: none; }
	.sub01_1 .contentBox br.mo_br{ display: inline-block; }
}


/* .sub01 .sub01_2 */
.sub01_2 .sub-banner{ background-image: url('../img/sub01/sub01_2/banner.jpg'); }
.sub01_2 .contentArti{ background-image: url('../img/sub01/sub01_2/background-image.png'); background-repeat: no-repeat; background-position:center top; }
.sub01_2 .layout01{ gap: 0%; }
.sub01_2 .layout01 > .leftBox{ width: 26%; }
.sub01_2 .memberList > li .item{ display: flex; width: 100%; }
.sub01_2 .memberList > li .item .profileImg img.pc{ width: 100%; max-width: 300px; margin-right: 70px; }
.sub01_2 .memberList > li .item .profileImg img.mo{ display: none; }
.sub01_2 .memberList > li .item .infoBox{ margin-top: 87px; display: flex; flex-wrap: wrap; flex-grow: 1; }
.sub01_2 .memberList > li .item .infoBox > div{ width: calc(100% / 2); }
.sub01_2 .memberList > li .item .infoBox > .leftInfo{ padding-right: 20px; }
.sub01_2 .memberList > li .item .infoBox .logo{ font-family: 'Poppins'; font-size: 26px; font-weight: 600; width: 100%; }
.sub01_2 .memberList > li .item .infoBox .name{ margin-top: 14px; font-size: 36px; font-weight: 300; }
.sub01_2 .memberList > li .item .infoBox .name b{ font-weight: 700; }
.sub01_2 .memberList > li .item .infoBox .typing span.del{ position: relative; }
.sub01_2 .memberList > li .item .infoBox .typing span.del::after{ content:''; width: 100%; height: 1.5px; position: absolute; left: 0; top: 50%; background-color: #000; animation:delAni ease-in-out 0.5s; }
.sub01_2 .memberList > li .item .infoBox .typing{ font-family: 'nanumLetter'; font-size: 43px; margin-top: 14px; }
.sub01_2 .memberList > li .item .infoBox .typing.type02{ font-family:'nanumHaram'; }
.sub01_2 .memberList > li .item .infoBox .typing.type03{ font-family:'nanumAnssang';}
.sub01_2 .memberList > li .item .infoBox .typing.type04{font-family:'nanumHardWork'; }
.sub01_2 .memberList > li .item .infoBox .typing.type05{font-family:'nanumTree'; font-size: 38px; }
.sub01_2 .memberList > li .item .infoBox .info_1{display: block;}
.sub01_2 .memberList > li .item .infoBox .info_2{display: none;}
.sub01_2 .memberList > li .item .infoBox .info + .info{ margin-top: 60px; }
.sub01_2 .memberList > li .item .infoBox .info .info_title{ font-size: 30px; font-weight: 700; }
.sub01_2 .memberList > li .item .infoBox .info .dotList{ margin-top: 20px;line-height: 1.5em; font-size: 18px; font-weight: 300; }
.sub01_2 .memberList > li .item .infoBox .info .dotList > li{ font-family: 'Pretendard'; position: relative; padding-left: 15px; }
.sub01_2 .memberList > li .item .infoBox .info .dotList > li::before{ content:'·'; position: absolute; left: 0; top: 0; }
.sub01_2 .memberList > li .item .infoBox .info .dotList > li b{ font-weight: 400; }  
.sub01_2 .memberList > li .info{ margin-top: 30px; }
.sub01_2 .memberList > li + li{ margin-top: 150px; }
.sub01_2 .memberList > li:nth-child(1) .item .infoBox .info:nth-child(1){ min-height: 300px; }
.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg{ display: none; }
.sub01_2 .memberList > li .item .infoBox .logo.mo{ display: none; }
.sub01_2 .sub-link-wrap{ margin-top: 160px; }


.sub01_2 .sub_title_box{ opacity: 0; }
.sub01_2 .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub01_2 .memberList > li.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }


@media screen and (max-width: 1530px) { 
	.sub01_2 .memberList > li .info{ width: 100%; margin-top: 0;}
	.sub01_2 .memberList > li .item .infoBox{ margin-top: 0; }
	.sub01_2 .memberList > li .item .infoBox .logo{ display: none; }
	.sub01_2 .memberList > li .item .infoBox .logo.mo{ display: block; font-size: 20px; }
	.sub01_2 .memberList > li .item .infoBox .profileContain > div{ display: flex; width: 100%; gap: 5%; align-items: center; }
	.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg{ display: block;}

	.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg img{ transform: translateY(-5%); max-width: 300px;}
	.sub01_2 .memberList > li .item .infoBox .name{ font-size: 30px; }
	.sub01_2 .memberList > li .item .infoBox .typing{ font-size: 30px; }
	.sub01_2 .memberList > li .item .infoBox .info_1{display: none;}
	.sub01_2 .memberList > li .item .infoBox .info_2{display: block;}
	.sub01_2 .memberList > li .item .infoBox .info .info_title{ font-size: 26px; }
	.sub01_2 .memberList > li .item .infoBox .info .dotList{ font-size: 16px; }
	.sub01_2 .memberList > li .item .infoBox > div.rightInfo{ margin-top: 20px; width: 100%; }

	.sub01_2 .memberList > li .item .infoBox{ flex-direction: column; width: 100%; }
	.sub01_2 .memberList > li .item .infoBox > .leftInfo .profileContain{ margin-top: 0; }
	.sub01_2 .memberList > li .item .infoBox > .leftInfo{ width: 100%; padding-right: 0; display: flex; flex-wrap: wrap; }
	.sub01_2 .memberList > li .item .infoBox > .leftInfo .profileContain{ width: 100%; }
	.sub01_2 .memberList > li .item .infoBox .info + .info{ margin-top: 30px; }
	.sub01_2 .memberList > li:nth-child(1) .item .infoBox .info:nth-child(1){ min-height: unset; }
	.sub01_2 .memberList > li + li{ margin-top: 65px; }
	.sub01_2 .memberList > li .item .profileImg img{ display: none; }

	.sub01_2 .memberList > li .item .infoBox .typing.type05{ font-size: 30px; }
}
@media screen and (max-width: 1250px) { 
	.sub01_2 .memberList > li + li{ margin-top: 50px; }
	.sub01_2 .memberList > li .item{ flex-wrap: wrap; width: 565px;margin: 0 auto;}
	.sub01_2 .memberList > li .item .infoBox{ margin-top: 20px; width: 100%; }
	.sub01_2 .sub-link-wrap{ margin-top: 100px; }
}
@media screen and (max-width: 900px) { 
	.sub.sub01_2 .sub_title_box .title{ text-align: center; }
	.sub.sub01_2 .sub_title_box .content{ text-align: center; }

	.sub01_2 .layout01 > .leftBox{ width: 100%; }
	.sub01_2 .memberList > li + li{ margin-top: 0; }
	.sub01_2 .memberList > li .info{ margin-top: 15px; }

	.sub01_2 .contentArti{
		background-image: unset;
		 /* background-image: url('../img/sub01/sub01_2/background-image-mobile.png'); background-repeat: repeat; background-size: contain; background-position: top 20% right 0;  */
	}
	.sub01_2 .memberList > li{ opacity: 0; background-image: url('../img/sub01/sub01_2/background-image-mobile.png'); background-repeat: no-repeat; background-size: 50%; background-position: right bottom; }

}
@media screen and (max-width: 650px) { 
	.sub01_2 .sub-banner{ background-image: url('../img/sub01/sub01_2/banner_mo.png'); }
	
	.sub01_2 .layout01 > .leftBox{ width: 100%; }
	.sub01_2 .memberList > li:nth-child(1) .item .infoBox .info:nth-child(1){ min-height: unset; }
	.sub01_2 .memberList > li .item{ position: relative;width: 90%; min-width: 300px;}
	.sub01_2 .memberList > li .item .infoBox{ margin-top: 0; }
	.sub01_2 .memberList > li .item .infoBox > .leftInfo{ padding-right: 0; }
	.sub01_2 .memberList > li .item .infoBox .info + .info{ margin-top: 20px; }
	.sub01_2 .memberList > li .item .infoBox .logo{ font-size: 14px; }
	.sub01_2 .memberList > li .item .infoBox .name{ font-size: 18px; }
	.sub01_2 .memberList > li .item .infoBox .typing{ font-size: 20px; }
	.sub01_2 .memberList > li .item .infoBox .info .info_title{ font-size: 17px; }
	.sub01_2 .memberList > li .item .infoBox .info .dotList{ margin-top: 12px; font-size: 15px; }
	.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg img{ width: 100%; max-width: 175px; margin: 20px auto -10px;}
	.sub01_2 .memberList > li .item .infoBox > div.rightInfo{ margin-top: 0; }
	.sub01_2 .memberList > li:nth-child(2n) .item .infoBox .profileContain > div{ justify-content: space-between; }
	.sub01_2 .memberList > li:nth-child(2n) .item .infoBox .profileContain .mo_profileImg{ order: 2; }

	.sub01_2 .sub-link-wrap{ margin-top: 64px; }
	.sub01_2 .memberList > li .item .infoBox .typing.type05{ font-size: 20px; }

	.sub .layout01 > .rightBox .memberList > li{padding: 30px 20px;margin-top: 10px;}
}
@media screen and (max-width: 350px) { 
	.sub01_2 .memberList > li .item .infoBox .profileContain > div{ flex-wrap: wrap; }
	.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg{ width: 100%; order: 2; }
	.sub01_2 .memberList > li .item .infoBox .profileContain .mo_profileImg img{  display: block; }
}

/* .sub01 .sub01_3 */
.sub01_3 .sub-banner{ background-image: url('../img/sub01/sub01_3/banner.png'); }
.sub .board-layout{ display: flex; overflow: hidden; }
.sub .board-layout > .title-box{ width: 385px; flex-shrink: 0; }

.sub .board-layout > .content-box{ width: calc(100% - 385px); }
.sub .content-box .newsList{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.sub .content-box .newsList > li{ padding: 10px; width: calc(100% / 3); }
.sub .content-box .newsList > li .imgBox{ height: 365px; border-radius: 20px; background-color: #D9D9D9; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .content-box .newsList > li .contentBox{ margin: 20px 0px;  } 
.sub .content-box .newsList > li .contentBox .title{ font-size: 24px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub .content-box .newsList > li .contentBox .content{ margin-top: 10px; color: #808080; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sub01_3 .sub_title_box{ opacity: 0; }
.sub01_3 .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) { 
	.sub .board-layout > .title-box{ width: 300px;  }
	.sub .board-layout > .content-box{ width: calc(100% - 300px); }
	.sub .content-box .newsList > li .imgBox{ height: 24vw; border-radius: 10px; }
	.sub .content-box .newsList > li .contentBox .title{ font-size: 20px; }
	.sub .content-box .newsList > li .contentBox .content{ font-size: 16px; }
}
@media screen and (max-width: 1250px) { 
	.sub .board-layout{ flex-wrap: wrap; }
	.sub .board-layout > .content-box{ width: 100%; margin-top: 30px; }
	.sub .content-box .newsList > li .imgBox{ height: 31vw; }
}
@media screen and (max-width: 900px) { 
	.sub .content-box .newsList{ width: calc(100% + 10px); margin-left: -5px; }
	.sub .content-box .newsList > li{ padding: 5px; }
	.sub .content-box .newsList > li .contentBox .title{ display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: wrap;}
}
@media screen and (max-width: 650px) { 
	.sub01_3 .sub-banner{ background-image: url('../img/sub01/sub01_3/banner_mo.png'); }
	.sub .content-box .newsList > li{ width: calc(100% / 2); }
	.sub .content-box .newsList > li .imgBox{ height: 46vw; border-radius: 20px; }

	.sub .content-box .newsList > li .contentBox .title{ font-size: 15px; }
	.sub .content-box .newsList > li .contentBox .content{ font-size: 13px; margin-top: 9px; }
}

/* .sub01 .sub01_4 */
.sub01_4 .sub-banner{ background-image: url('../img/sub01/sub01_4/banner.png'); }
.sub01_4 .sub_title_box{ opacity: 0; }
.sub01_4 .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
@media screen and (max-width: 650px) { 
	.sub01_4 .sub-banner{ background-image: url('../img/sub01/sub01_4/banner_mo.png'); }
}

/* .sub02 .sub02_1 */
.sub02.sub02_1 .sub_title_box{ text-align: center; }
.sub .searchBox{ margin: 45px auto; max-width: 748px; display: flex; align-items: center; justify-content: center; position: relative; }
.sub .searchBox form{width: 100%; }
.sub .searchBox .searchIpt{ padding: 22px 38px; padding-right: 70px; font-weight: 300; font-size: 24px; border: 1px solid #808080; width: 100%;  }
.sub .searchBox .searchIpt:focus{ box-shadow: none; border: 1px solid #808080 !important; }
.sub .searchBox .searchBtn{ position: absolute; right: 0; height: 100%; padding: 10px 30px 10px 10px; display: flex; align-items: center; justify-content: center; top: 0; background-color: transparent; border: none; } 
.sub .searchBox .searchBtn img{ max-width: 100%; }


.sub02_1 .menu01{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 21px; }
.sub02_1 .menu01 > li{ width: 173px; text-align: center; font-size: 30px; font-weight: 500; color: #999; position: relative; cursor: pointer;}
.sub02_1 .menu01 > li.active{ color: #000; }
.sub02_1 .menu01 > li.active::before{ opacity: 1; } 

.sub .menu02{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px 0; gap: 20px; }
.sub .menu02 > li:not(.btn-selectAll){ width: 190px; text-align: center; cursor: pointer;}
.sub .menu02 > li:not(.btn-selectAll) > a{ display: block; padding: 9px; background-color: #F3F4F5; border-radius: 50px; font-size: 24px; font-weight: 600; color: #B8B8B8; }
.sub .menu02 > li.active:not(.btn-selectAll) > a{ background-color: #37373A; color: #fff; }
.btn-selectAll img {
	width: 30px;
}
@media screen and (min-width: 900px) { 
	/* 변호사 버튼 뒤에 X 아이콘 */
	.sub .menu02.selectAllFrame > li.active > a:after {
		content: '';
		background: url(../img/common/close_icon.png) no-repeat;
		background-size: cover;
		margin-left: 10px;
		display: inline-block;
		width: 10px;
		height: 10px;
		transform: translateY(-3px);
	}
}
@media screen and (max-width: 1250px) {
	.sub .menu02.selectAllFrame > li.active > a:after {
		width: 8px;
		height: 8px;
	}
}
@media screen and (max-width: 900px) {
	.sub .menu02.selectAllFrame > li.active > a:after {
		display: none;
	}
}




.sub02_1 .listContainer{ margin-top: 52px; }
.sub02_1 .listContainer .list{ display: flex; flex-wrap: wrap; width: calc(100% + 55px); margin-left: -27.5px; }
.sub02_1 .listContainer .list > li{ width: calc(100% / 4); padding: calc(55px / 2);  }

.sub02_1 .listContainer .list > li .imgBox{ width: 100%; height: 386px; background-color: #dfdfdf; border-radius: 10px; filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25)); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub02_1 .listContainer .list > li .contentBox{ margin-top: 30px; }
.sub02_1 .listContainer .list > li .contentBox .title{ font-weight: 500; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub02_1 .listContainer .list > li .contentBox .content{ margin-top: 10px; font-size: 18px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; }

@media screen and (max-width: 1530px) { 
	.sub02_1 .listContainer .list{ flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; }
	.sub02_1 .listContainer .list > li{ padding: 20px; }
	.sub02_1 .listContainer .list > li .imgBox{ height: 25vw; }
}
@media screen and (max-width: 1250px) { 
	.sub .searchBox{ max-width: 500px; }
	.sub .searchBox .searchIpt{ font-size: 20px; padding: 10px 20px; padding-right: 60px; }
	.sub .searchBox .searchBtn{ padding-right: 20px; }
	.sub .searchBox .searchBtn img{ width: 20px; }
	.sub02_1 .menu01 > li{ font-size: 24px; width: 150px; }
	.sub02_1 .menu01 > li::before{ width: 10px; height: 10px; }
	.sub .menu02 > li:not(.btn-selectAll) { width: 150px; }
	.sub .menu02 > li:not(.btn-selectAll) > a{ font-size: 20px; }

	.sub02_1 .listContainer .list > li .contentBox .title{ font-size: 20px; }
	.sub02_1 .listContainer .list > li .contentBox .content{ font-size: 16px; }
}
@media screen and (max-width: 1000px) { 
	.sub02_1 .listContainer .list > li{ width: calc(100% / 3); }
	.sub02_1 .listContainer .list > li .imgBox{ height: 34vw; }
}
@media screen and (max-width: 900px) { 
	.sub02_1 .menu01{ flex-wrap: nowrap; justify-content: space-between; }
	.sub02_1 .menu01 >li { width: calc(100% / 4); }
	.sub02_1 .listContainer .list{ width: calc(100% + 10px); margin-left: -5px; }
	.sub02_1 .listContainer .list > li{ padding: 20px 5px; }
	.sub02_1 .listContainer .list > li .imgBox{ filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.15)); }
}
@media screen and (max-width: 650px) { 

	.sub .searchBox{ margin-top: 23px; max-width: 310px; }
	.sub .searchBox .searchIpt{ font-size: 13px; padding-right: 50px; }
	.sub .searchBox .searchBtn{ padding-right: 16px; }
	.sub .searchBox .searchBtn img{ width: 15px; }

	.sub02_1 .menu01 > li{ font-size: 20px; }
	.sub .menu02{ gap: 5px; justify-content: flex-start; margin-bottom: 0px; }
	.sub .menu02 > li:not(.btn-selectAll) { width: 108px; padding: 3px 0; }
	.sub .menu02 > li:not(.btn-selectAll) > a{ font-size: 15px; padding: 9px 15px; }

	.sub02_1 .listContainer{ margin-top: 0;  }
	.sub02_1 .listContainer .list > li{ width: calc(100% / 2); }
	.sub02_1 .listContainer .list > li .imgBox{ height: 53vw;  }
	.sub02_1 .listContainer .list > li .contentBox .content{ word-break: keep-all; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: wrap; }

	.sub02_1 .listContainer .list > li .contentBox{ margin-top: 19px; }
	.sub02_1 .listContainer .list > li .contentBox .title{ font-size: 15px; }
	.sub02_1 .listContainer .list > li .contentBox .content{ font-size: 13px; margin-top: 8px; }
}
@media screen and (max-width: 300px) { 
	.sub02_1 .menu01{ flex-wrap: wrap; gap: 10px; }
}

/* .sub03 .sub03_1 */
.sub03_1 .sub-banner{ background-image: url('../img/sub03/sub03_1/banner.jpg'); }
.sub03_1 .titleWrap{ display: flex;  }
.sub03_1 .titleWrap > div:nth-child(1){ width: 579px;  }
.sub03_1 .titleWrap > div:nth-child(2){ width: calc(100% - 579px);  }

.sub03_1 .titleWrap > div:nth-child(2) .content{ line-height: 1.5em; font-size: 20px; font-weight: 300; }
.sub03_1 .titleWrap > div:nth-child(2) .content .m-t{ margin-top: 44px; }
.sub03_1 .titleWrap > div:nth-child(2) .content b{ font-weight: 700; }

.sub03_1 .titleWrap .sub_title_box{ opacity: 0;  }
.sub03_1 .titleWrap .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }

.sub03_1 .titleWrap .content{ opacity: 0;  }
.sub03_1 .titleWrap .content.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeInRight;  }


@media screen and (max-width: 1530px) { 
	.sub03_1 .titleWrap > div:nth-child(1){ width: 300px; }
	.sub03_1 .titleWrap > div:nth-child(2){ width: calc(100% - 300px);  }
}
@media screen and (max-width: 1250px) { 
	.sub03_1 .titleWrap > div:nth-child(2) .content{ font-size: 18px; }
	.sub03_1 .titleWrap > div:nth-child(2) .content .m-t{ margin-top: 20px; }
}
@media screen and (max-width: 900px) { 
	.sub03_1 .titleWrap{ flex-wrap: wrap; }
	.sub03_1 .titleWrap .content.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn;  }
	.sub03_1 .titleWrap > div:nth-child(1){ width: 100%; }
	.sub03_1 .titleWrap > div:nth-child(2){ width: 100%; margin-top: 30px; }
	.sub03_1 .titleWrap > div:nth-child(2) .content .m-t{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
	.sub03_1 .sub-banner{ background-image: url('../img/sub03/sub03_1/banner_mo.jpg'); }
}
@media screen and (max-width: 512px) {
	.sub03_1 .titleWrap > div .content .m-t{ word-break: keep-all; }
	.sub03_1 .titleWrap > div .content .m-t br{  display: none; }
}


/* .sub03 .sub03_2 */
.sub03_2 .sub-banner{ background-image: url('../img/sub03/sub03_2/banner.jpg'); }
.sub03_2 .layout01 { gap: 5%; }
.sub03_2 .layout01 .leftBox{ width: 37%;  }
.sub03_2 .contentBox{ font-size: 20px; line-height: 1.5em;  font-weight: 300; letter-spacing: -0.07em; position: relative; z-index: 1; }
.sub03_2 .contentBox.small{ max-width: 540px; }
.sub03_2 .contentBox.center{ text-align: center; }
.sub03_2 .contentBox b{ font-weight: 700; }
.sub03_2 .contentBox.m-t1{ margin-top: 40px; }
.sub03_2 .contentBox.m-t3{ margin-top: 20px; }

.sub03_2 .layout01 .rightBox .imgBox{ margin-top: 93px; height: 400px; }
.sub03_2 .layout01 .rightBox .imgBox img{ max-width: 100%; }
.sub03_2 .layout01 .rightBox .imgBox img.mo{ display: none; }

.sub03_2 .bottomBanner{ height: 339px; background-image: url('../img/sub03/sub03_2/img02.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }

.sub03_2 .sub_title_box{ opacity: 0; }
.sub03_2 .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_2 .contentBox{ opacity: 0; }
.sub03_2 .contentBox.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_2 .imgBox{ opacity: 0; }
.sub03_2 .imgBox.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_2 .bottomBanner{ opacity: 0; }
.sub03_2 .bottomBanner.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }

@media screen and (max-width: 1530px) { 
	.sub03_2 .layout01 .leftBox{ width: 400px; }
	.sub03_2 .layout01 .rightBox .imgBox{ height: 25vw; }
}
@media screen and (max-width: 1250px) { 
	.sub03_2 .layout01 .leftBox{ width: 320px; }
	.sub03_2 .contentBox{ font-size: 18px; }
}
@media screen and (max-width: 900px) { 
	.sub03_2 .layout01 .leftBox{ width: 100%; }
	.sub03_2 .layout01 .rightBox .imgBox{ height: 39vw; }
	
}
@media screen and (max-width: 650px) { 
	.sub.sub03_2 .contentArti{ padding-bottom: 50px; }
	.sub03_2 .sub-banner{ background-image: url('../img/sub03/sub03_2/banner_mo.jpg'); }
	.sub03_2 .bottomBanner{ background-image: url('../img/sub03/sub03_2/img02_mo.png'); height: 38vw; }
	.sub03_2 .contentBox{ font-size: 15px; }
	.sub03_2 .contentBox b{ font-size: 18px; }

	.sub03_2 .layout01 .rightBox .imgBox{ height: auto; margin-top: 38px; }
	.sub03_2 .layout01 .rightBox .imgBox img.mo{ display: block; width: 100%; }
	.sub03_2 .layout01 .rightBox .imgBox img.pc{ display: none; }

}


/* .sub03 .sub03_3 */
.sub03_3 .sub-banner{ background-image: url('../img/sub03/sub03_3/banner.png'); }
.sub03_3 .contentArti{ padding-bottom: 50px; }
.sub03_3 .sub_title_box{ text-align: center; }
.sub03_3 .imgBox01{ margin-top: 80px; padding-bottom: 27px; }
.sub03_3 .imgBox01 .imgContent{ text-align: center; font-size: 32px; font-weight: 700; }
.sub03_3 .imgBox01 img{ max-width: 100%; display: block; margin-top: 80px; margin: 0 auto; }
.sub03_3 .imgBox01 img.mo{ display: none; }

.sub03_3 .graphContainer{ background-color: #272727; padding: 119px 0; color: #fff; }
.sub03_3 .title-type01{ text-align: center; font-weight: 700; font-size: 24px; line-height: 1.5em; word-break: keep-all; }
.sub03_3 .graphContainer .itemList{ display: flex; flex-wrap: wrap; width: calc(100% + 120px); margin-left: -60px; }
.sub03_3 .graphContainer .itemList > li{ width: calc(100% / 3); margin-top: 97px; padding: 0 60px; }
.sub03_3 .graphContainer .itemList > li .item{ display: flex; align-items: flex-end; }
.sub03_3 .graphContainer .itemList > li .item .imgWrap {flex-shrink: 0; }
.sub03_3 .graphContainer .itemList > li .item .imgWrap .imgBox{ background-color: #dfdfdf; width: 130px; height: 167px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub03_3 .graphContainer .itemList > li .item .contentWrap{ flex-grow: 1; padding: 0 26px; }
.sub03_3 .graphContainer .itemList > li .item .contentWrap .t1{ font-size: 20px; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #AAA; }
.sub03_3 .graphContainer .itemList > li .item .contentWrap .t2{ margin-top: 13px; font-weight: 300; line-height: 1.5em; }
.sub03_3 .graphContainer .itemList > li .item .contentWrap .t2 b{ font-weight: 600; }
.sub03_3 .graphContainer .itemList > li .item .graphWrap{ flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .txt{ margin-bottom: 19px; color: rgba(255, 255, 255, 0.60); }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox{ position: relative; }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox .bar{ position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; width: 100%; }

.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox >img{ max-width: 100%; }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox .bar img.bar-top{ display: block; transform: translateY(calc(50% + 1px)); }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox .bar img.bar-bottom{ max-width: 100%; height: 0px; transform: translateY(1px); transition: height 2s 0.5s;  }
.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox .bar img.bottom{ max-width: 100%; }
.sub03_3 .graphContainer .btnWrap{ margin-top: 97px; display: flex; align-items: center; justify-content: center; }
.sub03_3 .graphContainer .btnWrap a{ font-size: 17px; padding-bottom: 5px; border-bottom: 1px solid #fff; display: flex; gap: 10px; }

.sub03_3 .stepContainer{ padding:97px 0; }
.sub03_3 .stepContainer .stepList{ margin-top: 37px; display: flex; flex-direction: column; align-items: center; }
.sub03_3 .stepContainer .stepList img{ max-width: 100%; }
.sub03_3 .stepContainer .stepList img.mo{ display: none; }

.sub03_3 .ApplyContainer{ display: flex; height: 340px; align-items: center; background-image: url('../img/sub03/sub03_3/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub03_3 .ApplyContainer .inner{ height: 100%; display: flex; align-items: center; justify-content: center; }
.sub03_3 .ApplyContainer a{ color: #fff; width: 100%; max-width: 384px; padding: 20px; color: #fff; background-color: #000; font-weight: 700; font-size: 28px; display: flex; align-items: center; gap: 10px; justify-content: center; border-radius: 10px; }

.sub03_3 .sub_title_box{ opacity: 0; }
.sub03_3 .sub_title_box.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_3 .imgBox01 .imgContent{ opacity: 0; }
.sub03_3 .imgBox01 .imgContent.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_3 .imgBox01 img{ opacity: 0; }
.sub03_3 .imgBox01 img.active{  animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn;  }
.sub03_3 .title-type01{ opacity: 0; }
.sub03_3 .title-type01.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; } 
.sub03_3 .graphContainer .itemList > li{ opacity: 0; }
.sub03_3 .graphContainer .itemList > li.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_3 .graphContainer .btnWrap a{ opacity: 0; }
.sub03_3 .graphContainer .btnWrap a.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_3 .stepContainer .stepList > li{ opacity: 0; }
.sub03_3 .stepContainer .stepList.active > li:nth-child(1){ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.sub03_3 .stepContainer .stepList.active > li:nth-child(2){ animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.sub03_3 .stepContainer .stepList.active > li:nth-child(3){ animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
.sub03_3 .stepContainer .stepList.active > li:nth-child(4){ animation: 0.5s ease-in-out 0.9s 1 normal forwards running fadeIn; }
.sub03_3 .ApplyContainer{ opacity: 0; }
.sub03_3 .ApplyContainer.active{ animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }

.sub03_3 .graphContainer .itemList > li:nth-child(1).active .item .graphWrap .graphBox .bar img.bar-bottom{ height: 65%; }
.sub03_3 .graphContainer .itemList > li:nth-child(2).active .item .graphWrap .graphBox .bar img.bar-bottom{ height: 40%; }
.sub03_3 .graphContainer .itemList > li:nth-child(3).active .item .graphWrap .graphBox .bar img.bar-bottom{ height: 20%; }


@media screen and (max-width: 1530px) { 
	.sub03_3 .graphContainer .itemList{ width: calc(100% + 40px); margin-left: -20px; }
	.sub03_3 .graphContainer .itemList > li{ padding: 0 20px; }

	.sub03_3 .graphContainer .itemList > li .item .contentWrap{ padding: 0 15px; }
	.sub03_3 .graphContainer .itemList > li .item .graphWrap .txt{ font-size: 14px; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t1{ font-size: 16px; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t2{ font-size: 14px; }

}
@media screen and (max-width: 1250px) { 
	.sub03_3 .imgBox01{ margin-top: 40px; }
	.sub03_3 .imgBox01 .imgContent{ font-size: 25px; }
	.sub03_3 .imgBox01 img{ width: 100%; max-width: 80%; }
	.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox{ width: 35px; }
	.sub03_3 .graphContainer .itemList > li .item .imgWrap .imgBox{ width: 10vw; height: 13vw; }
}
@media screen and (max-width: 1000px) { 
	.sub03_3 .graphContainer .itemList{ max-width: 500px; width: 100%; margin: 44px auto 0 auto; }
	.sub03_3 .graphContainer .itemList > li{ width: 100%; }
	.sub03_3 .graphContainer .itemList > li .item .imgWrap .imgBox{ width: 140px; height: 180px; }
}
@media screen and (max-width: 900px) { 
	.sub03_3 .imgBox01 .imgContent{ font-size: 20px; }
	.sub03_3 .imgBox01 img{ width: 500px; max-width: 100%; }
	.sub03_3 .graphContainer{ padding: 77px 0; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap{ padding: 0 30px; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t1{ font-size: 17px; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t2{ font-size: 15px; }
}
@media screen and (max-width: 650px) { 
	.sub03_3 .sub-banner{ background-image: url('../img/sub03/sub03_3/banner_mo.png'); }
	.sub03_3 .imgBox01 .imgContent{ font-size: 18px; }
	.sub03_3 .imgBox01 img{ width: 100%; transform: scale(1.1); margin-top: 30px; margin-left: -2.3vw; padding-bottom: 50px;  }
	.sub03_3 .stepContainer{ padding-bottom: 50px; }
	.sub03_3 .graphContainer .itemList{ margin-top: 0; }
	.sub03_3 .graphContainer .itemList > li{ padding: 0; margin-top: 42px; }  
	.sub03_3 .stepContainer .stepList img.pc{ display: none; }
	.sub03_3 .stepContainer .stepList img.mo{ display: block; }
	.sub03_3 .graphContainer .itemList > li .item .imgWrap .imgBox{ width: 87px; height: 108px; }
	.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox{ width: 33px; }
	.sub03_3 .graphContainer .btnWrap{ justify-content: flex-start; }

	.sub03_3 .ApplyContainer{ height: 169px; }
	.sub03_3 .ApplyContainer a{ font-size: 20px; max-width: 262px; padding: 10px; }

	.sub03_3 .imgBox01 img.pc{ display: none; }
	.sub03_3 .imgBox01 img.mo{ display: block; }
}
@media screen and (max-width: 300px) { 
	.sub03_3 .graphContainer .itemList > li .item .contentWrap{ padding: 0 10px; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t1{ font-size: 14px; letter-spacing: -0.07em; }
	.sub03_3 .graphContainer .itemList > li .item .contentWrap .t2{ font-size: 13px; }
	.sub03_3 .graphContainer .itemList > li .item .graphWrap .graphBox{ width: 25px; }
}

/* .sub04 .sub04_1 */
.sub04_1 .sub-banner{ background-image: url('../img/sub04/sub04_1/banner.png'); }
.sub04_1 .sub_title_box{ text-align: center; }
.sub04_1 .listContainer{ margin-top: 75px; }
.sub04_1 .listContainer .listBox{ max-width: 1135px; margin: 0 auto; }
.sub04_1 .listContainer .listBox > li{ border-bottom: 1px solid #C2C2C2; }
.sub04_1 .listContainer .listBox > li:nth-child(1){ border-top: 1px solid #C2C2C2; }

.sub04_1 .listContainer .listBox > li .item{ padding:36px 0; display: flex; gap: 30px; justify-content: space-between; }
.sub04_1 .listContainer .listBox > li .item .imgBox{ flex-shrink: 0; }
.sub04_1 .listContainer .listBox > li .item .imgBox .img{ background-color: #dfdfdf; width: 197px; height: 158px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.sub04_1 .listContainer .listBox > li .item .title{ font-size: 30px; font-weight: 700; padding-left: 44px; position: relative; }
.sub04_1 .listContainer .listBox > li .item .title::after{ content:'Q.'; position: absolute; left: 0; top: 0; font-family: 'Akzidenz-Grotesk BQ'; letter-spacing: 0.1rem; }
.sub04_1 .listContainer .listBox > li .item .content{ 
	margin-top: 20px; padding-left: 44px; line-height: 1.5em; font-size: 18px; color: #4C4C4C; 
	/* 말줄임표시 (...표시)가 필요한 경우, 아래 주석을 해제해주세요 */
	/* word-break: keep-all; display: -webkit-box; word-wrap: break-word;  -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;  white-space: wrap; */
}

@media screen and (max-width: 1250px) { 
	.sub04_1 .listContainer .listBox > li .item .title{ font-size: 25px; padding-left: 30px; }
	.sub04_1 .listContainer .listBox > li .item .content{ padding-left: 30px; }
	.sub04_1 .listContainer .listBox > li .item .content{ font-size: 17px; }
}
@media screen and (max-width: 650px) { 
	.sub04_1 .sub-banner{ background-image: url('../img/sub04/sub04_1/banner_mo.png'); }
	.sub04_1 .listContainer{ margin-top: 26px; }
	.sub04_1 .listContainer .listBox > li .item{ gap: 16px; }
	.sub04_1 .listContainer .listBox > li .item .title{ font-size: 17px; padding-left: 20px; }
	.sub04_1 .listContainer .listBox > li .item .content{ font-size: 13px; padding-left: 20px; -webkit-line-clamp: 2; margin-top: 20px; }
	.sub04_1 .listContainer .listBox > li .item .imgBox .img{ width: 108px; height: 87px; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.25)); }
}

/* .sub05 .sub05_1 */
.sub05_1 .sub_title_box{ text-align: center; }
.sub05_1 .mapLayout{ display: flex; gap: 68px; }

.sub05_1 .mobile_mapBox{ display: none; }
.sub05_1 .mapLayout { padding-top: 76px; border-top: 1px solid #E6E6E6; margin-top: 50px; }
.sub05_1 .mapLayout .mapBox{ width: 749px; height: 655px;  }
.sub05_1 .mapLayout .contentBox{ flex-grow: 1; font-weight: 300; border-bottom: 1px solid #000; padding-bottom: 47px; }

.sub05_1 .mapLayout .contentBox .content{ margin-top: 29px; line-height: 2rem; font-weight: 700;}
.sub05_1 .mapLayout .contentBox .content.border-top{ padding-top: 29px; border-top:1px solid #F1F1F1; }
.sub05_1 .mapLayout .t1{ font-weight: 700; font-size: 32px; }
.sub05_1 .mapLayout .t2{ font-size: 24px; font-weight: 700; margin-bottom: 19px; }
.sub05_1 .mapLayout .red{ color: #FF7B7B; }
.sub05_1 .mapLayout .darkred{ color: #AB1F33; }
.sub05_1 .mapLayout .purple{ color: #263C96; }
.sub05_1 .mapLayout .green{ color: #27C867; }
.sub05_1 .mapLayout .blue{ color: #189DFD; }
.sub05_1 .mapLayout .gray{ color: #737373; }
.sub05_1 .mapLayout .skyblue{ color: #6F99D0; }
.sub05_1 .mapLayout .darkyellow{ color: #D9B06B; }
.sub05_1 .mapLayout .orange{ color: #F0602E; }
.sub05_1 .mapLayout .bold{ font-weight: 700; }

@media screen and (max-width: 1530px) { 
	.sub05_1 .mapLayout .mapBox{ width: 40vw; height: 30vw; }
}
@media screen and (max-width: 1250px) { 
	.sub05_1 .mapLayout .mapBox{ width: 45vw; height: 35vw; }
}
@media screen and (max-width: 900px) { 
	.sub05_1 .mobile_mapBox{ display: block; height: 317px; }
	.sub05_1 .mapLayout{ flex-wrap: wrap; } 
	.sub05_1 .mapLayout .mapBox{  display: none; }
	.sub.sub05_1 .menu02{ gap: 10px; }
}
@media screen and (max-width: 650px) { 
	.sub.sub05_1 .menu02{ gap: 7px; }
	.sub.sub05_1 .menu02 > li{ width: 84px; }
	.sub05_1 .mapLayout{ margin-top: 20px; padding-top: 28px; }
	
	.sub05_1 .mapLayout .t1{ font-size: 20px; }
	.sub05_1 .mapLayout .t2{ font-size: 17px; margin-bottom: 8px; }
	/* .sub05_1 .mapLayout .mo_center{ text-align: center; } */
	.sub05_1 .mapLayout .contentBox{ padding-bottom: 28px; }
	.sub05_1 .mapLayout .contentBox .content{ font-size: 15px; margin-top: 10px; }
	.sub05_1 .mapLayout .contentBox .content.border-top{ padding-top: 10px; }

}

/* .sub01 .sub01_5 */
.sub01_5 .sub-banner{ background-image: url('../img/sub01/sub01_5/banner.png'); }
.sub01_5 .sub_title_box{ text-align: center; }
.sub01_5 .inner{ max-width: 1115px; width: 100%; }
.sub01_5 .keywordContainer{ margin-top: 58px; display: flex; justify-content: center; }
.sub01_5 .keywordContainer .keywordWrap{ display: flex; flex-wrap: wrap; width: calc(100% + 110px); margin-left: -55px; }
.sub01_5 .keywordContainer .keywordWrap > li{ width: calc(100% / 2); padding: 7px calc(55px / 2);  }
.sub01_5 .keywordContainer .keywordWrap > li .item{ background-color: rgba(20, 20, 20, 0.10); border-radius: 20px; position: relative; overflow: hidden; }
.sub01_5 .keywordContainer .keywordWrap > li .item .bar{ height: 100%; padding: 23px 10px; width: 0%; transition: width 2s; border-right: 2px solid #fff; background: linear-gradient(94deg, #7DAEFF 2.37%, #7072FF 65.67%, rgba(222, 143, 255, 0.44) 111.77%); }
.sub01_5 .keywordContainer .keywordWrap > li .item .content{ padding:10px 20px; display: flex; align-items: center; color: #fff; position: absolute; left: 0; top: 0; height: 100%; font-size: 20px; font-weight: 600;  }
.sub01_5 .slideContainer{ margin-top: 129px; overflow: hidden; position: relative; }
.sub01_5 .slideContainer .reviewSlide .swiper-slide{ height: auto; }
.sub01_5 .slideContainer .reviewSlide .item{ text-align: center; height: 100%; }
.sub01_5 .slideContainer .reviewSlide .item .title{ margin-top: 31px; font-size: 24px; font-weight: 500; line-height: 1.5em; }
.sub01_5 .slideContainer .reviewSlide .item .content{ margin-bottom: 31px; margin-top: 33px; line-height: 1.5em; color: #808080; font-size: 18px; } 
.sub01_5 .slideContainer .btnWrap{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; }
.sub01_5 .slideContainer .btnWrap > li:nth-child(2){ transform: rotate(180deg);  }
.sub01_5 .slideContainer .btnWrap > li{ position: relative; z-index: 9; }
.sub01_5 .slideContainer .btnWrap > li button{ background-color: transparent; border: none;   }
.sub01_5 .slideContainer .btnWrap > li button img{ opacity: 0.3; }

.sub01_5 .listContainer{ margin-top: 70px; }
.sub01_5 .listContainer .listWrap > li{ border-bottom: 1px solid #E9E9E9; }
.sub01_5 .listContainer .listWrap > li .item{ padding: 32px 0; color: #4D4D4D; }
.sub01_5 .listContainer .listWrap > li .item .title{ font-size: 24px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub01_5 .listContainer .listWrap > li .item .content{ margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 1.5em; word-break: keep-all; display: -webkit-box;  word-wrap: break-word;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;  white-space: wrap; }

.sub01_5 .listContainer .listWrap > li .item .tagList{ margin-top: 23px; display: flex; flex-wrap: wrap; gap: 12px; }
.sub01_5 .listContainer .listWrap > li .item .tagList > li .tag{ padding: 7px 15px; border-radius: 20px; background-color: #EBF0FF; border: 1px solid #6F98FF; font-size: 14px; color: #6F98FF;  }

.sub01_5 .listContainer .info{ display: flex; gap: 13px; font-size: 15px; margin-top: 42px; color: #B0B0B0; font-weight: 300; }
.sub01_5 .listContainer .info .cate{ font-weight: 600; }


.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(1) .item .bar{ width: 90%; }
.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(2) .item .bar{ width: 80%; }
.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(3) .item .bar{ width: 82%; }
.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(4) .item .bar{ width: 75%; }
.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(5) .item .bar{ width: 78%; }
.sub01_5 .keywordContainer.active .keywordWrap > li:nth-child(6) .item .bar{ width: 70%; }

@media screen and (max-width: 1530px) { 
	.sub01_5 .keywordContainer .keywordWrap{ width: calc(100% + 40px); margin-left: -20px; }
	.sub01_5 .keywordContainer .keywordWrap > li{ padding: 7px 20px; }
}
@media screen and (max-width: 1250px) { 
	.sub01_5 .keywordContainer .keywordWrap > li .item .content{ font-size: 16px; }
}
@media screen and (max-width: 900px) { 
	.sub01_5 .sub-banner{ background-image: url('../img/sub01/sub01_5/banner_mo.png'); }


	.sub01_5 .keywordContainer .keywordWrap{ max-width: 500px; width: 90%; }
	.sub01_5 .keywordContainer .keywordWrap > li{ width: 100%;  }
	.sub01_5 .keywordContainer .keywordWrap > li:nth-child(2n){ display: none; }
	.sub01_5 .keywordContainer .keywordWrap > li .item{ border-radius: 10px; }


	.sub01_5 .slideContainer .reviewSlide .item{ padding: 0 9vw; }
	.sub01_5 .slideContainer .btnWrap > li button img{ width: 9vw; }

	.sub01_5 .listContainer .listWrap > li .item .title{ font-size: 20px; }
	.sub01_5 .listContainer .listWrap > li .item .content{ font-size: 16px; }
	.sub01_5 .listContainer .listWrap > li .item .tagList > li .tag{ font-size: 13px; }

	.sub01_5 .listContainer .info{ font-size: 13px; }
}
@media screen and (max-width: 650px) { 
	.sub01_5 .keywordContainer .keywordWrap > li .item .content{ font-size: 13px; }
	.sub01_5 .keywordContainer .keywordWrap > li .item .bar{ padding: 15px 10px; }
	
	.sub01_5 .slideContainer{ margin-top: 72px; }
	.sub01_5 .slideContainer .reviewSlide .item{ padding: 0 13vw; display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.sub01_5 .slideContainer .reviewSlide .item .title_icon{ width: 15px; }
	.sub01_5 .slideContainer .reviewSlide .item .title{ font-size: 15px; margin-top: 19px; }
	.sub01_5 .slideContainer .reviewSlide .item .content{ font-size: 12px; margin-top: 10px; margin-bottom: 19px; }

	.sub01_5 .listContainer{ margin-top: 10px; }
	.sub01_5 .listContainer .listWrap > li .item .title{ font-size: 15px; }
	.sub01_5 .listContainer .listWrap > li .item .content{ margin-top: 13px; font-size: 14px; }
	.sub01_5 .listContainer .listWrap > li .item .tagList{ gap: 4px; }
	.sub01_5 .listContainer .listWrap > li .item .tagList > li .tag{ padding: 5px 9px; font-size: 11px; }
	.sub01_5 .listContainer .info{ margin-top: 19px; font-size: 11px; }
}
@media screen and (max-width: 500px) { 
	.sub01_5 .keywordContainer .keywordWrap > li{ padding: 6px 0; }
	.sub01_5 .keywordContainer .keywordWrap > li .item .content{ font-size: 3vw; }
}

.scroll-top-btn{ display: none; }
@media screen and (max-width: 650px) { 
	.scroll-top-btn{ display: block; position: fixed; transform: translateY(15%); right: 20px; bottom: 20px ; z-index: 99; background-color: transparent; border: none; opacity: 0; transition: transform .5s, opacity .5s; }
	.scroll-top-btn.active{ transform: translateY(0); opacity: 1; }
	.scroll-top-btn img{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); border-radius: 10px; }
}

.footer-section {
    background-color: #434343;
    color: #ffffff;
    font-size: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}


/* videoArti */
.main .videoArti{ overflow: hidden; padding: 100px 0 200px; background-image: url('../img/main/video_arti/background.png'); background-repeat: no-repeat; background-position: right center; background-size: contain; }
.main .videoArti .halfContainer { display: flex; justify-content: space-between; max-width: 1329px; }
.main .videoArti .main_title_box { opacity: 0; font-size: 60px; line-height: 140%; letter-spacing: -4.8px; }
.main .videoArti.active .main_title_box { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .videoArti .sub_title_box { opacity: 0; font-size: 24px; letter-spacing: -1.2px; margin-top: 15px; }
.main .videoArti.active .sub_title_box { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .videoArti .pcBtnWrap { display: block; }
.main .videoArti .moBtnWrap { display: none; }
.main .videoArti .btnWrap { margin-top: 60px; }
.main .videoArti .btnWrap .main-go-story { opacity: 0; max-width: 365px; color: #fff; padding: 10px 84px; background: linear-gradient(92deg, #66A3FF -1.69%, #C7A4FF 100.75%);	gap: 15px; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 700; border-radius: 100px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.main .videoArti.active .btnWrap .main-go-story { animation: 0.5s ease-in-out 0.6s 1 normal forwards running fadeIn; }
.main .videoArti .right { width: 558px; }
.main .videoArti .main_video { opacity: 0; width: 100%; height: 314px; background: #656565; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 15px; }
.main .videoArti.active .main_video { animation: 0.5s ease-in-out 0s 1 normal forwards running fadeIn; }
.main .videoArti .sub_video_wrap { opacity: 0; display: flex; flex-wrap: nowrap; width: 100%; gap: 17px; margin-top: 30px; overflow-x: scroll; overflow-y: hidden; padding-bottom: 10px; }
.main .videoArti.active .sub_video_wrap { animation: 0.5s ease-in-out 0.3s 1 normal forwards running fadeIn; }
.main .videoArti .sub_video_wrap .player { flex: 0 0 auto; width: 270px; height: 155px; border-radius: 10px; background: #D9D9D9; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.main .videoArti .sub_video_wrap::-webkit-scrollbar { height: 7px; }
.main .videoArti .sub_video_wrap::-webkit-scrollbar-track { background: #ddd; border-radius: 10px; }
.main .videoArti .sub_video_wrap::-webkit-scrollbar-thumb { background: #666; border-radius: 10px; }

@media screen and (max-width: 1250px) { 
	.main .videoArti .halfContainer { max-width: none; flex-wrap: wrap; justify-content: center; }
	.main .videoArti .halfContainer .left { width: 100%;  text-align: center; }
	.main .videoArti .halfContainer .right { max-width: 558px; width: 100%;  text-align: center; }
	.main .videoArti .btnWrap { margin: 60px auto 0; }
	.main .videoArti .btnWrap .main-go-story { margin: 0 auto; }
	.main .videoArti .right { margin-top: 50px; }
}
@media screen and (max-width: 650px) { 
	.main .videoArti { padding: 77px 0 34px; }
	.main .videoArti .halfContainer { justify-content: start; }
	.main .videoArti .main_title_box { font-size: 35px; letter-spacing: -2.8px; }
	.main .videoArti .sub_title_box { font-size: 18px;  line-height: 29.5px; letter-spacing: -1.44px; margin-top: 17px; }
	.main .videoArti .pcBtnWrap { display: none; }
	.main .videoArti .moBtnWrap { display: block; }        
	.main .videoArti .btnWrap  { margin: 35px auto 0; }
	.main .videoArti .btnWrap .main-go-story { font-size: 18px; letter-spacing: -0.9px; padding: 1px 53.5px; }
	.main .videoArti .main_video { height: 200px; }
	.main .videoArti .sub_video_wrap { width: calc(100% + 20px); gap: 20px; padding-right: 20px; }
	.main .videoArti .sub_video_wrap .player { width: 194px; height: 111px; }
}