@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*리셋 부분*/

* {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

a:link, a:visited {
    text-decoration: none;
    color: #000;
}

body {
    font-size: 14px;
}

p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.6em;
	color: #464646;
}


/*h3 {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    overflow: hidden;
}*/


/*===== common =====*/


/* error */

.error-content {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}

.error-content h1 {
    font-size: 48px;
    color: #ff8c01;
    font-weight: 300;
    text-align: center;
    letter-spacing: -4.5px;
    word-break: keep-all;
    margin: 4% 0 6%;
}

.error-content p {
    font-size: 16px;
    line-height: 26px;
}

.error-content p>span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 10%;
}

.error-content .btn {
    display: inline-block;
    margin-top: 6%;
    margin-bottom: 10%;
}

.error-content .btn a {
    font-size: 16px;
    color: #212121;
    padding: 0 10px;
    text-decoration: underline;
}


/*===== header =====*/

.gnb_img_box.text_box {
    text-align: center;
    background-color: #f1f1f1;
}

.gnb_img_box.text_box h2 {
    /*padding: 20px 0 30px;*/
    font-size: 18px;
    margin-bottom: 10px;
}

.gnb_img_box.text_box p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.gnb_img_box.text_box img {
    padding-top: 30px;
}

.gnb_img_box.text_box .usercase-logo {
    float: none;
    padding-top: 20px;
}

.gnb_img_box.text_box .btn {
    text-align: center;
    width: 100%;
}

.gnb_img_box.text_box>.btn a {
    font-size: 16px;
    color: #b38650;
    margin-top: 20px;
}

.gnb_img_box.text_box>.btn a span:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}


/*===== title nav =====*/

.text_sub_top {
    text-align: right;
}

.text_sub_top p {
    font-size: 14px;
	color: #f9f9f9;
	text-shadow:0 0 2px #000;
}

.text_sub_top p a {
    font-size: 14px;
    color: #f9f9f9;
}

.text_sub_top p a img {
    vertical-align: middle;
}


/*===== main =====*/

.cont_sld_txt h2 {
    margin-bottom: 35px;
}


/*===== service common =====*/

.more-btn-container.report {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
}

.more-btn-container.report .more-btn {
    display: inline-block;
    width: 128px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #ff8c01;
    border-radius: 0 0 15px 0;
    padding-bottom: 22px;
    cursor: pointer;
    text-transform: uppercase;
}

.default-table {
    margin-bottom: 20px;
}

.default-table table {
    width: 100%;
}

.default-table table th, .default-table table td {
    font-size: 15px;
    color: #121212;
    text-align: center;
    vertical-align: middle;
}

.default-table>p {
    font-size: 13px;
    text-align: right;
    margin: 10px 0;
}

.default-table table>p {
    margin-top: 30px;
}

.default-table table+p {
    font-size: 13px;
    margin-top: 15px;
}

.default-table thead th {
    background-color: #f7f6f8;
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #dee1e3;
}

.default-table tbody th {}

.default-table tbody td {
    font-weight: 300;
    padding: 15px;
    border: 1px solid #dee1e3;
}

.default-table tbody td:first-child {
    border-left: 0;
}

.default-table tbody td:last-child {
    border-right: 0;
}

.sub-content-container .nb-box ol li {
    list-style: decimal;
    font-size: 16px;
    color: #121212;
    line-height: 1.438em;
    margin-left: 30px;
    margin-bottom: 20px;
}

.sub-content-container .nb-box ol li:last-child {
    margin-bottom: 0;
}

.sub-content-container .default-btn:after {
    content: "";
    display: block;
    clear: both;
}

.sub-content-container .default-btn a {
    float: right;
    font-size: 16px;
    color: #b38650;
    margin-top: 20px;
}

.sub-content-container .default-btn a span:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
}

.detail-btn {
    text-align: center;
}

.detail-btn a {
    display: inline-block;
    color: #fff;
    background-color: #ff8c01;
    padding: 20px 45px;
    margin-top: 20px;
    border-radius: 0 0 10px 0;
}


/*===== service =====*/

.service-title-wrap {
    width: 100%;
}

.service-title-wrap h1 {
    font-size: 60px;
    color: #ff8c01;
    font-weight: 300;
    text-align: center;
    padding-top: 1%;
    letter-spacing: -2.5px;
    word-break: keep-all;
    margin-bottom: 6%;
    line-height: 68px;
}

/*0221 추가*/
.service-title-wrap h1-1 {
    font-size: 60px;
    color: #ff8c01;
    font-weight: 300;
    text-align: center;
    padding-top: 1%;
    letter-spacing: -2.5px;
    word-break: keep-all;
    margin-bottom: 6%;
    line-height: 68px;
}

.service-title-wrap h2 {
    font-size: 50px;
    color: #ff8c01;
    font-weight: 300;
    text-align: center;
    padding-top: 1%;
    letter-spacing: -2.5px;
    word-break: keep-all;
    margin-bottom: 6%;
    line-height: 50px;
}

.service-title-wrap h2:after {
    content: url('/wp-content/uploads/2016/08/service_title_icon.png');
    display: block;
    text-align: center;
}

/*끝*/

.service-title-wrap h1:after {
    content: url('/wp-content/uploads/2016/08/service_title_icon.png');
    display: block;
    text-align: center;
}


.content-wrap {
    margin-bottom: 100px;
}

.content-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.content-wrap>.img {
    text-align: center;
}

.content-wrap>p {
    font-size: 16px;
    color: #121212;
    text-align: center;
    margin-bottom: 25px;
}

.content-wrap>p>strong {
    font-size: 20px;
}

.page-content .page-inner>div:nth-child(2) {
    margin-top: 35px;
}

.content-container {
    width: 100%;
    /*margin-bottom: 50px;*/
}

.content-container>h3 {
    font-size: 24px;
    color: #333;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 60px;
    text-align: center;
}

.content-container>h3>span {
    font-weight: 500;
}

.content-container>p {
    font-size: 16px;
    color: #212121;
    line-height: 25px;
    margin-bottom: 60px;
}

.content-container img {
    max-width: 100%;
    padding-bottom: 50px;
}

.content-container .icon img {
    padding: 0;
}

.content-container .img {
    text-align: center;
}

.content-container .img {
    text-align: center;
}

.content-container .img img {
    /*max-width: 100%;*/
}

.content-container .img.half img {
    /*max-width: 100%;*/
    padding: 0;
}

.content-container .img.half>.title-box p {
    margin-bottom: 20px;
}

.content-container .ix-box p {
    font-size: 20px;
    color: #0d0d0d;
    line-height: 26px;
}

.content-container .text-box ul li {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    line-height: 1.438em;
    margin-left: 10px;
}

.content-container .text-box ul li:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -12px;
}


/**/

.service-content-wrap {
    /* margin-top: 100px; */
    margin-bottom: 80px;
}

.service-content-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.service-content-wrap.help img {
    padding: 0;
}


/* network */

.sub-content-container .charge-cont {
    display: inline-block;
    margin-bottom: 30px;
    margin: 0 auto;
}

.sub-content-container .charge-cont>.img img {
    padding: 0;
}

.sub-content-container .charge-cont>.default-btn {
    margin: 5px 0 10px 0;
}

.sub-content-container .charge-cont>.default-btn a {
    float: none;
}

.sub-content-container .charge-cont>.default-table {
    margin-top: 40px;
}

.sub-content-container.charge .charge-cont>.default-table p {
    text-align: right;
    margin-bottom: 5px;
}


/* cdn */

.feature-table {
    margin-top: 40px;
}

.feature-table table {
    width: 100%;
}

.feature-table table th, .feature-table table td {
    font-size: 14px;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

.feature-table>p {
    color: #333;
    margin-bottom: 15px;
}

.feature-table table+p {
    font-size: 13px;
    margin-top: 15px;
}

.feature-table thead th {
    background-color: #f7f6f8;
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #dee1e3;
}

.feature-table thead tr:first-child>th:first-child {
    border-right: 1px solid #dee1e3;
    border-bottom: 1px solid #dee1e3;
}

.feature-table tbody th {
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #dee1e3;
}

.feature-table tbody td {
    font-weight: 300;
    padding: 20px;
    border: 1px solid #dee1e3;
}

.feature-table tbody td>ul>li {
    line-height: 24px;
}

.feature-table tbody td>ul>li:before {
    content: "ㆍ";
}

.feature-table tbody td:first-child {
    border-left: 0;
}

.feature-table tbody td:last-child {
    border-right: 0;
}


/**/

.sub-title-container {
    float: left;
    width: 23%;
}

.sub-title-container h2 {
    border-top: 1px solid #bbb;
    font-size: 24px;
	line-height: 30px;
    color: #242424;
    font-weight: 500;
	letter-spacing: -0.05em;
    padding-top: 20px;
    word-break: keep-all;
}

.sub-title-container h2 span {
    font-size: 24px;
    letter-spacing: -1.4px;
}

.sub-title-container.query h2 {
    font-size: 24px;
	line-height: 30px;
}

.sub-title-container.query span {
    display: block;
    color: #ff620c;
    letter-spacing: -0.05em;
}

.sub-title-container.st01:before {
    content: url('/wp-content/themes/kinx/images/sn_01.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st02:before {
    content: url('/wp-content/themes/kinx/images/sn_02.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st03:before {
    content: url('/wp-content/themes/kinx/images/sn_03.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st04:before {
    content: url('/wp-content/themes/kinx/images/sn_04.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st05:before {
    content: url('/wp-content/themes/kinx/images/sn_05.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st06:before {
    content: url('/wp-content/themes/kinx/images/sn_06.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st07:before {
    content: url('/wp-content/themes/kinx/images/sn_07.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st08:before {
    content: url('/wp-content/themes/kinx/images/sn_08.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st09:before {
    content: url('/wp-content/themes/kinx/images/sn_09.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st10:before {
    content: url('/wp-content/themes/kinx/images/sn_10.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st_news:before {
    content: url('/wp-content/themes/kinx/images/sn_news.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.st_event:before {
    content: url('/wp-content/themes/kinx/images/sn_event.png');
    display: block;
    padding-bottom: 20px;
}

.sub-title-container.query:before {
    content: url('/wp-content/uploads/2016/08/help.png');
    display: block;
    padding-bottom: 15px;
}

.sub-content-container {
    display: inline-block;
    width: 73%;
    margin-left: 4%;
    border-top: 1px solid #bbb;
    color: #646464;
    margin-top: 35px;
    padding-top: 1.6em;
    /* margin-bottom: 60px; */
}

.sub-content-container>p {
    font-size: 15px;
    margin-bottom: 20px;
}

.sub-content-container img {
    /* max-width: 100%; */
    /* padding: 35px 0 0; */
}

.sub-content-container .img img {
    /*max-width: 100%;*/
}

.sub-content-container .icon img {
    padding: 0;
}

.sub-content-container .img {
    text-align: center;
}

.sub-content-container .img.rp img {
    max-width: 100%;
}

.sub-content-container>.img>span {
    display: block;
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-bottom: 35px;
}

.sub-content-container .img.half img {
    max-width: 100%;
    padding: 0;
}

.sub-content-container .img.half>.title-box p {
    margin-bottom: 20px;
}

.sub-content-container .ix-box>p {
    font-size: 20px;
    color: #0d0d0d;
    line-height: 26px;
    margin-bottom: 5px;
}

.sub-content-container .ix-box p span {
    display: inline-block;
    margin-bottom: 20px;
}

.sub-content-container .ix-box ul li {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    line-height: 1.438em;
    margin-left: 10px;
}

.sub-content-container .ix-box ul li:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -12px;
}

.sub-content-container .icon-box>h4 {
    font-size: 20px;
    color: #212121;
    line-height: 25px;
    margin-bottom: 10px;
}

.sub-content-container .icon-box>p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-bottom: 5px;
}

.sub-content-container .text-box>h4 {
    font-size: 20px;
    color: #0d0d0d;
    line-height: 26px;
    margin-bottom: 10px;
}

.sub-content-container .text-box>p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-bottom: 5px;
}

.sub-content-container .text-box p span {
    display: inline-block;
    margin-bottom: 20px;
}

.sub-content-container .text-box>ul>li {
    font-size: 16px;
    color: #212121;
    font-weight: 300;
    margin-left: 12px;
    margin-bottom: 10px;
}

.sub-content-container .text-box>ul>li:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -12px;
}

.sub-content-container .default-box>ul>li {
    font-size: 16px;
    color: #121212;
    font-weight: 500;
    line-height: 1.438em;
    margin-left: 30px;
    margin-bottom: 20px;
}

.sub-content-container .default-box>ul>li:last-child {
    margin-bottom: 0;
}

.sub-content-container .default-box>ul>li>span {
    display: inline-block;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    padding-top: 10px;
    margin-left: 5px;
}

.sub-content-container .default-box>ul>li>span:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -12px;
}

/* .sub-content-container .dir-box p,*/ .price-container .dir-box p {
    font-size: 20px;
    color: #0d0d0d;
    line-height: 26px;
}

.sub-content-container .dir-box.light>ul>li, .price-container .dir-box.light>ul>li {
    font-size: 16px;
    color: #464646;
    font-weight: 400;
    line-height: 1.438em;
    margin-left: 35px;
    margin-bottom: 20px;
}

.sub-content-container .dir-box.light>ul>li>span, .price-container .dir-box.light>ul>li>span {
    color: #212121;
    font-weight: 500;
}

.sub-content-container .dir-box>ul>li, .price-container .dir-box>ul>li {
    font-size: 16px;
    color: #121212;
    font-weight: 500;
    line-height: 1.438em;
    margin-left: 30px;
    margin-bottom: 20px;
	letter-spacing: -0.02em;
}

.sub-content-container .dir-box>ul>li:last-child, .price-container .dir-box>ul>li:last-child {
    margin-bottom: 0;
}

.sub-content-container .dir-box>ul>li>span, .price-container .dir-box>ul>li>span {
    display: inline-block;
    font-size: 16px;
    color: #666;
    font-weight: 400;
    padding-top: 5px;
    /* margin-left: 5px; */
    margin-bottom: 5px;
}

.sub-content-container .dir-box>ul>li>p, .price-container .dir-box>ul>li>p {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}

.sub-content-container .dir-box>ul>li>p>span {
    font-size: 14px;
}

.sub-content-container .dir-box>ul>li>span:before, .price-container .dir-box>ul>li>span:before {
    /* content: "ㆍ";
	margin-left: -12px; */
    display: inline-block;
    /*padding-bottom: 5px;*/
}

.sub-content-container .dir-box>ul>li:before, .price-container .dir-box>ul>li:before {
    position: relative;
    top: 3px;
    content: url('/wp-content/uploads/2016/07/sub03_01icon000.png');
    display: inline-block;
    margin-left: -30px;
    margin-right: 5px;
}

.sub-content-container .dir-box>ul>li>ol>li {
    list-style: decimal;
    color: #6e6e6e;
    font-weight: 300;
    line-height: 24px;
    padding-top: 5px;
    margin-left: 15px;
}

.sub-content-container .dir-box>ul>li>ul>li {
    color: #6e6e6e;
    font-weight: 400;
    line-height: 24px;
    padding-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.sub-content-container .dir-box>ul>li>ul>li:last-child {
    margin-bottom: 0;
}

.sub-content-container .dir-box>ul>li>ul>li>span {
    color: #333;
    font-weight: 500;
}

.sub-content-container .dir-box>ul>li>ul>li>span:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -15px;
}

.sub-content-container .check-box>ul>li {
    font-size: 16px;
    color: #121212;
    font-weight: 400;
    line-height: 2.00em;
    margin-left: 30px;
    margin-bottom: 20px;
}

.sub-content-container .check-box.light>ul>li {
    margin-bottom:0;
}

.sub-content-container .check-box>ul>li:last-child {
    margin-bottom: 0;
}

.sub-content-container .check-box>ul>li>span {
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    margin-left: 5px;
}

.sub-content-container .check-box>ul>li>p {
    font-size: 16px;
    color: #666;
    /* padding-top: 10px; */
}

.sub-content-container .check-box>ul>li>p>span {
    font-size: 14px;
}

.sub-content-container .check-box>ul>li>span:before {
    /* content: "ㆍ"; */
    display: inline-block;
    margin-left: -12px;
    /*padding-bottom: 5px;*/
}

.sub-content-container .check-box>ul>li:before {
    position: relative;
    top: 3px;
    content: url('/wp-content/uploads/2016/07/sub02_01icon004.png');
    display: inline-block;
    margin-left: -30px;
    margin-right: 5px;
}

.sub-content-container .check-box>ul>li>ul>li {
    color: #6e6e6e;
    font-weight: 300;
    line-height: 24px;
    padding-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.sub-content-container .check-box>ul>li>ul>li>span {
    color: #333;
    font-weight: 500;
}

.sub-content-container .check-box>ul>li>ul>li>span:before {
    content: "ㆍ";
    display: inline-block;
    margin-left: -15px;
}

.sub-content-container .check-box>ul>li>.default-btn {
    margin: 10px 0;
}

.sub-content-container .check-box>ul>li>.default-btn>a {
    float: none !important;
    font-size: 16px;
    color: #b38650;
    font-weight: 300;
}

.sub-content-container .check-box>ul>li>.default-btn>a span:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}

.sub-content-container .line-box {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 20px;
    border: 1px solid #e4e6e7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f7f8f9;
    padding: 25px;
    margin: 25px 0;
}

.sub-content-container .line-box span {}

.sub-content-container .btn a {
    display: inline-block;
    border-radius: 0 0 10px 0;
    border: 1px solid #ccc; /*333 에서 연하게 변경 03.16*/
    line-height: 40px;
    margin-top: 30px;
    padding: 0 30px;
}

.sub-content-container .btn a span:after {
    content: url('/wp-content/uploads/2016/07/arrowp.png');
    display: inline-block;
    margin-left: 20px;
}

.sub-content-container .title-box {
    margin-top: 40px;
}

.sub-content-container .title-box.center {
    text-align: center;
}

.sub-content-container .title-box .inner {
    display: inline-block;
}

.sub-content-container .title-box .inner>h4:before {
    margin: 15px auto;
}

.title-cont:after {
    content: "";
    display: block;
    clear: both;
}

.title-cont.reference .title-box {
    float: left;
}

.title-cont.reference div:first-child {
    margin-right: 30px;
}

.sub-content-container .title-box h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.sub-content-container .title-box h4:before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    margin-bottom: 15px;
}

.sub-content-container .title-box p {
    font-size: 13px;
    color: #666;
    /*margin-bottom: 35px;*/
}

.sub-content-container .title-box img {
    max-width: 100%;
}

.sub-content-container .title-box .img>img {
    text-align: center;
}

.pros-cont:after {
    content: "";
    display: block;
    clear: both;
}

.pros-cont .pros-block {
    position: relative;
    float: left;
    background-color: #edeeef;
    width: 43%;
    height: 240px;
    padding: 30px 3%;
    margin-right: 2%;
    margin-bottom: 15px;
    /* border-top: 2px solid #ff8c01;
    border-radius: 0 0 20px 0;
	*/
}

.pros-cont.block1 .pros-block {
    height: 210px;
}

.pros-cont.block2 .pros-block {
    height: 210px;
}

.pros-cont .pros-block:nth-child(even) {
    margin-right: 0;
}

.pros-cont .pros-block>h3 {
    font-size: 20px;
    color: #0d0d0d;
    font-weight: 500;
	letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 15px;
    word-break: keep-all;
}

.pros-cont .pros-block>h3 span {
    font-size: 20px;
}

.pros-cont .pros-block p {
    font-size: 15px;
    line-height: 1.5;
}

.pros-cont .pros-block .icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.product-table {
    margin-bottom: 20px;
}

.product-table table {
    width: 100%;
}

.product-table table th, .product-table table td {
    font-size: 16px;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

.product-table table>p {
    margin-top: 30px;
}

.product-table thead th {
    font-size: 16px;
    background-color: #f7f6f8;
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #dee1e3;
}

.product-table tbody th {
    font-weight: 500;
    border: 1px solid #dee1e3;
}

.product-table tbody th:first-child {
    border-left: 0;
}

.product-table tbody td {
    font-size: 16px;
    font-weight: 300;
    padding: 1.5% 1%;
    border: 1px solid #dee1e3;
}

.product-table tbody td>span {
    font-weight: 500;
}

.product-table tbody td:first-child {
    border-left: 0;
}

.product-table tbody td:last-child {
    border-right: 0;
}

.usercase-box {
    background-color: #f7f6f8;
    text-align: center;
    padding: 50px 3%;
}


/**/

.usercase-box p {
    font-size: 22px;
    color: #464646;
    padding-bottom: 30px;
}

.usercase-box p span {
    font-weight: 600;
}

.usercase-box .img img {
    width: auto;
    /*margin-bottom: 30px;*/
}

.usercase-btn:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-btn a {
    float: right;
    font-size: 16px;
    color: #b38650;
    margin-top: 20px;
}

.usercase-btn a span:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}

.usercase-list {
    margin-top: 30px;
}

.usercase-list ul:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-list ul li {
    float: left;
    width: 32%;
    text-align: center;
    border: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    margin-bottom: 20px;
    margin-right: 2%;
}

.usercase-list ul li:nth-child(3) {
    margin-right: 0;
}

.usercase-list ul li:nth-child(6) {
    margin-right: 0;
}

.consult-btn {
    text-align: center;
}

.consult-btn > .consult-btn-layer  {
    width:64px;
    height:16px;
    padding:14px 45px 18px !important; 
    margin-top:20px; 
    border-radius: 3px; 
    background-color:#ff620c;
    color:#fff; 
    display:inline-block; 
    cursor:pointer;
    float:none;
	transition: 0.3s ease all;
}
.consult-btn > .consult-btn-layer span  {font-size:16px;}
.consult-btn > .consult-btn-layer:hover  {background: #ff820c; transition: 0.3s ease all;}

.consult-btn > .consult-btn-layer.small {
    padding:11px 15px !important;
    border-radius: 2px !important;
    background-color:#ff620c;
    color:#fff;
    cursor:pointer;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.03em;
	width: 80px;
}

.consult-btn a {
    display: inline-block;
    color: #fff;
    background-color: #ff620c;
    padding: 20px 45px;
    margin-top: 20px;
    border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.03em;
}
.consult-btn a:hover {background: #ff820c;}

/*lizzy337 20210331
- start
service/cloudhub/ 의 '이용을 위한 가입 신청 버튼에 대한 css 
*/
.cloudhubad-btn-layer-btn  {
    padding:14px 45px 18px !important; 
    margin-top:20px; 
    border-radius: 3px; 
    background-color:#ff620c;
    color:#fff; 
    display:inline-block; 
    cursor:pointer;
    float:none;
	transition: 0.3s ease all;
	font-size: 16px;
}

.cloudhubad-btn-layer-btn:hover  {transition: 0.3s ease all; background-color: #ff840c;}

/*lizzy337 20210331 - end*/

.help-cont ul:after {
    content: "";
    display: block;
    clear: both;
}

.help-cont ul li {
    float: left;
    text-align: center;
    border-right: 1px dashed #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.help-cont.col2 ul li {
    width: 50%;
}

.help-cont.col3 ul li {
    width: 33.3333333333%;
}

.help-cont.col4 ul li {
    width: 25%;
}

.help-cont ul li:last-child {
    border-right: 0;
}

.help-cont ul li img {
    margin-bottom: 10px;
}

.help-cont ul li p {
    font-size: 15px;
    margin-bottom: 5px;
}

.help-cont ul li p+p {
    font-size: 22px;
    color: #222;
}

.help-cont ul li p+p span:before {
    content: "\f138";
    color: #666;
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}

.help-cont ul li:last-child p+p span:before {
    content: url('/wp-content/uploads/2017/05/logo_plus.png');
    margin-right: 5px;
    position: relative;
    top: 5px;
}


/*===== reference =====*/

.sub-content-container.reference ul {
    position: relative;
    margin-left: 10px;
}

.sub-content-container.reference ul li {
    font-size: 16px;
    color: #212121;
    font-weight: 300;
    line-height: 25px;
    margin-left: 5px;
}

.sub-content-container.reference ul li:before {
    position: absolute;
    left: -10px;
    content: "ㆍ";
    display: inline-block;
    margin-right: 5px;
}

.reference-title-wrap {
    width: 100%;
}

.reference-title-wrap h1 {
    font-size: 60px;
    color: #ff8c01;
    font-weight: 300;
    text-align: center;
    padding-top: 1%;
    letter-spacing: -4.5px;
    word-break: keep-all;
    margin-bottom: 6%;
}

.reference-title-wrap h1:after {
    content: url('/wp-content/uploads/2016/08/service_title_icon.png');
    display: block;
    text-align: center;
}

.reference-content-wrap {
    margin-top: 100px;
}

.reference-content-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-ex-cont .usercase-ex {
    display: inline-block;
    width: 27%;
    text-align: center;
    padding: 40px 3% 0;
}

.usercase-ex-cont .usercase-ex img {
    max-width: 100%;
}

.reference-service-title:after {
    content: "";
    display: block;
    clear: both;
}

.reference-service-title .icon {
    float: left;
    margin-right: 10px;
}

.reference-service-title .tbox {
    display: inline-block;
    width: calc(100% - 64px);
}

.reference-service-title .tbox span {
    font-size: 15px;
    color: #ff8c01;
}

.reference-service-title .tbox p {
    /*font-size: 24px;*/
    font-size: 1.500em;
    color: #121212;
    font-weight: 300;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 0;
}

.reference-cont:after {
    content: "";
    display: block;
    clear: both;
}

.reference-cont .reference-block {
    position: relative;
    float: left;
    background-color: #edeeef;
    border-top: 2px solid #ff8c01;
    width: 43%;
    height: 180px;
    border-radius: 0 0 20px 0;
    padding: 30px 3%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.reference-cont .reference-block:nth-child(even) {
    margin-right: 0;
}

.reference-cont .reference-block>h3 {
    /*font-size: 24px;*/
    font-size: 1.500em;
    color: #0d0d0d;
    font-weight: 500;
    margin-bottom: 20px;
}

.reference-cont .reference-block>h3 span {
    font-size: 20px;
}

.reference-cont .reference-block p {
    font-size: 16px;
    color: #727272;
    line-height: 25px;
}

.reference-cont .reference-block>.more-btn {
    padding-top: 40px;
}

.reference-cont .reference-block .icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.reference-media ul li:after {
    content: "";
    display: block;
    clear: both;
}

.reference-media ul li {
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}

.reference-media ul li:first-child {
    padding-top: 10px;
}

.reference-media ul li a {
    /*font-size: 24px;*/
    font-size: 1.5000em;
    color: #a75b00;
    line-height: 28px;
}

.reference-media ul li span {
    color: #bbbcbe;
    font-size: 16px;
    float: right;
}

.reference-media ul li a:before {
    content: "\f0f6";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

a.ref_btn {
    font-size: 16px;
    color: #b38650;
}

a.ref_btn span:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}


/*===== usercase post list =====*/

.usercase-category {
    margin-bottom: 40px;
}

.usercase-category:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-category-container {
    margin: 0 1%;
}

.usercase-category-container .category-business, .usercase-category-container .category-service {
    float: left;
}

.usercase-category-container .category-service {
    margin-left: 10px;
}

.usercase-category-container .category-business select {
    float: left;
    width: 202px;
    height: 48px;
    border: 1px solid #777;
    padding: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 400;
}

.usercase-category-container .category-service select {
    float: left;
    width: 202px;
    height: 48px;
    border: 1px solid #777;
    padding: 10px;
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 400;
}

.usercase-category-container .usercase-search {
    float: right;
}

.search-block {
    position: relative;
}

.search-block:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-search .search-block input {
    float: left;
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 400;
    padding: 8px;
    margin-right: 5px;
}

.usercase-search .search-block .search-btn {
    float: left;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #ff8c01;
    padding: 9px 16px;
    cursor: pointer;
    border: 0;
    font-weight: 500;
}


/*.usercase-search .search-block span:before {
    content: "\f002";
    display: inline-block;
    font-family: 'FontAwesome';
    color: #6e6e6e;
    position: absolute;
    top: 16px;
    right: 16px;
}*/


/*.usercase-search .search-block:hover span {
    display: none;
}*/

.usercase-post-container:after {
    content: "";
    display: block;
    clear: both;
}

/*181002 테스트용 블록사이즈 수정*/
.usercase-post-block {
    float: left;
    width: 48%;
    margin: 0 1%;
    border: 1px solid #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 20px 0;
    margin-bottom: 25px;
}

.usercase-img-box {
    display: table;
    width: 100%;
}

.usercase-img-inner {
    display: table-cell;
    height: 195px;
    text-align: center;
    vertical-align: middle;
}

.usercase-data-box {
    background-color: #f4f4f4;
    padding: 5%;
    border-radius: 0 0 20px 0;
    position: relative;
}

.usercase-data-box .data-text {
    margin-bottom: 0;
}

.usercase-data-box .data-more {
    text-indent: -9999px;
}

.usercase-data-box .data-more .more-btn a {
    font-size: 16px;
    color: #b38650;
    display: block;
    background: #ff8c01;
    width: 50px;
    height: 50px;
    border-radius: 0 0 20px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.usercase-data-box .data-more .more-btn a::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/wp-content/uploads/2016/07/arrow.jpg') 14px 15px no-repeat;
}


/*
.usercase-data-box .data-more .more-btn a:before {
   content: "\f138";
   font-family: 'FontAwesome';
   margin-right: 5px;
}
*/

.usercase-title .user-name {
    font-size: 20px;
    color: #121212;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.usercase-data ul li {
    margin-bottom: 10px;
}

.usercase-data ul li:after {
    content: "";
    display: block;
    clear: both;
}

.usercase-data ul li .data {
    float: left;
    width: 60px;
    font-size: 15px;
    color: #121212;
    padding-right: 10px;
    border-right: 1px solid #d6d6d6;
}

.usercase-data ul li .data+p {
    display: inline-block;
    width: calc(100% - 8 1px);
    font-size: 15px;
    color: #6e6e6e;
    padding-left: 10px;
    line-height: inherit;
}

.more-btn-container.usercase {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.more-btn-container.usercase .more-btn {
    display: inline-block;
    width: 128px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #ff8c01;
    border-radius: 0 0 15px 0;
    padding-bottom: 22px;
    cursor: pointer;
    text-transform: uppercase;
}


/*===== price =====*/

.price-cont-wrap.pc {
    display: block;
}

.price-cont-wrap.mobile {
    display: none;
}

.feature-table.pc {
    display: block;
}

.feature-table.mobile {
    display: none;
    ;
}

.price-title h1 {
    font-size: 36px;
    color: #393939;
    font-weight: 300;
    letter-spacing: -.5px;
    margin-bottom: 40px;
}

.price-container .img {
    text-align: center;
    margin-bottom: 50px;
}

.price-container .img img {
    max-width: 100%;
}

.price-container .sub_it_box {
    margin-bottom: 30px;
}

.price-table {
    margin-bottom: 80px;
}

.price-table.cdn_1 {
    margin-top: 40px;
}

.price-table td ul li:before {
    content: "ㆍ";
    display: inline-block;
    margin-right: 5px;
}

.price-table h2 {
    font-size: 28px;
    color: #636363;
    font-weight: 300;
    letter-spacing: -.5px;
    margin-bottom: 20px;
}

.price-table table+p, .price-table table+p+p {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    padding-top: 14px;
    line-height: 23px;
}

.price-table th, .price-table td {
    /*border: 1px solid #999;*/
    font-size: 16px;
    color: #333;
}

.price-table table {
    width: 100%;
    margin: 0;
    padding: 0;
    cellspacing: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #bbbcbe;
    border-bottom: 1px solid #bbbcbe;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.price-table thead th {
    background-color: #f7f6f8;
    padding: 15px 0;
    vertical-align: middle;
    border-bottom: 1px solid #dee1e3;
    border-right: 1px solid #bbbcbe;
}

.price-table table th:last-child {
    border-right: none;
}

.price-table tbody th {
    font-weight: 500;
    letter-spacing: -.5px;
    padding: 1.5%;
    line-height: 23px;
    vertical-align: middle;
    border-bottom: 1px solid #dee1e3;
    border-right: 1px solid #dee1e3;
}

.price-table tbody td {
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dee1e3;
    border-left: 1px solid #dee1e3;
    padding: 1.5%;
    line-height: 23px;
}

.price-table tbody td.left {
    text-align: left;
}

.price-table tbody td p:before {
    content: "\f178";
    color: #ff8c01;
    font-family: 'fontAwesome';
    margin-right: 5px;
}


/**/

.price-table.network_3 td ul li {
    text-align: left;
    margin-left: 10px;
}

.price-table.network_3 td ul li:before {
    content: "";
    display: inline-block;
    margin-left: 105px;
}

.price-table.cdn_1 tr:first-child th:first-child {
    border-right: 1px solid #dee1e3;
}

.price-table.cloud_1 th {
    border-right: 1px solid #dee1e3;
}

.price-table.cloud_1 th:last-child {
    border-right: none;
}

.price-table.cloud_5 td:first-child {
    border-left: none;
}


/*===== pagenation =====*/

.pagenation-container {
    padding: 20px 0;
}

.pagenation-block {
    width: 100%;
    text-align: center;
}

.pagenation-block ul {
    display: inline-block;
}

.pagenation-block ul:after {
    content: '';
    display: block;
    clear: both;
}

.pagenation-block ul li {
    float: left;
    display: table;
    margin: 5px;
}

.pagenation-block ul li:first-child a:before {
    content: '\f100';
    display: inline-block;
    font-family: 'fontAwesome';
}

.pagenation-block ul li:nth-child(2) a:before {
    content: "\f104";
    display: inline-block;
    font-family: 'fontAwesome';
}

.pagenation-block ul li:nth-child(8) a:before {
    content: "\f105";
    display: inline-block;
    font-family: 'fontAwesome';
}

.pagenation-block ul li:last-child a:before {
    content: "\f101";
    display: inline-block;
    font-family: 'fontAwesome';
}

.pagenation-block ul li a {
    display: table-cell;
    width: 43px;
    height: 43px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #777777;
    border-collapse: collapse;
}

.pagenation-block ul li a.active {
    color: #fff;
    background-color: #ff8c01;
}


/* 160806 */


/*===== support =====*/

.page-title {
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-title h2 {
    font-size: 36px;
    color: #121212;
    margin-bottom: 10px;
}

.page-title h3 {
    font-size: 28px;
    font-weight: 500
    color: #363636;
    margin-bottom: 10px;
}

.page-title p {
    font-size: 16px;
    color: #777777;
}


/**/

.board-cont ul:after {
    content: "";
    display: block;
    clear: both;
}

.board-cont ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.board-cont ul li:last-child {
    margin-right: 0;
}

.board-cont ul li .title-block {
    font-size: 18px;
    color: #121212;
    font-weight: 500;
    margin-bottom: 10px;
}


/**/

.category-cont {
    margin-bottom: 40px;
}

.category-cont ul:after {
    content: "";
    display: block;
    clear: both;
}

.category-cont ul li {
    float: left;
    width: 11%;
    margin-right: 0.8%;
}
/*카테고리 변경으로 16->11px 190612 ksh*/
.category-cont ul li:last-child {
    margin-right: 0;
}

.category-cont ul li a {
    display: block;
    font-size: 16px;
    color: #777;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #777;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*.category-cont ul li a.on {
    color: #fff;
    font-weight: 600;
    background-color: #777;
}*/

@media screen and (min-width: 769px) and (max-width: 960px) {}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .usercase-post-block {
        width: 46%;
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .usercase-post-block {
        width: 94%;
        margin-bottom: 20px;
        margin-left: 3%;
        margin-right: 3%;
    }
}


/*JH 160720 */

.sub_text_3-7l .font_30 {
    line-height: 34px;
    font-weight: 300;
    word-break: keep-all;
    /*단어 자동 줄바뀜*/
}


/****************added in 160803 by psw******************/


/* 리스트 영역 */

.prd-svr-wrap {
    width: 99% !important;
    margin: 0 auto;
    border: 4px solid transparent;
    text-align: center;
    padding: 30px 0;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
}

.prd-svr-post {
    width: 100%;
    float: none;
    border-bottom: 1px solid #dee1e3;
}

.prd-svr-post:last-child {
    border-bottom: 1px solid #bbbcbe;
}

.prd-svr-wrap {
    position: relative;
}

.prd-svr-wrap:hover {
    border: 4px solid #ff620c;
}

div.prd-svr-wrap:first-child {
    padding-top: 30px;
}

.prd-svr-wrap div {
    float: none;
}

.prd-svr-wrap .prd-thumb, .prd-svr-info, .btn-rqst {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.prd-svr-view-btn {
    position: absolute;
    top: 150px;
    left: 310px;
    font-size: 16px;
    font-weight: 400;
    color: #b38650 !important;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.prd-svr-wrap:hover .prd-svr-view-btn {
    display: inline-block;
}

.prd-svr-view-btn img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.prd-svr-wrap div:first-child {
    padding-top: 0;
}

.prd-svr-wrap div.prd-thumb {
    width: 35%;
    text-align: center;
}

.prd-svr-wrap div.prd-svr-info {
    width: 40%;
}

.prd-svr-wrap div.prd-svr-info p:first-child {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.25px;
    height: 33px;
}

.prd-svr-wrap div.prd-svr-info p {
    /* margin: 8px 0 0; */
    /* font-weight: 300; */
    color: #333;
}

.prd-svr-wrap div.btn-rqst {
    width: 24%;
    text-align: right;
}


/*테이블 영역*/

.prd-table {
    width: 100%;
    margin-top: 20px;
}

.prd-table tr td {
    vertical-align: middle;
    padding: 12px 0;
    border: 1px solid #dee1e3;
    text-align: left;
    color: #333;
    padding-left: 22px;
}

.prd-table tr td.prd-table-title {
    background: #f7f7f7;
    font-weight: 500;
}

.prd-table tr td:first-child {
    border-left: none;
}

.prd-table tr td:last-child {
    border-right: none;
    color: #6e6e6e;
    font-weight: 400;
}

.prd-btn-request {
    display: inline-block;
    width: 148px;
    padding: 15px 0;
    background: #ff620c;
    border-radius: 3px;
    text-align: center;
    color: #fff !important;
    margin-right: 25px;
}

.prd-basic-service p {
    margin: 6px 0;
    font-weight: 300;
    font-size: 13px;
}

.prd-basic-service p:first-child strong {
    margin-top: 0;
}

.prd-basic-service p strong {
    display: block;
    font-weight: 500;
    color: #333;
    margin-top: 30px;
}

.prd-etc {
    text-align: left;
    margin: 20px 0 0 10px;
}

.prd-etc>p {
    font-weight: 500;
}

.prd-etc ul {
    position: relative;
}

.prd-etc ul li {
    font-weight: 300;
    padding-left: 15px !important;
    position: relative;
}

.prd-etc ul li:before {
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    top: 10px;
    left: 5px;
    background: #6e6e6e;
    margin: 0;
    padding: 0;
}


/*탭 콘텐츠 영역 */

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 50px;
    width: 100%;
}

ul.tabs>li {
    float: left;
    text-align: center;
    cursor: pointer;
    width: 33.3%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #a2a3a4;
    position: relative;
}

ul.tabs>li:last-child {
    width: 33.4%;
}

ul.tabs>li.active {
    background: #333;
}

.tab_content {
    font-size: 12px;
    display: none;
}

.tab_container .tab_content:first-child {
    display: block;
}

.tab_container .tab_content ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.tab_container .tab_content ul li {
    padding: 5px 0;
    list-style: none
}


/*탭 영역*/

.prd-detail-tabs {
    display: none;
    margin-top: 20px;
}

.prd-tab {
    position: relative;
    padding-top: 31px;
}

.prd-tab>li>a {
    display: block;
    position: absolute;
    top: 0;
    width: 33.3%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #a2a3a4;
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
}

.prd-tab>li>a:hover {
    background: #333;
    color: #fff;
}

.prd-tab>li.tabs-on>a {
    background: #333;
    color: #fff;
}

.prd-tab>li:first-child>a {
    left: 0;
}

.prd-tab>li+li>a {
    left: 33.3%;
}

.prd-tab>li+li+li>a {
    left: 66.6%;
}

.prd-tab>li>div {
    margin-top: 19px;
    height: 0;
    overflow: hidden;
    position: absolute;
}

.prd-tab>li.tabs-on>div {
    height: auto;
    position: static;
    padding: 15px 0;
}


/*이용약관*/

.agreement-menu-wrap {
    width: 100%;
    background: #f6f6f6;
}

.agreement-menu-wrap ul {
    text-align: center;
}

.agreement-menu-wrap ul li {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.25px;
}

.agreement-menu-wrap ul li a {
    color: #666666;
    display: block;
    padding: 15px 0;
    margin: 0 20px;
    transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
}

.agreement-menu-wrap ul li:hover a {
    color: #ff8c01;
}

.agreement-menu-wrap ul li.on a {
    color: #ff8c01;
    border-bottom: 4px solid #ff8c01;
}

.content .ag-tit {
    font-size: 36px;
    font-weight: 300;
    color: #121212;
}

.content .ag-tit-01 {
    font-size: 22px;
    font-weight: 500;
    margin: 70px 0 13px;
    color: #333;
}

.content .ag-tit-02 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 25px;
    color: #333;
}

.content .ag-cont pre {
    font-weight: 400;
    color: #333;
    line-height: 27px;
    font-size: 15px;
    word-break: keep-all;
    margin-top: 5px;
    white-space: pre-wrap;
}

.ag-cloud-table {
    margin: 5px 10px 20px;
    min-width: 700px;
}

.ag-cloud-table th {
    background: #333;
    color: #fff;
    border: 1px solid #333;
    padding: 5px 0;
}

.ag-cloud-table td {
    border: 1px solid #333;
    padding: 5px 15px;
}


/*데이터 센터 디자인*/

.dc-img-layer-wrap {
    position: relative;
}

.dc-layer-wrap {
    position: absolute !important;
    top: 0;
    left: 0;
}

.dc-layer-wrap div {
    position: absolute;
    background: rgba(3, 3, 3, 0.1);
    float: none;
    padding: 0 !important;
    opacity: 0;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    cursor: pointer;
    border-radius: 10px;
}

.dc-layer-wrap div:hover {
    opacity: 1;
}

.dc-layer-wrap div p {
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.dc-layer-wrap div.dc-img-layer01-trigger {
    width: 140px;
    height: 30px;
    top: 79px;
    left: 17px;
}

.dc-layer-wrap div.dc-img-layer02-trigger {
    width: 180px;
    height: 30px;
    top: 79px;
    left: 312px;
}

.dc-layer-wrap div.dc-img-layer03-trigger {
    width: 125px;
    height: 50px;
    top: 355px;
    right: 309px;
}

.dc-layer-wrap div.dc-img-layer04-trigger {
    width: 110px;
    height: 50px;
    top: 124px;
    right: 84px;
}

.dc-layer-wrap div.dc-img-layer05-trigger {
    width: 60px;
    height: 50px;
    top: 309px;
    right: 108px;
}

#black_layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(3, 3, 3, 0.6);
    display: none;
}

.psw-modal-layer {
    width: 614px;
    min-height: 580px;
    margin: 0 auto;
    background: #fff;
    position: fixed;
    z-index: 10000;
    display: none;
    padding: 40px;
    text-align: center;
    border: 4px solid #333;
    top: 15%;
    left: 31%;
}

@media screen and (max-width: 420px) {
    .psw-modal-layer {
        width: 98%;
        max-height: 400px;
        overflow: auto;
    }
    .dc-img-layer h2 {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.25px;
        text-align: left;
        margin-bottom: 10px;
    }
    .dc-img-layer img {
        margin-bottom: 30px;
        max-width: 100%;
    }
    .dc-img-layer ul li {
        font-size: 13px;
        font-weight: 300;
        margin: 5px 0;
    }
    .dc-img-layer ul li strong {
        font-weight: 400;
    }
    .ly05 ul li {
        letter-spacing: -0.25px;
    }
}

.close_layer {
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    top: 4px;
    right: 8px;
}

.dc-img-layer {
    display: none;
}

.dc-img-layer h2 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.25px;
    text-align: left;
    margin-bottom: 30px;
}

.dc-img-layer img {
    margin-bottom: 30px;
    max-width: 100%;
}

.dc-img-layer ul li {
    text-align: left;
    padding-left: 10px;
    background: url(../images/bullet_prd_info.gif) 5px 10px no-repeat;
    font-size: 16px;
    font-weight: 300;
    margin: 6px 0;
}

.dc-img-layer ul li strong {
    font-weight: 400;
}

.ly05 ul li {
    letter-spacing: -0.25px;
}


/* 이미지 슬라이더 */
.slider_wrap	{width:100%; z-index: 0;}


/*라디오 버튼 커스텀*/

.sub_radio {position: relative;}
.sub_radio label {margin-right: 25px;}
.sub_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sub_radio input[type="radio"]+label {display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.sub_radio input[type="radio"]+label:before {content: ''; position: absolute; left: 0; top: -2px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);}
.sub_radio input[type="radio"]+label:active:before, .sub_radio input[type="radio"]:checked+label:active:before {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
.sub_radio input[type="radio"]:checked+label:before {background: #E9ECEE; border-color: #adb8c0;}
.sub_radio input[type="radio"]:checked+label:after {content: ''; position: absolute; top: 3px; left: 5px; width: 9px; height: 9px; background: #333; border-radius: 4.5px;}

.colo_radio {position: relative;}
.colo_radio label {margin-right: 25px;}
.colo_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.colo_radio input[type="radio"]+label {display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.colo_radio input[type="radio"]+label:before {content: ''; position: absolute; left: 0; top: -2px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);}
.colo_radio input[type="radio"]+label:active:before, .colo_radio input[type="radio"]:checked+label:active:before {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
.colo_radio input[type="radio"]:checked+label:before {background: #E9ECEE; border-color: #adb8c0;}
.colo_radio input[type="radio"]:checked+label:after {content: ''; position: absolute; top: 3px; left: 5px; width: 9px; height: 9px; background: #333; border-radius: 4.5px;}



/*클라우드 DB*/

.cls-cldb-img {
    text-align: center;
    margin: 30px 0 50px;
}

.tb_cont_lh p {
    margin-bottom: 7px;
}

.mg10 {
    margin-top: 0 !important;
    border-top: none;
}

.mg10 tr:first-child th {
    border-top: none;
}

.mg10 tr:first-child td {
    border-top: none;
}

.db_view_detail img {
    position: relative !important;
    top: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

.db_view_detail {
    display: inline-block;
    margin-top: 35px;
    vertical-align: middle;
    font-weight: 400;
    color: #a75b00;
    font-size: 16px;
    cursor: pointer;
}

.psw-modal-layer .view_table h2 {
    font-size: 30px;
    color: #ff8c01;
    font-weight: 300;
    text-align: left;
    margin-bottom: 35px;
}

.psw-modal-layer .view_table table {
    width: 100%;
    border-top: 1px solid #bbbcbe;
}

.psw-modal-layer .view_table table th, td {
    padding: 10px 15px;
    font-size: 13px;
}

.psw-modal-layer .view_table table th {
    background: #f7f7f7;
    color: #333;
    font-weight: 500;
}

.psw-modal-layer .view_table table td {
    border: 1px solid #dee1e3;
    vertical-align: middle;
    font-weight: 400;
    color: #6e6e6e;
    /*text-align: left !important;*/
    text-align: center;
    line-height: 18px;
}

.psw-modal-layer .view_table table td.first {
    border-left: none;
    font-weight: 500;
    color: #333;
}

.psw-modal-layer .view_table table td.second {
    text-align: left !important;
}

.psw-modal-layer .view_table table td:last-child {
    border-right: none;
}

.db-table-wrap {
    width: 795px;
}

.l-radio {
    padding-top: 0 !important;
    margin: 20px 0 0;
}

.l-radio label {
    display: block !important;
    text-align: left;
}

.l-radio input[type="radio"]+label:before {
    top: 14px;
}

.l-radio input[type="radio"]:checked+label:after {
    top: 19px;
}


/*모바일 메뉴 */

.mp-pusher {
    position: relative;
    left: 0;
    height: 100%;
}

.mp-menu {
    position: absolute;
    /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1;
    width: 260px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mp-menu a {
    color: #333;
}

.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edeef0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}


/* overlays for pusher and for level that gets covered */

.mp-pusher::after, .mp-level::after, .mp-level::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    opacity: 0;
}

.mp-pusher::after, .mp-level::after {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
    z-index: -1;
}

.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
    cursor: pointer;
    background: #ff8c01;
}

.mp-level.mp-level-overlay.mp-level::before {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
}

.mp-pusher, .mp-level {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


/* overlap */

.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}


/* First level */

.mp-menu>.mp-level, .mp-menu>.mp-level.mp-level-open, .mp-menu.mp-overlap>.mp-level, .mp-menu.mp-overlap>.mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* cover */

.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}


/* content style */

.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mp-menu h2 {
    margin: 0;
    color: #333;
    padding: 25px 15px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em;
}

.mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay>h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 16px;
}

.mp-overlap .mp-level.mp-level-overlay>h2.level_01::before {
    content: '1st Menu';
}

.mp-overlap .mp-level.mp-level-overlay>h2.level_02::before {
    content: '2nd Menu';
}

.mp-overlap .mp-level.mp-level-overlay>h2.level_03::before {
    content: '3rd Menu';
}

.mp-overlap .mp-level.mp-level-overlay>h2.level_04::before {
    content: '4th Menu';
}

.mp-menu ul li>a {
    display: block;
    padding: 0.7em 1em 0.7em 1.8em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 1.4em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li>table {
    display: block;
    padding: 0.7em 1em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 1.4em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li>table td {
    font-size: 16px;
    color: #555;
    padding: 5px 15px;
}

.mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.2);
    line-height: 3.5;
}

.mp-level>ul>li:first-child>a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}

.mp-menu ul li a:hover, .mp-level>ul>li:first-child>a:hover {
    background: #ff8c01;
    color: #fff;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-menu .mp-level.mp-level-overlay>ul>li>a, .mp-level.mp-level-overlay>ul>li:first-child>a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-level>ul>li:first-child>a:hover, .mp-level.mp-level-overlay>ul>li:first-child>a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}


/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    padding: 1em;
    position: relative;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.mp-menu .mp-level.mp-level-overlay>.mp-back, .mp-menu .mp-level.mp-level-overlay>.mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent;
}


/*상단 검색바 */

.search_box {
    position: relative;
}

.search_box img {
    vertical-align: middle;
}

.input_animate {
    cursor: pointer;
}

.site_search_wrap {
    position: absolute;
    top: 0;
    right: 46px;
}

.site_search_wrap input {
    width: 0;
    height: 38px;
    border: 4px solid #ff8c01;
    display: none;
    margin-top: 28px;
    z-index: 99999;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 300;
}

.site_search_wrap input:focus {
    outline: none;
}

.mg_top45 {
    margin-top: 45px;
    text-align: center;
}

.sub-companys {
    width: 100%;
}

.sub-companys td {
    padding: 15px;
    text-align: center;
    vertical-align: middle;
}

.lh23 {
    line-height: 23px;
    word-break: keep-all;
}

.browny a {
    display: block;
    font-size: 16px;
    color: #a75b00;
    margin-top: 30px;
}

.mitaka-wrap {
    width: 100%;
    margin: 70px 0 0;
    padding: 0
}

.mitaka-wrap>p {
    text-align: center;
}

.mitaka-wrap>ul {
    margin-top: 45px;
}

.mitaka-wrap>ul>li {
    display: inline-block;
    width: 230px;
    vertical-align: top;
    text-align: center;
    padding: 0 25px;
}

.mitaka-wrap>ul>li .mit-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.25px;
}

.mitaka-wrap>ul>li .mit-cont {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: -0.25px;
    color: #6e6e6e;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.clear:after {
    content: '';
    clear: both;
}

.clear>ul>li {
    width: 155px;
    height: 180px;
    background: #dde2e6;
    text-align: center;
    border-bottom-right-radius: 20px;
    float: left;
    margin-right: 20px;
}

.sub_text_3-7r .clear>p {
    margin-top: 0;
}

.clear>ul>li>p>img {
    padding-top: 35px;
}

.clear>ul>li>p:nth-child(2) {
    margin-top: 20px;
}

.clear>ul>li:last-child {
    margin-right: 0;
}

.clear>ul>li>p:last-child {
    font-size: 24px;
    line-height: 18px;
    letter-spacing: -0.25px;
}

.clear>p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.5px;
    font-weight: 300;
    margin: 60px 0 30px;
}

.op-stack-preview {
    padding-top: 0 !important;
}

.op-stack-preview>div p {
    word-break: keep-all;
}

.op-stack-preview-wrap {
    width: 372px !important;
    float: left;
    padding-top: 0 !important;
    margin-right: 65px;
}

.op-stack-preview-wrap:lst-child {
    margin-right: 0 !important;
}

.op-stack-preview-wrap>p {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: -0.25px;
    color: #757d82;
    font-weight: 300;
    margin-bottom: 15px;
}

.op-stack-preview-wrap>div {
    background: #edeeef;
    border-bottom-right-radius: 20px;
    height: 200px;
    padding: 20px;
}

.op-stack-preview-wrap>div>p {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin-bottom: 20px;
}

.op-stack-preview-wrap>div>ul {
    margin: 30px 0;
}

.op-stack-preview-wrap>div>ul>li {
    font-size: 13px;
    font-weight: 300;
    color: #6e6e6e;
    margin: 5px 0;
}

.op-stack-preview-wrap>div>div {
    background: #fff;
}

.op-stack-preview-wrap>div>div>p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 15px 15px 0 15px;
    line-height: 24px;
}

.op-stack-preview-wrap>div>div>ul {
    margin-top: 10px;
}

.op-stack-preview-wrap>div>div>ul>li {
    margin: 10px 0;
    text-indent: 15px;
}

.sub_text_3-7 {}

.sub_text_3-7:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.op-stack-wrap {
    width: 100%;
}

.op-stack-list-wrap>ul {
    display: inline-block;
}

.op-stack-list-wrap>ul>li {
    width: 224px;
    height: 180px;
    background: #dde2e6;
    text-align: center;
    border-bottom-right-radius: 20px;
    float: left;
    margin-right: 20px;
    margin-bottom: 80px;
    cursor: pointer;
}

.op-stack-list-wrap>ul>li.on {
    background: #ff8c01;
}

.op-stack-list-wrap>ul>li.on:after {
    content: "\f107";
    font-family: 'fontAwesome';
    position: relative;
    top: 50px;
    font-size: 50px;
    color: #ff8c01;
}

.op-stack-list-wrap>ul>li.on {
    color: #fff;
}

.op-stack-list-wrap>ul>li>p>img {
    padding-top: 35px;
}

.op-stack-list-wrap>ul>li>p:nth-child(2) {
    margin-top: 20px;
}

.op-stack-list-wrap>ul>li:last-child {
    margin-right: 0;
}

.op-stack-list-wrap>ul>li>p:last-child {
    font-size: 24px;
    line-height: 18px;
    letter-spacing: -0.25px;
}

.op-stack-list-wrap>p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.5px;
    font-weight: 300;
    margin: 60px 0 30px;
}

.op-stack-block {
    padding: 40px 60px;
    border-radius: 0 0 30px 0;
    background-color: #f0f4f7;
}

.op-stack-block:after {
    content: "";
    display: block;
    clear: both;
}

.op-stack-data {
    float: left;
    width: 58%;
}

.op-stack-data .title {
    font-size: 46px;
    color: #121212;
    margin-bottom: 25px;
}

.op-stack-data p {
    font-size: 16px;
    color: #121212;
    line-height: 23px;
}

.op-stack-data .more-btn a {
    font-size: 16px;
    color: #b38650;
}

.op-stack-data .more-btn a:before {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 5px;
    opacity: 0.9;
}

.op-stack-text .sub-title {
    font-size: 20px;
    color: #121212;
    line-height: 23px;
    margin-bottom: 15px;
}

.op-stack-text {
    display: inline-block;
    border-left: 1px solid #ccd2d6;
    padding-left: 30px;
}

.op-stack-text ul li {
    font-size: 16px;
    color: #666;
    line-height: 23px;
}


/*상담/문의*/

.form-qna-write {
    width: 100%;
    /* min-height: 630px; */
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
}

.form-qna-write:after {
    content: '';
    clear: both;
}

.form-qna-write .knix-brd-row .knix-brd-name {
    display: inline-block;
    float: left;
    margin: 0;
    width: 150px;
	height: 36px;
	line-height: 36px;
    color: #333333;
    font-size: 16px;
	text-align: left;
}

.form-qna-write .knix-brd-row .knix-brd-name-layer { /*lizzy*/
    display: inline;
    float: left;
    margin: 0;
    width: 100px; /*90 => 100 by lizzy 190905*/
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
}

.brd-radios {
    height: 43px;
    line-height: 43px;
}

.form-qna-write .knix-brd-row {
	padding-top: 10px;
	clear: both;
	}

.form-qna-write .knix-brd-row .attr-value {
    padding: 0;
	float: left;
	width: 80%; /*700 -> 500 by lizzy 190905 /  500 -> 80% khj 191002 */
	text-align: left;
}

.form-qna-write .knix-brd-row .attr-value .knix-brd-tel, .knix-brd-tel01 {
    width: 11%;
    margin: 0 5px;
}

.form-qna-write .knix-brd-row .attr-value .knix-brd-tel01 {
    margin-left: 0;
    width: 13%;
}

.form-qna-write .knix-brd-row .attr-value .knix-brd-emid, .knix-brd-emaddr {
    width: 15% !important;
}

.form-qna-write .knix-brd-row .attr-value select#knix-brd-emaddr {
    width: 18%;
}

.form-qna-write .knix-brd-row input {
    display: inline;
    margin: 0;
    height: 28px;
    vertical-align: middle;
    font-size: 12px;
    color: #333333;
}

.form-qna-write .knix-brd-row textarea {
    display: inline;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    height: 250px;
    /* font-size: 13px; */
}

.form-qna-write .knix-brd-row input, textarea, select {
    background: #fbfbfb;
    border: 1px solid #bebebe;
	border-radius: 2px;
    box-shadow: none;
    font-size: 16px;
    vertical-align: middle;
}

.form-qna-write .knix-brd-row input:focus, textarea:focus, select:focus {
    background: #fff;
    color: #333;
}

.form-qna-write .knix-brd-row input {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    width: 300px;
}

/*
#knix-brd-name {
    width: 180px;
}
*/

#knix-brd-name, #knix-brd-phone {
    width: 300px;
}

#knix-brd-name, #knix-brd-cname {
    width: 300px;
}

#knix-brd-othertext{
    width: 100px;
}

.form-qna-write .knix-brd-row select {
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
}


/*라디오 버튼 커스텀*/

.form-qna-write .knix-brd-row input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form-qna-write .knix-brd-row input[type="radio"]+label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form-qna-write .knix-brd-row input[type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.form-qna-write .knix-brd-row input[type="radio"]+label:active:before, .form-qna-write .knix-brd-row input[type="radio"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.form-qna-write .knix-brd-row input[type="radio"]:checked+label:before {
    background: #E9ECEE;
    border-color: #adb8c0;
}

.form-qna-write .knix-brd-row input[type="radio"]:checked+label:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 5px;
    width: 9px;
    height: 9px;
    background: #333;
    border-radius: 4.5px;
}

.knix-brd-agree {
    text-align: right;
    font-size: 13px;
    margin-top: 10px;
	margin-bottom: 20px;
}

.knix-brd-agree input[type="checkbox"] {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.knix-brd-agree p {
    font-size: 13px;
}

.attr-value .select-styled {
    border: 1px solid #bebebe !important;
    padding: 2px 20px 1px 10px;
}

.knix-brd-agree p span {
    display: inline-block;
    border: 1px solid #333;
    padding: 10px 15px;
    background: #fff;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 13px;
    cursor: pointer;
}

.knix-brd-submit {
    /* width: 100px; */
    margin: 0 auto;
    text-align: center;
}

.knix-brd-submit button {
    background: #ff620c;
    color: #fff;
    border: none;
    padding: 13px 45px;
    font-size: 15px;
    font-weight: 400;
	border-radius: 2px;
	transition: 0.3s ease all;
}
.knix-brd-submit button:hover {background: #ff840c; transition: 0.3s ease all;}

.knix-brd-newsletter-submit button {
    background: #ff620c;
    color: #fff;
    border: none;
    padding: 13px 45px;
    font-size: 15px;
    font-weight: 400;
	border-radius: 2px;
}


.cld-rpt-brd-view .cld-rpt-brd-sec-tit h2.cld-rpt-brd-title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

.cld-rpt-brd-view .cld-rpt-brd-sec-tit .cld-rpt-brd-date {
    font-size: 13px;
    font-weight: 300;
    color: #adadad;
    line-height: 24px;
    margin-bottom: 35px;
}

.cld-rpt-brd-view .cld-rpt-brd-sec-tit .cld-rpt-brd-hashtag img {
    margin-right: 10px;
}

.cld-rpt-brd-view .cld-rpt-brd-sec-tit .cld-rpt-brd-hashtag a {
    background: #f1f1f1;
    color: #8a8a8a;
    margin-right: 5px;
    padding: 0 5px;
    font-size: 13px;
}

.cld-rpt-brd-view .cld-rpt-brd-sec-cont {
    width: 100%;
    border-top: 1px solid #e0e1e2;
    border-bottom: 1px solid #e0e1e2;
    min-height: 300px;
    padding: 40px 0;
    margin: 40px 0;
    word-break: keep-all;
    color: #585858;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.25px;
}

.cld-rpt-brd-btn-list p a {
    display: block;
    width: 99px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #333;
    color: #333;
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
}

.sitemap-sec-title {
    width: 325px;
    float: left;
}

.sitemap-sec-title .sitemap-sec-title-kor {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-transform: uppercase;
}

.sitemap-sec-title .sitemap-sec-title-eng {
    font-size: 13px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0.5px;
}

.sitemap-sec-menus-wrap {
    margin-bottom: 60px;
    float: right;
    width: 875px;
}

.sitemap-sec-menus-wrap .sitemap-sec-menus {
    display: inline-block;
    width: 190px;
    margin-right: 35px;
    vertical-align: top;
}

.sitemap-sec-menus-wrap .sitemap-sec-menus:last-child {
    margin-right: 0;
}

.sitemap-sec-menus-wrap .sitemap-sec-subtitle {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #fe8c03;
    background: url('../images/sitemap-arrow.gif') 170px 6px no-repeat;
    margin-bottom: 20px;
}

.sitemap-sec-menus-wrap .sitemap-sec-subtitle a {
    display: block;
    padding-bottom: 19px;
    color: #333;
    transition: 0.15s ease all;
    -moz-transition: 0.15s ease all;
    -webkit-transition: 0.15s ease all;
    -o-transition: 0.15s ease all;
    -ms-transition: 0.15s ease all;
}

.sitemap-sec-menus-wrap .sitemap-sec-subtitle a:hover {
    color: #fe8c03;
}

.sitemap-sec-menus-wrap .sitemap-sec-menus ul li a {
    color: #6e6e6e;
    font-size: 15px;
    display: block;
    padding: 8px 0 8px 5px;
    transition: 0.15s ease all;
    -moz-transition: 0.15s ease all;
    -webkit-transition: 0.15s ease all;
    -o-transition: 0.15s ease all;
    -ms-transition: 0.15s ease all;
}

.sitemap-sec-menus-wrap .sitemap-sec-menus ul li a:hover {
    color: #fff;
    background: #fe8c03;
}

.sitemap-sec-menus-wrap .sitemap-sec-menu .sitemap-sec-subtitle {
    background: url('../images/sitemap-arrow.gif') 855px 7px no-repeat
}

.sitemap-sec-menus-wrap .sitemap-sec-menu ul {
    display: inline-block;
    width: 190px;
    margin-right: 35px;
    vertical-align: top;
}

.sitemap-sec-menus-wrap .sitemap-sec-menu ul:last-child {
    margin-right: 0;
}

.sitemap-sec-menus-wrap .sitemap-sec-menu ul li {
    color: #6e6e6e;
    font-size: 15px;
}

.sitemap-sec-menus-wrap .sitemap-sec-menu ul li a:hover {
    color: #fff;
    background: #fe8c03;
}

.sitemap-sec-menus-wrap .sitemap-sec-menu ul li a {
    color: #6e6e6e;
    font-size: 15px;
    display: block;
    padding: 8px 0 8px 5px;
    transition: 0.15s ease all;
    -moz-transition: 0.15s ease all;
    -webkit-transition: 0.15s ease all;
    -o-transition: 0.15s ease all;
    -ms-transition: 0.15s ease all;
}

.sub-content-container .img.half {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: left;
}

.sub-content-container .img.half img {
    max-width: 100%;
}

.tothelist {
    width: 130px;
    margin: 0 auto 80px;
    text-align: center;
}

.tothelist a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 18px 25px 20px;
    background: #686868;
    border: 0;
    border-radius: 3px;
	transition: 0.2s ease all;
}

.tothelist a:hover {
    color: #fff;
    background: #363636;
}

.headerbg {
    background: #fff;
}

.headerbg #menubar_logo .menubar_logo {
    fill: #333;
}

.headerbg div.nav-cont .layout_left a {
    color: #333;
}

.headerbg ul li a {
    color: #333 !important;
}

.headerbg ul li span {
    color: #333 !important;
}


/*160817*/

.table_info_desc {
    text-align: right;
    font-size: 13px;
    font-weight: 400 !important;
    color: #555;
    margin: 20px 0 5px;
    padding-right: 15px;
}

.sub_fullimg.cdn06 {
    position: relative;
}

.sub_fullimg.cdn06 .controler p {
    position: absolute;
    top: 35%;
    font-size: 84px;
    display: none;
}

.sub_fullimg.cdn06:hover .controler p {
    display: block;
    color: #4fa82a;
}

.sub_fullimg.cdn06:hover .controler p i {
    color: rgba(255, 255, 255, 0.7);
}

.sub_fullimg.cdn06 .controler p.prev {
    left: 10px;
}

.sub_fullimg.cdn06 .controler p.next {
    right: 10px;
}

.headerbg ul li.text_on00 a {
    color: #ff620c !important
}


/*161014 영문*/

.eng_footer .address_left p {
    margin-top: 15px;
}

.address_right {
    position: relative;
    top: -40px;
}

.eng_footer2wrap {
    height: 130px !important;
    overflow: hidden;
}

.en_quick_minus {
    margin-top: -10px;
    margin-bottom: -10px;
}


/*20161021 영문 payment 페이지 추가*/

.pay-table {
    border-top: 1px solid #adadad;
    padding: 3% 0 0 0;
    margin-bottom: 9%;
}

.pay-table p {
    margin-bottom: 1.5%;
    color: #636363;
}

.pay-table table {
    width: 100%;
    margin: 0;
    padding: 0;
    cellspacing: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #bbbcbe;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}

.pay-table table thead tr {
    border-bottom: 1px solid #bbbcbe;
}

.pay-table table thead tr th {
    border-left: 1px solid #bbbcbe;
    padding: 1.5%;
    width: 31%;
    vertical-align: middle;
    background: #f7f6f8;
    color: #333;
}

.pay-table table thead tr th:first-child {
    border-left: none;
    width: 40%;
}

.pay-table table tbody tr {
    border-bottom: 1px solid #bbbcbe;
}

.pay-table table tbody tr td {
    border-left: 1px solid #bbbcbe;
    vertical-align: middle;
    line-height: 1.8;
    color: #636363;
    letter-spacing: 1px;
    padding: 1.5%;
}

.pay-table table tbody tr td:first-child {
    border-left: none;
}





/* 20170214 추가 */
.chub-table							{margin-bottom: 80px;}
.chub-table th, .chub-table td 		{/*border: 1px solid #999;*/ font-size: 16px; color: #333;}
.chub-table table 					{width: 100%; margin: 0; padding: 0; cellspacing: 0; border-spacing: 0; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #bbbcbe; border-bottom: 1px solid #bbbcbe;
									 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.chub-table thead th 				{background-color:#f7f6f8; padding:15px 0; vertical-align:middle; border-bottom:1px solid #dee1e3; border-right:1px solid #bbbcbe; line-height:1.25em;}
.chub-table table th:last-child 	{border-right:none;}
.chub-table tbody th 				{font-weight: 500; letter-spacing: -.5px; padding: 1.5%; line-height: 23px; vertical-align: middle; border-bottom: 1px solid #dee1e3; border-right: 1px solid #dee1e3;}
.chub-table tbody td 				{font-weight: 300; text-align: center; vertical-align: middle; border-bottom: 1px solid #dee1e3; border-left: 1px solid #dee1e3; padding: 1.5%; line-height: 23px;}
.chub-table tbody td.left 			{text-align: left;}


/****************어플리케이션용 리스트_CSS_170413_ksh******************/


/* 리스트 영역 */

.prd-svr-wrap1 {
    width: 99% !important;
    margin: 0 auto;
    border: 4px solid transparent;
    text-align: center;
    padding: 30px 0;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
}

.prd-svr-wrap1 {
    position: relative;
}

.prd-svr-wrap1:hover {
    border: 4px solid #ff620c;
}

div.prd-svr-wrap1:first-child {
    padding-top: 30px;
}

.prd-svr-wrap1 div {
    float: none;
}

.prd-svr-wrap1 .prd-thumb, .prd-svr-info, .btn-rqst {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.prd-svr-wrap1:hover .prd-svr-view-btn {
    display: inline-block;
}

.prd-svr-wrap1 div:first-child {
    padding-top: 0;
}

.prd-svr-wrap1 div.prd-thumb {
    width: 20%;
    text-align: center;
}

.prd-svr-wrap1 div.prd-svr-info {
    width: 55%;
}

.prd-svr-wrap1 div.prd-svr-info p:first-child {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.25px;
    height: 33px;
}

.prd-svr-wrap1 div.prd-svr-info p {
    margin: 8px 0;
    font-weight: 300;
    color: #333;
}

.prd-svr-wrap1 div.btn-rqst {
    width: 24%;
    text-align: center;
}