@charset "utf-8";

/*
font-family: 'Lora', serif;
*/


label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'Pretendard', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}


/* header */
#header {position: fixed; width: 100%; top: 0; left: 0; z-index: 10000; box-sizing: border-box;}
#header .h_w {position: relative;}
#header .h_w::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; border-bottom: 1px solid transparent;}
#header .h_inner {max-width: 1400px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; position: relative; text-align: right; padding-left: 270px; height: 100px;}
#header .logo {position: absolute; left: 0; top: 29px; width: 240px; height: 42px; background: url(../images/common/logo.png) no-repeat center; font-size: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#header .lang {display: inline-block; font-size: 0; margin-left: 50px;}
#header .lang > li {padding-right: 21px; position: relative; display: inline-block;}
#header .lang > li:last-child {padding-right: 0;}
#header .lang > li::before {content: ''; width: 1px; height: 10px; background-color: rgba(255,255,255,0.3); position: absolute; right: 10px; top: 50%; margin-top: -5px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#header .lang > li:last-child::before {display: none;}
#header .lang > li > a {font-size: 13px; color: #ffffff; opacity: 0.5; display: inline-block; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#header .lang > li.on > a {opacity: 1;}

#header.scroll .h_w::before, #sub #header .h_w::before {background-color: #fff; border-color: #ccc;}
#header.scroll .logo, #sub #header .logo {background: url(../images/common/logo_on.png) no-repeat center;}
#header.scroll .lang > li::before, #sub #header .lang > li::before {background-color: #bbb;}
#header.scroll .lang > li > a, #sub #header .lang > li > a {opacity: 1; color: #999999;}
#header.scroll .lang > li.on > a, #sub #header .lang > li.on > a {color: #002050;}



/* footer */
#footer {background-color: #eeeeee;}
#footer .f_inner {max-width: 1200px; width: calc(100% - 30px); margin: 0 auto; position: relative; padding: 81px 0 85px;}
#footer .link_bx {font-size: 0;}
#footer .link_bx li {display: inline-block; position: relative; padding-right: 32px;}
#footer .link_bx li:last-child {padding-right: 0;}
#footer .link_bx li::before {content: ''; width: 1px; height: 10px; background-color: #cccccc; position: absolute; top: 50%; margin-top: -5px; right: 15px;}
#footer .link_bx li:last-child::before {display: none;}
#footer .link_bx li a {font-size: 14px; color: #444444; letter-spacing: -0.025em; word-break: keep-all;}
#footer p {font-size: 13px; color: #999999; letter-spacing: -0.025em; word-break: keep-all; margin-top: 18px;}
#footer p:first-child {margin-top: 0;}
#footer .top_btn {width: 64px; height: 64px; background-color: #002050; position: absolute; right: 0; top: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; text-align: center; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); cursor: pointer;}
#footer .top_btn span {font-size: 13px; color: #ffffff; font-weight: 500; letter-spacing: -0.025em; background: url(../images/icon/top_btn.png) no-repeat center top; padding-top: 22px;}



.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 {display: inline-block!important;}
	#header .menu_bx .dep1_wrap {display: inline-block; font-size: 0;}
	#header .menu_bx .dep1 {display: inline-block; padding: 0 29px;}
	#header .menu_bx .dep1 > a {display: block; line-height: 100px; text-align: center; font-size: 19px; color: #ffffff; font-weight: 500; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#header.scroll .menu_bx .dep1 > a, #sub #header .menu_bx .dep1 > a {color: #111111;}
	
	
	
	/* footer */
	#footer .link_bx li a:hover {text-decoration: underline;}
}

/* 태블릿&모바일 공통*/
@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 .h_w {transform: translateZ(0)!important; opacity: 1!important;}
	#header .h_inner {height: 60px; padding: 0 41px 0 0;}
	#header .logo {width: 143px; height: 25px; background-size: 143px 25px!important; top: 17px;}
	#header .lang {margin-top: 15px;}
	#header .lang > li {padding-right: 18px;}
	#header .lang > li::before {height: 8px; margin-top: -4px; right: 9px;}
	#header .lang > li > a {font-size: 12px;}
	#header .menu_btn {width: 22px; height: 18px; position: absolute; right: 0; top: 21px; cursor: pointer;}
	#header .menu_btn span {background-color: #fff; position: absolute; width: 100%; height: 2px; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header .menu_btn.on span, #header.scroll .menu_btn span, #sub #header .menu_btn span {background-color: #002050;}
	#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: 8px;}
	#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: fixed; width: 100%; left: 0; top: 0; box-sizing: border-box; top: 60px; background-color: #002050; text-align: center; display: none;}
	#header .menu_bx::before {content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: 0;}
	#header .menu_bx .dep1_wrap {padding: 38px 0;}
	#header .menu_bx .dep1 {margin-bottom: 6px;}
	#header .menu_bx .dep1:last-child {margin-bottom: 0;}
	#header .menu_bx .dep1 > a {display: block; line-height: 40px; font-size: 20px; color: #ffffff; font-weight: 500; cursor: pointer;}
	
	#header.mOn .h_w::before {background-color: #fff; border-color: #ccc;}
	#header.mOn .lang > li::before {background-color: #bbb;}
	#header.mOn .lang > li > a {opacity: 1; color: #999999;}
	#header.mOn .lang > li.on > a {color: #002050;}



	/* footer */
	#footer .f_inner {padding: 33px 0 30px;}
	#footer .link_bx li {padding-right: 31px;}
	#footer .link_bx li::before {right: 13px}
	#footer .link_bx li a {font-size: 13px;}
	#footer p {margin-top: 15px; font-size: 12px; line-height: 18px;}
	#footer .top_btn {display: none;}
}

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