*{
font-family: Pretendard;
margin:0;
padding:0;
box-sizing: border-box;
}

header{box-sizing: border-box;}
li{list-style:none;}
a{text-decoration: none;color:#000;}

.bold{font-weight:700;}


[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos]{transition-duration:.6s}


@media screen and (min-width: 1001px){

/* ==========================================
   Header
=============================================*/

.mo_header{display:none}
.pc_header{width: 100%;max-width:100%;height: 100px;background:transparent;position:fixed;top:0;left:0;z-index:9999;transition:all 0.3s;;border-bottom:1px solid #fff}
.pc_header .header_out{width: 100%;max-width:1760px;margin:0 auto;height:100%;position:relative;}
.pc_header .header_in{width: 100%;max-width:1280px;margin:0 auto;height:100%;;position:relative;display:flex;justify-content: space-between;align-items:Center;}
.pc_header .logo{width: 230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);;}
.pc_header .logo a{display:block;width: 100%;height: 100%;}

.pc_header.on{background:#fff;}

/* 메뉴항목 */
.pc_header .header_in .pc_menu{display:flex;height: 100%;}
.pc_header .header_in .pc_menu li{height: 100%;position:Relative;}
.pc_header .header_in .pc_menu>li>a{display:block;font-size:18px;height: 100%;line-height:100px;}
.pc_header .header_in .pc_menu1>li>a{padding-right:110px;}
.pc_header .header_in .pc_menu2>li>a{padding-left:110px;}

.pc_header .header_in .pc_menu .pc_sub_menu{position:Absolute;top:80%;width: 90%;background:#fff;padding:20px 0;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
display:none;}

.pc_header .header_in .pc_menu .pc_sub_menu1{left:-30%;}
.pc_header .header_in .pc_menu .pc_sub_menu2{right:-25%;}
.pc_header .header_in .pc_menu .pc_sub_menu li{text-align:center;}
.pc_header .header_in .pc_menu .pc_sub_menu li a{display:block;width: 100%;padding:12px 0;font-size:18px;}


.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu1{left:-50%;}
.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu{width: 140%;}




/* 메뉴버튼 */

.pc_header .pc_menu_btn{width: 35px;height:35px;position:absolute;right:-12px;top:50%;transform:translateY(-50%);cursor:pointer;}
.pc_header .pc_menu_btn span{display:block;position:Absolute;top:50%;transform:translateY(-50%);
							width: 100%;height: 4px;background:#fff;transition:all 0.3s;border-radius:50px;} 

.pc_header .pc_menu_btn .menu_line1{margin-top:-12px;}
.pc_header .pc_menu_btn .menu_line2{width: 70%;}
.pc_header .pc_menu_btn .menu_line3{margin-top:12px;}

.pc_header .pc_menu_btn.on .menu_line1{margin-top:0;transform: rotate(45deg);}
.pc_header .pc_menu_btn.on .menu_line2{width: 0;}
.pc_header .pc_menu_btn.on .menu_line3{margin-top:0vw;transform: rotate(-45deg);}

.pc_header.on{background:#fff;box-shadow:0.1000vw 0.3000vw 0.6000vw rgb(0 0 0 / 8%)}
.pc_header.on2{background:#fff;box-shadow:0.1000vw 0.3000vw 0.6000vw rgb(0 0 0 / 8%)}
.pc_header.on .pc_menu_btn>span{background:#000;}
.pc_header.on .pc_menu_btn>span{background:#000;}
.pc_header.on2 .pc_menu_btn>span{background:#000;}




/*퀵메뉴*/
.quick_btn{width: 80px;height: 80px;background:#797979;border-radius:10px;
position:fixed;bottom:20px;right:20px;z-index:9500;
display:flex;flex-direction: column;align-items: center;justify-content: center;cursor:pointer}
.quick_btn .img{width: 28px;}
.quick_btn .img img{width: 100%;}
.quick_btn p{margin-top:3px;color:#fff;font-size:14px;font-weight:600;}


/* ==========================================
   Footer
=============================================*/
footer{width: 100%;height: 200px;background:#1d1d1d;}
.footer_in{width:100%;max-width:1280px;margin:0 auto;}
.footer_in .f_top{height: 120px;display:flex;justify-content:space-between;align-items:Center;border-bottom:1px solid #fff}
.f_top address{font-style:normal;font-size:15px;font-weight:300;color:#fff;}
.f_top address p:last-child{margin-top:6px;}
.f_top address span{display:inline-block;width: 1px;height: 15px;background:#fff;margin:0 20px; }

.f_top address .none{display:none;}

.footer_in .f_bottom{display:flex;justify-content:Space-between;align-items:center;padding-top:20px;}
.f_bottom .cp{font-size:16px;color:#fff;}
.f_bottom .cp a{color:#fff}



}



/* ===================================================

	화면 틀어짐 방지

======================================================*/
@media screen and (min-width:1001px) and (max-width:1700px){

	.pc_header{padding:0}
	/* Header */
	.pc_header .header_out{width: 98%;max-width:98%;margin:0 auto;}
	.pc_header .header_in{width: 96%;max-width:96%;margin:0 auto;background:transparent}

	.pc_header .header_in .pc_menu1>li>a{font-size:16px;}
	.pc_header .header_in .pc_menu .pc_sub_menu li a{padding:10px 0;font-size:16px;}


	.pc_header .logo{width: 210px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);;}
	.pc_header .logo img{width: 100%;}


	/* 메뉴항목 */
	.pc_header .header_in .pc_menu{width: 40%;display:flex;height: 100%;}
	.pc_header .header_in .pc_menu>li{width:33.3%;height: 100%;position:Relative;text-align:center;}
	.pc_header .header_in .pc_menu>li>a{display:block;font-size:17px;height: 100%;line-height:100px;}
	.pc_header .header_in .pc_menu1>li>a{padding-right:0px;}
	.pc_header .header_in .pc_menu2>li>a{padding-left:0px;}

	.pc_header .header_in .pc_menu .pc_sub_menu{position:Absolute;top:80%;width: 90%;background:#fff;padding:10px 0;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	display:none;}

	.pc_header .header_in .pc_menu .pc_sub_menu1{left:0%;}
	.pc_header .header_in .pc_menu .pc_sub_menu2{right:5%;}
	.pc_header .header_in .pc_menu .pc_sub_menu li{text-align:center;}
	.pc_header .header_in .pc_menu .pc_sub_menu li a{display:block;width: 100%;padding:12px 0;font-size:17px;}


	.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu{width: 140%;}
	.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu1{left:-18%;}




}




@media screen and (min-width:1001px) and (max-width:1300px){

	
		.pc_header{padding:0;height:90px;}

	/* Header */
	.pc_header .header_out{width: 98%;max-width:98%;margin:0 auto;}
	.pc_header .header_in{width: 96%;max-width:96%;margin:0 auto;background:transparent}

	.pc_header .header_in .pc_menu1>li>a{font-size:16px;}
	.pc_header .header_in .pc_menu .pc_sub_menu li a{padding:10px 0;font-size:16px;}


	.pc_header .logo{width: 180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);;}
	.pc_header .logo img{width: 100%;}


	/* 메뉴항목 */
	.pc_header .header_in .pc_menu{display:flex;justify-content: center;height: 100%;width: 40%;}
	.pc_header .header_in .pc_menu>li{width: 33%;height: 100%;position:Relative;text-align:Center;}
	.pc_header .header_in .pc_menu>li>a{display:block;font-size:16px;height: 100%;line-height:90px;}
	.pc_header .header_in .pc_menu1>li>a{width:100%;padding-right:0px;}
	.pc_header .header_in .pc_menu2>li>a{padding-left:0px;}

	.pc_header .header_in .pc_menu .pc_sub_menu{position:Absolute;top:80%;width:98%;background:#fff;padding:10px 0;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.55);
	display:none;}

	.pc_header .header_in .pc_menu .pc_sub_menu1{left:2%;}
	.pc_header .header_in .pc_menu .pc_sub_menu2{right:0%;}
	.pc_header .header_in .pc_menu .pc_sub_menu li{text-align:center;}
	.pc_header .header_in .pc_menu .pc_sub_menu li a{display:block;width: 100%;padding:12px 0;font-size:16px;}


	.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu{width: 140%;}
	.pc_header .header_in .pc_menu1>li:last-child .pc_sub_menu1{left:-20%;}











	/* Footer */
	footer{height:auto;padding:10px 0}
	.footer_in{width:98%;margin:0 auto;}
	.footer_in .f_top{height:auto;padding:15px 0;flex-direction:column;align-items: flex-start;justify-content: space-evenly;}
	.f_top address{line-height:22px;}
	.f_top address .none{display:block;}
	.f_top address span{display:none;}

	





}



/* ===================================================

	730px ~ 1000px

======================================================*/


@media screen and (min-width:730px) and (max-width:1000px){

	.pc_header{display:none;}

	.mo_header{width: 100%;height:12.5000vw;position:fixed;top:0;left:0;z-index:9998;
			background:transparent;box-shadow:0.1000vw 0.3000vw 0.6000vw rgb(0 0 0 / 8%);border-bottom:0.100vw solid #fff;}
	.m_header_in{width: 94%;height:100%;margin:0 auto;display:flex;align-items:Center;justify-content:flex-end;}

	.m_header_in .logo{width:300px ;position:Absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
	.m_header_in .logo a{display:block;width:100%;}
	.m_header_in .logo img{width: 100%;}

	.m_header_in .mo_menu_btn{width: 7.0000vw;height: 7.0000vw;position:relative;cursor:pointer;margin-left:6.0000vw;}
	.m_header_in .mo_menu_btn span{display:block;position:Absolute;top:50%;transform:translateY(-50%);
								width: 100%;height: 0.7000vw;background:#fff;transition:all 0.3s;} 

	.m_header_in .mo_menu_btn .menu_line1{margin-top:-2.2000vw;}
	.m_header_in .mo_menu_btn .menu_line2{}
	.m_header_in .mo_menu_btn .menu_line3{margin-top:2.2000vw;}

	.m_header_in .mo_menu_btn.on .menu_line1{margin-top:0.0000vw;transform: rotate(45deg);}
	.m_header_in .mo_menu_btn.on .menu_line2{width: 0.0000vw;}
	.m_header_in .mo_menu_btn.on .menu_line3{margin-top:0.0000vw;transform: rotate(-45deg);}

	.mo_header.on{background:#fff;box-shadow:0.1000vw 0.3000vw 0.6000vw rgb(0 0 0 / 8%)}
	.mo_header.on2{background:#fff;box-shadow:0.1000vw 0.3000vw 0.6000vw rgb(0 0 0 / 8%)}
	.mo_header.on .mo_menu_btn>span{background:#000;}
	.mo_header.on .mo_menu_btn>span{background:#000;}
	.mo_header.on2 .mo_menu_btn>span{background:#000;}


	/*	버튼메뉴*/
	.t_menu_right{position: absolute;right: -105%;top: 12.5vw;height: calc(100vh - 12.5vw);background:#f2f2f2;width: 100%;
	box-shadow:-1px 5px 6px #999;overflow-y: scroll;}	


	.t_menu_right>p{position: absolute;left: 0;top: 0;height: 50px;line-height: 50px;font-size: 16px;text-align: center;font-weight: bold;width: 100%;color: #fff;}
	.tm_box{height: 100%;background: #fff;}
	.tm_box > ul{width: 100%;padding-bottom: 50px;}
	.tm_box >ul>li{border-bottom:1px solid #eee;position: relative;background: #fff;}
	.tm_box >ul>li>a{display: block;width: 100%;height: 50px;line-height: 50px;padding-left: 20px;font-size: 17px;font-weight: 500;position: relative;z-index:3}
	.tm_box >ul>li>ul{width: 100%;background: #f2f2f2;padding-left: 20px;padding: 10px 0 10px 10px;display: none;}
	.tm_box >ul>li>ul>li{position: relative;padding-left: 0px;}
	.tm_box >ul>li>ul>li>a{display: block;width: 100%;height: 40px;line-height: 40px;color: #000;font-size: 16px;font-weight:400;text-indent:20px;}
	
	.tm_box .spindiv{
	position: absolute;right:20px;top:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:Center;background:#000;
	}
	.tm_box .spindiv.on{
		animation: spind 0.4s linear alternate;-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv.on1{
		animation: spind2 0.4s linear alternate;-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv>span:nth-child(1){position: absolute;display: block;width: 4px;height: 20px;background: #fff;left:50%;top: 50%;transform:translate(-50%,-50%);}
	.tm_box .spindiv.on>span:nth-child(2){
		animation: spindd 0.4s linear alternate;
		-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv.on1>span:nth-child(2){
		animation: spindd2 0.4s linear alternate;
		-webkit-animation-fill-mode:both
	}

	.tm_box .spindiv>span:nth-child(2){position: absolute;display: block;width:20px;height:4px;background:#fff;left:50%;top: 50%;transform:translate(-50%,-50%);}





	@keyframes spind {
	  0% {transform: rotate(0deg)}
	  100% {transform: rotate(90deg)}		
	}
	@keyframes spindd {
	  0% {opacity: 1}
	  100% {opacity: 0}		
	}
	@keyframes spind2 {
	  0% {transform: rotate(90deg)}
	  100% {transform: rotate(0deg)}		
	}
	@keyframes spindd2 {
	  0% {opacity: 0}
	  100% {opacity: 1}		
	}



	/* ==========================================
	   Footer
	=============================================*/
.quick_btn{display:none}


	footer{width: 100%;height:auto;background:#1d1d1d;}
	.footer_in{width:94%;margin:0 auto;}
	.footer_in .f_top{height:auto;display:flex;flex-direction: column;justify-content:space-between;align-items:flex-start;
	border-bottom:1px solid #fff;padding:20px 0}
	.footer_in .f_top .f_logo{margin-bottom:15px;}
	.f_top address{font-style:normal;font-size:20px;line-height:26px;font-weight:300;color:#fff;}
	.f_top address p:last-child{margin-top:6px;}
	.f_top address span{display:none;width: 1px;height: 15px;background:#fff;margin:0 25px; }

	.f_top address .none{display:block;}

	.footer_in .f_bottom{display:flex;justify-content:Space-between;align-items:center;padding:20px 0}
	.f_bottom .cp{font-size:20px;color:#fff;}
	.f_bottom .cp a{color:#fff}



}


/* ===================================================

	~729px

======================================================*/


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


		.pc_header{display:none;}

	.mo_header{width: 100%;height:16vw;;position:fixed;top:0;left:0;z-index:9998;background:transparent;box-shadow:0.1372vw 0.4115vw 0.8230vw rgb(0 0 0 / 8%);border-bottom:0.1372vw solid #fff}

	.m_header_in{width: 94%;height:100%;margin:0 auto;display:flex;align-items:Center;justify-content:flex-end;}

	.m_header_in .logo{width:45.0vw;position:Absolute;top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);}
	.m_header_in .logo a{display:block;width:100%;}
	.m_header_in .logo img{width: 100%;}

	.m_header_in .mo_menu_btn{width: 7.0000vw;height: 7.0000vw;position:relative;cursor:pointer;margin-left:6.0000vw;}
	.m_header_in .mo_menu_btn span{display:block;position:Absolute;top:50%;transform:translateY(-50%);
								width: 100%;height: 0.7000vw;background:#fff;transition:all 0.3s;} 

	.m_header_in .mo_menu_btn .menu_line1{margin-top:-2.2000vw;}
	.m_header_in .mo_menu_btn .menu_line2{}
	.m_header_in .mo_menu_btn .menu_line3{margin-top:2.2000vw;}

	.m_header_in .mo_menu_btn.on .menu_line1{margin-top:0.0000vw;transform: rotate(45deg);}
	.m_header_in .mo_menu_btn.on .menu_line2{width: 0.0000vw;}
	.m_header_in .mo_menu_btn.on .menu_line3{margin-top:0.0000vw;transform: rotate(-45deg);}

	.mo_header.on{background:#fff;border-bottom:0.1000vw solid #eee;box-shadow:0.1372vw 0.4115vw 0.8230vw rgb(0 0 0 / 8%)}
	.mo_header.on2{background:#fff;;border-bottom:0.1000vw solid #eee;box-shadow:0.1372vw 0.4115vw 0.8230vw rgb(0 0 0 / 8%)}
	.mo_header.on .mo_menu_btn>span{background:#000;}
	.mo_header.on2 .mo_menu_btn>span{background:#000;}


	/*	버튼메뉴*/

	.t_menu_right{position: absolute;right: -106%;top:16vw;;height: calc(100vh - 12.5vw);width: 100%;
	box-shadow:-1px 5px 6px #999;overflow-y: scroll;padding-top:0px}	


	.t_menu_right>p{position: absolute;left: 0;top: 0;height: 50px;line-height: 50px;font-size: 16px;text-align: center;font-weight: bold;width: 100%;color: #fff;}

	.tm_box{height: 100%;background:#fff;margin-bottom:50px;}
	.tm_box .qa_qqq{width: 100%;margin:0px auto 0;padding-bottom: 250px;background:#fff;}
	.tm_box .qa_qqq>li{border-bottom:1px solid #eee;position: relative;background: #fff;}
	.tm_box .qa_qqq>li>a{display: block;width: 100%;height: 50px;line-height: 50px;padding-left: 20px;font-size: 16px;font-weight: bold;position: relative;z-index:3}
	.tm_box .qa_qqq>li>ul{width: 100%;background:#f8f8f8;padding-left: 20px;padding: 10px 0 10px 10px;display: none;}
	.tm_box .qa_qqq>li>ul>li{position: relative;padding-left: 0px;}
	.tm_box .qa_qqq>li>ul>li>a{display: block;width: 100%;height: 40px;line-height: 40px;color: #000;font-size: 15px;font-weight:400;padding-left:20px;}
	
	.tm_box .spindiv{
	position: absolute;right:20px;top:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:Center;background:#000;}
	.tm_box .spindiv.on{
		animation: spind 0.4s linear alternate;-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv.on1{
		animation: spind2 0.4s linear alternate;-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv>span:nth-child(1){position: absolute;display: block;width: 4px;height: 20px;background: #fff;left:50%;top: 50%;transform:translate(-50%,-50%);}
	.tm_box .spindiv.on>span:nth-child(2){
		animation: spindd 0.4s linear alternate;
		-webkit-animation-fill-mode:both
	}
	.tm_box .spindiv.on1>span:nth-child(2){
		animation: spindd2 0.4s linear alternate;
		-webkit-animation-fill-mode:both
	}

	.tm_box .spindiv>span:nth-child(2){position: absolute;display: block;width:20px;height:4px;background:#fff;left:50%;top: 50%;transform:translate(-50%,-50%);}



	@keyframes spind {
	  0% {transform: rotate(0deg)}
	  100% {transform: rotate(90deg)}		
	}
	@keyframes spindd {
	  0% {opacity: 1}
	  100% {opacity: 0}		
	}
	@keyframes spind2 {
	  0% {transform: rotate(90deg)}
	  100% {transform: rotate(0deg)}		
	}
	@keyframes spindd2 {
	  0% {opacity: 0}
	  100% {opacity: 1}		
	}

.pc_header{display:none;}
.quick_btn{display:none}

	/* ==========================================
	   Footer
	=============================================*/
	footer{width: 100%;height: auto;background:#1d1d1d;}
	.footer_in{width:96%;margin:0 auto;padding:20px 0;}
	.footer_in .f_top{height: auto;display:flex;flex-direction: column;justify-content:space-between;align-items:flex-start;
	border-bottom:1px solid #fff;padding-bottom:20px;}
	.footer_in .f_top .f_logo{width: 200px;margin-bottom:16px;}
	.footer_in .f_top .f_logo img{width: 100%;}
	.f_top address{font-style:normal;font-size:16px;line-height:24px;font-weight:400;color:#fff;}
	.f_top address p:last-child{margin-top:6px;}
	.f_top address span{display:none;}

	.f_top address .none{display:block;}

	.footer_in .f_bottom{display:flex;flex-direction: column;justify-content:Space-between;align-items:flex-start;padding-top:20px;}
	.f_bottom .cp{font-size:13px;margin-top:10px;color:#fff;}
	.f_bottom .cp:first-child{order:2}
	.f_bottom .cp:last-child{font-size:16px;}
	.f_bottom .cp a{color:#fff}

}