@charset "UTF-8";

/* common */
#wrapper {padding: 0; max-width: 100%;}
.container_loca_wrap {display: none;}
.not-main {margin: 0;}

#container {margin-top: 0;}
#container_title span {font-size: 36px; font-weight: 800; color: #fff;}
#container_loca {max-width: calc(1160px + 80px); margin: 0 auto;}
#container_title {max-width: calc(1160px + 80px); margin: 20px auto 0;}
.container_loca_wrap.detail {display: block; max-width: 100%; background-image: url(../../../img/hanyang/top-loca.svg); background-repeat: no-repeat; background-size: cover; padding: 50px 40px; margin: 0;}
.loca-wrap {display: flex; z-index: 1; font-size: 16px; color: #fff; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.loca-wrap div {display: flex; align-items: center; font-weight: 400;}
.loca-wrap div:not(:first-child):before {content:'>'; display: inline-block; font-size: 16px; margin: 0 15px;}

body {margin: 0;}
.detail {max-width: calc(1240px + 80px); margin: 0 auto; padding:0 40px; margin-top: 50px;}
.detail h2 {margin: 30px 0 20px; font-size: 24px;}
.detail h2 span {font-size: 24px; color: #FF0000;}
.detail p {margin: 16px 0; line-height: 1.5;}
.detail p img {width: auto; max-width: 680px;}

@media screen and (max-width:768px) {
    .container_loca_wrap.detail {padding: 25px 16px; background-image: url(../../../img/hanyang/top-loca3.png);}
    #container_title {margin-top: 10px;}
    #container_title span {font-size: 22px;}
    .loca-wrap div {font-size: 14px;}
    .detail {padding:0 16px;}
    .detail h2 {font-size: 18px;}
    .detail p {margin: 10px 0;}
    .detail p, .detail p span, .detail span, .detail p b, .detail p b u, .detail p a, .detail p a u {font-size: 14px !important;}
}