/* ============================ footer style start ============================= */
@charset "utf-8";

#footer {color: #fff;}
#footer .top {padding: 45px 0; background: #333;}
#footer .top ul.flex .tit {margin-bottom: 25px; font-family: "GmarketSansBold"; transform: skew(-0.1deg);}

#footer .top .logo img {max-width: 200px;}

#footer .time ul.list {display:flex; flex-direction: column;}
#footer .time ul.list > li:not(:first-child) {margin-top: 10px;}
#footer .time ul.list > li > ul {display:flex; /* align-items:center; */ display: inline-flex; margin-bottom: 3px; text-align: left;}
#footer .time ul.list > li > ul > li:first-child {margin-right: 20px; width: 70px; text-align-last: justify; text-align: center; position: relative;}
#footer .time ul.list > li > ul > li:first-child:after{content:"";position: absolute;right: -10px;top: 7px;width: 1px;background: rgba(255,255,255,0.5);height: 20px;}
#footer .time ul.list > li:nth-child(2) p {font-weight: 900;}
#footer .time ul.list > li:nth-child(4) p {font-weight: 900;}
#footer .time ul.list .tag{display: inline-block;margin-left: 10px;font-size: 13px;padding: 2px 5px;color: #fff;background: #1cc3bd;}
#footer ul > ul {justify-content: space-between;}

#footer .call h4 {line-height: 0.6;}

#footer .link .tit {text-align: center;}
#footer .link ul.flex a {display: inline-block; color: #fff;}


#footer .btm {padding: 45px 0 100px; background: #000;}
#footer .btm .inner {padding: 0 20px;}
#footer .btm article p {line-height: 1.5;}
#footer .btm ul {display: flex; margin-top: 20px;}
#footer .btm ul > li:not(:first-child) {margin-left: 20px;}
#footer .btm ul a {display: inline-block; text-align: center; padding: 5px 10px; max-width: 200px; color: #ababab; background: #2b2928; border: 1px solid #727272;}

/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {

#footer .top ul.block-2 {flex-direction: column;}
#footer .top ul > li.block-2 {width: 100%;}
#footer .top .logo {margin-bottom: 20px;}
#footer .top .call {margin-bottom: 40px;}
#footer .link .tit {text-align: left;}

}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {

}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {

#footer {margin-top: 80px;}
#footer .top ul.flex .tit {margin: 15px 0 20px;}

#footer .btm ul > li:not(:first-child) {margin-left: 10px;}
#footer .btm ul a {width: 100%;}

}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

#footer .flex{display: block }
#footer .link .flex{display: flex !important;}
#footer .link .flex .block-3{width: 33.3% !important;}
#footer {margin-top: 60px;}
#footer .top {padding: 30px 0;}
#footer .top ul.block-2 {width: 100%;}
#footer .top ul.flex > li > div {text-align: left;}
#footer .top ul.flex .tit {margin: 20px 0 5px; font-size: 22px;text-align: left;}

#footer .time ul.list p {font-size: 17px;} 
#footer .time ul.list > li:nth-child(2) p {font-weight: 500;}

#footer .top .logo, #footer .top .call {margin-bottom: 0;}
#footer .top .time {margin-top: 20px;}
#footer .top .call, #footer .top .link {margin-top: 30px;}
#footer .call h4 {font-size: 36px; font-weight: 700;}
#footer .link .tit {text-align: center;}

#footer .btm {padding: 30px 0 150px;}
#footer .btm article {text-align: center;}
#footer .btm ul {flex-direction: column; align-items: center;}
#footer .btm ul > li:not(:first-child) {margin-left: 0; margin-top: 10px;}

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {



}


/* ============================================================================================================================== */
/* ======================================================= quick menu 코드 ==================================================== */
/* ============================================================================================================================== */


#quick_menu {position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 999;}
#quick_menu img {height: 38px;}
#quick_menu span {display: block; width: 100%; padding-top: 5px; white-space: pre-line; line-height: 1.5; font-family: "GmarketSansMedium";font-weight: 700; transform: skew(-0.1deg);}

#quick_menu li:first-child a{display: inline-block; width: 100%; color: #fff;}
#quick_menu li:not(:first-child) a {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;color: #fff; font-weight: 500; width: 100px; height: 100px;}
#quick_menu li:first-child {cursor: pointer; color: #fff; background-color: #000; padding: 10px 0; width: 100%; text-align: center;}
#quick_menu li:not(:first-child) a:hover {background: rgba(0,0,0,0.2);transition: all 0.3s;}

#quick_menu li:nth-child(2){background:#2b9a96;}
#quick_menu li:nth-child(3){background:#fcc94e;}
#quick_menu li:nth-child(4){background:#3c72bc;}
#quick_menu li:nth-child(5){background:#e85154;}
#quick_menu li:nth-child(6){background:#21c24e;}
#quick_menu li:nth-child(7){background:url(../img/quick/quick_insta_bg.png) center/cover no-repeat;}

#top_btn {border: none; width: 100%; max-width: 100px; max-height: 100px; padding: 20px 10px; background-color: #626262; cursor: pointer;}
#top_btn span {color: #fff;}

@media screen and (max-width:1024px){

#quick_menu {padding: 0; left: 0px;	top: auto; width: 100%; height: auto; bottom: 0px; display: block; transform:none;}
#quick_menu ul {overflow: hidden;position: relative;}
#quick_menu ul li {width:20%; height: 100%; text-align: center; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#quick_menu ul li a {width: 100% !important; max-width: 100% !important;padding: 10px; }
#quick_menu ul li#call {display: none;}
#quick_menu ul li:first-child {display: none;}
#quick_menu ul li#top {display: none;}
#quick_menu span{font-size: 12px;}
#quick_menu img{height: 30px;}
#quick_menu li:not(:first-child) a{height: auto;}
#quick_menu li:nth-child(7){display: none;}
}