/*Ori:
@import url('/comm/css/font.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;600;700;800&display=swap');
JDev(2024-11-20): ++.
*/
@import url('/dx/comm/css/font.css');
@import url('/dx/inc/css/css2_poppins.css');

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
} /* delete vertical-align,font:inherit; */
body,html{width:100%; height:100%; font-size:13px; color:#666; font-family:'Noto Sans KR', sans-serif; background:#edf0f5}
*{ font-family:'Noto Sans KR', sans-serif;  box-sizing:border-box}
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;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
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:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#fff; font-family:'Noto Sans KR', sans-serif;}


/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; /*overflow:hidden;*/ min-width:1280px; }


#header{position:relative; z-index:999; width:100%; clear:both; background:#1f2c3b}
	#header h1{display:inline-block; position:relative; padding:10px 20px 8px 15px;}
	#header h2{display:inline-block; }
	#header h2 a{display:block; color:rgba(255,255,255,.7); font-size:17px; letter-spacing:-0.2pt; font-weight:300; border-left:1px solid rgba(255,255,255,.3); padding-left:20px}
	#header ul{position:absolute; right:20px; top:28px; display:inline-block; overflow:hidden;}
	#header li{position:relative; float:left;}
	#header li:first-child a{padding:0 40px 0 25px; background:url('/dx/lookup/img/mem_icon.png') 0 no-repeat}
	#header li:first-child:after{position:absolute; right:20px; top:8px; display:inline-block; content:""; overflow:hidden; width:4px; height:4px; border-radius:100%; background:rgba(255,255,255,.4);}
	#header li a{color:#fff;}
	

#menu{position:relative; width:100%; background:#1f2c3b;}
#menu .menu_in{ }
#gnb{width:100%; border-top:1px solid rgba(255,255,255,.15);}
/*==================================================================
	7: hacks setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 때문에 */
.clearfix:after{content: ""; display: block; clear: both;}
.relative{position:relative;}

/* 1Depth  */
ul.Depth1 {width:100%; list-style:none; margin:0 auto; box-sizing:border-box}
ul.Depth1 > li {float:left; text-align:center;box-sizing:border-box; }
ul.Depth1 > li > a {display:block; color:#fff; overflow:hidden; border-right:1px solid rgba(255,255,255,.15); padding:0 25px; font-size:14px; font-weight:400; letter-spacing:-1pt; line-height:42px; box-sizing:border-box}
ul.Depth1 > li > a:hover{text-decoration:none;}


/*ul.Depth1 li:hover > div {display:block !important;z-index:50;}*/
ul.Depth1 li.hover div {display:block !important;z-index:10;}

ul.Depth1 li a.dep1{width:100%; color:#fff;}
ul.Depth1 li:hover a.dep1{color:#fff;}
ul.Depth1 li.hover a.dep1 {color:#fff; background:#2982d8; border-right-color:#2982d8;}

ul.Depth1 ul.up {display:block; z-index:2 !important;}
ul.Depth1 ul.hide {display:none !important;}
ul.Depth1 div {position:absolute;margin-top:0px;z-index:3; display:none;}
ul.Depth1 div ul {list-style-type:none;}
ul.Depth1 ul li {float:left;}
ul.Depth1 ul li a {display:block;}

div.menu_in {width:100%; top:42px; left:0; height:38px; background:#edf0f5; border-bottom:1px solid #d9dde4;}
div.menu_in ul {position:relative; margin:0px auto; width:100%; top:0; left:0;}
div.menu_in li {height:38px; line-height:38px;}
div.menu_in li a {position:relative; display:inline-block; color:#666 !important;  letter-spacing:-0.5px; line-height:38px; font-size:13px; padding:0 20px 0 5px; }
div.menu_in li a:hover{color:#2982d8}
div.menu_in li a.linktop {color:#2982d8 !important; font-weight:600;}
div.menu_in li a.linktop:after{position:absolute; display:block; content:""; overflow:hidden; bottom:-1px; left:0; width:calc(100% - 13px); height:3px; background:#2982d8;}


div.menu_in.one li:first-child{margin-left:25px}
div.menu_in.two li:first-child{margin-left:25px}
div.menu_in.three li:first-child{margin-left:25px}

div.menu_in li.ls0 a{letter-spacing:0;}




/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; border-top:1px solid #d9dde4; clear:both; z-index:1050}
	#footer dl{padding:15px;}
	#footer dt{color:#777; text-transform:uppercase;}
	#footer dt a{position:absolute; right:15px; color:#999; text-transform:none}






/* 게시판 페이징 */
.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 { font-family:'Poppins', sans-serif; color: #888; float: left; width:30px; line-height:30px; text-decoration: none; border: 1px solid #ddd; margin: 0 1px; border-radius:100%;  letter-spacing:-1pt; background:#fff}
.page_num ul.pagination li a.active { background: #2982d8; color: #FFF; border: 1px solid #2982d8; font-weight:bold;}