@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/*  @import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); */

.noto {font-family: "Noto Sans KR", sans-serif;}
.nanum_bold {font-family:Nanum Gothic Bold,'³ª´®°íµñ','µ¸¿ò';}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}


/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */


.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;      /* further ensures the period is not visible */
}


/* a.clearfix {display: inline-block;}    fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */ 
/* end of "no-extra-markup" clearing method */ 


/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; height:100%; padding:0; margin:0;}
body { height:100%; margin:0; padding:0; color:#4a4a4a; font-size:14px; letter-spacing:-0.02em; 
font-family: 'Nanum Gothic','³ª´®°íµñ', 'Noto Sans KR', 'µ¸¿ò','±¼¸²',Dotum, AppleGothic, Verdana, sans-serif; font-weight:normal; }
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0; }
p{margin:0; padding:0; }
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

div, p {box-sizing:border-box;}
a, input {transition:all .3s ease-out;}

fieldset{margin:0; padding:0; border:0;}
img {border:0; vertical-align:top; height:auto; }
img, iframe { max-width:100%;}
hr, legend{display:none;}

caption { height:4px; visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.color_f { color:#fff;}
.color0 { color:#000;}
.color1 { color: #1e6026; }
.color_red { color:#ff0000;}

.center_text { text-align:center;}
.left_text { text-align:left;}
.right_text { text-align:right;}

.fs_13 { font-size:13px;}

.overflow_h {overflow:hidden;}


/* ---------- °øÅë·¹À̾ƿô------------*/
#wrap { width:100%; background:#fff;}

.width { position:relative; max-width:1465px; margin:0 auto;}


/* header border:1px solid red; */
#header_wrap { position:relative; top:0; width:100%; }
#header_wrap #header {position:relative; max-width:1465px; margin:0 auto;}

#header_wrap h1 { position:absolute; left:0; top:0; width:30%; z-index:999;}
#header_wrap h1 a {display:block; max-width:308px; padding:18px 2px; }
#header_wrap h1 img { vertical-align:inherit; }


/* ¸Þ´º */
#header_wrap #tnb {z-index:900; margin:0 8% 0 32%; }
#header_wrap .jq_sm { display:none;}

#tnb ul.menu { overflow:visible; display:inline-block; width:100%;}
#tnb ul.menu > li { position:relative; float:left; display:block; width:20%;}

#tnb ul.menu li .jq_tm { }
#tnb ul.menu li .jq_tm a { min-width:40px; display:block; padding:32px 0 28px 0; font-size:21px; color:#000; font-weight:700; text-align:center; }
#tnb ul.menu li:last-child .jq_tm a { }
#tnb ul.menu li .jq_tm a:hover { color:#1f6a27; }

#tnb ul.menu li .jq_sm { display:none; position:absolute; top:77px; padding:17px 20% 37px; width:200px; background:#003a89; border-top:6px solid #1f6a27; font-weight:600; z-index:99; } 
#tnb ul.menu li .jq_sm.sm03 { width:270px;}
#tnb ul.menu li.last_child .jq_sm { right:0; }
#tnb ul.menu li .jq_sm li > a { display:block; font-size:18px; padding:14px 0; color:#fff; text-align:center; border-bottom:1px solid #3361a1;}
#tnb ul.menu li .jq_sm li:last-child > a { border-bottom:none;}
#tnb ul.menu li .jq_sm li a:hover { color:#b3ef54; }


/*
#tnb ul.menu li .jq_sm { display:none; position:absolute; overflow:hidden; padding:5px 10px 10px 10px; font-weight:600; z-index:9999; } 
#tnb ul.menu li .sm02 li a { width:100%; max-width:140px; text-align:center;}
.sm05 { right:50px;}
#tnb ul.menu li .jq_sm li { float:left;}
#tnb ul.menu li .jq_sm li a { display:block; font-size:14px; padding:10px 20px; color:#666;}
#tnb ul.menu li .jq_sm li a:hover { color:#000; }
.ssm_nav { padding:4px 0 10px 0;}
.ssm_nav a { color:#ebbbc4; padding:3px 9px; background: url('../images/common/bl_ssm.gif') no-repeat 4px 9px;}
*/

#tnb .ssm_nav p.s_lnb_tit { background:none; font-size:14px; font-weight:bold; color:#ffb527; padding:3px 0 3px 0;}

.jq_sm_bg { display:none; position:absolute; top:108px; width:100%; height:33px; background-color:#2461ea; z-index:30; }


#intro01 #tnb ul.menu li .jq_tm a.on01, #intro02 #tnb a.on01, 
#ser_intro01 #tnb ul.menu li .jq_tm a.on01, #ser_intro02 #tnb a.on01, 
#community01 #tnb a.on04, #community02 #tnb a.on04, #community03 #tnb a.on04, #community04 #tnb a.on04  { color:#19365a;}



/* ¹ÝÀÀÇü ÀÛÀº »çÀÌÁîÀ϶§ Çì´õ ¸Þ´º 800Á¤µµ */

#tnb_sm {  }
#top_mem_open { display:none; z-index:999}
.tnb_sitemap{ position:absolute; top:0; right:1%; color:#fff; text-align:center; cursor:pointer;} 
.tnb_sitemap img { width:42px; padding:42% 5px 5px 5px;}
.tnb_key { position:relative; top:0; left:0; width:50px; height:100%;}
.tnb_key a { display:block; padding:8px 3px; text-align:center;}
.tnb_key a img { width:40px;}

.allm_btn { position:absolute; top:-42px; right:2%; width:34px; }
/*-------   »çÀÌÆ®¸Ê Àüü¸Þ´º

.allm_btn ul { overflow:hidden;}
.allm_btn ul li { float:left; display:block; width:25%; height:59px; text-align:center; box-sizing:border-box; border-left:1px solid #3f4c59; }

.allm_btn ul li:first-child { border:none; background:#f1f1f1; }
.allm_btn ul li:first-child  a, .allm_btn ul li .allm_close { padding-top:18px;} 
.allm_btn ul li a { display:block; padding-top:22px; padding-bottom:10px; color:#fff;} 

.allm_btn ul li img { height:22px; vertical-align:middle;}
 ------------*/

#pop_sitemap {}  /*css ¾È¸ÔÈû Á÷Á¢ ÀζóÀοä¼Ò·Î Áà¾ßÇÔ */
.allmenu_wrap {width:40%; float:right; z-index:99999; background:#fff; border-bottom:3px solid #000;}
ul.allmenu { width:100%; margin-bottom:0; }
ul.allmenu li { border-top:1px solid #ddd; min-height:20px; }
ul.allmenu li > a { display:block; padding:18px; font-size:130%; font-weight:600;}
ul.allmenu li .allm { background:url('../images/common/arr_off.png') no-repeat 90% 48%; background-size:18px; position:relative; display:block; padding:17px 0 16px 15%; font-size:18px; font-weight:600; }
ul.allmenu li .allm#no_sm { background:none; padding:0;}
ul.allmenu li .allm#no_sm a { background:url('../images/common/arr_off.png') no-repeat 90% 48%; background-size:18px; position:relative; display:block; padding:17px 0 16px 15%; font-size:18px; font-weight:600; }

ul.allmenu li .allm.on { background:url('../images/common/arr_on.png') no-repeat 90% 48% #555; background-size:18px; color:#f5f5f5;}
ul.allmenu li .allm.on a { color:#f5f5f5;}
ul.allmenu li .answer { display:none; padding:0; background:#f4f4f4; padding:10px 4% 12px 15.4%; } /*  */
ul.allmenu li .answer ul li { border:none; }
ul.allmenu li .answer ul li > a {
    background: rgba(0, 0, 0, 0) url("../images/common/bl_one2.png") no-repeat scroll 0 46% / 6px auto;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 0 8px 12px;
}

ul.allmenu li .answer ul li > a { display:block; padding:8px 0 8px 12px; font-size:16px; background:url('../images/common/bl_one2.png') no-repeat 0 46%; background-size:6px; font-weight:500;}

ul.allmenu li .answer .ssm_nav { padding:6px 10px 12px 10px; }
ul.allmenu li .answer .ssm_nav a { font-size:14px; display:block; padding: 0 0 0 10px; background:url('../images/common/bl_arr03.gif') no-repeat 0 49%;}
.s_lnb_tit { font-weight:600; font-size:96%;}

.btn_top_home{ position:absolute; left:10px; top:5px; z-index:9000;}
.btn_top_sitemap { position:absolute; right:6px; top:8px; z-index:9000;}


.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px;}


.banner_main {max-width: 1465px; margin: 0 auto;}
.banner_main ul {width:100%; text-align: center;}
.banner_main li {display: inline-block; padding: 0px 0 50px 0; text-align: center;}
.banner_main .banner1 {margin-right:10px;}




/* all_nav Àüü¸Þ´º */
#all_nav {visibility:hidden; overflow:hidden; position:absolute; top:110px; background:#3e7bfd; width:100%; z-index:10000;}
#all_nav ul { float:left; padding:15px 2% 20px 2%; line-height:1.6 }
#all_nav ul li.tit_nav p{ padding:6px 5px 10px 5px; margin-bottom:5px; font-size:16px; font-weight:600; color:#e3caba; border-bottom:1px solid #e1ebff; color:#fff; }
#all_nav ul li.tit_nav p a {color:#fff;}
#all_nav ul li { min-width:164px;}
#all_nav ul li a { color:#e1ebff; padding:4px }
#all_nav ul li a:hover { color:#fff;}
#all_nav .btn_close { position:absolute; right:20px; bottom:20px; cursor:pointer;}



/* footer */
#footer_wrap { clear: both; background:#2b2b2b; color:#cbcaca; font-size:14px; margin-top:60px;}
.footer{ max-width:1465px; margin:0 auto; position:relative; padding:26px 10px 36px 10px;}

#footer_wrap .f_menu { display:none; overflow:hidden; text-align:center; background:#dcdcdc; padding:12px 10px;}
#footer_wrap .f_menu li { display:inline-block; width:40%; margin-left:1%; }
#footer_wrap .f_menu a {
					display:block;
					width:100%;
					height:33px;
					text-align:center;
					-webkit-border-radius:4px; /*¤Ð*/
					/* IE9+,FF4+,chrome,Safari5,+opera */
					border-radius:4px;
					color:#222;
					font-weight:500;
					background:#fff;
					}

#footer_wrap .f_menu span { display:block; font-size:15px; padding-top:9px; }
#footer_wrap .f_menu a:hover { color:#004483; }

#footer_wrap .f_menu .btn_top a {background:url('../images/common/top_arr.png') no-repeat 80% 40% #fff; background-size:15px }
#footer_wrap .f_menu .btn_top span {margin-right:10px;}

address { width:90%;}
address p { display:inline-block; margin-right:12px; font-style:normal; line-height:1.4;}
.footer .copy { color:#9c9c9c; padding-top:3px;}

.footer .btn_admin { position:absolute; right:10px; top:30px;}
.footer .btn_admin a { display:block; padding:10px 38px 10px 38px; color:#7f7f7f; font-size:13px; border-radius:0; border:1px solid #a9a9a9;}
.footer .btn_admin a:hover { background:#a9a9a9; color:#000;}


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


@media all and (max-width:980px) {	
#header_wrap #tnb {z-index:900; margin:0 9% 0 34%; }
#tnb ul.menu li .jq_tm a { font-size:19px;}
}


@media all and (max-width:768px) {	
#header_wrap #header h1 { position:absolute; width:100%; left:0; z-index:auto; text-align:center;}	
#header_wrap #header h1 a { max-width:200px; padding:2% 0 0 0; display:inline-block;}

#tnb_sm { display: block;}
#top_mem_open { display:block;}
#tnb { display: none;}
.tnb_sitemap img { width:42px; padding:7px 0;}
.allmenu_wrap { width:100%; float:none;}
address p { display:block; }



}

@media all and (max-width:620px) { 
#footer_wrap .fnb { display:none;}
#footer_wrap .f_menu { display:block;} 
.footer { padding:15px;}
.btn_admin { display:none;}
address { width:100%;}

.banner_main {width:100%; margin: 0 auto;}
.banner_main li {width:48%;}


}

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

#header_wrap { position:fixed; top:0; width:100%; background:#fff; z-index:999; }
#wrap { padding-top:49px;}
#header_wrap #header h1 a { max-width:200px; padding:10px 15px 0 0;}
.tnb_key a img { width:34px; min-width:30px;}
.tnb_sitemap img { width:40px; min-width:40px; }
#pop_top_mem .allm_btn { right:3%; }

#footer_wrap { margin-top:20px; font-size:13px; }
address p { display: inline-block; }
.banner_main li {width:45%;}
}