@charset "UTF-8";

* {padding:0; margin:0; border:0;}

.contentWrap {width:100%; max-width:1020px; margin:0 auto;}
body {font-family:Noto Sans KR; overflow-y: scroll!important;}

/*페이지 상단*/
#pageTop {height:110px; line-height:110px;}
#pageTop > img {vertical-align: middle;}
/*#pageTop .btnQuickSearch {float:right; margin-top:38px;}*/


/*terms 내용*/
.privacyArea {padding-top:120px; padding-bottom:50px; background-color:#f0f0f0; overflow-y:scroll}
.privacyArea .pageTitle {width:100%; max-width:1020px; font-size:30px; font-weight:700; margin:0 auto; margin-bottom:30px;}
.privacyArea .contArea {width:100%; max-width:1020px; margin:0 auto; padding:30px; box-sizing: border-box; background-color:#ffffff;}
.privacyArea .contArea .titleCell {font-size:20px; font-weight:500; text-align:center; margin-bottom:30px;}
.privacyArea .contArea .contTextCell {font-size:17px; font-weight:300;}
.privacyArea .contArea .contTextCell span {font-weight:500;}


/*푸터*/
.footerArea {padding:45px 0; font-size:0; font-weight:300; letter-spacing: 0; background-color:#3c3c3c;}
.footerArea .contentWrap > div {display:inline-block; vertical-align: middle;}
.footerArea .logoCell {padding-right:40px;}
.footerArea .companyInfoCell {font-size:14px; color:#888888; line-height:25px;}
.footerArea .companyInfoCell .col {display:inline-block; margin-right:25px;}
.footerArea .companyInfoCell .col span {font-weight:800;}
.footerArea .companyInfoCell .col.btnPrivacy {cursor:pointer;}
.footerArea .companyInfoCell a {color:#888888;}


/*개인정보 이용동의 팝업*/
#privacyPopup {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:20; background-color:rgba(0,0,0,0.7);}
#privacyPopup .contWin {position:relative; width:100%; max-width:1100px; height:90%; font-family:Noto Sans KR; padding:30px; box-sizing:border-box; margin:0 auto; margin-top:50px; background-color:#ffffff;}
#privacyPopup .contWin .scrollWrap {height:calc(100% - 120px); overflow-y: auto;}
#privacyPopup .contWin .btnClosePopup {position:absolute; right:0; top:-46px; cursor:pointer;}
#privacyPopup .contWin input[type=checkbox] {width:18px; height:18px; border:solid 1px #91989a; vertical-align: middle; margin-bottom:3px; background-color:#ffffff;}
#privacyPopup .contWin .agreeAllCell {font-size:14px; font-weight:700; padding-bottom:5px;}
#privacyPopup .contWin .agreeAllCell span {margin-right:20px;}
#privacyPopup .contWin .popupTitle {font-size:20px !important; color:#000000; font-weight:700; text-align:center; margin-bottom:20px;}
#privacyPopup .contWin .privacyInfoText {font-size:12px; margin-bottom:20px;}
#privacyPopup .contWin .agreeContWrap {border-top:solid 2px #6a6a6a; border-bottom:solid 1px #b3b3b3; padding:15px 0; margin-bottom:10px;}
#privacyPopup .contWin .agreeContWrap .agreeBox {margin-bottom:20px;}
#privacyPopup .contWin .agreeContWrap .agreeBox:last-child {margin-bottom:0;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell {font-size:14px; font-weight:500; margin-bottom:5px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span {color:#31b9ff;}
#privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span.checkCell {color:#333333; font-weight:normal; margin-left:10px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell {height:70px; font-size:12px; font-weight:300; line-height:20px; padding:10px; letter-spacing: -1px; overflow-y: auto; border:solid 1px #cccccc; margin-bottom:5px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .bold {font-weight:500;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .indent {display:inline-block; width:15px;}
#privacyPopup .contWin .agreeContWrap .agreeBox .checkCell {font-size:14px;}
#privacyPopup .contWin .btnConfirm {width:100px; font-size:18px; color:#ffffff; text-align:center; border-radius:20px; margin:0 auto; margin-top:30px; padding:5px 15px; cursor:pointer; background-color:#000000;}

#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable {width:100%; font-size:12px; border-collapse: collapse;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th {font-weight:normal; padding:5px 0; border:solid 1px #cccccc; background-color:#f0f0f0;}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(1) {width:30%}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(2) {width:30%}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(3) {width:30%}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(4) {width:10%}
#privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable td {padding:5px 0; border:solid 1px #cccccc; text-align:center;}







@media(max-width:800px) {

    .contentWrap {padding-left:10px; padding-right:10px; box-sizing: border-box;}

    /*페이지 상단*/
    #pageTop {height:80px; line-height:80px;}
    #pageTop > img {height:40px; vertical-align: middle;}

    /*terms 내용*/
    .privacyArea {padding-top:80px; padding-bottom:30px; padding-left:15px; padding-right:15px; background-color:#f0f0f0;}
    .privacyArea .pageTitle {font-size:18px; font-weight:700; margin:0 auto; margin-bottom:20px;}
    .privacyArea .contArea {margin:0 auto; padding:14px; box-sizing: border-box; background-color:#ffffff;}
    .privacyArea .contArea .titleCell {font-size:16px; font-weight:500; text-align:center; margin-bottom:30px;}
    .privacyArea .contArea .contTextCell {font-size:15px; font-weight:300;}
    .privacyArea .contArea .contTextCell span {font-weight:500;}

    /*개인정보 이용동의 팝업*/
    #privacyPopup {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:20; background-color:rgba(0,0,0,0.7);}
    #privacyPopup .contWin {position:relative; width:90%; height:85%; font-family:Noto Sans KR; padding:10px; box-sizing:border-box; margin:0 auto; margin-top:40px; background-color:#ffffff;}
    #privacyPopup .contWin .scrollWrap {height:calc(100% - 90px); overflow-y: auto;}
    #privacyPopup .contWin .btnClosePopup {position:absolute; width:40px; height:40px; right:0; top:-41px; cursor:pointer;}
    #privacyPopup .contWin input[type=checkbox] {width:18px; height:18px; border:solid 1px #91989a; vertical-align: middle; margin-bottom:3px; background-color:#ffffff;}
    #privacyPopup .contWin .agreeAllCell {font-size:13px; font-weight:700; padding-bottom:5px;}
    #privacyPopup .contWin .agreeAllCell span {margin-right:10px;}
    #privacyPopup .contWin .popupTitle {font-size:16px !important; color:#000000; font-weight:700; text-align:center; margin-bottom:10px; letter-spacing: -1px;}
    #privacyPopup .contWin .privacyInfoText {font-size:11px; margin-bottom:10px; line-height:15px;}
    #privacyPopup .contWin .agreeContWrap {border-top:solid 2px #6a6a6a; border-bottom:solid 1px #b3b3b3; padding:5px 0; margin-bottom:5px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox {margin-bottom:10px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox:last-child {margin-bottom:0;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .titleCell {font-size:12px; font-weight:500; margin-bottom:5px; letter-spacing: -1px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span {color:#31b9ff;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .titleCell span.checkCell {color:#333333; font-weight:normal; margin-left:10px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell {height:55px; font-size:11px; font-weight:300; padding:5px; overflow-y: auto; letter-spacing: -1px; border:solid 1px #cccccc; margin-bottom:5px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .bold {font-weight:500;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .indent {display:inline-block; width:10px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .checkCell {font-size:12px; line-height:15px;}
    #privacyPopup .contWin .btnConfirm {width:100px; font-size:15px; color:#ffffff; text-align:center; border-radius:20px; margin:0 auto; margin-top:10px; padding:5px 15px; background-color:#000000;}

    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable {font-size:11px; line-height:16px;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th {padding:3px 0;}
    #privacyPopup .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable td {padding:3px 0;}

    /*푸터*/
    .footerArea {padding:30px 0;}
    .footerArea .contentWrap > div {display:block; text-align:center;}
    .footerArea .logoCell {padding-right:0; padding-bottom:20px;}
    .footerArea .companyInfoCell {font-size:12px; line-height:20px;}
    .footerArea .companyInfoCell .col {display:inline-block; margin-right:25px;}
    .footerArea .companyInfoCell .col span {font-weight:800;}
    .footerArea .companyInfoCell .col.btnPrivacy {cursor:pointer;}
    .footerArea .companyInfoCell a {color:#888888;}
}