@charset "utf-8";

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
div, p, span, input, pre, fieldset, ul, li { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, h1, h2 { display: block; margin: 0; padding: 0; }
fieldset, img { vertical-align: top; border: 0; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
a { color: #7e7e7e; vertical-align: top; text-decoration: none; }
ul { list-style: none; }
.txtHidden{ position: absolute; top: 0; left: 0; display: inline; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; }

section { position: relative; width: 100%; background-color: #f6f6f6; }
section header { width: 100%; height: 50px; overflow: hidden; background: url('https://imgc.gnjoy.com/gnjoy/20150408_mobile_terms/images/bg_title.gif') repeat-x 0 0; }
section header h1 { width: 350px; padding: 13px 0 0 0; margin: 0 auto; text-align: center; }
section header a { position: absolute; top: 15px; left: 25px; }


@media screen and (max-width: 357px) {
    section header a {  left: 2vw; }
  }
section div { position: relative; width: 90%; padding: 21px 5% 21px 5%; background: url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/052924_xhh7YiyE.jpg') no-repeat 0 0; }
section h2 { height:22px; text-indent: -10000px; font-size: 0; line-height: 0; border-bottom: 1px solid #c8c8c8; margin: 0 0 10px 0; padding-bottom: 7px; overflow: hidden; }
section h2.terms {background:url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/051255_FXbeI5UJ.jpg') no-repeat 0 0;}
/*section h2.termsen {background:url('https://imgc1.gnjoy.com/ufile/common/2021/02/26/041123_6FrtrdUo.png') no-repeat 0 0;}*/
section h2.termsen { color: #313131; font-size: 15px; font-weight: bold; text-indent: 0px; line-height: 15px; letter-spacing: -1px; }
section h2.privacy {background:url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/055925_gHAfWMnA.png') no-repeat 0 0;}
/* section h2.privacyen {background:url('https://imgc1.gnjoy.com/ufile/common/2021/02/26/041152_TAPRqAdU.png') no-repeat 0 0; background-size: 96px 13px;} */

section h1.font_topPrivacy { color: #fff; font-size: 21px; font-weight: bold; text-indent: 0px; line-height: 21px; letter-spacing: -1px; }
section h2.privacyen { color: #313131; font-size: 15px; font-weight: bold; text-indent: 0px; line-height: 15px; letter-spacing: -1px; }

section h2.policy {background:url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/051302_XcDc4VAH.jpg') no-repeat 0 0;}
section h2.protect {background:url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/061356_TaCfGzAd.png') no-repeat 0 0;}
section h2.terms2 {background:url('https://imgc1.gnjoy.com/ufile/common/2019/05/19/061406_PEBPEQKp.png') no-repeat 0 0;}
section h2.agency {background:url('https://imgc1.gnjoy.com/ufile/common/2021/04/09/101450_Ixhdsd49.png') no-repeat 0 0;}
section .agreeDate { position: absolute; top: 2%; right: 5%; }
section pre { width: 95%; height: 700px; padding-right: 20px; margin: 0 auto; font-family: Gulim, "굴림", serif; font-size: 12px; line-height: 18px; color: #7e7e7e; overflow-y: scroll; overflow-x: hidden; white-space: pre-line; word-break: break-all; word-wrap: break-all; *word-wrap: break-word; }
section pre strong { font-weight: bold; }
section pre span { color: #f00; }
section pre span.fontBig{font-size:13px; font-weight:bold; color:#f00;}
section pre a { text-decoration: underline; }
section pre table { margin-bottom: 15px; }
section pre table, section pre table th, section pre td { border: 1px solid #939393; }
section pre table th { padding: 7px 0; background-color: #d4d4d4 }
section pre table th:first-child { width: 15%; }
section pre table td { padding: 7px 5px; background-color: #ffffff ;text-align: center;}
/*section pre table td:first-child { text-align: center; }*/

@media screen and (max-width: 768px) {
    section pre {       
        padding-right: 20px;
        height: 77vw;       
    }
  }
@media screen and (max-width: 630px) {
    section pre {       
        padding-right: 20px;
        height: 91vw;       
    }
  }
@media screen and (max-width: 522px) {
    section pre {       
        padding-right: 20px;
        height: 105vw;       
    }
  }
@media screen and (max-width: 414px) {
    section pre {       
        padding-right: 20px;
        height: 140vw;       
    }
  }
@media screen and (max-width: 375px) {
    section pre {       
        padding-right: 20px;
        height: 179vw;       
    }
  }
@media screen and (max-width: 360px) {
    section pre {       
        padding-right: 20px;
        height: 130vw;       
    }
  }
section .btnClose { position: absolute; top: 10px; right: 10px; }

/* 운영정책 */
.policy_content em{color:red;}
.policy_content table { margin-bottom: 15px; }
.policy_content table, .policy_content table th, .policy_content table td { border: 1px solid #939393; }
.policy_content table th { padding: 7px 0; background-color: #d4d4d4;}
.policy_content table th:first-child { width: 22%; }
.policy_content table td { padding: 7px 5px; }
.policy_content table td:first-child { text-align: center; }
.policy_content table td.text_left{padding-left:10px; text-align:left;}