/* 
	메인 
*/
/* 비주얼 */
.main .mvis {position:relative;}
.main .mvis .bxslider {position:relative !important; width:100% !important; min-width:1100px; height:620px; overflow:hidden; z-index:1;}
.main .mvis .bxslider li {position:absolute !important; top:0; left:50%; margin-left:-1000px; z-index:9;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.main .mvis .bx-wrapper .bx-controls-direction {position:relative; width:1100px; margin:0 auto;}
.main .mvis .bx-wrapper .bx-controls-direction a {position:absolute; margin-top:-380px; outline:0; width:68px; height:68px; text-indent: -9999px; z-index:2;}  
.main .mvis .bx-wrapper .bx-prev {left:-68px; background: url('../img/v_prev.png') no-repeat 0 0;}
.main .mvis .bx-wrapper .bx-prev:hover {background-image:url('../img/v_prev_on.png');}
.main .mvis .bx-wrapper .bx-next {right:-68px; background: url('../img/v_next.png') no-repeat 0 0;}
.main .mvis .bx-wrapper .bx-next:hover {background-image:url('../img/v_next_on.png');}  
/* 날씨/운행 정보 */
.main .main_ing {position:absolute; top:144px; left:50%; margin-left:80px; width:401px; height:266px; padding:50px 0 0 60px; background:url('../img/main_ing_bg.png') no-repeat 0 0; z-index:10; box-sizing:border-box;}  
.main .main_ing dt {position:relative; height:72px; padding-left:90px; box-sizing:border-box;}
.main .main_ing dt div {position:absolute; top:0; left:0;}
.main .main_ing dt h2 {font-family:"Open Sans"; font-size:40px; line-height:40px; color:#333; font-weight:700;}
.main .main_ing dt h2 span {display:inline-block; padding-right:42px; background:url('../img/ing_oc.png') no-repeat right center; box-sizing:border-box;}
.main .main_ing dt p {margin-top:5px; font-size:16px; color:#333;}
.main .main_ing dd {position:relative; margin-top:15px; padding-left:90px; color:#333; box-sizing:border-box;}
.main .main_ing dd em {position:absolute; top:0; left:0; display:inline-block; font-size:46px; line-height:64px; font-weight:400;}
.main .main_ing dd span {display:inline-block; width:58px; height:64px; margin-right:10px; line-height:64px; font-size:40px; font-weight:500; text-align:center; background:url('../img/ing_char_bg.gif') no-repeat 0 0;}
.main .main_ing dd.off {padding-left:0;}
.main .main_ing dd.off span {}

/* 메인 정보 */
.main .main_sec {position:relative; width:1100px; margin:-70px auto 0; padding-top:20px; background:#fff; z-index:11;}
.main .main_sec > div {float:left; height:280px; overflow:hidden;}
.main .main_sec > div.cable {width:258px; margin-left:20px; background:url('../img/main_cable_bg.gif') no-repeat 0 0;}
.main .main_sec > div.cable dt {height:60px; line-height:60px; padding:0 15px; font-size:18px; color:#333; font-weight:400; box-sizing:border-box;}
.main .main_sec > div.cable dd {padding:0 15px;}
.main .main_sec > div.cable dd table {border-top:solid 1px #222;}
.main .main_sec > div.cable dd table th,
.main .main_sec > div.cable dd table td {line-height:25px; padding:0 10px; font-size:13px; color:#666; text-align:center; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
.main .main_sec > div.cable dd table th {color:#444; font-weight:400;}
.main .main_sec > div.cable dd table thead th:first-child,
.main .main_sec > div.cable dd table tbody th {border-left:0;}
.main .main_sec > div.cable dd a {margin-top:12px; display:inline-block; padding-left:10px; background:url('../img/arrow1.png') no-repeat 0 center;}
.main .main_sec > div.cable dd a span {border-bottom:solid 1px #888;}
.main .main_sec > div.location {width:259px; margin-left:10px; background:url('../img/main_location_bg.gif') no-repeat 0 0;} 
.main .main_sec > div.location dt {padding:0 15px; line-height:60px; font-size:18px; color:#fff; font-weight:400;}
.main .main_sec > div.location dd {padding:0 15px;} 
.main .main_sec > div.location dd p {position:relative; margin-bottom:10px; padding-left:60px; font-size:13px; color:#fff; line-height:1.6; box-sizing:border-box;} 
.main .main_sec > div.location dd p span {position:absolute; top:0; left:0; display:inline-block; width:55px;}
.main .main_sec > div.location ul {display:table; width:90%; margin:20px auto 0;}
.main .main_sec > div.location ul li {display:table-cell; width:33.33%; text-align:center;}
.main .main_sec > div.location ul li a {display:inline-block; width:60px; font-size:13px; color:#fff; padding-top:70px;}
.main .main_sec > div.location ul li a.lc1 {background:url('../img/icon_location1.png') no-repeat center 0;}
.main .main_sec > div.location ul li a.lc2 {background:url('../img/icon_location2.png') no-repeat center 0;}
.main .main_sec > div.location ul li a.lc3 {background:url('../img/icon_location3.png') no-repeat center 0;}
.main .main_sec > div.notice {width:257px; margin-left:10px; border:solid 1px #ccc; box-sizing:border-box;} 
.main .main_sec > div.notice dt {height:60px; line-height:60px; padding:0 15px; font-size:18px; color:#333; font-weight:400; box-sizing:border-box;}
.main .main_sec > div.notice dt a {float:right; margin-top:24px;}
.main .main_sec > div.notice dd {padding:16px; box-sizing:border-box;}
.main .main_sec > div.notice dd:nth-child(even) {background:#f3f3f3}
.main .main_sec > div.notice dd .subject {font-size:13px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main .main_sec > div.notice dd .subject a {font-size:13px; color:#333;}
.main .main_sec > div.notice dd .writer {margin-top:5px; font-size:13px; color:#999;}
.main .main_sec > div.banner {width:256px; margin-left:10px;}
.main .main_sec > div.banner > div {width:256px; height:136px; padding:22px; overflow:hidden; box-sizing:border-box;}
.main .main_sec > div.banner > div.cable_info {background:url('../img/main_info_bg.gif') no-repeat 0 0;}
.main .main_sec > div.banner > div.tower {margin-top:8px; background:url('../img/main_tower_bg.gif') no-repeat 0 0;}
.main .main_sec > div.banner > div h2.mtit {font-size:18px; color:#fff; font-weight:400;}
.main .main_sec > div.banner > div p {margin-top:12px; font-size:13px; color:#fff; line-height:1.6;}
.main .main_sec > div.banner > div a {display:block; width:100%; height:77px;}


/* 게시판 관련 공통 */
.bar {display:inline-block; margin:0 12px; color:transparent; background:url('../img/board_bar.gif') no-repeat center center;}

.view_btn_area {margin-top:30px; font-size:0; text-align:left;}
.view_btn_area:after {display:block; clear:both; content:' ';}
.view_btn_area a {margin-left:5px; text-align:center;}
.view_btn_area a:first-child {margin-left:0;}

.write_btn_area {margin-top:30px; text-align:center; font-size:0;}
.write_btn_area a {margin:0 3px; text-align:center;}

.prev_next th span.prev {display:inline-block; padding-left:15px; background:url('../img/board_arr_up.png') no-repeat 0 center;}
.prev_next th span.next {display:inline-block; padding-left:15px; background:url('../img/board_arr_down.png') no-repeat 0 center;}

.del_sec .del_box {border-top:solid 1px #333;}
.del_sec .del_box dt,
.del_sec .del_box dd {padding:8px 0; color:#888; text-align:center; border-bottom:solid 1px #dddddd; box-sizing:border-box;}
.del_sec .del_box dt {color:#333; background:#eee; font-weight:400;}
.del_sec .del_box dd {padding:20px 0;}
.del_sec .del_box dd span {display:inline-block; margin-right:10px;}

/* EVENT LIST */
.event .event_list li {padding:30px 0; border-top:dotted 1px #ccc;}
.event .event_list li:after {display:block; clear:both; content:' ';}
.event .event_list li:first-child {padding-top:0; border-top:0;}
.event .event_list li .thumb {float:left; width:410px; height:200px;}
.event .event_list li .thumb img {width:100%; height:100%;}
.event .event_list li .info {float:right; width:400px; height:200px;}
.event .event_list li .info p.subject {margin-top:70px;}
.event .event_list li .info p.subject a {font-size:17px; color:#333; font-weight:400;}
.event .event_list li .info p.term {margin-top:10px; font-size:13px; color:#777;}

/* FAQ */
.faq .search_box {padding:20px 0; text-align:center; border:solid 1px #d3d3d3;}
.faq .search_box > input {vertical-align:middle; margin-right:3px;}
.faq .search_box > input[type=text] {width:310px; height:30px; line-height:30px; border:solid 1px #ccc; box-sizing:border-box;}
.faq .search_box > input[type=submit] {width:60px; height:30px; border:solid 1px #72b728; background:#72b728; color:#fff; font-size:13px; font-weight:400;}
.faq .search_box p {padding-top:10px; color:#777;}
.faq .search_box p a {color:#777;}
.faq .faq_tbl .faq_hd {display:table; width:100%; height:35px; line-height:35px; border-top:solid 1px #000; border-bottom:solid 1px #ddd;}
.faq .faq_tbl .faq_hd span {display:table-cell; color:#222; font-weight:300; text-align:center; background:#f9f9f9;}
.faq .faq_tbl .faq_hd span:first-child {width:90px;}
.faq .faq_tbl .quetion {display:table; width:100%; cursor:pointer;}
.faq .faq_tbl .quetion > div {display:table-cell; padding:10px 0; color:#555; text-align:left; border-bottom:solid 1px #ddd; box-sizing:border-box;}
.faq .faq_tbl .quetion > div.no {width:90px; text-align:center;}
.faq .faq_tbl .quetion > div span.summ {color:#000;}
.faq .faq_tbl .answer {display:none; padding:10px 0 10px 90px; border-bottom:solid 1px #ddd; box-sizing:border-box;}
.faq .faq_tbl .answer > div {position:relative; display:block; width:100%; min-height:16px; padding-left:30px; line-height:1.6; color:#777;}
.faq .faq_tbl .answer > div.q {background:url('../img/cs/faq_q.gif') no-repeat 0 2px;}
.faq .faq_tbl .answer > div.a {background:url('../img/cs/faq_a.gif') no-repeat 0 2px;}

/* SUGGEST */
.suggest .suggest_box {height:123px; padding:35px; text-align:center; background:url('../img/cs/suggest_box.gif') no-repeat 0 0; box-sizing:border-box;}
.suggest .suggest_box h2 {font-size:18px; color:#222; font-weight:400;}
.suggest .suggest_box p {margin-top:3px; font-size:13px; color:#666;}
.suggest .btn_area {margin-top:40px; text-align:center;}

/* 케이블카 풍경 */
.scenery .gall_list ul {width:870px; margin-left:-30px;}
.scenery .gall_list ul:after {display:block; clear:both; content:' ';}
.scenery .gall_list ul li {float:left; width:260px; margin-left:30px; margin-bottom:25px;}
.scenery .gall_list ul li .thumb {width:260px; height:260px;}
.scenery .gall_list ul li .thumb img {width:100%; height:100%;}
.scenery .gall_list ul li .info {padding-top:15px;}
.scenery .gall_list ul li .info .subject a {color:#333;}
.scenery .gall_list ul li .info .writer {font-size:12px; color:#777;}

/* 제휴음식점 */
.alliance .gall_list ul {width:870px; margin-left:-30px;}
.alliance .gall_list ul:after {display:block; clear:both; content:' ';}
.alliance .gall_list ul li {float:left; width:405px; margin-left:30px; margin-bottom:20px;}
.alliance .gall_list ul li .thumb {width:405px; height:auto;}
.alliance .gall_list ul li .thumb img {width:100%; height:auto;}

/* 남산주변 즐길거리 */
.around .gall_list ul {width:870px; margin-left:-30px;}
.around .gall_list ul:after {display:block; clear:both; content:' ';}
.around .gall_list ul li {float:left; width:260px; margin-left:30px; margin-bottom:25px;}
.around .gall_list ul li .thumb {width:260px; height:260px;}
.around .gall_list ul li .thumb img {width:100%; height:100%;}
.around .gall_list ul li .info {padding-top:15px;}
.around .gall_list ul li .info .subject a {color:#333;}
.around .gall_list ul li .info .writer {font-size:12px; color:#777;}

/* 미디어 */
.media .gall_list ul {width:870px; margin-left:-30px;}
.media .gall_list ul:after {display:block; clear:both; content:' ';}
.media .gall_list ul li {float:left; width:260px; margin-left:30px; margin-bottom:25px;}
.media .gall_list ul li .thumb {width:260px; height:260px;}
.media .gall_list ul li .thumb img {width:100%; height:100%;}
.media .gall_list ul li .info {padding-top:15px;}
.media .gall_list ul li .info .subject a {color:#333;}
.media .gall_list ul li .info .writer {font-size:12px; color:#777;}

/*사회공헌*/
.social .social_list li {padding:30px 0; border-top:dotted 1px #ccc;}
.social .social_list li:after {display:block; clear:both; content:' ';}
.social .social_list li:first-child {padding-top:0; border-top:0;}
.social .social_list li .thumb {float:left; width:410px; height:200px;}
.social .social_list li .thumb img {width:100%; height:100%;}
.social .social_list li .info {float:right; width:400px; height:200px;}
.social .social_list li .info p.subject {margin-top:70px;}
.social .social_list li .info p.subject a {font-size:17px; color:#333; font-weight:400;}
.social .social_list li .info p.term {margin-top:10px; font-size:13px; color:#777;}