@charset "utf-8";
h1, h2, h3, h4, h5, h6, form, input, fieldset, ul, li, dl, dt, dd, p {margin:0; padding:0;}

ul, li, ol, dl, dt, dd {list-style:none;}
body {background:url(/images/home/bg_body_visual.gif) repeat-x}
button{border: none;background-color: transparent;}
button::-moz-focus-inner{padding: 0;border: 0;}
#page_body_wrap {position:relative;clear:both;background:none;min-width:1000px;}
#page_body_wrap_bg {position:relative;overflow:hidden;width:100%;height:647px;}
#page_body_wrap_bg img {width:100%;height:100%;}
#page_body {position:relative;width:1000px;height:647px;margin:-647px auto 0 auto;}
.btn-mode {position:absolute;right:0;top:0;z-index:2;}
.btn-mode li {position:relative;float:left;}
.slogan {position:absolute;left:0;top:20px;}

/*.main-visual {margin:0 auto;position:relative}*/
.content {position:relative;width:1000px;height:195px;padding:452px 0 0 0;background:url(/images/home/visual/bg_visual_content.png) no-repeat left bottom;}
.notice {position:relative;width:312px;height:175px;float:left;margin-right:4px;padding:10px;position:relative;}
.notice .more {position:absolute;right:10px;top:15px;}
.notice .notice-tab {height:16px;margin:0 0 14px 0;}
.notice .notice-tab li {width:71px;margin-right:2px;float:left;cursor:pointer;}
.notice .notice-con {position:absolute;left:10px;top:40px;width:312px;}
.notice .notice-con li a {float:left;display:block;width:270px;padding-left:11px;background:url(/images/home/visual/bg_dot.gif) no-repeat 4px 6px;color:#ddd;}
.notice .notice-con li a:hover {text-decoration:underline;}
.notice .notice-con li span {font-size:11px;color:#aaa;}
.notice .arrow {position:absolute;right:10px;bottom:8px;/*top:140px*/}
.notice .arrow img {margin-right:2px;cursor:pointer;}
.notice .mobile {position:absolute;left:10px;bottom:11px;}
.notice .mobile-kookmin {margin-right:10px;float:left}
.notice .mobile ul {float:left}
.notice .mobile ul li {margin:7px 4px 0 0;float:left}
/* 20130531추가 */
/* 20151216수정 */
.notice .add-tab li { width:45px; }

.new-event {position:relative;float:left;width:407px;height:175px;margin-right:4px;padding:10px;}
.new-event .more {position:absolute;right:10px;top:15px;}
.new-event .new-tab {height:23px;margin-bottom:14px}
.new-event .new-tab li{width:193px;margin-right:3px;float:left;cursor:pointer;}
.new-event .new-con {width: 999em;}
.new-event .new-con li {float:left;width:95px;margin-right:9px;}
.new-event .new-con li a:hover {text-decoration:underline;}
.new-event .new-con li p {height:26px;margin-top:5px;font-size:11px;line-height:1.2em;letter-spacing:-1px;overflow:hidden;}
.new-event .new-con li a {color:#ddd;display: block;}
.new-event .new-con li img {width:95px;height:60px;}
.new-event .arrow {position:absolute;right:10px;top:141px}
.new-event .arrow img {margin-right:2px;cursor:pointer;}
.new-event .shortcut {position:absolute;bottom:10px;width:406px;height:24px;background:url(/images/home/visual/bg_shotcut.png) no-repeat left top;}
.new-event .shortcut li {margin:7px 10px 0 0;padding-left:13px;float:left;background:url(/images/home/visual/bar_shortcut.png) no-repeat left 1px;}
.new-event .shortcut li a{float: left;display: block;}
.new-event .shortcut li.public-movie {margin-left:10px;background:none}

.banner-search {float:left;position:relative;width:213px;height:175px;padding:10px;}
.banner-search .banner-zone {position:absolute;width:213px;left:10px;top:40px;}
.banner-search .banner-zone #banner {margin-bottom:0;}
.banner-search .banner-zone .banner {margin-bottom:7px;}
.banner-search .banner-zone .banner a{display: block;float: left;}
.banner-search .banner-zone .banner img {width:213px;height:127px;}
.banner-btn-zone {overflow:hidden;}
.banner-btn-zone img {float:left;}

.banner-search .banner-zone .btn {position: absolute;left: 0;top: 134px;}
.banner-search .banner-zone .btn button{float:left;width: 17px;}

.banner-search .banner-zone .banner-zone-paging{position: absolute;right: 0;top: 134px;width: 170px;}
.banner-search .banner-zone .banner-zone-paging div{float: right;}
.banner-search .banner-zone .banner-zone-paging button span{width: 1px;height: 1px;overflow: hidden;z-index: -1;position: relative;}
.banner-search .banner-zone .banner-zone-paging button{float: left;width: 12px;height: 12px;background: url(/images/home/visual/btn_banzone_v_off.png) 0 0 no-repeat;}
.banner-search .banner-zone .banner-zone-paging button.selected{background-image: url(/images/home/visual/btn_banzone_v_on.png)}


.banner-search .search {position:absolute;left:10px;top:9px;}
.banner-search .search-box {width:142px;height:18px;padding:2px 0 0 25px;border:2px solid #0098c7;background:url(/images/home/visual/icon_search.gif) no-repeat 6px 4px #fff}
.banner-search .search-btn {margin:2px 0 0 0;}

.mode-info {position:relative;z-index:2;}
/*.mode-info #visual-info {display:none;position:absolute;right:95px;top:24px;cursor:pointer;}
.mode-info #text-info {display:none;position:absolute;right:0;top:24px;cursor:pointer;}*/
.mode-info #visual-info {display:none;position:absolute;right:180px;top:24px;cursor:pointer;}
.mode-info #text-info {display:none;position:absolute;right:95px;top:24px;cursor:pointer;}
.mode-info #info-info{display:none;position:absolute;right:0;top:24px;cursor:pointer;}

.slide-info {display:none;position:absolute;right:40px;top:140px; z-index:100;cursor:pointer;}

.content a:focus,
.content input:focus,
.content button:focus{outline-color: #fff!important }