@charset "utf-8";
@import "owl.carousel.v2.3.4.css";



 src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {  display: inline-block;   font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;
    -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }



/* 서브컨텐츠 공통 */
#contents {width:1200px;margin: 0 auto;overflow:hidden; padding:50px 0 180px 0; }

#contents > h2 {margin-bottom:50px;text-align:center;color:#ffffff;font-size:25px;}
#contents > h2 span.line {display:block;width:50px;padding-top:12px;margin: 0 auto; border-bottom:3px solid #57a934;}

#contents  h3 { font-size: 25px;    font-weight: bold;    color: #005aab;    margin: 20px 0 20px 0;    padding-left: 33px;  text-align: left;
               background: url(/theme/ins/img/sub/ico_title.png) no-repeat 0 5px;}

#contents  h4{ font-size: 22px;    font-weight: bold;  text-align: left;}

.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
/*
#contents h3 {font-size:25px;font-weight:bold;color:#ea1063;margin-bottom:20px;padding-left:33px;background: url(../images/common/ico_title.png) no-repeat 0 7px;}
#contents .content_table_txt{font-size:20px;font-weight:bold; margin:20px 0 20px 0;}
*/


/* sub visual */
.sub_visual {width:100%; }
.sub_visual .inner {height:200px; position:relative;}
.sub_visual.intro {background:url(/theme/ins/img/sub/sub_visual.jpg) no-repeat top center/cover;    position: relative;  }
.sub_visual h2 {padding-top:70px; text-align:center; font-size:35px; font-weight:600; color:#fff;}
/*.sub_visual h2:after {content:'';background:#fff; width:80px; height:2px; display: block; margin: 10px auto;}*/



/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu01{position:relative; width:100%;height:80px; display: none;}
#topMenu01 .side-menu-inner{text-align:center; width:100%; height:79px; border-bottom:1px solid #ddd; background-color: #fff;}
#topMenu01 .side-menu-inner ul{display:inline-block; *display:inline;*zoom:1;}
#topMenu01 .side-menu-inner ul li{float:left; max-width:500px;}
#topMenu01 .side-menu-inner ul li > a{	display:block; 	display:table; 	position:relative;	width:100%;	height:79px; 	line-height:1.2; color:#333; font-size:17px; letter-spacing:-0.5px; 	font-weight:400; 	word-break:keep-all;	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu01 .side-menu-inner ul li > a:before{	position:absolute;	bottom:-1px;	left:50%;	width:0;    height:2px;    background-color:#13509f;	
    content:"";	-webkit-transition:all .4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu01 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 30px; }
#topMenu01 .side-menu-inner ul li > a:hover, 
#topMenu01 .side-menu-inner ul li.on > a{color:#13509f;}
#topMenu01 .side-menu-inner ul li > a:hover:before, 
#topMenu01 .side-menu-inner ul li.on > a:before{width:88%; margin-left:-43%;}





 
#contents .sub_tit h2{color:#000; margin-bottom:50px;text-align:center; font-size:25px; }
.sub_tit h2:after {content:'';background:#1dbfd7; width:80px; height:2px; display: block; margin: 20px auto;}

/*로봇랜드소개> 로보코센터 */

.company{text-align: center;}
.company .com_tit{ font-size: 18px; line-height: 23px; margin-bottom:50px;}
.company h3{margin-top: 50px; font-size:25px; line-height: 35px; font-weight: normal;} 
.company .com_txt{ font-size: 18px; line-height: 23px; line-height: 25px; margin:50px 0 50px 0;}
.company .tit{font-size: 20px; margin-top: 40px; color: #13509f;}
/*.company ul li{width:31.5%; height: 350px; margin-right: 2%; float: left; border: 1px solid #ddd;}*/
/*.company ul li:last-child{margin-right: 0;}*/
.company ul li img{padding-top: 70px;}
.company ul li p{line-height: 30px; font-size: 18px;}  
.company ul li p span{color:#13509f; font-weight: 600;}


/* cc1 */
.clear{*zoom:1}
.clear:after{content:"";display:block;clear:both}

.company .cc1_01 img{padding-top:20px}
.company .cc1_02_wrap{;padding:30px; border: 1px solid #ddd; margin-bottom: 50px;}
.company .cc1_02_left_wrap{position:relative;float:left;width:60%;margin-top:30px}
.lign:middle;color:#fff;text-align:center;padding:22px;font-weight:600;font-size:16px}
.company .cc1_02_left02 p.circle03{position:absolute;z-index:7;top:220px;left:50%;width:90px;height:90px;margin-left:50px;border-radius:100%;background-color:#f7941e;vertical-align:middle;color:#fff;text-align:center;padding:22px;font-weight:600;font-size:16px}

.company .cc1_02_right{width:40%;float:right;margin:75px 0 0 0}
.company .cc1_02_right ul{}
.company .cc1_02_right ul li{font-size:16px;line-height:2.3em;font-weight:600;background:url("/theme/ins/img/sub/blue_square.png") no-repeat left center;padding:0 20px;
    text-align: left;}

@media all and (max-width:550px) {
.company .cc1_02_left_wrap{width:100%;}
	.company .cc1_02_right{width:100%;}
}


.company #organization:before{height:129px}
.company #organization{padding-bottom:40px}
.company #organization .cell p.tit{height:52px}
.company #cc1_tbl2{margin-bottom:40px}




/*로봇랜드소개> 찾아오시는길*/
#daumRoughmapContainer1629707489196{width:100%; margin-bottom: 50px;}
#daumRoughmapContainer1630563765728{width:100%; margin-bottom: 50px;}
.trp{text-align:center;  max-width: 600px;    margin: 100px auto;    }
.map_p{margin:0 0 20px; text-align:center; font-size:23px;}

.trp a{display:block; border:1px solid #258fff; color: #258fff;line-height: 54px; font-size: 20px; background-color:#fff; box-shadow:1px 3px 20px rgba(0,0,0,0.15); transition:all 0.3s}
.trp a img{width:18px; vertical-align:middle; margin-top:-2px}
.load_caron{margin-left:-18px; opacity:0; transition:all 0.3s}
.trp a:hover{background-color:#258fff; color: #fff;}
.trp a:hover .load_caron{opacity:1}

.ann_info.trp_info{margin-top:30px;}


.map_infra .map_jido {width: 50%; float: left; }
.map_infra .map_info {width: 48%; float: left; margin-left: 2%; line-height: 100px; font-weight: 600; }

.map_infra .map_jido li img{width: 100%;}
.map_infra .map_jido li{font-size: 18px; line-height: 25px;}

.map_infra .map_info li{ line-height: 40px; font-size: 18px;  overflow: hidden;}



.map_infra .map_jido li:nth-child(2){margin-top: 20px;}
.map_infra .map_jido li:nth-child(3){margin-bottom: 50px; color:#d2232b; font-weight: 600;}

.map_infra .map_info h4{line-height: 60px; font-size: 25px;}


.map_infra .map_info li .train_info li{ background: url(/theme/ins/img/sub/blue_square.png) no-repeat 0 12px; padding-left: 23px;  }
.map_infra .map_info li .airport_info li{ background: url(/theme/ins/img/sub/green_square.png) no-repeat 0 12px; padding-left: 23px;  }
.map_infra .map_info li .express_info li{ background: url(/theme/ins/img/sub/lemon_square.png) no-repeat 0 12px; padding-left: 23px;  }
.map_infra .map_info li .port_info li{ background: url(/theme/ins/img/sub/purple_square.png) no-repeat 0 12px; padding-left: 23px;  }



.map_infra .map_info .line_blue{border-top: 2px solid #13509f; padding:10% 30px;}
.map_infra .map_info .line_green{border-top: 2px solid #158b94; padding:10% 30px;}
.map_infra .map_info .line_lemon{border-top: 2px solid #62a343; border-bottom: 2px solid #8fdeed; padding:10% 30px;}
.map_infra .map_info .line_purple{border-top: 2px solid #a7498e; padding: 30px;}



.map_infra .map_info .clolr_blue{color: #13509f;}
.map_infra .map_info .clolr_green{color:#158b94;}
.map_infra .map_info .clolr_lemon{color:#62a343;}
.map_infra .map_info .clolr_purple{color: #a7498e;}

.map_info .map_info ul{margin-top: 10px}


.map_infra .map_info li .train  {width: 35%; float:left;}
.map_infra .map_info li .train_info{width: 64%;  float:left; margin-left: 1%;}

.map_infra .map_info li .airport{width: 35%; float:left;}
.map_infra .map_info li .airport_info{width: 64%;  float:left; margin-left: 1%;}

.map_infra .map_info li .express {width: 35%; float:left;}
.map_infra .map_info li .express_info{width: 64%;  float:left; margin-left: 1%;}

.map_infra .map_info li .port{width: 35%; float:left;}
.map_infra .map_info li .port_info{width: 64%;  float:left; margin-left: 1%;}



.map_infra .map_info li .train li{border:none; background: none;}
.map_infra .train_info li .train_info li{}
.map_infra .map_info li .train img, .map_infra .map_info li .airport img, .map_infra .map_info li .express img, .map_infra .map_info li .port img{width: 70%;}

    
/* 주변관광지*/
.hash_box{width:100%; overflow:hidden; text-align:center; font-size: 16px;     margin: 40px 0 20px 0;     padding: 0 10px 0 10px;}
.hash_box a{display:inline-block; margin-bottom:15px;}
.hash_box a:after{content:"|";margin:0 15px; font-weight:100; color:#999; }
.hash_box a:last-child:after{display:none;}
.hash_box a:hover{color: #13509f; font-weight:600;}
.site_url { /*text-decoration: underline; background: url(/theme/ins/img/sub/link.png) no-repeat right; */   padding-right: 25px;}



.clolr_blue{color:#13509f;}
.right_txt{font-size:15px; text-align:right;}


@media all and (max-width:550px) {
	.hash_box a{margin-bottom:10px;}
	.hash_box a:after{margin:0 5px; }
}



                
#content_wrap h2{position:relative; margin:25px 0 10px 0; padding-left:22px; font-size:1.6em; color:#232323; font-weight:500;}
#content_wrap h2:before{content:""; position:absolute; width:7px; height:7px; top:14px; left:0; border:4px solid #e61034;display:inline-block;}

#content_wrap h2+.h2_bt_box{width:100%; overflow:hidden; padding-left:0px; box-sizing:border-box; }
#content_wrap h3{margin:25px 0 10px; color:#333; font-weight:400; font-size:1.3em}
.h2_bt_box{    margin: 60px 0 60px 0;}
.sub0202 .h2_bt_box{margin-bottom:100px; padding-bottom:100px; border-bottom:1px dashed #ddd;}
.sub0202 .h2_bt_box:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.h2_bt_box .s_txt{font-size: 18px; color:#555; margin-bottom: 10px;}

@media all and (max-width:550px) {
	.sub0202 .h2_bt_box{margin-bottom:50px; padding-bottom:50px;}
}







.tb_st_01{width:100%; overflow:hidden; border-top:2px solid #444; /*border-bottom:2px solid #ccc;*/ font-weight:300; font-size: 18px;   border-collapse: collapse;  line-height: 30px; margin-top: 30px;}
.tb_st_01 th,
.tb_st_01 td{padding:12px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;     word-break: keep-all;}

.tb_st_01 td:first-child.td_left{border-left:1px solid #ddd !important}
.tb_st_01 th:first-child,
.tb_st_01 td:first-child{border-left:0px;}
.tb_st_01 thead th{text-align:center; background:#fff}
.tb_st_01 th{font-weight:500;}
.tb_st_01 tbody th{background:#f9f9f9; font-weight:bold;}

@media all and (max-width:550px) {
	.tb_st_01 th,
	.tb_st_01 td{text-align:left !important; padding:5px; font-size:0.85em}
}






/*임대문의*/

.business{overflow: hidden;    border-bottom: 1px solid #ddd;    padding-bottom: 50px;}
#page{clear:both;min-height:500px;margin: 30px auto 0 auto;padding-bottom: 70px; width:1200px;}
#page.widePage{width: 100% !important;max-width: inherit;}
#page table p{ margin-bottom:0;}

.board_btn{min-width:100px; background:#005aab; display:inline-block; padding:10px 0; text-align:center; position:absolute; right:0; bottom:0;}
.board_btn a{color:#fff; font-size:16px}
.board_btn:hover{color:#333; background:#ccc}


/* tbl2 */
table.tbl2{width:100%;border-collapse:collapse;border-top:#4a4a4a solid 3px; margin-top: 10px; font-size:18px;}
table.tbl2 caption{display:none}
table.tbl2 tr{}
table.tbl2 th,table.tbl2 td{padding:16px 10px;border:1px solid #babcbe; vertical-align:middle}
table.tbl2 td.vertical_top{vertical-align:top}
table.tbl2 td{background-color:#fff}
table.tbl2 th,table.tbl2 td a{color:#555}
table.tbl2 thead,table.tbl2 tfoot{font-weight:normal;color:#000}
table.tbl2 thead th,table.tbl2 tfoot th{background:#fbfbfb;font-weight:600;color:#000;text-align:center;vertical-align:middle}
table.tbl2 thead.alt th,table.tbl2 tfoot.alt th{font-weight:normal}
table.tbl2 .tex_Cen{text-align: center;}


.table-container h4{margin-top: 50px;}
table.tbl2 tbody td.f11{font-size:11px}
table.tbl2 tbody td.f13{font-size:13px}
table.tbl2 tbody th{font-weight:600;color:#333;text-align:center}
table.tbl2 th{background:#fafafa;font-weight:normal;text-align:inherit}
table.tbl2 tbody tr:first-child th,table.tbl2 tbody tr:first-child td{border-top:none}
table.tbl2 th:first-child,table.tbl2 td:first-child{border-left:none}
table.tbl2 th:last-child,table.tbl2 td:last-child{border-right:none}
table.tbl2 th.text-center,table.tbl2 td.text-center{text-align:center}
table.tbl2 th.text-left,table.tbl2 td.text-left{text-align:left}
table.tbl2 tr:hover th,table.tbl2 tr:hover td{background-color:#fafafa}



 @media (max-width: 969px){
 table.tbl2, .tb_st_01{font-size:13px; line-height:22px;}
 
 }
/* roomView */
.roomView_wrap{border-bottom: 1px solid #ddd;padding-bottom: 50px; position:relative;}
.roomView {position: relative;margin-top: 50px;overflow: hidden;}

.roomView .owl-theme{width: 40%;float: left;margin-right: 3%;background-color: #fff;overflow: hidden;display: block;position: relative;}
.roomView .owl-theme .item{background: #eee; position: relative;padding-bottom: 55%;padding-top: 35px;}
.roomView .owl-theme .item img{height: 100%;width: 100%;margin: 0 auto;position: absolute;left: 0;top: 0;}
.roomView .owl-theme .item .txt{ position: absolute; bottom:0; left: 0; background:rgba(0,0,0,0.7); color: #fff; font-size: 0.95em; text-align: center; line-height: 35px; padding: 0 20px; z-index: 1;}

.roomView .owl-theme .item img{object-fit: cover;}

.roomView .owl-theme .dataCtrl { right:0; bottom:0;}
.roomView .owl-theme .dataCtrl .ctrl-nav{ width: 158px; height: 60px; background:#fff; position: relative; text-align: center;}
.roomView .owl-theme .dataCtrl .ctrl-nav:after{content:''; display: block; width:1px; height: 20px; background:#ccc; position: absolute; left: 50%; top:50%; margin-top: -10px;}
.roomView .owl-theme .dataCtrl .ctrl-nav .owl-prev, 
.roomView .owl-theme .dataCtrl .ctrl-nav .owl-next{width:50%;height: 60px;position: relative;display: inline-block;left: inherit !important;right: inherit !important;top:inherit;margin: 0;     border: none;}
.roomView .owl-theme .dataCtrl .ctrl-nav .owl-prev{ background:url('/theme/ins/img/sub/room_btn_prev.png') no-repeat 50% 50%;} 
.roomView .owl-theme .dataCtrl .ctrl-nav .owl-next{ background:url('/theme/ins/img/sub/room_btn_next.png') no-repeat 50% 50%;}

/*.roomView .owl-theme .dataCtrl .ctrl-nav span{display: none;}*/

.owl-theme .dataCtrl {    position: absolute;    font-size: 0;    z-index: 9;}

.roomView .txtBox{float: right;width: 55%;position: relative; }
.roomView .txtBox p{word-break:keep-all; font-size: 18px;}
.roomView .txtBox .tit{font-size:23px; color:#333; line-height: 1em;  margin-bottom:30px ; letter-spacing: -0.05em;}

 .txtBox .tit b{ font-weight: 700;  color: #005aab; font-size: 25px;   margin: 20px 0 20px 0;   padding-left: 33px;  
                            background: url(/theme/ins/img/sub/ico_title.png) no-repeat 0 2px;}


.roomView .txtBox .tit span{ font-size:16px;    line-height: 1em; font-weight: 500; display: inline-block;}

.roomView  .button.wide_bn{ width:100%; background-image:url('../images/common/btn_arrow.png'); background-repeat: no-repeat; background-position:  right 15px center; padding:15px 20px; background-color:#fff; color:#df2d32; border:1px solid #df2d32; line-height: 1em; font-size: 1.125em; margin: 20px 0 15px 0}
.roomView .button.wide_bn i{line-height: 1em;}
.roomView .button.wide_bn:hover,
.roomView .button.wide_bn:hover,
.roomView .button.wide_bn:hover{ background-image:url('../images/common/btn_arrow_w.png'); background-color:#df2d32; color:#fff;}

.rent_box dl{ overflow: hidden; position: relative; margin-bottom: 15px; min-height: 100px; padding-left:130px;}
.rent_box dl:before{ content:''; display: block; width:100px; height: 100px; border-radius: 50px; background:#fff; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 0; top:0;}
.rent_box dl:nth-child(1):before{ background-image:url('../images/sub/ico_rent01.png');}
.rent_box dl:nth-child(2):before{ background-image:url('../images/sub/ico_rent02.png');}
.rent_box dl dt{ font-size:1.25em; color:#222; font-weight: 500; line-height: 1em; margin: 15px 0 10px 0;}

/* 1f 3f 4f 6f */
.roomView + .txt_box:after{position: absolute;color:#fff;font-size:330px;right: -3px;bottom: -51px;font-family: 'Jost', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;line-height: 1em;letter-spacing: -0.05em; display: block; font-weight: 500}
.roomView + .txt_1f:after{ content:'1F';}
.roomView + .txt_3f:after{ content:'3F';}
.roomView + .txt_4f:after{ content:'4F';}
.roomView + .txt_6f:after{ content:'6F';}

@media only screen and (max-width: 1024px){	
	.roomView + .txt_box:after{ font-size:150px; bottom:inherit; top:0;}
}
@media only screen and (max-width: 768px){	
	.roomView{padding-bottom: 50px;}
	.roomView .owl-theme, .roomView .txtBox{width:100%; float:none;}
	.roomView .owl-theme .dataCtrl .ctrl-nav{ width:120px; height: 40px;}
	.roomView .owl-theme .dataCtrl .ctrl-nav .owl-prev, .roomView .owl-theme .dataCtrl .ctrl-nav .owl-next{ height: 40px}
	.roomView .txtBox .tit{margin:20px 0 15px 0; }
	.roomView .txtBox p,
	.roomView .button.wide_bn{font-size:1.05em;}
	.roomView .button.wide_bn{ margin: 15px 0 10px 0; padding: 10px 15px;}
	
	.rent_box dl{padding-left:90px; min-height: 70px;}
	.rent_box dl:before{width:70px; height: 70px; background-size:38px;}
	.rent_box dl dt{ margin: 10px 0 10px 0; font-size: 1.2em;}
	
	.roomView + .txt_box:after{ display:none;}
}
@media only screen and (max-width: 470px){	
	.roomView .txtBox p{ font-size:1em;}
	
	.rent_box dl{padding-left:65px; min-height: 50px;}
	.rent_box dl:before{width:50px; height: 50px; background-size:30px;}
	.rent_box dl dt{ margin: 5px 0 10px 0;  font-size: 1.15em}
}






/* menu_depth3 */
.menu_depth3{overflow: hidden;position: relative;margin:25px auto 60px auto;width: 1200px;}
.menu_depth3 .btn{ text-align: center; display: none;}
.menu_depth3 > ul{padding:1px 0 0 0;max-width: 1200px;margin: 0 auto;height: 100%;overflow: hidden;text-align:center;transition: all .3s ease;font-size: 0;}
.menu_depth3 > ul > li {display: inline-block;/* min-width: 10%; */vertical-align: top;margin: 0 0 0 -1px;font-size: 16px;}
.menu_depth3 > ul > li:last-child {padding:0px;border-left:0;}
.menu_depth3 > ul > li > a{display:block;padding: 0 25px;height:55px;line-height:50px;font-size: 1.05em;min-width: 143px;color: #616162;text-decoration:none;border: 1px solid #e5e5e5;/* margin:-1px 0 0 -1px; */background: #fff;transition:all .3s ease;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menu_depth3 > ul > li > a:hover,.tabSec >  ul > li > a:focus,.tabSec > ul > li > a:active{background-color: #f8f8f8;color:#333;}
.menu_depth3 > ul > li.on > a{color: #fff;border: 1px solid  #005aab;background-color: #005aab;}

.menu_depth3.cols2 ul, .menu_depth3.cols3 ul, .menu_depth3.cols4 ul, .menu_depth3.cols5 ul, .menu_depth3.cols6 ul{border-left:1px solid #e5e5e5;}
.menu_depth3.cols2 ul,
.menu_depth3.cols3 ul,
.menu_depth3.cols4 ul,
.menu_depth3.cols5 ul,
.menu_depth3.cols6 ul{  background:#e5e5e5;}
.menu_depth3.cols2 > ul > li,
.menu_depth3.cols3 > ul > li,
.menu_depth3.cols4 > ul > li,
.menu_depth3.cols5 > ul > li,
.menu_depth3.cols6 > ul > li{float:left;/* display:block; */margin: 0;}
.menu_depth3.cols2 > ul > li > a,
.menu_depth3.cols3 > ul > li > a,
.menu_depth3.cols4 > ul > li > a,
.menu_depth3.cols5 > ul > li > a,
.menu_depth3.cols6 > ul > li > a{ margin:-1px 0 0 -1px}

.menu_depth3.cols2 > ul > li{width:50%;}
.menu_depth3.cols3 > ul > li{ width:33.3%;}
.menu_depth3.cols3 > ul > li:nth-child(2),.menu_depth3.cols3 li:nth-child(5){ width:33.4%;}
.menu_depth3.cols4 > ul > li{width:25%;}
.menu_depth3.cols5 > ul > li{width:20%;}
.menu_depth3.cols6 > ul > li{ width:16.6%;}
.menu_depth3.cols6 > ul > li:nth-child(6n+6) { width:17%;}
.menu_depth3.cols12 > ul > li{ width:8.3%;}
.menu_depth3.cols12 > ul > li:nth-child(12n+12) { width:8.7%;}

@media only screen and (max-width:1024px) {	
    .menu_depth3{width:100%;max-width: inherit;padding: 0 15px;}
    .menu_depth3 > ul{}
    .menu_depth3 > ul > li{font-size:15px;width: 25% !important;}
    .menu_depth3 > ul > li > a{font-size:.952em; height: 45px;line-height: 40px; padding:0 5px}
}
@media only screen and (max-width:640px) {	
	.menu_depth3{margin: 15px auto 40px auto;padding: 0 15px;border: 0 !important;}
    .menu_depth3 > ul{ max-width: inherit;}
    .menu_depth3 > ul > li{width: 25% !important;margin: 0 !important;/* float:left; */font-size: 14px;}
    .menu_depth3 > ul > li > a{padding: 0 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;min-width:inherit;}
	.menu_depth3.cols2 > ul > li{width:50% !important;}
	.menu_depth3  h4{text-align: center;/* display: block; */margin: 0 auto;color: #df2d32;font-size: 1.4em;line-height:40px; height:40px}
}
@media only screen and (max-width:550px) {
	.menu_depth3{margin: 15px auto 30px auto;}
	.menu_depth3 > ul > li{width: 50% !important;/* margin: -1px 0 0 0 !important; */}
}



 


.ts01{color:#444;font-size:24px;margin:30px 0 0 0;font-weight:normal;text-align:left;}
.ts02{color:#777;font-size:17px;margin:10px 0 0 0;font-weight:normal;text-align:left;}
.ts03{color:#444;font-size:30px;margin:18px 0 20px 0;font-weight:normal;}
.ts04{color:#111;font-size:60px;margin:20px 0 0 0;font-weight:500;}
.ts05{color:#333;font-size:24px;margin:15px 0 15px 0;font-weight:500;}
.ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.tb01{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tl01{color:#555555; text-decoration:none; font-size:29px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:18px 0 23px 0; margin:35px 0 60px 0;
        text-align:center;    letter-spacing:1px;}


.company_box_full{ width: 100%;       background-color: #f2f2f2;    padding: 60px 0 80px 0; overflow :hidden;}
.company_box_full .company_box_full_inner{width: 95%; margin: 0 auto;}

.company_box_full ul{ width: %;    margin: 0 auto; }
.company_box_full ul li{width: 24%; float:left; margin-right: 1%;}
.company_box_full ul li:last-child{margin-right: 0;}




@media (min-width: 1281px)
 .container {    width: 1300px;}
.container-sc {    width: 1100px;}









@media screen and (max-width: 1200px) {	
    #contents{width: 100%;   padding: 50px 10px 50px 10px; }
   
}


@media (max-width: 1024px) {
    
/*회사소개 > 연혁*/
.history_box{width:100%; padding:0 20px 20px 20px;}
.history_box dl{font-weight:normal;clear:both;border-top:1px dotted #999;}
.history_box dl.noline{border:none;}
.history_box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
.history_box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
.history_box dd ul li{position:relative;text-align:left;padding:10px 0 1px 50px;font-size:15px;}
.history_box dd .num{position:absolute;left:10px;}
.history_box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:20pm;}
}


@media screen and (max-width: 1100px) {	 
    .sub_con_wrap .ceo_bg{display: none}
    .sub_con_wrap .ceo_wrap{margin-top: 0;  }
    
    
    .map_infra .map_jido {width: 100%;  }
    .map_infra .map_info {width: 100%; }



    
  
    
    .map_infra .map_info .line_blue{ padding: 10px;}
    .map_infra .map_info .line_green{ padding: 10px;}
    .map_infra .map_info .line_lemon{ padding: 10px;}
    .map_infra .map_info .line_purple{ padding: 10px;}

   

}



@media all and (max-width:992px){
    .sub_location > div .cen{ display:none;}
	.sub_location ul{width:49%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul ul{width:100.8% !important;}

	#sub_tit { margin:30px auto; padding:0; left:0%; margin-left:0px; background:none;}
	#sub_tit .path { display:none; }
    
    
    

   
	

}


@media screen and (max-width: 768px) {	
    #sub_tit .path { display:none;}
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:49%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul ul{width:100.8% !important;}
	

	#sub_tit {top:20%; background:none;}

    
    /*회사소개 > 인사말*/
    .sub_con_wrap .ceo_wrap ul{width: 100%;}
    .sub_con_wrap .ceo_wrap ul .ceo_img, .sub_con_wrap .ceo_wrap ul .ceo_txt {width: 100%; }
    .sub_con_wrap .ceo_tit {    font-size: 1.6em;  }
    .sub_con_wrap .ceo_subtit {  font-size: 1.5em;       line-height: 25px;    }
    
    
   	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	/*#topMenu01{display:none}*/
	#topMenu01,
	#topMenu01 .side-menu-inner{height:55px}
	#topMenu01 .side-menu-inner ul li > a{font-size:14px; height:55px}
	#topMenu01 .side-menu-inner ul.sub-menu-research{display:block}
	#topMenu01 .side-menu-inner ul.sub-menu-research li{width:25%}
    
    /*.company ul li{width:100%; height: 350px; margin-bottom: 20px;}*/
    
   
    /*오시는 길*/
    .trp{ }
    .trp a{}
    .trp a img{width:28px; margin-left: 10px;}
    .trp a img.load_caron{margin-left:-28px;}
    .ann_info.trp_info{margin-top:80px;}
    
    
    
    
    


    
	
    
}
    
@media screen and ( max-width: 480px ){    
    	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#topMenu01,
	#topMenu01 .side-menu-inner{height:50px}
	#topMenu01 .side-menu-inner ul li > a{font-size:12px; height:50px}

	#topMenu01 .side-menu-inner ul{display:block; text-align:center}
	#topMenu01 .side-menu-inner ul li{float:none; display:inline-block; max-width:none;width: 33.3%; margin:0 -2px}
	#topMenu01 .side-menu-inner ul.sub-menu-company li,
	#topMenu01 .side-menu-inner ul.col-03 li{width:33.333%}
	#topMenu01 .side-menu-inner ul.sub-menu-research li{width:23%}
	#topMenu01 .side-menu-inner ul.sub-menu-research li:first-child,
	#topMenu01 .side-menu-inner ul.sub-menu-research li:last-child{width:27%}
	#topMenu01 .side-menu-inner ul li > a > span{padding:0 10px}
    }
    


/*mobile*/

@media screen and (max-width: 500px) and (min-width: 300px){


    
/*mobile_table 표*/

.table-container{ width:100%; overflow-x:auto;    margin-bottom: 20px; /* white-space: nowrap;*/}

.table-container table{  width:auto; min-width: 640px; }  
    
    
.table-container::-webkit-scrollbar {  width: 8px;  height: 8px;  background: #ffffff;  margin-top: 30px}    
.table-container::-webkit-scrollbar-thumb {  border-radius: 3.5px;  background-color: #ced4da;}    
.table-container::-webkit-scrollbar-thumb:hover {  background-color: #adb5bd;}    
.table-container::-webkit-scrollbar-track {  background: #ffffff;}