@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 {padding: 20px 0 80px 0;/* max-width: 720px; */margin: auto;display: block;font-size: 1.8rem;line-height: 2.4em;/* color: #666666; */}
.sub_menu { }

.location {display:block;float:right;margin:10px 10px 0 0;font-size: 14px;line-height: 14px;color: #666;background:url(./images/home.gif) no-repeat 0 1px;padding-left:16px;}
.location strong {font-weight:normal;color: #000;}
.location img { display:inline-block;  margin:0 6px; vertical-align:0.1em }

.content_box h3 { font-size: 18px; padding-top: 10px;}
.content_box h3.company_tit  {/* text-align: center; */margin: auto;font-size: 2.6rem;color: #000;font-weight:600;padding: 40px 0;}
.content_box h3.company_tit span { font-size: 1.4rem; font-weight:400; color: #666;  display: block; padding: 15px 0}
.aboutus { display: block; padding-left: 450px; background: url(../images/common/img_company.jpg) no-repeat 0% 0px; background-size: 400px auto;}

.ad_tit { display:block;  padding:20px 20px; font-size:15px; }
.ad_tit strong { font-weight:500; color:#1a1a1a}


/****** 쓰기 *********/
.write { width:100%; border:0; margin-top:0px; margin-left:0}
.write .none { border:none; }
.write th, .write td { color:#333; text-align:left; padding:5px 5px 5px 5px; font-size: 1.4rem; }
.write th { }
.write td {  }
.write input[type=text], .write textarea { width:calc(100% - 0.5em); -webkit-appearance: none; outline: none; font-size: 1.4rem; box-sizing: border-box; border-radius: 0; background: #ffffff; border: 1px solid #d1d1d1; padding: 0.5em 3.5em 0.5em 1em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat;}

.btn {display:block;clear:both; width:100%; height:40px; padding-top:20px;  text-align:center}
.btn a { padding: 15px;  background-color: #333; color:#fff;  text-align:center; display: block;width: 40%;margin: auto;}

/*policyBox*/
.policyBox{ display: block; padding:0 0 20px 0; }
.policyBox>p{padding:10px 10px 10px 20px; background: #fbfbfb; border:1px solid #e5e5e5; border-top:0; text-align: center;}
.policyBox .policyTxtArea01{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:160px; overflow-y:scroll;font-size: 1.2rem;}
.policyBox .policyTxtArea02{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:128px; overflow-y:scroll; }
.policyArea,.policyArea02{}

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

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

/* privacy */
.privacy { line-height: 1.6em;  font-size: 1.4rem;}

/*sub_menu*/
.sub_menu { position:relative;display: block;column-count: 5;column-gap: 30px; margin:0 auto; padding:0; list-style:none;text-align: center;}
.sub_menu li { display: block; margin:0; padding:0; list-style:none; text-align: center }
.sub_menu li a {display: block;line-height: 30px;color: #000;text-decoration:none;font-size: 1.4rem;border: rgba(0,0,0,0.0) solid 1px;border-radius: 2rem;background-color: #fff;}
.sub_menu li .selected,
.sub_menu li a:active,
.sub_menu li a:hover {color: #fff;border: #000 solid 1px;background-color: #333;}




@media all and (max-width:600px){


    
    .company {width: 100%; margin:auto;     display: block;
    font-size: 1.3rem;
    line-height: 1.5em; }
    .company .content_box { width:calc(100% - 40px); float:none; margin:0 auto 60px; padding: 0}

    .location { display: none; float: none; margin: 20px 0; font-size: 11px; line-height: 12px; color: #a5a5a5; padding-left: 0;}

    .company h3 { font-size: 1.4rem; }
    .aboutus { display: block; width: 100%; padding: 30px 0; background: none;}
    .company h3.company_tit { font-size: 1.8rem; padding: 20px 0 0 0; }
    
    
    /*sub_menu*/
    .sub_menu {position:relative;display: block;column-count: 5;column-gap: 1px;margin: 20px auto 0;padding:0;list-style:none;text-align: center;max-width: 90%;}
    .sub_menu li a {font-size: 12px;letter-spacing: -0.1rem;height: 40px;line-height: 1.4rem;padding: 5px;vertical-align: middle;border-radius: 0;}


}