@charset "utf-8";



#header .table {display:table; height:100px;}
.tc {display: table-cell; vertical-align: middle;}

/* header */

#header {top:0; left:0; width:100%;z-index:9999; background-color:#fff;}

#header .top_header {display:block;  line-height:40px; font-size:15px; text-align: center; background: #f3f3f3;}
#header .top_header .main_wrp {position:relative;}
#header .top_header a {color: #252525; }
#header .top_header a:hover {color:#a01749;}
#header .top_header .close_btn {position:absolute; right:10px; top:50%; width:20px; height:20px; line-height:16px; font-size:14px; color:#999; background-color:#ddd; border-radius:50%; cursor:pointer; transform:translateY(-50%); text-align: center; }
#header .top_header .close_btn:hover {color:#fff; background-color:#a01749; }

#header .bot_header {height:100px; border-bottom: 1px solid #ddd;}
#header .logo_box {float:left;}
#header .logo_box a {display:table-cell; vertical-align:middle;}
#header .logo_box a img {vertical-align: top;}

#header .lnb_box01 {position:relative; float:left;}
#header .lnb_box01 a.lnb_box01_btn {margin:14px 10px 0 10px; float:left; display:block; width:23px; height:23px; border-radius:50%; border: 1px solid #ddd; background:url('/coopmall/img/main/gnb_arrow.png')  top 8px center no-repeat; }

#header .lnb_box01_box {display:none; padding:20px 25px; position:absolute; top:15px; left:0;  width:175px; background:#fff; border-radius: 30px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);}
#header .lnb_box01_box .logo_box {width:140px; float:left;}
#header .lnb_box01_box .logo_box img {width:100%;}
#header .lnb_box01_box a.lnb_box01_btn {margin:7px 0 0 10px; transform:rotate(180deg);}

#header .lnb_box01_ul a {padding:5px 10px; line-height:30px; font-size: 18px; color: #333333; letter-spacing: -0.45px;}
#header .lnb_box01_ul a img {width:30px; padding-right:10px;}

#header .lnb_box02 {float:left;}
#header .lnb_box02 a {padding:5px 25px 5px 10px; border-radius:8px; color:#fff; font-size: 18px; background:url('/coopmall/img/main/gnb_arrow02.png') top 15px right 10px no-repeat #a01749; }

#header .gnb_box {float:right;}
#header .gnb_box ul li {padding:0 10px; float:left;}
#header .gnb_box ul li a {display:block; width:55px; height:55px; background-position: center; background-repeat: no-repeat;}

#header .gnb_box ul li:nth-child(1) a {background-image: url('/coopmall/img/main/gnb_icon01.png?ver=2');}
#header .gnb_box ul li:nth-child(2) a {background-image: url('/coopmall/img/main/gnb_icon02_new.png?ver=2');}
#header .gnb_box ul li:nth-child(3) a {background-image: url('/coopmall/img/main/gnb_icon03_new.png?ver=2');}
/*#header .gnb_box ul li:nth-child(4) a {background-image: url('/coopmall/img/main/gnb_icon04_new.png?ver=1');}*/

#header .gnb_box ul li:nth-child(1).active a {background-image: url('/coopmall/img/main/gnb_icon01_active.png?ver=2');}

#header .gnb_box ul li:nth-child(3) {position:relative;}
#header .gnb_box ul li:nth-child(3) .count_box {position:absolute; top:5px; right:5px; width:20px; height:20px; line-height:20px; background-color:#a01749; color:#fff; font-size:12px; text-align: center; border-radius: 50%; pointer-events: none;}

#header .gnb_box ul li:nth-child(4) a {margin-top:11px; height:35px; font-size: 18px; color: #252525; font-weight: 500; border-radius: 6px; border: 3px solid #202020; text-align:center; box-sizing: border-box;}

#header .gnb_box ul .menu_btn.active a {color: #a01749; border: 3px solid #a01749;}

.search_box .top_box {padding:40px 35px; }
.search_box .input_box {padding:0 20px; height:55px; line-height:55px; background:#f3f3f3; border-radius:30px;}
.search_box .input_box input {float:left;}
.search_box .input_box input[type="text"] {width:calc(100% - 55px); height:55px; font-size:18px; line-height:55px; border:none; background:transparent;}
.search_box .input_box input[type="submit"] {width:55px; height:55px; background:url('/coopmall/img/main/lnb_icon05.png')  center no-repeat; cursor: pointer;}

.search_box .recently_box {padding-top:25px;}
.search_box .recently_box h4 {float:left; padding-bottom:15px; font-size: 20px; color:#333; font-weight:700;}
.search_box .recently_box a {display:block; float:right; font-size: 20px; font-weight:700; color:#A91054; }

.search_box .recently_box ul li {font-size:20px;}
.search_box .recently_box ul li.empty {color:#9B9B9B;}

.search_box .mid_box {padding:40px 35px; border-bottom:1px solid #DADADA; border-top:1px solid #DADADA; }
.search_box .mid_box .recently_box {padding-top: 0;}

.search_box .bot_box {padding:40px 35px;}
.search_box .bot_box h4 {padding-bottom:15px; font-size: 20px; color:#333; font-weight:700;}
.search_box .bot_box li {float:left; margin-bottom: 15px; margin-right:15px; counter-increment:num;}
.search_box .bot_box a {position:relative; display:inline-block; padding:10px 20px 10px 40px; font-size: 17px; color:#2C2C2C; font-weight:700; border-radius:20px; background: #f3f3f3;}
.search_box .bot_box a::after { content:counter(num)"."; display:block; position:absolute; top:10px; left:20px; font-weight:900;}

/* .mo_gnb {position:fixed; top:141px; right:-200%; background:#fff; width:630px; height:calc(100vh - 141px); overflow-Y:scroll; transition:all 0.4s; box-sizing:border-box; z-index:10;} 
.mo_gnb {position:absolute; right:-200%; background:#fff; width:630px; height:calc(100vh - 141px); overflow-Y:scroll; transition:all 0.4s; box-sizing:border-box; z-index:10;}*/
.mo_gnb {position: fixed;right:-200%; background:#fff; width:630px; height:calc(100vh - 141px); overflow-Y:scroll;overflow-x: hidden;transition:all 0.4s; box-sizing:border-box; z-index:10;}

.mo_gnb.active {right:0;}

.mo_gnb .mo_box {display:none; }

.mo_logo {width:150px;}

.mo_gnb .depth1 > ul > li {border-bottom:1px solid #f2f2f2;}
.mo_gnb .depth1 > ul > li:first-child {border-top:1px solid #f2f2f2;}
.mo_gnb .depth1 > ul > li > a{color:#fff; display:block;padding:15px 35px;box-sizing:border-box; font-size: 18px; font-weight:700;color:#333; }
.mo_gnb .depth1 > ul > li:hover > a {color:#a01749;}
.mo_gnb .depth1 > ul > li.active > a {color:#a01749;}
.mo_gnb .depth1 > ul > li.active {padding-bottom:10px; border-top:2px solid #a01749; border-bottom:2px solid #a01749;}
.mo_gnb .depth1 > ul > li:first-child {border-top:none; }

.mo_gnb .depth2 {display:none; box-sizing:Border-box;}
.mo_gnb .depth2 a {display:inline-block; margin:0 35px; padding:5px 20px; color:#666; font-size:18px; font-weight: 400; border-radius:10px;}
.mo_gnb .depth2 li:hover > a {background:#f7f7f7; color:#a01749;}

.mo_gnb .lnb_box {padding-left:35px; padding-top:80px;}
.mo_gnb .lnb_box .lnb01 li {float:left; margin-right:20px;}
.mo_gnb .lnb_box .lnb01 li a {position:relative; display:block; width:115px; height:115px; font-size: 16px; color: #2c2c2c; box-shadow: 0 0 15px 10px rgba(0,0,0,0.05); text-align: center; background-repeat: no-repeat; background-position: top 10px center; }
.mo_gnb .lnb_box .lnb01 li a p {position: absolute; bottom:10px; left:50%; width:100%; transform: translateX(-50%);}

.mo_gnb .lnb_box .lnb01 li:nth-child(1) a {background-image:url('/coopmall/img/main/lnb_icon01.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(2) a {background-image:url('/coopmall/img/main/lnb_icon02.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(3) a {background-image:url('/coopmall/img/main/lnb_icon03.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(4) a {background-image:url('/coopmall/img/main/lnb_icon04.png');}

.mo_gnb .lnb_box .lnb01 li a:hover {background-color:#a01749; color:#fff;}
.mo_gnb .lnb_box .lnb01 li:nth-child(1) a:hover {background-image:url('/coopmall/img/main/lnb_icon01_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(2) a:hover {background-image:url('/coopmall/img/main/lnb_icon02_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(3) a:hover {background-image:url('/coopmall/img/main/lnb_icon03_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(4) a:hover {background-image:url('/coopmall/img/main/lnb_icon04_active.png');}

.mo_gnb .lnb_box .lnb02 {padding-top:40px;}
.mo_gnb .lnb_box .lnb02 li {float:left;}
.mo_gnb .lnb_box .lnb02 li:first-child {margin-right: 10px;}
.mo_gnb .lnb_box .lnb02 li a {display:block; width:220px; line-height:40px; text-align: center; background: #dfdfdf; border-radius:20px; font-size: 17px; color: #2c2c2c;}

.top_btn {position:fixed; bottom:60px; right:60px; width:60px; height:60px; background:url('/coopmall/img/top_btn.png') center no-repeat #fff; cursor:pointer; border: 1px solid #ddd; z-index:9;}

#header .down_btn {position:fixed; bottom:0px; left:50%; width:60px; height:50px; background:url('/coopmall/img/bl_down_arrow.png') center no-repeat; cursor:pointer; z-index:9; transform:translateX(-50%); }
.fp-viewing-main_sec01 #header .down_btn {background-image: url('/coopmall/img/wh_down_arrow.png');}
.fp-viewing-main_sec09 #header .down_btn {display: none;}

/* footer */

#footer .main_wrp {padding-top:140px;}

#footer .top_contain {padding:80px 0;}

#footer .top_contain .left_box {padding-top:40px; float:left; width:calc(100% - 470px);}
#footer .top_contain .left_box h3 {padding-bottom:20px; font-size: 24px; color:#000; letter-spacing: -0.6px;}
#footer .top_contain .left_box ul li {float:left; width:50%; padding-right:40px; box-sizing: border-box;}
#footer .top_contain .left_box ul li.pb40 {padding-bottom:40px;}

#footer .top_contain .left_box ul li .img_box {float:left; width:83px; height:83px; overflow: hidden;}
#footer .top_contain .left_box ul li .info_box {float:left; padding-left:20px; width:calc(100% - 83px); box-sizing:border-box;}
#footer .top_contain .left_box ul li .info_box h4 {margin-top:-5px; font-size: 20px; font-weight:700; color:#000;}
#footer .top_contain .left_box ul li .info_box p {font-size: 14px; font-weight:500; color:#808080; line-height: 18px;}

#footer .top_contain .right_box {display:table; float:left; padding:0 35px; width:470px; height:360px; background: #f7f7f7; box-sizing:border-box;}
#footer .top_contain .right_box > ul > li {float:left; width:calc(100% - 160px);}
#footer .top_contain .right_box > ul > li:nth-child(2n+1) {width:160px;}

#footer .top_contain .right_box > ul > li:nth-child(2) li {float:left; width:calc(100% - 95px); }
#footer .top_contain .right_box > ul > li:nth-child(2) li:nth-child(2n+1) {width:95px;}

#footer .top_contain .right_box > ul > li:nth-child(4) li {float:left; width:calc(100% - 55px); font-size:14px; font-weight: 500;}
#footer .top_contain .right_box > ul > li:nth-child(4) li:nth-child(2n+1) {width:55px; text-align: justify;}

#footer .top_contain .right_box > ul > li.pt20 {padding-top:20px;}

#footer .top_contain .right_box h4 {padding-bottom:10px; font-size: 20px; color:#000;}
#footer .top_contain .right_box a {font-size: 14px; font-weight: 500; color: #808080; line-height: 25px;}

#footer .bot_contain {width:100%; background: #f7f7f7; border-top:1px solid #ddd;}
#footer .bot_contain .main_wrp {padding-top: 0;}

#footer .bot_contain .left_box {float:left;}
#footer .bot_contain .right_box {float:right;}

#footer .bot_contain .top_box {line-height:55px;}
#footer .bot_contain .top_box li {float:left; padding-right:30px;}
#footer .bot_contain .top_box li a {font-size: 15px; font-weight: 500; color: #808080;}

#footer .bot_contain .top_box select {padding-right:10px; margin-top:-6px; width:200px; height:30px; border: 1px solid #dddddd; font-size: 15px; color: #808080; font-weight: 500; text-align:center; background:url('/coopmall/img/main/gnb_arrow.png') right 10px center no-repeat #fff; background-size:5%; -webkit-appearance: none;}

#footer .bot_contain .bot_box {padding-top:35px; border-top:1px solid #ddd;}
#footer .bot_contain .bot_box li {float:left; font-size: 13px; font-weight: 500; color: #808080;}

#footer .bot_contain .bot_box .right_box li {margin-right:5px;}
#footer .bot_contain .bot_box .right_box li:last-child {margin-right: 0;}


/* 모바일 */

#header.mo_header .mo_wrp {position:relative;}
#header.mo_header .gnb_box ul li:nth-child(2) {display: none;}
#header.mo_header .top_header {line-height:30px; font-size:12px;}
#header.mo_header .top_header .close_btn {right:auto; left:10px;}

#header.mo_header .bot_header {height:50px;}
#header.mo_header .table {height:50px;}
#header.mo_header .tc .logo_box a {width:120px; height:27px;}
#header.mo_header .tc .logo_box img {margin-top:10px; width: 100%;}
#header.mo_header .tc .lnb_box01 a.lnb_box01_btn {margin: 15px 10px 0 10px;}
#header.mo_header .lnb_box01_ul li {margin-bottom:10px;}
#header.mo_header .lnb_box01_ul li:last-child {margin-bottom: 0;}

#header.mo_header .gnb_box ul li {padding:0 5px;}
#header.mo_header .gnb_box ul li a {width:30px; height:30px; background-size: 100%;}

#header.mo_header .gnb_box ul li:nth-child(3) .count_box {position:absolute; top:0px; right:0px; width:15px; height:15px; line-height:15px; background-color:#a01749; color:#fff; font-size:11px; text-align: center; border-radius: 50%; pointer-events: none;}

#header.mo_header .gnb_box ul li:nth-child(4) {padding-right: 0;}
#header.mo_header .gnb_box ul li:nth-child(4) a {width:40px; height:auto; margin-top:0px; font-size:12px; line-height:28px;}
#header.mo_header .down_btn {display: none;}

#header.mo_header .mo_gnb {top:81px; width:100%; height:auto;}
#header.mo_header .mo_gnb .depth1 > ul > li > a {padding:5px 2%; font-size:18px;}
#header.mo_header .mo_gnb .depth2 a {margin:0 0 0 20px; padding:5px 0; font-size: 16px;}

#header.mo_header .mo_gnb .lnb_box {padding:20px 0;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li {width:25%; margin-right: 0;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li a {color:#838383; width:auto; height:70px; box-shadow:none; font-size: 12px; background-size:30px;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li a:hover {color:#838383; background-color: #fff;}

#header.mo_header .mo_gnb .lnb_box .lnb02 {padding:20px ;}
#header.mo_header .mo_gnb .lnb_box .lnb02 li a {width:110px; font-size:14px;}

#header.mo_header .search_box .top_box {padding:20px 2%;}
#header.mo_header .search_box .input_box {height: 40px; line-height: 40px;}
#header.mo_header .search_box .input_box input[type="text"] {width:calc(100% - 40px); height:40px; line-height: 40px;}
.search_box .input_box input[type="submit"] {width:40px; height: 40px;}

#header.mo_header .search_box .mid_box {padding:20px 2%;}
#header.mo_header .search_box .recently_box h4 {padding-bottom: 5px; font-size:16px;}
#header.mo_header .search_box .recently_box ul li.empty {font-size:14px;}
#header.mo_header .search_box .recently_box a {font-size: 16px;}
#header.mo_header .search_box .bot_box {padding:20px 2%;}
#header.mo_header .search_box .bot_box h4 {font-size: 16px;}
#header.mo_header .search_box .bot_box li {margin-right: 10px; margin-bottom: 10px;}
#header.mo_header .search_box .bot_box a {font-size:14px; padding:5px 10px 5px 27px;}
#header.mo_header .search_box .bot_box a::after {top:5px; left:10px;}

.mo_lnb_contain {position:fixed; bottom:0; left:50%; width:100%; max-width:1000px; background:#fff; transform: translateX(-50%); border-top: 1px solid #ddd;}
.mo_lnb_contain li {position:relative; float: left; width: 25%; height:50px; text-align: center; font-size:12px; color:#838383;}
.mo_lnb_contain li a {display: block; height:100%; background-repeat: no-repeat; background-position:top 13px center; background-size:15px;}

.mo_lnb_contain li:nth-child(1) a {background-image:url('/coopmall/img/main/lnb_icon01.png');}
.mo_lnb_contain li:nth-child(2) a {background-image:url('/coopmall/img/main/lnb_icon02.png');}
.mo_lnb_contain li:nth-child(3) a {background-image:url('/coopmall/img/main/lnb_icon03.png');}
.mo_lnb_contain li:nth-child(4) a {background-image:url('/coopmall/img/main/lnb_icon04.png');}
.mo_lnb_contain li a p {position: absolute; bottom:5px; left:50%; width:100%; transform: translateX(-50%);}

#footer.mo_footer .top_contain {position:relative; padding-bottom: 0; top:auto; left:auto;}
#footer.mo_footer .top_contain .left_box {float: none; padding-top: 0; width:auto;}
#footer.mo_footer .top_contain .left_box ul li {padding-left:10px; padding-bottom:20px; padding-right: 0; float: none; width:100%;}

#footer.mo_footer .top_contain .left_box h3 {position:relative; float:left; width:100px; font-size:16px;}
#footer.mo_footer .top_contain .left_box h3 p {position:relative; margin-top:40px; padding:20px 0; background:#fff; z-index: 3;}
#footer.mo_footer .top_contain .left_box h3:after {display: block; content: ''; width:100%; height: 100vh; position:absolute; left:0; top:0; background:#ededed;}

#footer.mo_footer .top_contain .left_box ul {padding-top:40px; float:left; width:calc(100% - 110px);}
#footer.mo_footer .top_contain .left_box ul li .img_box {width:70px; height:70px;}
#footer.mo_footer .top_contain .left_box ul li .img_box img {width:100%;}

#footer.mo_footer .top_contain .left_box ul li .info_box {padding-left:10px; width:calc(100% - 70px);}
#footer.mo_footer .top_contain .left_box ul li .info_box h4 {font-size: 14px;}
#footer.mo_footer .top_contain .left_box ul li .info_box p {font-size: 12px;}

#footer.mo_footer .top_contain .right_box {position:relative; display: block; padding:10px; width:100%; height:auto; float: none; background:#fff; z-index: 3;}
#footer.mo_footer .top_contain .right_box > ul > li {float:none; width:100%;}
#footer.mo_footer .top_contain .right_box > ul > li a {display: block; padding:10px 0 10px 50px; font-size:18px; color:#000; font-weight:400; border-bottom: 1px solid #ededed;}
#footer.mo_footer .top_contain .right_box > ul > li:first-child a {border-top: 1px solid #ededed;}

#footer.mo_footer .top_contain .right_box > ul > li:nth-child(1) a {background: url('/coopmall/img/main/footer_icon01.png') no-repeat center left 10px; background-size:24px;}
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(2) a {background: url('/coopmall/img/main/footer_icon02.png') no-repeat center left 10px; background-size:24px; }
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(3) a {background: url('/coopmall/img/main/footer_icon03.png') no-repeat center left 10px; background-size:24px; }
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(4) a {background: url('/coopmall/img/main/footer_icon04.png') no-repeat center left 10px; background-size:24px; }

#footer.mo_footer .top_contain .right_box > ul > li {background: url('/coopmall/img/main/footer_icon05.png') no-repeat center right 10px; background-size:10px;}

#footer.mo_footer .bot_contain {padding:0; position:relative; z-index:3; text-align: center; top:auto; left:auto;}
#footer.mo_footer .bot_contain .right_box {display: inline-block; float: none; text-align: left;}

#footer.mo_footer .bot_box {padding-top: 0; padding-bottom:100px; }
#footer.mo_footer .bot_box .left_box ul {padding:20px 0;}
#footer.mo_footer .bot_box .left_box ul li {line-height:24px;}

/* 반응형 시작 */


/*PC 모니터 (구형) 1200~1439*/
@media all and (max-width:1439px) {
  #header .bot_header {height:90px;}
  #header .table {height:90px;}
}



/* 반응형 끝 */