
/*========================= artmuseum ½ºÅ¸===================*/


/*±è¾Ï±â ¹Ì¼ú°ü*/
.kim_vis{position: relative;background: url("/contents/25795/kim_bg.jpg") no-repeat;width: 100%;height: auto;display: inline-block;text-align: center;margin: 20px auto;padding: 50px 0;}
.kim_vis .kim_tit{color: #fff;font-size: 28px;}
.kim_vis .kim_e{color: #fff !important;font-size: 23px;font-weight: 300;margin-top: 10px;}
.kim_vis .kim_txt{color: #fff;padding: 0 30px;}
.wt_line{display: block;background-color: #ffffff;width: 1px;height: 57px;margin: 16px auto;}
.bk_line{display: block;background-color: #000000;width: 100%;height: 2px;margin: 10px 0 30px 0;}
.first_txt{font-size: 23px;font-weight: 300;}


.kim_history {position: relative;background: url("/contents/25795/kim_history_m.jpg") no-repeat;width: 100%;height: 370px;display: flex;margin-top: 80px;flex-direction: column;align-items: center;}
.kim_history .ht_tit {text-align: center;margin: 55px 0 0;}
.kim_history .ht_tit h4 {color: #ffffff;
font-size: 28px;}
.kim_history .ht_tit .ht_e {color: #ffffff !important;font-size: 23px;font-weight: 300;margin-top: 10px;}
.kim_history .ht_txt {display: flex;color: #fff;font-size: 25px;font-weight: 400;text-align: center;flex-direction: column;gap: 18px;align-items: center;}
.kim_history .ht_txt .txt_m {display: flex;font-size: 15px;font-style: italic;font-weight: 300;gap: 9px;flex-direction: column;align-items: center;text-align: center;padding: 0 30px 50px 30px;}
.kim_history .ht_txt .txt_b {font-weight: 200;font-style: initial;}
.kim_history .line1 {display: block;width: 1px;height: 57px;background-color: #fff;margin: 16px 0;}

.history_area {width: 100%; padding: 15px; box-sizing: border-box;}
.history_area .history_txt {padding: 44px 0 38px 0;border-bottom: 1px solid #ededed;background: #fff;}
.history_area .history_txt:last-child {border-bottom: none;}
.history_area .history_txt strong {font-size: 25px;color: #282828;font-weight: 600;line-height: 1.5;letter-spacing: -0.05em; float:left;margin-bottom: 58px;}
.history_area .history_txt ul {position: relative;color: #444;clear:both;margin-bottom:25px;}
.history_area .history_txt ul > li {display: block;color: #444;clear:both;margin-bottom: 26px;flex-direction: column;}
.history_area .history_txt ul li+li {margin-top: 13px;}
.history_area .history_txt ul li span {display: block;margin-bottom: 10px;color: #606060;font-weight: bold;}


/*³ëÀûºÀ¿¹¼ú°ø¿ø ¹Ì¼ú°ü ¿¬Çõ*/
.art_vis{display: flex;background: url("/contents/25791/art_bg_m.jpg") no-repeat;width: 100%;height: 236px;text-align: center;align-items: center;justify-content: center;}
.art_vis .art_tit{color: #fff;font-size: 30px;}

.art_vis{display: flex;background: url("/contents/25791/art_bg_m.jpg") no-repeat;width: 100%;height: 236px;text-align: center;align-items: center;justify-content: center;}
.art_vis .art_tit{color: #fff;font-size: 30px;margin: 20px;}

.art_history{position:relative; overflow:hidden; }

.art_history::after{content:"";display:block;width:1px;height: 77%;background:#ddd;position:absolute;left:5px;top:0;z-index:0}

.art_history .his_area{clear:both;position:relative;padding: 0 0 76px 57px;z-index:1;}
.art_history .his_area h5{font-size: 38px;line-height:100%;letter-spacing:0.3pt;margin: 0;position:relative;}
.art_history .his_area h5:after {display: flex;content:"";width:7px;height:7px;background:#bbb;border-radius:100%;position:absolute;top: 19px;left: -55px;top:6px;flex-direction: column;align-items: center;}
.art_history .his_area h5{font-size:20px;padding: 0 0 15px;}

.art_history .his_area .his_txt ul .mt {color:#272c2f;float:left;}
.art_history .his_area .his_txt ul .txt {color:rgba(39,44,47,.8);}
.art_history .his_area:first-child {padding-top: 50px;}
.art_history .his_area:last-child{padding-bottom:50px}

.art_history .his_area:nth-child(even) h5 {text-align:left;}
.art_history .his_area:nth-child(even) h5:after {right:auto;left: -55px;}
.art_history .his_area:nth-child(even) .his_txt {text-align:left;}
.art_history .his_area:nth-child(even) .his_txt ul .mt {float:left;}

.art_history .his_area .tbox1 .his_txt ul .mt{font-weight:700;width:56px;}
.art_history .his_area .tbox1 .his_txt ul .txt {letter-spacing:-0.3pt; position:relative; word-break:keep-all; width:calc(100% - 56px); float:left;}

.art_history .his_area .tbox2 .his_txt ul .mt{font-weight:700;width:56px;}
.art_history .his_area .tbox2 .his_txt ul .txt {letter-spacing:-0.3pt; position:relative; word-break:keep-all; width:calc(100% - 56px); float:left;}

.malgun {font-family: "Malgun Gothic", "¸¼Àº °íµñ"; vertical-align: sub;}

.way_w iframe { height: 500px;}
