@charset "utf-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
li { list-style-type:none; }
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
img{ max-width:100%; } /*ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해*/
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}
html{}
body{width:100%; height:100%; min-width:1080px; font-family:'Nanum Gothic'; overflow-x:hidden;}
a{text-decoration:none; color:#666;}
.cr{clear:both;}

.b_blue{color:#1d2088; font-weight:bold;}
.b_black{color:#000; font-weight:bold;}

/* margin*/
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.mt0{margin-top:0 !important;}
.mt30{margin-top:30px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb35{margin-bottom:35px !important;}

/*padding*/
.pb50{padding-bottom:50px !important;}
.pb70{padding-bottom:70px !important;}
.pb100{padding-bottom:100px !important;}
/*border*/
.bt1{border-bottom:1px solid #ddd;}


/* table */
.n_tb{border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #555;}
.n_tb th{padding:14px 0; border-bottom:1px solid #aaa; font-size:14px; color:#555; font-weight:bold;}
.n_tb td{border-bottom:1px solid #ddd; font-size:14px; color:#666; text-align:center; padding:14px 0;}
.n_tb td.title{ text-align:left; padding-left:10px;}
.n_tb td.title:hover a:hover{color:#1d2088;}
.n_tb tr.last{border-bottom:2px solid #ddd;}

.view_tb{border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #555;}
.view_tb th{padding:14px 0 14px 20px; border-bottom:1px solid #aaa; font-size:14px; color:#555; font-weight:bold; text-align:left;}
.view_tb td{border-bottom:1px solid #ddd; font-size:14px; color:#666; padding:14px 0 14px 20px; }
.view_tb td span{font-weight:bold; margin-right:12px; padding-left:51px; background:url(/public/img/sub/community/view_line.png) no-repeat 25px 3.5px;}
.view_tb td span:first-child{padding-left:0; background:none; }
.view_tb td.file span{padding:0  46px 0 0; background:url(/public/img/sub/community/view_line.png) no-repeat 71px 3.5px; margin:0;}
.view_tb td.file .down{font-weight:normal; margin:0; padding:0 0 0 15px; background:url(/public/img/sub/community/file.png) no-repeat 0 3px;}
.view_tb td.file img{display:inline; vertical-align:middle;}
.view_tb td p{line-height:20px; margin-bottom:5px;}
.view_tb tr.last{border-bottom:2px solid #ddd;}
.view_tb td.list span{padding:0 52px 0 0; background:url(/public/img/sub/community/view_line.png) no-repeat 66px 3.5px; margin:0;}
.view_tb td.list a:hover{text-decoration:underline;}

#wrap{width:100%; height:100%; }

/*header*/
#wrap #header{width:1080px; margin:0 auto; height:130px; position:relative;}
#wrap #header .logo{position:absolute; left:0; top:45px;}
#wrap #header .h_util:after{display:table; content:''; line-height:0; clear:both;}
#wrap #header .h_util ul{padding-top:20px; float:right;}
#wrap #header .h_util ul li{float:left;}
#wrap #header .h_util ul li.home{background:#1d2088; width:63px; height:28px; line-height:28px; text-align:center;}
#wrap #header .h_util ul li.home a{color:#fff;}
#wrap #header .h_util ul li.sitemap{border:1px solid #ececec; border-left:0; width:62px; height:26px; line-height:28px; text-align:center;}
#wrap #header .h_util ul li a{font-size:12px; display:block;}

#wrap #header .gnb{padding-left:475px; margin-top:30px;}
#wrap #header .gnb:after{display:table; content:''; line-height:0; clear:both;}
#wrap #header .gnb ul:after{display:table; content:''; line-height:0; clear:both;}
#wrap #header .gnb ul li{float:left; position:relative; width:200px; text-align:center; height:52px; background:url(/public/img/menu_line.jpg) no-repeat left  0;}
#wrap #header .gnb ul li:first-child{background:none;}
#wrap #header .gnb ul li a{font-size:18px; color:#444; display:block;}
#wrap #header .gnb ul li a:hover{text-decoration:underline; color:#23268b;}
#wrap #header .gnb ul li .sub{width:200px; display:none; position:absolute; top:43px; left:0; z-index:9999; border-top:0;  background:url(/public/img/menu_top.jpg) no-repeat 0 0; padding-top:10px;}
#wrap #header .gnb ul li .sub li{width:188px; height:38px; line-height:38px;  text-align:left; float:none;  border:1px solid #ddd; background:#fbfbfb; border-top:0; padding-left:10px;}
#wrap #header .gnb ul li .sub li.bg{border-top:2px solid #1e218c;}
#wrap #header .gnb ul li .sub li a{color:#444; font-size:14px;}
#wrap #header .gnb ul li .sub li a:hover{font-weight:bold; text-decoration:none; color:#23268b;}

/*container*/
#wrap #container{width:100%; margin:0 auto; position:relative; background:url(/public/img/c_bg.png) repeat-x  0px 455px; padding-bottom:29px;}
#wrap #container .slide{width:100%; height:455px; }
#wrap #container .slide img{width:100%; height:455px;}
#wrap #container .content{width:1080px; margin:-80px auto 0; height:420px; position:relative; z-index:99999;}
#wrap #container .content:after{display:table; content:''; line-height:0; clear:both;}
#wrap #container .content .c_left{float:left; width:580px;}
#wrap #container .content .c_left  h3{height:50px; line-height:50px; background:#ffa23b; font-size:18px; color:#fff; text-indent:20px;}
#wrap #container .content .c_left .service{background:url(/public/img/service_bg.png) repeat; height:340px; padding:30px 50px 0;}
#wrap #container .content .c_left .service .icon{float:left; width:120px; margin-left:60px; padding-bottom:30px;}
#wrap #container .content .c_left .service .icon:first-child{margin-left:0;}
#wrap #container .content .c_left .service .icon img{display:block;  width:110px; margin:0 auto 10px;}
#wrap #container .content .c_left .service .icon p a{font-size:16px; color:#fff; letter-spacing:-1px; text-align:center; display:block;}
#wrap #container .content .c_left .service .icon p a:hover{text-decoration:underline;}
#wrap #container .content .c_right{float:left; width:500px; position:relative;}
#wrap #container .content .c_right .more{position:absolute; right:18px; top:20px; width:10px; height:10px;}
#wrap #container .content .c_right .more img{display:block;}
#wrap #container .content .c_right h3{height:50px; line-height:50px; background:#556276; font-size:18px; color:#fff; text-indent:20px;}
#wrap #container .content .c_right .notice{height:205px; background:#fff; padding:5px 20px 0;}
#wrap #container .content .c_right .notice ul li{background:url(/public/img/line.png) no-repeat 0 bottom; height:36px; line-height:36px; position:relative;}
#wrap #container .content .c_right .notice ul li a{font-size:14px; color:#666; padding-left:5px; width:360px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
#wrap #container .content .c_right .notice ul li a:hover{text-decoration:underline;}
#wrap #container .content .c_right .notice ul li span{font-size:12px; color:#666; position:absolute; right:10px;}
#wrap #container .content .c_right .popup_zone{background:#fff; height:160px; width:500px;}

/*footer*/
#wrap #footer{width:100%; height:140px; background:#2d2d2d;}
#wrap #footer .footer_wrap{width:1080px; margin:0 auto;}
#wrap #footer .footer_wrap .f_logo{width:274px; float:left; padding-top:46px; margin-right:45px;}
#wrap #footer .footer_wrap .f_text{float:left; padding-top:37px;}
#wrap #footer .footer_wrap .f_text .privacy{ margin-bottom:10px;}
#wrap #footer .footer_wrap .f_text .privacy a{font-size:14px; color:#b8111d; font-weight:bold;}
#wrap #footer .footer_wrap .f_text p{font-size:14px; color:#868686; line-height:22px;}

/* font */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}