@charset "UTF-8"; 

.m_bgset:after,
.m_bgset .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_fix {/*overflow:hidden !important;*/}
.mc_box {position:relative; float:left;}

/********************************
 section01
 *******************************/
.m_bgset.m_bgset01 {position:relative;}
.m_bgset.m_bgset01 .main_img_tbg {position:absolute; left:0; top:0; width:45%; height:90%; background-color:rgba(0,85,139,0.9);}

.main_imglist ul {display:block;}
.main_imglist ul:after {content:''; display:block; visibility:hidden; clear:both;}
.main_imglist li {height:705px; background-position: center right; background-repeat:no-repeat;}
.main_imglist li:after {content:''; display:block; visibility:hidden; clear:both;}

.mimg_tbox {padding:95px 50px 25px 25px; width:42.5%; color:#fff;}
.mimg_tbox .mt_tit {min-height:112px; font-size:4.0rem; font-weight:600; line-height:1.4;}
.mimg_tbox .mt_txt {min-height:150px; font-size:1.8rem;}
.mimg_tbox .mt_tbtn a {position:relative; display:block; margin-top:25px; padding:9px 20px 10px; width:150px; height:58px; color:#fff; box-sizing:border-box;}
.mimg_tbox .mt_tbtn a:before {content:''; position:absolute; left:0; top:0; width:150px; height:58px; background:url(../images/main_ir.png) 0 -102px no-repeat;}

/*메인이미지 페이지컨트롤*/
.ctrl_box {position:absolute; left:31%; bottom:100px; z-index:30;}
.ctrl_box > dl {}
.ctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px; color:#fff;}
.ctrl_box > dl dd .ctrl_cont,
.ctrl_box > dl dd a {position:relative; display:block; width:40px; height:40px; border:1px solid #fff; border-radius:50%; box-sizing:border-box;}
.ctrl_box > dl dd .ctrl_cont {border:none;}
.ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-9px; width:19px; height:17px; background-image:url(../images/main_ir.png); background-repeat:no-repeat;}
.ctrl_box > dl dd a.ctrl_prev:before {background-position:0 -161px;}
.ctrl_box > dl dd a.ctrl_stop:before {background-position:-20px -161px;}
.ctrl_box > dl dd a.ctrl_play:before {background-position:-73px -161px;}
.ctrl_box > dl dd a.ctrl_next:before {background-position:-40px -161px;}
.ctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:35px; width:auto;}
.ctrl_box > dl dd span.ctrl_cont strong {font-weight:600; font-size:2.4rem; text-decoration:underline;}

/* 날씨 */
#quickmenu {position:absolute; top:50px; right:50px; z-index:100; background-color:rgba(255,255,255,0.8); border-radius:200px; width:150px; height:150px; padding:22px; text-align:center;}
#quickmenu h3 {font-size:1.4rem;}
.temp {font-family:Arial; font-size:2.8rem; line-height:2.0rem; color:#343434;}

/* media query */
@media screen and (max-width:1550px) {
	.ctrl_box {left:29%;}
}
@media screen and (max-width:1270px) {
	.ctrl_box {left:27%;}
}
@media screen and (max-width:1200px) {
	.mimg_tbox {padding:70px 25px 25px; width:45%;}
  
	.ctrl_box {left:25%;}
}
@media screen and (max-width:1024px) {
	.ctrl_box {left:23%;}
}
@media screen and (max-width:920px) {
	.m_bgset.m_bgset01 .main_img_tbg {display:none;}
  	.m_bgset01 .m_fix {height:555px;}
	.main_imglist li {height:555px; background-position:80% 0;}
	.mimg_tbox {position:absolute; bottom:0; width:100%; padding:20px; background-color:rgba(0,85,139,0.9);}
	.mimg_tbox .mt_tit {min-height:auto; font-size:3.0rem;}
	.mimg_tbox .mt_txt {min-height:75px; line-height:1.4;}
	.ctrl_box {bottom:20px; left:unset; right:20px;}
	
}
@media screen and (max-width:767px) {
	.main_imglist li {height:500px;}
  	.m_bgset01 .m_fix {height:500px;}
	.mimg_tbox {margin-top:277px;}
	.mimg_tbox .mt_tit {font-size:2.4rem;}
	.mimg_tbox .mt_txt {min-height:66px; font-size:1.6rem;}
	.mimg_tbox .mt_tbtn a {padding:5px 20px 0; width:138px; height:44px;}
	.mimg_tbox .mt_tbtn a:before {width:138px; height:44px; background-position:-151px -102px;}
	.ctrl_box {bottom:10px; right:10px;}
	.ctrl_box > dl dd span.ctrl_cont strong {font-size:2.0rem;}
}
@media screen and (max-width:640px) {
	.main_imglist li {height:400px; background-position:80% 50%; }
  	.m_bgset01 .m_fix {height:400px;}
	.mimg_tbox {margin-top:238px; padding:10px;}
	.mimg_tbox .mt_tit {font-size:2.0rem;}
	.mimg_tbox .mt_txt {overflow:hidden; margin-top:10px; min-height:auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; font-size:1.5rem;}
	.mimg_tbox .mt_tbtn a {margin-top:10px;}
	.ctrl_box > dl dd a {width:35px; height:35px;}
	.ctrl_box > dl dd span.ctrl_cont strong {font-size:1.8rem;}
	
	
}
@media screen and (max-width:480px) {
	.mimg_tbox {padding-bottom:50px;}
	#quickmenu {top:30px; right:25px;}
}


/********************************
 section02
 *******************************/
.m_bgset.m_bgset02 {padding:50px 0;}

.m_bgset02 ul {margin-left:-20px;}
.m_bgset02 ul:after {content:''; display:block; visibility:hidden; clear:both;}
.m_bgset02 li {display:inline-block; float:left; width:16.6666%; padding-left:20px; text-align:center;}
.m_bgset02 li a {display:block; border:2px solid #ddd; padding:30px 20px 25px; text-decoration:none; background-color:#fff; color:#333;}
.m_bgset02 li a i {display:block; margin:0 auto; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.m_bgset02 li a i.micon1 {background-image:url(../images/main/micon1.png);}
.m_bgset02 li a i.micon2 {background-image:url(../images/main/micon2.png);}
.m_bgset02 li a i.micon3 {background-image:url(../images/main/micon3.png);}
.m_bgset02 li a i.micon4 {background-image:url(../images/main/micon4.png);}
.m_bgset02 li a i.micon5 {background-image:url(../images/main/micon5.png);}
.m_bgset02 li a i.micon6 {background-image:url(../images/main/micon6.png);}
.m_bgset02 li a p {margin-bottom:0; margin-top:10px; min-height:45px; font-size:1.6rem; line-height:1.4; font-weight:500;}

.m_bgset02 li:hover a,
.m_bgset02 li:active a,
.m_bgset02 li:focus a {border-color:#004674; background-color:#effdff;}


/* media query */
@media screen and (max-width:1200px) {
	.m_bgset.m_bgset02 .inner {padding:0 20px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:940px) {
	.m_bgset.m_bgset02 {padding:40px 0;}
	.m_bgset02 li {width:33.3333%; padding:0 0 20px 20px;}
	.m_bgset02 li a p {min-height:auto;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.m_bgset.m_bgset02 {padding:30px 0;}
	.m_bgset.m_bgset02 .inner {padding:0 10px;}
	.m_bgset02 ul {margin-left:-10px;}
	.m_bgset02 li {width:50%; padding:0 0 10px 10px;}
	.m_bgset02 li a {padding:10px 10px 15px;}
	.m_bgset02 li a i {width:45px; height:45px; background-size:90% auto;}
	.m_bgset02 li a p {margin-top:0; font-size:1.6rem;}
}
@media screen and (max-width:480px) {
	.m_bgset.m_bgset02 {padding:20px 0;}
	.m_bgset02 li a p {margin-top:0; font-size:1.5rem;}
}
@media screen and (max-width:360px) {
	.m_bgset02 li a p {min-height:36px; line-height:1.2; margin-top:5px;}
}



/********************************
 section03
 *******************************/
.m_bgset03 h2 span {display:block; text-align:center; font-size:3.5rem; color:#222; font-weight:600;}

.fstv_box {position:relative; margin-top:10px; background-color:#1d6fa3; color:#fff; z-index:0;}
.fstv_box:before {content:''; position:absolute; bottom:0; left:0; right:0; height:140px; background-color:#004674;}
.fstv_inner {padding:30px 30px 20px;}
.fstv_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.fstv_inner ul {display:block; position:relative;}
.fstv_inner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.fstv_snbox {display:block; width:50%;}
.fstv_snbox .tit {position:absolute; bottom:0; left:0; width:9%; height:100px; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:10;}
.fstv_snbox .tit.on {bottom:10px;}
.fstv_snbox .tit.tit01 {left:0; background-image:url(../images/main/mfestival_img01.jpg);}
.fstv_snbox .tit.tit02 {left:10%; background-image:url(../images/main/mfestival_img02.jpg);}
.fstv_snbox .tit.tit03 {left:20%; background-image:url(../images/main/mfestival_img03.jpg);}
.fstv_snbox .tit.tit04 {left:30%; background-image:url(../images/main/mfestival_img04.jpg);}
.fstv_snbox .tit.tit05 {left:40%; background-image:url(../images/main/mfestival_img05.jpg);}

.fstv_rbox,
.fstv_lbox {display:inline-block; width:50%;}

.fstv_rbox {padding-left:20px;}
.fstv_rbox img {}

.fstv_rbox {float:right;}
.fstv_lbox {float:left;}
.fstv_lbox .fstv_tit {margin-bottom:10px; font-family:'frankrl'; font-size:3.3rem; font-weight:500;}
.fstv_lbox .fstv_txt {overflow:hidden; margin-bottom:30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal;}
.fstv_lbox .fstv_txt:after {content:''; display:block; visibility:hidden; clear:both;}
.fstv_lbox .fstv_btn {padding:10px 20px; border:1px solid #ddd; color:#fff; text-decoration:none;}
.fstv_lbox .fstv_btn:hover,
.fstv_lbox .fstv_btn:active,
.fstv_lbox .fstv_btn:focus {background-color:#fff; color:#333; font-weight:500;}


/* media query */
@media screen and (max-width:1200px) {
	.fstv_lbox .fstv_tit {margin-bottom:0; font-size:2.8rem;}
}
@media screen and (max-width:1024px) {
	.fstv_inner {padding:20px 20px 15px;}
	.fstv_lbox .fstv_tit {font-size:2.4rem;}
	.fstv_lbox .fstv_txt {margin-bottom:20px; -webkit-line-clamp: 2;}
}
@media screen and (max-width:920px) {
	.fstv_box:before {bottom:unset; top:0; height:150px;}
	.fstv_inner {padding:20px 20px 30px;}
	.fstv_snbox {width:100%;}
	.fstv_snbox .tit {width:19%; top:10px;}
	.fstv_snbox .tit.on {top:-5px;}
	.fstv_snbox .tit.tit01 {left:0;}
	.fstv_snbox .tit.tit02 {left:20%;}
	.fstv_snbox .tit.tit03 {left:40%;}
	.fstv_snbox .tit.tit04 {left:60%;}
	.fstv_snbox .tit.tit05 {left:80%;}
	
	.fstv_list {padding-top:150px;}
	.fstv_rbox,
	.fstv_lbox {display:block; float:none; width:100%;}
	.fstv_rbox {padding-left:0;}
	.fstv_rbox img {width:100%;}
	.fstv_lbox {padding-top:20px;}
}
@media screen and (max-width:767px) {
  	.m_bgset03 h2 span {font-size:3.0rem;}
	.fstv_lbox .fstv_tit {font-size:2.0rem;}
}
@media screen and (max-width:640px) {
	.fstv_box:before {height:140px;}
	.fstv_list {padding-top:140px;}
	.fstv_inner {padding:15px 15px 25px;}
	.fstv_lbox {padding-top:10px;}
	.fstv_lbox .fstv_txt {margin-bottom:20px; -webkit-line-clamp: 2;}
	.fstv_lbox .fstv_btn {padding:5px 10px;}
}
@media screen and (max-width:480px) {
 	.m_bgset03 h2 span {font-size:2.6rem;}
	.fstv_box:before {height:110px;}
	.fstv_snbox .tit {height:70px;}
	.fstv_list {padding-top:110px;}
}
@media screen and (max-width:360px) {
}


/********************************
 section04
 *******************************/
.m_bgset.m_bgset04 {padding:50px 0 20px;}

.imgbtn_list ul {display:block; margin-left:-20px;}
.imgbtn_list li {display:inline-block; float:left; width:25%; padding-left:20px; text-align:center; color:#fff;}
.list_unit {height:330px; background-position:center center; background-repeat:no-repeat; background-size:auto; border-radius:10px;}
.list_unit.unit01 {background-image:url(../images/main/img_btn01.jpg);}
.list_unit.unit02 {background-image:url(../images/main/img_btn02.jpg);}
.list_unit.unit03 {background-image:url(../images/main/img_btn03.jpg);}
.list_unit.unit04 {background-image:url(../images/main/img_btn04.jpg);}
.list_unit .unit_inner {padding:118px 10px; border-radius:10px;}
.imgbtn_list li:hover .list_unit .unit_inner,
.imgbtn_list li:active .list_unit .unit_inner,
.imgbtn_list li:focus .list_unit .unit_inner {background-color:rgba(7,111,177,0.8);}

.list_unit .unit_tit {font-size:2.0rem; font-weight:500;}
.list_unit .unit_more {display:block; position:relative; margin:10px auto 0; padding:5px 15px; color:#fff; width:107px; height:45px;}
.list_unit .unit_more:before {content:''; position:absolute; left:27px; top:0; width:107px; height:45px; background:url(../images/main_ir.png) -292px -102px no-repeat;}


/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.m_bgset.m_bgset04 {padding:40px 0 20px;}
	.imgbtn_list li {width:50%; padding:0 0 20px 20px;}
	.list_unit {background-size:cover;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.m_bgset.m_bgset04 {padding:30px 0 20px;}
	.list_unit .unit_tit {font-size:1.8rem;}
}
@media screen and (max-width:480px) {
	.m_bgset.m_bgset04 {padding:20px 0;}
	.list_unit {height:250px;}
	.list_unit .unit_inner {padding:80px 10px;}
}
@media screen and (max-width:360px) {
}