/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(2030,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@charset "utf-8";


@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 100;
  src: url(../css/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Thin.woff) format('woff'),
       url(../css/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 300;
  src: url(../css/font/NotoSansKR-Light.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Light.woff) format('woff'),
       url(../css/font/NotoSansKR-Light.otf) format('opentype');}
@font-face {
 font-family: 'NotoSansKR';
 font-style: normal;
 font-weight: 400;
 src: url(../css/font/NotoSansKR-Regular.woff2) format('woff2'),
	    url(../css/font/NotoSansKR-Regular.woff) format('woff'),
	    url(../css/font/NotoSansKR-Regular.otf) format('opentype');}
 @font-face {
   font-family: 'NotoSansKR';
   font-style: normal;
   font-weight: 500;
   src: url(../css/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Medium.woff) format('woff'),
        url(../css/font/NotoSansKR-Medium.otf) format('opentype');}
@font-face {
	 font-family: 'NotoSansKR';
	 font-style: normal;
	 font-weight: 600;
	 src: url(../css/font/NotoSansKR-Bold.woff2) format('woff2'),
     url(../css/font/NotoSansKR-Bold.woff) format('woff'),
     url(../css/font/NotoSansKR-Bold.otf) format('opentype');}


@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../css/font/RobotoCondensed-Light.woff) format('woff');}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../css/font/RobotoCondensed-Regular.woff) format('woff');}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../css/font/RobotoCondensed-Bold.woff)}



/*common*/
* { margin: 0; padding: 0; /*box-sizing: border-box;*/ -webkit-touch-callout: none; }
html { -webkit-font-size-adjust: none;overflow-y: scroll; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: keep-all }
html, body { height: 100%; margin: 0; padding: 0; color: #444; font-size: 15px; letter-spacing:-0.5px;
font-family:'Roboto', 'NotoSansKR',  '맑은고딕', Malgun Gothic, sans-serif,'Sans-serif', 돋움, 'dotum'; line-height:normal; line-height:1.4285; text-rendering: optimizeLegibility; font-weight:400; min-width:320px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight:500; /* font-size:100% ; line-height:1.4em */ line-height:auto } /*2018.03.수정*/
::selection { background: #666; color: #fff; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #a5a5a5 !important; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a5a5a5!important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a5a5a5!important; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a5a5a5!important;}


html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, audio, video { margin: 0; padding: 0; border: 0; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0 }
input, textarea, select {   color: inherit; font-family:inherit   }
strong, table th{ font-weight:normal; font-weight:500 !important}

select{-webkit-border-radius:0; /* -webkit-appearance:none;아이폰에서 셀렉트 아이콘 안나와서 주석처리*/}
input[type=text], input[type=password]{ border:1px solid #e9e9e9; background:#fff; /*height:33px; line-height:33px;*/-webkit-border-radius:0; -webkit-appearance:none; }
input[type=submit]{-webkit-border-radius:0; -webkit-appearance:none;}
input[type=image]{ height:auto; border:0;   }
input[type=file]{ border:0; background:none;  }
textarea{ overflow-y:auto;  border:1px solid #e9e9e9;outline:none }
select { height: 30px ; margin: 0; padding: 0; border: 1px solid #ccc; box-sizing: border-box; }
input[type=checkbox], input[type=radio]{ width:14px;height:14px; vertical-align:middle; margin-top:-2px; }
label { cursor: pointer }
label, select, input, button {  vertical-align:baseline; outline:none}
table { border-collapse: collapse; border-spacing: 0 }
img { max-width: 100%; border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) ; -ms-interpolation-mode: bicubic; vertical-align:middle; line-height:inherit; margin:0; padding:0; font-size:0}
ol, ul, li { list-style: none }
img, fieldset { border: 0 none }

a { color:inherit }
a:link, a:visited,a:hover, a:active { text-decoration: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
em, address { font-style: normal; }
hr { display: none; clear: both;height: 0; }
legend, caption { visibility: hidden; overflow: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; line-height: 0 }


/*html5 구 버전 적용 위한 소스*/
[hidden], area, base, basefont, command, datalist, head, input[type=hidden], link, menu[type=context], meta, noembed, noframes, param, script, source, style, track, title { /* case-insensitive */display: none;}
address, article, aside, blockquote, body, center, dd, dir, div, dl, dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre, section, summary, ul, xmp { display: block; }
table { display: table; }
caption { display: table-caption; }
colgroup { display: table-column-group; }
col { display: table-column; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
td, th { display: table-cell; }
li { display: list-item; }
ruby { display: ruby; }
rt { display: ruby-text; display: inline; }


/*정렬*/
.text_c{ text-align:center !important}
.text_l{ text-align:left !important}
.text_r{ text-align:right !important}
.float_r{ float:right !important}
.float_l{ float:left !important}
.cursor{ cursor:pointer}
.cursorno{ cursor: default}
/*마진,패딩*/
.pat0{ padding-top:0 !important}
.pab0{ padding-bottom:0 !important}

.mat0{ margin-top:0 !important}
.matb{ margin-bottom:0 !important}

.mat5{ margin-top:5px!important}
.mar5{ margin-right:5px!important}
.mab5{ margin-bottom:5px!important}
.mal5{ margin-left:5px!important}

.mat10{ margin-top:10px!important}
.mar10{ margin-right:10px!important}
.mab10{ margin-bottom:10px!important}
.mal10{ margin-left:10px!important}

.mat20{ margin-top:20px!important}
.mar20{ margin-right:20px!important}
.mab20{ margin-bottom:20px!important}
.mal20{ margin-left:20px!important}

.mat30{ margin-top:30px!important}
.mar30{ margin-right:30px!important}
.mab30{ margin-bottom:30px!important}
.mal30{ margin-left:30px!important}

.mat40{ margin-top:40px!important}
.mar40{ margin-right:40px!important}
.mab40{ margin-bottom:40px!important;}
.mal40{ margin-left:40px!important}

.mat50{ margin-top:50px!important}
.mar50{ margin-right:50px!important}
.mab50{ margin-bottom:50px!important}
.mal50{ margin-left:50px!important}

.mat60{ margin-top:60px!important}
.mar60{ margin-right:60px!important}
.mab60{ margin-bottom:60px!important}
.mal60{ margin-left:60px!important}

.mat70{ margin-top:70px!important}
.mar70{ margin-right:70px!important}
.mab70{ margin-bottom:70px!important}
.mal70{ margin-left:70px!important}

.mat80{ margin-top:80px!important}
.mar80{ margin-right:80px!important}
.mab80{ margin-bottom:80px!important}
.mal80{ margin-left:80px!important}

.mat100{ margin-top:100px!important}
.mar100{ margin-right:100px!important}
.mab100{ margin-bottom:00px!important}
.mal100{ margin-left:100px!important}

.pat5{ padding-top:5px!important}
.par5{ padding-right:5px!important}
.pab5{ padding-bottom:5px!important}
.pal5{ padding-left:5px!important}

.pat10{ padding-top:10px!important}
.par10{ padding-right:10px!important}
.pab10{ padding-bottom:10px!important}
.pal10{ padding-left:10px!important}

.pat20{ padding-top:20px!important}
.par20{ padding-right:20px!important}
.pab20{ padding-bottom:20px!important}
.pal20{ padding-left:20px!important}

.pat30{ padding-top:30px!important}
.par30{ padding-right:30px!important}
.pab30{ padding-bottom:30px!important}
.pal30{ padding-left:30px!important}

.pat40{ padding-top:40px!important}
.par40{ padding-right:40px!important}
.pab40{ padding-bottom:40px!important;}
.pal40{ padding-left:40px!important}

.pat50{ padding-top:50px!important}
.par50{ padding-right:50px!important}
.pab50{ padding-bottom:50px!important}
.pal50{ padding-left:50px!important}

.pat60{ padding-top:60px!important}
.par60{ padding-right:60px!important}
.pab60{ padding-bottom:60px!important}
.pal60{ padding-left:60px!important}

.pat70{ padding-top:70px!important}
.par70{ padding-right:70px!important}
.pab70{ padding-bottom:70px!important}
.pal70{ padding-left:70px!important}

.pat80{ padding-top:80px!important}
.par80{ padding-right:80px!important}
.pab80{ padding-bottom:80px!important}
.pal80{ padding-left:80px!important}

.pat100{ padding-top:100px!important}
.par100{ padding-right:100px!important}
.pab100{ padding-bottom:00px!important}
.pal100{ padding-left:100px!important}



/**/
@media screen and (max-width:1260px){
html, body { font-size: 15px; letter-spacing:-0.5px}
}

@media screen and (max-width:640px){
html, body { font-size: 14px; letter-spacing:-1px}
}

@media screen and (max-width:1260px){

.mat10{ margin-top:5px!important}
.mab10{ margin-bottom:5px!important}

.mat20{ margin-top:10px!important}
.mab20{ margin-bottom:10px!important}

.mat30{ margin-top:15px!important}
.mab30{ margin-bottom:15px!important}

.mat40{ margin-top:20px!important}
.mab40{ margin-bottom:20px!important}

.mat50{ margin-top:25px!important}
.mab50{ margin-bottom:25px!important}

.mat60{ margin-top:35px!important}
.mab60{ margin-bottom:35px!important}

.mat70{ margin-top:40px!important}
.mab70{ margin-bottom:40px!important}

.pat10{ padding-top:5px!important}
.pab10{ padding-bottom:5px!important}

.pat20{ padding-top:10px!important}
.pab20{ padding-bottom:10px!important}

.pat30{ padding-top:15px!important}
.pab30{ padding-bottom:15px!important}

.pat40{ padding-top:20px!important}
.pab40{ padding-bottom:20px!important}

.pat50{ padding-top:25px!important}
.pab50{ padding-bottom:25px!important}

.pat60{ padding-top:35px!important}
.pab60{ padding-bottom:35px!important}

.pat70{ padding-top:45px!important}
.pab70{ padding-bottom:45px!important}

}

/*issue2020*/
.hidden{ display:none !important}
.overflow{overflow:hidden !important}
span{ }
a{ display:inline-block; }
span, strong{ display:inline-block;}
button{ border:0; font-size:inherit; font-family:inherit; cursor:pointer; vertical-align:middle }
input, textarea, select { font-size:inherit; vertical-align:middle; }
input[type=text], input[type=password],input[type=file]{padding:0 10px; height:38px; line-height:38px; box-sizing:border-box; }


input:focus { border:1px solid #0f61ad}


textarea{  padding:10px 10px;  box-sizing:border-box; width:100% }
.clearfix{ overflow:hidden}
a{ cursor:pointer}   /*탭소스 링크*/
.w_100{ width:100% !important}
.mat-1{ margin-top:-1px}
.under{ text-decoration:underline !important}
.v_middle{ vertical-align:middle} /*span에 사용*/
/*

height : -webkit-calc(100% - 40px); height :-moz-calc(100% - 40px);  height : calc(100% - 40px); 
*/
@charset "utf-8";
.wrap { position: relative; max-width: 1200px; margin: 0 auto;  /*overflow:hidden*버튼등 영역밝 가려짐떄문에 못씀*/ } /*전체 최대 넓이 조절 */
.mypage .wrap { max-width: 1000px; }
 @media screen and (max-width:1500px) {
.wrap { margin: 0 auto; max-width: 900px; }
}
/*캠페인 상세 시작*/
#campain_info { width: 100%; max-width: 1000px; margin: 0 auto }
 @media screen and (max-width:1200px) {
.wrap {  /* max-width:100%;*/ }
#campain_info { width: 96%; max-width: 1000px; }
}
@media screen and (max-width:1010px) {
.mypage .wrap { width: 96%; margin: 0 2%; }
}
@media screen and (max-width:880px) {
.wrap { width: 96%; margin: 0 2%; }
#campain_info { width: 96%; max-width: 1000px; margin: 0 2%; }
}
 @media screen and (max-width:640px) {
.wrap { width: 92%; margin: 0 4%; }
#campain_info { width: 92%; max-width: 1000px; margin: 0 4%; }
.mypage .wrap { width: 92%; margin: 0 4%; }
}
/******************************* common layout ******************************************/

#header { width: 100%; height: 70px; z-index: 20 !important; background: #ffffff; position: fixed; text-align: center; box-shadow: 1px 1px 6px rgba(0, 0, 0, .2); }
#header h1 { z-index: 10000; padding: 0; display: inline-block; margin: 0 auto; margin-top: 10px }
#header h1 a { display: inline-block }
#header h1 img { }
 @media screen and (max-width: 1200px) {
#header { height: 60px; }
#header h1 { margin-top: 7px }
#header h1 a { display: inline-block }
#header h1 img { height: 28px }
}
/*gnb*/
.gnb { position: absolute; top: 50%; right: 2%; margin-top: -17px !important; width: auto; }
.gnb > ul { float: right; }
.gnb li { position: relative; float: left; margin-left: 0px; padding: 0; display: block; padding: 5px 5px; color: #777; }
.gnb li.icon { color: #666; padding: 5px 2px; }
.gnb li span.new { position: absolute; top: 0px; left: 15px; background: #b01b37; color: #fff; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; font-size: 12px; padding: 0 5px }
.gnb li.per_info { }
 @media screen and (max-width: 1200px) {
.gnb { right: 0%; }
}
 @media screen and (max-width: 640px) {
.gnb { right: 0%; }
.wrap.gnb { margin: 0 2% 0 0 }
}
.mobile_menu .per_info { padding-right: 10px }
.mobile_menu .per_info a { padding: 5px 5px !important }
.mobile_menu .per_info a { display: inline-block }
/*search*/
.search_form_area { position: absolute; top: 50%; margin-top: -20px; /*left:150px;*/ left: 2%; }
.basic_search { position: relative; max-width: 280px; height: 40px; border-radius: 20px; background: #f1f2f4; overflow: hidden }
.basic_search fieldset { display: block; height: 100% }
.basic_search input { border: 0; width: 230px; height: 100%; line-height: 40px; background: 0 0; padding: 0 40px 0 20px; }
.basic_search button { display: block; position: absolute; top: 0; right: 10px; border: 0; background: none; cursor: pointer }
 @media screen and (max-width: 1200px) {
.search_form_area { display: none }
.search_form_mobile { position: relative; top: 0; left: 0; margin-top: 0; }
.basic_search { position: relative; max-width: 100%; height: 40px; border-radius: 0px; background: #fff; overflow: hidden; border-bottom: 1px solid #333 }
.basic_search fieldset { display: block; height: 100% }
.basic_search input { border: 0; width: 100%; height: 100%; line-height: 40px; background: 0 0; padding: 0 40px 0 20px; }
.basic_search button { display: block; position: absolute; top: 0; right: 10px; border: 0; background: none; cursor: pointer }
}
 @media screen and (max-width: 640px) {
.search_form_area { display: none }
.gnb li.per_info { display: none }
}
/*left_nav*/
.left_nav { top: 0px; text-align: center; left: 0px; position: fixed; z-index: 19; background: #ffffff; overflow: hidden; text-align: center; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); height: 100%; width: 100px; }
.left_nav .logo { display: inline-block; border-radius: 50%; background: #fff; margin: 0 auto; }
.left_nav ul { width: 100%; margin: 0 auto; margin-top: 100px }
.left_nav ul li { font-size: 13px; line-height: 1.2em; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: center; display: block }
.left_nav ul li a { display: block; text-align: center; font-weight: 400; }
.left_nav ul li a img { padding-top: 5px }
.left_nav ul li.on a, .left_nav ul li a:hover { color: #0f61ad; background: url(../img/common/menu_bg.png) no-repeat 20px top; font-weight: 500 }
.left_nav ul li a p { margin: 3px 0 }
.left_nav ul li:first-child { }
.left_nav .go_top { display: block; color: #fff; font-size: 12px; font-weight: 400; line-height: 1.2em; padding: 5px 0; }
.left_nav .call_num { font-size: 15px; }
 @media screen and (max-width: 1200px) {
.left_nav { display: none !important; position: relative; width: 0px !important; height: 0; }
}
 @media screen and (max-width: 640px) {
#header h1 { left: 4%; }
}
.mmactive { overflow: hidden; }
.mobile_menu { display: none; position: relative; }
.sm_menu_outer.active .mobile_menu { display: block; width: 300px; height: 100%; overflow-y: auto; background: #fff }
.sm_menu_outer { height: calc(100vh - 0px); overflow-y: auto; overflow-x: hidden; position: fixed; right: 0; bottom: 0; z-index: -9; width: 100%; opacity: 0; background-color: #fff; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.sm_menu_outer.active { opacity: 1; z-index: 999; background: rgba(0,0,0,0.6); left: 0; top: 0 }
.sm_menu_outer .mobile_menu li.back a { padding: 20px 5px 20px 55px; background: url("../images/back.png") no-repeat scroll 15px center / 5% auto; }
.sm_menu_outer .mobile_menu a { display: block; padding: 15px 15px; font-size: 15px }
/*Sub Menu anim */
.sm_menu_outer.slide .mobile_menu .submenu { background-color: #000000; height: 100%; position: absolute; left: -100000%; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 999; }
.sm_menu_outer.slide .mobile_menu li.active > .submenu { right: 0; }
.sm_menu_outer .mobile_menu li { list-style-type: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*border-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, #0f5ca3 20%, #0f5ca3 50%, #0f5ca3 80%, rgba(0, 0, 0, 0.2) 100%) 0 0 1 0;*/ overflow: hidden }
.sm_menu_outer .mobile_menu li.per_info { border-bottom: 0 }
.sm_menu_outer.slide .mobile_menu li.hasChild > a { background: url("../images/next.png") no-repeat scroll 95% center / 5% auto; }
/*Hamburger Animation */
#sm_menu_ham { cursor: pointer; float: right; height: 25px; position: fixed; right: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; width: 30px; top: 18px; right: 2%; z-index: 9999; }
#sm_menu_ham span { background-color: #333; border-radius: 5px; display: block; height: 2px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; width: 26px; border-radius: 30px }
#sm_menu_ham span:nth-child(1) { top: 0; }
#sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3) { top: 9px; }
#sm_menu_ham span:nth-child(4) { top: 18px; }
#sm_menu_ham.open span:nth-child(1) { left: 50%; top: 18px; width: 0; }
#sm_menu_ham.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
#sm_menu_ham.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#sm_menu_ham.open span:nth-child(4) { left: 50%; top: 18px; width: 0; }
@media (max-width: 1200px) {
#sm_menu_ham { left: 2%; }
}
 @media (min-width: 1201px) {
#sm_menu_ham, .sm_menu_outer { display: none; }
}
/* footer */
#footer { position: relative; padding: 30px 0 30px 0; background: #ffffff; border-top: 1px solid #efefef; clear: both; }
#footer .foot_link { padding: 0 0 10px 0; margin-bottom: 0px; border-bottom: 0px solid #666; display: block; text-align: left; position: relative; }
#footer .foot_link li { display: inline-block; line-height: 22px; }
#footer .foot_link li a { position: relative; z-index: 1; padding: 0 5px 0 8px; color: #333; display: inline-block }
#footer .foot_link li:first-child a { padding-left: 0 }
#footer .foot_link li a:after { background: #ccc; content: ''; display: block; height: 10px; width: 1px; position: absolute; top: 50%; left: 0; margin-top: -5px; }
#footer .foot_link li:first-child a:after { width: 0 }
#footer .sns_icon { float: right; }
#footer .sns_icon li { display: inline-block; }
#footer .h1_area { float: right; margin-left: 2%; }
#footer .h1_area h2 { font-size: 1.5em }
#footer address { font-size: 14px; line-height: 1.4em; color: #555 }
#footer address span { color: #999; padding: 0 5px; }
#footer .copy { color: #777; text-transform: uppercase; margin-top: 10px; font-size: 0.9em; letter-spacing: 0 }
#footer .copy span { }
#footer .family_area { display: none; position: absolute; top: 0%; right: 0; z-index: 10000 }
#select_family { position: relative; height: 28px; width: 160px; }
#select_family .select_tit { position: relative; width: 158px; height: 28px; line-height: 28px; color: #999; background: #0e0e0e; cursor: pointer; z-index: 100; border: 1px solid #0e0e0e; }
#select_family .select_tit .tit { padding-left: 15px; height: 28px; line-height: 28px; }
#select_family .select_tit .arr { position: absolute; top: 0; right: 0px; width: 29px; height: 28px; background: url(../img/common/select_arr.png) left -28px no-repeat; overflow: hidden; }
#select_family .select_tit .arr.on { background-position: left top; }
#select_family .select_list { position: absolute; bottom: 0; right: 0; width: 100% !important; padding-bottom: 26px; overflow: hidden; border-bottom: none; display: block; z-index: 0; height: 0; display: block; }
#select_family .select_list ul { width: 158px; background: #fff; border: 1px solid #d8d8d8; }
#select_family .select_list li { width: 100%; margin-left: 0 !important }
#select_family .select_list li a { display: block; height: 35px; color: #666; padding-left: 5px; line-height: 35px; }
#select_family .select_list li:hover { background: #ebebeb; }
 @media screen and (max-width: 1260px) {
#footer address br { display: none; }
#footer h1 { display: none; }
#footer .h1_area { display: none }
}
 @media screen and (max-width: 1000px) {
}
@media screen and (max-width: 640px) {
#footer { padding: 20px 0; }
#footer h1 { float: left; display: none; }
#footer address, #footer .copy { margin-left: 0px; padding-right: 0; }
#footer address { font-size: 13px }
#footer .copy { font-size: 11px }
}
/*go_top*/
.btn_top { position: absolute; right: 20px; bottom: 20px; width: 50px; z-index: 100; }
.btn_top { position: fixed; }
@media screen and (max-width: 1300px) {
.btn_top { display: none !important; position: relative; }
}
/*
#header.small { width: 100%;  height: 50px; }
#header.small .gnb {   }
#header.small .lnb {     }
#header.small h1 { margin-top:0}
#header.small h1 img { height:30px;  }

*/





/*radio*/
.radio_area { margin-right: 15px; overflow: hidden }
.radio_area.width_s { width: 100px; }
.radio_area.width_m { width: 150px; }
.radio_area.width_l { width: 180px; }
.radio_area li { float: left; margin-right: 3px; width: 100px; }
.radio_area input[type="radio"] { display: none; }
.radio_area label { background-repeat: no-repeat; background-size: 20px auto; float: left; margin: 5px 0 }
.radio_area label { background-image: url("../img/contents/radio_off_black.png"); background-position: left 50%; padding-left: 25px; }
.radio_area input:checked + label { background-image: url("../img/contents/radio_on_black.png"); background-position: left 50%; }
 @media screen and (max-width:640px) {
.radio_area label { background-size: 18px auto; padding-left: 22px; }
}
.radio_area2 { overflow: hidden }
.radio_area2 li { float: left; margin-right: 3px; }
.radio_area2 input[type="checkbox"] { display: none; }
.radio_area2 label { display: inline-block; padding: 0 15px; height: 30px; line-height: 30px; margin: 5px 0; font-size: 0.9em }
.radio_area2 label { background: #f1f1f1; border-radius: 20px; color: #333 }
.radio_area2 input:checked + label { background: #176bb5; border-radius: 20px; color: #fff; }
/*check*/
.check_area { overflow: hidden }
.check_area li { float: left; margin-right: 15px; width: 100px; min-height: 25px; }
.check_area input[type="checkbox"] { display: none; }
.check_area label { display: inline-block; background-repeat: no-repeat; background-size: 21px auto; padding-left: 28px; margin: 5px 0 }
.check_area label { background-image: url("../img/contents/check_off_black.png"); background-position: left 50%; }
.check_area input:checked + label { background-image: url("../img/contents/check_on_black.png"); background-position: left 50%; }
@media screen and (max-width:640px) {
.check_area label { background-size: 18px auto; padding-left: 22px; }
}
/*select*/
.selects { position: relative; display: inline-block; width: auto; min-width: 140px; padding: 0; height: 38px; background: url(../img/contents/select_arr.png)right center no-repeat; border: 1px solid #e9e9e9; box-sizing: border-box; max-width: 100% }
.selects label { position: absolute; top: 0px; left: 10px; line-height: 36px; }
.selects select#select { width: 100%; height: 36px; min-height: 36px; line-height: 36px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0);/* IE 8 */ vertical-align: middle }
/* paging */ 
.bo_pagenate { text-align: center; margin-top: 15px; clear: both; }
.bo_pagenate .paging { position: relative; display: inline-block; text-align: center; margin-top: 15px; clear: both; }
.bo_pagenate .paging:after { contnet: ""; clear: both; display: block; }
.bo_pagenate .paging a { width: 38px; height: 38px; line-height: 38px; }
.bo_pagenate .paging .first, .bo_pagenate .paging .prev, .bo_pagenate .paging .next, .bo_pagenate .paging .end { float: left; vertical-align: top; text-indent: -9999px; overflow: hidden; background: url('../img/contents/paging.png') no-repeat left 50%; border: 1px solid #eaeaea; margin-left: 2px; }
.bo_pagenate .paging .first { margin-left: 0; }
.bo_pagenate .paging .prev { background-position: -38px 50%; }
.bo_pagenate .paging .next { background-position: -76px 50%; margin-left: 0; }
.bo_pagenate .paging .end { background-position: -114px 50%; }
.bo_pagenate .paging ol { float: left; margin: 0 3px; }
.bo_pagenate .paging ol li { float: left; margin-left: 3px; display: inline-block }
.bo_pagenate .paging ol li:first-child { margin-left: 0 !important; }
.bo_pagenate .paging ol li a { color: #333; text-align: center; display: block; border: 1px solid #eaeaea; }
.bo_pagenate .paging ol li a.on { border: 1px solid #efefef; color: #3268b2; font-weight: 600; background: #efefef }
 @media screen and (max-width:640px) {
.bo_pagenate { margin-top: 10px; }
.bo_pagenate .paging .first, .bo_pagenate .paging .prev, .bo_pagenate .paging .next, .bo_pagenate .paging .end { background-size: 146px }
.bo_pagenate .paging a { width: 30px; height: 30px; line-height: 30px; }
.bo_pagenate .paging .first { background-position: -2px 50% }
.bo_pagenate .paging .prev { background-position: -40px 50%; }
.bo_pagenate .paging .next { background-position: -76px 50%; margin-left: 0; }
.bo_pagenate .paging .end { background-position: -112px 50%; }
}
/*button*/
.btn_area { overflow: hidden; text-align: center; margin-top: 30px }
.bt_type1 { background: #3f3f3f; color: #fff; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #3f3f3f }
.bt_type2 { background: #ffffff; color: #333; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #999 }
.bt_type3 { background: #ffffff; color: #999; width: auto; padding: 0 20px; line-height: 40px; border: 0; text-decoration: underline }
.bt_type4 { background: #0f61ad; color: #fff; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #0f61ad }
.bt_type5 { background: #f8fcff; color: #0f61ad; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #b8d7f3 }
.bt_type6 { background: #efefef; color: #333; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #efefef }
.bt_type7 { background: #e7f2fb; color: #0f61ad; width: auto; padding: 0 20px; line-height: 40px; border: 0; border: 1px solid #e7f2fb }
.bt_type1_s { font-size: 0.9em; background: #3f3f3f; color: #fff; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #3f3f3f }
.bt_type2_s { font-size: 0.9em; background: #ffffff; color: #333; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #999 }
.bt_type3_s { font-size: 0.9em; background: #ffffff; color: #999; width: auto; padding: 0 5px; line-height: 25px; border: 0; text-decoration: underline }
.bt_type4_s { font-size: 0.9em; background: #0f61ad; color: #fff; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #0f61ad }
.bt_type5_s { font-size: 0.9em; background: #f8fcff; color: #0f61ad; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #b8d7f3 }
.bt_type6_s { font-size: 0.9em; background: #efefef; color: #333; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #efefef }
.bt_type7_s { font-size: 0.9em; background: #e7f2fb; color: #0f61ad; width: auto; padding: 0 5px; line-height: 25px; border: 0; border: 1px solid #e7f2fb }
.bt_type1_s button, .bt_type2_s button, .bt_type3_s button, .bt_type4_s button, .bt_type5_s button, .bt_type6_s button, .bt_type7_s button { padding: 5px 5px !important; }
.bt_r1 { border-radius: 20px }
/**/

.container { }
#main { padding-top: 130px; overflow: hidden }
#main h2 { font-size: 30px; font-weight: 500; color: #000; margin-bottom: 0.7em; letter-spacing: -1px }
.tit_group h2 .small { font-size: 0.8em }
#sub { padding-top: 130px; padding-bottom: 80px; overflow: hidden }
#sub .tit_group { }
#sub .tit_group h2 { overflow: hidden; }
.sub_nav1 { overflow: hidden; border-bottom: 1px solid #ebebeb; line-height: 40px; }  /*공통수정 불가*/
.sub_nav1 ul { overflow-x: auto; white-space: nowrap; width: 100% }
.sub_nav1 ul li { display: inline-block; color: #666 }
.sub_nav1 ul li a { padding: 0 10px; font-size: 1.1em; border-bottom: 3px solid #fff }
.sub_nav1 ul li.on { color: #000; font-weight: 500; border-bottom: 3px solid #2583db }
#sub .content { margin-top: 30px; min-height: 300px }
#sub h2 { display: inline-block; font-size: 30px; font-weight: 500; color: #000; margin-bottom: 0.5em; letter-spacing: -1px; }
#sub h2 .coment { font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.5px }
.select_date { float: right; }
.select_date .now { padding: 0 5px; font-size: 22px; line-height: 45px; vertical-align: middle; color: #333; font-weight: 400 }
.select_date .icon { margin: 0 5px }
.select_date .prev { margin-right: 10px }
.select_date .next { margin-left: 10px }
 @media screen and (max-width:1200px) {
#main { padding-top: 90px; overflow: hidden }
#sub { padding-top: 90px; padding-bottom: 40px; overflow: hidden }
#main h2 { font-size: 22px; }
#sub h2 { font-size: 22px; margin-bottom: 0.2em; }
#sub h2 .coment { font-size: 13px; display: block }
.select_date .now { font-size: 18px; }
.select_date .icon { margin: 0 0px }
.select_date .prev { margin-right: 5px }
.select_date .next { margin-left: 5px }
}
 @media screen and (max-width:640px) {
#main { padding-top: 80px; }
#sub { padding-top: 80px; padding-bottom: 50px; }
#main h2 { font-size: 18px; }
#sub h2 { font-size: 18px; margin-bottom: 0.3em; }
#sub h2 .coment { font-size: 13px; display: block }
.select_date .now { font-size: 15px; }
.select_date .icon { margin: 0 0px }
.select_date .prev { margin-right: 5px }
.select_date .next { margin-left: 5px }
.sub_nav1 { line-height: 30px; }
.sub_nav1 ul li a { padding: 0 5px; font-size: 1em; }
}
.sub_nav2 { position: relative; display: block; z-index: 1; /*font-size: 0; line-height: 0;*/ margin: 0 auto; margin-bottom: 10px }
.sub_nav2:after { content: ""; display: block; clear: both; visibility: hidden; }
.sub_nav2 ul.basic { float: left }
.sub_nav2 ul.basic li { display: inline-block; text-align: center; border-left: 1px solid rgba(255,255,255,0.2); position: relative; margin: 0; padding: 0 }
.sub_nav2 ul.basic li a:after { background: #ccc; content: ''; display: block; position: absolute; width: 1px; height: 10px; top: 50%; left: 0; margin-top: -5px }
.sub_nav2 ul.basic li:first-child a { padding-left: 0 }
.sub_nav2 ul.basic li:first-child a:after { width: 0 }
.sub_nav2 ul.basic a, .sub_nav2 ul.basic a.on { position: relative; font-weight: 400; height: 30px; line-height: 30px; overflow: hidden; }
.sub_nav2 ul.basic a { /* font-size: 16px;*/ color: #666; padding: 0 10px; }
.sub_nav2 ul.basic li.on a { line-height: 30px; color: #0f61ad; font-weight: 500 }
 @media screen and (max-width:860px) {
.sub_nav2 ul.basic a { padding: 0 5px; }
}
.sub_nav2_tab { float: right }
.sub_nav2_tab li { display: inline-block; text-align: center; border-left: 1px solid rgba(255,255,255,0.2); position: relative; margin: 0; padding: 0 }
.sub_nav2_tab li a:after { background: #ccc; content: ''; display: block; position: absolute; width: 1px; height: 10px; top: 50%; left: 0; margin-top: -5px }
.sub_nav2_tab li:first-child a { padding-left: 0 }
.sub_nav2_tab li:first-child a:after { width: 0 }
.sub_nav2_tab a, .sub_nav2_tab a.on { position: relative; font-weight: 400; height: 30px; line-height: 30px; overflow: hidden; font-size: 0.9em }
.sub_nav2_tab a { /* font-size: 16px;*/ color: #666; padding: 0 5px; }
.sub_nav2_tab li.on { }
.sub_nav2_tab li.on a { line-height: 30px; color: #0f61ad; color: #333; text-decoration: underline; display: block }
.sub_nav2_tab li.on a span { display: inline }
@media screen and (max-width:860px) {
nav .m_hidden { display: none }
.sub_nav2_tab li.on a span.m_hidden { display: none }
.sub_nav2_tab a { padding: 0 5px; }
}
.sub_nav2_style { border: 15px solid #ebf2f7; text-align: center; padding: 8px 10px; overflow: hidden }
.sub_nav2_style:after { content: ""; display: block; clear: both; visibility: hidden; }
.sub_nav2_style ul { /*overflow-x:auto; white-space:nowrap; */ width: 100%; padding: 0 10px 0 0 }
.sub_nav2_style li { display: inline-block; text-align: center; border-left: 1px solid rgba(255,255,255,0.2); position: relative; margin: 0; padding: 0 }
.sub_nav2_style li a:after { content: '→'; display: inline-block; color: #999; padding-left: 10px }
.sub_nav2_style li:last-child a:after { content: ''; }
.sub_nav2_style li:first-child a { padding-left: 0 }
.sub_nav2_style li:first-child a:after { }
.sub_nav2_style a, .sub_nav2 a.on { position: relative; height: 30px; line-height: 30px; overflow: hidden; }
.sub_nav2_style a { color: #333; padding: 0 5px; }
.sub_nav2_style li.on a { line-height: 30px; color: #0f61ad; }
.sub_nav2_style li span.num { color: #ea7f00 }
.sub_nav2_style li span.new { position: absolute; top: -8px; right: 18px }
span.num { color: #ea7f00 }
 @media screen and (max-width:860px) {
.sub_nav2_style { border: 5px solid #ebf2f7; }
}
.process { background: #ebf2f7; text-align: center; overflow: hidden }
.process:after { content: ""; display: block; clear: both; visibility: hidden; }
.process ul { margin: 0; padding: 0; overflow: hidden }
.process li { display: inline-block; text-align: center; border-left: 1px solid rgba(255,255,255,0.2); position: relative; margin: 0; padding: 0; padding-top: 7px; }
.process li p:after { content: '→'; display: inline-block; color: #999; padding-left: 10px }
.process li:last-child p:after { content: ''; }
.process li:first-child p { padding-left: 0 }
.process li:first-child p:after { }
.process p, .sub_nav2 p.on { position: relative; overflow: hidden; }
.process p { color: #333; padding: 0 5px; }
.process li.on p { color: #0f61ad; }
.card_list { margin-left: -30px; overflow: hidden; *width:100%;
margin-top: 0px; font-size: 0.9em }
.card_list li { float: left; width: 25%; position: relative; }
.card_list li:first-child { margin-left: 0 }
.card_list dl { position: relative; background: #fff; margin-left: 30px; margin-bottom: 40px; text-align: left; }
.card_list dl dt { overflow: hidden; position: relative; border: 1px solid #e7e7e7; }
.card_list dl dt img { margin: 0 auto; max-height: 400px; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.card_list dl dt p.img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.card_list dl dt p.img img { width: 100%; height: 100%; }
/*
.card_list dl dt img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }*/
.card_list dl dd { margin: 15px 0 0px 0; overflow: hidden; position: relative; text-align: left; overflow: hidden; }
.card_list dl dd:first-child { border-bottom: 1px solid #CCC }
.card_list dl dd p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.card_list dl dd h3 { color: #333; margin: 0px 0; padding: 0 !important; font-weight: 400; font-size: 1.1em !important; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% }
.card_list dl dd h3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*div.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,.03), transparent); z-index: 1; border-radius: 3px }*/


.ellipse { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } /*공용*/
 @media screen and (max-width:860px) {
.card_list li { width: 50%; margin-bottom: 10px }
.card_list { margin-left: -15px; }
.card_list dl { margin-left: 15px; }
.card_list dl { margin-bottom: 20px; }
}
.card { min-height: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0); display: flex; flex-direction: column; position: relative; top: 0; transition: all .1s ease-in; }
.card:hover { top: 0px; box-shadow: 0 4px 5px rgba(0,0,0,0); }
.card .sort.blog { color: #1d80f7 }
.card .sort.shop { color: #df5e09 }
.card .due { margin-left: 10px; color: #333333; }
.card .due.red { color: #cc3333; }
.card .due.end { color: #000; border: 1px solid #ccc; background: #efefef; padding: 1px 5px; font-size: 0.9em; line-height: 1em; vertical-align: top }
.card .like { float: right; display: inline-block }
.card .line { border-top: 1px dotted #ccc; padding-top: 7px; margin-top: 10px }
.card .point { color: #0066cc }
.card .recruit { color: #999999; float: right; padding-right: 1px }
.card .recruit .bar { color: #ccc }
.card .end_layer { z-index: 10; position: absolute; left: 0; top: 0; height: 96%; width: 96%; margin: 2%; box-sizing: border-box; background: rgba(0,0,0,0.4); border-radius:10px; border:1px solid rgba(255,255,255,0.4) }
.card .end_layer .text { position: absolute; top: 50%; width: 100%; text-align: center; color: #fff; font-size: 30px; margin-top: -18px; font-weight:500 ; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.ing_wait { padding: 10px 10px; text-align: center; background: #daa343; background: rgba(218,163,67,0.8); color: #Fff; position: absolute; top: 0; left: 0; z-index: 100; font-size: 13px; line-height: 1em }
.ing_ing { padding: 10px 10px; text-align: center; background: #67b145; background: rgba(103,177,69,0.8); color: #Fff; position: absolute; top: 0; left: 0; z-index: 100; font-size: 13px; line-height: 1em }
.ing_end { padding: 10px 10px; text-align: center; background: #333; background: rgba(51,51,51,0.6); color: #Fff; position: absolute; top: 0; left: 0; z-index: 100; font-size: 13px; line-height: 1em }
/*카테고리*/
.line_category { margin-top: 20px; margin-bottom: 20px }
.line_category ul { float: left; min-width: 70%; max-width: 70%; overflow-x: auto; overflow-y: hidden; position: relative; margin-bottom: 0px;/*-ms-overflow-style: none ;*/ white-space: nowrap; }
.line_category ul li { display: inline-block; text-align: left; margin-right: 0px; border-radius: 0px; overflow: hidden; vertical-align: top; white-space: normal; margin-right: 5px; }
.line_category ul li a { padding: 0 14px; } /*캠페인 리스트 메뉴*/
.line_category .filter { float: right; background: url(../img/contents/icon_filter.png) no-repeat left 50%; padding-left: 20px; color: #3b84e6; font-weight: 500 }
 @media screen and (max-width:640px) {
.line_category ul li a { padding: 0 10px; } /*캠페인 리스트 메뉴*/
}
/*
.line_category ul li:before{content:'';position:absolute;top:50%;left:-1px;margin-top:-11px;width:1px;height:22px;background-color:#f0f0f0}
.line_category ul li:first-child:before{display:none}
*/


/*세부검색레이어*/                    
.layer_popup { display: none; position: absolute; z-index: 1001; margin-top: -21px; border: 1px solid #ebebeb; background: #fff; text-align: left; width: 60%; right: 0px; font-weight: normal; padding: 20px; box-sizing: border-box }
.layer_popup .colse { position: absolute; top: 8px; right: 8px }
.filter_list { }
.filter_list > li { overflow: hidden; padding: 15px; border-top: 1px solid #efefef }
.filter_list > li:first-child { border-top: 0 }
.filter_list > li:last-child { border-bottom: 1px solid #666; }
.filter_list dt { float: left; width: 80px; text-align: right; font-weight: 500; color: #000; padding-top: 5px }
.filter_list dd { float: left; padding-left: 30px; width : -webkit-calc(100% - 110px); width : -moz-calc(100% - 110px); width : calc(100% - 110px); }
.filter_list dd label { }
.filter_list .check_area li { width: 150px }
.total_area { overflow: hidden; line-height: 30px } /**/
.layer_popup .btn_area { margin-top: 10px; text-align: right }
.layer_popup .btn_area .bt_type2 { background: #f0f0f0; padding: 0px 25px; color: #333; min-width: 100px; line-height: 40px; border: 0 }
.layer_popup .btn_area .bt_type1 { background: #1b1b1b; padding: 0px 25px; color: #fff; min-width: 100px; line-height: 40px; border: 0 }
 @media screen and (max-width:860px) {
.layer_popup { width: 100%; }
.filter_list > li { padding: 5px }
.filter_list dt { width: 50px; }
.filter_list dd { padding-left: 20px; width : -webkit-calc(100% - 70px); width : -moz-calc(100% - 70px); width : calc(100% - 70px); }
.filter_list .check_area li { width: 110px }
}
/*정렬*/
.lineup { position: relative; display: block; text-align: center; z-index: 1;/* font-size: 0;*/ line-height: 0; margin: 0 auto; }
.lineup:after { content: ""; display: block; clear: both; visibility: hidden; }
.lineup li { float: left; position: relative; margin: 0 10px 0 0; padding: 0; /*font-size: 15px;*/ line-height: 30px; color: #666; }
.lineup li:first-child a:before { }
.lineup a:before { background: #ccc; content: ''; display: block; position: absolute; height: 5px; width: 5px; border-radius: 5px; position: absolute; top: 50%; left: -5px; margin-top: -2px }
.lineup li.on a:before { background: #333; }
.lineup a, .lineup .on { position: relative; font-weight: 400; padding: 0 5px }
.lineup li:last-child a { padding-right: 0 }
.lineup li.on { color: #333; font-weight: 500 }
 @media screen and (max-width:860px) {
.lineup a, .lineup .on { padding: 0 2px }
}
/* main_cs*/
.main_cs { background: #f5f5f5; padding: 5em 0; }
.cs_center { margin-left: -30px; overflow: hidden; *width:100%;
}
.cs_center li { float: left; width: 33.3333%; position: relative }
.cs_center li:first-child { margin-left: 0 }
.cs_center div { position: relative; margin-left: 30px; text-align: left; height: 286px; border-radius: 10px; box-sizing: border-box; padding: 50px }
.cs_center li:nth-child(1) div { padding-left: 0 }
.cs_center li:nth-child(2) div { background: #fff url(../img/main/cs_icon01.png) no-repeat right bottom; color: #666 }
.cs_center li:nth-child(2) div h3 { color: #333 }
.cs_center li:nth-child(3) div { background: #2e7ad6 url(../img/main/cs_icon02.png) no-repeat right bottom; color: #fff }
.cs_center h2 { font-size: 2.5em; line-height: 1.1em; letter-spacing: -2px; font-weight: 600 }
.cs_center h3 { font-size: 1.5em; letter-spacing: -2px; font-weight: 600; }
.cs_center h3 span { color: #fcff00 }
 @media screen and (max-width:1000px) {
.main_cs { padding: 3em 0; }
.cs_center h2 { font-size: 2em; }
.cs_center { margin-left: -10px }
.cs_center div { margin-left: 10px; height: 230px; }
.cs_center li { width: 50%; }
.cs_center li:first-child { width: 100%; height: auto }
.cs_center li div { padding: 30px; }
.cs_center li:first-child div { height: auto; padding: 0 0 30px 20px; }
.cs_center h2 { font-size: 1.8em }
.cs_center h2 br { display: none }
.cs_center li:nth-child(2) div, .cs_center li:nth-child(3) div { background-size: 120px }
}
 @media screen and (max-width:480px) {
.cs_center li div { padding: 20px; }
.cs_center { margin-left: 0px }
.cs_center div { margin-left: 0px; border-radius: 0px; height: 180px; }
.cs_center h2 { font-size: 1.5em; }
.cs_center li p { font-size: 12px; line-height: 1.2em }
.cs_center li:nth-child(2) div, .cs_center li:nth-child(3) div { background-size: 80px }
.cs_center h3 { font-size: 1.3em; }
}
.nopage { text-align: center; padding: 80px 0 90px 0; background: #f7f7f7 }
.nopage h2 { position: relative; padding-bottom: 10px; margin-top: 20px }
.nopage h2:after { background: #000; content: ''; display: block; height: 2px; width: 50px; position: absolute; top: 100%; left: 50%; margin-left: -25px; }



/*컨텐츠*/

/*색깔은 메인공용*/
.point_c1{ color:#3352a7 !important} /*파*/
.point_c2{ color:#0f61ad !important} /*파*/
.point_c3{ color:#F33 !important } /*빨*/
.point_c4{ color:#ea7f00 !important }  /*주황*/
.point_c5{ color:#666}

.point_b1{ color:#000 !important;}
.point_b2{ color:#333 !important; }
.point_b3{ color:#666 !important; }
.point_b4{ color:#999 !important; }
.color_w{ color:#fff !important}

.small1{ font-size:0.9em}
.small2{ font-size:0.85em}
.small3{ font-size:0.8em}

.large1{ font-size:1.1em}
.large2{ font-size:1.3em}
.large3{ font-size:1.5em}
.large4{ font-size:1.7em}


.font_i{ font-style:italic}

.text_big1 { font-size: 1.1em }
.text_big2 { font-size: 1.2em }
.text_big3 { font-size: 1.4em }
.text_small1 { font-size: 0.9em }
.text_small2 { font-size: 0.8em }


/*#sub h2{ font-size:22px; padding:5px 0 }*/
#sub h3{ font-size:22px; padding:10px 0;}
#sub h4{ font-size:18px; padding:5px 0}
#sub h5{ font-size:16px; padding:5px 0 }

.text_lar1{ font-size:35px; letter-spacing:-2px; color:#333; line-height:1.4em;  } /*포인트 큰 글자*/
.text_lar2{ font-size:25px; letter-spacing:-1px; color:#333;line-height:1.4em;}
.text_lar3{ font-size:20px; letter-spacing:-1px; color:#333; line-height:1.4em;}
.text_lar4{ font-size:18px; letter-spacing:-1px; color:#333; line-height:1.4em;}


.basic_tab{ display:block; text-align:center;  width:100%;overflow:hidden; /*float:left;*/}/*탭: 공통*/
.basic_tab ul{ margin:0; padding:0; font-size:0;line-height:0; padding:10px 10px; overflow:hidden; border-bottom:1px solid #000 }
.basic_tab ul:after{ clear:both; display:block; content:"";}
.basic_tab ul li{_display:inline;*float:left;  display:inline-block; padding:2px 0 ;background:url(../img/contents/tab_v_line.gif) no-repeat left 55%; }
.basic_tab ul li:first-child{margin-left:0%; background:none}
.basic_tab ul li a{display:block;_float:left;color:#333; background:#fff; cursor:pointer; text-align:center;  line-height:25px; border:0px solid #CCC; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:16px; padding:0 10px; text-align:left; margin:0 10px}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#039}
.basic_tab_con{ margin-top:1em }


/*
.basic_dot { clear:both; display:block} 
.basic_dot li { clear: both;  line-height: 1em; margin: 5px 0 5px 0; display: block; position: relative; width: 100%; text-align: left; color: #333; vertical-align: middle; padding-left:3px  }
.basic_dot li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:-5px }
*/





.basic_dot{}
.basic_dot li { position: relative; display:block;  /*margin: 5px 0 5px 0; */ text-align: left; padding-left:10px  }
.basic_dot li:after{ clear:both; content:''; clear:both}
.basic_dot li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:-5px; margin-left:-8px  }
.basic_dot li.none{ margin:0; padding:0; background:none}
.basic_dot li.none:before{ display:none}

.basic_dot.small1 li:before{ margin-top:-3px; }

/*
.notice_list li a { width: 70%; height: 22px; line-height: 22px; display: inline-block; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap;   }
.notice_list li .date { color: #999; float: right; display:inline-block; padding-right:10px}
.notice_list li a img { vertical-align: middle; margin-left: 5px; margin-top: -5px }
.notice_list li.new {background: url(../img/main/notice_new.gif) no-repeat 0 4px;}
.notice_list li.new a { padding-left:20px}
*/


/*
.basic_table {  max-width: 1200px; margin-bottom:20px; overflow-x: auto ;  }  
@media screen and (max-width:1200px){
.basic_table:after{ display:block; content:"※표 내용이 정상적으로 보이지 않을시에는 가로로 드래그해주세요."; margin-top:5px; font-size:11px; color:#999}
}
*/
/*사고접수*/
.basic_table{table-layout:fixed; /* word-break:break-all;*/   border-bottom:0; }
.basic_table table{width:100%}
.basic_table tr th { padding: 15px 20px; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; background:#f8f8f8; line-height:1.5em ;}
.basic_table tr td { padding: 15px 20px; border: 1px solid #e6e6e6 ; background:#fff;line-height:1.5em; text-align:center ; border-left:0;  border-right:0 }
.basic_table th:first-child, .basic_table td:first-child{border-left:none;}
.basic_table th:last-child, .basic_table  td:last-child{border-right:none;}
.basic_table .left { text-align: left }
.basic_table .right { text-align: right }
.basic_table td img{ max-width:100%}

@media screen and (max-width:860px){
.basic_table th, .basic_table td{ }
}
@media screen and (max-width:860px){
.basic_table tr th { padding: 10px 5px; }
.basic_table tr td { padding: 10px 5px; }
}


@media screen and (max-width:640px){
.basic_table tr th {  font-size:12px; }
.basic_table tr td { font-size:12px; }
}




.basic_table_area { overflow-x: auto; width:100% }/*표*/
.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; }
.basic_tb tr th,.basic_tb tr td  { padding:10px 10px; border:1px solid #d4d4d4 ; line-height:1.4em;  text-align:center}
.basic_tb tr th{ color:#333; padding:10px 10px;}
.basic_tb tr td{ color:#666}
.basic_tb tr th {background:#f2f2f2 ;}
.basic_tb th:first-child, .basic_tb td:first-child{border-left:none;}
.basic_tb th:last-child, .basic_tb  td:last-child{border-right:none;}
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}

@media screen and (max-width:800px){
.basic_tb{ width:800px !important;margin-bottom:25px}
.basic_tb:after{ clear:both; display:block; content:"※가로로 드래그해주세요."; margin-top:5px; font-size:11px; color:#999; width:100% !important; position:absolute; height:20px; }
}
@media screen and (max-width:640px){
.basic_tb tr th,.basic_tb tr td  { padding:5px 8px; }
}


@media screen and (max-width:1280px){
/*#sub h2{ font-size:22px; padding:5px 0 }*/
#sub h3{ font-size:20px; padding:5px 0 }
#sub h4{ font-size:18px; padding:5px 0}
#sub h5{ font-size:16px; padding:5px 0 }

.text_lar1{ font-size:19px;}
.text_lar2{ font-size:17px;}
.text_lar3{ font-size:16px;}
.text_lar4{ font-size:16px;}

}


@media screen and (max-width:640px){

#sub h3{ font-size:17px;  }
#sub h4{ font-size:16px}
#sub h5{ font-size:15px ; }

.text_lar1{ font-size:17px;}
.text_lar2{ font-size:16px}
.text_lar3{ font-size:15px}
.text_lar4{ font-size:15px}

.basic_tab ul li{   }
.basic_tab ul li a{ line-height:35px; font-size:14px }
.basic_tab ul li a span{ display:none}

}


br.br{}
@media screen and (max-width:1200px){
br.br{ display:none}

}







/*--------------list--------------------*/

/*캠페인 상세 시작*/






/*상세 탭*/
.tab{ overflow:hidden; border-bottom:1px solid #ebebeb; line-height:45px} /*공통수정 불가*/
.tab ul li{ display:inline-block; color:#888}
.tab ul li a{ padding:0 10px;  font-size:1.1em; }
.tab ul li.on{ color:#000; font-weight:500; border-bottom:3px solid #2583db}


@media screen and (max-width:1200px){
.tab{ line-height:30px}
.tab ul li a{ padding:0 5px;  font-size:1em; }
}




.detail_tab ul li a {padding:0 40px;} /*상세 탭 메뉴*/

@media screen and (max-width:540px){
.detail_tab ul li a {padding:0 20px;} /*마이페이지 메뉴*/
}
.campain_basic { overflow:hidden  }
.campain_basic .img { float: left; width: 50%; }




.img_slider { width: 100%; }
.img_slider .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; *zoom: 1;
}
.img_slider .bx-wrapper img { max-width: 100%; display: block; width: 100%; height: 100%; margin: 0 auto; max-height: 500px; max-width: 500px; overflow: hidden;border: 1px solid #e7e7e7; box-sizing:border-box  }
.img_slider .bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.img_slider .bx-wrapper .bx-pager, .img_slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; border: 1px solid #936; display: none }
.img_slider .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.img_slider .bx-wrapper .bx-pager .bx-pager-item, .img_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.img_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #666; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.img_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .img_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.img_slider .bx-wrapper .bx-prev { left: 0px; background: url(../img/sub/controls.png) no-repeat 0 0; }
.img_slider .bx-wrapper .bx-next { right: 0px; background: url(../img/sub/controls.png) no-repeat -46px 0; }
.img_slider .bx-wrapper .bx-prev:hover { background-position: 0 0; background: #f0f0f0 url(../img/sub/controls.png) no-repeat 0 0; opacity: 0.8; }
.img_slider .bx-wrapper .bx-next:hover { background-position: -46px 0; background: #f0f0f0 url(../img/sub/controls.png) no-repeat -46px 0; opacity: 0.8; }
.img_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 10; display:none }
.img_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.img_slider .bx-wrapper .bx-controls-auto { text-align: center; }
.img_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.img_slider .bx-wrapper .bx-controls-auto .bx-start:hover, .img_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.img_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.img_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, .img_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.img_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.img_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.img_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.img_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.img_slider #bx-pager { margin-top: 5px }
.img_slider #bx-pager a { margin: 0 0px; width: 80px; overflow: hidden; height: 80px; padding: 0; display: inline-block; margin-bottom: 5px; border: solid transparent 1px; }
.img_slider #bx-pager a img { padding: 0px; display: block ;width: 80px; height:80px}
.img_slider #bx-pager a:hover { border: solid #5280DD 1px; }
.img_slider #bx-pager a:hover img, .example-item #bx-pager a.active img { }
.img_slider .pic li { position: relative }
.img_slider .pic li p { position: absolute; bottom: 10px; right: 10px; color: #FFF; padding: 0 20px; height: 40px; /* background:rgba(0,0,0,0.6);*/ text-align: center; line-height: 40px; font-size: 12px; color: #fff; font-weight: bold; font-size: 14px }


 @media all and (max-width:1000px) {
	 .img_slider .bx-wrapper img {  max-width: 100%; max-height:100%; overflow: hidden;}

 }
 
 
 
 

 @media all and (max-width:1000px) {
.img_slider .bx-wrapper .bx-prev { }
.img_slider .bx-wrapper .bx-next {  }
.img_slider #bx-pager a { width: 40px; height: 40px; }
.img_slider #bx-pager a img {width: 40px; height: 40px;}
}



.campain_basic_info {float:right; width:40% }




.pro_re_info{overflow:hidden; margin-bottom:20px}
.pro_re_info li { background: #eff3f7;  border:1px solid #d9e3ec; color: #026bc7; float:left; margin-right: 3px; line-height: 1em; font-size:0.9em; padding: 6px 5px; border-radius: 3px; font-size:13px }
.pro_re_info li.point { background: #026bc7; border:1px solid #026bc7; color: #fff; font-weight: 500; letter-spacing:0; font-weight:bold }
.pro_re_info li.blog { color: #1d80f7; border:1px solid #1d80f7; background:#fff}
.pro_re_info li.shop { color: #df5e09;  border:1px solid #df5e09; background:#fff}

.campain_basic_info .cam_title{ font-size:1.4em !important; margin:5px 0 8px 0 !important; padding:0; letter-spacing:-2px; line-height:1.2em; color:#1b1b1b; }


.campain_basic_info div.list{border-top: 1px dotted #ccc;}
.campain_basic_info dl { display: table; margin-bottom: 0; overflow:hidden; border-bottom: 1px dotted #ccc;}
.campain_basic_info dl.bg_point{ background:#f0f7ff}
.campain_basic_info dl dd, .campain_basic_info dl dt { display: table-cell; padding:12px 0 }
.campain_basic_info dl dd img, .campain_basic_info dl dt img { vertical-align: inherit; width: auto }
.campain_basic_info dl dt { color:#1b1b1b; width: 100px; display:inline-block; padding-right:20px; padding-left:10px }
.campain_basic_info dl dt button { margin-top: 6px }
.campain_basic_info dl dd {  width:100%; overflow: hidden; word-break: break-all; color:#666 }


.submit_area{ margin-top:20px}
.submit_area .submit{background:#3f3f3f; color:#fff;  width : -webkit-calc(100% - 64px); width :-moz-calc(100% - 64px);   width : calc(100% - 64px); line-height:64px; border:0 ; float:left; font-size:1.1em; font-weight:500; text-align:center}
.submit_area .submit_end{background:#efefef; color:#999;  width : -webkit-calc(100% - 64px); width :-moz-calc(100% - 64px);   width : calc(100% - 64px); line-height:64px; border:0 ; float:left; font-size:1.1em; font-weight:500; text-align:center}
.submit_area .detail_like{ float:right;line-height:62px; border:1px solid #CCC; text-align:center; width:60px }


.campain_info { clear:both; width:100%;}
.campain_info dl { display: table; margin-bottom: 0;}
.campain_info dl dd, .campain_info dl dt { display: table-cell }
.campain_info dl dd img, .campain_info dl dt img { vertical-align: middle; width: auto; margin:0 5px; margin-top:-2px;  }
.campain_info dl dt { color:#000; font-size:1.1em;  width: 150px; display:inline-block; padding-right:20px;   }
.campain_info dl dd {  width:100%; overflow: hidden; word-break: break-all; padding: 30px 0; border-bottom: 1px solid #e8e8e8; }

.campain_info .btn_more img{ width:25px; height:25px}




 @media all and (max-width:1000px) {
	 
.campain_basic .img { float: left; width: 45%; }
.campain_basic_info {float:right; width:50% }
.campain_basic_info .cam_title{ font-size:1.2em !important;}
.campain_basic_info dl dd, .campain_basic_info dl dt {  padding:10px 10px } 
 }



 @media all and (max-width:640px) {
.campain_basic .img { float: left; width: 100%; }
.campain_basic_info {float:right; width:100% } 
.campain_basic_info .cam_title{ }
 }

.product{}
.product li:last-child{margin-bottom:0;}
.product li {color: #555; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; overflow: hidden; display:inline-block; width:100%;}
.product li::before{content: '';display: inline-block;width: 2px;height: 2px; border-radius: 100%; background: #666;vertical-align: middle;margin-right: 3px; margin-top:-2px}
.product span{  width:90px; color:#333}


/*
.table_form { clear:both; width:100%; border-top: 1px solid #e6e6e6;  }
.table_form > dl { display: table; border-bottom: 1px solid #e6e6e6;  padding:10px 0; width:100%;}
.table_form dl dd, .table_form dl dt { display: table-cell ;  vertical-align:top  }
.table_form dl dd img, .table_form dl dt img { vertical-align: inherit; width: auto }
.table_form dl dt { color:#000; width:120px; max-width: 180px; }
.table_form.w100 dl{ width:100%}
.table_form.w100  dl dd input{ width:100%;}
.table_form dl dd { position:relative; color:#666;  overflow: hidden; word-break: break-all; float:left; width:100% }
.table_form dl dd input.address{ width:100%; max-width:400px}
*/



.tb_t1_left{ /* word-break:break-all;*/   border-bottom:0; width:100% ; border-top:1px solid #e6e6e6}  /**마이페이지 내정보, 회원가입시, 상세페이지 리뷰어신청 폼, 포인트 정산 폼 동일 사용으로 수정시 모두 체크해야함,   */
.tb_t1_left table{width:100%}
.tb_t1_left tr th { padding: 15px 15px; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; background:#f9f9f9;   }
.tb_t1_left tr td { padding: 15px 15px; border: 1px solid #e6e6e6 ; background:#fff; text-align:left ; border-left:0;  border-right:0;   }
.tb_t1_left th:first-child, .tb_t1_left td:first-child{border-left:none;}
.tb_t1_left th:last-child, .tb_t1_left  td:last-child{border-right:none;}
.tb_t1_left .center { text-align: center }
.tb_t1_left .right { text-align: right }
.tb_t1_left td img{ max-width:100%}
.tb_t1_left td input.address{ width:100%; max-width:400px}


@media screen and (max-width:640px){
.tb_t1_left tr th, .tb_t1_left tr td { padding: 10px 10px; }
.tb_t1_left tr th{ text-align:left;border-top:0; border-bottom:0; background:none; padding-bottom:0; color:#333}
.tb_t1_left tr td{ border-top:0;}
.tb_t1_left tr th, .tb_t1_left tr td{ display:block}
.tb_t1_left select, .tb_t1_left button, .tb_t1_left input{ margin:1px 0}
}





.list_go{height:38px; border:1px solid #efefef; padding:5px 20px;  box-sizing:border-box; color:#666; color:#000; margin:0 auto; display:inline-block}


.btn.ok{height:38px; /*line-height:38px;*/ border:1px solid #efefef; padding:0 8px; font-size:0.9em; box-sizing:border-box; color:#666; background:#efefef}



@media (max-width:799px) {
.campain_info dl { display: block; width: 100%; min-width: 100%; max-width: 100%; font-size: 14px }
.campain_info dl:first-child { margin-top: 0 }
.campain_info dl dd, .campain_info dl dt { display: block; width: 100% }
.campain_info dl dt { display: block; padding-top: 30px }
.campain_info dl dd { padding-top: 10px; font-size: 14px; line-height: 24px }

}

@media (max-width:640px) {
.table_form dl dt { color:#000; width:100%; max-width: 100%; display:block; margin-bottom:10px }
.table_form dl dd{ width:100%; overflow:hidden}
}


/*세부캠페인 레이어*/
.cam_detail_more{}

.cam_detail_more h3 { background:#f5fbff; padding:10px; color:#3352a7}
.cam_detail_more { text-align:left; }
.cam_detail_more ul li{ margin-top:30px; }
.cam_detail_more ul li:first-child{ margin-top:0}
.cam_detail_more .table{  width:100%; color:#666}
.cam_detail_more .table tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; }
.cam_detail_more .table tr td { padding: 10px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff;   }
.cam_detail_more .table tr td a{ display:block; background:#CCC; height:100%}
.cam_detail_more .table th:first-child, .cam_detail_more .table td:first-child{border-left:none;}
.cam_detail_more .table th:last-child, .cam_detail_more .table td:last-child{border-right:none;}




/*신청자 리스트 */
.subscriber_list{}
.subscriber_list li{ border-bottom:1px solid #efefef; overflow:hidden; padding:15px 0}
.subscriber{ overflow:hidden}
.subscriber .img{position:relative; float:left; margin-right:10px;  width:60px; height:60px; border-radius:50px; background:#efefef url("../img/contents/profile_no.png") no-repeat 50% 50%;  border-radius:50%;}
.subscriber .img img { width:60px; min-height:60px; max-height:60px; height:auto; border-radius:50%;}
.subscriber_info{ margin-top:5px}
.subscriber_info .name{ color:#999; font-size:0.9em}






/*mypage 내정보*/

/*사진첨부*/	

.profile > div  {  background:#fff url(../img/contents/border_patten.png) repeat; padding:10px 10px;}
.profile > div .in {  position:relative; overflow:hidden; background:#fff; padding:20px }


.profile{ overflow:hidden}
.profile_pic{position:relative; float:left; margin-right:10px;  width:60px; height:60px; border-radius:50px; background:#efefef url("../img/contents/profile_no.png") no-repeat 50% 50%; }
.profile_pic .img{border-radius:50%; width:100%; height:100%;}
.profile_pic .img img { width:60px; min-height:60px; max-height:60px; height:auto; border-radius:50%; border:1px solid #efefef}
.pic_add_btn{ position:absolute; bottom:0; right:0; z-index:11; width:15px; height:15px; line-height:15px; background:rgba(0,0,0,0.6);  padding:5px; border-radius:50%;}
.file_input_hidden { position:absolute; left:0px; top:0px; opacity:0; z-index:111; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; width:100%; height:100%}

.profile_info{}

.profile_info .left_flo { overflow:hidden; padding-left:20px; margin-top:10px}
.profile_info .left_flo li{ float:left; border-left:1px solid #efefef; padding-right:30px; padding-left:30px; color:#666}
.profile_info .left_flo li strong{ color:#333}
.profile_info .left_flo li:first-child{ border:0}

@media screen and (max-width:1000px) {
	.profile_info .left_flo li{  padding-right:18px; padding-left:18px;}
}


@media screen and (max-width:640px) {
	.profile > div  { padding:5px 5px;}
	.profile > div .in {  padding:10px }
	.profile_info .left_flo { overflow:hidden; padding-left:0px}
	.profile_info .left_flo li{padding-right:8px; padding-left:8px; }
}


/*level*/
.level_icon{ display:inline-block; margin-right: 3px; line-height: 1em; padding: 3px 5px; border-radius: 3px; font-size:0.9em; font-weight:500; letter-spacing:0} /*등급*/
.level_icon.level_b{ border:1px solid #cba865; color:#fff; background:#cba865} /*브론즈*/
.level_icon.level_s{ border:1px solid #989898; color:#fff; background:#989898} /*실버*/
.level_icon.level_g{ border:1px solid #ffb931; color:#fff; background:#ffb931} /*골드*/
.level_icon.level_p{ border:1px solid #bbb9b9; color:#fff; background:#bbb9b9} /*플래티넘*/
.level_icon.level_d{ border:1px solid #a764da; color:#fff; background:#a764da}/*다이아몬드*/

.level_process { overflow:hidden; padding:0 10px} /*등급*/
.level_process li{ float:left; width:20%;  }
.level_process li dt{ position:relative;  }
.level_process li dt span{ float:right; margin-right:-8px; color:#999; }
.level_process li dd{ position:relative; }
.level_process .percent {  display:block; width:100%;   position:relative }
.level_process .percent .level_text { color:#666; font-size:0.9em; line-height:1em}
.level_process .percent .per  {display:inline-block; background:#e6e6e6; height:10px; width:100%; border-radius:3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:0; line-height:3px}
.level_process .percent .per span {display:inline-block;  background:#fbc17c;  height:10px; font-size:0;line-height:10px; float:left; border-radius:3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.level_process .percent .perc_bar li.on {background:#e96567;  }
.level_process .percent .perc_bar_end li.on {background:#369a44;}

.point_month th{ background:#f7f7f7; border:1px solid #e7e7e7}
.point_month td{ border:1px solid #e7e7e7}

.total_month{background:#f5f5f5; padding:15px 5px; }

.bubble { position: relative; width: 25px; }
.bubble .label { color: #ffffff; background-color: #ea7f00; border-radius: 30px; padding: 0px; width: 25px; text-align: center; position: relative ;  font-size:12px}
.bubble .tail { left: 50%; margin-left: -3px; border-right : 3px solid transparent; border-top: 5px solid #ea7f00; border-left : 3px solid transparent; position: absolute; bottom: -4px; z-index: 3; width: 0; height: 0; }


.levelscore_info{ background:#f7f7f7;  text-align:center; padding:15px 0; overflow:hidden; margin:0px 0 20px 0}
.levelscore_info:after{content: "";display: block; clear: both; visibility: hidden; }
.levelscore_info ul{ font-size:0 }
.levelscore_info ul li{display: inline-block;text-align: center;border-left: 1px solid rgba(255,255,255,0.2); position:relative; margin:0; padding:0 }
.levelscore_info ul li dl:after{ background:#e8e8e8; content: ''; display: block; position: absolute; width:1px;  height:40%; top:30%; left:0 ; }
.levelscore_info ul li:first-child dl:after{ width:0}
.levelscore_info ul dl { color: #666; padding: 0 30px; text-align:center; font-size:15px }
.levelscore_info ul dl dt{ font-size:1.1em; color:#333}
.levelscore_info ul dl dd{ }
.levelscore_info ul dl dd span{font-size:1.4em; color:#ea7f00; font-weight:500; line-height:1em}
.levelscore_info ul li.on dl { line-height: 30px; color: #0f61ad; }

@media screen and (max-width:860px) {
.levelscore_info ul dl {  }
.levelscore_info ul dl dt{ font-size:1em;}
.levelscore_info ul dl dd span{font-size:1.2em; color:#ea7f00; font-weight:500}
}

@media screen and (max-width:400px) {
.levelscore_info ul li dl:after{  width:0px;  }
.levelscore_info ul li{ margin-top:10px}
.levelscore_info ul li:first-child{ margin-top:0}
}

.level_guide{ border:5px solid #efefef; padding:2% 5%}
.level_guide  h3{ font-weight:400; margin-bottom:5px}
.level_guide li{ margin-bottom:5px; overflow:hidden; }



/*주소록*/
.address_book{ /* table-layout:fixed; word-break:break-all; */ width:100%; color:#666; word-break:break-all; font-size:0.9em}
.address_book tr th { padding: 5px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none;background:#fafafa; font-weight:normal; color:#333 }
.address_book tr td { padding: 10px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none; border-bottom:none; background:#fff; text-align:center ; line-height:1.2em}
.address_book th:first-child, .address_book td:first-child{border-left:none;}
.address_book th:last-child, .address_book  td:last-child{border-right:none;}
.address_book tr td.left{ text-align:left}
.address_book td button{padding:5px 8px;  border-radius:5px; line-height:1em;  cursor: pointer; border:1px solid #ccc; background:#fff; vertical-align:middle; font-size:0.9em; margin:0 1px ; color: #666; vertical-align:middle }
.address_book td button.bt_r{float:right; margin-top:0px; }
.address_book .no_data{ padding-top:30px; padding-bottom:30px; text-align:center; color:#999}


@media screen and (max-width:640px){
.address_book tr th, .address_book tr td{ display: table-cell}
}




/*캠페인관련정보 테이블  /*줄었을때*/
	
.cam_table{ /* table-layout:fixed; word-break:break-all; */ width:100%; color:#666; word-break:break-all}
.cam_table tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333 }
.cam_table tr td { padding: 15px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:center ; min-height:20px }
.cam_table tr td a{ display:block; background:#CCC; height:100%}
.cam_table th:first-child, .cam_table td:first-child{border-left:none;}
.cam_table th:last-child, .cam_table  td:last-child{border-right:none;}
.cam_table .left { text-align: left }
.cam_table .right { text-align: right }
.cam_table td { }
.cam_table td img{ max-width:100%}
.cam_table td{ }
/*
.cam_table td .img{ vertical-align:middle; width:60px; height:100%; display:table-cell; overflow:hidden; border:1px solid #03F }
.cam_table td .img img{ width:60px; height:60px; border-radius:50px; overflow:hidden;  }
.cam_table td .info{  text-align:left;  display:table-cell; vertical-align:middle; padding-left:10px; width:100%; height:100%}
*/
.box_tb {  overflow:hidden; display:table; width:100%;}
.table_cells{display:table-row; overflow:hidden; }
.table_cells li{display:table-cell;   border-left:0; box-sizing:border-box ; vertical-align:middle}
.table_cells li div.img{ width:100%; height:100%;}
.table_cells li:first-child{width:70px;}
.table_cells li:last-child{width:-webkit-calc(100% - 70px); /* for Chrome, Safari */ width :-moz-calc(100% - 70px); /* for Firefox */  width : calc(100% - 70px);}
.table_cells li:first-child img{width:60px; height:60px; border-radius:50px; overflow:hidden;}
.table_cells li .info{  text-align:left; vertical-align:middle; overflow:hidden; margin-left:10px; box-sizing:border-box }

.cam_table td {}
.cam_table td .info p.title{ color:#333; line-height:1.2em }
.cam_table td .date{ color:#999}

.cam_table td button{padding:5px 8px;  border-radius:5px; line-height:1em;  cursor: pointer; border:1px solid #ccc; background:#fff; vertical-align:middle; font-size:0.9em; margin:0 1px ; color: #666; vertical-align:middle }
.cam_table td button.bt_r{float:right; margin-top:0px; }

.cam_table span.m{ display:none; } /*mobile*/
.cam_table .no_data{text-align:center; color:#999; background:url(../img/contents/nopage.png) no-repeat center 10px;  padding:130px 0px 30px 0 !important}
.mobile_display{ display:none}
.pc_display{ }
@media screen and (max-width:1260px){

}

@media screen and (max-width:640px){
.cam_table colgroup.m_size{ display: none; } /*mobile*/
.cam_table tr th, .cam_table tr td{ display:block}
.cam_table span.m{ display:block; float:left; }
.cam_table span.m:after{ content: ':'; padding:0 3px }

.cam_table tr { border-top:1px solid #e4e4e4;  border-bottom:1px solid #e4e4e4; }
.cam_table tr td:first-child{ padding:10px 0 }
.cam_table tr th{ display:none; line-height:1.3em; padding:0 10px }
.cam_table tr td { border:none; text-align:left;  line-height:1.4em;  }
.cam_table span.m { position: relative; display:block; text-indent:5px }
.cam_table span.m:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%;  vertical-align: middle; margin-top:-5px; margin-left:-13px ;  margin-right:5px }	

.mobile_display{ display:block}
.cam_table tr td.pc_display{ display:none }

.cam_table td button{ border-radius:5px; line-height:10px; vertical-align:top; margin-top:-2px }
}





/*검수요청 폼*/
.file_are { width:100%;}
.file_are tr th ,.file_are tr td{ padding:5px; position:relative; text-align:left}			
.file_input_div{ width:100%; position:relative}
.file_textbox{ width:100%}
.file_btn{position:absolute;top:0px;right:0;width:100px;height:38px;line-height:38px;color:#333;background:#efefef; -webkit-border-radius:0; -webkit-appearance:none; border:0}
.file_hidden{position:absolute;top:0px;left:0; opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;  width:100%; cursor:pointer}

.coment_box{padding:5px 10px; font-size:0.9em; color:#666} /*참고사항*/

@media screen and (max-width:640px){
.file_are tr th, .file_are tr td{ display:block}
}

/*포인트*/
.point_info{ border:1px solid #efefef; text-align:center; padding:20px 0; overflow:hidden;}
.point_info:after{content: "";display: block; clear: both; visibility: hidden; }
.point_info ul{ font-size:0 }
.point_info ul li{display: inline-block;text-align: center;border-left: 1px solid rgba(255,255,255,0.2); position:relative; margin:0; padding:0 }
.point_info ul li dl:after{ background:#e8e8e8; content: ''; display: block; position: absolute; width:1px;  height:40%; top:30%; left:0 ; }
.point_info ul li:first-child dl:after{ width:0}
.point_info ul dl { color: #666; padding: 0 30px; text-align:center; font-size:15px }
.point_info ul dl dt{ font-size:1.1em; color:#333}
.point_info ul dl dd{ font-size:1.8em; color:#ea7f00; font-weight:500}
.point_info ul li.on dl { line-height: 30px; color: #0f61ad; }

@media screen and (max-width:860px) {
.point_info ul dl {  }
.point_info ul dl dt{ font-size:1em;}
.point_info ul dl dd{ font-size:1.4em;}
}




.point_table{ /* table-layout:fixed; word-break:break-all; */ width:100%; color:#666; word-break:break-all}
.point_table tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333 }
.point_table tr td { padding: 15px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:center ; min-height:20px }
.point_table tr td a{ display:block; background:#CCC; height:100%}
.point_table th:first-child, .point_table td:first-child{border-left:none;}
.point_table th:last-child, .point_table  td:last-child{border-right:none;}
.point_table .left { text-align: left }
.point_table .right { text-align: right }
.point_table td { }
.point_table td img{ max-width:100%}
.point_table td{ }


/*포인트 정산 약관동의*/

.agree .btn_more{color:#2668df; float:right; font-size:0.8em; text-decoration:underline}
.agree { width:100%; }
.agree .con{ height:100px;border:1px solid #ddd;background:#fff; margin:0; overflow:hidden;overflow-y:auto;}
.agree .con .con_text{ padding:10px; color:#666}

.agree .join_check {width:100%; text-align:right; padding: 10px 0 0 0; clear:both }
.agree .join_check2 label{ margin-right:10px;}

@media all and (max-width:640px){
.agree .con{height:100px;}

}


.pointpost_info{ background:#f7f7f7;  text-align:center; padding:15px 0; overflow:hidden; margin:10px 0 20px 0}
.pointpost_info:after{content: "";display: block; clear: both; visibility: hidden; }
.pointpost_info ul{ font-size:0 }
.pointpost_info ul li{display: inline-block;text-align: center;border-left: 1px solid rgba(255,255,255,0.2); position:relative; margin:0; padding:0 }
.pointpost_info ul li dl:after{ background:#e8e8e8; content: ''; display: block; position: absolute; width:1px;  height:40%; top:30%; left:0 ; }
.pointpost_info ul li:first-child dl:after{ width:0}
.pointpost_info ul dl { color: #666; padding: 0 30px; text-align:center; font-size:14px }
.pointpost_info ul dl dt{ font-size:1.1em; color:#333}
.pointpost_info ul dl dd{ line-height:30px }
.pointpost_info ul dl dd input{ line-height:30px; height:30px}
.pointpost_info ul dl dd span{font-size:1.4em; color:#ea7f00; font-weight:500; line-height:1em}
.pointpost_info ul li.on dl { line-height: 30px; color: #0f61ad; }

@media screen and (max-width:860px) {
.pointpost_info ul dl {  }
.pointpost_info ul dl dt{ font-size:1em;}
.pointpost_info ul dl dd span{font-size:1.2em; color:#ea7f00; font-weight:500}
}

@media screen and (max-width:400px) {
.pointpost_info ul li dl:after{  width:0px;  }
.pointpost_info ul li{ margin-top:10px}
.pointpost_info ul li:first-child{ margin-top:0}
}


/*메시지*/

.notice ul{border-top:1px solid #e6e6e6; overflow:hidden;  width:100%}
.notice ul li{ padding:20px 0; border-bottom:1px solid #e6e6e6; width:100%; overflow:hidden;  }
.notice ul li p{ overflow:hidden ; /*text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; width:70%; border:1px solid #06F;*/ float:left}
.notice ul li p a:hover{ color:#3352a7}
.notice ul li .new{ display:inline-block; width:15px; height:15px; line-height:15px; border-radius:20px; text-align:center; background:#ff3e00; color:#fff;  font-size:13px; vertical-align:top; font-weight:600; margin-top:3px}
.notice ul li:last-child{}
.notice .date{ color:#999; font-size:0.9em;  float:right}


/*faq*/
.faq_lists .faq_area{}
.faq_lists h3{ }

.faq_lists .list {padding:10px 0;border-radius:5px;background:#e9eff6;border:1px solid #9aabbd;text-align:center; line-height:normal}
.faq_lists .list li{display:inline;}
.faq_lists .list li:first-child a{border-left:0}
.faq_lists .list li .current{font-weight:bold}

.faq_lists  caption{position: static ;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;text-indent: -1000px;}
.faq_lists .qawrap {border-top:1px solid #efefef}
.faq_lists .qawrap li{border-bottom:1px solid #efefef;   }
.faq_lists .qawrap li dl a:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:-5px; margin-left:-8px  }
.faq_lists .qawrap li dl{}
.faq_lists .qawrap dl dt{position:relative;   }
.faq_lists .qawrap dl dt a{  display:block; padding:15px 20px;}
.faq_lists .qawrap dl dt a:hover{text-decoration:none}
.faq_lists .qawrap dl dd{display:none;color:#666; line-height:normal; background:#efefef; overflow:hidden}
.faq_lists .qawrap dl.current dd{display:block;background:#f8f8f8;padding:15px 20px; }
.faq_lists .qawrap dl.current dt{ font-weight:500}
.faq_lists .qawrap dl dd strong{ color:#007dc6}

.tab_faq { position: relative; overflow:hidden; margin:10px 0; background: #ebf2f7; overflow-x:auto; white-space:nowrap; width:100% }
.tab_faq.scroll_no{ white-space:normal; padding:5px}
.tab_faq ul {  }
.tab_faq li { position: relative; margin: 0; padding: 10px 10px ; display:inline-block}
.tab_faq li:first-child:before { display: none }
.tab_faq li:first-child{ }
.tab_faq.scroll_no li{padding: 2px 10px ;}
.tab_faq li a { position: relative; display: block;  color: #333;  -webkit-box-sizing: border-box; box-sizing: border-box }
.tab_faq li a>span { position: relative; display: inline-block; padding: 5px 10px ; vertical-align: middle }
.tab_faq li a>span:before { /*content: ''; position: absolute; bottom: 0px; left: 50%; right: 50%; height: 3px; background: #007dc6; opacity: 0; -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s; -o-transition: opacity 0.3s, left 0.3s, right 0.3s; transition: opacity 0.3s, left 0.3s, right 0.3s*/ }
.tab_faq li.on a span:before { opacity: 1; left: 0; right: 0; }
.tab_faq li.on a{ color:#007dc6; font-weight:500;background:#007dc6; color:#fff; border-radius:30px }


@media screen and (max-width:1000px) {
.tab_faq li {  padding: 10px 5px ; margin:0 }
.tab_faq li:first-child{ margin-left:10px;}
}

/*사고접수*/



/*게시판 공지사항*/

	
.board_table{ /* table-layout:fixed; word-break:break-all; */ width:100%;  table-layout:fixed;}
.board_table tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333 }
.board_table tr td { padding: 15px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:center ; min-height:20px }
.board_table tr td a {display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.board_table tr td .new{ display: inline-block; vertical-align: middle;font-style:normal ; height: 14px; width:14px; text-align:center; padding: 0;border-radius: 10px; background: #ff3e00; line-height: 14px; font-size: 11px; color: #fff; text-decoration: none; box-shadow: inset 1px 1px 1px rgba(255,255,255,0.08); }

.board_table th:first-child, .board_table td:first-child{border-left:none;}
.board_table th:last-child, .board_table  td:last-child{border-right:none;}
.board_table tr td:first-child{ color:#333  }
.board_table .left { text-align: left }
.board_table .right { text-align: right }
.board_table td img{ max-width:100% !important; margin:10px 0}
.board_table span.m{ display:none; } /*mobile*/
.board_table .no_data{ padding-top:30px !important; padding-bottom:30px !important; text-align:center;background:url(../img/contents/nopage.png) no-repeat center 10px;  padding:130px 10px 30px 0 !important}
.mobile_display{ display:none}
.pc_display{ }




.board_table_view{ width:100%;   table-layout:fixed;}
.board_table_view tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333 }
.board_table_view tr td { padding: 15px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:left ; min-height:20px }

.board_table_view .view_tit{ float:left}
.board_table_view .view_tit_right{ float:right}
.board_table_view .view_tit_right .date{ color:#666}
.board_table_view .view_tit_right .hit{ margin-left:10px}


@media screen and (max-width:640px){
.board_table colgroup.m_size{ display: none; } /*mobile*/
.board_table tr th, .board_table tr td{ display:block}
.board_table span.m{ display:block; float:left; }
.board_table span.m:after{ content: ':'; padding:0 3px }

.board_table tr th{ display:none; line-height:1.3em; }
.board_table tr td { border:none; overflow:hidden;  line-height:1.4em; text-align:left  }
.board_table tr { border-top:1px solid #e4e4e4;  border-bottom:1px solid #e4e4e4;  }

.board_table tr td:nth-child(2){ /*padding-top:5px;*/}
.board_table tr td.con{ padding:30px 10px}
.board_table span.m { position: relative; display:block; text-indent:5px }
.board_table span.m:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%;  vertical-align: middle; margin-top:-5px; margin-left:-13px ;  margin-right:5px }	

.mobile_display{ display:block; }
.board_table tr td.pc_display{ display:none }

.board_table tr td.m_pa0{ padding-top:0 !important}
.board_table tr td.m_pab0{ padding-bottom:0 !important}
.board_table tr td.date{ color:#999 }
}




	/*1:1문의,리스트 상세*/
.board_table_qna{ /* table-layout:fixed; word-break:break-all; */ width:100%;  table-layout:fixed;}
.board_table_qna tr th { padding: 10px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333 }
.board_table_qna tr td { padding: 15px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:center ; min-height:20px }
.board_table_qna tr td a {display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.board_table_qna tr td .new{ display: inline-block; vertical-align: middle;font-style:normal ; height: 14px; width:14px; text-align:center; padding: 0;border-radius: 10px; background: #ff3e00; line-height: 14px; font-size: 11px; color: #fff; text-decoration: none; box-shadow: inset 1px 1px 1px rgba(255,255,255,0.08); }
.board_table_qna tr td.left{ text-align:left}
.board_table_qna tr td.right{ text-align:right}
.board_table_qna tr.qa td{ padding:20px 10px}

.board_table_qna tr td.con{ padding:20px 10px;}
.board_table_qna tr.bg{ background:#efefef;}
.board_table_qna span.ready{background:#efefef; padding:3px 5px; border-radius:5px;font-size:0.8em; color:#666; margin-right:5px ; vertical-align:middle}
.board_table_qna span.end{background:#666; padding:3px 5px; border-radius:5px; color:#fff; font-size:0.8em; margin-right:5px; vertical-align:middle  }
.board_table_qna span{ vertical-align:middle}
.board_table_qna td.date{ color:#999}
.board_table_qna .q{background:#2583db; color:#fff; width:30px; height:30px; line-height:30px; text-align:center}
.board_table_qna .a{background:#dff0ff; color:#2583db; width:30px; height:30px; line-height:30px; text-align:center}

@media screen and (max-width:640px){
.board_table_qna colgroup.m_size{ display: none; } /*mobile*/
.board_table_qna tr th, .board_table_qna tr td{ display:block}
.board_table_qna tr th{ display:none; line-height:1.3em; }
.board_table_qna tr td { border:none; overflow:hidden;  line-height:1.4em; text-align:left  }
.board_table_qna tr { border-top:1px solid #e4e4e4;  border-bottom:1px solid #e4e4e4;  }
.board_table_qna tr td.m_pa0{ padding-top:0 !important}
.board_table_qna tr td.m_pab0{ padding-bottom:0 !important}

.board_table .no_data{  text-align:center}
}

 
 
 
 
 
 
 
 /******************비즈센터용******/
 
/*캠페인관리*/

.box_col2{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.box_col2 > li{ float:left;  width:50%; margin-bottom:20px  }
.box_col2 > li:first-child{ margin-left:0}
.box_col2 > li > div { padding:8%; margin-left:20px; border:1px solid #e7e7e7 ; position:relative; overflow:hidden; height:290px}

.box_col2 .tit_group{ overflow:hidden; margin-bottom:20px}
.box_col2 .tit_group h3{ font-size:1.4em; color:#333; float:left; padding:0 !important}
.box_col2 .tit_group .more{ float:right; margin-top:5px; font-size:0.9em; color:#666 }

.result_info{ background:#f7f7f7;  text-align:center; padding:15px 0; overflow:hidden; margin:10px 0 20px 0}
.result_info:after{content: "";display: block; clear: both; visibility: hidden; }
.result_info ul{ font-size:0 }
.result_info ul li{display: inline-block;text-align: center;border-left: 1px solid rgba(255,255,255,0.2); position:relative; margin:0; padding:0 }
.result_info ul li dl:after{ background:#e8e8e8; content: ''; display: block; position: absolute; width:1px;  height:40%; top:30%; left:0 ; }
.result_info ul li:first-child dl:after{ width:0}
.result_info ul dl { color: #666; padding: 0 30px; text-align:center; font-size:15px }
.result_info ul dl dt{ font-size:1.1em; color:#333}
.result_info ul dl dd{ }
.result_info ul dl dd span{font-size:1.4em; color:#ea7f00; font-weight:500; line-height:1em}
.result_info ul li.on dl { line-height: 30px; color: #0f61ad; }

@media screen and (max-width:860px) {
.result_info ul dl {  }
.result_info ul dl dt{ font-size:1em;}
.result_info ul dl dd span{font-size:1.2em; color:#ea7f00; font-weight:500}

.box_col2 > li{ float:left;  width:100%;}
.result_info ul dl { padding: 0 15px; }	
.box_col2 > li > div {  height:auto}
}



.biz_list{}
.biz_list li { position: relative; display:block;  text-align: left; padding-left:10px; margin-bottom:3px  }
.biz_list li:after{ clear:both; content:''; clear:both}
.biz_list li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #999; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:2px; margin-left:-8px  }
.biz_list li p.text { display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.biz_list li .ico_new { display: inline-block; vertical-align: middle;font-style:normal ; height: 14px; width:14px; text-align:center; padding: 0;border-radius: 10px; background: #ff3e00; line-height: 14px; font-size: 11px; color: #fff; text-decoration: none; box-shadow: inset 1px 1px 1px rgba(255,255,255,0.08);  }


 
/*비즈센터 캠페인관리관련정보 테이블  /*줄었을때 스크롤 용*/
	
.cam_table_biz{ /* table-layout:fixed; word-break:break-all; */ width:100%; word-break:break-all}
.cam_table_biz tr th { padding: 8px 10px; border: 1px solid #e4e4e4;border-left:none;border-right:none; background:#fafafa; font-weight:normal; color:#333; font-size:0.9em; line-height:1.2em }
.cam_table_biz tr td { padding: 5px 10px; border: 1px solid #e4e4e4 ;border-left:none; border-right:none;background:#fff; text-align:center ; min-height:20px;color:#666; line-height:1.2em }

.cam_table_biz th:first-child, .cam_table_biz td:first-child{border-left:none;}
.cam_table_biz th:last-child, .cam_table_biz  td:last-child{border-right:none;}
.cam_table_biz .left { text-align: left }
.cam_table_biz .right { text-align: right }

.cam_table_biz td .reviewer_pic img{width:40px; height:40px; border-radius:50px; overflow:hidden;}
.cam_table_biz tr td span.name{ vertical-align:middle}
.cam_table_biz tr td span.level{ vertical-align:middle}
.cam_table_biz td .date{ color:#999}
.cam_table_biz .no_data{ padding-top:30px; padding-bottom:30px; text-align:center; color:#999}


 
 
 /*비즈메인*/
 
.biz_main_box{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.biz_main_box > li{ float:left;  width:50%; margin-bottom:20px  }
.biz_main_box > li:first-child{ margin-left:0}
.biz_main_box > li > div { padding:5%; margin-left:20px; border:1px solid #e7e7e7 ; position:relative; overflow:hidden; height:300px}

.biz_main_box .tit_group{ overflow:hidden; margin-bottom:30px}
.biz_main_box .tit_group h3{ font-size:1.6em; color:#333; float:left; padding:0 !important}
.biz_main_box .tit_group .more{ float:right; margin-top:5px; font-size:0.9em; color:#666 }


@media screen and (max-width:1000px) {
.biz_main_box > li{ float:left;  width:100%;}
.biz_main_box > li > div {height:auto}
}

 
 
 

.biz_main .sort{ font-size:0.9em}
.biz_main .sort.blog {color: #1d80f7;}
.biz_main .sort.shop { color: #df5e09 }

.list_col2  { margin-left: -10px; overflow: hidden; *width:100%; }
.list_col2  li { float: left; width: 50%; position:relative ; overflow:hidden; margin-bottom:30px}
.list_col2  li:first-child { margin-left: 0 }
.list_col2  dl.re_list { position: relative; background: #fff; margin-left: 10px; }
dl.re_list dt{width:85px; height:85px; border-radius:50px; overflow:hidden;  margin-right:10px; float:left; }
dl.re_list dd{ overflow:hidden; }
dl.re_list dd .date{ color:#999}

.text_short{display: inline-block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; width:100% }


@media screen and (max-width:640px) {
.list_col2  li { float: left; width: 100%;}
}

 

.biz_main_list{}
.biz_main_list li { position: relative; display:block;  text-align: left; padding-left:10px; margin-bottom:3px  }
.biz_main_list li:after{ clear:both; content:''; clear:both}
.biz_main_list li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #999; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:2px; margin-left:-8px  }
.biz_main_list li p.text { display: inline-block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.biz_main_list li .ico_new { display: inline-block; vertical-align: middle;font-style:normal ; height: 14px; width:14px; text-align:center; padding: 0;border-radius: 10px; background: #ff3e00; line-height: 14px; font-size: 11px; color: #fff; text-decoration: none; box-shadow: inset 1px 1px 1px rgba(255,255,255,0.08);  }

.plus_img{ max-width:20px}
.plus_btn_img{ background: url(../img/contents/more_plus.png) no-repeat 0 0; background-size:20px; opacity: 0.8; display:inline-block; width:20px; height:20px; text-indent:-9999999px ; cursor:pointer}

 
 


.guide{ font-size:1.1em}
.top_text{ margin:30px 0;  text-align:center; clear:both}
.top_text h3{ font-size:28px !important; color:#2583db;}
.top_text strong{ color:#000}
.top_text{ font-size:20px}
.top_text .text_bg{ background:#000000; color:#fff; padding:20px; line-height:1.6em; margin-top:10px}

.guide .text_info1{ background:#f3f6f7; padding:40px}
.guide .text_info1 h4{ color:#1464d7; font-weight:600; font-size:18px}
.guide .text_info1 img{ float:right; max-width:15%}

.guide_num{ margin:20px 0; overflow:hidden }
.guide_num dl{ padding-left:45px; margin:30px 0; position:relative}
.guide_num dt{ font-size:23px; font-weight:600; margin-bottom:10px }
.guide_num .list01:before{ content:"01"; color:#9c9b9b; font-size:35px; position:absolute; left:0; top:-10px}
.guide_num .list02:before{ content:"02"; color:#9c9b9b; font-size:35px; position:absolute; left:0; top:-10px}
.guide_num .list03:before{ content:"03"; color:#9c9b9b; font-size:35px; position:absolute; left:0; top:-10px}
.guide_num .list03 img{ float:right; margin-top:-100px; max-width:40%}

.guide_bottom { text-align:center; font-size:20px}
.guide_bottom strong{ font-weight:600; color:#222; font-size:22px}
.guide_bottom .btn{ background:#b3d4f2; padding:10px 20px; border-radius:30px; font-size:0.9em; margin-top:30px}

.guide_num2{ margin-top:30px}
.guide_num2 h4{ font-size:23px !important; margin-bottom:10px}
.guide_num2 h4 .num{ color:#9c9b9b; margin-right:5px;  font-size:35px;}
.guide_num2 h5{ color:#1870c4; font-size:18px !important; margin-bottom:10px}
.guide_num2 .list li{ margin-bottom:5px}
.guide_num2 strong{ color:#000}
.guide .btn_blue{ background:#2583db; color:#fff; padding:10px 20px; border-radius:30px; font-size:0.9em; margin-top:30px}

.p_img01, .p_img02, .p_img03{ padding-left:90px; padding-top:20px; margin-top:30px}
.p_img01{ background:url(../img/contents/guide_pimg_list01.png) no-repeat; top:0; left:0}
.p_img02{ background:url(../img/contents/guide_pimg_list02.png) no-repeat; top:0; left:0}
.p_img03{ background:url(../img/contents/guide_pimg_list03.png) no-repeat; top:0; left:0}
.p_img03 .box{ background:#e4f1fc; max-width:600px; padding:10px; color:#000}


@media screen and (max-width:1000px) {
	
.guide{ font-size:1em}
.top_text{ margin:20px 0; }
.top_text h3{ font-size:22px !important; }
.top_text{ font-size:16px}

.guide .text_info1{  padding:30px}
.guide .text_info1 h4{  font-size:18px}
.guide .text_info1 img{ margin-top:0}

.guide_num{ margin:20px 0;  }
.guide_num dl{ padding-left:28px; margin:30px 0; }
.guide_num dt{ font-size:18px; font-weight:600; }
.guide_num .list01:before{ content:"01"; color:#9c9b9b; font-size:20px; position:absolute; left:0; top:-2px}
.guide_num .list02:before{ content:"02"; color:#9c9b9b; font-size:20px; position:absolute; left:0; top:-2px}
.guide_num .list03:before{ content:"03"; color:#9c9b9b; font-size:20px; position:absolute; left:0; top:-2px}
.guide_num .list03 img{ float:right; margin-top:-10px}

.guide_bottom { font-size:16px}
.guide_bottom strong{ font-weight:600; color:#222; font-size:18px}
.guide_bottom .btn{  margin-top:30px}

.guide_num2 h4{ font-size:18px !important; }
.guide_num2 h4 .num{  font-size:20px;}
.guide_num2 h5{ color:#1870c4; font-size:15px !important}


.p_img01, .p_img02, .p_img03{ padding-left:60px; padding-top:10px; margin-top:10px; background-size:50px}


}





.guide_slider { width: 100%; padding-top:10px }
.guide_slider .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; *zoom: 1;
}
.guide_slider .bx-wrapper img { max-width: 100%; display: block; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;box-sizing:border-box  }
.guide_slider .bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.guide_slider .bx-wrapper .bx-pager, .guide_slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%;  }
.guide_slider .bx-wrapper .bx-pager { position:absolute; top:-80px; width:100%; text-align:center; display:none}
.guide_slider .bx-wrapper .bx-pager .bx-pager-item, .guide_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline; position:relative}
 .guide_slider .bx-wrapper .bx-pager .bx-pager-item:after{ content:">"; width:10px; position:absolute; top:10px ; left:75px; font-size:20px; color:#999}
 .guide_slider .bx-wrapper .bx-pager .bx-pager-item:last-child:after{ display:none}
.guide_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #000; display: block; width: 50px; height: 50px; margin: 0 15px; outline: 0; -moz-border-radius: 50px; -webkit-border-radius: 05px; border-radius: 50px; line-height:50px; color:#fff }
.guide_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .guide_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #2583db; color:#fff }
.guide_slider .bx-wrapper .bx-prev { left: 0px; background: url(../img/sub/controls2.png) no-repeat 0 0; }
.guide_slider .bx-wrapper .bx-next { right: 0px; background: url(../img/sub/controls2.png) no-repeat -46px 0; }
.guide_slider .bx-wrapper .bx-prev:hover { background-position: 0 0; background:  url(../img/sub/controls2.png) no-repeat 0 0; opacity: 0.8; }
.guide_slider .bx-wrapper .bx-next:hover { background-position: -46px 0; background: url(../img/sub/controls2.png) no-repeat -46px 0; opacity: 0.8; }
.guide_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -23px; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 10;  }
.guide_slider .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.guide_slider .bx-wrapper .bx-controls-auto { text-align: center; }
.guide_slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.guide_slider .bx-wrapper .bx-controls-auto .bx-start:hover, .guide_slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.guide_slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.guide_slider .bx-wrapper .bx-controls-auto .bx-stop:hover, .guide_slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.guide_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.guide_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.guide_slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.guide_slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.guide_slider #bx-pager { position:absolute; top:-20px; position:relative; width:100%; text-align:center }
.guide_slider #bx-pager a  { background: #000; display: inline-block; width: 50px; height: 50px; margin: 0 15px; outline: 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; line-height:50px; color:#fff; text-align:center; position:relative }
.guide_slider #bx-pager a:after{ content:">"; width:10px; position:absolute; top:-1px ; left:60px; font-size:20px; color:#999}
.guide_slider #bx-pager a:last-child:after{ display:none}
.guide_slider #bx-pager a:hover,  #bx-pager a.active  {   background: #2583db; color:#fff}

.pic_introduce .pc{ display:block}
.pic_introduce .pc img{ width:100%}
.pic_introduce .mobile{ display:none}

 @media all and (max-width:640px) {
.pic_introduce .pc{display:none}
.pic_introduce .mobile{  display:block}

.guide_slider { padding-top:10px }
.guide_slider .bx-wrapper .bx-pager {  top:-40px; }
.guide_slider .bx-wrapper .bx-pager .bx-pager-item:after{ content:">"; width:10px; position:absolute; top:3px ; left:45px; font-size:15px; color:#999}
.guide_slider .bx-wrapper .bx-pager.bx-default-pager a {  width: 30px; height: 30px; margin: 0 10px; line-height:30px; }

.guide_slider #bx-pager a  {  width: 30px; height: 30px; margin: 0 10px; outline: 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; line-height:30px;  }
.guide_slider #bx-pager a:after{ content:">"; width:10px; position:absolute; top:0px ; left:35px; font-size:18px;}


 }
 

.in_tab_area{max-width:750px; margin:0 auto 50px auto; }
.in_tab_area:after{ clear:both; content:""; display:block}
.in_list { margin-left: -30px;  *width:100%;margin-top: 0px; font-size:0.9em;  }
.in_list li { float: left; width: 33.333%; position:relative; }
.in_list li:first-child { margin-left: 0;  }
.in_list div{ margin-left:30px; font-size:20px; border:1px solid #CCC; padding:20px;overflow:hidden; position:relative }
.in_list li:nth-child(1) div{ background:url(../img/contents/in_tab01.png) no-repeat right bottom; }
.in_list li:nth-child(2) div{ background:url(../img/contents/in_tab02.png) no-repeat right bottom; }
.in_list li:nth-child(3) div{ background:url(../img/contents/in_tab03.png) no-repeat right bottom; }

.in_list li.on div{box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.1);border:2px solid #fff;}

.in_list li:nth-child(1) div{ background:url(../img/contents/in_tab01.png) no-repeat right bottom; }
.in_list li:nth-child(2) div{ background:url(../img/contents/in_tab02.png) no-repeat right bottom; }
.in_list li:nth-child(3) div{ background:url(../img/contents/in_tab03.png) no-repeat right bottom; }

.in_list li.on:nth-child(1) div{ background:url(../img/contents/in_tab01_on.png) no-repeat right bottom; }
.in_list li.on:nth-child(2) div{ background:url(../img/contents/in_tab02_on.png) no-repeat right bottom; }
.in_list li.on:nth-child(3) div{ background:url(../img/contents/in_tab03_on.png) no-repeat right bottom; }

.in_list li:nth-child(1):hover div{ background:url(../img/contents/in_tab01_on.png) no-repeat right bottom; }
.in_list li:nth-child(2):hover div{ background:url(../img/contents/in_tab02_on.png) no-repeat right bottom; }
.in_list li:nth-child(3):hover div{ background:url(../img/contents/in_tab03_on.png) no-repeat right bottom; }


.in_list li:hover div{box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);border:2px solid #fff;}  
 


.in_list li div{border:2px solid #e5e5e5; }
.in_list li div p{ position:absolute; bottom:20px; left:20px; line-height:1.2em; font-size:23px; color:#000}
.in_list li div img{ width:100%}

 @media all and (max-width:1000px) {
.in_list li:nth-child(1) div, .in_list li:nth-child(2) div, .in_list li:nth-child(3) div{ background-size:100%;}
.in_list li.on:nth-child(1) div{ background-size:100%; }
.in_list li.on:nth-child(2) div{ background-size:100%; }
.in_list li.on:nth-child(3) div{ background-size:100%; }

.in_list li:nth-child(1):hover div{ background-size:100%; }
.in_list li:nth-child(2):hover div{ background-size:100%; }
.in_list li:nth-child(3):hover div{ background-size:100%; }

.in_list li div p{  font-size:16px;  }

 }
 
 @media all and (max-width:640px) {
.in_tab_area{max-width:750px; margin:0 auto 30px auto; }  
.in_list { margin-left: -10px;  }
.in_list li:first-child { margin-left: 0;  }
.in_list div{ margin-left:10px;  }
.in_list li div p{  font-size:14px;	bottom:8%; left:8%; letter-spacing:-0.5px  }
.in_list li:nth-child(1) div, .in_list li:nth-child(2) div, .in_list li:nth-child(3) div{  background-size:70%; background-position:center right}
.in_list li.on:nth-child(1) div{background-size:70%; background-position:center right }
.in_list li.on:nth-child(2) div{ background-size:70%; background-position:center right }
.in_list li.on:nth-child(3) div{background-size:70%; background-position:center right }

.in_list li:nth-child(1):hover div{ background-size:70%; background-position:center right }
.in_list li:nth-child(2):hover div{ background-size:70%; background-position:center right }
.in_list li:nth-child(3):hover div{ background-size:70%; background-position:center right }


 }
 
 
/*멤버 */


/*회원가입*/
.member *{/* font-size:13px; vertical-align:middle !important;  word-break: keep-all;*/ } /*기본 설정 css때문에 추가 */
.member input[type=text]{ }
.member input[type=password]{}
.member{ width:100%; overflow:hidden; /*padding:40px 0 40px 0;*/}
.member h3{ font-size:18px !important; margin:10px 0 10px 0 !important; padding:0; text-align:left; }
.member h4{ font-size:14px} /*아직 사용안함*/
.member h3 span{ font-weight:normal}

@media all and (max-width:1000px){
.member h3{ font-size:16px !important;  }
}


.member_btn { clear:both; width:100%; text-align:center; padding:2em 0 ; margin:0; overflow:hidden} /* 버튼 공통, 회원 및 마이페이지*/
.btn_color1, .btn_color2{width:100px; display:inline-block;  padding:13px 0;font-weight:400; text-align:center;  line-height:1em; } 
.btn_color1 { background:#7c7c7c;border:1px solid #7c7c7c;color:#fff !important; }  /*확인*/
.btn_color2 { background:#FFF; border:1px solid #b1b1b1; color:#000 !important;} /*취소 및 기타*/
.member .checkbox{border:none !important;vertical-align:middle;}



/* 로그인 */
.login_box { margin:20px auto; max-width:400px; overflow:hidden; background:#fff; text-align:center ; padding-top:10%}
@media screen and (max-width:640px){
.login_box { margin:20px auto; max-width:300px; }
.login_box .logo{ max-width:60%; margin:0 auto}
.login_box .logo img{ width:100%}
}
.login_box .tab{ overflow:hidden; border-bottom:0;  line-height:55px;} 
.login_box .tab ul li{ color:#666; width:50%; text-align:center; float:left; box-sizing:border-box; overflow:hidden}
.login_box .tab ul li a{  font-size:1.1em; display: block }
.login_box .tab ul li {background: #f3f3f3; border-top:1px solid transparent; border-bottom:1px solid #000;}
.login_box .tab ul li.on{border:1px solid #000; border-bottom:1px solid #fff;  background: #fff; color:#176bb5; font-weight:400}


@media screen and (max-width:1200px){
.login_box .tab{ line-height:45px}
.login_box .tab ul li a{ }
}



.log_list { text-align:left; overflow:hidden;  margin:0; overflow:hidden}
.log_list li.error{ padding-top:5px; color:#c1ff4a; font-size:0.9em}
.log_list li input{background:none;width:100%; border:0; border-bottom:1px solid rgba(0,0,0,0.6);padding: 0px;box-sizing: border-box;  margin-bottom:10px; line-height:45px; height:45px; }
.log_list li input[type="text"] {  }
.log_list li input[type="password"] {}
.log_list li button.btn_login { width:100%; padding:15px 0; margin:25px 0 0 0; background:#176bb5; color:#fff; cursor: pointer; transition:all 0.9s, color 0.3; border-radius:3px; font-size:1.1em; font-weight:600; letter-spacing:0; box-shadow: #15235e 0px 0px 0px;}


.log_list li input::-webkit-input-placeholder { /* WebKit browsers */ color: (0,0,0,0.8)  !important;  }
.log_list li input:-moz-placeholder { /* Firefox 4 to 18 */ color: rgba(0,0,0,0.8)  !important; opacity: 1; }
.log_list li input::-moz-placeholder { /* Firefox 19+ */ color: rgba(0,0,0,0.8)  !important; opacity: 1;  }
.log_list li input:-ms-input-placeholder { /* Explorer 10+ */ color: rgba(0,0,0,0.8) !important;}
.log_list li input::placeholder {color: rgba(0,0,0,0.8) ;opacity:1;}

.log_list li.search{ text-align:center; margin-top:10px}
.log_list li.search a{ padding:5px 8px; font-size:0.9em; color:rgba(255,255,255.0.8) !important }
.log_list li.search span.v_line{width:1px; font-size:0; background:#ccc; display:inline-block; height:10px;}

.login_box .basic_dot{}
.login_box .basic_dot li { position: relative; display:block; line-height:1.2em; font-size:0.9em; color:#666;  margin: 5px 0 5px 0;  text-align: left; color: #333;  padding-left:10px; box-sizing:border-box  }
.login_box .basic_dot li:after{ clear:both; content:''; clear:both}
.login_box .basic_dot li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #0e5991; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top:-5px; margin-left:-8px  }
.login_box .basic_dot a { float:right; text-align:right; color:#176bb5; padding:0 0px; background:#fff; display:inline-block}



/*회원가입*/
.join{ max-width:600px; margin:0 auto; }			
.join_sort{margin-left:-0px /* overflow: hidden;*/; overflow:hidden; border:1px solid #efefef; padding:80px 20px; text-align:center  }
.join_sort  ul{border-left:1px solid #e4e4e4;}
.join_sort li{ float:left;width:50%; margin-bottom:0px }
.join_sort:after{ clear:both; display:block; content:"";}
.join_sort ul li dl{  border-left:1px solid #e4e4e4; padding:0% 10%; border-bottom:0;  overflow:hidden }
.join_sort ul li:first-child dl{ border-left:0}
.join_sort ul li dl dt{ text-align:center; padding:0 10px}
.join_sort ul li dl dt img{   margin:3em auto;  }
.join_sort ul li dl dd p{ color:#999}
.join_sort ul li dl dd p.sort{ color:#1b1b1b;  text-align:center;  padding:0 10px; font-size:1.3em; font-weight:500}
.join_sort ul li dl dd button{ background:#176bb5; color:#fff; padding:10px 20px; line-height:1em; margin-top:15px; font-size:1rem; border-radius:5px}

@media only screen and (max-width: 860px) {
.join_sort li{ width:50%;}	
}

@media only screen and (max-width: 640px) {

.join_sort{margin-left:-0px; overflow:hidden; border:1px solid #efefef; padding:30px 10px; text-align:center  }
}

.join_okbtn{ background:#3352a7; olor:#fff; width:auto; padding:0 20px; line-height:50px; border:0 ; width:100%; color:#FFF}







/*회원가입 스텝*/
.join_step { overflow:hidden; margin-bottom:2em;}
.join_step ul { margin-left:-3px;  overflow: hidden; *width:100%;  }
.join_step li{ float:left;  width:33.33%; text-align:center}
.join_step li:first-child{ margin-left:0}
.join_step li dl { padding:2% 1%; margin-left:3px; border:1px solid #999 ;}
.join_step li dt{ color:#999}
.join_step li.on dl{ background:#039; color:#fff; border:1px solid #039 ;}
.join_step li.on dt{ color:rgba(255,255,255,0.8); }
.join_step li.on dd{ font-weight:400}

 /*이용약관,개취 페이지*/
.agree .page { overflow-y:auto;height:400px;}


/* join_form */
.join_form{width:100%;table-layout:fixed; border-top:1px solid #323232}
.join_form td,.join_form th{text-align:left;vertical-align:middle;border-bottom:1px solid #e0e0e0; min-height:30px}
.join_form th{color:#333;background:#F2F2F2; width:25%; text-align:center;padding:10px 5px; font-weight:400}
.join_form td{color:#666;background:#fff;padding:10px 10px; }
.join_form td input[type=text], .join_form td input[type=password]{padding: 0 5px;line-height:26px;height:28px;border:1px solid #d1d1d1;background:#fff; max-width:90%; color:#333; margin:3px 0}
.join_form tr td input[type=checkbox], .join_form tr td input[type=radio]{ }
.join_form tr td textarea{max-width:90%;}


.join_form .post_btn input{ height:30px; line-height:26px; padding:0 5px; background:#fff; color:#333}
.join_form .add_mat{ margin-top:3px}
.check_mess{ color:#F30; }
.join_form tr td span{ font-size:12px; padding:0 5px 0 0}

@media all and (max-width:640px){
.join_form tr td span{ display:inline-block}
}

.join_form .plus_btn{height:30px;border:1px solid #666; background:#666; color:#fff; padding:0 10px; border-radius:3px;  margin-left:2px; cursor:pointer; vertical-align:middle}

.daum_zipcode_open{border: 1px solid rgb(150, 150, 150); border-image: none; width: 100%; height: 500px; } /*우편번호*/
.zipcode_close{cursor:pointer;position:absolute;right:-1px;top:-48px;z-index:1}
	
	

/*회원가입완료*/
.join_end{width:50%;margin:50px auto 0 auto;text-align:center;}
.join_end .message{padding:60px 0;border:solid 0px #e7e7e7;background:#fbfaf9;}
.join_end .message .welcome{font-size:20px;color:#000;margin-bottom:10px;}



/* 아이디/비번 찾기 */

.idsearch{max-width:350px; margin:0 auto}
.idsearch h3{ font-size:1.2em !important; padding-top:10px !important; padding-bottom:5px !important}
.idsearch p.coment{ font-size:0.9em; color:#777}

.sub_nav {margin:0;padding:0; overflow:hidden}
.sub_nav li{ float:left;width:50%;height:36px;border:0px solid #e6e6e6;line-height:34px;background:#e6e6e6; box-sizing:border-box; text-align:center}
.sub_nav li:first-child{margin-right:-1px;}
.sub_nav li a{display:block}
.sub_nav li.on{border:0px solid #ccc;background:#444;}
.sub_nav li.on a{color:#fff; }



.find_list{ padding-top:30px; overflow:hidden}
.find_list dt{  margin-bottom:5px; font-weight:500; font-size:1.1em}
.find_list dd{ margin-bottom:10px}
.find_list dd input{ width:100%; box-sizing:border-box; height:38px; line-height:20px; padding:9px 10px; border:0;  border:1px solid #dfdfdf; background:#fff}
.find_list .id_btn{ background:#666; padding:10px 0; width:100%;  color:#fff}





/* 비밀번호 변경 */
.modify_list { text-align:left;}
.modify_list li {}
.modify_list li {width:100%;margin-bottom:35px;padding:0 10px;}
.modify_list li p {display:inline-block;width:100%;}
.modify_list li .modify_title {padding: 0;margin:0;color:#000;font-size:14px;font-weight:500;}
.modify_list li .u_line{xborder-bottom:1px solid #444;}
.modify_list li a:first-child {margin-right:10px;}
.modify_list li input[type="text"] {background:#fff;width:100%;border:1px solid #ccc;color:#000;font-size: 13px;padding: 10px 10px;box-sizing: border-box; border-radius:5px;}
.modify_list li input[type="password"] {background:#fff;width:100%;border:1px solid #ccc;color:#000;font-size: 13px;padding: 10px 10px;box-sizing: border-box; border-radius:5px;}
.modify_list li input::placeholder  {color:#b3b3b3;}
.modify_msg {margin-top:10px;font-size:12px;}
.btn_modify { width:50%; height:50px; line-height:25px;border:1px solid #29374d;  margin:0px 0px; background-color:#29374d; cursor: pointer; color:#fff; transition:all 0.9s, color 0.3; border-radius:5px;}
.btn_cancel { width:45%; height:50px; line-height:25px;border:1px solid #ccc;  margin:0px 0px; background-color:#ccc; cursor: pointer; color:#444; transition:all 0.9s, color 0.3; border-radius:5px;}


/*이용약관 속 내용*//* clause */
.clause{width:99%; line-height:20px; padding:0; margin:0; overflow:hidden; }


/* 회원탈퇴 */
.no_email{ padding:2em; text-align:center; background:#F7F7F7}


/**/
.pri_con{border:1px solid #efefef; padding:40px 30px}
.pri_con h3{ border-top:1px solid #efefef; margin-top:30px !important; padding-top:30px !important}
.pri_con h3.mat0{ margin-top:0 !important}
.pri_con h3.pat0{ padding-top:0 !important}
.pri_con h3:first-child{ border-top:0}




@media all and (max-width:1000px){
.pri_con{ padding:5%}
.pri_con h3{ font-size:1.2em}
}