@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
@import url("../goods/goods.css");


/*** 쇼핑몰 메인본문 | main/index.php ***/

.main {}
.main .outer { padding:0; position:relative; }
.main .outer .img_box { display:block; line-height:0; }
.main .outer .img_box a { display:block; line-height:0; margin:0; }
.main .outer .img_box a:after { display:none; }
.main .outer .img_box img { max-width:100%; }
.main .outer .inner { position:absolute; left:24px; bottom:30px; z-index:1; text-align:left; padding:0; }
.main .outer .inner h3 { font-weight:600; font-size:27px; line-height:32px; text-align:left; margin:0; font-family:'Pretendard';}
.main .outer .inner h4 { font-weight:500; font-size:20px; line-height:24px; margin:5px 0 0; font-family:'Pretendard';}
.main .outer .inner a { display:inline-block; font-weight:500; font-size:16px; line-height:24px; margin-top:20px; font-family:'Pretendard';}
.main .outer .inner a:after { display:none; }
.main .outer#section5 { background:#f8f8f8; padding:100px 45px 80px; }
.main .outer .txt_slide { float:left; height:100%; display:block; min-height:1px; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; }
.main .outer .txt_slide.slick-active { opacity:1; filter:alpha(opacity=100); }
.main .outer .slick-list:after { clear:both; content:''; display:block; }
.main .outer .txt_slide p { text-align:center; line-height:1.67; font-size:18px; font-weight:500; font-family:'Pretendard';}
.main .outer .txt_slide span { display:block; text-align:center; line-height:21px; font-size:18px; padding:40px 0; font-family:'Pretendard';}
.main .outer .slick-dots { text-align:center; height:8px; }
.main .outer .slick-dots li { display:inline-block; vertical-align:top; margin:0 5px; height:8px; }
.main .outer .slick-dots li button { display:block; width:8px; height:8px; border-radius:100%; border:0; background:#cccccc; font-size:0; }
.main .outer .slick-dots li.slick-active button { background:#111111; }

.main .main_top_menu {display:table; width:100%;}
.main .main_top_menu li {display:table-cell; width:25%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0;font-size:14px; color:#333333;}
.main .main_notice {display:table; width:100%; margin:0 auto; padding:22px 0 22px 0;}
.main .main_notice .tit {display:table-cell; width:84px; font-size:13px; font-weight:bold; color:#282828; text-align:center;}
.main .main_notice ul {display:table-cell;}
.main .main_notice ul li {overflow:hidden; width:80%; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; letter-spacing:-1px;}
.main .main_notice ul li a {display:block; width:100%;}
/* 메인배너 */
.main .main_banner_box {font-size:0;}
.main .main_banner_box img {width:100%; font-size:0;}
.main .main_banner_box1 {display:table; width:100%;}
.main .main_banner_box1 li {display:table-cell; width:50%; font-size:0; text-align:center; vertical-align:top;}
.main .main_banner_box1 li a {}
.main .main_banner_box1 li a img {width:100%; font-size:0;}
.main .main_banner_box2 {padding:10px 0; font-size:0;}
.main .main_banner_box2 img {width:100%; font-size:0;}

/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

/* 하단 정보 BOX */
.main .main_info_box {padding:0 10px}
.main .main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:12px 0 12px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; text-align:left; vertical-align:top;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px; font-weight:bold; border-bottom:1px solid #999;}
.main .main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0;}
.main .main_info dl dd p.phone a {font-size:22px; color:#ab3e55;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:11px 0; font-size:14px;}
.main .main_info dl dd ul.main_bank {display:table-cell;}
.main .main_info dl dd ul.main_bank li { vertical-align:middle;}
.main .main_info dl dd ul.main_bank li span {font-weight:bold;}

.main .video_section { position:relative; height:160vw; max-width:100%; overflow:hidden; text-align:center; margin-bottom: 10px;}
.main .video_section .video_box { width:100%; position:relative; height:100%; }
.main .video_section .video_box iframe { position:absolute; display:block; left:50%; top:0; height:160vw; width:284.3938vw; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); }
.main .video_section .wrapper { }
/*
.main .video_section .wrapper h3 { color:#fff; font-size:36px; font-weight:300; line-height:48px; letter-spacing:-2px; }
.main .video_section .wrapper h4 { color:#fff; font-size:20px; font-weight:400; margin-top:5px; margin-bottom:25px; line-height:30px; letter-spacing:-0.5px;}
.main .video_section .wrapper a { display:inline-block; font-size:18px; font-weight:500; margin-top:5px;}
*/