@charset "utf-8";


/* main css */
label, input, select{vertical-align:middle;}

/* ========== 01. layout ========== */
/* body{overflow-x:hidden;} */
#wrap{width:100%;}
#header{width:100%;}
#container{width:100%;}
#footer{width:100%;}


/*
font-family: 'Poppins', sans-serif;
*/

/* header */
#header {position: absolute; width: 100%; top: 0; left: 0; box-sizing: border-box; z-index: 1000; font-size: 0;}
#header .h_inner {max-width: 1800px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; position: relative; /*height: 186px;*/}
#header .logo {position: absolute; width: 223px; height: 40px; background: url(../images/common/logo.png) no-repeat center; left: 0; top: 70px;}




/* footer */
#footer {background-color: #111111; font-size: 0; position: relative;}
#footer .f_inner {max-width: 1720px; margin: 0 auto; box-sizing: border-box; width: calc(100% - 40px); position: relative; padding: 50px 0 23px;}
#footer .logo_bx {font-family: 'Poppins', sans-serif; font-size: 26px; color: #ffffff; letter-spacing: -0.02em; word-break: keep-all; font-weight: 600;}
#footer .info_bx {margin-top: 21px;}
#footer .info_bx li {font-size: 16px; color: #999999; letter-spacing: -0.02em; font-weight: 300; word-break: keep-all; line-height: 28px;}
#footer .info_bx li strong {font-weight: 600; color: #cccccc;}
#footer .sns_bx {position: absolute; right: 0; top: 60px;}
#footer .sns_bx li {display: inline-block; margin-left: 20px;}
#footer .sns_bx li:first-child {margin-left: 0;}
#footer .sns_bx li a {display: block; text-align: center;}
#footer .btm_txt {font-size: 14px; color: #999999; letter-spacing: -0.02em; word-break: keep-all; border-top: 1px solid #444444; line-height: 20px; margin-top: 33px; padding-top: 24px;}
#footer .btm_txt span {font-size: 10px; position: relative; top: -1px;}
#footer .kakao_btn {width: 90px; height: 90px; background: url(../images/icon/kakao.png) no-repeat center; position: absolute; right: 40px; top: -130px; box-shadow: 10px 0 10px 0px rgba(0,0,0,0.1); border-radius: 50%;}



.pc_show2 {display: block !important;}
.m_show2 {display: none !important;}

/* PC */
@media all and (min-width:1025px){
.pc_show{ display:block !important;}
.pc_i_show{ display:inline-block !important;}
.m_show{ display:none !important;}
.m_i_show{ display:none !important;}
	
	
	
	/* header */
	#header .menu_bx {text-align: right; display: block!important;}
	#header .menu_bx .dep1_wrap {padding-top: 73px;}
	#header .menu_bx .dep1 {display: inline-block; vertical-align: middle; margin-left: 85px;}
	#header .menu_bx .dep1:first-child {margin-left: 0;}
	#header .menu_bx .dep1 > a {font-family: 'Poppins', sans-serif; font-size: 20px; color: #000000; font-weight: 600; word-break: keep-all; text-transform: uppercase; line-height: 40px; display: block;}
	

}

@media all and (max-width:1300px){
	#header .menu_bx .dep1 {margin-left: 45px;}
	#header .menu_bx .dep1 > a {font-size: 18px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){	
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}
	
	
	
	/* header */
	#header {height: 60px; overflow: unset;}
	#header .logo {width: 163px; height: 29px; background-size: 163px 29px; top: 15px; z-index: 5;}
	
	#header .menu_btn {position: absolute; width: 26px; height: 21px; right: 0; top: 20px; z-index: 5; cursor: pointer;}
	#header .menu_btn span {width: 100%; height: 3px; position: absolute; left: 0; background-color: #111111; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header .menu_btn span:nth-child(1) {top: 0;}
	#header .menu_btn.on span:nth-child(1) {top: 50%; margin-top: -1px; transform: rotate(135deg);}
	#header .menu_btn span:nth-child(2) {top: 9px;}
	#header .menu_btn.on span:nth-child(2) {opacity: 0;}
	#header .menu_btn span:nth-child(3) {bottom: 0;}
	#header .menu_btn.on span:nth-child(3) {bottom: auto; top: 50%; margin-top: -1px; transform: rotate(-135deg);}
	
	#header .menu_bx {position: absolute; width: calc(100% + 40px); height: 100%; top: 0; left: -20px; box-sizing: border-box; background-color: #fff; display: none;}
	#header .menu_bx .menu_w {position: absolute; width: 100%; height: calc(100% - 60px); left: 0; top: 60px; overflow-y: auto; padding: 68px 20px 50px; box-sizing: border-box;}
	#header .menu_bx .dep1 {margin: 0 0 10px; text-align: center;}
	#header .menu_bx .dep1:last-child {margin-bottom: 0;}
	#header .menu_bx .dep1 > a {text-align: center; font-size: 25px; color: #000000; font-weight: 600; text-transform: uppercase; display: inline-block; line-height: 40px;}
	#header .sns_bx {text-align: center; margin-top: 69px;}
	#header .sns_bx li {display: inline-block; margin-left: 21px;}
	#header .sns_bx li:first-child {margin-left: 0;}
	
	
	
	/* footer */
	#footer .f_inner {padding: 32px 0 13px;}
	#footer .logo_bx {font-size: 20px;}
	#footer .info_bx {margin-top: 7px;}
	#footer .info_bx li {font-size: 11px; line-height: 20px;}
	#footer .sns_bx {top: 40px;}
	#footer .sns_bx li {margin-left: 13px;}
	#footer .sns_bx li img {width: 80%;}
	#footer .btm_txt {margin-top: 10px; padding-top: 10px; font-size: 10px;}
	#footer .btm_txt span {top: 0; display: inline-block; transform: scale(0.7); margin-left: -1px; margin-right: -1px;}
	#footer .kakao_btn {width: 45px; height: 45px; background-size: 45px auto; right: 20px; top: -65px}
}


/* 모바일 */
@media all and (max-width:768px){
	.pc_show2 {display: none !important;}
	.m_show2 {display: block !important;}
	
	
	
	/* footer */
	#footer .sns_bx {display: none;}
	#footer .kakao_btn {top: 25px;}
}