@charset "utf-8";

/* Font */
@import url(../../font/SpoqaHanSans/font.css);

/* Animation */
#main_container h3,
.slide_cont,
.slide_cont #slide_visual li .slogon p,
.slide_cont #slide_visual li .slogon p span,
.slide_cont #slide_visual li .figure,
.kari_event,
.kari_event p,
.kari_event img,
.kari_news,
.kari_news .web_list ul li a,
.kari_news .web_list ul li a .title span,
.kari_news .web_list ul li a .photo span img,
.kari_tv,
.kari_tv .summery a,
.kari_tv .summery a:after,
.kari_tv .list ul li,
.kari_tv .list ul li span.new,
.kari_tv .list ul li a .title,
.kari_tv .list ul li a img,
.kari_infor,
.kari_infor ul,
.kari_infor ul li,
.kari_infor ul li a,
.kari_infor ul li a p,
.kari_infor ul li a p:after,
#main_aside,
#main_aside ul li a,
.excursions_appli a
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


/* Main */
.layout {width:100%; max-width:1180px; margin:0 auto;}
.layout:after {content:""; display:block; clear:both;}

#main_container #contents {position:relative; height:auto;}
#main_container h3 {color:#fff; font-family:"Spoqa Han Sans";}
#main_container p {word-break:keep-all;}

.slide_cont {width:100%; height:671px; position:relative; z-index:1;}
.slide_cont .prev_btn {opacity:0.6; -webkit-opacity:0.6; width:39px; height:77px; background:url(../../images/kor/renew_main/slide_prev.png) no-repeat center 50%; margin:-38px 0 0 0;}
.slide_cont .prev_btn:hover, .slide_cont .prev_btn:active {opacity:1; -webkit-opacity:1; padding:0 15px 0 0;}
.slide_cont .next_btn {opacity:0.6; -webkit-opacity:0.6; width:39px; height:77px; background:url(../../images/kor/renew_main/slide_next.png) no-repeat center 50%; margin:-38px 0 0 0;}
.slide_cont .next_btn:hover, .slide_cont .next_btn:active {opacity:1; -webkit-opacity:1; padding:0 0 0 15px;}
.slide_cont #slide_visual {background:#000; position:relative; height:100%;}
.slide_cont #slide_visual:before {content:""; display:block; width:100%; height:100%; z-index:5; background:#000; position:absolute; left:0; top:0; opacity:0.2; -webkit-opacity:0.2;}
.slide_cont #slide_visual:after {content:""; display:block; width:100%; height:100%; z-index:10; background:url(../../images/kor/renew_main/slider_visual_patternbg.png) repeat; position:absolute; left:0; top:0; opacity:0.05; -webkit-opacity:0.05;}
.slide_cont #slide_visual li {background-size:cover !important; height:100%; overflow:hidden;}
.slide_cont #slide_visual li .slogon {position:absolute; z-index:10; width:80%; left:10%; top:46%; margin-top:-114px; text-align:center; opacity:0; -webkit-opacity:0;}
.slide_cont #slide_visual li .slogon p {margin:35px 0 0 0; padding:0; font-family:"Spoqa Han Sans"; color:#fff; text-align:center; font-size:18px; line-height:30px; text-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-text-shadow:0 1px 3px rgba(0,0,0,0.2);}
.slide_cont #slide_visual li .slogon p span {display:block; line-height:30px;}
.slide_cont #slide_visual li .slogon p.title {margin:0; font-size:40px; line-height:48px; letter-spacing:2px; padding:30px 20px 33px 20px; display:inline-block; vertical-align:top; position:relative;}
.slide_cont #slide_visual li .slogon p.title:before, .slide_cont #slide_visual li .slogon p.title:after {content:""; display:block; width:13px; height:13px; box-sizing:border-box; border:1px solid #fff; position:absolute;}
.slide_cont #slide_visual li .slogon p.title:before {left:0; bottom:0; border-right:0; border-top:0;}
.slide_cont #slide_visual li .slogon p.title:after {right:0; bottom:0; border-left:0; border-top:0;}
.slide_cont #slide_visual li .slogon p.title span {line-height:48px; display:inline;}
.slide_cont #slide_visual li .slogon p.title span:before, .slide_cont #slide_visual li .slogon p.title span:after {content:""; display:block; width:13px; height:13px; box-sizing:border-box; border:1px solid #fff; position:absolute;}
.slide_cont #slide_visual li .slogon p.title span.t01:before {left:0; top:0; border-right:0; border-bottom:0;}
.slide_cont #slide_visual li .slogon p.title span.t01:after {right:0; top:0; border-left:0; border-bottom:0;}
.slide_cont #slide_visual li .slogon p.title span.t02:before {left:0; bottom:0; border-right:0; border-top:0;}
.slide_cont #slide_visual li .slogon p.title span.t02:after {right:0; bottom:0; border-left:0; border-top:0;}
.slide_cont #slide_visual li .figure {margin:0; padding:0; color:#fff; text-align:right; position:absolute; width:100%; right:0; bottom:0; box-sizing:border-box; padding:0 2% 30px 0; z-index:5; font-size:18px; line-height:22px; font-family:"Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; 
text-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-text-shadow:0 1px 3px rgba(0,0,0,0.2);}
.slide_cont #slide_visual li .image {height:120%; position:relative; z-index:1; overflow:hidden;}
.slide_cont #slide_visual li .image span {display:block; position:absolute; left:50%; top:0; width:3000px; height:100%; margin-left:-1500px;}
.slide_cont #slide_visual li .image span img {display:block; height:100%; margin:0 auto;}
.slide_cont #slide_visual li video {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:1;
-ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
-webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
transform: translateX(-50%) translateY(-50%);}
.slide_cont .scroll_ico {display:block; overflow:hidden; text-indent:-9999px; color:#fff; text-align:center; position:absolute; left:50%; bottom:50px; width:38px; height:92px; background:url(../../images/kor/renew_main/scroll_ico.png) no-repeat center top; background-size:100% auto; margin:0 0 0 -19px; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);
-webkit-animation: move .7s ease-in-out .5s infinite alternate; /* Chrome, Safari, Opera */
animation: move .7s ease-in-out .5s infinite alternate;}
@-webkit-keyframes move {
	0%   {bottom:35px;}
	100% {bottom:50px;}
}
/* Standard syntax */
@keyframes move {
	0%   {bottom:35px;}
	100% {bottom:50px;}
}

.cont_posi {position:relative; background:url(../../images/kor/renew_main/kari_photo_bg.jpg) no-repeat center top; background-size:cover;}
.kari_event {width:100%; max-width:1185px; margin:0 auto -11px auto; padding:79px 0 0 0; position:relative;}
.kari_event p {margin:0; height:256px; overflow:hidden;}
.kari_event a {display:block; height:100%; overflow:hidden; position:relative; z-index:10;}
.kari_event span {position:absolute; left:50%; margin-left:-600px; width:1200px; height:100%; display:block; top:0; z-index:5;}
.kari_event img {display:block; height:100%; margin:0 auto;}
.kari_event a:after {content:"EVENT"; display:block; z-index:20; color:#fff; background:url(../../images/kor/renew_main/event_categorybg.png) no-repeat right top; padding:2px 18px 2px 10px; position:absolute; left:0; top:0; font-weight:600;}
.kari_news {padding:70px 0 90px 0;}
.kari_news h3 {text-align:center; line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.kari_news .web_list ul {width:100%; max-width:1203px; margin:0 auto;}
.kari_news .web_list ul:after {content:""; display:block; clear:both;}
.kari_news .web_list ul li {float:left; box-sizing:border-box; padding:9px;}
.kari_news .web_list ul li:nth-child(1) {width:50%;}
.kari_news .web_list ul li:nth-child(2) {width:50%;}
.kari_news .web_list ul li:nth-child(3) {width:33.3%;}
.kari_news .web_list ul li:nth-child(4) {width:33.4%;}
.kari_news .web_list ul li:nth-child(5) {width:33.3%;}
.kari_news .web_list ul li:nth-child(6) {width:33.3%;}
.kari_news .web_list ul li:nth-child(7) {width:33.4%;}
.kari_news .web_list ul li:nth-child(8) {width:33.3%;}
.kari_news .web_list ul li a {background:#000; padding:0; display:block; height:256px; position:relative; overflow:hidden; text-decoration:none; padding:0;}
.kari_news .web_list ul li:nth-child(1) a,
.kari_news .web_list ul li:nth-child(2) a {height:323px;}
.kari_news .web_list ul li a span.category {display:inline-block; vertical-align:top; position:absolute; left:0; top:0; z-index:10; color:#fff; font-size:15px; text-align:center; padding:3px 13px 3px 10px;}
.kari_news .web_list ul li a span.category strong {font-weight:normal; position:relative; z-index:5;}
.kari_news .web_list ul li a span.category:after {content:""; display:block; width:110%; height:100%; position:absolute; left:-10%; top:0; background:#212121; z-index:1; transform:skewX(-20deg); -webkit-transform:skewX(-20deg);}
.kari_news .web_list ul li#facebook a span.category:after {background:#3e58a4;}
.kari_news .web_list ul li#blog a span.category:after {background:#008840;}
.kari_news .web_list ul li#policy a span.category:after {background:#00999c;}
.kari_news .web_list ul li#bodo a span.category:after {background:#3260ae;}
.kari_news .web_list ul li#notice a span.category:after {background:#574ba6;}
.kari_news .web_list ul li#tv a span.category:after {background:#006dd3;}
.kari_news .web_list ul li#podcast a span.category:after {background:#05689c;}
.kari_news .web_list ul li#image a span.category:after {background:#303f52;}
.kari_news .web_list ul li a .title {margin:0; position:absolute; left:0; bottom:0; width:100%; height:45px; z-index:5; transition : all 0.5s ease-out; -webkit-transition : all 0.5s ease-out;}
.kari_news .web_list ul li a .title span {display:block; opacity:0; -webkit-opacity:0; text-align:center; color:#fff; position:relative; z-index:5; box-sizing:border-box; position:relative;}
.kari_news .web_list ul li a .title span.subject {opacity:1; -webkit-opacity:1; position:absolute; left:0; bottom:0; box-sizing:border-box; height:45px; color:#ebebeb; display:inline-block; vertical-align:top; padding:0 5%; line-height:45px; font-weight:600; font-size:18px; width:auto; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*
.kari_news .web_list ul li a .title span.type {font-size:27px; line-height:32px; font-family:"Spoqa Han Sans"; letter-spacing:-0.5px; padding:55px 0 16px 0; margin:0 0 15px 0;}
.kari_news .web_list ul li:nth-child(1) a .title span.type,
.kari_news .web_list ul li:nth-child(2) a .title span.type {padding-top:87px;}
.kari_news .web_list ul li a .title span.type:after {content:""; display:block; width:30px; height:1px; background:#e60754; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.kari_news .web_list ul li a .title span.date {color:#c7c7c7; font-size:15px; line-height:19px; margin:0 0 18px 0;}
.kari_news .web_list ul li a .title span.text {max-height:46px; padding:0 5%; overflow:hidden; height:auto; display:block; font-weight:normal; white-space:normal; font-size:17px; line-height:22px;}
*/
.kari_news .web_list ul li a .title:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:1; opacity:0.5; -webkit-opacity:0.5; transition : all 0.5s ease-out; -webkit-transition : all 0.5s ease-out;}
.kari_news .web_list ul li a .photo {margin:0; height:100%; overflow:hidden; position:relative; z-index:1;}
.kari_news .web_list ul li a .photo span {position:absolute; left:50%; top:0; display:block; width:1000px; margin-left:-500px; height:100%; z-index:1;}
.kari_news .web_list ul li a .photo span img {display:block; height:100%; margin:0 auto;}
.kari_news .web_list ul li a:hover .photo span img, .kari_news .web_list ul li a:active .photo span img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.kari_news .web_list ul li a .photo span img.facebook,
.kari_news .web_list ul li a .photo span img.blog {height:130%;}
.kari_news .web_list ul li a .photo span img.notice {top:auto !important; position:relative; left:auto; width:auto;}
.kari_news .web_list ul li a .photo span img.tv,
.kari_news .web_list ul li a .photo span img.podcast,
.kari_news .web_list ul li a .photo span img.image {height:120%;}


/*
.kari_news .web_list ul li a:hover .title, .kari_news .web_list ul li a:active .title {height:100%;}
.kari_news .web_list ul li a:hover .title span, .kari_news .web_list ul li a:active .title span {opacity:1; -webkit-opacity:1;}
.kari_news .web_list ul li a:hover .title span.subject, .kari_news .web_list ul li a:active .title span.subject {opacity:0; -webkit-opacity:0; bottom:-45px;}
.kari_news .web_list ul li a:hover .title:after, .kari_news .web_list ul li a:active .title:after {opacity:0.7; -webkit-opacity:0.7;}
*/

.kari_news.on .web_list {padding-top:266px;}
.kari_news.on .web_list ul li:nth-child(7),
.kari_news.on .web_list ul li:nth-child(8),
.kari_news.on .web_list ul li:nth-child(9) {display:none;}
.kari_news .mob_list {display:none;}

.kari_infor {height:auto; position:relative; overflow:hidden;}
.kari_infor:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../../images/kor/renew_main/kari_infor_bg.jpg) no-repeat center 50%; background-size:cover; 
transition : all 3.5s ease-out; -webkit-transition : all 3.5s ease-out;}
.kari_infor.on:after {transform:scale(1.2); -webkit-transform:scale(1.2);}
.kari_infor ul {position:relative; z-index:10; width:auto; max-width:1203px; height:100%; padding:35px 0 50px 0; box-sizing:border-box; margin:0 auto;}
.kari_infor ul:after {content:""; display:block; clear:both;}
.kari_infor ul li {float:left; width:33.333%; height:100%; text-align:center;}
.kari_infor ul li a {display:inline-block; text-align:center; color:#fff; text-decoration:none; box-sizing:border-box; padding:15px 5%;}
.kari_infor ul li a h3 {font-size:35px; line-height:35px; margin:0 0 15px 0;}
.kari_infor ul li a p {margin:0; padding:0 0 45px 0; position:relative; opacity:0.9; -webkit-opacity:0.9; font-size:14px;}
.kari_infor ul li a p span {display:block;}
.kari_infor ul li a p:after {content:""; display:block; width:46px; height:10px; background:url(../../images/kor/renew_main/arrow_bul.png) no-repeat right top; position:absolute; left:50%; bottom:0; margin-left:-23px;}
.kari_infor ul li a:hover, .kari_infor ul li a:active {padding:0 5% 15px 5%;}
.kari_infor ul li a:hover p, .kari_infor ul li a:active p {padding:0 0 60px 0;}
.kari_infor ul li a:hover p:after, .kari_infor ul li a:active p:after {margin-left:-8px;}

.excursions_appli {position:fixed; right:0; bottom:0; z-index:999;}
.excursions_appli a {text-decoration:none;}
.excursions_appli a.text {display:block; z-index:20; position:absolute; right:0; bottom:0; color:#fff; width:85px; text-align:center; font-size:15px; padding:20px 0 12px 0; background:url(../../images/kor/renew_main/appli_btn_arrow.png) no-repeat center top;}
.excursions_appli span.shape {display:block; position:absolute; right:-100px; bottom:-100px; z-index:1; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); overflow:hidden;}
.excursions_appli span.shape a {display:block; text-indent:-9999px; position:relative; width:200px; height:200px; margin:0 -10px -10px 0; background:#e6154e url(../../images/kor/renew_main/excursions_appli_bg.png) repeat-x center 5px;}
.excursions_appli.on a.text {margin-right:10px;}
.excursions_appli.on span.shape a {margin:0;}

#main_aside {position:relative; left:auto; background:#0f0e26 url(../../images/kor/renew_main/main_aside_bg.png) no-repeat right 50%; background-size:auto 100%; padding:60px 0;}
#main_aside ul li {background:none; margin:0 2px;}
#main_aside ul li:nth-child(4) {margin:0 10px 0 25px;}
#main_aside ul li a {font-size:14px; opacity:0.9; -webkit-opacity:0.9; border:1px solid #60656b; padding:10px 10px; min-width:190px; box-sizing:border-box; text-decoration:none;}
#main_aside ul li:first-child a {color:#fff;}
#main_aside ul li img {display:block; margin-top:6px;}
#main_aside ul li a:hover, #main_aside ul li a:active {border:1px solid #b1b7bd;}
#main_aside ul li.mark a {border:0; opacity:1; -webkit-opacity:1; padding:0; min-width:inherit;}
#main_aside ul li.mark a img {margin-top:0; width:75px;}


/* Media quary */
@media all and (max-width:1520px){
.kari_event {width:96%;}
.kari_event p {margin:0 9px;}
.kari_news {width:96%; padding:70px 2% 90px 2%;}
}

@media all and (max-width:1440px){
.kari_infor ul {width:auto; max-width:96%; margin:0 2%; padding:35px 9px 50px 9px; box-sizing:border-box;}
}

@media all and (max-width:1280px){
.kari_infor ul {padding:50px 9px;}	
.kari_infor ul li {width:32%; margin-left:2%;}
.kari_infor ul li:first-child {margin-left:0;}
.kari_infor ul li a {text-align:left; display:block; padding:20px 8% 25px 8% !important; position:relative;}
.kari_infor ul li a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; border:1px solid #fff; opacity:0.3; -webkit-opacity:0.3;}
.kari_infor ul li a h3 {font-size:32px; line-height:34px; margin:0; background:url(../../images/kor/renew_main/arrow_bul.png) no-repeat left bottom; padding-bottom:30px;}
.kari_infor ul li a h3 span {display:block; line-height:34px;}
.kari_infor ul li a p {display:none;}
.kari_infor ul li a:hover h3, .kari_infor ul li a:active h3 {background-position:10px bottom;} 
#main_aside ul li:nth-child(4) {margin:0 5px 0 15px;}
#main_aside ul li a {min-width:10px; padding:10px 15px;}
}


@media all and (max-width:1120px){
#main_aside {padding:40px 0 35px 0;}	
#main_aside ul {width:600px; margin:0 auto;}
#main_aside ul li:nth-child(4),
#main_aside ul li:nth-child(5),
#main_aside ul li:nth-child(6) {margin:10px 5px 0 5px;}	
}


@media all and (max-width:1024px){
#header.main {position:fixed; left:0 !important; top:0; box-shadow:none; -webkit-box-shadow:none;}	
#main_container #contents {padding:0;}	
#footer.main {margin:0; background:#0f0e26;}
.slide_cont .prev_btn {top:50%; left:3%; margin:-3px 0 0 0;}
.slide_cont .next_btn {top:50%; right:3%; margin:-3px 0 0 0;}
.slide_cont #slide_visual li .slogon {width:100%; left:0;}
.slide_cont #slide_visual li .slogon p {font-size:17px; line-height:28px;}
.slide_cont #slide_visual li .slogon p span {line-height:28px;}
.slide_cont #slide_visual li .slogon p.title {font-size:38px; line-height:46px; letter-spacing:1px; padding:25px 20px 32px 20px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:46px;}
.slide_cont #slide_visual li .image {height:100%;}
.slide_cont #slide_visual li .figure {font-size:17px; margin-right:8px; padding:0 2% 25px 0;}
.slide_cont .scroll_ico {width:32px; height:77px; margin-left:-16px; margin-bottom:30px; display:none;}
.kari_event {padding:56px 0 0 0; margin-bottom:-14px;}
.kari_event p {margin:0 6px;}
.kari_news {padding:50px 2% 60px 2%;}
.kari_news .web_list ul li {padding:6px;}
.kari_news .web_list ul li:nth-child(6),
.kari_news .web_list ul li:nth-child(7),
.kari_news .web_list ul li:nth-child(8) {margin-top:30px;}
.kari_news .web_list ul li a {height:230px;}
.kari_news .web_list ul li a .title {height:45px !important;}
.kari_news .web_list ul li a .title span {display:none !important; opacity:1 !important; -webkit-opacity:1 !important;}
.kari_news .web_list ul li a .title span.subject {display:block !important; bottom:0 !important; font-size:17px;}
.kari_news .web_list ul li a .title:after {opacity:0.5 !important; -webkit-opacity:0.5 !important;}
.kari_infor ul {padding:45px 6px;}
.kari_infor ul li a h3 {font-size:29px; line-height:32px;}
.kari_infor ul li a h3 span {line-height:32px;}
.excursions_appli {position:relative; right:auto; background:#0f0e26; padding:20px 2% 0 2%; margin-bottom:-1px;}
.excursions_appli a.text {position:relative; right:auto; background:#e6154e; width:auto; font-size:17px; line-height:22px; padding:10px 0; margin:0 6px !important;}
.excursions_appli span.shape {display:none;} 
}

@media all and (max-width:840px){
.kari_event p {height:220px;}
.kari_news .web_list ul li a {height:220px;}
.kari_infor ul li a h3 {font-size:27px; line-height:30px;}
.kari_infor ul li a h3 span {line-height:30px;}
}

@media all and (max-width:740px){
.slide_cont {height:600px;}	
.slide_cont #slide_visual li .slogon {top:50%;}
.slide_cont #slide_visual li .slogon p {margin-top:30px;}
.slide_cont #slide_visual li .slogon p.title {font-size:36px; line-height:44px; padding:20px 20px 27px 20px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:44px;}
.slide_cont #slide_visual li .figure {font-size:16px; margin-right:0; padding-right:4%;}
.slide_cont .prev_btn, .slide_cont .next_btn {display:none;}
.slide_cont .scroll_ico {text-indent:0; width:80px; height:50px; margin-left:-40px; background:url(../../images/kor/renew_main/scroll_ico_mob.png) no-repeat center bottom; background-size:auto;}
.kari_event {width:92%; margin:0 4%; padding:50px 0 0 0;}
.kari_event p {margin:0;}
.kari_news {padding:40px 4% 50px 4%; width:92%; height:auto;}
.kari_news h3 {font-size:31px; line-height:35px; margin:0 0 25px 0; position:relative; left:auto; top:auto; text-indent:0;}	
.kari_news .web_list {display:none;}
.kari_news .mob_list {width:100%; height:250px; padding-bottom:45px; position:relative; overflow:hidden; display:block;}
.kari_news .mob_list .control {position:absolute; right:0; bottom:0; width:100%; height:45px; z-index:5; background:#333; border-top:1px solid #555;}
.kari_news .mob_list .control span.count {float:right; display:inline-block; line-height:45px; color:#fff; margin-right:4%;}
.kari_news .mob_list .control span.count span {color:#fff;}
.kari_news .mob_list .control a[class*="btn_"]{overflow:hidden; display:inline-block; float:left; border-right:1px solid #555; width:50px; height:100%;}
.kari_news .mob_list .control a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.kari_news .mob_list .control a.btn_left {background:url(../../images/kor/renew_main/mob_list_control_prev.png) no-repeat center 50%;}
.kari_news .mob_list .control a.btn_right {background:url(../../images/kor/renew_main/mob_list_control_next.png) no-repeat center 50%;}
.kari_news .mob_list .control a.btn_stop {background:url(../../images/kor/renew_main/mob_list_control_pause.png) no-repeat center 50%;}
.kari_news .mob_list .control a.btn_play {background:url(../../images/kor/renew_main/mob_list_control_play.png) no-repeat center 50%;}
.kari_news .mob_list .move {position:absolute; left:0; top:0; width:100%; height:250px; overflow:hidden; z-index:1;}
.kari_news .mob_list .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.kari_news .mob_list .move ul li {float:none; position:absolute; left:100%; top:0; width:100%; height:100%;}
.kari_news .mob_list .move ul li:first-child {left:0;}
.kari_news .mob_list .move ul li a {overflow:hidden; display:block; position:relative; height:100%; background:#000; padding:0;}
.kari_news .mob_list .move ul li a span.category {display:inline-block; vertical-align:top; position:absolute; left:0; top:0; z-index:10; color:#fff; font-size:15px; text-align:center; padding:3px 13px 3px 10px;}
.kari_news .mob_list .move ul li a span.category strong {font-weight:normal; position:relative; z-index:5;}
.kari_news .mob_list .move ul li a span.category:after {content:""; display:block; width:110%; height:100%; position:absolute; left:-10%; top:0; background:#212121; z-index:1; transform:skewX(-20deg); -transform:skewX(-20deg);}
.kari_news .mob_list .move ul li#facebook a span.category:after {background:#3e58a4;}
.kari_news .mob_list .move ul li#blog a span.category:after {background:#008840;}
.kari_news .mob_list .move ul li#policy a span.category:after {background:#00999c;}
.kari_news .mob_list .move ul li#bodo a span.category:after {background:#3260ae;}
.kari_news .mob_list .move ul li#notice a span.category:after {background:#574ba6;}
.kari_news .mob_list .move ul li#tv a span.category:after {background:#006dd3;}
.kari_news .mob_list .move ul li#podcast a span.category:after {background:#05689c;}
.kari_news .mob_list .move ul li#image a span.category:after {background:#303f52;}
.kari_news .mob_list .move ul li a p {margin:0;}
.kari_news .mob_list .move ul li a p.title {position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.kari_news .mob_list .move ul li a p.title:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:1; opacity:0.5; -webkit-opacity:0.5;}
.kari_news .mob_list .move ul li a p.title span {display:none; position:relative; z-index:10; box-sizing:border-box;}
.kari_news .mob_list .move ul li a p.title span.subject {color:#ebebeb; display:inline-block; vertical-align:top; padding:0 5%; line-height:48px; font-weight:600; font-size:16px; width:auto; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.kari_news .mob_list .move ul li a .photo {position:relative; height:100%;}
.kari_news .mob_list .move ul li a .photo span {display:block; height:100%; position:absolute; width:2000px; left:50%; margin-left:-1000px; top:0;}
.kari_news .mob_list .move ul li a .photo span img {height:100%; display:block; margin:0 auto;}
.kari_news .mob_list .move ul li a .photo span img.facebook {height:150%;}
.kari_news .mob_list .move ul li a .photo span img.blog {height:180%; margin-top:-5%;}
.kari_news .mob_list .move ul li a .photo span img.notice {position:relative; left:auto; top:auto !important; width:auto; z-index:1;}
.kari_news .mob_list .move ul li a .photo span img.podcast,
.kari_news .mob_list .move ul li a .photo span img.image {height:178%; margin-top:-5%;}
.kari_news .mob_list .move ul li a .photo span img.tv {height:165%; margin-top:-5%;}

.kari_infor {height:auto; padding:50px 0;}
.kari_infor ul {padding:0; max-width:92%; margin:0 4%;}
.excursions_appli {padding:20px 4% 0 4%;}
.excursions_appli a.text {font-size:16px; margin:0 !important;}
}

@media all and (max-width:640px){
.slide_cont {height:550px !important;}	
.slide_cont #slide_visual li .slogon {top:52%;}	
.slide_cont #slide_visual li .slogon p {font-size:16px; line-height:24px; padding:0 5%; margin-top:25px;}	
.slide_cont #slide_visual li .slogon p span {display:inline; line-height:24px;}
.slide_cont #slide_visual li .slogon p.title {font-size:33px; line-height:41px; padding:15px 20px 15px 20px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:41px; display:block;}
.slide_cont #slide_visual li .figure {font-size:15px;}
.slide_cont .scroll_ico {margin-bottom:25px; font-size:14px;}
.kari_event {padding:45px 0 0 0;}
.kari_event p {height:210px;}
.kari_news {padding:35px 4% 45px 4%;}
.kari_news h3 {font-size:29px; line-height:33px; margin:0 0 25px 0;}
.kari_news .mob_list {height:240px;}
.kari_news .mob_list .move {height:240px;}
.kari_news .mob_list .move ul li a p.title span.text {font-size:15px;}
.kari_infor {padding:45px 0;}
.kari_infor ul li a h3 {font-size:25px; line-height:29px;}
.kari_infor ul li a h3 span {line-height:29px;}
.excursions_appli {padding:17px 4% 0 4%;}
.excursions_appli a.text {font-size:15px;}
}

@media all and (max-width:540px){
.slide_cont {height:500px !important;}	
.slide_cont #slide_visual li .slogon {top:55%;}	
.slide_cont #slide_visual li .slogon p.title {font-size:30px; line-height:38px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:38px;}
.slide_cont #slide_visual li .figure {font-size:14px;}
.kari_event {padding:40px 0 0 0;}
.kari_event p {height:200px;}
.kari_news {padding:30px 4% 40px 4%;}
.kari_news h3 {margin-bottom:20px;}
.kari_news .mob_list {height:230px; padding-bottom:40px;}
.kari_news .mob_list .control {height:40px;}
.kari_news .mob_list .control span.count {line-height:40px;}
.kari_news .mob_list .move {height:230px;}
.kari_infor {padding:40px 0;}
.kari_infor ul li {float:none; width:auto; margin:10px 0 0 0;}
.kari_infor ul li:first-child {margin:0;}
.kari_infor ul li a {padding:15px 5% !important;}
.kari_infor ul li a h3 {background-position: right 50% !important; padding:0; background-size:auto 7px;}
.kari_infor ul li a h3 span {display:inline;}
}

@media all and (max-width:480px){	
.slide_cont {height:460px !important;}	
.slide_cont #slide_visual li .slogon {top:59%;}
.slide_cont #slide_visual li .slogon p {font-size:15px;}
.slide_cont #slide_visual li .slogon p.title {font-size:27px; line-height:35px; padding:15px 15px 15px 15px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:35px;}
.slide_cont #slide_visual li .figure {font-size:13px; padding-bottom:15px;}
.slide_cont .scroll_ico {margin-bottom:15px; font-size:13px; height:45px;}
.kari_event {padding:35px 0 10px 0;}
.kari_event p {height:190px;}
.kari_news {padding:25px 4% 35px 4%;}
.kari_news h3 {font-size:27px; line-height:31px; margin:0 0 20px 0;}
.kari_news .mob_list {height:220px;}
.kari_news .mob_list .move {height:220px;}
.kari_infor {padding:35px 0;}
.kari_infor ul li a {padding:12px 4% !important;}
.kari_infor ul li a h3 {font-size:23px; line-height:27px;}
.kari_infor ul li a h3 span {line-height:27px;}	

}

@media all and (max-width:400px){
.slide_cont {height:420px !important;}		
.slide_cont #slide_visual li .slogon {top:63%;}
.slide_cont #slide_visual li .slogon p {font-size:14px; line-height:22px;}	
.slide_cont #slide_visual li .slogon p span {line-height:22px;}	
.slide_cont #slide_visual li .slogon p.title {font-size:24px; line-height:32px; padding:10px 15px 10px 15px;}
.slide_cont #slide_visual li .slogon p.title span {line-height:32px;}
.kari_news {padding:25px 4% 35px 4%;}
.kari_news h3 {font-size:25px; line-height:29px;}
.kari_news .mob_list {height:210px;}
.kari_news .mob_list .move {height:210px;}
.kari_infor {padding:35px 0;}
.kari_infor ul li a h3 {font-size:21px; line-height:25px;}
.kari_infor ul li a h3 span {line-height:25px;}
}

@media all and (max-width:320px){	
.kari_news h3 {font-size:23px; line-height:27px;}
.kari_news .mob_list {height:200px;}
.kari_news .mob_list .move {height:200px;}
.kari_infor ul li a h3 {font-size:19px; line-height:23px;}
.kari_infor ul li a h3 span {line-height:23px;}
}