@charset "utf-8";

/**
noscript 대체콘텐츠
**/
/* 글자크기조절 */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/* 메인메뉴 */
#topmenu_acc{position:absolute; top:0px; left:0px; z-index:99; width:945px; padding:5px; background:#fff; border:1px solid #ccc;}
#topmenu_acc #topmenu_acc_inner{position:relative; overflow:auto; width:100%; height:55px;}
#topmenu_acc li.menu1{float:left; width:130px;}
#topmenu_acc li.menu2{float:left; width:130px;}
#topmenu_acc li.menu3{float:left; width:130px;}
#topmenu_acc li.menu4{float:left; width:130px;}
#topmenu_acc li.menu5{float:left; width:130px;}
#topmenu_acc li.menu6{float:left; width:130px;}
#topmenu_acc li.menu7{float:left; width:130px;}
#topmenu_acc li ul{margin:5px 0 0 0;}
#topmenu_acc li ul li{padding:2px 0; font-size:0.92em;}
#topmenu_acc li ul li.current_on a{color:#3c6abd; text-decoration:underline;}



/*레이어팝업 코로나*/

/* 코로나팝업 */
#corona{position:absolute; top:0; left:50%; transform:translateX(-50%); width: 764px; z-index:999999; border:2px solid #515151;background: #ffffff;box-sizing: border-box; overflow: auto;}
#corona img{ width: 100%; }
#corona .corona_wrap { position: relative; padding: 20px 20px 0; box-sizing: border-box; width: 100%; max-height: 700px; overflow: auto; }
#corona .corona_wrap .corona_cont { padding-bottom: 20px; }
.corona_close{background: #747882; text-align: right;padding: 5px 5px;}
.corona_close a{color: #fff;font-size: 16px;font-weight: bold;}
.corona_close label{ float: left; color: #fff;font-size: 16px;font-weight: bold;}
.corona_wrap .btn_more{float:right;border-radius:10px;padding: 8px 35px 8px 15px; font-size:14px;font-weight:bold; border:none;margin-top:20px;position:relative; background:#59bddb; color:#fff; margin-top:-3px;}
.corona_wrap .btn_more:after{content:''; width:15px; height:15px; position:absolute; right:12px; top:11px; }

.corona_tbl {font-size:15px;}

/* head tag */

.corona_wrap h4{background:url(/images/kr/main/popup/bul_h4.gif) no-repeat 0 10px;padding-left:15px;font-weight:600;font-size:15px;color:#3a3a3a;letter-spacing:-1px;margin-top:30px;}
.corona_wrap h4 {position: relative; text-align: left; font-weight:bold; letter-spacing:-0.5pt; font-size:25px; padding-left:20px; margin:20px 0 5px; line-height: 1.3em; }
.corona_wrap h4:before {content: ''; position: absolute; left: 0; top: 3px; width: 27px; height: 27px; }

@media all and (max-width:999px) {
    .search_box {display:none;}
    .notice_link {position: relative; top: 10px;right: -50%;transform: translateX(-50%); text-align: center;}
}
@media all and (max-width:770px) {
    #corona{ width: 90%; margin: 0;}
    .corona_wrap .btn_more{ margin-left:10px;}
    .corona_wrap .btn.go{padding: 10px!important;background:none!important;}
}


/*코로나 테이블*/
.corona_cont table {width:100%; margin:5px 0; text-align:center;}
.corona_cont table caption{overflow:hidden; width:0;height:0;font-size:0;line-height:0}
.corona_cont table th{text-align:center;}
.corona_cont table th{padding:5px;line-height:18px;}

.corona_cont table td > ul > li, .corona_cont table th > ul > li{background:url(/images/kr/main/popup/bul_arrow.gif) no-repeat 2px 8px;padding-left:10px;text-align:left;color:#666666;}
.corona_cont table td > ul > li > ul > li{color:#666666 !important;}
.corona_cont table td > .list_title, .corona_cont table td > .list_num{margin-left:0px;margin-top:0px;}
.corona_cont table td > ol{margin-top:0px;}
.corona_cont table td > ol > li{text-align:left;}
.corona_cont thead th{background:#c0e6f1; border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.corona_cont thead tr:first-child > th{border-top:2px solid #23649b;}
.corona_cont thead th.bdL{border-left:1px solid #cdcdcd;}
.corona_cont tbody th{background:#eaf3f8;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;font-weight:normal;color:#555555;}
.corona_cont tfoot th {background:#eaf7f8;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;font-weight:600;}
.corona_cont tfoot td {font-weight:600;color:#333333;}
.corona_cont tbody td {border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;color:#666666; padding:5px;}
.corona_cont tbody td:first-child,
.corona_cont tfoot td:first-child{border-left:0px;}

.corona_cont table .taL{text-align:left !important;}
.corona_cont table td a{color:#111111 !important;}
.corona_cont table td a:hover,
.corona_cont table td a:focus{text-decoration:underline;}


.tab_layer{position:relative; margin:20px 0 0 0;}
            .tab_layer > ul > li > a{display:block;position:absolute;top:0;left:50%;width: 50%;line-height:30px;color:#fff;text-align:center;font-weight:bold;background:#777;}
            .tab_layer > ul > li > div > a{display:block; position:absolute; top:0; left:50%; width:50%; line-height:30px; color:#fff; text-align:center; font-weight:bold; background:#777;}
            .tab_layer > ul > li:first-child > a{left:0; width:20%;}
            .tab_layer > ul > li:nth-child(2) > a{left:20%;width:20%; border-left: 1px solid #fff;}
            .tab_layer > ul > li:nth-child(3) > a{left:40%;width:20%; border-left: 1px solid #fff;}
            .tab_layer > ul > li:nth-child(4) > a{left:60%;width:20%; border-left: 1px solid #fff;}
            .tab_layer > ul > li:nth-child(5) > a{left:80%;width:20%; border-left: 1px solid #fff;}
            .tab_layer > ul > li:first-child > div > a{left:0;}
            .tab_layer > ul > li > a.on{background:#f37321;}
            .tab_layer > ul > li > div > a.on{background:#f37321;}
            #tab5m2 {left:33%;}
            #tab5m3 {left:66%;}
            #tab5m1, #tab5m2, #tab5m3 {width:33.3333%;}
            #tab5m1.on, #tab5m2.on, #tab5m1.on {background: #E93C4F}
            .tab_layer > ul > li > div{padding:35px 0 0 0;}


.notice_box {border: 2px solid #246599; padding: 20px; margin-bottom: 20px;}
.box_title {font-size: 18px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ddd; text-align: center;}
.box_title span {font-weight: 600;}
.box_title span em {color: #246599;}

/* button */
.btn_ggray {display: inline-block;height: 31px;text-decoration: none ! important;cursor: pointer; border:1px solid #cdcdcd; }
.btn_ggray span.end {display: inline-block;padding-right: 13px;padding-top:10px;height: 23px;margin-left: 10px;margin-right: -3px;color: #333333;font-weight:600;}
.btn_ggray span.end .down {;width: 15px;height: 13px;margin-left: 5px;margin-bottom: -2px;display: inline-block;}
.btn_ggray span.go{color:#bebebe;}

.list_dot{
    margin-left:15px;
    margin-top:10px;
}
.list_dot > li{
    background:url(/images/kr/main/popup/bul_dot.gif) no-repeat 0 9px;
    padding-left:10px;
    margin-bottom:7px;
    line-height:18px;
}
.list_dot > li > ul > li{
    background:url(/images/kr/main/popup/bul_arrow.gif) no-repeat 2px 7px;
    padding-left:12px;
    margin-bottom:7px;
    line-height:18px;
}
#corona.corona2 {top:30%;}
.rink_wrap {text-align:center; padding:25px 0;}
.rink_wrap .btn_more {font-size:16px; float:none; margin-top:0; padding:10px 15px;}
.rink_wrap .btn_more:after {display:none;}

.corona_cont .list_btn {margin-top:20px;}
.corona_cont .list_btn ul {display:table; width:100%; table-layout:fixed; font-weight:bold; height:35px;}
.corona_cont .list_btn li {display:table-cell;text-align:center;vertical-align:middle; border-top:2px solid #f37321; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background:#fff9da;}
.corona_cont .list_btn li a {display:block; color:#333;}
.corona_cont .list_btn li:last-child {border-right:0;}
.corona_cont .list_btn li.on {background:#f37321;}
.corona_cont .list_btn li.on a {color:#fff;}



/* 팝업존 */
#pop_acc{float:left; display:inline; width:280px; margin:-45px 0 0 40px;}
#pop_acc ul{position:relative; overflow:auto; width:260px; height:50px; padding:5px; background:#fff; border:1px solid #ccc;}
#pop_acc ul li{padding:2px 0 2px 6px; background:url(/images/kr/main/notice_ico.gif) no-repeat 0 0.5em;}

/* 배너모음 */
#banner_acc{position:absolute; top:475px; left:400px; width:325px; height:100px; padding:5px; background:#fff; border:1px solid #ccc;}
#banner_acc ul{position:relative; overflow:auto; width:310px; height:80px; margin:5px 0 0 0; padding:5px; line-height:1.4em; background:#fafafa; border:1px solid #eaeaea;}

/* 링크사이트 */
.linksite_acc{clear:both; width:150px; line-height:1.3em; padding:5px; background:#fff; border:1px solid #ccc;}
.linksite_acc p{clear:both; font-weight:bold;}
.linksite_acc ul{position:relative; overflow:auto; width:140px; height:80px; margin:5px 0 0 0; padding:5px; line-height:1.4em; background:#fafafa; border:1px solid #eaeaea;}

/* 게시판 */
#notice_acc{position:absolute; top:0px; left:0px; width:358px; height:105px; padding:5px; line-height:0.5em; background:#fff; border:1px solid #ccc; z-index:99;}
#notice_acc .notice_acc1{float:left; width:150px;}
#notice_acc .notice_acc2{float:right; width:150px;}
#notice_acc .notice_acc3{clear:both; float:left; width:350px;}
#notice_acc p{margin:5px 0; font-weight:bold;}
#notice_acc li{clear:both; padding:0 0 0 8px; line-height:1.7em; font-size:0.92em; background:url(../images/main/notice_ico.gif) no-repeat 0 7px;}

/**
공통 적용요소
**/
/*
공통 레이아웃

.m{display:none;}

body{width:100%; overflow-x:hidden;}
#wideDiv{position:relative;}
#middleDiv{width:100%; float:left;}
.rightDiv{position:relative;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

#lnbArea{float:left; width:100%; height:35px; background:#a0a0a0;}
#lnb{position:relative; width:1000px; margin:0 auto;}
#lnb *{float:left; color:#fff; letter-spacing:-1px;}

#global li{line-height:0;}
#global li a{position:relative; float:none; display:block; width:127px; text-align:center; line-height:35px; text-decoration:none;}
#global li.start a{background:#ddb102;}
#global li.none{width:80px; margin:0; text-align:center; line-height:35px; background:#717171 url(/images/kr/common/bg_global.gif) no-repeat 100% 50%;}
#global li.lang a{border-right:1px solid #bdbdbd;}
#global li.lang ul{position:absolute; top:33px; left:0; width:115px; min-width:95px; padding:20px 5px; border-top:none; background:#fff;}
#global li.lang ul li{width:100%; padding:3px 0; text-align:center;}
#global li.lang ul a{width:100%; padding:0; font-size:92%; line-height:170%; background:none; color:#555; border:0;}

#global li.site a{}
#global li.site ul{position:absolute; top:33px; left:0; width:295px; min-width:95px; padding:20px 5px; border-top:none; background:#fff;}
#global li.site ul li{float:left; width:30%; padding:3px 0; text-align:center;}
#global li.site ul a{width:100%; padding:0; font-size:92%; line-height:170%; background:none; color:#555;}

#global li.end a{background:#717171;}

#global li .caret{float:none;}

#global2 {float:right; background:#717171;}
#global2 li{line-height:0; border-right:1px solid #a0a0a0;}
#global2 li a{width:127px; line-height:35px; text-align:center; text-decoration:none;}
#global2 li:first-child a{background:none;}

#headArea{float:left; width:100%; height:74px;}
#header{position:relative; width:1000px; margin:0 auto;}
#header *{float:left;}

h1{position:absolute; top:17px; left:0px; z-index:96;}
h1 img{vertical-align:top;}

#font_control {padding:20px 0 0 0;}
#font_control li img{vertical-align:top;}

#search {padding:20px 8px 0 535px; visibility:visible; display:block; z-index:95;}
#search .searchbar{width:230px; height:29px; padding:0 0 0 5px; line-height:29px; color:#4a4a4a; border:2px solid #9f9f9f; border-right:none;}
/*
#container_main{float:left; width:100%; padding:59px 0 0 0; background:url(/images/kr/main/bg.gif) repeat-x 0 281px;}

#container_main{float:left; width:100%; padding:59px 0 0 0; background-image:url(/images/kr/main/main_bg_new.gif);
    background-size:100% 297px;
    background-repeat:repeat-x;
    background-position:0 59px;
}*/
#container_sub{float:left; width:100%; padding:59px 0 0 0;}
#container{position:relative; overflow:hidden; width:1000px; margin:0 auto 1em; background:#fff;}

/* 메인메뉴 
#menuArea{position:absolute; top:109px; left:0; height:58px; width:100%; float:left; z-index:98; border-top:1px solid #d2d2d2; background:url(/images/kr/common/bg_menu.gif) repeat-x left bottom;}
#mainmenu{position:relative; width:1000px; margin:0 auto;}
.menuview{float:left; width:124px; line-height:47px; background:#7abf25; color:#fff; text-align:center; font-size:115%; font-weight:bold;}
#topmenu{float:left; width:875px;}
#topmenu li{float:left; line-height:0;}
#topmenu li a{float:left; width:105px; font-size:125%; line-height:47px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:90;}

.menuview:focus,
.menuview:hover,
.menuview:active{color:yellow;}
#topmenu li a:active,
#topmenu li a:focus,
#topmenu li a:hover,
#topmenu > li.current_on > a{color:#f7512a; font-weight:bold;}
#topmenu li.menu9{display:none;}

#topmenu li .menu{position:relative; clear:both; width:auto; height:220px; display:none; z-index:99;}
#topmenu li > .menu > ul{display:block !important; position:absolute; top:0; left:0; height:200px; width:110px; padding:20px 0 0 14px;}

#topmenu li ul li{float:none; padding-left:0.5em;}
#topmenu li ul li a{display:block; float:none; width:auto; margin:0 0 10px 0; padding:0; color:#151515 !important; font-size:100%; line-height:120%; font-weight:normal; text-align:left;}
#topmenu li.menu4 ul li a{background:none;}

#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li a:hover,
#topmenu li li.current_on a{color:#0190e6 !important;}
#topmenu li.last {display:none !important;}
#topmenu li li ul{display:none !important;}

/* 푸터 
#footArea{float:right; width:555px; height:86px; margin:10px 0; padding:20px 0 0 0; border:1px solid #afafaf;}
#footer{position:relative; overflow:hidden; width:520px; padding:0 0 0 35px;}
#footer .list{float:left; width:100%;}
#footer .list li{float:left; padding:0 25px 0 0; margin:0 25px 0 0; line-height:130%; background:url(/images/kr/common/bg_link.gif) no-repeat 100% 50%;}
#footer .list li.end{padding:0; margin:0; background:none;}
#footer .list li.start a{font-weight:bold; color:#d05308;}
#footer address {clear:both; width:100%; padding:17px 0 8px 0; font-size:92%;}
#footer p{text-transform:uppercase; font-size:80%; color:#4f4f4f;}

/*
메인 레이아웃

#mainContent{position:relative; overflow:hidden; width:1000px;}
.more{display:block; padding:0 0.6em; font-size:180%; font-weight:bold; text-decoration:none !important; line-height:18px; color:#b6b6b6;}
.section{position:relative; overflow:hidden; width:100%; margin-bottom:10px;}

/* 팝업존 
#popup{position:relative; float:left; width:431; height:295px; border:1px solid #afafaf;}
#popup .control{position:absolute; bottom:13px; left:13px; float:left; width:69px; z-index:97;}
#popup .control li{float:left; margin:0 3px 0 0;}
#popup .list {float:left; position:relative; width:389px; height:295px;}
/*#popup .list {float:left; position:relative; width:431px; height:295px;}
#popup .list li{position:absolute; top:0px; left:0px; width:389px; height:222px; line-height:222px; text-align:center;}
/*#popup .list li{position:absolute; top:0px; left:0px; width:413px; height:222px; line-height:222px; text-align:center;}
#popup .list li img{width:389px; height:295px;}
/*#popup .list li img{width:431px; height:295px;}
#popup img{vertical-align:top;}

/* 의원
#member{float:right; width:609px; height:297px;}
/*#member{float:right; width:567px; height:297px;}
#member ,
#member ul{overflow:hidden;}
#member ul {background: #3aa5cf;}
#member ul li{position:relative; float:left; width:25%; height:136px; padding:12px 0 0 0; background:url(/images/kr/main/member_bg.gif) repeat-y right top #3aa5cf; border-bottom:1px solid #61b7d9;}
#member ul li strong{position:absolute; top:20px; left:15px; color:#fff; line-height:150%; z-index:2;}
#member ul li strong a{color:#fff;}
#member ul li span{position:absolute; bottom:0; right:0;}
#member ul li span.off{float:none;}
#member ul li .district{position:absolute; bottom:10px; left:10px;}
#member ul li.start{background:#2e78b7;}
#member ul li.start_txt{background: #2e78b7 url(/images/kr/main/member_start_bg.gif) no-repeat top right;}
#member ul li.start p{padding-left:15px; width:100px; color:#fff; background:url(/images/kr/main/member_ico.png) no-repeat right center;}
#member ol{padding:5px 0 0 15px; color:#fff; }
#member ol li{width:120px; border:0; padding:0; height:36px; padding:3px 0; font-size:0.88em; background:#2e78b7;}
#member ol li:last-child{height:18px;}


/* 공지사항 
#board{float:left; width:431px; height:145px; margin:10px 0; margin-right:0; border:1px solid #afafaf;}
#board ul{position:relative; float:left; width:100%; border-bottom:1px solid #afafaf;}
#board ul li{float:left;}
#board li h4{float:left; font-weight:bold; font-size:120%; line-height:0;}
#board li h4 a{float:left; height:42px; padding:0 35px; border-right:1px solid #afafaf; line-height:42px; text-decoration:none; color:#6f6f6f; background:#eeeeee; border-top:none;}
#board li h4 a.on{color:#fff; background:#7abf25; border-right:1px solid #7abf25;}
#board ul ul{background:none; position:absolute; top:58px; left:15px; width:580px; border-bottom:none;}
#board ul ul li{overflow:hidden; width:390px; height:23px; margin:0; padding:0 0 0 7px; line-height:23px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
#board ul ul li a{float:left; width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board ul ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
#board .more{position:absolute; top:0; right:0px; line-height:42px;}
#board .none{width:580px; padding:25px 0 0 0; text-align:center; background:none;}


/* 의사일정
#agenda{float:left; width:343px; height:145px; margin:10px 0; border:1px solid #afafaf; border-left:0;}
#agenda ul{position:relative; float:left; width:100%; border-bottom:1px solid #afafaf;}
#agenda ul li{float:left;}
#agenda li h4{float:left; font-weight:bold; font-size:120%; line-height:0;}
#agenda li h4 a{float:left; height:42px; padding:0 21.5px; border-right:1px solid #afafaf; line-height:42px; text-decoration:none; color:#6f6f6f; background:#eeeeee; border-top:none;}
#agenda li h4 a.on{color:#fff; background:#7abf25; border-right:1px solid #7abf25;}
#agenda ul ul{background:none; position:absolute; top:58px; left:15px; width:580px; border-bottom:none;}
#agenda ul ul li{overflow:hidden; width:302px; height:23px; margin:0; padding:0 0 0 7px; line-height:23px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
#agenda ul ul#tab2c2 li a{float:left; width:212px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#agenda ul ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
#agenda .more{position:absolute; top:0; right:0px; line-height:42px;}
#agenda .none{width:580px; padding:25px 0 0 0; text-align:center; background:none;}
#agenda ul ul#tab2c1 > li{background-image:none; height:85px;}
#agenda table{clear:both; width:100%; border-collapse:collapse; text-align:center;}
#agenda table th,
#agenda table td{height:26px; border:1px solid #d5d5d5;}
#agenda table th{background:#f2f2f2; font-weight:normal;}
#agenda table .sun{color:#dd2c03;}
#agenda table .sat{color:#0056d6;}
#agenda table .today{font-weight:bold;}
#agenda table .agenda{background:#7abf25;}
#agenda table .agenda a{color:#fff;}
#agenda .list{float:left; width:100%; padding:3px 0;}

/* 공지사항 n분의1 
#board1 {float:left; width:387px; height:145px; margin:10px 0; margin-right:0; border:1px solid #afafaf;}
#board1  ul{position:relative; float:left; width:100%; border-bottom:1px solid #afafaf;}
#board1 ul li{float:left;}
#board1 li h4{float:left; font-weight:bold; font-size:120%; line-height:0;}
#board1 li h4 a{float:left; height:42px; padding:0 30px; border-right:1px solid #afafaf; line-height:42px; text-decoration:none; color:#6f6f6f; background:#eeeeee; border-top:none;}
#board1 li h4 a.on{color:#fff; background:#7abf25; border-right:1px solid #7abf25;}
#board1 ul ul{background:none; position:absolute; top:58px; left:15px; width:580px; border-bottom:none;}

#board1 ul ul li{overflow:hidden; height:23px; margin:0; padding:0 0 0 7px; line-height:23px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
/*#board1 ul ul li{overflow:hidden; width:390px; height:23px; margin:0; padding:0 0 0 7px; line-height:23px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
#board1 ul ul li a{float:left; width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board1 ul ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
#board1 .more{position:absolute; top:0; right:-3px; line-height:42px;}
#board1 .none{width:580px; padding:25px 0 0 0; text-align:center; background:none;}

/*의사일정 3개일때

#agenda1 {float:left; width:387px; height:145px; margin:10px 0; border:1px solid #afafaf; border-left:0;}
#agenda1 ul{position:relative; float:left; width:100%; border-bottom:1px solid #afafaf;}
#agenda1 ul li{float:left;}
#agenda1 li h4{float:left; font-weight:bold; line-height:0;}
#agenda1 li h4 a{float:left; height:42px; padding:0 18.3px; border-right:1px solid #afafaf; line-height:42px; text-decoration:none; font-size:110%;
    color:#6f6f6f; background:#eeeeee; border-top:none;}

#agenda1 li h4 a.on{color:#fff; background:#7abf25; border-right:1px solid #7abf25;}
#agenda1 ul ul{background:none; position:absolute; top:58px; left:15px; width:580px; border-bottom:none;}
#agenda1 ul ul li{overflow:hidden; width:302px; height:23px; margin:0; padding:0 0 0 7px; line-height:23px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
#agenda1 ul ul#tab2c2 li a{float:left; width:212px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#agenda1 ul ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
#agenda1 .more{position:absolute; top:0; right:-3px; line-height:42px;}
#agenda1 .none{width:580px; padding:25px 0 0 0; text-align:center; background:none;}
#agenda1 ul ul#tab2c1 > li{background-image:none; height:85px;}
#agenda1 table{clear:both; width:100%; border-collapse:collapse; text-align:center;}
#agenda1 table th,
#agenda1 table td{height:26px; border:1px solid #d5d5d5;}
#agenda1 table th{background:#f2f2f2; font-weight:normal;}
#agenda1 table .sun{color:#dd2c03;}
#agenda1 table .sat{color:#0056d6;}
#agenda1 table .today{font-weight:bold;}
#agenda1 table .agenda{background:#7abf25;}
#agenda1 table .agenda a{color:#fff;}
#agenda1 .list{float:left; width:100%; padding:3px 0;}


/* 의사일정-팝업 */
#schedule_modal h4.modal-title{padding-left:20px;font-size:18px;background:url(/images/common/bullet/bul_arrowSky.gif) no-repeat 0 6px;}
#schedule_modal ul#schedule_list li, #schedule_modal ul.attach li{margin-left:20px;padding:0 0 20px 15px;background:url(/images/common/bullet/bul_dash.gif) no-repeat 0px 8px;}
#schedule_modal ul#schedule_list dt.subject {margin-bottom:5px;font-weight:700;font-size:16px}
#schedule_modal ul#schedule_list dt.subject span.date {margin-left:7px;font-size:12px;color:#aaa}
#schedule_modal ul#schedule_list dd.content {font-size:14px;color:#666}

/* 인터넷방송 
#vod{float:left; width:222px; height:145px; margin:10px 0; background:url(/images/kr/main/vod.png) no-repeat right bottom #edf6fe; border:1px solid #afafaf; border-left:0;}
#vod h4 a{display:block; height:42px; line-height:42px; float:left; width:50%; text-align:center; font-size:120%; color:#425bd2; background:#fff;  border-bottom:1px solid #afafaf;}
#vod h4 a.live_link{color:#fff; background:#7abf25 url(/images/kr/main/member_start_bg.gif) no-repeat right top;}
#vod h4 a.cast_link{color: #6f6f6f; background: #eeeeee;}
#vod h4 a span{display:inline-block; font-size:140%;}
#vod .inner{margin:7px 0 0 15px; float:left;}
#vod .inner span{display:inline-block;}
#vod .inner .on{font-size:165%; font-weight:bold; color:#ff1515;}
#vod .inner .date{margin-left:15px; font-size:125%;}
#vod .inner p{position:relative; overflow:hidden; width:140px; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; line-height:130%; letter-spacing:-0.5px; color:#222;}
/*#vod .inner p{position:relative; overflow:hidden; width:140px; margin-top:23px; text-overflow:ellipsis; white-space:nowrap; line-height:130%; letter-spacing:-0.5px; color:#222;}
#vod .inner p a{color:#222;}

.on_txt { padding-top:5px; font-size:.9em; line-height:15px; }


/* 포토갤러리
#gallery{position:relative; float:left; width:775px; height:169px; background:#eee; border:1px solid #afafaf;}
#gallery .title{float:left; width:130px; margin:22px 0 0 17px;}
#gallery .title h4 a{display:block; height:22px; font-size:120%; line-height:100%; color:#425bd2;}
#gallery .title h4 a span{display:inline-block; font-size:140%;}
#gallery .title p{width:110px; margin-top:15px; line-height:160%;}
/*#gallery .title p{width:100px; margin-top:15px; line-height:160%;}
#gallery .list{float:right; overflow:hidden; width:610px; margin:22px 12px 0 0;}
#gallery .list dl{float:left; width:134px; margin:0 0 0 22px;}
#gallery .list dl:first-child{margin-left:0;}
#gallery .list dl dt{width:134px;}
#gallery .list dl dt img{height:99px;}
#gallery .list dl dd{width:100%; font-size:92%; padding:3px 0 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:130%;}
#gallery .more{position:absolute; top:0; right:0px;}

/* sns 
#sns{float:left; width:222px; height:171px; border:1px solid #afafaf; border-left:0; box-sizing: border-box; text-align: center;}
#sns ul{position: relative;}
#sns ul li {width: 110.5px; height: 84.5px; background: #7bbe3a; float: left; color: #fff; font-size: 14px; position: relative;}
#sns ul li.s1 {background: #304d90;}
#sns ul li.s2 {background: #fbbe31;}
#sns ul li.s3 {background: #d32629;}
#sns ul li.sns_title p {padding:26px 0 0 0;}
#sns ul li a {display: block; height: 100%; color: #fff; text-decoration: none; transition: 0.3s;}
#sns ul li.s1 a:hover {background: #2b447d;}
#sns ul li.s2 a:hover {background: #f1b428;}
#sns ul li.s3 a:hover {background: #c81e21;}
#sns ul li a p {padding: 50px 0 0 0;}
#sns ul li.s1 a::before {content: ""; position: absolute; top: 38%; left: 50%; width: 12px; height: 26px; background: url(/images/kr/main/facebook.jpg) no-repeat; transform: translate(-50%,-50%);}
#sns ul li.s2 a::before {content: ""; position: absolute; top: 38%; left: 50%; width: 14px; height: 26px; background: url(/images/kr/main/kakaostory.png) no-repeat; transform: translate(-50%,-50%);}
#sns ul li.s3 a::before {content: ""; position: absolute; top: 38%; left: 50%; width: 33px; height: 23px; background: url(/images/kr/main/youtube.jpg) no-repeat; transform: translate(-50%,-50%);}
#sns .sns_title span {font-size: 17px; font-weight: bold;}



/*
#sns h4{float:left; height:30px; padding:17px 17px 5px 17px; font-size:120%; color:#425bd2;}
#sns ul{position:relative; overflow:hidden; width:90%; margin:0 auto;}
#sns li{float:left; line-height:0; width:50%;}
#sns li a{display:block; width:100%; padding:80px 0 0 0; line-height:130%; text-align:center; font-weight:bold; text-decoration:none;}
#sns li.s1 a{background:url(/images/kr/main/facebook.png) no-repeat 50% 0;}
#sns li.s2 a{background:url(/images/kr/main/kakao.png) no-repeat 50% 0;}
*/

/* 퀵메뉴
#quick{float:left; width:411px; height:90px; margin:10px 0; padding:16px 0 0 20px; border:1px solid #afafaf;}
#quick li {float:left; line-height:0;}
#quick li a{display:block; width:80px; padding:57px 0 0 0; line-height:130%; text-align:center; font-weight:bold; text-decoration:none;}
#quick li.q1 a{background:url(/images/kr/main/quick1.gif) no-repeat 50% 0;}
#quick li.q2 a{background:url(/images/kr/main/quick2.gif) no-repeat 50% 0;}
#quick li.q3 a{background:url(/images/kr/main/quick3.gif) no-repeat 50% 0;}
#quick li.q4 a{background:url(/images/kr/main/quick4.gif) no-repeat 50% 0;}
#quick li.q5 a{background:url(/images/kr/main/quick5.gif) no-repeat 50% 0;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1200px; padding:0 0 20px 0; margin:0 auto;}
#submenu{float:left; width:190px; margin:0 40px 0 0;}
#subContent #content{position:relative; float:left; width:970px;}
#bott {clear: both;}


/* 서브메뉴 */
#submenu{float:left; width:190px;}
#submenu .sm_tit{width:190px; height:169px; text-align:center; background:url(/images/kr/common/submenu/bg.gif) no-repeat;}
#submenu .sm_tit h2{padding:110px 0 0 0; font-size:190%; letter-spacing:-1px; line-height:150%; color:#fff;}
#submenu .sm_intro h2{background:url(/images/kr/common/submenu/intro.png) no-repeat 50% 29px;}
#submenu .sm_member h2{background:url(/images/kr/common/submenu/member.png) no-repeat 50% 29px;}
#submenu .sm_bill h2{background:url(/images/kr/common/submenu/bill.png) no-repeat 50% 29px;}
#submenu .sm_data h2{background:url(/images/kr/common/submenu/data.png) no-repeat 50% 29px;}
#submenu .sm_news h2{background:url(/images/kr/common/submenu/news.png) no-repeat 50% 29px;}
#submenu .sm_open h2{background:url(/images/kr/common/submenu/open.png) no-repeat 50% 29px;}
#submenu .sm_guide h2{background:url(/images/kr/common/submenu/guide.png) no-repeat 50% 29px;}

#submenu .depth2{width:188px; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:168px; padding:0 0 0 20px; border-bottom:1px solid #d8d8d7; font-size:110%; line-height:44px; text-decoration:none; color:#212121; background:url(/images/kr/common/submenu/bg_off.gif) no-repeat 158px 50%;}

#submenu .depth2 li a.bg2{background:url(/images/kr/common/submenu/bg_off2.gif) no-repeat 162px 50%;}

#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{font-weight:bold; background:url(/images/kr/common/submenu/bg_on.gif) no-repeat 158px 50%; color:#1c94c3;}

#submenu .depth2 li a.bg2:hover,
#submenu .depth2 li a.bg2:focus,
#submenu .depth2 li a.bg2:active,
#submenu .depth2 li.current_on a.bg2{background:url(/images/kr/common/submenu/bg_on2.gif) no-repeat 162px 50%; color:#1c94c3;}

#submenu .depth2 li ul {display:none; border-bottom:1px solid #d8d8d7;}
#submenu .depth2 li.current_on ul,
#submenu .depth2 li:hover ul,
#submenu .depth2 li:focus ul,
#submenu .depth2 li:active ul{display:block;}

#submenu .depth2 li.current_on ul li a,
#submenu .depth2 li ul li a{width:155px; padding:0 0 0 33px; color:#5a5a5a; font-size:100%; font-weight:normal; line-height:32px; border-bottom:none; background:url(/images/common/bullet/bul_dash.gif) no-repeat 22px 15px;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#232323; background:#f4f4f4 url(/images/common/bullet/bul_dash.gif) no-repeat 22px 15px; font-weight:bold;}

#submenu .cast {width:188px; border-left:1px solid #afafaf; border-right:1px solid #afafaf; background:url(/images/kr/main/bg_cast.gif) no-repeat 102px 42px;}
#submenu .cast *{display:block;}
#submenu .cast a{width:148px; height:136px; margin:0 19px 0 21px; border-bottom:1px solid #d7d7d7; text-decoration:none;}
#submenu .cast a strong{padding:35px 0 10px 0; font-size:110%; line-height:130%; color:#da3a86;}
#submenu .cast a span{width:82px; font-size:92%; color:#606060;}

#submenu .sns{width:165px; padding:0 0 33px 23px; border:1px solid #afafaf; border-top:none;}
#submenu .sns h3{padding:27px 0 15px 0; font-size:110%;}
#submenu .sns ul{overflow:hidden; width:100%;}
#submenu .sns li {float:left; width:30px; margin:0 8px 0 0; line-height:0;}
#submenu .sns li a{display:block; width:30px; height:30px; overflow:hidden; text-indent:-10000px;}
#submenu .sns li.s1 a{background:url(/images/kr/main/bg_facebook.gif); background-size:30px;}
#submenu .sns li.s2 a{background:url(/images/kr/main/bg_kakao.gif); background-size:30px;}
#submenu .sns li.s3 a{background:url(/images/kr/main/bg_blog.gif); background-size:30px;}
#submenu .sns li.s4 a{background:url(/images/kr/main/bg_twitter.gif); background-size:30px;}

/* 문서정보 */
#pageInfo{float:right; width:100%; padding:10px 0 0 0; margin:0 0 40px 0; height:90px; border-bottom:2px solid #afafaf;}
#pageInfo .menuTitle_m{float:left; display:none;}
#pageInfo .pageTitle{float:left;}
#pageInfo .pageTitle h3{line-height:90px; font-size:260%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:45px 0 0 0; font-size:98%; text-align:right;}
#pageInfo .loc span.loc_current{font-weight:bold;}

/* 탭메뉴 */
#tabmenu{overflow:hidden; width:100%; margin:0 0 30px 0;}
#tabmenu li{float:left; line-height:0; font-size:118%; font-weight:bold;}
#tabmenu li a{text-decoration:none; display:block; margin:0 -1px 0 0; padding:11px 0 11px 0; line-height:15px; text-align:center; color:#494949; background:#f6f6f6; border:1px solid #d8d8d8; border-top:4px solid #d8d8d8;}
#tabmenu li.last-child a{margin:0;}
#tabmenu .current_on a{color:#0a86e3; background:#fff; border-top:4px solid #0a86e3;}
.tab2 li a{width:378px;}
.tab3 li a{width:252px;}
.tab4 li a{width:188px;}
.tab5 li a{width:150px;}
.tab6 li a{width:125px;}
.tab7 li a{width:104px;}
.tab8 li a{width:182px;}

#sub_default{float:right; width:100%; line-height:150%;}

/**
768
**/
@media screen and (max-width:1024px) {
    img{border:0; max-width:100%; vertical-align:middle;}
  
    #container,
    #subContent{width:768px;}

    #bott {clear: none;}


    #subContent #content,
    #sub_default,
    #pageInfo{width:530px}

    #container_sub #quick{display:none;}

    #tabmenu{width:530px;}
    .tab2 li{width:49.5%;}
    .tab3 li{width:33%;}
    .tab4 li{width:24.9%;}
    .tab5 li{width:19.5%;}
    .tab2 li a,
    .tab3 li a,
    .tab4 li a,
    .tab5 li a,
    .tab5 li a{width:100%;}

	#container{margin-bottom:0.3em;}

   
    .allmenu,.hsearch{position:absolute; top:0; z-index:99;}
    .hsearch{right:0; padding:0.6em; font-size:150%;}
    .allmenu .navbar-toggle .icon-bar{background-color:#333;}

    #container_sub{background:#fff; padding:0;}
    #container_sub{background:#fff url(/images/kr/common/bg_m.gif) repeat-x;}


    #subContent #content,
    #sub_default,
    #pageInfo,
    #pageInfo .pageTitle,
    #tabmenu{width:100%; padding:0;}

    #subContent{width:98%; margin:0 auto; padding:0 0 2em 0;}

	#pageInfo {height:auto; margin:0; border-bottom:none;}
    #pageInfo .menuTitle_m{width:100%; font-size:150%; color:#fff; padding:10px 0; text-align:center; display:block;}
    #pageInfo .loc{position:absolute; top:50px; width:100%; padding:5px 0 0 0; text-align:left;}
    #pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%; padding:45px 0 0 0;}
}


/**
768미만
**/
@media screen and (max-width:767px) {
    body{letter-spacing:-1px;}
   
      
    
    
}