/* ¼­ºêÆäÀÌÁö */
.contents_sub {
 width: 1200px;
 background: #FFF;
 margin:0 auto;
 font-weight: 400;
 color: #666; 
 font-size: 15px;
 line-height: 22px;
 min-height: 700px;
 padding-bottom: 50px;
 font-family:'nanumgothic','Nanum Gothic', sans-serif;
}
.contents_sub .titwrap {
 width:100%;
 text-align:center; 
 padding: 40px 0;
}
.contents_sub .titwrap > h4 {
 font-size:40px;
 color:#1e1e1e;
 line-height:60px;
 font-weight: 600;
}
.contents_sub .titwrap > span {
 font-size: 13px;
 color:#888;
}
.contents_sub .contentswrap {
 width:100%;
}
/* CEO Àλ縻 */
.con_img {
 width: 45%;
 display:inline-block;
 vertical-align: top;
}
.con_txt {
 width: 54%;
 padding-left: 30px;
 display:inline-block;
 vertical-align: top;
}
.tit_black {
 font-family:'Raleway', sans-serif;
 font-size:34px;
 line-height:50px;
 color:#000;
 line-height:50px;
 font-weight:300;
}
.tit_brown {
 font-family:'Raleway', sans-serif;
 font-size:40px;
 color:#997b5c;
 line-height:50px;
 letter-spacing:1px;
 font-weight:800;
}
/* ¿¬Çõ */
.historywrap {
 width: 100%;
}
.history_img {
 display:inline-block;
 width: 49%;
 vertical-align: top;
}
.history_img > .txt {
 padding-bottom: 20px;
}
.history_list {
 display:inline-block;
 width: 50%;
 vertical-align: top;
}
.history_list li {
 padding: 5px 0 5px 40px;
}
.his_tit {
 color: #1e1e1e;
 font-size:24px;
 font-weight: 600;
 background: url('../img/_designcoco/images/his_disc.gif') no-repeat 0 10px;
}
li.his_txt {
 padding-bottom: 30px;
 background: url('../img/_designcoco/images/his_line.gif') repeat-y 6px 0;
}
/* ¿À½Ã´Â ±æ */
.map ul {
 padding: 30px;
 margin-top: 20px;
 background: #F5F5F5;
 border: 1px solid #E5E5E5;
}
.map ul li {
 padding: 10px;
 background: url(../../../img/images/dot.gif) no-repeat 0 16px;
} 
.map .map_img {
 height: 450px;
}
.tit {
 font-weight: 600;
 padding-right: 30px;
 color: #000;
}
/* »ç¾÷ºÐ¾ß */
.business_intro {
 width: 100%;
 font-size:0;
 height: 400px;
}
.business_intro > .pic {
 width: 50%;
 display: inline-block;
 vertical-align: top;
}
.business_intro > .txt {
 width: 50%;
 display: inline-block;
 vertical-align: top;
 background: #997b5c;
 padding: 80px;
 text-align: center;
 height: 100%;
}
.business_intro > .txt h5 {
 font-size: 40px;
 line-height: 40px;
 font-weight: 300;
 color: #FFF;
 background:url('../img/_designcoco/images/busi_line.gif') no-repeat center 80px; 
 font-family: 'Raleway', sans-serif;
 padding-bottom: 100px;
}
.business_intro > .txt p {
 color: #FFF;
 font-size: 14px;
 line-height: 22px;
 opacity: 0.85;
}
.business_icon {
 width: 100%;
 font-size: 0;
 padding: 50px 0;
}
.business_icon ul {
 text-align: center;
}
.business_icon li {
 width: 25%;
 display: inline-block;
 vertical-align: top;
 padding: 0 40px;
}
.tit_busi {
 font-family:'Raleway', sans-serif;
 font-size:31px;
 line-height:50px;
 color:#000;
 line-height:50px;
 font-weight:300;
}
.txt_busi {
 color: #666;
 font-size: 14px;
 line-height: 22px;
}
/* ±âŸ */
.no_page {
 width: 100%;
 border: 1px solid #DDD;
 background:#F5F5F5;
 text-align: center;
 padding: 200px 0;
 font-size: 24px;
}
/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.sub_top_img {
 background:url('../img/_designcoco/images/sub_top_bg.jpg') no-repeat; 
 background-attachment:fixed; 
 padding-top:50px; 
 text-align:center; 
 width:100%;
}
.sub_top_img .sub_top_slogan {
 padding-bottom:40px;
}
.sub_top_img .sub_top_slogan h3 {
 font-size:42px;
 font-weight:800;
 letter-spacing:2px; 
 line-height:45px;
 color:#f1c481;
 padding-bottom:10px;
 font-family: 'Raleway', sans-serif;
}
.sub_top_img .sub_top_slogan p {
 font-size:13px; 
 opacity:0.6; 
 letter-spacing:1.5px; 
 font-weight:500;
 color:#FFF;
}
/* ¼­ºêÆäÀÌÁö ÅǸ޴º */
.submenu {
 width:100%;
 margin: 0 auto;
 border-top:1px solid rgba(255, 255, 255, 0.3)
}
.submenu ul {
 margin:0 auto;
 text-align:center; 
}
.submenu li {
 padding:0 15px;
 display:inline-block;
}
.submenu li a {
 display:block;
 padding:13px 0; 
 font-size:15px;
 text-align:center; 
 color:#FFF;
}
.submenu li.on a {
 background:#161e36;
 color:#fff;
 font-weight:600;
}
.guide_txt {
 padding: 20px; 
}
.guide_txt li {
 padding: 5px;
 list-style-type: disc;
}
.sub02_txt {
 margin: 0 auto; 
 text-align: center;
}
.sub02_txt .tit_img {
 width: 28%;
 display: inline-block;
 text-align: center;
}
.sub02_txt .tit_txt {
 width: 52%;
 display: inline-block;
 vertical-align: top;
 padding-top: 60px;
}
.sub02_txt .tit_txt > h3 {
 font-size: 40px;
 color: #1e1e1e;
 font-weight: 300;
 line-height: 45px;
 padding-bottom: 20px;
 text-align: left;
}
 
.sub02_txt .tit_txt > p {
 font-size: 18px;
 color: #666;
 font-weight: 400;
 line-height: 26px;
 text-align: left;
}
.icon_box {
 width: 100%;
 text-align: center;
 font-size: 0;
 padding: 20px;
 background: url("../../../img/_design/images/sub02/arrow.jpg") no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: 100%;
}
.icon_box .box {
 width:20%;
 display: inline-block;
 vertical-align: top;
}
.icon_box .box p {
 font-size: 20px;
 color: #1e1e1e;
 font-weight: 400;
}
.icon_box .arrow {
 padding-top: 55px;
 display: inline-block;
}
.green{
 color: #997b5c;
 font-weight: 600;
}
.privacy_title {
 font-size: 18px;
 padding: 20px 0;
 color: #333;
}
.privacy_txt {
 padding: 20px;
 border: 3px solid #e5e5e5;
 font-size: 14px;
}
@media all and (max-width: 1200px) {
 .contents_sub {
   width:100%;
  }
 
 .submenu {
  width:100%;
 }
 /* ¿¬Çõ */
 .history_img > .pic img {
  width:100%;
 }
 /* »ç¾÷ºÐ¾ß */
 .business_intro > .txt h5 {
  background: none; 
  padding-bottom: 50px;
 }
}
@media all and (max-width: 1024px) {
 /* »ç¾÷ºÐ¾ß */
.business_intro {
 height: auto;
}
.business_intro > .pic img {
 width: 100%;
}
.business_intro > .txt {
 padding: 50px;
}
.business_intro > .txt h5 {
 background: none; 
 padding-bottom: 30px;
}
.business_icon li img {
 width: 100%;
}
}
@media all and (max-width: 768px) {
 .contents_sub {
   width:100%;
   padding: 20px;
   font-size: 14px;
   line-height: 20px;
   min-height:600px;
 }
 
 .contents_sub .contentswrap .con_img {
  width: 100%;
 }
 .contents_sub .contentswrap .con_txt {
  width: 100%;
  padding: 0;
 }
 .contents_sub .titwrap {
  padding:15px 0;
 }
 .contents_sub .titwrap > h4 {
  font-size:30px;
  line-height:36px;
 }
 .tit_black {
  font-size: 28px;
  line-height: 34px;
 }
 
 .tit_green {
  font-size: 32px;
  line-height: 32px;
 }
  /* ¿¬Çõ */
 .history_img {
  display: none;
 }
 .history_list {
  width: 100%;  
 }
 
 /* ¿À½Ã´Â ±æ */
 .map ul {
  padding: 15px;
 }
 .map ul li {
  padding: 7px;
 }
 .map a {
  color: #666;
 }
 /* »ç¾÷ºÐ¾ß */
 .business_intro {
  line-height: 0;
 }
 .business_intro > .pic {
  width: 100%;
 }
 .business_intro > .txt {
  width: 100%;
 }
 .business_icon {
  width: 100%;
  font-size: 0;
  padding: 20px 0;
 }
 .business_icon ul {
  text-align: left;
 }
 .business_icon li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
 }
 .business_icon li i {
  width: 20%;
  display: inline-block;
  vertical-align: top;
 }
 .business_icon .icon_txt {
  width: 79%;
  display: inline-block;
  vertical-align: top;
 }
 .business_icon li p {
  padding-left: 20px; 
 }
 /* ±âŸ */
 .no_page {
  padding: 100px 50px;
  font-size: 18px;
 }
/* ¼­ºêÆäÀÌÁö »ó´ÜÀ̹ÌÁö */
.sub_top_img {
padding-top:40px; 
text-align:center; 
width:100%;
}
.sub_top_img .sub_top_slogan {
padding-bottom:30px;
}
.sub_top_img .sub_top_slogan h3 {
font-size:32px;
padding-bottom:5px;
}
.sub_top_img .sub_top_slogan p {
font-size:12px; 
}
.submenu {
display:none;
}
 .contents_sub .titwrap {
  padding:15px 0;
 }
 .sub_top_img p {
  font-size: 12px;
  letter-spacing:0;
 }
  
 .table_02 input {
  width:100%;
 }
 
 #post_area > img {
  width: 100% !important;
  height: 100% !important;
 }
}
@media all and (max-width: 480px) {
  
 .submenu {
  padding:0 20px;
  background:#FFF;
  margin-top:20px;
 }
 .submenu li {
  width: 100%;
  margin-bottom:1px;
 } 
 .formmail_title_bgcolor img {
  width: 100%;
 }
 .formmail_title_bgcolor {
  width: 100%;
  font-size: 12px;
 }
 .formmail_cell_bgcolor {
  width: 100%;
 }
 .table_02 td {
  padding: 5px;
 }
 .gallery_list td {
  width: 100%;
  float: left;
 }
 
 /* ¿À½Ã´Â ±æ */
 .map .map_img {
  height: 220px;
 }
    
 /* ¿¬Çõ */
 .his_tit {
  font-size: 18px;
 }
 /* »ç¾÷ºÐ¾ß */
 .business_intro > .txt {
  padding: 35px;
 }
 .business_intro > .txt h5 {
  font-size: 30px;
  line-height: 34px;
 }
}