* {padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.container__wr_1200 {max-width:1200px;width:100%;margin:0 auto;}
.container__wr_842 {max-width:842px;width:100%;margin:0 auto;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,a,p,span,div {color:#333;line-height:1.3em;word-break: keep-all;}
a {color:#333;text-decoration: none;word-break: keep-all;}
br {font-size:0;}
/* 반응형 가운데 정렬 이미지 */
.center_image {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

/*pop-up 팝업*/
#top-pop-up {position:relative;width:100%;height:60px;top:0;left:0;background:#000;z-index: 1000;}
#top-pop-up .pop-content {text-align:center}
#top-pop-up .pop-content span {font-size:18px;color:#fff;line-height:60px;}
#top-pop-up .pop-content span a {color:#fff;}
#top-pop-up .pop-content span img {width:100px;vertical-align: middle;margin:0 9px;}
#top-pop-up .pop-btn {height:55px;line-height:55px;float:right;}
#top-pop-up .pop-btn input {margin-right:5px;}
#top-pop-up .pop-btn label {font-size:12px;color:#fff;}
#top-pop-up .pop-btn .pop-close-btn {margin-left:15px;cursor:pointer;}

@media (max-width:1280px) {
    #top-pop-up {display:none;}
}

/* 헤더 */
#header {position:fixed;width:100%;top:0;left:0;padding:15px 37px 0;transition:all .1s ease-in-out;z-index: 777;}
#header.move {background:#362f2d;}
#header.isPopUp {top:55px;}
.header-top {width:100%;text-align:right;}
.hd-login {display:inline-block;}
.hd-login ul {}
.hd-login ul li {display:inline-block;margin:0 12px;vertical-align: middle;}
.hd-login ul li a {font-size:14px;font-family:"Noto Sans KR";color:#b7b7b7;}
.hd-login ul li:hover a {color:#c4a673;}
.hd-sns {display:inline-block;}
.hd-sns ul {}
.hd-sns ul li {display:inline-block;width:30px;height:30px;margin:0 2px;vertical-align: middle;}
.hd-sns ul li a {display:inline-block;width:100%;height:100%;}
.hd-sns ul li:nth-child(1) a {background:url('../../img/sns_instagram.png') center no-repeat;}
.hd-sns ul li:nth-child(2) a {background:url('../../img/sns_blog.png') center no-repeat;}
.hd-sns ul li:nth-child(3) a {background:url('../../img/sns_youtube.png') center no-repeat;}
.hd-sns ul li:nth-child(4) a {background:url('../../img/sns_kakaotalk.png') center no-repeat;}
.hd-sns ul li:nth-child(1):hover a {background:url('../../img/sns_instagram_colored.png') center no-repeat;}
.hd-sns ul li:nth-child(2):hover a {background:url('../../img/sns_blog_colored.png') center no-repeat;}
.hd-sns ul li:nth-child(3):hover a {background:url('../../img/sns_youtube_colored.png') center no-repeat;}
.hd-sns ul li:nth-child(4):hover a {background:url('../../img/sns_kakaotalk_colored.png') center no-repeat;}

#header .hd-nav .menu-btn {display:none;}

.header-bottom {}
.hd-nav {position:relative;padding-top:10px;}
.hd-nav .hd-logo {display:inline-block;}
.hd-nav .hd-logo img {margin-top: -15px;}
.hd-nav .hd-menu {display:inline-block;}
.hd-nav .hd-menu .menu-1dp {display: inline-block;}
.hd-nav .hd-menu .menu-1dp > li {position:relative;display: inline-block;padding: 15px 35px 20px;}
.hd-nav .hd-menu .menu-1dp > li:last-child {padding: 0 0 0 45px;}
.hd-nav .hd-menu .menu-1dp > li a {font-size:18px;font-family:"Noto Sans KR";color:#fff;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp {position:absolute;width:205px;height:0;top:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.6); opacity: 1; border:0;overflow: hidden;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp.open {width:205px;height:auto;border:1px solid #ccc;padding:10px 0 10px 15px;border-top:5px solid #c4a673;overflow:visible; }
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li {display: block;padding:10px 20px;text-align:left;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li a {display:block;width:100%;font-size:15px;font-family:"Noto Sans KR";color:#fff;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li:hover > a {color:#c4a673;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp {position:absolute;width:0;min-height:143px;top:-5px;left:100%;background:rgba(0,0,0,0.6);border:0;overflow:hidden;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp.open {width:245px;border:1px solid #ccc;border-top:5px solid #c4a673;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp li {padding-left:20px;margin-top:20px;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp li:last-child {margin-bottom:20px;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp li a {font-size:15px;font-family:"Noto Sans KR";color:#fff;}
.hd-nav .hd-menu .menu-1dp > li .menu-2dp > li .menu-3dp li:hover a {color:#c4a673;}

#hidden-menu {position:absolute;width:100%;height:0;left:0;top:80px;background:#f4efef;text-align:left;transition:all .1s ease-in-out;overflow: hidden;}
#hidden-menu.visible {height:auto;transition:all .1s ease-in-out;}
#hidden-menu .hm-list {border-top:5px solid #c4a673;}
#hidden-menu .hm-list .hm-1dp {}
#hidden-menu .hm-list .hm-1dp li {}
#hidden-menu .hm-list .hm-1dp > li {padding:20px 0;border-bottom:1px solid #dfdede;}
#hidden-menu .hm-list .hm-1dp li > a,
#hidden-menu .hm-list .hm-1dp li > span {position:relative;display:inline-block;width:100%;height:100%;font-size:16px;color:#252525;padding-left:25px;cursor:pointer;}
#hidden-menu .hm-list .hm-1dp li span .hm-list-arrow {position:absolute;width:16px;height:8px;top:50%;right:20px;margin-top:-4px;transform:rotate(0);transition: all .25s ease-in-out;}
#hidden-menu .hm-list .hm-1dp li span .hm-list-arrow.open {transform:rotate(180deg);transition: all .15s ease-in-out;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp {height:0;overflow: hidden;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp.open {height:auto;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp li {margin-top:20px;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp li span,
#hidden-menu .hm-list .hm-1dp li .hm-2dp li a {display:inline-block;width:100%;height:100%;font-size:15px;color:#898989;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp li .hm-3dp {height:0;overflow:hidden;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp li .hm-3dp.open {height:auto;}
#hidden-menu .hm-list .hm-1dp li .hm-2dp li .hm-3dp a {font-size:15px;color:#898989;}

.hm-list-bottom {text-align:right;}
.hm-list-bottom .hm-login {display: inline-block;vertical-align: middle;margin-bottom:15px;}
.hm-list-bottom .hm-login ul {}
.hm-list-bottom .hm-login ul li {display:inline-block;margin-left:20px;}
.hm-list-bottom .hm-login ul li a {font-size:15px;font-weight:bold;color:#959595;}
.hm-list-bottom .hm-login ul li a:focus {color:#c4a673;}
.hm-list-bottom .hm-sns {display:inline-block;margin:15px 20px 30px 20px;vertical-align: middle;}
.hm-list-bottom .hm-sns ul {}
.hm-list-bottom .hm-sns ul li {display:inline-block;width:34px;height:34px;}
.hm-list-bottom .hm-sns ul li a {display:inline-block;width:34px;height:34px;}
.hm-list-bottom .hm-sns ul li:nth-child(1) a {background:url('../../img/sns_instagram_colored.png') center no-repeat;}
.hm-list-bottom .hm-sns ul li:nth-child(2) a {background:url('../../img/sns_blog_colored.png') center no-repeat;}
.hm-list-bottom .hm-sns ul li:nth-child(3) a {background:url('../../img/sns_youtube_colored.png') center no-repeat;}
.hm-list-bottom .hm-sns ul li:nth-child(4) a {background:url('../../img/sns_kakaotalk_colored.png') center no-repeat;}

/*header 반응형*/
@media (max-width:1280px) {
    #header {padding: 13px 20px;}
    .hd-nav .hd-logo img {margin-top: 0;}
    #header .hd-login, #header .hd-sns, #header .hd-menu {display:none;}
    #header .hd-nav .menu-btn {display:block;position:absolute;width: 35px;right:0;top:15px;cursor:pointer;}
    #header .hd-nav .menu-btn img {width: 100%;}
    #header .hd-nav .menu-btn .menu-icon {display:block;}
    #header .hd-nav .menu-btn .menu-close-icon {display:none;}
    #header .hd-nav .menu-btn.visible .menu-icon {display:none;}
    #header .hd-nav .menu-btn.visible .menu-close-icon {display:block;}
    #hidden-menu {width: calc(100% + 40px);height: 0;left: -20px;top: 68px;}
}
@media (max-width:768px) {
    #header {padding: 0 15px 10px;}
    .hd-nav {margin-top:5px;}
    .hd-nav .hd-logo img {width:107px;}
    #header .hd-nav .menu-btn {width:22px;top:12px;}
    #header .hd-nav .menu-btn img {}
    #hidden-menu {top:45px;}
    #hidden-menu .hm-list .hm-1dp li span {font-size:15px;}
    #hidden-menu .hm-list .hm-1dp li .hm-2dp li a{font-size:14px;}
    .hm-list-bottom .hm-sns {margin: 15px 10px 30px 15px;}
}


/*top-btn*/
.top-btn__wrap.container__wr_1200 {position: fixed;max-width:1200px;left:50%;bottom:0;margin-left:-600px;}
#top-btn {position:absolute;bottom:20px;width:58px;height:58px;right:0;text-align:center;background:#c4a673;border:0;border-radius:50%;}
#top-btn i {font-size:25px;font-weight:400;color:#fff;}
#top-btn span {display:block;font-size:9px;margin-top:3px;}
@media (max-width: 1280px) {
    .top-btn__wrap.container__wr_1200 {right:0; margin-left:0;}
}
/*footer*/
#footer {}
#footer .ft-con.con01{height:80px;padding-top:25px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
#footer .ft-con .ft-con__left {display:inline-block;width:calc(50% - 2px);}
#footer .ft-con .ft-con__left ul li {display:inline-block;margin-right:15px;}
#footer .ft-con .ft-con__left ul li a {font-size:15px;font-weight:bold;color:#7d7d7d;}
#footer .ft-con .ft-con__left ul li:hover a {color:#a67c52;}
#footer .ft-con .ft-con__right {display:inline-block;width:calc(50% - 2px);text-align:right;}
#footer .ft-con .ft-con__right span {font-size:15px;color:#555;}
#footer .ft-con .ft-con__right span a {font-size:20px;font-weight:600;color:#a67c52;margin-left:10px;}
#footer .ft-con.con02 {padding:20px 0 50px 0;}
#footer .ft-con.con02 p {font-size:15px;color:#555;margin-top:5px;}

/*footer 반응형*/
@media (max-width:1280px) {
    #footer {}
    #footer .ft-con.con01 {padding:0 20px;}
    #footer .ft-con.con02 {padding:20px;}
    #footer .ft-con .ft-con__left ul li a {line-height:80px;}
}

@media (max-width: 768px) {
    #footer .ft-con.con01 {padding-top:17px;padding:17px 15px 0;}
    #footer .ft-con .ft-con__left {display:block;width:100%;height:auto;padding-top:0;}
    #footer .ft-con .ft-con__left ul li {display:inline-block;margin-right:15px;}
    #footer .ft-con .ft-con__left ul li a {font-size:14px;line-height:1em;}

    #footer .ft-con .ft-con__right {display:block;width:100%;text-align:left;margin-top:5px;}
    #footer .ft-con .ft-con__right span {font-size:15px;color:#555;}
    #footer .ft-con .ft-con__right span a {font-size:20px;font-weight:600;color:#a67c52;margin-left:10px;}

    #footer .ft-con.con02 {padding:18px 15px 65px;}
    #footer .ft-con.con02 p {font-size:14px;/*letter-spacing: 0.12em;*/line-height:1.5em;margin-top:5px;}
}

/* ================================================================================
   메인페이지 본문
   ================================================================================ */
/*section-01*/
#section-01 {}
#section-01 #sect01-slider {width:100%;}
#section-01 #sect01-slider .slick-slide {position:relative;width:100%;height:100%;}
#section-01 #sect01-slider .slick-slide .slide-img-wrap {position:relative;width:100%;padding-top:calc(968 / 1920 * 100%);}
#section-01 #sect01-slider .slick-slide .slide-img-wrap img {position:absolute;width:100%;height:100%;left:50%;top:0;transform:translateX(-50%);}
#section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_fhd {display:block;}
#section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_768 {display:none;}
#section-01 #sect01-slider .slick-slide .slide-text-wrap {position:absolute;width:687px;height:301px;left:37%;top:40%;transform:translate(-50%, -50%);}
#section-01 #sect01-slider .slick-slide .slide-text-wrap h1 {font-size:20px;font-family:Montserrat-bold;color:#fff; line-height: 32px; letter-spacing: -1px;}
#section-01 #sect01-slider .slick-slide .slide-text-wrap h2 {font-size:18px;font-weight:400;color:#fff;margin-top:20px; line-height: 1.5em;}
#section-01 #sect01-slider .slick-slide .slide-text-wrap button {width:195px;height:60px;line-height:60px;font-size:15px;color:#fff;background:transparent;border:1px solid #fff;border-radius:35px;margin-top:60px;}

#section-01 #sect01-slider .slick-dots {position: absolute;text-align: center;bottom: 7%;width: 100%;text-align:center;}
#section-01 #sect01-slider .slick-dots li {display:inline-block;width:12px;height:12px;background:#fff;border-radius:50%;margin:0 6px;cursor:pointer;}
#section-01 #sect01-slider .slick-dots li button {font-size:0;background:transparent;border:0;}
#section-01 #sect01-slider .slick-dots .slick-active {background:#c4a673;cursor:default;}

/*section-02*/
#section-02 {}
#section-02 .sect02-con.con01 {padding:135px 0 0;}
#section-02 .sect02-con .text-wrap {display:inline-block;width:calc(50% - 2px);}
#section-02 .sect02-con .text-wrap h1 {font-size:45px;font-weight:bold;color:#050726;}
#section-02 .sect02-con .text-wrap h1 span {color:#c4a673;}
#section-02 .sect02-con .text-wrap h2 {font-size:25px;color:#555;margin-top:20px;}
#section-02 .sect02-con .text-wrap p {font-size:16px;color:#555;margin-top:40px;}
#section-02 .sect02-con .text-wrap button {
    width:220px;
    height:50px;
    font-size:16px;
    color:#c4a673;
    background:transparent;
    border:1px solid #c4a673;
    border-radius:27px;
    margin-top:40px;
    font-family: 'Noto Sans KR', dotum, sans-serif;
}
#section-02 .sect02-con .text-wrap button img {vertical-align: text-bottom;margin-left:10px;}
#section-02 .sect02-con .img-wrap {display:inline-block;width:calc(50% - 2px);}
#section-02 .sect02-con .img-wrap img {width:42.3vw;}
#section-02 .sect02-con.con02 {margin-top:100px; overflow: hidden;}
#section-02 .sect02-con h3 {font-size:45px;font-weight:bold;color:#050726;text-align: center;}
#section-02 .sect02-con h3 span {color:#a67c52;}
#section-02 .sect02-con #sect02-slider {margin-top:60px;}
#section-02 .sect02-con #sect02-slider .slick-list {overflow:visible;}
#section-02 .sect02-con #sect02-slider .slick-slide {position:relative;width:calc(50% - 20px);margin: 0 10px;}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-img-wrap {position:relative;width:100%;}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-img-wrap:after {content:'';position:absolute;width:100%;height:100%;left:0;top:0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-img-wrap img {width:100%;}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap {position:absolute;width:100%;bottom:0;left:0;padding:67px 60px;}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap h4 {font-size:22px;font-weight:bold;color:#fff;}
#section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap p  {font-size:16px;color:#fff;margin-top:25px;}
#section-02 .sect02-con #sect02-slider .slick-slide a:hover:after {
    content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:10px solid #c4a673;
}

#section-02 #sect02-slider .slick-dots {text-align: center;bottom: 7%;width: 100%;text-align:center;padding:60px 0 100px;}
#section-02 #sect02-slider .slick-dots li {display:inline-block;width:12px;height:12px;background:#d7d7d7;border-radius:50%;margin:0 6px;cursor:pointer;}
#section-02 #sect02-slider .slick-dots li button {font-size:0;background:transparent;border:0;}
#section-02 #sect02-slider .slick-dots .slick-active {background:#c4a673;cursor:default;}

/*section-03*/
#section-03 {}
#section-03 .sect03-con {text-align:center;padding:120px 0 40px;}
#section-03 .sect03-con h1 {font-size:45px;font-weight:bold;color:#fff;}
#section-03 .sect03-con p {font-size:16px;line-height:1.7em;color:#d7d7d7;margin-top: 30px}
#section-03 .sect03-con .search-bar {margin: 60px auto;}
#section-03 .sect03-con .search-bar form {}
#section-03 .sect03-con .search-bar form select {width:240px; height:52px;font-size:16px;line-height:52px;padding: 0 20px;margin:0 5px;border-radius:10px;}
#section-03 .sect03-con .search-bar form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;
    background:#fff url('../../img/select_arrow.png') no-repeat 92% center;}
#section-03 .sect03-con .search-bar form select::-ms-expand {display:none;}
#section-03 .sect03-con .search-bar form select option {font-size:16px;color:#636363;}
#section-03 .sect03-con .search-bar form input {width:80px;height:52px;line-height:52px;font-size:16px;font-weight:bold;color:#fff;background:#c4a673;border-radius:10px;}
#section-03 .sect03-con img {width:360px;}

/* =====================================================================================
    반응형
   ===================================================================================== */
@media (max-width:1280px) {
    /*section-01*/
    #section-01 #sect01-slider .slick-slide .slide-img-wrap {height:1024px;}
    #section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_fhd {display:none;}
    #section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_768 {display:block;}
    #section-01 #sect01-slider .slick-slide .slide-text-wrap {position:absolute;width:550px;height:450px;left:50%;top:50%;transform:translate(-50%, -50%);}

    #section-01 #sect01-slider .slick-slide .slide-text-wrap h2 {font-size:18px;font-weight:400;color:#fff;margin-top:50px;}
    #section-01 #sect01-slider .slick-slide .slide-text-wrap button {width:195px;height:60px;line-height:60px;font-size:15px;color:#fff;background:transparent;border:1px solid #fff;border-radius:35px;margin-top:60px;}

    #section-01 #sect01-slider .slick-dots {bottom:7%;width:100%;}
    #section-01 #sect01-slider .slick-dots li {display:inline-block;width:12px;height:12px;background:#fff;border-radius:50%;margin:0 6px;}
    #section-01 #sect01-slider .slick-dots li button {font-size:0;background:transparent;border:0;}
    #section-01 #sect01-slider .slick-dots .slick-active {background:#c4a673;}

    /*section-02*/
    #section-02 {background:transparent !important;}
    #section-02 .sect02-con.con01 {padding:80px 0 0;}
    #section-02 .sect02-con .text-wrap {display:block;width:728px;padding: 0 20px;margin:0 auto;}
    #section-02 .sect02-con .text-wrap h1 {font-size:45px;text-align: left;}
    #section-02 .sect02-con .text-wrap h2 {font-size:25px;margin-top:20px;text-align:left;}
    #section-02 .sect02-con .text-wrap p {font-size:16px;margin-top:40px;}
    #section-02 .sect02-con .text-wrap button {width:220px;height:50px;margin-top:40px; margin-bottom:50px;}
    #section-02 .sect02-con .text-wrap button img {vertical-align: text-bottom;margin-left:10px;}
    #section-02 .sect02-con .img-wrap {width:100%;text-align:center;}
    #section-02 .sect02-con .img-wrap img {width:750px;}

    #section-02 .sect02-con.con02 {margin-top:100px; overflow: hidden;}
    #section-02 .sect02-con h3 {font-size:45px;}
    #section-02 .sect02-con #sect02-slider {margin-top:60px;}
    #section-02 .sect02-con #sect02-slider .slick-list {overflow:visible;}
    #section-02 .sect02-con #sect02-slider .slick-slide {width:calc(50% - 20px);margin: 0 5px;}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap {padding:30px;}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap h4 {font-size:20px;}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap p  {display:none;}
    #section-02 .sect02-con #sect02-slider .slick-slide a:hover:after {border:0;}

    #section-02 #sect02-slider .slick-dots {bottom: 7%;width: 100%;padding:40px 0 80px;}
    #section-02 #sect02-slider .slick-dots li {width:12px;height:12px;margin:0 6px;}
    #section-02 #sect02-slider .slick-dots li button {font-size:0;border:0;}

    /*section-03*/
    #section-03 {}
    #section-03 .sect03-con h1 {font-size:45px;}
    #section-03 .sect03-con p {font-size:16px;line-height:1.7em;margin-top: 30px;}
    #section-03 .sect03-con .search-bar {margin: 60px auto;}
    #section-03 .sect03-con .search-bar form {}
    #section-03 .sect03-con .search-bar form select {width:240px; height:52px;line-height:52px;padding: 0 20px;margin:0 5px;border-radius:10px;}
    #section-03 .sect03-con .search-bar form select option {font-size:16px;}
    #section-03 .sect03-con .search-bar form input {width:80px;height:52px;line-height:52px;font-size:16px;border-radius:10px;}
    #section-03 .sect03-con img {width:360px;}
}

@media (max-width:1024px) {
    #section-01 #sect01-slider .slick-slide .slide-text-wrap img{max-width: 440px;}
}

@media (max-width:768px) {
    /*section-01*/
    #section-01 #sect01-slider .slick-slide .slide-img-wrap {height:568px;}
    #section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_fhd {display:none;}
    #section-01 #sect01-slider .slick-slide .slide-img-wrap .visible_768 {display:block;}
    #section-01 #sect01-slider .slick-slide .slide-text-wrap {position:absolute;width:100%;height:200px;left:0;top:40%;transform:translateY(-50%);text-align:center;}

    #section-01 #sect01-slider .slick-slide .slide-text-wrap h2 {font-size:16px;margin-top:30px;}
    #section-01 #sect01-slider .slick-slide .slide-text-wrap button {display:none;}

    #section-01 #sect01-slider .slick-dots {bottom:7%;width:100%;}
    #section-01 #sect01-slider .slick-dots li {width:10px;height:10px;margin:0 3px;}
    /*section-02*/
    #section-02 {background:transparent !important;}
    #section-02 .sect02-con.con01 {padding:80px 0 0;}
    #section-02 .sect02-con .text-wrap {display:block;width:100%;padding: 0 15px;margin:0 auto;}
    #section-02 .sect02-con .text-wrap h1 {font-size:22px;}
    #section-02 .sect02-con .text-wrap h2 {font-size:16px;margin-top:15px;}
    #section-02 .sect02-con .text-wrap p {font-size:15px;line-height: 1.5em;margin-top:30px;}
    #section-02 .sect02-con .text-wrap button {width:220px;height:50px;margin-top:30px; margin-bottom:30px;}
    #section-02 .sect02-con .text-wrap button img {vertical-align: text-bottom;margin-left:10px;}
    #section-02 .sect02-con .img-wrap {width:100%;text-align:center;}
    #section-02 .sect02-con .img-wrap img {width:100%;min-width:320px;}

    #section-02 .sect02-con.con02 {margin-top:50px;}
    #section-02 .sect02-con h3 {font-size:22px;}
    #section-02 .sect02-con #sect02-slider {margin-top:30px;}
    #section-02 .sect02-con #sect02-slider .slick-list {overflow:hidden;}
    #section-02 .sect02-con #sect02-slider .slick-slide {position:relative;width:100%;margin:0 15px;:}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap {padding:20px;}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap h4 {font-size:16px;}
    #section-02 .sect02-con #sect02-slider .slick-slide .slide-text-wrap p {display:none;}
    #section-02 .sect02-con #sect02-slider .slick-slide a:hover:after {
        content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:0;
    }

    #section-02 #sect02-slider .slick-dots {bottom: 7%;width: 100%;padding:30px 0 50px;}
    #section-02 #sect02-slider .slick-dots li {width:10px;height:10px;margin:0 3px;}
    #section-02 #sect02-slider .slick-dots li button {font-size:0;border:0;}
    /*section-03*/
    #section-03 {background-size: auto 520px !important;}
    #section-03 .sect03-con {padding: 80px 0 40px;}
    #section-03 .sect03-con h1 {font-size:22px;color:#fff;}
    #section-03 .sect03-con p {font-size:15px;line-height:1.7em;margin-top: 25px}
    #section-03 .sect03-con .search-bar {margin: 30px auto 40px;text-align:center;}
    #section-03 .sect03-con .search-bar form {}
    #section-03 .sect03-con .search-bar form select {display:block;font-size:15px;padding: 0 20px;margin:0 auto 9px;border-radius:10px;}
    #section-03 .sect03-con .search-bar form select option {font-size:15px;}
    #section-03 .sect03-con .search-bar form input {font-size:15px;margin-top:10px;}
    #section-03 .sect03-con img {width:230px;}
}

@media (max-width: 500px){
    #section-01 #sect01-slider .slick-slide .slide-text-wrap img{max-width: 300px;}
}

/*개인정보처리방침, 이용약관*/
.agree_content_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 99999;display: none;}
.agree_content{
    position: fixed;width: 90%;max-width: 1200px;top:50%; left:50%;background-color: #f5f5f5;padding: 50px;
    box-shadow: 5px 5px 10px;display: none;z-index: 999999;height: 80vh;margin-top: calc(80vh / 2 * -1);margin-left: -600px;
}
.agree_content .block{height: 100%;}
.agree_content .icon_img{margin-right: 10px;vertical-align: sub;}
.agree_content .close_btn{float: right;}

.agree_content .row_10{font-size: 25px;color: #252525;margin-bottom: 35px;}
.agree_content .row_20{border: 1px solid #b7b7b7;background-color: #ffffff;padding: 30px;font-size: 15px;line-height: 24px;overflow-y: scroll;color: #252525;height: calc(100% - 64px)}

@media (max-width: 1200px) {
    .agree_content{margin-left: calc(90% / 2 * -1);}
}

@media (max-width: 768px) {
    .terms-wrap div{margin-top:15px;}
    .agree_content{padding: 20px;}
    .agree_content .row_10{font-size: 18px;margin-bottom: 15px;}
    .agree_content .icon_img,
    .agree_content .close_btn img{height: 20px;}
    .agree_content .row_20{height: calc(100% - 36px);padding: 10px;font-size: 13px;line-height: 20px;}
}


/*section04 추가*/
#section-04 {}
#section-04 .sect04-con {max-width:1260px;padding:50px 30px 0;margin: 0 auto;}
#section-04 .sect04-con .tit {position:relative;display:inline-block;left:50%;transform:translateX(-50%);font-size:25px;font-weight:600;color:#050726;text-align: center;}
#section-04 .sect04-con .tit:before,
#section-04 .sect04-con .tit:after {content:'';position:absolute;width:2px;height:24px;top:calc(50% - 12px);background:#050726;}
#section-04 .sect04-con .tit:before {left: -10px;}
#section-04 .sect04-con .tit:after {right: -10px;}
#section-04 .sect04-con .subTit {display:flex;align-items:center;justify-content:center;height:33px;font-family:'NanumMyeongjo';font-size:20px;font-weight:700;color:#fff;background:#000;margin-top:20px;}

#section-04 .sect04-con .imgList {}
.col04 {display:flex;flex-wrap:wrap;}
.col04 li {width:calc(25% - 15px);border:1px solid #c3c3c3;margin-right:20px;margin-top:20px;}
.col04 li:nth-of-type(4n) {margin-right:0;}
.col04 li .img-wr {height:135px;overflow: hidden;}
.col04 li .img-wr img {width:100%;}
.col04 li .text-wr {display:flex;align-items:center;height:40px;padding:0 15px;border-top:1px solid #c3c3c3;}
.col04 li .text-wr span {font-size:16px;color:#000;}

@media (max-width: 1200px) {
    #section-04 .sect04-con {padding: 40px 20px 0;}
    #section-04 .sect04-con .tit {font-size:23px;}
    #section-04 .sect04-con .tit:before,
    #section-04 .sect04-con .tit:after {width:2px;height:20px;top:calc(50% - 10px);}
    #section-04 .sect04-con .subTit {height:30px;font-size:18px;margin-top:15px;}

    .col04 li {width:calc(50% - 7.5px);margin-right:15px;margin-top:15px;}
    .col04 li:nth-of-type(4n) {margin-right:15px;}
    .col04 li:nth-of-type(2n) {margin-right:0;}
}

@media (max-width: 768px) {
    #section-04 .sect04-con {padding: 30px 20px 0;}
    #section-04 .sect04-con .tit {font-size:20px;}
    #section-04 .sect04-con .tit:before,
    #section-04 .sect04-con .tit:after {width:1px;height:18px;top:calc(50% - 9px);}
    #section-04 .sect04-con .subTit {height:auto;font-size:16px;margin-top:10px; padding: 10px; line-height: 26px; text-align: center;}

    .col04 li {width:calc(50% - 5px);margin-right:10px;margin-top:10px;}
    .col04 li:nth-of-type(4n) {margin-right:10px;}
    .col04 li:nth-of-type(2n) {margin-right:0;}
    .col04 li .text-wr{padding: 8px; height: auto; }
    .col04 li .text-wr span{font-size: 14px; line-height: 22px;}

    #section-04 .sect04-con .subTit{font-size: 15px; padding: 10px 30px;}
}