@charset "utf-8";

/***************************************하단영역***************************************/
/*네비게이션*/
#floating {position:fixed; bottom:150px; right:40px; z-index:30;}
#floating .quick ul li {width:61px; height:61px; margin-bottom:6px; border-radius:50px;  font-size:0; line-height:0;}
#floating .quick ul li a{display:block; width:100%; height:100%; background-position:50% 50%;  border-radius:50px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); background-repeat:no-repeat; text-indent:-99999px; background-size:cover; }

#floating .quick ul li a.icon1 {background-image:url(/img/main/quick_nav1.png);}
#floating .quick ul li a.icon2 {background-image:url(/img/main/quick_nav2.png);}
#floating .quick ul li a.icon3 {background-image:url(/img/main/quick_nav3.png);}
#floating .quick ul li a.icon4 {background:#333 url(/img/main/quick_nav_arr.png)no-repeat 50% 50%; background-size:19px;}
#floating .quick ul li a.icon5 {background-image:url(/img/main/quick_nav5.png);}

.floating.hide {display:none;}

#foot {clear:both; width:100%;min-width: 1100px;background: #333d49; padding-bottom:30px;}
#foot .num {font-family:'Lato',sans-serif; letter-spacing:0;}

#foot_wrap {width:1100px;margin:0 auto;}
#foot_wrap:after{content:"";display:block;clear:both;}

.foot_top {width:1100px;height:65px;margin:0 auto;border-bottom:1px solid #474f59;}
.foot_top .fmenu {display:inline-block;float:left; }
.foot_top .fmenu ul{float:left;}
.foot_top .fmenu ul li {float:left; font-size:0; line-height:0; padding-right:15px; margin-right:15px; background:url(/img/common/foot_bar.jpg) no-repeat right 50%;}
.foot_top .fmenu ul li a {color:#b8bbbf; font-size:15px; line-height: 65px; font-family:'NotoKrM',sans-serif;}
.foot_top .fmenu ul li.last {padding-right:0; margin-right:0; background:none;}
.foot_top .fmenu ul li.privacy a {color:#e1d338;}
.foot_top .foot_r {display:flex;float:right;}

/*관련사이트*/
.familysite {position:relative; float:left; width:180px;/* z-index:9; */font-size:15px; margin-top:10px; margin-left:5px; }
.familysite .btn_op{display:block;width:100%;height:44px;padding-left:15px;line-height:44px;color:#d6d7da;text-decoration:none;letter-spacing:-1px;border:1px solid #626b78;text-align:left;box-sizing:border-box;}
.familysite .btn_op:after{content:'';position:absolute;top:50%;right:15px;width:13px;height:13px;margin-top:-6px;background-image:url(/img/common/btn_fsite_open.gif);background-repeat:no-repeat;}
.familysite .btn_op.on:after{background-image:url(/img/common/btn_fsite_close.gif);}
.familysite .familysite_list {position:absolute; bottom:44px; left:0; width:100%;background:#4c5462;}
.familysite .familysite_list ul li.tit{background:#626b7b;text-align:center;width:100%;height:44px;line-height:44px;color:#d6d7da;}
.familysite .familysite_list ul li a {display:inline-block; text-align:center; color:#d6d7da; text-decoration:none; width:100%; height:44px; line-height:44px; border-top:1px solid #414956;}
.familysite .familysite_list ul li a:hover {color:#fff;}

/*카피라이트*/
.finfo {float:left; padding-top:30px;}
.finfo address {color:#999ea4; font-size:15px; letter-spacing:-1px; padding-bottom:10px; font-family:'NotoKrM',sans-serif;}
.finfo address span.bar {margin-left:10px; padding-left:11px; background:url(/img/common/finfo_bar.gif) no-repeat left 3px;}
.finfo address span.num {letter-spacing:0; font-family:'Lato',sans-serif;}
.finfo cite {color:#717880; font-size:12px; font-family:'Lato'; line-height:1;}
.finfo .isms_mark{display:block;width:380px;height:62px;margin:22px 0;padding-left:75px;background:url(/img/common/foot_isms.png) no-repeat top left;font-size:12px;color:#a5a8ae;}
.finfo .isms_mark.type2{display:none;}
.finfo .isms_mark ul{padding-top:8px;}
.finfo .isms_mark ul li{line-height:24px; font-size:13px;}

.mo_mark > ul{display:none;}


.fban {float:right; font-size:0; line-height:0; padding-top:25px;}
.fban ul li {float:left; padding-left:15px;}
.fban dl {overflow:hidden; padding:10px 0; text-align:right; line-height:30px; margin-bottom:20px;}
.fban dl dt {display:inline-block; font-size:15px; color:#999ea4; line-height:1; vertical-align:middle; }
.fban dl dd {display:inline-block; font-size:30px; color:#fff; line-height:1;  vertical-align:middle; font-family:'Lato',sans-serif; font-weight:600; padding-left:20px;}


/*퀵메뉴*/
#quick {position:fixed; right:0; top:25%; width:120px; z-index:10; background:#fff; text-align:center;}
#quick .tit {width:120px; height:32px; padding-top:53px; background:url(/img/common/quick_bg.gif) no-repeat left top; letter-spacing:-1px; font-size:14px; font-weight:bold; color:#fff;}
#quick ul {width:98px; padding:5px 10px; border:1px solid #dfdfdf; border-top:none; display:inline-block;}
#quick ul li {line-height:30px; height:30px; background:url(/img/common/quick_line.gif) repeat-x left bottom;}
#quick ul li.last {background:none;}
#quick ul li a {display:inline-block; width:100%; font-size:12px; color:#444; letter-spacing:-1px;}
#quick ul li a:hover {font-weight:600; color:#02a4ae;}
#quick .tel {width:118px; height:62px; border:1px solid #dfdfdf; border-top:none;}
#quick .tel dl dt {font-size:13px; color:#02a4ae; font-weight:600; letter-spacing:-1px; padding-top:13px;}
#quick .tel dl dd {font-size:14px; color:#666; font-weight:600; padding-top:4px;}






/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){
#floating {display:none;}
#foot{min-width: auto;}
#foot_wrap{width: auto;text-align: center;}

.foot_top{width:100%; height:auto; text-align: center; border-bottom:0;}
.foot_top .fmenu{float:none;}
.foot_top .fmenu{width:100%;}
.foot_top .fmenu ul{display:inline-block;width:100%;}
.foot_top .fmenu ul li{width:50%;padding-right:0;margin-right:0;background: none;border-bottom: 1px solid #474f59;border-left: 1px solid #474f59;box-sizing:border-box;}
.foot_top .fmenu ul li:nth-child(odd){border-left:0;}
.foot_top .fmenu ul li a{line-height:1; display:block; padding:15px 0; font-size:13px;}
.foot_top .foot_r{/* display:none; */width: 100%;border-left: 0;float: none;text-align: center; position:relative; height:auto; margin-top:20px;justify-content:center;}

.familysite {margin:0 5px; display:inline-block; float:none;}
.familysite .btn_op{font-size:13px;}
.familysite .familysite_list ul li.tit,
.familysite .familysite_list ul li a{font-size:13px;}

.finfo{float: none;padding: 30px 15px 0 15px;box-sizing: border-box;}
.finfo address,
.finfo cite{display:inline-block;width:100%;text-align:center;}
.finfo .isms_mark{margin:20px auto 0;text-align:left;}
.fban{display: inline-block;float:none;margin:0 auto;}
.fban dl{float: left;margin-right: 30px;}
.fban ul{float: left;margin-top: 9px;}

}

/******************************모바일 ******************************/
@media all and (max-width:767px){

/* #foot{padding-bottom:0;}
.foot_top{height:auto;border-bottom: 0;}
.foot_top .fmenu{width:100%;}
.foot_top .fmenu ul{display:inline-block;width:100%;}
.foot_top .fmenu ul li{width:50%;padding-right:0;margin-right:0;background: none;border-bottom: 1px solid #474f59;border-left: 1px solid #474f59;box-sizing:border-box;}
.foot_top .fmenu ul li:nth-child(odd){border-left:0;}
.foot_top .fmenu ul li a{line-height:1; display:block; padding:15px 0; font-size:13px;} */

.finfo {padding:20px 15px 0 15px;}
.finfo address {font-size:13px; word-break: keep-all;line-height: 20px;}
.finfo address span.bar {padding:0; background:0; margin-left:0; display:block;}
.finfo cite{font-size: 11px;word-break: keep-all;line-height: 20px;}
.fban {padding-top:10px;}
.fban ul{display:none;}
.fban dl{padding:0;margin-bottom:15px;line-height:23px;}
.fban dl dt {font-size:13px;}
.fban dl dd{font-size:20px;}


/*isms_mark*/
.finfo .isms_mark{display:none;}
.finfo .isms_mark.type2{display:block;width: 12%;background-size: 65%;background-position: 50%;margin-top: 25px;margin: 0;}
.finfo .isms_mark{/* position: relative; */width: 100%;background-position: 50% 0;box-sizing: border-box;padding-left: 0;}
.finfo .isms_mark ul{display:none;position: absolute;top: -90px;width: 280px;height: auto;color: #000;padding: 15px  15px 15px 80px;box-sizing: border-box;background: #fff url(/img/common/foot_isms.png) no-repeat top left;background-size: 50px auto;background-position: 15px 50%;box-shadow: 10px 10px 10px rgb(0 0 0 /30%);}
.finfo .isms_mark ul li{position:relative;padding-left: 60px;line-height: 19px;}
.finfo .isms_mark ul li:last-child{/* padding-left:0; */}
.finfo .isms_mark ul li:last-child img{width:100%;margin-top: 10px;border-top: 1px solid #d5d5d5;padding-top: 10px;}
.finfo .isms_mark ul li strong{position:absolute;left: 0;}
.finfo .isms_mark:hover ul{position: absolute;display:block;width: 100%;left: 0;}
.finfo .isms_mark:hover ul::after{position: absolute;bottom: -14px;left: 9%;z-index: 100;display: block;border-top: 15px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0px solid transparent;content: "";}

.mo_mark{display: flex;justify-content: center;position: relative;}
.mo_mark > ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.mo_mark > ul > li{width:12%;}
.mo_mark > ul > li > img{width:100%;}



}