@charset "utf-8";


#visual_top{position: relative; top: -5px;}
#visual_top h3{position: absolute; top: 150px; left: 860px; font: bold 40px "Nanum Gothic"; color: #fff;}
#visual_top p{position: absolute; top: 250px; left: 760px; font: bold 19px "Nanum Gothic"; color: #fff;}
#wrap h4{font: bold 24px "Nanum Gothic"; color: #333; text-align: center; border-bottom: solid 0.5px rgba(50,50,50,0.3); padding: 150px 0 10px;}
#wrap h5{font: bold 20px "Nanum Gothic"; color: #333; text-align: center;padding-top: 50px;}

/*com_btn*/
.com_btn{width: 1200px;}
.com_btn li{float: left; width: 240px; height: 75px; border: solid 1px rgba(0,0,0,0.2); box-sizing: border-box;}
.com_btn a{display: block; width: 100%; height: 100%;font: bold 17px "Nanum Gothic"; color: #333; padding: 20px 0 0 92px;}
.com_btn a:hover{background: #CC0D1C; color: #fff; box-sizing: border-box; }
.com_btn .pick{background: #CC0D1C; color: #fff; box-sizing: border-box;}

/*인사말*/
#content1_1{width: 1200px; height: 800px; background: #fff; margin: 0 auto; position: relative; top: -80px;}
#content1_1 p{font: normal 17px "Nanum Gothic"; line-height: 1.7; text-align: center; padding-top: 80px; color: #333;}
#content1_1 p span{font: bold 18px "Nanum Gothic";}
#content1_1 img{position: absolute; width: 500px; bottom: -50px; right: 60px;}

/*개요*/
#content1_2{width: 1200px; height: 1500px; background: #fff; margin: 0 auto; position: relative; top: -80px;}
#content1_2 p{font: normal 17px "Nanum Gothic"; line-height: 1.7; text-align: center; padding-top: 80px; color: #333;}
#content1_2 .point{font: bold 20px "Nanum Gothic";margin-bottom: 50px;}
#content1_2 img{width: 500px; margin: 50px 0 0 350px;}
#content1_2>div{overflow: hidden; margin-top: 150px;}
#content1_2>div img{float: left; margin: 0 0 0 60px;}
#content1_2>div ul{float: left; margin-left: 50px;}
#content1_2>div ul li{font: normal 15px "Nanum Gothic"; padding-bottom: 15px; color: #333}
#content1_2>div ul li:first-child{font: bold 18px "Nanum Gothic"; }

/*비전*/
#content1_3{width: 1200px; height: 900px; background: #fff; margin: 0 auto; position: relative; top: -80px;}
#content1_3 p{font: normal 17px "Nanum Gothic"; line-height: 1.7; text-align: center; padding-top: 80px; color: #333;}
#content1_3 img{margin: 50px 0 0 80px;}

/*조직도*/
#content1_4{width: 1200px; height: 900px; background: #fff; margin: 0 auto; position: relative; top: -80px;}
#content1_4 p{font: normal 17px "Nanum Gothic"; line-height: 1.7; text-align: center; padding-top: 80px; color: #333;}
#content1_4 img{margin: 50px 0 0 110px;}


/*지도*/
#content1_5{width: 1200px; height: 800px; background: #fff; margin: 0 auto; position: relative; top: -80px;}
#content1_5 img{float: left; width: 600px; margin-top: 100px;} 
#content1_5 .map_p{float: left; margin: 50px 0 0 20px;}
#content1_5 p{font: normal 17px "Nanum Gothic"; line-height: 1.7; text-align: center; padding-top: 80px; color: #333;}
#content1_5 p span{font: bold 18px "Nanum Gothic";}


/*mobile*/
.m_btn{width: 100%;}
.m_btn li{width: 20%; height: 50px; float: left; border: solid 0.5px rgba(0,0,0,0.2); box-sizing: border-box;}
.m_btn a{display: block; width: 100%; height: 100%;font: bold 20px "Nanum Gothic"; color: #333; padding: 10px 0; text-align: center;}
.m_btn a:hover{background: #383A39; color: #fff; box-sizing: border-box; }
.m_btn .pick{background: #383A39;  border: none; box-sizing: border-box;}
.m_btn .pick a{color: rgba(0,0,0,0);}

/*m인사말*/ 
#m_content1_1{width: 100%; margin: 120px auto 0; }
#m_content1_1 .m_visual{width: 100%;}
#m_content1_1 h3{clear: both; width: 100%; font: bold 40px "Nanum Gothic"; text-align: center; padding: 20px 0; color: #fff; background: #383A39; }
#m_content1_1 h4{width: 100%; font: bold 30px "Nanum Gothic"; text-align: center; padding: 70px 0 0;color: #333; line-height: 1.8;}
#m_content1_1 p{width: 100%; font: normal 27px "Nanum Gothic"; text-align: center; padding: 100px 0 0; color: #333; line-height: 1.7;}
#m_content1_1 p span{font: bold 30px "Nanum Gothic";}
#m_content1_1 .pen{width: 100%; text-align: right;}

/*m회사개요*/
#m_content1_2{width: 100%; margin: 120px auto 0;}
#m_content1_2 .m_visual{width: 100%;}
#m_content1_2 h3{clear: both; width: 100%; font: bold 40px "Nanum Gothic"; text-align: center; padding: 20px 0; color: #fff; background: #383A39; }
#m_content1_2 h4{width: 100%; font: bold 30px "Nanum Gothic"; text-align: center; padding: 70px 0 0;color: #333; line-height: 1.8;}
#m_content1_2 p{width: 100%; font: normal 27px "Nanum Gothic"; text-align: center; padding: 70px 0 0; color: #333; line-height: 1.7;}
#m_content1_2 p span{font: bold 30px "Nanum Gothic"; }
#m_content1_2 img{width: 100%; display: block; margin: 70px auto 0;}
#m_content1_2 .txt{width: 80%; margin: 0 auto;}
#m_content1_2 .txt li{font: normal 25px "Nanum Gothic"; padding: 10px 0;}
#m_content1_2 .txt li:first-child{font: bold 28px "Nanum Gothic"; text-align: center;padding: 30px 0; line-height: 2;}
#m_content1_2 .txt li span{font: bold 28px "Nanum Gothic";}

/*mvision*/
#m_content1_3{width: 100%; margin: 120px auto 0;}
#m_content1_3 .m_visual{width: 100%;}
#m_content1_3 h3{clear: both; width: 100%; font: bold 40px "Nanum Gothic"; text-align: center; padding: 20px 0; color: #fff; background: #383A39; }
#m_content1_3 h4{width: 100%; font: bold 30px "Nanum Gothic"; text-align: center; padding: 70px 0 0;color: #333; line-height: 1.8;}
#m_content1_3 img{width: 100%; margin: 50px auto 0;}

/*m조직도*/
#m_content1_4{width: 100%; margin: 120px auto 0;}
#m_content1_4 .m_visual{width: 100%;}
#m_content1_4 h3{clear: both; width: 100%; font: bold 40px "Nanum Gothic"; text-align: center; padding: 20px 0; color: #fff; background: #383A39; }
#m_content1_4 h4{width: 100%; font: bold 30px "Nanum Gothic"; text-align: center; padding: 70px 0 0;color: #333; line-height: 1.8;}
#m_content1_4 img{width: 100%; margin: 50px auto 0;}

/*m오시는 길*/
#m_content1_5{width: 100%; margin: 120px auto 0;}
#m_content1_5 .m_visual{width: 100%;}
#m_content1_5 h3{clear: both; width: 100%; font: bold 40px "Nanum Gothic"; text-align: center; padding: 20px 0; color: #fff; background: #383A39;}
#m_content1_5 h4{width: 100%; font: bold 30px "Nanum Gothic"; text-align: center; padding: 70px 0;color: #333; line-height: 1.8;}
#m_content1_5 img{width: 100%;}
#m_content1_5 p{font: normal 27px "Nanum Gothic"; text-align: center; padding: 30px 0 ;color: #333; line-height: 1.7;}
#m_content1_5 p span{font: bold 30px "Nanum Gothic"; text-align: center; padding: 15px 0 ;color: #333; line-height: 2;}