/* 링크 */
a:link { font-family: NanumGothicWeb, verdana, "나눔고딕"; color: #666666; text-decoration: none }
a:visited { font-family: NanumGothicWeb, verdana, "나눔고딕"; color: #666666; text-decoration: none }
a:hover { font-family: NanumGothicWeb, verdana, "나눔고딕"; color: #999999; text-decoration: none }
a:active { font-family: NanumGothicWeb, verdana, "나눔고딕"; color: #666666; text-decoration: none }

@font-face { font-family:'NanumGothicWeb'; src: url('../font/NanumGothicCompact.eot');}

/* 바디 */
body {margin:0; padding:0; }

/* 태그 */
p { margin-top: 0px; margin-bottom: 0px; font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕";}
td,table { font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }

/*이미지border*/
img { 
	border:none; 
}

/* 인풋 */
.input { 
	font-size: 12px; 
	font-family: NanumGothicWeb, verdana, "나눔고딕"; 
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:5px; 
	padding-left:5px;
}
.input_100 { 
	width: 100%; 
	height: 23px; 
	font-size: 12px; 
	font-family: NanumGothicWeb, verdana, "나눔고딕";
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:5px; 
	padding-left:5px;
}
.search_input { 
	width: 300px;
	font-size: 12px; 
	color: #888888; 
	font-family: NanumGothicWeb, verdana, "나눔고딕";
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF;
}
.textarea { 
	font-size: 12px; 
	color: #888888; 
	font-family: NanumGothicWeb, verdana, "나눔고딕";
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF
}

/* 셀렉트 */
.select {
	font-size: 12px; 
	font-family: NanumGothicWeb, verdana, "나눔고딕";
	color:#666666; 
}

/* 버튼 */
.button { 
	cursor: hand; 
	HEIGHT: 18px; 
	font-size: 12px; 
	font-family: NanumGothicWeb, verdana, "나눔고딕";
	color:#FFFFFF; 
	border: #636363 1px solid; 
	background-color: #737373;
	padding-top:0px; 
	padding-left:5px;
	padding-right:4px;
}

/* 텍스트 */
.txt_link { font-size: 12px; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt999999 { font-size: 12px; color: #999999; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt666666 { font-size: 12px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt333333 { font-size: 12px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt000000 { font-size: 12px; color: #000000; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txtFF6600 { font-size: 12px; color: #FF6600; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txtFF3300 { font-size: 12px; color: #FF3300; line-height: 160%; ffont-family: NanumGothicWeb, verdana, "나눔고딕"; }
.v_tit { font-size: 16px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.s_tit { font-size: 14px; color: #333333; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt10FF3300 { font-size: 10px; color: #FF3300; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt10666666 { font-size: 10px; color: #666666; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.txt10999999 { font-size: 10px; color: #999999; line-height: 160%; font-family: NanumGothicWeb, verdana, "나눔고딕"; }
.dotum11px999 { font-size: 11px; color: #999999; line-height: 160%; font-family: "돋움", dotum, verdana; letter-spacing:-1pt;}
.dotum11px666 { font-size: 11px; color: #666666; line-height: 160%; font-family: "돋움", dotum, verdana; letter-spacing:-1pt;}
.dotum11px333 { font-size: 11px; color: #333333; line-height: 160%; font-family: "돋움", dotum, verdana; letter-spacing:-1pt;}
.dotum11pxFF6600 { font-size: 11px; color: #FF6600; line-height: 160%; font-family: "돋움", dotum, verdana; letter-spacing:-1pt;}
.dotum11pxFF6633 { font-size: 11px; color: #FF6633; line-height: 160%; font-family: "돋움", dotum, verdana; letter-spacing:-1pt;}

/** 140306 추가 **/
.intro_tab_td{border-top: 1px solid #333;}
.intro_tab_td  .intro_en_box, .intro_tab_td  .intro_ch_box, .intro_tab_td  .intro_jp_box{position:relative; height: 50px; clear:both; width: 100%; background: url("../img/sub/intro_tab_bg.png") no-repeat left top;}
.intro_tab_td .tab_h{display: block; font-size: 0; line-height: 0; vertical-align: top; float: left; border-right: 1px solid #eaeaea;}
.intro_tab_td .tab_lst{padding: 0; margin: 0; width: 599px; overflow: hidden; float: left;}
.intro_tab_td .tab_lst li{list-style:none; float: left;}
.intro_tab_td .tab_lst a{display: block; float: left; width: 100px; height: 50px; text-indent: -10000px;}
.intro_tab_td .tab_lst .img01{background: url("../img/sub/intro_tab_title01_01_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img01:hover,
.intro_tab_td .tab_lst .img01:acitve,
.intro_tab_td .tab_lst .img01:focus,
.intro_tab_td .tab_lst .img01_on{background: url("../img/sub/intro_tab_title01_01_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img02{background: url("../img/sub/intro_tab_title01_02_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img02:hover,
.intro_tab_td .tab_lst .img02:acitve,
.intro_tab_td .tab_lst .img02:focus,
.intro_tab_td .tab_lst .img02_on{background: url("../img/sub/intro_tab_title01_02_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img03{background: url("../img/sub/intro_tab_title01_03_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img03:hover,
.intro_tab_td .tab_lst .img03:acitve,
.intro_tab_td .tab_lst .img03:focus,
.intro_tab_td .tab_lst .img03_on{background: url("../img/sub/intro_tab_title01_03_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img04{background: url("../img/sub/intro_tab_title01_04_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img04:hover,
.intro_tab_td .tab_lst .img04:acitve,
.intro_tab_td .tab_lst .img04:focus,
.intro_tab_td .tab_lst .img04_on{background: url("../img/sub/intro_tab_title01_04_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img041{background: url("../img/sub/intro_tab_title01_05_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img041:hover,
.intro_tab_td .tab_lst .img041:acitve,
.intro_tab_td .tab_lst .img041:focus,
.intro_tab_td .tab_lst .img041_on{background: url("../img/sub/intro_tab_title01_05_on.png") no-repeat left top;}

.intro_tab_td .tab_lst .img05{background: url("../img/sub/intro_tab_title02_01_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img05:hover,
.intro_tab_td .tab_lst .img05:acitve,
.intro_tab_td .tab_lst .img05:focus,
.intro_tab_td .tab_lst .img05_on{background: url("../img/sub/intro_tab_title02_01_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img06{background: url("../img/sub/intro_tab_title02_02_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img06:hover,
.intro_tab_td .tab_lst .img06:acitve,
.intro_tab_td .tab_lst .img06:focus,
.intro_tab_td .tab_lst .img06_on{background: url("../img/sub/intro_tab_title02_02_on.png") no-repeat left top;}
.intro_tab_td .tab_lst .img07{background: url("../img/sub/intro_tab_title03_01_off.png") no-repeat left top;}
.intro_tab_td .tab_lst .img07:hover,
.intro_tab_td .tab_lst .img07:acitve,
.intro_tab_td .tab_lst .img07:focus,
.intro_tab_td .tab_lst .img07_on{background: url("../img/sub/intro_tab_title03_01_on.png") no-repeat left top;}
.intro_tab_td .tab_con{color: #fff; width: 700px; overflow: hidden;}
.intro_tab_td .intro_tab_con strong{display: block;}
.intro_tab_td .tab_lst_box{overflow: hidden; width: auto; border-bottom: 1px solid #dddddd;}
.intro_tab_td .intro_tab_con .last{border-bottom: 0 none;}
.tab_lst_box span{display: block; float: left;}




/* main */
.main {position:relative; overflow:hidden;}
.mySwiper {height:740px;  z-index:0;}
.mySwiper .bg1 {background:url('/img/main/mainVisual-1.jpg') no-repeat center / cover;}	
.mySwiper .bg2 {background:url('/img/main/mainVisual-2.jpg') no-repeat center / cover;}	
.mySwiper .bg3 {background:url('/img/main/mainVisual-3.jpg') no-repeat center / cover;}	
.mySwiper .bg4 {background:url('/img/main/mainVisual-4.jpg') no-repeat center / cover;}	
.mySwiper .swiper-slide {display:flex; align-items:center; justify-content:center; flex-direction:column; }	
.mySwiper .swiper-slide p {width:600px; opacity:0; font-size:70px; font-weight:bold; color:#555; letter-spacing:-0.05em; margin-top:-280px; }
.mySwiper .swiper-slide div {width:600px; opacity:0; font-size:22px; color:#757061; font-weight:600;}

.mySwiper .swiper-slide.swiper-slide-active p {animation: text 1s .2s both;}
.mySwiper .swiper-slide.swiper-slide-active div {animation: text 1s .4s both;}

@keyframes text {
0%		{opacity:0; transform:translateY(30px);}
100%	{opacity:1; transform:translateY(0);}
}


.mainNav {position:absolute; right:50%; top:0; margin-right:400px; width:1000px; height:740px; background:rgba(0,0,0,0.2); z-index:10;}
.mainNav .logo {position:absolute; right:10px; top:30px;}
.mainNav .ad {position:absolute; right:10px; bottom:30px;}
#nav {position:absolute; right:0; top:150px; width:110px; margin: 0; padding: 0; list-style: none;}
#nav li {display: block; background: none; position: relative; z-index: 999; margin: 0 1px; }
#nav li a { display: block; font-size:14px; font-weight: 600; line-height:30px; text-decoration: none;  color:#fff; padding:5px 12px; letter-spacing:-0.05em;}
#nav li a:hover, #nav li a.hov {color: #000; }
#nav ul { position: absolute; left:109px; top:0; display: none; margin: 0; padding:10px 5px;list-style: none; background:rgba(255,255,255,0.8); width:130px;}	
#nav ul li {text-align: left; }
#nav ul a { display: block; line-height:100%; padding: 5px; font-size:13px; color: #666;}
#nav ul a:hover { text-decoration: none; color: #000; }


.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

#nav-sub {width:100px; margin-top:80px; padding: 0; list-style: none;}
#nav-sub li {display: block; background: none; position: relative; z-index: 999; margin: 0 1px; }
#nav-sub li a { display: block; font-size:14px; font-weight: 600; line-height:30px; text-decoration: none;  color:#fff; padding:5px 12px; letter-spacing:-0.05em;}
#nav-sub li a:hover, #nav li a.hov {color: #000; }
#nav-sub ul { position: absolute; left:98px; top:0; display: none; margin: 0; padding:10px 5px;list-style: none; width:130px;}	
#nav-sub ul li {text-align: left; }
#nav-sub ul a { display: block; line-height:100%; padding: 5px; font-size:13px; color: #666;}
#nav-sub ul a:hover { text-decoration: none; color: #000; }

.circle {position:absolute; display:flex; left:50%; bottom:100px; margin-left:-320px; list-style:none; z-index:10;}
.circle li {display:flex; align-items:left; justify-content:center; flex-direction:column;  border-radius:50%; width:200px; height:200px; cursor:pointer; box-shadow:0 0 15px 2px rgba(0,0,0,0.2); transition:all .2s ease-in-out; opacity:0;}
.circle li:hover {margin-top:-20px;}
.circle li p {margin-left:30px; color:#efefef;}
.circle li strong {margin-left:30px; font-size:22px;  letter-spacing:-0.07em;}
.circle li div {margin-left:30px; font-size:13px; padding-top:10px; color:#555; letter-spacing:-0.07em; padding-right:50px;}
.circle li:nth-child(1) {background:#dac6d3; animation:circle 1s .8s both;}
.circle li:nth-child(2) {background:#bfccb9; animation:circle 1s .9s both;}
.circle li:nth-child(3) {background:#d5c5bd; animation:circle 1s 1s both;}
.circle li:nth-child(4) {background:#bbcbd3; animation:circle 1s 1.1s both;}
.circle li:nth-child(5) {background:#78a787; animation:circle 1s 1.2s both;}

@keyframes circle {
0%		{opacity:0; margin-left:-80px;}
100%	{opacity:1; margin-left:-20px}
}



.sub-logo {padding-top:42px; padding-left:30px; }

.ftCopy			{padding:30px 0 50px;}
.ftCopy	span	{display:inline-block; padding-right:10px; color:#777; font-size:13px; letter-spacing:-1px;}
.ftCopy	span strong	{color:#333; font-size:12px; letter-spacing:-1px;}
.ftCopy p		{padding:10px 0 0; color:#999; letter-spacing:-1px;}

.ftR			{vertical-align:top; padding:30px 0; font-size:22px; letter-spacing:-2px; text-align:right; font-weight:bold;}
.ftR span		{vertical-align:middle; color:#fff; background:green; padding:5px; border-radius:50%; margin-right:5px; font-size:18px;}