/* BASIC css start */ /*====================================================================*/ /******************************* footer *******************************/ /*====================================================================*/ #footer { position:relative; width: 100%; height: auto; overflow: hidden; float: left;margin-top:160px;} #ftMenu { width: 100%; height: auto; float: left; overflow: hidden; padding: 15px 0; border-top: 1px #ddd solid; } #ftMenu ul { text-align: center; } #ftMenu ul li { position: relative; display:inline-block; *display:inline; *zoom:1; line-height: 20px; height: 20px; padding-right: 20px; margin-right: 15px; } #ftMenu ul li:before { content: '|'; position: absolute; top: -1px; right: 0px; color: #ccc; font-size: 12px; font-weight: normal; } #ftMenu ul li:last-child:before { display: none; } #ftMenu ul li a { font-size: 13px; } #footer .bgFoot { float: left; width: 100%; height: auto; overflow: hidden; background: #f8f8f8; text-align: Center;padding: 50px 0 0px 0;color: rgba(255, 255, 255, 0.83);font-family: montserrat;font-weight: 400;letter-spacing: .3px;font-size: 13px;} #footer .boxWrap { float: left; width: 100%; height: auto; padding: 0 70px; box-sizing: border-box; } #footer .box { width: 25%; height: 200px; overflow: hidden; padding: 0 30px; margin-bottom: 50px; box-sizing: border-box; float: left; color: #333; vertical-align: top; } #footer .box h2 { line-height: 25px; margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; font-weight: 500; text-align: center; border-bottom: 1px #888 solid; } #footer .box > p { font-size: 35px; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 40px; margin-bottom: 10px; } #footer .box ul { margin-bottom: 5px; } #footer .box .typeM > * { font-size: 15px; line-height: 25px; } #footer .box .typeM li span { display:inline-block; *display:inline; *zoom:1; margin-right: 5px; } #footer .box .typeS > * { font-size: 12px; line-height: 25px; } #footer .box .typeS li span { float: left; display:inline-block; *display:inline; *zoom:1; width: 20%; margin-right: 10px; text-align: right; } #footer .box table.typeS { width: 230px; margin: 0 auto; } #footer .box table.typeS * { font-weight: 500; } #footer .box table.typeS th { width: 90px; padding-right: 10px; text-align: right; } #footer .box table.typeS td { width: 140px; text-align: left; } #footer .box .latest { width: 90%; text-align: center; margin: 0 auto; } #footer .box .latest * { font-size: 13px; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } #footer .box .latest a { display:inline-block; *display:inline; *zoom:1; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 25px; line-height:18px; } #footer .box .latest a:hover { color: #000; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } #footer .box .bottomLogo { width: 80%; max-width: 255px; } #footer .btnA { display: inline-block;*display: inline;*zoom: 1;line-height: 25px;padding: 5px 20px;box-sizing: border-box;background: #333;border-radius: 3px;color: #fff;margin: 5px; } #footer .btnA:hover { display: inline-block;*display: inline;*zoom: 1;line-height: 25px;padding: 5px 20px;box-sizing: border-box;background: #fff; border: 1px #666 solid; border-radius: 3px;color: #333;margin: 5px; } #footer .btnB { display: inline-block;*display: inline;*zoom: 1;line-height: 25px;padding: 5px 20px;box-sizing: border-box;background: #fff; border: 1px #666 solid; border-radius: 3px;color: #333;margin: 5px; } #footer .btnB:hover { display: inline-block;*display: inline;*zoom: 1;line-height: 25px;padding: 5px 20px;box-sizing: border-box;background: #333;border-radius: 3px;color: #fff;margin: 5px; } #footer .btnA, #footer .btnA:hover, #footer .btnB, #footer .btnB:hover, #footer .btnSns, #footer .btnSns:hover, #footer .miniBtn, #footer .miniBtn:hover { -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } #footer .btnSns { display: inline-block;*display: inline;*zoom: 1;line-height: 20px;padding: 10px; width: 60px; height: 60px;box-sizing: border-box; background: #fff; border: 1px #666 solid; border-radius: 10px;color: #333;margin: 5px; } #footer .btnSns i { display:inline-block; *display:inline; *zoom:1; background: #333; color: #fff; padding: 5px; width: 18px; height: 18px; border-radius: 50px; font-size: 15px; line-height: 18px; margin: 5px; } #footer .btnSns:hover { background: #333; } #footer .bottomInfo { float: left; width: 100%; height: auto; overflow: hidden; color: #333; } #footer .bottomInfo li { display:inline-block; *display:inline; *zoom:1; padding: 0 15px; font-size: 13px; line-height: 22px; } #footer .miniBtn { display: inline-block;*display: inline;*zoom: 1;line-height: 15px;padding: 3px 8px;box-sizing: border-box;background: #fff; border: 1px #666 solid; border-radius: 3px;color: #333; font-size: 12px; margin: 0 5px;} #footer .miniBtn:hover { display: inline-block;*display: inline;*zoom: 1;line-height: 15px;padding: 3px 8px;box-sizing: border-box;background: #333; color: #fff; } #footer .copyright { background: #343434;width: 100%;height: auto; overflow: hidden; float: left;padding: 15px 0;margin-top: 20px;line-height: 25px; } #footer .copyright strong, #footer .copyright p { display: block; width: 100%; height: auto; overflow: hidden; } /* 인스타영역 */ .one_insta { padding:0 0 100px 0 ; text-align: center;width: 1048px;box-sizing: border-box;margin: 0 auto;} .one_insta > h2 { display: inline-block;line-height: 1;padding: 10px 19px;border-radius: 100px;font-size: 11px;margin-bottom: 37px;letter-spacing: 1px;color: #737373;border: 1px solid #e8e8e8;} .one_insta > ul {font-size: 0;line-height: 0;letter-spacing: 0;} .one_insta > ul > * {display: inline-block;vertical-align: top;font-size: 11px;line-height: 1.3;} .one_insta .chatis_is_insta_wrap {height:auto !important;} .one_insta .chatis_is_insta_shopping_title {display: none;} .one_insta .chatis_is_thumbnail_area_2 {padding:1px !important} .one_sns {display: block;margin-top:12px;} .one_sns > ul {display: table;width:100%;} .one_sns li {display: inline-block;padding-right: 5px;} .one_sns .left {display:table-cell;text-align: left;} .one_sns i {display: block;font-size: 14px;color:#aaa} .one_sns .right {display:table-cell;text-align: right;} .one_sns .right li {padding-left: 5px;} .one_sns .right a {font-size: 10px;} /* 3분할 */ footer > ul{font-size:0; line-height:0; letter-spacing:0;background:#f5f5f5} footer > ul > li{display:inline-block; vertical-align:middle; margin:70px 0; padding:20px 0; width:23%; font-size:13px; line-height:24px; letter-spacing:0.2px; position:relative;} footer > ul > li:nth-child(2):after, footer > ul > li:nth-child(3):after{content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#eee;} /* 하단정보 */ #f_info{ display: block;width: 100%;padding: 30px 0;font-size: 11px;line-height: 23px;background: #eaeaea;box-sizing: border-box;} #f_info span{margin:0 3px;} #f_info a{display:inline-block;} #f_info .copy{display:block; color:#cacaca; margin-top:20px;} /* 고정버튼 */ #fix_bottom{display:none; position:fixed; right:20px; bottom:40px; z-index:99;} #fix_bottom a{display:block; padding:8px; opacity:0.7; -webkit-transition:0.1s ease-in-out; -moz-transition:0.1s ease-in-out; -o-transition:0.1s ease-in-out; transition:0.1s ease-in-out;} #fix_bottom a:hover{opacity:1;} #fix_bottom a:first-child{opacity:0.9;} /* 마스크 */ #one_mask, #one_mask2{position:fixed; top:0; left:0; width:100%; height:100%; background:#444448; z-index:9999; opacity:0; visibility:hidden;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;} #one_mask2{z-index:99;} #one_mask.show, #one_mask2.show{opacity:0.4; visibility:visible;} /* BASIC css end */