@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; }
p { margin:0; }

.sWrap { max-width:1900px; margin:0 auto; }
.pagination { justify-content:center;}
.inputBg { background-color:#f6f7f9!important;}

a.linkAni:after {
	display:block;
	content: '';
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}

a.linkAni:hover:after {
	transform: scaleX(1);
}

a.linkAniRight:after { transform-origin:100% 50%; }
a.linkAniLeft:after { transform-origin:0 50%; }

.mLine { background-color:#4dd4ac; height:5px; }
.bar50 { display:block; height:3px; width:50px; background-color:#000; margin:0 auto; margin-top:10px; }
.btn_more1 { display: inline-block; padding:5px 10px; }
.word_break { word-break: keep-all; }

.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; }

.gnb a.menu { color:#000; text-decoration:none; font-size:19px; }
.gnb a:hover { color:#454545; text-decoration:none; }
.gnb .gnb2 { font-weight:bold; }
	.gnb .gnb2 a { color:#000; line-height:1rem; }
	.gnb .gnb2 a:hover { color:#454545; }
	.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:-20px; z-index:1; }
    .gnb2 .dropdown_menu .grp { margin-top:20px; border:1px solid #c4c4c4; padding-top:20px; padding-bottom:20px; }
	.gnb2 .dropdown_menu a { display:block; padding:10px; padding-left:20px; }
	.gnb2 .dropdown_menu a:hover { background-color:#2d2d2d; color:#fff; font-weight:700; }

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

#btn_top { position: fixed;	right: 2%; bottom: 50px; display: none; z-index: 999; cursor:pointer; border:1px solid silver; padding:10px; background-color:#000; color:#fff; }

#menuModal .modal-xl { max-width:100% }
#menuModal .modal-header { display:none; padding:0.5rem; }
#menuModal .modal-content { border-radius:0; }
#menuModal .modal-body { position:relative; padding:1.5rem; padding-top:0; }

#menuModal .modal-body .topbg { position:absolute; width:100%; height:100px; background-color:#474747; z-index:1; }
#menuModal .modal-body .topbg .btn_bg { display:block; background-color:#474747; border:1px solid #fff; padding:5px 10px; border-radius:50% 50%; margin-top:32px; cursor:pointer; }
#menuModal .modal-body .topbg .btn_bg .btn_close { color:#fff; font-weight:bold; }

#menuModal .dropdown { background-color:transparent; margin:10px 20px; margin-top:33px; width:150px; z-index:10; }
	#menuModal .dropdown > a.menu { color:#fff; font-size:22px; font-weight:bold; }
	#menuModal .dropdown > a.menu:after { border-left: solid 1px #ebebeb; display:block; content: ''; width:3px; }
	#menuModal .dropdown_menu { margin-top:50px; }
	#menuModal .dropdown_menu a { display:block; padding:5px; padding-left:10px; }
    #menuModal .dropdown_menu a:hover { background-color:#000; color:#fff; }


.mSlide { }
.mSlide { margin-bottom:0; }
.mSlide .slide img { width:100%; }
.mSlide .slide .mImg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#edfaff; font-size:2rem; display:flex; justify-content:center; align-items:center; }

.mSlide .slide .txt2 { font-size:3rem; color:#006cb7; }
.mSlide .slide .bg1 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#bfe4ff; font-size:2rem; }
.mSlide .slide .bg2 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); height:318px; overflow:hidden; }
.mSlide .vBox { display:block; text-align: center; border:1px solid silver; padding:15px 30px; }
    .mSlide .vBox p { font-size:1.1rem; padding-top:10px; }

#ms1 .img_circle { display:block; border:1px solid silver; border-radius:50%;  margin:0 auto; padding:40px 37px; text-align:center; }

#ms2 { background-color: #f8f7f3; }
    #ms2 .btn_down { display:block; padding:10px; border:1px solid #000; color:#000; text-align: center; }
    #ms2 .btn_down:hover { background-color: #000; color:#fff; }

#ms3 .word { word-break: keep-all; }
#ms3 #word_view { height:128px; overflow:hidden; }

#ms3 .btn_detail { padding:10px; border-radius: 10px; border:1px solid #000; }
#ms3 .btn_detail:hover { background-color: #000; color:#fff; }

#ms4 { background-color: #f8f7f3; }
    #ms4 .pbox { height:290px; overflow:hidden; }

#ms_banner {}
    #ms_banner .ban_scroll { overflow-x: auto; }
    #ms_banner .btn_ban { display:inline-block; margin-top:5px; padding:10px; border:1px solid #eeeeee; }

.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; }

.sImage { }
	.sImage img { width:100%; }
	.sImage .sImg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#edfaff; font-size:2rem; display:flex; justify-content:center; align-items:center; }
    
    .sImage .bg1 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#bfe4ff; font-size:2rem; }
    .sImage .bg1 .txt2 { font-size:3rem; color:#006cb7; }
	.sImage .bg2 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); height:318px; overflow:hidden; }

#stitle {}
    #stitle .loc { background-color:#f9f9f9; }
        #stitle .loc .smenu1 { width:80px; }
        #stitle .loc .smenu2 { width:150px; }
        #stitle .loc .smenu3 { width:200px; }
        
        #stitle .loc #s_dropmenu { display:none; top:56px; left:-1px; width:200px; }
        #stitle .loc #s_dropmenu li { width:200px; padding:1rem 1.5rem; border:1px solid #dee2e6; border-top:none; background-color:#fff; }
        #stitle .loc #s_dropmenu li:hover { background-color:#f9f9f9; }
		#stitle .loc #s_dropmenu li.on { background-color:#f9f9f9; }

    #stitle .tit1 { position:relative; display:inline-block; }
    #stitle .tit1:after { position:absolute; display:block; content:''; width:100%; height:3px; background-color:#465d88; left:0; bottom:-5px; }

    #stitle .tit2 { text-align:center; width:150px; padding:10px; background-color:#f3f3f3; margin-right:10px; }
    #stitle .tit2.on { color:#fff; background-color:#435d8e; }

.scontents { min-height:400px; }
	.scontents img { max-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 { font-size:2rem; font-family:'Noto Sans KR';}

.contents { width:1000px; padding:30px 100px; margin:0 auto; }
	.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;}

.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; }
.vboard .b_body p { margin-bottom: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; }
    
    #menuModal .modal-body .topbg { padding:1.5rem; width:93%; background-color:#fff; }
    #menuModal .modal-body .topbg .btn_bg { margin-top:0; }
    
    #menuModal .dropdown > a.menu { color:#000; }
}

@media screen and (min-width: 1025px){
	.ce_board .table>tbody>tr .list {padding-top:12px;padding-bottom:12px;}
}

@media screen and (max-width:992px) 
{
	.mSlide .slide .bg2 { height:100%; }
	.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%; }
	
    .ce_board {padding-right: 0; padding-left: 0; margin-bottom:0px;}
	.ce_board .table>tbody>tr>td {padding:8px 5px;}
    
	.footer .foot2 div { flex-direction:column!important; }
	.footer .foot2 div .foot2_logo { padding:20px 0!important; text-align:left!important; }
} 

@media screen and (max-width: 576px){
	
}

@media screen and (max-width: 450px){
    #menuModal .dropdown_menu { margin-top:0; }
    #menuModal .dropdown { margin-top:0; width:100%;}
    #menuModal .dropdown:first-child { margin-top:30px; width:100%;}
    
	.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;}
}