@charset "utf-8";

/* # Header
================================================== */
.hd { width:100%; }
#.hd .top { position:relative; width:960px; height:55px; margin:0 auto;}
#.hd h1 {position:absolute; display:block; left:8px; top:12px; background:url(../images/header/h1.png) no-repeat; width:340px; height:27px; text-indent:-9999px; overflow:hidden; }
#mainback:focus {position:absolute; display:block; left:8px; top:12px; background:url(../images/header/h1.png) no-repeat; width:340px; height:27px; text-indent:-9999px; overflow:hidden; }

.hd .top_btn {position:absolute; right:97px; top:12px; }
.hd .top_btn a { display:inline-block; background:url(../images/header/hd_btns.png) no-repeat; border-radius:5px; border:1px solid #ddd; text-indent:-9999px; overflow:hidden; line-height:28px; zoom:1; *display:inline; *text-indent:0; *font-size:0; *line-height:0; *height:28px;}
.hd .top_btn a:hover, .hd .top_btn a:focus {background:url(../images/header/hd_btns_on.png) no-repeat #F90; border:1px solid #F60; color:#fff;}
.hd .top_btn a.home {width:28px; background-position:6px 5px;}
.hd .top_btn a.login {width:28px; background-position:-32px 5px;}
.hd .top_btn a.fav {width:28px; background-position:-67px 5px;}
.hd .top_btn a.oper {text-indent:inherit; font-size:12px; font-weight:700; background-position:-110px 6px; padding:0 7px 0 22px; *line-height:14px;}
.hd .top_btn a.all {text-indent:inherit; font-size:12px; font-weight:700; background-position:-240px 6px; padding:0 7px 0 22px; *line-height:14px;}
.hd .t_scale {position:absolute; right:0; top:12px; display:block; border-radius:5px; border:1px solid #ddd;}
.hd .t_scale span { font-size:12px; display:inline-block; background:#ececec; line-height:28px; padding:0 5px;}
.hd .t_scale button {background:url(../images/header/hd_btns.png) no-repeat; border:0; width:24px; height:27px; text-indent:-9999px; overflow:hidden; vertical-align:middle; cursor:pointer;}
.hd .t_scale button.plus {background-position:-369px 5px;}
.hd .t_scale button.minus {background-position:-395px 5px;}

/* # Contents - Gloval
================================================== */
.cont {width:100%;}
.sub_wrap {position:relative; width:960px; min-height:700px; margin:50px auto;}
.left_cont { position:absolute; top:0; left:0; width:200px;}
.left_cont .lh2 { display:block; background:url(../images/left/left_h2.png) no-repeat; width:200px; height:148px;}
.left_cont .lh2 h2 {font-family:"Nanum Gothic", serif; font-size:20px; font-weight:700; color:#fff5e5; padding-top:57px; margin-left:10px; }
.left_cont .lh2 p { margin-top:5px; margin-left:10px; color:#fff; font-size:12px; line-height:1.4em;}

.service .left_cont .lh2 {background-position:0 0;}
.info .left_cont .lh2 {background-position:-200px 0;}
.notice .left_cont .lh2 {background-position:-400px 0;}
.bbs .left_cont .lh2 {background-position:-600px 0;}
.know .left_cont .lh2 {background-position:-800px 0;}
.member .left_cont .lh2 {background-position:-200px -148px;}

/* # Contents - Service
================================================== */
.svc_01 {}
.svc_01 .fl {width:490px; text-align:justify;}
.svc_01 .title { serif; font-size:24px; font-weight:700; color:#336699; line-height:1.4em;}
.svc_01 .txt { font-size:0.875em; font-weight:400; color:#333; }
.svc_01 .fr {position:absolute; top:0; right:0; text-align:center;}
.svc_01 .fr img {border:1px solid #DDD;}
.svc_01 .fr a { margin-top:10px; display:block; background:#c1a081; line-height:28px; border-radius:15px; padding:0 10px; color:#fff; font-size:12px; font-weight:700;}

.tbox h4 { serif; font-size:15px; font-weight:700; color:#1a55ac; background:url(../images/tbox_h4.png) 0 6px no-repeat; padding-left:18px; }
.tbox .depth01 { serif; font-size:14px; font-weight:700; color:#000; padding-left:10px; }
.tbox .depth02 {font-weight:700; margin-left:12px; text-indent:-12px;}
.tbox .depth03 {font-size:12px; margin-left:12px; text-indent:-12px;}
.tbox .depth031 {font-size:12px;}
.tbox .ol01 li { text-indent:-17px; margin:5px 0 5px 17px; text-align:justify;}
.tbox .ul01 li { font-size:12px; text-align:justify; list-style-type:disc; list-style-position:outside; }
.tbox .dl01 dt {}
.tbox .dl01 dd {margin-left:13px; font-size:12px; margin-bottom:15px; color:#888;}

.tbox .dl02 { background:url(../images/service/cr.png) center bottom no-repeat; padding-bottom:30px;}
.tbox .dl02.last {background:none; padding-bottom:0;}
.tbox .dl02 dt { position:relative; display:block; float:left; width:28%; height:150px; font-family:"Nanum Gothic", serif; font-size:16px; font-weight:700; color:#c1a081; background:#fff6e7;  border:1px solid #ffd999;}
.tbox .dl02 dt p { position:absolute; top:40%; left:50%; text-align:center;}
.tbox .dl02 dt p strong { display:inline-block; margin-left:-100%; margin-top:-20%; *width:180px; font-size:0.875em;}
.tbox .dl02 dd { display:block; border:1px solid #ddd; height:130px; margin-left:181px; background:#f4f4f4; padding:10px;}
.tbox .dl02 dd ul li {list-style:disc inside; line-height:2em;}

.tbox .dl02 dt.h01 {height:200px;}
.tbox .dl02 dt.h02 {height:300px;}
.tbox .dl02 dt.h03 {height:280px;}
.tbox .dl02 dt.h04 {height:410px;}
.tbox .dl02 dt.h05 {height:110px;}
.tbox .dl02 dd.h01 {height:200px;}
.tbox .dl02 dd.h02 {height:300px;}
.tbox .dl02 dd.h03 {height:280px;}
.tbox .dl02 dd.h04 {height:410px;}
.tbox .dl02 dd.h05 {height:110px;}

.chart { background:#fff6e7; border:1px solid #ffd999;}

#.hbox {position:relative; padding-bottom:30px; border-bottom:1px solid #ddd;}
#.hbox h4 { position:absolute; font-family:"Nanum Gothic", serif; font-size:15px; font-weight:700; color:#647ea9; background:url(../images/cont/tbox_h4.png) 0 5px no-repeat; padding-left:12px; }
#.hbox>ul {margin-left:220px;}
#.hbox>ul>li {font-family:"Nanum Gothic", serif; font-size:14px; font-weight:700; color:#c1a081; background:url(../images/cont/bullet_gold.png) 0 8px no-repeat; padding-left:10px; margin-bottom:5px; }
#.hbox>ul>li>ul>li { font-family:"굴림"; font-size:12px; font-weight:400; color:#444; display:block;}
#.hbox>ul>li>ul {margin-left:12px;}
#.hbox>ul>li>ul>li:before {content:"- "; margin-left:-10px; }

#.ser_tab { display:block; width:100%; height:42px; margin-top:30px; overflow:hidden;}
#.ser_tab ul {}
#.ser_tab ul li { float:left; width:180px; margin-right:10px;}
#.ser_tab ul li a { display:block; line-height:25px; border:1px solid #ababab; border-radius:5px; text-align:center; font-size:12px;  font-weight:700; color:#b3b3b3;}
#.ser_tab ul li a:hover,.sertab ul li a:focus,.ser_tab ul li a.on { border:1px solid #3e6db3; color:#7289b0; }

.tbox table { width:100%; border-top:2px solid #c1a081; font-size:12px;}
.tbox table thead th { font-size:12px; font-weight:700; border-top:1px solid #fff; border-bottom:1px solid #999; padding:5px; vertical-align:middle;}
.tbox table td {border-bottom:1px solid #ddd; padding:7px; vertical-align:middle;}
.tbox table .text-c {border-right:1px solid #ddd;}
.tbox table .bor-n {border-right:none;}

.sp_tbl table { width:100%; border-top:2px solid #c1a081; font-size:12px;}
.sp_tbl table thead th { font-size:12px; font-weight:700; border-right:1px solid #ddd; border-top:1px solid #fff; border-bottom:1px solid #999; line-height:30px;}
.sp_tbl table td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; vertical-align:middle;}
.sp_tbl table .bor-n {border-right:none;}

.txtm_90 { display:inline-block; margin-left:90px;}
.txtm_60 { display:inline-block; margin-left:60px;}

/* # Contents - Org
================================================== */
.map_sch {background:#ebe0d5; border-radius:10px 0 0 0; line-height:49px; border-bottom:1px solid #d7c1ab; }
.ms_btn {display:inline-block; line-height:20px; border-radius:5px; padding:0 15px;  border:1px solid #3f4f77; background:#53638c; font-weight:700; color:#fff;}
.org_map {display:block; position:relative; width:100%; height:450px; border:1px solid #ddd; border-top:none;}

a.btn_map { display:block; background:url(../images/org/mark.png) no-repeat center; background-size:auto 25px; height:25px; text-indent:-9999px; overflow:hidden;}
a.btn_detail {  display:block; background:url(../images/org/detail.png) no-repeat center; background-size:auto 25px; height:25px; text-indent:-9999px; overflow:hidden;}

.dt_top {position:relative;}
.dt_top .dt_logo { width:240px;}
.dt_top .gubun_box {position:absolute; right:0; bottom:0;}
.dt_top .gubun_box span { display:inline-block; font-size:12px; line-height:29px; padding-right:8px; color:#fff;}
.dt_top .gubun_box span strong { display:inline-block; line-height:29px; padding-left:8px;}
.dt_top .gubun_box span.gb01 {background:url(../images/org/gb01_b.png) right no-repeat; }
.dt_top .gubun_box span.gb01 strong {background:url(../images/org/gb01_h.png) left no-repeat; }
.dt_top .gubun_box span.gb02 {background:url(../images/org/gb02_b.png) right no-repeat; }
.dt_top .gubun_box span.gb02 strong {background:url(../images/org/gb02_h.png) left no-repeat; }
.dt_top .gubun_box span.gb03 {background:url(../images/org/gb03_b.png) right no-repeat; }
.dt_top .gubun_box span.gb03 strong {background:url(../images/org/gb03_h.png) left no-repeat; }

.dt_tbl table {width:100%; border-top:2px solid #c3a573;border-bottom:1px solid #ccc;}
.dt_tbl table th {text-align:right;color:#333; padding:4px 8px; font-weight:700;font-size:0.875em;}
.dt_tbl table th.tcv {text-align:center;border-bottom:1px solid #ccc;}
.dt_tbl table td.tcv {border-bottom:1px solid #ccc;}
.dt_tbl table td { padding:4px 8px;color:#333;font-size:0.875em;}
.dt_tbl table td.pat20 {padding-top:20px;}
.dt_tbl table th .ptc {margin:0;width:50%;text-align:left;font-weight:normal;}
.dt_tbl table th .ptc span {padding-right:10px;}
.dt_tbl table th.mila {border-bottom:2px solid #aaa;}
.dt_tbl table td.mila {border-bottom:2px solid #aaa;}

.txtbox .tit {background:url(../images/org/bl.png) left no-repeat;font-family:"Nanum Gothic", serif; font-size:16px; font-weight:700; color:#228bae; padding-left:22px; }
.txtbox .stit {font-family:"Nanum Gothic", serif; font-size:15px; font-weight:700; color:#333; }
.txtbox .htit { float:left; width:220px; margin-right:-120px; font-family:"Nanum Gothic", serif; font-size:15px; font-weight:700; color:#ff7400; }
.txtbox .htxt {margin-left:120px;}

/* # Contents - Notice
================================================== */
.sch {position:relative;}
.sch .rbox {position:absolute; top:0; right:0; height:20px; vertical-align:middle; }
.sch .rbox select { vertical-align:middle; height:22px;}
.sch .rbox .ipsch { vertical-align:middle; margin:0; background:#f9f9f9; border:1px solid #ddd; height:18px;}
.sch .rbox .btn_sch { vertical-align:middle; display:inline-block; border:0; width:32px; height:22px; text-indent:-9999px; overflow:hidden; background:url(../images/cont/sh_box_btn01.gif) no-repeat;}

.tbl_list table { width:100%; border-top:2px solid #c1a081; font-size:12px;}
.tbl_list table thead th { font-size:12px; font-weight:700; border-top:1px solid #fff; border-bottom:1px solid #999; line-height:30px; background: #f5f5f5; background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
.tbl_list table td {border-bottom:1px solid #ddd; padding:7px; text-align:center; vertical-align:middle;}
.tbl_list table .subject {}
.tbl_list table .subject a {font-weight:700; color:#53638c}
.tbl_list table .subject_re {text-indent:20px;}

.gubun_tab { display:block; width:100%; height:42px; margin-top:30px; overflow:hidden; border-right:1px solid #ddd;}
.gubun_tab ul { width:695px;}
.gubun_tab ul li { float:left; width:33%;}
.gubun_tab ul li a { display:block; line-height:40px; border:1px solid #ddd; border-right:none; text-align:center; font-weight:700; color:#999;}
.gubun_tab ul li a:hover,.gubun_tab ul li a:focus,.gubun_tab ul li a.on {border-top:4px solid #6486c2; border-bottom:none; height:38px; color:#333;}

.tbl_view table { width:100%; border-top:2px solid #c1a081; font-size:12px;}
.tbl_view table thead th {font-family:"Nanum Gothic", serif; font-size:14px; font-weight:700; border-top:1px solid #fff; border-bottom:1px solid #999; color:#3f4f77; background: #fafafa; text-align:left; padding:7px;  }
.tbl_view table tbody th { background:#f5eee7; border-bottom:1px solid #ddd; padding:7px; font-weight:700;}
.tbl_view table td {border-bottom:1px solid #ddd; padding:7px;}
.tbl_view table .abt {text-align:right;}
.tbl_view table .tit {display:inline-block; background:#53638c; border-radius:4px; padding:0 5px; color:#fff; margin-right:5px;}
.tbl_view table .sec {display:inline-block; font-family:"굴림", sans-serif; font-size:12px; font-weight:400; background:#999; border-radius:4px; padding:0 5px; color:#fff;}

.tbl_write table { width:100%; border-top:2px solid #c1a081; font-size:12px;}
.tbl_write table th { background:#f5eee7; border-bottom:1px solid #ddd; padding:7px; font-weight:700; vertical-align:middle;}
.tbl_write table td {border-bottom:1px solid #ddd; padding:7px; vertical-align:middle;}
.tbl_write table .tit {display:inline-block; background:#53638c; border-radius:4px; padding:0 5px; color:#fff; margin-right:5px;}
.tbl_write table .sec {display:inline-block; font-family:"굴림", sans-serif; font-size:12px; font-weight:400; background:#999; border-radius:4px; padding:0 5px; color:#fff;}

.scd_today { position:relative; padding-bottom:15px; border-bottom:1px solid #ddd; min-height:130px;}
.scd_today .date { position:absolute; top:0; left:0; width:110px; overflow:hidden;}
.scd_today .date .month { font-family:Arial, Helvetica, sans-serif; font-size:20px; display:block; background:url(../images/notice/bg_month.png) no-repeat; width:110px; line-height:34px; text-align:center; color:#fff;}
.scd_today .date .day { font-family:"Arial Black", Gadget, sans-serif; font-weight:900; font-size:60px; display:block; background:url(../images/notice/bg_day.png) no-repeat; width:110px; height:92px; line-height:68px; text-align:center; color:#333;}
.scd_today .date .day .week {font-family:"굴림", sans-serif; font-weight:700; font-size:14px; line-height:14px;}

.scd_today .today { margin-left:130px;}
.scd_today .today .tit {font-family:"Nanum Gothic", serif; font-size:24px; font-weight:700; color:#3e6db3; }
.scd_today .today ul li {margin-bottom:5px;}
.scd_today .today ul li a { position:relative; display:block; border:1px solid #DDD; border-radius:5px; line-height:25px; background:url(../images/main/bullet_blue.png) 7px 9px no-repeat; padding-left:20px;}
.scd_today .today ul li a .time {font-weight:700; color:#3e6db3; margin-right:10px;}
.scd_today .today ul li a .view {position:absolute; right:0; padding:0 15px; background:#f29200; border:1px solid #e36000; border-radius:0 5px 5px 0; color:#fff; font-size:12px;}

.scd_dv {position:relative; border:1px solid #ddd; border-radius:7px; min-height:200px;}
.scd_dv .tit {font-family:"Nanum Gothic", serif; font-size:16px; font-weight:700; color:#fff; background:#3e6db3; border-radius:7px 7px 0 0; padding:10px 15px; }
.scd_dv .date { margin:20px 2em 0;}
.scd_dv .comments { margin:5px 5em 0; text-indent:-3em;}
.scd_dv a.btn_close {position:absolute; display:inline-block; bottom:7px; right:7px; padding:0 15px; background:#f29200; border:1px solid #e36000; border-radius:5px; color:#fff; font-size:12px; line-height:25px;}

/* #Contents - Notice 추가 (2014-09-01/최효주)
=================================================*/

.tbl_view table .tit2 {display:inline-block; background:#ff9000; border-radius:4px; padding:0 5px; color:#fff; margin-right:5px; float:left;}

.subt {display:inline-block; background:#fff; padding:4px 10px; border:1px solid #c1a081; font-weight:700; font-size:12px; margin:0 3px 15px 0;}
.subt a:hover {font-weight:700; color:#c1a081;}

table a.down { vertical-align:middle; display:inline-block; background:url(../images/ico_down.png) no-repeat; width:20px; height:15px; text-indent:-9999px; overflow:hidden;}
table a.down:hover, table a.down:focus {background-position:-20px 0;}
table .new, ul .new, dl .new { display:inline-block; background:url(../images/ico_new.png) no-repeat; width:12px; height:12px; text-indent:-9999px; overflow:hidden;}
table td.tal, table th.tal {text-align:left;}
table td.tac, table th.tac {text-align:center;}
table td.tar, table th.tar {text-align:right;}
table .down_file { display:inline-block; background:url(../images/down_ico.png) left top no-repeat #fafafa; line-height:20px; border-radius:5px; padding:0 15px 0 30px; border:1px solid #ddd; margin-bottom:5px; }

.scd_today { position:relative; }
.scd_date { position:absolute; top:0; left:0; }
.scd_date .month {display:block; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg_month.png) no-repeat; width:110px; height:34px; overflow:hidden; color:#fff;}

/* # Contents - Other
================================================== */
.list_pic {width:100%; border-top:2px solid #c1a081;}
.list_pic ul li {display:block; float:left; width:23%; margin:1%;}
.list_pic .img {border:1px solid #ddd;}
.list_pic p { font-size:12px;}
.list_pic p strong {color:#555; margin-right:10px;}
.list_pic .tit { font-weight:700; color:#53638c;}
.list_pic ul li a:focus{display:block;}

.list_evt {width:100%; border-top:2px solid #c1a081; font-size:12px;}
.list_evt ul li {position:relative; min-height:152px; border-bottom:1px solid #999999; padding:15px 0;}
.list_evt ul li a:focus{display:block;}
.list_evt .img { position:absolute; border:1px solid #ddd;}
.list_evt .tit { position:relative; display:block; font-weight:700; color:#53638c; font-size:13px;}
.list_evt .tit .cate { position:absolute; right:0; font-size:12px; display:inline-block; background:#53638c; color:#fff; padding:0 7px; border-radius:3px;}
.list_evt .other { height:35px; border-bottom:1px solid #ddd;}
.list_evt .other strong { color:#f26100;}
.list_evt .txt {color:#777;}

.list_dl {width:100%; border-top:2px solid #c1a081;}
.list_dl dt { padding:10px 10px 8px 47px; border-bottom:1px solid #ddd; font-weight:700; color:#53638c; background:url(../images/faq.png) 5px 11px no-repeat; cursor:pointer;}
.list_dl dd { padding:10px 10px 8px 47px; border-bottom:1px solid #ddd; font-size:12px; text-align:justify; background:url(../images/faq.png) 5px -32px no-repeat;}

/* Page_Btns
================================================== */
#.page_btns { position:relative; margin:20px 5px 0; height:25px;}
#.pageNum {text-align:center; padding-top:10px; font-size:12px;}
#.pageNum a.pgico { display:inline-block; background:url(../images/cont/page_icons.png) no-repeat; width:17px; height:15px; text-indent:-9999px; overflow:hidden; margin:0 5px; vertical-align:middle; *text-indent:0; *font-size:0; *line-height:0}
#.pageNum a.first { background-position:0 0;}
#.pageNum a.prev { background-position:-21px 0;}
#.pageNum a.next { background-position:0 -19px;}
#.pageNum a.last { background-position:-21px -19px;}
#.pageNum a.num {display:inline-block; line-height:15px; padding:0 10px;}
#.pageNum a.num.on {font-weight:700; color:#997d63;}

#.page_btns a.btn {display:inline-block; line-height:28px; border-radius:5px; padding:0 15px; border:1px solid #848484; background:#999; font-weight:700; color:#fff;}
#.page_btns a.btn.clr01 { border:1px solid #3f4f77; background:#53638c; }
#.page_btns a.btn.clr02 { border:1px solid #29a875; background:#3abb87; }
#.page_btns a.btn.clr03 { border:1px solid #eb903d; background:#f9a252; }
#.page_btns a.btn.clr04 { border:1px solid #de4455; background:#f05c6c; }
#.page_btns .btns {position:absolute; top:0; right:0;}
#.page_btns .pre_next {position:absolute; top:0; left:0;}

/* vod */
.vod .movieBox {width:100%; float:left; background:url("../images/notice/bg_movie.gif") no-repeat; margin-top:10px; background-size: 100%;}
.vod .movieBox ul {padding-top:10px;}
.vod .movieBox ul li {float:left; padding:0 5px 0 0;border-bottom:none;}
.vod .movieBox ul li.last {float:right; padding-right:0;}
.subtit_box {border:1px solid #ddd; background:#f9f9f9; width:100%; height:200px; overflow-y:scroll;}


/*웹접근성 추가 */
caption {display: block; width: 0; text-indent: -9000px; overflow: hidden;}
@media only screen and (max-width: 801px) {
	
}