@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% - 280px); float:right; margin-left:60px; margin-bottom: 60px;}

.company .sub_menu { width:180px; float:left; }
.company h3.company_tit{font-size:24px;/* color:#4c4c4c; */font-weight:400;border-bottom:#d4d4d4 solid 1px;padding:40px 0 22px}
.company h3.company_tit span {font-size: 14px; font-weight: 400; color: #666; display: block; padding: 15px 0;}
.aboutus {display:block;font-size: 18px;line-height: 30px;/* color:#666666; */padding: 50px 0;padding-right: 500px;background: url(../images/common/img_company.jpg) no-repeat 100% 53px;background-size: 450px auto;}


.content_box h3 { font-size: 18px; padding-top: 10px;}
.content_box h3.company_tit  {/* text-align: center; */margin: auto;font-size: 2.6rem;/* color:#4c4c4c; */font-weight:600;padding: 40px 0;line-height: normal;}
.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/img_press3.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 { float:left; position:relative; height:100%; margin:0; padding:0 0 250px 0; list-style:none;  background:url(./images/bg_sub_menu.gif) repeat-y 100% 0 }
.sub_menu h2 { border-bottom:#333 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;  }
.sub_menu a {float:left;width: 198px;padding: 20px 0 18px 12px;margin: 1px 0;border: rgba(47, 73, 132, 0.5) solid 1px;border-radius: 0rem;color: #333;font-size: 16px;transition: all 0.3s;display: block;position: relative;padding: 1rem 2.5rem 0.5rem;margin: 0.5rem 0.2rem;color: rgb(0 0 0 / 100%);font-weight: 700;text-decoration: none;background-color: rgb(255 255 255);border-top: 2px solid #222;border-right: 2px solid #222;border-bottom: 5px solid #222;border-left: 5px solid #222;}
.sub_menu a:hover,
.sub_menu a:active,
.sub_menu a.selected { color:#fff; text-decoration:none; background:url(./images/bu_pg1_r1.gif) no-repeat 90% 50%; background-color:rgb(127 127 127); transition: all 0.3s; }





@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;}

    .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; }
    .company .aboutus { display: block; width: 100%; padding: 30px 0; background: none; font-size: 1.8rem; line-height: 3.0rem;}
    .company h3.company_tit {font-size: 2.8rem;padding: 2rem 0;text-align: center;}
    
    
    /*sub_menu*/
    .company .sub_menu { display: none;position:relative; /* display: table-row-group; */  column-count: 4; column-gap: 6px; margin:0 auto; padding:0; list-style:none; text-align: center ; max-width: 96%;}
    .company .sub_menu li a { font-size: 12px; letter-spacing: -0.1rem; height: 40px;line-height: 1.3rem;padding: 5px 10px;vertical-align: middle;}


}