@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#3b3836;}
td a, div a{color:#4f5052;}
a:hover,a:active,a:focus{text-decoration:none; color:#1b79af;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}


/*--------------------skiptoContent--------------------*/
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/*--------------------common--------------------*/
body,th,td,input,select,textarea,button{color:#2a2a2a;font-size:13px;line-height:1.5; font-family: 'Poppins', sans-serif; font-weight:300; letter-spacing:0.5px;}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}
strong,th{ font-family: 'Poppins', sans-serif; font-weight:600;}
h1,h2,h3,h4,h5,h6{font-weight:300;}

/*--------------------header--------------------*/
body{background:#f0f2f2;}
.bg-wrap{background:url(../../images/common/header-bg.gif) no-repeat 50% 0;}
header{width:1200px; margin:0 auto; padding-top:126px; position:relative;}
#tnb{position:absolute; top:70px; right:0;}
#tnb li{float:left;line-height:40px; vertical-align:middle;}
#tnb a{display:inline-block; color:#313234; font-weight:600; font-size:12px; line-height:16px;vertical-align:middle; padding:0 13px;border-left:1px #aab1bc solid; text-transform:uppercase;}
#tnb li:first-child a{line-height:28px; border:none;}
#tnb li:first-child a span{background:url(../../images/common/core-logo.gif) no-repeat 0 -3px;background-size:31px 24px; display:inline-block; width:31px; height:24px; padding-right:5px; font-size:0; vertical-align:middle;}
#tnb ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#tnb li.tnb-sns.twitter{margin-left:8px;}
#tnb li.tnb-sns a{border-left:0; width:24px; height:24px; background:#1c63bb; font-size:0; border-radius:50%; padding:0; overflow:hidden;}
#tnb li.tnb-sns img{width:24px;}
#tnb li.tnb-sns.twitter a{background:#389fce;}
#tnb li.iga-logo a span{background:url(../../images/common/iga-logo.gif) no-repeat 0; background-size:24px;display:inline-block; width:31px; height:24px; padding-right:px; font-size:0; vertical-align:middle;}

#gnb{width:100%; margin:0 auto; background:#424958; height:50px;}
#gnb ul{/*padding-left:136px;*/ padding-left:180px;}
#gnb a{text-transform:uppercase; font-size:13px; font-weight:500; color:#fff; display:block;line-height:50px; padding:0 10px; margin:0 10px;}
#gnb a:hover, #gnb a:active, #gnb li.current a{color:#bff1ff;}
#gnb li{float:left}
#gnb ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

.top-title{background:url(../../images/common/top-bg.gif) no-repeat 0 0; position:absolute; left:19px; top:0; padding-top:36px;}
.con-year{position:absolute; background:#e1c7ad; color:#313234; text-align:center; font-weight:600; font-size:11px; line-height:1.1; padding:25px 11px; text-transform:uppercase; top:106px; left:19px;}
.con-year span{display:block; font-weight:700; font-size:27px; letter-spacing:0.03;}
.lower{text-transform:lowercase;}

/*--------------------notice--------------------*/
.notice{background:#97a0ad; width:1200px; margin:0 auto; height:70px; position:relative;}
.notice h2{position:absolute; left:0; top:5px; width:150px; text-align:center; background:#97a0ad; height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:600; z-index:99;}
.notice .notice-box{ position:relative; top:5px; height:60px; overflow:hidden; margin-left:30px; background:#f0f2f2; margin-right:5px;}
.notice ul{position:relative;margin:0 5px; margin-left:150px} 
.notice li {line-height:60px; background:#f0f2f2;}
.notice li a{ display:inline-block; max-width:70%;line-height:60px; height:60px; overflow:hidden; word-break:break-all;}
.notice-btn{position:absolute; top:16px; right:22px; width:14px; border-left:1px #cdd1d7 solid; padding-left:19px;}
.notice-btn button{display:block; width:14px; height:10px; background:url(../../images/main/notice-btn.gif) no-repeat 0 0; background-size:14px 20px; font-size:0; margin:6px 0;}
.notice-btn button.next{background-position:0 100%;}
.n-new{color:#30529a; font-size:12px; font-weight:500; display:inline-block; vertical-align:top; line-height:60px; margin-left:3px;}
.n-data{color:#97a0ad; font-size:12px; font-weight:500; display:inline-block; vertical-align:top; line-height:60px;}
.n-data span{display:inline-block;border-left:1px #cdd1d7 solid; line-height:16px; padding-left:12px; margin-left:10px;}


/*--------------------footer--------------------*/
footer{width:1200px; margin: 40px auto; font-size:12px; color:#97a0ad; position:relative;}
footer p{margin-top:15px;}
footer p strong{text-transform:uppercase;}
footer .foot{width:72%;}
.con-history{position:absolute; right:0; top:0;}
.con-history nav{display:none; background:#fff; position: absolute; bottom: 48px; width: 100%; padding: 5%; box-sizing:border-box; z-index: 100; border:1px solid #97a0ad; border-bottom:0;}
.con-history nav ul{padding:10px 0;}
.con-history nav li a{font-weight:600; padding:5px; display:block;}
.con-history button{display:block; background-color:#97a0ad; color:#fff; text-transform:uppercase; font-size:12px; font-weight:600; text-align:center; padding:15px 17px;}
.con-history button span{background:url(../../images/common/history-arrow.gif) no-repeat 100% 50%; background-size:9px 5px; display:inline-block; padding-right:20px;}

/*--------------------1279--------------------*/
@media screen and (max-width:1279px){
header{width:100%; max-width:980px; padding-top:120px;}
.con-year{top:0px; left:0px;}
.top-title{left:120px;}
.top-title img{width:430px;}
#gnb ul{padding-left:33px;}
#gnb a{margin:0 6px;}
#tnb{top:55px;}

.notice{width:100%; max-width:980px;}

footer{width:100%; max-width:980px;}
footer .foot{width:80%;}


}


/*--------------------1023--------------------*/
@media screen and (max-width:1023px){
header{max-width:100%; padding-top:38px;}
#gnb{height:auto;}
#gnb ul{padding-left:0px;}
#gnb li{width:25%;}
#gnb a{margin:0; padding:0; text-align:center; border:1px #646a76 solid; border-width:0 0 1px 1px;}
#gnb li:first-child a,#gnb li:nth-child(5) a{border-left-width:0;}
#gnb li:nth-child(5) a{line-height:1.2; padding:17px 0; height:51px; box-sizing:border-box;}
#gnb li:nth-child(8) a{border-right-width:1px;}
.con-year{width:94%; top:0px;  padding:10px 3%; text-align:left; position:relative;}
.con-year span{display:inline-block; font-size:22px; margin-right:7px;}
.top-title{position:relative; height:70px; display:inline-block; left:0; padding-left:1%;}
#tnb{width:100%; right:auto; top:0; left:0; background:#e5e9e9; border-bottom:1px #cbd3df solid;}
#tnb li{width:40%; padding:0; margin:0; text-align:center;}
#tnb li:first-child{width:40%;}
#tnb li:first-child{padding-left:0; width:}
#tnb li a,#tnb li a:first-child{line-height:26px; display:block; padding:6px 0; border-left-color:#cbd3df;}
#tnb li.tnb-sns{width:10%;}
#tnb li.tnb-sns a{width:auto; border-radius:0; height:26px; vertical-align:middle;}
#tnb li.tnb-sns.twitter{margin-left:0px;}

.notice{max-width:94%;}
.notice li a{max-width:50%;}

footer{max-width:100%; padding-bottom:50px; margin-top:20px;}
footer .foot{width:94%; margin:0 auto; margin-bottom:20px;}
footer p{margin:15px 3%;}

.con-history{top:auto; bottom:0px; right:auto; left:3%; width:94%;}
.con-history button{padding:15px 0; width:100%; text-align:center;}
.con-history nav{padding:1% 3%;}
}


/*--------------------767--------------------*/
@media screen and (max-width:767px){
#gnb li{overflow:hidden;}
#gnb li a{font-size:12px;}
#gnb li:nth-child(5) a{padding:11px 0;}
.top-title{width:94%; height:auto; padding:25px 3% 15px;}
.top-title img{width:100%; max-width:420px;}


.notice h2{top:-32px;width:96%; height:42px; line-height:42px; text-align:left; padding:0 2%; border-radius:5px 5px 0 0}
.notice .notice-box{overflow:hidden;margin-left:5px;}
.notice .notice-box ul{padding:0 2%; margin-left:0;}
.notice-btn{display:none;}
.notice li{position:relative;}
.n-data{position:absolute; right:3%;}
.notice li a{max-width:55%;}

}

/*--------------------600--------------------*/
@media screen and (max-width:600px){
#gnb li{width:33.3%}
#gnb li a{font-size:11px;}
#gnb li:nth-child(5) a{border-left-width:1px;}
#gnb li:nth-child(4) a,#gnb li:nth-child(7) a{border-left-width:0;}
#gnb li:nth-child(8){border-right:1px #646a76 solid;}
#gnb li:nth-child(8) a{border-right-width:0px;}
#tnb li a{font-size:10px;}



}

@media screen and (max-width:481px){
#gnb li:nth-child(5) a{line-height:1.2;}
}