@charset "UTF-8";
/* CSS Document */

* {margin: 0;padding: 0;}
a > * {line-height: 0;}
img {border: medium none;}
body {font-family:'Spoqa Han Sans','나눔고딕','NanumGothic','돋움','Dotum','Arial','Helvetica','sans-serif'; font-size:13px}
a {color:#000;text-decoration: none;}
a:hover{color:#2773ae;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;margin:0;}
li{list-style:none;}

.clearfix {clear:both;}
.bold {font-weight:bold;}

.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}

.btn-primary {color: #fff;background-color: #348fe2;border-color: #348fe2;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2670b7;
  border-color: #2670b7;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #348fe2;
  border-color: #348fe2;
}
.btn-primary .badge {
  color: #348fe2;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #ff5c57;
  border-color: #ff5c57;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ce4741;
  border-color: #ce4741;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger
,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff5c57;
  border-color: #ff5c57;
}
.btn-danger .badge {
  color: #ff5c57;
  background-color: #fff;
}

.btn-turquoise {
  color: #fff;
  background-color: #00acac;
  border-color: #00acac;
  background-image: none;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
  color: #fff;
  background-color: #008a8c;
  border-color: #008a8c;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
  background-color: #00acac;
  border-color: #00acac;
}
.btn-turquoise .badge {
  color: #00acac;
  background-color: #fff;
}

.btn-royalblue {
  color: #fff;
  background-color: #717bb6;
  border-color: #717bb6;
  background-image: none;
}r
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {
  color: #fff;
  background-color: #464a6f;
  border-color: #464a6f;
}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {
  background-color: #717bb6;
  border-color: #717bb6;
}
.btn-royalblue .badge {
  color: #717bb6;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f49b1b;
  border-color: #f49b1b;
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #c57e00;
  border-color: #c57e00;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f49b1b;
  border-color: #f49b1b;
}
.btn-warning .badge {
  color: #f49b1b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #49b6d5;
  border-color: #49b6d5;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3492ac;
  border-color: #3492ac;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #49b6d5;
  border-color: #49b6d5;
}
.btn-info .badge {
  color: #49b6d5;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5db75d;
  border-color: #5db75d;
  background-image: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #409e3e;
  border-color: #409e3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5db75d;
  border-color: #5db75d;
}
.btn-success .badge {
  color: #5db75d;
  background-color: #fff;
}


.btn-silver {
  color: #fff;
  background-color: #b7c2c8;
  border-color: #b7c2c8;
  background-image: none;
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #fff;
  background-color: #929ba2;
  border-color: #929ba2;
}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #b7c2c8;
  border-color: #b7c2c8;
}
.btn-silver .badge {
  color: #b7c2c8;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #2c353c;
  border-color: #2c353c;
  background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {
  background-color: #2c353c;
  border-color: #2c353c;
}
.btn-black .badge {
  color: #2c353c;
  background-color: #fff;
}

.btn_download_write{display:inline-block; width:15%; font-weight:700; font-size:18px; line-height:50px; text-align:center; border:1px solid #000}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #3498db !important;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
    transition: all 0.2s ease-in-out 0s;
}

.container h3{font-size: 18px;
display: block;
width: 100%;
padding-bottom: 5px;
margin-bottom: 20px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}

.form-control{background-color: #FFFFFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 5px;color: inherit;display: inline-block;padding: 6px 12px;font-size: 14px;vertical-align: middle;  }
.panel-heading{font-size:14px;}

/* S COMMON */


/* header */
header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
header .header-top-menu {float:right;height:30px;line-height: 40px;}
header .header-top-menu .fa{color:#ccc;}
header .header-top-menu li{float:left; padding:0 10px;color:#ccc; font-size:12px;}
header .header-top-menu li a{ color:#ccc; font-size:12px;}
header .fa{padding-right:5px;}
header .badge{margin-left:5px;font-size: 10px;}

.header_line {background: #082a47; height:3px; line-height:3px;clear: both; width:100%;}

.notifications{position: relative;cursor:pointer;}
.notifications-list {color: #060606;border-bottom: 1px solid #ededed;display: block;overflow: hidden;line-height: 25px;}
.notifications-list a:link{color: #060606;}
.notifications-list a:active, .notifications-list a:hover {color:#2773ae;}
.notifications-menu{position: absolute;  top: 100%; left: 0;  z-index: 9999;  display: none;  width: 330px;  background-color: #f5f5f6;  -webkit-border-radius: 0 0 3px 3px;  -webkit-background-clip: padding-box;  -moz-border-radius: 0 0 3px 3px;  -moz-background-clip: padding;  border-radius: 0 0 3px 3px;  background-clip: padding-box;  -moz-box-shadow: 0 1px 0px rgba(0,0,0,.05);  -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.05);  box-shadow: 0 1px 0px rgba(0,0,0,.05);  border: 1px solid #f8f8f8; padding: 5px 15px; }
.notifications-menu .external { background-color: #FFF; display: block; }
.notifications-menu .external a { background-color: #fff; color: #e9423f;}
.notifications-list .point{ color:#ec5956 !important;  text-align: center; }
.notifications-list span{ padding-top: 10px;  font-size: 11px; }

.m_nav{padding: 8px 10px 0 0;}
nav , .pagination{text-align:center;}

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:250px;background:#222222;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
/* #side_menu .side_wr.add_side_wr{} */
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{-webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #7080b1;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; } 

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #fff;}
#side_menu .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{height: 40px; line-height: 40px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #888; }
#side_menu .dropdown-custom-menu li a:hover{color: #7080b1;}

#side_menu .m_login{text-align: center; margin: 10px;}
#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #000; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #7080b1; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}

body.over_hidden{overflow:hidden} 


/* main */

.mail_top {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.mail_top .clip {
  width: 100%;
  height: 100%;
  position: relative;
}

.mail_top .clip > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.mail_top .clip > div iframe {
  width: 100%;
  height: 100%;
}


  .main_visual{height:100vh}
  .main_visual .swiper-wrapper .swiper-slide img{width:100%; height:100%; object-fit:cover}
/* S 기술서비스 영역 */



.media{clear:both;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-right, .media>.pull-right {padding-left: 10px;}
.media-heading{font-size:14px;overflow:hidden;}
.media-body .media-info{font-size:11px; color:#666;}
.media-body .media-info span{padding-right:10px;}


/* sidebar */
.sidebar{border: 1px solid #e5e5e5;padding: 20px;}
.sidebar .headline {border-bottom: 1px dotted #ccc;display: block;margin-bottom:15px;}
.sidebar .headline h3{border-bottom: 2px solid #3498db;display: inline-block;margin: 0 0 -2px;padding-bottom: 5px;font-size:15px;}
.sidebar .loginbox{overflow:hidden;}
.sidebar .loginbox .text{padding-top:7px;}
.sidebar .loginbox .text li{float:left; padding-right:7px;}
.sidebar .welcome{overflow:hidden;}
.sidebar .welcome ul{overflow:hidden;}
.sidebar .welcome li{float:left;padding-right:5px;padding-bottom:5px;}
.sidebar .sidebar_latest li{padding-bottom:10px;}

.sidebar .tag-clouds{overflow:hidden;}
.sidebar .tag-clouds ul li{float:left; padding-right:10px;}




/* modal */
.modal .modal-body .number{padding-bottom:10px;}
.modal .modal-body .profile-info{overflow:hidden;}


.help-inline { display: inline-block;color: #737373;margin-left:10px; padding-top:7px;vertical-align:middle;}
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor {width:100%;height:350px;}

.latest_comment_count {font-size:11px; color:#FF7700; margin-left:5px;font-weight:bold;}
.highlight {font-weight:bold; color:#7519FF}

/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:12px; line-height:20px; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }










/* S > 고객지원 */
    /* S >> 다운로드 */
    .download_wrap{/*margin-top:110px;*/ padding:40px 0 100px}
      .download_list{overflow:hidden; margin-bottom:100px}
      .download_list dt{clear:both; float:left; width:120px; margin-top:58px; font-size:18px; color:#000; line-height:38px; text-align:left}
      .download_list dd{float:left; position:relative; width:calc(100% - 120px); margin-top:58px; line-height:38px; text-align:left}
      .download_list dd input[type="text"]{width:100%; padding-left:10px; font-size:16px; border:none; border-bottom:1px solid #707070}
      .download_list dd input[type="text"]::placeholder{color:#c7c7c7}
      .download_list dd p{float:left; margin-right:20px}
      .download_list dd p input[type="radio"]{float:left; margin-top:13px; cursor:pointer}
      .download_list dd p input[type="radio"] + label{margin:0; padding-left:10px; font-size:16px; cursor:pointer}
      .download_list dd p input[type="radio"] ~ input[type="text"]{width:auto; margin-left:20px}
      .download_list dd input[type="file"]{float:left; opacity:0; width:140px; cursor:pointer}
      .download_list dd input[type="file"] + label{float:left; position:absolute; left:0; top:0; width:140px; margin-bottom:0; font-weight:700; font-size:16px; color:#000; line-height:36px; text-align:center; border:1px solid #000; border-radius:19px; pointer-events:none; cursor:pointer}
      .download_list dd input[type="file"] + label + a{float:left; margin-left:20px; font-size:16px}
      .download_list dd .btn_select{display:inline-block; padding-right:100px; font-size:16px; line-height:30px; background:transparent url('./../../../../assets/images/common/btn/btn_arrowD.png') right center scroll no-repeat; border-bottom:1px solid #000}
      .download_list dd select{display:inline-block; padding-right:100px; font-size:16px; line-height:30px; background:transparent url('./../../../../assets/images/common/btn/btn_arrowD.png') right center scroll no-repeat; border:none; border-bottom:1px solid #000; appearance:none}
      .download_list dd.edit{width:100%}
      .download_btn_wrap{position:relative; font-size:0; text-align:center}
      .download_btn_wrap a{display:inline-block; max-width:210px; width:calc(50% - 10px); height:50px; margin-left:20px; font-weight:700; font-size:18px; color:#666; line-height:50px; border:1px solid #666}
      .download_btn_wrap a:first-child{margin-left:0}
      .download_btn_wrap a.btn_enrollment{color:#fff; background-color:#666}
      .download_btn_wrap a.btn_delete{position:absolute; right:0; color:#fff; background-color:#d00}

      .download_board_list_controll{overflow:hidden; text-align:left}
      .download_board_list_controll .total{font-size:14px; color:#999}
      .download_board_list_controll a{float:left; margin-left:32px; font-size:16px; color:#999}
      .download_board_list_controll a:first-child{margin-left:0}
      .download_board_list_controll a.active{font-weight:700; color:#000}
        .download_search_wrap{float:right; position:relative; width:27%; margin:0}
        .download_search_wrap input[type="text"]{width:100%; padding-bottom:7px; border:none; border-bottom:2px solid #000; border-radius:0}
        .download_search_wrap a{position:absolute; right:0; width:16px; height:16px; font-size:0; background:transparent url('./../../../../assets/images/common/btn/btn_download_board_search.png') left top scroll no-repeat; background-size:contain}

      .download_board_list{display:flex; flex-wrap:wrap; margin-top:16px; margin-bottom:60px; text-align:center}
      .download_board_list li{width:calc((100% - 48px) / 3); position:relative; margin-left:24px; margin-top:24px; padding:20px 30px 30px; text-align:left; border:1px solid #c7c7c7; border-radius:12px}
      .download_board_list li:nth-child(3n + 1){margin-left:0}
      .download_board_list li strong{display:block; width:100%; font-size:18px; line-height:25px}
      .download_board_list li span{display:block; width:100%; margin-top:12px; font-size:12px; line-height:16px}
      .download_board_list li .btn_board_download{display:inline-block; width:104px; margin-top:20px; font-weight:700; font-size:12px; color:#000; line-height:30px; text-align:center; text-decoration:none; border:1px solid #000; border-radius:15px}
      .download_board_list li .btn_board_download:hover{color:#fff; background-color:#000}
      .download_board_list li .btn_board_edit{position:absolute; right:90px; bottom:40px}
      .download_board_list li .btn_board_del{position:absolute; right:45px; bottom:40px}
      .paginate_wrap{margin-top:60px; position:relative; line-height:50px}
      .paginate_wrap .paginate{display:flex; margin-bottom:0; justify-content:center}
      .paginate_wrap .paginate li{margin-left:30px}
      .paginate_wrap .paginate li a{font-size:14px; line-height:1em}      
      .paginate_wrap .paginate li.active a{font-weight:700}
      .paginate_wrap .paginate li.btn_prevPage{margin-left:0}
      .paginate_wrap .paginate li.btn_prev,
      .paginate_wrap .paginate li.btn_next,
      .paginate_wrap .paginate li.btn_nextPage,
      .paginate_wrap .paginate li.btn_prev + li{margin-left:20px}

      .paginate_wrap .btn_paginate_more{display:none}
      .paginate_wrap .btn_download_write{position:absolute; right:0; top:0}

    /* S >> FAQ */
      .faq_board_list{margin-top:40px; border-bottom:1px solid #c7c7c7}
      .faq_board_list li{overflow:hidden; padding:27px 0; border-top:1px solid #c7c7c7}
      .faq_board_list li strong{float:left; width:20%; color:#999; text-align:left}
      .faq_board_list li div{float:left; overflow:hidden; position:relative; width:80%}
      .faq_board_list li div > strong{display:block; float:left; width:100%; padding-right:50px; color:#000}
      .faq_board_list li div > span{display:none; float:left; width:100%; margin-top:23px; text-align:left}
      .faq_board_list li div > a{position:absolute; right:0; top:0}

      .faq_board_list li.active div > span{display:block}

    /* S >> 문의사항 */

    /*=================================================*/
    .common_board_list{margin-top:40px; margin-bottom:0; border-bottom:1px solid #c7c7c7}
    .common_board_list li{overflow:hidden; padding:25px 0; text-align:left; border-top:1px solid #c7c7c7}
    .common_board_list li strong{float:left; width:10%; font-weight:400; font-size:16px}
    .common_board_list li a{display:inline-block; overflow:hidden; max-width:80%; padding-right:15px; font-weight:700; font-size:16px; text-overflow:ellipsis; white-space:nowrap}
    .common_board_list li span{float:right; width:10%; font-size:14px; text-align:right}
    .common_board_list ~ .btn_download_write{float:right; margin-top:40px;}

    .container.view{margin:100px auto 100px; padding:0 60px;}
      .view_title{overflow:hidden; padding:20px 0 24px; border-top:2px solid #c7c7c7; border-bottom:2px solid #c7c7c7}
      .view_title strong{float:left; font-size:20px}
      .view_title span{float:right; font-size:20px}
      .view_content{padding:40px 0; text-align:left}
      .common_view{margin:0; border-bottom:1px solid #c7c7c7}
      .common_view li{overflow:hidden; padding:13px 0 15px; border-top:1px solid #c7c7c7}
      .common_view li strong{float:left; width:10%; font-weight:400; color:#999; text-align:left}
      .common_view li a{float:left; width:80%; padding-right:15px; text-align:left}
      .common_view li span{float:right; width:10%; text-align:right}
        .btn_view_list{float:right; width:15%; margin-top:60px; font-weight:700; font-size:18px; color:#999; line-height:50px; text-align:center; border:1px solid #999}

    

@media only screen and (min-width: 768px) and (max-width: 991px) {

    
/* S > 고객지원 */
    /* S >> 다운로드 */
    .download_wrap{padding:40px 60px 100px}
    
    .download_board_list{margin-bottom:30px}
    .download_board_list li{flex-basis:calc((100% - 20px) / 2); margin-left:20px}
    .download_board_list li:nth-child(3n + 1){margin-left:20px}
    .download_board_list li:nth-child(odd){margin-left:0}

    .paginate_wrap{line-height:26px}
    .paginate_wrap .btn_download_write{font-size:12px; line-height:26px}

    /* S >> FAQ */
    .faq_board_list li strong{width:30%}
    .faq_board_list li div{width:70%}

    /* S >> 문의사항 */

    /*=================================================*/
    .common_board_list li{padding:15px 0}
    .common_board_list li strong{font-size:14px}
    .common_board_list li a{font-size:14px}
    .common_board_list li span{font-size:12px}

    .view_title{padding:16px 0 15px}
    .view_title strong{font-size:16px}
    .view_title span{font-size:16px}
    .container.view{margin:60px auto; padding:0 60px}
    .common_view li a{width:70%}
    .common_view li span{width:20%}

    .btn_view_list{margin-top:50px; font-size:12px; line-height:28px}

    
}

@media only screen and (max-width: 767px) {
/* S > 고객지원 */
    /* S >> 다운로드 */
    .download_wrap{padding:60px}

    .download_board_list_controll a{margin-left:10px}
      .download_search_wrap{min-width:150px;}
    .download_board_list{margin-bottom:30px}
    .download_board_list li{flex-basis:calc((100% - 20px) / 2); margin-left:20px; margin-top:20px}
    .download_board_list li:nth-child(3n + 1){margin-left:20px}
    .download_board_list li:nth-child(odd){margin-left:0}

    .paginate_wrap{line-height:26px}
    .paginate_wrap .btn_download_write{font-size:12px; line-height:26px}

    /* S >> FAQ */
    .faq_board_list li strong{width:30%}
    .faq_board_list li div{width:70%}

    /* S >> 문의사항 */

    /*=================================================*/
    .common_board_list li{padding:15px 0}
    .common_board_list li strong{font-size:14px}
    .common_board_list li a{width:70%; font-size:14px}
    .common_board_list li span{width:20%; font-size:12px}

    .container.view{margin:60px auto; padding:0 24px}
    .view_title{padding:16px 0 15px}
    .view_title strong{font-size:16px}
    .view_title span{font-size:16px; display:none;}
    .common_view li strong{width:15%}
    .common_view li a{overflow:hidden; width:55%; padding-right:0; text-overflow:ellipsis; white-space:nowrap}
    .common_view li span{width:30%}

    .btn_view_list{margin-top:50px; font-size:12px; line-height:28px}


}

@media only screen and (max-width: 414px) {
    
/* S > 고객지원 */
    /* S >> 다운로드 */
    .download_wrap{padding:30px 24px 60px}
    
    /* .download_board_list_controll > a{display:none} */
    .container.download_wrap {position: relative;}
    .download_board_list_controll {white-space: nowrap;overflow-x: auto;padding-top: 27px;}
    .download_board_list_controll > a.active{display:inline-block}
    .download_board_list_controll > a {float: none;display: inline-block; padding-top: 8px;}
    /* .download_board_list_controll > a.active:after{content:''; display:inline-block; width:20px; height:16px; margin-left:32px; margin-top:4px; background:transparent url('./../../../../assets/images/common/btn/btn_arrowD.png') right center scroll no-repeat; background-size:14px} */
    .download_search_wrap {position: absolute;top: 30px;right: 24px;}
    .download_board_list_controll .total {
      position: absolute;
      top: 30px;
      left: 24px;
      line-height: 27px;
    }

    .download_board_list li{flex-basis:100%; margin-left:0; margin-top:20px}
    .download_board_list li:nth-child(3n + 1){margin-left:0}

    .paginate_wrap .paginate{display:none}
    .paginate_wrap .btn_paginate_more{display:block; margin-bottom:27px; font-weight:700; font-size:12px}
    .paginate_wrap .btn_paginate_more:after{content:''; display:inline-block; width:10px; height:8px; margin-left:16px; background:transparent url('./../../../../assets/images/common/btn/btn_arrowD.png') right center scroll no-repeat}
    .paginate_wrap .btn_download_write{float:right; position:relative; min-width:120px}

    /* S >> FAQ */
    .faq_board_list li{padding:17px 0}
    .faq_board_list li strong{width:100%}
    .faq_board_list li div{overflow:visible; width:100%; margin-top:12px}
    .faq_board_list li div > span{margin-top:12px}
    .faq_board_list li div > a{top:-30px}

    /* S >> 문의사항 */

    /*=================================================*/
    .common_board_list li{padding:15px 0}
    .common_board_list li strong{font-size:12px}
    .common_board_list li a{width:65%; font-size:12px}
    .common_board_list li span{width:25%; font-size:12px}

    
}



/* S 재정의 */
.ol, ul, dl{margin:0}
dd, dt{line-height:1em}

/* S 데탑
  Description:
  - 여백 padding:100px 60px
 */
  /* S > COMMON */
  
  .wrapper{margin:0 auto; width:100%}
  .wrapper:after{content:''; clear:both; display:block}
  .container{max-width:1440px; min-width:360px; width:100%; margin:0 auto; padding:100px 60px}
    .subBarTitle{display:inline-block; position:relative; padding-top:23px; font-size:18px}
    .subBarTitle:before{content:''; display:block; position:absolute; left:0; top:0; width:47px; height:2px; background-color:#000}

    .sidebar_wrap{z-index:9999; position:fixed; right:20px; top:50%; width:93px; transform:translate(0, -50%)}
    .sidebar_wrap li{display:flex; height:100px; margin-top:2px; background-color:#0658a7}
    .sidebar_wrap li:first-child{margin-top:0}
    .sidebar_wrap li a{display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center}
    .sidebar_wrap li a span{margin-top:8px; font-weight:400; font-size:12px; color:#fff; line-height:16px; text-align:center}

    .typeW{display:block !important}
    .typeT{display:none}
    .typeM{display:none}
  .bgGray{min-width:360px}

  .news_wrap{min-width:360px; padding:0; background-color:#000}
  .news_wrap .container{overflow:hidden; width:100%; max-width:1440px; padding:50px 60px}
      .news_title{float:left; width:20%; margin-top:2px; font-weight:700; font-size:22px; color:#fff; line-height:30px; text-align:left}
      .news_title .btn_news{position:relative; display:inline-block; width:21px; height:21px; margin-top:5px; margin-left:3px; vertical-align:top}
      .news_title .btn_news:before{content:''; display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background-color:#999}
      .news_title .btn_news:after{content:''; display:block; position:absolute; top:9px; width:100%; height:3px; background-color:#999; transform:rotate(90deg)}

      .news{float:left; width:40%}
      .news a{display:block; overflow:hidden}
      .news a img{float:left; width:50%; max-width:210px}

      .notice{float:left; width:40%}
      .notice a{display:block; overflow:hidden}
      .notice a img{float:left; width:50%; max-width:210px}
          .txt_contents{float:left; width:50%; padding:6px 22px 0; line-height:1em}
          .txt_contents strong{font-weight:700; font-size:16px; color:#fff; line-height:22px}
          .txt_contents span{font-weight:400; font-size:14px; color:#fff; line-height:22px}
          .txt_contents span.txt_content{display:-webkit-box; overflow:hidden; width:100%; height:44px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical}
          .txt_contents span.news_date,
          .txt_contents span.notice_date{display:block; margin-top:11px; font-size:12px}

  .news_wrap + footer{border-top:1px solid rgba(255, 255, 255, 0.3)}

  /* S > NAV */
    .navbar{min-width:320px; min-height:60px; margin-bottom:0; background-color:rgba(255, 255, 255, 1) !important; background-image:none; border-bottom:1px solid rgba(153, 153, 153, 0.3); border-radius:0; z-index:8; box-shadow:none/*box-shadow:0 1px 3px rgba(0, 0, 0, 0.12);*/}
    .navbar-default {
      transition: all 0.3s ease-in-out;
    }
    .navbar-default.hover {
      background-color: rgba(255, 255, 255, 1);
      transition: 0.3s;
      padding-bottom: 40px;
  }
  .navbar-default .navbar-nav>li > ul {
    height: 0;
    overflow: hidden;
  }
  .navbar .inner_menu {
    transition: all 0.3s ease-in-out;
  }
  
  .navbar .inner_menu li a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #000000;
  }
    .navbar-default .navbar-header{float:none; position:relative; height:60px}
    .navbar-default .navbar-header .navbar-toggle{display:block; margin:12px 50px 12px 0; padding:9px 10px; border:none}
    .navbar-default .navbar-header .navbar-toggle:focus,
    .navbar-default .navbar-header .navbar-toggle:hover{background-color:transparent}

    .navbar-default .navbar-header .navbar-toggle .icon-bar{width:24px; background-color:#000}
    .navbar-default .navbar-header .navbar-toggle .icon-bar + .icon-bar{margin-top:6px}
    .navbar-default .navbar-header .navbar-brand{height:60px; margin-left:45px; padding:20px 15px; font-size:0}
    .navbar-default .navbar-header .navbar-brand:before{content:''; display:inline-block; width:58px; height:20px; background:transparent url('./../../../../assets/images/common/header_CI_sub.svg')}

    .navbar-default .navbar-collapse{display:block; float:left; width:calc(100% - 227px); padding:0; border:none; box-shadow:none}

    .navbar-default .navbar-nav{width:100%; margin:0}
    .navbar-default .navbar-nav > li{display:inline-block; float:none; margin-left:5vw; vertical-align:top}
    .navbar-default .navbar-nav > li:first-child{margin-left:0}
    .navbar-default .navbar-nav > li > a{margin:12px 0; padding:6px 0 8px; font-weight:400; font-size:14px; color:#000; line-height:22px; text-transform:uppercase}
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover{font-weight:700; color:#000; background-color:transparent}
    .navbar-default .navbar-nav > li.header_search{float:right; margin-left:0}
    .navbar-default .navbar-nav > li .lang_btnWrap{overflow:hidden; float:left; margin:12px 0}
    .navbar-default .navbar-nav > li .lang_btnWrap a{float:left; position:relative; width:36px; margin-left:1px; padding:7px 10px; font-weight:400; font-size:11px; color:#000; line-height:22px; opacity:.4}
    .navbar-default .navbar-nav > li .lang_btnWrap a:before{content:''; display:block; position:absolute; left:-1px; top:12px; width:1px; height:11px; background-color:rgba(0, 0, 0, 0.4)}
    .navbar-default .navbar-nav > li .lang_btnWrap a:first-child{margin-left:0}
    .navbar-default .navbar-nav > li .lang_btnWrap a:first-child:before{content:none}
    .navbar-default .navbar-nav > li .lang_btnWrap a.active{font-weight:700; opacity:1}
    .navbar-default .navbar-nav > li .lang_btnWrap a.active:before{opacity:.4}
    .navbar-default .navbar-nav > li .lang_btnWrap a:hover{opacity:1}
    .navbar-default .navbar-nav > li .lang_btnWrap a:hover:before{opacity:.4}

    .navbar-default .navbar-nav > li .btn_search{float:left; width:36px; height:36px; margin:12px 0; padding:6px 9px 8px; font-size:0; background:transparent url('./../../../../assets/images/common/btn/btn_search_sub.svg') center scroll no-repeat; background-size:18px}
    .navbar-default .navbar-nav > li .btn_youtube{float:left; width:36px; height:36px; margin:12px 0; padding:6px 9px 8px; font-size:0; background:transparent url('./../../../../assets/images/common/btn/btn_youtube_white.svg') center scroll no-repeat; background-size:28px}
    .navbar-default .navbar-nav > li .btn_youtube_sub{float:left; width:36px; height:36px; margin:12px 0; padding:6px 9px 8px; font-size:0; background:transparent url('./../../../../assets/images/common/btn/btn_youtube_black.svg') center scroll no-repeat; background-size:28px}
    .navbar-default .navbar-nav > li .pop_search{display:none; position:fixed; left:0; top:0; width:100%; height:100%}
    .navbar-default .navbar-nav > li .pop_search:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .9)}
        .btn_closeSearch{position:absolute; right:30px; top:20px; width:36px; height:36px; font-size:0}
        .btn_closeSearch:before{content:''; display:block; position:absolute; left:9px; top:18px; width:18px; height:1px; transform:rotate(45deg); background-color:#fff}
        .btn_closeSearch:after{content:''; display:block; position:absolute; left:9px; top:18px; width:18px; height:1px; transform:rotate(135deg); background-color:#fff}
        .form-group{position:relative; display:inline-block; width:38%; margin:102px 0 0; border-bottom:3px solid #fff}
        .form-group input[type="text"]{width:100%; height:auto; padding:0 50px 12px 12px; font-size:24px; color:#fff; line-height:32px; text-align:center; background-color:transparent; border:none; border-radius:0}
        .form-group input[type="text"] + .btn_popSearch{position:absolute; right:11px; top:1px; padding:9px; background-color:transparent; border:none}

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus{font-weight:700; color:#0058a7; background-color:transparent; background-image:none; box-shadow:none; pointer-events:none}

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus{color: #fff;background-color: #3498db;}

    .navbar .dropdown-menu{min-width:190px; margin:0; padding:0; background-color:#444; border:none}
    .navbar .dropdown-menu li a{padding:9px 20px; font-weight:400; font-size:12px; color:#ccc; text-transform:uppercase; background:#444; -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; transition:all 200ms ease-in}

    /* S >> SideMenu */
    .sideMenu_wrap{position:fixed; left:100%; top:0; width:100%; height:100%; z-index:-1}
    .sideMenu_wrap:before{content:''; position:fixed; left:0; width:100%; height:100%; opacity:0; transition:0.3s; background-color:#000}
    .sideMenu_wrap.active{cursor:pointer; z-index:9}
    .sideMenu_wrap.active:before{opacity:0.8}
    .sideMenu_wrap .btn_closeSideMenu{position:absolute; right:31px; top:21px; width:36px; height:36px; font-size:0; z-index:2}
    .sideMenu_wrap .btn_closeSideMenu:before{content:''; display:block; position:absolute; left:8px; top:17px; width:22px; height:1px; transform:rotate(45deg); background-color:#000}
    .sideMenu_wrap .btn_closeSideMenu:after{content:''; display:block; position:absolute; left:8px; top:17px; width:22px; height:1px; transform:rotate(135deg); background-color:#000}

    .sideMenu_wrap .sideMenu_inner_wrap{position:absolute; right:0; top:0; width:88.764%; height:100%; padding:0; cursor:auto; background-color:#fff; z-index:1}
      .sideMenu{display:flex; overflow-x:hidden; overflow-y:auto; width:100%; height:calc(100% - 165px); justify-content:space-evenly}
      .sideMenu > li{margin-top:122px}
      .sideMenu > li > a{font-weight:700; font-size:22px; letter-spacing:-0.011em; line-height:29px; pointer-events:none}
      .sideMenu .sideMenu_sub > li{margin-top:20px}
      .sideMenu .sideMenu_sub > li:first-child{margin-top:36px}
      .sideMenu .sideMenu_sub > li > a{font-size:14px; letter-spacing:-0.016em; line-height:16px}
        .sideMenu_third > li{margin-top:11px}
        .sideMenu_third > li:first-child{margin-top:11px}
        .sideMenu_third > li > a{font-size:12px; letter-spacing:-0.018em; color:#999; line-height:14px}

      .sideMenu_footer{position:absolute; left:117px; bottom:0; width:calc(100% - 172px)}
      .sideMenu_footer .news_sideMenu_wrap{overflow:hidden; padding-bottom:50px; background-color:transparent}
      .sideMenu_footer .news_sideMenu_wrap .news_title{width:100%; color:#000}
      .sideMenu_footer .news_sideMenu_wrap .news_title .btn_news{margin-left:10px}
      .sideMenu_footer .news_sideMenu_wrap .news_title .btn_news:before,
      .sideMenu_footer .news_sideMenu_wrap .news_title .btn_news:after{background-color:#ccc}
      .sideMenu_footer .news_sideMenu_wrap .news{overflow:hidden; width:auto; margin-top:22px}
      .sideMenu_footer .news_sideMenu_wrap .news a{float:left}
      .sideMenu_footer .news_sideMenu_wrap .news a img{width:auto}
      .sideMenu_footer .news_sideMenu_wrap .news a .txt_contents{max-width:175px; padding:5px 21px 0; font-size:14px; color:#000}
      .sideMenu_footer .news_sideMenu_wrap .news a .txt_contents strong{display:block; font-size:14px; color:#000}
      .sideMenu_footer .news_sideMenu_wrap .news a .txt_contents .txt_content{font-size:14px; color:#000}
      .sideMenu_footer .news_sideMenu_wrap .news a .txt_contents .news_date{margin-top:11px; font-size:12px; color:#aaa; line-height:16px}
    
      .sideMenu_footer .sideMenu_link_wrap{overflow:hidden; width:100%; padding:50px 0 82px; border-top:1px solid rgba(0, 0, 0, 0.2)}
      .sideMenu_footer .sideMenu_link_wrap a{float:left; margin-left:40px; font-size:14px; letter-spacing:-0.018em; line-height:32px}
      .sideMenu_footer .sideMenu_link_wrap a:first-child{margin-left:0}
      .sideMenu_footer .sideMenu_link_wrap a.btn_linkPharos{float:right; margin-left:0; padding:3px 36px 3px 19px; font-weight:700; font-size:14px; color:#999; letter-spacing:-0.018em; line-height:24px; background:#fff url('./../../../../assets/images/common/ico_arrowR.png') calc(100% - 19px) scroll no-repeat; border:1px solid #c7c7c7}
      .sideMenu_footer .sideMenu_link_wrap a.btn_linkPharos:hover{padding:4px 37px 4px 20px; color:#fff; text-decoration:none;  background:#0058a7 url('./../../../../assets/images/common/ico_arrowR_over.png') calc(100% - 20px) scroll no-repeat; border:none}

  /* S > MAIN */
    .main{width:100%; clear:both; margin:0}
    .main .container-fluid{padding:0}
    .main .container-fluid .row{margin:0}

  /* S > Container */
    .sub_nav_wrap{position:fixed; top:0; width:100%; padding:60px 0 0; background-color:rgba(255, 255, 255, 1); border-bottom:1px solid #d2d2d2; z-index:5}
      .sub_nav_inner_wrap{max-width:1440px; width:100%; margin:0 auto; padding:0 60px}
      .sub_nav_inner_wrap:after{content:''; clear:both; display:block}
      .sub_nav_inner_wrap .home{float:left; width:50px; height:50px; background:transparent url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15.983'%3e%3cg data-name='그룹 394'%3e%3cg data-name='그룹 393'%3e%3cpath data-name='패스 53' d='M.16 8.869a.5.5 0 00.672.732l3.392-3.113-.656-.746z'/%3e%3cpath data-name='패스 54' d='M3.564 5.748l.656.746 3.93-3.607-.681-.723z'/%3e%3cpath data-name='패스 55' d='M10.352.129c-.007-.007-.015-.011-.023-.017a.468.468 0 00-.041-.031l-.042-.024-.044-.021-.046-.016-.045-.011-.045-.002h-.094l-.047.007-.046.011-.046.016-.044.021a.471.471 0 00-.042.024.452.452 0 00-.041.031c-.007.006-.016.01-.023.017L7.466 2.169l.681.723 1.872-1.718 2.248 2.06.675-.728z'/%3e%3cpath data-name='패스 56' d='M12.932 2.498l-.675.728 3.782 3.466V5.345z'/%3e%3cpath data-name='패스 57' d='M19.839 8.824l-2.807-2.572v1.347l2.136 1.958a.5.5 0 00.671-.732z'/%3e%3cpath data-name='패스 58' d='M7.065 10.971v1.1h.993v-1.1a1.868 1.868 0 01.526-1.3l-.643-.759a2.858 2.858 0 00-.876 2.059z'/%3e%3cpath data-name='패스 59' d='M7.065 14.988l.883.8a.492.492 0 00.11-.308v-3.42h-.993z'/%3e%3cpath data-name='패스 60' d='M3.96 9.231a.5.5 0 00-.993 0v2.847h.993z'/%3e%3cpath data-name='패스 61' d='M3.96 12.074h-.992v3.413a.5.5 0 00.145.35l.848-.847z'/%3e%3cpath data-name='패스 62' d='M9.931 8.105a2.857 2.857 0 00-1.993.81l.643.759a1.87 1.87 0 012.54-.149l.554-.824a2.85 2.85 0 00-1.744-.596z'/%3e%3cpath data-name='패스 63' d='M3.961 14.99l-.848.847a.494.494 0 00.352.146h4.1a.493.493 0 00.387-.188l-.883-.8z'/%3e%3cpath data-name='패스 64' d='M16.039 14.99l.848.847a.5.5 0 00.145-.35v-4.155h-.993z'/%3e%3cpath data-name='패스 65' d='M16.039 11.338h.993V7.597l-.993-.91z'/%3e%3cpath data-name='패스 66' d='M12.798 12.067h-.993v3.421a.493.493 0 00.18.38l.813-.876z'/%3e%3cpath data-name='패스 67' d='M12.798 10.971a2.862 2.862 0 00-1.125-2.272l-.554.824a1.872 1.872 0 01.686 1.448v1.1h.993z'/%3e%3cpath data-name='패스 68' d='M12.795 14.99l-.813.876a.491.491 0 00.316.117h4.241a.5.5 0 00.352-.146l-.848-.847z'/%3e%3cpath data-name='패스 69' d='M17.032 2.233a.5.5 0 10-.993 0v4.462l.993.91V2.233z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center/20px 16px scroll no-repeat; border-left:1px solid #d2d2d2}
        .sub_nav{display:flex; height:50px; margin-bottom:0; border-right:1px solid #d2d2d2}
        .sub_nav:after{content:''; clear:both; display:block}
        .sub_nav > li{float:left; width:33.333%; max-width:224px; min-height:50px; margin-left:-1px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2}
        .sub_nav > li:nth-child(2){width:33.334%}
        .sub_nav > li > a{display:block; position:relative; font-size:14px; color:#000; line-height:50px; padding:0 24px 0 20px}
        .sub_nav > li > a:after{content:''; display:block; position:absolute; right:16px; top:23px; width:8px; height:4px; background:transparent url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3e%3cpath data-name='패스 171' d='M8 0L4 4 0 0z'/%3e%3c/svg%3e") center/contain scroll no-repeat}
        .sub_nav > li.active > a:after{transform:rotate(180deg)}
        .sub_nav > li > ul{display:none; width:calc(100% + 2px); margin-left:-1px; padding:8px 0 12px; background-color:#fff; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2}
        .sub_nav > li > ul > li > a{display:block; padding:8px 30px 9px; font-size:14px; color:#000; line-height:18px}
        .sub_nav > li > ul > li.active > a{font-weight:700; color:#0658a7; pointer-events:none}

    /* S >> Top Banner */
    .sub_topBanner{position:relative; min-width:360px; height:270px; margin-top:110px; z-index:2}
    .sub_topBanner.hasTab{height:320px}
    .sub_topBanner:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.4; z-index:1}
    .sub_topBanner .container{position:relative; max-width:1440px; min-width:360px; width:100%; height:100%; padding:0 60px; z-index:2}
    .sub_topBanner .container .subTitle{display:block; margin-top:160px; font-weight:700; font-size:36px; color:#fff; line-height:48px; text-align:center; white-space:nowrap}
  
    .sub_topBanner.introduceCompany{height:512px}
    .sub_topBanner.introduceCompany .container strong{display:block; margin-top:240px; margin-left:0; font-weight:700; font-size:36px; color:#fff; line-height:44px}
    .sub_topBanner.introduceCompany .container span{display:block; margin-top:25px; margin-left:0; font-weight:700; font-size:16px; color:#fff; line-height:24px}
  

    /* S >> 주요연구분야 */
    /* S >>> 딥러닝기반 VA기술 || 레이더센서 || 암호화기술 */
    .deepLearnVAContents{padding:60px 0 100px}
    .deepLearnVAContents .container{max-width:1440px; width:100%; padding:0 60px; text-align:left}
    .deepLearnVA_title{display:block; font-weight:700; text-align:center}
    .deepLearnVA_title strong{display:block; font-size:28px; color:#000; line-height:36px}
    .deepLearnVA_title .deepLearnVA_title_txt{display:block; margin-top:40px; font-size:14px; color:#999; line-height:22px}
    .deepLearnVA_title span{display:block; margin-top:30px; font-size:22px; color:#000; line-height:36px}
    .deepLearnVA_title + .deepLearnVA_subTitle.deepLearnVA_subTitleTop{margin-top:30px}
    
    .deepLearnVA_subTitle{margin-top:100px}
    .deepLearnVA_subTitle strong{position:relative; padding-top:23px; font-size:18px}
    .deepLearnVA_subTitle strong:before{content:''; display:block; position:absolute; left:0; top:0; width:47px; height:2px; background-color:#000}
    .deepLearnVA_subTitle strong span{display:block; margin-top:30px; font-size:28px; color:#000; line-height:36px}
    .deepLearnVA_subTitle > .img_wrap{/*max-width:1029px;*/ width:74.565%}
    
    
    .deepLearnVA_subTitle.deepLearnVA_subTitleTop{overflow:hidden}
    .deepLearnVA_subTitle.deepLearnVA_subTitleTop strong{float:left}
    .deepLearnVA_subTitle.deepLearnVA_subTitleTop .img_wrap{float:right}
    .deepLearnVA_subTitle.deepLearnVA_subTitleTop .img_wrap img{width:100%; height:100%; object-fit:cover}
    
    .deepLearnVA_subTitle.type1 dl{overflow:hidden; position:relative; margin:0; padding-top:83px; background:transparent url('./../../../../assets/images/common/bg_arrowR.png') center calc(50% + 61px) scroll no-repeat}
    .deepLearnVA_subTitle.type1 dl dt{position:absolute; top:33px; right:0; width:43%; max-width:585px; font-weight:700; font-size:28px; line-height:36px; color:#000}
    .deepLearnVA_subTitle.type1 dl dd{float:right; width:43%; max-width:585px; white-space:nowrap}
    .deepLearnVA_subTitle.type1 dl dd span{font-size:14px; line-height:22px}
    .deepLearnVA_subTitle.type1 dl dd .img_wrap{margin-top:20px}
    .deepLearnVA_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:38px}
    .deepLearnVA_subTitle.type1 dl dt:first-child{left:0; right:auto}
    .deepLearnVA_subTitle.type1 dl dt:first-child + dd{float:left; margin-bottom:30px}

    .deepLearnVA_subTitle.type2 ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin:31px 0 0}
    .deepLearnVA_subTitle.type2 ul li{flex:1 1; margin-left:1.74%; font-weight:700; font-size:16px; text-align:center}
    .deepLearnVA_subTitle.type2 ul li:first-child{margin-left:0}
    .deepLearnVA_subTitle.type2 ul li .img_wrap{height:280px; margin-bottom:22px}
    .deepLearnVA_subTitle.type2 ul li .img_wrap img{width:100%; height:100%; object-fit:cover}

    
    .deepLearnVA_subTitleC{margin-top:80px; padding-top:110px; text-align:center; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center top scroll no-repeat; background-size:93px 48px}
        .deepLearnVA_subTitleC strong{display:block; font-size:22px; line-height:30px}
        .deepLearnVA_subTitleC strong span{display:block; margin-top:10px; font-size:28px; color:#000; line-height:36px}
        .deepLearnVA_subTitleC .img_wrap{margin-top:60px}
        
    .deepLearnVAContents.bgGray{padding:100px 0; background-color:#f7f7f7}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle{overflow:hidden; margin-top:0}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle strong{float:left; width:234px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl{float:left; width:calc(100% - 234px); margin-bottom:0}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dt{margin-top:60px;font-size:28px; color:#000; line-height:36px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dt:first-child{margin-top:30px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd{padding-top:13px; font-weight:400; font-size:14px; line-height:22px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap{overflow:hidden; position:relative; width:100%; margin-top:30px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img{float:left; width:calc(20.4188% - 24px); margin-left:24px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:first-child{width:59.1624%; margin-left:0; border:1px solid #e7e7e7}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:nth-child(4){position:absolute; right:20.4188%; bottom:0}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:nth-child(5){position:absolute; right:0; bottom:0}

    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd > img{width:100%; margin-top:30px}

    /* S >>> 로봇 */
    .robotContentsTop{position:relative; min-width:360px; z-index:4}
    .robotContentsTop .container{position:relative; max-width:1440px; width:100%; margin:0 auto; padding:0}
    .robotContentsTop .container [data-type="tab"]{display:flex; position:absolute; top:-48px; left:60px; width:calc(100% - 120px)}
    .robotContentsTop .container [data-type="tab"] > li{flex:1 1}
    .robotContentsTop .container [data-type="tab"] > li > a{display:block; padding:13px 0; font-weight:700; font-size:14px; line-height:22px; color:#999; text-align:center; background-color:rgb(0, 0, 0, 0.8)}
    .robotContentsTop .container [data-type="tab"] > li:hover a,
    .robotContentsTop .container [data-type="tab"] > li.active a{color:#000; background-color:#fff}

    .robotContents{position:relative; z-index:3}
    /* .robotContents .container{max-width:1440px; width:100%; padding:62px 60px 60px; text-align:left} */

      #robotStatus > li{display:none; min-width:360px}
      #robotStatus > li.active{display:block}
      #robotStatus > li > strong{font-weight:700; font-size:28px; line-height:36px}
      #robotStatus > li > strong span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px}

      .robot_title{display:block; font-weight:700; text-align:center}
      .robot_title + .robot_subTitle{margin-top:100px}
      .robot_title strong{display:block; font-size:28px; color:#000; line-height:36px}
      .robot_title .robot_title_txt{display:block; margin-top:40px; font-size:14px; color:#999; line-height:22px}
      .robot_title span{display:block; margin-top:30px; font-size:22px; color:#000; line-height:36px}

      .robot_subTitle{overflow:hidden}
      .robot_subTitle > strong{position:relative; float:left; padding-top:23px; font-size:18px}
      .robot_subTitle > strong:before{content:''; display:block; position:absolute; left:0; top:0; width:47px; height:2px; background-color:#000}
      .robot_subTitle > strong span{display:block; margin-top:30px; font-size:28px; color:#000; line-height:36px}
      .robot_subTitle > .img_wrap{width:74.565%}

      .robot_subTitle > .robot_subTitle_list{display:flex; float:left; flex-wrap:wrap; margin-top:60px}
      .robot_subTitle > .robot_subTitle_list > li{flex:1 1; margin-left:24px}
      .robot_subTitle > .robot_subTitle_list > li:first-child{margin-left:0}
      .robot_subTitle > .robot_subTitle_list > li strong{display:block; font-size:28px; color:#000; line-height:36px}
      .robot_subTitle > .robot_subTitle_list > li .img_wrap{margin-top:30px; width:100%}

      .robot_subTitleC{margin-top:80px; padding-top:110px; text-align:center; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center top scroll no-repeat; background-size:93px 48px}
      .robot_subTitleC > strong{display:block; font-size:22px; line-height:30px}
      .robot_subTitleC > strong span{display:block; margin-top:10px; font-size:28px; color:#000; line-height:36px}
      .robot_subTitleC > strong span em{font-style:normal; color:#0658a7}
      .robot_subTitleC > .robot_subTitleC_list{display:flex; float:left; flex-wrap:wrap; margin-top:0px}
      .robot_subTitleC > .robot_subTitleC_list > li{flex:1 1; margin-left:24px}
      .robot_subTitleC > .robot_subTitleC_list > li:first-child{margin-left:0}
      .robot_subTitleC > .robot_subTitleC_list > li  .img_wrap{margin-top:60px; width:100%}
      
      .robot_subTitle.robot_subTitleTop strong{float:left}
      .robot_subTitle.robot_subTitleTop .img_wrap{float:right}
      .robot_subTitle.robot_subTitleTop .img_wrap img{width:100%; height:100%; object-fit:cover}

    .robotContents.bgGray{background-color:#f7f7f7}
    /* .robotContents.bgGray .container{padding:0} */
    .robotContents.bgGray .robot_subTitle{overflow:hidden}
    .robotContents.bgGray .robot_subTitle strong{float:left; width:234px}
    .robotContents.bgGray .robot_subTitle dl{float:left; width:calc(100% - 234px); margin-bottom:0}
    .robotContents.bgGray .robot_subTitle dl dt{margin-top:60px;font-size:28px; color:#000; line-height:36px}
    .robotContents.bgGray .robot_subTitle dl dt:first-child{margin-top:30px}
    .robotContents.bgGray .robot_subTitle dl dd{padding-top:13px; font-weight:400; font-size:14px; line-height:22px}
    .robotContents.bgGray .robot_subTitle dl dd .img_wrap{overflow:hidden; position:relative; width:100%; margin-top:30px}

    .robotContents.bgGray .robot_subTitle dl dd.unit2 .img_wrap img{width:calc(50% - 12px)}
    .robotContents.bgGray .robot_subTitle dl dd.unit2 .img_wrap img:first-child{float:left}
    .robotContents.bgGray .robot_subTitle dl dd.unit2 .img_wrap img:last-child{float:right}

    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img{float:left; width:calc(39.75% - 12px)}
    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img:first-child{width:calc(60.25% - 12px); margin-right:24px}
    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img:last-child{position:absolute; right:0; bottom:0}

    .robotContents.bgGray .robot_subTitle dl dd > img{width:100%; margin-top:30px}

    .robot_subTitle.type1 dl{float:left; overflow:hidden; position:relative; width:100%; margin:0; padding-top:180px; background:transparent url('./../../../../assets/images/common/bg_arrowR.png') calc(21.0145% + (15.942% - 42px) / 2) calc(50% + 12px) scroll no-repeat}
    .robot_subTitle.type1 dl dt{position:absolute; top:50px; right:0; width:calc(63.0435% + 42px); font-weight:400; font-size:14px; line-height:22px; color:#000}
    .robot_subTitle.type1 dl dt strong{display:block; margin-bottom:13px; font-weight:700; font-size:28px; line-height:36px;}
    .robot_subTitle.type1 dl dd{float:right; overflow:hidden; width:calc(63.0435% + 42px); white-space:nowrap}
    .robot_subTitle.type1 dl dd span{font-size:14px; line-height:22px}
    .robot_subTitle.type1 dl dd .img_wrap{float:left; width:calc((100% - 42px) / 3); margin-left:21px}
    .robot_subTitle.type1 dl dd .img_wrap:first-child{margin-left:0}
    .robot_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:38px}
    .robot_subTitle.type1 dl dt:first-child{left:0; right:auto; width:21.0145%}
    .robot_subTitle.type1 dl dt:first-child + dd{float:left; width:21.0145%}
    .robot_subTitle.type1 dl dt:first-child + dd .img_wrap{width:100%}

    .robot_subTitle.type2 strong{margin-top:100px;}
    .robot_subTitle.type2 ul{display:flex; float:left; flex-wrap:wrap; width:100%; justify-content:space-between; margin:61px 0 0;}
    .robot_subTitle.type2 ul li{flex:1 1; margin-left:1.74%; font-weight:700; font-size:16px; text-align:center}
    .robot_subTitle.type2 ul li:first-child{margin-left:0}
    .robot_subTitle.type2 ul li .img_wrap{margin-bottom:22px}
    .robot_subTitle.type2 ul li .img_wrap img{width:100%; height:100%; object-fit:cover}

    .robot_subTitle.type3 dl{overflow:hidden; position:relative; width:100%; margin:0; padding-top:83px; background:transparent url('./../../../../assets/images/common/bg_arrowR.png') center calc(50% + 61px) scroll no-repeat}
    .robot_subTitle.type3 dl dt{position:absolute; top:33px; right:0; width:43%; max-width:585px; font-weight:400; font-size:14px; line-height:22px; color:#000}
    .robot_subTitle.type3 dl dt strong{display:block; margin-bottom:13px; font-weight:700; font-size:28px; line-height:36px;}
    .robot_subTitle.type3 dl dd{float:right; width:43%; max-width:585px; padding-top:20px; white-space:nowrap}
    .robot_subTitle.type3 dl dd span{font-size:14px; line-height:22px}
    .robot_subTitle.type3 dl dd .img_wrap{float:left; width:calc((100% - 21px) / 2); margin-top:20px; margin-left:21px}
    .robot_subTitle.type3 dl dd .img_wrap:first-child{margin-left:0}
    .robot_subTitle.type3 dl dt:first-child{left:0; right:auto}
    .robot_subTitle.type3 dl dt:first-child + dd{float:left}


    /* S >> 융합서비스 */
    /* S >>> 무인교통감시서비스 || 영상보안서비스 || 영상분석서비스 || 로봇기반방범 */
    .convergenceService_subBox{margin-top:24px; margin-left:17%; padding:62px 117px 80px; background-color:#fff}
    .convergenceService_subBox > strong{font-weight:700; font-size:28px; color:#0658A7; line-height:36px}
    .convergenceService_subBox > ul{display:flex; margin-top:32px; margin-bottom:0}
    .convergenceService_subBox > ul li{flex:1 1;; position:relative; margin-left:24px}
    .convergenceService_subBox > ul li:before{content:''; position:absolute; left:0; top:50%; width:48px; height:48px; margin-top:-46px; margin-left:-36px; background:transparent url('./../../../../assets/images/common/btn/btn_add.png') center scroll no-repeat; background-size:contain}
    .convergenceService_subBox > ul li:first-child{margin-left:0}
    .convergenceService_subBox > ul li:first-child:before{content:none}
    .convergenceService_subBox > ul li span{display:block; margin-top:22px; font-weight:700; font-size:16px; color:#000; line-height:22px; text-align:center}
    .convergenceService_subBox > img{display:block; margin:61px auto 0}
    .convergenceService_subBox > p{display:block; margin-top:42px; margin-bottom:0; font-weight:700; font-size:28px; color:#000; line-height:36px; text-align:center}
    .convergenceService_subBox > p ~ p{margin-top:32px}
    .convergenceService_subBox > p strong{color:#1f98d5}
    .convergenceService_subBox > span{display:block; margin-top:13px; font-weight:400; font-size:14px; line-height:22px; text-align:center}

    .convergenceService_sub_list{display:flex; margin-top:32px; margin-bottom:80px}
    .convergenceService_sub_list li{flex:1 1; height:280px; margin-left:24px}
    .convergenceService_sub_list li:first-child{margin-left:0}
    .convergenceService_sub_list li span{display:block; margin-top:22px; font-weight:700; font-size:16px; color:#000; line-height:22px; text-align:center}

    .convergenceService_sub_wrap .container{max-width:1440px; width:100%; text-align:left}
    .convergenceService_sub_wrap dl{margin:0}
    .convergenceService_sub_wrap .img_wrap img{width:100%; height:100%; object-fit:cover}
        .convergenceService_subTitle{display:block; font-weight:700; font-size:22px; line-height:36px; text-align:center}
        .convergenceServiceT_wrap{display:flex; margin-top:100px}
            .convergenceServiceTL_wrap{flex:1 1; padding-right:70px; padding-bottom:40px}
            .convergenceServiceTL_wrap dl{position:relative; width:calc(100% - 90px); margin-top:140px; margin-left:90px; padding-top:calc(100% - 142px); border:26px solid rgba(31, 152, 213, 0.15); border-radius:50%}
            .convergenceServiceTL_wrap dt{position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-weight:700; font-size:28px; color:#0658a7; line-height:36px}

            .convergenceServiceTL_wrap dd{position:absolute; width:46.026%; max-width:220px}
            .convergenceServiceTL_wrap dd:nth-child(2){left:27%; top:-23%}
            .convergenceServiceTL_wrap dd:nth-child(3){left:-23%; bottom:0}
            .convergenceServiceTL_wrap dd:nth-child(4){right:-23%; bottom:0}

            .convergenceServiceTL_wrap dd a{display:block; overflow:hidden; position:relative; border-radius:50%}
            .convergenceServiceTL_wrap dd a span{display:none}
            .convergenceServiceTL_wrap dd a:hover span{display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; font-weight:700; font-size:16px; color:#fff; line-height:22px; text-align:center; background-color:rgba(31, 153, 214, 0.8)}
            
            .convergenceServiceTR_wrap{flex:1 1; padding-left:70px}
            .convergenceServiceTR_wrap ul{margin-top:22px; margin-bottom:0}

            .convergenceServiceTR_wrap.type1 ul{overflow:hidden}
            .convergenceServiceTR_wrap.type1 ul li{float:left; width:calc(50% - 12px)}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(1){margin-right:12px}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(2){margin-left:12px}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(3){clear:both; width:100%}
            .convergenceServiceTR_wrap.type1 ul li .img_wrap{height:280px}
            .convergenceServiceTR_wrap.type1 ul li span{display:block; width:100%; padding:12px 0 31px; font-weight:700; font-size:16px; line-height:22px; text-align:center}

            .convergenceServiceTR_wrap.type2 ul li span{display:block; width:100%; padding:12px 0 31px; font-weight:700; font-size:16px; line-height:22px; text-align:center}
            .convergenceServiceTR_wrap.type2 ul li .img_wrap{height:280px}

            .convergenceServiceTR_wrap.type3 ul{overflow:hidden}
            .convergenceServiceTR_wrap.type3 ul li{float:left; width:calc(50% - 12px)}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(1){width:100%}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(2){margin-right:12px}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(3){margin-left:12px}
            .convergenceServiceTR_wrap.type3 ul li .img_wrap{height:280px}
            .convergenceServiceTR_wrap.type3 ul li span{display:block; width:100%; padding:12px 0 31px; font-weight:700; font-size:16px; line-height:22px; text-align:center}
            
    .convergenceService_sub_wrap.bgGray{background-color:#f7f7f7}
    .convergenceService_sub_wrap.bgGray .container{padding:100px 60px}
    .convergenceService_sub_wrap.bgGray .container .subBarTitle + .convergenceService_subBox{margin-top:-50px}


    /* S >> 핵심제품 */
    /* S >>> CUBE-HIDE || 무인교통감시장치 || AI유닛임베디드디바이스 || ARVO */
      .product_table{width:100%; margin-top:31px; background-color:#fff; border-top:2px solid #0058a7; border-bottom:2px solid #0058a7}
      .product_table thead th{padding-left:24px; font-weight:700; font-size:16px; color:#0058a7; line-height:50px; border-bottom:2px solid #0058a8}
      
      .product_table tbody tr:first-child td{border-top:none}
      .product_table tbody td{padding:10px 24px; font-size:14px; color:#000; line-height:20px; border-top:1px solid #999}
    /* .coreProduct_wrap{} */
    .coreProduct_wrap .container{max-width:1440px; width:100%; text-align:left}
    .coreProduct_wrap .container-fluid{padding:0}
    .coreProduct_wrap .container-fluid .img_wrap img{width:100%; height:100%; object-fit:cover}
        .coreProductTitle{display:block; position:relative; padding-bottom:140px; font-weight:700; font-size:36px; line-height:48px; text-align:center}
        .coreProductTitle span{display:block; margin-top:36px; font-size:22px; line-height:36px}
        .coreProductTitle .img_wrap{position:absolute; left:50%; transform:translate(-50%, 0)}
        .coreProductTitle.topType1 .img_wrap{bottom:-290px}
        .coreProductTitle.topType2 .img_wrap{bottom:-300px}
        .coreProductTitle.topType3 .img_wrap{bottom:-300px}
        .coreProductTitle.topType4{padding-bottom:0; text-align:center}
        .coreProductTitle.topType4 .img_wrap{position:static; bottom:0; left:0; margin-top:100px; transform:none}
        
        .coreProduct_list1{margin-bottom:0}
        .coreProduct_list1 > li{display:flex; position:relative; margin-top:32px}
        .coreProduct_list1 > li:first-child{margin-top:31px}
        .coreProduct_list1 > li:nth-child(even){flex-direction: row-reverse}
        .coreProduct_list1 > li:nth-child(odd) .txt_wrap{left:34%; padding-left:36px}
        .coreProduct_list1 > li:nth-child(even) .txt_wrap{padding-right:36px}
        .coreProduct_list1 > li .img_wrap{width:34%; max-width:468px; height:240px}
        .coreProduct_list1 > li .img_wrap img{width:100%; height:100%; object-fit:cover}
        .coreProduct_list1 > li .txt_wrap{display:flex; flex-direction:column; position:absolute; left:0; top:50%; width:66%; justify-content:left; align-items:center; transform:translate(0, -50%)}
        .coreProduct_list1 > li .txt_wrap strong{display:flex; width:100%; font-weight:700; font-size:28px; color:#1f98d5; justify-content:left}
        .coreProduct_list1 > li .txt_wrap span{display:flex; width:100%; padding-top:13px; font-weight:400; font-size:14px; line-height:22px; word-break:keep-all}

        .coreProduct_list2{margin-bottom:0}
        .coreProduct_list2:after{content:''; clear:both; display:block}
        .coreProduct_list2 > li{float:right; width:calc(50% - 12px)}
        .coreProduct_list2 > li:nth-child(odd){float:left; padding-right:24px}
        .coreProduct_list2 > li .img_wrap{margin-top:31px}
        .coreProduct_list2 > li .coreProduct_list_box{display:block; overflow:hidden; text-align:center}
        .coreProduct_list2 > li .coreProduct_list_box .img_wrap{float:left; width:calc(50% - 12px); margin-left:12px}
        .coreProduct_list2 > li .coreProduct_list_box .img_wrap:first-child{margin-right:12px; margin-left:0}
        .coreProduct_list2 > li .coreProduct_list_box strong{clear:both; display:block; width:100%; padding-top:22px; font-size:16px; line-height:22px}
        .coreProduct_list2 > li .coreProduct_list_box span{display:block; width:100%; margin-top:7px; font-size:12px; line-height:22px}

        .coreProduct_list3{display:flex; flex-wrap:wrap; justify-content:center}
        .coreProduct_list3 > li{flex:0 1 50%}
        .coreProduct_list3 > li:nth-child(odd){padding-right:12px}
        .coreProduct_list3 > li:nth-child(even){padding-left:12px}
        .coreProduct_list3 > li .video_wrap{overflow:hidden; width:100%}
        .coreProduct_list3 > li .video_wrap video{width:100%}
        .coreProduct_list3 > li > span{display:block; width:100%; padding-top:22px; font-weight:700; font-size:16px; line-height:22px; text-align:center}
        .coreProduct_list3 > li .img_wrap + .video_wrap{margin-top:100px}
        .coreProduct_list3 > li.hasTable{padding-bottom:60px}

        .coreProduct_list4{display:flex; flex-wrap:wrap; margin-top:31px}
        .coreProduct_list4 > li{flex-basis:calc((100% - 96px) / 5); margin-left:24px;}
        .coreProduct_list4 > li:nth-child(5n + 1){margin-left:0}
        .coreProduct_list4 > li:nth-child(n + 6){margin-top:30px}

        .coreProduct_list4 > li strong{display:block; padding-top:12px; font-weight:700; font-size:16px; color:#0658a7; line-height:22px; text-align:center}
        .coreProduct_list4 > li span{display:block; padding-top:12px; font-size:14px; line-height:20px; text-align:center}

        .coreProduct_list5{overflow:hidden; margin-top:31px; margin-bottom:0}
        .coreProduct_list5 > li{float:left; width:calc(50% - 12px); margin-left:24px; margin-top:24px}
        .coreProduct_list5 > li:first-child{margin-top:0; margin-left:0}
        .coreProduct_list5 > li:nth-child(2){margin-top:0}
        .coreProduct_list5 > li:nth-child(3){width:calc((100% - 48px) / 3); margin-left:0}
        .coreProduct_list5 > li:nth-child(4),
        .coreProduct_list5 > li:nth-child(5){width:calc((100% - 48px) / 3)}

        .coreProduct_download_list{display:block; overflow:hidden; margin-bottom:0}
        .coreProduct_download_list dt{display:block; float:left; width:100%; font-weight:700; font-size:22px; line-height:36px; text-align:center}
        .coreProduct_download_list dd{float:left; overflow:hidden; width:calc((100% - 48px) / 3); margin-top:24px; margin-left:24px; padding:21px 30px 30px; border:1px solid #c7c7c7; border-radius:12px}
        .coreProduct_download_list dd:nth-child(3n + 2){margin-left:0}
        .coreProduct_download_list dd strong{display:block; float:left; font-weight:700; font-size:18px; line-height:22px}
        .coreProduct_download_list dd span{clear:both; display:block; float:left; margin-top:12px; font-size:12px; line-height:22px}
        .coreProduct_download_list dd a{clear:both; float:left; min-width:100px; margin-top:21px; font-weight:700; font-size:12px; line-height:30px; text-align:center; text-decoration:none; border:1px solid #000; border-radius:15px}
        .coreProduct_download_list dd a:hover{color:#fff; background-color:#000}

    .coreProduct_wrap.bgGray{background-color:#f7f7f7}
    .coreProduct_wrap.bgGray .container.system{padding-top:265px}
    .coreProduct_wrap.bgGray .container.system .systemBox{padding:68px 117px 60px; background-color:#fff}
    .coreProduct_wrap.bgGray .container.system .systemBox strong{display:block; font-weight:700; font-size:22px; line-height:30px; text-align:center}
    .coreProduct_wrap.bgGray .container.system .systemBox .img_wrap{margin-top:50px}


    /* S >> 조달우수제품 */
    /* S >>> 공통 */
    .excellentProcurementProduct_wrap{position:relative; z-index:4}
    .excellentProcurementProduct_wrap .container{position:relative; max-width:1440px; width:100%; padding:0; text-align:left}
    .excellentProcurementProduct_wrap .container [data-type="tab"]{display:flex; position:absolute; top:-48px; left:0; width:100%}
    .excellentProcurementProduct_wrap .container [data-type="tab"] > li{flex:1 1}
    .excellentProcurementProduct_wrap .container [data-type="tab"] > li > a{display:block; padding:13px 0; font-weight:700; font-size:14px; line-height:22px; color:#999; text-align:center; background-color:rgb(0, 0, 0, 0.8)}
    .excellentProcurementProduct_wrap .container [data-type="tab"] > li:hover a,
    .excellentProcurementProduct_wrap .container [data-type="tab"] > li.active a{color:#000; background-color:#fff}

    /* S >>> [Tab] 우수제품소개 */
    .excellentProcurementProduct1{text-align:center}
    .excellentProcurementProduct1 .container strong{display:block; font-weight:700; font-size:48px; line-height:64px}
    .excellentProcurementProduct1 .container span{display:block; margin-top:15px; font-size:16px; line-height:20px}
    .excellentProcurementProduct1 .container p{margin-bottom:0; font-weight:700; margin-top:30px; font-size:22px}

    .excellentProcurementProduct2.bgGray{background-color:#f7f7f7}
    .excellentProcurementProduct2 .container{overflow:auto}
    .excellentProcurementProduct2 .container strong{display:block; font-weight:700; font-size:22px; line-height:30px; text-align:center}
    .excellentProcurementProduct2 .container strong ~ .img_wrap{min-width:666px; margin-top:40px}
    .excellentProcurementProduct2 .container strong ~ .img_wrap img{width:100%}

    /* .excellentProcurementProduct3{} */
    .excellentProcurementProduct3 .container strong{display:block; font-weight:700; font-size:22px; line-height:30px; text-align:center}
    .excellentProcurementProduct3 .container ul{display:flex; flex-wrap:wrap; justify-content:space-around}
    .excellentProcurementProduct3 .container ul li{flex:1 1; flex-basis:calc(100% / 3); margin-top:40px}
    .excellentProcurementProduct3 .container ul li .img_wrap{display:flex; overflow:hidden; width:214px; height:214px; margin:auto; justify-content:center; align-items:center; border:1px solid #707070; border-radius:50%}
    .excellentProcurementProduct3 .container ul li .img_wrap img{width:50px; height:50px}
    .excellentProcurementProduct3 .container ul li strong{display:block; margin-top:30px; font-size:18px; line-height:24px; text-align:center}
    .excellentProcurementProduct3 .container ul li span{display:block; margin-top:12px; font-size:12px; line-height:22px; text-align:center}

    /* S >>> [Tab] 우수제품규격 */
    /* .excellentProductStandard{} */
    .excellentProductStandard .container strong{display:block; font-weight:700; font-size:48px; line-height:64px; text-align:center}
      .excellentProductStandard_list_controll{overflow:hidden; margin-top:50px}
        .excellentProductStandard_search_wrap{float:right; overflow:hidden; position:relative; height:39px}
        .excellentProductStandard_search_wrap:before{content:''; display:block; position:absolute; left:106px; top:9px; width:1px; height:22px; background-color:#d2d2d2}
        .excellentProductStandard_search_wrap select{float:left; height:39px; padding:0 20px; font-size:12px; border:1px solid #d2d2d2; border-right:none; border-radius:4px 0 0 4px}
        .excellentProductStandard_search_wrap input[type="text"]{float:left; position:relative; width:212px; padding-left:40px; font-size:12px; line-height:37px; background-color:transparent; border:none; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2}
        .excellentProductStandard_search_wrap a{display:block; float:left; width:72px; font-size:16px; color:#fff; line-height:39px; text-align:center; background-color:#0658A7; border-radius:4px}
      .common_board_excellentProductStandard_list_wrap{overflow-x:auto; overflow-y:hidden; width:100%; text-align:center}
        .common_board_excellentProductStandard_list{width:100%; min-width:768px; margin-top:15px; border-top:2px solid #0058a7; border-bottom:1px solid #0058a7}
        .common_board_excellentProductStandard_list thead th{padding:14px 0; font-weight:700; font-size:16px; color:#0058a7; line-height:22px; text-align:center; background-color:#f7f7f7}
        .common_board_excellentProductStandard_list tbody td{padding:14px 0; font-size:14px; color:#666; line-height:22px; border-top:1px solid #999}
        .common_board_excellentProductStandard_list tbody td a{display:inline-block; margin:0 6px}
        .common_board_excellentProductStandard_list + .paginate_wrap{text-align:center}
        .common_board_excellentProductStandard_list + .paginate_wrap li:first-child{margin-left:0 !important}
        .common_board_excellentProductStandard_list + .paginate_wrap li{margin-left:10px !important}
        .common_board_excellentProductStandard_list + .paginate_wrap li a{display:inline-block; width:20px; height:20px; line-height:20px !important; vertical-align:middle}
        .common_board_excellentProductStandard_list + .paginate_wrap li.active a{color:#0058a7; line-height:20px; background-color:#f7f7f7; border-radius:4px}
        .common_board_excellentProductStandard_list + .paginate_wrap li.btn_prev a,
        .common_board_excellentProductStandard_list + .paginate_wrap li.btn_next a{width:auto; font-weight:700; color:#666}
        .common_board_excellentProductStandard_list + .paginate_wrap li.btn_prev + li,
        .common_board_excellentProductStandard_list + .paginate_wrap li.btn_next{margin-left:20px !important}
        .common_board_excellentProductStandard_list ~ .btn_download_write{float:right; margin-top:10px}

    /* S >>> [Tab] 활용시스템 */
    /* .applicationSystem{} */
    .applicationSystem .container strong{display:block; font-weight:700; font-size:48px; line-height:64px; text-align:center}
    .applicationSystem .container ul{display:flex; flex-direction:column; margin-top:36px}
    .applicationSystem .container ul li{display:flex; flex-direction:row-reverse; margin-top:24px}
    .applicationSystem .container ul li .img_wrap{flex:1 1; margin-left:12px}
    .applicationSystem .container ul li .img_wrap img{width:100%; height:100%; object-fit:cover}
    .applicationSystem .container ul li .txt_wrap{display:flex; flex:1 1; flex-direction:column; justify-content:center; margin-right:12px; text-align:left}
    .applicationSystem .container ul li .txt_wrap strong{display:block; padding-left:115px; font-weight:700; font-size:36px; color:#0058a7; line-height:48px; text-align:left}
    .applicationSystem .container ul li .txt_wrap span{margin-top:24px; padding-left:115px; font-size:16px;}

    .applicationSystem .container ul li:nth-child(even){flex-direction:row}
    .applicationSystem .container ul li:nth-child(even) .img_wrap{margin-left:0; margin-right:12px}
    .applicationSystem .container ul li:nth-child(even) .txt_wrap{margin-left:12px; margin-right:0}


    /* S >> 회사소개 */
    /* S >>> 회사소개 */
    .introduceCompanyContents.bgGray{background-color:#f7f7f7}
    .introduceCompany_list{margin-bottom:100px}
        .introduceCompany_list dt{margin-top:60px; font-weight:700; font-size:28px; line-height:36px; text-align:center}
        .introduceCompany_list dt:before{content:''; display:block; width:100px; height:2px; margin:0 auto 52px; background-color:#000}
        .introduceCompany_list dd{max-width:912px; margin:20px auto 0; font-size:14px; line-height:22px; text-align:center; word-break:keep-all}
    .introduceCompanyContents .container.introduceCompanyInfo{overflow:hidden}
    .introduceCompanyInfo img{float:left; max-width:585px; width:42.3914%}
    .introduceCompanyInfo strong{display:block; float:left; width:57.6086%; margin-top:1.5942%; padding-left:6.7391%; font-weight:700; font-size:22px; text-align:left}
    .introduceCompanyInfo dl{float:right; overflow:hidden; width:57.6086%; margin:0.9420% 0 0.7246%; padding-left:6.7391%}
    .introduceCompanyInfo dl dt{clear:both; float:left; width:117px; font-weight:700; font-size:12px; line-height:18px; text-align:left}
    .introduceCompanyInfo dl dd{float:left; width:calc(100% - 117px); font-size:12px; line-height:18px; text-align:left; word-break:keep-all}
    /* S >>> CEO인사말 */
    /* S >>> 연혁 */
    .historyContents .container{text-align:left}
    .historyContents .container > strong{display:block; width:50%; padding-top:2px; padding-right:12px; font-weight:700; font-size:28px; line-height:36px; word-break:keep-all}
    .historyContents .container > strong > br{display:none}
    .historyContents .container > strong span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px}
        .history_list{margin-bottom:0}
        .history_list li{float:left; display:block; position:relative; width:100%; margin-top:60px}
        .history_list li .txt_wrap{float:left; width:calc(50% - 12px); margin-right:12px}
        .history_list li .txt_wrap dl{margin-bottom:0}
        .history_list li .txt_wrap dl dt{font-weight:400; font-size:72px; line-height:96px}
        .history_list li .txt_wrap dl dt + dd{margin-top:26px}
        .history_list li .txt_wrap dl dd{overflow:hidden}
        .history_list li .txt_wrap dl dd strong{float:left; width:37px; font-weight:700; font-size:14px; color:#999; line-height:22px}
        .history_list li .txt_wrap dl dd span{float:right; width:calc(100% - 37px); font-weight:400; font-size:14px; line-height:22px; text-align:left}
        .history_list li .img_wrap{float:right; position:absolute; right:0; top:-6px; width:calc(50% - 12px); margin-left:12px; background-color:#e7e7e7}
        .history_list li .img_wrap img{width:100%; height:100%; object-fit:cover}
        .history_list li.typeR .txt_wrap{float:right; margin-left:12px; margin-right:0; padding-left:93px}
        .history_list li.typeR .img_wrap{float:left; right:auto; left:0; margin-left:0; margin-right:12px}
        .history_list li.y2020 .img_wrap{top:-190px}
        .history_list li.y2016 .img_wrap{top:-270px}
        .history_list li.y2010 .img_wrap{top:-230px}
        .history_list li.y2008 .img_wrap{top:-230px}
        .history_list li.y2006 .img_wrap{top:-290px}
        .history_list li.y2004 .img_wrap{top:-270px}
    /* S >>> 인재상 */
        .talent_list{display:flex; flex-wrap:wrap; overflow:hidden; margin:0}
        .talent_list li{float:left; position:relative; width:calc(50% - 12px); padding:32px 0 40px; text-align:center; border:1px solid #e7e7e7}
        .talent_list li:nth-child(1),
        .talent_list li:nth-child(4){margin-right:12px; z-index:1}
        .talent_list li:nth-child(3){clear:both; width:100%; height:500px; padding:0; background:transparent url('./../../../../assets/images/sub/05/sub5_04_contents.png') center scroll no-repeat; background-size:258px 82px; border:none}
        .talent_list li:nth-child(2),
        .talent_list li:nth-child(5){margin-left:12px; z-index:2}
        .talent_list li:nth-child(1):before{content:''; position:absolute; bottom:-60px; left:50%; width:calc(100% + 18px); height:60px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7}
        .talent_list li:nth-child(4):before{content:''; position:absolute; top:-60px; left:50%; width:calc(100% + 18px); height:60px; border-top:1px solid #e7e7e7; ; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7}
        .talent_list li:nth-child(1):after{content:''; position:absolute; bottom:-63px; left:50%; width:7px; height:7px; margin-left:-3px; background-color:#1f98d5; border-radius:50%}
        .talent_list li:nth-child(2):before{content:''; position:absolute; bottom:-63px; left:-13px; width:7px; height:7px; margin-left:-3px; background-color:#1f98d5; border-radius:50%}
        .talent_list li:nth-child(2):after{content:''; position:absolute; bottom:-63px; left:50%; width:7px; height:7px; margin-left:-12px; background-color:#1f98d5; border-radius:50%}
        .talent_list li:nth-child(3):before{content:''; position:absolute; top:60px; left:50%; width:1px; height:60px; background-color:#e7e7e7}
        .talent_list li:nth-child(3):after{content:''; position:absolute; bottom:60px; left:50%; width:1px; height:60px; background-color:#e7e7e7}
        .talent_list li:nth-child(4):after{content:''; position:absolute; top:-63px; left:50%; width:7px; height:7px; margin-left:-3px; background-color:#1f98d5; border-radius:50%}
        .talent_list li:nth-child(5):before{content:''; position:absolute; top:-63px; left:-13px; width:7px; height:7px; margin-left:-3px; background-color:#1f98d5; border-radius:50%}
        .talent_list li:nth-child(5):after{content:''; position:absolute; top:-63px; left:50%; width:7px; height:7px; margin-left:-12px; background-color:#1f98d5; border-radius:50%}
        .talent_list li strong{display:block; font-weight:700; font-size:28px; color:#1f98d5; line-height:36px}
        .talent_list li span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px; word-break:keep-all}
    /* S >>> 조직도 */
    .organizationContents .container strong{display:block; font-weight:700; font-size:28px; line-height:36px; text-align:left}
    .organizationContents .container strong span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px; text-align:left}
    .organizationContents.bgGray{overflow-x:auto; background-color:#f7f7f7}
    .organizationContents.bgGray .container{min-width:690px; text-align:center}
    .organizationContents.bgGray .container > dl{overflow:hidden; position:relative; margin-bottom:0}
    .organizationContents.bgGray .container > dl > dt{position:relative; width:calc((100% - 48px) / 3); margin:0 auto; padding:29px 0; font-weight:700; font-size:22px; color:#fff; line-height:22px; background-color:#0658a7}
    .organizationContents.bgGray .container > dl > dt:before{content:''; display:block; position:absolute; left:50%; bottom:-60px; width:1px; height:60px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dt + dd{position:relative; width:calc((100% - 48px) / 3); margin:60px auto 0; padding:29px 0; font-weight:700; font-size:22px; color:#fff; line-height:22px; background-color:#1f98d5}
    .organizationContents.bgGray .container > dl > dt + dd:before{content:''; display:block; position:absolute; left:100%; top:50%; width:calc(50% + 24px); height:1px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dt + dd:after{content:''; display:block; position:absolute; left:50%; top:80px; width:1px; height:80px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dt + dd span{display:block; position:absolute; left:120%; top:0; width:80%; max-width:327px; padding:29px 0; font-weight:700; font-size:22px; color:#fff; line-height:22px; white-space:nowrap; background-color:#999}
    .organizationContents.bgGray .container > dl > dd:last-child{margin-top:80px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"]{position:relative; margin-bottom:0; padding-top:80px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"]:before{content:''; position:absolute; top:0; left:calc((100% - 48px) / 6); width:calc(50% - ((100% - 48px) / 6)); height:1px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"]:after{content:''; clear:both; display:block; font-size:0; line-height:0}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li{float:left; width:calc((100% - 48px) / 3); margin-left:12px; margin-right:12px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:before{content:''; position:absolute; top:0; width:1px; height:80px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:first-child{margin-left:0; margin-right:12px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:last-child{margin-left:12px; margin-right:0}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:last-child:before{height:200px; top:-120px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li a{display:block; padding:29px 0; font-weight:700; font-size:22px; color:#999; line-height:22px; background-color:#fff}
    
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:hover a,
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li.active a{color:#000}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li{position:relative; padding:80px 0 0; font-size:0}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:before{content:''; position:absolute; top:0; width:1px; height:80px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:after{content:''; display:block; position:absolute; left:calc(((100% - 72px) / 4) / 2); top:80px; width:calc(100% - ((100% - 72px) / 4)); height:1px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:first-child:before{left:calc(((100% - 48px) / 3) / 2)}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:nth-child(2):before{left:50%}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:nth-child(2):after{left:calc(((100% - 72px) / 4) + (((100% - 72px) / 4) / 2) + 24px); width:calc(((100% - 72px) / 4) + 24px)}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:last-child:before{right:calc(((100% - 48px) / 3) / 2)}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span{display:inline-block; position:relative; width:calc((100% - 72px) / 4); height:58px; margin:80px 12px 0; font-weight:700; font-size:18px; color:#fff; line-height:58px; background-color:#999}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span:before{content:''; position:absolute; top:-80px; left:50%; width:1px; height:80px; background-color:#c7c7c7}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span:first-child{margin-left:0}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span:last-child{margin-right:0}

    /* S >>> CI소개 */
        .ciContentT{overflow:hidden; padding-top:57px}
        .ciContentT .img_wrap{float:left; position:relative; left:24px; top:-24px;  width:38.914%; padding:5.834% 0; text-align:center}
        .ciContentT .img_wrap:before{content:''; display:block; position:absolute; left:-24px; top:24px; width:100%; height:100%; background-color:#1f98d5; z-index:1}
        .ciContentT .img_wrap:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; box-shadow:0 0 30px rgb(0, 0, 0, 0.16); z-index:2}
        .ciContentT .img_wrap img{position:relative; top:15.0837%; width:39.1063%; max-width:210px; z-index:3}
        .ciContentT .txt_wrap{float:left; width:61.086%; padding-top:0.5797%; padding-left:24px; text-align:left}
        .ciContentT .txt_wrap strong{padding-left:17.2%; font-size:28px; line-height:36px}
        .ciContentT .txt_wrap strong span{display:block; margin-top:14px; padding-left:17.2%; font-weight:700; font-size:14px; color:#999; line-height:22px}
        .ciContentT .txt_wrap p{margin-top:3.541%; margin-bottom:0; padding-left:17.2%; font-weight:400; font-size:14px; line-height:22px; word-break:keep-all}
        .ciContentT .txt_wrap p ~ p{margin-top:2.6862%}
        .ciContentT .txt_wrap a{display:inline-block; max-width:210px; width:82.8%; margin-top:6.105%; padding:3px 0; margin-left:17.2%; font-weight:700; font-size:12px; line-height:22px; text-align:center; text-decoration:none; border:1px solid #000; border-radius:15px}
        .ciContentT .txt_wrap a:hover{color:#fff; background-color:#000}
        .ciContentM{overflow:hidden; margin-top:120px}
        .ciContentM > strong{float:left; width:234px; font-size:28px; line-height:36px; text-align:left}
        .ciContentM > strong span{display:block; margin-top:14px; font-weight:700; font-size:14px; color:#999; line-height:22px}
        .ciContentM ul{display:flex; width:calc(100% - 234px); text-align:center; border:1px solid #e7e7e7}
        .ciContentM ul li{flex:1 1; padding:64px 0}
        .ciContentM ul li img{max-height:72px} 
        .ciContentM ul li:nth-child(2){border-left:1px solid #e7e7e7}
        .ciContentB{overflow:hidden; margin-top:120px}
        .ciContentB > strong{float:left; width:234px; font-size:28px; line-height:36px; text-align:left}
        .ciContentB > strong span{display:block; margin-top:14px; font-weight:700; font-size:14px; color:#999; line-height:22px}
        .ciContentB ul{display:flex; width:calc(100% - 234px); text-align:center}
        .ciContentB ul li{flex:1 1; padding:64px 0}
        .ciContentB ul li:nth-child(1){background-color:#000}
        .ciContentB ul li:nth-child(2){background-color:#999}
        .ciContentB ul li:nth-child(3){background-color:#0658a7}
        .ciContentB ul li img{max-height:67px} 
    /* S >>> 부설연구소 */
    .researchInstituteContents .container > strong{font-weight:700; font-size:28px; line-height:36px; text-align:center}
    .researchInstituteContents .container > strong span{display:block; color:#0658a7}
    .researchInstituteContents .container > span{display:block; max-width:912px; margin:32px auto 0; font-weight:700; font-size:14px; color:#999; line-height:22px; text-align:center}
    .researchInstituteContents dl{overflow:hidden; position:relative; margin-bottom:0}
    .researchInstituteContents dl:before{content:''; display:block; position:absolute; left:11.8475%; top:104px; width:76.315%; height:1px; background-color:#c7c7c7}
    .researchInstituteContents dl dt{position:relative; width:33%; max-width:444px; min-width:208px; margin:0 auto; padding:16px 0; font-weight:700; font-size:18px; color:#fff; line-height:22px; background-color:#1f98d5}
    .researchInstituteContents dl dt:before{content:''; display:block; position:absolute; left:50%; bottom:-50px; width:1px; height:50px; background-color:#c7c7c7}
    .researchInstituteContents dl dt + dd{margin-left:0}
    .researchInstituteContents dl dd{float:left; position:relative; margin-top:110px; width:23.695%; margin-left:1.74%; padding:16px 0; font-weight:700; font-size:18px; color:#999; line-height:22px; background-color:#fff}
    .researchInstituteContents dl dd:before{content:''; display:block; position:absolute; left:50%; top:-60px; width:1px; height:60px; background-color:#c7c7c7}
    .researchInstituteContents dl dd br{display:none}
    .researchInstituteContents strong{display:block}
    .researchInstituteContents ul{overflow:hidden; display:inline-block; margin:0; text-align:center; vertical-align:top; background:transparent url('./../../../../assets/images/sub/05/sub5_04_contents.png') center scroll no-repeat; background-size:226px 72px}
    .researchInstituteContents ul li{display:block; float:left; position:relative; max-width:327px}
    .researchInstituteContents ul li:nth-child(odd){clear:both; margin-right:129px; text-align:right}
    .researchInstituteContents ul li:nth-child(even){margin-left:129px; text-align:left}
    .researchInstituteContents ul li:nth-child(1),
    .researchInstituteContents ul li:nth-child(2){margin-bottom:129px; margin-top:32px}
    .researchInstituteContents ul li:nth-child(3),
    .researchInstituteContents ul li:nth-child(4){margin-bottom:32px; margin-top:129px}
    .researchInstituteContents ul li:before{content:''; display:block; position:absolute; width:164px; height:1px; background-color:#c7c7c7}
    .researchInstituteContents ul li:nth-child(1):before{right:-54px; bottom:27px; transform:rotate(45deg)}
    .researchInstituteContents ul li:nth-child(2):before{left:-54px; bottom:27px; transform:rotate(-45deg)}
    .researchInstituteContents ul li:nth-child(3):before{right:-54px; top:27px; transform:rotate(135deg)}
    .researchInstituteContents ul li:nth-child(4):before{left:-54px; top:27px; transform:rotate(-135deg)}
    .researchInstituteContents ul li:after{content:''; display:block; position:absolute; width:7px; height:7px; background-color:#1f98d5; border-radius:50%}
    .researchInstituteContents ul li:nth-child(1):after{right:-32px; bottom:-32px}
    .researchInstituteContents ul li:nth-child(2):after{left:-32px; bottom:-32px}
    .researchInstituteContents ul li:nth-child(3):after{right:-32px; top:-32px}
    .researchInstituteContents ul li:nth-child(4):after{left:-32px; top:-32px}
    .researchInstituteContents ul li a{display:inline-block; overflow:hidden; position:relative; max-width:327px; vertical-align:top; border-radius:50%}
    .researchInstituteContents ul li a strong{display:none}
    .researchInstituteContents ul li a span{display:none}
    .researchInstituteContents ul li a:hover:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1f98d5; opacity:.8; border-radius:50%}
    .researchInstituteContents ul li a:hover strong{display:block; position:absolute; top:50%; width:100%; margin-top:-43px; font-weight:700; font-size:16px; color:#fff; line-height:22px; text-align:center}
    .researchInstituteContents ul li a:hover span{display:block; position:absolute; top:50%; left:50%; width:31.804%; margin-top:20px; padding:3px; font-weight:700; font-size:12px; color:#fff; line-height:22px; text-align:center; transform:translate(-50%, 0); border:1px solid #fff; border-radius:15px}
    .researchInstituteContents.bgGray{text-align:center; background-color:#f7f7f7}
    .researchInstituteContents.bgGray .container > strong{display:block; margin-top:102px}
    /* S >>> 인증현황 */
    .certificationStatusContents{position:relative; z-index:3}
    .certificationStatusContents .container{position:relative; text-align:left}
    .certificationStatusContents .container [data-type="tab"]{display:flex; position:absolute; top:-48px; left:0; width:100%}
    .certificationStatusContents .container [data-type="tab"] > li{flex:1 1}
    .certificationStatusContents .container [data-type="tab"] > li a{display:block; padding:13px 0; font-weight:700; font-size:14px; line-height:22px; color:#999; text-align:center; background-color:rgb(0, 0, 0, 0.8)}
    .certificationStatusContents .container [data-type="tab"] > li:hover a,
    .certificationStatusContents .container [data-type="tab"] > li.active a{color:#000; background-color:#fff}
    .certificationStatusContents .container [data-type="tab"] + ul li strong{font-weight:700; font-size:28px; line-height:36px}
    .certificationStatusContents .container [data-type="tab"] + ul li strong span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px}
    .certificationStatusContents .container .download_btn_wrap{margin-top:100px}
      .certificationStatus_list{overflow:hidden; font-size: 0;}
      .certificationStatus_list li{width:calc(25% - 18px); margin-left:24px; margin-top:60px;display : inline-block;vertical-align : top;}
      .certificationStatus_list li:nth-child(4n + 1){clear:both; margin-left:0}
      .certificationStatus_list li img{width:100% !important; height:442px !important}
      .certificationStatus_list li .thumb{width: 100%; padding-top: 141.6666%;background-size: contain;background-position: center;background-repeat: no-repeat;}
      .certificationStatus_list li a{display:block}
      .certificationStatus_list li strong{display:block; margin-top:22px; font-weight:700; font-size:18px !important; color:#0658a7; line-height:28px !important; text-align:center}
      .certificationStatus_list li span{display:block; margin-top:12px; font-weight:400; font-size:14px; line-height:18px; text-align:center}
      .modal_gallery {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 80px 20px;
        overflow-y: auto;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        background-color: rgba(0,0,0,0.4);
        z-index: 150;
        text-align: center;
        transition: All .2s ease-out;
        -webkit-transition: All .2s ease-out;
        -moz-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
    }
    
    .modal_gallery.open {
        opacity: 1;
        pointer-events: visible;
    }
    
    .modal_gallery .inner {
        display: inline-block;
        max-width: 900px;
    }
    
    .modal_gallery .inner > div {
      position: relative;
    }

    .modal_gallery .inner > div .modal_close {
      width: 16px;
      height: 16px;
      background-color: transparent;
      border: none;
      position: absolute;
      top: -36px;
      right: 0;
    }

    .modal_gallery .inner > div .modal_close::before {
      content: "";
      display: block;
      width: 22px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%) rotate(45deg);
    }
    .modal_gallery .inner > div .modal_close::after {
      content: "";
      display: block;
      width: 22px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%) rotate(-45deg);
    }

    .modal_gallery img {
        max-width: 100%;
    }
    [data-type="tab"] + ul > li{display:none}
    [data-type="tab"] + ul > li.active{display:block}
    /* S >>> 오시는길 */
    .wayToCome_wrap .container{text-align:left}
    .wayToCome_wrap .container > strong{clear:both; display:block; float:left; margin-top:62px; font-weight:700; font-size:28px; line-height:36px}
    .wayToCome_wrap .container > strong:first-child{margin-top:0}
    .wayToCome_wrap .container dl{margin-top:13px}
    .wayToCome_wrap .container dl dt{clear:both; float:left; width:35px; font-weight:700; font-size:14px; color:#999; line-height:22px}
    .wayToCome_wrap .container dl dt:first-child,
    .wayToCome_wrap .container dl dt:first-child + dd{margin-top:13px}
    .wayToCome_wrap .container dl dd{float:left; width:calc(100% - 35px); font-weight:400; font-size:14px; line-height:22px; word-break:keep-all}
    .wayToCome_wrap .container .map_area{float:left; width:100%; height:615px; margin-top:30px; background-color:#f0f0f0}
    /* S >>> 주요사업 */
    .majorBussiness .container{text-align:left}
    .majorBussiness .container > strong{display:block; font-weight:700; font-size:28px; color:#000; line-height:36px; word-break:keep-all}
    .majorBussiness .container > strong > br{display:none}
    .majorBussiness .container > span{display:block; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px; word-break:keep-all}
    .majorBussiness .container > span br{display:none}
    .majorBussiness.bgGray{background-color:#f7f7f7}
    .majorBussiness.bgGray .container ul{display:block; overflow:hidden; margin-bottom:0; padding-bottom:156px}
    .majorBussiness.bgGray .container ul li{float:left; display:flex; flex-direction:column; width:calc(50% - 12px)}
    .majorBussiness.bgGray .container ul li .txt_wrap,
    .majorBussiness.bgGray .container ul li .img_wrap{margin-top:24px}
    .majorBussiness.bgGray .container ul li:nth-child(odd){margin-right:12px}
    .majorBussiness.bgGray .container ul li:nth-child(even){margin-left:12px; position:relative; top:156px}
    .majorBussiness.bgGray .container ul li:nth-child(even) .txt_wrap{order:2}
    .majorBussiness.bgGray .container ul li:nth-child(even) .img_wrap{order:1}
    .majorBussiness.bgGray .container ul li:nth-child(1) .txt_wrap,
    .majorBussiness.bgGray .container ul li:nth-child(2) .img_wrap{margin-top:0}
    .majorBussiness.bgGray .container ul li .txt_wrap{width:100%; height:312px; padding:52px 36px 50px 50px; background-color:#fff}
    .majorBussiness.bgGray .container ul li .txt_wrap strong{display:block; width:100%; font-weight:700; font-size:28px; color:#1f98d5; line-height:36px}
    .majorBussiness.bgGray .container ul li .txt_wrap span{display:block; width:100%; margin-top:13px; font-weight:700; font-size:14px; color:#999; line-height:22px}
    .majorBussiness.bgGray .container ul li .txt_wrap a{display:inline-block; min-width:104px; margin-top:30px; padding:4px 0; font-weight:700; font-size:12px; line-height:20px; text-align:center; text-decoration:none; vertical-align:top; border:1px solid #000; border-radius:15px}
    .majorBussiness.bgGray .container ul li .txt_wrap a:hover{color:#fff; background-color:#000}
    .majorBussiness.bgGray .container ul li .img_wrap{width:100%; height:312px; background-color:#c7c7c7}

    /* S >> 공지사항 */
    /* S >>> 행사소식 */
    .common_gallary_list{display:flex; flex-wrap:wrap}
    .common_gallary_list li{flex-basis:calc((100% - 48px) / 3); margin-top:30px; margin-left:24px}
    .common_gallary_list li:nth-child(3n + 1){margin-left:0}
    .common_gallary_list li strong{display:block; margin-top:25px; font-size:16px; text-align:left}
    .common_gallary_list li span{display:block; margin-top:6px; margin-bottom:8px; font-size:16px; color:#999; text-align:left}
    .common_gallary_list li a .img_wrap{width:100%; height:220px;}
    .common_gallary_list li a .img_wrap img{width:100%; height:100%; object-fit:cover}



  /* S > FOOTER */
  footer{color:#fff; background-color:#000}
  footer .container{padding:50px 60px 80px}
    .footer_wrap{overflow:hidden}
      .footer_company_info_wrap{float:left; text-align:left}
      .footer_company_info_wrap strong{display:block; margin-top:24px; font-weight:700; font-size:16px; line-height:22px}
      .footer_company_info_wrap address{display:block; margin-top:10px; font-weight:400; font-size:10px; line-height:18px}
      .footer_company_info_wrap dl{overflow:hidden; margin-bottom:0; font-size:10px; line-height:18px}
      .footer_company_info_wrap dl dt{clear:both; float:left; font-weight:400; line-height:18px}
      .footer_company_info_wrap dl dt:after{content:':'; margin:0 2px}
      .footer_company_info_wrap dl dd{float:left; font-weight:400; color:#fff; line-height:18px}
      .footer_company_info_wrap span{display:block; margin-top:18px; font-weight:400; font-size:10px; line-height:18px}

      .footer_link_wrap{float:right; overflow:hidden; text-align:left}
      .footer_link_wrap li{float:left; width:117px}
        .footer_link{overflow:hidden}
        .footer_link dt{display:block; margin-top:1px}
        .footer_link dt a{font-weight:700; font-size:14px; color:#fff; line-height:22px}
        .footer_link dt + dd{margin-top:26px}
        .footer_link dd{display:block}
        .footer_link dd a{font-weight:700; font-size:10px; color:#999; line-height:18px}
 
 
  /* footer .company {margin-bottom:7px;clear:both;float:left;}
  footer .company li{float:left; padding-right:10px;}
  footer .company li a{color:#fff}
  footer .see_mobile{clear:both; margin:0 auto; text-align:center;}
  footer .copyright{font-size:12px;clear:both;}
  footer .copyright span{padding-right:7px;} */
/* E 데탑 */

/* S 테블릿
  Description:
  - 여백 padding:60px
 */
@media only screen and (max-width: 1439px){
  /* S > COMMON */
  .container{padding:60px}
    .sidebar_wrap{display:none}
    .typeW{display:none !important}
    .typeT{display:block !important}
    .typeM{display:none}

      .subBarTitle{padding-top:22px; font-size:16px}
      
      .txt_contents{padding-top:2px}
      .txt_contents span.news_date,
      .txt_contents span.notice_date{margin-top:2px}
      .news_title .btn_news{float:none}

  .btn_download_write {
    width : 100px;
    font-size:14px;
  }

  /* S > NAV */
  .navbar-default .navbar-nav > li.dropdown{display:none}
  .form-group{width:56%}

    /* S >> SideMenu */
    .sideMenu_wrap .btn_closeSideMenu{right:18px; top:18px}
    .sideMenu_wrap .btn_closeSideMenu:before{left:12px; top:17px; width:14px}
    .sideMenu_wrap .btn_closeSideMenu:after{left:12px; top:17px; width:14px}

    .sideMenu_wrap .sideMenu_inner_wrap{width:80.2469%; padding:0 60px 0 48px}
      .sideMenu{display:block; height:calc(100% - 101px); padding:62px 0 30px; flex-direction:column; justify-content:flex-start}
      .sideMenu > li{overflow:hidden; margin-top:19px}
      .sideMenu > li:first-child{margin-top:0}
      .sideMenu > li > a{float:left; min-width:135px; width:30%; font-weight:400; pointer-events:auto}
      .sideMenu .sideMenu_sub{display:none; float:left}
      .sideMenu .sideMenu_sub > li{margin-top:7px}
      .sideMenu .sideMenu_sub > li:first-child{margin-top:7px}
      .sideMenu .sideMenu_sub > li a{font-weight:700; line-height:19px}
    
      .sideMenu_footer{left:48px; width:calc(100% - 108px)}
      .sideMenu_footer .news_sideMenu_wrap{padding-bottom:30px}

      .sideMenu_footer .sideMenu_link_wrap{padding:26px 0 42px}
      .sideMenu_footer .sideMenu_link_wrap a{margin-left:12px}
      .sideMenu_footer .news_sideMenu_wrap .news a ~ a{display:none}
      .sideMenu_footer .news_sideMenu_wrap .news a img{width:50%}

  /* S > Container */
      .sub_nav{border-right:none}
    
    /* S >> Top Banner */
    .sub_topBanner{height:192px}
    .sub_topBanner.hasTab{height:240px}
    .sub_topBanner .container .subTitle{margin-top:111px}

    .sub_topBanner.introduceCompany{height:300px}
    .sub_topBanner.introduceCompany .container strong{margin-top:100px; margin-left:30px; font-size:32px; line-height:42px}
    .sub_topBanner.introduceCompany .container span{margin-top:13px; margin-left:30px; font-size:14px; line-height:20px}


    /* S >> 주요연구분야 */
    /* S >>> 딥러닝기반 VA기술 || 레이더센서 || 암호화기술 */
    .deepLearnVAContents{padding:60px 0}
    .deepLearnVAContents .container{padding:0 60px}
    .deepLearnVA_title strong{font-size:24px}
    .deepLearnVA_title span{font-size:16px; line-height:24px}

    .deepLearnVA_subTitle{margin-top:60px}
    .deepLearnVA_subTitle strong{font-size:16px}
    .deepLearnVA_subTitle strong span{font-size:24px; line-height:32px}
    .deepLearnVA_subTitle .img_wrap{max-width:454px}

    .deepLearnVA_subTitleC{margin-top:60px; padding-top:94px; background-size:64px 32px}
    .deepLearnVA_subTitleC strong{font-size:16px}
    .deepLearnVA_subTitleC strong span{font-size:24px; line-height:32px}
    .deepLearnVA_subTitleC .img_wrap{margin-top:30px}

    .deepLearnVAContents.bgGray{padding:0; background-color:#fff}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl{width:100%}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dt{font-size:24px; line-height:32px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd{font-size:12px; line-height:18px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap{max-width:none; margin-top:20px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img{width:calc(20.4188% - 15px); margin-left:15px}

    .deepLearnVA_subTitle.type1{margin-top:25px}
    .deepLearnVA_subTitle.type1 dl{padding-top:33px; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center calc(50% + 16px) scroll no-repeat; background-size:64px 32px}
    .deepLearnVA_subTitle.type1 dl dt{float:left; position:static; width:100%; max-width:none; margin-top:94px; font-size:24px; line-height:32px}
    .deepLearnVA_subTitle.type1 dl dt:first-child{margin-top:0}
    .deepLearnVA_subTitle.type1 dl dd{width:100%; max-width:none; margin-top:13px; font-size:12px; line-height:18px}
    .deepLearnVA_subTitle.type1 dl dd .img_wrap{max-width:none; width:100%; height:240px}
    .deepLearnVA_subTitle.type1 dl dd .img_wrap img{width:100%; max-width:none; height:100%; object-fit:cover}
    .deepLearnVA_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:20px}

    .deepLearnVA_subTitle.type2 ul li .img_wrap{width:100%; max-width:none; font-size:12px; line-height:22px}
    /* S >>> 로봇 */
    .robotContentsTop .container [data-type="tab"]{left:0; top:-36px; width:100%}
    .robotContentsTop .container [data-type="tab"] > li > a{padding:9px 0; font-size:12px; line-height:18px}

    .robotContents .container{padding:0 60px}

    #robotStatus > li{padding:60px 0}

      .robot_title strong{font-size:24px}
      .robot_title span{font-size:16px; line-height:24px}
      .robot_title + .robot_subTitle{margin-top:60px}

      .robot_subTitle{margin-top:60px}
      .robot_subTitle > strong{font-size:16px}

      .robot_subTitle > .robot_subTitle_list{margin-top:30px}
      .robot_subTitle > .robot_subTitle_list > li{position:relative; padding-bottom:292px}
      .robot_subTitle > .robot_subTitle_list > li strong{font-size:24px}
      .robot_subTitle > .robot_subTitle_list > li .img_wrap{position:absolute; bottom:0; width:100%; height:270px; margin-top:22px}
      .robot_subTitle > .robot_subTitle_list > li .img_wrap img{width:100%; height:100%; object-fit:cover}

      .robot_subTitleC{margin-top:60px; padding-top:92px; background-size:64px 32px}
      .robot_subTitleC > strong{font-size:16px; line-height:1em}
      .robot_subTitleC > strong span{margin-top:13px; font-size:24px; line-height:32px}
      .robot_subTitleC > .robot_subTitleC_list > li .img_wrap{margin-top:32px}

    .robotContents.bgGray{background-color:#fff}
    .robotContents.bgGray .robot_subTitle dl{width:100%}
    .robotContents.bgGray .robot_subTitle dl dt{margin-top:30px; font-size:24px; line-height:32px}
    .robotContents.bgGray .robot_subTitle dl dd{font-size:13px}
    .robotContents.bgGray .robot_subTitle dl dd > img{margin-top:20px}

    .robot_subTitle.type1 dl{padding-top:33px; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center calc(50% + 16px) scroll no-repeat; background-size:64px 32px; background-position:center 385px}
    .robot_subTitle.type1 dl dt{float:left; position:static; width:100%; max-width:none; margin-top:94px; font-size:12px; line-height:16px}
    .robot_subTitle.type1 dl dt:first-child{margin-top:0; width:100%}
    .robot_subTitle.type1 dl dt br{display:none}
    .robot_subTitle.type1 dl dt strong{font-size:24px; line-height:32px}
    .robot_subTitle.type1 dl dt:first-child + dd{width:100%}
    .robot_subTitle.type1 dl dd{width:100%; max-width:none; margin-top:13px; font-size:12px; line-height:18px}
    .robot_subTitle.type1 dl dd .img_wrap{max-width:none; width:100%; height:240px; margin-left:0; margin-top:30px}
    .robot_subTitle.type1 dl dd .img_wrap:first-child{margin-top:8px}
    .robot_subTitle.type1 dl dd .img_wrap img{width:100%; max-width:none; height:100%; object-fit:cover}
    .robot_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:20px}

    .robot_subTitle.type2 ul{margin-top:31px}
    .robot_subTitle.type2 ul li{font-size:14px; line-height:22px}
    .robot_subTitle.type2 ul li .img_wrap{height:280px; margin-bottom:11px}

    .robot_subTitle.type3{margin-top:30px}
    .robot_subTitle.type3 dl{padding-top:0; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center calc(50% + 16px) scroll no-repeat; background-size:64px 32px; background-position:center 385px}
    .robot_subTitle.type3 dl dt{position:relative; width:100%; max-width:100%; margin-top:94px;}
    .robot_subTitle.type3 dl dt:first-child{margin-top:0}
    .robot_subTitle.type3 dl dt strong{font-size:24px; line-height:32px}

    .robot_subTitle.type3 dl dt:first-child + dd{float:none}
    .robot_subTitle.type3 dl dd{overflow:hidden; width:100%; max-width:100%; padding-top:30px}
    .robot_subTitle.type3 dl dd .img_wrap{width:calc(50% - 5px); margin-left:10px}
    .robot_subTitle.type3 dl dd .img_wrap img{width:100%; height:100%; object-fit:cover}

    .robot_subTitle.robot_subTitleTop .img_wrap{width:57%; height:260px}


    /* S >> 융합서비스 */
    /* S >>> 무인교통감시서비스 || 영상보안서비스 || 영상분석서비스 || 로봇기반방범 */
    .convergenceService_subBox{margin-top:30px; margin-left:0; padding:32px 30px 31px}
    .convergenceService_subBox > strong{font-size:24px; line-height:32px}
    .convergenceService_subBox > ul li{margin-left:16px}
    .convergenceService_subBox > ul li:before{content:''; position:absolute; left:0; top:50%; width:32px; height:32px; margin-top:-31px; margin-left:-24px; background:transparent url('./../../../../assets/images/common/btn/btn_add.png') center scroll no-repeat; background-size:contain}
    .convergenceService_subBox > ul li .img_wrap{height:165px}
    .convergenceService_subBox > ul li span{margin-top:11px; font-size:14px; line-height:19px}
    .convergenceService_subBox > img{width:64px; margin:30px auto 0}
    .convergenceService_subBox > p{margin-top:32px; font-size:24px; line-height:32px}
    .convergenceService_subBox > p ~ p{margin-top:23px}
    .convergenceService_subBox > span{font-size:12px; line-height:18px}

    .convergenceService_sub_list{display:flex; margin-top:32px; margin-bottom:0}
    .convergenceService_sub_list li{height:165px; margin-left:16px}
    .convergenceService_sub_list li span{margin-top:11px; font-size:14px; line-height:19px}

    .convergenceService_sub_wrap .container{padding:60px}
        .convergenceService_subTitle{font-size:16px; line-height:22px}
        .convergenceServiceT_wrap{margin-top:60px; flex-direction:column}
            .convergenceServiceTL_wrap{padding-right:0; padding-bottom:40px}
            .convergenceServiceTL_wrap dl{position:relative; width:40%; margin:100px auto 0; padding-top:calc(40% - 34px); border:17px solid rgba(31, 152, 213, 0.15); border-radius:50%}
            .convergenceServiceTL_wrap dt{font-size:17px; line-height:23px}

            .convergenceServiceTL_wrap dd a:hover span{font-size:14px; line-height:20px}
            .convergenceServiceTR_wrap{padding-left:0}
            .convergenceServiceTR_wrap ul{margin-top:31px; margin-bottom:0}
            .convergenceServiceTR_wrap.type1 ul li{width:calc(50% - 9px)}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(1){margin-right:9px}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(2){margin-left:9px}
            .convergenceServiceTR_wrap.type1 ul li .img_wrap{height:189px}
            .convergenceServiceTR_wrap.type1 ul li span{padding:11px 0 30px; font-size:14px; line-height:19px}

            .convergenceServiceTR_wrap.type2 ul li span{padding:11px 0 30px; font-size:14px; line-height:19px}
            .convergenceServiceTR_wrap.type2 ul li .img_wrap{height:189px}

            .convergenceServiceTR_wrap.type3 ul li{float:left; width:calc(50% - 9px)}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(2){margin-right:9px}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(3){margin-left:9px}
            .convergenceServiceTR_wrap.type3 ul li .img_wrap{height:189px}
            .convergenceServiceTR_wrap.type3 ul li span{padding:11px 0 30px; font-size:14px; line-height:19px}
            
    .convergenceService_sub_wrap.bgGray .container{padding:60px}
    .convergenceService_sub_wrap.bgGray .container .subBarTitle + .convergenceService_subBox{margin-top:31px}


    /* S >> 핵심제품 */
    /* S >>> CUBE-HIDE || 무인교통감시장치 || AI유닛임베디드디바이스 || ARVO */
      .product_table{margin-top:51px}
      .product_table thead th{padding-left:15px; font-size:12px; line-height:30px}
      .product_table tbody td{padding:3px 0 4px 15px; font-size:12px; line-height:17px; vertical-align:top}

    .coreProduct_wrap .container-fluid{position:relative; left:-60px; width:calc(100% + 120px); padding:0}
        .coreProductTitle{padding-bottom:40px; font-size:24px; line-height:32px}
        .coreProductTitle span{margin-top:32px; font-size:16px; line-height:22px}
        .coreProductTitle.topType1 .img_wrap{bottom:-150px; max-width:309px}
        .coreProductTitle.topType2 .img_wrap{bottom:-160px; max-width:230px}
        .coreProductTitle.topType3 .img_wrap{bottom:-160px; max-width:281px}
        .coreProductTitle.topType4 .img_wrap{max-width:352px; margin:60px auto 30px}

        .coreProduct_list1 > li{margin-top:30px}
        .coreProduct_list1 > li .txt_wrap strong{font-size:24px; line-height:32px}
        .coreProduct_list1 > li .txt_wrap span{margin-top:12px; font-size:12px; line-height:18px}

        .coreProduct_list2 > li{width:calc(50% - 9px)}
        .coreProduct_list2 > li:nth-child(odd){padding-right:0}
        .coreProduct_list2 > li .img_wrap{margin-top:51px}
        .coreProduct_list2 > li .coreProduct_list_box .img_wrap{width:calc(50% - 6px); margin-left:6px}
        .coreProduct_list2 > li .coreProduct_list_box .img_wrap:first-child{margin-right:6px}

        .coreProduct_list2 > li .coreProduct_list_box strong{padding-top:11px; font-size:14px; line-height:18px}
        .coreProduct_list2 > li .coreProduct_list_box span{margin-top:11px; line-height:16px}

        .coreProduct_list3 > li{flex:1 1 50%}
        .coreProduct_list3 > li:nth-child(odd){padding-right:9px}
        .coreProduct_list3 > li:nth-child(even){padding-left:9px}
        .coreProduct_list3 > li > span{padding-top:11px; font-size:14px; line-height:19px}
        
        .coreProduct_list4{flex-wrap:wrap; }
        .coreProduct_list4 > li{flex:0 1 calc((100% - 36px) / 3); margin-left:18px}
        .coreProduct_list4 > li:nth-child(5n + 1){margin-left:18px}
        .coreProduct_list4 > li:nth-child(3n + 1){margin-left:0}
        .coreProduct_list4 > li:nth-child(n + 4){margin-top:20px}
        .coreProduct_list4 > li strong{padding-top:11px; font-size:14px; line-height:20px}
        .coreProduct_list4 > li span{padding-top:10px; font-size:12px; line-height:18px}

        .coreProduct_download_list dt{font-size:16px; line-height:21px}
        .coreProduct_download_list dd{width:calc(50% - 9px); margin-top:50px; margin-left:18px; padding:26px 30px 25px}
        .coreProduct_download_list dd:nth-child(3n + 2){margin-left:18px}
        .coreProduct_download_list dd:nth-child(2n){clear:both; margin-left:0}
        .coreProduct_download_list dd:nth-child(2),
        .coreProduct_download_list dd:nth-child(3){margin-top:31px}
        .coreProduct_download_list dd strong{font-size:14px; line-height:22px}
        .coreProduct_download_list dd span{margin-top:11px; font-size:12px; line-height:22px}

    .coreProduct_wrap.bgGray .container.system{padding-top:120px}
    .coreProduct_wrap.bgGray .container.system .systemBox{padding:54px 22px}
    .coreProduct_wrap.bgGray .container.system .systemBox strong{font-size:14px; line-height:20px}
    .coreProduct_wrap.bgGray .container.system .systemBox .img_wrap{margin-top:15px}


    /* S >> 조달우수제품 */
    /* S >>> [Tab] 우수제품소개 */
    .excellentProcurementProduct1 .container strong{font-size:24px; line-height:32px}
    .excellentProcurementProduct1 .container span{margin-top:30px; font-size:14px; line-height:20px}
    .excellentProcurementProduct1 .container p{margin-top:30px; font-size:16px}

    .excellentProcurementProduct2.bgGray{background-color:#f7f7f7}
    .excellentProcurementProduct2 .container strong{font-size:14px; line-height:20px}
    .excellentProcurementProduct2 .container strong ~ .img_wrap{min-width:666px; margin-top:20px}

    .excellentProcurementProduct3 .container strong{font-size:16px; line-height:20px}
    .excellentProcurementProduct3 .container ul{display:flex; flex-wrap:wrap; justify-content:space-around}
    .excellentProcurementProduct3 .container ul li{flex:1 1; flex-basis:calc(100% / 3); margin-top:30px}
    .excellentProcurementProduct3 .container ul li .img_wrap{width:195px; height:195px}
    .excellentProcurementProduct3 .container ul li .img_wrap img{width:50px; height:50px}
    .excellentProcurementProduct3 .container ul li strong{margin-top:35px; font-size:14px; line-height:20px}
    .excellentProcurementProduct3 .container ul li span{font-size:12px; line-height:16px}
    /* S >>> [Tab] 활용시스템 */
    /* .applicationSystem .container{padding:65px 60px 60px} */
    .applicationSystem .container strong{font-size:24px; line-height:32px}
    .applicationSystem .container ul{margin-top:2px}
    .applicationSystem .container ul li{margin-top:30px}
    .applicationSystem .container ul li .img_wrap{flex:1 1; margin-left:9px}
    .applicationSystem .container ul li .txt_wrap{margin-right:9px}
    .applicationSystem .container ul li .txt_wrap strong{padding-left:0; font-size:24px; line-height:32px}
    .applicationSystem .container ul li .txt_wrap span{margin-top:12px; padding-left:0; font-size:12px}

    .applicationSystem .container ul li:nth-child(even) .img_wrap{margin-left:0; margin-right:9px}
    .applicationSystem .container ul li:nth-child(even) .txt_wrap{margin-left:9px; margin-right:0} 


    /* S >> 회사소개 */
    /* S >>> 회사소개 */
    .introduceCompany_list{margin-bottom:60px}
    .introduceCompany_list dt{margin-top:50px; font-size:24px; line-height:32px}
    .introduceCompany_list dt:before{margin-bottom:42px}
    .introduceCompany_list dd{max-width:810px; margin-top:12px; padding:0 15px; font-size:12px; line-height:18px}
    /* .introduceCompanyContents .container.introduceCompanyInfo{} */
    .introduceCompanyInfo img{display:none}
    .introduceCompanyInfo strong{width:100%; margin-top:0; padding-left:0; font-size:18px}
    .introduceCompanyInfo dl{float:left; width:100%; margin:13px 0 22px; padding-left:0}
    /* S >>> CEO인사말 */
    /* S >>> 연혁 */
    .historyContents .container > strong{width:100%; padding-top:0; font-size:24px; line-height:32px}
    .historyContents .container > strong span{font-size:12px}
        .history_list li{float:none; overflow:hidden; margin-top:65px}
        .history_list li .txt_wrap{width:100%; margin:0}
        .history_list li .txt_wrap dl dt{font-size:64px; line-height:85px}
        .history_list li .txt_wrap dl dt + dd{margin-top:15px}
        .history_list li.typeR .txt_wrap{margin-left:0; padding:0}
        .history_list li .img_wrap{position:static; width:100%; margin:30px 0 0}
    /* S >>> 인재상 */
        .talent_list li{width:calc(50% - 9px); padding:32px 0 30px}
        .talent_list li:nth-child(1),
        .talent_list li:nth-child(4){margin-right:9px}
        .talent_list li:nth-child(3){height:500px; background-size:218px 70px}
        .talent_list li:nth-child(2),
        .talent_list li:nth-child(5){margin-left:9px}
        .talent_list li:nth-child(2):before{left:-10px}
        .talent_list li:nth-child(2):after{margin-left:-6px}
        .talent_list li:nth-child(5):before{left:-10px}
        .talent_list li:nth-child(5):after{margin-left:-6px}
        .talent_list li strong{font-size:24px; line-height:32px}
        .talent_list li span{padding:0 50px; font-size:12px; line-height:18px}
    /* S >>> 조직도 */    
    /* .organizationContents .container{padding:50px 60px 30px} */
    .organizationContents .container strong{font-size:24px; line-height:32px}
    .organizationContents .container strong span{font-size:12px; line-height:18px}

    .organizationContents.bgGray .container{padding:40px 60px 60px}
    .organizationContents.bgGray .container > dl > dt{padding:11px 0; font-size:14px; line-height:18px}
    .organizationContents.bgGray .container > dl > dt:before{bottom:-30px; height:30px}
    .organizationContents.bgGray .container > dl > dt + dd{margin-top:30px; padding:11px 0; font-size:14px; line-height:18px}
    .organizationContents.bgGray .container > dl > dt + dd:after{height:40px; top:40px}
    .organizationContents.bgGray .container > dl > dt + dd span{padding:11px 0; font-size:14px; line-height:18px}
    .organizationContents.bgGray .container > dl > dd:last-child{margin-top:40px}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"]{padding-top:40px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:before{height:40px}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:hover a,
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li.active a{padding:11px 0; font-size:14px; line-height:18px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li a{padding:11px 0; font-size:14px; line-height:18px}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] li:last-child:before{top:-60px; height:100px}

    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li{padding:40px 0 0}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span{height:auto; margin-top:40px; padding:11px 0; font-size:14px; line-height:18px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li span:before{top:-40px; height:40px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:before{height:40px}
    .organizationContents.bgGray .container > dl > dd:last-child ul[data-type="tab"] + ul li:after{top:40px}

    /* S >>> CI소개 */
    .ciContents .container{padding:11px 60px 100px}
    .ciContentT .img_wrap{left:18px; top:-18px;  width:41.4493%; padding:9.422% 0}
    .ciContentT .img_wrap:before{left:-18px; top:18px}
    .ciContentT .img_wrap img{width:34.97%}
    .ciContentT .txt_wrap{width:58.5507%; padding-left:18px}
    .ciContentT .txt_wrap strong{font-size:24px; line-height:32px}
    .ciContentT .txt_wrap strong span{margin-top:13px; font-size:12px; line-height:18px}
    .ciContentT .txt_wrap p{margin-top:3.1%}
    .ciContentT .txt_wrap a{margin-top:7.75%}
    .ciContentM{margin-top:62px}
    .ciContentM > strong{width:100%; font-size:24px; line-height:32px}
    .ciContentM > strong span{margin-top:13px; font-size:12px; line-height:18px}
    .ciContentM ul{float:left; width:100%; margin-top:31px}
    .ciContentM ul li{padding:46px 0 45px}
    .ciContentM ul li img{max-height:43px}
    .ciContentB{margin-top:62px}
    .ciContentB > strong{width:100%; font-size:24px; line-height:32px}
    .ciContentB > strong span{margin-top:13px; font-size:12px; line-height:18px}
    .ciContentB ul{float:left; width:100%; margin-top:31px}
    .ciContentB ul li{padding:47px 0}
    .ciContentB ul li img{max-height:40px}
    /* S >>> 부설연구소 */
    .researchInstituteContents .container > strong{font-size:24px}
    .researchInstituteContents .container > span{margin-top:22px; font-size:12px; line-height:18px}
    .researchInstituteContents dl:before{left:0; right:0; top:71px; width:calc(75% + 8px); max-width:536px; margin:0 auto}
    .researchInstituteContents dl dt{max-width:218px; padding:11px 0 12px; font-size:14px; line-height:18px}
    .researchInstituteContents dl dt:before{bottom:-30px; height:30px}
    .researchInstituteContents dl dd{display:inline-block; float:none; max-width:164px; margin-top:60px; margin-left:12px; padding:11px 0 12px; font-size:14px; line-height:18px; vertical-align:top}
    .researchInstituteContents dl dd:before{top:-30px; height:30px}
    .researchInstituteContents ul{background-size:136px 43px}
    .researchInstituteContents ul li{width:calc(50% - 68px)}
    .researchInstituteContents ul li:nth-child(odd){margin-right:68px}
    .researchInstituteContents ul li:nth-child(even){margin-left:68px}
    .researchInstituteContents ul li:nth-child(1),
    .researchInstituteContents ul li:nth-child(2){margin-bottom:68px}
    .researchInstituteContents ul li:nth-child(3),
    .researchInstituteContents ul li:nth-child(4){margin-top:68px}
    .researchInstituteContents ul li:before{width:88px}
    .researchInstituteContents ul li:nth-child(1):before{right:-30px; bottom:14px}
    .researchInstituteContents ul li:nth-child(2):before{left:-30px; bottom:14px}
    .researchInstituteContents ul li:nth-child(3):before{right:-30px; top:14px}
    .researchInstituteContents ul li:nth-child(4):before{left:-30px; top:14px}
    .researchInstituteContents ul li:nth-child(1):after{right:-22px; bottom:-22px}
    .researchInstituteContents ul li:nth-child(2):after{left:-22px; bottom:-22px}
    .researchInstituteContents ul li:nth-child(3):after{right:-22px; top:-22px}
    .researchInstituteContents ul li:nth-child(4):after{left:-22px; top:-22px}
    .researchInstituteContents ul li a{max-width:218px}
    .researchInstituteContents ul li a:hover strong{margin-top:-25px; font-size:18px}
    .researchInstituteContents ul li a:hover span{min-width:84px; padding:0; font-size:10px}
    .researchInstituteContents.bgGray .container{padding:60px 0}
    .researchInstituteContents.bgGray .container > strong{margin-top:52px}
    /* S >>> 인증현황 */
    .certificationStatusContents .container [data-type="tab"]{left:60px; width:calc(100% - 120px)}
    .certificationStatusContents .container [data-type="tab"] + ul li strong{font-size:24px; line-height:32px}
    .certificationStatusContents .container [data-type="tab"] + ul li strong span{font-size:12px; line-height:18px}
      .certificationStatus_list li{width:calc(33.3333% - 12px); margin-left:18px; margin-top:30px}
      .certificationStatus_list li:nth-child(4n + 1){clear:none; margin-left:18px}
      .certificationStatus_list li:nth-child(3n + 1){clear:both; margin-left:0}
      .certificationStatus_list li:nth-child(3n + 2){width:calc(33.3334% - 12px)}
      .certificationStatus_list li img{height:364px !important}
    /* S >>> 오시는길 */
    .wayToCome_wrap .container > strong{margin-top:52px; font-size:24px; line-height:32px}
    .wayToCome_wrap .container .map_area{height:340px; margin-top:20px}
    /* S >>> 주요사업 */
    /* .majorBussiness .container{padding:52px 60px 51px} */
    .majorBussiness .container > strong{font-size:24px; line-height:32px}
    .majorBussiness .container > strong > br{display:none}
    .majorBussiness .container > span{font-size:12px; line-height:18px}
    .majorBussiness .container > span br{display:block}
    .majorBussiness.bgGray .container{padding:50px 60px 100px}
    .majorBussiness.bgGray .container ul{padding:0}
    .majorBussiness.bgGray .container ul li{width:100%; margin-top:18px}
    .majorBussiness.bgGray .container ul li:first-child{margin-top:0}
    .majorBussiness.bgGray .container ul li:nth-child(odd){margin-right:0; padding-right:14.5679%}
    .majorBussiness.bgGray .container ul li:nth-child(even){top:0; margin-left:0; padding-left:14.5679%}
    .majorBussiness.bgGray .container ul li .txt_wrap{order:2; height:231px; margin-top:0; padding:32px 24px 32px 40px}
    .majorBussiness.bgGray .container ul li .txt_wrap strong{font-size:24px; line-height:32px}
    .majorBussiness.bgGray .container ul li .txt_wrap span{font-size:12px; line-height:18px}
    .majorBussiness.bgGray .container ul li .txt_wrap a{display:none}
    .majorBussiness.bgGray .container ul li .img_wrap{order:1; height:213px; margin-top:0}


     /* S >> 공지사항 */
    /* S >>> 행사소식 */
    .common_gallary_list{margin-top:10px}
    .common_gallary_list li{flex-basis:calc((100% - 18px) / 2); margin-top:20px; margin-left:18px}
    .common_gallary_list li:nth-child(3n + 1){margin-left:18px}
    .common_gallary_list li:nth-child(odd){margin-left:0}
    .common_gallary_list li strong{margin-top:11px; font-size:14px}
    .common_gallary_list li span{margin-top:11px; font-size:12px}



  /* S > FOOTER */
  footer .container{padding:40px 60px 95px}
      .footer_company_info_wrap address{margin-bottom:0}
      .footer_link_wrap{display:none}
}
/* E 테블릿 */


/* S 모바일
  Description:
  - 여백 padding:30px 24px 60px
 */
@media only screen and (max-width: 809px){
  /* S > COMMON */
  .container{padding:30px 24px 60px}

  .typeW{display:none !important}
  .typeT{display:none !important}
  .typeM{display:block !important}
      .subBarTitle{padding-top:11px; font-size:14px}

      .news_wrap .container{padding:50px 24px}
        .news_title{width:100%; margin-top:0; font-size:18px; line-height:22px}
        .news_title .btn_news{float:right; width:16px; height:16px}
        .news_title .btn_news:before{height:2px}
        .news_title .btn_news:after{height:2px}
        .news{width:100%; margin-top:12px}
        .notice{width:100%; margin-top:20px}
          .txt_contents{padding:11px 12px 0 12px}
          .txt_contents strong{font-size:12px; line-height:16px}
          .txt_contents span.txt_content{height:32px; font-size:12px; line-height:16px}
          .txt_contents span.news_date,
          .txt_contents span.notice_date{margin-top:7px; color:#999; line-height:16px}

  /* S > NAV */
  .navbar{min-height:48px}
  .navbar-default .navbar-nav > li.dropdown{display:none}
  .navbar-default .navbar-collapse{width:calc(100% - 149px)}
  .navbar-default .navbar-header .navbar-brand{margin-left:9px}

  .navbar > .navbar-header{float:none}
  .navbar > .navbar-header .navbar-toggle{display:block; position:relative; float:right; padding:9px 10px; border:none; border-radius:0}
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand{margin-left:0}
  .navbar-nav{float:none; margin-right:0}
  .navbar-nav > li > a{padding:18px 0 20px}

  .sub_nav_wrap{padding-top:48px}
    .sub_nav_inner_wrap{display:none}
      .sub_nav > li{flex:1 1; float:none; width:auto; max-width:none; margin-left:0; border-right:0}
      .sub_nav > li:first-child{border-left:0}
  .navbar-default .navbar-header{height:48px}
  .navbar-default .navbar-header .navbar-brand{height:48px; padding:15px}
  .navbar-default .navbar-nav > li .lang_btnWrap{margin:6px 0}
  .navbar-default .navbar-nav > li .btn_search{width:32px; height:32px; margin:8px 0; padding:6px 0 8px; background-size:12px}
  .navbar-default .navbar-nav > li .btn_youtube{width:32px; height:32px; margin:8px 0; padding:6px 0 8px; background-size:26px}
  .navbar-default .navbar-nav > li .btn_youtube_sub{width:32px; height:32px; margin:8px 0; padding:6px 0 8px; background-size:26px}
    .form-group{width:86%}
    .form-group input[type="text"]{font-size:16px}
    .btn_closeSearch:before{left:11px; width:14px}
    .btn_closeSearch:after{left:11px; width:14px}

  .navbar-default .navbar-header .navbar-toggle{margin:8px 14px 8px 0}
  .navbar-default .navbar-header .navbar-toggle .icon-bar{width:18px}
  .navbar-default .navbar-header .navbar-toggle .icon-bar + .icon-bar{margin-top:4px}

    /* S >> SideMenu */
    .sideMenu_wrap .sideMenu_inner_wrap{width:78.3333%; padding:0 12px 0 30px}
    .sideMenu_wrap .sideMenu_inner_wrap .sideMenu{height:calc(100% - 186px); margin-top:78px; padding:0 0 32px}
    .sideMenu_wrap .sideMenu_inner_wrap .sideMenu .sideMenu_sub{clear:both}
    /* .sideMenu_wrap .sideMenu_inner_wrap .sideMenu > li{overflow:visible} */
    .sideMenu_wrap .sideMenu_inner_wrap .sideMenu > li > a{position:relative; width:100%}
    .sideMenu_wrap .sideMenu_inner_wrap .sideMenu > li > a:after{content:''; display:block; position:absolute; right:18px; top:8px; width:23px; height:13px; background:transparent url('./../../../../assets/images/common/ico_dropDown.png') right center scroll no-repeat}
    .sideMenu_wrap .sideMenu_inner_wrap .sideMenu > li.active > a:after{transform:rotate(180deg)}
    
    .sideMenu_footer{left:30px; width:calc(100% - 60px)}
    .sideMenu_footer .news_sideMenu_wrap{display:none}
    .sideMenu_footer .sideMenu_link_wrap{padding-top:0; padding-bottom:20px; border-top:none}
    .sideMenu_footer .sideMenu_link_wrap a{clear:both; margin-left:0; margin-top:5px; font-size:12px; line-height:16px;}
    .sideMenu_footer .sideMenu_link_wrap a.btn_linkPharos{width:100%; margin-top:12px; padding:8px; font-size:12px; line-height:16px; text-align:center; background-image:none}
    .sideMenu_footer .sideMenu_link_wrap a.btn_linkPharos:hover{padding:9px; background-image:none}

  /* S > Container */
    /* S >> Top Banner */
    .sub_topBanner{height:162px; margin-top:48px}
    .sub_topBanner.hasTab{height:196px}
    .sub_topBanner .container{padding:0 24px}
    .sub_topBanner .container .subTitle{margin-top:94px; font-size:28px; line-height:36px}

    .sub_topBanner.introduceCompany{height:200px}
    .sub_topBanner.introduceCompany .container strong{margin-top:62px; margin-left:24px; font-size:16px; line-height:22px}
    .sub_topBanner.introduceCompany .container span{margin-top:12px; margin-left:24px; font-size:12px; line-height:18px; word-break:keep-all}

    /* S >> 주요연구분야 */
    /* S >>> 딥러닝기반 VA기술 || 레이더센서 || 암호화기술 */
    .deepLearnVAContents{padding:30px 0}
    .deepLearnVAContents .container{padding:0 24px}
    .deepLearnVA_title strong{font-size:18px}
    .deepLearnVA_title .deepLearnVA_title_txt{margin-top:22px; font-size:12px; line-height:22px}
    .deepLearnVA_title span{margin-top:20px; font-size:14px; line-height:22px}

    .deepLearnVA_subTitle strong{padding-top:11px; font-size:14px}
    .deepLearnVA_subTitle strong span{margin-top:20px; font-size:18px; line-height:24px}

    .deepLearnVA_subTitle.deepLearnVA_subTitleTop .img_wrap{width:100%; margin-top:20px}

    .deepLearnVA_subTitleC{margin-top:30px; padding-top:47px; background-size:32px 16px}
    .deepLearnVA_subTitleC strong span{font-size:18px; line-height:24px}
    
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dt{margin-top:30px; font-size:18px; line-height:24px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dt:first-child{margin-top:20px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img{float:left; width:calc(25% - 9px); margin-left:12px; margin-top:12px}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:nth-child(4),
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:nth-child(5){position:static}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:first-child{width:100%; margin-top:0}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd .img_wrap img:first-child + img{margin-left:0}
    .deepLearnVAContents.bgGray .deepLearnVA_subTitle dl dd > img{margin-top:11px}

    .deepLearnVA_subTitle.type1 dl{padding-top:20px;  background-position:center; background-size:32px 16px;}
    .deepLearnVA_subTitle.type1 dl dt{margin-top:77px; font-size:18px; line-height:24px}
    .deepLearnVA_subTitle.type1 dl dd .img_wrap{margin-top:11px}
    .deepLearnVA_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:11px}

    .deepLearnVA_subTitle.type2 ul{flex-direction:column}
    .deepLearnVA_subTitle.type2 ul li{margin-top:21px; margin-left:0; font-size:12px; line-height:22px}
    .deepLearnVA_subTitle.type2 ul li:first-child{margin-top:0}
    .deepLearnVA_subTitle.type2 ul li .img_wrap{height:140px; margin-bottom:11px}

    /* S >>> 로봇 */
    #robotStatus > li{padding:0 0 60px}

    .robotContents .container{padding:30px 24px 0}
      .robot_title strong{font-size:18px; line-height:24px; word-break:keep-all}
      .robot_title span{font-size:14px; line-height:22px}
      .robot_title + .robot_subTitle{margin-top:30px}

      .robot_subTitle{margin-top:30px}
      .robot_subTitle > strong{font-size:14px}

      .robot_subTitle > .robot_subTitle_list{flex-direction:column; width:100%; margin-top:0}
      .robot_subTitle > .robot_subTitle_list > li{position:relative; margin-left:0; margin-top:20px; padding-bottom:162px}
      .robot_subTitle > .robot_subTitle_list > li strong{font-size:18px; line-height:24px}
      .robot_subTitle > .robot_subTitle_list > li .img_wrap{position:absolute; bottom:0; width:100%; height:140px; margin-top:22px}
      .robot_subTitle > .robot_subTitle_list > li .img_wrap img{width:100%; height:100%; object-fit:cover}

      .robot_subTitleC{margin-top:30px; padding-top:46px; background-size:32px 16px}
      .robot_subTitleC > strong{font-size:14px; line-height:1em}
      .robot_subTitleC > strong span{margin-top:13px; font-size:18px; line-height:24px}
      .robot_subTitleC > .robot_subTitleC_list > li{margin-left:6px}
      .robot_subTitleC > .robot_subTitleC_list > li .img_wrap{margin-top:10px; height:140px}
      .robot_subTitleC > .robot_subTitleC_list > li .img_wrap img{width:100%; height:100%; object-fit:cover} 

    .robotContents.bgGray{padding:0; background-color:#fff}
    .robotContents.bgGray .robot_subTitle{margin-top:0}
    .robotContents.bgGray .robot_subTitle dl{width:100%}
    .robotContents.bgGray .robot_subTitle dl dt{margin-top:22px; font-size:18px; line-height:24px}
    .robotContents.bgGray .robot_subTitle dl dd{padding-top:12px; font-size:12px; line-height:18px}
    .robotContents.bgGray .robot_subTitle dl dd > img{margin-top:20px}
    .robotContents.bgGray .robot_subTitle dl dd.unit2 .img_wrap img{width:calc(50% - 3px)}
    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img{width:100%; float:none; margin-top:10px}
    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img:first-child{width:100%; margin-top:0}
    .robotContents.bgGray .robot_subTitle dl dd.unit3 .img_wrap img:last-child{position:static}
    .robotContents.bgGray + .robotContents .container{padding-top:5px}

    .robot_subTitle.type1{margin-top:25px}
    .robot_subTitle.type1 dl{padding-top:33px; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center calc(50% + 16px) scroll no-repeat; background-size:32px 16px; background-position:center 280px}
    .robot_subTitle.type1 dl dt{float:left; position:static; width:100%; max-width:none; margin-top:76px; font-size:12px; line-height:16px}
    .robot_subTitle.type1 dl dt:first-child{margin-top:0; width:100%}
    .robot_subTitle.type1 dl dt:first-child + dd .img_wrap{height:140px}
    .robot_subTitle.type1 dl dt br{display:none}
    .robot_subTitle.type1 dl dt strong{font-size:18px; line-height:24px}
    .robot_subTitle.type1 dl dt:first-child + dd{width:100%}
    .robot_subTitle.type1 dl dd{width:100%; max-width:none; margin-top:13px; font-size:12px; line-height:18px}
    .robot_subTitle.type1 dl dd .img_wrap{max-width:none; width:100%; height:140px; margin-left:0; margin-top:30px}
    .robot_subTitle.type1 dl dd .img_wrap:first-child{margin-top:8px}
    .robot_subTitle.type1 dl dd .img_wrap img{width:100%; max-width:none; height:100%; object-fit:cover}
    .robot_subTitle.type1 dl dd.twoLine .img_wrap{margin-top:20px}
    
    .robot_subTitle.type2 ul{flex-direction:column; margin-top:0}
    .robot_subTitle.type2 ul li{margin-top:21px; margin-left:0; font-size:12px; line-height:18px}
    .robot_subTitle.type2 ul li br{display:none}
    .robot_subTitle.type2 ul li .img_wrap{height:140px; margin-bottom:11px}

    .robot_subTitle.type3{margin-top:30px}
    .robot_subTitle.type3 dl{padding-top:0; background:transparent url('./../../../../assets/images/common/bg_arrowB.png') center calc(50% + 16px) scroll no-repeat; background-size:32px 16px; background-position:center 420px}
    .robot_subTitle.type3 dl dt{position:relative; width:100%; max-width:100%; margin-top:40px}
    .robot_subTitle.type3 dl dt:first-child{margin-top:0}
    .robot_subTitle.type3 dl dt strong{font-size:18px; line-height:24px}

    .robot_subTitle.type3 dl dt:first-child + dd{float:none}
    .robot_subTitle.type3 dl dd{overflow:hidden; width:100%; max-width:100%; padding-top:30px}
    .robot_subTitle.type3 dl dd .img_wrap{width:100%; height:140px; margin-left:0; margin-top:10px}
    .robot_subTitle.type3 dl dd .img_wrap img{width:100%; height:100%; object-fit:cover}

    .robot_subTitle.robot_subTitleTop span{font-size:18px; line-height:24px}
    .robot_subTitle.robot_subTitleTop span br{display:none}
    .robot_subTitle.robot_subTitleTop .img_wrap{width:100%; height:140px; margin-top:21px}


    /* S >> 융합서비스 */
    /* S >>> 무인교통감시서비스 || 영상보안서비스 || 영상분석서비스 || 로봇기반방범 */
    .convergenceService_subBox{margin-top:32px; padding:0; background-color:transparent}
    .convergenceService_subBox > strong{font-size:18px; line-height:24px}
    .convergenceService_subBox > ul{flex-direction:column; margin-top:21px}
    .convergenceService_subBox > ul li{margin-top:59px; margin-left:0}
    .convergenceService_subBox > ul li:before{content:''; position:absolute; left:50%; top:0; width:34px; height:34px; margin-top:-44px; margin-left:-17px; background:transparent url('./../../../../assets/images/common/btn/btn_add.png') center scroll no-repeat; background-size:contain}
    .convergenceService_subBox > ul li:first-child{margin-left:0; margin-top:0}
    .convergenceService_subBox > ul li .img_wrap{height:160px}
    .convergenceService_subBox > ul li span{font-size:12px; line-height:16px}
    .convergenceService_subBox > img{width:38px; margin:32px auto 0}
    .convergenceService_subBox > p{font-size:18px; line-height:24px; word-break:keep-all}

    .convergenceService_subBox > span{margin-top:12px}

    .convergenceService_sub_list{display:flex; flex-direction:column; margin-top:21px; margin-bottom:0}
    .convergenceService_sub_list li{height:160px; margin-left:0; margin-top:21px}
    .convergenceService_sub_list li:first-child{margin-top:0}
    .convergenceService_sub_list li:last-child{margin-bottom:51px}
    .convergenceService_sub_list li .img_wrap{height:160px; margin-left:0}
    .convergenceService_sub_list li span{margin-top:11px; font-size:12px; line-height:16px}

    .convergenceService_sub_wrap .container{padding:31px 24px 10px}
    .convergenceService_sub_wrap ~ .convergenceService_sub_wrap .container{padding-top:41px}

        .convergenceService_subTitle{font-size:14px; line-height:20px; word-break:keep-all}
        .convergenceService_subTitle br{display:none}
        .convergenceServiceT_wrap{margin-top:70px}
            .convergenceServiceTL_wrap{padding-bottom:70px}
            .convergenceServiceTL_wrap dl{min-width:226px; width:calc(80% - 72px); min-height:226px; margin:60px auto 0; padding-top:calc(80% - 106px); border:12px solid rgba(31, 152, 213, 0.15)}
            .convergenceServiceTL_wrap dt{font-size:12px; line-height:16px}

            .convergenceServiceTR_wrap ul{margin-top:21px}
            .convergenceServiceTR_wrap.type1 ul{overflow:hidden}
            .convergenceServiceTR_wrap.type1 ul li{float:none; width:100%}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(1){margin-right:0}
            .convergenceServiceTR_wrap.type1 ul li:nth-child(2){margin-left:0}
            .convergenceServiceTR_wrap.type1 ul li .img_wrap{height:160px}
            .convergenceServiceTR_wrap.type1 ul li span{padding:11px 0 21px; font-size:12px; line-height:16px}

            .convergenceServiceTR_wrap.type2 ul li .img_wrap{height:160px}
            .convergenceServiceTR_wrap.type2 ul li span{padding:11px 0 21px; font-size:12px; line-height:16px}

            .convergenceServiceTR_wrap.type3 ul li .img_wrap{height:160px}
            .convergenceServiceTR_wrap.type3 ul li span{padding:11px 0 21px; font-size:12px}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(2){width:100%; margin-right:0}
            .convergenceServiceTR_wrap.type3 ul li:nth-child(3){width:100%; margin-left:0}

    .convergenceService_sub_wrap.bgGray .container{padding:42px 24px 32px}
    .convergenceService_sub_wrap.bgGray .container .subBarTitle + .convergenceService_subBox{margin-top:21px}


    /* S >> 핵심제품 */
    /* S >>> CUBE-HIDE || 무인교통감시장치 || AI유닛임베디드디바이스 || ARVO */
      .product_table{margin-top:22px}
      .product_table thead th{padding-left:13px; line-height:28px}
      .product_table tbody td{padding:5px 0 6px 13px;}
    .coreProduct_wrap .container-fluid{left:-24px; width:calc(100% + 48px)}
        
        .coreProductTitle{padding-bottom:30px; font-size:18px; line-height:25px}
        .coreProductTitle span{margin-top:32px; font-size:14px; line-height:20px}
        .coreProductTitle.topType1 .img_wrap{bottom:-105px; max-width:176px}
        .coreProductTitle.topType2 .img_wrap{bottom:-125px; max-width:150px}
        .coreProductTitle.topType3 .img_wrap{bottom:-125px; max-width:170px}
        .coreProductTitle.topType4 .img_wrap{max-width:206px; margin:60px auto 30px}

        .coreProduct_list1 > li,
        .coreProduct_list1 > li:first-child{flex-direction:column; margin-top:20px}
        .coreProduct_list1 > li .img_wrap{width:100%; height:160px}
        .coreProduct_list1 > li:nth-child(odd) .txt_wrap{left:0; padding:0}
        .coreProduct_list1 > li:nth-child(even){flex-direction:column}
        .coreProduct_list1 > li .txt_wrap{position:static; top:0; left:0; width:100%; padding-left:0; transform:none}
        .coreProduct_list1 > li .txt_wrap strong{margin-top:11px; font-size:18px; line-height:21px; word-break:keep-all}
        .coreProduct_list1 > li .txt_wrap span{padding-top:0}

        .coreProduct_list2 > li{width:100%}
        .coreProduct_list2 > li .img_wrap{margin-top:21px}
        .coreProduct_list2 > li .coreProduct_list_box .img_wrap{margin-top:20px}
        .coreProduct_list2 > li .coreProduct_list_box strong{font-size:12px; line-height:16px}
        .coreProduct_list2 > li:first-child{padding-bottom:60px}

        .coreProduct_list3{flex-direction:column}
        .coreProduct_list3 > li{overflow:hidden; position:relative; padding-top:56.25%}
        .coreProduct_list3 > li:nth-child(odd){padding-right:0}
        .coreProduct_list3 > li:nth-child(even){padding-left:0}
        .coreProduct_list3 > li .video_wrap{position:absolute; left:0; top:0; height:calc(100% - 28px)}
        .coreProduct_list3 > li .video_wrap > iframe{width:100%; height:100%; object-fit:cover}
        .coreProduct_list3 > li > span{font-size:12px; line-height:16px}
        .coreProduct_list3 > li.hasTable{padding-top:0; padding-bottom:0}
        .coreProduct_list3 > li.hasTable:first-child ~ .hasTable{margin-top:0; margin-bottom:60px}

        .coreProduct_list4 > li{flex:0 1 calc((100% - 12px) / 2); margin-left:12px}
        .coreProduct_list4 > li:nth-child(odd){margin-left:0}
        .coreProduct_list4 > li:nth-child(even){margin-left:12px}
        .coreProduct_list4 > li:nth-child(n + 3){margin-top:20px}
        .coreProduct_list4 > li strong{font-size:12px; line-height:18px}
        .coreProduct_list4 > li span{font-size:12px; line-height:18px}

        .coreProduct_list5 > li{width:100%; margin-left:0}
        .coreProduct_list5 > li:nth-child(2){margin-top:20px}
        .coreProduct_list5 > li:nth-child(3),
        .coreProduct_list5 > li:nth-child(4),
        .coreProduct_list5 > li:nth-child(5){width:100%}
        .coreProduct_list5 > li .img_wrap{height:230px; background-color:#fff}
        .coreProduct_list5 > li .img_wrap img{width:100%; height:100%; object-fit:contain}

        .coreProduct_download_list dt{font-size:14px; line-height:18px}
        .coreProduct_download_list dd{width:100%; margin-left:0; margin-top:20px; padding:20px; text-align:center}
        .coreProduct_download_list dd:nth-child(3n + 2){margin-left:0}
        .coreProduct_download_list dd:nth-child(2),
        .coreProduct_download_list dd:nth-child(3){margin-top:20px}
        .coreProduct_download_list dd strong{display:block; float:none; font-size:12px}
        .coreProduct_download_list dd span{display:block; float:none}
        .coreProduct_download_list dd a{display:inline-block; float:none; margin:19px auto 0}
    
    .coreProduct_wrap.bgGray .container.system{overflow-x:auto; overflow-y:hidden; padding-top:78px}
    .coreProduct_wrap.bgGray .container.system .systemBox{min-width:465px; margin-right:24px}
    .coreProduct_wrap.bgGray .container.system .systemBox .img_wrap{}

    .sub_topBanner + .coreProduct_wrap .container{padding-right:16px; padding-left:16px; word-break:keep-all}


    /* S >> 조달우수제품 */
    /* S >>> [Tab] 우수제품소개 */
    .excellentProcurementProduct1 .container strong{font-size:18px; line-height:25px}
    .excellentProcurementProduct1 .container span{margin-top:22px; font-size:12px; line-height:16px}
    .excellentProcurementProduct1 .container p{margin-top:22px; font-size:14px}
    .excellentProcurementProduct1 .container p br{display:none}
    
    .excellentProcurementProduct2.bgGray{background-color:#f7f7f7}
    .excellentProcurementProduct2 .container strong{font-size:14px; line-height:20px}
    .excellentProcurementProduct2 .container strong ~ .img_wrap{min-width:666px; margin-top:20px}

    .excellentProductStandard .container strong{font-size:18px; line-height:24px}
    .excellentProcurementProduct3 .container strong{font-size:14px; line-height:18px}
    .excellentProcurementProduct3 .container ul{display:flex; flex-wrap:wrap; justify-content:space-around}
    .excellentProcurementProduct3 .container ul li{flex:1 1; flex-basis:calc(100% / 2); margin-top:20px; margin-bottom:10px}
    .excellentProcurementProduct3 .container ul li .img_wrap{width:150px; height:150px}
    .excellentProcurementProduct3 .container ul li .img_wrap img{width:50px; height:50px}
    .excellentProcurementProduct3 .container ul li strong{margin-top:11px; font-size:12px; line-height:17px}
    .excellentProcurementProduct3 .container ul li span{font-size:12px; line-height:16px}
  /* S >>> [Tab] 활용시스템 */
    .applicationSystem .container strong{font-size:18px; line-height:24px}

    .applicationSystem .container ul{display:flex; flex-direction:column; margin-top:2px}
    .applicationSystem .container ul li{display:flex; flex-direction:column; margin-top:20px}
    .applicationSystem .container ul li .img_wrap{flex:1 1; height:130px; margin-left:0; margin-right:0}

    .applicationSystem .container ul li .txt_wrap{display:flex; flex:1 1; flex-direction:column; justify-content:center; margin-right:0; text-align:left}
    .applicationSystem .container ul li .txt_wrap strong{display:block; margin-top:11px; padding-left:0; font-size:18px; line-height:25px}
    .applicationSystem .container ul li .txt_wrap span{margin-top:11px; padding-left:0; font-size:12px; line-height:18px}

    .applicationSystem .container ul li:nth-child(even){flex-direction:column}
    .applicationSystem .container ul li:nth-child(even) .img_wrap{margin-left:0; margin-right:0}
    .applicationSystem .container ul li:nth-child(even) .txt_wrap{margin-left:0; margin-right:0}


    /* S >> 회사소개 */
    /* S >>> 회사소개 */
    .introduceCompany_list{margin-bottom:40px}
    .introduceCompany_list dt{margin-top:40px; font-size:18px; line-height:24px}
    .introduceCompany_list dt:before{margin-bottom:31px}
    .introduceCompany_list dd{max-width:none; margin-top:11px; padding:0 24px}
    /* S >>> CEO인사말 */
    /* S >>> 연혁 */
    .historyContents .container > strong{font-size:18px; line-height:24px}
    .historyContents .container > strong > br{display:block}
    .historyContents .container > strong span{line-height:18px}
        .history_list li{margin-top:44px}
        .history_list li .txt_wrap dl dt{font-size:38px; line-height:51px}
        .history_list li .txt_wrap dl dt + dd{margin-top:14px}
        .history_list li .txt_wrap dl dd{font-size:12px; line-height:18px}
        .history_list li .txt_wrap dl dd strong{width:34px}
        .history_list li .txt_wrap dl dd span{width:calc(100% - 34px)}
        .history_list li .img_wrap{height:190px}
    /* S >>> 인재상 */
        .talent_list{background-size:218px 70px}
        .talent_list li{width:calc(50% - 6px); padding:26px 6px}
        .talent_list li:nth-child(1),
        .talent_list li:nth-child(4){margin-right:6px}
        .talent_list li:nth-child(3){height:250px; background-size:163px 52px}
        .talent_list li:nth-child(2),
        .talent_list li:nth-child(5){margin-left:6px}
        .talent_list li:nth-child(2):before{left:-7px}
        .talent_list li:nth-child(2):after{margin-left:0}
        .talent_list li:nth-child(3):before{height:30px}
        .talent_list li:nth-child(3):after{height:30px}
        .talent_list li:nth-child(5):before{left:-7px}
        .talent_list li:nth-child(5):after{margin-left:0}
        .talent_list li strong{font-size:18px; line-height:24px}
        .talent_list li span{padding:0; font-size:12px; line-height:18px}
    /* S >>> 조직도 */
    .organizationContents .container{padding:30px 24px}
    .organizationContents.bgGray .container{padding:30px 24px 60px}
    /* S >>> CI소개 */
    .ciContents .container{padding:0 0 50px}
    .ciContentT{padding:42px 36px 0 12px}
    .ciContentT .img_wrap{left:12px; top:-12px; width:100%}
    .ciContentT .img_wrap:before{left:-12px; top:12px}
    .ciContentT .txt_wrap{position:relative; left:12px; width:100%; padding-left:0; padding-top:28px}
    .ciContentT .txt_wrap strong{padding-left:0; font-size:18px; line-height:24px}
    .ciContentT .txt_wrap strong span{padding-left:0; font-size:12px; line-height:18px}
    .ciContentT .txt_wrap p{padding-left:0; font-size:12px; line-height:18px}
    .ciContentT .txt_wrap a{width:100%; max-width:150px; margin-left:0}
    .ciContentM{margin-top:51px; padding:0 24px}
    .ciContentM > strong{font-size:18px; line-height:24px}
    .ciContentM .txt_wrap strong span{font-size:12px; line-height:18px}
    .ciContentM ul{margin-top:21px; flex-direction:column}
    .ciContentM ul li{padding:29px 0 28px}
    .ciContentM ul li:nth-child(2){border-left:none; border-top:1px solid #e7e7e7}
    .ciContentB{margin-top:51px; padding:0 24px}
    .ciContentB > strong{font-size:18px; line-height:24px}
    .ciContentB .txt_wrap strong span{font-size:12px; line-height:18px}
    .ciContentB ul{margin-top:21px; flex-direction:column}
    .ciContentB ul li{padding:30px 0}
    /* S >>> 부설연구소 */
    .researchInstituteContents .container{padding:31px 0 60px}
    .researchInstituteContents .container > strong{padding:0 15px; font-size:18px; line-height:24px}
    .researchInstituteContents .container > span{margin-top:21px; padding:0 24px}
    .researchInstituteContents dl{margin-top:18px; padding:0 24px; font-size:0}
    .researchInstituteContents dl:before{width:calc(75% - 36px)}
    .researchInstituteContents dl dt{font-size:12px}
    .researchInstituteContents dl dd{width:calc(25% - 5px); margin-left:5px}
    .researchInstituteContents dl dd br{display:block}
    .researchInstituteContents ul{display:block; background:none}
    .researchInstituteContents ul li{float:none; width:204px}
    .researchInstituteContents ul li:nth-child(1),
    .researchInstituteContents ul li:nth-child(2),
    .researchInstituteContents ul li:nth-child(3),
    .researchInstituteContents ul li:nth-child(4){margin:30px auto 0}
    .researchInstituteContents ul li:before,
    .researchInstituteContents ul li:after{content:none}
    .researchInstituteContents.bgGray .container > strong{margin-top:31px}
    /* S >>> 인증현황 */
    /* .certificationStatusContents .container{padding:5px 24px 60px} */
    .certificationStatusContents .container [data-type="tab"]{left:0; top:-36px; width:100%}
    .certificationStatusContents .container [data-type="tab"] > li a{padding:7px 0; font-size:12px}
    .certificationStatusContents .container [data-type="tab"] + ul li strong{font-size:18px; line-height:24px}
    .certificationStatusContents .container [data-type="tab"] + ul li strong br{display:none}
    .certificationStatusContents .container [data-type="tab"] + ul li strong span{margin-top:12px}
      .certificationStatus_list li{width:calc(50% - 6px); margin-left:12px;display : inline-block; vertical-align : top;}
      .certificationStatus_list li:nth-child(3n + 1){clear:none; margin-left:12px}
      .certificationStatus_list li:nth-child(3n + 2){width:calc(50% - 6px)}
      .certificationStatus_list li:nth-child(2n + 1){margin-left:0}
      .certificationStatus_list li strong{margin-top:12px; font-size:16px !important; line-height:22px !important}
      .certificationStatus_list li span{margin-top:7px; font-size:12px}
      .certificationStatus_list li img{height:220px !important}
    /* S >>> 오시는길 */
    /* .wayToCome_wrap .container{padding:10px 24px 60px} */
    .wayToCome_wrap .container > strong{margin-top:30px; font-size:18px; line-height:25px}
    .wayToCome_wrap .container dl dt{width:32px; font-size:12px; line-height:18px}
    .wayToCome_wrap .container dl dt:first-child,
    .wayToCome_wrap .container dl dt:first-child + dd{margin-top:12px}
    .wayToCome_wrap .container dl dd{width:calc(100% - 32px); padding-left:0; font-size:12px; line-height:18px}
    .wayToCome_wrap .container .map_area{height:156px; margin-top:20px}
    /* S >>> 주요사업 */
    /* .majorBussiness .container{padding:30px 6px 31px 24px} */
    .majorBussiness .container > strong{font-size:18px; line-height:24px}
    .majorBussiness .container > strong > br{display:block}
    .majorBussiness .container > span{margin-top:12px}
    .majorBussiness .container > span > br{display:none}
    .majorBussiness.bgGray .container{padding:30px 24px 60px}
    .majorBussiness.bgGray .container ul li{margin-top:12px}
    .majorBussiness.bgGray .container ul li:nth-child(odd){padding-right:0}
    .majorBussiness.bgGray .container ul li:nth-child(even){padding-left:0}
    .majorBussiness.bgGray .container ul li .img_wrap{height:129px}
    .majorBussiness.bgGray .container ul li .txt_wrap{padding:21px 20px 84px}
    .majorBussiness.bgGray .container ul li .txt_wrap strong{font-size:18px; line-height:24px}
    .majorBussiness.bgGray .container ul li .txt_wrap span{margin-top:12px; font-size:12px; line-height:18px}


    /* S >> 공지사항 */
    /* S >>> 행사소식 */
    .common_gallary_list li{flex-basis:100%; margin-left:0}
    .common_gallary_list li:nth-child(3n + 1){margin-left:0px}
    .common_gallary_list li strong{font-size:12px; word-break:keep-all}
    .common_gallary_list li span{margin-bottom:0}


  /* S > FOOTER */
  footer{overflow-x:auto; overflow-y:hidden; min-width:360px;}
  footer .container{padding:30px 24px 60px}
      .footer_company_info_wrap address{font-size:12px}
      .footer_company_info_wrap dl{font-size:12px}
      .footer_company_info_wrap span{font-size:12px}
}
/* E 모바일 */