@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: 300;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}
body{
	color: #000;
	background: #fff;
	/* overflow-x: hidden */
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,nav,menu{
	font-family: "Noto Sans JP", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Droid Sans, arial, sans-serif;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none
}
fieldset,img{
	border: 0 none;
	vertical-align: middle; 
}
dl,ul,ol,menu,li {
	list-style: none; 
	list-style-type: none; 
	list-style-image:  url(data: 0); 
	word-break: keep-all;
}
ul:after, 
ol:after {
	display: block; 
	height: 0; 
	content: ""; 
	float: none; 
	clear: both; 
}
blockquote,q{
	quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content: '';
	content: none
}
address,
caption,
cite,
code,
dfn,
em,
var {
	font-style: normal;
	font-family:  "Noto Sans JP", sans-serif;
}
a {
	color: inherit;
	text-decoration: none;
	background: transparent;
}

a:focus,
a:active,
a:hover {
	text-decoration: none
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	table-layout: fixed;
}

th,td{
	padding: 0;
	box-sizing: border-box;
}

img {
	border: 0 none; 
	vertical-align: middle; 
}

legend,.blind {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 100px;
	white-space: nowrap
}

.hide{
	overflow: hidden;
	position: absolute;
	left: -9999px;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important
}

strong,
ul li strong,
ol li strong {
	font-weight: 500 !important;
}

html,body {
	height: 100%;
	-webkit-tap-highlight: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: rgba(0,0,0,0);
}

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

.clear:after {
	content: "";
	clear: both;
	display: block;
}

body {
	min-width: 320px;
	font-family: "Noto Sans JP",sans-serif;
	color: #828282;
	list-style: none;
	outline: 0;
	font-size: 15px;
	line-height: 26px;
	-webkit-text-size-adjust: none;
	background: #f7f7f9;
}


/* skipToContent */
.skip-navigation a {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 1px;
	margin-top: -1px;
	background-color: #3875c1;
	font-size: 1.077rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	overflow:hidden;
	visibility: hidden;
}
.skip-navigation a:focus,
.skip-navigation a:active {
	display: block;
	margin-top: 0;
	height: auto;
	padding: 10px 0px;
}

caption, .blind {
	position: absolute;
	top: -50000em;
	left: -50000em;
	color: transparent;
	background: transparent;
	text-shadow: none;
	z-index: -1; 
}

.wrapper {
	position: relative;
	max-width: 1291px;
	padding: 0 12px 0 236px;
	margin: 0 auto;
	clear: both;
}

.wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.header {
	background: #fff;
	padding: 58px 61px 52px 61px; 
	box-shadow: 0px 10px 12px 0px rgba(81,81,81,0.1);		
}

.header:after {
	content: "";
	clear: both;
	display: block;
}

.header > h1 {
	float: left;
}

.header > h1 > a {
	display: block;
}

.header > h1 img {
	display: block;
	width: 235px;
}

.header .language-list {
	float: right;
	margin-top: 16px;
}

.header .language-list > li {
	float: left;
	margin-left: 7px;
}

.header .language-list > li:first-child {
	margin-left: 0;	
}

.header .language-list > li > a {
	display: block;
	border: 1px solid #e6e6e6;
	transition: all 0.2s ease-in-out;

}

.header .language-list > li > a:hover {
	border: 1px solid #000;
}

.header .language-list > li > a > img {
	display: block;
	width: 26px;
}

.lnb-wrapper {
	position: absolute;
	top: 150px;
	left: 50%;
	display: block;
	background: #4c63ae;
	width: 217px;
	padding: 44px 0;
	margin-left: -646px;
	border-radius: 8px;
	box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.4);
}

.wrapper.fixed .lnb-wrapper {
	position: fixed;
	top: 20px;
}

.lnb-wrapper #lnb-title {
	display: none;
}

.lnb-wrapper > ul > li {
	display: block;
}

.lnb-wrapper > ul > li > a {
	position: relative;
	display: block;
	padding: 18px 13px 13px 35px;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	z-index: 100;
}

.lnb-wrapper > ul > li > a .title {
	position: relative;
	z-index: 10;
}

.lnb-wrapper > ul > li > a .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #00af6d;
	opacity: 0;
	transition: all 0.2s ease-in-out;

}

.lnb-wrapper > ul > li > a.active {
	font-weight: 500;
}

.lnb-wrapper > ul > li > a:hover .bg {
	width: 100%;
	opacity: 1;
}

.lnb-wrapper > ul > li > a.active .bg {
	width: 100%;
	opacity: 1;
	background-image: url(../img/language/bul_type03.png);
	background-repeat: no-repeat;
	background-position: 19px 27px;
	background-size: 7px 7px;
}



.contents {
	background: #fff;
	box-shadow: 0px 10px 12px 0px rgba(81,81,81,0.1);		
}

.contents-wrapper {
	padding: 0 61px 100px 0;
}

.contents-wrapper .content-title {
	position: relative;
	border-top: 1px solid #ededed;
	padding: 45px 0 23px 61px;
	font-size: 34px;
	line-height: 40px;
	color: #212121;
}

.contents-wrapper .content-title .bg-line {
	position: absolute; 
	top: -1px;
	left: 0;
	width: 195px;
	height: 1px;
	background: #4e4e4e;
}

.contents-area {
	padding: 0 0 0 61px
}

.contents-box {
	margin-bottom: 25px;
}

.contents-box:last-child {
	margin: 0;
}

.contents-box + .contents-box {
	padding-top: 15px;
}


.word-type01 {
	margin-bottom: 25px;
	color: #828282;
	font-weight: 300;
}

.greeting-wrapper {
	position: relative;
	padding-right: 360px;
}

.greeting-wrapper > img {
	position: absolute;
	top: 0;
	right:0;
}

.contents-box .word-type01:last-child,
.greeting-wrapper .word-type01:last-child {
	margin-bottom: 0;
}

.visitor-information {
	display: block;
}

.contents-area dl {
	display: block;
	margin-bottom: 25px;
	font-weight: 300;
}

.contents-area dl:last-child {
	margin-bottom: 0;
}

.contents-area dl > dt {
	display: block;
	color: #424242;
	margin-bottom: 5px;
	font-weight: 500;
}

.contents-area dl > dd {
	font-weight: 300;
}

.contents-area dl > dd + dt {
	padding-top: 5px;

}

.images-box {
	display: block;
}

.images-box > img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.images-box > .pc {
	display: block;
}

.images-box > .mobile {
	display: none;
}

.images-box + .contents-box {
	padding-top: 50px;
}

.ul-list01 {
	display: block;
}

.ul-list01 > li {
	padding-left: 9px;
	background: url(../img/language/bul_type01.png) no-repeat left 13px;
	background-size: 4px 1px;
	font-weight: 300;
}

.ul-list01 > li > ol {
	display: block;
}

.ul-list01 > li > ol > li {
	position: relative;
	padding-left: 20px;
}

.ul-list01 > li > ol > li > .number {
	position: absolute;
	top: -1px;
	left: 0;
}

.title0401 {
	padding-left: 19px;
	margin-bottom: 20px;
	color: #212121;
	font-size: 26px;
	line-height: 34px;
	background: url(../img/language/bg_title0301.png) no-repeat left 8px;
	background-size: 6px 19px;
}

.title0501 {
	padding-left: 9px;
	color: #212121;
	font-size: 15px;
	line-height: 26px;
	background: url(../img/language/bg_title0401.png) no-repeat left 11px;
	background-size: 3px 3px;
	font-weight: 500;
}


.title0502 {
	padding-left: 9px;
	font-size: 15px;
	line-height: 26px;
	background: url(../img/language/bul_type02.png) no-repeat left 12px;
	background-size: 2px 2px;
}

.title0601 {
	color: #828282;
	font-size: 15px;
	line-height: 26px;
	font-weight: 300;
}


.center-information-wrapper {
	padding-top: 15px;
	padding-bottom: 70px;
}

.center-information-area {
	position: relative;
	padding-left: 333px;
}

.center-information-area > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 300px;
}

.center-information-area ul > li {
	font-weight: 300;
}


.btn-top-go {
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	background: #575a5b;
	border-radius: 2px;
	opacity: 0.95;
	z-index: 20;
}

.btn-top-go:hover { 
	opacity: 1;
	background: #000;
}








.mt0 {margin-top: 0 !important}
.mt05 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mt35 {margin-top: 35px !important}
.mt40 {margin-top: 40px !important}
.mt45 {margin-top: 45px !important}
.mt50 {margin-top: 50px !important}
.mt55 {margin-top: 55px !important}
.mt60 {margin-top: 60px !important}
.mt65 {margin-top: 65px !important}
.mt70 {margin-top: 70px !important}
.mt75 {margin-top: 75px !important}
.mt80 {margin-top: 80px !important}
.mt85 {margin-top: 85px !important}
.mt90 {margin-top: 90px !important}
.mt95 {margin-top: 95px !important}
.mt100 {margin-top: 100px !important}

.mb0 {margin-bottom: 0 !important}
.mb05 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important}
.mb25 {margin-bottom: 25px !important}
.mb30 {margin-bottom: 30px !important}
.mb35 {margin-bottom: 35px !important}
.mb40 {margin-bottom: 40px !important}
.mb45 {margin-bottom: 45px !important}
.mb50 {margin-bottom: 50px !important}
.mb55 {margin-bottom: 55px !important}
.mb60 {margin-bottom: 60px !important}
.mb65 {margin-bottom: 65px !important}
.mb70 {margin-bottom: 70px !important}
.mb75 {margin-bottom: 75px !important}
.mb80 {margin-bottom: 80px !important}
.mb85 {margin-bottom: 85px !important}
.mb90 {margin-bottom: 90px !important}
.mb95 {margin-bottom: 95px !important}
.mb100 {margin-bottom: 100px !important}

.ml0 {margin-left: 0 !important}
.ml05 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml25 {margin-left: 25px !important}
.ml30 {margin-left: 30px !important}
.ml35 {margin-left: 35px !important}
.ml40 {margin-left: 40px !important}
.ml45 {margin-left: 45px !important}
.ml50 {margin-left: 50px !important}
.ml55 {margin-left: 55px !important}
.ml60 {margin-left: 60px !important}
.ml65 {margin-left: 65px !important}
.ml70 {margin-left: 70px !important}
.ml75 {margin-left: 75px !important}
.ml80 {margin-left: 80px !important}
.ml85 {margin-left: 85px !important}
.ml90 {margin-left: 90px !important}
.ml95 {margin-left: 95px !important}
.ml100 {margin-left: 100px !important}

.mr0 {margin-right: 0 !important}
.mr05 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mr25 {margin-right: 25px !important}
.mr30 {margin-right: 30px !important}
.mr35 {margin-right: 35px !important}
.mr40 {margin-right: 40px !important}
.mr45 {margin-right: 45px !important}
.mr50 {margin-right: 50px !important}
.mr55 {margin-right: 55px !important}
.mr60 {margin-right: 60px !important}
.mr65 {margin-right: 65px !important}
.mr70 {margin-right: 70px !important}
.mr75 {margin-right: 75px !important}
.mr80 {margin-right: 80px !important}
.mr85 {margin-right: 85px !important}
.mr90 {margin-right: 90px !important}
.mr95 {margin-right: 95px !important}
.mr100 {margin-right: 100px !important}

.p0 {padding: 0 !important}
.pt0 {padding-top: 0 !important}
.pt05 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt25 {padding-top: 25px !important}
.pt30 {padding-top: 30px !important}
.pt35 {padding-top: 35px !important}
.pt40 {padding-top: 40px !important}
.pt45 {padding-top: 45px !important}
.pt50 {padding-top: 50px !important}
.pt55 {padding-top: 55px !important}
.pt60 {padding-top: 60px !important}
.pt65 {padding-top: 65px !important}
.pt70 {padding-top: 70px !important}
.pt75 {padding-top: 75px !important}
.pt80 {padding-top: 80px !important}
.pt85 {padding-top: 85px !important}
.pt90 {padding-top: 90px !important}
.pt95 {padding-top: 95px !important}
.pt100 {padding-top: 100px !important}

.pb0 {padding-bottom: 0 !important}
.pb05 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important}
.pb25 {padding-bottom: 25px !important}
.pb30 {padding-bottom: 30px !important}
.pb35 {padding-bottom: 35px !important}
.pb40 {padding-bottom: 40px !important}
.pb45 {padding-bottom: 45px !important}
.pb50 {padding-bottom: 50px !important}
.pb55 {padding-bottom: 55px !important}
.pb60 {padding-bottom: 60px !important}
.pb65 {padding-bottom: 65px !important}
.pb70 {padding-bottom: 70px !important}
.pb75 {padding-bottom: 75px !important}
.pb80 {padding-bottom: 80px !important}
.pb85 {padding-bottom: 85px !important}
.pb90 {padding-bottom: 90px !important}
.pb95 {padding-bottom: 95px !important}
.pb100 {padding-bottom: 100px !important}

.pl0 {padding-left: 0 !important}
.pl05 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important}
.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}
.pl25 {padding-left: 25px !important}
.pl30 {padding-left: 30px !important}
.pl35 {padding-left: 35px !important}
.pl40 {padding-left: 40px !important}
.pl45 {padding-left: 45px !important}
.pl50 {padding-left: 50px !important}
.pl55 {padding-left: 55px !important}
.pl60 {padding-left: 60px !important}
.pl65 {padding-left: 65px !important}
.pl70 {padding-left: 70px !important}
.pl75 {padding-left: 75px !important}
.pl80 {padding-left: 80px !important}
.pl85 {padding-left: 85px !important}
.pl90 {padding-left: 90px !important}
.pl95 {padding-left: 95px !important}
.pl100 {padding-left: 100px !important}

.pr0 {padding-right: 0 !important}
.pr05 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important}
.pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important}
.pr25 {padding-right: 25px !important}
.pr30 {padding-right: 30px !important}
.pr35 {padding-right: 35px !important}
.pr40 {padding-right: 40px !important}
.pr45 {padding-right: 45px !important}
.pr50 {padding-right: 50px !important}
.pr55 {padding-right: 55px !important}
.pr60 {padding-right: 60px !important}
.pr65 {padding-right: 65px !important}
.pr70 {padding-right: 70px !important}
.pr75 {padding-right: 75px !important}
.pr80 {padding-right: 80px !important}
.pr85 {padding-right: 85px !important}
.pr90 {padding-right: 90px !important}
.pr95 {padding-right: 95px !important}
.pr100 {padding-right: 100px !important}





@media only all and (max-width: 1300px) { 
	.lnb-wrapper {
		left: 10px;
		margin-left: 0;
	}
}

@media only all and (max-width: 1198px) { 
	.contents-wrapper {
		padding: 0 30px 50px 0;
	}

	.contents-wrapper .content-title {
		padding: 23px 0 23px 30px;
	}

	.contents-area {
		padding: 0 0 0 30px
	}
}

@media only all and (max-width: 1023px) { 
	html {
		font-size: 1.625rem; /* 기본베이스 폰트사이즈 26px */
		line-height: 1.625rem; /* 기본베이스 line-height 사이즈 26px */
	}

	body {
		font-size: 1rem;
		line-height: 1.538rem;
		background: #fff;
	}

	.wrapper {
		max-width: 100%;
		padding: 11.35rem 0 0 0;
		margin: 0;
	}


	.header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height:  5.692rem;
		background: #fff;
		padding: 1.654rem 1.538rem; 
		box-shadow: none;
		z-index: 10;
	}

	.wrapper.fixed .header {
		position: absolute;
	}

	.header > h1 img {
		width: 12.58rem;
	}

	.header .language-list {
		margin-top:  0.5769rem
	}

	.header .language-list > li {
		margin-left: 0.5769rem;
	}


	.header .language-list > li > a > img {
		width: 1.923rem;
	}

	.lnb-wrapper {
		position: absolute;
		top: 5.692rem;
		left: 0;
		background: #4c63ae;
		width: 100%;
		padding: 0;
		margin-left: 0;
		border-radius: 0;
		box-shadow: none;
		z-index: 10;
	}

	.wrapper.fixed .lnb-wrapper {
		position: fixed;
		top: 0;
		box-shadow: 0px 0.3846rem 0.3846rem 0px rgba(0,0,0,0.20);
	}

	.lnb-wrapper #lnb-title {
		position: relative;
		display: block;
		background: #00af6d;
		padding-right: 3.269rem;
	}

	.lnb-wrapper #lnb-title > strong {
		display: block;
		padding: 1.346rem 1.538rem;
		color: #fff;
		font-size: 1.308rem;
		line-height: 1.308rem;
		overflow: hidden; 
		text-overflow: ellipsis;
		white-space: nowrap; 

	}

	.lnb-wrapper #lnb-title > .arrow {
		position: absolute;
		top: 50%;
		right: 1.538rem;
		display: block;
		width: 1.654rem;
		height: 0.9231rem;
		margin-top: -0.4615rem;
		background: url(../img/language/icon_arrow_down@2x.png) no-repeat 0 0;
		background-size: 1.654rem 0.9231rem;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.lnb-wrapper #lnb-title.active > .arrow {
		background: url(../img/language/icon_arrow_up@2x.png) no-repeat 0 0;
		background-size: 1.654rem 0.9231rem;
		transform: rotate(360deg);  
	}

	.lnb-wrapper > ul {
		display: none;
		border-top: 1px solid #788ac2
	}

	.lnb-wrapper > ul > li {
		display: block;
		border-bottom: 1px solid #788ac2
	}

	.lnb-wrapper > ul > li > a {
		padding: 0.7692rem  1.538rem 0.7692rem 1.923rem;
		font-size: 1.231rem;
		line-height: 1.385rem;
	}

	.lnb-wrapper > ul > li > a.active .bg {
		width: 100%;
		opacity: 1;
		background-image: url(../img/language/bul_type03.png);
		background-repeat: no-repeat;
		background-position: 1rem 1.385rem;
		background-size: 7px 7px;
	}

	.contents {
		background: #fff;
		box-shadow: none	
	}

	.contents-wrapper {
		padding: 0 0 3.846rem 0;
	}

	.contents-wrapper .content-title {
		padding: 2.115rem 0  0.7692rem 1.538rem;
		font-size: 1.692rem;
		line-height: 2.462rem;
	}

	.contents-wrapper .content-title .bg-line {
		width: 7.5rem;
	}

	.contents-area {
		padding: 0 1.538rem;
	}

	.contents-box {
		margin-bottom: 1.538rem;
	}

	.contents-box:last-child {
		margin: 0;
	}

	.contents-box + .contents-box {
		padding-top: 0;
	}


	.word-type01 {
		margin-bottom: 1.538rem;
	}

	.greeting-wrapper {
		padding-right: 0;
	}

	.greeting-wrapper > img {
		display: none;
	}



	.visitor-information {
		display: block;
	}

	.contents-area dl {
		margin-bottom: 1.538rem;
	}

	.contents-area dl > dt {
		margin-bottom: 0.3846rem;
	}


	.contents-area dl > dd + dt {
		padding-top: 0.3846rem;;
	}

	.images-box > .pc {
		display: none;
	}

	.images-box > .mobile {
		display: block;
	}

	.images-box + .contents-box {
		padding-top: 0
	}

	.ul-list01 > li {
		padding-left: 0.6538rem;
		background-position: left 0.7692rem;
		background-size: 0.3077rem 0.07692rem;
		word-break: break-all;
	}

	.ul-list01 > li > ol > li {
		padding-left:  1.346rem;
		word-break: break-all;
	}

	.title0401 {
		padding-left: 0.9615rem;
		margin-bottom: 0.7692rem;
		font-size: 1.308rem;
		line-height: 1.615rem;
		background-position: left 0.3077rem;
		background-size: 0.3846rem 1.154rem;
	}

	.title0501 {
		padding-left: 0.8077rem;
		font-size: 1rem;
		line-height: 1.538rem;
		background-position: left 0.7692rem;
		background-size: 0.1538rem 0.1538rem;
	}


	.title0502 {
		padding-left: 0.8077rem;
		font-size: 1rem;
		line-height: 1.538rem;
		background-position: left 0.7692rem;
		background-size: 0.1538rem 0.1538rem;
	}

	.title0601 {
		font-size: 1rem;
		line-height: 1.538rem;
	}

	.center-information-wrapper {
		padding-top: 0.5769rem;
		padding-bottom: 1.923rem;
	}

	.center-information-area {
		padding-left: 0;
	}

	.center-information-area > img {
		position: static;
		width: 100%;
		margin-bottom: 1.154rem;
	}

	.btn-top-go {
		display: none;
		top: auto;
		top: initial;
		bottom: 1.923rem;
		right: auto;
		right: initial;
		width: 2.692rem;
		height: 2.692rem;
		line-height: 2.692rem;
		font-size:  0.7692rem;
	}

	.btn-top-go {
		right: 0;
	}

	.btn-top-go:hover { 
		opacity: 1;
		background: #000;
	}
}

@media only all and (max-width: 767px) {
	html {
		font-size: 1.25rem; /* 기본베이스 폰트사이즈 18px */
		line-height: 1.25rem; /* 기본베이스 line-height 사이즈 18px */ 
	}
}


@media only all and (max-width: 600px) {
	html {
		font-size: 0.9375rem; /* 기본베이스 폰트사이즈 15px */
		line-height:  0.9375rem; /* 기본베이스 line-height 사이즈 15px */ 
	}
}


@media only all and (max-width: 475px) {
	html {
		font-size: 0.8125rem; /* 기본베이스 폰트사이즈 13px */
		line-height:  0.8125rem; /* 기본베이스 line-height 사이즈 13px */ 
	}

	.header > h1 img {
		width: 10.77rem;
	}
}