/* CSS Document */
/* * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);





/*회원공지사항_list*/
.membernotice_list {margin-top:10px;}

/*회원공지사항_view*/
.membernotice_view {}

/* 회원자료실_list*/
.member_dataroom_list {margin-top:10px;}

/*회원자료실_view*/
.member_dataroom_view {}

/*이벤트_list*/
.event_list li {padding-top:20px;}
.event_list li p {padding-top: 15px; word-break:break-all; text-align:center;}
.event_list li p.title {font-size:15px; color:#333;}

/*이벤트_view*/
.event_view {}

/*나의정보*/
.myinfo {}

/*사업자정보*/
.business_info {}

/*약관동의*/
.join01 {}
.join01 .ctt_tbl {width:100%; text-align:center; border-left:1px solid #333; border-top:1px solid #333;}
.join01 .ctt_tbl th {border-bottom:1px solid #333; border-right:1px solid #333; background-color:#F4F4F4; font-size:12px; padding:5px 0;}
.join01 .ctt_tbl td {border-bottom:1px solid #333; border-right:1px solid #333; font-size:12px; padding:5px 0;}
.join01 .checkbox { position: absolute;}
.join01 .checkbox + label>span { display: block; padding-left: 25px;}

.list-view.line_top {border-top:1px solid #ddd;}



/*정보입력*/
.join02 {}
.join02 .ctt_box .txt01 {position:relative; padding-left:10px;}
.join02 .ctt_box .txt01::after {position:absolute; top:0; left:0; content:"-"; }
.join02 .ctt_box .txt02 {padding-left:10px;}

/*가입완료*/
.join03 {overflow:hidden; padding:0px 15px 30px 15px;}
.join03 .bg {width:100%; position:relative; height:100%;}
.join03 h1 {margin-top:30px; font-size:25px; line-height:40px;}
.join03 h2 {font-size:15px; line-height:15px; margin-bottom:40px;}
.join03 .txt01 {color:#333; margin-bottom:20px;}

/*popup*/
.popup-wrap { min-width:320px;}
.pop_title { position:relative; width:100%; height:50px; background-color:#855c9a;}
.pop_title.group { background-color:#464749;}
.pop_title h1 { float:left; font-size:18px; color:#FFF; line-height:50px; padding-left:20px;}
.pop_title .btn-close{position:absolute; display:block; width:50px; height:50px; background-color:#555; right:0px; top:0px;}

/*회원검색*/
.member_pop {}
.popup-wrap.top .mobile_content {padding-top:10px;}
.inp-set.search_a li:first-child {width: 80%; padding-right:0;}
.inp-set.search_a li:last-child {width: 20%;}
.inp-set.name li {width:50%;}

/*400&500에러페이지*/
.title_content {margin-top: 30px; text-align: center;}
.title_content p {color: #666; font-size: 11px;}
.error404 .error_img {background:url("../../../image/common/img_id_view.jpg") no-repeat ; background-size:480px 75px; width:75px; height:75px; background-position:-160px 0px; margin:30px auto 0px; }
.error404 .title_content h2 { margin-bottom:20px; color:#333;}
.error404 .btn_box { padding:30px 15px 50px 15px;}

.error500 .error_img {background:url("../../../image/common/img_id_view.jpg") no-repeat ; background-size:480px 75px; width:75px; height:75px; background-position:-240px 0px; margin:30px auto 0px; }
.error500 .title_content h2 { margin-bottom:20px; color:#333;}
.error500 .btn_box { padding:30px 15px 50px 15px;}

/* 	정기점검파킹페이지*/
.error_regular .error_img {background:url("../../../image/common/img_id_view.jpg") no-repeat ; background-size:480px 75px; width:75px; height:75px; background-position:-320px 0px; margin:30px auto 0px; }
.error_regular .title_content h2 { margin-bottom:20px; color:#333;}
.error_regular .btn_box { padding:30px 15px 50px 15px;}
.error_regular .blue_con {border:1px solid #855c9a; color:#855c9a; text-align:center; padding:10px 0;}

/* 임시점검파킹페이지*/
.error_temporary .error_img {background:url("../../../image/common/img_id_view.jpg") no-repeat ; background-size:480px 75px; width:75px; height:75px; background-position:-400px 0px; margin:30px auto 0px; }
.error_temporary .title_content h2 { margin-bottom:20px; color:#333;}

/* 나의 수당내역*/
.selfamount_list {}
.mobile_content h1.teb_title label {position:absolute; top:5px; right:0; font-size:12px; color:#855c9a; text-align:right; width:67%;}

.selfamount_list .buyresuit_no_date { border-bottom: 0px; line-height: 200px;}

/*회사소개*/
.company_sub01 {margin-top:10px;}
.company_sub01 .ico_01 {}
.company_sub01 .ico_01 p {font-size:13px; color:#333; padding-bottom:10px;}
.company_sub01 .ico_01 img {width:242px; padding-bottom:20px;}
.company_sub01 .ico_02 {border-radius:0 10px 10px 10px; border:1px solid #ddd; background-color:#FFF; height:50px; width:100%; position:relative; margin-bottom:20px;}
.company_sub01 .ico_02 .txt {position:relative; margin:0 auto; width:220px; padding-top:13px; font-size:15px; color:#333; text-align:center;  position:relative;}
.company_sub01 .ico_02 .txt::after {position:absolute; background: url("../../../image/mobile/kr/img_company_sub01_02.png") no-repeat center center; background-size:28px; width:28px; height:28px; content:""; left:0; top:0; margin-top:-16px;}
.company_sub01 .ico_02 .txt span {color:#723974; position:relative;}
.company_sub01 .ico_02 .txt span::after {position:absolute; width:100%; height:1px; left:0; bottom:0; content:""; background-color:#723974; margin-bottom:-3px;}
.company_sub01 .ico_03 {background-color:#FFF; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.company_sub01 .ico_03 li {float:left; width:50%; height:220px; padding:15px 5%; border-right:1px solid #ddd; position:relative; text-align:center;}
.company_sub01 .ico_03 li:nth-child(2) {border-right:0;}
.company_sub01 .ico_03 .bdt {border-top:1px solid #ddd;}
.company_sub01 .ico_03 .num {position:absolute; left:15px; top:15px; font-size:20px; color:#ac90ab;}
.company_sub01 .ico_03 img {width:40%;}
.company_sub01 .ico_03 h1 {font-size:12px; color:#010101; padding-bottom:10px;border-bottom:1px solid #ddd; margin-bottom:10px;}
.company_sub01 .ico_03 .list {display:inline-block;}
.company_sub01 .ico_03 .list dd {background: url("../../../image/mobile/kr/icon_bullet01.jpg") no-repeat left 7px; color:#666; font-size:11px; padding-left:10px; text-align:left;}

/*경영이념*/
.company_sub02 {margin-top:10px;}
.company_sub02 .ico_01 {background: url("../../../image/mobile/kr/img_company_sub02_01.png") no-repeat left top; background-size:152px; height:152px; padding-left:120px; margin-bottom:20px;}
.company_sub02 .ico_01 .txt {text-align:center;}
.company_sub02 .ico_01 .txt h1 {color:#723974; font-size:20px; padding-top:5px;}
.company_sub02 .ico_01 .txt span {color:#666; font-size:30px; padding:0 5px;}
.company_sub02 .ico_01 .txt p {color:#666; font-size:12px;  margin:5px 0; word-break:keep-all;}
.company_sub02 .ico_02 {background-color:#FFF; border:1px solid #ddd; padding:10px; border-radius:10px; margin-bottom:20px;}
.company_sub02 .ico_02 .img {background: url("../../../image/mobile/kr/img_company_sub02_01.jpg") no-repeat left center; background-size:65px; height:83px; padding-left:70px;}
.company_sub02 .ico_02 .line {border-left:1px solid #ddd; padding-left:10px; height:83px;}
.company_sub02 .ico_02 h1 {font-size:14px; color:#333; padding-bottom:10px; padding-top:5px;}
.company_sub02 .ico_02 p {font-size:12px; color:#333;}
.company_sub02 .ico_03 {background: url("../../../image/mobile/kr/img_company_sub02_02.png") no-repeat top center; width:100%; background-size:100%;}
.company_sub02 .ico_03 dl {margin-bottom:20px;}
.company_sub02 .ico_03 dl:first-child {padding-top:100px;}
.company_sub02 .ico_03 dl:last-child {margin-bottom:0;}
.company_sub02 .ico_03 dt {color:#723974; font-size:14px; font-weight:bold;}
.company_sub02 .ico_03 span {color:#333; font-size:12px; padding-left:8px;}
.company_sub02 .ico_03 dd {color:#666; font-size:12px;}

/*비젼*/
.company_sub03 {margin-top:10px;}
/* .company_sub03 img {width:200px; margin-bottom:20px;} */
.company_sub03 .img {padding-left:45px; width:100%; margin-bottom:20px;}
.company_sub03 .ico_01 {background: url("../../../image/mobile/kr/img_company_sub03_02.png") no-repeat left top; background-size:35px; }
.company_sub03 .ico_02 {background: url("../../../image/mobile/kr/img_company_sub03_03.png") no-repeat left top; background-size:35px; }
.company_sub03 .ico_03 {background: url("../../../image/mobile/kr/img_company_sub03_04.png") no-repeat left top; background-size:35px; }
.company_sub03 .ico_04 {background: url("../../../image/mobile/kr/img_company_sub03_05.png") no-repeat left top; background-size:35px; }
.company_sub03 h1 {color:#723974; font-size:14px;}
.company_sub03 span {color:#333; font-size:12px; padding-left:5px;}
.company_sub03 p {color:#666; font-size:12px;}
.company_sub03 .mgb_none {margin-bottom:0;}

/*조직도*/
.company_sub04 {margin-top:10px;}
.company_sub04 p {word-break:keep-all; margin-bottom:30px;}
.company_sub04 .ico_02 {background: url("../../../image/mobile/kr/img_company_sub04_01.png") no-repeat center 2px; height:350px; position:relative; text-align:center; width:100%;}
.company_sub04 .ctt_01 {background-color:#ac90ab; width:80px; height:80px; border-radius:50%; margin:0 auto; color:#fff; font-size:12px; line-height:80px;}
.company_sub04 .ctt_02 {position:absolute; left:50%; top:91px; margin-left:-45px; width:90px;}
.company_sub04 .ctt_03 {position:absolute; left:50%; top:91px; margin-left:57px;width:90px;}
.company_sub04 .ctt_04 {position:absolute; left:50%; top:157px; margin-left:-146px; width:120px;}
.company_sub04 .ctt_05 {position:absolute; left:50%; top:157px; margin-left:26px; width:120px;}
.company_sub04 .ctt_06 {position:absolute; left:50%; top:203px; margin-left:-107px; width:81px;}
.company_sub04 .ctt_07 {position:absolute; left:50%; top:203px; margin-left:65px; width:81px;}
.company_sub04 .ctt_08 {position:absolute; left:50%; top:239px; margin-left:-107px; width:81px;}
.company_sub04 .ctt_09 {position:absolute; left:50%; top:239px; margin-left:65px; width:81px;}
.company_sub04 .ctt_10 {position:absolute; left:50%; top:275px; margin-left:-107px; width:81px;}
.company_sub04 .ctt_11 {position:absolute; left:50%; top:275px; margin-left:65px; width:81px;}
.company_sub04 .ctt_12 {position:absolute; left:50%; top:311px; margin-left:-107px; width:81px;}
.company_sub04 .ctt_13 {position:absolute; left:50%; top:311px; margin-left:65px; width:81px;}
.company_sub04 .p_bg {background-color:#FFF; border:1px solid #ac90ab; border-radius:5px; height:30px; line-height:30px; color:#723974; font-size:12px;}
.company_sub04 .b_bg {background-color:#FFF; border:1px solid #959595; border-radius:5px; height:30px; line-height:30px; color:#333; font-size:12px;}

/*찾아오시는 길*/
.company_sub05 {margin-top:10px;}
.company_sub05 h3 {margin-bottom:10px;}
.company_sub05 .ico_01 {border:1px solid #ddd; margin-bottom:10px; height:302px;}
.company_sub05 .ico_02 {margin-bottom:20px;}
.company_sub05 .ico_02 p {color:#666; font-size:12px;}
.company_sub05 .ico_02 p span {color:#723974;}
.company_sub05 .ico_02 img {width:18px; padding-left:5px;}
.company_sub05 .ico_02.line_g {border-top:1px solid #ddd; padding-top:20px;}
.company_sub05 .mgb_none {margin-bottom:0;}

/*브랜드소개*/
.brand_sub01 {margin-top:10px;}
.brand_sub01 .ico_01 { margin-bottom:20px;}
.brand_sub01 .ico_01 h2 {font-size:15px; color:#723974; font-weight:normal; text-indent:5px;}
.brand_sub01 .ico_01 h2 .font_B {font-weight:bold;}
.brand_sub01 .ico_01 h2 .black {color:#333; font-size:12px; padding-left:5px;}
.brand_sub01 .ico_01 li {background:url("../../../image/mobile/kr/icon_bullet01.jpg") no-repeat left 7px; color:#666; font-size:11px; padding-left:10px; text-align:left;}
/* .brand_sub01 .ico_02 {background-color:#FFF; border:1px solid #ddd; border-radius:0 10px 10px 10px; overflow:hidden;}
.brand_sub01 .ico_02 li {float:left; width:50%; height:180px; padding:5%; position:relative; text-align:center;}
.brand_sub01 .ico_02 li span {position:absolute; top:0; left:0; width:7px; height:7px; content:""; background-color:#ac90ab;}
.brand_sub01 .ico_02 li h5 {font-size:12px; color:#010101; text-align:left;}
.brand_sub01 .ico_02 li img {width:80%;}
.brand_sub01 .ico_02 li.line_b {border-bottom:1px solid #ddd;}
.brand_sub01 .ico_02 li.line_r {border-right:1px solid #ddd;}
.brand_sub01 .ico_02 li.img01 {background: url("../../../image/mobile/kr/img_brand_sub01_01.jpg") no-repeat center center; background-size:70%;}
.brand_sub01 .ico_02 li.img02 {background: url("../../../image/mobile/kr/img_brand_sub01_02.jpg") no-repeat center center; background-size:70%;}
.brand_sub01 .ico_02 li.img03 {background: url("../../../image/mobile/kr/img_brand_sub01_03.jpg") no-repeat center center; background-size:70%;}
.brand_sub01 .ico_02 li.img04 {background: url("../../../image/mobile/kr/img_brand_sub01_04.jpg") no-repeat center center; background-size:70%;}
.line_bottom {padding-bottom:20px; border-bottom:solid 1px #e5e5e5;}
.brand_sub01 .ico_03{width:60%; margin:0 auto; overflow:hidden; padding-top:5px;}*/

/*제품사용방법*/
.brand_sub02 {margin-top:10px;}
.brand_sub02 h1 {color:#333; font-size:14px; margin-bottom:20px;}
.brand_sub02 h1 span {color:#7d4d7f; font-size:16px;}
.brand_sub02 p.txt {color:#666; font-size:12px; margin-bottom:20px;}
/*.brand_sub02 .ico_01 {background-color:#FFF; border:1px solid #ddd; border-radius:0 10px 10px 10px; text-align:center;}
.brand_sub02 .ico_01 img {width:95%;}*/

/*마케팅프로그램*/
.business_sub01 {margin-top:10px;}
.business_sub01 .ico_01 {margin-bottom:20px;}
.business_sub01 .ico_02 p {color:#666; font-size:12px;}
.business_sub01 .ico_02 p.purple {color:#723974;}
.business_sub01 .ico_02 .point {position:relative; padding-left:13px;}
.business_sub01 .ico_02 .point::after {position:absolute; top:0; left:0px; content:'※'; }
.business_sub01 .ico_02 .point span {padding:0 5px;}

/*사업전개방법*/
.business_sub02 {margin-top:10px;}
.business_sub02 .ctt_txt {background-color:#FFF; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; margin-bottom:20px;}
.business_sub02 .ctt_txt h1 {color:#333; margin-bottom:10px;}
.business_sub02 .ctt_txt p {color:#666; font-size:12px;}
.business_sub02 .ctt_txt .i_arrow {padding:0 5px;}
.business_sub02 .ctt_txt span {color:#723974;}
.business_sub02 .ctt_txt p.purple {color:#723974;}
.business_sub02 .ctt_txt ul {padding-left:10px; margin-top:5px;}
.business_sub02 .ctt_txt li {position:relative; color:#666; font-size:12px; padding-left:18px;}
.business_sub02 .ctt_txt .num_01:after {position:absolute; left:0; top:0; content:"(1)";}
.business_sub02 .ctt_txt .num_02:after {position:absolute; left:0; top:0; content:"(2)";}
.business_sub02 .ctt_txt .num_03:after {position:absolute; left:0; top:0; content:"(3)";}
.business_sub02 .ctt_txt.mgb_none {margin-bottom:0;}


.business_sub02 .icon_group {width:100%; min-height:110px; overflow:hidden; padding-bottom:20px;}
.business_sub02 .con li {float:left; text-align:center; height:100%;}
.business_sub02 .con li.icon {width:22%;}
.business_sub02 .con li.arrow {width:17%; background: url("../../../image/mobile/kr/img_business_sub02_04.png") no-repeat center center; height:110px; background-size:100%;}
.business_sub02 .con li.txt {width:39%; line-height:110px; font-size:13px;}
.business_sub02 .con li.txt span {color:#723974;}
.business_sub02 .con li p {color:#333; font-size:12px;}
.business_sub02 .con li.txt.text01 {line-height:20px; padding-top: 30px;}

/*사업자가입안내*/
.business_sub03 {margin-top:10px;}
.business_sub03 .ico_01 { margin-bottom:20px;}
.business_sub03 .ico_01 h2 {font-size:13px; color:#333;}
.business_sub03 .ico_01 li {background: url("../../../image/mobile/kr/icon_bullet01.jpg") no-repeat left 7px; color:#666; font-size:12px; padding-left:10px; text-align:left;}
.business_sub03 .ico_01.mgb_none {margin-bottom:0;}









/*공통*/
.icon_Type img {vertical-align: middle; width: 10px;}
.list_line_Type {display: inline-block; padding: 0 7px;}
.list-view li.file_con {border-bottom: none;}
.space_Type {padding-left: 7px;}
.list-view li.answer_con {border: none; color: #666; padding-bottom: 40px; word-break: break-all;}
p.mgb_10 {margin-bottom:10px;}
p.mgt_10 {margin-top:10px;}
.space {margin-top:10px;}
h2 span.font_c {color:#723974;}
.list-view.line_g {border-top:1px solid #ddd;}
h2 .point {padding-left:5px;}
/*흰색배경 컨텐츠*/
.content-full.white_bg_box {background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #855c9a; padding: 10px 15px;}
.ctt {border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; overflow-x: hidden; overflow-y: scroll; height:160px; background-color:#FFF;}
.content-full.white_bg_box .ctt_box {border: 1px solid #ddd; margin-bottom: 10px; padding: 10px;}
.content-full.white_bg_box .ctt_box p {color: #855c9a; font-size: 12px;}
.content-full.white_bg_box .ctt_box.mg_none {margin-bottom:0;}

/*기존 base 추가*/
.mobile_content h1.teb_title {position:relative;}

/*body bg*/
.bg_g {background-color:#f1eeef; height:100%;}

/*타이틀*/
.k_title {font-size:15px; margin-bottom:10px;}
.k_title span {color:#723974;}
p.txt_Type {color:#666; font-size:12px; margin-bottom:20px;}
p.txt_Type_B {color:#333; font-size:12px; margin-bottom:20px;}

/*cart_list_layer_popup*/
.my_pop_info {}
.my_pop_info li {padding:10px 15px;}
.my_pop_info li.info_box {background-color:#fff; color:#666; overflow-y:scroll; height:350px;}
.my_pop_info .list-view li {border-bottom:none;}
.my_pop_info .list-view li:last-child {border-bottom: 1px solid #ddd;}
.my_pop_info .pop_tbl {width:100%; border-top:1px solid #808080;}
.my_pop_info .pop_tbl th {background-color:#f4f4f4; text-align:center; padding: 10px 0; border-right:1px solid #808080; border-bottom:1px solid #808080;}
.my_pop_info .pop_tbl th:first-child {border-left:1px solid #808080;}
.my_pop_info .pop_tbl td {text-align:center; padding:10px 0; border-right:1px solid #808080; border-bottom:1px solid #808080;}

/*계보도*/
.list-view.tree-list { height:300px; overflow-y:scroll; background-color:#F4F4F4;}
.list-view.tree-list li { padding:10px 15px;}
.list-view.tree-list li h2 { margin-bottom:0px;}
.list-view.tree-list li.no_data { line-height:300px;}

.tree_view_con { position:relative; width:100%; height:400px; background-color:#fff; overflow: scroll; border-bottom:1px solid #DDD; text-align:center; margin-top: 10px;}
.tree_view_con .imgContent { display:inline-block;}
.tree_view_btn { padding:0px 15px 15px 15px; border-bottom:1px solid #DDD;}

/*계층도*/
.tree_line_con {height:300px; overflow-y:scroll; background-color:#F4F4F4; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.tree_line_con img { width:auto;}

/*i_org_chart*/
#i_org_chart {display:inline-block; font-size:0px; padding:20px; }
#i_org_chart .wrapper { display:table-row; }
#i_org_chart .wrapper>.cont>.center_line { height:0px;}
#i_org_chart .wrapper>.cont>ul>li>ul { height:0px;}

#i_org_chart .cont { display:table-cell; }
#i_org_chart .cont>ul {display:table-row;}
#i_org_chart .cont.non>.center_line, .cont.non>ul>li>ul{ height:0px;}
#i_org_chart .cont>ul>li { display:table-cell; position:relative; vertical-align:top;}
#i_org_chart .cont>ul>li>ul { clear:both; overflow:hidden;}
#i_org_chart .cont>ul>li>ul>li { height:20px; float:left; width:50%; border-top:2px solid #999; box-sizing:border-box;}
#i_org_chart .cont>ul>li>ul>li:first-child {  border-right:2px solid #999;}
#i_org_chart .cont>ul>li:first-child>ul>li:first-child { border:0px;}
#i_org_chart .cont>ul>li:first-child>ul>li:last-child { border-left:2px solid #999; }
#i_org_chart .cont>ul>li:last-child>ul>li:first-child { border-right:2px solid #999; }
#i_org_chart .cont>ul>li:last-child>ul>li:last-child { border:0px; }

/*박스사이즈에 대한 라인사이즈*/
#i_org_chart .cont .center_line { width:50%; height:20px; border-right:2px solid #999; margin-right:50%; box-sizing:border-box;}

/*박스컨텐츠*/
#i_org_chart .cont>ul>li>.box { width:100px; height:100px; background-color:#fff; display:inline-block; margin:0px 5px; font-size:12px; line-height:15px; text-align:left; font-family:"돋움"; color:#222; border-radius:8px; border: 1px solid #222}
#i_org_chart .cont>ul>li>.box.out {background-color: #ddd;}
#i_org_chart .cont>ul>li>.box>div {padding:5px 3px;}
#i_org_chart .cont>ul>li>.box>div:first-child {cursor:pointer; }
#i_org_chart .cont>ul>li>.box>div:last-child {cursor: pointer; background-repeat:no-repeat; background-image:url(../../../../resources/image/common/icon_chart_m.png); background-position:95px 35px; }
#i_org_chart .cont>ul>li>.box>div>span { display:inline-block; text-align:center; padding:2px 4px 0px 4px; border-radius:4px; color:#FFF; margin-right:5px;}
#i_org_chart .cont>ul>li>.box>div>span.BP { background-color:#306ac6;}
#i_org_chart .cont>ul>li>.box>div>span.PC { background-color:#8a8888;}
#i_org_chart .cont>ul>li>.box .name_btn { background-color:#666; color:#FFF; text-align:center; cursor:pointer;}
#i_org_chart .cont>ul>li>.box .name_btn:hover { background-color:#306ac6; }

/*탈퇴회원*/
#i_org_chart .cont>ul>li>.box.false {background-color:#a7a9ac;}
#i_org_chart .cont>ul>li>.box.false .name_btn { background-color:#888; color:#FFF; text-align:center; cursor:pointer;}
#i_org_chart .cont>ul>li>.box.false .name_btn:hover { background-color:#888; }

/*없음*/
#i_org_chart .cont>ul>li>.box_none { width:110px; height:110px; background-color:#a7a9ac; display:inline-block; font-size:18px; text-align:center; font-family:"돋움"; color:#FFF; border-radius:8px; line-height:110px; margin:0px 5px;}

/*열고/닫기아이콘*/
#i_org_chart .cont>ul>li>.box>div.active {background-image:url(../../../../resources/image/common/icon_chart_p.png); }
#i_org_chart .cont>ul>li>.box>div.non {background-image: none; cursor:default;}

/*등록*/
#i_org_chart .cont>ul>li>.box_write { width:80px; height:70px; background-color:#306ac6; display:inline-block; font-size:18px; text-align:center; font-family:"돋움"; color:#FFF; border-radius:8px; line-height:70px; margin:0px 5px; cursor:pointer;}

/*배치대기방*/
#i_org_chart .cont>ul>li>.box.waiting_box { width:80px; height:70px; background-color:#444; display:inline-block; margin:0px 5px; font-size:12px; line-height:15px; text-align:left; font-family:"돋움"; color:#FFF; border-radius:8px;}
#i_org_chart .cont>ul>li>.box.waiting_box>div { margin:0px 4px; padding:5px 0px 0px; text-align:left; cursor:default;}
#i_org_chart .cont>ul>li>.box.waiting_box>div:last-child {background-position:55px 5px; cursor:pointer; }
#i_org_chart .cont>ul>li>.box.waiting_box>div.non {cursor:default;}
#i_org_chart .cont>ul>li>.box.waiting_box.false {background-color:#a7a9ac;}

/*콘서트팝업180201*/
.con_l_pop { position: relative; width:80%; height: 0px; margin:0 auto;}
.con_l_pop .con_pop {position: absolute; left: 0px; top: 50px; z-index: 100;}
.con_l_pop img {width:100%;}
.bg_box01 {width:100%; background:url("/promotion/images/bottom_bg02.jpg")no-repeat; background-size:100%; overflow:hidden;}

.bg_box01 ul {margin-left:6%; margin-right:6%;}
.bg_box01 h3 {font-size:22px; color:#fff; text-align:center; padding-top:30px; padding-bottom:5px;}
.bg_box01 ul li {font-size:10px; color:#fff; width:22%; text-align:left; margin-right:4%; float:left; letter-spacing:-0.5px;}
.bg_box01 ul li img {padding-top:20px; display:block; padding-bottom:15px;}
.bg_box01 ul li .radiobox{width:13px;height:13px;background:url(../../../image/common/radiobox.gif) no-repeat;border:0; background-size:45px 12px; transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}
.bg_box01 ul li .radiobox:checked{background-position:-32px 0}

.bg_box01 .b_box02 {width:100%; overflow:hidden; }
.bg_box01 .b_box02 img {display:block; margin:0 auto; padding-top:25px; margin-bottom:10px; width:22%;}
.bg_box01 .b_box02 ul { display:block; margin:0 auto; width:22%; margin-bottom:15px; overflow:hidden; }
.bg_box01 .b_box02 ul li {float:left; width:75%; margin-right:0%;}
.bg_box01 .b_box02 ul li:first-child {width:20%; margin-right:3%;}
.bg_box01 .b_box02 ul li .input {width:100%; height:15px; line-height:15px; padding-left:5px; font-size:10px;}

.bg_box01 .b_box03 {width:100%; text-align:center; margin-bottom:30px; }
.bg_box01 .b_box03 .btn01 {display:inline-block; width:40%; height:35px; text-align:center; color:#fff; line-height:35px; background-color:#111; margin-right:4%; }
.bg_box01 .b_box03 .btn01:last-child {margin-right:0%; }

/*20180208 멤버십추가*/
.list-view.membership li { border-bottom:0px;}
.membership li.club { background-color:#FFF; margin-bottom:20px; padding:20px 0px; text-align:center;}
.membership li.club img  { width:200px; display:inline-block; }
.membership li.card { background-color:#FFF;}
.membership li.card .bacode {max-width:400px; min-width:300px; box-sizing:border-box; padding:30px 30px 20px 30px; margin:0 auto;}
.membership li.card .bacode>div {width:100%; height:50px; margin:0 auto; background-size:100%;}
.membership li.card .bacode p{text-align:center; font-size:1.1em; line-height:40px; color:#000;}
.membership li.card .bacode p.time_set{font-size:1.6em; line-height:40px; color:#000;}

.membership li.info { overflow:hidden; border-bottom:0px; background-color: #FFF; margin-top: 20px;}
.membership li.info>div { width:100%; float:left; text-align:center; padding-top:20px; }
.membership li.info>div:first-child img { width:150px;}
.membership li.info .membership_bar { width:100%; height:155px; background-size:140px; background-position:center top; background-repeat:no-repeat; }
.membership li.info .membership_bar img { width:140px; height:95px; margin-top:0px;}
.membership li.info .membership_bar p {font-size:14px;line-height:25px; color:#222; font-weight:bold; }
.membership li.info h2 { display:block; width:90%; line-height:15px; font-size:13px; color:#333; margin:0 auto;}
.membership li.info h2.member { margin-top:70px;}
.membership li.info .membership_bar p span {color:#68497a;}
.membership li.info p { font-size:11px; }

.membership li.info .table_list { padding: 10px 20px;}
.membership li.info .table_list th, .membership li.info .table_list td { line-height: 25px;}


.membership li.text { position:relative; font-size:14px; padding-left:40px; color:#666;}
.membership li.text span { position:absolute; left:0px; top:15px; display:inline-block; width:28px; height:28px; border-radius:5px; background-color:#c744a0; color:#FFF; font-size:20px; line-height:30px; text-align:center; font-weight:bold;}

.membership_info { background-color:#FFF; margin-top:20px;}
.membership_info li.ship_title { background-color:#FFF; padding-left:10px; color:#666;}
.membership_info li.ship_text { margin-bottom:40px; border-bottom:0px; text-align:center; font-size:18px; padding:20px; line-height:30px;}
.membership_list li { color:#666;}
.membership_list li span { display:inline-block; width:100px;}
.membership_list li:last-child { border-bottom:0px;}

.membership_s_list { background-color:#FFF; margin-top:20px;}
.membership_s_list th, .membership_s_list td { border-right: 1px solid #DDD; border-right: 1px solid #DDD; text-align: center; font-weight: 400; }
.membership_s_list th { font-size: 14px; color:#666; }
.membership_s_list td { font-size: 18px; color:#000; }

.membership_s_list th:last-child, .membership_s_list td:last-child { border-right: 0px; }

.membership_s_list li {padding: 20px 0px}

/*회원탈퇴 팝업*/
.member_with .info{ border:1px solid #DDD; padding:15px; background-color:#FFF; margin-bottom:15px;}

/*이월렛*/
.ewallet .info_box {border: 5px solid #DDD; padding: 20px; line-height: 15px; margin:10px 0px; background-color: #FFF; font-size: 12px; }

.img_20 {width:20px;}

/*관리팀 직급자 조회 2023-03-20*/
.grade_list {position:relative; width: 100%; border-top: 1px solid #DDD; margin-top: 20px; padding-top: 20px}
.grade_list>li { position: relative; width: 100%; margin-bottom: 30px;}
.grade_list>li h2 { display:block; width:100%; font-size:15px; line-height: 20px; color:#333; margin-bottom: 10px;  }
.grade_list>li h2 span { color: #985196; margin-right: 5px;}
.grade_list>li p { position: absolute; top: 0px; right: 5px; font-size:15px; line-height: 20px; color: #985196;}
.grade_list>li>div { height:279px; overflow-y:scroll; border-bottom: 1px solid #DDD; background-color: #FFF; }
.grade_list ul { display:flex; border-top: 1px solid #DDD; }
.grade_list ul li { display:flex; align-items:center; justify-content:center; width: 33%; box-sizing:border-box; background-color: #F4F4F4; border-bottom:1px solid #DDD; border-right:1px solid #DDD; font-size:12px; line-height: 20px; color:#333;text-align: center; padding: 12px 5px; }
.grade_list ul li:nth-child(3) { width: 34%; border-right:0px;}
.grade_list table { width: 100%;}
.grade_list table td { font-size:12px; line-height: 20px; padding:5px; color:#666; text-align: center; border-bottom:1px solid #DDD; border-right:1px solid #DDD; background-color: #FFF; }
.grade_list table td:last-child {border-right:0px;}
.grade_list table .stop_member td { color:#aaaaaa; }
.grade_text { padding-top: 10px;}
.grade_text span { display:block; position: relative; padding-left: 15px; margin-bottom: 5px; word-break:keep-all;}
.grade_text span:BEFORE { position: absolute; left: 0px; top:0px; content: "※"}


/* 나라 무게 추가*/
.country_text {font-size: 13px; background-color: #f1eeef; border: 1px solid #855c9a; border-radius: 15px; padding: 3px 10px; vertical-align: middle; display: inline-block; float:right; font-style: normal; color: #855c9a; font-weight: normal; margin-top: 15px;}