@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: 500;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: 700;
}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* common */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin: 0; padding: 0; font-family: '나눔고딕', 'NanumGothic', Helvetica, sans-serif; -webkit-text-size-adjust: none;}
ul, li, dl {list-style: none;}
html, body {min-width:1200px;}
a {text-decoration:none;}
fieldset, img {border:0; margin:0; padding:0;}
img.map, map area {outline: none;}
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal;}
input, textarea{border:0; background:#fff; padding:10px; box-sizing:border-box;}
.margin_none{margin:0 !important;}


/* style */
#section01, #section02, #section03, #section04, #section05, #section06, #section07, footer{position: relative; line-height: 0; text-align: center;}

header {position:absolute;top:0px;left:0;width:100%;min-width:1200px;height:116px; background: rgba(0,0,0,.6);z-index:4;}
header .top { display: flex; justify-content: space-between;}
header .top h1 { padding-top: 25px; }
header .top > a { padding-top: 30px; }

#section01 {min-width: 1200px;}
#section01 .main_slide {overflow: hidden; width:100%; height: 743px;}
#section01 .main_slide .swiper-slide { }
#section01 .main_slide .slide01 { width: 100%; height: 100%; background: url(../img/slide_01.jpg) no-repeat top center / cover;}
#section01 .main_slide .slide02 { width: 100%; height: 100%; background: url(../img/slide_02.jpg) no-repeat top center / cover;}
#section01 .main_slide .button_wrap { display: flex; justify-content: space-between;position: absolute; top: 50%; left: 0; right: 0;margin: 0 auto; width: 1200px; text-align: center}
#section01 .main_slide .swiper-button-next {width:63px; height: 88px; background: url(../img/main_arr_next.png) no-repeat center;}
#section01 .main_slide .swiper-button-prev {width:63px; height: 88px; background: url(../img/main_arr_prev.png) no-repeat center;}
#section01 .main_slide .swiper-button-next::after,
#section01 .main_slide .swiper-button-prev::after {display: none;}



#section02 .inner > img { padding: 140px 0 26px;}
#section02 .inner .list {padding-bottom: 145px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0;}
#section02 .inner .list li {margin-top: 22px;display: flex;justify-content: center; align-items: center;}
#section02 .inner .list li:nth-child(1),
#section02 .inner .list li:nth-child(3){margin-right: 36px;}
#section02 .inner .list li figure {position: relative;  width: 483px; height: 291px; background:#f4c554;}
#section02 .inner .list li figure:hover img.bg_img{opacity:0.4;}
#section02 .inner .list li figure img.bg_img{width:100%; opacity:1; -webkit-transition:opacity 0.35s; transition:opacity 0.35s;display:block;}
#section02 .inner .list li figcaption {position: absolute; top: 88%; left: 50%; width: 100%; height: 100%;text-align: center; transform: translate(-50%, -50%);}
#section02 .inner .list li figcaption span { font-family:'Noto Sans KR'; font-size: 30px; color: #fff; font-weight: 600; letter-spacing: -1px;}
#section02 .inner .list li figcaption p {padding-top: 27px; font-family:'Noto Sans KR'; font-size: 20px; color: #fff; font-weight: 500; line-height: 1.5; letter-spacing: -1px; }



#section03{background:url(../img/bg_01.jpg) no-repeat center;}
#section04{background:url(../img/bg_02.jpg) no-repeat center;}

#section05 .pad133 { padding-bottom: 133px;}
#section05 .inner .title { padding:158px 0 43px; }
#section05 .slide-wrap {}
#section05 .slide-wrap .sub-slide {position: relative;}
#section05 .slide-wrap .sub-slide button {position: absolute;top: 50%; width:41px; height: 58px; transform: translateX(-50%);cursor: pointer; font-size: 0; color: transparent; border: 0;}
#section05 .slide-wrap .sub-slide button.slick-prev {left: -38px; background: url(../img/arr_prev.png) no-repeat center; }
#section05 .slide-wrap .sub-slide button.slick-next {right: -78px; background: url(../img/arr_next.png) no-repeat center;}
#section05 .slide-wrap .sub-slide .slide-container { text-align: center;}
#section05 .slide-wrap .sub-slide .slide-container > img { border: 14px solid #e7e7e7;}
#section05 .slide-wrap .nav {position: relative; width: 1026px;margin: 0 auto;}
#section05 .slide-wrap .nav-wrap {overflow: hidden; width: 1027px; margin: 43px auto  54px; padding: 0 15px; background: #e7e7e7}
#section05 .slide-wrap .nav-wrap::after {content: ''; display: block;clear: both;}
#section05 .slide-wrap .nav-wrap .btns {float: left;text-align: center;padding: 20px 10px; object-fit: cover; cursor: pointer;}
#section05 .slide-wrap .nav-wrap .btns img { display: block; width: 100%;}


#section06{background:url(../img/bg_03.jpg) no-repeat center;}
#section07 .gangbuk_map{ position: absolute; top: 269px; left: 50%; transform: translateX(-50%);}
footer { background: #2b2b2b;}
.root_daum_roughmap{padding: 0px !important; border: 0px !important;}
.inner{margin:0 auto; width:1200px;z-index:999;text-align: center}