@charset "UTF-8";
/*header영역*/
/*section*/
/*shipping-search*/
.shipping-search .title{font-size:36px; color:#ffffff; position:relative; left:45%; font-family:'NanumSquareR' !important; margin:10px 0 7px 0;}
.shipping-search-box{position:relative; width:100%; float:left; padding:23px 54px 35px 55px; height:165px;}
.shipping-search-box .shipping-txt{font-size:14px; line-height:18px; color:#c4cbf9; font-family:'NanumSquareR' !important; display:inline-block; position:relative; left:45%; width:170px;}

/*form모음*/
.form1{width:353px; height:45px; position:relative; display:inline-block; margin-top:18px; background:url('/img/front/icon/icon.png')no-repeat top;}
.form1-icon1{background:url('/img/front/icon/icon.png')no-repeat -247px 0px; width:27px; height:25px; position:absolute; display:inline-block; right:18px; top:12px; cursor:pointer;}
.shipping-form{padding-left:10px; border:none; height:45px; padding-right:50px;}
.form2{width:331px; height:45px; position:relative; display:block; float:right; margin-top:7px; background:url('/img/front/icon/icon.png')no-repeat top;}
.form2-icon1{background:url('/img/front/icon/icon.png')no-repeat -247px 0px; width:27px; height:25px; position:absolute; display:inline-block; right:18px; top:12px; cursor:pointer;}

/* 레이어팝업 */
.pop-up07 table{background-size:contain; border:1px solid #3b4350; border-width: 1px 1px 0px 1px; box-sizing:border-box;}
.pop-up07b{width: 100%; height: 100%; position: relative !important; height: 38px !important; background:none !important;}
.pop-up07b td{background:#3b4350; font-size:14px; color:#ffffff;}
.pop-up07ck{position: absolute; left:10px; top:13px; z-index: 201; width: 100%; height: 100%; }
.pop-up07cl{float:right; width:18px; height: 18px; background:url('/img/front/main/popup07-cl.png') no-repeat; margin-top:5px;}
.pop-up07tr{padding:11px 16px 11px 32px;}
.pop-up07rek td p.rek01{color: #000;text-align: center;font-size: 32px; position: absolute;top: 12%; left: 21%;line-height: 38px;}
.pop-up07rek td p.rek02{font-size: 24px;color: #333333;line-height: 24px;position: absolute;left: 17%; top:31%;}
.btn-rek03{width: 148px; height: 52px; color:#fff; text-align:center; font-size:20px; background:#1e75cd; border-radius:5px; position: absolute; top:49%; left:30%;}
.rek-btnwrap{text-align:center; vertical-align:top !important; padding-top:40px;}


/*join-reg,join-box*/
.join-reg{height:188px; background:#fff; margin-right:10px; width:227px;}
.join-box{height:188px; background:#fff; width:225px;}
.join-reg-wrap{padding:26px 61px 25px 61px; position: relative; width: 100%;float: left;}
.join-box-wrap{padding:26px 60px 25px 60px; position: relative; width: 100%;float: left;}
.join-reg-txt{font-size:18px; line-height:28px; color:#444444; display:block; text-align:center; width:104px; margin-top:8px; font-weight:400;}
.join-box-txt{font-size:18px; line-height:28px; color:#444444; display:block; text-align:center; width:104px; margin-top:8px; font-weight:400;}

/*delivery-search*/
.delivery-search-wrap{padding:48px 42px 32px 40px;}
.delivery-search .title{width:95px; height:55px; display:inline-block;}
.delivery-search .title b{font-size:25px; line-height:28px; font-weight:400; color:#fff; }
.delivery-search .title span{font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.05em;}

/*notice*/
.notice-wrap .title{font-size:22px; color:#333333; display:inline; float:left;}
.notice-wrap .notice-link{width:20px; height:20px; background:url('/img/front/icon/icon.png')no-repeat -2px -36px; position:absolute; top:20px; right:35px; text-indent:-9999em;}
.notice-wrap ul{width:392px; margin-top:28px; position:relative; height:50px;}
.notice-wrap ul li{height:23px; margin-top:9px; display:inline-block; font-size:15px; line-height:30px; color:#666666; padding-left:5px; width:392px; float:left;}
.notice-wrap ul li:before{position:relative; color:#adadad; width:2px; height:2px; content:''; left:-4px; top:-14px; border:1px solid #adadad;display:inline-block;}
.notice-wrap ul li.noti2:before{position:absolute; color:#adadad; width:2px; height:2px; content:''; left:0px; top:55px; display:inline-block; border:1px solid #adadad; background:#adadad;}
.notice-wrap ul li.noti3:before{position:absolute; color:#adadad; width:2px; height:2px; content:''; left:0px; top:84px; display:inline-block; border:1px solid #adadad; background:#adadad;}
.notice-wrap ul li a{color:#666; font-size:15px; line-height:30px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:265px;display:inline-block;}
.notice-wrap ul li a.noti:hover{text-decoration:underline;}
.notice-wrap ul li .noti-alert{background:url('/img/front/icon/icon.png')no-repeat -39px -31px; width:20px; height:24px; margin-left:4px; display:inline-block; position:absolute;}
.notice-wrap ul li span.noti-day{float:right; color:#666; font-size:15px; line-height:30px;}

/*main-ct-bottom*/
.main-ct-bottom-wrap{padding:25px 60px 40px 60px; width:1000px; height:143px; display:inline-block; float:left;}
.service-icon{position:relative; font-size:0; overflow:hidden;}
.main-icon01 {position:relative; width:238px; float:left;}
.main-icon01 span.icon{background:url('/img/front/main/main-icon.png')no-repeat 0px 0px; width:81px; height:81px; display:inline-block; float:left;}
.main-icon01 span.tit{font-weight:400;position: relative; font-size: 17px;color: #414141; display:inline-block; width:80px; height:40px; margin-top:20px; margin-left:12px; line-height:22px;}
.main-icon02 {position:relative; width:238px; float:left;}
.main-icon02 span.icon{background:url('/img/front/main/main-icon.png')no-repeat -91px 0px; width:81px; height:82px; display:inline-block; float:left;}
.main-icon02 span.tit{font-weight:400;position: relative; font-size: 17px;color: #414141; display:inline-block; width:97px; height:40px; margin-top:20px; margin-left:12px; line-height:22px;}
.main-icon03 {position:relative; width:238px; float:left;}
.main-icon03 span.icon{background:url('/img/front/main/main-icon.png')no-repeat -181px 0px; width:80px; height:81px; display:inline-block; float:left;}
.main-icon03 span.tit{font-weight:400;position: relative; font-size: 17px;color: #414141; display:inline-block; width:80px; height:40px; margin-top:20px; margin-left:12px; line-height:22px;}
.main-icon04 {position:relative; width:161px; float:left;}
.main-icon04 span.icon{background:url('/img/front/main/main-icon.png')no-repeat -271px 0px; width:78px; height:81px; display:inline-block; float:left;}
.main-icon04 span.tit{font-weight:400;position: relative; font-size: 17px;color: #414141; display:inline-block; width:71px; height:40px; margin-top:20px; margin-left:12px; line-height:22px;}


/*slider*/
.album-wrap {position:relative; width:528px; height:512px; margin:0; overflow:hidden;}
.album-wrap div {width:528px; height:494px;}
.album-wrap ul.album {position:absolute; }
.album-wrap ul.album li {float:left;}
.album-wrap ul.album li a{width:528px; height:494px; display:inline-block;}
.album-wrap ul.album li a img{width:100%; height:494px;}
.album li a img:after{position: absolute;display: block; content: "";top: 0;left: 0;width: 100%;height: 100%;}
.bt-roll-wrap{width: 528px; margin: 0 auto;bottom: 20px;height: 20px;text-align: center;position: absolute;}
ul.bt-roll{text-align:center; display:inline-block;}
ul.bt-roll li {float:left; margin-right:5px; cursor:pointer;}


/*main-ct*/
.main-ct{max-width: 1000px; max-height: 686px; overflow:hidden;}
.main-ct2{max-width: 1000px; max-height: 203px; overflow:hidden;}


/*main1*/
.main-bg, #container.main-bg{min-height:830px; background:url('/img/front/main/main-bg.gif') repeat; }
#main1{position: relative;width: 100%;height: 100%;margin: 0 auto;padding-top: 30px;}
.main-ct-left{float:left; width:528px;}
.main-ct-left:after{clear:both; content:''; display:block;}
.main-ct-right{float:right; width:462px;}
.main-ct-right:after{clear:both; content:''; display:block;}
#main1 .main-visual{position:relative; width:528px; height:494px;}
#main1 .shipping-search{position:relative; width:462px; height:203px; background:url('/img/front/main/shipping-search-bg.jpg')no-repeat 0px -20px;}
#main1 .join-reg-box{position:relative; width:462px; height:188px; float:left; margin-top:10px;}
#main1 .delivery-search{margin-top:7px;position:relative; width:528px; height:132px; background:url('/img/front/main/delivery-search-bg.jpg')no-repeat top center; }
#main1 .notice{position:relative; width:462px; height:131px;  float:left; margin-top:10px; background:#fff;}
#main1 .notice-wrap{padding:15px 30px 25px 34px; position:relative; width:462px; height:131px; float:left;}

@media screen and (-webkit-min-device-pixel-ratio:0) {#main1{position: relative;width: 100%;height: 100%;padding-top: 30px;margin: 0 auto;} }
/*main2*/
#main2{width:100%; height:auto; padding-top:10px; position:relative; margin: 0 auto;}
#main2 .main-ct-bottom{width: 100%;height: 128px; max-width: 1000px;background: #fff; }

.list-warning{display:inline-block; width:25px; height:25px; background:#f18d18; text-align:center; border-radius:15px; margin-right:10px;}
.list-warning i{font-size:16px; font-weight: 500; color:#fff;}

.main-layer-dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:199;}
.main-layer-popup{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; max-width:90vw; z-index:200; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.3);padding:20px; border-radius:12px; overflow:hidden;}
.main-layer-popup .btn{display:inline-block; height:40px; line-height:35px; border-radius:5px; text-align:center; font-size:15px; font-weight:bold; color:#fff;cursor:pointer;}
.main-layer-popup .btn-today{width:200px; border:1px solid #0045ad; background:#0045ad;}
.main-layer-popup .btn-close{width:100px; border:1px solid #0080ff; background:#0080ff;margin-left:20px;}