@charset "utf-8"; 

#tnb {display:none !important;}

#header {padding-top:0;}
#site_control {top:2.33rem;}
#site_control iframe{vertical-align:middle;}
#header_side {top:2.33rem;}

/* common */
.clFix:after {content: '';display: block;clear: both;}

#container {padding: 0;}
#container * {-webkit-box-sizing: border-box;box-sizing: border-box;}

#top_search_box dd {top:0;}

/* --------------------------------------------------------------------------
	 visual
	 -------------------------------------------------------------------------- */
#main_visual {position: relative;height: 95rem;}
#main_visual .swiper-container,
#main_visual .swiper-wrapper,
#main_visual .swiper-slide {height:100%;}
#main_visual .swiper-slide .hidden {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; width:0; height:0;}
#main_visual .ctrl_btns {position: absolute;top: 20rem;left: 50%; margin-left:-700px; z-index:100;}
#main_visual .ctrl_btns * {display: inline-block;}
#main_visual .ctrl_btns button {font-size: 0;line-height: 0;background-position: 50% 50%;background-repeat: no-repeat;}
#main_visual .ctrl_btns .prev {width: 1.3rem;height: 1.3rem;background-image: url('/resource/images/main/ico_btn_prev.png');}
#main_visual .ctrl_btns .next {width: 1.3rem;height: 1.3rem;background-image: url('/resource/images/main/ico_btn_next.png');}
#main_visual .ctrl_btns .pause, #main_visual .ctrl_btns .play {width: 2.9rem;height: 2.9rem;border-radius: 50%;border: 1px solid #fff;margin-left: 1.1rem;}
#main_visual .ctrl_btns .pause {background-image: url('/resource/images/main/ico_btn_pause.png');}
#main_visual .ctrl_btns .play {background-image: url('/resource/images/main/ico_btn_play.png');}
#main_visual .ctrl_btns .pager {margin: 0 2.5rem; vertical-align:middle;}
#main_visual .ctrl_btns .swiper-pagination-bullet {display:inline-block; vertical-align:middle; width: 1rem;height: 1rem;background-color:#fff;border-radius: 50%;margin: 0.5rem;opacity: 0.3; transition:all 0.3s;}
#main_visual .ctrl_btns .swiper-pagination-bullet-active {width: 2rem; height: 1rem; opacity: 1; border-radius: 10px;}

.visual-content {display:block; width:100%; height:100%; background: no-repeat 50% 0;background-size: cover;}
.visual-content .visual-content{display:none;}
.visual-con {width: 140rem;margin: 0 auto;padding-top: 21rem;position: relative;}
.visual-con .slogan {color: #fff;margin-top: 4.5rem;}
.visual-con .slogan >span {display: block;color: #fff;font-size: 5.5rem;letter-spacing: -0.5rem;margin-bottom: 1rem;}
.visual-con .slogan .kodit {text-indent: -999px;background: url('/resource/images/main/txt_kodit.png') no-repeat 0 0;height: 9.7rem;background-size: contain; overflow:hidden;}
.visual-con .slogan >p {font-size: 2.2rem;margin-top: 5.8rem;}

#direct_btns {position:relative; width: 140rem;margin:-32.7rem auto 0; z-index:5; overflow:visible;}
#direct_btns li {float: left;width: 19%;height: 27.5rem;position: relative;}
#direct_btns li a {width: 100%;height: 10.5rem;color: #fff;display: block;font-size: 2rem;position: absolute;left: 0;bottom: 5rem;letter-spacing: -0.1rem;}
#direct_btns li + li a {border-left: 1px solid rgba(255,255,255,0.4);}
#direct_btns li span {display: block;text-align: center;}
#direct_btns li span >span {display: inline-block;}
#direct_btns li .ico {width: 6.3rem;height: 5.5rem;background-position: 50% 50%;background-repeat: no-repeat;margin: 1rem auto 1.3rem;}
#direct_btns li:first-of-type .ico {background-image: url('/resource/images/main/ico_direct_btn_01.png');}
#direct_btns li:nth-of-type(2) .ico {background-image: url('/resource/images/main/ico_direct_btn_02.png');}
#direct_btns li:nth-of-type(3) .ico {background-image: url('/resource/images/main/ico_direct_btn_03.png');}
#direct_btns li:nth-of-type(4) .ico {background-image: url('/resource/images/main/ico_direct_btn_04.png');}
#direct_btns li:nth-of-type(5) .ico {background-image: url('/resource/images/main/ico_direct_btn_05.png');}
#direct_btns li .go {display: none;}
#direct_btns li .go:after {content: '';width: 21px;height: 7px;background: url('/resource/images/main/ico_go.png') 50% 50%;display: inline-block;margin-left: 0.3rem;}
#direct_btns li:hover .ico, #direct_btns li a:focus .ico {margin: 6.6rem auto 1.5rem;}
#direct_btns li:hover .go, #direct_btns li a:focus .go{display: block;}
#direct_btns li:hover a, #direct_btns li a:focus {background: url('/resource/images/main/bg_direct_btn.png') no-repeat 0 0;height: 100%;background-size: contain;border-left: none;bottom: 0;font-weight: 600;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#direct_btns li:hover + li a{border-left-width:0;}
#direct_btns li:hover .go, #direct_btns li a:focus .go {font-size: 1.5rem;color: rgba(255,255,255,0.5);font-weight: 800;position: relative;}
#direct_btns li.on + li a {border-left-width:0;}
#direct_btns .btn {display: none;}


/* --------------------------------------------------------------------------
	 main_newszone
	 -------------------------------------------------------------------------- */
#main_newszone {width: 140rem;margin: 14rem auto 8rem;display: block;}
#main_newszone >div {/* float: left; */position: relative;}
#main_newszone button, #main_servicezone button, #main_bannerzone button {font-size: 0;line-height: 0;background-position: 50% 50%;background-repeat: no-repeat;display: inline-block;}
/* #main_newszone .btn_more {width: 1.5rem;height: 1.5rem;right: 0;top: 1.2rem;right: 0;background: url('/resource/images/main/ico_btn_more.png') 50% 50% no-repeat;} */

#newszone {width: 101.6rem;float: left;}
#newszone >ul {height: 44rem;}
#newszone >ul >li {float: left;}
#newszone >ul >li >a {display: block;padding: 0 1.8rem;line-height: 2.4rem;color: #575757;font-size: 1.9rem;position: relative;}
#newszone >ul >li:not(:last-of-type) >a:after {content: '';width: 2px;height: 1.1rem;background: #e2e2e2;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#newszone >ul >li:first-of-type >a {padding-left: 0;}
#newszone >ul >li.active >a {font-weight: 800;font-size: 2.4rem;color: #000;}
#newszone .tab-content {width: 100%;position: absolute;top: 6.2rem;left: 0;display: block; visibility:hidden;}
#newszone .tab-content .control {position:absolute; top:-6.2rem; right:0;width:121px;}
#newszone li.active .tab-content {visibility:visible;}

#newszone .list li {height: 36rem;background: #fff;position: relative;}
#newszone .list li:before {border: 1px solid #cfcfcf;content: '';position: absolute;top: 0; bottom: 0;left: 0;right: 0; transition:.3s all; -webkit-transition:.3s all; z-index:0; box-sizing:border-box;}
/*#newszone .list li > div {position: absolute;}*/
#newszone .list li a {display: block;padding: 3.9rem 4.2rem; height: 36rem; position:relative; z-index:1; box-sizing:border-box;}
#newszone .list li * {letter-spacing: -0.1rem;}
#newszone .list li a:before {border: 0px solid #4b7de3;content: '';position: absolute;top: 0; bottom: 0;left: 0;right: 0; transition:.3s all; -webkit-transition:.3s all; z-index:0; box-sizing:border-box;}
#newszone .list li a:hover:before {border-width: 8px;}
#newszone .list li span {display: block;}
#newszone .category {color: #135eba;font-size: 1.9rem;font-weight: 800;}
#newszone .tit {color: #000;font-size: 1.9rem;font-weight: 800;margin: 2.8rem 0; height:3em; overflow:hidden;}
#newszone .txt {margin-bottom: 3rem; height:6em; overflow:hidden;}
#newszone .txt, #newszone .date {color: #575757;font-size: 1.5rem;}
#newszone .txt img {max-width:100% !important;}

#photo_newszone {width: 32rem;float: right;}
#photo_newszone >.tit {font-size: 2.4rem;font-weight: 800;margin-bottom: 2.6rem;}
#photo_newszone .list {overflow: hidden;/* height: 36.6rem; */}
#photo_newszone .list li {display: block;border: 1px solid #cfcfcf;}
#photo_newszone .list li a {display:block; width:100%; height:100%;}
#photo_newszone .thumb {background: #efefef;overflow: hidden;position: relative;height: 22rem;}
#photo_newszone .thumb img {display: block; position:absolute; left:50%; top:0; height:100%; max-width:50000%; transform:translateX(-50%);}
#photo_newszone .cont {padding: 2rem;background: #fff;}
#photo_newszone .cont >span {display: block;font-size: 1.5rem;color: #575757;letter-spacing: -0.1rem;}
#photo_newszone .cont .tit {font-size: 1.9rem;color: #000;font-weight: 800;}
#photo_newszone .cont .txt {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;margin: 0.5rem 0 2.2rem;}
.ctrl_btns_grey, .btn_more {position: absolute;}
.btn_more {width: 1.5rem;height: 1.5rem;right: 0;top: 1.2rem;right: 0;background: url('/resource/images/main/ico_btn_more.png') 50% 50% no-repeat;}
.ctrl_btns_grey {top: 0.5rem;right: 3rem;}
.ctrl_btns_grey button {width: 2.7rem;height: 2.7rem;}
.ctrl_btns_grey .prev {background-image: url('/resource/images/main/ico_btn_prev_01.png');}
.ctrl_btns_grey .next {background-image: url('/resource/images/main/ico_btn_next_01.png');}
.ctrl_btns_grey .pause {background-image: url('/resource/images/main/ico_btn_pause_01.png');}
.ctrl_btns_grey .play {background-image: url('/resource/images/main/ico_btn_play_01.png');}

@media all and (min-width:1025px) {
	#newszone .list li {max-width:320px;}
}

/* --------------------------------------------------------------------------
	 main_servicezone
	 -------------------------------------------------------------------------- */
#main_servicezone {background: #1f4bb4;padding: 8.3rem 0 11rem;}
#servicezone {width: 140rem;margin: 0 auto;}
#servicezone >div {float: left;position: relative;}
#servicezone >div:not(:last-of-type) {margin-right: 2.75%;}
#servicezone .tit {color: #fff;font-size: 2.4rem;font-weight: 600;margin-bottom: 2.4rem;}
#servicezone .notice {width: 27.357%;}
#servicezone .notice .list {height: 40rem;/* background: #163682; */}
#servicezone .notice .thumb {height: 100%; border: 1px solid #778dc2;}
#servicezone .notice .thumb a {display: block; width: 100%; height: 100%;/* background:url('/resource/images/main/img_notice_01.jpg') 50% 50% no-repeat; */}
#servicezone .notice .thumb img {display: block;margin: 0 auto;}

#servicezone .links {width:45.714%;}
#servicezone .links .list_wrap {background: #1f4bb4;margin: 3.9rem 1rem 0;padding: 0.8rem; /* outline: 8px solid #47bbab;outline-offset: -8px;padding: 4.4rem; */position: relative;}
#servicezone .links .list_wrap:before { border: 15px solid #47bbab;content: "";position: absolute;top: -15px;bottom: -15px;left: -15px;right: -15px;}
#servicezone .links .list_wrap div {position: relative;}
#servicezone .links .list_wrap div:before {content: '';width: 0;height: 0;border-top:20px solid none;border-bottom:20px solid #47bbab;border-right: 20px solid transparent;border-left: 20px solid	transparent;position: absolute;top: -3.9rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#servicezone .links .list_wrap li {margin: 2.9rem 0;}
#servicezone .links .list_wrap li a, #servicezone .guidance li a {display: block;text-align: center;color: #fff;}
#servicezone .links .list_wrap li a:hover {text-decoration: underline;}
#servicezone .links .list_wrap li a >span, #servicezone .guidance li a >span{display: block;}
#servicezone .links .list_wrap li .ico {width: 9.1rem;height: 7.5rem;margin: 0 auto 1.8rem; overflow:hidden;}
#servicezone .links .tit {text-align: center;}
#servicezone .links .ctrl_btns_grey, #servicezone .guidance .ctrl_btns_grey, #main_bannerzone .ctrl_btns_grey {right: 0;}

#servicezone .guidance {width: 21.428%;}
#servicezone .guidance .swiper-container {border: 1px solid #778dc2; border-right-width:0px; border-bottom-width:0px;}
#servicezone .guidance .btn_more {display: none;}
#servicezone .guidance li {height: 19.9rem;border: 1px solid #778dc2; border-top-width:0; border-left-width:0px; background-color: rgba(0,0,0,0.1);z-index: 0;}
#servicezone .guidance li:hover, #servicezone .guidance li:focus {background-color: rgba(0,0,0,0.2);border: 1px solid #5f719b /* rgba(207,207,207,0.3) */;z-index: 1;}
#servicezone .guidance li .ico {width: 7.7rem;height: 7.3rem;margin: 2rem auto 1.3rem;background-position: 50% 50%;background-repeat: no-repeat;}
#servicezone .guidance a {display: block;padding: 2rem 2rem 4.3rem;font-size: 2rem;font-weight: 600;letter-spacing: -0.1rem;}

/* --------------------------------------------------------------------------
	 main_bannerzone
	 -------------------------------------------------------------------------- */
#main_bannerzone {width: 140rem;padding: 7rem 0 7.7rem;margin: 0 auto;}
#main_bannerzone >div {float: left;position: relative;}
#main_bannerzone .tit {font-size: 2.3rem;font-weight: 600;margin-bottom: 1rem;}
#main_bannerzone .thumb, #main_bannerzone .list_wrap	{height: 16rem;border: 1px solid #cfcfcf;}

#main_bannerzone .banner {width: 35.714%;margin-right: 3.572%;}
#main_bannerzone .banner .thumb {overflow: hidden;}
#main_bannerzone .banner .thumb a{display:block; width:100%; height:100%;}
#main_bannerzone .banner .thumb img {display: block;margin: 0 auto;}

#main_bannerzone .sitelink {width: 60.714%;}
#main_bannerzone .list_wrap {overflow:hidden; position:relative;}
#main_bannerzone .list {margin-left:5.7rem;}
#main_bannerzone .list a {display: block;padding: 1.6rem 0; text-align:center;}
#main_bannerzone .list li {height: 16rem;}
#main_bannerzone .ctrl_ban_btns {display:block; position:absolute; top:0; left:0; bottom:0; width: 5.7rem;}
#main_bannerzone .ctrl_ban_btns .btn {height:33.33%;width: 100%;background-color: #919bb3;background-position: 50% 50%;background-repeat: no-repeat;}
#main_bannerzone .ctrl_ban_btns .btn:hover, #main_bannerzone .ctrl_ban_btns .btn:focus {background-color: #192846;}
#main_bannerzone .ctrl_ban_btns .btn:not(:last-of-type) {border-bottom: 1px solid #b2b9ca;}
#main_bannerzone .ctrl_ban_btns .prev {background-image: url('/resource/images/main/ico_btn_prev_02.png');}
#main_bannerzone .ctrl_ban_btns .pause {background-image: url('/resource/images/main/ico_btn_pause_02.png');}
#main_bannerzone .ctrl_ban_btns .play {background-image: url('/resource/images/main/ico_btn_play_02.png');}
#main_bannerzone .ctrl_ban_btns .next {background-image: url('/resource/images/main/ico_btn_next_02.png');}

@media all and (min-width:1025px) {
	#header .logo {top:3.37rem;}
	#direct_btns li a, 
	#direct_btns li a * {transition:.3s all; -webkit-transition:.3s all;}
	#direct_btns .on .ico {margin: 6.6rem auto 1.5rem;}
	#direct_btns .on a {background: url('/resource/images/main/bg_direct_btn.png') no-repeat 0 0;height: 100%;background-size: contain;border-left: none;bottom: 0;font-weight: 600;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
	#direct_btns .on .go {display: block; font-size: 1.5rem;color: rgba(255,255,255,0.5);font-weight: 800;position: relative;}
	#direct_btns .on .go:after {content: '';width: 21px;height: 7px;background: url('/resource/images/main/ico_go.png') 50% 50%;display: inline-block;margin-left: 0.3rem;}

	#direct_btns .swiper-wrapper {display:block; text-align:center;}
	#direct_btns li {display:inline-block; vertical-align:middle; float:none;}
}
@media all and (max-width:1024px) { /* 17px */
	#container {overflow: hidden;}
	#direct_btns {padding: 1rem;}
	#main_newszone {padding: 1rem 1.5rem;}

	#main_visual {height: 32.94rem;}

	.visual-con {padding: 2.353rem;}
	.visual-con, #direct_btns, #main_newszone, #main_newszone >div, 
	#servicezone, #servicezone .guidance,
	#main_bannerzone {width: 100%;}
	#servicezone >div {margin-right: 0;}

	.visual-content .visual-content{display:block;}
	.visual-con .slogan >span {font-size: 2.6rem;letter-spacing: -0.2941rem;}
	.visual-con .slogan .kodit {height: 4.5rem;}
	.visual-con .slogan >p {font-size: 1.176rem;margin-top: 1.765rem;}
	.visual-con .slogan >p span {display: block;}

	#main_visual .ctrl_btns {top:auto; bottom:4.35rem; left: 2.353rem; margin-left:0;}
	#main_visual .ctrl_btns .pager {margin: 0 0.5882rem;}
	#main_visual .ctrl_btns .swiper-pagination-bullet {margin: 0.2941rem;width: 0.9412rem;height: 0.9412rem;}
	#main_visual .ctrl_btns .prev, .visual-con .ctrl_btns .next {width: 0.7059rem;height: 1.353rem;background-size: contain;}
	#main_visual .ctrl_btns .prev {background-image: url(/resource/images/main/mob/ico_btn_prev.png);}
	#main_visual .ctrl_btns .next {background-image: url(/resource/images/main/mob/ico_btn_next.png);}
	#main_visual .ctrl_btns .pause {background-image: url(/resource/images/main/mob/ico_btn_pause.png);}
	#main_visual .ctrl_btns .play {background-image: url(/resource/images/main/mob/ico_btn_play.png);}
	#main_visual .ctrl_btns .pause, .visual-con .ctrl_btns .play {width: 2.059rem;height: 2.059rem;margin-left: 1.1rem;}

	#direct_btns {margin: 1.941rem auto 0;position: relative;}
	#direct_btns ul {width: 60.9rem;}
	#direct_btns li {height: auto;}
	#direct_btns li:first-of-type .ico {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
	#direct_btns li .ico, #direct_btns li:hover .ico {width: 3.706rem;height: 3.235rem;margin: 1.4rem auto 0.7rem;background-position: 50% 100%;}
	#direct_btns li .go, #direct_btns li:hover .go {font-size: 0.8824rem;display: block;color: rgba(255,255,255,0.5);font-weight: 800;}
	#direct_btns li .go:after, #direct_btns li:hover .go:after {content: '';width: 21px;height: 7px;background: url('/resource/images/main/ico_go.png') 50% 50%;display: inline-block;margin-left: 0.3rem;}
	#direct_btns li .item {width:12rem; height:12rem; margin:0 auto; position:relative;}
	#direct_btns li a {font-size: 1.2rem;letter-spacing: -0.05882rem;line-height: 120%;font-weight: 600; border-left-width: 0px !important;}
	#direct_btns li a, #direct_btns li:hover >a {background: url('/resource/images/main/bg_direct_btn.png') no-repeat 0 0;background-size: contain;height: 100%;border-right: none;bottom: 0;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	#direct_btns li .name {height: 2.8rem;}
	#direct_btns .btn, #newszone .btn {display: block;font-size: 0;line-height: 0;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;width: 2.176rem;height: 3.882rem;position: absolute;top: 30%;opacity: 0.2;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; z-index:5;}
	#direct_btns .prev, #newszone .prev {background-image: url('/resource/images/main/mob/ico_prev.png');left: 0.7%;}
	#direct_btns .next, #newszone .next {background-image: url('/resource/images/main/mob/ico_next.png');right: 0.7%;}
	#direct_btns .btn:hover, #newszone .btn:hover {opacity: 0.5;}

	#main_newszone {margin: 0 auto 3rem;}
	#newszone >ul {height: 26rem;}
	#newszone >ul >li >a {font-size: 1.294rem;padding: 0 1.118rem;}
	#newszone >ul >li.active >a {font-size: 1.647rem;}
	#newszone .tab-content {top: 4rem;/* height: 19.1rem; */}
	#newszone .list li,
	#newszone .list li a {height: 19.5rem;}
	#newszone .list li a:hover {outline:none;outline-offset:none;}
	#newszone .list li a:hover:before {border-width: 4px;}
	#newszone .list div a,
	#photo_newszone .cont {padding: 1.471rem 1.1rem;}
	
	#newszone .category {font-size: 1.412rem;}
	#newszone .tit, #newszone .txt {overflow: hidden;text-overflow: ellipsis;display: block; display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.5em;-webkit-line-clamp: 2;height: 3em;}
	#newszone .tit {font-size: 1.294rem;margin: 2rem 0 1rem;}
	#newszone .txt {font-size: 1.059rem;margin-bottom: 2rem;}
	#newszone .date {font-size: 1rem;margin-bottom: 0.3rem;}

	#newszone .tab-content .control,
	#newszone .tab-content .ctrl_btns_grey {position:static;}
	#newszone .btn {top: 50%;}
	#newszone .btn_more {top:-4rem;}
	#newszone .prev {left: -2%; margin-top:-2rem;}
	#newszone .next {right: -2%; margin-top:-2rem;}

	#photo_newszone >.tit {font-size: 1.647rem;margin-bottom: 1.4rem;}
	#photo_newszone .thumb {height:11rem;}
	#photo_newszone .cont .tit {margin: 0;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;font-size: 1.294rem;}
	#photo_newszone .cont .txt {font-size: 1.059rem;margin: 0.2rem 0 0.9rem;}
	#photo_newszone .cont .date {font-size: 1rem;margin-bottom: 0.3rem;}
	
	#main_servicezone, #main_bannerzone {padding: 4rem 1.824rem 3rem;}
	#servicezone .tit {font-size: 1.6rem;margin-bottom: 1.4rem;}
	#servicezone .notice, #servicezone .links, #main_bannerzone .banner, #main_bannerzone .sitelink {width: 48%;}
	#servicezone .notice {margin-right: 4% !important;}
	#servicezone .notice .btn_more, #servicezone .guidance .btn_more {top: 0.5rem;}
	#servicezone .links {margin-right: 0 !important;}
	#servicezone .links .tit {text-align: left;}
	#servicezone .links .list_wrap {padding: 1rem;margin: 1.9rem 0.8rem 0;}
	#servicezone .links .list_wrap:before {top: -0.8824rem;border: 8px solid #47bbab;top: -8px;bottom: -8px;left: -8px;right: -8px;}
	#servicezone .links .list_wrap div:before {top: -2.5rem;}
	#servicezone .links .list_wrap li {margin: 0.76rem 0 !important;}
	#servicezone .links .list_wrap li .ico {height: 5.5rem;}
	#servicezone .links .list_wrap a {font-size: 1rem;}

	#servicezone .notice .list {height: 23.53rem;}

	#servicezone .guidance {margin-top: 2.941rem;}
	#servicezone .guidance .btn_more {display: block;}
	#servicezone .guidance .ctrl_btns_grey {right: 3rem;}
	#servicezone .guidance li {height:auto;}
	#servicezone .guidance li .ico {margin: 0 auto 1.059rem;width: 4.529rem;height: 4.294rem;}
	#servicezone .guidance a {font-size: 1.176rem;padding: 2rem 1rem;letter-spacing: -0.05882rem;}

	#main_bannerzone .tit {font-size: 1.6rem;margin-bottom: 1.4rem;}
	#main_bannerzone .ctrl_ban_btns {width: 3.353rem;}
	#main_bannerzone .list {margin-left:3.353rem;}
	#main_bannerzone .list li {width: 9.294rem;height: auto;}
	#main_bannerzone .list a {padding: 0.9rem 0;}
	#main_bannerzone .thumb, #main_bannerzone .list_wrap {height: 8.647rem;}
	
	.ctrl_btns_grey button {width: 1.824rem;height: 1.824rem;top: 0.2rem;}
	.ctrl_btns_grey .prev {background-image: url('/resource/images/main/mob/ico_btn_prev_01.png');}
	.ctrl_btns_grey .next {background-image: url('/resource/images/main/mob/ico_btn_next_01.png');}
	.ctrl_btns_grey .pause {background-image: url('/resource/images/main/mob/ico_btn_pause_01.png');height: 1.4rem;}
	.ctrl_btns_grey .play {background-image: url('/resource/images/main/mob/ico_btn_play_01.png');}
	.btn_more {width: 1.824rem;height: 1.824rem;background: url('/resource/images/main/mob/ico_btn_more.png') 50% 50% no-repeat;top: 0.4rem;}
}
@media all and (max-width:934px) { 
	#servicezone .notice, #servicezone .links {width: 100%;}
	#servicezone .links {margin-top: 3.235rem;}
	#servicezone .notice .list {height: auto;}
	#servicezone .links .list_wrap a {font-size: 1.1rem;}
}
@media all and (max-width:768px) { 
		#main_visual {background-position: 31% 0;}
		#newszone .list li {width: 16rem;height: 20rem;}
		#newszone .list li a {height: 20rem;}
		#newszone .prev {left: -2.7%;}
		#newszone .next {right: -2.6%;}
		#main_servicezone {padding-bottom: 6rem;}
		#servicezone .guidance a {padding: 1rem;}
		#servicezone .notice, #servicezone .links, #main_bannerzone .banner, #main_bannerzone .sitelink {width: 100%;}
		#main_bannerzone {padding-top: 3rem;}
		#main_bannerzone .banner {margin-right: 0;}
		#main_bannerzone .tit {margin-bottom: 1rem;}
		#main_bannerzone .sitelink {margin-top: 3rem;}
		#main_bannerzone .thumb {height: auto;}
		#main_bannerzone .list_wrap {height:auto;}
}
@media all and (max-width:640px) { /* 20px */
		#main_visual {height: 28.1rem;}
		.visual-con .slogan {margin-top: 6.5rem;}
		.visual-con .slogan >span {font-size: 1.5rem;letter-spacing: -0.15rem;}
		.visual-con .slogan .kodit {height: 3.2rem;}
		.visual-con .slogan >p {font-size: 1rem;margin-top: 0.55rem;}

		#main_visual .ctrl_btns {top: 22rem;left: 2.353rem;}
		#main_visual .ctrl_btns .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;margin: 0.1rem;}
		#main_visual .ctrl_btns .pause, #main_visual .ctrl_btns .play {width:1.75rem;height: 1.75rem;}

		#direct_btns {padding: 0;}
		#direct_btns li .item {max-width:100%;}
		#direct_btns li a, #newszone >ul >li >a	{font-size: 1.1rem; letter-spacing:-0.05em;}
		#direct_btns li .name {height:2.2rem; margin:0 auto;}
		#direct_btns li .name span {display:block;}
		#direct_btns li .ico, #direct_btns li:hover .ico {margin-top:.5rem; zoom:.9;}
		#direct_btns li .go, #direct_btns li:hover .go {font-size:.8rem;}
		#direct_btns li:nth-of-type(4) a {font-size:.95rem;}

		#main_newszone {margin-bottom: 2.7rem;}
		#newszone >ul {height: 20rem;}
		#newszone >ul >li >a {padding:0 0.75rem;}
		#newszone >ul >li.active >a {font-size: 1.4rem;}
		#newszone .tab-content {top: 3.7rem;height: 16.1rem;}
		#newszone .list li,
		#newszone .list li a {height: 16rem;}
		#newszone .category {font-size: 1.2rem;}
		#newszone .tit {font-size: 1.1rem;margin: 1.1rem 0 0.7rem;}
		#newszone .txt, #newszone .date, #photo_newszone .cont .txt, #photo_newszone .cont .date {font-size: 0.9rem;}
		#newszone .txt {margin-bottom: 1rem;}
		#newszone .date {margin-bottom: 1rem;}
		#newszone .btn_more {top:-3.7rem; right:-.5rem;}
		#newszone .prev {left: -5%;}
		#newszone .next {right: -5%;}
		#photo_newszone {margin-top: 1.5rem;}
		#photo_newszone >.tit {font-size: 1.4rem;margin-bottom: 1.2rem;}
		#photo_newszone .list li {width: 47%;}
		#photo_newszone .list li:first-of-type {margin-right: 6%;}
		#photo_newszone .list li:nth-of-type(-n+3) {display: none;}
		#photo_newszone .list li:nth-of-type(-n+2) {display: block;}
		#photo_newszone .list li:nth-of-type(2) {margin-right: 0;}
		#photo_newszone .cont .tit {font-size: 1.1rem;}
		#servicezone .links .list_wrap li a >span, #servicezone .guidance li a >span {font-size: 1rem;}
		#servicezone .tit, #main_bannerzone .tit {font-size: 1.6rem;}
}

@media all and (max-width:512px) {
		#direct_btns li .ico, #direct_btns li:hover .ico {width: 3.938rem;height: 3.438rem;margin: .4rem auto 0.5rem;}
		#direct_btns {padding: 0 1rem 0 0.3rem;}
		#direct_btns .btn {top: 25%;}
		#photo_newszone .list li {width: 49%;}
		#photo_newszone .list li:first-of-type {margin-right: 2%;}
		#servicezone .guidance li .ico {width: 4.813rem;height: 4.563rem;}
}
@media all and (max-width:480px) {
		#direct_btns .btn {top: 27%;}
	#direct_btns li .item { }
		#direct_btns li .ico, #direct_btns li:hover .ico {zoom:.8;}
		#servicezone .guidance li .ico {width: 5.133rem;height: 4.867rem;}
 } 
@media all and (max-width:448px) {
	 #direct_btns li .ico, #direct_btns li:hover .ico {width: 4.5rem;height: 3.929rem;}
	 #servicezone .guidance li .ico {width: 5.5rem;height: 5.214rem;}
	 #servicezone .links .list_wrap li a >span {font-size: 1.1rem;letter-spacing: -1pt;}
	 #servicezone .guidance li a >span {font-size: 1.4rem;}
	 #newszone .category, #newszone .tit, #photo_newszone .cont .tit {font-size: 1.3rem;}
	 #newszone .txt, #newszone .date, #photo_newszone .cont .txt, #photo_newszone .cont .date {font-size: 1.1rem;}
	 #newszone .list {height: 17.1rem;}
	 #newszone .list li,
	 #newszone .list li a {height: 17rem;}

	/*#direct_btns li .ico, #direct_btns li:hover .ico {zoom:.6; margin-top:-.5rem;}*/
}
@media all and (max-width:416px) {
		#direct_btns li {width: 11.3rem;height: 11.2rem;}
		#direct_btns li .ico, #direct_btns li:hover .ico {}
		#servicezone .guidance li .ico {width: 5.923rem;height: 5.615rem;}
		#main_newszone button, #main_servicezone button, #main_bannerzone .ctrl_btns_grey button {background-size: contain;}
		#servicezone .links .list_wrap li .ico {width: 7rem;height: 5.769rem;}
		#servicezone .links .list_wrap div:before {top: -3rem;}
		#servicezone .links .list_wrap:before {top: -1rem;}
		#newszone .prev {left: -4%;}
		#newszone .next {right: -4%;}
 }
 @media all and (max-width:414px) { 
		#newszone .list li {width: 14rem;}
}
@media all and (max-width:384px) {
	#direct_btns li .ico, #direct_btns li:hover .ico {width: 5.25rem;height: 4.583rem;}
	#servicezone .guidance li .ico {width: 6.417rem;height: 6.083rem;}
	#main_servicezone, #main_bannerzone {padding: 4rem 1.5rem 3rem;}
	#servicezone .links .list_wrap li .ico {width: 7.583rem;height: 6.25rem;}
	.btn_more {background-size: contain;}
 }
@media all and (max-width:352px) {
		#direct_btns li .ico, #direct_btns li:hover .ico {width: 5.727rem;height: 5rem;}
		#servicezone .links .list_wrap li .ico {width:8.273rem;height: 6.818rem;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
		#servicezone .links .list_wrap li a >span {font-size: 1.3rem;}
		#servicezone .links .list_wrap div:before {top: -3.2rem;}
		#servicezone .guidance li .ico {width: 7rem;height: 6.636rem;}
 }
@media all and (max-width:320px) {
		#direct_btns li {width: 12.1rem;height: 12rem;}
		#direct_btns li .ico, #direct_btns li:hover .ico {width: 6.3rem;height: 5.5rem;}
		#servicezone .guidance li .ico {width: 7.7rem;height: 7.3rem;}
		#servicezone .links .list_wrap li .ico {width:9.1rem;height: 7.5rem;}
}