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

/*company*/


.content_box {padding-bottom: 5rem;}
.content_box .company { display: block; margin: auto;  padding: 25px 25px 50px; min-height: 360px}
.content_box .sub_menu { }

.location {  display:block; float:right; margin:10px 10px 0 0; font-size:13px; line-height:13px;  color:#000; /*background:url(../images/ico/ico_home_line.png) no-repeat 0 1px; padding-left:16px; */}
.location strong { font-weight:normal; }
.location img { display:inline-block;  margin:0 6px; vertical-align:middle}

.content_box h3 { font-size: 18px; padding-top: 10px;}
.content_box h3.company_tit  {text-align: center;margin: auto; font-size:32px; color:#4c4c4c; font-weight:600;  padding:50px 0}
.content_box h3.company_tit span { font-size: 14px; font-weight:400; color: #666;  display: block; padding: 15px 0}
.aboutus {display: block;font-size: 1.6rem;line-height: 2em;color: #666666;padding-left: 350px;background: url(../images/common/logo.png) no-repeat 0% 0px;background-size: 300px 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: 14px; }
.write th { }
.write td {  } 
.write input[type=text], .write textarea { width:calc(100% - 0.5em); -webkit-appearance: none; outline: none; font-size: 14px; 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:7px 60px 9px 60px;  background-color:#5c5c5c; color:#fff; font:bold 14px/36px 나눔고딕, 맑은 고딕; text-align:center; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) }   

/*policyBox*/
.policyBox{ display: block; padding:0 0 20px 0; font-size: 1.2rem; }
.policyBox>p{padding:10px 10px 10px 20px; line-height:18px; 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;}
.policyBox .policyTxtArea02{border:1px solid #e5e5e5; padding:10px 10px 10px 20px; height:128px; overflow-y:scroll; }
.policyArea,.policyArea02{line-height:20px;}

.policyArea02 h4{color:#444; font-size:14px; margin:25px 0 10px;}
.policyArea02 h5{font-weight:bold; font-size:12px; margin-top:15px}

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

/* privacy */
.privacy {font-size: 1.3rem;line-height: 2rem;}

/*sub_menu*/
.sub_menu { position:relative;display: block;margin: auto;column-count: 4;column-gap: 0px; margin:0 auto; padding:0; list-style:none;border: #dedede solid 1px;text-align: center}
.sub_menu li { display: block; text-align: center; margin:0; padding:0; list-style:none; text-align: center }
.sub_menu li a { display: block;  line-height:36px; color:#333; text-decoration:none; font-size:15px; }
.sub_menu li .selected,
.sub_menu li a:active, 
.sub_menu li a:hover{ color:#fff; text-decoration:none; background-color:brown; }




@media all and (max-width:600px){ 
 
/*company*/
.content_box { width:calc(100% - 40px); float:none; margin:0 auto 60px; padding-bottom: 0}
.sub_menu { display: none } 
.location { display: none; float: none; margin: 20px auto; font-size: 11px; line-height: 12px; color: #a5a5a5; padding-left: 16px;}   
    
.content_box h3 { font-size: 14px; }
.aboutus { display: block; font-size: 14px; line-height: 21px; color: #666666; width: 100%; padding: 30px 0; background: none;}
.content_box h3.company_tit { font-size: 24px; padding: 30px 0 0px 0; }


}