@charset "utf-8";
#visual { overflow:hidden; position:relative; z-index:3; width:100%; background:#000; }
#visual ul { position:relative; margin:0 auto; width:1389px; white-space:nowrap; font-size:0px; line-height:0; }
#visual ul li { display:inline-block; line-height:0; }
#visual ul li img { position:relative; opacity:0.5; }
#visual li.on>img { opacity:1; }
#visual .visual_copy { position:absolute; z-index:4; top:65px; left:50%; margin-left:-600px; padding:40px; width:251px; height:211px; background:rgba(18,38,76,0.87); }
#visual .visual_copy.china p, #visual .visual_copy.china span { font-family:'Noto Sans SC', sans-serif !important; font-style:normal; }
#visual .visual_copy.japan p, #visual .visual_copy.japan span { font-family:'Noto Sans JP', sans-serif !important; font-style:normal; }
#visual .visual_copy p, #visual .visual_copy span { font-family: 'Droid Serif', serif !important; font-style:italic; }
#visual .visual_copy p.tit { color:#ffffff; font-size:45px; font-weight:bold; }
#visual .visual_copy p.sub { margin-top:10px; color:#ffffff; font-sizE:21px; line-height:30px; }
#visual .visual_copy p.btn_pause a { position:absolute; z-index:6; bottom:29px; right:33px; display:block; width:25px; height:25px; background:url('/foreign/images/main/pause_btn.png') no-repeat center; text-indent:-9999px; }
#visual .visual_copy p.btn_play a { position:absolute; z-index:6; bottom:29px; right:33px; display:block; width:25px; height:25px; background:url('/foreign/images/main/play_btn.png') no-repeat center; text-indent:-9999px; }
#visual>ul>li>a { position:absolute; z-index:6; bottom:83px; }
#visual>ul>li>a>span { display:inline-block; padding-top:12px; width:25px; height:25px; border-radius:50px; border:1px solid #ffffff; color:#ffffff; text-align:center; box-sizing:border-box; font-family: 'Droid Serif', serif !important; font-style:italic; font-weight:bold; }
#visual>ul>li.on>a>span { background:#ffffff; color:#152647; }
#visual li.v1 a { left:275px; }
#visual li.v2 a { left:308px; }
#visual li.v3 a { left:341px; }

#contents { overflow:hidden; margin-top:50px; }
#contents h3 { color:#2c3d5d; font-size:22px; font-weight:bold; letter-spacing:-0.3px; line-height:22px; }
#contents p.sub { margin-top:15px; color:#777777; font-size:14px; }
#contents .con_left { float:left; width:780px; }
#contents #information { overflow:hidden; padding-bottom:35px; border-bottom:1px solid #e4e4e4; }
#contents #information .tit { float:left; width:247px; }
#contents #information .tit .sub { width:85%; }
#contents #information>ul { float:right; }
#contents #information>ul>li { float:left; margin-left:7px; width:128px; height:100px; }
#contents #information>ul>li:first-child { margin-left:0; }
#contents #information>ul>li a { display:block; padding-top:65px; height:100%; background-repeat:no-repeat; border:3px solid #eaeaea; font-size:14px; font-weight:bold; letter-spacing:-0.3px; text-align:center; box-sizing:border-box; }
#contents #information>ul>li a:hover { color:#ffffff; background-color:#3960a9; border-color:#16397b; }
#contents #information>ul>li.info01 a { background-image:url('/foreign/images/main/info01.png'); background-position:center 15px; }
#contents #information>ul>li.info02 a { background-image:url('/foreign/images/main/info02.png'); background-position:center 22px; }
#contents #information>ul>li.info03 a { background-image:url('/foreign/images/main/info03.png'); background-position:center 13px; }
#contents #information>ul>li.info04 a { background-image:url('/foreign/images/main/info04.png'); background-position:center 15px; }
#contents #information>ul>li.info01 a:hover { background-image:url('/foreign/images/main/info01_ov.png'); }
#contents #information>ul>li.info02 a:hover { background-image:url('/foreign/images/main/info02_ov.png'); }
#contents #information>ul>li.info03 a:hover { background-image:url('/foreign/images/main/info03_ov.png'); }
#contents #information>ul>li.info04 a:hover { background-image:url('/foreign/images/main/info04_ov.png'); }
#contents .con_left .con_half { overflow:hidden; margin-top:33px; }
#contents .con_left .con_half>article { width:47%; }
#contents .con_left .con_half>article#hanmadang { float:left; }
#contents .con_left .con_half>article#general { float:left; }
#contents .con_left .con_half>article#living { float:right; }
#contents .con_left .con_half>article h3 { padding-bottom:20px; border-bottom:2px solid #dddddd; }
#contents #hanmadang>div { overflow:hidden; margin-top:20px; }
#contents #hanmadang .cover { float:left; width:139px; height:186px; border:1px solid #dddddd; }
#contents #hanmadang .cover img { display:block; width:100%; }
#contents #hanmadang .con { float:right; width:195px; }
#contents #hanmadang .con .tit { margin-top:30px; color:#444444; font-family: 'Droid Serif', serif !important; font-size:20px; font-weight:bold; font-style:italic; }
#contents #hanmadang .han_btn { margin-top:20px; }
#contents #hanmadang .han_btn .f_bbtn.bg02 { padding:12px 25px !important; }
#contents #general>div { overflow:hidden; margin-top:15px; text-align:center; }
#contents #general .con { width:100%; }
#contents #general .con .tit { color:#444444; font-family: 'Droid Serif', serif !important; font-size:15px; font-weight:bold; font-style:italic; text-align:left; }
#contents #general .btn { display:block; margin-top:18px; }
#contents #general .btn.f_bbtn { padding:12px 0 !important; color:#222 !important; }
#contents #general .btn.f_bbtn:hover { color:#fff !important; }
#contents #living ul { margin-top:23px; border:1px solid #dddddd; }
#contents #living ul li { border-top:1px solid #dddddd; }
#contents #living ul li:first-child { border-top:0px; }
#contents #living ul li a { display:block; padding:17px; color:#666666; background:#f5f5f5; font-size:14px; font-weight:bold; letter-spacing:-0.3px; }
#contents #living ul li a:hover { color:#000000; background:#ffffff; }
#contents #quick { float:right; width:360px; }
#contents #quick>p { width:100%; height:207px; background-repeat:no-repeat; background-position:left top; }
#contents #quick>p.quick01 { margin-bottom:1px; background-image:url('/foreign/images/main/quick01.jpg'); }
#contents #quick>p.quick02, #contents #quick>p.quick03 { background-image:url('/foreign/images/main/quick02.jpg'); }
#contents #quick>p>a { display:block; padding-top:135px; height:100%; color:#ffffff; font-family: 'Droid Serif', serif !important; font-size:22px; font-weight:bold; font-style:italic;text-align:center; box-sizing:border-box; background-color:rgba(0,0,0,0.5); background-repeat:no-repeat; background-position:center 50px; }
#contents.china #quick>p>a { font-family: 'Noto Sans SC', sans-serif !important; }
#contents.japan #quick>p>a { font-family: 'Noto Sans JP', sans-serif !important; }
#contents #quick>p>a span { font-family: 'Droid Serif', serif !important; }
#contents.china #quick>p>a span { font-family: 'Noto Sans SC', sans-serif !important; }
#contents.japan #quick>p>a span { font-family: 'Noto Sans JP', sans-serif !important; }
#contents #quick>p>a:hover { background-color:rgba(0,0,0,0.8); }
#contents #quick>p.quick01>a { background-image:url('/foreign/images/main/imgquick01.png'); }
#contents #quick>p.quick02>a { background-image:url('/foreign/images/main/imgquick02.png'); }
#contents #quick>p.quick03>a { background-image:url('/foreign/images/main/imgquick03.png'); }

/*****************************************************************************************************************************************************************************************/ 


@media all and (max-width:1389px) {
	#visual li.v1 a { left:13%; }
	#visual li.v2 a { left:15.5%; }
	#visual li.v3 a { left:18%; }
}


@media all and (min-width:1200px) {

}

@media all and (max-width:1199px) {
	#visual ul { width:100%; }
	#visual ul li img { width:100%; }
	#visual .visual_copy { display:inline-block; top:0; left:0; margin-left:0; padding:30px; width:auto; height:100%; box-sizing:border-box; }
	#visual .visual_copy p, #visual .visual_copy span { display:block; }
	#visual .visual_copy p.tit { font-size:28px; text-align:center; }
	#visual .visual_copy p.sub { font-size:16px; line-height:150%; }
	#visual .visual_copy p.btn_pause a, #visual .visual_copy p.btn_play a { bottom:20px !important; }
	#visual>ul>li>a { bottom:20px; }
	#visual li.v1 a { left:30px; }
	#visual li.v2 a { left:63px; }
	#visual li.v3 a { left:96px; }
	#contents .con_left { margin-left:1%; width:72%; }
	#contents #information .tit { width:26%; }
	#contents #information>ul { width:70%; }
	#contents #information>ul>li { width:23%; }
	#contents #hanmadang .con .tit { font-size:18px; }
	#contents #hanmadang .con { width:53%; }
	#contents #quick { margin-right:1%; width:24%; }
	#contents #quick>p>a { font-size:17px;}
}

@media all and (max-width:950px) {
	#contents .con_left, #contents #quick { overflow:hidden; float:none; margin:0 1%; width:auto; }
	#contents .con_left .con_half>article { width:48%; }
	#contents #quick { margin-top:40px; }
	#contents #quick>p { width:48%; height:auto; background-size:100%; }
	#contents #quick>p.quick01 { float:left; }
	#contents #quick>p.quick02 { float:right; }
	#contents #quick>p>a { padding:32% 0 8% 0; height:auto; background-position:center 26%; }
	
}

@media all and (min-width:769px) {

}

@media all and (max-width:768px) {
	#contents { margin-top:30px; }
	#contents .con_left, #contents #quick { margin:0; }
	#contents #information .tit { float:none; width:100%; text-align:center; }
	#contents #information .tit .sub { display:none; }
	#contents #information>ul { overflow:hidden; float:none; margin:20px 2% 0 2%; width:auto; }
	#contents #information>ul>li { margin-left:4%; width:22%; }
	#contents .con_left .con_half { margin-top:0; }
	#contents .con_left .con_half>article { float:none; width:100%; }
	#contents .con_left .con_half>article h3 { padding-bottom:0; border-bottom:0; text-align:center; }
	#contents .con_left .con_half>article#hanmadang { padding:30px 0; background:#f5f5f5; }
	#contents .con_left .con_half>article#general { padding-top:35px; border-top:1px solid #dddddd; }
	#contents .con_left .con_half>article#living { padding-top:35px; border-top:1px solid #dddddd; }
	#contents #quick { margin:0 3%; }
	#contents #quick>p { width:50%; }
	#contents #hanmadang>div { padding:0 10%; }
	#contents #hanmadang .cover { float:none; margin:0 auto; width:30%; height:auto; }
	#contents #hanmadang .con { float:none; width:100%; text-align:center; }
	#contents #general>div { float:none; margin:20px 3% 30px 3%;  text-align:center; }
	#contents #general .con .tit { text-align:center; }
	#contents #living ul { margin:20px 3% 30px 3%; }

}

@media all and (max-width:640px) {
	#contents #quick>p { background-size:130%; }
	#contents #quick>p>a { background-size:45px; font-size:16px; }
	#contents #quick>p>a span { display:block; }
	#visual>ul>li>a { bottom:-80px; }
	#visual .visual_copy { position:static; padding:0; width:100%; height:100px; top:auto; bottom:0 !important; background:#1a3b79; }
	#visual .visual_copy p.tit { padding:10px 30px; text-align:left; font-size:26px; }
	#visual .visual_copy p.sub { display:none; }
}

@media all and (max-width:480px) {
	#contents #information>ul>li { width:49%; margin-left:2%; margin-bottom:2%; }
	#contents #information>ul>li:first-child, #contents #information>ul>li.info03 { margin-left:0; }
	#contents #quick>p { width:100%; }
	#contents #quick>p>a { background-size:auto; }
	#contents #hanmadang .con .tit { font-size:16px; }

}