/*---common css---*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
:root {
	/*color*/
	--color-base: #000;
	--color-point01: #ffa201;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--font-size-22: 1.375rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem;
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-35: 2.188rem; 

	--font-size-40: 2.5rem; 
	--font-size-45: 2.813rem; 
	--font-size-50: 3.125rem; 
	--font-size-55: 3.438rem; 
	--font-size-60: 3.75rem; 
	--font-size-70: 4.375rem; 
	
	--font-size-80: 5rem;
	--font-size-90: 5.625rem;
	--font-size-100: 6.25rem;
	--font-size-200: 12.5rem;
	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
}

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);}
.fs_22{font-size: var(--font-size-22);}
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);}
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_35{font-size: var(--font-size-35);}
.fs_40{font-size: var(--font-size-40);}
.fs_45{font-size: var(--font-size-45);}
.fs_50{font-size: var(--font-size-50);}
.fs_55{font-size: var(--font-size-55);}
.fs_60{font-size: var(--font-size-60);}
.fs_70{font-size: var(--font-size-70);}
.fs_80{font-size: var(--font-size-80);}
.fs_90{font-size: var(--font-size-90);}
.fs_100{font-size: var(--font-size-100);}
.fs_200{font-size: var(--font-size-200);}




/*font color*/

.fc_f {color:#fff;}
.fc_p {color:#0091f0;}
/*font weight*/

.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb{font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/
/*totop*/
.t_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.t_motion.common_motion.on {transform: translateY(0);opacity: 1;}

/*tobottom*/
.t_motion.top_to_bottom {transform: translateY(-25px); /* �꾩뿉�� �꾨옒濡� �섑��섍린 �꾪븳 珥덇린 �꾩튂 */opacity: 0;transition: transform .8s ease, opacity .4s;}
.t_motion.top_to_bottom.on {transform: translateY(0); /* �먯쐞移� */ opacity: 1;}

/*toright*/
.t_motion.left_to_right {transform: translateX(-25px); /* �쇱そ�먯꽌 �ㅻⅨ履쎌쑝濡� �섑��섍린 �꾪븳 珥덇린 �꾩튂 */opacity: 0;transition: transform .8s ease, opacity .4s;}
.t_motion.left_to_right.on {transform: translateX(0); /* �먯쐞移� */opacity: 1;}

/*toleft*/
.t_motion.right_to_left {transform: translateX(25px); /* �ㅻⅨ履쎌뿉�� �쇱そ�쇰줈 �섑��섍린 �꾪븳 珥덇린 �꾩튂 */ opacity: 0;transition: transform .8s ease, opacity .4s;}
.t_motion.right_to_left.on {transform: translateX(0); /* �먯쐞移� */opacity: 1;}

.t_delay_01{transition-delay: .2s !important;}
.t_delay_02{transition-delay: .4s !important;}
.t_delay_03{transition-delay: .6s !important;}
.t_delay_04{transition-delay: .8s !important;}


/*--- common ---*/
.sectionPd {padding:150px 0;}
.mainSec01Inner {max-width:1920px; width:100%; margin:0 auto;}
.pt0 {padding-top:0 !important;}
.color01 {color:var(--color-point01);}
.comTit {text-align:center;}
.comTit h4 {letter-spacing:0.4em;}
.comTit h2 {margin-top:40px;}
.comTit p {color:#7a7a7a; margin-top:40px;}


@media screen and (max-width:1480px){
.sectionPd {padding:120px 0;}

}

@media screen and (max-width:1080px){
.sectionPd {padding:100px 0;}
.comTit h2 {margin-top:30px;}
}

@media screen and (max-width:767px){
.sectionPd {padding: 70px 0;}

.comTit h2{font-size: 36px;margin-top: 20px;}
}

/*--- head ---*/
#t_header {height:100px; position:absolute;; z-index:90; width:100%; left:0; top:0; background:#fff; border-bottom:1px solid #eee;} 
.hdWrap {max-width:1820px; width:90%; margin:0 auto; display: flex; align-items: center;justify-content: space-between; height:100%;}

#t_header > .hdWrap >nav {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%;z-index:10;}
#t_header > .hdWrap > nav > .t_gnb {display:flex; align-items:center; height:100%;}
#t_header > .hdWrap > nav > .t_gnb > li {height:100%; position:relative; width:110px;transition: width .5s ease; /* 遺��쒕윭�� �꾪솚 �④낵 */}
#t_header > .hdWrap > nav > .t_gnb > li:hover::after {opacity:1;}
#t_header > .hdWrap > nav > .t_gnb > li::after {content: ""; position: absolute; bottom: -3.5px; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; background-color:#f4ac00;z-index: 1;opacity: 0; transition: opacity .3s;}

#t_header > .hdWrap > nav > .t_gnb > li::first-child {padding-left:0;}
#t_header > .hdWrap > nav > .t_gnb > li::last-child {padding-right:0;}
#t_header > .hdWrap > nav > .t_gnb > li > a  {text-align:center; display:block; height:100%; line-height:100px; font-size:var(--font-size-17); font-weight:600;}






.my_members {display:flex; align-items:center; gap:10px;}
.my_members i img {display:block;}
.gnbBtn {width:25px; height:18px; position:relative;}
.gnbBtn span {width: 100%; display:block; position:absolute; background:#000; height:2px;}
.gnbBtn span:nth-of-type(1) {width: 100%; right:0; top:0;}
.gnbBtn span:nth-of-type(2) {width: 70%; top:50%; right:0; transform:translateY(-50%);}
.gnbBtn span:nth-of-type(3) {width: 100%; bottom:0; right:0;}

.gnb_bg {border-top:1px solid #f4f4f4; position: absolute; top: 100%; left: 0;  width: 100%;background: #fff; display:none; box-shadow: 0 20px 20px 1px rgba(0, 0, 0, .03);}
.gnb_bg h3 {position: absolute; bottom: 40px; left: 0; color: #e0e8ee; line-height: 110%;}

@media screen and (max-width: 720px){
	
	.gnbBtn {width: 22px;height: 16px;}
	.gnbBtn span:nth-of-type(2){width: 80%;}
}

/*hover motion*/

#t_header > .hdWrap > nav > .t_gnb > li {width:120px;}
#t_header > .hdWrap > nav > .t_gnb.wide > li {width: 140px;}


/*2depth*/
#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 {margin-top:20px;left:110%;display:none;width:260px;padding: 15px; background:#f4f4f4; border-radius:10px;}
#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 > li {display:inline-block; vertical-align:top; width:calc(50% - 10px);}
#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 > li > a {text-align:unset; font-size:14px;}
#t_header ul.depth02 {display:none;left: 50%;top: 100%;width: 100%; transform: translateX(-50%); position: absolute;z-index: 1; padding:10px 0;}
#t_header ul.depth02 > li > a{transition:0.28s;display: block; color: #000; font-weight: 500;font-size: 16px; padding: 9px; transition: All 0.28s ease; text-align:center;}
#t_header ul.depth02 > li > a:hover {color:#f4ac00;}


#t_header ul.depth02 > li > a i{position: relative;}
#t_header ul.depth02 > li > a i:after {content: "";position: absolute;bottom: -2px;left: auto;right: 0;width: 0;height: 1px;background: #f4ac00;z-index: 1;transition: width .45s ease;}
#t_header ul.depth02 > li > a:hover i:after {width:100%; left:0; right:auto;}
.utilBox ul {display:flex; align-items: center;}
.utilBox ul li{margin-left:24px;}
.utilBox ul li:last-child{margin-left: 40px;}
.utilBox ul li a {transition:0.28s;}
.utilBox ul li a i {position:relative}
/*.utilBox ul li a i:after {content: "";position: absolute;bottom: -2px;left: auto;right: 0;width: 0;height: 1px;background: #f4ac00;z-index: 1;transition: width .45s ease;}*/
/*.utilBox ul li a:hover i:after {width:100%; left:0; right:auto;}*/
.down_btn {position: absolute;right: 10%; top: 50%;}
.down_btn.down02 {position: absolute;right: 10%; top: 70%;}
.down_btn>div{position: relative;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;width: 245px;height: 56px;padding: 0 29px;border: 1px solid #d8d8d8;transition: all .3s;}
.down_btn:hover>div{border-color: #000;}
.down_btn>div span{position: relative;z-index: 1;-webkit-text-stroke: 0.02em;transition: color .3s;}
.down_btn>div:before, .down_btn>div:after{content: '';display: block;position: absolute;}
.down_btn>div:before{border-radius: 1px;width: 2px;top: 50%;right: 25px;height: 15px;margin: -9px 0 0 0;background: #231815;}
.down_btn>div:after{width: 244px;height: 56px;border-radius: 0 0 80% 80%;background: var(--success);top: 0;left: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.down_btn>div svg{display: block;position: absolute;width: 20px;height: 16px;right: 16px;top: 50%;margin: -7px 0 0 0;fill: none;z-index: 1;stroke-width: 2px;stroke: #231815;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#t_header.active {position:fixed;left:0; top:0; width:100%;}



@media screen and (max-width:1480px){
    #t_header > .hdWrap > nav > .t_gnb > li {width:100px;}
	#t_header > .hdWrap > nav > .t_gnb.wide > li {width: 120px;}
	#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 {left:110%;}
	.utilBox ul li {margin-left:15px;}
	.utilBox ul li:last-child{margin-left: 28px;}
	
	#t_header ul.depth02 > li > a{padding: 6px;}
	#t_header ul.depth02 > li > a i{font-size: 14px;}
	
	#t_header {height:80px;}
	#t_header > .hdWrap > nav > .t_gnb > li > a{line-height: 80px;}
	.gnb_bg h3{bottom: 30px;}
}

@media screen and (max-width:1281px){
    #t_header > .hdWrap > nav > .t_gnb > li {width:90px;}
	#t_header > .hdWrap > nav > .t_gnb.wide > li {width: 110px;}
	#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 {left:120%;}

	#t_header  ul.depth02 > li > a {font-size:15px; padding:9px 5px;}
}

@media screen and (max-width:1220px){
    #t_header > .hdWrap > nav > .t_gnb > li {width:70px;}
	#t_header > .hdWrap > nav > .t_gnb.wide > li {width: 90px;}
	#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 {left:140%;}
	
	#t_header  ul.depth02 > li > a {font-size:12px; padding:9px 5px;}
	#t_header > .hdWrap > nav > .t_gnb > li.t_menu_6 ul.depth02 > li > a {font-size:12px;}
	.my_members {gap:4px;}
}

@media screen and (max-width:1041px){
#t_header > .hdWrap > nav > .t_gnb {display:none;}

.utilBox ul li:last-child{display:block;}

}

@media screen and (max-width:767px){
.hdLogo img {width:83%;}
#t_header {height:60px;}
.utilBox ul li {display:none;}
.utilBox ul li:last-child{display:block;}
}
@media screen and (max-width:720px){

}

/*siteMap*/

.allSiteMap {z-index:90;position:fixed; top:0; left:0; width:100%; height:100vh; background:url(/img/main/gnb_bg.jpg) no-repeat center / cover;}
.allSiteMap::after { content: ''; position: absolute;  top: 0; left: 0; width: 100%;  height: 100%;background: linear-gradient(to bottom, #fff 0%, #fff 50%, transparent 100%);pointer-events: none;}
.allSiteMap .t_gnb {height:100%;}
.allSiteMap .t_gnb > li {    position: relative; width: 300px;}
.allSiteMap .t_gnb > li + li {margin-top:25px;}
.allSiteMap .t_gnb > li > a {display:block; width:100%; font-size:var(--font-size-35); font-weight:700; color:#000;}
.allSiteMap .t_gnb > li > a i {position:relative;}
.allSiteMap .t_gnb > li.t_menu_6  > a i::after {content:'';position:absolute; right:-20px; top:-3px; width:10px; height:10px; border-radius:10px; background:#08264a;}


.allSiteMap .t_gnb > li > ul { opacity: 0;visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;display:flex; align-items:center; gap:40px; position:absolute; left:109%; width:780px; height:100%; top:0;}
.allSiteMap .t_gnb > li > ul li a {font-weight:500; color:#c9d1da; font-size:var(--font-size-20); transition:.28s;}
.allSiteMap .t_gnb > li > ul li a:hover {color:#08264a;}
.allSiteMap .t_gnb > li.t_menu_6 ul.depth02 li a:hover {color:#fff;}
.allSiteMap .t_gnb > li.t_menu_6 ul.depth02 { margin-top: 20px; position:relative; box-sizing:border-box;flex-wrap:wrap; gap:0; width:375px; background:#08264a; border-radius:20px; color:#fff; padding:30px; left:0;}
.allSiteMap .t_gnb > li.t_menu_6 ul.depth02 li{width:33.33%; padding:10px; box-sizing:border-box;}
.allSiteMap .t_gnb > li.t_menu_6 ul.depth02 li a {opacity: 0; transition: opacity 0.3s ease; font-size:var(--font-size-18); }
.allSiteMap .t_gnb > li.view ul.depth02 {opacity: 1; visibility: visible;}
.allSiteMap .t_gnb > li.view ul.depth02 li a {opacity: 1;}

/* 踰꾪듉 �ㅽ��� */
button.allClose {position:absolute; right:80px; top:30px; z-index:91; width: 50px; height: 50px;background: none; border: none;cursor: pointer;}
button.allClose span { position: absolute; width: 40px;  height: 1px; background-color: #000; /* �먰븯�� �됱긽 */  border-radius: 5px; /* 紐⑥꽌由� �κ�寃� */ top: 50%; left: 50%; transform-origin: center; transform: translate(-50%, -50%);}
button.allClose span:first-child { transform: translate(-50%, -50%) rotate(45deg);}
button.allClose span:last-child { transform: translate(-50%, -50%) rotate(-45deg);}

/*moSiteMap*/
.mobileSiteMap {z-index:90;position:fixed; top:0; left:0; width:100%; height:100vh; background:url(/img/main/gnb_bg.jpg) no-repeat center / cover;}
.mobileSiteMap .t_gnb {display: flex;justify-content: center;flex-direction: column;align-items: center; height: 100%;gap: 30px; }
.mobileSiteMap .t_gnb > li > a {display:block; font-size:var(--font-size-25); font-weight:700; text-align:center;}
.mobileSiteMap .t_gnb > li > .depth02 > li a {transition:0.28s; display:block; text-align:center; color:#8e8c8c; font-size:20px; font-weight:500; padding:20px 0;}
.mobileSiteMap .t_gnb > li > .depth02 > li + li a {padding-top:0;}
.mobileSiteMap .t_gnb > li > .depth02 > li a:hover {color:#003b85;}
.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02 {font-size:0; letter-spacing:-4px; box-sizing:border-box;margin:0 auto;}
.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02 > li {display:inline-block; vertical-align:top; width:25%;}
.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02 > li > a {padding:10px 0; letter-spacing:-0.03em;}
.mobileSiteMap .t_gnb li ul {display:none;}


/*mo濡쒓렇�� 踰꾪듉*/
.mobileMembers {position: absolute;left: 20px; top: 20px;z-index: 90;}
.mobileMembers ul {display:flex; gap:10px; align-items:center;}
.mobileMembers ul a {display:flex;}
/* 怨듯넻 �ㅽ��� */
.allSiteMap,.mobileSiteMap { transform: translateY(-100%); opacity: 0;transition: transform 0.5s ease, opacity 0.5s ease;}

/* �쒖꽦�� �곹깭 */
.allSiteMap.open,.mobileSiteMap.open {  transform: translateY(0);opacity: 1;}


@media screen and (max-width:1580px){
.allSiteInner {left:50%;}
.allSiteMap .t_gnb > li > ul {gap:20px;}
}

@media screen and (max-width:1480px){
.allSiteMap .t_gnb > li > ul {left:80%;}
}


@media screen and (max-width:1080px){
.allSiteInner {left:25%;}
.allSiteMap .t_gnb > li > ul {left:60%;}
}

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

}

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

}
	
@media screen and (max-width:767px){
	.allSiteMap {display:none;}
	button.allClose {right: 5%; top: 0;width: 20px;height: 60px;}
}

@media screen and (max-width:720px){
	.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02  {max-width: 100%; margin-top: 15px;}
	.mobileSiteMap .t_gnb > li > a  {font-size:28px;}
	.mobileSiteMap .t_gnb > li > .depth02 > li a  {font-size: 18px; padding:10px 0;color: #8fa3b1;}
	.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02  li a {font-size: 14px;}
	.mobileSiteMap .t_gnb > li.t_menu_6 > ul.depth02 > li > a{padding: 8px 0;}
	.mobileSiteMap .t_gnb {gap:20px;}
	button.allClose span {width:20px; height:1px;}
}

/*mainVisual*/
.mainVisual {width:100%; height:100vh;background: #000;position: relative;}
.mainTit {position:absolute; left:0; bottom: 320px; color:#003b85; z-index:11;}
.mainTit h2 {line-height: 110%;}

.videoBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoBox video{width: 100%;height: 100%;pointer-events: none;object-fit: cover;}

.circle {position:relative;}
.pauseBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:10px; cursor:pointer;}
.pauseBox figure img {display:block;}
svg {width: 70px; height: 70px;}
.main_progress_circle.on #svgAni01 {stroke-dasharray: 358; stroke-dashoffset: 358; animation: ani1 5s linear 0s forwards;}

@keyframes ani1 { 
    0% {stroke-dashoffset : 358;} 
    100% {stroke-dashoffset : 0;} 
}
.main_progress_circle {position:absolute; left:0; bottom: 70px; z-index:9;}


@media screen and (max-width:1041px){
/*.mainVisual {margin-top:80px;}*/
}

@media screen and (max-width:767px){
/*	.mainVisual {margin-top:60px;}*/
	.mainTit h2 {font-size:50px}
	.mainTit h2 em{font-size:50px;}
	.mainTit h4 {font-size:40px;} 
	.mainTit {bottom:150px;}
	.main_progress_circle {bottom:50px;}
}

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

}




/*mainSection01*/
.sec01List {display:flex; align-items:center;}
.ms01Desc {position:absolute; left:50px; top:100px; color:#fff; width:100%;  }
.ms01Desc h2 {margin-top:35px; word-break:keep-all;}
.ms01Desc h4 {letter-spacing:0.5em; word-break:keep-all;}
.sec01List li {width:50%; position:relative;}
.sec01List li:nth-of-type(2) {padding-left:162px;}
.sec01List li img {display:block; width:100%; height:100%; position:relative}
.sec01List li img::after {content: "";display: block; padding-bottom: 100%;}

.ms01_content {position:relative;}
.sec01List li .ms01_content::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #fff;z-index: 10;     transition: width 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);   -webkit-transition: width 1s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.sec01List li figure{overflow: hidden; position: relative;}
.sec01List li figure::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 2;opacity: 0;transition: opacity .3s ease;}
.sec01List li figure::after{z-index: 1;}
.sec01List li.on .ms01_content::after{width: 0;}




.sec01Desc h2 {line-height:1.37em;}
.sec01Desc p {color:#464646; line-height:1.83em;}
.sec01Desc p:nth-of-type(1) {margin-top: 60px;}
.sec01Desc p:nth-of-type(2) {margin-top: 25px;}

.sec01Btn {position:relative; transition:0.28s;display:block; max-width:180px; height:50px; border-radius:50px; background:#000; color:#fff; font-size:var(--font-size-18); font-weight:500; line-height:50px; text-align:Center; margin-top: 60px;}
.sec01Btn:hover {background:#f4ac00;}
.link_arr {transition:0.28s; opacity:0; position:absolute !important; left:50%; top:50%; transform:translate(-50%, -50%); width:7px !important; height:12px !important;}
.sec01Btn:hover .link_arr {opacity:1; left:85%;}

@media screen and (max-width:1280px){
.sec01List li:nth-of-type(2) {padding-left:100px;}
.ms01Desc h2 {margin-top:20px; font-size:40px;}

}

@media screen and (max-width:1200px){
.sec01List li:nth-of-type(1) {width:70%;}
.sec01List li:nth-of-type(2) {padding-left:50px;}
}

@media screen and (max-width:1140px){
.sec01List li:nth-of-type(1) {width:50%;}
.sec01List li:nth-of-type(2) {width:50%;}
.sec01Desc p:nth-of-type(1) {margin-top:50px;}
.sec01Desc p:nth-of-type(2) {margin-top:25px;}
}

@media screen and (max-width:1080px){
.sec01List {flex-wrap:wrap; }
.sec01List li:nth-of-type(1) {width:100%;}
.sec01List li:nth-of-type(2) {width:100%; padding-left:0;}
.ms01Desc  {left:50%; top:50%; transform:translate(-50%, -50%); text-align:Center;}
.sec01Desc {text-align:center; margin-top:70px;}
.sec01Btn {margin:70px auto 0 auto; height:40px; line-height:40px;}
}


@media screen and (max-width:767px){
.ms01Desc h2 {font-size:35px;}
.sec01Desc {text-align:center; margin-top:35px;}
.sec01Desc p:nth-of-type(1) {margin-top:25px;}
.sec01Btn {margin:35px auto 0 auto; width:160px; height:50px; line-height:50px; font-size:16px;}
.ms01Desc h4 {font-size:15px;}
.sec01Desc h2 {font-size:30px;}
.sec01Desc p {font-size:15px;line-height: 1.7em;}
.sec01Desc p:nth-of-type(1) {margin-top:20px;}
.sec01Desc p:nth-of-type(2) {margin-top:20px;}
}

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

}




/*mainSection02*/

.sec02Nav ul {margin:0 auto; display:flex; align-items:center;gap:60px;     justify-content: center;}
.sec02Nav ul li a {position:relative; display:block; color:#a4a4a4; font-size:var(--font-size-18); font-weight: 500; text-align:center; box-sizing:border-box;}
.sec02Nav ul li.active a {color:#fff; text-align:center; background:#f4ac00; border-radius:45px; padding:12px 41px; }

.sec02Nav {margin-top:80px;}

.sec02NavList {margin-top:70px; position:relative;}
.sec02NavList ul {display:flex;}
.sec02NavList ul li {width:calc((100% - 40px*3)/4); margin-right:40px;}

.sec02NavList ul li:last-child {margin-right:0;}
.sec02NavList ul li figure {border-radius:10px; overflow:hidden;border: 1px solid #e9e9e9;}
.sec02NavList ul li figure img {width:100%;}

.ms02NavDesc {margin-top:28px;}
.ms02NavTit {display:flex; justify-content:space-between}
.ms02NavTit span {color:#949494;}
.ms02NavTxt {margin-top:18px;}
.ms02NavTit h2 {overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.ms02NavTxt p {word-break: keep-all; width:100%;overflow: hidden;text-overflow: ellipsis; color:#949494; line-height:1.5em; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ms02_btn {position:relative; transition:0.28s; margin:56px auto 0 auto; display:block; max-width:250px; height:60px; border-radius:60px; background:#000; color:#fff; text-align:center; line-height:60px; }
.ms02_btn:hover {background:#f4ac00;}
.ms02_btn:hover .link_arr {opacity:1; left:85%;}

.swiper-button-next.ms02_next, .swiper-button-prev.ms02_prev{top: calc( 50% - 60px );}

.swiper-button-next.ms02_next {right:-100px;}
.swiper-button-prev.ms02_prev {left:-100px;}
.swiper-button-next, .swiper-button-prev {top:auto; margin-top:0;}
.swiper-button-next.ms02_next {transition:0.28s; background: url(/img/icon/ms02_next.png) no-repeat center / cover; width:60px; height:60px;}
.swiper-button-next.ms02_next:hover {background: url(/img/icon/ms02_next_c.png) no-repeat center / cover; }

.swiper-button-prev.ms02_prev {transition:0.28s; background: url(/img/icon/ms02_prev.png) no-repeat center / cover; width:60px; height:60px;}
.swiper-button-prev.ms02_prev:hover {background: url(/img/icon/ms02_prev_c.png) no-repeat center / cover; }

.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.ms02SwipPage {height:60px; z-index: 10; width:100%; max-width: 1700px; position: absolute; top: 40%;left: 50%; transform: translate(-50%, -50%);}



@media screen and (max-width:1701px){
.swiper-button-next.ms02_next {right:-50px;}
.swiper-button-prev.ms02_prev {left:-50px;}
}

@media screen and (max-width:1280px){
.ms02NavTit {flex-wrap:wrap; gap:10px; flex-direction: column-reverse;}
.ms02NavTit h2 {width:100%;}
.ms02SwipPage {top:35%; height:50px;}
.swiper-button-next.ms02_next, .swiper-button-prev.ms02_prev{top: calc( 50% - 50px );}
.swiper-button-next.ms02_next {right:-25px; width:50px; height:50px}
.swiper-button-prev.ms02_prev {left:-25px; width:50px; height:50px}

}

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

.ms02SwipPage {top:30%; height:40px;}
.swiper-button-next.ms02_next {right:-20px; width:40px; height:40px}
.swiper-button-prev.ms02_prev {left:-20px; width:40px; height:40px}

}



@media screen and (max-width:767px){
.sec02Nav ul {gap:15px;}
.sec02Nav ul li.active a {padding:10px 20px;}
.ms02SwipPage, .swiper-button-next.ms02_next, .swiper-button-prev.ms02_prev{display:none;}
.ms02_btn {width: 195px; margin: 35px auto 0 auto; height: 50px; line-height: 50px;font-size: 15px;}
}

@media screen and (max-width:720px){
.sec02Nav {margin-top: 35px;}
.sec02NavList {margin-top:30px;}
.sec02Nav ul {flex-wrap:wrap;}
.sec02Nav ul li {width:calc(33.33% - 15px);}

.sec02Nav ul li a{font-size: 15px;}
}







/*mainSection03*/
.mainSec03 {background:url(/img/main/ms03_bg.jpg) no-repeat center / cover;}
.ms03List {display:flex; margin-top:63px;}
.ms03List li {width:calc((100% - 40px*3)/4); margin-right:40px;}
.ms03List li p {transition:0.28s;}
.ms03List li:hover > p {color:#ffa201;}
.ms03List li figure {    box-shadow: 3px 6px 16px 2px rgba(0, 0, 0, 0.1);}
.ms03List li figure img {width:100%;}
.ms03List li:nth-of-type(4n) {margin-right:0;}
.ms03_txt {text-align:center; margin-top:28px;}




@media screen and (max-width:1080px){
.ms03List li {width:calc((100% - 20px*3)/4); margin-right:20px;}
}


@media screen and (max-width:767px){
.ms03List {flex-wrap:wrap;}
.ms03List li {width:calc((100% - 15px)/2); margin-right:15px;}
.ms03List li:nth-of-type(2n) {margin-right:0;}
.ms03List li:nth-of-type(n + 3) {margin-top:20px;}
.ms03_txt {margin-top:15px;}
.ms03List {margin-top:33px;}
}

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

}





/*mainSection04*/

.ms04List {display:flex;}
.ms04List li {position:relative; padding:100px; box-sizing:border-box;width:calc((100% - 35px)/2); margin-right:35px; border-radius:15px; overflow:hidden;}
.ms04List li::after {content: '';position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: linear-gradient(45deg, #ffd800, #ffae42); opacity: 0; z-index: 1; transition: 0.28s;}
.ms04List li:hover::after {opacity:0.76;}
.ms04List li:hover .ms04DescBox {z-index:10;}
.ms04List li:nth-of-type(1) {background:url(/img/main/ms04_bg01.jpg) no-repeat center / cover;}
.ms04List li:nth-of-type(2) {margin-right:0; background:url(/img/main/ms04_bg02.jpg) no-repeat center / cover;}

.ms04DescBox {position:relative;}
.ms04DescBox h2 {color:#fff; text-align:Center;}
.ms04DescBox h4 {color:rgba(255,255,255,.9); line-height:1.5em; margin-top:26px; text-align:Center;}
.ms04_link {position:relative; transition:0.28s;display:block; max-width:180px; height:50px; text-align:center; margin:36px auto 0 auto; color:#fff; border-radius:25px; border: 1px solid #fff; line-height:50px;}
.ms04_link:hover {background:#000; border-color:#000;}
.ms04_link:hover .link_arr {opacity:1; left:85%;}


@media screen and (max-width:1020px){
 .ms04List li {padding:50px;}
}


@media screen and (max-width:767px){
.ms04List {flex-wrap:wrap; gap:20px;}
.ms04List li {width:100%; margin-right:0;}
.ms04_link {max-width:135px; height:40px; line-height:40px;}

}

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

}



/*mainSection05*/

.mainSec05 {padding:100px 0; background:url(/img/main/ms05_bg.jpg) no-repeat center / cover; width:100%;}
.mainSec05 .comTit h4 {letter-spacing:0.5em}
.mainSec05 .comTit h2 {line-height:1.37em;}
.ms05_link {position:Relative; transition:0.28s;display:block; margin:36px auto 0 auto; border-radius:30px; text-align:center; width:210px; height:50px; line-height:50px; border:1px solid #000; }
.ms05_link:hover {color:#fff; border-color:#f4ac00; background:#f4ac00;}
.ms05_link:hover .link_arr {opacity:1; left:90%;}
@media screen and (max-width:1020px){

}

@media screen and (max-width:767px){
.mainSec05 {padding:80px 0;}
.ms05_link {max-width:170px; height:40px; line-height:40px;}
}

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

}


/*ft_inner*/
#t_footer {background:#000; padding:60px 0;}
.ft_inner {max-width:1820px; width:90%; margin:0 auto; height:100%;}
.ftTop {display:flex;     justify-content: space-between; width:100%;}
.ftLink ul {display:flex; gap:15px; align-items:center;}
.ftLink ul li {width:24px; height:24px;}
.ftLink ul li a {display:block; width:100%; height:100%;}
.ftLink ul li a img {max-width:100%;}

.ml19 {margin-left:19px;}
.ftBot {margin-top:30px;}
.ftbotLt p {color:rgba(255,255,255, 0.4); line-height:1.73em;}
.ftBot {display:flex;align-items: flex-end;justify-content: space-between; width:100%;}
.ftbotRt {}
.ftbotRt ul {display:flex;justify-content: flex-end;}
.ftbotRt ul li + li {margin-left:20px;}
.ftbotRt ul li a {color:#fff; transition:0.28s;}
.ftbotRt ul li a i{position:relative;}
.ftbotRt ul li a:hover {color:#f4ac00;}
/* .ftbotRt ul li a i::after {content: "";position: absolute;bottom: -2px;left: auto;right: 0;width: 0;height: 1px;background: #f4ac00;z-index: 1;transition: width .45s ease;} */
/* .ftbotRt ul li a i:hover:after {width:100%; left:0; right:auto;} */


.ftbotRt p.copy_p {color:rgba(255,255,255, 0.3); margin-top:20px; text-align:right;}

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

.ftLink ul {gap:10px;}
.ftLink ul li {width:16px; height:16px;}
.ftBot {margin-top:15px; flex-wrap:wrap;}
.ftbotLt {width:100%;}
.ftbotRt {width:100%; margin-top:15px;}
.ftbotRt ul { justify-content: flex-start;}
.ftbotRt p.copy_p {text-align:unset;}
}

@media screen and (max-width:767px){
#t_footer {padding:40px 0;}
.ftTop > a img {width:83%;}
.ftbotRt ul {flex-wrap:wrap; gap:5px;}
.ftbotRt ul li {width:100%;}
.ftbotRt ul li + li {margin-left:0;}
.ftTop {flex-wrap:wrap;}
.ftLink {width:100%; margin-top:15px;}
.ml19 {margin-left:10px;}
}

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

}

/*sidemenu

.sideQ {position:fixed; right:50px; bottom:50px; width:75px; z-index:89;}
.sideQList {display:flex;  display: flex; align-items: center; flex-direction: column; gap: 10px;}
.sideQList li a img {width:100%;}


@media screen and (max-width:767px){
.sideQList {gap:5px;}
.sideQ {right:10px; width:60px; bottom:30px;}

}*/

/*-- 2025.01.20 - TETRAPOD KSH --*/
@media screen and (max-width:720px){
	
	.ms02NavDesc{margin-top: 15px;}
	
	.ms02NavTit span{font-size: 15px;}
	.ms02NavTit h2{font-size: 15px;}
	.ms02NavTxt{margin-top: 10px;}
	.ms02NavTxt p{font-size: 14px;}
	
	.comTit p{font-size: 15px;margin-top: 20px;}
	
	.ms04List{gap: 15px;}
	.ms04List li{padding: 35px;}
	
	.ms04DescBox h2{font-size: 32px;}
	.ms04DescBox h4{font-size: 15px;margin-top: 10px;}
	
	.ms04_link, .ms05_link{height: 50px;line-height: 50px;font-size: 15px;margin-top: 20px;}
	
	.mainSec05{padding: 50px 0;}
	.mainSec05 .comTit h4{font-size: 15px;letter-spacing: 0.4em;}
	.mainSec05 .comTit h2{font-size: 30px;line-height: 1.3em;}
	
	.ftLink{margin-top: 20px;}
	.ftLink ul{gap: 15px;}
	.ftbotLt p{font-size: 13px;}
	.ftbotRt p.copy_p{font-size: 13px;line-height: 150%;}
	
	.ftbotRt ul{gap: 10px;}
	.ftbotRt ul li a{font-size: 13px;}
	
	.mobileMembers{top: auto;bottom: 50px;width: 90%;}
	.mobileMembers ul{gap: 15px;justify-content: center;}
	.mobileMembers ul a{font-size: 13px;}
	.my_members{gap: 6px;}
}

/*-- �앹뾽 --*/
.mbCheck{position: relative;}
.selec_chk{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.mbCheck input[type=checkbox] + label, .mbCheck input[type=radio] + label{display: flex;align-items: center;gap: 10px;cursor: pointer;}
.mbCheck input[type=checkbox] + label span, .mbCheck input[type=radio] + label span{width: 20px;height: 20px;border: 1px solid #dbdbdb;background: #FFF;}
.mbCheck input[type=checkbox]:checked + label span, .mbCheck input[type=radio]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% #222;border-color: #000;}

.pop-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.7);z-index: 1100;}
.pop-inner{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.pop-box{width: 90%;max-width: 930px;background: #FFF;border-radius: 20px;overflow: hidden;}
.pop-top, .pop-btm{display: flex;align-items: flex-start;}
.pop-lft{width: calc( 100% - 230px );}
.pop-rgt{width: 230px;}

#pop-slide, .pop-button{height: 700px;}
#pop-slide .swiper-slide a{display: block;width: 100%;height: 100%;}
#pop-slide .swiper-slide p{display: block;height: 100%;}
#pop-slide .swiper-slide p br{display: none;}
#pop-slide .swiper-slide p img{display: block;height: 100%;}
/*#pop-slide .swiper-slide a, #pop-slide .swiper-slide figure{display: block;width: 100%;height: 100%;}
#pop-slide .swiper-slide figure{background-repeat: no-repeat;background-size: cover;background-position: center;}*/

.pop-button{display: flex;flex-direction: column;}
.pop-button li{flex: 1;max-height: 175px;}
.pop-button li button{display: block;width: 100%;height: 100%;text-align: center;padding: 25px;line-height: 150%;font-weight: 500;word-break: keep-all;border-bottom: 1px solid #dedede;color: #999;}
.pop-button li:nth-child(n+4) button{border-bottom: none;}
.pop-button li.on button{background: #f4ac00;border-color: #f4ac00;font-weight: 600;color: #000;}

.pop-btm{border-top: 1px solid #dedede;}
.pop-btm .mbCheck label{line-height: 55px;font-size: .9375rem;font-weight: 400;padding: 0 18px;}

#pop-close{display: block;width: 100%;line-height: 55px;text-align: center;font-weight: 600;background: #f4f4f4;color: #777;}

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

	.pop-box{max-width: 800px;}
	.pop-lft{width: calc( 100% - 200px );}
	.pop-rgt{width: 200px;}
	
	#pop-slide, .pop-button{height: 600px;}

	.pop-btm .mbCheck label{font-size: 1rem;}
}

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

	.pop-box{max-width: 800px;}
	.pop-lft{width: calc( 100% - 170px );}
	.pop-rgt{width: 170px;}
	
	#pop-slide, .pop-button{height: 520px;}
}

@media screen and (max-width: 720px){
	
	.pop-box{border-radius: 13px;}
	
	.pop-top, .pop-btm{flex-direction: column;}
	.pop-lft, .pop-rgt{width: 100%;}
	
	#pop-slide{height: auto;}
	#pop-slide .swiper-slide p, #pop-slide .swiper-slide p img{width: 100%;height: auto;}
	#pop-slide .swiper-slide p{font-size: 0;line-height: 0;}

	.pop-button{flex-direction: row;height: auto;}
	.pop-button li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.pop-button li button{border-bottom: none;padding: 10px;}
	.pop-button li button span{display: block;font-size: 12px;overflow: hidden;text-overflow: ellipsis;}
	
	.pop-btm .mbCheck label{font-size: 13px;padding: 0 10px;line-height: 45px;}	
	#pop-close{font-size: 15px;line-height: 50px;}
	
	#t_footer{padding-bottom: 90px;}
}

/*-- new right side --*/
.right-side{position: fixed;right: 50px;bottom: 50px;width: 80px;z-index: 89;}
.right-side ul{display: flex;flex-direction: column;align-items: center;background: #FFF;border-radius: 80px;padding: 13px 0;border: 1px solid #dfdfdf;
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,.05);
	box-shadow: 3px 3px 15px rgba(0,0,0,.05);
}
.right-side ul li{position: relative;}
.right-side ul li::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 45px;height: 1px;background: #dfdfdf}
.right-side ul li:last-child::after{display: none;}
.right-side ul li a{display: block;width: 100%;height: 100%;padding: 18px 0;}
.right-side ul li figure{display: flex;justify-content: center;align-items: center;width: 24px;height: 24px;background: #FFF;margin: 0 auto;margin-bottom: 10px;}
.right-side ul li img{display: block;margin: 0 auto;}
.right-side ul li h4{font-size: 13px;font-weight: 600;letter-spacing: -0.04em;text-align: center;line-height: 120%;}

@media screen and (max-width: 1480px){
	
	.right-side{right: 30px;bottom: 30px;width: 75px;}
	.right-side ul{padding: 10px 0;}
	.right-side ul li::after{width: 40px;}
	.right-side ul li a{padding: 15px 0;}
	.right-side ul li img{max-height: 26px;}
	.right-side ul li h4{font-size: 12px;}
}

@media screen and (max-width: 720px){
	
	.right-side{right: 5%;bottom: 20px;width: 90%;}
	.right-side ul{flex-direction: row;padding: 0;}
	.right-side ul li{flex: 1;}
	.right-side ul li::after{bottom: 50%;left: auto;right: 0;transform: translateY(50%);width: 1px;height: 24px;}
	.right-side ul li a{padding: 15px 0;}
	.right-side ul li figure{margin-bottom: 0;}
	.right-side ul li img{max-height: 23px;}
	.right-side ul li h4{font-size: 11px;display: none;}
	/*.right-side ul li h4 br{display: none;}*/
}


/*++ �꾩껜 硫붾돱 蹂�寃�*/

.allSiteMapV2 {    border-radius: 20px 0 0 20px;box-shadow: 6px 0 15px rgba(0, 0, 0, 0.15); background:#fff; position:fixed; right:0; height:100vh; width:100%; max-width:360px; z-index:99; overflow:hidden;     transition: transform 0.3s ease, opacity 0.3s ease;transform: translateX(100%); opacity: 0;}
.allSiteMapV2 > .allInner {width:90%; margin:100px auto 0 auto; height:calc(100vh - 100px); overflow-y:auto; padding-bottom:20px; scrollbar-width:thin; scrollbar-color:#f4ac00 #eee; border-radius:10px;}
.allSiteMapV2 > .allInner::-webkit-scrollbar {width:8px; border-radius:10px;}
.allSiteMapV2 > .allInner::-webkit-scrollbar-thumb {background:#f4ac00; border-radius:10px;}
.allSiteMapV2 > .allInner::-webkit-scrollbar-track {background:#eee; border-radius:10px;}
.allSiteMapV2 > .allInner > .t_gnb .depth02 {display:none; /*background:#f4ac00;*/}
.allSiteMapV2 > .allInner > .t_gnb > li:hover > a {color:#f4ac00;}
/* .allSiteMapV2 > .allInner > .t_gnb > li {border-top:1px solid rgba(0,0,0,0.6);}
.allSiteMapV2 > .allInner > .t_gnb > li:last-child {border-bottom:1px solid rgba(0,0,0, .6);} */
.allSiteMapV2 > .allInner > .t_gnb > li > a {transition:0.28s;font-size:var(--font-size-27); font-weight:600; height:65px; display:flex; align-items:center;}
.allSiteMapV2 > .allInner > .t_gnb .depth02 > li {border-top:1px solid rgba(255,255,255,0.3);}
.allSiteMapV2 > .allInner > .t_gnb .depth02 > li > a {display:block; font-size:var(--font-size-20); font-weight:500; padding:10px; color:#000;}
.allSiteMapV2 > .allInner > .t_gnb .depth02 > li > a i {position:relative;}
.allSiteMapV2 > .allInner > .t_gnb .depth02 > li > a i::after {left:50%; transform:translateX(-50%); transition:0.28s; position:absolute; bottom:-2px; width:0; height:2px; border-radius:3px; background:#f4ac00; content:'';}
.allSiteMapV2 > .allInner > .t_gnb .depth02 > li > a i:hover::after {width:100%;}

.allSiteMapV2 .b_close_btn{position:absolute; right:20px; top:30px; width:35px; height:35px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.allSiteMapV2 .b_close_btn:hover{transform:rotate(90deg); transition:transform .3s;}
.allSiteMapV2 .b_close_btn span{display:block; width:90%; height:2px; background-color:#000; }
.allSiteMapV2 .b_close_btn span:first-child{transform:rotate(45deg)}
.allSiteMapV2 .b_close_btn span:last-child{margin-top:-1px;transform:rotate(-45deg)}

.b_site_bg {    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, .8);    opacity: 0;    visibility: hidden;    transition: opacity 0.3s ease, visibility 0.3s ease;    z-index: 90;}
.b_site_bg.show {opacity: 1; visibility: visible;}

/*-- SMS 臾몄옄 諛쒖넚 --*/
.sms-wrap{position: absolute;bottom: 0;right: calc( 100% + 15px );background: #FFF;border-radius: 15px;overflow: hidden;z-index: 10000;
    box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.15) 0px 12px 60px;
}
.sms-box{width: 445px;padding: 24px;background: #FFF;}

.sms-title{display: flex;justify-content: space-between;margin-bottom: 15px;}
.sms-title h4{font-size: 1.25rem;font-weight: bold;}
.sms-title button{width: 24px;height: 24px;position: relative;}
.sms-title button span{position: absolute;top: 11.5px;left: 0;width: 100%;height: 1px;background: #000;transition: all .3s ease;}
.sms-title button span:nth-child(1){transform: rotate(45deg);}
.sms-title button span:nth-child(2){transform: rotate(-45deg);}

.sms-title button:hover span{transform: rotate(0);}

.sms-cate{display: flex;align-items: center;border-radius: 6px;overflow: hidden;margin-bottom: 20px;}
.sms-cate>li{width: 50%;}
.sms-cate>li>a{display: block;width: 100%;height: 100%;text-align: center;line-height: 48px;color: #999;font-weight: 500;background: #f4f4f4;border-right: 1px solid #dfdfdf;}
.sms-cate>li:last-child>a{border-right: none;}

.sms-cate>li.on>a{background: #f4ac00;color: #FFF;}

.sms-field{position: relative;margin-bottom: 10px;}
.sms-field img{position: absolute;top: 16px;left: 15px;z-index: 1;font-size: 20px;}

.sms-input{display: block;width:100%;height: 50px;line-height: 48px;border: 1px solid #dbdbdb;padding: 0 15px;padding-left: 47px;font-weight: 400;border-radius: 5px;outline: none;background: #f9f9f9;}
.sms-input::placeholder{color: #aaa;}
.sms-input:focus{border-color: #000;}

.sms-textarea{resize: none;min-height: 220px;line-height: 150%;padding-left: 47px;padding-top: 12px;padding-bottom: 12px;}

.sms-byte{display: block;font-size: .9375rem;font-weight: 500;color: #888;}
.sms-byte i{color: #ff7800;}

.sms-submit{display: block;font-weight: 600;line-height: 48px;background: #000;color: #FFF;width: 100%;margin-top: 15px;border-radius: 6px;overflow: hidden;}

@media screen and (max-width: 720px){
	
	.sms-wrap{position: absolute;bottom: 70px;right: 0;width: 100%;}
	.sms-box{width: 100%;padding: 20px;}
	
	.sms-title h4{font-size: 18px;}
	
	.sms-cate>li>a{font-size: 15px;}
	
	.sms-input, .sms-submit{font-size: 15px;}
	
	.sms-textarea{min-height: 160px;}
	
	.sms-byte{font-size: 14px;}
}

/*---媛쒖씤�뺣낫泥섎━諛⑹묠, �댁슜�쎄� �앹뾽 異붽�---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #ffbc0d;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_tit h4{font-size: 1.125rem;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}