@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

@import url('https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=korean');
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Gothic A1', sans-serif;
*/
a {text-decoration: none;}

#header {position:absolute; width:100%;text-align: center;padding: 0 0 0 0;z-index:30; border-bottom:1px solid #ccc;}

h4 {color:#00b4ff !important;}
/******************************************************************************************************* 
링크 - a태그
********************************************************************************************************/
.goBtnBox a {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	}
.goBtnBox a {display:block;text-align:center;font-size:1em;padding:3em 1em;font-weight:600;border-radius:10px;line-height:1.5em;}
.goBtnBox a:link, 
.goBtnBox a:active, 
.goBtnBox a:visited { color:#fff; text-decoration: none;border:2px solid #fff;background:#4b545e; }
.goBtnBox a:hover,
.goBtnBox .hover  { color:#fff !important; text-decoration: none !important;background:#ab0b0c;border:2px solid #fff; }
.goBtnBox a i {font-size:5em;margin-bottom:0.3em;}

/******************************************************************************************************* 
확대 애니메이션
********************************************************************************************************/
.outBox2 .inBox2 .groupZone2 {
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.outBox2 .inBox2:hover .groupZone2  {
	-moz-transform: scale(1.2) rotate(0deg);
	-webkit-transform: scale(1.2) rotate(0deg);
	-o-transform: scale(1.2) rotate(0deg);
	-ms-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}
/******************************************************************************************************* 
테이블
********************************************************************************************************/
.tstyle01 { width:100%; border-top:3px solid #00b4ff; }
.tstyle01 thead th {background:#e9e9e9;text-align:center;}
.tstyle01 thead th,
.tstyle01 tbody th,
.tstyle01 tbody td { padding:1em 0; border:1px solid #ccc; vertical-align: middle; line-height:1.5em; }
.tstyle01 tbody th {background:#f5f5f5;text-align:center;}
.tstyle01 tbody td { border-right:1px solid #ccc; padding-left:1em; padding-right:1em; }
.tstyle01 tfoot th,
.tstyle01 tfoot td {padding:0.5em 1em;background:#e9e9e9;}
.tstyle01 tfoot th {border:1px solid #ccc;text-align:center;}
.tstyle01 tfoot td {border:1px solid #ccc;}

.tstyle02 { width:100%; border-top:3px solid #00b4ff; }
.tstyle02 thead th {background:#e9e9e9;text-align:center;}
.tstyle02 thead th,
.tstyle02 tbody th,
.tstyle02 tbody td { padding:1em 0; border:1px solid #ccc; vertical-align: middle; line-height:1.5em; }
.tstyle02 tbody th {background:#f5f5f5;text-align:center;}
.tstyle02 tbody td { border-right:1px solid #ccc; padding-left:1em; padding-right:1em;text-align:right; }
.tstyle02 tfoot th,
.tstyle02 tfoot td {padding:0.5em 1em;background:#e9e9e9;}
.tstyle02 tfoot th {border:1px solid #ccc;text-align:center;}
.tstyle02 tfoot td {border:1px solid #ccc;text-align:right;}

.tstyle03 { width:100%; border-top:3px solid #00b4ff; }
.tstyle03 thead th {background:#e9e9e9;text-align:center;}
.tstyle03 thead th,
.tstyle03 tbody th,
.tstyle03 tbody td { padding:1em 0; border:1px solid #ccc; vertical-align: middle; line-height:1.5em; }
.tstyle03 tbody th {background:#f5f5f5;text-align:center;}
.tstyle03 tbody td { border-right:1px solid #ccc; padding-left:1em; padding-right:1em; }
.tstyle03 tfoot th,
.tstyle03 tfoot td {padding:0.5em 1em;background:#e9e9e9;}
.tstyle03 tfoot th {border:1px solid #ccc;text-align:center;}
.tstyle03 tfoot td {border:1px solid #ccc;}

.thead_right_line {border-right:1px solid #ccc;}
.tsc { text-align:center !important; }
.tsl { text-align:left; padding-left:10px !important; }
.tsr { text-align:right; padding-right:10px !important; }
.no_line { border-left:none !important; }
.yes_line { border-left:1px solid #ddd !important; }
.top_line01 { border-top:1px solid #999; }
.cp_etc { padding:20px 10px !important; }
.th_end {border-right:1px solid #ccc;}

/******************************************************************************************************* 
리스트 스타일
********************************************************************************************************/
.ls_001 {padding:1em 0em 0em 0em;}                                                                                                                                                                                                                         
.ls_001 li {padding:0 0 1em 0.8em;background:url(../images/icon_dot01.gif) no-repeat 0px 0.6em;list-style:none !important;font-size:1.36em;font-weight:normal;line-height:1.34em;}

.list_style_nomal { margin-bottom:0px; }
.list_style_nomal li { padding:5px 0 10px 15px; background:url(../images/icon_dot01.gif) no-repeat 2px 16px;line-height:1.5em; }
.list_style_nomal li ol {padding-left:1.2em;}
.list_style_nomal li ol li { padding-left:5px !important; background:none !important;font-size:1.2em; list-style:decimal; }
.list_style_nomal li ul {}
.list_style_nomal li ul li {padding:0.5em 0 0 15px !important; font-size:1.2em;background:url(../images/icon_dot01_01.gif) no-repeat 2px 16px !important; }
/******************************************************************************************************* 
페이지 구분
********************************************************************************************************/
.dan_g01 {}
.outGroup {display:block;clear:both;}
.dan_group {display:inline-block;width:100%;}

.dan01 {display:block;}
.dan02, .dan03, .dan04, .dan05, .dan06, .dan07, .dan08, .dan09 {display:inline-block;float:left;}
.dan02 .dan_in, .dan03 .dan_in, .dan04 .dan_in, .dan05 .dan_in, .dan06 .dan_in, .dan07 .dan_in, .dan08 .dan_in, .dan09 .dan_in .dan_in {padding:0.3em 0.3em;}
.dan02 a, .dan03 a, .dan04 a, .dan05 a, .dan06 a, .dan07 a, .dan08 a, .dan09 a {display:block;}
.dan02 .dan_in .image.featured, .dan03 .dan_in .image.featured, .dan04 .dan_in .image.featured, .dan05 .dan_in .image.featured, .dan06 .dan_in .image.featured, .dan07 .dan_in .image.featured, .dan08 .dan_in .image.featured, .dan09 .dan_in .image.featured .dan_in  .image.featured {margin:0 !important;border:1px solid #ccc !important;}
.dan01 {width:100%;}
.dan02 {width:50%;}
.dan03 {width:33.3333%;}
.dan04 {width:25%;}
.dan05 {width:20%;}
.dan06 {width:16.6666%;}
.dan07 {width:14.2857%;}
.dan08 {width:12.5%;}
.dan09 {width:11.1111%;}

.dan10,
.dan20,
.dan25,
.dan30,
.dan40,
.dan50,
.dan60,
.dan70,
.dan80,
.dan90 {display:inline-block;float:left;}
.dan10 {width:10%;}
.dan20 {width:20%;}
.dan25 {width:25%;}
.dan30 {width:30%;}
.dan40 {width:40%;}
.dan50 {width:50%;}
.dan60 {width:60%;}
.dan70 {width:70%;}
.dan80 {width:80%;}
.dan90 {width:90%;}

.dan_g2 {display:block;clear:both;}
.dan_g2 h3 {display:inline-block;float:left;width:20%;}
.dan_g2 .d_info {display:inline-block;float:left;width:80%;margin-bottom:3em;}
/******************************************************************************************************* 
여백
********************************************************************************************************/
.padding_all_05em {padding:0.5em;text-align:center;font-size:0.8em;}
.padding_all_05em .image.featured {margin-bottom:0;}

.padding_all_01 {padding:0.1em;}
.padding_all_02 {padding:0.2em;}
/* .padding_all_02  span {border:3px solid #ccc;} */
.padding_all_03 {padding:0.3em;}
.padding_all_04 {padding:0.4em;}
.padding_all_05 {padding:0.5em;}
.padding_all_1 {padding:1em;}
.padding_all_15 {padding:1.5em;}
.padding_all_2 {padding:2em;}

.blank_zone {display:inline-block; width:100%;height:2.5em;clear:both;}
.blank_zone_1em {display:inline-block; width:100%;height:1em;clear:both;}
.blank_zone_05em {display:inline-block; width:100%;height:0.5em;clear:both;}

.box_line_1px {border:1px solid #ccc;}

.pad_left_1 {padding-left:1em;}
.pad_left_15 {padding-left:1.5em;}
.pad_right_1 {padding-right:1em;}

.mar_top_1 {margin-top:1em;}

/********************************************************************************************************/

.img_box01 {border:1px solid #ccc; }
.img_box01 span {margin:0 !important;}

.group_box {display:inline-block;width:100%;margin-bottom:2em;}
.group_box p {margin-bottom:1em;line-height:1.5em;}
.group_box ol {display:inline-block;width:100%;}
.group_box ol li {list-style:decimal !important;font-weight:bold;}
.group_box ol li ul {padding:0 0 1em 0em;}
.group_box ol li ul li {padding-left:0.8em;background:url(../images/icon_dot01.gif) no-repeat 0px 0.7em;list-style:none !important;font-size:1.3em;font-weight:normal;line-height:1.5em;}
.group_box ul {padding:0 0 1em 0em;}
.group_box ul li {padding-left:0.8em;background:url(../images/icon_dot01.gif) no-repeat 0px 0.7em;list-style:none !important;font-size:1em;font-weight:normal;line-height:1.5em;}

.title01 {font-weight:600;font-size:0.85em;}
.big_text {font-size:1.8em;}
.padding_set01 {padding:0.1em;}
.padding_set02 {padding:0.5em;}
.padding_set02 p { line-height:1.5em; }
/******************************************************************************************************* 
박스 스타일
********************************************************************************************************/
.line_box01,
.line_box01_left,
.line_box01_center,
.line_box01_right {display:inline-block;border:1px solid #ccc;padding:0.5em 1em;}
.line_box01            {width:95%;margin:1em 2.5%;background:#e9e9e9;}
.line_box01_left      {width:90%;margin:0 10% 0 0;}
.line_box01_center {width:90%;margin:0 5%;}
.line_box01_right    {width:90%;margin:0 0 0 10%;}

.line_box02,
.line_box02_left,
.line_box02_right {display:inline-block;border:1px solid #ccc;padding:0.5em 1.5em;}
.line_box02         {width:90%;margin:0 5%;}
.line_box02_left   {width:95%;margin:0 5% 0 0;}
.line_box02_right {width:95%;margin:0 0 0 5%;}

.line_box03,
.line_box03_left,
.line_box03_center,
.line_box03_right {display:inline-block;border:2px solid #ccc;padding:0.5em 1em;}
.line_box03            {width:90%;margin:0 5%;}
.line_box03_left      {width:95%;margin:0 5% 0 0;}
.line_box03_center {width:95%;margin:0 2.5%;}
.line_box03_right    {width:95%;margin:0 0 0 5%;}

.line_box_01 {display:inline-block;border:2px solid #ccc;padding:1em;width:100%;}

.box_out {display:table; padding:0 0.5em;}
.box_in {display:table-cell; text-align:center; vertical-align: middle;width:100%; height:100%; border:3px solid #ccc;font-size:0.8em;}
.box_in .image.featured {margin-bottom:0;}

.imgbox_01 {display:inline-block;width:100%;border:2px solid #ddd; }
.imgbox_01 .featured {margin:0 !important;}

.titleBox {background:#666;color:#fff;text-align:center;font-size:0.75em;}
.imgBox {border:1px solid #666;}

/******************************************************************************************************* 
Footer
********************************************************************************************************/
#footer {padding: 2em 0;background:#f8f8f8;border-top:1px solid #bdbdbd;}
#footer a {color: inherit;border-bottom-color: rgba(71, 71, 71, 0.25);}
#footer a:hover {color: #c4161c;border-bottom-color: transparent;}
#footer .container {/* margin-bottom: 4em; */}
#footer .icons {text-align: center;margin: 0;}
#footer .icons a {color: #999999;}
#footer .icons a:hover {color: #474747;}
#footer .logo {float:left;width:20%;height:60px;font-size: 1.5em;letter-spacing: -0.025em;border: 0;text-indent: -5000px;overflow: hidden;background:url(../images/foot_logo.png) no-repeat left;}
#footer .copyright {float:left;width:70%;color: #333;text-align: left;font-size: 0.9em;}
#footer .copyright p {line-height:1.5em;}
address {font-size:0.75em;line-height:1.5em;font-style:normal;}
.footermenu {display:inline-block;width:100%;border-bottom:1px solid #ddd;}
.footermenu li {float:left;padding-right:1.5em;}
/******************************************************************************************************* 
구글맵
********************************************************************************************************/
.gmnoprint .gm-style-mtc div {line-height:1.1em !important;}

.tabmenu {display:inline-block; width:100%; margin-bottom:1em;}
.tabmenu ul {}
.tabmenu ul li {}
.tabmenu li { display:inline-block; float:left; margin-left:-1px; }
.tabmenu li a { display:inline-block; width:100%; text-align:center; padding:1em 0; line-height:1em; font-weight:400; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif; }
.tabmenu li a:link,                                                                                                                                                                              
.tabmenu li a:active,                                                                                                                                                                          
.tabmenu li a:visited { color:#666; text-decoration: none; border:1px solid #fff; background:#ddd; }/*들어갔었든*/                         
.tabmenu li a:hover { color:#83cffc !important; text-decoration: none !important; border:1px solid #fff;  background:#2477a9 !important; }
.tabmenu li .hover  { color:#fff !important; text-decoration: none !important; border:1px solid #fff; background:#2477a9 !important; }


#map {
  height: 430px;
  position: relative;
  width: 100%;
}

.maps-frame {
  height: 430px;
  width: 100%;
}

.kd-tabbed-vert.header-links .kd-tabbutton a {
  color: #757575;
  display: inline-block;
  height: 100%;
  padding: 0 24px;
  width: 100%;
}

.kd-tabbed-vert.header-links .kd-tabbutton {
  padding: 0;
}

.kd-tabbed-vert.header-links .kd-tabbutton.selected a {
  color: #03a9f4;
}

.kd-tabbed-vert.header-links .kd-tabbutton a:focus {
  text-decoration: none;
}

p.top-desc {
  padding: 1em 1em .1em 1em;
}

p.bottom-desc {
  padding: 0em 1em 1em 1em;
}

.map_add_text_box {padding:1.5em 1em 2em;/* background:url(../images/map_bg.jpg) no-repeat right center; */ }
.map_add_text_box ul {margin:0;padding:0;}
.map_add_text_box ul li {list-style:none;margin-bottom:2px;}
.map_add_text_box strong {display:inline-block; width:90px;text-align:center;background:#666;color:#fff;margin-right:1em;/* padding:0.5em 0; */}

/******************************************************************************************************* 
모바일 언어 선택 버튼
********************************************************************************************************/

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop span {display:none;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff;font-size:0.65em;}

.lang {display:none !important;}
.gall_href .featured {margin:0 !important;}

/******************************************************************************************************* 
서브페이지 기본 설정
********************************************************************************************************/
.style_sub { display:inline-block; width:100%;  padding: 1em 0 4em 0 !important;min-height:600px; }
.style_sub header { position:relative; padding-top:0.5em; }
.style_sub p { line-height:1.5em;margin-bottom:1.5em;}
header.sub_head h2 { font-size:1.8em; text-align:left; color:#000; /* margin:0; */ font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;font-weight:500;text-align:center;background:url(../images/sub/toptitle_bg01.png) no-repeat center; }
header.sub_head h2 span {background:#fff;padding:0 0.5em;}
header.sub_head p { color:#666; font-size:0.75em; line-height:1.5em; margin:0.5em 0 1.5em 0; }
header.sub_head p.point01 { text-align:left; color:#2477a9; font-size:1.2em; line-height:1.5em; margin:0.5em 0 2em 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif; }

/* 상단 코멘트 */
.topComment {font-size:1.5em;font-family: 'Nanum Myeongjo';line-height:1.5em;text-align:center;padding:0.8em 0;margin-bottom:1.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;letter-spacing:-0.08em;}
.topComment strong {color:#014099;}

.topComment2 {font-size:1.2em;font-family: 'Nanum Myeongjo';line-height:1.5em;text-align:left;padding:0.8em 0;margin-bottom:1.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;letter-spacing:-0.08em;}
.topComment2 span {display:inline-block;width:65%;}
.topComment2 strong {color:#c4161c;}
.topComment2 i {font-size:2.8em;margin:0 0.5em;}
.topComment2 svg {font-size:2.8em;margin:0 0.5em;}


/******************************************************************************************************* 
바로가기메뉴 설정
********************************************************************************************************/
#ol_id, #ol_pw {font-size:0.65em;}
#ol_submit {line-height:1.65em;font-size:0.75em;}
#ol_auto label {font-size:0.75em;margin-bottom:0;}
#ol_auto input {vertical-align:middle;}
#ol_svc a {font-size:0.75em;}
#side_menu .btn_side_shop {font-size:0.75em;}
#side_menu .btn_side_shop span {font-size:0.8em;border-radius:100%;width:20px;height:20px;text-align:center;}
#sbsk .go_cart {font-size:0.75em;}
.prd_name {font-size:0.85em;line-height:1.5em;}
#skin_sod_bsk_list ul li a {font-size:0.85em;line-height:1em;}
#swish ul li a {font-size:0.85em;line-height:1em;}

/******************************************************************************************************* 
인사말
********************************************************************************************************/
.imgOverBox {}
.imgOverBox img {width:100%;}

.signZone {padding-top:1em;}
.signZone span {font-size:0.85em;} 
.signZone strong {font-size:1.2em;}

.imgBoxZone {position:relative;margin-bottom:1em;}
.imgBoxZone h4 {display:block;padding-left:1%;color:#fff;background:rgba(0,0,0,0.6);margin:0;}

.mslimg {width:100%;}

.container .sub1_1 p {line-height:1.6em;}

.container .sub1_1 .st_comment01 {font-size:1em;letter-spacing:-0.05em;border-bottom:1px solid #ddd;padding-bottom:1em;line-height:1.5em;font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
.container .sub1_1 .st_comment02 {font-size:1.1em;font-weight:500;font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
/******************************************************************************************************* 
경영이념
********************************************************************************************************/
.lineBox01 {border:1px solid #ddd;}
/******************************************************************************************************* 
연혁
********************************************************************************************************/
.resume-title h3{
    text-align: center;
	background:none;
}
.resume-section > div > div{
    margin-bottom: 60px;
}
.resume-section > div > div:nth-of-type(2){
    margin-bottom: 0;
}
.resume-title{
    margin-bottom: 30px;
}
.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.resume{
    position: relative;
}

.resume:before{
    content: "";
    position: absolute;
    top: -8px;
    width: 10px;
    height: 10px;
    background-color: #666; /* 상단점 컬러 */
    left: 0px;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.resume:after{
    content: "";
    position: absolute;
    bottom: -8px;
    width: 10px;
    height: 10px;
    background-color: #666;/* 하단점 컬러 */
    left: 0px;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1.5px;
    background-color: #666; /* 배경라인 컬러 */
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: left;
    position: relative;
    width: 100%;
}

.timeline-content{
    padding:5px 20px 0 20px;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .posted-date {
    position: relative;
    text-align: center;
    background-color: #fff;
    left: 20px;
}


.timeline>li .posted-date .month {
    font-size: 1.4em;
    line-height: 20px;
    font-weight: 700;
    display: block;
    color: #000; /* 년도컬러 */
    top: 0;
    float: left;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline-heading h3 {
    font-size: 1em;
    line-height: 28px;
	background:none;
	margin-bottom:0;
}
.timeline-heading span{
    display: block;
    font-weight: 300;
	line-height:1.5em;
	font-size:0.85em;
    /* margin-bottom: 20px; */
}

.timeline-heading {display:inline-block;width:100%;}
.timeline-heading h3 {display:inline-block;float:left;width:10%;line-height:18px;}
.timeline-heading span {display:inline-block;float:left;width:90%;line-height:18px;padding-bottom:1em;}

.timeline-inverted .timeline-heading h3 {display:inline-block;float:left;width:10%;line-height:18px;}
.timeline-inverted .timeline-heading span {display:inline-block;float:left;width:90%;line-height:18px;padding-bottom:1em;}

@media(min-width:992px) {
.timeline:before {
    left: 50%;
}

.timeline>li {
    margin-bottom: 0px;
    min-height: 50px;
}

.timeline>li .posted-date {
    position: absolute;
    text-align: center;
    background-color: #fff;
}

.timeline>li .timeline-panel {
    float: left;
    width: 43%;
    text-align: right;
    border: 1px solid #00b4ff; /* 패널 라인 컬러 */
    position: relative;
}

.timeline-content{
    position: relative;
    padding: 24px;
    background-color: #fff; /* 패널 백그라운드 컬러 */
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition: all 400ms;
}

.timeline-content::after{
    /* border: 1px solid #2477a9; */
    width: 100%;
    position: absolute;
    content: "";
    bottom: -3px;
    height:10px;
    left: 0;
    z-index: -1;
}

.timeline>li .timeline-content:hover {
    background: #00b4ff; /* 패널 마우스오버 컬러 */
    color: #fff;
}

.timeline>li .timeline-panel::before,
.timeline>li.timeline-inverted .timeline-panel::before {
    content: "";
    top: 25px;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline>li .timeline-panel::before {
    left: 100%;
    border-left: 12px solid #00b4ff; /* 좌측패널 꼭지 라인 컬러 */
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition: all 400ms;
}
.timeline>li .timeline-panel:hover::before {
    border-left: 12px solid #00b4ff; /* 좌측패널 마우스오버 꼭지 라인컬러 */
}

.timeline>li.timeline-inverted .timeline-panel::before {
    right: 100%;
    border-right: 12px solid #00b4ff; /* 우측패널 꼭지 라인 컬러 */
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition: all 400ms;
}
.timeline>li.timeline-inverted .timeline-panel:hover::before {
    border-right: 12px solid #00b4ff; /* 좌측패널 마우스오버 꼭지 라인컬러 */
    border-left: 0;
}

.timeline>li .timeline-panel::after,
.timeline>li.timeline-inverted .timeline-panel::after {
    content: "";
    top: 25px;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.timeline>li .timeline-panel::after {
    left: 100%;
    margin-left: -2px;
    border-left: 12px solid #FFFFFF;
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition: all 400ms;
}
.timeline>li .timeline-panel:hover::after {
    border-left: 12px solid #00b4ff; /* 좌측패널 꼭지 컬러 */
}

.timeline>li.timeline-inverted .timeline-panel::after {
    right: 100%;
    margin-right:-2px;
    border-right: 12px solid #FFFFFF;
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition: all 400ms;
}
.timeline>li.timeline-inverted .timeline-panel:hover::after {
    border-right: 12px solid #00b4ff; /* 우측패널 꼭지 컬러 */
    border-left: 0;
}

.timeline>li .posted-date {
    left: 50%;
    width: 120px;
    margin-left: -60px;
    margin-top: 28px;
}
.timeline>li .posted-date .month {
    float: none;
}

.timeline-content {padding:24px 24px 0px;}

.timeline-heading {display:inline-block;width:100%;}
.timeline-heading h3 {display:inline-block;float:right;width:10%;line-height:18px;margin-top:0;}
.timeline-heading span {display:inline-block;float:right;width:90%;line-height:18px;padding-bottom:1em;word-break: keep-all;word-wrap: break-word;}

.timeline-inverted .timeline-heading h3 {display:inline-block;float:left;width:10%;line-height:18px;}
.timeline-inverted .timeline-heading span {display:inline-block;float:left;width:90%;line-height:18px;padding-bottom:1em;}

.resume:before {left:50%;}
.resume:after {left:50%;}
}

.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;margin-bottom: 60px;}

#bo_v_link h2 {font-size:1em;margin-top:0;}
.tbl_head01 td {height:auto;}

/******************************************************************************************************* 
스마트팩토리
********************************************************************************************************/
.imgOutBox {border:1px solid #ddd;}
.imgOutBox_noline {border:none;}
.textTitleBox {margin-left:1.5em;margin-top:1.5em;margin-bottom:0;}

.imgOneBox {text-align:center;}
.imgNoneBox_padding {padding:0.5em 1em;}

.textInBox {padding:1em;margin:1em;background:#f2f2f2;border-radius:5px;border:2px solid #ddd;}
.textInBox h4 {font-size:1em;}

.textInBox_out {padding:1em;margin:0.3em;background:#f2f2f2;border-radius:5px;border:2px solid #ddd;}

.boxstyle01 {border:1px solid #666;}
.boxstyle01 dt {font-size:1.1em; background:#666;color:#fff;padding:0.5em 1em;}
.boxstyle01 dd {padding:1em;background:#f9f9f9;}

.boxstyle01 .list_style_nomal li  {font-size:1.3em;}
.tstyle01 .list_style_nomal {font-size:1em;}

.outBox {background:#f9f9f9;height:528px;border:2px solid #ddd;}
.topimgBox {padding:0.5em;}
.btextBox {padding:0 1.2em 1.2em;}
.btextBox .btTitle {font-size:0.8em;font-weight:600;}
.btextBox .btText {font-size:0.95em;}

.boxstyle02 {border:1px solid #ddd; padding:1em;background:#f9f9f9;}

.sub3_2 table {font-size:0.65em;}

table.tstyle03 {font-size:0.9em;}
table.tstyle03 th {font-size:0.7em;}
.tstyle03 .list_style_nomal li {padding:5px 0 0px 15px;background:url(../images/icon_dot01.gif) no-repeat 2px 10px;line-height:1.5em;}
.boxText {text-align:center;margin-top:1em;}
.boxText span {display:inline-block;width:80%;background:#4e9bd9;color:#fff;border-radius:20px;height:2em;line-height:2em;}
.boxText2 {text-align:center;}

.numList {list-style:decimal;margin-left:1.5em;}

.padding22 {padding-right:2em;}

/* 회사 일반현황 */
.cppadding {padding:0 0 0 1em;}