/*인사말*/
.s0101 .top {width:100%; text-align:center;padding-bottom:40px; border-bottom:1px solid #ddd;}
.s0101 .top p {display:inline-block; width:600px;}
.s0101 .top p.txt {padding-top:260px; font-size:25px; color:#000; margin:25px 0; background: url(/lll/nanum/site/img/01intro/s0101_img.gif) no-repeat 50% 0px}
.s0101 .top p.txt2 {font-size:15px; color:#666; line-height:155%;}
.s0101 ul {width:100%; display:inline-block; margin-top:30px;}
.s0101 ul li {float:left; width:420px; margin-left:30px; font-size:15px; line-height:175%; }
.s0101 ul li:first-child {margin-left:0px;}

/*연혁*/
.tit_year {margin-top:50px; text-align:center;}
.history_area{display:inline-block;width:100%;margin-top:20px;background:url(/lll/nanum/site/img/01intro/history_bg.gif) repeat-y center 5px;}
.history_area .year{display:inline-block;width:450px;margin-bottom:5px;}
.history_area .year dl{display:inline-block;width:464px;margin-bottom:8px;}
.history_area .year dl:first-of-type{margin-top:21px;}
.history_area .year dl dt{font-family:'Rajdhani',sans-serif;font-weight:bold;font-size:18px;color:#007beb;}
.history_area .year dl dd{font-size:14px;line-height:22px;color:#666; letter-spacing:-0.05em;}
.history_area .year.end{margin-bottom:0;background:#fff;}
.history_area .year.fl p{float:right;}
.history_area .year.fl dl{float:left;}
.history_area .year.fl dl dt{float:right;margin-right:20px;padding:0 70px 0 20px; width:65px; text-align:right;}
.history_area .year.fl dl dt.arrow{background:url(/lll/nanum/site/img/01intro/history_bu.png) no-repeat right 3px;}
.history_area .year.fl dl dd{float:right;text-align:right;}
.history_area .year.fr p{float:left;}
.history_area .year.fr dl{float:right;}
.history_area .year.fr dl dt{float:left;margin-left:20px;padding:0 20px 0 70px; width:65px;}
.history_area .year.fr dl dt.arrow{background:url(/lll/nanum/site/img/01intro/history_bu.png) no-repeat left 3px;}
.history_area .year.fr dl dd{float:left;}

.s01top {width:100%; height:200px; text-align:center;padding-top:60px;}
.s01top.s0301 {background:url(/lll/nanum/site/img/01intro/s0301_top_bg.jpg) no-repeat 50% 0px;}
.s01top.s0401 {background:url(/lll/nanum/site/img/01intro/s0401_top_bg.jpg) no-repeat 50% 0px;}
.s01top.s0501 {background:url(/lll/nanum/site/img/01intro/s0501_top_bg.jpg) no-repeat 50% 0px;}
.s01top.s0601 {background:url(/lll/nanum/site/img/01intro/s0601_top_bg.jpg) no-repeat 50% 0px;}
.s01top p.eng {font-family:'Rajdhani',sans-serif; font-size:16px; font-weight:600; color:#fff; height:43px; line-height:43px; background:url(/lll/nanum/site/img/01intro/s0301_top_bg2.png) no-repeat 50% 0px;}
.s01top p.txt1 {font-size:27px; color:#fff; font-weight:500; letter-spacing:-0.05em; margin-top:35px;}
.s01top p.txt2 {font-size:17px; color:#d6d5d1; font-weight:500; letter-spacing:-0.05em; margin-top:20px;}

/*찾아오시는길*/
.map_top {width:100%; margin-top:15px;background:url(/lll/nanum/site/img/01intro/s0105_top_bg.gif) no-repeat 545px bottom;}
.map_top p.tit {font-size: 33px;color:#000;line-height: 140%;font-weight: 300;}
.map_top p.tit span {color:#007beb;}
.map_top p.txt {font-size:15px;color:#666;padding: 20px 0 25px 0;}
.map_area {position:relative;}
.map_area .map_info {position:absolute;bottom:0;width:100%;height: 105px;background:url(/lll/nanum/site/img/01intro/s0105_map_bg.png) no-repeat 50% 0px;}
.map_area .map_info ul {width:100%; display:inline-block;}
.map_area .map_info ul li {float:left;padding:10px 0 10px 50px;color:#fff;line-height: 90px;font-size:15px;margin-left: 40px;font-weight: 500;}
.map_area .map_info ul li span {display:inline-block; margin:0 15px;}
.map_area .map_info ul li.map {background:url(/lll/nanum/site/img/01intro/s0105_icon_map.png) no-repeat left 50%;}
.map_area .map_info ul li.tel {background:url(/lll/nanum/site/img/01intro/s0105_icon_tel.png) no-repeat left 50%;}
ul.traffic {width:100%;}
ul.traffic>li {width:100%;padding:40px 0;border-bottom: 1px dashed #ddd;display:inline-block;}
ul.traffic li.metro {background: url(/lll/nanum/site/img/01intro/s0105_traffic_metro.gif) no-repeat 50px 50%;}
ul.traffic li.bus {background: url(/lll/nanum/site/img/01intro/s0105_traffic_bus.gif) no-repeat 50px 50%;}
ul.traffic li p.tit {font-size:17px;color: #007beb;margin-bottom:15px;border: 1px solid #dddddd;padding: 12px 0;text-align: center;}
ul.traffic li .cont {float:right;width: 570px;}
ul.traffic li .tip_box{overflow:hidden;display:block;height: 40px;padding: 7px 20px;background: #eee;clear:both;line-height:40px;margin-top: 12px;}
ul.traffic li .tip_box p{float:left;padding-left:13px; font-size:13px;}
ul.traffic li .tip_box a{display:block;float:right;width:135px;padding: 0 20px;background: url(/lll/nanum/site/img/01intro/s0105_newwin.gif) no-repeat 90% 50% #ffffff;font-size:12px;text-align:left;color: #007beb;}


/********************모바일********************/
@media(max-width:736px){

/*인사말*/
.s0101 .top {padding-bottom:30px;}
.s0101 .top p {width:100%;}
.s0101 .top p.txt {font-size:20px; line-height:28px;}
.s0101 .top p.txt2 {font-size:13px;}
.s0101 .top p.txt2 br {display:none;}
.s0101 ul li {float:none; margin-left:0px; width:100%; font-size:13px; margin-bottom:15px;}

/*연혁*/
.s01top {height:auto; padding:0px 15px 0px 15px; box-sizing:border-box;}
.s01top p.txt1 {font-size:21px; line-height:30px; color:#222; margin-top:23px; letter-spacing:-1px; }
.s01top p.txt2 {font-size:14px; color:#aaa;}
.s01top.s0301 {background:none;}
.s01top.s0401 {background:none;}
.s01top.s0501 {background:none;}
.s0105 .mscroll table {width:700px;}
.tit_year {margin-bottom:10px;}
.history_area {background:none;border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
.history_area .year {width:100%; margin:0;}
.history_area .year dl {width:100%; margin-bottom:25px;}
.history_area .year dl:first-of-type {margin-top:0px;}
.history_area .year.fr {float:none;}
.history_area .year.fl {float:none;}
.history_area .year.fr dl {float:none;}
.history_area .year.fl dl {float:none;}
.history_area .year.fr dl dt {float:none;margin-left:0;padding:0px;background:none;text-align:center;width:100%;margin-bottom: 5px;}
.history_area .year.fl dl dt {float:none; margin-right:0; padding:0px; background:none; text-align:center; width:100%; margin-bottom:5px;}
.history_area .year.fr dl dt.arrow {background:none;}
.history_area .year.fl dl dt.arrow {background:none;}
.history_area .year.fl dl dd,
.history_area .year.fr dl dd {float:none; text-align:center; font-size:13px;}

/*찾아오시는길*/
.map_top p.tit {font-size:23px;}
.map_area .map_info {position:static; height:auto; background:#007beb; padding:15px 0;}
.map_area .map_info ul li {float:none; padding:0 15px; margin-bottom:5px; font-size:14px; line-height:24px; text-align:center; margin-left:0px;}
.map_area .map_info ul li.map,
.map_area .map_info ul li.tel {background:none;}
.map_area .map_info ul li span {display:none;}

ul.traffic>li {padding:115px 0 40px 0;}
ul.traffic li.metro {background-position:50% 25px; background-size:50%;}
ul.traffic li.bus {background-position:50% 25px; background-size:50%;}
ul.traffic li .cont {float:none; width:100%;}
ul.traffic li .tip_box {height:auto; padding:7px 20px 12px 20px;}
ul.traffic li .tip_box p {float:none; text-align:center;}
ul.traffic li .tip_box a {float:none; margin:0 auto;}


}


/********************웹********************/
@media(min-width:737px){

.map_area .map_info ul li br {display:none;}

}