@charset "utf-8";

/* bbs_mou */
.bbs_mou>ul {border-top: 2px solid #3ea3ea;}
.bbs_mou .mou_box {padding: 30px 0; border-bottom:1px dashed #bddaed;}
.bbs_mou .title {display: block;text-align: center;margin-bottom: 20px;}
.bbs_mou .date {color: #004097;font-weight: 800;display: block; font-size: 30px;}
.bbs_mou em, .bbs_mou i {font-style: normal;}
.bbs_mou .tit {display: block;margin: 10px 0;font-weight: 600; color: #179555;}
.bbs_mou .con li {font-size: 14px;padding-bottom: 5px;word-break: keep-all;}
.bbs_mou .mou_img {display: block; min-width: 280px; overflow: hidden;border-radius: 5px;position: relative;}
.bbs_mou img {width: 100%;}
.bbs_mou .mou_img>em {display: none;position: absolute;top: 0;left: 1px;color: #fff;font-size: .8rem;text-align: center;padding: 10px 20px;font-family: 'Cafe24Ssurround';background: linear-gradient(45deg, #1f699a, #00c8c8);border-radius: 0 0 20px;}
.bbs_mou .m_home .mou_img>em, .bbs_mou .m_abroad .mou_img>em {display: block;}
.bbs_mou .m_abroad .mou_img>em {background: linear-gradient(45deg, #1f699a, #00c843);}

.bbs_page{text-align:center;margin:25px 0;}
.bbs_page a{display:inline-block;padding: 5px 0 0 0;margin:2px 1px;border: 1px solid #e1e1e1;background: #fbfbfb;width: 35px;height: 35px;box-sizing: border-box; border-radius: 5px;}
.bbs_page a:hover, .bbs_page a:focus{border-color:#575f64;}
.bbs_page a.on{font-weight:bold;color:#fff;background: #575f64;border: 1px solid #e1e1e1;text-decoration:underline;}
.bbs_page .prev{width: 35px;height: 0;padding: 35px 0 0 0; overflow: hidden; background: url("/images/hydrogen/common/bbs_page.png") no-repeat center 10px; border-radius: 5px;}
.bbs_page .prev2{width: 35px;height: 0;padding: 35px 0 0 0; overflow: hidden; background: url("/images/hydrogen/common/bbs_page.png") no-repeat center -21px; border-radius: 5px;}
.bbs_page .next{width: 35px;height: 0;padding: 35px 0 0 0; overflow: hidden; background: url("/images/hydrogen/common/bbs_page.png") no-repeat center -52px; border-radius: 5px;}
.bbs_page .next2{width: 35px;height: 0;padding: 35px 0 0 0; overflow: hidden; background: url("/images/hydrogen/common/bbs_page.png") no-repeat center -83px; border-radius: 5px;}

.bbs_btn{text-align:right;margin:20px 0 0;}
.bbs_btn a{display: inline-block; margin: 0 3px 7px 3px;background: #fff;border: 1px solid #006fb8;padding: 5px 20px;border-radius: 50px;color: #006fb8; min-width: 100px;text-align: center;}
.bbs_btn a:hover,
.bbs_btn a:focus{background:#006fb8; color: #fff;}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:bold;background: #006fb8;color:#fff;height: 40px;padding: 0 20px;}
.bbs_btn input[type=submit]:hover,
.bbs_btn input[type=submit]:focus{background:#006fb8;}

@media all and (min-width:768px){
.bbs_mou>ul::before {content: ''; background: #bddaed; width: 2px; height: 100%; position: absolute; top: 0; left: 50%;}
.bbs_mou>ul {border-top: 0;}
.bbs_mou .mou_box {border-bottom: 0;}
.bbs_mou .mou_box a {display: flex;flex-direction: row-reverse;justify-content: space-between;}
.bbs_mou .mou_box a>span {width: 47%;}
.bbs_mou .title {text-align: left;margin-bottom: 0;}
.bbs_mou .mou_box:nth-of-type(even) a {flex-direction: row;}
.bbs_mou .mou_box:nth-of-type(even) .title {text-align: right;}
.bbs_mou .tit {margin: 20px 0 15px;}
.bbs_mou .con li::before {content: ''; background: #575f64;width: 3px; height: 3px; border-radius: 10px; position: absolute;top: 7px; left: 0;}
.bbs_mou .con li {padding-left: 10px;display: inline-block;position: relative;}
.bbs_mou .mou_img {border-radius: 10px;width: 50%;}
.bbs_mou .mou_img img {height: 100%;}

.bbs_page a {margin-right: 5px;}
.bbs_page .on a { padding: 8px 0 0 0;}
.bbs_page a:last-of-type {margin-right: 0;}
}

@media all and (min-width:1023px){
.bbs_mou .mou_box:nth-of-type(even) .date::before {left: auto; right: -108px;}
.bbs_mou .mou_box:nth-of-type(even) .date::after  {left: auto; right: -111px;}
.bbs_mou .mou_box {padding: 50px 0;}
.bbs_mou .title .write {font-size: 16px;margin-top: 30px;}
.bbs_mou .date {font-size: 40px;}
.bbs_mou .tit {font-size: 20px;margin: 30px 0 20px;}
.bbs_mou .con li::before {top: 10px;}
.bbs_mou .con li {font-size: 16px; padding-bottom: 10px; }
.bbs_mou .mou_img {max-width: 557px;}
}

@media all and (min-width:1400px){
.bbs_mou>ul::before {background: #3ea3ea; width: 4px;}
.bbs_mou>ul {position: relative;}
.bbs_mou .mou_box {padding: 50px 0;}
.bbs_mou .mou_box a>span {width: 43%;}
.bbs_mou .title {padding-top: 30px;}
.bbs_mou .date {position: relative;}
.bbs_mou .date::before {content: ''; background: #004097;width: 10px;height: 10px; border-radius: 50px; border: 3px solid #fff;position: absolute; left: -105px;top: 15px;z-index: 1;}
.bbs_mou .date::after {content: ''; background: #3ea3ea;width: 22px;height: 22px; border-radius: 50px; position: absolute; left: -108px; top: 12px;z-index: 0;}
.bbs_mou .mou_box:nth-of-type(even) .date::before {left: auto; right: -108px;}
.bbs_mou .mou_box:nth-of-type(even) .date::after  {left: auto; right: -111px;}
}

/* bbs */
/* Search */
.bbs_search, .cal_search {border-radius: 20px;text-align:center;background:#f9fafd;padding:25px 0;margin:20px 0}
.bbs_search .form_sel{border-radius: 5px;width:20%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_txt{border-radius: 5px;width:40%;height:30px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_sm{border-radius: 5px;cursor:pointer;width:20%;height:30px;background:#39539b;color:#fff;vertical-align:middle}

.bbs_search2{text-align:center;background:#f9fafd;padding:25px 0;margin:20px 0}
.bbs_search2 .form_sel{width:20%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search2 .form_txt{width:40%;height:30px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search2 .form_sm{cursor:pointer;width:20%;height:30px;background:#39539b;color:#fff;vertical-align:middle}
.bbs_search2 .left{margin:0 0 10px 0}
.bbs_write td {background: #fff;}
.input_text { height: 30px;  padding: 2px 0;}

.cal_search {min-height: 145px;}
.cal_search .sch_row1, .cal_search .form_txt {height: 30px;border-radius: 5px;}
.bbs_list {border-top: 2px solid #1669a4;}
.cal_search .form_sel, .cal_search .sch_row1 {border-radius: 5px;}
.cal_search .form_sm {background: #39539b;border-radius: 5px;}

.bbs_write {border-top: 2px solid #1669a4;}
.bbs_write th {background: #f6f9ff;color:#575f64; font-weight: 600;}
.bbs_write th *, .bbs_write td * {border-radius:5px;}

.photo_list1 {padding: 30px 0 0 0; border-top: 2px solid #1669a4;}
.photo_list1 li { border-radius: 20px 20px 40px;overflow: hidden; box-shadow: 0 5px 20px #75a5c752;}
.photo_list1 li strong {font-size: 16px; -webkit-text-stroke: .25px;}

.bbs_list li {border-bottom: 1px solid #b9d3e6;}
.bbs_list li strong, .photo_list1 li strong { color: #575f64;word-break: keep-all; font-weight: 500;}
.bbs_list li a>span {border-bottom: 1px dotted #e1e1e1;}
.bbs_list li a:hover, .bbs_list li a:focus {text-decoration: none;}
.bbs_list li a:hover>strong, .bbs_list li a:focus>strong {color: #39719e;}

/* 울진캘린더 */
.uj_calender{margin:0 0 30px 0}
.uj_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.uj_calender .calender p *{vertical-align:middle}
.uj_calender .calender p strong{color:#223e99}
.uj_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.uj_calender .calender p a.prev{background-position:-87px -108px}
.uj_calender .calender p a.next{background-position:-116px -108px}
.uj_calender table{width:100%;margin:0 0 20px 0}
.uj_calender th, .uj_calender td{border:1px solid #b9d3e6;width:14%;text-align:center}
.uj_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.uj_calender td{padding:10px 0}
.uj_calender td.sat a{color: #17769a;}
.uj_calender td.sun a{color:#e4580b}
.uj_calender td a{border-radius:5px;display:inline-block;width:30px;height:24px;padding:5px 0}
.uj_calender td.cal a{border:1px solid #14aab9;}
.uj_calender td.on a{background:#223e99;color:#fff;border:none}
.uj_calender .tab{overflow:hidden}
.uj_calender .tab li{float:left;width:25%;text-align:center}
.uj_calender .tab li a{display:block;border:1px solid #223e99;background:#fff;color:#223e99;padding:10px 0;margin:0 0 0 1px}
.uj_calender .tab li.on a{background:#223e99;color:#fff}
.uj_calender .info>div { margin: 10px 0 0 0; padding: 10px 20px 20px 20px;background: #fff; border-radius: 20px 20px 40px; border: 1px solid #1669a4;}
.uj_calender .info>div h4 {margin: 10px 0; font-size: 22px;}
.uj_calender .info>div li{line-height:1.75em;font-size:16px;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}

.uj_calender .calender p {font-weight: 300;color: #575f64;}
.uj_calender .calender p strong { -webkit-text-stroke: .4px; color: #006fb8;}
.uj_calender th { border-top: 1px solid #1669a4; background: #f9fafd;  color: #1669a4;}
.uj_calender td a {padding:0;}
.uj_calender td.on a { background: #006fb8;}


.bbs_total {margin: 30px 0 15px 0; padding: 0 0 0 5px; background: url("/images/bbs/bbs_total.gif") no-repeat 0 center;}
.bbs_total strong { vertical-align: middle; -webkit-text-stroke: .35px;}

/* Faq */
.faq_list {border-top: 2px solid #39719e;}
.faq_list .list_none {text-align: center; padding: 30px 0;border-bottom: 1px solid #e4e7ef;}
.faq_list li>a {word-break: keep-all;display: block; border-bottom: 1px solid #e4e7ef; padding: 25px 20px 25px 20px; font-weight: 600; position: relative;}
.faq_list em::before {content: 'Q'; background: #f2f4f8; color: #39719e; font-size: 25px; font-family: 'Cafe24Ssurround';  padding: 6px 0 0 10px; width: 40px; height: 40px; display: block; font-style: normal;}
.faq_list em {display: block; position: relative; width: 40px;height: 40px; margin: 0 0 10px; overflow: hidden; border-radius: 10px; font-size: 0;}
.faq_list li>div {display:none;color: #39719e;word-break: keep-all; padding: 20px; background: #fbfbfb; border-bottom: 1px solid #e4e7ef; min-height: 25px;position: relative;}
.faq_list li.on>div {display: block;}
.faq_list li.on>div em::before {content: 'A'; padding: 7px 0 0 11px; background: #39719e; color: #fff;}
.bbs_btn a.bbs_bt1 {color: #39719e; border:0; box-shadow: 0 0 10px rgb(229 235 253); padding: 5px 20px; border-radius: 10px;min-width: 50px;}
.bbs_btn a.bbs_bt1:hover, .bbs_btn a.bbs_bt1:focus {background: #39719e; color:#fff;}

.bbs_btn a.bbs_bt2{padding: 10px 20px; border-radius: 5px;color: #1e6db3; border:0; box-shadow: 0 0 10px rgb(229 235 253); min-width: 50px;}
.bbs_btn a.bbs_bt2:hover, .bbs_btn a.bbs_bt2:focus {background: #1e6db3; color:#fff;}
.bbs_btn a.bbs_bt3{padding: 10px 20px; border-radius: 5px;background: #1e6db3; color: #fff;border:0; box-shadow: 0 0 10px rgb(195 210 255); min-width: 50px;}
.bbs_btn a.bbs_bt3:hover, .bbs_btn3 a.bbs_bt4:focus {background: #fff; color:#1e6db3;}

.btnc {text-align:center;}

@media all and (min-width:768px){
.bbs_search .form_sel{width:70px}
.bbs_search .form_txt{width:300px}
.bbs_search .form_sm{width:70px}

.bbs_search2{overflow:hidden;padding:25px 20px}
.bbs_search2 .left{float:left;margin:0}
.bbs_search2 .right{float:right;text-align:right}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width:200px}
.bbs_search2 .form_sm{width:70px}

.uj_calender{overflow:hidden}
.uj_calender .calender{float:left;width:50%;margin:0 5% 0 0}
.uj_calender .calender p{font-size:30px}
.uj_calender .info{float:left;width:45%}
/* .uj_calender .info div{min-height:215px} */
.uj_calender .info>div{height: 320px;  margin-top: 55px;}
.uj_calender .info div ul{height: 255px;overflow-y:scroll}
.uj_calender .tab{margin:47px 0 0 0}

.uj_calender .calender p strong {-webkit-text-stroke:0;}
.uj_calender .info div ul { overflow-y: auto;}
.bbs_search, .cal_search {min-height: auto;}

.faq_list li>div {padding: 25px 20px 30px;}
.faq_list li>a, .faq_list li.on>div {font-size: 18px;padding-left: 80px;}
.faq_list em {position: absolute; left: 20px;top: 18px; margin: 0 10px 10px 0; display: inline-block;}

.photo_list1 li {width: 41%;  margin: 0 30px 40px;}
.photo_list1 li span { width: auto;}
.photo_list1 li span img { height: 222px;}
} 

@media all and (min-width:1023px){
.faq_list li>a {padding: 30px;}
.faq_list li>a, .faq_list li.on>div {padding-left: 90px;}
.faq_list em {margin: 0; top: 25px;left: 30px;}
.bbs_btn a.bbs_bt1 {min-width: 80px; padding: 10px;}
 .bbs_btn a.bbs_bt2, .bbs_btn a.bbs_bt3 {min-width: 80px;}

.faq_list li>div {padding: 30px 20px 35px;}

.photo_list1 li {width: 27%; height: 360px; padding: 0; }
.photo_list1 li a {border:0;}
.photo_list1 li .date {bottom: 55pX;}
.photo_list1 li .gal_btn {bottom: 15px;}
/*.photo_list1 li span img { height: 150px;} */

.uj_calender .info>div {padding: 20px 30px;}
}                

@media all and (min-width:1400px){
.photo_list1 li {width: 20.7%;}
}    
.photo_view .bbs_vtop {border-top: 2px solid #1669a4!important;}
.photo_view h4 { color: #444f55!important;margin:40px 10px 20px 10px!important;}    
.photo_view .col {margin:0 10px 10px 40px!important;}
.photo_view .img_view .img_big .bbs_img {background: #fff!important; height: 100%!important;}   
.photo_view .img_view .img_big img {border-radius: 10px!important; height: auto!important; margin: auto; display: block;}
.photo_view .img_view .img_list { height: 85px!important;background: #f6f9ff!important;}      
.photo_view .img_view .img_list .caroufredsel_wrapper {margin:0 auto!important;}
.photo_view .img_view .img_list li { height: 67px!important; width:100px!important;}
.photo_view .img_view .img_list li img {border-radius: 10px!important;}
.photo_view .img_view .img_list li.on img {border: 3px solid #1669a4!important;}    
.photo_view .img_view .img_big a { top: -10px;}               

@media all and (min-width:768px) {
.photo_view .img_view .img_list {height: 120px !important;}
.photo_view .img_view .img_list .caroufredsel_wrapper {margin:0 auto!important;height: 120px!important;}
.photo_view .img_view .img_list ul {height: 120px !important;}
.photo_view .img_view .img_list li {width: 250px!important;height: 100px !important;}
.photo_view .img_view .img_list li img {height: 100px !important;}
}

@media all and (min-width:1023px) {
.photo_view .img_view .img_list {height:140px!important;}
.photo_view .img_view .img_list .caroufredsel_wrapper {margin:10px auto!important;}
}

/* 일정 */
.show_list>ul>li{overflow: hidden; position: relative; margin: 0 0 4%;}
.show_list ul li img{display: block; float: left; width:100%; max-width: 125px; height:180px; border: 1px #d2d2d2 solid;}
.show_list ul li div{float: right; width: calc(100% - 140px);}
.show_list ul li div strong{display: inline-block; margin: 0 4px 0 0; color: #223e99;}
.show_list ul li div span{display: inline-block;}
.show_list ul li div p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-bottom: 10px; font-size: 16px;  color: #111;}
.show_list ul li li{margin: 0 0 6px;}
.show_list ul li p.btn{position: absolute; bottom: 0; right: 0; width: 100%; }
.show_list ul li p.btn a{display: block; width: calc(100% - 160px); margin: 0 0 0 auto; padding: 10px 0; text-align: center; border: 1px #223e99 solid; color: #223e99; background: #fff;}
.show_list ul li p.btn a:hover{background: #223e99; color: #fff;}
	
@media all and (min-width:768px) {
.show_list>ul{overflow: hidden;}
.show_list>ul>li{float: left; width: 46%; margin: 0 4% 4%;}
.show_list>ul>li:nth-last-of-type(2n){margin: 0 0 4%;}
.show_list ul li li{float: none; width: 100%;}
	
}
@media all and (min-width:1023px) {
.show_list ul li img{max-width: 140px;}	
.show_list ul li div{width: calc(100% - 160px);}
.show_list ul li p.btn a{width: calc(100% - 160px);}

}        
 /* basic_table2 */
.over_table{overflow-x:auto}

.basic_table2{border-right: 2px solid #fff; border-left: 2px solid #fff;width:100%;min-width:800px;margin:10px 0;border-top:2px solid #1669a4;}
.basic_table2 th, .basic_table2 td{text-align:center;padding:10px;border:1px solid #e1e1e1;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em}
.basic_table2 thead th{background: #f6f9ff; color: #575f64; font-weight: 600;}
.basic_table2 tbody th{background:#f4f6fb;color:#444}
.basic_table2 tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/common/li01.png") no-repeat 0 7px;text-align:left}
.basic_table2 tbody td li ul{margin:7px 0}
.basic_table2 tbody td li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.basic_table2 tbody td li li li{padding:0 0 0 12px;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.basic_table2 tbody td table{border-top:1px solid #223e99}
.basic_table2 tbody td .sbtn_go, .basic_table2 tbody td .sbtn_new, .basic_table2 tbody td .sbtn_down{white-space:nowrap}
.basic_table2 .point_bg{background:#f8f7f0}
.table_left td{text-align:left}
li .basic_table2 td{text-align:center}
li .basic_table2 td.txt_left{text-align:left}

.basic_table2 tbody tr:hover td,.basic_table2 tbody tr:active td, .basic_table2 tbody tr:focus td, .basic_table2 tbody tr:hover a,.basic_table2 tbody tr:active a, .basic_table2 tbody tr:focus a {color:#39719e;}

span.app_ok{display:inline-block;padding:15px 0;color:#0066CC;}

.basic_table2_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #223e99}
.basic_table2_s th, .basic_table2_s td{text-align:center;padding:5px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table2_s thead th{background:#f4f6fb;color:#223e99;font-size:14px}
.basic_table2_s tbody th{background:#f4f6fb;color:#444;font-size:14px}
.basic_table2_s tbody td{color:#555;font-size:12px}
.basic_table2_s tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/common/li01.png") no-repeat 0 7px;text-align:left}
.basic_table2_s tbody td li ul{margin:7px 0}
.basic_table2_s tbody td li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.basic_table2_s tbody td li li li{padding:0 0 0 12px;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.basic_table2_s tbody td table{border-top:1px solid #223e99}
.basic_table2_s tbody td .sbtn_go, .basic_table2 tbody td .sbtn_new, .basic_table2 tbody td .sbtn_down{white-space:nowrap}