@charset "utf-8";

/* 개인정보처리방침 */
.privacy_order{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 40px;}
.privacy_order li{width:49%;padding:10px 20px;border-bottom:1px solid #d5d5d5;box-sizing:border-box;}

.priv_box{display:flex;gap:2%;flex-wrap: wrap;}
.priv_box > div{padding:30px;flex-grow:1;width:0;border:1px solid #d5d5d5;border-radius:20px;box-sizing:border-box;}
.priv_box > div .tit{padding:65px 0 15px;margin-bottom:20px;font-weight:700;font-size:1.8rem;color:#000;text-align:center;background:no-repeat center top;border-bottom:1px dashed #d5d5d5;}
.priv_box > div.icon1 .tit{background-image:url(/nanum/site/builder/dir/main/img/menu4458/priv_icon1.jpg);}
.priv_box > div.icon2 .tit{background-image:url(/nanum/site/builder/dir/main/img/menu4458/priv_icon2.jpg);}
.priv_box > div.icon3 .tit{background-image:url(/nanum/site/builder/dir/main/img/menu4458/priv_icon3.jpg);}
.priv_box > div.icon4 .tit{background-image:url(/nanum/site/builder/dir/main/img/menu4458/priv_icon4.jpg);}



/* 이용약관*/
.terms .list_bx{display: flex;justify-content: space-between;flex-wrap:wrap;padding: 30px 40px 40px;margin-top:50px;background: #f7f7f7;border-radius:20px;}
.terms .list_bx a{position:relative;width: 50%;padding-left: 13px;box-sizing: border-box;margin-top: 10px;}
.terms .list_bx a::before{content:"";position:absolute;left:0;top: 50%;width:4px;height:4px;margin-top: -2px;border-radius: 100%;background:#000;}

/*이메일무단수집거부*/
.no_email{padding: 100px 50px 100px 290px;border: 1px solid #d7d7d7;background: url(/nanum/site/builder/dir/main/img/menu4458/bg_email.gif) no-repeat 50px  50%;background-size: 160px auto;}

/********************태블릿********************/
@media all and (max-width:1300px){

.no_email{padding-left:25%;}


}

/********************태블릿********************/
@media all and (max-width:1024px){

.priv_box{gap:1.5%;}
.priv_box > div{padding: 25px 15px;}
.priv_box > div .tit{font-size: 1.65rem;}

.no_email{padding: 90px 50px 90px 27%;background-position:5% 50%;}

}

/********************태블릿********************/
@media all and (max-width:767px){

.priv_box{gap:2%;}
.priv_box > div{padding:15px;margin-bottom:2%;flex-grow:0;width:49%;}
.priv_box > div .tit{display:flex;justify-content: center;align-items: center;padding: 50px 0 10px;height:35px;margin-bottom:15px;line-height: 1.3;background-size:auto 40px;}
.priv_box > div li.eng{word-break:break-all;}

.terms .list_bx{margin-top:35px;padding: 15px 22px 20px;}
.terms .list_bx a{margin-top: 7px;width: 100%;}

.no_email{padding: 85px 20px 20px;background-position: 50% 15px;background-size: 60px;}

}