@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/********************************
reset
********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:14px;font-family: "Noto Sans KR", sans-serif;width:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;color:#000;}
label, span{vertical-align:top;}
img{vertical-align:middle;max-width: 100%;}
strong{font-weight:bold;}
caption{position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
.hidden{position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
input{font-family: "Noto Sans KR", sans-serif;}
textarea{font-family: "Noto Sans KR", sans-serif;}
textarea{font-family: "Noto Sans KR", sans-serif;}
p{word-break:keep-all;}



/* skip Navi */
#skip {position:relative;}
#skip dt {display:none}
#skip dd a {display:block; position:absolute; top:-50px; left:0; z-index:10; width:100%; background:#efefef; line-height:14px; text-decoration:none; text-align:center;line-height:30px;}
#skip dd a:active,
#skip dd a:focus {top:0;}


/*header-group*/

#wrap{width:1150px;margin:0 auto;position:relative;}
.header-group{width:100%;padding-top:15px;}
.header-group header{height:40px;}
.header-group header .logo{display:inline-block;float:left;}
.header-group header .util{display:inline-block;float:right;padding-top:1px;}
.header-group header .util li{display:inline-block;float:left;}
.header-group header .util li a{display:inline-block;height:27px;width:110px;font-size:13px;font-weight:600;line-height:27px;margin-left:10px;border:1px solid #cccccc;text-align:center;padding-left:25px;}
.header-group header .util li.menu01 a{color:#666666;background:url('../image/common/header-icon01.png')no-repeat 10% center;}
.header-group header .util li.menu02 a{color:#fff;background:#6086ba url('../image/common/header-icon02.png')no-repeat 13% center;border:1px solid #6086ba;}
.header-group.pc{display:block;}
.header-group.mo{display:none;}
header .hd-sns{display:inline-block;float:right;overflow:auto;padding-top:2px;padding-right:3px;}
header .hd-sns ul li{display:inline-block;float:left;padding-left:4px;}
.hd-sns-m{text-align:center;overflow:auto;}
.hd-sns-m ul li{display:inline-block;padding-left:6px;}
.hd-sns-m ul li:first-child{padding-left:0;}

/*GNB*/
#gnb{height:48px;width:100%;background:#3c3c3c;color:#fff;}
#gnb h1{width:22%;float:left;height:48px;line-height:48px;font-size:18px;font-weight:500;background:#2b5da2;text-align:center;}
#gnb .gnb-1depth{width:78%;float:left;height:48px;}
#gnb .gnb-1depth > li{position:relative;width:16.2%;display:inline-block;float:left;text-align:center;background:url('../image/common/gnb-sl.png') no-repeat left center;}
#gnb .gnb-1depth > li.last{width:19%;}
#gnb .gnb-1depth > li.last a{padding-left:30px;color:#aed0fe;background:url('../image/common/gnb-icon.png') no-repeat 20% 55%;}
#gnb .gnb-1depth > li:first-child{background:none;}
#gnb .gnb-1depth > li > a{display:block;font-size:16px;color:#fff;line-height:48px;}
#gnb .gnb-1depth > li > a:hover{font-weight:700;color:#aed0fe;}
#gnb .gnb-2depth{display:none;position:absolute;background:#fff url('../image/common/gnb-bg.png') no-repeat top;width:100%;padding:23px 0;z-index:999;}
#gnb .gnb-2depth li a{font-size:16px;color:#999999;line-height:19px;margin:11px 0;display:block;}
#gnb .gnb-2depth li a:hover{color:#3c6091;}


/*visual*/
#visual{height:370px;width:100%;background:url('../image/main/visual.png') no-repeat 60% 20%;background-size:cover;}
#visual .visual-tit{width:100%;padding-top:80px;text-align:center;}
#visual .visual-tit h3{font-size:24px;font-weight:900;coloR:#fff;line-height:30px;    text-shadow: #565656 2px 3px 6px;}
#visual .visual-tit h1{font-size:48px;font-weight:500;color:#fff;line-height:48px;padding:15px 0 0; /*background:url('../image/main/tit-line.png') no-repeat bottom center;*/    text-shadow: #565656 2px 3px 6px;}
#visual .visual-cont{width:100%;padding-top:45px;}
#visual .visual-cont .con-txt{position:relative;display:inline-block;width:80%;float:left;height:124px;background:url('../image/main/visual-text-bg.png') repeat;}
#visual .visual-cont .con-txt p{padding:17px 0 0 5%;font-weight:300;font-size:15px;line-height:23px;coloR:#ffffff;width:83%;}
#visual .visual-cont .con-txt p span{display:inline;}
#visual .visual-cont .con-txt a{position:absolute;display:inline-block;top:29px;right:30px;width:56px;line-height:66px;height:70px;font-size:14px;color:#fff;background:url('../image/main/visual-more.png') no-repeat right;}
#visual .visual-cont .con-menu{display:inline-block;width:16.3%;float:left;margin-left:1.3%;}
#visual .visual-cont .con-menu li{height:34px;line-height:34px;border:1px solid #b9c2c8;padding-left:8%;margin-top:8px;background:url('../image/main/visual-icon-more.png') no-repeat 90% center;}
#visual .visual-cont .con-menu li:first-child{margin-top:0;}
#visual .visual-cont .con-menu li a{display:block;color:#fff;font-sizE:14px;font-weight:bold;}

/*main-content*/
#main-content{width:1150px;margin:0 auto;position:relative;background:#ebebeb;}
#main-content .main-ctwrap{padding:20px 2.6% 25px 2.6%;height:460px;}
#main-content .main-ctwrap > div, #main-content .main-ct02 li{display:inline-block;float:left;}
#main-content .main-ct01{width:24%;}
#main-content .main-ct01 ul li{height:224px;margin-top:16px;}
#main-content .main-ct01 ul li:first-child{margin-top:0;}
#main-content .main-ct01 ul li a{display:block;height:100%;width:83%;padding:0 8.1%;background:#fff url('../image/main/main-ct01-bg.png') no-repeat 95% 9%;border:1px solid #d3d3d3;}
#main-content .main-ct01 ul li a h1{padding-top:20px;font-size:18px;line-height:18px;}
#main-content .main-ct01 ul li a h1 span{font-weight:bold;}
#main-content .main-ct01 ul li a img{padding-top:12px;height:110px;width:100%;}
#main-content .main-ct01 ul li a p{font-size:13px;padding-top:10px;line-height:18px;}
#main-content .main-ct01 ul li a p.letter{font-size:12px;}
#main-content .main-ct01 ul li a h2{font-size:16px;line-height:20px;font-weight:bold;}
#main-content .main-ct02{width:49.2%;margin:0 1.4%;height:466px;}
#main-content .main-ct02 .top{width:48.75%;height:224px;position:relative;}
#main-content .main-ct02 .top h1{width:83%;padding:0 8.5%;padding-top:20px;font-size:18px;line-height:18px;color:#fff;background: url('../image/main/main-ct02-bg.png') no-repeat 95% 98%;}
#main-content .main-ct02 .top h1 span{font-weight:bold;}
#main-content .main-ct02 .top h2{width:83.5%;padding:0 8.25%;padding-top:5px;font-size:14px;color:#fff;line-height:18px;}
#main-content .main-ct02 .top h2.letter{letter-spacing:-1.2px;}
#main-content .main-ct02 .top h3{position:absolute;bottom:11px;;width:100%;font-size:13px;coloR:#fff;text-align:center;}
#main-content .main-ct02 .top.left{background:url('../image/main/main-ct02-01.png') no-repeat 55%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:2.5%;background:url('../image/main/main-ct02-02.png') no-repeat 55%;background-size:cover;}
#main-content .main-ct02 .bottom{display:block;width:100%;height:224px;margin-top:16px;}
#main-content .main-ct02 .bottom .border-wrap{height:100%;background:#fff;border:1px solid #d3d3d3;}
#main-content .main-ct02 .bottom .border-wrap .top-bg{position:relative;height:50%;background:url('../image/main/main-ct02-03.png') no-repeat 100% 0%;background-size:cover;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:inline-block;padding-left:4%;padding-top:25px;font-size:18px;line-height:18px;color:#fff;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1 span{font-weight:bold;}
#main-content .main-ct02 .bottom .border-wrap .top-bg .more{position:absolute;right:20px;top:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{height:90px;width:93%;padding:22px 3.5% 0 3.5%;background:url('../image/main/main-ct02-03-bg.png') no-repeat 95.5% bottom;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{display:block;float:inherit;padding-bottom:7px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{display:inline-block;color:#333333;font-size:14px;line-height:30px;height:30px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a.eng-font{font-size:13px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span{display:inline-block;font-size:15px;height:30px;padding:0 13px;margin-right:10px;background:#000;border-radius:20px;color:#fff;font-weight:500;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span.c-typeA{background:#6086ba}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span.c-typeB{background:#1da0bf;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{display:inline-block;width:65%;line-height:18px;padding-top:2px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em. span{display:inline-block;}
#main-content .main-ct03{width:24%;height:466px;}
#main-content .main-ct03 ul li{height:224px;margin-top:16px;}
#main-content .main-ct03 ul li:first-child{margin-top:0;}
#main-content .main-ct03 ul li a{display:block;height:100%;width:83%;padding:0 8.1%;background:#fff url('../image/main/main-ct01-bg.png') no-repeat 95% 9%;border:1px solid #d3d3d3;}
#main-content .main-ct03 ul li a h1{padding-top:19px;font-size:18px;line-height:18px;}
#main-content .main-ct03 ul li a h1 span{font-weight:bold;}
#main-content .main-ct03 ul li.notice a img{padding-top:12px;height:76px;width:100%;}
#main-content .main-ct03 ul li.policy a{text-align:center;}
#main-content .main-ct03 ul li.policy a h1{text-align:left;}
#main-content .main-ct03 ul li.policy a img{padding-top:12px;height:156px;width:auto;max-width:95%;}
#main-content .main-ct03 ul li a p{font-size:14px;line-height:17px;padding-top:3px;color:#666666;}
#main-content .main-ct03 ul li a h2{font-size:15px;padding-top:10px;font-weight:bold;line-height:18px;}
#footer-sitemap{width:100%;}
#footer-sitemap .sitemap-wrap{width:1150px;height:190px;margin:0 auto;position:relative;background:#fafafa;}
#footer-sitemap .sitemap-wrap > ul{padding:25px 5% 0 5%;width:90%;}
#footer-sitemap .sitemap-wrap > ul > li{display:inline-block;float:left;width:17%;padding-left:3%;text-align:left;}
#footer-sitemap .sitemap-wrap > ul > li > a{display:inline-block;font-size:15px;color:#666666;font-weight:600;line-height:24px;padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li{padding-bottom:3px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li > a{font-size:15px;color:#666666;line-height:24px;}
#footer-group{width:100%;height:120px;}
#footer-group footer{position:relative;overflow:hidden;width:95%;padding:30px 2.5% 0 2.5%;}
#footer-group footer img{float:left;}
#footer-group footer .ft-txt{display:inline-block;float:left;padding-left:35px;margin-top:-2px;}
#footer-group footer .ft-txt p{font-size:13px;color:#cccccc;line-height:20px;}
#footer-group footer .ft-txt .sns{position:absolute;right:0px;top:50px;}
#footer-group footer .ft-txt .sns li{display:inline-block;float:left;padding-left:7px;}
#footer-group footer .select-site{float:right;height:38px;width:170px;line-height:38px;color:#999999;font-size:15px;border:1px solid #e1e3e4;padding-left:10px;}
#go-top{position:absolute;right:-70px;bottom:120px;}
img.pc{display:block;}
img.mo{display:none;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:block;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{display:none;}
#main-content .main-ct03 ul li.policy p{display:none;}
/******************************************************************************
* Media 1500px
******************************************************************************/
@media only screen and (max-width:1310px){
#go-top{right: 30px;bottom: 120px;}
}

@media only screen and (max-width:1170px){
#main-content{width:100%;}
#footer-sitemap .sitemap-wrap{width:100%;}
.header-group header{padding:0 2%;}
#wrap{width:100%;margin:0 auto;position:relative;}
#gnb h1{font-size:18px;}
#gnb .gnb-1depth > li > a{font-size:16px;}
#gnb .gnb-2depth li a{font-size:14px;}
#visual .visual-cont .con-txt p{font-size:14px;text-align:justify;}
#visual .visual-cont .con-txt p span.line3, #visual .visual-cont .con-txt p span.line4{display:inline;}
#go-top{right: 30px;bottom: 120px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{width:77%;}
}
@media only screen and (max-width:1150px){





.header-group{padding-top:28px;}
#gnb h1{font-size:16px;}
#gnb .gnb-1depth > li.last a {padding-left:20px;background: url('../image/common/gnb-icon.png') no-repeat 15% 55%;}
#visual .visual-cont .con-txt p{width:78%;padding-left:3.5%;}
#visual .visual-cont .con-txt p span.line1, #visual .visual-cont .con-txt p span.line2{display:inline;}

}




/******************************************************************************
* Media 1024px
******************************************************************************/
@media only screen and (max-width:1024px){
#visual .visual-cont .con-txt p span.line3{display:none;}
#gnb h1{font-size:15px;}
#gnb .gnb-1depth > li > a{font-size:14px;}
#gnb .gnb-2depth li a{font-size:13px;}	
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{width:70%;word-break:break-all;letter-spacing:-1px;}
#go-top{right:25px;bottom: 120px;}
/*#main-content .main-ct01{width:23.5%;}
#main-content .main-ctwrap {padding:40px 3%;height:506px;}
#main-content .main-ct01 ul li{height:248px;margin-top:10px;}
#main-content .main-ct01 ul li a h1{padding-top:20px;font-size:17px;line-height:20px;}
#main-content .main-ct01 ul li a img{height:120px;;}
#main-content .main-ct01 ul li a p{font-size:13px;padding-top:10px;line-height:16px;}
#main-content .main-ct01 ul li a p.letter{letter-spacing:-2px;}
#main-content .main-ct01 ul li a h2{font-size:15px;padding-top:1px;}
#main-content .main-ct02{width:50%;margin:0 1.4% 0 1.6%;height:506px;}
#main-content .main-ct02 .top{width:48.5%;height:248px;position:relative;}
#main-content .main-ct02 .top h1{padding-top:20px;font-size:17px;line-height:20px;}
#main-content .main-ct02 .top h2{font-size:14px;line-height:17px;}
#main-content .main-ct02 .top h3{bottom:15px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main-ct02-01.png') no-repeat 55% 100%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:2.5%;background:url('../image/main/main-ct02-02.png') no-repeat 55% 100%;background-size:cover;}
#main-content .main-ct02 .bottom{height:248px;margin-top:10px;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{font-size:17px;line-height:20px;padding-top:20px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{height:94px;padding:30px 3% 0 3%;width:94%;background:url('../image/main/main-ct02-03-bg.png') no-repeat 94% bottom;background-size:90px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:15px;line-height:25px;height:25px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a span{padding:0 10px;margin-right:8px;height:25px;line-height:25px;}
#main-content .main-ct03{width:23.5%;height:506px;}
#main-content .main-ct03{height:506px;}
#main-content .main-ct03 ul li{height:248px;margin-top:10px;}
#main-content .main-ct03 ul li a h1{font-size:17px;line-height:20px;padding-top:20px;}
#main-content .main-ct03 ul li.notice a img{height:85px;}
#main-content .main-ct03 ul li.policy a img{padding-top:15px;height:170px;}
#main-content .main-ct03 ul li a p{font-size:13px;padding-top:5px;line-height:16px;}
#main-content .main-ct03 ul li a p span.hidden{display:none;}
#main-content .main-ct03 ul li a h2{font-size:14px;padding-top:12px;font-weight:bold;}
#main-content .main-ct03 ul li a h2.letter{letter-spacing:-2px;}*/
/*#footer-sitemap .sitemap-wrap{height:270px;}
#footer-sitemap .sitemap-wrap > ul{padding-top:50px;}
#footer-sitemap .sitemap-wrap > ul > li > a{font-size:17px;padding-bottom:9px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li{padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li > a{font-size:16px;line-height:24px;}
#footer-group footer{width:97%;padding-left:3%;}
#footer-group footer img.ft-logo{width:170px;height:auto;}
#footer-group footer .ft-txt{padding-left:25px;}*/

}

@media only screen and (max-width:1000px){
#visual .visual-cont .con-txt p{padding-top:15px;}
#visual .visual-cont .con-txt{width:77.5%;}
}
@media only screen and (max-width:930px){
#footer-group{height:200px;}
#footer-group footer .select-site{float:inherit;position:absolute;bottom:35px;;left:220px;}
#go-top{bottom:200px;}
}
@media only screen and (max-width:950px){
#main-content .main-ct03 ul li a h2{line-height:23px;}
#main-content .main-ct03 ul li a p{display:none;}
#main-content .main-ct01 ul li a p{letter-spacing:-2px;}
}
@media only screen and (max-width:900px){
#visual .visual-cont .con-menu li{background:none;}
}
@media only screen and (max-width:850px){
.header-group header .logo img{width:220px;padding-top:4px;}
}
@media only screen and (max-width:820px){
#gnb h1{font-size:14px;}	
}
@media only screen and (max-width:800px){
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{letter-spacing:-1px;}
}

/******************************************************************************
* Media 768px
******************************************************************************/
@media only screen and (max-width:768px){
#visual .visual-cont .con-txt p span.line3{display:inline;}
#main-content .main-ct03 ul li a h2{line-height:23px;}
#main-content .main-ct03 ul li a p{display:block;}
#main-content .main-ct01 ul li a p{letter-spacing:0px;}
.header-group header .logo img{width:auto;padding-top:0px;}
#wrap{overflow:hidden;}
img.pc{display:none;}
img.mo{display:block;}
.header-group.pc{display:none;}
.header-group.mo{display:block;padding-top:0}
.header-group header{height:50px;padding:0 3.5%;padding-top:20px;}
.header-group header .m-util{display:inline-block;float:right;}
.header-group header .m-util img{padding-top:5px;}
.header-group header h2.title{display:inline-block;font-size:18px;font-weight:500;color:#3c3c3c;}
.header-group header h2.title strong{font-weight:700;padding-right:10px;padding-left:22px;}
#mo-gnb{display:none;}
#mo-gnb.on{display:block;}
.moblie-layer.on{display:block;position:absolute;height:100%;width:100%;background: url('../image/common/mo-bg.png') repeat;z-index:10;}
#mo-gnb{position:absolute;top:0;right:0;width:280px;height:100%;z-index:999;background:#215097;}
#mo-gnb .util{height:70px;padding:0 20px;}
#mo-gnb .util a{display:inline-block;margin-top:22px;}
#mo-gnb .util a.btn-x{float:right;}
#mo-gnb .gnb-1depth > li{border-bottom:1px solid #6197e0;background: url('../image/common/mo-gnb-down.png') no-repeat 91.6% 29px;}
#mo-gnb .gnb-1depth > li.selected{background: url('../image/common/mo-gnb-up.png') no-repeat 91.6% 29px;}
#mo-gnb .gnb-1depth > li:first-child{border-top:1px solid #6197e0;}
#mo-gnb .gnb-1depth > li > a{display:block;font-size:22px;coloR:#fff;line-height:26px;padding:19px 20px;}
#mo-gnb .gnb-2depth{display:none;background:#6197e0;padding:18px 0;}
#mo-gnb .gnb-2depth li{padding:3px 33px;}
#mo-gnb .gnb-2depth li a{font-size:20px;color:#fff;line-height:28px;}
#mo-gnb .gnb-2depth li a:hover{text-decoration:underline;}
#mo-gnb .util-bt{padding:38px 20px 20px 20px;}
#mo-gnb .util-bt li{border:1px solid #6197e0;margin-bottom:10px;}
#mo-gnb .util-bt li a{display:block;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff;padding-left:20px;}
#mo-gnb .util-bt li.menu01{background:url('../image/common/mo-gnb-icon01.png') no-repeat 25% center;}
#mo-gnb .util-bt li.menu02{background:url('../image/common/mo-gnb-icon02.png') no-repeat 23% center;}
#mo-gnb .util-bt li.menu03{background:url('../image/common/mo-gnb-icon03.png') no-repeat 17% center;}
#visual{height:610px;background: url('../image/main/visual-m.png') no-repeat 72%;background-size:cover;}
#visual .visual-tit{padding-top:75px;}
#visual .visual-tit h1{padding-top:6px;padding-bottom:40px;}
#visual .visual-cont{width:94%;padding:0 3.0%;padding-top:30px;}
#visual .visual-cont .con-txt{display:block;width:100%;height:auto;float:inherit;height:255px;}
#visual .visual-cont .con-txt p{padding:20px 5% 50px 5%;width:90%;font-size:18px;line-height:28px;}
#visual .visual-cont .con-txt a {top:inherit;bottom: 25px;right: 30px;width: auto;line-height: 16px;padding-right:12px;height: 20px;font-size: 16px;background: url('../image/main/visual-more-mo.png') no-repeat right;}
#visual .visual-cont .con-menu{display:block;width:100%;float:inherit;margin:0;padding-top:32px;}
#visual .visual-cont .con-menu ul li {display:inline-block;width:33.33%;float:left;border:0;padding:0;margin:0;text-align:center;}
#visual .visual-cont .con-menu ul li a{display:block;border:1px solid #c8d1e0;margin-left:-1px;font-size:18px;padding:11px 0;}
#footer-sitemap{display:none;}
#footer-group{position:relative;background:#fafafa;height:auto;padding-bottom:40px;}
#footer-group footer{padding-top:30px;}
#footer-group footer img.ft-logo{float:inherit;}
#footer-group footer .ft-txt{display:block;float:inherit;padding-left:0;padding-top:20px;}
#footer-group footer .ft-txt .sns{display:none;}
#footer-group footer .select-site{bottom:inherit;top:72px;left:2.7%;width:95%;}
#footer-group footer .ft-txt p{font-size:16px;line-height:25px;}
#footer-group footer .ft-txt p.last{padding-top:5px;}
#go-top{bottom:120px;}
#main-content .main-ctwrap{padding:30px 3%;height:1576px;}
#main-content .main-ctwrap > div, #main-content .main-ct02 li{display:block;float:inherit;width:100%;height:auto;}
#main-content .main-ct01 ul li{position:relative;height:211px;margin-top:15px;}
#main-content .main-ct01 ul li a{width:95%;padding:0 2.5%;background: #fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct01 ul li a h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct01 ul li a p{padding-left:220px;font-size:20px;line-height:24px;padding-top:23px;}
#main-content .main-ct01 ul li a p.letter{letter-spacing:0;}
#main-content .main-ct01 ul li a h2{padding-left:220px;font-size:24px;padding-top:8px;line-height:26px;}
#main-content .main-ct01 ul li a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;padding-top:0;}
#main-content .main-ct02 > ul > li{height:211px;margin-top:15px;}
#main-content .main-ct02{margin-left:0;}
#main-content .main-ct02 .top, #main-content .main-ct02 .top.right{height:211px;margin-left:0;width:100%;}
#main-content .main-ct02 .top a{display:block;width:95%;padding:0 2.5%;height:100%;background:url('../image/main/main-ct02-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct02 .top h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct02 .top h2{padding-left:220px;font-size:20px;line-height:28px;padding-top:20px;width:auto;padding-right:0;}
#main-content .main-ct02 .top h3{position:inherit;text-align:left;padding-left:220px;font-size:18px;padding-top:25px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main-ct02-01-m.png') no-repeat 100% 100%;background-size:100% 100%;}
#main-content .main-ct02 .top.right{margin-left:0%;background:url('../image/main/main-ct02-02-m.png') no-repeat 100% 100%;background-size:100% 100%;}
#main-content .main-ct02 .bottom{height:211px;margin-top:15px;}
#main-content .main-ct02 .bottom .border-wrap{position:relative;width:95%;padding:0 2.5%;background:#fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct02 .bottom .border-wrap .top-bg{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;background: url('../image/main/main-ct02-03-m.png') no-repeat 100% 100%;background-size:100% 100%;float:left;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{display:block;font-size:26px;padding-top:20px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1 span{font-weight:bold;}
#main-content .main-ct02 .bottom .border-wrap .top-bg .more{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{padding:0;display:inline-block;float:left;padding-left:220px;background:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:20px;display:block;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span{font-size:20px;line-height:25px;padding:0 10px;margin-right:8px;height:25px;line-height:25px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em{display:block;padding-left:3px;padding-top:0px;margin-top:-3px;width:100%;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a.eng-font{font-size:19px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:67%;padding-top:23px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li:first-child{padding-top:0;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{display:inherit;width:auto;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul{padding-top:10px;}
#main-content .main-ct03 ul li{height:211px;margin-top:15px;position:relative;}
#main-content .main-ct03 ul li:first-child{margin-top:15px;}
#main-content .main-ct03 ul li a{width:95%;padding:0 2.5%;height:100%;background:#fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct03 ul li.notice a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;padding-top:0;}
#main-content .main-ct03 ul li.policy a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:170px;padding-top:0;padding-left:15px;}
#main-content .main-ct03 ul li a h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct03 ul li a h2{padding-left:220px;font-size:20px;line-height:26px;padding-top:15px;}
#main-content .main-ct03 ul li a p{padding-left:220px;font-size:18px;line-height:24px;padding-top:10px;}
#main-content .main-ct03 ul li.policy p{display:block;padding-left:220px;text-align:left;font-size:20px;line-height:26px;padding-top:20px;}
}


/******************************************************************************
* Media 640px
******************************************************************************/
@media only screen and (max-width:640px){
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em{width:99%;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:60%;}
p{word-break:normal;}
}

@media only screen and (max-width:600px){
#visual .visual-cont .con-txt p span.line4{display:none;}
#visual .visual-cont .con-txt p span.line3{display:none;}
}

@media only screen and (max-width:550px){
#visual .visual-cont .con-txt p span.line2{display:none;}
}

@media only screen and (max-width:500px){
#visual .visual-cont .con-txt p span.line3{display:none;}
.header-group header h2.title{font-size:14px;}
.header-group header h2.title strong{font-weight:700;padding-right:4px;padding-left:10px;line-height:30px;}
#visual .visual-tit h3{font-size:22px;line-height:28px;}
#visual .visual-tit h1{font-size:32px;line-height:38px;}
}

@media only screen and (max-width:520px){
#main-content .main-ct02 .bottom .border-wrap .top-bg{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{padding-left:0;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:90%;}
#main-content .main-ct01 ul li a{width:auto;padding:0 20px;background:#fff;;}
#main-content .main-ct03 ul li.notice a img{display:none;}
#main-content .main-ct03 ul li.notice a h1{padding-left:0;}
#main-content .main-ct03 ul li.notice a h2{padding-left:0;}
#main-content .main-ct03 ul li.notice a p{padding-left:0;}
#main-content .main-ct01 ul li a img{width:145px;left:20px;}
#main-content .main-ct01 ul li a h1{padding-left:160px;}
#main-content .main-ct01 ul li a h2{padding-left:160px;word-break:break-all;}
#main-content .main-ct01 ul li a p{padding-left:160px;word-break:break-all;}
#main-content .main-ct02 .bottom .border-wrap{width:auto;padding:0 20px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main-ct02-01-m.png') no-repeat 13% 100%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:0%;background:url('../image/main/main-ct02-02-m.png') no-repeat 13% 100%;background-size:cover;}
#main-content .main-ct02 .top h1{padding-left:160px;}
#main-content .main-ct02 .top h2{padding-left:160px;}
#main-content .main-ct02 .top h3{padding-left:160px;}
#main-content .main-ct03 ul li a{width:auto;padding:0 20px;}
#main-content .main-ct03 ul li.policy a img{width:135px;padding-left:15px;}
#main-content .main-ct03 ul li.policy a h1{padding-left:160px;}
#main-content .main-ct03 ul li.policy p{padding-left:160px;}
#main-content .main-ct02 .top a{width:auto;padding:0 20px;background:none;}
#main-content .main-ct02 .bottom .border-wrap{background:#fff;;}
}
@media only screen and (max-width:430px){
#visual .visual-cont .con-txt p{font-size:15px;line-height:23px;}
}

@media only screen and (max-width:400px){
#visual .visual-cont .con-txt p{font-size:16px;}
#visual .visual-cont .con-menu ul li a{font-size:16px;}
.header-group header h2.title strong{display:none;}
.header-group header h2.title{padding-left:10px;line-height:31px;}
#main-content .main-ct01 ul li a h1{font-size:18px;}
#main-content .main-ct01 ul li a h2{font-size:17px;line-height:20px;}
#main-content .main-ct01 ul li a p{font-size:16px;line-height:18px;}
#main-content .main-ct03 ul li.notice a h1{font-size:18px;}
#main-content .main-ct03 ul li.notice a h2{font-size:17px;line-height:25px;}
#main-content .main-ct03 ul li.notice a p{font-size:16px;line-height:18px;}
#main-content .main-ct02 .top h1{font-size:18px;background:none;}
#main-content .main-ct02 .top h2{font-size:17px;line-height:20px;letter-spacing:-1px;}
#main-content .main-ct02 .top h3{font-size:15px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:100%;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{font-size:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul{padding-top:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:17px;}
#main-content .main-ct03 ul li.policy a h1{font-size:18px;}
#main-content .main-ct03 ul li.policy p{font-size:17px;}
#main-content .main-ct03 ul li a{background:#fff;}
#go-top{bottom:260px;right:15px;}
}

@media only screen and (max-width:340px){
.header-group header h2.title{font-size:12px;}
}