body{overflow-x: hidden;}

header .gnb-box-flex h1.logo a.side {background: none !important; color: #5289c1 !important;}


.main-wrap{padding-top:148px;}

@media all and (max-width:1600px){
.main-wrap{width:100%; overflow-x:hidden;}
}
@media all and (max-width:1000px){
.main-wrap{padding-top:80px}
}
@media all and (max-width:480px){
.main-wrap{padding-top:55px}
}


.main-wrap{width:1600px; margin:0 auto; margin-bottom:80px; font-family:'GmarketSans'; /*padding-top: 0;*/}

/* .msec-vis */
.main-wrap .msec-vis{margin-bottom:80px;}
.main-wrap .msec-vis:after{clear:both; content:""; display:block;}

/* .msec-vis .vis */
.main-wrap .msec-vis .vis{position: relative; width:1100px; height:320px; float:right;}
.main-wrap .msec-vis .vis .mainSlide {width: 100%; position: relative; /* pointer-events: none; */}
.main-wrap .msec-vis .vis .mainSlide .slick-list {overflow: visible;}
.main-wrap .msec-vis .vis .mainSlide li {width: 100%; height: 320px; position: relative;}
.main-wrap .msec-vis .vis .mainSlide li:before{position:absolute; left:0px; top:0px; width:1252px; height:100%;
content:""; background-image:url("/images/Town/images/main/main-vis-js.jpg"); background-position:
top center; background-size:cover; background-repeat: no-repeat;}
.main-wrap .msec-vis .vis .mainSlide li.type01::before
{background-image:url("/images/Town/images/main/mainSlide1.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type02::before
{background-image:url("/images/Town/images/main/mainSlide2.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type03::before
{background-image:url("/images/Town/images/main/mainSlide3.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type04::before
{background-image:url("/images/Town/images/main/mainSlide4.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type05::before
{background-image:url("/images/Town/images/main/mainSlide5.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type06::before
{background-image:url("/images/Town/images/main/mainSlide6.jpg");}
.main-wrap .msec-vis .vis .mainSlide li.type07::before
{background-image:url("/images/Town/images/main/mainSlide7.jpg");}

.main-wrap .msec-vis .vis .add{position:absolute; bottom:20px; right:0; padding:12px 24px; border-radius:20px;
background:rgba(0, 0, 0, 0.5); z-index: 10; -webkit-user-select:all;}
.main-wrap .msec-vis .vis .add span{display:block; padding-left:35px; font-size:15px; color:#fff; line-height:120%;
background:url("/images/Town/images/main/add-icon.png") top left no-repeat;}

/* .msec-vis .eup-infos */
.main-wrap .msec-vis .eup-infos{position:relative; float:left; width:500px; box-sizing:border-box; padding:50px 40px
30px 0px;}
.main-wrap .msec-vis .eup-infos:before{position:absolute; right:0px; top:0px; width:660px; height:100%;
border-radius:0px 0px 30px 0px; content:""; background:url("/images/Town/images/main/eup-infos-bg.png") top right
no-repeat; background-size:cover; z-index: -1;}

.main-wrap .msec-vis .eup-infos .title-telfax{position:relative; z-index:2; line-height:120%; margin-bottom:70px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title{font-size:20px; color:#fff; font-family:'GmarketSansM';
text-shadow:1px 1px 0px #000; margin-bottom:20px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title strong{font-size:35px; font-family:'GmarketSansB';}

.main-wrap .msec-vis .mainSlide li .telfax{font-size:0px; position: absolute; top:97px; left: -490px;}
.main-wrap .msec-vis .mainSlide li .telfax .num{position:relative; display:inline-block; vertical-align:top;
color:#fff;}
.main-wrap .msec-vis .mainSlide li .telfax .num i{display:block; padding-left:34px; font-size:15px; font-style:normal;
line-height:160%;}
.main-wrap .msec-vis .mainSlide li .telfax .num:before{position:absolute; top:0px; left:0px; width:1px; height:20px;
background:#fff; content:"";}

.main-wrap .msec-vis .mainSlide li .telfax .num.tel{padding-right:20px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.tel:before{display:none;}
.main-wrap .msec-vis .mainSlide li .telfax .num.tel i{background:url("/images/Town/images/main/tel-icon.png") left
no-repeat;}

.main-wrap .msec-vis .mainSlide li .telfax .num.fax{padding-left:20px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.fax i{background:url("/images/Town/images/main/fax-icon.png") left
no-repeat;}


/* s:직원안내추가 */

.eup-infos .eups .num.employee {position: absolute; top: -38px; left: 0; margin-left: 21em; display:none;}
.eup-infos .eups .num.employee a {color: #f6f165; font-family: 'GmarketSans'; font-weight: 700; font-size: 15px; background-color: #3e4784; display: inline-block; padding: 5px 20px 2px; border-radius: 50px; margin-top: -5px;}

@media screen and (max-width: 680px) {.eup-infos .eups .num.employee {display:block;}}
@media screen and (max-width: 480px) {
    .eup-infos .eups .num.employee {margin-left: 18.2em;}
    .eup-infos .eups .num.employee a {font-size: 14px; padding: 4px 14px 0px; white-space: nowrap;}
}
@media screen and (max-width: 360px) {
    .main-wrap .msec-vis .eup-infos .title-telfax {margin-bottom: 50px !important;}
    .main-wrap .msec-vis .mainSlide li .telfax .num:before {display: none;}
    .eup-infos .eups .num.employee {margin-left: 15.2em; top: -4.9em;}
}
@media screen and (max-width: 320px) {
.eup-infos .eups .num.employee {margin-left: 14.7em;}
.eup-infos .eups .num.employee a {font-size: 13px; padding: 4px 10px 0px;}
}

/* e:직원안내추가 */


.main-wrap .msec-vis .eup-infos .eups{position:relative; z-index:2; padding-top:35px; border-top:1px solid #fff;}
.main-wrap .msec-vis .eup-infos .eups .btns{margin:0px -2%;}
.main-wrap .msec-vis .eup-infos .eups .btns:after{clear:both; content:""; display:block;}
.main-wrap .msec-vis .eup-infos .eups .btns .slick-list {padding: 0 !important;}
.main-wrap .msec-vis .eup-infos .eups .btns .slick-list .slick-track {transform: translate3d(0,0,0) !important;}
.main-wrap .msec-vis .eup-infos .eups .btns li{margin:0px 2% 30px 2%; width:20.333333333333% !important; float:left; }
.main-wrap .msec-vis .eup-infos .eups .btns li a{display:block; padding:10px 10px 5px 10px; background:#fff;
border-radius:60px; text-align:center; transition-duration: 0.5s;}
.main-wrap .msec-vis .eup-infos .eups .btns li.slick-current a,
.main-wrap .msec-vis .eup-infos .eups .btns li:hover a {background-color: #313c50 !important;}
.main-wrap .msec-vis .eup-infos .eups .btns li.slick-current a span,
.main-wrap .msec-vis .eup-infos .eups .btns li:hover a span {color: #fff;}
.main-wrap .msec-vis .eup-infos .eups .btns li a span{font-size:16px; color:#3f6086; line-height:120%;}


@media all and (max-width:1600px){
.main-wrap{width:100%; overflow-x:hidden; margin-bottom:40px;}

.main-wrap .msec-vis{margin-bottom:50px;}

.main-wrap .msec-vis .vis{width:70%;}
.main-wrap .msec-vis .vis .mainSlide li::before{width:100%; height:100%;}

.main-wrap .msec-vis .vis .add{bottom:20px; right:20px;}

.main-wrap .msec-vis .eup-infos{width:30%; padding:50px 40px 30px 30px;}
.main-wrap .msec-vis .eup-infos:before{width:100%; height:100%;}

.main-wrap .msec-vis .mainSlide li .telfax {left: -415px;}
}

@media all and (max-width:1400px){
.main-wrap .msec-vis .vis{width:60%;}

.main-wrap .msec-vis .eup-infos{width:40%;}
.main-wrap .msec-vis .mainSlide li .telfax {left: -60%;}
}

@media all and (max-width:1000px){
header .topHeader.on, header .topHeader.active {background-color: #576178;}
.main-wrap{margin-bottom:20px;}
.main-wrap .msec-vis{margin-bottom:30px;}

.main-wrap .msec-vis .vis{width:48%;}
.main-wrap .msec-vis .vis .add{width:89%; box-sizing:border-box;}

.main-wrap .msec-vis .eup-infos{width:52%;}

.main-wrap .msec-vis .mainSlide li .telfax {left: -100%;}
}

@media all and (max-width: 780px) {
    .main-wrap .msec-vis .eup-infos .title-telfax .title{font-size:18px;}
    .main-wrap .msec-vis .eup-infos .title-telfax .title strong{font-size:30px;}
}

@media all and (max-width:680px){
.main-wrap .msec-vis .vis{width:100%; position: relative; height:160px;}
.main-wrap .msec-vis .vis .mainSlide li {height: 160px;}

.main-wrap .msec-vis .eup-infos{width:100%; padding:30px 20px 10px 20px;}
.main-wrap .msec-vis .eup-infos .title-telfax{margin-bottom:20px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title{font-size:16px; margin-bottom:55px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title strong{font-size:28px;}

.main-wrap .msec-vis .mainSlide li .telfax{font-size:0px; top: 230px; left: 20px;}
.main-wrap .msec-vis .mainSlide li .telfax .num i{padding-left:24px; font-size:14px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.tel i{background-size:18px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.fax i{background-size:18px;}

.main-wrap .msec-vis .eup-infos .eups{padding-top:20px;}
.main-wrap .msec-vis .eup-infos .eups .btns{margin:0px -2%;}
.main-wrap .msec-vis .eup-infos .eups .btns li{margin:0px 2% 15px 2%;}
.main-wrap .msec-vis .eup-infos .eups .btns li a{padding:6px 5px;}
.main-wrap .msec-vis .eup-infos .eups .btns li a span{font-size:16px;}
}

@media all and (max-width:480px) {
.main-wrap .msec-vis{margin-bottom:20px;}
.main-wrap .msec-vis .eup-infos{padding:20px 15px 10px 15px;}
.main-wrap .msec-vis .eup-infos .title-telfax{margin-bottom:50px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title{font-size:15px; margin-bottom:10px;}
.main-wrap .msec-vis .eup-infos .title-telfax .title strong{font-size:24px;}

.main-wrap .msec-vis .mainSlide li .telfax {top: 215px;}
.main-wrap .msec-vis .mainSlide li .telfax .num i{padding-left:20px; font-size:13px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.tel{padding-right:10px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.tel i{background-size:14px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.fax{padding-left:10px;}
.main-wrap .msec-vis .mainSlide li .telfax .num.fax i{background-size:14px;}

.main-wrap .msec-vis .eup-infos .eups{padding-top:15px;}
.main-wrap .msec-vis .eup-infos .eups .btns{margin:0px -2%;}
.main-wrap .msec-vis .eup-infos .eups .btns li{margin:0px 2% 10px 2%;}
.main-wrap .msec-vis .eup-infos .eups .btns li a{padding:5px 5px;}
.main-wrap .msec-vis .eup-infos .eups .btns li a span{font-size:14px;}
}


/* .msec-vis .links-board-btns */
.main-wrap .links-board-btns{display: flex;}
.main-wrap .links-board-btns:after{clear:both; content:""; display:block;}

.main-wrap .links-board-btns .links{width:365px; margin-right:50px; float:left;}
.main-wrap .links-board-btns .links .link{display:block; width:100%; background:#000; box-sizing:border-box;
border-radius:16px; padding:35px;}
.main-wrap .links-board-btns .links .link .btxt{display:block; font-size:25px; color:#000; margin-bottom:30px;
line-height:120%; text-shadow:1px 1px 0px #fff;}
.main-wrap .links-board-btns .links .link .btxt strong{font-family:'Gmarket Sans';}
.main-wrap .links-board-btns .links .link .btn{display:inline-block; font-size:14px; color:#fff; padding:8px 15px;
line-height:100%; border-radius:20px; background:green;}

.main-wrap .links-board-btns .links .link.pro{background:url("/images/Town/images/main/links-bg-pro.jpg") right
no-repeat; background-size:cover; margin-bottom:25px;}
.main-wrap .links-board-btns .links .link.pro .btxt{color:#1f8a31;}
.main-wrap .links-board-btns .links .link.pro .btn{background:#336647;}

.main-wrap .links-board-btns .links .link.heal{background:url("/images/Town/images/main/links-bg-heal.jpg") right
no-repeat; background-size:cover;}
.main-wrap .links-board-btns .links .link.heal .btxt{color:#246fac;}
.main-wrap .links-board-btns .links .link.heal .btn{background:#467194;}

@media all and (max-width:1600px){
.main-wrap .links-board-btns .links{width:22%; margin-right:2%;}
}

@media all and (max-width:1400px){
.main-wrap .links-board-btns .links{width:33%; margin-right:2%;}
}

@media all and (max-width:1000px){
.main-wrap .links-board-btns .links{width:100%; margin-right:0%; margin-bottom:30px;}
.main-wrap .links-board-btns .links .link{padding:20px;}
.main-wrap .links-board-btns .links .link .btxt{font-size:22px; margin-bottom:10px;}
.main-wrap .links-board-btns .links .link .btn{font-size:14px; padding:6px 15px;}

.main-wrap .links-board-btns .links .link.pro{margin-bottom:15px;}
}

@media only screen and (max-width:680px){
.main-wrap .links-board-btns .links .link .btxt{font-size:20px;}
.main-wrap .links-board-btns .links .link .btn{font-size:13px; padding:5px 10px;}

.main-wrap .links-board-btns .links .link.pro{margin-bottom:10px;}
}

@media all and (max-width:480px) {
.main-wrap .links-board-btns .links{margin-bottom:20px;}

.main-wrap .links-board-btns .links .link .btxt{font-size:18px;}
}


/* .main-wrap .links-board-btns .board */
.main-wrap .links-board-btns .board{width:50%; margin-right:50px;}
.main-wrap .links-board-btns .board .title{font-size:26px; margin-bottom:25px; font-family:'GmarketSansTTFLight';
letter-spacing:-0.02em; color:#212525; line-height: 120%;}
.main-wrap .links-board-btns .board .title strong{font-family:'GmarketSans';}

.main-wrap .links-board-btns .board .taps{position:relative; box-sizing:border-box; overflow:hidden; height:400px;}
.main-wrap .links-board-btns .board .taps .cont{float:left;display:block;width: calc((100% - 60px) / 2);box-sizing:border-box;}


.main-wrap .links-board-btns .board .taps .cont .more-btn{display:none;position:absolute;right:0;top:0px;width: 54px;height: 52px;border:1px solid #e1e1e1;background:#fff;text-align:center;border-radius: 10px;z-index:1}
.main-wrap .links-board-btns .board .taps .cont .more-btn:focus{outline:0 !important;}
.main-wrap .links-board-btns .board .taps .cont .more-btn:before{line-height: 56px;content:"+";color:#46494e;font-size: 2.13em;}
.main-wrap .links-board-btns .board .taps .cont.on .more-btn{display:block !important;}

.main-wrap .links-board-btns .board .taps .tap{width: 100%;float:left;display:inline;position:relative;z-index:2;border:1px solid #e1e1e1;overflow:hidden;box-sizing: border-box;}
.main-wrap .links-board-btns .board .taps .cont:first-child .tap{border-radius:10px 0px 0px 10px;}
.main-wrap .links-board-btns .board .taps .cont:last-child .tap {border-radius: 0 10px 10px 0;}
.main-wrap .links-board-btns .board .taps .tap a{width:100%; font-size:17px; line-height:52px; display:block;
text-align:center; color:#111; background:#f6f6f6; letter-spacing:-0.02em; font-family:'GmarketSans';}
.main-wrap .links-board-btns .board .taps .tap a:hover{color:#5289c0; text-decoration:underline;}

.main-wrap .links-board-btns .board .taps .cnt{width:100%; padding:80px 0px 0px 0px; position:absolute; left:0; top:0px;
z-index:1; display:none; box-sizing:border-box;}
.main-wrap .links-board-btns .board .taps .cnt .more-btn{position:absolute; right:0; top:0px; display:block; width:7%;
height:52px; border:1px solid #e1e1e1; background:#fff; text-align:center;border-radius:0px 10px 10px 0px;}
.main-wrap .links-board-btns .board .taps .cnt .more-btn:before{line-height:58px; content:"+"; color:#46494e;
font-size:32px;}

.main-wrap .links-board-btns .board .taps .cont.on .tap{border-color:#5289c0;}
.main-wrap .links-board-btns .board .taps .cont.on .tap a{color:#fff; background:#5289c0; font-size:18px;
font-family:'GmarketSans';}
.main-wrap .links-board-btns .board .taps .cont.on .cnt{display:block;}

.main-wrap .links-board-btns .board .taps .cnt .impor{position:relative; background:#f3f5f9; border-bottom:1px solid
#dbdbdb; font-family:'GmarketSans';}
.main-wrap .links-board-btns .board .taps .cnt .impor a{position:relative; display:block; padding:35px 20px}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date{margin-bottom:15px; display:block;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .tit{font-size:20px; color:#252525; display:block; line-height:120%; padding-right:150px; padding-left: 95px; font-style:normal; white-space:nowrap; overflow:hidden;
text-overflow:ellipsis;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon {display: inline-block; font-style: normal;
position: absolute; top: 30px; left: 20px; width: 80px; padding: 6px 0 3px 0; text-align: center; font-family:
'GmarketSans'; font-size: 15px; color: #fff; border-radius: 20px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .date{position:absolute; top:33px; right:20px;
font-size:15px; color:#252525; font-style:normal; padding-left:22px;
background:url("/images/Potal/images/main/date-icon.png") left no-repeat; font-family:'NotoKrM';}
.main-wrap .links-board-btns .board .taps .cnt .impor a .btxt{font-size:15px; color:#252525; line-height:140%;
display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'NotoKrM';}
.main-wrap .links-board-btns .board .taps .cnt .impor a:hover .tit-date .tit{color:#5289c0; text-decoration:underline;}
.main-wrap .links-board-btns .board .taps .cnt .impor a:hover .tit-date .date{color:#5289c0; text-decoration:underline;}
.main-wrap .links-board-btns .board .taps .cnt .impor a:hover .btxt{color:#5289c0; text-decoration:underline;}

.main-wrap .links-board-btns .board .taps .cnt .list{ font-family:'GmarketSans';}
.main-wrap .links-board-btns .board .taps .cnt .list li{position:relative; border-bottom:1px solid #dbdbdb;}
.main-wrap .links-board-btns .board .taps .cnt .list li a{display:block; padding:16px 20px 16px 20px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt{position:relative; font-size:16px; color:#555;
line-height:140%; padding-right:150px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon {font-style: normal; padding-left: 100px; display:
inline-block; margin-right: 15px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon {width: 80px; padding: 6px 0 3px 0; text-align:
center; font-family: 'GmarketSans'; font-size: 15px; color: #fff; border-radius: 20px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type01,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type01 {background-color: #e02f65;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type02,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type02 {background-color: #db6b2e;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type03,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type03 {background-color: #259537;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type04,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type04 {background-color: #139298;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type05,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type05 {background-color: #528cc8;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type06,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type06 {background-color: #8f4ae5;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon.type07,
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon.type07 {background-color: #d769af;}

.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt.new{padding-left:25px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt.new:before{position:absolute; top:1px; left:0px;
width:20px; line-height:20px; display:block; border-radius:50%; font-size:11px; color:#fff; text-align:center;
background:#5289c0; content:"N";}
.main-wrap .links-board-btns .board .taps .cnt .list li a .date{position:absolute; top:20px; right:20px; font-size:15px;
color:#252525; padding-left:22px; background:url("/images/Potal/images/main/date-icon.png") left no-repeat; font-family:
'NotoKrM';}
.main-wrap .links-board-btns .board .taps .cnt .list li a:hover .btxt{color:#5289c0; text-decoration:underline;}
.main-wrap .links-board-btns .board .taps .cnt .list li a:hover .date{color:#5289c0; text-decoration:underline;}

@media all and (max-width:1600px){
.main-wrap .links-board-btns{padding:0px 30px;}
}

@media all and (max-width:1400px){

.main-wrap .links-board-btns .board .taps .tap a{font-size:16px;}

.main-wrap .links-board-btns .board .taps .cont.on .tap a{font-size:16px;}
.main-wrap .links-board-btns .board .taps .cont {width: 43%;}
.main-wrap .links-board-btns .board .taps .cnt .more-btn {width: 10%;}
}
@media all and (max-width:1200px){

}

@media all and (max-width:1000px){
.main-wrap .links-board-btns{padding:0px 20px;}
.main-wrap .links-board-btns .board{width:100%; margin:0px 0px 30px 0px;}
.main-wrap .links-board-btns .board .title{margin-bottom:10px;}
}

@media only screen and (max-width:680px){
.main-wrap .links-board-btns .board{width:100%; margin:0px 0px 20px 0px;}
.main-wrap .links-board-btns .board .title{font-size:22px;}

.main-wrap .links-board-btns .board .taps{height:212px;}
.main-wrap .links-board-btns .board .taps .tap a{font-size:14px; line-height:40px;}
.main-wrap .links-board-btns .board .taps .cont.on .tap a{font-size:15px;}

.main-wrap .links-board-btns .board .taps .cnt{padding:50px 0px 0px 0px;}

.main-wrap .links-board-btns .board .taps .cnt .more-btn{height:40px;}
.main-wrap .links-board-btns .board .taps .cnt .more-btn:before{line-height:40px; font-size:28px;}

.main-wrap .links-board-btns .board .taps .cnt .impor a{padding:15px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date{margin-bottom:10px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .tit{font-size:15px; padding-right:80px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .date{top:15px; right:15px; font-size:13px;
padding-left:20px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .btxt{font-size:14px;}

.main-wrap .links-board-btns .board .taps .cnt .list li a{padding:10px 15px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt{font-size:14px; padding-right:120px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt.new:before{top:0px; left:0px; width:16px;
line-height:16px; border-radius:50%; font-size:9px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .date{top:10px; right:15px; font-size:13px;}
.main-wrap .links-board-btns .board .taps .cont .more-btn{width: 45px;height:40px;}
.main-wrap .links-board-btns .board .taps .cont .more-btn:before{line-height: 43px;font-size: 2em;}

}

@media all and (max-width:480px) {
.main-wrap .links-board-btns{padding:0px 15px;}
.main-wrap .links-board-btns .board .title{font-size:20px;}

.main-wrap .links-board-btns .board .taps{height:192px;}
.main-wrap .links-board-btns .board .taps .tap a{font-size:11px; line-height:36px;}
.main-wrap .links-board-btns .board .taps .cont.on .tap a{font-size:11px;}
.main-wrap .links-board-btns .board .taps .cont {width: calc((100% - 47px) / 2);}
.main-wrap .links-board-btns .board .taps .cnt{padding:50px 0px 0px 0px;}

.main-wrap .links-board-btns .board .taps .cnt .more-btn{height:36px;}
.main-wrap .links-board-btns .board .taps .cnt .more-btn:before{line-height:36px; font-size:24px;}

.main-wrap .links-board-btns .board .taps .cnt .impor a{padding:25px 10px 20px 10px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .tit{font-size:15px; padding-right:80px; padding-left: 72px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .date{top:15px; right:10px; font-size:12px;
padding-left:16px; background-size:12px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .btxt{font-size:13px;}

.main-wrap .links-board-btns .board .taps .cnt .list li a{padding:10px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt.new{padding-left:20px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt{font-size:13px; padding-right:95px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .date{ right:10px; font-size:12px; padding-left:16px;
background-size:12px;}

.main-wrap .links-board-btns .board .taps .cont .more-btn{width: 45px;height: 35px;}
.main-wrap .links-board-btns .board .taps .cont .more-btn:before{line-height: 41px;font-size: 2em;}

}

.main-wrap .links-board-btns .btns{width:495px; float:left;}

.main-wrap .links-board-btns .btns .btn:after{clear:both; content:""; display:block;}
.main-wrap .links-board-btns .btns .btn li{float:left; width:25%; margin-bottom:50px; text-align:center;}
.main-wrap .links-board-btns .btns .btn li a{display:block;}
.main-wrap .links-board-btns .btns .btn li a:before{display:inline-block; width:90px; height:90px; border-radius:50%;
background:#000; margin-bottom:20px; content:"";}
.main-wrap .links-board-btns .btns .btn li a span{display:block; font-size:18px; font-family:'GmarketSans'; color:#000;
letter-spacing:-0.02em; line-height:120%;}

.main-wrap .links-board-btns .btns .btn li a:hover:before{transform:rotateY(360deg); -webkit-transition:all 0.3s
ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .links-board-btns .btns .btn li a:hover span{text-align:center; color:#65a4d0; text-decoration:underline;}

.main-wrap .links-board-btns .btns .btn li.curr a:before{background:url("/images/Town/images/main/btns-icon-curr.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.asso a:before{background:url("/images/Town/images/main/btns-icon-asso.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.comp a:before{background:url("/images/Town/images/main/btns-icon-comp.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.taxs a:before{background:url("/images/Town/images/main/btns-icon-taxs.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.news a:before{background:url("/images/Town/images/main/btns-icon-news.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.tour a:before{background:url("/images/Town/images/main/btns-icon-tour.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.educ a:before{background:url("/images/Town/images/main/btns-icon-educ.png")
center no-repeat #f9f9f9;}
.main-wrap .links-board-btns .btns .btn li.loct a:before{background:url("/images/Town/images/main/btns-icon-loct.png")
center no-repeat #f9f9f9;}

@media all and (max-width:1600px){
.main-wrap .links-board-btns .btns{width:34%; }
}

@media all and (max-width:1400px){
.main-wrap .links-board-btns .btns{width:100%; margin-top:30px;}
.main-wrap .links-board-btns .btns .btn li{width:12.5%; margin-bottom:0px;}
}

@media all and (max-width:1000px){
.main-wrap .links-board-btns .btns{margin:0px;}
.main-wrap .links-board-btns .btns .btn li{width:25%; margin-bottom:15px;}
.main-wrap .links-board-btns .btns .btn li a:before{width:80px; height:80px; margin-bottom:0px;}
.main-wrap .links-board-btns .btns .btn li a span{font-size:14px; letter-spacing:-0.05em;}
}

@media only screen and (max-width:680px){
.main-wrap .links-board-btns .btns{margin-bottom:10px;}
.main-wrap .links-board-btns .btns .btn li{width:25%;}
.main-wrap .links-board-btns .btns .btn li a:before{width:60px; height:60px;}

.main-wrap .links-board-btns .btns .btn li.tomap a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.gbook a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.traff a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.resta a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.motel a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.comme a:before{background-size:40px;}
.main-wrap .links-board-btns .btns .btn li.jbpas a:before{background-size:40px;}
}

@media all and (max-width:480px) {
.main-wrap .links-board-btns .btns .btn li{margin-bottom:10px;}
.main-wrap .links-board-btns .btns .btn li a span{font-size:12px;}

}

/* infoSlide */
.infoSlideWrap {width: 50%; position: relative; padding-top: 65px; box-sizing: border-box; background-color: #ecf3f9;
border-radius: 10px;}
.infoSlideWrap .slideBtn {display: flex; position: absolute; top: 25px; right: 35px;}
.infoSlideWrap .slideBtn a {display: block; width: 35px; height: 35px; z-index: 1; font-size: 0;}
.infoSlideWrap .slideBtn a.prev {background: url('/images/Town/images/main/infoPrev.png') no-repeat; background-size:
100%;}
.infoSlideWrap .slideBtn a.stop {background: url('/images/Town/images/main/infoStop.png') no-repeat; margin: 0 8px;
background-size: 100%;}
.infoSlideWrap .slideBtn a.play {background: url('/images/Town/images/main/infoPlay.png') no-repeat; display: none;
margin: 0 8px; background-size: 100%;}
.infoSlideWrap .slideBtn a.next {background: url('/images/Town/images/main/infoNext.png') no-repeat; background-size:
100%;}
.infoSlide li a {display: flex; align-items: center; padding: 0 40px 50px 40px; box-sizing: border-box;}
.infoSlide li a:hover .img img{transform: scale(1.1);}
.infoSlide li a .img {border-radius: 50px; overflow: hidden; margin-right: 30px; flex-shrink: 0;}
.infoSlide li a .img img {display: block; width: 280px; height: 280px; object-fit: cover; transition-duration: 0.5s;}

.infoSlide li a .text {line-height: normal;}
.infoSlide li a .text .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 40px; color: #313c50;
letter-spacing: -0.02em; margin-bottom: 20px;}
.infoSlide li a .text .tit span {font-weight: 500; font-size: 24px; margin-bottom: 20px;}
.infoSlide li a .text .list li {display: flex; align-items: center; font-family: 'GmarketSans'; font-weight: 500;
font-size: 16px; color: #333333; margin-bottom: 10px;}
.infoSlide li a .text .list li:last-child {margin-bottom: 0;}
.infoSlide li a .text .list li span {display: inline-block; flex-shrink: 0; width: 80px; text-align: center; padding:
10px 0 6px 0; font-family: 'GmarketSans'; /*font-weight: bold;*/ color: #fff; font-size: 16px; margin-right: 15px;
background-color: #5289c0; border-radius: 25px;}
.infoSlide li a .text .list li strong {font-family: 'GmarketSans'; font-weight: bold;}

@media screen and (max-width: 1600px) {
.infoSlide li a .img img {width: 260px; height: 260px;}
}

@media screen and (max-width: 1400px) {
.main-wrap .links-board-btns .board {margin-right: 30px;}
.main-wrap .links-board-btns .board .taps {height: 390px;}
.infoSlide li a {padding: 0 30px 30px 30px;}
.infoSlide li a .img img {width: 240px; height: 240px;}
}

@media screen and (max-width: 1200px) {
.main-wrap .links-board-btns {flex-wrap: wrap;}
.main-wrap .links-board-btns .board {width: 100%; margin-right: 0; margin-bottom: 50px;}
.infoSlideWrap {width: 100%;}
.infoSlide li a {align-items: flex-start;}
.infoSlide li a .img {margin-right: 20px;}
.infoSlide li a .img img {width: 200px; height: 200px;}
.infoSlide li a .text .tit {font-size: 30px; margin-bottom: 10px;}
.infoSlide li a .text .list li span {width: 65px; margin-right: 10px; padding: 7px 0 3px 0; font-size: 15px;}
}

@media screen and (max-width: 680px) {
.main-wrap .links-board-btns .board {margin-bottom: 30px;}
.main-wrap .links-board-btns .board .taps {height: 280px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a {padding: 20px 15px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon {padding: 5px 0 0 0; top: 13px; left: 17px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon {font-size: 14px; margin-right: 8px; padding: 5px
0 0 0; width: 70px;}

.infoSlide li a {padding: 0 20px 20px 20px;}
.infoSlide li a .img img {width: 180px; height: 180px;}
.infoSlide li a .text .tit {font-size: 26px;}
.infoSlide li a .text .tit span {font-size: 20px;}
.infoSlide li a .text .list li {font-size: 15px;}
.infoSlide li a .text .list li span {font-size: 14px; padding: 5px 0 2px 0; width: 55px; font-weight: 500;}
}

@media screen and (max-width: 480px) {
.infoSlideWrap {padding-top: 50px;}
.main-wrap .links-board-btns .board {margin-bottom: 10px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a {padding: 20px 10px;}
.main-wrap .links-board-btns .board .taps .cnt .impor a .tit-date .icon {padding: 3px 0 0 0; font-size: 13px; width:
60px; left: 10px; top: 15px;}
.main-wrap .links-board-btns .board .taps .cnt .list li a .btxt .icon {width: 60px; font-size: 13px;}
.infoSlideWrap .slideBtn {top: 15px; right: 15px;}
.infoSlide li a {flex-wrap: wrap;}
.infoSlide li a .img {margin: 0 auto 5px auto;}
.infoSlide li a .text .tit {font-size: 24px;}
.infoSlide li a .text .tit span {font-size: 18px;}
.infoSlide li a .text .list li {font-size: 14px;}
.infoSlide li a .text .list li span {font-size: 13px;}
.infoSlideWrap .slideBtn a {width: 25px; height: 25px;}
}