@charset 'utf-8';

.body_hidden { height:100% !important; min-height:100% !important; overflow:hidden !important; touch-action:none !important; }
#wrap {  position:relative; background-color:#fff; }
body.mainbody { overflow:hidden; }
@media screen and (max-width:1024px){
	body.mainbody { overflow:inherit; }
}

body,html { min-height:100% }

.inner1920 { position:relative; max-width:1920px; width:100%; margin:0 auto; }
.inner1600 { position:relative; max-width:1600px; width:100%; margin:0 auto; }
.inner1600:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1640px){
	.inner1600 { padding:0 20px; }
}

:root { 
    --engFont1:Mulish;
    --engFont2:Ubuntu;
    --engFont3:Montserrat;
    --subFont1:Noto Sans KR;
    --mainColor:#0b318f; 
    --subColor:#222; 
}

/* header */
header { position:fixed; width:100%; z-index:999; padding:25px 25px 0; }
.mainBody header { animation:txtDown 0.5s 0.3s; animation-fill-mode:both; }
header h1 { text-align:left; padding:0; z-index:999; }
header h1 a { display:inline-block; transition:all 0.2s ease-in-out; }
header h1 img { width:120px; }

header .topbox { z-index:10; position:relative; background:#fff; height:80px; border-radius:10px; display:flex; align-items:center; justify-content:space-between; padding:0 20px 0 65px; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.08); }
header #navi { position:absolute; left:50%; top:0; transform:translate(-50%); z-index:5; display:flex; justify-content:center; }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { position:relative; transition:all 0.5s; }
header #navi #gnb > ul > li > a { position:relative; display:block; padding:0 40px; height:80px; text-wrap:nowrap; display:flex; justify-content:center; align-items:center; font-family:var(--engFont1); color:#000; font-size:17px; font-weight:700; text-transform:uppercase; }
header.over #navi #gnb > ul > li  { margin:0; }
header #navi #gnb > ul > li > .subDepth { z-index:-11; opacity:0; visibility:hidden; position:absolute; left:50%; transform:translateX(-50%); top:80px; padding-top:30px; padding-bottom:50px; width:100%; }
header.over #navi #gnb > ul > li > .subDepth { opacity:1; visibility:visible; z-index:2; } 
header #navi #gnb > ul > li > .subDepth ul { position:relative; }
header #navi #gnb > ul > li > .subDepth:before { content:""; display:block; position:absolute; left:0; top:30px; background:#e8e8e8; width:1px; height:100px; transition:all 0.3s 0.1s; }
header.over #navi #gnb > ul > li > .subDepth:before { height:calc(100% - 30px - 50px); transition:all 0.5s 0.3s; }
header #navi #gnb > ul > li:first-child > .subDepth:before { display:none }
header #navi #gnb > ul > li > .subDepth ul > li { opacity:0; padding:0 14px; }
header #navi #gnb > ul > li > .subDepth ul > li:not(:last-child) { margin-bottom:20px; }
header #navi #gnb > ul > li > .subDepth ul > li > a { text-wrap:nowrap; font-size:17px; color:#555; font-weight:400; line-height:1.3; display:inline-block; }
header #navi #gnb > ul > li > .subDepth ul > li > a:hover { color:var(--mainColor); font-weight:700; }
header #navi #gnb > ul > li:nth-child(2) > .subDepth ul > li > a:hover,
header #navi #gnb > ul > li:nth-child(3) > .subDepth ul > li > a:hover { letter-spacing:-0.045em }
header.over #navi #gnb > ul > li > .subDepth ul > li { animation:ani_5 0.5s 0.3s; animation-fill-mode:forwards; }
header.over #navi #gnb > ul > li:nth-child(1) { width:190px !important; }
header.over #navi #gnb > ul > li:nth-child(2) { width:320px !important; }
header.over #navi #gnb > ul > li:nth-child(3) { width:300px !important; }
header.over #navi #gnb > ul > li:nth-child(4) { width:160px !important; }
header.over #navi #gnb > ul > li:nth-child(5) { width:160px !important; }
header.over #navi #gnb > ul > li:nth-child(6) { width:160px !important; }
header.over #navi #gnb > ul > li:nth-child(7) { width:170px !important; }
header .gnb_bg { min-height:0; position:absolute; top:108px; left:25px; width:calc(100% - 50px); height:0; background-color:#fff; transition:all 0.3s ease-in-out; z-index:1; border-radius:10px; }
@media screen and (max-width:1780px){
	header .topbox { padding:0 20px; }
	header #navi #gnb > ul > li > a { padding:0 30px; }
	header.over #navi #gnb > ul > li:nth-child(1),
	header #navi #gnb > ul > li:nth-child(1) > .subDepth { width:140px !important; }
	header.over #navi #gnb > ul > li:nth-child(2),
	header #navi #gnb > ul > li:nth-child(2) > .subDepth { width:270px !important; }
	header.over #navi #gnb > ul > li:nth-child(3),
	header #navi #gnb > ul > li:nth-child(3) > .subDepth { width:250px !important; }
	header.over #navi #gnb > ul > li:nth-child(4),
	header #navi #gnb > ul > li:nth-child(4) > .subDepth { width:110px !important; }
	header.over #navi #gnb > ul > li:nth-child(5),
	header #navi #gnb > ul > li:nth-child(5) > .subDepth { width:110px !important; }
	header.over #navi #gnb > ul > li:nth-child(6),
	header #navi #gnb > ul > li:nth-child(6) > .subDepth { width:110px !important; }
	header.over #navi #gnb > ul > li:nth-child(7),
	header #navi #gnb > ul > li:nth-child(7) > .subDepth { width:120px !important; }
	header #navi #gnb > ul > li > .subDepth ul > li > a { text-wrap:inherit; }
}
@media screen and (max-width:1640px){
	header { padding:20px 20px 0; }
}
@media screen and (max-width:1500px){
	header #navi #gnb > ul > li > a { padding:0 20px; }
	header.over #navi #gnb > ul > li:nth-child(1),
	header #navi #gnb > ul > li:nth-child(1) > .subDepth { width:120px !important; }
	header.over #navi #gnb > ul > li:nth-child(2),
	header #navi #gnb > ul > li:nth-child(2) > .subDepth { width:200px !important; }
	header.over #navi #gnb > ul > li:nth-child(3),
	header #navi #gnb > ul > li:nth-child(3) > .subDepth { width:190px !important; }
	header.over #navi #gnb > ul > li:nth-child(4),
	header #navi #gnb > ul > li:nth-child(4) > .subDepth { width:100px !important; }
	header.over #navi #gnb > ul > li:nth-child(5),
	header #navi #gnb > ul > li:nth-child(5) > .subDepth { width:100px !important; }
	header.over #navi #gnb > ul > li:nth-child(6),
	header #navi #gnb > ul > li:nth-child(6) > .subDepth { width:100px !important; }
	header.over #navi #gnb > ul > li:nth-child(7),
	header #navi #gnb > ul > li:nth-child(7) > .subDepth { width:110px !important; }
}
@media screen and (max-width:1280px){
	header #navi { display:none }
	header .topbox { padding:0 10px; height:70px; }
}
@media screen and (max-width:640px){
	header { padding:10px 10px 0; }
	header .topbox { padding:0 10px; height:55px; }
}

header .rightMemu { display:flex; align-items:center; }
header .language { position:relative; }
header .language > a { position:relative; display:flex; align-items:center; width:123px; height:50px; padding:0 0 0 15px; font-size:14px; font-family:var(--engFont1); color:#000; font-weight:700; line-height:1.3; border-radius:8px; border:1px solid #e5e5e5; background:#f8f8f8;}
header .language > a img { margin-right:5px; }
header .language > a i { transition:all 0.3s; position:absolute; right:15px; top:50%; transform:translateY(-50%); font-size:16px; color:#000; font-weight:400; }
header .language > a.on i { transform:translateY(-50%) rotate(180deg); }
header .language > a.on { border-radius:8px 8px 0 0; background:#fff; }
header .language .box { position:absolute; top:50px; left:0; width:100%; display:none }
header .language ul { width:100%; background:#fff; border-radius:0 0 8px 8px; border:1px solid #e5e5e5; border-top:none; overflow:hidden }
header .language ul li:not(:last-child) { margin-bottom:0; border-bottom:1px solid #e5e5e5;}
header .language ul li a { font-family:var(--engFont1); font-size:14px; color:#666; font-weight:400; line-height:1.3; display:flex; align-items:center; width:100%; height:50px; padding:0 15px;  }
header .language ul li a img { margin-right:5px; }
header .language ul li.on a { background:#f8f8f8; }
header .search-btn { margin-left:15px; }
header .search-btn a { transition:all 0.3s; width:50px; height:50px; border-radius:8px; text-indent:-9999em; overflow:hidden; display:flex; justify-content:center; align-items:center; background:var(--mainColor) url(/img/common/search_btn.svg) no-repeat center center; }
header .search-btn.ov a { border:1px solid var(--mainColor); background:#fff url(/img/common/search_close.svg) no-repeat center center; }
header .searchBox { opacity:0; z-index:-11; opacity:0; visibility:hidden; margin-top:30px; transition:all 0.5s; position:absolute; left:25px; top:108px; left:25px; width:calc(100% - 50px); height:127px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:url(/img/common/search_bg.jpg) no-repeat center center;}
header .searchBox.on { opacity:1; visibility:visible; z-index:2; margin:0;  }
header .searchBox form { width:100%; }
header .searchBox .ipbtn { position:relative; width:100%; max-width:780px; height:60px; margin:0 auto; border-radius:5px; background:#fff; }
header .searchBox .ipbtn input[type="text"] { width:100%; border:none; outline:none; color:#111; font-size:18px; font-weight:600; padding:0 100px 0 40px; height:60px; line-height:60px; background:none }
header .searchBox .ipbtn input::placeholder{ color:#d4d4d4; font-weight:400; }
header .searchBox .ipbtn .btn { position:absolute; right:20px; top:0; background:url(/img/common/btn_search_b.svg) center center no-repeat}
header .searchBox .ipbtn .btn button { border:none; outline:none; background:none; width:60px; height:60px; }
header .searchBox .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }

header .allmenu { display:none; position:absolute; right:30px; top:30px; width:50px; height:50px; z-index:9999; }
header .allmenu a { position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:var(--mainColor); border-radius:8px; }
header .allmenu span { position:relative; display:block; width:25px; height:2px; background-color:#fff; border-radius:2px; transition:all 0.2s ease-in-out; margin-top:-12px }
header .allmenu span:before { content:""; display:block; width:13px; height:2px; background-color:#fff; position:absolute; left:0; top:6px; border-radius:2px; transition:all 0.2s ease-in-out; }
header .allmenu span:after { content:""; display:block; width:25px; height:2px; background-color:#fff; position:absolute; left:0; top:12px; border-radius:2px; transition:all 0.2s ease-in-out; }

@media screen and (max-width:1280px){
	header .language { display:none }
	header .allmenu { display:block; }
	header .search-btn { margin-left:10px; margin-right:60px }
	header .search-box { left:20px; top:98px; width:calc(100% - 40px); padding:20px; height:auto; }
	header .search-box .ipbtn { height:50px; }
	header .search-box .ipbtn input[type="text"] { font-size:16px; padding:0 80px 0 20px; height:50px; line-height:50px; }
	header .search-box .ipbtn .btn button { width:50px; height:50px; }
	header .search-box .ipbtn .btn { right:0; }
}
@media screen and (max-width:640px){
	header .search-btn { margin-left:10px; margin-right:42px }
	header .searchBox { padding:10px; }
	header .searchBox { left:10px; top:70px; width:calc(100% - 20px); }
	header .searchBox .ipbtn { height:40px; }
	header .searchBox .ipbtn input[type="text"] { font-size:16px; padding:0 50px 0 10px; height:40px; line-height:40px; }
	header .searchBox .ipbtn .btn button { width:40px; height:40px; }
	header .search-btn a { width:40px; height:40px; }
	header .allmenu { right:18px; top:18px; width:40px; height:40px; }
	header .allmenu span { width:22px; }
	header .allmenu span:before { width:11px; }
	header .allmenu span:after { width:22px; }
}

#allmenuBox { display:block; position:fixed; right:-640px; top:0; max-width:640px; width:100%; height:100vh; background:#fff; z-index:100000; }
#allmenuBox.on .allBg { position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.3); }
#allmenuBox.off { animation:allmenu_off cubic-bezier(.5,.81,.61,.94) 0.5s 0.1s; animation-fill-mode:both; }
#allmenuBox.on { right:0; animation:allmenu_on cubic-bezier(.5,.81,.61,.94) 0.5s 0.1s; animation-fill-mode:both; }
#allmenuBox .menuCont { position:relative; width:100%; background:#fff; height:100vh; z-index:10; }
#allmenuBox .menuCont .lang { position:absolute; left:0; top:0; background:#f8f8f8; padding:20px 40px; width:100%; z-index:5; }
#allmenuBox .menuCont .lang ul { display:flex; }
#allmenuBox .menuCont .lang ul li:not(:last-child) { margin-right:30px; }
#allmenuBox .menuCont .lang ul li a { font-family:var(--engFont1); font-size:16px; color:#666; font-weight:500; line-height:1.3; display:flex; align-items:center;  }
#allmenuBox .menuCont .lang ul li.on a { color:var(--mainColor); font-weight:700; }
#allmenuBox .menuCont .lang ul li a img { margin-right:5px; }
#allmenuBox .menuBox { padding:100px 40px 40px; overflow:auto; height:100vh; z-index:3; }
/*
#allmenuBox .menuBox::-webkit-scrollbar { width:4px; height:4px; border-radius:4px;}
#allmenuBox .menuBox::-webkit-scrollbar-thumb { background:#ddd; }
*/
#allmenuBox .menuBox .inner { padding:0; }
#allmenuBox .menuBox > ul > li { position:relative; margin-top:10px; }
#allmenuBox .menuBox > ul > li:before { content:"\e942"; display:block; font-family:xeicon; font-size:24px; color:var(--mainColor); position:absolute; right:0; top:20px; transition:all 0.3s }
#allmenuBox .menuBox > ul > li.hover:before { transform:rotate(180deg); }
#allmenuBox .menuBox > ul > li:first-child { margin-top:0; }
#allmenuBox .menuBox > ul > li > a { position:relative; font-family:var(--mainFont); color:#222; font-weight:700; font-size:34px; line-height:1.3; display:block; padding:10px 0; }
#allmenuBox .menuBox > ul > li.hover > a { color:var(--mainColor); } 
#allmenuBox .menuBox > ul > li > .subDepth { position:relative; display:none; padding:0 }
#allmenuBox .menuBox > ul > li > .subDepth > ul { padding:0 20px 20px; }
#allmenuBox .menuBox > ul > li > .subDepth > ul > li { position:relative;  }
#allmenuBox .menuBox > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:15px; }
#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a { position:relative; color:#666; font-weight:400; font-size:20px; line-height:1.3; cursor:pointer; transition:all 0.3s }
#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a:hover { color:var(--mainColor); font-weight:600; }
#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a br.m { display:none }
#allmenuBox .btn_close { position:absolute; right:10px; top:10px; width:50px; height:50px; z-index:11; opacity:1; cursor:pointer; display:flex; justify-content:center; }
#allmenuBox .btn_close span { position:relative; display:block; width:30px; height:2px; background-color:var(--mainColor); transform:rotate(45deg); margin-top:20px; }
#allmenuBox .btn_close span:before { content:""; display:block; width:30px; height:2px; background-color:var(--mainColor); position:absolute; right:0; top:0; transform:rotate(-90deg); }
#allmenuBox .btn_close span:after { content:""; display:none; width:18px; height:2px; background-color:var(--mainColor); position:absolute; right:0; top:12px; }
@media screen and (max-width:640px){
	#allmenuBox .menuCont .lang { padding:20px; }
	#allmenuBox .menuBox { padding:90px 20px 40px; }
	#allmenuBox .menuBox > ul > li:before { font-size:20px; top:16px; }
	#allmenuBox .menuBox > ul > li > a { font-size:24px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul { padding:0 10px 10px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li:not(:last-child) { margin-bottom:12px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a { font-size:18px; }
}

@keyframes allmenu_off {
	0%{ right:0; }
	100%{ right:-640px;  }
}
@keyframes allmenu_on {
	0%{ right:-640px;  }
	100%{ right:0;  }
}



footer {  background:#0e0e0e; }
footer .footer_box { position:relative; padding:80px 60px 0; }
.mainBody footer .footer_box .flogo svg path { fill:#fff; opacity:0.6 }
footer .footer_box .infobox { margin-top:60px; padding-bottom:65px; }
footer .footer_box .infobox .tit { color:#fff; font-weight:700; font-size:16px; }
footer .footer_box .infobox ul { display:flex; flex-wrap:wrap; }
footer .footer_box .infobox li { color:#888; font-weight:400; font-size:16px; line-height:1.3; margin-top:20px; }
footer .footer_box .infobox li.full { width:100%; margin-right:0; }
footer .footer_box .infobox li:not(:last-child) { margin-right:30px; }
footer .footer_box .infobox li strong { display:inline-block; margin-right:16px; color:#fff; font-weight:700; font-size:16px; }
footer .footer_box .infobox li strong.tel,
footer .footer_box .infobox li strong.fax,
footer .footer_box .infobox li strong.email { margin-right:4px;  width:21px; height:21px; text-indent:-9999em; overflow:hidden; vertical-align:middle }
footer .footer_box .infobox li strong.tel { background:url(/img/common/f_tel_icon.svg) left center no-repeat ; }
footer .footer_box .infobox li strong.fax { background:url(/img/common/f_fax_icon.svg) left center no-repeat ; }
footer .footer_box .infobox li strong.email { background:url(/img/common/f_email_icon.svg) left center no-repeat ; }
footer .footer_box .r-box { }
footer .footer_box .r-box .fmenu { position:absolute; right:60px; top:260px; }
footer .footer_box .r-box .fmenu li a { width:170px; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-weight:400; font-size:16px; line-height:1.3; border:1px solid rgba(255, 255, 255, 0.20); }
footer .footer_box .r-box .btn_top { position:absolute; right:60px; top:120px; width:120px; height:120px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255, 255, 255, 0.20); border-radius:120px; }
footer .footer_box .r-box .btn_top svg { transition:all 0.2s; }
footer .footer_box .r-box .btn_top:hover svg { margin-top:-10px; }
footer .footer_b { padding:17px 20px; background:#000; text-align:center; }
footer .footer_b .copyright { margin-top:10px; color:rgba(255, 255, 255, 0.50); font-weight:400; font-size:16px; line-height:1.3 }

.subBody footer {  background:#fff; border-top:1px solid #e5e5e5; }
.subBody footer .footer_box .infobox .tit { color:#111; }
.subBody footer .footer_box .infobox li strong { color:#333; }
.subBody footer .footer_box .r-box .fmenu li a { color:#111; border:1px solid rgba(17, 17, 17, 0.20); }
.subBody footer .footer_box .r-box .btn_top { border:1px solid #e5e5e5; }
.subBody footer .footer_box .r-box .btn_top svg rect { fill:#ccc; }

@media screen and (max-width:1640px){
	footer .footer_box { padding:80px 20px 0; }
	footer .footer_box .r-box .fmenu,
	footer .footer_box .r-box .btn_top { right:20px; }
}
@media screen and (max-width:1280px){
	footer .footer_box .infobox { margin-top:50px; padding-bottom:50px; }
	footer .footer_box .r-box .fmenu { position:relative; margin-bottom:50px; right:unset; top:unset; display:flex; align-items:center; justify-content:center; }
	footer .footer_box .r-box .fmenu li a { width:150px; height:45px; }
	footer .footer_box .r-box .btn_top { top:80px; width:80px; height:80px; }
	footer .footer_box .r-box .btn_top svg { width:20px; height:auto;}
}
@media screen and (max-width:1024px){
	footer .footer_box .flogo svg { width:200px; height:auto; }
	footer .footer_box { padding:60px 20px 0; }
	footer .footer_box .infobox { margin-top:40px; padding-bottom:40px; }
	footer .footer_box .r-box .fmenu { margin-bottom:40px; }
	footer .footer_box .r-box .btn_top svg { width:15px; }
	footer .footer_box .r-box .btn_top { top:60px; width:60px; height:60px; }
}
@media screen and (max-width:640px){
	footer .footer_box .flogo { text-align:center; }
	footer .footer_box .flogo img { text-align:center; display:inline-block }
}

.common_bottom { position:relative; height:445px; background:url(/img/common/bg_bottom_f.jpg) no-repeat center/cover; display:flex; align-items:center; }
.common_bottom .txt { color:#fff; font-size:54px; font-weight:300; line-height:1.5; }
.common_bottom .txt strong { font-weight:500 }
.common_bottom .info { margin-top:40px; } 
.common_bottom .info ul { display:flex; flex-wrap:wrap; }
.common_bottom .info li { position:relative; margin-left:20px; padding-left:20px; font-family:var(--engFont1); color:#fff; font-size:18px; font-weight:400; line-height:1.3; }
.common_bottom .info li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:20px; background:#fff; opacity:0.1; }
.common_bottom .info li span { font-family:var(--engFont1); font-weight:400; display:inline-block; padding-left:27px; }
.common_bottom .info li span.tel { background:url(/img/common/tel_icon.svg) left center no-repeat ; }
.common_bottom .info li span.fax { background:url(/img/common/fax_icon.svg) left center no-repeat ; }
.common_bottom .info li span.email { background:url(/img/common/email_icon.svg) left center no-repeat ; }
.common_bottom .info li:first-child { margin-left:0; padding:0 }
.common_bottom .info li:first-child:before { display:none }
.common_bottom .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s; }
.common_bottom .btn:hover { right:-10px; }
@media screen and (max-width:1640px){
	.common_bottom .btn { right:20px; }
	.common_bottom .btn:hover { right:10px; }
}
@media screen and (max-width:1280px){
	.common_bottom { height:380px; }
	.common_bottom .txt { font-size:30px; }
}
@media screen and (max-width:1024px){
	.common_bottom { height:320px; }
	.common_bottom .txt { font-size:24px; }
}
@media screen and (max-width:640px){
	.common_bottom { height:240px; }
	.common_bottom .txt { font-size:18px; }
	.common_bottom .info { margin-top:20px; }
	.common_bottom .info ul { gap:10px 0 } 
	.common_bottom .info li { margin-left:15px; padding-left:15px; font-size:16px; }
	.common_bottom .info li:before { width:1px; height:14px; }
	.common_bottom .info li:last-child { width:100%; margin-left:0; padding-left:0;}
	.common_bottom .info li:last-child:before { display:none }
	.common_bottom .btn img { width:30px; }
	.common_bottom .btn:hover { right:20px; }
}

/* animation */
.common_bottom .txt { overflow:hidden; }
.common_bottom .txt span { opacity:0; display:block; }
.common_bottom.subOn .txt span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.common_bottom .info li { opacity:0; }
.common_bottom.subOn .info li:nth-child(1) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.common_bottom.subOn .info li:nth-child(2) { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.common_bottom.subOn .info li:nth-child(3) { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
.common_bottom.subOn .info li:nth-child(4) { animation:ani_2 0.8s 1.4s; animation-fill-mode:both; }
.common_bottom .btn { opacity:0; }
.common_bottom.subOn .btn { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }


/* privacy */
#privacy { position:fixed; top:0; left:0; visibility:hidden; z-index:-1; transition:all 0.3s; opacity:0; width:100%; height:100%; }
#privacy.on { visibility:visible; opacity:1; z-index:99999; }
#privacy .bg { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.80); }
#privacy .privacyBody { position:absolute; left:50%; transform:translate(-50%, -50%); top:50%; z-index:5; max-width:1200px; width:100%; }
#privacy .privacyBody .line-box { margin-top:30px; width:100%; background-color:#fff; padding:20px; }
#privacy .privacyBody .line-box > div { border:1px solid #ddd; padding:10px; }
#privacy .privacyBody .privacy-box { height:calc(100vh - 400px); padding:20px; overflow:auto; }
#privacy .privacyBody h2 { color:#fff; font-size:50px; font-weight:600; line-height:1.3; text-align:center }
#privacy .btn_close { cursor:pointer; position:absolute; top:15px; right:-15px; width:50px; height:50px; background:url(/img/common/btn_close_p.png) center center no-repeat;}

@media screen and (max-width:1280px){
    #privacy .privacyBody h2 { font-size:32px; }
    #privacy .privacyBody { left:80px; top:100px; transform:translate(0); width:calc(100vw - 160px); height:calc(100vh - 160px); }
    #privacy .privacyBody .privacy-box { height:calc(100vh - 370px); }
    #privacy .btn_close { top:0; }
}
@media screen and (max-width:1024px){
    #privacy .privacyBody h2 { font-size:28px; }
    #privacy .privacyBody { left:40px; top:100px; width:calc(100vw - 80px); }
    #privacy .btn_close { right:-5px; width:40px; height:40px;  }
}
@media screen and (max-width:640px){
    #privacy .privacyBody h2 { font-size:24px; }
    #privacy .privacyBody { left:20px; top:100px; width:calc(100vw - 40px); }
	#privacy .privacyBody .line-box { margin-top:15px; padding:10px; }
	#privacy .privacyBody .line-box > div { padding:5px; }
    #privacy .privacyBody .privacy-box { height:calc(100vh - 300px); padding:10px; }
    #privacy .btn_close { top:-5px; background-size:15px auto; }
}
@media screen and (max-height:760px){
    #privacy .privacyBody h2 { font-size:32px; }
    #privacy .privacyBody .privacy-box {  height:calc(100vh - 300px);}
}
@media screen and (max-height:680px){
    #privacy .privacyBody h2 { font-size:24px; }
	#privacy .privacyBody .line-box { margin-top:15px; }
	#privacy .privacyBody .line-box > div { padding:5px; }
    #privacy .privacyBody .privacy-box {  height:calc(100vh - 255px); padding:10px; }
}

/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; font-size:15px; line-height:1.4; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#222; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy h4 { font-size:18px; font-weight:bold; color:#222; text-align:left; margin:50px 0 30px; }
.privacy .stxt { font-size:15px; font-weight:500; color:#222; text-align:left; margin:14px 0 10px; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:16px; color:#222;font-weight:700;padding-bottom:10px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:1.4; }
.privacy > dl > dd ul{ padding:10px; display:block }
.privacy > dl > dd ul li{ line-height:1.4; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; margin-top:8px;}
.privacy > dl > dd table { margin-top:10px; border-top:1px solid #ddd; max-width:1200px; }
.privacy > dl > dd th { text-align:center; font-size:15px; font-weight:500; padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fafafa }
.privacy > dl > dd td { text-align:center; font-size:15px; font-weight:400; padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.privacy > dl > dd th:first-child,
.privacy > dl > dd td:first-child{ border-left:none }
.sTxt h3 { font-size:16px; color:#222; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }



/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; max-width:1000px; margin:0 auto; }
.video-container:before { content:''; display:block; padding-bottom:56.25%; /* 16:9 비율 */ }
.video-container video,
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }