strong { font-weight: bold; }

.main-banner { height: 219px; background: url(../images/bg/bg_main_banner.jpg) no-repeat 50% 0; text-align: center; margin-top:80px;}
.main-banner span { padding-top: 58px; display: block; }
.main-banner span.banner-title1 { font-weight: 800; font-size: 45px; line-height: 45px; font-family: 'Nanum Gothic'; }
.main-banner span.banner-title2 { padding-top: 12px; font: normal 27px/27px 'Nanum Gothic'; }
.main-banner span.banner-title3 { padding-top: 9px; font: bold 15px/15px 'Nanum Gothic'; }

.breadcrumbs { width: 100%; background: #fff; border-bottom: 1px solid #cccccc; }
.breadcrumbs a.home { height: 37px; float: left; padding-right: 45px; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
.breadcrumbs a.home img { padding-top: 12px; }
.breadcrumbs ul { display: inline-block; }
.breadcrumbs ul li { display: inline-block; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
.breadcrumbs ul li a { display: inline-block; padding-top: 12px; padding-right: 45px; padding-bottom: 11px; padding-left: 28px; color: #000000; text-decoration: none; font: normal 12px 'Nanum Gothic'; }

.sub-navigation { width: 100%; height: 39px; overflow: hidden; background: #fff; background: url(../images/bg/bg_subnav.jpg) left bottom repeat-x; }
.sub-navigation .wrapper { position: relative; }
.sub-navigation .tab-holder { position: absolute; float: left; width: 218px; /*height:39px;*/ display: inline-block; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; z-index: 3; }
.sub-navigation .tab-holder .tab { display: inline-block; }
.sub-navigation .tab-holder .tab a { display: inline-block; padding: 12px 17px; color: #000000; text-decoration: none; font: normal 12px 'Nanum Gothic'; }
.sub-navigation .tab-holder .tab + .tab { border-left: 1px solid #e4e4e4; }
.sub-navigation ul.right-btns { float: right; }
.sub-navigation ul.right-btns li { float: left; width: 39px; background: #f6f6f6; border-right: 1px solid #cccccc; text-align: center; }
.sub-navigation ul.right-btns li a { display: block; padding: 11px 0 11px 0; text-decoration: none; }
.sub-navigation ul.right-btns li:first-child { border-left: 1px solid #cccccc; }
.sub-navigation ul.right-btns li.plus { background: #f6f6f6 url(../images/icon/icon_grey_plus.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.square { background: #f6f6f6 url(../images/icon/icon_grey_square.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.minus { background: #f6f6f6 url(../imzages/icon/icon_grey_minus.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.printer { background: #f6f6f6 url(../images/icon/icon_grey_printer.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.share { background: #f6f6f6 url(../images/icon/icon_grey_share.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.star { background: #f6f6f6 url(../images/icon/icon_grey_star.png) no-repeat 50% 50%; }
.sub_wrapper_01 {width:100%; max-width:1970px; padding-bottom:1%; height:auto; background:#ccc url(../img/bg_sub_top.jpg) no-repeat center top; background-size:cover;}
.sub_wrapper {width:100%; height:42px; background:#f5f5f5; border-bottom:1px solid #dfdfdf;}

#container {position: relative; }
.sub_wrap {/*margin-top:80px;*/}
#container .content { overflow: hidden; }
#container .left-menu { float: left; width: 220px; }
#container .left-menu .left-menu-title {line-height:auto; padding-top: 53px; padding-bottom: 50px; text-align: center; background: #052054; color: #fff; font: normal 18px 'Nanum Gothic'; }
.left_line {border-bottom:0px;}
#container .left-menu .menu {width: 220px; border-bottom: 1px solid #cccccc; }
#container .left-menu .title {width:100%; line-height:130%; padding-top:40px; padding-bottom:40px; font-size:24px; font-weight:bold; text-align:center; border-top:1px solid #000000; margin-top:45px;}
.left_box_wrap {float:left; width:100%; margin-top:15px;}
.left_box_1 {float:left; width:100%; background:#f8f8f8; border:1px solid #cdcdcd; padding:20px; box-sizing:border-box;}
.left_box_1_title {float:left; width:100%; text-align:left; font-size:15px; color:#666666; font-weight:bold; padding-bottom:20px;}
.left_box_1_wrap {float:left; width:100%;}
.left_box_1_left {float:left; width:20%; text-align:left;}
.left_box_1_right {float:left; width:80%; text-align:right; font-size:15px; color:#666; line-height:220%;}
.left_box_2 {float:left; width:100%; background:#f8f8f8; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding:20px; box-sizing:border-box;}
.left_box_2_title {float:left; width:100%; text-align:left; font-size:15px; color:#666666; font-weight:bold; padding-bottom:20px;}
.left_box_2_wrap {float:left; width:100%;}
.left_box_2_left {float:left; width:20%; text-align:left;}
.left_box_2_right {float:left; width:80%; text-align:right; font-size:13px; color:#666; line-height:220%;}

#container .left-menu .menu > li { background: #ffffff; }
/*#container .left-menu .menu > li:hover { background: #ffffff; }*/
#container .left-menu .menu > li > a { display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; color: #666666; text-decoration: none; font: bold 15px 'Nanum Gothic'; background: url('../img/icon_arrow_right.png') no-repeat 95% 50%;}
#container .left-menu .menu > li > a:hover {background:#0076b6; color:#fff;}
#container .left-menu .menu > li > a.on	{background:#0076b6; color:#fff;}

/*#container .left-menu .menu > li > a:hover {background-color:#f5f5f5; background: url('../img/icon_arrow_right_over.png') no-repeat 95% 50%; color:#2e4a90;}*/
#container .left-menu .menu > li:last-child a { border-bottom: 0;}
#container .left-menu .menu > li.on-click > a {background:#0076b6; color:#fff;}
#container .left-menu .menu > li.on-click .depth2 { display: block !important; }
#container .left-menu .menu > li .depth2 { display: none; background: #f5f5f5; }
#container .left-menu .menu > li .depth2 > li > a { display: block; padding-top: 15px; padding-bottom: 14px; padding-left: 18px; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #dddddd; color: #666666; text-decoration: none; font: bold 15px 'Nanum Gothic'; background: #f5f5f5 url(../images/icon/icon_leftarrowdown.png) no-repeat 100% 50%; }
#container .left-menu .menu > li .depth2 > li > a:hover { color: #052054; }
#container .left-menu .menu > li .depth2 > li .depth3 { display: none; padding-top: 13px; border-bottom: 1px solid #dddddd; background: #f9f9f9; padding-bottom: 5px; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a { display: block; padding-bottom: 9px; padding-left: 18px; color: #666666; text-decoration: none; font: bold 13px 'Nanum Gothic'; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a:before { display: inline-block; content: '-'; margin-right: 1px; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a:hover { color: #052054; }
#container .left-menu .menu > li .depth2 > li.on-click > a { background: url(../images/icon/icon_leftarrowup.png) no-repeat 83% 50%; }
#container .left-menu .menu > li .depth2 > li.on-click .depth3 { display: block !important; }
#container .left-menu .contact-info { margin-top: 9px; height: 61px; background: #fff; border: 1px solid #cccccc; padding-top: 17px; padding-right: 25px; padding-bottom: 28px; padding-left: 20px; }
#container .left-menu .contact-info .contact-title { display: block; color: #666666; padding-bottom: 23px; font: bold 15px 'Nanum Gothic'; }
#container .left-menu .contact-info .contact-details { width: 100%; display: table; }
#container .left-menu .contact-info .contact-details span { display: table-cell; vertical-align: middle; }
#container .left-menu .contact-info .contact-details span.img { width: 20px; }
#container .left-menu .contact-info .contact-details span.details { color: #666666; padding-left: 9px; font: bold 16px 'Nanum Gothic'; }
#container .left-menu .contact-info .contact-details span.details a { float: right; color: #666666; text-decoration: none; padding-right: 15px; font: bold 12px 'Nanum Gothic'; background: url(../images/icon/icon_arrow01.png) no-repeat 100% 50%; }
#container .left-menu .contact-info + .contact-info { margin-top: 0; border-top: 0; height: 62px; }
.right-content { float: left; width: 900px; background: #fff; padding-top:7%; padding-left: 80px; padding-bottom:120px; border-bottom: 0; min-height:500px;}
.right-content .right-top { padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #cccccc; }
.right-content .right-top .right-content-title { display: block; padding-bottom: 14px; font-weight: 700; font-size: 30px; line-height: 30px; font-family: 'Nanum Gothic'; }
.right-content-line {color:#e4e4e4;}
.right-top .bottom-top { overflow: hidden;}
.right-top .bottom-top .right-content-subtitle { float: left; padding:250px 0 0 0; width:100%; text-align:center; font-weight: bold; font-size: 65px; font-family: 'Nanum Gothic'; color:#fff; }
.right-top .bottom-top .right-content-subtitle2 { float: left; padding:30px 0 0 0; width:100%; text-align:center; font-weight: normal; font-size: 18px; font-family: 'Nanum Gothic'; color:#fff; }
.right-top .bottom-top .right-content-breadcrumbs { float: left; padding:93px 0 0 0; width:100%; text-align:right; }

.right-top .bottom-top .right-content-breadcrumbs li { color: #ccc;  display: inline-block; font: normal 12px 'Nanum Gothic'; }
.right-top .bottom-top .right-content-breadcrumbs li a { color: #ccc; text-decoration: none; }
#container .right-content .right-top .bottom-top .right-content-breadcrumbs li:after { display: inline-block; margin: 0 0 0 6px; padding: 0 0px 0 0; content: '>'; color: #999999; }
#container .right-content .right-top .bottom-top .right-content-breadcrumbs li:last-child:after { display: none; }
#container .right-content .content-tabs { margin-bottom: 32px; }
#container .right-content .content-tabs ul { width: 100%; display: table; table-layout: fixed; margin-bottom: 30px; }
#container .right-content .content-tabs ul li { display: table-cell; vertical-align: middle; text-align: center; }
#container .right-content .content-tabs ul li a { display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; color: #666666; background: #ededed; text-decoration: none; font: bold 14px 'Nanum Gothic'; border-top: 1px solid #d1d1d1; border-right: 1px solid #cccccc; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #cccccc; }
#container .right-content .content-tabs ul li.on a { color: #fff; border-color: #052054; background: #052054; }
#container .right-content .content-title { display: block; margin-bottom: 34px; font: normal 14px 'Nanum Gothic'; }
#container .right-content .fLeft { float: left; }
#container .right-content .fRight { float: right; }
#container .right-content .dual-part-content { display: table; }
#container .right-content .dual-part-content .content { display: table-cell; width: 50%; vertical-align: top; padding-right: 30px; }
#container .right-content .dual-part-content .content.cont-right { padding-right: 0; padding-left: 30px; }
#container .right-content .dual-part-content .content img.sample-img { width: 400px; height: 300px; margin-top: 2px; }
#container .right-content .dual-part-content .content .bigtext { display: block; margin-bottom: 28px; font: normal 30px/33px 'Nanum Gothic'; }
#container .right-content .dual-part-content .content .bluetxt { display: inline-block; padding-top: 14px; padding-bottom: 30px; margin-top: 20px; color: #3364be; font: normal 22px 'Nanum Gothic'; background: url(../images/bg/bg_tit_topborder.jpg) no-repeat 0% 0%; }
#container .right-content .dual-part-content .content p { margin-bottom: 20px; color: #333333; font: normal 13px/19px 'Nanum Gothic'; }
#container .right-content .tbl01 { width: 100%; margin-top: 49px; border-top: 2px solid #333333; }
#container .right-content .tbl01 thead tr th { height: 45px; background: #f5f5f5; vertical-align: middle; color: #000000; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font: normal 13px 'Nanum Gothic'; }
#container .right-content .tbl01 thead tr th:first-child { border-left: 0; }
#container .right-content .tbl01 tbody tr td { padding-top: 18px; padding-bottom: 18px; vertical-align: middle; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: 400; font-size: 13px; line-height: 15px; font-family: 'Nanum Gothic'; text-align: center; }
#container .right-content .tbl01 tbody tr td:first-child { border-left: 0; background: #f5f5f5; }

/*-----------------------------------------sub----------------------------------------------------------------------*/

/*인사말*/
.fiber_box{padding:20px 0 20px 0;}
.fild_pxp{font-size:14px; color:#666666;line-height:22px; padding-top:15px; padding-left:10px; }
.sub_middle_bottom{font-size:13px; color:#fcba79;line-height:18px; font-weight:bold;}
.con_box{width:100%; display:inline-block; border-bottom:1px solid #e0e0e0;  padding:15px 0 15px ; }
.con_text{font-size:15px; color:#666666; line-height:22px; font-weight:700; float:left; padding-left:20px; width:30%;}
.con_text_r{font-size:14px; color:#666666; line-height:22px;float:left;width:60%;} 
.sub_tit_01 {font-size:35px; padding-bottom:20px;}
.sub_tit_02 {font-size:16px;}
.sub_con_text p{font-size:15px; color:#666666; font-family: 'Nanum Gothic'; line-height:180%;  }
.sub_tit_img {width:100%; padding-top:30px; padding-bottom:30px;}
.sub_tit_img2 {width:100%; text-align:right; padding-top:30px;}

/*찾아오시는길*/
.map_box{width:100%;border:1px; solid #e7e7e7;}
.map_text_box{width:100%;margin-top:30px; display:inline-block;}
.map_text_box_w {float:left; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #efefef;}
.map_text_box_wp {float:left; width:100%; padding-top:20px; padding-bottom:20px; border-top:1px solid #000; border-bottom:1px solid #efefef;}
.map_title {float:left; width:20%; padding-left:25px; box-sizing:border-box; color:#666666; font-size:15px;}
.map_con {float:left; width:80%; color:#666666; font-size:15px;}
.box_01_06{width:30%;  padding:10px 0 0 10px; float:left; margin-right:25px; border-top:3px solid #333333; }
.box_01_06_{width:30%;  padding:10px 0 0 10px; float:left; border-top:3px solid #333333;}

/*유크리트 특수바닥재*/
.sub_02_01_img {float:left; width:100%; padding-bottom:3%;}
.sub_02_01_img img {max-width:100%;}
.sub_02_01_1 {float:left; width:100%; font-size:30px; text-align:left; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_02_01_1_wrap_s {display:table; width:100%; height:100%; display:table; border-top:1px solid #000; border-bottom:1px solid #ccc;}
.sub_02_01_1_wrap {display:table; width:100%; height:100%; display:table; border-bottom:1px solid #ccc;}
.sub_02_01_2 {display:table-cell; width:40%; padding:2%; font-size:15px; font-weight:bold; color:#666666; vertical-align:middle; box-sizing:border-box; background:#f5f5f5;}
.sub_02_01_3 {display:table-cell; width:60%; padding:2%;  font-size:15px; color:#666666; line-height:160%; vertical-align:middle; box-sizing:border-box;}
.sub_02_01_4 {float:left; width:100%; font-size:30px; text-align:left; padding-top:5%; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_02_01_5 {float:left; width:100%;}
.sub_02_01_5_w {float:left; width:50%; padding:0px 2% 2% 2%; box-sizing:border-box;}
.sub_02_01_5_w_i {float:left; width:100%;}
.sub_02_01_5_w_i img {max-width:100%; width:100%;}
.sub_02_01_5_w_t {float:left; width:100%; text-align:center; font-size:15px; color:#666666; padding-top:5%; padding-bottom:5%;}
.sub_02_01_6 {float:left; width:100%; text-align:center;}
.sub_02_01_6 img {max-width:100%;}
.sub_02_01_7 {float:left; width:100%; text-align:center; font-size:15px; color:#666666; padding-top:3%; padding-bottom:5%;}
.sub_02_01_8 {float:left; width:100%; text-align:center; font-size:15px; color:#666666; padding-top:3%; padding-bottom:5%;}
.sub_tab_01_1 {float:left; width:100%; font-size:30px; text-align:left; padding-top:3%; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_tab_01_2 {float:left; width:100%; font-size:15px; color:#666666; line-height:160%; margin-bottom:5%;}
.sub_tab_01_3 {float:left; width:100%; font-size:30px; text-align:left; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_tab_01_3_wrap_s {display:table; width:100%; height:100%; display:table; border-top:1px solid #000; border-bottom:1px solid #ccc;}
.sub_tab_01_3_wrap {display:table; width:100%; height:100%; display:table; border-bottom:1px solid #ccc;}
.sub_tab_01_4 {display:table-cell; width:40%; padding:2%; font-size:15px; font-weight:bold; color:#666666; vertical-align:middle; box-sizing:border-box; background:#f5f5f5;}
.sub_tab_01_5 {display:table-cell; width:60%; padding:2%;  font-size:15px; color:#666666; line-height:160%; vertical-align:middle; box-sizing:border-box;}
.sub_tab_01_6 {float:left; width:100%; text-align:center; padding-top:3%; padding-bottom:3%;}
.sub_tab_01_6 img {float:left; width:100%; text-align:center;}
.sub_tab_01_7 {float:left; width:100%; text-align:center; font-size:15px; color:#666666; padding-bottom:3%; margin-bottom:5%; border-bottom:1px solid #999;}

/* 에폭시 */
.sub_02_02 {float:left; width:100%;}
.sub_02_02_1 {float:left; width:50%;}
.sub_02_02_title {float:left; width:100%; text-align:center; font-size:15px; color:#666666; padding-bottom:3%;}
.sub_02_02_img {float:left; width:100%; text-align:center;}
.sub_02_02_img img {max-width:100%;}
.sub_02_02_text {float:left; width:100%; text-align:center; font-size:13px; color:#666666; padding-top:3%; padding-bottom:5%;}

/*-----------------------------------------sub----------------------------------------------------------------------*/

@media screen and (max-width: 1400px) {
  .sub_wrapper_01 {height:auto; padding-bottom:5%;}
  .right-top .bottom-top .right-content-subtitle {padding-top:60px; font-size:40px;}
  .right-top .bottom-top .right-content-subtitle2 {padding-top:20px; font-size:15px; line-height:auto;}
  .right-top .bottom-top .right-content-breadcrumbs {padding-top:50px;}
  #container .wrapper { max-width: 1180px; margin: 0 auto; }
  #container .left-menu { display: none; }
  #container .right-content { float: none; width: 940px; margin: 0 auto; padding-left: 0px; }
  .right-top {width:940px; margin:0 auto;}
  .compa{margin-top:44px; margin-bottom:44px; text-align:center; width:100%;}
  .compa_{margin-bottom:44px; text-align:center; width:100%;}
  .line_{margin-bottom:50px;width:100%;}
  .line{padding-bottom:13px;width:100%;}
  .line_2{padding-bottom:13px; padding-top:244px; width:100%;}
  .sub_tit_2{width:100%; }
}

@media screen and (max-width: 1179px) {
  
  .sub_wrapper {display:"";}
  .right-top .bottom-top .right-content-subtitle {}
  .right-top .bottom-top .right-content-breadcrumbs { float: left; padding-top:10px; padding-right:3%;  width:100%;}
  #container { padding-top: 0; position: relative; }
  #container .left-menu { width: 100%; display: block; float: none; position: absolute; top: 58px;  }
  #container .left-menu .left-menu-title, #container .left-menu .contact-info { display: none; }
  #container .left-menu .menu { display: none; width: 100%; }
 .left_box_wrap {display:none;}
 .title {display:none;}
  #container .left-menu .menu.display { display: block !important; }
  #container .left-menu .menu > li { background: #cecece url(../images/bg/bg_left-menu_mobile.jpg) repeat-x 0% 100%; }
  #container .left-menu .menu > li > a { border-right: 0; border-bottom: 0; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li.on-click { background: #2663df; }
  #container .left-menu .menu > li.on-click a { color: #fff; background: #2663df url(../images/icon/icon_lmenu_arrowup.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li.on-click .depth2 { display: block !important; }
  #container .left-menu .menu > li .depth2 { display: none; background: #fff; }
  #container .left-menu .menu > li .depth2 > li > a { border-bottom: 1px solid #7b7b7b; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li .depth2 > li.on-click a { background: #cecece url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li .depth2 > li:hover, #container .left-menu .menu > li .depth2 > li.on { background: #cecece; }
  #container .left-menu .menu > li .depth2 > li .depth3 { padding-top: 0; padding-bottom: 0; }
  #container .left-menu .menu > li .depth2 > li .depth3 > li a { color: #333333; padding-top: 18px; padding-bottom: 18px; background: #ffffff; border-bottom: 1px solid #7b7b7b; }
  #container .left-menu .menu > li .depth2 > li .depth3 > li a:hover { color: #052054; text-decoration: underline; }
  .right-top {width:100%; margin:0 auto;}
  #container .right-content { float: none; width: 100%; margin: 0 auto; padding-top: 5%; padding-right: 11px; padding-left: 8px; border-top: 0; box-sizing: border-box; }
  #container .right-content .right-top { padding-bottom: 13px; margin-bottom: 0; border-bottom: 0; }
 .right-top .right-content-title { font: bold 20px 'Nanum Gothic'; padding-bottom: 0; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 100% 50%; cursor: pointer; }
 .sub_tit img, .sub_tit_r img {width:100%; height:100%;}
 .sub_con_text .sub_con_text_01, .sub_con_text .sub_con_text_02 {width:100%;}
 .imgbox_in{margin-top:14px; margin-right:20px;margin-bottom:0px; }
 .imgbox_in img{width:100%}
 .imgbox_in_{margin-top:14px;margin-bottom:20px; }
 .imgbox_in_ img{width:100%}
 .imgbox_in_1{margin-top:0px; margin-bottom:14px;margin-left:0px;}
 .imgbox_in_1 img{width:100%}
 .line_2{padding-bottom:13px; padding-top:200px; width:100%;}
 .sub_tit_2{width:100%; font-size: 15px;  font-weight:700;}
 .table td{font-size:12px;padding:6px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border:1px solid #ddd; text-align:center; color:#666666;}
 .table th{font-size:12px;font-weight:700;padding:6px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;vertical-align:middle;border:1px solid #ddd; color:#666666; border-top:2px solid #002e86; } 


 /*힐건설*/


 .sub_tit {margin: 0 auto; padding-top:30px; width:50%; font-size: 15px;  font-weight:700; color:#333333; padding-bottom:20px;}
 .sub_tit_r {margin: 0 auto; padding-top:30px; width:50%;}
 .sub_tit_r p{font-size:11px; line-height: 180%; color:#666666; }

 .sub_box{width:100%; float:left; margin-right:20px;  margin-top:30px;}
 .sub_box_1{width:100%; float:right; }
 .sub_box_le{width:220px;float:left; margin-right:20px;  margin-left:90px; }
 .sub_box_ri{width:220px;float:right;margin-right:90px;} 
 .box_txet{padding-top:10px;padding-bottom:20px; font-size:14px; line-height:24px; text-align:center; color:#666666;}

 .box02_3{min-height:380px; padding:10px 10px 10px 10px;}

 .sub_tit_img{width:100%; padding-bottom:30px;padding-top:30px;}
 .sub_tit_img img{width:100%; }
 .sub_tit_01{padding-top:30px;}
 .sub_tit_01 p{font-size:20px; line-height:180%; font-weight:700;}
 .sub_con_text {width:100%;}
 .sub_con_text p{font-size:13px; line-height:23px;}
 .sub_con_text .sub_con_span{font-size:15px;  line-height:25px;}

.sub_01_03_img{width:100%;float:left;margin-top:47px; margin-bottom:47px;}
.sub_01_03_img_01{width:100%; margin-bottom:47px; float:left}

.sub_01_03_img .img_left {width:255px; float:left;margin-left:50px; }
.sub_01_03_img .img_right {width:255px; float:left; margin-left:130px; margin-right:50px; }
.sub_01_03_img_01 .img_left {width:255px; float:left;margin-left:50px; }
.sub_01_03_img_01 .img_right {width:255px; float:left; margin-left:130px; margin-right:50px; }

.sub02_01_tit{font-size:18px;  line-height:24px;  padding-bottom:38px; padding-top:30px;}
.sub02_tit_sub p{font-size:15px; line-height:23px; padding-bottom:30px;}
.sub02_tit_sub {width:100%;}
.sub02_01_con{width:90%; padding:5% 5% 0px 5%; margin-bottom:50px;}
.sub02_01_con ul li p{font-size:13px;  line-height:23px;padding-bottom:20px;}
.sub02_01_con .right_{}
.sub_con_text_0201 p{font-size:13px; line-height:23px;}
.sub_02_box_1 {padding-top:30%;}
.sub_con_text_0201_pp{margin-top:10px;margin-bottom:50px;}
.box_txet_1{padding-top:5px;padding-bottom:5px; font-size:13px;  line-height:23px; }


/*소포스*/

/*****사훈*****/

.con_01_04_box{width:170px; height:170px;}
.con_01_04_boxer{width:170px; height:170px; }
.anot_box{width:248px; height:150px;  }
.anote_box{width:248px; height:150px;  }
.anoter_box{width:248px; height:150px;}   }

}






@media screen and (max-width: 820px) {

/*소포스*/


/*****사훈*****/

.con_01_04_box{width:150px; height:150px;}
.con_01_04_boxer{width:150px; height:150px; }
.anot_box{width:215px; height:150px;  }
.anote_box{width:215px; height:150px;  }
.anoter_box{width:215px; height:150px;}

/*****연혁*****/
.sub_tit_center p{font-size:30px; padding:15px 0px 20px 0px; }
.con_01_2{ padding-top:20px; padding-bottom:20px;}
.con_01_3{ padding-top:20px; padding-bottom:20px; }
.con_01_2 .text_flo_l{line-height:25px; font-size:16px;  }
.con_01_2 .text_flo_r{ line-height:25px;}
.con_01_3 .text_flo_l{ line-height:25px;font-size:16px;  }
.con_01_3 .text_flo_r{line-height:25px;}

/*****찾아오시는길*****/
.map_box{width:100%;border:1px; solid #e7e7e7;}
.map_text_box{width:100%;margin-top:30px; display:inline-block;}
.box_01_06{width:100%;  padding:10px 0 20px 0px;margin-right:0px; border-top:2px solid #333333; }
.box_01_06_{width:100%;  padding:10px 0 20px 0px;  border-top:2px solid #333333; }

  .map_title {font-size:12px;}
  .map_con {font-size:12px;}

}




@media screen and (max-width: 640px) {

  .wrapper { max-width: 621px; margin: 0 auto; }
  .sub_wrap {/*margin-top:50px;*/}
  .sub-navigation .tab-holder { width: auto; border-left: 0; }
  .sub-navigation .tab-holder .tab a { padding-left: 10px; padding-right: 10px; }
  .sub-navigation .right-btns ul li:last-child { border-right: 0; }
  .breadcrumbs .wrapper { max-width: 100%; }
  .breadcrumbs a.home { height: 33px; padding-right: 36px; padding-left: 10px; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
  .breadcrumbs ul li { background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
  .breadcrumbs ul li a { padding-top: 9px; padding-bottom: 9px; padding-right: 35px; padding-left: 21px; }
  .sub-navigation .wrapper { max-width: 100%; }
  #container { padding-top: 0; position: relative; }
  #container .wrapper { max-width: 100%; }
  #container .quickmenu { display: none; }
  #container .right-content {padding-bottom:40px;}
  .compa{margin-top:44px; margin-bottom:44px; text-align:center; width:100%;}
  .compa_{margin-bottom:44px; text-align:center; width:100%;}
  .line_{margin-bottom:50px;width:100%;}
  .line{padding-bottom:13px;width:100%;}
  .sub_tit {margin: 0 auto; padding-top:30px; width:100%; font-size: 15px;  font-weight:700; color:#333333; padding-bottom:13px;}
  .sub_tit_r {margin: 0 auto; padding-top:10px; width:100%; }
  .sub_tit_r p{font-size:11px; line-height: 180%; color:#666666; }
  .sub_tit_r .ud_l{font-size:12px; } 
  .sub_tit_h{ width:100%; margin-top:50px; margin-bottom:44px;}
  .sub_tit_h ul li{ font-size:13px; font-weight:700;color:#333333; }
  .line_2{ padding-top:244px; width:100%;}
  .sub_tit_2{width:100%; font-size: 15px; }
  .sub_02_img {width:100%; margin-right:0%;}
  .sub_02_img img {width:100%;}
  .sub_02_img_1 {width:100%; margin-left:0%;}
  .sub_02_img_1 img {width:100%;}
  .sub_02_box {width:100%; margin-bottom:0px;}
  .sub_02_box_1 {width:100%; margin-top:5%; margin-bottom:5%;padding-top:0px;}
  .sub_02_box_{width:100%;  margin-bottom:0px;}

  #container .right-content .content-tabs ul li a {font: 10px 'Nanum Gothic';}

  .sub_tab_01_1 {float:left; width:100%; font-size:18px; text-align:left; padding-top:3%; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
  .sub_tab_01_2 {float:left; width:100%; font-size:12px; color:#666666; line-height:160%; margin-bottom:5%;}
  .sub_tab_01_4 {display:table-cell; width:40%; padding:2%; font-size:12px; font-weight:bold; color:#666666; vertical-align:middle; box-sizing:border-box; background:#f5f5f5;}
  .sub_tab_01_5 {display:table-cell; width:60%; padding:2%;  font-size:12px; color:#666666; line-height:160%; vertical-align:middle; box-sizing:border-box;}
  .sub_tab_01_7 {float:left; width:100%; text-align:center; font-size:12px; color:#666666; padding-bottom:3%; margin-bottom:5%; border-bottom:1px solid #999;}

  .right-top .bottom-top .right-content-subtitle {padding-top:40px; font-size:24px;}
  .right-top .bottom-top .right-content-subtitle2 {width:90%; font-size:12px; line-height:150%; padding:5% 5% 0px 5%;}
  .right-top .bottom-top .right-content-breadcrumbs {width:90%; text-align:right; line-height:150%; padding:5% 5% 0px 5%;}

  .sub_tit_01 {font-size:15px;}
  .sub_tit_02 {font-size:13px;}

  .map_title {font-size:12px;}
  .map_con {font-size:12px;}


  /*힐*/
 .sub_tit_img{width:100%; padding-bottom:30px;padding-top:30px;}
 .sub_tit_01{padding-top:20px;padding-bottom:20px;}
 .sub_tit_01 p{font-size:16px; line-height:150%; font-weight:700;}
 .sub_con_text {width:100%;}
 .sub_con_text p{font-size:12px; line-height:22px;}
 .sub_con_text .sub_con_span{font-size:14px;  line-height:24px;}

  .sub_box{width:100%; margin-right:0px;  margin-top:30px;text-align:center; }

  .sub_box_1{width:100%; text-align:center; }
  .sub_box_le{width:48%; margin-right:10px;   margin-left:0px; float:left;}
  .sub_box_le img{width:48%;}
  .sub_box_ri{width:48%; margin-right:0px;float:right;} 
  .sub_box_ri img{width:48%;}
  .box_txet{padding-top:10px;padding-bottom:20px; font-size:13px; line-height:180%; text-align:center; color:#666666;}

 .sub_01_03_img{width:100%;float:left;margin-top:30px; margin-bottom:30px;}
 .sub_01_03_img_01{width:100%; margin-bottom:30px; float:left}

 .sub_01_03_img .img_left {width:100%; float:left;margin-left:0px; margin-bottom:30px;}
 .sub_01_03_img .img_right {width:100%; float:left; margin-left:0px; margin-right:0px; }
 .sub_01_03_img_01 .img_left {width:100%; float:left;margin-left:0px;margin-bottom:30px; }
 .sub_01_03_img_01 .img_right {width:100%; float:left; margin-left:0px; margin-right:0px; }
 .sub02_01_con{width:90%; padding:5% 5% 0px 5%; margin-bottom:50px;}
 .sub02_01_con ul li {width:100%;}
 .box02_3{min-height:0px; padding:10px 10px 10px 10px;}
 .sub_02_box_2 img{opacity:0;}

 /*****CI*****/
.con_01_05_box{width:100%;   margin-right:0px; padding-right:0px;}
.con_01_05_boxer{width:100%;   }
.con_01_05_box img{width:100%;  }
.con_01_05_boxer img{width:100%;  }

.con_text{font-size:14px; color:#666666; line-height:22px; font-weight:700; float:left; padding-left:20px; width:30%;}
.con_text_r{font-size:13px; color:#666666; line-height:22px;float:left;width:60%;} 


.box_01_06{width:100%;  padding:10px 0 20px 0px; margin-right:0px; border-top:2px solid #333333; }
.box_01_06_{width:100%;  padding:10px 0 20px 0px;  border-top:2px solid #333333; }

.sub_02_01_1 {float:left; width:100%; font-size:18px; text-align:left; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_02_01_2 {display:table-cell; width:40%; padding:2%; font-size:12px; font-weight:bold; color:#666666; vertical-align:middle; box-sizing:border-box; background:#f5f5f5;}
.sub_02_01_3 {display:table-cell; width:60%; padding:2%;  font-size:12px; color:#666666; line-height:160%; vertical-align:middle; box-sizing:border-box;}
.sub_02_01_4 {float:left; width:100%; font-size:18px; text-align:left; padding-top:5%; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #efefef;}
.sub_02_01_5_w_t {float:left; width:100%; text-align:center; font-size:12px; color:#666666; padding-top:5%; padding-bottom:5%;}
.sub_02_01_7 {float:left; width:100%; text-align:center; font-size:12px; color:#666666; padding-top:3%; padding-bottom:5%;}
.sub_02_01_8 {float:left; width:100%; text-align:center; font-size:12px; color:#666666; padding-top:3%; padding-bottom:5%;}

.sub_02_02_1 {width:100%; margin-bottom:5%;border-bottom:1px solid #efefef;}
.sub_02_02_title {font-size:12px;}
.sub_02_02_text {font-size:12px;}

  }


@media screen and (max-width: 320px){
 #container .right-content {  width: 100%;}
.line{padding-bottom:13px;width:100%;}
.sub_tit{font-size:13px;  font-weight:700; color:#333333; padding-bottom:13px;}
.sub_tit_r {width:100%; }
.sub_tit_r p{font-size:11px; line-height:180%; color:#666666; }
.compa{margin-top:34px; margin-bottom:34px; text-align:center; width:100%;}
.compa_{margin-bottom:34px; text-align:center; width:100%;}
.line_{margin-bottom:30px;width:100%;}
.sub_tit_h{ width:100%; margin-top:100px; margin-bottom:44px;}
.sub_tit_h ul li{ font-size:13px;  }
.sub_tit_r .ud_l{font-size:11px; font-weight:700;text-decoration: underline;color:#333333; }
.line_2{ padding-top:324px; width:100%;}
.sub_tit_2{width:100%; font-size:13px;} 



/*****소포스*****/

/*****연혁*****/

.sub_tit_center p{font-size:30px; padding:15px 0px 20px 0px; }
.con_01_2{ padding-top:15px; padding-bottom:15px;}
.con_01_3{ padding-top:15px; padding-bottom:15px; }
.con_01_2 .text_flo_l{line-height:25px; font-size:16px;  }
.con_01_2 .text_flo_r{ line-height:25px;}
.con_01_3 .text_flo_l{ line-height:25px;font-size:16px;  }
.con_01_3 .text_flo_r{line-height:25px;}
/*****연혁*****/

/*****사훈*****/
.main_tit_p{font-size:30px;}
.sub_tit_po{font-size:17px;  }
.sub_tit_int{font-size:15px;line-height:19px;}
.moo_box{width:100%; margin-right:0px;}
.moo_box_01{width:100%; }
.con_01_04_box{width:40%; height:50%; }
.con_01_04_boxer{width:40%; height:50%; }
.con_01_04_box p {font-size:13px; }
.con_01_04_boxer p {font-size:13px;}
.motto_box{margin-top:50px; }
.anot_box{width:280px; margin-right:0px;  margin-top:15px;}
.anote_box{width:280px; margin-right:0px; margin-top:15px; }
.anoter_box{width:280px; margin-top:15px;}

/*****찾아오시는길*****/

.box_01_06{width:100%;  padding:10px 0 20px 0px; margin-right:0px; border-top:2px solid #333333; }
.box_01_06_{width:100%;  padding:10px 0 20px 0px;  border-top:2px solid #333333; }



}