@charset "utf-8";

/*layout*/

/*상단메뉴 갯수에 따른영역*/
#topmenu #gnb_device .th1 a.th1_lnk.ov:after,
#topmenu #gnb_device .th1 a.th1_lnk:active:after{background:#8d6e54;}
#topmenu #gnb_device .th2> li >a:after{background:#8d6e54;}
#topmenu #gnb_device .th2 li a.ov,
#topmenu #gnb_device .th2 li a:active{color:#8d6e54}

h3 {background:url("/images/common/ui/h3_bul_01.gif") no-repeat scroll 0 8px;}

/*왼쪽메뉴*/
#lnb h2::before{background:#8d6e54;}
#lnb .lm_2th > li > a.link_2th_ov {color: #8d6e54;}

/*서브bg 6개*/
#container #contentswrap {background:url(/images/sse/main/main_bg.png) no-repeat 220px 0;}

/*@media only screen and (min-width:1000px){

#animate #tm .th1 .th1_lnk.current,
#animate #tm .th1 .th1_lnk:hover,
#animate #tm .th1 .th1_lnk:focus{color:#8d6e54;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#8d6e54;}

}*/

/*서브bg 7개*/
@media only screen and (min-width:1000px){
#animate{background-position:60% 65px;}
#animate #tm{right:50%;margin-right:-505px; width:775px;}
#animate #tm .th1{width:14.2%;}
#animate #tm .th2 li{padding:0 0 0 5px;}

#animate #tm .th1 .th1_lnk.current,
#animate #tm .th1 .th1_lnk:hover,
#animate #tm .th1 .th1_lnk:focus{color:#8d6e54;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#8d6e54;}

}




/*연혁*/
.historyWrap{background:url(/images/mie/content/history_bg.png) no-repeat 50% 0;}
.historyWrap .ico{display:block;height:150px;background:url(/images/mie/content/history_ico.png) no-repeat 50% 0;}

.historyWrap .history h2{margin:0;padding:0;background:none;color:#7b706c;font-size:40px;font-weight:400;line-height:1.3;text-align:center;}
.historyWrap .history h2:before{background:none;}
.historyWrap .history h2 span{display:block;color:#000;font-size:20px;line-height:1;}

.historyWrap .history .cnt{margin-top:15px;padding:15px;border:1px solid #ddd;}
.historyWrap .history .cnt:first-child{margin-top:0;}
.historyWrap .history .cnt strong{display:block;color:#71a15e;font-size:35px;}
.historyWrap .history .cnt ul li{position:relative;margin-top:3px;}
.historyWrap .history .cnt ul li:first-child{margin:0;}
.historyWrap .history .cnt ul li:before{position:absolute;top:12px;left:5px;width:3px;height:3px;background:#000;content:'';}
.historyWrap .history .cnt ul li > *{display:block}
.historyWrap .history .cnt ul li b{padding-left:15px;color:#000;font-size:16px;}
.historyWrap .history .cnt ul li span{padding-top:4px;margin-left:3px;color:#535353;}



.historyWrap .history.type3 .cnt ul li span{margin-left:3px;width:100%;color:#535353;text-indent:0px}

@media only screen and (min-width:680px){

.historyWrap .history.type3  .cnt ul li b{width:17%;}
.historyWrap .history.type3 .cnt ul li span{margin-left:0px;width:80%;color:#535353;text-indent:0px}
}

@media only screen and (min-width:1000px){
.historyWrap{background:url(/images/mie/content/history_bg.png) no-repeat 320px 0;}
.historyWrap .ico{position:relative;z-index:1;background-position:570px 0px;}

.historyWrap .history{position:relative;top:-50px;padding:30px 0 0;}
.historyWrap .history:after{position:absolute;top:30px;left:20px;width:2px;height:100%;background:#ddd;content:'';}
.historyWrap .history h2{position:absolute;top:-80px;left:18px;font-size:50px;text-align:left;}
.historyWrap .history .cnt:after{display:block;clear:both;content:'';}

.historyWrap .history .cnt{border:none;margin-left:30px;}
.historyWrap .history .cnt .grap{position:relative;margin:0;padding:20px 15px 30px 50px;width:600px;border:1px solid #ddd;}
.historyWrap .history .cnt .grap:before{display:block;position:absolute;top:52px;width:17px;height:17px;background:url(/images/mie/content/history_bul.png) no-repeat 50% 0;content:'';z-index:2;}
.historyWrap .history .cnt .grap:after{display:block;position:absolute;top:52px;width:14px;height:20px;content:'';z-index:2;}

.historyWrap .history .cnt .grap.r{float:left;}
.historyWrap .history .cnt .grap.r:before{left:-33px;}
.historyWrap .history .cnt .grap.r:after{left:-14px;background:url(/images/mie/content/history_arwR.png) no-repeat;}

.historyWrap .history .cnt ul li:after{display:block;clear:both;content:'';}
.historyWrap .history .cnt ul li > *{float:left;}
/*.historyWrap .history .cnt ul li b{padding-left:6%;width:15%;}*/
.historyWrap .history .cnt ul li b{padding-left:15px;width:20%;}
.historyWrap .history.type2 .cnt ul li b{width:10%;}

/*.historyWrap .history .cnt ul li span{margin:0;width:74%;}*/
.historyWrap .history .cnt ul li span{margin:0 0 0 10px;width:70%;}
.historyWrap .history.type2 .cnt ul li span{width:80%;}

}