@charset "utf-8";
@import url('fonts/NotoSansCJKkr.css');

.ffNoto {font-family: 'NotoSansCJKkr-Regular';}
.ffNotoLight {font-family: 'NotoSansCJKkr-Light';}
.ffNotoDemiLight {font-family: 'NotoSansCJKkr-DemiLight';}

body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:sans-serif;}



.fcPoint {color: #00a6da !important;} /* 하늘색 */
.fcRed {color: #bd2828 !important;}

/* 버튼 및 Form 태그 */
i.essen {padding-left:5px;}



input[type=text],
input[type=password]{width:auto;padding:2px 10px}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 1.5em;font-size:14px;line-height: 20px;border:1px solid #ccc;vertical-align:top;text-align: center;}

.btn a {height:19px;line-height:19px;padding:6px 1.5em 7px;}

/* 파란색 */			.btnDef {background-color:#192438 !important;border-color:#192438 !important;color:#fff !important;}
/* 연하늘색 */		.btnPoint {background-color:#cdf3fc !important;border-color:#cdf3fc !important;color:#3d4042 !important;}
/* 회색 */			.btnGrey {background-color:#4f4f4f !important;border-color:#4f4f4f !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}
/* 검정색 */			.btnBlack {background-color:#2a2727 !important;border-color:#2a2727 !important;color:#fff !important;}
/* 하늘색 */			.btnSky {background-color:#00a6da !important;border-color:#00a6da !important;color:#fff !important;}
/* 남색 */			.btnNavy {background-color:#34344c !important;border-color:#34344c !important;color:#fff !important;}
/* 파란색2 */		.btnBlue {background-color:#3c77d0 !important;border-color:#3c77d0 !important;color:#fff !important;}


/* border+ 파란색 */				.btnBdDef {background-color:#fff !important;border-color:#192438 !important;color:#3d4042 !important;}
/* border+ 연하늘색 */			.btnBdPoint {background-color:#fff !important;border-color:#81b6c2 !important;color:#3d4042 !important;}
/* border+ 회색 */					.btnBdGrey {background-color:#fff !important;border-color:#4f4f4f !important;color:#4f4f4f !important;}
/* border+ 파란색2 */				.btnBdBlue {background-color:#fff !important;border-color:#a1b2e1 !important;color:#4f6ec6 !important;}


span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 23px;padding:0 16px;border-radius:3px;vertical-align:top;}
.btn a.btnSmall {height:18px;padding: 1px 16px 2px;}

.btn .btnBig {font-size: 20px;height: 50px;padding:0 30px;}
.btn a.btnBig {height: 28px;padding: 10px 30px 6px;}



table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height:auto;padding:3px 10px 4px;}


.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}




/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu {overflow: hidden;}

ul.tabMenu li,
ul.subMenu li {position: relative;float: left;width: 25%;}

ul.tabMenu a,
ul.subMenu a {display: block;width: 100%;padding: 11px 0;border-left: 1px solid #dedede;border-top: 5px solid #fff;margin-left: -1px;text-decoration: none;text-align: center;background-color: #f8f8f8;color: #5d5d5d;font-size: 18px;line-height: 26px;}
ul.tabMenu li:first-child a,
ul.subMenu li:first-child a {border-left: 0 none;margin-left: 0;}

ul.tabMenu li.on,
ul.subMenu li.on {z-index: 10;}
ul.tabMenu li.on a,
ul.subMenu li.on a {width: auto;padding-top: 15px;border: 1px solid #777;border-bottom: 0 none;font-weight: bold;background-color: #fff;color: #363636;font-size: 20px;line-height: 26px;}

div.tabCon {padding-top: 50px;}


ul.menu02 > li {width: 50%;}

ul.menu03 > li {width: 33.3% !important;}
ul.menu03 > li:first-child {width: 33.4% !important;}





/* 레이아웃 */
div.wrapper {position:relative;min-width:1200px;padding-top:122px;font-family: 'NotoSansCJKkr-Regular', sans-serif;word-break:normal;font-size:14px;background:url('../image/common/bg.png') 0 0 repeat-x;}

div#headerWrap {z-index:100;position:absolute;left:0;top:0;width:100%;height:122px;padding-top:64px;}
div#headerWrap,
div#headerWrap a {display:block;text-decoration:none;color:#626262;font-size: 14px;}
div#headerWrap h1 {position:absolute;left:50%;top:66px;width:168px;height:35px;margin-left:-590px;}

div#headerWrap p.contact {position:absolute;left:50%;top:8px;margin-left:385px;}
div#headerWrap p.contact span {color: #c42a2a;}

ul#gnb {position: absolute;left: 50%;top: 68px;margin-left: -128px;background: url('../image/common/header_bar.png') right 7px no-repeat;}
ul#gnb li {float: left;padding:0 40px;background: url('../image/common/header_bar.png') left 7px no-repeat;}
ul#gnb a {color: #434343;font-size:17px;}





div#footerWrap {background-color:#343639;}
div#footerWrap,
div#footerWrap a {color:#a9a9a9;}
div#footerWrap a {text-decoration:none;}


div#footerWrap > ul {width: 1200px;margin: 0 auto;padding: 35px 0 30px;border-bottom: 1px solid #747474;text-align: center;}
div#footerWrap > ul li {display: inline-block;padding: 0 10px;background: url('../image/common/footer_bar.png') 0 5px no-repeat;}
div#footerWrap > ul li:first-child {padding-left: 0;background: none;}

div#footerWrap > div {
  width: 590px;
  margin: 0 auto;
  padding: 100px 0 100px 280px;
  color: #8b8b8b;
  font-size: 12px;
  font-family: Dotum, sans-serif;background:url('../image/common/footer_logo.png') left center no-repeat;
}
div#footerWrap > div dl,
div#footerWrap > div ul {overflow: hidden;}
div#footerWrap > div dt,
div#footerWrap > div dd,
div#footerWrap > div li {float: left;letter-spacing:-1px;}
div#footerWrap > div li:before {display: inline-block;padding: 0 5px;content: " / ";}
div#footerWrap > div li:first-child:before {display: none;}





/* ========================================================================================================== */
/* ===================================================== Sub ================================================== */
/* ========================================================================================================== */


div#container {}

div.titArea {position: relative;padding-top: 220px;text-align: center;}
div.titArea h2 {display: inline-block;padding:20px 35px 5px;border-bottom: 1px solid #bfbfbf;color: #424242;font-size: 36px;}

dl.topVisual {position: absolute;left: 0;top: 0;width: 100%;padding: 74px 0;background-position:center center;background-repeat: no-repeat;background-size:100% 220px;text-align: center;color: #fff;}
dl.topVisual > dt {font-size: 30px;}
dl.topVisual > dd {font-size: 18px;}

/* 오픈플랫폼 */		dl.topVisual.bg01 {background-image: url('../image/common/topVisualBg_01.png');}
/* 가입안내 */		dl.topVisual.bg02 {background-image: url('../image/common/topVisualBg_02.png');}
/* 회원가입 */		dl.topVisual.bg03 {background-image: url('../image/common/topVisualBg_03.png');}
/* 고객센터 */		dl.topVisual.bg04 {background-image: url('../image/common/topVisualBg_04.png');}
/* 기타서비스 */		dl.topVisual.bg05 {background-image: url('../image/common/topVisualBg_05.png');}
/* 로그인 */			dl.topVisual.bg06 {background-image: url('../image/common/topVisualBg_06.png');}

div.contents {width: 1200px;padding: 50px 0;margin: 0 auto;}

ul.listBl > li,
.blDot {position: relative;padding-left: 10px;}
ul.listBl > li:before,
.blDot:before {position: absolute;left: 0;top: 2px;content: "· ";color: inherit;font-size: 14px;line-height: 14px;vertical-align: top;}



/* LNB */
ul.lnb {overflow: hidden;}

ul.lnb li {position: relative;float: left;width: 25%;}

ul.lnb a {display: block;width: 100%;padding: 11px 0;border-left: 1px solid #dedede;border-top: 5px solid #fff;margin-left: -1px;text-decoration: none;text-align: center;background-color: #f8f8f8;color: #5d5d5d;font-size: 18px;line-height: 26px;}
ul.lnb li:first-child a {border-left: 0 none;margin-left: 0;}

ul.lnb li.on {z-index: 10;}
ul.lnb li.on a {width: auto;padding-top: 15px;border: 1px solid #777;border-bottom: 0 none;font-weight: bold;background-color: #fff;color: #363636;font-size: 20px;line-height: 26px;}





div.subCon {padding: 50px 90px;border: 1px solid #c9c9c9;border-top: 0 none;}


.subTit {margin: 40px 0 10px;text-align: center;color: #424242;font-size: 36px;}

.pointTit {margin: 40px 0 10px;color: #59688c;font-size: 24px;font-weight: bold;}
.boldTit {margin: 20px 0 0;font-size: 18px;font-weight: bold;color: #4f4f4f;}

.pointTit:first-child {margin-top: 0 !important;}

div.note {padding:40px 20px 35px;text-align: center;background-color: #e7fafe;color: #3b596d;font-size: 18px;font-family: 'NotoSansCJKkr-Light';line-height: 1.4em;letter-spacing:-1px;}
div.note p {padding-top: 20px;}
div.note p:first-child {padding-top: 0;}


/* 테이블 디자인 */
table.tblDef {border-top: 2px solid #666;}
table.tblDef th,
table.tblDef td {padding: 10px 10px 12px;text-align: center;}
table.tblDef thead th,
table.tblDef tr.point > * {border-bottom: 1px solid #666;color: #1b1b1b;font-size: 16px;}
table.tblDef td {border-bottom: 1px solid #e1e1e1;}
table.tblDef a {text-decoration: none;}

table.tblDefBg {border-top: 2px solid #666;border-bottom: 1px solid #e1e1e1;}
table.tblDefBg th,
table.tblDefBg td {padding: 10px 10px 12px;text-align: center;}
table.tblDefBg thead th {border-bottom: 1px solid #666;color: #1b1b1b;font-size: 16px;}
table.tblDefBg tbody tr:nth-child(even) td {background-color: #f7f7f7;}


table.inputTbl {border-top: 2px solid #666;}
table.inputTbl th,
table.inputTbl td {padding: 10px 10px 12px;text-align: center;}
table.inputTbl thead th,
table.inputTbl tr.point > * {border-bottom: 1px solid #666;color: #1b1b1b;font-size: 16px;}
table.inputTbl td {border-bottom: 1px solid #e1e1e1;}


dl.formArea {overflow: hidden;clear: both;padding:15px 0 30px 75px;border-top: 1px solid #d9d9d9;font-size: 18px;}
dl.formArea > dt,
dl.formArea > dd {float: left;padding-top: 15px;}
dl.formArea > dt {clear: both;width: 175px;}
dl.formArea > dt label {line-height: 54px;}

dl.formArea i.essen,
dl.formArea {color: #4f4f4f;}
dl.formArea i.essen {font-size: 10px;}

dl.formArea input[type=text],
dl.formArea input[type=password],
dl.formArea textarea,
dl.formArea select {font-size: 18px;background-color: #fbfbfb;border-color: #e3e3e3;}

dl.formArea input[type=text],
dl.formArea input[type=password] {width: 478px;height: 30px;padding: 11px 10px;background-color: #fbfbfb;}
dl.formArea textarea {width: 728px;height: 200px;}
dl.formArea span.note {font-size: 13px;color: #888;line-height: 54px;}

dl.formArea dd.multi > *,
dl.formArea dd.companyType > *,
dl.formArea dd.search > * {float: left;margin-left: 14px;}

dl.formArea dd.multi > *:first-child,
dl.formArea dd.companyType > *:first-child,
dl.formArea dd.search > *:first-child {margin-left: 0 !important;}

dl.formArea dd.multi input[type=radio],
dl.formArea dd.multi input[type=checkbox] {margin: 8px 0 0 40px;}

dl.formArea dd.companyType > * {width: 221px;}
dl.formArea span.btn a {width: 140px;padding: 17px 0 16px;text-align: center;}

dl.formArea dd.search > input[type=text] {clear: both;margin-left: 0;margin-top: 15px;}
dl.formArea dd.search > input[type=text]:first-child {width: 322px;margin-top: 0;}
dl.formArea dd.search > span.btn {}

div.uploadFile {overflow: hidden;width: 650px;height: 54px;}
div.uploadFile input[type=text] {float: left;}
div.uploadFile span.find {float: right;width:140px;height: 54px;background:#888 url('../image/icon/upload.png') center center no-repeat;}
div.uploadFile span.find * {width: 100%;height: 100%;padding: 0;border: 0 none;opacity: 0;cursor:pointer;}




/* ========================================================================================================== */
/* ==================================================== Main ================================================== */
/* ========================================================================================================== */
div.main a {text-decoration: none;color: inherit;}
div.main div.titArea {padding-top:488px;}
div.main div.titArea h2 {border: 0 none;padding:40px 0 20px;}

div.main dl.topVisual {padding:172px 0 173px;background-image: url('../image/main/topVisualBg.png');background-size:100% 488px;color: #fff;font-size: 36px;}
div.main dl.topVisual dt {padding-bottom: 5px;margin-bottom: 15px;background: url('../image/main/topVisualBg_tit.png') center bottom no-repeat;font-size: 58px;}
div.main dl.topVisual dd {font-size: 24px;}


div.main div.contents {width: 100%;padding: 0 0 75px;}

div.main div.memberType {width: 1200px;padding: 0 0 40px;margin: 0 auto;}
div.main div.memberType:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.main div.memberType p {padding-bottom: 30px;color: #a4a4a4;font-size: 18px;line-height:	1.4;text-align: center;}
div.main div.memberType p:first-child {padding-bottom: 0;color: #7d7d7d;font-size: 20px;font-weight: bold;}

div.main div.memberType > dl {float: left;width: 320px;margin-left: 30px;}
div.main div.memberType > dl > dt {padding: 25px 0 15px;font-size: 16px;}
div.main div.memberType > dl > dt span {display: inline-block;font-weight: bold;font-size: 24px;}
div.main div.memberType ul {overflow: hidden;}
div.main div.memberType li:first-child {margin-left: 0;}
div.main div.memberType a {padding:10px 20px;}

div.main dl.joinInfo {width: 318px !important;margin-left: 0 !important;padding: 9px 30px 39px;border: 1px solid #d7d7d7;color: #3d4042;background: url('../image/main/joinInfoBg.png') 290px center no-repeat;}
div.main dl.joinInfo li {float: left;margin-left: 10px;}

div.main dl.sellerInfo {padding: 10px 30px 40px;background-color: #d8f6fd;color: #344f60;}
div.main dl.sellerInfo li {float: right;width: 150px;}
div.main dl.sellerInfo li:first-child {float: left;}
div.main dl.sellerInfo a {display: block;}

div.main dl.searchOrder {padding: 0 30px 26px !important;background-color: #5580b1;color: #fff;}
div.main dl.searchOrder dt {padding:19px 0 0 !important;}
div.main dl.searchOrder dd {position: relative;}
div.main dl.searchOrder input[type=text] {width: 198px;padding: 7px 10px;margin-top: 8px;border-color: #fff;}
div.main dl.searchOrder span.btn {position: absolute;right: 0;top: 8px;width: 80px;height: 78px;}
div.main dl.searchOrder span.btn * {width: 100%;height: 100%;border: 0 none;padding: 0;}

div.main div.mainInfo {position: relative;height: 360px;background: url('../image/main/infoBg.png') 0 0 repeat-x;}
div.main div.mainInfo > div {position: absolute;left: 50%;top: 50%;width: 500px;height: 222px;margin-top: -111px;padding: 0 30px;background-color: #fff;}
div.mainInfo > div h3,
div.mainInfo > div p.more a {color: #3d4042;}
div.mainInfo > div h3 {padding: 25px 0 10px;border-bottom: 1px solid #dcdcdc;font-weight: bold;font-size: 24px;}
div.mainInfo > div p.more a {position: absolute;right: 40px;top: 35px;}

div.mainInfo > div li {position: relative;margin-top: 4px;}
div.mainInfo > div li:first-child {margin-top: 15px;}
div.mainInfo > div li:before {}
div.mainInfo > div li a {position:relative;overflow:hidden;display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;}

div.main div.mainBbs {margin-left: -600px;}
div.main div.mainBbs li {padding-right: 90px;}
div.main div.mainBbs li span {position: absolute;right: 0;top: 0;width: 85px;text-align: right;}
div.main div.mainFaq {margin-left: 40px;}
div.main div.mainFaq h3 {color: #3f5172;}

div.main div.companyInfo {padding: 63px 0 62px;background: url('../image/main/companyInfoBg.png') center center no-repeat;background-size: 100% 380px;color: #e5e3e2;text-align: center;}
div.main div.companyInfo h3 {font-size: 28px;line-height: 1.4;}
div.main div.companyInfo h3 span {display: block;font-size: 44px;color: #fff;}
div.main div.companyInfo p {padding-top: 35px;}
div.main div.companyInfo p a {display: inline-block;width: 184px;padding: 10px 0;border: 1px solid rgba(255,255,255,.4);color: #fff;}



/* ========================================================================================================== */
/* =================================================== 오픈플랫폼 ================================================= */
/* ========================================================================================================== */

/* 오픈플랫폼이란 */
div.about {color: #4f4f4f;}
div.about p.sns {padding-top: 50px;text-align: center;}

div.about dl {font-family: 'NotoSansCJKkr-Light';font-size: 18px;}
div.about dt.tit {padding-top: 20px;font-size: 24px;color: #3e3e3e;}
div.about dd {padding-left: 15px;}

dl.border {padding-top: 50px;}
dl.border > dd {padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;}

dl.iconList {padding-top: 50px;}
dl.iconList > dt,
dl.iconList > dd {padding-left: 150px;}
dl.iconList > dt {position: relative;padding-top: 30px;color: #374464;font-size: 24px;}
dl.iconList > dt img {position: absolute;left: 30px;top: 20px;}
dl.iconList > dd {padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;}




/* ========================================================================================================== */
/* =================================================== 고객센터 ================================================= */
/* ========================================================================================================== */

/* 공지사항 */
div.notice {}

div.bbsUtil {overflow: hidden;padding-bottom: 10px;}
div.bbsUtil p.brief {float: left;color: #525252;font-size: 15px;line-height: 40px;}
div.bbsUtil p.brief span {font-weight: bold;}

div.bbsUtil div.bbsSearch {float: right;}
div.bbsUtil div.bbsSearch select,
div.bbsUtil div.bbsSearch input,
div.bbsUtil div.bbsSearch span.btn {float: left;border: 1px solid #cdcdcd;}
div.bbsUtil div.bbsSearch select {width: 90px;height: 42px;margin-right: 5px;}
div.bbsUtil div.bbsSearch input[type=text] {width: 229px;height: 25px;padding: 7px 10px 8px;border-right: 0 none;}
div.bbsUtil div.bbsSearch span.btn {border-radius:0 4px 4px 0;background:#a7a7a7 url('../image/icon/search.png') center center no-repeat;}
div.bbsUtil div.bbsSearch span.btn * {width: 50px;height: 40px;border: 0 none;opacity: 0;}


table.bbs {border-top: 2px solid #666;}
table.bbs th,
table.bbs td {padding: 10px 10px 12px;text-align: center;}
table.bbs thead th,
table.bbs tr.point > * {border-bottom: 1px solid #666;color: #1b1b1b;font-size: 16px;}
table.bbs td {border-bottom: 1px solid #e1e1e1;}
table.bbs td,
table.bbs td a {color: #525252;}

table.bbs td.tit {text-align: left;}
table.bbs td.tit a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;width:300px;text-decoration: none;}
table.bbs td.tit i.icon-pin {font-size: 14px;padding: 2px;border-radius:10px;background-color: #f00;color: #fff;vertical-align: middle;}
table.bbs td.tit i.new {display: inline-block;display: inline-block;padding: 0 5px 0 4px;border-radius:4px;background-color: #00a6da;color: #fff;}

table.bbs td.con {padding: 30px;text-align: left;color: #9e9e9e;}
table.bbs td.date {color: #525252;}

ul.pager {padding: 50px 0;text-align: center;}
ul.pager li,
ul.pager a,
ul.pager i {display: inline-block;vertical-align: top;}
ul.pager li {}
ul.pager a {width: 28px;color: #666;text-align: center;text-decoration: none;line-height: 28px;}
ul.pager a i {display: block;width: 28px;border: 1px solid #eaeaea;line-height: 28px;color: #aaa;}

ul.pager a.on {text-decoration: underline;color: #f46e82;}

div.searchArea {padding: 36px;background-color: #f8f8f8;text-align: center;}
div.searchArea select,
div.searchArea input[type=text],
div.searchArea span.btn {vertical-align: top;}

div.searchArea select,
div.searchArea input[type=text] {border-color: #dcdcdc;}
div.searchArea select {width: 108px;height: 34px;color: #555;}
div.searchArea input[type=text] {width: 250px;padding: 6px 10px 7px;margin: 0 2px 0 5px;}
div.searchArea span.btn input {width: 78px;}

div.notice p.btn {padding:20px 0;text-align: right;}
div.notice p.btn a {min-width:50px;text-align: center;}

dl.otherList {overflow: hidden;margin-top: 50px;border-top: 1px solid #e6e6e6;}
dl.otherList dt,
dl.otherList dd {float: left;width:800px;padding: 10px;border-bottom: 1px solid #e6e6e6;font-size: 15px;}
dl.otherList dt {clear: both;width: 178px;text-align: center;color: #202020;}
dl.otherList dd,
dl.otherList dd a {color: #525252;text-decoration: none;}


/* 자주 묻는 질문 */
dl.faq {border: 1px solid #ccc;margin-bottom: 10px;}
dl.faq > dt > a,
dl.faq > dd {position: relative;padding: 19px 70px 20px;font-size: 18px;color: #424242;}
dl.faq > dt > a {display: block;text-decoration: none;line-height: 1.2;}
dl.faq > dt i {position: absolute;right: 48px;top: 50%;margin-top: -10px;font-size: 20px;color: #464646;}

dl.faq span.bullet {position: absolute;left: 15px;top: 15px;width: 30px;padding-bottom: 4px;text-align: center;line-height: 26px;color: #fff;background-color: #484848;font-size: 16px;}
dl.faq dt span.bullet {background-color: #18a595;}

dl.faq > dd {border-top: 1px solid #ccc;background-color: #efefef;}

div.notice div.btnArea {padding-top: 30px;text-align: center;}


/* 결제내역조회 */
div.notice div.note {margin: 20px 0;padding: 35px;font-size: 24px;}

div.searchOrder {overflow: hidden;padding-bottom: 50px;}
div.searchOrder dl.formArea,
div.searchOrder p.btn {float: left;}

div.notice dl.type,
div.searchOrder dl.formArea {border-top: 0 none;padding: 15px 0 30px 150px;}

div.notice dl.type {border-top: 2px solid #666;border-bottom: 1px solid #666;}

div.searchOrder dl.formArea dt label {line-height: 44px;}
div.searchOrder dl.formArea dd {}
div.searchOrder dl.formArea input {width: 372px;padding: 6px 10px;}

div.searchOrder p.btn {width: 105px;height: 103px;padding: 30px 0 0 10px;}
div.searchOrder p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}

div.notice table.tblDef th {padding: 15px 0 19px;}
div.notice table.tblDef td {padding: 15px 0;color: #525252;}


/* ========================================================================================================== */
/* =================================================== 가입안내 ================================================= */
/* ========================================================================================================== */

/* 가입절차 */
dl.process {padding-top: 50px;}
dl.process > dt,
dl.process > dd {padding-left: 150px;}
dl.process > dt {position: relative;padding-top: 30px;color: #374464;font-size: 24px;font-weight: bold;}
dl.process > dt > span {position: absolute;left: 30px;top: 25px;width: 80px;height: 27px;padding: 26px 0 27px;border-radius:40px;background-color: #f1f1f1;color: #374464;text-align: center;font-size: 18px;}
dl.process > dt > span span {font-weight: bold;}
dl.process > dd {position: relative;padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;font-size: 18px;line-height: 30px;}
dl.process > dd p {padding-top: 10px;}
dl.process  p.btn {position: absolute;right: 20px;bottom: 40px;}
dl.process  p.btn * {width: 155px;padding: 6px 0 7px;border-radius:22px;}



/* 계약서류 */
ul.download {overflow: hidden;padding: 20px 0 40px;}
ul.download > li {float: left;width: 50%;text-align: center;}
ul.download a {width: 320px;padding: 11px 0 12px;border-radius:4px;font-size: 16px;color: #fff !important;}
ul.download a.btnDef {background-color: #314d9b !important;}
ul.download a.btnPoint {background-color: #4383bf !important;}


/* Log In*/
div.loginArea {}
div.loginArea > p {font-size: 18px;color: #525252;text-align: center;}
div.loginArea > p:first-child {font-weight: bold;font-size: 30px;color: #00a6da;}

div.loginArea div.formArea {width: 374px;margin: 50px auto 150px;padding: 56px 110px;border: 3px solid #e2e2e2;}

div.loginArea dl {overflow: hidden;}
div.loginArea dt,
div.loginArea dd {float: left;height: 42px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
div.loginArea dt {clear: both;width: 90px;color: #818181;}
div.loginArea dt label {display: block;line-height:41px;vertical-align: top;text-align: left;}
div.loginArea dt i {padding-right: 5px;font-weight: bold;color: #bdbdbd;}
div.loginArea dd input {width: 262px;padding: 10px;border-color: #fff;}

div.loginArea p.loginUtil {text-align: right;}
div.loginArea p.btn {margin-top: 30px;padding: 30px 20px 0;border-top: 1px solid #e8e8e8;}
div.loginArea p.btn > * {width: 100%;height: 48px;border-radius:24px;border-color: #00a6da;background-color: #00a6da !important;font-size: 16px;}


div.signup {}

div.signup h4.pointTit {margin: 40px 0 10px;}
div.signup p.memberType {float: left;padding-top: 52px;}
div.signup p.memberType input {margin: 0 5px 0 20px;}





div.signup div.agree {overflow: hidden;}
div.signup div.agree > dl {float: right;width: 430px;border: 2px solid #ccc;padding: 23px 26px 26px;background-color: #f6f6f6;}
div.signup div.agree > dl:first-child {float: left;}

div.signup div.agree dd {overflow: hidden;padding-top: 10px;}
div.signup div.agree dd p {float: right;font-size: 16px;padding-top: 5px;}
div.signup div.agree dd p.btn {float: left;padding-top: 0;}

div.signup div.btnArea {overflow: hidden;padding-top: 30px;}
div.signup div.btnArea > dl {float: right;width: 350px;padding: 25px 70px 30px;background: url('../image/sub/bg_line.png');}
div.signup div.btnArea > dl:first-child {float: left;}

div.signup div.btnArea button {width: 100%;height: auto;padding: 15px 0;font-size: 18px;border-radius:36px;}
div.signup div.btnArea dd {overflow: hidden;padding-top: 25px;}
div.signup div.btnArea ul {float: right;font-size: 17px;color: #272727;}
div.signup div.btnArea ul:first-child {float: left;}


div.joinCom {width: 874px;margin: 30px auto;}
div.joinCom div.txtArea {padding: 20px 0 40px;text-align: center;background: url('../image/sub/bg_line.png');}
div.joinCom div.txtArea > p {padding-top: 30px;color: #404040;font-size: 18px;}
div.joinCom div.txtArea > p:first-child {font-size: 28px;}
div.joinCom div.btnArea {text-align: center;}
div.joinCom div.btnArea a {width: 240px;padding: 18px 0 19px;font-size: 18px;margin-left: 10px;}
div.joinCom div.btnArea a:first-child {margin-left: 0;}


/* ========================================================================================================== */
/* ================================================== 기타서비스 ================================================= */
/* ========================================================================================================== */

dl.policyCon > dt {font-weight: bold;padding-top: 2em;}
dl.policyCon dt:first-child {padding-top: 0 !important;}

dl.policyCon > dd  dt {padding-top: 10px;}
dl.policyCon > dd > ul > li {margin-top: 10px;}
dl.policyCon > dd > ul > li:first-child {margin-top: 0;}

p.policyDate {font-weight: bold;padding-top: 20px;text-align: right;}

dl.sitemap > dt {padding: 40px 0 60px;text-align: center;}
dl.sitemap > dt a {width: 250px;padding: 16px 0 17px;font-size: 18px;}
dl.sitemap table.tblDef {border-top: 0 none;}
dl.sitemap table.tblDef th,
dl.sitemap table.tblDef td {padding: 10px 0 12px;}
dl.sitemap table.tblDef thead th {background-color: #ececec;border-bottom: 0 none;color: #464646;font-size: 18px;}
dl.sitemap table.tblDef a {color: #5d5d5d;font-size: 16px;}
dl.sitemap table.tblDef a:hover,
dl.sitemap table.tblDef a:focus {text-decoration: underline;}

/* ========================================================================================================== */
/* =================================================== 팝    업 ================================================= */
/* ========================================================================================================== */

/* 팝업 */
div.layerPopup {display: none;z-index: 200;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(33,33,33,.6);}

div.popupWrap {position: absolute;left: 50%;top: 50%;border: 3px solid #ccc;background-color: #fff;}
div.popupWrap h1 {padding-bottom: 10px;font-size: 16px;}
div.popupWrap h1 i {color: #3c77d0;}
div.popupWrap p.btn {padding-top: 50px;text-align: center;}
div.popupWrap p.btn > * {min-width:100px;padding: 9px 25px 12px;font-size: 16px;vertical-align: top;}


/* 팝업 : 알럿창 */
div#popupAlert div.popupWrap {width: 440px;height: 210px;padding: 70px 80px 60px;margin: -173px 0 0 -303px;}
div#popupAlert div.popupCon {padding: 30px 0;border-top: 2px solid #dadada;border-bottom: 2px solid #dadada;text-align: center;font-size: 18px;color: #464646;}


/* 팝업 : 이용약관 */
div#popupTermsOfUse div.popupWrap {width: 700px;padding: 30px;margin:-268px 0 0 -368px;}
div#popupTermsOfUse h1 {font-size: 1.2em;}
div#popupTermsOfUse div.popupCon {overflow-x: hidden;overflow-y: scroll;height: 300px;padding: 20px;border: 1px solid #ccc;background-color: #f8f8f8;}
div#popupTermsOfUse p.btn {padding-top: 30px;}

/* 팝업 : 개인정보취급방침 */
div#popupPrivacyPolicy div.popupWrap {width: 700px;padding: 30px;margin:-268px 0 0 -368px;}
div#popupPrivacyPolicy h1 {font-size: 1.2em;}
div#popupPrivacyPolicy div.popupCon {overflow-x: hidden;overflow-y: scroll;height: 300px;padding: 20px;border: 1px solid #ccc;background-color: #f8f8f8;}
div#popupPrivacyPolicy p.btn {padding-top: 30px;}


/* 팝업 : 회원가입완료 */
div#popupJoinCom div.popupWrap {width: 580px;padding: 60px 45px;margin: -147px 0 0 -338px;}
div#popupJoinCom div.popupCon {padding: 10px 0 14px;border-top: 1px solid #aeaeb7;border-bottom: 1px solid #aeaeb7;text-align: center;font-size: 34px;color: #34344c;}

div#popupJoinCom p.btn {overflow: hidden;padding: 50px 50px 0;}
div#popupJoinCom p.btn a {float: right;border-radius:41px;}
div#popupJoinCom p.btn a:first-child {float: left;}