@charset "utf-8";

#wrap{background:#fff;float: left;max-width: 100%;/* text-align: center; */}
#content{padding-left: 0;float: none;max-width: 100%;}

/* color */
.lastestTab>ul>li .menuTitle,
.pointColor{color:#1794ce;}
.bgColor{background:#1794ce;}
.border1{border:1px solid #dadada;background-color: #fff;padding: 9px;}

/* hover underline None */
.lastestTab a:hover .desc,
.lastestTab a:hover .date{display: inline-block;}


#wrap{background:#fff;float: left;max-width: 100%;/* text-align: center; */}
#content{padding-left: 0;float: none;max-width: 100%;}
#content h2{font-size: 36px;line-height: 50px;text-align: left; padding-top: 30px;margin-bottom: 15px;}
#content h2:before{display:none}
#content .container{padding-left: 0;padding-right: 0;}
#content em{color:#8fdbff;}




.visualSet{width:100%;margin: 0 auto;position: absolute;z-index: 10;}
.visual{ position:relative;z-index:10;width:100%;height:714px;margin:0 auto;}
.visualCtrl{position:absolute;z-index: 20;top:33%;margin-top: -20px;width: 100%;left: 0;}
.visualCtrl li{ float:left}
.visualCtrl button{position: absolute;z-index: 50;float:left;border:none;width:80px;height:80px;cursor:pointer;background: none;color: #877395;font-size: 50px;
	-moz-border-radius: 40px;-webkit-border-radius: 40px; border-radius: 40px;}
.visualCtrl button span{visibility:hidden}
.visualCtrl .visualPrev{left:0;background-size: 100% auto;}
.visualCtrl .visualNext{right:0;background-size: 100% auto;}
.visualCtrl .prevVisual{left:50px;background: url(/static/mayor/img/main/visualPrev.png) no-repeat; background-size: 100% 100%;}
.visualCtrl .nextVisual{ right:50px;background: url(/static/mayor/img/main/visualNext.png) no-repeat; background-size: 100% 100%;}

.visualCtrl .playVisual{right:150px;display:none;border:1px solid #fff;	color:#fff; background-color:rgba(0, 0, 0, .3);}
.visualCtrl .stopVisual{right:150px;display:block;border:1px solid #fff; 	color:#fff; background-color:rgba(0, 0, 0, .3);}
.visualCtrl .playVisual:before{content:"\f144"; }
.visualCtrl .stopVisual:before{content:"\f28b"; }
.visualArea{position: relative; z-index: 1; }
.visualArea>div{ float:left;position:absolute}
.visualArea div{ float:left;width:100%;height: 714px;position:relative;z-index:0;}
.visualArea div img{width: 100%;}
.visualArea .img{display: inline-block;float: left;width:100%;height: auto;height: 714px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover}
.visualPaging { text-align: center;position:absolute;z-index:200;top:420px;right:0}
.visualPaging a { width:15px; height:30px; margin: 0 5px 0 0; display: inline-block;}
.visualPaging a.selected { background-position: 0 0; cursor: default; }
.visualPaging a span { display: none; }



.lastestGroup{clear: both;margin:0 auto;overflow: hidden;display: inline-block;}
.lastestSet1{min-height: 470px;position: relative;z-index: 10;}
.lastestSet2{max-width:1300px;min-height:385px;position:relative;z-index:50;/* top: -244px; */margin: 0 auto;}
.lastestSet3{/*min-height:485px*/}

.lastestSet2>div{height: 385px;float: left;text-align: left;}
#content .lastestSet2 h2 {padding-top: 0;margin-bottom: 0;font-size: 30px; line-height: 40px;letter-spacing: -3px;margin-left:30px}
#content .lastestSet2 .lastestSet2_01 h2{margin-left:0}
.lastestSet2 .mayorDesc{text-align: left;margin-top: 16px;margin-bottom: 23px;font-size: 20px;line-height: 30px;color:#9b8761;letter-spacing: -1px;}
.lastestSet2 .mayor{position: absolute;right: -112px;top: 29px;}

#content .lastestSet2 .lastestSet2_01{padding-top:10px}
.lastestSet2_01{width: 539px;background: url(/static/mayor/img/main/lastestSet2_01.png) no-repeat;position: relative;padding-top: 58px;padding-left: 34px; z-index: 10}
.lastestSet2_02{width: 313px;background: url(/static/mayor/img/main/lastestSet2_02.png) no-repeat 100% 0;position: relative;vertical-align: top;line-height: 120%;z-index: 0}
.lastestSet2_03{width: 444px;background: url(/static/mayor/img/main/lastestSet2_03.png) no-repeat;position: relative;}

.b-link a{text-align: left;padding:0 10px 0 15px;display: block; max-width:190px;border:4px solid #b29c71;line-height: 42px;margin-bottom: 10px;margin-left: 7px;}
.b-link a:after{content:"\f054";float: right; color:#000;}

.lastestSet2_02 h2,
.lastestSet2_03 h2{margin-top: 60px}
.lastestSet2_02 h2{ margin-left: 30px;color:#445361;}
.lastestSet2_03 h2{margin-left:0;color:#fff;}
.lastestSet2_02 ul{text-align: center;padding:20px 30px;margin-right: 13px;}
.lastestSet2_02 li{display: inline-block;background-color: #fff; width: 90px;height: 90px;text-align: center; margin-right: 12px;margin-bottom: 15px;vertical-align: top;
	-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.lastestSet2_02 li a{font-size: 14px;display: block;}
.lastestSet2_02 a:before{content:"";width: 58px;height: 48px;display:block;margin:0 auto;}
.lastestSet2_02 .s2_01:before{background: url(/static/mayor/img/main/lastestSet2_02_01.gif) no-repeat;}
.lastestSet2_02 .s2_02:before{background: url(/static/mayor/img/main/lastestSet2_02_02.gif) no-repeat;}
.lastestSet2_02 .s2_03:before{background: url(/static/mayor/img/main/lastestSet2_02_03.gif) no-repeat;}
.lastestSet2_02 .s2_04:before{background: url(/static/mayor/img/main/lastestSet2_02_04.gif) no-repeat;}

#content .lastestSet2 .lastestSet2_03{padding-left: 25px;}
#content .lastestSet2 .lastestSet2_03 h2{margin-bottom: 15px;margin-left: 0;}
.lastestSet2_03 p{font-size: 20px;word-break: keep-all;color:#fff;line-height: 30px;letter-spacing: -1px;margin-bottom: 22px;}
.lastestSet2_03 .lt{width: 50%;float: left;}
.lastestSet2_03 .rt{width: 50%;float: left;}
.lastestSet2_03 .b-link a{border-color:#fff;color:#fff;margin-left: 0;}
.lastestSet2_03 .b-link a:after{float: right; color:#fff;}
.snsIcos{margin-top: 10px;}
#naver_id_login{margin-right: 15px;}
.snsIcos a{width: 75px;height: 75px;margin-right: 15px;margin-bottom: 15px;vertical-align: top;float: left;}
.snsIcos a img{width: 100%;height:auto;}
.snsIcos .snsico02,
.snsIcos .snsico03,
.snsIcos .snsico04{background-size: 100% 100%;}

.lastestSet3{position: relative;}
.more{position: absolute;right: 0;top: 0;}
#content .lastestSet3 h2 {display: inline-block;padding-top: 0;margin-bottom: 0;font-size: 24px; line-height: 40px;letter-spacing: -1px; background-color: #fff; padding-right: 20px;}
#content .lastestSet3 h2:before{content:"";display: inline-block;width: 40px;height: 33px; margin-right: 10px;background: url(/static/mayor/img/main/ico_camera.gif) no-repeat; vertical-align: middle;}
#content .lastestSet3 .hgroup{background: url(/static/mayor/img/main/h2Dot.gif) repeat-x 0 50%;margin-bottom: 25px;}

#content .hgroup h2{text-align: left;float: left;}
.lastestTab{}
.lastestTab h3{display:block;float: left;background-color: #f7fcff;}
.lastestTab h3 a{display: block;padding: 14px 35px 13px 35px;}
.lastestTab h3 a.on{border:1px solid #000;border-bottom-width:0; background: none;}
.lastestTab h3 a.last05{background: none;}
.lastestTab a{display: block;position: relative;width: 100%;height: 100%;}
.lastestTab>ul{clear: both;}
.lastestTab>ul.on{display: block;}
.lastestTab>ul>li{list-style: none;background-color: #fff;word-break: keep-all;margin-bottom: 20px;/*height: 370px;*/}
.lastestTab>ul>li a{border:1px solid #e5e5e6;display:block;}
.lastestTab>ul>li span.img{display: block;overflow: hidden;}
.lastestTab>ul>li span.img:after{content: '';display:block;padding-top:66.66%;}
.lastestTab>ul>li span.img img{position: absolute;left: 0;right: 0;top: 0;width: 100%;margin: 0 auto;}
.lastestTab>ul>li .info{position: absolute;bottom: 0;padding:10px 20px;background:rgba(0, 0, 0, 0.6);color:#fff; text-align: left;width: 100%;}
.lastestTab>ul>li .info .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.lastestTab>ul>li .inDesc{ background:#fff;color:#000;padding: 0;}
.lastestTab>ul>li .inDesc .title,
.lastestTab>ul>li .inDesc .desc{padding: 10px 20px 3px 20px;word-break: normal;}
.lastestTab>ul>li .inDesc .desc{padding-bottom: 20px;}
.lastestTab>ul>li .inDesc .date{display: block;width: 100%;font-size: 15px;line-height:40px;padding-left: 20px;background-color: #f4f4f4; border-top:1px solid #e5e5e5;}
.lastestTab>ul>li span,
.lastestTab>ul>li .menuTitle,
.lastestTab>ul>li .title{display: block;clear: both;}
.lastestTab>ul>li .title{font-size: 18px;}
.lastestSet3 .more{position: absolute;right: 0;top: 0;}
.lastestSet3 .more a{display: block;background-color: #fff; line-height: 40px;padding-left: 10px;}

/* 2022 개편 */

/*F1 s*/
.F1{background:url(/static/mayor/img/main/F1_bg.jpg) no-repeat center top;background-size: cover;}
.F1V{position:relative;text-align: left;}
.F1 .snsBox{display: inline-block;width: 100%;position: absolute;top: 30px;right: 0%;width: 238px;z-index: 3;}
.F1 .snsBox a{display: inline-block;margin: 0 2px;}
.F1 .textBoxOut{background: url(/static/mayor/img/main/F1_img01.png) no-repeat right bottom;background-size: 41% auto;}
.F1 .textBox{display: inline-block;padding-top: 118px;position: relative;}
.F1 .textBox p.font1{font-weight: 700;font-size: 52px;line-height: 70px;color: #1f9ed9;margin-bottom: 26px;margin-left: -9px;}
.F1 .textBox p.font2{font-weight: 700;font-size: 55px;line-height: 70px;color: #36485e;margin-bottom: 30px;}
.F1 .textBox p.font2 span {color: #ed6969;}
.F1 .textBox p.font3{font-size: 25px;line-height: 32px;letter-spacing: -1px;color: #000000;margin-bottom: 40px;}
.F1 .textBox p.font4{font-size: 18px;line-height: 28px;color: #36485e;margin-bottom: 62px;margin-left: -3px;}
.F1 .textBox p.font3 br.Bk{display:none;}
.mobFont4{display:none;}

/*F1 e*/

/*F2 s*/
.F2{background:url(/static/mayor/img/main/F2_bg.jpg) no-repeat center bottom;background-size: cover;}
.F2V{position:relative;text-align: right;}
.F2 .textBoxOut{background: url(/static/mayor/img/main/F2_img01.png) no-repeat left bottom;background-size: 43% auto;}
.F2 .textBox{text-align: left;width: 53%;display: inline-block;padding-top: 148px;padding-bottom: 95px;}
.F2 .textBox .font1{font-size: 36px;line-height: 50px;font-weight: 700;margin-bottom: 20px;letter-spacing: -1px;}
.F2 .textBox .font2{font-size: 20px;line-height: 43px;letter-spacing: -1px;color: #36485e;margin-bottom: 43px;}
.F2 .textBox .btnBox a{vertical-align: top;text-align: center;width: 170px;padding: 20px 0 0 0; height: 140px; display: inline-block;background: #ffffff;border-radius: 30px;margin-right: 30px;box-shadow: 0px 6px 13px rgb(0 0 0 / 27%);}
.F2 .textBox .btnBox a.First{padding: 21px 0 0 0; height: 140px;}
.F2 .textBox .btnBox a span{padding-top: 62px;display: inline-block;font-size: 19px;line-height: 25px;color: #ed6969;}
.F2 .textBox .btnBox a span.bg1{background: url(/static/mayor/img/main/F3_btn01_off.png) no-repeat center top;}
.F2 .textBox .btnBox a span.bg2{background: url(/static/mayor/img/main/F3_btn02_off.png) no-repeat center top;}
.F2 .textBox .btnBox a span.bg3{background: url(/static/mayor/img/main/F3_btn03_off.png) no-repeat center top;}
.F2 .textBox .btnBox a:hover{background:#ed6969;}
.F2 .textBox .btnBox a:hover span {color:#ffffff;}
.F2 .textBox .btnBox a:hover span.bg1{background: url(/static/mayor/img/main/F3_btn01_on.png) no-repeat center top;}
.F2 .textBox .btnBox a:hover span.bg2{background: url(/static/mayor/img/main/F3_btn02_on.png) no-repeat center top;}
.F2 .textBox .btnBox a:hover span.bg3{background: url(/static/mayor/img/main/F3_btn03_on.png) no-repeat center top;}
.F2 .textBox p.font1 br.Bk{display:none;}
.F2 .textBox p.font2 br.Bk{display:none;}
/*F2 e*/

/*F3 s*/
.F3{background:#fcf3f3;}
.F3V{text-align:center;}
.F3 .tit1{text-align: center;font-size: 40px;line-height: 55px;color: #ef8282;padding: 0 62px;margin-bottom: 34px;margin-top: 130px;display: inline-block;position:relative;}
.F3 .tit1 br{display:none;}
.F3 .tit1:before{content:'';position:absolute;left:0;top: -15px;width:53px;height:44px;background:url(/static/mayor/img/main/F3_dots01.png) no-repeat left top;}
.F3 .tit1:after{content:'';position:absolute;right:0;top: -15px;width:53px;height:44px;background:url(/static/mayor/img/main/F3_dots02.png) no-repeat left top;}
.F3 .tit2{text-align: center;font-size: 51px;line-height: 56px;font-weight: 700;color: #333333;margin-bottom: 34px;}
.F3 .explanation-box{width: 85%;margin: 0 auto;padding: 20px 0 120px 0;}
.F3 .explanation-box h2{font-size:25px;color:#fff;text-align:center;padding:75px 0 0 0;}
.F3 .explanation-box > ul > li {margin-bottom: 14px;display: block;}
.F3 .explanation-box .box_1 > li > .sBox{color: #000000;background: #ffffff;display:block;padding: 10px 20px 20px 20px;font-size: 21px;border: 2px solid #ffb1b1;border-radius: 17px;text-align: left;position: relative;height: auto;box-shadow: 0px 6px 11px rgb(0 0 0 / 14%);}
.F3 .explanation-box .box_1 > li > .sBox > span.num{padding: 10px 0px;color:#ffffff;background: #ed6969;margin-right: 0;width: 46px;display: inline-block;text-align: center;border-radius: 1000px;vertical-align: top;position: absolute;top: 50%;margin-top: -23px;}
.F3 .explanation-box .box_1 > li > .sBox > span.con{width: calc(100% - 62px);display:block;overflow: hidden;margin-top: 11px;margin-left: 66px;color: #474747;word-break: keep-all;}
.F3 .explanation-box .box_1 > li > .sBox.on{color: #000000;background: #ffffff;}
.F3 .explanation-box .box_2{border-top: 1px solid #d8e0e3;display:none;padding: 40px 20px;}
.F3 .explanation-box .box_2 > li > .sBox{ background:#f5f5f5; padding:8px 10px;display:block;}
/*F3 e*/

/* font */
*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p, h1,h2,h3,h4,h5,a,input,select,textarea {margin: 0px;padding: 0px;font-family: 'S-CoreDream';font-weight: 400;list-style: none;word-break: keep-all;font-size: 14px;line-height: 1.6em;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0;}
a{text-decoration: none;vertical-align: middle;color: #434343;transition:all 0.1s ease-in-out;}
/*a:focus{border:1px solid #000000;}*/
img{border: 0; vertical-align: middle; margin:0; padding: 0; border: 0;max-width: 100%;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
.tC{text-align:center !important;}
.tL{text-align:left !important;}
.tR{text-align:right !important;}
.bdNo{border: none !important;}
.displayNone{display: none !important;}

#skipNavigation {position: absolute; left: 0; top: -2px; width: 100%; z-index: 10000;}
#skipNavigation a {display: block;position: absolute;left: 0;top: -10px;width: 100%;height: 1px;padding: 5px 0;margin-bottom: -1px;background: #2255a3;font-size: 0;text-align: center;font-weight: bold;color: #fff;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 20px; padding: 4px; font-size: 13px;}

#wrap{position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
#header{margin: 0 auto;background: #ffffff;}
#header.on{background:#ffffff;}
#logo{float: left;width: 415px;text-align: left;margin-top: 32px;margin-left: 5px;}
#logo img{width: 146px;max-width: none;display: inline-block;}
#logo > a{display: inline-block;}
#logo > a span{letter-spacing: -1px;display: inline-block;font-size: 27px;line-height: 30px;color: #000000;margin-top: 5px;margin-left: 9px;vertical-align: top;}
#header-top{background:#2255a3;}
.width-auto{width: 1300px;margin:0 auto;}
#container.main .width-auto{width: 1920px;margin:0 auto;}
#container.main{overflow: hidden; }


/*menu-s*/
.menu-area{float: right;width: calc(100% - 440px);}
.menu-area .mob-top{display:none;}
.menu-area .mob-top .G1{text-align: center;padding: 45px 0 14px 0;}
.menu-area .mob-top .G1 .logoMob{display: inline-block;margin: 0 auto;width: 226px;height: auto;}
.gnb-depth1 > li{padding: 0 4% 0 3%;display: inline-block;position: relative;}
.gnb-depth1 > li:last-child{margin-right: 0;}
.gnb-depth1 {text-align: right;}
.gnb-depth1 > li > a{position: relative;box-sizing: border-box;display: block;line-height: 27px;font-size: 21px;color: #434343;z-index: 9999;padding: 37px 0px 32px 0px;}
.gnb-depth1 > li > a:hover{color:#1f9ed9;}
.gnb-depth1 > li > a.Nodepth:hover{color:#1f9ed9;}
.gnb-depth1 > li.on > a{color:#1f9ed9;}
.gnb-depth2{position: absolute;left: 0px;top: 95px;width: calc(100% + 3px);margin-left: -3px;z-index: 999;}
.gnb-depth2 > ul{padding-top: 25px;padding-bottom: 2px;}
.gnb-depth2 > ul > li{width: 100%;margin-right: 0;position: relative;text-align: center;display: inline-block;vertical-align: top;}
.gnb-depth2 > ul > li:last-child{margin-bottom:0;margin-right:0;}
.gnb-depth2 > ul > li:last-child > a{margin-right:0;}
.gnb-depth2 > ul > li > a{font-size: 16px;line-height: 24px;display: inline-block;padding: 0px 5px 15px 0px;width: 100%;word-break: keep-all;text-align: center;color: #ffffff;}
.gnb-depth2 > ul > li > a:hover{color: #1f9ed9;}
.gnb-depth2 > ul > li.on > a{color:#1f9ed9;text-decoration:underline;}
.gnb-depth2 > ul > li > ul{margin-top: 8px;padding-left: 20px;}
.gnb-depth2 > ul > li > ul > li{margin-top: 3px;}
.gnb-depth2 > ul > li > ul > li > a{font-size: 14px;color: #000;padding-left: 8px;display: inline-block;position:relative;}
.gnb-depth2 > ul > li > ul > li > a:hover{opacity: 1;}
.gnb-depth2 > ul > li > ul > li > a:hover:after{content:'';position:absolute;left:9px;bottom:0;background:#ffffff;height:1px;width:100%;}
.all-menu-open{float: right;width:17px;height:17px;background:url(/static/mayor/img/common/all_menu_open.png) no-repeat left top;margin-top: 40px;margin-right: 20px;}
.all-menu-open.on{background:url(/static/mayor/img/common/all_menu_close.png) no-repeat left top ;}
.header-Part .login-btn{display:none;}
.menu-open{display: none;position: absolute;right: 15px;top: 60px;margin-top: -15px;z-index:97;}
.menu-out{display: none;position: absolute;right: 33px;top: 26px;z-index:999;padding: 0;width: 29px;height: 29px;text-align: center;}
.menu_bg{display: none;position: absolute;left: 0px;top: 148px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 9;border-top: 1px solid #e4e3e7;}
.menu_bg_a{display: none;position: absolute;left: 0px;top: 145px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 9;border-top: 1px solid #e4e3e7;}
.menu_bg2{display: none !important;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 101;}
.header-Part{position:relative;background: #ffffff;}
.heightS{height:0px;position: absolute;left: 0px;top: 95px;width: 100%;z-index: 15;background: rgba(0,0,0,0.5);border-top: 1px solid #dddddd;}
.mayor-sns{width: 41px; height: 41px;}
.point{font-size: 29px; color: #cb2145;}

@media screen and (max-width:1920px) {
	#container.main .width-auto{width: calc(100% - 0px);padding: 0;}
}

@media (max-width: 1380px){
	/* commo Size */
	.lastestSet2,
	#content .container{max-width: 1000px;}
	.lastestSet2_01{width: 41%;}
	.lastestSet2_02{width: 24%;}
	#content .lastestSet2 .lastestSet2_03{width: 35%;}
	.lastestSet2_02 ul{padding: 20px 10px;	}
	.lastestSet2_02 li{margin-right: 3%;margin-bottom: 5px;vertical-align: top;}


	/* */
	.lastestSet1{min-height: 330px;}
	.visual{height: 520px;}
	.visualArea .img{height: 520px;}
	.visualPaging{top: 280px;}
	.visualCtrl button{width:60px;height:60px;font-size: 40px;}
	.visualCtrl .prevVisual{left:50px;}
	.visualCtrl .nextVisual{ right:50px;}
	.visualCtrl .playVisual{right:120px}
	.visualCtrl .stopVisual{right:120px}


	.lastestSet2 .mayor{width: 240px;height: auto;top: 160px;right: -80px;}
	.lastestSet2_02{z-index: 0;}
	.snsIcos a{width: 60px;height: 60px;}

}

@media screen and (max-width:1300px) {
	.F2 .textBox{width: 57%;}
	.F2 .textBoxOut{background-size: 39% auto;}
	/*common-s*/
	.width-auto{width: calc(100% - 20px);padding: 0 10px;}
	.gnb-depth1 > li > a{font-size: 20px;line-height: 27px;}
	.gnb-depth2 > ul > li > a{font-size: 15px;line-height: 24px;}
	.gnb-depth1 > li{padding: 0 6% 0 0;}
	/*common-e*/
}


@media (max-width: 1200px){
	/* commo Size */
	.lastestSet2,
	#content .container{max-width: 1000px;}
	.F1 .textBoxOut{background-size: 32% auto;}
	.F2 .textBox .btnBox a{margin-right: 10px;width: 147px;}
}

@media screen and (max-width: 1024px) {
	/*common-s*/
	#wrap{width: 100%;margin: 0 auto;min-height: auto;background: none;}
	#header{width: 100%;}
	#logo{position:static;float: none;margin: 0 auto;overflow: visible;}
	.menu-area .mob-top .G1 .logoMob{margin-left: -20px;}
	.menu-area .mob-top{display:block;position:relative;color: #ffffff;font-size: 21px;line-height: 28px;}
	.menu-area .mob-top .menu-out{position: absolute;right: 18px;right: 22px;top: 28px;}
	.header-Part .login-btn{display:block;position: absolute;right: 68px;top: 5px;display: none;}
	.menu-area{display: none;background: url(/static/mayor/img/common/menu_bg_mob.png) repeat left top;position: fixed;right: 0;top: 0;z-index: 999999999;width: 100%;height: 100%;overflow: auto;float: none;margin-right: 0;}
	.menu-open{display: inline-block !important;right: 20px;top: 43px;}
	.gnb-depth2{position: static;padding-left: 0;box-sizing: border-box;width: 100%;height: auto;padding: 0 0 10px 0;min-height: auto;border: 0;overflow: hidden;border-top: 1px solid #263853;}
	.mor-top{display: block;}
	.menu-out{display: none;}
	.gnb-depth1 > li{padding: 0;border-bottom: none;}
	.gnb-depth1 > li {float: left;padding: 0 38px;position: relative;}
	.gnb-depth1 > li > a{padding: 23px 43px 18px 43px;font-size: 28px;line-height: 34px;font-weight: normal;/*background: url(/static/mayor/img/common/menu_dep01_bg_off.png) no-repeat 100% 30px;*/color: #ffffff;position: relative;display: inline-block;font-family: 'GmarketSansMedium' !important;}
	.gnb-depth1 > li > a.on{color: #1f9ed9;background: url(/static/mayor/img/common/menu_dep01_bg_on.png) no-repeat 100% 30px;}
	.gnb-depth1 > li > a.Nodepth{padding: 30px 0px 23px 0px;background: none;}
	.gnb-depth1 > li > a > span{position: relative;}
	.gnb-depth1 > li > a:hover:after{display:none;}
	.gnb-depth2 > ul{width: 100%;border-top: none;overflow: hidden;padding: 0;box-sizing: border-box;margin-top: 0;}
	.gnb-depth2 > ul > li:last-child{border-bottom: none;}
	.gnb-depth2 > ul > li > a{position:relative;background: none;text-align: left;padding: 0;font-size: 22px;line-height: 30px;color: #ffffff;display: block;border: 0;border-radius: 0;margin-right: 0;margin-bottom: 0;width: 100%;padding-left: 18px;text-align: center;padding: 8px 5px;}
	.gnb-depth2 > ul > li > a:before{display: none;content:'';position:absolute;left:0;top: 6px;width: 9px;height:2px;background:#454a90;}
	.head-btn{margin-top: 30px;margin-left: 20px;margin-right: 20px;margin-bottom: 50px;}
	.menu-all-open{display:none;}
	.header-top-btn{margin-right: 20px;}
	.menu-imgtxt{display:none;}
	.gnb-depth2 > ul > li{width: 100%;margin-left: 0;border: 0;margin-right: 0;}
	.gnb-depth2 > ul > li.on > a{width: calc(100% - 53px);position:relative;color: #666666;text-decoration: none;}
	.menu_bg3{display:none;}
	.menu-area {margin-left: 0 !important;}
	.gnb-depth1 > li {width: 100%;float: none;text-align: center;border-radius: 15px;padding: 0;overflow: hidden;margin-bottom: 0;position: relative;border-bottom: 1px solid #263853;background: url(/static/mayor/img/common/menu_list.jpg) no-repeat 20px center;}
	.gnb-depth2 > ul > li > a.L2{padding: 15px 10px 15px 20px;}
	.gnb-depth1 > li > a:before{content:'';width:4px;height:4px;background: #fff;position:absolute;left: 13px;top: 22px;z-index: 99999999;display: none;}
	.gnb-depth2 > ul > li > a:hover{border: 0;color:#1f9ed9;font-weight: normal;}
	.gnb-depth2 > ul > li > a.in{background: url(/static/mayor/img/common/menu_dep02_bg_off.png) no-repeat 94% center;}
	.gnb-depth2 > ul > li > a.in.on{background: url(/static/mayor/img/common/menu_dep02_bg_on.png) no-repeat 94% center;border-bottom: 0;}
	.gnb-depth2.bg1 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.gnb-depth2.bg2 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.gnb-depth2.bg3 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.gnb-depth2.bg4 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.gnb-depth2.bg5 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.gnb-depth2.bg6 ul {padding-bottom: 0;text-align: left;margin-top: 0px;}
	.header-Line{display:none;}
	.header-Part{padding: 27px 0 19px 0;border-bottom: 1px solid #73b3f3;}
	.heightS{display:none !important;}
	#gnb{width: 100%;margin: 0 auto;border-top: 1px solid #263853;}
	.all-menu-open{display:none;}

}
@media (max-width: 1000px){
	/* commo Size */
	.lastestSet1{min-height: 300px;}
	.lastestSet2,
	#content .container{max-width: 768px;}
	.lastestSet2_01{width: 65%;background-size: 100% 100%;}
	.lastestSet2_02{width: 35%;background-size: 100% 100%;}
	#content .lastestSet2 .lastestSet2_03{width:100%; background-size: 100% 100%;}
	.visualArea .img{height: 420px;}
	.lastestSet2 .mayor{top: 140px;right: -70px;width:300px;}

}

@media screen and (max-width:920px) {
	.F2 .textBox .btnBox a{margin-right: 5px;width: 127px;padding: 27px 0 0 0;height: 142px;}
	.F2 .textBox .btnBox a span{font-size: 16px;line-height: 23px;padding-top: 60px;}
	.F2 .textBox .btnBox a {padding: 15px 0 0 0;height: 142px;}
	.F1 .textBox{padding-top: 117px;}
	.F2 .textBox{padding-top: 78px;}
}

@media screen and (max-width:768px) {
	.F1 .textBoxOut{padding-bottom: 50px;background: none;}
	.F1 .textBox p.font4{width: 180px;position: absolute;right: 145px;bottom: -163px;}
	.F1 .textBox p.font4 img{width:100%;}
	.F1 .textBox p.font1{font-size: 47px;line-height: 60px;width: 95%;margin: 0 auto;margin-bottom: 0;}
	.F1 .textBox p.font2{font-size: 47px;line-height: 60px;}
	.F1 .snsBox{width: 176px;top: auto;right: calc(50% - 88px);bottom: 15px;}
	.F1 .snsBox a{width: 40px;margin: 0 0px;}
	.F1 .snsBox a img {width:100%;}
	.F1 .textBox {padding-top: 20px;}
	.F1 .textBox p.font3{text-align:center;font-size: 16px;line-height: 22px;padding-top: 243px;background: url(/static/mayor/img/main/F1_img01.png) no-repeat center top;background-size: 200px;}
	.F1 .textBox p.font3 .point{font-size:20px;}
	.F1 .textBox p.font3 br.Bk{display:block;}
	.F2 .textBox{width:100%;padding-bottom: 20px;padding-top: 50px;}
	.F2 .textBoxOut{padding-bottom: 290px;background: url(/static/mayor/img/main/F2_img01.png) no-repeat center bottom;background-size: 290px auto;}
	.F2 .textBox .btnBox a{width: calc(100% / 3 - 8px);margin-right: 0;margin: 0 2px;}
	.F2 .textBox .font2{margin-bottom: 45px; text-align:center; }
	.F2 .textBox p.font1 br.Bk{display:block;}
	.F2 .textBox p.font2 br.Bk{display:block;}
	.F2 .textBox .font1{text-align:center;margin-bottom: 27px;}
	.F3 .tit1{font-size: 34px;line-height: 47px;margin-top: 90px;margin-bottom: 25px;}
	.F3 .tit2{font-size: 35px;line-height: 54px;margin-bottom: 5px;}
	.F3 .explanation-box{padding: 20px 0 50px 0;}
	.F3 .tit1 br{display:block;}
	.F2 .textBox .btnBox a span{font-size: 20px;line-height: 28px;padding-top: 60px;}

	.mobFont4{display:block;width: 200px;position: absolute;bottom: 65px;right: 188px;width: 180px;z-index: 3;}
	.mobFont4 img{width:100%;}
	.F1 .textBox p.font4{display:none;}

	/*common-s*/
	#wrap{width: 100%;margin: 0 auto;min-height: auto;background: none;}
	#gnb{width: calc(100% - 0px);padding: 0 0;margin-top: 17px;}
	/*common-e*/
	.F1 .textBoxOut{padding-bottom: 20px;}
}

@media (max-width: 767px){
	/* commo Size */
	.lastestSet2_01,
	.lastestSet2_02{width: 50%;background-size: 100% 100%;}
	#content .lastestSet2 .lastestSet2_03{width:100%; background-size: 100% 100%;}
	.lastestSet2, #content .container{max-width:600px}

	.lastestSet1{min-height: 240px;}
	.visualCtrl{top: 37%;}
	.visualPaging{top: 180px;}
	.visualCtrl button{width:40px;height:40px;font-size: 20px;}
	.visualCtrl .prevVisual{left:20px;}
	.visualCtrl .nextVisual{ right:20px;}
	.visualCtrl .playVisual{right:80px}
	.visualCtrl .stopVisual{right:80px}
	.visualArea .img{height: 320px;}

	.lastestSet2 .mayorDesc{font-size:18px;}
	.lastestSet2 .mayor{width: 235px;right: -160px;top: 191px;}
	.visualPaging{top:220px}
}


@media (max-width: 559px){
	/* commo Size */
	.lastestSet2_01,
	.lastestSet2_02,
	#content .lastestSet2 .lastestSet2_03{width:100%; background-size: 100% 100%;}
	.lastestSet2,
	#content .container{max-width: 320px;}
	.lastestSet2_01{padding-top:30px}
	.lastestSet2 .mayor{width: 175px;right: 140px;top: 176px;}

	#content .lastestSet2 h2{font-size: 24px;letter-spacing: 0;margin-top:20px;}
	.snsIcos a{width: 40px;height: 40px;}
	.snsIcos a img{width: 100%;height: 100%;}

	.lastestSet2>div{height: auto;padding-bottom: 30px;}
	.lastestSet2_03 p{font-size: 16px;}
	.b-link{width: 100%;display: block;}
	.b-link li{text-align:right;}
	.b-link li a{display:inline-block;width:100%;}
	.lastestSet2_03 .lt{width: 60%;}
	.lastestSet2_03 .rt{width: 40%;}
	#content .lastestSet2 .lastestSet2_03{height: auto;padding-bottom: 30px;padding-left: 20px;}

	.lastestTab>ul>li{padding-left: 2px;padding-right: 2px;}
	.lastestTab>ul>li .inDesc .title, .lastestTab>ul>li .inDesc .desc{padding: 5px 10px 3px 10px;overflow: hidden;font-size: 12px;word-break: normal;line-height: 20px;}
}

@media screen and (max-width:460px) {
	.F2 .textBox .btnBox a span{font-size: 17px;line-height: 24px;padding-top: 60px;}
}

@media screen and (max-width: 540px) {
	.gnb-depth2 > ul > li{width: calc(100% - 0px);}
}

@media screen and (max-width: 500px) {
	#logo{width: 150px; }
	#logo > a span{display:none;}
	.F2 .textBox .font1{font-size: 29px;}
	.F2 .textBox .font2{line-height: 30px; font-size: 18px;}
}

@media screen and (max-width:420px) {
	.F1 .textBox p.font4{width: 155px;position: absolute;right: 183px;bottom: -163px;}
	.mobFont4{width: 150px;right: calc(50% - 75px);}
}

@media screen and (max-width:360px) {
	#wrap{width: 360px;}
}

@media screen and (max-width: 350px) {
	#wrap{width: 350px;}
	.menu-area{width: 350px;}
}

@media screen and (max-width: 320px) {
	#wrap{width: 350px;}
	.menu-area{width: 350px;}
	.F3 .tit1{font-size: 28px;}
}

/*   2023/3/10   */
@media screen and (min-width: 1025px) {
.header-bm.n23 .menu-box{padding-right: 20px;}
.depth1{display: flex;  justify-content: space-evenly; align-items: center;}
.depth1 > li{float: none;  width: auto;}
.header-bm.n23  .depth1 > li > a{ padding: 8px 4px;}

.menu-sw img{vertical-align: top; margin-top: 2px;}
}
@media screen and (max-width: 1024px) {
.header-bm.n23  .depth1 > li > a{padding: 2px; height: 64px; line-height: 20px; word-break: keep-all; display: flex; flex-wrap: wrap; justify-content: center;  align-items: center;}

}