@charset "UTF-8";
/* CSS Document */

/*COMMON*/
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}


/*company*/
.company { margin-top: 0px  }
.company .content_box {width: calc(100% - 240px);float:right;padding:0 0 30px 0;}
.company .sub_menu {width: 180px;float:left;border-top: #dedede solid 1px;}
.company h3.company_tit{font-size:24px;color:#4c4c4c;font-weight:400; margin: 30px 0;/* border-bottom:#d4d4d4 solid 1px; */}

.company h3.company_tit span {font-size: 14px; font-weight: 400; color: #666; display: block; padding: 15px 0;}
.aboutus {display:block;font-size:16px;line-height:24px;color:#666666; padding: 0;
/*padding-right:380px;background: url(../images/common/img_info.jpg) no-repeat 100% 0px;background-size: 320px auto;*/}
.ad_tit { display:block;  padding:20px 20px; font-size:15px; }
.ad_tit strong { font-weight:500; color:#1a1a1a}


/****** 쓰기 *********/
.write {width:100%;border-top: rgba(0,0,0,0.1) solid 2px;border-bottom: rgba(0,0,0,0.1)  solid 1px;margin-top:0px;margin-left:0}
.write .none { border:none; }
.write th, .write td {color:#7b7b7b;border-top: rgba(0,0,0,0.04) solid 1px;text-align:left;padding:5px 5px 5px 15px;font-size: 12px;}
.write th { width: 100px; background-color:#fafafa; min-width: 80px;  font-size: 0.8em;   }
.write td {  } 
.write input[type=text] {max-width:calc(100% - 0.0em);-webkit-appearance: none;outline: none;font-size: 14px;box-sizing: border-box;border-radius: 0;background: #ffffff;border: 1px solid rgba(0,0,0,0.1);padding: 0.5em 3.5em 0.5em 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}
.write textarea {width:calc(100% - 0.0em);-webkit-appearance: none;outline: none;font-size: 14px;box-sizing: border-box;border-radius: 0;background: #ffffff;border: 1px solid rgba(0,0,0,0.1);padding: 0.5em 3.5em 0.5em 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}
.write td.check { font:normal 11px/18px 나눔고딕, 돋움; color:#999999; }
.write td.smtit {color:#7b7b7b;  font-weight:bold; font-size:11px;  }


.btn {display:block;clear:both; width:100%; padding-top:10px;  text-align:center}
.btn a {padding: 1rem 8rem;background-color: #000;color:#fff; font: bold 16px/36px 나눔고딕, 맑은 고딕; text-align:center;border-radius: 0.0rem;}   


/*policyBox*/
.policyBox{display: block;padding: 40px 0;font-size: 1.3rem;}
.policyBox>p{padding: 10px 0;border:0;}
.policyBox .policyTxtArea01 {border: 1px solid rgba(0,0,0,0.1);padding:15px;font-size: 0.8em;line-height:1.6em;background-color:#fff;}

.policyArea02 h4{color: #666;margin: 0 0 10px 0;}
.policyArea02 h5{font-weight:bold; margin-top:15px}

/* 이메일무단수집거부 */
.email_deny { margin: 40px auto;  line-height: 1.8em; font-size: 16px;}
.email_deny strong {  color: #000 }


/*sub_menu*/
.sub_menu { float:left; position:relative; width:168px; height:100%;margin: 30px 0;padding: 0 0 50px 0; list-style:none;}
.sub_menu h2 { border-bottom:#7b7b7b solid 2px; padding:32px 0; margin-bottom:1px; font-size:26px; font-weight:400; color:#4d4d4d; text-align:center}
.sub_menu li { margin:0; padding:0; list-style:none; font-size: 16px;  }
.sub_menu a { float:left;width: -webkit-fill-available;padding: 2.0rem; border-bottom:#dedede solid 1px; color:#666666; letter-spacing:-0.1em;}
.sub_menu a:hover,
.sub_menu a:active,
.sub_menu a.selected { color:#fff; text-decoration:none; background-color:yellowgreen; }




@media all and (max-width:600px){ 
 
/*company*/
.company .content_box { width:calc(100% - 40px); float:none; margin:0 auto; } 
.company .sub_menu { display: none } 
.aboutus { display: block; font-size: 14px; line-height: 21px; color: #666666; width: 100%; padding: 30px 0; background: none;}
.company h3 { font-size: 14px; padding: 25px 0 0 }
.company h3.company_tit  { font-size:16px; color:#4c4c4c; font-weight:600;  padding:10px 0; margin: 0 }
    
.write th, .write td { padding:5px 5px 5px 5px; }
    .policyBox>p{ font-size: 0.7em; }  
    
    .write th { width: auto}
    
.write input[type=text] {  padding: 0.3em; background-size:auto; background-repeat: no-repeat;}
.write textarea {  padding: 0.3em; }
    .policyBox { padding: 10px 0}
.policyBox .policyTxtArea01{border:1px solid #e5e5e5; padding:0 15px; font-size: 0.7em;
    line-height: 1.5em; }


}