@charset "utf-8";
/* CSS Document */

@media(max-width:1480px){
.intro1{text-align:right;width:40%}
.vPrev, .vNext{display:none}
.ptxt-box1{min-height:inherit}
.gnb>ul>li{margin-left:50px;}
.gnb>ul>li>a{font-size:17px;}
.sub{background-position:12% 100%, 50% 0;}
.head{padding:0 50px}
}
@media(max-width:1280px){
.foot-block{font-size:1em}
.c-copy{padding:0 65px}
.c-copy .st, .c-copy .en{width:60px;z-index:-1}
.c-logo{max-width:300px}
.quick{width:140px;height:140px}
.pre-tit:after{width:calc(100% - 120px)}
.m-copy{padding:0 60px}
.m-copy .st, .m-copy .en{width:50px;top:-15px}
.m-copy .st{left:5px}
.m-copy .en{right:5px}
.ptxt-box1{width:324px}
.pre-t{width:121px}
.p-arrbox>div{width:26px;height:11px}
.p-arrbox{margin-top:10px}
.p-prev p, .p-next p{top:10px}
.map-left{padding-left:20px}
.icon-sub{width:15%}
a.more{padding:8px 0}
.intro-img{width:60%}
.intro-txt{width:40%;padding-left:2px}
.loc-txt{padding-left:50px;}
.loc-txt dt{width:50px;}
.loc-txt dt:after, .loc-txt dt:before{margin-bottom:15px}
.loc-txt dd{width:calc(100% - 50px)}
.loc-txt dd:before{transform:translateY(-50%)}
.posi-map, .posi-map2{width:calc(50% - 5px)}
.posi-txt>li{width:calc(50% - 5px);padding-bottom:10px}
.visual_roll .item1 .m-txt img{width:450px}
.visual_roll .item2 .m-txt img{width:460px}
}
@media(max-width:1100px){
.menu-bt-wrapper{display:block}
.gnb{display:none}
.head{height:80px}
#logo{top:15px}
#logo a{width:120px;height:50px;background-size:cover;}

.comp{width:100%;padding-right:0}
.board{padding-left:0;width:100%}
.board h2.main-tit{margin-top:0}
.m-area3 .comp h2.main-tit{text-align:center;font-size:2.667em}
.phil li>div.p2{left:-38px}
.phil li>div.p3{left:18px}

#header.pfixed{height:80px}
#header.pfixed .menu-bt-line{background-color:#000 !important}
.sub-container{font-size:16px;line-height:1.4em}
.sub{height:260px;background-position:5% 100%, 50% 0;background-size:auto 170px, cover}
h2.tit{left:50%;font-size:36px;}
h2.tit>span{font-size:15px;margin-top:7px;}
h3.tit{font-size:32px;margin-bottom:30px;}
}

@media(max-width:1000px){
.b-copy{font-size:6em}
.phil li>div.p2{left:-33px;top:75%}
.phil li>div.p3{left:13px;top:75%}
.phil li p{margin-bottom:5px}
.phil li>div>div{padding:0 20px}
.phil{font-size:.9em}
.group li{padding:0 5px 30px}
.root_daum_roughmap .cont .section_address{display:block}
.root_daum_roughmap .section_address .phone{margin-left:0;margin-top:10px !important;line-height:2}
.root_daum_roughmap .section_address .address{min-width:inherit}
.roughmap_lebel_text{font-size:12px !important}
.root_daum_roughmap .section_address .txt{font-size:15px !important}
.root_daum_roughmap .section_address .phone strong.mail~span{font-size:14px !important}
.root_daum_roughmap .section_subway .wrap_list li a, .root_daum_roughmap .section_busstop .wrap_list li a, .root_daum_roughmap .section_busline .wrap_list .txt a{font-size:13px !important}
.busi1>ul{margin:0 -10px}
.busi1>ul>li{padding:0 10px 40px}
.busi2>ul>li{padding:0 12px 40px}
.num-tit span{max-height:40px}

.txt-slide{padding:15px 25px}
.map-left{padding-left:0}
.t-box{margin-bottom:20px}
.main-map-area{margin-top:50px}
.m-copy{padding:0}
.m-copy .en, .m-copy .st{display:none}
.posi-text{padding:20px 30px}
}
@media(max-width:800px){
.main-pic li{padding:5px}
.visual-bg{height:600px}
.ms-nav{bottom:30px}
.ms-nav li{width:8px;height:8px}
.tel-v{align-items:flex-end;}
.site>div{padding:0 10px}
.visual_roll .item1 .m-txt img{width:400px}
.visual_roll .item2 .m-txt img{width:400px}
.phil li>div.p2{left:-20%}
.phil li>div.p3{left:5%}
.c-copy{font-size:2em}
.s2-1, .s2-2, .s2-3, .s2-4{background-attachment:local;}
.c1, .c2, .c3{padding:10px 0}

.copy-area{font-size:1em}
.foot-block>div{width:100%}
.f-img{justify-content:flex-start}
.f-img>div{padding-left:0;padding-right:10px}
}

@media(max-width:780px){

}
@media(max-width:767px){
.intro-in{padding-top:2em}
.a-copy{font-size:2em;line-height:1}
.b-copy{font-size:5em}
.busi1>ul>li{width:50%}
.busi3>ul>li{width:100%}

.map-left{width:100%}
.main-map{width:100%;padding-bottom:60%}
.benefit>li{width:50%}
.intro-img{width:100%}
.intro-txt{width:100%;padding-left:0}
.room>div{width:100%;padding:0;margin-bottom:50px}
.loc-img{width:100%}
.loc-txt{width:100%;padding-left:0;margin-top:30px}
.posi-txt>li{width:100%}
}

@media(max-width:760px){
.foot-block>p{margin-right:20px}
.foot-block>p img{width:100px}
.foot-block>div{padding-top:2px}
.c-copy{padding:0 40px}
.c-copy .en{width:40px;right:10px;top:-15px}
.c-copy .st{width:40px;left:10px;top:-15px}

.pre-t{width:134px;letter-spacing:-5px}
.ptxt-box1{width:297px}
.quick{width:120px;height:120px}
.quick img{width:30px}
.head{padding:0 20px}
#logo a{width:96px;height:40px}
/*.pfixed #logo a, .black #logo a{background-position:0 -23px}*/
.head{height:64px}
#logo{top:12px}
.menu-bt-wrapper{top:12px;right:12px}
/*.pfixed #logo{top:18px}*/
#header.pfixed{height:64px}
.menu-bt-wrapper.black{top:9px}
.visual>li:nth-child(1) .main-copy span, .main-copy b{padding-left:5px}
.sub-copy{margin-top:10px}
.loc-txt dt{width:40px;}
.loc-txt dt:after, .loc-txt dt:before{margin-bottom:12px}
.loc-txt dd{width:calc(100% - 40px)}
.phone{margin-top:6px;padding:11px}
.posi-map, .posi-map2{width:100%;margin-top:10px}

.sub-container{font-size:14px;line-height:1.3em}
.sub{height:240px;background-position:50% 100%, 50% 0;background-size:auto 100px, cover}
h2.tit{left:0;top:85px;text-align:center;width:100%;font-size:26px;}
h2.tit>span{font-size:13px;margin-top:5px;}
.tab{display:none}
.sub-container, .sub-container.no_tab{padding:30px 0}
h3.tit{font-size:22px;margin-bottom:20px;}
}

@media(max-width:580px){
.main-pic li{width:50%;padding:5px 5px 20px 5px}
.phil{font-size:1em;margin-top:10px !important;max-width:300px}
.phil li{width:100%;padding-bottom:10px}
.phil li>div{position:static;width:auto}
.group li{width:50%}
.group li:nth-child(4) a>p{margin-bottom:10px}
.group li a>div>span{min-width:100px}
}

@media(max-width:540px){
.lat li{height:auto !important;padding:15px 0}
.board h2.main-tit{padding-bottom:15px}
.busi2>ul>li{width:100%}
}

@media(max-width:480px){
.head{/*padding-left:10px*/}
.pfixed #logo{top:16px}
.copy-block .typ{font-size:2em}
.intro-in{padding-top:1em}
.a-copy{font-size:1.3em;}
.b-copy{font-size:3em}
.intro2{display:none}
.intro-txt{width:100%;padding-top:0}
.c-copy .st, .c-copy .en{width:30px}
.busi1>ul>li{width:100%}

.ptxt-container{position:relative;transform:translateX(0);left:0}
.ptxt-box1{position:relative;width:100%;left:0}
.pimg-container{padding-top:0}
.ptxt-box1{padding:20px 15px}
#arrowPrev, #arrowNext{width:14px;height:21px}
.visual>li:nth-child(2) .main-copy, .visual>li:nth-child(3) .main-copy{font-size:2em}
.visual_roll .item1 .m-txt img{width:280px}
.visual_roll .item2 .m-txt img{width:310px}

.posi-text{padding:15px 20px}
}

@media(max-width:400px){
.pre-t{width:104px;letter-spacing:-7px}
.benefit>li{width:100%}
.benefit>li:first-child>div{padding:2em 0}
}

@media(max-width:360px){
.s-tel{font-size:2em}
.p-tit{font-size:1.5em}
.main-tel{max-width:170px;padding:10px}

.pre-t{width:78px;letter-spacing:-5px;font-size:2em}
.visual>li:nth-child(2) .main-copy, .visual>li:nth-child(3) .main-copy{font-size:2.5em}
.posi-text{padding:10px}
}