@charset "utf-8";

.btn_menu,
#search{display:none;}

.top_sns {margin:0 0 0 10px;}

.logo strong{padding:3px 0 0 0; color:#171717; font-size:27px; font-weight:800;}
.logo span > span{padding:0; font-size:16px; color:#171717; font-weight:400; letter-spacing:-1px;}

@media all and (max-width:1024px) {
	.btn_menu{display:block; right:15px;}
	.top_sns {margin:0;}

	.logo strong{padding:0; letter-spacing:-2px; font-size:22px; font-weight:900;}
	.logo span > span{padding:2px 0 3px 0; font-size:14px;}
}
@media all and (max-width:768px) {
	.btn_menu{right:10px;}

	.logo strong{font-size:20px;}
	.logo span > span{font-size:13px;}
}
@media all and (max-width:380px) {
	.logo strong{font-size:19px;}
	.logo span > span{font-size:12px;}
}

.global{width:76%;}
#font_control{position:relative; padding:6px 0 0 0;}
#font_control li a{width:29px; height:29px; line-height:28px; font-size:15px; font-weight:400; border-radius:50%; border-color:rgba(255,255,255,0.5);}
#font_control li a:hover{border-color:#fff; background-color:transparent;}
#font_control li.img a{background:url(/images/ch/sub/ico_util.png) no-repeat 8px -39px;}
#font_control li.small a{background-position:-60px -39px;}
#font_control li.print a{background-position:-95px -39px;}
#font_control li a{color:#fff;}

@media all and (max-width:1230px) {
	.global > li{width:20% !important;}
}
@media all and (max-width:1024px) {
	.global{width:140px;}
	.global > li{width:100% !important;}
}
@media all and (max-width:768px) {
	.global li div{width:150px;}
}
@media all and (max-width:380px) {
	.global{width:125px;}
	.global li div{width:140px;}
}


#header{height:112px;}
@media all and (max-width:1024px) {
	#header{height:70px;}
}
@media all and (max-width:768px) {
	#header{height:62px;}
}
@media all and (max-width:568px) {
	#header{height:58px;}
}
@media all and (max-width:380px) {
	#header{height:54px;}
}

#menuArea{top:40px;}
#menuArea:after, #menuArea:before{top:112px;}

#topmenu {padding:0 0 0 30%;}
#topmenu > li{width:20%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a{line-height:112px;}
#topmenu .menu{top:112px; padding-left:22%;}
#topmenu li .tit{width:22%;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#485ec4;}

#topmenu .menu:before,
#topmenu li .tit,
#topmenu .menu > ul > li > a:before,
#topmenu ul ul li a:before{background:#485ec4;}
#topmenu li .tit h2:before{background:#fef991;}
#topmenu .menu > ul > li > a:after{background-image: url(/images/ch/sub/ico_gnb.png);}

#footer {padding:37px 0; font-size:17px; color:#fff; background:#2d2f3a; text-align:center;}
#footer .logo {top:0;}
#footer .logo span{font-size:12px; color:#aeaeae;}
#footer .logo strong{padding:3px 0 5px; font-weight:400; color:rgba(255,255,255,0.7); font-family:"hansuw"; letter-spacing:-1px;}
#footer address{padding:3px 0;}
#footer .copyright{padding:0; color:#aeaeae; text-transform:uppercase;}
@media all and (max-width:1230px) {
    #footer .logo {left:15px;}
}
@media all and (max-width:1024px) {
    #footer{font-size:15px; text-align:center;}
	#footer .logo{position:static; display:inline-block; margin:0 0 20px;}
	#footer .logo span{padding:0 0 0 3px; letter-spacing:0.4px; font-size:11px;}
	#footer .copyright{font-size:12px;}
}
@media all and (max-width:768px) {
	#footer{font-size:14px;}
	#footer .logo{margin:0 0 17px;}
	#footer .logo span{letter-spacing:0.3px; font-size:10px;}
	#footer .copyright{font-size:11px;}
	#footer address span{display:block; padding:3px 0 0 0;}
}
@media all and (max-width:380px) {
	#footer{padding:35px 0; font-size:13px;}
	#footer .logo{margin:0 0 15px;}
	#footer .logo span{letter-spacing:0.5px; font-size:9px;}
	#footer .copyright{font-size:10px;}
}
@media all and (max-width:335px) {
	#footer address a{display:block;}
}

#subVisual{height:250px; background:url(/images/ch/sub/bg_sub.jpg) no-repeat 50% 0; background-size:cover;}
#subVisual .txt br{display:none;}
#subVisual .txt p{width:100%; height:66px; font-size:0; text-indent:-999px; background:url(/images/ch/sub/txt_slogan1.png?ver=240805) no-repeat 50% 0;}
#subVisual .txt .txt2{width:100%; height:21px; background-image:url(/images/ch/sub/txt_slogan2.png);}

@media all and (max-width:1024px) {
	#subVisual{height:130px;}
	#subVisual .txt p,
	#subVisual .txt .txt2{height:auto; background:none;}
	#subVisual .txt p{line-height:150%; font-size:16px; text-indent:0; font-weight:300; font-family:"score"; letter-spacing:-1px;}
	#subVisual .txt .txt1{padding:0 0 4px; font-size:25px; font-weight:500; color:#fef991; text-shadow:0 0 5px rgba(4,30,22,0.5); letter-spacing:-2px;}
}
@media all and (max-width:768px) {
	#subVisual{height:105px;}
	
	#subVisual .txt p{font-size:14px;}
	#subVisual .txt .txt1{padding:0 0 3px; font-size:22px;}
}
@media all and (max-width:568px) {
	#subVisual{height:85px;}

	#subVisual .txt p{font-size:13px;}
	#subVisual .txt .txt1{font-size:17px;}
}
@media all and (max-width:380px) {
	#subVisual{height:80px;}

	#subVisual .txt .txt1{font-size:16px;}
	#subVisual .txt p{font-size:12px;}
}
@media all and (max-width:345px) {
	#subVisual .txt br{display:inline-block;}
	#subVisual .txt .txt1{line-height:130%;font-size:15px;}
}

.location {z-index:3; position:relative; float:none; width:100%; height:70px; padding:0; margin:0 auto; font-size:18px; box-sizing:border-box; background:#f3f3f3; box-shadow:3px 3px 10px  rgba(0,0,0,0.3);}
.location:after {content:''; display:block; clear:both;}
.location * {display:block;}
.location .home {width:70px; height:70px; background:#e0e0e0 url(/images/ch/sub/ico_util.png) no-repeat 28px 27px;}
.location .home:hover{background-color:#d0d0d0;}
.location .snb {float:left;}
.location .snb > li {float:left; position:relative;}
.location .snb > li > a {position:relative; width:309px; height:100%; line-height:70px; padding:0 40px 0 20px; color:#666; box-sizing:border-box; border-right:1px solid #bbb;}
.location .snb > li > a:before,
.location .snb > li > a:after {content:''; position:absolute; top:50%; right:37px; margin:-3px 0 0 0; border-top:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent; transition:transform 0.25s ease-in-out;}
.location .snb > li > a:before{right:30px; width:22px; height:22px; margin:-11px 0 0 0; border:none; background:#898989; border-radius:50%;}
.location .snb > li > a.on:after{transform:rotate(180deg);}
.location .snb > li > a.on:before{background:#555;}

.snb ul {display:none; z-index:3; position:absolute; top:70px; left:-1px; width:calc(100% + 1px); border:1px solid #e6e6e6; border-top:none; background:#fff; box-sizing:border-box; box-shadow:2px 3px 5px rgba(0,0,0,0.1);}
.snb ul li {width:100%;}
.snb ul a {display:block; line-height:53px; padding:0 0 0 20px;}
.snb ul li + li a {border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active {background:#f7f7f7;}

@media all and (max-width:1230px) {
	.location{padding:0 15px;}
	.location .inner{padding:0;}
}
@media all and (max-width:1024px) {
    .location {height:49px; padding:0; margin:0; font-size:16px;}
    .location .home {width:49px; height:49px; background-position:15px 17px;}
    .location .snb > li > a {width:200px; line-height:49px;}
	.location .snb > li > a:before{right:10px;}
	.location .snb > li > a:after{right:17px;}
    
    .snb ul {top:49px;}
	.snb ul a {line-height:45px; padding:0 0 0 20px; font-size:0.938em;}
	
}
@media all and (max-width:768px) {
	.location {font-size:0.938em; height:45px;}
    .location .home {width:45px; height:45px; background-position:13px 14px;}
    .location .snb > li > a {line-height:45px;}

    .snb ul {top:45px;}
	.snb ul a {line-height:37px;}
}
@media all and (max-width:568px) {
	.location {height:39px; padding:0;  box-shadow:2px 2px 7px rgba(0,0,0,0.3);}
    .location .home {width:39px; height:39px; background-position:12px 13px; background-size:100px;}
    .location .snb > li > a {width:auto; line-height:39px; padding:0 30px 0 15px;}
	.location .snb > li > a:before{display:none;}
    .location .snb > li > a:after {right:12px; border-top-color:#666;}

    .snb ul {top:39px; width:160px;}
	.snb ul a {padding:0 0 0 15px; line-height:34px;}
}
@media all and (max-width:380px) {
	.location {height:36px;}
    .location .home {width:36px; height:36px; background-position:11px 11px; }
    .location .snb > li > a {line-height:36px;}
    
    .snb ul {top:36px; width:150px;}
	.snb ul a {line-height:32px; padding:0 0 0 12px;}
}

#subContent #content {width:100%;}

#pageInfo {padding:98px 0 0 0; margin:0 0 50px; border-color:#eee; text-align:center;}
#pageTitle {float:none;}
#pageTitle h3{position:relative; display:inline-block; padding:0 16px 22px; font-size:40px; font-weight:800;}

#pageTitle .btn_move {position:absolute; bottom:23px; left:0; width:45px; height:45px; font-size:0; text-indent:-9999px;}
#pageTitle .btn_move.right {left:auto; right:0;}
#pageTitle .btn_move:after{content:''; display:block; position: absolute; left:18px; top:13px; width:18px; height:18px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; transform:rotate(135deg);}
#pageTitle .btn_move.right:after{transform:rotate(-45deg);}

@media all and (max-width:1024px) {
    .btn_menu {display:block; right:15px;}

    #pageInfo {padding:40px 0 0 0; margin:0 0 30px;}
	#pageTitle h3{padding:0 14px 18px; font-size:27px;}

	#pageTitle .btn_move{bottom:10px;}
}
@media all and (max-width:768px) {
	.btn_menu {right:10px;}

	#pageInfo {padding:35px 0 0 0; margin:0 0 25px;}
	#pageTitle h3{padding:0 12px 16px; font-size:23px;}
    #pageTitle .btn_move {bottom:4px;}
}
@media all and (max-width:568px) {
	#pageInfo {padding:30px 0 0 0; margin:0 0 20px;}
	#pageTitle h3{padding:0 10px 14px; font-size:21px;}
    
    #pageTitle .btn_move {bottom:10px; width:30px; height:30px;}
    #pageTitle .btn_move:after{top:6px; left:12px;}
    #pageTitle .btn_move.right:after{left:2px;}
}
@media all and (max-width:380px) {
	#pageInfo {padding:28px 0 0 0; margin:0 0 18px;}
	#pageTitle h3{padding:0 10px 12px; font-size:20px;}
}