@charset "UTF-8";
/* CSS Document */
/*
@font-face{
     font-family:"nbg";
     src:url("./css/font/NanumBarunGothic.eot");
     src:local(※), url("./css/font/NanumBarunGothic.woff") format("woff");
     src: url('./css/font/NanumBarunGothic.woff') format('woff');
}
@font-face {
     font-family:'NanumBarunGothic';
     src: url('./css/font/NanumBarunGothic.eot');
}
*/

/****** RESET ******/
/*
html, body{width:100%; height:100%;}
html{font-size:100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video, button{margin:0; padding:0;}
body{font-family:'NanumGothic', 'nbg', 'NanumBarunGothic', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; font-size:13px; color:#555; line-height:20px;}
body,h1,h2,h3,h4,input,button{font-family:'NanumGothic', 'nbg', 'Malgun Gothic', '맑은 고딕', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px; line-height:normal; letter-spacing:-0.05em; color:#555;}
img,fieldset{border:0 none;}
ul,li{list-style:none;}
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
input,textarea,select,button{vertical-align:middle; outline:none; font-family:MalgunGothic, '맑은 고딕', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
button{border:none; cursor:pointer;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance:none;
	-moz-appearance:none;
}
img{vertical-align:middle; border:none; outline:none; display:block;}
a{cursor:pointer; color:#555; text-decoration:none;}
a:link{text-decoration:none;}
a:hover{color:#555;}
a:focus, a:active{outline:none;}
*/

/*COMMON*/
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}
.content {float:none; width: 116rem; margin:0 auto;}

/*company*/
.content .company { width:calc(100% - 280px); float:right; margin-left:60px; margin-bottom: 60px;}
.content .sub_menu { width:180px; float:left; }
.content h3.company_tit{ font-size:24px; color:#4c4c4c; font-weight:400; border-bottom:#d4d4d4 solid 1px;  padding:40px 0 22px }
.content 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: 50px 0;  padding-right:350px; background:url(./images/img_press4.jpg) no-repeat 100% 60px; 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-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:0px; margin-left:0}
.write .none { border:none; }
.write th, .write td { color:#333; border-top:#b7b7b7 solid 1px; text-align:left; padding:5px 5px 5px 15px; font-size: 14px; }
.write th { background-color:#e5e5e5; min-width: 80px  }
.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:20px 0 20px 0; }
.policyBox>p{ padding:10px 0; border:0; }
.policyBox .policyTxtArea01 {border:1px solid #e5e5e5; padding:15px; line-height:1.6em; background-color:#e5e5e5;}

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

/*sub_menu*/
.sub_menu { float:left; position:relative; width:168px; height:100%; margin:40px 0 0 0; padding:0 0 250px 0; list-style:none;  }
.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; font-size: 16px;  }
.sub_menu a { float:left; width:168px; padding:16px 0 18px 12px; 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: #1a2a55; }


@media all and (max-width:600px){ 
 
/*company*/
.content {width: 100%; }
.content .company { width:calc(100% - 40px); float:none; margin:0 auto 60px;}
.content .sub_menu { display: none }
.aboutus { padding:30px 0; background:none }

}