@charset "utf-8";

@import url('/new_cloud/css/style.css');

/* #container {margin-top:15px; position:relative;} 2016_renew*/
#container .back {
    position: absolute;
    top: 0;
    right: 0;
}

#container .back span {
    padding: 0 5px;
}

#container .back span:before {
    margin-top: -2px;
    margin-right: 3px;
    font-size: 10px;
    font-weight: bold;
    content: "<";
    display: inline-block;
}

/* 좌 section 있는 경우 */
#container.multi-left .side-content {
    width: 160px;
    float: left;
}

#container.multi-left .contents {
    width: 813px;
    float: right;
}

/* 우 section 있는 경우 */
#container.multi-right .side-content {
    padding-top: 50px;
    float: right;
    position: relative;
}

#container.multi-right .contents {
    width: 678px;
    float: left;
}

.lnb.total > ul {
    margin-top: 15px;
}

.contents h3 {
    margin-top: 40px;
    margin-bottom: 13px;
    color: #6e54a6;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.contents h3 [class*='btn'] {
    line-height: 100%;
}

p.local {
    margin-bottom: 28px;
}

p.local > strong, p.local > span {
    color: #969696;
    font-size: 11px;
    font-family: dotum;
}

p.local > strong:before, p.local > span:before {
    width: 5px;
    height: 9px;
    margin-right: 5px;
    margin-left: 5px;
    background: url('/new_cloud/images/common/icon.png') -93px -26px;
    content: '';
    display: inline-block;
}

p.local > span:first-child:before {
    width: 0;
    margin-left: 0;
}

p.local > strong {
    color: #969696;
    font-weight: normal;
}

table p.local {
    margin-bottom: 0;
}

table p.cate > span:before {
    width: 5px;
    height: 9px;
    margin-right: 5px;
    margin-left: 5px;
    background: url('/new_cloud/images/common/icon.png') -93px -26px;
    content: '';
    display: inline-block;
}

table p.cate > span:first-child:before {
    width: 0;
    margin-left: 0;
}

/* section */
/* .section {width:100%; color:#333; font-size:13px; font-family:dotum; line-height:20px; overflow:hidden;} 2016_renew*/
/* .section * {font-family:dotum;} 2016_renew*/
div[class^='multi-section'], ul[class^='multi-section'] {
    overflow: hidden;
}

div[class^='multi-section'] > div, ul[class^='multi-section'] > li {
    float: left;
}

.multi-section-half > div, .multi-section-half > li {
    width: 50%;
    box-sizing: border-box;
}

.multi-section-3 > div, .multi-section-3 > li {
    width: 33.3%;
    box-sizing: border-box;
}

.section.txt-14 {
    font-size: 14px;
    line-height: 24px;
}

.file-upload {
    width: 100% !important;
}

.file-upload li {
    width: 20%;
    margin-bottom: 10px;
}

.file-upload li > div {
    height: 147px;
    margin: 0 5px;
    background: url('/new_cloud/images/sub/file-upload.png') center top no-repeat;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    position: relative;
}

.file-upload li > div > a {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
}

th.main-img .file-upload li:first-child > div {
    background-color: #f7f7f7;
}

.file-upload p.thumb {
    height: 145px;
    text-align: center;
}

.file-upload p.thumb:before {
    height: 100%;
    content: '';
    vertical-align: middle;
    display: inline-block;
}

.file-upload p.thumb img {
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
}

.file-upload p.ac {
    margin-top: -30px;
}

.tab-area {
    margin-bottom: 3em;
    overflow: hidden;
    position: relative;
    margin-top:-9px;
}

.tab-area > ul {
    overflow: hidden;
}

.tab-area > ul > li {
    min-width: 80px;
    text-align: center;
    line-height: 50px;
    margin-left: -1px;
    border-right: 1px solid #ececec;
    float: left;
}

/* 수정 */
.tab-area > ul > li:first-child {
    margin-left: 0
}

.tab-area > ul > li:last-child {
    border-right: 0
}

.tab-area > ul > li:after {
    clear: both;
    content: '';
    display: block;
}

.tab-area > ul > li > a {
    display: block;
    padding: 0 10px;
    border: 1px solid #ececec;
    border-right:0;
    font-size: 14px;
    font-weight: 400 !important;
    background:#f6f6f6;
    letter-spacing: -1px;
}

.tab-area > ul > li:last-child > a {
    border-right:1px solid #ececec;
}

.tab-area > ul:not(.full) > li > a {
    font-size: 14px;
}

.tab-area > ul > li a.on {
    border-bottom: 0;
    color: #1b1b1b;
    background:#fff;
}

.tab-area ul.full {
    position: relative;
}

.tab-area ul.full > li {
    padding: 0 0;
}

/* 수정 */

.tab-area ul.full > li.on {
    border-bottom: 0;
}

.tab-area ul.full > li.on > ul {
    display: block;
}

.tab-area ul.full > li ul {
    width:100%;
    position: absolute;
    left: 0;
    top: 49px;
    z-index: 100;
    display: none;
    border-bottom: 1px solid #d3d3d3
}

.tab-area ul.full > li ul li {
    margin-left: 20px;
    padding-left: 20px;
    font-size: 14px;
    text-align: center;
    background: url('/new_cloud/images/sub/bg-line.gif') 0 21px no-repeat;
    float: left;
}

.tab-area ul.full > li ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

.tab-area ul.full > li:last-child {
    padding-right: 1px;
    border-right: 0 none !important;
}

.tab-area ul.full > li ul li a {
    color: #3f3f3f;
    font-size: 14px;
    cursor: pointer;
}

.tab-area ul.full > li ul li a.on {
    font-weight: bold;
    letter-spacing: -1px;
    cursor: pointer;
}

.tab-area ul {
    border-color: #ececec
}

.tab-area ul.cs-center > li {
    width: auto; /*border-bottom:1px solid #c5c5c5;*/
    border-color: #c5c5c5;
}

.tab-area ul.cs-center > li.on {
    border-bottom: 0;
}

.tab-area ul.cs-center > li a {
    padding: 0 20px;
    color: #3f3f3f;
    font-size: 12px;
}

.tab-area ul.cs-center {
    border-right: 0;
}

.tab-area ul > li > ul > li a {
    font-size: 14px;
}

.tab_link a {
    font-size: 16px;
}

/* search result */
.search-result {
    overflow: hidden;
}

.search-result dt {
    margin-bottom: 8px;
    font-size: 14px;
    overflow: hidden;
}

.search-result dt span {
    margin-left: 5px;
}

.search-result dt strong {
    color: #00a279;
}

.search-result dt a {
    margin-left: 5px;
    padding: 1px 5px 0 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #b87640;
    display: inline-block;
}

.search-result dt div {
    margin-top: 10px;
}

.search-result dt div p {
    padding-left: 10px;
    color: #999;
    font-size: 11px;
    background: url('/new_cloud/images/icon-btn/bullet-list.gif') left 10px no-repeat;
}

.search-result dt div strong {
    color: #b87640;
}

.search-result dd {
    padding: 8px 0;
    border-top: 2px solid #515151;
    overflow: hidden;
}

.search-result dd ul {
    width: 80%;
    margin-top: 8px;
    margin-left: 5px;
    float: left;
}

.search-result dd li {
    margin-right: 12px;
    float: left;
}

.search-result dd li:before {
    padding-right: 12px;
    content: '|';
    display: inline-block;
}

.search-result dd li:first-child, .search-result dd li:first-child:before {
    padding-right: 0;
    content: '';
}

.search-result dd li.on a {
    color: #00a279;
    font-weight: bold;
    letter-spacing: -1px;
}

.list-type1 {
    margin: 15px 0;
}

.list-type1 li {
    margin-top: 10px;
    padding-left: 15px;
    font-size: 14px;
    text-indent: -15px;
}

.list-type1 li:before {
    padding-left: 15px;
    content: 'ㆍ';
    display: inline-block;
}

.list-type1 li:first-child {
    margin-top: 0;
}

.total-count {
    margin-bottom: 10px;
}

.total-count strong {
    font-weight: bold
}

/* baord-list */
.type-list table {
    margin-top: 10px;
    border-top:1px solid #c0c0c0;
}

.type-list th, .type-list td {
    padding: 1em;
}

.type-list thead th {
    border-bottom: 1px solid #ececec;
    background-color: #f6fbff;
}

.type-list tbody td {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

.type-list tbody td a {
    font-size:15px;
}

.type-list tbody td a:hover {
    color:#384e85;
    font-weight:500;
}

.type-list tbody .date {
    white-space: nowrap
}

.type-list .title {
    text-align: left
}

.type-list #commentList .title {
    padding-left: 30px;
    background: url(/cloud_ver2/new_cloud/images/icn_faq_ques.png) 0 50% no-repeat;
}

.type-list .title a {
    color: #333;
}

/* 추가 */
.type-list .title a:hover {
    text-decoration: underline;
}

.type-list.no-bor {
    border-top: 0;
}

.type-list tr.hide td {
    text-align: left;
    background: #f7f9f9;
    border: 0
}

.type-list #commentList tr.hide td.title {
    background: url(/cloud_ver2/new_cloud/images/icn_faq_answer.png) 0 14px no-repeat
}

.type-thumb {
    border-bottom: 2px solid #515151;
}

.type-thumb > ul {
    margin-bottom: 13px;
    padding-top: 13px;
    border-top: 1px solid #efefef;
    overflow: hidden;
}

.type-thumb > ul > li dt {
    font-size: 16px;
    font-weight: bold;
}

.type-thumb > ul > li dd {
    margin-top: 15px;
}

.type-thumb > ul > li.ar img {
    margin-left: 15px;
}

.type-thumb > ul > li.ar img:first-child {
    margin-left: 0;
}

.type-thumb .cont dt {
    font-size: 14px;
}

.type-thumb .cont dt span {
    font-size: 13px;
    font-weight: normal;
}

.type-thumb .cont dt span:before {
    margin: 0 10px;
    content: '|';
    display: inline-block;
}

.type-thumb .cont dd a {
    color: #9c9c9c;
}

.type-thumb .thumb img {
    width: 198px;
    height: 118px;
    border: 1px solid #ccc;
}

.type-thumb .data-info {
    color: #9c9c9c;
}

.type-thumb .data-info span {
    display: inline-block;
}

.type-thumb .data-info span:before {
    margin: 0 10px;
    content: '|';
    display: inline-block;
}

.type-thumb .data-info span:first-child:before {
    margin: 0;
    content: '';
}

.type-thumb.type-list li dl dd a {
    color: #3e3e3e !important;
}

.type-thumb.type-list li {
    overflow: hidden;
}

.type-thumb.type-list li dl {
    width: 590px;
    margin-top: 5px;
    float: left;
}

/* 수정 */

.type-thumb.event .thumb img {
    width: auto;
    max-width: 160px;
    height: auto;
    max-height: 130px
}

.type-thumb.event dl {
    width: 520px !important;
    margin-top: 10px;
    float: left;
}

.type-thumb.event dl dt {
    font-size: 13px;
}

.type-thumb .community-info {
    float: right;
}

.type-thumb .explain {
    width: 68%;
}

.type-thumb .community-info {
    border: 2px solid #515151;
}

.type-thumb .community-info ul {
    margin: 20px 30px;
    vertical-align: middle;
}

.type-thumb .community-info li span {
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
}

.type-thumb .community-info .date:before, .type-thumb .community-info .user:before, .type-thumb .community-info .member:before, .type-thumb .community-info .message:before {
    width: 17px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.type-thumb .community-info .date:before {
    background-position: -51px -302px;
}

.type-thumb .community-info .user:before {
    background-position: -73px -300px;
}

.type-thumb .community-info .member:before {
    background-position: -97px -300px;
}

.type-thumb .community-info .message:before {
    background-position: -122px -303px;
}

.type-thumb.small-type .cont > strong {
    margin-bottom: 5px;
    font-weight: normal;
    display: inline-block;
}

.type-thumb.small-type .cont > strong:before {
    margin-right: 5px;
    font-weight: normal;
    vertical-align: middle;
    content: '》';
    display: inline-block;
}

.type-thumb.small-type > ul > li dt {
    font-size: 13px;
}

.type-thumb.small-type > ul > li dd {
    margin-top: 0;
}

.thumb-list ul {
    margin-top: 20px;
    overflow: hidden;
}

.thumb-list li {
    margin-bottom: 30px;
    float: left;
}

.thumb-list li a {
    margin: 0 10px;
    display: block;
}

.thumb-list li a strong img {
    width: 239px;
    height: 328px;
    border: 1px solid #ccc;
}

.thumb-list li a p {
    margin: 10px 0 0 0;
    color: #3e3e3e;
    font-weight: bold;
}

.thumb-list li a span {
    color: #9c9c9c;
}

.thumb-list li .thumb {
    height: 463px;
    display: table-cell;
    vertical-align: middle;
}

.thumb-list li .thumb img {
    max-width: 239px;
    height: auto;
    max-height: 427px;
}

/* paging */
/* .paging {margin:30px auto 0 auto; text-align:right;}
.paging a {min-width:21px; height:23px; margin-left:6px; color:#333; font-size:16px; text-align:center; line-height:24px; display:inline-block;}
.paging a img {margin-top:-2px;}
.paging a:first-child {margin-left:0;}
.paging a.on {color:#00a279; font-weight:bold; border:1px solid #00a279;} 2016_renew */

/* select box */
.select-box {
    min-width: 124px;
    height: 33px;
    border: 1px solid #ccc;
    background: url("/new_cloud/images/icon-btn/icon-select-arrow.png") right 0 no-repeat;
    position: relative;
    display: inline-block;
}

.select-box label {
    color: #969696;
    font-size: 12px;
    position: absolute;
    left: 11px;
    top: 9px;
}

.select-box select {
    width: 100%;
    height: 33px;
    min-height: 33px;
    padding: 0 10px;
    line-height: 33px;
    opacity: 0;
    cursor: pointer;
}

.search-result .select-box {
    float: right;
}

.multi-left .side-content .search {
    padding: 10px;
    background: url("/new_cloud/images/sub/bg-lnb-search.png") 0 0 repeat;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
}

.multi-left .side-content .search * {
    font-family: dotum;
}

/* 추가 */
.multi-left .side-content .search li {
    margin-bottom: 10px;
}

.multi-left .side-content .search li > p {
    width: 100%;
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-image: url("/new_cloud/images/icon-btn/icon-select-arrow.png");
    background-color: #fff;
    background-position: right -50px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.multi-left .side-content .search li:hover > p {
    background-position: right -154px;
    border-color: #00a279;
}

/*
.multi-left .side-content .search li:hover > p a {font-weight:bold;}
*/
.multi-left .side-content .search li:hover > p a {
    font-weight: bold;
    letter-spacing: -1px;
}

/* letter-spacing 추가 */

.multi-left .side-content .search li > p.active {
    background-position: right -102px;
}

.multi-left .side-content .search li:hover > p.active {
    background-position: right -206Px;
}

/*
.multi-left .side-content .search li > p > a {margin-top:7px; margin-left:13px; color:#9c9c9c; display:inline-block;}
*/
.multi-left .side-content .search li > p > a {
    margin-top: 7px;
    margin-left: 13px;
    color: #3e3e3e;
    display: inline-block;
}

/* color 수정*/

.multi-left .side-content .search li ul {
    width: 100%;
    max-height: 130px;
    margin-top: -1px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    overflow: auto;
    position: relative;
    z-index: 10;
    display: none;
}

.multi-left .side-content .search li:hover ul {
    border: 1px solid #00a279;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

/*
.multi-left .side-content .search li li {margin:0 10px; padding:6px 0; color:#9c9c9c;}
*/
.multi-left .side-content .search li li {
    margin: 0 10px;
    padding: 6px 0;
    color: #3e3e3e;
}

/* color 수정 */

.multi-left .side-content .search li li input[type="checkbox"] {
    margin-right: 5px;
}

/*
.multi-left .side-content .search > span > a {color:#505050; font-size:11px; text-decoration:underline;}
*/
.multi-left .side-content .search > span > a {
    margin-top: 7px;
    color: #505050;
    font-size: 11px;
    text-decoration: underline;
    display: inline-block;
}

/* margin, display 추가 */
.multi-left .side-content .search a.b-btn-apply {
    height: 33px;
    min-width: 65px;
    color: #9c9c9c;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    text-align: center;
    float: right;
}

.multi-left .side-content .search a.b-btn-apply:hover {
    height: 33px;
    color: #fff;
    font-weight: bold;
    background-position: 0 -66px;
    border: 1px solid #2482d0;
}

.multi-left .side-content .search a.b-btn-apply span {
    font-weight: normal;
}

/* font-weight 추가 */
.multi-left .side-content .search a.b-btn-apply:hover {
    height: 33px;
    color: #fff;
    font-weight: bold;
    background-position: 0 -66px;
    border: 1px solid #2482d0;
}

.multi-left .side-content .search a.b-btn-apply:hover span {
    font-weight: bold;
    letter-spacing: -1px;
}

/* font-weight, letter-spacing 추가 */

/* info-table */
h3.type-info {
    padding: 10px 4px;
    vertical-align: middle;
    border-top: 1px solid #d0cdd7;
    border-bottom: 1px solid #d0cdd7;
    position: relative;
}

/*h3.type-info .sbtn {position:absolute; right:2px; top:8px;}*/
.info-table table {
    width: 100%;
}

.info-table th, .info-table td {
    padding: 15px 5px;
    font-size: 14px;
    border-top: 1px solid #efefef;
}

.info-table tr:first-child th, .info-table tr:first-child td {
    border-top: 0;
}

.info-table th {
    font-weight: normal;
    text-align: left;
}

.info-table td a {
    color: #00a279;
}

.arrow {
    padding-right: 33px;
    color: #00a279;
    background-image: url('/new_cloud/images/icon-btn/icon-select-arrow.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.arrow.right {
    background-position: right -264px;
}

.arrow.bottom {
    background-position: right -160px;
}

.tab-search .arrow.bottom {
    padding: 3px 5px 3px 26px;
    background-position: left -158px;
    border: 1px solid #d1d1d1;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

.more-view > div {
    height: 70px;
    overflow: hidden;
}

.more-view > div.on {
    height: 100%;
}

.more-view p {
    margin-top: 5px;
    font-size: 14px;
    text-align: right;
    border-top: 1px solid #efefef;
}

.more-view p a {
    margin-top: 10px;
}

.more-view p a.on {
    background: url('/new_cloud/images/icon-btn/icon-select-arrow.png') right -213px no-repeat;
}

.title-area h2 {
    margin-top: 8px;
}

.title-area a.view {
    position: absolute;
    right: 0;
    top: 20px;
}

.title-area .btn-print {
    position: absolute;
    top: 0;
    right: 0;
}

.title-area .btn-print span {
    margin: 0 5px;
}

.title-area .btn-print span:before {
    width: 20px;
    height: 18px;
    margin-right: 5px;
    background: url('/new_cloud/images/common/icon.png') -102px -23px no-repeat;
    content: '';
    vertical-align: middle;
    display: inline-block;
}

/* .title-area .search-area {position:absolute; right:0; top:0; z-index:1000;} 2016_renew*/
.title-area .search-area * {
    font-family: dotum;
}

.title-area .search-area .search-box {
    display: block
}

.title-area .search-area .search-box input[type=text] {
    width: 750px;
    height: 33px;
    margin-left: 3px;
    text-indent: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.title-area .search-area .search-box a {
    width: 34px;
    height: 33px;
    margin-left: -1px;
    text-indent: -10000em;
    vertical-align: middle;
    background: url('/new_cloud/images/icon-btn/icon-select-arrow.png') right -311px no-repeat;
    border: 1px solid #ccc;
    display: inline-block;
}

.title-area .position-ar {
    position: absolute;
    right: 0;
    top: 0;
}

.txt-explain {
    font-size: 13px;
    font-family: dotum;
}

.txt-explain strong {
    font-family: dotum;
}

.txt-explain span {
    font-family: dotum;
}

p[class^="deco-tit"] {
    margin: 40px 0 20px 0;
    color: #365166;
    font-size: 20px;
    font-family: 'Nanum Gothic';
    font-weight: 700;
    line-height: 30px;
}

p[class^="deco-tit"] strong {
    color: #6e54a6;
}

p[class^="deco-tit"] span:before, p[class^="deco-tit"] span:after {
    width: 22px;
    height: 25px;
    margin-top: -12px;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

p[class^="deco-tit"] span:before {
    margin-right: 7px;
    background-position: -155px -221px;
}

p[class^="deco-tit"] span:after {
    margin-left: 7px;
    background-position: -186px -221px;
}

p.deco-tit02 span:before {
    margin-right: 7px;
    background-position: -155px -261px;
}

p.deco-tit02 span:after {
    margin-left: 7px;
    background-position: -186px -261px;
}

h2.detail-title {
    padding-top: 13px;
    padding-right: 120px;
    line-height: 28px;
    color: #6e54a6;
    font-size: 24px;
    text-indent: 0;
    background: url('/new_cloud/images/icon-btn/bullet-h2.gif') 0 0 no-repeat;
    border-bottom: 0;
}

.side-content .detail-right {
    width: 303px;
    background: #f0f6f5;
    border: 2px solid #2abd99;
}

.side-content .detail-right p {
    width: 290px;
    height: 237px;
    margin: 8px auto;
    text-align: center;
    background: url('/new_cloud/images/sub/bg-detail-thumb.png') 0 0 no-repeat;
}

.group {
    padding: 20px 0 15px 0;
    background: url('/new_cloud/images/sub/bg-detail-group.png') 0 0 repeat-x;
}

.group * {
    font-size: 14px;
}

.group ul {
    width: 288px;
    margin: 0 auto;
}

.group h4 {
    margin-left: 18px;
    font-size: 15px;
}

.group:first-child {
    padding-top: 0;
    background-image: none;
}

.detail-right .group:first-child > p:before, .detail-right .group:first-child li:before {
    height: 100%;
    min-height: 30px;
    content: "";
    vertical-align: middle;
    display: inline-block;
}

.mark-list {
    background: #fff;
    border: 1px solid #b9dcd3;
    border-radius: 3px;
    overflow: hidden;
}

.mark-list li {
    min-height: 30px;
    margin: 4px 0;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #cae1f3;
    float: left;
}

.mark-list li:first-child {
    border-left: 0;
}

.mark-list li img {
    vertical-align: middle;
}

.btn-list {
    width: 100%;
    overflow: hidden;
}

.btn-list li {
    width: 48%;
    margin: 3px 1%;
    float: left;
    box-sizing: border-box;
}

.btn-list li a {
    width: 100%;
    height: 42px;
    padding-left: 20px;
    color: #00a279;
    font-weight: 600;
    line-height: 38px;
    background-color: #fff;
    border: 2px solid #2abd99;
    border-radius: 5px;
    position: relative;
    display: block;
    box-sizing: border-box;
}

.btn-list a.orange {
    color: #6d54a7;
    border-color: #8a74b9;
}

.btn-list li a:after {
    background-image: url('/new_cloud/images/common/btn-icon.png');
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
}

.btn-list li a.write:after {
    width: 12px;
    height: 12px;
    background-position: -20px 0;
    top: 12px;
    right: 13px
}

.btn-list li a.list:after {
    width: 10px;
    height: 9px;
    background-position: -40px -2px;
    top: 14px;
    right: 13px
}

.btn-list li a.add:after {
    width: 8px;
    height: 8px;
    background-position: -60px -2px;
    top: 15px;
    right: 15px
}

.btn-list li a.download:after {
    width: 13px;
    height: 10px;
    background-position: -80px -2px;
    top: 14px;
    right: 12px
}

.btn-list li a.link:after {
    width: 10px;
    height: 9px;
    background-position: -105px -2px;
    top: 14px;
    right: 13px
}

.btn-list li a.detail:after {
    width: 9px;
    height: 9px;
    background-position: -125px -2px;
    top: 14px;
    right: 13px
}

.prd-list.info ul {
    background: #fff;
    border-radius: 5px;
}

.prd-list.info ul li {
    border-top: 1px solid #eaf2f9;
    position: relative;
}

.prd-list.info ul li:first-child {
    border-top: 0;
}

.prd-list.info ul li span {
    width: 60%;
    margin: 0 20px;
    padding: 15px 0;
    font-weight: 700;
    display: block;
}

.prd-list.info ul li a {
    position: absolute;
    right: 0;
    top: 14px;
}

.prd-list.intro {
    margin-top: 35px;
}

.prd-list.intro ul {
    overflow: hidden;
}

.prd-list.intro ul li {
    float: left;
}

.prd-list.intro ul li:first-child {
    margin-right: 10px;
}

.prd-list.intro ul li strong {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.prd-list.intro ul li a {
    width: 138px;
    height: 81px;
    position: relative;
    display: inline-block;
}

.prd-list.intro ul li a .img-thumb {
    width: 132px;
    height: 75px;
    border: 3px solid #fff;
}

.prd-list.intro ul li a .btn-play {
    position: absolute;
    left: 39px;
    top: 10px;
    z-index: 1;
}

.tel {
    margin-top: 25px;
}

.tel ul {
    margin-top: 20px;
}

.tel li {
    border-top: 1px solid #d8e3ec;
}

.tel li span {
    padding: 10px;
    border-top: 1px solid #fff;
    font-size: 14px;
    font-family: dotum;
    display: block;
}

.tel li span a {
    color: #5b5b5b;
    font-family: dotum;
}

.tel li:first-child {
    border-top: 0;
}

.tel li:first-child span {
    border-top: 0;
}

.sns {
    margin-top: 40px;
}

.sns h4 {
    margin-bottom: 10px;
}

.sns ul {
    background: #fff;
    border: 1px solid #cae1f3;
    border-radius: 5px;
    overflow: hidden;
}

.sns li {
    width: 33.3%;
    vertical-align: middle;
    box-sizing: border-box;
    border-left: 1px solid #cae1f3;
    float: left;
}

.sns li:first-child {
    border-left: 0;
}

.sns li a {
    width: 100%;
    height: 52px;
    display: inline-block;
    box-sizing: border-box;
    text-indent: -10000em;
    background-image: url('/new_cloud/images/icon-btn/icon-sns.png');
    background-repeat: no-repeat;
}

.sns li.facebook a {
    background-position: center 14px;
}

.sns li.twitter a {
    background-position: center -39px;
}

.sns li.naver a {
    background-position: center -94px;
}

/* agreement */
.agreement {
    margin-top: 40px;
}

.agreement h4 {
    margin-bottom: 30px;
    font-size: 14px;
}

.agreement dt {
    margin-bottom: 10px;
    font-weight: bold;
}

.agreement dd {
    margin-bottom: 30px;
}

.agreement dd > ul > li {
    margin-top: 10px;
    margin-left: 5px;
}

.agreement dd > ul > li:first-child {
    margin-top: 0;
}

.agreement dd > ul > li > ul {
    margin-left: 10px;
}

.agreement .step-cont li {
    padding-left: 18px;
    text-indent: -18px;
}

.agreement dd > ul.default > li {
    margin-top: 0;
}

.type-box {
    border: 1px solid #cecece;
}

.type-box.email {
    margin-bottom: 30px;
    padding: 20px 0;
    background: url('/new_cloud/images/icon-btn/icon-email.png') 140px center no-repeat;
}

.type-box.email div {
    margin-left: 250px;
}

.type-box.email div span {
    color: #E17A12;
}

/* select */
/* #container .sech_form {width:auto; overflow:hidden;}
#container .sech_form .cont_wrap{position:absolute; top:0; right:0; width:auto; text-align:right;}
 */
#container .rela .sech_form .cont_wrap {
    top: 0;
}

#container .sech_form .selected {
    float: left;
    margin: 0 10px 0 0;
}

/*
#container .sech_form .selected select {padding-right:40px;}
*/
#container .sech_form .selected .selectbox_title {
    padding: 6px 10px 6px;
    border: 1px solid #ccc;
    background: url("/new_cloud/images/icon-btn/icon-select-arrow.png") right 0 no-repeat;
    text-align: left;
    position: relative;
}

#container .sech_form .cont_wrap .search {
    float: left;
}

#container .sech_form .cont_wrap .btn_org {
    float: left;
    margin-left: 15px;
}

#container .sech_form .search {
    width: 233px;
    height: 29px;
    border: 1px solid #d5d5d5;
    background: url('/resources/web/theme/default/images/btn/btn_search_02.gif') no-repeat right top;
}

#container .sech_form .search .input {
    float: left;
    width: 185px;
    min-height: 27px;
    padding-left: 5px;
    border: none;
    color: #666;
    line-height: 27px;
}

#container .sech_form .search .btn {
    float: right;
    width: 30px;
    height: 29px;
    padding: 0;
    background: url('/new_cloud/images/icon-btn/icon-select-arrow.png') center -313px no-repeat;
    border-left: 1px solid #d5d5d5;
    text-indent: -9999px;
    cursor: pointer;
}

/* span.selectbox_title strong{overflow:hidden; display:block; width:100%; height:15px; padding:0 0 2px; color:#737373; font-weight:normal; font-size:11px; word-break:break-all; line-height:16px;} */
/* span.selectbox_title_focus{border-color:#a5c7fe;}
span.selectbox_title_focus strong{color:#737373;}
span.selectbox_title_disabled{background-color:#eee;}
span.selectbox_title_disabled strong{color:#737373;}
div.selectbox_option{overflow:hidden; border:1px solid #d5d5d5; background:#fff;}
div.selectbox_option li{list-style:none;}
div.selectbox_option a{overflow:hidden; display:block; padding:5px 5px 5px 10px; color:#666; font-size:11px; word-break:break-all; line-height:16px; text-decoration:none;}
div.selectbox_option a.on,
div.selectbox_option a:hover,
div.selectbox_option a:focus{color:#737373; background:#eee;}
 */
/* static select */
.select-area {
    display: inline-block;
}

.select-area div {
    display: inline;
}

.select-area .sech_form .cont_wrap {
    position: static !important;
}

.select-area .rela .sech_form .cont_wrap {
    top: 0;
}

.select-area .sech_form .selected {
    float: none !important;
    margin: 0 10px 0 0;
}

.select-area .sech_form .selected .selectbox_title {
    padding: 8px 10px 8px !important;
    border: 1px solid #ccc;
    background: url("/new_cloud/images/icon-btn/icon-select-arrow.png") right 0 no-repeat;
    text-align: left;
    position: relative;
}

.select-area .sech_form .cont_wrap .search {
    float: left;
}

.select-area .sech_form .cont_wrap .btn_org {
    float: left;
    margin-left: 15px;
}

.select-area .sech_form .search {
    width: 233px;
    height: 29px;
    border: 1px solid #d5d5d5;
    background: url('/resources/web/theme/default/images/btn/btn_search_02.gif') no-repeat right top;
}

.select-area .sech_form .search .input {
    float: left;
    width: 185px;
    height: 27px;
    padding-left: 5px;
    border: none;
    color: #666;
    line-height: 27px;
}

.select-area .sech_form .search .btn {
    float: right;
    width: 30px;
    height: 29px;
    padding: 0;
    background: url('/new_cloud/images/icon-btn/icon-select-arrow.png') center -313px no-repeat;
    border-left: 1px solid #d5d5d5;
    text-indent: -9999px;
    cursor: pointer;
}

/* file up load */
.file-area {
    position: relative;
}

input.fileup {
    min-width: 228px;
    margin-right: 5px;
}

.file_del {
    margin: 5px 0 0 0;
}

.fake_input {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.fake_input .b-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.fake_input input[type="file"] {
    opacity: 0;
}

.location .map {
    padding-top: 20px;
    overflow: hidden
}

.location .map > dt {
    width: 30%;
    margin-top: 40px;
    padding-left: 30px;
    box-sizing: border-box;
    float: left;
}

.location .map > dt > strong {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Nanum Gothic';
}

.location .map > dt > ul {
    margin-top: 20px;
}

.location .map > dd {
    width: 70%;
    text-align: right;
    float: right;
}

.location .map {
    padding-top: 20px;
    overflow: hidden
}

.location .map > dt {
    width: 30%;
    margin-top: 40px;
    padding-left: 30px;
    box-sizing: border-box;
    float: left;
}

.location .map > dt > strong {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Nanum Gothic';
}

.location .map > dt > ul {
    margin-top: 20px;
}

.location .map > dd {
    width: 70%;
    text-align: right;
    float: right;
}

.location#daegu .traffic .transit dd strong {
    color: #51b732;
}

.location#daegu .traffic .car dd strong {
    color: #1c969e;
}

.location#seoul {
    display: none;
}

.location .traffic {
    margin-top: 50px;
    overflow: hidden;
}

.location .traffic > dt {
    width: 22%;
    padding: 20px 0;
    float: left;
}

.location .traffic > dt > strong {
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.location .traffic > dd {
    width: 78%;
    float: right;
}

.location .traffic > dd > dl {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #efefef;
    overflow: hidden;
}

.location .traffic > dd > dl:first-child {
    border-top: 0;
}

.location .traffic > dd > dl > dt {
    width: 16%;
    margin-right: 2%;
    text-align: center;
    float: left;
}

.location .traffic > dd > dl > dd {
    width: 82%;
    margin-top: 10px;
    float: right;
}

.location .traffic > dd > dl > dt > span {
    width: 77px;
    height: 77px;
    text-indent: -1000em;
    background-image: url('/new_cloud/images/icon-btn/icon-location.png');
    background-repeat: no-repeat;
    display: block;
    display: inline-block;
}

.location .traffic > dd > dl > dt > strong {
    margin-top: 5px;
    display: block;
}

.location .traffic .transit span {
    background-position: 0 0;
}

.location .traffic .car span {
    background-position: -254px 0;
}

.location .traffic .bus span {
    background-position: -127px 0;
}

.location .traffic .airport span {
    background-position: -381px 0;
}

.location .traffic .transit > dt > strong {
    color: #51b732;
}

.location .traffic .bus > dt > strong {
    color: #ff3955;
}

.location .traffic .car > dt > strong {
    color: #37b4bc;
}

.location .traffic .airport > dt > strong {
    color: #363636;
}

.location .traffic .txt-blue {
    color: #225ca3 !important;
}

.location .traffic .txt-green {
    color: #09ac09 !important;
}

.location .traffic .txt-purple {
    color: #9032d2 !important;
}

.location .traffic .txt-red {
    color: #ef202a !important;
}

.location .traffic .txt-gray {
    color: #7e7e7e !important;
}

.location .traffic .explain {
    margin-top: 40px;
    overflow: hidden;
}

.location .traffic .explain:first-child {
    margin-top: 0;
}

.location .traffic .explain > dt {
    width: 24%;
    float: left;
}

.location .traffic .explain > dt > strong {
    display: block;
}

.location .traffic .explain > dd {
    width: 72%;
    float: right;
}

.location .traffic .bus .explain > dd > ul > li {
    padding-left: 68px;
    text-indent: -68px;
}

.location .traffic .bus .explain > dd > ul > li > strong {
    padding-right: 5px;
}

.location .traffic .bus em {
    margin-top: 10px;
    color: #8e8e8e;
    letter-spacing: -1px;
    display: inline-block;
}

.location .traffic .airport .explain > dd > ul > li > span {
    margin-left: 10px;
    display: block;
}

.s-tit {
    color: #6e54a6;
    font-size: 13px;
    font-family: dotum;
    font-weight: bold;
}

.dot-list li {
    padding-left: 5px;
    text-indent: -5px;
}

.dot-list li a {
    margin-bottom: 4px;
    color: #3e3e3e;
    font-size: 13px;
    font-family: dotum;
    display: inline-block;
}

.dot-list li:before {
    margin-right: 5px;
    content: '·';
    display: inline-block;
}

/* member */
.join-wrap h2 {
    border-bottom: none;
}

.join-wrap div.section {
    margin-bottom: 20px;
}

.join-wrap .complete .join-area {
    padding-top: 40px;
    padding-bottom: 100px;
}

.join-wrap .certification h4 {
    margin-top: 70px;
    margin-bottom: 25px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
}

.join-wrap .certification div[class^='multi-section'] {
    margin-bottom: 70px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.join-wrap .certification div[class^='multi-section'] > div {
    padding-bottom: 50px;
    border-left: 1px solid #efefef;
    box-sizing: border-box;
}

.join-wrap .certification div[class^='multi-section'] > div:first-child {
    border-left: 0;
}

.join-wrap .certification div[class^='multi-section'] .b-btn {
    margin-top: 27px;
    margin-bottom: 35px;
}

.join-wrap .certification .dot-list {
    margin: 0 20px;
}

.join-wrap .certification .dot-list li {
    font-family: dotum;
    font-size: 11px;
    text-align: left;
}

.join-wrap .certification .dot-list li a {
    margin-bottom: 2px;
    font-size: 11px;
}

.join-wrap .main {
    width: 888px;
    margin: 0 auto 80px auto;
    padding-bottom: 7px;
    background: url('/new_cloud/images/sub/bg-join-main.png') 0 bottom repeat-x;
}

/* .join-wrap h2.tit:before, .join-wrap h2.tit:after {width:22px; height:25px; margin-top:-12px; background-image:url('/new_cloud/images/common/icon.png'); background-repeat:no-repeat; content:''; display:inline-block;}
.join-wrap h2.tit:before {margin-right:7px; background-position:-155px -221px;}
.join-wrap h2.tit:after {margin-left:7px; background-position:-186px -221px;} */
.join-wrap h2.tit {
    padding-top: 12px;
    margin: 40px auto;
    color: #365166;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.join-wrap .main h3 {
    margin: 35px 0 25px 49px;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    font-family: dotum;
}

.join-wrap .main .tab-area {
    margin-bottom: 0;
    border: none;
}

.join-wrap .main .tab-area li {
    width: 50%;
    padding: 0;
    background: none;
    border: none;
    box-sizing: border-box;
    text-align: left;
    float: left;
    position: relative;
}

.join-wrap .main .tab-area li a {
    padding-top: 8px;
    padding-bottom: 9px;
    color: #b2b8be;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    text-indent: 84px;
    background-color: #f6f6f6;
    border: 1px solid #c9c9c9;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    display: block;
}

.join-wrap .main .tab-area li a:before {
    width: 43px;
    height: 43px;
    margin-top: 8px;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -209px -95px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 24px;
    display: inline-block;
}

.join-wrap .main .tab-area li:first-child a:before {
    background-position: -153px -95px;
}

.join-wrap .main .tab-area li a.on {
    color: #ffffff;
    background-color: #365166;
    border: 1px solid #365166;
}

.join-wrap .main .tab-area li a.on strong {
    color: #ffa422;
}

.join-wrap .main .tab-area li:first-child a {
    margin-right: 4px;
    margin-left: 0;
}

.join-wrap .main .tab-area li strong {
    padding-top: 6px;
    color: #9d9d9d;
    font-size: 14px;
    line-height: 14px;
    display: block;
}

.join-wrap .main .multi-section-half {
    padding-bottom: 8px;
    border: 2px solid #365166;
    border-bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.join-wrap .main .multi-section-half > div {
    width: 50%;
    margin-bottom: 0 !important;
    padding: 10px 0 20px 0;
    float: left;
}

.join-wrap .main .multi-section-half > div:first-child {
    background: url('/new_cloud/images/sub/dotline-join-main.png') right top repeat-y;
}

.join-wrap .main .multi-section-half ul {
    width: 367px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    border-bottom: 0;
}

.join-wrap .main .multi-section-half li {
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
    line-height: 13px;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
    display: table;
}

.join-wrap .main .multi-section-half li > span {
    height: 100%;
    text-align: right;
    vertical-align: middle;
    display: table-cell;
}

.join-wrap .main .multi-section-half li > span:first-child {
    width: 230px;
    padding-left: 27px;
    line-height: 18px;
    text-align: left;
}

.join-wrap .main .multi-section-half li a {
    margin-right: 20px;
    text-align: center;
}

.join-wrap .txt-info {
    margin: 20px 0 10px 0;
    position: relative;
}

.join-wrap .txt-info h4 {
    margin-left: 15px;
    color: #6e54a6;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}

.join-wrap .txt-info h4 .txt-sub {
    margin-left: 10px;
    color: #9c9c9c;
    font-weight: normal;
}

.join-wrap .txt-info .txt-add {
    color: #9c9c9c;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 0;
}

.join-wrap .txt-info .txt-add strong {
    margin-right: 5px;
    color: #6e54a6;
    display: inline-block;
}

.join-wrap .type1 span {
    min-width: 65px;
    text-align: center;
    display: inline-block;
}

/*
.join-wrap .s-btn.type1 span {width:10px; font-weight:bold; text-align:center; display:inline-block;}
*/
.type-write .s-btn.type1 span {
    min-width: 10px !important;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

.type-write table {
    width: 100%;
}

.type-write th, .type-write td {
    padding: 12px 10px;
}

.type-write tbody th {
    border-bottom: 1px solid #efefef;
    background: #f9f9f9;
    text-align: left;
    white-space: nowrap
}

.type-write tbody th > span {
    vertical-align: middle;
}

.type-write tbody th > span:before {
    width: 10px;
    font-weight: normal;
    vertical-align: middle;
    content: '';
    display: inline-block;
}

.type-write tbody th > span.point:before {
    color: #6e54a6;
    content: '*';
}

.type-write tbody td {
    text-align: left;
    border-bottom: 1px solid #efefef;
}

/*
.join-wrap input[type=text], .type-write tbody td input[type=password] {height:33px; text-indent:10px; border:1px solid #ccc;}

.join-wrap input[type=text], .type-write tbody td input[type=password], .type-write tbody td input[type=text] {height:33px; text-indent:10px; border:1px solid #ccc;}

.join-wrap input.w304 {width:304px;}
.join-wrap input.w124 {width:124px;}
.join-wrap input.w124.bg {background:#f6f6f6;}
.join-wrap input.w194 {width:194px;}
.join-wrap input.w404 {width:404px;}
.join-wrap input.w74 {width:74px;}
*/
span.space {
    margin: 0 5px;
    display: inline-block;
}

.join-area {
    border-top: 1px solid #c0c0c0
}

.join-area .terms {
    padding: 30px 25px;
    border-bottom: 1px solid #efefef;
}

.join-area .terms .terms-title {
    position: relative;
}

.join-area .terms .terms-title h4 {
    margin-bottom: 10px;
    font-size: 12px;
    display: inline-block;
}

.join-area .terms .terms-title strong {
    margin-right: 10px;
    font-weight: normal;
    display: inline-block;
}

.join-area .terms .terms-title strong > span {
    color: #6e54a6;
}

.join-area .terms .terms-title .btn-toggle {
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

.join-area .terms .terms-title .btn-toggle.agree1:after {
    width: 17px;
    height: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -6px -157px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.join-area .terms .terms-title .btn-toggle.agree1.on:after {
    background-position: -6px -192px;
}

.join-area .terms .terms-title .btn-toggle.agree2:after {
    width: 17px;
    height: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -6px -192px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block
}

.join-area .terms .terms-title .btn-toggle.agree2.on:after {
    background-position: -6px -157px;
}

.join-area .terms .terms-title .btn-toggle.agree3:after {
    width: 17px;
    height: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -6px -192px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block
}

.join-area .terms .terms-title .btn-toggle.agree3.on:after {
    background-position: -6px -157px;
}

.join-area .terms .agreement {
    width: 100%;
    height: 170px;
    margin-top: 0;
    padding: 20px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    position: relative;
    overflow-y: scroll;
}

.join-area .terms .agreement h4 {
    font-size: 13px;
}

.join-area .terms .agreement .btn-print {
    position: absolute;
    right: 30px;
    top: 18px;
}

.join-area .terms .agreement .btn-print a {
    padding-left: 20px;
    color: #737373;
    vertical-align: middle;
    display: inline-block;
}

.join-area .terms .agreement .btn-print a:before {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: middle;
    background: url('/new_cloud/images/common/icon.png') -31px -157px no-repeat;
    content: '';
    display: inline-block;
}

.join-area .terms .agreement.t02 {
    display: none;
}

.join-area .terms .agreement.t03 {
    display: none;
}

.join-area .terms .terms-radio {
    height: 15px;
    margin-top: 15px;
    line-height: 18px;
}

.join-area .terms .terms-radio label {
    padding: 0 15px 0 5px;
}

.join-wrap .email-form {
    width: 520px;
    margin: 0 auto;
}

.join-wrap .email-form p {
    margin-bottom: 20px;
    color: #333;
    font-size: 13px;
    font-family: dotum;
    line-height: 20px;
}

.join-wrap .email-form ul {
    padding: 10px 0;
    border: 1px solid #efefef;
    border-top: 2px solid #6e54a6;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.join-wrap .email-form li {
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.join-wrap .email-form li a {
    position: absolute;
    top: 10px;
    right: 10px;
}

.join-wrap .email-form dl {
    display: table;
}

.join-wrap .email-form dt {
    width: 180px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 35px;
    vertical-align: middle;
    display: table-cell;
}

.join-wrap .email-form dd {
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
}

.join-wrap .email-form dd input {
    width: 224px;
}

.join-wrap .email-form dd input[type=password] {
    text-indent: 10px;
}

.join-wrap .email-form.login dt {
    width: 150px;
    color: #3f3f3f;
    font-size: 12px;
    font-weight: bold;
    font-family: dotum;
    text-indent: 35px;
    vertical-align: middle;
    display: table-cell;
}

.join-wrap .email-form.login .btn-login-area {
    width: 88px;
    height: 85px;
    position: absolute;
    right: 15px;
    top: 12px;
}

.join-wrap .email-form.login .btn-login-area .btn-login {
    width: 88px;
    height: 85px;
    display: inline-block;
}

.find-list {
    margin-top: 20px;
    overflow: hidden;
}

.find-list p {
    width: 48%;
    margin: 0 1%;
    float: left;
}

.find-list p em {
    width: 160px;
    font-size: 13px;
    font-family: dotum;
    display: inline-block;
}

.find-list .type1 span {
    width: 70px;
}

.step {
    height: 22px;
    line-height: 22px;
    position: absolute;
    top: 5px;
    right: 0;
}

.step span {
    padding: 0 10px;
    vertical-align: middle;
}

.step span:before {
    width: 16px;
    height: 22px;
    margin-right: 15px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -64px -153px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.step span:first-child:before {
    background: none;
    display: none;
}

.step span em {
    color: #999;
    font-size: 12px;
    font-weight: bold;
    font-family: dotum;
    vertical-align: middle;
    line-height: 22px;
    display: inline-block;
}

.step span em:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.step .step01 em:before {
    background-position: -6px -217px;
}

.step .step02 em:before {
    background-position: -39px -217px;
}

.step .step03 em:before {
    background-position: -76px -217px;
}

.step .step04 em:before {
    background-position: -116px -217px;
}

.step .step01.on em:before {
    background-position: -6px -257px;
}

.step .step02.on em:before {
    background-position: -39px -257px;
}

.step .step03.on em:before {
    background-position: -76px -257px;
}

.step .step04.on em:before {
    background-position: -116px -257px;
}

.step span.on em {
    color: #6e54a6;
}

/* .type-write tbody td .caption {color:#9c9c9c;} */
.caption {
    color: #212121;
    font-weight: normal;
    letter-spacing: 0;
}

.caption em {
    color: #ff9000;
}

.type-write tbody td .txt-import {
    margin-top: 5px;
    color: #ca5f42;
}

.type-write tbody td label {
    color: #9c9c9c;
}

.type-write .check-list li {
    margin-top: 5px;
    color: #9c9c9c;
    overflow: hidden;
}

.type-write .check-list li:first-child {
    margin-top: 0;
}

.type-write .check-list li strong {
    width: 160px;
    font-weight: normal;
    float: left;
    display: inline-block;
}

.type-write .check-list li span {
    float: left;
    display: inline-block;
}

.type-write.multi-select table {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.type-write.multi-select th span {
    margin-left: 10px;
    font-weight: normal;
    display: inline-block;
}

.type-write.multi-select th, .type-write.multi-select td {
    border-bottom: 1px solid #ccc;
}

.type-write.multi-select .multi-list span:last-child {
    color: #6e54a6;
}

.type-write .company-logo {
    overflow: hidden;
}

.type-write .company-logo .no-img {
    float: left;
}

.type-write .company-logo .no-img img {
    width: 114px;
    height: 85px;
    border: 1px solid #e4e4e4;
}

.type-write .company-logo .desc {
    float: left;
    vertical-align: top;
}

.type-write .company-logo .desc .type1 {
    vertical-align: top;
}

.section.language-list h4 {
    color: #333 !important;
}

.section.language-list .join-area {
    border-top: 2px solid #333 !important;
}

.section.language-list textarea {
    width: 760px;
    height: 93px;
    text-align: left;
    border: 1px solid #ccc;
}

.section.language-list .join-area.english .type-write {
    display: none;
}

.section.language-list .join-area.spanish .type-write {
    display: none;
}

.section.language-list .btn-toggle, .section.language-list .btn-toggle-other {
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

.section.language-list .btn-toggle.close:after {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -39px -41px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.section.language-list .btn-toggle.close.on:after {
    background-position: -22px -41px;
}

.section.language-list .btn-toggle.open:after, .section.language-list .btn-toggle-other.open:after {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-position: -22px -41px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block
}

.section.language-list .btn-toggle.open.on:after, .section.language-list .btn-toggle.open.on:after {
    background-position: -39px -41px;
}

/* brn-area */
.complete .btn-area {
    padding: 20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.btn-area {
    overflow: hidden;
}

.btn-area .write span {
    margin-left: 5px;
    margin-right: 5px;
}

.btn-area .write span:before {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -149px -157px no-repeat;
    display: inline-block;
}

.btn-area .cancel span {
    min-width: 65px;
    text-align: center;
}

.btn-area .cancel span:before {
    width: 8px;
    height: 7px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -121px -157px no-repeat;
    display: inline-block;
}

.btn-area .email span:before {
    width: 14px;
    height: 11px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -179px -63px no-repeat;
    display: inline-block;
}

.btn-area .confirm span:before {
    width: 15px;
    height: 13px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -173px -157px no-repeat;
    display: inline-block;
}

.btn-area .report span:before {
    width: 12px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -198px -156px no-repeat;
    display: inline-block;
}

.btn-area .gift span:before {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -32px -192px no-repeat;
    display: inline-block;
}

/* 추가 */
.btn-area .list span {
    margin-right: 5px;
}

.btn-area .list span:before {
    width: 12px;
    height: 10px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url(/cloud_ver2/new_cloud/images/icn_list_2.png) no-repeat;
    display: inline-block;
}

.btn-area .save span {
    margin-right: 5px;
    display: inline-block;
}

.btn-area .save span:before {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -244px -157px no-repeat;
    display: inline-block;
}

.btn-area .save2 span {
    margin-right: 5px;
    display: inline-block;
}

.btn-area .save2 span:before {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -244px -180px no-repeat;
    display: inline-block;
}

.btn-area .save3 span {
    margin-right: 5px;
    display: inline-block;
}

.btn-area .save3 span:before {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -221px -180px no-repeat;
    display: inline-block;
}

/* .btn-area .request span {margin-right:10px; display:inline-block;} 2016_renew*/

.b-btn.btnPre {
    padding-left: 27px;
    background-image: url(/cloud_ver2/new_cloud/images/icn_arrD_left.png)
}

.b-btn.btnnNext {
    padding-right: 27px;
    background: #478edc url(/cloud_ver2/new_cloud/images/icn_arrD_rig.png) 90% 50% no-repeat;
}

.btn-area .request {
    background-color: #296EAF
}

.btn-area .request span:before {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/cloud_ver2/new_cloud/images/icn_write.png') 0 0 no-repeat;
    display: inline-block
}

.btn-area .search span {
    margin-right: 5px;
}

.btn-area .search span:before {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -267px -157px no-repeat;
    display: inline-block;
}

.btn-area .search2 span {
    margin-right: 5px;
}

.btn-area .search2 span:before {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -268px -180px no-repeat;
    display: inline-block;
}

.btn-area .reset span {
    margin-right: 5px;
    display: inline-block;
}

.btn-area .reset span:before {
    width: 17px;
    height: 14px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -289px -157px no-repeat;
    display: inline-block;
}

.btn-area .reset-w span {
    margin-right: 5px;
}

.btn-area .reset-w span:before {
    width: 17px;
    height: 14px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -340px -157px no-repeat;
    display: inline-block;
}

.btn-area .community span {
    margin-right: 5px;
}

.btn-area .community span:before {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -316px -157px no-repeat;
    display: inline-block;
}

.refresh.type1 span {
    width: 17px;
    height: 32px;
    text-indent: -1000em;
    display: inline-block;
    background: url('/new_cloud/images/common/icon.png') -289px -148px no-repeat;
}

.btn-area .check span {
    margin-right: 5px;
}

.btn-area .check span:before {
    width: 15px;
    height: 14px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -367px -157px no-repeat;
    display: inline-block;
}

.auth span {
    margin-right: 5px;
}

.auth span:before {
    width: 11px;
    height: 15px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -392px -157px no-repeat;
    display: inline-block;
}

.btn-area .no-display span {
    margin-right: 5px;
}

.btn-area .no-display span:before {
    width: 15px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -168px -352px no-repeat;
    display: inline-block;
}

.btn-area .display span {
    margin-right: 5px;
}

.btn-area .display span:before {
    width: 13px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -194px -353px no-repeat;
    display: inline-block;
}

.btn-area .download span {
    margin-right: 5px;
}

.btn-area .download span:before {
    width: 17px;
    height: 13px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -218px -353px no-repeat;
    display: inline-block;
}

.btn-area .registry span {
    margin-right: 5px;
}

.btn-area .registry span:before {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -412px -157px no-repeat;
    display: inline-block;
}

.btn-area .inquiry span {
    margin-right: 10px;
}

.btn-area .inquiry span:before {
    width: 15px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    content: '';
    background: url('/new_cloud/images/common/icon.png') -52px -406px no-repeat;
    display: inline-block;
}

.refresh.type1 span {
    width: 17px;
    height: 32px;
    text-indent: -1000em;
    display: inline-block;
    background: url('/new_cloud/images/common/icon.png') -289px -148px no-repeat;
}

.detail-view {
    min-height: 40px;
    position: relative;
}

.detail-view .sbtn {
    position: absolute;
    right: 2px;
    top: 8px;
}

/* layer
.layer-pop {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; display:none;}
.layer-pop * {font-family:dotum;}
.layer-pop .bg {width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); position:fixed;}
.layer-pop .btn-close {text-indent:-1000em; position:absolute; right:5px; top:5px;}
.layer-pop .pop-wrap {width:860px; margin-left:-430px; background:#fff; opacity:1.0; filter:alpha(opacity=100); position:absolute; left:50%; z-index:200;}
.layer-pop .pop-cont {background:#fff; box-sizing:border-box; position:absolute; left:50%; opacity:1.0; filter:alpha(opacity=100); z-index:200;}
 */

/* layer */
.layer-pop {
    position: relative;
    z-index: 1;
}

.layer-pop .btn-close {
    text-indent: -1000em;
    position: absolute;
    right: 5px;
    top: 5px;
}

.layer-pop .pop-cont {
    position: relative;
}

.layer-pop h4 {
    font-size: 13px;
    font-weight: bold;
}

.center-cont {
    margin-right: auto;
    margin-left: auto;
}

.center-cont span.agree {
    display: inline-block;
}

/* orange */
/* orange 공통 폼 */
.layer-pop .pop-cont[class*='orange'] {
    width: 860px;
    color: #9c9c9c;
    border: 2px solid #6e54a6;
}

.layer-pop .pop-cont[class*='orange'] h3 {
    height: 46px;
    color: #fff;
    font-size: 14px;
    font-family: dotum;
    text-align: center;
    line-height: 46px;
    background: #6e54a6;
}

.layer-pop .pop-cont[class*='orange'] .btn-close {
    width: 27px;
    height: 27px;
    background: url('/new_cloud/images/common/icon.png') -6px -303px no-repeat;
    display: inline-block;
}

/* orange 공통 폼 */

.layer-pop .pop-cont.orange table {
    width: 100%;
}

.layer-pop .pop-cont.orange table thead th {
    padding: 14px 0;
    color: #fff;
    background: #6e54a6 url('/new_cloud/images/sub/bg-line-white.png') left center no-repeat;
}

/* padding 수정 */
.layer-pop .pop-cont.orange table thead th:first-child {
    background-image: none;
}

.layer-pop .pop-cont.orange table tbody th, .layer-pop .pop-cont.orange table tbody td {
    padding: 10px 15px;
    border-top: 1px solid #efefef;
}

/* padding 수정, border 추가 */
.layer-pop .pop-cont.orange table tbody tr:first-child th, .layer-pop .pop-cont.orange table tbody tr:first-child td {
    border-top: 0;
}

/* border 추가 */
.layer-pop .pop-cont.orange table tbody th {
    font-weight: normal;
    text-align: left;
}

/* 추가 */
.layer-pop .pop-cont.orange table tbody td {
    color: #333;
}

/* color 수정 */
.layer-pop .pop-cont.orange table .no-search td {
    padding: 25px 0;
    color: #969696;
    text-align: center;
}

.layer-pop .pop-cont.orange.post-area .post-search {
    margin: 25px 0 35px 0;
}

.layer-pop .pop-cont.orange.post-area .post-search .searching {
    margin: 0 20px;
    display: table;
}

.layer-pop .pop-cont.orange.post-area .post-search .searching dt, .layer-pop .pop-cont.orange.post-area .searching dd {
    vertical-align: middle;
    display: table-cell;
}

.layer-pop .pop-cont.orange.post-area .post-search .searching dt {
    padding-right: 8px;
    color: #3f3f3f;
    font-weight: bold;
}

.layer-pop .pop-cont.orange.post-area .post-search .txt-searching {
    margin: 40px 20px 0 20px;
}

.layer-pop .pop-cont.orange.post-area .post-search .txt-searching ul ul li {
    margin-left: 10px;
}

.layer-pop .pop-cont.orange.question h3 {
    height: 55px;
    padding-left: 35px;
    color: #444;
    font-size: 16px;
    font-family: dotum;
    text-align: left;
    line-height: 55px;
    background: #fff;
}

.layer-pop .pop-cont .message > strong {
    margin: 15px 0 10px 0;
    color: #444;
    font-size: 14px;
    display: block;
}

.layer-pop .pop-cont .message textarea {
    width: 98%;
    height: 115px;
    padding: 2% 1%;
    color: #969696;
    border: 1px solid #efefef;
}

.layer-pop .pop-cont .message .agree input[type=checkbox] {
    margin-top: -1px;
}

.layer-pop .pop-cont.orange.question .btn-area span {
    min-width: 65px;
}

.layer-pop .pop-cont.orange.password .section {
    margin: 40px auto 30px auto;
}

.layer-pop .pop-cont.orange.password .section .txt-box {
    width: 90%;
    margin: 0 auto;
}

.layer-pop .pop-cont.orange.password .section .password-change {
    margin: 30px 0;
    padding: 20px 0;
    background: #e8e8e8;
}

.layer-pop .pop-cont.orange.password .section .password-change p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.layer-pop .pop-cont.orange.password .section .password-change ul {
    margin-left: 200px
}

.layer-pop .pop-cont.orange.password .section .password-change ul li {
    margin-top: 8px;
    overflow: hidden;
}

.layer-pop .pop-cont.orange.password .section .password-change ul li:first-child {
    margin-top: 0;
}

.layer-pop .pop-cont.orange.password .section .password-change ul li strong {
    width: 140px;
    height: 35px;
    margin-right: 20px;
    font-weight: normal;
    text-align: right;
    line-height: 35px;
    float: left;
}

.layer-pop .pop-cont.orange.password .section .password-change ul li span {
    float: left;
}

.layer-pop .pop-cont.orange.password .section .password-change ul li span input {
    width: 234px;
}

/* blue */
.layer-pop .pop-cont.blue {
    width: 964px;
    color: #9c9c9c;
    position: relative;
}

.layer-pop .pop-cont.blue h3 {
    height: 71px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Nanum Gothic', arial;
    text-align: left;
    background: #00a279;
}

.layer-pop .pop-cont.blue h3 span {
    margin-top: 20px;
    margin-left: 28px;
    display: inline-block;
}

.layer-pop .pop-cont.blue .btn-close {
    width: 27px;
    height: 27px;
    background: url('/new_cloud/images/common/icon.png') -156px -303px no-repeat;
    display: inline-block;
}

.layer-pop .pop-cont.blue .pop-tab {
    background: #00a279 url('/new_cloud/images/sub/bg-tab.png') right top no-repeat;
}

.layer-pop .pop-cont.blue .pop-tab ul {
    padding: 0 20px;
    background: url('/new_cloud/images/sub/bg-tab.png') left top no-repeat;
    overflow: hidden;
}

.layer-pop .pop-cont.blue .pop-tab li {
    width: 153px;
    height: 40px;
    text-align: center;
    border-left: 1px solid #00a279;
    background: #00a279 url('/new_cloud/images/sub/bg-poptab.png') right top repeat-x;
    float: left;
}

.layer-pop .blue.pop-cont .pop-tab li:first-child {
    width: 154px;
    margin-right: -1px;
    border-top-left-radius: 5px;
    border-left: 0;
}

.layer-pop .pop-cont.blue .pop-tab li:last-child {
    border-top-right-radius: 5px;
}

.layer-pop .pop-cont.blue .pop-tab li a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Nanum Gothic', arial;
    line-height: 40px;
    vertical-align: middle;
    display: block;
}

.layer-pop .pop-cont.blue .pop-tab li.on {
    background: #fff;
}

.layer-pop .pop-cont.blue .pop-tab li.on a {
    color: #00a279;
}

.layer-pop .pop-cont.blue .pop-tab li a:before {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.layer-pop .pop-cont.blue .pop-tab li.qna a:before {
    background-position: -6px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.review a:before {
    background-position: -33px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.screen a:before {
    background-position: -58px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.result a:before {
    background-position: -85px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.moving a:before {
    background-position: -112px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.prd a:before {
    background-position: -139px -352px;
}

.layer-pop .pop-cont.blue .pop-tab li.qna.on a:before {
    background-position: -6px -379px;
}

.layer-pop .pop-cont.blue .pop-tab li.review.on a:before {
    background-position: -33px -379px;
}

.layer-pop .pop-cont.blue .pop-tab li.screen.on a:before {
    background-position: -58px -379px;
}

.layer-pop .pop-cont.blue .pop-tab li.result.on a:before {
    background-position: -85px -379px;
}

.layer-pop .pop-cont.blue .pop-tab li.moving.on a:before {
    background-position: -112px -379px;
}

.layer-pop .pop-cont.blue .pop-tab li.prd.on a:before {
    background-position: -139px -379px;
}

.layer-pop .pop-cont.blue .pop-detail {
    padding: 40px 0 20px 0;
    background: #fff;
}

.layer-pop .blue.pop-cont .pop-detail .section .type-list {
    width: 90%;
    margin: 0 auto;
    border-top: 0;
}

.layer-pop .blue.pop-cont .pop-detail .section .type-write {
    width: 90%;
    margin: 0 auto;
    border-top: 0;
}

.layer-pop .blue.pop-cont .pop-detail .section .type-write thead th {
    background: #f0f0f0 url('/new_cloud/images/sub/bg-line.png') left center no-repeat;
}

.layer-pop .blue.pop-cont .pop-detail .section .type-write thead th:first-child {
    background-image: none;
}

/* orange 쓰기 팝업 */
.layer-pop .orange-write.pop-cont .pop-detail .section .type-write {
    width: 90%;
    margin: 0 auto;
    border-top: 0;
}

.layer-pop .orange-write.pop-cont .pop-detail .section .type-write thead th {
    background: #f0f0f0 url('/new_cloud/images/sub/bg-line.png') left center no-repeat;
}

.layer-pop .orange-write.pop-cont .pop-detail .section .type-write thead th:first-child {
    background-image: none;
}

/* orange 쓰기 팝업 */

.layer-pop .blue.pop-cont .pop-detail .section .type-view {
    width: 90%;
    margin: 0 auto;
    border-top: 0;
}

.layer-pop .blue.pop-cont .pop-detail .btn-area {
    margin-bottom: 20px;
}

.layer-pop .blue.pop-cont .pop-detail .section .moving-area {
    text-align: center;
}

.layer-pop .blue.pop-cont .pop-detail .section .paging {
    width: 90%;
}

.layer-pop .blue.pop-cont .pop-detail .section .img-slide {
    position: relative;
}

.layer-pop .blue.pop-cont .pop-detail .section .img-slide ul {
    text-align: center;
}

.layer-pop .blue.pop-cont .pop-detail .section .img-slide li img {
    border: 1px solid #ccc;
}

.layer-pop .blue.pop-cont .pop-detail .section .box-scroll .type-prd-list {
    width: 90%;
    height: 497px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    border: 1px solid #ccc;
    overflow-y: scroll;
}

.flexslider.img-slide .slides img {
    width: 780px;
    margin: 0 auto;
    border: 1px solid red;
}

.flexslider.img-slide .flex-direction-nav a {
    width: 49px;
    height: 49px;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 225px;
    display: inline-block;
}

.flexslider.img-slide .flex-direction-nav .flex-prev {
    background-position: -5px -434px;
    left: 23px;
}

.flexslider.img-slide .flex-direction-nav .flex-next {
    background-position: -64px -434px;
    right: 23px;
}

/* board-write */
.type-write-board table {
    width: 100%;
}

.type-write-board th, .type-write-board td {
    padding: 8px 10px;
}

.type-write-board tbody th {
    text-align: left;
}

.type-write-board tbody th > span {
    margin-top: 10px;
    display: inline-block;
}

.type-write-board td input[type=text], textarea {
    border: 1px solid #dbdbdb;
}

.type-write-board td input[type=text] {
    text-indent: 10px;
}


.type-write-board .file {
    width: 700px;
    height: 33px;
    border: 1px solid #ccc;
}

.type-write-board td textarea {
    width: 97%;
    height: 360px;
    padding: 1em;
    border:0 !important;
}

.type-write-board td .w700 {
    width: 700px;
}

.type-write-board .caption {
    font-size: 12px;
}

/* baord-view */
.type-view {
    border-bottom: 1px solid #efefef
}

.bbs-tit > h4 {
    padding: 1rem;
    color: #3f3f3f;
    font-size: 20px;
    background: #f6fbff;
    text-align: center;
    font-weight: 700;
}

.type-view table {
    width: 100%;
    margin-top:-1px;
}

.type-view th, .type-view td {
    padding: 12px 10px;
}

.type-view th {
    background:#f6f6f6;
    border:1px solid #ececec;
    text-align:center;
    border-bottom:0;
}

.type-view thead th {
    padding: 15px 10px;
    color: #3f3f3f;
    font-weight: bold;
    font-size: 20px;
    background:#f6fbff;
}

.type-view tbody td {
    border-top: 1px solid #ececec;
}

.type-view tbody td:last-child {
    border-right:1px solid #ececec;
}

/*.type-view .txt-cont {min-height:300px; padding:20px 0; vertical-align:top;}*/
.type-view .file-down {
    margin-top: 70px;
}

.type-view .file-down a {
    color: #ff9000;
    font-weight: bold;
}

.type-view .txt-editor {
    min-height: 400px;
}

.type-view .txt-editor {
    min-height: 400px;
}

.type-view .txt-editor table {
    border-bottom: 0px
}

.type-view .txt-editor table td {
    border: 0px;
    padding: 3px;
}

.type-view .txt-editor div {
    padding: 0px;
}

.type-view02 {
    border-top: 2px solid #6e54a6;
    border-bottom: 1px solid #efefef
}

.type-view02 table {
    width: 100%;
}

.type-view02 th, .type-view02 td {
    padding: 12px 10px;
    border-top: 1px solid #efefef;
    text-align: left;
}

.type-view02 thead th {
    padding: 15px 10px;
    color: #3f3f3f;
    font-weight: bold;
}

/*.type-view02 .txt-cont {min-height:300px; padding:20px 0; vertical-align:top;}*/
.type-view02 .file-down {
    margin-top: 70px;
}

.type-view02 .file-down a {
    color: #ff9000;
    font-weight: bold;
}

.type-view02 .txt-editor {
    min-height: 400px;
}

.txt-cont {
    min-height: 300px;
    padding: 20px 0;
    vertical-align: top;
}

.file-add img {
    margin-right: 10px;
}

/* 답변 */
.reply-wrap p {
    margin: 15px 0;
    color: #999;
    font-size: 11px;
}

.reply-wrap p span {
    color: #ff9000;
}

.reply-wrap .reply-area {
    width: 100%;
    background: #f8f8f8;
}

.reply-wrap .reply-area .reply {
    padding: 20px 12px;
    text-align: center;
    overflow: hidden;
}

.reply-wrap .reply-area .reply textarea {
    width: 880px;
    margin-right: 8px;
    height: 50px;
    border: 1px solid #ccc;
    float: left;
}

.reply-wrap .reply-area .reply .btn-enter {
    width: 84px;
    height: 116px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 115px;
    background: #808080;
    border: 1px solid #ccc;
    float: left;
    display: inline-block;
}

.reply-wrap .reply-area ul {
    margin: 0 20px 20px 20px;
}

.reply-wrap .reply-area li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

.reply-wrap .reply-area li .reply textarea {
    width: 600px !important;
    height: 50px;
    border: 1px solid #ccc;
    float: left;
}

.reply-wrap .reply-area li > strong {
    margin-bottom: 10px;
    display: block;
}

.reply-wrap .reply-area li.re {
    padding-left: 30px;
}

.reply-wrap .reply-area li.re:before {
    margin-left: -20px;
    color: #9c9c9c;
    content: '→';
    float: left;
    display: inline-block;
}

.reply-wrap .reply-area li > div {
    position: absolute;
    top: 0;
    right: 10px;
}

/* input */
input.w304 {
    width: 304px;
}

input.w124 {
    width: 124px;
}

input.w124.bg {
    background: #f6f6f6;
}

input.w194 {
    width: 194px;
}

input.w404 {
    width: 404px;
}

input.w445 {
    width: 445px;
}

input.w550 {
    width: 550px;
}

input.w74 {
    width: 74px;
}

input.w603 {
    width: 603px;
}

input.w650 {
    width: 650px;
}

textarea.h83 {
    width: 100%;
    height: 83px;
}

textarea.h167 {
    width: 100%;
    height: 167px;
}

textarea.h210 {
    width: 98%;
    height: 210px;
    padding: 2% 1%;
}

/* tab search */
.tab-search table {
    width: 100%;
}

.tab-search th, .tab-search td {
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
}

.tab-search th {
    padding: 12px 20px;
    color: #3f3f3f;
}

.tab-search td {
    min-height: 33px;
    padding: 12px 10px;
}

.tab-search input[type=text] {
    height: 33px;
    text-indent: 10px;
    border: 1px solid #ccc;
}

.tab-search .type1 span {
    min-width: 60px;
    text-align: center;
}

.tab-search .caption {
    font-size: 11px;
}

/* calendar */
.calendar_input {
    height: 33px;
    background: url('/new_cloud/images/icon-btn/icon-calendar.gif') right center no-repeat;
    border: 1px solid #ccc;
    float: left;
}

.calendar_input.end {
    margin-right: 12px;
}

.calendar_input input[type=text] {
    height: 33px;
    color: #9c9c9c;
    text-indent: 10px;
    line-height: 33px;
    border: none !important;
    float: left;
}

.calendar_input button {
    width: 35px;
    height: 33px;
    margin: 2px 0 0 2px;
    background: transparent;
    border: none;
    text-indent: -9999px;
}

.calendar_input img {
    height: 33px;
    background: transparent;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.divide {
    padding: 0 5px;
    color: #9c9c9c;
    line-height: 35px;
    float: left;
}

.stitle {
    margin-top: 50px;
    margin-bottom: 15px;
    color: #6e54a6;
    font-size: 14px !important;
    font-weight: bold;
}

/* agree */
span.agree label {
    margin: 0 20px 0 5px;
}

/* tab-type1 */
.tab-type1 ul {
    overflow: hidden;
    border-bottom: 2px solid #515151;
}

.tab-type1 li {
    margin-left: -1px;
    margin-bottom: -1px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    background: #f0f0f0;
    border: 1px solid #d5d5d5;
    float: left;
}

.tab-type1 li:first-child {
    margin-left: 0;
}

.tab-type1 li a {
    min-width: 164px;
    height: 35px;
    padding: 0 10px;
    color: #3f3f3f;
    font-weight: bold;
    display: block;
}

.tab-type1 li.on {
    background: #fff;
}

/* tab-type2 */
.tab-type2 ul {
    overflow: hidden;
    border-bottom: 2px solid #d3d3d3;
}

.tab-type2 li {
    margin-left: -1px;
    margin-bottom: -1px;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    background: #f0f0f0;
    border: 1px solid #d5d5d5;
    float: left;
}

.tab-type2 li:first-child {
    margin-left: 0;
}

.tab-type2 li a {
    min-width: 110px;
    height: 35px;
    padding: 0 10px;
    color: #3f3f3f;
    font-weight: bold;
    display: block;
}

.tab-type2 li.on {
    background: #fff;
}

.agree-type-list {
    margin-top: 20px;
}

.agree-type-list > span {
    width: 220px;
    margin-left: 30px;
    margin-bottom: 20px;
    color: #999;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
}

.txt-comform {
    margin: 25px 0;
}

.txt-comform .txt-point {
    color: #6e54a6;
    font-size: 16px;
}

.bor-t {
    border-top: 1px solid #efefef;
}

.bor-b {
    border-bottom: 1px solid #efefef;
}

.box-half {
    overflow: hidden;
}

.box-half div {
    width: 49.5%;
    min-height: 250px;
    padding: 20px 20px 10px 20px;
    border-top: 2px solid #6e54a6;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    box-sizing: border-box;
}

.border-box {
    border: 1px solid #ccc;
}

/* tooltip */
.tooltip {
    position: relative;
}

.tooltip-box {
    min-width: 170px;
    padding: 10px 10px 10px 10px;
    color: #a2a2a2;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    left: 10px;
    top: 25px;
    display: none;
    z-index: 999;
}

.border-box {
    padding: 15px 20px;
}

.txt-line {
    font-weight: normal;
}

.txt-line em:before {
    margin: 0 10px;
    content: '|';
    display: inline-block;
}

.txt-line em:first-child:before {
    margin: 0;
    content: '';
}

.txt-icon {
    text-align: left;
}

.txt-icon em {
    min-width: 120px;
    text-align: center;
    background: url('/new_cloud/images/sub/bg-line.gif') 0 4px no-repeat;
    display: inline-block;
}

.txt-icon em:first-child {
    min-width: 150px;
    margin-left: 20px;
    background: url('/new_cloud/images/common/icon.png') -166px -379px no-repeat;
}

.txt-icon em a {
    color: #5b5b5b;
}

.txt-icon em a:hover {
    font-weight: bold;
    letter-spacing: -1px;
}

.txt-icon.on {
    color: #00a279;
}

.txt-icon.on em {
    background: url('/new_cloud/images/sub/bg-line.gif') 0 -87px no-repeat;
}

.txt-icon.on em:first-child {
    background: url('/new_cloud/images/common/icon.png') -166px -379px no-repeat;
}

.txt-icon.on a {
    color: #00a279;
}

.s-btn.radius {
    border-radius: 10px !important;
}

.s-btn.radius span {
    font-weight: normal !important;
}

/* total result */
.search-word * {
    font-family: dotum;
}

.search-word {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.search-word .icon-star {
    margin: 10px 15px;
    padding-left: 20px;
    text-indent: -20px;
    color: #3e3e3e;
    font-size: 14px;
}

.search-word .icon-star strong:before {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background: url('/new_cloud/images/common/icon.png') -6px -406px no-repeat;
    content: '';
    display: inline-block;
}

.search-word ul {
    padding: 15px;
    background: #f0f0f0;
}

.search-word ul li {
    margin-top: 10px;
    padding-left: 15px;
    text-indent: -15px;
}

.search-word ul li:first-child {
    margin-top: 0;
}

.section.total-result p {
    margin: 40px 0 20px 0;
    color: #6e54a6;
    font-size: 14px;
    font-weight: bold;
}

.section.total-result p:first-child {
    margin: 20px 0;
}

.section.total-result .type-thumb {
    border-bottom: 1px solid #efefef;
}

.section.total-result .btn-more {
    margin: 10px 0;
}

.section.total-result .btn-more a {
    color: #00a279;
    font-size: 14px;
    font-weight: normal;
}

.section.total-result .btn-more a:after {
    width: 12px;
    height: 14px;
    margin-left: 10px;
    vertical-align: middle;
    background: url('/new_cloud/images/common/icon.png') -5px -41px no-repeat;
    content: '';
    display: inline-block;
}

.connect-word {
    width: 100%;
    margin-top: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #515151;
    display: table;
}

.connect-word strong {
    width: 100px;
    font-size: 14px;
    text-indent: -18px;
    padding-left: 18px;
    vertical-align: top;
    display: block;
    display: table-cell;
}

.connect-word strong:before {
    width: 11px;
    height: 13px;
    margin-right: 8px;
    vertical-align: middle;
    background: url('/new_cloud/images/common/icon.png') -31px -406px no-repeat;
    content: '';
    display: inline-block;
}

.connect-word ul {
    overflow: hidden;
    display: table-cell;
}

.connect-word ul li {
    margin: 0 7px;
    float: left;
}

.connect-word ul li a {
    color: #00a279;
    font-size: 14px;
    text-decoration: underline;
}

/* seller-prd */
.seller-prd {
    margin-top: 12px;
}

.seller-prd * {
    font-family: dotum;
}

.seller-prd dt {
    padding-bottom: 5px;
    border-bottom: 1px dashed #e4e4e4;
}

.seller-prd dt span {
    width: 160px;
    height: 120px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid #00a279;
    display: block;
}

.seller-prd dt span img {
    max-width: 100%;
    min-width: 50%;
    max-height: 100%;
    vertical-align: middle;
}

.seller-prd dt span:before {
    height: 100%;
    content: "";
    vertical-align: middle;
    display: inline-block;
}

.seller-prd dt strong {
    color: #222;
    font-size: 14px;
}

.seller-prd dd {
    margin-top: 15px;
    color: #333;
    line-height: 20px;
}

.biz h2.tit {
    margin-bottom: 0;
}

/* .biz p.ac.mb70 {font-family:dotum;} 2016_renew*/

/* sitemap */
.sitemap * {
    font-family: dotum;
}

.sitemap {
    margin-top: 30px;
    overflow: hidden;
}

.sitemap ul li a {
    text-decoration: underline;
}

.sitemap .fl {
    width: 50%;
    box-sizing: border-box;
    border-left: 1px solid #efefef;
}

.sitemap .fl dl {
    margin-top: 35px;
    margin-right: 10px;
    padding-left: 44px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
    overflow: hidden;
}

.sitemap .fl dl dt {
    width: 130px;
    color: #6e54a6;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.sitemap .fl dl dd {
    float: left;
}

.sitemap .fl dl dd ul li {
    margin-bottom: 5px;
}

.sitemap .fr {
    width: 50%;
    box-sizing: border-box;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.sitemap .fr > dl {
    margin-top: 35px;
    margin-left: 10px;
    padding-left: 34px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
    overflow: hidden;
}

.sitemap .fr > dl > dt {
    width: 130px;
    color: #6e54a6;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.sitemap .fr > dl > dt {
    float: left;
}

.sitemap .fr > dl > dd {
    float: left;
}

.sitemap .fr > dl > dd > dl {
    margin-bottom: 22px;
    overflow: hidden;
}

.sitemap .fr > dl > dd > dl:first-child {
    margin-bottom: 24px;
}

.sitemap .fr > dl > dd > dl > dt {
    width: 150px;
    font-weight: bold;
    float: left;
}

.sitemap .fr > dl > dd > dl > dd {
    float: left;
}

.sitemap .fr > dl > dd > dl > dd > ul > li {
    margin-bottom: 5px;
}

.b-btn.w65 span {
    min-width: 65px;
}

.sale-main .multi-section-half > div div.section {
    width: auto;
    min-height: 350px;
    margin-right: 30px;
}

.sale-main .multi-section-half > div:nth-child(2) div.section {
    margin-left: 30px;
    margin-right: 0;
}

.sale-main .multi-section-half > div h3 {
    margin-bottom: 10px;
    color: #222;
    font-size: 14px;
}

.sale-main .multi-section-half > div h3 span.total {
    width: 19px;
    height: 19px;
    color: #fff !important;
    font-weight: normal;
    background-color: #6e54a6;
    text-align: center;
    display: inline-block;
}

.sale-main .multi-section-half .title a {
    width: 180px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

/* 2015-12-17 */
.experience {
    width: 288px;
    margin: 0 auto 8px auto;
    text-align: center;
}

.experience > strong {
    margin-bottom: 10px;
    display: block;
}

.experience > div {
    background: #fff;
    border: 1px solid #b9dcd3;
    border-radius: 3px;
    overflow: hidden;
}

.add-file-list {
    margin-top: 30px;
}

.add-file-list h4 {
    margin-bottom: 10px;
}

.add-file-list > div {
    width: 286px;
    margin: 0 auto 8px auto;
    background: #fff;
    border: 1px solid #b9dcd3;
    border-radius: 3px;
}

.add-file-list > div ul {
    width: 94%;
    margin: 14px auto;
}

.add-file-list > div li {
    margin-top: 10px;
}

.add-file-list > div li:first-child {
    margin-top: 0;
}

.add-file-list > div li a {
    color: #00ab6e;
    font-size: 12px;
    font-family: dotum;
    line-height: 16px;
    text-decoration: underline;
}

.type-prd-list {
    border-bottom: 2px solid #333;
}

.type-prd-list thead th {
    padding: 10px;
    color: #333;
    text-align: left;
    border-bottom: 1px solid #515151;
}

.type-prd-list tbody th {
    color: #00a27a !important;
    font-size: 14px;
    text-align: left;
}

.type-prd-list tbody th a {
    color: #00a27a;
}

.type-prd-list tbody th, .type-prd-list tbody td {
    padding: 15px 10px 20px 10px;
    color: #5b5b5b;
    vertical-align: top;
    border-top: 1px solid #efefef;
}

.type-prd-list tbody td a {
    color: #5b5b5b;
}

.type-prd-list tbody th a.dis-block {
    margin-top: 20px;
    font-size: 13px;
    font-weight: normal;
}

.type-prd-list tbody td .img-mark ul {
    margin-top: 10px;
    overflow: hidden;
}

.type-prd-list tbody td .img-mark li {
    margin-left: 5px;
    float: left;
}

.type-prd-list tbody td .img-mark li:first-child {
    margin-left: 0;
}

.type-prd-list tbody td .img-mark li img {
    width: 33px;
    height: 33px;
}

.tab-sub-list ul {
    margin-bottom: 10px;
    overflow: hidden;
}

.tab-sub-list li {
    margin-right: 10px;
    float: left;
}

.tab-sub-list li::before {
    padding-right: 10px;
    content: "|";
    display: inline-block;
}

.tab-sub-list li:first-child, .tab-sub-list li:first-child::before {
    padding-right: 0px;
    content: "";
}

.tab-sub-list li.on a {
    color: #00a27a;
    font-weight: bold;
}

.register_form {
    margin: 20px auto;
    overflow: hidden;
}

.register_form textarea {
    float: left;
    width: 825px;
    height: 37px;
    margin-left: 20px;
    padding: 10px 15px;
    border: 2px solid #e4e4e4;
    border-right: none;
    color: #737373;
    font-size: 13px;
    font-family: 'Dotum';
    line-height: 18px;
}

.register_form .btn_register {
    margin-right: 18px;
    float: left;
    width: 143px;
    height: 61px;
    border: none;
    background: url('/new_cloud/images/icon-btn/btn_register_02.gif') no-repeat left top;
    text-indent: -9999px;
    cursor: pointer;
}

.byte {
    margin-right: 20px;
    padding-top: 10px;
    text-align: right;
    clear: both;
}

.file-save > div {
    overflow: hidden;
}

.file-save .file-area {
    float: left;
}

.file-save .btn-area {
    float: right;
}

.file-save .btn-area span.agree {
    margin-top: 5px;
    margin-left: 10px;
    display: inline-block;
}

.introduce .section h3 {
    margin-left: 20px;
    color: #6e54a6;
    font-size: 14px;
    font-weight: bold;
}

.introduce .section h4 {
    margin-top: 40px;
    height: 26px;
    color: #00a27a;
    font-size: 24px;
    font-family: dotum;
    line-height: 28px;
}

.introduce .section ul {
    margin-left: 20px;
}

.introduce .section img {
    border: 1px solid #f1f1f1;
}

.introduce .section p, .introduce .section ul li {
    line-height: 27px;
}

.introduce .section .underline-list {
    margin-top: 45px;
    margin-bottom: 30px;
}

.introduce .section .underline-list li a {
    text-decoration: underline;
}

.introduce .section .check-list li {
    padding-left: 30px;
    background: url('/new_cloud/images/sub/img-checkbox.png') 0 8px no-repeat;
}

.introduce .section iframe.youtube {
    margin-top: 30px;
    margin-left: 35px;
}

/*20151229*/
.introduce .section .number-list li {
    padding-left: 18px;
    text-indent: -18px;
}

.introduce .section iframe.slide {
    width: 100%;
    height: 580px;
    margin: 0;
    padding: 0;
}

/*20151229*/

.introduce .tab-area ul {
    margin-left: 0;
    margin-bottom: 0;
}

.introduce .tab-area ul li {
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #d3d3d3;
}

.introduce .tab-area ul li a {
    height: 38px;
    line-height: 38px;
    display: block;
}

.introduce .tab-area ul.full > li {
    border-bottom: 0;
}

.introduce .tab-area ul li a.on {
    color: #3e3e3e !important;
    background: #fff;
}

.introduce .table {
    border: 1px solid #efefef;
}

.introduce .table strong.tit {
    padding: 10px 0;
    background-color: #f6f6f6;
}

.introduce .table > li {
    border-left: 1px solid #efefef;
}

.introduce .table > li:first-child {
    border-left: 0;
}

.introduce .table > li ul {
    padding: 20px;
}

.introduce .table th, .introduce .table td {
    padding: 15px;
    border: 1px solid #efefef !important;
}

.introduce .table th {
    background-color: #f6f6f6 !important;
}

.slide-list h4 {
    height: 26px;
    margin-top: 50px;
    color: #01a278;
    font-size: 24px;
    font-family: dotum;
    line-height: 28px;
}

/*20151229*/
.slide-list {
    height: 578px;
    border: 1px solid #d3d3d3;
    position: relative;
}

/*20151229*/
.slide-list ul {
    margin-left: 0 !important;
    margin-bottom: 20px;
    text-align: center;
}

.slide-list ul li p {
    margin-bottom: 60px;
}

.flexslider.slide-list .slides img {
    width: 537px;
    margin: 0 auto;
    border: 0;
}

.flexslider.slide-list .flex-direction-nav a {
    width: 49px;
    height: 49px;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 332px;
    display: inline-block;
}

.flexslider.slide-list .flex-direction-nav .flex-prev {
    background-position: -5px -434px;
    left: 20px;
}

.flexslider.slide-list .flex-direction-nav .flex-next {
    background-position: -64px -434px;
    right: 20px;
}

/**/

.prev-list {
    border-top: 1px solid #efefef;
}

.prev-list > li {
    padding: 10px 20px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.prev-list > li a.tit {
    width: 380px;
    margin-left: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    float: left;
    display: inline-block;
}

.prev-list > li p.fr span {
    margin-left: 20px;
}

.prev-list > li span:first-child {
    float: left;
}

.prev-list > li > span:first-child:before {
    margin-right: 10px;
    display: inline-block;
}

.prev-list > li.next > span:first-child:before {
    content: '<'
}

.prev-list > li.prev > span:first-child:before {
    content: '>'
}

.tab-search table tbody tr th ul li.mt10 {
    margin: 5px 0;
    overflow: hidden;
}

.error-page {
    width: 620px;
    height: 360px;
    margin: 0 auto;
    padding-top: 70px;
    text-align: center;
}

.error-page h2 {
    margin: 30px 0 15px 0;
    padding: 0 0 15px 0;
    color: #365166;
    font-size: 20px;
    font-family: 'Nanum Gothic';
    text-indent: 0;
    border-bottom: 1px solid #d7d7d7;
}

.error-page h2:before, .error-page h2:after {
    width: 22px;
    height: 25px;
    margin: 0 10px;
    background-image: url('/new_cloud/images/common/icon.png');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
}

.error-page h2:before {
    background-position: -155px -221px;
}

.error-page h2:after {
    background-position: -186px -221px;
}

.error-page > strong {
    color: #444;
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.error-page > p {
    margin-top: 10px;
    color: #444;
    line-height: 18px;
    border: 0;
}

.min-h650 {
    min-height: 650px;
}

.editor-area > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.editor-area ul li li {
    margin: 5px 0;
    padding: 0 0 0 10px;
    font-size: 14px;
    background: url('/new_cloud/images/icon-btn/bullet-dot.gif') 0 10px no-repeat;
}

/* 약관동의 */
.stipulation {
    background-color: #525d66;
    border-bottom: 1px solid #495661;
}

.stipulation > div {
    width: 1016px;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
}

.stipulation p {
    padding: 0 15px;
    color: #e8e8e8;
}

.stipulation p:first-child {
    padding-right: 200px;
}

.stipulation p strong {
    color: #fff;
}

.stipulation p a {
    color: #fff;
    text-decoration: underline;
}

.stipulation a.close {
    font-size: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
}

.stipulation a.close:before {
    width: 20px;
    height: 20px;
    color: #495661;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #495661;
    border-radius: 3px;
    content: 'X';
    text-align: center;
    display: inline-block;
}

.stipulation-pop {
    width: 100%;
    height: 100%;
}

.stipulation-pop > div {
    width: 916px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
}

.stipulation-pop h2 {
    color: #333;
}

.stipulation-pop h2, .stipulation-pop p.tit {
    margin-bottom: 20px;
    font-weight: bold;
}

.stipulation-pop dt {
    margin-top: 35px;
    color: #1d1d1d;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.stipulation-pop dt span {
    color: #5b5b5b;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0;
}

.stipulation-pop dd {
    margin-top: 15px;
}

.stipulation-pop dd > div {
    height: 120px;
    padding: 10px;
    border: 1px solid #c5c5c5;
    overflow-y: scroll;
}

.stipulation-pop p.explain {
    margin-top: 20px;
    padding: 10px;
    color: #353535;
    font-weight: bold;
    background-color: #cacaca;
}

.stipulation-pop .login-form {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.stipulation-pop .login-form > p {
    margin: 30px 0;
    color: #111;
    font-size: 13px;
    font-weight: bold;
}

.stipulation-pop .login-form > p:last-child {
    color: #e13a00;
}

.stipulation-pop .login-form a, .stipulation-pop .login-form input {
    margin: 0 2px;
    vertical-align: middle;
}

.stipulation-pop .login-form a {
    margin-left: 10px;
}

/* data type */
.type-data table {
    width: 100%;
}

.type-data th {
    background-color: #f6f6f6;
}

.type-data th, .type-data td {
    padding: 12px 10px;
    border: 1px solid #ccc;
}

.loading_box {
    text-align: center;
    padding: 4rem 0;
}

.loading {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border: 0.3rem solid rgba(11,77,162,.3);
    border-radius: 50%;
    border-top-color: #0b4da2;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}


/*------------------- 자주묻는질문 --------------*/
.qna-anwer{text-align:left; background:#f7f9f9;}
.qna-anwer .title{font-size:15px; padding-left:140px !important; background-position:110px 25px !important; padding:24px 30px;}