@import url('font.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal}
body,html {width:100%; font-size:16px; color:#333; font-family:"Noto Sans KR", MalgunGothic,Tahoma, Geneva, sans-serif; height:100%;  -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
* {font-family:"Noto Sans KR", MalgunGothic, Tahoma, Geneva, sans-serif;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate; font-size:15px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}
tbody,tfoot,thead,tr,th,td {margin:0; line-height:155%;letter-spacing:normal;}
dt {display:block;}
hr {display:none;}
a {cursor:pointer;text-decoration:none;color:#333;}
address {font-style:normal;}
input,select,img {vertical-align:middle;}
img {max-width:100%;}
input[type=image] {border-radius:0;}	
input[type=button], input[type=submit], input[type=text], input[type=password]  {border-radius:0; -webkit-border-radius: 0; -webkit-appearance: none;}	
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
.eng_font {font-family:"Roboto", Arial, Tahoma, Verdana, Sans-serif; letter-spacing:0 !important;}

select {padding-top:8px;padding-bottom:8px;padding-left:8px;height: 35px;padding-right:15px !important;background-image:url('../../img/foot_select_arrow.gif');background-repeat:no-repeat;background-position:right 50%;border: 1px solid #ddd;border-radius: 0px !important;-webkit-appearance: none  !important;-moz-appearance: none  !important;appearance: none  !important;} 
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.letter-0 {letter-spacing:0;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 말줄임표 css */
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block;}
.multiline {overflow:hidden; height:5.9em; display:block; display: -webkit-box; -webkit-line-clampt:4; -webkit-box-orient:vertical; line-height:1.3em; text-overflow:ellipsis;}

/* placeholder css */
input::-webkit-input-placeholder { font-size:13px; color:#999;}
input::-moz-placeholder { font-size: 13px; color:#999;}
input:-ms-input-placeholder { font-size: 13px !important; color:#999; !important}
input:-moz-placeholder { font-size: 13px; color:#999; opacity: 1;}
input::placeholder { font-size: 13px; color:#999;}

.width1270 {width:100%; max-width:1270px; margin:0 auto;}

/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%;}

#header {position:absolute; width:100%; z-index:1010; transition: all 0.4s ease-out; height:100px; border-bottom:1px solid rgba(255,255,255,0.2);}
#header .header_cont {position:relative; width:1270px; margin:0 auto;}
#header .header_cont h1 {position:absolute;left:0;z-index:1025;width: 300px;display:inline-block;}
#header .header_cont h1 a:link, 
#header .header_cont h1 a:visited {display:inline-block;padding:34px 0;width:100%;line-height:100%;text-indent:-2222px;background: url('../../img/logo_2024.png') left center no-repeat;}   
#header .header_cont .search {position:absolute;right:0;top:35px;width:24px;height:24px;z-index:1130;cursor:pointer;background-image: url('../../img/search_btn.png');background-position:top left;background-repeat:no-repeat;text-indent:-222222px;}
#header .header_cont .topLink {position:absolute; right:55px; top:40px; z-index:1150; overflow:hidden; line-height:100%;}
#header .header_cont .topLink a {display:inline-block;margin-left:20px;letter-spacing:-0.5pt;color: #fff;line-height:100%;}
#header .header_cont .mBtn {position:absolute;right: 0px;top:40px;z-index:1100;display:none;}
#header .header_cont .mBtn button {width:23px; height:23px; line-height:100%; transition: all 0.3s ease; background-color:transparent; background-image:url('../../img/sitemap.png'); background-repeat:no-repeat; background-position:top right; border:none; }

/* 메뉴 오버시 */
#header.on {background:#fff; height:100px;}
#header.on .header_cont h1 a:link, 
#header.on .header_cont h1 a:visited {background-image:url('../../img/logo_2024.png'); }
#header.on .header_cont .mBtn button {background-image:url('../../img/sitemap_ov.png');}
#header.on .header_cont .search {background-image:url('../../img/search_btn_ov.png');}
#header.on #menu > ul > li > span.gnb_1depth a {color:#333 !important;}
#header.on #menu > ul > li > span.gnb_1depth a:hover {color:#182886 !important;}
#header.on .header_cont .topLink a {color:#666;}

/* 페이지 아래 > 위로 스크롤시 메뉴 노출 */
#header.fixed {position:fixed; top:-5px; transition: all 0.5s; height:100px; background-color:#fff; box-shadow:0 5px 12px rgba(0,0,0,0.05);}
#header.fixed .header_cont h1 a:link, 
#header.fixed .header_cont h1 a:visited {background-image:url('../../img/logo_2024.png'); }
#header.fixed .header_cont .mBtn button {background-image:url('../../img/sitemap_ov.png');}
#header.fixed .header_cont .search {background-image:url('../../img/search_btn_ov.png');}
#header.fixed #menu > ul > li > span.gnb_1depth a {color:#333 !important;}
#header.fixed .header_cont .topLink a {color:#666;}

#header.nofixed {position:fixed; top:-130px; transition: all 0.5s;}

/* 두 번째 비주얼 변경시 */
#header.black .header_cont h1 a:link, 
#header.black .header_cont h1 a:visited {background-image: url('../../img/logo_2024.png');}
#header.black .header_cont .mBtn button {background-image:url('../../img/sitemap_ov.png');}
#header.black .header_cont .search {background-image:url('../../img/search_btn_ov.png');}
#header.black #menu > ul > li > span.gnb_1depth a {color:#333 !important;}
#header.black .header_cont .topLink a {color:#666;}




/* 메뉴 */
#gnb {position:absolute;width: 880px;z-index:9999;left:50%;margin-left: -264px;top:0;}

/* menu::base */
#menu {position:relative; width:100%; list-style:none;}
#menu a {display:block;  text-decoration:none}
#menu > ul > li {float:left;}
#menu > ul > li > span.gnb_1depth a {position:relative;display:block;text-align:center;line-height:100%;font-size:1.15rem;color: #182886;letter-spacing:-.5pt;padding:40px 18px;font-weight:500;}
#menu .menu_depth {visibility:hidden;opacity:0;margin-top:-15px;position:absolute;width: 145px;background:#fff;transition: all 0.3s;padding:18px 12px;border:1px solid #ddd;border-top:2px solid #182886;margin-left: -1px;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
#menu .menu_depth li {float:none; width:100%; text-align:left;}
#menu .menu_depth li.last {float:none; width:100%; border-bottom:none}
#menu .menu_depth.joblist {width:580px;}
#menu .menu_depth.joblist li {float:left; width:49%; margin-right:2%; margin-bottom:3px;}
#menu .menu_depth.joblist li:nth-child(2n) {margin-right:0;}
#menu .menu_depth.joblist li a {text-align:left !important;}
#menu .menu_depth.job {width:140px;}


#menu div div {left:100%;}
#menu li:hover > div { visibility:visible; opacity:1; transition: all 0.3s; margin-top:-5px; box-shadow:0 5px 5px rgba(0,0,0,0.1);}

/* menu::level >= 2 */
#menu li li a {color:#666; font-size:1rem; letter-spacing:-0.5pt; transition: all 0.3s; padding:3px 0; text-align:center;}
#menu li li a:hover{ color:#182886; transition: all 0.3s;}
#menu li li {display:block; text-transform:none; font-size:13px;}

#menuArea {display:none;}

/** 파트너 **/
#partner {position:relative;background:#f6f6f6;padding:2.5rem 0;margin-top: 20px;}
#partner .list {position:relative; width:1270px; margin:0 auto; overflow:hidden;}
#partner ul {width:100%;}
#partner ul li {float:left; text-align:center; margin-right:7px; box-sizing:border-box;}
#partner ul li img {box-sizing:border-box; border:1px solid #ddd; vertical-align:top; max-width:100%;}

	#partner .slick-slider {position: relative; display: block; outline:none;}
	#partner .slick-list {position: relative; display: block; overflow:hidden;}
	#partner .slick-slide {display: none; float: left; height:100%;}
	#partner .slick-initialized .slick-slide{display: block;}
	#partner .slick-vertical .slick-slide{display: block; }


/* 하단 */
#footer {position:relative; padding:3rem 0; background:#222;} 
#footer address {position:relative; width:98%; max-width:1270px; margin:0 auto;}
#footer address strong {display:inline-block; line-height:200%; color:#fff; font-weight:500; margin-right:20px; letter-spacing:-0.5pt;}
#footer address span {display:inline-block; margin-right:15px; color:#a9a9a9; line-height:200%; letter-spacing:-0.5pt;} 
#footer address .footLink {position:absolute; right:0; top:0; z-index:5;}
#footer address .footLink li {float:left; padding:0 21px 0 15px; background:url('../../img/foot_menuBg.png') center right no-repeat;}
#footer address .footLink li:last-child {padding-right:0; background:none;}
#footer address .footLink li a {letter-spacing:-0.5pt;}
#footer address .footLink li a:link, #footer address .footLink li a:visited {color:#a9a9a9;} 
#footer address .footLink li a:hover {color:#c8c8c8;} 
#footer address .footLink li a.privacy {color:#fff; text-decoration:underline;}
#footer .copyright {margin-top:18px; color:#585858; font-family:"Roboto", "Noto Sans KR", arial, tahoma, verdana, sans-serif; font-weight:400; line-height:100%;}
#footer .copyright a  {font-family:"Roboto", "Noto Sans KR", arial, tahoma, verdana, sans-serif; color:#585858; text-transform:initial; line-height:100%;}

/* topBtn */
.topBtn {position:fixed; right:30px; bottom:30px; width:101px; height:101px; z-index:9999;}
.topBtn a {display:block; width:100%; height:100%; text-align:center; background:url('../../img/quick.png') 50% 50% no-repeat; transition: all 0.3s ease-out;} 
.topBtn a:hover {transition: all 0.3s ease-out;}


/* 검색 */
.searchZone{ position:absolute; top:18px;right: 56px; z-index:8999; display:none;}
.mask {position:fixed; left:0; top:0; z-index:999999991; background-color:#000;display:none;}
.window {display: none; z-index:99999999995; width:90%; max-width:1000px; height:55px; background:#fff; border-radius:8px; box-sizing:border-box; padding:10px 15px; position:fixed; transform:translate(-50%, -50%);}
.window .close {display:block; font-size:20px; color:#fff; position:absolute; top:-45px; right:8px;  z-index:99999; cursor:pointer; }
.inputB {width:100%; overflow:hidden; clear:both; height:50px; margin-top:-10px;}
.inputB dd {float:left; width:calc(100% - 45px); overflow:hidden; }
.inputB dd .input_search{border:none !important;  letter-spacing:-0.5pt; width:100%; font-size:1.125rem; line-height:50px; color:#777; padding:0 2px; box-sizing:border-box;}
.inputB dd .input_search::placeholder {font-size:15px;}
.inputB dt {float:right; padding:13px 0 0px 10px;}
.inputB dt input {cursor:pointer;}

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}


/**  코딩시 지우지 말 것 **/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 10px; font-size:13px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }

/* 에러페이지 */
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('../../img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}


/*******************************************************************************
	@media ~1300px
*******************************************************************************/

@media all and (max-width:1300px) { 

.width1280 {width:98%;}
#header .header_cont {width:98%;}

/** 파트너 **/
#partner .list {width:98%;}

}


/*******************************************************************************
	@media ~1240px
*******************************************************************************/

@media all and (max-width:1240px) { 

#header .header_cont .topLink {top:43px; right:100px;}
#header .header_cont .mBtn {display:block; top:40px;}
#header .header_cont .search {top:38px;}

#gnb {display:none;}

/* 메뉴 : 슬라이드 메뉴 */
#menuArea {max-width:500px; min-width:250px; height:100%; position:fixed; right:0; top:0; z-index:1099; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea h1 {line-height:0; font-size:0;}
#menuArea h1 a {display:block; box-sizing:border-box; line-height:0; text-align:center; padding:25px 10px;}
#menuArea dl {width:100%; overflow:hidden;}
#menuArea dl dt, #menuArea dl dd {float:left; width:50%; text-align:center; background:#0062c7;}
#menuArea dl dt {border-right:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
#menuArea dl dt a, #menuArea dl dd a {display:block; text-align:center; line-height:100%; letter-spacing:-0.5pt; padding:13px 0; color:#fff;}
#menuArea .menuList {width:40%; max-width:500px; min-width:250px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.3);}
#menuArea .menuList>.list>li>a {position:relative; padding:18px 15px; display:block; font-size:1.125rem; line-height:100%; color:#333; letter-spacing:-0.8pt; font-weight:500; border-bottom:1px dotted #ddd}
#menuArea .menuList>.list>li>a .icon {position:absolute; display:inline-block; width:13px; height:7px; right:15px; top:22px; background:url('../../img/drop_arrow_g.png') left top no-repeat; background-size:cover;}
#menuArea .menuList>.list>li.active>a .icon {-ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
#menuArea .menuList>.list .sMenu {background-color: #f6f6f6; position: relative;  width: 100%; padding:12px 0; display:none;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {position:relative; display:block; padding:3px 15px 3px 25px; border:none; letter-spacing:-0.5pt; color:#666;}
#menuArea .menuList>.list .sMenu>li>a:before {position:absolute; content:""; left:15px; top:12px; z-index:1200; width:3px; height:3px; background:rgba(3,72,116,.8); z-index:0;}
#menuArea .btnMenu_mClose {position:relative; display:block; width:96%; margin:20px auto 0 auto; padding:15px 0 15px 30px; line-height:100%; background:#999; cursor:pointer; background-size: 15px; border:0; color:#fff; text-align:center; transition:all 0.3s ease-out;}
#menuArea .btnMenu_mClose:hover {background:#666; transition:all 0.3s ease-out;}

#menuArea .btnMenu_mClose:before {position:absolute; content:""; width:15px; height:15px; background:url('../../img/search_close.png') 50% 50% no-repeat; background-size: 15px; left:35%;}


#grayLayer {width:100%; height:100%; background:rgba(30,30,30,0.8); position:fixed; left:0; top:0; z-index:1025; overflow-x:hidden; overflow-y:auto; display:none;}
#grayLayer > a {display:block;width:100%;height:100%}

/* 전체메뉴 버튼 */
button.menu-trigger{width: 52px; height: 41px; background-color: transparent; line-height:41px; position: relative; box-sizing:border-box; cursor: pointer;}

}


/*******************************************************************************
	@media ~1240px
*******************************************************************************/

@media all and (max-width:1100px) { 

/* 하단 */
#footer address .footLink {position:relative; overflow:hidden; margin-bottom:12px;}
#footer address .footLink li {float:left; padding:0 21px 0 15px; background:url('../../img/foot_menuBg.png') center right no-repeat;}
#footer address .footLink li:first-child {padding-left:0;}

}


/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

body,html {font-size:15px;}

#header {height:78px;}
#header .header_cont h1 a:link, #header .header_cont h1 a:visited {padding:24px 0} 
#header .header_cont .topLink {top:32px;}
#header .header_cont .mBtn {top:28px;}
#header .header_cont .search {top:26px;}

#header.on, #header.fixed {height:78px;}


#gnb {display:none;}

/* 하단 */
#footer {padding:35px 0;} 

/* topBtn */
.topBtn {right:20px; bottom:20px; width:80px; height:80px;}
.topBtn a {background-size:80px;} 

}

/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

.width1280 {width:96%;}

#header {height:68px;}
#header .header_cont h1 a:link, 
#header .header_cont h1 a:visited {padding:21px 0;background-size: 178px;}
#header .header_cont {width:96%;}
#header .header_cont .topLink {top:29px;}
#header .header_cont .search {top:22px;}
#header .header_cont .search img {vertical-align:top;}
#header .header_cont .mBtn {top:24px;}

#header.on, #header.fixed {height:68px;}

/** 파트너 **/
#partner {padding:2rem 0;}

/* 하단 */
#footer address {width:96%;}
#footer p.copyright {margin-top:15px; line-height:140%;}
#footer address span {margin-right:15px;} 


}

/*******************************************************************************
	@media 561~680px
*******************************************************************************/
@media all and (max-width:680px) { 

body,html {font-size:14px;}
table {font-size:14px;}
table caption {font-size:14px;}

#footer {padding:30px 0 20px 0;} 
#footer address span {line-height:160%; margin-bottom:3px;} 

.topBtn {position:relative; right:auto; width:100%; text-align:center;  bottom:auto; height:50px; background: rgb(179,211,17); background: linear-gradient(90deg, rgba(179,211,17,1) 0%, rgba(4,168,214,1) 100%);}
.topBtn a {background-image:url('../../img/quick_arr.png'); background-position:50% 50%; background-size:auto;} 

.searchBox .input_search {font-size:1.4rem;}

}


/*******************************************************************************
	@media 321~480px
*******************************************************************************/
@media all and (max-width:480px) { 

body,html {font-size:13px;}
.width1280 {width:94%;}

/** 파트너 **/
#partner {padding:1.75rem 0;}

#header .header_cont {width:94%;}
#header .header_cont .topLink {display:none;}
#footer address {line-height:140%;}
#footer address span {margin-right:10px;}

}



/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px) { 

/*#header {height:68px;}*/
#header .header_cont h1 a:link, #header .header_cont h1 a:visited {padding:21px 0; background-size:180px;}
#header .header_cont .topLink {top:29px;}
#header .header_cont .search {top:22px;}
#header .header_cont .mBtn {top:24px;}

#header.on, #header.fixed {height:68px;}


}

/* 센터소식 */
.center_news {
	position:relative;
	clear:both;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
	padding: 20px 0 10px 0;
}

.center_news h2{
    font-family: 'yg-jalnan';
    color: #0f1e4a;
    font-size: 50px;
	text-align:center;
    margin-bottom:5px;
	background-color:#f7ce00
}
.center_news h2 a{
    font-family: 'yg-jalnan';
    color: #0f1e4a;
}
.center_news h3{
    font-family: 'yg-jalnan';
    color: #182886;
    font-size: 26px;
    margin-bottom: 12px;
}
.center_news h4{
    font-family: 'yg-jalnan';
    color: #2196f3;
    font-size: 26px;
    margin-bottom:5px;
}

.center_news li {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
    border-radius: 10px;
}
.center_news > li > dl {
    position: relative;
    background: right top no-repeat;
}
.center_news > li > dl.ic4 {
    background-image: url(/img/call_m.png);
}
.center_news > li > dl.ic4 span {
    font-size: 18px;
}
.center_news > li > dl.ic4 p{
    font-family: 'yg-jalnan';
    font-size: 34px;
    color: #182886;
}
.center_news > li > dl.ic44 {
    background-image: url();
    background-size: contain;
    width: 100%;
}
.center_news > li > dl.ic44 span {
    font-size: 23px;
    font-weight: bold;
    float: right;
    padding-top: 8px;
}
.center_news > li > dl.ic44 p{
    font-family: 'yg-jalnan';
    font-size: 40px;
    color: #182886;
}
.center_news > li > dl.ic44 img{
    height: 63px;
}
.center_news > li > dl > dt {
    display: block;
    float: none;
    font-size: 25px;
    color: #111;
    line-height: 26px;
    font-weight: 600;
    padding: 0px 0;
    margin-bottom: 9px;
    font-family: 'yg-jalnan';
}
.center_news > li > dl > dd {
    display: block;
    float: none;
    font-size: 17px;
    line-height: 27px;
    color: #353535;
    word-break: keep-all;
    letter-spacing: -1px;
    font-family: 'yg-jalnan';
}

.center_news .news_tit {
	position:relative;
	overflow:hidden;
	float:left;
	width:145px;
	margin-right:80px;
}
.center_news .news_tit dt {
	width:60px;
	font-family:'Raleway',sans-serif;
	font-size:13px;
	color:#333;
	border-top:1px solid #333;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:20px;
	padding:4px 0;
}
.center_news dd {height: 36px;}
.center_news p {width: 70%;float: left;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.center_news dd h3 {
	font-size:32px;
	color:#333;
	line-height:100%;
	letter-spacing:-0.4pt;
	margin-bottom:20px;
}
.center_news .news_tit dd p {
	color:#888;
	letter-spacing:-0.4pt;
	line-height:23px;
	margin-bottom:46px;
}
.center_news dd a {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.center_news .news_btn {
	overflow:hidden;
	float:left;
	width:200px;
	padding-top:36px;
}
.center_news .news_btn li {
	list-style:none;
}
.center_news .news_btn li a {
	display:block;
	color:#888;
	font-size:15px;
	padding:15px 100px 15px 20px;
}
.center_news .news_btn li a.hover {
	background: #0057b4;
	color:#fff;
	-webkit-box-shadow:0px 3px 42px -21px rgba(0,0,0,1);
	-moz-box-shadow:0px 3px 44px -21px rgba(0,0,0,1);
	box-shadow:0px 3px 44px -21px rgba(0,0,0,1);
}
.center_news .news_list {
	height:260px
}
.center_news .news_list dl {
	position:relative;
	overflow:hidden;
	width: 100%;
	float:right;
	padding-top:30px;
}
.center_news .news_list dd {
	position:relative;
	line-height:43px;
	text-overflow:ellipsis;
	border-bottom:1px solid #ddd;
	letter-spacing:-0.5pt
}
.center_news .news_list dd:last-child {
	border-bottom:0
}
.center_news .news_list dd a {
	line-height:43px;
	color:#333;
	letter-spacing:-0.5pt;
	font-size: 16px;
}
.center_news .news_list dd .date {
	position:absolute;
	right:0;
	top:0;
	line-height: 45px;
}
.center_news .date{
    float: right;
    width: 30%;
    text-align: right;
}
@media (max-width: 680px){
#visual.ver2 div.img {
    position: absolute;
    top: 63px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    max-width: 1270px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
}
@media (max-width: 768px){
.center_news > li > dl.ic4 {
    background-image: url(/img/call_m.png);
    background-position: 179px 0px;
}
.center_news > li > dl.ic4 span {
    font-size: 13px;
}
.center_news > li > dl.ic4 p {
    font-family: 'yg-jalnan';
    font-size: 32px;
    color: #0057b4;
}
}
#theLayer0 {
   border: 2px solid #000;
}
#theLayer1 {
   border: 2px solid #000;
}
@media (max-width: 680px) {
#mbr_Layer0 {
    width: 100% !important;
    left: 0px !important;
    margin: auto !important;
}
#theLayer0 {
    width: calc(100% - 4px)!important;
    left: 0px !important;
	border: 2px solid #000;
}
#theLayer0 table {
    width: 100% !important;
    height: auto !important;
}
#mbr_Layer1 {
    width: 100% !important;
    left: 0px !important;
    margin: auto !important;
}
#theLayer1 {
    width: calc(100% - 4px)!important;
    left: 0px !important;
	border: 2px solid #000;
}
#theLayer1 table {
    width: 100% !important;
    height: auto !important;
}
}
@media (max-width: 740px) {
    #mbr_Layer0 {
        width: 100% !important;
        left: 0px !important;
        margin: auto !important;
    }
}