@charset "utf-8";

#main_bn, .main_area {background-color:#fff}
#main_bn {overflow: hidden;}

#main_bn_dx .swiper-container-horizontal>.swiper-pagination-bullets, #main_bn_dx .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px !important}
#main_bn_dx .swiper-pagination-clickable .swiper-pagination-bullet { width: 18px; height: 18px; background-color:#fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);opacity: .5;}
#main_bn_dx .swiper-pagination-bullet-active {background-color:#ff8601 !important; opacity:1 !important;} 

.main_area > article {display:block; clear:both; width:100%; overflow:hidden;}
.main_area > article img {max-width:100%;}
.infoSection01 .ifinner {width:100%; padding:0 10px; margin-top:25px;text-align: center;}
.infoSection01 .ifinner > .mainmiddleWrapper > ul > li {position:relative; float: left; width:50%; margin:0 0 40px; display:inline-block; text-align: center;}
/*.infoSection01 .ifinner > .mainmiddleWrapper > ul > li span {display:none;}*/
.infoSection01 .ifinner > .mainmiddleWrapper > ul > li img {width:100%; height:auto;}
.infoSection01 .ifinner > .mainmiddleWrapper > ul > li > a > div {position:relative; width:100%; height:0; padding-bottom:100%; border-radius:100%; overflow:hidden; display:inline-block}
.infoSection01 .ifinner > .mainmiddleWrapper > ul > li > a > h1 {margin-top:10px; width:100%; display:flex;
    justify-content: center; align-items: flex-start;
    font-weight:500; font-size:13px; line-height: 20px; text-overflow: ellipsis; word-wrap:break-word; white-space: nowrap;overflow: hidden; }
.infoSection01 .ifinner > .mainmiddleWrapper .swiper-pagination {background-color: #fff !important; left:0 !important; right:0 !important; width:100% !important; text-align: center; bottom: 5px !important;}
.infoSection01 .ifinner > .mainmiddleWrapper .swiper-pagination .swiper-pagination-bullet-active {background-color: #ff8601 ;}

.onlybanner {padding-top:6px;}
.onlybanner a {display:block;}
.infoSection02 { padding:0 10px;}
.infoSection02 img {margin-top:6px;}
.reco_product {padding:0 5px;}
.reco_product > ul > li {width:100%;}
.reco_product > ul > li:first-child {padding:10px 5px; margin:0 0 0 0;}
.reco_product > ul > li:not(:first-child){width:50%;float:left; padding:5px;  margin:0 0 0 0; }
.reco_product > ul > li:nth-child(2), .reco_product > ul > li:nth-child(4) {clear:both;}

.reco_product > ul > li:first-child .bn_title { display:inline-block; width:100%; padding:10px 10px 0 10px; }
.reco_product > ul > li:first-child .bn_title > .subtitle { font-size:13px; font-weight: bold; color:#ff8601; display:inline-block; width:100%; margin:0 0 5px 0;}
.reco_product > ul > li:first-child .bn_title > .maintitle { font-size:24px; font-weight: normal; color:#000; display:inline-block; width:100%; }
.reco_product > ul > li:first-child .bn_title > .strongtitle { font-size:24px; font-weight: bold; color:#000; display:inline-block; width:100%; }
.reco_product > ul > li:first-child .bn_title > .smalltitle { font-size:14px; font-weight: bold; color:#888; display:inline-block; width:100%; margin:5px 0 0 0; }

.reco_product > ul > li:not(:first-child) .bn_title { display:inline-block; width:100%; padding:10px 5px;}
.reco_product > ul > li:not(:first-child) .bn_title > .subtitle { font-size:12px; line-height: 18px; font-weight: bold; color:#ff8601; display:inline-block; width:100%; margin:0 0 5px 0;}
.reco_product > ul > li:not(:first-child) .bn_title > .maintitle { font-size:18px; line-height: 22px; font-weight: normal; color:#000; display:inline-block; width:100%; } 

.infoSection03 { background: #f4efe9; text-align:center;}
.infoSection03 .lat_title {clear:both; font-size:18px; margin:15px 0 10px;}
.infoSection03 .bo_wrap > li {display:inline-block; width:100%;}
.infoSection03 .bo_wrap > li:nth-child(2) > div {-webkit-width:calc(100% - 20px); width:calc(100% - 20px); margin:0 auto 10px; padding:10px; background-color:#fff; border-radius:5px; display:inline-block; overflow:hidden;}
.infoSection03 .bo_wrap > li:nth-child(2) > div.mainFaq {display:none;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div {width:50%; float:left; text-align:left;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div.cs_tel h3 {font-size:12px;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div.cs_tel h1 {font-size: 22px;
font-family: 'NSM';color: #000;margin:5px 0 10px 0; font-weight:600}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div.cs_tel h5 {width:120px; word-break:keep-all;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div.cs_tel h1 strong {color:#ff8601;}
.infoSection03 .bo_wrap > li.mainMedia {margin-bottom:15px;}
.infoSection03 .bo_wrap > li.mainMedia li.empty_li {width:100%; text-align:center; font-size:12px; margin-top:20px;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div.cs_tel h4 {font-size:12px;    color: #777; font-weight:normal}
.infoSection03 .pic_lt > ul > li img {max-width:none; width:135%; margin-left:-17.5%;}
.infoSection03 .mainCustomTab {font-size:14px; margin-bottom:10px;}
.infoSection03 .mainCustomTab span {padding:0 10px; color:#adacab;}
.infoSection03 .mainCustomTab span.on {color:#000; font-weight:bold}
.pic_lt > ul > li img, .pic_lt > ul > li span {margin:0;}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div .lat > ul > li {padding:2px 0}
.attendbanner {padding:0}
.infoSection03 .bo_wrap > li:nth-child(2) > div > div .lat > ul > li.empty_li{text-align:center}

#container{background-color:#fff}

@media (min-width: 768px) {

    .onlybanner, .attendbanner, .infoSection02 {text-align: center;}

    .infoSection02 .mainBig > ul {display: inline-block; width:100%; max-width:635px;}
    .infoSection02 .mainBig > ul > li {width:50%; float: left;}
    .infoSection02 .mainBig > ul > li:first-child {padding-right:5px;}
    .infoSection02 .mainBig > ul > li:last-child {padding-left:5px;}

    .reco_product, .infoSection03 .bo_wrap {max-width:635px; margin:0 auto;}

    #main_bn_dx {text-align:center;}
}

#main_bn_dx.new_banner .slick-dots {position: absolute; bottom:15px; left:0; width:100%; text-align: center;}
#main_bn_dx.new_banner .slick-dots > li {width:18px; height: 18px; margin:0 5px; border-radius: 100%; display: inline-block; overflow: hidden; background-color: rgba(255,255,255,.5);}
#main_bn_dx.new_banner .slick-dots > li.slick-active {background-color: #ff8601;}
#main_bn_dx.new_banner .slick-dots > li > button {width:100%; height: 100%; border-radius: 100%; opacity: 0;}

#main_bn_dx .swiper-slide {  }
#main_bn_dx .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
#main_bn_dx .swiper-slide > a { display:block; position:relative; }
#main_bn_dx .swiper-slide > a > .bn_title {  position:absolute; left:20px; top:35px;  transition: all 0.8s; -webkit-transition: all 0.8s; }
#main_bn_dx > h3 { position:absolute; left:20px; bottom:25px; font-size:22px; font-weight: bold; color:#333; transition: all 0.5s; -webkit-transition: all 0.5s; z-index:9;  }
#main_bn_dx .swiper-slide > a > img {  }
#main_bn_dx .swiper-slide > a > .bn_title.activeleft { left:0px; }
#main_bn_dx .swiper-slide-active { z-index: 999; }
#main_bn_dx .swiper-slide-active > a > .bn_title { left:20px !important; }
#main_bn_dx .swiper-slide-prev > a > .bn_title, #main_bn_dx .swiper-slide-duplicate-prev > a > .bn_title{ left:-40px !important; }
#main_bn_dx .swiper-slide-next > a >.bn_title, #main_bn_dx .swiper-slide-duplicate-next > a > .bn_title { left:60px !important; }

#main_bn_dx .bn_title > .subtitle { font-size:15px; font-family:'NSR'; font-weight: normal; color:#fff; display:inline-block; width:100%; margin:0 0 10px 2px;}
#main_bn_dx .bn_title > .maintitle { font-size:25px; font-family:'NSR'; font-weight: normal; color:#fff; display:inline-block; width:100%; margin:0 0 0 0; line-height: 34px; }
#main_bn_dx .bn_title > .strongtitle { font-size:27px; font-weight: normal; color:#fff; display:inline-block; width:100%; }
#main_bn_dx .bn_title > .smalltitle { font-size:15px; font-family:'NSR'; font-weight: normal; color:#fff; display:inline-block; width:100%; margin:20px 0 0 2px; }
#main_bn_dx .bn_title > * > b { font-family:'NSM'; }


.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width:auto; display:inline-block; font-size:14px; color:#fff; right:auto; position:absolute; text-align: right; background:rgba(0,0,0,.4); left:20px; padding:0 15px; height:26px; line-height: 26px; border-radius: 15px 15px 15px 15px; }


.main_section { width:100%; overflow: hidden; }
.main_section > .section_wrap { width:100%; background:#fff; padding:15px; margin:0 0 0 0; }
.main_section > .section_wrap > h1 { font-size:18px; margin:0 0; font-weight: 600; }
.main_section > .section_wrap > h1 > a { display:inline-block; float: right; font-size:13px; color:#ff8601; background:url('../../../svg/arrow_right2.svg') no-repeat right center; background-size:10px 10px; padding-right:14px; line-height: 20px; }
.main_section > .section_wrap > ul {width:100%; height:100%; display: flex; margin:15px 0; position:relative; box-sizing: content-box; min-height:150px;   }
.main_section > .section_wrap > ul > li { position:relative; float: left; padding:0 10px; display:none; width:43%; }
.main_section > .section_wrap > ul > li > a { display:inline-block;}
.main_section > .section_wrap > ul > li > a > * { display:block; }
.main_section > .section_wrap > ul > li > a > span.it_category { font-size:11px; margin:5px 0; color:#888; }
.main_section > .section_wrap > ul > li > a > span.it_name { font-size:14px; line-height: 18px; margin:0 0 8px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  }
.main_section > .section_wrap > ul > li > a > span.it_price { font-size:15px; color:#333; font-weight: bold; }
.main_section > .section_wrap > ul > li > a img { width:100%; height:auto;}
.main_section > .section_wrap .swiper-pagination {background-color: #fff !important; left:0 !important; right:0 !important; width:100% !important; text-align: center; bottom: 5px !important;}
.main_section > .section_wrap .swiper-pagination .swiper-pagination-bullet-active {background-color: #ff8601 ;}



.mainBig { width:100%; margin:15px 0; }
.mainBig > ul { width:100%; display:inline-block; padding:0; margin:0; }
.mainBig > ul > li { width:50%; float:left; }
.mainBig > ul > li:first-child {  padding:0 5px 0 0; }
.mainBig > ul > li:last-child {  padding:0 0 0 5px; }
.mainBig > ul > li > a > span { display:inline-block; width:100%; padding:7px 0 0 3px; font-size:12px; font-weight: bold; color:#888; }
.mainBig > ul > li > a > strong { display:inline-block; width:100%; padding:5px 3px; font-size:15px; font-weight: normal; color:#000; }


/* 메인 더보기 팝업 */
#dx_main_images {display: block; position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; z-index: 9999999; left: 0; top: 0; transition: all 0.2s ease;}
#dx_main_images.hide { top: 100%;}
#dx_main_images .ttl {width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ededed; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 600; position: relative;}
#dx_main_images .ttl button {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background:url('../../../img/icon/btn_big_close.png')no-repeat right center; background-size: 16px 16px; border: none;}
#dx_main_images .img-wrap {padding: 10px; background: #fff; height: calc(100vh - 60px); overflow-y: auto;}