/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. input
2-2. button
2-3. table

3. Layout
3-1. header
3-2. footer

4. Page
4-1. 리포트페이지
4-2. 로그인,멤버

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

/* webfont - Pretendard */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#000; font-family:Pretendard, Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; line-height:1.6; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.6;}
ol,
ul,
li {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {vertical-align:middle;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active,
a:focus {text-decoration:none; cursor:pointer;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/
.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}

/* input */
input:focus {border-color:#000; outline:none !important;}
input {-webkit-appearance:none; -webkit-border-radius:0;}
/* 셀렉트 */
select {max-width:100%; height:40px; padding:4px 6px; border:1px solid #dcdcdc; background-color:#fff; color:#666; font:inherit;}
select.block {width:100%;}
select:focus {border-color:#000; outline:none !important;}

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:5px 12px; border:1px solid #D6D6D6; border-radius:4px; outline:none; background-color:#fff; color:#000 !important; font-size:1.083rem; font-family:Pretendard, Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}

/* 버튼스타일 - 크기 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.huge > * {padding:13px 20px; border-radius:6px; font-size:1.33rem; letter-spacing:-0.48px;}

/* 버튼스타일 - 색상 */
.box_btn.black * {border-color:#000; background-color:#000; color:#fff !important;}
.box_btn.gray * {color:#555 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background-color:#F5F9FB;}
.box_btn.blue * {background-color:#F5F9FB; color:#999 !important;}

/* 테이블 스타일 */
.tbl_basic {width:100%; margin-top:-1px; table-layout:fixed;}
.tbl_basic tr {border-top:1px solid #EEF0F5;}
.tbl_basic tr th {font-weight:600;}
.tbl_basic tr th,
.tbl_basic tr td {padding:14px 10px; font-size:1.083rem; text-align:center; vertical-align:middle;}
.tbl_basic tr.total {background-color:#FFFDE8;}
.tbl_basic tr.total th,
.tbl_basic tr.total td {font-size:1.083rem; font-weight:600;}
.toggle_head tr {background-color:#F5F9FB; cursor:pointer;}
.toggle_head tr th {font-weight:400;}
.toggle_head tr th.date strong {display:inline-block; font-style:inherit; font-weight:600; vertical-align:middle;}
.toggle_head tr th.date span {display:inline-block; padding:0 10px 0 15px; font:inherit; vertical-align:middle;}
.toggle_head tr th.date i {margin-top:-4px; color:#B2B2B2; font-size:1.5rem; vertical-align:middle; transition:color .1s;}
.toggle_head tr th.date i::after {content:'\e917';}
.toggle_head tr:hover th.date span {text-decoration:underline;}
.toggle_head tr:hover th.date i {color:#000;}
.toggle_head.active tr th i {color:#000;}
.toggle_head.active tr th i::after {content:'\e91e';}
.toggle_body {display:none;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

html {background-color:#EEF0F5;}
#layout {min-width:1300px; padding-left:240px; padding-bottom:80px; transition:padding .3s;}
#layout2 {min-width:1500px; padding-left:240px; padding-bottom:0px; transition:padding .3s;}

#container {position:relative; z-index:1; width:100%; min-height:500px; background-color:#EEF0F5;}
body.nav_hide #layout,
body.nav_hide #layout2 {padding-left:64px;}
body.member #layout,
body.member #layout2{padding-left:0; padding-bottom:0; min-width:auto;}
.wrap_inner {padding:0 20px;}

/*-----------------------------------------------------------------*/
/* 3-1. header
/*-----------------------------------------------------------------*/
header {position:fixed; top:0; left:0; z-index:20; width:240px; transition:width .3s;}
nav {position:relative; width:100%; height:100vh; background-color:#fff;}
nav .btn_toggle {display:block; position:absolute; right:0; top:0; width:50px; height:50px; color:transparent; font-size:0; text-align:center; line-height:50px;}
nav .btn_toggle i {position:absolute; top:50%; left:50%; z-index:1; margin-top:-5px;}
nav .btn_toggle i::after {content:'\e93d \e93d'; margin-left:-10px; letter-spacing:-0.7rem;}
nav .brand {position:relative; border-bottom:1px solid #EEF0F5;}
nav .brand > a {display:block; position:relative; width:calc(100% - 50px); height:50px; padding:0 20px; white-space:nowrap; font-size:0;}
nav .brand > a span {display:inline-block; font-size:1.25rem; font-weight:600; line-height:50px; vertical-align:middle;}
nav .brand > a span.img {width:22px; height:22px; margin:14px 15px 14px 0; border-radius:50%; background-color:#000; color:#fff; font-size:1rem; text-align:center; line-height:22px; vertical-align:middle;}
nav .brand > a span.name {max-width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
nav .brand > a i {margin-left:6px; line-height:50px; vertical-align:middle;}
nav .brand > a i::after {content:'\e942'; color:#888; font-size:1.33rem;}
nav .brand > a.on i::after {content:'\e945';}
nav .brand .depth {display:none; position:absolute; top:calc(100% - 1px); left:0; width:100%; z-index:5; padding:20px; border-radius:4px; border:1px solid #EEF0F5; background-color:#fff; box-shadow:0px 0px 6px #00000029;}
nav .brand .depth ul > li > a {display:block; padding:5px 10px; border-radius:4px; color:#666; font-size:1.083rem;}
nav .brand .depth ul > li.active > a {background:url('../images/main/icon_check_s.png') no-repeat right 10px center /12px auto #F5F9FB; color:#000;}
nav .brand .btn_logout {margin-top:20px;}
nav .list {padding:20px 0;}
nav .list > li + li {margin-top:10px;}
nav .list > li > a {display:block; position:relative; height:30px; padding:0 4px 0 60px; background-repeat:no-repeat; background-position:left 23px center; background-size:18px; font-size:1.167rem; line-height:30px; white-space:nowrap;}
nav .list li.active > a {background-color:#F5F9FB; color:#000 !important; font-weight:600;}
nav .list > li > a span {font:inherit;}
nav .list > li.report01 > a {background-image:url('../images/main/icon_report01.png');}
nav .list > li.report02 > a {background-image:url('../images/main/icon_report02.png');}
nav .list > li.report03 > a {background-image:url('../images/main/icon_report03.png');}
nav .list > li.report03 > a i::before {content:'\e936'; position:absolute; top:0; left:5px; color:#888; line-height:30px}
nav .list > li.report03 > a.on i::before {content:'\e930';}
nav .list > li.report04 > a {background-image:url('../images/main/icon_report04.png');}
nav .list > li.report05 > a {background-image:url('../images/main/icon_report05.png');}
nav .list > li.report06 > a {background-image:url('../images/main/icon_report06.png');}
nav .list > li.report07 > a {background-image:url('../images/main/icon_report07.png');}
nav .list > li .depth {padding-bottom:10px;}
nav .list > li .depth > li > a {display:block; padding:4px 0 4px 45px; color:#555; font-size:1.167rem; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
nav .list > li .depth > li > a::before {content:'┗'; margin-right:6px; color:#C5C5C5; font-size:1rem;}
/* header 조건부 */
body.nav_hide header {width:64px;}
body.nav_hide nav {overflow:hidden;}
body.nav_hide nav .brand > a .name,
body.nav_hide nav .brand > a i,
body.nav_hide nav .list > li > a span,
body.nav_hide nav .list > li .depth,
body.nav_hide nav .btn_toggle {display:none;}
/* body.nav_hide nav .btn_toggle i::after {content:'\e940' '\e940';} */


/*-----------------------------------------------------------------*/
/* 3-2. footer
/*-----------------------------------------------------------------*/
footer {position:fixed; bottom:0; right:0; width:100%; min-width:1300px; padding:30px 0 30px 240px; transition:padding .3s;}
footer .copyright {color:#999999; font-size:1.083rem; text-align:center;}
footer .copyright a {color:#666666; font-size:inherit; font-weight:600; transition:.1s;}
footer .copyright a:hover {color:#000; text-decoration:underline;}
/* footer 조건부 */
body.nav_hide footer {padding-left:64px;}

/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/* 리포트 영역 공통 */
body.nav_hide .tool_box{ left: 84px; }
.fixed_ct{ left: 260px; right: 20px; z-index: 15; position: fixed; transition: left .3s;}
body.nav_hide .fixed_ct{ left: 84px;}
.tool_box {display:flex; align-items:center;  top:0; height:50px; padding:0 20px; background-color:#fff; border-bottom:1px solid #EEF0F5; }
.tool_box .date_picker {position:relative; width:280px; height:30px; padding:0 35px 0 12px; border:1px solid #D6D6D6; border-radius:4px; background-color:#fff;}
.tool_box input,
.tool_box select {font-family:Pretendard, Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:1.083rem; color: #000000; }
.tool_box .date_picker input {width:100%; height:100%; border:none; background-color:transparent;}
.tool_box .date_picker label i {position:absolute; top:50%; right:12px; margin-top:-7px; color:#888; font-size:1.5rem;}
.tool_box .date_picker_box:first-of-type {position:relative; margin-right:40px;}
.tool_box .date_picker_box:first-of-type::after {content:''; position:absolute; top:50%; right:-20px; width:1px; height:26px; margin-top:-13px; background-color:#E1E1E1;}
.tool_box .date_picker_box span {display:inline-block; margin: 0 10px; font-size:1.083rem; font-weight:600; vertical-align:middle;}
.tool_box .date_picker_box .date_picker {display:inline-block; vertical-align:middle;}
.tool_box .box_btn {margin-left:5px;}
.tool_box ul {margin-left:5px; font-size:0;}
.tool_box ul > li {display:inline-block; margin-left:-1px; vertical-align:top;}
.tool_box ul > li > a {display:block; width:70px; height:30px; border:1px solid #D6D6D6; background-color:#F5F9FB; color:#999; font-size:1.083rem; text-align:center; line-height:30px; transition:.2s;}
.tool_box > ul > li a.active {background-color:#fff; color:#000;}
.tool_box > ul > li a:hover {background-color:#fff;}
.tool_box > ul > li:first-of-type a {border-radius:4px 0 0 4px;}
.tool_box > ul > li:last-of-type a {border-radius:0 4px 4px 0;}
.tool_box .btn_excel a {display:block; position:absolute; top:10px; right:20px; padding-left:42px; background:url('../images/main/icon_excel.png') no-repeat left 12px center /18px;}
.tool_box .input-group select.form-control{ font-size: 1.083rem; border: 1px solid #D6D6D6; height: 30px; padding: 0 12px; border-radius: 4px; }
.content{ padding-top: 50px; }
.content .box {margin-top:20px; border-radius:4px; background-color:#fff;}
.content .box.first {margin-top:0; border-radius:0 0 4px 4px;}
.content .box h3 {padding:0 20px; border-bottom:1px solid #EEF0F5; font-size:1.33rem; font-weight:600; line-height:50px;}
.content .tab_basic {display:flex; padding:10px 20px; background-color:#F6F7FA;}
.content .tab_basic > li {flex-grow: 1;}
.content .tab_basic > li > a {display:block; padding:13px 15px; border:1px solid transparent; border-radius:4px; background-repeat:no-repeat; background-position:left 15px center; background-size:20px; color:#999; font-size:1.167rem; font-weight:600; text-align:center; transition:.2s;}
.content .tab_basic > li > a:hover {background-color:#EEF0F5; color:#666;}
.content .tab_basic > li.active > a {border-color:#D6D6D6; background-image:url('../images/sub/icon_pin.png'); background-color:#fff; color:#000; box-shadow:0px 0px 6px #0000001A;}
.chart_box .chart {padding:30px 50px;}
.chart_box ul.legend_container {padding-top:20px; font-size:0; text-align:center;}
.chart_box ul.legend_container > li {display:inline-block; position:relative; margin:0 12px; padding-left:18px; vertical-align:middle; cursor:pointer;}
.chart_box ul.legend_container > li.off {text-decoration:line-through; text-decoration-thickness:2px;}
.chart_box ul.legend_container > li span {display:inline-block; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; border-radius:50%;}
#chartjs-tooltip {z-index:5; background: rgba(255, 255, 255, 0.9); color: rgb(232, 232, 232); border-radius: 8px; box-shadow: rgb(0 0 0 / 16%) 0px 0px 6px; pointer-events:none; padding: 12px 15px; }
#chartjs-tooltip label{ font-weight: bold;}
#chartjs-tooltip dl{ flex-wrap: wrap; display: flex;}
#chartjs-tooltip dt{ width: 10px; align-self: center; margin-right: 6px; }
#chartjs-tooltip dt i{ display: block; width: 10px; height: 10px; border-radius: 50%;}
#chartjs-tooltip dt.primary i{ background: #7dabd8; }
#chartjs-tooltip dt.secondary i{ background: #db7272; }
#chartjs-tooltip dd{ flex: 1 0 calc(100% - 16px);}
[data-range-key='Custom Range']{ display: none;}
/* 메인 통합리포트 */
#main .chart_box .tab {display:flex; padding:10px 20px;}
#main .chart_box .tab > li {flex-grow: 1;}
#main .chart_box .tab > li > a {display:block; padding:13px 1vw; background-repeat:no-repeat; background-position:top 8px left 8px; background-size:22px; border-radius:4px; text-align:center; transition:background .2s;}
#main .chart_box .tab > li > a dl dt {font-size:1.167rem; font-weight:600;}
#main .chart_box .tab > li > a dl dd p {padding-top:5px; font-size:1.667rem; font-weight:600;}
#main .chart_box .tab > li > a dl dd span {font-size:0.917rem;}
#main .chart_box .tab > li > a dl dd span.up {color:#E24D4D;}
#main .chart_box .tab > li > a dl dd span.down {color:#66A6E6;}
#main .chart_box .tab > li > a dl dd span i {font-size:1.167rem; color:inherit; vertical-align:middle;}
#main .chart_box .tab > li > a dl dd span.up i::after {content:'\e930';}
#main .chart_box .tab > li > a dl dd span.down i::after {content:'\e936';}
#main .chart_box .tab > li.active_blue a {background-image:url('../images/main/check_blue.png'); background-color:#F3FCFF;}
#main .chart_box .tab > li.active_red a {background-image:url('../images/main/check_red.png'); background-color:#FFF3F3;}
#main .chart_box .tab > li > a:hover {background-image:url('../images/main/check_gray.png'); background-color:#F5F9FB;}
#main .chart_box .chart.pie .chart_box_wrap {display:flex;}
#main .chart_box .chart.pie .chart_box_wrap .chart_box {flex-grow:0; width:25%; padding:0 4.16vw;}
#main .chart_box .chart .chart_label {margin-top:40px; font-size:0; text-align:center;}
#main .chart_box .chart .chart_label > li {display:inline-block; position:relative; margin:0 10px; padding-left:17px; vertical-align:middle;}
#main .chart_box .chart .chart_label > li::before {content:''; display:block; position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; border-radius:50%;}
#main .chart_box.main_chart_device .chart .chart_label > li:nth-child(1)::before {background-color:#84C790;}
#main .chart_box.main_chart_device .chart .chart_label > li:nth-child(2)::before {background-color:#66A6E6;}
#main .chart_box.main_chart_device .chart .chart_label > li:nth-child(3)::before {background-color:#75BEDF;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(1)::before {background-color:#84C790;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(2)::before {background-color:#E2C583;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(3)::before {background-color:#E2A183;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(4)::before {background-color:#DF7593;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(5)::before {background-color:#83A7E2;}
#main .chart_box.main_chart_channel .chart .chart_label > li:nth-child(6)::before {background-color:#000000;}
#main .chart_box.main_chart_type .chart .chart_label > li:nth-child(1)::before {background-color:#66A6E6;}
#main .chart_box.main_chart_type .chart .chart_label > li:nth-child(2)::before {background-color:#8C75DF;}
#main .chart_box.main_chart_type .chart .chart_label > li:nth-child(3)::before {background-color:#CC75DF;}
#main .chart_box.main_chart_type .chart .chart_label > li:nth-child(4)::before {background-color:#DF7593;}
#main .chart_box.main_chart_type .chart .chart_label > li:nth-child(5)::before {background-color:#75BEDF;}
#main .tbl_basic tr th .btn_date {position:relative; padding-right:18px; font:inherit;}
#main .tbl_basic tr th .btn_date i {position:absolute; right:0; color:#D6D6D6; font-size:1rem;}
#main .tbl_basic tr th .btn_date i.up {top:-2px;}
#main .tbl_basic tr th .btn_date i.down {bottom:-2px;}

/* 비교 리포트 */
#compare .tbl_basic tr th:first-child,
#compare .tbl_basic tr td:first-child {width:20%;}
#compare .tbl_basic tr.total td span i {font-size:1.167rem; vertical-align:middle;}
#compare .tbl_basic tr.total td span.up,
#compare .tbl_basic tr.total td span.up i {color:#E24D4D;}
#compare .tbl_basic tr.total td span.up i::after {content:'\e930';}
#compare .tbl_basic tr.total td span.down,
#compare .tbl_basic tr.total td span.down i {color:#26ACE2;}
#compare .tbl_basic tr.total td span.down i::after {content:'\e936';}

/* 주차별 리포트 */
#week .tbl_basic tr th:first-child,
#week .tbl_basic tr td:first-child {width:16%;}
#week .tbl_basic tr td strong {font-size:inherit; font-weight:600;}
#week .tbl_basic tr td p {font-size:1.167rem;}
#week .tbl_basic tr td span {font-size:0.917rem;}
#week .tbl_basic tr td span.percent i {font-size:1.167rem; vertical-align:middle;}
#week .tbl_basic tr td span.percent.up,
#week .tbl_basic tr td span.percent.up i {color:#E24D4D;}
#week .tbl_basic tr td span.percent.up i::after {content:'\e930';}
#week .tbl_basic tr td span.percent.down,
#week .tbl_basic tr td span.percent.down i {color:#66A6E6;}
#week .tbl_basic tr td span.percent.down i::after {content:'\e936';}

/* 로그인,멤버 공통 */
.box_member {width:360px; height:560px; background-color:#fff; margin:150px auto 0; padding:60px 30px; border-radius:6px;}
.box_member h2 {padding-left:54px; background:url('../images/sub/icon_key_big.png') no-repeat left center /40px auto; font-size:2.667rem; line-height:1.2;}
.box_member .info {margin-top:30px; padding:15px 20px; border-radius:5px; background-color:#FFFBD8;}
.box_member .info p {padding-left:25px; background:url('../images/sub/icon_info.png') no-repeat top 3px left /16px auto; font-size:1.083rem;}
.box_member fieldset {position:relative; margin-top:30px;}
.box_member fieldset .fld {position:relative; margin-bottom:15px; font-size:0;}
.box_member fieldset .fld label {position:absolute; top:50%; left:20px; color:#999; font-size:1.167rem; transform:translateY(-50%); cursor:auto; transition:all .3s ease;}
.box_member fieldset .fld.active label {display:inline-block; top:0; background:#fff; color:#666; font-size:1.083rem; line-height:1;}
.box_member .form_input {width:100%; height:40px; padding:4px 20px; border:1px solid transparent; border-radius:6px; background:#F5F9FB; font-size:1.167rem; letter-spacing:-0.42px;
transition:background-color .3s ease;}
.box_member .form_input.pw {font-size:2rem;}
.box_member .form_input:focus {border-color:#000; outline:none !important; background-color:#fff;}
.box_member .form_input.data {background:url('../images/sub/icon_check.png') no-repeat right 20px center /16px auto #F3FCFF; border-color:transparent;}
.box_member .savessl {display:flex; justify-content:space-between; letter-spacing:-0.36px;}
.box_member .savessl .check input {opacity:0; position:absolute;}
.box_member .savessl .check input + label {position:relative; margin:0; padding:0 0 0 25px; font-stretch:normal; font-style:normal; letter-spacing:-0.42px; text-align:left; cursor:pointer;}
.box_member .savessl .check input + label:before,
.box_member .savessl .check input + label:after {content:''; width:16px; height:16px; margin-top:-8px; border-radius:2px; border:1px solid #DADADA; background-color:#fff; position:absolute; left:0; top:50%; }
.box_member .savessl .check input + label:after {content:'\e929'; background-color:#26ace2; border-color:transparent; font-family:xeicon; font-size:1.25rem; line-height:16px; color:#fff; opacity:0; transition:.2s ease;}
.box_member .savessl .check input + label:hover:before {border-color:#26ace2; transition:.2s ease;}
.box_member .savessl .check input:checked + label:after {opacity:1;}
.box_member .savessl .link {position:relative; z-index:1;}
.box_member .savessl .link a {display:block; padding-left:20px; background:url('../images/sub/icon_key.png') no-repeat left center /14px; font-weight:600;}
.box_member .savessl .link::after {content:''; position:absolute; left:0; bottom:2px; z-index:-1; width:100%; height:5px; background-color:transparent; transition:.2s;}
.box_member .savessl .link:hover::after {background-color:#D2F4FF;}
.box_member .box_btn {margin-top:20px;}

/* 로그인 */
#login h2 {background-image:url('../images/sub/icon_lock.png');}

/* 비밀번호 재발급 */
#pw_reset01 fieldset {margin-top:23px;}

/* 비밀번호 설정완료 */
#pw_reset03 .box {margin-top:35px; padding-top:120px; background:url('../images/sub/img_pw_reset03.png') no-repeat top center /100px auto; text-align:center;}
#pw_reset03 .box p {font-size:1.33rem;}
#pw_reset03 .box p strong {font-size:inherit;}
#pw_reset03 .box_btn {margin-top:40px;}



/*-----------------------------------------------------------------*/
/* Responsive
/*-----------------------------------------------------------------*/

@media all and (max-width:674px){
	/*-----------------------------------------------------------------*/
	/* 3. Layout
	/*-----------------------------------------------------------------*/
	#container {min-height:100%; padding-bottom:0;}
	#layout,#layout2{transition:none;}
	body.member #layout,
	body.member #layout2{min-width:100%;}
	.wrap_inner {padding:0;}

	/*-----------------------------------------------------------------*/
	/* 3-1. header
	/*-----------------------------------------------------------------*/
	nav {border-right:1px solid #EEF0F5;}
	/*nav .btn_toggle::after {content:''; position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-8px 0 0 -13px; border-radius:50%; background-color: #F5F9FB;}*/

	/*-----------------------------------------------------------------*/
	/* 3-2. footer
	/*-----------------------------------------------------------------*/
	footer {min-width:100%;}
	footer .copyright {font-size:0.917rem; white-space:nowrap;}

	/*-----------------------------------------------------------------*/
	/* 4. Page
	/*-----------------------------------------------------------------*/

	/* 로그인,멤버 공통 */
	.box_member {width:100%; height:100vh; margin-top:0; padding:60px 8.33%; border-radius:0;}
	.box_member .form_input.pw {font-size:1.167rem;}
}

.wrap_inner .daterangepicker{ margin-left: 31px; }
.wrap_inner .daterangepicker.opensleft:after{ left: 11px; right: unset;}
.wrap_inner .daterangepicker.opensleft:before{ left: 10px; right: unset;}

.wrap_inner .daterangepicker.daterangepicker-left:after{ left: 74px; }
.wrap_inner .daterangepicker.daterangepicker-left:before{ left: 73px;; }
.wrap_inner .daterangepicker.daterangepicker-right:after{ left: unset; right: 22px; }
.wrap_inner .daterangepicker.daterangepicker-right:before{ left: unset; right: 21px; }

.wrap_inner .daterangepicker .ranges li{ padding: 4px 12px; }