@charset "utf-8";

/* COMMON */
.wrap {overflow:hidden;width:100%;}



/* CONTENT */
.page-content {position:relative;margin-top:120px;}
.page-content > div.division:nth-child(2n){background-color:#f1f3f8; padding:5rem 0 3rem; margin:1rem 0 5rem}
.page-content > div.division:last-child{margin-bottom:0}
.main-tit {margin-bottom:40px;text-align:center;}
.main-tit h1 {margin-bottom:10px;font-size:30px; color:#111}
.main-tit p {font-size:18px;line-height:26px}
.division {width:100%; min-height:500px}
.division.bg-gray {background-color:#f5f6f8}
.division-inr {display:block;position:relative;width:1240px;margin:0 auto}
.division-inr.inner02{max-width:900px; }
.division-inr.sub {display:table;margin-top:100px}
.sub-aside {float:left;display:table-cell;width:820px;vertical-align:top;box-sizing:border-box}
.sub-aside.right {float:left;display:table-cell;z-index:10;width:320px;height:100%;margin:0 0 0 100px;vertical-align:top}
.mb90{margin-bottom:90px !important}

.prev_expo {text-align:center;  margin-bottom:5rem}
.prev_expo > a{cursor:pointer; display:inline-block; background-color:#f44a1d; color:#fff; padding:1rem 3rem;border-radius:20px; font-weight:600;letter-spacing:1px;border:2px solid #f44a1d; transition:0.2s}
.prev_expo > a:hover{background-color:transparent; color:#f44a1d}
/* QUICK */
.quick-area {position:absolute;top:-1px;right:0;z-index:50}
.quick-area.on {position:fixed;top:-1px;right:0;padding-top:20px}
.quick-area .quick-menu {width:60px}
.quick-area .quick-menu.on {width:120px} /* 20220906 퀵메뉴 크기 변경 190 -> 120 */
.quick-area .quick-menu:after {content:'';display:block;clear:both}
.quick-area .quick-list [class^='ico0'] {display:block;padding:20px;vertical-align:middle;box-sizing:border-box}
.quick-area .quick-list [class^='ico0']:before {content:'';display:inline-block;clear:both;width:20px;height:18px;background:url('../../img/ico/ico_quick.png') 0 0 no-repeat;vertical-align:middle}
.quick-area .quick-list .ico01:before {background-position:0 0}
.quick-area .quick-list .ico02:before {background-position:0 -20px}
.quick-area .quick-list .ico03:before {background-position:0 -40px}
.quick-area .quick-list .ico04:before {background-position:0 -60px}
.quick-area .quick-list .ico05:before {background-position:0 -80px}
.quick-area .quick-list .ico06:before {background-position:0 -99px}
.quick-area .quick-list .ico07:before {background-position:0 -119px}
.quick-area .quick-list .ico08:before {background-position:0 -140px}
.quick-area .quick-menu .btn_close {float:left;width:24px;height:50px;margin-left:-23px;border:1px solid #dde2ea;background:#fff url('../../img/btn/btn_quick_close.png') center no-repeat}
.quick-area .quick-menu .btn_close[aria-expanded='true'] {background-image:url('../../img/btn/btn_quick_close_on.png')}
.quick-area .quick-menu .quick-list {border:1px solid #dde2ea;border-width:0 1px 1px 1px;background-color:#fff}
.quick-area .quick-menu .quick-list > ul > li {overflow:hidden;height:65px;border-top:1px solid #dde2ea;line-height:25px}
.quick-area .quick-menu .quick-list > ul > li span {width:0;height:0;font-size:0;font-weight:bold;text-indent:9999em}
.quick-area .quick-menu .no-data {display:none;padding:15px;font-size:14px;line-height:20px;color:#999;white-space:nowrap;}
.quick-area .quick-menu .no-data img {width:148px;height:100px;}
.quick-area .quick-menu .no-data p {margin-top:12px;}
.quick-area .quick-menu .quick-banner {width:58px;margin-top:17px;text-align:center;}
.quick-area .quick-menu .quick-banner img {max-width:100%;}
.quick-area .quick-menu.on .quick-list [class^='ico0'] {padding:20px 10px 20px 20px}
.quick-area .quick-menu.on .quick-list .ico01:before {display:none;}
.quick-area .quick-menu.on .quick-list > ul > li {height:auto}
.quick-area .quick-menu.on .quick-list > ul > li span {width:auto;height:auto;padding-left:5px;font-size:16px;color:#666}
.quick-area .quick-menu.on .no-data {display:block}
.quick-area .quick-menu.on .btn-page_top {height:40px;background-image:none;font-size:14px;line-height:40px;color:#666;text-indent:inherit}
.quick-area .quick-menu.on .ico01 span:first-child {display:none;}
.quick-area .quick-menu.on .list {display:block;padding:5px 0;}
.quick-area .quick-menu.on .list strong,
.quick-area .quick-menu.on .list em {display:block;text-indent:0;line-height:1;}
.quick-area .quick-menu.on .list strong {font-size:16px;font-weight:bold;color:#333;}
.quick-area .quick-menu.on .list em {margin-top:7px;font-size:14px;font-weight:normal;color:#666;}
.quick-area .quick-menu.on .list em + strong {margin-top:25px;}
.quick-area .quick-menu.on .quick-banner {width:auto;margin-top:34px;}
.quick-area .quick-menu .quick-swipe {margin:0 0 22px;text-align:center}
.quick-area .quick-menu.on .quick-swipe {margin:0 20px 22px;}
.quick-area .quick-swipe .quick-slide .slick-slide {width:58px;height:100px;}
.quick-area .quick-swipe .quick-slide .slick-dots {display:inline-block;margin-top:20px}
.quick-area .quick-swipe .quick-slide .slick-dots:after {content:'';display:block;clear:both}
.quick-area .quick-swipe .quick-slide .slick-dots li {float:left;width:6px;height:6px;margin:2px;border-radius:10px;background-color:#ccc}
.quick-area .quick-swipe .quick-slide .slick-dots li.slick-active {background-color:#9a9da3}
.quick-area .quick-swipe .quick-slide .slick-dots li button {width:0;height:0;text-indent:9999em}
.quick-area .quick-swipe .quick-slide .slick-prev,
.quick-area .quick-swipe .quick-slide .slick-next {overflow:hidden;position:absolute;top:50%;z-index:2;width:9px;height:15px;margin-top:-22px;text-indent:-5000em;}
.quick-area .quick-swipe .quick-slide .slick-prev {left:10px;background-image:url('../../img/btn/quick_swipe_prev.png');}
.quick-area .quick-swipe .quick-slide .slick-next {right:10px;background-image:url('../../img/btn/quick_swipe_next.png');}
.quick-area .quick-swipe .quick-slide .qk-slider {position:relative;}
.quick-area .quick-swipe .quick-slide .qk-slider em {display:block;margin-top:8px;font-size:14px;color:#c70000;}
.quick-area .quick-swipe .quick-slide .qk-slider .del {overflow:hidden;position:absolute;right:10px;top:10px;width:18px;height:18px;background:url('../../img/btn/btn_quick_swipe_del.png') no-repeat 0 0;text-indent:-5000em;}
.quick-area .quick-swipe .quick-slide .qk-slider img {width:58px;height:100px;}
.quick-area .quick-swipe .paging-info {margin-top:6px;font-size:14px;color:#999;text-align:center;}
.quick-area .quick-swipe .paging-info strong {color:#333;}
.quick-area .page-top {display:block;height:40px;margin-top:10px;border:1px solid #dde2ea;background: #f5f6f8 url('../../img/btn/btn_go_top.png') center no-repeat;font-size:0;line-height:0;text-align:center;text-indent:9999em}

/* 20200102 quick 이미지 크기 수정 */
.quick-area .quick-menu.on .quick-swipe .quick-slide .slick-slide {width:148px;height:100%;}
.quick-area .quick-menu.on .quick-swipe .quick-slide .qk-slider img {width:148px;height:148px;}

.division-inr.no-width-division .board-view dd .brd-detail img {width:auto;}
.division-inr.no-width-division .board-view dd .brd-detail .module05 .goods-box .img img {width:100%;}

@media (max-width:767px){
	.main-tit{margin:2rem 1rem 1rem}
	.main-tit p{font-size:15px; line-height:17px}
	.page-content > div.division:nth-child(2n){padding:1rem 0 3rem}
}