@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500');

/*******Montserrat**********/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(/css/font/Montserrat-Light.ttf) format('truetype');
}
 
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url(/css/font/Montserrat-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url(/css/font/Montserrat-Bold.ttf) format('truetype');
}

/******Lato********/
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(/css/font/Lato-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/css/font/Lato-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: bold;
    src: url(/css/font/Lato-Bold.ttf) format('truetype');
}
/******Noto Sans KR********/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/css/font/NotoSansKR-Thin-Hestia.eot),
    url(/css/font/fontNotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/css/font/NotoSansKR-Light-Hestia.eot),
    url(/css/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.eot),
    url(/css/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/css/font/NotoSansKR-Regular-Hestia.eot),
    url(/css/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/css/font/NotoSansKR-Medium-Hestia.eot),
    url(/css/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/css/font/NotoSansKR-Bold-Hestia.eot),
    url(/css/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/css/font/NotoSansKR-Black-Hestia.eot),
    url(/css/font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/******Noto Sans JP********/
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 300;
   src: local("Noto Sans JP"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: local("Noto Sans JP"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: local("Noto Sans JP"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 600;
   src: local("Noto Sans JP"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.otf) format('opentype');
}





/*초기화*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
	color:#555;
	font-family:"Noto Sans JP", "Noto Sans KR", "돋움",dotum,sans-serif;
	font-size:13px;
	font-weight:normal;
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
/*.clear {clear:both;}*/
.clear:after {
	clear:both;
	content: "";
	display:block;
}
.fontKr { font-family: 'Noto Sans JP';}
.fontSc { font-family: 'Noto Sans JP';}
.fontLato { font-family:"Lato";}
.f300 {font-weight:300 !important;}

#wrap, #container {width:100%;position: relative;}

/*header**/
#header {
	width:100%;
	min-width:1280px;
	background:rgba(0,0,0,0.7);
	position: fixed;
	left:0;
	top:0;
	z-index: 5000;
}
#header .header {
	width:100%;
	max-width:1740px;
	min-width:1280px;
	margin:auto;
	height:90px;
}
#header .header #logo {
	float:left;
	padding-left:10px;
	padding-top:35px;
}

/* 181018 글로벌 메뉴 수정 */
#header .header #headerGlobal {float:right; font-size:0;}
#header .header #headerGlobal > li {
	display:inline-block; position:relative; 
	background:url("/jp/images/common/global_arr.png") no-repeat 90%;
	}
#header .header #headerGlobal > li:before {
	content:""; position: absolute;
	width:0%; left:50%; bottom:0;
	height:2px; background:#fff; 
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
	}
#header .header #headerGlobal > li:hover:before {width:50%; left:25%;}
#header .header #headerGlobal > li > a{
	font-size: 16px; line-height: 90px;
	display: block; color: #fff;
	width: 125px; font-family:"Lato";
	-webkit-transition: all 0.5s; transition: all 0.5s;
	font-weight:400; text-align:center;
	box-sizing:border-box; padding-right:10px;
	}
#header .header #headerGlobal > li:last-child > a {width:160px;}
#header .header #headerGlobal > li:hover > a {background:rgba(0,0,0,0.4); color:#4682dc;}
#header .header #headerGlobal > li img {margin-bottom:2px; margin-right:3px;}
#header .header #headerGlobal > li:last-child img {margin-right:6px;}
#header .header #headerGlobal > li > .global_sub {
	display:none; background:rgba(0,0,0,0.4);
	position: absolute; width:100%;
	left:0; padding:20px 25px 20px 28px;
	box-sizing:border-box;
	}
#header .header #headerGlobal > li > .global_sub > li {position: relative; margin-bottom:5px;}
#header .header #headerGlobal > li > .global_sub > li:last-child {margin-bottom:0;}
#header .header #headerGlobal > li > .global_sub > li > a {
	display:block; font-size:16px;
	line-height:30px; color:#fdf6ee;
	position: relative; font-family:"Lato", "Noto Sans JP";
	font-weight:400;  text-align:left;
	}
/* // */


#header .header #headerMenu{
	text-align:center;
	font-size:0;
	line-height:0;
}
#header .header #headerMenu > li {
	display:inline-block;
	position: relative;
}
#header .header #headerMenu > li:after {
	content:"";
	position: absolute;
	width:1px;
	height:9px;
	background:#8a8e94;
	right:0;
	top:50%;
	margin-top:-4.5px;
}
#header .header #headerMenu > li:last-child:after {display:none;}
#header .header #headerMenu > li:before {
	content:"";
	position: absolute;
	width:0%;
	left:50%;
	height:2px;
	background:#fff;
	bottom:0;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#header .header #headerMenu > li:hover:before{
	width:80%;
	left:10%;
}

#header .header #headerMenu > li > a {
	font-size:16px;
	line-height:90px;
	display:block;
	color:#fff; font-family:"Lato";
	/*padding:0 45px;*/
	width:125px; font-weight:400;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#header .header #headerMenu > li:nth-child(3) > a {width:130px;}
#header .header #headerMenu > li:hover > a,
#header .header #headerMenu > li.on > a{
	/*background:rgba(255,255,255,0.4);*/
	background:rgba(0,0,0,0.4);
	color:#4682dc;
}
#header .header #headerMenu > li > ul {
	display:none;
	background:rgba(0,0,0,0.6);
	position: absolute;
	width:205px;
	left:50%; transform:translateX(-50%);
	padding:20px 0 20px;
}
#header .header #headerMenu > li > ul > li {position: relative;}
#header .header #headerMenu > li > ul > li > a {
	display:block;
	font-size:16px;
	line-height:34px;
	color:#fdf6ee;
	position: relative;
	font-family:"Lato"; font-weight:400;
	word-break:break-all;
}
#header .header #headerMenu > li > ul > li > a.tl {
	line-height:20px; padding:6px 0;
	}
#header .header #headerMenu > li > ul > li:hover > a {color:#4682dc;}
#header .header #headerMenu > li > ul > li > .menuSub2 {
	display:none;
	position: absolute;
	width:100%;
	left: 100%;
	top:0;
    padding-left: 1px;
}
#header .header #headerMenu > li > ul > li > .menuSub2 > li > a {
	background:rgba(0,0,0,0.4);
	display:block;
	font-size:16px;
	line-height:30px;
	color:#fdf6ee;
	position: relative;
}
#header .header #headerMenu > li > ul > li > .menuSub2 > li > a:hover  {color:#4682dc;}
#header .header #headerMenu > li > ul > li > .menuSub2 > li {position: relative;}
#header .header #headerMenu > li > ul > li > .menuSub2 li > .menuSub3 {
	display:none;
	position: absolute;
	width:100%;
	left: 100%;
	top:0;
    padding-left: 1px;
}
#header .header #headerMenu > li > ul > li > .menuSub2 > li > .menuSub3 > li > a  {
	background:rgba(0,0,0,0.4);
	display:block;
	font-size:16px;
	line-height:34px;
	color:#fdf6ee;
	position: relative;
}
#header .header #headerMenu > li > ul > li > .menuSub2 > li > .menuSub3 > li > a:hover  {color:#4682dc;}
#header .header #headerMenu .bar:after {
	position: absolute;
	content:"";
	display:block;
	width:6px;
	height:11px;
	background:url(/cn/images/common/menubar.png) no-repeat center top;
	right:11px;
	top:50%;
	margin-top:-5.5px;
	animation-iteration-count: inherit;
	
	-webkit-transition: all 1s;
    transition: all 1s;
}
#header .header #headerMenu .bar:hover:after {
	animation-duration: 1s;
	animation-name: bar;
	animation-iteration-count: infinite;

	
}
@keyframes bar {
	0% {
		right:15px;
	}
	50% {
		right:11px;
	}
	100% {
		right:15px;
	}
}


/*footer**/
#footer {
	width:1280px;
	margin:auto;
	padding:50px 0 84px;
}
#footer .logo {
	float:left;

}
#footer address {
	float:left;
	margin-left:20px;
	line-height:23px;
	font-size:13px;
	color:#656565;
}
#footer address .bar {
	display:inline-block;
	width:1px;
	height:8px;
	background:#c6c6c6;
	margin:0 6px;
	position: relative;
	top:-0.5px;
}
.copyright {
	display:inline-block;
	padding-top:3px;
}
#footer .rightMenu{
	float:right;
}
#footer .rightMenu li{
	float:left;margin-left:5px;
	border:1px solid #c7c7c7;
}
#footer .rightMenu li a {
	display:block;
	line-height:28px;
	text-align:center;
	font-size:13px;
	color:#656565;
	padding:0 15px;
}

/* 20211026 SNS 채널 추가 */
#footer .sns li{
	float:right;
}
#footer .sns li a {
	display:block;
	line-height:28px;
	padding:0 5px;
}