@charset "utf-8";



#container {position:relative; z-index:0;  font-family: 'Noto Sans KR',sans-serif; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1200px; overflow:hidden;  z-index:1; margin:0 auto;} 

.main_visual ul.list_wrap { width:100% !important; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li.list{background-repeat:no-repeat; background-position:center 50%; width:100%; height:550px; }
.main_visual li.list a{display:block;}



.main_visual .main_pager {position:absolute; width:100%;  bottom:30px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#ddd; }
.main_visual .main_pager .cycle-pager-active{background:#ff8383;}



.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;font-size:16px; z-index:2; overflow:hidden; width:300px; border-radius:20px; box-shadow:0px 0px 15px rgba(0,0,0,0.3); }
.main_visual .visual_quick li{float:left; width:149px;  padding-bottom:10px; background:#eef1ea; position:relative; border-bottom:1px #d8d9d6 solid;  border-right:1px #d8d9d6 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; padding-top:40px;}

.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:#e5d9d0; position:relative;z-index:1;}
.notice_tep h3 a{line-height:40px; padding:2px 20px 0px; font-size:15px; color:#333;}
.notice_tep:nth-child(2n) h3 { background:#f0e8db;}


.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:510px; height:210px; position:relative;  margin-left:30px; overflow:hidden;}
.main_popup ul {overflow:hidden; padding-left:1px; }
.main_popup ul li {float:left; width:168px;  border:1px #ddd solid; height:208px; text-align:center; margin-left:-1px;}
.main_popup ul li img {vertical-align:middle;}
.main_popup ul li .t1 {font-size:18px; color:#000; margin:15px 0px;}
.main_popup ul li .icon {height:105px;}
.main_popup ul li .icon img {vertical-align:middle;}
.main_popup ul li .t2 {font-size:13px; color:#000;letter-spacing:-1px; line-height:16px; margin-top:5px;}
.main_popup ul li.m1 {background-color:#e5d9d0;}
.main_popup ul li.m2 {background-color:#f0e8db;}
.main_popup ul li.m3 {background-color:#e5d9d0;}
.main_popup ul li.m1  .t2 {padding-top:1px;}


.main_popup ul li a{display:block;}

.main_cscenter {float:right; border:1px #ddd solid; height:210px; width:240px; margin-left:20px; background:#eef1ea/* url(../images/main/main_call_icon.png?20) center 10px no-repeat*/;border-radius:20px;  position:relative;}
.main_cscenter .icon{position:absolute; width:100%; text-align:center;  top:-30px;}
.main_cscenter h3{position:relative; text-align:center;  margin-top:70px; font-size:22px; color:#323131;}
.main_cscenter dl {margin-top:10px; text-align:center;} 
.main_cscenter dt {font-weight:bold; letter-spacing:-1px; color:#ff587c; font-size:27px; margin-bottom:10px;}
.main_cscenter dd {font-size:14px; color:#000000; line-height:20px;}