@charset "utf-8";
/* CSS Document */
/*
 * File       : common.css
 * Author     : ITBIZ (SUNMI)
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) GLOBAL & DEFAULT
 * 02) HEADER
 * 03) FOOTER
 * 04) SCROLL TOP
 * 06) CONTAINER
 * 07) PAGE
 * 08) SEARCH
 * 09) PRIVACY
 * 10) MODAL LAYER
 */
/* **************************************** *
 * GLOBAL
 * **************************************** */
body, table, th, td, input,
textarea, button, select {
	font-family:'Noto Sans KR','NotoSansSC', Dotum, '굴림', Gulim, sans-serif;
	font-size:13px;
	color:#666;
}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; content:""; display:block;}
body {background-color:#fff;}
#wrap{width: 100%;position: relative;}
#container {width:100%; background-color:#fff; overflow:hidden;letter-spacing:-1px}
#middleArea:after{clear:both; display:block; content:""}
.blind, .sr-only {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px; height: 1px;font-size: 0;line-height: 0;}
/* **************************************** *
 * SKIP
 * **************************************** */
#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipTo a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
/* **************************************** *
 * DEFAULT CUTSTOM
 * **************************************** */
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cf { clear:both; height:1px; }
.al { text-align:left !important; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.aj { text-align:justify !important; }
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }
.oh { overflow:hidden; }
.cp { cursor:pointer; }
.di { display:inline; }
.db { display:block; }
.dn { display:none; }
.vv { visibility:visible; }
.vh { visibility:hidden; }
.bn { border:0 none; }
.btn { border-top:0 none; }
.brn { border-right:0 none; }
.bbn { border-bottom:0 none; }
.bln { border-left:0 none; }
.bgn { background:none; }
.fb { font-weight:bold; }
.f600 { font-weight:600; }
.f700 { font-weight:700; }
.f800 { font-weight:800; }
.alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.alert-ie a { color:#ffd6c2; }
.alert-ie a:hover { color:#ffd6c2; }
.alert-ie a:focus { color:#ffd6c2; }
.alert-ie a:active { color:#ffd6c2; }
/*넓이 값*/
.w10{width:10%!important;}
.w15{width:15%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w35{width:35%!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w50{width:50%!important;}
.w60{width:60%!important;}
.w65{width:65%!important;}
.w70{width:70%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w85{width:85%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}
@media screen and (min-width: 1100px) {
.pcOnly {display: block;}
.mobileOnly { display: none; }	
.area{width:1100px; margin:0 auto; position:relative;}
#middleArea {width:1100px; margin:0 auto; position:relative; *zoom:1;}
/* **************************************** *
 * HEADER
 * **************************************** */
#header {width:100%; height:89px; }
#headerInner {height:46px;}
#headerInner .main-logo{margin-top:10px; width:128px;}
#headerInner .main-logo a{ display:block; width:100%;}
#headerInner .main-logo a img{width:95%; height:auto;}
#headerInner .util{display:inline-block; margin-top:10px;}
#headerInner .util >li{float:left; height:28px; line-height:25px;}
#headerInner .util> li:first-child{margin-left:0;}
#headerInner .util >li>a{display:inline-block; vertical-align:middle; font-size:12px; color:#999;}
/* -------- Gnb -------- */
#gnb span.dot{display:none;}
#gnb{position:absolute; top:46px; left:0; width:100%; height:43px; background:url(../images/gnb_bg.jpg) repeat-x; z-index:11;}
#gnb ul.clearfix{height:43px;}
#gnb ul.clearfix > li{float:left; width:220px; height:100%; text-align:center; background:url(../images/gnb_li_bg.jpg) no-repeat left center;}
#gnb ul.clearfix > li > a{display:block; width:100%; height:100%; font-size:15px; line-height:43px; color:#666; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#gnb ul.clearfix > li.gnb5 > a{background:url(../images/gnb_li_bg.jpg) no-repeat right center;}
#gnb ul.clearfix > li .gnb-2dep{width:100%; height:200px; display:none;}
#gnb ul.clearfix > li.gnb1 .gnb-2dep, #gnb ul.clearfix > li.gnb3 .gnb-2dep, #gnb ul.clearfix > li.gnb5 .gnb-2dep{background-color:#f4f4f4;}
#gnb ul.clearfix > li:hover{background:#175ec0; }
#gnb ul.clearfix > li:hover a{color:#fff; background:none; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#gnb ul.clearfix > li:hover .gnb-2dep{background-color:#175ec0;}
#gnb ul.clearfix > li:hover .gnb-2dep li a{color:#fff;}
#gnb ul.clearfix > li:hover .gnb-2dep li:hover a{background-color:#009fe0;} 
#gnb ul.clearfix > li .gnb-2dep li{width:100%; height:40px; text-align:center;}
#gnb ul.clearfix > li .gnb-2dep li a{display:block; width:100%; height:100%; font-size:13px; line-height:40px; color:#888;}
/* -------- GNB bg -------- */
#gnbBg{display:none; position:fixed; width:100%; height:100%; top:89px; left:0; background-color:rgba(0,0,0,0.5); z-index:10;}
/* -------- UTIL -------- */
#header .util #language { width: 58px; height:25px; position:relative; font-size: 15px; text-align: center; border-bottom: 3px solid #414141; }
#header .util #language > a { display: block; height:25px; line-height: 25px; text-indent: -20px; }
#header .util #language > a .material-icons { position: absolute;right: 0px;top: 5px;font-size:15px; }
#header .util #language ul { background-color: #616161; padding: 10px 0; display: none; position:relative; z-index:9999}
#header .util #language ul a { display: block; padding: 5px 0; color: #fff; font-size:12px;}

/* Header :: 검색버튼 */
.header-search-box{position:relative;z-index:101; margin-left:35px;}
.header-search-inner{width:200px; height:100%;}	
.header-search-inner .header-search-inner-box{overflow:hidden; height:100%; background-color:#264c7f;  padding-right:60px; }
.header-search-inner .header-search-word{height:25px; width:100%; vertical-align:top; background-color:transparent; border:0; color:#fff; font-size:11px; font-weight:300; text-indent:20px;}
.header-search-inner-box input::-webkit-input-placeholder, .header-search-inner-box input::-ms-input-placeholder{color:rgba(255,255,255,0.7)}
.header-search-inner .header-search-btn{position:absolute; top:0px; right:5px; width:25px; height:25px; color:#fff;line-height: 34px;}
.header-search-inner .header-search-btn i{font-size: 19px;}
.header-search-box.open .header-search-inner{display:block;}
/* 검색 open */
.header-search-box.open .header-search-inner{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
/* 모바일해드 */
#Mheader{display:none}

/* **************************************** *
 * FOOTER
 * **************************************** */
.to-top-btn{position:fixed; bottom:50px; right:2%; background:#000; color:#fff; padding:15px 10px;}
.to-top-btn > span{ display:block; text-align:center;font-size: 18px;margin-top: 10px;}

.to-kakao-btn{position:fixed; bottom:630px; right:2%; /**** background:#fff; 배경흰색이라 지움****/ color:#000; padding:0px 10px;}
.to-kakao-btn > span{ display:block; text-align:center;font-size: 18px;margin-top: 10px;}

.to-youtube-btn{position:fixed; bottom:570px; right:2%; /**** background:#fff; 배경흰색이라 지움****/ color:#000; padding:0px 10px;}
.to-youtube-btn > span{ display:block; text-align:center;font-size: 18px;margin-top: 10px;}

.to-facebook-btn{position:fixed; bottom:510px; right:2%; /**** background:#fff; 배경흰색이라 지움****/ color:#000; padding:0px 10px;}
.to-facebook-btn > span{ display:block; text-align:center;font-size: 18px;margin-top: 10px;}

.to-insta-btn{position:fixed; bottom:450px; right:2%; /**** background:#fff; 배경흰색이라 지움****/ color:#000; padding:0px 10px;}
.to-insta-btn > span{ display:block; text-align:center;font-size: 18px;margin-top: 10px;}


#footer{width:100%; background-color:#333; position:relative; z-index:9992; margin-top:45px}
#footerTop{padding:10px 0;}
.footer-logo{float:left; line-height:30px; padding-top:8px}
#footerTop > ul{float:right; line-height:28px;}
#footerTop > ul li{display:inline-block; vertical-align:middle;margin-left:20px;}
#footerTop > ul li > a{font-size:13.5px; color:#888;}
#footerTop > ul li:first-child > a{color:#aaa;}
#footerBottom{width:100%; border-top:1px solid #444; padding:2% 0;}
.footer-bottom-inner > p{float:left; font-size:13.5px; line-height:20px; color:#aaa; }
.footer-bottom-inner > p span, .footer-bottom-inner > p a{display:inline-block; vertical-align:top; font-size:15px; line-height:25px; color:#aaa; margin-top:5px;}
.footer-bottom-inner > p a{margin-right:15px;}
.footer-bottom-inner > p span em, .footer-bottom-inner > p a em{color:#2383cd;}
.footer-bottom-inner > div{float:right;position:relative;}
.copyright{font-size:13px; line-height:20px; color:#aaa; font-weight:300; display:block!important;}
.copyright > i{color:#2383cd; font-style:normal;}
.family-site-wrap{}
.family-site-box{position:relative; width:175px; text-align:left; letter-spacing:-0.25px; margin-left:9px;}
.family-site-box .family-site-open-btn{display:block; height:35px; line-height:35px; text-indent:10px; font-size:13px; border:1px solid #6c6d6f; background-color:#5a5a5a; color:#fff; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn i{position:absolute; right:13px; top:50%; margin-top:-6px; font-size:16px}
.family-site-box.open .family-site-open-btn i{transform:rotate(180deg); right:6px}
.family-site-list{position:absolute; bottom:34px; left:0px; width:100%; padding:10px 0; border:1px solid #6c6d6f; background-color:#5a5a5a; border-bottom:0; z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px; color:#fff; font-size:12px;}
.family-site-list a:hover{color:#fff; text-decoration:underline;}
/*2020-05-19 sns 추가*/
#footer .sns_icon{overflow:hidden; padding-top:5px; margin-bottom:20px}
#footer .sns_icon li{float:right;padding-left:12px;}



/* ==================== MODAL LAYER ========================== */
#siteMapCon .sitemap-tit{display:block; position:absolute; color:#fff; top:-30px; left:0px; font-size:26px; line-height:20px; letter-spacing:-0.7px; font-weight:normal;}
#siteMapCon .modal-inner{width:940px; height:370px;}
#siteMapCon #siteMapInner{width:100%; height:100%; border-radius:5px; overflow:hidden;}
#siteMapCon #siteMapInner th{text-align:left; background-color:#305a9e;font-size:15px; font-weight:600; color:#fff;}
#siteMapCon #siteMapInner th span{display:block; padding-left:40px; height:73px; line-height:73px; border-bottom:1px solid #7393c8; }
#siteMapCon #siteMapInner td{/*border-bottom:1px solid #ddd;*/}
#siteMapCon #siteMapInner td > ul{height:73px; border-bottom:1px solid #ddd; padding-left:7px;}
#siteMapCon #siteMapInner td > ul > li{float:left;  position:relative; height:73px; }
#siteMapCon #siteMapInner td > ul > li > a{padding:0 18px; margin-top:30px; height:43px; display:inline-block; font-size:15px; color:#777; letter-spacing:-1px;}
#siteMapCon #siteMapInner td > ul > li > a:hover, #siteMapInner td > ul > li > a.on{color:#305a9e; border-bottom:1px solid #305a9e;}
#siteMapCon #siteMapInner th.last-sitemap span{border-bottom:0; height:74px; line-height:74px;}
#siteMapCon #siteMapInner td.last-sitemap > ul{height:74px; border-bottom:0;}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#004fa3; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #bbb;}
.footer-inner .text14{padding:20px; display:block; width:100%; height:100%; font-size:13px; color:#666; line-height:1.7; word-break:keep-all;}
.footer-inner .text14 p b{ font-size: 16px;font-weight: 500; margin: 25px 0 18px;display: block;color: #222;}
.footer-inner .text14 p strong{display: block;font-size: 15px;margin: 5px 0;}
.close{display:none}



}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 767px row
##Device = 저해상도 태블릿, 모바일(가로) 대응
##Screen = 768px 이하
*/
@media screen and (max-width: 1099px) { 
.pcOnly{display: none;}
.mobileOnly{display: block; }	
.mobileOnly.left_txt{display:inline-block;}
#header{display:none}	
#Mheader{ display:block;}	
.area{width:100%; margin:0 auto; box-sizing:border-box;}
#middleArea {width:100%; margin:0 auto; position:relative; *zoom:1; padding:0 15px; box-sizing:border-box;}
/* header */
html.on,html.on body,html.on #wrap{overflow:hidden; height:100%;}
#Mheader .top_header{/*position:absolute;*/ position:relative; top:0; width:100%; height:60px; padding:18px 18px 0; box-sizing:border-box; z-index:10000;}
#Mheader .top_header h1{float:left; margin-top:3px}
#Mheader .top_header h1 a{display:block; width:100px; height:25px; background:url(../images/logo.png) 0 0 no-repeat; background-size:100%; text-indent:-9999px;}
#Mheader .top_header .btn_menu{float:right; width:23px; height:17px; margin-top:3px; background:url(../images/ico_common.png) -25px 0 no-repeat; background-size:140px auto; text-indent:-9999px;}
#Mheader.on{background:#fff;}
#Mheader.on .top_header{position:fixed; background:#fff;}
#Mheader.fixed .top_header{position:fixed; background:#fff; border-bottom:1px solid #cecece;}
#Mheader.on .top_header .btn_menu{width:17px; height:17px; background-position:-50px 0;}
#Mheader.fixed .top_header .btn_menu{background-position:-25px 0;}

#Mheader.on #Mgnb{display:block;}
#Mgnb{overflow:auto; display:none; position:absolute; top:0; width:100%; height:100%; padding:60px 0 30px; z-index:1000; background:#fff; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
#Mgnb .language{background-color:#175ec0; text-align:center;}
#Mgnb .language li{display:inline-block; line-height:50px; font-size:15px; font-weight:400;}
#Mgnb .language li:before{content:""; display:inline-block; width:1px; height:10px; margin:0 13px; background:#fff; vertical-align:middle;}
#Mgnb .language li:first-child::before{display:none;}
#Mgnb .language li a{ color:rgba(255,255,255,0.4)}
#Mgnb .language li.on a{color:#fff;}
#Mgnb .gnb_menu li a{display:block; padding:0 24px; font-weight:400; letter-spacing:0; position:relative;}
#Mgnb .gnb_menu li.none a:after,#Mgnb .gnb_menu ul.none li a:after{display:none;}
#Mgnb .gnb_menu > li > a{line-height:50px; border-bottom:1px solid #dbdbdb; font-size:17px;}
#Mgnb .gnb_menu > li > a:after{content:""; display:inline-block; float:right;  width:15px; height:8px;background:url(../images/ico_common.png) -75px 0 no-repeat; background-size:140px auto; position:absolute; right:24px; top:50%; margin-top:-2px}
#Mgnb .gnb_menu > li.on > a:after{background-position:-75px -8px;}
#Mgnb .gnb_menu > li.active > a{color:#498cc3;}
#Mgnb .depth2.on{display:block;}
#Mgnb .depth2{display:none; background:#e8f2fb; border-bottom:1px solid #dbdbdb;}
#Mgnb .depth2 > li{overflow:hidden; padding:0 24px; box-sizing:border-box;}
#Mgnb .depth2 > li:last-child a, #Mgnb .depth2 > li:last-child div{border-bottom:0;}
#Mgnb .depth2 > li > a{padding:0; line-height:50px; border-bottom:1px solid #dbdbdb; font-size:15px; color:#498cc3;}
#Mgnb .depth2 > li > a:before{content:""; display:inline-block; width:2px; height:2px; margin-right:4px; margin-top:-3px; background:#498cc3; border-radius:50%; vertical-align:middle;}
#Mgnb .depth2 > li > a:after{content:""; display:inline-block; float:right; width:12px; height:12px;background:url(../images/ico_common.png) -100px 0 no-repeat; background-size:140px auto; position:absolute; right:0px; top:50%; margin-top:-2px}
#Mgnb .depth2 > li.on > a{border-bottom:none;}
#Mgnb .depth2 > li.on > a:after{width:12px; height:1px; background-position:-125px 0;}
#Mgnb .depth3.on{display:block;}
#Mgnb .depth3{display:none; overflow:hidden; border-bottom:1px solid #cacaca;}
#Mgnb .depth3 ul{float:left; width:50%; padding-left:9px; box-sizing:border-box;}
#Mgnb .depth3 ul li{margin-bottom:16px;}
#Mgnb .depth3 ul li a{padding:0; font-size:14px;}
#Mgnb .depth3 ul li a:before{content:""; display:inline-block; width:4px; height:1px; margin-right:4px; margin-top:-3px; background:#666; vertical-align:middle;}
/* **************************************** *
 * SEARCH
 * **************************************** */
#Mheader .search-wrap::before, #Mheader .search-wrap .search-box {top: -60px;height: 60px; padding: 0 15px;visibility: hidden;opacity: 0;transition: ease all .3s;content: '';display: block;position: absolute; left:0;width: 100vw;background: #242934;width:100%; box-sizing:border-box;}
#Mheader .search-wrap .search-box .input-box {position: relative;top: 50%;max-width: 1100px;height: 40px;margin: 0 auto;border-bottom: 1px solid #fff; transform: translateY(-50%);max-width: calc(100% - 40px);margin: 0;}
#Mheader .search-wrap .search-box input {display: block;width: calc(100% - 40px); height: 40px;padding-left: 0;border: 0;font-size: 15px;color: #fff;background: transparent; outline: none;padding: 0 15px;}
#Mheader .search-wrap .search-box button {display: block;position: absolute;top: 0; right:0;width: 40px;height: 40px;background: url(../images/gnb_search_ic.png) no-repeat 50% 50%;}
#Mheader .search-wrap.is-active::before,
#Mheader .search-wrap.is-active .search-box{top:0;visibility:visible;opacity:1;}
#Mheader .search-wrap.is-active .search-btn{background-image:url(../images/close_white_ic.png); right:0}
#Mheader .search-wrap .search-btn {display: block;position: absolute;top: 0;right: 40px;width:50px;height:60px;background: url(../images/gnb_search_ic_black.png) no-repeat 50% 50%;background-size: 20px;}
/* **************************************** *
 * FOOTER
 * **************************************** */
.to-top-btn{width: 36px; height: 36px;display: block; font-size: 10px;text-align: center;border: 1px solid #6c6d6f;background-color: #5a5a5a;color: #000;box-sizing: border-box; padding: 5px; position: absolute;bottom: 0; left: 50%;margin-left: -92px; margin-bottom: 3%;}
.to-top-btn > span{font-size: 12px;margin-top: 3px;}

.to-sns-btn{width: 36px; height: 36px;display: block; font-size: 10px;text-align: center;border: 1px solid #6c6d6f;background-color: #5a5a5a;color: #000;box-sizing: border-box; padding: 5px; position: absolute;bottom: 0; left: 50%;margin-left: -92px; margin-bottom: 3%;}
.to-sns-btn > span{font-size: 12px;margin-top: 3px;}

#footer {width: 100%;background-color: #333;position: relative;z-index: 9992; margin-top:45px}
#footerTop{padding:10px 0;}
.footer-logo{display:none;}
#footerTop > ul{float:none; width:100%; text-align:center; line-height:30px;}
#footerTop > ul li{display:inline-block; vertical-align:middle;margin-left:20px;}
#footerTop > ul li:first-child{ margin-left:0;}
#footerTop > ul li > a{font-size:13px; color:#888;}
#footerTop > ul li:first-child > a{color:#aaa;}
#footerBottom{width:100%; border-top:1px solid #444; padding:3% 0;}
.footer-bottom-inner{width:100%;}
.footer-bottom-inner > p, .footer-bottom-inner > div{width:100%; text-align:center;}
.footer-bottom-inner > p{font-size:12px; line-height:25px; color:#aaa;padding-bottom:10px; border-bottom:1px solid #444; }
.footer-bottom-inner > p span, .footer-bottom-inner > p a{display:inline-block; vertical-align:top; font-size:13px; line-height:20px; color:#aaa; margin-top:7px;}
.footer-bottom-inner > p a{margin-right:15px;}
.footer-bottom-inner > p span em, .footer-bottom-inner > p a em{color:#2383cd;}
.footer-bottom-inner > div{padding-top:13px;}
.copyright{font-size:12px; line-height:20px; color:#aaa; font-weight:300; display:block;}
.copyright > i{color:#2383cd; font-style:normal;}

.family-site-wrap{ display:block; padding-top:15px}
.family-site-box{position: relative;width: 150px;text-align: left;letter-spacing: -0.25px; margin-left: -50px; left: 50%;}
.family-site-box .family-site-open-btn{display:block; height:34px; line-height:34px; text-indent:10px; font-size:12px; border:1px solid #6c6d6f; background-color:#5a5a5a; color:#fff; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn i{position:absolute; right:13px; top:50%; margin-top:-6px; font-size:13px}
.family-site-box.open .family-site-open-btn i{transform:rotate(180deg); right:6px}
.family-site-list{position:absolute; bottom:31px; left:0px; width:100%; padding:10px 0; border:1px solid #6c6d6f; background-color:#5a5a5a; border-bottom:0; z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px; color:#fff; font-size:12px;}
.family-site-list a:hover{color:#fff; text-decoration:underline;}
/*2020-05-19 sns 추가*/
#footer .sns_icon{overflow:hidden; padding-top:5px;}
#footer .sns_icon li{display:inline-block;padding:0 6px;}



/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:45px; line-height:45px; font-size:16px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#004fa3; color:#fff;}
.modal-close-btn{position:absolute; top:9px; right:9px; color:#fff; }
.modal-close-btn i{font-size:25px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{height:280px; overflow-y:auto; overflow-x:hidden; border:1px solid #bbb;}
.footer-inner .text14{padding:20px; display:block; width:100%; height:100%; font-size:11px; color:#666; line-height:1.7; word-break:keep-all; box-sizing:border-box;}
.footer-inner .text14 p strong{display: block;font-size:13px;margin: 5px 0;}
.footer-inner .text14 p b{ font-size:15px;font-weight: 500; margin:15px 0 10px;display: block;color: #222;}
.close{display:none}

}