@charset "UTF-8";

/* 소개 */
.info_wrap {position:relative;width:100%;overflow:hidden;}
.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;color:#777}
@media screen and (max-width:1200px){
    .info {margin:-2rem}
    .info .info_list {padding:2rem}
}
@media screen and (max-width:960px){
    .info {margin:-1.5rem}
    .info .info_list {padding:1.5rem}
}
@media screen and (max-width:663px){
    .info .info_list {padding:1.5rem;width:33.333333333%;margin-left:-5px}
    .info .info_list .txt1 br,
    .info .info_list .txt2 br {display:none}
}
@media screen and (max-width:400px){
    .info .info_list {width:100%}
}

/* 인사말 */
.greeting {position:relative;}
.greeting .greeting_img {float:right;position:relative;width:22.57rem}
.greeting .greeting_img img {max-width:100%;height:auto}
.greeting .greeting_cont {float:left;position:relative;width:calc(100% - 25.21rem)}
.greeting .greeting_cont .txt1 {color:#85681e;font-weight:500;font-size:2.143rem}
.greeting .greeting_cont .txt2 {color:#333;font-size:1.214rem;line-height:2.143rem;}
.greeting .greeting_txt1 {color:#85681e;font-weight:500;font-size: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 {width:100%;}
.history_cont .history_tab {position:relative;text-align:left;}
.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;
    width: 100%;
    text-align: center;
}
.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:0}
.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% - 9rem)}
.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;overflow:hidden;padding-left:5px;text-align:left;}
.history_cont .history_list dl dd ul li .history_list_img img {max-width:100%;height:auto;}
.history_cont .history_list dl dd ul li .history_list_img .imgbox {margin:-5px;}
.history_cont .history_list dl dd ul li .history_list_img .imgbox .list {display:inline-block;vertical-align:top;margin-left:-5px;padding:5px;}
@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:960px){
    .history_cont .history_list {margin-top:3rem;}
}
@media screen and (max-width:830px){
    .history_img,
    .history_cont {float:none;width:100%;}
    .history_img {text-align:center;margin-bottom:3rem}
	.history_cont .history_list {padding-left:0;}
}
@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;}
	.history_cont .history_list {padding-left:0;}
}
@media screen and (max-width:573px){
    .history_cont .history_tab ul {display:block;}
    .history_cont .history_tab ul li {width:20%}
    .history_cont .history_tab ul li a {width:100%;height:auto;padding-top:calc(100% - 6px);}
    .history_cont .history_tab ul li a span {width:100%;text-align:center;font-size:4.3vw;line-height:1.1}
}

/* 찾아오시는길 */
.map {position:relative;}
.map #map_box {position:relative;border:1px solid #ddd}
.map_info {padding:1.929rem 0 2.071rem;border-bottom:1px solid #777}
.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:none;position:relative;width:100%;padding-top:0}
.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:400;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.9rem}
.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;}
.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 {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.5rem 1.5rem}
.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 dt.ico4 {background-image:url(../imgs/info/map_ico4.png);background-size:1.5rem 1.5rem}
.map_tr .map_tr_cont dl dt.ico5 {background-image:url(../imgs/info/map_ico5.png);background-size:1.5rem 1.5rem}

.map_tr .map_tr_cont dl.float dt {float:left}
.map_tr .map_tr_cont dl.float dd {float:right;width:calc(100% - 7.3rem);padding-left:0}
.map_tr .map_tr_cont dl dd {position:relative;width:100%;padding-left:2.5rem;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.mb10 {margin-bottom:0.5rem}
.map_tr .map_tr_cont dl dd ul li.mb5 {margin-bottom:5px}
.map_tr .map_tr_cont dl dd ul li.mb0 {margin-bottom:0px}
.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 .txt {float:right;position:relative;width:calc(100% - 12.71rem);}
.map_tr .map_tr_cont dl dd ul li .txt.w100 {width: calc(100% - 5rem);}
.map_tr .sinfo {position:relative;}
.map_tr .sinfo .sinfo-tit {display:block;position:relative;float:left;color:#222;font-weight:500}
.map_tr .sinfo .sinfo-txt {display:block;float:right;position:relative;width:calc(100% - 5rem);}

@media screen and (max-width:1146px){
    .map_tr .map_tr_cont dl dd ul li .txt br {display:none;}
}
@media screen and (max-width:960px){
    .map_tr .map_tr_cont dl dd {font-size:1.1rem}
}
@media screen and (max-width:752px){
    .map_info {padding-left:0;padding-right:0}
    .map_info .info_cont ul li {float:none;width:100%;}
}
@media screen and (max-width:550px){
    
    .map_tr .map_tr_cont dl dd ul li strong,
    .map_tr .map_tr_cont dl dd ul li .txt {float:none;width:100%;}
    .map_tr .map_tr_cont dl dd ul li .txt.w100 {width:100%;}
    .map_tr .sinfo .sinfo-tit {float:none;width:100%;}
    .map_tr .sinfo .sinfo-txt {float:none;width:100%;}
}
@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%;}
    .map_tr .map_tr_cont dl.float dt {width:7rem;}
    .map_tr .map_tr_cont dl.float dd {width:calc(100 -  7rem)} 
}

.sap_pr {position:relative;}
.sap_pr .pr_box {margin:1rem 0 0.8rem;padding:1.1rem;border:1px solid #ddd;text-align:center;}
.sap_pr .pr_logo {margin-top:3rem}
.sap_pr .pr_color {margin-top:3rem}
.sap_pr .pr_character {margin-top:3rem} 
.sap_pr .pr_character.mt0 {margin-top:0} 
.sap_pr .logo_down {position:relative;margin-top:1rem}
.sap_pr .logo_down .down_btn {display:inline-block;position:relative;padding:0.8rem 1.1rem;background-color:#55869e;text-align:center;font-size:1.214rem;color:#fff}
.sap_pr .logo_down .down_btn span {display:inline-block;position:relative;padding-right:2.5rem}
.sap_pr .logo_down .down_btn span:after {
    content:"";
    display:block;
    position:absolute;
    top:0.3rem;
    right:0;
    width:1.786rem;
    height:1.429rem;
    background:url(../imgs/info/down_btn.png) no-repeat 0 0;
    background-size:100% auto
}
.sap_pr .color_list {margin-top:1rem;width:100%;overflow:hidden;}
.sap_pr .color_list ul {position:relative;margin:-5px}
.sap_pr .color_list ul li {float:left;position:relative;width:20%;padding:5px}
.sap_pr .color_list ul li .color_bg {display:block;width:100%;height:5.286rem}
.sap_pr .color_list ul li .color_bg.bg1 {background-color:#55869e}
.sap_pr .color_list ul li .color_bg.bg2 {background-color:#cab172}
.sap_pr .color_list ul li .color_bg.bg3 {background-color:#595656}
.sap_pr .color_list ul li .color_bg.bg4 {background-color:#231815}
.sap_pr .color_list ul li .color_bg.bg5 {background-color:#6f7474}
.sap_pr .color_list ul li .txt {text-align:center;font-size:1.143rem;margin-top:0.5rem}
@media screen and (max-width:550px){
    .sap_pr .color_list ul li {width:50%}
}