.mob{display: none;}
.pc{display: inline-block;}
.orange-bx{color: #fff !important; background:url(/images/content/menu/p8_bg1.png) right 10px bottom 10px no-repeat #ED6F00 !important;}
.orange-bx h3{color: #fff !important; margin-top: 50%; font-weight: 800;}

/*  */
#se01 {overflow-x:hidden; position: relative; float: right;}
#se01 .swiper { width: calc(100vw - 355px);}
#se01 .main-visual {background-size: cover; width: calc(100vw - 355px);  height: 100vh;} 
#se01 .main-visual .swipe-txt { height:auto; color:#fff; position:absolute; margin:auto; top:180px; right:0; bottom:0; left:200px; }
#se01 .main-visual .swipe-txt .main-txt{font-size: 64px;line-height: 120%;}
#se01 .main-visual .swipe-txt .main-txt span{font-weight: 800;}
#se01 .main-visual-1 {
    background:url(/images/content/main/main_visual_01.jpg) no-repeat center center;
    background-size: cover;
}
/* #se01 .main-visual-2 {
    background:url(/images/content/main/main_visual_02.jpg) no-repeat center center;
    background-size: cover;
} */
#se01 .main-visual-3 {
    background:url(/images/content/main/main_visual_03.jpg) no-repeat center center;
    background-size: cover;
}
/* pagenation custom */
#se01 .swiper-pagination{position:absolute; bottom: 300px; padding-left: 200px; text-align: left;}
.swiper-pagination-bullet {border:1px solid #fff; width: 10px; height: 10px; background-color: inherit; opacity: 1; transition:.3s;}
.swiper-pagination-bullet-active{width: 30px; height: 10px;border-radius: 50px; background-color: #fff; transition: .3s;}



/*  */
#se02 .wrap{padding: 130px 0; padding-left: 200px;}
.side{ transform: rotate(-90deg); position: absolute; top: 190px; left: 150px; width: 120px; text-align:right ;}
.side p{color: #ED6F00; font-size: 14px; font-weight: 800; display: inline-block;}
.se-title{font-family: 'Montserrat'; font-weight: 800; color: #333; padding-left: 164px; font-size: 48px;}
.se-p{font-size: 16px; color: #555; line-height: 180%; margin-top: 30px; padding-left: 164px; }
.more{width: 125px; height: 33px; border: none; text-align: left; font-weight:700;font-family: 'Montserrat'; margin-top: 30px; background:url(/images/content/main/more_btn.png) no-repeat center right; margin-left: 164px; }



/*  */
#se03 {width:100%; height: 1100px; position: relative; background:url(/images/content/main/se03_bg.png) no-repeat; background-position: 500px 700px; background-size: 400px; }
#se03 .title-area {width: 100%; height: 344px; background: radial-gradient(62.19% 62.04% at 50% 50%, #FEFEFE 0%, #D1D1D1 100%);}
#se03 .wrap {padding: 130px 0; padding-left: 200px;}
#se03 .se-p{font-size: 16px; color: #555; line-height: 180%; margin-top: 180px; padding-left: 164px;}

#se03 .item-area{ position: absolute; top: 120px; right: 0; width: 592px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#se03 .item-area .item-bx{text-align: center; width: 270px; height: 376px; border-radius: 30px;border: 1px solid #CCC;background: #FFF;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10); position: relative; margin-top: 30px;}
#se03 .item-area .item-bx:nth-child(2){margin-top: 0;}
#se03 .item-area .item-bx:nth-child(4){margin-top: -70px;}
#se03 .item-area .item-bx:first-child{margin-top:100px;}
#se03 .item-area .item-bx img{margin-top:20px;}
#se03 .item-area .item-bx p{position: absolute; width: 100%; color: #555; font-weight: 700; bottom: 10px; left: 50%; transform: translate(-50%,-50%);}



/*  */
#se04{width: 100%; min-width: 100%; max-width: 100%; height: 680px;  background:url(/images/content/main/se04_bg.png) no-repeat; background-position:contain;}
#se04 .left{ padding: 130px 0; padding-left: 200px; background-color:#ED6F00; margin-left: 355px;display: inline-block; width: 35%; height: 680px; vertical-align: top; position: relative;}
#se04 .right{display: inline-block; width: 34%;  height: 680px; vertical-align: top; position: relative;}
#se04 .left .side{ transform: rotate(-90deg); position: absolute; top: 190px; left: 150px; width: 120px; text-align:right; }
#se04 .left .side p{color: #fff; font-size: 14px; font-weight: 800; display: inline-block;}
#se04 .se-title{font-family: 'Montserrat'; font-weight: 800; color: #fff; padding-left: 164px;}
#se04 .se-p{font-size: 16px; color: #fff; line-height: 180%; margin-top: 30px; padding-left: 164px; }
#se04 .more {color:#fff;width: 125px; height: 33px; border: none; text-align: left; font-weight:700;font-family: 'Montserrat'; margin-top: 30px; background:url(/images/content/main/more_btn_wh.png) no-repeat center right; margin-left: 164px; }
#se04 .more a{color:#fff;}


#se04 .right .bx-area{ margin-top: 120px; margin-left: 50px; width: 590px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#se04 .bx-area .bx-bx{text-align: left; width: 270px; height: 376px; border-radius: 30px; padding: 30px; border: 1px solid #CCC;background: #FFF;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10); position: relative; margin-top: 30px;}
#se04 .bx-area .bx-bx:nth-child(2){margin-top: 0;}
#se04 .bx-area .bx-bx:first-child{margin-top:100px;}
#se04 .bx-area .bx-bx a .badge{border-radius: 50px; padding:8px 15px; background-color: #ED6F00; color: #fff; margin-bottom: 10px;}
#se04 .bx-area .bx-bx a h4{font-size: 20px; line-height: 140%; font-weight: 700;}
#se04 .bx-area .bx-bx a .bx-content{margin-top: 40px; font-size:16px; width: 100%; height: 150px;}
#se04 .bx-area .bx-bx a .date{font-size: 14px; font-weight: 700; color: #999;}



/*  */
#se05 .wrap{padding: 130px 0; padding-left: 200px; position: relative;}
#se05 .wrap .se-p{width: 30%; padding: 0; text-align: right; position: absolute; right: 0; top:100px;}
#se05 .map{margin-left: 355px;}



/* --------------------------------------meadiaquery----------------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){

.wrap{width: 100% !important;  padding: 30px !important; height: auto; margin: 0 !important; }
section{margin: 80px 0;}

/*  */
#se01 {float:none; margin-top: 0;}
#se01 .swiper { width: 100% !important;}
#se01 .main-visual {background-size: cover; width: 100% !important;  height: 100vh;} 
#se01 .main-visual .swipe-txt { top:180px; right:0; bottom:0; left:100px; }
#se01 .main-visual .swipe-txt .main-txt{font-size: 64px;line-height: 120%;}
#se01 .main-visual .swipe-txt .main-txt span{font-weight: 800;}
#se01 .swiper-pagination{position:absolute; bottom: 300px; padding-left: 100px; text-align: left;}
    


/*  */
.side{ transform: rotate(0deg); position: relative !important; top: 0px; left: 0px; text-align:left ;}
.side p{margin-bottom: 30px; width: 160px; padding-left: 60px;}
.se-title{padding-left: 60px;}
.se-p{padding-left: 60px;}
.more{margin-left: 60px; }

/*  */
#se03 {width:100%; height: auto; margin-bottom:0 !important; position: relative; background:url(/images/content/main/se03_bg.png) no-repeat; background-position: 500px 700px;}
#se03 .title-area {width: 100%; height: auto !important; background: inherit;}
#se03 .se-p{font-size: 16px; color: #555; line-height: 180%; margin-top: 0px; padding-left: 0px; position: absolute; top: 100px; right: 100px;}

#se03 .item-area{ position: relative; top: 0px; right: 0; margin: 90px auto ; width: 592px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#se03 .item-area .item-bx{text-align: center; width: 270px; height: 376px; border-radius: 30px;border: 1px solid #CCC;background: #FFF;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10); position: relative; margin-top: 30px;}
#se03 .item-area .item-bx:nth-child(2){margin-top: 0;}
#se03 .item-area .item-bx:nth-child(4){margin-top: 30px;}
#se03 .item-area .item-bx:first-child{margin-top:0px;}
#se03 .item-area .item-bx img{margin-top:0px;}


/*  */
#se04{width: 100%; margin-top: 0; min-width: 100%; max-width: 100%; height:auto;  background:url(/images/content/main/se04_bg.png) no-repeat; background-position:contain;}
#se04 .left{width: 100% !important; padding: 0; background-color:#ED6F00; margin-left: 0;display: inline-block; width: 35%; height: 250px; vertical-align: top; position: relative;}
#se04 .right{display: inline-block; width: 100%; height: auto; vertical-align: top; position: relative;}
#se04 .left .side{ transform: rotate(0deg); position: relative !important; top: 0px; left: 0px; text-align:left ; margin-left: 30px;margin-top: 30px;}
#se04 .left .side p{margin-bottom: 30px; width: 160px; padding-left: 60px;}
#se04 .se-title{font-family: 'Montserrat'; font-weight: 800; color: #fff; padding-left: 90px;}
#se04 .se-p{font-size: 16px; color: #fff; line-height: 180%; margin-top: 0px; padding-left: 0px; position: absolute; top: 100px; right: 100px; }
#se04 .more{color:#fff;width: 125px; height: 33px; border: none; text-align: left; font-weight:700;font-family: 'Montserrat'; margin-top: 30px; background:url(/images/content/main/more_btn_wh.png) no-repeat center right; padding-left: 0px; position: absolute; top: 130px; right: 100px;}

#se04 .right .bx-area{ margin-top: 60px; margin-bottom: 60px; margin-left: 0; padding-left: 30px; padding-right: 30px; width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#se04 .bx-area .bx-bx{text-align: left; width: 49%; height: auto; border-radius: 30px; padding: 30px; position: relative; margin-top: 0px;}
#se04 .bx-area .bx-bx:nth-child(2){margin-top: 0;}
#se04 .bx-area .bx-bx:first-child{margin-top:0px;}
#se04 .bx-area .bx-bx a .badge{border-radius: 50px; padding:8px 15px; background-color: #ED6F00; color: #fff; margin-bottom: 10px;}
#se04 .bx-area .bx-bx a h4{font-size: 20px; line-height: 140%; font-weight: 700;}
#se04 .bx-area .bx-bx a .bx-content{margin-top: 40px; font-size:14px; width: 100%; height: 100px;}
#se04 .bx-area .bx-bx a .date{font-size: 14px; font-weight: 700; color: #999;}

/*  */
#se05{width: 100%;}
#se05 .wrap{padding: 0; position: relative; }
#se05 .wrap .se-p{width: 30%; padding: 0; text-align: right; position: absolute; right: 90px; top:100px;}
#se05 .map{width:100%; margin-left: 0px;}
#se05 .map img{width: 100%;}

}/* 태블릿종료 */
    
    
/* Mobile - Portrait */
@media (max-width:779px){

.wrap{width: 100% !important; padding: 30px !important; height: auto; margin: 0 !important; }
section{margin: 80px 0;}

/*  */
#se01 {float:none; margin-top: 0;}
#se01 .swiper { width: 100% !important;}
#se01 .main-visual {background-size: cover; width: 100% !important;  height: 100vh;} 
#se01 .main-visual .swipe-txt { top:150px; right:0; bottom:0; left:30px; }
#se01 .main-visual .swipe-txt .main-txt{font-size: 3rem;line-height: 120%;}
#se01 .main-visual .swipe-txt .main-txt span{font-weight: 800;}
#se01 .swiper-pagination{position:absolute; bottom: 200px; padding-left: 30px; text-align: left;}


/*  */
.side{ transform: rotate(0deg); position: relative !important; top: 0px; left: 0px; text-align:left ;}
.side p{margin-bottom: 30px; width: 160px; padding-left: 0px;}
.se-title{padding-left: 0px; font-size: 30px;}
.se-p{padding-left: 0px; font-size: 14px;}
.more{margin-left: 0px; }

/*  */
#se03 {width:100%;height: 800px; margin-bottom:0 !important; position: relative;  background:url(/images/content/main/se03_bg.png) no-repeat radial-gradient(62.19% 62.04% at 50% 50%, #FEFEFE 0%, #D1D1D1 100%);; background-position: 500px 700px;}
#se03 .title-area {width: 100%; height: 300px !important; background: radial-gradient(62.19% 62.04% at 50% 50%, #FEFEFE 0%, #D1D1D1 100%);}
#se03 .se-p{font-size: 14px; line-height: 180%; margin-top: 0px; padding-left: 0px; position: relative; top: 0px; right: 0; margin-top: 30px;}
#se03 .item-area{ position: relative !important; top: 0px; right: 0; margin: 90px auto ; width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center;}
#se03 .item-area .item-bx{text-align: center; width: 45%; height: auto; border-radius: 25px;border: 1px solid #CCC;background: #FFF;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10); position: relative; margin-top: 30px;}
#se03 .item-area .item-bx a img{width: 80%; margin: 10px auto 30px;}
#se03 .item-area .item-bx a p{bottom: 8px; font-size: 12px; letter-spacing: -0.5px;}
#se03 .item-area .item-bx:nth-child(2){margin-top: 0;}
#se03 .item-area .item-bx:nth-child(4){margin-top: 30px;}
#se03 .item-area .item-bx:first-child{margin-top:0px;}


/*  */
#se04{width: 100%; margin-top: 0; margin-bottom: 0px; min-width: 100%; max-width: 100%; height:auto;  background:#ddd}
#se04 .left{width: 100% !important; padding: 0; background-color:#ED6F00; margin-left: 0;display: inline-block; width: 35%; height: 250px; vertical-align: top; position: relative;}
#se04 .right{display: inline-block; width: 100%; height: auto; vertical-align: top; position: relative;}
#se04 .left .side{ transform: rotate(0deg); position: relative !important; top: 0px; left: 0px; text-align:left ; margin-left: 30px;margin-top: 30px;}
#se04 .left .side p{margin-bottom: 30px; width: 160px; padding-left: 0px;}
#se04 .se-title{font-family: 'Montserrat'; font-weight: 800; color: #fff; padding-left: 30px;}
#se04 .se-p{font-size: 14px; color: #fff; line-height: 180%; margin-top: 0px; padding-left: 0px; position: relative; margin-left: 30px; margin-top: 30px; }
#se04 .more{color:#fff;width: 125px; height: 33px; border: none; text-align: left; font-weight:700;font-family: 'Montserrat'; margin-top: 0px; background:url(/images/content/main/more_btn_wh.png) no-repeat center right; padding-left: 0px; position: absolute; top: 22px; right: 30px;}

#se04 .right .bx-area{ margin-top: 60px; margin-bottom: 60px; margin-left: 0; padding-left: 30px; padding-right: 30px; width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#se04 .bx-area .bx-bx{text-align: left; width: 100%; height: auto; border-radius: 30px; padding: 30px; position: relative; margin-top: 0px;}
#se04 .bx-area .bx-bx:nth-child(2){margin-top: 30px;}
#se04 .bx-area .bx-bx:first-child{margin-top:0px;}
#se04 .bx-area .bx-bx a .badge{border-radius: 50px; padding:8px 15px; background-color: #ED6F00; color: #fff; margin-bottom: 10px;}
#se04 .bx-area .bx-bx a h4{font-size: 20px; line-height: 140%; font-weight: 700;}
#se04 .bx-area .bx-bx a .bx-content{margin-top: 40px; font-size:14px; width: 100%; height: 100px;}
#se04 .bx-area .bx-bx a .date{font-size: 14px; font-weight: 700; color: #999;}

/*  */
#se05{width: 100%; margin-top: 0px;}
#se05 .wrap{padding: 0; position: relative; }
#se05 .wrap .se-p{width: 30%; padding: 0; text-align: right; position: absolute; right: 30px; top:50px;}
#se05 .map{width:100%; margin-left: 0px;}
#se05 .map img{width: 100%;}

    
    }/* 모바일종료 */