@charset "utf-8";
@import url("common.css");

body.mainPage {background-color: #1b252e;}
body.mainPage .wrap {height:auto;}
body.mainPage .container .content { min-height:auto; }
body.mainPage .gnb_panel { background:url('../images/common/top_head_bg.png') repeat 0 0; }

.mainWrap {width:100%; height:830px; background: url("../images/main/bg_main.jpg") no-repeat 50% 50% transparent; background-size:cover; }
.mainArea {position: relative; width:100%; max-width: 1320px; padding-right:220px; margin:0 auto; box-sizing: border-box; min-height:100%; }
.mainArea .mArea {display: none; width:100%; height:auto;}
.mainArea .mainTitle {padding-top:210px; }
.news_link .links { position:absolute; right:22px; top:150px; width:149px; height:373px; background:url('../images/main/icons2.png') no-repeat 0 0; }
.news_link .links:after { content:""; display:block; clear:both; }
.news_link .links > li { height:25%; width:100px; text-align:center; float:right; }
.news_link .links > li:first-child + li,
.news_link .links > li:first-child + li + li + li { float:none; clear:both; }
.news_link .links > li:nth-child(even) { float:none; clear:both; }
.news_link .links > li > a { display:block; height:100%; box-sizing:border-box; color:#fff; -webkit-transition:color 0.2s ease; transition:color 0.2s ease; }
.news_link .links > li > a:hover { color:#73ffec; }
.news_link .links .n1 { padding-top:68px; }
.news_link .links .n2 { padding-top:62px; }
.news_link .links .n3 { padding-top:52px; }
.news_link .links .n4 { padding-top:48px; }
.info_link { position:absolute; bottom:100px; left:0; right:0; }
.info_link .links { margin-left:-4.615%; }
.info_link .links:after { content:""; display:block; clear:both; }
.info_link .links > li { float:left; width:25%; padding-left:4.615%; box-sizing:border-box; }
.info_link .links .lnk, .info_link .links .lnk > * { -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.info_link .links .lnk { display:block; border-bottom:1px solid #fff; height:79px; position:relative; }
.info_link .links .lnk > strong { display:block; color:#fff; font-size:22px; padding-right:24px; }
.info_link .links .lnk > em { padding-top:10px; display:block; color:#a1c4e1; font-size:16px; }
.info_link .links .lnk:hover { border-bottom-color:#73ffec; }
.info_link .links .lnk:hover > strong,
.info_link .links .lnk:hover > em { color:#73ffec; }
.info_link .links .lnk:after { content:""; position:absolute; right:0; top:0; width:21px; height:23px; background:url('../images/main/lnk_ico.png') no-repeat 0 -50px; }
.info_link .links .lnk:hover:after { background-position:-50px -50px; }
.t_br {display: block;}

@media all and (max-width:1360px) {
	.mainArea .mainTitle { padding-top:200px; }
	.news_link .links { top:190px; }
	.mainWrap { height:800px; }
	.info_link { left:20px; right:20px; }

	.mainArea .mainTitle { padding-left:10px; }
}
@media all and (max-width:1240px) {
	.info_link .links .lnk > strong { font-size:20px; }
	.info_link .links .lnk > em { font-size:14px; }
	.info_link .links { margin-left:-30px; }
	.info_link .links > li { padding-left:30px; }
}
@media all and (max-width:1024px) {
	.t_br {display: inline;}	
}
@media all and (max-width:999px) {
	.info_link .links .lnk > strong { font-size:17px; }
	.info_link .links .lnk > em { word-break:keep-all; font-size:13px; }
	.info_link .links { margin-left:-15px; }
	.info_link .links > li { padding-left:15px; }	
}
@media all and (max-width:860px) {
	.mainWrap { height:auto; background:url('../images/main/bg_main_2x.jpg') no-repeat 50% 0 #002b49; background-size:100% auto; }
	.mainArea { padding-right:0; }
	.mainArea .mainTitle {display:none;}
	.mainArea .mArea {display: block;}
	.info_link,
	.news_link .links { position:static; display:block; }
	.info_link { padding:0 30px; }
	.info_link .links { margin-left:0; }
	.info_link .links > li { padding-left:0; float:none; width:auto; }
	.info_link .links > li + li { margin-top:20px; }
	.info_link .links .lnk { height:auto; min-height:62px; }
	.info_link .links .lnk > em { font-size:13px; padding-bottom:18px; }
	.news_link { padding:30px; }
	.news_link .links { top:auto; right:auto; width:auto; height:auto; background:url('../images/main/icons_2x.png') no-repeat 50% 0; background-size:100% auto; }
	.news_link .links > li { height:auto; width:33.333%; padding-bottom:38.666%; float:left !important; clear:none !important; position:relative; }
	.news_link .links > li > a { position:absolute; text-align:center; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding-top:67.655% !important; font-size:26px; }
	.news_link .links > li:nth-child(3) { margin-left:16.666%; margin-top:-9.567%; display:none; }
}
@media all and (max-width:720px) {	
	.mainArea .mArea img {width:100%;}	
	.info_link .links .lnk:after { width:22px; height:25px; background-position:0 0; background-size:50px auto; }
	.info_link .links .lnk:hover:after { background-position:-25px 0; }
}
@media all and (max-width:640px) {
	.news_link .links > li > a { font-size:22px; }
}
@media all and (max-width:560px) {
	.news_link .links > li > a { font-size:18px; }
}
@media all and (max-width:480px) {
	.news_link .links > li > a { font-size:16px; }
}
@media all and (max-width:420px) {
	.news_link .links > li > a { font-size:14px; }
}
@media all and (max-width:370px) {
	.news_link .links > li > a { font-size:13px; }
}