@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

/* content */
.inner {
    width:1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gnb_right {width:100%;}
.bx-wrapper img {width: 100%;object-fit: cover;height:610px;}
.bxslider_titwrap {position:absolute; top:155px;  width: 100%;}
.bxslider_titwrap h2 {font-size:6.5rem; color:#fff;text-shadow: 1px 2px 1px black;    }
.bxslider_titwrap p{font-size:2.5rem; color:#f8f8f8; text-shadow: 1px 2px 1px black;}

#m_conts .bx-controls {width:100%;}
#m_conts .bx-wrapper {margin-bottom:0;}
#m_conts .bx-wrapper .bx-pager {width:100%; position:absolute; bottom:15px; text-align:center;}
#m_conts .bx-wrapper .bx-controls-auto {bottom:15px;}
#m_conts .bx-wrapper .bx-controls-auto .bx-stop {background: url(../img/main/controls_white.png) -86px -44px no-repeat;}
#m_conts .bx-wrapper .bx-controls-auto .bx-start {background: url(../img/main/controls_white.png) -86px -11px no-repeat;}

/*useful*/
.useful {background:#f2f2f2; padding:45px 0;}
.useful h3 , .culturefastival h3{font-size:3rem; margin-bottom:35px;}
.useful h3 span{color:#2e61a7}
.useful li {width:16.66666666666667%;float:left;}
.useful .useful_ico {
    width: 106px;
    height: 106px;
    border-radius: 53px;
    text-align: center;
    margin: 0 auto;
}
.useful .useful_txt {text-align:center; margin-top:14px; color:#4d4d4d}
.useful li:nth-child(1) .useful_ico {background: #fff url(../img/main/menu1.png) no-repeat 50% 50%;}
.useful li:nth-child(2) .useful_ico {background: #fff url(../img/main/menu2.png) no-repeat 50% 50%;}
.useful li:nth-child(3) .useful_ico {background: #fff url(../img/main/menu3.png) no-repeat 50% 50%;}
.useful li:nth-child(4) .useful_ico {background: #fff url(../img/main/menu4.png) no-repeat 50% 50%;}
.useful li:nth-child(5) .useful_ico {background: #fff url(../img/main/menu5.png) no-repeat 50% 50%;}
.useful li:nth-child(6) .useful_ico {background: #fff url(../img/main/menu6.png) no-repeat 50% 50%;}


/*culture fastival*/
.culturefastival h3 {}
.culturefastival h3 span{color:#2e61a7; background:url(../img/main/row_event.png) no-repeat 100% 80%; padding-right:55px;}
.culturefastival {background:#dfeff5; padding:45px 0;}
.culturefastival ul li {width:32%; float:left;}
.culturefastival ul li:nth-child(2){margin: 0 2%;}
.culturefastival .culture_ico{height:348px; }
.culturefastival .season .culture_ico{background:url(../img/main/banner1.png) no-repeat center;}
.culturefastival .alps .culture_ico{background:url(../img/main/banner2.png) no-repeat center;}
.culturefastival .gajisan .culture_ico{background:url(../img/main/banner3.png) no-repeat center;}
.culturefastival .culture_txt{background:#004e85; color:#fff; text-align:center; padding:15px 0}

/*map*/
.map {background:#dfeff5}
.map ul li {padding:15px 50px 15px 93px; width:50%; float:left;}
.map ul li a {color:#222}
.map ul li:nth-child(1){
	background-color:#00a19c;
	background-image: url(../img/main/banner_b1.png),
      url(../img/main/row_b1.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 4% 50%,45% 50%}
.map ul li:nth-child(2){
	background-color:#fbd09c;
	background-image: url(../img/main/banner_b2.png),
      url(../img/main/row_b1.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 4% 50%,34% 50%}

@media screen and (max-width:1199px){
.inner {width:100%; max-width: inherit;}
.bxslider_titwrap { padding:0; text-align:center;}
.useful, .culturefastival {padding:45px 15px;}
.useful li {margin:10px 0;}
.useful h3 {margin-bottom:15px;}
.map ul li:nth-child(1){background-position: 4% 50%,94% 50%}
.map ul li:nth-child(2){background-position: 4% 50%,94% 50%}
}

@media screen and (max-width:1024px){
.useful li {width:33.33333%}
.useful h3 , .culturefastival h3 {font-size:2.5rem}
.culturefastival ul li:nth-child(1){width:100%;}
.culturefastival ul li {width:50%; float:left;}
.culturefastival ul li:nth-child(2) {margin:0;}
.culturefastival .season .culture_ico, .culturefastival .alps .culture_ico, 
.culturefastival .gajisan .culture_ico{background-size:cover;}

}

@media screen and (max-width:768px){
.bx-wrapper img {height:350px;}
.bxslider_titwrap {padding:0; text-align:center; top:100px;}

.bxslider_titwrap h2 {font-size:3.5rem; color:#fff;text-shadow: 1px 2px 1px black;    }
.bxslider_titwrap p{font-size:1.5rem; color:#f8f8f8; text-shadow: 1px 2px 1px black;}
}

@media screen and (max-width:640px){
.useful, .culturefastival {padding:15px;}
.useful h3, .culturefastival h3 {margin-bottom:10px;}
.useful li {width:50%; border:1px solid #e8e8e8; margin:0;}
.useful .useful_ico {display:none;}
.useful li:nth-child(1) .useful_txt, .useful li:nth-child(2) .useful_txt, .useful li:nth-child(3) .useful_txt{line-height:55px;}
.useful .useful_txt {background:#fff; margin-top:0; height:55px;}
.culturefastival ul li {width:100%; float:none;}
.map ul li{padding:15px 0 15px 50px;}
.map ul li:nth-child(1){ background-size:30px;}
.map ul li:nth-child(2){background-size:30px;}
}

@media screen and (max-width:480px){
.useful li {width:100%; float:none}
.culturefastival h3 span {padding-right:50px;}
.map ul li {width:100%; float:none; padding:15px 0 15px 60px;}


	}