.pcbr {width:100%; display:block;}
@media screen and (max-width:1024px) {

.pcbr {display:none;}
.mbr {width:100%; display:block;}
}




/********** µðÀÚÀÎÆäÀÌÁö1 style *********/
/* ȸ»ç¼Ò°³ -  Àλ縻 - ù¹ø° ´Ü¶ô */
.ceo_01 {padding-bottom:60px; text-align:left; background:url('../../img/con_img_11.jpg') right bottom no-repeat; }
.ceo_01 .txt_con {max-width:1260px; width:92%; text-align:center; margin:0 auto;}
.ceo_01 h4 {font-size:37px; line-height:1.2; padding:30px 0; color:#663F18;}
.ceo_01 h4 span {font-size: inherit;; color: #000; font-weight:300; }
.ceo_01 p {font-size:17px; line-height:180%; letter-spacing:-0.01em;   padding:0 0 20px 0;  }
.ceo_01 p span.point {background:#004B9B;  font-size:17px; color:#fff;  letter-spacing:-0.01em; padding:0 5px; }
.ceo_01 p.ceo {font-size:13px; padding-top:20px;}
.ceo_01 p.ceo span.sign {font-size:19px; color:#000; padding:0 0 20px 10px; }

@media screen and (max-width:1000px) {
.ceo_01 {padding-bottom:40px;  background-size:100%;}
.ceo_01 h4  {font-size:25px;   padding:15px 0; }
.ceo_01 h4 span {display:block;}
.ceo_01 p { font-size:13px; padding:0 0 10px 0; line-height:150%;}
.ceo_01 p span.point {font-size:13px;}
.ceo_01 p.ceo span.sign {font-size:15px;}
}


 
/* ȸ»ç¼Ò°³ - Àλ縻 - µÎ¹ø° ´Ü¶ô */
.guide {text-align:center; position:relative; margin:100px auto; max-width:1260px;  width:90%; text-align:left;   }
.guide ul li{position:absolute; width:30%; text-align:left; font-size:17px; letter-spacing:-0.04em; } 
.guide ul li span {color:#663F18; font-size:25px; margin-bottom:13px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #663F18; display:block;} 
.guide h4 {width:32%; margin:0 auto;}

@media screen and (min-width:1024px) {
.guide ul li.no01 {top:20%; left:0;} 
.guide ul li.no02 {top:20%; right:0;} 
.guide ul li.no05 {bottom:20%; left:0;} 
.guide ul li.no06 {bottom:20%; right:0;} 
}



@media screen and (max-width:1024px) {
.guide {width:90%; height:auto; margin:50px auto;}
.guide h4 {padding-bottom:30px; width:100%; text-align:center;}
.guide ul {max-width:450px; margin:0 auto;}
.guide ul li{width:100%; position:relative; padding-bottom:30px;}
}

@media screen and (max-width:750px) {
.guide h4 img{max-width:240px;}
.guide ul li{font-size:13px; } 
.guide ul li span {font-size:17px; margin-bottom:7px; padding-bottom:7px;}
}





/********** µðÀÚÀÎÆäÀÌÁö2 style *********/
/* ȸ»ç¼Ò°³ - ¿¬Çõ  */
.history #section0 .inner{max-width:1260px; width:100%; margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:200px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2;}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:220px;left:100px;width:1px;height:9999px; background:url(../../img/dot_11.gif) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #000;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative; min-height:300px; }
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:26px;font-size:45px;color:#000; font-family:"Metropolis-ExtraBold";font-weight:bold;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative; display:block; padding:0 0 6px 12px;font-size:16px;line-height:22px;color:#010101; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px; width:3px;height:3px;background:#000;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:after{left:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-6px;background:url(../../img/list_line_right.gif) 0 0 no-repeat;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{padding:0 12px 6px 0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:last-child{margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{right:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:-4px;background:url(../../img/list_line_left.gif) 0 0 no-repeat;}
@media screen and (max-width:1200px) {
.history_list {padding-left:6px;}
.history #section0 .inner{width:100%;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:46px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl{min-height:auto; }
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:10px 0 10px 10px;font-size:29px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:last-child,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:last-child{margin:10px 0 40px 10px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:10px; background:url(../../img/dot_c.gif) 0 3px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{clear:left; padding:0 0 6px 20px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{top:10px;left:12px;}
}





/********** 1-3. ¿À½Ã´Â±æ ±¸±Û¸Ê ¿¬µ¿ *********/
/* ȸ»ç¼Ò°³ - ¿À½Ã´Â±æ */
.location,.location .location_txt,.location .location_map,.root_daum_roughmap,.location_map iframe  {width:100%;}  
.list_img {margin:30px auto; background:#eee; width:100%;}
.list_img ul { padding:10px;}
.list_img ul li {width:23%; margin:1%; background:#fff; float:left; }
.list_img ul:after, .list_img dl:after {content:"";display:block;clear:both;} 
.list_img dl dt {background:#C5C5C5; width:20%; float:left; text-align:center; padding:5px 0;}
.list_img dl dd {width:76%; float:left; line-height:1.4; padding:10px 2% 0 2%;}
.list_img dl dd span {font-size:16px; color:#000; display:block; font-weight:600;}
.list_txt ul { padding-top:10px;}
.list_txt ul li {width:100%;  }
.list_txt dl dt {width:100%; font-size:17px; font-weight:bold; padding-bottom:4px;}
.list_txt dl dd {width:100%; font-size:15px; margin-bottom:20px;  padding-bottom:20px;  border-bottom:1px solid #eee;}

@media screen and (max-width:1000px) {
.list_img dl dt img {width:40px; padding:10px 0;}
.list_img ul li {width:100%; margin:3px 0%;}
.list_txt dl dt { font-size:15px;}
.list_txt dl dd {font-size:13px;}
}






/********** 2-1, Á¤Ã¥ÀÚ±Ý********/
.con_style1 {background:#F5F5F5; border:1px solid #E1E2E1; margin-bottom:30px;}
.con_style1 dl dt {width:50%;}
.con_style1 dl dt img {width:88%; padding:6%;}
.con_style1 dl dd {width:44%; padding:3%;}
.con_style1 dl dd h4 span {display:block; font-size:60px; color:#E4E4E4; line-height:120%; font-weight:600; }
.con_style1 dl dd h4 {font-size:29px;color:#000; padding-bottom:20px; font-weight:bold; }
.con_style1 dl dd p.d_t01 { line-height:1.4; font-size:21px; margin:0 0 14px 0; }
.con_style1 dl dd p.d_t02 { font-size:16px; line-height:1.7; margin:0 0 30px 0; opacity:0.8; }
.con_style1 dl dt a img {transition:all 0.5s; display:inline-block;}
.con_style1 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
ul.list_01 {width:100%; margin:0 0 20px 0;}
ul.list_01  li {font-size:16px; padding-left:8px; padding-bottom:5px; background:url('../../img/dot_1.gif') 0 7px no-repeat; display:block;} 

@media screen and (max-width:1000px) {
.con_style1 {max-width:700px; margin:0 auto 20px; }
.con_style1 dl dt {width:100%;}
.con_style1 dl dd {width:88%; padding:0 6% 6% 6%;}
.con_style1 dl dd h4 span {font-size:40px; }
.con_style1 dl dd h4 {font-size:21px;}
.con_style1 dl dd p.d_t01 {font-size:16px; }
.con_style1 dl dd p.d_t02 {font-size:13px;}
ul.list_01 li {font-size:13px; padding-left:6px; background:url('../../img/dot_1.gif') 0 7px no-repeat;} 
}




/********** 2-2. Á¤ºÎÁö¿ø±Ý*********/
.business_box { position:relative; width:100%;}
.business_box ul {width:100%; display:flex; flex-wrap:wrap;}
.business_box ul li {width:26%; margin:1.5%; display:inline;  border:1px solid #E1E2E1; padding:2%; }
.business_box ul li:after {content:"";display:block;clear:both;}
.business_box ul li:nth-child(even) {background:#F5F5F5; }
.business_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%; font-weight:600; }
.business_box ul li h4 {font-size:27px;color:#000; padding:20px 0 10px; border-bottom:1px solid #E1E2E1; font-weight:bold; }
.business_box ul li a dl,.business_box ul li a dl img {transition:all 0.5s;}
.business_box ul li a:hover dl img {opacity:0.7;}
.business_box ul li a:hover dl {box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
.business_box ul li p {font-size:17px; text-align:left; padding:20px 0; line-height:1.7;}
.business_box ul li dt {width:100%;}
.business_box ul li dd {width:100%;}
.business_box ul li img {width:100%;}

@media screen and (max-width:1000px) {
.business_box  {max-width:700px; margin:0 auto;}
.business_box ul li {width:87%; padding:5%; }
.business_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business_box ul li h4 {font-size:21px; }
.business_box ul li p {font-size:13px;}
}





/********** 2-3. ±â¾÷ÀÎÁõ*********/
.pro_txt {margin-bottom:30px; background:#eee; padding:20px; border-radius:10px; }
.pro_txt dl {border-radius:9px; margin-bottom:10px; background:#fff;  display:flex; align-items:center; }
.pro_txt dl:after {content:"";display:block;clear:both;}
.pro_txt dt {background:#663F18; color:#fff;  flex:0 0 16%;  text-align:center; font-size:20px;  padding:20px; box-sizing:border-box; margin:15px; font-weight:600; border-radius:8px; }
.pro_txt dd {flex:1; display:flex;  align-items:center; min-height:100%; text-align:left; align-items:center; padding:10px 0; } 
.pro_txt dd p {line-height:1.6; font-size:17px; color:#535352; } 
.pro_txt dd p span{font-size: inherit; font-weight:bold; color:#004B9B; } 

@media (max-width: 1280px){
.pro_txt dt {font-size:18px;}
.pro_txt dd p { font-size:15px;} 
}

@media (max-width: 768px){
.pro_txt dl{ flex-direction: column; align-items: stretch; gap:8px; padding:10px;}
.pro_txt dt{ flex:none; width:100%;margin:0; padding:10px; border-radius:5px; text-align:left; font-size:15px;}
.pro_txt dd{ flex:none; width:98%; display:block; padding:4px 1% 0; }
.pro_txt dd p{font-size:13px; }
}





 /********** 2-4. ³ë¹« ¼¼¹« *********/
.circle_box { position:relative; width:100%;}
.circle_box ul {width:100%;}
.circle_box ul li {width:30.333%; padding:0 1.5%; float:left;}
.circle_box ul li:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h4 {font-size:27px;color:#000; text-align:center; padding:20px 0; border-bottom:1px solid #E1E2E1; font-weight:bold; }
.circle_box ul li a dl,
.circle_box ul li a dl img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.circle_box ul li a:hover dl img {opacity:0.7;}
.circle_box ul li p { font-size:16px; line-height:1.7; padding:20px 0;}
.circle_box ul li dt {width:100%; text-align:center;}
.circle_box ul li dd {width:100%; text-align:center; }
.circle_box ul li dt img {width:100%; border-radius:50%; max-width:350px;}
 
/* ³ë¹«°ü¸® */
.con_style5 dl dt {width:45%;}
.con_style5 dl dd {width:49%; padding-top:2%; text-align:left;}
.con_style5 dl dt img {width:100%;}
.con_style5 dl dd p{line-height:160%; font-size:17px; margin-bottom:25px;   }
.con_style5 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style5 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}

@media screen and (max-width:1000px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:100%; padding:10px 0;}
.circle_box ul li h4 {font-size:21px; }
.circle_box ul li p {font-size:13px;}
.circle_box ul li dt img { max-width:250px;}

.con_style5 {max-width:700px; margin:0 auto; }
.con_style5 dl dt {width:100%;}
.con_style5 dl dd {width:100%;}
.con_style5 dl dd p {font-size:13px;}
}