@charset 'utf-8';
.rh{font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif;}
.cm{font-family: 'Cormorant', 'Noto Sans KR', sans-serif;}
.pre{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.br{display:none; }

/* privacy
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all;}
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; 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%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; } */

/* °øÅë */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select_bg.png) no-repeat 95% 50%;
}
input, select, textarea{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}
*{line-height: 1.3; word-break:keep-all}
figure{margin: 0;}
.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px;overflow: hidden;}
.w1400{width: 100%; max-width: 1400px; margin: 0 auto; box-sizing:border-box;}
.w1620{width: 100%; max-width: 1620px; margin: 0 auto; box-sizing:border-box;}
.w1820{width: 100%; max-width: 1820px; margin: 0 auto; box-sizing:border-box;}

/* ž */
.go_top{position:fixed; bottom: 20px; right: 20px;	width: 60px; height: 60px; border-radius:50%; background: #0000002e; cursor: pointer; z-index: 100; transition:0.4s}
.go_top img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.go_top:hover{background: #0054a6;}
/* ž2 */
.go_top2{position:fixed; bottom: 20px; right: 20px;	width: 60px; height: 60px; border-radius:50%; background: #ffffff2e; cursor: pointer; z-index: 100; transition:0.4s}
.go_top2 img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.go_top2:hover{background: #0054a6;}
/* cursor */
.cursor{position: fixed; top: 35px; left: 35px; width: 30px; height: 30px; border-radius: 50%;background-color: transparent; user-select: none; pointer-events: none; border:2px solid #fff; box-sizing:border-box; z-index: 1000; overflow: hidden; transition: all 0.2s ease-out;}
.cursor p{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); opacity: 0; text-align: center; font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; font-weight:500; font-size:16px; color: #fff;}
.cursor::after{content:""; z-index: -1;  border-radius: 50%; top: -3px; left: -3px; width: 30px; height: 30px; position: absolute; display:inline-block; vertical-align: top; opacity: 1; border:1px solid transparent; transition: all 0.2s ease-out;}
.cursor.on{top: 0; left: 0; width: 100px; height: 100px; border-color:transparent;}
.cursor.on::after{top: 0; left: 0; width: 100px; height: 100px; background-color:#090909; opacity: 0.7;}
.cursor.on p{opacity: 1;}
.cursor.none{top: 50px !important; left: 50px !important; width: 0 !important; height: 0 !important; border-color:transparent !important;}
.cursor.blue{width: 30px; height: 30px; border-color:#0054a6; opacity: 0.6; background-color:#0054a6;}
.cursor.n_cursor::after{display:none; }
.cursor.s_cursor{position:absolute; border:none;}
.cursor.s_cursor.not{opacity: 0;}
.line_cur{position:relative; }
.line_cur::after{content:''; position:absolute; bottom: 0; left: -10px; width: 60px; height: 60px; border-radius:30px; background: #0054a6; opacity: 0.6; transition:0.5s; z-index: -1;}
.header.sub .line_cur::after{opacity: 0.1;}
.bgb .header.sub .line_cur::after{opacity: 0.6;}
.line_cur:hover::after{transform:scale(1.35);}

/* quick */
.quick{position:fixed; width: 70px; bottom: 40px; right: 50px; text-align: center; z-index: 100;}
.quick ul{display:none; position:absolute; bottom: 0; left: 0; width: 100%;background: rgb(0,67,148); background: linear-gradient(0deg, rgba(0,67,148,0.75) 0%, rgba(0,103,178,0.75) 100%); border-radius:35px 35px 0 0; padding-bottom:56px; overflow: hidden; transition:border-radius 0.4s; padding-top: 14px;}
.quick ul li a{display:inline-block; vertical-align: top; width: 100%; text-align:center; padding: 10px 0; box-sizing:border-box;}
.quick ul li a img{max-width: 35%;}
.quick .open{width: 100%; height: 70px; border-radius:50%; cursor: pointer; overflow: hidden;}
.quick .open::before{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; border:1px solid #fff; box-sizing:border-box; opacity: 0.5;}
.quick .open span:not(.clip){position:relative; display:inline-block; vertical-align: top; width: 20px; height: 20px; margin-top: 24px;}
.quick .open span:not(.clip)::before{content:''; position:absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; opacity: 0.9; transform:translateX(-50%); transition:0.3s}
.quick .open span:not(.clip)::after{content:''; position:absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #fff; opacity: 0.9; transform:translateY(-50%); transition:0.3s}
.quick.on .open{height: 56px;}
.quick.on .open::before{opacity: 0;}
.quick.on ul{border-radius:35px}
.quick.on .open span:not(.clip){margin-top: 14px;}
.quick.on .open span:not(.clip)::before{transform:translateX(-50%) rotate(-45deg);}
.quick.on .open span:not(.clip)::after{transform:translateY(-50%) rotate(-45deg);}

/* header */
.header{position:fixed; top: 0; left: 0; display:flex; justify-content:space-between; align-items:center; padding: 20px 50px; box-sizing:border-box; width: 100%; z-index: 500; transition:0.3s}
.header .logo{position:relative; width: 222px; height: 17px; background:url(/img/common/logo.svg) 50% 50% no-repeat; background-size:cover; z-index: 1;}
.header .logo a{position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.header nav.gnb_top { position:fixed; right:320px; }
.header nav.gnb_top ul { display:flex; }
.header nav.gnb_top ul li:not(:last-child) { margin-right:85px; }
.header nav.gnb_top ul li a { transition: 0.4s; font-weight: 700; font-size: 18px; color: #fff; text-transform: uppercase; }
.header.on nav.gnb_top { display:none }
.header .header_ui{display:flex; align-items:center;}
.header .header_ui .link_cont{position:relative; margin-right: 10px; z-index: 1;}
.header .header_ui .link_cont a{display:inline-block; vertical-align: top; font-weight:600; font-size:16px; color: #fff; text-transform: uppercase; padding: 20px 15px;font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif;}  
.header .header_ui .m_btn{position:relative; width: 64px; height: 64px; text-align: center; cursor: pointer; z-index: 1;}
.header .header_ui .m_btn::before{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; border:1px solid #fff; box-sizing:border-box; transform:scale(0); transition:0.5s}
.header .header_ui .m_btn span:not(.clip){position:relative; display:inline-block; vertical-align: top; width: 30px; height: 2px; margin: 31px  0;}
.header .header_ui .m_btn span:not(.clip)::before{content:''; position:absolute; top: -5px; right: 0; width: 15px; height: 2px; background: #fff; transition:0.3s cubic-bezier(0.37, 0, 0.63, 1);}
.header .header_ui .m_btn span:not(.clip)::after{content:''; position:absolute; top: 5px; left: 0; width: 30px; height: 2px; background: #fff; transition:0.3s cubic-bezier(0.37, 0, 0.63, 1);}
.header .header_ui .m_nav{position:fixed; top: 0; left: 0; width: 100%; height: 0; background: #090909; padding: 0 50px; box-sizing:border-box; transition:0.8s 0.4s cubic-bezier(0.5, 1, 0.89, 1); overflow: hidden;}
.header .header_ui .m_nav .box{display:flex; flex-wrap:wrap; align-items:flex-end; height: calc(100vh - 9.4vw); box-sizing:border-box; padding-top: 104px;}
.header .header_ui .m_nav .box .info{width: 50%;}
.header .header_ui .m_nav .box .info h5{font-family: 'Cormorant', 'Noto Sans KR', sans-serif; font-weight:500; font-size:15px; letter-spacing:0.05em; color: #fff; opacity: 0.5; text-transform: uppercase; margin-bottom:6px;}
.header .header_ui .m_nav .box .info p{font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; font-weight:300; font-size:20px; letter-spacing:0.05em; line-height: 1.2; color: #fff; opacity: 1;} 
.header .header_ui .m_nav .box .info .address{opacity: 0; transform:translateX(-60px); transition:0.7s}
.header .header_ui .m_nav .box .info .address p{opacity: 1; font-weight:300;}
.header .header_ui .m_nav .box .info .contact{display:flex; flex-wrap:wrap; opacity: 0;  transform:translateX(-60px); transition:0.7s}
.header .header_ui .m_nav .box .info .contact > div{margin-bottom:2.62vw; margin-right: 50px;}
.header .header_ui .m_nav .box .info .contact > div p{font-weight:400;}
.header .header_ui .m_nav .box .gnb{width: 50%;}
.header .header_ui .m_nav .box .gnb ul{font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; }
.header .header_ui .m_nav .box .gnb ul li{padding-bottom:2.62vw;}
.header .header_ui .m_nav .box .gnb ul li:last-of-type{padding-bottom:0;}
.header .header_ui .m_nav .box .gnb ul li a{display:inline-block; vertical-align: top; width: 100%; font-weight: bold; font-size:4.69vw; color: #fff; text-transform: uppercase; overflow: hidden; transition:0.4s}
.header .header_ui .m_nav .box .gnb ul li a > span:first-of-type{display:inline-block; vertical-align: top; line-height: 1; overflow: hidden; transition:0.4s}
.header .header_ui .m_nav .box .gnb ul li a > span:first-of-type span{display:inline-block; vertical-align: top; line-height: 1; transform:translateY(100%); transition:1s;}
.header .header_ui .m_nav .box .gnb ul li a > span:last-of-type{display:block; font-weight:400; font-size:18px; letter-spacing:0.05em; color: #fff; text-transform: none; overflow: hidden; line-height: 1.1; transition:0.4s}
.header .header_ui .m_nav .box .gnb ul li a > span:last-of-type span{display:inline-block; vertical-align: top; line-height: 1; opacity: 0; transition:0.45s; transform:translateX(-15px);}
.header .header_ui .m_nav .header_foo{position:absolute; bottom: 60px; left: 0; display:flex; align-items:center; justify-content:space-between; width: 100%; padding: 0 50px; box-sizing:border-box; opacity: 0; transition:0.4s}
.header .header_ui .m_nav .header_foo .icon_list{display:flex; }
.header .header_ui .m_nav .header_foo .icon_list li{margin-right: 18px;}
.header .header_ui .m_nav .header_foo .icon_list li:last-of-type{margin-right: 0;}
.header .header_ui .m_nav .header_foo .icon_list li a{display:inline-block; vertical-align: top; opacity: 0.35; transition:0.3s}
.header .header_ui .m_nav .header_foo .copy{position:absolute; top: 50%; left: 50%; font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; font-weight:300; font-size:16px; opacity: 0.35; color: #fff; transform:translate(-50%,-50%);}
.header .header_ui .m_nav .header_foo .f_link{display:flex;}
.header .header_ui .m_nav .header_foo .f_link li{margin-right: 65px;}
.header .header_ui .m_nav .header_foo .f_link li:last-of-type{margin-right: 0;}
.header .header_ui .m_nav .header_foo .f_link li a{position:relative; display:inline-block; vertical-align: top; font-family: 'Cormorant', 'Noto Sans KR', sans-serif; font-weight:500; font-size:18px; color: #fff; text-transform: uppercase; opacity: 0.5; transition:0.3s}
.header .header_ui .m_nav .header_foo .f_link li a::after{content:''; position:absolute; bottom: -3px; left: 0; width: 0; height: 1px; background: #fff; transition:0.3s}
.header .header_ui .m_nav .header_foo .f_link li a img{margin-top: 4px; margin-left: 2px;}

/* on&hover */
.header .header_ui .m_btn:hover::before{transform:scale(1); transition-delay: 0.2s}
.header .header_ui .m_btn.on span:not(.clip)::before,
.header .header_ui .m_btn:hover span:not(.clip)::before{width: 20px; right: 5px;}
.header .header_ui .m_btn.on span:not(.clip)::after,
.header .header_ui .m_btn:hover span:not(.clip)::after{width: 20px; left: 5px;}
.header .header_ui .m_btn.on span:not(.clip)::before{top: 0; transform:rotate(45deg);}
.header .header_ui .m_btn.on span:not(.clip)::after{top: 0; transform:rotate(-45deg); transition-delay: 0s}

.header .header_ui .m_nav.on{height: 100%; transition-delay:0s}
.header .header_ui .m_nav.on .box .gnb ul li a > span:last-of-type span{opacity: 0.4; transform:translateX(0);}
.header .header_ui .m_nav.on .box .gnb ul li a > span:first-of-type span{transform:translateY(0);}
.header .header_ui .m_nav.on .box .gnb ul li.none a > span:first-of-type{opacity: 0.1;}
.header .header_ui .m_nav.on .box .gnb ul li.none  a > span:last-of-type{opacity: 0.5;}
.header .header_ui .m_nav.on .box .info .address{transform:translateX(0); opacity:0.8; transition-delay:0.8s}
.header .header_ui .m_nav.on .box .info .contact{transform:translateX(0); opacity:1; transition-delay:0.8s}
.header .header_ui .m_nav.on .header_foo{opacity: 1; transition-delay:0.6s}
.header .header_ui .m_nav .header_foo .icon_list li a:hover{opacity: 0.8;}
.header .header_ui .m_nav .header_foo .f_link li a:hover{opacity: 0.8;}
.header .header_ui .m_nav .header_foo .f_link li a:hover::after{width: 100%;}

/* ³ëÆ®ºÏ 125% */
.ratio .header{padding: 6px 50px;}
.ratio .header.down{background: #fff; padding: 6px 50px;}
.ratio .header .logo{width: 180px; height: 13px;}
.ratio .header .header_ui .m_nav .box{height: calc(100vh - 8.4vw); padding-top: 76px;}
.ratio .header .header_ui .m_nav .box .info .address{margin-bottom:2.62vw;}
.ratio .header .header_ui .m_nav .box .info .contact > div{margin-bottom:2.62vw;}
.ratio .header .header_ui .m_nav .box .info .contact > div:last-of-type{margin-bottom:0;}
.ratio .header .header_ui .m_nav .box .gnb ul li{padding-bottom:2.62vw;}
.ratio .header .header_ui .m_nav .box .gnb ul li:last-of-type{margin-bottom:0;}
.ratio .header .header_ui .m_nav .box .gnb ul li a{font-size:4vw; }
.ratio .header .header_ui .m_nav .box .info p{font-size:17px;}
.ratio .header .header_ui .m_nav.on .header_foo{bottom: 40px;}

/* ¼­ºêÆäÀÌÁö */
.header.down{background: #ffffffc9; padding: 10px 50px;}
.header.sub .logo{background:url(/img/common/logoH.svg) 50% 50% no-repeat; background-size:cover;}
.header.sub nav.gnb_top ul li a { color:#111; }
.header.sub .header_ui .link_cont a{color: #222; transition:0.4s}
.header.sub .header_ui .m_btn:hover::before{border:1px solid #222;}
.header.sub .header_ui .m_btn span:not(.clip)::after,
.header.sub .header_ui .m_btn span:not(.clip)::before{background: #222; transition:0.4s}
.header.sub.on .header_ui .link_cont a{color: #fff;}
.header.sub.on .header_ui .m_btn:hover::before{border:1px solid #fff}
.header.sub.on .header_ui .m_btn span:not(.clip)::after,
.header.sub.on .header_ui .m_btn span:not(.clip)::before{background: #fff;}
.header.sub.on .logo{background:url(/img/common/logo.svg) 50% 50% no-repeat; background-size:cover;}

/* ¼­ºêÆäÀÌÁö footer */
.footer{padding: 80px 0; border-top: 1px solid #e5e5e5;}
.footer .box{display:flex; justify-content:space-between; margin-bottom:30px;}
.footer .box:last-of-type{margin-bottom:0; align-items:flex-end}
.footer .box .info{display:flex;}
.footer .box .info dl{margin-right: 100px;}
.footer .box .info dl:last-of-type{margin-right: 0;}
.footer .box .info dl dt{font-family: 'Cormorant', serif; text-transform: uppercase; font-weight:700; font-size:15px; color: #333; margin-bottom:10px;}
.footer .box .info dl dd{font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; font-size:18px; letter-spacing:0.05em; color: #333; line-height: 1.5;}
.footer .box .info dl:first-of-type dd{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.footer .box .link{}
.footer .box .link li{text-align: right; margin-bottom:24px;}
.footer .box .link li:last-of-type{margin-bottom:0;}
.footer .box .link li a{font-family: 'Cormorant', serif; font-weight:600; font-size:18px; color: #333; text-transform: uppercase;}
.footer .box .link li:first-of-type a{color: #999;}
.footer .box .link li a img{position:relative; top: 4px;}
.footer .box .copy{font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif; font-size:16px; color: #aaa;}
.footer .box .sns{display:flex;}
.footer .box .sns li{margin-right: 25px;}
.footer .box .sns li:last-of-type{margin-right: 0;}
.footer .box .sns li a{}
.footer .box .sns li a img{}

/* °ËÀº¹è°æ */
.footer.bgb,
.bgb .footer{border-top:1px solid #ffffff50}
.footer.bgb .box .info dl dt,
.bgb .footer .box .info dl dt{color: #fff; opacity: 0.5;}
.footer.bgb .box .info dl dd,
.bgb .footer .box .info dl dd{color: #fff; opacity: 0.8;}
.footer.bgb .box .link li a,
.bgb .footer.bgb .box .link li a{color: #fff; opacity: 0.6}
.footer.bgb .box .copy,
.bgb .footer .box .copy{color: #fff; opacity: 0.4;}


/* ¹ÝÀÀÇü */
@media screen and (max-height: 820px){
	.header .header_ui .m_nav .box{overflow-y: auto;}
}

@media screen and (max-width: 1820px){
	.w1820{padding: 0 50px;}
}

@media screen and (max-width: 1700px){
	.header .header_ui .m_nav .box{height: calc(100vh - 180px);}
	.header .header_ui .m_nav .box .gnb ul li{padding-bottom:50px;}
	.header .header_ui .m_nav .box .gnb ul li a{font-size:80px}	
}

@media screen and (max-width: 1620px){
	.w1620{padding: 0 50px;}
}

@media screen and (max-width: 1400px){
	.w1400{padding: 0 50px;}
	.footer .box .info dl{margin-right: 50px;}
}

@media screen and (max-width: 1200px){
	.w1820,
	.w1620,
	.w1400{padding: 0 16px;}

	.cursor{display:none; }
	.header{padding: 12px 30px;}
	.header.down{padding: 12px 30px;}
	.header .header_ui .m_nav{padding: 0 30px;}
	.header .header_ui .m_nav .box{height: calc(100vh - 300px); padding-top: 0; margin-top: 88px;}
	.header .header_ui .m_nav .box .gnb ul li a{font-size:60px}	
	.header .header_ui .m_nav .box .info p{font-size:17px;}
	.header .header_ui .m_nav .header_foo{padding: 0 30px; bottom: 30px;}
	.header .header_ui .m_nav .header_foo .f_link li{margin-right: 20px;}
    
    .header nav.gnb_top { right:280px; }
    .header nav.gnb_top ul li:not(:last-child) { margin-right:70px; }
	
	.footer{padding: 50px 0;}
	.footer .box{align-items:flex-end}
	.footer .box .info{flex-wrap:wrap;}
	.footer .box .info dl:first-of-type{width: 100%; margin-bottom:20px;}
	.footer .box .link{width: 200px;}
	
	.quick{right: 30px; bottom: 30px;}
}

@media screen and (max-width: 1000px){
	.go_top2,
	.go_top{bottom: 10px; right: 10px;}
	
	.header{padding: 12px 16px;}
	.header.down{padding: 12px 16px;}
	.header .header_ui .m_nav{padding: 0 16px; text-align: right;}
	.header .header_ui .m_nav .box{height: calc(100% - 200px); margin-top: 80px;}
	.header .header_ui .m_nav .box .info{width: 100%; order:2; margin-top: 50px;}
	.header .header_ui .m_nav .box .gnb{width: 100%; box-sizing:border-box; padding-right:22px;}
	.header .header_ui .m_nav .box .gnb ul li{padding-bottom:25px;}
	.header .header_ui .m_nav .box .gnb ul li a > span:last-of-type{font-size:17px;}
	.header .header_ui .m_nav .box .info .contact{justify-content:flex-end}
	.header .header_ui .m_nav .box .info .contact > div:last-of-type{width: auto; margin-right: 0;}
	.header .header_ui .m_nav .header_foo{padding: 0 16px; flex-wrap:wrap; align-items:flex-end; justify-content:flex-end}
	.header .header_ui .m_nav .header_foo .icon_list{width: 100%; justify-content:flex-end; margin-bottom:20px;}
	.header .header_ui .m_nav .header_foo .copy{left: 16px; top: auto; bottom: 0; transform:translateX(0);}
	.header .header_ui .m_btn{width: 45px; height: 45px;}
	.header .header_ui .m_btn span:not(.clip){margin: 22px 0;}
	.header .header_ui .m_nav .box .info .address{transform:translateX(60px);}
	.header .header_ui .m_nav .box .info .contact{transform:translateX(60px);}
    
    .header nav.gnb_top { right:250px; }
    .header nav.gnb_top ul li:not(:last-child) { margin-right:60px; }
	
	.footer{position:relative; }
	.footer .box{ flex-wrap:wrap; margin-bottom:20px;}
	.footer .box .info{width: 100%;}
	.footer .box .info dl:first-of-type br{display:none; }
	.footer .box .info dl dt{margin-bottom:4px;}
	.footer .box .link{position:absolute; top: 20px; right: 16px; width: 100%; display:flex; justify-content:flex-end;}
	.footer .box .link li{margin-bottom:0; margin-right: 20px;}
	.footer .box .link li:last-of-type{margin-right: 0;}
	.quick{width: 50px; right: 16px; bottom: 16px;}
	.quick .open{height: 50px;}
	.quick .open span:not(.clip){margin-top: 14px;}
	.quick ul{padding-bottom:50px;}
	.quick ul li a{padding: 10px 0;}


}
@media screen and (max-width: 860px){
    .header nav.gnb_top { display:none }
}


@media screen and (max-width: 700px){
	.header .header_ui .m_nav .box{height: calc(100% - 230px);}
	.header .header_ui .m_nav .box .gnb ul li a > span:last-of-type{font-size:16px;}
	.header .header_ui .m_nav .header_foo .copy{position:static; order:3}
	.header .header_ui .m_nav .header_foo .icon_list{margin-bottom:15px;}
	.header .header_ui .m_nav .header_foo .f_link{width: 100%; justify-content:flex-end; margin-bottom: 20px;}
	.footer{padding: 30px 0;}
	.footer > div{position:relative; }
	.footer .box{margin-bottom:30px;}
	.footer .box .info dl{margin-right: 20px; order:3}
	.footer .box .info dl:first-of-type{order:1}
	.footer .box .info dl:last-of-type{order:2; margin-right: 20px;}
	.footer .box .info dl dd{font-size:17px;}
	.footer .box .link{order:-1; position:static; justify-content:flex-start; margin-bottom:20px;}
	.footer .box:last-of-type .sns{width: 100%; order:-1; margin-bottom:13px;}

}

@media screen and (max-width: 600px){
	.header .logo{width: 154px; height: 11px;}
	.header .header_ui .m_nav .box{height: calc(100% - 186px);}
	.header .header_ui .m_nav .box .gnb{padding-right: 0;}
	.header .header_ui .m_nav .box .gnb ul li a > span:last-of-type{display:none; }
	.header .header_ui .m_nav .box .info{margin-top: 30px;}
	.header .header_ui .m_nav .box .info h5{margin-bottom:0;}
	.header .header_ui .m_nav .header_foo .icon_list{margin-bottom:14px; display:none; }
	.header .header_ui .m_nav .header_foo .f_link{margin-bottom: 14px;}

	.footer .box .info dl{margin-right: 12px;}
	.footer .box .info dl:first-of-type{margin-right: 0; margin-bottom:14px;}
	.footer .box .info dl:last-of-type{width: 100%; margin-right: 0; margin-bottom:14px;}
	.footer .box .info dl dd{font-size:16px;}
	.footer .box .link li a{font-size:16px;}
	.footer .box .copy{font-size:14px;}
}

/* °¡·Î¸ðµå */
@media screen and (max-height: 480px) {
	.header{padding: 0 16px;}
	.header.down{padding: 0 16px;}

	.header .logo{width: 120px; height: 9px;}
	.header_ui .link_cont a{padding: 10px 0;}
	.header .header_ui .m_nav .box{margin-top: 56px; height: calc(100% - 150px);}
	.header .header_ui .m_nav .header_foo{bottom: 10px;}
	.header .header_ui .m_nav .header_foo .icon_list,
	.header .header_ui .m_nav .header_foo .f_link{margin-bottom:10px;}
	.header .header_ui .m_nav .header_foo .f_link li a{font-size:15px;}
	.header .header_ui .m_nav .header_foo .copy{font-size:12px;}
	.header .header_ui .m_nav .header_foo .icon_list li{width: 20px; height: 20px; margin-right: 10px;}
	.header .header_ui .m_nav .box .gnb ul li a{font-size:26px;}

	.quick.on{z-index: 1000;}
	.quick ul li a img{width: 17px;}
	.quick{width: 35px;}
	.quick.on .open,
	.quick .open{height: 35px;}
	.quick ul{padding-bottom:35px;}
	.quick.on .open span:not(.clip),
	.quick .open span:not(.clip){width: 14px; height: 14px; margin-top: 10px;}

}