@charset "utf-8";
body{ font-family:"Malgun Gothic","맑은 고딕","NanumGothic","나눔고딕","ngn"; font-size:14px; }
#IvyWrap { width: 100%; margin:0 auto; overflow:hidden; }
#IvyTop { width:100%; height:110px; background-color:#ffffff; }
#IvyMain { width: 1200px; margin:0 auto; clear:both;}
#IvyFooter { margin:400px auto 0 auto; width:100%; height:120px; clear:both;  padding-top:20px; background-color:#e1e1e1;  } 

/* IvyTop */
#IvyTop div.header_wrap { width:100%; background:#f1f1f1; height:40px; clear:both; }
#IvyTop div.header { margin:0 auto 0 auto; width:1200px; clear:both; height:30px; position:relative; }
#IvyTop div.header div.logo { position:absolute; top:49px; left:10px; z-index:1000; }
#IvyTop div.header div.util { padding-top:3px; margin-right:20px; }
#IvyTop div.header div.util ul { padding:0; margin:0; list-style-type:none; float:right;  }
#IvyTop div.header div.util ul li { float:left; padding:0px 12px 4px 12px; margin-top:6px; background:url("images/sub/util_bar.jpg") no-repeat 0px 4px; font-size:13px; }
#IvyTop div.header div.util ul li.first { border-left:0px solid #707070; background:none; }
#IvyTop div.header div.util ul li.admin { background:url("images/sub/util_bar.jpg") no-repeat 100px 4px; }
#IvyTop div.header div.util ul li.admin a { color:#ff6d0c; }

#IvyTop div.topBox { height:80px; margin:0 auto; position:relative; clear:both; }
#IvyTop div.gnbBox { width:100%; margin:20px auto 0px auto; position:relative; float:right; top:0px; height:45px; background-color:#ffffff; }
#IvyTop div.gnb { clear:both; width:100%; position:absolute; z-index: 99; right:0; top:0px; }
#IvyTop div.gnb ul { list-style-type:none; }
#IvyTop div.gnb ul li {  }

/* 팝업 */
div.newpopBox{ position:absolute; z-index:600; top:110px; left:130px;}
div.newpopBox .newpop{ position:absolute; display: none; }
div.newpopBox #mechalab1{ top:0px; left:0px;}
div.newpopBox #mechalab2{ top:0px; left:610px; }
div.newpopBox #mechalab3{ top:0px; left:720px; z-index:1;}

div.newpopBox .clearfix{overflow:hidden; background-color: #333; color: #fff;  padding-top: 5px;padding-right: 10px;padding-bottom: 4px;padding-left: 10px;}
div.newpopBox .clearfix .popup_close_left{float: left; font-size: 0; }
div.newpopBox .clearfix .popup_close_left input#today_close1{ cursor: pointer;display: inline-block;margin-top: 6px;margin-right: 10px;margin-bottom: 0;margin-left: 10px;padding-top: 0; padding-right: 0;padding-bottom: 0;padding-left: 0;border: 1px solid #696969;width: 14px;height: 14px;float: left;}
div.newpopBox .clearfix .popup_close_left label{display: inline-block;color: #fff;font-size: 15px;line-height: 16px;vertical-align: middle;margin-top: 3px;}
div.newpopBox .clearfix .popup_close_right{float: right;font-size: 0;}
div.newpopBox .clearfix .popup_close_right button{border-radius: 2px; line-height: 15px; border: 0; cursor: pointer; display: inline-block; height: 27px; padding-right: 12px; padding-left: 12px; background-color: #fff; font-size: 14px;}


/*visual*/

#IvyVisual div.visualBox{width:100%;   position:relative; background-color:#f1f1f1; }
#IvyVisual div.mainVisual {width:1353px;margin:0 auto;clear:both;position:relative;} 
#IvyVisual div.visualDiv { width:1353px;  margin-left:0px;  position: relative; height:500px; overflow: hidden; }

#IvyVisual div.visualZone { position: relative; width: 100%; height: 345px; z-index: 1; }
#IvyVisual div.visualZone ul { list-style-type: none; z-index: 1;}
#IvyVisual div.visualZone ul li { position: absolute; top: 0px; left: 0px; z-index: 1;}
#IvyVisual div.visual_txt { position: absolute; left: 380px; bottom: 0px; width: 100%; padding: 8px 0px 8px 0px; z-index:2; top:160px;}

#IvyVisual div.controller { clear: both; margin: 15px 0px 4px 50px; position:absolute; top:400px; left:550px;  z-index:9; }
#IvyVisual div.controller span.timerDot{margin:0 10px;}
#IvyVisual div.controller span.timerDot a{margin-right:5px;}
#IvyVisual div.controller span { text-align:right; } 
#IvyVisual div.controller span.timerDot { background:url("/Ivyimages/site/mecha/main/timer_dot_bar.png") no-repeat 0px top; padding-left:10px; }

/*main*/
#IvyMain div.mainCont { position:absolute; top:573px;  z-index: 9; width:1200px; }


#IvyMain div.contBox1 { width:330px; height:416px; float:left; background-color:#547bbe;   }
#IvyMain div.Quick_bg {background: url(/Ivyimages/site/mecha/main/bg_img.png) no-repeat 118px 30px; }
#IvyMain div.contBox1 div.tit {text-align:center;}
#IvyMain div.contBox1 div.tit strong {padding-top:145px;  font-size:24px; padding-bottom:5px; display:block;color:#fff;}
#IvyMain div.contBox1 div.tit span { line-height:18px; font-size:12px; display:block; color:#fff; padding-bottom:25px;}

#IvyMain div.mainQuick {width:262px; margin:0 auto;}
#IvyMain div.mainQuick ul li a {display:block; padding:8px 0;margin-bottom:-1px;font-size:14px; color:#fff; text-align:center; border:1px solid #88a3d2;}
#IvyMain div.mainQuick ul li a:hover {background:url(/Ivyimages/site/mecha/main/mask.png);}
#IvyMain div.mainQuick ul li {margin-bottom:7px;}
#IvyMain div.mainQuick ul {list-style:none;}

#IvyMain div.mainQuick a.btn {color:#fff;font-size:0;text-transform:uppercase;text-decoration:none;display:inline-block;position:relative;transform:translateZ(0);box-sizing:border-box;cursor:pointer;border:3px solid #fff;overflow:hidden;white-space:nowrap}
#IvyMain div.mainQuick a.btn .text{transition:transform .4s ease;z-index:1;position:relative}
#IvyMain div.mainQuick a.btn .hover{position:absolute;top:0;left:0;color:#002;background:#fff;transform:translateY(100%);transition:transform .4s ease;height:100%}


#IvyMain div.contBox2 { width:538px; height:416px; float:left; }
#IvyMain div.mainNotice { float:left; width:538px; height:217px; position:relative; background-color:#fff; }
#IvyMain div.mainNotice h3 {  padding:0; margin:0; font-size:15px; color:#3761a3; font-weight:600;  }


/* news */
#IvyMain div.mainNotice div.tabnews {border-bottom:1px solid #d4d5d7; padding-bottom:7px; margin-left:10px; margin-right:20px;}
#IvyMain div.mainNotice div.tabnews ul { margin:23px 0px 0px -16px; padding:0px; list-style-type:none; width:100%; }
#IvyMain div.mainNotice div.tabnews ul li.head {border-left: 1px solid #dfdfdf; height:20px;  position: relative; float:left; width:135px; font-weight:bold; font-size:1.2em; text-align:center;  }
#IvyMain div.mainNotice div.tabnews ul li.head a.head { font-weight:bold; color:#666666; }
#IvyMain div.mainNotice div.tabnews ul li.select a.head { font-weight: bold; color:#3e68ad; }

#IvyMain div.mainNotice div.tabnews ul li.first { border-left: 0px solid #5CB93C; }
#IvyMain div.mainNotice div.tabnews ul li.select {    }
#IvyMain div.mainNotice div.tabnews ul li.select a.head { font-weight: bold; border-bottom:1px solid #338ec9; padding:0 15px 5px 15px; }
#IvyMain div.mainNotice div.tabnews ul li.head ul.body { position: absolute; top: 50px; left: 0px; display: none; width: 460px; margin: 0px 5px 0px 15px; }
#IvyMain div.mainNotice div.tabnews ul li.head ul.body li {padding-left:10px; margin-left:10px; background: url(/Ivyimages/common/main/notice_arrow.gif) no-repeat 0px 13px; border-bottom:0px dashed #dfdfdf; text-align:left; font-size:15px; font-weight:normal; height:23px; padding:5px 0px 0px 10px; position:relative; }
#IvyMain div.mainNotice div.tabnews ul li.head ul.body li span.date { position: absolute; right: 0px; }
#IvyMain div.mainNotice div.tabnews ul li.head ul.body li.empty { color: #999999; text-align:center !important; width:100%;}
#IvyMain div.mainNotice div.tabnews ul li.head ul.first { display: block; } 
#IvyMain div.mainNotice div.tabnews ul li span.date { position: absolute; right: 0px;  }

#IvyMain div.mainCont { min-height: 150px; }
#IvyMain div.focus { }
#IvyMain div.focus div.hide{display:none;}
#IvyMain div.focus h3{ color:#333; float:left; font-size:1.2em; font-weight:600; height:26px; text-align:center; width:33.333%; padding-top:8px; }
#IvyMain div.focus h3.act{ height:25px; border-bottom:2px solid #338ec9;}

#IvyMain div.notice_list { clear:both; }
#IvyMain div.notice_list ul { list-style-type:none; padding:10px 5px 0 5px; margin:0;  }
#IvyMain div.notice_list ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/Ivyimages/common/sub/news_arrow.gif) 10px center no-repeat; height:20px; padding:5px 0px 0px 18px; }
#IvyMain div.faq_list { clear:both; }
#IvyMain div.faq_list ul { list-style-type:none; padding:0; margin:0;  }
#IvyMain div.faq_list ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/Ivyimages/common/sub/news_arrow.gif) 10px center no-repeat; height:20px; padding:5px 0px 0px 18px;  }

#IvyMain div.focus_list {}
#IvyMain div.focus_list ul { list-style-type:none; padding:15px 0 0 0 ; margin:0; clear:both; height:155px; }
#IvyMain div.focus_list ul li{ width:33.333%; text-align:center;  }
#IvyMain div.focus_list ul li.thumb_photo { padding:0 ; float:left;  }
#IvyMain div.focus_list ul li.thumb_photo img {width:98px; height: 80px; clear:both; }
#IvyMain div.focus_list ul li span.focus_tit {  display:block; padding:5px 0; }

#IvyMain div.job_info {float:left; width:523px; background:url(/Ivyimages/site/toure/main/notice_dot.png) top center no-repeat; padding-top:20px; padding-left:15px;}
#IvyMain div.job_info h3 { margin:0px 0px 15px 15px; padding:0px; font-size:1.2em; }
#IvyMain div.job_info div.more {margin:-36px 50px 0px 0px; float:right;}
#IvyMain div.job_info ul { margin:0px; padding:0px; list-style-type:none; width:460px;}
#IvyMain div.job_info ul li { padding-left:10px; margin-left:10px; background: url(/Ivyimages/common/main/notice_arrow.gif) no-repeat 0px 13px; border-bottom:0px dashed #dfdfdf; text-align:left; font-size:15px; font-weight:normal; height:23px; padding:5px 0px 0px 10px; position:relative; }
#IvyMain div.job_info ul li span.tit a { width:350px; height:20px; overflow:hidden; float:left; padding:0px 8px 0px 0px; }
#IvyMain div.job_info ul li span.list_date { position: absolute; right: 0px; }

#IvyMain div.contBox3 { width:332px; height:416px; float:left; }
#IvyMain div.popupzone { width:330px; height: 185px; position: relative; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff;}
#IvyMain div.popupzone div.popup_img {  width:330px; height:162px; /*background: url(/Ivyimages/site/ipsi/main/popup_default.gif) no-repeat;*/ }
#IvyMain div.popupzone div.popup_img ul { list-style-type: none; margin: 0px; padding: 0px; }
#IvyMain div.popupzone div.popup_ctrl { width: 327px; padding:1px 0 2px 3px; height:18px; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; border-top:1px solid #ccc;}
#IvyMain div.popupzone div.popup_ctrl img { vertical-align:middle;}
#IvyMain div.popupzone div.popup_ctrl span.total { padding-left:145px; }
#IvyMain div.popupzone div.popup_list { position: absolute; background-color: #FFFFFF; width: 330px; top:184px; left:-1px; z-index:9; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  }
#IvyMain div.popupzone div.popup_list ul {  padding:2px 0 4px 0;  margin:0 8px; list-style-type:none; }
#IvyMain div.popupzone div.popup_list ul li { padding: 5px 0 2px 8px;  border-bottom:1px dashed #e1e1e1; background:url(/Ivyimages/common/main/visit_arrow.gif) 0 9px no-repeat;  }
#IvyMain div.popupzone div.popup_list ul li a.over { font-weight: bold; }

/* popup */
#IvyVisual div.newpopBox4 {position:absolute; z-index:99999; top:680px; left:1590px; } 

#IvyMain div.mainLink {width:332px; height:200px; background-color:#657189; margin-top:31px;}
#IvyMain div.link { padding:22px 0 0 20px;}
#IvyMain div.link ul li a {display:block; padding:12px 0;margin-bottom:-1px;font-size:14px; color:#fff;  border:1px solid #b2b8c4; padding-left:40px; }

#IvyMain div.link ul li {margin-bottom:7px; width:145px; float:left;}
#IvyMain div.link ul {list-style:none;}

#IvyMain div.link ul li.link01 a { margin-right:5px; background:url(/Ivyimages/site/mecha/main/link_ico01.png) 10px 11px no-repeat; letter-spacing:-1.5px;}
#IvyMain div.link ul li.link02 a { background:url(/Ivyimages/site/mecha/main/link_ico02.png) 12px 10px no-repeat; letter-spacing:-1.0px;}
#IvyMain div.link ul li.link03 a { margin-right:5px;  background:url(/Ivyimages/site/mecha/main/link_ico03.png) 16px 11px no-repeat; }
#IvyMain div.link ul li.link04 a { background:url(/Ivyimages/site/mecha/main/link_ico04.png) 12px 11px no-repeat; }
#IvyMain div.link_tit {padding-top:30px; font-size:20px; color:#fff; text-align:center;}
#IvyMain div.link ul li.link01 a:hover {background-color:#485162;}
#IvyMain div.link ul li.link02 a:hover {background-color:#485162;}
#IvyMain div.link ul li.link03 a:hover {background-color:#485162;}
#IvyMain div.link ul li.link04 a:hover {background-color:#485162;}

/* footer */
#IvyFooter div.footer { margin:0px auto 0px auto; width:1200px; position:relative; }
#IvyFooter div.footer div.link {  }
#IvyFooter div.footer div.link ul { margin:10px 0px 20px 0px; padding:0px; list-style-type:none; }
#IvyFooter div.footer div.link ul li { display:inline-block; padding:0px 15px 0px 10px; background:url("images/sub/footer_link_bar.jpg") no-repeat right; }
#IvyFooter div.footer div.link ul li:last-child { background:none; }
#IvyFooter div.footer div.link ul li a.txt_color { color:#0064ba; font-weight:bold; }
#IvyFooter div.footer address { clear:both; font-style:normal; padding-left:10px; }
#IvyFooter div.footer p.copy { padding-left:10px; margin:5px 0px; }

#IvyFooter div.plus_friend { position: absolute; top:8px; right:240px; }

#IvyFooter div.linkDiv { width: 218px; height:36px; border:1px solid #cecece; position: relative; float:right; margin:-30px 10px 0px 0px; }
#IvyFooter div.linkDiv div.Connection { background-color:#333333; width:218px; bottom:36px; border-bottom:1px dashed #fff; position: absolute; display: none; z-index:99;}
#IvyFooter div.linkDiv a { display:block; background:url("images/common/select_site_on.jpg") no-repeat; }
#IvyFooter div.linkDiv a.tit { height:28px; padding:8px 0px 0px 15px; color:#000; }
#IvyFooter div.linkDiv div.Connection ul { height:420px; overflow:hidden; margin:0px; padding:10px 15px 0px 15px; /*overflow-y:scroll;*/ box-sizing:border-box; }
#IvyFooter div.linkDiv div.Connection ul li { width:172px; padding:2px 0px 2px 0px; }
#IvyFooter div.linkDiv div.Connection ul li a { color:#fff; background:none; }
#IvyFooter div.linkDiv div.Connection ul li a:hover { color:#fff725; }