@import url(/webroot/common/css/wfont.css);
@import url(/webroot/common/css/bsColor.css);
@import url(/webroot/common/css/bsSpacing.css);
@import url(/webroot/common/css/bsCustom.css);

body {
	font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif;
	font-weight:400;
}

a { color:inherit; text-decoration:none; }

.sWrap { max-width:1900px; margin:0 auto; }
.pagination { justify-content:center; }

.topMenu { background-color:#f9f9f9; }
.topMenu .small i { display:inline-block; margin-left:10px; }

.topSearch .itext { width:250px; border:none; border-bottom:1px solid black; outline:none; }
.topSearch .img { margin-left:-30px; }
.topSearch .tag { color:#6c757d; }

.mLine { background-color:#4dd4ac; height:5px; }

.gnb a.menu { color:#343434; text-decoration:none; }
.gnb a:hover { color:#000; text-decoration:none; }
.gnb .gnb2 { font-weight:bold; }
	.gnb .gnb2 a { color:#6c757d; line-height:1rem; }
	.gnb .gnb2 a:hover { color:#000; }
	.gnb .gnb2 .menu { display:inline-block; text-align:center; }
	.gnb .gnb2 .menu .en { font-size:10px; color:#adb5bd; }

.gnb2 .dropdown { position:relative; margin-left:50px; }
.gnb2 .dropdown:hover .dropdown_menu { display:block; }
.gnb2 .dropdown_menu { display:none; position:absolute; background-color:#fff; font-weight:normal; width:200px; margin-left:-15px; padding-top:20px; padding-bottom:0px; }
	.gnb2 .dropdown_menu a { display:block; padding:1rem; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; }
	.gnb2 .dropdown_menu a:first-child { border-top:1px solid #efefef; }
	.gnb2 .dropdown_menu a:last-child { border-bottom:1px solid #efefef; }
	.gnb2 .dropdown_menu a:hover { background-color:#f8f8f8; color:#000; font-weight:700; }

.gnb3 .allmenu { background-color:#4dd4ac; border-radius:5px; padding:3px 7px; outline:none; box-shadow:none; }
	.gnb3 .allmenu span { display:block; width:30px; height:2px; margin:5px auto; background:#fff; transition:all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000); }

.mSlide { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); }
.mSlide .slide img { width:100%; }

#menuModal .modal-body { background-color:#fbfbfb; }
#menuModal .dropdown { margin:10px 20px; width:150px; }
	#menuModal .dropdown .menu { color:#084298; }
	#menuModal .dropdown .en { padding-left:5px; font-size:10px; color:rgba(0,0,0,0.5); }
	#menuModal .dropdown_menu a { display:block; padding:5px; }

.mBoard .en { font-size:10px; }
.mBoard a { color:#888; }
.mBoard a:hover { color:#000; }
.mBoard .title a.more { font-size:0.85rem; margin-top:5px; }

.mBoard2 .en { font-size:10px; }
.mBoard2 a { color:#888; }
.mBoard2 a:hover { color:#000; }
.mBoard2 .title a.more { font-size:0.85rem; margin-top:5px; }
.mBoard2 ul li a { font-size:15px; }

.photoSt .title a.link { font-size:0.85rem; margin-top:5px; }
.photoSt .st_photo a { max-width:33.33%; }
.photoSt .st_ban { min-height:100%; }
.photoSt .st_ban a { width:100%; height:100%; border-radius:15px; color:#fff; }
.photoSt .st_ban a.st_green { background-color:#95b93e; }
.photoSt .st_ban a.st_green:hover { background-color:#5d952f; }
.photoSt .st_ban a.st_yellow { background-color:#d0b60d; }
.photoSt .st_ban a.st_yellow:hover { background-color:#aa950b; }
.photoSt .st_ban a.st_yellow2 { background-color:#e0bc59; }
.photoSt .st_ban a.st_yellow2:hover { background-color:#bfa14d; }
.photoSt .st_ban a.st_green2 { background-color:#97d14a; }
.photoSt .st_ban a.st_green2:hover { background-color:#82b73b; }

.footer .cl_blue1 a { color:#235ea7; }
.footer .foot2 { background: #f5f5f5; text-align: center; }
.footer .foot2 .copy { line-height: 1.5em; padding-right: 30px; vertical-align: middle; }

.sImg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); }
.sImg img { width:100%; }

.title { font-family:'Noto Sans KR'; font-weight:500; font-size:1.5rem; }
.title a { color:#adb5bd; margin:0 15px; }
.title a:hover { color:#198754; }
.title .on { color:#198754; font-size:2rem; }

.contents { width:1000px; padding:30px 100px; margin:0 auto; text-align:justify; }
	.contents .submenu .col { padding:10px; border:1px solid #eaeaea; }
	.contents .submenu .col:hover { background-color:#eeeeee; }
	.contents .submenu .on { background-color:#eeeeee; }
	.contents .submenu .col a { padding:10px; }
	.contents .submenu .col a:hover { text-decoration:underline; }

.ce_board {margin-top:30px;margin-bottom:0px;}
.ce_board table {margin: 20px 0;}
.ce_board table i {font-size:22px;color:#9dacbc;}
.ce_board table i:hover {color: #235ea7;}
.ce_board .table>thead {background-color: #e6edf3;}
.ce_board .table>thead>tr>th {padding-top:10px;padding-bottom:10px;text-align:center;border-bottom-width:0px;font-size:14px;font-weight:500;vertical-align:middle;}
.ce_board .table>thead>tr>th span{font-size:0.9em;}
.ce_board .table>tbody>tr:first-child {border-top: 1px solid #ddd;}
.ce_board .table>tbody>tr>td {line-height:24px;border-bottom:1px solid #ddd;border-top-width:0px;vertical-align:middle;}
.ce_board .table>tbody>tr>td .ce_small {display:inline-block;font-size:11px; color:#9dacbc;}
.ce_board .table>tbody>tr>td b {color:#34a4d3;letter-spacing:-0.02em;}
.ce_board .table-hover>tbody>tr:hover {background-color:#f7fbfd;}
.ce_board .table .btn-default i {font-size:18px;}

.ce_board .table>tbody>tr .listArrow {padding:0 30px;text-align:center;vertical-align:middle;}
.ce_board .table>tbody>tr .listArrow i {font-size:38px;}
.ce_board .table>tbody>tr .listPhoto {padding:25px 20px 15px 20px; width:33%; text-align:center;vertical-align:top;}
.ce_board .table>tbody>tr .listPhoto .ce_GPmg {width:100%;}
.ce_board .table>tbody>tr .listPhoto .ce_title {padding:10px 10px 5px 10px;line-height:22px;}
.ce_board .table>tbody>tr .listPhoto .ce_date {font-size:12px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#f6f7f9;}
.form-control {background-color:#f6f7f9!important;}

@media (min-width: 1025px){
	.ce_board .table>tbody>tr .list {padding-top:12px;padding-bottom:12px;}
}
@media (max-width: 768px){
	.ce_board {padding-right: 0; padding-left: 0; margin-bottom:0px;}
	.ce_board .table>tbody>tr>td {padding:8px 5px;}
}
@media (max-width: 450px){
	.ce_board .table>thead {display:none;}
	.ce_board table,.ce_board .table>tbody {display:flow-root;}
	.ce_board .table>tbody>tr {display:flow-root;border-bottom: 1px solid #ddd;/*padding:8px 5px;*/}
	.ce_board .table>tbody>tr .listPhoto {width:100%;}
	.ce_board .table>tbody>tr>td {float:left;border-bottom: 0px solid #ddd;padding:2px 10px;}
	.ce_board .table .ce_TBR {font-size:14px;color:#909ba7;}
	.ce_board .table .w100 {width:100%;padding-bottom:8px;}
}

.pagination li.page-item { margin:0 7px; }
.pagination li.page-item a { color:#888; font-weight:600; }
.page-item.active .page-link { border-color:#00a1e1; background-color: #00a1e1; }

.vboard.row > * { padding:0; }
.vboard .b_title { padding:30px 0; text-align:center; font-size:1.5rem; font-weight:bold; background-color:#f5f5f5; }
.vboard .b_title .date { font-size:14px; color:#bdbcbc; }
.vboard .b_down { border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:8px 0; }

.tabmenu { position:relative; }
.tabmenu:after { content:''; position:absolute; width:100%; height:1px; top:35%; left:0; border-bottom:1px dashed silver; z-index:-2; }
	.tabmenu .item { position:relative; color:#fff; cursor:pointer; }
	.tabmenu .item:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#5f8cd0; transform:skew(20deg); z-index:-1; }

.hpage { display:none; position:relative; }
.hpage:after { position:absolute; content:''; top:0; left:5px; width:1px; height:100%; border:1px dashed #e4e0e0; z-index:-2; }

.hpage .hdiv { padding-left:20px; }
	.hpage .hdiv .date { position:relative; }
	.hpage .hdiv .date:after { content:''; position:absolute; top:30%; left:-20px; width:12px; height:12px; background-color:#44bd44; }


@media screen and (max-width:1400px) 
{
	.photoSt .st_ban .col a { padding:10px; }
	.photoSt .st_ban .col a .text { font-size:1rem!important; }
}

@media screen and (max-width:1200px) 
{
	#menuModal .modal-body { justify-content:start!important; flex-wrap:wrap!important; }
	.photoSt .st_ban .col a { flex-direction:column!important; justify-content:center!important; flex-wrap:wrap!important; }
	.photoSt .st_ban .col a img { padding:10px!important; }
	.photoSt .st_ban .col a .text { padding:10px!important; text-align:center; }
}

@media screen and (max-width:992px) 
{
	.contents { width:100%; padding:30px 0!important; }
}

@media screen and (max-width:768px) 
{	
	#hmenu { white-space:nowrap; overflow-x:auto; 
			 -webkit-verflow-scrolling: touch;
			 -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#hmenu::-webkit-scrollbar { display:none; }
	
	.contents { width:100%; }
	
	.footer .foot2 div { flex-direction:column!important; }
	.footer .foot2 div .foot2_logo { padding:20px 0!important; text-align:left!important; }
}