@charset "utf-8";

/* 기존 "css"에서 가져온 공통 부분 */
/* 기존 "css"와 중복이 생기는 부분이 있어 공동부분을 제외한 나머지 부분을 "main.css"와 나눴습니다. */
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 100;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 200;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 300;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 400;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 500;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 700;
}
@font-face {
    font-family : "Noto Sans KR";
    font-style  : normal;
    font-weight : 900;
}

* {
    font-family : "Noto Sans KR", sans-serif;
    font-weight : 400;
    font-size   : 1rem;
}
img[src$=".gif"],
img[src$=".png"] {
    image-rendering        : -moz-crisp-edges; /* Firefox */
    image-rendering        : -o-crisp-edges; /* Opera */
    image-rendering        : crisp-edges;
    -ms-interpolation-mode : nearest-neighbor; /* IE (non-standard property) */
}
img, video {
    max-width      : 100%;
    border         : 0;
    vertical-align : middle;
    height         : 100%;
}
ul, ol, dl, li {
    list-style : none;
}
a {
    vertical-align  : top;
    text-decoration : none;
    color           : #333;
}
table {
    border-collapse : collapse;
    border-spacing  : 0;
}
input, select, label {
    vertical-align : middle;
}
button, input, select, textarea {
    font-size       : 100%;
    margin          : 0;
    vertical-align  : baseline;
    *vertical-align : middle;
}
button, select {
    text-transform : none;
}
body {
    font-size   : 100%;
    line-height : 1.2;
}
label {
    cursor : pointer;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none;
}
input[type="search"] {
    -webkit-appearance : textfield;
    -moz-box-sizing    : content-box;
    -webkit-box-sizing : content-box;
    box-sizing         : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border  : 0;
    padding : 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance : button;
    cursor             : pointer;
    *overflow          : visible;
}
textarea {
    overflow       : auto;
    vertical-align : top;
}
address {
    font-style : normal;
}

.top-btn p {
    position         : fixed;
    right            : 50px;
    bottom           : 110px;
    border-radius    : 100%;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    width            : 62px;
    height           : 62px;
    box-shadow       : 0 2px 5px 1px rgba(7, 8, 22, 0.15);
    border           : solid 1px #eee;
    background-color : #fff;
    cursor           : pointer;
    z-index          : 1;
}
.float-btn {
    position : fixed;
    right    : 29px;
    bottom   : 165px;
    z-index  : 5;
}
.float-btn .nav-menu {
    width            : 62px;
    height           : 62px;
    border-radius    : 100%;
    box-shadow       : 0 3px 15px 1px rgb(7 8 22 / 15%);
    background-color : #1d8ae6;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    border:  #1d8ae6;
}

.float-btn .nav-menu > div {
    width    : 34px;
    height   : 34px;
    position : relative;
}
.float-btn .nav-menu .bar {
    position           : absolute;
    left               : 0;
    right              : 0;
    margin             : auto;
    width              : 22px;
    height             : 2px;
    display            : block;
    background         : #fff;
    -webkit-transition : all 0.35s ease;
    -khtml-transition  : all 0.35s ease;
    -moz-transition    : all 0.35s ease;
    -ms-transition     : all 0.35s ease;
    -o-transition      : all 0.35s ease;
    transition         : all 0.35s ease;
}
.float-btn .nav-menu .bar.pos1 {
    top : 8px;
}
.float-btn .nav-menu .bar.pos2 {
    top        : 15px;
    opacity    : 1;
    filter     : alpha(opacity=100);
    -ms-filter : alpha(opacity=100);
}
.float-btn .nav-menu .bar.pos3 {
    top : 22px;
}

.float-btn .nav-menu .selected .bar.pos1 {
    -webkit-transform : translateY(7px) rotate(45deg);
    transform         : translateY(7px) rotate(45deg);
}
.float-btn .nav-menu .selected .bar.pos2 {
    opacity    : 0;
    filter     : alpha(opacity=0);
    -ms-filter : alpha(opacity=0);
}
.float-btn .nav-menu .selected .bar.pos3 {
    -webkit-transform : translateY(-7px) rotate(-45deg);
    transform         : translateY(-7px) rotate(-45deg);
}
.float-btn .nav-menu .selected .bar {
    width : 26px;
}
.float-btn ul {
    position   : absolute;
    transition : 0.4s;
    transform  : scale(0);
    bottom     : -100%;
    opacity    : 0;
}
.float-btn ul.selected {
    opacity   : 1;
    transform : scale(1);
    bottom    : 100%;
}
.float-btn ul a {
    border-radius    : 100%;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    width            : 62px;
    height           : 62px;
    box-shadow       : 0 3px 15px 1px rgba(7, 8, 22, 0.15);
    border           : solid 1px #eee;
    background-color : #fff;
}
.float-btn ul > li {
    position : relative;
    margin   : 10px 0;
}
.float-btn ul > li > p {
    position    : absolute;
    font-size   : 15px;
    width       : 100%;
    white-space : nowrap;
    color       : #0f76ea;
    top         : 50%;
    transform   : translateY(-50%);
    left        : calc(-100% - 15px);
    text-align  : right;
}

/* ios */
input, textarea, button, select {
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    -o-border-radius      : 0;
    border-radius         : 0;
}
input:disabled {
    -webkit-text-fill-color : inherit;
    opacity                 : 1;
}


/**
 * 새로 짜여진 CSS
 */

/* common */
.page-line {
    border-bottom : 1px solid #ddd;
}
.clear {
    width     : 100%;
    height    : 40px;
    /*font-size : 0;*/
    clear     : both;
    margin    : 0;
    padding   : 0;
    border    : none;
}

/* btn style */
.link-btn {
    width         : auto;
    height        : auto;
    padding       : 10px 20px;
    border-radius : 30px;
    font-size     : 1.1rem;
    line-height   : 100%;
    display       : inline-block;
    cursor        : pointer;
}
.link-btn.normal {
    border : 1px solid #aaa;
    color  : #555;
}
.link-btn.color {
    background-color : #1d8ae6;
    border           : 1px solid #1d8ae6;
    color            : #fff;
}
.link-btn.icon > p {
    display         : inline-block;
    vertical-align  : top;
}
.link-btn.icon > span {
    display         : inline-block;
    vertical-align  : top;
    background-size : cover;
}

/* 로그인 및 회원가입 버튼 */
.link-btn.join {
    height      : 47px;
    line-height : 25px;
    position    : absolute;
    top         : 0;
    right: 10px;
}
.link-btn.login {
    position : absolute;
    top      : 0;
    left     : -5px;
}
.link-btn.icon.login > p {
    margin-top  : 2px;
    margin-left : 10px;
}
.link-btn.icon.login > span {
    width      : 22px;
    height     : 25px;
    background : url('../../img/main/new02/login_btn_icon.png') no-repeat center;
}



/* 회원정보 보기 버튼 */

.link-btn.myinfo {
    position : absolute;
    top      : 0;
    left     : -5px;
    background-color: #1d8ae6;
    border: 1px solid #1d8ae6;
}
/*.link-btn.icon.myinfo > i,p {
    margin-top  : 2px;
    margin-left : 10px;
    color: #ffffff !important;
}*/




.img-btn {
    width   : auto;
    height  : auto;
    filter  : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    display : inline-block;
    cursor  : pointer;
}
.img-btn a > img {
    width : 100%;
}

/* root */
#root {
    width       : 100%;
    height      : auto;
    overflow    : hidden;
    position    : relative;
    padding-top : 85px;
}

/* 상단 */
#header {
    width            : 100%;
    height           : auto;
    margin           : 0 auto;
    z-index          : 9999;
    position         : fixed;
    top              : 0;
    left             : 0;
    background-color : #fff;
    /*box-shadow : 0 0 10px 0 #ccc;*/
}
/*=============메뉴리스트 시작 ( 원본 = main.css 소스 )=============*/
.head {
    height: 100px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    flex-direction: column;
    min-width: 1350px;
}
.head .inner {
    max-width: 1330px;
    width: 100%;
    padding: 0 50px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    justify-content: center;
    /* height: 100%;         헤더 창 높이 수정 */
    height: 85px;
    margin: auto;
}
.head .logo {
    position: absolute;
    left: 50px;
}
.head .allcate {
    box-shadow: 0px 5px 9.7px -1.7px rgba(7, 8, 22, 25%);
    background-color: #f9f9f9;
    width: 100%;
    /*position: absolute;*/
 }
.head .allcate .allcat_inner {
 /*   height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);*/
}
.head .inner .gnb {
    display: flex;
    height: 100%;
}
.head .inner .gnb > li {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 35px;
}
/* 상단 메뉴리스트 호버시 상단에 영역 표시 */
.head .inner .gnb > li::before {
    content: "";
    display: block;
    height: 5px;
    background: transparent;
    left: 0;
    right: 0;
    position: absolute;
    width: calc(100% - 60px);
    margin: auto;
    bottom: 2px;
    pointer-events: none;
    transition: all 0.3s;
}
.head .inner .gnb > li.active::before {
    background: #0f76ea;
}
.head .inner .gnb > li:last-child {
    margin-right: 0;
}
.head .inner .gnb > li > a {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 35px;
}
.head .inner .gnb li .depth2 {
    position: absolute;
    top: 65%;
    z-index: 1;
    white-space: inherit;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-height: 400px;
    /* overflow-y: auto; */
    display: none;
}

.head .inner .gnb li .depth2 > li {
    margin-top: 20px;
}
.head .inner .gnb li .depth2 > li:first-child {
    margin-top: 35px;
}
.head .inner .gnb li .depth2 > li > a {
    font-size: 15px;
    font-weight: 500;
    display: block;
    transition: all 0.2s;
    color: #606060c7;
}
.head .inner .gnb li .depth2 > li > a:hover {
    color: #0f76ea;
}
.head .inner .gnb li .depth2 > li > .depth3 {
    margin-top: 20px;
}
.head .inner .gnb li .depth2 > li > .depth3 li {
    margin-top: 10px;
}
.head .inner .gnb li .depth2 > li > .depth3 li:first-child {
    margin-top: 0;
}
.head .inner .gnb li .depth2 > li > .depth3 li > a {
    font-size: 15px;
    color: #777;
    transition: all 0.2s;
}
.head .inner .gnb li .depth2 > li > .depth3 li > a:hover {
    color: #0f76ea;
}


/*=============메뉴리스트 끝=============*/





/* 네비 */
#header > div.header-nav {
    /*width    : 100%;*/
    width: 100%;
    height   : 85px;
    position : relative;
}
#header > div.header-nav ul.menu {
    width: auto;
    height: auto;
    display: inline-block;
}
#header > div.header-nav ul.menu > li {
    width       : auto;
    height      : auto;
    font-size   : 1.3rem;
    font-weight : 500;
    display     : inline-flex;
    cursor      : pointer;
    margin-left : 25px;
    right: 20px;
}
#header > div.header-nav > .header-nav__logo {
    position        : absolute;
    top             : 10px;
    left            : 7%;
    width           : 180px;
    height          : 60px;
    background      : url('../../img/main/new02/logo.png') no-repeat center;
    background-size : cover;
    z-index         :   4;
}

#header > div.header-nav > .header-nav__menu {
    width  : 100%;
    height : 100%;
}
#header > div.header-nav > .header-nav__gnb {

}
#header > div.header-nav > .header-nav__top {
    width    : 240px;
    height   : 47px;
    position : absolute;
    top      : 20px;
    right    : 0%;
}

/* banner */
#banner {
    width      : 1600px;
    height     : 587px;
    margin     : 0 auto;
    position   : relative;
    overflow-x : hidden;
}
#banner > div.banner-inner {
    width      : 200%;
    height     : 100%;
    display    : flex;
    position   : absolute;
    left       : 0;
}
#banner > div.banner-inner > .banner-inner__set {
    width    : 1600px;
    height   : 100%;
    display  : flex;
    position : relative;
}
#banner > div.banner-inner > .banner-inner__set p.img-btn {
    position : absolute;
}
/* banner player */
#banner > div.banner-player {
    width    : 100%;
    height   : 16px;
    position : absolute;
    bottom   : 20px;
    left     : 0;
}
#banner > div.banner-player > .banner-player__set {
    width      : 100%;
    height     : 100%;
    text-align : center;
    position   : relative;
}
#banner > div.banner-player > .banner-player__set ul {
    width   : auto;
    height  : 100%;
    display : inline-block;
}
#banner > div.banner-player > .banner-player__set li {
    width               : 16px;
    height              : 16px;
    background-image    : url('../../img/main/new02/main_banner_icon.png');
    background-repeat   : no-repeat;
    background-position : 0 -16px;
    display             : inline-block;
    cursor              : pointer;
}
#banner > div.banner-player > .banner-player__set li:not(:last-child) {
    margin-right : 15px;
}
#banner > div.banner-player > .banner-player__set li.on {
    background-position : 0 0;
}
#banner > div.banner-player > .banner-player__set > p.play-stop__btn {
    width               : 11px;
    height              : 13px;
    position            : absolute;
    top                 : 2px;
    background-image    : url('../../img/main/new02/main_banner_play_icon.png');
    background-repeat   : no-repeat;
    cursor              : pointer;
}
#banner > div.banner-player > .banner-player__set > p.play-stop__btn.play {
    background-position : 0 0;
}
#banner > div.banner-player > .banner-player__set > p.play-stop__btn.stop {
    background-position : 0 -13px;
}

/* main content */
div.page {
    width  : 1600px;
    height : auto;
    margin : 0 auto;

}
div.page > div.page-inner {
    width  : 100%;
    height : auto;
}
div.page > div.page-inner > p.txt {
    width       : 100%;
    height      : auto;
    font-weight : 400;
    font-size   : 2.7rem;
    color       : #222;
    text-align  : center;
    margin-top  : 210px;
}
div.page > div.page-inner > p.txt span.point {
    color       : #ff3000;
    font-weight : 600;
}
div.page > div.page-inner > div.btn {
    width      : 100%;
    height     : auto;
    text-align : center;
    margin     : 30px 0 150px 0;
}
/*     */
div.page > div.page-inner > div.btn .img-btn {
    width : 280px;
}
div.page > div.page-inner > div.btn .img-btn img {
    width : 100%;
}
/*     */
div.page > div.page-inner > .page-inner__title {
    width      : 100%;
    height     : auto;
    text-align : center;
    margin-top : 100px;
}
div.page > div.page-inner > .page-inner__title p.title {
    font-size : 2.3rem;
    display   : inline-block;
    position  : relative;
}
div.page > div.page-inner > .page-inner__title p.super_sub {
    font-size  : 1.2rem;
    color      : #333;
    margin-top : 3px;
}
div.page > div.page-inner > .page-inner__title p.title span.point {
    font-weight : 600;
}
div.page > div.page-inner > .page-inner__title p.title span.icon {
    width      : 20px;
    height     : 20px;
    position   : absolute;
    top        : -25px;
    right      : -25px;
    background : url('../../img/main/new02/title_icon.png') no-repeat center;
}


div.page > div.page-inner > .page-inner__content {
    width  : 100%;
    height : auto;
}
div.page > div.page-inner > .page-inner__content .price_sub_content p{
    display: block;
    float: right;
    padding: 20px 15px;
    font-size: 1.4rem;
    color: gray;
    width: 45%;
    text-align: center;
}



/* 20221129 가격정채 하단 텍스트 박스 , 추가한css 사용안하면 삭제해도 됨. */
/*div.page > div.page-inner > .page-inner__content div.inner .page-inner__footer{*/
    /*background-color: #f7f7f7;*/
    /*width: 100%;*/
    /*height: auto;*/
    /*margin: 25px 0 10px 0;*/
/*}*/
/*div.page > div.page-inner > .page-inner__content div.inner .page-inner__footer li{*/
    /*width: 100%;*/
    /*height: auto;*/
    /*color: #222;*/
    /*font-size: 1.1rem;*/
    /*font-weight: 400;*/
    /*margin-bottom: 5px;*/
    /*margin: auto;*/
    /*line-height: 30px;*/
/*}*/
/*!*221128 가격정책 하단 텍스트 정렬*!*/
/*div.page > div.page-inner > .page-inner__content div.inner .page-inner__footer ul{*/
    /*margin: auto;*/
    /*width: max-content;*/
    /*padding: 15px;*/
/*}*/


div.page > div.page-inner > .page-inner__content div.inner {
    width  : 100%;
    height : auto;
}
div.page > div.page-inner > .page-inner__footer {
    width      : 100%;
    height     : auto;
    text-align : center;
}
div.page > div.page-inner > .page-inner__footer > div.inner {
    width  : 100%;
    height : auto;
    margin : 10px 0 20px 0;
}
div.page > div.page-inner > .page-inner__footer > div.inner ul {
    width      : auto;
    height     : auto;
    display    : inline-block;
    text-align : left;
}
div.page > div.page-inner > .page-inner__footer > div.inner li {
    width         : auto;
    height        : auto;
    color         : #222;
    font-size     : 1.0rem;
    font-weight   : 300;
    margin-bottom : 5px;
}
div.page > div.page-inner > .page-inner__footer p {
    color: #222;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: inherit;
}

/* footer */
#footer {
    width            : 100%;
    height           : auto;
    background-color : #333333;
}
#footer > div.footer-inner {
    width  : 100%;
    height : 367px;
    /*height : auto;*/
}
#footer > div.footer-inner .footer-inner__top {
    width         : 100%;
    height        : 80px;
    line-height   : 80px;
    border-bottom : 1px solid #666;
}
#footer > div.footer-inner .footer-inner__top ul {
    width        : 100%;
    height       : 100%;
    padding-left : 30px;
}
#footer > div.footer-inner .footer-inner__top li {
    width     : auto;
    height    : 100%;
    color     : #fff;
    font-size : 1.1rem;
    display   : inline-block;
    cursor    : pointer;
}
#footer > div.footer-inner .footer-inner__top li a{
    color: white;
    font-size: 1.0rem;
}

#footer > div.footer-inner .footer-inner__top li:not(:last-child) {
    margin-right : 55px;
}
#footer > div.footer-inner .footer-inner__bottom {
    width          : 100%;
    height         : auto;
    position       : relative;
    padding-bottom : 40px;
}
/*#footer > div.footer-inner .footer-inner__bottom > p.logo {*/
    /*width      : 126px;*/
    /*height     : 46px;*/
    /*background : url('../../img/main/new02/main_footer_logo.png') no-repeat center;*/
    /*position   : absolute;*/
    /*top        : 55px;*/
    /*left       : 30px;*/
/*}*/
/* 20221128 푸터로고 p태그에서 a태그로 변경 */
#footer > div.footer-inner .footer-inner__bottom > a.logo {
    width      : 126px;
    height     : 46px;
    /*background : url('../../img/main/new02/main_footer_logo.png') no-repeat center;*/
    position   : absolute;
    top        : 55px;
    left       : 30px;
}
#footer > div.footer-inner .footer-inner__bottom ul {
    width        : 100%;
    height       : auto;
    padding-left : 240px;
    margin-top   : 30px;
}
#footer > div.footer-inner .footer-inner__bottom li {
    width      : 100%;
    height     : auto;
    color      : #ccc;
    font-size  : 1.0rem;
    margin-top : 5px;
}
#footer > div.footer-inner .footer-inner__bottom ul.client li {
    color       : #fff;
    font-size   : 1.0rem;
    font-weight : 500;
}
#footer > div.footer-inner .footer-inner__bottom ul.client li span.point {
    color     : #ff1010;
    font-size : 1.4rem;
}

/* 고객사 */
div#client ul {
    width      : 100%;
    height     : 100px;
    margin-top : 30px;
    text-align : center;
}
div#client ul:first-child {
    margin-top : 60px;
}
div#client ul:last-child {
    margin-bottom : 70px;
}
div#client li {
    width   : 130px;
    height  : 100px;
    display : inline-block;
}
div#client li:not(:first-child) {
    margin-left : 50px;
}
div#client li img {
    width : 100%;
}

/* 주요 특징 */
div#special > div.special_set {
    width  : 80%;
    height : auto;
    margin : 0 auto;
    padding-bottom : 10px;
}
div#special > div.special_set:last-child {
    padding-bottom : 100px;
}
div#special > div.special_set ul {
    width      : 50%;
    height     : auto;
    margin-top : 30px;
    text-align : center;
}
div#special > div.special_set ul:nth-child(odd) {
    float : left;
}
div#special > div.special_set ul:nth-child(even) {
    float : right;
}
div#special > div.special_set li {
    width  : 100%;
    height : auto;
}
div#special > div.special_set li.img {
    /*height     : 251px;*/
    height: 210px;
}
div#special > div.special_set li.img img {
    height     : 100%;
}
/*221128 'SUB'라는 클래스명은 중복되어서 지우고, NTH-CHILD로 CSS-STYLE 주입*/
div#special > div.special_set li:nth-child(2) {
    font-size   : 2.0rem;
    font-weight : 500;
    margin-top  : 5px;
    color       : #222;
}
div#special > div.special_set li:nth-child(3) {
    font-size   : 1.2rem;
    font-weight : 400;
    margin-top  : 0;
    color       : #3077d8;
}
div#special > div.special_set li:nth-child(4) {
    font-size   : 1.2rem;
    font-weight : 300;
    color       : #111;
    margin-top  : 15px;
    line-height : 135%;
    display     : inline-block;
}

/* 가격 정책 */
div.page.price {
    height      : auto;
    background  : url('../../img/main/new02/main_4p_bg.png') no-repeat center;
    padding-top : 100px;
    overflow-y  : hidden;
}
div.page.price > div.page-inner > .page-inner__title p.title span.icon {
    right : 120px;
}
div.page.price > div.page-inner > .page-inner__title {
    margin-top : 0;
}
div#price {
    margin-top : 80px;
    text-align : center;
}
div#price p.title {
    font-size  : 1.1rem;
    text-align : center;
}
/*div#price div.price_set {*/
    /*width      : 100%;*/
    /*height     : auto;*/
    /*margin-top : 11px;*/
    /*display    : inline-block;*/
    /*text-align : center;*/
/*}*/
/*div#price div.price_set > p:not(:first-child) {*/
    /*margin-left: 100px;*/
/*}*/
/*div#price div.price_set > p.img {*/
    /*width   : 388px;*/
    /*height  : 424px;*/
    /*display : inline-block;*/
/*}*/
/*div#price div.price_set > p.img img {*/
    /*width : 100%;*/
/*}*/
/* 20221129  수정 후 가격정책 css */
div#price div.price_set {
    width      : 80%;
    height     : auto;
    margin-top : 10px;
    display    : inline-block;
    text-align : center;
}
div#price div.price_set > div:not(:first-child) {
    margin-left : 80px;
}
div#price div.price_set > div.img {
    width    : 350px;
    height   : auto;
    display  : inline-block;
    position : relative;
}
div#price div.price_set > div.img img {
    width : 100%;
}
div#price div.price_set > div.img > ul {
    width    : auto;
    height   : auto;
    position : absolute;
    top : 110px;
    right : 60px;
    font-size: 1.4rem;
    font-weight : 500;;
}
div#price div.price_set > div.img > ul li {
    margin-top : 10px;
}





/* 요금 정책 */
div.page.price02 {
    background-color : #f7f7f7;
    padding-top      : 100px;
}
div.page.price02 > div.page-inner > .page-inner__title {
    margin-top : 0;
}
div#price02 {
    margin-top : 10px;
}
div#price02 > p.line {
    width  : 100%;
    height : 22px;
}
div#price02 > p.line.top {
    background-color : #e9e7e7;
}
div#price02 > p.line.bottom {
    /*background-color : #4446a7;*/
    background-color: #c8c8c8;
}
div#price02 > div.price02-table {
    width            : 100%;
    height           : auto;
    /*background-color : #5052c7;*/
    background-color: #4e5d7c;
}
div#price02 > div.price02-table div.set {
    width      : 1000px;
    height     : auto;
    margin     : 0 auto;
}
/*221128 추가*/
div#price02 > div.price02-table div.set .cashList{
    color: #c5adff;
    font-size: 1.4rem;
}


div#price02 > div.price02-table div.set:not(:last-child) {
    background : url('../../img/main/new02/main_5p_line.png') no-repeat center bottom;
}
div#price02 > div.price02-table div.set ul {
    width : 100%;
}
div#price02 > div.price02-table div.set.title ul {
    height : 80px;
}
div#price02 > div.price02-table div.set.val ul {
    height : 90px;
}
/*221128 가격표 width 25 -> 24% */
div#price02 > div.price02-table div.set li {
    width       : 24%;
    height      : 100%;
    display     : inline-block;
    text-align  : center;
    font-size   : 1.6rem;
    font-weight : 500;
    color       : #fff;
}
div#price02 > div.price02-table div.set.title li {
    color       : #9ca6e3;
    line-height : 80px;
}
div#price02 > div.price02-table div.set.val li {
    vertical-align : top;
}
div#price02 > div.price02-table div.set.val li:first-child {
    line-height : 90px;
}
div#price02 > div.price02-table div.set.val li:not(:first-child) {
    padding-top : 13px;
}
div#price02 > div.price02-table div.set.val li p {
    font-size   : 1.4rem;
    font-weight : 200;
}

/* 발송 취소건 */
div.page.refund {
    height      : auto;
    background  : url('../../img/main/new02/main_6p_bg.png') no-repeat center;
    padding-top : 100px;
    overflow-y  : hidden;
}
div.page.refund > div.page-inner > .page-inner__title {
    margin-top : 0;
}
div#refund > div.refund_set {
    width      : 100%;
    height     : 100%;
    text-align : center;
}
div#refund > div.refund_set p.img {
    width      : 100%;
    height     : 550px;
    margin     : 5px auto 0;
    background : url('../../img/main/new02/main_6p_img01.png') no-repeat center;
    background-size : contain;
}

/* 다중 발신번호 관리 */
div.page.multiple {
    height      : auto;
    background  : url('../../img/main/new02/main_7p_bg.png') no-repeat center;
    padding-top : 100px;
    overflow-y  : hidden;
}
div.page.multiple > div.page-inner > .page-inner__title {
    margin-top : 0;
}
div#multiple > div.multiple_set {
    width      : 100%;
    height     : 100%;
    text-align : center;
}
div#multiple > div.multiple_set p.img {
    width      : 100%;
    height     : 510px;
    margin     : 25px auto 0;
    background : url('../../img/main/new02/main_7p_img01.png') no-repeat center;
     background-size : contain;
}


/* 메인페이지 aside 세션 정보 리모콘 박스 */
#root .sub_myinfo {
    position: fixed;
    width: 140px;
    right: 5px;
    top: 95px;
    display: grid;
    padding: 0px 20px 15px 20px;
    border: 1px solid #ebebeb;
    background: rgb(255 255 255);
    align-content: center;
    justify-content: space-around;
    z-index: 5;
    border-radius: 22px;
    height: auto;
    box-shadow: none;
}
#root .sub_myinfo ul{ display: table-cell; }
#root .sub_myinfo .nandc{ width: 100%; text-align: center; padding-bottom: 10px; }
#root .sub_myinfo .nandc li {position: relative;display: grid; color: #47495a;}
#root .sub_myinfo .nandc li:first-child{ margin-top: 5px; margin-bottom: 10px; }
#root .sub_myinfo .nandc li:first-child .user{ font-size: 16px; font-weight: 500; letter-spacing: 2px; line-height: 30px; }
#root .sub_myinfo .nandc li:first-child .user .s_lv{ padding: 10px 20px 10px 20px; border-radius: 50px; background: #3756ffc7; color: #fff; font-size: 12px; font-family: 'GmarketSans'; font-weight: 500; vertical-align: middle; line-height: 4; }
#root .sub_myinfo .nandc li:first-child .user_quick{ position: absolute; top: 0; right: 0; }
#root .sub_myinfo .nandc li:first-child .user_quick a{ position: relative; padding-left: 5px; color: #404653; font-size: 12px; }
#root .sub_myinfo .nandc li:first-child .user_quick a:hover{ color: #354059; }
#root .sub_myinfo .nandc li:first-child .user_quick a:nth-child(1){ margin-left: 0px; /* padding-right: 7px; */ padding-left: 0px; }
#root .sub_myinfo .nandc li:first-child .user_quick a:nth-child(1)::before{display:inline-block; width:1px; height: 8px; top: 58%; right: 0; margin-top: -5px; /* background:#b6b8bd; */ vertical-align: middle;}
#root .sub_myinfo .letter{     max-width: 140px;    border-top: 3px double #dcdcdc;    text-align: center; }
#root .sub_myinfo .letter li{ line-height: 35px; font-size: 0.8rem;}
#root .user_quick{
    background-color: #595959;
    padding: 7px;
    text-align: center;
    border-radius: 10px;
    margin-top: 15px;
    width: 135px;
    margin: 10px auto -16px;
    font-size: 0.9rem;
}
#root .user_quick a{
    color: #dcd507;
}


/* 웹브라우져 alert창 css*/
#warningMessage{
    display: block;
    position: fixed;
    top: 20%;
    padding: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    vertical-align: middle;
    padding: 20px 30px;
    background-color: #f44336;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(2, 2, 0, 0.3);
}