@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1100px; overflow:hidden;  z-index:1;background:#ebedee url(../images/main/visual_bg) center 50% no-repeat;;}
.main_visual .default_layout{position:relative;}
.main_visual ul.list_wrap { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li.list{background-repeat:no-repeat; background-position:left 50%; width:100%; height:550px; }
.main_visual li.list a{display:block;}


.main_visual .pager_box {margin:0 auto; width:1100px; position:relative;  z-index:99999999 !important;  text-align:center;}
.main_visual .main_pager {position:absolute; width:100%; left:-90px; top:480px;}
.main_visual .main_pager img{vertical-align:middle; width:40px; height:40px; border:3px #fff solid; margin:0 2px;}
.main_visual .main_pager .cycle-pager-active img{border-color:#ff587c;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0; display:none;}

.main_visual .visual_quick {position:absolute;right:0px; top:70px; z-index:2; overflow:hidden; width:300px; border-radius:30px; }
.main_visual .visual_quick li{float:left; width:149px;  padding-bottom:10px; background:#fff; position:relative; border-bottom:1px #ebedee solid;  border-right:1px #ebedee solid; }
.main_visual .visual_quick li .icon{height:80px; line-height:80px;padding:10px 0px;}
.main_visual .visual_quick li .icon img {vertical-align:middle;  transition:transform 500ms;}
.main_visual .visual_quick li:hover .icon img {transform:rotateY(180deg); transition:transform 500ms;}



/*공지*/
.main_notice_wrap  {overflow:hidden; margin-top:30px; margin-bottom:30px}

.main_notice {position:relative;  background:#fff; float:left;width:390px;  height:210px; padding-left:1px;}
.notice_tep h3 {float:left;  text-align:center;  border:1px #ddd solid; margin-left:-1px; letter-spacing:-1px;  font-weight:normal; background:#f8f8f8; position:relative;z-index:1;}
.notice_tep h3 a{line-height:40px; padding:2px 20px 0px; font-size:13px; color:#333;}
.main_notice .on_check h3 {border-bottom-color:#fff; background:#fff;}
.main_notice .on_check h3 a{color:#333; font-weight:bold; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:41px;width:100%; display:none; border-top:1px #ddd solid; z-index:0;}
.notice_tep div ul {padding:20px 10px;;}
.notice_tep div ul li {padding-left:10px; overflow:hidden; line-height:28px; letter-spacing:-0.5px; font-size:14px; background:url(../images/main/main_notice_dot.jpg) 2px 50% no-repeat;}
.notice_tep div ul li a {float:left; width:65%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice_tep div ul li a strong{color:#11a2da; font-weight:normal; display:inline-block; padding-right:5px;}
.notice_tep div ul li a:hover {text-decoration:underline;}
.notice_tep div ul li span {float:right; color:#9b9b9b;  font-size:13px;}
.notice_tep div ul li img {vertical-align:middle;}
.notice_tep .more {position:absolute;right:10px; top:10px;  }
.notice_tep .more img {vertical-align:middle;}


.main_popup {float:left; width:345px; height:210px; position:relative;  margin-left:30px;}
.main_popup img {vertical-align:top; max-width:100%; }
.main_popup ul  {z-index:1;}
.main_popup .popup_zone_pager  {position:absolute; left:0px; bottom:5px; width:100%; z-index:3; text-align:center;}
.main_popup .popup_zone_pager span {display:inline-block; width:12px; height:12px; border-radius:12px; background:#ddd; margin:0 2px; cursor:pointer;}
.main_popup .popup_zone_pager .cycle-pager-active {background:#333;}

.main_popup .btns{position:absolute; width:100%; left:0px; top:45%; z-index:3333333333;}
.main_popup .btns a{float:left; margin:0 20px; width:17.5px; height:32px; background:url(../images/main/main_gallery_arrow.png) left top no-repeat; text-indent:-9999px;}
.main_popup .btns a#popup_next{background-position:right top; float:right;}



.main_cscenter {float:right; border:1px #ddd solid; height:210px; width:300px; margin-left:20px; background:#fafafa url(../images/main/main_call_icon.png) center 90% no-repeat;}
.main_cscenter h3{position:relative; text-align:center;  margin-top:20px; font-size:22px; color:#323131;}
.main_cscenter dl {margin-top:20px; text-align:center;} 
.main_cscenter dt {font-weight:bold; letter-spacing:-1px; color:#ff587c; font-size:35px; margin-bottom:10px;}
.main_cscenter dd {font-size:14px; color:#000000; line-height:20px;}