/*
    font : font.css
         : SCDream1 ~ 9 (에스코어드림)
         : ESABold, ESALight, ESAMedium (이사만루)
*/

body {font-family: SCDream4; color:#282828; letter-spacing: -0.05em;}
*, ::before, ::after {box-sizing:border-box;}
button, input[type=button], .button {outline: none; cursor:pointer; border:0px;}
input {outline:none;}
table {border-spacing:0; border-collapse:collapse; border:0;}
table td, th {padding:0;}
ul, li {list-style: none; padding:0; margin:0;}
a {text-decoration: none; color:inherit;}
.clear {clear:both !important;}
.center {text-align:center !important;}
.left {float:left;}
.right {float:right;}
.link {cursor:pointer;}

body {min-width:1400px; max-width:1920px; background:#f5f5f5;}
body.main {background-image: -moz-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-image: -webkit-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-image: -ms-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-size:1920px; height:1024px; background-position-x: left; background-repeat:no-repeat; }
body.service {background-image: -moz-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-image: -webkit-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-image: -ms-linear-gradient( 155deg, rgb(98,135,177) 0%, rgb(143,30,128) 100%);
    background-size:1920px; height:1024px; background-position-x: left; background-repeat:no-repeat; }

body > .header {
	/*background-image: url('/resources/indiple/imgs/header_bg.png');*/
	width: 100%;
	height: 123px;
	background-position: center;
	padding: 32px;
	padding-bottom: 0px;
	margin-bottom: 40px;
}
body>.content {min-height:420px;}
body>.content>div {padding:0px 80px;}
body>.footer {background-image:url('/resources/indiple/imgs/footer_bg2.png'); width:100%; height:287px; background-position:center; padding:80px; display:flex; align-items: center;}
body>.footer dl {}
body>.footer dl, dd {margin:0; padding:0;}
body>.footer dl {width:100%; display:flex; align-items:center;}
body>.footer dd {color:#fff; float:left; display:flex; align-items: center;}
body>.footer dd:nth-child(1) {width:220px;}
body>.footer dd:nth-child(2) {width:calc( 100% - 616px );}
body>.footer dd:nth-child(3) {width:238px; font-size:24px;}
body>.footer dd:nth-child(3) img {margin-right:10px;}
body>.footer dd:nth-child(4) {width:178px; font-size:24px;}
body>.footer dd:nth-child(4) img {margin-right:10px;}
body>.footer ul, li {list-style:none;}
body>.footer li {display:inline-block; font-family: SCDream3; font-size:16px; line-height:1.4;}
body>.footer li:first-child{padding-left:0px;}
body>.footer li:last-child{padding-right:0px;}
body>.footer li:nth-child(1) {width:126px;}
body>.footer li:nth-child(2) {width:100px;}
body>.footer li:nth-child(3) {width:187px;}
body>.footer li:nth-child(4) {width:227px;}
body>.footer li:nth-child(5) {width:444px;}
body>.footer li:nth-child(6) {width:152px;}
body>.footer li:nth-child(7) {width:225px;}
body>.footer br + li {padding-left:0px;}
body>.modal_layer {position:absolute; top:0; left:0;}

/* main */
[class*="section_0"] {padding-left:80px; padding-right:80px;}

.main .section_01 {padding-top:75px; min-height:761px;}
.main .section_01 .main_title {margin-bottom:20px; margin-top:40px;}
.main .section_01 .sub_title {margin-bottom:60px;}
.main .section_01 .join {margin-right:5px;}
.main .section_01 .login_box {padding-top:45px; padding-left:36px; padding-right:36px; padding-bottom:35px; background-color:#fff; max-width:395px; max-height:597px;}
.main .section_01 .login_box .title {font-size: 40px; color:#4772a4; text-align:center; margin-bottom:56px;}
.main .section_01 .login_box input[type=text] {margin-bottom:24px;}
.main .section_01 .login_box input[type=password] {margin-bottom:32px;}
.main .section_01 .login_box .chk {font-size:20px; line-height:26px; margin-bottom:70px;}
.main .section_01 .login_box .chk span {float:right;}
.main .section_01 .login_box .chk input[type=checkbox] {display:none; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.main .section_01 .login_box .chk input[type=checkbox]+label {cursor:pointer; display:inline-block; position:relative; -wekit-user-select:none; -moz-user-select: none; -ms-user-select:none;}
.main .section_01 .login_box .chk input[type=checkbox]+label:before {content: ' '; display: inline-block; width: 26px; height: 26px; line-height: 26px; margin: -4px 8px 0 0; text-align: center; vertical-align: middle; border:1px solid #d7d7d7;}
.main .section_01 .login_box .chk input:checked+label:before {content: "\2714";}
.main .section_01 .login_box .chk span {cursor:pointer;}
.main .section_01 .login_box .login {color:#fff; background-color:#4772a4;}
.main .section_01 .login_box .clear {margin-bottom:38px;}
.main .section_01 .login_box .bottom {font-size:20px;}
.main .section_01 .login_box .link {color:#8f1e81;}

.main .section_02 {min-height:634px; padding:150px 80px; text-align:center; background-color:#fff; clear:both;}
.main .section_02 .section_title {text-align:center; margin-bottom:80px;}
.main .section_02>div:nth-child(2) {display:flex; justify-content: space-between; max-width:1456px; margin:0 auto;}
.main .section_02 .count_box {display:inline-block;}
.main .section_02 .count_box:first-child {}
.main .section_02 .count_box:last-child {}
.main .section_02 .count_box:last-child .content {background-color:#4772a4;}

.main .section_03 {min-height:730px; background-color:#f5f5f5; padding:140px 80px; text-align:center;}
.main .section_03>div:nth-child(2) {display:flex; justify-content: space-between; max-width:1456px; margin:0 auto;}
.main .section_03 .section_title {text-align:center; margin-bottom:80px;}
.main .section_03 .sales_box {display:inline-block;}
.main .section_03 .sales_box:first-child {}
.main .section_03 .sales_box:last-child {}

.main .section_04 {min-height:1381px; background-color:#fff; padding:140px 80px; text-align:center;}
.main .section_04 .section_title {text-align:center; margin-bottom:80px;}
.main .section_04 ul {text-align:center;}
.main .section_04 li {display:inline-block;}

.main .section_05 {
    background-image: -moz-linear-gradient( 52deg, rgb(75,112,160) 0%, rgb(117,73,157) 55%, rgb(159,34,154) 100%);
    background-image: -webkit-linear-gradient( 52deg, rgb(75,112,160) 0%, rgb(117,73,157) 55%, rgb(159,34,154) 100%);
    background-image: -ms-linear-gradient( 52deg, rgb(75,112,160) 0%, rgb(117,73,157) 55%, rgb(159,34,154) 100%);
    padding:130px 40px; text-align:center; padding-bottom:90px;
}
.main .section_05 .section_title {text-align:center; margin-bottom:80px;}
.main .section_05 ul {text-align:center; width:100%;}
.main .section_05 li {text-align:left; width:33%; display:inline-block; min-width:520px;}
.main .section_05 li .card {width:520px; padding-top:40px; padding-bottom:40px;}



/* service */
.service .search {margin-top:-35px; overflow:auto; padding-bottom:110px;}
.service .search select {float:left; width:350px; margin-right:30px;}
.service .search input {float:left; width:calc( 100% - 385px );}

.service .list {background-color:#f5f5f5; padding:100px 80px;}
.service .list .table {margin-bottom:100px;}
.service .list .table td div {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.service .list .table:last-child {margin-bottom:0px;}


/* order */
.order>.content {padding-top:40px; padding-bottom:60px;}
.order .summary dl {width:100%; display:flex; justify-content: space-between;}
.order .summary dl dd {width:100%; margin:0px 15px;}
.order .summary dl dd:first-child {margin-left:0px;}
.order .summary dl dd:last-child {margin-right:0px;}

.order .grid {display:grid; grid-template-columns:repeat(2, 1fr);  grid-gap:30px; grid-auto-rows: minmax(100px, auto); margin-top:54px;}
.order .grid .one {grid-column:1; grid-row: 1 / 4;}
.order .grid .two {grid-column:2; grid-row: 1;}
.order .grid .three {grid-column:2; grid-row: 2 / 4;}
/*
.order .grid {display:-ms-grid;display:grid; -ms-grid-columns:1fr 30px 1fr; grid-template-columns:repeat(2, 1fr);  grid-gap:30px; grid-auto-rows: minmax(100px, auto); margin-top:54px; width:100%;}
.order .grid .one {-ms-grid-column:1;grid-column:1; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 4;}
.order .grid .two {-ms-grid-column:2;grid-column:2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1;}
.order .grid .three {-ms-grid-column:2;grid-column:2; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4;}
*/
.order .grid>div>div {height:100%;}
.order .grid .one .select {font-family: SCDream3; font-size:16px;}
.order .grid .one .select .emoji_text {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.order .grid .one .select .emoji_text i {margin-right:0px; vertical-align:unset;}
.order .grid .one .info_list {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:10px; grid-auto-rows:minmax(50px, auto);}
/*.order .grid .one .info_list {display:-ms-grid;display:grid; -ms-grid-columns:1fr 10px 1fr 10px 1fr; grid-template-columns:repeat(3, 1fr); grid-gap:10px; grid-auto-rows:minmax(50px, auto);}*/
.order .grid .one .content .detail {margin-top:30px;}
.order .grid .one .content .detail .content {line-height:1.7;}
.order .grid .one .content .desc {color:#e65757; font-size:16px; margin-top:20px;}
.order .grid .one .label {margin-top:30px; margin-bottom:15px;}
.order .grid .one .label:first-child {margin-top:0px;}
.order .grid .one input[type=text] {margin-top:30px; height:40px; padding:14px 10px; font-size:16px; font-family: SCDream3; color:#282828;}
.order .grid .one input[type=text]::placeholder {color:#7b7b7b;}
.order .grid .one button {margin-top:30px;}
.order .grid .notice .content {line-height:1.8;}
.order .grid .notice .content span {color:#e65757;}
.order .grid .news .date {background-color: #8d2382; height:30px; width:140px; border-radius:14px; font-size:14px; font-family: SCDream5; color:#fff; text-align:center; line-height:30px; margin-bottom:20px;}
.order .grid .news .newsitem {font-family:SCDream5; font-size:14px; line-height:1.8; padding-left:10px; margin-bottom:30px;}
.order .grid .news .newsitem ul {padding-left:14px;}
.order .grid .news .newsitem li {color:#282828; font-family:SCDream3; font-size:14px;}


/* order_list */
.order_list>.content {padding-top:40px; padding-bottom:65px;}
.order_list .list {margin-top:45px;}
.order_list .list table td .emoji_text {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.order_list .list table td {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}


    /* charge */

.charge .single_item {padding-top:50px; padding-bottom:70px; text-align:center;}


/* join */
.join .single_item {text-align:center; padding-top:50px; padding-bottom:70px;}
.join .grid {display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:10px; grid-auto-rows: minmax(30px, auto);}
.join .grid input[type=text], .join .grid input[type=password], .join .grid label, .join .grid .select {height:50px; padding:14px; font-size:18px;}
.join .grid input::placeholder {color:#b4b4b4;}
.join .grid>*:nth-child(1) {grid-column:1 / 3;}
.join .grid>*:nth-child(2) {grid-column:1;}
.join .grid>*:nth-child(3) {grid-column:2; grid-row:2;}
.join .grid>*:nth-child(4) {grid-column:1 / 3;}
.join .grid>*:nth-child(5) {grid-column:1 / 3;}
.join .grid>*:nth-child(6) {grid-column:1 / 3;}
.join .grid>*:nth-child(6)>* {float:left;}
.join .grid>*:nth-child(6) input {width:calc( 50% - 48px );}
.join .grid>*:nth-child(6) label {width:48px; text-align:center; border-top:1px solid #d7d7d7; color:#b4b4b4; border-bottom:1px solid #d7d7d7; background-color:#eeeeee;}
.join .grid>*:nth-child(6) .select {width:50%;}
.join .grid>*:nth-child(6) .select .placeholder {color:#b4b4b4;}
.join .chk {text-align:right; clear:both;}
.join .roundbox {padding:60px; width:600px;}
.join .roundbox .chk {margin-top:14px;}
.join .roundbox .chk span {color:#8f1e81;}
.join .roundbox .chk input[type=checkbox] {display:none; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.join .roundbox .chk input[type=checkbox]+label {cursor:pointer; display:inline-block; position:relative; -wekit-user-select:none; -moz-user-select: none; -ms-user-select:none;}
.join .roundbox .chk input[type=checkbox]+label:after {content: ' '; display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -4px 0px 0 10px; text-align: center; vertical-align: middle; border:1px solid #d7d7d7; border-radius:3px;}
.join .roundbox .chk input:checked+label:after {content: " "; background-color:#8d2382;}
.join .roundbox button {margin-top:26px; font-size:18px; font-family: SCDream4;}


/* cs */

.cs .single_item {text-align:center; padding-top:50px; padding-bottom:70px;}
.cs .single_item .roundbox {padding:60px; width:600px;}
.cs .single_item .roundbox .title span span {color:#8d2382; border-bottom:1px solid #8d2382;}
.cs .single_item .roundbox>.title {padding-bottom:20px;}
.cs .single_item .content input[type=text] {height:50px; padding:14px; font-size:18px;}
.cs .single_item .content input::placeholder {color:#b4b4b4;}
.cs .single_item .content textarea {width:100%; height:200px; border: 1px solid #d7d7d7; resize: unset; outline:none; padding:14px; color:#282828; font-size:18px; font-family:SCDream4;}
.cs .single_item .content .title {font-family: SCDream4; font-size:18px; text-align:left; color:#282828; margin-top:30px; margin-bottom:15px;}
.cs .single_item .content .radios input[type=radio] {display:none; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.cs .single_item .content .radios input[type=radio]+label {cursor:pointer; display:inline-block; position:relative; -wekit-user-select:none; -moz-user-select: none; -ms-user-select:none;}
.cs .single_item .content .radios input[type=radio]+label:before {content: ' '; display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -4px 8px 0 0px; text-align: center; vertical-align: middle; border:1px solid #d7d7d7; border-radius:3px;}
.cs .single_item .content .radios input:checked+label:before {content: " "; background-color:#8d2382;}
.cs .single_item .content .radios label {margin-right:16px;}
.cs .single_item .content button {margin-top:30px; font-family:SCDream4; font-size:18px;}


/* reseller */
.reseller .content {padding-bottom:70px;}
.reseller .desc {text-align:center; font-size:18px; padding-top:50px; padding-bottom:30px;}
.reseller .desc span {color:#e74747;}
.reseller table {border-top:1px solid #d7d7d7; }
.reseller th {border-bottom:3px solid #4772a4;}
.reseller .table {margin-bottom:50px;}
.reseller .table:last-child {margin-bottom:0px;}


@media (max-width: 1600px) {
    /*.main .section_01 .left {float:none;}
    .main .section_01 .right {float:none; margin-top:100px;}*/
    .main .section_02>div:nth-child(2) {display:block;}
    .main .section_02 .count_box {display:block; margin:0 auto;}
    .main .section_02 .count_box:nth-child(1) {margin-bottom:80px;}
    .main .section_03>div:nth-child(2) {display:block;}
    .main .section_03 .sales_box {display:block; margin:0 auto;}
    .main .section_03 .sales_box:nth-child(1) {margin-bottom:80px;}

    .order .summary dl {display:block;}
    .order .summary dl dd {margin:0; margin-bottom:15px;}
    .order .summary dl dd:last-child {margin-bottom:0px;}
}

@media (max-width: 1400px) {
    body>.header>div {float:none;}
    body>.header .left {text-align:center;}
    body>.header {padding:40px 80px;}
    body>.header .right {margin-top:20px; text-align:center;}
    body>.header .right ul {margin-right:0px;}
}

@media (max-width: 1300px) {
    body>.footer {padding:40px 80px;}
    body>.footer dl {display:block;}
    body>.footer dd:nth-child(1) {width:100%; margin-bottom:10px;}
    body>.footer dd:nth-child(2) {width:100%; margin-bottom:10px;}

    .order .grid {display:block;}
    .order .grid>div {margin-bottom:20px;}
    .order .grid>div:last-child {margin-bottom:0px;}
}

/*@media (max-width: 1240px) {*/
/*    body {width:1400px;}*/
/*}*/