@charset "utf-8";

@font-face {
    font-family: 'NanumGothic';
    src: local(※), url('NanumGothic.eot') format('embeded-opentype');
    src: url(NanumGothic.eot?#iefix) format('embeded-opentype'),
    url(NanumGothic.woff) format('woff'),
    url(NanumGothic.ttf) format('truetype')
}

@font-face {
    font-family: 'NanumGothicBold';
    src: local(※), url(NanumGothicBold.eot) format('embeded-opentype');
    src: url(NanumGothicBold.eot?#iefix) format('embeded-opentype'),
    url(NanumGothicBold.woff) format('woff'),
    url(NanumGothicBold.ttf) format('truetype');
}

/* 공통 */
/* reset default browser setting */
* {
    -webkit-text-size-adjust: 100%;
}

html {
    width: 100%;
    height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font: inherit;
}

body {
    width: 100%;
    min-height: 100%;
    background: #fff;
    font-size: 12px;
    min-height: 100%;
    font-family: 'NanumGothic', dotum, arial, sans-serif;
    color: #2e2e2e;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

li {
    list-style-type: none;
}

dd, dt {
    display: block;
}

form {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address, em {
    font-style: normal;
}

del, ins {
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

fieldset {
    border: 0;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: top;
}

sub {
    vertical-align: baseline;
}

table caption, legend {
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
}

input, select, textarea {
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

hr {
    display: none;
}

button {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer; /*#overflow:visible;*/
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a {
    color: #2e2e2e;
    text-decoration: none;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    text-decoration: none;
}

.skipNavi {
    position: absolute;
    left: -999999px;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    z-index: 10000;
}

.skipNavi:focus, .skipNavi:active {
    left: 50%;
    margin-left: -490px;
    color: #fff;
    background: #333;
    height: 40px;
    line-height: 40px;
    width: 980px;
    text-align: center;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* margin padding 값 */
.text-l {
    text-align: left;
}

.text-c {
    text-align: center;
}

.text-r {
    text-align: right;
}


.mgt0 {
    margin-top: 0 !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt25 {
    margin-top: 25px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt35 {
    margin-top: 35px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt45 {
    margin-top: 45px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgt60 {
    margin-top: 60px !important;
}

.mgt70 {
    margin-top: 70px !important;
}

.mgt80 {
    margin-top: 80px !important;
}

.mgb0 {
    margin-bottom: 0 !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb30 {
    margin-bottom: 30px !important;
}

.mgb50 {
    margin-bottom: 50px !important;
}

.mgl0 {
    margin-left: 0px !important;
}

.mgl5 {
    margin-left: 5px !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl15 {
    margin-left: 15px !important;
}

.mgl20 {
    margin-left: 20px !important;
}

.mgl25 {
    margin-left: 25px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgl35 {
    margin-left: 35px !important;
}

.mgr0 {
    margin-right: 0px !important;
}

.mgr5 {
    margin-right: 5px !important;
}

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

.mgr15 {
    margin-right: 15px !important;
}

.mgr20 {
    margin-right: 20px !important;
}

.mgr25 {
    margin-right: 25px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr35 {
    margin-right: 35px !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.pdl0 {
    padding-left: 0px !important;
}

.pdl5 {
    padding-left: 5px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl15 {
    padding-left: 15px !important;
}

.pdl20 {
    padding-left: 20px !important;
}

.pdl25 {
    padding-left: 25px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.pdl35 {
    padding-left: 35px !important;
}

.pdl50 {
    padding-left: 50px !important;
}

.pda0 {
    padding: 0px !important;
}

.pda5 {
    padding: 5px !important;
}

.pda10 {
    padding: 10px !important;
}

.pda15 {
    padding: 15px !important;
}

.pda20 {
    padding: 20px !important;
}

.pda25 {
    padding: 25px !important;
}

.pda30 {
    padding: 30px !important;
}

.pda35 {
    padding: 35px !important;
}

.pda50 {
    padding: 50px !important;
}

.pdr5 {
    padding-right: 5px !important;
}

.pdr10 {
    padding-right: 10px !important;
}

.pdr15 {
    padding-right: 15px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr25 {
    padding-right: 25px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.pdr35 {
    padding-right: 35px !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.w100p {
    width: 100%;
}

.w120 {
    width: 120px;
}

.w305 {
    width: 305px;
}

.w270 {
    width: 270px;
}

.w255 {
    width: 255px;
}

.w210 {
    width: 210px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cbz {
    clear: both;
    overflow: hidden;
}

.dpib {
    display: inline-block !important;
}

.poRelative {
    position: relative !important;
}

/* align */
.al {
    text-align: left !important;
}

.ar {
    text-align: right !important;
}

.ac {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* font-size */
.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

/* font-color */
.point {
    color: #f83a00 !important;
}

.fc01 {
    color: #0c0c0c;
}

.fc02 {
    color: #fb8108 !important;
}

/*오렌지색상*/
.fc03 {
    color: #2a2a2a !important;
}

.required {
    color: #e26161 !important;
}

/*필수*/
.list_count {
    color: #062574 !important;
    font-family: 'NanumGothicBold';
}

/* 추후 정의시 삭제*/

.demo-info {
    padding: 0 0 12px 0;
}

.demo-tip {
    display: none;
}

.label-top {
    display: block;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}


.input_radio {
    position: relative
}

input[type="radio"] {
    position: absolute;
    left: 0;
    width: 22px;
    height: 20px;
    filter: alpha(opacity=0);
    margin: 0;
    opacity: 0;
    padding: 0;
}

input[type="radio"] + label {
    height: 20px;
    margin: 0;
    padding: 1px 3px 0 27px;
    display: inline-block;
    background: url('../../images/portal/sp/common.png') no-repeat -379px -276px;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 16px;
}

input[type="radio"]:checked + label {
    background-position: -379px -335px;
}

.input_chk,
.input_chk02 {
    position: relative
}

input[type="checkbox"] {
    position: absolute;
    left: 0;
    width: 18px;
    height: 17px;
    filter: alpha(opacity=0);
    margin: 0;
    opacity: 0;
    padding: 0;
}

input[type="checkbox"] + label {
    height: 17px;
    margin: 0;
    padding: 1px 3px 0 24px;
    display: inline-block;
    background: url('../../images/portal/sp/common.png') no-repeat -380px -98px;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 16px;
}

input[type="checkbox"]:checked + label {
    background-position: -380px -136px;
}

textarea {
    border: 1px solid #d4d4d4;
    padding: 8px;
}

textarea.input_textarea {
    border-radius: 3px;
    border: 2px solid #c4c4c4;
    padding: 8px;
    font-size: 14px;
}

/*blind처리*/
.blind {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0
}

* + html .blind {
    position: static;
    display: none;
}

/* layout */
#wrap {
    width: 100%;
    min-width: 1280px;
    position: relative;
}

#header {
    position: relative;
}

#conWrap .contentWrap {
    position: relative;
    width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    min-height: 620px;
}

#conWrap .contentWrap:after {
    clear: both;
    overflow: hidden;
    content: '';
}

#conWrap .lnb {
    width: 202px;
    float: left;
}

#footer {
    margin-top: 35px;
    float: left;
    background-color: #d0d0d0;
    width: 100%;
}

.contents {
    float: left;
    margin-left: 40px;
    width: 998px
}

#header .topmenu {
    position: relative;
    border-bottom: 3px solid #c30100;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    padding-top: 13px;
}

#header .topmenu h1 {
    position: absolute;
    top: 5px;
    left: 20px;
}

#header .topmenu h1 a {
    display: block;
}

#header .topmenu .homeCh ul {
    clear: both;
    overflow: hidden;
    width: 396px;
    margin: 0 auto;
}

#header .topmenu .homeCh ul li {
    float: left;
    width: 196px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d7d7d7;
    border-bottom: 0 none;
    border-left: 0 none;
}

#header .topmenu .homeCh ul li a {
    display: block;
}

#header .topmenu .homeCh ul li:first-child {
    border-left: 1px solid #d7d7d7;
    border-right: 0 none;
}

#header .topmenu .homeCh ul li.on {
    background-color: #c30100;
    border: 0 none;
    height: 27px;
    line-height: 27px;
}

#header .topmenu .homeCh ul li.on a {
    color: #fff;
}

#header .topmenu .meminfo {
    position: absolute;
    top: 10px;
    right: 20px;
}

#header .topmenu .meminfo > li {
    float: left;
    position: relative;
    padding-left: 2px;
}

#header .topmenu .meminfo > li > a {
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 26px;
    overflow: hidden;
    line-height: 999px;
    background: url('../../images/portal/sp/memInfo.png') no-repeat 0 0;
}

#header .topmenu .meminfo > li .cnt {
    position: absolute;
    top: -4px;
    left: 14px;
    background: #e12416;
    border-radius: 8px;
    padding: 0 7px;
    height: 15px;
    line-height: 15px;
    color: #fff;
}

#header .topmenu .meminfo li.ewf a {
    width: 27px;
    background-position: 0 0;
}

#header .topmenu .meminfo li.list01 a {
    background-position: -52px 0;
}

#header .topmenu .meminfo li.list02 a {
    background-position: -101px 0;
}

#header .topmenu .meminfo li.list03 > a {
    width: 15px;
    background-position: -148px 0;
}

#header .topmenu .meminfo li.list03 > a.on {
    background-position: -148px -32px;
}

#header .topmenu .meminfo li.list04 a {
    background-position: -190px 0;
}

#header .topmenu .meminfo li.list05 a {
    width: 25px;
    background-position: -238px 0;
}

#header .topmenu .meminfo li.list05 > a.on {
    background-position: -238px -32px;
}

#header .topmenu .meminfo li.list06 a {
    background-position: -289px 0;
}

/* 2018-03-02 passrim
#header .gnb {margin:0 auto;text-align:center;position:relative;min-width:1280px;}
*/
#header .gnb {
    margin: 0 auto;
    text-align: center;
    position: relative;
    min-width: 1280px;
    height: 95px;
    background: #1f222d;
}

#header .gnbList {
}

#header .gnbList > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

/* 2018-03-02 passrim
#header .gnbList > li > a{padding:0 45px;font-family:'NanumGothicBold', sans-serif;font-size:16px;color:#333;height:47px;line-height:47px;}
*/
#header .gnbList > li > a {
    padding: 0 45px;
    font-family: 'NanumGothicBold', sans-serif;
    font-size: 16px;
    color: #fff;
    height: 47px;
    line-height: 47px;
}

#header .gnbList > li.on > a, #header .gnbList > li a:hover {
    text-decoration: none;
    color: #c30100
}

/* 2018-03-22 수정 시작 border:1px solid #c30100;border-top:3px solid #c30100; 제거*/
/*
#header .gnbList .depth2 {position:absolute;top:47px;left:50%;margin-left:-75px;;width:150px;z-index:9000;background:#fff;border:1px solid #c30100;border-top:3px solid #c30100;display:none}
*/
#header .gnbList .depth2 {
    position: absolute;
    top: 47px;
    left: 50%;
    margin-left: -75px;;
    width: 150px;
    z-index: 9000;
    background: #1f222d;
    display: none
}

/* 2018-03-22 수정끝 */
#header .gnbList .depth2 > li {
    padding: 4px 0;
}

/* 2018-03-23 수정 */
#header .gnbList .depth2 li a {
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: left;
    padding: 7px 0 7px 17px;
}

/* 2018-03-22 수정 시작*/
#header .gnbList .depth2 li a.add {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -405px;
}

#header .gnbList .depth2 li a.add:hover {
    background: #383b44 url('../../images/portal/sp/bul_left.png') no-repeat 100% -405px;
}

/*background-image:url('../../images/portal/sp/bul_left.png') no-repeat 100% -405px;}
*/
#header .gnbList .depth2 li a:hover {
    background-color: #383b44;
}

/* 2018-03-22 수정끝 */
#header .gnbList .depth3 li a {
    padding-left: 35px;
}

#footer .footerIn {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

#footer .footerIn .logo {
    position: absolute;
    top: 25px;
    left: 52px;
}

#footer .footerIn .footerLink {
    margin-left: 223px;
    padding-top: 22px;
    height: 61px;
}

#footer .footerIn .footerLink ul {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px
}

#footer .footerIn .footerLink li {
    float: left;
    color: #404040;
    font-family: 'NanumGothicBold';
    padding: 0 27px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -156px;
}

#footer .footerIn .footerLink li a {
    color: #404040;
}

#footer .footerIn .footerLink p {
    color: #6e6e6e;
    font-family: 'NanumGothic';
}

#footer .footerIn .footerLink li:first-child {
    padding-left: 0;
    background: none
}

#footer .footerIn .footAdd {
    position: absolute;
    top: 0;
    right: 0;
    background: #c2c2c2;
    text-align: center;
    font-family: 'NanumGothicBold';
    font-size: 14px
}

#footer .footerIn .footAdd a {
    display: block;
    color: #2f2f2f;
    width: 87px;
    height: 27px;
    padding-top: 56px;
    background: url('../../images/portal/sp/main.png') no-repeat -50px -230px;
}

#footer .footerIn .footAdd a.close {
    background-position: 25px -230px;
}

#footer .footerIn .footAdd a:hover {
    text-decoration: none
}

#footer .famSiteListW {
    background-color: #c2c2c2
}

#footer .famSiteListIn {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    padding: 27px 0 25px
}

#footer .famSiteListIn .famSiteList {
    clear: both;
    overflow: hidden;
    margin-left: 223px;
}

#footer .famSiteListIn .famSiteList > li {
    float: left;
    margin-left: 52px;
}

#footer .famSiteListIn .famSiteList > li:first-child {
    margin-left: 0;
}

#footer .famSiteListIn .tit {
    color: #2c2c2c;
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin-bottom: 18px;
}

#footer .famSiteListIn .famconList li {
    padding-bottom: 10px;
    font-size: 14px;
    color: #404040;
}

/*아이콘 */
.ico {
    background: url('../../images/portal/sp/icon.png') no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.sp_com {
    background: url('../../images/portal/sp/common.png') no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.buL {
    background: url('../../images/portal/sp/bul_left.png') no-repeat;
}

.ico.memRe_none {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat !important;
    background-position: -189px -278px !important;
    width: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
    margin-right: 5px;
}

/* 2018-03-10 아이콘추가*/
.ico.memRe_ok_new {
    display: inline-block;
    background: url('../../images/portal/sp/ico_memRe_ok_new.png') no-repeat !important;
    width: 15px;
    height: 15px;
    overflow: hidden;
    line-height: 999px !important;
    margin-right: 5px;
}

.ico.memRe_ok {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat !important;
    background-position: -156px -278px !important;
    width: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
    margin-right: 5px;
}

.ico.away {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat !important;
    background-position: -222px -278px !important;
    width: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
    margin-right: 5px;
}

.ico.offline {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat !important;
    background-position: -255px -278px !important;
    width: 15px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
    margin-right: 5px;
}

.ico.pageview {
    width: 23px;
    height: 16px;
    line-height: 16px;
    background-position: -261px -1px;
    overflow: hidden;
    line-height: 999px !important;
}

.ico.pagelike {
    background-position: 0 -191px;
    width: 20px;
    height: 23px;
    overflow: hidden;
    line-height: 999px !important;
}

.ico.addfile {
    background-position: 0 -580px;
    width: 16px;
    height: 17px;
    overflow: hidden;
    line-height: 999px !important;
    margin-left: 5px
}

.ico.new {
    background-position: -30px -582px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    line-height: 999px !important;
    margin-left: 5px
}

.ico.share {
    background-position: -53px -580px;
    width: 13px;
    height: 21px;
    margin-right: 6px
}

/* 공유하기 앞 아이콘*/
.ico_arr {
    background-position: -124px -589px;
    width: 15px;
    height: 9px;
    vertical-align: middle;
    margin-left: 7px
}

/* 더보기 */
.ico_arr.close {
    background-position: -90px -589px;
}

.buL.feel01 {
    background-position: 9px -668px;
    width: 53px;
    height: 22px;
    overflow: hidden;
    line-height: 999px !important;
}

/* 좋아요 */
.buL.feel02 {
    background-position: 9px -498px;
    width: 53px;
    height: 22px;
    overflow: hidden;
    line-height: 999px !important;
}

/* 멋져요 */
.buL.feel03 {
    background-position: 9px -535px;
    width: 53px;
    height: 22px;
    overflow: hidden;
    line-height: 999px !important;
}

/* 기뻐요 */
.buL.feel04 {
    background-position: 9px -572px;
    width: 53px;
    height: 22px;
    overflow: hidden;
    line-height: 999px !important;
}

/* 슬퍼요 */
.buL.feel05 {
    background-position: 9px -609px;
    width: 53px;
    height: 22px;
    overflow: hidden;
    line-height: 999px !important;
}

/* 힘내요 */

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* button 정의 */
.btn_sm {
    background: #9e9e9e;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    padding: 0 8px;
}

.btn_point {
    background: #c30100;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    padding: 0 33px;
    vertical-align: middle;
}

/* 검색 내 버튼 */
.btn_nor {
    background: #9e9e9e;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    padding: 0 15px;
}

.btnWrap {
    clear: both;
    overflow: hidden;
    margin-top: 15px;
}

.btnWrap.verT a {
    vertical-align: top !important;
}

.btn_big {
    display: inline-block;
    text-align: center;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-radius: 3px;
    color: #fff;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    min-width: 50px;
    vertical-align: middle
}

.btn_smg {
    display: inline-block;
    text-align: center;
    height: 26px;
    line-height: 26px;
    padding: 0 16px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    min-width: 48px;
    vertical-align: middle
}

.btnWrap .btn_big, .btnWrap .btn_smg {
    margin-right: 5px;
}

.btnWrap .fr .btn_big, .btnWrap .fr .btn_smg {
    margin-left: 5px;
    margin-right: 0;
}

.btnOn {
    background-color: #c30100;
}

.btnNone {
    background-color: #405e7e;
}

.btnCancel {
    border: 1px solid #c3c3c3;
    height: 34px;
    line-height: 34px;
    padding: 0 19px;
    color: #636363;
}

.btn_smg.btnCancel {
    border: 1px solid #c3c3c3;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    color: #636363;
}

.btnGrey {
    background-color: #696969;
}

.btn_smg .ico.like {
    background-position: -200px -42px;
    display: inline-block;
    width: 18px;
    height: 17px;
    vertical-align: middle;
    margin-right: 2px
}

/* 좋아요 */
.btn_reply {
    display: inline-block;
    background-color: #f4f4f4;
    text-align: center;
    border: 1px solid #c3c3c3;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    border-radius: 3px;
    color: #2e2e2e;
    font-size: 14px;
    min-width: 48px;
    vertical-align: middle
}

.btn_replyBig {
    display: inline-block;
    background-color: #fff;
    text-align: center;
    border: 1px solid #c7c7c7;
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    border-radius: 3px;
    color: #2e2e2e;
    font-size: 14px;
    min-width: 48px;
    font-family: 'NanumGothicBold';
    vertical-align: middle
}

.btnWrap .btn_ch {
    margin-right: 2px;
}

.btn_ch {
    display: inline-block;
    text-align: center;
    border: 1px solid #c3c3c3;
    height: 20px;
    line-height: 20px;
    padding: 0 9px;
    border-radius: 3px;
    color: #636363;
    font-size: 12px;
    min-width: 45px;
}

/* 기능버튼 */
.btn_del {
    background-position: -311px -43px;
    width: 13px;
    height: 13px;
    overflow: hidden;
    line-height: 999px;
}

.btnMini {
    text-align: center;
    padding: 0;
    width: 39px;
    background-color: #f4f4f4;
    text-align: center;
    border: 1px solid #c3c3c3;
    color: #2e2e2e;
    box-sizing: border-box;
}

.selctW {
    margin: 0 10px;
}

.selctW select {
    margin-right: 5px;
}

.btn_smg.small {
    padding: 0;
    width: 39px;
}

.btn_big:hover, .btn_smg:hover, .btn_reply:hover, .btn_replyBig:hover, .btn_ch:hover, .btn_del:hover {
    text-decoration: none;
}

.btnShare {
    width: 92px;
    padding: 0;
}

/*.btn_like.on {background-color:#9e9e9e}  좋아요버튼 on 처리 */
.btnToggleOn {
    background-color: #d7962e
}

/*toggle버튼 스크랩 좋아요*/
/* button disabled */
a.disabled, a.disabled:hover {
    border-color: #b6b6b6 !important;
    color: #d6d6d6 !important;
    text-decoration: none !important;
    background-color: #b6b6b6 !important;
    cursor: default !important;
}

/* input 정의 */
.input_sm {
    border-radius: 2px;
    border: 1px solid #c4c4c4;
    height: 26px;
    line-height: 26px;
    padding-left: 4px;
    font-size: 14px;
}

.input_search {
    border-radius: 3px;
    border: 2px solid #ef0807;
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    margin: 0 3px;
    font-size: 14px;
}

.input_text {
    border-radius: 3px;
    border: 2px solid #c4c4c4;
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    font-size: 14px;
}

.input_text2 {
    border-radius: 3px;
    border: 2px solid #e5e5e5;
    background-color: #f3f3f3;
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    font-size: 14px;
}

/* bgcolor 있는 input*/
.input_check {
    width: 16px;
    height: 16px;
    border: 1px solid #7c97ac;
}

/* input_file 이미지미리보기 */
.fileImg {
    background: url('../../images/portal/common/webzin_thum.png') no-repeat center center;
}

.fileInput label {
    display: inline-block;
    text-align: center;
    height: 26px;
    line-height: 26px;
    padding: 0 16px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    width: 60px;
    cursor: pointer;
    background-color: #696969;
}

.fileInput input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

/* input_file */
.file_input_div {
    position: relative;
    vertical-align: top;
}

.file_input_hidden {
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

/* combo */
.combo-panel {
    height: 100% !important;
    max-height: 200px;
}

.combo.textbox {
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    height: 22px !important
}

.combo .combo-arrow {
    background: url('../../images/portal/sp/common.png') no-repeat -299px -137px;
    width: 30px !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.textbox .textbox-text {
    padding: 3px 0 0 4px !important;
    padding-bottom: 0 !important;
    font-size: 14px;
}

.popWrap .combo.textbox {
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    height: 23px !important
}

.popWrap .combo .combo-arrow {
    background: url('../../images/portal/sp/common.png') no-repeat -299px -137px;
    width: 30px !important
}

.popWrap .datebox .combo-arrow {
    background: url('../../images/portal/sp/common.png') no-repeat -163px -335px;
    width: 29px !important;
    height: 23px !important
}

.popWrap .textbox .textbox-text {
    padding: 4px !important;
}

.combobox-item-selected {
    background-color: #ececec;
}

/* combo disabled */
.easyui-combobox + .textbox-disabled {
    border-color: #d0d0d0 !important;
    background-color: #d0d0d0 !important;
    opacity: 1;
}

.easyui-combobox + .textbox-disabled * {
    background-color: transparent !important;
    color: #9e9e9e;
}

.easyui-combobox + .textbox-disabled .combo-arrow {
    background: transparent url(../../images/ewf/bg_dsCoombo.png) no-repeat center center !important;
}

/* mask */
.window-proxy-mask, .window-mask {
    background: #000;
    opacity: 0.6;
}

.window-shadow {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* calendar */
.panel-body {
    border-color: #c1c1c1;
}

.calendar-header {
    background: #fff;
    height: 37px;
    line-height: 37px;
}

.calendar-title span {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    color: #2a2a2a
}

.calendar-body th {
    background: #ececec;
    padding: 4px 0;
}

.calendar-day {
    border-radius: 0;
    padding: 5px;
}

.calendar-selected {
    border: 0;
    background-color: #ffd7d7
}

.calendar-sunday {
    color: #fa5050
}

.calendar-saturday {
    color: #007ee5
}

.calendar-nav-hover {
    background-color: #fff;
}

/* pagination */
.pageWrap {
    margin: 25px auto 0;
    text-align: center;
}

.pageWrap .pagination table {
    margin: 0 auto;
    text-align: center;
    float: none;
}

.pageWrap .pagination-info {
    display: none;
}

.pageWrap .easyui-pagination {
    margin: 0 auto;
}

.pageWrap .l-btn-plain-selected, .pageWrap .l-btn-plain-selected:hover {
    background: #fff;
    color: #c30100 !important;
    font-family: 'NanumGothicBold';
    border: none;
}

.pageWrap .l-btn {
    color: #8f8f8f;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    border: none;
    border-radius: 0;
}

.pageWrap .l-btn:hover {
    background: #fff;
    color: #c30100;
    font-family: 'NanumGothicBold';
    border: none;
    font-size: 16px
}

.pageWrap .l-btn-plain {
    padding: 0;
}

.pageWrap .pagination-first {
    background: url('../../images/portal/sp/common.png') no-repeat -123px -137px !important;
    width: 31px;
    height: 31px;
    font-size: 0 !important;
}

.pageWrap .pagination-prev {
    background: url('../../images/portal/sp/common.png') no-repeat -167px -137px !important;
    width: 31px;
    height: 31px;
    font-size: 0 !important;
}

.pageWrap .pagination-next {
    background: url('../../images/portal/sp/common.png') no-repeat -211px -137px !important;
    width: 31px;
    height: 31px;
    font-size: 0 !important;
}

.pageWrap .pagination-last {
    background: url('../../images/portal/sp/common.png') no-repeat -255px -137px !important;
    width: 31px;
    height: 31px;
    font-size: 0 !important;
}

.pageWrap .l-btn-left {
    margin-right: 5px;
}

.pageWrap .l-btn-left .l-btn-empty {
    margin: 0;
    width: 31px;
    height: 31px;
}

.pageWrap .l-btn-icon {
    margin-top: 0;
    top: 0;
    left: 0;
    display: inline-block;
}

.pageWrap.l-btn-icon-left .l-btn-icon {
    left: 0;
    padding-bottom: 1px;
}

.pageWrap .pagination-links .l-btn-left {
    margin-right: 7px;
}

.pageWrap .pagination span {
    font-size: 16px;
}

.pageWrap .pagination-link .l-btn-text {
    min-width: 24px;
    width: auto;
}

/* searchWrap */
.contents .searchWrap {
    width: 996px;
}

.searchWrap {
    background-color: #f0f0f0;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    height: 34px;
    clear: both;
    padding-top: 8px;
}

.searchWrap label {
    display: inline-block;
    padding-right: 4px;
    margin-left: 14px;
    font-size: 14px;
    color: #2e2e2e;
    vertical-align: middle;
}

.searchWrap label:first-child {
    margin-left: 20px;
}

.searchWrap .date {
    float: left;
}

.datebox .combo-arrow {
    background: url('../../images/portal/sp/common.png') no-repeat -163px -335px;
    width: 29px !important;
    height: 23px !important
}

.searchWrap .date .textbox-label {
    width: 35px;
    margin-left: 14px;
    font-size: 14px;
    color: #2e2e2e;
}

.searchWrap .searchKey { /*float:left;margin-left:43px;*/
    text-align: center
}

.searchWrap .searchKey .textbox-label {
    width: 42px;
    font-size: 14px;
    color: #2e2e2e;
}

.searchWrap .searchKey .input_search {
    margin-left: 4px;
    margin-right: 4px;
}

.searchWrap .input_chk {
    margin-left: 7px;
}

.txtmg {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}

/* tableSort */
.tableSort {
    border-top: 2px solid #ff0000;
    border-bottom: 1px solid #d4d4d4;
    height: 34px;
    line-height: 34px;
    padding-left: 12px;
    position: relative;
}

.tableSort ul {
    clear: both;
    overflow: hidden;
}

.tableSort ul li {
    float: left;
    position: relative;
}

.tableSort ul li {
    margin-right: 35px;
    padding-right: 23px;
    font-size: 13px
}

.tableSort ul li a:hover {
    text-decoration: none
}

.tableSort ul li a.sortup, .tableSort ul li a.sortdown {
    position: absolute;
    background: url('../../images/portal/sp/icon.png') no-repeat 0 -41px;
    width: 12px;
    height: 7px;
    overflow: hidden;
    display: block;
}

.tableSort ul li a.sortup.on, .tableSort ul li a.sortup:hover {
    background: url('../../images/portal/sp/icon.png') no-repeat -31px -41px;
    width: 12px;
    height: 7px;
    overflow: hidden;
    display: block;
}

.tableSort ul li a.sortup {
    top: 7px;
    right: 0;
}

.tableSort ul li a.sortdown {
    bottom: 7px;
    right: 0;
    background-position: 0 -54px;
}

.tableSort ul li a.sortdown:hover, .tableSort ul li a.sortdown.on {
    background-position: -31px -54px;
}

.tableSort .notiHide {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px
}

/* addList */
.addList {
    border-top: 2px solid #ff0000;
    line-height: 20px;
    position: relative;
    height: 345px;
    overflow: auto;
}

.addList ul li .addRoad, .addList ul li .addRand {
    display: inline-block;
    width: 35px;
    line-height: 15px;
    background: #65a839;
    color: #FFF;
    padding: 0px 5px;
    text-align: center;
    margin: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
}

.addList ul li :hover {
    background-color: #efefef;
}

.addList ul {
    clear: both;
}

.addList ul li {
    border-bottom: 1px solid #d4d4d4;
    width: 100%;
}

.addList ul li {
    margin-right: 35px;
}

.addList ul li dl {
    width: 100%;
    position: relative;
}

.addList ul li dt {
    line-height: 23px;
}

.addList ul li dd {
    position: absolute;
}

.addList ul li dl .addNo {
    right: 100px;
    top: 12px;
}

.addList ul li dl .addBtn {
    position: absolute;
    right: 20px;
    top: 9px;
}


/* title */
.tit3 {
    margin-top: 30px;
    color: #2e2e2e;
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin-bottom: 15px;
    position: relative
}

.tit3 .ico {
    background-position: -261px -42px;
    width: 6px;
    height: 17px;
    margin-right: 7px;
}

.tit3 .info {
    font-size: 14px;
    color: #7e7e7e;
    display: inline-block;
    font-family: 'NanumGothic';
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -30px;
    margin-left: 15px;
    padding-left: 16px
}

.tit3 .btn_smg {
    position: absolute;
    top: 0;
    right: 0;
}

/* tb_list */
.tb_list .panel-header, .tb_list .panel-body {
    border: 0;
}

.tb_list .datagrid-header {
    display: none
}

.tb_list .datagrid-body tr {
    height: 52px;
    line-height: 52px
}

.tb_list .datagrid-body td {
    border: 0 none;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
    color: #2e2e2e;
}

.tb_list .datagrid-body .datagrid-cell-check {
    position: relative;
}

.tb_list .datagrid-body .datagrid-cell-check input {
    border: 1px solid #7c97ac !important;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
}

.tb_list tr {
    height: 52px;
    line-height: 52px
}

.tb_list td {
    border: 0 none;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
}

.tb_list td.title {
    text-align: left;
    padding-left: 10px;
}

.tb_list td.title em {
    display: inline-block;
    margin-right: 5px;
    line-height: 18px;
    text-align: center;
    color: #f1880b;
    font-size: 14px;
}

.tb_list td.title a.textEllipsis {
    max-width: 455px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

.tb_list td.title .datagrid-cell a {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb_list td a {
    color: #2e2e2e
}

.tb_list td.date,
.tb_list td.date .datagrid-cell {
    font-size: 12px !important;
    color: #7e7e7e;
}

.tb_list td.name {
    text-align: left;
    color: #7e7e7e;
}

.tb_list td.name a.textEllipsis {
    color: #7e7e7e;
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

.tb_list td.name .datagrid-cell a {
    color: #7e7e7e;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb_list .notice td {
    background-color: #f7f7f7
}

.tb_list .notice td:first-child {
    color: #2e2e2e
}

.tb_list td .ico {
    margin-right: 5px
}

.tb_list td .count {
    color: #ef0807;
    font-size: 12px;
    font-family: 'NanumGothicBold';
}

.tb_list td.chk label {
    color: #7e7e7e;
    font-size: 12px
}

.tb_list td .reEnd {
    display: inline-block;
    margin-right: 5px;
    width: 52px;
    line-height: 18px;
    text-align: center;
    background-color: #65a839;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.tb_list td.data_none {
    color: #2e2e2e
}

.tb_list td.data_none em {
    color: #f1880b;
    font-family: 'NanumGothicBold';
}

.tb_list .datagrid-cell {
    font-size: 14px !important;
}

.tb_list .datagrid-cell .viewCount {
    color: #7e7e7e;
    vertical-align: middle;
}

.tb_list .datagrid-row-selected {
    background: #fff
}

/* 개인설정 로그정보*/
.tb_list thead tr {
    height: 35px;
    line-height: 35px;
}

.tb_list thead td {
    background: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
    color: #2a2a2a
}

/* 상단 라인 있는경우 */
.tb_list.borTop {
    border-top: 2px solid #ff0000;
}

.tb_list.borTop thead td {
    border-top: 0;
}

/* 경조사 아이콘 */
.tb_list .fm_evt {
    display: inline-block;
    vertical-align: middle;
    background: url('../../images/portal/sp/ico_fm_evt.png') no-repeat 0 0;
    width: 42px;
    height: 43px;
    overflow: hidden;
    line-height: 999px;
    margin-right: 12px
}

/*출산*/
.tb_list .evt02 {
    background-position: 0 -55px;
}

/*생일*/
.tb_list .evt03 {
    background-position: 0 -109px;
}

/* 부고 */
.tb_list .evt04 {
    background-position: 0 -162px;
}

/* 결혼 */
.tb_list .evt05 {
    background-position: 0 -213px;
}

/* 회갑 */


/* modalpopup */
.popWrap {
}

.popWrap .popCon {
    padding: 0;
}

.popWrap .popCon .pcIn {
    padding: 40px 22px 30px;
}

.popWrap .popCon .pcIn.pd0 {
    padding: 0;
}

.popWrap .mCSB_inside > .mCSB_container {
    margin: 0 !important;
}

.window .window-body {
    border: 0 none;
    border-radius: 0;
}

.window {
    background-color: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #fff 20%);
    background: -moz-linear-gradient(top, #fff 0, #fff 20%);
    background: -o-linear-gradient(top, #fff 0, #fff 20%);
    background: linear-gradient(to bottom, #fff 0, #fff 20%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff, GradientType=0);
}

.window {
    border: 2px solid #35436f;
    padding: 0;
    border-radius: 0;
    clear: both;
    overflow: hidden;
}

.window .window-header {
    background-color: #35436f;
    color: #fff;
    height: 53px;
    padding-bottom: 0;
    border-bottom: 0;
    padding-left: 26px
}

.panel-title {
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
    font-family: 'NanumGothicBold';
}

.window .window-header .panel-tool {
    right: 19px;
    top: 13px;
    margin-top: 0;
    height: 23px
}

.window .window-header .panel-tool a {
    opacity: 1;
    filter: alpha(opacity=100);
}

.window .window-header .panel-tool a:hover {
    background-color: transparent
}

.window .window-header .panel-tool-close {
    background: url('../../images/portal/sp/common.png') no-repeat 0 -285px;
    width: 23px;
    height: 23px
}

.window .window-header .panel-tool-collapse {
    background: url('../../images/portal/sp/common.png') no-repeat -62px -286px;
    width: 23px;
    height: 23px;
    margin-right: 25px
}

/* 에러메시지 */
.pop_err {
    background: url('../../images/portal/common/pop_err.png') no-repeat 50% 20px;
    padding-top: 145px;
    text-align: center;
}

.pop_err .tit {
    font-size: 18px;
    color: #4e4e4e;
    font-family: 'NanumGothicBold';
}

.pop_err .info_txt {
    font-size: 15px;
    color: #4e4e4e;
    margin: 10px 0;
}

/* loading */
#loading {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    filter: alpha(opacity=0.6);
    opacity: 0.6;
    z-index: 9999
}

#loading .loadIn {
    position: relative;
    height: 100%;
    width: 100%;
}

#loading .loadIn img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -144px;
    margin-top: -110px
}

/******************************************* theme default red ********************************************************************/
/**************************** theme_blue **************************************/
.theme_blue .ico {
    background-image: url('../../images/portal/sp/icon_blue.png');
}

.theme_blue .sp_com {
    background-image: url('../../images/portal/sp/common_blue.png');
}

.theme_blue .buL {
    background-image: url('../../images/portal/sp/bul_left_blue.png');
}

/* form */
.theme_blue input[type="radio"] + label {
    background-image: url('../../images/portal/sp/common_blue.png');
}

.theme_blue input[type="checkbox"] + label {
    background-image: url('../../images/portal/sp/common_blue.png');
}

/* 페이징*/
.theme_blue .pageWrap .l-btn-plain-selected,
.theme_blue .pageWrap .l-btn-plain-selected:hover {
    color: #163795 !important;
}

.theme_blue .pageWrap .l-btn:hover {
    color: #163795;
}

/* gnb */
.theme_blue #header .topmenu {
    border-bottom: 3px solid #206ebe;
}

.theme_blue #header .topmenu .homeCh ul li.on {
    background-color: #206ebe;
}

.theme_blue #header .topmenu .meminfo > li .cnt {
    background: #206ebe;
}

/* 2018-03-23 수정
.theme_blue #header .gnbList > li.on > a ,.theme_blue #header .gnbList > li a:hover {color:#163795}
.theme_blue #header .gnbList .depth2 {border:1px solid #206ebe;border-top:3px solid #206ebe;}
.theme_blue #header .gnbList .depth2 li a.add {background: url('../../images/portal/sp/bul_left_blue.png') no-repeat 100% -405px;}
*/
.theme_blue .locationWrap .location .locationdep li a:hover {
    background: url('../../images/portal/sp/bul_left_blue.png') no-repeat 100% -774px
}

.theme_blue #header .topmenu .meminfo > li > a {
    background-image: url('../../images/portal/sp/memInfo_blue.png');
}

/* location msgbox */
.theme_blue .locationWrap .location > li > a {
    background-image: url('../../images/portal/sp/bul_left_blue.png');
}

.theme_blue .locationWrap .location > li.on > a {
    color: #163795;
}

.theme_blue .mgsBox .tit span {
    background-image: url('../../images/portal/sp/bul_left_blue.png');
}

/* lnb */
.theme_blue .tree_menu .selected {
    background-color: #fff;
    background: url('../../images/portal/common/selected_blue.png') no-repeat 100% 13px;
    color: #163795
}

/* button */
.theme_blue .btn_point {
    background: #0458ca;
}

.theme_blue .btnOn {
    background-color: #0458ca;
}

.theme_blue .input_search {
    border: 2px solid #0458ca;
}

/* table선택*/
.theme_blue .listTypeCh .typeCh li a {
    background-image: url('../../images/portal/sp/icon_blue.png');
}

.theme_blue .tableSort ul li a {
    background-image: url('../../images/portal/sp/icon_blue.png')
}

.theme_blue .tableSort ul li a:hover, .theme_blue .tableSort ul li a.on {
    background-image: url('../../images/portal/sp/icon_blue.png');
}

/* table */
.theme_blue .tableSort {
    border-top: 2px solid #2185cb;
}

.theme_blue .tb_view {
    border-top: 2px solid #2185cb;
}

.theme_blue .tb_list2 {
    border-top: 2px solid #2185cb;
}

.theme_blue .tb_write {
    border-top: 2px solid #2185cb;
}

.theme_blue .tb_list.borTop {
    border-top: 2px solid #2185cb;
}

.theme_blue .ewfTc {
    border-top: 2px solid #2185cb;
}

/* 일정 */
.theme_blue .contentWrap .fc-view {
    border-top: 2px solid #2185cb
}

.theme_blue .contentWrap .fc-right .fc-state-active {
    background-color: #206ebe;
}

.theme_blue .contentWrap .fc-right .fc-state-down,
.theme_blue .contentWrap .fc-right .fc-state-active {
    background-color: #206ebe;
}

.theme_blue .contentWrap .fc-unthemed .fc-today {
    background: #cae4fe
}

/* tab */
.theme_blue .tabmenu li a {
    border-bottom: 2px solid #206ebe;
}

.theme_blue .tabmenu li.on a {
    border: 2px solid #206ebe;
    border-bottom: 1px solid #fff;
    color: #163795
}

.theme_blue .tabmenu.menu3 li.on:nth-child(2) a {
    border-left: 2px solid #206ebe;
    border-right: 2px solid #206ebe;
}

.theme_blue .tabmenu.menu3 li.on:nth-child(3) a {
    border-left: 2px solid #206ebe;
}

/* layer*/
.theme_blue .popAlarm {
    border: 3px solid #2185cb;
    border-top: 0
}

/**************************** theme_gold *****************************/
.theme_gold .ico {
    background-image: url('../../images/portal/sp/icon_gold.png');
}

.theme_gold .sp_com {
    background-image: url('../../images/portal/sp/common_gold.png');
}

.theme_gold .buL {
    background-image: url('../../images/portal/sp/bul_left_gold.png');
}

/* form */
.theme_gold input[type="radio"] + label {
    background-image: url('../../images/portal/sp/common_gold.png');
}

.theme_gold input[type="checkbox"] + label {
    background-image: url('../../images/portal/sp/common_gold.png');
}

/* 페이징*/
.theme_gold .pageWrap .l-btn-plain-selected,
.theme_gold .pageWrap .l-btn-plain-selected:hover {
    color: #976c38 !important;
}

.theme_gold .pageWrap .l-btn:hover {
    color: #976c38;
}

/* gnb */
.theme_gold #header .topmenu {
    border-bottom: 3px solid #b4936b;
}

.theme_gold #header .topmenu .homeCh ul li.on {
    background-color: #b4936b;
}

.theme_gold #header .topmenu .meminfo > li .cnt {
    background: #b4936b;
}

/* 2018-03-23 수정 시작
.theme_gold #header .gnbList > li.on > a ,.theme_gold #header .gnbList > li a:hover {color:#976c38}
.theme_gold #header .gnbList .depth2 {border:1px solid #b4936b;border-top:3px solid #b4936b;}
.theme_gold #header .gnbList .depth2 li a.add {background: url('../../images/portal/sp/bul_left_gold.png') no-repeat 100% -405px;}
*/
.theme_gold .locationWrap .location .locationdep li a:hover {
    background: url('../../images/portal/sp/bul_left_gold.png') no-repeat 100% -774px
}

.theme_gold #header .topmenu .meminfo > li > a {
    background-image: url('../../images/portal/sp/memInfo_gold.png');
}

/* location msgbox */
.theme_gold .locationWrap .location > li > a {
    background-image: url('../../images/portal/sp/bul_left_gold.png');
}

.theme_gold .locationWrap .location > li.on > a {
    color: #976c38;
}

.theme_gold .mgsBox .tit span {
    background-image: url('../../images/portal/sp/bul_left_gold.png');
}

/* lnb */
.theme_gold .tree_menu .selected {
    background-color: #fff;
    background: url('../../images/portal/common/selected_gold.png') no-repeat 100% 13px;
    color: #976c38;
}

/* button */
.theme_gold .btn_point {
    background: #b4936b;
}

.theme_gold .btnOn {
    background-color: #b4936b;
}

.theme_gold .input_search {
    border: 2px solid #b4936b;
}

/* table선택*/
.theme_gold .listTypeCh .typeCh li a {
    background-image: url('../../images/portal/sp/icon_gold.png');
}

.theme_gold .tableSort ul li a {
    background-image: url('../../images/portal/sp/icon_gold.png');
}

.theme_gold .tableSort ul li a:hover, .theme_gold .tableSort ul li a.on {
    background-image: url('../../images/portal/sp/icon_gold.png')
}

/* table */
.theme_gold .tableSort {
    border-top: 2px solid #b4936b;
}

.theme_gold .tb_view {
    border-top: 2px solid #b4936b;
}

.theme_gold .tb_list2 {
    border-top: 2px solid #b4936b;
}

.theme_gold .tb_write {
    border-top: 2px solid #b4936b;
}

.theme_gold .ewfTc {
    border-top: 2px solid #b4936b;
}

.theme_gold .tb_list.borTop {
    border-top: 2px solid #b4936b;
}

/* 일정 */
.theme_gold .contentWrap .fc-view {
    border-top: 2px solid #b4936b
}

.theme_gold .contentWrap .fc-right .fc-state-active {
    background-color: #b4936b;
}

.theme_gold .contentWrap .fc-right .fc-state-down,
.theme_gold .contentWrap .fc-right .fc-state-active {
    background-color: #b4936b;
}

.theme_gold .contentWrap .fc-unthemed .fc-today {
    background: #efddc7
}

/* tab */
.theme_gold .tabmenu li a {
    border-bottom: 2px solid #b4936b;
}

.theme_gold .tabmenu li.on a {
    border: 2px solid #b4936b;
    border-bottom: 1px solid #fff;
    color: #976c38
}

.theme_gold .tabmenu.menu3 li.on:nth-child(2) a {
    border-left: 2px solid #b4936b;
    border-right: 2px solid #b4936b;
}

.theme_gold .tabmenu.menu3 li.on:nth-child(3) a {
    border-left: 2px solid #b4936b;
}

/* layer*/
.theme_gold .popAlarm {
    border: 3px solid #b4936b;
    border-top: 0
}

/**************************** theme_dgrey *****************************/
.theme_dgrey .ico {
    background-image: url('../../images/portal/sp/icon_dgrey.png');
}

.theme_dgrey .sp_com {
    background-image: url('../../images/portal/sp/common_dgrey.png');
}

.theme_dgrey .buL {
    background-image: url('../../images/portal/sp/bul_left_dgrey.png');
}

/* form */
.theme_dgrey input[type="radio"] + label {
    background-image: url('../../images/portal/sp/common_dgrey.png');
}

.theme_dgrey input[type="checkbox"] + label {
    background-image: url('../../images/portal/sp/common_dgrey.png');
}

/* 페이징*/
.theme_dgrey .pageWrap .l-btn-plain-selected,
.theme_dgrey .pageWrap .l-btn-plain-selected:hover {
    color: #545454 !important;
}

.theme_dgrey .pageWrap .l-btn:hover {
    color: #545454;
}

/* gnb */
.theme_dgrey #header .topmenu {
    border-bottom: 3px solid #717171;
}

.theme_dgrey #header .topmenu .homeCh ul li.on {
    background-color: #717171;
}

.theme_dgrey #header .topmenu .meminfo > li .cnt {
    background: #717171;
}

/* 2018-03-23
.theme_dgrey #header .gnbList > li.on > a ,.theme_dgrey #header .gnbList > li a:hover {color:#545454}
.theme_dgrey #header .gnbList .depth2 {border:1px solid #717171;border-top:3px solid #717171;}
.theme_dgrey #header .gnbList .depth2 li a.add {background: url('../../images/portal/sp/bul_left_dgrey.png') no-repeat 100% -405px;}
*/
.theme_dgrey .locationWrap .location .locationdep li a:hover {
    background: url('../../images/portal/sp/bul_left_dgrey.png') no-repeat 100% -774px
}

.theme_dgrey #header .topmenu .meminfo > li > a {
    background-image: url('../../images/portal/sp/memInfo_dgrey.png');
}

/* location msgbox */
.theme_dgrey .locationWrap .location > li > a {
    background-image: url('../../images/portal/sp/bul_left_dgrey.png');
}

.theme_dgrey .locationWrap .location > li.on > a {
    color: #545454;
}

.theme_dgrey .mgsBox .tit span {
    background-image: url('../../images/portal/sp/bul_left_dgrey.png');
}

/* lnb */
.theme_dgrey .tree_menu .selected {
    background-color: #fff;
    background: url('../../images/portal/common/selected_dgrey.png') no-repeat 100% 13px;
    color: #545454;
}

/* button */
.theme_dgrey .btn_point {
    background: #2c2c2c;
}

.theme_dgrey .btnOn {
    background-color: #2c2c2c;
}

.theme_dgrey .input_search {
    border: 2px solid #2c2c2c;
}

/* table선택*/
.theme_dgrey .listTypeCh .typeCh li a {
    background-image: url('../../images/portal/sp/icon_dgrey.png');
}

.theme_dgrey .tableSort ul li a {
    background-image: url('../../images/portal/sp/icon_dgrey.png');
}

.theme_dgrey .tableSort ul li a:hover, .theme_dgrey .tableSort ul li a.on {
    background-image: url('../../images/portal/sp/icon_dgrey.png');
}

/* table */
.theme_dgrey .tableSort {
    border-top: 2px solid #717171;
}

.theme_dgrey .tb_view {
    border-top: 2px solid #717171;
}

.theme_dgrey .tb_list2 {
    border-top: 2px solid #717171;
}

.theme_dgrey .tb_write {
    border-top: 2px solid #717171;
}

.theme_dgrey .ewfTc {
    border-top: 2px solid #717171;
}

.theme_dgrey .tb_list.borTop {
    border-top: 2px solid #717171;
}

/* 일정 */
.theme_dgrey .contentWrap .fc-view {
    border-top: 2px solid #717171
}

.theme_dgrey .contentWrap .fc-right .fc-state-active {
    background-color: #545454;
}

.theme_dgrey .contentWrap .fc-right .fc-state-down,
.theme_dgrey .contentWrap .fc-right .fc-state-active {
    background-color: #545454;
}

.theme_dgrey .contentWrap .fc-unthemed .fc-today {
    background: #e5e5e5
}

/* tab */
.theme_dgrey .tabmenu li a {
    border-bottom: 2px solid #717171;
}

.theme_dgrey .tabmenu li.on a {
    border: 2px solid #717171;
    border-bottom: 1px solid #fff;
    color: #545454
}

.theme_dgrey .tabmenu.menu3 li.on:nth-child(2) a {
    border-left: 2px solid #717171;
    border-right: 2px solid #717171;
}

.theme_dgrey .tabmenu.menu3 li.on:nth-child(3) a {
    border-left: 2px solid #717171;
}

/* layer*/
.theme_dgrey .popAlarm {
    border: 3px solid #717171;
    border-top: 0
}

/**************************** theme_green *****************************/
.theme_green .ico {
    background-image: url('../../images/portal/sp/icon_green.png');
}

.theme_green .sp_com {
    background-image: url('../../images/portal/sp/common_green.png');
}

.theme_green .buL {
    background-image: url('../../images/portal/sp/bul_left_green.png');
}

/* form */
.theme_green input[type="radio"] + label {
    background-image: url('../../images/portal/sp/common_green.png');
}

.theme_green input[type="checkbox"] + label {
    background-image: url('../../images/portal/sp/common_green.png');
}

/* 페이징*/
.theme_green .pageWrap .l-btn-plain-selected,
.theme_green .pageWrap .l-btn-plain-selected:hover {
    color: #387501 !important;
}

.theme_green .pageWrap .l-btn:hover {
    color: #387501;
}

/* gnb */
.theme_green #header .topmenu {
    border-bottom: 3px solid #539219;
}

.theme_green #header .topmenu .homeCh ul li.on {
    background-color: #539219;
}

.theme_green #header .topmenu .meminfo > li .cnt {
    background: #539219;
}

/* 2018-03-22 수정시작 */
.theme_green #header .gnbList .depth2 li a:hover {
    background-color: #383b44;
}

.theme_green #header .gnbList .depth2 {
    background: #1f222d;
}

.theme_green #header .gnbList .depth2 li a {
    color: #fff;
}

/* 2018-03-22 주석처리 시작
.theme_green #header .gnbList .depth2 li a.add {background: url('../../images/portal/sp/bul_left_green.png') no-repeat 100% -405px;}
 2018-03-22 주석처리 끝 */
/* 2018-03-22 수정끝 */

.theme_green .locationWrap .location .locationdep li a:hover {
    background: url('../../images/portal/sp/bul_left_green.png') no-repeat 100% -774px
}

.theme_green #header .topmenu .meminfo > li > a {
    background-image: url('../../images/portal/sp/memInfo_green.png');
}

/* location msgbox */
.theme_green .locationWrap .location > li > a {
    background-image: url('../../images/portal/sp/bul_left_green.png');
}

.theme_green .locationWrap .location > li.on > a {
    color: #387501;
}

.theme_green .mgsBox .tit span {
    background-image: url('../../images/portal/sp/bul_left_green.png');
}

/* lnb */
.theme_green .tree_menu .selected {
    background-color: #fff;
    background: url('../../images/portal/common/selected_green.png') no-repeat 100% 13px;
    color: #387501;
}

/* button */
.theme_green .btn_point {
    background: #64ab22;
}

.theme_green .btnOn {
    background-color: #64ab22;
}

.theme_green .input_search {
    border: 2px solid #64ab22;
}

/* table선택*/
.theme_green .listTypeCh .typeCh li a {
    background-image: url('../../images/portal/sp/icon_green.png');
}

.theme_green .tableSort ul li a {
    background-image: url('../../images/portal/sp/icon_green.png');
}

.theme_green .tableSort ul li a:hover, .theme_green .tableSort ul li a.on {
    background-image: url('../../images/portal/sp/icon_green.png');
}

/* table */
.theme_green .tableSort {
    border-top: 2px solid #539219;
}

.theme_green .tb_view {
    border-top: 2px solid #539219;
}

.theme_green .tb_list2 {
    border-top: 2px solid #539219;
}

.theme_green .tb_write {
    border-top: 2px solid #539219;
}

.theme_green .ewfTc {
    border-top: 2px solid #539219;
}

.theme_green .tb_list.borTop {
    border-top: 2px solid #539219;
}

/* 일정 */
.theme_green .contentWrap .fc-view {
    border-top: 2px solid #539219
}

.theme_green .contentWrap .fc-right .fc-state-active {
    background-color: #4f861c;
}

.theme_green .contentWrap .fc-right .fc-state-down,
.theme_green .contentWrap .fc-right .fc-state-active {
    background-color: #4f861c;
}

.theme_green .contentWrap .fc-unthemed .fc-today {
    background: #d5e8c4
}

/* tab */
.theme_green .tabmenu li a {
    border-bottom: 2px solid #539219;
}

.theme_green .tabmenu li.on a {
    border: 2px solid #539219;
    border-bottom: 1px solid #fff;
    color: #387501
}

.theme_green .tabmenu.menu3 li.on:nth-child(2) a {
    border-left: 2px solid #539219;
    border-right: 2px solid #539219;
}

.theme_green .tabmenu.menu3 li.on:nth-child(3) a {
    border-left: 2px solid #539219;
}

/* layer*/
.theme_green .popAlarm {
    border: 3px solid #539219;
    border-top: 0
}


/********************************************** popup theme default blue ****************************************************/
/******************************* pop_blue *********************************/


/******************************* pop_red *********************************/
.pop_red .window {
    border: 2px solid #c30100;
}

.pop_red .window .window-header {
    background-color: #c30100;
}

/******************************* pop_gold *********************************/
.pop_gold .window {
    border: 2px solid #b4936b;
}

.pop_gold .window .window-header {
    background-color: #b4936b;
}

/******************************* pop_dgrey *********************************/
.pop_dgrey .window {
    border: 2px solid #5c5d5d;
}

.pop_dgrey .window .window-header {
    background-color: #5c5d5d;
}

/******************************* pop_green *********************************/
.pop_green .window {
    border: 2px solid #437516;
}

.pop_green .window .window-header {
    background-color: #437516;
}

/********************************************** quick theme default blue ****************************************************/

/******************************* quick_red *********************************/
.quick_red #quickMenu .bgQuick {
    background: url('../../images/portal/sp/quick_red.png') no-repeat 0 0;
}

.quick_red #quickMenu .btnQuick {
    background-image: url('../../images/portal/sp/icon.png');
}

.quick_red #quickMenu .quickarea {
    background-color: #3d0505;
}

.quick_red #quickMenu .quickarea .memInfo {
    border-bottom: 1px solid #be4c49;
}

.quick_red #quickMenu .quickarea .memSearch .memSearchW {
    background-color: #935b5b;
}

.quick_red #quickMenu .quickarea .box {
    background-color: #641414;
}

.quick_red #quickMenu .quickarea .tit.line {
    border-bottom: 1px solid #3d0505;
}

.quick_red #quickMenu .quickarea .membookMarkW li {
    border-bottom: 1px solid #6d2222;
}

.quick_red #quickMenu .quickarea .membookMarkW li.on {
    background: #3d0505;
}

/******************************* quick_gold *********************************/
.quick_gold #quickMenu .bgQuick {
    background: url('../../images/portal/sp/quick_gold.png') no-repeat 0 0;
}

.quick_gold #quickMenu .btnQuick {
    background-image: url('../../images/portal/sp/icon_gold.png');
}

.quick_gold #quickMenu .quickarea {
    background-color: #382918;
}

.quick_gold #quickMenu .quickarea .memInfo {
    border-bottom: 1px solid #99735c;
}

.quick_gold #quickMenu .quickarea .box {
    background-color: #584329;
}

.quick_gold #quickMenu .quickarea .memSearch .memSearchW {
    background-color: #a69887;
}

.quick_gold #quickMenu .quickarea .tit.line {
    border-bottom: 1px solid #382918;
}

.quick_gold #quickMenu .quickarea .membookMarkW li {
    border-bottom: 1px solid #624e36;
}

.quick_gold #quickMenu .quickarea .membookMarkW li.on {
    background: #382918;
}

/******************************* quick_dgrey *********************************/
.quick_dgrey #quickMenu .bgQuick {
    background: url('../../images/portal/sp/quick_dgrey.png') no-repeat 0 0;
}

.quick_dgrey #quickMenu .btnQuick {
    background-image: url('../../images/portal/sp/icon_dgrey.png');
}

.quick_dgrey #quickMenu .quickarea {
    background-color: #2b2b2b;
}

.quick_dgrey #quickMenu .quickarea .memInfo {
    border-bottom: 1px solid #808080;
}

.quick_dgrey #quickMenu .quickarea .box {
    background-color: #484848;
}

.quick_dgrey #quickMenu .quickarea .memSearch .memSearchW {
    background-color: #7f7f7f;
}

.quick_dgrey #quickMenu .quickarea .tit.line {
    border-bottom: 1px solid #2b2b2b;
}

.quick_dgrey #quickMenu .quickarea .membookMarkW li {
    border-bottom: 1px solid #535353;
}

.quick_dgrey #quickMenu .quickarea .membookMarkW li.on {
    background: #2b2b2b;
}

/******************************* quick_green *********************************/
.quick_green #quickMenu .bgQuick {
    background: url('../../images/portal/sp/quick_green.png') no-repeat 0 0;
}

.quick_green #quickMenu .btnQuick {
    background-image: url('../../images/portal/sp/icon_green.png');
}

.quick_green #quickMenu .quickarea {
    background-color: #273818;
}

.quick_green #quickMenu .quickarea .memInfo {
    border-bottom: 1px solid #689144;
}

.quick_green #quickMenu .quickarea .box {
    background-color: #346238;
}

.quick_green #quickMenu .quickarea .memSearch .memSearchW {
    background-color: #719174;
}

.quick_green #quickMenu .quickarea .tit.line {
    border-bottom: 1px solid #273818;
}

.quick_green #quickMenu .quickarea .membookMarkW li {
    border-bottom: 1px solid #406b44;
}

.quick_green #quickMenu .quickarea .membookMarkW li.on {
    background: #273818;
}

/* msgpopup 메시지 */
.messager-window {
    border: 4px solid #5c5d5d !important;
    border-top: 0;
    padding: 0;
    border-radius: 0;
    clear: both;
    overflow: hidden;
}

.messager-window .window-header {
    background-color: #5c5d5d !important;
    color: #fff;
    height: 34px;
    padding-bottom: 0;
    border-bottom: 0;
}

.messager-window .window-body {
    border: 0 none;
    padding: 0;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    color: #2d2e2e;
    width: 392px;
    height: 96px;
    padding-top: 60px;
}

.messager-window .panel-title {
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'NanumGothicBold';
}

.messager-window .window-header .panel-tool {
    right: 9px;
    top: 8px;
    margin-top: 0;
    height: 14px
}

.messager-window .window-header .panel-tool-close {
    background: url('../../images/portal/sp/common.png') no-repeat -104px -298px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    line-height: 999px;
}

.messager-window .dialog-button {
    background-color: #fff;
    border: 0 none;
    padding: 0 0 30px 10px;
}

.messager-window .dialog-button a {
    margin: 0 3px;
}

.messager-window .dialog-button .l-btn-text {
    line-height: 34px;
    font-size: 16px;
}

.messager-window .chkArea {
    margin-top: 10px;
}

.messager-window .chkArea label {
    margin: 0 17px;
}

.messager-window .msg {
    padding-top: 60px;
    line-height: 24px;
}

.messager-window .msginTxt {
    font-family: 'NanumGothicBold';
    font-size: 18px;
}

.messager-window .msginTxt em {
    color: #c30100;
}

.messager-window .messager-button .l-btn {
    background: none;
    border: 1px solid #c3c3c3;
    width: 80px;
    color: #636363;
    height: 34px;
    line-height: 34px;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    border-radius: 3px;
}

.messager-window .messager-button .l-btn:hover {
    color: #636363;
    background: #fff;
    border: 1px solid #c3c3c3
}

.messager-window .messager-button .l-btn-focus {
    outline: none;
}

.messager-window .messager-icon {
    display: none;
}