@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:600px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:600px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:600px; }
.main_visual li a{display:block;}
.main_visual .visual_text { position:absolute; left:0px; top:150px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold; text-align:left;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .pager_box {margin:0 auto; width:1100px; position:relative;  z-index:99999999 !important; position:relative;}
.main_visual .main_pager {position:absolute; left:3px; top:330px;height:15px;  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; border:1px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#659cfd; border-color:#659cfd; width:33px;}
.main_visual .bg {position:absolute; width:100%; height:600px; left:0px; top:0px; background:rgba(0,0,0,0.5); z-index:0;}


/*메인컨텐츠*/
.main_box_quick { overflow:hidden;  margin:-160px auto 0;  position:relative; z-index:2; }
.main_box_quick .bg{ position:absolute; left:0px; top:0px; height:160px; width:100%; z-index:0;  background:#659cfd; opacity:0.9;}
.main_box_quick ul {display:table;width:100%; table-layout:fixed; position:relative; z-index:1;}
.main_box_quick ul li{display:table-cell; vertical-align:middle; height:160px; text-align:center;font-size:16px; }
.main_box_quick ul li a{color:#fff;}
.main_box_quick ul li .icon{width:98px; height:98px;line-height:98px; border-radius:98px; background:#fff; text-align:center; display:inline-block; }
.main_box_quick ul li .icon img {vertical-align:middle; transition:transform 500ms;}
.main_box_quick ul li:hover .icon img {transform:rotateY(180deg); transition:transform 500ms;}
.main_box_quick ul li .txt {display:block; margin-top:6px; }
.main_box_quick ul li:hover {background:#444}
.main_box_quick ul li:hover .txt{color:#fff}


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

.main_notice {position:relative;  background:#fff; float:left;width:590px;  height:220px; border:1px #ddd solid;}
.notice_tep h3 {float:left;  text-align:center; min-width:120px;  border-right:1px #ddd solid; border-bottom:1px #ddd solid; letter-spacing:-1px;  font-weight:normal; background:#f8f8f8; position:relative;z-index:1;}
.notice_tep h3 a{line-height:50px; padding:2px 10px 0px; font-size:16px; color:#999;}
.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:50px;width:100%; display:none; border-top:1px #ddd solid; z-index:0;}
.notice_tep div ul {padding:20px;}
.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:right; width:480px; height:220px; position:relative;}
.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:#659cfd;}

.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_cs_wrap {overflow:hidden; margin-top:30px; overflow:hidden;}
.main_cs_wrap .col {float:left;}

/*사진첩*/
.main_cs_wrap .gallery {border:1px #ddd solid; width:500px;}
.main_cs_wrap .gallery .box {padding:20px 20px 10px;;}
.main_cs_wrap .gallery .title { font-size:22px; color:#323131; line-height:20px; padding-bottom:10px; border-bottom:1px #ddd solid; position:relative;}
.main_cs_wrap .gallery .title .btn {position:absolute; right:0px; top:0px;}
.main_cs_wrap .gallery ul {text-align:center; margin-top:20px;}
.main_cs_wrap .gallery ul li{display:inline-block; width:200px;  margin:0 10px;}
.main_cs_wrap .gallery ul li img {vertical-align:middle; width:100%; height:130px;}
.main_cs_wrap .gallery ul li .text {margin-top:10px;}


.main_cs_wrap .cs_center {border:1px #ddd solid; height:246px; width:290px; margin-left:20px; background:url(../images/main/main_call_icon.png) center 90% no-repeat;}
.main_cs_wrap .cs_center h3{position:relative; text-align:center;  margin-top:20px; font-size:22px; color:#323131;}
.main_cs_wrap .cs_center dl {margin-top:20px; text-align:center;} 
.main_cs_wrap .cs_center dt {font-weight:bold; letter-spacing:-1px; color:#659cfd; font-size:30px; margin-bottom:10px;}
.main_cs_wrap .cs_center dd {font-size:14px; color:#000000; line-height:20px;}


.main_cs_wrap .qna_wrap {border:1px #ddd solid; height:246px; width:265px; float:right; background:#ddd url(../images/main/qna_wrap_box_bg.png) center top no-repeat;;}
.main_cs_wrap .qna_wrap_box {padding:30px; position:relative;text-align:center; font-weight:bold;}
.main_cs_wrap .qna_wrap_box .title{font-size:60px; color:#f8f8f8; margin-top:36px; line-height:70px;}
.main_cs_wrap .qna_wrap_box .title_info{font-size:20px; color:#313131; margin-top:30px;}