@charset "UTF-8";
/* Noto Sans KR (korean) http://www.google.com../font/earlyaccess */
/* @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
/*
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Marcellus+SC|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans');
*/
/*-----------------------------------------------------------------------------------*/
/*	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;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* html5 element make */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;}
/* * Prevent modern browsers from displaying `audio` without controls.  * Remove excess height in iOS 5 devices.  */
audio:not([controls]) { display: none; height: 0; }
/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support.*/
[hidden] { display: none;}

/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle}
svg:not(:root) { overflow: hidden; }	

/* Eric Meyer 참고 ----------------------------- */
body {line-height: 1; /*- 한글 기준은 1.2 -*/ }

/* Lists */
dl,ul,ol,menu,li{list-style:none;}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
} 
/* remember to define focus styles! 포커스발생시 테두리 */
:focus {outline: 0;}

/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
table caption{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.blind, caption {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -1000em;
    visibility: hidden;
}
/*
.blind,legend, hr, caption {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -1000em;
    visibility: hidden;
}
*/
/* --------------------------------------- */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:focus {
outline: 0 !important
}
.fit-vids-style {
display: none
}
figure {
margin: 0;
padding: 0;
}
figure img {
width: 100%;
height: auto;
}
iframe {
border: none
}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
html, body{ height:100%}
/* form style 제거 */
input[type='text'],input[type='password'],input[type='image'],input[type='tel'],input[type='email']{-webkit-appearance:none;border-radius:0;}
input[type='checkbox']{border-radius:0;border:1px solid #909090;}
input:checked[type='checkbox']{-webkit-appearance:checkbox;}
select {/* -webkit-appearance: none; */ border-radius: 0;-webkit-border-radius: 0;}
input[type='file']{-webkit-appearance:button;border-radius:0;}

body{
font-family: "Noto Sans KR",'Nanum Gothic',"NanumSquare", "맑은 고딕", "Malgun Gothic", 'Open Sans', sans-serif; 
/* font-family: 'Nanum Gothic', '맑은 고딕', 'Open Sans', sans-serif;  */
font-size:14px;
line-height:1;
color:#444;
background: #ffffff;
}
body.member {padding-top: 0; background:url(../img/bg_my.jpg) no-repeat; background-size: cover; background-repeat: no-repeat;}


body,
li,
address {
line-height: 1;
}
input,
button,
select,
textarea {
font-weight: normal;
letter-spacing: 0.4px; color: #666;
font-family: 'Noto Sans KR';	
}
select {
    appearance: none;
	-moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}
 select::-ms-expand{
    display: none;
}

/* input 스타일 재정의 */
.select_style{padding: 2px 2px 2px 2px; height:28px; font-size:13px; border:1px solid #d6d6d6; /* background:#ffffff url(../img/icon_select.png) no-repeat 99% 50%;background-size: 13px 21px; */}
input[type='text'] , input[type='password']{background: #ffffff;  border:1px solid #e2ded8; padding: 5px 7px; height:36px;}
input[type='file'] {background: #ffffff;  border:1px solid #d6d6d6; padding:0; height:28px;}
textarea {padding: 10px 10px; min-height: 100px; width:100%; background: #ffffff; border: 1px solid #d4d3d3; vertical-align: middle; resize: none;}
select.st2 {
    border: 1px solid #ccc;
    /* font-size: 13px; */
    line-height: 31px;
    color: #666;
    /* font-weight: 700; */
    background: url(../img/arrow-down2.png) right center no-repeat #fff;
    background-size: 18px 5px;
    height: 36px;
    padding: 0 35px 0 12px!important;
    border-radius: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 2px;
    border: 1px solid #ccc;
    background: #ffffff url(../img/ico_menuarrow.png) no-repeat 88% 50%;
}
/* 기본 링크 정의 */
a {color:#646665; text-decoration:none;}
a:link, a:visited {color:#676767; text-decoration: none;outline:none;}
a:hover, a:active {color: #f57a03;;}
p { /* margin: 0 0 15px*/}
/*a { color: #292929; text-decoration: none;}
a:hover { color: #549dc5; text-decoration: none;}
a:focus {color: #549dc5; text-decoration: none;}*/

/* font 정의 */
strong, b{ font-weight:700;}
.f_blod {font-weight:bold !important;}
.f_normal {font-weight:normal !important;}
.font_gray {color:#666;} .font_red {color:#cc0000;} .font_cyan {color:#336699;} .font_green {color:#009933;}263
.font_blue {color:#1c5673;} .font_right_blue {color:#3c96c3;} .font_violet {color:#6666cc;} .font_navy {color:#003366;}

h1{text-transform: uppercase;}
h1 h2,h3,h4,h5,h6 {font-weight: 700; word-spacing: 1px;}
h1 {font-size: 28px;line-height: 35px;} h2 {font-size: 22px;line-height: 28px;} h3 {font-size: 18px;line-height: 22px;} h4 {font-size: 14px;} h5 {font-size: 13px} h6 {font-size: 12px}

/*-----------------------------------------------------------------------------------*/
/*	Float, position 정의
/*-----------------------------------------------------------------------------------*/
.ovfl_hid{ overflow:hidden}
.fl_left {float:left;} .fl_right {float:right;} .fl-none {float:none;}	

/* position 정의
----------------------- */
.pos_rel { position:relative;} .pos_abs { position:absolute;}

/*-----------------------------------------------------------------------------------*/
/*	clearfix
/*-----------------------------------------------------------------------------------*/
.clearfix {clear: both; *zoom: 1;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clear-after:after {clear: both; content: " "; display: table;}
/*.clearfix:after{content:'';display:block;clear:both;}
.clearfix{*zoom:1}*/		
/*-----------------------------------------------------------------------------------*/
/*	Text 정의
/*-----------------------------------------------------------------------------------*/
.text_left {text-align:left !important;} .text_right {text-align:right !important;} .text_center {text-align:center !important;}
  
/* Vertical 정의
----------------------- */
.valin_t {vertical-align:top;} .valin_m {vertical-align:middle;} .valin_b {vertical-align:bottom;}


/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/
/* 기본버튼 gray border style */
.btn {
    display: inline-block;
    /* width: 50%; */
    padding: 12px 24px;
    color: #666666!important;
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 1;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: 300;
}
  
.btn:hover,
.btn:focus,
.btn.active { background: #f6f6f6; color: #666!important; 
/* -webkit-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; */
}
.btn-big {padding: 18px 40px; font-size:20px}
.btn.small {
    height: 40px;
    font-size: 14px;
    vertical-align: middle;
    padding: 13px 30px;
}
.btn.ss{height: 30px; font-size: 12px; vertical-align: top; padding: 7px 8px; margin-bottom:3px;}

.btn.btn-red,.btn.on { background: #ea3732; border:1px solid #ea3732; color: #ffffff!important;}
.btn.btn-red.check { padding-right: 70px; background: #ea3732 url(../img/ico_check.png) no-repeat 80% 40%;}  

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active { color:#fff!important; background: #ea3732; !important; border:1px solid #ea3732}

.btn-red.check:hover,
.btn-red.check:focus,
.btn-red.check:active,
.btn-red.check.active { padding-right: 70px; background: #ea3732 url(../img/ico_check.png) no-repeat 80% 40%;}

.btn.btn-gray { background: #666; border:1px solid #666; color: #ffffff!important;}
.btn.btn-rgray.check { padding-right: 70px; background: #666 url(../img/ico_check.png) no-repeat 80% 40%;}  

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active { color:#fff!!important; background: #666; !important; border:1px solid #666}

.btn-gray.check:hover,
.btn-gray.check:focus,
.btn-gray.check:active,
.btn-gray.check.active { padding-right: 70px; background: #666 url(../img/ico_check.png) no-repeat 80% 40%;}

.btn.btn-gray2 { background: #969696; border:1px solid #969696; color: #fff!important;}
.btn-border { /* learn more (기본오렌지) */
    display: inline-block;
	padding:12px 30px; margin:0;
	background:#ffffff !important;
    border: 1px solid #f57a03;
	-webkit-border-radius: 2px;
    border-radius: 2px;
    color: #f57a03 !important;
	font-size: 15px;
	font-weight:700;
	text-align: center;
}
.btn-border.small {
    height: 35px;
    font-size: 13px !important;
    padding: 10px 15px;
}
.btn-border:visited {
 color: #f57a03 !important;}

.btn-border:hover {
    background: #fff !important;
    border: 1px solid #f57a03;
    color: #f57a03 !important;;
}
.btn-border.on {
    background: #f57a03 !important;
    border: 1px solid #f57a03;
    color: #ffffff !important;
}
.btn-border.off {
    background: #9d9d9d !important;
    border: 1px solid #9d9d9d;
    color: #ffffff !important;
}


.btn-border.gray{ padding:12px 20px; color: #b7bbc7 !important; border: 1px solid #e0e3ec;}
 .btn-border.gray:hover { color: #b7bbc7 !important; border: 1px solid #e0e3ec; background:#fff!important}
 .btn-border.gray.on {background:#f57a03 !important;
    border: 1px solid #f57a03 ; color: #ffffff !important;	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	Layout
/*-----------------------------------------------------------------------------------*/	
#wrap{ position: relative; z-index: 100; width:100%; min-width:1180px; background: #fff}
#wrap.type2 {

}
#header {
    width: 100%;
    z-index: 300;
	position: absolute;	
}


#container{_display:inline-block; padding-top:20px; min-height: 900px;}
#container.main{ padding-top:0}
#container:after{display:block;clear:both;content:''}

#content{ width:100%}
#content.type2 {
    width: 1785px;
    margin: 0 auto;
}
#content.sub{ padding-bottom:200px}

#content.member{ width: 523px;  min-height: 100%;
 position: absolute; left: 50%; margin-left: -261px; background: #e7e9ee;}

#footer {
    width: 100%;
    overflow: hidden;
    background: #1b1b1b;
}
#wrap.type2 #footer {
    width: 1785px;
    margin: 0 auto;
    background: #ebeced;
}

#footer .inner {
    width: 1200px;
    overflow: hidden;
	padding: 35px 0 60px;
}

.inner{ width:1200px; margin:0 auto; position:relative;}


/*-----------------------------------------------------------------------------------*/
/*	responsive web design area 
/*-----------------------------------------------------------------------------------*/	
/*
@media screen and (max-width:1470px) {
	.inner_pin { width: 100%; margin: 0 auto; }
	.btnarea-tag, .product_category, .search_tit {width: 1230px; margin: 0 auto; padding: 0 0 0 7px!important;}
	.top_head.inner{ width: 1260px;}
	#footer .inner{width:1100px;}
}

@media screen and (max-width:1217px) {
	.inner_pin { width: 1000px; margin: 0 auto; }
	.btnarea-tag, .product_category{width: 990px; margin: 0 auto; }
	.top_head.inner{ width: 1100px; }
	#footer .inner{width:1100px;}
	
}
*/
/*-----------------------------------------------------------------------------------*/
/*	header
/*-----------------------------------------------------------------------------------*/	

#header .top_head{ position:relative; height:9px ; background:#304d6e}
#header .top_head .ico_pick { position:absolute; top:-12px; left:50%; margin-left:-15px;}

#header .nav {
    height: 110px;
    width: 1228px;
    margin: 0 auto;
    position: relative;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #d4d4d4;
	z-index:100;
}
#wrap.type2 #header .nav {width:100%; border: none;}
#wrap.type3 #header .nav {
    width: 100%;
    border: none;
    height: 96px;
    background: rgba(255, 255, 255, 0.9);
}
#header .logo {
    position: absolute;
    top: 28px;
    left: 20px;
}
#wrap.type2 #header .logo {
    left: 0;
}
#wrap.type3 #header .logo {
	left: 0;
}
#header .logo a {
    line-height: 200%;
    display: block;
    width: 500px;
    height: 78px;
   /*  background: url(../img/logo.png) no-repeat 0 0; */
    font-size: 21px;
	color: #333;
   /* text-indent: -9999px; */
}
#header .logo img {max-width:254px; max-height: 50px;}
#wrap.type2 #header .logo a {
    line-height: 260%;
}

#footer .footer_logo img {max-width:200px}
/* main-navi */
#gnb {
    float: right;
    position: relative;
    /* right: 80px; */
    /* top: 35px; */
    margin: 35px 80px 0 0;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    padding: 10px 25px;
}
#wrap.type2 #gnb {
    border: none;
    /* top: 25px; */
    /* right: 60px; */
    position: relative;
    float: right;
    margin: 28px 50px 0 0;
}
#wrap.type2 #lnb {
    float: right;
    margin-right: 0;
    margin-top: 15px;
}
#wrap.type2 #gnb ul {
	padding: 10px;
    border: 1px solid #e6e6e6;
	border-radius: 20px;
	float: left;
	position: relative;
}
#wrap.type2 #gnb .set {
    display: inline-block;
    margin: 5px 0 0 20px;
}
#wrap.type3 #gnb {
    padding: 10px;
    margin: 30px 60px 0 0;
    border: none;
}
#gnb li {
    display: inline-block;
    margin: 0 8px;
}	

#wrap.type2 #gnb li {margin: 0 15px;}
#wrap.type2 #gnb li::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 33px;
    background: #e6e6e6;
    position: absolute;
    top: 0;
    left: 50%;
}

#gnb li.set { margin-left:15px}
#gnb li a{ font-size:12px; color:#666464;  /* text-transform:uppercase */}

/* on */
#gnb li:hover a { color:#666464;}

/* allmenu */
.allmenu {
    position: absolute;
    right: 25px;
    top: 43px;
}
#wrap.type3 .allmenu {
    top: 40px;
}
.allmenu a {
	display: block;
    background: url(../img/icon_list.png) no-repeat;
    width: 25px;
    height: 20px;
    text-indent: -9999px;
}

/* lnb */
#lnb {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}
#wrap.type3 #lnb {
    float: left;
    margin-left: 300px;
    margin-top: 10px;
}
#lnb ul {
	display: inline-block;
	white-space: nowrap;
}
#lnb li {
	margin: 0;
	padding: 0;
}
#lnb li {
	display: inline-block;
	display: inline;
}
#lnb ul ul {
	position: absolute;
	left: -9999px;
	z-index: 300;
}
#lnb ul.level1 {
	margin: 0 auto;
}
#lnb ul.level1 li.level1-li {
	float: left;
	position: relative;
}
/*
#lnb ul.level1 li.level1-li.on::after, #lnb ul.level1 li.level1-li:hover::after {
    position: absolute;
    top: 65px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 24px;
    background: url(../img/nav_dot.png) 47px 0 no-repeat;
    z-index: 10;
}
*/
#lnb b {position: absolute;}
/* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#lnb a {
    display: block;
    position: relative;
    padding: 30px 18px;
    font-size: 17px;
    color: #252525;
    letter-spacing: -.5px;
    font-weight: 400;
}
#wrap.type2 #lnb a {padding: 30px 10px;}

#lnb li:hover a { /* li오버했을때 (아래 서브 메뉴포함됨) a 레드로 유지 */
	color: #37b0fb;  
}
#wrap.type2 #lnb li:hover a { color: #ffb218}

#lnb ul.level1 li.level1-li a.level1-a {
	float: left;
}
#wrap.type2 #lnb ul.level1 li.level1-li a.level1-a::after {
    width: 19px;
    height: 18px;
    display: inline-block;
    content: "";
    margin-left: 15px;
    background: url(../img/ico_menu.png) no-repeat;
}
#wrap.type2 #lnb ul.level1 li.level1-li:last-child a.level1-a::after {background:transparent;}

/* 하위메뉴2 ul 노출 */
#lnb ul li:hover > ul {
	visibility: visible;
	left: 0;
	top: 93px;
	border: 1px solid #d4d4d4;
	border-top:1px solid #fff;
	z-index:200;

}
#wrap.type2 #lnb ul li:hover > ul{top:94px;}
#wrap.type3 #lnb ul li:hover > ul{top:86px;}
/* 오버시 도트 */
#lnb ul li:hover > ul::before {
    position: absolute;
    top: -24px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 24px;
   /* background: url(../img/nav_dot.png) 47px 0 no-repeat;*/
    z-index: 10;
}

#lnb ul ul li:hover > ul {
	visibility: visible;
	left: 100%;
	top: auto;
	margin-top: -25px;
	margin-left: -4px;
}

#lnb a:hover ul {
	left: 0;
	top: 20px;
}

/* 메뉴 hover시 다음레벨3 ul 노출 여부 */
#lnb a:hover a:hover ul, #lnb a:hover a:hover a:hover ul {
	left: 100%;
	visibility: visible;
}
#lnb li.left a:hover a:hover ul, #lnb li.left a:hover a:hover a:hover ul {
	left: auto;
	right: 0;
	visibility: visible;
}
#lnb a:hover ul ul, #lnb a:hover a:hover ul ul {
	left: -9999px;
}
#lnb li.left a:hover ul ul, #lnb li.left a:hover a:hover ul ul {
	left: -9999px;
}

/* menu hover시 a style */
#lnb li a:hover, #lnb li a.fly:hover {
	/* color:#c60; background-color:#c0c0c8;*/
}
#lnb li:hover>a, #lnb ul li:hover>a.fly {
	/*color:#c60; background-color:#c0c0c8;*/
}
#lnb ul.level1 ul.level2 {
    padding: 5px 0;
    background: #fff;
}
#wrap.type2 #lnb ul.level1 ul.level2 {background: #ededed;}

#lnb ul.level1 ul.level2 li {}
#lnb ul.level1 ul.level2 li a {
    padding: 10px 60px 10px 20px!important;
	margin: 5px 0;
    color: #2d2d2d!important;
    font-size: 15px;
	font-weight: 400;
	width: 136px;
}
#lnb ul.level1 ul.level2 li a:hover {
	color: #fff!important;
	background: #37b0fb;
}
#wrap.type2 #lnb ul.level1 ul.level2 li a:hover {
	color: #fff!important;
	background: #ffb218;
}
#lnb li>a:hover span {
	display: inline-block;
	content: "";
	width: 21px;
	height: 15px;
	position: absolute;
	left: 47%;
	bottom: -15px;
	z-index: 10
}
#lnb li>a.on:hover span {
	display: none
}

/* lnb
#header #lnb {margin-right: 295px;}
#lnb ul { padding-top:25px}
#lnb li { float: right; position:relative; margin-left: 8px;}
#lnb li a {
display: block;
position: relative;
padding: 11px 19px;
font-size: 18px;
color: #252525;
letter-spacing: -1px;
font-weight: 700;
}
 */
#lnb li:hover a { color: #232323;}
/* 
    #lnb li.on:after, #lnb li:hover:after  {
    position: absolute;
	bottom: -3px;
	display: inline-block;
    content: "";
    width: 100%;
    height: 6px;
    background: #f57a03;
    z-index: 10;
}
*/

#lnb li > a:hover span{display: inline-block;  content: ""; width: 21px; height: 15px; position:absolute; left:47%; bottom:-15px; z-index:10}
#lnb li > a.on:hover span{display:none}

/*-----------------------------------------------------------------------------------*/
/*	footer
/*-----------------------------------------------------------------------------------*/
#footer .footer_logo {
    float: left;
    font-size: 16px;
    line-height: 180%;
    color: rgba(255, 255, 255, 0.4);
}
#wrap.type2 #footer .footer_logo {
 color: #8c8c8c;
}
#footer .footer_copy {
    font-size: 12px;
    text-align: left;
    color: #a9a9a9;
    line-height: 200%;
    margin-left: 225px;
}
#footer .footer_copy .link, #footer .footer_copy .link a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}
#footer .footer_copy a.hjy { color:#fff!important; border-bottom: 1px solid #fff;}
#wrap.type2 #footer .footer_copy .link, #wrap.type2 #footer .footer_copy .link a {
    color: #404040!important;
    font-size: 15px;
    margin-bottom: 10px;
}
#wrap.type2 #footer .footer_copy a.hjy {
    color: #404040!important;
    border-bottom: 1px solid #7b7b7b;
}
#footer .ico_sc {
    position: absolute;
    right: 0;
    top: 50px;
}


/* 모바일 웹화면이동 */
.foot_m {text-align:center; padding:10px}
.foot_m a { width:100%; display:block;  padding:45px; text-decoration:none; background:#C3C3C3; border-radius:3px; border:1px solid #ABABAB; font-size:45px; color:#555; font-weight:700;letter-spacing:-1px}


/*-----------------------------------------------------------------------------------*/
/*	right_guick menu
/*-----------------------------------------------------------------------------------*/
#banner_right {
    position: fixed;
    left: 50%;
    margin-left: 610px;
    top: 113px;
    width: 94px;
    height: 344px;
    z-index: 1;
    border: 1px solid #dce5ee;
    background: url(../img/banner_quick.png) no-repeat;
}

#banner_right a{ display:block; text-indent:-9999px }
#banner_right a.a1, #banner_right a.a2, #banner_right a.a3{ height:113px}

/*-----------------------------------------------------------------------------------*/
/*	01. home :visual
/*-----------------------------------------------------------------------------------*/
#home { 
	width:100%;
    margin: 0 auto;
    position: relative;
	overflow: hidden;
}
#visual_area {
    width: 100%;
    height: 590px;
    overflow: hidden;
	background: #111;
}
.type2 #visual_area {
    background: #111;
    width: 1785px;
    margin: 0 auto;
}
#visual_area #slider1{
	height:400px;
}
#visual_area .inner{ 
	width:1170px;  
	margin:0 auto; 
	padding: 70px 0;
}
#visual_area .textarea {
    width: 1200px;
    margin: 0 auto;
    padding-top: 250px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8); 
}
#visual_area .textarea h1 {
    color: #ededed;
    font-size: 53px;
    display: inline-block;
    padding: 3px 12px;
    font-weight: normal;
    word-spacing: -1px;
    text-transform: uppercase;
    font-family: 'NanumSquare';
    font-weight: 500;
    letter-spacing: -2px;
    background: rgba(255, 255, 255, 0.2);
	line-height: 120%;
}
#visual_area .textarea h1 .point { color: #67c5ff;}
#visual_area .textarea h1 .bold { font-weight: 800;}
#visual_area .textarea .txt {
    font-size: 18px;
    color: #fff;
    line-height: 160%;
    margin-top: 15px;
	font-family: 'NanumSquare';
}


#visual_area .textarea .txt .txt_inner {
    background: rgba(17, 17, 17, 0.2);
    display: inline;
    padding: 3px 7px;
}
#visual_area .btnarea { margin-top:50px }
/*
#visual_area .btnarea a { 
	font-size:20px; color: #fff!important; 
	padding:10px 38px; 
	border: 2px solid #fff;  
	font-weight:700;
	border-radius:5px;
}
*/
#visual_area .btnarea02 a { 
	font-size:24px; 
	color: #ffffff!important; 
	padding:15px 60px; 
	border-radius:5px;
	border: 3px solid #7dc4f6;font-weight:700
}
#visual_area .btnarea03 a { 
	font-size:24px; 
	color: #7dc4f6!important;
	border-radius:5px;
	padding:15px 40px; 
	background:#333639!important;
	border: 3px solid #333639; 
	font-weight:700
}
/*-----------------------------------------------------------------------------------*/
/*	01. home :visual -  type2 
/*-----------------------------------------------------------------------------------*/

#visual_area .textarea {
    width: 1200px;
    margin: 0 auto;
    padding-top: 230px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8); 
}
#wrap.type2 #visual_area .textarea .inner {
    display: inline-block;
    width: auto;
    padding: 60px 40px 40px;
    background: rgba(17, 17, 17, 0.6) url(../img/ico_visual.png) no-repeat;
}
#wrap.type2 #visual_area .textarea h1 {
    background:transparent;
	padding: 0;
	
}
#wrap.type2 #visual_area .textarea h1 .point { color: #ffcc66;}
#visual_area .textarea h1 .bold { font-weight: 800;}
#wrap.type2 #visual_area .textarea .txt {
    margin-top: 10px;
}
#wrap.type2 #visual_area .textarea .txt .txt_inner {
    background: transparent;
    padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	01. home :visual -  type3 
/*-----------------------------------------------------------------------------------*/
#wrap.type3 #visual_area { height: 650px;}
#wrap.type3 #visual_area #slider1 li {height: 590px}
#wrap.type3 #visual_area li .img1 {height: 650px;}
#wrap.type3 #visual_area .textarea {text-align: center;}
#wrap.type3 #visual_area .textarea .inner {
    display: inline-block;
    width: auto;
    padding: 65px 40px 55px;
    background: rgba(17, 17, 17, 0.6);
}
#wrap.type3 #visual_area .textarea h1 {
    background:transparent;
	padding: 0;
	
}
#wrap.type3 #visual_area .textarea h1 .point { color: #f98494;}
#wrap.type3 #visual_area .textarea .txt .txt_inner {
    background: transparent;
    padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	01 #home main_slide
/*-----------------------------------------------------------------------------------*/
#slider1 li{ /*padding: 110px 0;*/
	height:590px;
	box-sizing:border-box; position:relative;
}
li .img1{
	height:590px;
    background: #000 url(../img/slider1.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
li .bn_cont {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -540px;
}
li .img1.img2{
    background: url(../img/slider2.png) no-repeat;
    background-size: cover; 
    background-position: 50% 50%;
}
li .img1.img3{
	padding: 110px 0;
    background: url(../img/slider3.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}	

li .subimg
{height:230px;
	padding: 80px 0;
    background: url(../img/slider-bg1.jpg) no-repeat;
    /* background-size: cover; */
    background-position: 50% 50%;
}
li .subimg.img2
{height:230px;
	padding: 80px 0;
    background: url(../img/subimg.jpg) no-repeat;
    background-size: cover;
   
}	
li .subimg h1 img { width:auto!important}

/*-----------------------------------------------------------------------------------*/
/*	front page : home - login area
/*-----------------------------------------------------------------------------------*/
#home .home_quick { width: 100%; height: 173px;     padding-top: 66px; position: absolute; bottom: 0; background: rgba(23, 29, 33, 0.36);
    color: #fff;
    font-size: 27px;
    font-weight: 500;
	font-family: 'Noto Sans KR';
}
#home .home_quick .inner { width:1200px; margin: 0 auto}
.home_quick .quick_join { float:left; width: 50%; position: relative}
.home_quick .quick_column { float:right; width: 50%; position: relative; padding-left: 115px;}
.home_quick .sm_tit { margin-bottom: 7px; font-size:13px; font-weight: normal}
.home_quick span {
	display: block;
    right: 74px;
    top: 7px;
    position: absolute;
}
.home_quick .quick_column span {right: 0;}
.home_quick a {
	font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    border-radius: 30px;
    padding: 12px 27px;
}
.home_quick span:before {display:inline-block; content:""; width:205px; height: 1px; background: rgba(255, 255, 255, 0.4); }

/*-----------------------------------------------------------------------------------*/
/*	front page : depth1_area 
/*-----------------------------------------------------------------------------------*/
.depth1_area {
    width: 100%;
    padding: 70px 0 133px 0;
    overflow: hidden;
    /* background: #f0f0f0; 
    /* font-family: 'Noto Sans KR';*/
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 140%;
}

.depth1_area .mbtnarea {
    padding: 0 0 50px 0;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.depth1_area .mbtnarea .line {
    position: absolute;
    top: 52px;
    width: 100%;
    border-bottom: #ccc solid 1px;
	z-index: 100;
}
.depth1_area .mbtnarea .line::before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #666;
    position: absolute;
    left: 0;
    top: -3px;
    border-radius: 100%;
}
.depth1_area .mbtnarea .line::after {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #666;
    position: absolute;
    right: 0;
    top: -3px;
    border-radius: 100%;
}
/*
.depth1_area .mbtnarea > p:before, .depth1_area .mbtnarea > p:after {display:inline-block; content:""; width:450px; height: 1px; background: #ccc; }
*/
.depth1_area .mbtnarea a {
    display: inline-block;
    width: 104px;
    height: 104px;
    padding-top: 40px;
	margin: 0 10px;
    background: #9d9d9d;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    cursor: pointer;
    z-index: 200;
    position: relative;
	vertical-align: middle;
}
.depth1_area .mbtnarea a.on, .depth1_area .mbtnarea a:hover, .depth1_area .btnarea a:active { background: #37b0fb; color: #fff;}

/* 공모사업 내용 */
.depth1_area .mcont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.depth1_area .mcont .cardui {
    width: 386px;
    height: 277px;
    background: #fff;
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    text-align: left;
	
}
.depth1_area .mcont .cardui:nth-child(3) {margin:0}
.depth1_area .mcont .cardui .photo_area {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.depth1_area .mcont .cardui .photo_area img {
    width: 100%;
    height: auto;
    min-width: 386px;
    min-height: 277px;
}
.depth1_area .mcont .cardui .txt_area {
    padding: 75px 28px 30px 28px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 155px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.depth1_area .mcont .cardui .txt_area .ctit {
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.depth1_area .mcont .cardui .txt_area .ctit_s {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 5px;
}
.depth1_area .mcont .cardui .date {font-size: 12px;}
.depth1_area .mcont .cardui .txt_area .ctxt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*-----------------------------------------------------------------------------------*/
/*	type 2
/*-----------------------------------------------------------------------------------*/
/* 활동 캠페인 */

#wrap.type2 .depth1_area {
    width: 100%;
    padding: 70px 0 133px 0;
    overflow: hidden;
    /* background: #f0f0f0; */
    font-family: 'Noto Sans KR';
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 140%;
}

#wrap.type2 .depth1_area .mbtnarea {
    padding: 0 0 50px 0;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
#wrap.type2 .depth1_area .mbtnarea .line {
    position: absolute;
    top: 30px;
    width: 100%;
    border-bottom: #ccc solid 1px;
    z-index: 100;
}
#wrap.type2 .depth1_area .mbtnarea .line::before {
    display: none;
}
#wrap.type2 .depth1_area .mbtnarea .line::after {
    display: none;
}
/*
.depth1_area .mbtnarea > p:before, .depth1_area .mbtnarea > p:after {display:inline-block; content:""; width:450px; height: 1px; background: #ccc; }
*/
#wrap.type2 .depth1_area .mbtnarea a {
    display: inline-block;
    width: 132px;
    height: 54px;
    padding-top: 15px;
    margin: 0 10px 0 0;
    background: #828282;
    border: 3px solid #6f6f6f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    border-radius: 50px;
    cursor: pointer;
    z-index: 200;
    position: relative;
}
#wrap.type2 .depth1_area .mbtnarea a.on, #wrap.type2 .depth1_area .mbtnarea a:hover, #wrap.type2 .depth1_area .btnarea a:active { background: #ffcc66; color: #333; border: 3px solid #414141;}

#wrap.type2 .depth1_area .mcont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#wrap.type2 .depth1_area .mcont .cardui {
    width: 370px;
    height: auto;
    background: #fff;
    float: left;
    margin: 0 45px 20px 0;
    position: relative;
    text-align: center;
}

#wrap.type2 .depth1_area .mcont .cardui:last-child { margin: 0 0 20px 0;}
#wrap.type2 .depth1_area .mcont .cardui .photo_area {
    width: 100%;
    height: 170px!important;
    overflow: hidden;
	background: url(../img/noimg_main3.png) no-repeat;
    background-size: cover;
}
#wrap.type2 .depth1_area .mcont .cardui .photo_area img { width: 100%;}
#wrap.type2 .depth1_area .mcont .cardui .txt_area {
    padding: 38px 63px 70px;
    color: #969696;
    background: #f3f3f3;
    height: 205px;
    position: relative;
}
#wrap.type2 .depth1_area .mcont .cardui .txt_area .ctit {
    font-size: 20px;
	margin-bottom: 20px;
    color: #353535;
    position: relative;
    line-height: 1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}
#wrap.type2 .depth1_area .mcont .cardui .txt_area .ctit:after {
    display:none;    
}
#wrap.type2 .depth1_area .mcont .cardui .txt_area .ctit_s {
    color: #353535;
    margin-bottom: 10px;
}
#wrap.type2 .depth1_area .mcont .cardui .txt_area .ctxt {
    text-overflow: initial;
    white-space: inherit;
}
#wrap.type2 .depth1_area .mcont .cardui .c_btn {
    display: block;
    font-size: 24px;
	font-weight: 300;
    color: #fff;
    background: #ffcc66;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    padding-top: 11px;
    position: absolute;
	left: 50%;
    bottom: -20px;
    margin-left: -20px;
}

/* 프로그램 */
#wrap.type2 .depth2_area {
    width: 100%;
    padding: 80px 0 80px;
    overflow: hidden;
    background: url(../img/bg_dep01_b.png) center top no-repeat;
    text-align: center;
}
#wrap.type2 .depth2_area .tit {
    margin-bottom: 18px;
    font-size: 50px;
    color: #fff;
    letter-spacing: -2px;
    font-weight: 500;
}
#wrap.type2 .depth2_area .tit_s { font-size: 18px; color: #fff}
#wrap.type2 .depth2_area .d_btnarea { margin: 40px 0 50px;}
#wrap.type2 .depth2_area .btn {
    padding: 15px 35px;
    margin: 0 6px;
    background: #ffcc66;
    color: #333!important;
    font-size: 18px;
    border: none;
    border-radius: 30px;
    border: 3px solid #333;
	font-weight: 700;
}
#wrap.type2 .depth2_area .btn.st2 { background: transparent; color: #333!important;}

#wrap.type2 .banner_box { margin: 78px 0;  overflow: hidden; }
#wrap.type2 .banner_box ul li {
    float: left;
    width: 214px;
    height: 212px;
    margin: 0 13px;
	border-radius: 0;
}
#wrap.type2 .banner_box ul li.banner01 { background:url(../img/lbanner01_b.png) 50% 50% no-repeat;}
#wrap.type2 .banner_box ul li.banner02 { background:url(../img/lbanner02_b.png) 50% 50% no-repeat;}
#wrap.type2 .banner_box ul li.banner03 { background:url(../img/lbanner03_b.png) 50% 50% no-repeat;}
#wrap.type2 .banner_box ul li.banner04 { background:url(../img/lbanner04_b.png) 50% 50% no-repeat;}
#wrap.type2 .banner_box ul li.banner05 { background:url(../img/lbanner05_b.png) 50% 50% no-repeat;}

/* 공지 게시판 */
#wrap.type2 .depth3_area .notice {}
#wrap.type2 .notice > div {
    float: none;
    width: 100%;
    padding-right: 0;
    overflow: hidden;
    min-height: 200px;
    height: auto;
}
#wrap.type2 .notice > div:last-child {padding-right: 0}
#wrap.type2 .notice .n_tit { float: left;}
#wrap.type2 .notice .n_tit .bg {
    background: #fff;
    width: auto;
    height: auto;
    text-align: left;
    padding-top: 0;
	margin-bottom: 20px;
    color: #333;
    font-size: 30px;
}
#wrap.type2 .notice  ul {margin-left: 235px;}
#wrap.type2 .notice .n_tit a {
    position: relative;
    display: block;
    margin-top: 23px;
}
/*-----------------------------------------------------------------------------------*/
/*	type3
/*-----------------------------------------------------------------------------------*/
/* 활동 캠페인 */

#wrap.type3 .depth1_area {
    background: #f0f2f6;
    height: 438px;
    text-align: left;
    position: relative;
    z-index: 1000;
    overflow: inherit;
}

#wrap.type3 .mbtnarea2 {
    padding: 0 0 17px 0;
    position: relative;
    text-align: left;
}
#wrap.type3 .box_st1.st3 .mbtnarea2 {padding: 0;}
#wrap.type3 .mbtnarea2 .line {
    position: absolute;
    top: 52px;
    width: 100%;
    border-bottom: #ccc solid 1px;
	z-index: 100;
}

/*
.depth1_area .mbtnarea > p:before, .depth1_area .mbtnarea > p:after {display:inline-block; content:""; width:450px; height: 1px; background: #ccc; }
*/
#wrap.type3 .mbtnarea2 a {
    display: inline-block;
	margin: 0;
	padding: 16px 20px;
    color: #333;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    z-index: 200;
    position: relative;
}
#wrap.type3 .mbtnarea2 a.on, #wrap.type3 .mbtnarea2 a:hover, #wrap.type3 .btnarea a:active {
    color: #cc3333;
    border-bottom: 1px solid #cc3333;
}
#wrap.type3 .box_st1.st2 .mbtnarea2 a, #wrap.type3 .box_st1.st3 .mbtnarea2 a  {
    display: inline-block;
	margin: 0;
	padding: 16px 0;
}
 #wrap.type3 .box_st1.st2 .mbtnarea2 a:hover,  #wrap.type3 .box_st1.st3 .mbtnarea2 a:hover {
    color: #333;
    border-bottom: none;
}
/* 내용 */
#wrap.type3 .mcont2 {
    overflow: hidden;
}
#wrap.type3 .mcont2 .cardui {
    width: 100%;
    background: #fff;
    float: left;
    /* margin: 0 20px 0 0; */
    position: relative;
    text-align: left;
}
#wrap.type3 .mcont2 .cardui:nth-child(3) {margin:0}
#wrap.type3 .mcont2 .cardui .photo_area {
    width: 100%;
    height: 160px!important;
    overflow: hidden;
	background: url(../img/noimg_main2.png);
}
#wrap.type3 .mcont2 .cardui .photo_area img { width: 100%; min-height: 160px}
#wrap.type3 .mcont2 .cardui .txt_area {
    padding: 20px 0 0;
    position: relative;
	color: #999;
}
#wrap.type3 .mcont2 .cardui .txt_area .ctit {
    font-size: 16px;
    margin-bottom: 10px;
    color: #353535;
    position: relative;
    line-height: 1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#wrap.type3 .mcont2 .cardui .txt_area .ctit_s {
    color: #999;
    margin-bottom: 5px;
}
#wrap.type3 .mcont2 .cardui .date {font-size: 12px;}

/* box style */
#wrap.type3 .boxwarp_st1 {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: -90px;
    margin-left: -600px;
    height: 423px;
    z-index: 1000;
}
#wrap.type3 .box_st1 {
    width: 33.3%;
    height: 423px;
    float: left;
    position: relative;
    padding: 30px 38px 45px;
    border: 1px solid #ccc;
    border-right: none;
    background: #fff;
}
#wrap.type3 .box_st1:last-child {border-right: 1px solid #ccc;}
#wrap.type3 .box_st1 .add_st1 {
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 40px;
    top: 45px;
	z-index: 1000;
}

/* 2deps */
#wrap.type3 .depth2_area {
    width: 100%;
    padding: 80px 0 80px;
    overflow: hidden;
    background: url(../img/bg_dep02_st3.png) center top no-repeat;
    text-align: center;
}

#wrap.type3 .depth2_area .tit {
    margin-bottom: 18px;
    font-size: 50px;
    color: #fff;
    letter-spacing: -2px;
    font-weight: 500;
}
#wrap.type3 .depth2_area .tit_s {
    font-size: 18px;
    color: #fff;
    line-height: 160%;
    margin-bottom: 40px;
}
#wrap.type3 .depth2_area .banner_box {
    width: 820px;
    height: 310px;
    float: left;
    margin: 0 15px 16px 0;
    padding: 50px 35px;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}
#wrap.type3 .depth2_area .banner_box ul li {
    float: left;
    width: 140px;
    height: 140px;
    margin: 0 5px;
    cursor: inherit;
    border-radius: 100%;
}
#wrap.type3 .depth2_area .banner_box ul li.banner01 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner01.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area .banner_box ul li.banner02 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner02.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area .banner_box ul li.banner03 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner03.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area .banner_box ul li.banner04 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner04.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area .banner_box ul li.banner05 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner05.png) 50% 50% no-repeat; background-size: 92px;}

#wrap.type3 .depth2_area .banner_box .tit{
    padding: 0 0 20px 20px;
    font-size: 24px;
    text-align: left;
    color: #493636;
}

#wrap.type3 .depth2_area .banner_box2 {
    width: 365px;
    height: 310px;
    margin: 0 15px 16px 0;
    padding: 50px 35px;
    background: url(../img/bg_bnbox01.png) center top no-repeat;
    overflow: hidden;
    text-align: left;
}

 #wrap.type3 .depth2_area .banner_box2 .tit {
    padding:0;
    font-size: 24px;;
    color: #493636;
}

#wrap.type3 .depth2_area .banner_box2 .tit_s {
    font-size: 14px;
    color: #493636;
    line-height: 140%;
    font-weight: 400;
}

#wrap.type3 .depth2_area .btn {
    display: block;
    width: 148px;
    padding: 13px 0;
    margin: 10px 0;
    background: rgba(9, 9, 9, 0.22);
    color: #fff!important;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 0;
}
#wrap.type3 .depth2_area .banner_box2.box3 {
    float: left;
    background: url(../img/bg_bnbox02.png) center top no-repeat;
}
#wrap.type3 .depth2_area .banner_box2.box3 .tit {
    color: #fff;
}
#wrap.type3 .depth2_area .banner_box2.box3 .tit_s {
    color: #fff
}

/* imsanta 배경 이미지 수정 23.07.13 start */

/* 2deps */
#wrap.type3 .depth2_area_imsanta {
    width: 100%;
    padding: 80px 0 80px;
    overflow: hidden;
    background: url(../img/new_santa_bg.png) center top no-repeat;
    text-align: center;
}

#wrap.type3 .depth2_area_imsanta .tit {
    margin-bottom: 18px;
    font-size: 50px;
    color: #fff;
    letter-spacing: -2px;
    font-weight: 500;
}
#wrap.type3 .depth2_area_imsanta .tit_s {
    font-size: 18px;
    color: #fff;
    line-height: 160%;
    margin-bottom: 40px;
}
#wrap.type3 .depth2_area_imsanta .banner_box {
    width: 820px;
    height: 310px;
    float: left;
    margin: 0 15px 16px 0;
    padding: 50px 35px;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}
#wrap.type3 .depth2_area_imsanta .banner_box ul li {
    float: left;
    width: 140px;
    height: 140px;
    margin: 0 5px;
    cursor: inherit;
    border-radius: 100%;
}
#wrap.type3 .depth2_area_imsanta .banner_box ul li.banner01 { background:rgba(51, 51, 51, 0.87) url(../img/new_banner1.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area_imsanta .banner_box ul li.banner02 { background:rgba(51, 51, 51, 0.87) url(../img/new_banner2.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area_imsanta .banner_box ul li.banner03 { background:rgba(51, 51, 51, 0.87) url(../img/new_banner3.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area_imsanta .banner_box ul li.banner04 { background:rgba(51, 51, 51, 0.87) url(../img/new_banner4.png) 50% 50% no-repeat; background-size: 92px;}
#wrap.type3 .depth2_area_imsanta .banner_box ul li.banner05 { background:rgba(51, 51, 51, 0.87) url(../img/new_banner5.png) 50% 50% no-repeat; background-size: 92px;}

#wrap.type3 .depth2_area_imsanta .banner_box .tit{
    padding: 0 0 20px 20px;
    font-size: 24px;
    text-align: left;
    color: #493636;
}

#wrap.type3 .depth2_area_imsanta .banner_box2 {
    width: 365px;
    height: 310px;
    margin: 0 15px 16px 0;
    padding: 50px 35px;
    background: url(../img/bg_bnbox01.png) center top no-repeat;
    overflow: hidden;
    text-align: left;
}

 #wrap.type3 .depth2_area_imsanta .banner_box2 .tit {
    padding:0;
    font-size: 24px;;
    color: #493636;
}

#wrap.type3 .depth2_area_imsanta .banner_box2 .tit_s {
    font-size: 14px;
    color: #493636;
    line-height: 140%;
    font-weight: 400;
}

#wrap.type3 .depth2_area_imsanta .btn {
    display: block;
    width: 148px;
    padding: 13px 0;
    margin: 10px 0;
    background: rgba(9, 9, 9, 0.22);
    color: #fff!important;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 0;
}
#wrap.type3 .depth2_area_imsanta .banner_box2.box3 {
    float: left;
    background: url(../img/bg_bnbox02.png) center top no-repeat;
}
#wrap.type3 .depth2_area_imsanta .banner_box2.box3 .tit {
    color: #fff;
}
#wrap.type3 .depth2_area_imsanta .banner_box2.box3 .tit_s {
    color: #fff
}


/* imsanta 배경 이미지 수정 23.07.13 end */

#wrap.type3 .depth7_area { margin-top: 20px;}
   
/* 하단 게시판 영역 : 카드 ui일 경우 */
#wrap.type3 .boxwarp_st2 {
    height: 310px;
    width: 820px;
    overflow: hidden;
}

#wrap.type3 .boxwarp_st2 .box_st1 {
    width: 50%;
    height: 310px;
    padding: 15px 38px 45px;
}
#wrap.type3 .boxwarp_st2 .mbtnarea2 .line {
    position: absolute;
    top: 48px;
    width: 100%;
    border-bottom: #ccc solid 1px;
    z-index: 100;
}
#wrap.type3 .boxwarp_st2 .mbtnarea2 a {
    padding: 16px 20px;
    font-size: 16px;
}
#wrap.type3 .boxwarp_st2 .mcont2 .cardui .photo_area {
    width: 100%;
    height: 140px!important;
    overflow: hidden;
}
#wrap.type3 .boxwarp_st2 .box_st1 .add_st1 {
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 40px;
    top: 33px;
}
/* list 게시판일경우 */
#wrap.type3 .mcont2 .notice ul {
    border-top: none;
}
#wrap.type3 .mcont2 .notice ul li {
    border-bottom: 1px solid #e1e1e1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 15px 0;
    text-align: left;
}
#wrap.type3  #demo3 .als-item { border: none;}
#wrap.type3 .als-viewport { border-right: none;}

#wrap.type3  #footer .sub_footer {
    background: #f0f0f0;
	color: #666;
}
#footer .sub_footer .inner {
    padding: 35px 0;
}
#wrap.type3 #footer .sub_footer .leftarea {
    float: left;
    background: url(../img/ico_phone.png) no-repeat 0 5px;
    padding-left: 40px;
    font-size: 13px;
}
#wrap.type3 #footer .sub_footer .rightarea {
    float: right;
    margin-top: 15px;
}
#wrap.type3 #footer .sub_footer .rightarea a {
    border: 1px solid #cfcfcf;
    border-right: none;
    padding: 10px 20px;
	color: #333;
}
#wrap.type3 #footer .sub_footer .rightarea a:last-child  {
    border-right: 1px solid #cfcfcf;
}
#wrap.type3 #footer .sub_footer .st1 {    margin-bottom: 8px;}
#wrap.type3 #footer .sub_footer .point {
    color: #d35169;
    font-size: 24px;
    margin-right: 15px;
    font-family: "NanumSquare";
    font-weight: 800;
}
#wrap.type3 #demo3 {
    margin: 0 auto 10px auto;
}
/*-----------------------------------------------------------------------------------*/
/*	front page : depth2_area - notice
/*-----------------------------------------------------------------------------------*/
.depth2_area {
    width: 100%;
    padding: 80px 0 80px;
    overflow: hidden;
    background: url(../img/bg_dep01.png) center top no-repeat;
    text-align: center;
}
.depth2_area .tit {
    margin-bottom: 18px;
    font-size: 50px;
    color: #0e0e0e;
    letter-spacing: -2px;
    font-weight: 500;
}
.depth2_area .tit_s { font-size: 18px; color: #535353}
.depth2_area .d_btnarea { margin: 40px 0 50px;}
.depth2_area .btn {
    padding: 15px 35px;
    margin: 0 6px;
    background: #37b0fb;
    color: #fff!important;
    font-size: 18px;
    border: none;
    border-radius: 30px;
}
.depth2_area .btn.st2 { background: #4b7bd2; color: #fff!important; border: none;}
/*-----------------------------------------------------------------------------------*/
/*	front page : depth2_area  -  banner_box , contact
/*-----------------------------------------------------------------------------------*/
.banner_box {}
.banner_box ul li {
    float: left;
    width: 190px;
    height: 190px;
    margin: 0 24px;
	cursor: inherit;
	border-radius: 100%;
}
.banner_box ul li.banner01 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner01.png) 50% 50% no-repeat;}
.banner_box ul li.banner02 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner02.png) 50% 50% no-repeat;}
.banner_box ul li.banner03 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner03.png) 50% 50% no-repeat;}
.banner_box ul li.banner04 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner04.png) 50% 50% no-repeat;}
.banner_box ul li.banner05 { background:rgba(51, 51, 51, 0.87) url(../img/lbanner05.png) 50% 50% no-repeat;}



/*-----------------------------------------------------------------------------------*/
/*	front page : depth3area
/*-----------------------------------------------------------------------------------*/
.depth3_area { padding: 85px 0 80px; overflow: hidden}
.depth3_area .notice { overflow: hidden;}

.notice > div {
    float: left;
    width: 50%;
    padding-right: 50px;
    height: 336px;
    margin-bottom: 30px;
}
.notice > div:nth-child(2n) {padding-right: 0}
.notice .n_tit {position: relative;	margin-bottom: 10px;}
.notice .n_tit .bg {
    background: url(../img/n_bg.png) no-repeat;
    width: 85px;
    height: 89px;
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 110%;
}
.notice .n_tit a {
    font-size: 11px;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.notice  ul {border-top: 1px solid #333;}
.notice  ul li {
    border-bottom: 1px solid #e1e1e1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 22px 0;
}.notice  ul li a {color: #646464;}
.notice ul li .date {color: #a7a7a7; margin-right: 10px;}


/*-----------------------------------------------------------------------------------*/
/*	front page : depth7area
/*-----------------------------------------------------------------------------------*/
.depth7_area { padding: 0; overflow: hidden}

/* 슬라이드를 쓰지 않을때 */
.depth7_area .btm_banner { margin-bottom: 82px;}
.depth7_area .btm_banner ul {
    overflow: hidden;
}
.depth7_area .btm_banner ul li {
    margin: 0;
    padding: 0;
    height: 97px;
    width: 238px;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    float: left;
}
.depth7_area .btm_banner ul li:last-child { border-right:1px solid #e7e7e7;}
.depth7_area .btm_banner ul li img { width: 100%;}

/********************************
 * generic als elements styling
 ********************************/
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	border-right:1px solid #e7e7e7;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

/*************************************
 * specific styling for #demo3
 ************************************/

#demo3 {
	margin: 0 auto 82px auto ;
}

#demo3 .als-item {
	margin: 0;
	padding: 0;
	height: 97px;
	width: 238px;
	overflow: hidden;
	text-align: center;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;

}
/* #demo3 .als-item:nth-child(5) {border-right:1px solid #e7e7e7;} */

#demo3 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	width: 100%;

	
}

#demo3 .als-prev, #demo3 .als-next {
	top: 32px;
}

#demo3 .als-prev {
	left: -40px;
}

#demo3 .als-next {
	right: -40px;
}

/*-----------------------------------------------------------------------------------*/
/*	캠페인 서브 : tab 영역
/*-----------------------------------------------------------------------------------*/
/* 탭 타이틀  */
.pro_tabarea { position:relative;}
.pro_tabarea ul { width:100%; overflow:hidden;/*  border-bottom: 1px solid #dddddd */ }
.pro_tabarea ul li {
    float: left;
    width: 150px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
/* .pro_tabarea ul li:last-child { margin-left:10px;} */

.pro_tabarea ul li a {
    position: relative;
    width: 100%;
    padding: 12px;
    display: inline-block;
    color: #999;
    font-size: 14px;
    letter-spacing: -1px;
    background: #fff;
    border: 1px solid #cccccc;
}

/* 클릭이벤트 되면 */
.pro_tabarea ul.tab li.on { border-bottom:none;}
.pro_tabarea ul.tab li.on a {
    color: #272727;
	background: #fff;
}

/* 캠페인 */
.post_cont.campaign {
    margin-top: 30px;
    position: relative;
}
.post_cont.campaign .top_search { width: 324px;  position: absolute; right: 0; top:-10px}
.campaign .pro_tabarea ul li {
    width: auto;
    text-align: left;
    margin-right: 40px;
}
.campaign .pro_tabarea ul li:first-child::after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #bdbdbd;
    width: 1px;
    height: 12px;
    margin-left: 20px;
}
.campaign .pro_tabarea ul li a { padding: 0; font-size: 16px; color: #a7a7a7; border:none;}
.campaign .pro_tabarea ul.tab li.on a {
    color: #474747;
    font-weight: 500;

}
.campaign .pro_tabarea ul.tab li.on a::after {
    display: inline-block;
    content: "";
    background: url(../img/ico_ton.png) no-repeat;
    width: 11px;
    height: 7px;
    margin-left: 12px;
}
.tab_con { /* min-height:800px;*/}
.pro_con { display:none; /* 필수로 지정해줘야 한다 */}
.notice .pro_con { margin-top:40px;}

/* 탭내용 */
.post_cont .pro_detail {
    font-size: 14px;
    color: #646464;
}

.post_cont .pro_detail ul li a {
    color: #646464;
    line-height: 180%;
}


/*-------------------------
  Modal popup
-------------------------*/
#mask {
	/* position:absolute;   */
	position: fixed;
	width:100%!important;
	height:100%!important;
	z-index:9000;
	background-color:#000;
	display:none;
	left:0;
	top:0;
}
.modal_pop {
	z-index:10000;
	position: fixed;
	width: 90%;
	left: 50%;
    margin-left: -400px;
	top: 50%;
	margin-top: -250px;
}
.modal_pop.menu {
    width: 800px;
    height: 500px;
    top: 126px;
    margin-top: 0;
}
.modal_pop.pop01 {
    width: 450px;
    margin-left: -250px;
	margin-top: -100px;
}
.modal_pop.pop01 .panel {border:none}
.modal_pop.pop01 .panel-body {min-height: 200px;}
/*-------------------------
  팝업 - 컨텐츠
-------------------------*/
.panel {
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
.modal_pop.menu .panel { /* height: 500px; */}

.panel-heading {
	font-size: 15px;
	padding: 20px;
	color: rgba(0, 0, 0, 0.6);
	background-color: #FFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.modal_pop.menu .panel-heading { border-bottom:none }

.panel-title {
	padding: 0;
	font-size: 18px;
	font-weight: 700 !important;
	color: #464646;
	text-align: center;
}
.panel-title i {
	margin-left: 5px;
	/* font-size: 20px; */
}
.panel-heading .close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.modal_pop.menu .panel-heading .close{
	position: absolute;
	top: 24px;
	right: 32px;
}
.panel-body {
	padding: 30px;
	font-size: 14px;
}
.modal_pop.menu .panel-body {
    padding: 50px 110px;
    font-size: 14px;
    overflow: hidden;
}
.panel-body .txt-add {
	padding-bottom: 20px;
	font-size: 12px;
	color:#adadad;
	line-height: 160%;
}
.panel-body .txt-add .bk {
	color: #333;
}
.panel-footer {}
.panel-footer a {
	width: 50%!important;
	margin-right: 0;
	font-size: 1.125em;
}
.panel-footer a.btn {
	padding:15px 0;
	color:#fff!important;
	border:none;
	border-radius:0
}
.panel-footer a.btn-cancel {
	background:#a1a1a1;
	border-radius: 0 0 0 4px;
}
.panel-footer a.btn-ok {
	background:#353535;
	border-radius: 0 0 4px 0;
}
.panel .tblT01_detail {
    font-size: 14px;
    border-bottom:none;
}
.panel .tblT01_detail tbody th {
    border-top: none;
}
.panel .tblT01_detail tbody td {
    border-top: none; font-size: 14px;
}
.panel .tblT01_detail input[type='text'], .panel .tblT01_detail input[type='password'] {
    font-size: 14px;
}
/*-----------------------------------------------------------------------------------*/
/*	all menu : 내용 상세 
/*-----------------------------------------------------------------------------------*/	
.md_allmenu {clear: both;}
.md_allmenu li.menu {
    position: relative;
    float: left;
    height: 260px;
    padding: 0 70px 0 30px;
	margin-bottom: 20px;
    border-left: 1px solid #ebebeb;
}
.md_allmenu li.menu:before {
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    background: #ff0000;
    position: absolute;
    top: 12px;
    left: -6px;
    border-radius: 100%;
}
.md_allmenu li.menu > p {
    padding: 10px 0;
    font-size: 24px;
    color: #333;
    margin-bottom: 28px;
}
.md_allmenu li.menu li { padding: 7px 0;}
.md_allmenu li.menu li a { font-size: 16px; color: #999}

.md_allmenu li.menu .divs_wrap { overflow: hidden; margin-bottom:15px;}
.md_allmenu li.menu .divs {
    float: left;
    margin-right: 34px;
}
.md_allmenu li.menu .divs li { padding: 4px 0;}
.md_allmenu li.menu .divs ul li.top_m a{ color: #333333; text-decoration: underline;}
/*-----------------------------------------------------------------------------------*/
/*	sub page : visual - sub
/*-----------------------------------------------------------------------------------*/

#visual_sub {
    width: 100%;
    height: 344px;
	background: #fff;
}
#visual_sub .inner {
    width: 1200px;
    height: 344px;
    margin: 0 auto;
    padding-top: 102px;
    position: relative;
}
#visual_sub.sub01 {
	background: #fff url(../img/visual_sub01.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub.sub02 {
	background: #fff url(../img/visual_sub02.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub.sub03 {
	background: #fff url(../img/visual_sub03.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub.sub04 {
	background: #fff url(../img/visual_sub04.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub.sub05 {
	background: #fff url(../img/visual_sub05.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub.sub06 {
	background: #fff url(../img/visual_sub06.png) no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
#visual_sub .textarea h1{
	padding: 82px 0 10px;
	color: #fff; 
	font-weight: bold !important;
	font-size: 42px;
	display: block;
	font-weight:normal; 
	word-spacing:-1px;    
	text-transform: uppercase;
}
#visual_sub .textarea p { font-size:14px; color:#fff; line-height: 140%;}

/*-----------------------------------------------------------------------------------*/
/*	sub page :  sub spot 
/*-----------------------------------------------------------------------------------*/
.sub_spot {
    width: 100%;
    height: 220px;
    position: relative;
    margin: 40px 0;
    padding: 60px 60px 0 60px;
    background: #313131;
    font-family: 'NanumSquare';
    background: url(../img/spot01.png) no-repeat;
    background-size: cover;
}
.sub_spot.campaign {}
.sub_spot.business {
    margin: 0 0 40px 0;
    padding: 0;
    height: 255px;
}
.sub_spot.business .picarea {
    height: 255px;
    overflow: hidden;
}
.sub_spot.business .picarea img {width:100%}
.sub_spot.project {background: url(../img/spot03.png) no-repeat; background-size: cover;}

.sub_spot.business .textarea {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.34);
}
.sub_spot .spot_tit {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
}
.sub_spot .spot_txt {
    display: inline-block;
	margin-bottom: 8px;
    color: #ffdb6c;
    font-size: 21px;
    line-height: 130%;
    /* background: rgba(255, 255, 255, 0.9); */
}
.sub_spot .spot_sm {color: #fff;font-size: 14px;}

.sub_spot.business .spot_tit { font-size:20px; color:#fff; margin: 7px 0; font-weight: 500;}
.sub_spot.business .spot_txt {
    background: transparent;
    color: #fff;
    font-size: 16px;
}
/*-----------------------------------------------------------------------------------*/
/*	sub page : sub - tabarea
/*-----------------------------------------------------------------------------------*/
.top_tabarea { position: absolute; bottom:0; right:0}
.top_tabarea ul { overflow:hidden}
.top_tabarea ul li { float:left}
.top_tabarea ul li a {
    display: block;
    width: 160px;
    padding: 20px;
    background: rgba(32, 32, 32, 0.6);
    color: #fff;
    font-size: 17px;
    text-align: center;
	border-left: 1px solid rgba(0, 0, 0, 0.6);
	border-top: 1px solid rgba(0, 0, 0, 0.6);
}
.top_tabarea ul li:last-child a {border-right: 1px solid rgba(0, 0, 0, 0.6);}
.top_tabarea ul li.on a {
    background: #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #333;
}
/*-----------------------------------------------------------------------------------*/
/*	sub page : visual - sub - sub_tabarea
/*-----------------------------------------------------------------------------------*/
.sub_tabarea { position: relative}
.sub_tabarea ul {
    overflow: hidden;

}
.sub_tabarea ul::after {
    border-bottom: 2px solid #111;
    content: "";
    display: block;
    width: 100%;
    bottom: 0px;
    position: absolute;
    z-index: 1;
}
.sub_tabarea ul li { float:left; position: relative; z-index: 100;}
.sub_tabarea ul li a {
    display: block;
    width: 160px;
    padding: 16px;
    background: #f6f6f6;
    color: #808080;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.sub_tabarea ul li:last-child a {border-right: 1px solid #e5e5e5;}
.sub_tabarea ul li.on a {
    background: #fff;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 1px solid #fff;
    color: #000;
	
}
/*
.sub_tabarea ul li.on a::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #da2121;
    position: absolute;
    bottom: 0;
    z-index: 500;
}
*/
/*-----------------------------------------------------------------------------------*/
/*	sub page : content :  .sub_tit  .page_path, .snb
/*-----------------------------------------------------------------------------------*/	
.tit_tarea {margin-bottom:57px; padding-bottom: 38px; border-bottom: 1px solid #ccc;} 
.tit_tarea.bdnone {border-bottom:none; margin-bottom: 0;}
/* sub_title */
.sub_tit {
    padding: 80px 0 0 0;
    color: #232323;
    font-size: 36px;
    font-family: 'NanumSquare';
    font-weight: 600;
    text-align: center;
}

.sub_tit02 {
    font-size: 14px !important;
    color: #333333!important;
    margin-bottom: 15px;
    padding-left: 20px;
    letter-spacing: -0.07em;
    line-height: 22px !important;
    font-weight: bold!important;
    padding-bottom: 17px;
    background: url(../img/ico_recbg.png) no-repeat 0 0;
}
.page_path {
    padding: 15px 20px 0;
    font-size: 16px;
    color: #999;
	text-align: center;
}
.page_path a { color: #999;	}

/* snb */
.snb {
    float: left;
    height: 100%;
    width: 252px;
}
/* 메뉴 */
.snb .menu_area { border:1px solid #e1e1e1; margin-bottom: 10px;}
.snb .menu_area .menuheader {
    position: relative;
    padding: 24px 20px;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    letter-spacing: -1px;
    /* background: #304d6e url(../img/bg_snb.png) no-repeat 98% 15px; */
    border-bottom: 1px solid #e1e1e1;
}
.snb .menu_area  .menuheader .head_bg {
    position: absolute;
    right: 0;
    font-size: 40px;
    bottom: -4px;
    color: rgba(255, 255, 255, 0.12);
}
.snb .menu_area ul {
    list-style-type: none;
    padding: 10px 0 30px 0;
}
.snb .menu_area  ul li{}
.snb .menu_area  ul li .c_sub ul li{ border-top:1px solid #e0e0e0; border-bottom:none!important;}
.snb .menu_area  ul li .c_sub ul li a { padding: 18px 18px 18px 20px; color:#7f7f7f; background:none;}
.snb .menu_area  ul li .c_sub ul li a.on, .snb ul li .c_sub ul li a:hover {color: #242e39; font-weight:normal}
.snb .menu_area  ul li a {
    display: block;
	color: #232323;
	padding: 13px 18px;
	text-decoration: none;
	font-size: 14px;
	background: url(../img/ico_arrow.png) no-repeat 90% 50%;
    /* background-size: 10px 15px; */
}

.snb .menu_area ul li a:hover, .snb ul li.on a {
    color: #ff7e00;
    font-weight: 500;
    background: url(../img/ico_arrow_on.png) no-repeat 90% 50%;
}


/*-----------------------------------------------------------------------------------*/
/*	search
/*-----------------------------------------------------------------------------------*/	
.top_search { margin-bottom:20px;}
.search input[type='button'],
.search input[type='submit']{display: inline-block;width: 52px;height: 28px;margin: 000;padding: 0;border: 0;background:url("../img/btn_search.png") no-repeat;font-size: 0;line-height: 0;vertical-align:top;}
.search input[type='text'], .select_style { height:28px; border:1px solid #d6d6d6;}

/*-----------------------------------------------------------------------------------*/
/*	top_search
/*-----------------------------------------------------------------------------------*/
.top_search {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.top_search.bdb {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}
.top_search .total {
	float: left;
    padding-top: 15px;
	color: #666;
}
.top_search .total span { color: #ff3333 }
.pro_detail .top_search {
	margin: 0 auto 20px auto !important;
	border-bottom:none
}

.top_search .sc_area {
	float: right;
}
.top_search .sc_area .sel_area {float:left}
.top_search .select_wrap {
    width: 110px;
    height: 36px;
    float: left;
}
.top_search > .tit {
    float: left;
    font-size: 22px;
    padding-top: 13px;
}
.select_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 28px;
    border: 1px solid #ccc;
    background: #ffffff url(../img/ico_menuarrow.png) no-repeat 90% 50%;
    background-size: 13px 9px;
}
.select_wrap label.selected_txt{
	width:auto!important;
	margin:11px;
	color: #666; /* selected_txt */
	font-size: 14px ;;
	font-weight: normal; 
	float: none; line-height: 1;
	display: block;
	position: absolute;
}
.select_hid { /* 실제 select숨김 */
	position:relative;
	width:100% ;
    height: 35px;
	padding-left: 10px;
	font-size: 14px;
	opacity: 0;
	filter: alpha(opacity=0); 
}
		
option {
    font-weight: normal!important;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}	

.select_wrap.auto{ width:20%; float: left; height: 34px; margin-right: 5px;}
.select_wrap.auto label.selected_txt{  margin: 10px; font-size:13px}


/*-----------------------------------------------------------------------------------*/
/*	top_search - search_bar
/*-----------------------------------------------------------------------------------*/
.search_bar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 214px;
}

.search_bar fieldset {
    display: inline-block;
    height: 36px;
    font-size: 14px;
    color: #777;
    border: 1px solid #cccccc;
	border-left : none;
    width: 100%;
    text-align: left;
}
.search_bar_input {
    width: 85%;
    height: 35px!important;
    line-height: 15px;
    border: 0!important;
    padding: 0 10px !important;
    font-size: 14px;
    color: #b2b2b2;
    vertical-align: middle;
    background: transparent!important;
}
.search_bar_input:focus {
	border-color:#ccc;
}
.search_bar_btn {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 13px;
    text-indent: -999px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    background: url(../img/btn_search.png) 50% 40% no-repeat !important;
    background-size: 20px !important;
}
/*-----------------------------------------------------------------------------------*/
/*	table
/*-----------------------------------------------------------------------------------*/	
/* list */
.tblT01 {
    table-layout: fixed;
    border-left-style: hidden;
    border-right-style: hidden;
    border-collapse: collapse;
    line-height: 1.5em;
    font-size: 15px;
	color: #666;
}
.tblT01 tbody tr{border-bottom:1px solid #e1e1e1;}
.tblT01 caption{margin-bottom:15px 0;color:#324885; font-size: 18px;font-weight: bold;text-align: left; overflow:hidden;  top:-999999em; left:-999999em;  }
.tblT01 thead {
    border-top: 3px solid #333;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}
.tblT01.lect thead{border-top:none;text-align: center;}
.tblT01 thead th {
    padding-top: 17px;
    height: 54px;
    text-align: center!important;
    background: #f1f1f1;
    font-size: 15px;
}
.tblT01.lect thead th { color:#3b88ff; font-size:14px;}


.tblT01 tbody tr td {
    padding: 16px 0 0;
    height: 48px;
    text-align: center;
    /* vertical-align: middle; */
    word-break: break-all;
}
.tblT01.st1 tbody tr td {padding:16px;text-align: left; vertical-align:middle; word-break:break-all;}
.tblT01.st2 tbody tr td  { border-right: 1px solid #e1e1e1; padding:16px}
.tblT01.st2 thead.bdr th {border-right: 1px solid #e1e1e1;}
.tblT01.st2 thead th.bdb {border-bottom: 1px solid #e1e1e1;}
.tblT01 tbody tr td.left { text-align:left; padding-left:20px}
.tblT01 tbody tr td.bold { font-weight:500}
.tblT01.lect tbody tr td ul li { line-height:180%}

.tblT01 tbody td a.btn_link{display: inline-block;padding:2px 5px;background:#757575;color:#fff; font-size:0.8em}
.tblT01 tbody .td_tit{padding-left: 10px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tblT01 tbody .td_tit span { color:#0970b8}
.tblT01 tbody .td_tit a{color:#333; text-decoration:none}
.tblT01 tbody td span.point {color: #0066cc;}
.tblT01 tbody td span.point2 {color: #ff5b5b;}
/* 데이터가 없을때 */
.tblT01 td.notxt{ height:250px; vertical-align: middle!important;}
.tblT01 td.notxt2{ height:250px; vertical-align: middle!important;}
.tblT01 td.notxt3{ height:200px; vertical-align: middle!important;}	

/* 공지사항등 게시판 뷰 */
.board { padding-top: 5px; font-size:13px; line-height:160%; /* overflow: scroll; height: 250px; */}
.board li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.board li.tit_area{ border-bottom: 1px solid #ccc;}
.board li .tit {
    /* font-weight: 700; */
    color: #333;
    font-size: 20px;
	line-height: 140%;
}
.board li .info { color: #666}
.board li .info span:before {content: ""; padding: 0 10px;}
.board li.txt_area {
    padding: 35px 0;
    color: #454545;
    line-height: 180%;
    min-height: 250px;
    position: relative;
}
.board li.txt_area .t_cont{ padding: 0 0 30px; font-size: 14px;}   
.board li.txt_area .attach {
    /* position: absolute;
    bottom: 10px;
	*/
    margin: 20px 0 10px;
}

.board li.txt_area img { max-width:100%}
.board li.txt_area img.img_st { margin: 30px 0; display: block}
.board li.txt_area .t_cont {
    padding: 0 0 30px;
    font-size: 14px;
}

.board li .t_cont li{ border-bottom: none !important}


/* book 상세보기 추가 */
.d_photoarea {float: left;}
.d_photoarea .d_photo {
    width: 360px;
}
.d_photoarea .d_photo.st02 {
    width: 532px;
}
.d_photoarea .d_photo img { width: 100%;}
.d_btn {
    text-align: center;
    margin-top: 50px;
}
.board_right { margin-left: 420px;}
.board_right.st02 { margin-left: 600px;}
.board_right.auto { margin-left:0;}

/* 오른쪽 영역일때 */
.board_right .board {font-size:16px;}
.board_right .board li.txt_area .t_cont{ font-size: 16px;} 
.board_right .board li .info { line-height: 250%}
.board_right .board li .info .itit {float:left; display: block}
.board_right .board li .info .date { margin-left:60px;display: block}
.board_right .board li .info span:before {padding: 0;}
.board_right .board li .info span.date:before {content: '|'; color: #c1c1c1; padding: 0 15px; font-weight:lighter;}
.board_right .board li.attach i {font-size: 20px; color: #bdc3c7 }
.board_right .board li.attach a {margin-right:50px;}
.btm_btnarea { margin-top:25px; overflow: hidden; width:100%; float:left;}
.btn.bdr_none { border-right:none}


/* write */ 
.board_detail{}
.tblT01_detail {
    color: #666;
    font-size: 18px;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
}
.tblT01_detail.st3 {
    border-top: 1px solid rgba(209, 209, 209, 0.7);
    border-bottom: none;
}

.tblT01_detail.review {border: none;}
.tblT01_detail tbody th {
    height: 68px;
    padding: 25px 0;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #d1d1d1;
} 
.tblT01_detail.st3 tbody th { border-top: none;}
.tblT01_detail tbody th .req , .req {color: #ea3732}
.tblT01_detail tbody td:first-child td{ border-top:none}
.tblT01_detail tbody td {
    padding: 10px 20px;
    text-align: left;
    border-top: 1px solid #d1d1d1;
    vertical-align: middle;
    line-height: 180%;
	color: rgba(102, 102, 102, 0.7);
}
.tblT01_detail.st3 tbody td {border-top: none;}
.tblT01_detail tbody td.cont {
    border-top: none;
    padding: 0 0 15px;
}

.tblT01_detail tbody td .alt {
    font-size: 13px;
    line-height: 160%;
    margin-bottom: 5px;
}

/* table input타입 재정의 */
.tblT01_detail input[type='text'] , .tblT01_detail input[type='password']{ height:40px; width:100%; font-size: 16px; }
.tblT01_detail.st2 input[type='text'] , .tblT01_detail.st2 input[type='password']{ height:34px; width:auto; font-size: 12px; }
.pop_wrap .detail input[type='text']{ height:35px; width:100%; padding:10px; }
.tblT01_detail input[type='file']{ height:45px; width:100%; padding:5px;}
.tblT01_detail input[type=radio]{ vertical-align:middle}
.tblT01_detail select {
    height: 40px;
	padding: 5px 7px;
    font-size: 18px;
    border: 1px solid #e2ded8;
	font-size: 16px;
}
.tblT01_detail .noimg{ width:100px}
.tblT01_detail .noimg img{ width:100%;}

/* 파일 첨부 */
.file_path .f_inparea {}
.file_path .f_btnarea {
    display: block;
    vertical-align: top;
    position: relative;
    float: left;
}
.tblT01_detail .input_filepath {
    position: absolute;
    right: 2px;
    top: 0;
    width: 120px!important; opacity:0 }

.file_info { font-size:12px; margin-bottom:10px}

.ico_del { color: #b3b3b3!important; font-size:16px; margin-left:10px}
.ico_del i, .ico_del em {font-size: 20px; }
.btn.file {
	border: 1px solid #e2ded8;
    border-right: 0;
}    

/* 이미지등록 */
.tblT01_detail .img_reg p{ float:left}



.btnarea input[type="button" i], .btnarea input[type="submit" i] {
    border: none;
    padding: 18px 30px;
    width: 160px;
    cursor: pointer;
    line-height: 1;
	border:none;
}

.btn_sample {
    display: inline-block;
    padding: 3px 12px;
    background: #3b88ff;
    color: #fff!important;
}
.btn_sample.st2 {background:#ff3b43;}
.btn_sample.st3 {background:#18202c;}
.btn_def {
    display: inline-block;
    padding: 3px 12px;
    background: #18202c;
    color: #fff!important;
}
/* 다중첨부파일추가 */
.attachment {
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 0 30px 0;
}
 .attachment .right{ margin-left:15px; }
    .filebtn_wrap { margin:10px 0; }
	.filebtn_wrap a{
	display: inline-block;
    padding: 8px 12px;
    color: #666666!important;
    font-size: 12px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 1;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: 300;
}
	.filebtn_wrap .button.s{ line-height:160%;padding:2px 4px 2px 4px;}
	.buttonWrap {
        position:relative;
        /*float:left;
        overflow:hidden;
        /*width: 60px;
        height:30px;*/
		  display: inline-block;
  
    }
	.buttonWrap input {
        position:absolute;
        display: inline-block;
		left:0px;
		top : 0px;
       filter:alpha(opacity=0);
        opacity:0;
        -moz-opacity:0;
       width: 68px;
       height: 30px;
    }
 #attach_img{float:left; width:120px; height:96px; }
 #attach_img img {width:100%; height:100% }
 #attach_file{margin-left: 70px;}
ul#attach_file {
    border: 1px solid #CCC;
    padding: 8px 12px;
    height: 96px;
    margin-left: 130px;
    overflow: auto;
}
ul#attach_file li {line-height: 120%;}
ul#attach_file li a{ padding:3px 0; display:block; font-size:13px; }
ul#attach_file li a:hover, a:focus, a:active { color: #ea3732;}

/*-----------------------------------------------------------------------------------*/
/*	paging
/*-----------------------------------------------------------------------------------*/
#paging {overflow:hidden; margin-top:50px;text-align:center;}
#paging.p_line {
    border-top: 1px solid #ececec;
}
#paging img {vertical-align:top;}
#paging .page_prev {
    background: url(../img/ico_paging_back.png) 0 0 no-repeat;
    text-indent: -9999px;
    height: 21px;
    width: 21px;
    line-height: 160%;
}

#paging .page_next {
    background: url(../img/ico_paging_next.png) 90% 0 no-repeat;
    text-indent: -9999px;
    height: 21px;
    width: 21px;
    line-height: 160%;
}
#paging .page_num { margin:0 10px;}

#paging a {
    display: inline-block;


}
#paging .page_num a {
	width: 36px;
    height: 36px;
    border-right: none;
	background: #f1f1f1;
    color: #333;
    font-size: 14px;
    line-height: 260%;
    border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
    border-radius: 1px
		
	
	}
#paging .page_num a:last-child {
    border-right: 1px solid #d9d9d9;
	}
#paging a.on {
    background: #666;
    color: #ffffff;
    border: 1px solid #222731;
}
/*-----------------------------------------------------------------------------------*/
/*	이용약관 
/*-----------------------------------------------------------------------------------*/
.rules { line-height: 1}
.rules .s_tit1 {
    font-size: 22px;
    color: #333;
}
.rules .s_con3 {
    line-height: 30px;
    letter-spacing: -0.5px;
	font-size: 15px;
    color: #767676;
}
.rules .bold { display:block; font-weight: 500; margin: 20px 0 0;}
/*-----------------------------------------------------------------------------------*/
/*	comment
/*-----------------------------------------------------------------------------------*/
#comment {
    padding-bottom: 30px;
    margin-top: 50px;
}
#comment .comment_list {margin-top: 20px;}
#comment h2 {
    margin: 20px 0 20px;
    width: 90px;
    /* padding-right: 50px; */
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    background: url(../img//ico_cmwrite.png) no-repeat 50% 0;
}
#comment h2 span {
    color: #00b3c5;
    font-weight: normal;
    margin-left: 30px;
}
#comment fieldset table{width:100%;}
#comment fieldset td.btna{text-align:right;}
#comment fieldset td .box {
    padding: 18px;
    height: 106px;
    border: 1px solid #ccc;
    background: #f5f5f5;
}
#comment fieldset td .box textarea{width:100%;height:100%; min-height:auto; padding:5px 0;font-size:14px;line-height:150%;border:none; background: #f5f5f5;}
#comment .comment_list li {
    overflow: hidden;
    padding: 17px 0;
    font-size: 13px;
    color: #686868;
    line-height: 160%;
    border-bottom: 1px solid #e5e5e5;
}
#comment .comment_list li p.photo{float:left;width:70px;padding-right:20px;}
#comment .comment_list li p.photo img{width:68px;border:1px solid #e5e5e5;}
#comment .comment_list li p.info {
    display: inline-block;
    margin: 0 0 10px;
	font-size: 14px;
    color: #373737;
    border-bottom: 1px solid #656565;
}
#comment .comment_list li .date_wrap { overflow: hidden;  padding: 7px 0 0;}
#comment .comment_list li .date {
    color: #676767;
    font-size: 12px;
    float: left;
}
#comment .comment_list li a.btn_del { float: right; display: inline-block; height: 27px; padding: 7px;  background: #f1f1f1; border: 1px solid #ccc; color: #666; line-height: 1;}
#comment .comment_list li p.info .report{color: #666; font-size:12px; margin-left:5px}
#comment .comment_list li p.info img{vertical-align:middle;}
#comment .comment_list .del img{ }
.btn_cmt {
    display: inline-block;
    width: 140px;
    height: 106px;
    padding: 45px 0;
    /* font-weight: 700; */
    font-size: 14px;
    text-align: center;
    color: #fff!important;
    background: #666;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    vertical-align: middle;
}
.btn_cmt:hover{background:#666!important;}

/* comment list */
#comment .comment_list .cm_cm_tit{margin-top:10px}
#comment .comment_list .cm_cm_tit a{color:#999; text-decoration:underline}

#comment .comment_list .cmcm_wrap{margin-left:12px; margin-top:10px}
#comment .comment_list .cmcm_wrap ul.cm_cm{margin-left:10px}
#comment .comment_list .cmcm_wrap ul.cm_cm > li:last-child{ border-bottom:none}

/*-----------------------------------------------------------------------------------*/
/*	sub - 카드 ui : basic (정보- 카드뉴스), (센터-활동, 캠페인) , (사업- 공모사업)
/*-----------------------------------------------------------------------------------*/
.cdui_area {
    width: 100%;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 140%;
}
.basic .cardui {
    float: left;
    width: 288px;
    position: relative;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: left;
}
.basic.center .cardui {
    width: 360px;
    margin-right: 60px;
    margin-bottom: 38px;
}

.basic .cardui:nth-child(4n) {margin-right: 0}
.basic.center .cardui:nth-child(3n) {margin-right: 0;}
.basic.center .cardui:nth-child(4n) {margin-right: 60px;}
.basic.center .cardui:last-child {margin-right: 0;}
.basic.center .cardui.done::before {
    display: inline-block;
    content: "";
    background: rgba(17, 17, 17, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.basic .photo_area {
	overflow: hidden;
	position: relative;
    width: 100%;
    height: 220px;
}
.basic.cent_top .photo_area {
    height: 163px;
}
.basic.center .photo_area {
    height: 205px;
    background: #999 url(../img/noimg_sub1.png) no-repeat;
}
/* 긴급버튼 */
.basic .photo_area .pbtn , .sub_spot.business .picarea .pbtn {
    display: inline-block;
	z-index: 200;
	position: absolute;
    left: 0;
    top: 0;
    background: #ff9900;
    color: #fff;
    font-size: 12px;
    width: 46px;
    height: 25px;
    text-align: center;
    padding: 7px;
}
.basic .photo_area .pbtn.red , .sub_spot.business .picarea .pbtn.red {background: #ff0000;}

.basic .txt_area {
    padding: 24px 4px;
    color: #666;
    position: relative;
}
/* 더보기 버튼 */
.basic .cardui .c_btn {
    display: block;
    font-size: 24px;
    font-weight: 300;
    color: #919191;
    background: #f1f1f1;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 20px;
    margin-left: -20px;
    border: 1px solid #cbcbcb;
    text-align: center;
}
.basic .cardui .txt_area .ctit {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
	width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.basic.cent_top .cardui .txt_area .ctit {
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	letter-spacing: -1px;
}
.basic .cardui .txt_area .bs {
    margin-bottom: 10px;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.basic .cardui .txt_area .date {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: .5px;
    color: #969696;
}
.basic .cardui .txt_area .u_view img { width: 17px; vertical-align: top;}
.basic .cardui .txt_area .uid {color: #333;}
.basic .cardui .txt_area .uid::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #989898;
    margin: 0 7px;
}
.basic .cardui .photo_area img {
    width: 100%;
    height: auto;
    min-height: 205px;
}
.basic_line {
    border-bottom: 1px solid #cccccc;
    margin: 25px 0 0 0;
}
.basic_line2 {
    border-bottom: 3px dashed #888;
    margin: 30px 0;
}
/* book list */
.basic.book .cardui {
    float: left;
    width: 224px;
    position: relative;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: left;
}
.basic.book  .photo_area {
	overflow: hidden;
    width: 100%;
    height: 310px;
}
.basic.book .cardui .txt_area .ctit {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    /* word-break: break-all; */
    /* width: 240px; */
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*-----------------------------------------------------------------------------------*/
/*	sub - list style : basic (정보- 팟케스트 ) , 연계사업 
/*-----------------------------------------------------------------------------------*/
.list_area {}
.list_area ul {}
.list_area ul li {
    position: relative;
	overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
	cursor: pointer;
}
.list_area ul li .txtarea { margin-right: 100px;}
.list_area.project ul li .txtarea {
    float: left;
    margin-right: 0;
    width: 580px;
}
.list_area.project ul li .txtarea .uid {font-size:12px; margin-top: 7px; color: #333;}
.list_area ul li .txtarea .tit { font-size:18px; color:#333}
.list_area ul li .txtarea .midarea {
    margin-top: 15px;
    color: #666;
    line-height: 180%;
	font-weight: 300;
}
.list_area ul li .txtarea .btmarea { margin-top: 20px; font-size:13px; color:#666; letter-spacing: 1px;     font-weight: 300;}
.list_area ul li .txtarea .btmarea i, .list_area ul li .txtarea .btmarea em {color: #afafaf;} 
.list_area ul li .btnarea { position: absolute; top:30px; right: 30px;}

.list_area ul li .picarea {
    width: 410px;
    min-height: 220px;
	overflow: hidden;
    height: 220px;
    float: right;
    background: #ccc;

}
.list_area ul li .picarea img { width: 100%; min-height: 220px;}

/* 캠패인 - 후원 - 현황 list */
.list_area.support ul li {
    padding: 20px 0;
	cursor: default;
}
.list_area.support ul li .picarea {
    width: 65px;
    height: 65px;
    overflow: hidden;
    float: left;
    background: #ccc url(../img/noimage_s.png) no-repeat;
    min-height: 60px;
}
.list_area.support ul li .txtarea {
    margin-left: 85px;
}
.list_area.support ul li .txtarea .tit {
    font-size: 18px;
    margin: 8px 0 0 0;
}
.list_area.support ul li .txtarea .btmarea {
    margin-top: 15px;
    font-size: 14px;
}
.list_area.support ul li .picarea img { width: 100%; min-height: 65px;}
/*-----------------------------------------------------------------------------------*/
/*	지역아동센터 소개 
/*-----------------------------------------------------------------------------------*/

.intro {}
.intro_bg { height: 293px; overflow: hidden;background:url( ../img/bg_intro01.png) no-repeat; background-size: cover;}
.intro_bg.st2 { height: 293px; overflow: hidden;background:url( ../img/bg_intro03.png) no-repeat; background-size: cover;}
.intro_bg .txtarea {
    float: right;
    width: 50%;
    height: 100%;
	padding: 80px 70px;
    background: rgba(255, 255, 255, 0.6);
}
.intro_bg.st2 .txtarea {
    float: none;
    width: 68%;
    padding: 50px 40px;
}
.intro_bg .txtarea .tit {
    color: #232323;
    font-size: 34px;
    font-family: 'NanumSquare';
    font-weight: 700;
    letter-spacing: -3px;
	line-height: 120%;
}
.intro_bg .txtarea .text {
    margin-top: 20px;
    color: #232323;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 160%;
}
.de_form { font-size: 16px; letter-spacing: -1px;}
.de_form li {margin-top: 65px;}
.de_form li .img_st2 {
    max-width: 100%;
    margin: 30px 0;
}
.de_form li .img_st2 img { max-width: 100%;}
.de_form .de_tit {
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 700;
    background: #e6e6e6;
    display: inline-block;
	position: relative;
}
.de_form .de_tit p { margin-top: -5px;}
.de_form .de_text {
    margin-top: 20px;
    line-height: 180%;
}
.de_form .de_text img {
    max-width: 100%;
    margin: 30px 0;
}
/* 배너 이미지 */
.banner_bg {height: 293px; overflow: hidden; margin-top: 118px; background:url( ../img/bg_intro02.png) no-repeat; background-size: cover;}
/* 파일 첨부 이미지 (인사말) */
.def_img img { max-width: 100%; margin: 50px 0}
/* 첨부파일 리스트 */
.intro01 .filelist { margin: 0}   
.intro01 .filelist li {
    line-height: 200%;
    font-size: 16px;
}

/* 관리자일때 버튼영역 */
.adm_btnarea { margin: 50px 0}

.site_info {
    text-align: center;
    font-size: 21px;
    line-height: 160%;
    color: #999999;
    margin: 200px 0 0;
    font-family: 'NanumSquare';
}
.site_info img {margin:8px 0}
/*-----------------------------------------------------------------------------------*/
/*	연혁 코딩 
/*-----------------------------------------------------------------------------------*/
.con_detail {
	padding:40px 0
}
ul.history {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    color: #999999;
}

/* 기본우측정렬 */
.history > li {
	width: 600px;
	padding: 20px 0;
	position: relative;
	line-height: 180%;
}
.history > li:first-child {padding:80px 0 0 0!important}
.history > li:first-child::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #e9e9e9;
    border-radius: 100%;
    position: absolute;
    right: -8px;
    top: 0;
}
.history > li:last-child {padding:0 0 80px 0 }
.history > li:last-child::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #e9e9e9;
    border-radius: 100%;
    position: absolute;
    left: -9px;
    bottom: 0;
}
.history > li.ui_left:last-child::after {
    right: -9px; left: auto;
}
.history .ui_left {
	float:left;
	margin-right: 600px;
	border-right: 3px solid #e9e9e9;
}
.history .date {
    float: right;
    font-size: 36px; color: #333;
}
.history .ui_left .date::after {
    content: "";
    display: inline-block;
    width: 52px;
    height: 13px;
    background: url(../img/ico_history.png) no-repeat;
    /* top: 5px; */
    vertical-align: top;
    margin: 5px -8px 0 20px;
}

.history .text {
    margin-right: 260px;
    text-align: right;
}
.history .text .imgarea img { max-width: 100%; margin: 20px 0;} 
.history .text li { position: relative;line-height: 180%}
.history .ui_left .text li::after {
    content: "";
    /* display: inline-block; */
    position: absolute;
    width: 3px;
    height: 3px;
    background: #616161;
    border-radius: 100%;
    /* right: 0; */
    top: 0;
    vertical-align: top;
    margin-top: 13px;
    margin-left: 7px;
}
  
.history .ui_right {
	float:right;
	width: 603px;
	margin-left: 600px;
    border-left: 3px solid #e9e9e9;
}
.history .ui_right .date {
    float: left; 
}
.history .ui_right .date::before {
    content: "";
    display: inline-block;
    width: 52px;
    height: 13px;
    background: url(../img/ico_history2.png) no-repeat;
    /* top: 5px; */
    vertical-align: top;
    margin: 5px 20px 0 -8px ;
}
.history .ui_right .text {
    margin-left: 250px;
    margin-right: 0;
    text-align: left;
}
.history .ui_right .text li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #616161;
    border-radius: 100%;
    vertical-align: top;
    margin-top: 13px;
    margin-right: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	프로젝트 : 기본 소개 form
/*-----------------------------------------------------------------------------------*/
.int_wrap {}
.int_wrap.project {
    margin-top: 90px;
    padding-left: 86px;
    position: relative;
	letter-spacing: -1px;
}
.int_wrap.project::before {
    display: block;
    content: "";
    width: 57px;
    height: 1px;
    background: #595959;
    top: 3px;
    left: 0;
    position: absolute;
}
.int_wrap .int_tit {
	margin-bottom: 15px;
    font-size: 22px;
    color: #333;
    font-family: 'NanumSquare';
    
    font-weight: 600;
}
.int_wrap .int_text {font-size: 18px; color: #666;}
.int_wrap .int_text li {line-height: 200%; position: relative;} 
.int_wrap.project .int_text li { padding-left: 16px;}
.int_wrap.project .int_text li::before {
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
	position: absolute;
	top: 12px;
    left: 0;
    background: #666;
    border-radius: 100%;
}
.int_wrap.project .int_text li.stnone { padding-left:0; letter-spacing: -1.5px;}
.int_wrap.project .int_text li.stnone::before {display:none;}
/* 찾아오시는길 */
.int_wrap.project .int_text li.wfix { letter-spacing: 0;}
.int_wrap.project .int_text li.wfix span {width: 100px; display: inline-block;}

/*-----------------------------------------------------------------------------------*/
/*	프로젝트 : 셀파 (카드ui)
/*-----------------------------------------------------------------------------------*/
.project .cardui {
    float: left;
    width: 299px;
	margin: 0 auto;
	padding: 31px 0 58px 0;
    position: relative;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.project .cardui:nth-child(1) ,.project .cardui:nth-child(2),.project .cardui:nth-child(3), .project .cardui:nth-child(4){border-top: 1px solid #e0e0e0;}
.project .cardui:nth-child(4n), .project .cardui:last-child { width: 300px; border-right: 1px solid #e0e0e0;}
.project .photo_area {
	overflow: hidden;
	position: relative;
    width: 158px;
    height: 158px;
	margin: 0 auto;
	border-radius: 100%;

}
.project .cardui .photo_area img {
    width: auto;
    height: 100%;
}
.project .cardui .txt_area { font-size:15px}
.project .cardui .txt_area .name {
	margin-top:32px;
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}
.project .cardui .txt_area .bs {
    width: 80%;
	margin: 0 auto;
	padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project .cardui .txt_area .email {
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
}
.project .cardui .iconarea {}
.project .cardui .iconarea .icon {
    display: inline-block;
    width: 37px;
    height: 37px;
    padding-top: 9px;
    margin: 18px 2px 0 2px;
    font-size: 20px;
    color: #fff;
    background: #666;
    border-radius: 100%;
}
}
.project .cardui .iconarea .icon.home { padding-top: 8px; font-size: 21px;}
   
.project .cardui .bs.iconarea .icon {
    width: 30px;
    padding-top: 5px;
    height: 30px;
    margin: 0 2px;
}
.project .cardui .bs.iconarea .icon .fa {font-size:18px; }

/*-----------------------------------------------------------------------------------*/
/*	캠페인 - 후원금 요청 view
/*-----------------------------------------------------------------------------------*/
.support_view {}
.support_view .tit {
    font-size: 26px;
    margin-bottom: 25px;
    margin-right: 250px;
    line-height: 140%;
}
.support_view .info {font-size: 14px; color: #666;  margin-bottom: 40px; letter-spacing: 1px;}
.support_view .btn.st1 { padding: 3px 7px; font-size:16px; color: #fff!important; background: #545454; border: 1px solid #545454}
.support_view span {margin: 0 10px;} 
.support_view .btn_fix {
    position: absolute;
    left: 50%;
    margin-left: 400px;
    top: 230px;
    width: 190px;
    height: 50px;
    z-index: 1000;
}
.support_view .btn_fix .btn {
    display: inline-block;
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    padding: 10px 20px 0 20px;
}
.support_view .btn_fix .btn.btn-red {background:#ff6666; border: 1px solid #ff6666}
.sub_tabarea.support { position: relative}
.sub_tabarea.support ul {
    overflow: hidden;

}
.sub_tabarea.support ul::after {
display: none
}
.sub_tabarea.support ul li { float:left; position: relative; z-index: 100; width: 33%;}
.sub_tabarea.support ul li a {
    display: block;
    width: 100%;
    padding: 16px;
    background: #ededed;
    color: #333;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.sub_tabarea.support ul li:last-child a {border-right: 1px solid #ccc;}
.sub_tabarea.support ul li.on a {
    background: #fff;
    border: 1px solid #636363;
    color: #636363;	
}
.sub_tabarea.support .count { color: #ff6666}
/*-----------------------------------------------------------------------------------*/
/*	마이페이지 : 후원 
/*-----------------------------------------------------------------------------------*/
.support_spot { width: 100%; height: 240px;  padding: 62px 82px; border: 4px solid #4c4c4c; margin-bottom: 43px;}

.support_spot .leftarea { float:left}
.support_spot .leftarea .total { float:left; font-size: 30px; color: #414141}
.support_spot .leftarea  ul {margin-left:150px; color: #666; font-size: 16px;}
.support_spot .leftarea ul li {
    padding: 10px 8px;
    border-top: 1px solid #cccccc;
    width: 244px;
}
.support_spot .leftarea ul li:last-child {border-bottom: 1px solid #cccccc;}
.support_spot .leftarea ul li:before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background: #ff3333;
    vertical-align: middle;
    margin-right: 9px;
}
.support_spot .leftarea ul li p { float:right}
.support_spot .leftarea ul li p .point { color: #0066cc}
.support_spot .leftarea ul li p .point2 { color: #ff4343}
.support_spot .rightarea {margin-left: 610px;}  
.support_spot .rightarea .ico_heart {
    display: inline-block;
    width: 109px;
    height: 96px;
    background: url(../img/ico_heart.png) no-repeat;
    vertical-align: middle;
    margin-right: 30px;
}
.support_spot .rightarea .price {
    font-size: 30px;
    color: #212121;
    border-bottom: 1px solid #b5b5b5;
}
.support_spot .rightarea .price span {font-size: 20px;}
/*-----------------------------------------------------------------------------------*/
/*	체크박스 , 라디오 버튼 재정의 
/*-----------------------------------------------------------------------------------*/
p.checkbox input[type='checkbox'] {display: none;}
p.checkbox input[type='checkbox'] + label span{ width: 23px; height: 23px; overflow: hidden; display: inline-block; vertical-align: -5px; background: transparent; border: solid 1px #c4c4c4; border-radius: 1px;}
p.checkbox input[type='checkbox'] + label span.all{background: url(../img/btn_confirm_all.png) no-repeat 50% 5px; background-size: 17px auto;}
p.checkbox input[type='checkbox']:checked+label span { background: transparent url(../img/ico_check2.png) no-repeat 50% 3px; background-size: 17px auto; -webkit-background-size: 15px auto; background-position: 48% 46%; border: solid 1px #c4c4c4;}
p.checkbox input.on+label span { background: #474747 url(../img/btn_confirm_on.png) no-repeat 50% 6px ; background-size: 15px auto; border:none;}

/* 라디오버튼 */
p.radio input[type=radio] {display: none;}
p.radio {display: inline-block;}

.radio{ margin-right:10px}
p.radio label{ margin-bottom: 0; }
p.radio input[type='radio']+ label span{display:inline-block;width:25px;height:25px;vertical-align:-8px;background:url(../img/icon_temp.png) no-repeat;margin-right:4px;background-size:52px auto;-webkit-background-size:52px auto}
p.radio input[type='radio']:checked + label span{background-position:-26px 0}
.joinCnt input::-webkit-input-placeholder{ color:#626262; font-size:12px; font-family: 'Nanum Gothic';}

/* 리뷰작성 테이블 */
.review_form {}
.tblT01_detail.review { border:none}
.tblT01_detail.review td { padding:5modaltrigger btn sspx 0; border-bottom:none}
.tblT01_detail.review input[type='text'] { height:46px; padding:10px 15px; font-size:13px;}
.review_form .img_reg { overflow:hidden; margin-top:5px; padding:12px 7px 2px 7px; border:1px solid #e0e0e0; background:#fafafa;}
.review_form .img_reg p{
	float: left;
    position: relative;
    margin: 0 5px 10px 5px;
    width: 90px;
    height: 90px;
	}
.review_form .img_reg .noimg img { width: 100%; height: 100%;}
.review_form .img_reg .nodata{ font-size:12px; margin:0 0 10px 5px}
.img_reg .btn_del { position: absolute; top: -2px; right: 0px; }
.review_form .tblT01_detail tbody td {padding: 10px 0;}

/*-----------------------------------------------------------------------------------*/
/*	popup
/*-----------------------------------------------------------------------------------*/

.pop_wrap{
width: 350px;
background: #f4f4f4;
overflow: visible;
position: absolute;
top: 49px;
right: -5px;  z-index:100;
background:#ffffff; 
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
-webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.35);
box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.35);
-webkit-border-radius: 5px;
border-radius: 1px;
}
.pop_wrap02 { padding: 20px;}
.pop_wrap.wd02{ width:760px!important;}
.pop_wrap:before{display: block; content: "";
width: 20px; height: 20px; position: absolute; right: 45%; top: -10px;  background: url(../img/icon_br02.png) no-repeat 0 0;}


/* 우편번호 추가 */
.pop_wrap.post{ 
width:450px; position: absolute;left: 50%; margin-left:-200px; font-size:13px; line-height:140%}

/* 옵션 팝업창 추가 */
.post_list {width: 100%;
height: 300px;
margin-top: 10px;
overflow: auto;}
.post_list li { overflow:hidden; position:relative; border-bottom: 1px solid #e0e3ec; padding: 15px 0;
    line-height: 160%;}
.post_list li .zip_code{ float:left; width:60px; }
.post_list li .address {margin-right:80px; margin-left: 70px;}
.post_list li .post_btn {position:absolute; top:9px; right:10px;}
/* pop_header */
.pop_header{}
.pop_header h2{ position: relative; padding:7px 20px; font-size:18px; color: #f57a03;;; font-weight:700; border-bottom:3px solid #ca0016;}
.pop_header .btn_close{position:absolute; top:10px;right:12px}
.pop_container{ padding:30px 20px 15px 20px}
.pop_footer{text-align:center;padding: 0 20px 30px 20px; }

.detail label{ font-weight:700; display:inline-block; margin-bottom:10px; font-size:16px}
.detail input[type='text'] {
height: 35px;
width: 100%;
padding: 10px;}
/* 버튼 */
.pop_wrap a.btn-border { width:32%; padding:10px 5px; font-size:14px; letter-spacing:-1px;     background: #f4f4f4!important;}
.age p a.btn-border, .style01 p a.btn-border  { margin-bottom:10px}
a.btn-border.tb{ 
    padding: 9px 15px; font-size:13px; /* vertical-align: middle; */}
.pop_footer a.btn{ font-size:15px; padding:13px 30px!important}
.pop_wrap.post a.btn{font-size:15px; padding: 10px 15px;}
.pop_wrap.post a.btn-border {width:63px; padding:8px 5px; border:1px solid #a8aebd; color:#a8aebd!important}
/* .pop_address a.btn{font-size:15px; padding:13px 30px}
.pop_address a.btn-border {width:63px; padding:8px 5px; border:1px solid #a8aebd; color:#a8aebd!important}
*/
.pop_wrap.post a.btn-border:hover{
    background: #f57a03 !important;
    border: 1px solid #f57a03;
    color: #ffffff !important;
}

/*-----------------------------------------------------------------------------------*/
/*	new_pop
/*-----------------------------------------------------------------------------------*/
.intpop_wrap {
	/* 400*400 */
    min-width: 400px;
    height: 100%;
    padding: 12px 12px;
    background: #eaeaea;
	position: relative;
}
.intpop_wrap .pop {
    background: #fff;
}
.intpop_wrap .tit {
    letter-spacing: -1px;
    color: #111;
    font-size: 19px;
    line-height: 120%;
    font-weight: 700;
    border-bottom: 2px solid #97ca4a;
    padding: 18px 0 15px 0;
    margin: 0 20px;
    line-height: 140%;
}
.intpop_wrap .content {
    padding: 25px 20px;
    font-size: 14px;
    color: #777;
    line-height: 160%;
    height: 505px;
    overflow: auto;
}

.intpop_wrap .pop img {
    max-width: 100%;
    margin: 20px 0;
}
#close_wrap {
	position:absolute;
	left:-1px;
	bottom:0;
	width:400px;
	height:28px;
	z-index:1;
}
#close_wrap input[type="checkbox"] { vertical-align:middle;
    height: auto;}
#close_wrap .close {
    height: 25px;
    color: #333;
    text-align: right;
    padding: 0 10px;
    font-size: 12px;
    line-height: 200%;
    background: #eaeaea;
}
#close_wrap .close a {color:#666;}
#close_wrap .btn_colse {
    width: 16px;
    margin-left: 6px;
    opacity: 0.5;
}
/*-------------------------
  로그인
-------------------------*/

.login_info {
    height: 82px;
    background: #f6f6f6;
    text-align: center;
    padding-top: 30px;
    font-size: 18px;
	letter-spacing: -0.5px;
	margin-top: 50px;
}
.login_info .join {
    border-bottom: 1px solid #ea3732;
    color: #ea3732;
}
.login_wrap{
    padding: 30px 0;
    margin: 50px auto;
    width: 490px;
}

.login_wrap fieldset { }
.login_wrap legend {
    font-size: 30px;
    margin-bottom: 35px;
    padding-bottom: 20px;
    font-weight: 700;
    letter-spacing: -2px;
    width: 100%;
    border-bottom: 1px solid #222731;
}

.login_wrap input[type=text], .login_wrap input[type=password], .login_wrap input[type=number], .login_wrap input[type=tel] {
    width: 360px;
    height: 30px;
	padding: 0;
    font-size: 13px;
    border: none;
}

.login_wrap input::-webkit-input-placeholder{ color:#b1b7c3!important; font-size:12px; font-weight:700}


.login_wrap li {}
.login_wrap li .input_bar {
	padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d8d8d8;
	overflow: hidden;

}
.login_wrap .input_bar label {
    padding-top: 7px;
	font-size: 19px;
    color: #333;
    float: left;
    width: 90px;
    display: inline-block;
}


/* 비번찾기 버튼영역 */
.login_wrap .inputAgree {position: relative;}
.login_wrap .inputAgree.fl-left{ float:left}
.login_wrap .inputAgree.fl-right{ float:right}

/* 회원정보 체크박스 */
p.checkbox input[type='checkbox'] {display: none;}

.inputAgree p {
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 120%;
    margin-top: 20px;
}
.inputAgree p a { color:#333;}
.inputAgree p.checkbox {
    padding: 2px 0 0;
    padding-left: 23px;
    color: #272727;
    margin-bottom: 2px;
}

  .inputAgree p.checkbox input[type='checkbox'] + label span {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    vertical-align: -7px;
   /*  background: #3b88ff; */
    border: solid 1px #e0e3ec;
    /* border-radius: 3px; */
}
.inputAgree p.checkbox input[type='checkbox']:checked+label span { background: #3b88ff url(../img/icon_check.png) no-repeat 50% 3px; background-size: 12px auto; -webkit-background-size: 18px auto; background-position: 48% 46%; border: solid 1px #e0e3ec;}
    
.jbtn_area .btn {
    width: 100%;
    margin-top: 10px;
    border-radius: 2px;
    font-weight: 500;
    font-size: 23px;
    padding: 20px 0 17px;
    line-height: 1;
}


/*-----------------------------------------------------------------------------------*/
/*	가입 new 추가
/*-----------------------------------------------------------------------------------*/
.inner.join {}
.inner.join .sub_tit { width: 100%}
/* 레벨 라인 */
.lev_line {
    margin: 50px 0;
    height: 5px;
    background: #e5e5e5;
    width: 100%;
}
.lev_line .now{
    margin-top: 20px;
    height: 5px;
    background: #ea3732;
    width: 50%;
}
.lev_line .now.l02{
    width: 65%;
}
.lev_line .now.l03{
    width: 100%;
}
.sub_tit03 {
    font-size: 22px;
    color: #222;
    font-family: 'NanumSquare';
    font-weight: 800;
}
.subtit03_sm {
    color: #888;
    font-size: 16px;
    margin: 25px 0;
    line-height: 180%;
}
.subtit03_sm i, .subtit03_sm em { color: #a0a0a0}

/* 아코디언 메뉴 */
.join_list li {

    position: relative;
    line-height: 180%;
}
 .join_list .tit, .join_list .tit.collapsed, .join_list .tit_none {
    padding: 25px 0;
    color: #333;
	font-size: 20px;
    font-weight: 700;
	border-bottom: 1px solid #dbdbdd;
}


.join_list .tit::before, .join_list .tit.collapsed:before {
    content: "\f077";
    font-family: fontawesome;
    font-size: 30px;
    font-weight: lighter;
    color: #66666669;
    position: absolute;
    top: 22px;
    right: 17px;
    transition: all 0.3s ease 0s;
}
.join_list .tit.collapsed:before {
    content: "\f078";
}
.join_list .tit.none:before {
    content: "";
}

.join_list .detail {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdd;
    font-size: 16px;
}
.join_list p.checkbox input[type='checkbox'] + label span { vertical-align: -4px; background:}

.inner.join .btm_btnarea { margin-top: 50px}

/* 회원종류 선택 */
.inner.join .member {
    width: 540px;
    margin: 0 auto;
	padding-top: 80px;
    text-align: center;
}
.inner.join .member .real_mem {
    display: inline-block;
    width: 152px;
    height: 174px;
	margin-right: 228px;
    background: url(../img/ico_mem.png) no-repeat;
    background-size: 152px;
}
.inner.join .member .real_mem.on, .inner.join .member .real_mem:hover { background: url(../img/ico_memon.png) no-repeat; background-size: 152px;}

.inner.join .member .nom_mem  {
    display: inline-block;
    width: 152px;
    height: 174px;
    background: url(../img/ico_mem02.png) no-repeat;
    background-size: 152px;
}
.inner.join .member .real_mem span, .inner.join .member .nom_mem span {
    display: inline-block;
	
	padding-top: 190px;
    font-size: 22px;
    color: #222;
}
.inner.join .member .nom_mem.on, .inner.join .member .nom_mem:hover { background: url(../img/ico_mem02on.png) no-repeat; background-size: 152px;}

/* 후원종류 선택 */
.inner.join .member.spt {width: 620px;}
.inner.join .member .sp01 {
    display: inline-block;
    width: 186px;
    height: 112px;
	margin-right: 228px;
    background: url(../img/ico_sp01.png) no-repeat;
    background-size: 186px;
}
.inner.join .member .sp02 {
    display: inline-block;
    width: 186px;
    height: 112px;;
    background: url(../img/ico_sp02.png) no-repeat;
    background-size: 186px;
}
.member .sp01.on, .member .sp01:hover { background: url(../img/ico_sp01on.png) no-repeat!important; background-size: 186px;}
.member .sp02.on, .member .sp02:hover { background: url(../img/ico_sp02on.png) no-repeat!important; background-size: 186px;}
.member .sp01 span, .member .sp02 span {
    display: inline-block;
	padding-top: 150px;
    font-size: 22px;
    color: #222;
}

/* 회원가입 완료 아이콘 */
.ico_jdone {    padding: 50px 0;}
.ico_jdone::before {
    font-size: 110px;
    color: #01d2d1;
    content: "\f058";
    font-family: fontawesome;
    /* font-family: fantasy; */

}
.j_num {
    position: absolute;
    right: 0;
    top: 130px;
    font-size: 21px;
}
/*-----------------------------------------------------------------------------------*/
/*	아이콘 style
/*-----------------------------------------------------------------------------------*/	
.fa.fa-paperclip {color: #bdc3c7; font-size: 20px}
.fa.fa-heart.on {color: #ea3732;}
.ico_view {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 0;
    background: url(../img/ico_view.png) 0 0 no-repeat;
    background-size: auto auto;
    background-size: auto auto;
    background-size: 16px;
    vertical-align: middle;
}
/*-----------------------------------------------------------------------------------*/
/*	side_banner
/*-----------------------------------------------------------------------------------*/
.side_banner {
    position: fixed;
    top: 250px;
    z-index: 99999;
    left: 50%;
    margin-left: 660px;
}
.side_banner.n00 {
    top: 130px;
}
.side_banner.n02 {top: 360px;}
.side_banner.n03 {top: 470px;}
.side_banner img {
    max-height: 100px;
}
/*-----------------------------------------------------------------------------------*/
/*	common
/*-----------------------------------------------------------------------------------*/
.line{ height:1px; background:#232323;}
.w_auto{ width:auto!important}
.default_tit{ margin-left:6px; font-size: 18px; color:#4e2916; font-weight:700}
.p_color{ color: #ff4b13; font-weight:700}

.p_color2{ color:#304d6e}
.mgt50{margin-top:100px}
.mgt80{margin-top:80px}
.mgt50{margin-top:50px}
.mgt40{margin-top:40px}
.mgt30{ margin-top:30px;}
.mgt20{margin-top:20px}
.mgt10{margin-top:10px}
.mgt5{margin-top:5px}
.mgl10{margin-left:10px}
.mgl15{margin-left:15px}
.mgb10{ margin-bottom:10px}
.mgb40{ margin-bottom:40px}
.blind {
    font-size: 0;
    position: absolute;
    top: -999999px;}

/* legend{ display:none} */
.bd_block{ height:1px; width:100%; border-top: 1px dashed #e2e1e6;}
.bdb_none { border-bottom:none!important}
.no_data {
    padding: 100px 0 !important;
    text-align: center;
}
.mcont2 .no_data{ padding: 50px 0 !important;}
.no_data02{ color: #4e2916; background:none!important; font-weight: normal;border: none!important; left: 50%!important; margin-top: 150px; margin-left: -50px; box-shadow: none!important;}
.no_data03{ padding:50px 0; color: #4e2916; background:none!important; font-weight: normal;border: none!important; left: 50%!important; margin-left: -50px; box-shadow: none!important;}
.no_data.my{   
    line-height: 800%;
    left: 50%!important;
    margin-left: -80px;
}
.no_data02:hover, .no_data :hover { border:none}
.cmt-list.no_data{ font-size:13px; text-align:center; padding: 50px;}
#main-detail.celeb .detail-wrap li.no_data{ border:none!important;}
.empty {min-height: 250px;}




/* Styles added on 20190412 */

.de_form .de_container_row { overflow: auto; margin: 0; }
.de_form .de_container_row .de_img { float: right; width: 400px; margin: 0 0 0 50px; }
.de_form .de_container_row .de_img img { width: 400px; }
.de_form .de_container_row .de_text { float: left; width: 750px; border: 5px solid #e6e6e6; padding: 30px; line-height: 2; margin: 50px 0 0 0; }


#footer .ico_sc { display: none; }

#footer .visitors {
    position: absolute;
    right: 0;
    top: 30px;
    color: #fff;
}
#footer .visitors ul {
    font-size: 12px;
    text-transform: uppercase;
}
#footer .visitors ul li {
    margin: 0 0 .5rem 0;
}#footer .visitors ul li strong {
    display: inline-block;
    width: 45px;
}

.type2 #footer .visitors {
    color: #444;
}

/* 240905 ckeditor 5 */
.t_cont img { max-width: 100%; height: auto; }