@charset "utf-8";

@media(min-width:0px){
.layout{width:auto}

.pc{display:none}
.mo{display:block}

#gnb,
#sitelink .login,
#sitelink .member,
#sitelink .home,
#sitelink .menu_open,
#footer_function,
#footer_logo{display:none}

#animate .style{padding:0 10px}

#sitelink{height:60px}
#sitelink .mobile{display:inline-block}


#logo .cyber{width:220px;height:45px}


#location{height:250px;background-size:cover}
#location h1{margin-bottom:10px;font-size:30px}
#location #navigate{padding-top:50px;text-align:center}
#location #navigate .function{display:block;margin-top:10px}

#menulocate{display:none}

#remote{display:none}

#footer{text-align:center}
#footer #footer_menu{float:none}
#footer_menu [class^="icon"]:before{content:"";width:auto;height:10px;margin:0 8px 0 7px;border-left:1px solid #6f7175}
#footer_menu li{float:none;display:inline-block;margin-left:0;vertical-align:middle}
#footer_menu li:first-child [class^="icon"]:before{display:none}
#footer_menu li a{height:auto;line-height:1}

#footer address,#footer .copy{font-size:12px}
#footer address div{display:block}
#footer .number span{margin:0 5px 0}

#content{padding:20px 0;margin:0 10px}

}


@media(min-width:768px){
.pc{display:block}
.mo{display:none}

#location #navigate{padding-top:60px}
#location #navigate .function{display:inline-block}
#navigate .print{display:inline-block;}

#footer{padding:0 10px;text-align:left}
#footer #footer_menu{float:left}
#footer #footer_function{display:block}

#footer_menu [class^="icon"]:before,
#footer_menu li:first-child [class^="icon"]:before{display:inline-block;height:20px;margin:0 5px 0 0;border-width:0}
#footer_menu li{margin-left:25px}
#footer_menu li a{height:36px;line-height:36px}
#footer_menu .icon1:before{width:12px}
#footer_menu .icon2:before{width:14px}
#footer_menu .icon3:before{width:12px}

#footer .addr,#footer .number,#footer .addr .pc{display:inline-block}

#footer_logo{display:block}



}


@media(min-width:1000px){

.layout{width:1000px}

#sitelink{height:78px}
#sitelink a{padding:0 15px}

#sitelink .mobile{display:none}

#sitelink .login,
#sitelink .member,
#sitelink .home,
#sitelink .menu_open{display:inline-block}


#logo{padding-top:20px}


#animate{padding:0}

#gnb{display:block}

#tm .th1>a{margin:0 10px;font-size:16px}


#location{height:330px}

#location #navigate{padding-top:100px}

#menulocate{display:block}

#remote{display:block}


#footer{padding:0}

#footer address, #footer .copy{font-size:13px}


#content{margin:0}
    #content>h1:first-child{margin-top:60px;margin-bottom:35px;}

}



@media(min-width:1200px){

.layout{width:1200px}

#animate .style{padding:0 20px}

#sitelink a{padding:0 25px}

#logo{padding-top:12px}
#logo .cyber{width:242px;height:56px}

#tm .th1>a{margin:0 20px;font-size:18px}


#location{height:380px}
#location h1{font-size:38px;margin-bottom:15px}
/* #location .kakaotalk{display:none} */

#location #navigate{padding-top:135px}


#content{margin:0;padding:30px 0}
}