@charset "utf-8";

/* Font-Face */

@font-face{
font-family:NanumGothic;
src:url('/include/front/css/home/font/NanumGothic.eot');
src:url('/include/front/css/home/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/include/front/css/home/font/NanumGothic.woff') format('woff'),
url('/include/front/css/home/font/NanumGothic.ttf') format('truetype');
url('/include/front/css/home/font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('font/NanumGothic.woff') format('woff');
}

@font-face{
font-family:NanumGothic-bold;
src:url('/include/front/css/home/font/NanumGothic-bold.eot');
src:url('/include/front/css/home/font/NanumGothic-bold.eot?#iefix') format('embedded-opentype'),
url('/include/front/css/home/font/NanumGothic-bold.woff') format('woff'),
url('/include/front/css/home/font/NanumGothic-bold.ttf') format('truetype');
url('/include/front/css/home/font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('font/NanumGothic-bold.woff') format('woff');
}

/* NanumBarunGothic 기본 폰트 */
@font-face{
font-family: "NanumBarunGothic";
src: url('/include/front/css/home/font/NanumBarunGothic.eot')format('eot');
src: url('/include/front/css/home/font/NanumBarunGothic.woff') format('woff');
}
/* NanumBarunGothic 굵은 폰트 */
@font-face{
font-family: "NanumBarunGothicBold";
src: url('/include/front/css/home/font/NanumBarunGothicBold.eot')format('eot');
src: url('/include/front/css/home/font/NanumBarunGothicBold.woff') format('woff');
}




/* -------- COMMON -------- */
html, body	{font-family:'나눔고딕','NanumGothic' , 'Nanum Gothic';width:100%;height:100%;background: #f4f4f4 url('/include/front/images/home/bg_pattern.gif') repeat-y 0 0;}
body,	p,	ul,	ol,	li,	dl,	dt,	dd,	form,	table,	th,	td,	fieldset,	input,	textarea,	select,	button,	h1,	h2,	h3,	h4,	h5,	h6,	pre	{margin:0; padding:0;}
body {width:100%;min-height:100%;}
fieldset,	img	{border:0;}
table{border-collapse:collapse;border-spacing:0px;}
legend,	caption	{position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
ul,	ol	{list-style:none;}
a	{ text-decoration:none;}
a:active,	button:active	{outline:none;}
input, textarea {font-size: 12px;font-family: '나눔고딕', NanumGothic,'Nanum Gothic';color: #333;}
select {min-width: 90px;height: 27px;font-size: 13px;font-family: '나눔고딕', NanumGothic,'Nanum Gothic';color: #555;line-height: 18px;padding: 4px 8px;border: 1px solid #ddd;vertical-align: middle;}

.cursor {cursor: pointer;}
form {display:inline;}
.cnt {text-align:center;}
.txt_left {text-align:left !important;}
.left{float:left !important;}
.bullet ul li{background: url('/include/front/images/home/btn_bullet.png') no-repeat 29px 7px;}
.ltne {float:none !important;}
.right{float:right !important;}
.clbo{clear:both !important;}
.dsbk{display:block !important;}
.valignm {vertical-align:middle !important;}
.valignt {vertical-align:top !important;}

.ft_blue {color:#0079c5 !important;}
.ft_rgb98 {color:#3a547f !important;}
.ft_green {color:#59a301 !important;}
.f18 {font-size:18px !important;}
.red {color: #e41b23 !important;}
.ft_blue2 {color:#0067a9 !important;}
.ft_blue3 {color:#126fab !important;}
.ico_star {display: inline-block; height: 12px; color: #e41b23; font-size: 12px; }
.wrap_green {background:#7bc523 !important;color:#fff !important;}
.vertical_line {position:absolute;width:1px;height:100%;top:60px;left:50px;background:#cbcbcb;}

/* Padding */
.pad0{padding:0 !important;} 
.padt5{padding-top:5px !important;}
.padt10{padding-top:10px !important;}
.padt38{padding-top:38px !important;}
.padt60{padding-top:60px !important;}
.padt57{padding-top:57px !important;}
.padt100{padding-top:100px !important;}
.padb7 {padding-bottom:7px !important;}
.padb10 {padding-bottom:10px !important;}
.padb20 {padding-bottom:20px !important;}
.padb30 {padding-bottom:30px !important;}
.padb100{padding-bottom:100px !important;}
.padl27{padding-left:27px !important;}
.padl36{padding-left:36px !important;}
.padl52{padding-left:52px !important;}

/* margin */
.mrg0{margin:0 !important;}
.mrgt10{margin-top:10px !important;}
.mrgl10{margin-left:10px !important;}
.mrgl16{margin-left:16px !important;}
.mrgl21{margin-left:21px !important;}
.mrgr60{margin-right:60px !important;}

/* width */
.wth50 {width:50px !important;}
.wth55 {width:55px !important;}
.wth68 {width:68px !important;}
.wth70 {width:70px !important;}
.wth155 {width:155px !important;}
.wth540 {width:540px !important;}
.wth764 {width:764px !important;}
.wth770 {width:770px !important;}




.sub_body {background: #f4f4f4 url('/include/front/images/home/bg_pattern.gif') repeat-y 0 0;}

/* 레이아웃 */
#wrapper {min-width:1260px;height:100%;}
#container {position:relative;width:1260px;min-height:100%;margin: 0 auto 0 0;}
#header {position: absolute;left:0px;top:0px;background:#373737;width:200px;height:100%;min-height:700px;z-index:999;box-shadow:8px -10px 12px -8px black;}
#content {position:relative;left:200px;width:1060px;height:100%;}
#content:after {display:block;clear:both;content:'';}


/*LOGO*/
#header a.logo {display:block;width:100%;height:96px;background: #434343 url('/include/front/images/home/logo.png') no-repeat center 17px;text-indent: -9999em;font-size: 0;text-align:center;}



/* GNB */
#gnb {min-height:200px;max-height: 700px;margin-top: 6px;}
#gnb > ul {position: relative;padding-bottom:20px;background:#373737;z-index:999;}
#gnb .depth2 ul {}

/*depth1*/
#gnb .depth1 {width:100%;}
#gnb .depth1 > a {display:block;color:#dfe1d1;font-size:15px;line-height:45px;padding-left:20px;}
#gnb .depth1:hover >a {color:#7bc523;}

/*depth2*/
#gnb .depth2 li {background: #272727;height:29px;border-bottom:1px solid #191919; }
#gnb .depth2 li a {display:block;color:#d9d9d9;font-size:12px;line-height:29px;padding-left:20px;}
#gnb .depth2 li.on {background: #7bc523;}
#gnb .depth2 li.on a {font-weight:bold;font-weight:600\0/IE8+9;color:#212121;}
#gnb .depth2 li:hover {background: #7bc523;}
#gnb .depth2 li:hover a {font-weight:bold;font-weight:600\0/IE8+9;color:#212121;}
#gnb .depth2 .first {border-top:0px;}
#gnb .depth2 .last {border-bottom:0px;}

/*login*/
#header .login {position: relative;padding: 25px 19px 20px 19px;background: #373737 url('/include/front/images/home/log_line.png') no-repeat center top;z-index: 2;}
#header .login .logout_wrap {margin-bottom:20px;}
#header .login .logout_wrap h3 {font-size:13px;color:#d9d9d9;margin-bottom:12px;}
#header .login .logout_wrap .input_box {position:relative;width:160px;height:26px;margin-bottom:10px;background:#282828;border:1px solid #282828;}
#header .login .logout_wrap .input_box input {width:150px;height:20px;padding:3px 0 3px 10px;border: 0px;background:#282828;color:#999999;}
#header .login .logout_wrap .input_box .placeholder {position:absolute;top:6px;left:10px;color:#999999;font-size:11px;font-family: arial,sans-serif;}
#header .login .logout_wrap .login_btn {position:absolute;right:20px;width:50px;height:19px;border:0px;cursor: pointer;background: url('/include/front/images/home/btn_icon.png') no-repeat -4px -72px;font-size:10px;color:white;}
#header .login .logout_wrap .join_txt {width:74px;height:10px;font-size:12px;color:#bba86d;}

#header .login .login_wrap {margin-bottom:20px;overflow:hidden;}
#header .login .login_wrap .member_pic {float:left;width:75px;height:auto;}
#header .login .login_wrap .msg_box {float:left;margin-left:10px;width:75px;height:68px;}
#header .login .login_wrap .msg_box p {margin-top: 10px;font-size:13px;color:#dfe1d1;}
#header .login .login_wrap .btn_wrap {float:left;margin-top: 10px;}
#header .login .login_wrap .btn_wrap:after {display:block;clear:both;content:'';}
#header .login .login_wrap .btn_wrap .intra_btn {width:75px;height:19px;border:0px;font-size:10px;color:white;cursor: pointer;background:url('/include/front/images/home/bg_intra.png') no-repeat 0px 0px;}
#header .login .login_wrap .btn_wrap .logout_btn {width:75px;height:19px;margin-left:5px;border:0px;font-size:10px;color:white;cursor: pointer;background:url('/include/front/images/home/bg_logout.png') no-repeat 0px 0px;}

/*fixed*/
#header .banner {position:absolute;bottom:0px;z-index:1;border-top:1px solid #292929;}

/*link*/
#header .link {background:#444444;border-top:1px solid #424242;border-bottom:1px solid #292929;}
#header .link ul {overflow:hidden;}
#header .link ul li {float:left;width:100px;height:28px;text-align:center;}		
#header .link ul li a {display:block;width:99px;margin-top:6px;font-size:11px;color:#888888;}
#header .link ul li a.odd {border-right:1px solid #575757;}
#header .link ul li a.even {border-left:1px solid #2f2f2f;}
#header .link ul li:nth-child(odd) a {border-right:1px solid #575757;}
#header .link ul li:nth-child(even) a {border-left:1px solid #2f2f2f;}
/* footer */
#header .footer {padding-top:20px;}
#header .footer .info {margin-bottom:8px;}
#header .footer .info p {margin-left:20px;margin-bottom:5px;line-height:18px;font-size:11px;color:#9d9d9d;}
#header .footer .copyright {margin-bottom:20px;}
#header .footer .copyright p {margin-left:10px;font-size:10px;color:#6b6b6b;}
/*pop layer */
#gallery_pop_layer {position:fixed;top:0px;left:0px;z-index:999;width:100%;height:100%}
#gallery_pop_layer .bg {position:absolute;width:100%;height:100%;background:black;opacity:0.8;z-index:-1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#gallery_pop_layer img {}
#imgBox {position:absolute;}
#imgBox img {display:inline-block;border: 8px solid #fff;}
#gallery_pop_layer a {display:inline-block;position:relative;width:23px;height:100%;} 
.btn_gal_prev {position:absolute;top:50%;margin-top:-15px;margin-left:40px;display:block;width:23px;height:35px;background:url(/include/front/images/home/btn_gallery1.png) no-repeat left top;}
.btn_gal_next {position:absolute;top:50%;margin-top:-15px;margin-left:-40px;display:block;width:23px;height:35px;background:url(/include/front/images/home/btn_gallery2.png) no-repeat right top;}
#gallery_pop_layer a.btn_close_pop {position: absolute;width:35px;height:24px;line-height:24px;top: 0px;right: 30px;padding-left:25px;font-size: 12px;font-weight:bold;color:#222;z-index:99;background: #fff url(/include/front/images/home/btn_close2.png) no-repeat 10px 9px;}


/*나눔고딕 bold 문제 fix */
.ng-bold {font-weight:bold;font-weight:600\0/IE8+9;} /*css hack*/
.ng-bold2 {font-family:'NanumGothic-bold';} /*폰트 따로 올림*/

.mgr6 {margin-right:6px !important;}
.mgr10 {margin-right:10px !important;}

/* botton */
.botton_green {display: inline-block;overflow: hidden;padding: 0 3px 0 0;margin: 0 5px 0 3px;vertical-align: middle;height: 35px;line-height: 35px; background: url('/include/front/images/home/ico_botton.png') 100% 0 no-repeat;}
.botton_green:hover {background: url('/include/front/images/home/ico_botton.png') 100% -55px no-repeat;}
.botton_green a {display: block;height: 35px;padding:0 30px;font-size: 14px;color:#fff;text-align: center;background: url('/include/front/images/home/ico_botton.png') 0 0 no-repeat;}
.botton_green a:hover {background: url('/include/front/images/home/ico_botton.png') 0 -55px no-repeat;}

.botton_green2 {display: inline-block;overflow: hidden;padding: 0 3px 0 0;vertical-align: middle;height: 35px;line-height: 35px; background: url('/include/front/images/home/ico_botton.png') 100% 0 no-repeat;}
.botton_green2:hover {background: url('/include/front/images/home/ico_botton.png') 100% -55px no-repeat;}
.botton_green2  {font-size: 14px;color:#fff;text-align: center;}
.botton_green2 a {display: block;height: 35px;padding:0 30px;font-size: 14px;color:#fff;text-align: center;background: url('/include/front/images/home/ico_botton.png') 0 0 no-repeat;}
.botton_green2 a:hover {background: url('/include/front/images/home/ico_botton.png') 0 -55px no-repeat;}

.botton_gray {display: inline-block;overflow: hidden;padding: 0 3px 0 0;margin: 0 0 0 3px;vertical-align: middle;height: 35px;line-height: 35px; background: url('/include/front/images/home/ico_botton.png') 100% -110px no-repeat;}
.botton_gray:hover {background: url('/include/front/images/home/ico_botton.png') 100% -165px no-repeat;}
.botton_gray a {display: block;height: 35px;padding:0 30px;font-size: 14px;color:#fff;text-align: center;background: url('/include/front/images/home/ico_botton.png') 0 -110px no-repeat;}
.botton_gray a:hover {background: url('/include/front/images/home/ico_botton.png') 0 -165px no-repeat;}

.icon_new {display:inline-block;width:11px;height:11px;vertical-align: middle;background:url('/include/front/images/home/btn_icon.png') no-repeat -5px -96px;}
.close_btn {display:block;position:absolute;width:17px;height:17px;background:url('/include/front/images/home/icon_x.png') no-repeat;}


/* page button */
.btn_page {display:inline-block;width:25px;height:25px;font-size:12px;color:#333;font-weight:bold;font-weight:600\0/IE8+9;;background: url('/include/front/images/home/btn_board.png') no-repeat -69px 0px;line-height:22px;text-indent:-1px;}
.btn_page.on {color:#529800;}
.btn_page_first {display:inline-block;width:25px;height:25px;background: url('/include/front/images/home/btn_board.png') no-repeat -29px 0px;text-indent: -9999px;line-height:20px;}
.btn_page_first.on {background:url('/include/front/images/home/btn_board.png') no-repeat -29px -31px;}
.btn_page_prev {display:inline-block;width:25px;height:25px;background: url('/include/front/images/home/btn_board.png') no-repeat 0px 0px;text-indent: -9999px;line-height:20px;margin-right:10px;}
.btn_page_prev.on {background: url('/include/front/images/home/btn_board.png') no-repeat 0px -31px;}
.btn_page_next {display:inline-block;width:25px;height:25px;background: url('/include/front/images/home/btn_board.png') no-repeat -107px -31px;text-indent: -9999px;line-height:20px;margin-left:10px;}
.btn_page_next.on {background: url('/include/front/images/home/btn_board.png') no-repeat -107px 0px;}
.btn_page_end {display:inline-block;width:25px;height:25px;background: url('/include/front/images/home/btn_board.png') no-repeat -136px -31px;text-indent: -9999px;line-height:20px;}
.btn_page_end.on {background: url('/include/front/images/home/btn_board.png') no-repeat -136px 0px;}