@charset "utf-8";
/*main css*/

/* header */
#header{position:fixed; top:0; left:0;  width:100%; min-width: 1280px; background:rgba(0,0,0,0.7); border-bottom:none;}
#header.on{position:fixed; box-shadow:0 0 15px rgba(0, 0, 0, 0.5)}
#header_wrap h1{background: url("/images/layout/h1_logo_white.png") center center no-repeat;}
#header:hover{background:#fff; border-bottom:1px solid #ddd;}
#header:hover #header_wrap h1{background: url("/images/layout/h1_logo.png") center center no-repeat;}

/*gnb*/
 
#gnb > ul > li >  a {color:#fff; }
#gnb ul.util li a{color:#eee;}


#header:hover #gnb > ul > li >  a {color:#333; }
#header:hover #gnb > ul > li:hover >  a {color:#fff; }
#header:hover #gnb ul.util li a{color:#4f4f4f;}

/* container */
#container{min-width:1280px;}

/*footer*/
#footer div.f_link_box ul{width:1280px;}
div.inner{width:1280px;}

/**
 * Maincommon
 */
/* div.section{padding:120px 0;} */
div.title_area{margin-bottom:60px; text-align:center;}
div.title_area h3{font-size:48px; line-height:110%;}
div.title_area p{margin-top:10px;}
div.section h3 span{font-weight:800;}

/*mainvisual*/
div.mainvisual{position:relative; background:#ebebeb;background:#000000}
div.mainvisual .visual_list{margin-bottom:0 !important;}
div.mainvisual, div.mainvisual .visual_list, div.mainvisual .slick-list, div.mainvisual .slick-list .slick-track{height:100%;}
div.mainvisual .visual_list .visual{position:relative; height:100%; outline: none; background-size:cover !important;}
/*
div.mainvisual .visual_list .visual.bg1{background:url("/images/main/mvisual7.jpg") center center no-repeat; }
div.mainvisual .visual_list .visual.bg2{background:url("/images/main/mvisual4.jpg") center center no-repeat; }
div.mainvisual .visual_list .visual.bg3{background:url("/images/main/mvisual6.jpg") center center no-repeat;}
*/
div.mainvisual .visual_list .visual.bg1{background:url("/images/main/mvisual1_3.jpg") center center no-repeat; }
div.mainvisual .visual_list .visual.bg2{background:url("/images/main/mvisual2_3.jpg") center center no-repeat; }
div.mainvisual .visual_list .visual.bg3{background:url("/images/main/mvisual3_3.jpg") center center no-repeat;}
div.mainvisual .visual_list .visual.bg4{background:url("/images/main/mvisual4_3.jpg") center center no-repeat;}
div.mainvisual .visual_list .visual.bg5{background:url("/images/main/mvisual5_3.jpg") center center no-repeat;}

div.mainvisual div.visual_text{position: absolute; left: 50%; top: 30%; transform:translateX(-50%); width:1280px;width:1360px; z-index:1;}
div.mainvisual div.visual_text div.visual_text_box{position:relative; padding-top:35px; width:580px; height:320px; box-sizing:border-box; z-index:0;}
div.mainvisual div.visual_text div.visual_text_box:after{position: absolute; left:-75px; top:0; display:block; content:""; width:100%; height:100%; background:rgba(1,89,199,0.85); z-index:-1;}
div.mainvisual div.visual_text p{text-shadow:0 0 15px rgba(0, 0, 0, 0.9); color:#fff; line-height:160%;}
div.mainvisual div.visual_text p.title{font-size:60px; line-height:110%;}
div.mainvisual div.visual_text p.title span{position:relative; display:inline-block;}
div.mainvisual div.visual_text p.title span:after{position: absolute; right:-220px; top:31px; display:inline-block; content:""; width:210px; height:5px; background:#fff;}
div.mainvisual div.visual_text p.sub_text{margin-top:30px; font-size:18px; padding-right:160px;}
div.mainvisual div.visual_text a.btn_read_more{margin-top:45px; display: block; width:200px; height:60px; line-height:60px; text-align:center; }

div.mainvisual{}
div.mainvisual .prev, 
div.mainvisual .next {top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); font-size:0; line-height:0; position:absolute; display:block; width:80px; height:80px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent;   z-index:50; border-radius:5px; }
div.mainvisual a.prev:focus, 
div.mainvisual a.next:focus{border:none !important;outline:3px dotted red !important} 

div.mainvisual .prev:before, 
div.mainvisual .next:before {padding: 0 13px; font-size: 30px; line-height: 1; color:#fff; opacity:1;line-height:80px}
div.mainvisual .prev{left: 5%;}
div.mainvisual .next{right: 5%;}
div.mainvisual .prev:hover, 
div.mainvisual .next:hover{background:#3fc3fe;}
div.mainvisual .prev:hover:before, 
div.mainvisual .prev:focus:before, 
div.mainvisual .next:hover:before, 
div.mainvisual .next:focus:before {color:#fff;}

div.mainvisual .slick-dots{bottom: 75px;width:auto;left: 50%;transform: translate(-50%);background-color: rgba(0, 0, 0, 0.6);border-radius: 20px;height: auto;padding:8px}
div.mainvisual .slick-dots li{vertical-align:top; margin-top: 2px;}
div.mainvisual .slick-dots li button:before{box-shadow:5px 5px 15px rgba(0,0,0,0.9); margin: 3px;}
div.mainvisual .slick-dots li button{/*width: 14px;height: 14px;*/padding: 0;}

div.mainvisual .ctrlbox{position:absolute;bottom:75px;left:55%;/*슬라이드2개 left:52%;*//*슬라이드 이미지 3개 일때 left:53.5%;*/color:#fff;z-index:10;background-color:rgba(0,0,0,0.6);text-align: center;padding: 8px;padding-right: 8px;border-radius: 15px;}
div.mainvisual .ctrlbox button i{color:#fff;/* border: 5.5px solid #ffffff;border-right: 5.5px solid transparent;border-top: 5.5px solid transparent;transform: rotate(-135deg);*/    font-size: 18px;}
div.mainvisual .ctrlbox button i:before{}
div.mainvisual .ctrlbox button{display:none;padding:0}
div.mainvisual .ctrlbox button.on{display:block}

/*m_sec1*/

#section1{position:relative; /* background:url("/images/main/bg_m_sec1.png") 0 0 repeat-y; */}
#section1:before{position:absolute; left:0; top:0; display: block; content: ""; width:44%; height:100%; background:url("/images/main/bg_m_sec1.png"); z-index:-5;} 
#section1 div.inner .management_list{}
#section1 div.inner .management_list .management_list_item {float:left; position:relative; width:300px !important; border:6px solid transparent; margin-left:26px;/* overflow:hidden;*/ box-sizing:border-box; transition:all 0.5s;}

#section1 div.inner .management_list .management_list_item:first-child{margin-left:0;}
#section1 div.inner .management_list .management_list_item  a{display: block; position:relative;}
#section1 div.inner .management_list .management_list_item  a:focus{outline:3px dotted red;box-sizing:border-box}
#section1 div.inner .management_list .management_list_item  div.thumb{overflow:hidden;position:relative; padding-top:133%;}
#section1 div.inner .management_list .management_list_item  img{overflow:hidden;position:absolute; top:0; left:50%; width:100%; transform:translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1); transition: all 0.5s; -webkit-transition: all 0.5s;}
#section1 div.inner .management_list .management_list_item  div.cont{position:absolute; left:0; bottom:0; padding:100px 0 35px; width:100%; text-align:center;}
#section1 div.inner .management_list .management_list_item:first-child div.cont{background:linear-gradient(to bottom, transparent, transparent, #b2b1b0, #b2b1b0);}
#section1 div.inner .management_list .management_list_item:nth-child(2) div.cont{background:linear-gradient(to bottom, transparent, transparent, #1e1013, #1e1013);}
#section1 div.inner .management_list .management_list_item:nth-child(3) div.cont{background:linear-gradient(to bottom, transparent, transparent, #ddd6d1, #ddd6d1);}
#section1 div.inner .management_list .management_list_item:last-child div.cont{background:linear-gradient(to bottom, transparent, transparent, #e6e1de, #e6e1de);}

#section1 div.inner .management_list .management_list_item  div.cont{background:linear-gradient(to bottom, transparent, transparent, #1e1013, #1e1013) !important}
#section1 div.inner .management_list .management_list_item  div.cont p{position:relative; font-size:20px; color:#fff;}
#section1 div.inner .management_list .management_list_item  div.cont p:before{position:absolute; top:-14px; left:50%; margin-left:-6px; display:block; content:""; width:1.4rem; height:.2rem; background:#fff;}
#section1 div.inner .management_list .management_list_item  div.cont p:after{position:absolute; top:-20px; left:50%; display:none; content:""; width:.2rem; height:1.4rem; background:#fff;}
#section1 div.inner .management_list .management_list_item:hover{border-color:#0082c9; background:#222;}
#section1 div.inner .management_list .management_list_item:hover div.cont p:after{display:block;}
#section1 div.inner .management_list .management_list_item:hover img{transform:translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1); opacity:0.6;}

/*
#section1 .ctrlbox_wrap{position:relative;}
#section1 .slick-prev, 
#section1 .slick-next {top:auto; bottom:-80px; background:rgba(255,255,255,1) !important; font-size:0; line-height:0; position:absolute; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:10; border-radius:0; border:1px solid #ddd;}
#section1 .slick-prev:before, 
#section1 .slick-next:before {padding:0 5px; text-align:center; font-size:24px; line-height:1; color:#444;line-height:42px}
#section1 .slick-prev:before{content: "\e908";}
#section1 .slick-next:before{content: "\e90b";}
#section1 .slick-prev{left:auto; right:100px;}
#section1 .slick-next{right:55px;}

#section1 .ctrlbox{position:absolute;right:10px;bottom: -80px;top: auto;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#section1 .ctrlbox button{color:#fff;background: #fff; line-height: 0;display: block;width: 42px;height: 42px;padding: 0;cursor: pointer;line-height:40px;border: 1px solid #ddd;display:none;  z-index: 10;border-radius: 0;  outline: none;}
#section1 .ctrlbox button.on{display:block;}   
#section1 .ctrlbox button i{color:#737373}
*/

#section1 .slick-prev, 
#section1 .slick-next {top:auto; bottom:21%; background:transparent !important; font-size:0; line-height:0; position:absolute; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:50; border-radius:0; border:1px solid #ddd;}
#section1 .slick-prev:before, 
#section1 .slick-next:before {padding:0 10px;color:#444; text-align:center; font-size:24px; line-height:1; line-height:50px}
#section1 .slick-prev:before{content: "\e908";}
#section1 .slick-next:before{content: "\e90b";}
#section1 .slick-prev{left:47%; margin-left:-540px;}
#section1 .slick-next{left:50%; margin-left:-530px; right: auto;}
#section1 .slick-prev:hover, 
#section1 .slick-next:hover{background:#0082c9;}
#section1 .slick-prev:hover:before, 
#section1 .slick-prev:focus:before, 
#section1 .slick-next:hover:before, 
#section1 .slick-next:focus:before,
#section1 .ctrlbox button.on i:before{opacity:0.75;color:#444;}
#section1 .ctrlbox{top: auto}
#section1 .ctrlbox button{color:#444;opacity:0.75;background: #fff;;margin-left:-465px;position:absolute;left:50%;bottom:21%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); line-height: 0;display: block;width: 52px;height: 52px;padding: 0;cursor: pointer;line-height:50px;border: 1px solid #ddd;display:none}
#section1 .ctrlbox button.on{display:block;}   

#section1 .slick-prev, 
#section1 .slick-next {bottom:8%;    background: rgba(255,255,255,1) !important;}

#section1 .slick-prev{left:4%; margin-left:0;}
#section1 .slick-next{left:4%; margin-left:55px;}

#section1 .slick-prev:focus, 
#section1 .slick-next:focus{outline:3px dotted red}
#section1 .ctrlbox button{left:4%;bottom:8%; margin-left:110px;}

/*m_sec2*/
#section2{position:relative;background-color:#000 }
#section2:before{position:absolute; left:0; top:0; display: block; content: ""; width:36%; height:100%; background:url("../../img/main/bg_m_sec2.png") right bottom no-repeat; z-index:-5;} 
#section2 .fp-scroller{height:100%;}
#section2 div.title_area{position:absolute; left:50%; top:20%; transform:translateX(-50%); text-align:left; z-index:1; color:#fff;}
/*#section2 div.title_area p{opacity:0.6;}*/
#section2 div.tourism, #section2 .visual_list, #section2 .slick-list, #section2 .slick-list .slick-track{position:relative; height:100%;}
#section2 .visual_list .visual{position:relative; height:100%; outline: none; background-size: cover !important;}
#section2 .visual_list .visual.bg1{background:url("/images/main/bg_tourism3.jpg") center center no-repeat;}
#section2 .visual_list .visual.bg2{background:url("/images/main/bg_tourism2.jpg") center center no-repeat;}
#section2 .visual_list .visual.bg3{background:url("/images/main/bg_tourism4.jpg") center center no-repeat;}
#section2 .visual_list .visual.bg4{background:url("/images/main/bg_tourism5.jpg") center center no-repeat;}
/* #section2 ul.visual_list li.bg5{background:url("/images/main/bg_tourism5.jpg") center center no-repeat;} */
#section2 .visual_list .visual div.tourismBox{position:absolute; left:50%; top:34%; min-width:1200px; width:1280px; transform:translateX(-50%);}
#section2 .visual_list .visual div.tourismBox div.box{width:435px;/* height:390px;*/height:420px; border:1px solid rgba(255,255,255,0.4); vertical-align:middle; box-sizing:border-box;}
#section2 .visual_list .visual div.tourismBox div.box a{display:block; padding:40px; color:#fff;    height: 388px;height: 418px;box-sizing: border-box;}
#section2 .visual_list .visual.slick-active div.tourismBox  div.box  a:focus{outline:3px dotted red}
#section2 .visual_list .visual div.tourismBox div.box .tit{font-size: 28px;}
#section2 .visual_list .visual div.tourismBox div.box .tit:after{margin-top:10px; display:block; content:""; width:30px; height:2px; background:#fff;}
#section2 .visual_list .visual div.tourismBox div.box .tit i{padding-left:10px; opacity:0.6; }
#section2 .visual_list .visual div.tourismBox div.box p.txt{margin-top:15px; opacity:0.6; opacity:0.9;}

#section2 .slick-prev, 
#section2 .slick-next {top:auto; bottom:21%; background:transparent !important; font-size:0; line-height:0; position:absolute; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:50; border-radius:0; border:1px solid #ddd;}
#section2 .slick-prev:before, 
#section2 .slick-next:before {padding:0 10px; text-align:center; font-size:24px; line-height:1; color:rgba(255,255,255,1);line-height:50px}
#section2 .slick-prev:before{content: "\e908";}
#section2 .slick-next:before{content: "\e90b";}
#section2 .slick-prev{left:47%; margin-left:-540px;}
#section2 .slick-next{left:50%; margin-left:-530px; right: auto;}
#section2 .slick-prev:hover, 
#section2 .slick-next:hover{background:#0082c9;}


#section2 .slick-prev:focus,

#section2 .slick-next:focus {outline:3px dotted red}


#section2 .slick-prev:hover:before, 
#section2 .slick-prev:focus:before, 
#section2 .slick-next:hover:before, 
#section2 .slick-next:focus:before {color:#fff;}
#section2 .ctrlbox{top: auto}
#section2 .ctrlbox button{color:#fff;background: transparent;;margin-left:-465px;position:absolute;left:50%;bottom:21%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); line-height: 0;display: block;width: 52px;height: 52px;padding: 0;cursor: pointer;line-height:50px;border: 1px solid #ddd;display:none}
#section2 .ctrlbox button.on{display:block;}   




/*fullpage 제거작업*/
#fullpage{position:relative;height:100%}
.section{height:100vh;min-height:750px;}
#section4{height:auto;min-height:unset}
#section0{min-height:unset}
#section1{display:table;width:100%;height:100vh;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#section1 .inner{display:table-cell;vertical-align:middle;width:100%;}
#section1 .inner .management_list{margin:0 auto;text-align:center;width:100%;max-width:1280px}





/*#fullpage{position:relative;height:100%}
.section{display:table;width:100%;height:100%;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.section_in{display:table-cell;vertical-align:middle;width:100%;}
div.mainvisual .visual_list .visual{background-size:100% !important}



#section2{height:100% !important;}
*/



/*section3*/
#section3{background:url("/images/main/bg_m_sec3.png") center bottom no-repeat;}
#section3 div.inner{padding:100px 0;}
#section3 div.left.notice{padding:35px; width:490px; height:430px; background:#124089; box-sizing:border-box;}
#section3 div.left.notice h4{position:relative; font-size:24px; color:#fff;}
#section3 div.left.notice h4 a{display:block; position:absolute; right:0; top:0; width:38px; height:38px; line-height:38px; text-align:center;  color:#000;background-color:#fff}
#section3 div.left.notice ul li{border-bottom:1px solid rgba(255,255,255,0.1);}
#section3 div.left.notice ul li:last-child{border-bottom:none;}
#section3 div.left.notice ul li a{position:relative; display: block;margin:16px 0; color:#fff;}
#section3 div.left.notice ul li p.tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#section3 div.left.notice ul li p.txt{opacity:0.7; font-size:15px; height:48px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: normal;}
#section3 div.left.notice ul li span{display:inline-block; font-size:14px;/* opacity:0.7;*/}
#section3 div.left.notice ul li.upper_list span.date{margin-top:10px;}
#section3 div.left.notice ul li.normal_list{}
#section3 div.left.notice ul li.normal_list p.tit{padding-right:100px;}
#section3 div.left.notice ul li.normal_list span.date{position: absolute; top: 8px; right: 0;}
#section3 div.right{width:756px;}
#section3 div.right ul.board_list{}
#section3 div.right ul.board_list li{margin-left:25px; width:235px;}
#section3 div.right ul.board_list li:first-child{margin-left:0; background:#00b0ff;background:#005E8A}
#section3 div.right ul.board_list li:nth-child(2){background:#1aa3b4;background:#0B505B}
#section3 div.right ul.board_list li:last-child{background:#512da8;}
#section3 div.right ul.board_list li a{position:relative; padding:30px; height:215px; display: block; color:#fff; box-sizing:border-box;}
#section3 div.right ul.board_list li .tit{font-size:20px; }
#section3 div.right ul.board_list li .txt{font-size:15px; opacity:0.8;}
#section3 div.right ul.board_list li span.ico{display:block; width:75px; height:75px; position:absolute; right:20px; bottom:10px; background:url("/images/main/ico_board.png");}
#section3 div.right ul.board_list li:first-child span.ico{background-position:0 0;}
#section3 div.right ul.board_list li:nth-child(2) span.ico{background-position:-75px 0;}
#section3 div.right ul.board_list li:last-child span.ico{background-position:-150px 0;}
#section3 div.right div.banners{margin-top:25px;}
#section3 div.right div.banners .banner_list{float:left; width:365px; height:190px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
#section3 div.right div.banners .banner_list a{display:block;}

#section3 div.right div.banners .banner_list .slick-slider .slick-active a{position:relative;}
#section3 div.right div.banners .banner_list .slick-slider .slick-active a:focus{border:3px dotted red}
/*#section3 div.right div.banners .banner_list .slick-slider .slick-active a:focus:after{content:"";display:block;left:0;top:0;bottom:0;right:0;outline:3px solid red;width:100%;height:100%}*/
#section3 div.right div.banners .banner_list  .slick-active a:focus, #section3 div.right div.banners .ctrlbox_wrap a:focus{outline:3px dotted red}
#section3 div.right div.banners .banner_list img{width:100%;}
#section3 div.right div.banners .banner_list:first-child{margin-right:25px;}


#section3 .slick-prev, 
#section3 .slick-next {top:auto; bottom:-10px; background:rgba(255,255,255,1) !important; font-size:0; line-height:0; position:absolute; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:10; border-radius:0; border:1px solid #ddd;}
#section3 .slick-prev:before, 
#section3 .slick-next:before {padding:0 5px; text-align:center; font-size:24px; line-height:1; color:#444;line-height:42px}
#section3 .slick-prev:before{content: "\e908";}
#section3 .slick-next:before{content: "\e90b";}
#section3 .slick-prev{left:auto; right:100px;}
#section3 .slick-next{right:55px;}

/*
#section3 .slick-prev:hover, 
#section3 .slick-next:hover{background:#222;}
#section3 .slick-prev:hover:before, 
#section3 .slick-prev:focus:before, 
#section3 .slick-next:hover:before, 
#section3 .slick-next:focus:before {color:#fff;}*/

#section3 .banner_slide_wrap{position:relative;}
#section3 .ctrlbox{position:absolute;right:10px;bottom: -10px;top: auto;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#section3 .ctrlbox button{color:#fff;background: #fff; line-height: 0;display: block;width: 42px;height: 42px;padding: 0;cursor: pointer;line-height:40px;border: 1px solid #ddd;display:none;  z-index: 10;border-radius: 0; }
#section3 .ctrlbox button.on{display:block;}   
#section3 .ctrlbox button i{color:#737373}

@media screen and (max-width: 1800px){
div.mainvisual div.visual_text{transform:translateX(-30%);}

}

@media screen and (max-width: 1660px){
#section2 .slick-prev{left:46%;}

div.mainvisual div.visual_text{transform:translateX(-30%);}

}

@media screen and (max-width: 1440px){
div.mainvisual .ctrlbox{left:57%}
#section2 .slick-prev, 
#section2 .slick-next, #section2 .ctrlbox {bottom:20%;}
#section2 .ctrlbox button{bottom:20%}

}

@media screen and (max-width: 1300px){
div.mainvisual .visual_list .visual div.visual_text{width:1000px;}
div.mainvisual .slick-prev, 
div.mainvisual .slick-next {width:55px; height:55px;}
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {padding: 0 13px; font-size: 24px; line-height: 1; color:#fff; opacity:1;line-height:55px}
div.mainvisual .slick-prev{left: 1.6%;}
div.mainvisual .slick-next{right: 1.6%;}



}


@media screen and (max-width: 740px){

/**
 * Maincommon
 */
#header{min-width:360px;}
#header_wrap div.btn_box button{background:#000; border-left:none; color:#999;}
#header:hover #gnb > ul > li >  a {color:#fff;}

/* container */
#container{min-width:360px;}

/*footer*/
#footer div.f_link_box ul{width:100%;}

div.title_area{margin-bottom:25px;}
div.title_area h3{font-size:9vw; }
div.title_area p{line-height:140%;}


#section2 {min-height:580px}
div.section p.category{margin-bottom:10px; font-weight:500; color:#555;}
div.section p.emphasis{margin-bottom:15px; font-size:18px; color:#333; font-weight:500;}
div.section .btn.read_more{display:block;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
div.inner{margin:0 auto; width:100%;}

/*mainvisual*/
div.mainvisual{ position:relative; background:#ebebeb;}

div.mainvisual .visual_list li div.visual_text{top: 10%; width:80%;  }
div.mainvisual div.visual_text{width:80%; z-index:1; /* background-color: rgba(0,0,0,0.4);*/padding: 15px;transform:translateX(-50%);height:100%;width:100%;top:0;box-sizing:border-box;padding:0}
div.mainvisual div.visual_text:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0; background-color: rgba(0,0,0,0.4);}
div.mainvisual div.visual_text div.visual_text_box{position:relative; padding-top:15px; width:100%; height:auto;z-index:10;top:40%}
div.mainvisual div.visual_text div.visual_text_box:after{display:none;}
div.mainvisual div.visual_text p{text-shadow:0 0 30px rgba(0, 0, 0, 1.0);text-align:center;}
div.mainvisual div.visual_text p.title{font-size:10vw;}
div.mainvisual div.visual_text p.title span{position:relative; display:inline-block;}
div.mainvisual div.visual_text p.title span:after{position: absolute; right:50%; transform:translateX(50%); top:auto; bottom:-12px; width:50px; height:2px;}
div.mainvisual div.visual_text p.sub_text{margin-top:18px; font-size:4vw; padding-right:0;}
div.mainvisual div.visual_text a.btn_read_more{margin-top:45px; display: block; width:200px; height:60px; line-height:60px; text-align:center; }
div.mainvisual .visual_list .slick-dots{bottom:20px;z-index:10}

div.mainvisual .slick-prev, 
div.mainvisual .slick-next {width:44px; height:44px; border-radius:0; }
div.mainvisual .slick-prev{left: 0;}
div.mainvisual .slick-next{right: 0;}
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {line-height:44px}

div.mainvisual .ctrlbox {bottom: 18px;left: 65%;font-size:20px;}
div.mainvisual .slick-dots{bottom:18px}

@media screen and (max-width: 480px){
	div.mainvisual .ctrlbox{bottom:16px;/*슬라이드2개일때 left:57%;*/left:70%}	
}

/*m_sec1*/
#section1 div.inner{padding:25px 0;}
#section1 div.inner div.title_area{padding:0 4%;}
#section1 div.inner .management_list .management_list_item {width:280px !important; margin:0 8px;}
#section1 div.inner .management_list .management_list_item:first-child{margin-left:8px;;}
#section1 div.inner .management_list .management_list_item  div.cont p:before{position:absolute; top:-14px; left:50%; margin-left:-6px; display:block; content:""; width:1.4rem; height:.2rem; background:#fff;}
#section1 div.inner .management_list .management_list_item  div.cont p:after{position:absolute; top:-20px; left:50%; display:none; content:""; width:.2rem; height:1.4rem; background:#fff;}
#section1 div.inner .management_list .management_list_item:hover{border-color:#0082c9; background:#222;}
#section1 div.inner .management_list .management_list_item:hover div.cont p:after{display:block;}
#section1 div.inner .management_list .management_list_item:hover img{transform:translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%) scale(1.1); opacity:0.6;}

#section1{height:auto;display:block;}
#section1 div.inner{padding-top:25%;padding-bottom:25%;display:block;}
#section1 div.inner .management_list{max-width:unset;height:auto}

/*m_sec2*/

#section2{position:relative;}
#section2:before{position:absolute; left:0; top:0; display: block; content: ""; width:36%; height:100%; background:url("../../img/main/bg_m_sec2.png") right bottom no-repeat; z-index:-5;} 
#section2 .fp-scroller{height:100%;}
#section2 div.title_area{position:absolute; left:50%; top:20%; transform:translateX(-50%); text-align:left; z-index:1; color:#fff;}
/*#section2 div.title_area p{opacity:0.6;}*/
#section2 div.tourism, #section2 .visual_list, #section2 .slick-list, #section2 .slick-list .slick-track{position:relative; height:100%;}
#section2 .visual_list .visual{position:relative; height:100%; outline: none; background-size: cover !important; background-position:60% center !important;}
#section2 .visual_list .visual div.tourismBox{position:absolute; left:50%; top:40%; min-width:92%; width:92%; transform:translateX(-50%);}
#section2 .visual_list .visual div.tourismBox div.box{width:100%; height:auto;}
#section2 .visual_list .visual div.tourismBox div.box a{padding:20px;    background-color: rgba(0,0,0,0.6);height: auto;}
#section2 .visual_list .visual div.tourismBox div.box .tit{font-size:24px;}
#section2 .visual_list .visual div.tourismBox div.box .tit:after{margin-top:5px; height:1px;}
#section2 .visual_list .visual div.tourismBox div.box .tit i{padding-left:10px; opacity:0.6; }
#section2 .visual_list .visual div.tourismBox div.box p.txt{margin-top:5px;/* opacity:0.6;*/}

#section2 .slick-prev, 
#section2 .slick-next {bottom:8%;}
#section2 .slick-prev{left:4%; margin-left:0;}
#section2 .slick-next{left:4%; margin-left:55px;}
#section2 .ctrlbox button{left:4%;bottom:8%; margin-left:110px;}

/*section3*/
#section3{background:url("../../img/main/bg_m_sec3.png") center bottom no-repeat;height:auto}

#section3 div.inner{padding:100px 4% 110px;}
#section3 div.left.notice{float:none; padding:30px; width:100%; height:auto;}
#section3 div.left.notice h4{position:relative; font-size:24px; color:#fff;}
#section3 div.left.notice h4 i{position:absolute; left:50%; top:0; line-height: 160%; /*color:#000; */   transform: translatex(-50%);margin:0 auto}
#section3 div.left.notice ul li{border-bottom:1px solid rgba(255,255,255,0.1);}
#section3 div.left.notice ul li:last-child{border-bottom:none;}
#section3 div.left.notice ul li a{position:relative; display: block;  color:#fff;}
#section3 div.left.notice ul li p.tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#section3 div.left.notice ul li p.txt{opacity:0.7; font-size:15px; height:48px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: normal;}
#section3 div.left.notice ul li span{display:inline-block; font-size:14px; opacity:0.7;}
#section3 div.left.notice ul li.upper_list span.date{margin-top:10px;}
#section3 div.left.notice ul li.normal_list{}
#section3 div.left.notice ul li.normal_list p.tit{padding-right:100px;}
#section3 div.left.notice ul li.normal_list span.date{position: absolute; top: 16px; right: 0;}
#section3 div.right{float:none; width:100%;}
#section3 div.right ul.board_list{}
#section3 div.right ul.board_list li{float:none; margin-top:10px; margin-left:0px; width:100%;}
#section3 div.right ul.board_list li a{padding-left:110px;height:auto;}
#section3 div.right ul.board_list li .tit{font-size:20px; }
#section3 div.right ul.board_list li p.txt{font-size:15px; opacity:0.7;}
#section3 div.right ul.board_list li span.ico{right:auto; bottom:auto; left:25px; top:30px;}
#section3 div.right div.banners{margin-top:10px;}
#section3 div.right div.banners .banner_list{width:100%; height:auto;}
#section3 div.right div.banners .banner_list .banner_slide_item{width: 100%;}
#section3 div.right div.banners .banner_list:first-child{margin-right:0; margin-bottom:10px;}
#section3 div.right div.banners .banner_slide{}

}