@charset "utf-8";

/* 프리덴다드 폰트 */
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-style: normal;
	src: local('Pretendard Light'), url('/en/assets/font/Pretendard-Light.woff2') format('woff2'), url('/en/assets/font/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-style: normal;
	src: local('Pretendard Regular'), url('/en/assets/font/Pretendard-Regular.woff2') format('woff2'), url('/en/assets/font/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-style: normal;
	src: local('Pretendard Medium'), url('/en/assets/font/Pretendard-Medium.woff2') format('woff2'), url('/en/assets/font/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-style: normal;
	src: local('Pretendard SemiBold'), url('/en/assets/font/Pretendard-SemiBold.woff2') format('woff2'), url('/en/assets/font/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-style: normal;
	src: local('Pretendard Bold'), url('/en/assets/font/Pretendard-Bold.woff2') format('woff2'), url('/en/assets/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-style: normal;
	src: local('Pretendard ExtraBold'), url('/en/assets/font/Pretendard-ExtraBold.woff2') format('woff2'), url('/en/assets/font/Pretendard-ExtraBold.woff') format('woff');
}

/* Skip Navigation */
#skip_to_container a {z-index: 100000;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
#skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:400; font-size:12px; line-height:1; color:#202020; text-decoration:none !important; text-indent:10px}

/* basic */
*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;outline:none;}
html{font-size:10px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
html,body{width:100%;min-height:100%;}
body{position:relative;width:100%;min-height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,p,form,input,textarea,select,img{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,a,p,button,input,textarea,select,td,dt,dd{font:400 1.6rem/1.4 'Pretendard','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Arial,Helvetica,Sans-serif;letter-spacing:-.025rem;color:#262628;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,blockquote{display:block;padding:0;margin:0;}
figure,picture {font-size:0;line-height:0;}
img{border:0 none;max-width:100%;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
a{text-decoration:none;}
a,p,h1,h2,h3,h4,h5,h6{word-break:keep-all;word-wrap:break-word;}
button{border:0;background:0;vertical-align:middle;cursor:pointer;}
small,.small{font-size:81.25%;}

.mVer {display:none !important;}
.pVer {display:block !important;}
@media only screen and (max-width:840px){
	.mVer {display:block !important;}
	.pVer {display:none !important;}
}


/* library */
	.blind{display:block;overflow:hidden;width:0!important;height:0!important;font-size:0!important;line-height:0!important;margin:0!important;padding:0!important;text-indent:-999px;}
	.hide{display:none!important;}
	.br{display:block;}

	.tal {text-align: left !important; }
	.tac {text-align: center !important}
	.tar {text-align: right !important; }
	.taj {text-align: justify !important; }
	.vam {vertical-align:middle !important;}
	.vat {vertical-align:top !important;}
	.vab {vertical-align:bottom !important;}
	.float_l {float: left; }
	.float_r {float: right; }
	.clear_b {clear: both; float: none; }
	.clear_r {clear: right; float: none;}
	.clear_l {clear: left; float: none;}
	.normal {font-weight: normal;}
	.block {display: block !important;}
	.block_i {display: inline-block !important;}
	.block_n {display: none !important;}
	.bold {font-weight: bold;}
	.deco_l{text-decoration:line-through;}
	.deco_u{text-decoration:underline;}
	.displaynone {display:none !important;}
	.displayflex {display:flex;align-items:center;}
	.displayflex-wrap {flex-wrap:wrap;}
	.displayflex-spw {display:flex;justify-content:space-between;align-items:center;}
	.displayflex-center {align-items:center !important;}
	.displayflex-align-start {align-items:flex-start !important;}
	.displayflex-align-end {align-items:flex-end !important;}
	.displayflex-flex-start {justify-content:flex-start !important;}
	.displayflex-flex-end {justify-content:flex-end !important;}
	.position-re {position:relative !important;}

	.pto {padding-top:0 !important;}


/* 얇은 스크롤바 커스텀 :: width >- 4px */
	.scroll-bar-thin::-webkit-scrollbar {width:.4rem;height:.4rem;background-color:unset;border-radius:0;padding:0;  /* 스크롤바의 너비 */}
	.scroll-bar-thin::-webkit-scrollbar-thumb {
		display: block;
		width: .4rem; /* 스크롤바의 길이 */
		background-color:#D6D6D6; /* 스크롤바의 색상 */
		border-radius: .2rem;
		border: 0;
		cursor: default !important;
	}
	.scroll-bar-thin::-webkit-scrollbar-thumb:hover {
		background-color:#000;
		cursor: default !important;
	}
	.scroll-bar-thin::-webkit-scrollbar-track {
		background-color: transparent;  /*스크롤바 뒷 배경 색상*/
		border-radius: .5rem;
	}
	.scroll-bar-thin::-webkit-scrollbar-button:start:decrement, 
	.scroll-bar-thin::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		display: none;
	}
	.scroll-bar-thin::-webkit-scrollbar-button:start:decrement {
	}
	.scroll-bar-thin::-webkit-scrollbar-button:end:increment {
	}

	/* 셀렉트 박스내 스크롤일 경우 */
	.scroll-bar-style.select-scroll-checkbox {margin-right:.4rem;}
	.scroll-bar-style.select-scroll-checkbox::-webkit-scrollbar {width:.4rem;height:.4rem;border-radius:.4rem;  /* 스크롤바의 너비 */}
	.scroll-bar-style.select-scroll-checkbox::-webkit-scrollbar-thumb {
		width: .4rem; /* 스크롤바의 길이 */
		border-radius: .4rem;
	}
	.scroll-bar-style.select-scroll-checkbox::-webkit-scrollbar-button:start:decrement {
		/*  스크롤의 화살표가 포함된 영역   */
		display: none;
	}
	.scroll-bar-style.select-scroll-checkbox::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		width: .4rem;
		height: 1rem;
		background: none;
	}


/* transition */
#sHead #gnb
,#sHead .social
{
	-o-transition: all .25s .0s ease-in-out;
	-ms-transition: all .25s .0s ease-in-out;
	-moz-transition: all .25s .0s ease-in-out;
	-webkit-transition: all .25s .0s ease-in-out;
	transition: all .25s .0s ease-in-out;
}

.aaa
{
	-o-transition: all .45s .0s ease-in-out;
	-ms-transition: all .45s .0s ease-in-out;
	-moz-transition: all .45s .0s ease-in-out;
	-webkit-transition: all .45s .0s ease-in-out;
	transition: all .45s .0s ease-in-out;
}