/*@charset "utf-8";*/
/* CSS Document */

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 100;
  src: url(font/NotoSansKR-Thin.woff2) format('woff2'),
       url(font/NotoSansKR-Thin.woff) format('woff'),
       url(font/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 300;
  src: url(font/NotoSansKR-Light.woff2) format('woff2'),
       url(font/NotoSansKR-Light.woff) format('woff'),
       url(font/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
 font-family: 'NotoSansKR';
 font-style: normal;
 font-weight: 400;
 src: url(font/NotoSansKR-Regular.woff2) format('woff2'),
	  url(font/NotoSansKR-Regular.woff) format('woff'),
	  url(font/NotoSansKR-Regular.otf) format('opentype');
}
 
@font-face {
 font-family: 'NotoSansKR';
 font-style: normal;
 font-weight: 600;
 src: url(font/NotoSansKR-Bold.woff2) format('woff2'),
	  url(font/NotoSansKR-Bold.woff) format('woff'),
	  url(font/NotoSansKR-Bold.otf) format('opentype');
}

*{margin:0; padding:0; -webkit-touch-callout: none;}
html { -webkit-font-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: keep-all }
html, body { font-family:'NotoSansKR', '¸¼Àº°íµñ', sans-serif; font-size:14px; }

html, body { font-size: 14px; letter-spacing:-1px}

html, body, 
div, span, object, h1, h2, h3, h4, h5, h6, p, 
a, abbr, address, cite, em, img, strong, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, section, summary, audio, video { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size:100% ; line-height:normal  }
input, textarea, select {color: inherit;  font-family:'¸¼Àº°íµñ', Malgun Gothic,'µ¸¿ò', dotum, AppleGothic, sans-serif; }


select{-webkit-border-radius:0;} 
input[type=text], input[type=password]{ border:1px solid #CCC; height:33px; line-height:33px;-webkit-border-radius:0; -webkit-appearance:none; }
input[type=submit]{-webkit-border-radius:0; -webkit-appearance:none;}
input[type=image]{ height:auto; border:0;   }
input[type=file]{ border:0; background:none;  }
input[type=checkbox],
input[type=radio]{ width:14px;height:14px; vertical-align:middle; margin-top:-2px; }

textarea{ overflow-y:auto;  border:1px solid #CCC; }
select { height: 30px ; border: 1px solid #ccc; box-sizing: border-box; }  

label {cursor: pointer }
label, select, input, button {vertical-align:baseline}
i, cite, em, var, address, dfn {font-style:normal;}

table {border-collapse: collapse; border-spacing: 0 }
img { max-width: 100%; border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) ; -ms-interpolation-mode: bicubic; vertical-align:middle}
fieldset { border: 0 none }

ol, ul { list-style: none }
ol, ul, li { list-style: none }

a { color:inherit }
a:link, a:visited { text-decoration: none }
a:hover, a:active { text-decoration: none }


.text_c{ text-align:center}
.text_l{ text-align:left}
.text_r{ text-align:right}
.float_r{ float:right}
.float_l{ float:left}


.claes{}

.mb_wrap {margin:0 auto; min-width: 320px; max-width: 768px; width:100%}

.section_title {padding:30px 0}
.section_title h2{text-align:center;font-size: 1.5rem;font-weight: 700;letter-spacing: -2px;}
.section_title p{font-size:0.875rem;display: block;color: #666;padding-top: 5px;letter-spacing: -1px; text-align:center}


#header {width:100%;height: 60px;}  
#header .top-menu {overflow:hidden;}
#header .top-menu > li {line-height:65px; text-align:center; }
#header .top-menu > li > a {display:block;line-height: 60px;}
#header .top-menu > li.menu{float:left; width:10%}
#header .top-menu > li.logo{ float:left; width:70%}
#header .top-menu > li.login{ float:right; width:20%}

/*¸ð¹ÙÀÏ ¸Þ´º*/
	.mb_wrap .mobile_mobile {display: block; width: 100%;}
	
	ul.top_menu_mobile {width: 100%;height: 60px;padding: 10px;font-size: 0;box-sizing: border-box;}
	ul.top_menu_mobile li {display: inline-block;width: auto;}
	ul.top_menu_mobile li.top_menu_mobile {width: 10%;text-align:left;margin: 0 auto;}		
	ul.top_menu_mobile li.top_logo_mobile {width: 80%;text-align: center;margin: 0 auto;/* line-height: 60px; */padding: 0 70px;}	
	ul.top_menu_mobile li.top_logo_mobile a {text-align:center;	}	
	ul.top_menu_mobile li.top_tel_mobile {width: 10%;text-align:right;}
	ul.top_menu_mobile li > a > img {width:100%}
	
	.mobile_lnb_box {position: fixed;top: 0;left: -100%;width: 70%;height: 100%;background: #393939;border-right: 1px solid #e8e8e8;z-index: 9999;	}	
	.mobile_lnb_box .mobile_lnb_box_tit {width: 100%;height: 69px;padding-left: 0;background:url('/images/common/bg_sub_tit_mobile.jpg') repeat-x;clear: both;	border-bottom: 1px solid #565656}
	.mobile_lnb_box .mobile_lnb_box_tit > h3 {display:block;color: #fff;line-height:69px;padding:0 20px;box-sizing:border-box;font-weight: 300;}	
	.mobile_lnb_box .mobile_lnb_box_tit > h3 > img {padding-right:10px}
	.mobile_lnb_box .mobile_lnb_box_tit > h3  a {color:#fff}
	.mobile_lnb_box .mobile_lnb_box_tit > h3  span {float:right; font-size:16px; }
	.mobile_lnb_box .mobile_lnb_box_tit .mobile_menu_close{ position:absolute;right:-40px;top:0;width:40px;height:40px;background:url('/images/common/m_icon_menu_close.png') no-repeat center  #294a9f;color: #fff;font-size: 20px;text-align: center;line-height: 40px;}
	.mobile_lnb_box ul.mobile_lnb {width: 100%; height: 100%;}
	.mobile_lnb_box ul.mobile_lnb li {width: 100%;text-align:left;border-bottom: 1px solid #565656 !important; }
	.mobile_lnb_box ul.mobile_lnb li:first-child {border-top: 1px solid #565656;}
	.mobile_lnb_box ul.mobile_lnb li a {display: inline-block; line-height:50px;}
	
	#cssmenu,
	#cssmenu ul,
	#cssmenu li,
	#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;font-size: 14px;position: relative;}
	#cssmenu {width: 100%;	}
	#cssmenu a {line-height: 1.3;	}
	
	#cssmenu > ul > li > a {display: inline-block;font-size: 18px; font-weight:300;display: block;border-top: none;padding-left: 30px;line-height: 50px;height: 50px;color:#fff;}
	#cssmenu > ul > li > a > span {display: block;	}
	#cssmenu > ul > li > a:hover {text-decoration: none;	}
	#cssmenu > ul > li.active>a {background:#294a9f;}
	#cssmenu > ul > li.has-sub > a span {background: url(/images/common/icon_plus.jpg) 90% center no-repeat;	}
	#cssmenu > ul > li.has-sub.active > a span {background: url(/images/common/icon_minus.jpg) 90% center no-repeat;	}
	
	/* Sub menu */
	#cssmenu ul ul {display: none;}
	#cssmenu ul ul li {padding: 0;border-top: none;border-bottom: 0 !important	}
	#cssmenu ul ul li:last-child {border-bottom: none;	}
	#cssmenu ul ul a {padding: 10px 10px 10px 30px;display: block;color: #b6b5b5;font-size: 16px;font-weight: normal;	}	
	#cssmenu ul ul a:hover {color: #3e68d4;	}
	
	

.mb_visual {position:relative;height: 345px;background:url(../2019_images/visual_bg.png) no-repeat center;}

.mb_visual  ul.list  li {text-align:center; line-height:350px;}
.mb_visual  ul.list  li  a {display:block}
.mb_visual .bx-controls {position: absolute; left: 50%; top: 85%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 54;}
.mb_visual .bx-controls .bx-controls-auto {display: inline-block;vertical-align: middle;}
.mb_visual .bx-controls .bx-controls-auto a {display: block;text-align: center;font-size:0;width: 13px;height: 28px;}
.mb_visual .bx-controls .bx-controls-auto a::before {font-size: 1.2rem; color: #fff;margin-left:5px;display: inline-block; width: 100%;height: 100%;}
.mb_visual .bx-controls .bx-controls-auto a.bx-stop::before {content: "";background: url(../2019_images/icon_pause.png) no-repeat center;}
.mb_visual .bx-controls .bx-controls-auto a.bx-start::before {content: "";background:url(../2019_images/icon_play.png) no-repeat center;}

.mb_visual .bx-pager {display: inline-block;height: 22px;vertical-align: middle;}
.mb_visual .bx-pager-item {display: inline-block; vertical-align: middle; margin: 0 4px;}
.mb_visual .bx-pager-link {display: block; width: 12px; height: 12px; background-color: #838383; -webkit-transition: all .25s ease; transition: all .25s ease; border-radius: 15px; font-size: 0;}
.mb_visual .bx-pager-link.active {background-color: #003c8f}


/*¹öÆ° - ·Î±×ÀÎ ¼ö°­½Åû*/
.btn_login {}
.btn_login ul {font-size:0;}
.btn_login ul li {display:inline-block;position:relative;font-size:16px;height:56px;line-height:56px;width: 50%;text-align: center;}
.btn_login ul li:nth-child(1){background:#62727b;}
.btn_login ul li:nth-child(2){background:#5e92f3;}
.btn_login ul li:after{content:'';position:absolute;right:10%;top:40%;width: 15px;height: 15px;background: url(../2019_images/icon_sprh.png) no-repeat -10px -20px;}
.btn_login ul li a {color:#fff;display: block;}

/*»ó´ãÀüÈ­*/
.cs_tel{background: #003c8f;padding: 10px 0;}
.cs_tel dl{position:
relative;color: #fff;width: 230px;margin: 0 auto;}
.cs_tel dl:before{content:'';position:absolute;left: 20px;top: 10px;width: 40px;height: 40px;background: url(../2019_images/icon_sprh.png) no-repeat -78px -12px;}
.cs_tel dl dt{font-size: 2rem;font-weight: bold;padding-left: 70px;}
.cs_tel dl dt > span{ display:block;font-size: 1.125rem;font-weight: normal;letter-spacing: -0.02rem;}
.cs_tel dl dd > span{display:inline-block;border-top:1px solid #809ec7;padding: 10px 10px 0;margin-top: 10px;font-size: 0.875rem;}

/*°ú¸ñ¼Ò°³*/
.subject_warp{background:#ebf6ff;position: relative;}
.subject_warp .subject_group{}
.subject_group ul {width:90%; margin:0 auto}
.subject_group ul li{position:relative;background:#fff;border-radius: 5px;padding: 20px; margin-bottom:10px;}
.subject_group ul li div {display:inline-block;}
.subject_group .bx-wrapper .bx-viewport{width:90% !important;margin: 0 auto;}

.subject_icon {width: 28%;text-align: left;vertical-align: top;}
.subject_title{width: 70%;font-size: 1.125rem;font-weight: 700;}
.subject_title i{display:block;background:#003c8f;font-size:0.875rem;color:#fff;text-align: center;font-weight: normal;padding: 7px;margin-top: 10px;}

.subject_group .bx-prev {display: block;font-size: 0;width: 21px;height: 13px;background: url(../2019_images/icon_sprh.png) no-repeat -164px -28px;position: absolute;right:7%;top: 20px;}
.subject_group .bx-next {display: block;font-size: 0;width: 21px;height: 13px;background: url(../2019_images/icon_sprh.png) no-repeat -138px -28px;position: absolute;right:7%;top: 68px;}

.subject_group .slide-number { position:absolute;right:7%; top:40px}



.all_subject {padding:20px; text-align:center}
.all_subject a {font-size: 1.3rem;font-weight: 700;}

/*°øÁö»çÇ×*/
.notice_wrap {padding-bottom:30px}
.mb_bbslist{width: 90%;margin: 0 auto;}
.mb_bbslist li {border:1px solid #ddd;overflow: hidden;padding: 16px;margin-bottom: 10px;}
.mb_bbslist li .tit { float:left; max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mb_bbslist li .date { float:right}

/*¹Ù·Î°¡±â*/
.hotkey_wrap {background:#383838; padding:20px 0}
.hotkey {width:90%; margin:0 auto}
.hotkey li {display:inline-block;width: 32%;}
.hotkey li a {text-align:center;color:#fff;font-size:12px;display: block;}
.hotkey li a:before{content:'';display:block;margin: 0 auto 6px;width:60px;height:60px;border-radius:50%;background: url(../2019_images/icon_sprh.png) no-repeat -16px -520px #fff;overflow: hidden;}
.hotkey li:nth-child(1) a:before{ background-position:-16px -520px}
.hotkey li:nth-child(2) a:before{ background-position:-116px -520px}

.hotkey li:nth-child(3) a:before{ background-position:-67px -520px}


/*footer*/
.footer{background:#5e5e5e;padding:20px 30px}
.footer_menu {margin-bottom:10px}
.footer_menu > li {display:inline-block}
.footer_menu > li:after{ content:'|'; display:inline-block; padding-left: 6px;color:#fff}
.footer_menu > li:last-child:after{display:none}
.footer_menu > li > a { color:#fff; font-size:12px;}
.footer p {color:#d1d1d1;font-size:11px; letter-spacing:-1px}