@charset "UTF-8";

.title_wrap{position:relative}
.title_wrap h2.main_tit01{text-align:center;color:#000000;font-size:30px;position:relative;padding-bottom:20px}
.title_wrap h2.main_tit01::after{content:'';position:absolute;bottom:0;left:50%;height:1px;width:125px;background:#616161;margin-left:-62.5px}
.title_wrap h3.main_tit02{color:#1b1b1b;text-align:center;padding-top:20px;font-size:20px}
.title_wrap .more_btn{position:absolute;right:0;bottom:0;color:#1b1b1b;font-size:16px}
.title_wrap .more_btn i{margin-right:10px}

.hover_wrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%}
.hover_wrap ul{height:64px;width:220px;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-110px}
.hover_wrap ul li{display:inline-block;float:left;margin-right:14px}
.hover_wrap ul li button{border:0;background:none;padding:0}
.hover_wrap ul li:last-child{margin-right:0}

/*main_con01/추천상품*/
.main_contents1{background:#fafafa;padding:100px 0 90px}
.main_contents1 .title_wrap h2.main_tit01{}
.main_contents1 .title_wrap h2.main_tit01::after{display:none}
.main_contents1 .title_wrap .tab_wrap{text-align:center}
.main_contents1 .title_wrap .tab_wrap button{border:1px solid #000000;background:transparent;color:#000000;width:120px;height:40px;line-height:38px;font-size:18px;margin-right:8px}
.main_contents1 .title_wrap .tab_wrap button:last-child{margin:0}
.main_contents1 .title_wrap .tab_wrap button.active{background:#f08200;border:1px solid #f5c284;color:#fff}
.main_contents1 [id^="main_con01_"]{padding:40px 0 0 0}
.main_contents1 [id^="main_con01_"] > ul > li{display:inline-block;width:275px;float:left;margin-right:13px;background:#fff}
.main_contents1 [id^="main_con01_"] ul li:last-child{margin-right:0}
.main_contents1 [id^="main_con01_"] ul li a{position:relative;float:left;width:100%}
.main_contents1 [id^="main_con01_"] ul li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)}
.main_contents1 [id^="main_con01_"] ul li a figure{position:relative;float:left;width:100%}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap_right{position:absolute;right:15px;top:15px;width:70px}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap_right span{width:70px;height:20px;line-height:18px;text-align:center;font-size:12px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap_right span.icon_st01{border:1px solid #000000;color:#000000}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06}
.main_contents1 [id^="main_con01_"] ul li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686}
.main_contents1 [id^="main_con01_"] ul li a figure img{float:left;width:100%}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption{float:left;width:100%;display:inline-block;width:100%;padding:15px 20px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 30px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:35px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption h2.dis_price .won{font-size:20px;margin-left:1px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;line-height:20px;margin-top:10px}
.main_contents1 [id^="main_con01_"] ul li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:7px;width:50px;height:26px;border-radius:15px;text-align:center;line-height:25px;font-size:15px;font-weight:400}

/*main_con02/브랜드*/
.main_contents2{background:#f2f2f2;padding:80px 0}
.main_contents2 .main_con02_top{padding:85px 0 90px}
.main_contents2 .main_con02_top > li{display:inline-block;width:275px;float:left;margin-right:13px;background:url(/images/main/main_con02_con_bg-a46c8b439c4a8cb4cd59e1846370ca98.png)center top no-repeat;padding-top:190px;position:relative}
.main_contents2 .main_con02_top > li:last-child{margin-right:0}
.main_contents2 .main_con02_top > li a.link_brand{position:absolute;top:20px;width:130px;height:160px;left:50%;margin-left:-65px;text-align:center;background-color:transparent;border:0}
.main_contents2 .main_con02_top > li a.link_brand p{margin-top:2px;color:#1b1b1b;font-size:17px}
.main_contents2 .main_con02_top > li a.link_brand p i{margin-left:5px}
.main_contents2 .main_con02_top > li a{position:relative;float:left;width:100%;background-color:#fff;border:1px solid #e5e5e5}
.main_contents2 .main_con02_top > li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)}
.main_contents2 .main_con02_top > li a figure{position:relative;float:left;width:100%}
.main_contents2 .main_con02_top > li a figure .icon_wrap_right{position:absolute;right:15px;top:15px;width:70px}
.main_contents2 .main_con02_top > li a figure .icon_wrap_right span{width:70px;height:20px;line-height:18px;text-align:center;font-size:12px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents2 .main_con02_top > li a figure .icon_wrap_right span.icon_st01{border:1px solid #000000;color:#000000}
.main_contents2 .main_con02_top > li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px}
.main_contents2 .main_con02_top > li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06}
.main_contents2 .main_con02_top > li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686}
.main_contents2 .main_con02_top > li a figure img{float:left;width:100%}
.main_contents2 .main_con02_top > li a figure figcaption{float:left;width:100%;display:inline-block;width:100%;padding:15px 20px}
.main_contents2 .main_con02_top > li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px}
.main_contents2 .main_con02_top > li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px}
.main_contents2 .main_con02_top > li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 30px}
.main_contents2 .main_con02_top > li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:35px}
.main_contents2 .main_con02_top > li a figure figcaption h2.dis_price .won{font-size:20px;margin-left:1px}
.main_contents2 .main_con02_top > li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;line-height:20px;margin-top:10px}
.main_contents2 .main_con02_top > li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:7px;width:50px;height:26px;border-radius:15px;text-align:center;line-height:25px;font-size:15px;font-weight:400}


.main_contents2 .main_con02_btm{}
.main_contents2 .main_con02_btm .swiper-slide{padding:0 1px}
.main_contents2 .main_con02_btm .swiper-slide a{float:left;width:135px;border:1px solid #d4d4d4}
.main_contents2 .main_con02_btm .swiper-slide a:hover{border-color:#f08200}
.main_contents2 .main_con02_btm .swiper-slide img{float:left;width:100%}

/*main_con03/기획전*/
.main_contents3{position:relative;min-height:743px;background-position:top center;background-repeat:no-repeat}
.main_contents3_bg{
    position:absolute;
    left:0;
    top:0;
}
.main_contents3 .title_wrap{padding:90px 0 30px 0;margin-bottom:37px}
.main_contents3 section > ul{width:calc(100% - 50%);display:inline-block;float:right}
.main_contents3 section > ul > li{display:inline-block;width:275px;float:left;margin-right:13px;background:#fff}
.main_contents3 section > ul > li:last-child{margin-right:0}
.main_contents3 section > ul > li a{position:relative;float:left;width:100%;background:#fff;border:1px solid #e5e5e5}
.main_contents3 section > ul > li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)}
.main_contents3 section > ul > li a figure{position:relative;float:left;width:100%}
.main_contents3 section > ul > li a figure .icon_wrap_right{position:absolute;right:15px;top:15px;width:70px}
.main_contents3 section > ul > li a figure .icon_wrap_right span{width:70px;height:20px;line-height:18px;text-align:center;font-size:12px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents3 section > ul > li a figure .icon_wrap_right span.icon_st01{border:1px solid #000000;color:#000000}
.main_contents3 section > ul > li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px}
.main_contents3 section > ul > li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px;background-color:#fff}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06}
.main_contents3 section > ul > li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686}
.main_contents3 section > ul > li a figure img{float:left;width:100%}
.main_contents3 section > ul > li a figure figcaption{float:left;width:100%;display:inline-block;width:100%;padding:15px 20px}
.main_contents3 section > ul > li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px}
.main_contents3 section > ul > li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px}
.main_contents3 section > ul > li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 30px}
.main_contents3 section > ul > li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:35px}
.main_contents3 section > ul > li a figure figcaption h2.dis_price .won{font-size:20px;margin-left:1px}
.main_contents3 section > ul > li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;line-height:20px;margin-top:10px}
.main_contents3 section > ul > li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:7px;width:50px;height:26px;border-radius:15px;text-align:center;line-height:25px;font-size:15px;font-weight:400}

/*main_con04/고객센터*/
.main_contents4{padding:90px 0}
.main_contents4 .main_con_left,.main_contents4 .main_con_right{display:inline-block;width:50%;float:left}
.main_contents4 .main_con_left{border:15px solid #f5f5f5;padding:45px 60px;max-height:495px}
.main_contents4 .main_con_left dl{padding-bottom:40px}
.main_contents4 .main_con_left dl:first-child dt{font-size:30px;margin-bottom:30px}
.main_contents4 .main_con_left dt{font-size:20px;margin-bottom:15px}
.main_contents4 .main_con_left dd{color:#004ea2;font-size:20px}
.main_contents4 .main_con_left dd span{color:#1b1b1b;margin-left:10px;font-size:15px}
.main_contents4 .main_con_left dd a{display:inline-block;color:#fff;background:#004ea2;width:201px;height:70px;text-align:center;line-height:68px;margin-right:13px;
    font-size:20px}
.main_contents4 .main_con_left dd em{color:#0f0f0f;font-style:normal;margin:0 15px}
.main_contents4 .main_con_left dd a:last-child{margin-right:0}
.main_contents4 .main_con_right{padding-left:50px}
.main_contents4 .main_con_right .main_con_right_top{}
.main_contents4 .main_con_right .main_con_right_top .title_wrap{}
.main_contents4 .main_con_right .main_con_right_top .title_wrap h2{text-align:left}
.main_contents4 .main_con_right .main_con_right_top .title_wrap h2::after{display:none}
.main_contents4 .main_con_right .main_con_right_top ul{border-top:1px solid #c1c1c1;margin-top:20px;padding-top:30px}
.main_contents4 .main_con_right .main_con_right_top ul li{margin-bottom:5px}
.main_contents4 .main_con_right .main_con_right_top ul li a{display:inline-block;width:100%;color:#696969;font-size:15px}
.main_contents4 .main_con_right .main_con_right_top ul li a span{float:right;display:inline-block}
.main_contents4 .main_con_right .main_con_right_btm{padding-top:30px}
.main_contents4 .main_con_right .main_con_right_btm dl{}
.main_contents4 .main_con_right .main_con_right_btm dt{color:#000000;font-size:30px;position:relative;padding-bottom:20px}
.main_contents4 .main_con_right .main_con_right_btm dd{}
.main_contents4 .main_con_right .main_con_right_btm dd a{width:246px;height:169px;border:15px solid #f5f5f5;text-align:center;display:inline-block;float:left;margin-right:18px;padding:15px 0}
.main_contents4 .main_con_right .main_con_right_btm dd a:last-child{margin-right:0}
.main_contents4 .main_con_right .main_con_right_btm dd a img{vertical-align:middle}
.main_contents4 .main_con_right .main_con_right_btm dd a p{color:#6f6f6f;padding-top:10px;font-size:15px}

.main_contents2_brand{width:100% !important}
.main_contents2_brand.sliderkit .sliderkit-panel{display:inline-block !important;position:relative}


.popupLayer-footer{display:inline-block;width:100%;margin:30px 0 0;text-align:center}
.popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400}


#main_notice_pop .popupLayer-header .close{z-index:2;background-color:#fff}
#main_notice_pop .popupLayer-content{overflow:hidden}
#main_notice_pop .popupLayer-body{margin-top:0}
#main_notice_pop .popupLayer-body h4{float:left;width:100%;color:#000;font-size:25px;margin-bottom:45px;text-align:center;padding:0 50px}
#main_notice_pop .popupLayer-body h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main_notice_pop .popupLayer-footer .checkArea{float:left}
#main_notice_pop .popupLayer-footer .checkArea > *{float:left;font-size:14px;line-height:30px}
#main_notice_pop .popupLayer-footer .checkArea > input{width:17px;height:17px;margin:6px 6px 6px 0}

#main_notice_pop .popupLayer-footer .pg_wrap{float:right;margin:0;text-align:center}
#main_notice_pop .popupLayer-footer .pg_wrap:after{display:block;visibility:hidden;clear:both;content:""}
#main_notice_pop .popupLayer-footer .pg_page
, #main_notice_pop .popupLayer-footer .pg_current{display:inline-block;vertical-align:middle;background:#ffffff;border:1px solid #bfbfbf}
#main_notice_pop .popupLayer-footer .pg a:focus
, #main_notice_pop .popupLayer-footer .pg a:hover{text-decoration:none}
#main_notice_pop .popupLayer-footer .pg_page{color:#bfbfbf;font-size:13px;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none}
#main_notice_pop .popupLayer-footer .pg_page{text-indent:-999px;overflow:hidden;padding:0;border:1px solid #bbb}
#main_notice_pop .popupLayer-footer .pg_page:hover{border-color:#1b1b1b;color:#1b1b1b}
#main_notice_pop .popupLayer-footer .pg_prev{background:url('/images/sub/pg_prev-670e764d34e3137ad0506eb0e6552aad.png') no-repeat 50% 50% #fff}
#main_notice_pop .popupLayer-footer .pg_next{background:url('/images/sub/pg_next-c3e21d3feb6bf363d6f085d1989d1e5d.png') no-repeat 50% 50% #fff}
#main_notice_pop .popupLayer-footer .pg_page.swiper-button-disabled{cursor:default;opacity:0.5;border-color:#bbb}
#main_notice_pop .popupLayer-footer .pg_wrap > .txt{font-size:13px;line-height:30px;float:right;margin-right:10px}
#main_notice_pop .popupLayer-footer .pg_wrap > .txt > strong{color:#f08200}
#main_notice_pop .popupLayer-footer .pg_wrap > .pg{float:right}