/*--- common selector ---*/
/*@import url('https://webfontworld.github.io/kopus/KoPubWorldDotum.css');*/
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Noto+Sans+KR&display=swap');	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
/*	body,input,select,textarea{color:#000;font-family:'KoPubWorldDotum',dotum,'µ¸¿ò','gulim', '±¼¸²',sans-serif;font-size:16px;line-height:140%;font-weight:300;} */

	body,input,select,textarea{color:#000;font-family:'Noto Sans KR',dotum,'µ¸¿ò','gulim', '±¼¸²',sans-serif;font-size:16px;line-height:140%;font-weight:300;} 
	body{position:relative;background-color:#ffffff;color:#000;word-wrap:break-word;word-break:break-all;}
	hr,legend{display:none;}
	img,fieldset{border:0;}
	img,input,select,textarea{vertical-align:middle;}
	ul,ol,li{list-style:none;}
	a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
	a:link,a:hover,a:active{text-decoration:none;}
	strong{font-weight:bold;}
	input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
	.ir{overflow:hidden;text-indent:-1000em;}
	.hide{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}

	a:link {color:#000; text-decoration:none;font-weight:400}


#centents{width:1500px;margin:auto ;display:flex;justify-content: space-between;}
#mcontents	{display: flex;width:100%; text-align:center;margin-top:23px;}

#leftmenu {max-width:276px;padding-right:40px}
#rightcontents{max-width:1145px;}
#rightcontents_{max-width:1421px;text-align:center}

.topline{width:100%;display:flex;justify-content: space-between;}
.topline1{width:30%;border-top:5px solid #284f90;padding-bottom:10px}
.topline2{width:70%;border-top:5px solid #e02224;padding-bottom:10px}
#leftmenu .lmtitle{width:276px;height:220px;background-color:#284f90;font-size:45px;color:#ffffff;display:flex;justify-content: center;align-items: center; }
#leftmenu .lmlists{height:65px;border-left:1px solid #3e4452;border-right:1px solid #3e4452;border-bottom:1px solid #3e4452;font-size:18px;color:#3e4452;display:flex;justify-content: space-between;align-items: center;padding-left:36px;padding-right:20px}
#leftmenu .lmselected{background-color:#3e4452;color:#ffffff}
#leftmenu .lmselected1{background-color:#808b9e;color:#ffffff}
#leftmenu li.lmlistssub_{height:30px;text-align:left;padding-left:50px;padding-top:7px;background-color:#ebeff6}
#leftmenu ul.lmlistssub{border-bottom:1px solid #3e4452;border-left:1px solid #3e4452;border-right:1px solid #3e4452;background-color:#ebeff6;padding-top:2px;padding-bottom:10px}
a.lmselected1:link {color:#ffffff; text-decoration:none;}
	a.lmselected1:visited {color:#ffffff; text-decoration:none;}
	a.lmselected1:active {color:#ffffff; text-decoration:none;}
	a.lmselected1:hover {color:#ffffff; text-decoration:none;}

	a.lmselected:link {color:#ffffff; text-decoration:none;}
	a.lmselected:visited {color:#ffffff; text-decoration:none;}
	a.lmselected:active {color:#ffffff; text-decoration:none;}
	a.lmselected:hover {color:#ffffff; text-decoration:none;}

	a.tsu:link {color:#e02227; text-decoration:none;padding-right:10px}
	a.tsu:visited {color:#e02227; text-decoration:none;padding-right:10px}
	a.tsu:active {color:#e02227; text-decoration:none;padding-right:10px}
	a.tsu:hover {color:#e02227; text-decoration:none;padding-right:10px}

	a.tsr:link {color:#4403e9; text-decoration:none;;padding-right:10px}
	a.tsr:visited {color:#4403e9; text-decoration:none;padding-right:10px}
	a.tsr:active {color:#4403e9; text-decoration:none;padding-right:10px}
	a.tsr:hover {color:#4403e9; text-decoration:none;padding-right:10px}

	a.tsn:link {color:#50b300; text-decoration:none;padding-right:10px}
	a.tsn:visited {color:#50b300; text-decoration:none;padding-right:10px}
	a.tsn:active {color:#50b300; text-decoration:none;padding-right:10px}
	a.tsn:hover {color:#50b300; text-decoration:none;padding-right:10px}

	a.tsn1:link {color:#a06c9d; text-decoration:none;padding-right:10px}
	a.tsn1:visited {color:#a06c9d; text-decoration:none;padding-right:10px}
	a.tsn1:active {color:#a06c9d; text-decoration:none;padding-right:10px}
	a.tsn1:hover {color:#a06c9d; text-decoration:none;padding-right:10px}

	a.tsn2:link {color:#6c70a0; text-decoration:none;padding-right:10px}
	a.tsn2:visited {color:#6c70a0; text-decoration:none;padding-right:10px}
	a.tsn2:active {color:#6c70a0; text-decoration:none;padding-right:10px}
	a.tsn2:hover {color:#6c70a0; text-decoration:none;padding-right:10px}

	a.tsn3:link {color:#6c9da0; text-decoration:none;padding-right:10px}
	a.tsn3:visited {color:#6c9da0; text-decoration:none;padding-right:10px}
	a.tsn3:active {color:#6c9da0; text-decoration:none;padding-right:10px}
	a.tsn3:hover {color:#6c9da0; text-decoration:none;padding-right:10px}

	a.tsn4:link {color:#56745b; text-decoration:none;padding-right:10px}
	a.tsn4:visited {color:#56745b; text-decoration:none;padding-right:10px}
	a.tsn4:active {color:#56745b; text-decoration:none;padding-right:10px}
	a.tsn4:hover {color:#56745b; text-decoration:none;padding-right:10px}

	a.tsn5:link {color:#7f8050; text-decoration:none;padding-right:10px}
	a.tsn5:visited {color:#7f8050; text-decoration:none;padding-right:10px}
	a.tsn5:active {color:#7f8050; text-decoration:none;padding-right:10px}
	a.tsn5:hover {color:#7f8050; text-decoration:none;padding-right:10px}

table{width:100%}

#main		{width:100%; text-align:center;padding:0px;}
#mlogo		{max-width:1500px;margin:auto ;display: flex; justify-content: space-between;padding-top:13px;margin-bottom:22px;}
#mlogo h1.logo		{clear:both;float:left;}
#mlogo h2.slogan		{float:left;padding-left:16px}
#mlogo div.searchtitle{padding-top:5px}

#mmenu  div.menuconatainer{width:1500px;margin:auto ;text-align:left;display: flex; justify-content: space-between;}
div.sitemapbtn{color:#ffffff;padding-top:7px}
#mmenu ul.menu	{max-width:1500px;padding-left:20px}
#mmenu ul.menu	 li.menutit div{font-size:18px;font-weight:500}

#mmenu ul.menu	 li.menutit{width:220px;float:left;color:#ffffff;text-align:left}
#mmenu {
	display: flex;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  background: #e02224;
  width: 100%;
  text-align:center;
}
//.Visible{visibility:visible}
//.Nonev{visibility:hidden}
.Fixed {
  position: fixed;
  top: 0px;
  left:0px;
}
.menu li {
  float: left;
  list-style:none;
  position: relative;
}
.menu li:hover { color:#fff; }
.menu li:hover>a { color: #ffffff; }
.menu a {
  color: white;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.menu ul {
  z-index:7;
  background: #e02224;
  display: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 220px;
}
a.menutit{color:#ffffff;}
.menu ul li { float: none; text-align:left}
.menu ul li:hover {color:#ffffff;background: #e02224; }
.menu ul li:hover a { color: #ffffff;text-decoration:underline }
.menu ul li.sub a {font-size:14px; color: #fff; }
.menu ul ul { left: 100%; top: 0; }
.menu ul ul li.sub {float:left; margin-right:10px;}
.fixingmenu {
        position: fixed;
        top: 0px;
		left:0px;
      }

//div.sitemapin {color:#ffffff;display:flex;width:100%;position: absolute;z-index:20;background-color:#e02224;top:130px;right:50px;height:200px;border-top:2px solid #e02224;padding-top:20px;padding-left:30px;padding-bottom:20px}
div.sitemapin {color:#ffffff;display:flex;width:100%;position: absolute;z-index:20;background-color:#8b050a;top:130px;right:0;height:240px;padding-top:20px;padding-left:30px;padding-bottom:20px}
div.sitemapin ul{width:180px;padding-right:10px;padding-left:30px}
div.sitemapin li.sttitle{padding:5px 5px;padding-bottom:10px;font-weight:bold;font-size:18px;border-bottom:1px solid #b56d6f}

div.sitemapin li{padding:5px 10px;}
div.sitemapin li:hover a{color:#f8f7e1;text-decoration:underline}
div.sitemapin li a{color:#ffffff}

div.sitemapin li.sttitle:hover a{color:#efdbdc;text-decoration:none}
div.sitemapin li.sttitle a{color:#efdbdc;text-decoration:none}




#home .container{display: flex;flex-wrap: wrap;justify-content:center}
#home .container .item{padding-right:20px;padding-bottom:10px;}
#home li.htitle{width:276px;height:36px;background-color:#2a3342;color:#ffffff}
#home ul.list li{text-align:left;width:270px;padding-top:5px;padding-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#home div.htitle{text-align:left;padding-left:30px;padding-top:7px;padding-right:10px}
#home div.htitle span{clear:both;display: inline-block;}
#home div.htitle span.htitle{}
#home div.htitle span.hplus{float:right;}
.hlist{height:184px;}
.rhlist{width:265px;display: flex;flex-wrap: wrap;padding-left:5px}
.rhlist p{padding:5px}
.hbanner{height:210px;padding-bottom:20px}
.iconcontainer{padding-bottom:10px}
.hsbanners{height:110px;padding-bottom:5px;}
.hsbanners{display:flex}
.hsbanners p{width:72px;padding-right:14px;padding-left:14px;font-size:14px;}
.hsbanners span{line-height:1;letter-spacing:-1px}
#home .container .hlbanners{display:flex;justify-content:center}
.hlbanner1{width:276px;height:214px;padding-right:0}
.hlbanner2{height:210px;padding-right:0;padding-bottom:20px}
.hsbannershidden{display:flex;flex-wrap: wrap;}
.hsbannershidden .hsbanners{height:100px;padding-bottom:5px;}
.hsbannershidden .hsbanners p{width:65px;padding-right:5px;padding-left:5px;font-size:14px;}
.hsbannershidden .hsbanners span{line-height:1;letter-spacing:-2px}
.bannerline{display:flex}
.bannerline li{width:276px;padding-right:20px}
div.hidden12501500{width:552px}

.itemhidden{padding-right:20px}


.hlbanner1_1{background-color:#001822;height:210px;}

.hlbtitle{padding-top:5px;padding-bottom:7px}
.btitle{width:120px;padding-top:5px}
.hlbtext{display:flex;width:90%;border-bottom:1px solid #2d4049;padding-top:5px;padding-left:10px;padding-bottom:3px;margin-left:3px}
.hlbimg{width:25%;}
.hlbimg1{color:#b9ebff;font-size:30px}
.hlbtext1_1{color:#99a3a7;text-align:left}

.hlbtext1_1 p span{color:#b9ebff}
.hlbtextc{color:#ffffff;font-size:18px;font-weight:bold}
.hlbtext1_3{font-size:14px;color:#b9ebff}

.hlbimg2{color:#ffb9d5}
.hlbtext2_3{font-size:14px;color:#ffb9d5}

.hlbimg3{color:#b9ffd5}
.hlbtext3_3{font-size:14px;color:#b9ffd5}
.hlbtext3{border:0}

.hlbanner1_{width:572px;height:160px;padding-right:0}
.hlbanner1_1_{width:100%}
.hlbanner1_ span.hlbtext1_1{display:flex;justify-content: space-between;width:100%}
.hlbanner1_ span.hlbtext1_1 p.hlbtextc{text-align:left;font-size:18px}
.hlbanner1_ span.hlbtext1_1 p.hlbtextc_{text-align:right}
.hlbanners_{padding-right:0}

.hlbanner1_1_{background-color:#001822;height:160px;flex-wrap: wrap;align-content: space-evenly;}
div.hlbanner1_1_ .hlbtextc{font-size:15px}
div..hlbanner1_1_ .hlbtext1_3{font-size:5px}

div..hlbanner1_1_ .hlbtext{padding:0}
.hlbimg_{width:30px}

.hlbanner2_{width:572px;height:120px;padding-right:0;background-color:#180a58}
.hlbanner2_1_{width:100%;}
.hlbanner2_1_ div.hlbtext ul{display:flex;}
.hlbanner2_1_ div.hlbtext{width:90%}

.hlbanner2_ span.hlbtext1_1{display:flex;width:100%}
.hlbanner2_ span.hlbtext1_1 p.hlbtextc{width:50%;text-align:left;font-size:18px;}
.hlbanner2_ span.hlbtext1_1 p.hlbtextc_{width:50%;text-align:right;font-size:18px}

.nonpadding{padding:0}

.hexpert{width:100%;background-color:#cdcdcd;padding-bottom:5px}
.hexpert th{color:#020285;font-size:18px;padding-top:5px;padding-bottom:5px}
.hexpert th a{color:#020285;font-weight:700}
.hexpert td{color:#252526;font-size:10px;letter-spacing: -1px;line-height:14px;height:10px;}
.hexpert table{border-collapse:collapse;}
.hexpert_all{padding-left:23px;padding-right:27px}
.hexpert_ {padding-left:7px}
.hexpert_ div a{color:#020285;font-weight:700}
.hexpert_ td{color:#252526;font-size:10px;letter-spacing: -1px;line-height:14px;height:10px;padding:3px}
.hexpert_ ul{display: flex; flex-wrap: wrap;}



#bottom 	{display:flex;flex-direction: column;color:#ffffff;padding-top:20px;}
#bottom	a{color:#ffffff}
#bottom .bottom1	{width:100%;background-color:#42464d;}
#bottom .bottom1_	{margin:auto ;max-width:1470px;display:flex;  justify-content: space-between;padding-top:15px;padding-left:20px;padding-right:20px;padding-bottom:15px}
#bottom .bottom1_1 {display:flex;flex-wrap: wrap;}
#bottom .bottom1_2{display:flex;flex-wrap: wrap;}
#bottom .bottom1_2 span{padding-left:20px}
#bottom .bottom2 {width:100%;background-color:#4d515a;}
#bottom .bottom2_	{margin:auto ;max-width:1470px;display:flex;  justify-content: space-between;}
#bottom .bottom2_	{padding:20px;}
#bottom .bottom2_1	{text-align:left;}
#bottom .bottom2_2	{padding:20px;display:flex; flex-direction: row;}
#bottom .bottom2_2	img{margin-left:10px}


#bottom .bottom2_ span{color:#abacaf}


//ÀÛÀº â ¸Þ´º
div.smmenu{padding:20px}
ul.mobilemenu li.menutit a.menutit{color:#ffffff}
ul.mobilemenu li.menutit {background-color:#284f90}
ul.mobilemenu li.mmlistssub{padding-top:10px}
ul.mobilemenu li.mmlistssub_ {background-color:#ebeff6;padding-top:5px;padding-bottom:5px;padding-right:20px;border-bottom:1px solid #dadfe8}


div.smmenu li.menutit div{padding-top:20px;padding-right:20px;padding-bottom:20px;color:#ffffff;font-size:16px;;cursor:pointer;border-bottom:1px solid #2a3342}
div.smmenu li.menutit a{color:#ffffff}
div.smmenu ul.sub{position:relative;display: none;background-color:#2a3342}
div.smmenu ul.sub li.menudown_{text-align:right;padding-top:10px;padding-bottom:10px;padding-right:30px;border-bottom:1px solid #616c81;display:flex;justify-content: flex-end;cursor:pointer}
ul.mobilemenu li.menudown_ span.arrow{color:#ffffff;text-align:right;cursor:pointer}
div.smmenu ul.sub li.menudown_1{text-align:right;padding-top:10px;padding-bottom:10px;padding-right:30px;border-bottom:1px solid #616c81;display:flex;justify-content: flex-end;}


div.smmenu ul.sub li.menudown_ a:hover {color:#ffffff}
ul.mobilemenu li.mmlistssub_ a{color:#000000}
ul.mobilemenu li.mmlistssub_ a:hover{color:#000000}

#top div.tops{float:left;display:inline;}
div.slmenu{
	position:absolute;
	z-index:100;
	top:0;right:0;
	text-align:right;
	width:60%;
	background: #2a3342;
	height:600px;

}
div.ssmenu{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top:5px;padding-left:7px;padding-right:10px;font-size:14px;border-bottom:1px solid #a3a3a3;background-color:#ffffff;}

div.showmenu{position:absolute;top:15px;right:0;padding-right:10px;}

html.open {
}

div.slmenu.open {
  right: 0px;
}
div.slmenu{
	 overflow:scroll;
}

.page_cover.open {
  display: block;
}

.page_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  display: none;
}

.visible-scrollbar{
	display: block;
	flex-wrap: nowrap;
	width: 95%;
	overflow: auto;
	height: 170px;
}

.visible-scrollbar::-webkit-scrollbar {
	display: none;
}