@charset "utf-8";

.main_container{padding:40px 0 140px 0}
.m_bg01{background:url("/images/03_language/main/main_bg1.jpg") no-repeat center 0;background-size:cover}
.m_bg02{background:url("/images/01_potal/main/back03.gif") no-repeat center 0;background-size:cover}

.mtab_btn{text-align:center}
.mtab_btn li{display:inline-block;padding:0 0 8px 0;margin:0 5px}
.mtab_btn li.on{background:url("/images/03_language/main/mtab_on.png") no-repeat center bottom}
.mtab_btn li a{display:inline-block;padding:10px 20px;border:1px solid #0052ca;border-radius:30px;color:#000}
.mtab_btn li.on a{background:#0052ca;color:#fff;position:relative}

.mtab_area{display:none;padding:0 4.6875%}
.mtab_area h2{color:#000;text-align:center;font-weight:normal;margin:40px 0}
.mtab_area h2 strong{font-weight:bold}
.mtab_on{display:block}

.mico{background:rgba(255, 255, 255, .6);padding:45px 0;margin:0 0 10px 0}
.mico ul{overflow:hidden}
.mico li{float:left;width:50%;text-align:center;margin:0 0 1px 0}
.mico li a{display:block;padding:10px 0;color:#000}
.mico li a:hover{text-decoration:underline}
.mico li a:before{content:"";display:block;width:70px;height:70px;background:url("/images/03_language/main/main_ico.png") no-repeat;margin:0 auto 10px auto}
.mico li.no1 a:before{background-position:0 0}
.mico li.no2 a:before{background-position:0 -70px}
.mico li.no3 a:before{background-position:0 -140px}
.mico li.no4 a:before{background-position:0 -210px}
.mico li.no5 a:before{background-position:0 -280px}
.mico li.no6 a:before{background-position:0 -350px}
.mico li.no7 a:before{background-position:0 -420px}
.mico li.no8 a:before{background-position:0 -490px}

.gj_int{background:url("/images/03_language/main/gj_int_bg.jpg") no-repeat center center;background-size:cover;text-align:center;padding:60px 0;margin:0 0 10px 0}
.gj_int h3{color:#124ea6;font-size:24px}
.gj_int p{color:#555;font-size:14px;line-height:1.5em;margin:15px 0 30px 0}
.gj_int ul{width:60%;margin:0 auto}
.gj_int li{margin:10px 0 0 0}
.gj_int li a{display:block;border:1px solid #86927b;border-radius:30px;padding:5px 0;color:#000;position:relative;overflow:hidden}
.gj_int li a:after{content:"";display:block;width:5px;height:9px;background:url("/images/03_language/main/main_ico.png") no-repeat -226px -58px;position:absolute;top:10px;right:-20px}
.gj_int li:hover a, .gj_int li a:focus{background:#fff;border-color:#fff;text-align:left;padding-left:20px}
.gj_int li:hover a:after, .gj_int li a:focus:after{right:20px}

.foreigner{text-align:center;margin:0 0 10px 0}
.foreigner ul{overflow:hidden}
.foreigner li{float:left;width:50%;position:relative}
.foreigner li.no1{background:rgba(18, 78, 166, .7)}
.foreigner li.no2{background:rgba(23, 59, 111, .8)}
.foreigner li.no3{background:rgba(51, 140, 174, .6)}
.foreigner li.no4{background:rgba(52, 174, 153, .5)}
.foreigner li a{display:block;color:#fff;padding:30px 0}
.foreigner li a:before{content:"";display:block;background:url("/images/03_language/main/main_ico.png") no-repeat;margin:0 auto 20px auto}
.foreigner li a:hover, .foreigner li a:focus{text-decoration:underline}
.foreigner li.no1 a:before{width:63px;height:58px;background-position:-70px 0}
.foreigner li.no2 a:before{width:43px;height:58px;background-position:-133px 0}
.foreigner li.no3 a:before{width:49px;height:58px;background-position:-176px 0}
.foreigner li.no4 a:before{width:58px;height:58px;background-position:-225px 0}

.business{background:rgba(135, 52, 134, .7);text-align:center;padding:60px 0;position:relative}
.business:after{content:"";width:1px;height:50px;background:rgba(255, 255, 255, .7);position:absolute;top:0;left:50%}
.business h3{color:#fff}
.business ul{margin:0 15.625%}
.business li{margin:25px 0 0 0}
.business li a{display:block;padding:30px 0;border:1px solid #c3adc6;border-radius:6px;color:#fff}
.business li:hover a, .business li a:focus{background:#fff;color:#000}

.attraction{border-radius:10px;overflow:hidden;margin:0 0 20px 0;position:relative}
.attraction p{position:absolute;top:280px;right:0;overflow:hidden;z-index:2}
.attraction p button{width:39px;height:0;padding:35px 0 0 0;margin:0 0 0 1px;float:left;overflow:hidden;background:url("/images/03_language/main/main_ico.png") no-repeat}
.attraction .prev{background-position:-70px -58px}
.attraction .stop{background-position:-109px -58px}
.attraction .play{background-position:-148px -58px}
.attraction .next{background-position:-187px -58px}
.attraction li{display:none;background:rgba(255, 255, 255, .8);padding:345px 8.333333333333333% 30px 8.333333333333333%;position:relative}
.attraction li>span{display:block;width:100%;height:315px;position:absolute;top:0;left:0}
.attraction li.no1>span{background:url(/images/03_language/main/attr01.jpg) no-repeat center center;background-size:cover}
.attraction li.no2>span{background:url(/images/03_language/main/attr02.jpg) no-repeat center center;background-size:cover}
.attraction li.no3>span{background:url(/images/03_language/main/attr03.jpg) no-repeat center center;background-size:cover}
.attraction li.no4>span{background:url(/images/03_language/main/attr04.jpg) no-repeat center center;background-size:cover}
.attraction li.on{display:block}
.attraction dt{font-weight:bold;font-size:24px;color:#000}
.attraction dd{margin:20px 0 0 0;line-height:1.5em;color:#000}
.attraction dd span{background:#105dcd;color:#fff}
.attraction a{display:block;border:1px solid #105dcd;border-radius:6px;padding:10px 0;margin:20px 0 0 0;text-align:center;color:#105dcd;font-weight:bold}
.attraction a:hover{background:#105dcd;color:#fff}

.festival{border-radius:10px;overflow:hidden;position:relative;margin:0 0 20px 0}
.festival p button{height:0;overflow:hidden;background:url("/images/03_language/main/main_ico.png") no-repeat;position:absolute;z-index:2}
.festival .prev{background-position:-70px -93px;width:55px;padding:55px 0 0 0;top:130px;left:0}
.festival .next{background-position:-123px -93px;width:55px;padding:55px 0 0 0;top:130px;right:0}
.festival .stop{background-position:-180px -93px;width:16px;padding:16px 0 0 0;bottom:30px;left:36.11111111111111%}
.festival .play{background-position:-196px -93px;width:16px;padding:16px 0 0 0;bottom:30px;left:36.11111111111111%}
.festival ul{overflow: hidden;margin: 270px 0 0 43.05555555555556%;height:45px}
.festival li{float: left;margin: 0 6px 0 0}
.festival li.no1 a{background:url(/images/03_language/main/festival01.jpg) no-repeat center center;background-size:cover}
.festival li.no2 a{background:url(/images/03_language/main/festival02.jpg) no-repeat center center;background-size:cover}
.festival li.no3 a{background:url(/images/03_language/main/festival03.jpg) no-repeat center center;background-size:cover}
.festival li button{width:15px;height:0;padding:15px 0 0 0;overflow:hidden;border-radius:30px;background:#fff;position: relative;z-index:2}
.festival li.on button{width:50px;background:#da5a1d}
.festival li a{display:none;color:#fff;text-align:center;height:315px;position:absolute;top:0;left:0;width:100%;height:255px;padding:60px 0 0 0}
.festival li.on a{display:block}
.festival li strong{display:block;font-size:36px;margin:0 0 20px 0}

.tip{border-radius:10px;overflow:hidden;background:rgba(105, 0, 102, .8);padding:40px 0 0 0;margin:0 0 20px 0;position:relative;height:275px}
.tip:after{content:"";display:block;width:159px;height:123px;background:url("/images/03_language/main/tip_ico.png") no-repeat;position:absolute;top:150px;left:10px}
.tip h3{text-align:center;color:#fff}
.tip p{text-align:center;font-size:14px;line-height:1.5em;color:#c49ec3;padding:0 9.375%;margin:15px 0 30px 0}
.tip ul{margin:0 0 0 180px}
.tip li{background:url("/images/03_language/main/tip_dot.gif") no-repeat 0 7px;padding:0 0 0 7px;margin:10px 0 0 0}
.tip li a{color:#fff}
.tip li a:hover{text-decoration:underline}

.mban{border-radius:10px;overflow:hidden;background-size:cover;margin:0 0 20px 0}
.mban a{display:block;color:#fff;font-size:30px;text-align:center;padding:140px 0 0 0;height:175px;position:relative}
.mban a:before{content:"";width:1px;height:110px;position:absolute;top:0;left:50%;background:rgba(255, 255, 255, .5)}
.mban a:hover:before, .mban a:focus:before{display:none}
.mban a span{width:100%;height:215px;padding:100px 0 0 0;position:absolute;top:315px;left:0;background:rgba(242, 101, 34, .8);font-size:24px;line-height:1.25em;transition:.2s ease-out}
.mban a span:before{content:"";width:83.75%;height:255px;border:1px solid #fff;position:absolute;top:30px;left:8.333333333333333%}
.mban a span:after{content:"";width:33px;height:33px;background:url("/images/03_language/main/main_ico.png") no-repeat -70px -148px;position:absolute;top:170px;left:45.15151515151515%}
.mban a:hover strong, .mban a:focus strong{display:none}
.mban a:hover span, .mban a:focus span{top:0}
.cultura{background:url("/images/03_language/main/cultura_bg.jpg") no-repeat;background-size:cover}
.brand{background:url("/images/03_language/main/brand_bg.jpg") no-repeat;background-size:cover}

.course{border-radius:10px;overflow:hidden;background:url("/images/03_language/main/course_bg.jpg") no-repeat;background-size:cover;text-align:center;padding:40px 0 0 0;height:275px}
.course h3{color:#fff;margin:0 0 30px 0}
.course ul{margin:0 9.375%}
.course li{margin:5px 0 0 0}
.course li a{display:block;padding:7px 0;color:#fff;border:1px solid #fff;border-radius:6px}
.course li:hover a, .course li a:focus{background:#fff;color:#1d7c08;font-weight:bold}


.menu_position .sitemap a span{background:url("/images/03_language/common/common_btn.png") no-repeat;}
.menu_position .sitemap{right:0}
.menu_position .sitemap a{background:#0052ca}
.main_container{padding:30px 0}
.menu_position .top_search{display:none}
.main_weather{top:0}
.banner_wrap{display:none}
#site_links{display:none}
.footer_in .bt_menu{display:none}
.footer_in .web_mark{display:none}
.sub_container{padding:0 0 10px 0}
.s_sns_icon{display:none}
.s_con{margin:0}


/* Tablet */
@media all and (min-width:768px) {
.mtab_area{padding:0 3.90625%;overflow:hidden}
.mtab_area h2{font-size:48px}

.mico li{width:25%}

.gj_int{float:left;width:50%;height:310px}

.foreigner{float:left;width:50%}
.foreigner li a{padding:60px 0}

.business{clear:both}
.business ul{overflow:hidden}
.business li{float:left;width:46%;margin:25px 2% 0 2%}

.attraction p{right:50%}
.attraction li{padding:30px 3.90625% 30px 53.90625%;height:255px}
.attraction li>span{width:50%}

.mcon2{overflow:hidden}

.festival .stop{left:42.06896551724138%}
.festival .play{left:42.06896551724138%}
.festival ul{margin:270px 0 0 45.51724137931034%}

.tip{float:left;width:48.58757062146893%}

.mcon3{overflow:hidden}

.mban{width:48.58757062146893%}
.cultura{float:right}
.brand{float:left}

.course{float:right;width:48.58757062146893%}

#nav ul.col5 li{width:25%}
.footer_in .copy{padding:20px 15px}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_bg01{background-size:auto}
.m_bg02{background-size:auto}

.mtab_btn{position:absolute;top:0;right:0}

.mtab_area{padding:0}
.mtab_area h2{margin:0 0 40px 0}

.mico li{width:12.5%}

.mcon1{overflow:hidden}

.gj_int{width:26.78571428571429%}

.foreigner{width:45.71428571428571%}
.foreigner li{margin:0 0 10px 1.5625%;width:48.4375%}
.foreigner li a{padding:60px 0 0 0;height:150px}

.business{clear:none;float:left;width:26.78571428571429%;height:310px;margin:0 0 0 0.7142857142857143%}
.business h3{margin:0 0 40px 0}
.business li{float:none;width:100%;margin:25px 0}

.attraction{float:left;width:22.85714285714286%}
.attraction p{right:0}
.attraction li{padding:345px 9.375% 30px 9.375%;height:275px}
.attraction li>span{width:100%}

.mcon2{float:left;width:51.78571428571429%;margin:0 1.428571428571429%}
.mcon3{float:left;width:22.5%}

.brand{float:none;width:100%}

.course{float:none;width:100%}

.footer_in{height:auto}
.footer_in .bt_logo{top:30px}
.footer_in .copy{padding:30px 15px}

.top_st .gnb{width:120px}
#nav ul.col5 li{width:17%}
.sub_container{padding:0 0 40px 0}
}
/* Desktop wide */
@media all and (min-width:1399px) {
.mp_wrap{width:1000px;padding-left:140px}
}