@charset "utf-8";
@font-face {
font-family: 'NanumSquareR';
src: url('../_font/NanumSquareR.eot');
src: url('../_font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareR.woff2') format('woff2'),
		url('../_font/NanumSquareR.woff') format('woff'),
url('../_font/NanumSquareR.ttf') format('truetype'),
url('../_font/NanumSquareR.svg#NanumSquareR') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'NanumSquareB';
src: url('../_font/NanumSquareB.eot');
src: url('../_font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareB.woff2') format('woff2'),
		url('../_font/NanumSquareB.woff') format('woff'),
url('../_font/NanumSquareB.ttf') format('truetype'),
url('../_font/NanumSquareB.svg#NanumSquareB') format('svg');
font-weight: normal;
font-style: normal;
}

/* reset style [start] */
html, body, div, span, object, iframe,
h1, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'맑은고딕', 'Malgun Gothic', '돋움', Verdana; color:#222; font-size:13px;
}

i{
margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'맑은고딕', 'Malgun Gothic', '돋움', Verdana;font-size:13px;
 }

#accessibility { display:none}/*웹접근성_ 반복메뉴건너뛰기*/
/* 일반적으로 accessibility라는 클래스를 두어 html에서 디자인상 감추고 싶은 부분을 지정한다 */

/*html {overflow-x:hidden;}*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin:0;padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin:0;padding:0;}

br {letter-spacing:normal;}


input,textarea,select,button {font-size:12px;}
button {background: none repeat scroll 0 0 #FFF; border: medium none;cursor: pointer; margin: 0;padding: 0;vertical-align: middle;}
legend {margin:0;padding:0;display:none;}
img{border:0 none; /*vertical-align:top;*/}
input {vertical-align:middle;line-height:16px;}
textarea,select {vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style:none;vertical-align:top; list-style-position: inside;}
a{text-decoration:none;color:#222;}

.displayhidden{ position:absolute; left : -10000px; top:0px; height : 1px; width : 1px; }
/* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

/*body {overflow-y:scroll; overflow-x:hidden;} */
* {box-sizing: border-box;}

/**그누 신규**/

.cont *, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

.cont *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	/*font-family: 'NanumSquareR';*/
}


input, textarea{ font-family: '맑은고딕', 'Malgun Gothic', '돋움', Verdana;}

 
input[type=text]:focus,textarea:focus,select:focus {
/*font-family: 'NanumSquareR';*/
}

input[type=password]:focus {
/* font-family:'NanumSquareB', '맑은고딕', 'Malgun Gothic', '돋움', Verdana; */
}

.placeholdersjs { color: #aaa !important; }

/**그누 신규**/


/*기존있던 css */

/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing:0; overflow:hidden;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} /* font-weight:normal */

a {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

 
caption{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

/* 헤딩태그와 필드셋은 웹접근성(만)을 위한 대표적인 태그로 일반적으로는 감춘다. */

#png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.hid{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}
label strong{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}


/*********CUSTOM**********/
.header_wrap{position:fixed;    width: 100%; background : #ffffff; height: 74px; z-index:9999;}
.maxwid{ width:1200px; margin : 0 auto; }
.hquick_wrap{ border-top:2px solid #2fa6e0; border-bottom:1px solid #cccccc; clear:both; overflow:hidden; padding: 10px 0px;  }
.mmenu_wrap{ border-bottom:1px solid #cccccc; }
.logo{ float:left; width :auto;}
.hquick ul{ float:right; width : auto; padding-top: 15px; }
.hquick ul li{display:inline-block; width : auto; padding : 0px 10px; border-right : 1px solid #cccccc;}
.hquick ul > li:last-child{ border-right : 0px solid #cccccc;}

.copy1_wrap{ background : #7f9fac; padding : 8px 0px;}
.copy1_wrap > .maxwid {line-height:38px;}
.copy1_wrap ul {display:inline-block; vertical-align:middle;}
.copy1_wrap ul li{display:inline-block; width : auto; padding : 0px 10px; border-right : 1px solid #ffffff;}
.copy1_wrap ul li a {color : #ffffff;}
.copy1_wrap ul > li:last-child{ border-right : 0px solid #ffffff;}
.copy1_wrap ul > li:nth-child(1){ padding-left : 0px;}
.copy2_wrap{ padding-top : 30px ; padding-bottom:60px; color : #555555; }
.con_wrap{ padding-top :135px; }

#m_menu{display:none; }
#menu_btn{ float:right;  margin-top : 11px; }
.mlogo_wrap{ padding : 12px 10px; text-align:center; border-bottom: 1px solid #cccccc;}
.mm { background : #ffffff;text-align:center;}
.mm > a { border-bottom : 1px solid #cccccc; width : 100%; display:block;font-size: 16px; padding : 10px 0px; }
.mmgnb { display:none; }
.mm > ul { background : #f4f4f4; display:none;}
.mm > ul > li> a{ border-bottom : 1px solid #cccccc; width : 100%; display:block;font-size: 14px; padding : 10px 0px;}

.mgnb_wrap{height : 61px;position: relative; border-bottom: 1px solid #cccccc; background: #ffffff;}
.mgnb_wrap .maxwid{position:relative; z-index: 99999;}
.mgnb > li { float:left; height :60px; line-height: 60px; text-align:center;}

.mgnb > li ul{ padding-top: 18px; display:none; }
.mgnb > li.m1{ width : 20%; }
.mgnb > li.m2{ width : 20%; }
.mgnb > li.m3{ width : 20%; }
.mgnb > li.m4{ width : 20%; }
.mgnb > li.m5{ width : 20%; }
.mgnb > li.m1 ul li { margin-left: 75px ;}
.mgnb > li.m2 ul li { margin-left: 88px ; }
.mgnb > li.m3 ul li { margin-left: 88px ; }
.mgnb > li.m4 ul li { margin-left: 84px ; }
.mgnb > li.m5 ul li { margin-left: 80px ; }

.mgnb > li > a{font-size:20px; font-family: 'NanumSquareB';display: inline-block; border-right: 1px solid #cccccc; width :100%;}
.mgnb > li:last-child > a{ border-right :0px;}
.mgnb > li > ul > li { text-align:left; clear:both; position:relative; padding-left : 10px; padding-bottom : 10px; }
.mgnb > li > ul > li:before { content:" "; width : 4px; height:4px; top:9px; left:0px; background : #6ea2dc; border-radius: 5px; position:absolute; }
.mgnb > li > ul > li a:hover{ color: #005cb9;text-decoration: underline; }
.mgnb_bg{z-index: 99998;display:none;height: 260px;margin-top: 60px;background: url(/img/menubg.png) center center;position: absolute;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;top: 0px;left: 0px;width: 100%; }

.site {background:#fff; border-radius:20px; display:inline-block; padding:3px; vertical-align:middle; float:right;}
.site a {margin-right:15px;}
.site a img {vertical-align:middle; }

@media screen and (max-width:700px) {
	.copy1_wrap > .maxwid {text-align:center;}
	.site {display:inline-block; float:none; width:100%; text-align:center;}
}
@media screen and (max-width:400px) {
	.site {background:none; border-radius:0px;}
	.site a {background:#fff; border-radius:30px; padding:2px; width:100%; display:inline-block; margin-bottom:5px; text-align:center;}
}

@media screen and (max-width: 1230px) {
	.con_wrap{ padding-top :117px; }
	.logo{ display:none;}
	.hquick ul{ padding-top :0px; }
	.maxwid{ width:100%;}
	.copy1_wrap{ background : #7f9fac; padding : 8px 15px;}
	.copy2_wrap{ padding-right : 15px ; padding-left:15px;}
	#pc_menu{display:none;}
	#m_menu{display:block; }
	.mgnb_wrap{height : 75px;}
}

.lecbtn1{ float:right; padding: 2px 12px; background: #ed9400;color: #fff;margin-right: 4px; }
.lecbtn2{ float:right; padding: 2px 12px; background: #4ab801;color: #fff;margin-right: 4px;}
.lecbtn3{ float:right; padding: 2px 12px; background: #767676;color: #fff;margin-right: 4px;}
.lecbtn4{ float:right; padding: 2px 12px; background: #26a2e2;color: #fff;margin-right: 4px;}
.lecbtn5{ float:right; padding: 2px 12px; background: #ff6464;color: #fff;margin-right: 4px;}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}