@charset "utf-8"; 

/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); 
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&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'); 
@font-face { 
 font-family: 'GMarketSans'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
 font-weight: 300; 
 font-display: swap; 
 } 

@font-face { 
 font-family: 'GMarketSans'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); 
 font-weight: 500; 
 font-display: swap; 
 } 

@font-face { 
 font-family: 'GMarketSans'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); 
 font-weight: 700; 
 font-display: swap; 
 } 
.fa { font: normal normal normal 14px / 1 FontAwesome !important; } 
a,a:hover,a:focus { text-decoration: none; } 
ul { list-style: none; } 
button { background-color: transparent; cursor: pointer; border: none; outline: none; } 
img { max-width: 100%; border:0; display:block; } 
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-family: var(--font-Pretendard); font-size: inherit; } 
p { padding:0; margin:0; word-break: keep-all; } 
input { border: none; box-shadow: none; } 
input:focus { outline: none; } 
#theme-controller .fixed-top { z-index: 999999; } 
.modal { z-index: 999999; } 
.nt-container { max-width: unset !important; width: 100%; } 
#nt_sidebar_move { display: none; } 
.blind { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 50%; left: 50%; display: block; text-indent: -9999em; font-size: 0px; line-height: 0; z-index: -1; } 
.line-br { display: block; } 
.btn:focus { outline: none; box-shadow: none !important; } 
.color_txt { color:var(--color-acc) } 
.flex-box { display: flex; } 
.flex-box.column { display: flex; flex-direction: column; } 
:root { 
 --font-Pretendard: "Pretendard Variable", sans-serif; 
 --font-Outfit: "Outfit", sans-serif; 
 --font-Poppins :"Poppins", sans-serif; 
 --color-main: #ee7426; 
 --color-acc: #ea7a13; 
 } 
 a:hover, a:focus, a:active { color:unset } 


html, body { font-size: 20px; font-family: var(--font-Pretendard); letter-spacing: -0.038rem; line-height: 1.5; word-break: keep-all; word-wrap: break-word; color:#000; touch-action: auto; overscroll-behavior: auto; text-size-adjust:100%; overflow-x: hidden; } 
@media all and (max-width: 1024px) { 
 html, body { font-size: 18px; } 
 } 
@media all and (max-width: 640px) { 
 html, body { font-size: 16px; } 
 } 

/* scroll Bar */
body::-webkit-scrollbar { width: 10px; } 
body::-webkit-scrollbar-thumb { background-color: var(--color-main); } 
body::-webkit-scrollbar-track { background-color: #f9f9f9; } 


/* 공통 css 시작*/
.cinner { max-width: 1400px; width: 92%; margin: 0 auto; position: relative; } 



/* 공통 css 끝 */


/* header 시작 */
#header { width: 100%; height: 100px; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 999; transition: .35s; } 

#header.hide { display: none; } 
.header__nav { height: 100%; } 
.header__nav .nav { display: block; height: 100%; } 
.header__nav .cinner { max-width: 1400px; width: 92%; height: 100%; margin: 0 auto; position: relative; display:flex; align-items: center; justify-content: space-between; gap:130px; } 
.header__logo { height: 100%; position: relative; top: 0; left: 0; max-width:200px; } 
.header__logo a { display: flex; align-items: center; height: 100%; } 
.header__cont { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 200px); height: 100%; } 
#main-nav { height: 100%; } 
.main-nav__depth1 { height: 100%; } 
.main-nav__depth1 .mn-ul1 { display: flex; gap: 0 80px; height: 100%; } 
.main-nav__depth1 .mn-li1 { position: relative; } 
.main-nav__depth1 .mn-a1 { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 18px; font-weight: 500; text-align: center; transition: .35s; } 
.main-nav__depth1 .mn-s1 { position: relative; } 
.main-nav__depth1 .mn-s1::after { content: ''; display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: -2px; transition: .35s; } 
.main-nav__depth1 .mn-li1:hover .mn-s1::after,
.main-nav__depth1 .mn-li1:focus .mn-s1::after { width: 100%; } 
.main-nav__depth2 { display: none; width: 160px; padding-top: 1px; background: rgba(0,0,0,.6); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 100; text-align: center; } 
.main-nav__depth2 .mn-ul2 { width: 100%; } 
.main-nav__depth2 .mn-li2 { position: relative; } 
.main-nav__depth2 .mn-a2 { display: block; width: 100%; padding: 15px 16px; box-sizing: border-box; color: rgba(255,255,255,.5); font-size: 16px; font-weight: 500; line-height: 1.3; transition: .35s; position: relative; } 
.main-nav__depth2 .mn-a2:hover { background: rgba(0,0,0,.5); color: var(--color-main); } 
.main-nav__depth2 .mn-a2.sub-icon::after { content: "\f105"; display: block; width: 9px; height: 26px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; font-family: "FontAwesome"; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } 
.main-nav__depth3 { display: none; background: #fff; position: absolute; top: 0; left: 100%; z-index: 101; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.main-nav__depth3 .mn-li3:not(:last-child) { border-bottom: 1px solid #eee; box-sizing: border-box; } 
.main-nav__depth3 .mn-a3 { display: block; width: 160px; padding: 15px 16px; color: #000; font-size: .90em; text-align: center; line-height: 1.3; } 
.main-nav__depth3 .mn-a3:hover { color: var(--color-main); } 
.header__nav .nav__btn { display: none; } 
.header__nav .nav__btn a { display: flex; align-items: center; width: 34px; height: 26px; position: relative; } 
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after { content: ''; display: block; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; right: 0; margin: auto; } 
.header__nav .nav__btn a::before { top: 0; } 
.header__nav .nav__btn a::after { bottom: 0; } 
.header__nav .nav__btn a span { display: block; width: 100%; height: 3px; background: #fff; } 

#header.is-scroll { background:#fff; box-shadow: 2px 2px 20px rgba(0,0,0,.2); } 
#header.is-scroll .main-nav__depth1 .mn-a1 { color:#000; } 
#header.is-scroll .header__nav .nav__btn a span,
#header.is-scroll .header__nav .nav__btn a::before,
#header.is-scroll .header__nav .nav__btn a::after {background:#111} 

@media all and (max-width: 1399px) { 
 /* .header__nav .cinner { margin: 0 30px; } */
 .main-nav__depth1 .mn-ul1 { gap: 0 60px; } 
 } 
@media all and (max-width: 1199px) { 
 #header { height: 90px; } 
 #main-nav { display: none; } 
 .header__nav .nav__btn { display: block; display: flex; 
 gap: 10px; 
 align-items: center; } 
 } 
@media all and (max-width: 1024px) { 
 #header { height: 80px; } 
 .header__logo a img { max-width: 85%; } 
 } 
@media all and (max-width: 768px ) { 
 .header__nav .nav__btn a { width: 30px; height: 22px; } 
 } 
@media all and (max-width: 640px ) { 
 #header { height: 70px; } 
 .header__nav .cinner { margin: 0 20px; justify-content: space-between; } 
 .header__logo a img { max-width: 65%; } 
 .header__nav .nav__btn a { width: 26px; height: 21px; } 
 } 
/* header 끝 */


/* tail 시작 */
#footer .ft_top_content_wrap { background: url(../img/main/msec05_img.png) no-repeat center center; height: 670px; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; } 
#footer .ft_top_content_wrap h2 { font-size: 2em; font-weight: 700; text-align: center; margin-bottom: 15px; } 
#footer .ft_top_content_wrap p { margin-bottom: 90px; } 
#footer .ft_top_content_wrap a { display: inline-block; font-size: .9em; padding: 15px 55px; color: #fff; background: rgba(255, 255, 255, .3); border-radius: 30px; transition:.3s} 
#footer .ft_top_content_wrap a:hover{ background:var(--color-main); transition:.3s;}
#footer { padding-bottom:80px;; background: #fff; color: #000; } 
.footer__sitemap { padding-bottom: 70px; } 
.footer-nav_depth1 { padding: 0 20px; box-sizing: border-box; } 
.footer-nav_depth1 .fn-ul1 { display: flex; justify-content: space-between; margin-top:50px; } 
.footer-nav_depth1 .fn-li1 { text-align: center; } 
.footer-nav_depth1 .fn-a1 { display: inline-block; margin-bottom: 20px; color: #000; font-weight: 600; } 
.footer-nav_depth1 .fn-a1:hover,
.footer-nav_depth1 .fn-a1:focus { text-decoration: underline; text-underline-offset: 4px; } 
.footer-nav_depth2 { } 
.footer-nav_depth2 .fn-ul2 { } 
.footer-nav_depth2 .fn-li2 { } 
.footer-nav_depth2 .fn-li2:not(:last-child) { margin-bottom: 10px; } 
.footer-nav_depth2 .fn-a2 { color: #949494; font-size: 18px; font-weight: 300; transition: .35s; } 
.footer-nav_depth2 .fn-a2:hover,
.footer-nav_depth2 .fn-a2:focus { color: #000;font-weight: 500; } 

.footer__cont { display: flex; justify-content: space-between; align-items: center; gap: 50px; padding-top: 50px; border-top: 1px solid #e9e9e9; font-size: 16px; flex-direction: column; gap: 20px; } 
.footer__item { display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; } 
.footer__item ul { display: flex; flex-wrap: wrap; align-items: center; max-width: 983px; gap: 5px 30px; justify-content: center; margin: 0 auto; } 
.footer__links { margin-bottom: 28px; } 
.footer__links ul { } 
.footer__links ul li { } 
.footer__links ul li a, 
.footer__links ul li span { color: #fff; cursor: pointer; } 
.footer__links ul li .privacy { font-weight: 700; } 
.footer__info { } 
.footer__info ul { margin-bottom: 8px; } 
.footer__info ul li { } 
.footer__info ul li address,
.footer__info ul li span { margin-bottom: 0; } 
.footer__info .copyright { color: rgba(0,0,0,.5); } 
.footer__logo { flex: 0 0 auto; width: 250px; } 


#footer { position: relative; z-index: 3; background: #fff; padding-top: 670px; padding-bottom: 80px; } 
#footer .ft_top_content_wrap { position: absolute; left: 0; right: 0; top: 0; height: 670px; z-index: 1; will-change: transform; transform: translate3d(0, 80px, 0); backface-visibility: hidden; } 
#footer.is-fixed .ft_top_content_wrap { position: fixed; left: 0; right: 0; bottom: 0; top: auto; } 
#footer.is-end .ft_top_content_wrap { position: absolute; left: 0; right: 0; top: 0; bottom: auto; transform: translate3d(0, 0, 0); } 
#footer .cinner,
#footer .footer__sitemap,
#footer .footer__cont { position: relative; z-index: 2; background: #fff; } 

@media all and (max-width: 1199px) { 
 .footer__sitemap { padding-bottom: 50px; } 
 .footer-nav_depth1 .fn-a1 { margin-bottom: 14px; font-size: 18px; } 
 .footer-nav_depth2 .fn-li2:not(:last-child) { margin-bottom: 5px; } 
 .footer-nav_depth2 .fn-a2 { font-size: 16px; } 
 .footer__logo { width: 220px; } 
 .footer__cont { font-size: 16px; } 
 } 
@media all and (max-width: 1024px) { 
    #footer .ft_top_content_wrap h2 {font-size: 1.8em;}

 .footer__cont { padding-top: 40px; } 
 .footer__logo { width: 200px; } 
 .footer__item ul { gap: 5px 20px; } 
 .footer__links { margin-bottom: 20px; } 
    .footer-nav_depth1 .fn-ul1 {flex-wrap:wrap; gap:20px 30px;}
 } 
@media all and (max-width: 768px) { 
 .footer-nav_depth1 { padding: 0 10px; } 
 .footer__cont { flex-direction: column-reverse; gap: 30px; } 
 .footer__item ul { justify-content: center; max-width: 580px; margin: 0 auto 8px; } 
 .footer__info .copyright { text-align: center; } 
 #footer .ft_top_content_wrap p {font-size: .9em; width:80%; text-align: center;}
 } 
@media all and (max-width: 640px) { 
    #footer .ft_top_content_wrap h2{font-size: 1.5em;padding:0 30px;}
    #footer .ft_top_content_wrap h2 span {display:inline}
 .footer__sitemap { padding-bottom: 30px; } 
 .footer-nav_depth1 .fn-ul1 { display: block; } 
 .footer-nav_depth1 .fn-li1 { display: flex;justify-content: flex-start; align-items: baseline; gap: 10px 15px;flex-wrap:wrap} 
 .footer-nav_depth1 .fn-li1:not(:last-child) { margin-bottom: 10px; } 
 .footer-nav_depth1 .fn-a1 { margin-bottom: 0; font-size: 16px; } 
 .footer-nav_depth1 .fn-ul2 { display: flex; gap: 15px; } 
 .footer-nav_depth2 .fn-li2:not(:last-child) { margin-bottom: 0; } 
 .footer-nav_depth2 .fn-a2 { font-size: 14px; } 
 .footer__cont { padding-top: 30px; font-size: 14px; } 
 .footer__item ul { gap: 5px 10px; } 
 .footer__logo { width: 180px; } 
 } 
@media all and (max-width: 480px) { 
 .footer-nav_depth1 .fn-li1 { gap: 15px; } 
 .footer-nav_depth1 .fn-li2 { gap: 10px; } 
 } 

/* tail 끝 */


/* 메인 공통css 시작 */
#main .msec { padding:130px 0 } 
#main .msec-title { margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; gap: 15px; } 
#main .msec-title.cl-w { color: #fff; } 
#main .msec-title .small_tit { font-weight:bold } 
#main .msec-title > .tit { font-family: var(--font-Poppins); font-size:2em; font-weight: 500; text-align: center; color:#000; line-height:1.3 } 
#main .msec-title > .txt { font-size: .9em; font-weight: 500; text-align: center; color:#666 } 
#main .msec-title .color_txt { font-weight:bold; } 
#main .msec-title a { border:1px solid #5e5e5e; width:200px; padding:10px 0; color:#535353; font-size: .9em; display: flex; align-items: center; justify-content: center; } 
@media all and (max-width: 1199px) { 
 /* #main .msec-title > .tit { font-size: 3.0em; } */
 } 
@media all and (max-width: 1024px) { 
 #main .msec-title { margin-bottom: 40px; } 
 } 
@media all and (max-width: 768px) { 
 #main .msec-title > .tit { font-size: 1.8em; }
 #main .msec { padding: 80px 0 !important; } 
 } 
@media all and (max-width: 640px) { 
 #main .msec-title > .tit { font-size: 1.5em; } 
 } 
/* 메인 공통css 끝 */


/* 메인 배너 시작 */
#main .mvis { height: 100vh; position: relative; } 
#main .mvis .main-visual { height: 100%; position: relative; } 
/* #main .mvis .main-visual .mvis-img-wrap { height: 100%; } 
#main .mvis .main-visual .mvis-img-wrap > .mvis-img { height: 100%; } 
#main .mvis .main-visual .mvis-img-wrap > .mvis-img .cinner { display: flex; flex-direction: column; justify-content: center; position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; /* margin: auto; } 
#main .mvis .main-visual .mvis-img-wrap > .mvis-img a { width: 100%; height: 100%; display: block; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; pointer-events: none; } 
#main .mvis .main-visual .mvis-img-wrap > .mvis-img .video-wrap { height: 100%; } 
#main .mvis .main-visual .mvis-img-wrap > .mvis-img .video-wrap > video { width: 100%; height: 100%; object-fit: cover; } 
#main .mvis .main-visual .mvis-txt-wrap { color: #fff; position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; } 

#main .mvis .main-visual .mvis-txt-wrap > .tit { margin-bottom: 30px; font-size: 3.50em; font-weight: 300; } 
#main .mvis .main-visual .mvis-txt-wrap > .tit strong { font-weight: 700 } 
#main .mvis .main-visual .mvis-txt-wrap > .txt { font-size: 1.5em; font-weight: 500; } */

/* 기본 상태 */

#main .mvis { } 
#main .mvis .main-visual { } 
#main .mvis .main-visual .swiper-slide { background: url(../img/main/main_sec01.png) no-repeat center center/cover; position:relative } 
#main .mvis .main-visual .swiper-slide a { width:92%; height:100%; display:block; max-width:1400px; margin:0 auto; position:relative } 
#main .mvis .main-visual .swiper-slide a .txt_wrap { display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column; text-align: center; color: #fff; gap: 20px; } 
#main .mvis .main-visual .swiper-slide a .txt_wrap h3 { font-size: 3.5em; font-family: 'GMarketSans'; font-weight: bold; } 
#main .mvis .main-visual .swiper-slide a .txt_wrap .tit { font-size: 1.25em; } 
/* 메인 배너 끝 */
#main .msec01 .msec-title { margin-bottom:90px; } 
#main .msec01 .content { } 
#main .msec01 .content .content_list { justify-content: center; gap: 100px; } 
#main .msec01 .content .content_list li { display: flex; flex-direction: column; align-items: center; padding-right: 100px; position:relative } 
#main .msec01 .content .content_list li:before { content:''; position:absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height:70px; background:#e0e0e0; } 
#main .msec01 .content .content_list li:last-child { padding-right:0 } 
#main .msec01 .content .content_list li:last-child:before { display:none } 
#main .msec01 .content .content_list li > span { font-size: 1.1em; font-weight: bold; } 
#main .msec01 .content .content_list li > p { font-size: 35px; font-weight: 700; } 
#main .msec01 .content .content_list li > p span { font-size: 60px; } 
#main .msec02 { background:url(../img/main/msec03_bg.jpg) no-repeat center center /cover;} 
#main .msec02 .msec02_list_wrap { gap:10px; } 
#main .msec02 .msec02_list_wrap li { width: calc(100% / 4); } 
#main .msec02 .msec02_list_wrap li a { display: flex; flex-direction: column; text-align: center; gap: 10px; } 
#main .msec02 .msec02_list_wrap li a .content_list { aspect-ratio: 335/400; position:relative } 
#main .msec02 .msec02_list_wrap li:nth-child(1) .content_list { background: url(../img/main/msec03_img01.png) no-repeat center center/cover; } 
#main .msec02 .msec02_list_wrap li:nth-child(2) .content_list { background: url(../img/main/msec03_img02.png) no-repeat center center/cover; } 
#main .msec02 .msec02_list_wrap li:nth-child(3) .content_list { background: url(../img/main/msec03_img03.png) no-repeat center center/cover; } 
#main .msec02 .msec02_list_wrap li:nth-child(4) .content_list { background: url(../img/main/msec03_img04.png) no-repeat center center/cover; } 
#main .msec02 .msec02_list_wrap li a .content_list .content_txt { display: none; opacity: 0; position: absolute; left: 0; top: 100%; width: 100%; height: 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; transition:.5s; background:rgba(0,0,0,.7) } 
#main .msec02 .msec02_list_wrap li a .content_list .content_txt img { margin-bottom: 35px; } 
#main .msec02 .msec02_list_wrap li a .content_list .content_txt h3 { font-size: 1.3em; font-weight: 500; margin-bottom: 10px; } 
#main .msec02 .msec02_list_wrap li a .content_list .content_txt p { font-size: .9em; } 
#main .msec02 .msec02_list_wrap li a .list_tit { font-size: 1.25em; font-weight: 500;} 
#main .msec02 .msec02_list_wrap li:hover a .list_tit { display:none } 
#main .msec02 .msec02_list_wrap li:hover a .content_list .content_txt { display:flex; height:100%; transition:.5s; top:0; opacity: 1; } 

#main .msec03 { position: relative; z-index: 5; background: #fff; padding-bottom: 160px; border-radius: 0 0 100px 100px;;} 
#main .msec03 .msec-title { margin-bottom: 70px; } 
#main .msec03 .content .list_wrap { justify-content: space-between; gap: 50px; } 
#main .msec03 .content .list_wrap li { align-items: center; width: calc(100% / 5 - 30px); } 
#main .msec03 .content .list_wrap li img { margin-bottom: 25px; } 
#main .msec03 .content .list_wrap li > p { background: var(--color-main); color: #fff; width: 100%; text-align: center; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 30px; } 
#main .msec03 .content .list_wrap li > p.color_bg {font-weight:500}
#main .msec03 .content .list_wrap li > p:last-child { background: none; color: #333; flex-direction: column; height: auto; font-size: .9em;} 
#main .msec03 .content .list_wrap li > span { background: #c7c7c7; width: 1px; height: 30px; margin: 20px 0; } 



@media(max-width:1399px) { 
    #main .msec01 .content .content_list {    justify-content: space-between;padding:0 100px; gap:0}

} 
@media(max-width:1199px) { 
    #main .msec01 .content .content_list {justify-content: center;padding:0;margin: 0 auto;gap:60px}
    #main .msec01 .content .content_list li > p {font-size: 28px;}
    #main .msec01 .content .content_list li > p span {font-size: 50px;;}
    #main .msec01 .content .content_list li {padding-right:60px;}
} 
@media(max-width:1024px) { 
    #main .msec02 {height:auto;padding:100px 0}
#main .msec02 .msec02_list_wrap {flex-wrap:wrap; gap:20px;}
#main .msec02 .msec02_list_wrap li {width:calc(50% - 10px)}
#main .msec03 .content .list_wrap {flex-wrap:wrap;    justify-content: center;}
#main .msec03 .content .list_wrap li {width:calc(100% / 3 - 40px)}

} 
@media(max-width:768px) { 
    #main .mvis .main-visual .swiper-slide a .txt_wrap h3 { font-size: 2.2em; } 
    #main .mvis .main-visual .swiper-slide a .txt_wrap .tit { font-size: 1.2em; } 


    #main .msec01 .content .content_list {flex-direction: column;gap:40px;}
    #main .msec01 .content .content_list li {padding-right:0;}
    #main .msec01 .content .content_list li:before {display:none}

    #main .msec02 .msec02_list_wrap li a .list_tit {font-family: 1em;}
} 

@media(max-width:640px) { 
#main .msec03 .content .list_wrap li {width:calc(50% - 25px)}
 } 
@media(max-width:500px) { 
 #main .mvis .main-visual .swiper-slide a .txt_wrap h3 { font-size: 1.8em; } 
 #main .mvis .main-visual .swiper-slide a .txt_wrap .tit { font-size: 1em; } 
 #main .msec02 .msec02_list_wrap li {width:100%}
 } 





#ctt_con { padding-top:150px } 
/* 개인정보처리방침 시작 */
[class*=privacy_con] { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 1200px; height: calc(100% - 40px); max-height: 600px; z-index: 999999; background: #fff; border: 1px solid var(--color-main); box-sizing: border-box; } 
[class*=privacy_con] .top { height: 70px; width: 100%; background: var(--color-main); text-align: center; position: relative; top: 0; left: 0; } 
[class*=privacy_con] .top p { line-height: 70px; color: #fff; font-family: var(--font-Pretendard); font-size:20px; font-weight: bold; } 
[class*=privacy_con] .top span { position: absolute; top: 0; right: 0; height: 100%; width: auto; aspect-ratio: auto 1 / 1; cursor: pointer; } 
[class*=privacy_con] .top span::after { width: 2px; height:50%; content:""; display: block; background: #fff; transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; position: absolute; } 
[class*=privacy_con] .top span::before { width: 2px; height:50%; content:""; display: block; background: #fff; transform: translate(-50%, -50%) rotate(-45deg); top: 50%; left: 50%; position: absolute; } 
[class*=privacy_con] #privacy { border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px; } 
[class*=privacy_con] #privacy>b { display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000; } 
[class*=privacy_con] #privacy>.list { } 
[class*=privacy_con] #privacy>.list li { display: flex; align-items: flex-start; line-height: 22px; margin-bottom: 10px; } 
[class*=privacy_con] #privacy>.list li span { display: block; word-break: keep-all; margin-right: 10px; color: #666666; font-size:17px; } 
[class*=privacy_con] #privacy>.list li p { display: block; word-break: keep-all; color: #666666; font-size:17px; } 
[class*=privacy_con] #privacy>.list_con { margin-top: 30px; } 
[class*=privacy_con] #privacy>.list_con li { margin-bottom: 30px; } 
[class*=privacy_con] #privacy>.list_con li:last-child { margin-bottom:0px; } 
[class*=privacy_con] #privacy>.list_con li>b { word-break: keep-all; display: flex; align-items: flex-start; line-height: 22px; margin-bottom: 10px; font-family: var(--font-pretendard); font-size:20px; } 
[class*=privacy_con] #privacy>.list_con li>b span { display: block; word-break: keep-all; margin-right: 10px; } 
[class*=privacy_con] #privacy>.list_con li p { display: block; word-break: keep-all; color: #000; font-family: var(--font-pretendard); font-weight: 500; font-size:17px; margin-bottom: 10px; line-height: 20px; } 
[class*=privacy_con] #privacy>.list_con li>span { display: block; word-break: keep-all; color: #666666; font-size:15px; margin-bottom: 10px; } 
[class*=privacy_con] #privacy .date_wrap { margin-top: 100px; } 
[class*=privacy_con] #privacy .date_wrap p { display: block; word-break: keep-all; font-size: 15px; font-weight: 500; color: #000; } 

@media all and (max-width : 1199px) { 
 [class*=privacy_con] #privacy { width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0; } 
 } 
@media all and (max-width : 1024px) { 
 [class*=privacy_con] .top { height: 50px; } 
 [class*=privacy_con] .top p { line-height: 50px; } 
 } 
@media all and (max-width : 640px) { 
 [class*=privacy_con] #privacy { width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset; } 
 } 
/* 개인정보처리방침 끝 */


/* 나리야 빌더 > 게시판 글쓰기 임시 저장된 글 */
.autosave_load { font-size: 18px; } 
.autosave_del { position: relative; }