@charset "UTF-8";

/* 소개 */
.info {position:relative;text-align:center;margin:-3.429rem;}
.info .info_list {display:inline-block;vertical-align:top;padding:3.429rem}
.info .info_list img {width:100%;max-width:13.71rem;height:auto}
.info .info_list .txt1 {margin-top:1.143rem;font-size:1.429rem;line-height:1.786rem;color:#7c5a06;font-weight:500}
.info .info_list .txt2 {margin-top:0.6429rem;font-size:1.143rem;line-height:1.429rem;color:#777}
@media screen and (max-width:960px){
    .info {margin:-2.5rem}
    .info .info_list {padding:2.5rem}
}

/* 인사말 */
.greeting {position:relative;padding-left:3.429rem}
.greeting .greeting_img {float:left;position:relative;width:22.57rem}
.greeting .greeting_img img {max-width:100%;height:auto}
.greeting .greeting_cont {float:right;position:relative;width:calc(100% - 26.21rem);letter-spacing:-0.09rem}
.greeting .greeting_cont .txt1 {color:#85681e;font-weight:500;font-size:2.143rem}
.greeting .greeting_cont .txt2 {color:#333;font-size:1.429rem;line-height:2.143rem;}
@media screen and (max-width:1130px){ 
    .greeting .greeting_cont .txt2 .block {display:inline}    
}
@media screen and (max-width:960px){ 
    .greeting .greeting_cont .txt1 {font-size:1.9rem}
}
@media screen and (max-width:800px){ 
    .greeting {padding-left:0}
    .greeting .greeting_img, 
    .greeting .greeting_cont {float:none;width:100%}  
    .greeting .greeting_cont {margin-top:3rem}
}


/* 연혁 */
.history {position:relative;}
.history_img {float:left;position:relative;width:20.71rem}
.history_img img {max-width:100%;height:auto}
.history_cont {float:right;position:relative;width:calc(100% - 28.21rem)}
.history_cont .history_tab {position:relative;}
.history_cont .history_tab ul {position:relative;margin:-0.5714rem}
.history_cont .history_tab ul li {float:left;position:relative;padding:0.5714rem}
.history_cont .history_tab ul li a {display:block;position:relative;width:8.286rem;height:8.286rem;border:3px solid #ddd;border-radius:100%;letter-spacing:-0.2rem}
.history_cont .history_tab ul li a span {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.643rem;line-height:1.929rem;font-weight:700;color:#aaaaaa;}
.history_cont .history_tab ul li a:hover,
.history_cont .history_tab ul li.on a {background-color:#bda56a;border-color:#bda56a}
.history_cont .history_tab ul li a:hover span,
.history_cont .history_tab ul li.on a span {color:#fff}
.history_cont .history_list {clear:both;margin-top:5rem;padding-left:1.071rem}
.history_cont .history_list dl {position:relative;padding-bottom:4.429rem}
.history_cont .history_list dl:last-child {padding-bottom:0}
.history_cont .history_list dl:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0.7857rem;
    width:1px;
    height:100%;
    background-color:#ddd;
}
.history_cont .history_list dl:last-child:before {display:none;}
.history_cont .history_list dl dt {position:relative;float:left;padding-left:2.286rem;font-size:1.643rem;line-height:1.643rem;color:#85681e;font-weight:700}
.history_cont .history_list dl dt {background:url(../imgs/info/history_tit_dot.png) no-repeat 0 50%;background-size:1.5rem 1.5rem;}
.history_cont .history_list dl dd {float:right;position:relative;width:calc(100% - 11.43rem)}
.history_cont .history_list dl dd ul {position:relative;}
.history_cont .history_list dl dd ul li {position:relative;padding-left:1.143rem;margin-bottom:0.7143rem;font-size:1.143rem;color:#555}
.history_cont .history_list dl dd ul li:last-child {margin-bottom:0}
.history_cont .history_list dl dd ul li:before {
    display:block;
    content:"";
    position:absolute;
    top:0.7143rem;
    left:0;
    width:0.5rem;
    height:0.5rem;
    background-color:#ddd;
}
.history_cont .history_list dl dd ul li .history_list_img {margin:0.7143rem 0}
.history_cont .history_list dl dd ul li .history_list_img img {max-width:100%;height:auto;}
@media screen and (max-width:1090px){ 
    .history_cont .history_tab ul {margin:-0.3714rem}
    .history_cont .history_tab ul li {padding:0.3714rem}
}
@media screen and (max-width:900px){
    .history_cont {width:calc(100% - 24.21rem)}
}
@media screen and (max-width:830px){
    .history_img,
    .history_cont {float:none;width:100%;}
    .history_img {text-align:center;margin-bottom:3rem}
}
@media screen and (max-width:599px){
    .history_cont .history_list dl dt,
    .history_cont .history_list dl dd {float:none;width:100%;}
    .history_cont .history_list dl dd {margin-top:1.1rem;padding-left: 2.286rem;}
}

/* 찾아오시는길 */
.map {position:relative;}
.map #map_box {position:relative;border:1px solid #ddd}
.map_info {padding:1.929rem 1.786rem 2.071rem;}
.map_info .m_img {float:left;position:relative;width:12rem}
.map_info .m_img img {max-width:100%;height:auto}
.map_info .info_cont {float:right;position:relative;width:calc(100% - 16rem);padding-top:1.643rem}
.map_info .info_cont ul {margin:-0.2857rem 0}
.map_info .info_cont ul li {float:left;position:relative;width:50%;padding:0.2857rem 0 0.2857rem;font-size:1.143rem;color:#333}
.map_info .info_cont ul li strong,
.map_info .info_cont ul li p {display:block;position:relative;}
.map_info .info_cont ul li strong {float:left;padding-left:1.214rem;font-weight:500;color:#85681e}
.map_info .info_cont ul li strong:before{
    display:block;
    content:"";
    position:absolute;
    top:0.6143rem;
    left:0;
    width:0.5rem;
    height:0.5rem;
    background-color:#85681e;
}
.map_info .info_cont ul li p {float:right;width:calc(100% - 6.286rem)}
.map_tr {position:relative;margin-top:1.357rem}
.map_tr .map_tr_tit {position:relative;z-index:3;width:10.64rem;margin-left:1.214rem;line-height:2.5rem;font-size:1.286rem;text-align:center;color:#fff;font-weight:500;border-radius:50px;background-color:#85681e}
.map_tr .map_tr_cont {position:relative;z-index:1;margin-top:-1.286rem;padding:3rem 3.071rem;background-color:#fff;border:1px solid #aaa}
.map_tr .map_tr_cont dl {margin-bottom:1.571rem}
.map_tr .map_tr_cont dl:last-child {margin-bottom:0}
.map_tr .map_tr_cont dl dt {float:left;position:relative;padding-left:2.5rem;font-weight:500;font-size:1.143rem;line-height:1.929rem;color:#85681e}
.map_tr .map_tr_cont dl dt {background-repeat:no-repeat;background-position:0 50%;}
.map_tr .map_tr_cont dl dt.ico1 {background-image:url(../imgs/info/map_ico1.png);background-size:1.714rem 1.643rem}
.map_tr .map_tr_cont dl dt.ico2 {background-image:url(../imgs/info/map_ico2.png);background-size:2rem 1.429rem}
.map_tr .map_tr_cont dl dt.ico3 {background-image:url(../imgs/info/map_ico3.png);background-size:1.5rem 1.5rem}

.map_tr .map_tr_cont dl dd {float:right;position:relative;width:calc(100% - 8.429rem);font-size:1.071rem;line-height:1.929rem;color:#252525}
.map_tr .map_tr_cont dl dd ul {position:relative;}
.map_tr .map_tr_cont dl dd ul li {margin-bottom:1rem}
.map_tr .map_tr_cont dl dd ul li:last-child {margin-bottom:0} 
.map_tr .map_tr_cont dl dd ul li strong {position:relative;float:left;color:#55869e;font-weight:500}
.map_tr .map_tr_cont dl dd ul li p {float:right;position:relative;width:calc(100% - 12.71rem);}
@media screen and (max-width:1164px){
    .map_info .info_cont ul li {float:none;width:100%;}
    .map_tr .map_tr_cont dl dd ul li strong,
    .map_tr .map_tr_cont dl dd ul li p {float:none;width:100%;}
}
@media screen and (max-width:960px){
    .map_tr .map_tr_cont dl dd {font-size:1.1rem}
    .map_tr .map_tr_cont {padding:2.3rem 2rem 2rem}
}
@media screen and (max-width:600px){
    .map_info .m_img,
    .map_info .info_cont {float:none;width:100%}
    .map_tr .map_tr_cont dl dt,
    .map_tr .map_tr_cont dl dd {float:none;width:100%;}
}