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


/****** 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, textarea {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; font-style: normal;}
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; font-style: normal;}
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; }
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_press8.jpg) no-repeat 100% 60px; background-size:300px auto*/ }
.aboutus strong { display: block; font-size: 30px; line-height: 36px; color: #4c4c4c; padding: 0px 0 30px 0; font-weight: 400;}
.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:#7b7b7b; border-top:#b7b7b7 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: 11px;   }
.write td {  } 
.write input[type=text] { max-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;}
.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;}
.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%; 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:#fff;}

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

/* 이메일무단수집거부 */
.email_deny { margin: 40px auto;  line-height: 1.8em; font-size: 16px;}
.email_deny strong { font-size: 18px; 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:#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: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: url(../1/images/arrow_photoimg_right.png) no-repeat 90% 50%; background-size: auto 12px; 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 { display: block; font-size: 14px; line-height: 21px; color: #666666; width: 100%; padding: 30px 0; background: none;}
.content h3.company_tit { font-size: 24px; }
.aboutus strong { font-size: 21px; line-height:1.3em; padding: 0px 0 20px 0; }
}