/*
a:link { color:#636363; text-decoration:none; }
a:visited { color:#636363; text-decoration:none; }
a:hover { color:#0030ae; text-decoration:underline; }
a:active { color:#0030ae; text-decoration:underline; }
*/

.accessibility {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    width: 100%;
}

.pc_hidden { display:none; }
@media screen and (max-width:640px) {
.pc_hidden {}
.pc_hidden.eduList { display:inline-block;  background:#ddd; border-radius:5px; padding: 1px 5px; margin:0 5px 0; }
}

.accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff; border:2px dashed #40b72d;}

.accessibility_sns {position:relative;z-index:1000;width:100%; position: relative;}
.accessibility_sns a{display: inline-block; width: 0px; height: 0; font-size: 0; position: absolute; top: 40px; left: 0; height: 25px;}
.accessibility_sns a:focus, .accessibility_sns a:hover, .accessibility_sns a:active {display: inline-block; width: 140px;  height: 25px; position: absolute; top: 40px; left: 0; padding: 10px 10px; text-align:center; background: #333; color: #fff; font-weight: bold; font-size: 15px;}


input{height:28px;margin:1px;padding:1px 3px;border:solid 1px #dedede;line-height:24px; }
input[type="submit"]{height:28px;line-height:24px;}
input[type="radio"],input[type="checkbox"]{width:14px;height:14px;}
select{height:28px; padding:1px 0 1px 3px; border:solid 1px #dedede; background:#fff; line-height:24px;}
textarea{min-height:80px; padding:1px 3px; border:solid 1px #dedede; line-height:25px;}



#contents h3, .body_conts h3{margin:60px 0 15px 0; font-size:24px;line-height:24px; color:#001a64;}
#contents h4, .body_conts h4{margin:25px 0 15px 0px; background-position:left top;color:#1c73d2;font-size:20px;line-height:22px; font-weight:400;}
#contents h5, .body_conts h5{margin:25px 0 5px 0px;padding:0 0 0 23px;background-position:left top;color:#000;font-size:1.1em;line-height:22px; background:url(/images/portal/new/h5_icon.png) no-repeat 0 0;}

.recom_tab+h3, .recom_tab+div+h3, #contents > h3:first-child { margin-top: 25px;}




 /* button */
.btnArea { overflow:hidden; margin:15px 0 15px; padding:2px;}
.btnArea:after {content:"";display:block;clear:both}
.btnArea .btnR{float:right}
.btnArea.btnC{text-align:center}
.btnArea .btnL{float:left}
.btnArea .btn_cen{display:block; text-align:center;}

.btnArea_right { /*overflow:hidden;*/ margin:20px 0 20px; text-align:right;}
.btnArea_right:after {content:"";display:block;clear:both}
.btnArea_right .btnR{float:right}
.btnArea_right.btnC{text-align:center}
.btnArea_right .btnL{float:left}
.btnArea_right a:focus{outline:2px dashed #0fd9dd;}
.btnArea_right a{display:inline-block}

.btn_left{float:left; margin:10px 5px 10px 20px;}
.btn_center{display:block; text-align:center;}
.exc{letter-spacing:-1px;}

.rfc_bbs_btn a:focus{outline:2px dashed #0fd9dd;}


.button,
.button * {margin:0;padding:0;display:inline-block;text-decoration:none;border:0;overflow:visible;white-space:nowrap;cursor:pointer;height:32px;font-size:13px; }
.button button,.button input {margin:0; padding:0; border:0;}
.button a,.button button,.button input{display:inline-block; min-width:85px; height:30px; padding:0 40px 0 10px; font-size:13px;font-family:NanumG, "Open Sans", "Nanum Gothic", Dotum, AppleGothic, sans-serif;cursor:pointer;color:#666;line-height:30px; color:#555; font-weight:600; border:1px solid #bdbdbd;}
.button a:hover, .button a:active, .button a:focus, .button input:hover, .button input:active, .button input:focus, .button button:hover, .button button:active, .button button:focus{color:#3b6eb4; border:1px solid #3b6eb4;}


.button.icon_down a, .button.icon_down input, .button.icon_down button{background:url('/images/portal/common/icon_down.png') right 0 no-repeat;}
.button.icon_pdf a, .button.icon_pdf input, .button.icon_pdf button{background:url('/images/portal/common/icon_pdf.png') right 0 no-repeat;}
.button.icon_print a, .button.icon_print input, .button.icon_print button{background:url('/images/portal/common/icon_print.png') right 0 no-repeat;}
.button.icon_jump a, .button.icon_jump input, .button.icon_jump button{background:url('/images/portal/common/icon_jump.png') right 0 no-repeat;}
.button.icon_popup a, .button.icon_popup input, .button.icon_popup button{background:url('/images/portal/common/icon_popup.png') right 0 no-repeat;}
.button.icon_default a, .button.icon_default input, .button.icon_default button{background:url('/images/portal/common/icon_default.png') right 0 no-repeat;}

.button.icon_view a, .button.icon_view input, .button.icon_view button{background:url('/upload_data/board_data/BBS_0000248/164670494372270.png') right 0 no-repeat;}

.btn_leftPd{margin-left:8px;}
.btn_indent{margin:5px 0 10px 25px !important;}

a.baro {border:1px solid #2769cc; padding:6px 10px 4px; color:#2769cc; margin:3px 0px; padding-right:20px; background:#fff url(http://www.dongnae.go.kr/Templates/layout/portal/img/common/bul_baro.gif)  no-repeat 67px 9px;}
a.baro:hover {border:1px solid #ff6600; color:#ff6600; background:#fff url(http://www.dongnae.go.kr/Templates/layout/portal/img/common/bul_baro_on.gif)  no-repeat 67px 9px;}


.button_white input, .button_white { display:inline-block; padding:1px 15px; background-color:#fff; text-align:center; margin:10px 0px; border:1px solid #444 }
.button_white a {display:block; color:#444 !important; min-width:28px; display:inline-block; text-indent:0; font-size:15px; margin:2px 5px; }

.button_black input, .button_black { display:inline-block; padding:1px 15px; background-color:#48525b; text-align:center; margin:10px 0px; color:#fff;}
.button_black a { color:#fff !important; min-width:28px; display:inline-block; text-indent:0; font-size:15px; margin:2px 5px; }

.button_blue input, .button_blue { display:inline-block; padding:1px 15px; background-color:#1b61b4; text-align:center; margin:10px 0px; color:#fff;}
.button_blue a {display:block; color:#fff !important; min-width:28px; display:inline-block; text-indent:0; font-size:15px; margin:2px 5px; }
.list_icon{padding-left:30px; background: #1b61b4 url(/upload_data/board_data/BBS_0000248/162848780912043.png) no-repeat 15px 50%;}
.c_icon{padding-left:30px; background: #1b61b4 url(/upload_data/board_data/BBS_0000248/162848780911961.png) no-repeat 15px 50%;}

.button_blue1 input, .button_blue1 { display:inline-block; padding:1px 15px; background-color:#064287; border:1px solid #0e509c; text-align:center; margin:10px 0px; border-radius:0px;}
.button_blue1 a { color:#fff !important; min-width:28px; display:inline-block; font-weight:400; text-indent:0; font-size:15px; margin:2px 5px; }

.button_blue2 input, .button_blue2 { display:inline-block; padding:0px 4px; background-color:#1b61b4;  text-align:center; margin:4px 0px; border-radius:0px;}
.button_blue2 a { color:#fff !important; min-width:20px; display:inline-block; line-height:20px; font-weight:400; text-indent:0; font-size:13px; margin:0px 5px; }


.button_red input, .button_red { display:inline-block; padding:1px 15px; background-color:#ea2626;  text-align:center; margin:10px 0px; border-radius:0px;}
.button_red a { color:#fff !important; min-width:28px; display:inline-block; font-weight:400; text-indent:0; font-size:15px; margin:2px 5px; }

.button_gray input, .button_gray { display:inline-block; padding:1px 15px; background-color:#e3e3e3; border:1px solid #cbcbcb; text-align:center; margin:10px 5px; border-radius:7px; }
.button_gray a { color:#3b3b3b !important; min-width:28px; display:inline-block; font-weight:400; text-indent:0; font-size:15px; margin:2px 5px; }

.btn { position:relative; /*display:-moz-inline-stack;*/ display:inline-block; text-decoration:none !important; border:0; font-size:14px; white-space:nowrap; vertical-align:middle; overflow:visible;}
.btn.blue input, .btn.blue a { font-weight:bold; border:1px solid #0e509c; margin:5px 1px; padding:5px 13px; color:#fff; background-color:#1b61b4; border-radius:3px; }
.btn.gray a { font-weight:bold; border:1px solid #494949; margin:5px 1px; padding:5px 13px; color:#fff; background-color:#585858; border-radius:3px; }




ul.bu { clear:both; margin: 0; padding: 2px 0 5px 0px;}
td ul.bu { padding: 0;  text-align:left;}
ul.bu li {position: relative; margin:0 0 7px 0; padding: 0 0 0 15px; list-style: none; background: url(/images/portal/new/bu_li.png) no-repeat 0 12px;}
ul.bu ul li,ul.bu.type2 li  { padding-left:15px;  margin:8px 0 0px 0; background: url(/images/portal/new/bu_li2.png) no-repeat 3px 14px; }
ul.bu ul ul li,ul.bu.type3 li {padding-left:13px; background: url(/images/portal/new/bu_li3.png) no-repeat 3px 11px; font-size:0.98em; color:#777;}
ul.bu ul ul ul li,ul.bu.type4 li {padding-left:13px; background: NONE; font-size:0.95em; color:#777;}
ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { margin: 0; padding: 0 0 5px 0;}
ul.bu > li.bu_none{background:none;}

ul.bu2 { clear:both; margin: 0; padding: 2px 0 5px 0px;}
td ul.bu2 { padding: 0;  text-align:left;}
ul.bu2 li {margin: 5px 0;padding: 0 0 0 10px;list-style: none;background: url(/images/portal/new/bu_li.png) no-repeat 0 12px;}
ul.bu2 ul li,ul.bu2.type2 li  { padding-left:15px;  background: url(/images/portal/new/bu_li2.png) no-repeat 3px 11px; }
ul.bu2 ul ul li,ul.bu2.type3 li {padding-left:13px; background: url(/images/portal/new/bu_li3.png) no-repeat 3px 11px; font-size:0.96em; color:#777;}
ul.bu2 ul ul ul li,ul.bu2.type4 li {padding-left:13px; background: NONE; font-size:0.93em; color:#777;}
ul.bu2 ul, ul.bu2 ul ul, ul.bu2 ul ul ul { margin: 0; padding: 0 0 5px 0;}
ul.bu2 > li.bu_none{background:none;}
ul.bu_btn li{margin:15px 0;}

ul.bu_none { clear:both; margin: 0; padding: 2px 0 5px 0px;}
td ul.bu_none { padding: 0;  text-align:left;}
ul.bu_none li {margin: 10px 0;padding: 0 0 0 0px;list-style: none;}
ul.bu_none ul li,ul.bu_none.type2 li  { padding-left:15px;}
ul.bu_none ul ul li,ul.bu_none.type3 li {padding-left:13px; font-size:0.98em; color:#777;}
ul.bu_none ul ul ul li,ul.bu_none.type4 li {padding-left:13px; font-size:0.95em; color:#777;}
ul.bu_none ul, ul.bu_none ul ul, ul.bu_none ul ul ul { margin: 0; padding: 0 0 5px 0;}
ul.bu_none .bu_icon li{padding: 0 0 0 5px; background: url(/images/portal/new/bu_li.png) no-repeat 0 12px;}


/* dl dt */
dl.bu {margin:0;padding:0;line-height:150%}
dl.bu dt {color:#000;font-size:1.1em;line-height:22px;background:url(/images/portal/common/h4_icon01.png) no-repeat 0 3px;font-weight:800;text-indent:25px}
dl.bu dd {margin:5px 0 50px 0;padding-left:10px}
dl.bu dd li {background:url(/images/portal/common/bu_li.png) no-repeat 3px 12px}
dl.bu dd ul li {padding-left:13px; margin:10px 0; background:url(/images/portal/common/bu_li2.png) no-repeat 3px 11px}
dl.bu dd ul ul li {padding-left:13px;background:url(/images/portal/common/bu_li3.png) no-repeat 3px 11px;color:#777}


.blt { margin: 0; padding: 2px 0 3px 12px; background: url(/common/images/template/bu_li.png) no-repeat 0 9px;}
.blt.type2 { margin: 0; padding: 2px 0 3px 15px; background: url(/common/images/template/bu_li2.png) no-repeat 0 9px;}

table.table ul { text-align:left;}

p.bu { margin: 3px 0; padding: 0 0 0 15px; list-style: none; background: url(/images/portal/new/bu_li.png) no-repeat 0 12px;}
.h3_bu { margin: 0px 0 3px 0px ; /* padding: 0 0 0 16px;*/ list-style: none; /*background: url(/images/portal/common/bu_li.png) no-repeat 0 12px;*/}
.h4_bu { margin: 0px 0 3px 0px ; /*padding: 0 0 0 30px;*/ list-style: none;}
.h5_bu { margin: 0px 0 3px 0px ; /*padding: 0 0 0 37px;*/ list-style: none;}
p.title{font-size:15px; font-weight:600; color:#333; padding-left:20px; margin-top:5px; background:url(/images/portal/common/bu_tit.png) no-repeat 3px center}

.num {margin:0;}
td .num {padding: 0;}
.num li { margin: 0; padding: 0; list-style: none; }
.num li .item{display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:4px;background:#4688d6;font-size:0.9em;color:#fff;line-height:24px;text-align:center;vertical-align: top;}
.num li:nth-child(even) .item{background:#3d69b4}

.num.type2{}
.num.type2 li .item{width:24px;height:24px;margin-right:8px;background:transparent url(/common/images/template/template.png) no-repeat left top;font-size:0;border-radius:0;}
.num.type2 li .item, .num.type2 li:nth-child(2n) .item {width:24px;height:24px;margin-right:8px;background:transparent url(/common/images/template/template.png) no-repeat left top;font-size:0;border-radius:0;}

.num.type2 li .item.n1{background-position:0 -80px}
.num.type2 li .item.n2{background-position:-40px -80px}
.num.type2 li .item.n3{background-position:-80px -80px}
.num.type2 li .item.n4{background-position:-120px -80px}
.num.type2 li .item.n5{background-position:-160px -80px}
.num.type2 li .item.n6{background-position:-200px -80px}
.num.type2 li .item.n7{background-position:-240px -80px}
.num.type2 li .item.n8{background-position:-280px -80px}
.num.type2 li .item.n9{background-position:-320px -80px}
.num.type2 li .item.n10{background-position:-360px -80px}
.num.type2 li .item.n11{background-position:0 -120px}
.num.type2 li .item.n12{background-position:-40px -120px}
.num.type2 li .item.n13{background-position:-80px -120px}
.num.type2 li .item.n14{background-position:-120px -120px}
.num.type2 li .item.n15{background-position:-160px -120px}
.num.type2 li .item.n16{background-position:-200px -120px}
.num.type2 li .item.n17{background-position:-240px -120px}
.num.type2 li .item.n18{background-position:-280px -120px}
.num.type2 li .item.n19{background-position:-320px -120px}
.num.type2 li .item.n20{background-position:-360px -120px}
.num.type2 li .item.n21{background-position:0 -163px}
.num.type2 li .item.n22{background-position:-40px -163px}
.num.type2 li .item.n23{background-position:-80px -163px}
.num.type2 li .item.n24{background-position:-120px -163px}
.num.type2 li .item.n25{background-position:-160px -163px}
.num.type2 li .item.n26{background-position:-200px -163px}
.num.type2 li .item.n27{background-position:-240px -163px}
.num.type2 li .item.n28{background-position:-280px -163px}
.num.type2 li .item.n29{background-position:-320px -163px}
.num.type2 li .item.n30{background-position:-360px -163px}



.btn_list_col5 span{min-width:162px; margin:5px 0 10px 18px;}
.btn_list_col5 span a{display:block; width:100%;}



.small { font-size: 0.82em;}
.large { font-size: 1.167em; letter-spacing: -1px; }
.mlarge { font-size: 1.4em; letter-spacing: -1px; }
.underline {padding-bottom:1px;border-bottom:1px solid #888}
.em_blue {color:#0861bc;}
.em_orange {color:#CA5007;}
.em_red {color:#de2500;}
.em_green {color:#398308;}
.em_purple {color:#8a56af;}
.em_brown { color:#705417;}
.em_point{color:#185194;}
.em_b_blue {color:#0861bc; font-weight:bold;}
.em_b_orange {color:#ff6600; font-weight:bold;}
.em_b_red {color:#de2500; font-weight:bold;}
.em_b_green {color:#398308; font-weight:bold;}
.em_b_purple {color:#8a56af; font-weight:bold;}
.em_b_point{color:#185194;font-weight:bold;}
.em_b_black{color:#222;font-weight:bold;}
.white{color:#fff !important;}


.table-subject { display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0; text-indent:-999px; }

.tb_t1{width:100%;margin:10px 0;border-top:2px solid #001a64;border-bottom:1px solid #ccc;}
.tb_t1 caption{visibility:visible; position:absolute; top:-999px;}
.tb_t1 th {padding: 18px 8px;vertical-align:middle;border:1px solid #d9d9d9;}
.tb_t1 td {padding: 14px 8px;vertical-align:middle;border:1px solid #d9d9d9; text-align: center;}
.tb_t1 th{text-align:center;background:#f7f8fa; color:#001a64; word-break:keep-all}
.tb_t1 td{background-color:#fff;color:#555;}
.tb_t1 th:first-child, .tb_t1 td:first-child{border-left:none;}
.tb_t1 .last{border-right:none;}
.tb_t1 tr:first-child th, .tb_t1 tr:first-child td{border-top:none;}
.tb_t1 th:last-child , .tb_t1 td:last-child {border-right:none;}
.tb_t1 .left{text-align:left; padding-left:20px;}
/*.tb_t1 .subject { text-align:center; font-weight:600; font-size:18px; background:#eee}*/
table.cen_td13 td{font-size:13px; text-align:center;}
table.cen_tdth13 td, #contents table.cen_tdth13 th{font-size:13px; text-align:center;}
table.cen_td td{text-align:center; vertical-align:middle;}
table.fcen_td td{text-align:left;}
table.fcen_td td:first-child{text-align:center;}
table.fcen_td13 td{text-align:left !important; }
table.fcen_td13 td:first-child{text-align:center; }

table.tb_t2 {width:100%;margin:10px 0;border-top:2px solid #001a64;border-bottom:1px solid #ccc; border-collapse:collapse;}
table.tb_t2 th {padding: 18px 8px;border:1px solid #d9d9d9;vertical-align:middle; }
table.tb_t2 td {padding: 14px 8px; border:1px solid #d9d9d9; vertical-align:middle;}
/*#contents table.tb_t2 tr >:first-child{border-left:none !important;}*/
table.tb_t2 th{text-align:center;background:#f7f8fa; color:#001a64; line-height: 18px;word-break:keep-all}
table.tb_t2 th img{display:inline-block;margin-right:5px;}
table.tb_t2 .last{border-right:none;}
table.tb_t2 td.left{text-align:left;/* padding:20px 20px; */}
table.tb_t2 td.point{display:inline-block;padding-left:10px}
table.tb_t2 tr:first-child th, #contents table.tb_t2 tr:first-child td{border-top:none;}
table.tb_small td{font-size:13px; padding:5px 10px; }
table td.bar { font-size:13px; text-align:center; background:url(/images/portal/common/bar_bg.jpg) repeat-x 0 80%; padding:10px 5px 20px; color:#777; line-height:18px;}
table.tb_t2 td:first-child, table.tb_t2 th:first-child {border-left: none;}
table.tb_t2 td:last-child, table.tb_t2 th:last-child {border-right: none;}


table.tb_t1s{width:100%;margin:10px 0;border-top:2px solid #001a64;border-bottom:1px solid #ccc;}
table.tb_t1s caption{visibility:visible; position:absolute;}
table.tb_t1s th {padding:5px;vertical-align:middle;border:1px solid #d9d9d9; font-size:13px;}
table.tb_t1s td {padding:5px 5px;vertical-align:middle;border:1px solid #d9d9d9; font-size:13px;}
table.tb_t1s th{text-align:center;background-color:#f4f4f4; background:#f7f8fa; color:#001a64;}
table.tb_t1s td{background-color:#fff;color:#555;}
table.tb_t1s th:first-child, #contents table.tb_t1s td:first-child{border-left:none;}
table.tb_t1s .last{border-right:none;}
table.tb_t1s tr:first-child th, #contents table.tb_t1s tr:first-child td{border-top:none;}
table.tb_t1s tr:last-child th, #contents table.tb_t1s tr:last-child td{border-right:none;}




@media screen and (max-width:640px) {
  .response_tb{position:relative;overflow-x:auto;}
  /* .response_tb::-webkit-scrollbar{height:14px;}
  .response_tb::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
  .response_tb::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;} */
  #contents .response_tb table{width:995px;}
  .response_tb > i{display:none;position:absolute;bottom:10px;right:10px;width:57px;height:33px;background:url(/site/main/images/contents/finger.png) no-repeat 50%;}
  #contents h4, .body_conts h4 { margin:25px 0 15px 0px; font-size:1em; }
  bu2 { padding: 0px;}
.h3_bu {  padding: 0px; }
.h4_bu {padding: 0px; }
}



.table_unit{margin-top:-23px;font-size:0.9em;text-align:right}
.table{width:100%;margin:5px 0 10px; word-break:keep-all;}

@media only screen and (max-width:970px){
.table { word-break:break-all;}
}
.table th, table.table td{padding:8px 10px 6px;border:1px solid #c7c7c7;vertical-align: middle}
.table thead th { border-top:none;  color:#ffffff; font-weight:normal; background:#717171;}
.table tfoot th, table.table tfoot td{font-weight:normal; background-color:#f8f8f8;}
.table tbody th{font-weight:normal;background:#f8f8f8;}
.table td img{vertical-align:middle}

.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td{border-top: 2px solid #717171;border-bottom:1px solid #aaa}
.table.type2 th, .table.type2 td{padding:6px 6px 4px;border:1px solid #c8c8c8;}
.table.type2 tbody th{color:#333; font-weight:normal;background-color:#f8f8f8;}


.bbs_search {margin-top:30px;padding:15px 0;border:1px solid #e9e9e9;background:#fafafa;text-align: center;}
.bbs_search .input_text {width:200px}
.bbs_search .submit{padding:1px 20px;border: 1px solid white;background:#686868;color: #fff;}
.bbs_search .submit:hover{border: 1px solid white;background:#151515;}

@media only screen and (max-width:640px){
.bbs_search {padding:0;}
.bbs_search form{margin:15px 3%}
.bbs_search select{width:100%;margin:2px 0;}
.bbs_search .input_text {width:100%;margin:2px 0;padding-left:0;padding-right:0;text-align: center;}
.bbs_search .submit{width:100%;margin:2px 0;}
bu { padding: 0px;}

.culture_sp fieldset{padding:10px}
.culture_sp label{width: 23% !important;display: inline-block;text-align: left;}
.culture_sp input{width: 67% !important;}
.culture_sp .submit{display:block;clear:both;margin:10px auto;width: 33% !important;}
.culture_sp select{width: 67% !important;margin-left: 6px;}
.culture_sp fieldset span{width:100%;display:block}

}
.board_total,
.search-box{display:inline-block;/*float:left;margin-bottom:20px;*/font-size:14px;margin-top:10px;}
.search-box{float:right}
.board_total{padding-top:5px;padding-left:5px;}
.board_total .bold{font-weight:bold;}


table.basic{width:100%;margin:10px 0;border-top:2px solid #151515; table-layout:fixed;}
table.basic thead.th tr,
table.basic tbody.tb tr{text-align:center;}
table.basic thead.th th{padding:15px 0;border-bottom:1px solid #aaa;font-size:1em;letter-spacing:-1px;white-space:nowrap; background:#f4f4f4;}
table.basic tbody.tb td,#contents div.board table.basic tbody.tb th{padding:15px 5px;border-bottom:1px solid #ddd; vertical-align:middle;}
table.basic tbody.tb th{white-space:nowrap;background-color:#f4f4f4;}
table.basic tbody.tb td.subject{text-align:left !important;white-space:normal;}
table.basic tbody.tb td{text-align:center; padding:20px 10px;}
table.basic tbody.tb td.left{text-align:left !important;}
table.basic tbody.tb tr.notice_tr{background:#f5f5f5;}
table.basic tbody.tb tr.notice_tr td{border-bottom:1px solid #ccc;}
table.basic tbody.tb tr.notice_tr td.notice_tit{font-weight:600;letter-spacing:-0.2em;color:#3b77c0;}
table.basic tbody.tb td:first-child em{display:inline-block; background-color:#333333; padding:0 2px; color:#FFF; font-size:13px;}
table.basic img{vertical-align:middle; max-width: 100%;}
.edu_end{display: inline-block;  border-radius: 5px;   padding: 2px 5px;    background: #4c4c4c;    font-size: 14px;    color: #fff; letter-spacing: 1px; width: 70px; box-sizing: border-box;}
.edu_ing{display: inline-block;  border-radius: 5px;   padding: 2px 5px;    background: #e80d6f;    font-size: 14px;    color: #fff; letter-spacing: 1px; width: 70px;   box-sizing: border-box;}
.edu_schedule {display: inline-block;  border-radius: 5px;   padding: 2px 5px;    background: #0d6fe8;    font-size: 14px;    color: #fff; letter-spacing: 1px; width:70px;   box-sizing: border-box;}
.text_small{font-size:15px; color:#6a6a6a}

.edu_tab a{padding: 10px 10px;  width: 33%; display: inline-block;  text-align: center;     box-sizing: border-box; background:#e8e8e8;}
.edu_tab a.on{background:#773db8; color:#fff; font-weight: 700; text-decoration: underline;}

#view table.basic{border:0px;}
#view table.basic tbody.tb td{text-align:left; line-height:230%; }
#view table.basic tbody.tb td.subject{font-size:1.1em;color:#333; text-align:center;font-weight:600;background:#f4f4f4; border-top:2px solid #000;}
#view table.basic tbody.read th{width:15%;padding-left:8px;text-align:center;background:#f4f4f4;}
table.basic tbody.write{border-top:2px solid #000;}
table.basic tbody.write th{width:15%;}
table.basic tbody.write td {text-align:left;}
table.basic tbody.write td input[type="text"],#contents div.board table.basic tbody.write td textarea{width:98% !important;}
table.basic tbody.write td.notice_check label{display:inline-block;margin-left:5px;}
table.basic tbody.write td.notice_check .notice_text.first{margin-left:30px;}

table tbody.tb td.img_cont img{max-width:885px;width: 100% !important;height: auto !important;}
/*table tbody.tb td li:first-child img{width:100%}*/
table.basic .reply{display:inline-block; margin-right:10px;}
table.basic .new{display:inline-block; margin-left:5px;}



@media only screen and (max-width:640px){
table.bbs_list colgroup{display:none;}
table.bbs_list thead th{display:none;}
table.bbs_list tbody.tb{border-top: 1px solid #151515;text-align:left;letter-spacing:-1px;}
table.bbs_list tbody.tb tr{display:block;padding:8px 0;text-align:left;border-bottom:1px solid #d9d9d9;}
table.bbs_list tbody.tb tr:nth-child(odd) {background:#f8f8f8}
table.bbs_list tbody.tb td{display:inline-block;padding:3px 5px;border:none;text-align:left;}
table.bbs_list tbody.tb td.subject{display:block;padding:3px 10px !important;font-weight:600;color:#000;}
table.bbs_list tbody.tb td:first-child{/*display:none;*/}
table.bbs_list td[data-cell-header]:before{display:inline-block;}
table.basic tbody.tb td{padding:5px 2%;}

#view table.basic tbody.tb tr .img_cont img{width:100% !important}
}


table.basic tbody td a.cnt_btn_view{display:inline-block; background:#47566b url(/images/portal/template/preview.gif) no-repeat right center; margin-left:10px; padding:0 30px 0 9px; line-height:23px; color:#FFF; font-size:13px;}
table.basic tbody td ul.attach li{margin-bottom:6px; line-height:1.6em;}


.bbs_gallery{overflow:hidden;width:100%;margin:5px 0;border-top: 2px solid #151515; border-bottom: 1px solid #e9e9e9;}
.bbs_gallery ul.list {width:104%;margin:10px -1.4%;}
.bbs_gallery ul.list li{display:inline;overflow:hidden;float:left;width:30%;margin:10px 1.5% 15px;min-height:180px;}
.bbs_gallery ul.list li a {display:block;position:relative;border:1px solid #e9e9e9;text-align: center}
.bbs_gallery ul.list li a span{display:inline-block}
.bbs_gallery ul.list li a .photogroup{width:100%;height:100%;}
.bbs_gallery ul.list li a .photo {display:block;overflow:hidden;position:relative;width:100%;height:245px;background:url('/common/images/board/mask.png');font-size:0;line-height:245px;}
.bbs_gallery ul.list li a .photo img{width:100% !important;height:100% !important;vertical-align:middle}
.bbs_gallery ul.list li a:hover .photo img{transform: scale(1.2);  transition: all 400ms;}
.bbs_gallery ul.list li a .subject{overflow: hidden;display:block;margin:20px 5px 0;line-height:1.3em;white-space: nowrap;text-overflow: ellipsis;}
.bbs_gallery ul.list li a .author{font-size:0.85em}
.bbs_gallery ul.list li a .date{font-size:0.8em;color:#888; padding-bottom:10px;}
.bbs_gallery ul.list .empty{padding:10px 0;border-bottom:1px solid #e7e7e7;text-align:center;}
.bbs_gallery ul.list li.delete .delete_info{font-size:11px;color:#2e84d1;vertical-align:center;}
.bbs_gallery ul.list li.delete .subject{color:#aaa}
.bbs_gallery ul.list li .ico_group{position:absolute;top:5px;left:5px;z-index:10}
.bbs_gallery ul.list li .ico_group .bbs_ico{margin-left:0;margin-right:1px}
*:first-child+html .bbs_gallery ul.list li a .photo {width:100%;}
*:first-child+html .bbs_gallery ul.list li a .photo img{width:100%;height:180px}

.bbs_gallery ul.list.subject_over .date{display:none}
.bbs_gallery ul.list.subject_over .subject{position:absolute;bottom:0;left:0;width:96%;margin:0;padding:8px 2%;background:url('/common/images/board/mask2.png') ;color:#fff;text-align:left}

@media only screen and  (max-width:756px){
	.bbs_gallery ul.list{width: 100%;margin: 10px 0;}
    .bbs_gallery ul.list li{width:30%;}
    .bbs_gallery[data-photo-type="fixed"] ul.list li a .photo{width:auto;max-width:100%;}
    .bbs_gallery[data-photo-type="fixed"] ul.list li a .photo img{max-width:100%;}
}

@media only screen and (max-width:640px){
    .bbs_gallery ul.list li{width:49%; margin: 10px 0.5% 15px; min-height:140px}
    .bbs_gallery ul.list li a .photo {line-height:140px; max-height:150px;}
    .bbs_gallery ul.list li a .photo img{max-height:140px;}
    .bbs_gallery ul.list li.delete .delete_info{display:none}
    .bbs_gallery ul.list li .checkbox{display:none}

}


.table_03 { width:100%; border-top:2px solid #3f638f; margin:20px 0; }
.table_03 th { text-align:center; padding:10px; border-bottom:1px solid #e6e6e6; }
.table_03 td{ color:#3c3c3c; font-size:13px; border-bottom:1px solid #e6e6e6; padding:0 10px; word-break:break-all; vertical-align:top; }
.table_03 td a { color:#000; }
.table_03 td.center { text-align:center; }
.table_03 td .part { margin:10px 0 5px 0; position:relative; color:#586b82; }
.table_03 td .part span { position:absolute; right:0px; }
.table_03 td .subject { font-size:16px; margin:3px 0; font-weight:600; }
.table_03 td .board_cont{width:650px;height: 50px;margin: 15px 0;overflow:hidden;text-overflow: ellipsis;/*-webkit-line-clamp: 3; white-space:nowrap; */}




.tab-ul{margin-bottom:20px; margin-left:2px; margin-top:1px;}
.tab-ul:after {content:"";display:block;visibility:hidden;clear:both;}
.tab-ul li{display:table;float:left;margin-left:-1px;margin-top:-1px;height:100%;vertical-align:middle;height:100%;}
.tab-ul li *{margin:0;padding:0;line-height:0;}
.tab-ul li a{display:table-cell;color:inherit;cursor:pointer;transition:background-color 0.05s ease-in-out;/*-webkit-transition:background-color 0.05s ease-in-out;-moz-transition:all 0.3s;*/background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tab-ul li a span{display:block;position:relative;line-height:120%;}
.tab-ul li a:hover,
.tab-ul li a:focus,
.tab-ul li a:active {}

.tab-ul.tab-col-2 li,
.tab-ul.tab-col-3 li,
.tab-ul.tab-col-4 li,
.tab-ul.tab-col-5 li{width:100%}



.tab-ul.deth-4st li a{text-align:left;}
.tab-ul.deth-4st li a{border-color:#d2d2d2;background:url(/images/common/tab_4th.png) no-repeat 95% 50%;color:#121212;font-size:15px;line-height:1;height:60px;}
.tab-ul.deth-4st li a span{padding:10px 40px 10px 15px;}
.tab-ul.deth-4st li a:hover,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:active{border-color:white;border-bottom-color:white;background:url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;background-color:#45495b;color:#fff;}
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:hover,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:active{border-color:white;border-bottom-color:white;background:url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;background-color:#2f71d2;color:#fff;}
.tab-ul.deth-5st li{position:relative;z-index:10;background-color:#fff;}
.tab-ul.deth-5st li a{position:relative;border-color:#ddd;color:#666;font-size:13px;line-height:1;height:54px;text-align:left;transition:all 0.3s;/*-webkit-transition:all 0.3s;-moz-transition:all 0.3s;*/}
.tab-ul.deth-5st li a:hover,
.tab-ul.deth-5st li a:focus,
.tab-ul.deth-5st li a:active{color:#2f71d2;}
.tab-ul.deth-5st li a span{padding:10px 40px 10px 20px;}
.tab-ul.deth-5st li a span:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-5px;width:5px;height:9px;background:url(/images/common/tab_deth_5st_arr.png) no-repeat;}
.tab-ul.deth-5st li.on{position:relative;z-index:11;}
.tab-ul.deth-5st li.on a,
.tab-ul.deth-5st li.on a:hover,
.tab-ul.deth-5st li.on a:focus,
.tab-ul.deth-5st li.on a:active{border-color:#2452a7;color:#2452a7;}
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before{background-position:-5px 0;}
.tab-ul.deth-5st li{margin-left:0;}
.tab-ul.deth-5st li a.ov{border-color:#2452a7;color:#2452a7;}
.tab-ul.tab-col-4.modify_tab li{background:#fff;}
#tabmenu_4 li.tabmenu_4_on { /*border-left:1px solid #448ccb;*/}

.recom_tab { position:relative; display:block; /* overflow:hidden;*/ margin:10px 0 30px; padding-top: 1px;}
.recom_tab li { float:left; }
.recom_tab li a {display: block; background: #f7f7f7  url(/images/portal/new/tab_arr_off.png) no-repeat right center; font-size: 15px; color: #333;  text-align: left;  margin-right: -1px;  margin-top: -1px; padding: 10px 20px; border: 1px solid #ddd; }
.recom_tab li.over a { background:#1c73d2 url(/images/portal/new/tab_arr_on.png) no-repeat right center; color:#fff; text-decoration: underline;}
.recom_tab:after{content:''; display:block; clear: both;}

.r_tab_wi2 li {width:50%;}
.r_tab_wi3 li {width:33.3%;}
.r_tab_wi4 li {width:25%;}
.r_tab_wi5 li {width:20%;}
.r_tab_wi6 li {width:16.6%;}



@media (min-width:640px){
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width:50%;}


}
@media (min-width:768px){
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width:33.33%}
}
@media (min-width:1024px){
	.tab-ul.tab-col-4 li{width:25%}
	.tab-ul.tab-col-5 li{width:20%}
	.tab-ul.tab-col-4.modify_tab li{width:20%;}
}




.line { display: block; margin:10px 0; border-bottom : 1px solid #ccc; }
.dot{ display: block; margin:10px 0; border-bottom : 1px dotted #ccc; }
.dash{display: block; margin:10px 0; border-bottom : 1px dashed #ccc; }
.pattern_line { display:block;  height:5px; margin:10px auto;  background:url(/common/images/template/box_pattern.gif) repeat-x; }

.box { background:#f3f3f3 url(/common/images/template/box_bg.png) no-repeat;    }
.box .box_wrap {padding:30px 40px;}

.box.type2 { background:url(/common/images/template/box_bg.png) no-repeat;  border-width:3px 1px 1px 1px; border-style:solid; border-color:#a0a0a0 #d2d2d2 #d2d2d2 #d2d2d2; }

.box.type3 {border:solid 1px #eee;background:url(/common/images/template/box_pattern.gif);}
.box.type3 .box_wrap{margin:6px;padding:10px 20px;background:#fff}

.box.type4 {border:solid 1px #e2e2e2;border-radius:3px;box-shadow:0 0 10px #eee inset;background:none}
.box.type4 .box_wrap{margin:10px 20px;border:none;background:transparent}

.box .box_img { float:left; margin-right:30px; padding-right:40px;  height:103px; background:url(/common/images/template/box_line.png) repeat-y right top;  text-align:center;}
.box .box_img img { margin-top:30px;}
.box .box_text  { float:left;}


.nobg{background: none !important;}



.em_font12{font-size:12px;}
.em_font13{font-size:13px;}
.em_font14{font-size:14px;}

/* paging2 */
.paging2 { overflow:hidden; width:100%; margin:40px 0 0 0; text-align:center; }
.paging2 ul { overflow:hidden; display:table; display:inline-block; margin:0 auto; }
.paging2 ul li { float:left; padding-right:5px; }
.paging2 ul li.num { border:none; }
.paging2 ul li.num ul li a { border:1px solid #ddd; background:#fff; padding:1px 10px 1px 10px ; display:block; }
.paging2 ul li.num ul li a:hover { background:#286ace; color:#fff; font-weight:bold; }
.paging2 ul li.num ul li a.on { background:#286ace; color:#fff; font-weight:bold; text-decoration: underline;}



.textp100{display:block; width:100%;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_left {text-align:left !important;;}
.vertical_top{vertical-align:top}
.vertical_middle{vertical-align:middle}
.vertical_bottom{vertical-align:bottom}
.t_left { text-align: left; float:left; }
.t_center { text-align:center !important; }
.t_right { text-align:right !important; }
.readyImg{display:block; text-align:center; padding:20px 0;}


.indent {/*margin-left:28px;*/ padding:5px 0;}
.indent10 { margin-left: 10px; }
.inden0 { margin-left: 20px; }
.indent30 { margin-left: 30px; }
.indent40 { margin-left: 40px; }
.indent50 { margin-left: 50px; }

/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:10px !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.mgt_0{margin-top:0 !important;}
.mgt_5{margin-top:5px !important;}
.mgt_10{margin-top:10px !important;}
.mgt_15{margin-top:15px !important;}
.mgt_20{margin-top:20px !important;}
.mgt_25{margin-top:25px !important;}
.mgt_30{margin-top:30px !important;}
.mgt_35{margin-top:35px !important;}
.mgt_40{margin-top:40px !important;}
.mgt_45{margin-top:45px !important;}
.mgt_50{margin-top:50px !important;}

.mgr_0{margin-right:0 !important;}
.mgr_5{margin-right:5px !important;}
.mgr_10{margin-right:10px !important;}
.mgr_15{margin-right:15px !important;}
.mgr_20{margin-right:20px !important;}
.mgr_25{margin-right:25px !important;}
.mgr_30{margin-right:30px !important;}
.mgr_35{margin-right:35px !important;}
.mgr_40{margin-right:40px !important;}
.mgr_45{margin-right:45px !important;}
.mgr_50{margin-right:50px !important;}

.mgb_0{margin-bottom:0 !important;}
.mgb_5{margin-bottom:5px !important;}
.mgb_10{margin-bottom:10px !important;}
.mgb_15{margin-bottom:15px !important;}
.mgb_20{margin-bottom:20px !important;}
.mgb_25{margin-bottom:25px !important;}
.mgb_30{margin-bottom:30px !important;}
.mgb_35{margin-bottom:35px !important;}
.mgb_40{margin-bottom:40px !important;}
.mgb_45{margin-bottom:45px !important;}
.mgb_50{margin-bottom:50px !important;}

.mgl_0{margin-left:0 !important;}
.mgl_5{margin-left:5px !important;}
.mgl_10{margin-left:10px !important;}
.mgl_15{margin-left:15px !important;}
.mgl_20{margin-left:20px !important;}
.mgl_25{margin-left:25px !important;}
.mgl_30{margin-left:30px !important;}
.mgl_35{margin-left:35px !important;}
.mgl_40{margin-left:40px !important;}
.mgl_45{margin-left:45px !important;}
.mgl_50{margin-left:50px !important;}
.mgl_20m{margin-left:-20px !important;}

/* padding */
.padding_0{padding:0 !important;}
.padding_10{padding:10px !important;}
.padding_20{padding:20px !important;}
.padding_30{padding:30px !important;}

.padding_t_0{padding-top:0 !important;}
.padding_t_5{padding-top:5px !important;}
.padding_t_10{padding-top:10px !important;}
.padding_t_15{padding-top:15px !important;}
.padding_t_20{padding-top:20px !important;}
.padding_t_25{padding-top:25px !important;}
.padding_t_30{padding-top:30px !important;}
.padding_t_35{padding-top:35px !important;}
.padding_t_40{padding-top:40px !important;}
.padding_t_45{padding-top:45px !important;}
.padding_t_50{padding-top:50px !important;}

.padding_r_0{padding-right:0 !important;}
.padding_r_5{padding-right:5px !important;}
.padding_r_10{padding-right:10px !important;}
.padding_r_15{padding-right:15px !important;}
.padding_r_20{padding-right:20px !important;}
.padding_r_25{padding-right:25px !important;}
.padding_r_30{padding-right:30px !important;}
.padding_r_35{padding-right:35px !important;}
.padding_r_40{padding-right:40px !important;}
.padding_r_45{padding-right:45px !important;}
.padding_r_50{padding-right:50px !important;}

.padding_b_0{padding-bottom:0 !important;}
.padding_b_5{padding-bottom:5px !important;}
.padding_b_10{padding-bottom:10px !important;}
.padding_b_15{padding-bottom:15px !important;}
.padding_b_20{padding-bottom:20px !important;}
.padding_b_25{padding-bottom:25px !important;}
.padding_b_30{padding-bottom:30px !important;}
.padding_b_35{padding-bottom:35px !important;}
.padding_b_40{padding-bottom:40px !important;}
.padding_b_45{padding-bottom:45px !important;}
.padding_b_50{padding-bottom:50px !important;}

.padding_l_0{padding-left:0 !important;}
.padding_l_5{padding-left:5px !important;}
.padding_l_10{padding-left:10px !important;}
.padding_l_15{padding-left:15px !important;}
.padding_l_20{padding-left:20px !important;}
.padding_l_25{padding-left:25px !important;}
.padding_l_30{padding-left:30px !important;}
.padding_l_35{padding-left:35px !important;}
.padding_l_40{padding-left:40px !important;}
.padding_l_45{padding-left:45px !important;}
.padding_l_50{padding-left:50px !important;}

/* width */
.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

@media only screen and (max-width:640px){
.w20p{width:100% !important;}
.w70p{width:100% !important;}
.t_left { float:none; }
.indent {margin-left:0px; }
}
/* float */
.floatL { float:left; }
.floatR { float:right; }
.cf:after { content:""; display:block; clear:both; }
.clear { clear:both; }

.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}


.tab_menu{margin:20px 0; border-left:solid 1px #d2d2d2;}
.tab_menu li{display:inline;float:left;margin: 0;}
.tab_menu li a{display:block;padding:5px 20px 3px 35px;border:solid 1px #d2d2d2;border-left:none;background:url(/common/images/template/tab_menu_off.png) no-repeat 17px 23px #f8f8f8;font-size:15px;line-height:40px;text-align:center;text-decoration:none;white-space:nowrap}
.tab_menu li.on a,.tab_menu li a:hover {border:solid 1px white;border-left:none;background:url(/common/images/template/tab_menu_on.png) no-repeat 17px 20px #626262;color:#fff;}

/* input box */
.inbox100{width:100%;}
.inbox20{width:20%;}


.rbox { border:1px solid #ddd; border-radius:5px; padding:20px; overflow:hidden;}
.cbox {padding:25px 40px; overflow:hidden; background:#f7f7f7; margin:10px 0 25px 0;}
.box_type1 { border:1px solid #ccc; background:#f7f7f7; padding:10px 20px; }


.boxCont{position:relative; min-height:300px; border-top:3px solid #005baa; border-right:1px solid #dad8db;border-bottom:1px solid #dad8db;border-left:1px solid #dad8db;border-right:1px solid #dad8db; padding:50px;}
.boxCont .boxLine{position:absolute; top:-3px; right:-1px;width:20%; height:3px;background:#f2bb26; text-indent:-9999px;}
.boxCont .boxTitle{font-size:38px; color:#333; text-align:center; font-weight:600; font-family:'NanumS'; margin-top:30px;}
.boxCont .boxTitle:after{display:block; content:''; width:80px; height:2px; background:#333; margin:0px auto; margin-top:30px;}
.boxCont .boxText{display:block; font-size:14px; color:#888; text-align:center; padding:20px 0;}
.boxCont .boxBtn{text-align:center; padding-bottom:40px;}
.boxCont .boxLogo{position:absolute; width:180px; right:20px; bottom:20px;}

@media only screen and (max-width:1200px){

    .boxCont .boxLogo{width:100px;}

    .colgroup{display:block;float:none;width:100%;}
    #contents{margin:30px 0;}
	div.indent { margin:0 auto; }
	table { word-break:break-all;}
}

@media only screen and (max-width:640px){
.tab_menu { width:98%; margin:15px auto; border-top:1px solid #d2d2d2;}
.tab_menu li{display:none;float:none;margin: 0;}
.tab_menu li a { border-top:none;}
.tab_menu li.on a,.tab_menu li a:hover { border-top:none;}
.tab_menu li.on { display:block;}
.cbox {padding:20px; }
.r_tab_wi2 li , .r_tab_wi3 li, .r_tab_wi4 li , .r_tab_wi5 li , .r_tab_wi6 li {width:49.5%; white-space:nowrap;}
.boxCont .boxTitle{font-size:28px; }
}

@media only screen and (max-width:380px){
.r_tab_wi2 li , .r_tab_wi3 li, .r_tab_wi4 li , .r_tab_wi5 li , .r_tab_wi6 li {width:99.5%; white-space:nowrap;}
}


pre{margin:10px 0;padding:10px 20px 0;border:1px solid #e9e9e9;background:#fafafa;font-size:12px;}

.tab_item{margin:15px 0 20px; padding: 10px 3%; border:1px solid #d9d9d9;}
.tab_item li{float:left;display:inline; margin-right:5px;  padding:5px 0;  }
.tab_item li.split_line {padding:0; width:100%; border-bottom:1px dashed #dbdbdb;}
.tab_item li a {display:inline-block;padding:2px 20px 2px 35px; background:url(/common/images/template/tab_item_off.png) no-repeat 15px 10px; line-height:20px;font-size:15px; text-decoration:none; color:#313131;}
.tab_item li.active a, .tab_obj li a:hover{  background:url(/common/images/template/tab_item_on.png) no-repeat  15px 10px #717171; color:#ffffff;}
.tab_obj{display:none;position: relative;padding:0;}


@media only screen and (max-width:970px){
.center_img img { width:90%;}
}





.boxCont_portal{position:relative; min-height:300px; border-top:3px solid #005baa; border-right:1px solid #dad8db;border-bottom:1px solid #dad8db;border-left:1px solid #dad8db;border-right:1px solid #dad8db;}
.boxCont_portal .boxLine{position:absolute; top:-3px; right:-1px;width:20%; height:3px;background:#f2bb26; text-indent:-9999px;}
.boxCont_portal .boxTitle{font-size:38px; color:#333; text-align:center; font-weight:600; font-family:'NanumS'; margin:80px 0 0 0;}
.boxCont_portal .boxTitle:after{display:block; content:''; width:80px; height:2px; background:#333; margin:0px auto; margin-top:30px;}
.boxCont_portal .boxText{display:block; font-size:14px; color:#888; text-align:center; padding:20px 0;}
.boxCont_portal .boxBtn{text-align:center; padding-bottom:40px;}
.boxCont_portal .boxLogo{position:absolute; width:180px; right:20px; bottom:20px;}


@media only screen and (max-width:970px){
.img100{width:100% !important;}
.boxCont_portal { padding:20px; }
.boxCont_portal .boxTitle{font-size:28px; margin:50px 0 0 0; }
}



.tourMap1{width:100%; min-height:640px; background:url('/images/tour/contents/tour_map.jpg') no-repeat; text-indent:-9999px;background-size: 100%;}
.tourMap2{width:100%; min-height:530px; background:url('/images/tour/contents/tour_map_course.jpg') no-repeat; text-indent:-9999px; background-size: 100%;}
.tourMap3{width:100%; min-height:570px; background:url('/images/tour/contents/tour_oncheon.jpg') no-repeat; text-indent:-9999px;background-size: 100%;}
.tourMap4{width:100%; min-height:710px; background:url('/images/tour/contents/tour_1st.jpg') no-repeat; text-indent:-9999px;background-size: 100%;}
.tourMap4{width:100%; min-height:6940px; background:url('/images/tour/contents/tour_cafe.jpg') no-repeat; text-indent:-9999px;background-size: 100%;}

.dongmap_img{max-width:500px;width:100%;}


@media (max-width: 1000px){
 .srcoll-table			{position: relative; width: 100%; margin-top: 30px; border: 1px solid #ccc; }
	.srcoll-table:before	{ content: " "; display: block; position: absolute; top: -30px; right: 10px;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background: url('http://www.busan.go.kr/resource/img/common/scroll_cover.png') repeat-y 100% 100%; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ overflow-x: auto; width: 100%;}
	.srcoll-table table		{ width: 1000px !important; }
}
@media all and ( max-width:800px ) {
    .srcoll-table			{ position: relative; width: 100%; margin-top: 30px; border: 1px solid #ccc; }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background: url('http://www.busan.go.kr/resource/img/common/scroll_cover.png') repeat-y 100% 100%; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{overflow-x: auto;/* overflow-y: hidden; */width: 100%;}
	.srcoll-table table		{ width: 1000px !important; }

}

@media only screen and (max-width:840px) {
  .monthly_bar { background:none; margin:-35px 0 0 0;}
  .nav_calendar > span { display:none; }
  .nav_calendar a.month_prev {position:absolute;left:0;top:0;background: transparent url("/images/culturalCenter/contents/btn_month_prev_black.png") no-repeat left 10px;text-indent:0px;width:160px;padding-top:7px;padding-left: 22px;}
  .nav_calendar a.month_next {background: transparent url("/images/culturalCenter/contents/btn_month_next_black.png") no-repeat right 10px;text-indent:0px;padding-top:7px;width:160px;text-align: right;padding-right: 26px;}

}

.sp .dep1 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep2 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep3 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep3 img{max-width:990px;width: 100% !important;}
.sp .dep4 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}


.sp .dep1,.sp  .dep2,.sp  .dep3{margin-bottom:50px;position:relative}
.sp .dep1:after,.sp  .dep2:after,.sp  .dep3:after{
  content:'';
  display:block;
  position:absolute;
  width: 0px;
  height: 0px;
  border-top:10px solid none;
  border-bottom:10px solid #5175c1;
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent;
  transform: rotate(180deg);
  left: calc(50% - 5px);
  bottom: -28px;
}

.listc_st3 dd bu2 li{margin:10px;}                              


.sp .dep21 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep22 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep23 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep24 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}
.sp .dep25 .tit{border:1px solid #dddddd;padding:10px;margin-bottom:20px;cursor:pointer}

.sp .dep21,.sp  .dep22,.sp  .dep23,.sp  .dep24{margin-bottom:50px;position:relative}
.sp .dep21:after,.sp  .dep22:after,.sp  .dep23:after,.sp  .dep24:after{
  content:'';
  display:block;
  position:absolute;
  width: 0px;
  height: 0px;
  border-top:10px solid none;
  border-bottom:10px solid #5175c1;
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent;
  transform: rotate(180deg);
  left: calc(50% - 5px);
  bottom: -28px;
}
  .fr{float:right !important}                                
   

.txt_hidden {position: absolute; left:-999999999999999px; top: 0;}              


.tax{background:#f7f7f7; border:1px solid #e7e7e7; padding:80px; }
.tax .tax_title {font-family: '나눔명조'; color: #814908;  font-weight: bold;   margin-bottom: 50px;    font-size: 40px;    text-align: center;  padding-top: 80px; background:url(/upload_data/board_data/BBS_0000248/163548903131502.png) no-repeat center 0}
.tax p{margin-bottom:10px;}
 	@media all and (max-width:550px){
	.tax {padding:20px;}
	}               
	


ul.bu_yesan{overflow: hidden;}           


 /* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.img_respon{position: relative;}
.link_imgview{display: none;}
@media all and (max-width:768px){
	.link_imgview{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7) url(/images/potarl/new/common_icon.png) no-repeat; color: #fff;  padding: 5px 40px 5px 10px; display: block; background-position:-26px -188px}
    .link_imgview:visited{color: #fff;}
    .img_respon img {width:100%;}
}


ol[class^="list_onum"] li{    padding-left: 25px;    margin-top: 15px;    position: relative;}
ol[class^="list_onum"] >li:before {    content: ''; position: absolute;    left: 0;    top:2px;    width: 20px;    height: 20px;    line-height:18px;    background: #001a64;    border: 1px solid #001a64;    border-radius: 50%;    text-align: center;    color: #fff;    font-size:12px;    box-sizing: border-box;}

ol[class^="list_onum"] >li:nth-child(1):before {content: '1';}
ol[class^="list_onum"] >li:nth-child(2):before {content: '2';}
ol[class^="list_onum"] >li:nth-child(3):before {content: '3';}
ol[class^="list_onum"] >li:nth-child(4):before {content: '4';}
ol[class^="list_onum"] >li:nth-child(5):before {content: '5';}
ol[class^="list_onum"] >li:nth-child(6):before {content: '6';}

ol[class^="list_onum"] >li.n01:before {content: '1';}
ol[class^="list_onum"] >li.n02:before {content: '2';}
ol[class^="list_onum"] >li.n03:before {content: '3';}
ol[class^="list_onum"] >li.n04:before {content: '4';}
ol[class^="list_onum"] >li.n05:before {content: '5';}
ol[class^="list_onum"] >li.n06:before {content: '6';}
ol[class^="list_onum"] >li.n07:before {content: '7';}
ol[class^="list_onum"] >li.n08:before {content: '8';}
ol[class^="list_onum"] >li.n09:before {content: '9';}
ol[class^="list_onum"] >li.n10:before {content: '10';}
ol[class^="list_onum"] >li.n11:before {content: '11';}
ol[class^="list_onum"] >li.n12:before {content: '12';}
ol[class^="list_onum"] >li.n13:before {content: '13';}
ol[class^="list_onum"] >li.n14:before {content: '14';}
ol[class^="list_onum"] >li.n15:before {content: '15';}

ol[class^="list_onum"] >li >ul li {padding-left:10px; margin-top:5px;}
ol[class^="list_onum"] >li >ul li:before {content:''; position:absolute; width:5px; height:2px; background:#bbb; left:0; top:12px; }
ol[class^="list_onum"] >li >ul >li >ul li{padding-left:8px; margin-top:3px;}
ol[class^="list_onum"] >li >ul >li >ul li:before {content:'';  position: absolute; width:3px; height:3px; background:#bbb; left:0; top:10px; }