@charset "utf-8";

html { -webkit-text-size-adjust:100%; background-color:#ddd; }
html,body { min-height:100%; }
html,body,div,ol,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,a,span,form,input, select { margin:0; padding:0; }
a { border:0; text-decoration:none; font:normal 13px 'Noto Sans KR',sans-serif; color:#333; letter-spacing:-0.03em; }
ul,dl,ol { list-style:none; }
img { max-width:100%; border:0; vertical-align:top; -webkit-user-drag:none; user-drag:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
body { background-color: #f3f4f6; font:normal 13px 'Noto Sans KR',sans-serif; color:#333; letter-spacing:-0.03em; width:100%; max-width:600px; margin:0 auto; height: 100vh; }
body.gray { background:#f3f4f6; }
table { width:100%; border-collapse:collapse; font:normal 13px 'Noto Sans KR',sans-serif; color:#333; letter-spacing:-0.03em; }
textarea { resize:none; }
input[type='text'],input[type='id'],input[type='email'],input[type='tel'],input[type='date'],input[type='password'], input[type='submit'], input[type='button'],input[type='number'],input[type='time'],select,textarea,button { border:0; font:normal 13px 'Noto Sans KR',sans-serif; color:#666; letter-spacing:-0.03em; }
input[type='text'],input[type='id'],input[type='email'],input[type='tel'],input[type='date'],input[type='password'], input[type='submit'], input[type='button'],input[type='number'],input[type='time'],select { width:100%; height:40px; padding:0 16px; border:1px solid #ddd; box-sizing:border-box; border-radius:0;  -webkit-appearance:none; }
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { line-height:20px; }
input[type="checkbox"] + label span { display:inline-block; width:20px; height:20px; margin-right:5px; background:url(../../images/checkbox_off.png) 0 0 no-repeat; background-size:auto 20px; vertical-align:top; }
input[type="checkbox"]:checked + label span { background-image:url(../../images/checkbox_on.png); }
input[type="radio"] { display:none; }
input[type="radio"] + label { line-height:22px; }
input[type="radio"] + label span { display:inline-block; width:22px; height:22px; margin-right:8px; background:url(../../images/radio_off.png) 0 0 no-repeat; background-size:auto 22px; vertical-align:top; }
input[type="radio"]:checked + label span { background-image:url(../../images/radio_on.png); }
select { padding-right:15%; border:1px solid #ddd; background:#f3f4f6 url(../../images/icon_select.png) 92% center no-repeat; background-size:10px auto; }
input[type='submit'].btn_01, a.btn_01 { display:block; width:100%; height:40px; padding:0 16px; border:0; box-sizing:border-box; font-size:14px; font-weight:500; line-height:38px; text-align:center; }
input[type='submit'].btn_02, a.btn_02 { display:block; padding:0 12px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; font-size:13px; line-height:34px; text-align:center; }
input[type='submit'].btn_03, a.btn_03 { display:inline-block; width:200px; border:0; border-radius:20px; font-size:13px; font-weight:500; line-height:40px; color:#fff; text-align:center; }
.btn_black { color:#fff !important; background:#000 !important; }
.btn_gray { color:#fff !important; background:#a0a2a6 !important; }
.btn_gray:hover { background:#000 !important; }
.btn_white { color:#a0a2a6 !important; background:#f3f4f6 !important; }
.btn_red { border-color:#e14f39 !important; color:#fff !important; background:#e14f39 !important; }
.btn_green { color:#fff !important; background:#1ba5ae !important; }
.btn_blue { color:#fff !important;  background: #1ba5af !important;;}
::selection  { color:#fff; background:#2978c1; }
::-moz-selection { color:#fff; background:#2978c1; }
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; }
::-ms-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; }

.en { font-family:'Roboto',sans-serif; }
.orange { color:#e96a29 !important; }
.red { color:#e14f39 !important; }
.blue { color:#3882d6 !important; }
.green { color:#1ba5ae !important; }
.purple { color:#8f69f1 !important; }
.skyblue { color:#4078E7 !important; }
span.gray { color:#999 !important; }
.underline { font-weight:500; color:#333; text-decoration:underline; }
.w_100p { width:100% !important; }
.mt_50 { margin-top:50px !important; }
.mt_40 { margin-top:40px !important; }
.mt_30 { margin-top:30px !important; }
.mt_25 { margin-top:25px !important; }
.mt_20 { margin-top:20px !important; }
.mt_15 { margin-top:15px !important; }
.mt_10 { margin-top:10px !important; }
.mb_10 { margin-bottom:10px; }
.pb_0 { padding-bottom:0 !important; }
.fz_18 { font-size:18px !important; }
.fz_16 { font-size:16px !important; }
.fz_15 { font-size:15px !important; }
.ta_l { text-align:left !important; }
.ta_c { text-align:center; }
.ta_r { text-align:right; }

.radio_tab label { display:inline-block; border:1px solid #bdc4ca; border-left:0; box-sizing:border-box; font-size:13px; line-height:40px !important; color:#aaa; text-align:center; }
.radio_tab input:first-child + label { border-left:1px solid #bdc4ca; }
.radio_tab input:checked + label { border-color:#323743; background:#323743; color:#fff; }

.circular-chart { display:block; }
.circular-chart .circle-bg { fill:none; stroke:#eee; stroke-width:2.0; }
.circular-chart .circle { fill:none; stroke-width:2.0; stroke-linecap:round; animation:progress 1s ease-out forwards; }
.circular-chart .percentage { font-size:0.8em; font-weight:500; letter-spacing:0; text-anchor:middle; }
.circular-chart.orange .circle { stroke:#ffa632; }
.circular-chart.orange .percentage { fill:#ffa632; }
.circular-chart.green .circle { stroke:#17c78b; }
.circular-chart.green .percentage { fill:#17c78b; }
.circular-chart.blue .circle { stroke:#6992ef; }
.circular-chart.blue .percentage { fill:#6992ef; }
.circular-chart.none .circle { stroke:#eee; }
.graph_red .circular-chart .circle { stroke:#e14f39; }
.graph_yellow .circular-chart .circle { stroke:#ffce5a; }
.graph_green .circular-chart .circle { stroke:#a1d784; }

#splash { width:100%; height:100%; position:absolute; background:url(../../images/logo_login.png) center 25% no-repeat; background-size:56px auto; }
#splash p { width:34px; margin-left:-17px; position:absolute; left:50%; bottom:25%; -webkit-animation:rotation 1s infinite linear; }

#wrapper { padding-top:49px; padding-bottom:49px; background-color: #f3f4f6; }
#wrapper.has_logo { padding-top:51px; }
/*#wrapper.has_tab { padding-top:89px; }*/
#wrapper.has_line_tab { padding-top:90px; }
#wrapper.has_big_tab { padding-top:104px; }
#wrapper.has_select_tab { padding-top:91px; }
#wrapper.has_step { padding-top:123px; padding-bottom:0; }
#wrapper.has_step.has_step_notext { padding-top:97px; }
/*#wrapper.has_btn_footer { padding-bottom:70px; }*/
#wrapper.has_footmenu { padding-bottom:50px; }
#container { width:86%; margin:0 auto; padding:20px 0; }
#container.full { width:auto; padding:0; }
#main { background-color: #fff; }

#header { width:100%; height:48px; border-bottom:1px solid #ebebec; position:fixed; max-width:600px; top:0; z-index:2; background:#fff; }
#header h1 { font-size:15px; font-weight:400; line-height:48px; color:#000; text-align:center; }
#header h1 img { width:34px; margin-top:12px; }
#header .logo { position:absolute; left:0; top:0; }
#header .logo a { display:block; width:60px; height:48px; background:url(../../images/logo.png) center no-repeat; background-size:37px auto; }
#header .left { position:absolute; left:0; top:0; }
#header .left a { display:block; padding:0 20px; font-size:14px; font-weight:500; line-height:48px; color:#777; }
#header .right { position:absolute; right:0; top:0; }
#header .right a { display:block; padding:0 20px; font-size:14px; font-weight:500; line-height:48px; color:#777; }
#header .back { position:absolute; left:0; top:0; }
#header .back a { display:block; width:60px; height:48px; background:url(../../images/btn_back.png) center no-repeat; background-size:10px auto; }
#header .menu { position:absolute; left:0; top:0; }
#header .menu a { display:block; width:60px; height:48px; background:url(../../images/btn_menu.png) center no-repeat; background-size:20px auto; }
#header .btn_quick { position:absolute; right:0; top:0; }
#header .btn_quick a { display:block; width:60px; height:48px; background:url(../../images/btn_quick.png) center no-repeat; background-size:20px auto; }
#header .btn_quick a.on { background:url(../../images/btn_quick_close.png) center no-repeat; background-size:30px auto; }
#header .btn_more_menu { position:absolute; right:0; top:0; }
#header .btn_more_menu a { display:block; width:60px; height:48px; background:url(../../images/btn_more_menu.png) center no-repeat; background-size:3px auto; }
#header .btn_more_menu a.on { background:url(../../images/btn_quick_close.png) center no-repeat; background-size:30px auto; }
#header .btn_close { position:absolute; right:0; top:0; }
#header .btn_close a { display:block; width:60px; height:48px; background:url(../../images/btn_close.png) center no-repeat; background-size:14px auto; }
.has_logo #header { height:50px; }
.has_logo #header .btn_quick a { height:50px; }

#tab { width:100%; position:fixed; max-width:600px; top:49px; z-index:2; background:#fff; }
#tab ul { overflow:hidden; }
#tab ul li { width:50%; float:left; border-left:1px solid #ebebec; box-sizing:border-box; text-align:center; }
#tab ul li a { display:block; font-size:13px; font-weight:500; line-height:40px; color:#707070;  background:#fff;  }
#tab ul li.on a { font-weight:500; color:#333; background:#f3f4f5;}
#line_tab { width:100%; max-width:600px; height:40px; border-bottom:1px solid #ebebec; position:fixed; top:49px; z-index:2; background:#fff; }
#line_tab ul { text-align:center; }
#line_tab ul.cnts { display: flex; justify-content: space-around; }
#line_tab ul li { display:inline-block; }
#line_tab ul li a { display:block; padding:0 10px; font-size:13px; line-height:40px; color:#a0a2a6; }
#line_tab ul li.on a { border-bottom:2px solid #333; line-height:39px; font-weight:500; color:#333; }
/* 200610 수정 */
#category { padding:10px 4.5%; }
#category ul { overflow:hidden; border-top:1px solid #ebebec; background:#fff; }
#category ul li { width:50%; border:1px solid #ebebec; border-top:0; box-sizing:border-box; float:left; }
#category ul li:nth-child(2n) { border-left:0; }
#category ul li a { display:block; font-size:13px; line-height:34px; color:#999; text-align:center; }
#category ul li.on a { font-weight:500; color:#333; }
/* //200610 수정 */
#select_tab { width:100%; position:fixed; max-width:600px; top:49px; z-index:2; background:#fff; }
#select_tab select { width:91%; height:42px; margin:0 4.5%; padding:0 4.5%; border:0; border-bottom:2px solid #39cda8; background-color:#fff; background-position:95% center; }

#footmenu { width:100%; padding:0 4.5%; border-top:1px solid #ebebeb; box-sizing:border-box; position:fixed; max-width:600px; bottom: 0; z-index:2; background:#fbfbfb; }
#footmenu ul { overflow:hidden; }
#footmenu ul li { width:20%; float:left; }
#footmenu ul li a { display:block; height:49px; background-repeat:no-repeat; background-position:center; background-size:36px auto; }
#footmenu ul li.on a { background-color:#42484f; }
#footmenu ul li:nth-child(1) a { background-image:url(../../images/bottom_01_off.png); }
#footmenu ul li:nth-child(2) a { background-image:url(../../images/bottom_02_off.png); }
#footmenu ul li:nth-child(3) a { background-image:url(../../images/bottom_03_off.png); }
#footmenu ul li:nth-child(4) a { background-image:url(../../images/bottom_04_off.png); }
#footmenu ul li:nth-child(5) a { background-image:url(../../images/bottom_05_off.png); }
#footmenu ul li:nth-child(1).on a { background-image:url(../../images/bottom_01_on.png); }
#footmenu ul li:nth-child(2).on a { background-image:url(../../images/bottom_02_on.png); }
#footmenu ul li:nth-child(3).on a { background-image:url(../../images/bottom_03_on.png); }
#footmenu ul li:nth-child(4).on a { background-image:url(../../images/bottom_04_on.png); }
#footmenu ul li:nth-child(5).on a { background-image:url(../../images/bottom_05_on.png); }
#footmenu.crm ul li { width:25%; }
#footmenu.crm ul li a { height:49px; text-align:center; background:none; }
#footmenu.crm ul li a img { width:33px; margin-top:8px; }
#footmenu.crm ul li a img:last-child { display:none; }
#footmenu.crm ul li a img:first-child { display:inline; }
#footmenu.crm ul.on li a img:first-child { display:none; }
#footmenu.crm ul.on li a img:last-child { display:inline; }

#quick_menu { width:100%; height:100%; box-sizing:border-box; position:fixed; max-width:600px; top:49px; z-index:3; background:rgba(0,0,0,0.8); display:none; }
#quick_menu.home { top:51px; }
#quick_menu ul.service { float:left; padding-top:4.5%; padding-left:4.5%; }
#quick_menu ul.detail { float:right; padding-top:4.5%; padding-right:4.5%; }
#quick_menu ul.service li { margin-bottom:12px; text-align:left; }
#quick_menu ul.detail li { margin-bottom:12px; text-align:right; }
#quick_menu ul li a { display:block; line-height:40px; }
#quick_menu ul.service li a img { width:40px; margin-right:15px; }
#quick_menu ul.detail li a img { width:40px; margin-left:15px; }
#quick_menu ul li a span { font-size:14px; color:#fff; }
#quick_menu ul.service li:nth-child(1) a span { color:#46d1ae; }
#quick_menu ul.service li:nth-child(2) a span { color:#e34e32; }
#quick_menu ul.service li:nth-child(3) a span { color:#ab61e4; }
#quick_menu ul.service li:nth-child(4) a span { color:#5c9dff; }

#more_menu_div { width:100%; max-width:600px; position: fixed; top: 49px; display: none; }
#more_menu { float: right; }
#more_menu li a { display:block; width:160px; padding-left:56px; box-sizing:border-box; font-size:14px; font-weight:500; line-height:50px; color:#fff; background-color:#42484f; background-repeat:no-repeat; background-position:24px center; background-size:22px auto; }
#more_menu li:nth-child(1) { border-bottom:1px solid #c0c2c4; }
#more_menu li:nth-child(2) { border-bottom:1px solid #c0c2c4; }
#more_menu #modify { background-image:url(../../images/btn_more_menu_01.png); }
#more_menu #refund { background-image:url(../../images/db/btn_more_menu_refund.png); }
#more_menu #delete { background-image:url(../../images/btn_more_menu_02.png); }

#btn_footer { width:100%; max-width:600px; box-sizing:border-box; position:fixed; bottom:0; }
#btn_footer ul.double { overflow:hidden; }
#btn_footer ul.double.full { padding:0; }
#btn_footer ul.double li { width:50%; float:left; }
#btn_footer ul.double.full li { width:50%; }
#btn_footer ul.double li a { background:#1ba5ae !important; }
#btn_footer ul.double li:first-child a { background:#3f67bc !important; }
#btn_footer ul.double li:first-child.white a { border-top:1px solid #eee; background:#fff !important; color:#333; }
#btn_footer ul.double li.orange a { background:#f26522 !important; }
#btn_footer ul li a,
#btn_footer ul li input { display:block; height:50px; font-size:15px; line-height:50px; color:#fff; text-align:center; }

#title { width:100%; height:42px; border-bottom:1px solid #ebebec; position:fixed; left:0; top:52px; z-index:2; background:#fff; }
#title h2 { font-size:13px; font-weight:500; line-height:42px; color:#e14f39; text-align:center; }

#login { padding:100px 13%; }
#login h1 { margin:0 auto 25px; text-align:center; }
#login form p.input { margin-bottom:10px; }
#login form p span { display:block; margin-bottom:5px; color:#777; }
#login form p.checkbox { margin-top:15px; margin-bottom:25px; }
#login form p.checkbox span { display:inline-block; }
#login form p.btn_wrap { text-align:center; }
#login ul { width:100%; padding:20px 0 30px; position:fixed; left:0; bottom:0; font-size:0; text-align:center; background:#f3f4f6;         -webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           overflow-y: visible !important;}
#login ul li { display:inline-block; padding:0 30px; }
#login ul li:first-child { border-right:1px solid #ddd; }

.input_has_title p.title { margin-bottom:7px; }

.warning { margin-top:20px; }
.warning dt { font-size:14px; font-weight:600; color:#3c75ea; }
.warning dt img { width:15px; margin-top:4px; margin-right:6px; vertical-align:top; }
.warning dd { margin-top:10px; font-size:13px; line-height:140%; color:#666; word-break:keep-all; }

#find_form .title h2 { font-size:13px; font-weight:500; line-height:34px; color:#e14f39; text-align:center; }
#find_form .title .info { margin:-20px -8% 0; padding:24px; font-size:13px; text-align:center; }
#find_form .title .info dt { margin-bottom:8px; font-size:14px; font-weight:500; }
#find_form .title .info strong { font-weight:600; }
form .email_list { border-bottom:1px solid #ddd; }
form .email_list li { padding:0 16px; border:1px solid #ddd; border-bottom:0; line-height:40px; }
#find_form form .input > .security { float:right; margin-top:2px; padding-right:16px; font-size:12px; color:#777; }
#find_form form .input > .security em { font-style:normal; font-weight:500; }
#find_form > p { text-align:center; }
#find_form > p > a { display:inline-block; }

#join_terms .title { margin-bottom:20px; overflow:hidden; }
#join_terms .title h2 { float:left; font-size:14px; font-weight:500; line-height:34px; }
#join_terms .title a { display:inline-block; padding:0 20px 0 35px; border:0; border-radius:4px; float:right; font-size:12px; line-height:32px; color:#888; background-color:#eff0f3; background-image:url(../../images/btn_all_off.png); background-position:18px center; background-repeat:no-repeat; background-size:auto 9px; }
#join_terms .title a.on { color:#fff; background-color:#1ba5ae; background-image:url(../../images/btn_all_on.png); }
#join_terms form > div { margin-bottom:30px; }
#join_terms form > div > div { padding:20px 15px; border-top:1px solid #b2bac1; border-bottom:1px solid #b2bac1; box-sizing:border-box; font-size:13px; color:#777; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; }
#join_terms form .checkbox { margin-bottom:8px; }
#join_terms form .checkbox label { font-size:13px; font-weight:500; }

#join_form .title h2 { font-size:15px; font-weight:500; line-height:34px; }
#join_form .title h2 span { margin-left:8px; font-size:13px; color:#999; }
#join_form .title .info { margin:-20px -8% 0; padding:24px; font-size:13px; text-align:center; }
#join_form .title .info dt { margin-bottom:8px; font-size:14px; font-weight:500; }
#join_form .title .info strong { font-weight:600; }
.input_email { overflow:hidden; }
.input_email p.email { border:1px solid #ddd; text-align:center; }
.input_email p.email input { width:50%; border:0; }
.input_email p.email span { position:absolute; display:inline-block; margin-left:-6px; font-size:13px; line-height:40px; }
.input_email select { width:100%; float:right; margin-top:8px; }
.input_wrap .info { display:block; padding-top:3px; padding-left:16px; font-size:12px; color:#1ba5ae; }
form ul.info { margin-top:15px; }
form ul.info li { margin-top:8px; padding-left:20px; font-size:13px; line-height:140%; color:#666; background:url(../../images/icon_info.png) 0 2px no-repeat; background-size:15px auto; word-break:keep-all; }
form ul.info li:first-child { margin-top:0; }
#join_form form .input_wrap > p.input { margin-top:12px; }
#join_form form .input_wrap > p:first-child { margin-top:0; }
#join_form form .input > .info,
#join_form form .input_email .info { display:inline-block; margin-top:3px; padding-left:16px; font-size:11px; color:#777; }

.input_wrap > div { font-size:0; }
.input_wrap > div .title { margin-bottom:8px; font-size:13px; font-weight:500; }
.input_wrap > div .title span { margin-left:3px; font-weight:400; color:#999; }
.input_wrap > div.input_personal input { width:46%; }
.input_wrap > div.input_personal .input span { display:inline-block; width:8%; font-size:16px; text-align:center; }
.input_wrap > div.input_phone select { display:inline-block; width:30%; margin-right:3%; }
.input_wrap > div.input_phone input { display:inline-block; width:67%; }
.input_wrap > div.double { overflow:hidden; }
.input_wrap > div.double > div { width:45%; float:right; }
.input_wrap > div.double > div:first-child { float:left; }
.input_wrap > div.double > div.input_credit_date input { width:50%; }
.input_wrap > div.double > div.input_credit_date input:first-child { border-right:0; }
.input_wrap .input_radio_wrap > ul { margin-top:10px; }
.input_wrap .input_radio_wrap > ul li { padding:9px 15px; border:1px solid #ddd; border-top:0; font-size:13px; }
.input_wrap .input_radio_wrap > ul li:first-child { border-top:1px solid #ddd; }

#home .area_01 p { padding:0 4.5%; font-weight:500; line-height:50px; background:#fff; }
#home .area_02 { padding:15px 4.5%; background:#f3f4f5; }
#home .area_02 ul { overflow:hidden; /*overflow-x: scroll;*/ white-space: nowrap; }
#home .area_02 ul li { width:48%; float: left; display: inline-block; margin: 0px 1%; }
/* #home .area_02 ul li:first-child { float:left; } */
#home .area_02 ul li:nth-child(1) { margin-bottom: 2%; }
#home .area_02 ul li:nth-child(2) { margin-bottom: 2%; }
#home .area_02 ul li a { display:block; padding:12px 0; border-radius:4px; text-align:center; background:#fff; }
#home .area_02 ul li a img { width:27px; margin-top:4px; margin-right:15px; }
#home .area_02 ul li a dl { display:inline-block; text-align:left; }
#home .area_02 ul li a dl dt { font-size:14px; font-weight:500; }
#home .area_02 ul li a dl dd { font-size:12px; color:#999; }
#home .area_03 { background:#fff; }
#home .area_03 .top { padding:20px 4.5% 10px; overflow:hidden; }
#home .area_03 .top p { float:left; font-weight:500; }
#home .area_03 .top a { display:inline-block; padding-right:15px; float:right; color:#999; background:url(../../images/btn_arrow.png) right center no-repeat; background-size:6px auto; }
#home .area_03 .top a strong { font-weight:700; color:#333; letter-spacing:0; }
#home .area_03 .bottom { border-top:1px solid #eee; }
#home .area_03 .bottom li { overflow:hidden; border-bottom:1px solid #eee; }
#home .area_03 .bottom li .left { width:40%; padding:19px 4.5%; box-sizing:border-box; float:left; color:#fff; }
#home .area_03 .bottom li:nth-child(1) .left { background:#39cda8; }
#home .area_03 .bottom li:nth-child(2) .left { background:#1ba5ae; }
#home .area_03 .bottom li:nth-child(3) .left { background:#3882d6; }
#home .area_03 .bottom li:nth-child(4) .left { background:#3f67bc; }
#home .area_03 .bottom li .left img { width:18px; margin-right:15px; }
#home .area_03 .bottom li .left p { display:inline-block; line-height:18px; }
#home .area_03 .bottom li .right { width:60%; padding:0 4.5% 0 0; box-sizing:border-box; float:right; }
#home .area_03 .bottom li .right a { display:block; padding-right:30px; background:url(../../images/btn_arrow.png) right center no-repeat; background-size:6px auto; text-align:right; }
#home .area_03 .bottom li .right a dl { display:inline-block; margin-top:7px; vertical-align:top; }
#home .area_03 .bottom li .right a dl dt { font-size:12px; color:#999; }
#home .area_03 .bottom li:nth-child(1) .right a dl:first-child dd { color:#39cda8; }
#home .area_03 .bottom li:nth-child(2) .right a dl:first-child dd { color:#1ba5ae; }
#home .area_03 .bottom li:nth-child(3) .right a dl:first-child dd { color:#3882d6; }
#home .area_03 .bottom li:nth-child(4) .right a dl:first-child dd { color:#3f67bc; }
#home .area_03 .bottom li .right a dl dd span { font-size:16px; font-weight:500; letter-spacing:0; }
#home .area_03 .bottom li .right a .slash { display:inline-block; width:45px; height:57px; background:url(../../images/slash.png) center center no-repeat; background-size:7px auto; vertical-align:top; }
#home .area_04 .banner { line-height:80px; color:#ccc; text-align:center; }
#home .area_04 .sns { overflow:hidden; }
#home .area_04 .sns li { width:50%; float:left; }
#home .area_04 .cs { padding:17px 4.5%; overflow:hidden; background:#5a6674; }
#home .area_04 .cs .left { float:left; }
#home .area_04 .cs .left img { width:40px; margin-top:2px; margin-right:15px; }
#home .area_04 .cs .left dl { display:inline-block; color:#fff; }
#home .area_04 .cs .left dl dt { font-size:17px; letter-spacing:0; }
#home .area_04 .cs .right { width:40%; margin-top:3px; float:right; font-size:12px; color:#ccc; }
#home .area_04 .cs .right p:first-child { margin-bottom:2px; }


.date_area { padding:12px 4.5%; background:#fff; }
.date_area .btn_date { display:inline-block; padding-right:25px; background:url(../../images/btn_arrow.png) 94% center no-repeat; background-size:6px auto; }
.date_area .btn_date img { width:27px; margin-right:5px; }
.date_area .btn_date span { line-height:26px; color:#1ba5ae; letter-spacing:0; }
/* 200610 수정 */
.category_area { padding:0 4.5% 12px; background:#fff; }
.category_area ul { overflow:hidden; }
.category_area ul li { width:25%; border:1px solid #ddd; border-left:0; box-sizing:border-box; float:left; }
.category_area ul li:first-child { border-left:1px solid #ddd; }
.category_area ul li.on { border-color:#42484f; background:#42484f; }
.category_area ul li a { display:block; font-size:13px; line-height:32px; text-align:center; }
.category_area ul li.on a { color:#fff; }
/* //200610 수정 */
#user_list .sort_area { padding:20px 4.5% 12px; text-align:right; font-size:0; }
#user_list .sort_area li { display:inline-block; border-left:1px solid #ddd; }
#user_list .sort_area li:first-child { border-left:0; }
#user_list .sort_area li:last-child a { padding-right:0; }
#user_list .sort_area li a { display:block; padding:0 13px; font-size:12px; color:#999; }
#user_list .sort_area li.on a { font-weight:500; color:#333; }
#user_list .search_area { padding:20px 4.5%; background:#fff; }
#user_list .search_area .top { margin-bottom:17px; overflow:hidden; }
#user_list .search_area .top p { float:left; color:#999; }
#user_list .search_area .top p strong { color:#333; }
#user_list .search_area .top p span { font-size:16px; font-weight:500; color:#1ba5ae; }
#user_list .search_area .top a { display:inline-block; float:right; line-height:24px; }
#user_list .search_area .top a img { width:12px; margin-top:6px; margin-right:4px; vertical-align:top; }
#user_list .search_area .body { border-bottom:1px solid #ddd; }
#user_list .search_area .body .search { padding:0 50px 0 40px; border:1px solid #ddd; border-bottom:0; background:#f3f4f5; position:relative; }
#user_list .search_area .body .search img { width:16px; position:absolute; left:16px; top:11px; }
#user_list .search_area .body .search input[type='text'] { height:38px; padding:0; border:0; background:none; }
#user_list .search_area .body .search input[type='submit'] { width:auto; height:38px; border:0; padding:0 16px; position:absolute; right:0; top:0; background:none; }
#user_list .search_area .body ul { overflow:hidden; }
#user_list .search_area .body ul li { width:50%; border:1px solid #ddd; border-bottom:0; box-sizing:border-box; float:left; }
#user_list .search_area .body ul li:first-child { border-right:0; }
#user_list .search_area .body ul li a { display:block; font-weight:500; line-height:38px; text-align:center; }
#user_list .search_area .body ul li a img { width:12px; margin-top:13px; margin-right:8px; }
#user_list .search_area .body ul li a img:nth-child(2) { display:none; }
#user_list .search_area .body ul li.on a { color:#fff; background:#42484f; }
#user_list .search_area .body ul li.on a img:nth-child(1) { display:none; }
#user_list .search_area .body ul li.on a img:nth-child(2) { display:inline; }
#user_list .search_area .result { margin:12px 10px 0; padding-right:34px; position:relative; font-size:12px; color:#777; }
#user_list .search_area .result > a { display:block; width:24px; position:absolute; right:0; top:0; }
#user_list .search_area .result > span { display:inline-block; margin-right:8px; padding:0 10px; border-radius:12px; font-size:12px; line-height:24px; color:#fff; }
#user_list .search_area .result > span.period { background:#2dcea8; }
#user_list .search_area .result > span.memo { background:#5c9dff; }
#user_list .search_area .result ul { margin-bottom:-10px; overflow:hidden; }
#user_list .search_area .result ul li { float:left; margin-bottom:10px; margin-right:5px; padding:0 5px; border-width:1px; border-style:solid; border-radius:12px; font-size:12px; line-height:22px; color:#777 !important; }
#user_list .search_area .result ul li.green { border-color:#2dcea8; }
#user_list .search_area .result ul li.blue { border-color:#5c9dff; }
#user_list .search_area .result ul li.purple { border-color:#8f69f1; }
#user_list .search_area .result ul li.skyblue { border-color:#4078E7; }
#user_list .search_area .bottom { margin-top:25px; text-align:right; }
#user_list .search_area .bottom > p { display:inline-block; }
#user_list .search_area .bottom > p select { width:100px; height:30px; border-color:#ddd; border-radius:4px; margin-left:16px; padding-left:12px; background-position:90% center; }
#user_list .edit_area { width:100%; padding:20px 4.5% 15px; box-sizing:border-box; overflow:hidden; background:#f3f4f6; transition:background 0.3s, padding 0.3s; }
#user_list .edit_area p { float:left; line-height:30px; color:#777; }
#user_list .edit_area p strong { color:#333; }
#user_list .edit_area > a { display:inline-block; padding:0 12px; border:1px solid #ddd; border-radius:4px; float:right; font-size:12px; font-weight:500; line-height:28px; background:#fff; }
#user_list .edit_area > a img { width:10px; margin-top:10px; margin-right:3px; }
#user_list .edit_area > a.on { border-color:#42484f; color:#fff; background:#42484f; }
#user_list .user_list_area .select_all { margin-bottom:8px; padding:15px 4.5%; border-top:1px solid #eee; border-bottom:1px solid #ddd; background:#fff; }
#user_list .user_list_area > ul > li { margin-bottom:8px; padding:15px 4.5%; border-bottom:1px solid #ddd; background:#fff; overflow:hidden; }
#user_list .user_list_area > ul > li .top { margin-bottom:10px; overflow:hidden; }
#user_list .user_list_area > ul > li .top > a { display:block; float:left; }
#user_list .user_list_area > ul > li .top > a dl dt { display:inline; margin-right:2px; font-size:15px; }
#user_list .user_list_area > ul > li .top > a dl dd:nth-child(2) { display:inline; font-size:12px; color:#aaa; letter-spacing:0; }
#user_list .user_list_area > ul > li .top > a dl dd:nth-child(3) { display:block; color:#777; letter-spacing:0; }
#user_list .user_list_area > ul > li .top > div { float:right; text-align:right; }
#user_list .user_list_area > ul > li .top > div a { display:inline-block; margin-left:5px; vertical-align:top; }
#user_list .user_list_area > ul > li .top > div a.btn_dm { padding:0 12px; border-radius:11px; font-size:12px; line-height:26px; background:#eff0f3; }
#user_list .user_list_area > ul > li .top > div a.btn_dm img { width:10px; margin-top:9px; margin-right:3px; }
#user_list .user_list_area > ul > li .top > div a.btn_favorite {border-radius:50%; background-color:#eeeeee; display:inline-block; width:26px; height:26px; background-position:center; background-repeat:no-repeat; background-size:14px auto; background-image:url(../../images/btn_favorite_off.png); }
#user_list .user_list_area > ul > li .top > div a.btn_favorite.on { background-image:url(../../images/btn_favorite_on.png); }
#user_list .user_list_area > ul > li .middle { overflow:hidden; border-bottom: 1px dashed #ddd; margin-top: -33px; margin-bottom: 6px; padding-bottom: 6px;}
#user_list .user_list_area > ul > li .bottom { overflow:hidden; }
/* 200610 수정 */
#user_list .user_list_area > ul > li .middle .left { width:100%; margin-top:-5px; margin-bottom:10px; float:left; font-size:0; }
#user_list .user_list_area > ul > li .middle .left li { min-width:90px; margin-right:7px; margin-top:5px; float:left; vertical-align:top; }
#user_list .user_list_area > ul > li .bottom .left { width:100%; margin-top:-5px; margin-bottom:10px; float:left; font-size:0; }
#user_list .user_list_area > ul > li .bottom .left li { min-width:90px; margin-right:7px; margin-top:5px; float:left; vertical-align:top; }
/* //200610 수정 */
#user_list .user_list_area > ul > li .middle .left li img { width:32px; margin-right:5px; vertical-align:bottom; }
#user_list .user_list_area > ul > li .middle .left li span { display:inline-block; padding-bottom:2px; font-size:12px; line-height:130%; color:#777; vertical-align:bottom; }
#user_list .user_list_area > ul > li .middle .right { float:right; font-size:0; }
#user_list .user_list_area > ul > li .middle .right li { display:inline-block; margin-left:10px; }
#user_list .user_list_area > ul > li .middle .right li:first-child { margin-left:0; }
#user_list .user_list_area > ul > li .middle .right li img { width:36px; }
#user_list .user_list_area > ul > li .bottom .left li img { width:32px; margin-right:5px; vertical-align:bottom; }
#user_list .user_list_area > ul > li .bottom .left li span { display:inline-block; padding-bottom:2px; font-size:12px; line-height:130%; color:#777; vertical-align:bottom; }
#user_list .user_list_area > ul > li .bottom .right { float:right; font-size:0; }
#user_list .user_list_area > ul > li .bottom .right li { display:inline-block; margin-left:10px; }
#user_list .user_list_area > ul > li .bottom .right li:first-child { margin-left:0; }
#user_list .user_list_area > ul > li .bottom .right li img { width:36px; }
#user_list.date_expand .user_list_area > ul > li .top > a dl { margin-top:10px; }
#user_list.date_expand .user_list_area > ul > li .bottom { margin-top:-20px; }
#user_list.crm .user_list_area > ul > li > div.graph { width:20%; margin-top:15px; padding-right:4.5%; box-sizing:border-box; float:left; }
#user_list.crm .user_list_area > ul > li > div.graph svg { background-position:center 28%; background-repeat:no-repeat; background-size:40% auto; }
#user_list.crm .user_list_area > ul > li > div.graph.user_male svg { background-image:url(../../images/icon_user_male.png); }
#user_list.crm .user_list_area > ul > li > div.graph.user_female svg { background-image:url(../../images/icon_user_female.png); }
#user_list.crm .user_list_area > ul > li > div.info { width:80%; padding-left:4.5%; border-left:1px solid #eee; box-sizing:border-box; float:right; }
#user_list.crm .user_list_area > ul > li > div.info .bottom .left { padding-top:3px; }
#user_list.crm .user_list_area > ul > li > div.info .bottom .left li { margin-right:0; margin-left:-1px; }
#user_list.crm .user_list_area > ul > li > div.info .bottom .left li:first-child { margin-left:0; }
#user_list.crm .user_list_area > ul > li > div.info .bottom .left li img { margin-right:0; }
#user_list.crm .user_list_area > ul > li > div.info .top > div a.btn_favorite { border-radius:50%; background-color:#eee; }
/* 200610 수정 */
#user_list.crm .user_list_area > ul > li > div.date { width:100%; margin-top:12px; padding-top:12px; border-top:1px dashed #ddd; float:left; }
#user_list.crm .user_list_area > ul > li > div.date ul { margin-top:-5px; overflow:hidden; }
#user_list.crm .user_list_area > ul > li > div.date ul li { width:30%; margin-top:5px; margin-right:5%; float:left; font-size:0; }
#user_list.crm .user_list_area > ul > li > div.date ul li:nth-child(3n) { margin-right:0; }
#user_list.crm .user_list_area > ul > li > div.date ul li img { width:30px; margin-right:5px; vertical-align:bottom; }
#user_list.crm .user_list_area > ul > li > div.date ul li span { display:inline-block; padding-bottom:2px; font-size:12px; line-height:30px; color:#777; vertical-align:bottom; }
#user_list.crm .user_list_area > ul > li > div.date ul li span.two_lines {margin-bottom:2px; line-height:120%; }
/* //200610 수정 */
#user_list.crm .user_list_area > ul > li > div.date
#user_list.crm_edit .user_list_area > ul > li > div.checkbox { width:11%; height:117px; margin:-15px 0; padding-right:4.5%; border-right:1px solid #ddd; box-sizing:border-box; float:left; text-align:center; }
#user_list.crm_edit .user_list_area > ul > li > div.checkbox span { margin:0; padding:49px 0; background-position:center; }
#user_list.crm_edit .user_list_area > ul > li > div.graph { width:24.5%; padding-left:3.5%; padding-right:3.5%; }
#user_list.crm_edit .user_list_area > ul > li > div.info { padding-left:4.5%; width:64.5%; }
#user_list.crm_edit .user_list_area > ul > li > div.info .top > div a.btn_favorite { border-radius:50%; background-color:#fff; }
#user_list.crm.crm_details .user_list_area > ul > li { margin:0; }
#user_list.crm.crm_details .user_list_area > ul > li > div.info { padding:5px 0 5px 2%; border-left:0; }
#user_list.crm.crm_details .user_list_area > ul > li .top > a dl dd:nth-child(2) { line-height:22px; }
#user_list.crm.crm_details .user_list_area > ul > li > div.info .bottom .left li { margin-left:0; margin-right:10px; }
#user_list.crm.crm_details .user_list_area > ul > li > div.info .bottom .left li img { margin-right:5px; }
#user_list.target_add .search_area .tab_contents { margin-top:15px; text-align:center; }
#user_list.target_add .edit_area p { line-height:inherit; }
#user_list.target_add .edit_area p:last-child { float:right; }
#user_list.target_select .edit_area { background:#fff; }
#user_list.target_select .edit_area p a img { width:26px; margin-top:2px; margin-left:12px; }
#user_list.target_select .edit_area > a { border:1px solid #ddd; border-radius:0; color:#333; background:#fff; }
#user_list.target_select .user_list_area > ul > li { border-top:1px solid #ddd; }
#user_list.target_select .user_list_area > ul > li > div.checkbox a { display:block; padding:32px 0; }
#user_list.on .edit_area { padding:8px 4.5%; border-bottom:1px solid #ebebec; position:fixed; left:0; top:49px; background:#fff; }

#crm_write .area > .label { padding:10px 4.5%; font-size:14px; font-weight:500; }
#crm_write .area > .label span { font-size:13px; font-weight:400; color:#999; }
#crm_write .area .input_wrap { padding:16px 4.5% 20px; background:#fff; }
#crm_write .area .input_wrap input[type='date'] { width:160px; background:#fff; }
#crm_write .area .input_wrap .input_email select { background-color:#fff; }
#crm_write .area .input_wrap a.btn_add { display:block; margin-top:6px; border:1px solid #eee; font-weight:500; line-height:38px; text-align:center; background:#fcfcfc; }
#crm_write .area .input_wrap a.btn_add img { width:10px; margin-top:15px; margin-right:5px; }
.tab_contents { font-size:0; }
.tab_contents li { display:inline-block; margin-left:-1px; border:1px solid #ddd; border-left:0; box-sizing:border-box; position:relative; }
.tab_contents li:first-child { margin-left:0; border-left:1px solid #ddd; }
.tab_contents li.on { border:1px solid #333 !important; }
.tab_contents li a { display:inline-block; padding:0 13px; line-height:38px; color:#aaa; }
.tab_contents li.on a { color:#333; }
.input_md input { width:123px; }
.input_birthday { width:100%;}
.input_birthday .birthday { overflow:hidden; font-size:0; }
.input_birthday .birthday input { width:200px; margin-right:4px; float:left; background:#fff; }
.input_birthday .birthday > a { display:block; width:65px; height:40px; float:left; text-align:center; }
.input_birthday .birthday > a img { width:32px; margin-top:4px; }
.input_birthday .birthday ul { float:right; height: 40px;}
.input_birthday .birthday div { padding-top:6px; padding-right:50px; position:relative; overflow:hidden; float:none; }
.input_birthday .birthday div a { display:block; padding:10px 15px; position:absolute; right:0; top:6px; background:#fff; }
.input_birthday .birthday div a img { width:20px; }
.input_address .search { overflow:hidden; }
.input_address .search input { width:160px; margin-right:4px; float:left; }
.input_address .search > a { display:block; width:40px; height:40px; float:left; text-align:center; }
.input_address .search > a img { width:32px; margin-top:4px; }
.input_address textarea { display:block; width:100%; height:60px; margin-top:6px; padding:10px 16px; box-sizing:border-box; border:1px solid #ddd; }
.input_file .title { margin-bottom:15px !important; font-size:13px !important; font-weight:400 !important; }
.input_file p { font-size:12px; }
.input_file .search { overflow:hidden; }
.input_file .search input { width:240px; margin-right:4px; float:left; }
.input_file .search > a { display:block; width:40px; height:40px; float:left; text-align:center; }
.input_file .search > a img { width:32px; margin-top:4px; }
.input_file textarea { display:block; width:100%; height:60px; margin-top:6px; padding:10px 16px; box-sizing:border-box; border:1px solid #ddd; }
.input_memo .title { overflow:hidden; }
.input_memo .title span { padding-right:10px; float:right; }
.input_memo textarea { display:block; width:100%; height:120px; padding:10px 16px; box-sizing:border-box; border:1px solid #ddd; }
.tag_wrap p { text-align:right; }
.tag_wrap p a { display:inline-block; padding:0 12px; border:1px solid #ddd; line-height:32px; color:#1ba5ae; }
.tag_wrap p a img { width:10px; margin-top:11px; margin-right:7px; }
.tag_wrap .tags { overflow:hidden; }
.tag_wrap .tags li { float:left; margin-top:10px; margin-right:5px; padding:0 10px; border-width:1px; border-style:solid; border-radius:14px; font-size:13px; line-height:28px; color:#777 !important; }
.tag_wrap .tags li.btn_tag { border-style:dashed; border-color:#ccc; cursor:pointer; }
.tag_wrap .tags li.green { border-color:#2dcea8; }
.tag_wrap .tags li.blue { border-color:#5c9dff; }
.tag_wrap .tags li.purple { border-color:#8f69f1; }
.tag_wrap .tags li.skyblue { border-color:#4078E7; }


#crm_details { margin-bottom:-20px; }
#crm_details .top { padding:12px 4.5%; }
#crm_details .top ul { margin-bottom:10px; font-size:0; text-align:center; }
#crm_details .top ul li { display:inline-block; margin-left:13px; }
#crm_details .top ul li:first-child { margin-left:0; }
#crm_details .top ul li img { width:38px; }
#crm_details .top .memo { padding:12px 20px 12px 40px; border-radius:4px; background:#fff url(../../images/icon_pencil.png) 20px 16px no-repeat; background-size:11px auto; }
#crm_details .bottom { padding:25px 4.5% 40px; background:#fff; }
#crm_details .bottom .area { margin-top:30px; }
#crm_details .bottom .area:first-child { margin-top:0; }
#crm_details .bottom .area .label { padding:0 15px 10px; font-size:14px; font-weight:500; overflow:hidden; }
#crm_details .bottom .area .label a { display:inline-block; padding-right:15px; float:right; color:#777; background:url(../../images/btn_arrow.png) right center no-repeat; background-size:6px auto; }
#crm_details .bottom .area .table { border:1px solid #ddd; }
#crm_details .bottom .area .table .row { padding:12px 15px; border-top:1px solid #ddd; overflow:hidden; }
#crm_details .bottom .area .table .row:first-child { border-top:0; }
#crm_details .bottom .area .table .row .left { float:left; font-weight:500; color:#999; }
#crm_details .bottom .area .table .row .right { max-width:70%; float:right; text-align:right; letter-spacing:0; color:#333; }
#crm_details .bottom .area .table .row .right.ta_l { text-align:left; }
#crm_details .bottom .area .table .row .right.birthday span { display:inline-block; width:16px; margin-right:5px; border:1px solid #333; font-size:11px; font-weight:500; line-height:16px; text-align:center; }
#crm_details .bottom .area .table .row .right.text_link a { color:#3f67bc; text-decoration:underline; letter-spacing:0; }
#crm_details .bottom .area .table .row .right.file a { color:#3f67bc; text-decoration:underline; letter-spacing:0; }
#crm_details .bottom .area .table .row .right.file span { display:inline-block; height:19px; margin-left:8px; position:relative; top:-3px; }
#crm_details .bottom .area .table .row .right.file span img { width:25px; }
#crm_details .bottom .area .table .row .left.history span { display:inline-block; margin-left:25px; font-weight:400; color:#333; }
#crm_details .bottom .area .table .btn { border-top:1px solid #ddd; overflow:hidden; overflow:hidden; }
#crm_details .bottom .area .table .btn li { width:50%; box-sizing:border-box; float:left; }
#crm_details .bottom .area .table .btn li:first-child { border-right:1px solid #ddd; background:#f3f5f6; }
#crm_details .bottom .area .table .btn li a { display:block; font-weight:500; line-height:43px; text-align:center; }
#crm_details .bottom .area .table .btn li a img { height:17px; margin-top:13px; margin-right:6px; }
#crm_details .bottom .area .tag_wrap { padding:15px; border:1px solid #ddd; }
#crm_details .bottom .area .tag_wrap ul { margin-top:-10px; }
#crm_details .bottom .area .tag_wrap ul li { padding:0 8px; font-size:12px; }
#crm_details .bottom .area .point { margin-bottom:10px; padding:12px 15px; background:#f3f5f6; overflow:hidden; }
#crm_details .bottom .area .point .left { float:left; font-weight:500; color:#999; }
#crm_details .bottom .area .point .right { float:right; font-size:14px; font-weight:700; letter-spacing:0; }

#settings .top { margin-bottom:-35px; padding:20px 4.5% 50px; color:#fff; background:#1ba5ae; overflow:hidden; }
#settings .top .thumb { width:50px; margin-right:20px; float:left; }
#settings .top div { padding-top:3px; float:left; }
#settings .top div p { color:#fff; }
#settings .top div p:first-child { font-weight:500; }
#settings .top div p:first-child span { margin-right:2px; font-size:15px; }
#settings .top div p:last-child { letter-spacing:0; }
#settings .top div p:last-child span { display:inline-block; width:20px; font-size:11px; text-align:center; vertical-align:top; opacity:0.6; }
#settings .button { width:91%; margin:0 auto; border-bottom:1px solid #ebebec; border-radius:4px; box-shadow:0 0 5px rgba(0,0,0,0.1); overflow:hidden; background:#fff; }
#settings .button li { float:left; width:33%; border-left:1px solid #ebebec; box-sizing:border-box; }
#settings .button li:first-child { border-left:0; }
#settings .button li:nth-child(2) { width:34%; }
#settings .button li a { display:block; padding:12px 0; color:#777; text-align:center; }
#settings .button li a img { width:18px; }
#settings .button li a span { display:block; margin-top:5px; }
#settings .txt > div > p { padding:22px 4.5% 8px; font-size:13px; font-weight:500; }
#settings .txt > div > p a img { width:23px; margin-top:-2px; margin-left:8px; }
#settings .txt > div > p > .btn_green { display:block; width:70px; margin-top:-10px; float:right; font-size:12px; line-height:30px; text-align:center; margin-right : 5px;}
#settings .txt > div > ul li { border-bottom:1px solid #ebebec; padding:8px 4.5%; background:#fff; overflow:hidden; }
#settings .txt > div > ul li:last-child { border-bottom:0; }
#settings .txt > div > ul li p { float:left; font-size:13px; line-height:32px; }
#settings .txt > div > ul li p:first-child { width:25%; font-weight:500; color:#999; }
#settings .txt > div > ul li p span { display:inline-block; margin-right:5px; padding:0 8px; border:1px solid #2bc59f; border-radius:9px; font-size:11px; line-height:18px; font-weight:500; color:#2bc59f; }
#settings .txt > div > ul li div { float:right; overflow:hidden; }
#settings .txt > div > ul li div a { display:block; width:70px; border:1px solid #ddd; float:left; font-size:12px; line-height:30px; text-align:center; }
#settings .txt > div > ul li div a:last-child { margin-left:8px; }
#settings .txt > div > ul li div a.btn_green { border-color:#1ba5ae; color:#fff; background:#1ba5ae; }
#settings .txt > div > ul li div a.btn_gray { border-color:#8a9098; color:#fff; background:#8a9098 !important; }
/* 200612 수정 */
#settings .point_pay { padding:15px 4.5%; background:#fff; }
#settings .point_pay .head { overflow:hidden; line-height:180%; display:table; height:100%; width:100%; }
#settings .point_pay .head > dl { width:30%; display:table-cell; vertical-align: middle; }
#settings .point_pay .head > dl dd { display:block; font-weight:700; color:#1ba5ae; text-align:center; font-size:large; }
#settings .point_pay .head > ul { width:65%; display:table-cell; vertical-align: middle; /* margin-left:5%; */ /* padding-left:5%; */ border-left:1px solid #eee; box-sizing:border-box; }
#settings .point_pay .head > ul li { width:45%; text-align:left; margin-left:9px; float:left; padding-bottom:5px;}
#settings .point_pay .head > ul li:nth-child(2n) { margin-right:0; text-align:left;}
#settings .point_pay .head > ul li span { display:inline-block; padding-left:10px; padding-right: 15px; float:right;}
#settings .point_pay .foot { margin-top:15px; padding-top:15px; border-top:1px solid #eee; }
#settings .point_pay .foot dl { color:#777; line-height:180%; overflow:hidden; margin-bottom: 5px; }
#settings .point_pay .foot dl dt { display:inline-block; width:25%; }
#settings .point_pay .foot dl dd { display:inline-block; font-weight:500; color:#2bc59f; }
#settings .point_pay .foot dl dd:last-child { float:right; color:#777; letter-spacing:0; }
/* //200612 수정 */
#settings .setting_list { padding:30px 4.5%; }
#settings .setting_list li { border:1px solid #ebebec; border-top:0; background:#fff; }
#settings .setting_list li a { display:block; padding:0 4.5%; line-height:40px; background:url(../../images/btn_arrow.png) 94% center no-repeat; background-size:6px auto; }
#settings .setting_list li:first-child { border-top:1px solid #ebebeb; }
#settings .setting_list li:last-child { margin-top:20px; border-top:1px solid #ebebeb; }
#settings .setting_list li:last-child a { color:#999; }
#settings > p { padding-top:25px; padding-bottom:10px; text-align:center; }
#settings > p a { display:inline-block; padding:10px 35px; border:1px solid #999; font-size:13px; font-weight:500; color:#999; }

#settings_faq { padding-top:10px; }
#settings_faq ul li dl { font-size:13px; word-break:keep-all; }
#settings_faq ul li dl dt { padding:12px 13% 12px 20px; border:1px solid #eee; border-bottom:0; background:url(../../images/bg_select.png) 94% center no-repeat; background-size:10px auto; overflow:hidden; }
#settings_faq ul li:last-child dl dt { border-bottom:1px solid #eee; }
#settings_faq ul li dl dt span { display:block; margin-bottom:3px; font-size:12px; color:#999; letter-spacing:0; }
#settings_faq ul li dl dt span.date { float:left; }
#settings_faq ul li dl dt span.status { float:right; font-weight:500; color:#1ba5ae; }
#settings_faq ul li.incomplete dl dt { background:none; }
#settings_faq ul li.incomplete dl dt span.status { color:#999; }
#settings_faq ul li dl dt font { display:block; clear:both; }
#settings_faq ul li dl dd { padding:20px; color:#666; display:none; }
#settings_faq ul li dl dd.answer { border-top:1px dashed #ddd; overflow:hidden; }
#settings_faq ul li dl dd.answer .name { float:left; font-weight:500; color:#1ba5ae; }
#settings_faq ul li dl dd.answer .date { float:right; font-size:12px; color:#999; }
#settings_faq ul li dl dd.answer font { display:block; padding-top:10px; clear:both; }
#settings_faq ul li.on dl dt { border-bottom:1px solid #eee; background-color:#f3f4f5; background-image:url(../../images/bg_select_on.png); }
#settings_faq ul li.on dl dd { display:block; }
#settings_cs form div { margin-bottom:15px; }
#settings_cs form div textarea { display:block; width:100%; height:180px; padding:12px 16px; border:1px solid #ddd; box-sizing:border-box; }
#settings_cs form div span { display:block; margin-bottom:5px; color:#555; }
#settings_cs form .terms { padding:4.5%; border-top:1px solid #ddd; font-size:12px; color:#777; word-break:keep-all; }
#settings_cs form .checkbox { padding:12px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; background:#f3f4f6; }
#settings_cs form .checkbox a { display:block; width:15%; height:100%; position:absolute; right:0; top:0; background:url(../../images/btn_arrow.png) center no-repeat; background-size:8px auto; opacity:0.5; }
#settings_terms > div { padding:10px 0; color:#666; }
#settings_terms > div p strong { font-weight:500; color:#333; }
#settings_company { padding:10px 0; }
#settings_company > p { margin-bottom:20px; padding-left:4.5%; font-size:14px; font-weight:500; color:#333; }
#settings_company table { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; }
#settings_company table th,
#settings_company table td { padding:8px 4.5%; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; color:#777; }
#settings_company table th { font-weight:500; color:#333; text-align:left; }
/* #settings_unsubscribe { text-align:center; word-break:keep-all; }
#settings_unsubscribe .btn_wrap { margin-top:35px; text-align:center; } */
#settings_device p { padding:30px 4.5% 15px; font-size:14px; }
#settings_device p span { color:#999; }
#settings_device table th { padding:10px; border:1px solid #ddd; font-weight:500; color:#777; background:#f3f4f5; text-align:left; }
#settings_device table td { padding:10px; border:1px solid #ddd; }
#settings_device table th:first-child,
#settings_device table td:first-child { border-left:0; }
#settings_device table th:last-child,
#settings_device table td:last-child { border-right:0; }

/* 200610 수정 */
#settings_unsubscribe .top { padding:20px 0; text-align:center; background:#fff; }
#settings_unsubscribe .top p span { color:#3882d6; }
#settings_unsubscribe > ul { padding:20px 0; }
#settings_unsubscribe > ul li { border:1px solid #ebebec; background:#fff; }
#settings_unsubscribe > ul li:first-child { margin-bottom:5px; }
#settings_unsubscribe > ul li a { display:block; padding:0 4.5%; line-height:40px; background:url(../../images/btn_arrow.png) 94% center no-repeat; background-size:6px auto; }
#settings_unsubscribe .mid { padding:20px 4.5%; background:#fff; }
#settings_unsubscribe .mid > div:first-child { margin-bottom:25px; }
#settings_unsubscribe .mid p { margin-bottom:8px; font-weight:500; }
#settings_unsubscribe .mid table th,
#settings_unsubscribe .mid table td { padding:8px 10px; border:1px solid #ddd; }
#settings_unsubscribe .mid table td:nth-child(2) { text-align:center; }
#settings_unsubscribe .mid table td:last-child { text-align:right; letter-spacing:0; }
#settings_unsubscribe .mid table th { font-weight:500; color:#777; text-align:center; background:#f3f4f5; }
#settings_unsubscribe .mid table tr:last-child td { font-weight:500; color:#f26522; }
#settings_unsubscribe .mid table tr:last-child td:first-child { text-align:center; }
#settings_unsubscribe .bottom { margin-top:20px; padding:20px 10% 40px; background:#fff; }
#settings_unsubscribe .bottom > div { margin-top:8px; padding-top:8px; border-top:1px solid #ddd; line-height:180%; }
#settings_unsubscribe .bottom > div:first-child { margin-top:0; padding-top:0; border-top:0; color:#707070; }
#settings_unsubscribe .bottom > div:last-child { color:#f26522; }
#settings_unsubscribe .bottom > div p { overflow:hidden; }
#settings_unsubscribe .bottom > div p span { float:right; letter-spacing:0; }
#settings_refund dl { margin-top:30px; padding-top:30px; border-top:1px dashed #eee; }

#contact_history .top dl { color:#777; line-height:160%; }
#contact_history .top dl dt strong { font-size:14px; font-weight:500; color:#333; }
#contact_history .top p { margin-top:10px; padding:0 12px; border:1px solid #eee; font-size:14px; line-height:38px; color:#777; background:#f3f4f5; overflow:hidden; }
#contact_history .top p span { float:right; font-size:15px; font-weight:500; color:#1ba5ae; }
#contact_history .list { margin-top:30px; }
#contact_history .list p { margin-bottom:10px; color:#777; }
#contact_history .list p strong { font-weight:500; color:#333; }
#contact_history .list table th,
#contact_history .list table td { padding:5px; border-top:1px solid #eee; border-bottom:1px solid #eee; font-weight:300; }
#contact_history .list table td:last-child { font-weight:500; color:#1ba5ae; text-align:right; }

.my_point { padding:4.5%; background:#fff; }
.my_point .head { overflow:hidden; display:table; width:100%; }
.my_point .head .item_01 { width:25%; margin-top:15px; float:left; text-align:center; }
.my_point .head .item_01 dt { font-size:12px; font-weight:500; }
.my_point .head .item_01 dd { font-size:14px; font-weight:700; color:#1ba5ae; }
.my_point .head .item_02 { width:45%; margin:0 2.5%; padding:0 5%; /* border-left:1px solid #ddd; */ border-right:1px solid #ddd; box-sizing:border-box; float:left; font-size:12px; }
.my_point .head .item_02 dl { overflow:hidden; line-height:1.5;}
.my_point .head .item_02 dl dt { float:left; font-weight:500; color:#999; }
.my_point .head .item_02 dl dd { float:right; }
.my_point .head .item_03 { width:25%; float:left; text-align:center; }
.my_point .head .item_03 p img { width:20px; }
.my_point .head .item_03 a { display:inline-block; width:70px; margin-top:10px; border:1px solid #ddd; line-height:32px; text-align:center; }
.my_point .foot { margin-top:4.5%; padding-top:4.5%; border-top:1px dashed #ddd; }
.my_point .foot .warning { margin-top:0; }
/* //200610 수정 */
#payment .title { padding:20px 4.5%; border-top:1px solid #e0e0e0; }
#payment .title ul { border:1px solid #ebebeb; border-radius:4px; overflow:hidden; }
#payment .title ul li { width:50%; float:left; border-left:1px solid #ebebeb; box-sizing:border-box; background:#fff; }
#payment .title ul li:first-child { border-left:0; }
#payment .title ul.single li { width:100%; }
#payment .title ul li a { display:block; line-height:40px; color:#777; text-align:center; }
#payment .title ul li a img { height:13px; margin-top:13px; margin-right:10px; vertical-align:top; }
#payment .contents .list { padding:30px 4.5%; background:#fff; }
#payment .contents .list > p { font-size:14px; font-weight:500; }
#payment .contents .list > p span { margin-left:5px; font-size:12px; color:#999; font-weight:400; }
#payment .contents .list > ul { margin-top:7px; }
#payment .contents .list > ul li { border:1px solid #ebebeb; border-top:0; overflow:hidden; }
#payment .contents .list > ul li:first-child { border-top:1px solid #ebebeb; }
#payment .contents .list > ul li > div { float:left; box-sizing:border-box; padding:12px; }
#payment .contents .list > ul li > div:first-child { border-right:1px solid #ebebeb; width:38%; font-weight:500; color:#1ba5ae; }
#payment .contents .list > ul li.item_01 > div:first-child { color:#1ba5ae; }
#payment .contents .list > ul li.item_02 > div:first-child { color:#3882d6; }
#payment .contents .list > ul li.item_03 > div:first-child { color:#8f69f1; }
#payment .contents .list > ul li > div:last-child { width:62%; padding-right:18px; text-align:right; }
#payment .contents .list > ul li > div:last-child p { width:75px; display:inline-block; font-size:15px; font-weight:500; line-height:20px; }
#payment .contents .list > ul li > div:last-child span { display:inline-block; font-size:13px; color:#999; text-decoration:line-through; }
#payment .contents .list > ul li > div:last-child span:first-child { float:left; font-weight:500; color:#e14f39; text-decoration:none; }
#payment .contents .coupon { margin-top:10px; padding:30px 4.5% 20px; background:#fff; }
#payment .contents .coupon > div:first-child { padding-bottom:8px; overflow:hidden; }
#payment .contents .coupon > div:first-child p:first-child { margin-right:5px; float:left; font-size:14px; font-weight:500; }
#payment .contents .coupon > div:first-child p:last-child { float:left; font-size:12px; line-height:20px; color:#999; }
#payment .contents .coupon > div:nth-child(2) { padding-right:40px; position:relative; }
#payment .contents .coupon > div:nth-child(2) input { height:40px; }
#payment .contents .coupon > div:nth-child(2) a { width:26px; position:absolute; right:0; top:7px; }
#payment .contents .coupon > p { margin-top:10px; overflow:hidden; }
#payment .contents .coupon > p a { padding:0 14px; float:left; font-size:13px; font-weight:500; line-height:34px; color:#fff; background:#323743; }
#payment .contents .total { padding:0 4.5% 30px; background:#fff; }
#payment .contents .total > div { padding:15px 20px; border-top:2px solid #1ba5ae; overflow:hidden; }
#payment .contents .total > div p:first-child { float:left; font-size:14px; font-weight:500; }
#payment .contents .total > div p:last-child { float:right; font-size:15px; font-weight:600; color:#1ba5ae; }
#payment .button_terms a { display:block; margin:10px 0; padding:0 4.5%; font-size:14px; line-height:40px; color:#777; background:#fff url(../../images/btn_arrow.png) 95% center no-repeat; background-size:7px auto; }
#payment .bottom { padding:30px 4.5%; background:#fff; }
#payment .bottom > div:first-child { padding-bottom:8px; overflow:hidden; }
#payment .bottom > div:first-child p { padding-top:3px; float:left; font-size:14px; font-weight:500; }
#payment .bottom > div:first-child a { display:inline-block; padding:0 10px; border:1px solid #ddd; border-radius:3px; float:right; font-size:13px; line-height:26px; background:#fff; }
#payment .bottom .account { padding:15px 0 20px; border-bottom:1px dashed #ddd; background:#fff; overflow:hidden; }
#payment .bottom .account > p { width:50px; margin-right:20px; padding-right:20px; border-right:1px solid #ddd; float:left; }
#payment .bottom .account > div { padding:3px 0; float:left; }
#payment .bottom .account > div dl { font-size:13px; overflow:hidden; white-space:nowrap; }
#payment .bottom .account > div dl:first-child { margin-bottom:3px; }
#payment .bottom .account > div dl dt { float:left; width:60px; font-weight:500; color:#999; }
#payment .bottom .account > div dl dd { float:left; }
#payment .bottom .info { padding:20px; }
#payment .bottom .info li { margin-top:8px; padding-left:20px; font-size:13px; line-height:140%; color:#666; background:url(../../images/icon_info.png) 0 2px no-repeat; background-size:15px auto; word-break:keep-all; }
#payment .bottom .info li:first-child { margin-top:0; }
#payment .bottom .info li strong { font-weight:500; color:#333; }
#payment_history > div { margin-top:35px; }
#payment_history > div:first-child { margin-top:0; }
#payment_history > div > p { margin-bottom:8px; }
#payment_history > div table { margin-bottom:10px; }
#payment_history > div table th,
#payment_history > div table td { padding:10px 12px; border:1px solid #ebebeb; white-space:nowrap; }
#payment_history > div table th { overflow:hidden; background:#f3f4f5; }
#payment_history > div table th p { float:left; font-weight:600; }
#payment_history > div table th span { float:right; font-size:12px; font-weight:400; color:#999; }
#payment_history > div table th span strong { margin-left:5px; font-weight:500; color:#333; }
#payment_history > div table td { font-size:12px; }
#payment_history > div table td span { font-size:11px; color:#999; }
#payment_history > div table td p { margin-top:5px; }
#payment_history > div table td.price p { font-weight:500; color:#1ba5ae; }
/* 200610 수정 */
#payment_points_history .my_point { border-bottom:1px solid #ebebec; box-shadow:0 0 5px rgba(0,0,0,0.1); }
#payment_points_history .my_point .head .item_01 { width:100%; margin-top:5px; border-right: 1px solid #ddd;}
#payment_points_history .my_point .head .item_01 dd.icon_about { margin-bottom:5px; }
#payment_points_history .my_point .head .item_01 dd.icon_about img { width:20px; }
#payment_points_history .my_point .head .item_02 { width:60%; float:none; display: table-cell; vertical-align: middle; margin-left:0; margin-right:0; padding-left:5%; padding-right:0; border-right:0; }
/* //200610 수정 */
#payment_points_history .top > dl { padding:15px 0; text-align:center; }
#payment_points_history .top > dl dt { font-weight:400; color:#999; }
#payment_points_history .top > dl dt strong { font-weight:400; color:#333; }
#payment_points_history .top > dl dd { font-size:17px; font-weight:500; color:#1ba5ae; letter-spacing:0; }
#payment_points_history .top div { border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; }
#payment_points_history .top div dl { width:33.3%; padding:10px; border-left:1px solid #ddd; box-sizing:border-box; float:left; text-align:center; }
#payment_points_history .top div dl:first-child { border-left:0; width:33.4%; }
#payment_points_history .top div dl dt { font-size:12px; color:#999; }
#payment_points_history .top div dl dd { font-weight:500; letter-spacing:0; }
#payment_points_history .list { margin-top:30px; }
#payment_points_history .list .title { margin-bottom:10px; padding:0 4.5%; overflow:hidden; }
#payment_points_history .list .title p { float:left; font-size:14px; font-weight:500; line-height:26px; }
#payment_points_history .list .title ul { float:right; }
#payment_points_history .list .title ul li { float:left; margin-left:8px; }
#payment_points_history .list .title ul li:first-child { margin-left:0; }
#payment_points_history .list .title ul li a { display:inline-block; padding:0 10px; border-radius:6px; font-size:12px; font-weight:500; line-height:26px; color:#777; background:#f3f4f5; }
#payment_points_history .list .title ul li.on a { color:#fff; background:#777; }
#payment_points_history .list table th,
#payment_points_history .list table td { padding:7px; border:1px solid #ddd; font-size:11px; text-align:left; }
#payment_points_history .list table th { font-weight:400; color:#777; background:#f3f4f5; }
#payment_points_history .list table th:nth-child(1),
#payment_points_history .list table td:nth-child(1) { border-left:0; }
#payment_points_history .list table th:nth-child(5),
#payment_points_history .list table td:nth-child(5) { border-right:0; }
#payment_points_history .list table td:nth-child(4),
#payment_points_history .list table td:nth-child(5) { text-align:right; color:#999; }
#payment_terms { color:#777; }

#pages { margin-top:20px; font-size:0; text-align:center; }
#pages a { display:inline-block; width:24px; height:24px; margin-left:8px; box-sizing:border-box; font-size:11px; line-height:24px; color:#777; background:#f3f4f5; }
#pages a:first-child { margin-left:0; }
#pages a.on { border:1px solid #ddd; color:#333; background:#fff; }

#popup { display:table; position:fixed; width:100%; height:100%; max-width: 600px; top:0; z-index:10; display:none; }
#popup #black { position:absolute; width:100%; height:100vh; background:rgba(0,0,0,0.5); }
#popup #popup_inner { display:table-cell; vertical-align:middle; position:relative; z-index:1; }
#popup #popup_inner .inner { width:86%; margin:0 auto; background:#fff; }
#popup.full #popup_inner .inner,
#popup #popup_inner .inner.full { width:100%; border-radius:0; }
#popup #popup_inner .inner > .title { display:flex; flex-wrap:nowrap; justify-content: space-between; height:44px; padding:0 4.5%; overflow:hidden; background:#f3f4f5; }
#popup #popup_inner .inner > .title p { float:left; font-size:13px; font-weight:500; line-height:45px; }
#popup #popup_inner .inner > .title p span { margin-left:5px; font-size:11px; color:#999; }
#popup #popup_inner .inner > .title p a { width:28px; padding:7px; margin:0; }
#popup #popup_inner .inner > .title a { width:10px; margin-right:-13px; padding:17px; float:right; font-size:0; }
/*#popup #popup_inner .inner .con { padding:30px; text-align:center; word-break:keep-all; }*/
#popup #popup_inner .inner .con { padding:20px 15px; text-align:center; word-break:keep-all; }
/*#popup #popup_inner .inner .con > div { max-height:320px; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; }*/
#popup #popup_inner .inner .con > div { max-height:400px; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; }
#popup #popup_inner .inner .con.pd_5p { padding:5% 4.5%; }
#popup #popup_inner .inner .con .msg { font-size:14px; color:#777;text-align: left; }
#popup #popup_inner .inner .con .msg strong { font-weight:500; color:#333; }
#popup #popup_inner .inner .con .choice { margin-top:20px; text-align:center; }dd; }
#popup #popup_inner .inner .con .choice li:first-child { margin-top:0; }
#popup #popup_inner .inner .con .choice li { margin-top:10px; }
#popup #popup_inner .inner .con .choice li a { display:block; border:1px solid #ddd; line-height:40px; text-align:center; }
#popup #popup_inner .inner .con .check { margin-top:20px; }
#popup #popup_inner .inner .con .check li { margin-top:12px; }
#popup #popup_inner .inner .con .check li:first-child { margin-top:0; }
#popup #popup_inner .inner .con .check li input { display:none; }
#popup #popup_inner .inner .con .check li input + label { display:inline-block; padding:0 25px; border:1px solid #e35b46; font-size:13px; font-weight:500; line-height:32px; color:#e35b46; }
#popup #popup_inner .inner .con .check li input + label span { width:15px; height:32px; background-image:url(../../images/icon_recommend.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; }
#popup #popup_inner .inner .con .check li input:checked + label span { background-image:url(../../images/icon_recommend_on.png); }
#popup #popup_inner .inner .con textarea { display:block; width:100%; height:60px; font-size:13px; }
#popup #popup_inner .inner .btn_wrap { border-top:1px solid #ddd; overflow:hidden; }
#popup #popup_inner .inner .btn_wrap a { display:block; font-size:14px; font-weight:500; line-height:42px; color:#a0a2a6; text-align:center; }
#popup #popup_inner .inner .pd_5p .btn_wrap { margin-top:30px; border-top:0; }
#popup #popup_inner .inner .pd_5p .btn_wrap a { /* background:#1ba5ae !important;  */color:#fff; }
#popup #popup_inner .inner .btn_wrap.double a { width:50%; float:left; }
#popup #popup_inner .inner .btn_wrap.double a:first-child { border-right:1px solid #ddd; box-sizing:border-box; color:#555; }
#popup #popup_inner .inner .double_btn_wrap { margin-top:30px; overflow:hidden; }
#popup #popup_inner .inner .double_btn_wrap a { width:47%; float:right; font-size:13px; line-height:36px; color:#fff; text-align:center; background:#949ba3; }
#popup #popup_inner .inner .double_btn_wrap a:first-child { float:left; background:#1ba5af; }
/* #popup #popup_inner .inner .double_btn_wrap.reverse a { background:#949ba3; } */
#popup #popup_inner .inner .double_btn_wrap:first-child { background:#1ba5af; }
#popup #popup_inner .inner .graph { padding:30px 0; }
#popup #popup_inner .inner.notice .title p { float:none; text-align:center; }
#popup #popup_inner .inner.notice .con .msg { text-align:left; color:#555; }
#popup #popup_inner .inner.notice .btn_wrap.double a:first-child { color:#a0a2a6; }
#popup #popup_inner .inner.notice .btn_wrap.double a:last-child { color:#555; }
#popup #popup_inner .inner .search_code .search { margin-bottom:20px; padding-right:56px; position:relative; }
#popup #popup_inner .inner .search_code .search input[type='text'] { border-radius:6px; }
#popup #popup_inner .inner .search_code .search input[type='button'] { width:50px; height:40px; padding:0; border:0; border-radius:6px; color:#fff; background:#1ba5ae; position:absolute; right:0; top:0; }
#popup #popup_inner .inner .search_code .result p { margin-bottom:10px; font-weight:600; text-align:left; }
#popup #popup_inner .inner .search_code .result table th { font-weight:400; color:#777; background:#fafafa; }
#popup #popup_inner .inner .search_code .result table th,
#popup #popup_inner .inner .search_code .result table td { padding:8px 14px; border:1px solid #ddd; text-align:left; }
#popup #popup_inner .inner .user_search_detail { text-align:left; }
#popup #popup_inner .inner .user_search_detail .tab { margin-bottom:28px; overflow:hidden; }
#popup #popup_inner .inner .user_search_detail .tab li { border:1px solid #ddd; border-left:0; float:left; }
#popup #popup_inner .inner .user_search_detail .tab li:first-child { border-left:1px solid #ddd; }
/* #popup #popup_inner .inner .user_search_detail .tab li:last-child { float: right; margin-right: 3px; margin-left:5px; border-left:1px solid #ddd; } */#popup #popup_inner .inner .user_search_detail .tab li.on { border-color:#2dcea8; background:#2dcea8; }
#popup #popup_inner .inner .user_search_detail .tab li:last-child.on { border-color:#5c9dff; background:#5c9dff; }
#popup #popup_inner .inner .user_search_detail .tab li a { display:block; padding:0 9px; line-height:34px; }
#popup #popup_inner .inner .user_search_detail .tab li.on a { color:#fff; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .select_period { margin-bottom:14px; overflow:hidden; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .select_period li { float:left; margin-left:10px; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .select_period li:first-child { margin-left:0; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .select_period li a { display:block; padding:0 12px; border-radius:8px; line-height:32px; color:#999; background:#f3f4f5; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .select_period li.on a { color:#fff; background:#777; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search > p { margin-bottom:5px; padding-left:10px; color:#999; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search .serach_period { overflow:hidden; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search .serach_period p { float:left; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search .serach_period p input { height:32px; border:1px solid #ddd; background:#fff; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search .serach_period a { display:block; float:left; margin-left:10px; }
#popup #popup_inner .inner .user_search_detail .search_period_wrap .search .serach_period a img { width:auto; height:32px; }
#popup #popup_inner .inner .user_search_detail .search_memo { display:none; }
#popup #popup_inner .inner .user_search_detail .search_memo > p { margin-bottom:5px; padding-left:10px; color:#999; }
#popup #popup_inner .inner .user_search_tag_top { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee; overflow:hidden; }
#popup #popup_inner .inner .user_search_tag_top p { float:left; line-height:28px; color:#777; }
#popup #popup_inner .inner .user_search_tag_top p span { margin-left:8px; font-weight:700; color:#333; letter-spacing:0; }
#popup #popup_inner .inner .user_search_tag_top p a { margin-left:15px; }
#popup #popup_inner .inner .user_search_tag_top p a img { width:28px; }
#popup #popup_inner .inner .user_search_tag_top > a { display:inline-block; padding:0 10px; border:1px dashed #ddd; border-radius:14px; float:right; font-size:12px; line-height:28px; color:#f83c2e; }
#popup #popup_inner .inner .user_search_tag_top > a img { width:8px; margin-top:13px; margin-right:7px; }
#popup #popup_inner .inner .user_search_tag { text-align:left; }
#popup #popup_inner .inner .user_search_tag > div { margin-top:30px; }
#popup #popup_inner .inner .user_search_tag > div:first-child { margin-top:0; }
#popup #popup_inner .inner .user_search_tag > div a { display:inline-block; padding:0 10px; border:1px solid #eee; border-radius:14px; font-size:12px; line-height:28px; color:#999; }
#popup #popup_inner .inner .user_search_tag.on_disable > div a { border-color:#eee !important; color:#999 !important; }
#popup #popup_inner .inner .user_search_tag > div p { margin-bottom:2px; }
#popup #popup_inner .inner .user_search_tag > div p a { width:110px; font-size:13px; font-weight:500; text-align:center; background:#eee; }
#popup #popup_inner .inner .user_search_tag > div p a.btn_add_tag { width:auto; padding:0; border:0; border-radius:0; float:right; color:#333 !important; background:#fff !important; }
#popup #popup_inner .inner .user_search_tag > div p a.btn_add_tag img { width:10px; margin-top:9px; margin-right:7px; }
#popup #popup_inner .inner .user_search_tag > div p.on a { color:#fff; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(1) p.on a { border-color:#2dcea8; background:#2dcea8; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(2) p.on a { border-color:#5c9dff; background:#5c9dff; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(3) p.on a { border-color:#8f69f1; background:#8f69f1; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(4) p.on a { border-color:#4078E7; background:#4078E7; }
#popup #popup_inner .inner .user_search_tag > div ul { overflow:hidden; }
#popup #popup_inner .inner .user_search_tag > div ul li { float:left; margin-top:10px; margin-right:5px; }
#popup #popup_inner .inner .user_search_tag > div ul li.on a { color:#333; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(1) ul li.on a { border-color:#2dcea8; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(2) ul li.on a { border-color:#5c9dff; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(3) ul li.on a { border-color:#8f69f1; }
#popup #popup_inner .inner .user_search_tag > div:nth-child(4) ul li.on a { border-color:#4078E7; }
#popup #popup_inner .inner .delete_tag table th,
#popup #popup_inner .inner .delete_tag table td { padding:0 12px; border:1px solid #ddd; text-align:left; color:#777; }
#popup #popup_inner .inner .delete_tag table th { padding:8px 12px; font-weight:500; color:#333; background:#f3f4f6; }
#popup #popup_inner .inner .delete_tag table td:first-child { width:100%; }
#popup #popup_inner .inner .delete_tag table td a { display:inline-block; width:80px; font-weight:500; line-height:36px; color:#f83c2e; text-align:center; }
#popup #popup_inner .inner .delete_tag table td a img { width:8px; margin-top:17px; margin-right:7px; }


#popup_messagebox { display:table; position:fixed; width:100%; height:100%; max-width:600px; top:0; z-index:10; display:none; }
#popup_messagebox #black { position:absolute; width:100%; height:100vh; background:rgba(0,0,0,0.5); }
#popup_messagebox #popup_inner strong{color:#e96a29 !important;}
#popup_messagebox #popup_inner { display:table-cell; vertical-align:middle; position:relative; z-index:1; }
#popup_messagebox #popup_inner .inner { width:86%; margin:0 auto; border-radius:15px; background:#fff; }
#popup_messagebox.full #popup_inner .inner,
#popup_messagebox #popup_inner .inner.full { width:100%; border-radius:0; }
#popup_messagebox #popup_inner .inner .con { padding:30px; text-align:center; word-break:keep-all; }
#popup_messagebox #popup_inner .inner .con .msg { font-size:14px; color:#777; }
#popup_messagebox #popup_inner .inner .con .msg strong { font-weight:500; color:#333; }
#popup_messagebox #popup_inner .inner .con .single li {margin-top:30px;overflow:hidden;}
#popup_messagebox #popup_inner .inner .con .single li a{display:block;font-size:0;}
#popup_messagebox #popup_inner .inner .con .single li a img{width:14px;}
#popup_messagebox #popup_inner .inner .con .single li a p{margin-top:7px;font-size:14px;color:#e14f39;}
#popup_messagebox #popup_inner .inner .con .choice { margin:30px 0; text-align:center; overflow:hidden; }
#popup_messagebox #popup_inner .inner .con .choice li { width:50%; box-sizing:border-box; float:left; text-align:center; }
#popup_messagebox #popup_inner .inner .con .choice li:first-child { border-right:1px solid #ddd; }
#popup_messagebox #popup_inner .inner .con .choice li a { display:block; font-size:0; }
#popup_messagebox #popup_inner .inner .con .choice li a img { width:14px; }
#popup_messagebox #popup_inner .inner .con .choice li a p { margin-top:7px; font-size:13px; color:#e14f39; letter-spacing:0.05em;}
#popup_messagebox #popup_inner .inner .con textarea { display:block; width:100%; height:80px; font-size:13px; }
#popup_messagebox #popup_inner .inner .btn_wrap { border-top:1px solid #ddd; overflow:hidden; }
#popup_messagebox #popup_inner .inner .btn_wrap a { display:block; font-size:14px; font-weight:500; line-height:42px; color:#a0a2a6; text-align:center; }
#popup_messagebox #popup_inner .inner .btn_wrap.double a { width:50%; float:left; }
#popup_messagebox #popup_inner .inner .btn_wrap.double a:first-child { border-right:1px solid #ddd; box-sizing:border-box; color:#555; }


.info_wrap { margin:0 auto; padding:35px 7%; background:#f3f4f6; }
.info_wrap p { padding-left:20px; font-size:14px; line-height:15px; font-weight:500; color:#e14f39; background:url(../../images/icon_info.png) 0 center no-repeat; background-size:auto 100%; }
.info_wrap ul { margin-top:12px; }
.info_wrap ul li { margin-top:12px; padding-left:7px; font-size:13px; color:#696d79; word-break:keep-all; background:url(../../images/dot.png) 0 8px no-repeat; background-size:3px; }
.info_wrap ul li:first-child { margin-top:0; }

.search_wrap { padding-right:34px; position:relative; }
.search_wrap input { height:34px; }
.search_wrap input[type='submit'] { width:34px; border-left:0; position:absolute; right:0; top:0; font-size:0; background:#fff url(../../images/search.png) center no-repeat; background-size:14px auto; }

#graph * { font-family:inherit !important; }

@-webkit-keyframes rotation {
        from {
                -webkit-transform:rotate(0deg);
        }
        to {
                -webkit-transform:rotate(359deg);
        }
}

@keyframes progress {
    0% {
        stroke-dasharray:0 100;
    }
}

/* holdon */
#holdon-overlay{filter:alpha(opacity=10);position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;background:#0001;/*opacity:.1;*/z-index:9999}
#holdon-content-container{width:100%;padding:0;vertical-align:middle;display:table-cell!important;margin:0;text-align:center}
#holdon-content{text-align:center;width:50px;height:57px;position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}
#holdon-message{width:100%;text-align:center;position:absolute;top:55%;color:white}
.sk-cube-grid{width:60px;height:60px;text-align:center;font-size:10px}
.sk-cube-grid .sk-cube-child{width:33%;height:33%;background-color:#EB3AD044;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}
.sk-cube-grid .sk-cube-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}
.sk-cube-grid .sk-cube-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube-grid7{-webkit-animation-delay:0s;animation-delay:0s}
.sk-cube-grid .sk-cube-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}



/* //200810 현금영수증 페이지 소스 추가 */
#settings_cash {}
#settings_cash .cash_receipt{}
#settings_cash .top_area {padding: 0px 4.5% 30px; background: #fff;}
#settings_cash .top_area ul {border-bottom: 1px solid #ddd;overflow: hidden;}
#settings_cash .top_area ul li:first-child { border-right: 0;}
#settings_cash .top_area ul li { width: 50%; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box; float: left;}
#settings_cash .top_area ul li.on a {color: #fff; background: #42484f;}
#settings_cash .top_area ul li a {display: block; font-weight: 500; line-height: 38px; text-align: center;}
#settings_cash .sort_area {margin-bottom: 8px;padding: 12px 4.5%; overflow: hidden;  background: #f3f4f6;}
#settings_cash .sort_area p {float: left; font-size: 14px; font-weight: 500; line-height: 25px;}
#settings_cash .sort_area select {width: 120px; height: 25px; padding-right: 25px; float: right;}


#settings_cash .list_area > ul > li {margin-bottom: 8px; padding: 15px 4.5%; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden;}
#settings_cash .list_area > ul > li .info { width: 100%; box-sizing: border-box; float:left;margin-bottom:10px;color:#777}
#settings_cash .list_area > ul > li .info .list {width: 100%;display: block; float: left;}
#settings_cash .list_area > ul > li .info .list .left {width: 50%; float: left;}
#settings_cash .list_area > ul > li .info .list .right {width: 50%; float: left; text-align:right;}
#settings_cash .list_area > ul > li .top {margin-bottom:10px;overflow: hidden;}
#settings_cash .list_area > ul > li .top .right li {display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; float: right; font-size: 13px; line-height: 26px; color:#777; background: #fff;}
#settings_cash .list_area > ul > li .top .left li {display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; float: left; font-size: 13px; line-height: 26px;  color:#777; background: #fff;}
#settings_cash .list_area > ul > li .bottom {margin-top:10px;}
#settings_cash .list_area > ul > li .bottom .left { padding-top: 3px;}
#settings_cash .list_area > ul > li .bottom .left { width: 100%; margin-top: -5px; margin-bottom: 10px; float: left; font-size: 0;}
#settings_cash .list_area > ul > li .bottom .right { float: right; font-size: 0;}
#settings_cash .list_area > ul > li .bottom .right li img {width: 36px;}
#settings_cash .list_area > ul > li .bottom .right .btn 
	{ display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; float: right; font-size: 13px; line-height: 26px; background: #fff;}
#settings_cash .list_area > ul > li .bottom .right .red a {color:#e14f39;}
.color_red {color:#e14f39 !important;}

#popup #popup_inner .inner .list_cash ul li {overflow:hidden;/*line-height:40px;*/padding:10px 0; border-bottom:1px solid #eee;}
#popup #popup_inner .inner .list_cash ul li div:first-child {width:45%;float:left;box-sizing:border-box;text-align:left;}
#popup #popup_inner .inner .list_cash ul li div {width:55%;float:left;box-sizing:border-box;text-align:right;color:#999;}
#popup #popup_inner .inner .top {margin-bottom:10px;overflow: hidden;}
#popup #popup_inner .inner .top .right p {display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; float: right; font-size: 13px; line-height: 26px; color:#777; background: #fff;}
#popup #popup_inner .inner .top .left li {display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; float: left; font-size: 13px; line-height: 26px;  color:#777; background: #fff;}