@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:1500px;margin:0 auto;position:relative;}
#index #wrap{width:1150px;}
.header-group{width:100%;padding-top:20px;}
#index .header-group{padding-top:15px;}
.header-group header{height:59px;}
#index .header-group header{height:50px;}
.header-group header .logo{display:inline-block;float:left;}
#index .header-group header .logo img{width:185px;}
.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:36px;width:150px;font-size:15px;font-weight:600;line-height:36px;margin-left:10px;border:1px solid #cccccc;text-align:center;padding-left:30px;}
.header-group header .util li.menu01 a{color:#666666;background:url('../image/common/header-icon01.png')no-repeat 15% center;}
.header-group header .util li.menu02 a{color:#fff;background:#6086ba url('../image/common/header-icon02.png')no-repeat 18% center;border:1px solid #6086ba;}
#index .header-group header .util li a{font-size:12px;height:28px;line-height:28px;width:120px;}
.header-group.pc{display:block;}
.header-group.mo{display:none;}
header .hd-sns{display:inline-block;float:right;overflow:auto;padding-top:4px;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:56px;width:100%;background:#3c3c3c;color:#fff;}
#index #gnb{height:48px;}
#gnb h1{width:22%;float:left;height:56px;line-height:56px;font-size:20px;font-weight:500;background:#2b5da2;text-align:center;}
#index #gnb h1{height:48px;line-height:48px;font-size:17px;}
#index #gnb .gnb-1depth{height:48px;}
#gnb .gnb-1depth{width:78%;float:left;height:56px;}
#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;}
#index #gnb .gnb-1depth > li{background:none;}
#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 23% 55%;}
#index #gnb .gnb-1depth > li.last a{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:18px;color:#fff;line-height:56px;}
#index #gnb .gnb-1depth > li > a{font-size:16px;}
#index #gnb .gnb-1depth > li > a{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:510px;width:100%;background:url('../image/main/visual.png') no-repeat 60% 20%;background-size:cover;}
#index #visual{height:370px;}
#visual .visual-tit{width:100%;padding-top:100px;text-align:center;}
#index #visual .visual-tit{padding-top:90px;}
#visual .visual-tit h3{font-size:30px;font-weight:900;coloR:#fff;line-height:30px;}
#index #visual .visual-tit h3{font-size:23px;line-height:23px;}
#visual .visual-tit h1{font-size:65px;font-weight:500;color:#fff;line-height:65px;padding:22px 0 40px; background:url('../image/main/tit-line.png') no-repeat bottom center;}
#index #visual .visual-tit h1{font-size:48px;line-height:48px;padding:12px 0px 0px;background:none;}
#visual .visual-cont{width:100%;padding-top:70px;}
#index #visual .visual-cont{padding-top:50px;}
#visual .visual-cont .con-txt{position:relative;display:inline-block;width:75%;float:left;height:154px;background:url('../image/main/visual-text-bg.png') repeat;}
#index #visual .visual-cont .con-txt{height:123px;width:77%;}
#visual .visual-cont .con-txt p{padding:23px 0 0 5%;font-weight:300;font-size:18px;line-height:27px;coloR:#ffffff;width:83%;}
#index #visual .visual-cont .con-txt p{padding:22px 0 0 3.5%;font-size:14px;line-height:20px;}
#visual .visual-cont .con-txt p span{display:block;}
#visual .visual-cont .con-txt a{position:absolute;display:inline-block;top:43px;right:30px;width:70px;line-height:66px;height:70px;font-size:15px;color:#fff;background:url('../image/main/visual-more.png') no-repeat right;}
#index #visual .visual-cont .con-txt a{top:30px;right:20px;width:60px;background:url('../image/main/visual-more2.png') no-repeat right;}
#visual .visual-cont .con-menu{display:inline-block;width:18%;float:left;margin-left:2%;}
#visual .visual-cont .con-menu li{height:44px;line-height:44px;border:1px solid #b9c2c8;padding-left:8%;margin-top:8px;background:url('../image/main/visual-icon-more.png') no-repeat 90% center;}
#index #visual .visual-cont .con-menu li{height:33px;line-height:33px;background:url('../image/main/visual-icon-more2.png') no-repeat 90% center;}
#visual .visual-cont .con-menu li:first-child{margin-top:0;}
#visual .visual-cont .con-menu li a{color:#fff;font-sizE:18px;display:block;}
#index #visual .visual-cont .con-menu li a{font-size:14px;}

/*main-content*/
#main-content{width:1500px;margin:0 auto;position:relative;background:#ebebeb;}
#index #main-content{width:1150px;}
#main-content .main-ctwrap{padding:35px 4.5% 45px 4.5%;height:633px;}
#index #main-content .main-ctwrap{height:460px;}
#index #main-content .main-ctwrap{padding:20px 3% 20px 3%;}
#main-content .main-ctwrap > div, #main-content .main-ct02 li{display:inline-block;float:left;}
#main-content .main-ct01{width:23%;}
#main-content .main-ct01 ul li{height:305px;margin-top:23px;}
#index #main-content .main-ct01 ul li{height:224px;margin-top:12px;}
#main-content .main-ct01 ul li:first-child{margin-top:0;}
#index #main-content .main-ct01 ul li:first-child{margin-top:0;}
#main-content .main-ct01 ul li a{display:block;height:100%;width:90%;padding:0 5%;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:25px;font-size:22px;line-height:24px;}
#main-content .main-ct01 ul li a h1 span{font-weight:bold;}
#main-content .main-ct01 ul li a img{padding-top:18px;height:148px;width:100%;}
#main-content .main-ct01 ul li a p{font-size:16px;padding-top:12px;}
#main-content .main-ct01 ul li a h2{font-size:19px;padding-top:1px;font-weight:bold;}
#main-content .main-ct02{width:50%;margin:0 2%;height:700px;}
#main-content .main-ct02 .top{width:48%;height:305px;position:relative;}
#index #main-content .main-ct02 .top{height:224px;}
#main-content .main-ct02 .top h1{width:90%;padding:0 5%;padding-top:25px;font-size:22px;line-height:24px;color:#fff;background: url('../image/main/main-ct02-bg.png') no-repeat 95% 83%;}
#main-content .main-ct02 .top h1 span{font-weight:bold;}
#main-content .main-ct02 .top h2{width:90%;padding:0 5%;padding-top:10px;font-size:19px;color:#fff;line-height:24px;}
#main-content .main-ct02 .top h3{position:absolute;bottom:20px;;width:100%;font-size:14px;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:4%;background:url('../image/main/main-ct02-02.png') no-repeat 55%;background-size:cover;}
#main-content .main-ct02 .bottom{display:block;width:100%;height:305px;margin-top:23px;}
#index #main-content .main-ct02 .bottom{height:224px;margin-top:12px;}
#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% 100%;background-size:cover;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:inline-block;padding-left:2.5%;padding-top:25px;font-size:22px;line-height:24px;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:117px;padding:35px 5% 0 5%;width:90%;background:url('../image/main/main-ct02-03-bg.png') no-repeat 94% bottom;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{display:block;float:inherit;padding-bottom:14px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{display:inline-block;color:#333333;font-size:18px;line-height:35px;height:35px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a span{display:inline-block;height:35px;padding:0 16px;margin-right:15px;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-ct03{width:23%;height:700px;}
#main-content .main-ct03 ul li{height:305px;margin-top:23px;}
#index #main-content .main-ct03 ul li{height:224px;margin-top:12px;}
#main-content .main-ct03 ul li:first-child{margin-top:0;}
#index #main-content .main-ct03 ul li:first-child{margin-top:0;}
#main-content .main-ct03 ul li a{display:block;height:100%;width:90%;padding:0 5%;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:25px;font-size:22px;line-height:24px;}
#main-content .main-ct03 ul li a h1 span{font-weight:bold;}
#main-content .main-ct03 ul li.notice a img{padding-top:18px;height:110px;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:22px;height:212px;width:auto;max-width:95%;}
#main-content .main-ct03 ul li a p{font-size:15px;padding-top:5px;color:#666666;}
#main-content .main-ct03 ul li a h2{font-size:16px;padding-top:12px;font-weight:bold;}
#footer-sitemap{width:100%;}
#footer-sitemap .sitemap-wrap{width:1500px;height:270px;margin:0 auto;position:relative;background:#fafafa;}
#footer-sitemap .sitemap-wrap > ul{padding:40px 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:22px;color:#666666;font-weight:600;line-height:30px;padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li{padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li > a{font-size:18px;color:#666666;line-height:30px;}
#footer-group{width:100%;height:170px;}
#footer-group footer{position:relative;width:95%;padding-top:40px;padding-left:5%;}
#footer-group footer img{float:left;}
#footer-group footer .ft-txt{display:inline-block;float:left;padding-left:35px;}
#footer-group footer .ft-txt p{font-size:13px;color:#cccccc;line-height:22px;}
#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:170px;}
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:1500px){
#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:50px;}
}
@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;}
#visual .visual-tit h3{font-size:24px;}
#visual .visual-tit h1{font-size:50px;}
#main-content .main-ct03 ul li.notice a img{height:110px;}
}




/******************************************************************************
* Media 1024px
******************************************************************************/
@media only screen and (max-width:1024px){
#gnb h1{font-size:15px;}
#gnb .gnb-1depth > li > a{font-size:14px;}
#gnb .gnb-2depth li a{font-size:13px;}	

#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;}
#go-top{right:30px;}
}
@media only screen and (max-width:820px){
#gnb h1{font-size:14px;}	
}
@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: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: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){
.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.png') no-repeat 72%;}
#visual .visual-tit{padding-top:65px;}
#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: 35px;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:30px;}
#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 #b6c6d1;margin-left:-1px;font-size:18px;}
#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:60px;}
#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:200px;}
#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 em{display:block;padding-left:3px;padding-top:2px;width:100%;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:60%;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{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:50%;}
p{word-break:normal;}
}

@media only screen and (max-width:600px){
#visual .visual-cont .con-txt p span.line4{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;}
}

@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: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;}
}