body {
	font-family: 'Noto Sans KR', sans-serif, Helvetica;
	/* font-family: 'RixSinGo', sans-serif; */
	font-size: 12px;
	color: #333;
	letter-spacing: -1px;
	-webkit-text-size-adjust: none;
	max-width: 100%;
	word-break: keep-all;
}

#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 ,
#skipTo a:hover,
#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;}

.inner-wrapper{position:relative;width:100%;}
header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:220}
header .inner-wrapper{height:100%;z-index:2}
header::before{position:fixed;top:0;left:0;width:100%;height:0;background:#fff;z-index:0;transition:all .2s ease-in;content:''}
header::after{position:fixed;top:99px;left:0;width:100%;height:1px;background:rgb(255,255,255,.0);content:'';z-index:1}

header .logo{position:absolute;top:50%;left:60px;transform:translate(0,-50%)}
header .logo a{position:relative;}
header .logo a,
header .logo a span{display:inline-flex;display: block;}
header .logo img{/*width:134px;height:24px;*/max-width: 125px;vertical-align: middle;}
header .logo .off{opacity: 1;transition:opacity .3s}
header .logo .on{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0}

header nav{display:flex;width:100%;align-items: center;justify-content: center; margin-top: -1px; }
header nav .gnb{display:inline-flex;align-items: flex-start;justify-content: center}
header nav .gnb > li{position:relative;}
header nav .gnb > li > .btn{display:inline-flex;height:100px;padding:0 38px;align-items: center;font-size:18px;font-weight:700;color:#fff;letter-spacing: -1px;}
header nav .gnb > li::after{position:absolute;top:98px;left:0;width:0;height:2px;background:#E41D1E;transition:width .3s ease-in;content:''}
header nav .gnb > li.active > .btn,
header nav .gnb > li:hover > .btn{color:#E41D1E !important}
header nav .gnb > li.active::after,
header nav .gnb > li:hover::after{width:100%}
header nav .gnb > li .depth2{position:absolute;top:100%;left:0;width:100%;height:0;max-height:0;padding:28px 0 0;overflow:hidden;transition:max-height .4s ease-in}
header nav .gnb > li .depth2 li {text-align:center;line-height: 16px; margin-bottom:14px;}
header nav .gnb > li .depth2 li a{font-size:15px;color:#666;letter-spacing: -1px;}
header nav .gnb > li .depth2 li a:hover{color:#444; text-decoration: underline;}
header nav .btn-nav{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content: center;width:110px;height:100px;background:#E41D1E;}
header nav .rnb{position:absolute;top:50%;right:140px;display:flex;align-items: center;justify-content: flex-end;transform:translate(0,-50%)}
header nav .rnb li + li{position:relative;margin-left:17px;padding-left:18px} 
header nav .rnb li + li::before{position:absolute;top:50%;left:0;width:1px;height:14px;background:#bbbb;content:'';transform:translate(0,-50%)}
header nav .rnb li a{font-size:18px;font-weight:500;color:#bbb}
header nav .rnb .active a{color:#fff}
header nav .btn-nav-close {display:none}
header nav .btn-nav-close img {width:20px}

header.ver2{background:#fff}
header.ver2::after{background:#dadada}
header.ver2 nav .gnb > li > .btn{color:#222}
header.ver2 nav .rnb .active a{color:#222}
header.ver2 .logo .on{opacity:1;}
header.ver2 .logo .off{opacity:0;}
.openmenu{overflow:visible !important;}
.openmenu header::before{height:380px}
.openmenu header::after{background:#dadada; z-index: 999;}

.openmenu header nav{border-bottom: 1px solid #D8D8D8; background: #fff;}
.openmenu header .inner-wrapper{}

.openmenu header .logo .on{opacity:1;}
.openmenu header .logo .off{opacity:0;}
.openmenu header nav .btn-nav-close {display:inherit}
.openmenu header nav .btn-nav-open {display:none}
.openmenu header nav .gnb{height:450px;}
.openmenu header nav .gnb > li > .btn{color:#222}
.openmenu header nav .gnb > li .depth2 {max-height:999px;height:auto}
.openmenu header nav .rnb .active a{color:#222}



.quick_new{position:fixed; right:0; top:30%; margin-right: -50px; transition: 0.5s; z-index:99; width:132px;}
.quick_new a{font-size:15px; padding: 14.5px 20px 14.5px 20px; color:#fff; display:block;}
.quick_new a:hover{opacity:0.7;}


/* Ãß°¡_Äɾºñ½º Äü¸Þ´º ¹× ·¹À̾îÆ˾÷ */
/* Äü¸Þ´º*/
.scrollToTop_wrap.add{
    position: fixed;
    bottom: 30%;
    margin-left: 0;
    right: 0;
    left: 0;
    /*width: calc(100% - 60px);*/
    width: 100%;
}

.scrollToTop_wrap.add .scrollToTop{
    /*top: -12px;*/
    right: 0; 
    right: 200px; 
}

.scrollToTop_wrap.add .scrollToTop .arrow{
    border: 1px solid #d2d2d2;
    width: 70px;
    height: 70px;
    background: #fff url(../img/area/top_arrow.png) no-repeat center center;
    background-size: 23px auto;
    transition: all .1s;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 7%);
    border-radius: 50px;
}
.scrollToTop_wrap.add .scrollToTop:hover .arrow{
    background: #E41D1E url(../img/area/top_arrow_on.png) no-repeat center center;
    background-size: 23px auto;
    border-color: #E41D1E;
}

102

.quick_dis{
    /*position: fixed;
    right: 0;
    top: calc(45% + 75px);*/
}
.quick_dis ul{}
.quick_dis ul li{
    text-align: center;
    position: fixed;
    right: 200px;
    /*top: calc(45% + 75px);*/
    margin-right: 0px;
    transition: 0.3s;
    z-index: 99;
    transform: rotate(0deg);
}

.quick_dis ul li a{
    background: #fff;
    background: none;
}

.quick_dis ul li a p{
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 7%);
}
.quick_dis ul li a p span{
    /*display: table-cell;
    vertical-align: middle;
    text-align: center;*/
}
.quick_dis ul li a .box{
    width: 70px;
    height: 70px;
    background: #FAE100;
    /*display: table;*/
    float: left;
    opacity: 0;
    position: absolute;
    right: 0px;
    transition: 0.15s;
}
.quick_dis ul li a .box span{
    font-size: 17px;
    font-weight: 600;
    position: relative;
    letter-spacing: -0.5px;
    margin-right: 60px;
}
.quick_dis ul li a .box span:after{
    content: '';
    position: absolute;
    top: -3px;
    /*right: -17px;*/
    right: -20px;
    width: 1px;
    height: 30px;
    background: #381E1F;
    z-index: 1;
}

.quick_dis ul li a .ico{
    width: 70px;
    height: 70px;
    float: left;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    border-radius: 50px;
}

.quick_dis ul li a .ico span{}
.quick_dis ul li img{width: 33px;}
.quick_dis ul li img.on{display: none;}
.quick_dis ul li.ka{bottom: calc(30% + 155px);}
.quick_dis ul li.ka a{ display: inline-block;}
.quick_dis ul li.ka a .ico{background: #FAE100;}


.quick_dis ul li.tel{bottom: calc(30% + 80px);}
.quick_dis ul li.tel a .ico{background: #9CB6D2;}
.quick_dis ul li.tel a .box{background: #9CB6D2;}
.quick_dis ul li.tel a .box span{ color: #fff;}

.quick_dis ul li.tel a .box span:after{
    background: rgba(255,255,255,.7);
}

.quick_dis ul li.tel a{}
.quick_dis ul li.tel a.pc{display: block;}
.quick_dis ul li.tel a.mo{display: none;}

.quick_dis ul li a:hover{}
.quick_dis ul li a:hover .box{
    opacity: 1;
    right: 70px;
    width: 110px;
    border-radius: 50px 0 0 50px;
    
    right: 0px;
    width: 180px;
    border-radius: 50px;
}

.quick_dis ul li a:hover .ico{
    background: #FAE100;
    border-radius: 0 50px 50px 0;
    box-shadow: none;
    background: none;
}
.quick_dis ul li a:hover img.on{display: inline-block;}
.quick_dis ul li a:hover img.off{display: none;}
.quick_dis ul li.tel a:hover .ico {
    border: 1px solid #9CB6D2;
    background: #9CB6D2;
}

/*Ŭ¸¯½Ã ³ª¿À´Â°Å*/
.quick_dis.re .slide-div {
     position: fixed;
     right: 48px;
     top: 66%;
     width: 90px;
     height: 50px;
     /*background: #57b0ff;*/
   }

.quick_dis.re .button-div {
     position: fixed;
     right: 0px;
     top: 66%;
     width: 48px;
     height: 48px;
     background: #fff;
     /*border: 1px solid #d2d2d2;*/
     box-sizing: border-box;
     cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
   }

.quick_dis.re .button-open {
     width: 48px;
     height: 48px;
     background: #FAE100;
     border: 1px solid #FAE100;
     box-sizing: border-box;
     cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #FAE100 url(../img/area/kakao_dis_on.png) no-repeat center center;
     display: block;
     background-size: 30px auto;
   }

 .quick_dis.re .button-close {
     width: 48px;
     height: 48px;
     border: 1px solid #d2d2d2;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../img/area/kakao_dis.png) no-repeat center center;
     width: 48px;
     height: 48px;
     display: block;
     background-size: 30px auto;
   }

.quick_dis.re .button-close-tel {
     width: 48px;
     height: 48px;
     border: 1px solid #d2d2d2;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../img/area/tel_dis.png) no-repeat center center;
     width: 48px;
     height: 48px;
     display: block;
     background-size: 30px auto;
   }

.quick_dis.re .button-open-tel {
     width: 48px;
     height: 48px;
     border: 1px solid #9CB6D2;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #9CB6D2 url(../img/area/tel_dis_on.png) no-repeat center center;
     width: 48px;
     height: 48px;
     display: block;
     background-size: 30px auto;
   }

.quick_dis.re ul li a .box{right: -100px;}
.quick_dis.re{}
.quick_dis.re ul li.ka{top: 60%;}
.quick_dis.re ul li.tel{top: 66%;}
.quick_dis.re ul li a{cursor: pointer;}
.quick_dis.re ul li .ico{}
.quick_dis.re ul li.ka .button-close .ico span{
    /*background: url(../img/area/kakao_dis.png) no-repeat center center;
    width: 48px;
    height: 48px;
    display: block;
    background-size: 30px auto;*/
}
.quick_dis.re ul li.tel .button-close .ico span{
    /*background: url(../img/area/tel_dis.png) no-repeat center center;
    width: 48px;
    height: 48px;
    display: block;
    background-size: 30px auto;*/
}

/*  //Ŭ¸¯½Ã ³ª¿À´Â°Å*/


/* ·¹À̾îÆ˾÷ */
.quick_dis .pop-layer .pop-container {
    padding: 30px 45px;
    background: url(../img/area/pop_bg02.png) no-repeat left bottom -1%, url(../img/area/pop_bg01.png) no-repeat right top;
    background-color: #fff;
    border: 5px solid #9AB6D3;
}
.quick_dis .pop-layer .pop-conts{
    text-align: center;
    letter-spacing: -0.5px;
}
.quick_dis .pop-layer .ctit {
    font-size: 27px;
    font-weight: 700;
    padding: 0 0 20px;
    color: #1f326a;
    color: #9CB6D2;
}

.quick_dis .pop-layer .ctxt {
    color: #000;
    line-height: 26px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 30px 0;
}

.quick_dis .pop-layer .ctxt .txt{
    font-size: 18px;
}

.quick_dis .pop-layer .ctxt .tel{
    font-size: 30px;
    color: #E41D1E;
    font-weight: 600;
    padding: 20px 0;
}

.quick_dis .pop-layer .ctxt .tel img{
    width: 30px;
}

.quick_dis .pop-layer .ctxt span{
    font-size: 14px;
    color: #666;
}

.quick_dis .pop-layer .btn-r {
   width: 100%;
   margin: 20px 0 0;
   /*text-align: right;*/
}

.quick_dis .pop-layer {
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: auto;
   height: 400px;
   z-index: 10;
}

.quick_dis .dim-layer {
   display: none;
   position: fixed;
   _position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
}

.quick_dis .dim-layer .dimBg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .5;
   filter: alpha(opacity=50);
}

.quick_dis .dim-layer .pop-layer {
   display: block;
}

.quick_dis a.btn-layerClose {
   display: inline-block;
   line-height: 34px;
   height: 34px;
   width: 100px;
   padding: 0 14px 0;
   background-color: #222;
   font-size: 13px;
   color: #fff;
}

.quick_dis a.btn-layerClose:hover {
   background-color: #1f326a;
   color: #fff;
}

/*  //Ãß°¡_Äɾºñ½º Äü¸Þ´º ¹× ·¹À̾îÆ˾÷ */

    
    


footer{position:relative;background:#262626;height:174px;padding:45px 60px 0;text-align:left;z-index:101}
footer .logo{display:flex;width:94px}
footer .logo img{width:100%}
footer .f_menu{margin:17px 0 10px;display:flex;flex-flow:row wrap;justify-content: flex-start;align-items: center;}
footer .f_menu li{display:inline-block;}
footer .f_menu li + li{position:relative;padding-left:21px;margin-left:20px}
footer .f_menu li + li::before{position:absolute;top:50%;left:0;width:1px;height:10px;background:#A8A9A9;content:'';transform:translate(0,-50%)}
footer .f_menu li a{font-size:14px;font-weight:300;letter-spacing: -1px;color:#fff;}
footer .f_menu li a strong{font-weight:700}
footer address{font-size:12px;letter-spacing: -0.5px; color:#B7B8BA; text-transform: capitalize;}
footer address span{}
footer .copyright{font-size:11px;letter-spacing: -1px;color:#696969;}
footer .copyright strong{font-weight:700;color:#E72511}

footer .familySite {position:absolute;top:50px;right:60px; width:220px;z-index:1}
footer .familySite > div{position:relative;}
footer .familySite .btn-site {  display:inline-flex;justify-content: space-between;align-items: center;height:40px;line-height:40px;width:100%; text-align:left;  font-size:15px; cursor:pointer; padding:0 20px;  z-index:2; font-weight:300;color:#fff; background:rgba(255,255,255,.1)}
footer .familySite .btn-site::after{display:inline-block;width:12px;height:7px;background:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='11.3536' y1='1.04984' x2='6.05025' y2='6.35314' stroke='white'/%3E%3Cline x1='6.64645' y1='6.35355' x2='1.34315' y2='1.05025' stroke='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;transition:all .3s ease-out;content:''}

footer .familySite .list{display:flex;flex-flow:row wrap;position:absolute;bottom:100%;right:0;width:100vw;max-width:1200px;background:#fff;height:0;max-height:0;transition:max-height .3s ease-out;overflow:hidden}
footer .familySite .list::before{position:absolute;top:0;left:0;width:100%;height:2px;background:#E41D1E;content:''}
footer .familySite .list li{/*margin:23px 84px;*/ width: 33.33%;padding: 20px 40px;box-sizing: border-box;}
footer .familySite .list li img{max-height: 30px;}
footer .familySite.active .btn-site{background:#E72511}
footer .familySite.active .btn-site::after{transform:rotate(180deg)}
footer .familySite.active .list{height:auto;max-height:999px;padding:27px 0;border-left: 2px solid #E41D1E;border-right: 2px solid #E41D1E;box-sizing: border-box;}

footer .f_sns{position: absolute;top: 110px;right: 60px;z-index: 1;}

#contents{position:relative;z-index:0}


/* ¹Ìµð¾îÄõ¸® */

@media screen and (max-width:1280px){ /* laptop */
	header nav .gnb > li > .btn{padding:0 28px}
	footer .familySite .list{width:calc(100vw - 120px)}
	footer .familySite .list li{/*margin:23px 45px*/}
	
	.quick_new{/*display:none;*/}
    .quick_dis{/*display:none;*/}
    .quick_dis .dim-layer{/*display:none !important;*/}
    /*.quick_dis ul li.tel a.pc{display: none;}
    .quick_dis ul li.tel a.mo{display: block;}*/
    .scrollToTop_wrap_m{/*display: block;*/ bottom: 230px;}   
    
}


@media screen and (max-width:1080px){ /* tablet */
	header{height:70px}
	header::before{position:fixed; top:0;left:auto;right:0; width:0;height:100%;background:#222;opacity: 0;transition:opacity .2s ease-in}
	header::after{top:69px}
	header .logo{left:32px}
	header .logo img{/*width:104px;height:19px*/}
	.openmenu header .logo .off,
	header .logo .off{opacity: 1;}
	.openmenu header .logo .on,
	header .logo .on{opacity: 0;}
	header nav{padding-top:70px;align-items:flex-start}
	header nav .btn-nav-open{width:70px;height:70px}
	header nav .btn-nav-open img{width:20px}

	header nav .btn-nav-close{        top: 0;
        /* right: 320px; */
        width: 71px;
        height: 71px;
        /* background: none;*/}
	header nav .btn-nav-close img{width:26px}

	header nav{position:fixed;height:100%; top:0;left:auto; width:0;right:0;z-index:20;transition: width 0.3s ease-out;transform:translate(0,0);max-width:none;background:#fff;}
	
	header nav .gnb,
	header nav .rnb {width:90%}
	.openmenu header::after{background:rgb(255,255,255,.0);}
	/*.openmenu header .logo .on{opacity:inherit;}
	.openmenu header .logo .off{opacity:inherit;}*/
	.openmenu header nav .btn-nav-close {display:inherit}
	.openmenu header nav .btn-nav-open {display:none}
	.openmenu header nav .gnb{height:auto;max-height:999px}
	.openmenu header nav .gnb > li > .btn{color:#222}
	.openmenu header nav .gnb > li .depth2 {height:0;max-height:0;}
	.openmenu header nav .rnb .active a{color:#222}

	header nav .gnb{display:flex;flex-flow:row wrap;align-items: flex-start;}
	header nav .gnb > li{width:100%}
	header nav .gnb > li > .btn{position:relative;width:100%;height:56px;padding:0 20px;align-items: center;font-size:18px;font-weight:700;color:#fff;letter-spacing: -1px;}
	header nav .gnb > li > .btn::after{position:absolute;top:50%;right:20px;width:11px;height:7px;background:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.41947' y1='5.62155' x2='1.39901' y2='0.601091' stroke='%23222222' stroke-width='1.7'/%3E%3Cline y1='-0.85' x2='7.1' y2='-0.85' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 4.62036 5.02051)' stroke='%23222222' stroke-width='1.7'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;content:'';transition:all .3s}
	header nav .gnb > li::after{display:none}
	header nav .gnb > li li.current > .btn,
	header nav .gnb > li.open > .btn,
	header nav .gnb > li:hover > .btn{color:#E41D1E !important;border-bottom:2px solid #E41D1E}
	header nav .gnb > li.open > .btn::after{background:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.41947' y1='5.62155' x2='1.39901' y2='0.601091' stroke='%23E41D1E' stroke-width='1.7'/%3E%3Cline y1='-0.85' x2='7.1' y2='-0.85' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 4.62036 5.02051)' stroke='%23E41D1E' stroke-width='1.7'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;transform:rotate(180deg)}
	header nav .gnb > li .depth2{position:static;top:0;left:0;width:100%;height:0;max-height:0;padding:0;overflow:hidden;transition:max-height .4s ease-in}
	header nav .gnb > li .depth2 li {text-align:left;line-height: 58px;border-bottom:1px solid #D8D8D8;margin-bottom: 0;}
	header nav .gnb > li .depth2 li a{display:inline-flex;width:100%;padding:0 30px;font-size:16px;}
	header nav .gnb > li.current .depth2 .active,
	header nav .gnb > li .depth2 li a:hover{color:#444;font-weight:700}
	.openmenu header nav .gnb > li.open .depth2{height:auto;max-height:999px}
	header nav .rnb{top:20px;left:23px;right:auto;justify-content: flex-start;transform:none}
	
	header.ver2{background:#fff}
	header.ver2::after{background:#dadada}
	header.ver2 nav .gnb > li > .btn{color:#222}
	header.ver2 nav .rnb .active a{color:#222}
	.openmenu  header.ver2 .logo .on,
	header.ver2 .logo .on{opacity:1;}
	.openmenu header.ver2 .logo .off,
	header.ver2 .logo .off{opacity:0;}

	.openmenu header nav{width:320px; overflow-y: auto;}
	.openmenu header::before{width:100%;height:100%;opacity: .2;}

	footer{height:auto;padding:30px}
	footer .f_menu{margin:27px 0 10px;}
	footer .familySite {position:static;top:0;right:0;margin:20px 0 0}
	footer .familySite .list{width:calc(100vw - 64px);left:0;}
	footer .familySite .list li{/*margin:17px 0;*/width:33.3%}
	footer .familySite .list li img{/*width:180px;*/height: 22px;}
	footer .familySite.active .list{/*padding:20px 86px;*/}

	footer .f_sns{position: static;margin-top: 20px;}
    
    .quick_dis ul li{right: 10px;}
    .scrollToTop_wrap.add .scrollToTop{right: 10px;}
    
    
    
}
@media screen and (max-width:768px){ /* tablet */
	footer .familySite .list li{width:50%}
    

}
@media screen and (max-width:640px){ /* mobile */
    .scrollToTop_wrap_m{bottom: 220px;}
    .scrollToTop_wrap.add{bottom: 40%;}
    .scrollToTop_wrap.add .scrollToTop{right: 10px;}
    .scrollToTop_wrap.add .scrollToTop .arrow{
        width: 50px;
        height: 50px;
        background-size: 18px auto;
    }
    .scrollToTop_wrap.add .scrollToTop:hover .arrow{
        background-size: 15px auto;
    }
    .quick_new{top: 33%; right:0%;}
	.quick_new img{width:24px;}
    .quick_new a {font-size: 14px; padding: 5px 37px;}
    .quick_dis{}
    .quick_dis ul li.ka {bottom: calc(40% + 106px);}
    .quick_dis ul li.tel {bottom: calc(40% + 55px);}
    .quick_dis ul li a .ico{
        width: 50px;
        height: 50px;
    }
    .quick_dis ul li img{width: 25px;}
    .quick_dis ul li a .box{height: 50px;}
    .quick_dis ul li a:hover .box{width: 130px; /*right: 36px;*/}
    .quick_dis ul li a .box span{font-size: 14px; margin-right: 40px;}
    .quick_dis ul li a .box span:after{top: 0px; right: -12px; height: 20px;}
    
    .quick_dis .dim-layer{/*display:none !important;*/}
    .quick_dis ul li.tel a.pc{display: none;}
    .quick_dis ul li.tel a.mo{display: block;}
    
	header .logo{left:16px}

	header nav .btn-nav-close{right: 0;
        width: 71px;
        height: 71px;}
	header nav .btn-nav-close img{width:24px}
	.openmenu header nav{width:260px}
	header nav .rnb li a{font-size:14px}
	header nav .gnb > li > .btn{font-size:16px;}
	header nav .gnb > li .depth2 li a{font-size:14px;}

	footer{padding:20px 16px}
	footer .f_menu{margin:15px 0;}
	footer .f_menu li + li{padding-left:11px;margin-left:10px}
	footer .f_menu li a{font-size:12px}
	footer .familySite {width:175px;}
	footer .familySite .btn-site{padding:0 14px;font-size:13px;}
	footer .familySite .btn-site::after{width:7px;height:4px;}

	footer .familySite .list{width:calc(100vw - 100px)}
	footer .familySite .list li{padding: 12px 6px;}
	footer .familySite .list li:nth-child(even){text-align:left}
	footer .familySite .list li img{width: auto;height: auto;max-height: 14px;vertical-align: middle;}
	footer .familySite.active .list{padding: 5px;}

}