/* BASIC css start */
/* 하단 */
footer {  width:100%; display:inline-block;  }
#bottom { display: flex; justify-content: space-between; flex-wrap: wrap; background:#FFF; margin-top:100px; padding-top:100px;  margin:0 5%; padding-bottom: 50px;}
#bottom > ul{padding:0px 0 50px;width:100%; margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.footer { display: table;width:100%; height:auto; }
/* .footer > .left{display:table-cell;vertical-align: middle;} */
.footer > h1 {display: inline-block;vertical-align:bottom;padding-right:20px;}
.footer > h1 a {display:block;font-size:18px;letter-spacing:6px;font-weight:800;color:#000;line-height:30px; }
.footer > h1 a img{height:20px;}
.footer > .left > a { right:28.3%;top:20px;display: inline-block;vertical-align:bottom;color:#333; font-weight:400; font-size:10.5px; padding-right: 15px;
    padding-left: 10px;letter-spacing:0;line-height:18px;margin-top: -2px;line-height:10px; background: url(/design/kimsj0120/wizdesign/foot_bar.png) no-repeat right;}
.footer > .left > a:nth-child(1) {padding-left: 0;}
.footer .left .ls-last{ background:none;}
.footer > .left > a:hover { color:#000; text-decoration:underline }
.footer > .left > a:before{ content: "";position:absolute;left:11px;top:9px;width:0px;height:11px;background:#aaa;}

.inner { width:auto; height:auto; margin-right: auto;}
.inner .foot_info1 .sub_tit { font-size:15px;  }
/* .inner .foot_info1{
    position: absolute;
    right: 35%;
    top: -78px; } */
/* .inner .foot_info1 li { padding-bottom:5px; } */
#bottom .foot_info1 { min-width: 230px; margin-bottom: 20px;}
#bottom .tt_bank { min-width: 275px; margin-bottom: 20px;}
#bottom .tt_three_menu { display: flex; flex-direction: column; justify-content: space-between; min-height: 200px;}

#bottom .foot_right .foot_info1 li.tel { color: #1c1c1c; font-size: 15px; }
.inner .foot_info1 li a { color: #333; font-size: 13px; line-height: 21px; padding-right: 5px; }
.inner .foot_info1 li span { color: #333; font-size: 11px; line-height: 21px; padding-right: 8px;  font-family: 'Lato','Montserrat', "Nanum Gothic" }
.inner .foot_info1 .deli { color: #d69095; }
.inner .foot_info1 li.copy {margin-top:8px;}
.inner .btn { padding:4px 10px;  background-color:rgba(0,0,0,0.9); border:1px solid #333;  color:#fff !important; border-radius:3px; font-size: 11px; }
.inner .btn:hover {   background-color:#fcc0c4/*rgba(255,255,255,1)*/; color:#333 !important; border:1px solid #333;   }

/* 하단오른쪽 */
.foot_right { display: flex; flex-wrap: wrap; justify-content: space-between;}

/* footer .tt_bank { position:relative;  } */
/* footer .tt_bank dl {
    position: absolute;
    right: 20%;
    top: -241px; } */
footer .tt_bank .sub_tit { font-size:15px; }

/* footer .tt_menu { position:relative; width:auto; height:auto; } */
/* footer .tt_menu ul {
    position: absolute;
    right: 10%;
    top: -241px; } */
footer .tt_menu li { padding-top:5px; }
footer .tt_menu .btn { padding:4px 10px;  background-color:rgba(0,0,0,0.9); border:1px solid #333;  color:#fff !important; border-radius:3px; font-size: 11px; }
footer .tt_menu .btn:hover {   background-color:#fcc0c4/*rgba(255,255,255,1)*/; color:#333 !important; border:1px solid #333;   }
footer .tt_menu .sub_tit,.sub_tit2  { font-size:15px;  }

/* .lang { position:relative; width:auto; height:auto; } */
/* .lang dl {
    position: absolute;
    right: 11.7%;
    top: -180px; } */
.lang dd a { padding-right:5px; }
.lang dd a:hover { text-decoration:underline }
.lang .sub_tit { font-size:15px;  }

.inner .foot_info { margin-top:20px; text-align: left; width:auto; height:auto; }
.inner .foot_info li { padding-bottom:5px; }
.inner .foot_info li a,
.inner .foot_info li span{ color: #333; font-size: 11px; padding-right: 5px; display:inline-block; font-family: "Nanum Gothic" }
.inner .foot_info li .back01 { padding-left:5px; background: url(/design/kimsj0120/wizdesign/foot_bar.png) no-repeat; }
.inner .foot_info li .mail { margin-bottom: 3px; }
.inner .foot_info li.copy {margin-top:0px;}
.inner .foot_info li.ft_font1 { color: #a7a7a7; font-size: 11px;}

.inner .copyright {width:100%;padding:20px 0;text-align:left;   }
.inner .copyright p {color:#333; font-weight:600;  font-family: 'Lato',"Nanum Gothic" }
.inner .copyright p a { color:#333;  line-height:1.5;  vertical-align:top;}


/* 스크랩 */

.tt_sns .sub_tit { font-size:15px;  }
/* .tt_sns dl {
    position: absolute;
    right: 12.7%;
    top: -107px; } 
.tt_sns {   border:0px solid #fff; text-align:left; position:relative;  width:auto; height:auto; }
.tt_sns dd { position:relative; display:inline-block; margin:3px 4px;}
.tt_sns dd a{ display:block;width:25px; height:25px; line-height:25px; border-radius:100%; background:#000;font-size:14px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}
.tt_sns dd:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.tt_sns dd a i{ height:25px; line-height:25px; filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}
*/

.tt_sns .Facebook:hover a  {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.tt_sns .Twitter:hover a  {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.tt_sns .Instagram:hover a  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.tt_sns .Blog:hover a  {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.tt_sns .Kakao:hover a  {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}

.instagram-pc-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4934_6818)'%3E%3Cpath d='M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z' fill='black'/%3E%3Cpath d='M18.2507 8.60938H11.7567C10.0083 8.60938 8.59082 10.0268 8.59082 11.7753V18.2693C8.59082 20.0178 10.0083 21.4352 11.7567 21.4352H18.2507C19.9992 21.4352 21.4166 20.0178 21.4166 18.2693V11.7753C21.4166 10.0268 19.9992 8.60938 18.2507 8.60938Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M14.9999 12.643C16.3063 12.643 17.3744 13.7111 17.3744 15.0175C17.3744 16.3239 16.3063 17.3919 14.9999 17.3919C13.6935 17.3919 12.6255 16.3239 12.6255 15.0175C12.6255 13.7111 13.6935 12.643 14.9999 12.643ZM14.9999 11.6895C13.1595 11.6895 11.6719 13.1771 11.6719 15.0175C11.6719 16.8579 13.1595 18.3455 14.9999 18.3455C16.8403 18.3455 18.3279 16.8579 18.3279 15.0175C18.3279 13.1771 16.8403 11.6895 14.9999 11.6895Z' fill='white'/%3E%3Cpath d='M18.4707 12.3573C18.8972 12.3573 19.2431 12.0115 19.2431 11.5849C19.2431 11.1583 18.8972 10.8125 18.4707 10.8125C18.0441 10.8125 17.6982 11.1583 17.6982 11.5849C17.6982 12.0115 18.0441 12.3573 18.4707 12.3573Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4934_6818'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.youtube-pc-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4934_6823)'%3E%3Cpath d='M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z' fill='black'/%3E%3Cpath d='M19.1476 20.8172H10.8513C9.80236 20.8172 8.47687 20.7123 7.72353 20.0829C6.75086 19.2819 6.50293 17.8134 6.50293 16.4593V13.5317C6.50293 12.3684 6.6269 10.9666 7.3707 10.1846C8.16218 9.34547 9.61164 9.17383 10.8608 9.17383H19.1571C20.5112 9.17383 21.9988 9.39315 22.7998 10.3563C23.4197 11.1096 23.515 12.4733 23.515 13.5317V16.4593C23.515 17.6322 23.4006 19.0054 22.6472 19.7873C21.8558 20.6074 20.3968 20.8172 19.1571 20.8172H19.1476Z' fill='white'/%3E%3Cpath d='M13.2549 12.5195V17.5164L17.5651 15.0179L13.2549 12.5195Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4934_6823'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.naver-pc-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4934_6827)'%3E%3Cpath d='M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z' fill='black'/%3E%3Cpath d='M16.6684 9.23828V13.7583L12.8255 9.23828H8.2959V20.7481H12.8255V16.2281L16.6684 20.7481H21.198V9.23828H16.6684Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4934_6827'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
 

/* 하단sns영역 */
@media all and (max-width :640px){ 
    /* .tt_sns{display:none;} .foot_info1{display:none;} .tt_bank {display:none;} .tt_menu {display:none;} .lang{display:none;} */
}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){
    /* .tt_sns { display:none;}.foot_info1{display:none;} .tt_bank {display:none;} .tt_menu {display:none;} .lang{display:none;} */
}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : portrait){ 
    /* .tt_sns { display:none;}.foot_info1{display:none;} .tt_bank {display:none;} .tt_menu {display:none;} .lang{display:none;} */
}
@media all and (max-width :1600px){ 
    /* .tt_sns {display:none; }.foot_info1{display:none;} .tt_bank {display:none;} .tt_menu {display:none;} .lang{display:none;} */
}

/* 상단반응형영역 */
@media all and (max-width :640px){ #bottom { /*margin-top:100px;*/} #footer{ display:none;} .inner { order: 2; }/*#loginWrap { padding-top: 0px;}*/}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){ .inner { order: 2; } /*#contentWrapper { margin-top:100px;}*/ #footer { display:none;} /*#loginWrap { padding-top: 0px;}*/}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : portrait){ .inner { order: 2; } /*#contentWrapper { margin-top:100px;}*/ #footer { display:none;}/*#loginWrap { padding-top: 0px;}*/}
@media all and (max-width :691px) { .foot_info1{margin-left:0; } } 
@media all and (min-width :1025px) and (max-width :1580px) { .inner { order: 2; } }

/* BASIC css end */